﻿
.l-header {
    width: min(100%,1920px);
    margin: 0 auto;
    padding: 15px 1.5vw 0;
    opacity: 1;
    -webkit-transition: .5s;
    transition: .5s;
	line-height:1.7
}

@media only screen and (max-width: 960px) {
    .l-header {
        padding:10px 20px 0
    }
}

.l-header-fix {
    position: fixed;
    width: 100%;
    z-index: 9999;
    top: 0
}

.l-header-wrap {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: space-between;
    -webkit-box-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 960px) {
    .l-header-wrap {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .l-header-sp {
        display:-ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-pack: space-between;
        -webkit-box-pack: justify;
        justify-content: space-between
    }
.header-sp-wrap {
    padding: 10px;
    background: #fff;
    border-radius: 50px;
    -webkit-box-shadow: 0px 2px 12px rgb(128 142 174 / 20%);
    box-shadow: 0px 2px 12px rgb(128 142 174 / 20%);
    width: 100%;
    -webkit-transition: .5s;
    transition: .5s;
}

}

.l-header-nav-btn {
    display: none
}

@media only screen and (max-width: 960px) {
    .l-header-nav-btn {
        display:block;
        z-index: 9999
    }
}

.l-header-shrink {
    width: 0
}

.l-header-logo {
    height: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    opacity: 1;
    -webkit-transition: .25s cubic-bezier(.4,0,.2,1) 0s;
    transition: .25s cubic-bezier(.4,0,.2,1) 0s;
	margin-block-start:0;
	margin-block-end:0;
	margin:0;
}

.l-globalnav {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: space-between;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -ms-flex-align: flex-start;
    -webkit-box-align: start;
    align-items: flex-start;
    gap: 10px;
    position: relative
}

@media only screen and (max-width: 960px) {
    .l-globalnav {
        display:block
    }
}

.l-globalnav-child {
    position: absolute;
    padding-top: 30px;
    opacity: 0;
    display: none;
    -webkit-transition: .25s cubic-bezier(.4,0,.2,1) 0s;
    transition: .25s cubic-bezier(.4,0,.2,1) 0s
}

@media only screen and (max-width: 960px) {
    .l-globalnav-child {
        position:relative;
        padding-top: 0;
        opacity: 1;
        display: block
    }
}

.l-globalnav-child li {
    display: block
}

.pc-only .l-lang-switch {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: space-between;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 8px 10px !important
}

.pc-none .l-lang-switch {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    padding: 20px
}
.globalnav-child-item li a svg{color:#01aa33}
@media only screen and (max-width: 960px) {
    .l-sp-naviarea {
        position:fixed;
        z-index: 9998;
        width: calc(100% - 20px);
        height: 100%;
        border-radius: 0 20px 20px 0;
        -webkit-box-shadow: 0px 2px 12px rgba(128,142,174,.2);
        box-shadow: 0px 2px 12px rgba(128,142,174,.2);
        -webkit-transition: all .4s;
        transition: all .4s;
        top: 0;
        left: -120%;
        background: #fff
    }

    .l-sp-naviarea.is-active {
        left: 0;
        overflow-y: auto
    }
}

@media screen and (min-width: 961px) {
    .globalnav,.pc-only .lang-switch {
        background:#fff;
        padding: 8px 20px;
        border-radius: 30px;
        line-height: 1;
        -webkit-box-shadow: 0px 2px 12px rgba(128,142,174,.2);
        box-shadow: 0px 2px 12px rgba(128,142,174,.2)
    }

    .globalnav-trigger {
        cursor: pointer
    }

    .globalnav-item {
        display: block;
        border-radius: 20px;
        font-weight: 700;
        position: relative;
        cursor: pointer;
        z-index: 1;
    }
    .l-lang-switch .globalnav-item {text-align:center;}
    .globalnav-item>a,.globalnav-item>span {
        font-size: clamp(.8rem,1vw,1.6rem);
        display: block;
        color: #353937;
        letter-spacing: 0;
        padding: 5px 10px
    }

    .globalnav-item>a:hover,.globalnav-item>span:hover {
        opacity: 1;
        color: #efefef
    }

    .globalnav-item>a:after,.globalnav-item>span:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 30px;
        background-image: linear-gradient(135deg,#1ca182,#2d6ead);
        -webkit-transition: .25s cubic-bezier(.4,0,.2,1) 0s;
        transition: .25s cubic-bezier(.4,0,.2,1) 0s;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -2
    }

    .globalnav-item>a:hover,.globalnav-item>span:hover {
        color: #efefef
    }

    .globalnav-item>a:hover:after,.globalnav-item>span:hover:after {
        opacity: 1
    }

    .globalnav-child {
        background: #fff;
        -webkit-box-shadow: 0px 2px 12px rgba(128,142,174,.2);
        box-shadow: 0px 2px 12px rgba(128,142,174,.2);
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        border-radius: 35px;
        padding: 15px 26px 8px
    }

    .globalnav-child p {
        font-size: clamp(.8rem,1.3vw,1.3rem);
		color:#353937;
		padding: 10px 0
    }

    .globalnav-child-item li {
        border-radius: 0;
        border-bottom: 1px solid #d1d1d1;
        font-weight: 400
    }

    .globalnav-child-item li:last-child {
        border-bottom: 0;
        padding-bottom: 0
    }

    .globalnav-child-item li a {
        padding: 14px 50px 14px 0;
        display: block;
        color: initial;
        position: relative;
        font-size: clamp(.8rem,1.3vw,1.3rem);
    }

    .globalnav-child-item li a:before {
        /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='レイヤー_1' x='0' y='0' version='1.1' viewBox='0 0 15.5 13.3'%3E%3ClinearGradient id='パス_3993_00000183955565571007023080000006339380932328067737_' x1='-420.99' x2='-421.91' y1='286.061' y2='285.061' gradientTransform='matrix(15.5389 0 0 -13.3015 6557.042 3804.86)' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%233fb0f7'/%3E%3Cstop offset='1' stop-color='%233fb0f7'/%3E%3C/linearGradient%3E%3Cpath id='パス_3993' fill='url(%23パス_3993_00000183955565571007023080000006339380932328067737_)' d='M15.2 7.4c.4-.4.4-1.1 0-1.6L9.7.3c-.4-.4-1.1-.4-1.6 0-.4.4-.4 1.1 0 1.5l3.7 3.7H1.1C.5 5.6 0 6 0 6.7s.5 1.1 1.1 1.1h10.6l-3.6 3.7c-.4.4-.4 1.1 0 1.6.4.4 1.1.4 1.5 0l5.6-5.7z'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: 40% 50%;*/
        position: absolute;
        content: "";
        width: 20px;
        height: 20px;
        right: 5px;
        top: calc((100% - 20px)/2);
        -webkit-transition: .25s cubic-bezier(.4,0,.2,1) 0s;
        transition: .25s cubic-bezier(.4,0,.2,1) 0s;
        white-space: nowrap
    }

    .globalnav-child-item li a:hover:before {
        right: -3px
    }
    .globalnav-child-item li a:hover svg {
        transform: scale(1.2);
    }
}

@media only screen and (max-width: 960px) {
    .globalnav-item {
        border-bottom:1px solid #d1d1d1
    }

    .globalnav-item>a,.globalnav-item>span {
        display: block;
        padding: 15px
    }

    .globalnav-trigger {
        position: relative
    }

    .haschild:before,.haschild:after {
        content: "";
        display: block;
        width: 10px;
        border-bottom: 1px solid #707070;
        position: absolute;
        right: 20px;
        top: 25px;
        -webkit-transition: .25s cubic-bezier(.4,0,.2,1) 0s;
        transition: .25s cubic-bezier(.4,0,.2,1) 0s
    }

    .globalnav-trigger:after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .globalnav-trigger.is-active:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .globalnav-trigger.is-active:after {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    .globalnav-child-item li {
        border-top: 1px dashed #d1d1d1
    }

    .globalnav-child-item li a {
        display: block;
        padding: 10px 30px
    }
}

.nav-btn {
    position: relative;
    width: 20px;
    height: 20px
}

.nav-btn span {
    width: 20px;
    height: 2px;
    border-radius: 5px;
    display: block;
    background: -webkit-gradient(linear,left top,left bottom,from(#6d6afe),to(#3fb0f7));
    background: linear-gradient(180deg,#6d6afe 0%,#3fb0f7 100%);
    margin-bottom: 5px;
    position: absolute;
    right: 5px;
    -webkit-transition: .25s cubic-bezier(.4,0,.2,1) 0s;
    transition: .25s cubic-bezier(.4,0,.2,1) 0s
}

.nav-btn span:nth-child(1) {
    top: 0
}

.nav-btn span:nth-child(2) {
    top: 7px
}

.nav-btn span:nth-child(3) {
    top: 14px;
    width: 10px;
    opacity: 1
}

.lang-switch {
/*    font-family: "Inter",sans-serif*/
}

.pc-none .lang-switch li a {
    padding: 2px 10px 0;
    line-height: 1.5
}

.pc {
    display: initial
}

.sp {
    display: none
}

@media only screen and (max-width: 520px) {
    .pc {
        display:none
    }

    .sp {
        display: block
    }
}

@media only screen and (max-width: 960px) {
    .pc {
        display:none
    }

    .sp {
        display: block;margin:10px;
    }
}

.df {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.df-un {
    display: unset
}

.img-full {
    max-width: unset;
    width: 100%
}

.fl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.fl-r {
    float: right
}
@media only screen and (max-width: 960px) {
    .pc-only {
        display:none !important
    }
}

.pc-none {
    display: none
}

@media only screen and (max-width: 960px) {
    .pc-none {
        display:block
    }
}
.l-header-logo a img{display:block;    width: 235px;
    height: 43px;}

.is-current>a,.is-current>span {
    padding: 5px 10px;
    display: block;
    color: #efefef;
    position: relative
}
.footer-logo__image{ width: 235px;
    height: 43px;}

.is-current>a:after,.is-current>span:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 30px;
    background-image: linear-gradient(135deg,#1db052,#007bbe);
    -webkit-transition: .25s cubic-bezier(.4,0,.2,1) 0s;
    transition: .25s cubic-bezier(.4,0,.2,1) 0s;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
    opacity: 1
}

@media only screen and (max-width: 520px) {
    .is-current>a:after,.is-current>span:after {
        top:1px
    }
}

@media only screen and (max-width: 960px) {
    .is-current.globalnav-item {
        padding:0
    }

    .is-current.globalnav-item>a,.is-current.globalnav-item>span {
        color: initial;
        padding: 15px
    }

    .is-current.globalnav-item>a:after,.is-current.globalnav-item>span:after {
        display: none
    }

    .lang-switch .is-current>a {
        padding: 0 10px
    }
}

@media screen and (min-width: 961px) {
    .is-hide {
        opacity:0;
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }
}

.is-open {
    opacity: 1;
    display: block
}

@media only screen and (max-width: 960px) {
    .is-open {
        display:block
    }
.l-header-logo a img{height:19px;width:auto;}
.is-shrink .l-header-logo {
    opacity: 0;
}
.is-shrink .header-sp-wrap {
    width: 40px;
    height: 39px;
}
.is-shrink .header-sp-wrap .nav-btn span {
    right: 0;
}
}

@media screen and (min-width: 961px) {
    .is-open.l-globalnav-child {
        -webkit-animation-name:fadeDownAnime;
        animation-name: fadeDownAnime;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards
    }
}

.header-nav-contact, .header-nav-searchBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 25px;
    aspect-ratio: 1/1;
    transition: border-color .4s;
}
.header-transparent .header-nav-contact,.header-transparent .header-nav-searchBtn {
    /*border-color: #fff;*/
}
/*.pc-only{display:flex;margin:auto;}*/
.header-nav-searchBtn{margin-left:0}
.header-nav-contact:hover .icon, .header-nav-searchBtn:hover .icon{fill:#fff}

.header-search  .__close {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    top: 0;
    right: -55px;
    /*pointer-events: none;*/
	background:#fff;
	border-radius:50%
}
.header-search .__close .icon {
    width: 20px;
    height: 20px;
    fill: #01aa33;
}
.header-search.is-active .__close{pointer-events: auto;    cursor: pointer;}
.is-hide{display:none}
.is-move .header-search{display:none}
body .mod-newsList02 {
    padding: 10px 10px 20px 10px;
    border-right: 1px dotted #ccc;
    align-items: flex-start;/*width: 33.33%;*/}
	
.b-tabs__content-wrap .nowrap, .wrap{ background-color:#E6FFD7;padding:20px} 

@media only screen and (max-width: 960px){
.globalnav-child-item li a svg{display:none;}
}