@charset "utf-8";

/* ========================================================
	index.css => index用CSS
======================================================== */

/* main
============================================================================================================ */
#main {
	position: relative;
	height: 400px;
	padding-top: 125px;
	background: #6eb92b url(../images/main_bg.png) 50% 0;
	text-align: center;
	z-index: 2;
}
#main::after {
	background-color: #fff;
}

@media screen and (min-width: 769px), print {
	#main {
	}
	#main h1 {
		margin-top: 40px;
		color: #ffffff;
		font-size: 5rem;
	}
}
@media screen and (max-width: 768px) {
	#main {
		height: auto;
		padding:30px 0 40px 0;
		background-repeat: no-repeat;
		background-position: 50% 20%;
		-webkit-background-size: 140%;
		background-size: 140%;
	}
	#main h1 {
		color: #ffffff;
		font-size: 1.8rem;
	}
}





/* after_skew
============================================================================================================ */
.after_skew {
	position: relative;
	overflow: hidden;
}
.after_skew::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	right: -100px;
	height: 50px;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: skewX(-45deg);
	-ms-transform: skewX(-45deg);
	-o-transform: skewX(-45deg);
	transform: skewX(-45deg);
}
@media screen and (max-width: 768px) {
	.after_skew::after {
		height: 25px;
	}
}




/* information_contents
============================================================================================================ */
.information_contents {
	position: relative;
	padding: 60px 0 120px;
}
.information_contents::before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	height: 50%;
	z-index: -1;
}

.information_contents::after {
	background-color: #6eb92b;
}
.information_contents .box {
	padding: 10px 40px;
}
.information_contents h2{
	text-align: center;
	font-size: 3.5rem;
	line-height: 1;
}
.information_contents h2 span{
	font-size: 2rem;
}

.information_contents div.map ul{
	position: absolute;
	top: 0;
	left: 0;
}
.information_contents div.map ul li{
	position: relative;
}
.information_contents div.list{
	background-color: #6eb92b;
	border-top-left-radius: 20px;     /* 左上 */
	border-top-right-radius: 20px;    /* 右上 */
	border-bottom-right-radius: 20px; /* 右下 */
	border-bottom-left-radius: 20px;  /* 左下 */
}

@media screen and (min-width: 769px), print {
	.information_contents div.widh{
		width: 50%;
		vertical-align: top;
	}
	.information_contents div.widhh{
		width: 45%;
		vertical-align: top;
	}

	.information_contents ul.keibajo li {
		width: 12%;
		display: inline-block;
		color: #ffffff;
		text-align: center;
		font-size: 3rem;
		margin-bottom: 10px;
	}
	.information_contents div.map {
		width: 1080px;
	}
	.information_contents div.map ul li.obihiro{
		top: 48px;
		left: 830px;
		width: 85px;
		height: 150px;
	}
	.information_contents div.map ul li.monbetsu{
		top: -47px;
		left: 752px;
		width: 89px;
		height: 131px;
	}
	.information_contents div.map ul li.morioka{
		top: -28px;
		left: 715px;
		width: 99px;
		height: 121px;
	}
	.information_contents div.map ul li.mizusawa{
		top: -81px;
		left: 761px;
		width: 132px;
		height: 102px;
	}
	.information_contents div.map ul li.urawa{
		top: -147px;
		left: 637px;
		width: 95px;
		height: 129px;
	}
	.information_contents div.map ul li.fuabashi{
		top: -214px;
		left: 732px;
		width: 83px;
		height: 129px;
	}
	.information_contents div.map ul li.oi{
		top: -296px;
		left: 687px;
		width: 90px;
		height: 121px;
	}
	.information_contents div.map ul li.kawasaki{
		top: -396px;
		left: 596px;
		width: 95px;
		height: 137px;
	}
	.information_contents div.map ul li.kanazawa{
		top: -734px;
		left: 482px;
		width: 74px;
		height: 129px;
	}
	.information_contents div.map ul li.kasamatsu{
		top: -777px;
		left: 547px;
		width: 89px;
		height: 118px;
	}
	.information_contents div.map ul li.nagoya{
		top: -796px;
		left: 497px;
		width: 92px;
		height: 129px;
	}
	.information_contents div.map ul li.sonoda{
		top: -971px;
		left: 422px;
		width: 89px;
		height: 136px;
	}
	.information_contents div.map ul li.himezi{
		top: -1118px;
		left: 307px;
		width: 108px;
		height: 129px;
	}
	.information_contents div.map ul li.kochi{
		top: -1102px;
		left: 322px;
		width: 80px;
		height: 130px;
	}
	.information_contents div.map ul li.saga{
		top: -1343px;
		left: 106px;
		width: 110px;
		height: 126px;
	}
	.information_contents div.map ul li img{
		transition: .5s ;
		transform: rotateZ( 0deg ) ;
	}
	.information_contents div.map ul li img:hover{
			transform: rotateZ( 10deg ) ;
	}
	.information_contents div.map dl dd{
	  display: table-cell;
	}
	.information_contents div.map dl{
		display:table;
		width: 100%;
		table-layout: fixed;
		text-align: center;
	}
	.information_contents div.list h2{
		font-size: 3rem;
		color: #ffffff;
		font-weight: bold;
		line-height: 1;
		text-align: left;
		margin-bottom: 20px;
	}
.information_contents div.list{
	padding: 30px;
}

}
@media screen and (max-width: 768px) {
	.information_contents {
		padding: 30px 0 60px;
	}
	.information_contents .box {
		padding: 5px 20px;
	}
	
	.information_contents ul.keibajo li {
		width: 49%;
		display: inline-block;
		color: #ffffff;
		text-align: center;
		font-size: 3rem;
		margin-bottom: 10px;
	}
	.information_contents div.list dl dd{
      width: 47%;
    display: inline-block;
    padding: 10px;
	}
	.information_contents div.list h2{
		font-size: 2.5rem;
		color: #ffffff;
		font-weight: bold;
		line-height: 1;
		text-align:center;
		margin-bottom: 5px;
	}
	.information_contents div.list{
		padding: 15px;
	}
}