@charset "utf-8";
@media screen and (max-width: 950px) {
    body{font-size: 3.6vw;}
    h1{line-height: 0.6em;}
    .pcNone{display: block;}
    .spNone{display: none;}

    .mainInner{width: 90%;}
	.contentSec{padding: 1.7rem 0;}

    /* header */
    .logoImg{margin-bottom: 3em;text-align: center;}
    .logoImg img{width: 100%;max-width: 136px;}
    .headerAiImg {margin-top: min(2.3vh,22px);}
    .headerAiImg img{
        display: block;
        margin: 0 auto;
        /* width: 35%; */
        max-width: 200px;
        height: auto;
    }

    .header__nav {
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        width: 100%;
        height: 100vh;
        transform: translateX(100%);
        background-color: #fff;
        transition: ease .4s;
    }

    .nav-items {
        position: absolute;
        max-height: 80%;
        width: 90%;
        overflow: scroll;
        top: 52%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 0em 0 2em;
    }

    .nav-items__item a {
        color: #0a0a0a;
        width: 100%;
        display: block;
        text-align: center;
        margin-bottom: min(2vh,18px);
    }
	
	.nav-items__item .headerLinkSp{
		width: max-content;
		padding: 1em 3em;
		margin: 0px auto min(2vh, 18px);
	}

    .nav-items__item:last-child a {
        margin-bottom: 0;
    }

    .header__hamburger {
        width: 48px;
        height: 100%;
    
    }
    
    .hamburger {
        background-color: transparent;
        border-color: transparent;
        z-index: 9999;
    }

    .hamburger span {
        width: 100%;
        height: 1px;
        background-color: #000;
        position: relative;
        transition: ease .4s;
        display: block;
    }
    
    .hamburger span:nth-child(1) {
        top: 0;
    }
    
    .hamburger span:nth-child(2) {
        margin: 8px 0;
    }
    
    .hamburger span:nth-child(3) {
        top: 0;
    }
    
    
      /* ハンバーガーメニュークリック後のスタイル */
    .header__nav.active {
        transform: translateX(0);
    }
    
    .hamburger.active span:nth-child(1) {
        top: 5px;
        transform: rotate(45deg);
    }
    
    .hamburger.active span:nth-child(2) {
        opacity: 0;
    
    }
    
    .hamburger.active span:nth-child(3) {
        top: -13px;
        transform: rotate(-45deg);
    } 
    
#header .headerAbout{padding: 0.4em 0.5em 0.3em;}

    #header .headerAbout p{width: 65%; line-height:1.2em;}
    #header .headerWrap h1 img{width: 80%;}
    #header .headerWrap{padding: 0.5em 0 0.5em 1em;}
    .headerLink{display: none;}
    .headerLinkSp{display: block;width: 100%;text-align: center;padding: 1em 0;background-color: #DD513A;color: #fff !important;transition: ease .3s;position: relative;}
    .headerLinkSp::after{content: "";margin: auto;position: absolute;top: 0;bottom: 2px;right: 18px;width: 6px;height: 6px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);}

    #footer .footerInner{display: flex;flex-direction: column-reverse;}
    #footer .footerInner .footerAbout{display: block;width: 100%;}
    #footer .footerInner .footerAbout .footerAccess{width: 100%;}
    #footer .footerInner .footerNavi{width: 90%;margin: 0 auto;}
    #footer .footerInner .footerNavi .footerNaviList{display: flex;justify-content: space-between;flex-wrap: wrap;}
    #footer .footerInner .footerNavi .footerNaviList .footerNaviItem{margin-bottom: 2em;width: 35%;border-left: 1px solid #0a0a0a;padding-left: 1em;}
    #footer .footerInner .footerAbout img{display: block;margin: 0 auto 1em;}

    #relationSec .relationInner .relationWrap{display: flex;flex-wrap: wrap;justify-content: space-between;}
    #relationSec .relationInner .relationWrap:first-child{margin-bottom: 0;}
    #relationSec .relationInner .relationWrap a{display: block;width: 48%;}
    #relationSec .relationInner .relationWrap a img{width: 100%;}
    #relationSec .relationInner .relationWrap a{margin-bottom: 1em;}
}