@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/*================================================
 *  一般・共通設定
 ================================================*/
#wrap {
width:100%;
overflow:hidden;
}
body {
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.6;
	width:100%;
}

header#top {
	width:100%;
	height:1025px;
	background-image:url(../image/header_img01.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

header#kanmon {
	width:100%;
	height:500px;
	background-image:url(../image/kanmon/kanmon_header.jpg);
	background-repeat:no-repeat;
	background-position:center;
	
}
header.kanmon {
	width:100%;
	height:500px;
	background-image:url(../image/kanmon/kanmon_header.jpg);
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
	z-index: 1;
	
}

.contents {
	width:1100px;
	margin:0 auto;
}
.sakuhin{
	width:90%;
	margin:50px auto;
	}
.back_beju{
	background-color:#e5e4db;
	background-image:url(../image/sec2_back.png);
	background-repeat:no-repeat;
	background-position:top center;
	}
.back_beju02{
	background-color:#e5e4db;
	background-image:url(../image/sec3_back.png);
	background-repeat:no-repeat;
	background-position:top center;
	}
.back_beju03{
	padding-top:100px;
	background-color:#e5e4db;
	}
.back_beju04{
	padding-top:100px;
	padding-bottom:500px;
	background-color:#e5e4db;
	background-image:url(../image/sec5_back.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	}
.kaikyou{
	background-image:url(../image/sec2_img01.png);
	background-repeat:no-repeat;
	background-position:top center;
	height:763px;
	}
.kaikyou_inner{
	margin-left:660px;
	padding-top:30px;
	width:400px;
	}
.wahu{
	margin-top:100px;
	background-image:url(../image/sec3_img01.png);
	background-repeat:no-repeat;
	background-position:top center;
	height:984px;
	}
.wahu_inner{
	margin-left:40px;
	padding-top:30px;
	width:400px;
	}
.retro{
	background-image:url(../image/sec4_img01.png);
	background-repeat:no-repeat;
	background-position:top center;
	height:1123px;
	}
.retro_inner{
	margin-left:660px;
	padding-top:30px;
	width:400px;
	}
.nature{
	background-image:url(../image/sec5_img01.png);
	background-repeat:no-repeat;
	background-position:top center;
	height:1361px;
	}
.nature_inner{
	margin-left:40px;
	padding-top:30px;
	width:400px;
	}
.if_copy{
	font-size:20px;
	color:#999;
	}
.cach{
	font-size:25px;}
.orange{
	color:#FF9900;
	font-weight:bold
	}
.sec07_back{
	background-image:url(../image/sec6_back.png);
	background-repeat:no-repeat;
	background-position:top center;
	width:100%;
	margin:0px auto;
	padding:0px 0px 30px 0px;
	}
a {
	color:#043771;
}
a:hover {
	color:#144d8d;
}

h1 {
	font-size:14px;
}

h2 {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-top:50px;
	margin-bottom:0.5em;
	font-size:24px;
	color:#333;
	text-align:center;
}

h3 {
	margin-bottom:0.25em;
	font-size:18px;
}

h4 {
	margin-bottom:0.25em;
	font-size:24px;
	padding-top:2px;
}
h4.privacy_ttl{
	font-size:18px;
	text-align:center;
	}
.h4_mark01{
	background-image:url(../image/h4_mark01.png);
	background-repeat:no-repeat;
	background-position:35px 0px;
	padding-left:20px;
	height:35px;
	}
.h4_mark02{
	background-image:url(../image/h4_mark02.png);
	background-repeat:no-repeat;
	background-position:75px 0px;
	padding-left:20px;
	height:35px;
	}
.h4_mark03{
	background-image:url(../image/h4_mark03.png);
	background-repeat:no-repeat;
	background-position:75px 0px;
	padding-left:20px;
	height:35px;
	}
	
h5 {
	margin-bottom:0.25em;
	font-size:26px;
	font-weight:bold;
}

h6 {
	margin-bottom:1em;
	font-size:20px;
	border-bottom:#000000 solid 1px;
}
.sakuhin_ttl{
	font-size:18px;
	font-weight:bold;
	margin-top:15px;
	}

p {
	margin:0 0 0 0;
}

.center{
	text-align:center;
	}
.goshic{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
.t_bold{
	font-weight:bold;
	}
.mt30{
	margin-top:30px;}
.mt50{
	margin-top:50px;}
.mt70{
	margin-top:70px;}
.mb10{
	margin-bottom:10px;}
.mb30{
	margin-bottom:30px;}
.mb50{
	margin-bottom:50px;}
.mb70{
	margin-bottom:70px;}
.pt300{
	padding-top:300px;}
.pb50{
	padding-bottom:50px;
	}
.pl50{
	padding-left:50px;}
.mb0{
	margin:0px;}
.mtb30{
	margin-bottom:0px;}
img {
	vertical-align:bottom;
}

em {
	font-weight:bold;
}

strong {
	font-weight:bold;
	color:#ff0000;
}



ul,ol,dl {
	margin:0 0 1em 0;
}
ul li {
	list-style:disc;
}
ol li {
	list-style:decimal;
}
li {
	margin-left:2em;
}




/*================================================
 *  汎用クラス
 ================================================*/
/* 写真中央寄せ */
.imgC {
	clear:both;
	overflow:hidden;
	margin-bottom:50px;
	text-align:center;
}
.imgC img {
	margin-bottom:0.5em;
}

/* 写真左寄せ */
.imgL {
	clear:both;
	overflow:hidden;
	margin-bottom:50px;
}
.imgL img {
	float:left;
	margin:0 1em 0.5em 0;
	
}

/* 写真右寄せ */
.imgR {
	clear:both;
	overflow:hidden;
	margin-bottom:50px;
}
.imgR img {
	float:right;
	margin:0 0 1em 0.5em;
	
}

/* 2カラム（スマートフォンでは1カラム) */
.twoCol {
	overflow:hidden;
	margin-bottom:50px;
}
.twoColInner {
	overflow:hidden;
	margin-right:-2%;
}
.twoColInner div {
	width:48%;
	float:left;
	margin-right:2%;
}
.twoColInner div:nth-child(2n+1) {
	clear:both;
}
.twoColInner img {
	width:100%;
	margin-bottom:0.5em;
	
}

/* 3カラム（スマートフォンでは1カラム) */
.threeCol {
	overflow:hidden;
	margin-bottom:50px;
}
.threeColInner {
	overflow:hidden;
	margin-right:-3%;
}
.threeColInner div {
	width:31%;
	float:left;
	margin-right:2%;
}
.threeColInner div:nth-child(3n+1) {
	clear:both;
}
.threeColInner img {
	width:100%;
	margin-bottom:0.5em;
	
}


/*================================================
 *  ヘッダー
 ================================================*/
header {
	position:relative;
}
h1 {
	position:relative;
	margin:auto;
	width:100%;
	z-index:30;
	color:#FFFFFF;
}

.logo{
	position:fixed;
	z-index:100;
	
	}
.language{
	position:fixed;
	top:30;
	right:0;
	margin-right:20px;
	z-index:10;
	}
.contact_menu{
	position:fixed;
	top:0;
	right:0;
	margin-right:20px;
	margin-top:120px;
	opacity:0.8;
	}
.contact_menu ul li{
	list-style:none;
	margin-top:5px;
	}
/*================================================
 *  グローバルナビゲーション
 ================================================*/
 


nav#pc_menu {
	width:100%;
	position:fixed;
	top:50;
	left:0;
	padding:15px 0;
	opacity:0.8;
	background:#000;
	z-index:10;
	margin-top:30px;
}
.g_menu{
	width:100%;
	margin:0 auto;
	}
nav#pc_menu ul {
	position:relative;
	float:right;
	margin:0;
}

nav#pc_menu li {
	position:relative;
	float:left;
	list-style:none;
	margin:0;
	padding:0 20px;
}
nav#pc_menu li.pt5{
	padding-top:5px;}
nav#pc_menu li img{
	padding-top:0px;}
nav#pc_menu li a {
	color:#fff;
	text-decoration:none;
}

nav#pc_menu li a:hover {
	color:#dfdfdf;
	text-decoration:underline;;
}

/*================================================
 *  メイン
 ================================================*/
main {
	width:100%;
}

section {
	margin-bottom:10%;
}

.contact{
	background-image:url(../image/contact_back.png);
	background-repeat:no-repeat;
	background-position:top center;
	width:100%;
	margin:0px auto 50px;
	padding:0;
	height:330px;
	}
.ad_ttl{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:18px;
	}
.kfc{
	float:left;
	width:46%;
	padding:2%;
	text-align:center;
	}
.kfc_ad{
	padding-top:50px;}
.sfc{
	float:right;
	width:46%;
	padding:2%;
	text-align:center;
	}

.sfc_ad{
	padding-top:50px;
	}
.center_ttl img{
	width:80%;
	}
/*================================================
 *  フッター
 ================================================*/
 
 
footer {
	clear:both;
	padding:2% 0;
	font-size:13px;
	text-align:center;
	background-color:#444546;
	color:#FFFFFF;
}

.stl {
		text-align: center;
	}



/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:1024px) {
	body{
		width:100%;
		padding:0px;
		margin:0px;
		}
	.contents {
		width:100%;
		padding:0px;
		margin:0px;	
	}
	.g_menu{
	width:100%;
	margin:0 auto;
	}
	header#top {
	width:100%;
	height:1025px;
	background-image:url(../image/header_img01.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

.h4_mark01{
	background-image:none;
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:0px;
	height:auto;
	}
.h4_mark02{
	background-image:none;
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:0px;
	height:auto;
	}
.h4_mark03{
	background-image:none;
	background-repeat:no-repeat;
	background-position:0px 0px;
	padding-left:0px;
	height:auto;
	}

.kaikyou{
	background-image:url(../image/sec2_img01.png);
	background-repeat:no-repeat;
	background-position:top center;
	height:763px;
	}
.kaikyou_inner{
	margin-left:60%;
	padding-top:30px;
	width:35%;
	
	}
.wahu{
	margin-top:100px;
	background-image:url(../image/sec3_img01.png);
	background-repeat:no-repeat;
	background-position:top center;
	height:984px;
	}
.wahu_inner{
	margin-left:40px;
	padding-top:30px;
	width:35%;
	}
.retro{
	background-image:url(../image/sec4_img01.png);
	background-repeat:no-repeat;
	background-position:top center;
	height:1123px;
	}
.retro_inner{
	margin-left:60%;
	padding-top:30px;
	width:35%;
	}
.nature{
	background-image:url(../image/sec5_img01.png);
	background-repeat:no-repeat;
	background-position:top center;
	height:1361px;
	}
.nature_inner{
	margin-left:40px;
	padding-top:30px;
	width:35%;
	}
.contact{
	background-image:none;
	background-repeat:no-repeat;
	background-position:top center;
	height:auto;
	}
.contact_menu{
	position:fixed;
	top:0;
	right:0;
	margin-right:20px;
	margin-top:140px;
	opacity:0.8;
	}
.ad_ttl{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:18px;
	}
.kfc{
	float:none;
	width:98%;
	padding:2%;
	background:url(../image/kfc_back.png)  0 0 no-repeat;
	text-align:center;
	}
.kfc_ad{
	padding-top:50px;}
.sfc{
	float:none;
	width:98%;
	padding:2%;
	background:url(../image/sfc_back.png)  0 0 no-repeat;
	text-align:center;
	}
.sfc img , .kfc img {
	width:60%;
	height:auto;
	}
.sfc_ad{
	padding-top:50px;
	}

.center_ttl img{
	width:80%;
	}
	
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
	
body {
	font-size:10px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.6;
}
	
header#top {
	height:0;
	padding-top: 120.46%;
	background:url(../image/header_img01_sp.jpg) 0 0 no-repeat;
	background-size:contain;
}
.center_ttl img{
	width:100%;
	}
	
/*================================================
 *  ヘッダー
 ================================================*/
header {
	position:relative;
}
h1 {
	display:none;
	position:relative;
	margin:auto;
	width:100%;
	top:100px;
	color:#000000;
}

.logo{
	position:fixed;
	top:3%;
	left:0;
	}
.logo img{
	width:200px;
	height:auto;}
.language{
	position:fixed;
	top:1%;
	right:0;
	}
.contact_menu{
	display:none;
	position:fixed;
	opacity:0.8;
	}
.contact_menu ul li{
	display:none;
	list-style:none;
	margin-top:5px;
	}
/*================================================
 *  グローバルナビゲーション
 ================================================*/


nav#pc_menu {
	display:none;
}
.g_menu{
	display:none;
	}


	.contents {
		width:95%;
		margin:0 auto;
	}


	
	h2 {
		margin-top:30px;
		font-size:22px;
	text-align:left;
	}
	h4.privacy_ttl{
	font-size:16px;
	text-align:left;
	}
	p.center img{
		max-width:100%;
		height:auto;
		}

	.imgC {
		margin-bottom:30px;
	}
	.imgC img {
		max-width:100%;
		height:auto;
	}

	.imgL {
		margin-bottom:30px;
	}
	.imgL img {
		float:none;
		max-width:100%;
		margin-right:0;
	}

	.imgR {
		margin-bottom:30px;
	}
	.imgR img {
		float:none;
		max-width:100%;
		margin-left:0;
	}

	.twoCol {
		margin-right:0;
		margin-bottom:30px;
	}
	.twoColInner {
		margin-right:0;
	}
	.twoColInner div {
		float:none;
		width:100%;
	}

	.threeCol {
		margin-bottom:30px;
	}

	.threeColInner {
		margin-right:0;
	}
	.threeColInner div {
		float:none;
		width:100%;
	}
.if_copy{
	font-size:18px;
	color:#999;
	}
.cach{
	font-size:22px;}
.back_beju{
	background-color:#e5e4db;
	background-image:url(../image/sec2_back.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:contain;
	padding-bottom:5%;
	}
.back_beju02{
	background-color:#e5e4db;
	background-image:none;
	padding-bottom:5%;
	}
.back_beju03{
	background-color:#e5e4db;
	padding-bottom:5%;
	padding-top:0px;
	}
.back_beju04{
	padding-top:0px;
	padding-bottom:35%;
	background-color:#e5e4db;
	background-image:url(../image/sec5_back_sp.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	background-size:contain;
	}
.sec07_back{
	background-image:url(../image/sec6_back_sp.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:contain;
	margin:0px auto;
	padding:10% 0px 10% 0px;
	}

.kaikyou{
	background:none;
	height:auto;
	}
div.sp_contents , .sp_contents img , .sp_contents br {
	display:none;
	}
.sp_contents{
	text-align:left
	}
.kaikyou_inner{
	margin-left:0px;
	padding-top:15px;
	padding:10%;
	width:80%;
	margin:0px auto;
	background-color:#FFFFFF;
	}
.kaikyou_ph{
	height:0;
	padding-top: 126.16%;
	background:url(../image/sec2_img01_sp.png) 0 0 no-repeat;
	background-size:contain;
	
	}
.wahu{
	background:none;
	margin-top:0;
	height:auto;
	}
.wahu_ph{
	height:0;
	padding-top: 98.20%;
	background:url(../image/sec3_img01_sp.png) 0 0 no-repeat;
	background-size:contain;
	}
.wahu_inner{
	margin-left:0px;
	padding-top:15px;
	padding:10%;
	width:80%;
	margin:0px auto;
	background-color:#FFFFFF;
	}
.retro{
	background:none;
	height:auto;
	}
.retro_inner{
	margin-left:0px;
	padding-top:15px;
	padding:10%;
	width:80%;
	margin:0px auto;
	background-color:#FFFFFF;
	}
.retro_ph{
	height:0;
	padding-top: 111.40%;
	background:url(../image/sec4_img01_sp.png) 0 0 no-repeat;
	background-size:contain;
	}
.nature{
	background:none;
	height:auto;
	}
.nature_inner{
	margin-left:0px;
	padding-top:15px;
	padding:10%;
	width:80%;
	margin:0px auto;
	background-color:#FFFFFF;
	}
.nature_ph{
	height:0;
	padding-top: 140.16%;
	background:url(../image/sec5_img01_sp.png) 0 0 no-repeat;
	background-size:contain;
	}
.mb0{
	margin-bottom:0px;
	}
.kfc{
	float:none;
	width:90%;
	padding:5%;
	background:url(../image/kfc_back_sp.png)  0 0 no-repeat;
	background-size:contain;
	}
.sfc{
	float:none;
	width:90%;
	padding:5%;
	background:url(../image/sfc_back_sp.png)  0 0 no-repeat;
	background-size:contain;
	}
.kfc img,.sfc img{
	float:none;
	width:70%;
	}
.spacer img{
	height:120px;
	}
	.stl {
		text-align: left;
	}
}