@charset "shift-JIS";
@import url("font.css");
@import url("animate.css");
@import url("nav.css");
@import url("fv.css");
@import url("top.css");
@import url("about.css");
@import url("content.css");
@import url("cost.css");
@import url("case.css");
@import url("voice.css");
@import url("qa.css");
@import url("flow.css");
@import url("form.css");
@import url("privacy.css");
@import url("link.css");
@import url("footer.css");
@import url("recruit.css");
@import url("content.css");


body {
	background-color: #fff;
	font: 14px/180%  "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	 -webkit-text-size-adjust: 100%;
	color: #000;
	text-align: left;
}
div, p {
	margin: 0;
	padding: 0;
 }
ul, li { list-style: none;margin: 0;padding: 0 }
img {
	vertical-align: bottom;
	border: 0;
}

/* アンカー */
a,a:link { color: #0050a3; text-decoration: underline; }
a:hover{ color: #59b1eb; text-decoration: underline; }
a:focus { outline: none; }
a img { border-style: none; }

a:hover img {
	opacity: .6;
	-webkit-opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=60)"; /* IE 8 */
}
a img {
	-webkit-transition: opacity 0.2s ease-out;
	-moz-transition: opacity 0.2s ease-out;
	-ms-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}
/* @end */

/* clearFix */
.cf:before,
.cf:after {
	content: " ";
    display: table;
}
.cf:after {
	clear: both;
}
.cf {
    *zoom: 1;
}
/* @end */

/* ライン */
hr {
    border: none;
    border-bottom: 1px #aaaaaa dotted;
    width : 100%;
}
/* @end */

/* カラー */
.blue_l {
	color: #7cc8e8;
}
.blue_d {
	color: #0050a3;
}
/* @end */

/* font 書体 */
/* はんなり */
.main_min_140 {
	font: 140%/150% "hannari", "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	letter-spacing: 0.1em;
}
.main_min_130 {
	font: 130%/150% "hannari", "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	letter-spacing: 0.1em;
}
.main_min_120 {
	font: 120%/130% "hannari", "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.main_min_110 {
	font: 110%/150% "hannari", "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
.uc {
	font: 100%/130% "hannari", "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}
/* @end */

/* 記号、小文字など */
.kaku {
	font-size: 85%;
	color: #a7aeb8;
}
.note {
	font-size: 90%;
	line-height: 140%;
}
.marker_s {
background: linear-gradient(transparent 70%, rgba(122,199,232,0.7) 70%);
}
.marker_b {
background: linear-gradient(transparent 0%, rgba(122,199,232,0.5)  0%);
}
/* @end */



/* トップに戻る */
.pagetop {
    display: none;
    position: fixed;
    bottom: 15px;
    right: 40px;
    z-index: 2000;
}
.pagetop a {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    padding: 8px 14px;
 	background-color:rgba(0,80,163,0.5);
	border-radius: 30px;
}
.pagetop a:hover {
    display: block;
    color: #fff;
 	background-color:rgba(0,80,163,0.3);
	border-radius: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
/* @end */

/* お問い合わせ */
.inquiry_box {
	width: 840px;
	height: 134px;
	margin: 0 3%;
	padding: 25px 0 0 0;
	text-align: center;
	border: 3px #7cc8e8 solid;
	border-radius: 8px;
}
.inquiry_left {
	float: left;
	width: 29%;
	text-align: center;
}
.inquiry_left img {
	margin-top: 13px;
	width: 230px;
}
.inquiry_mid {
	float: left;
	width: 37%;
	text-align: left;
}
.inquiry_mid_tel img {
	display: block;
	margin-top: -5px;
	width: 310px;
}
.inquiry_mid_tel_sma p {
	display: none;
}
.inquiry_mid_tel_sma img {
	display: none;
}
.inquiry_right {
	float: left;
	width: 34%;
	text-align: left;
}
.inquiry_right img {
	width: 262px;
}
/* @end */

/* main ヘッダーイメージ */
#main_header {
	margin-left: 240px;
	height: 300px;
	background-position:left top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}
/* @end */


/* main タイトル */
#main_top {
	width: 100%;
	height: 80px;
	background: #7cc8e8;
}
#main_top_title {
	max-width: 960px;
	padding: 23px 0 0 240px;
	margin: 0 auto;
	text-align: left;
}
/* @end */

/* main 見出し */
#main h1 {
	font: 180%/160% "hannari", "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	letter-spacing: 0.1em;
	color: #fff;
	padding-left: 32px;
}
#main h2 {
	width : 100%;
	padding-bottom: 6px;
	text-align: left;
	font: 130%/130% "hannari", "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	letter-spacing: 0.08em;
	color: #0050a3;
	border: none;
	border-bottom: 1px #0050a3 solid;
}
#main h2 br{
	display: none;
}
#main h3 {
	width : 100%;
	text-align: left;
	font: 130%/150% "hannari", "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	letter-spacing: 0.08em;
	color: #838383;
	border: none;
	border-bottom: 1px #686868 dotted;
	margin: 30px 0 10px 0;
}
#main h3 br{
	display: none;
}
#main h4 {
	width : 94%;
	font-size: 110%;
	color: #000;
	border: none;
	border-bottom: 1px #686868 dotted;
	margin: 5px 0 10px 15px;
}
#main h5 {
	width : 94%;
	font-size: 105%;
	font-weight: normal;
	color: #000;
	margin:  0 0 3px 0;
	text-align: center;
}
#main h6 {
	width : 100%;
	font-size: 110%;
	color: #000;
	border: none;
	border-bottom: 1px #686868 dotted;
	margin: 5px 0 10px 0;
}
#main h6 br {
	display: none;
}

/* @end */

#main_content {
	max-width: 960px;
	padding-left: 240px;
	margin: 0 auto;
}

/* セクション */
section {
	padding: 0 32px 50px 32px;
	font-size: 110%;
	line-height: 160%;
}
section img{
	width: 100%;
}
.section_box{
	width: 100%;
}
/* @end */



/* 1200px以下 */
@media screen and (max-width:1200px){
/* main ヘッダーイメージ */
#main_header {
	height: 250px;
}
/* @end */

/* お問い合わせ */
.inquiry_box {
	width: 94%;
	height: 100%;
	padding: 25px 0;
}
.inquiry_left {
	width: 28%;
	padding-left: 1%;
}
.inquiry_left img {
	margin-top: 13px;
	max-width: 230px;
	width: 100%;
}
.inquiry_mid {
	width: 37%;
}
.inquiry_mid_tel img {
	display: block;
	margin-top: -5px;
	max-width: 310px;
	width: 100%;
}

.inquiry_right {
	width: 31%;
	padding-right: 3%;
}
.inquiry_right img {
	max-width: 262px;
	width: 100%;
}
/* @end */
}
/* 1200px以下 end */


/* 960px以下 */
@media screen and (max-width:960px){
/* main ヘッダーイメージ */
#main_header {
	margin-left: 0;
	margin-top:63px;
}
/* @end */

/* main タイトル */
#main_top_title {
	padding: 23px 0 0 0;
}
/* @end */

#main_content {
	width: 100%;
	padding-left: 0;
}
}
/* 960px以下 end */


/* 600px以下 */
@media screen and (max-width:600px){
img {
	width: 100%;
}
a:hover img {
	opacity:1.0;
	filter: alpha(opacity=100);			/* ie lt 8 */
	-ms-filter: "alpha(opacity=100)";	/* ie 8 */
	-moz-opacity:1.0;						 /* FF lt 1.5, Netscape */
	-khtml-opacity: 1.0;					/* Safari 1.x */
	zoom:1;
}


/* トップに戻る */
.pagetop a {
    display: none;
}
/* @end */

/* main ヘッダーイメージ */
#main_header {
	margin-left: 0;
	margin-top:0;
	width: 100%;
	height: 180px;
	-moz-background-size:cover;
	background-size:cover;
}
/* @end */

/* main タイトル */
#main_top_title {
	text-align: center;
}
/* @end */

/* main 見出し */
#main h1 {
	font: 160%/160% "hannari", "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	padding-left: 0;
}
#main h2 {
	text-align: center;
}
#main h3 {
	text-align: center;
}
#main h5 {
    width : 100%;
    font-size: 105%;
    font-weight: normal;
	color: #000;
    margin:  0 0 3px 0;
    text-align: center;
}
/* @end */

/* セクション */
section {
	padding: 0 7% 50px 7%;

}
/* @end */

/* お問い合わせ */
.inquiry_box {
	width: 60%;
	margin: 0 auto;
	padding: 5px 10% 30px 10%;
}
.inquiry_left {
	float: none;
	width: 100%;
	padding: 0;
	text-align: center;
}
.inquiry_left img {
	max-width: 200px;
}
.inquiry_mid {
	float: none;
	width: 100%;
	padding: 0 0 015px 0;
	text-align: center;
}
.inquiry_mid_tel img {
	display: none;
}
.inquiry_mid_tel_sma p {
	display: inline-block;
	line-height: 130%;
}
.inquiry_mid_tel_sma img {
	display: inline-block;
	max-width: 262px;
	width: 100%;
	padding-bottom: 10px;
}

.inquiry_right {
	float: none;
	width: 100%;
	padding: 15px 0 0 0;
    border-top: 1px #686868 dotted;
   	text-align: center;
}
/* @end */
}
/* 600px以下 end */


/* 480px以下 */
@media screen and (max-width:480px){
#main h2 br{
	display: block;
}
#main h3 br{
	display: block;
}
#main h6 {
	width: 95%;
    font-size: 100%;
    line-height: 130%;
    text-align: center;
    padding-bottom: 5px;
}
#main h6 br {
	display: block;
}
/* お問い合わせ */
.inquiry_box {
	width: 82%;
	padding: 10px 6% 20px 6%;
}
.inquiry_mid_tel_sma p {
	font-size: 90%;
}
.inquiry_left img {
	max-width: 180px;
}
/* @end */
}
/* 480px以下 end */