@charset "utf-8";
/* ==================================================================

top.css

===================================================================== */


nav.gMemu>ul {
	width: 100%;
	padding: 2%;
	box-sizing: border-box;
}
nav.gMemu>ul>li:nth-child(3n) {
	margin-right: 0;
}
nav.gMemu ul>li {
	float: left;
	width: 32%;
	height: 100px;
	text-align: center;
	box-sizing: border-box;
	background: #F2FDE3;
	margin: 0% 2% 2% 0;
}
nav.gMemu ul>li>a {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	font-weight: bold;
	display: block;
	box-sizing: border-box;
	height: 100px;
}
nav.gMemu ul li.g01 a {
	background: url(../img/top/t_icon01.png) center 32% no-repeat;
	background-size: 67px 50px;
	padding-top: 65px;
	padding-bottom: 10px;
}
nav.gMemu ul li.g02 a {
	background: url(../img/top/t_icon02.png) center 32% no-repeat;
	background-size: 67px 50px;
	padding-top: 65px;
	padding-bottom: 10px;
}
nav.gMemu ul li.g03 a {
	background: url(../img/top/t_icon03.png) center 28% no-repeat;
	background-size: 67px 50px;
	padding-top: 65px;
	padding-bottom: 10px;
}
nav.gMemu ul li.g04 a {
	background: url(../img/top/t_icon04.png) center 32% no-repeat;
	background-size: 67px 50px;
	padding-top: 65px;
	padding-bottom: 10px;
}
nav.gMemu ul li.g05 a {
	background: url(../img/top/t_icon05.png) center 15% no-repeat;
	background-size: 67px 50px;
	padding-top: 55px;
	line-height: 1.2;
	padding-bottom: 10px;
}
nav.gMemu ul li.g06 a {
    background: url(../img/top/t_icon06.png) center 20% no-repeat;
    background-size: 67px 50px;
    padding-top: 55px;
    line-height: 1.2;
    padding-bottom: 10px;
}
/* ==================================
	
block01

================================== */

.block01 {
	margin-top: 30px;
}
/* ==================================
	
infoArea

================================== */

.infoArea dl {
	clear: both;
}
.infoArea dl > a {
	border-bottom: 1px dotted #DDDDDD;
	display: block;
	padding: 5% 3% 5% 18%;
	background: url(../common/arrow04.png) 95% center no-repeat;
	background-size: 12px 19px;
	position: relative;
}
.infoArea dl dt {
	font-size: 1.4rem;
	display: inline-block;
	text-align: center;
	line-height: 62px;
	color: #FFF;
	font-weight: bold;
	float: left;
	width: 60px;
	height: 60px;
	vertical-align: middle;
	border-radius: 50px;
	position: absolute;
	top: 0;
	left: 3%;
	bottom: 0;
	margin: auto;
}

@media screen and (max-width:321px) {
.infoArea dl dt {
	width: 50px;
	height: 50px;
	font-size: 1.2rem;
	line-height: 52px;
}
}
.infoArea dl dt.col01 {
	background: #F8A12D;
}
.infoArea dl dt.col02 {
	background: #3397D2;
}
.infoArea dl dt.col03 {
	background: #659800;
}
.infoArea dl dd {
	display: inline-block;
	width: 84%;
	margin-left: 15px;
	line-height: 1.4;
	vertical-align: middle;
}
.infoArea dl span.day {
	color: #225F06;
	float: left;
	display: block;
	width: 100%;
	font-size: 1.5rem;
}
.infoArea dl span.new {
	color: #FF4D4D;
	font-size: 1.5rem;
	margin-left: 8px;
}
a.infolink {
	text-align: center;
	color: #FFF;
	display: block;
	width: 88%;
	margin: 20px auto 40px;
	background: url(../common/arrow08.png) 90% center no-repeat #99CC33;
	background-size: 8px 13px;
	padding: 10px 0;
	border-radius: 30px;
	font-size: 1.8rem;
}
/* ==================================
	
block02

================================== */

.block02 {
	margin-bottom: 40px;
}
.block02 .bnr01 li {
	float: left;
	width: 49%;
}
.block02 .bnr01 li:first-child {
	margin-right: 2%;
}
.block02 .bnr01 li a img, .block02 .saiyo img {
	width: 100%;
}
.block02 .saiyo {
	margin-top: 2%;
	width: 100%;
	display: block;
}
/* ==================================
	
block03

================================== */


.block03 .bg01 {
	background: url(../common/bg01.jpg) 0 0 repeat;
	background-size: 10px 10px;
	width: 100%;
	display: block;
	position: relative;
	padding: 20px 10px;
	box-sizing: border-box;
}
.block03 .textBox01 {
	background: #FFF;
	padding: 15px 15px 5px 15px;
	margin-bottom: 15px;
	border-radius: 5px;
}
.block03 .textBox01 dt {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	font-size: 1.6rem;
	text-align: center;
	border-bottom: 1px solid #339900;
	padding-bottom: 15px;
	line-height: 1;
}
.block03 .textBox01 dd {
	border-top: 1px dotted #CCCCCC;
	padding: 10px 0;
}
.block03 .textBox01 dd:first-of-type {
	border-top: 0;
}
.block03 .textBox01 dd p {
	font-size: 1.6rem;
	width: 100%;
	box-sizing: border-box;
	padding-left: 3%;
	display: inline-block;
	letter-spacing: -0.03em;
	vertical-align: top;
}
.block03 .textBox01 dd span {
	width:100%;
	vertical-align: top;
	padding-left: 2%;
	box-sizing: border-box;
	display: inline-block;
	color: #339900;
	font-size: 1.6rem;
}
.block03 .textBox01 ul {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.block03 .textBox01 li {
	background: url(../common/en01.png) left 50% no-repeat;
	background-size: 8px 8px;
	padding: 0 10px 0 20px;
	box-sizing: border-box;
	font-size: 1.6rem;
	display: inline-block;
}
.block03 .textBox01 li:first-child {
	background: none;
	padding-left: 20px;
	margin-left: 0px;
	box-sizing: border-box;
}
.block03 p.text01 {
	text-align: center;
	color: #339900;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: bold;
	font-size: 1.6rem;
}
a.tel01 {
	text-align: center;
	color: #FFF;
	display: block;
	width: 100%;
	margin: 5px auto 0px;
	background: url(../common/tel_icon01.png) 19% center no-repeat #339900;
	background-size: 21px 23px;
	padding: 10px 0 10px 20px;
	box-sizing: border-box;
	border-radius: 30px;
	font-family: 'Roboto', sans-serif;
	font-size: 2.5rem;
	line-height: 1.0;
}
/* ==================================
	
block04

================================== */



.block04 {
	margin: 20px 0;
}
.block04 .bnr01 li {
	float: left;
	width: 50%;
	text-align: center;
	background: #99CC33;
}
.block04 .bnr01 li.m01 {
	border-right: 1px dotted #FFF;
	box-sizing: border-box;
}
.block04 .bnr01 li a {
	padding: 15px 0;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 500;
	display: block;
	color: #FFF;
	padding-left: 24px;
}
.block04 .bnr01 li.m01 a {
	background: url(../common/icon01.png) 24% 48% no-repeat;
	background-size: 21px 22px;
}
.block04 .bnr01 li.m02 a {
	background: url(../common/icon02.png) 24% 48% no-repeat;
	background-size: 21px 22px;
}
/* ==================================
	
block05

================================== */

/* ------------------------------
   loopSlider
------------------------------ */
.loopSliderWrap {
	top: 0;
	left: 0;
	min-height: 175px;
	overflow: hidden;
	position: absolute;
}
.loopSlider {
	margin: 0 auto;
	width: 100%;
	min-height: 175px;
	text-align: left;
	position: relative;
	overflow: hidden;
}
.loopSlider ul {
	min-height: 175px;
	float: left;
	overflow: hidden;
}
.loopSlider ul li {
	width: auto;
	min-height: 175px;
	float: left;
	display: inline;
	overflow: hidden;
}
.loopSlider ul li img {
	width: 175px;
}
/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
.loopSliderWrap:after {
	content: "";
	display: none;
	clear: none;
}
