@charset "UTF-8";
/* CSS Document */
body{background-color: #fff;
     font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
     font-weight: 100;}

*{margin:0px;}
a{text-decoration: none;color:#fff;}
h1{font-size:25px;}

#lets{width:60%;
      max-width:500px;
	  height:100px;
      background-color: #000;
      color:#fff;
      text-align: center;
	  line-height: 100px;
      margin:-50px auto 0 auto;
      z-index: 99;}

.bigtext{font-size:1.7em;
      z-index: 99;}

/*TOP リクルート*/
#top_recruit{width:1200px;
             margin:50px auto;}
			 
#t_r_title{margin:100px 0 100px auto;}

#top_recruit h1{font-size:2.2em;
			    text-align: center;}
			 
#t_r1{width:50%;
      height:100px;
      text-align: center;
	  margin:0 auto;}
	  
#t_r1-1{width:50%;
        height:250px;
        text-align: center;
	    float:left;
	    background: #C21D08;
	    color:#fff;}
	  
	  
#t_r1-2{width:50%;
        height:250px;
        text-align: center;
	    float:left;
		background-image:url("img/top_r.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center top;}
	  
.p1{font-size:2em;}
.p2{font-size:1.5em;}


/*--------------- FULL Size ---------------*/
@media only screen and (min-width: 1024px) {
.hamburger-menu{display:none;}
.brmini{display:none;}
#home_topimg_half{display:none;}
#home_topimg_small{display:none;}
    
#header{background: #fff;
        height:50px;
        width:100%;
        clear:both;
        color:#000;}
    
 #cont01{max-width:1024px;
         height:100%;
         margin:0 auto;
         line-height: 50px;
         list-style: none;}


.logo{width:45%;
	  float:left;
      font-size:15px;
      display: inline;}
    
    .logo img{margin:10px 0 0 0;
              height:30px;
              float:left;}
    
#nav_pc{width:50%;
        height:50px;
        float:right;}
    
#cont01 ul{display: flex;
           list-style: none;
           text-decoration: none;}
    
#cont01 ul li{ margin-left: 1.5em;}
    
#cont01 ul li a{text-decoration: none;
                color:#000;
                font-weight: 200;}
	
/*home top VIDEO*/
#home_topimg_pc{width:100%;
	         height:800px;
			 display:block;
			 position:relative;
			 text-align: center;
			 overflow: hidden;
			 z-index:-1;}
	
.topvideo{position:absolute;
          top:0;
          left:0;
          right:0;
          bottom:0;
          margin:auto;
		  z-index:-1;
          }

/*TOP リクルート*/
#top_recruit{max-width:1200px;
	         width:100%;
             margin:150px auto;
			 clear: both;}
			 
#t_r_title{width:100%;
           margin:50px auto 100px auto;
		   float:left;
		   font-size:2.2em;
		   text-align: center;}
			 
#t_r1{width:100%;
      height:350px;
      text-align: center;
	  clear:both;
	  margin:0 auto;}
	  
#t_r1-1{width:50%;
        height:100%;
        text-align: center;
	    float:left;
	    background: #C21D08;
	    color:#fff;
	    position: relative;
	    display: inline-block;}
		
#t_r1-1 p{width:50%;
          position: absolute;
          top:50%;
          left:50%;
          transform: translateX(-50%) translateY(-50%);}
		  
#t_r1-1 .p1{font-size: 2.5em;border-bottom:2px solid #fff;font-style: italic;}
#t_r1-1 .p2{font-size: 2em;}
	  
	  
#t_r1-2{width:50%;
        height:100%;
        text-align: center;
		line-height: 70px;
		color:#fff;
	    float:left;
		background-image:url("img/top_r.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center top;}
		
#t_r1-2-1{color:#fff;
          background-color: #000;
		  height:70px;
		  margin:315px auto 0;
		  width:70%;}
		  
#t_r1-2-1 p{font-size: 2.5em;}

	
/* タイトル */
.title{height:auto;
	   width:700px;
	   text-align: center;
	   margin:100px auto 50px;
	   color:#000;}
	
	.t1{font-size:2em;text-decoration: underline;text-underline-offset:5px;}
	.t2{font-size:1.5em}
	
	
/* スタッフ紹介 */
	
#frame-in{overflow:hidden;
          width:100%;
	      height:850px;
	      margin:0 auto 50px;
	      border: none;}
		  
#iframe{margin-top:-150px;}

/* スタッフをすべてみる */
.button01{margin:0px 0 200px 0;}

.button01 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 1em 2em;
  width: 185px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  background-color: #000;
  transition: 0.3s;
}

.button01 a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}

.button01 a:hover {
  text-decoration: none;
  background-color: #bbbbbb;
}


/*TOP 会社紹介*/
#top-company{width:100%;
             height:1500px;
			 background-color: #000;}
			 
#t-c-1{width:100%;height:400px;line-height: 400px;font-size:35px;float:left;text-align: center;color:#fff;z-index:99;}

#t-c-img{max-width:1100px;margin:0 auto;}
#t-c-2{width:100%;font-size:16px;float:left;text-align: center;color:#fff;}
#t-c-3{width:40%;font-size:35px;float:left;text-align: center;color:#fff;margin:100px 30%;} 
#t-c-3 p{background-color:#C21D08;padding:5px 10px;}
#t-c-3 p:hover{color:#C21D08;
            background-color: #fff;}
#t-c-3 a{color:#E9E9E9;}

/*TOP 事業紹介*/
#t_title2{width:100%;
          height:250px;
		  line-height: 350px;
           margin:0 auto;
		   float:left;
		   font-size:1.2em;
		   text-align: center;}
		   
#top-results{width:100%;
             height:400px;
			 background-color:#C21D08;
			 float:left;
			 position: relative;}
			 
#re01{position:absolute;
      height:350px;
	  width:450px;
	  top:25px;
	  right:350px;
	  background-image:url("img/c_top.jpeg");
	  background-size: cover;
	  background-position: center;
	  z-index:90;}
	  
#re02{position:absolute;
      height:200px;
	  width:200px;
	  top:100px;
	  right:250px;
	  background-color: #fff;
	  color:#333;
	  z-index:99;
	  text-align: center;
	  line-height: 200px;
	  font-size:1.5em}
	  
#re02:hover{background-color: #000;}

/*フッター*/
#footer{width:100%;
        color:#fff;
		float:left;
		text-align: center;
        background-color: #000;}

#foot1{width:49.5%;
       height:250px;
       border-right:0.5px #fff solid;
	   float:left;}
	   
 #foot1 ul{margin:100px auto 0;}
 #foot1 li{list-style: none;}
 
#foot2{width:49.5%;
       height:250px;
	   float:left;}
	   
#mail-icon{margin-top:50px;}
	   
#f2p{margin:10px auto;
     width:40%;
	 background-color: #C21D08;
	 padding:10px 0;
	 font-size:1.2em;}

#f2p a{color:#E9E9E9;}

#foot3{width:100%;
       height:250px;
	   border-top:1px #fff solid;
	   float:left;}
	   
#foot_logo{text-align: center;
           height:100px;
		   margin-top:50px;}
#foot3 p{}
	   
#foot4{width:100%;
       height:50px;
	   background-color: #C21D08;
	   line-height: 50px;
	   float:left;}

}
				   
/*---------------------------タブレットサイズ----------------------------*/

@media only screen and (min-width: 581px) and (max-width: 1023px) {
.brmini{display:none;}
#nav_pc{display:none;}
#home_topimg_small{display:none;}
    
#header{background: #fff;
        height:50px;
        width:100%;
        float:left;
         color:#fff;}
    
 #cont01{max-width:1024px;
         height:100%;
         clear: both;
         margin:0 auto;
         line-height: 100px;
         list-style: none;}


.logo{height:50px;
      line-height: 50px;
      width:50px;
      font-size:15px;
      display: inline;}
    
    .logo img{margin:10px;
              
              height:30px;
              float:left;}
    
.logotext{width:200px;
          color:#FFF;
          font-family:YuGothic, "Yu Gothic medium";
          font-weight:bold;
          float:left;}
    
/*ハンバーガーメニュー*/   
.hamburger-menu{z-index:10;}
.menu-btn {
    position: fixed;
    top: 0px;
    right: 10px;
    display: flex;
    height: 50px;
    width: 10%;
    float:left;
    justify-content: center;
    align-items: center;
    z-index: 90;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #000B32;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}
#menu-btn-check {
    display: none;
}
    
#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}
    
#menu-btn-check:checked ~ .menu-content {
    right: 0;/*メニューを画面内へ*/
}

/*装飾*/
.menu-content {
    width: 100%;
	max-width:350px;
    height: auto;
    position: fixed;
    top: 40;
    right: -100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: #070F2A;
    transition: all 0.5s;/*アニメーション設定*/
}
    

    
.menu-content ul {
    padding: 0px 10px 0 ;
}
.menu-content ul li {
    list-style: none;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 2px 15px 2px 0;
    position: relative;
}

    
.menu__single{margin-top:15px;}
    
    .one{border-bottom: solid 1px #f0f0f0;
         color:#F0F0F0;
         font-weight: 800;
         font-size:14px;}

/*home top VIDEO*/
#home_topimg_pc{width:100vw;
	         height:400px;
			 display:block;
			 position:relative;
			 text-align: center;
			 overflow: hidden;
			 z-index:-1;}
	
.topvideo{position:absolute;
          top:0;
          left:0;
          right:0;
          bottom:0;
          margin:auto;
		  z-index:-1;
          }

/*TOP リクルート*/
#top_recruit{max-width:1200px;
	         width:100%;
             margin:150px auto;
			 clear: both;}
			 
#t_r_title{width:100%;
           margin:50px auto 100px auto;
		   float:left;
		   font-size:2.2em;
		   text-align: center;}
			 
#t_r1{width:100%;
      height:350px;
      text-align: center;
	  clear:both;
	  margin:0 auto;}
	  
#t_r1-1{width:50%;
        height:100%;
        text-align: center;
	    float:left;
	    background: #C21D08;
	    color:#fff;
	    position: relative;
	    display: inline-block;}
		
#t_r1-1 p{width:50%;
          position: absolute;
          top:50%;
          left:50%;
          transform: translateX(-50%) translateY(-50%);}
		  
#t_r1-1 .p1{font-size: 2.5em;border-bottom:2px solid #fff;font-style: italic;}
#t_r1-1 .p2{font-size: 2em;}
	  
	  
#t_r1-2{width:50%;
        height:100%;
        text-align: center;
		line-height: 70px;
		color:#fff;
	    float:left;
		background-image:url("img/top_r.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center top;}
		
#t_r1-2-1{color:#fff;
          background-color: #000;
		  height:70px;
		  margin:315px auto 0;
		  width:70%;}
		  
#t_r1-2-1 p{font-size: 2.5em;}

/* タイトル */
.title{height:auto;
	   width:700px;
	   text-align: center;
	   margin:100px auto 50px;
	   color:#000;}
	
	.t1{font-size:2em;text-decoration: underline;text-underline-offset:5px;}
	.t2{font-size:1.5em}
	
	
/* スタッフ紹介 */
	
#frame-in{overflow:hidden;
          width:100%;
	      height:600px;
	      margin:0 auto 50px;
		  clear:both;
	      border: none;}
		  
#iframe{margin-top:-150px;}

/* スタッフをすべてみる */
.button01{margin:0 0 200px 0;}

.button01 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 1em 2em;
  width: 185px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  background-color: #000;
  transition: 0.3s;
}

.button01 a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}

.button01 a:hover {
  text-decoration: none;
  background-color: #bbbbbb;
}

/*TOP 会社紹介*/
#top-company{width:100%;
             height:1500px;
			 background-color: #000;}
			 
#t-c-1{width:100%;height:400px;line-height: 500px;font-size:35px;float:left;text-align: center;color:#fff;z-index:99;}
#t-c-2{width:100%;font-size:16px;float:left;text-align: center;color:#fff;}
#t-c-3{width:40%;font-size:35px;float:left;text-align: center;color:#fff;margin:100px 30%;} 
#t-c-3 p{background-color:#C21D08;padding:5px 10px;}
#t-c-3 p:hover{color:#C21D08;
            background-color: #fff;}

/*TOP 事業紹介*/
#t_title2{width:100%;
           margin:50px auto 100px auto;
		   float:left;
		   font-size:1.2em;
		   text-align: center;}
   
	   
#top-results{width:100%;
             height:250px;
			 background-color:#C21D08;
			 float:left;}
			 
#re01{
      height:250px;
	  width:50%;
	  float:left;
	  background-image:url("img/c_top.jpeg");
	  background-size: cover;
	  background-position: center;
	  z-index:90;}
	  
#re02{height:250px;
	  width:50%;
	  float:left;
	  color:#fff;
	  background-color: #C21D08;
	  text-align: center;
	  line-height: 250px;
	  font-size:1.5em}
	  
#re02:hover{color:#fff;
            background-color: #000;}
			
			
/*フッター*/
#footer{width:100%;
        color:#fff;
		float:left;
		text-align: center;
        background-color: #000;}

#foot1{width:49.5%;
       height:250px;
       border-right:0.5px #fff solid;
	   float:left;}
	   
 #foot1 ul{margin:100px auto 0;}
 #foot1 li{list-style: none;}
 
#foot2{width:49.5%;
       height:250px;
	   float:left;}
	   
#mail-icon{margin-top:70px;}

#mail-icon img{width:60px;}
	   
#f2p{margin:10px auto;
     width:50%;
	 background-color: #C21D08;
	 padding:10px 0;
	 font-size:1.2em;}


#foot3{width:100%;
       height:250px;
	   border-top:1px #fff solid;
	   float:left;}
	   
	   
#foot_logo{text-align: center;
           height:100px;
		   margin-top:50px;}
#foot3 p{}
	   
#foot4{width:100%;
       height:50px;
	   background-color: #C21D08;
	   line-height: 50px;
	   float:left;}


}


/*---------------------------スマホサイズ----------------------------*/

@media only screen and (max-width: 580px){
	
#nav_pc{display:none;}
#home_topimg_half{display:none;}
	
#header{background: #fff;
        height:50px;
        width:100%;
        float:left;}
    
 #cont01{max-width:1024px;
         height:100%;
         clear: both;
         margin:0 auto;
         line-height: 100px;
         list-style: none;}


.logo{height:30px;
      line-height: 10px;
      width:50px;
      font-size:15px;
      display: inline;}
    
    .logo img{margin:15px;
              height:20px;
              float:left;}
    
.logotext{width:200px;
          color:#FFF;
          font-family:YuGothic, "Yu Gothic medium";
          font-weight:bold;
          float:left;}
/*ハンバーガーメニュー*/   
.hamburger-menu{z-index:10;}
.menu-btn {
    position: fixed;
    top: 0px;
    right: 10px;
    display: flex;
    height: 50px;
    width: 10%;
    float:left;
    justify-content: center;
    align-items: center;
    z-index: 90;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #000B32;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}
#menu-btn-check {
    display: none;
}
    
#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}
    
#menu-btn-check:checked ~ .menu-content {
    right: 0;/*メニューを画面内へ*/
}

/*装飾*/
.menu-content {
    width: 100%;
	max-width:350px;
    height: auto;
    position: fixed;
    top: 40;
    right: -100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: #070F2A;
    transition: all 0.5s;/*アニメーション設定*/
}
    

    
.menu-content ul {
    padding: 0px 10px 0 ;
}
.menu-content ul li {
    list-style: none;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 2px 15px 2px 0;
    position: relative;
}

    
.menu__single{margin-top:15px;}
    
    .one{border-bottom: solid 1px #f0f0f0;
         color:#F0F0F0;
         font-weight: 800;
         font-size:14px;}
    
/*home top VIDEO*/
#home_topimg_pc{width:100vw;
	         height:400px;
			 display:block;
			 position:relative;
			 text-align: center;
			 overflow: hidden;
			 z-index:-1;}
	
.topvideo{position:absolute;
          top:0;
          left:0;
          right:0;
          bottom:0;
          margin:auto;
		  z-index:-1;
          }
	
	
#home_top_anime_small{width:20%;}
					  
#home_topimg_pc img{width:350px;height:350px;}

#lets{width:80%;
	  height:80px;
      background-color: #000;
      color:#fff;
      text-align: center;
	  line-height: 80px;
      margin:-30px auto 0 auto;
	  font-size: 0.8em;
      z-index: 99;}


/*TOP リクルート*/
#top_recruit{max-width:1200px;
	         width:100%;
             margin:150px auto;
			 clear: both;}
			 
#t_r_title{width:100%;
           margin:50px auto 100px auto;
		   float:left;
		   font-size:1.3em;
		   text-align: center;}
			 
#t_r1{width:100%;
      height:350px;
      text-align: center;
	  clear:both;
	  margin:0 auto;}
	  
#t_r1-1{width:50%;
        height:100%;
        text-align: center;
	    float:left;
	    background: #C21D08;
	    color:#fff;
	    position: relative;
	    display: inline-block;}
		
#t_r1-1 p{width:50%;
          position: absolute;
          top:50%;
          left:30%;
          transform: translateX(-50%) translateY(-50%);}
		  
#t_r1-1 .p1{font-size: 2em;border-bottom:2px solid #fff;font-style: italic;}
#t_r1-1 .p2{font-size: 2em;}
	  
	  
#t_r1-2{width:50%;
        height:100%;
        text-align: center;
		line-height: 70px;
		color:#fff;
	    float:left;
		background-image:url("img/top_r.jpg");
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center top;}
		
#t_r1-2-1{color:#fff;
          background-color: #000;
		  height:70px;
		  margin:315px auto 0;
		  width:70%;}
		  
#t_r1-2-1 p{font-size: 2em;}

/* タイトル */
.title{height:auto;
	   width:700px;
	   text-align: center;
	   margin:100px auto 50px;
	   color:#000;}
	
	.t1{font-size:1.5em;text-decoration: underline;text-underline-offset:5px;}
	.t2{font-size:1.1em}
	
	
/* スタッフ紹介 */
	
#frame-in{overflow:hidden;
          width:100%;
	      height:600px;
	      margin:0 auto 50px;
		  clear:both;
	      border: none;}
		  
#iframe{margin-top:-150px;}

/* スタッフをすべてみる */
.button01{margin:0 0 200px 0;}

.button01 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 1em 2em;
  width: 185px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  background-color: #000;
  transition: 0.3s;
}

.button01 a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg);
}

.button01 a:hover {
  text-decoration: none;
  background-color: #bbbbbb;
}

/*TOP 会社紹介*/
#top-company{width:100%;
             height:1200px;
			 background-color: #000;}
			 
#t-c-1{width:100%;height:350px;line-height: 400px;font-size:20px;float:left;text-align: center;color:#fff;z-index:99;}
#t-c-2{width:100%;font-size:14px;float:left;text-align: center;color:#fff;}
#t-c-3{width:40%;font-size:20px;float:left;text-align: center;color:#fff;margin:100px 30%;} 
#t-c-3 p{background-color:#C21D08;padding:5px 10px;}
#t-c-3 p:hover{color:#C21D08;
            background-color: #fff;}
			
/*TOP 事業紹介*/
#t_title2{width:100%;
           margin:50px auto 100px auto;
		   float:left;
		   font-size:1.2em;
		   text-align: center;}
		   
		   
/*TOP 事業紹介*/
#t_title2{width:100%;
          height:250px;
           margin:0 auto;
		   float:left;
		   clear: both;
		   font-size:1.2em;
		   text-align: center;}
		   
#top-results{width:100%;
             height:250px;
			 background-color:#C21D08;
			 float:left;}
			 
#re01{
      height:250px;
	  width:50%;
	  float:left;
	  background-image:url("img/c_top.jpeg");
	  background-size: cover;
	  background-position: center;
	  z-index:90;}
	  
#re02{height:250px;
	  width:50%;
	  float:left;
	  color:#fff;
	  background-color: #C21D08;
	  text-align: center;
	  line-height: 250px;
	  font-size:1.5em}
	  
#re02:hover{color:#fff;
            background-color: #000;}
			
			
/*フッター*/
#footer{width:100%;
        color:#fff;
		float:left;
		text-align: center;
        background-color: #000;}

#foot1{width:100%;
       height:150px;
       border-bottom:1px #fff solid;
	   float:left;}
	   
 #foot1 ul{margin:50px auto 0;}
 #foot1 li{list-style: none;}
 
#foot2{width:100%;
       height:250px;
	   float:left;}
	   
#mail-icon{margin-top:70px;}

#mail-icon img{width:60px;}
	   
#f2p{margin:10px auto;
     width:50%;
	 background-color: #C21D08;
	 padding:10px 0;
	 font-size:1.2em;}


#foot3{width:100%;
       height:250px;
	   border-top:1px #fff solid;
	   float:left;}
	   
	   
#foot_logo{text-align: center;
           height:60px;
		   margin-top:50px;}
#foot3 p{}
	   
#foot4{width:100%;
       height:50px;
	   background-color: #C21D08;
	   line-height: 50px;
	   float:left;}
		   
}