@font-face{font-family:'NotoSansCJKjp Medium';font-style:normal;font-weight:500;src:url(/common/font/NotoSansCJKjp-Medium.woff2) format("woff2"),url(/common/font/NotoSansCJKjp-Medium.woff) format("woff");font-display:swap}.renewal{max-width:1024px}.renewal__detail{padding:1.5rem 1rem 0;border:1px solid #f4689a;border-top:none}.summary-section__title--renewal{background-image:url(/course/data/in_html/1085/common/img/label_new.png);padding-left:48px;min-height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.btn-unit--renewal{background:#f4689a;max-width:426px;margin:2rem auto}.btn-unit--renewal .btn-unit__link{color:#f4689a;background-image:url(/course/data/in_html/1085/common/img/icon_link_btn_renew.svg)}.btn-unit--renewal .btn-unit__link:hover{color:#b60d49}@media screen and (min-width:568px){.renewal__detail{padding:2rem 2rem 0}}@media screen and (max-width:413px){.btn-unit--renewal .btn-unit__link{font-size:1.5rem}}@media screen and (max-width:374px){.btn-unit--renewal .btn-unit__link{letter-spacing:0}} /*# sourceMappingURL=style.css.map */ /* 改善テンプレ */.btn-block--renewal, .btn-block--flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; flex-wrap: wrap; }  .btn-block--renewal.is-pc { display: none; }  .btn-block--renewal .btn-unit, .summary-subsection.section--renewal .btn-unit { margin-top: 1rem; max-width: 370px; width: 100%; line-height: 1.3; }  .btn-block--renewal .btn-unit__link, .summary-subsection.section--renewal .btn-unit .btn-unit__link { font-size: 1.48148rem; border-radius: 999rem; height: 56px; }  .btn-unit--renewal-icon { max-width: 370px; width: 100%; border-radius: 999rem; text-decoration: none; margin-top: 2rem; padding: 2px 2px 4px; background: #cdc4b3; font-weight: 700; text-align: center; }  .btn-unit--renewal-icon .btn-unit__link { background: url(/course/data/in_html/1085/2208test/images/icon_link_btn_circle.png) no-repeat right 10px center #fff; background-size: 22px; height: 66px; }  .btn-unit--renewal-icon a span { display: block; width: 100%; padding: 13px 50px 8px 50px; font-size: 1.66667rem; line-height: 1.3; }  .btn-unit--renewal-icon .icon-diagnosis { background: url(/course/data/in_html/1085/2208test/images/label_diagnosis.png) no-repeat 17px 6px; background-size: 36px; }  .btn-unit--renewal-icon .icon-text { background: url(/course/common/images/page_header_label_book.png) no-repeat 19px center; background-size: 36px; }  .btn-unit--renewal-icon .icon-schedule { background: url(/course/common/images/page_header_label_clock.png) no-repeat 17px center; background-size: 34px; }  .free-block.picture-unit { text-align: center; margin: 2.5rem 0 1rem; }  .unit-sp { padding-left: 1.5rem; padding-right: 1.5rem; }  .slider-block { padding-left: 1.5rem; padding-right: 1.5rem; }  .summary-slider .slick-arrow { top: 33%; }  .summary-slider .slick-dots { bottom: -30px; }  .summary-section__inner { padding-bottom: 30px; }  .summary-section__title { font-size: 2.03704rem; margin-bottom: 2.5rem; min-height: 41px; padding: 0 0 10px 42px; }  .summary-subsection__title span { font-size: 2.03704rem; }  .summary-subsection__text { font-size: 1.36367rem; line-height: 1.8; }  .summary-subsection--slider.wide { background-color: transparent; padding-top: 0; }  .summary-subsection--slider.wide .summary-slider { max-width: 985px; }  .summary-subsection--slider.wide .slide-unit { border: 1px solid #f2f0eb; background-color: #ffffff; border-radius: 10px; margin: 1px 0.5rem; padding: 20px 1rem; }  .summary-subsection--slider.wide .slide-unit__title { font-size: 1.85185rem; line-height: 2.2rem; text-align: center; }  .summary-subsection--slider.wide .slide-unit__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }  .summary-subsection--slider.wide .notes-list { margin-top: 10px; }  .summary-subsection--slider.wide .slide-unit__text { padding: 1rem 5px; font-size: 1.36367rem; line-height: 1.8; }  .summary-subsection.section--renewal { background: rgba(230, 104, 102, .1); margin-top: 2rem; }  .summary-subsection.section--renewal .summary-subsection__shoulder { display: block; text-align: center; margin: -48px 0 20px; font-size: 1.57407rem; line-height: 1.66667rem; font-weight: 700; position: relative; }  .summary-subsection.section--renewal .summary-subsection__shoulder span { background: #e25452; border-radius: 999rem; color: #fff; display: inline-block; text-align: center; padding: 10px 22px 7px; }  .summary-subsection.section--renewal .summary-subsection--slider.wide { padding-top: 0; margin: 0; }  .summary-subsection.section--renewal .summary-subsection--slider.wide .slide-unit { border: 0; margin: 0 0.5rem; }  .summary-subsection.section--renewal .slide-unit__shoulder { font-size: 1.48148rem; font-weight: 700; }  #feature { margin-top: 2.8rem; padding-top: 0.5rem; }  #feature .summary-subsection__title span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 46px; padding: 8px 0 0 40px; background-image: url(/course/data/in_html/1085/2208test/images/label_feature.png); background-size: 33.5px; background-repeat: no-repeat; background-position: left top; color: #6a6b6b; }  #voice .slide-unit__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; font-size: 1.85185rem; color: #6a6b6b; min-height: 60px; padding-left: 80px; background-image: url(/course/common/images/label_person.svg); background-size: 60px; background-repeat: no-repeat; background-position: left top; }  #voice .slide-unit__content { display: block; }  #voice .slide-unit__text { width: 100%; }  #voice .summary-slider .slick-arrow { top: 50%; }  #voice .summary-subsection--slider.wide .slide-unit { padding: 20px 1.5rem; }  #voice .summary-subsection--slider.wide .slide-unit__text { padding: 1rem 2.5rem 1rem 3rem; }  .video-section { display: none; } /* .summary-section:first-of-type{       display:none; } */  @media screen and (min-width: 320px) { .unit { padding-left: 1.5rem; padding-right: 1.5rem; } }  @media screen and (min-width: 375px) { .unit { padding-left: 2rem; padding-right: 2rem; } }  @media screen and (min-width:768px) { .btn-block--renewal.is-pc { display: -webkit-box; display: -ms-flexbox; display: flex; } .btn-block--renewal .btn-unit, .summary-subsection.section--renewal .btn-unit { max-width: 420px; } .btn-block--renewal .btn-unit { margin: 1.5rem 1rem 0 1rem; } .btn-block--renewal .btn-unit__link { font-size: 1.66667rem; height: 76px; } .btn-unit--renewal-icon { max-width: 420px; } .btn-unit--renewal-icon a span { display: block; width: 100%; padding: 14px 41px 8px 60px; } .btn-unit--renewal-icon .icon-diagnosis { background-size: 46px; background-position: 22px center; font-size: 1.81818rem; } .btn-unit--renewal-icon .icon-text { background-size: 42px; background-position: 22px center; } .btn-unit--renewal-icon .icon-schedule { background-size: 42px; background-position: 20px center; } .btn-unit--renewal-icon .btn-unit__link, .summary-subsection.section--renewal .btn-unit--renewal-icon .btn-unit__link { height: 86px; border-radius: 999rem; background-size: 28px; background-position: right 16px center; } .free-block.picture-unit { text-align: center; margin: 0; } .unit-sp { margin: 0 -0.5rem; padding-left: 0; padding-right: 0; } .slider-block { padding-left: 2.5rem; padding-right: 2.5rem; } .summary-slider .slick-arrow { top: 50%; } .summary-slider .slick-dots { bottom: -35px; } .summary-section__inner { padding-bottom: 70px; } .summary-section__title { font-size: 2.27273rem; } .summary-subsection__title span { font-size: 2.12121rem; } .summary-subsection__text { width: 47.5%; } .summary-subsection__text .text_title { font-weight: 700; margin-bottom: 10px; } .summary-subsection--slider.wide { width: auto; margin-top: 2rem; padding-bottom: 50px; } .summary-subsection--slider.wide .slide-unit { padding: 30px 0 50px; } .summary-subsection--slider.wide .slide-unit__title { font-size: 2.12121rem; text-align: left; } .summary-subsection--slider.wide .slide-unit__header { padding: 0 3rem 1.3rem 3rem; } .summary-subsection--slider.wide .slide-unit__content { padding: 0 3rem 0 2.2rem; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .summary-subsection--slider.wide .slide-unit__img, .summary-subsection--slider.wide .slide-unit__text { width: calc(50% - 10px); } .summary-subsection--slider.wide .slide-unit__text { padding: 0; } .summary-subsection--slider.mvimg .slide-unit__img { width: 51%; padding: 0; } .summary-subsection--slider.mvimg .slide-unit__title { font-size: 2.12121rem; } .summary-subsection--slider.mvimg .slide-unit__text { width: 45.5%; } .summary-subsection.section--renewal { margin-top: 1.5rem; } .summary-subsection.section--renewal .btn-block--renewal { border-top: 1px solid #ccc; padding-top: 2rem; margin: 0 2rem; flex-wrap: nowrap; } .summary-subsection.section--renewal .btn-block--renewal .btn-unit, .summary-subsection.section--renewal .btn-unit--renewal-icon { margin-top: 0; height: 92px; border-radius: 999rem; } .summary-subsection.section--renewal .summary-subsection--slider.wide .slide-unit__header { padding: 0 3rem 1.3rem 4rem; } .summary-subsection.section--renewal .summary-subsection__shoulder span { font-size: 1.66667rem; padding: 10px 40px 7px; } .summary-subsection.section--renewal .summary-subsection__img { width: 46%; margin-bottom: 2.5rem; } .summary-subsection.section--renewal .summary-subsection__text { width: 51%; margin-bottom: 2.5rem; } .summary-subsection.section--renewal .btn-unit .btn-unit__link { font-size: 1.66667rem; height: 86px; } #diagnosis h3.unit, #diagnosis .summary-subsection__inner.unit, .summary-subsection.section--renewal h3.unit, .summary-subsection.section--renewal .summary-subsection__inner.unit, .summary-subsection.section--renewal .summary-subsection--slider.wide .unit, .summary-subsection.section--renewal .notes-list.unit { padding: 0 3rem; } #feature { margin-top: 5rem; padding-top: 0.5rem; } #feature .summary-subsection__title span { min-height: 58px; padding: 0 0 0 51px; background-size: 42px; } #voice .summary-subsection--slider.wide .slide-unit { padding: 30px 1.5rem 50px; } .summary-subsection--slider.mvimg .slide-unit__content, #voice .summary-subsection--slider.wide .slide-unit__header, #voice .summary-subsection--slider.wide .slide-unit__content { padding: 0 3rem; } #voice .slide-unit__title { min-height: 70px; background-size: 70px; margin-bottom: 1.5rem; } #voice .summary-subsection--slider.wide .slide-unit__text { padding: 0; } }