@charset "UTF-8";
/*
特色カラーコード
rgba(0,150,124,1)
*/

/*mainimgA（背景色#7CADDF）
-----------------------------------------------------------------------------------------*/
#mainimgA{
	background:#7CADDF;
}
#mainimgA figure{
	max-width:1200px;
	margin:0 auto;
	position:relative;
}
#mainimgA figure::before,
#mainimgA figure::after{
	position:absolute;
	display:block;
	content:"";
	width:100px;
	height:100%;
	top: 0;
	background: -moz-linear-gradient(#7CADDF,rgba(0,0,0,0));
	background: -webkit-linear-gradient(#7CADDF, rgba(0,0,0,0));
	background: linear-gradient(to right, #7CADDF,rgba(0,0,0,0));
}
#mainimgA figure::before{
	left:0;
}
#mainimgA figure::after{
	right:0;
	transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
@media screen and (max-width: 739px) {
	#mainimgA figure::before,
	#mainimgA figure::after{display:none;}
}

/*mainimgB
-----------------------------------------------------------------------------------------*/
#mainimgB{
	position:relative;
	overflow:hidden;
	width:100%;
	height:520px;
  	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
#mainimgB figure img{
	min-width:1800px;
	width:100%;
	position:absolute;
	top: 0;
	left: -50%;
	right: -50%;
	bottom: 0;
	margin:auto;
	z-index:-1;
}
#mainimgB p{
	display:inline-block;
	margin:0 auto;
	background:rgba(255,255,255,0.7);
	padding:15px 30px;
	font-size:25px;
	line-height:1.5;
	letter-spacing:2px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#mainimgB p img{
	display:block;
	margin:5px auto 0 auto;
}
@media screen and (max-width: 739px) {
	#mainimgB{height:auto;padding:0;overflow:visible;}
	#mainimgB figure img{min-width:auto;position:static;}
	#mainimgB p{padding:10px 15px;font-size:16px;display:none;}
}

/*mainimgC
-----------------------------------------------------------------------------------------*/
#mainimgC figure img{
	min-width:100%;
}

/*poem
-----------------------------------------------------------------------------------------*/
#poem{
	padding-top:50px;
}
#poem .copy1{
	font-size:30px;
	font-weight:bold;
	margin:30px 0;
	letter-spacing:1px;
}
#poem .copy1 span{
	border-bottom:3px solid rgba(0,150,124,1);
	display:inline-block;
	padding-bottom:5px;
}
#poem .copy2{
	color:rgba(0,150,124,1);
	font-size:20px;
	font-weight:bold;
	margin:5px 0;
	letter-spacing:1px;
}
#poem li{
	margin:5px 0 5px 25px;
	list-style-type:disc;
	text-align:left;
}
#poem .centerlist{
	display:inline-block;
}
@media screen and (max-width: 739px) {
	#poem{padding:30px 15px;border-bottom:3px solid #CCC;}
	#poem .copy1{font-size:25px;margin:20px 0;}
	#poem li{font-size:12px;line-height:22px;}
}

/*pickup
-----------------------------------------------------------------------------------------*/
#pickup{
	max-width:1200px;
	margin:35px auto;
	overflow:hidden;
}
#pickup li{
	width:calc(100%/3);
	float:left;
	text-align:left;
	padding:10px;
}
#pickup li a{
	display:block;
	padding:20px;
	border-radius: 10px;
}
#pickup li a:hover{
	background:rgba(236,247,245,1);
}
#pickup li p{
	line-height:1.5;
}
#pickup li figure{
	display:block;
	width:340px;
	height:255px;
	overflow: hidden;
	border-radius: 7px;
}
#pickup li figure img{
	display: block;
	transition-duration: 0.3s;
}
#pickup li a:hover figure img{
	transform: scale(1.2);
	transition-duration: 1s;
}
#pickup li strong{
	display:block;
	font-size:20px;
	margin-top:15px;
	color:#00967C;
}
#pickup li span{
	display:block;
	font-size:14px;
	margin-top:5px;
	color:#666;
}
#pickup li a::after{
	display:block;
	content:"詳しく見る";
	font-size:14px;
	line-height:40px;
	text-align:center;
	color:#00967C;
	width:240px;
	margin:20px auto 0 auto;
	border:1px solid #00967C;
	background:url(images/maruya.svg) right no-repeat;
	border-radius: 5px;
}
#pickup li a:hover::after{
	background-color:rgba(255,255,255,1);
}
@media screen and (max-width: 739px) {
	#pickup{margin:0 0 15px 0;}
	#pickup li{width:100%;float:none;padding:20px;border-bottom:1px solid #CCC;}
	#pickup li a{padding:20px;margin:-20px;}
	#pickup li figure{float:left;width:126px;height:auto;}
	#pickup li p{margin-left:140px;}
	#pickup li strong{font-size:15px;margin:0;}
	#pickup li span{font-size:12px;margin-top:2px;}
	#pickup li a::after{width:auto;margin:0;border:none;clear: both;height:0;visibility: hidden;}
}

/*info
-----------------------------------------------------------------------------------------*/
#info{
	background-image: url(images/info_bg.jpg);
	background-position: center;
	background-size: cover;
	width: 100%;
}
/*-------------------------data*/
#info .data{
	width:100%;
	float:left;
	padding:50px;
}
#info .data section{
	max-width:750px;
	margin:0 auto;
}
#info .data h1{
	font-size:30px;
	line-height:1.5;
	color:#000;
}
#info .data h1 span{
	display:block;
	font-size:16px;
	margin-top:5px;
}
#info .data table{
	margin-top:20px;
	border:1px solid #CCC;
}
#info .data table th{
	background:#00967C;
	padding:5px 2px;
	font-size:14px;
	color:#FFF;
}
#info .data table td{
	padding:10px;
	text-align:center;
}
#info .data table td span{
	display:block;
}
#info .data table + p{
	text-align:left;
	margin-top:5px;
	color:#000;
	font-size:14px;
	line-height:1.75;
}
#info .data ul{
	background:rgba(255,255,255,0.8);
	margin-top:20px;
	padding:5px;
	border-radius:10px;
}
#info .data li.adress{
	font-size:14px;
	padding-top:10px;
	line-height:1.75;
}
#info .data li.adress span{
	padding:0 7px;
	white-space:nowrap;
}
#info .data li.tel{
	font-size:30px;
	line-height:1.5;
	font-weight:bold;
	margin-bottom:-5px;
}
#info .data li.tel a{
	color:#000;
}
/*-------------------------infoimg*/
#info .infoimg{
	display:block;
	width:50%;
	height:100%;
	position:absolute;
	overflow:hidden;
	top:0;
	right:0;
}
#info .infoimg img{
	min-height:100%;
	width:100%;
	object-fit: cover;
	position:absolute;
	top: 0;
	left: -50%;
	right: -50%;
	bottom: 0;
	margin:auto;
}
#info .infoimg::after{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	background:rgba(0,0,0,0.1) url(images/ami.png);
}
@media screen and (max-width: 739px) {
	#info .data{width:100%;float:none;padding:30px 20px;}
	#info .data h1{font-size:24px;}
	#info .data h1 span{font-size:14px;}
	#info .data table th{font-size:12px;font-weight:bold;}
	#info .data table td{padding:5px;font-size:14px;}
	#info .data li.tel{font-size:20px;line-height:40px;margin:5px 0;}
	#info .data li.tel a{display:block;background:#FFF url(images/ya_g.png) right no-repeat;background-size:30px;border:1px solid #888;border-radius:5px;width:300px;margin:0 auto;}
	#info .infoimg{width:100%;height:auto;position:static;}
	#info .infoimg img{min-height:0;position:static;}
	#info .infoimg::after{display:none;}
}
/*-------------------------infoimg*/
#info .infoimg{
	display:block;
	width:50%;
	height:100%;
	position:absolute;
	overflow:hidden;
	top:0;
	right:0;
}
#info .infoimg img{
	min-height:100%;
	width:100%;
	object-fit: cover;
	position:absolute;
	top: 0;
	left: -50%;
	right: -50%;
	bottom: 0;
	margin:auto;
}
#info .infoimg::after{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	background:rgba(0,0,0,0.1) url(images/ami.png);
}
@media screen and (max-width: 739px) {
	#info .data{width:100%;float:none;padding:30px 20px;}
	#info .data h1{font-size:24px;}
	#info .data h1 span{font-size:14px;}
	#info .data table th{font-size:12px;font-weight:bold;}
	#info .data table td{padding:5px;font-size:14px;}
	#info .data li.tel{font-size:20px;line-height:40px;margin:5px 0;}
	#info .data li.tel a{display:block;background:#FFF url(images/ya_g.png) right no-repeat;background-size:30px;border:1px solid #888;border-radius:5px;width:300px;margin:0 auto;}
	#info .infoimg{width:100%;height:auto;position:static;}
	#info .infoimg img{min-height:0;position:static;}
	#info .infoimg::after{display:none;}
}

/*topics
-----------------------------------------------------------------------------------------*/
#topics{
	padding:70px 0;
	width:1000px;
	margin:0 auto;
}
#topics .title{
	font-size:35px;
	line-height:1.5;
	margin-bottom:-10px;
	text-align:left;
}
#topics .title span{
	font-size:20px;
	color:rgba(0,150,124,1);
	letter-spacing:2px;
	float:right;
	margin-top:10px;
}
#topics ul{
	margin:20px 0 40px 0;
	text-align:left;
	border-top:1px solid #BFBFBF;
}
#topics li{
	border-bottom:1px solid #BFBFBF;
	padding:20px 0 20px 140px;
	position:relative;
}
#topics li a{
	display:block;
	margin:-20px 0 -20px -140px;
	padding:20px 40px 20px 140px;
	background:url(images/ya_g.png) right no-repeat;
}
#topics li a:hover{
	background-color:#ECF7F5;
}
#topics li a p{
	line-height:25px;
}
#topics li a .date{
	font-size:14px;
	color:#00967C;
	letter-spacing:1px;
	position:absolute;
	left:20px;
	top:20px;
}
#topics li a .kiji{
	color:#000;
	font-size:15px;
}
#topics .btn a{
	display:block;
	font-size:14px;
	line-height:40px;
	text-align:center;
	color:#FFF;
	width:240px;
	margin:0 auto;
	background:#000 url(images/maruya_w.png) right no-repeat;
}
#topics .btn a:hover{
	background-color:#666;
}
@media screen and (max-width: 739px) {
	#topics{padding:40px 20px;width:auto}
	#topics .title{font-size:24px}
	#topics .title span{font-size:14px}
	#topics ul{margin:20px 0;}
	#topics li{padding:10px 0}
	#topics li a{margin:-10px 0;padding:10px 20px 10px 0;background-size:30px;background-position:right -5px center}
	#topics li a .date{font-size:12px;font-weight:bold;position:static}
	#topics li a .kiji{font-size:14px}
}

/*kanren
-----------------------------------------------------------------------------------------*/
#kanren{
	max-width:1200px;
	margin:0 auto;
	text-align:left;
	padding:30px;
	margin-top: 50px;
	margin-bottom:50px;
	background:#ECF7F5;
}
#kanren h3{
	font-size:18px;
	font-weight:bold;
	margin:0 10px;
}
#kanren li{
	line-height:1.5;
	width:calc(100%/3);
	float:left;
	padding:5px 10px;
}
#kanren li a{
	display:block;
	padding:5px 5px 5px 30px;
	background:#FFF url(images/maruya.svg) 5px 5px no-repeat;
	color:#000;
	border-radius:5px;
}
#kanren li a:hover{
	background-color:rgba(0,150,124,0.2);
}
@media screen and (max-width: 739px) {
	#kanren h3{font-size:16px;}
	#kanren{padding:20px 10px;margin:0px;}
	#kanren li{width:50%;font-size:14px;padding:4px 10px;}
	#kanren li a{background-size:20px;padding-left:25px;}
}
@media screen and (max-width: 479px) {
	#kanren li{width:100%;float:none;}
}

/*topitem
-----------------------------------------------------------------------------------------*/
.topitem{
	max-width:1200px;
	font-size:0;
	text-align:center;
	margin:0 auto;
	padding:50px 0;
}
.topitem p{
	display:inline-block;
	padding:15px;
	width:calc(100%/3);
	vertical-align:top;
}
.topitem a{
	display:block;
	font-size:16px;
	line-height:1.6;
	color:#000;
	text-align:left;
	border:3px solid #CCC;
	padding:20px;
	text-align:justify;
	text-justify:distribute;
	min-height:360px;
	position:relative;
}
.topitem a:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.topitem a:hover{
	background-color:rgba(0,0,0,0.05);
}
.topitem a strong{
	font-size:24px;
	line-height:1.5;
	display:block;
	margin-bottom:10px;
}
.topitem a img{
	display:block;
	margin:0 auto 10px auto;
}
@media screen and (max-width: 739px) {
	.topitem{padding:15px 20px;}
	.topitem p{display:block;padding:5px 0;width:auto;}
	.topitem a{display:block;font-size:14px;padding:15px;min-height:0;}
	.topitem a strong{font-size:20px;}
	.topitem a img{display:block;}
}
/*-------------------------more*/
.topitem a span.more{
	display:block;
	width:200px;
	line-height:40px;
	text-align:center;
	position:absolute;
	bottom:20px;
	left:50%;
	margin-left:-100px;
	color:#FFF;
	background:#CC0000;
}
@media screen and (max-width: 739px) {
.topitem a span.more{position:static;line-height:30px;width:150px;margin:10px auto 0 auto;}
}
/*-------------------------w50*/
.topitem .w50{
	width:50%;
}
.topitem .wide{
	width:1020px;
}
@media screen and (max-width: 739px) {
	.topitem .w50,.topitem .wide{width:auto;}
}
/*-------------------------left*/
.topitem .left a{
	padding-left:50%;
	min-height:300px;
}
.topitem .left a img{
	position:absolute;
	left:7px;
	top:7px;
}
.topitem .left a span.more{
	left:75%;
}
/*-------------------------right*/
.topitem .right a{
	padding-right:50%;
	min-height:300px;
}
.topitem .right a img{
	position:absolute;
	right:7px;
	top:7px;
}
.topitem .right a span.more{
	left:25%;
}
@media screen and (max-width: 739px) {
	.topitem .left a,.topitem .right a,.topitem .wide a{padding:15px;}
	.topitem .left a img,.topitem .right a img,.topitem .wide a img{max-width:100%;position:static;}
}
/*-------------------------psition*/
#pickup + .topitem,
#topics + .topitem,
.topitem + #topics,
.banner + .topitem{
	padding-top:0;
}
#pickup + .topitem + .banner,
#topics + .topitem + .banner{
	padding-bottom:50px;
}
@media screen and (max-width: 739px) {
	#pickup + .topitem + .banner,#topics + .topitem + .banner{padding-bottom:15px;}
}