@charset "UTF-8";

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

	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; position:relative }
img { max-width:100%; height:auto; }
h2 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; text-align: center;}
.containar { width: 100%; max-width: 1290px; 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 { position:fixed; width:17%; height:100%; margin:0 auto; background:#94CDC4; z-index:9999; transition:0.3s ease-in-out;left:0; text-align:center; padding-top:60px; }
body > header * { transition:0.3s ease-in-out; }
body > header:after { content:""; display:block; clear:both; }
body > header .logo { margin-bottom:60px;}
body > header .logo img { width:75%;}
body > header h1 { }
body > header .contact img { width:65%;  }


		  /* nav
		  ------------------------------------------------------------------- */
		  body > header nav { width: 100%; }
		  body > header nav ul.ddmenu { width:100%; height:auto; }
		  body > header nav ul.ddmenu:after { content:""; display:block; clear:both; }
		  body > header nav ul.ddmenu li { margin-bottom:10%; }
		  body > header nav ul.ddmenu li img { width:35%; }
		  body > header nav ul.ddmenu li a { }
		  body > header nav ul.ddmenu li:first-child a { border-left:none; }
		  body > header nav ul.ddmenu li a .sml { display:block; font-size:0.8rem; color:#EB438C; margin-top:-2px; }
		  body > header nav ul.ddmenu li a:after { content:""; width:100%; height:10px; background-position:top 5px center; background-repeat:no-repeat; position:absolute; left:0; top:0; }
		  body > header nav ul.ddmenu li a:hover,
		  body > header nav ul.ddmenu li.ac a { margin-top:5px; color:#47676F; }
		  body > header nav ul.ddmenu li:hover ul { display:block; }
		  body > header nav ul.ddmenu ul { display:none; margin:0; padding:0; width:180px;padding-top: 25px; }
		  body > header nav ul.ddmenu ul li { float:left; width:100%; height:43px; margin-left:-25px; background-color:#D1EDF6; border-bottom: 1px solid #fff;padding-top: 0px; }
		  body > header nav ul.ddmenu ul li a { display:block; height:100%; text-align:center; font-size:1.1rem; color:#000; position:relative; letter-spacing:2px; padding-top: 12px; text-decoration:none; margin-top: 1px; }
		  body > header nav ul.ddmenu li a:hover { margin-top:5px; color:#47676F; }



/* ===================================================================
	/
	/	smh_menu　トグルメニュー
	/
	=================================================================== */
	#smh_menu { display: none; }


/* ===================================================================
	/
	/	news
	/
	=================================================================== */
	.main_wrapper {width:83%; position:absolute; right:0;top:0;}


/* ===================================================================
	/
	/	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; }



/* ===================================================================
	/
	/	メインイメージ
	/
	=================================================================== */

	.main_image {
	background-image: url(../images/sougi_top_tani-02.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height:100vh;
	padding:17% 0 0 18%;

	}
	.main_image1 {
		margin-bottom:40px;

	}
	.main_image p {
		font-size:20px;
		font-weight:bold;
		margin-bottom:30px;
	}



	section {
		padding:55px 0px;
	}

/* ===================================================================
	/
	/	contact-area
	/
	=================================================================== */
	.contact-area {
		background-image: url(../images/sougi_top_tani-03.jpg);
		padding:65px 10%;
		color:#fff;

	}
	.contact-area h2 {
		margin-bottom:30px;
	}
	.contact-area p{
		margin-bottom:30px;
	}
	.contact-area .containar div div img {
		width:100%;
	}
	.contact-area .containar div .tel {
		width:48%;
		float:left;
	}
	.contact-area .containar div .mail {
		width:48%;
		float:right;
	}


/* ===================================================================
	/
	/	s1
	/
	=================================================================== */
	.s1 { background:#c9e6e2; padding: 100px 10%;  }
	.s1 h2 {
		margin-bottom: 100px;
	}
	.s1 h2 img {
	}
	.s1 .containar .area {
		display:flex;flex-wrap: wrap;justify-content: space-between;
	}
	.s1 .containar .area .area01 {
		width:37%;
	}
	.s1 .containar .area .area02 {
		width:25%;
	}
	.s1 .containar .area .area03 {
		width:25%;
	}




/* ===================================================================
	/
	/	s2
	/
	=================================================================== */
	.s2 {
		background-color: ;
		background-image: url(../images/sougi_top_tani-08.jpg);
		background-repeat: no-repeat;
		background-position: left top;
		letter-spacing:2px;
		padding-bottom:230px;
		text-align:center;
	}
	.s2 h2 { font-size:38px; margin-bottom:38px;}
	.s2 p { margin-bottom:120px;}
	.s2 .containar .area {
		display:flex;flex-wrap: wrap;justify-content: space-between;
	}
	.s2 .containar .area .plan-link img {
		margin-top:-150px;
		width:80%;
	}
	.s2 .containar .area .area01 {
		width:30%;
	}
	.s2 .containar .area .area02 {
		width:30%;
	}
	.s2 .containar .area .area03 {
		width:30%;
	}



/* ===================================================================
	/
	/	s3
	/
	=================================================================== */
	.s3 {}
	.s3 div .area01 {
		width:50%;
		float:left;
		background-image: url(../images/sougi_top_tani-09.jpg);
		padding:65px 4% 65px 0;
	}
	.s3 div .area01 img {
		float:right;
	}
	.s3 div .area02 {
		width:50%;
		float:right;
		background-image: url(../images/sougi_top_tani-10.jpg);
		padding:65px 0 65px 4%;
	}
	.s3 div .area02 img {
		float:left;
	}



/* ===================================================================
	/
	/	s4
	/
	=================================================================== */
	.s4 { text-align:center; }
	.s4 h2 { margin-bottom:40px;}
	.s4 p { font-size:20px;margin-bottom:40px;}
	.s4 .area {
		display:flex;flex-wrap: wrap;justify-content: space-between; width:80%; margin:0 auto 50px;
	}
	.s4 .area .area01 {
		width:50%;
	}
	.s4 .area .area02 {
		width:50%;
	}



/* ===================================================================
	/
	/	s5
	/
	=================================================================== */
	.s5 { background:#c9e6e2; padding: 100px 10%;text-align:center;}
	.s5 h2 { margin-bottom:50px;}
	.s5 p { margin-bottom:60px;}
	.s5 .containar .area {
		display:flex;flex-wrap: wrap;justify-content: space-between; width:70%; margin:0 auto 50px;
	}
	.s5 .containar .area .area01 {
		width:30%;
	}
	.s5 .containar .area .area02 {
		width:30%;
	}
	.s5 .containar .area .area03 {
		width:30%;
	}






/* ===================================================================
	/
	/	footer
	/
	=================================================================== */
	footer {  background:#c9e6e2;text-align:center; padding:120px 0 80px 0;}
	footer ul { width: 800px;margin: 60px auto; display:block;}
	footer ul li {
	float: left;
	padding: 0 40px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000;
	}
	footer ul li:last-child {
		border-right-width: 0px;
	}
	footer .flogo img {
		width:15%;
		margin:60px 0 15px 0;
	}
	footer p {
		margin-bottom:50px;
	}
	body > footer > .containar { padding: 0px 0 35px; text-align:center;}
	small { display: block; margin-right: 2%; font-size: 0.5em; }