@charset "utf-8";

.fl {float:left;}
.fr {float:right;}

/* header ***********************************/
header {position:fixed;top:0;left:0;right:0;width:100%;height:95px;transition:all .2s;z-index:10;}
header:before {content:"";position:fixed;top:0;left:0;width:100%;height:0px;background:#fff;transition:all .2s;}
header h1 {position:absolute;top:17px;left:60px;width:175px;height:52px;background:url(../images/common/logo_w.svg) no-repeat;background-size:100%;cursor:pointer;z-index:10;}
header h1 span {font-size:0;}

header.white {background:rgba(255,255,255,1);transition:all .1s;}
header.white:after {content:"";position:fixed;top:94px;left:0;width:100%;border-bottom:1px solid #e5e5e5;}
header.white h1 {background-image:url(../images/common/logo.svg);}
header.white nav > ul > li > a {color:#111;}

nav {z-index:10;}
nav > ul {display:flex;justify-content:center;height:100%;text-align:center;}
nav > ul > li {display:inline-block;position:relative;}
nav > ul > li > a {display:flex;justify-content:center;width:170px;height:95px;font-size:20px;font-weight:500;line-height:95px;color:#fff;overflow:hidden;}
nav > ul > li:before {content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:#1c5aab;transition:.15s ease-in;}
nav > ul > li:hover:before {left:0;width:100%;}

nav > ul > li > ul {position:absolute;top:100%;left:0;width:100%;height:0;max-height:0;padding-top:20px;overflow:hidden;}
nav > ul > li:first-child > ul:before {content:"";position:absolute;top:0;bottom:0;left:0;width:1px;height:0;background:#eee;opacity:0;transition:all .25s;}
nav > ul > li > ul:after {content:"";position:absolute;top:0;bottom:0;right:0;width:1px;height:0;background:#eee;opacity:0;transition:all .25s;}
nav > ul > li > ul li {margin:18px 10px;}
nav > ul > li > ul li a {padding:2px 0;font-size:16px;color:#555;}
nav > ul > li > ul li a.long {letter-spacing:-0.07em;}
nav > ul > li > ul li a:hover {border-bottom:1px solid #1c5aab;color:#1c5aab;}

.nav_side {position:absolute;top:0;right:0;display:flex;height:100%;align-items:center;}
.nav_side .btn_webzine {margin-right:60px;font-size:18px;color:#fff;opacity:.8;}
.nav_side .btn_sitemap {display:flex;align-items:center;width:95px;height:100%;background:#1c5aab;}
.nav_side .btn_sitemap i {display:block;margin:0 auto;width:26px;height:26px;background:url(../images/common/icons.png) no-repeat;}

/* header open */
header.mn_open:before {height:395px;border-bottom:1px solid #e5e5e5;box-shadow:0 2px 4px rgba(0,0,0,.06);}
header.mn_open:after {content:"";position:fixed;top:94px;left:0;width:100%;border-bottom:1px solid #e5e5e5;}
header.mn_open h1 {background-image:url(../images/common/logo.svg)}
header.mn_open nav > ul > li > a {color:#111;}
header.mn_open nav > ul > li > ul {height:300px;max-height:300px;transition:all .2s;}
header.mn_open nav > ul > li > ul:after {height:100%;opacity:1;}

/* mobile */
@media (max-width:767px) {
	header {height:70px;}
	header h1 {left:15px;width:110px;}
	header.white:after {top:69px;}
	nav {display:none;}
	.nav_side .btn_sitemap {width:70px;}
	.nav_side .btn_sitemap i {width:22px;height:22px;background-position:-46px 0;}
}
/* tablet */
@media (min-width:768px) and (max-width:1023px) {
	header {height:85px;}
	header h1 {left:30px;width:165px;}
	header.white:after {top:84px;}
	nav {display:none;}
	.nav_side .btn_sitemap {width:85px;}
}
/* pc_s */
@media (min-width:1024px) and (max-width:1300px) {
	header {height:90px;}
	header h1 {left:30px;width:165px;}
	header.white:after {top:89px;}
	nav {display:none;}
	.nav_side .btn_sitemap {width:90px;}
}
@media (min-width:1301px) and (max-width:1600px) {
	nav > ul > li > a {width:160px;}
}

/* sitemap ***********************************/
.sitemap {visibility:hidden;transform:translateX(100%);display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;transition:all .4s;z-index:999;}
.sitemap .logo {position:absolute;top:17px;left:60px;width:175px;height:52px;background:url(../images/common/logo.svg) no-repeat;background-size:100%;cursor:pointer;}
.sitemap .close {position:absolute;top:0;right:0;display:flex;align-items:center;width:95px;height:95px;background:#1c5aab;}
.sitemap .close i {display:block;margin:0 auto;width:26px;height:26px;background:url(../images/common/icons.png) -88px 0 no-repeat;}
.sitemap .mobile {display:none;}
.sitemap .web {display:flex;}

.sitemap > ul {width:65%;min-height:50%;}
.sitemap > ul > li {flex-basis:100%;border-right:1px solid #eee;text-align:center;}
.sitemap > ul > li:last-child {border-right:0;}
.sitemap > ul > li .tit {margin-bottom:70px;font-size:28px;font-weight:700;color:#222;}
.sitemap > ul > li .sub {display:block;}
.sitemap > ul > li .sub > li {display:block;margin:25px 0;}
.sitemap > ul > li .sub > li a {font-size:21px;font-weight:500;color:#888;letter-spacing:-0.04em;}
.sitemap > ul > li .sub > li a:hover {color:#1c5aab;}

.sitemap .mobile .tit i {position:absolute;background-color:transparent;background-image:url(../images/common/icons.png);background-repeat:no-repeat;transition:transform .3s;}
.sitemap .mobile .tit.on i {transform:rotate(180deg);transition:transform .3s;}

body.sitemap_open {overflow:hidden;}
body.sitemap_open .sitemap {visibility:visible;transform:translateX(0);transition:all .4s;}

/* mobile */
@media (max-width:767px) {
	.sitemap .mobile {display:block;}
	.sitemap .web {display:none;}
	.sitemap {display:block;padding-top:110px;overflow-y:auto;}
	.sitemap .logo {left:15px;width:110px;}
	.sitemap .close {width:70px;height:70px;}
	.sitemap .close i {width:22px;height:22px;background-position:-134px 0;}
	.sitemap > ul {display:block;width:100%;}
	.sitemap > ul li {border-right:0;text-align:left;}
	.sitemap > ul .tit {position:relative;padding:18px 40px;margin-bottom:0;border-bottom:1px solid #eaeaea;font-size:22px;font-weight:700;color:#222;}
	.sitemap > ul .tit i {top:33px;right:28px;width:18px;height:10px;background-position:-346px 0;}
	.sitemap > ul .sub {display:none;padding:15px 0 20px 0;background-color:#f9f9f9;overflow:hidden;}
	.sitemap > ul .sub > p {margin:0;}
	.sitemap > ul .sub > p a {display:block;padding:10px 40px 10px 45px;font-size:17px;color:#555;}
}
/* tablet */
@media (min-width:768px) and (max-width:1023px) {
	.sitemap .mobile {display:block;}
	.sitemap .web {display:none;}
	.sitemap {display:block;padding-top:130px;overflow-y:auto;}
	.sitemap .logo {left:30px;width:165px;}
	.sitemap .close {width:85px;height:85px;}
	.sitemap > ul {display:block;width:100%;}
	.sitemap > ul li {border-right:0;text-align:left;}
	.sitemap > ul .tit {position:relative;padding:25px 60px;margin-bottom:0;border-bottom:1px solid #eaeaea;font-size:25px;font-weight:700;color:#222;}
	.sitemap > ul .tit i {top:37px;right:50px;width:26px;height:16px;background-position:-300px 0;}
	.sitemap > ul .sub {display:none;padding:20px 0 25px 0;background-color:#f9f9f9;overflow:hidden;}
	.sitemap > ul .sub > p {margin:0;}
	.sitemap > ul .sub > p a {display:block;padding:11px 60px 11px 65px;font-size:19px;color:#555;}
}
/* pc_s */
@media (min-width:1024px) and (max-width:1300px) {
	.sitemap .logo {left:30px;width:165px;}
	.sitemap .close {width:90px;height:90px;}
	.sitemap > ul {width:88%;}
	.sitemap > ul > li .tit {margin-bottom:50px;font-size:21px;}
	.sitemap > ul > li .sub > li {margin:22px 0;}
	.sitemap > ul > li .sub > li a {font-size:17px;}
	.sitemap > ul > li .sub > li a.long {letter-spacing:-0.09em;}
}
@media (min-width:1301px) and (max-width:1600px) {
	.sitemap > ul {width:70%;}
	.sitemap > ul > li .tit {margin-bottom:60px;font-size:25px;}
	.sitemap > ul > li .sub > li {margin:23px 0;}
	.sitemap > ul > li .sub > li a {font-size:19px;}
	.sitemap > ul > li .sub > li a.long {letter-spacing:-0.07em;}
}

/* footer ***********************************/
footer {clear:both;padding:40px 0 65px 0;border-top:1px solid #ddd;overflow:hidden;}
footer .wrap {display:flex;justify-content:space-between;align-items:center;margin:0 auto;width:1410px;}
footer .logo {margin-bottom:20px;width:175px;height:52px;background:url(../images/common/logo.svg) no-repeat;background-size:100%;}
footer address {margin-bottom:5px;font-size:17px;color:#888;font-style:inherit;letter-spacing:-0.04em;}
footer address br {display:none;}
footer .copy {font-size:16px;color:#888;}
footer .right {text-align:right;}
footer .right ul li {display:inline-block;margin-left:30px;}
footer .right ul li:first-child {margin-left:0;}
footer .right ul li img {height:23px;}
footer .go_top {position:fixed;right:50px;bottom:60px;width:60px;height:60px;background:#fff url(../images/common/icons.png) -244px 16px no-repeat;border-radius:50%;box-shadow:0 0 6px rgba(0,0,0,.2);}
footer .go_top span {position:relative;top:5px;font-size:13px;font-weight:700;color:#333;}

/* mobile */
@media (max-width:767px) {
	footer {padding:35px 0 55px 0;}
	footer .wrap {display:block;width:100%;padding:0 25px;text-align:center;}
	footer .logo {margin-bottom:20px;display:inline-block;width:110px;height:33px}
	footer address {margin-bottom:15px;font-size:14px;line-height:23px;letter-spacing:inherit;}
	footer address br {display:block;}
	footer .copy {font-size:13px;}
	footer .right {display:none;}
	footer .go_top {right:15px;bottom:15px;width:40px;height:40px;background-position:-254px 15px;}
	footer .go_top span {display:none;}
}
/* tablet */
@media (min-width:768px) and (max-width:1023px) {
	footer {padding:45px 0 65px 0;}
	footer .wrap {display:block;width:100%;padding:0 60px;text-align:center;}
	footer .logo {margin-bottom:30px;display:inline-block;width:148px;height:44px}
	footer address {font-size:16px;}
	footer .left {margin-bottom:50px;}
	footer .right {text-align:center;}
	footer .right ul li img {height:19px;}
	footer .go_top {right:30px;bottom:33px;width:55px;height:55px;background-position:-247px 15px;}
}
/* pc_s */
@media (min-width:1024px) and (max-width:1300px) {
	footer .wrap {width:100%;padding:0 60px;}
	footer .logo {width:165px;}
	footer address {margin-bottom:10px;font-size:16px;}
	footer address br {display:block;}
	footer .copy {font-size:15px;}
	footer .right ul li {margin-left:20px;}
	footer .right ul li img {height:20px;}
}
@media (min-width:1301px) and (max-width:1600px) {
	footer .wrap {width:100%;padding:0 70px;}
}

/* tab ***********************************/
.tab {display:flex;margin:0 auto;margin-bottom:90px;border-right:1px solid #ccc;}
.tab li {width:50%;}
.tab li a {display:block;padding:14px 0 15px 0;border-top:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #ccc;font-size:22px;color:#888;letter-spacing:-0.04em;text-align:center;}
.tab li:last-child a {border-right:none;}
.tab li.on a {background:#1c5aab;border-color:#1c5aab;color:#fff;font-weight:500;}

/* mobile */
@media (max-width:767px) {
	.tab {margin-bottom:50px;}
	.tab li a {padding:11px 0 12px 0;font-size:15px;}
}
/* tablet */
@media (min-width:768px) and (max-width:1023px) {
	.tab {margin-bottom:60px;}
	.tab li a {padding:12px 0 13px 0;font-size:18px;}
}
/* pc_s */
@media (min-width:1024px) and (max-width:1300px) {
	.tab {margin-bottom:70px;}
	.tab li a {font-size:20px;}
}