@charset "utf-8";

@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 300;
src: url('../fonts/NotoSansCJKjp-Regular.woff2') format('woff2'),
url('../fonts/NotoSansCJKjp-Regular.woff') format('woff'),
url('../fonts/NotoSansCJKjp-Regular.ttf') format('truetype'),
url('../fonts/NotoSansCJKjp-Regular.eot') format('embedded-opentype');
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 400;
src: url('../fonts/NotoSansCJKjp-Medium.woff2') format('woff2'),
url('../fonts/NotoSansCJKjp-Medium.woff') format('woff'),
url('../fonts/NotoSansCJKjp-Medium.ttf') format('truetype'),
url('../fonts/NotoSansCJKjp-Medium.eot') format('embedded-opentype');
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 700;
src: url('../fonts/NotoSansCJKjp-Bold.woff2') format('woff2'),
url('../fonts/NotoSansCJKjp-Bold.woff') format('woff'),
url('../fonts/NotoSansCJKjp-Bold.ttf') format('truetype'),
url('../fonts/NotoSansCJKjp-Bold.eot') format('embedded-opentype');
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 900;
src: url('../fonts/NotoSansCJKjp-Black.woff2') format('woff2'),
url('../fonts/NotoSansCJKjp-Black.woff') format('woff'),
url('../fonts/NotoSansCJKjp-Black.ttf') format('truetype'),
url('../fonts/NotoSansCJKjp-Black.eot') format('embedded-opentype');
}

html {
	font: normal normal normal 62.5%/1 "Noto Sans Japanese", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, MS PGothic, sans-serif;
}

/*
.mincho{
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
}

*/
body {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	background-color: rgba(255, 255, 255, 1);
	position: relative;
	color: #353b39;
	color: rgba(53, 59, 57,1);
	text-rendering: optimizeLegibility;
	font-feature-settings : "palt" 1;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-kerning: normal;
			font-kerning: normal;
	-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
}
/*
.win body{
	line-height:1.8rem;
	}
*/
a {
	color:#adbc32;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a:hover {
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    /*
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
    */
}
input,
select,
textarea,
button,
*:before,
*:after {
	-webkit-transition:  opacity 0.2s ease;
	        transition:  opacity 0.2s ease;
	-webkit-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
}

a:focus,
input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}

img {
	width: 100%;
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
		interpolation-mode: bicubic;
	-webkit-backface-visibility: hidden !Important;
}

.pc_off{
	display:none;
	}
.tab_on{
	display:none;
	}
.sp_off{
	display:block;
	}
.onon{
	display:block !important;
}

.cl{
	clear:both;
	}
img.preload{
	display:none;
}
::-moz-selection
{
    background: #adbc32;
}
::selection
{
    background: #adbc32;
}

/* Safari */
::-moz-selection{
    background: #adbc32;
}

.en {
   font-family: 'Quicksand', sans-serif;
}
.enm{
   font-family: 'Quicksand', sans-serif;
    font-weight:500;
}
.enb{
   font-family: 'Quicksand', sans-serif;
    font-weight:700;
}
.en_tm{
    font-family: 'Text Me One', sans-serif;
}

.all_wrap{
    position: relative;
    overflow:hidden;
    background:#aebc33;
    padding:20px;
    box-sizing:border-box;
}
.wrap_inr{
    position: relative;
    background:#fff;
    border-radius:20px;
}

@media screen and (max-width :800px ){
    
    .all_wrap{padding:5px 0 0;}
    .wrap_inr{border-radius:0;}
}

/* ==========================================================================
	メニュー
========================================================================== */

#header{
    position: relative;
    width: 100%;
    background:#fff;
    border-radius:20px 20px 0 0;
    -js-display: flex;
    display:-webkit-box;
    display: -webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display: flex;
    /*
    -webkit-justify-content: space-between;
    justify-content: space-between;
    */
    flex-direction: row-reverse;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding:58px calc(140px + 3.5vw) 0 calc(4.28vw + 267px);
    box-sizing:border-box;
    width:100%;
}
/*
#header:after{
    content:"";
    display: block;
    width: 20px;
    height: 20px;
    background:url(../image/common/kado_rt20.png);
    background-size:cover;
    position: absolute;
    top: 0;
    right: 140px;
    z-index:10;
}
*/
#header h1{
    position:absolute;
    width: 206px;
    left: 4.28vw;
    top: 60px;
}
#header h1 a img{
     transition:transform .4s;   
}
#header h1 a:hover img{
     transform: translateY(-5px);
}
#header h1 .fixon{display:none;}

.menu_list{
    position: relative;
    margin-top: 3px;
}

.menu_list a{
    position:relative;
     display:inline-block;
    margin-right:44px;
    color:#1f1f1f;
    font-weight: 700;
    font-size: 19px;   
    z-index:10;
}

.menu_list a:after{
    content: "";
    display: block;
    position: absolute;
    top:14px;
    height:8px;
    border-radius:2px;
    background:#ffd85f;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    width: 0;
    z-index:-1;
}

.menu_list a:hover:after {
  width: 100%;
}

.menu_list a p{
    position: relative;
    display: block;
    font-size: 15px;
    color:#95b031;
    padding-left: 8px;
    box-sizing:border-box;
    margin-top: 14px;
}
.menu_list a p:before{
    content:"";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background:#f1bb12;
    position: absolute;
    left: 0;
    top: 0;
    bottom:0;
    margin:auto;
}


.abcon {
    width: 172px;
    transform: translateY(-4px);
}
.abcon a {
    position: relative;
    display:inline-block;
    font-size: 16px;
    font-weight: 700;
    color:#1f1f1f;
    z-index:10;
    transition: transform .3s;
}
.abcon a:after{
    content:"";
    display: block;
    width: 105px;
    height: 10px;
    background:#e1ee79;
    border-radius:2px;
    position: absolute;
    left: 9px;
    bottom:-7px;
    z-index:-1;
    transition:transform .3s,background .3s;
}

.abcon a:last-child{
     width: 130px;
    margin:20px 0 0 42px;
}
.abcon a:last-child:after{
    width: 120px;
     background:#ffd85f;   
}
.abcon span {
    display:inline-block;
    width: 23px;
    margin-left: 4px;
    transform: translateY(2px);
}

.abcon a:last-child span {
    width: 18px;
    margin-left: 6px;
    transform: translateY(0);

}

.abcon a:hover{
    transform:translateX(5px);
}
.abcon a:hover:after{
    transform:translateX(-9px);
    background:#aebc33;
    transition:transform .3s,background .3s;
}
.abcon a:last-child:hover:after{
    background:#e5b317;
}



.global-nav {
  position: fixed;    
    top: 20px;
    left: 20px;
/*  top:-800px;*/
    width: calc(100% - 40px);
  height: 100vh;
  padding-top: 40px;
  background-color: #fff;
    border-radius:20px 0 0 0;
    box-sizing: border-box;
  transition: all .6s;
  z-index: 9998;
    opacity: 0;
    visibility: hidden;
  overflow-y: auto;
    
}

/*
.global-nav:before{
    content:"";
    display: block;
    width: 20px;
    height: 20px;
    background:url(../image/common/kado_rt20.png);
    background-size:cover;
    position: absolute;
    top: 0;
    right: 140px;
    z-index:10;
}

*/


.global-nav_inr{
    position: relative;
    width: 90%;
    /*
    max-width:1260px;
    */
    margin:0 auto;
    	-js-display: flex;
    display:-webkit-box;
    display: -webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding-bottom:50px;
}

.global-nav .img_area {
    width: 42.8%;
    position:relative;
}

.global-nav .img_area li {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    opacity: 0;
    -webkit-animation: anime 30s linear 0s infinite ;
    animation: anime 30s linear 0s infinite ;
    border-radius:20px;
}
.global-nav .img_area li:nth-child(1) { 
    background-image: url(../image/common/global-nav_img01.jpg);   /* 背景画像を入力して下さい */
}
.global-nav .img_area li:nth-child(2) {
    background-image: url(../image/common/global-nav_img02.jpg);   /* 背景画像を入力して下さい */
    -webkit-animation-delay: 6s;
    animation-delay: 6s;
}
.global-nav .img_area li:nth-child(3) {
    background-image: url(../image/common/global-nav_img03.jpg);   /* 背景画像を入力して下さい */
    -webkit-animation-delay: 12s;
    animation-delay: 12s;
}
.global-nav .img_area li:nth-child(4) {
    background-image: url(../image/common/global-nav_img04.jpg);   /* 背景画像を入力して下さい */
    -webkit-animation-delay: 18s;
    animation-delay: 18s;
}
.global-nav .img_area li:nth-child(5) {
    background-image: url(../image/common/global-nav_img05.jpg);   /* 背景画像を入力して下さい */
    -webkit-animation-delay: 24s;
    animation-delay: 24s;
}
@-webkit-keyframes anime { 
    0% {
        -webkit-animation-timing-function: ease-in;
        opacity: 0;
    }
    5% {
        -webkit-animation-timing-function: ease-in;
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    30% {
            -webkit-animation-timing-function: ease-out;
        opacity: 1;
    }
    35% {
        opacity: 0;
    }
    100% { opacity: 0 }
}
@keyframes anime { 
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
    }
    5% {
        -webkit-animation-timing-function: ease-in;
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    30% {
            animation-timing-function: ease-out;
        opacity: 1;
    }
    35% {
        opacity: 0;
    }
    100% { opacity: 0 }
}



.global-nav .link_area{
    width: 53%;
    padding-bottom: 35px;
}

.global-nav .global-nav_list {
    position: relative;
    padding: 40px 0 0;
}
.global-nav .global-nav_list a{
    position: relative;
    display: inline-block;
    margin-right: 35px;
    font-size: 20px;
    font-weight: 700;
    color:#1f1f1f;
    margin-bottom: 45px;
}

.global-nav .global-nav_list a:after{
    content: "";
    display: block;
    position: absolute;
    top:14px;
    height:8px;
    border-radius:2px;
    background:#ffd85f;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    width: 0;
    z-index:-1;
}

.global-nav .global-nav_list a:hover:after {
  width: 100%;
}
.global-nav .global-nav_list a p{
    position: relative;
    display: block;
    font-size: 15px;
    color:#95b031;
    padding-left: 8px;
    box-sizing:border-box;
    margin-top: 14px;
}
.global-nav .global-nav_list a p:before{
    content:"";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background:#f1bb12;
    position: absolute;
    left: 0;
    top: 0;
    bottom:0;
    margin:auto;
}

.global-nav .btn_area {
    -js-display: flex;
    display:-webkit-box;
    display: -webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding:13px 0 63px;
    border-bottom:4px dotted #adbc32;
}
.global-nav .link_btn {
    width: 47.5%;
}
.global-nav .time {
    width: 100%;
    padding:10px 20px 12px 25px;
    background:#f8f8f8;
    border-radius:5px;
    margin:60px 0 29px;
    box-sizing:border-box;
}
.global-nav .time p {
    display:inline-block;
    font-size: 12px;
    font-weight: 700;
    margin-right: 20px;
    line-height: 1.5;
}
.global-nav .time span{
    font-size: 12px;
}
.global-nav .tell a {
    display: block;
    width: 213px;
}
.global-nav .btm_link {
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
    flex-direction: row-reverse;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
    margin-top: 30px;
}
.global-nav .sns_link {
    width: 160px;
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
}
.global-nav .sns_link a {
    display:block;
    width: 8px;
}
.global-nav .sns_link a:nth-child(2),
.global-nav .sns_link a:nth-child(3){width: 15px;}
.global-nav .sns_link a:nth-child(4){width: 12px;}

.global-nav .sns_link img{
    transition: transform 0.3s ease;   
    
}
.global-nav .sns_link a:hover img {
    transform: translateY(-5px);
}
.global-nav .other_link {
    display:inline-block;
}
.global-nav .other_link a {
    position: relative;
    display:inline-block;
    margin:0 45px 0 14px;
    box-sizing:border-box;
    font-size: 14px;
    padding-bottom:8px;
    border-bottom:1px solid #adbc32;
}

.global-nav .other_link a:last-child{margin-right: 0;}
.global-nav .other_link a:hover{
    color:#f1bb12;
    border-color:#f1bb12;
}


.global-nav .other_link a:before{
    content:"";
    display: block;
    width: 12px;
    height: 10px;
    background:url(../image/common/blank_icon.png);
    background-size:cover;
    position: absolute;
    left: -14px;
    top: 3px;
}




.hamburger {
    position: absolute;
    right: 0;
    top: -20px;
    width: 140px;
    height: 160px;
    cursor: pointer;
    z-index: 99999;
    background: #adbc32;
    border-radius: 0 0 0 60px;
    /*
    transition: all .4s;
    */
}

.hamburger:after{
    content:"";
    display: block;
    width: 20px;
    height: 20px;
    background:url(../image/common/kado_rt20.png);
    background-size:cover;
    position: absolute;
    bottom: -20px;
    right: 0;
    z-index:10;
}
.hamburger:before{    
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(../image/common/kado_rt20.png);
    background-size: cover;
    position: absolute;
    top: 20px;
    left:-20px;
    z-index: 10;
}
.hamburger_line {
    display: block;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    width: 50px;
    height: 4px;
    background-color: #fff;
    transition: transform .4s;
}
.hamburger_line-1 {
    top: 64px;
    transform: translateX(-6px);
}
.hamburger_line-2 {
  top: 80px;
    transform: translateX(8px);
}
.hamburger:hover .hamburger_line {
    transform: translateX(0);
}

.hamburger_line-2:after{
    content:"";
    display: block;
    position: absolute;
    width: 4px;
    height: 4px;
    background:#f1bb12;
    right: -9px;
    top: 0;
}

.hamburger p{
    display: block;
    position: absolute;
    text-align: center;  
    top: 97px;
    width: 100%;
}
.hamburger p:before{
    content:"OPEN !"; 
    display: block;
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color:#fff;
    text-align: center;
    
}



/* 表示された時用のCSS */
.nav-open .global-nav {
    visibility: inherit;
    opacity:100;
}
/*
.nav-open .all_wrap:before{
    content:"";
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 40px;
    background:#aebc33;
    z-index:100;
}
*/
.nav-open .global-nav:after{
    content:"";
    display: block;
    width: calc(100vw - 55px);
    left:20px;
    height: 100vh;
  position: fixed;
    background: #adbc32;
    /*
    background:#000;
    opacity:.2;
    */
    z-index:-1;
    
}

.nav-open h1{
    position:fixed;
    top:23px;
    left:40px;
    z-index:100;
    width: 202px;
}
.nav-open #header .rb_link{
    position: fixed;
    display: flex;
    right: 97px;
    top: 0;
}



.nav-open .hamburger {
    position:fixed;
    right: 20px;
    top: 0;
}

.nav-open .hamburger p:before{
    content:"CLOSE !"; 
    display: block;
    font-family: 'Quicksand', sans-serif;
    font-size: 18px;
    font-weight: 700;
    color:#fff;
    text-align: center;
    
}


/*-------- menu.fixed　--------*/
#header.fixed{
    position:fixed;
    z-index:9998;
    top:0;
    left:20px;
    width:calc(100% - 40px);
    height:110px;
    padding: 33px 195px 0 58px;
    background:#fff;
    border-top: 20px solid #aebc33;
    border-radius:0;
}

#header.fixed:before{
    content:"";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 0px;
    background:url(../image/common/gkado_lt20.png);
    background-size:cover;
    z-index:50;
}
#header.fixed h1{
    width:178px;  
    top:28px;
}	

#header.fixed h1 .fixoff{
 display:none;   
}

#header.fixed h1 .fixon{
 display:inline-block;   
}

#header.fixed .menu_list{
    margin-right: 30px;
}
#header.fixed .menu_list a{
    font-size: 18px;
}

#header.fixed .menu_list a p{
    display:none;
}

#header.fixed .abcon{
    width: 210px;
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
    height: 22px;
    transform:translateY(0);
}

#header.fixed .abcon span{
    display:none;
}
#header.fixed .abcon a{
    display: block;
    width: 80px;
}
#header.fixed .abcon a:last-child{
    margin:0;
}

#header.fixed .abcon a:after {
    width: 80px;
    height: 10px;
    left: 0px;
    bottom: 0;
}
#header.fixed .abcon a:last-child,
#header.fixed .abcon a:last-child:after{
    width: 100px;
}
@media screen and (max-width :1350px ){
    
    .global-nav{padding-top: 20px;}
    .global-nav_inr{width: calc(100% - 40px);}
}

@media screen and (max-width :1350px ){

    .abcon {width: 130px;}
    .abcon a:last-child{margin-left:0;}
    .menu_list a{ margin-right:30px;}
}
@media screen and (max-width :1300px ){
    
    .global-nav .other_link a {margin-right: 30px;}
    }
@media screen and (max-width :1230px ){

    .menu_list a{ font-size: 17px;margin-right:20px;}
}

@media screen and (max-width :1200px ){

    .global-nav .img_area {
        width: 30%;
    }

    .global-nav .link_area{
        width: 65%;
    }

    #header.fixed{
        padding: 33px 175px 0 58px;
    }
    #header.fixed .abcon{
        width: 100px;
        display: block;
        height: auto;
        transform:translateY(-15px);
    }

    #header.fixed .abcon a{
        display: block;
        width: 80px;
    }
    #header.fixed .abcon a:last-child{
        margin:15px 0 0 0;
    }

    #header.fixed .abcon a:after {
        bottom: -5px;
    }


}
@media screen and (max-width :1110px ){
    
    #header{
        padding-left:calc(4.28vw + 200px);
        padding-right:calc(140px + 20px);
    }
    #header h1{width: 154px;}

    .abcon {display:none;}
    .menu_list a{font-size: 15px;}
    .menu_list a:last-child{ margin-right:0px;}
}




@media screen and (max-width :1000px ){

    #header.fixed .menu_list a{
        font-size: 16px;
    }
    #header.fixed .abcon a{
        font-size: 16px;
        
    }

    
}
@media screen and (max-width :980px ){
    .global-nav .other_link a{margin-right: 20px;font-size: 12px;}
    .global-nav .sns_link{width: 130px;}
    
    .global-nav .global-nav_list a{font-size: 18px;margin-right: 20px;}
    .global-nav .global-nav_list a p{font-size: 13px;}
    
    
    #header.fixed{
        padding-right: 125px;
    }
    #header.fixed .abcon{display:none;}
}


@media screen and (max-width : 860px ){

    #header .menu_list {width:290px;}
    .menu_list a{margin-bottom: 15px;}
    .menu_list a p{display:none;}
    
    .global-nav .link_btn{font-size: 14px;padding:20px 50px 20px 20px;}
    
    .global-nav .sns_link{width: 110px;}
    .global-nav .other_link a{margin-right: 15px;}
    
    
    
    #header.fixed .menu_list {width:auto;}
    #header.fixed .menu_list a{margin-right: 15px;}
    
}



    

    
@media screen and (max-width : 800px ){
    
    #header{height: 70px;padding-right: 65px;}
    /*
    #header:after{right: 75px;}
    */
    #header h1 {
    width: 159px;
    left: 15px;
    top: 25px;
    }
    #header .menu_list{display:none;}
    .abcon{
        display: block;
        position: absolute;
        width: 60px;
        text-align: center;
        right: 95px;
        top: 27px;
    }
    .abcon a:after{display:none;}
    .abcon a:first-child{display:none;}
    .abcon a:last-child{width: 60px;margin:0; font-size: 10px;padding-top: 30px;}
    .abcon a:last-child:before{content:"";display: block;width: 23px;height: 20px;position: absolute;left: 0;right: 0;top: 0;margin:auto;
    background:url(../image/common/abcon_icon02_sp.png);background-size:cover;}
    .abcon a span{display:none;}
    .abcon a:hover{transform:translateX(0px);}
    
    .hamburger {
        top: -5px;
        width: 75px;
        height: 80px;
        border-radius: 0 0 0 30px;
    }

    .hamburger:before{    
        width: 10px;
        height: 10px;
        top: 5px;
        left:-10px;
    }
    .hamburger:after{width: 10px;height: 10px; bottom: -10px;}

    .hamburger_line {width: 30px; height: 2px;}
    .hamburger_line-1 {top: 27px; transform: translateX(-2px);}
    .hamburger_line-2 {top: 37px;transform: translateX(7px);}

    .hamburger_line-2:after{width: 2px; height: 2px; right: -5px;}

    .hamburger p{top: 46px;}
    .hamburger p:before{ font-size: 11px; }    
    
    
    /* 表示された時用のCSS */
    .nav-open .hamburger { right: 0px;}    
    .nav-open .hamburger p:before{font-size: 11px;}    
    .nav-open .global-nav {top: 5px;left: 0;padding-top:0;border-radius:0;}
    .global-nav {left: 0;top: 5px;width: 100%;padding-top: 0px;transition: all .4s;}


    .global-nav:before{width: 10px;height: 10px;right: 75px;}



    .global-nav_inr{width: 95%;padding-bottom:85px;}

    .global-nav .img_area {width: 100%;height: 295px;position:relative;}
    .global-nav .img_area:after{
        content:"";
        display: block;
        width: 95%;
        height: 40px;
        position: absolute;
        left: 0;
        right: 0;
        bottom:-1px;
        margin:auto;
        background:#fff;
        border-radius:10px 10px 0 0;
    }
    .global-nav .img_area li{border-radius:0;}
    .global-nav .img_area li:nth-child(1) { 
        background-image: url(../image/common/global-nav_img01_sp.jpg);  
    }
    .global-nav .img_area li:nth-child(2) {
        background-image: url(../image/common/global-nav_img02_sp.jpg);  
    }
    /*
    .global-nav .img_area li:nth-child(3) {
        background-image: url(../image/common/global-nav_img03_sp.jpg); 
    }
    .global-nav .img_area li:nth-child(4) {
        background-image: url(../image/common/global-nav_img04_sp.jpg); 
    }
    .global-nav .img_area li:nth-child(5) {
        background-image: url(../image/common/global-nav_img05_sp.jpg);   
    }
*/
    .global-nav .link_area{
        position: relative;
        width: 100%;
        padding-bottom: 0;
    }

    .global-nav .link_area:before,
    .global-nav .link_area:after{
        content:"";
        display: block;
        position: absolute;
        top: -10px;
        width: 10px;
        height: 10px;
        background-size:cover;
    }
    .global-nav .link_area:before{        
        background-image: url(../image/common/wkado_rb20.png);        
        left: calc(2.5% - 10px);
    }
    .global-nav .link_area:after{        
        background-image: url(../image/common/wkado_lb20.png);       
        right: calc(2.5% - 10px);
    }
    .global-nav .global-nav_list {
        position: relative;
        padding:0;
        width: 80%;
        margin:0 auto;
        -js-display: flex;
        display:-webkit-box;
        display: -webkit-flex;
        display:-moz-box;
        display:-ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }
    .global-nav .global-nav_list a{
        display: block;
        margin-right: 0;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 20px;
        padding:0 0 20px 15px;
        width: 47%;
        border-bottom:1px solid #adbc32;
        box-sizing:border-box;
    }
    .global-nav .global-nav_list a:last-child{width: 100%;}
    .global-nav .global-nav_list a:before{
        content:"";
        display: block;
        width: 4px;
        height: 4px;
        background:#f1bb12;
        position: absolute;
        left: 4px;
        top: 5px;
        border-radius:4px;
    }

    .global-nav .global-nav_list a:after{display:none; }

    .global-nav .global-nav_list a p{display:none; }

    .global-nav .btn_area {
        padding:15px 0 40px;
        border-bottom:none;
    }
    .global-nav .link_btn {
        width: 80%;
        margin:0 auto;
    }
    .global-nav .link_btn:first-child{margin-bottom: 15px;}
    
    
    .global-nav .tell a {
        width: 213px;
        margin:0 auto;
    }
    
    
    .global-nav .time {
        width: 80%;
        padding:0;
        background:none;
        border-radius:0;
        margin:50px auto 55px;
        box-sizing:border-box;
    }
    .global-nav .time p {
        position: relative;
        display:inline-block;
        font-size: 14px;
        font-weight: 700;
        margin-right: 0;
        line-height: 14px;
        padding-left: 95px;
        box-sizing:border-box;
    }
    .global-nav .time p:before{
        content:"";
        display: block;
        width: 75px;
        height: 30px;
        position: absolute;
        left: 0;
        top: -8px;
        border-radius:5px;
        background-color:#f1f0ec;
        background-image:url(../image/common/footer_binfo_txt01_sp.png);
        background-size:cover;        
    }
    .global-nav .time p:last-child:before{
        background-image:url(../image/common/footer_binfo_txt02_sp.png);
    }
    .global-nav .time p:last-child{
        margin-top: 25px;
    }
    .global-nav .btm_link {
        display: block;
        margin-top:0;
    }
    .global-nav .sns_link {
        width: 200px;
        margin:0 auto 45px;
    }
    .global-nav .sns_link a {
        display:block;
        width: 10px;
    }
    .global-nav .sns_link a:nth-child(2),
    .global-nav .sns_link a:nth-child(3){width: 17px;}
    .global-nav .sns_link a:nth-child(4){width: 14px;}

    .global-nav .sns_link a:hover img {
        transform: translateY(0);
    }
    .global-nav .other_link {
        display:block;
        text-align: center;
        width: 100%;
    }
    .global-nav .other_link a {
        margin:0 25px 0 0;
        font-size: 13px;
        padding-bottom:4px;
        border-bottom:1px solid #adbc32;
    }
    .global-nav .other_link a:last-child{margin-right: 0;}
    .global-nav .other_link a:before{display:none;}

    .global-nav .sp_illust{width: 90%;margin:35px auto 28px;}

    .global-nav .copy{text-align: center;font-size: 13px;color:#adbc32;}

    

    
    
    #header.fixed{
        width: 100%;
        height: 70px;
        left: 0;
        padding-right: 65px;
        border-top:5px solid #aebc33;
        padding: 20px 65px 0 0;
    }
    
    #header.fixed:before{display:none;}
    #header.fixed .abcon{
        
    display: block;
    position: absolute;
    width: 60px;
    text-align: center;
    right: 95px;
    top: 24px;
    }

    #header.fixed h1 {
    width: 159px;
    left: 15px;
    top: 17px;
    }
    #header.fixed .menu_list{display:none;}
    
    #header.fixed .abcon a:first-child{display:none;}
    
    #header.fixed .abcon a:last-child{width: 60px;margin:0; font-size: 10px;padding-top: 30px;}
    
   
}
    


@media screen and (max-width : 400px ){

    .global-nav h3{
        left:20px;
    }

}



/* ==========================================================================
	main_data
========================================================================== */
.main_data{
    position: absolute;
    right: 0;
    top: 0;
    width: 696px;
    height: 65px;
    z-index:999;
    background:#fff;
    border-radius:0 0 0 30px;
    -js-display: flex;
    display:-webkit-box;
    display: -webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
    padding:0 19px 0 40px;
    box-sizing:border-box;
}
.main_data:before{
    content:"";
    display: block;
    width: 20px;
    height: 20px;
    background:url(../image/common/wkado_rt20.png);
    background-size:cover;
    position: absolute;
    left: -20px;
    top: 0;
    z-index:500
}
.main_data:after{
    content:"";
    display: block;
    width: 20px;
    height: 20px;
    background:url(../image/common/wkado_rt20.png);
    background-size:cover;
    position: absolute;
    bottom: -20px;
    right: 0;
    z-index:500
}

.main_data .time {
    width: 390px;
    padding:10px 20px 12px 25px;
    background:#f8f8f8;
    border-radius:5px;
    box-sizing:border-box;
    transform: translateY(-5px);
}
.main_data .time p {
    display:inline-block;
    font-size: 11px;
    font-weight: 700;
    margin-right: 11px;
    line-height: 1.5;
}
.main_data .time p:last-child{margin-right: 0;}
.main_data .time span{
    font-size: 11px;
}
.main_data .tell{
     width: 211px;   
}


@media screen and (max-width : 958px ){
    
    
    .main_data .tell {display:none;}
    .main_data{  
        width: 439px;
        height: 58px;
        padding: 0 19px 0 30px;
    }
}

@media screen and (max-width : 800px ){
    
    .main_data{
        position: relative;
        right: auto;
        top: auto;
        width: 95%;
        height: 40px;
        background:#f5f5f5;
        border-radius:0 10px 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding:0;
    }
    .main_data:before,
    .main_data:after{display: none;}

    .main_data .time {
        width: 100%;
        padding:0 0 0 5%;
        background:none;
        border-radius:00;
        transform: translateY(0);
    }
    .main_data .time p {
        display:inline-block;
        font-size: 11px;
        margin-right: 8px;
        line-height: 11px;
    }
}





/* ==========================================================================
	post_area
========================================================================== */
.post_area{
    position: relative;
    
}
.post_list {
    -js-display: flex;
    display:-webkit-box;
    display: -webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    width: 90%;
    max-width:1240px;
    margin:60px auto 50px;
}


.post_list a {
    display: block;
    width: 23%;
    margin-right: 2.6%;
    margin-bottom: 35px;
}


.post_list a:nth-child(4n){
    margin-right: 0;
}

.post_list .img_area {
    display: block;
    position: relative;
    width: 100%;
    border-radius: 0 20px 20px 20px;
    overflow: hidden;
    z-index:10;
}

.post_list .img_area:before{
    content:"";
    display: block;
    padding-top: 77%;
}

.post_list .fit_img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    z-index:1;
}
.ie .post_list .fit_img{
    top:1px;
}

.post_list .img_area .agreeflg{
    display: block;
    position: absolute;
    width: calc(100% - 110px);
    max-width:118px;
    position: absolute;
    top: 20px;
    right:22px;
    z-index:50;
    
}

.post_list .day_area {
    position: absolute;
    left: 0;
    top: 0;
    width: 90px;
    height: 70px;
    background:#fff;
    border-radius:0 0 30px 0;
    padding: 6px 0 0 8px;
    box-sizing:border-box;
    z-index:10;
}
.post_list .day_area:before,
.post_list .day_area:after{
    content:"";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    background:url(../image/common/wkado_lt20.png);
    background-size:cover;
}

.post_list .day_area:before{
    right: -20px;
    top: 0;
}

.post_list .day_area:after{
    bottom: -20px;
    left: 0;
}


.post_list .day_area p {
    font-size: 13px;
}
.post_list .day_area span {
    font-size: 10px;
}
.post_list .day_area p:last-child {
    position: relative;
    font-size: 24px;
    margin-top: 5px;
}

.post_list .text_area{
    position: relative;
    margin-top: 22px;
    padding:0 10px;
    box-sizing:border-box;
}

.post_list .text_area span {
    position: relative;
    display: block;
    font-size: 14px;
    font-weight: 700;
    color:#adbc32;
    padding-left: 18px;
    box-sizing:border-box;
    margin-bottom: 7px;
}
.post_list .text_area span:before{
    content:"";
    display: block;
    width: 7px;
    height: 7px;
    position: absolute;
    left: 0;
    top: 2px;
    background:#f1bb13;
    border-radius:7px;
}
.post_list .text_area p {
    font-size: 17px;
    line-height: 1.5;
    color:#1d1d1d;    
}


.post_list a .fit_img{
    transition:transform .4s ease;
}

.post_list a:hover .fit_img {
     transform: scale(1.1);
    transition:transform .4s ease;
}

.post_list .text_area p {
    display:inline;
    background: linear-gradient(#ffd85f, #ffd85f) 0 100%/0 10px no-repeat;
    transition: background .4s;
}
.post_list a:hover .text_area p{
  background-size: 100% 10px;
}



@media screen and (max-width : 1350px ){
    .post_list .img_area .agreeflg{
        right:5%;

    }
}

@media screen and ( max-width: 900px ) {
    

    .post_list a {
        width: 48.8%;
    margin-right: 2.4%;
    }
    .post_list a:nth-child(2n){
        margin-right: 0;
    }
}

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

    .post_list {
        margin:0px auto 30px;
    }


    .post_list a {
        margin-bottom: 20px;
    }



    .post_list .img_area {
        border-radius: 0 12px 12px 12px;
    }


    .post_list .img_area .agreeflg{
        width: 16vw;
        min-width:65px;
        position: absolute;
        top: 10px;
        right:10px;
    }


    .post_list .day_area {
        width: 8vw;
        height: 6.8vw;
        
        min-width: 65px;
        min-height: 44px;
        border-radius:0 0 12px 0;
        padding: 1.25vw 0 0 1.25vw;
    }
    .post_list .day_area:before,
    .post_list .day_area:after{
        width: 10px;
        height: 10px;
    }

    .post_list .day_area:before{
        right: -10px;
    }

    .post_list .day_area:after{
        bottom: -10px;
    }

    .post_list .day_area p {
        font-size: 10px;
    }
    .post_list .day_area span {
        font-size: 10px;
    }
    .post_list .day_area p:last-child {
        font-size: 14px;
        margin-top: 3px;
    }

    .post_list .text_area{
        position: relative;
        margin-top: 18px;
        padding:0 5px;
    }

    .post_list .text_area span {
        font-size: 12px;
        padding-left: 8px;
        margin-bottom: 10px;
    }
    .post_list .text_area span:before{
        width: 5px;
        height: 5px;
        top: 2px;
        border-radius:5px;
    }
    .post_list .text_area p {
        font-size: 15px;
        line-height: 26px;
    }




}

/* ==========================================================================
	pager
========================================================================== */
.pager {
    position: relative;
}
.pager .wp-pagenavi {
    position: relative;
    text-align: center;
}
.pager a,
.pager span {
    position: relative;
    display:inline-block;
    font-size: 17px;
    font-weight: 700;
    padding:0 10px;
    margin:0 20px;
}
.pager .page,
.pager .current{
   font-family: 'Quicksand', sans-serif;
    font-weight:700;
    font-size: 20px;
    color:#1d1d1d;
}

.pager .previouspostslink,
.pager .nextpostslink{
   font-family: 'Quicksand', sans-serif;
    font-weight:700;
    font-size: 25px;
    color:#adbc32;
    
    
}
.pager .previouspostslink{margin:0 35px 0 0;}
.pager .nextpostslink{margin:0 0 0 35px;}

.pager .previouspostslink:hover{
    transform: translateX(-3px);
}
.pager .nextpostslink:hover{
    transform: translateX(3px);
    
}

.pager .previouspostslink:before,
.pager .nextpostslink:before,
.pager .first:before,
.pager .last:before{
    content:"";
    display: block;
    width: 33px;
    height: 3px;
    position: absolute;
    left: 0;
    right: 0;
    bottom:-22px;
    margin:auto;
    background:#adbc32;
}

.ie .pager .previouspostslink:before,
.ie .pager .nextpostslink:before{
    bottom:-26px;
}




.pager .first:before,
.pager .last:before{
    bottom:-23px;
}

.pager .first{margin:0 8px 0 0;}
.pager .last{margin:0 0 0 8px;}



.pager .current {
    color:#adbc32;
}
.pager .page:before,
.pager .current:before{
    content:"";
    display: block;
    width: 27px;
    height: 3px;
    position: absolute;
    left: 0;
    right: 0;
    bottom:-16px;
    margin:auto;
    background:url(../image/common/pager_dotted.png);
    background-size:cover;
}

.pager .page:hover,
.pager .last:hover,
.pager .first:hover{
    color:#adbc32;
}
.pager .page:before{
    opacity:0;
    transform:translateY(5px);
    transition:opacity .3s ease,transform .3s ease;
}
.pager .page:hover:before{
    opacity:100;
    transform:translateY(0);
    
}

.pager .last,
.pager .first{
    color:#1d1d1d;
}



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

    .pager .wp-pagenavi {
        padding-bottom: 55px;
        max-width:270px;
        margin:0 auto;
    }
    .pager a,
    .pager span {
        font-size: 17px;
        margin:0 10px;
    }
    .pager .page,
    .pager .current{
        font-size: 18px;
    }

    .pager .previouspostslink,
    .pager .nextpostslink{
       font-family: 'Quicksand', sans-serif;
        font-weight:700;
        font-size: 22px;
        color:#adbc32;


    }
    .pager .previouspostslink{
        margin:0;
        position: absolute;
        left: 60px;
        bottom:-1px;
    }
    .pager .nextpostslink{
        margin:0;
        position: absolute;
        right: 60px;
        bottom:-1px;
    }

    .pager .previouspostslink:hover,
    .pager .nextpostslink:hover{
        transform: translateX(0);

    }

    .pager .previouspostslink:before,
    .pager .nextpostslink:before,
    .pager .first:before,
    .pager .last:before{
        width: 30px;
        height: 2px;
    }

    .ie .pager .previouspostslink:before,
    .ie .pager .nextpostslink:before{
        bottom:-26px;
    }

    .pager .first:before,
    .pager .last:before{
        bottom:-23px;
    }

    .pager .first{
        margin:0;
        position: absolute;
        left:0;
        bottom:0;
        font-size: 15px;
    
    }
    .pager .last{
        margin:0;
        position: absolute;
        right:0;
        bottom:0;
        font-size: 15px;
        }
    .pager .page:before{
        transform:translateY(0);
    }

    
}

/* ==========================================================================
	footer
========================================================================== */
#footer {
    position: relative;
    background:#adbc32;    
}
#footer .footer_inr {
    position: relative;
    padding:100px 4.28vw 85px;
    background:#fff;
    border-radius:0 0 20px 20px;
}

#footer.page .footer_inr{
    padding-top: 90px;
}


#footer .tit_area {
    position: absolute;
    left: 8.56vw;
    top: 90px;
    z-index:50;
    width: 158px;
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
    flex-direction: row-reverse;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
    z-index:50;
}


#footer .tit_area h2{
    position: relative;
    width: 109px;
    z-index:10;
}
#footer .tit_area .en{
    position: relative;
    font-feature-settings: normal;
    vertical-align: top;
    display: inline-block;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    font-size: 16px;
    margin-top: 8px;
    z-index:10;
    
}


#footer .info_area {
    position: relative;
    width: 69%;
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
    margin-left: 31%;
    z-index:20;
    
}
#footer .tell_area {
    width: 29%;
    
}
#footer .tell_area h3 {
    position: relative;
    padding-left: 26px;
    box-sizing: border-box;
}

#footer .tell_area h3:before{
    content:"";
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    left: -6px;
    top: -2px;
    background:url(../image/common/footer_tell_icon.png);
    background-size:cover;
}
#footer .tell_area h3 img {
    width: 180px;
}
#footer .tell_area a {
    display: block;
    width: 200px;
    margin:18px 0;
}
#footer p {
    font-size: 14px;
}
#footer .mail_area {
    position: relative;
    width: 38%;
    border-left:4px dotted #adbc32;
    border-right:4px dotted #adbc32;
    box-sizing:border-box;
}
#footer .mail_area h3 {
    position: relative;
    width: 214px;
    margin:0 auto;
    padding-left: 30px;
    box-sizing:border-box;
}
#footer .mail_area img {
    width: 179px;
}

#footer .mail_area h3:before{
    content:"";
    display: block;
    width: 20px;
    height: 18px;
    background:url(../image/common/footer_mail_icon.png);
    background-size:cover;
    position: absolute;
    left: 0;
    top: 0;
}
#footer .mail_area .link_btn{
    width: 244px;
    margin:20px auto 0;
}


#footer .car_area {
    width: 33%;
}
#footer .car_area h3 {
    position: relative;
    width: 179px;
    margin:0 auto;
    padding-left: 35px;
    box-sizing:border-box;
}
#footer .car_area h3:before{
    content:"";
    display: block;
    width: 22px;
    height: 24px;
    background:url(../image/common/footer_car_icon.png);
    background-size:cover;
    position: absolute;
    left: 0;
    top: -3px;
}
#footer .car_area img {
    width: 144px;
}


#footer .mail_area .link_btn,
#footer .car_area .link_btn{
    width: 244px;
    margin:20px auto 0;
    padding:22px 50px 22px 30px;
}

.ie #footer .mail_area .link_btn,
.ie #footer .car_area .link_btn{
    padding:25px 50px 19px 30px;
}

#footer .map_area {
    position: relative;
    height: 600px;
    overflow: hidden;
    width: 100%;
    border-radius: 20px;
    z-index:10;
}

#footer .map_area iframe, #footer .map_area object, #footer .map_area embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    top: -150px;
    height: calc(100% + 150px + 150px);
}

#footer .w_bg {
    display: block;
    position: absolute;
    width: 75%;
    min-width:830px;
    height: 55px;
    background:#fff;
    border-radius:0 0 0 20px;
    right: 0;
    top: 0;
    z-index:100;
}


#footer .w_bg:before,
#footer .w_bg:after{
    content:"";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    background:url(../image/common/wkado_rt20.png);
    background-size:cover;
}
#footer .w_bg:before{
    left: -20px;
    top: 0;
}
#footer .w_bg:after{
    right: 0;
    bottom: -20px;
}

#footer .btm_info {
    width: 100%;
    -js-display: flex;
    display:-webkit-box;
    display: -webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin:70px auto 0;
}


#footer.page .btm_info {
    margin-top: 0;
}

#footer .btm_info .logo_area {
    width: 320px;
    padding-left: 10px;
    box-sizing:border-box;
}

#footer .btm_info h2 {
    width: 204px;
}
#footer .btm_info h3 {
    font-size: 14px;
    color:#465f21;
    margin:16px 0 25px;
}

#footer .btm_info p {
    position: relative;
    padding-left: 95px;
    font-size: 14px;
    box-sizing:border-box;
}
#footer .btm_info p:last-child{margin-top: 22px;}

#footer .btm_info p:before{
    content:"";
    display: block;
    position: absolute;
    left: 0;
    top: -5px;
    width: 76px;
    height: 28px;
    background:url(../image/common/footer_binfo_txt01.png) #f1f0ec;
    background-size:cover;
    border-radius:10px;
}
#footer .btm_info p:last-child:before{
    background-image:url(../image/common/footer_binfo_txt02.png);
}

#footer .btm_info .link_area {
    /*
    width: 660px;
    */
    width: 53%;
    min-width:530px;
    padding-right: 7px;
    box-sizing:border-box;
    
}
#footer .btm_info .link_area .tab_on{display:none;}

#footer .btm_info ul {
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
    
}

#footer .btm_info li {
    display:inline-block;
}

#footer .btm_info a {
    position: relative;
    display:block;
    z-index:5;
    margin-top: 17px;
}

#footer .btm_info a.pc_off{display:none;}
#footer .btm_info a span{
    position: relative;
    display: inline-block;
    padding-left: 16px;
    font-size: 15px;
    color:#1f1f1f;
    box-sizing:border-box;
    
}

#footer .btm_info li a:first-child{margin-top: 0;}
#footer .btm_info a span:before{
    content:"";
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius:5px;
    background:#f1bb12;
    left: 0;
    top: 0;
    bottom:0;
    margin:auto;
}
#footer .btm_info a span:after{
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    height: 8px;
    border-radius: 2px;
    background: #ffd85f;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    width: 0;
    left: 16px;
    z-index: -1;
}

#footer .btm_info a span:hover:after{
     width: calc(100% - 16px);   
}

#footer .sns_link {
    width: 160px;
    margin:0 0 50px calc(100% - 185px);
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
}
#footer .sns_link a {
    display:block;
    width: 8px;
}
#footer .sns_link a:nth-child(2),
#footer .sns_link a:nth-child(3){width: 15px;}
#footer .sns_link a:nth-child(4){width: 12px;}

#footer .sns_link img{
    transition: transform 0.3s ease;   
    
}
#footer .sns_link a:hover img {
    transform: translateY(-5px);
}
#footer .other_link {
    position: relative;
    width: 100%;
    display:inline-block;
    text-align:right;
    padding-right: 8px;
    box-sizing:border-box;
    z-index:20;
}
#footer .other_link a {
    position: relative;
    display:inline-block;
    margin-left:45px;
    box-sizing:border-box;
    font-size: 14px;
    padding-bottom:8px;
    border-bottom:1px solid #adbc32;
}
#footer .other_link a:hover{
    color:#f1bb12;
    border-color:#f1bb12;
}


#footer .other_link a:before{
    content:"";
    display: block;
    width: 12px;
    height: 10px;
    background:url(../image/common/blank_icon.png);
    background-size:cover;
    position: absolute;
    left: -17px;
    top: 3px;
}



#footer .footer_illust{
    display: block;
    position: absolute;
    left: calc(4.28vw - 2px);
    bottom: -40px;
    width: 553px;
    z-index:10;
}
#footer .copy{
    width: 100%;
    padding:30px 4.28vw 15px 0;
    box-sizing:border-box;
    font-size: 14px;
    color:#fff;
    text-align: right;
}


@media screen and (max-width : 1350px ){

    #footer .info_area{width: 800px;margin-left: calc(100% - 800px);}
}

@media screen and (max-width : 1240px ){


    #footer .tit_area{left: 4.28vw;}
}

@media screen and (max-width : 1120px ){

    #footer .tit_area{display:none;}
    #footer .info_area{margin:0 auto;}
    #footer .w_bg{left: 0;right: 0;margin:auto;border-radius:0 0 20px 20px;}
    #footer .w_bg:after {right: -20px;bottom: auto;top: 0;background-image: url(../image/common/wkado_lt20.png);}
}
@media screen and (max-width : 1050px ){
    #footer .footer_inr{
        padding-top: 70px;
    }

    #footer .info_area{width: 100%;max-width:800px;}
    #footer .map_area{margin-top: 30px;}
    #footer .w_bg{display:none;}
    
}


@media screen and (max-width : 1000px ){
    #footer .btm_info .link_area{width: 330px;min-width:330px;}
    #footer .btm_info .link_area .tab_on{display:block;}
    #footer .btm_info .link_area .tab_off{display:none;}
    

}



@media screen and (max-width : 880px ){

    #footer .mail_area .link_btn,
    #footer .car_area .link_btn{width: 95%;font-size: 14px;}
    #footer .tell_area{padding-right:5px;box-sizing:border-box;}
    #footer .tell_area a{max-width: 100%;}
    #footer .tell_area h3 img{max-width:100%;}
    #footer .mail_area h3{width: 95%;}
    #footer .car_area{padding-left: 5px;box-sizing:border-box;}
    #footer .car_area h3{width: 95%;}
    
    #footer .mail_area img,
    #footer .car_area img{max-width:100%;}
}


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

    #footer {
        background:#fff;    
        padding-bottom:90px;
    }
    #footer .footer_inr {
        padding:50px 0 0;
        border-radius:0;
    }
    #footer.page .footer_inr{
        padding-top: 0px;
    }

    #footer .tit_area {
        display: flex;
        position: relative;
        left: auto;
        top: auto;
        z-index:50;
        width: 123px;
        margin-left: calc(75% - 60px);
    }


    #footer .tit_area h2{
        width: 84px;
    }
    #footer .tit_area .en{
        font-size: 13px;
        margin-top: 2px;
    }
    

    #footer .sp_illust{
        position: absolute;
        width: 44.5vw;
        min-width: 214px;
        top: 40px;
        right:calc(50% - 10px);
    }
    
    
    
    
    
    #footer .map_area {
        height: 310px;
        overflow: hidden;
        width: 90%;
        border-radius: 10px 0 10px 10px;
        z-index:10;
        margin:0 auto;
        transform: translateY(-4px);
    }


    #footer .w_bg {
        display: block;
        position: absolute;
        width: 50%;
        min-width:10px;
        max-width:800px;
        height: 40px;
        right: 0;
        top: 0;
        left: auto;
        height: 40px;
        background:#fff;
        border-radius:0 0 0 10px;
    }


    #footer .w_bg:before,
    #footer .w_bg:after{
        width: 10px;
        height: 10px;
    }
    #footer .w_bg:before{
        left: -10px;
    }
    #footer .w_bg:after{
        right: 0;
        bottom: -10px;
        top: auto;
        background-image:url(../image/common/wkado_rt20.png);
    }

    #footer .sp_info_area{
        position: relative;
        z-index:1;
        background:url(../image/common/footer_spinfo_bg.jpg) bottom center;
        background-size:cover;
        transform: translateY(-200px);
        margin-bottom: -200px;
        padding-top:220px;
        height: 800px;
        box-sizing:border-box;
        
    }
    
    #footer .sp_info_box{
        width: 90%;
        background:#fff;
        border-radius:10px;
        padding:10px 0 20px;
        margin:0 auto;
    }
    
    #footer .tell_area {
       padding:30px 0;
        width: 83%;
        min-width:300px;
        text-align: center;
        margin:0 auto;

    }
    #footer .tell_area h3 {
        position: relative;
        padding-left: 26px;
        box-sizing: border-box;
        width: 206px;
        margin:0 auto;
    }

    #footer .tell_area h3:before{
        width: 17px;
        height: 17px;
        left: -6px;
        top: -2px;
    }
    #footer .tell_area h3 img {
        width: 175px;
    }
    #footer .tell_area a {
        display: block;
        width: 200px;
        margin:15px auto 12px;
    }
    #footer p {
        font-size: 14px;
    }
    #footer .mail_area {
        border-left:none;
        border-right:none;
        border-top:2px dotted #adbc32;
        border-bottom:2px dotted #adbc32;
       padding:30px 0;
        width: 83%;
        min-width:300px;
        text-align: center;
        margin:0 auto;
        
    }
    #footer .mail_area h3 {
        width: 205px;
        padding-left: 27px;
    }
    #footer .mail_area img {
        width: 175px;
    }

    #footer .mail_area h3:before{
        width: 18px;
        height: 16px;
    }
    #footer .mail_area .link_btn{
        width: 90%;
        margin:15px auto 0;
    }


    #footer .car_area {
       padding:30px 0;
        width: 83%;
        min-width:300px;
        text-align: center;
        margin:0 auto;

    }
    #footer .car_area h3 {
        width: 170px;
        padding-left: 30px;
    }
    #footer .car_area h3:before{
        width: 19px;
        height: 20px;
    }
    #footer .car_area img {
        width: 139px;
    }


    #footer .mail_area .link_btn,
    #footer .car_area .link_btn{
        width: 90%;
        margin:15px auto 0;
        padding:18px 0 18px 0;
        font-size: 15px;
        text-align: center;
    }
    .ie #footer .mail_area .link_btn,
    .ie #footer .car_area .link_btn{
        padding:21px 0 15px 0;
    }

    #footer .btm_info {
        width: 100%;
        display: block;
        margin:0 auto 0;
    }

    #footer .btm_info .logo_area {
        position: relative;
        width: 90%;
        padding:40px 0 0;
        z-index:10;
        transform: translateY(-100px);
        margin-bottom: -70px;
        background:#fff;
        border-radius:10px 10px 0 0;
        margin:0 auto;
    }
    
    
    #footer .btm_info .logo_area:before,
    #footer .btm_info .logo_area:after {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        position: absolute;
        bottom: 0;
        background-size: cover;
    }
    
    
    #footer .btm_info .logo_area:before{
        background-image: url(../image/common/wkado_lb20.png);
        top: 90px;
        right: -10px;
    }    
    #footer .btm_info .logo_area:after{
        background-image: url(../image/common/wkado_rb20.png);
        top: 90px;
        left: -10px;
    }

    
    #footer .btm_info h2 {
        width: 177px;
        margin:0 auto;
    }
    #footer .btm_info h3 {
        font-size: 12px;
        margin:14px auto 39px;
        text-align: center;
    }

    #footer .btm_info p {
        width: 310px;
        padding-left: 92px;
        font-size: 14px;
        margin:0 auto;
    }
    #footer .btm_info p:last-child{margin-top: 22px;}

    #footer .btm_info p:before{
        content: "";
        display: block;
        width: 75px;
        height: 30px;
        position: absolute;
        left: 0;
        top: -8px;
        border-radius: 5px;
        background-color: #f1f0ec;
        background-image: url(../image/common/footer_binfo_txt01_sp.png);
        background-size: cover;
    }
    #footer .btm_info p:last-child:before{
        background-image:url(../image/common/footer_binfo_txt02_sp.png);
    }

    #footer .btm_info .link_area {
        width: 90%;
        min-width:10px;
        max-width:800px;
        padding-right:0;
        margin:-70px auto 0;
        box-sizing:border-box;

    }
    #footer .btm_info .link_area .tab_on{display:block;}
    #footer .btm_info .link_area .tab_off{display:none;}

    #footer .btm_info ul {
        display: block;
        margin:0 auto;
    }

    #footer .btm_info li {
        -js-display: flex;
        display:-webkit-box;
        display: -webkit-flex;
        display:-moz-box;
        display:-ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
        width: 100%;
    }

    #footer .btm_info .link_area li:last-child{display:block !Important;}
    
    
    #footer .btm_info .link_area li:last-child a{width: 100%;}
    #footer .btm_info .link_area a {
        margin-top: 25px;
        width: 31%;border-bottom:1px solid #adbc32;
        padding-bottom: 23px;
    }
    #footer .btm_info a.pc_off{display:block;}
    #footer .btm_info a span{
        padding-left: 33px;
        font-size: 14px;
    }

    #footer .btm_info li a:first-child{margin-top: 25px;}
    #footer .btm_info a span:before{
        content:"";
        display: block;
        position: absolute;
        width: 5px;
        height: 5px;
        border-radius:5px;
        background:#f1bb12;
        left: 10px;
        top: 0;
    }
    #footer .btm_info a span:after{display:none;}

    #footer .sns_link {
        width: 200px;
        margin: 30px auto 42px;
    }
    #footer .sns_link a {
        width: 10px;
    }
    #footer .sns_link a:nth-child(2),
    #footer .sns_link a:nth-child(3){width: 17px;}
    #footer .sns_link a:nth-child(4){width: 14px;}

    #footer .sns_link a:hover img {
        transform: translateY(0px);
    }
    
    #footer .other_link {
        display: block;
        text-align: center;
        width: 100%;
        padding:0;
    }
    #footer .other_link a {
        margin: 0 25px 0 0;
        font-size: 13px;
        padding-bottom: 4px;
    }
    #footer .other_link a:last-child{margin-right:0;}


    #footer .other_link a:before{display: none;}



    #footer .footer_illust{
    position: relative;
        width: 90%;
        margin: 35px auto 28px;
        left: auto;
        bottom: auto;
    }
    #footer .copy{
        width: 100%;
        padding:0;
        box-sizing:border-box;
        font-size: 13px;
        color:#adbc32;
        text-align: center;
    }

    
}
/* ==========================================================================
	parts
========================================================================== */

.link_btn{
    position: relative;
    display: block;
    padding:24px 50px 24px 30px;
    background:#fff;
    border:2px solid #a3b513;
    border-radius:25px;
    box-sizing:border-box;
    font-size: 16px;
    color:#a3b513;
    box-shadow:4px 4px 0px 0px #dde4c4;
}


.link_btn:hover{
    transform: translate(4px,4px);
    box-shadow:none;
}

.link_btn:before{
    content:"";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 22px;
    top: 0;
    bottom: 0;
    margin:auto;
    background:url(../image/common/link_btn_ar.png);
    background-size:cover;
    border-radius:24px;
    border:2px solid #a3b513;
    box-sizing:border-box:
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.link_btn:after{
    content:"";
    display: block;
    width: 3px;
    height: 4px;
    background:#fff;
    position: absolute;
    right: 22px;
    top: 0;
    bottom: 0;
    margin:auto;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    
}


.link_btn:hover:before,
.link_btn:hover:after{
    transform:translateX(5px);
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.oc,.oc2{
pointer-events: none;
	}
	
@media screen and ( max-width: 800px ) {

.oc,.oc2{
		pointer-events: all;
	}

.pc_off{
	display:block;
	}
.sp_off{
	display:none !important;
	}
	
    .link_btn{
        padding:20px 48px 20px 0;
        text-align: center;
        border-radius:12px;
        font-size: 15px;
        box-shadow:2px 2px 0px 0px #dde4c4;
    }


    .link_btn:hover{
        transform: translate(0,0);
        box-shadow:2px 2px 0px 0px #dde4c4;
    }

    .link_btn:before{
        width: 20px;
        height: 20px;
        position: absolute;
        right: 22px;
        border-radius:22px;
        border:2px solid #a3b513;
    }
    .link_btn:after{
        height: 3px;
        right: 22px;

    }


    .link_btn:hover:before,
    .link_btn:hover:after{
        transform:translateX(0);
    }


}


.slick-slide{outline:none;}




#wpadminbar{position:fixed !Important;}

@media screen and ( max-width: 800px ) {
    #wpadminbar{position:absolute !Important;top:-43px;}


    
}

.wp-pagenavi .pages{display:none !Important;}


.wp-pagenavi a, .wp-pagenavi span{border:none !Important;}



/* ==========================================================================
	404
========================================================================== */
#error {
    text-align: center;
    padding:100px 5vw 60px;
    box-sizing:border-box;
}
#error .catch {
    font-size: 24px;
    font-weight: 700;
    color:#aabf00;
    text-align: center;
    margin:0 auto 30px;
}
#error p {
    font-size: 15px;
    line-height: 26px;
    text-align: center;
}



@media screen and (max-width : 800px ){
    #error {
        text-align: center;
        padding:50px 5vw 20px;
        box-sizing:border-box;
    }
    #error .catch {
        font-size: 20px;
        line-height: 1.5;
        margin:0 auto 20px;
    }
    #error p {
        font-size: 14px;
        line-height: 24px;
        text-align:left;
    }
    
}


@media screen and (max-width : 600px ){

#wpadminbar li#wp-admin-bar-new_draft {
    display: none !Important;
    }
    /*以下公開時コメントアウト*/
    #wpadminbar{z-index:1000 !Important;}
    .hamburger{z-index:999;}
    
    .nav-open .global-nav {top: 0;left: 0;padding-top:0;border-radius:0;}
    .nav-open .hamburger{z-index:9999;}
    
    .hamburger:before{top:0;}
    
}