@charset "utf-8";
/*
font-family:"リュウミン R-KL", serif;
font-family:"リュウミン B-KL", serif;
*/
#wrapper #main .sp { display:none;}

#wrapper #main h3 {
	width: auto;
	height: auto;
	font-size: 32px;
	padding-left: 0;
	text-shadow: none;
	color:#000000;
}

#wrapper #main h3 span{
	font-weight: normal;
}

#wrapper #main{
	font-size:14px;
	color:#000000;
	font-family: 'Meiryo', 'メイリオ', "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0px auto 10px;
	line-height: 1.5;
}

#wrapper #main a,
#wrapper #main a:after{
	transition: all 400ms 0s ease;
	text-decoration:none;
}

#wrapper #main { margin:0px auto 10px; }
#wrapper #main .sp { display:none!important; }

#wrapper #main .section--inner{
	width:1100px;
	margin:0 auto;
}

#wrapper #main .sec__title{
	margin:0 0 30px;
}
#wrapper #main h2.sec__title{
	transform:translate(0, -50%);
	margin:0;
}
#wrapper #main .sec__title span{
	display:block;
	width:580px;
	background:#093468;
	background:url("../images/bg_sec_title.png") no-repeat right top;
	background-size:auto 100%;
	color:#ffffff;
	font-size: 20px;
	padding: 14px 0 13px 20px;
	position:relative;
}

#wrapper #main h2.sec__title span:after{
	content:"";
	width:2000px;
	height:60px;
	background:url("../images/bg_sec_title_outer.png") left top;
	position:absolute;
	top:0;
	right:100%;
	border-right:10px solid #ffffff;
}

#wrapper #main .sec__title span small{
	font-size:22px;
	padding:0 10px 0 0;
}

#wrapper #main h3.sec__title span{
	font-size:20px;
	width:286px;
	background-image:url("../images/bg_sec_title_h3.png");
	padding: 7px 0 3px 20px;
}

/* MV */
#wrapper #main .mv{
	background:url("../images/mv.png") no-repeat center center;
	background-size:cover;
	margin:0 0 130px;
	position:relative;
}

#wrapper #main .mv .mv--inner{
	width:1100px;
	margin:0 auto;
	padding:130px 0;
}

#wrapper #main .mv .mv__text h1{
	font-size:55px;
}

#wrapper #main .mv .mv__text .mv__catch{
	font-size:28px;
	color:#686868;
	padding:10px 0;
	line-height:1;
}

#wrapper #main .mv .mv__text .mv__desc{
}

#wrapper #main .mv .mv__text h1 span,
#wrapper #main .mv .mv__text .mv__catch span,
#wrapper #main .mv .mv__text .mv__desc span{
	background:#ffffff;
}

#wrapper #main .mv .mv__text .mv__catch span{
	padding:0 0 0 10px;
}

/* sec_contact */
#wrapper #main .sec_contact{
	background:url("../images/contact_bg.jpg") no-repeat center center;
	background-size:cover;
	padding:100px 0;
	margin:0 0 100px;
}

#wrapper #main .qa__contact{
	width:1100px;
	margin:0 auto;
	overflow:hidden;
}
#wrapper #main .qa__contact--inner{
}

#wrapper #main .qa__contact p{
	text-align:center;
	line-height:1.7;
	font-size:26px;
	color:#ffffff;
	font-weight:bold;
	padding:0 0 50px;
}

#wrapper #main .qa__contact__mail{
	overflow:hidden;
}
#wrapper #main .qa__contact__mail--l{
	width:540px;
	float:left;
}
#wrapper #main .qa__contact__mail--r{
	width:540px;
	float:right;
}

#wrapper #main .qa__contact__mail a{
	display:block;
	text-align:center;
	font-size:16px;
	background:#073190;
	border-bottom:5px solid #031846;
	border-radius:3px;
	padding:20px 0 18px;
	line-height:1.5;
	position:relative;
	color:#ffffff;
}

#wrapper #main .qa__contact__mail a:after {
	content: "＞";
	font-size: 18px;
	color: #ffffff;
	display: block;
	width: 26px;
	height: 28px;
	text-align: center;
	padding: 2px 0px 0 4px;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -15px;
}

#wrapper #main .qa__contact__mail .qa__contact__mail--r a{
	background:#00a7eb;
	border-bottom:5px solid #025a7e;
}

#wrapper #main .qa__contact__mail a:hover{
	background:#031846;
}
#wrapper #main .qa__contact__mail .qa__contact__mail--r a:hover{
	background:#025a7e;
}

/* section01 */
#wrapper #main .section01{
	padding:0 0 100px;
}

#wrapper #main .section01 .section01__menu--1,
#wrapper #main .section01 .section01__menu--2,
#wrapper #main .section01 .section01__menu--3{
	overflow:hidden;
	padding:0 0 30px;
}

#wrapper #main .section01 .section01__menu--1 li,
#wrapper #main .section01 .section01__menu--2 li{
	width:204px;
	margin:0 20px 20px 0;
	float:left;
	background-size:cover;
}

#wrapper #main .section01 .section01__menu--1 li:nth-child(5n),
#wrapper #main .section01 .section01__menu--2 li:nth-child(5n){
	margin-right:0;
}

#wrapper #main .section01 .section01__menu--1 li a,
#wrapper #main .section01 .section01__menu--2 li a{
	display:block;
	position:relative;
	background:rgba(0, 0, 0, 0.3);
}

#wrapper #main .section01 .section01__menu--1 li a:after,
#wrapper #main .section01 .section01__menu--2 li a:after{
	content:"";
	display:block;
	width:15px;
	height:15px;
	background:url("../images/icon_link_w.png") no-repeat;
	background-size:contain;
	position:absolute;
	right:5px;
	bottom:5px;
}

#wrapper #main .section01 .section01__menu--1 li a:hover,
#wrapper #main .section01 .section01__menu--2 li a:hover{
	background:rgba(0, 0, 0, 0.1);
}

#wrapper #main .section01 .section01__menu--1 li img,
#wrapper #main .section01 .section01__menu--2 li img{
	width:100%;
}

#wrapper #main .section01 .section01__menu--1 li .over,
#wrapper #main .section01 .section01__menu--2 li .over{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0.3;
}

#wrapper #main .section01 .section01__menu--1 li a:hover .over,
#wrapper #main .section01 .section01__menu--2 li a:hover .over{
	opacity:0.1;
}


#wrapper #main .section01 .section01__menu--1 li a .des,
#wrapper #main .section01 .section01__menu--2 li a .des{
	display:block;
	width:100%;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	position:absolute;
	top:40%;
	left:0;
	transform:translate(0, -50%);
	line-height:1.2;
}

#wrapper #main .section01 .section01__menu--1 li a .price,
#wrapper #main .section01 .section01__menu--2 li a .price{
	display:block;
	width:100%;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
	position:absolute;
	top:60%;
	left:0;
	transform:translate(0, -50%);
}

#wrapper #main .section01 .section01__menu--1 li a .price span,
#wrapper #main .section01 .section01__menu--2 li a .price span{
	font-size:25px;
	font-weight:bold;
}

#wrapper #main .section01 .section01__menu--3 li{
	width:204px;
	margin:0 20px 20px 0;
	float:left;
}

#wrapper #main .section01 .section01__menu--3 li:nth-child(5n){
	margin-right:0;
}

#wrapper #main .section01 .section01__menu--3 li a{
	display:block;
	border:1px solid #093468;
	border-radius:3px;
	text-align:center;
}
#wrapper #main .section01 .section01__menu--3 li a:hover{
	background:#093468;
}

#wrapper #main .section01 .section01__menu--3 li a span{
	display:inline-block;
	padding:12px 30px 10px 0;
	color:#093468;
	position:relative;
	line-height:1;
}

#wrapper #main .section01 .section01__menu--3 li a:hover span{
	color:#ffffff;
}

#wrapper #main .section01 .section01__menu--3 li a span:after {
	content: "＞";
	display: block;
	width: 26px;
	height: 28px;
	text-align: center;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -7px;
}

#wrapper #main .section01 .banner{
	text-align:center;
}

/* section02 */
#wrapper #main .section02{
	margin:0 0 130px;
	background:#e4eef6;
}

#wrapper #main .section02 .section02--inner{
}

#wrapper #main .section02 .osusume__body{
	overflow:hidden;
	padding:0 0 60px;
}

#wrapper #main .section02 .osusume__item{
	width:540px;
	margin:0 0 20px;
	float:left;
	position:relative;
}

#wrapper #main .section02 .osusume__item:nth-child(even){
	float:right;
}

#wrapper #main .section02 .osusume__item a{
	display:block;
	padding:20px;
	background:#ffffff;
	overflow:hidden;
	position:relative;
}

#wrapper #main .section02 .osusume__item a:after{
	content:"";
	display:block;
	width:15px;
	height:15px;
	background:url("../images/icon_link_b.png") no-repeat;
	background-size:contain;
	position:absolute;
	right:5px;
	bottom:5px;
}

#wrapper #main .section02 .osusume__item a:hover{
	opacity:0.8;
}

#wrapper #main .section02 .osusume__item--l{
	width:204px;
	float:left;
}
#wrapper #main .section02 .osusume__item--l img{
	width:100%;
}
#wrapper #main .section02 .osusume__item--r{
	width:275px;
	float:right;
}

#wrapper #main .section02 .osusume__item .osusume__place{
	color:#093468;
	font-weight:bold;
}

#wrapper #main .section02 .osusume__item .osusume__place span{
	background:#3ab5c0;
	border-radius:3px;
	padding:2px 4px 0;
	margin:0 10px 0 0;
	color:#fff;
	font-weight:normal;
}

#wrapper #main .section02 .osusume__item h3{
	padding:10px 0 5px;
}

#wrapper #main .section02 .osusume__item h3 span{
	font-size:16px;
	font-weight:bold;
}

#wrapper #main .section02 .osusume__item .osusume__text{
	margin:5px 0;
}

#wrapper #main .section02 .osusume__item .osusume__info {
	overflow: hidden;
	text-align:right;
}
#wrapper #main .section02 .osusume__item .osusume__info p {
	display:inline;
	color: #cb0c12;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	padding: 4px 1em 0 0;
}
#wrapper #main .section02 .osusume__item .osusume__info p:last-child {
	display:inline;
	font-size: 22px;
	text-align: right;
	padding: 0;
}

/* section03 */
#wrapper #main .section03{
	margin:0 0 130px;
}

#wrapper #main .section03 .special__body{
	width:848px;
	margin:0 auto;
	overflow:hidden;
}

#wrapper #main .section03 .special__item{
	width:197px;
	margin:0 20px 0 0;
	float:left;
	position:relative;
}

#wrapper #main .section03 .special__item:nth-child(4n){
	margin-right:0;
}

#wrapper #main .section03 .special__item a{
	display:block;
	background:#f3f3f3;
	overflow:hidden;
	position:relative;
}

#wrapper #main .section03 .special__item a:after{
	content:"";
	display:block;
	width:15px;
	height:15px;
	background:url("../images/icon_link_b.png") no-repeat;
	background-size:contain;
	position:absolute;
	right:5px;
	bottom:5px;
}

#wrapper #main .section03 .special__item a:hover{
	opacity:0.8;
}

#wrapper #main .section03 .special__item p{
	padding:20px;
}

#wrapper #main .section03 .special__item img{
	width:100%;
}

/* section04 */
#wrapper #main .section04{
	margin:0 0 130px;
	padding:0 0 100px;
	background:url("../images/town_bg.png") no-repeat center center;
	background-size:cover;
	background-attachment: fixed;
}

#wrapper #main .section04 .map__desc{
	margin:0 0 20px;
}

#wrapper #main .section04 .map__desc span{
	background:#ffffff;
	padding:0 20px;
}


/* section05 */
#wrapper #main .section05{
	margin:0 0 130px;
}

#wrapper #main .section05 .merit__body{
	overflow:hidden;
}

#wrapper #main .section05 .merit__item{
	width:353px;
	margin:0 20px 0 0;
	float:left;
	position:relative;
}

#wrapper #main .section05 .merit__item:nth-child(3n){
	margin-right:0;
}

#wrapper #main .section05 .merit__item .merit__item__up{
	text-align:center;
	background:#f3f3f3;
	padding:30px 0 20px;
	position:relative;
	margin:0 0 20px;
}

#wrapper #main .section05 .merit__item .merit__no{
	position:absolute;
	top:0;
	left:0;
	width:65px;
}

#wrapper #main .section05 .merit__item .merit__catch{
	text-align:center;
	color:#04ae88;
	font-size:16px;
	font-weight:bold;
	padding:30px 0 0;
}

/* section06 */
#wrapper #main .section06{
	margin:0 0 100px;
}

#wrapper #main .section06 .banner{
	text-align:center;
}

/*----------------------スマホ版-----------------------*/

@media screen and (max-width: 768px) {
	#wrapper #main .pc { display:none !important;}
	#wrapper #main br.sp { display:inline !important;}
	#wrapper #main .sp { display:block !important;}

	#wrapper #main h3 {
		width: auto;
		height: auto;
		font-size: 32px;
		padding-left: 0;
		line-height: 1.4;
		text-shadow: none;
		color:#000000;
	}

	#wrapper #main{
		font-size:12px;
		background:none;
	}

	#wrapper #main img{
		max-width:100%;
		height:auto;
	}


	#wrapper #main .section--inner{
		width:auto;
		margin:0 auto;
		padding: 0 10px;
	}

	#wrapper #main .sec__title{
		margin:0 -10px 20px;
	}
	#wrapper #main h2.sec__title{
		margin:0 -10px;
	}
	#wrapper #main .sec__title span{
		width:auto;
		font-size:16px;
		padding:11px 0 10px 10px;
	}

	#wrapper #main h2.sec__title span{
		background-size:100% 100%;
	}
	
	#wrapper #main h2.sec__title span:after{
		display:none;
	}

	#wrapper #main .sec__title span small{
		font-size:14px;
		padding:0 10px 0 0;
	}

	#wrapper #main h3.sec__title span{
		font-size:14px;
		width:auto;
		padding: 7px 0 3px 10px;
		background-position:left top;
	}

	/* MV */
	#wrapper #main .mv{
		background:none;
		margin:0 0 50px;
	}
	#wrapper #main .mv__sp{
		background:url("../images/mv_sp.png") no-repeat center center;
		background-size:cover;
		position:relative;
		width:100%;
		height:0;
		padding:78.125% 0 0;
	}
	
	#wrapper #main .mv__sp--inner{
		position:absolute;
		bottom:10px;
		width:90%;
		background:#ffffff;
		padding: 0 0 0 10px;
	}
	
	#wrapper #main .mv .mv--inner{
		width:auto;
		padding:0;
	}

	#wrapper #main .mv .mv__text h1{
		font-size:25px;
		margin:0 0 4px;
	}
	
	#wrapper #main .mv .mv__text .mv__catch{
		font-size:16px;
		padding:10px 0;
	}
	#wrapper #main .mv .mv__text .mv__catch img{
		width:90px;
	}
	#wrapper #main .mv .mv__text .mv__catch span{
		background:none;
	}
	#wrapper #main .mv .mv__text .mv__desc{
		padding:10px;
	}

	/* sec_contact */
	#wrapper #main .sec_contact{
		padding:0;
		margin: 0 0 50px;
	}
	
	#wrapper #main .qa__contact{
		width:auto;
		padding:50px 10px;
	}
	#wrapper #main .qa__contact--inner{
		padding:0;
	}
	
	#wrapper #main .qa__contact h3{
		padding:0 0 15px;
		font-size:14px;
	}
	#wrapper #main .qa__contact p{
		font-size:13px;
		padding:0 0 20px;
	}
	
	#wrapper #main .qa__contact__mail--l{
		width:auto;
		float:none;
		padding:0 0 10px;
	}
	#wrapper #main .qa__contact__mail--r{
		width:auto;
		float:none;
	}
	
	#wrapper #main .qa__contact__mail a{
		font-size:12px;
		border-width:2px;
		padding:12px 0 11px;
	}

	#wrapper #main .qa__contact__mail a:after {
		font-size: 12px;
		width: 15px;
		height: 17px;
		padding: 2px 0px 0 4px;
		right: 10px;
		margin-top: -9.5px;
	}

	/* section01 */
	#wrapper #main .section01{
		padding:0 0 80px;
	}

	#wrapper #main .section01 .section01__menu--1,
	#wrapper #main .section01 .section01__menu--2,
	#wrapper #main .section01 .section01__menu--3{
		padding:0 0 15px;
	}

	#wrapper #main .section01 .section01__menu--1 li,
	#wrapper #main .section01 .section01__menu--2 li{
		width:49%;
		margin:0 0 8px 0;
		float:left;
	}

	#wrapper #main .section01 .section01__menu--1 li:nth-child(even),
	#wrapper #main .section01 .section01__menu--2 li:nth-child(even){
		float:right;
	}

	#wrapper #main .section01 .section01__menu--1 li a,
	#wrapper #main .section01 .section01__menu--2 li a{
	}

	#wrapper #main .section01 .section01__menu--1 li a:after,
	#wrapper #main .section01 .section01__menu--2 li a:after{
		width:10px;
		height:10px;
	}

	#wrapper #main .section01 .section01__menu--1 li a span,
	#wrapper #main .section01 .section01__menu--2 li a span{
		font-size:14px;
	}

	#wrapper #main .section01 .section01__menu--3 li{
		width:49%;
		margin:0 0 8px 0;
		float:left;
	}

	#wrapper #main .section01 .section01__menu--3 li:nth-child(even){
		float:right;
	}

	/* section02 */
	#wrapper #main .section02{
		margin:0 0 80px;
	}

	#wrapper #main .section02 .osusume__body{
		padding:0 0 30px;
	}
	
	#wrapper #main .section02 .osusume__item{
		width:auto;
		margin:0 0 10px;
		float:none;
	}

	#wrapper #main .section02 .osusume__item:nth-child(even){
		float:none;
	}

	#wrapper #main .section02 .osusume__item a{
		padding:10px;
	}

	#wrapper #main .section02 .osusume__item a:after{
		width:10px;
		height:10px;
	}

	#wrapper #main .section02 .osusume__item--l{
		width:30%;
	}
	#wrapper #main .section02 .osusume__item--r{
		width:68%;
	}
	#wrapper #main .section02 .osusume__item .osusume__info p {
		font-size: 12px;
	}
	#wrapper #main .section02 .osusume__item .osusume__info p:last-child {
		font-size: 16px;
	}

	/* section03 */
	#wrapper #main .section03{
		margin:0 0 80px;
	}

	#wrapper #main .section03 .special__body{
		width:auto;
	}

	#wrapper #main .section03 .special__item{
		width:49%;
		margin:0 0 10px 0;
	}

	#wrapper #main .section03 .special__item:nth-child(even){
		float:right;
	}

	#wrapper #main .section03 .special__item a:after{
		width:10px;
		height:10px;
	}

	#wrapper #main .section03 .special__item p{
		padding:10px;
	}

	/* section04 */
	#wrapper #main .section04{
		margin:0 0 80px;
		padding:0 0 30px;
	}

	#wrapper #main .section04 .map__desc{
		margin:0 0 10px;
	}

	#wrapper #main .section04 .map__desc span{
		padding:4px 10px;
		display:inline-block;
	}


	/* section05 */
	#wrapper #main .section05{
		margin:0 0 80px;
	}

	#wrapper #main .section05 .merit__item{
		width:auto;
		margin:0 0 10px;
		float:none;
	}

	#wrapper #main .section05 .merit__item .merit__item__up{
		padding:15px 0 10px;
		margin:0 0 10px;
	}

	#wrapper #main .section05 .merit__item .merit__item__up img{
		width:70px;
	}
	
	#wrapper #main .section05 .merit__item .merit__no{
		width:40px;
	}

	#wrapper #main .section05 .merit__item .merit__catch{
		font-size:14px;
		padding:15px 0 0;
	}

	#wrapper #main .section05 .merit__item .merit__catch br{
		display:none;
	}

	/* section06 */
	#wrapper #main .section06{
		margin:0 0 80px;
	}
	

}

/* トップに戻る */
.bt_pagetop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 10000;
}

.bt_pagetop a {
	background: #00a7eb;
	border-radius: 10px;
	color: #fff;
	display: block;
	height: 60px;
	text-align: center;
	text-decoration: none;
	width: 60px;
}

.bt_pagetop a img{
	width:100%;
}
@media screen and (max-width: 768px) {
	.bt_pagetop a {
		height: 40px;
		width: 40px;
	}
}

/*----------------------topへ戻る----------------------*/
#return_top { text-align:center; margin:10px; }
#return_top a { background: url("https://image.stworld.jp/images/common/tri01.gif") no-repeat scroll left 5px rgba(0, 0, 0, 0); line-height: 1em; padding-left: 10px; }