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

  共通スタイル

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

/* PC SP */

.pc_view {display: inherit;}
.sp_view {display: none;}

html,body{
	color : #000 ;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size:x-small;
	/*min-width: 1200px;*/
}

* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

p ,
dl {
	font-size   : 1.0em ;
	line-height : 180% ;
}

/* select text */

::selection {
	color      : #fff ;
	background : #595857 ;
}

::-moz-selection {
	color      : #fff ;
	background : #595857 ;
}

/* cleatfix */

.clearfix {zoom:1;}
.clearfix:after {
	content : ""    ;
	display : block ;
	clear   : both  ;
    height: 0;
    visibility: hidden;
}

/* ボタン */

a.link_btn {
	color: #fff;
	text-align: center;
	text-decoration: none;
	display: block;
	background: #4f9674;
}

a.link_btn:hover {
	background: #4dbb86;
}

/* margin_auto */

.m_center {
	max-width   : 1000px ;
	margin  : 0 auto ;
}

/* radius */

.radius {
	border-radius         : 5px ;
	-ms-border-radius     : 5px ;
	-moz-border-radius    : 5px ;
	-webkit-border-radius : 5px ;
}

/* animation */

.animation {
	-webkit-transition : 0.3s ;
	-moz-transition    : 0.3s ;
	-o-transition      : 0.3s ;
	-ms-transition     : 0.3s ;
	transition         : 0.3s ;
}

/* header */
	
header {
	width: 100%;
}

header .m_center {
	max-width: 1200px;
}

header h1 {
	width: 306px;
	margin-top: 11px;
	margin-right: 50px;
}



header #h_contact {
	width: 150px;
	height: 80px;
}

	header li#h_contact a {
		color: #111;
		font-size: 1.5em;
		text-decoration: none;
		text-align: center;
		width: 100%;
		height: 100%;
		padding-top: 30px;
		display: block;
		background: url(../../images/common/btn_mail.png) no-repeat;
	}
	
	header li#h_contact a:hover {
		opacity: 0.6;
	}

.ai_c{
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}


/* ハンバーガーメニュー */

p#menu_open {
	position: absolute;
	top:20px;
	right: 25px;
}

.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 20px;
	height: 15px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #fff;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 7px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}

.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(20px) rotate(-45deg);
	transform: translateY(20px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-20px) rotate(45deg);
	transform: translateY(-20px) rotate(45deg);
}

/* banner link */

#banner_link {
	margin-top:80px;
	margin-bottom: 120px;
}

	#banner_link li {
		width: 280px;
		text-align: center;
	}
	#banner_link li img {
		max-width: 229px;
		max-height: 40px;
	}
	
	#banner_link li.left {
		margin-left: 160px;
	}
	#banner_link li.right {
		margin-right: 160px;
	}
	
		#banner_link a {
			padding: 15px 0;
			display: block;
			border: 2px solid #d7d7d7;
			border-left: none;
			border-right: none;
		}

/* ご質問・お問い合わせはお気軽にどうぞ！ */

#contact_info {
	margin-bottom: 60px;
	font-size: 0.8em;
}

#contact_info .m_center div {
	width: 33.3%;
	float: left;
	display: inline;
	text-align: center;
	padding: 5px 20px;
	border-left: 2px solid #4f9674;
}

#contact_info .info_form {
	border-right: 2px solid #4f9674;
}

#contact_info dt {
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 20px;
}

#contact_info .info_form dt {
	margin-bottom: 5px;
}

#contact_info dd {font-weight: bold;}

#contact_info .info_tel dd {
	font-size: 2.0em;
}

#contact_info .info_tel dd .tel-link {
	font-weight: normal;
}

#contact_info .info_mail dd {
	font-size: 2.0em;
}
#contact_info .info_mail dd a{
	font-weight: normal;
}

#contact_info .info_form dd {
	font-size: 1.4em;
}

#contact_info .info_form a {
	padding: 8px 0;
}

/* footer */

#footer_wrapper {
	padding: 20px 0;
	background: #e1ece4;
}

	#fNav {
		margin-right: 40px;
		margin-bottom: 5px;
		text-align: right;
/*
		display: flex;
		justify-content:center;
*/
	}
		#fNav a {
			color: #111;
			text-decoration: none;
		}
		
		#fNav a:hover {
			color: #72714d;
		}
	
/*
		#fNav li {
			padding: 0 20px;
			border-left: 1px solid #4f9674;
		}
		
		#fNav li:last-child {
			border-right: 1px solid #4f9674;
		}
	
		#fNav li a {
			color: #111;
			text-decoration: none;
		}
		
		#fNav li a:hover {
			color: #72714d;
		}
*/

footer h1 {
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}

#f_company li {
	width: 100%;
	margin: 0 auto;
}
	#f_company dl {
	margin: 0 auto;
		
	}
	#f_company dt {
		font-size: 1.6em;
		font-weight: bold;
		float:left;
	}
	
	#f_company .left dd {
		margin-left:60px;
	}
	
	#f_company .right dd {
		margin-left:80px;
	}
	
	#f_company .btn_map,
	#f_company .link_btn{
		width: 140px;
		padding: 3px;
		text-align: center;
		
		/*margin-left: 30px;*/
	}

.company_p li{
	margin: 0 auto;
	text-align: center;
}
#copyright {
	text-align: center;
	padding: 30px 0;
	font-size: 0.9em;
	font-weight: bold;
	line-height: 100%;
}
		
/* スクロール */

#scrolltop {
	position : fixed ;
	bottom   : 60px  ;
	right    : 30px  ;
	z-index: 9999;
}

#scrolltop a {
	line-height: 100%;
	width: 50px;
	height: 50px;
	display  : block ;
}

#scrolltop a:hover {
	opacity: 0.6;
}
	

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

  コンテンツ共通

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

/* contents */

#contents p {
	font-size: 1.2em;
}

#contents h2 {
	font-size: 2em;
	line-height: 1.3;
	text-align: center;
	font-weight: normal;
	margin-bottom: 40px;
}

#contents h3.under {
    background: rgba(0, 0, 0, 0) url("../../images/common/h3_icon.png") no-repeat scroll right bottom;
    border-bottom: 2px solid #70b539;
    font-size: 25px;
    font-weight: normal;
    margin-top: 45px;
    margin-bottom: 40px;
    padding: 15px 0;
}
#contents h4.h4_greenbg {
    background: #dff0e7 none repeat scroll 0 0;
    border-color: #c3e0d1;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 20px;
    font-size: 19px;
    font-weight: normal;
    margin-bottom: 20px;
    padding: 14px 0 14px 20px;
}

#contents h5 {
	font-size: 1.5em;
	font-weight: bold;
    margin-bottom: 20px;
}

.center {
	text-align: center;
}

.sub_block {
	margin-bottom: 20px;
}
.indent_block {
	margin-bottom: 30px;
	padding-left: 50px;
	padding-right: 50px;
}
.contents_block {
	margin-bottom: 80px;
}

#contents ul.anchor {
	margin: 0 auto;
}
#contents ul.anchor li {
	display:inline-block;
	margin: 10px 20px 10px 0;
}

/* 固定お問い合わせ */

#headerNav{
	position:fixed;
	right:-213px;
	top:85px;
	z-index:9999;
}
#Nav_btn{
	display:block;
	position:relative;
	cursor: pointer;
	background:#fff;
}

#Nav_btn p:hover{
	opacity: 0.7;
}
#Nav_tel{
	width:208px;
	height:46px;
	background:#fff;
	position:absolute;
	top:4px;
	left:38px;
	text-align:center;
	padding:10px 5px 10px 0;
	border-bottom:#000 1px solid;
	box-sizing:content-box;
	
}
#Nav_tel p{
	font-size: 1.1em;
	font-weight:bold;
	margin:0 0 10px;
}
#Nav_tel h3{
	font-size: 1.3em;
	font-weight:bold;
	margin:10px 0 10px;
}
#Nav_form{
	position:absolute;
	top:71px;
	left:38px;
}

.line_btn{
	position: fixed;
	right: 0;
	top: 225px;
	z-index: 9999;
}
.instagram_btn{
	position: fixed;
	right: 0;
	top: 263px;
	z-index: 9999;
	border-bottom:solid 1px #70b439;
	border-left:solid 1px #70b439;
}
.instagram_btn img{
	width:37px;
	height:37px;
}

.pc-bl{
	display: block;
}

.pc-nn{
	display: none;
}

#headerNav a:hover{
	filter:alpha(opacity=800);
    -moz-opacity: 0.8;
    opacity: 0.8;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

/* サブナビ */
#sab_nav{
	background:#f4f4ef;
	padding: 27px 0;
	border: solid 1px #deddd9;
}
#sab_nav ul{
	width: 1128px;
	margin: 0 auto;
}
#sab_nav ul li{
	width: 365px;
	float: left;
	margin-right: 16px;
}
#sab_nav ul li:last-child{
	margin-right: 0;
}
#sab_nav li a{
	width: 363px;
	height: 65px;
	font-size: 1.5em;
	color:#403f3f;
	background:#dff0e7;
	display:inline-block;
	text-decoration:none;
	padding: 15px 0 0 20px;
	border: solid 1px #c6e2d3;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
#sab_nav li a span{
    padding-left: 15px;
    border-left: solid 3px #559170;
    line-height: 35px;
}
#sab_nav li a:hover,
#sab_nav li a.on{
	color:#fff;
	background:#559170;
	border: solid 1px #33684b;
}
#sab_nav li a:hover span,
#sab_nav li a.on span{
    border-left: solid 3px #fff;
	line-height: 35px;
}

/* facebook */

#facebook_wrapper {
	width: 560px;
	padding: 30px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #ececec;
}

#facebook_wrapper h2{
	margin-bottom: 20px;
}


/* backtotop */
.backtotop {
    bottom: 20px;
    display: none;
    position: fixed;
    right: 20px;
    z-index: 100;
}