/* global */

.bnr-btn-img{}
.btn-image{display: block;margin: auto;max-width: 459px;}

/* end global */

#explanation-sec-01{}
.explanation-section-01{}
.explanation-section-01 figure{}
.explanation-section-01 figure img{}
.explanation-section-01 a{margin: 50px auto;}
.explanation-section-01 a img{}

#explanation-sec-02{}
.explanation-section-02{}
.explanation-section-02 ul{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;gap: 15px;}
.explanation-section-02 ul li{border: 2px solid #F2C2C2;letter-spacing: 0px;text-align: center;width: 32%;display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;align-content: center;padding: 18px 0;}
.explanation-section-02 ul li a{color: #333333;font: normal normal normal 26px/36px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;line-height: 36px;display: block;width: 100%;}
.explanation-section-02 ul li a span{display: block;}

#explanation-sec-03{}
.explanation-section-03{margin: 80px 0;}
.explanation-section-03 h2{text-align: center;font: normal normal normal 50px/85px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;letter-spacing: 0px;color: #333333;position: relative;margin: 0 0 30px;}
.explanation-section-03 p{font: normal normal normal 24px/41px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;letter-spacing: 0px;color: #333333;}
.explanation-section-03 p small{}

#explanation-sec-04{}
.explanation-section-04{}
.explanation-section-04 h2{text-align: center;font: normal normal normal 50px/85px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;letter-spacing: 0px;color: #333333;position: relative;margin: 0 0 30px;}
.explanation-section-04 p{font: normal normal normal 24px/41px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;letter-spacing: 0px;color: #333333;margin: 0 0 20px;}
.explanation-section-04 small{font: normal normal normal 18px/31px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;}

#explanation-sec-05{}
.explanation-section-05{margin: 100px 0;}
.explanation-section-05 ul{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;margin: 0 0 50px;gap: 10px;}
.explanation-section-05 ul li{width: 268px;height: 248px;background: url(images/explanation/point-box.png);text-align: center;color: #333333;padding: 105px 0 0 0;font: normal normal normal 42px/46px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;}
.explanation-section-05 ul li span{display: block;}
.explanation-section-05 ul li small{font: normal normal normal 24px/41px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;display: block;}
.explanation-section-05 a{}
.explanation-section-05 a img{}

#explanation-sec-06{}
.explanation-section-06{}
.explanation-section-06 h2{text-align: center;font: normal normal normal 50px/85px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;letter-spacing: 0px;color: #333333;position: relative;margin: 0 0 30px;}
.explanation-section-06 p{text-align: center;font: normal normal normal 24px/41px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;letter-spacing: 0px;color: #333333;margin: 0 0 30px;}
.explanation-section-06 ul{padding: 0 50px;}
.explanation-section-06 ul li{padding: 0 0 0 40px;font: normal normal normal 24px/49px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;color: #333333;position: relative;}
.explanation-section-06 ul li:before{content: ''; background: #f2c2c2;width: 20px;height: 20px;position: absolute;top: 13px;left: 0;}
.explanation-section-06 ul li small{font: normal normal normal 18px/31px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;}
.explanation-section-06 ul li small q{color: #FF0000;}
.explanation-section-06 ul li span{}

#explanation-sec-07{}
.explanation-section-07{margin: 70px 0;}
.explanation-section-07 table{border: 2px solid #F2C2C2;text-align: center;}
.explanation-section-07 table tbody{}
.explanation-section-07 table tr{font: normal normal normal 22px/37px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;}
.explanation-section-07 table tr td{border: 1px solid #F2C2C2;width: 148px;padding: 20px 0;}
.explanation-section-07 table tr td:nth-child(1){width: 210px;}
.explanation-section-07 table tr td span{display: block;}
.explanation-section-07 table tr td small{}
.explanation-section-07 table tr td .circle{width: 53px;height: 53px;display: block;margin: auto;border-radius: 50%;border: 6px solid #F2C2C2;}
.explanation-section-07 table tr td .cross{width: 48px;height: 48px;display: block;position: relative;margin: auto;}
.explanation-section-07 table tr td .cross:before,
.explanation-section-07 table tr td .cross:after { content: ""; position: absolute; width: 58px; height: 6px; background-color: #f2c2c2; top: 20px; left: -5px; }
.explanation-section-07 table tr td .cross:before { transform: rotate(45deg); }
.explanation-section-07 table tr td .cross:after { transform: rotate(-45deg); }

#explanation-sec-08{}
.explanation-section-08{text-align: center;margin: 0 0 120px;}
.explanation-section-08 h2{color: #EF779C;font: normal normal normal 36px/61px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;font-weight: bold;}
.explanation-section-08 p{font: normal normal normal 24px/41px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;}

#explanation-sec-09{}
.explanation-section-09{text-align: center;}
.explanation-section-09 a{}
.explanation-section-09 a img{}
.explanation-section-09 h2{color: #EF779C;font: normal normal normal 36px/61px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;font-weight: bold;margin: 5px 0;}
.explanation-section-09 p{font: normal normal normal 24px/41px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;}

#explanation-sec-10{}
.explanation-section-10{margin: 100px 0;}
.explanation-section-10 a{margin: 20px auto;}
.explanation-section-10 a img{}

#explanation-sec-11{}
.explanation-section-11{text-align: center;}
.explanation-section-11 h2{font: normal normal normal 50px/56px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;margin: 0 0 40px;position: relative;}
.explanation-section-11 h2 span{display: block;}
.explanation-section-11 p{font: normal normal normal 24px/41px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;margin: 0 0 20px;text-align: left;padding: 0 0 0 14%;}
.explanation-section-11 figure{margin: auto !important;}
.explanation-section-11 figure img{margin: auto;}

#explanation-sec-12{}
.explanation-section-12{}
.explanation-section-12 ul{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;text-align: center;border: 1px solid #F2C2C2;border-radius: 38px;padding: 61px 0;margin: 60px 0;}
.explanation-section-12 ul li{width: 50%;}
.explanation-section-12 ul li p{font: normal normal normal 24px/41px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;text-align: center;}
.explanation-section-12 ul li figure{}
.explanation-section-12 ul li figure img{margin: auto;}
.explanation-section-12 ul li:nth-child(1) a{color: #DF1556;}
.explanation-section-12 ul li a{margin: auto;}
.explanation-section-12 p{text-align: center;font: normal normal normal 24px/41px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;}
.explanation-section-12 a{color: #333;font: normal normal normal 18px/31px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;margin: 20px auto 0;}
.explanation-section-12 a img{}

#explanation-sec-13{}
.explanation-section-13{margin: 100px 0;text-align: center;}
.explanation-section-13 h2{font: normal normal normal 50px/56px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;text-align: center;margin: 0 0 40px;position: relative;}
.explanation-section-13 h2 span{display: block;}
.explanation-section-13 p{font: normal normal normal 24px/41px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;}

#explanation-sec-14{}
.explanation-section-14{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;gap: 50px;}
.explanation-section-14 figure{width: 32%;}
.explanation-section-14 figure img{}
.explanation-section-14 ul{width: 54%;}
.explanation-section-14 ul li{font: normal normal normal 24px/41px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;position: relative;}
.explanation-section-14 ul li span{padding: 0 0 0 20px;display: block;position: relative;}
.explanation-section-14 ul li span:before{content: '・';position: absolute;top: 0;left: 0;}

#explanation-sec-15{}
.explanation-section-15{margin: 80px 0;}
.explanation-section-15 a{}
.explanation-section-15 a img{}

#explanation-sec-16{}
.explanation-section-16{text-align: center;}
.explanation-section-16 h2{font: normal normal normal 50px/85px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;position: relative;margin: 0 0 60px;}
.explanation-section-16 h3{font: normal normal normal 48px/82px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;color: #EF779C;font-weight: bold;}
.explanation-section-16 h3 span{display: block;color: #333333;font: normal normal normal 48px/82px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;}
.explanation-section-16 figure{}
.explanation-section-16 figure img{}
.explanation-section-16 p{font: normal normal normal 24px/41px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;margin: 20px 0 0;}

#explanation-sec-17{}
.explanation-section-17{text-align: center;margin: 370px 0 0;}
.explanation-section-17 h2{font: normal normal normal 50px/56px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;font-weight: 500;position: relative;}
.explanation-section-17 h2 span{display: block;}
.explanation-section-17 p{font: normal normal normal 24px/41px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;color: #707070;margin: 50px 0;}

#explanation-sec-18{}
.explanation-section-18{margin: 0 0 60px;}
.explanation-section-18 h2{font: normal normal normal 72px/122px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;color: #EF779C;text-align: center;font-weight: bold;margin: 0 0 70px;}
.explanation-section-18 p{font: normal normal normal 24px/41px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;color: #707070;text-align: center;margin: 80px 0 40px;}
.explanation-section-18 ul{}
.explanation-section-18 ul li{font: normal normal normal 32px/54px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;padding: 0 0 0 170px;margin: 0 0 90px;position: relative;}
.explanation-section-18 ul li:nth-child(2){padding: 0;}
.explanation-section-18 ul li:before{position: absolute;top: 0;left: 0;content: '';width: 120px;height: 120px;background-position: center;background-size: contain;}
.explanation-section-18 ul li:nth-child(1):before{background-image: url(images/explanation/step-1.png);}
.explanation-section-18 ul li:nth-child(3):before{background-image: url(images/explanation/step-2.png);}
.explanation-section-18 ul li:nth-child(4):before{background-image: url(images/explanation/step-3.png);}
.explanation-section-18 ul li a{}
.explanation-section-18 ul li a img{}

#explanation-sec-19{}
.explanation-section-19{margin: 0 0 290px;}
.explanation-section-19 h2{text-align: center;font: normal normal normal 48px/82px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;color: #EF779C;font-weight: 600;}
.explanation-section-19 ul{}
.explanation-section-19 ul li{font: normal normal normal 24px/41px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;color: #707070;position: relative;padding: 0 0 0 50px;}
.explanation-section-19 ul li:before{content: '';background: #EF779C;width: 19px;height: 19px;position: absolute;border-radius: 50%;top: 10px;left: 20px;}
.explanation-section-19 ul li span{color: #FF0000;}

#explanation-sec-20{}
.explanation-section-20{margin: 0 0 130px;}
.explanation-section-20 h2{text-align: center;font: normal normal normal 50px/85px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;color: #333333;font-weight: 500;margin: 0 0 80px;position: relative;}
.explanation-section-20 .terms_of_use_area{}
.explanation-section-20 .terms_of_use_area .stretch{height: auto;}
.explanation-section-20 .terms_of_use_content{padding: 15px 30px;background: #FFFAFA 0% 0% no-repeat padding-box;border: 2px solid #F2C2C2;height: 259px;overflow: auto;scrollbar-color: #F2C2C2 transparent;}
.explanation-section-20 .terms_of_use_content p{font: normal normal normal 16px/20px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;color: #707070;}
.explanation-section-20 .terms_of_use_button{background: #FFEFEF 0% 0% no-repeat padding-box;border: 1px solid #F2C2C2;line-height: 21px;height: 23px;text-align: center;cursor: pointer;}
.explanation-section-20 .terms_of_use_button span{transform: rotate(90deg);display: block;font-size: 50px;color: #707070;}
.explanation-section-20 .active span{transform: rotate(270deg);}
.explanation-section-20 .terms_of_use_content::-webkit-scrollbar { width: 15px; height: 74px; }
.explanation-section-20 .terms_of_use_content::-webkit-scrollbar-track { background: #F2F2F2; }
.explanation-section-20 .terms_of_use_content::-webkit-scrollbar-thumb { background: #888; border-radius: 6px; }
.explanation-section-20 .terms_of_use_content::-webkit-scrollbar-thumb:hover { background: #555; }

#explanation-sec-21{}
.explanation-section-21{margin: 0 0 120px;}
.explanation-section-21 h2{font: normal normal normal 50px/85px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;color: #333333;text-align: center;font-weight: 500;margin: 0 0 100px;position: relative;}
.explanation-section-21 .faq {}
.explanation-section-21 .faq .active::after{transform: rotate(0deg);}
.explanation-section-21 .faq h6{background: #F2C2C2 0% 0% no-repeat padding-box;font: normal normal normal 24px/41px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;letter-spacing: 0px;color: #333333;line-height: 52px;padding: 0 0 0 90px;position: relative;cursor:pointer;margin-bottom: 20px;}
.explanation-section-21 .faq div{padding: 10px 50px 50px 90px;font: normal normal normal 24px/41px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;color: #333;position: relative;display: none;}
.explanation-section-21 .faq h6:before{content: "Q";font: normal normal normal 43px/0px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;letter-spacing: 0px;color: #333333;position: absolute;top: 50%;left: 31px;line-height: 0;font-weight: 500;transform: translateY(-50%);}
.explanation-section-21 .faq div:before{content: "A";font: normal normal normal 48px/82px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;letter-spacing: 0px;color: #333333;position: absolute;left: 31px;line-height: 0;font-weight: 500;top: 40px;}
.explanation-section-21 .faq h6:after{content: '';width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 15px solid black;position: absolute;top: 20px;right: 20px;transform: rotate(2700deg);}

#explanation-sec-22{}
.explanation-section-22{}
.explanation-section-22 a{}
.explanation-section-22 a img{}

#explanation-sec-23{}
.explanation-section-23{}
.explanation-section-23 h2{text-align: center;font: normal normal normal 50px/85px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;color: #707070;font-weight: 500;margin: 70px 0;position: relative;}

#explanation-sec-24{}
.explanation-section-24{margin: 0 0 50px;}
.explanation-section-24 a{}
.explanation-section-24 a img{}

#explanation-sec-25{}
.explanation-section-25{margin: 0 0 170px;}
.explanation-section-25 h3{text-align: center;font: normal normal normal 29px/50px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;letter-spacing: 0px;color: #707070;font-weight: 500;}
.explanation-section-25 section{background: #fff;padding: 0 0;height: 370px;border: 6px solid #F5B5B5;padding: 17px 122px;}
.explanation-section-25 section h2{text-align: center;font: normal normal normal 70px/119px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;color: #707070;font-weight: 500;}
.explanation-section-25 section ul{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: stretch;align-content: stretch;gap: 70px;margin: 0 0 10px;}
.explanation-section-25 section ul li{font: normal normal normal 33px/57px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;letter-spacing: 0px;color: #707070;}
.explanation-section-25 section ul li span{display: block;}
.explanation-section-25 section p{font: normal normal normal 24px/41px "Hiragino Sans","hiragino-kaku-gothic-pron",sans-serif,serif;letter-spacing: 0px;color: #707070;}



@media only screen
and (max-width : 1100px) {
.explanation-section-01{}
.explanation-section-02{padding: 0 10px;}
.explanation-section-03{padding: 0 10px;text-align: center;}
.explanation-section-04{padding: 0 10px;}
.explanation-section-05{padding: 0 10px;}
.explanation-section-06{padding: 0 10px;text-align: center;}
.explanation-section-07{padding: 15px 10px;overflow: auto;}
.explanation-section-08{padding: 0 10px;}
.explanation-section-09{padding: 0 10px;}
.explanation-section-10{padding: 0 10px;}
.explanation-section-11{padding: 0 10px;}
.explanation-section-12{padding: 0 10px;}
.explanation-section-13{padding: 0 10px;}
.explanation-section-14{padding: 0 10px;}
.explanation-section-15{padding: 0 10px;}
.explanation-section-16{}
.explanation-section-17{padding: 0 10px;}
.explanation-section-18{}
.explanation-section-19{padding: 0 10px;}
.explanation-section-20{padding: 0 10px;}
.explanation-section-21{padding: 0 10px;}
.explanation-section-22{padding: 0 10px;}
.explanation-section-23{padding: 0 10px;}
.explanation-section-24{padding: 0 10px;}
.explanation-section-25{padding: 0 10px;}
.explanation-section-03 h2 { display: inline-block; margin: 0 auto 30px; }
.explanation-section-03 p { text-align: left; }
.explanation-section-03 { text-align: center; }
.explanation-section-03 h2::before { left: auto; right: calc(100% + 20px); }
.explanation-section-04 h2::before { left: auto; right: calc(100% + 20px); }
.explanation-section-04 h2 { display: inline-block; }
.explanation-section-04 p { text-align: left; }
.explanation-section-04 { text-align: center; }
.explanation-section-06 p { text-align: left; }
.explanation-section-06 ul { text-align: left; }
.explanation-section-06 h2 { display: inline-block; }
.explanation-section-06 { text-align: center; }
.explanation-section-06 h2::before { left: auto; right: calc(100% + 20px); }
.explanation-section-11 h2 { display: inline-block; }
.explanation-section-11 h2::before { left: auto; right: calc(100% + 20px); }
.explanation-section-13 h2 { display: inline-block; }
.explanation-section-13 h2::before { left: auto; right: calc(100% + 20px); }
.explanation-section-16 h2::before { left: auto; right: calc(100% + 20px); }
.explanation-section-16 h2 { display: inline-block; }
.explanation-section-17 h2 { display: inline-block; }
.explanation-section-17 h2::before { left: auto; right: calc(100% + 20px); }
.explanation-section-20 h2 { display: inline-block; }
.explanation-section-20 { text-align: center; }
.explanation-section-20 .terms_of_use_area { text-align: left; }
.explanation-section-20 h2::before { left: auto; right: calc(100% + 20px); }
.explanation-section-21 h2 { display: inline-block; }
.explanation-section-21 { text-align: center; }
.explanation-section-21 .faq { text-align: left; }
.explanation-section-21 h2::before { left: auto; right: calc(100% + 20px); }
.explanation-section-21 .faq h6 { padding: 0 50px 0 90px; }
.explanation-section-23 h2 { display: inline-block; }
.explanation-section-23 { text-align: center; }
.explanation-section-23 h2::before { left: auto; right: calc(100% + 20px); }
}

@media only screen
and (max-width : 900px) {
.explanation-section-02 ul li a { font-size: 18px; }
.explanation-section-02 ul li { width: 30%; padding: 15px; }
.explanation-section-02 ul li a span { display: inline; }
.explanation-section-03 h2 { font-size: 35px; }
.explanation-section-04 h2 { font-size: 35px; }
.explanation-section-05 ul li { width: 32%; background-size: contain; padding: 60px 0 20px; font-size: 18px; line-height: 100%; height: auto; background-repeat: no-repeat; background-position: center; }
.explanation-section-05 ul li small { font-size: 20px; line-height: 110%; }
.explanation-section-01 a { } .btn-image { max-width: 300px; }
.explanation-section-06 h2 { font-size: 35px; line-height: 110%; }
.explanation-section-07 table tbody { width: 1100px; display: block;}
.explanation-section-07 table { overflow: auto; }
.explanation-section-11 h2 { font-size: 35px; line-height: 110%; }
.explanation-section-11 p { padding: 0; font-size: 20px; line-height: 130%; margin: 0; }
.explanation-section-12 ul li p { font-size: 19px; }
.explanation-section-12 p { font-size: 19px; }
.explanation-section-13 h2 { font-size: 35px; line-height: 110%; }
.explanation-section-14 { gap: 30px; }
.explanation-section-16 h2 { font-size: 35px; line-height: 110%; }
.explanation-section-16 h3 { font-size: 35px; line-height: 110%; margin-bottom: 20px;}
.explanation-section-16 h3 span { font-size: 35px; line-height: 110%; }
.explanation-section-17 h2 { font-size: 35px; line-height: 110%; }
.explanation-section-18 h2 { font-size: 35px; line-height: 110%; }
.explanation-section-18 ul li { padding: 0 20px 0 100px; font-size: 20px; line-height: 120%; }
.explanation-section-18 ul li::before { width: 60px; height: 60px; left: 20px; }
.explanation-section-19 h2 { font-size: 35px; line-height: 110%; margin-bottom: 30px; }
.explanation-section-20 h2 { font-size: 35px; line-height: 110%; }
.explanation-section-21 h2 { font-size: 35px; line-height: 110%; }
.explanation-section-21 .faq h6 { line-height: 120%; padding: 20px 50px 20px 70px;}
.explanation-section-21 .faq h6::before { left: 20px; }
.explanation-section-23 h2 { font-size: 35px; line-height: 110%; }
.explanation-section-21 .faq h6::before { left: 20px; }
.explanation-section-25 section { padding: 25px; height: auto; }
.explanation-section-25 section ul { gap: 30px; }
.explanation-section-25 section h2 { font-size: 50px; }
.explanation-section-25 section ul li { font-size: 25px; }
.explanation-section-25 section p { font-size: 21px; }
}


@media only screen
and (max-width : 600px) {
.explanation-section-01 figure { height: 200px; position: relative; }
.explanation-section-01 figure img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 510px; max-width: 1100px; }
.explanation-section-01 a { margin: 40px auto; }
.explanation-section-02 ul li { width: 100%; padding: 0; }
.explanation-section-02 ul li a { display: block; line-height: 70px; width: 100%; }
.explanation-section-03 h2 { font-size: 35px; font-weight: 500; line-height: 120%; }
.explanation-section-03 p { font-size: 20px; }
.explanation-section-04 h2 { font-size: 35px; font-weight: 500; line-height: 120%; }
.explanation-section-04 p { font-size: 20px; }
.explanation-section-05 ul li { width: 100%; padding: 90px 0 40px; }
.explanation-section-06 h2 { font-size: 35px; font-weight: 500; line-height: 120%; }
.explanation-section-06 p { font-size: 20px; }
.explanation-section-06 ul { padding: 0; }
.explanation-section-06 ul li { padding: 0 0 0 25px; font-size: 20px; line-height: 120%; }
.explanation-section-06 ul li::before { width: 15px; height: 15px; top: 7px; }
.explanation-section-07 { margin: 0; }
.explanation-section-08 { margin: 40px 0; }
.explanation-section-08 h2 { font-size: 35px; font-weight: 500; line-height: 120%; margin: 0 0 20px; }
.explanation-section-08 p { font-size: 20px; line-height: 120%; }
.explanation-section-09 h2 { font-size: 35px; font-weight: 500; line-height: 120%; }
.explanation-section-09 p { font-size: 20px; line-height: 130%; }
.explanation-section-10 { margin: 40px 0; }
.explanation-section-11 h2 { font-size: 35px; font-weight: 500;line-height: 120%;}
.explanation-section-11 h2 span { display: inline; }
.explanation-section-12 ul { padding: 40px 15px; gap: 50px; }
.explanation-section-12 ul li { width: 100%; }
.explanation-section-13 h2 { font-size: 35px; font-weight: 500;line-height: 120%;}
.explanation-section-13 h2 span { display: inline; }
.explanation-section-14 { display: block; }
.explanation-section-14 figure { width: 100%; }
.explanation-section-14 ul { width: 100%; margin: 40px 0 0; }
.explanation-section-16 h2 { font-size: 35px; font-weight: 500;line-height: 120%;}
.explanation-section-17 h2 { font-size: 35px; font-weight: 500;line-height: 120%;}
.explanation-section-17 h2 span { display: inline; }
.explanation-section-17 { margin: 60px 0 0; }
.explanation-section-19 { margin: 0 0 60px; }
.explanation-section-20 h2 { margin: 0 0 40px; }
.explanation-section-20 { margin: 0 0 60px; }
.explanation-section-21 { margin: 0 0 60px; }
.explanation-section-21 h2 { margin: 0 0 60px; font-size: 35px;font-weight: 500;line-height: 120%;}
.explanation-section-25 section h2 { font-size: 40px; }
}
h2.head{
    width: 100%;
}
h2.head span{
  display: inline-block;
  padding: 0 1rem;
  background-color: #fff;
}
h2.head:before{
content: '';
    height: 25px;
    background: #F2C2C2;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    width: 50%;
    z-index: -1;
}