/*ハンバーガーの枠線、形変更*/
.c-sp_navigation_btn {
    border: 1px solid #eee!important;
    border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
}

/*ハンバーガーの「三」の色*/
.c-sp_navigation_btn .c-sp-navigation_line1, .c-sp_navigation_btn .c-sp-navigation_line2, .c-sp_navigation_btn .c-sp-navigation_line3 {
    border-top: 4px solid #666!important;
}
/*ハンバーガーの位置（上と右の空き調節）*/
#spNavigationTrigger.-js-menuPosition-right_top_fixed {
    top: 10px;
    left: auto;
    right: 10px;
}


/*TOPに戻るボタン*/
#top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 20;
}


h1{
	letter-spacing: 0.1em;
}
h2{
	letter-spacing: 0.1em;
	margin-bottom:30px;
}
h3 {
	letter-spacing: 0.1em;
}



#sp_mv {
	display: none;
}

#mv {
	position: relative;
	padding-bottom: 4.5%;
	margin-bottom:2%!important;
}
#mv .c-lead {
	position: absolute;
    z-index: 2;
    right: 5%;
    width: 14%;
    bottom: 2%;
}
#mv h1 {
	line-height: initial;
	position: absolute;
    z-index: 2;
    left: 13%;
    bottom: 0;
    width: 19%;
}
#mv h1 img {
	width:100%;
}

#navi {
	display: flex;
	position: relative;
	justify-content: space-between
}
#navi .c-lead {
	position: absolute;
    bottom: 0;
    right: 0;
    padding: 15px 30px 23px;
    width: 34%;
    text-align: right;
}
#navi ul {
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size:14px;
    margin-right:auto;
    padding-right: 23%;
}
#navi li {
    display: inline-block;
    padding: 5px 10px 5px 0;
}
#navi a:link { color: #423a32; }
#navi a:visited { color: #423a32; }
#navi a:hover { color: #507f56; }
#navi a:active { color: #507f56; }

#news {
	display: flex;
}
#news h2 {
	float: left;
    background-color: #517f56;
    padding: 20px 30px;
    margin-bottom: 0px!important;
    font-size: 20px;
    color: #fff;
    letter-spacing: 0.2em;
    width: 200px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
#news h4 {
	font-size:18px;
	color:#517f56;
	padding:20px 30px 5px 30px;
}
#news p {
	padding:0px 30px 20px 30px;
	line-height: 1.8;
}

#block_01 p {
	line-height: 2.6;
	text-align: center;
}
#block_01 h2 {
	color:#507f56;
}

#block_02 h2{
	color:#fff;
}
#block_02 h4 {
	color:#507f56;
	margin:15px 0 10px;
	text-align: center;
}
#block_02 img {
	border-radius: 3px;
}
#block_02 .box {
	background-color: #f4f3f1;
    display: flex;
    border-radius: 5px;
    margin-bottom:30px;
}
#block_02 .box01 {
	width:33.3333333%;
	padding:30px;
}
#block_02 .box02 {
	width:33.3333333%;
	margin: 30px 0;
    padding: 0 30px;
    border-left: 1px dotted #517f55;
}
#block_02 .box03 {
	width:33.3333333%;
	margin: 30px 0;
    padding: 0 30px;
    border-left: 1px dotted #517f55;
}

#footer h2 {
	color:#507f56;
	text-align: center;
}	
#footer .c-enclosure {
    border: 2px solid #507f56;
    margin-top: 15px;
    border-radius:  15px;
    background-color: #fff;
    padding: 15px 20px;
}
#footer .c-enclosure img {
	float:left;
	padding-right:15px;
}
#footer .box h2{
	margin-bottom:15px!important;
}
#footer .box {
	display: flex;
}
#footer .box01 {
	width:50%;
	padding:30px;
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 5px;
	margin-right: 1%;
}
#footer .box02 {
	width:50%;
	padding:30px;
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 5px;
	margin-left: 1%;
}
#footer .c-lead {
	margin-top:60px;
}
#footer .time {
	margin-bottom:10px;
	font-size:12px;
}

#map { margin-bottom:-10px!important;}

#footer_navi { color: #fff; }
#footer_navi a:link { color: #fff; }
#footer_navi a:visited { color: #fff; }
#footer_navi a:hover { color: #fff; }
#footer_navi a:active { color: #fff; }
#footer_navi .c-menu li:first-child {
    border-left-width: 0px;
}
#footer_navi .c-menu li {
    border-right-width: 0px;
}
#footer_navi .c-menu.-menu_a li a, #footer_navi .c-menu.-menu_a li .c-unlink {
    padding: 0 30px 10px 0;
    letter-spacing: 0.15em;
    font-size:13px;
}
#footer_navi .c-credit {
	margin-top:30px;
	letter-spacing: 0.1em;
}

#under_navi {
	border-top: 1px dotted #507f56;
    border-bottom: 4px solid #507f56;
}
#under_navi ul {
    font-weight: bold;
    letter-spacing: 0.1em;
    font-size:14px;
}
#under_navi li {
    display: inline-block;
    padding: 5px 10px 5px 0;
}
#under_navi a:link { color: #423a32; }
#under_navi a:visited { color: #423a32; }
#under_navi a:hover { color: #507f56; }
#under_navi a:active { color: #507f56; }

#under_header h3{
	margin-top:20px;
}

#title_mv h2 {
	margin-bottom: 0px!important;
	font-size:40px;
}

#box_first01 .column {
	background-color: #fff;
    padding: 30px;
    border-radius: 10px;
}
#box_first02 {
	overflow: hidden;
}
#box_first02 img {
	float: left;
    background-color: #fff;
    padding: 30px;
    margin: 0 30px 30px 0;
    border-radius: 40px;
    border: 1px solid #dcead9;
}
#box_first02 .c-hr {
    border-top: 1px dotted #9ac892;
    clear: both;
    margin: 30px 0 15px;
}
#box_first02 h3 {
	margin:10px 0;
}

#box_first02 .bindicon-circled_one:before
{
    content: "\eaee";
    font-size: 50px;
    color: #eaac4e;
    position: absolute;
    line-height: 1.2;
}
#box_first02 .bindicon-circled_two:before {
    content: "\eaef";
    font-size: 50px;
    color: #eaac4e;
    position: absolute;
    line-height: 1.2;
}
#box_first02 .bindicon-circled_three:before {
    content: "\eaf0";
    font-size: 50px;
    color: #eaac4e;
    position: absolute;
    line-height: 1.2;
}
#box_first02 .bindicon-circled_four:before {
    content: "\eaf1";
    font-size: 50px;
    color: #eaac4e;
    position: absolute;
    line-height: 1.2;
}
#box_first02 .bindicon-circled_five:before {
    content: "\eaf2";
    font-size: 50px;
    color: #eaac4e;
    position: absolute;
    line-height: 1.2;
}
#box_first02 .bindicon-circled_six:before {
    content: "\eaf3";
    font-size: 50px;
    color: #eaac4e;
    position: absolute;
    line-height: 1.2;
}
#box_first02 .bindicon-circled_seven:before {
    content: "\eaf4";
    font-size: 50px;
    color: #eaac4e;
    position: absolute;
    line-height: 1.2;
}
#box_first02 .bindicon-circled_eight:before {
    content: "\eaf5";
    font-size: 50px;
    color: #eaac4e;
    position: absolute;
    line-height: 1.2;
}

#box_policy01 .column {
	background-color: #fff;
    padding: 30px;
    border-radius: 10px;
    margin-bottom:30px;
}
#box_policy01 .bindicon-point-right:before {
    font-size: 30px;
}
#box_policy01 h3 {
    margin:0px 0 10px;
}

#box_subject01 {
	overflow: hidden;
}
#box_subject01 img {
	width:50%;	
	float:left;
	padding:0 30px 30px 0;
}
#box_subject02 {
	display: flex;
	flex-wrap: wrap;
}
#box_subject02 h4 {
	color:#507f56;
	line-height: 1.4;
}
#box_subject02 .column.-column1,
#box_subject02 .column.-column2,
#box_subject02 .column.-column3 {
	background-color: #fff;
    padding: 30px;
    border-radius: 10px;
}

#box_kids01 img {
	width:50%;	
	float:left;
	padding:0 30px 30px 0;
}
#box_kids01 .column.-column1 {
	width:100%;
	overflow: hidden;
}
#box_kids01 .column.-column2 {
	width:100%;
	background-color: #fff;
    padding: 30px;
    border-radius: 10px;
}
#box_kids01 h4 {
	color:#507f56;
	line-height: 1.4;
}

#box_kids02{
	overflow: hidden;
}
#box_kids02 img {
	width:40%;
	float:right;
	padding:0 0 30px 30px;
}
#box_kids02 h4 {
    overflow: hidden;
    color: #517f56;
}
#box_kids02 p {
	margin-bottom:30px;
	overflow: hidden;
}
#box_kids02 .c-hr {
    border-top: 1px dotted #517f56;
    overflow: hidden;
}

#box_kids03{
	overflow: hidden;
}
#box_kids03 img {
	width:40%;
	float:left;
	padding:0 30px 30px 0;
}
#box_kids03 h4 {
    overflow: hidden;
    color: #517f56;
    overflow: hidden;
}
#box_kids03 p {
	margin-bottom:30px;
	overflow: hidden;
}
#box_kids03 .c-hr {
    border-top: 1px dotted #517f56;
    overflow: hidden;
}

#box_about01 img {
	width:50%;	
	float:left;
	padding:0 30px 30px 0;
}
#box_about01 {
	overflow: hidden;
}
#box_about01 .c-list_news {
    margin-bottom: 0px;
    border-top: 0px;
}
#box_about01 .c-list_news th {
    border-bottom: 1px dotted #517f56;
    padding: 1em;
    width:25%;
    display: table-cell;
}
#box_about01 .c-list_news td {
    border-bottom: 1px dotted #517f56;
    padding: 1em;
    width:75%;
    display: table-cell;
}
#box_about02 h4 {
	margin:10px 0 0;
}

#lp_mv {
	background: linear-gradient(155deg, #f6f5f8, #f4f3f1);
}

#box_lp01 {
	overflow: hidden;
}
#box_lp01 img{
	float:left;
	width:40%;
	padding:0 30px 30px 0;
}
#box_lp01 p {
	overflow: hidden;
}

#box_lp02 {
	overflow: hidden;
}
#box_lp02 img {
    float: right;
    width: 50%;
    padding: 0 0 0px 30px;
}
#box_lp02 p {
	overflow: hidden;
}
#box_lp02 h3 {
    margin-bottom: 15px;
    padding-bottom: 10px;
    color: #f49c78;
    border-bottom: 4px solid #f49c78;
    overflow: hidden;
}
#box_lp02 {
    overflow: hidden;
    background-color: #fff;
    border-left: 30px solid #f4f3f1;
    border-right: 30px solid #f4f3f1;
}
#box_lp03 {
	overflow: hidden;
}
#box_lp03 img{
	float:left;
	width:30%;
	padding:0 30px 30px 0;
}
#box_lp03 p {
	overflow: hidden;
}
#box_lp03 .c-hr {
    margin: 20px 0 30px;
    border-top: 1px dotted #517f56;
    clear: both;
}
#box_lp03 h3 {
	margin-bottom:15px;
}














@media screen and (max-width:768px){
#js-globalNavigation {
	background-color:#a6937c;
}
#js-globalNavigation a:link { color: #fff; }
#js-globalNavigation a:visited { color: #fff; }
#js-globalNavigation a:hover { color: #fff; }
#js-globalNavigation a:active { color: #fff; }
#js-globalNavigation .c-menu.-menu_a li {
    border-color: #fff;
}
#js-globalNavigation .c-menu li {
    border-bottom-style: dotted;
}
#js-globalNavigation .c-menu {
    margin-bottom: 0px;
}
#js-globalNavigation .c-menu.-menu_a li a, #js-globalNavigation .c-menu.-menu_a li .c-unlink {
    padding: 15px 20px;
}

#navi ul {
    display: none;
}
#navi .c-lead {
    position: static;
    right: 0;
    left: 0;
    padding: 0;
    width: 70%;
    text-align: center;
    margin: 0 auto;
}

#under_navi {
	display: none;
}

#under_header h3 {
    margin-right: 50px;
}
}














@media screen and (max-width:641px){
#top {
    bottom:10px;
    right: 15px;
}	
h2 {
	font-size:18px!important;
    margin-bottom: 15px;
    line-height: 1.4!important;
}
h3 {
	font-size:16px!important;
}
h4 {
	font-size:15px!important;
}

#sp_mv {
	display: block;
}
#mv .c-none {
	display: none;
}
#mv .c-lead {
    right: 0;
    left: 0;
    width: 20%;
    bottom: 100%;
    margin: 0 auto;
}
#mv h1 {
    left: 0;
    right: 0;
    margin: 0px auto;
    width: 60%;
    bottom: 0;
}
#mv {
    padding-bottom: 18%;
    margin-bottom: 6%!important;
}

#news {
    display: block;
}
#news h2 {
    float: none;
    display: block;
    margin: 0 auto;
    width: 100%;
    padding: 5px 15px;
    border-left: 15px solid #f4f3f1;
    border-top: 30px solid #f4f3f1;
    border-right: 15px solid #f4f3f1;
}
#news h4 {
    padding: 15px 15px 5px 15px;
    border-left: 15px solid #f4f3f1;
    border-right: 15px solid #f4f3f1;
}
#news p {
    padding: 0px 15px 15px 15px;
    border-left: 15px solid #f4f3f1;
    border-right: 15px solid #f4f3f1;
    border-bottom: 40px solid #f4f3f1;
}

#block_01 p {
    line-height: 2;
}
#block_02 .box {
    display: block;
    margin-bottom: 0px;
}
#block_02 .box01 {
    width: 100%;
    margin: 0px;
    padding: 20px 20px;
    border-left: 0px;
    border-top: 0px dotted #517f55;
}
#block_02 .box02 {
    width: 100%;
    margin: 0px;
    padding: 20px 20px;
    border-left: 0px;
    border-top: 1px dotted #517f55;
}
#block_02 .box03 {
    width: 100%;
    margin: 0px;
    padding: 20px 20px;
    border-left: 0px;
    border-top: 1px dotted #517f55;
}
#menu .column {
	margin-bottom:15px!important;
}
#footer .box {
    display: block;
}
#footer .box01 {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 15px;
    padding: 20px;
}
#footer .box02 {
    width: 100%;
    margin-left: 0%;
    padding: 20px;
}
#footer .c-lead {
    margin-top: 30px;
}
#footer_navi .c-credit {
    margin-top: 0px;
}


#under_header h3 {
	text-align: center;
}
#under_header h3{
	margin-top:15px;
}

#title_mv h2 {
    font-size: 22px!important;
}

#box_first01 .column {
    padding: 15px;
    margin-bottom: 15px;
}
#box_first02 img {
    float: none;
    padding: 15px;
    margin: 15px auto;
    border-radius: 30px;
    display: block;
}
#box_first02 h3 {
    text-align: center;
}
#box_first02 .c-hr {
    margin: 15px 0 15px;
}
#box_first02 .bindicon-circled_one:before,
#box_first02 .bindicon-circled_two:before,
#box_first02 .bindicon-circled_three:before,
#box_first02 .bindicon-circled_four:before,
#box_first02 .bindicon-circled_five:before,
#box_first02 .bindicon-circled_six:before,
#box_first02 .bindicon-circled_seven:before,
#box_first02 .bindicon-circled_eight:before{
    text-align: center;
    left: 0;
    right: 0;
    line-height: 1;
}

#box_policy01 .column {
    padding: 15px;
    margin-bottom: 15px;
}
#box_policy01 .bindicon-point-right:before {
    font-size: 20px;
}

#box_subject01 img {
    width: 100%;
    float: none;
    padding: 0 0 10px;
}
#box_subject02 .column.-column1,
#box_subject02 .column.-column2 {
    padding: 15px;
    margin-bottom:15px;
}

#box_kids01 img {
    width: 100%;
    float: none;
    padding: 0 0 10px 0;
}
#box_kids01 .column.-column2 {
    padding: 15px;
    margin-top: 15px;
}

#box_kids02 img {
    width: 100%;
    float: none;
    padding: 0 0 15px 0;
}
#box_kids02 p {
    margin-bottom: 20px;
}


#box_kids03 img {
    width: 100%;
    float: none;
    padding: 0 0 15px 0;
}
#box_kids03 p {
    margin-bottom: 20px;
}

#box_about01 img {
    width: 100%;
    float: none;
    padding: 0 0 10px 0;
}

#box_about02 h4 {
	margin:10px 0 20px;
}

#box_lp01 img{
	float:none;
	width:100%;
	padding:0 0 10px 0;
}

#box_lp02 {
    border-left: 15px solid #f4f3f1;
    border-right: 15px solid #f4f3f1;
}
#box_lp02 img {
    float: none;
    width: 100%;
    padding: 0 0 10px 0;
}

#box_lp03 img {
    float: none;
    width: 100%;
    padding: 0 0 15px 0;
}
#box_lp03 h3 {
    margin-bottom: 5px;
}

#under_header h3 {
    margin-right: 0px;
}
}




























