@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; }
img { max-width:100%; height:auto; }
body h1 { font-size: 2.0em; color: #D05257; font-weight:800; letter-spacing: 0.1em;}

.containar { width: 100%; max-width: 1200px; margin: 0 auto; }
.containar:after { content:""; display:block; clear:both; }


.sp { display:none; }
.pc { display:block; }

　　/* link set
	------------------------------------------------------------------- */
	body a { color:#666; text-decoration:none; transition:0.3s ease-in-out; }
	body a:hover { color:#47676F;}
	a img{ display: inline-block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s;}
	a img:hover{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}
	.banner_banner a img:hover{
		opacity:0.7;
		-webkit-transform: none;
		}
	/* 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: #737065; }
	.imgWrap img { display: block; transition-duration: 0.3s; margin-top: -1px; }
	.imgWrap img:hover { opacity: 0.6; transform: scale(1.1); transition-duration: 0.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{ width:100%; background: #fff; position:fixed; z-index:9999; transition:0.3s ease-in-out; height: 156px; top: 0; border-bottom:1px solid #F3F3F3; padding-top:25px;}
body > header .containar { display: flex; flex-flow: row wrap; width: 1200px; justify-content:space-between; }
body > header .logo{ width: 400px;}
body > header .logo p{ color: #666; font-size:8px; margin:20px 0; letter-spacing:0.07em;}
body > header .h_r { width: 750px;}
body > header .h_r ul{ display: flex; flex-flow: row wrap;}
body > header .h_r ul li{ padding-left: 15px;}
body > header .h_r ul li p{ font-size: 11px; color: #333; padding:10px 0 5px;}
body > header .h_r ul li p span{ font-weight: 600; }
body > header .h_r ul li .mail{ padding-top: 15px;}

body > header .h_r ul li.header_contact { width:40%; }
body > header .h_r ul li.header_contact img.header_tel { margin-bottom:8px; } 
body > header .h_r ul li.header_contact02 { width:30%; }
body > header .h_r ul li.header_contact03 { width:20%; }



		  /* nav
		  ------------------------------------------------------------------- */
		  body > header nav { margin-top: 18px; }
		  body > header nav ul li{ font-size: 12px; color: #333; border-right: 1px solid #CCC; padding-right: 15px; }
		  body > header nav ul li.last{ border-right: none;}
		  body > header nav ul li a{ color: #666;}
		  body > header nav ul li a:hover{ color:#47676F; border-bottom: 1px solid #47676F;}





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





/* ===================================================================
	/
	/	s1
	/
	=================================================================== */
	.s1 { background: url(../images/fl_main.png) no-repeat; margin-top: 155px;}
	.s1 .containar{ text-align: -moz-right; text-align: -webkit-right; padding: 120px 0;}
	.s1 h1 { text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff; text-align: left;}
	.s1 ul { display: flex; flex-flow: row wrap; justify-content: space-between ; width:630px; }
	.s1 ul li p { color: #333; letter-spacing: 0.15em; padding: 30px 0; text-align: left; line-height: 2em; text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;}
	.s1 .swiper-wrapper .gif img{ width: 60%;}


/* ===================================================================
	/
	/	s2
	/
	=================================================================== */
	.banner_banner {
    padding: 100px 0 150px 0;
    text-align: center;
	}
	.s2 { padding: 0 0 35px; }
	.s2 .containar{ background: url(../images/fl_cnt01.png) top right no-repeat; background-size: 45%}
	.s2 .s2cnt{ width: 600px;}
	.s2 h1 { margin-bottom:30px; }
	.s2 h2 { font-size: 1.0em; font-weight:800; letter-spacing: 0.1em; padding: 20px 90px 30px 0;}
	.s2 h3 { margin:30px 0 0; font-size: 1.2em; color: #D05257; font-weight:900; letter-spacing: 0.1em;}
	.s2 p { margin-bottom:40px; letter-spacing: 0.15em; line-height: 2em; color: #333; font-size: 0.9em;}
	.s2 .flexbox{ display: flex; flex-flow: row wrap; justify-content: space-between; width:1200px; }
	.s2 .flexbox dl { width:375px; margin: 70px 0; border: 1px solid #ccc; text-align: center;}
	.s2 .flexbox dl dt{ padding-top: 0px; text-align: center;}
	.s2 .flexbox dl dd{ padding: 30px 30px 0; font-size: 0.9em;}
	.s2 .flexbox dl dd.dllast{ padding-bottom:30px;}
	.s2 .flexbox dl dd.zxc{ padding-bottom: 23px;}
	.s2 .flex { display:flex; justify-content: center; }
	.s2 .margin_right { margin-right: 30px; }


/* ===================================================================
	/
	/	s3
	/
	=================================================================== */
	.s3 { background:url(../images/f_slice_r36_c1.png) top center no-repeat; text-align: center;}
	.s3 h1 { padding: 40px 0;}
	.s3 .flexbox{ display: flex; flex-flow: row wrap; justify-content: space-between; width:1200px; }
	.s3 .flexbox dl{ width: 180px; color: #fff; margin-bottom: 100px;}
	.s3 .flexbox dl dt{ font-size: 1.0em; font-weight: 600; text-align: center; padding: 15px 0;}
	.s3 .flexbox dl dd{ font-size: 0.8em; font-weight: 600; text-align: left; padding-bottom: 15px;}
	.s3 .flexbox dl.sh ul{ display: flex; flex-flow: row wrap; justify-content: space-between; }
	.s3 .flexbox dl.sh ul .box{ width: 90px;}
	.s3 .flexbox dl.sh{ background: #7BB3B3;}
	.s3 .flexbox dl.jh{ background: #839DAE;}
	.s3 .flexbox dl.rh{ background: #DE9B84;}
	.s3 .flexbox dl.ih{ background: #CEA7B3;}
	.s3 .flexbox dl.suh{ background: #AAB052;}
	.s3 .flexbox dl.lh{ background: #A59B7C;}
	.s3 .soudann_wrap{ background: url(../images/fp_back02.png) center center no-repeat; }
	.s3 .soudann{ /*background: url(../images/fp_back02.png) center center no-repeat;*/ display: flex; flex-flow: row wrap; justify-content: space-between; width: 1000px; margin: 0 auto;}
	.s3 .soudann h3{ padding: 30px 0 20px 300px;}
	.s3 .soudann p{ text-shadow: 2px 2px 1px #fff, -2px 2px 1px #fff, 2px -2px 1px #fff, -2px -2px 1px #fff; color: #333; letter-spacing: 0.15em; line-height: 2em; padding-left: 300px; text-align: left; font-size:0.9em;}
	.s3 .soudann .soudannImg01{ padding: 14px 0 20px 30px;}
	.s3 .soudann .soudannImg02{ padding: 13px 30px 0 0;}
/* ===================================================================
	/
	/	s4
	/
	=================================================================== */
	.s4 { padding: 100px 0;}
	.s4 .containar{ display: flex; flex-flow: row wrap; justify-content: space-between;}
	.s4 .banner{ width:543px; display: flex; flex-flow: row wrap; justify-content: space-between;}
	.s4 .banner img{ padding-bottom: 20px;}
	.s4 .banner .s4img02{ width: 32%;}
/*==================What'snew==========================================================*/
	.s4 .news { width:550px;}
	.s4 .news .newsh2{ display: flex; flex-flow: row wrap; border-bottom: 2px solid #666; padding-bottom: 10px; margin-bottom:35px;}
	.s4 .news .newsh2 h2{ width: 180px;}
	.s4 .news .newsh2 p{ width: 300px; color: #666; font-size: 0.8em; padding: 10px 0 0; letter-spacing: 0.15em;}
	.s4 .news ul { font-size: 14px;}
	.s4 .news ul li { background: url(../images/fp_slice_r4_c2.png) center left no-repeat; border-bottom: 1px dashed #666; padding: 15px 0;}
	.s4 .news ul li a{ color: #333;}
	.s4 .news ul li a:hover{ color: #47676F;}
	.s4 .news ul li dl dd { padding-left: 70px;}



/* ===================================================================
	/
	/	footer
	/
	=================================================================== */
	body > footer { background: #F3F3F3;}
	body > footer > .containar { margin-bottom:50px; display: flex; flex-flow: row wrap; justify-content: space-between; padding-top:70px;}
	body > footer  ul { width: 800px; display: flex; flex-flow: row wrap; }
	body > footer  ul li{ padding: 20px 35px 0 0; color: #666; font-size: 0.8em; letter-spacing: 0.15em;}
	body > footer h1{ text-align:center; padding-top: 30px;}
	body > footer .btm{ text-align: center; padding: 20px 0;}
	body > footer a{ color: #666;}
	body > footer a:hover { border-bottom: 1px solid #47676F; color: #47676F;}
	body > footer .right { text-align:right;}
	body > footer .flex { display:flex;}
	body > footer .f_l { }
	body > footer .f_r { }