@charset "UTF-8";
@import "base.css";
@import "fonts.css";
@import "common.css";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1,h2,h3,h4,h5,h6,input,button,textarea,select,p,blockquote,th,td,pre,address,li,dt,dd {
	font-size: 150%;
}
header, section, footer, aside, nav, main, article, figure {
    display: block;
}
img {
	vertical-align: bottom;
}	

a { color:#4b3b25; }
a:hover,
a:active { color: #4b3b25; text-decoration: none; }
a:visited {
}

a img:hover{opacity:0.8;}
a img.no-hover:hover{opacity:1;}

table {
	width:100%
}

p { margin: 0 0 1.5em; }

.section { padding:  0 0 30px; }
.section .section { padding: 0 0 10px; }

p, dd, td, th, li {
	line-height: 1.8em;
}


.image_l { float: left; margin: 0 16px 8px 0;}
.image_r { float: right; margin: 0 0 8px 16px;}


#totop {
    position: fixed;
    bottom: 60px;
	right: 50px;
    z-index: 1000;
	margin-bottom:0;
}
.bold {font-weight:bold;}
.fl {float:left;}
.fr {float:right;}

#index span{font-size:15px;}
/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
	background: none;
}

body {
	color: #4b3b25;
	text-align: center;
}
#wrapper {min-width:960px;}

#index main{width:100%;}

main {
	margin: 0 auto;
	text-align: left;
}
#content {
	
}

.inner{width:960px; margin:0 auto; position:relative; text-align:left; box-sizing:border-box;}
h1{position:absolute;z-index: 15;top:10px;left:10px;color:#FFF;font-size:10px;}
article{}
section{width:100%;}
._link{cursor:pointer;}

/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

header { }
header .contact_box{position:absolute;top:0;right:0;z-index:16;}
#index header {width:100% !important;
	min-width:inherit !important;
	height:auto;
	}
#index #top_info {overflow:hidden; height:100%; width:100%; }
#slider_top {position:relative;margin:0 auto; max-width:2000px;}
#slider_top li { position: absolute; top:0;left:0;}
#logo{float:left;margin:0;max-width:264px;}
#gnavi{float: right;}
#gnavi ul li{line-height:90px;float:left;font-size:14px;}
#gnavi ul li:hover{background-color:#eee;}
#gnavi > ul > li > a{color:#2e1c02;text-decoration:none;padding:0 17px;display:block;}
.pc-nav{background-color:#FFF;}
.menu-icon{float:right;}


/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/
#box01{background:url(../images/index_bg01.jpg) top center no-repeat;background-size:cover;padding:57px 0 58px;}
.rlt_img{position:relative;z-index: 1;}
#box01 .box01_row2{background: transparent url(../images/line01.png) bottom center no-repeat;/* margin-top: -55px; */margin-bottom: 15px;}
#box01 .box01_row{background: transparent url(../images/line01.png) bottom center no-repeat;margin-bottom: 15px;}

#box01 .box01_info{background:url(../images/box01_bg02.png) top center repeat-y;width:790px;margin: 0 auto;padding: 65px 65px 47px;box-sizing: border-box;position: relative;}
#box01 .box01_info:before{background: url(../images/box01_bg01_01.png) top center no-repeat;height: 126px;width:790px;position: absolute;content:" ";top: 0;left: 0;margin-top: -23px;}
#box01 .box01_info:after{background: url(../images/box01_bg03_03.png) bottom center no-repeat;width:790px;height: 160px;position: absolute;margin-bottom: -30px;content:" ";bottom: 0;left: 0;}
#box01 .box01_ttl img{max-width:450px;}

#box02{padding: 88px 0 65px;}
#box02 .box02_info{width:580px;position: relative;margin: auto;width: 745px;}
.news_box{position:relative;background:url(../images/index_bg04.jpg) top left repeat;height:210px;margin-top: 8px;padding: 25px 27px 20px;box-sizing:border-box;width: 100%;}
.news_list, .tiny_news_list{display:none;opacity:0;transition: all 0.3s;position:absolute;}
.news_list.active{display:block; opacity:1;transition: all 0.5s;}
.tiny_news_list.active{opacity:1;transition: all 0.5s;}
.news_btn01, .news_btn02{cursor:pointer;background:url(../images/index_bg05.jpg) top left repeat;border-radius: 5px 5px 0 0;padding: 7px 18px;transition: all 0.5s;}
.news_btn01.active, .news_btn02.active{background:url(../images/index_bg04.jpg) top left repeat;border-radius: 7px 7px 0 0;padding: 18px;transition: all 0.5s;}
dl.tiny_news_list, dl.news_list {max-width: 690px;box-sizing: border-box;height: 170px;width: 100%;}
#index span.tiny_date, #index span.date, #index span.cate {font-size: 12px;}
#index span.cate a{color:#006860;margin-left:8px    }
#index span.tiny_date {font-size: 12px;}
span.tiny_title a {text-decoration: none;}
span.tiny_title a:hover {text-decoration: underline;}
span.tiny_title {display: block;margin-top: -2px;}
ul.tiny-list li {margin-bottom: 7px;}
p.desc {margin-top: -2px;margin-bottom: 7px;}

#box03{margin-bottom:72px;}
#box03 ul{text-align:center;}
#box03 ul li{float:left;}
#box03 ul li:last-child{float:right;}
#box03 .box03_ttl{max-width:350px;margin:0 auto 1.5em;}

#box04{margin-bottom:85px;}
#box04 ul{text-align:center;}
#box04 ul li{float:left;margin-right:33px;}
#box04 ul li:last-child{margin-right:0;}

#box05{margin-bottom:75px;}
#box05 p {line-height: 1.9em;}
#box05 .box05_ttl{background:url(../images/index_bg03.jpg) top center no-repeat; height:280px; box-sizing:border-box;padding-top:80px;margin-bottom:60px;}
#box05 .box05_info .inner{color:#4b3b25; text-align:center;}
@media only screen and (min-width: 769px) {
	#box05 p.show_pc {width: 400px; margin: 0 auto; }
}
.under_list01 {
	text-align: center;
}
.under_list01 li{
	display: inline-block
}
.under_list01 li:last-child{
	margin-left: 35px;
}
.under_list01 li img{
	border-radius: 5px
}


/* Kijikaku */
dl.cnav {width: 100%;max-width: 600px;margin: 10px auto 40px auto;}
dl.cnav dt {line-height: 45px;color: #FFF;padding-top: 5px;background-color: #016A63;text-align: center;font-weight: bold;font-size: 180%;}
dl.cnav dd {border: 1px solid #A3BD4C;border-top: none;padding: 20px;box-shadow: 1px 1px 5px rgba(0,0,0,0.1);overflow: auto;}
ul.pagination li.disabled {display: none;}
dl.cnav .under_list li {background: url(../images/list05.png) left 9px no-repeat;padding-left: 15px;line-height: 30px;word-wrap: break-word;width: auto;float: left;margin-right: 50px;}
.section ul.under_list li {text-align: left;background: url(../images/left-arr02.png) left 10px no-repeat;padding-left: 20px;margin: 0 0 10px 0;line-height: 35px;border-bottom: 1px solid #FDD329;}
.under ul.under_list li a {text-decoration: none;}
.under ul.under_list li a:hover{text-decoration:underline;}
ul.pagination {text-align: center;margin-top: 20px;}
ul.pagination li {display: inline-block;border: 1px solid #ABD217;}
ul.pagination li a {text-decoration: none;padding: 4px 14px;display: block;color: #444;background: #FBFBFB;}
ul.pagination li.active a, ul.pagination li:hover a {background: #FDD228;color: #fff;cursor: pointer;}
.turn_back_button {text-align: center;padding-top: 20px;margin-bottom: 20px;}
.under .turn_back_button a {color: #FFF;padding: 10px 40px;background-color: #98CB00;text-decoration: none;font-size: 14px;border-radius: 5px;}
.turn_back_button a:hover{background-color: #ABD119;}

/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

footer {
	
}
#f_logo{font-weight:bold;margin-bottom: 0;}
#f_logo a{text-decoration:none;}
.gMap{border-top:1px solid #D9D9D9;}
.gMapInfoWindow{text-align:left;}
footer .parking{background:url(../images/f_bg01.jpg);margin-bottom: 53px;}
footer .parking span{line-height:50px;color: #FFF; font-size:150%;}
footer address {
	
padding: 15px 10px;
}
footer table {max-width: 350px;border:1px solid #DED9D4;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;background-color: #F9F9F9;border-collapse: separate;border-spacing: 12px 0;}
footer table tr {background: none !important;}
footer table tr td{border:none;padding: 0;}
table tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
table tr:last-child td:last-child {
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px; 
    border-bottom-right-radius: 10px;
}
footer table tr:first-child {height: 42px;vertical-align: bottom;}
footer table tr:last-child {height: 35px;vertical-align: top;}
.f_left {width: 350px;float: left;}
.f_link {width: 575px;margin-top: 1px;float: right;}
.f_link a{text-decoration:none;font-size:13px;}
.f_link a:hover{text-decoration:underline;}
.f_link dd{float:left;}
.f_link dd:first-child{width:215px;}
.f_link dd:nth-child(2){width:195px;}
.f_link dd:last-child{width:165px;}
ul.f_bnr {max-width: 960px;margin: 0 auto 30px;text-align: center;width:100%;}
ul.f_bnr li {display: inline-block;margin: 0 6px;}
.f_link dd ul li {margin-bottom: 10px;}

.txt_tooltip {
	padding-left: 40px;
}

.ttl_box {
    width: fit-content;
    background: #106760;
    color: #fff;
    font-weight: 500;
    font-size: 20px;
    padding: 7px 10px 3px;
    margin: 0 auto 10px;
}

.sub_ttl {
	color: #21180b;
    font-size: 20px;
    margin: 0 auto;
    width: fit-content;
}

.box_list {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    gap: 0 10px;
	margin-top: 40px;
}

.box_item {
    background: #9aca2f;
    width: calc(100% / 3 - 7px);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    min-height: 160px;
}

.box_item .num {
	color: #fff;
    font-weight: bold;
    font-size: 32px;
    text-shadow: rgb(0, 0, 0) 1px 0px 0px, rgb(0, 0, 0) 0.540302px 0.841471px 0px, rgb(0, 0, 0) -0.416147px 0.909297px 0px, rgb(0, 0, 0) -0.989992px 0.14112px 0px, rgb(0, 0, 0) -0.653644px -0.756802px 0px, rgb(0, 0, 0) 0.283662px -0.958924px 0px, rgb(0, 0, 0) 0.96017px -0.279415px 0px;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
}

.box_item .ttl {
	margin: 0 0 10px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 1.3;
    font-weight: 500;
}

.box_item .ttl span {
    font-size: 20px;
}

.box_item .cnt {
	margin: 0;
    text-align: center;
    color: #4B3B25;
    font-size: 15px;
	line-height: 1.5;
}

.box_item .cnt.sm {
	font-size: 11px;
}

/*==========================================================================*/
/*                            navigation                                    */
/*==========================================================================*/

nav {
	
}

/* under
------------------------------------------------------------------------*/

@media only screen and (max-width: 420px) {
	.pc-nav {
		position: fixed;
		z-index: 999;
		top:0;
		left: 0;
		background: #fff;
		height: 62px;
	}
	
	body {
		padding-top: 62px;
	}
}

@media screen and (min-width: 421px) and (max-width: 768px) {
	.pc-nav {
		position: fixed;
		z-index: 999;
		top:0;
		left: 0;
		background: #fff;
		height: 90px;
	}
	
	body {
		padding-top: 90px;
	}
}

.flex-box {
	display: flex;
}
.yellow {
	color: #ffc000;
}
.color {
	color: #eb854f;
}