@font-face {
    font-family:"ABC Ginto Nord";
    src: url("../font/ABCGintoNord-Light-Trial-BF651b7b774e227.otf")format("opentype");
    font-weight: lighter;
    font-style: lighter;
}
@font-face {
    font-family:"ABC Ginto Nord";
    src: url("../font/ABCGintoNord-Medium-Trial-BF651b7b7839fc0.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:"ABC Ginto Nord";
    src: url("../font/ABCGintoNord-Bold-Trial-BF651b7b7670e10.otf") format("opentype");
    font-weight: bold;
    font-style: bold;
}
@font-face {
    font-family:"Merriweather";
    src: url("../font/Merriweather-VariableFont_opsz,wdth,wght.ttf") format("truetype");
    font-weight: 300;
    font-style: 300;
}
@font-face {
    font-family:"Noto Sans JP";
    src: url("../font/NotoSansJP-VariableFont_wght.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}


html,body {position:relative;color:#333;font-family:"Merriweather", serif;font-size:14px;line-height:1.8em;font-weight:300;}
.inner {max-width:1200px;margin:0 auto;padding:0 40px;}
a {text-decoration:none;color:#333;}
img {display:block;}

@media screen and (min-width:769px){
	.pc {display:block;}
	.sp {display:none !important;}
}

/*header*/
header {width:100%;}
header .inner {display:flex;justify-content:space-between;padding:20px 60px;}
header .logo {width:180px;}
header .logo a,
header .logo img {display:block;width:100%;}
header .inner > ul {display:flex;align-items:center;position:relative;}
header .inner > ul > li {margin-left:1em;}
header .inner > ul > li:first-of-type {margin-left:0;}
header .inner > ul > li a {font-family:"ABC Ginto Nord", sans-serif;font-weight:lighter;color:#333;}
header .inner > ul > li .icon {display:none;}

header .shadow {display:none;}


@media screen and (min-width:769px){
	header .hamburger,
	header .sp_menu,
	header .shadow,
	header .open_btn {display:none !important;}
	
	header .sub-menu {display:none;position:absolute;width:160px;z-index:40;}
	header .sub-menu a {display:block;font-size:0.8em;padding:0.5em 1em;border-top:solid 1px #333;background:#fff;}
	header .sub-menu li:first-of-type a {border-top:none;}
	header .sub-menu a:hover {background:#1262A9;color:#fff;}
	
}


/*footer*/
footer {background:#80B7E0;margin-top:120px;padding:60px 0 20px;}
footer .sns,
footer .menu {display:flex;justify-content:center;}
footer .footer_logo img,
footer .sns li a,
footer .sns li a img {display:block;width:100%;}

footer .footer_logo {width:250px;margin:0 auto 30px;}
footer .sns {margin-bottom:30px;}
footer .sns li {width:50px;margin:0 8px;}
footer .menu {margin-bottom:60px;}
footer .menu li {font-family:"ABC Ginto Nord", sans-serif;font-size:16px;font-weight:lighter;margin:0 1em;}
footer .txt {display:flex;justify-content:space-between;margin-bottom:60px;}
footer .txt > div {width:calc(33.33% - 30px);}
footer .txt > div h2 {font-weight:bold;}
footer .txt > div ul li {font-size:12px;line-height:1.8em;}
footer .txt .company_logo {display:flex;flex-wrap:wrap;margin-top:20px;}
footer .txt .company_logo li {width:auto;height:35px;margin:0 10px 10px 0;}
footer .txt .company_logo li a,
footer .txt .company_logo li img {display:block;height:100%;}
footer .footer-menu {display:flex;justify-content: center;margin: 0 0 2em 0;font-family: "ABC Ginto Nord", sans-serif;font-size: 0.8em;}
footer .footer-menu li {margin: 0 1em;}
footer .menu li .icon,
footer .menu li .sub-menu,
footer .menu li .open_btn {display:none !important;}

footer small {display:block;text-align:center;font-size:10px;}

@media screen and (max-width:1040px){
	.inner {max-width:inherit;padding:0 20px;}
	header .inner {padding:20px 20px;}
	footer .txt {display:block;}
	footer .txt > div {width: 100%;margin-top: 1em;}
	footer .txt > div:first-of-type {margin-top: 0;}
}
@media screen and (max-width:768px){
	.pc {display:none !important;}
	.sp {display:block !important;}
	
	/*header*/
	header .inner {padding:10px 20px;}
	header .logo {width:130px;}
	
	header .inner > ul {display:none;}
	header .hamburger {display:block !important;width:50px;height:42px;cursor:pointer;position:relative;z-index:120;}
	header .hamburger:before,
	header .hamburger:after {content:'';display:block;width:35px;height:1px;background:#333;position:absolute;transition:0.3s;left:50%;transform:translate(-50%,-50%);transform-origin:center;}
	header .hamburger:before {top:40%;}
	header .hamburger:after {top:60%;}
	header .hamburger.active {position: fixed;top: 10px;right: 20px;}
	header .hamburger.active:before,
	header .hamburger.active:after {background:#333;}
	header .hamburger.active:before {top:50%;transform:translate(-50%,-50%) rotate(45deg);}
	header .hamburger.active:after {top:50%;transform:translate(-50%,-50%) rotate(-45deg);}
	
	header .sp_menu {display:block !important;width:80%;max-width: 400px;height:100vh;overflow: scroll;background:#fff;transition:0.3s;position:fixed;right:-100%;top:0;z-index:111;}
	header .sp_menu.active {right:0;}
	header .sp_menu_inner {padding-bottom:20px;}
	header .sp_menu .menu_logo {width:180px;margin:0 auto;padding:60px 0 30px;}
	header .sp_menu .menu_logo a,
	header .sp_menu .menu_logo img {display:block;width:100%;}
	header .sp_menu .menu_list {display:block;margin-bottom:30px;}
	header .sp_menu .menu_list li {margin:0;border-bottom:solid 1px #ccc;}
	header .sp_menu .menu_list li a {display:block;color:#333;transition:0.3s;position:relative;padding:1em 2em;}
	header .sp_menu .menu_list li a:before,
	header .sp_menu .menu_list li a:after {content:'';display:block;width:10px;height:1px;background:#333;position:absolute;right:20px;top:50%;}
	header .sp_menu .menu_list li a:before {top:44%;transform:translateY(-50%) rotate(45deg);}
	header .sp_menu .menu_list li a:after {top:56%;transform:translateY(-50%) rotate(-45deg);}
	header .sp_menu .menu_list li a:hover {background:#ccc;}
	header .sp_menu .menu_list li a .icon {display:none;}
	
	header .sp_menu .menu_sns {display:flex;justify-content: center;}
	header .sp_menu .menu_sns li {width:40px;margin: 0 5px;}
	header .sp_menu .menu_sns li a,
	header .sp_menu .menu_sns li img {display:block;width:100%;}
	
	header .shadow {width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,0.6);z-index:110;}
	
	header .sp_menu .menu_list .sub-menu {display:none;margin-bottom: 0.5em;}
	header .sp_menu .menu_list .sub-menu li {border: none;}
	header .sp_menu .menu_list .sub-menu li a {padding: 0.5em 2em 0.5em 4em;font-size: 0.8em;}
	header .sp_menu .menu_list .sub-menu li a:before {content:'- ';position:static;display:inline;background: none;}
	header .sp_menu .menu_list .sub-menu li a:after {display:none;}
	header .sp_menu .menu_list .sub-menu .open_btn {position: absolute;top: 0;right: 0;background: #ccc;width: 53.2px;height: 53.2px;z-index: 5;aspect-ratio: 1;}
	
	header .sp_menu .menu_list .open_btn {width:41.2px;aspect-ratio:1;background:#ccc;position:absolute;top:6px;right:6px;cursor: pointer;z-index:4;}
	header .sp_menu .menu_list .open_btn:before,
	header .sp_menu .menu_list .open_btn:after {content:'';display:block;width:14px;height:2px;background:#fff;position:absolute;top:50%;left:50%;}
	header .sp_menu .menu_list .open_btn:before {transform:translate(-50%,-50%);}
	header .sp_menu .menu_list .open_btn:after {transform:translate(-50%,-50%) rotate(90deg);}
	
	
	footer {margin-top: 60px;padding: 60px 0 10px;}
	footer .menu {display:block;padding:0;}
	footer .menu li a {display:block;padding: 0.3em 0;text-align: center;}
	
	footer .txt {margin-bottom:60px;}
}