@charset "utf-8";
.dp_sub {display:none !important;}

#visual {position:relative; width:100%;}
#visual .visualBG {position:absolute; top:0; left:0; right:0; overflow:hidden; z-index:-1;}
#visual .visualBG video {width:100%; height:100%; object-fit:cover;}
#visual, #visual .visualBG {height:calc(100vh - 150px);}

#visual .slogan {position:relative; max-width:1500px; padding-top:15%; margin:auto;}

#commitment {position:absolute; bottom:20px; left:0; right:0;}
#commitment>div {display:flex; justify-content:center; max-width:1000px; margin:auto; border-radius:15px; background:linear-gradient(to right, rgba(43,80,175,0.8),rgba(32,135,158,0.8)); backdrop-filter:blur(5px); box-shadow:0 2px 13px rgba(0,0,0,.2);}
#commitment>div a {display:block; flex:1 0; text-align:center; padding:20px; color:#fff; text-decoration:none;}
#commitment>div a:not(:last-child) {border-right:1px solid rgba(0,0,0,.1);}
#commitment>div a dt {padding-top:80px; color:#fff; font-size:18px; font-weight:600; background:no-repeat center 0; transition:all .3s ease}
#commitment>div a dd {color:#fff; font-size:13px; margin-top:10px;}
#commitment>div a:hover dt,
#commitment>div a:focus dt {text-decoration:underline; background-position:center 4px;}
#commitment>div dl.c1 dt {background-image:url('/headman/img/main/m_ic01.png');}
#commitment>div dl.c2 dt {background-image:url('/headman/img/main/m_ic02.png');}
#commitment>div dl.c3 dt {background-image:url('/headman/img/main/m_ic03.png');}
#commitment>div dl.c4 dt {background-image:url('/headman/img/main/m_ic04.png');}
#commitment>div dl.c5 dt {background-image:url('/headman/img/main/m_ic05.png');}

#contents {padding-bottom:50px; background:url('/headman/img/main/container_bg.gif') no-repeat left bottom;}

#news {overflow:hidden; margin-top:60px; margin-bottom:30px;}
#news>div {float:left;}
#news>.tit {width:25.5%;}
#news>.tit h2 {width:201px; height:46px; background:url('/headman/img/main/news_tit.gif') no-repeat;}
#news>.tit>p {margin-top:30px; font-size:17px;}
#news>.tit a {position:relative; display:inline-block; margin-top:80px; padding:3px 35px 7px 18px; font-size:17px; color:#fff; border-radius:30px; background:#155ba5;}
#news>.tit a:after {display:block; content:""; position:absolute; right:15px; top:9px; width:13px; height:13px; background:url('/headman/img/main/ic_more.gif') no-repeat;}
#news .con {width:74.5%; height:580px;}
#news .con>a {position:relative; display:block; height:100%;}
#news .con img {min-width:100%; min-height:100%;}
#news .con>a>p {position:absolute; left:0; right:0; bottom:0; padding:30px; background:linear-gradient(to top, #000, transparent);}
#news .con>a>p span {color:#fff;}
#news .con>a>p span.tit {display:block; margin-bottom:10px; font-size:32px; font-weight:bold;}
#news .con>a>p span.date {font-size:16px; letter-spacing:0;}
#news .sns {float:right; text-align:center; width:24%; height:370px; padding:90px 0; background:#ffd800;}
#news .sns .tit {font-size:25px; color:#401f0b; letter-spacing:-1px;}
#news .sns .txt {margin:25px 0 50px; font-size:17px; line-height:25px; color:#8f6f00;}
#news .sns>ul>li {display:inline-block;}
#news .sns>ul>li:first-child {margin-right:10px;}

#newsList {overflow:hidden;}
#newsList>div {float:left; width:23.5%; margin-left:2%; padding:20px; border:1px solid #d9d9d9; background:#fff;}
#newsList>div:first-child {margin-left:0;}
#newsList .no {color:#9a9a9a; font-size:13px;}
#newsList .tit {margin:10px 0 15px; font-size:17px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#newsList>div>a>div {overflow:hidden;}
#newsList>div>a>div p.photo {float:left; width:45%; height:82px; overflow:hidden;}
#newsList>div>a>div p.photo img {min-height:100%;}
#newsList>div>a>div p.txt {float:right; width:50%; font-size:14px; line-height:28px; color:#555;}
#newsList .date {margin-top:20px;color:#7c7c7c; font-size:14px;}


/*pc*/
@media all and (min-width:801px){
	body:before {position:absolute; top:50px; left:0; right:0; height:1px; background:#e5e5e5; content:"";}
	header {padding-bottom:25px;}
	header h1 a {position:relative; color:#000 !important;}
	header h1 a img {display:none;}
	header h1 a:before {display:inline-block; content:""; width:49px; height:47px; background:url(/main/img/main/logo.png) no-repeat; background-size:auto 47px; vertical-align:middle;}
	header nav#lnb>div>ul>li>a {color:#000;}
	header nav#lnb .submenu,
	header .navBg {border-top:1px solid #e5e5e5;}
	#visual .photo{display:none;}
}

/*tablet*/
@media all and (max-width:800px){

	#visual {overflow:visible; height:auto;}
	#visual .visualBG {top:-60px; height:calc(100% + 60px); /*background:url('/headman/img/visual_img.jpg') no-repeat; background-size:cover;*/}
	#visual .visualBG:before {display:block; content:""; position:absolute; left:0; top:0; width:534px; height:484px; background:url('/headman/img/main/visual_logobg.png') no-repeat; opacity:.3; z-index:-1;}
	#visual .visualBG:after {display:block; content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:linear-gradient(to right, #2b50af,#20879e); /* opacity:.66; */ z-index:-2;}
	#visual .visualBG video {display:none;}
	#visual .visualBG img {display:none;}
	#visual .slogan {/* width:70%; */ padding-top:10%; text-align:center; height:auto;}
	#visual .slogan img:not(.photo) {width:60%; }
	#visual .slogan .photo {position:static; margin:0 auto; width:100%; display:block;}

	#commitment {position:static; margin-top:-3px;} 
	#commitment>div {width:90%; flex-wrap:wrap; justify-content:left;}
	#commitment>div a {flex:0 0 33.33%; padding:15px 10px; word-break:keep-all;}
	#commitment>div a dt {padding-top:60px; font-size:14px; background-size:55px auto;}
	#commitment>div a dd {display:none;}
	#commitment>div a:last-child {border-right:1px solid rgba(0,0,0,.1);}
	#commitment>div a:nth-child(3n) {border-right:0;}
	#commitment>div a:nth-child(-n+3) {border-bottom:1px solid rgba(0,0,0,.1);}

	#news {position:relative; width:90%; margin:40px auto 25px;}
	#news>div {float:none !important; width:100% !Important;}
	#news>.tit>p {display:inline-block; margin-top:0;}
	#news>.tit a {position:absolute; right:0; top:20px; margin-top:0;}
	#news .con {height:auto; margin-top:20px;}

	#newsList {width:90%; margin:0 auto;}
	#newsList>div {width:49%;}
	#newsList>div:nth-child(1), #newsList>div:nth-child(2) {margin-bottom:2.5%;}
	#newsList>div:nth-child(3) {margin-left:0;}

	#visual .head_pop{position:absolute; left:32%; top:37%; width:35%}
}

/*tablet*/
@media all and (max-width:800px) and (min-width:641px){
	#news .sns {position:relative; text-align:left; height:auto; padding:40px 30px; margin-top:20px;}
	#news .sns .txt {margin:10px 0 0; font-size:15px;}
	#news .sns .txt br {display:none;}
	#news .sns>ul {position:absolute; right:30px; top:45px;}
}


/*mobile*/
@media all and (max-width:799px){

	#contents {padding-bottom:20px; background:none;}
	#news>.tit h2 {width:140px; background-size:100%;}
	#news>.tit>p {display:block; font-size:13px;}
	#news>.tit a {top:0; width:29px; height:29px; padding:0; text-indent:-100%; overflow:hidden; font-size:0;}
	#news>.tit a:after {right:8px; top:8px;}
	#news .con>a>p span.tit {font-size:18px;}

	#news .sns {height:auto; margin-top:20px; padding:30px 20px;}
	#news .sns .tit {font-size:22px; font-weight:bold;}
	#news .sns .txt {margin:5px 0 20px; font-size:13px; line-height:18px;}
	#news .sns .txt br:nth-child(2) {display:none;}

	#newsList>div {position:relative; width:99%; margin-left:0; padding-left:0; padding-right:0; border:0; border-bottom:1px solid #efefef;}
	#newsList>div:last-child {border-bottom:0;}
	#newsList .date {position:absolute; right:0; top:0;}
}


/*mobile*/
@media all and (max-width:640px){

	/* #visual .photo {width:53%; right:-20px;} */
	#visual .head_pop{position:absolute; left:5%; top:6%; width:50%}
}

/*mobile_min*/
@media all and (max-width:480px){
	#visual .photo {width:70%; right:-30px;}
}

@media screen and (min-width: 801px){
	.dp_mb { display: none !important;}
}