@charset "UTF-8";

/* ==============================================================
サイト全体
============================================================== */
html {
	margin:			0;
	padding:		0;
	overflow-y:		scroll;
	-moz-text-size-adjust:		none;/* スマホ文字サイズ自動調整 */
	-webkit-text-size-adjust:	100%;
}
body	{
	margin: 0;
	font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
	font-size: 16px;
	font-weight:	400;
	line-height:	160%;
	text-align: center;
	color: #444;
	overflow: hidden;/*スマホ用*/}
img{/*画像 縦配置時の隙間なくす*/
	vertical-align:	middle;
	/*画像枠をつけない*/
	border-style:none;
}
a:hover img {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
p {
text-align: justify;
}
p.s_left {
    text-align: center;
  }
* {
margin: 0;
padding: 0;
}
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
overflow:hidden;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.right{
	float:right;
}
.left{
	float:left;
}
/* ---------------------------------------------------------------------------------------------

　   hr

--------------------------------------------------------------------------------------------- */
hr {
	border-width: 1px 0px 0px 0px; /* 太さ */
	border-style: solid; /* 線種 */
	border-color: #9C0; /* 線色 */
	height: 1px; /* 高さ */
    max-width: 100%;
clear:both;
margin: 20px 0px;
}
.cont{
max-width:980px;
margin:0 auto;
padding:0
}
@media only screen and (max-width: 980px) {
.cont {padding: 0 3%;margin: 0 auto;clear: both;max-width: 100%;}
}
/* ---------------------------------------------------------------------------------------------

　  全体フェードイン

--------------------------------------------------------------------------------------------- */
body {
 animation: fadeIn 1.5s ease 0s 1 normal;
    -webkit-animation: fadeIn 1.5s ease 0s 1 normal;
} 
@keyframes fadeIn { /*上のbody内で呼び出しているアニメーションと名前をそろえる*/
    0% {opacity: 0} /* 始め */
    100% {opacity: 1} /* 終わり */
}
/*古いブラウザ用*/
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
/* ---------------------------------------------------------------------------------------------

　   header

--------------------------------------------------------------------------------------------- */
#top{
	border-top:5px solid #118232;
	text-align:left;
}
#hd .box2 span{
	font-size:85%;
	padding-top:2%
	}
/* mobile */
@media screen and (min-width: 320px) {

	#hd{
		margin:0 auto;
		width:95%;
	}
	#page_cts{
		margin-bottom:40px;
	}

	#top_s{
		margin:0 auto;
		width:100%;
	}
	#top_bn .in{
		margin:0 auto;
		width:90%;
	}


	#hd .box1{
		margin-top:20px;
		text-align:center;
		width:100%;
	}
	
	#hd .box2{
		display:none;
	}}
/* tablet */
@media screen and (min-width: 768px) {

	#hd .box1{
		float:left;
		margin:0;
		padding:30px 0 0 0;
		width:354px;
		height:68px;
		text-align:left;
	}
	#hd .box2{
		display:block;
		float:right;
		padding:25px 0 0 0;
	}
}
/* pc */
@media screen and (min-width: 992px) {
	body{
		background:#FFF;
	}

	#hd{
		margin:0 auto;
		width:980px;
	}
}

@media screen and (max-width: 768px) {
#hd .box1 img {
width:100%;
max-width: 100%;
height: auto;
}}
/* ---------------------------------------------------------------------------------------------

　   お問い合わせ

--------------------------------------------------------------------------------------------- */
.otiawase{
	background: #e7510b;
}
.otiawase_img {padding:20px 0;
max-width: 100%;
	height: auto;}
.otiawase_img_right {padding:10px 0;
max-width: 100%;
	height: auto;}
@media (max-width: 767px) {
.otiawase_img {padding:10px 0}
}
@media screen and (min-width: 992px) {
.otiawase_img_right {float:right;padding:20px 0 0 0;}
}


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

　   pagetop

--------------------------------------------------------------------------------------------- */
#page-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    font-size: 130%;
}
#page-top a {
    background: #888;
    text-decoration: none;
    color: #fff;
    width: 50px;
    padding: 10px 0 12px 0;
    text-align: center;
    display: block;
    border-radius: 30px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
/* ---------------------------------------------------------------------------------------------

　 tex

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

.tex {
width: 100%;
font-size:1.05em;
line-height: 2em;
text-align:justify;
margin:3% 0
}
.tex img {
border: 0;
margin: 0 auto;
max-width: 100%;
	height: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.tex img a {
border: 0;
}
.tex a:hover img {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
@media only screen and (max-width: 767px) {
.tex{
font-size:100%;
line-height:1.8em;
}
.tex img {
margin:0 auto;
display:block;
padding-bottom:20px;
}
}
/* ---------------------------------------------------------------------------------------------

　 footer

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

#ft{
	padding:25px 0;
	text-align: left;
}
#ft img{
x-width: 100%;
height: auto;;
}

.boxA:after	{content: "";

	display: block;

	clear: both}

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

.f_box2	{float: left;

	width: 48%}
.f_box3	{float: right;

	width: 48%}


}
.f_box2 img,
.f_box3 img{
	margin-bottom:3%
}
@media only screen and (max-width: 979px) {
.f_box2	{
	margin-bottom:5%}
}