@charset "utf-8";

/*------------------------------------------------------------------------------
Css name: common-home.css
Css info: 共通スタイル
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------
基本
--------------------------------------------------------------------------*/

*{
	margin: 0px;
	padding: 0px;
	font-weight:normal;
	font-style:normal;
	}

html{
	height:100%;
	overflow-y:scroll; 
	overflow-x : hidden ;
	}

body{
	height:100%;
	background: #ffffff;  
	text-align:center;
	margin:0px;
	padding:0px;
	font-family:/* HuiFont29 */"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	font-weight:normal;
	font-style:normal;
	color:#333333;
	font-size:80%;
	}

article, aside, dialog, figure, footer,header,hgroup, nav, section { display: block; }

body *,
body p{ 
    line-height:1.6;
	}  


@media print, screen and (min-width:768px){/*PC用指定*/
.wrap-video {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%; 
	overflow: hidden;
	}
	.home_bg-video {
		min-width: 100%; 
		min-height: 100%;
		width: auto;
		height: auto;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-50%,0);
		}
}
.home_bg-video.fade_on{
    opacity: 0;
	}

@media screen and (max-width:767px){/*iphone用指定*/
.wrap-video {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	}
	.home_bg-video {
		min-width: 100%; 
		min-height: 100%;
		width: auto;
		height: auto;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-50%,0);
		}
	.home_bg-video.st{
		position:fixed;
		top: 0;
		left: 0;
		transform: translate(0,0);
		right: 0;
		width: 102%;/*左右の隙間をなくすため*/
		/*min-height: 100vh;
		height:100vh;*/
		}
	.home_bg-video.sy{
		position:fixed;
		top: 0;
		left: 50%;
		transform: translate(-50%,0);
		min-height: 100vh;
		height:100vh;
		}
}


.home_bg-01{
	position:fixed;
	top: 0;
	left: 0;
	right: 0;
	width:100%;
	height:100vh;
	background: url("../images/home_bg-01.jpg") center 0 no-repeat;
	background-size:cover;
	background-attachment: fixed;
    opacity: 1;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
	}
@media screen and (max-width:767px) and (min-width:321px){/*iphone用指定*/
.home_bg-01{
	background: url("../images/home_bg-01-s.jpg") center 0 no-repeat;
	background-size:cover;
	}
}
@media screen and (max-width:320px){/*iphoneSE 320×568用指定*/
.home_bg-01{
	background: url("../images/home_bg-01-s.jpg") 15% 0 no-repeat;
	background-size:cover;
	}
}
.home_bg-01.fade_on{
    opacity: 0;
	}
.home_bg-02{
	position:fixed;
	top: 0;
	left: 0;
	right: 0;
	width:100%;
	height:100vh;
	/*キーフレームアニメーション6秒*/
	 animation: bg-color 6s ease forwards;
	 -webkit-animation: bg-color 6s ease forwards;
	}
@-webkit-keyframes bg-color {
  0% { background-color: rgba(0,0,0,0.6); }
  100% { background-color: rgba(0,0,0,0); }
}
@keyframes bg-color {
  0% { background-color: rgba(0,0,0,0.6); }
  100% { background-color: rgba(0,0,0,0); }
}


table, th, td, th {
	border-collapse: collapse;
	border-spacing: 0;
	font-weight: normal;
	font-size:1em;
	}

table,div,ol,ul,dl,dt,dd{
	margin:0px;
	padding:0px;
	list-style-type:none;
	-ms-zoom: normal;/*IE8*/
	}
	li{
		margin:0px;
		padding:0px;
		}

textarea,input{
	font-size:1em;
	}

/* For modern browsers 回り込みの解除 */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
	}
 
.clearfix:after {
    clear:both;
	}

.f-lef{
	float:left;
	}
	
.f-rig{
	float:right;
	}

.cen{
	text-align:center;
	}

.rig{
	text-align:right;
	}

.lef{
	text-align:left;
	}

h1,h2,h3,h4,h5,h6,small{
	font-size:100%;
	line-height:100%;
	margin:0px;
	padding:0px;
	}

em{
	color:#cc0000;
	font-style:normal;
	}

strong{
	color:#cc0000;
	}

b{
	color:#ff0000;
	}
	
hr {
	display:none;
	}
	.hr-s1{
  	background: url("../images/line_s1.gif"); /* 画像の指定 */
  	height:1px; /* 水平線の太さ */
  	margin:1em 0px;
	}

img,table {		/* イメージ・テーブル線消し */
	border:0px;
	}

img{
	vertical-align: bottom;	/* Strict時の画像下のスキマを埋める(Firefox) */
	}

img[src*="/upload/"]{/* uploadディレクトリにアップされたimg要素のみ*/
	border:1px solid #cccccc;
	padding:4px;
	}

address{
	font-style:normal;
	}

a{
	outline:none;/* 枠線を消す(Firefox用の記述) */
	}
	a:hover{
		color:#ff4500;
		text-decoration:underline;
		} 



/*------------------------------------------------------------------------
レイアウト
--------------------------------------------------------------------------*/
.wrap{overflow: hidden;}

@media screen and (max-width:767px){/*iphone用指定*/
#container{
	width:100%;
	padding:0px;
	margin:0px;
	position:relative;
	height: 100%;
	min-height: 100%;
	text-align:left;
	background: #ffffff;
	}
	
body > #container {
	height: auto;
	}

#content-home{
	position:relative;
	z-index: 1;
	width:100%;
	}

.main-home{
	width:100%;
	}

#header-home{
	padding:0px;
	margin:0px;
	text-align:center;
	width:100%;
	height: 100vh/*860px;*/
	}
	#header-in-home{
		width:100%;
		height:100%;
		margin:0px auto;
		position:relative;
		text-align:center;
		}
	
#footer{
	background: #ffffff;
	text-align:left;
	bottom:0px;
	width:100%;
	height:auto;
	}
	#footer-in-pan{
		background: #ffffff;
		width:100%;
		box-sizing: border-box;
		padding:70px 15px 35px 15px;
		margin:0px auto;
		position:relative;
		height: 100%;
		text-align:left;
		}
	#footer-in-nav{
		border-top:1px solid #222222;
		background: #ffffff;
		width:100%;
		box-sizing: border-box;
		padding:40px 15px 15px 15px;
		margin:0px auto;
		position:relative;
		height: 100%;
		text-align:left;
		}
	#footer-in{
		background: #ffffff url("../images/common/bg_footer-in.png") left bottom no-repeat;
		background-size:270px 118px;
		width:100%;
		box-sizing: border-box;
		padding:35px 0 100px 0;
		margin:0px auto;
		position:relative;
		height: 100%;
		text-align:left;
		}
	#footer-in::before{
		content:"";
		position: absolute;
		top:0;
		left:15px;
		right:15px;		
		border-top:1px solid #cccccc;
		margin:0px auto;
		}
	
#footer-menu{
	display:none;
	}


.iframe-content {/*home*/
	display:none;
	}
}
@media print, screen and (min-width:768px){/*PC用指定*/
#content-home{
	margin:0;
	}	
	#content-home .main-home{
			margin:0 50px;
			}

#header-home{
	padding:0px;
	margin:0px;
	text-align:center;
	width:100%;
	height:860px;
	}
	#header-in-home{
		margin:0px;
		text-align:center;
		width:100%;
		height:100%;
		position:relative;
		}
	
#footer{
	background: #ffffff url("../images/common/bg_footer.png") bottom center repeat-x;
	text-align:left;
	bottom:0px;
	width:100%;
	box-sizing: border-box;
	padding:0 40px;
	margin:0 0 75px 0;
	position:relative;
	}
	#footer-in-pan{
		background: #ffffff;
		max-width:1120px;
		width:100%;
		box-sizing: border-box;
		padding:95px 40px 35px 40px;
		margin:0px auto;
		position:relative;
		height: 100%;
		text-align:left;
		}
	#footer-in-nav{
		border-top:1px solid #222222;
		background: #ffffff;
		max-width:1120px;
		width:100%;
		box-sizing: border-box;
		padding:70px 40px 0 40px;
		margin:0px auto;
		position:relative;
		height: 100%;
		text-align:left;
		}
	#footer-in{
		background: rgba(255, 255, 255, 0.9) url("../images/common/bg_footer-in.png") left bottom no-repeat;
		background-size:390px 170px;
		max-width:1120px;
		width:100%;
		box-sizing: border-box;
		padding:35px 0 30px 0;
		margin:0px auto;
		position:relative;
		height: 100%;
		text-align:left;
		border-radius:0 0 10px 10px;
		}
	
#footer-menu{	
	position: fixed;
	bottom:0;
	z-index: 9999;
	background: #e8f3f3;
	text-align:center;
	width:100%;
	padding:10px 0;
	}
}




/*------------------------------------------------------------------------
ヘッダー
--------------------------------------------------------------------------*/
@media only screen and (max-width : 480px){
.menu-trigger{
	opacity:0;
	}
}
@media only screen and (max-width:960px) {
.accordion{
	width:100%;
	position:fixed;
	top:0;
	right:0;
	z-index:99999;
	}
	.accordion p{
		display:block;
		position:absolute;
		top:0px;
		right:0px;
		width:60px;
		height:60px;
		}


/*ハンバーガーメニューボタン*/
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
	}
.menu-trigger {
	position:absolute;
	top:0;
	right:0px;
	width: 60px;
	height: 60px;
	background-color:rgba(0,0,0,0.8) !important;/*印刷*/
	z-index:99999;
	text-decoration: none;
	}
.menu-trigger::before{
	position:absolute;
	top:5px;
	left:0;
	right:0;
	content:"MENU";
	color:#ffffff;
	font-family: "Arial Bold";
	}
.menu-trigger.active::before{
	position:absolute;
	top:5px;
	left:0;
	right:0;
	content:"CLOSE";
	color:#ffffff;
	font-family: "Arial Bold";
	}
	
	
.menu-trigger span {
	position: absolute;
	left: 20%;
	width: 60%;
	height: 1px;
	background-color:#ffffff !important;/*印刷*/
	}
.menu-trigger span:nth-of-type(1) {
	top: 28px;
	}
.menu-trigger span:nth-of-type(2) {
	top: 38px;
	}
.menu-trigger span:nth-of-type(3) {
	bottom: 11px;
	}


/*ハンバーガーメニューボタン動き*/
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
	}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
	}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
	}

	
ul#globalnav-s{
	display:none;
	position:fixed;
	left:0;
	top:0;
	margin-top:0px;
	width:100%;
	z-index:88888;
	height: 100%;/*スクロール*/
 	overflow: auto;/*スクロール*/
 	-webkit-overflow-scrolling: touch;/*スクロール*/
	padding-bottom:100px;
	}
	ul#globalnav-s li.s0{
		background-color:rgba(255,255,255,0.9) !important;/*印刷*/
		text-align:center;
		padding:15px;
		}
		ul#globalnav-s li.s0 .img-s1{
			display:block;
			margin:0 0 15px 0;
			}
			ul#globalnav-s li.s0 .img-s1 img{
				max-width:150px;
				width:100%;
				height:auto;
				}
		ul#globalnav-s li.s0 .img-s2{
			display:block;
			margin:0 0 15px 0;
			}
			ul#globalnav-s li.s0 .img-s2 img{
				max-width:270px;
				width:100%;
				height:auto;
				}
		ul#globalnav-s li.s0 .bana-s1{
			display:block;
			}
			ul#globalnav-s li.s0 .bana-s1 a{
				background:/*#228888*/#04AAB5 url("../images/common/bg_s1.png") 0 0 repeat;
				background-size:auto;
				display:inline-block;
				max-width:200px;
				width:45%;
				height:55px;
				box-sizing: border-box;
				padding:20px 0 0 0;
				font-family:"メイリオ",Meiryo,Verdana,"ＭＳ Ｐゴシック",sans-serif;
				font-size:15px;
				line-height:15px;
				text-align:center;
				color:#ffffff;
				text-decoration:none;
				margin:0 2%;
				position: relative;
				}
			ul#globalnav-s li.s0 .bana-s1 a:nth-child(2){
				background:/*#228888*/#04B56E url("../images/common/bg_s1.png") 0 0 repeat;
				background-size:auto;
				display:inline-block;
				max-width:200px;
				width:45%;
				height:55px;
				box-sizing: border-box;
				padding:20px 0 0 0;
				font-family:"メイリオ",Meiryo,Verdana,"ＭＳ Ｐゴシック",sans-serif;
				font-size:15px;
				line-height:15px;
				text-align:center;
				color:#ffffff;
				text-decoration:none;
				margin:0 2%;
				position: relative;
				}
				ul#globalnav-s li.s0 .bana-s1 a::before{
					content: "";
					position: absolute;
					right:0;
					bottom:0;
					width: 0px;
					height: 0px;
					border: 15px solid;
					border-color: transparent #000000 #000000 transparent;
					}
				ul#globalnav-s li.s0 .bana-s1 a::after{
					content: "";
					position: absolute;
					right:5px;
					bottom:7px;
					width: 3px;
					height: 3px;
					border: 1px solid;
					border-color: #fff #fff transparent transparent;
					-webkit-transform: rotate(45deg);
					transform: rotate(45deg);
					}
		ul#globalnav-s li.s0 .img-s3{
			display:block;
			}
			ul#globalnav-s li.s0 .img-s3 img{
				max-width:240px;
				width:100%;
				height:auto;
				}
	ul#globalnav-s li.s1{
		background-color:rgba(255,255,255,0.9) !important;/*印刷*/
		font-size:14px;
		line-height:14px;
		text-align:left;
		padding:20px 0 0 0;
		}
		ul#globalnav-s li.s1 .tit-s1{
			display:block;
			background:#d4eeee !important;/*印刷*/
			padding:0 15px;
			min-height:34px;
			font-family:"メイリオ",Meiryo,Verdana,"ＭＳ Ｐゴシック",sans-serif;
			font-size:15px;
			font-weight:bold;
			line-height:34px;
			text-align: left;
			color:#228888 !important;/*印刷*/
			}
		ul#globalnav-s li.s1 .sub-s1{
			padding:10px 15px 0 15px;
			}
			ul#globalnav-s li.s1 .sub-s1 ul{
				font-size:0;
				margin:0 0 0 -3%;
				}
				ul#globalnav-s li.s1 .sub-s1 ul li{
					display:inline-block;
					width:30.33%;
					box-sizing: border-box;
					margin:0 0 0 3%;
					font-size:15px;
					border-bottom:1px solid #666666;
					}
				ul#globalnav-s li.s1 .sub-s1 ul li:nth-child(1),
				ul#globalnav-s li.s1 .sub-s1 ul li:nth-child(2),
				ul#globalnav-s li.s1 .sub-s1 ul li:nth-child(3){
					border-top:1px solid #666666;
					}
					ul#globalnav-s li.s1 .sub-s1 ul li a{
						display:block;
						height:inherit;
						padding:20px 0;
						font-size:14px;
						line-height:14px;
						color:#000000 !important;/*印刷*/
						text-decoration:none;
						}
				ul#globalnav-s li.s1 .sub-s1 ul li.s2{
					background: url("../images/common/globalnav-s_bg-02-s.png") right center no-repeat;
					background-size:30px 22px;
					}	
				ul#globalnav-s li.s1 .sub-s1 ul li.s3{
					background: url("../images/common/globalnav-s_bg-03.png") right center no-repeat;
					background-size:30px 22px;
					}	
				ul#globalnav-s li.s1 .sub-s1 ul li.s4{
					background: url("../images/common/globalnav-s_bg-04.png") right center no-repeat;
					background-size:30px 22px;
					}	
				ul#globalnav-s li.s1 .sub-s1 ul li.s5{
					background: url("../images/common/globalnav-s_bg-05.png") right center no-repeat;
					background-size:30px 22px;
					}	
				ul#globalnav-s li.s1 .sub-s1 ul li.s6{
					background: url("../images/common/globalnav-s_bg-06.png") right center no-repeat;
					background-size:30px 22px;
					}	
				ul#globalnav-s li.s1 .sub-s1 ul li.s7{
					background: url("../images/common/globalnav-s_bg-07.png") right center no-repeat;
					background-size:30px 22px;
					}	
				ul#globalnav-s li.s1 .sub-s1 ul li.s8{
					background: url("../images/common/globalnav-s_bg-08.png") right center no-repeat;
					background-size:30px 22px;
					}	
				ul#globalnav-s li.s1 .sub-s1 ul li.s9{
					background: url("../images/common/globalnav-s_bg-09.png") right center no-repeat;
					background-size:30px 22px;
					}	
				ul#globalnav-s li.s1 .sub-s1 ul li.s10{
					background: url("../images/common/globalnav-s_bg-10.png") right center no-repeat;
					background-size:30px 22px;
					}	
				ul#globalnav-s li.s1 .sub-s1 ul li.s11{
					background: url("../images/common/globalnav-s_bg-11.png") right center no-repeat;
					background-size:30px 22px;
					}	
				ul#globalnav-s li.s1 .sub-s1 ul li.s12{
					background: url("../images/common/globalnav-s_bg-12.png") right center no-repeat;
					background-size:30px 22px;
					}	
				ul#globalnav-s li.s1 .sub-s1 ul li.s13{
					background: url("../images/common/globalnav-s_bg-13.png") right center no-repeat;
					background-size:30px 22px;
					}	
				ul#globalnav-s li.s1 .sub-s1 ul li.s14{
					background: url("../images/common/globalnav-s_bg-14.png") right center no-repeat;
					background-size:30px 22px;
					}
					ul#globalnav-s li.s1 .sub-s1 ul li.s4 a,
					ul#globalnav-s li.s1 .sub-s1 ul li.s5 a,
					ul#globalnav-s li.s1 .sub-s1 ul li.s6 a{
						background: url("../images/common/home-box01_txt-04-s.png") left center no-repeat;
						background-size:22px 32px;
						padding:20px 15px 20px 30px;
						}
		ul#globalnav-s li.s1 .sub-s2{
			padding:0;
			}
			ul#globalnav-s li.s1 .sub-s2 ul{
				font-size:0;
				margin:0;
				border-top:1px solid #cccccc;
				}
				ul#globalnav-s li.s1 .sub-s2 ul li{
					display:inline-block;
					width:50%;
					box-sizing: border-box;
					font-size:15px;
					border-bottom:1px solid #cccccc;
					}
				ul#globalnav-s li.s1 .sub-s2 ul li:nth-child(2n-1){/*奇数*/
					border-right:1px solid #cccccc;
					}
					ul#globalnav-s li.s1 .sub-s2 ul li a{
						display:block;
						height:inherit;
						padding:20px 15px;
						font-size:14px;
						line-height:14px;
						color:#000000 !important;/*印刷*/
						text-decoration:none;
						}
		ul#globalnav-s li.s1 a{
			display:block;
			height:44px;
			padding:15px;
			font-size:14px;
			line-height:14px;
			color:#ffffff !important;/*印刷*/
			text-decoration:none;
			cursor: pointer;
			}
		ul#globalnav-s li.close-btn span{
			display:block;
			background:#000000 !important;/*印刷*/
			padding:0 15px;
			height:50px;
			font-size:14px;
			font-weight:bold;
			line-height:50px;
			letter-spacing: 0.2em;
			text-align: center;
			color:#ffffff !important;/*印刷*/
			text-decoration:none;
			cursor: pointer;
			}
		ul#globalnav-s li.s1 a:hover{
			filter:alpha(opacity=80);
			-moz-opacity: 0.8;
			opacity: 0.8;
			}
}
@media print, screen and (min-width : 961px) {	
.accordion{
	display:none;
	}
}
@media screen and (max-width:479px){/*iphone用指定*/
				ul#globalnav-s li.s1 .sub-s1 ul li{
					display:inline-block;
					width:47%;
					box-sizing: border-box;
					margin:0 0 0 3%;
					font-size:15px;
					border-bottom:1px solid #666666;
					}
				ul#globalnav-s li.s1 .sub-s1 ul li:nth-child(3){
					border-top:none;
					}
}

	
/* ----------------------------------------------------------------------- */	
	

@media screen and (max-width:767px){/*iphone用指定*/
#header-home .logo{	
	display:inline-block;
	background:#ffffff;
	padding:20px;
	text-align:center;
	}
	#header-home .logo img{
		max-width:232px;
		width:100%;
		height:auto;
		}
}
@media print, screen and (min-width:768px){/*PC用指定*/
#header-home .logo{
	display:inline-block;
	background:#ffffff;
	padding:20px;
	text-align:center;
	}
	#header-home .logo img{
		max-width:232px;
		width:100%;
		height:auto;
		}
}


@media screen and (max-width:559px){/*iphone用指定*/
#header-home .header-home_txt-01{
	text-align:center;
	margin:30px 15px 75px 15px;
	}
	#header-home .header-home_txt-01 img{
		max-width:272px;
		width:100%;
		height:auto;
		}
}
@media screen and (min-width:560px) and (max-width:959px){/*Tablets用指定*/
#header-home .header-home_txt-01{
	text-align:center;
	margin:30px 15px;
	}
	#header-home .header-home_txt-01 img{
		max-width:272px;
		width:100%;
		height:auto;
		}
}
@media print, screen and (min-width:960px){/*PC用指定*/
#header-home .header-home_txt-01{
	text-align:center;
	margin:30px 0 75px 0;
	}
	#header-home .header-home_txt-01 img{
		max-width:272px;
		width:100%;
		height:auto;
		}
}


@media screen and (max-width:559px){/*iphone用指定*/
#header-home .header-home_txt-02{
	text-align:center;
	margin:0 15px;
	}
	#header-home .header-home_txt-02 img{
		max-width:539px;
		width:100%;
		height:auto;
		}
}
@media screen and (min-width:560px) and (max-width:959px){/*Tablets用指定*/
#header-home .header-home_txt-02{
	text-align:center;
	margin:0 15px;
	}
	#header-home .header-home_txt-02 img{
		max-width:350px;
		width:100%;
		height:auto;
		}
}
@media print, screen and (min-width:960px){/*PC用指定*/
#header-home .header-home_txt-02{
	text-align:center;
	margin:0;
	}
	#header-home .header-home_txt-02 img{
		max-width:539px;
		width:100%;
		height:auto;
		}
}

	
/* ----------------------------------------------------------------------- */

@media screen and (max-width:767px){/*iphone用指定*/
#header h1{		/* タイトル */
	background:#225522;
	width:90%;
	position:absolute;
	bottom:0px;
	padding:5px 5%;
	z-index:2;
	text-align:center;
	}
	#header h1 img{
		max-width:296px;
		width:90%;
		height:auto;
		}
	
#header h2{		/* トップページ説明文 */
	width:90%;
	position:absolute;
	top:400px;
	padding:5px 5%;
	z-index:2;
	text-align:center;
	font-weight:bold;
	}

#header .logo{		/* ロゴ */
	width:100%;
	position:absolute;
	top:0px;
	text-align:center;
	z-index:1;
	}

#header .entry{		/* お申し込み */
	position:relative;
	top:185px;
	text-align:center;
	}

#header .tel{		/* TEL */
	display:none;
	}
}
@media print, screen and (min-width:768px){/*PC用指定*/
#header h1{		/* タイトル */
	position:absolute;
	top:170px;
	left:310px;
	z-index:2;
	}
	#header h1 img{
		width:296px;
		height:auto;
		}
	
#header h2{		/* 説明文 */
	position:absolute;
	top:10px;
	left:300px;
	font-size:13px;
	line-height:18px;
	color:#ffffff;
	}

#header .logo{		/* ロゴ */
	position:absolute;
	top:0px;
	left:-20px;
	z-index:2;
	}

#header .entry{		/* お申し込み */
	position:absolute;
	top:-25px;
	right:-5px;
	z-index:2;
	}
	#header .entry img{
		width:88%;
		}

#header .tel{		/* TEL */
	position:absolute;
	top:150px;
	left:0px;
	z-index:1;
	}
}



/*------------------------------------------------------------------------
フッターバナー
--------------------------------------------------------------------------*/
@media screen and (max-width:767px){/*iphone用指定*/
#footer-bana .tit-s1{
	font-size:16px;
	line-height:26px;
	font-weight:bold;
	text-align:center;
	margin-bottom:15px;
	}
	#footer-bana .tit-s1 span{
		display:inline-block;
		margin-left:15px;
		background:#333333;
		color:#ffffff;
		font-weight:bold;
		padding:2px 15px 0px 15px;
		border-radius: 13px;		/* CSS3草案 */
		-webkit-border-radius: 13px;	/* Safari,Google Chrome用 */
		-moz-border-radius: 13px;	/* Firefox用 */
		}

#footer-bana .lis-s1{
	font-size:0;
	text-align:center;
	margin-left:-3px;
	}
	#footer-bana .lis-s1 li{
		display:inline-block;
		margin-left:3px;
		margin-bottom:7px;
		}
		#footer-bana .lis-s1 li img{
			width:245px;
			height:auto;
			}		
	#footer-bana .lis-s1 li a:hover img {
		opacity: 0.8;
		-ms-filter:"alpha(opacity=80)";
		-moz-opacity: 0.8;
		}
}
@media print, screen and (min-width:768px){/*PC用指定*/
#footer-bana .tit-s1{
	font-size:16px;
	line-height:26px;
	font-weight:bold;
	text-align:center;
	margin-bottom:15px;
	}
	#footer-bana .tit-s1 span{
		margin-left:15px;
		background:#333333;
		color:#ffffff;
		font-weight:bold;
		padding:2px 15px 0px 15px;
		border-radius: 13px;		/* CSS3草案 */
		-webkit-border-radius: 13px;	/* Safari,Google Chrome用 */
		-moz-border-radius: 13px;	/* Firefox用 */
		}


#footer-bana .lis-s1{
	font-size:0;
	text-align:center;
	margin-left:-3px;
	}
	#footer-bana .lis-s1 li{
		display:inline-block;
		margin-left:3px;
		margin-bottom:7px;
		}
		#footer-bana .lis-s1 li img{
			width:245px;
			height:auto;
			}		
	#footer-bana .lis-s1 li a:hover img {
		opacity: 0.8;
		-ms-filter:"alpha(opacity=80)";
		-moz-opacity: 0.8;
		}
}



/*------------------------------------------------------------------------
フッター
--------------------------------------------------------------------------*/

#footer-in-pan a{
	display:inline-block;
	font-size:14px;
	color:#0094cb;
	padding:5px 0 5px 10px;
	text-decoration:none;
	}
	#footer-in-pan a::before{
		content:" > ";
		color:#333333;
		margin-right:5px;
		}
#footer-in-pan a:first-child{
	background: url("../images/common/ico_home.png") 10px center no-repeat;
	background-size:14px 10px;
	padding:5px 10px 5px 30px;
	color:#333333;
	border:1px solid #cccccc;
	}
	#footer-in-pan a:first-child::before{
		content:"";
		color:none;
		margin-right:0;
		}
#footer-in-pan span{
	display:inline-block;
	font-size:14px;
	color:#0094cb;
	padding:5px 10px;
	}
	#footer-in-pan span::before{
		content:" > ";
		color:#333333;
		margin-right:5px;
		}



@media screen and (max-width:767px){/*iphone用指定*/
#footer .gotop{
	max-width:48px;
	width:100%;
	position: absolute;
  	left: 0;
  	right: 0;
	top:-45px;
  	margin: auto;
	}
	#footer .gotop img{
		max-width:48px;
		width:100%;
		height:auto;
		}
}
@media print, screen and (min-width:768px){/*PC用指定*/
#footer .gotop{
	max-width:70px;
	width:100%;
	position: absolute;
  	left: 0;
  	right: 0;
	top:-40px;
  	margin: auto;
	}
	#footer .gotop img{
		max-width:70px;
		width:100%;
		height:auto;
		}
}


@media screen and (max-width:767px){/*iphone用指定*/	
#footer .assistnav{
	margin:0;
	}
	#footer .assistnav li{
		font-size:15px;
		margin:0 0 10px 0;
		}
}
@media print, screen and (min-width:768px){/*PC用指定*/	
#footer .assistnav{
	font-size:0;
	margin:0 0 0 -5%;
	}
	#footer .assistnav li{
		display:inline-block;
		vertical-align: top;
		width:20%;
		font-size:15px;
		margin:0 0 0 5%;
		}
}


@media screen and (max-width:767px){/*iphone用指定*/
#footer .tit-s1{
	font-family:"メイリオ",Meiryo,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	font-size:15px;
	font-weight:bold;
	color:#228888;
	margin:0 0 20px 0;
	}
}
@media print, screen and (min-width:768px){/*PC用指定*/
#footer .tit-s1{
	font-family:"メイリオ",Meiryo,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#228888;
	padding:0 0 10px 0;
	border-bottom:1px solid #cccccc;
	margin:0 0 20px 0;
	}
}


@media screen and (max-width:767px){/*iphone用指定*/	
#footer .lis-s1{
	font-size:0;
	margin:0 0 0 -20px;
	}
	#footer .lis-s1 li{
		display:inline-block;
		font-family:"メイリオ",Meiryo,Verdana,"ＭＳ Ｐゴシック",sans-serif;
		font-size:13.5px;
		color:#222222;
		margin:0 0 25px 20px;
		}
	#footer .lis-s1 li a{
		display:block;
		color:#222222;
		text-decoration: none;	
		padding:0 0 0 15px;
		position: relative;
		}
		#footer .lis-s1 li a::after {
			content: '';
			width: 6px;
			height: 6px;
			border: 0;
			border-top: solid 1px #222222;
			border-right: solid 1px #222222;
			position: absolute;
			top: 50%;
			left: 0;
			margin-top: -4px;
			transform: rotate(45deg);
			}
}
@media print, screen and (min-width:768px){/*PC用指定*/	
#footer .lis-s1{
	font-size:0;
	}
	#footer .lis-s1 li{
		display:block;
		width:100%;
		font-family:"メイリオ",Meiryo,Verdana,"ＭＳ Ｐゴシック",sans-serif;
		font-size:15px;
		color:#222222;
		margin:0 0 10px 0;
		}
	#footer .lis-s1.s1 li{
		display:inline-block;
		width:50%;
		}
	#footer .lis-s1 li a{
		display:block;
		color:#222222;
		text-decoration: none;	
		padding:0 0 0 15px;
		position: relative;
		}
		#footer .lis-s1 li a::after {
			content: '';
			width: 6px;
			height: 6px;
			border: 0;
			border-top: solid 1px #222222;
			border-right: solid 1px #222222;
			position: absolute;
			top: 50%;
			left: 0;
			margin-top: -4px;
			transform: rotate(45deg);
			}
}


@media screen and (max-width:767px){/*iphone用指定*/		
#footer .add{
	width:100%;
	font-family:"メイリオ",Meiryo,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	font-size:13.5px;
	text-align: center;
	margin:0 auto 20px auto;
	}
	#footer .add span{
		display:block;
		font-size:15px;
		font-weight:bold;
		}
	#footer .add a{
		color:#222222;
		cursor: auto;
		text-decoration: none;	
		}
}
@media print, screen and (min-width:768px){/*PC用指定*/		
#footer .add{
	max-width:430px;
	width:100%;
	font-family:"メイリオ",Meiryo,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	font-size:15px;
	margin:0 auto 20px auto;
	}
	#footer .add span{
		display:block;
		font-size:18px;
		font-weight:bold;
		}
	#footer .add a{
		color:#222222;
		cursor: auto;
		text-decoration: none;	
		}
}


@media screen and (max-width:767px){/*iphone用指定*/	
#footer .bana{
	font-size:0;
	text-align: center;
	margin:0 0 0 -3%;	
	}
	#footer .bana li {
		display:inline-block;
		max-width:206px;
		width:45%;
		text-align: center;
		margin:0 0 0 3%;
		}
		#footer .bana a {
			display:block;
			padding:6px 15px;
			border:1px solid #999999;
			background: rgba(255, 255, 255, 0.7)
			}
		#footer .bana a:hover img {
			opacity: 0.8;
			-ms-filter:"alpha(opacity=80)";
			-moz-opacity: 0.8;
			}
			#footer .bana li a img {
				max-width:149px;
				width:100%;
				height:auto;
				}
}
@media print, screen and (min-width:768px){/*PC用指定*/	
#footer .bana{
	font-size:0;
	text-align: center;
	margin:0 0 0 -20px;	
	}
	#footer .bana li {
		display:inline-block;
		width:206px;
		text-align: center;
		margin:0 0 0 20px;
		}
		#footer .bana a {
			display:block;
			padding:6px 15px;
			border:1px solid #999999;
			background:#ffffff;
			}
		#footer .bana a:hover img {
			opacity: 0.8;
			-ms-filter:"alpha(opacity=80)";
			-moz-opacity: 0.8;
			}
			#footer .bana li a img {
				max-width:149px;
				width:100%;
				height:auto;
				}
}


@media screen and (max-width:767px){/*iphone用指定*/	
#footer .ssl{
	position:absolute;
	right:15px;
	bottom:20px;
	}
}
@media print, screen and (min-width:768px){/*PC用指定*/	
#footer .ssl{
	position:absolute;
	right:40px;
	bottom:30px;
	}
}


@media screen and (max-width:767px){/*iphone用指定*/
#footer .cop{
	background:#238888;
	font-family:"メイリオ",Meiryo,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	color:#ffffff;
	font-style:normal;
	font-size:13px;
	text-align:center;
	padding:20px;
	}
	#footer .cop a{
		color:#ffffff;
		text-decoration: none;
		}
}
@media print, screen and (min-width:768px){/*PC用指定*/
#footer .cop{
	font-family:"メイリオ",Meiryo,Verdana,"ＭＳ Ｐゴシック",sans-serif;
	color:#ffffff;
	font-style:normal;
	font-size:14px;
	text-align:center;
	padding:20px;
	}
	#footer .cop a{
		color:#ffffff;
		text-decoration: none;
		}
}



/*------------------------------------------------------------------------
フッター追従メニュー
--------------------------------------------------------------------------*/
@media screen and (min-width:768px) and (max-width:960px){/*タブレット用指定*/	
#footer-menu .lis-s1{
	font-size:0;
	text-align: center;
	margin:0;	
	}
	#footer-menu .lis-s1 li {
		display:inline-block;
		vertical-align: top;
		text-align: center;
		margin:0;
		}
	#footer-menu .lis-s1 li.s1 {
		margin:0 20px 0 0;
		}
		#footer-menu .lis-s1 li.s1 img {
			max-width:153px;
			width:100%;
			height:auto;
			}
		#footer-menu .lis-s1 li.s1 a:hover img {
			opacity: 0.8;
			-ms-filter:"alpha(opacity=80)";
			-moz-opacity: 0.8;
			}
	#footer-menu .lis-s1 li.s2 {
		display:none;
		}
	#footer-menu .lis-s1 li.s3 {
		margin:0 0 0 10px;
		}
		#footer-menu .lis-s1 li.s3 a{
			background:#279a9a;
			display:block;
			width:200px;
			height:55px;
			box-sizing: border-box;
			padding:20px 0 0 0;
			font-family:"メイリオ",Meiryo,Verdana,"ＭＳ Ｐゴシック",sans-serif;
			font-size:15px;
			line-height:15px;
			text-align:center;
			color:#ffffff;
			text-decoration:none;
			position: relative;
			}
			#footer-menu .lis-s1 li.s3 a::before{
				content: "";
				position: absolute;
				right:0;
				bottom:0;
				width: 0px;
				height: 0px;
				border: 15px solid;
				border-color: transparent #000000 #000000 transparent;
				}
			#footer-menu .lis-s1 li.s3 a::after{
				content: "";
				position: absolute;
				right:5px;
				bottom:7px;
				width: 3px;
				height: 3px;
				border: 1px solid;
				border-color: #fff #fff transparent transparent;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				}
		#footer-menu .lis-s1 li.s3 a:hover{
			opacity: 0.8;
			-ms-filter:"alpha(opacity=80)";
			-moz-opacity: 0.8;
			}
}
@media print, screen and (min-width:768px){/*PC用指定*/	
#footer-menu .lis-s1{
	font-size:0;
	text-align: center;
	margin:0;	
	}
	#footer-menu .lis-s1 li {
		display:inline-block;
		vertical-align: top;
		text-align: center;
		margin:0;
		}
	#footer-menu .lis-s1 li.s1 {
		margin:0 20px 0 0;
		}
		#footer-menu .lis-s1 li.s1 img {
			max-width:153px;
			width:100%;
			height:auto;
			}
		#footer-menu .lis-s1 li.s1 a:hover img {
			opacity: 0.8;
			-ms-filter:"alpha(opacity=80)";
			-moz-opacity: 0.8;
			}
	#footer-menu .lis-s1 li.s2 {
		margin:0 20px;
		}
		#footer-menu .lis-s1 li.s2 img {
			max-width:269px;
			width:100%;
			height:auto;
			}
		#footer-menu .lis-s1 li.s2 a{
			cursor: auto;
			}
	#footer-menu .lis-s1 li.s3,#footer-menu .lis-s1 li.s3-2 {
		margin:0 0 0 10px;
		}
		#footer-menu .lis-s1 li.s3 a{
			background:/*#228888*/#04AAB5 url("../images/common/bg_s1.png") 0 0 repeat;
			background-size:auto;
			display:block;
			width:200px;
			height:55px;
			box-sizing: border-box;
			padding:20px 0 0 0;
			font-family:"メイリオ",Meiryo,Verdana,"ＭＳ Ｐゴシック",sans-serif;
			font-size:15px;
			line-height:15px;
			text-align:center;
			color:#ffffff;
			text-decoration:none;
			position: relative;
			}
			#footer-menu .lis-s1 li.s3-2 a{
				background:/*#228888*/#04B56E url("../images/common/bg_s1.png") 0 0 repeat;
				background-size:auto;
				display:block;
				width:200px;
				height:55px;
				box-sizing: border-box;
				padding:20px 0 0 0;
				font-family:"メイリオ",Meiryo,Verdana,"ＭＳ Ｐゴシック",sans-serif;
				font-size:15px;
				line-height:15px;
				text-align:center;
				color:#ffffff;
				text-decoration:none;
				position: relative;
				}
		
			#footer-menu .lis-s1 li.s3 a::before,#footer-menu .lis-s1 li.s3-2 a::before{
				content: "";
				position: absolute;
				right:0;
				bottom:0;
				width: 0px;
				height: 0px;
				border: 15px solid;
				border-color: transparent #000000 #000000 transparent;
				}
			#footer-menu .lis-s1 li.s3 a::after,#footer-menu .lis-s1 li.s3-2 a::after{
				content: "";
				position: absolute;
				right:5px;
				bottom:7px;
				width: 3px;
				height: 3px;
				border: 1px solid;
				border-color: #fff #fff transparent transparent;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				}
		#footer-menu .lis-s1 li.s3 a:hover,#footer-menu .lis-s1 li.s3-2 a:hover{
			opacity: 0.8;
			-ms-filter:"alpha(opacity=80)";
			-moz-opacity: 0.8;
			}
}