@charset "UTF-8";
@media screen and (min-width: 768px),print {

.full-width { width: 100vw; position: relative; left: 50%;  right: 50%;  margin-left: -50vw;  margin-right: -50vw;}

.endback{ min-height: 445px; }

#contentsmain { text-align: center; margin-bottom: 90px;}
#contentsmain .ttl-Box { width: 800px; margin: 0 auto; background: #fff; position: relative;padding-top: 15px;padding-bottom: 21px;margin-bottom: -39px;}
#contentsmain .ttl-Box span.en {  position: absolute;top: -49px;left: 209px;z-index: 1;}
#contentsmain .ttl-Box h2{ font-size: 32px; font-weight: 700; letter-spacing: 1.6px; line-height: 54px; position: relative;z-index: 2;}
#contentsmain .inner-Box { background: url('../images/form/main-back.png')no-repeat top center #ebe3d6; padding-top: 255px;padding-bottom: 206px;font-weight: bold;margin-bottom: -206px;}
#contentsmain .inbox {  }
#contentsmain .inbox { text-align: center; margin-bottom: 47px;padding-left: 12px;}
#contentsmain .inbox ul{ text-align: center; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 650px;margin: 0 auto;position: relative;left: 14px;}
#contentsmain .inbox ul li{ display: inline-block; position: relative; padding-left: 16px;margin-right: 18px;}
#contentsmain .inbox ul li span{ position: absolute; top: -5px; left: -10px; }

#contentsmain .inner-Box2 { margin: 0 auto; position: relative; width: 1140px; height: 361px; box-shadow: 0 3px 36px rgba(88, 72, 27, 0.4); border-radius: 40px; background-color: #ffffff; padding: 42px 120px 0;}
#contentsmain .inner-Box2::before{ content: url('../images/form/main-icon01.svg'); top: -40px; left: -30px; position: absolute;}
#contentsmain .inner-Box2 span.photo {  position: absolute;top: 31px;right: 29px;}
#contentsmain .inner-Box2 h3{  font-size: 28px;font-weight: 700;letter-spacing: 1.4px;position: relative;margin-bottom: 29px;}
#contentsmain .inner-Box2 h3::before{ content: ""; width: 60px; height: 4px; background-color: #6bc2b7; display: block;position: absolute;bottom: -13px;left: 50%;margin-left: -30px;}
#contentsmain .inner-Box2 p{  border-bottom: 1px dashed #121b41;font-weight: 500;font-size: 16px;letter-spacing: 0.8px;padding-bottom: 14px;margin-bottom: 43px;}
#contentsmain .inner-Box2 span.sp-tel-link {  }

#contents01 { border: 2px solid #286da4; width: 1000px; background-color: #f9f9f9; margin: 0 auto 56px; position: relative; text-align: center;}
#contents01 .inner-Box {  padding-top: 46px;}
#contents01 .inner-Box span.en {  position: absolute;left: 50%;top: -32px;margin-left: -30px;}
#contents01 .inner-Box h2{  font-size: 24px;font-weight: 700;letter-spacing: 1.2px;line-height: 40px;margin-bottom: 30px;}
#contents01 .inner-Box h2 span{ color: #2686d1; font-weight: 700; font-size: 32px; letter-spacing: 1.6px; }
#contents01 .inner-Box figure.photo {  position: relative;left: -52px;margin-bottom: -41px;}
#contents01 .inner-Box p{ background-color: #f9f9f9; padding: 26px 80px 35px; font-size: 16px; letter-spacing: 0.8px; line-height: 28px; position: relative;}
#contents01 .inner-Box p span{ font-weight: bold; }

.sub-title2{ font-size: 28px; text-align: center; font-weight: 700; letter-spacing: 1.4px; position: relative; margin-bottom: 40px;}
.sub-title2::before{ content: ""; width: 60px; height: 4px; background-color: #6bc2b7; display: block;position: absolute;bottom: -13px;left: 50%;margin-left: -30px;}
.sub-title3{ font-size: 14px; font-weight: 700; letter-spacing: 0.7px; text-align: center; color: #ab2a0b; margin-bottom: 26px;}

#link01{ position: relative; top: -50px; }

}


@media screen and (max-width: 767px) {
#link01{ position: absolute; top: -10vw; }


.endback{ background: url('../images/form/sp-end-back.jpg')no-repeat top center; background-size: 100% auto; min-height: 61vw;}

#contentsmain {text-align: center;margin-bottom: 15.7vw;padding-top: 16vw;}
#contentsmain .ttl-Box {  margin: 0 4vw; background: #fff; position: relative;padding-top: 0vw;padding-bottom: 4.7vw;margin-bottom: -6vw;top: -1.5vw;}
#contentsmain .ttl-Box span.en {position: absolute;top: -14.4vw;left: 23.2vw;z-index: 1;width: 46vw;}
#contentsmain .ttl-Box h2{ font-size: 4.7vw; font-weight: 700; letter-spacing: 0.3vw; line-height:1.6; position: relative;z-index: 2;}
#contentsmain .inner-Box { background: url('../images/form/sp-main-back.jpg')no-repeat top center #ebe3d6; background-size: 100% auto; padding-top: 27.2vw;padding-bottom: 26.9vw;font-weight: bold;margin-bottom: -26.9vw;}
#contentsmain .inbox {  }
#contentsmain .inbox { text-align: center; margin-bottom: 12.1vw;padding-left: 1.6vw;}
#contentsmain .inbox ul{ text-align: center; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 3vw 9vw;position: relative;left: 1.8vw;}
#contentsmain .inbox ul li{ display: inline-block; position: relative; padding-left: 3.1vw;margin-right: 3.3vw;font-size: 3.4vw;}
#contentsmain .inbox ul li span{ position: absolute; top: -1.2vw; left: -1.3vw; width: 3vw;}

#contentsmain .inner-Box2 { margin: 0 4vw; position: relative;   box-shadow: 0 0.4vw 4.7vw rgba(88, 72, 27, 0.4); border-radius: 5.2vw; background-color: #ffffff; padding: 9.5vw 6vw 12vw;}
#contentsmain .inner-Box2::before{ content: url('../images/form/main-icon01.svg'); top: -5.2vw; left: -0.9vw; position: absolute;transform: scale(0.5); transform-origin: top left;}
#contentsmain .inner-Box2 span.photo {  position: absolute;top: -28.5vw;right: -3.2vw;width: 26vw;}
#contentsmain .inner-Box2 h3{font-size: 4.8vw;font-weight: 700;letter-spacing: 0.6vw;position: relative;margin-bottom: 6.8vw;}
#contentsmain .inner-Box2 h3::before{ content: "";  height: 1vw; background-color: #6bc2b7; display: block;position: absolute;bottom: -2.4vw;left: 50%;margin-left: -6.9vw;width: 14vw;}
#contentsmain .inner-Box2 p{border-bottom: 0.1vw dashed #121b41;font-size: 3.4vw;letter-spacing: 0.3vw;padding-bottom: 1.8vw;margin-bottom: 4vw;}
#contentsmain .inner-Box2 span.sp-tel-link {  display: block;margin: 0 3vw;}

#contents01 { border: 0.3vw solid #286da4;  background-color: #f9f9f9; margin: 0 4vw 7.3vw; position: relative; text-align: center;}
#contents01 .inner-Box {  padding-top: 6.0vw;}
#contents01 .inner-Box span.en {  position: absolute;left: 50%;top: -7.2vw;margin-left: -6vw;width: 12vw;}
#contents01 .inner-Box h2{  font-size: 4vw;font-weight: 700;letter-spacing: 0.3vw;line-height:1.6;margin-bottom: 3.9vw;}
#contents01 .inner-Box h2 span{ color: #2686d1; font-weight: 700; font-size: 5.2vw; letter-spacing: 0.3vw; }
#contents01 .inner-Box figure.photo {  position: relative;margin: 0 -4vw -4vw;}
#contents01 .inner-Box p{text-align: left; background-color: #f9f9f9; padding: 4vw; font-size: 3.6vw; letter-spacing: 0.3vw; line-height:1.6; position: relative;}
#contents01 .inner-Box p span{ font-weight: bold; }

.sub-title2{ font-size: 5.7vw; text-align: center; font-weight: 700; letter-spacing: 0.3vw; position: relative; margin-bottom: 5.2vw;}
.sub-title2::before{ content: "";  height: 1vw; background-color: #6bc2b7; display: block;position: absolute;bottom: -2.4vw;left: 50%;margin-left: -6vw;width: 12vw;}
.sub-title3{ font-size: 3.8vw; font-weight: 700; letter-spacing: 0.3vw; text-align: center; color: #ab2a0b; margin-bottom: 3.4vw;}



}