/*----ページ共通要素---*/
#site-body {color:#393939;}
#uminominwa {padding-bottom:50px;}
#uminominwa img {width:100%; display: block;}

/*----ページヘッダー---*/
.uminominwa-ttlbox {position: relative;}
.uminominwa-ttlbox #uminominwa-logo {position:absolute; top:20px; left:20px; width:130px;}
.uminominwa-ttlbox #uminominwa-hero-pc {display:block;}
.uminominwa-ttlbox #uminominwa-hero-sp {display:none;}
@media screen and (max-width:768px) {
	.uminominwa-ttlbox #uminominwa-hero-pc {display:none;}
	.uminominwa-ttlbox #uminominwa-hero-sp {display:block;}
}
@media screen and (max-width:600px) {
	.uminominwa-ttlbox #uminominwa-logo {top:15px; left:10px; width:110px;}
}

/*---リード----*/
#uminominwa-lead {margin:40px auto; text-align:center;}
#uminominwa-lead #leadttl {font-size:23px; letter-spacing:1px; color:#005194; font-weight:bold;}
#uminominwa-lead #lead-holder {margin-top:30px;}
#uminominwa-lead #lead-holder p {font-size:15px; line-height:25px; margin:20px 0;}
@media screen and (max-width:768px) {
	#uminominwa-lead #lead-holder p {text-align:left;}
	#uminominwa-lead #lead-holder p br {display:none;}
}
@media screen and (max-width:414px) {
	#uminominwa-lead {margin:20px auto;}
	#uminominwa-lead #leadttl {font-size:20px; letter-spacing:0;}
	#uminominwa-lead #lead-holder {margin-top:20px;}
}

/*---MAP----*/
#minwa-map {margin:50px auto 130px;}
#minwa-map ul {
	background: url(https://blueshipjapan.com/img/static/uminominwa/map-fix.png?v=20210920);
	width:652px; height:775px;
	margin: 0 auto; position: relative;
}
#minwa-map ul li {/*width:188px;*/ position:absolute;}
#minwa-map ul li a {display:block;}
#minwa-map ul li a:hover {opacity: .7;}
#minwa-map ul li a .imagebox {position:relative; width:119px; height:67px; margin:0 auto;}
#minwa-map ul li a p {font-size:11px; line-height:11px; text-align:center; margin-top:3px; background:#005194; padding:3px; color:#fff;}
#minwa-map ul li a p:after {content:">"; margin-left:3px; font-size:10px; line-height:10px;}
#minwa-map ul li#hokkaido1 {top:20px; left:250px;}
#minwa-map ul li#nagasaki1 {bottom:330px; left:-8px;}
#minwa-map ul li#nagasaki2 {bottom:220px; left:-20px;}
#minwa-map ul li#miyagi1 {top:196px; right:-66px;}
#minwa-map ul li#sizuoka1 {top:405px; right:-42px;}
#minwa-map ul li#sizuoka2 {top:507px; right:-50px;}
#minwa-map ul li#ehime1 {bottom:115px; left:410px;}
#minwa-map ul li#ehime2 {bottom:11px; left:327px;}
#minwa-map ul li#okinawa1 {bottom:39px; left:140px;}
#minwa-map ul li#okinawa2 {bottom:-60px; left:100px;}
#minwa-map ul li#ehime3 {bottom:140px; left:220px;}
#minwa-map ul li#iwate1 {top:96px; left:598px;}
#minwa-map ul li#niigata1 {top:150px; left:235px;}
#minwa-map ul li#kanagawa1 {top:301px; right:-56px;}
#minwa-map ul li#shimane1 {top:246px; left:12px;}
#minwa-map ul li#toyama1 {top:270px; left:210px;}
#minwa-map ul li#wakayama1 {bottom:220px; left:380px;}


@media screen and (max-width:800px) {
	#minwa-map {margin:20px auto 50px;}
	#minwa-map ul {
		background:none; width:100%; height:auto;
		display:flex; flex-wrap:wrap; justify-content:space-between;
	}
	#minwa-map ul li {width:48%; position:static; margin-bottom:15px;}
	#minwa-map ul li a .imagebox {width:100%; height:auto;}
    #minwa-map ul li a p {font-size:12px; line-height:12px; margin-top:5px; padding:5px;}
}
@media screen and (max-width:540px) {
	#minwa-map {margin:20px auto 40px;}
	#minwa-map ul li {width:49%; margin-bottom:10px;}
}

/*---ボタン----*/
#bt-btns {display:flex; justify-content:space-between;}
#bt-btns .bt-btn {width:49%;}
#bt-btns .bt-btn a {height:110px;
	background:#005194; line-height:27px;
	display:flex; align-items:center; justify-content:center;
	font-size:18px; color:#fff; text-align:center;
}
#bt-btns .bt-btn:nth-of-type(1) {line-height:23px;}
#bt-btns .bt-btn:nth-of-type(2) {line-height:30px;}

@media screen and (max-width:999px) {
	#bt-btns {flex-direction:column;}
	#bt-btns .bt-btn {width:742px; margin:0 auto 20px;}
	#bt-btns .bt-btn:nth-of-type(1) {line-height:30px;}
	#bt-btns .bt-btn a {height:auto; padding:20px;}
}
@media screen and (max-width:782px) {
	#bt-btns .bt-btn {width:486px;}
	#bt-btns .bt-btn a {font-size:16px; line-height:22px;}
}
@media screen and (max-width:506px) {
	#bt-btns .bt-btn a {font-size:14px; line-height:22px;}
	#bt-btns .bt-btn {width:100%;}
}
@media screen and (max-width:414px) {
	#bt-btns .bt-btn:nth-of-type(1) br {display:none;}
}