@charset "UTF-8";

.line-a{
  text-decoration: underline;
}

@media screen and (min-width: 768px),print {
  header, #topnavi { display: none; }
  #contentsmain {margin: 0px auto 88px auto;position: relative;background: url('../images/experience/contentsmain-back01.png')no-repeat top center;padding: 100px 0 0;}
  #contentsmain .ttl-Box { margin: 0 auto 54px; position: relative; width: 1200px; height: 442px; background: #fff; padding: 140px 658px 140px 0px; }
  #contentsmain .ttl-Box h2 { margin-bottom: 56px; position: relative; font-size: 28px; line-height: 1.71; letter-spacing: 0.08em; font-weight: 700; text-align: center; }
  #contentsmain .ttl-Box h2 span { color: #6EAEC7; display: block; font-size: 43px; line-height: 1.12; letter-spacing: 0.05em; font-weight: 700; text-align: center; margin-top: 20px; left: 13px; position: relative; }
  #contentsmain .ttl-Box p.text { margin-bottom: 30px; position: relative; font-size: 20px; line-height: 1; letter-spacing: 0.05em; font-weight: 400; text-align: center; }
  #contentsmain .ttl-Box p.text span { display: inline-block; border: 1px solid #333; padding: 10px 39px; }
  #contentsmain .ttl-Box figure.photo { position: absolute; top: 34px; right: 40px; }
  #contentsmain .inner-Box1 { margin: 0 auto 314px; position: relative; }
  #contentsmain .inner-Box1 p.subtext { margin-bottom: 37px; position: relative; font-size: 20px; line-height: 1.65; letter-spacing: 0.05em; font-weight: 400; text-align: center; color: #fff; }
  #contentsmain .inner-Box1 ul.list { 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: 860px; margin: 0 auto; }
  #contentsmain .inner-Box1 ul li:nth-child(2) { position: relative; right: -44px; }
  #contentsmain .inner-Box1 ul li .fukidashi { position: relative; display: block; width: -webkit-fit-content; width: fit-content; margin: 20px auto 0; background: #fff; color: #179531; border-radius: 30px; padding: 9px 26px; font-size: 16px; line-height: 1.6; letter-spacing: 0.05em; font-weight: 500; text-align: center; }
  #contentsmain .inner-Box1 ul li .fukidashi::after { content: ""; display: block; position: absolute; top: -11px; left: 50%; margin-left: -8px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 11px solid #fff; }
  #contentsmain .inner-Box2 { margin: 0 auto 116px; position: relative; width: 1280px; min-height: 400px; padding: 29px 0 0 669px; }
  #contentsmain .inner-Box2 h3 { margin-bottom: 56px; }
  #contentsmain .inner-Box2 figure.photo { position: absolute; top: 0; left: 0; }
  #contentsmain .inner-Box2 p.text { margin-bottom: 30px; position: relative; font-size: 16px; line-height: 2.0; letter-spacing: 0.05em; font-weight: 400; text-align: left; width: 500px; }
  #contentsmain .inner-Box3 { margin: 0 auto; position: relative; background: #F2EFEC; width: 1200px; border-radius: 10px; padding: 65px 74px 85px 74px; }
  #contentsmain .inner-Box3 h4 { text-align: center; margin-bottom: 48px; }
  #contentsmain .inner-Box3 ul { 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; border-radius: 10px; background: #fff; padding: 54px 7px 24px 77px; }
  #contentsmain .inner-Box3 ul li { position: relative; width: 427px; border-bottom: #C8C6C2 1px solid; padding: 0 0 18px 0; margin-bottom: 33px; margin-right: 52px; }
  #contentsmain .inner-Box3 span.ch { display: block; line-height: 1; position: absolute; top: 1px; left: 24px; }
  #contentsmain .inner-Box3 p.ltext { position: relative; font-size: 24px; line-height: 0.96; letter-spacing: 0.05em; font-weight: 400; padding: 0 0 0 68px; text-align: left; }
  #contents01 { margin: 0 auto; position: relative; background: #EDF1E5; padding: 103px 0 99px; }
  #contents01 .inner-Box { margin: 0 auto; position: relative; width: 1170px; }
  #contents01 .inner-Box h2 { text-align: center; margin-bottom: 43px; }
  #contents01 .inner-Box ul { 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; }
  #contents01 .inner-Box ul li { position: relative; background: #FFFFFF; width: 380px; margin-right: 15px; border-radius: 10px; padding: 50px 50px 31px; margin-bottom: 22px; }
  #contents01 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
  #contents01 .inner-Box ul li:nth-child(4) { margin-left: 190px; }
  #contents01 .inner-Box figure.photo { position: relative; top: 0; left: 0; margin-bottom: 21px; }
  #contents01 .inner-Box h3 { margin: 0 -10px 16px; position: relative; background: url('../images/experience/contents01-line.png')no-repeat bottom center; color: #179531; font-size: 23px; line-height: 1.39; letter-spacing: 0.05em; font-weight: 500; text-align: center; padding-bottom: 22px; }
  #contents01 .inner-Box p.ltext { margin-bottom: 23px; position: relative; font-size: 14px; line-height: 1.64; letter-spacing: 0.05em; font-weight: 400; text-align: left; }
  #contents02 { margin: 0 auto 131px; position: relative; padding: 137px 0 0; }
  #contents02 .ttl-Box { margin: 0 auto 80px; position: relative; background: url('../images/experience/contents02-back01.png')no-repeat top center; width: 1280px; height: 427px; text-align: center; padding: 80px 0 0; }
  #contents02 .ttl-Box h2 { margin-bottom: 39px; }
  #contents02 .ttl-Box p.text { margin-bottom: 36px; position: relative; font-size: 18px; line-height: 2.0; letter-spacing: 0.05em; font-weight: 500; text-align: center; color: #fff; }
  #contents02lead {margin: 0 auto;position: relative;padding: 0px 0 0;}
  #contents02lead .ttl-Box {margin: 0 auto 104px;position: relative;background: url('../images/experience/contents02-back01.png')no-repeat top center;width: 1280px;height: 427px;text-align: center;padding: 80px 0 0;}
  #contents02lead .ttl-Box h2 { margin-bottom: 39px; }
  #contents02lead .ttl-Box p.text { margin-bottom: 36px; position: relative; font-size: 18px; line-height: 2.0; letter-spacing: 0.05em; font-weight: 500; text-align: center; color: #fff; }
  #contents02 .back-Box { margin: 0 auto; position: relative; background: #F2EFEC; border-radius: 10px; width: 1280px; padding: 81px 0 140px; }
  #contents02 .inner-Box1 { margin: 0 auto 150px; position: relative; width: 766px; }
  #contents02 .inner-Box1 h3 { text-align: center; margin-bottom: 51px; }
  #contents02 .inner-Box1 ul { position: relative; left: -10px; }
  #contents02 .inner-Box1 ul li:nth-child(1) { position: relative; width: 766px; height: 166px; background: #fff; border-radius: 10px; padding: 43px 50px 40px 196px; margin-bottom: 60px; }
  #contents02 .inner-Box1 ul li:nth-child(1) { margin-right: 0px; }
  #contents02 .inner-Box1 ul li:nth-child(1) figure.photo { position: absolute; bottom: 0; left: 33px; }
  #contents02 .inner-Box1 ul li:nth-child(1) h4.f-maru { margin-bottom: 7px; position: relative; color: #F08201; font-size: 14px; line-height: 1; letter-spacing: 0.01em; font-weight: 500; text-align: left; }
  #contents02 .inner-Box1 ul li:nth-child(1) p.lltext { margin-bottom: 30px; position: relative; font-size: 16px; line-height: 2.06; letter-spacing: 0.05em; font-weight: 400; text-align: left; }
  #contents02 .inner-Box1 ul li:nth-child(1) span.arr { display: block; line-height: 1; position: absolute; bottom: -22px; }
  #contents02 .inner-Box1 ul li:nth-child(2) { position: relative; width: 766px; height: 166px; background: #fff; border-radius: 10px; padding: 40px 50px 40px 61px; margin-bottom: 60px; }
  #contents02 .inner-Box1 ul li:nth-child(2) { margin-right: 0px; }
  #contents02 .inner-Box1 ul li:nth-child(2) figure.photo { position: absolute; bottom: 0; right: 48px; }
  #contents02 .inner-Box1 ul li:nth-child(2) h4.f-maru { margin-bottom: 7px; position: relative; color: #F08201; font-size: 14px; line-height: 1; letter-spacing: 0.01em; font-weight: 500; text-align: left; }
  #contents02 .inner-Box1 ul li:nth-child(2) p.lltext { margin-bottom: 30px; position: relative; font-size: 16px; line-height: 2.06; letter-spacing: 0.05em; font-weight: 400; text-align: left; }
  #contents02 .inner-Box1 ul li:nth-child(2) span.arr { display: block; line-height: 1; position: absolute; bottom: -22px; left: 463px; }
  #contents02 .inner-Box2 { margin: 0 auto 142px; position: relative; width: 1100px; padding-top: 42px; }
  #contents02 .inner-Box2 figure.photo { position: absolute; top: 0; left: 0; }
  #contents02 .inBox { margin: 0 0 0 auto; position: relative; width: 571px; height: 407px; background: #fff; border-radius: 10px; padding: 58px 50px 0; }
  #contents02 .inBox h5.f-maru { margin-bottom: 0px; position: relative; color: #F08201; font-size: 28px; line-height: 1.71; letter-spacing: 0.05em; font-weight: 500; text-align: left; }
  #contents02 .inBox h6.f-maru { margin-bottom: 22px; position: relative; font-size: 24px; line-height: 2.0; letter-spacing: 0.05em; font-weight: 500; text-align: left; }
  #contents02 .inBox p.text2 { margin-bottom: 36px; position: relative; font-size: 18px; line-height: 2.0; letter-spacing: 0.05em; font-weight: 400; text-align: left; }
  #contents02 .inner-Box3 { margin: 0 auto; position: relative; background: #F08201; width: 990px; height: 381px; border-radius: 10px; color: #fff; padding: 73px 0 0 580px; }
  #contents02 .inner-Box3 figure.img { display: block; line-height: 1; position: absolute; top: -19px; right: 0px; }
  #contents02 .inner-Box3 h3.f-maru { margin-bottom: 17px; position: relative; font-size: 30px; line-height: 1.6; letter-spacing: 0.05em; font-weight: 500; text-align: left; }
  #contents02 .inner-Box3 iframe { width: 350px; height: 247px; border-radius: 20px; position: absolute; top: 74px; left: 130px; }
  #contents02 .inner-Box3 p.text { margin-bottom: -2px; position: relative; font-size: 16px; line-height: 2.06; letter-spacing: 0.05em; font-weight: 400; text-align: left; }
  #contents02 .inner-Box3 p.morebtn a { background: #FFE200; color: #333; margin: 23px 0 0; height: 59px; width: 220px; padding: 15px 13px 13px 23px; font-size: 15px; }
  #contents02 .inner-Box3 p.morebtn a .arr { top: 7px; right: 24px; }
  #contents03 { margin: 0 auto; position: relative; background: url('../images/experience/contents03-back01.png')no-repeat top center; padding: 113px 0 60px; }
  #contents03 h2.f-maru { margin-bottom: 77px; position: relative; font-size: 46px; line-height: 1.0; letter-spacing: 0.05em; font-weight: 500; text-align: center; color: #fff; }
  #contents03 h2.f-maru span { color: #FFE200; }
  #contents03 .inner-Box { margin: 0 auto 50px; position: relative; width: 1280px; border-radius: 10px; background: #fff; padding: 90px 180px 45px 180px; }
  #contents03 .inner-Box h3.f-maru { margin-bottom: 0px; position: relative; width: 489px; height: 60px; margin: 0 auto 50px; font-size: 24px; line-height: 1.92; letter-spacing: 0.05em; font-weight: 500; text-align: center; background: #FFE200; border-radius: 50px; padding-top: 8px; padding-right: 14px; }
  #contents03 .inner-Box h3::before { content: ""; display: block; position: absolute; top: 20px; right: 29px; width: 18px; height: 19px; background: url('../images/common/arr02.svg')no-repeat center center; z-index: revert-layer; background-size: 100% auto; transform: rotate(90deg); transform-origin: center; }
  #contents03 .inner-Box2 { margin: 0 auto 50px; position: relative; width: 1280px; border-radius: 10px; background: #fff; padding: 90px 180px 45px 180px; }
  #contents03 .inner-Box2 h3.f-maru { margin-bottom: 0px; position: relative; width: 639px; height: 60px; margin: 0 auto 50px; font-size: 24px; line-height: 1.92; letter-spacing: 0.05em; font-weight: 500; text-align: center; background: #FFE200; border-radius: 50px; padding-top: 8px; padding-right: 14px; }
  #contents03 .inner-Box2 h3::before { content: ""; display: block; position: absolute; top: 20px; right: 29px; width: 18px; height: 19px; background: url('../images/common/arr02.svg')no-repeat center center; z-index: revert-layer; background-size: 100% auto; transform: rotate(90deg); transform-origin: center; }
  #contents03 .accordion { margin: 3em auto; max-width: 60vw; }
  #contents03 .toggle { display: none; }
  #contents03 .option { position: relative; margin-bottom: 50px; background: #F2EFEC; border: 1px solid #F2EFEC; }
  #contents03 .option::before { content: ""; width: 38px; height: 38px; display: block; background: #fff; border-radius: 50%; position: absolute; top: 20px; right: 38px; }
  #contents03 .title, .content { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: grid-template-rows .4s; }
  #contents03 .title { display: block; padding: 14px 70px 15px 55px; font-size: 24px; line-height: 1.92; letter-spacing: 0.05em; font-weight: 500; text-align: left; }
  #contents03 .title::before { content: ""; width: 20px; height: 2px; background: #333; transition: all 0.3s; position: absolute; top: 38px; right: 47px; }
  #contents03 .title::after { content: ""; background: #333; width: 2px; height: 20px; position: absolute; top: 29px; right: 56px; transform: rotate(-180deg); transform-origin: center; background-size: 100% auto; transition: all 0.3s ease-in-out; }
  #contents03 .content { display: grid; grid-template-rows: 0fr; transition: 0.4s; overflow: hidden; }
  #contents03 .content > * { overflow: hidden; }
  #contents03 .toggle:checked + .title + .content { grid-template-rows: 1fr; padding: 32px 35px 27px 55px; background: #fff; border-bottom: 1px solid #F2EFEC; font-size: 16px; line-height: 2.06; letter-spacing: 0.05em; font-weight: 400; text-align: left; }
  #contents03 .toggle:checked + .title + .content::after { content: ""; }
  #contents03 .toggle:checked + .title::after { transform: rotate(-90deg) !important; }
  #contents03 .content ul li { position: relative; margin-bottom: 8px; }
  #contents03 .content ul li .ltext { font-size: 16px; line-height: 2.06; letter-spacing: 0.05em; font-weight: 400; text-align: left; padding: 0 0 0 193px; }
  #contents03 .content ul li .ltext span { display: inline-block; width: 166px; height: 33px; border: 1px solid #333; text-align: center; position: absolute; top: 0; left: 0; }
  #contents03 .content ul li.no { background: #F2EFEC; padding: 15px 15px; margin: 30px 0 0 -14px; width: 820px; }
  #contents03 .content ul li.no .ltext span { top: 14px; left: 28px; }
  #contents03 .content .dlbtn { position: absolute; top: -5px; left: 250px; }
  #contents03 .content .dlbtn a { background: #179531; color: #fff; width: 255px; height: 45px; display: block; border-radius: 10px; padding: 7px 10px 10px 24px; }
  #contents03 .content .dlbtn a .arr { position: absolute; top: 11px; right: 19px; }
  #contents03 .content-inner { position: relative; }
  #contents03 .content-inner p { padding: 12px 0; }
  #ffixbtn { position: fixed; top: 40%; right: 0; z-index: 100; }
  .form-Box { background: #fff; padding-top: 160px; padding-bottom: 160px; }
  .form-Box h2 { font-size: 28px; line-height: 1.43; letter-spacing: 0.05em; font-weight: 500; text-align: center; padding-top: 27px; margin-bottom: 45px; }
  .form-Box h2 span { color: #18943B; display: block; font-size: 20px; line-height: 1.45; letter-spacing: 0em; font-weight: 700; text-align: center; margin-bottom: 7px; }
}
@media screen and (max-width: 767px) {
  header, .sp-header, .h-menu { display: none !important; }
  #contentsmain {margin: 0 auto 12.79vw auto;position: relative;background: url('../images/experience/sp-contentsmain-back01.png')no-repeat top 0 center;padding: 6.25vw 0 0;background-size: 100% auto;}
  #contentsmain .ttl-Box { margin: 0 4vw 7.74vw; position: relative; background: #fff; padding: 8.9vw 0vw 11.9vw 0vw; }
  #contentsmain .ttl-Box h2 { margin-bottom: 5.53vw; position: relative; font-size: 4.83vw; line-height: 1.5; letter-spacing: 0.05em; font-weight: 700; text-align: center; }
  #contentsmain .ttl-Box h2 span { color: #6EAEC7; display: block; margin-top: 3.73vw; left: 3.14vw; position: relative; font-size: 8.7vw; line-height: 0.83; letter-spacing: 0.05em; font-weight: 700; text-align: center; }
  #contentsmain .ttl-Box p.text { margin-bottom: 4.75vw; position: relative; font-size: 3.38vw; line-height: 1; letter-spacing: 0.05em; font-weight: 400; text-align: center; }
  #contentsmain .ttl-Box p.text span { display: inline-block; border: 0.24vw solid #333; padding: 2.22vw 3.42vw; }
  #contentsmain .ttl-Box figure.photo { position: relative; margin: 0 2.5vw; }
  #contentsmain .inner-Box1 { margin: 0 auto 20.95vw; position: relative; }
  #contentsmain .inner-Box1 p.subtext { margin-bottom: 4.94vw; position: relative; color: #fff; font-size: 3.86vw; line-height: 1.63; letter-spacing: 0.05em; font-weight: 400; text-align: center; }
  #contentsmain .inner-Box1 ul.list { 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 16vw; }
  #contentsmain .inner-Box1 ul li { margin-bottom: 5vw; }
  #contentsmain .inner-Box1 ul li:nth-child(2) { position: relative; right: 0vw; }
  #contentsmain .inner-Box1 ul li .fukidashi { position: relative; display: block; width: -webkit-fit-content; width: fit-content; margin: 3.4vw auto 0; background: #fff; color: #179531; border-radius: 6vw; padding: 1.9vw 5vw; font-size: 3.5vw; line-height: 1.6; letter-spacing: 0.05em; font-weight: 500; text-align: center; }
  #contentsmain .inner-Box1 ul li .fukidashi::after { content: ""; display: block; position: absolute; top: -2.2vw; left: 50%; margin-left: -1.7vw; width: 0; height: 0; border-left: 1.7vw solid transparent; border-right: 1.7vw solid transparent; border-bottom: 2.3vw solid #fff; }
  #contentsmain .inner-Box2 { margin: 0 6.5vw 11.22vw; position: relative; padding: 7.0vw 0 0 0vw; }
  #contentsmain .inner-Box2 h3 { margin-bottom: 9.83vw; margin-right: -0.9vw; }
  #contentsmain .inner-Box2 figure.photo { position: relative; top: 0; left: 0; margin-bottom: 9vw; }
  #contentsmain .inner-Box2 p.text { margin-bottom: 7.25vw; position: relative; font-size: 3.38vw; line-height: 1.86; letter-spacing: 0.05em; font-weight: 400; text-align: left; }
  #contentsmain .inner-Box3 { margin: 0 4vw; position: relative; background: #F2EFEC; border-radius: 2.42vw; padding: 10.4vw 2.47vw 10.73vw; }
  #contentsmain .inner-Box3 h4 { text-align: center; margin: 0 4.1vw 7.59vw 3.1vw; }
  #contentsmain .inner-Box3 ul { border-radius: 2.42vw; background: #fff; padding: 10.04vw 7.69vw 4.3vw 7.8vw; }
  #contentsmain .inner-Box3 ul li { position: relative; border-bottom: #C8C6C2 0.24vw solid; padding: 0 0 3.65vw 0; margin-bottom: 4.87vw; }
  #contentsmain .inner-Box3 span.ch { display: block; line-height: 1; position: absolute; top: -0.46vw; left: 2.1vw; width: 5.8vw; }
  #contentsmain .inner-Box3 p.ltext { position: relative; padding: 0 0 0 12.83vw; font-size: 3.86vw; line-height: 1.44; letter-spacing: 0.05em; font-weight: 400; text-align: left; }
  #contents01 { position: relative; background: #EDF1E5; padding: 14.98vw 0 20.71vw; }
  #contents01 .inner-Box { margin: 0 4vw; position: relative; }
  #contents01 .inner-Box h2 { text-align: center; margin: 0 2.4vw 8.29vw; }
  #contents01 .inner-Box ul { 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; }
  #contents01 .inner-Box ul li { position: relative; background: #FFFFFF; border-radius: 2.42vw; padding: 12.08vw 12.08vw 7.49vw; margin-bottom: 4.21vw; }
  #contents01 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
  #contents01 .inner-Box figure.photo { position: relative; top: 0; left: 0; margin-bottom: 5.07vw; }
  #contents01 .inner-Box h3 { margin: 0 0vw 3.86vw; position: relative; background: url('../images/experience/contents01-line.png')no-repeat bottom center; color: #179531; padding-bottom: 5.31vw; background-size: 100% auto; font-size: 5.31vw; line-height: 1.45; letter-spacing: 0.05em; font-weight: 500; text-align: center; }
  #contents01 .inner-Box p.ltext { margin-bottom: 5.56vw; position: relative; font-size: 3.38vw; line-height: 1.64; letter-spacing: 0.05em; font-weight: 400; text-align: left; }
  #contents02 { margin: 0 auto -0.16vw; position: relative; }
  #contents02 .ttl-Box { margin: 0 auto -2.98vw; position: relative; background: url('../images/experience/sp-contents02-back01.png')no-repeat top center; text-align: center; padding: 22.42vw 0 40.1vw; background-size: 100% auto; }
  #contents02 .ttl-Box h2 { margin: 0 6.5vw 6.02vw; }
  #contents02 .ttl-Box p.text { margin-bottom: 6.8vw; position: relative; color: #fff; font-size: 3.86vw; line-height: 1.75; letter-spacing: 0.05em; font-weight: 500; text-align: center; }
  #contents02lead {margin: 0 auto 17.84vw;position: relative;}
  #contents02lead .ttl-Box { margin: 0 auto -2.98vw; position: relative; background: url('../images/experience/sp-contents02-back01.png')no-repeat top center; text-align: center; padding: 22.42vw 0 40.1vw; background-size: 100% auto; }
  #contents02lead .ttl-Box h2 { margin: 0 6.5vw 6.02vw; }
  #contents02lead .ttl-Box p.text { margin-bottom: 6.8vw; position: relative; color: #fff; font-size: 3.86vw; line-height: 1.75; letter-spacing: 0.05em; font-weight: 500; text-align: center; }
  #contents02 .back-Box { position: relative; background: #F2EFEC; border-radius: 2.42vw; padding: 10.77vw 0 18.92vw; }
  #contents02 .inner-Box1 { margin: 0 auto 15.03vw; position: relative; }
  #contents02 .inner-Box1 h3 { text-align: center; margin: 0 7.9vw 12.32vw; }
  #contents02 .inner-Box1 ul { position: relative; left: 0vw; margin: 0 4vw; }
  #contents02 .inner-Box1 ul li:nth-child(1) { position: relative; height: 40.1vw; background: #fff; border-radius: 2.42vw; padding: 5.99vw 7.08vw 9.66vw 30.94vw; margin-bottom: 14.49vw; }
  #contents02 .inner-Box1 ul li:nth-child(1) { margin-right: 0.0vw; }
  #contents02 .inner-Box1 ul li:nth-child(1) figure.photo { position: absolute; bottom: 0; left: 2.67vw; width: 26vw; }
  #contents02 .inner-Box1 ul li:nth-child(1) h4.f-maru { margin-bottom: 1.69vw; position: relative; color: #F08201; font-size: 3.38vw; line-height: 1; letter-spacing: 0.01em; font-weight: 500; text-align: left; }
  #contents02 .inner-Box1 ul li:nth-child(1) p.lltext { margin-bottom: 7.25vw; position: relative; font-size: 3.46vw; line-height: 1.86; letter-spacing: 0.03em; font-weight: 400; text-align: left; }
  #contents02 .inner-Box1 ul li:nth-child(1) span.arr { display: block; line-height: 1; position: absolute; bottom: -7vw; width: 15vw; left: 44.3vw; }
  #contents02 .inner-Box1 ul li:nth-child(2) { position: relative; height: 40.1vw; background: #fff; border-radius: 2.42vw; padding: 6.06vw 37.08vw 9.66vw 6.73vw; margin-bottom: 14.49vw; }
  #contents02 .inner-Box1 ul li:nth-child(2) { margin-right: 0.0vw; }
  #contents02 .inner-Box1 ul li:nth-child(2) figure.photo { position: absolute; bottom: 0; right: 2.99vw; width: 28.4vw; }
  #contents02 .inner-Box1 ul li:nth-child(2) h4.f-maru { margin-bottom: 1.69vw; position: relative; color: #F08201; font-size: 3.38vw; line-height: 1; letter-spacing: 0.01em; font-weight: 500; text-align: left; }
  #contents02 .inner-Box1 ul li:nth-child(2) p.lltext { margin-bottom: 7.25vw; position: relative; font-size: 3.36vw; line-height: 1.86; letter-spacing: 0.05em; font-weight: 400; text-align: left; }
  #contents02 .inner-Box1 ul li:nth-child(2) span.arr { display: block; line-height: 1; position: absolute; bottom: -6.6vw; left: 44vw; width: 14vw; }
  #contents02 .inner-Box2 { margin: 0 3.8vw 9.7vw; position: relative; background: #fff; border-radius: 2vw; }
  #contents02 .inner-Box2 figure.photo { position: relative; top: 0; margin: 0 1vw 8vw; left: 0; }
  #contents02 .inBox { margin: 0 0 0 auto; position: relative; background: #fff; border-radius: 2.42vw; padding: 9.01vw 1.58vw 5.8vw; }
  #contents02 .inBox h5.f-maru { margin-bottom: 0.0vw; position: relative; color: #F08201; font-size: 5.31vw; line-height: 1.55; letter-spacing: 0.05em; font-weight: 500; text-align: left; }
  #contents02 .inBox h6.f-maru { margin-bottom: 6.31vw; position: relative; font-size: 4.35vw; line-height: 1.89; letter-spacing: 0.05em; font-weight: 500; text-align: left; margin-left: 24px; }
  #contents02 .inBox p.text2 { margin: 0 1vw 4.3vw 5vw; position: relative; font-size: 3.38vw; line-height: 1.29; letter-spacing: 0.05em; font-weight: 400; text-align: left; }
  #contents02 .inner-Box3 { margin: 0 4vw; position: relative; background: #F08201; border-radius: 2.42vw; color: #fff; padding: 11.33vw 2.1vw 12vw; }
  #contents02 .inner-Box3 figure.img { display: block; line-height: 1; position: absolute; top: 2vw; right: 2.2vw; width: 44vw; }
  #contents02 .inner-Box3 h3.f-maru { margin-bottom: 5.61vw; position: relative; font-size: 7.25vw; line-height: 1.6; letter-spacing: 0.05em; font-weight: 500; text-align: left; margin-left: 6.8vw; }
  #contents02 .inner-Box3 iframe { height: 61.66vw; border-radius: 4.83vw; position: relative; width: 100%; margin-bottom: 1.7vw; }
  #contents02 .inner-Box3 p.text { margin-bottom: -0.8vw; position: relative; font-size: 3.86vw; line-height: 2.06; letter-spacing: 0.05em; font-weight: 400; text-align: left; margin-left: 6.4vw; }
  #contents02 .inner-Box3 p.morebtn { margin: 0 17vw; }
  #contents02 .inner-Box3 p.morebtn a { background: #FFE200; color: #333; margin: 6.56vw 0 0; height: 14.25vw; padding: 3.12vw 2.14vw 3.14vw 5.86vw; font-size: 3.62vw; }
  #contents02 .inner-Box3 p.morebtn a .arr { top: 1.69vw; right: 5.8vw; }
  #contents03 { position: relative; background: url('../images/experience/sp-contents03-back01.png')repeat top center; padding: 13.89vw 0 4.49vw; background-size: 100% auto; margin-bottom: 17vw; }
  #contents03 h2.f-maru { margin-bottom: 5.6vw; position: relative; color: #fff; font-size: 6.76vw; line-height: 1.64; letter-spacing: 0.05em; font-weight: 500; text-align: center; }
  #contents03 h2.f-maru span { color: #FFE200; }
  #contents03 .inner-Box { margin: 0 4vw 7.28vw; position: relative; border-radius: 2.42vw; background: #fff; padding: 11.4vw 2.4vw 13.4vw 2.4vw; }
  #contents03 .inner-Box h3.f-maru { margin-bottom: 0.0vw; position: relative; height: 12.49vw; margin: 0 auto 8.08vw; font-size: 4.4vw; line-height: 1.92; letter-spacing: 0.05em; font-weight: 500; text-align: center; background: #FFE200; border-radius: 12.08vw; padding-top: 2.53vw; padding-right: 0.38vw; }
  #contents03 .inner-Box h3::before { content: ""; display: block; position: absolute; top: 4.13vw; right: 5.2vw; width: 4.35vw; height: 4.59vw; background: url('../images/common/arr02.svg')no-repeat center center; z-index: revert-layer; background-size: 100% auto; transform: rotate(90deg); transform-origin: center; }
  #contents03 .inner-Box2 { margin: 0 4vw 7.28vw; position: relative; border-radius: 2.42vw; background: #fff; padding: 11.4vw 2.4vw 13.4vw 2.4vw; }
  #contents03 .inner-Box2 h3.f-maru { margin-bottom: 0.0vw; position: relative; height: 19.49vw; margin: 0 auto 9.48vw; font-size: 4.4vw; line-height: 1.72; letter-spacing: 0.05em; font-weight: 500; text-align: center; background: #FFE200; border-radius: 12.08vw; padding-top: 2.53vw; padding-right: 0.38vw; }
  #contents03 .inner-Box2 h3::before { content: ""; display: block; position: absolute; top: 9.13vw; right: 5.2vw; width: 4.35vw; height: 4.59vw; background: url('../images/common/arr02.svg')no-repeat center center; z-index: revert-layer; background-size: 100% auto; transform: rotate(90deg); transform-origin: center; }
  #contents03 .accordion { margin: 3em auto; max-width: 60vw; }
  #contents03 .toggle { display: none; }
  #contents03 .option { position: relative; margin-bottom: 3.38vw; background: #F2EFEC; border: 0.24vw solid #F2EFEC; }
  #contents03 .option::before { content: ""; width: 5.98vw; height: 5.98vw; display: block; background: #fff; border-radius: 50%; position: absolute; top: 2.93vw; right: 4.28vw; }
  #contents03 .title, .content { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: grid-template-rows .4s; }
  #contents03 .title { display: block; padding: 0.68vw 16.91vw 0.62vw 4.79vw; font-size: 3.86vw; line-height: 2.88; letter-spacing: 0.05em; font-weight: 500; text-align: left; }
  #contents03 .title::before { content: ""; width: 3.33vw; height: 0.48vw; background: #333; transition: all 0.3s; position: absolute; top: 5.78vw; right: 5.55vw; }
  #contents03 .title::after { content: ""; background: #333; width: 0.48vw; height: 3.33vw; position: absolute; top: 4.4vw; right: 7.03vw; transform: rotate(-180deg); transform-origin: center; background-size: 100% auto; transition: all 0.3s ease-in-out; }
  #contents03 .content { display: grid; grid-template-rows: 0fr; transition: 0.4s; overflow: hidden; }
  #contents03 .content > * { overflow: hidden; }
  #contents03 .toggle:checked + .title + .content { grid-template-rows: 1fr; padding: 2.23vw 5.45vw 2.52vw 4.79vw; background: #fff; border-bottom: 0.24vw solid #F2EFEC; font-size: 3.36vw; line-height: 2.06; letter-spacing: 0.05em; font-weight: 400; text-align: left; }
  #contents03 .toggle:checked + .title + .content::after { content: ""; }
  #contents03 .toggle:checked + .title::after { transform: rotate(-90deg) !important; }
  #contents03 .content ul li { position: relative; margin-bottom: 0.13vw; padding-top: 2.5vw; }
  #contents03 .content ul li .ltext { font-size: 3.36vw; line-height: 2.06; letter-spacing: 0.05em; font-weight: 400; text-align: left; }
  #contents03 .content ul li .ltext span { display: block; width: 38.5vw; height: 7.27vw; border: 0.24vw solid #333; text-align: center; top: 0; left: 0; }
  #contents03 .content ul li.no { background: #F2EFEC; padding: 3.62vw 3.62vw; margin: 7.25vw 0 4vw 0vw; }
  #contents03 .content ul li.no .ltext span { top: 3.38vw; left: 6.76vw; }
  #contents03 .content .dlbtn { position: relative; }
  #contents03 .content .dlbtn a { background: #179531; color: #fff; height: 8.87vw; display: block; width: 47.4vw; border-radius: 2.42vw; padding: 0.99vw 2.42vw 2.42vw 4.8vw; position: relative; }
  #contents03 .content .dlbtn a .arr { position: absolute; top: -0.54vw; right: 2.69vw; width: 3.6vw; }
  #contents03 .content-inner { position: relative; }
  #contents03 .content-inner p { margin-bottom: 1vw; }
  #ffixbtn { position: fixed; z-index: 100; left: 0; bottom: 0; }
  .form-Box { background: #fff; top: 0; }
  .form-Box h2 { padding-top: 6.52vw; margin-bottom: 5.27vw; font-size: 4.35vw; line-height: 1.67; letter-spacing: 0.05em; font-weight: 500; text-align: center; }
  .form-Box h2 span { color: #18943B; display: block; font-size: 4.83vw; line-height: 1.45; letter-spacing: 0em; font-weight: 700; text-align: center; margin-bottom: 1.69vw; }
}