/*
body {
	margin: 0;
	padding: 0;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	color: #000;
	background-color: #FFF;
	line-height: 1.428571429;

}
*/


body {
	background: url(haikeiwashi_g.png) repeat;
	text-align: center;
	margin: 0 auto;
	padding: 0;


}



/* --------------------------------------------------
 * 
 * cpheader
 * 
 * --------------------------------------------------
 */

.cpheader h1 {
	margin: 0 auto;
	text-align: center;
}

.cpheader h1 img {
	width: 100%;
	max-width: 1409px;
	height: auto;
}

@media (min-width: 600px) {
	.cpheader h1 {


		max-width: 1409px;
		height: 0;
		width: 100%;
		padding-top: 50.248%;

		text-align: center;
		margin: 0 auto 0;
		background-position: center top;
		background-image: url(topimage1.png);
		background-repeat: no-repeat;
		background-size: contain;
		display: block;


	}

	.cpheader h1 img {
		display: none;
	}
}

@media (min-width: 1409px) {
	.cpheader h1 {


		width: 1409px;
		height: 708px;
		padding-top: 0;
		background-size: 1409px 708px;

	}


}









/* --------------------------------------------------
 * 
 * cpmenu
 * 
 * --------------------------------------------------
 */

.cpmenu {
	max-width: 1077px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	text-align: center;

	font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Sawarabi Mincho", serif;
}




/*
 .cpmenu ul{

	 }
  */
.cpmenu ul li {

	/*	 max-width:215px;
	max-height:57px;
*/
	display: inline-block;
	vertical-align: middle;

	width: 19.5%;
	height: 100%;

	letter-spacing: .175em;
	font-size: 1.85em;
	text-align: left;
	margin: 0;
	padding: 0;
}

@media screen and (min-width: 600px) {
	.cpmenu ul {
		margin-left: -.1em
	}

	.cpmenu ul li.num1 {

		width: 20.4%;
		background-image:
			url(y1.png),
			url(tu1.png);
		background-repeat: no-repeat, no-repeat;
		background-position: left bottom, right top;
		background-size: contain, contain;
	}

	.cpmenu ul li.num6 {
		width: 20.4%;
		background-image:
			url(ts1.png);
		background-repeat: no-repeat;
		background-position: right top;
		background-size: contain;
	}

	.cpmenu ul li.num2 {
		background-image:
			url(y2.png),
			url(tu2.png);
		background-repeat: no-repeat, no-repeat;
		background-position: left bottom, right top;
		background-size: contain, contain;
	}

	.cpmenu ul li.num7 {
		background-image:
			url(ts2.png);
		background-repeat: no-repeat;
		background-position: right top;
		background-size: contain;
	}


	.cpmenu ul li.num3 {
		background-image:
			url(y3.png),
			url(tu3.png);
		background-repeat: no-repeat, no-repeat;
		background-position: left bottom, right top;
		background-size: contain, contain;
	}

	.cpmenu ul li.num8 {
		background-image:
			url(ts3.png);
		background-repeat: no-repeat;
		background-position: right top;
		background-size: contain;
	}



	.cpmenu ul li.num4 {
		background-image:
			url(y4.png),
			url(tu4.png);
		background-repeat: no-repeat, no-repeat;
		background-position: left bottom, right top;
		background-size: contain, contain;
	}

	.cpmenu ul li.num9 {
		background-image:
			url(ts4.png);
		background-repeat: no-repeat;
		background-position: right top;
		background-size: contain;
	}



	.cpmenu ul li.num5 {
		background-image:
			url(y5.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		background-size: contain;
	}





	.cpmenu ul li a {

		display: block;
		width: 100%;
		height: auto;
		text-align: center;
		margin: 0 auto;
		padding: .5em 0;
		box-sizing: border-box;



	}




}

/*
@media screen and (min-width: 801px) and (max-width: 900px) {*/



@media screen and (max-width: 900px) {
	.cpmenu ul li {
		font-size: 1.5em;
	}

	.cpmenu ul li.num2,
	.cpmenu ul li.num7,
	.cpmenu ul li.num3,
	.cpmenu ul li.num8,
	.cpmenu ul li.num4,
	.cpmenu ul li.num9 {
		width: 19.3%;
	}

	.cpmenu ul li.num2 a,
	.cpmenu ul li.num7 a,
	.cpmenu ul li.num3 a,
	.cpmenu ul li.num8 a,
	.cpmenu ul li.num4 a,
	.cpmenu ul li.num9 a {
		position: relative;
		left: -.25em;
	}

}

@media screen and (max-width: 800px) {

	.cpmenu ul li {
		font-size: 1.25em;
	}

	.cpmenu ul li.num2,
	.cpmenu ul li.num7,
	.cpmenu ul li.num3,
	.cpmenu ul li.num8,
	.cpmenu ul li.num4,
	.cpmenu ul li.num9 {
		width: 19.2%;
	}

	.cpmenu ul li.num2 a,
	.cpmenu ul li.num7 a,
	.cpmenu ul li.num3 a,
	.cpmenu ul li.num8 a,
	.cpmenu ul li.num4 a,
	.cpmenu ul li.num9 a {
		position: relative;
		left: -.25em;
	}

}

@media screen and (max-width: 700px) {

	.cpmenu ul li {
		font-size: 1.1em;
	}

	.cpmenu ul li.num2,
	.cpmenu ul li.num7,
	.cpmenu ul li.num3,
	.cpmenu ul li.num8,
	.cpmenu ul li.num4,
	.cpmenu ul li.num9 {
		width: 19.2%;
	}

	.cpmenu ul li.num2 a,
	.cpmenu ul li.num7 a,
	.cpmenu ul li.num3 a,
	.cpmenu ul li.num8 a,
	.cpmenu ul li.num4 a,
	.cpmenu ul li.num9 a {
		position: relative;
		left: -.25em;
	}

}



@media screen and (max-width: 600px) {

	.cpmenu {
		max-width: 1051px;
		width: 100%;
		height: auto;
		margin: 0 auto;
		padding: 0 .5em;
		text-align: center;
		box-sizing: border-box;

	}

	.cpmenu ul {
		background-image:
			url(last.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		background-size: contain;

	}

	.cpmenu ul li {
		letter-spacing: .175em;
		font-size: 1.8em;
		display: inline-block;
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}

	.cpmenu ul li.num7,
	.cpmenu ul li.num3,
	.cpmenu ul li.num9,
	.cpmenu ul li:nth-child(odd) {
		max-width: 528px;
		/*	 width:50.237%;*/
		width: 50%;
		height: auto;
		padding-right: .25em;

	}

	.cpmenu ul li.num2,
	.cpmenu ul li.num8,
	.cpmenu ul li.num4,
	.cpmenu ul li:nth-child(even) {
		max-width: 523px;
		/*	 width:49.762%;*/
		width: 49%;
		height: auto;

	}





	.cpmenu ul li.num1 {
		background-image:
			url(l1.png),
			url(l2.png),
			url(c1.png);
		background-repeat: no-repeat, no-repeat, no-repeat;
		background-position: left top, left bottom, right center;
		background-size: 99% auto, 99% auto, contain;


	}

	.cpmenu ul li.num2 {
		background-image:
			url(r1.png),
			url(r2.png);
		background-repeat: no-repeat, no-repeat;
		background-position: left top, left bottom;
		background-size: contain, contain;

	}

	.cpmenu ul li.num3 {
		background-image:
			url(l3.png),
			url(c2.png);
		background-repeat: no-repeat, no-repeat;
		background-position: left bottom, right center;
		background-size: 99% auto, contain;

	}

	.cpmenu ul li.num4 {
		background-image:
			url(r3.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		background-size: 100% auto;

	}


	.cpmenu ul li.num5 {
		background-image:
			url(l4.png),
			url(c3.png);
		background-repeat: no-repeat, no-repeat;
		background-position: left bottom, right center;
		background-size: 99% auto, contain;

	}

	.cpmenu ul li.num6 {
		background-image:
			url(r4.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		background-size: contain;

	}

	.cpmenu ul li.num7 {
		background-image:
			url(l5.png),
			url(c4.png);
		background-repeat: no-repeat, no-repeat;
		background-position: left bottom, right center;
		background-size: 99% auto, contain;

	}

	.cpmenu ul li.num8 {
		background-image:
			url(r5.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		background-size: contain;

	}


	.cpmenu ul li.num9 {
		background-image:
			url(c5.png);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: contain;

	}


	.cpmenu ul li.num2 a,
	.cpmenu ul li.num7 a,
	.cpmenu ul li.num3 a,
	.cpmenu ul li.num8 a,
	.cpmenu ul li.num4 a,
	.cpmenu ul li.num9 a {
		position: static;
		left: auto;
	}

	.cpmenu ul li a {
		display: block;
		width: 100%;
		height: 100%;
		text-align: center;
		margin: 0 auto;
		padding: .75em 0;


	}



}


@media screen and (max-width: 380px) {
	.cpmenu ul li {
		font-size: 1.5em;
	}

	.cpmenu ul li:nth-child(odd) {
		width: 49%;

	}

	.cpmenu ul li:nth-child(even) {
		width: 48%;

	}

}

@media screen and (max-width: 320px) {
	.cpmenu ul li {
		font-size: 1.25em;
	}
}



/* --------------------------------------------------
 * cpmenu共通
 * --------------------------------------------------
 */




.cpmenu ul li a.activate {
	color: #3C3C3C;
	text-decoration: none;
}

.cpmenu ul li a.deactivated {

	cursor: default;
	text-decoration: none;
	color: #AAAAAA;
}

/*.cpmenu ul li a.activate:link {color:#3c3c3c;text-decoration:none;}*/
.cpmenu ul li a.activate:visited {
	color: #3c3c3c;
	text-decoration: none;
}

.cpmenu ul li a.activate:hover {
	color: #cd5ab4;
	text-decoration: none;
}

.cpmenu ul li a.activate.hover {
	color: #cd5ab4;
	text-decoration: none;
}

.cpmenu ul li a.activate:active {
	color: #cd5ab4;
	text-decoration: none;
}

.cpmenu ul li a.activate:focus {
	color: #cd5ab4;
	text-decoration: none;
}




/* --------------------------------------------------
 * 
 * #wrap
 * 
 * --------------------------------------------------
 */


#wrap {
	/*	margin: auto;
	text-align: center;
	padding-top:72px;
	overflow:hidden;
	border:none;*/
	background-color: transparent;

	font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Sawarabi Mincho", serif;

}

#wrap section:nth-child(odd) {

	width: 100%;
	height: auto;
	margin: 0;
	background: url(haikeiwashi_c.png) repeat;

}

#wrap section p.message {
	padding: 53px .25em 0;
	max-width: 1077px;
	line-height: 1.8em;
	text-align: left;
	margin: 0 auto 1.47em;
	box-sizing: border-box;
	/*	font-size:1.25em;*/
	font-size: 20px;
	color: #1e1e1e;
}






/* --------------------------------------------------
 * 
 * news-box
 * 
 * --------------------------------------------------
 */
.news-box {
	max-width: 1077px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	padding: 0 0 54px 0
}

.news-box .news-title {
	background: url(line.png) no-repeat center bottom;
	margin: 0;
	padding: 0;

}

.news-box .news-title h1 {
	text-align: left;
	letter-spacing: .15em;
	margin-left: .3em;
	padding-bottom: .3em;
	font-size: 1.65em;
}



.news-box ul {
	max-height: 120px;
	overflow-y: scroll;
	overflow-x: hidden;
	text-align: left;

	margin-left: .5em;
}

.news-box ul li {
	line-height: 1.5;
	font-size: 1.08em;
	color: #3c3c3c;

}

.news-box ul li a:link {
	color: #3c3c3c;
	text-decoration: none;
}

.news-box ul li a:visited {
	color: #3c3c3c;
	text-decoration: none;
}

.news-box ul li a:hover {
	color: #3c3c3c;
	text-decoration: underline;
}

.news-box ul li a.hover {
	color: #3c3c3c;
	text-decoration: underline;
}

.news-box ul li a:active {
	color: #3c3c3c;
	text-decoration: underline;
}

.news-box ul li a:focus {
	color: #3c3c3c;
	text-decoration: underline;
}


.news-box ul li+li {
	padding-top: .5em;
}

.news-box ul li p {
	display: inline;
	font-weight: normal;
	padding-left: .75em;

}

@media screen and (max-width: 767px) {
	.news-box ul li p {
		width: 100%;
		display: block;
	}
}




/* --------------------------------------------------
 * 
 * caption
 * 
 * --------------------------------------------------
 */


.caption-title {
	background: url(line.png) no-repeat center bottom;
}

.caption-title h1 {
	text-align: center;
	letter-spacing: .15em;
	/*margin-left:.3em;*/
	padding-bottom: .3em;
	font-size: 26.66px;
	color: #1e1e1e;
}

.caption-body img {
	max-width: 713px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 4.5em 0 2.25em;
}

/* --------------------------------------------------
 * 
 * box
 * 
 * --------------------------------------------------
 */



.box {
	max-width: 1077px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	padding-top: 5em;
	box-sizing: border-box;

}

@media screen and (max-width: 767px) {
	.box {
		padding-left: .5em;
		padding-right: .5em;
	}
}



/* --------------------------------------------------
 * 
 * stroy
 * 
 * --------------------------------------------------
 */




.stroy-body {
	max-width: 713px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 4.5em 0 2.25em;
}

.stroy-body p {
	font-size: 18.66px;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.8;
	color: #000;

	/*
text-indent: 1em;
text-indent: -1em;
padding-left: 1em;
*/

}


.stroy-body p+p {
	padding-top: 1.8em;

}


.stroy-image {
	padding: 2.25em 0;
}

.stroy-image img {
	max-width: 712px;
	width: 100%;
	height: auto;
}




/* --------------------------------------------------
 * 
 * videobox
 * 
 * --------------------------------------------------
 */



.videobox {
	max-width: 713px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	clear: both;
	display: block;

	padding: 2.25em 0;
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	/*	margin-top:-25px;*/
	height: 0;
	overflow: hidden;
	/*	background-color:#000; */
}

.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




/* --------------------------------------------------
 * 
 * btn-box feedback
 * 
 * --------------------------------------------------
 */

.btn-box.feedback {
	margin: 0 auto;
	text-align: center;

	padding: 2.25em 0 4.5em;
	position: relative;
}

.btn-box.feedback a.feedbackbtn img {
	max-width: 620px;
	width: 100%;
	height: auto;
}



@media (min-width: 768px) {
	.btn-box.feedback a.feedbackbtn {


		max-width: 712px;
		height: auto;
		width: 100%;
		padding-top: 10.533%;

		text-align: center;
		margin: 0 auto 0;
		background-position: center top;
		background-image: url(btnlinelarge-txt.png);
		background-repeat: no-repeat;
		background-size: contain;
		display: block;


	}

	.btn-box.feedback a.feedbackbtn img {
		display: none;
	}
}

.page-top a {
	position: absolute;
	right: 0;
	top: 4em;
	color: #646464;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.page-top a:link {
	color: #646464;
	text-decoration: none;
}

.page-top a:visited {
	color: #646464;
	text-decoration: none;
}

.page-top a:hover {
	color: #646464;
	text-decoration: underline;
}

.page-top a.hover {
	color: #646464;
	text-decoration: underline;
}

.page-top a:active {
	color: #646464;
	text-decoration: underline;
}

.page-top a:focus {
	color: #646464;
	text-decoration: underline;
}

.page-top a:after {
	content: url(m_yajirushi.png);
	width: 27px;
	height: auto;
	display: inline-block;
	vertical-align: middle;
	margin-left: .5em;
}

/* 

20190901
@media (max-width: 1055px) {
.page-top a{

	right:0;
	top:65%;
	}

	}
@media (max-width: 767px) {
.page-top a{

	right:0;
	top:80%;
	}

	}

 */




/* --------------------------------------------------
 * 
 * senryu
 * 
 * --------------------------------------------------
 */



.senryu .caption-body ul li a img {
	max-width: 1077px;
	width: 100%;
	height: auto;

}