@charset "UTF-8";
/* CSS Document */
@import url(../../css/footer.css);

/**ldk_tab**/
.ldk_tab_outer { width: 100%; margin: 0 auto; }
.ldk_tab-menu { display: flex; list-style: none; padding: 0; margin:10px 0 0; }
.ldk_tab-menu li { height:72px;display: flex;flex-direction: column;align-items: center;justify-content: center; cursor: pointer;flex:1;}

/* 選択中のスタイル */
.ldk_tab-menu li.active {  }

/* コンテンツの表示制御 */
.tab-content { display: none;}
.tab-content.active { display: block; }


/*---------------------------
 ベース
----------------------------*/
#ldk main {
    display: flex;
    justify-content: center;
}
.mainWrap {
    width:min(100%,450px);
    border:1px solid white;
    border-width:0px 1px 0px 1px;
}
.mainWrap .contents {
    padding:60px 4% 40px;
}
.mainWrap .contents.last {
    padding:20px 4%;
}



/*---------------------------
 ldkpoint
----------------------------*/
#ldk_point1 {
    background-color: rgba(100,100,100,0.75);
}
article.point {
    background-color: #f4f3e8;
    position:relative;
    margin-bottom:40px;
    padding-bottom:40px;
}
article.point1 {
    margin-bottom:64px;
}
article.point h2 {
    top:-44px;
    margin-bottom:-20px;
    height:88px;
    display: flex;
    width:100%;
    border-radius: 44px;
    position:relative;
    background: #d3b967;
    align-items: center;
}
article.point h2 .num {
    display: block;
    width:80px;
    height:80px;
    margin:4px;
    flex-shrink: 0;
}
article.point h2 .num img {
    width:100%;
    height:100%;
}
article.point h2 .txt {
    font-size:30px;
    flex:1;
    text-align: center;
    display: block;
    padding-right:44px;
    font-feature-settings: "palt";
    font-kerning: normal;
    font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
}
article.point .lead {
    font-size:20px;
    text-align: center;
    padding-inline:4%;
    font-feature-settings: "palt";
    font-kerning: normal;
    font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
}
article.point .lead .red {
    font-weight:bold;
    font-weight:700;
}
.txtL {
    font-size:140%;
}
.txtXL {
    font-size:155%;
    line-height: 1;
}
.txtXXL{
    font-size:200%;
}
.td_ul {
    text-decoration: underline;
    text-underline-offset: 5px;
}
.spacer {
    display: block;
    width:1px;
    height:48px;
    background: white;
    margin:20px auto;
    mix-blend-mode: difference
}
article.point h5 {
    font-size:14px;
    margin-bottom:1em;
    text-align: center;
    padding-inline:4%;
}
.ldk_point .result {
    text-align: center;
    color:#FFF;
    font-size:21px;
    font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
    font-feature-settings: "palt";
    font-kerning: normal;
}
.ldk_point .result .txtL {
    line-height: 1.2;
    font-size:135%;
}
article.point figcaption {
    position:relative;
    text-align: center;
    top:auto;
    left:auto;
    bottom:auto;
    right:auto;
    margin-top:10px;
    font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
    font-feature-settings: "palt";
    font-kerning: normal;
    font-size:10px;
}
.ldk_point .result .gold {
    color:#d3b967!important;
}
.point1 p.lead {
    margin-bottom:1em;
}
.graph2 {
    margin-top:10px;
    padding-inline:4%;
}

.point2 h2 .txt {
    letter-spacing: -1px;
}
article.point.point3 h2 .txt {
    letter-spacing: -1px;
    padding-right:20px;
}
.graph3,.graph4 {
    margin-top:20px;
    margin-bottom:20px;
    padding-inline:4%;
}
.graph4 {
    margin-bottom:0;
}

.btn_4ldk {
    background-color: rgba(29,25,51,0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    height:auto;
    aspect-ratio:414/93;
    border:1px solid #d3b967;
    color:#d3b967 !important;
    margin:0 auto;
    font-size:19px;
}
#ldk_point2 {
    position:relative;
}
#ldk_point2:before {
    position:absolute;
    left:0;
    top:0;
    content:"";
    background-color: rgb(51,64,90);
    mix-blend-mode: multiply;
    width:100%;
    height:100%;
}
#ldk_point2 article,#ldk_point2 div,#ldk_point2 .btn_4ldk {
    position:relative
}
article.point.point3 {
    margin-bottom:0;
}
.point3 h3 {
    font-size:25px;
    text-align: center;
    font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
    font-feature-settings: "palt";
    font-kerning: normal;
    line-height: 1.25;
    margin-bottom:1em;
}
.point3_list {
    color:#d3b967;
    text-align: center
}
.point3_list dl {
    padding:10px;
}
.point3_list dt  {
    font-size:18px;
}
.point3_list dd {
    font-size:12px;
}

/*cta */

.cta_box {
    width:100%;
    height:auto;
    aspect-ratio:450/142;
    background-color: #757562;
}
.cta_box .bn_cta {
    display :flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width:100%;
    height:100%;
    background: url("../img/bg_bnentry.jpg") no-repeat;
    background-size:cover;
    position:relative;
    gap:10px;
}
.cta_box .bn_cta:before {
    content:"";
    display: block;
    position:absolute;
    left:0;
    top:0;
    background-color: #757562;
    mix-blend-mode: multiply;
    width: 100%;
    height: 100%;
}
.cta_box .bn_cta a {
    position:relative;
    display: flex;
    padding:8px 10px;
    text-decoration: none;
    justify-content: center;
    width:80%;
}


/*contents_plan */
.contents_plan {
    background: white;
    padding-bottom:20px;
}
.contents_plan .plan_introduction {
    padding:40px 4%;
    text-align: center;
}
.contents_plan .plan_introduction h4 {
    font-size:19px;
    line-height: 1.25;
    font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
    font-feature-settings: "palt";
    font-kerning: normal;
}
.contents_plan .plan_introduction .plan_spec {
    font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
    font-feature-settings: "palt";
    font-kerning: normal;
}
.contents_plan .plan_introduction .plan_spec dt {
    font-size:25px;
}
.contents_plan .plan_introduction .plan_spec dd {
    font-size:11px;
}

.ldk_tab_outer {
   padding:10px 0 0 0;
}
.ldk_tab_outer h2 {
    font-size:30px;
    line-height: 1;
    text-align: center;
    color:white;
    padding :20px;
}
.ldk_tab_outer .sub_tit {
    font-size:17px;
    line-height: 1;
    text-align: center;
    color:white;
}

.ldk_tab_outer.dinks {
    background: #323a46;
} 
.ldk_tab-menu {
    background-color: white;
    margin-top: 20px
}
.ldk_tab-menu li span {
    font-size:12px;
}
.ldk_tab-menu li[data-target="d-age30"]{
    background-color: rgba(50, 58, 70, 0.3);
}
.ldk_tab-menu li[data-target="d-age40"]{
    background-color: rgba(105, 147, 146, 0.5);
}
.ldk_tab-menu li[data-target="d-age60"]{
    background-color: rgba(144, 150, 147, 0.3);
}
.ldk_tab-menu li[data-target="d-age30"].active,#d-age30.active .main_copy,#d-age30.active .ex_box{
    background-color: #677892;
}
.ldk_tab-menu li[data-target="d-age40"].active,#d-age40.active .main_copy,#d-age40.active .ex_box{
    background-color: #87a9a7;
}
.ldk_tab-menu li[data-target="d-age60"].active,#d-age60.active .main_copy,#d-age60.active .ex_box{
    background-color: #a6abaa;
}
.ldk_tab-menu li[data-target="f-age30"]{
    background-color : rgba(240, 215, 215, 1);
}
.ldk_tab-menu li[data-target="f-age40"]{
    background-color: rgba(165, 140, 160, 0.5);
}
.ldk_tab-menu li[data-target="f-age60"]{
    background-color: rgba(170, 145, 150, 0.3);
}
.ldk_tab-menu li[data-target="f-age30"].active,#f-age30.active .main_copy,#f-age30.active .ex_box{
    background-color : rgba(180, 115, 130, 1);
}
.ldk_tab-menu li[data-target="f-age40"].active,#f-age40.active .main_copy,#f-age40.active .ex_box{
    background-color: rgba(163, 149, 168, 1);
}
.ldk_tab-menu li[data-target="f-age60"].active,#f-age60.active .main_copy,#f-age60.active .ex_box{
    background-color:  rgba(170, 145, 150, 1);
}



.ldk_tab-menu li.active {
    color:white;
}
.tab-content .main_copy {
    color:white;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
    height:140px;
    border-bottom:2px solid white;
    line-height: 1.75;
    font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
    font-feature-settings: "palt";
    font-kerning: normal;
}
.tab-content .ex_box {
    display: flex;
}
.tab-content .ex_box > * {
    flex:1;
}
.tab-content .ex_box .txt {
    color:white;
    padding:10px;
    line-height: 1.2;
}
.tab-content .ex_box .txt h3 {
    font-size:24px;
}
.tab-content .ex_box .txt h3 .sub {
    font-size:16px;
}
.tab-content .ex_box .txt .info {
    font-size:14px;
}
.tab-content .ex_box figure img {
    width:100%;
    height:100%;
    object-fit: cover
}
.plan_box {
    width:100%;
    height:auto;
    aspect-ratio:450/254;
    position:relative;
}
.plan_box .plan_img {
    position:absolute;
    left:0;
    top:0;
    width:100%;height:100%;
    opacity:0;
}
.plan_box .plan_img img {
    width:100%;
    height:auto;
}
.plan_box .plan_img.on{
    opacity:1;
}
.plan_box .plan_img.click_map {
    opacity:1;
    z-index: 10;
}
.plan_desctiption_box {
    background-color: white;
    padding:0;
    display: flex;
    flex-direction: column;
    gap:10px;
}
.plan_desctiption_box dl {
    padding-left:57px;
    position:relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height:70px;
}
.plan_desctiption_box dl:before {
    content:"";
    width:56px;
    height:70px;
    border-right:1px solid #333;
    background: url("../img/mark01.svg") center no-repeat;
    background-size:25px 25px;
    position:absolute;
    left:0;
    top:0;
}
.dinks .plan_desctiption_box dl:nth-of-type(2):before {
    background: url("../img/mark02.svg") center no-repeat;
    background-size:25px 25px;
}
.dinks .plan_desctiption_box dl:nth-of-type(3):before {
    background: url("../img/mark03.svg") center no-repeat;
    background-size:25px 25px;
}
.dinks .plan_desctiption_box dl:nth-of-type(4):before {
    background: url("../img/mark04.svg") center no-repeat;
    background-size:25px 25px;
}
.family .plan_desctiption_box dl:nth-of-type(1):before {
    background: url("../img/markf01.svg") center no-repeat;
    background-size:25px 25px;
}
.family .plan_desctiption_box dl:nth-of-type(2):before {
    background: url("../img/markf02.svg") center no-repeat;
    background-size:25px 25px;
}
.family .plan_desctiption_box dl:nth-of-type(3):before {
    background: url("../img/markf03.svg") center no-repeat;
    background-size:25px 25px;
}
.family .plan_desctiption_box dl:nth-of-type(4):before {
    background: url("../img/markf04.svg") center no-repeat;
    background-size:25px 25px;
}
.plan_desctiption_box dl dt {
    font-size:14px;
    padding-inline:10px;
}
.plan_desctiption_box dl dd {
    font-size:10px;
    padding-inline:10px;
    line-height: 1.2;
}
.ldk_tab_outer.dinks .plan_desctiption_box dl.on {
    background-color:  rgba(127,148,179,0.30);
}
.ldk_tab_outer.family .plan_desctiption_box dl.on {
 background-color: rgba(180, 115, 130, 0.3);
}
.ldk_tab_outer.family{
   background : #C9A49D;
   margin-top:20px;
}
.btn_box{
    display: flex;
    justify-content: center;
    align-items: center;
    background: url("../../img/common/bg_menu.jpg") no-repeat;
    background-size:cover;
    padding:20px;
}
.btn_box .btn_4ldk{
    margin-top:0;
}

@media (max-width: 450px) {
    article.point h2 .txt,.ldk_tab_outer h2 {
        font-size:6.6666vw;
    }
    article.point .lead {
    font-size:4.444vw
    }
    article.point h5,.tab-content .ex_box .txt .info {
    font-size:3.1vw;
    }
    .ldk_point .result {
    font-size:4.6vw;
    }
    .point3 h3,.contents_plan .plan_introduction .plan_spec dt  {
    font-size:5.55vw;
    }
    .point3_list dt  {
    font-size:4vw;
}
    .point3_list dd {
        font-size:2.666vw;
    }
    .contents_plan .plan_introduction h4 {
    font-size:4.2vw;
    }

    .ldk_tab_outer .sub_tit {
        font-size:3.77vw;
    }
    .tab-content .ex_box .txt h3 {
        font-size:5.3vw;
    }
    .tab-content .ex_box .txt h3 .sub {
        font-size:3.5vw;
    }
    
}