/*    
    Add by Misaki*
    2021/09/27
    */
    .pr{width:100%; position:relative;}
    /* ======
  main
 ====== */
    
    main {
        overflow: hidden;
    }
    
    main section {
        position: relative;
    }
    
    @media (min-width: 992px) {
        main section:not(:first-of-type) div.container-y {
            padding-top: 7rem;
        }
    }

    .btn-white{ position: relative; border-radius: 0; border:none; padding: .5rem 2rem; font-weight: 500; box-shadow:none !important;background-color:#fff;}
    .btn-white > span{position:relative; z-index:1; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s;}
    .btn-white:hover > span{color:#fff !important;}
    @media (min-width: 768px) {
    .btn-white{padding: 1rem 2.5rem; min-width:250px;}
    }
    .btn-white:before,
    .btn-white:after{content:""; position: absolute; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; height:100%; width:50%; background : #fff; top:0; bottom:0;
    }
    .btn-white:before{left:auto; right:50%;}
    .btn-white:after{left:50%; right:0;}
    .btn-white:hover:before,.btn-white:hover:after{width:0;}
    .btn-white:hover:before{left:0; right:auto;}
    .btn-white:hover:after{left:auto; right:0;}
    #dan .btn-white{background-color:var(--d_color);}
    #w-series .btn-white{background-color:var(--w_color);}
    #s-series .btn-white{background-color:var(--s_color);}
    #dan .btn-white > span{color:var(--d_color);}
    #w-series .btn-white > span{color:var(--w_color);}
    #s-series .btn-white > span{color:var(--s_color);}


    /* ======
  headline
 ====== */    
    .news_wrap div {
        box-sizing: border-box;
        transition: all ease-in-out .5s;
        -moz-transition: all ease-in-out .5s;
        -webkit-transition: all ease-in-out .5s;
    }
    
    .news_wrap .tab {
        margin: 0px;
        cursor: pointer;
    }
    
    .news_wrap #news-content {
        overflow: hidden;
        position: relative;
    }
    
    .news_wrap .tabcontent {
        position: absolute;
        left: 0px;
        top: 0px;
        background: var(--bg);
        width: 100%;
        transform: translateY(-100%);
        -moz-transform: translateY(-100%);
        -webkit-transform: translateY(-100%);
    }
    
    .news_wrap .tabcontent:first-child {
        position: relative;
    }
    
    .news_wrap .tabcontent.tab-active {
        border-top: 0px;
        display: block;
        transform: translateY(0%);
        -moz-transform: translateY(0%);
        -webkit-transform: translateY(0%);
    }
    /* A tiny wee bit of visual formating */
    
    .news_wrap #news-container {
        list-style-type: none;
        padding: 0;
        display: flex;
        justify-content: center;
        margin-bottom: 0;
    }
    
    .news_wrap .tab {
        padding: .5rem 0;
        -webkit-transition: all .3s;
        transition: all .3s;
        color: #000;
        text-align: center;
        flex: 1;
        font-size: .85rem;
    }
    
    .news_wrap .current-tab {
        background:#000;
        color: #fff;
    }
    
    .topics dl {
        margin: 0;
    }
    
    .topics .tabcontent dl>div {
        display: block;
        border-bottom: 1px solid transparent;
        -webkit-transition: all .3s;
        transition: all .3s;
    }
    
    .topics .tabcontent.tab-active dl>div {
        border-color:#000;
    }
    
    .topics dl>div dt {
        font-weight: normal;
        width: auto;
        margin: 0;
        display: flex;
        align-items: center;
        padding: 1.5rem 0 0 1.5rem;
        font-size: .95rem;
    }
    
    .topics dl>div dt span {
        margin-right: 1rem;
        padding:.3rem 1rem;
        width:120px; text-align:center;
        background-color:#fff;
    }
    
    .topics dl>div dd {
        margin: 0;
        flex: 1;
        display: flex;
    }
    
    .topics dl>div dd a {
        display: flex;
        flex: 1;
        align-items: center;
        padding: 1rem 1.5rem 1.5rem 1.5rem;
        font-size: .95rem;
    }
    
    @media (min-width:992px) {
        .news_wrap {
            display: flex;
        }
        .news_wrap .news_inner {
            justify-content: center;
            padding-top: 2rem;
        }
        .news_wrap #news-container {
            display: block;
        }
        .news_wrap #news-content {
            flex: 1;
            margin-left: 60px;
        }
        .news_wrap .tab {
            padding: .5rem 2rem;
            font-size: .95rem;
        }
        .topics .tabcontent dl>div {
            display: block;
        }
        .topics dl>div dt {
            width: 230px;
        }
        .topics dl>div dt {
            padding: 1rem 0 0 1rem;
        }
        .topics dl>div dd a {
            padding: 1rem 1.5rem;
        }
        .topics dl>div dt span {
            margin-right: 1.5rem;
        }
    }
    
    .lead{line-height:1.8; font-weight:900;}
    .plan_title{align-items:center !important;}
    .plan_title h3{flex:1; margin:0 0 0 1rem; line-height:1.5;}
    h2.headline{color:var(--w_color); line-height:1.4;}
    section:not(#about) h2 + div{margin-top:4rem; margin-bottom:4rem;}
    section:not(#about) h2 + div .lead{font-size:1.3rem;}
    #dan h2.headline{color:#fff;}
    h2 img.img-fluid{max-width:250px;}
    @media (min-width: 768px) {
        h2 img.img-fluid{max-width:100%;}
    }
    @media (min-width:992px) {
        section:not(#about) h2 + div .lead{font-size:1.7rem;}
    }



    #dan{color:#fff;}

    #dan .dan_col_text > p:last-child{margin-top:2rem;}
    #dan .dan_col > div:nth-child(even) {padding-top:4rem;}
    @media (min-width:992px) {
    #dan .dan_col{display:flex; max-width:inherit; padding-left:0; padding-right:0; justify-content:space-between;}
    #dan .dan_col > div:nth-child(odd) {margin-left:0; margin-right:40px; padding-bottom:4rem;}
    #dan .dan_col > div:nth-child(even) {margin-left:40px; margin-right:0;}
    #dan .dan_col > div:nth-child(odd) .dan_col_text{padding-left:15px;}
    #dan .dan_col > div:nth-child(even) .dan_col_text{padding-right:15px;}
    }
    @media (min-width:1200px) {
    #dan .dan_col_text{width:80%;}
    #dan .dan_col > div:nth-child(odd) .dan_col_text{margin-left:auto; }
    #dan .dan_col > div:nth-child(even) .dan_col_text{margin-right:auto;}
    }

    #w-series{color:var(--w_color);}
    #w-series div.row:not(:last-of-type){border-bottom:3px solid #fff; margin-bottom:3rem; padding-bottom:3rem;}
    @media (min-width:992px) {
    #w-series .plan_title{margin-top:0;}
        #w-series div.row:not(:last-of-type){margin-bottom:4rem; padding-bottom:4rem;}
    }

    #s-series div.row > .col:not(:last-of-type){border-bottom:2px solid #707070;}
    #s-series div.row > .col{padding:3rem 0;}
    @media (min-width:992px) {
        #s-series div.row > .col{padding:3rem 2rem; display:flex; flex-direction: column;}
        #s-series div.row > .col:nth-child(even){border-left:2px solid #707070;}
        #s-series div.row > .col:not(:nth-last-child(-n+2)){border-bottom:2px solid #707070;}
        #s-series div.row > .col:nth-child(-n+2){padding-top:0;}
        #s-series div.row > .col:nth-last-child(-n+2){padding-bottom:0;border-bottom:none;}
        #s-series div.row > .col > div:last-child{margin:auto 0 0;}
    }


    footer > div:first-child > div{border:none;}