@charset "UTF-8";

body a {
	text-decoration: underline;
	color: #00A800;
	transition: .2s ease-in-out;
}

body a:hover {
	color: #CDF19D;
	text-decoration: none;
}

body a:visited {
	text-decoration: underline;
}

.base{
	width:100%;
	margin:0 auto;
}

/* headerの設定 top画像・スライドショー・menuの設定を掲載 */
/* top画像の設定 */
.header h1 .sp{
    display:block;
    width:48%;
    margin:3% 26%;
}

.header h1 .pc{
    display:none;
}

/* スライドショーの設定 */
.header .pc{
    display:none;
}

.header .sp{
    display:block;
    z-index: 0;
}

/* menuの設定 */
.menu ul{
	width:98%;
	display:inline-flex;
	list-style: none;
	margin:0 1%;
    
	position: relative;
}

.menu .off{
    width:25%;
    font-size: 1rem;
    border:1px solid #ffffff;
    padding:3% 0;
    font-weight: bold;
    text-align: center;
    background-color: #00a800;
}

.menu .off a{
    color: #ffffff ;
    width:25%;
    text-decoration: none;
}

.menu .on{
    width:25%;
    font-size: 1rem;
    border:1px solid #ffffff;
    padding:3% 0;
    font-weight: bold;
    text-align: center;
    background-color: #00a800;
}

.menu .on a{
    color: #ffffff ;
    width:25%;
    text-decoration: none;
}

.menu .off .sub{
	display: none;
}

.menu .on .sub{
    display:block;
    list-style: none;  
    z-index: 1;
    position:absolute;
    top:100%;
    left:25%;
}

.menu .on ol{
	width:25%;
	background-color:#ffff00;
}

.menu .on ol a{
	color:#000000;
	font-weight: normal;
}

.menu .on .off{
	font-size: 1rem;
	border-bottom:1px solid #00a800 ;
	border-top:0px;
	border-left:1px solid #ffffff ;
	border-right:1px solid #ffffff ;
    padding:8% 0;
	background-color: #ffffff;
    width:100%;
}

.menu .on .on {
	font-size: 1rem;
	display:block;
	background-color: #00a800;
	width:100%;
    padding:8% 0;

	border-top:0px;
}

.menu .on .on a{
	color:#ffffff;
}

/* ここからmainの設定 */
/* lead文の設定 */
.lead{
	width:90%;
	margin:-30px 5% 10px 5%;
	text-align:center;
}

.lead p{
    font-size: 1rem;
    line-height: 1.4rem;
}

/* informationの設定 */

.info{
	border: 2px solid #00B0F0;
	display:block;
	float:center;
	margin:20px auto;
	width:96%;
}

.info h3{
	font-size:1.5rem;
	text-align: left;
	width: 100%;
	margin-bottom:10px;
	padding:3% 10px;
	color:#FFFFFF;
	background-color:#00B0F0;
}

.info-main{
	overflow:auto;
	height:300px;
	width:100%;
}


.info-main h4{
	font-size:1.3rem;
	padding:5px 0 3px 10px;
	color:#00B0F0;
	font-weight:bold;
	line-height:1.7rem;  
}

.info-main p{
	padding:0 15px 8px 15px;
	font-size:1.1rem;
	line-height:1.4rem;
}

.info-main p a{
    color:#00b0f0;
}

/* バナーの設定 */
.banner {
	margin: 20px 2%;
	float:center;
	width:96%;
}

.banner h3{
	background-color: #92D050;
	font-size:1.5rem;
	text-align: left;
	width: 100%;
	margin-bottom:10px;
	padding:3% 10px;
	color:#FFFFFF;
}

.banner ul{
	display:inline-flex;
	list-style: none;
	background-color: #ffffff;
	padding-top: 5px;
}

.banner li{
	width:50%;
	padding:1%;
	float:center;
}

.banner a{
	display: block;
	position: relative;
}

.banner li .pc{
    display:none;
}

.banner li .sp{
	float:center;
    display:block;
}

/*Twitterの設定 */
.twitter{
	border:1px solid #ff7e79;
	width:96%;
	margin: 10px 2%;
}
.twitter h3{
	font-size:1.5rem;
	text-align: left;
	width: 100%;
	margin-bottom:10px;
	padding:3% 10px;
	color:#FFFFFF;
	background-color:#ff7e79;
}

/*お問い合わせの設定 */
.contact{
	margin: 10px 2%;
	width:96%;
}

.contact h3{
	font-size:1.5rem;
	text-align: left;
	width: 100%;
	margin-bottom:10px;
	padding:3% 10px;
	color:#FFFFFF;
	background-color:#FFC000;
}

.contact p{
	width:96%;
	margin:0 2%;
	font-size: 1.3rem;
	line-height: 1.8rem;
}
.contact p span{
	color:#FFC000;
	font-weight: bold;
}

/* ここからはページのフッターの設定、適当に読み飛ばして*/
.copy{
	font-size:1.2rem;
	line-height: 1.7rem;
	text-align:right;
	margin:4px;
}
.copy a{
	text-decoration:none;
}
.p-copy{
	font-size:1.2rem;
	line-height: 1.7rem;
	text-align:right;
	margin:4px;
}