@charset "UTF-8";

#contentsend{ margin-top: 0;}
@media screen and (min-width: 768px),print {

#contentsmain{margin:0 auto 0 5rem;display:flex;gap:0;align-items:stretch;}
#contentsmain .left-Box{width:50%;position:relative;background: url(../images/consultation-desk/contentsmain-back01.svg)no-repeat right bottom, url(../images/consultation-desk/contentsmain-back02.svg)no-repeat right top;background-size: auto auto,cover;text-align: center;}
#contentsmain .right-Box{width:50%;position:relative;}

#contentsmain .left-Box .in-Box {position: relative;top: 43%;transform: translateY(-50%);}
#contentsmain .left-Box figure.img { margin: 0 auto; max-width: 20rem; position: relative;top: 0;left: 0;margin-bottom: 3.2rem;}
#contentsmain .left-Box figure.img img{ width: 100%; height: auto; }
#contentsmain .left-Box p.text {position: relative;font-size: 1.8rem;line-height: 2.2;letter-spacing: 0.05em;font-weight: 700;text-align: center;color: #fff;}
#contentsmain .roll {position: absolute;width: 45rem;height: 44rem;bottom: 0;right: 0;overflow: hidden;}
#contentsmain .roll span.en{ display: block; position:relative; width:100%; height:100%; }
#contentsmain .roll span.en img{position:absolute;left: 0;top: 0;width:113.4rem; /* 少し大きめに */transform:rotate(-30deg);transform-origin: center center;animation: rollRotate 120s linear infinite;}
@keyframes rollRotate{ 0%{transform:rotate(-30deg);} 100%{transform:rotate(330deg);} }

#contentsmain .right-Box ul.mado-slide {}
#contentsmain .right-Box ul li { position: relative; }
#contentsmain .right-Box figure.photo { position: relative; top: 0; left: 0; }
#contentsmain .right-Box figure.photo img{ width: 100%; height: auto; }

#contentsmain .right-Box .mado-slide.swiper {  position: relative; }
#contentsmain .right-Box .mado-slide .swiper-pagination { position: absolute; bottom: 2.2rem; left: 0; display: flex; justify-content: center; align-items: center; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; z-index: 10; line-height: 0; }
#contentsmain .right-Box .mado-slide .swiper-pagination-bullet { display: inline-block; width: 1rem; height: 1rem; margin: 0 0.5rem; padding: 0; cursor: pointer; border-radius: 50%; background: #D0D7E3; opacity: 1; border: 0; outline: none; transition: background 0.3s; }
#contentsmain .right-Box .mado-slide .swiper-pagination-bullet:hover, #contentsmain .right-Box .mado-slide .swiper-pagination-bullet:focus { outline: none; }
#contentsmain .right-Box .mado-slide .swiper-pagination-bullet-active { background: var(--main-blue); }


#contents01 {margin: 0 auto 9.6rem 5rem;position: relative;padding: 11.9rem 5vw 0rem;}
#contents01 .inner-Box {margin: 0 auto;position: relative;max-width: 120rem;}
#contents01 .inner-Box h2 {margin-bottom: 2.4rem;position: relative;}
#contents01 .inner-Box p.subttext {margin-bottom: 5.6rem;position: relative;font-size: 1.6rem;line-height: 2.0;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contents01 .inner-Box ul{display:flex;flex-wrap:wrap;gap:2.666%;}
#contents01 .inner-Box ul li{position:relative;width:31.555%;margin-bottom: 6.4rem;}
#contents01 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 1.6rem;}
#contents01 .inner-Box figure.photo img{width: 100%;height: auto;}
#contents01 .inner-Box h3 {margin-bottom: 0.8rem;position: relative;font-size: 2.4rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;color:  var(--main-blue);}
#contents01 .inner-Box span.micon {display: inline-block;line-height: 1;margin-right: 0.3rem;position: relative;top: 0.1rem;}
#contents01 .inner-Box span.micon img {  }
#contents01 .inner-Box p.ltext {position: relative;font-size: 1.5rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 400;text-align: left;padding: 0 0 0 1.3rem;margin-bottom: 0.3rem;}
#contents01 .inner-Box p.ltext::before{content: "";display: block;background:  var(--main-blue);width: 0.7rem;height: 0.7rem;border-radius: 50%;position: absolute;left: 0;top: 0.8rem;}
#contents01 .inner-Box p.ltext:last-child{margin-bottom: 0;}


#worry-section {background: url(../images/consultation-desk/contentsmain-back02.svg)no-repeat right top;background-size: cover;padding: 12.4rem 5rem;text-align: center;min-height: 80.0rem;margin: 0 0 0 5rem;}

#worry-section .worry-title-fixed {color: #fff;font-size: 2.8rem;font-weight: 700;margin-bottom: 5.1rem;position: relative;display: inline-block;padding: 0 4.0rem;line-height: 1.2;letter-spacing: 0.15rem;}
#worry-section .worry-title-fixed::before, #worry-section .worry-title-fixed::after { content: ""; position: absolute; top: 50%; width: 3.2rem; height: 2px; background-color: #fff; }
#worry-section .worry-title-fixed::before { left: 0; transform: translateY(-50%) rotate(55deg); }
#worry-section .worry-title-fixed::after { right: 0; transform: translateY(-50%) rotate(-55deg); }
#worry-section .bubble-area {position: relative;max-width: 77rem;height: 40.0rem;margin: 0 auto;left: 0.9rem;}
#worry-section .bubble-worry {position: absolute;background: #fff;color: #333;padding: 2.4rem 3.2rem;border-radius: 9999px; /* カプセル型 */box-shadow: 0 0.5rem 1.5rem rgba(0,0,0,0.1);white-space: nowrap;opacity: 0;visibility: hidden;font-size: 1.6rem;line-height: 1.8;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
#worry-section .b1 { top: 6rem; left: 0; }
#worry-section .b2 { top: 0; left: 50%; transform: translateX(-50%); }
#worry-section .b3 {top: 5rem;right: 0;}
#worry-section .b4 {top: 22.4rem;left: 18.6%;}
#worry-section .b5 {top: 21rem;right: 16.5%;}

#worry-section .bubble-worry::after { content: ""; display: block; position: absolute; background: url(../images/consultation-desk/contents02-icon01.svg)no-repeat; background-size: 100% auto; width: 5rem; height: 5rem; }
#worry-section .b1::after {bottom: -3.1rem;right: 4.8rem;}
#worry-section .bubble-worry.b2::after {bottom: -3.8rem;left: 50%;transform: translateX(-50%);content: "";display: block;position: absolute;background: url(../images/consultation-desk/contents02-icon02.svg)no-repeat;background-size: 100% auto;width: 4rem;height: 5.6rem;}
#worry-section .b3::after {bottom: -3.1rem;left: 8.6rem;transform: scale(-1, 1);}
#worry-section .b4::after {bottom: -3.1rem;right: 4.7rem;}
#worry-section .b5::after {bottom: -3.1rem;right: 9.8rem;transform: scale(-1, 1);}


#worry-section .imgbottom{ width: 40rem; margin: 0 auto;}
#worry-section .imgbottom img{ width: 100%; height: auto; }


#contentsfaq {margin: 0 auto 16rem;position: relative;margin-left: 5rem;padding: 12rem 5vw 8rem;}
#contentsfaq .ttl-Box {margin: 0 auto 4.6rem;position: relative;max-width: 100rem;}
#contentsfaq .ttl-Box span.conticon {display: block;line-height: 1;margin-bottom: 1.6rem;}
#contentsfaq .ttl-Box span.conticon img {  }

#contentsfaq .inner-Box {margin: 0 auto;position: relative;max-width: 100rem;}
#contentsfaq .inner-Box h2 {padding: 1.6rem 2.4rem;margin: 5.6rem 0 3.2rem;background: #E2E5EA;font-size: 2.4rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;border-radius: 0rem 3rem 0rem 0rem;}
#contentsfaq .inner-Box h2:first-child {margin-top: 0;}

#contentsfaq .inner-Box .toggle {display: none; }
#contentsfaq .inner-Box .option {position: relative;border-bottom: 1px solid #CCC;margin-bottom: 2.4rem;}
#contentsfaq .inner-Box .option::before{content: "";}
#contentsfaq .inner-Box .title, .content {-webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s; }
#contentsfaq .inner-Box .title {display: block;font-size: 1.6rem;line-height: 1.8;letter-spacing: 0.05em;font-weight: 700;text-align: left;padding: 0rem 6rem 2.7rem 5.4rem;}
#contentsfaq .inner-Box .title span{background: var(--main-blue);color: #fff;position: absolute;top: 0;left: 0.6rem;font-size: 1.5rem;line-height: 1;letter-spacing: 0.05em;font-weight: 700;text-align: left;width: 3.2rem;height: 3.2rem;text-align: center;padding: 0.8rem 0 0;}
#contentsfaq .inner-Box .title::before {content: "";position: absolute;right: 2.25em;top: 0.25em;width: 1px;height: 2.4rem;background-color: var(--main-blue);transition: all 0.3s;}
#contentsfaq .inner-Box .title::after {content: "";background: url(../images/common/arr.svg)no-repeat;width: 1rem;height: 1.2rem;position: absolute;top: 1.1rem;right: 0.9rem;transform: rotate(90deg);transform-origin: center;background-size: 100% auto;transition: all 0.3s ease-in-out;}
#contentsfaq .inner-Box .content {display: grid;grid-template-rows: 0fr;transition: 0.4s;overflow: hidden;}
#contentsfaq .inner-Box .content > * { overflow: hidden; }
#contentsfaq .inner-Box .toggle:checked + .title + .content { grid-template-rows: 1fr; }
#contentsfaq .inner-Box .content div.wysiwyg {margin: 0 0rem 0rem 5.5rem;font-size: 0.9em;line-height: 1.5;}
#contentsfaq .inner-Box .content div.wysiwyg span.f-en{background: #fff;color: var(--main-blue);border: var(--main-blue) 1px solid;position: absolute;top: 0;left: 0.6rem;font-size: 1.5rem;line-height: 1;letter-spacing: 0.05em;font-weight: 700;text-align: left;width: 3.2rem;height: 3.2rem;text-align: center;padding: 0.8rem 0 0;}
#contentsfaq .inner-Box .content .wysbox{padding-bottom: 2.4rem;}
#contentsfaq .inner-Box .toggle:checked + .title::after {transform: rotate(-90deg) !important; }

body#consultation-desk #contentsmm {
  margin-bottom: 8rem;
  padding-bottom: 8rem;
}


}
@media screen and (min-width:768px) and ( max-width:1280px) {
#contentsmain .left-Box p.text {position: relative;font-size: 1.4rem;}
#contentsmain .roll{transform:scale(0.6);transform-origin:bottom right;}

}

@media screen and (min-width:768px) and ( max-width:1280px) {
#contentsmain .left-Box figure.img {  max-width: 10rem; }

}


@media screen and (min-width:768px) and ( max-width:1023px) {
#contentsmain,#contents01,#contentsfaq,#worry-section,#contentsmm {margin-left: 0rem!important;}
#contentsmain .left-Box figure.img { max-width: 15rem;}
#contentsmain .left-Box p.text {position: relative;font-size: 1.6rem;}

	
}

@media screen and (max-width: 767px) {
#mainttl .main-title{margin-right: 1vw;}
#contentsmain{
  display:flex;
  flex-direction: column-reverse;
}
#contentsmain .left-Box{position:relative;background: url(../images/consultation-desk/contentsmain-back01.svg)no-repeat right -104.6vw bottom, url(../images/consultation-desk/contentsmain-back02.svg)no-repeat right top;background-size: auto 26.6vw,cover;text-align: center;padding-bottom: 30vw;}
#contentsmain .right-Box{position:relative;}

#contentsmain .left-Box .in-Box {position: relative;padding: 10.9vw 0 0;}
#contentsmain .left-Box figure.img {margin: 0 auto;max-width: 42.23vw;position: relative;top: 0;left: 0;margin-bottom: 5.43vw;}
#contentsmain .left-Box figure.img img{ width: 100%; height: auto; }
#contentsmain .left-Box p.text {position: relative;color: #fff;font-size: 4.27vw;line-height: 2.0;letter-spacing: 0.05em;font-weight: 700;text-align: left;margin: 0 4.5vw;}
#contentsmain .roll {position: absolute;width: 68vw;height: 68.33vw;bottom: 0;right: 0;overflow: hidden;}
#contentsmain .roll span.en{ display: block; position:relative; width:100%; height:100%; }
#contentsmain .roll span.en img{position:absolute;left: 0;top: 0;width: 176.4vw; /* 少し大きめに */transform:rotate(-30deg);transform-origin: center center;animation: rollRotate 120s linear infinite;}
@keyframes rollRotate{ 0%{transform:rotate(-30deg);} 100%{transform:rotate(330deg);} }

#contentsmain .right-Box ul.mado-slide {}
#contentsmain .right-Box ul li { position: relative; }
#contentsmain .right-Box figure.photo { position: relative; top: 0; left: 0; }
#contentsmain .right-Box figure.photo img{ width: 100%; height: auto; }

#contentsmain .right-Box .mado-slide.swiper {margin-bottom: 0;overflow: visible;}
#contentsmain .right-Box .mado-slide .swiper-pagination {position: absolute;bottom: 4.167vw;left: 0;display: flex;justify-content: center;align-items: center;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;line-height: 0;}
#contentsmain .right-Box .mado-slide .swiper-pagination-bullet {display: inline-block;width: 1.60vw;height: 1.60vw;margin: 0 0.933vw;padding: 0;cursor: pointer;border-radius: 50%;background: #fff;opacity: 1;border: 0;outline: none;transition: background 0.3s;opacity: 0.3;}
#contentsmain .right-Box .mado-slide .swiper-pagination-bullet:hover, #contentsmain .right-Box .mado-slide .swiper-pagination-bullet:focus { outline: none; }
#contentsmain .right-Box .mado-slide .swiper-pagination-bullet-active { opacity: 1;}



#contents01 {position: relative;padding: 11.53vw 0.4vw 2.3vw;}
#contents01 .inner-Box {margin: 0 4vw;position: relative;max-width: 120rem;}
#contents01 .inner-Box h2 {margin-bottom: 4.2vw;position: relative;}
#contents01 .inner-Box p.subttext {margin-bottom: 9.53vw;position: relative;font-size: 3.73vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 350;text-align: left;}
#contents01 .inner-Box ul{display:flex;flex-wrap:wrap;gap: 4.066%;}
#contents01 .inner-Box ul li{position:relative;width: 47.955%;margin-bottom: 5.77vw;}
#contents01 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 2.77vw;}
#contents01 .inner-Box figure.photo img{width: 100%;height: auto;}
#contents01 .inner-Box h3 {margin-bottom: 1.63vw;position: relative;color:  var(--main-blue);font-size: 4.0vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#contents01 .inner-Box span.micon {display: inline-block;line-height: 1;margin-right: 0.80vw;position: relative;top: 0.7vw;width: 5.4vw;margin-right: 0.2vw;}
#contents01 .inner-Box span.micon img {  }
#contents01 .inner-Box p.ltext {position: relative;padding: 0 0 0 2.67vw;margin-bottom: 1.2vw;font-size: 3.2vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contents01 .inner-Box p.ltext::before{content: "";display: block;background:  var(--main-blue);width: 1.37vw;height: 1.37vw;border-radius: 50%;position: absolute;left: 0;top: 1.43vw;}
#contents01 .inner-Box p.ltext:last-child{margin-bottom: 0;}


#worry-section {background: url(../images/consultation-desk/contentsmain-back02.svg)no-repeat right top;background-size: cover;padding: 10.37vw 0vw;text-align: center;/* min-height: 163.33vw; */}

#worry-section .worry-title-fixed {color: #fff;position: relative;display: inline-block;padding: 0 10.67vw;font-size: 5.33vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: center;margin-bottom: 6.8vw;}
#worry-section .worry-title-fixed::before, #worry-section .worry-title-fixed::after {content: "";position: absolute;top: 50%;width: 8.53vw;height: 0.53vw;background-color: #fff;top: 12.1vw;left: 61.1vw;}
#worry-section .worry-title-fixed::before {left: 1.6vw;transform: translateY(-50%) rotate(55deg);}
#worry-section .worry-title-fixed::after { right: 0; transform: translateY(-50%) rotate(-55deg); }
#worry-section .bubble-area {position: relative;max-width: 77rem;height: 95.87vw;margin: 0 4vw;}
#worry-section .bubble-worry {position: absolute;background: #fff;color: #333;padding: 4.8vw 5.53vw;border-radius: 0vw; /* カプセル型 */box-shadow: 0 1.33vw 4.00vw rgba(0,0,0,0.1);white-space: nowrap;opacity: 0;visibility: hidden;font-size: 3.2vw;line-height: 1.7;letter-spacing: 0.05em;font-weight: 700;text-align: center;border-radius: 23vw;}
#worry-section .b1 {top: 15vw;left: 0;}
#worry-section .b2 {top: 0;left: 69.5vw;transform: translateX(-50%);}
#worry-section .b3 {top: 33.43vw;right: 0;}
#worry-section .b4 {top: 45.73vw;left: 2.1%;}
#worry-section .b5 {top: 65.4vw;right: 4.4%;}

#worry-section .bubble-worry::after {content: "";display: block;position: absolute;background: url(../images/consultation-desk/contents02-icon01.svg)no-repeat;background-size: 100% auto;width: 6.73vw;height: 9.83vw;}
#worry-section .b1::after {bottom: -6.97vw;right: 10.6vw;}
#worry-section .bubble-worry.b2::after {bottom: -10.13vw;left: 50%;transform: translateX(-50%);content: "";display: block;position: absolute;background: url(../images/consultation-desk/contents02-icon02.svg)no-repeat;background-size: 100% auto;width: 5.67vw;height: 12.33vw;}
#worry-section .b3::after {bottom: -7.67vw;left: 19.53vw;transform: scale(-1, 1);}
#worry-section .b4::after {bottom: -6.87vw;right: 9.33vw;width: 8vw;}
#worry-section .b5::after {bottom: -6.97vw;right: 18.53vw;transform: scale(-1, 1);width: 8.3vw;}


#worry-section .imgbottom{width: 53vw;margin: 0 auto;}
#worry-section .imgbottom img{ width: 100%; height: auto; }

#contentsfaq {margin: 0 auto 6.73vw;position: relative;padding: 11.3vw 4vw 10.67vw;}
#contentsfaq .ttl-Box {margin: 0 auto 6.63vw;position: relative;max-width: 80rem;}
#contentsfaq .ttl-Box span.conticon {display: block;line-height: 1;margin: 0 auto 4.27vw;width: 8.00vw;}
#contentsfaq .ttl-Box p.text {position: relative;font-size: 3.73vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 400;text-align: center;}
#contentsfaq .ttl-Box p.text a {text-decoration: underline;color: var(--main-blue);}
#contentsfaq .inner-Box {margin: 0 auto 3.8vw;position: relative;}
#contentsfaq .inner-Box h2 {padding: 2.67vw 4.27vw;margin: 8vw 0 6.40vw;background: #E2E5EA;border-radius: 0vw 6.40vw 0vw 0vw;font-size: 5.3vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#contentsfaq .inner-Box h2:first-child {margin-top: 0;}

#contentsfaq .inner-Box .toggle {display: none; }
#contentsfaq .inner-Box .option {position: relative;border-bottom: 0.27vw solid #CCC;margin-bottom: 4.4vw;}
#contentsfaq .inner-Box .option::before{content: "";}
#contentsfaq .inner-Box .title, .content {-webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s; }
#contentsfaq .inner-Box .title {display: block;padding: 0vw 8vw 4.2vw 9.1vw;font-size: 3.7vw;line-height: 1.6;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#contentsfaq .inner-Box .title span{background: var(--main-blue);color: #fff;position: absolute;top: -0.2vw;left: 0vw;width: 6.533vw;height: 6.533vw;padding: 1.733vw 0 0;font-size: 3.2vw;line-height: 1;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
#contentsfaq .inner-Box .title::before {content: "";position: absolute;right: 4.9vw;top: 0.4vw;width: 1px;height: 79%;background-color: var(--main-blue);transition: all 0.3s;}
#contentsfaq .inner-Box .title::after {content: "";background: url(../images/common/arr.svg)no-repeat;width: 2.267vw;height: 3.2vw;position: absolute;top: 35.5%;right: 0.4vw;transform: rotate(90deg);transform-origin: center;background-size: 100% auto;transition: all 0.3s ease-in-out;}
#contentsfaq .inner-Box .content {display: grid;grid-template-rows: 0fr;transition: 0.4s;overflow: hidden;}
#contentsfaq .inner-Box .content > * { overflow: hidden; }
#contentsfaq .inner-Box .toggle:checked + .title + .content { grid-template-rows: 1fr; }
#contentsfaq .inner-Box .content div.wysiwyg {margin: 0 0vw 0vw 9.367vw;line-height: 1.5;padding: 0;}
#contentsfaq .inner-Box .content div.wysiwyg span.f-en{background: #fff;color: var(--main-blue);border: var(--main-blue) 1px solid;position: absolute;top: 0vw;left: 0vw;width: 6.533vw;height: 6.533vw;padding: 1.733vw 0 0;font-size: 3.2vw;line-height: 1;letter-spacing: 0.05em;font-weight: 700;text-align: center;}

#contentsfaq .inner-Box .content .wysbox{padding-bottom: 6.4vw;}
#contentsfaq .inner-Box .toggle:checked + .title::after {transform: rotate(-90deg) !important; }

body#consultation-desk #contentsmm {
  margin-bottom: 10.67vw;
  padding-bottom: 10.67vw;
}


}