@charset "utf-8";

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

1．レイアウト
2．リンク
3．各要素のリセット
4．ヘッダー
5．ナビゲーション
6．メインコンテンツ
7．サイドメニュー
8．フッター
9．その他

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

/*----------------------------------------------------
■ レイアウト
----------------------------------------------------*/


/*----------------------------------------------------
■ リンク
----------------------------------------------------*/

a:link{
	color: #;
	text-decoration: underline;
}
a:visited{
	color: #;
	text-decoration: underline;
}
a:hover{
	color: #;
	text-decoration: underline;
}
a:active{
	color: #;
}

/*----------------------------------------------------
■ 各要素のリセット
----------------------------------------------------*/

* {
	box-sizing: border-box;
}

html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,div,form,fieldset,table,th,td,img ,address {
	margin: 0;
	padding: 0;
	border: none;
	font-weight: normal;
	font-style: normal;
}

html {
	font-size: 100%;
}

html>/**/body {
	font-size: 16px;
}
body {
	min-width: 320px;
	font-family:メイリオ,meiryo,ヒラギノ角ゴ pro w3,hiragino kaku gothic pro,sans-serif;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
a img {
	border: none;
}
.ie8 img{
	width: auto;
}

ul {
	list-style: none;
}

input ,select{
	vertical-align:middle;
}

hr {
	display: none;
}


/*----------------------------------------------------
■ ヘッダー
----------------------------------------------------*/

#header_fixed {
	position: fixed;
	width: 100%;
	z-index: 100;
}

#tagline {
	background: #414141;
	color: #ffffff;
}

#tagline h1 {
	padding: 5px;
	font-size: 12px;
	text-align: left;
}

#header {
	padding: 10px;
	background: url(../images/ironpatern.png) 
		0 0 
		rgba(255,255,255,0.8);
}

#header h2 {
	display:table-cell;
	width: 73%;
	text-align: left;
	vertical-align:middle;
}

#header p {
	display:table-cell;
	width: 40%;
	padding-bottom: 0;
	vertical-align:middle;
	text-align: right;

}



/*----------------------------------------------------
■ コンテンツ
----------------------------------------------------*/

div {
	text-align: center;
}

div p,
div ul {
	line-height: 200%;
	text-align: left;
}

.contact {
	position: relative;
	padding: 20px 20px;
}

.mail_link {
	position: absolute;
	bottom: 7%;
	left: 25%;
	padding-bottom: 10px;
}

.mail_link a {
	display: inline-block;
	width: 100%;
	padding: 0 20px;
    border-radius: 3px;
	color: #ffffff;
	font-weight: bold;
	line-height: 180%;
	text-decoration: none;
    transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
    background: rgba(89, 173, 5, 1) url(../images/shiny1button_bg.png) 50% 50% repeat-x;
    border: solid rgba(0, 108, 109, 1) 0px;
}

.mail_link a:hover {
    transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
    background: rgba(252,135,39,1) url(../images/shiny1button_bg.png) 50% 50% repeat-x;
    border: solid rgba(0, 108, 109, 1) 0px;
}

#row02,
#row03,
#row04,
#row05,
#row06,
#row07,
#row08,
#row09 {
	padding: 0 20px 20px;
}

#row02 h2,
#row03 h2,
#row04 h2,
#row05 h2,
#row06 h2,
#row07 h2,
#row08 h2 {
	padding-bottom: 30px;
}

#row07 h2 {
	padding: 20px 20px 0;
}

h2#row09 {
	padding-bottom: 0;
}

#row02 h3,
#row03 h3,
#row04 h3,
#row05 h3,
#row06 h3,
#row07 h3,
#row08 h3 {
	max-width: 970px;
	margin: 0 auto;
	padding-bottom: 20px;
	text-align: left;
}

#row01 p,
#row02 p,
#row03 p,
#row05 p,
#row07 p,
#row08 ul,
#row09,
.contact p {
	text-align: center;
}

#row03 p,
#row04 p,
#row05 p {
	max-width: 970px;
	margin: 0 auto;
	padding-bottom: 30px;
}

#row03 p:last-child,
#row04 p:last-child {
	padding-bottom: 0;
}

#row01 {
	padding-top: 100px;
	background: url(../images/bg05.jpg) 
		50% 0 
		no-repeat;
	background-size: cover;
}

#row02 {
	padding: 25px 0;
	background: url(../images/bg01.jpg) 
		50% 0 
		no-repeat;
	background-size: cover;
}

#row02 p {
	margin: 0 20px;
}

#row05 p,
#row05 ul,
#row05 ul li {
	padding-bottom: 30px;
}

#row06 {
	padding: 25px 20px;
	background: url(../images/bg02.jpg) 
		0 50%;
	background-size: cover;
}

#row06 p {
	text-align: center;
}

#row07 {
	padding: 25px 20px;
	background: url(../images/bg03.jpg) 
		0 50%;
	background-size: cover;
}

#row08 {
	padding: 25px 20px 0px;
}

#row08 h2 {
	padding-bottom: 20px;
}


#row08 ul li img:last-of-type {
	max-width: 991px;
	width: 100%;
	height: auto;
}

p.textCenter {
	padding: 20px 0 30px;
}

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

#footer {
	padding: 20px;
	background: #1d4696;
	color: #ffffff;
	font-size: 10px;
	text-align: left;
}

#footer h2,
#footer a {
	color: #d9d13b;
	text-decoration: none;
}

#footer h2 {
	margin-bottom: 20px;
	border-bottom: solid 3px #d9d13b;
	font-size: 20px;
	font-weight: bold;
}

#footer h3 {
	padding: 20px 0 5px;
}

#footer ul {
	margin-bottom: 30px;
	font-size: 0px;
}

#footer ul li {
	font-size: 10px;
	line-height: 1em;
}

#footer ul:first-of-type li {
	display: inline-block;
	width: 33.3333%;
	margin: 0;
	padding: 10px 0;
}

#footer ul:first-of-type li a {
	padding: 5px 20px;
}

#footer dl {
	margin-bottom: 30px;
	border-bottom: dotted 1px #ffffff;
}

#footer dl dt,
#footer dl dd {
	padding: 5px 0;
	border-top: dotted 1px #ffffff;
	text-align: left;
}

#footer dl dt {
	display: inline-block;
	width: 20%;
	font-weight: bold;
	float: left;
}

#footer dl dd {
	display: inline-block;
	width: 80%;
}

#footer address {
	font-size: 11px;
	text-align: center;
}

#footer #gmap {
	text-align: center;
}

/*----------------------------------------------------
■ その他
----------------------------------------------------*/

/* page-top */
#page-top {
	position: fixed;
	bottom: 0px;
	right: 0px;
	font-size: 77%;
}
#page-top a {
	border: solid 2px #dddddd;
	background: url(../images/pagetop.png) 
		center 10px 
		no-repeat 
		#666666;
	text-decoration: none;
	color: #fff;
	padding: 50px 20px 10px;
	text-align: center;
	display: block;
}
#page-top a:hover {
	text-decoration: none;
	background: url(../images/pagetop.png) 
		center 10px 
		no-repeat 
		#999999;
}	

.textLeft {
	text-align: left;
}
.textCenter {
	text-align: center;
}
.textRight {
	text-align: right;
}

/*clearfix*/
.clearfix {
	  zoom: 1;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/*----------------------------------------------------
■ media Queries（767px 以下の画面サイズのスタイル）
----------------------------------------------------*/

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

	#footer #gmap iframe {
		width: 100%;
	}

}


/*----------------------------------------------------
■ media Queries（768px 以上の画面サイズのスタイル）
----------------------------------------------------*/

@media only screen and (min-width: 768px) {

/* レイアウト */

	.wrap {
		max-width: 1119px;
		margin:0 auto;
	}

	#row01 {
		padding-top: 120px;
	}

	#row05 ul {
		max-width: 850px;
		margin: 0 auto;
		font-size: 0px;
	}

	#row05 ul li {
		display: inline-block;
		width: 440px;
		font-size: 16px;
		line-height: 200%;
		vertical-align: top;
	}

	#row05 ul li:nth-child(2) {
		display: inline-block;
		width: 375px;
		margin-left: 35px;
	}

	#footer h2 {
		margin-bottom: 20px;
		border-bottom: solid 3px #d9d13b;
		font-size: 30px;
		font-weight: bold;
	}

	#footer,
	#footer ul li {
		font-size: 14px;
	}

	#footer div.wrap {
		text-align: left;
	}

	#footer dl,
	#footer #right {
		float: left;
		display: inline-block;
		width: 50%;
	}

	#footer #right {
		padding-left: 30px;
	}

	#footer #right #gmap {
		text-align: left;
	}

	#footer dl dt,
	#footer dl dd {
		text-align: left;
	}

	#footer #right dl {
		width: 100%;
		padding: 0;
	}

	#footer #right dl dt,
	#footer #right dl dd {
		width: 100%;
		border: none;
	}

/* メールリンク */

	.mail_link {
		position: absolute;
		bottom: 10%;
		left: 40%;
		padding-bottom: 10px;
	}

	.mail_link a {
		display: inline-block;
		width: 100%;
		padding: 0 20px;
	    border-radius: 3px;
		color: #ffffff;
		font-weight: bold;
		line-height: 180%;
		text-decoration: none;
	    transition: border-color 0.4s ease 0s, background-color 0.4s ease 0s;
	    background: rgba(89, 173, 5, 1) url(../images/shiny1button_bg.png) 50% 50% repeat-x;
	    border: solid rgba(0, 108, 109, 1) 0px;
	}

} /* 768px */