@charset "utf-8";
/* CSS Document */
.baseW{width:960px; margin:0 auto; overflow:hidden;}
.baseW:before,.baseW:after{display:table;content:"";line-height:0;}
.baseW:after{clear:both;}
@media screen and (max-width:960px){.baseW{width:100%;}}


h2.line_ya_white{background:url(../img/line_ya_white.png) 50% 100% no-repeat; padding:0 0 20px; color:#fff; text-shadow:none; text-align:center;
font-size:36px;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; font-weight:900;}
@media screen and (max-width:960px){
h2.line_ya_white{font-size:20px;}
}
h2.line_ya_gray{background:url(../img/line_ya_gray.png) 50% 100% no-repeat; padding:0 0 20px;text-align:center;
font-size:36px;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; font-weight:900;}
@media screen and (max-width:960px){
h2.line_ya_gray{font-size:20px;}
}



/* header */
#header{position:relative; width:100%; height:60px;}
#header h1{text-align:center;font-size:48px; font-weight:900;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; line-height:50px; margin-bottom: 5px}
#head_btn{position:absolute; top:30px; right:0; color:#de2910; font-weight:900; font-size:18px; text-decoration:underline;}

@media screen and (max-width:960px){
#header{height:66px;}
#header h1{text-align:left; padding-left:10px; font-size:24px; line-height:66px;}
#head_btn{top:17px; right:10px; color:#de2910; font-weight:900; font-size:18px; text-decoration:none;border:1px solid #de2910; border-radius:3px;font-size:14px; padding:3px 20px;}
}

/* mainImg */
#mainImg{background:url(../img/mainImg.jpg) 50% 100% no-repeat; height:700px; padding-top:80px;}
#mainImg h2,#mainImg p,#mainImg ul li{color:#fff; text-shadow:none; font-weight:900; text-align:center;}
#mainImg h2,#mainImg p{font-size:36px;}
#mainImg p{margin-bottom:30px;}
#mainImg ul li{float:left;border:4px solid #fff; border-radius:50%; width:280px; height:280px; margin-left:60px; background:rgba(0,0,0,0.5); font-size:24px; padding-top:90px;}
#mainImg ul li:first-child{margin-left:0;}
@media screen and (max-width:960px){
#mainImg{padding-top:30px; padding-bottom:10px; height:auto;background-size: auto 100%;}
#mainImg h2,#mainImg p{font-size:16px;}
#mainImg p{margin-bottom:20px;}
#mainImg ul li{float:none; width:96%;border-radius:0;height:auto; margin-left:0;font-size:14px; padding:15px 0; margin:0 auto 20px;}
#mainImg ul li:first-child{margin:0 auto 20px;}
}



/* sec01 */
#sec01{background:#00aff0; padding:50px 0;}
#sec01 p{color:#fff; font-size:24px; text-align:center; text-shadow:none; font-weight:900; margin-top:30px;}
@media screen and (max-width:960px){
#sec01{padding:30px 0;}
#sec01 p{font-size:14px;margin-top:20px; padding:0 10px;}
}


/* sec02 */
#sec02{padding:70px 0;}
#sec02 dl{display:table; margin-top:50px;}
#sec02 dl dt,#sec02 dl dd{display:table-cell; vertical-align:middle;}
#sec02 dl dt{ width:74px;text-align:center;}
#sec02 dl dt div{background:#fcbf3d; width:74px; height:74px; border-radius:50%;color:#e60b11;font-size:12px; line-height:1.1;font-weight:900; padding-top:10px;}
#sec02 dl dt div span{font-size:36px; font-weight:400;}
#sec02 dl dd{width:850px; padding-left:30px;font-size:28px;}

@media screen and (max-width:960px){
#sec02{padding:30px 0;}
#sec02 dl{margin-top:30px;}
#sec02 dl dt{ width:60px; padding-left:10px;}
#sec02 dl dt div{width:50px; height:50px;font-size:10px;padding-top:10px;}
#sec02 dl dt div span{font-size:18px;}
#sec02 dl dd{width:auto; padding-left:20px; padding-right:10px;font-size:14px;}
}



/* sec03 */

#sec03{background:url(../img/sec03_bg.jpg) 50% 100% no-repeat; height:579px; padding:70px 0 0 ;}
#sec03 p{color:#fff; text-shadow:none; font-weight:900; text-align:center;}
#sec03_p1{font-size:48px; line-height:1.1; margin-top:20px;}
#sec03_p1 span{font-size:96px;line-height:1;}
#sec03_p2,#sec03_p3{font-size:24px;}
#sec03_p3{margin-top:50px;}
#sec03_wa{text-align:center; margin-top:20px;}

@media screen and (max-width:960px){
#sec03{height:auto;background-size: auto 100%;}
#sec03_p1{font-size:40px;}
#sec03_p1 span{font-size:68px;}
#sec03_p2{font-size:20px;}
#sec03_p3{font-size:14px;margin-top:20px;}
#sec03_wa{ margin-bottom:50px;}
}



/* sec04 */
#sec04{background:#00aff0;padding:80px 0;}

.sec04_col{float:left; width:33.3333%; margin-top:40px;}
#sec04 p{text-align:center; color:#fff; text-shadow:none; font-weight:900; font-size:16px; padding-top:220px;}
#sec04_p1{background:url(../img/sec04_img01.png) 50% 0 no-repeat;}
#sec04_p2{background:url(../img/sec04_img02.png) 50% 0 no-repeat;}
#sec04_p3{background:url(../img/sec04_img03.png) 50% 0 no-repeat;}


@media screen and (max-width:960px){
.sec04_col{float:none; width:96%; margin:50px auto 0;}
#sec04 p{font-size:14px; padding-left:10px; padding-right:10px; padding-top:210px;}
}


/* sec05 */
#sec05{padding:70px 0;}
#sec05_img{border:7px solid #ececec; background:url(../img/sec05_img.jpg) 50% 50% no-repeat; width:100%; height:230px; margin:30px 0;}
#sec05 p{font-size:16px; margin-bottom:1.8em;}
@media screen and (max-width:960px){
#sec05{padding:40px 0;}
#sec05_img{width:96%; margin:20px auto;}
#sec05 p{font-size:14px; padding:0 10px;}
}





/* form */
#form_area{background:url(../img/form_bg.jpg) 50% 100% repeat-x; height:780px;}
#form_heading{background:#fcbf3d; padding:30px 0;}
#form_heading h2{font-size:18px; color:#de2910; font-weight:900; text-align:center;}
#form_heading h2 span{font-size:30px;}

#form_ya{background:url(../img/form_bg_ya.png) 50% 0 no-repeat; padding:40px 0 0;}
#form_ya p{text-align:center;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; font-weight:900;}

#form_p_1{font-size:30px; margin-bottom:0.4em;}
#form_p_2{font-size:18px; line-height:1.4;}
#form_p_2 span{font-size:24px;}




dl#cntact_form{overflow:hidden;width:800px; margin:30px auto 20px; overflow:hidden; padding:50px 0 30px; background:rgba(0,0,0,0.1); box-shadow:inset 0 1px 1px rgba(0,0,0,0.3), inset 0 -2px 1px rgba(255,255,255,0.9);}
dl#cntact_form:after{clear:both;}
dl#cntact_form dt{clear:both;float:left;width:250px;text-align:right;font-size:24px;font-weight:900; line-height:50px; margin-bottom:20px; font-weight:400;}
dl#cntact_form dt span{color:#ca2c2c;}
dl#cntact_form dd{padding-left:280px; margin-bottom:20px;}

input[type="text"],textarea{
padding: 5px 2px;
vertical-align:central;
font-size:18px;
height:70%;
background-color: #ffffff;
border: 1px solid #bfbfbf;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) inset;
transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
border-radius: 10px;
background:#fdfdf8;
line-height:50px;
}


input[type="text"]:focus,textarea:focus{
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted #89c3eb;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
.inputS{width:50%;}
.inputL{width:90%;}

p#form_note{font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:18px; font-weight:400; margin-bottom:20px;}
p#form_note a{color:#41a9b9; font-weight:900; text-decoration:underline;}

input#form_btn{padding:10px 80px;text-align:center;border:5px solid #fff; border-radius:3px;background-color:transparent;font-size:24px; font-weight:900; color:#fff; text-shadow:none;}
input#form_btn:hover{cursor:pointer;
opacity: 0.7;
-moz-transition-property: all;
-webkit-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;

-moz-transition-duration:500ms;
-webkit-transition-duration:500ms;
-o-transition-duration:500ms;
-ms-transition-duration:500ms;

-moz-transition-timing-function:ease-in-out;
-webkit-transition-timing-function:ease-in-out;
-o-transition-timing-function:ease-in-out;
-ms-transition-timing-function:ease-in-out;
}

#form_btn_div{text-align:center;}

@media screen and (max-width:960px){
#form_area{height:auto;}
#form_heading{padding:15px 0;}

#form_heading h2{font-size:14px;}
#form_heading h2 span{font-size:16px;}

#form_p_1{font-size:20px; margin-bottom:0.4em; letter-spacing:-1px;}
#form_p_2{font-size:18px; line-height:1.4;}
#form_p_2 span{font-size:20px;}

dl#cntact_form{width:96%; margin:30px auto 20px;padding:30px 10px 20px;}
dl#cntact_form dt{clear:both;float:none;width:auto;text-align:left;font-size:18px;line-height:1.4; margin-bottom:10px;}
dl#cntact_form dd{padding-left:0; margin-bottom:20px;}

.inputL{width:100%;}
p#form_note{font-size:14px;}

input#form_btn{padding:10px 30px;margin:0 auto 50px;}


input[type="text"],textarea{padding:0 5px;}
}




/* company */
#company{padding:70px 0 100px;}

dl#company_dl{width:680px; margin:40px auto 0;}
dl#company_dl:after{clear:both;}
dl#company_dl dt{clear:both;float:left; width:9em; font-size:16px; padding:1em;}
dl#company_dl dd{padding:1em 1em 1em 10em; border-bottom:1px dotted #d9d9d9; font-size:16px;}

@media screen and (max-width:960px){
#company{padding:40px 0 50px;}

dl#company_dl{width:96%; margin:20px auto 0;}
dl#company_dl dt{width:7em; font-size:14px;}
dl#company_dl dd{padding:1em 1em 1em 8em;font-size:14px;}

}





/* footer */


#foot{background:#eaeaea; height:35px;}
#foot p{text-align:center;font-size:12px; line-height:35px;}











