@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;}

.bigtext{font-size:1.7em;}

.chosaku{display:none;}
  


/*--------------- 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;}
/*top画像*/	
#mainimg{width:100%;
         height:300px;
		 float:left;
		 position: relative;
		 background-image: url("../img/co_top.jpg");
		 background-size: cover;
		 text-align: center;}

				
#a-1{text-align: center;
     color:#fff;
	 margin-top:50px;
	 font-size:9em;
	 z-index:90;}
	 
#a-2{text-align: center;
     color:#fff;
	 margin-top:-130px;
	 font-size:2em;
	 z-index:90;}
	 
#a-3{letter-spacing: 15px;
	 padding:5px 10px;
	 background-color: #C21D08;}

/*応募フォーム*/
#formall{width:100%;
          float:left;
		  font-family: "Osaka-mono", "MS Gothic", "monospace";
		  background-color: #161616;
		  color:#fff;
		  padding:50px 0;}
		  
#formall h2{text-align: center;}

#formall ol{text-align: center;
            list-style-type:none;
			padding:20px;
			line-height: 30px;}
		  
#form-tbl{width:100%;
          margin:0 auto;}

#form{width:500px;
      margin:0 auto;}
	  
#form dl{margin-top:30px;}

#form dt{padding:5px 0 ;
         background-color: #C21D08;
		 text-align: center;}


#form dd{padding:10px 0;
         display: flex;
         font-size:18px;
         align-items: center;}

#form dd input[type="text"] {
  border: none;
  font-size:18px;
  border-bottom: 1px solid #C21D08;
  outline: none;
  background-color: transparent;
  color:#333;
  padding:20px 0;
  margin: 0;}

#form dd input:hover{background-color: #FFAEA3; color:#fff;}

#form input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  border: 1px solid white;
  width: 16px;
  height: 16px;
  outline: none;
  margin: 10px 15px 0px 0;
  display: inline-flex;
  align-items: center;}

#form input[type="radio"]:checked {
  background-color: #C21D08;}


.btn{text-align: center;
     margin:0 auto 50px auto;}
	 
.btn input[type="submit"],[type="reset"],[type="button"]{background-color:#fff;
                           padding:5px 10px;
						   border:none;
						   font-size:16px;}
						   
.btn input[type="submit"]:hover{background-color:#C21E07;color:#fff;}
.btn input[type="reset"]:hover{background-color:#C21E07;color:#fff;}
.btn input[type="button"]:hover{background-color:#C21E07;color:#fff;}


/*フッター*/
#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;}
		 
/*top画像*/	
#mainimg{width:100%;
         height:300px;
		 float:left;
		 position: relative;
		 background-image: url("../img/rec_top.jpg");
		 background-size: cover;
		 text-align: center;}

				
#a-1{text-align: center;
     color:#fff;
	 margin-top:177px;
	 font-size:7em;
	 z-index:90;}
	 
#a-2{text-align: center;
     color:#fff;
	 margin-top:-100px;
	 font-size:1.5em;
	 z-index:90;}
	 
#a-3{letter-spacing: 15px;
	 padding:5px 10px;
	 background-color: #C21D08;}




/*応募フォーム*/
#formall{width:100%;
          float:left;
		  font-family: "Osaka-mono", "MS Gothic", "monospace";
		  background-color: #161616;
		  color:#fff;
		  padding:50px 0;}
		  
#formall h2{text-align: center;}

#formall ol{text-align: center;
            list-style-type:none;
			padding:20px;
			line-height: 30px;}
		  
#form-tbl{width:100%;
          margin:0 auto;}

#form{width:500px;
      margin:0 auto;}
	  
#form dl{margin-top:30px;}

#form dt{padding:5px 0 ;
         background-color: #C21D08;
		 text-align: center;}


#form dd{padding:10px 0;
         display: flex;
         font-size:18px;
         align-items: center;}

#form dd input[type="text"] {
  border: none;
  font-size:18px;
  border-bottom: 1px solid #C21D08;
  outline: none;
  background-color: transparent;
  color:#333;
  padding:20px 0;
  margin: 0;}

#form dd input:hover{background-color: #FFAEA3; color:#fff;}

#form input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  border: 1px solid white;
  width: 16px;
  height: 16px;
  outline: none;
  margin: 10px 15px 0px 0;
  display: inline-flex;
  align-items: center;}

#form input[type="radio"]:checked {
  background-color: #C21D08;}


.btn{text-align: center;
     margin:0 auto 50px auto;}
	 
.btn input[type="submit"],[type="reset"]{background-color:#fff;
                           padding:5px 10px;
						   border:none;
						   font-size:16px;}
						   
.btn input[type="submit"]:hover{background-color:#C21E07;color:#fff;}
.btn input[type="reset"]:hover{background-color:#C21E07;color:#fff;}
			
/*フッター*/
#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:90px;
		   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;}
		 
/*top画像*/	
#mainimg{width:100%;
         height:200px;
		 float:left;
		 position: relative;
		 background-image: url("../img/rec_top.jpg");
		 background-size: cover;
		 text-align: center;}

				
#a-1{text-align: center;
     color:#fff;
	 margin-top:60px;
	 font-size:4em;
	 z-index:90;}
	 
#a-2{text-align: center;
     color:#fff;
	 margin-top:-62px;
	 font-size:1.2em;
	 z-index:90;}
	 
#a-3{letter-spacing: 10px;
	 padding:2px 5px;
	 background-color: #C21D08;}



/*応募フォーム*/
#formall{width:100%;
          float:left;
		  font-family: "Osaka-mono", "MS Gothic", "monospace";
		  background-color: #161616;
		  color:#fff;
		  padding:50px 0;}
		  
#formall h2{text-align: center;}

#formall ol{text-align: center;
            list-style-type:none;
			padding:20px;
			font-size:12px;
			line-height: 30px;}
		  
#form-tbl{width:100%;
          margin:0 auto;}

#form{width:100%;
      margin:0 auto;}
	  
#form dl{width:90%;
		 margin:30px 5%;}

#form dt{padding:5px 0 ;
         background-color: #C21D08;
		 text-align: center;}


#form dd{padding:10px 0;
         display: flex;
         font-size:18px;
         align-items: center;}

#form dd input[type="text"] {
  border: none;
  font-size:18px;
  border-bottom: 1px solid #C21D08;
  outline: none;
  background-color: transparent;
  color:#333;
  padding:20px 0;
  margin: 0;}

#form dd input:hover{background-color: #FFAEA3; color:#fff;}

#form input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
  border: 1px solid white;
  width: 16px;
  height: 16px;
  outline: none;
  margin: 10px 15px 0px 0;
  display: inline-flex;
  align-items: center;}

#form input[type="radio"]:checked {
  background-color: #C21D08;}



.btn{text-align: center;
     clear:both;
     margin:0 auto 50px auto;}
	 
.btn input[type="submit"],[type="reset"]{background-color:#fff;
                           padding:5px 10px;
						   border:none;
						   font-size:16px;}
						   
.btn input[type="submit"]:hover{background-color:#C21E07;color:#fff;}
.btn input[type="reset"]:hover{background-color:#C21E07;color:#fff;}	
textarea{width:98%;}


/*フッター*/
#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:70px;
		   margin-top:50px;}
#foot3 p{}
	   
#foot4{width:100%;
       height:50px;
	   background-color: #C21D08;
	   line-height: 50px;
	   float:left;}
		   
}