@charset "utf-8";
.inc-nav ul li a:hover img,
.inc-nav ul li a:active img,
.pageTop a:hover,
.pageTop a:active{
-ms-filter: "alpha( opacity=70 )";
filter: alpha( opacity=70 );
opacity: 0.7;
}
.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}
.privacy-links-area{
    display: none;
}
/* ==========================================================

- ハンバーガーボタン

========================================================== */
.hamburgerButton {
    display: block;
    position: fixed;
    top: 80px;
    right: 20px;
    width: 32px;
    padding: 12px;
    cursor: pointer;
    z-index: 9999;
    background-color: #000000;
}
.hamburgerButton ul { 
    position: relative;
    padding: 26px 0 0 0;
    margin-bottom: 3px;
}
.hamburgerButton ul li {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background-color: #FFFFFF;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.hamburgerButton ul li:nth-child(1) { top: 0;}
.hamburgerButton ul li:nth-child(2) { top: 0; bottom: 0;}
.hamburgerButton ul li:nth-child(3) { bottom: 0;}

.hamburgerButton ul.open li:nth-child(1) {
	top: 16px;
    -webkit-transform: rotate(-135deg);
    -moz-transition: rotate(-135deg);
    transform: rotate(-135deg); 
}
.hamburgerButton ul.open li:nth-child(2){
    width: 0;
    opacity: 0; 
}
.hamburgerButton ul.open li:nth-child(3) {
	top: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transition: rotate(135deg);
    transform: rotate(135deg); 
}

.hamburgerTxt::after{
    content:"MENU";
    position: relative;
    top: 0;
    display: block;
    line-height: 1;
    font-size: 1.0rem;
    text-align: center;
    color: #FFFFFF;
    font-family: "Noto Sans Japanese";
    font-weight: 700;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.hamburgerTxt.open::after{
    content:"CLOSE";
    position: relative;
    top: 0;
    display: block;
    line-height: 1;
    font-size: 1.0rem;
    text-align: center;
    color: #FFFFFF;
    font-family: "Noto Sans Japanese";
    font-weight: 700;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.hamburgerTxt.open_color::after{
    color: #ffea00;
    
}


/* ==========================================================

- ナビゲーション

========================================================== */
.inc-nav{
    position: fixed;
    max-width: 100%;
    width: 100%;
    background-color: #000000;
    z-index: 9997; 
}    
/* ==========================================================

- ナビゲーション_SNSボタン部分

========================================================== */   
.sns-wrap{
    max-width: 100%;
    width: 100%;
    background-color: #000000;
}        
.sns-inner{
    width: 100%;
    margin: 0 auto;
    padding: 8px 120px; 
    z-index: 9998;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}    
.sns-wrap dl{
    -js-display: flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    display: flex;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
} 
.sns-wrap dl dt h1{
    width: 50px;
}
.sns-wrap dl dt h1 img{
    max-width: 50px;
    width: 100%;
    height: auto;
}
.sns-wrap dl dd{
    -js-display: flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    display: flex;
    -ms-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -ms-align-items: center;
    -webkit-align-items: center;
    align-items: center;
}
.sns-wrap dl dd ul{
    -js-display: flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    display: flex;
    -ms-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.sns-wrap dl dd .sns-txtLinks ul{
    margin: 0 30px 0 0;        
}
.sns-wrap dl dd .sns-txtLinks ul li{
    margin: 0 0 0 10px;        
}
.sns-wrap dl dd .sns-txtLinks ul li a{
    font-size: 1.4rem;
    color: #FFFFFF;    
}
.sns-wrap dl dd .sns-txtLinks ul li a::before{
    content:"▶";
    font-size: 1.1rem;
    margin: 0 5px 0 0; 
}
.sns-wrap dl dd .sns-txtLinks ul li:nth-child(1){
    margin-left: 0;        
}
.sns-wrap dl dd .sns-btnLinks ul li{
    width: 32px;
    margin: 0 0 0 12px;        
}
.sns-wrap dl dd .sns-btnLinks ul li:nth-child(1){
    margin-left: 0;        
}
.sns-wrap dl dd .sns-btnLinks ul li a img{
    max-width: 32px;
    width: 100%;
    height: auto;
}

nav .nav-inner .nav-innerBottom ul li a:hover,
nav .nav-inner .nav-innerBottom ul li a:active,
nav .nav-inner .nav-innerTop ul li a:hover,
nav .nav-inner .nav-innerTop ul li a:active,
.sns-wrap dl dd .sns-txtLinks ul li a:hover,
.sns-wrap dl dd .sns-txtLinks ul li a:active{
    color: #ffea00;
}


/* ==========================================================

- ナビゲーション_スライド部分

========================================================== */
nav{
    max-width: 100%;
    width: 100%;
    background-color: #000000;
    display: none;
}  
nav .nav-inner{
    width: 1200px;
    padding: 30px 0;
    margin: 0 auto;
    z-index: 9997;
}
nav .nav-inner .nav-innerTop{
    margin: 0 0 20px 0;
}
nav .nav-inner .nav-innerBottom ul,
nav .nav-inner .nav-innerTop ul{
    -js-display: flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    display: flex;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}
nav .nav-inner .nav-innerBottom ul li,
nav .nav-inner .nav-innerTop ul li{
    margin: 0 25px;
}
nav .nav-inner .nav-innerBottom ul li a,
nav .nav-inner .nav-innerTop ul li a{
    font-size: 1.4rem;
    font-family: "Noto Sans Japanese";
    color: #FFFFFF;
}
.nav-sns-sp{
    display: none;
}
/* ==========================================================

- フッター

========================================================== */
.inc-footer{
    max-width: 100%;
    width: 100%;
    background-color: #000000;
    z-index: 9997; 
} 
.footer-inner{
    width: 1000px;
    padding: 80px 0 83px;
    margin: 0 auto;
    color: #FFFFFF;
}
.footer-inner p.footer-ttl{
    margin: 0 0 36px 0;
    font-size: 2.4rem;
    letter-spacing: 0.2rem;
    font-family: "Noto Sans Japanese";
    text-align: center;
    font-weight: 700;
}
.footer-inner h5{
    margin: 0 0 13px 0;
    font-size: 2.0rem;
    font-family: "Noto Sans Japanese";
    text-align: center;
    font-weight: 700;
}
.footer-inner .footer-inner-inquiry{
    -js-display: flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    display: flex;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 0 23px 0;
    font-size: 1.2rem;
}
.footer-inner .footer-inner-inquiry p{
    display: inline;
}
.footer-inner .footer-inner-inquiry p:nth-child(2){
    margin: 0 1.0rem;
}
.footer-inner h6{
    width: 310px;
    margin: 0 auto 39px;
    text-align: center;
}
.footer-inner h6 img{
    max-width: 310px;
    width: 100%;
    height: auto;
}
.copyright{
    font-size: 1.0rem;
    text-align: center;
}
.copyright span{
    padding: 0 1.0rem 0 0;
}    
.pageTop{
    position: fixed;
    bottom: -124px;
    right: 30px;
    z-index: 9999;
}
.pageTop a{
	display: block;
	width: 76px;
	height: auto;
}
.pageTop a img{
    max-width: 76px;
    width: 100%;
    height: auto;    
}
/* ===============================================================================================================

- @media screen @1119

=============================================================================================================== */
@media screen and  (max-width: 1119px){ 
nav .nav-inner{
    width: 100%;
    padding: 30px 0;
}
nav .nav-inner .nav-innerBottom ul li,
nav .nav-inner .nav-innerTop ul li{
    margin: 0 7.5px;
}    
nav .nav-inner .nav-innerBottom ul li a,
nav .nav-inner .nav-innerTop ul li a{
    font-size: 1.3rem;
    line-height: 1.2;
    
}
    
    
    
    
} /* media screen */
    
/* ===============================================================================================================

- @media screen @959

=============================================================================================================== */
@media screen and (max-width: 959px){  
.sns-inner{
    padding: 8px 40px; 
}   
/* ==========================================================

- フッター

========================================================== */
.footer-inner{
    width: 100%;
    padding: 82px 60px 193px;
    margin: 0 auto;
   -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.footer-inner p.footer-ttl{
    margin: 0 0 27px 0;
    font-size: 2.8rem;
    letter-spacing: 0.2rem;
}
.footer-inner h5{
    margin: 0 0 55px 0;
    font-size: 2.2rem;
    line-height: 1.8;
}
    .footer-inner h5 span{
        display: block;
    }
.footer-inner .footer-inner-inquiry{
    display: block;
    margin: 0 0 50px 0;
    font-size: 2.0rem;
    line-height: 1.6;
}
.footer-inner .footer-inner-inquiry p{
    display: inline;
}    
.footer-inner .footer-inner-inquiry p:nth-child(2){
    margin: 0;
}
.footer-inner h6{
    width: 310px;
    margin: 0 auto 50px;
    text-align: center;
}
.footer-inner h6 img{
    max-width: 310px;
    width: 100%;
    height: auto;
}
.copyright{
    font-size: 1.8rem;
    line-height: 1.7;
    text-align: center;
}
.copyright span{
    display: block;
    padding: 0;
}    

    
} /* media screen */





/* ===============================================================================================================

- @media screen @640

=============================================================================================================== */
@media screen and (max-width: 800px){ 
/* ==========================================================

- ハンバーガーボタン

========================================================== */
.hamburgerButton {
    display: block;
    position: fixed;
    top: 7px;
    right: 11px;
    width: 24px;
    padding: 0;
    cursor: pointer;
    z-index: 9999;
    background-color: #000000;
}    
.hamburgerButton ul { 
    position: relative;
    padding: 16px 0 0 0;
    margin-bottom: 4px;
}
.hamburgerButton ul li {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
}  
.hamburgerButton ul.open li:nth-child(1) {
	top: 11px;
    -webkit-transform: rotate(-135deg);
    -moz-transition: rotate(-135deg);
    transform: rotate(-135deg); 
}
.hamburgerButton ul.open li:nth-child(2){
    width: 0;
    opacity: 0; 
}
.hamburgerButton ul.open li:nth-child(3) {
	top: 9px;
    -webkit-transform: rotate(135deg);
    -moz-transition: rotate(135deg);
    transform: rotate(135deg); 
}    
.hamburgerTxt::after{
    content:"MENU";
    position: relative;
    top: 0;
    display: block;
    line-height: 1;
    font-size: 7.5px;
    text-align: center;
    color: #FFFFFF;
    font-family: "Noto Sans Japanese";
    font-weight: 700;
}
.hamburgerTxt.open::after{
    content:"CLOSE";
    position: relative;
    top: 0;
    display: block;
    line-height: 1;
    font-size: 7.5px;
    text-align: center;
    color: #FFFFFF;
    font-family: "Noto Sans Japanese";
    font-weight: 700;
}
.hamburgerTxt.open_color::after{
    color: #ffea00;
}

/* ==========================================================

- ナビゲーション

========================================================== */
.inc-nav{
    position: fixed;
    max-width: 100%;
    width: 100%;
    background-color: #000000;
    z-index: 9997; 
}    
/* ==========================================================

- ナビゲーション_SNSボタン部分

========================================================== */   
.sns-inner{
    width: 100%;
    margin: 0 auto;
    padding: 7px 12px; 
}    
.sns-wrap dl dt h1{
    width: 40px;
}
.sns-wrap dl dt h1 img{
    max-width: 40px;
}
.sns-wrap dl dd{
    display: none;
}

/* ==========================================================

- ナビゲーション_スライド部分

========================================================== */
nav{
    display: none;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}  
nav .nav-inner{
    width: 100%;
    margin: 0 auto 0;
    padding: 30px 0;
}
nav .nav-inner .nav-innerTop{
    margin: 0;
}
nav .nav-inner .nav-innerBottom,
nav .nav-inner .nav-innerTop{   
    padding: 0 12px; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
nav .nav-inner .nav-innerBottom ul,
nav .nav-inner .nav-innerTop ul{
    -js-display: flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    display: flex;
    -ms-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
nav .nav-inner .nav-innerBottom ul li,
nav .nav-inner .nav-innerTop ul li{
    width: 50%;
    margin: 0 0 25px 0;
}
nav .nav-inner .nav-innerBottom ul li a,
nav .nav-inner .nav-innerTop ul li a{
    font-size: 1.2rem;
    line-height: 1.4;
}    
.nav-sns-sp{
    display: block;
}  
.sns-sp-txtLinks{
    margin: 0 0 20px 0;
}    
.sns-sp-btnLinks ul,    
.sns-sp-txtLinks ul{
    -js-display: flex;
    display:-ms-flexbox;
    display:-webkit-flex;
    display: flex;
    -ms-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.sns-sp-txtLinks{
    padding: 0 12px;
}

.sns-sp-txtLinks ul li{
    margin: 0 0 0 15px;
}
.sns-sp-txtLinks ul li:last-child{
    margin: 0 0 0 15px;        
}    
.sns-sp-txtLinks ul li a{
    font-size: 1.0rem;
        line-height: 1.6;
    color: #FFFFFF;    
}
.sns-sp-txtLinks ul li a::before{
    content:"▶";
    font-size: 1.0rem;
    margin: 0 2px 0 0; 
}
.sns-sp-txtLinks ul li:nth-child(1){
    margin-left: 0;        
}
.sns-sp-btnLinks ul li{
    width: 30px;
    margin: 0 0 0 20px;        
}
.sns-sp-btnLinks ul li:nth-child(1){
    margin-left: 0;        
}
.sns-sp-btnLinks ul li a img{
    max-width: 30px;
    width: 100%;
    height: auto;
}    
/* ==========================================================

- フッター

========================================================== */
.footer-inner{
    width: 100%;
    padding: 41px 20px 97px;
}
.footer-inner p.footer-ttl{
    margin: 0 0 7px 0;
    font-size: 1.4rem;
}
.footer-inner h5{
    margin: 0 0 27px 0;
    font-size: 1.2rem;
    line-height: 1.9;
}
.footer-inner h5 span{
    display: block;
}

.footer-inner .footer-inner-inquiry{
    display: block;
    margin: 0 0 26px 0;
    font-size: 1.0rem;
    line-height: 1.6;
    text-align: center;    
}
    .footer-inner .footer-inner-inquiry div{
        display: inline-block;       
    }    
    .footer-inner .footer-inner-inquiry div p{
        text-align: left;
        display: block;
    }
      
.footer-inner .footer-inner-inquiry p:nth-child(2){
    margin: 0;
}
.footer-inner h6{
    width: 100%;
    margin: 0 auto 26px;
    text-align: center;
}
    .footer-inner h6 img{
        max-width: 156px;
        width: 100%;
        height: auto;
    }    
.copyright{
    font-size: 1.0rem;
    line-height: 1.5;
    text-align: center;
}
.copyright span{
    display: block;
    padding: 0;
} 
     
.pageTop{
    position: fixed;
    bottom: -56px;
    right: 12px;
    z-index: 9999;
}
.pageTop a{
	display: block;
	width: 33px;
	height: auto;
}
.pageTop a img{
    max-width: 33px;

} 
} /* media screen */

@media screen and (max-width:320px){
    .sns-sp-txtLinks ul{
        -ms-justify-content: start;
        -webkit-justify-content: start;
        justify-content: start;
    }  
    .sns-sp-txtLinks ul li:last-child{
        margin: 15px 0 0 0;        
    }   
    
}