@charset "utf-8";


/* スマホ用CSS */
@media screen and (max-width: 640px) {

img{
max-width: 100%;
height: auto;
width /***/:auto;
}

article, aside, dialog, figure, footer, header, menu, nav, section{
	display: block;
	margin:0;
	padding:0;
}
body{
	width:100%;
	line-height:1.5;
	font-size:16px;
	padding:0;
	margin:0 auto;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif, "メイリオ";
	color:#222;
}
ul, ol, dl,dt,dd,div,ol,ul,li{
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p{
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:100%;
}
li{list-style-type:none;}

textarea{font-size:100%;}

a{outline:none;border:0;}

img{vertical-align: middle;border:0;}

a:hover img,
.opa a:hover img,
input[type="image"]:hover{
	opacity:0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
a:link{color:#1b71b8;text-decoration:underline;}
a:visited{color:#1b71b8;text-decoration:underline;}
a:hover{color:#e50202;text-decoration:underline;}
a:active{color:#1b71b8;text-decoration:underline;}

/*位置と状態*/
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.cen{text-align:center;}
.r{text-align:right;}
.l{text-align:left;}
.bold{font-weight:bold;}

/*余白*/
.mb05em{margin-bottom:0.5em;}
.mb1em{margin-bottom:1em;}
.mb20{margin-bottom:20px;}
.mb2em{margin-bottom:2em;}
.mb3em{margin-bottom:3em;}
.mb5em{margin-bottom:5em;}
.s_bottom{margin-bottom:60px;}
.jisage{
	padding-left:1em;
	text-indent:-1em;
}
input[type="checkbox"],
input[type="text"],
select{
	margin:0 4px 0 0;
}
/* form */
button, fieldset, form, input, label, legend, select, textarea {
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	padding:0;
	vertical-align:middle;
}
.red{color:#f00;}
.f11{font-size:11px;}
.f14{font-size:14px;}
.f24{font-size:24px;}
/*-----------------------------------------------
header
-----------------------------------------------*/
header{
	width:100%;
	height:194px;
	background:url(../img/logo.png) no-repeat center 30px;
	white-space: nowrap;text-indent: 100%;overflow: hidden;
}
.mainimg{
	width:100%;
	height:auto;
	margin:0 auto 30px;
	background-color: #ffcc00;
	/*position:relative;*/
	overflow:hidden;
}
.main_text01{
	width:280px;
	height:114px;
	background:url(../img/main_text01.png) no-repeat;
	background-size: 100%;
	white-space: nowrap;text-indent: 100%;overflow: hidden;
	margin:14px auto;
}
.main_text02{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
.img_president{
	width:100%;
	height:327px;
	text-align:center;
	margin:0 0 30px 0;
}
ul.bk_mainimg{
	width:100%;
	height:auto;
	background:#eee;
	/*display: flex;
	flex-wrap: wrap;
	justify-content:*/
	overflow:hidden;
}
ul.bk_mainimg li{
	width:100%;
	height:auto;
	margin:0 auto 20px;
	padding:20px 0 0 0;
	text-align:center;
	/*word-break: break-all;*/
}
/*-----------------------------------------------
footer
-----------------------------------------------*/
footer{
	clear:both;
	width:100%;
	overflow:hidden;
}

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
}
#page-top a {
	display: block;
	width: 66px;
}
.copyright{
	color:#fff;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:12px;
	background:#074083;
}
footer a:link{color:#222; text-decoration:underline;}
footer a:visited{color:#222; text-decoration:underline;}
footer a:hover{color:#f00; text-decoration:underline;}
footer a:active{color:#222; text-decoration:underline;}

/*-----------------------------------------------
コンテンツ
-----------------------------------------------*/
.second_textarea_inner{
	width:94%;
	margin:0 auto 30px;
	font-size:15px;
}
dl.osusume_text{
	width:94%;
	margin:0 auto 30px;
	font-size:15px;
}
dl.osusume_text dt{
	font-weight:bold;
	margin:0 0 14px 0;
}

/*お問合せはこちら*/
.bk_contact{
	width:280px;
	height:318px;
	margin:0 auto 30px;
	background:url(../img/bk_contact_smp.png) no-repeat;
	position:relative;
}
.bk_contact p{
	height:200px;
	white-space: nowrap;text-indent: 100%;overflow: hidden;/*テキスト非表示*/
}
.bk_contact .btn_contact01{
	position:absolute;
	bottom:20px;
	left:74px;
}
/*画面下*/
.linkarea{
	width:100%;
	margin:0 auto 50px;
}
.linkarea:after{content: "";display: block;clear: both;}

.linkarea .le{
	float:none;
	width:96%;
	text-align:center;
	margin:0 auto 30px;
}
.linkarea .le img{
	margin:0 0 20px 0;
}
.linkarea .ri{
	float:none;
	width:90%;
	margin:0 auto;
}

}/* ←CSSの一番最後に記述 */