@charset "UTF-8";
/********************************
DEFAULT
*********************************/
@font-face {
    font-family: "M PLUS Rounded 1c";
    src: url("../font/MPLUSRounded1c-Black.woff2") format("woff2");
    font-weight: 900;
}
@font-face {
    font-family: "M PLUS Rounded 1c";
    src: url("../font/MPLUSRounded1c-Bold.woff2") format("woff2");
    font-weight: 700;
}
@font-face {
    font-family: "M PLUS Rounded 1c";
    src: url("../font/MPLUSRounded1c-Medium.woff2") format("woff2");
    font-weight: 500;
}
@font-face {
    font-family: "M PLUS Rounded 1c";
    src: url("../font/MPLUSRounded1c-Regular.woff2") format("woff2");
    font-weight: 400;
}
@font-face {
    font-family: "NotoSans JP";
    src: url("../font/NotoSansJP-Bold.woff2") format("woff2");
    font-weight: 700;
}
@font-face {
    font-family: "Zen Maru Gothic";
    src: url("../font/ZenMaruGothic-Bold.woff2") format("woff2");
    font-weight: 700;
}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
    margin: 0px;
    padding: 0px;
    outline: 0;
}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section {
    display: block;
}
h1,h2,h3,h4,h5,h6,caption,address,th {
    font-weight: normal;
    margin: 0;
    padding: 0;
    font-size: 100%;
}
h1,h2,h3,h4,h5,h6 {
    color: #222;
}
ul,ol,li,dl,dt,dd {
    list-style: none;
}
img,iframe {
    vertical-align: middle;
    border: 0px;
}
img {
    line-height: 0;
    font-size: 0;
}
table {
    border-collapse: collapse;
}
th {
    font-weight: normal;
    text-align: left;
}
button,fieldset,form,input,label,legend,select,textarea {
    font-family: inherit;
    font-style: inherit;
    font-weight: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
select {
    padding: 2px;
}
input,select {
    font-size: 100%;
    vertical-align: middle;
}
input[type="text"],input[type="password"],textarea,select {
    outline: none;
}
textarea {
    font-size: 99%;
}
input {
    vertical-align: middle;
}
::-webkit-input-placeholder {
    color: #000;
}
label {
    padding: 0 0 0 2px;
}
hr {
    display: none;
}
a[href^="tel:"] {
    cursor: default;
}
a,a:link {
    color: #222222;
    text-decoration: none;
    word-break: break-all;
}
a:visited {
    color: #222222;
}
a:active {
    color: #222222;
    text-decoration: none;
}
/****スマホのブレイクポイント****/
@media screen and (max-width: 896px) {
    a:hover {
        color: #222222;
        text-decoration: none;
    }
}
.m_b0 {
    margin-bottom: 0px !important;
}
.m_b1 {
    margin-bottom: 1px !important;
}
.m_b2 {
    margin-bottom: 2px !important;
}
.m_b3 {
    margin-bottom: 2px !important;
}
.m_b5 {
    margin-bottom: 5px !important;
}
.m_b7 {
    margin-bottom: 7px !important;
}
.m_b8 {
    margin-bottom: 8px !important;
}
.m_b10 {
    margin-bottom: 10px !important;
}
.m_b11 {
    margin-bottom: 11px !important;
}
.m_b12 {
    margin-bottom: 12px !important;
}
.m_b13 {
    margin-bottom: 13px !important;
}
.m_b15 {
    margin-bottom: 15px !important;
}
.m_b20 {
    margin-bottom: 20px !important;
}
.m_b25 {
    margin-bottom: 25px !important;
}
.m_b30 {
    margin-bottom: 30px !important;
}
.m_b35 {
    margin-bottom: 35px!important;
}
.m_b40 {
    margin-bottom: 40px !important;
}
.m_b45 {
    margin-bottom: 45px !important;
}
.m_b50 {
    margin-bottom: 50px !important;
}
.m_b55 {
    margin-bottom: 55px !important;
}
body {
    font-family:"M PLUS Rounded 1c", sans-serif;
    line-height: 1.6;
    color: #005577;
    font-size: 16px;
    text-align: left;
    min-height: 100%;
    height: auto !important;
    position: relative;
    min-width: 1200px;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    background: #ffffff;
    position: relative;
}
.main_wrap {
    position: relative;
    overflow: hidden;
}
/********************************
HEADER
*********************************/

/********************************
FOOTER
*********************************/
footer {
}
/********************************
C系CSS
*********************************/
.c-btn {
}
.c-title {
}
/********************************
CONTETS
*********************************/
.c-pc {
    display: block;
}
.c-pc-in {
    display: inline;
}
.c-sp {
    display: none;
}
.c-sp-in {
    display: none;
}
.c_main {
    max-width: 1366px;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
}
footer {
    background: #005577;
    padding: 75px 0;
}
.f_link {
    display:-webkit-box;
  	display:-ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
	-ms-flex-pack: justify;
    justify-content: space-between;
    width: 500px;
    margin: 0 auto 17px;
}
.f_link li a {
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
}
footer p {
    text-align: center;
    color: #ffffff;
}
/* floating */
.floating-banner {
    position: fixed;
    bottom: 40px;
    left: 40px;
    z-index: 9999;
    width: 220px;
    height: 220px;
    display: none;
}
.floating-banner .close-btn {
    position: absolute;
    top: 8px;
    right: 8px;
    color: rgb(255, 255, 255);
    font-size: 18px;
    width: 26px;
    height: 26px;
    cursor: pointer;
    line-height: 1;
    text-align: center;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    border-radius: 50%;
}
.floating-banner img {
    width: 100%;
    height: auto;
    display: block;
}
.cp0-bnr_wrap {
    box-sizing: border-box;
    text-align: center;
    padding: 70px 0px;
    background: #B0E9FF;
    position: relative;
    z-index: 9;
}
.cp0-bnr_wrap img {
    max-width: 800px;
    width: 100%;
    height: auto;
}
h2 {
    color: #005577;
    font-weight: bold;
}
/* sec1 */
.grade_wrap {
    background: #ffe6e2;
}
.worry_wrap {
    background: url(../img/bg01.png) no-repeat center top 40px, linear-gradient(to bottom, #B0E9FF, #AFE9FF);
    position: relative;
    padding-top: 100px;
    padding-bottom: 30px;
    z-index: 2;
}
.worry_wrap::after {
    content: "";
    width: 100%;
    height: max(17.778vw, 216px);
    background: url(../img/between01.png) no-repeat center / 100% auto;
    position: absolute;
    bottom: min(-8.889vw, -108px);
    left: 0;
    z-index: -1;
}
.worry_in {
    max-width: 1040px;
    margin: 0 auto;
}
.worry-ttl {
    font-size: 50px;
    text-align: center;
    line-height: 1.55;
    margin-bottom: 60px;
}
.worry-ttl > span {
    padding: 0 88px 10px;
    box-sizing: border-box;
    position: relative;
}
.worry-ttl > span::before,
.worry-ttl > span::after {
    content: "";
    width: 68px;
    height: 86px;
    position: absolute;
    bottom: 0;
    z-index: 9;
}
.worry-ttl > span::before {
    background: url(../svg/ttldeco01_l.svg) no-repeat center / 100% auto;
    left: 0;
}
.worry-ttl > span::after {
    background: url(../svg/ttldeco01_r.svg) no-repeat center / 100% auto;
    right: 0;
}
.worry-ttl .is-fsl {
    font-size: 55px;
}
.worry_lst {
    max-width: 970px;
}
.worry_lst .lst-item {
    padding-bottom: 20px;
    font-size: 29px;
    line-height: 1.666;
    font-weight: bold;
    font-family: "Zen Maru Gothic", sans-serif;
    position: relative;
    box-sizing: border-box;
    text-align: left;
}
.worry_lst .lst-item:not(:last-child) {
    margin-bottom: 50px;
}
.worry_lst .lst-item:nth-child(2n+1) {
    padding-left: 196px;
}
.worry_lst .lst-item:nth-child(2n) {
    padding-left: 275px;
    padding-right: 94px;
}
.worry_lst .lst-item::after {
    content: "";
    width: 822px;
    height: 34px;
    background: url(../svg/textdeco_line01.svg) no-repeat center / 100% auto;
    position: absolute;
    bottom: 0;
    left: 125px;
    z-index: 9;
}
.worry_lst .lst-item.ver2::after {
    background: url(../svg/textdeco_line02.svg) no-repeat center / 100% auto;
    left: auto;
    right: 94px;
    width: 625px;
}
.worry_lst .lst-item::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -45px;
    z-index: 9;
    width: 91px;
    height: 180px;
    background: url(../svg/img01.svg) no-repeat center / 100% auto;
}
.worry_lst .lst-item.ver2::before {
    width: 93px;
    background: url(../svg/img02.svg) no-repeat center / 100% auto;
    left: auto;
    right: 0;
    bottom: -55px;
}
.worry_lst .lst-item.ver3::before {
    width: 91px;
    height: 188px;
    background: url(../svg/img03.svg) no-repeat center / 100% auto;
}
/* sec2 */
.secret_wrap {
    position: relative;
    z-index: 9;
    padding: 100px 0 0;
}
.secret_wrap::before {
    content: "";
    width: 1227px;
    height: 230px;
    background: url(../img/bg02.png) no-repeat center / 100% auto;
    position: absolute;
    left: 50%;
    top: 27px;
    margin-left: -565px;
    z-index: -1;
}
.secret_wrap::after {
    content: "";
    width: 100%;
    height: 255px;
    background: url(../img/between02.png) no-repeat center bottom / cover;
    position: absolute;
    left: 0;
    bottom: -88px;
    z-index: -2;
}
.secret-ttl {
    font-size: 50px;
    text-align: center;
    line-height: 1.35;
    margin-bottom: 40px;
}
.secret-ttl .is-fsl {
    font-size: 60px;
}
.splide.secret-slide {
    padding-bottom: 56px;
    box-sizing: border-box;
}
.secret-slide .splide__pagination {
    bottom: 0;
}
.secret-slide .splide__pagination__page {
    background: #ffe6e2;
    border: 3px solid #005577;
    margin: 0 35px 0 0;
    opacity: 1;
    position: relative;
    transition: transform .2s linear;
    width: 24px;
    height: 24px;
}
.secret-slide .splide__pagination__page.is-active {
    background: #005577;
    transform: scale(1);
    z-index: 1;
}
.secret-slide .splide__pagination li:last-child .splide__pagination__page {
    margin: 0;
}
.splide__list li {
    width: 612px !important;
    position: relative;
    z-index: 2;
    padding: 0 18px 18px 0;
    box-sizing: border-box;
}
.secretls-box {
    background: #ffffff;
    border-radius: 20px;
    border: 5px solid #005577;
    box-sizing: border-box;
    padding: 55px 42px 40px 5px;
    display: flex;
    flex-direction: column;
    gap: 45px 0;
}
.splide__list li:nth-child(2n) .secretls-box {
    flex-direction: column-reverse;
}
.splide__list li::after {
    content: "";
    width: calc(100% - 18px);
    height: calc(100% - 18px);
    background: url(../img/bot-blue.png) center;
    border-radius: 20px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.scrble_wrap {
    display: flex;
    justify-content: right;
    align-items: center;
    gap: 0 5px;
}
.scrble-txt::before {
    content: "";
    width: 23px;
    height: 23px;
    background: url(../img/bubbletail01.png?2) no-repeat center left / 100% auto;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 9;
}
.scrble-txt {
    width: 434px;
    padding-left: 18px;
    box-sizing: border-box;
    position: relative;
}
.scrble-txt p{
    background: #afe9ff;
    padding: 22px 25px 20px 32px;
    box-sizing: border-box;
    font-family: "Zen Maru Gothic", sans-serif;
    font-size: 23px;
    line-height: 1.6;
    font-weight: bold;
    border-radius: 20px;
}
.secret-txt{
    font-size: 28px;
    line-height: 1.75;
    padding-left: 55px;
    box-sizing: border-box;
    font-weight: bold;
}
/* sec3 */
.appeal_wrap {
    position: relative;
    padding: 176px 0 0 0;
    box-sizing: border-box;
    z-index: 8;
    background: #afe9ff;
}
.appeal_wrap::before {
    content: "";
    width: 1335px;
    height: 1498px;
    background: url(../img/bg03.png?2) no-repeat center / 100% auto;
    position: absolute;
    left: 50%;
    top: 139px;
    margin-left: -685px;
    z-index: -1;
}
.appeal_wrap::after {
    content: "";
    width: 100%;
    height: 255px;
    background: url(../img/between03.png) no-repeat center bottom / cover;
    position: absolute;
    left: 0;
    bottom: -100px;
    z-index: -2;
}
.change_wrap {
    margin: 0 0 55px;
}
.change-ttl {
    font-size: 50px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 48px;
    line-height: 1.4;
}
.change_lst {
    max-width: 1041px;
    margin: 0 auto;
}
.change-lst {
    background: url(../img/top3_bg.png) no-repeat center bottom / 100% auto;
    padding: 98px 77px 106px 80px;
    box-sizing: border-box;
}
.change-lst li:not(:last-child) {
    margin-bottom: 20px;
}
.change-lstitem {
    padding: 0 0 15px 163px;
    box-sizing: border-box;
    position: relative;
    font-size: 48px;
    font-weight: bold;
    line-height: 1.25;
}
.change-lstitem::after {
    content: "";
    width: 780px;
    height: 5px;
    background: url(../svg/textdeco_dot.svg?2) no-repeat left bottom;
    position: absolute;
    left: 105px;
    bottom: 0;
    z-index: 9;
}
.change-lstitem::before {
    content: "";
    width: 118px;
    height: 82px;
    background: url(../svg/img08.svg) no-repeat left center / 100% auto;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
}
.change-lstitem.ver2::before  {
    background: url(../svg/img09.svg) no-repeat left center / 100% auto;
}
.change-lstitem.ver3::before  {
    background: url(../svg/img10.svg) no-repeat left center / 100% auto;
}
.point-ttl {
    font-size: 50px;
    text-align: center;
    margin-bottom: 48px;
}
.point-lst {
    max-width: 934px;
    margin: 0 auto;
}
.point-lst li:not(:last-child) {
    margin-bottom: 58px;
}
.point-lstiem {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.point-txt {
    width: calc(100% - 166px);
    padding-left: 20px;
    box-sizing: border-box;
    position: relative;
}
.point-txt::before {
    content: "";
    width: 27px;
    height: 26px;
    background: url(../img/bubbletail02.png) no-repeat center left;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 9;
}
.point-txt p {
    font-size: 25px;
    font-weight: bold;
    font-family: "Zen Maru Gothic", sans-serif;
    line-height: 2;
    padding: 25px 50px 25px 60px;
    box-sizing: border-box;
    border: 5px solid #005577;
    border-radius: 20px;
    background: #ffffff;
}
.point-lstiem.ver2 {
    flex-direction: row-reverse;
}
.point-lstiem.ver2 .point-txt {
    padding-left: 0;
    padding-right: 20px;
    width: calc(100% - 193px);
}
.point-lstiem.ver2 .point-txt::before {
    background: url(../img/bubbletail02.png) no-repeat center right;
    left: auto;
    right: 0;
    transform: scale(-1, -1) translateY(50%);
}
.how_wrap {
    position: relative;
    padding: 185px 0 0 0;
    box-sizing: border-box;
    z-index: 7;
    background: #ffe6e2;
}
.how_wrap::before {
    content: "";
    width: 1337px;
    height: 734px;
    background: url(../img/bg04.png?2) no-repeat center / 100% auto;
    position: absolute;
    left: 50%;
    top: 145px;
    margin-left: -690px;
    z-index: -1;
}
.how_wrap::after {
    content: "";
    width: 100%;
    height: 255px;
    background: url(../img/between02.png) no-repeat center bottom / cover;
    position: absolute;
    left: 0;
    bottom: -90px;
    z-index: -2;
}
.how-ttl {
    font-size: 50px;
    text-align: center;
    margin-bottom: 55px;
    line-height: 1.4;
    font-weight: bold;
}
.how-lst {
    max-width: 1170px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.how-lstitem {
    width: 370px;
    box-sizing: border-box;
    overflow: hidden;
    border: 5px solid #005577;
    border-radius: 44px;
    background: #ffffff;
}
.cat_wrap {
    width: 100%;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #afe9ff;
}
.how-lstitem.ver2 .cat_wrap {
    background: #fef686;
}
.how-lstitem.ver3 .cat_wrap {
    background: #005577;
}
.cat_wrap p {
    text-align: center;
    font-size: 35px;
    line-height: 1.28;
    color: #005577;
    font-weight: bold;
}
.how-lstitem.ver3 .cat_wrap p {
    color: #ffffff;
}
.howtxt-box {
    padding: 25px 30px 210px;
    box-sizing: border-box;
    position: relative;
}
.howtxt-box .txt {
    font-size: 25px;
    line-height: 1.4;
    font-weight: bold;
    min-height: 2.8em;
    display: flex;
    align-items: center;
}
.howtxt-box::after {
    content: "";
    width: 183px;
    height: 173px;
    background: url(../svg/img16.svg) no-repeat center bottom / 100% auto;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
}
.how-lstitem.ver2 .howtxt-box::after {
    width: 295px;
    height: 171px;
    background: url(../svg/img17.svg) no-repeat center bottom / 100% auto;
    bottom: 25px;
}
.how-lstitem.ver3 .howtxt-box::after {
    width: 206px;
    height: 185px;
    background: url(../svg/img18.svg) no-repeat center bottom / 100% auto;
    bottom: 15px;
}
/* cv */
.cv_wrap {
    position: relative;
    padding: 165px 0 0 0;
    box-sizing: border-box;
    z-index: 6;
    background: #fef686;
}
.cv_wrap.ver2 {
    z-index: 4;
    padding: 260px 0 85px;
}
.cv_wrap::before {
    content: "";
    width: 1336px;
    height: 720px;
    background: url(../img/bg05.png) no-repeat center / 100% auto;
    position: absolute;
    left: 50%;
    top: 120px;
    margin-left: -710px;
    z-index: -1;
}
.cv_wrap.ver2::before {
    top: 145px;
}
.cv_wrap::after {
    content: "";
    width: 100%;
    height: 256px;
    background: url(../img/between04.png) no-repeat center bottom / cover;
    position: absolute;
    left: 0;
    bottom: -90px;
    z-index: -2;
}
.cv_wrap.ver2::after {
    display: none;
}
.cv_in {
    max-width: 1046px;
    margin: 0 auto;
}
.cv_ttl {
    max-width: 718px;
    margin-left: 40px;
    margin-bottom: 50px;
}
.cv_wrap.ver2 .cv_ttl {
    max-width: 880px;
    margin-left: -60px
}
.cv-ttl {
    font-size: 40px;
    text-align: center;
    line-height: 1.375;
    font-weight: bold;
}
.cv_wrap.ver2 .cv-ttl {
    font-size: 33px;
}
.cv-ttl span {
    position: relative;
    padding: 0 85px;
    box-sizing: border-box;
    display: inline-block;
}
.cv_wrap.ver2 .cv-ttl span {
    padding: 0 75px;
}
.cv-ttl span::before,
.cv-ttl span::after {
    content: "";
    width: 66px;
    height: 122px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}
.cv-ttl span::before {
    background: url(../svg/ttldeco02_l.svg) no-repeat center / 100% auto;
    left: 0;
}
.cv-ttl span::after {
    background: url(../svg/ttldeco02_r.svg) no-repeat center / 100% auto;
    right: 0;
}
.cv_box {
    border: 5px solid #005577;
    border-radius: 36px;
    box-sizing: border-box;
    background: #ffffff;
    padding: 54px 40px 80px;
    position: relative;
}
.cv_box::after {
    content: "";
    width: 100%;
    height: calc(100% + 25px);
    background: url(../img/bot-pnk.png) center bottom;
    position: absolute;
    right: -25px;
    bottom: -25px;
    z-index: -1;
    border-radius: 36px;
}
.cv_box::before {
    content: "";
    width: 251px;
    height: 110px;
    background: url(../svg/img19.svg) no-repeat center / 100% auto;
    position: absolute;
    top: 65px;
    right: 78px;
    z-index: 9;
}
.cv-catch {
    width: calc(100% - 305px);
    text-align: center;
    font-size: 40px;
    line-height: 1.375;
    font-weight: bold;
    margin-bottom: 50px;
}
.cv-search-box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 64px;
}
.cv-prefecture,
.cv-city,
.cv-searchbtn {
    width: 307px;
    height: 76px;
}
.cv-searchbtn {
    border: 0;
    cursor: pointer;
}
.cv-prefecture select,
.cv-city select,
.cv-searchbtn span {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    border: 0;
    appearance: none;
    box-sizing: border-box;
    font-size: 24px;
    font-weight: bold;
    font-family: "NotoSans JP", sans-serif;
}
.cv-prefecture select,
.cv-city select {
    padding: 0 50px 0 23px;
    background: #b0e9ff url(../svg/arrow_b.svg) no-repeat center right 29px / 15px auto;
    color: #333333;
}
.cv-searchbtn span {
    padding: 0 75px 0 58px;
    background: #005577 url(../svg/icn_seach.svg) no-repeat center right 32px / 39px auto;
    color: #ffffff;
}
.appbtn_wrap {
    position: relative;
}
.appbtn_wrap::before,
.appbtn_wrap::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}
.appbtn_wrap::before {
    width: 146px;
    height: 136px;
    background: url(../svg/img21.svg) no-repeat center / 100% auto;
    left: 68px;
}
.appbtn_wrap::after {
    width: 113px;
    height: 168px;
    background: url(../svg/img20.svg) no-repeat center / 100% auto;
    right: 68px;
}
.app-btn {
    width: 470px;
    height: 75px;
    margin: 0 auto;
}
.app-btn a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #005577;
    border-radius: 37px;
    box-sizing: border-box;
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
}
/* price */
.price_wrap {
    position: relative;
    padding: 170px 0 45px 0;
    box-sizing: border-box;
    z-index: 5;
    background: #afe9ff;
}
.price_wrap::before {
    content: "";
    width: 1335px;
    height: 733px;
    background: url(../img/bg06.png) no-repeat center / 100% auto;
    position: absolute;
    left: 50%;
    top: 120px;
    margin-left: -700px;
    z-index: -1;
}
.price_wrap::after {
    content: "";
    width: 100%;
    height: 256px;
    background: url(../img/between03.png) no-repeat center bottom / cover;
    position: absolute;
    left: 0;
    bottom: -150px;
    z-index: -2;
}
.price-ttl {
    font-size: 60px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 80px;
    line-height: 1;
}
.pricebox_wrap {
    position: relative;
    display: flex;
    justify-content: space-between;
    max-width: 1176px;
    margin: 0 auto;
}
.pricebox_in {
    width: 556px;
    position: relative;
}
.pricebox_in::after {
    content: "";
    width: 100%;
    height: 100%;
    background: url(../img/bot-yelw.png) center bottom;
    position: absolute;
    right: -20px;
    bottom: -40px;
    z-index: -1;
    border-radius: 35px;
}
.pricebox_in.ver2::after {
    background: url(../img/bot-pnk.png) center bottom;
}
.cate_wrap {
    box-sizing: border-box;
    border: 5px solid #005577;
    border-radius: 35px;
    overflow: hidden;
    background: #ffffff;
}
.cate_in {
    display: flex;
    align-items: center;
    height: 170px;
    background: #fef686;
    padding-left: 50px;
    box-sizing: border-box;
    gap: 0 27px;
}
.cate_wrap.ver2 .cate_in {
    background: #ffe6e2;
}
.strong-num {
    position: relative;
    font-size: 140px;
    color: #ffffff;
    font-weight: bold;
}
.strong-num:after {
    content: "2";
    font-size: 150px;
    color: #005577;
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 9;
}
.cate-txt {
    font-size: 43px;
    font-weight: bold;
    line-height: 1.622;
}
.pricedtl_txt {
    height: 205px;
    display: flex;
    align-items: center;
    font-family: "NotoSans JP", sans-serif;
    padding-left: 65px;
    box-sizing: border-box;
}
.pricedtl-txt {
    font-size: 80px;
    font-weight: bold;
}
.pricedtl-txt .fs-l {
    font-size: 110px;
}
.cate_wrap.ver2 {
}
.anoround_wrap {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    width: 187px;
    height: 187px;
    border-radius: 50%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #005577;
}
.anoround-txt {
    font-size: 29px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    line-height: 1;
}
.anoround-txt .fs-l {
    font-size: 52px;
    line-height: 1.17;
}
.tell-txt {
    font-size: 17px;
    color: #ffffff;
    font-weight: bold;
    margin: 10px 0 20px;
    text-align: center;
}
.tell-txt a {
    font-size: 17px;
    color: #ffffff;
    font-weight: bold;
}
.point_wrap .ano-txt {
    max-width: 934px;
    margin: 20px auto 0;
    text-align: right;
}
@media screen and (min-width: 896px) {
    .f_link li a:hover {
        text-decoration: underline;
    }
    .cv-searchbtn:hover,
    .app-btn a:hover {
        opacity: .8;
    }
    .worry_lst .lst-item.ver3::after {
        background: url(../svg/textdeco_line03.svg) no-repeat center / 100% auto;
        width: 694px;
    }
    .tell-txt a {
        pointer-events: none;
    }
}
@media screen and (max-width: 896px) {
    body {
        font-size: 14px;
        min-width: 340px;
        width: 100%;
    }
    footer {
        padding: 40px 0;
    }
    .f_link {
        width: 100%;
        flex-wrap: wrap;
        padding: 0 20px;
        box-sizing: border-box;
        margin: 0 auto 17px;
    }
    .f_link li {
        margin-bottom: 15px;
        width: 50%;
        text-align: center;
    }
    .f_link li:last-child {
        margin-bottom: 0;
    }
    .f_link li a {
        font-size: 14px;
    }
    .c-pc {
        display: none;
    }
    .c-pc-in {
        display: none;
    }
    .c-sp {
        display: block;
    }
    .c-sp-in {
        display: inline;
    }
    .cp0-bnr_wrap {
        margin: 0 auto;
        width: 100%;
        background: #cdf1fd;
        padding: 30px 0px 40px;
    }
    .cp0-bnr_wrap img {
        width: calc(100% - 50px);
        max-width: 320px;
    }
    /* sec1 */
    .worry_wrap {
        background: linear-gradient(to bottom, #cdf1fd, #AFE9FF);
        position: relative;
        padding: 46px 0;
    }
    .worry_wrap::before {
        content: "";
        width: 316px;
        height: 511px;
        background: url(../img/sp/bg01.png) no-repeat center / 100% auto;
        position: absolute;
        top: 105px;
        left: 50%;
        transform: translateX(-50%);
        z-index: 9;
    }
    .worry_in {
        max-width: 325px;
        width: calc(100% - 30px);
    }
    .worry-ttl {
        font-size: 28px;
        line-height: 1.35;
        margin-bottom: 34px;
    }
    .worry-ttl > span {
        padding: 0 20px;
        display: block;
    }
    .worry-ttl > span::before,
    .worry-ttl > span::after {
        width: 49px;
        height: 59px;
        bottom: 4px;
    }
    .worry-ttl > span::before {
        background: url(../svg/ttldeco01_l_sp.svg) no-repeat center / 100% auto;
        left: -4px;
    }
    .worry-ttl > span::after {
        background: url(../svg/ttldeco01_r_sp.svg) no-repeat center / 100% auto;
        right: -4px;
    }
    .worry-ttl .is-fsl {
        font-size: 40px;
    }
    .worry_lst {
        max-width: 100%;
    }
    .worry_lst .lst-item {
        padding-bottom: 20px;
        font-size: 20px;
        line-height: 1.5;
    }
    .worry_lst .lst-item:not(:last-child) {
        margin-bottom: 35px;
    }
    .worry_lst .lst-item:nth-child(2n+1) {
        padding-left: 62px;
        padding-right: 42px;
    }
    .worry_lst .lst-item:nth-child(2n) {
        padding-left: 80px;
        padding-right: 60px;
    }
    .worry_lst .lst-item:nth-child(3) {
        padding-left: 95px;
    }
    .worry_lst .lst-item::after {
        width: calc(100% - 20px);
        height: 37px;
        background: url(../svg/textdeco_line01_sp.svg) no-repeat center / 100% auto;
        left: 20px;
    }
    .worry_lst .lst-item.ver2::after {
        background: url(../svg/textdeco_line02_sp.svg) no-repeat center / 100% auto;
        left: auto;
        right: 20px;
        width: calc(100% - 20px);
    }
    .worry_lst .lst-item::before {
        bottom: 45px;
        width: 39px;
        height: 78px;
    }
    .worry_lst .lst-item.ver2::before {
        width: 39px;
        height: 75px;
        bottom: 50px;
    }
    .worry_lst .lst-item.ver3::before {
        width: 39px;
        height: 81px;
    }
    /* sec2 */
    .secret_wrap {
        padding: 50px 0 0;
    }
    .secret_wrap::before {
        content: "";
        width: 325px;
        height: 197px;
        background: url(../img/sp/bg02.png) no-repeat center / 100% auto;
        top: 0;
        margin-left: -146px;
    }
    .secret_wrap::after {
        content: "";
        width: 100%;
        height: 103px;
        background: url(../img/sp/between02.png) center bottom / auto 103px;
        position: absolute;
        left: 0;
        bottom: -40px;
        z-index: -2;
    }
    .secret-ttl {
        font-size: 20px;
        line-height: 1.2;
        margin-bottom: 35px;
    }
    .secret-ttl .is-fsl {
        font-size: 35px;
    }
    .secret-ttl .is-fsl2 {
        font-size: 30px;
    }
    .splide.secret-slide {
        padding-bottom: 30px;
    }
    .secret-slide .splide__pagination__page {
        border: 2px solid #005577;
        margin: 0 19px 0 0;
        width: 12px;
        height: 12px;
    }
    .splide__list li {
        width: 314px !important;
        padding: 0 14px 14px 0;
    }
    .secretls-box {
        border-radius: 14px;
        border: 3px solid #005577;
        padding: 37px 18px 35px;
        min-height: 446px;
        gap: 20px 0;
    }
    .splide__list li::after {
        content: "";
        width: calc(100% - 14px);
        height: calc(100% - 14px);
        background: url(../img/sp/bot-blue.png) center / 6px auto;
        border-radius: 14px;
    }
    .scrble_wrap {
        justify-content: center;
        flex-direction: column-reverse;
        gap: 20px 0;
    }
    .scrble-txt::before {
        width: 23px;
        height: 22px;
        background: url(../img/sp/bubbletail01.png) no-repeat center left / 100% auto;
        top: auto;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    .scrble-txt {
        width: 100%;
        padding: 0 0 13px 0;
    }
    .scrble-txt p{
        padding: 24px 28px;
        font-size: 20px;
        line-height: 1.5;
        border-radius: 12px;
    }
    .secret-txt{
        font-size: 23px;
        line-height: 1.6;
        padding-left: 0;
    }
    /* sec3 */
    .appeal_wrap {
        padding: 76px 0 0 0;
    }
    .appeal_wrap::before {
        width: 354px;
        height: 1366px;
        background: url(../img/sp/bg03.png) no-repeat center / 100% auto;
        left: 50%;
        top: 93px;
        margin-left: -177px;
        z-index: -1;
    }
    .appeal_wrap::after {
        height: 104px;
        background: url(../img/sp/between03.png) center bottom / auto 104px;
        bottom: -30px;
    }
    .change_wrap {
        margin: 0 0 34px;
    }
    .change-ttl {
        font-size: 30px;
        margin-bottom: 26px;
        line-height: 1.4;
    }
    .change_lst {
        max-width: 353px;
        width: calc(100% - 20px);
    }
    .change-lst {
        background: url(../img/sp/top3_bg.png) no-repeat center bottom / 100% auto;
        padding: 44px 30px 46px 30px;
    }
    .change-lst li:not(:last-child) {
        margin-bottom: 20px;
    }
    .change-lstitem {
        padding: 0 0 4px 90px;
        font-size: 20px;
        line-height: 2;
    }
    .change-lstitem::after {
        width: calc(100% - 66px);
        height: 6px;
        background: url(../svg/textdeco_dot_sp.svg) no-repeat left bottom / 100% auto;
        position: absolute;
        left: 66px;
    }
    .change-lstitem::before {
        width: 77px;
        height: 54px;
    }
    .change-lstitem.ver2::before  {
        background: url(../svg/img09.svg) no-repeat left center / 100% auto;
    }
    .change-lstitem.ver3::before  {
        background: url(../svg/img10.svg) no-repeat left center / 100% auto;
        bottom: auto;
        top: 0;
    }
    .point-ttl {
        font-size: 30px;
        margin-bottom: 34px;
        line-height: 1;
    }
    .point-lst {
        max-width: 323px;
        width: calc(100% - 46px);
    }
    .point-lst li:not(:last-child) {
        margin-bottom: 26px;
    }
    .point-lstiem {
        display: block;
        position: relative;
        padding: 0 0 60px 0;
        box-sizing: border-box;
    }
    .point-img {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 9;
    }
    .point-img img {
        max-width: 94px;
        width: 100%;
        height: auto;
    }
    .point-txt {
        width: 100%;
        padding: 0 0 14px 0;
    }
    .point-txt::before {
        width: 30px;
        height: 18px;
        background: url(../img/sp/bubbletail02.png) no-repeat center bottom / 100% auto;
        top: auto;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
    }
    .point-txt p {
        font-size: 18px;
        padding: 36px 40px;
        border: 3px solid #005577;
        border-radius: 17px;
        line-height: 1.777;
    }
    .point-lstiem.ver2 .point-txt {
        padding: 0 0 14px 0;
        width: 100%;
    }
    .point-lstiem.ver2  .point-img {
        right: auto;
        left: 0;
    }
    .point-lstiem.ver2 .point-txt::before {
        background: url(../img/sp/bubbletail02.png) no-repeat center bottom / 100% auto;
        right: 50%;
        transform: scale(-1, 1) translateX(-50%);
    }
    .how_wrap {
        position: relative;
        padding: 70px 0 0 0;
        box-sizing: border-box;
        z-index: 7;
        background: #ffe6e2;
    }
    .how_wrap::before {
        content: "";
        width: 347px;
        height: 1313px;
        background: url(../img/sp/bg04.png?2) no-repeat center / 100% auto;
        top: 55px;
        margin-left: -165px;
    }
    .how_wrap::after {
        height: 103px;
        background: url(../img/sp/between02.png) center bottom / auto 103px;
        position: absolute;
        bottom: -42px;
    }
    .how-ttl {
        font-size: 30px;
        margin-bottom: 49px;
        line-height: 1.333;
    }
    .how-lst {
        max-width: 324px;
        width: calc(100% - 50px);
        display: block;
    }
    .how-lst .how-lstitem:not(:last-child) {
        margin-bottom: 28px;
    }
    .how-lstitem {
        width: 100%;
        border: 3px solid #005577;
        border-radius: 36px;
    }
    .cat_wrap {
        height: 96px;
    }
    .how-lstitem.ver2 .cat_wrap {
        height: 142px;
    }
    .cat_wrap p {
        font-size: 30px;
        line-height: 1.5;
    }
    .howtxt-box {
        padding: 15px 40px 173px;
    }
    .how-lstitem.ver2 .howtxt-box {
        padding: 15px 40px 145px;
    }
    .howtxt-box .txt {
        font-size: 19px;
        line-height: 1.6;
        min-height: 100%;
    }
    .howtxt-box::after {
        width: 143px;
        height: 133px;
        bottom: 27px;
    }
    .how-lstitem.ver2 .howtxt-box::after {
        width: 184px;
        height: 107px;
        bottom: 22px;
    }
    .how-lstitem.ver3 .howtxt-box::after {
        width: 165px;
        height: 149px;
        bottom: 8px;
    }
    /* cv */
    .cv_wrap {
        padding: 77px 0 32px 0;
    }
    .cv_wrap.ver2 {
        z-index: 4;
        padding: 87px 0 45px;
    }
    .cv_wrap::before {
        width: 31px;
        height: 23px;
        background: url(../img/sp/bg05.png) no-repeat center / 100% auto;
        top: auto;
        bottom: 0;
        margin-left: 126px;
    }
    .cv_wrap.ver2::before {
        width: 364px;
        height: 555px;
        background: url(../img/sp/bg07.png) no-repeat center / 100% auto;
        top: 60px;
        bottom: auto;
        margin-left: -180px;
    }
    .cv_wrap::after {
        height: 104px;
        background: url(../img/sp/between04.png) center bottom / auto 104px;
        position: absolute;
        bottom: -23px;
    }
    .cv_in {
        max-width: 100%;
        margin: 0;
    }
    .cv_ttl,
    .cv_wrap.ver2 .cv_ttl {
        max-width: 365px;
        width: calc(100% - 10px);
        margin: 0 auto 20px;
    }
    .cv-ttl {
        font-size: 20px;
        line-height: 1.818;
    }
    .cv_wrap.ver2 .cv-ttl {
        font-size: 18px;
    }
    .cv-ttl span {
        padding: 0 45px;
    }
    .cv_wrap.ver2 .cv-ttl span {
        padding: 0 48px 10px;
    }
    .cv-ttl span::before,
    .cv-ttl span::after {
        width: 41px;
        height: 72px;
    }
    .cv_box {
        border: 3px solid #005577;
        border-radius: 27px;
        padding: 35px 30px 33px;
        max-width: 320px;
        width: calc(100% - 30px);
        margin: 0 auto;
    }
    .cv_box::after {
        content: "";
        width: 100%;
        height: 100%;
        background: url(../img/sp/bot-pnk.png) center bottom / 13px auto;
        position: absolute;
        right: -16px;
        bottom: -22px;
        border-radius: 27px;
    }
    .cv_box::before {
        width: 59px;
        height: 51px;
        background: url(../svg/cv-deco.svg) no-repeat center / 100% auto;
        top: 72px;
        right: 24px;
    }
    .cv-catch {
        width: 100%;
        text-align: left;
        font-size: 18px;
        line-height: 1.8181;
        margin-bottom: 40px;
    }
    .cv-search-box {
        display: block;
        margin-bottom: 20px;
    }
    .cv-prefecture,
    .cv-city,
    .cv-searchbtn {
        width: 100%;
        height: 67px;
    }
    .cv-prefecture,
    .cv-city {
        margin-bottom: 10px;
    }
    .cv-prefecture select,
    .cv-city select,
    .cv-searchbtn span {
        font-size: 18px;
    }
    .cv-prefecture select,
    .cv-city select {
        padding: 0 50px 0 18px;
        background: #b0e9ff url(../svg/arrow_b.svg) no-repeat center right 25px / 12px auto;
    }
    .cv-searchbtn span {
        padding: 0 60px 0 34px;
        background: #005577 url(../svg/icn_seach.svg) no-repeat center right 16px / 32px auto;
    }
    .appbtn_wrap::before,
    .appbtn_wrap::after {
        display: none;
    }
    .app-btn {
        width: 100%;
        height: 80px;
    }
    .app-btn a {
        border-radius: 40px;
        font-size: 18px;
        text-align: center;
    }
    /* price */
    .price_wrap {
        padding: 58px 0 18px 0;
    }
    .price_wrap::before {
        width: 315px;
        height: 639px;
        background: url(../img/sp/bg06.png?2) no-repeat center / 100% auto;
        top: 63px;
        margin-left: -163px;
        z-index: -1;
    }
    .price_wrap::after {
        height: 104px;
        background: url(../img/sp/between03.png) center bottom / auto 104px;
        bottom: -50px;
    }
    .price-ttl {
        font-size: 30px;
        margin-bottom: 30px;
    }
    .pricebox_wrap {
        display: block;
        max-width: 334px;
        width: calc(100% - 26px);
    }
    .pricebox_in {
        width: 100%;
        margin-bottom: 97px;
    }
    .pricebox_in.ver2 {
        margin-bottom: 0;
    }
    .pricebox_in::after {
        background: url(../img/sp/bot-yew.png) center bottom / 6px auto;
        right: -10px;
        bottom: -20px;
        border-radius: 20px;
    }
    .pricebox_in.ver2::after {
        background: url(../img/sp/bot-pnk2.png) center bottom /6px auto;
    }
    .cate_wrap {
        border-radius: 20px;
    }
    .cate_in {
        height: 92px;
        padding-left: 40px;
        gap: 0 16px;
    }
    .cate-txt {
        font-size: 25px;
        line-height: 1.56;
    }
    .pricedtl_txt {
        height: 114px;
        padding-left: 40px;
    }
    .cate_wrap.ver2 .pricedtl_txt {
        padding-left: 20px;
    }
    .pricedtl-txt {
        font-size: 45px;
    }
    .pricedtl-txt .fs-l {
        font-size: 68px;
    }
    .anoround_wrap {
        bottom: auto;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 9;
        width: 119px;
        height: 119px;
    }
    .anoround-txt {
        font-size: 17px;
    }
    .anoround-txt .fs-l {
        font-size: 29px;
        line-height: 1.3;
    }
    .point_wrap .ano-txt {
        max-width: 323px;
    }
}
/****iPhoneSE/5などのブレイクポイント****/
@media screen and (max-width: 374px) {
    .worry_lst .lst-item:nth-child(2n+1) {
        padding-left: 60px;
        padding-right: 30px;
    }
    .worry_lst .lst-item {
        font-size: 18px;
    }
    .worry_lst .lst-item:nth-child(2n) {
        padding-left: 65px;
    }
    .worry_lst .lst-item:nth-child(3) {
        padding-left: 65px;
    }
    .change-ttl {
        font-size: 28px;
    }
    .change-lstitem {
        font-size: 15px;
    }
    .change-lst {
        background: url(../img/sp/top3_bg.png) no-repeat center bottom / 100% 100%;
    }
    .change-lstitem {
        font-size: 17px;
    }
    .point-ttl {
        font-size: 26px;
    }
    .cv-ttl {
        font-size: 16px;
    }
    .cv_wrap.ver2 .cv-ttl {
        font-size: 16px;
    }
    .cv-ttl span::before, .cv-ttl span::after {
        top: auto;
        transform: translateY(0);
        bottom: 0;
    }
    .cv_wrap.ver2 .cv-ttl span {
        padding: 0 48px 0;
    }
    .cate-txt {
        font-size: 23px;
    }
    .cate_in {
        padding-left: 20px;
    }
    .pricedtl-txt .fs-l {
        font-size: 60px;
    }
    .pricedtl_txt,
    .cate_wrap.ver2 .pricedtl_txt {
        padding-left: 0;
        justify-content: center;
    }
    .cv-catch {
        font-size: 16px;
    }
    .tell-txt {
        font-size: 15px;
        margin: -10px 0 10px;
    }
    .tell-txt a {
        font-size: 15px;
    }
}