@charset "utf-8";
/************************************************************
	Reset default browser CSS.
*************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; outline: 0; vertical-align: baseline; margin: 0; padding: 0;}
:focus { outline: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
ol, ul { list-style: none;}
table { border-collapse: collapse;border-spacing: 0;}
caption, th, td { font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
a img { border: 0;}
html{
	font-size: 62.5%; /*10px*/
}
body{
	background :#fff;
	color: #333;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 1.5rem;
	line-height: 1.6;
	word-wrap: break-word;
	/* http://keagelog.blogspot.jp/2013/03/text-size-adjust.html */
	/*-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;*/
	-webkit-text-size-adjust: 100%;
	/*text-size-adjust: 100%;*/
}
@media only screen and (max-width: 767px){
	body{
		line-height: 2.5rem;
	}
}
*html{ background: #fff;}

/************************************************************
	Clearfix
*************************************************************/
#wrapper:after { content:""; display: table; clear: both;}
#wrapper { zoom: 1;}
.clearfix:after { content: " "; display: block; clear: both; height: 0; visibility: hidden;}
.clearfix { display: inline-table; min-height: 1%;}
* html .clearfix { height: 1%;}
.clearfix { display: block;}


/************************************************************
	Font Awesome
*************************************************************/
.famr:before {
	margin-right: 0.2em;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.faml:after {
	margin-left: 0.2em;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.fanm:before {
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/************************************************************
	Link
*************************************************************/
a {
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	color: #333;
	/*font-size: 90%;*/
	text-decoration: underline;
}
a:hover,
a:active {
	outline: none;
	color: #666;
	text-decoration: none;

}
a:hover img:not(.op) {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	-ms-filter: "alpha( opacity=75 )";
	-moz-transition: 0.5s ease-in-out;
	-webkit-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
    -webkit-backface-visibility: hidden; /* 追加 */
    backface-visibility: hidden; /* 追加 */
	/* Firefox Bug */
	background: #FFF;
	/* IE8 Bug */
	display /*\**/:inline-block\9;
	zoom /*\**/: 1\9;
}
a.tel {
	text-decoration:none;
}

/************************************************************
	Link Button
*************************************************************/
.linkBtnMin {
    text-align: left;
    display: block;
    border: 1px solid #4B77BE;
    width: 300px;
    margin-bottom: 1rem;
    border-radius: 0.3rem;
}
	.linkBtnMin a {
		display: block;
		color: #4B77BE;
		text-decoration: none;
		padding: 1.2rem 2rem;
		padding: 1.5rem 2rem 0.9rem\0;
		font-size:1.5rem;
		font-weight: bold;
		position:relative;
	}
		.linkBtnMin a:after {
			margin-top: -1rem;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: bold;
			font-size: 2rem;
			line-height: 1;
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
			content: "\f105";
			color: #4B77BE;
			position: absolute;
			top: 50%;
			right: 30px;
		}
		.linkBtnMin a:hover {
			background:#4B77BE;
			color:#FFF;
			/*opacity: 0.75;
			filter: alpha(opacity=75);
			-moz-opacity:0.75;
			-ms-filter: "alpha( opacity=75 )";*/
			-moz-transition: 0.3s ease-in-out;
			-webkit-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
		}
		.linkBtnMin a:hover:after {
			color:#FFF;
			-moz-transition: 0.3s ease-in-out;
			-webkit-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
		}

	@media only screen and (max-width: 999px){
		.linkBtnMin {
			margin:0 auto 2rem;
		}
	}
	@media only screen and (max-width: 767px){
		.linkBtnMin {
			width: 90%;
		}
			.linkBtnMin a {
			}
	}


/************************************************************
	基本レイアウト
*************************************************************/
#wrapper {
    padding-top: 65px;
    width: 100%;
}
.inner {
	width: 1080px;
	margin: 5rem auto 6rem;
}
#content {
	float: left;
	width: 780px;
}
.sidebar {
	float: right;
	width: 240px;
}
	.sidebar > div {
		width: 240px;
	}
footer {
	clear: both;
}
	@media only screen and (max-width: 999px) {
		.sidebar img {
			width: 100%;
			max-width: 240px;
			margin: 0 auto;
			display: block;
		}
		#wrapper {
			padding-top: 0;
		}
	}
	@media only screen and (min-width: 768px) and (max-width: 999px) {
		.inner {
			width: 97%;
		}
		#content {
			width: 72%;
		}
		.sidebar {
			width: 25%;
		}
			.sidebar > div {
				width: auto;
			}
	}
	@media only screen and (max-width: 767px){
		.inner {
			width: 95%;
		}
		#content,
		.sidebar {
			width: 100%;
			float: none;
			clear: both;
			margin: 0 auto;
		}
		.sidebar {
			margin-top:4rem;
		}
			.sidebar > div {
				width: auto;
			}
	}
	@media only print { /* 印刷用設定 */
		footer {
			width: 1000px !important;
			margin: 1em auto 0 auto !important;
			background: #9ECE3C;
		}
	}

/************************************************************
	タイポグラフィ
*************************************************************/
#wrapper h1 {
    padding: 6rem 0;
    font-weight: bold;
    font-size: 2.2rem;
    width: 1080px;
    margin: 0 auto;
}
	#wrapper h1 span.ename {
		font-family: arial,Sans-Serif;
		display: block;
		font-size: 35px;
		margin-bottom: 0.3em;
	}
#wrapper h2 {
	color:#484C9F;
	font-size:1.7rem;
    font-weight: bold;
}
#wrapper h2 + p {
	margin-top:2rem
}
#wrapper h3 {
    background: #494C9F;
    color: #FFF;
    font-size: 1.6rem;
    padding: 0.7rem 1.5rem;
	padding: 1rem 2rem 0.4rem\0;
    margin: 4rem 0 3rem;
}
#wrapper h4 {
    color: #484C9F;
    font-size: 1.7rem;
    font-weight: bold;
    margin-bottom: 2rem;
}
#wrapper b{
	color:#999999;
	margin-left:8px;
	font-size:12px;
	font-weight:bold;
}
#wrapper h4 > span {
    font-size: 1.4rem;
}
#wrapper h4 + p ,
#wrapper h4 + ul {
    margin-bottom: 3rem;
}
#wrapper h5 {
    font-weight: bold;
}

	@media only screen and (max-width: 999px){
		#wrapper h1 {
			width: 100%;
			padding: 4rem 1rem;
			box-sizing: border-box;
		}
	}
	@media only screen and (min-width: 768px) and (max-width: 999px) {
	}
	@media only screen and (max-width: 767px){
		#wrapper h1 {
			font-size: 2rem;
		}
		#wrapper h4 {
			text-align:center;
		}
	}

.entry-content strong, p b { font-weight: bold;}


p.attention {
	color:#FF0000;
	margin:0px 0 4rem;
	font-size: 1.3rem;
}


/************************************************************
	ヘッダー
*************************************************************/
header#main {
    background: #fff none repeat scroll 0 0;
    border-top: 5px solid #1C1F87;
    height: 65px;
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: 1000;
    border-bottom: 1px solid #E4E7EB;
    box-sizing: border-box;
}
	header#main > div {
		height: 60px;
		padding:0;
		width: 1080px;
		margin: 0 auto;
		position: relative;
	}
			header#main > div .logo {
				float: left;
				display: block;
				height: 60px;
				line-height: 60px;
			}
				header#main > div .logo img {
					margin-right:2rem;
					vertical-align:middle;
				}
	@media only screen and (max-width: 999px){
		header#main {
			border-bottom: 1px solid #333;
			border-top: 1px solid #333;
			height: auto;
			padding: 50px 0 0;
			position:static;
		}
			header#main > div {
				height: auto;
				margin:5px auto;
				padding: 0;
				width: 100%;
			}
				header#main > div > .logo {
					float: none;
					height: auto;
					padding: 0;
				}
					header#main > div > .logo img {
						display: block;
						margin: 0 auto;
					}
	}
/************************************************************
	グローバルナビゲーション
*************************************************************/
/*  nav.css */
/*  jquery.mmenu.all.css */


/************************************************************
	フッター
*************************************************************/
/*  nav.css */

/************************************************************
	ページタイトル
*************************************************************/
#title {
	background-image: url("/images/common/bg-basic.png");
}

/************************************************************
	 Extensions
*************************************************************/
	/* パンくず＋ソーシャルボタン（横並び）
	--------------------------------------------------------*/
	#wrapper div#bcsb {
	}
	div#bcsb {
		padding: 1rem 0;
		width: 100%;
		line-height: 1.2rem;
	}
	div#bcsb > div {
		width: 1080px;
		margin: 0 auto;
	}
		div#bcsb > div > div:first-of-type {
			float: left;
			width: 73%;
		}
		div#bcsb > div > div:last-of-type {
			float: right;
			width: 25%;
		}
			@media only screen and (min-width: 601px) and (max-width: 999px) {
				div#bcsb > div {
					width: 95%;
				}
					div#bcsb > div > div:first-of-type {
						float: left;
						width: 63%;
					}
					div#bcsb > div > div:last-of-type {
						float: right;
						width: 35%;
					}
			}
			@media only screen and (max-width: 600px){
				div#bcsb > div {
					width: 95%;
				}
					div#bcsb > div > div:first-of-type {
						float: none;
						margin-bottom: 0.5em;
						width: 100%;
					}
					div#bcsb > div > div:last-of-type {
						float: none;
						width: 100%;
					}
			}

		/* パンくず (Yoast WordPress SEO: Internal Links)
		--------------------------------------------------------*/
		p#breadcrumbs span ,
		p#breadcrumbs span a {
			font-size: 12px;
			line-height: 1.6;
		}
		p#breadcrumbs span a {
			color:#6685CC;
			text-decoration:none;
		}
		
			@media only screen and (max-width: 600px){
				p#breadcrumbs span ,
				p#breadcrumbs span a {
					font-size: 12px;
					/*width: 95%;*/
				}
			}
	

	

/************************************************************
	ソーシャルサービス
*************************************************************/

	/* ON-OFF
	--------------------------------------------------------*/
	@media only screen and (min-width: 1000px){
		.desktop {
			display: block!important;
		}
		.mobile {
			display: none!important;
		}
	}
	@media only screen and (max-width: 999px){
		.desktop {
			display: none!important;
		}
		.mobile {
			display: block!important;
		}
	}

	/* Google Map
	--------------------------------------------------------*/
	.google-maps {
		position: relative;
		padding-bottom: 39%;
		height: 0;
		overflow: hidden;
	}
		.google-maps iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100% !important;
			height: 100% !important;
		}
		.google-maps + span {
			text-align: right;
			display: block;
			margin: 1rem 0;
			font-size:1.4rem;
		}
		.google-maps + span:before {
			margin-right: 1rem;
			content:"\f105";
			text-decoration: none;
		}
	
	@media only screen and (max-width: 767px){
	}