@charset "UTF-8";


/* font-size の統一
------------------------------------------------------------------- */
body { font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif; font-feature-settings: "palt"; letter-spacing: .8px;}

/* IEだけに適応 */
_:lang(x)::-ms-backdrop, .selector {
	font-family: "Segoe UI", Meiryo, sans-serif;
}

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

	Setting

=================================================================== */
html { color:#333; background:#FFF; line-height:1.6; text-align:left; font-size:65.5%; }
body { font-size:1.5rem; font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro'; overflow-x:hidden; }
img { max-width:100%; height:auto; }
.containar { width: 100%; max-width: 1350px; margin: 0px auto; }
.containar:after { content:""; display:block; clear:both; }




.sp { display:none; }
.pc { display:block; }
.main_wrapper { overflow:hidden;}

　　/* link set
	------------------------------------------------------------------- */
	a { color:#5B463F; text-decoration:none; transition:0.3s ease-in-out; }
	a img { transition:0.3s ease-in-out; }
	a:hover { color:#47676F; }
	
	/* float対策：背景色表示用
	------------------------------------------------------------------- */
	.clearfix:after { display: block; clear: both; height: 0px; line-height: 0px; visibility: hidden; content: "."; }
	.clearfix {	display: block; /* for IE8 */ }
	.both { clear:both ;}	
	.hidden { display: none; }
	
	/* 	imgホバーアクション
	------------------------------------------------------------------- */
	.imgWrap { overflow: hidden; width: 100%;　height: auto; cursor: pointer; background-color: #ffffff; }
	.imgWrap img { display: block; transition-duration: 0.3s; margin-top: -1px; }
	.imgWrap img:hover  {opacity: 0.6; transition: all .3s; }
	
	/* 	背景画像＆テキスト使用時
	------------------------------------------------------------------- */
	.bg { display: block; text-indent: -9999px; background-repeat: no-repeat; background-position: left top; }
　　/* 	テキスト指定
	------------------------------------------------------------------- */
　　.min { font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, serif, sans-serif; }


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

	Header

=================================================================== */
body > header { max-width: 1350px; width:100%; margin:0 auto; background:#FFF; z-index:9999;}
body > header * { transition:0.3s ease-in-out; }
body > header:after { content:""; display:block; clear:both; }
body > header .logo { float:left; padding:18px 0px 0px 30px; margin-right: 20px;}
body > header h1 { }
body > header h1 p { }
body > header h1 a:hover { top:-5px; }
body > header p { position:absolute; left:185px; top:10px; font-size:0.9rem; color:#999; }
		  
	      /* h_r
		  ------------------------------------------------------------------- */
		  body > header .h_r { margin:0 auto;}
		  
		  
		  /* nav
		  ------------------------------------------------------------------- */
		  body > header nav { width: 100%; }
		  body > header nav ul.ddmenu { width:100%; height:auto; position:relative; display: flex; align-items: center; justify-content: space-between;}
		  body > header nav ul.ddmenu:after { content:""; display:block; clear:both; }
		  body > header nav ul.ddmenu li { float:left; margin: 51px 15px; }
          body > header nav ul.ddmenu li:hover { border-bottom: solid 1px #6b5926; }
		  body > header nav ul.ddmenu li img{ margin-right: 10px;}
		  body > header nav ul.ddmenu li:first-child {
	float:left;
	margin-top: 40px;
	margin-right: 60px;
	margin-bottom: 40px;
	margin-left: 40px;
    border-bottom: none;
}
		  body > header nav ul.ddmenu li a {
	display:block;
	height:100%;
	text-align:center;
	font-size:1.3rem;
	color:#6b5926;
	position:relative;
	letter-spacing:2px;
	padding-top:0;
	text-decoration:none;
	font-weight: bold;
}
		  body > header nav ul.ddmenu li.ins { position:absolute; right:-60px; top:29px; }
		  body > header nav ul.ddmenu li.small_icon { margin:45px 15px; }
		  
		  
/* ===================================================================
	/
	/	smh_menu　トグルメニュー
	/
	=================================================================== */
	#smh_menu { display: none; }
		  
/* ===================================================================
	/
	/	main image
	/
	=================================================================== */
	#main_img{
		background: url(../image/main_bg.jpg) center;
		background-repeat: no-repeat;
		background-size:cover;
		position: relative;
		height:800px;
	}
	
	.maintext{
		/* background: url(../image/main_logo.png) center; */
		background-repeat:no-repeat;
        padding: 10% 2% 6% 2%;
		color: #fff;
		/*max-width: 500px;*/
		text-align: center;
		position: absolute; 
	    top: 50%;                 
	    left: 50%;                
	    transform: translateY(-50%) translateX(-50%); 
	}
	.maintext h1{
		margin-bottom: 25px;
        font-size: 0.8em;
		font-weight:600;
		letter-spacing:0.3em;
	}
	.maintext p{
		line-height: 2;
        letter-spacing: 0.3em;
	    margin-bottom: 40px;
        color: #6b5926;
        font-weight: 700;
	}
	.maintext a{
		color: #b8d556;
		background: #fff;
		border-radius: 30px;
		font-weight: 700;
		font-size: 16px;
	}
	.maintext img{
		width:100%;
		margin-bottom: 30px;
		max-width: 550px;
	}
		
		
	.top_text { background-color:#54a23a94; padding: 2px 0; }
	.top_text p { color:#fff; letter-spacing:1px; text-align:right; padding-right:1%; }
	
	
			  
/* ===================================================================
	/
	/	news
	/
	=================================================================== */
	.news {
	padding: 17px 0;
	line-height: 17px;
	background: #b8d556;
	
	}
	.news .containar h2 { float: left; width:172px; height: 42px; margin: 3px 50px 0 0; color:#fff; font-size:1.5em; line-height:25px; }
	.news .containar h2 a span { font-size:1.4rem; }
	.topix{
		display: flex;
		align-items: center;
	}
	.topix .topix_left {
		float: left;
		width: 300px;
		border-right-width: 1px;
		border-right-style: dashed;
		border-right-color: #f2f2f2;
		height:165px;
		position:relative;
		text-align:center;
		padding:5%;
	}
	.topix .topix_left a{ color:#6b5926;}
	.topix .topix_left .newslist {
		position:absolute;
		left:0;
		bottom:0;
		font-size:12px;
	}
	.topix .topix_right {
		float: left;
		margin-left:30px;
		/* height:185px; */
	}
	.topix .topix_right ul li:hover {
        cursor: pointer !important;
        opacity: 0.7;
/*
		content: "\f015";
		font-family: "font awesome";
		line-height: 50px;
		letter-spacing: 2px;
		display: flex;
		align-items: center;
*/
		/* background-image: url(../images/news_icon.png);
		background-position-y: 3px;
		background-repeat: no-repeat; */
	}
	.topix .topix_right ul li::before{
		content: "\f015";
		font-family: "FontAwesome";
		display: inline-block;
		color: #6b5926;
		line-height: 50px;
		letter-spacing: 2px;
		margin-right: 10px;
	}
	.topix .topix_right ul li.closed {
	background-image: url(../images/closedbg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	}
	.topix .topix_right ul li.news-topix {
		background-image: url(../images/newstopixbg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	}
	.topix .topix_right ul li .ymd {
		font-weight:bold;
		margin-right:20px;
	}
	.topix .topix_right ul li a { color:#6b5926; padding: 10px;}
    .topix .topix_right ul li:hover { cursor: pointer;}
    .topix .topix_right ul li a:hover;{cursor: pointer;}
	.topix .topix_right ul li a p { line-height:40px; }
    .news .topix .topix_right ul li{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

/* ===================================================================
	/
	/	Slider
	/
	=================================================================== */
	.slideshow {height: 31vw; margin-top: 74px;}
	.slideshow li { width:100%; height:100%; }
	.slideshow li a{ display:block; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative; }
	

		/* js
		--------------------------------------------------------- */
		.flickity-enabled { position:relative; }
		.flickity-enabled:focus { outline:none; }
		.flickity-viewport { position:relative; height:100%; }
		.flickity-slider { position:absolute; width:100%; height:100%; }
		
		.flickity-enabled.is-draggable { -webkit-tap-highlight-color:transparent; tap-highlight-color:transparent; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
		.flickity-enabled.is-draggable .flickity-viewport { cursor:move; cursor:-webkit-grab; cursor:grab; }
		.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor:-webkit-grabbing; cursor:grabbing; }
		
		.flickity-prev-next-button { position:absolute; top:50%; width:44px; height:44px; border:none; border-radius:50%; background:#fff; background:hsla(0,0%,100%,0.75); cursor:pointer; -webkit-transform:translateY(-50%); transform:translateY(-50%)}
		.flickity-prev-next-button:hover { background:#fff; }
		.flickity-prev-next-button:focus { outline:none; box-shadow:0 0 0 5px #09F; }
		.flickity-prev-next-button:active { opacity:.6; }
		.flickity-prev-next-button.previous { left:2%; margin-left:0; }
		.flickity-prev-next-button.next { right:2%; margin-right:0; }
		.flickity-rtl .flickity-prev-next-button.previous { left:auto; right:10px; }
		.flickity-rtl .flickity-prev-next-button.next { right:auto; left:10px; }
		.flickity-prev-next-button:disabled { opacity:.3; cursor:auto; }
		.flickity-prev-next-button svg { position:absolute; left:20%; top:20%; width:60%; height:60%; }
		.flickity-prev-next-button .arrow { fill:#0079a4; }
		.flickity-page-dots { display: none; position:absolute; width:100%; bottom:20px; padding:0; margin:0; list-style:none; text-align:center; line-height:1; z-index:100; }
		.flickity-rtl .flickity-page-dots { direction:rtl; }
		.flickity-page-dots .dot { display:inline-block; width:12px; height:12px; margin:0 8px; background:#0079a4; border-radius:50%; opacity:.45; cursor:pointer; }
		.flickity-page-dots .dot.is-selected { opacity:1; }






	
/* ===================================================================
	/
	/	ボタン
	/
	=================================================================== */	
	.btn_link {
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    padding: 19px 30px;
    margin: 0;
    min-width: 320px;
    position: relative;
	border-radius: 7px;
	background: #fff;
    /* background-image: url(../images/link_arow.png); */
    background-repeat: no-repeat;
    background-position: 95% 50%;
	}
	.btn_link:hover {
		cursor: pointer;
		opacity: 0.7;
		/* background-image: url(../images/link_arow2.png); */
		background-repeat: no-repeat;
		background-position: 95% 50%;
	}



/* ===================================================================
	/
	/	共通
	/
	=================================================================== */
	.containar h2 {font-size: 2em; letter-spacing: 2px;}
	.containar h3 {font-size: 1.5em; letter-spacing: 2px;}
	.containar p{line-height: 30px;; letter-spacing: 2px;}
	.containar .f_box { display:flex;}
	.containar .f_box .inbox { width:50%; margin:2%; }
	.containar .f_box .inbox h3 { margin-bottom: 20px; text-align: left; color: #6b5926;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
}
	.containar .f_box .inbox h3::before{ 
		content: "";
		display: inline-block;
		background-image: url(../image/leaf1.png);
		background-repeat: no-repeat;
		background-size: contain;
		width: 32px;
		height: 32px;
		margin-right: 10px;
	}
	.containar .f_box .inbox p { margin-bottom: 60px; text-align: left; color: #6b5926;}
	.containar .f_box .b01 { order:1;}
	.containar .f_box .b02 { order:2;}
	.containar .f_box .btn_link {
    text-align: center;
	background-color: #b8d556;
	border-radius: 30px;
	color: #6b5926;
	}
	.containar .f_box .btn_link02 {
		font-size:16px;
	}
	.containar .f_box .btn_link:hover {
		opacity: 0.7;
	}
	.containar .f_box .btn_link img {width: 30%; margin-right: 20px;}
	.containar .jirei_btn .btn_link  { color: #fff; background: #6b5926; border-radius: 30px;}
	




/* ===================================================================
	/
	/	s1
	/
	=================================================================== */
	.s1 { background: #faf6ec;; padding: 70px 0; text-align:center; }
	.s1 .containar { padding-top: 14px; }
	.s1 .containar h2{ margin: 50px 0 30px; color: #6b5926;}
	.s1 .containar h2::before{ content: ""; background-image: url(../image/leaf1.png); background-size: contain; background-repeat: no-repeat; width: 32px; height: 32px; display: block; margin: auto;}
	.s1 .containar h2::after{ content:"New construction"; display: block;
		font-family: fantasy; font-style: italic; font-size: 14px; opacity: 0.7;}
	
	.s1 .containar .jirei_area{ margin-top: 30px;}
	
	
/* ===================================================================
	/
	/	s2
	/
	=================================================================== */
	.s2 { padding-bottom: 100px;	text-align: center; background: #faf6ec;}
	.s2 h2 { color:#fff; margin-bottom: 100px;	text-align: center;}
	.s2 p{ max-width: 700px;  margin: 0 auto 40px;}
	.s2 .s2_inner {
	background: url(../images/conbg.jpg) center;
	background-repeat:no-repeat;
	background-size: cover;
	height: 579px;
	padding-top: 70px;
	}
	.s2 .s2_inner .containar h2 {
	margin-bottom: 55px;
	}
	.s2 .s2_inner .containar p {
	font-size: 17px;
	line-height: 37px;
	color: #FFF;
	letter-spacing: 2px;
	margin-bottom: 40px;
	}
	.s2 .kouza {
		display:inline-block;
		z-index: 1;
    margin-top: -101px;
	}
	.s2 .kouza .containar ul {
		display:flex;
		width: 1070px;
    margin: 0 auto;
    justify-content: space-between;
	padding:40px 0;	
	}
	.s2 .kouza .containar ul li{display: inline-block; margin-top: 9px;}
	.s2 .kouza .containar ul li h3{ font-size:1em; font-weight:600; line-height:1.5; margin-bottom:15px; letter-spacing: 1px;}
	.s2 .kouza .containar ul li.nigyou h3{ font-size:1em; font-weight:600; line-height:1.5; margin-bottom:2px;}
	.s2 .kouza .containar ul li p{ font-size:0.7em; margin-bottom:5px; color:#000; line-height:1.8; letter-spacing:1px; border-top: 2px dotted #ce3b3b; padding-top: 8px;}
	.circle {
    display: inline-block;
    width: 170px;
    height: 170px;
    border-radius: 50%;
	border: 3px solid #bf0000;
    background: #fff;
    text-align: center;
    line-height: 60px;
    vertical-align: middle;
    color: #bf0000;
	padding: 33px 10px 0;
    }
	.circle:hover {
    transform: scale(.93);
    }
    .nigyou .circle {padding: 23px 10px 0;}
	
	
/* ===================================================================
	/
	/	contact_area
	/
	=================================================================== */
	.contact_area {
		background-color:#6b5926;
		text-align:center;
		padding: 80px 0;
	}
	.contact_area img {
		margin-bottom:30px;
	}

	.contact_area p { 
		font-size: 1.2em;
		line-height: 37px;
		color: #FFF;
		letter-spacing: 2px;
		margin-bottom: 40px;
	}
	.contact_area .btn_link {
		background-color:fff;
		color: #6b5926;
		padding:15px;
		border-radius: 30px;
	}
	.contact_area .btn_link a {
		text-decoration:none;	
		color:#1B2643;
	}
	.contact_area .btn_link a:hover {
		color:#fff;
	}
	
	
/* ===================================================================
	/
	/	bailaor
	/
	=================================================================== */
	.bailaor { padding:50px 0px 70px; }
	.bailaor .waku { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align: center;	-ms-flex-align: center;	align-items: center; background: #faf6ec; padding:60px 90px; text-align: center; margin-bottom: 60px; }
	.bailaor .waku div { margin: auto; }
	
	
/* ===================================================================
	/
	/	footer
	/
	=================================================================== */
	footer {   }
	footer .containar .footer_area {
		display:-webkit-box; 
		display:-ms-flexbox; 
		display:flex; 
		justify-content: center;
		align-items: flex-end;
		padding: 60px 20px 0;
	}
	footer .containar .footer_area .area00 img{
		width: 80%;
	}
	footer .containar .footer_area .area01 {
		width:56%;
		padding-bottom:15px;
	}
	footer .containar .footer_area .area01 .navy {
		font-weight:bold;
		color:#1A2643;
		margin-bottom:20px;
	}
	footer .containar .footer_area .area01 p a {
		margin-left:20px;
		text-decoration:none;
		color:#0067b6;
	}
	/*footer .containar .footer_area .area01 p a:hover {
		border-bottom:1px solid #FFCC00;
	}*/
	
	footer .containar .footer_area .area01 .area01_flex {
		display:-webkit-box; 
		display:-ms-flexbox; 
		display:flex; 
		-ms-flex-pack: distribute;
		justify-content: space-around;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-bottom:30px;
	}
	footer .containar .footer_area .area01 .f_img_area {
		display:-webkit-box; 
		display:-ms-flexbox; 
		display:flex; 
		-ms-flex-pack: distribute;
		justify-content: space-around;
		margin:30px 0 50px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height:auto;
	}
	footer .containar .footer_area .area01 .f_img_area a img { height:auto; }
	footer .containar .footer_area .area01 .f_img_area_2 {
		display:-webkit-box; 
		display:-ms-flexbox; 
		display:flex; 
		-ms-flex-pack: distribute;
		justify-content: space-around;
		margin:30px 0;
		display:none; 
	}
	footer .containar .footer_area .area02 {
		width:30%;
		margin-left:4%;
	}
	footer .containar .footer_area .area02 .tel_area {
		display:-webkit-box; 
		display:-ms-flexbox; 
		display:flex; 
		flex-direction: column;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding-bottom: 15px;
	}
	footer .containar .footer_area .area02 .tel_area li {
		width:100%;
		border: 2px solid #b8d556;
		text-align:center;
		padding:10px;
		margin: 10px 0;
	}
	footer .containar .footer_area .area02 .tel_area li a {
		text-decoration:none;
		color:#000;
	}
	footer .containar .footer_area .area02 .tel_area li a:hover {
		opacity:0.5;
	}
	footer .containar .footer_area .area02 dl{
		overflow:hidden;
	}
	footer .containar .footer_area .area02 dl dt, footer .containar .footer_area .area02 dl dd {
		font-size:16px;
		letter-spacing:1px;
		float:left;
		margin-bottom:25px;
	}
	footer .containar .footer_area .area02 dl dt {
		width: 18%;
		padding-right: 20px;
	}
	footer .containar .footer_area .area02 dl dd {
		width: 82%;
		padding-left:10px;
	}
	footer .containar .footer_area .area02 .f_img_area {
		display:-webkit-box; 
		display:-ms-flexbox; 
		display:flex; 
		-ms-flex-pack: distribute;
		justify-content: space-around;
		margin:30px 0;
	}
	footer .area00{
		width: 20%;
		margin-right: 60px;
	}

	.copyright { text-align:center; background: #b8d556; padding: 5px 0; color: #6b5926;}
	
	#pageTop { position: fixed; bottom: 20px; right: 20px; }
	#pageTop a { display: block; z-index: 999; padding: 8px 0 0 0px; }
	#pageTop a:hover { text-decoration: none; opacity: 0.7; }