@charset "utf-8";

@media screen and (min-width:768px){
/*pc・タブレットcss*/

#main { width: 100%; margin: 0 auto 20px; background: url('../images/index/main-bg.jpg') top center no-repeat; text-align: center; padding-bottom: 20px; padding-top: 30px; }
.form-link{ margin-bottom: 25px; }

#con-inner .con01{background: url('../images/index/con01-bottom.png') bottom center no-repeat , url('../images/index/many-bg.jpg') top center ; padding-bottom: 240px; margin-bottom: 80px;  }
#con-inner .con01 .con01-ttlbx{ width: 100%; margin: 0 auto; background: url('../images/index/con01-ttl-bg.jpg') top center no-repeat ; padding: 105px 0 65px; text-align: center; margin-bottom: -35px;  }
#con-inner .con01 .con01-ttl{ margin-bottom: 60px; }
#con-inner .con01 .con01-inner{ width: 1000px; margin: 0 auto; background: #fff; border: 5px solid #000; text-align: center; padding: 10px 0 15px; }
#con-inner .con01 .con01-inner h4{ margin-bottom: 25px;  }
#con-inner .con01 .con01-inner .inner-last{ margin-right: -30px; }

#con-inner .con02{ text-align: center; background: url('../images/index/con02-bg.jpg') top center no-repeat; margin-bottom: 55px; }
#con-inner .con02 .con02-top{ position: relative; top: -95px; margin-bottom: -200px; margin-left: -30px; }
#con-inner .con02 .con02-top-ttl-bx{ margin-bottom: 15px; }
#con-inner .con02 .kakei{ margin-bottom: -80px; position: relative; z-index: 99; }
#con-inner .con02 .con02-inner-img{ width: 1100px;  margin:0 auto 15px; }
#con-inner .con02 .inner-last{ width: 1100px;  margin:-15px auto 0; }

#con-inner .orange01{ position: relative; width: 1px; margin: 0 auto -230px auto; height: 370px; }
#con-inner .orange01 img{ margin-left: -950px; position: absolute; left: 50%; }
#con-inner .orange{width: 1px; position: relative; top: -20px; margin:0 auto -60px auto;  height: 225px; }
#con-inner .orange img{  margin-left: -950px; position: absolute; left: 50%; }
#con-inner .form-link01{ background: url('../images/index/many-bg02.jpg') top center ; padding: 45px 0 ; }
#con-inner .form-link02{ background: url('../images/index/many-bg02.jpg') top center ; padding: 45px 0 ; margin-bottom: 40px; }

#con-inner .con03{ text-align: center; background: url('../images/index/inner02-bg.jpg') top center no-repeat; padding: 300px 0 20px;  }
#con-inner .con03 .con03-inner{ width: 1200px; margin: 0 auto;  position: relative; }
#con-inner .con03 .con03-top{ position: relative; top: -25px; }
#con-inner .con03 .con03-point01{ position: absolute; bottom: -20px; left: -30px; }
#con-inner .con03 .con03-point02{ position: absolute; bottom: -20px; right: 0; }
#con-inner .con03 ul{ width: 565px; margin: -45px auto 0; position: relative; z-index: 98; }
#con-inner .con03 li{ float: left; margin-right: 25px; }
#con-inner .con03 li:last-child{ float: left; margin-right: 0px; }

#con-inner .con04{ background: url('../images/index/question-bg.jpg') top center; padding: 50px 0 60px; }
#con-inner .con04 .question{ text-align: center; margin-bottom: 25px; }
#con-inner .con04 .con04-inner{ background: url('../images/index/con04-inner-bg.jpg') top right no-repeat , #fff; width: 1000px; margin: 0 auto; border: 3px solid #000; border-radius: 10px; position: relative; padding-left: 115px; padding-top: 45px; padding-bottom: 55px;  }
#con-inner .con04 .a-point{ position: absolute; left: -50px; top: -15px; }
#con-inner .con04 .a-ttl{ margin-bottom: 35px; }
#con-inner .con04 .con04-txt{ font-size: 18px; line-height: 1.7; font-weight: bold; }
#con-inner .con04 .con04-txt span{ color: #0082f3; }
#con-inner .con04 .a-inner-point{ position: absolute; right: -15px; bottom: 0; }

#con-inner .con05{ background: url('../images/index/con03-bg.jpg') top 60px center no-repeat, url('../images/index/many-bg02.jpg') top center ; padding: 35px 0 0; text-align: center; }
#con-inner .con05 figure{  position: relative; z-index: 95; text-align: center; width: 1350px; margin: 0 auto; }

#con-inner .con06{ background: url('../images/index/con04-bg.jpg') top  center no-repeat ;  text-align: center; margin-top: -25px; padding: 60px 0 45px; }
#con-inner .con06 .con06-inner-bx{ background: #fff; padding: 35px 0 50px; width: 910px; margin: 0 auto ; position: relative; top: -50px; }
#con-inner .con06 .con06-inner-bx .con06-point{ position: absolute; bottom: 0 ; right: 15px; }

#con-inner .con07 h3{ margin-bottom: 30px; text-align: center; }
#con-inner .con07-inner{ background: url('../images/index/question-bg.jpg') top center ; text-align: center; padding: 80px 0 45px; margin-bottom: 110px; }
#con-inner .con07-inner .con07-inbx{ background: url('../images/index/many-bg02.jpg') top center ; width: 1000px; margin: 0 auto; border: 3px solid #555555; text-align: center; }
#con-inner .con07-inner .con07-inbx h4{ position: relative; top: -35px; }
#con-inner .con07-inner .con07-inbx .con07-inner-img01{ background: #fff; width: 830px; margin: 0 auto 20px; padding: 30px 0 20px; }
#con-inner .con07-inner .con07-inbx .con07-inner-img02{ margin-bottom: -25px; }
#con-inner .con07-inner .con07-inbx .con07-center-bottom{ margin-bottom: 40px; }

#con-inner .con08{ text-align: center; background: url('../images/index/con08-bg.jpg') top center no-repeat; padding-bottom: 20px; margin-bottom: 50px; }
#con-inner .con08 h3{ position: relative; top: -150px; margin-bottom: -150px; }
#con-inner .con08 .con08-inner h4{ margin-bottom: 50px; }
#con-inner .con08 .con08-inner .con08-img{ margin-bottom: 40px; }

#con-inner .con09{ background: url('../images/index/many-bg.jpg') top center;  }

#con-inner .con09 h3{ display: block; position: relative; width: 1px; margin: 0 auto 30px auto; height: 290px; }
#con-inner .con09 h3 img{ margin-left: -950px; position: absolute; left: 50%; }

#con-inner .con09 h4{ margin-bottom: 45px; }
#con-inner .con09 .con09-inner{ background: #ffd7bd; width: 1100px; margin: 0 auto; position: relative; padding-bottom: 40px; }
#con-inner .con09 .con09-inner .con09-point{ position: absolute; top: -20px; right: 55px; }
#con-inner .con09 .con09-inner .con09-bx{ width: 1000px; margin: 0 auto 45px; background: #fff; border: 10px solid #fb6907; position: relative; z-index: 150; padding: 60px 0 50px 50px;  }
#con-inner .con09 .con09-inner .con09-ttl-point{ position: absolute; left: 30px; top: -15px;  }
#con-inner .con09 .con09-inner .con09-bx h5{ margin-bottom: 25px; }
#con-inner .con09 .con09-inner .con09-bx .con09-in-img02{ position: absolute; top: -25px; right: -25px; }
#con-inner .con09 .con09-inner .con09-bx .con09-in-img03{ position: absolute; bottom: 0; right: 10px; }
#con-inner .con09 .con09-inner .con09-bx p{ font-size: 16px; font-weight: bold; line-height: 1.7; }
#con-inner .con09 .con09-inner .con09-last{ text-align: center; }

#con-inner .con10 h3{ text-align: center; background: url('../images/index/con08-ttl-bg.jpg') top center; padding: 135px 0 120px; margin-bottom: -70px; }
#con-inner .con10 .next{ margin-bottom: 15px; }
#con-inner .con10 .con10-inner01{ background: #fff; border: 3px solid #000; width: 1000px; margin: 0 auto ; position: relative; text-align: center; padding: 30px 0;  }
#con-inner .con10 .con10-inner02{ background: #fff; border: 3px solid #000; width: 1000px; margin: 0 auto ; position: relative; text-align: center; padding: 30px 0;  }
#con-inner .con10 .con10-inner03{ background: url('../images/index/con10-inner03-bg.jpg') bottom right no-repeat , #fff; border: 3px solid #000; width: 1000px; margin: 0 auto 70px; text-align: center; padding: 30px 0;  }
#con-inner .con10 .tel-point01{ position: absolute; left: 75px; bottom: 35px; }
#con-inner .con10 .tel-point02{ position: absolute; right: 35px; bottom: 15px; }
#con-inner .con10 .con10-img{ position: absolute; right: 0; bottom: 0; }
#con-inner .con10 .con10-last{ margin-bottom: 30px; }
#con-inner .con10 p{ font-size: 16px; margin-bottom: 25px; letter-spacing: 2px; font-weight: bold; }
#con-inner .con10 .con10-inner03 p{ font-size: 16px; text-align: left; margin-left: 135px; margin-bottom: 25px; letter-spacing: 2px; font-weight: bold; }
#con-inner .con10 h4{ margin-bottom: 25px;  }
#con-inner .con10 .con10-inner01 .con10-tel{ margin-bottom: 25px;  }

#con-inner .con11{ text-align: center; background: url('../images/index/con11-bg.jpg') top center; padding-bottom: 60px; margin-bottom: 30px; }
#con-inner .con11 .con11-inner{ width: 965px; background: #fff; padding: 30px 0 ; margin: 0 auto 30px; border: 3px solid #959191; }
#con-inner .con11 .con11-inner h4{ margin-bottom: 20px; }
#con-inner .con11 .con11-inner p{ font-size: 16px; font-weight: bold; }
#con-inner .con11 .con11-inner p span{ font-size: 16px; color: #b80005;  }

#con-inner .con11 h3{ display: block; position: relative; width: 1px; margin: 0 auto 30px auto; height: 180px; }
#con-inner .con11 h3 img{ margin-left: -950px; position: absolute; left: 50%; }

#con-inner .last{ display: block; position: relative; width: 1px; margin: 0 auto 30px auto; height: 798px; }
#con-inner .last img{ margin-left: -950px; position: absolute; left: 50%; }


#form { margin: 0 0 150px;}
#form .inner { width: 1000px; margin: 0 auto; padding: 0 30px;}
#form .error { color: #eb6100; }
#form table { width: 100%; margin: 0 0 25px;}
#form table tr { border-bottom: 1px solid #dcdddd; border-top: 1px solid #fff;}
#form table th { width: 290px; text-align: left; vertical-align: top; background: #e6e6e7; padding: 15px 0 0 30px;}
#form table td { background: #f6f7f7; padding: 15px 30px;}
#form table td input{ width: 80%; height: 28px;}
#form table tr:nth-last-of-type(2) td input{ width: 25%;}
#form table td textarea { width: 80%; height: 160px;}
#form .flbox { width: 840px; margin: 0 auto; }
#form .flbox li{ float: left; margin-right: 40px; }
#form .flbox li:last-child{ float: left; margin-right: 0px; }
#form .btn { text-align: center;  margin: 0 0 30px;}
}
@media screen and (max-width:767px){
/*pc・タブレット用cssを丸々コピーしたものを編集していく（スマホ用css）*/

#main { width:100%; margin: 0 auto 7%; background: url('../images/index/main-bg.jpg') top center no-repeat; text-align: center;  }
.form-link{ margin-bottom: 15%; }

#con-inner .con01{background: url('../images/index/con01-bottom.png') bottom center no-repeat , url('../images/index/many-bg.jpg') top center ; padding-bottom: 30%; margin-bottom: 25%; background-size: 200%; }
#con-inner .con01 .con01-ttlbx{ width:100%; margin: 0 auto; background: url('../images/index/con01-ttl-bg.jpg') top center no-repeat ; padding: 5% 3% 2% ; text-align: center; margin-bottom: 5%; background-size: 150%; }
#con-inner .con01 .con01-ttl{ margin-bottom: 3%; }
#con-inner .con01 .con01-inner{ width:100%; margin: 0 auto 5%; background: #fff; border: 5px solid #000; text-align: center; padding: 10px 0 15px; }
#con-inner .con01 .con01-inner .kakei{ margin-bottom: 3%; }
#con-inner .con01 .con01-inner h4{ margin-bottom: 5%;  }
#con-inner .con01 .con01-inner .inner-last{ width: 100%; margin: 0 auto 5%; }

#con-inner .con02{ text-align: center; background: url('../images/index/con02-bg.jpg') top center no-repeat; margin-bottom: 55px; }
#con-inner .con02 .con02-top{ position: relative; top: -50px; margin: 0 auto -20%; width: 80%; }
#con-inner .con02 .con02-top-ttl-bx{ margin:0 auto 15px; width: 95%;  }
#con-inner .con02 .kakei{ margin-bottom: -5%; position: relative; z-index: 99; width: 98%; }
#con-inner .con02 .con02-inner-img{ margin-bottom: 15px; }

#con-inner .orange01{ width: 150%; margin: 0 auto; margin-left: -25%; }
#con-inner .orange{ width: 150%; margin-left: -25%; }
#con-inner .form-link01{ background: url('../images/index/many-bg02.jpg') top center ; padding: 45px 0 ; }
#con-inner .form-link02{ background: url('../images/index/many-bg02.jpg') top center ; padding: 45px 0 ; margin-bottom: 40px; }

#con-inner .con03{ text-align: center; background: url('../images/index/inner02-bg.jpg') top center ; background-size: 200%; padding: 10% 0 5% ;  }
#con-inner .con03 .con03-inner{ width:100%; margin: 0 auto;  position: relative; }
#con-inner .con03 .con03-inner .con03-ttl-bx{ width:130%; margin: 0 auto; margin-left: -15%; }
#con-inner .con03 .con03-top{ position: relative; top: -25px; }
#con-inner .con03 .con03-point01{ position: absolute; bottom: 23%; left: 0; width: 25% }
#con-inner .con03 .con03-point02{ position: absolute; bottom: 23%; right: 0; width: 25% }
#con-inner .con03 ul{ width:100%; margin: 0 auto ; position: relative; z-index: 98; }
#con-inner .con03 li{ float: left; margin-right: 3%; width: 48.5%; }
#con-inner .con03 li:last-child{ float: left; margin-right: 0px; }

#con-inner .con04{ background: url('../images/index/question-bg.jpg') top center; padding: 5% 3%; }
#con-inner .con04 .question{ text-align: center; margin-bottom: 25px; }
#con-inner .con04 .con04-inner{ background: url('../images/index/con04-inner-bg.jpg') top right no-repeat , #fff; width:94%; margin: 0 auto; border: 3px solid #000; border-radius: 10px; position: relative; padding:13% 3% 50%; background-size: 100%; }
#con-inner .con04 .a-point{ position: absolute; left: -20px; top: -20px; width: 20%; }
#con-inner .con04 .a-ttl{ margin:0 auto 7%; width: 95%; }
#con-inner .con04 .con04-txt{ font-size: 14px; line-height: 1.7; font-weight: bold; }
#con-inner .con04 .con04-txt span{ color: #0082f3; }
#con-inner .con04 .a-inner-point{ position: absolute; right: 10%; bottom: 0; width: 50% }

#con-inner .con05{ background: url('../images/index/con03-bg.jpg') top 60px center no-repeat, url('../images/index/many-bg02.jpg') top center ; text-align: center; }
#con-inner .con05 figure{  position: relative; z-index: 95; }

#con-inner .con06{ background: url('../images/index/con04-bg.jpg') top  center no-repeat ;  text-align: center; margin-top: 0; padding: ; }
#con-inner .con06 .con06-inner-bx{ background: #fff; padding: 5% 3%; width: 95%; margin: 0 auto ; position: relative; top: -25px; }
#con-inner .con06 .con06-inner-bx h4{ width: 95%; margin: 0 auto 5%; }
#con-inner .con06 .con06-inner-bx p{ width:  }
#con-inner .con06 .con06-inner-bx .con06-point{ position: absolute; bottom: 0 ; right: 15px; width: 25%; }

#con-inner .con07 h3{ margin: 0 auto 30px; width: 95%; text-align: center; }
#con-inner .con07-inner{ background: url('../images/index/question-bg.jpg') top center ; text-align: center; padding: 80px 0 45px; margin-bottom: 110px; }
#con-inner .con07-inner .con07-inbx{ background: url('../images/index/many-bg02.jpg') top center ; width:100%; margin: 0 auto; border: 3px solid #555555; text-align: center; }
#con-inner .con07-inner .con07-inbx h4{ position: relative; top: -35px; }
#con-inner .con07-inner .con07-inbx .con07-inner-img01{ background: #fff; width:100%; margin: 0 auto 20px;  }
#con-inner .con07-inner .con07-inbx .con07-inner-img02{ margin-bottom: 2%; }
#con-inner .con07-inner .con07-inbx .con07-center-bottom{ margin-bottom: 40px; }

#con-inner .con08{ text-align: center; background: url('../images/index/con08-bg.jpg') top center no-repeat; padding-bottom: 20px; margin-bottom: 50px; }
#con-inner .con08 h3{ position: relative; top: -150px; margin-bottom: -150px; }
#con-inner .con08 .con08-inner h4{ margin-bottom: 50px; }
#con-inner .con08 .con08-inner .con08-img{ margin-bottom: 40px; }

#con-inner .con09{ background: url('../images/index/many-bg.jpg') top center;  }
#con-inner .con09 h3{ margin-bottom: 5% ; width: 170%; margin-left: -35%; }
#con-inner .con09 h4{ margin:0 auto 45px; width: 100%; }
#con-inner .con09 .con09-inner{ background: #ffd7bd; width:100%; margin: 0 auto; position: relative; padding-bottom: 40px; }
#con-inner .con09 .con09-inner .con09-bx{ width: 98%; margin: 0 auto 45px; background: #fff; border: 5px solid #fb6907; position: relative; z-index: 150; padding: 5% 3%;  }
#con-inner .con09 .con09-inner .con09-ttl-point{ position: absolute; left: 3%; top: -10%; width: 30%; }
#con-inner .con09 .con09-inner .con09-bx h5{ margin-bottom: 25px; }
#con-inner .con09 .con09-inner .con09-bx .con09-in-img02{ position: absolute; top: -25px; right: -25px; }
#con-inner .con09 .con09-inner .con09-bx .con09-in-img03{ position: absolute; bottom: 0; right: 10px; }
#con-inner .con09 .con09-inner .con09-bx p{ font-size: 16px; font-weight: bold; line-height: 1.7; }
#con-inner .con09 .con09-inner .con09-last{ text-align: center; }

#con-inner .con10 h3{ text-align: center; background: url('../images/index/con08-ttl-bg.jpg') top center no-repeat; padding: 15% 3%; background-size: 200%;   }
#con-inner .con10 .next{ margin: 0 auto 7%; width: 50%; }
#con-inner .con10 .con10-inner01{ background: #fff; border: 3px solid #000; width:100%; margin: 0 auto ; position: relative; text-align: center; padding: 5% 3%;  }
#con-inner .con10 .con10-inner02{ background: #fff; border: 3px solid #000; width:100%; margin: 0 auto ; position: relative; text-align: center; padding: 5% 3% 15%;  }
#con-inner .con10 .con10-inner03{ background: url('../images/index/con10-inner03-bg.jpg') bottom right no-repeat , #fff; border: 3px solid #000; width:100%; margin: 0 auto 70px; text-align: center; padding: 5% 3% 35%;  }
#con-inner .con10 .con10-img{ position: absolute; right: 0; bottom: 0; width: 30%; }
#con-inner .con10 .con10-last{ margin-bottom: 30px; }
#con-inner .con10 p{ font-size: 16px; margin-bottom: 25px; letter-spacing: 2px; font-weight: bold; }
#con-inner .con10 .con10-inner03 p{ font-size: 16px; text-align: left;  margin-bottom: 25px; letter-spacing: 2px; font-weight: bold; padding: 5% 3%; }
#con-inner .con10 h4{ margin-bottom: 25px;  }
#con-inner .con10 .con10-inner01 .con10-tel{ margin-bottom: 25px;  }

#con-inner .con11{ text-align: center; background: url('../images/index/con11-bg.jpg') top center;  }
#con-inner .con11 .con11-inner{ width:100%; background: #fff; padding: 30px 0 ; margin: 0 auto 30px; border: 3px solid #959191; }
#con-inner .con11 .con11-inner h4{ margin-bottom: 20px; }
#con-inner .con11 h3{ width: 180%; margin-left: -40%; }
#con-inner .con11 .con11-inner p{ font-size: 16px; font-weight: bold; padding: 0 3%; line-height: 1.7; }
#con-inner .con11 .con11-inner p span{ font-size: 16px; color: #b80005;  }

#form { margin: 0 0 20%; }
#form .mb30 { margin: 0 5% 5%;}
#form .inner { font-size: 0.95em; line-height: 1.4; padding: 0 5%;}
#form .error { color: #eb6100;}
#form table { width: 100%; margin: 0 0 8%;}
#form table tr { border-bottom: 1px solid #dcdddd;      border-top: 1px solid #fff;}
#form table th { display: block; text-align: center;vertical-align: top; background: #e6e6e7;padding: 3% 5%;}
#form table td { display: block; background: #f6f7f7;padding: 4% 5%;}
#form table td input , #form table td textarea { width: 100%; font-size: 16px;height: 40px;}
#form .btn input { width: 100%;}
#form .flbox { display: flex; justify-content: space-between;}
.lastbtn { width: 40%; padding: 0 5%;}

}