@charset "UTF-8";

#contentsmm{display:none;}

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

#contentsmain {margin: 0 auto 5.6rem;position: relative;margin-left: 5rem;padding: 12rem 5vw 0;}
#contentsmain .ttl-Box {margin: 0 auto 4.6rem;position: relative;max-width: 80rem;text-align: center;}
#contentsmain .ttl-Box span.conticon {display: block;line-height: 1;margin-bottom: 1.6rem;}
#contentsmain .ttl-Box span.conticon img {  }
#contentsmain .ttl-Box h2 {margin-bottom: 2.4rem;position: relative;color: var(--main-blue);font-size: 2.8rem;line-height: 1.6;letter-spacing: 0.05em;font-weight: 700;text-align: center;}

#contentsmain .inner-Box {margin: 0 auto 2.4rem;position: relative;background: #fff;max-width: 100rem;padding: 5.2rem 5.6rem;}

#contentsmain .inner-Box .toggle {display: none; }
#contentsmain .inner-Box .option {position: relative;border-bottom: 1px solid #CCC;margin-bottom: 2.4rem;}
#contentsmain .inner-Box .option:last-child{margin-bottom: 0;}
#contentsmain .inner-Box .option::before{content: "";}
#contentsmain .inner-Box .title, .content {-webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s; }
#contentsmain .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;}
#contentsmain .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;}
#contentsmain .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;}
#contentsmain .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;}
#contentsmain .inner-Box .content {display: grid;grid-template-rows: 0fr;transition: 0.4s;overflow: hidden;}
#contentsmain .inner-Box .content > * { overflow: hidden; }
#contentsmain .inner-Box .toggle:checked + .title + .content { grid-template-rows: 1fr; }
#contentsmain .inner-Box .content div.wysiwyg {margin: 0 0rem 0rem 5.5rem;font-size: 0.9em;line-height: 1.5;}
#contentsmain .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;}
#contentsmain .inner-Box .content .wysbox{padding-bottom: 2.4rem;}
#contentsmain .inner-Box .toggle:checked + .title::after {transform: rotate(-90deg) !important; }



#contentsfmch {margin: 0 auto;position: relative;margin-left: 5rem;padding-bottom: 13rem;}
#contentsfmch .inner-Box {margin: 0 auto 3.4rem;position: relative;max-width: 35.1rem;border-left: 2px solid var(--main-blue);padding: 0 0 0 3.3rem;}
#contentsfmch .inner-Box h4 {margin-bottom: 1.6rem;position: relative;color: var(--main-blue);font-size: 1.8rem;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#contentsfmch .inner-Box ul{}
#contentsfmch .inner-Box ul li { position: relative; }
#contentsfmch .inner-Box ul li::before{content: "";background: var(--main-blue);display: block;width: 0.7rem;height: 0.7rem;border-radius: 50%;position: absolute;top: 1.1rem;left: -0.1rem;}
#contentsfmch .inner-Box p.ltext {position: relative;font-size: 1.6rem;line-height: 1.8;letter-spacing: 0.05em;font-weight: 700;text-align: left;padding-left: 1.1rem;}
#contentsfmch .chk-Box {margin: 0 auto;position: relative;max-width: 80rem;text-align: center;}
#contentsfmch .chk-Box p.text { margin-bottom: 30px; position: relative; }

#contentsend{ margin-top: 0rem; }


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

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

#contentsmain {margin: 0 auto 6.73vw;position: relative;padding: 8.4vw 4vw 0;}
#contentsmain .ttl-Box {margin: 0 auto 7.93vw;position: relative;max-width: 80rem;text-align: center;}
#contentsmain .ttl-Box span.conticon {display: block;line-height: 1;margin: 0 auto 4.27vw;width: 8.00vw;}
#contentsmain .ttl-Box h2 {margin-bottom: 4.1vw;position: relative;color: var(--main-blue);font-size: 5.9vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
#contentsmain .ttl-Box p.text {position: relative;font-size: 3.73vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 400;text-align: center;}
#contentsmain .ttl-Box p.text a {text-decoration: underline;color: var(--main-blue);}
#contentsmain .inner-Box {margin: 0 auto 3.8vw;position: relative;background: #fff;padding: 6.53vw 6.6vw 2.43vw 6.6vw;}

#contentsmain .inner-Box .toggle {display: none; }
#contentsmain .inner-Box .option {position: relative;border-bottom: 0.27vw solid #CCC;margin-bottom: 4.4vw;}
#contentsmain .inner-Box .option::before{content: "";}
#contentsmain .inner-Box .title, .content {-webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s; }
#contentsmain .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;}
#contentsmain .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;}
#contentsmain .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;}
#contentsmain .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;}
#contentsmain .inner-Box .content {display: grid;grid-template-rows: 0fr;transition: 0.4s;overflow: hidden;}
#contentsmain .inner-Box .content > * { overflow: hidden; }
#contentsmain .inner-Box .toggle:checked + .title + .content { grid-template-rows: 1fr; }
#contentsmain .inner-Box .content div.wysiwyg {margin: 0 0vw 0vw 9.367vw;line-height: 1.5;padding: 0;}
#contentsmain .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;}

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




#contentsfmch {margin: 0 4.2vw;position: relative;padding-bottom: 6.47vw;}
#contentsfmch .inner-Box {margin: 0 auto 6.37vw;position: relative;max-width: 93.6vw;border-left: 0.53vw solid var(--main-blue);padding: 0 0 0 6.3vw;}
#contentsfmch .inner-Box h4 {margin-bottom: 2.67vw;position: relative;color: var(--main-blue);font-size: 4.3vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#contentsfmch .inner-Box ul li {position: relative;margin-bottom: 1vw;}
#contentsfmch .inner-Box ul li::before{content: "";background: var(--main-blue);display: block;width: 1.37vw;height: 1.37vw;border-radius: 50%;position: absolute;top: 2.03vw;left: 0.23vw;}
#contentsfmch .inner-Box p.ltext {position: relative;padding-left: 2.93vw;font-size: 3.7vw;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#contentsfmch .chk-Box {margin: 0 4vw 0 9.5vw;position: relative;text-align: center;}
#contentsfmch .chk-Box p.text {margin-bottom: 8.0vw;position: relative;font-size: 3.7vw;line-height: 1.7;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contentsend{ margin-top: 0vw; }


}