@charset "UTF-8";

@media screen and (min-width: 768px),print {

#contentsmain {margin: 0 auto 0 5rem;position: relative;padding: 12rem 5vw 0rem;}
#contentsmain .ttl-Box {margin: 0 auto 5.4rem;position: relative;width: 100rem;}
#contentsmain .ttl-Box p.subtext {margin-bottom: 5.6rem;position: relative;font-size: 1.6rem;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;text-align: center;}
#contentsmain .ttl-Box ul{display:flex;flex-wrap:wrap;}
#contentsmain .ttl-Box ul li{cursor: pointer;width:50%;border: var(--main-blue) 1px solid;color: var(--main-blue);background: #fff;transition: all 0.3s ease-in-out;padding: 1.6rem;}
#contentsmain .ttl-Box ul li.active{ cursor: auto; background: var(--main-blue); color: #fff;}
#contentsmain .ttl-Box ul li:hover { background: var(--main-blue); color: #fff;}

#contentsmain .ttl-Box p.ltext {position: relative;font-size: 1.6rem;line-height: 1.0;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
#contentsmain .ttl-Box p.ltext span {font-size: 1.2rem;line-height: 1.0;letter-spacing: 0em;font-weight: 400;text-align: center;margin-top: 0.5rem;display: block;}
#contentsmain .inner-Box1 {margin: 0 auto;position: relative;}

#contentsmain .inBox1{display:flex;gap:4.44%;max-width: 90rem;margin: 0 auto 6.4rem;}
#contentsmain .inBox1 .deco--left{width:15.44%;position: relative;top: 5.4rem;/* left: 2rem; */}
#contentsmain .inBox1 .deco--right{width:16.11%;position: relative;/* left: 2.2rem; */top: 1.7rem;}

#contentsmain .inBox1 .deco{ opacity:0; }
#contentsmain .inBox1.is-active .deco--left{ animation: explodeLeft 0.8s cubic-bezier(0.175,0.885,0.32,1.275) forwards; animation-delay:0.2s; }
#contentsmain .inBox1.is-active .deco--right{ animation: explodeRight 0.8s cubic-bezier(0.175,0.885,0.32,1.275) forwards; animation-delay:0.4s; }
#contentsmain .inBox1 .deco--left{/* left:6rem; *//* top:-1rem; */}
#contentsmain .inBox1 .deco--right{/* left:-2rem; *//* top:-1.5rem; */}
@keyframes explodeLeft { 0% { opacity: 0; transform: translate(4.0rem, 2.0rem) scale(0.3) rotate(-20deg); } 100% { opacity: 1; transform: translate(0, 0) scale(1) rotate(0deg); } }
@keyframes explodeRight { 0% { opacity: 0; transform: translate(-4.0rem, 2.0rem) scale(0.3) rotate(20deg); } 100% { opacity: 1; transform: translate(0, 0) scale(1) rotate(0deg); } }


#contentsmain .inBox1 .centerBox{width:59.33%;text-align: center;}
#contentsmain .inBox1 .deco img{ width: 100%; height: auto;}

#contentsmain .inner-Box1,
#contentsmain .inner-Box2{display:none;}
#contentsmain .inner-Box2 .inBox3{ margin-bottom: 0;}
#contentsmain .inner-Box1.active,
#contentsmain .inner-Box2.active{display:block;}

#contentsmain .inBox1 h2 {color: var(--main-blue);margin-bottom: 1.6rem;position: relative;font-size: 2.8rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
#contentsmain .inBox1 h2 span {display: inline-block;position: relative;}
#contentsmain .inBox1 h2::before, #contentsmain .inBox1 h2::after {content: "";position: relative;width: 3.2rem;height: 2px;background-color: var(--main-blue);display: inline-block;}
#contentsmain .inBox1 h2::before {left: -0.4rem;transform: translateY(-50%) rotate(55deg);top: -0.3rem;}
#contentsmain .inBox1 h2::after {right: 0rem;transform: translateY(-50%) rotate(-55deg);top: -0.4rem;}
#contentsmain .inBox1 p.text {margin: 0 -1rem 1.6rem;position: relative;font-size: 1.6rem;line-height: 2.0;letter-spacing: 0.05em;font-weight: 400;text-align: center;}
#contentsmain .inBox1 p.text2 {position: relative;font-size: 1.2rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 400;text-align: center;}

#contentsmain .inBox2 {margin: 0 auto 8rem;position: relative;background: url(../images/common/back.png),url(../images/index/back.svg)no-repeat top right;background-size: auto auto,cover;color: #fff;max-width: 100rem;padding: 4rem 4rem 4.8rem;}
#contentsmain .inBox2 span.ticon {display: inline-block;line-height: 1;margin-right: 0.9rem;}
#contentsmain .inBox2 span.ticon img {  }
#contentsmain .inBox2 h3 {margin-bottom: 2.4rem;position: relative;font-size: 2.4rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#contentsmain .inBox2 h3 span.mini {font-size: 1.2rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 400;text-align: left;position: relative;top: -0.3rem;margin-left: 1.6rem;}
#contentsmain .inBox2 ul{display:flex;flex-wrap:wrap;gap:1.74%;}
#contentsmain .inBox2 ul li{width:49.13%;position:relative;background: #fff;color: #333333;padding: 2.4rem 3.2rem 3.2rem;}
#contentsmain .inBox2 p.ltext1 {margin-bottom: 0.5rem;position: relative;font-size: 1.4rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contentsmain .inBox2 h4 {margin-bottom: 1rem;position: relative;color: var(--main-blue);font-size: 2.4rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#contentsmain .inBox2 p.ltext2 {position: relative;font-size: 1.2rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 400;text-align: left;}

#contentsmain .inBox3 {margin: 0 auto 8rem;position: relative;max-width: 100rem;}
#contentsmain .inBox3 span.ticon {display: inline-block;line-height: 1;margin-right: 0.9rem;}
#contentsmain .inBox3 span.ticon img {  }
#contentsmain .inBox3 h3 { color: var(--main-blue); margin-bottom: 2.4rem;position: relative;font-size: 2.4rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#contentsmain .inBox3 h3 span.mini {font-size: 1.2rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 400;text-align: left;position: relative;top: -0.3rem;margin-left: 1.6rem;}
#contentsmain .inBox3 ul{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.6rem; }
#contentsmain .inBox3 ul li{background: #fff;padding: 2.8rem 4rem 3.2rem;}
#contentsmain .inBox3 ul li.is-rent{grid-column:1 / -1;order:-1;border:3px solid var(--main-blue);}
#contentsmain .inBox3 ul li.is-rent h4{font-size:2.8rem;}

#contentsmain .inBox3 .line{border-bottom: #ACACAC 1px dashed;padding-bottom: 1.6rem;margin-bottom: 1.6rem;}
#contentsmain .inBox3 span.ticon2 {display: inline-block;line-height: 1;position: relative;top: 0.2rem;}
#contentsmain .inBox3 span.ticon2 img {  }
#contentsmain .inBox3 h4 {margin-bottom: 1.6rem;position: relative;font-size: 2.0rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;border-bottom: #CCC 1px solid;padding-bottom: 1rem;}
#contentsmain .inBox3 h4::before{ content: "";display: block; position: absolute; bottom: -1px; left: 0; background: var(--main-blue); width: 12rem; height: 1px;}
#contentsmain .inBox3 p.ltext3 {margin-bottom: 0.5rem;position: relative;font-size: 1.4rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contentsmain .inBox3 h5 {color: var(--main-blue);margin-bottom: 1rem;position: relative;font-size: 2.0rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#contentsmain .inBox3 p.ltext4 {position: relative;font-size: 1.2rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contentsmain .inBox4 {margin: 0 auto;position: relative;background: #E2E5EA;max-width: 100rem;padding: 4rem 5.6rem;}
#contentsmain .inBox4 h3 {color: var(--main-blue);margin-bottom: 2.4rem;position: relative;font-size: 2.4rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#contentsmain .inBox4 h3::before{content: "";display: inline-block;width: 0.8rem;height: 0.8rem;border-radius: 50%;border: var(--main-blue) 2px solid;margin-right: 0.8rem;position: relative;top: -0.3rem;}
#contentsmain .inBox4 ul{ position: relative;}
#contentsmain .inBox4 ul::before{content: "";display: block;background: var(--main-blue);width: 1px;height: 95%;position: absolute;top: 0.9rem;left: 1.5rem;}
#contentsmain .inBox4 ul li {margin-bottom: 1.4rem;position: relative;}
#contentsmain .inBox4 p.flowtext {position: relative;font-size: 1.6rem;line-height: 2;letter-spacing: 0.05em;font-weight: 400;text-align: left;padding-left: 4.6rem;}
#contentsmain .inBox4 p.flowtext span.f-en {position: absolute;top: 0.2rem;left: 0rem;width: 3rem;height: 3rem;color: #fff;background: var(--main-blue);border-radius: 50%;font-size: 1.6rem;line-height: 1.0;letter-spacing: 0.05em;font-weight: 600;text-align: center;padding-top: 0.8rem;}
#contentsmain .inner-Box2 { margin: 0 auto; position: relative; }

#contentsmain .inBox5 {margin: 0 auto 8rem;position: relative;max-width: 100rem;}
#contentsmain .inBox5 h3 {color: var(--main-blue);margin-bottom: 1.6rem;position: relative;font-size: 2.4rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#contentsmain .inBox5 h3::before{content: "";display: inline-block;width: 0.8rem;height: 0.8rem;border-radius: 50%;border: var(--main-blue) 2px solid;margin-right: 0.8rem;position: relative;top: -0.3rem;}
#contentsmain .inBox5 .text{ }
#contentsmain .inBox5 .text{font-size: 1.6rem;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;text-align: left;margin-bottom: 2.4rem;}

#contentsmain .inBox5 .minBox {margin: 0 auto;position: relative;background: #E2E5EA;padding: 2.4rem 2.4rem 2.4rem 13.2rem;}
#contentsmain .inBox5 .minBox h4 { color: var(--main-blue); position: absolute;font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;top: 1.9rem;left: 3.3rem;}
#contentsmain .inBox5 .minBox p.text2 {position: relative;font-size: 1.6rem;line-height: 1;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contentsmain .inBox5 .minBox p.text2 span {position: relative;display: inline-block;margin-right: 0.8rem;}
#contentsmain .inBox5 .minBox p.text2 span::before{content: "";display: inline-block;width: 0.7rem;height:  0.7rem;border-radius: 50%;background: var(--main-blue);position: relative;top: -0.4rem;margin-right: 0.5rem;}


#contentsfaq {margin: 0 auto;position: relative;margin-left: 5rem;padding: 8rem 5vw 8rem;}
#contentsfaq .ttl-Box {margin: 0 auto 2.9rem;position: relative;max-width: 100rem;text-align: center;}
#contentsfaq .ttl-Box h2 {color: var(--main-blue);margin-bottom: 1.6rem;position: relative;font-size: 2.4rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#contentsfaq .ttl-Box h2::before{content: "";display: inline-block;width: 0.8rem;height: 0.8rem;border-radius: 50%;border: var(--main-blue) 2px solid;margin-right: 0.8rem;position: relative;top: -0.3rem;}


#contentsfaq .inner-Box {margin: 0 auto 8rem;position: relative;max-width: 100rem;}
#contentsfaq .inner-Box:last-child {margin-bottom: 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; }



}
@media screen and (min-width:768px) and ( max-width:1023px) {
#contentsmain,#contentsfaq {margin-left: 0rem!important;}


	
}

@media screen and (max-width: 767px) {

    #mainttl .main-title{margin-right: 1vw;}

#contentsmain {position: relative;padding: 8.3vw 4.3vw 0vw;}
#contentsmain .ttl-Box {margin: 0 auto 8.2vw;position: relative;}
#contentsmain .ttl-Box p.subtext {margin-bottom: 7.33vw;position: relative;font-size: 3.73vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contentsmain .ttl-Box ul{display:flex;flex-wrap:wrap;}
#contentsmain .ttl-Box ul li{cursor: pointer;width:50%;border: var(--main-blue) 0.27vw solid;color: var(--main-blue);background: #fff;transition: all 0.3s ease-in-out;padding: 4.27vw 2.27vw 2.8vw;}
#contentsmain .ttl-Box ul li.active{ cursor: auto; background: var(--main-blue); color: #fff;}
#contentsmain .ttl-Box ul li:hover { background: var(--main-blue); color: #fff;}

#contentsmain .ttl-Box p.ltext {position: relative;font-size: 3.73vw;line-height: 1.0;letter-spacing: 0em;font-weight: 700;text-align: center;}
#contentsmain .ttl-Box p.ltext span {margin-top: 1.73vw;display: block;font-size: 3.2vw;line-height: 1.5;letter-spacing: 0em;font-weight: 400;text-align: center;}
#contentsmain .inner-Box1 {position: relative;}

#contentsmain .inBox1{display:flex;gap:4.44%;max-width: 90rem;margin: 0 auto 8.07vw;}
#contentsmain .inBox1 .deco--left{width:15.44%;position: relative;top: 14.40vw;/* left: 5.33vw; */}
#contentsmain .inBox1 .deco--right{width:16.11%;position: relative;/* left: 5.87vw; */top: 4.53vw;}

#contentsmain .inBox1 .deco{ opacity:0; }
#contentsmain .inBox1.is-active .deco--left{ animation: explodeLeft 0.8s cubic-bezier(0.175,0.885,0.32,1.275) forwards; animation-delay:0.2s; }
#contentsmain .inBox1.is-active .deco--right{ animation: explodeRight 0.8s cubic-bezier(0.175,0.885,0.32,1.275) forwards; animation-delay:0.4s; }
#contentsmain .inBox1 .deco--left{left: 0.2vw;top: -1.67vw;width: 15.2vw;}
#contentsmain .inBox1 .deco--right{left: -1.33vw;top: -3.8vw;width: 16vw;}
@keyframes explodeLeft { 0% { opacity: 0; transform: translate(10.67vw, 5.33vw) scale(0.3) rotate(-20deg); } 100% { opacity: 1; transform: translate(0, 0) scale(1) rotate(0deg); } }
@keyframes explodeRight { 0% { opacity: 0; transform: translate(-10.67vw, 5.33vw) scale(0.3) rotate(20deg); } 100% { opacity: 1; transform: translate(0, 0) scale(1) rotate(0deg); } }


#contentsmain .inBox1 .centerBox{width:59.33%;text-align: center;}
#contentsmain .inBox1 .deco img{ width: 100%; height: auto;}

#contentsmain .inner-Box1,
#contentsmain .inner-Box2{display:none;}
#contentsmain .inner-Box2 .inBox3{ margin-bottom: 0;}
#contentsmain .inner-Box1.active,
#contentsmain .inner-Box2.active{display:block;}

#contentsmain .inBox1 h2 {color: var(--main-blue);margin-bottom: 3.67vw;position: relative;font-size: 5.87vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
#contentsmain .inBox1 h2 span {display: inline-block;position: relative;}
#contentsmain .inBox1 h2::before, #contentsmain .inBox1 h2::after {content: "";position: relative;width: 6.83vw;height: 0.33vw;background-color: var(--main-blue);display: inline-block;}
#contentsmain .inBox1 h2::before {left: 0.93vw;transform: translateY(-50%) rotate(55deg);top: -0.80vw;}
#contentsmain .inBox1 h2::after {right: 0vw;transform: translateY(-50%) rotate(-55deg);top: -1.07vw;}
#contentsmain .inBox1 p.text {margin: 0 -18.97vw 1.27vw;position: relative;font-size: 3.73vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contentsmain .inBox1 p.text2 {position: relative;font-size: 3.2vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 400;text-align: left;margin: 0 -18.8vw 0;}

#contentsmain .inBox2 {margin: 0 auto 10.33vw;position: relative;background: url(../images/common/back.png),url(../images/index/back.svg)no-repeat top right;background-size: auto auto,cover;color: #fff;padding: 5.67vw 4.27vw 4.5vw;}
#contentsmain .inBox2 span.ticon {display: inline-block;line-height: 1;margin-right: 3vw;width: 5.2vw;position: relative;top: 1.1vw;}
#contentsmain .inBox2 span.ticon img {  }
#contentsmain .inBox2 h3 {margin-bottom: 9vw;position: relative;font-size: 5.33vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
#contentsmain .inBox2 h3 span.mini {position: relative;top: 2.6vw;left: -2vw;margin-left: 4.27vw;font-size: 3.2vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 400;text-align: center;display: block;}
#contentsmain .inBox2 ul{}
#contentsmain .inBox2 ul li{position:relative;background: #fff;color: #333333;padding: 5.4vw 2.53vw 5.33vw;text-align: center;margin-bottom: 4vw;}
#contentsmain .inBox2 ul li:last-child{margin-bottom: 0;}
#contentsmain .inBox2 p.ltext1 {margin-bottom: 0.53vw;position: relative;font-size: 3.73vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 400;}
#contentsmain .inBox2 h4 {margin-bottom: 2.67vw;position: relative;color: var(--main-blue);font-size: 5.3vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;}
#contentsmain .inBox2 p.ltext2 {position: relative;font-size: 3.2vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 400;text-align: center;}

#contentsmain .inBox3 {margin: 0 auto 8.33vw;position: relative;}
#contentsmain .inBox3 span.ticon {display: inline-block;line-height: 1;margin-right: 3vw;width: 14.2vw;position: relative;top: 0vw;}
#contentsmain .inBox3 span.ticon img {  }
#contentsmain .inBox3 h3 {margin-bottom: 9vw; color: var(--main-blue); position: relative;font-size: 5.33vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
#contentsmain .inBox3 h3 span.mini {position: relative;top: 2.6vw;left: -2vw;margin-left: 4.27vw;font-size: 3.2vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 400;text-align: center;display: block;}
#contentsmain .inBox3 ul{display:flex;flex-direction:column;}
#contentsmain .inBox3 ul li.is-rent{order:-1;}
#contentsmain .inBox3 ul li{background: #fff;padding: 4.6vw 6.4vw 6.4vw;margin-bottom: 4.7vw;}
#contentsmain .inBox3 ul li.is-rent{border:3px solid var(--main-blue);}
#contentsmain .inBox3 ul li:last-child{margin-bottom: 0;}

#contentsmain .inBox3 .line{border-bottom: #ACACAC 0.27vw dashed;padding-bottom: 1.6rem;margin-bottom: 1.6rem;}
#contentsmain .inBox3 span.ticon2 {display: inline-block;line-height: 1;position: relative;top: 0.53vw;width: 6vw;margin-right: 1vw;}
#contentsmain .inBox3 span.ticon2 img {  }
#contentsmain .inBox3 h4 {margin-bottom: 4.27vw;position: relative;border-bottom: #CCC 0.27vw solid;padding-bottom: 2.67vw;font-size: 4.8vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#contentsmain .inBox3 h4::before{content: "";display: block;position: absolute;bottom: 0vw;left: 0;background: var(--main-blue);width: 21.2vw;height: 0.27vw;}
#contentsmain .inBox3 p.ltext3 {margin-bottom: 1.33vw;position: relative;font-size: 3.73vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contentsmain .inBox3 h5 {color: var(--main-blue);margin-bottom: 2.67vw;position: relative;font-size: 5.33vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#contentsmain .inBox3 p.ltext4 {position: relative;font-size: 3.2vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contentsmain .inBox4 {position: relative;background: #E2E5EA;max-width: 100rem;padding: 6.57vw 6.13vw 8.47vw 6.13vw;}
#contentsmain .inBox4 h3 {color: var(--main-blue);margin-bottom: 4.5vw;position: relative;font-size: 5.33vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#contentsmain .inBox4 h3::before{content: "";display: inline-block;width: 2.03vw;height: 2.03vw;border-radius: 50%;border: var(--main-blue) 0.82vw solid;margin-right: 2.13vw;position: relative;top: -0.6vw;}
#contentsmain .inBox4 ul{ position: relative;}
#contentsmain .inBox4 ul::before{content: "";display: block;background: var(--main-blue);width: 0.27vw;height: 89%;position: absolute;top: 2.40vw;left: 3.4vw;}
#contentsmain .inBox4 ul li {margin-bottom: 4.53vw;position: relative;}
#contentsmain .inBox4 ul li:last-child{margin-bottom: 0;}
#contentsmain .inBox4 p.flowtext {position: relative;padding-left: 11.27vw;font-size: 3.73vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contentsmain .inBox4 p.flowtext span.f-en {position: absolute;top: -0.57vw;left: 0vw;width: 6.8vw;height: 6.8vw;color: #fff;background: var(--main-blue);border-radius: 50%;font-size: 3.67vw;line-height: 1.0;letter-spacing: 0.05em;font-weight: 600;text-align: center;padding-top: 1.43vw;}
#contentsmain .inner-Box2 {position: relative;top: -2vw;}

#contentsmain .inBox5 {margin: 0 auto 10.83vw;position: relative;}
#contentsmain .inBox5 h3 {margin-bottom: 3.3vw;color: var(--main-blue);position: relative;font-size: 5.33vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#contentsmain .inBox5 h3::before{content: "";display: inline-block;width: 1.93vw;height: 1.93vw;border-radius: 50%;border: var(--main-blue) 0.82vw solid;margin-right: 2.13vw;position: relative;top: -0.4vw;left: 0.1vw;}
#contentsmain .inBox5 .text{ }
#contentsmain .inBox5 .text{`: 4.27vw;margin-bottom: 6.40vw;font-size: 3.73vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;text-align: left;}

#contentsmain .inBox5 .minBox {position: relative;background: #E2E5EA;padding: 4.9vw 6.40vw 4.2vw 28.4vw;}
#contentsmain .inBox5 .minBox h4 {color: var(--main-blue);position: absolute;top: 5.07vw;left: 5.1vw;font-size: 3.73vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#contentsmain .inBox5 .minBox p.text2 {position: relative;font-size: 3.73vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contentsmain .inBox5 .minBox p.text2 span {position: relative;display: inline-block;margin-bottom: 1.1vw;}
#contentsmain .inBox5 .minBox p.text2 span::before{content: "";display: inline-block;width: 1.27vw;height: 1.27vw;border-radius: 50%;background: var(--main-blue);position: relative;top: -0.77vw;left: 0.7vw;margin-right: 2.13vw;}

#contentsfaq {margin: 0 auto 0;position: relative;padding: 10.4vw 4vw 10.67vw;}
#contentsfaq .ttl-Box {margin: 0 auto 7.93vw;position: relative;max-width: 80rem;text-align: center;}
#contentsfaq .ttl-Box h2 {margin-bottom: -1.6vw;position: relative;color: var(--main-blue);position: relative;font-size: 5.33vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#contentsfaq .ttl-Box h2::before{content: "";display: inline-block;width: 1.93vw;height: 1.93vw;border-radius: 50%;border: var(--main-blue) 0.82vw solid;margin-right: 2.13vw;position: relative;top: -0.4vw;left: 0.1vw;}

#contentsfaq .inner-Box {margin: 0 auto 10.67vw;position: relative;}

#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; }


}
/* ===== ご紹介フォーム（privilege-form）===== */
#contentsmm{padding-bottom:14.9rem;}
#contentsmm .form-Box .fgr-ttl{margin:0 0 2.4rem;padding:0 0 1.2rem;color:var(--main-blue);font-size:2rem;line-height:1.5;letter-spacing:0.05em;font-weight:700;border-bottom:2px solid var(--main-blue);}
#contentsmm .form-Box table + .fgr-ttl{margin-top:4.8rem;}
#contentsmm .form-Box .name-flex{display:flex;align-items:center;flex-wrap:wrap;gap:0.8rem 1.2rem;}
#contentsmm .form-Box .name-flex .txt{flex:0 0 auto;font-size:1.4rem;color:#616364;}
#contentsmm .form-Box .name-flex input[type="text"]{flex:1 1 12rem;min-width:0;}
#contentsmm .form-Box .ftext-note{margin-top:0.6rem;font-size:1.3rem;line-height:1.5;color:#616364;}
#contentsmm .iippp .cfm-grp{margin:3.2rem 0 1.2rem;color:var(--main-blue);font-size:1.7rem;font-weight:700;}
#contentsmm .iippp .cfm-grp:first-child{margin-top:0;}

@media screen and (max-width:767px){
#contentsmm .form-Box .fgr-ttl{font-size:4.8vw;}
#contentsmm .form-Box .name-flex input[type="text"]{flex:1 1 30vw;}
}