@charset "utf-8";

/* SCDream */
@font-face{
	font-family:'SCDream';
	font-style:normal;
	font-weight: 100;
	src:url('font/SCDream1.otf');
	src:local('※'),
		url('font/SCDream1.otf') format('opentype');
}
@font-face{
	font-family:'SCDream';
	font-style:normal;
	font-weight: 200;
	src:url('font/SCDream2.otf');
	src:local('※'),
		url('font/SCDream2.otf') format('opentype');
}
@font-face{
	font-family:'SCDream';
	font-style:normal;
	font-weight: 300;
	src:url('font/SCDream3.otf');
	src:local('※'),
		url('font/SCDream3.otf') format('opentype');
}
@font-face{
	font-family:'SCDream';
	font-style:normal;
	font-weight: 400;
	src:url('font/SCDream4.otf');
	src:local('※'),
		url('font/SCDream4.otf') format('opentype');
}
@font-face{
	font-family:'SCDream';
	font-style:normal;
	font-weight: 500;
	src:url('font/SCDream5.otf');
	src:local('※'),
		url('font/SCDream5.otf') format('opentype');
}
@font-face{
	font-family:'SCDream';
	font-style:normal;
	font-weight: 600;
	src:url('font/SCDream6.otf');
	src:local('※'),
		url('font/SCDream6.otf') format('opentype');
}
@font-face{
	font-family:'SCDream';
	font-style:normal;
	font-weight: 700;
	src:url('font/SCDream7.otf');
	src:local('※'),
		url('font/SCDream7.otf') format('opentype');
}
@font-face{
	font-family:'SCDream';
	font-style:normal;
	font-weight: 800;
	src:url('font/SCDream8.otf');
	src:local('※'),
		url('font/SCDream8.otf') format('opentype');
}
@font-face{
	font-family:'SCDream';
	font-style:normal;
	font-weight: 900;
	src:url('font/SCDream9.otf');
	src:local('※'),
		url('font/SCDream9.otf') format('opentype');
}

/* reset */
button {cursor:pointer;}
.btn {display:inline-block;width:auto;min-width:0;height:auto;line-height:1.6;font-size:inherit;margin:0;}

body.noscroll {height:100vh;overflow:hidden;}

#wrap {width:100%;overflow-y:auto;}

/* accessibility */
#accessibility {overflow:visible;position:absolute;top:0;left:0;width:100%;z-index:9999}
#accessibility a{z-index:9999;position:absolute;top:0;left:0;display:block;overflow:hidden;height:0;width:0;margin:0 -1px -1px 0;font-size:0;line-height:0;text-align:center}
#accessibility a:focus,
#accessibility a:hover,
#accessibility a:active {width:100%;height:20px;margin:0;padding:8px 0 0 15px;background:#20262c;font-size:12px;font-weight:700;line-height:1;color:#fff;}

#header {z-index:5000;}

#header .hd-wrap {z-index:1;position:relative;height:54px;font-family:'SCDream',sans-serif;}
#header .hd-wrap * {box-sizing:border-box;}
#header .hd-wrap h1.hd-logo {position:absolute;top:13px;left:20px;margin-left:0;}
#header .hd-wrap h1.hd-logo img {width:auto;height:auto;}
#header .hd-wrap .right {position:absolute;top:11px;right:20px;display:flex;align-items:center;}
#header .hd-wrap .right > li {position:relative;min-width:32px;}
#header .hd-wrap .right > li > .btn {vertical-align:top;}
#header .hd-wrap .btn-language {width:32px;height:32px;}

#header .hd-wrap .btn-search-toggle {position:relative;width:32px;height:32px;text-indent:-9999px;overflow:hidden;background:url(../images/new02/ico_search_01.svg) center no-repeat;}
#header .hd-wrap .btn-search-toggle:before,
#header .hd-wrap .btn-search-toggle:after {content:'';position:absolute;top:50%;right:50%;width:0;height:2px;margin:-1px -7px 0 0;border-radius:1px;transition:.3s ease-out;background-color:#000;}
#header .hd-wrap .btn-search-toggle:before {transform:rotate(-45deg);}
#header .hd-wrap .btn-search-toggle:after {transform:rotate(45deg);}
#header .hd-wrap .btn-search-toggle.open {background:none;}
#header .hd-wrap .btn-search-toggle.open:before,
#header .hd-wrap .btn-search-toggle.open:after {width:15px;}

#header .hd-wrap .btn-search-close {position:absolute;top:0;right:0;display:none;width:32px;height:32px;text-indent:-9999px;overflow:hidden;}
#header .hd-wrap .btn-search-close:before,
#header .hd-wrap .btn-search-close:after {content:'';position:absolute;top:50%;right:50%;width:15px;height:2px;margin:-1px -7px 0 0;border-radius:1px;transition:.3s ease-out;background-color:#000;}
#header .hd-wrap .btn-search-close:before {transform:rotate(-45deg);}
#header .hd-wrap .btn-search-close:after {transform:rotate(45deg);}
#header .hd-wrap.search-open .btn-search-open {display:none;}
#header .hd-wrap.search-open .btn-search-close {display:block;}

#header .hd-wrap .btn-allmenu-toggle {position:relative;width:32px;height:32px;text-indent:-9999px;overflow:hidden;}
#header .hd-wrap .btn-allmenu-toggle:before,
#header .hd-wrap .btn-allmenu-toggle:after {content:'';position:absolute;top:50%;right:50%;width:15px;height:2px;background-color:#000;border-radius:1px;margin-right:-7px;transition:.3s ease-out;}
#header .hd-wrap .btn-allmenu-toggle:before {margin-top:-4px;}
#header .hd-wrap .btn-allmenu-toggle:after {margin-top:2px;width:10px;}
#header .hd-wrap .btn-allmenu-toggle .close {display:none;}
#header .hd-wrap .btn-allmenu-toggle.open .close {display:block;}
#header .hd-wrap .btn-allmenu-toggle.open .open {display:none;}
#header .hd-wrap .btn-allmenu-toggle.open:before {margin-top:-1px;transform:rotate(45deg);}
#header .hd-wrap .btn-allmenu-toggle.open:after {width:15px;margin-top:-1px;transform:rotate(-45deg);}
#header .hd-wrap.allmenu-open {background-color:#F3F6FB;}
#header .hd-wrap .btn-allmenu-close {display:none;position:absolute;top:0;right:0;width:32px;height:32px;text-indent:-9999px;overflow:hidden;}
#header .hd-wrap .btn-allmenu-close:before,
#header .hd-wrap .btn-allmenu-close:after {content:'';position:absolute;top:50%;right:50%;width:15px;height:2px;margin:-1px -7px 0 0;border-radius:1px;transition:.3s ease-out;background-color:#000;}
#header .hd-wrap .btn-allmenu-close:before {transform:rotate(-45deg);}
#header .hd-wrap .btn-allmenu-close:after {transform:rotate(45deg);}

#header .hd-wrap.allmenu-open .btn-allmenu-close {display:block;}

#header .hd-search-wrap {z-index:-1;position:fixed;top:54px;left:0;right:0;height:0;overflow:hidden;background-color:#34394c;transition:.3s ease-out;}
#header .hd-search {display:none;height:57px;padding:6px 15px 0;}
#header .hd-wrap.search-open .hd-search-wrap {height:57px;}
#header .hd-wrap.search-open .hd-search {display:block;}
#header .hd-search-wrap input[type=text] {width:100%;line-height:44px;height:44px;border:0;border-bottom:1px solid #6f7581;color:#ffffffb3;background:none;}
#header .hd-search-wrap input[type=submit] {position:absolute;top:8px;right:7px;width:40px;height:40px;border:0;text-indent:-9999px;overflow:hidden;background:transparent url(../images/new02/ico_glass1-1.png) center no-repeat;background-size:18px 18px;border-radius:50%;}
#header .hd-search-wrap input[type=submit]:focus {border:1px solid #fff;}
#header .hd-wrap.search-open.allmenu-open .hd-search-wrap {z-index:7000;}

#gnb {z-index:6000;position:fixed;top:54px;right:-100%;bottom:0;width:100%;background-color:#F3F6FB;color:#111;padding-top:6px;transition:.3s ease-out;}
.hd-wrap.allmenu-open #gnb {right:0;}
#gnb .gnb-depth1-wrap {position:absolute;top:0;bottom:0;left:50%;transform:translateX(-50%);display:none;width:100%;}
.hd-wrap.allmenu-open #gnb .gnb-depth1-wrap {display:block;}
#gnb .gnb-depth1 {width:40%;padding:21px 13px 15px 15px;}
#gnb .gnb-depth1 > li > .btn {width:100%;padding:12px;border-radius:8px;font-weight:500;word-break:keep-all;}
#gnb .gnb-depth1 > li > .btn.selected {background-color:#3D4EA9;color:#fff;}
#gnb .gnb-depth2-wrap {position:absolute;top:6px;right:0;left:40%;bottom:0;display:none;background-color:#fff;border-radius:25px 0 0 0;padding:17px;}
#gnb .gnb-depth1 > li > .btn.selected + .gnb-depth2-wrap {display:block;}
#gnb .gnb-depth2 {position:absolute;top:28px;right:17px;left:17px;bottom:17px;overflow-y:auto;padding-bottom:40px;}
#gnb .gnb-depth2 > li > .btn {position:relative;width:100%;border-bottom:1px solid #E1E4EB;padding:10px 36px 11px 5px;line-height:19px;border-radius:4px;}
#gnb .gnb-depth2 > li > .btn:before {content:'';position:absolute;top:9px;right:5px;width:22px;height:22px;transition:.3s ease-out;}
#gnb .gnb-depth2 > li > .btn-external:before {background:url(../images/new02/ico_external_01.svg) center no-repeat;}
#gnb .gnb-depth2 > li > .btn-toggle.open {background-color:#D1D9F1;border-color:#fff;}
#gnb .gnb-depth2 > li > .btn-toggle:before {background:url(../images/new02/arr_01.svg) center no-repeat;} 
#gnb .gnb-depth2 > li > .btn-toggle.open:before {transform:rotate(-180deg);}
#gnb .gnb-depth2 > li > .btn-toggle .close {display:none;}
#gnb .gnb-depth2 > li > .btn-toggle.open .open {display:none;}
#gnb .gnb-depth2 > li > .btn-toggle.open .close {display:block;}
#gnb .gnb-depth3 {display:none;padding-bottom:16px;}
#gnb .gnb-depth3 > li > .btn {position:relative;padding:6px 10px 7px 22px;line-height:19px;color:#797979;}
#gnb .gnb-depth3 > li > .btn:before {content:'';position:absolute;top:14px;left:10px;width:4px;height:4px;background-color:#bbb;border-radius:50%;}
#gnb .gnb-depth4 {padding:0 0 16px 20px;}
#gnb .gnb-depth4 > li > .btn {position:relative;padding:6px 10px 7px 22px;line-height:16px;color:#797979;font-size:13px;}
#gnb .gnb-depth4 > li > .btn:before {content:'';position:absolute;top:14px;left:10px;width:4px;height:4px;background-color:#bbb;border-radius:50%;}

#footer {font-family:'SCDream',sans-serif;}
#footer * {box-sizing:border-box;}
#footer .ft-quick {display:flex;flex-wrap:wrap;border-top:1px solid #F1F1F1;}
#footer .ft-quick > li {width:50%;border-bottom:1px solid #F1F1F1;}
#footer .ft-quick > li:nth-of-type(2n) {border-left:1px solid #F1F1F1;}
#footer .ft-quick .btn {width:100%;text-align:center;padding:11px;line-height:19px;font-weight:500;color:#777;}
#footer .ft-quick .btn.point {color:#2E52C0;}

#footer .ft-familysite {display:flex;padding:12px 14px;gap:12px;flex-wrap:wrap;}
#footer .ft-familysite > li {position:relative;width:calc(50% - 6px);}
#footer .ft-familysite .btn-toggle {position:relative;width:100%;padding:10px 40px 9px 17px;border:1px solid #80736A4d;border-radius:4px;line-height:19px;}
#footer .ft-familysite .btn-toggle:before {content:'';position:absolute;top:6px;right:10px;width:33px;height:26px;background:url(../images/new02/arr_02.svg) center no-repeat;transition:.3s ease-out;}
#footer .ft-familysite .btn-toggle.open:before {transform:rotate(-180deg);}
#footer .ft-familysite ul {position:absolute;left:0;right:0;bottom:46px;display:none;background-color:#fff;border-radius:4px;overflow:hidden;border:1px solid #80736A4d;}
#footer .ft-familysite .btn-toggle.open + ul {display:block;}
#footer .ft-familysite ul .btn {width:100%;padding:10px 17px;}
#footer address {padding:29px 14px 0;text-align:center;font-weight:500;color:#999999;line-height:20px;font-size:13px;}
#footer .copy {padding:0 14px 30px;text-align:center;color:#999999;line-height:20px;font-size:12px;}

#contents {padding-top:54px;}

/* sub */
.sub_visual h2 {font-family:'SCDream',sans-serif;background:#3D4EA9 url(../images/new02/bg_sub_title_01.svg) center no-repeat;font-weight:500;}

.site_path {font-family:'SCDream',sans-serif;padding:21px 12px 3px;border-bottom:none;min-height:0;}
.site_path .btn_home {background:transparent;}
.site_path .btn_home a {width:19px;height:19px;min-height:0;background:transparent url(../images/new02/ico_home_01.svg) center no-repeat;}
.site_path .path {margin-top:0;padding-left:2px;line-height:19px;font-size:14px;font-weight:500;color:#767676;}
.site_path .path .sep1 {background:url(../images/new02/arr_08.svg) center no-repeat;}