@charset "UTF-8";

.sub_top {margin-top:298px;border-bottom:1px solid var(--colorBorderGray)}
.sub_top .sub_visual {padding:30px 0;border-bottom:1px solid var(--colorBorderGray);background-color:#E2F2FF}
.sub_top .sub_visual .sub_tit {text-align:center;color:var(--colorGray90);font-size:40px;font-weight:700}
.sub_top .sub_nav_wrap  {}
.sub_top .sub_nav_wrap .container {display:flex;justify-content:space-between}
.sub_top .nav {}
.sub_top .nav > li {display:inline-block;margin-right:60px;font-size:18px;color:var(--colorGray90);vertical-align:middle;position:relative}
.sub_top .nav > li .text {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;max-width:15dvw;text-overflow:ellipsis;word-break:break-word;overflow:hidden}
.sub_top .nav .home {margin-right:20px;border-left:1px solid var(--colorBorderGray);border-right:1px solid var(--colorBorderGray)}
.sub_top .nav .home .link {display:block;height:100%;padding:19px 23px;font-size:24px;color:var(--colorMain);line-height:1}
.sub_top .nav .home .icon {}
.sub_top .nav .depth {position:relative}
.sub_top .nav .depth::after {font-family:'xeicon';content:'\e940';color:var(--colorBorderGray);position:absolute;right:-40px;top:50%;transform:translateY(-50%)}
.sub_top .nav .depth:last-child {margin-right:0;font-weight:700}
.sub_top .nav .depth:last-child::after {display:none}

.sub_top .sns_print_area {}
.sub_top .sns_print_area .list {display:flex;height:100%}
.sub_top .sns_print_area .list > li {display:inline-block;width:68px;font-size:24px;border-right:1px solid var(--colorBorderGray);position:relative}
.sub_top .sns_print_area .list > li:first-child {border-left:1px solid var(--colorBorderGray)}
.sub_top .sns_print_area .list > li > a {display:flex;align-items:center;justify-content:center;height:100%;color:var(--colorGray60);background-repeat:no-repeat;background-position:center}
/*.sub_top .sns_print_area .list > li > a:hover, 
.sub_top .sns_print_area .list > li > a:focus {color:var(--colorMain);background-color:var(--colorBgGray)}*/
.sub_top .sns_print_area .sub_share_box {display:none;width:calc(100% + 2px);background-color:#e6e8ea;border:1px solid var(--colorBorderGray);border-top:0;position:absolute;left:-1px;top:65px;z-index:100}
.sub_top .sns_print_area .sub_share_box li {}
.sub_top .sns_print_area .sub_share_box li a {display:block;text-align:center;color:var(--colorGray60);font-size:0.95em;line-height:56px;border-bottom:1px solid var(--colorBorderGray)}
.sub_top .sns_print_area .sub_share_box li:last-child a {border-bottom:0}
.sub_top .sns_print_area .sub_share_box li:hover a, 
.sub_top .sns_print_area .sub_share_box li:focus a {color:var(--colorGray90);background-color:var(--colorBorderGray)}
.sub_top .sns_print_area .sub_share_box li i {}


@media screen and (max-width:1400px){
	.sub_top .nav > li {}
	.sub_top .nav > li .text {max-width:20dvw}
}

@media screen and (max-width:1280px){
	.sub_top .sub_visual .sub_tit  {font-size:32px}
	.sub_top .nav > li {margin-right:40px;font-size:1.1em}
	.sub_top .nav > li .text {max-width:22dvw}
	.sub_top .nav .home .link {padding:16px 18px;font-size:1.2em}
	.sub_top .nav .depth::after {right:-27px}
	.sub_top .sns_print_area .list > li {width:58px;font-size:1.4em}
	.sub_top .sns_print_area .sub_share_box {top:54px}
	.sub_top .sns_print_area .sub_share_box li a {line-height:45px}
}

@media screen and (max-width:1080px){
	.sub_top .sub_visual {padding:22px 0}
	.sub_top .sub_visual .sub_tit  {font-size:28px}

	.sub_top .nav > li {margin-right:30px;font-size:1em}
	.sub_top .nav > li .text {max-width:21dvw;min-width:inherit}
	.sub_top .nav .home {margin-right:10px}
	.sub_top .nav .home .link {padding:14px 16px;font-size:1.1em}
	.sub_top .nav .depth::after {right:-24px}
	.sub_top .sns_print_area .list > li {width:50px;font-size:1.2em}
	.sub_top .sns_print_area .sub_share_box {top:46px}
	.sub_top .sns_print_area .sub_share_box li a {line-height:42px}
}

@media screen and (max-width:767px){
	.sub_top .sub_visual {padding:18px 0}
	.sub_top .sub_visual .sub_tit  {font-size:23px}
	.sub_top .nav > li {margin-right:24px}
	.sub_top .nav > li .text {max-width:24.3dvw}
	.sub_top .nav .home {border-right:0;border-left:0}
	.sub_top .nav .home::after {width:1px;height:15px;content:"";background-color:#B1B8BE;position:absolute;right:0;top:50%;transform:translateY(-50%)}
	.sub_top .nav .home .link {padding:15px 12px 15px 0}
	.sub_top .nav .depth::after {right:-19px}
	.sub_top .sns_print_area {display:none}
}

@media screen and (max-width:480px){
	.sub_top .sub_visual .sub_tit  {font-size:20px}
	.sub_top .nav > li {margin-right:18px}
	.sub_top .nav > li .text {max-width:23dvw}
	.sub_top .nav .home {margin-right:5px}
	.sub_top .nav .home .link {padding:14px 9px 14px 0}
	.sub_top .nav .depth::after {right:-15px}
}