/* TOP Common */

@media (width < 770px) {
p {font-size: 2.1rem;}
h2.section_ttl {font-size: 4.6rem;}
}

@media (width < 600px) {
  p {font-size: 1.8rem;}
  h2.section_ttl {font-size: 3.2rem;}
}

/* TOP - section1 */
#s1 {background: #fff3c5;}
#s1 .top_img {text-align: center;}
#s1 .top_img img {z-index: 1;}
#s1 .top_inner h1 {font-size: 0;}
#s1 .point_grad {background: #ffc833;margin-top: -21px;text-align: center;padding: 20px 0;}
#s1 .point_inner {margin: 0 auto;}
#s1 .point_fb {display: flex;justify-content: space-between;margin: 30px auto 0;flex-wrap: wrap;gap: 40px;}
#s1 .point_fb div {width: 480px;padding: 0 10px;background: #fff;box-shadow: 5px 5px 0px 0px #231815;position: relative;z-index: 1;}
#s1 .point_fb div::before {position: absolute;content: '';top: -12px;left: 20px;width: 77px;height: 63px;background-image: url(../img/res_dmc_point.png);z-index: -1;}
#s1 .point_fb div h2 {margin: -6px 0 0 -375px;font-size: 1.1rem;font-weight: 500;line-height: 19px;color: #fff462;}
#s1 .point_fb div h2 span {font-size: 3.5rem;font-weight: 500;}
#s1 .point_fb div h3 {text-align: left;font-size: 2.1rem;margin: -25px 0 0 90px;letter-spacing: -1px;line-height: 27px;}
#s1 .point_fb div h3 span {background: linear-gradient(transparent 70%, #fff462 70%);}
#s1 .point_fb div p {font-size: 1.6rem;font-weight: bold;color: #221815;text-align: left;padding: 20px 15px;line-height: 24px;font-family: "Noto Sans JP";}
#s1 .point_fb div:nth-child(n + 3) p {padding: 20px 15px 25px;}
#s1 .point_fb div p span {color: #00a29a;font-size: 1.92rem;}
#s1 .point_note {color: #221815;text-align: right;font-size: 1.2rem;font-weight: bold;margin-top: 10px;}

@media (width >= 770px) {
#s1 .top_img img,
#s1 .point_inner,
#s1 .point_fb {width: 1000px;}
}

@media(width < 770px) {
#s1 {margin-top: 150px;}
#s1 .top_img img {width: 100%;}
#s1 .point_grad {padding: 23px 50px;margin-top: -15px;}
#s1 .point_grad img {width: 80%;}
#s1 .point_fb {flex-direction: column;}


#s1 .point_fb div {width: 100%;height: auto;padding: 0 20px 20px;}


#s1 .point_fb div:not(:last-child) {margin-bottom: 33px;}
#s1 .point_fb div h2 {margin: -7px 0 0 14px;text-align: left;}
#s1 .point_fb div h3 {font-size: 2.5rem;}
#s1 .point_fb div p {font-size: 2.1rem;padding: 30px 9px 0 12.5px;line-height: 33px;}
#s1 .point_fb div:nth-child(n + 2) p {padding: 30px 9px 0 12.5px;}
}

@media (width < 600px) {
#s1 .point_fb div h3 {font-size: 2.3rem;margin: 20px 0 0 0;}
#s1 .point_fb div p,
#s1 .point_fb div:nth-child(n + 2) p {font-size: 2rem;padding: 30px 0 10px;line-height: 30px;text-align: justify;}
#s1 .point_grad {padding: 23px 20px;}
}

/* TOP - section2 */
.top_s2 p {font-family: "Noto Sans JP";}
.problem_p {font-size: 2.7rem;font-weight: bold;text-align: center;margin: 65px 0 80px;}
.problem_p span {font-size: 3.24rem;color: #2e57ef;}
.problem_box {width: 320px;height: 250px;background: #ecf0f4;text-align: center;font-weight: bold;position: relative;border-radius: 5px;padding: 50px 20px 0;}
.problem_box::before {position: absolute;content: '';top: -35px;}
.problem_box:first-child::before {width: 68px;height: 67px;left: -13px;background: url(../img/img01.png) no-repeat;}
.problem_box:nth-child(2)::before {width: 76px;height: 67px;left: 5px;background: url(../img/img02.png) no-repeat;}
.problem_box:last-child::before {width: 79px;height: 59px;top: -28px;left: 0;background: url(../img/img03.png) no-repeat;}
.problem_box .p_ttl {font-size: 2.5rem;position: absolute;top: -20px;left: 0;right: 0;letter-spacing: 5px;}
.problem_box:first-child .p_ttl {letter-spacing: 1.5px;}
.problem_box p{font-size: 1.9rem;color: #2e52d8;}
.problem_p02 {font-size: 3.5rem;font-weight: bold;margin: 66px 0;}
.problem_p02 span {font-size: 4.5rem;}
.resolve {background: #fee469;padding: 60px 0 80px;}
.resolve_box {width: 320px;background: #fff;text-align: center;padding: 20px 21px 15px;box-shadow: 7px 7px 0px -1px #ecb02f;border-radius: 5px;position: relative;color: #2a2a2a;}
.resolve_box ul li span {font-size: 1.4rem;}

@media (width >= 770px) {
.resolve_box::before {position: absolute;content: '';width: 85px;height: 45px;background-color: #fff;clip-path: polygon(50% 45px, 0% 0%, 85px 0%);top: -38px;left: 50%;transform: translate(-50%, -50%);}
}
@media (width < 770px) {
.resolve_box:first-child::before {position: absolute;content: '';width: 85px;height: 45px;background-color: #fff;clip-path: polygon(50% 45px, 0% 0%, 85px 0%);top: -38px;left: 50%;transform: translate(-50%, -50%);}
}

.resolve_box img {margin-bottom: 15px;}
.resolve_box:nth-child(2) img {margin-top: 10px;}
.resolve_box h3 {font-size: 2.5rem;line-height: 29px;margin-bottom: 25px;}
.resolve_box:nth-child(-n + 2) h3 {height: 58px;display: flex;justify-content: center;align-items: center;}
.resolve_box:last-child h3:last-of-type {margin-bottom: 13px;}
.resolve_box ul li {font-size: 1.6rem;text-indent: -1em;padding-left: 1em;letter-spacing: .2px;text-align: justify;margin-bottom: 20px;font-family: 'Meiryo', 'メイリオ', sans-serif;}
p.dmc_note {font-size: 1.2rem;padding-left: 1em;text-indent: -1.2em;text-align: left;line-height: 20px;font-family: 'Meiryo', 'メイリオ', sans-serif;}

.problem_box img.res_on_img {display: none;}

@media (width < 770px) {
.problem_box {width: 100%;height: auto;padding: 30px;}
.problem_box .p_ttl {font-size: 2.7rem;}
.problem_box:not(:last-child) {margin-bottom: 30px;}

.problem_box::before {top: 0;bottom: 0;margin: auto;}
.problem_box:first-child::before {width: 87px;height: 86px;left: 22px;background: url(../img/res_img01.png) no-repeat;}
.problem_box:nth-child(2)::before {width: 88px;height: 77px;left: 34px;background: url(../img/res_img02.png) no-repeat;}
.problem_box:last-child::before {width: 95px;height: 71px;left: 18px;background: url(../img/res_img03.png) no-repeat;}

.problem_box p {font-size: 2.3rem;text-align: left;padding-left: 120px;}
.problem_p02 {text-align: center;font-size: 4.3rem;}
.problem_p02 span {font-size: 5.5rem;}
.resolve_box {width: 100%;display: flex;padding: 20px 50px 20px 25px;}
.resolve_box:not(:last-child) {margin-bottom: 20px;}
.resolve_img {display: flex;align-items: center;margin-right: 30px;}
.resolve_box h3 {text-align: left;font-size: 3.3rem;line-height: 35px;}
.resolve_box:first-child h3 {display: block;height: auto;}
p.dmc_note {font-size: 1.6rem;text-indent: -1.4em;line-height: 23px;}
.resolve_box ul li {font-size: 2.1rem;margin-bottom: 10px;}
}

@media (width < 600px) {
  .problem_box {padding: 40px 20px 20px}

  .problem_box:first-child::before,
  .problem_box:nth-child(2)::before,
  .problem_box:last-child::before {background: none;}

  .problem_box img.res_on_img {display: block; margin: 0 auto 20px;}

  .problem_box p {font-size: 2rem;text-align: center;padding-left: 0;}
  .problem_box:nth-child(-n + 2) p {margin-top: 10px;}
  .problem_p02 {font-size: 2.5rem;}
  .problem_p02 span {font-size: 3rem;}
  .resolve_box {display: block;padding: 20px 25px 20px 20px;}
  .resolve_img {margin-right: 0;}
  .resolve_img img {margin: 0 auto 15px}
  .resolve_box h3 {font-size: 2.5rem;}
  .resolve_box ul li {font-size: 1.8rem;}
}

/* TOP - section3 */
.top_s3 {margin-top: 138px;color: #000;}
.s3_ttl {position: relative;}
.s3_ttl::before {position: absolute;content: '';top: -64px;left: 164px;width: 163px;height: 101px;background: url(../img/img07.png) no-repeat;}
.s3_fb {margin: 80px 0 20px;}
.s3_l {width: 470px;}
.s3_l h3 {font-size: 2.7rem;margin-bottom: 15px;position: relative;}
.s3_l h3::before {position: absolute;content: '';width: 172px;height: 10px;background: #f9ae00;top: 0;bottom: 0;left: 83px;margin: auto;}
.s3_l .s3_subttl {font-size: 3.1rem;font-weight: bold;line-height: 34px;margin-bottom: 8px;font-family: "Noto Sans JP";}
.s3_l .s3_subttl:nth-child(2) {margin-bottom: 14px;}
.s3_l p {line-height: 32px;}
.s3_l p:nth-of-type(2) {width: 460px;}
.s3_l p a.search_link {color: #1b67e3;}
.s3_l p a.search_link:hover {text-decoration: underline;}
.s3_l .dmc_note {font-size: 1.5rem;line-height: 24px;margin-top: 6px;}
.s3_r {width: 490px;padding-top: 7px;}
h3.s3_r_top {font-size: 2.1rem;padding-left: 35px;margin-bottom: 10px;position: relative;}
h3.s3_r_top::before {position: absolute;content: '';width: 22px;height: 28px;bottom: 0;left: 0;background: url(../img/img08.png) no-repeat;background-size: contain;}
.s3_r_t_dl {border: 3px solid #f9ae00;border-radius: 5px;padding: 0 25px 0 17px;}
.s3_r_t_dl:first-of-type {margin-bottom: 11px;}
.s3_r_t_dl dl {display: flex;justify-content: space-between;font-weight: bold;align-items: center;height: 64px;}
.s3_r_t_dl dl dt {font-size: 1.8rem;}
.s3_r_t_dl dl dd span {font-size: 2.7rem;}
.s3_r_t_dl dl dd {font-size: 1.89rem;margin-top: -3px;}
h3.s3_r_bottom {font-size: 1.9rem;margin: 33px 0 15px;}
.s3_r_bottom_txt {background: #fff08a;border-radius: 5px;text-align: center;padding: 14px 0 15px;}
.s3_r_bottom_txt:not(:last-child) {margin-bottom: 11px;line-height: 26px;padding: 9px 0 3px;}
.s3_r_bottom_txt p {display: inline-block;font-size: 2.2rem;font-weight: bold;text-align: left;font-family: "Noto Sans JP";}
.dmc_serch_btn {width: 450px;margin-top: 60px;}
.dmc_serch_btn a {font-size: 2.7rem;font-weight: 500;color: #fff;font-family: "Noto Sans JP";position: relative;display: block;padding: 18.5px 0 19.5px 82px;letter-spacing: 1.5px;background: #149a86;border-radius: 5px;}
.dmc_serch_btn a::before,
.dmc_serch_btn a::after {position: absolute;content: '';top: 0;bottom: 0;margin: auto;}
.dmc_serch_btn a::before {left: 20px;width: 44px;height: 44px;background: url(../img/img09.png) no-repeat;margin-top: 15px;background-size: contain;}
.dmc_serch_btn a::after {right: 20px;width: 15px;height: 29px;background-color: #fff;clip-path: polygon(15px 50%, 0% 0%, 0% 29px);}
.dmc_serch_btn a:hover {background: #087565;}
.s3_l h3.s3_cont_ttl {margin: 0 0 17px;}
.s3_tbl_ttl {font-size: 1.9rem;margin-bottom: 5px;}
.s3_tbl_ttl:nth-of-type(2) {margin: 3px 0 4px;}
.s3_tbl {width: 490px;font-size: 1.4rem;}
.s3_tbl,
.s3_tbl th,
.s3_tbl td {border: 1px solid #6b4512;border-collapse: collapse;padding: 1px 5px 2px;}
.s3_tbl th {font-size: 1.3rem;font-weight: bold;background: #ffca48;padding: 2px 5px;}
.s3_tbl th:last-child {background: #ff950a;}
.s3_tbl td:not(:first-of-type) {text-align: center;}
.s3_tbl:nth-of-type(2) tr:nth-of-type(4) td:not(:first-of-type) {line-height: 14px;}

.s3_note {margin-bottom: 100px;}
.s3_note p {line-height: 30px;}
.s3_note_ul li {font-size: 1.8rem;font-family: 'Meiryo', 'メイリオ', sans-serif;}
.s3_note_ul li:not(:last-child) {margin-bottom: 10px;}
.mt110 {margin-top: 110px;}
.s3_tbl2 th,
.s3_tbl2 td {padding: 10px;}
.s3_tbl2 th {font-size: 1.5rem;}
p.s3_note2 {font-size: 1.5rem;}

@media (width < 770px) {
.top_s3 {margin-top: 62px;}
.s3_ttl::before {top: -96px;left: 0;}
.s3_l,
.s3_l p:nth-of-type(2),
.s3_r,
.dmc_serch_btn,
.s3_tbl {width: 100%;}
.s3_l .s3_subttl {font-size: 3.7rem;line-height: 48px;}
.s3_l p {line-height: 38px;}
.s3_r {margin-top: 25px;}
h3.s3_r_top {font-size: 2.7rem;margin-bottom: 20px;padding-left: 45px;}
h3.s3_r_top::before {width: 31px;height: 39px;}
.s3_r_t_dl dl {height: 90px;}
.s3_r_t_dl dl dt {font-size: 2.6rem;}
.s3_r_t_dl dl dd {font-size: 2.7rem;}
.s3_r_t_dl dl dd span {font-size: 3.9rem;}
h3.s3_r_bottom {font-size: 2.8rem;}
.s3_r_bottom_txt {height: 110px;align-items: center;display: flex;justify-content: center;}
.s3_r_bottom_txt p {font-size: 3rem;line-height: 38px;text-align: center;}
.s3_l .dmc_note {font-size: 2.1rem;line-height: 30px;}
.s3_tbl_ttl {font-size: 2.5rem;}
.s3_tbl_ttl:nth-of-type(2) {margin: 8px 0 4px;}
.s3_tbl,
.s3_tbl th {font-size: 1.9rem;}
.s3_tbl:nth-of-type(2) tr:nth-of-type(4) td:not(:first-of-type) {line-height: 20px;}
.dmc_serch_btn {margin-bottom: 40px;}
.dmc_serch_btn a {font-size: 3.3rem;text-align: center;padding: 30px 0 32px 80px;}
.dmc_serch_btn a::before {width: 60px;height: 60px;margin-top: 26px;}
}

@media (width < 600px) {
  .s3_l .s3_subttl {font-size: 3rem;line-height: 40px;}
  .s3_l p {line-height: 32px;}
  .s3_r_t_dl {padding: 10px 25px 10px 17px;}
  .s3_r_t_dl dl {flex-direction: column;height: auto;}
  .s3_r_t_dl dl dt {font-size: 2rem;}
  .s3_r_t_dl dl dd span {font-size: 3.5rem;}
  .s3_r_bottom_txt {height: auto;padding: 15px 20px !important;}
  .s3_r_bottom_txt p {font-size: 2.5rem;line-height: 33px;text-align: left;}
  .s3_l .dmc_note {font-size: 1.8rem;}
  .dmc_serch_btn a {font-size: 3rem;padding: 30px 0 32px 50px;display: flex;justify-content: center;text-align: left;}
  .dmc_serch_btn a::before {margin-top: 39px;}
  .s3_tbl,
  .s3_tbl th {font-size: 1.5rem;}
  .s3_tbl td:first-child {width: 110px;}
  .s3_tbl2 td:first-child {width: 180px;}
}

/* TOP - section4 */
.top_s4 {margin-top: 145px;background: #ececec;padding-bottom: 75px;}
h2.s4_ttl {font-size: 3.7rem;padding: 47px 0 54px;line-height: 65px;position: relative;}
h2.s4_ttl b,
h2.s4_ttl span {background: linear-gradient(transparent 60%, #ffe244 60%);}
h2.s4_ttl span {font-size: 5.1rem;}
.flow_outer {background: #fff;border-radius: 10px;padding-bottom: 25px;margin-bottom: 50px;}
.flowchart {color: #fff;}
.flow_step {width: 100%;position: relative;padding: 0;margin: 0 0 1em;text-align: center;overflow: hidden;}
.flow_step .fs_ch {font-size: 1.6rem;width: 33.3333%;position: relative;float: left;display: inline-block;line-height: 40px;padding: 0 40px 0 20px;background-color: #2a861f;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.flow_step .fs_ch:nth-child(2),
.flow_step .fs_ch:nth-child(2)::after,
.flow_step .fs_ch:nth-child(2)::before {background-color: #3fa40b;}
.flow_step .fs_ch:last-child,
.flow_step .fs_ch:last-child::after,
.flow_step .fs_ch:last-child::before {background-color: #7aa909;}
.flow_step .fs_ch::before {bottom: 0;-moz-transform: skew(-30deg);-ms-transform: skew(-30deg);-webkit-transform: skew(-30deg);transform: skew(-30deg);}
.flow_step .fs_ch::after {top: 0;-moz-transform: skew(30deg);-ms-transform: skew(30deg);-webkit-transform: skew(30deg);transform: skew(30deg);}
.flow_step .fs_ch::after,
.flow_step .fs_ch::before {position: absolute;left: -15px;display: block;content: '';border-left: 4px solid #FFF;width: 20px;height: 20px;}

@media (width < 770px) {
h2.s4_ttl{padding: 47px 0 0;}
}

.flow_step .fs_ch:first-child {-moz-border-radius-topleft: 4px;-webkit-border-top-left-radius: 4px;border-top-left-radius: 4px;-moz-border-radius-bottomleft: 4px;-webkit-border-bottom-left-radius: 4px;border-bottom-left-radius: 4px;}
.flow_step .fs_ch:first-child::after,
.flow_step .fs_ch:first-child::before {content: none;}
.flow_step .fs_ch:last-child {-moz-border-radius-topright: 4px;-webkit-border-top-right-radius: 4px;border-top-right-radius: 4px;-moz-border-radius-bottomright: 4px;-webkit-border-bottom-right-radius: 4px;border-bottom-right-radius: 4px;}
.flow_txt {margin: 50px 0 10px;display: flex;}
.flow_txt div {width: 33.3333%;text-align: center;position: relative;margin-top: 20px;}
.flow_txt div p.flow_sub {padding: 13px 0;}

@media (width >= 770px) {
.flow_txt div::before {position: absolute;content: '';width: 20px;height: 20px;display: block;border-top: 2px solid;border-right: 2px solid;transform: rotate(135deg);top: -345px;bottom: 0;left: 0;right: 0;margin: auto;color: #494a4a;}
}

.flow_txt div img {width: 20%;margin-bottom: 10px;}
.flow_txt p {font-weight: 600;color: #5f5f5f;line-height: 24px;font-family: "Noto Sans JP";}
.flow_sub {height: 48px;margin-bottom: 23px;}
p.flow_cont {font-size: 1.6rem;font-weight: normal;font-family: 'Meiryo', 'メイリオ', sans-serif;padding: 0 32px;text-align: left;color: #000;}
.flow_note {font-size: 1.6rem;text-align: right;padding: 18px 20px 0 0;}
.price_box {background: #fff;border-radius: 10px;padding-bottom: 45px;}
.price_box h3 {font-size: 3.1rem;text-align: center;font-weight: 500;padding: 37px 0 31px;}
.price_box_txt {text-align: center;}
.price_box_txt p {text-align: left;font-family: 'Meiryo', 'メイリオ', sans-serif;line-height: 32px;display: inline-block;}
p.price_note {font-size: 1.5rem;font-family: 'Meiryo', 'メイリオ', sans-serif;line-height: 24px;color: #4b4b4b;margin-top: 19px;padding-left: 1em;text-indent: -1.3em;}
.price_box table {border-collapse: collapse;margin: 34px auto 0;}
.price_box th,
.price_box td {border: 2px solid #bababa;padding: 10px 20px;font-size: 1.6rem;}
.price_box tr:not(:nth-child(n+2)) th {font-size: 1.8rem;background: #f6de9f;width: 300px;}
.price_box tr:nth-child(n+2) th {text-align: left;}
.price_box td {text-align: center;font-weight: 600;}

.price_box .ttl_bg {background: #dedede;}
.price_box .ttl_bg td {width: 230px;}
.price_box .free_bg td {background: #fff7c1;}
.price_box .free_bg td.free_paid{color: #ec5d10;}
.price_box td.red_bg {background: #ee6c25;color: #fff;}
.price_box .black_bg {background: #403f3e;color: #fff;}
.price_box .paid_bg {background: #f2f2f2;}
.price_box .white_bg {background: #fff;}

p.price_note2 {font-size: 1.4rem;color: #848484;text-align: right;width: 100%;padding-right: 40px;}
p.price_note_red {font-size: 1.5rem;line-height: 24px;color: #d71f1f;padding-left: 1em;text-indent: -1.3em;margin-top: 21px;}
.top_app_btn {width: 400px;margin: 60px auto 0;}
.top_app_btn a {display: block;font-size: 3.1rem;font-weight: bold;color: #fff;background: #149a86;padding: 40px 0;text-align: center;border-radius: 10px;}
.top_app_btn a:hover {background: #087565;}

@media (width < 770px) {
.flow_outer {padding: 0 35px 10px;border-radius: 5px;}
.flow_txt {flex-direction: column;}
.flow_txt p {line-height: 38px;font-size: 3.5rem;}
.flow_txt div {width: 100%;margin-top: 15px;}
.flow_txt div:last-of-type {margin-top: 30px;}
.flow_step_sp {margin-bottom: 20px;}
.flow_step_sp p {color: #fff;background: #2a861f;border-radius: 5px;padding: 10px 0 12px;font-size: 3.5rem;height: 70px;display: flex;align-items: center;justify-content: center;}
.flow_txt div:nth-of-type(2) .flow_step_sp p {background: #3fa40b;}
.flow_txt div:nth-of-type(3) .flow_step_sp p {background: #7aa909;}
.flow_txt div img {width: 125px;}
.flow_sub {height: auto;font-size: 2.5rem;}
p.flow_cont {font-size: 2rem;margin-bottom: 20px;padding: 0 10px;}
p.flow_note {font-size: 2.1rem;text-align: left;padding: 0 10px;font-weight: normal;}
.price_box {background: none;padding-bottom: 15px;}
.price_box h3 {font-size: 4rem;font-weight: bold;padding: 37px 0 37px;}
.price_box_txt {background: #fff;padding: 30px;border-radius: 5px;}
.price_table_head {display: none;}
.price_box table {width: 100%;}
.price_box tr:nth-child(n+2) th {text-align: center;background: #f6de9f;font-size: 2rem;}
.price_box th,
.price_box td {display: block;width: 100%;border-bottom: none;}
.price_box th {position: relative;}
.price_box th::after {position: absolute;content: '※';color: #d71f1f;top: 3px;}
.price_box td {padding: 0;display: block;width: 100%;line-height: 2.5;text-align: center;}
.price_box td::before {width: 100%;content: attr(data-label);padding: 0 10px;display: block;margin-right: 10px;background: #fff;color: #000;}
.price_box tr:last-child {border-bottom: 1px solid #6a6a6a;}
p.price_note,
p.price_note_red {font-size: 2rem;line-height: 32px;}
p.price_note2 {padding-right: 0;}
.top_app_btn {width: 100%;padding: 0 20px;}

.price_box .ttl_bg {display: none;}
.price_box tr:nth-of-type(2) td:nth-of-type(n + 3),
.price_box tr:nth-of-type(3) td:nth-of-type(n + 2) {background: #fff;}
.price_box tr:nth-of-type(2) td:nth-of-type(n + 3)::before,
.price_box tr:nth-of-type(3) td:nth-of-type(n + 2)::before,
.price_box tr:nth-of-type(4) td:nth-of-type(n + 3)::before,
.price_box tr:nth-of-type(5) td:nth-of-type(n + 2)::before {border-bottom: 1px dashed #ccc;}
}

@media (width < 600px) {
  .top_s4 {margin-top: 180px;}
  h2.s4_ttl span {font-size: 4.5rem;}
  .flow_outer {padding: 0 20px 10px;}
  .flow_txt p {line-height: 32px;}
  p.flow_sub {font-size: 2.5rem;}
  p.flow_cont {font-size: 1.9rem;}
  p.price_note,
  p.price_note_red {font-size: 1.8rem;}
  .price_box th {line-height: 26px;}
}

/* TOP - section5 */
.top_s5 {padding-bottom: 80px;}
.top_s5 h2 {margin: 75px 0 58px;}
.interview_s p {text-align: center;}
.top_int_bnr {width: 1000px;height: 200px;margin: 50px 0 50px;}
.top_int_bnr:last-child {margin-bottom: 125px;}

.top_int_bnr a {display: block;width: 100%;height: 100%;background: #f1efe0;background-image: url(../img/img11.png);background-repeat: no-repeat;background-size: contain;border-radius: 5px;}
.top_int_bnr2 a {background-image: url(../img/img11_02.png);}
.top_int_bnr3 a {background-image: url(../img/img11_03.png);}
.top_int_bnr4 a {background-image: url(../img/img11_04.png);}

.top_int_bnr a:hover{background-color: #d1cfbc}
.top_int_bnr_txt {padding: 26.5px 0 26.5px 360px;position: relative;}
.top_int_bnr_txt::before {position: absolute;content: '';width: 13px;height: 150px;background: #f9ae00;left: 325px;}
.top_int_bnr_txt h3 {font-size: 2.7rem;line-height: 39px;margin-bottom: 16px;color: #000;}
p.top_int_bnr_num,
p.top_int_bnr_name {font-size: 1.6rem;font-weight: bold;font-family: "Noto Sans JP";text-align: left;color: #000;}
p.top_int_bnr_name {font-size: 2rem;}

@media (width < 770px) {
.top_int_bnr {width: 100%;height: auto;}
.top_int_res_img {width: 100%;}
}

/* TOP - section6 */
.top_s6 {background: #ececec;padding-bottom: 62px;}
.top_s6 h2 {font-size: 2.3rem;text-align: center;padding-top: 40px;}
.top_s6 .dmc_fb {justify-content: space-evenly;}
.top_s6 p.s6_subttl {font-size: 3.1rem;font-weight: bold;line-height: 39px;font-family: "Noto Sans JP";margin: 37px 0 28px;padding-left: 40px;}
.top_s6 .coop_txt {margin-top: 10px;width: 389px;}
.top_s6 .coop_txt p {line-height: 32px;}
.top_s6 p.dmc_note {font-size: 1.5rem;padding-left: 0;text-indent: 0;margin-top: 6px;line-height: 24px;}
.coop_btn {margin: 44px auto 0;width: 740px;height: 70px;line-height: 69px;}
.coop_btn a {font-size: 2.1rem;font-weight: bold;color: #fff;text-align: center;background: #404c48;display: block;width: 100%;height: 100%;position: relative;border-radius: 5px;}
.coop_btn a::before,
.coop_btn a::after {position: absolute;}
.coop_btn a::before {content: '?';font-size: 4.7rem;left: 20px;top: -3px;}
.coop_btn a::after {content: '';top: 0;bottom: 0;right: 20px;width: 15px;height: 29px;background-color: #fff;clip-path: polygon(15px 50%, 0% 0%, 0% 29px);margin: auto;}
.coop_btn a:hover {background: #000;}

@media (width < 770px) {
.top_s6 h2 {font-size: 3.5rem;letter-spacing: 5px;}
.top_s6 p.s6_subttl {padding-left: 0;}
.top_s6 p.dmc_note {font-size: 2.1rem;line-height: 33px;}
.top_s6 .coop_txt,
.coop_img img,
.coop_btn {width: 100%;}
.coop_img img {margin-top: 40px;}
.coop_btn {height: auto;line-height: 34px;}
.coop_btn a {font-size: 2.5rem;padding: 30px 0;display: flex;justify-content: center;text-align: left;}
.coop_btn a::before {top: 33%;}
}

@media (width < 600px) {
  .top_s6 h2 {font-size: 3.2rem;}
  .coop_btn a {font-size: 2rem;padding: 20px;line-height: 30px;}
  .top_s6 p.dmc_note {font-size: 1.8rem;}
  .coop_btn a::before {left: 10px;}
  .coop_btn a::after {right: 13px;}
}

/* TOP - section7 */
.top_s7 {margin-top: 78px;}
.top_s7 h2 {margin-bottom: 75px;}

/* accordion */
.accordion {width: 1000px;background: #ececec;border-radius: 10px;margin: 0 auto;}
.accordion:not(:last-of-type) {margin-bottom: 30px;}
.acc_ttl {padding: 36px 0 35px;position: relative;z-index: 1;cursor: pointer;transition-duration: .2s;}
.acc_ttl h3 {font-size: 2rem;font-weight: bold;padding: 0 70px 0 40px;}
.acc_inner {display: none;padding: 0 50px 40px;box-sizing: border-box;}
.i_box {position: absolute;top: 50%;right: 35px;margin-top: -14px;transform: rotate(45deg);transform-origin: center center;transition-duration: 0.2s;}
.accordion .acc_ttl .i_box .one_i {display: block;width: 27px;height: 27px;transform: rotate(45deg);transform-origin: center center;transition-duration: 0.2s;position: relative;}
.accordion .acc_ttl.open .i_box {transform: rotate(0deg);}
.accordion .acc_ttl .i_box .one_i::before,
.accordion .acc_ttl .i_box .one_i::after {display: flex;content: '';background-color: #000;border-radius: 10px;width: 27px;height: 3px;position: absolute;top: 12px;left: 0;-webkit-transform: rotate(0deg);transform: rotate(0deg);transform-origin: center center;}
.accordion .acc_ttl .i_box .one_i::before {width: 3px;height: 27px;top: 0;left: 12px;}
.accordion .acc_ttl.open .i_box .one_i::before {content: none;}
.accordion .acc_ttl.open .i_box .one_i::after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.acc_txt {margin-bottom: 40px;}
.acc_box {background: #fff;padding: 30px;border-radius: 10px;}
.acc_box p {line-height: 31px;}
.acc_box dl {display: flex;justify-content: space-between;line-height: 30px;gap: 30px;}
.acc_box dl dt {width: 170px;font-size: 2rem;font-weight: bold;text-align: right;}
.acc_box dl dd {width: 805px;font-size: 1.7rem;text-align: left;}
.acc_box dl:not(:last-child) {margin-bottom: 30px;}
.acc_box dl dd p.dmc_note {font-size: 1.5rem;}

.faq_btn {margin-top: 65px;text-align: center;}

@media (width < 770px) {
.top_s7 h2 {font-size: 4rem;}
.accordion {width: 100%;}
.acc_inner {padding: 0 40px 40px;}
.acc_box dl {flex-direction: column;gap: 5px;}
.acc_box dl dt,
.acc_box dl dd {width: 100%;text-align: left;}
.acc_box dl dd p.dmc_note {padding-left: 1.5em;line-height: 25px;}
.faq_btn_res {max-width: 400px;width: 100%;background: #404c48;text-align: center;border-radius: 10px;margin: 41px auto 0;}
.faq_btn_res a {font-size: 3rem;font-weight: bold;color: #fff;display: block;width: 100%;padding: 21px 0 25px;}
}

/* TOP - section8 */
.top_s8 {margin-top: 170px;}
.top_s8 h2 {font-size: 2.8rem;font-weight: 500;}
.news_past {font-size: 1.9rem;font-weight: 500;margin-top: 10px;}
.news_date {font-size: 2rem;letter-spacing: -.5px;margin-top: 7px;}
.news_contents {border-top: 2px solid #ececec;border-bottom: 2px solid #ececec;margin-top: 22px;}
.news_past a:hover {color: #ce5200;}
.news_contents .dmc_fb {gap: 50px;}
.news_main {font-size: 2rem;padding-right: 5px;}
/* news effect */
.news_contents_inner {display: block;position: relative;overflow: hidden;padding: 20px 25px 23px;}
.news_contents_inner::before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;transform: scaleY(0);transform-origin: top center;background-color: #f7f7f7;content: '';transition: .5s;transition-property: transform;transition-timing-function: cubic-bezier(.19, 1, .22, 1);z-index: -1;}
.news_contents_inner:hover::before {transform: scaleY(1);transform-origin: bottom center;}

@media (width < 770px) {
.top_s8 {margin-top: 105px;}
.top_s8 h2 {font-size: 4rem;font-weight: bold;text-align: center;}
.news_contents {margin-top: 40px;}
.news_info_box {display: flex;align-items: center;margin-bottom: 10px;}
.news_date {margin-left: 16px;}
.news_past2 {text-align: right;margin-top: 31px;}
.news_past2 a {font-size: 2.8rem;font-weight: bold;}
}

@media (width < 600px) {
  .news_past2 {margin-top: 15px;}
  .news_past2 a {font-size: 2rem;}
}

/* TOP - section9 */
.top_s9 {margin: 226px 0 140px;}
.circle_btn2 {width: 320px;}
.circle_btn2 .cb_circle2 {width: 60px;height: 60px;background: #ee6c25;}
.circle_btn2 .btn-txt {font-size: 2.2rem;top: 13px;}
.circle_btn2 .cb_circle2 .cb_icon2.cb_arrow2 {left: 10px;width: 24px;height: 4px;}
.circle_btn2 .cb_circle2 .cb_icon2.cb_arrow2::before {top: -7.1px;right: -2px;width: 18px;height: 18px;border-top: 4px solid #fff;border-right: 4px solid #fff;}

@media (width < 770px) {
.top_s9 {margin: 118px 0 140px;}
.guide_res {background: #ee6c25;max-width: 700px;border-radius: 10px;text-align: center;position: relative;}
.guide_res:nth-child(2) {margin-bottom: 37px;}
.guide_res a {font-size: 3.1rem;font-weight: bold;color: #fff;letter-spacing: 3.2px;height: 100px;border-radius: 10px;line-height: 100px;display: block;}
.guide_res::after {position: absolute;content: '';top: 0;bottom: 0;right: 20px;width: 16px;height: 33px;background-color: #fff;clip-path: polygon(16px 50%, 0% 0%, 0% 33px);margin: auto;}
}

@media (width < 600px) {
  .guide_res a {font-size: 2.1rem;letter-spacing: 0;}
}

/* slider */
.interview_slide {width: 100vw;margin-left: calc(50% - 50vw);padding: 0 25px;overflow: hidden;margin-top: 30px;}
.interview_slide .slick-list {padding-top: 20px;}
.interview_slide .slick-slide {position: relative;margin-right: 40px;width: 400px;transition: 0.3s ease-in-out;}

.slick-slide img {width: 100%;height: auto;}

.interview_slide .slider a {display: block;position: relative;}
.interview_slide .slider a .slide_img {border-radius: 10px;overflow: hidden;}
.interview_slide .slider a .slide_img img {transition: all .3s ease;}
.interview_slide .slider a:hover .slide_img img {transform: scale(1.04);}
.interview_slide .slider a .slide_img::before {position: absolute;content: '';display: block;top: 0;left: 0;width: 100%;height: 100%; background: linear-gradient(0deg, rgba(37, 45, 47, 0.74) 0%, rgba(37, 45, 47, 0) 70%);z-index: 1;border-radius: 10px;}
.interview_slide .slider .slide_txt {position: absolute;bottom: 0;left: 0;padding: 0 10px 20px 20px;z-index: 2;color: #FFF;}
.interview_slide .slider .slide_txt p {text-align: left;}

.slick-slide {margin: 0 10px;transition: all ease-in-out .3s;opacity: .4;}

.interview_slide .slick-arrow {width: 40px;height: 40px;background: #149a867d;border-radius: 50%;z-index: 1;transition: 0.3s all ease-in-out;margin-top: -20px;}
.interview_slide .slick-arrow::before {content: '';display: block;width: 8px;height: 13px;background: no-repeat center/contain;}
.interview_slide .slick-arrow.slick-prev {justify-content: end;}
.interview_slide .slick-arrow.slick-prev::before {display: inline-block;width: 10px;height: 10px;margin: 0 0 0 2px;border-left: 3px solid #fff;border-bottom: 3px solid #fff;transform: rotate(45deg);}
.interview_slide .slick-arrow.slick-next::before {display: inline-block;width: 10px;height: 10px;margin: 0 2px 0 0;border-top: 3px solid #fff;border-right: 3px solid #fff;transform: rotate(45deg);}
.interview_slide .slick-arrow:hover {background: #149a86;}

.slick-active,.slick-current {opacity: 1;}

.full-screen .slick-list {overflow: visible;}
.full-screen.slider {max-width: 400px;margin: 0 auto;}

.dots-wrap {display: flex;justify-content: center;margin-top: 20px;}
.dots-wrap li {width: 40px;height: 4px;margin: 0 5px;background: #c9c9c9;cursor: pointer;}
.dots-wrap li button {display: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;outline: none;padding: 0;border: none;background-color: transparent;}
.dots-wrap li:hover,.dots-wrap li.slick-active {background: #ec5d10;}

.interview_btn {margin: 10px 0 0;text-align: center;}
.interview_btn .circle_btn p.btn-txt {left: -37px;}
.interview_btn p::after{position: absolute;content: '';width: 24px;height: 24px;top: 5px;right: 37px;background: url(../../img/exlink.png) no-repeat;background-size: contain;transition: all 0s;transition-delay: .1s;}
.interview_btn .circle_btn:hover p::after{background: url(../../img/exlink_w.png) no-repeat; top: 5px;background-size: contain;transition-delay: .25s;}


/* QR */
.survey_sec#s1 {background: none;margin-bottom: 200px;}
.survey_sec h2 {font-size: 2.5rem;}
.survey_sec h2 span {font-size: 1.5rem;display: block;margin-bottom: 8px;}
.survey_sec .dmc_fb {flex-wrap: wrap;gap: 30px;margin-top: 50px;justify-content: center;margin-left: auto;margin-right: auto;}
.survey_sec .card_item {width: calc(50% - 15px);background: #f2f2f2;border-radius: 10px;padding: 30px;}
.survey_sec .card_item:nth-child(5):last-child {margin-left: 0;}

.survey_sec .card_item h3{font-size: 2rem;margin-bottom: 15px;line-height: 1.4;color: #333;text-align: center;}
.survey_sec .card_item p {font-size: 1.6rem;line-height: 1.7;color: #555;margin: 0;}

.survey_sec .card_item a.survey_btn {
  width: 120px;
  margin: 20px auto 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5em;
  --primary-color: #ee6c25;
  --secondary-color: #fff;
  --hover-color: #111;
  --arrow-width: 10px;
  --arrow-stroke: 2px;
  padding: .7em 1.2em;
  border: 0;
  border-radius: 20px;
  box-sizing: border-box;
  background-color: var(--primary-color);
  color: var(--secondary-color);
  font-weight: bold;
  line-height: 1;
  transition: background-color .2s ease;
  font-size: 1.5rem;
}
.survey_sec .card_item a.survey_btn .arrow-wrapper{display:flex;justify-content:center;align-items:center;}
.survey_sec .card_item a.survey_btn .arrow{position:relative;width:var(--arrow-width);height:var(--arrow-stroke);margin-top:1px;background-color:var(--primary-color);transition:background-color .2s ease;}
.survey_sec .card_item a.survey_btn .arrow::before{content:'';position:absolute;top:-3px;right:3px;padding:3px;border:solid var(--secondary-color);border-width:0 var(--arrow-stroke) var(--arrow-stroke) 0;transform:rotate(-45deg);box-sizing:border-box;transition:right .2s ease;}
.survey_sec .card_item a.survey_btn:hover{background-color:#a14300;}
.survey_sec .card_item a.survey_btn:hover .arrow{background-color:var(--secondary-color);}
.survey_sec .card_item a.survey_btn:hover .arrow::before{right:0;}

.survey_sec .card_item > div {background: #fff;}


@media (width < 770px) {
  .survey_sec .card_item {width: 100%;}
  .survey_sec .card_item:not(:last-child) {margin-bottom: 30px;}
}