@charset "utf-8";
/*//////////////////////////////////////////　html & body　//////////////////////////////////////////*/

/* root */
html {
	font-size: 62.5%;
}
body {
	color: #333333;
	font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 13px;
	word-wrap: break-word;
	-webkit-font-smoothing: subpixel-antialiased;
	line-height: 1.5;
}




/*//////////////////////////////////////////　inner　//////////////////////////////////////////*/

/* inner main */


/*//////////////////////////////////////////　レイアウト：メインエリア・サイドバー　//////////////////////////////////////////*/



/* 非表示パネル */
.hide-panel {
	display: none;
}

/*//////////////////////////////////////////　段落 / 見出し　//////////////////////////////////////////*/

/* 見出し */
h1, h2, h3, h4, h5, h6 {}

/* 段落 */
p {
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.8;
}

.text-right {
	text-align: right;
}

/*//////////////////////////////////////////　リンクスタイル　//////////////////////////////////////////*/

/* a */
a {
	color: #333333;
	text-decoration: none;
}

/* none：outline, border */
a:active, a:focus {
   outline:  none;
   ie-dummy: expression(this.hideFocus=true);
}

.anc {
	margin-top: -32px;
    padding-top: 32px;
}

/* ボタン */
.btn {
	display: block;
	background-repeat: no-repeat;
}
.btn:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-webkit-transition: opacity .15s ease-in-out;
	background-color: white;/* 適用する要素の背景色を指定すること！firefox バグフックス */
}
.btn-inline {
	display: inline-block;
	background-repeat: no-repeat;
}
.btn-inline:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-webkit-transition: opacity .15s ease-in-out;
	background-color: white;/* 適用する要素の背景色を指定すること！firefox バグフックス */
}

/*//////////////////////////////////////////　ヘッダー　//////////////////////////////////////////*/
img {
	max-width: 100%;
	display: block;
}
/* ヘッダー */
header {
	border-top: 8px solid #189BBC;
}

/* サイトアイデンティティ */
#site-id {
	padding-bottom: 10px;
}
#header-logo {
	float: left;
	margin-top: 23px;
}
#site-address {
	float: right;
}
#tel {
	display: block;
	float: left;
	margin-top: 30px;
}
#btn-access {
	display: block;
	float: left;
	margin-top: 12px;
	margin-left: 20px;
}

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

/* ページトップ */
#pagetop {}
#btn-pagetop {
	display: block;
	width: 202px;
	height: 29px;
	margin: 100px auto 0;
}
#btn-pagetop > img {
	display: block;
}

/* footer */
footer {
	background-color: #189BBC;
	padding: 100px 0 40px;
}
#footer-id {
	margin-bottom: 25px;
}
#footer-logo {
	display: block;
	float: left;
}
#footer-tel {
	float: right;
	margin-top: 15px;
}
#footer-content {}
#footer-address {
	color: white;
	line-height: 150%;
	float: left;
}
#copyright {
	color: white;
	text-align: center;
	margin-top: 35px;
}


/*//////////////////////////////////////////　PC SP 切り分け　//////////////////////////////////////////*/

/* <div class="pc-block"> <br class="sp-inline"> */
.pc-block {
	display: block;
}
.sp-block {
	display: none;
}
.pc-inline {
	display: inline;
}
.sp-inline {
	display: none;
}

@media (max-device-width:640px){
.pc-block {
	display: none;
}
.sp-block {
	display: block;
}
.pc-inline {
	display: none;
}
.sp-inline {
	display: inline;
}
}/* /sp */

/*//////////////////////////////////////////　clearfix　//////////////////////////////////////////*/

/* <div class="cl"> <フロートしたコンテンツ> <フロートしたコンテンツ> </div> */
.cl:before, .cl:after {
	content: " ";
	display: table;
}
.cl:after {
	clear: both;
}
.cl {
 *zoom: 1;
	display: block;
}