/**************************************** ヘッダー ****************************************/
.headerarea {position:fixed;top:0px;left:0px;width:100%;height:90px;z-index:9000;background:#fff;}

.logoarea {position:fixed;top:0px;left:0px;padding:20px;width:calc(25% - 1px);text-align:center;}
.logoarea a {}
.logoarea img {height:50px;display:block;margin:0px auto;}

.menuarea {position:fixed;top:0px;right:0px;width:75%;height:90px;text-align:right;padding: 0px 0px 0px 0px;z-index:1000;}

.menu {}
.barwrap {display:none;}

.menu .menulist {padding-right:35px;}
.menu .menulist a {height:90px;line-height:20px;font-size:14px;padding:35px 15px 0px 15px;display:inline-block;color:#000;}
.menu .menulist a span {color:#000;font-size:11px;}
.menu .menulist a.cta {width:calc(17.5% - 1px);}
.menu .menulist a:hover {border-bottom:solid #006 5px; text-decoration:none;}




/*SP*/
@media (max-width: 896px){

	.barwrap {position:absolute;top:0px;right:0px;z-index:1100;display:block;height:90px;width:90px;vertical-align:middle;}
	.barwrap .bar {position:absolute;background:#000;width:35px;height:1px;}
	.barwrap .bar.bar01 {top:40px;right:20px;}
	.barwrap .bar.bar02 {top:50px;right:30px;}

	.barwrap.on .bar {transition:0.6s;}
	.barwrap.on .bar.bar01 {transform:rotateZ(45deg);top:40px;right:20px;}
	.barwrap.on .bar.bar02 {transform:rotateZ(-45deg);top:40px;right:20px;}
	.barwrap.out .bar {transition:0.2s;}
	.barwrap.out .bar.bar01 {transform:rotateZ(0deg);top:40px;right:20px;}
	.barwrap.out .bar.bar02 {transform:rotateZ(0deg);top:50px;right:30px;}
	.menuarea {position:fixed;top:0px;right:0px;width:100vw;height:100vh;transform:translateX(120vw);background:linear-gradient(45deg,#0075c2,#a3bd15);}
	.menuarea.on {transform:translateX(0px);transition:0.6s;}
	.menuarea.out {transform:translateX(120vw);transition:0.2s;}
	.menu {padding:100px 50px 0px 50px;}
	.menu .menulist {margin-bottom:35px;padding:0px;text-align:center;line-height:50px;}
	.menu .menulist a {position:relative;width:100%;float:none;margin:0px;height:auto;padding:5px 0px 15px 0px;
		color:#fff;font-size:1.1rem;font-weight:bold;}
	.menu .menulist a span {display:none;}
	.menu .menulist a:after {content:"";position:absolute;left:0px;bottom:0px;width:100%;height:1px;background:#fff;transform:scaleX(0);}
	.menu.on .menulist a:after {transform:scaleX(1);transition:2s;}
	.menu .menulist a:hover {border-bottom:none;}
	.menu .menulist a.cta {display:none;}

	.menuarea .snsarea {text-align:center;margin-bottom:35px;}
	.menuarea .snsarea p {color:#fff;}
	.menuarea .snsarea img {width:35px;margin:0px 10px;}

	.menuarea .headercontact {}
	.menuarea .headercontact .inner {width:100%;padding:0px 10%;margin-bottom:5px;}
	.menuarea .headercontact .inner img {width:100%;}
	.menuarea .headercontact p {color:#fff;text-align:center;}
}
/*パソコンメニュー*/
@media (min-width: 897px){
}