@charset "utf-8";

/*----------------------------------------------------------------
 TopPage only
----------------------------------------------------------------*/
/*----------------------------------------------------------------
 base
----------------------------------------------------------------*/
/*----------------------------------------------------------------
 layout
----------------------------------------------------------------*/
/*----------------------------------------------------------------
 styles
----------------------------------------------------------------*/

/*-----------------------------------------------------
 map
-----------------------------------------------------*/
#map{
	padding				: 0 0 10px 0;
	background			: var(--bgcolor-y);
}
@media screen and (min-width: 769px) {
#map{ padding: 0 0 40px 0; }
}

/* copy
-----------------------------------------------------*/
#map .copy{
	margin				: 0 0 15px 0;
	text-align			: center;
	line-height			: 1.5;
	color				: #097239;
}
@media screen and (min-width: 769px) {
#map .copy{ margin: 20px 0; }
}

/*-----------------------------------------------------
 higashi
-----------------------------------------------------*/
#higashi{ background: var(--bgcolor-b); }
#higashi>.container{ background: url(../images/higashi_bg-sp.png) center 90px /contain no-repeat; }
@media screen and (min-width: 769px) {
#higashi>.container{ background: url(../images/higashi_bg-pc.png) center 400px /contain no-repeat; }
}
@media screen and (min-width: 769px) and (max-width: 999px){
#higashi>.container{
	padding: 0 100px;
}
}

/* btn
-----------------------------------------------------*/
#higashi .btn{ color: var(--textcolor-b); }

/*-----------------------------------------------------
 nishi
-----------------------------------------------------*/
#nishi{ background: var(--bgcolor-g); }
#nishi>.container{ background: url(../images/nishi_bg-sp.png) center 90px /contain no-repeat; }
@media screen and (min-width: 769px) {
#nishi>.container{ background: url(../images/nishi_bg-pc.png) center 400px /contain no-repeat; }
}
@media screen and (min-width: 769px) and (max-width: 999px){
#nishi>.container{
	padding: 0 100px;
}
}
/* btn
-----------------------------------------------------*/
#nishi .btn{ color: var(--textcolor-g); }

/*-----------------------------------------------------
 about
-----------------------------------------------------*/
#about{ background: var(--bgcolor-o); }
#about>.container{
	padding				: 0 5vw;
	background			: url(../images/about_bg-sp.png) center 133px /contain no-repeat;
}
@media screen and (min-width: 769px) {
#about>.container{
	padding				: 0 100px;
	background			: url(../images/about_bg-pc.png) center 300px /contain no-repeat;
}
}
@media screen and (min-width: 1000px) {
#about>.container{ padding: 0 190px; }
}

/* btn
-----------------------------------------------------*/
#about .btn{ color: var(--textcolor-o); }

/* copy
-----------------------------------------------------*/
#about .copy{
	margin				: 0 0 10px 0;
	text-align			: center;
	font-size			: 16px;
}
#about .copy>strong{ border-bottom: 1px dashed var(--text-color); }
@media screen and (min-width: 769px) {
#about .copy{
	margin				: 0 0 20px 0;
	font-size			: 22px;
}
#about .copy>strong{ border-bottom: 2px dashed var(--text-color); }
}

/* text
-----------------------------------------------------*/
#about .text p{
	margin				: 0 0 calc(var(--line-height) * 1em);
	font-weight			: 400;
}

/* btn
-----------------------------------------------------*/
#about .slider		{ margin: 40px 0 0 0; }
#about .slider img	{ border-radius: 5px; }
@media screen and (min-width: 769px) {
#about .slider img	{ border-radius: 10px; }
#about .slider		{ margin: 50px 0 20px 0; }
}