@charset "utf-8";
/* 標準可変メディア
   メモ :可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video{ max-width:100%; }

/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img{ width:100%; }

/*
	Dreamweaver 可変グリッドプロパティ
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	以下からヒントを入手 :Ethan Marcotte 氏の「レスポンシブ Web デザイン」 
	http://www.alistapart.com/articles/responsive-web-design
	
	および Joni Korpi 氏の「Golden Grid System」
	http://goldengridsystem.com/ 
*/

/* clearfix */
/* for modern browser */
.clearfix{ display:inline-block; }
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
/* Hides from IE-mac \*/
* html .clearfix{ height:1%; }
.clearfix{ display:block; }
/* End hide from IE-mac */


.pc{
	display:block;
	clear:both;
	}
.sp{
	display:none!important;
	clear:both;
	}

@media screen and (max-width:750px){
	.pc{ display:none; }
	.sp{ display:block!important; }
}

/*  共通
==================================*/
.acms-grid{ margin:0; }

#container{
	width:100%;
	min-width:1000px;
	}
#contents{ padding-top:140px; }	
#contentsWrap {
	width:100%;
	margin:auto;
	}
/*  初期時のヘッダ */
#head {
	position:fixed;
	top:0;
	background:#fff;
	width:100%;
	margin:auto;
	padding:0;
	overflow:visible;
	z-index:9999;
	}
#head .wrap{
	width:1000px;
	margin:0 auto;
	padding:20px 0 0;
	position:relative;
	}
#head h1{
	float:left;
	width:270px;
	margin-bottom:20px;
	}
	#head h1 img{ width:100%; max-width:none; }
#head #hNav{
	float:right;
	width:484px;
	margin-bottom:20px;
	}
	#head #hNav ul{}
	#head #hNav ul li{ float:left; }
	#head #hNav ul li img{ width:100%; }
	#head #hNav ul li.tel{ width:256px; margin-right:20px; }
	#head #hNav ul li.contact{ width:208px; }
	#head #hNav ul li.contact a:hover{ opacity:.7; }
	#head #hNav ul li.menuSp{ display:none; }

#head #gNav{ padding:20px 0;}
#head #gNav #close-btn{ display:none; }
#head #gNav ul{
	display:table;
	width:1000px;
	margin:0 auto;
	border-left:1px solid #b2b2b2;
	box-sizing:border-box;
	}
#head #gNav ul li{
	display:table-cell;
	border-right:1px solid #b2b2b2;
	font-size: 14px;
	text-align:center;
	box-sizing:border-box;
	vertical-align:middle;
	white-space:nowrap;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	}

/*  初期のヘッダ ここまで*/

/*  スクロール時のヘッダ ここまで*/

#head.fixed #hNav{
	width:554px;
	}
#head.fixed #hNav ul li.menuSp{ display:block; width:50px; padding-left:20px; cursor:pointer; }

#head.fixed #gNav{
	display:none;
	position:absolute;
	top:0;
	left:50%;
	width:255px;
	margin:0 0 0 245px;
	background:#04386e;
	padding:30px;
	box-sizing:border-box;
	}
#head.fixed #gNav #close-btn{ display:block; width:30px; height:auto; float:right; cursor:pointer; }
#head.fixed #gNav ul{
	clear:both;
	display:block;
	width:195px;
	border:none;
	padding-top:10px;
	box-sizing:border-box;
	}
#head.fixed #gNav ul li{
	display:block;
	border-right:none;
	font-size: 14px;
	text-align:left;
	white-space:normal;
	padding:15px 0;
	border-bottom:1.5px solid #fff;
	box-sizing:border-box;
	}
#head.fixed #gNav ul li:last-child{
	padding-bottom:0;
	border-bottom: none;
	}
#head.fixed #gNav ul li a{
	color:#fff;
	-webkit-text-stroke: 0.2px #fff;
	}

/*  スクロール時のヘッダ ここまで*/

/*  バックアップ

#head #gNav{ margin-bottom:20px; }
#head #gNav ul{
	display:table;
	width:1000px;
	margin:0 auto 20px;;
	}
#head #gNav ul li{
	display:table-cell;
	border-left:1px solid #b2b2b2;
	width:200px;
	font-size: 14px;
	text-align:center;
	letter-spacing:.1em;
	box-sizing:border-box;
	vertical-align:middle;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	}
	#head #gNav ul li:last-child{ border-right:1px solid #b2b2b2; }
	#head #gNav ul li a span{
		display:block;
		padding:4px 0;
		color:#04386e;
		}
  縮小時のヘッダ 
#head #gNav ul li:first-child{ width:223px; }
#head #gNav ul li:nth-child(2){ width:219px; }
#head #gNav ul li:nth-child(3){ width:156px; }
#head #gNav ul li:nth-child(4){ width:251px; }
	#head #gNav ul li:last-child{ width:151px; }
	#head #gNav ul li a span br.small{ display:none; }
  縮小時のヘッダここまで 

バックアップここまで */

.mainBlk{
	margin:0 0 100px;
	}
.mainBlk .wrap{
	width:100%;
	margin:0 auto;
	padding:0;
	}
.lpEdit .mainBlk .wrap{ width:1000px; }
.entryBlk{
	width:100%;
	}
#entryForm{
	width:1000px;
	margin:0 auto;
	}

#foot{
	clear:both;
	background:#04386e;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	}
#foot .wrap{width:1000px;
	margin:60px auto 20px;
	}	
#foot .logo{
	width:430px;
	float:left;
	}
	#foot .logo p{
		margin:35px 0 0 85px ;
		width:230px;}

#foot .addressBlk{
	float:left;
	margin:-5px 0 60px;
	width:570px;
		line-height:2.14;
	}
	#foot .addressBlk p{
		color:#fff!important;
		-webkit-text-stroke: 0.2px #fff;
		line-height:2.14;
		}
	#foot .addressBlk span.email{
		color:#fff;
		-webkit-text-stroke: 0.2px #fff;
		border-bottom:solid 1px #fff;
		}
	#foot .addressBlk span.cn{
		color:#fff;
		-webkit-text-stroke: 0.2px #fff;
		font-size:18px;
		}
	#foot .addressBlk .copyright{
		margin-top:65px;
		font-size:12px;
		}
#foot .copyright{
	text-align:center;
	color:#fff;
	-webkit-text-stroke: 0.2px #fff;}	

@media screen and (max-width:750px){
#container{
	width:100%;
	min-width:100%;
	}
#contents{margin-top:8.333%; padding-top:0;}	
#contentsWrap {
	width:100%;
	margin:0 auto;
	}
#head .wrap,
#head.fixed .wrap{
	width:89.333%;
	padding:4% 0 3.333%;
	}
#head h1,
#head.fixed h1{
	width:38.955%;
	float:left;
	margin:0;}

#head #hNav,
#head.fixed #hNav{
	float:right;
	width:56.268%;
	margin:0;
	}
	#head #hNav ul,
	#head.fixed #hNav ul{ float:right; width:100%; }
	#head #hNav ul li,
	#head.fixed #hNav ul li{ float:left; }
	#head #hNav ul li.contact,
	#head.fixed #hNav ul li.contact{ width:58.885%; margin-right:5.305%; }
	#head #hNav ul li.contact a:hover,
	#head.fixed #hNav ul li.contact a:hover{ opacity:1; }
	#head #hNav ul li.telSp,
	#head.fixed #hNav ul li.telSp{ width:16.180%; margin-right:6.366%; }
	#head #hNav ul li.menuSp,
	#head.fixed #hNav ul li.menuSp{ display:block; width:13.262%; padding:0; }

#head #gNav,
#head.fixed #gNav{
	display:none;
	position:absolute;
	top:0;
	left:auto;
	right:0;
	width:67.164%;
	background:#04386e;
	margin:0 -5.970% 0 0;
	padding:5.970%;
	box-sizing:border-box;
	}
#head #gNav #close-btn,
#head.fixed #gNav #close-btn{ display:block; width:8.888%; height:auto; float:right; cursor:pointer; }

#head #gNav ul,
#head.fixed #gNav ul{
	clear:both;
	display:block;
	width:100%;
	border:none;
	padding-top:0%;
	box-sizing:border-box;
	}
#head #gNav ul li,
#head.fixed #gNav ul li{
	display:block;
	border-right:none;
	font-size: 14px;
	text-align:left;
	white-space:normal;
	padding:8.108% 0;
	border-bottom:1.5px solid #fff;
	box-sizing:border-box;
	}
#head #gNav ul li:last-child,
#head.fixed #gNav ul li:last-child{
	padding-bottom:0;
	border-bottom: none;
	}
#head #gNav ul li a,
#head.fixed #gNav ul li a{
	color:#fff;
	-webkit-text-stroke: 0.2px #fff;
	}


.mainBlk{
	margin-bottom:14.666%;
	}
.mainBlk .wrap{
	width:100%;
	margin:0 auto;
	padding:8.880% 0 0;
	}
.entryBlk{
	float:none;
	width:78.667%;
	width:100%;
	}

#foot{
	clear:both;
	background:#04386e;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	}
#foot .wrap{width:89.333%;
	margin:9.333% auto 2.666%;
	}	
#foot .logo{
	width:52.8358%;
	float:none;
	}
	#foot .logo p{width:100%; margin:0 0 5.970% 0;}

#foot .addressBlk{
	float:none;
	margin:0 0 10.447%;
	width:100%;
	}
	#foot .addressBlk p{
		color:#fff;
		-webkit-text-stroke: 0.2px #fff;
		line-height:2.14;
		font-size:12px;
		}
	#foot .addressBlk span.email{
		color:#fff;
		-webkit-text-stroke: 0.2px #fff;
		border-bottom:solid 1px #fff;}
	#foot .addressBlk span.cn{
		font-size:14px;
		color:#fff;
		-webkit-text-stroke: 0.2px #fff;
		}
	#foot .addressBlk .copyright{
		margin-top:8.666%;
		font-size:10px;
		}
#foot .copyright{
	text-align:left;
	color:#fff;
	-webkit-text-stroke: 0.2px #fff;}	
}

/* ページタイトル
------------------------------ */
.lp .entryHeader{
	position:relative;
	width:100%;
	margin-bottom:0;
	}	
.lp .entryHeader .mainImg{
	width:100%;
	min-height:416px;
	}
.lp .entryHeader .mainImg img{
	width:100%;
	min-height:416px;
	}
.lp .entryHeader .ttlWrap{
	display:table;
	position:absolute;
	top:0;
	bottom:0;
	background:url(../img/common/main_bg.png);
	width:100%;
	height:100%;
	margin:auto;
	}
.lp .entryHeader h2{
	display:table-cell;
	width:100%;
	height:100%;
	margin:0;
	font-size:30px;
	color:#fff;
	line-height:1.8;
	text-align:center;
	vertical-align:middle;
	-webkit-text-stroke: 0 #fff;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	}	
	.lp .entryHeader h2 span{
		text-align:center;
		font-size:40px;
		color:#fff;
		-webkit-text-stroke: 0 #fff;
		line-height:1.8;
		}	

@media screen and (max-width:750px){
.lp .entryHeader{ }	
.lp .entryHeader .mainImg{
	position:relative;
	padding-bottom:66.667%;
	height:66.667%;
	min-height:auto;
	overflow:hidden;
	}
.lp .entryHeader .mainImg img{
	position:absolute;
	left:-200px;
	right:-200px;
	width:auto;
	height:100%;
	min-height:auto;
	margin:auto;
	max-width:none;
	}
.lp .entryHeader .ttlWrap{ }
.lp .entryHeader h2{ font-size:17px; }	
	.lp .entryHeader h2 span{ font-size:22px; }	
}



/*  エントリーベース
==================================*/
.entryHeader{ margin-bottom:90px; }
	.entryHeader .entryTitle{
		margin-bottom:10px;
		font-size:38px;
		letter-spacing:0.02em;
		-webkit-font-smoothing:antialiased;
		-moz-osx-font-smoothing:grayscale;
		}
	.entryHeader .catch{
		margin-bottom:30px;
		font-size:17px;
		}
.entry-column h3{
	border-bottom:solid 1px #aaa;
	margin-bottom:25px;
	padding-bottom:10px;
	font-size:32px;
	}
.entry-column h4{
	margin-bottom:20px;
	font-size:26px;
	line-height:1.538;
	}
.entry-column p{
	margin-bottom:30px;
	font-size:15px;
	line-height:1.867;
	letter-spacing:0.04em;
	}
.entry-column a.lnkBtn{
	display:inline-block;
	background:#04386e;
	margin-top:7px;
	padding:7px 15px;
	font-size:16px;
	color:#fff;
	-webkit-text-stroke: 0.2px #fff;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	}
	.entry-column a.lnkBtn:after{
		display:inline-block;
		padding-left:15px;
		line-height:1;
		content:">";
		}
	.entry-column a.lnkBtn:hover{ opacity:.7; }
.entry-column a.lnkBtn.iMail{
	display:inline-block;
	background:#04386e url(../img/common/ico_mail.png) no-repeat 15px center;
	background-size:32px auto;
	padding-left:60px;
	}
	.entry-column a.lnkBtn.iMail:after{
		padding-left:0;
		content:"";
		}
.entry-column a.lnkTxt{
	display:inline-block;
	background:url(../img/common/icon_arrow_r_b.png) no-repeat left center;
	background-size:20px auto;
	padding-left:25px;
	font-size:16px;
	color:#04386e;
	-webkit-text-stroke: 0.2px #04386e;
	}
	.entry-column a.lnkTxt:hover{ opacity:.7; }

.entry-column .w410{ width:410px; }
.entry-column .w350{ width:350px; }
.entry-column .w380{ width:380px; }
.entry-column .w322{ width:322px; }
.entry-column .w246{ width:246px; }

.entry-column .acms-2col-custom,
.entry-column .acms-3col-custom{
	float:left;
	width:auto;
	box-sizing:border-box;
	}
	.entry-column .acms-2col-custom .column-image-left{ margin-right:0; }
	.entry-column .acms-2col-custom .column-image-right{ margin-left:0; }
	.entry-column .acms-3col-custom .column-image-left{ margin-right:0; padding:0 15px; }
	.entry-column .acms-3col-custom .column-image-right{ margin-left:0; padding:0 15px; }
	.entry-column .acms-3col-custom .column-image-center{ padding:0 15px; }
	.entry-column .acms-column-coat .column-image-left{ margin-right:8px; }
	.entry-column .acms-column-coat .column-image-right{ margin-left:8px; }

.entry-column .acms-column-coat{ clear:both; }


.titleWrapper h2{
	margin-bottom:10px;
	font-size:38px;
	line-height:1.421;
	letter-spacing:0.04em;
	}
.titleWrapper .copy{
	margin-bottom:50px;
	font-size:17px;
	line-height:2.118;
	}


@media screen and (max-width:750px){

.entryHeader{ margin-bottom:11.864%; }
	.entryHeader .entryTitle{
		margin-bottom:10px;
		font-size:24px;
		}
	.entryHeader .catch{
		margin-bottom:5.085%;
		font-size:14px;
		}
	.entryHeader .ttlImg{
		width:127.119%;
		margin-left:-13.5595%;
		}
.entry-column h3{
	margin-bottom:3.390%;
	padding-bottom:3.390%;
	font-size:18px;
	}
.entry-column h4{
	margin-bottom:5.085%;
	font-size:16px;
	line-height:1.625;
	}
.entry-column p{
	margin-bottom:2.542%;
	font-size:14px;
	line-height:2.143;
	}
.entry-column a.lnkBtn{
	margin-top:2.542%;
	padding:2.542% 5.085%;
	font-size:12px;
	}
	.entry-column a.lnkBtn:after{ }
	.entry-column a.lnkBtn:hover{ opacity:1; }

.entry-column .acms-2col-custom,
.entry-column .acms-3col-custom{ float:none; }
	.entry-column .acms-2col-custom .column-image-left{ margin-right:0; }
	.entry-column .acms-2col-custom .column-image-right{ margin-left:0; }
	.entry-column .acms-3col-custom .column-image-left{ margin-right:0; }
	.entry-column .acms-3col-custom .column-image-right{ margin-left:0; }
	.entry-column .acms-column-coat .column-image-left{ margin-right:0; }
	.entry-column .acms-column-coat .column-image-right{ margin-left:0; }

	.entry-column .acms-2col-custom .w410{ width:auto; }
	.entry-column .acms-2col-custom .w350{ width:auto; }
	.entry-column .acms-2col-custom .w380{ width:auto; }
	.entry-column .acms-2col-custom .w322{ width:auto; }
	.entry-column .acms-2col-custom .w246,
	.entry-column .acms-3col-custom .w246{ width:auto; }

.entry-column .acms-column-coat{ clear:both; }
	.entry-column .acms-column-coat .w380{ width:auto; }
	.entry-column .acms-column-coat .w322{ width:auto; }

	.acms-col-sm-1,
	.acms-col-sm-2,
	.acms-col-sm-3,
	.acms-col-sm-4,
	.acms-col-sm-5,
	.acms-col-sm-6,
	.acms-col-sm-7,
	.acms-col-sm-8,
	.acms-col-sm-9,
	.acms-col-sm-10,
	.acms-col-sm-11,
	.acms-col-sm-12{ float:none; width:100%; }


.titleWrapper h2{
	margin-bottom:.847%;
	font-size:24px;
	line-height:1.458;
	letter-spacing:0.04em;
	}
.titleWrapper .copy{
	margin-bottom:3.390%;
	font-size:14px;
	line-height:2.143;
	}

}

.entry-column .loupe a.swipebox{
	position:relative;
	display:inline-block;
	color:#fff;
	-webkit-text-stroke: 0.2px #fff;
	}
	.entry-column .loupe a.swipebox:before{
		position:absolute;
		top:10px;
		left:10px;
		display:block;
		font-family:FontAwesome;
		font-style:normal;
		font-weight:normal;
		line-height:1;
		content:"＋";
		font-size:18px;
		background:#04386e;
		padding:4px;
		-webkit-border-radius:15px;
		-moz-border-radius:15px;
		border-radius:15px;
		}
	.entry-column .loupe a.swipebox:hover{ opacity:.7; }

.entry-column .acms-column-coat{
	clear:both;
	position:relative;
	background:#d6dbe0;
	padding:35px 15px;
	margin:0 20px;
	box-sizing:border-box;
	}
	.entry-column .acms-column-coat h5{
		margin-bottom:5px;
		font-size:22px;
		color:#04386e;
		-webkit-text-stroke: 0.2px #04386e;
		line-height:1.545;
		}
	.entry-column .acms-column-coat p{ margin-bottom:0; }

.entry-column .acms-column-line{
	clear:both;
	position:relative;
	border:solid 5px #ccc;
	padding:30px 10px;
	margin:0 20px;
	box-sizing:border-box;
	}
	.entry-column .acms-column-line h4{
		margin-bottom:5px;
		font-family:"FOT-筑紫明朝 Pr6 M";
		font-size:18px;
		color:#000;
		-webkit-text-stroke: 0.2px #000;
		line-height:1.667;
		}
	.entry-column .acms-column-line p{ margin-bottom:0; }

.entry-column [class*="column-image-"] .caption,
.entry-column [class*="column-media-"] .caption,
.entry-column [class*="column-eximage-"] .caption{
	margin:10px 0 15px;
	padding:0;
	font-size:13px;
	line-height:1.692;
	text-align:left;		
	}
.serial-nav{
	width:600px;
	margin:50px auto;
	}
.serial-nav .serial-nav-item{
	float:left;
	display:block;
	width:300px;
	min-height:1em;
	vertical-align:middle;
	}
.serial-nav .serial-nav-item-next{ text-align:right; }
	.serial-nav .serial-nav-item-next a,
	.serial-nav .serial-nav-item-prev a{
		display:block;
		background:url(../img/common/icon_pager_arrow_l.png) no-repeat left center;
		background-size:23px auto;
		min-height:23px;
		padding-left:28px;
		font-size:17px;
		}
	.serial-nav .serial-nav-item-next a{
		background:url(../img/common/icon_pager_arrow_r.png) no-repeat right center;
		background-size:23px auto;
		padding-right:28px;
		}
.serial-nav-btn{
	margin:0 auto;
	text-align:center;
	}
	.serial-nav-btn a.lnkBtn{
		display:inline-block;
		background:#04386e;
		padding:9px 15px;
		font-size:16px;
		color:#fff;
		-webkit-text-stroke: 0.2px #fff;
		-webkit-font-smoothing:antialiased;
		-moz-osx-font-smoothing:grayscale;
		}
		.serial-nav-btn a.lnkBtn:after{
			display:inline-block;
			padding-left:15px;
			line-height:1;
			content:">";
			}

.acms-entry [class*="column-map-"] {
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	}

@media screen and (max-width:750px){

.entry-column .loupe a.swipebox{ }
	.entry-column .loupe a.swipebox:before{ }
	.entry-column .loupe a.swipebox:hover{ opacity:1; }

.entry-column .acms-column-coat{
	width:92.526%;
	padding:6.780% 5.932%;
	margin:0 auto;
	}
	.entry-column .acms-column-coat h5{
		margin-bottom:1.695;
		font-size:16px;
		}
	.entry-column .acms-column-coat p{ }
}