@charset "utf-8";



/* Elements
 * *********************************** */

table {border-collapse:collapse;border-spacing:0;}
ol,ul {list-style:none !important;}
img,video {max-width:100%;}
img {border-style:none;vertical-align:bottom;}
blockquote,q {quotes:none;}
blockquote:after,blockquote:before,q:after,q:before {content:"";content:none;}



/*////////////////////////////////////////////////////////////////////////////////*/
body {font-size:100%; font-size:1.6em;letter-spacing:0.05em;line-height:1.8;font-weight:nomal;
  font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:600; color:#333
}

.pc{display:block;}
.sp{display:none;}
@media screen and (max-width:768px) {
.pc{display:none;}
.sp{display:block;}
}
a{   word-break: break-all;}
.red{color: #ff0000;font-weight: bold;display:inline;}
   /* camp01
 * *********************************** */

 #camp01{max-width:1040px;width:100%;padding:0;margin:auto; background-color:#fff; padding-bottom:80px;}
 #camp01 .step{background-color:#fffdec;padding:5%; font-family:  Noto Sans JP,Yu Gothic,YuGothic,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;}
 #camp01 .step_in{background-color:#fff;border-radius:5px;padding:2% 5%;text-align:center;margin-top: 10px;}
 #camp01 .step_img{width:90%; margin:10px auto;margin-bottom: 50px;}
 #camp01 .step_ti{font-size: 4vw; font-weight: bold;margin: 50px 0 10px;}
 #camp01 .step_tx{font-size:5vw;line-height:1.5;font-weight: bold; margin:0px 0 15px;letter-spacing: 2px;}
 
 #camp01 h2{font-size:6vw; margin:30px 0 15px;border-bottom:1px solid #ccc;padding-bottom:5px;}
 #camp01 h3{font-size:5vw; margin:40px 0 0;text-align: center;}
 #camp01 .camp_in{padding:5%;}
 #camp01 .title{font-weight:bold;font-size:4vw;margin-top:30px;}
 #camp01 .txt{font-size:3.7vw;}
 #camp01 li{font-size:3.7vw;}
 

/*//////////////////////////////////*/
/* about ///////////////////////////////////
/////////////*/

#about1 .txt {text-align:center; max-width:1000px; margin:auto}
#about1 h2{font-size:220%;font-weight:600;letter-spacing:2px;margin-bottom:50px;line-height:1.5;}
#about1 h2 span {font-size:130%;color:#efcf9e;}
#about1 h2{font-size:6.2vw; margin:20px 0;line-height:1.5; }
#about1 .txt p {font-size:4.3vw; line-height:180%;padding-bottom: 30px;}


#about1 {position:relative;padding:50px 0 50px;color:#fff;background:#111}
#about1 .inner {padding:20px 5% 0}
#about1 {background-image:none;padding:10px 0 20px;}

.intro_logo{max-width:600px; padding:20px 0 20px;}


.gradient {text-align:center;z-index:1010;position:inherit;background:linear-gradient(to top,#fffdec 58%,#111 42%);}
.pv_img{margin-bottom:-230px;}


@media (min-width: 640px) {
  .gradient img,video {max-width:70%;}

  #about1 h2{font-size:30px;  }
  #about1 .txt p {font-size:20px; }
  #camp01 .step_tx{font-size:25px;}
  #camp01 h3{font-size:25px; }
  #camp01 .step_img{width:50%; }
  #camp01 .step_img100{width:100%; }
  .camp_btn {font-size: 24px;}
  #camp01 h2{font-size:24px; }
  #camp01 .title{font-size:22px;}
  #camp01 .txt {font-size:18px;}
  #camp01 li{font-size:18px;}

}
#camp01 .step_ti4{font-size:3.0vw;font-weight: bold;color: #fa050c;padding:5px 0px;}

@media (min-width: 640px) {
  #camp01 .step_ti3, #camp01 .step_ti3 span,#camp01 .step_ti4{font-size:26px;}
}

/* cv ////////////////////////////////////////////////*/
#cv_area{padding:30px 2% 20px;}
.bg1{background-color: #fffdec;}
.bg2{background-color: #efefef;}
#cv_area3{display: none;}
.cv_area{max-width:800px;margin:auto;}
.app_area{padding:0; border-radius:5px;border:2px solid #a49653;-webkit-box-shadow:0 2px 4px 0 rgba(175,203,194,.4);box-shadow:0 2px 4px 0 rgba(175,203,194,.4);background-color:#fff;position:relative;}
.app_area_cover{position:absolute; background-color:rgba(0, 0, 0, .5);width:100%;height:100%;border-radius:5px; text-align:center; color:#eeff20;padding:55px;font-size:150%;letter-spacing:3px;}
.app_area_cover2{position:absolute; background-color:rgba(0, 0, 0, .5);width:100%;height:100%;border-radius:5px; text-align:center;color:#eeff20;padding:85px;font-size:200%;letter-spacing:3px;}
.app_item{display:flex;width:90%;margin:10px auto 20px}
.app_item_in,.app_item_in2{display:flex;align-items:center}
.app_item_in span{display:block;width:80%;margin-left:9px}
.app_item_in2 span{display:block;width:50%;margin-left:9px}

.app_item_in:first-child {margin-right:28px}
.app_item_in img{width:100%;height:auto}
.subti{text-align:center;font-size:120%;padding:20px 0 0px;}



@media screen and (max-width:640px) {
  .bg2{display: none;}
  #cv_area3{background:none;position: fixed;display: block;bottom: -5px;}

.app_area{margin-top:10px;padding: 10px 0;}
.app_item_in,.app_item_in2{display:block;}

.app_item{margin:5px auto 5px;padding:0 10px}
.app_item_in span{display:none}
.app_item_in:first-child {margin-right:15px}
.app_item_in img{width:100%;height:auto}

.head_logo img {width:150px;height:auto;margin-top:5px;}
.headFixed {padding:8px 1%;}
.head_nav img {width:80px;height:auto}
.head_nav a {height:auto}

.app_area_cover,.app_area_cover2{padding:5vh;font-size:5.0vw;}
.subti{text-align:center;font-size:5vw;padding:10px 0 10px;}
#cv_area3 .subti{text-align:center;font-size:4vw;padding:0px 0 0px;}
#cv_area3 .app_area{margin-top:0px;padding: 0px 0;}
#cv_area3 .app_area{padding:0; border-radius:0;border:0;border-top:2px solid #a49653;background-color:#fff;position:relative;}

}



#pf{position: fixed;}

/* footer ////////////////////////////////////////////////*/
.footer {padding:10px 0 10px;background:#000;text-align:center;letter-spacing:.1rem}
.footer a{color:#fff;}
.footer a:hover{color:#c0c0c0;}
.footer_logo {margin:0px 0 10px;}
.footer_logo img{width:260px !important;}

a.out{color:#fff;}
a.out[href^="http"]:after,
a.out[href^="//"]:after {
  margin:0 0 0 3px;
  font-family:"Font Awesome 5 Free";
  content:'\f35d';
  font-weight:900;}


@media screen and (max-width:640px) {
.footer {padding:20px 0 10px;margin-top: 10px;}
.footer_logo img{width:50% !important;}
.service_item {font-size:2.0vw;margin:0 1%;border:1px solid #8d7536; padding:7px 1%;}
}

.coverbg{background-color:rgba(0, 0, 0, 1);position:absolute}


