@charset "utf-8";

/* ヘッダー
---------------------------------------------------------- */
header {
	width: 100%;
	background-color: #FFF;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 1000;
    height: 120px;
   /* border-bottom: red 1px solid; */
}
/* ロゴ */
header .img_logo p {
	width: 82px;
	height: auto;
	font-size: 1%;
	line-height: 0;
	text-align: center;
	margin: 10px auto 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    z-index: 5;
}
header .img_logo p a {
    display: block;
    width: 100%;
    height: 100%;
}
header .img_logo p img {
	width: 100%;
}
/* スクロール後 縮小 */
header.header_style {
    /* height: 100px; */
}
header.header_style nav {
    /* margin-top: 32px; */
}
header.header_style .img_logo p {
    /* margin: 10px auto 0 auto;
    width: 69px;
	height: 80px; */
}
header.header_style .img_logo p a {
    /* display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto; */
}
header.header_style .img_logo p img {
	/* width: auto;
    height: 100%; */
}
/* グローバルナビ */
header nav {
	width: 870px;
	margin: 36px auto 0 auto;
}
header nav ul {
	width: 100%;
	margin: 0 auto;
	/* overflow: hidden; */
	}
header nav ul > li {
	display:inline-block;
	text-align: left;
	font-size: 15px;
    font-weight: bold;
	line-height: 1.2;
    letter-spacing: 0.1em;
    background-image: url("../img/ico_leaf.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 28px auto;
    padding-left: 40px;
    padding-right: 60px;
}
header nav ul > li:last-child {
    padding-right: 0px;
}
header nav ul li > a {
	display: block;
    padding-bottom: 15px;
	}
header nav ul li.gnav01 > a {
    background-image: url("../img/mnu_about.svg");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 64px 9px;
}
header nav ul li.gnav02 > a {
    background-image: url("../img/mnu_childcare.svg");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 74px 9px;
}
header nav ul > li.gnav02 {
    margin-right: 200px;
    }
header nav ul li.gnav03 > a {
    background-image: url("../img/mnu_information.svg");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 91px 9px;
    padding-right: 30px;
}
header nav ul > li.gnav03 {
    padding-right: 30px;
}
header nav ul li.gnav04 > a {
    background-image: url("../img/mnu_preclass.svg");
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 74px 9px;
}
nav ul li a:link {
	color: #333;
	text-decoration:none;
}
nav ul li a:visited {
	color: #333;
	text-decoration:none;
}
nav ul li a:hover {
	color: #8fc31f;
	text-decoration: none;
}
nav ul li a:active {
	color: #8fc31f;
	text-decoration: none;
}
#header_btn {
    display: none;
}
/* スマホ用メニューボタン */
#btn_gnav {
	display: none;
}
/* IE10 & IE11 */
_:-ms-input-placeholder, :root .css-hack {
        color: gray;
}
/*
 tablet
----------------------------------------------------------- */
@media screen and (max-width : 870px){
/* ヘッダー
---------------------------------------------------------- */
header {
    height: 130px;
}
/* ロゴ */
header .img_logo p {
    width: 85px;
	margin: 15px auto 0 auto;
}
/* スクロール後 縮小 */
header.header_style {
    /* height: 100px; */
}
header.header_style nav {
    /* margin-top: 32px; */
}
header.header_style .img_logo p {
    /* margin: 10px auto 0 auto;
    width: 69px;
	height: 80px; */
}
header.header_style .img_logo p a {
    /* display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto; */
}
header.header_style .img_logo p img {
	/* width: auto;
    height: 100%; */
}
/* グローバルナビ */
header nav {
	width: 100%;
	margin: 50px auto 0 auto;
}
header nav ul li {
    width: auto;
    padding-left: 35px;
    padding-right: 0px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
header nav ul li:last-child {
    padding-right: 0px;
}
header nav ul li.gnav01 {
    margin-right: 10px;
    }
header nav ul li.gnav02 {
    margin-right: 0px;
    }
header nav ul > li.gnav03 > a {
    padding-right: 0px;
    width: 96px;
}
header nav ul li.gnav03 {
    padding-right: 0px;
    margin-left: 95px;
    margin-right: 0px;
}
header nav ul li.gnav04 {
    margin-right: 0px;
}
nav ul li a:link {
	color: #333;
	text-decoration:none;
}
nav ul li a:visited {
	color: #333;
	text-decoration:none;
}
nav ul li a:hover {
	color: #8fc31f;
	text-decoration: none;
}
nav ul li a:active {
	color: #8fc31f;
	text-decoration: none;
}
}
/*
 smart
----------------------------------------------------------- */
@media screen and (max-width : 640px){
/* ヘッダー
---------------------------------------------------------- */
header {
	position: fixed !important;
	top: 0px;
	left: 0px;
	z-index: 1000;
    height: auto;
}
/* ロゴ */
header .img_logo {
    width: 100%;
    height: 90px;
    background-color: #FFF;
}
header .img_logo p {
    width: 55px;
	margin: 10px auto 0 auto;
}
/* スクロール後 縮小 */
header.header_style {
    /* height: 90px; */
}
/*
header.header_style nav {
    margin-top: 32px;
}
*/
header.header_style .img_logo p {
    /* margin: 10px auto 0 auto;
    width: 55px;
	height: auto; */
}
/*
header.header_style .img_logo a {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
header.header_style .img_logo img {
	width: auto;
    height: 100%;
}
*/
/* グローバルナビ
-------------------------------- */
header.on {
    z-index: 2000;
}
.header_contents {
	display: none;
	width: 100%;
	min-width: 0;
	padding-bottom: 30px;
    position: fixed;
    top: 90px;    
}
header.on .header_contents {
    display: block;
    height: 100%;
	background-color: #FFF;
	padding-bottom: 30px;
}
header nav {
	width: 90%;
	margin: 0 auto;
    display: block;
}
header nav ul {
	/* width: 260px; */
    width: 80%;
	margin: 0 auto;
	overflow: visible;
	}
header nav ul > li {
	display: block;
    text-align: left;
    padding-left: 35px;
    padding-right: 0px;
    margin-bottom: 0px;
    font-size: 18px;
    background-image: url("../img/ico_leaf.svg");
    background-repeat: no-repeat;
    background-position: left 18px;
    background-size: 26px auto;
}

header nav ul li a {
	display: block;
    padding-top: 20px;
    padding-bottom: 20px;
	}
header nav ul li.gnav01 {
    margin-right: 0px;
    }
header nav ul li.gnav01 a {
    background-position: right center;
}
header nav ul li.gnav02 a {
    background-position: right center;
}
header nav ul li.gnav02 {
    margin-left: 0px;
    margin-right: 0px;
    }
header nav ul li.gnav03 a {
    width: auto;
    padding-right: 0px;
    background-position: right center;
}
header nav ul li.gnav03 {
    padding-right: 0px;
    margin-left: 0px;
}
header nav ul li.gnav04 a {
    background-position: right center;
}
nav ul li a:link {
	color: #333;
	text-decoration:none;
}
nav ul li a:visited {
	color: #333;
	text-decoration:none;
}
nav ul li a:hover {
	color: #8fc31f;
	text-decoration: none;
}
nav ul li a:active {
	color: #8fc31f;
	text-decoration: none;
}
/* メニュー内ボタン */
#header_btn ul {
    width: auto;
}
#header_btn li {
    display: inline-block;
    padding: 0;
    margin: 0 5px;
    width: 80px;
    background-image: none;
    }
/* スクロール後固定 */
header.header_style .header_contents {
	/* top: 90px; */
}
/* スマホ用メニューボタン */
#btn_gnav,.menu-mobile {
	display: block;
    text-indent: -9999px;
    text-decoration: none;
    width: 40px;
	height: 40px;
	background-image: url(../img/btn_menu.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	font-size: 1%;
	line-height: 0;
	z-index: 1001;
	position: absolute;
	top: 25px;
	right: 25px;
}
#btn_gnav.on,.menu-mobile.on {
	background-image: url(../img/btn_close.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 40px auto;
}
}



/*
 smart
----------------------------------------------------------- */
@media screen and (max-width : 640px){
/* スマートフォンのみ
---------------------------------------------------------- */
/* メニューOPEN時の本文スクロール防止 */
body.no_scroll {
	overflow: hidden;
}
/* navをスクロールさせるためのモーダル */
.g_nav_modal {
	position: fixed;
	top: 90px;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
	z-index: 1010;
	-webkit-overflow-scrolling: touch;
}
}