@charset "UTF-8";

/* =======================================================================
	BASE_STYLE
======================================================================= */
html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	font-size: 100%;
	font-weight:normal;
	margin: 0;
	padding: 0;
	border: 0;
}
body {
	font-family: YuGothic, '游ゴシック', 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',  Osaka, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Tahoma, Verdana, Arial, Verdana, sans-serif;
	font-size:15px;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	word-wrap:
	break-word;
}
/* Clearfix */
.cf:after {
	content: "";
	clear: both;
	display: block;
}
#wrapper{
	width:100%;
	padding:0;
	margin:0;
}

/* ヘッダー */
header{
	width:100%;
	background:#1395DB;
}
header #header_inner{
	width:90%;
	line-height:1.0;
	padding:8px 0;
	margin:0 auto;
}
#header_inner img{
	width:230px;
	height:auto;
}

/* メイン */
main {}
main h3.color1{
	color:#FFF;
	font-size:22px;
	font-weight:bold;
	background:url("../images/h3_bg1.png") bottom center no-repeat;
	background-size:22%;
	padding-bottom:15px;
}
main h3.color2{
	color:#1393D9;
	font-size:22px;
	font-weight:bold;
	background:url("../images/h3_bg2.png") bottom center no-repeat;
	background-size:22%;
	padding-bottom:15px;
}
main a.link_btn{
	width:90%;
	line-height:60px;
	height:60px;
	font-size:19px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	display:block;
	text-align:center;
	background:#FA770C;
	margin:0 auto;
}
a.link_btn:hover{
	background:#FD5209;
}

/* メインビジュアル */
main .kv_area{
	width:100%;
	background:url("../images/mv_bg1.png") #020816 center no-repeat;
	background-size: cover;
	overflow:hidden;
}
.kv_area .kv_area_inner{
	width:94%;
	background:url("../images/mv_bg2.png") top right no-repeat;
	background-size: 30%;
	padding:15px 0 20px 0;
	margin:0 auto;
}
.kv_area_inner .kv_pic1{}
.kv_area_inner .kv_pic1 img{
	width:100%;
	height:auto;
}
.kv_area_inner .kv_pic2{
	padding:10px 0 20px 0;
}
.kv_area_inner .kv_pic2 img{
	width:107%;
	height:auto;
}
.kv_area_inner .kv_pic3{}
.kv_area_inner .kv_pic3 img{
	width:106%;
	height:auto;
}

/* 概要 */
main section.outline_area{
	width:100%;
	background:#f7f7f7;
}
section.outline_area .outline_area_inner{
	width:90%;
	text-align:left;
	padding:25px 0 1px 0;
	margin:0 auto;
}
.outline_area_inner p{
	margin-bottom:30px;
}
.outline_area_inner p br{
	display:none;
}
section.outline_area .outline_img img{
	width:100%;
	height:auto;
	margin:0 0 -10px 0;
}

/* 歴史 */
main section.history_area{
	width:100%;
	background:url("../images/s2_bg.png") #1394DA top right no-repeat;
	background-size: 50%;
}
section.history_area .history_area_inner{
	width:90%;
	color:#FFF;
	text-align:center;
	padding:25px 0;
	margin:0 auto;
}
.history_area_inner p{
	margin-top:30px;
}

/* 価値 */
main section.value_area{
	width:90%;
	text-align:center;
	padding:25px 0;
	margin:0 auto;
}
section.value_area h4{
	text-align:left;
	margin-top:25px;
}
section.value_area h4 br{
	display:none;
}
section.value_area .value_img{
	margin:25px 0 5px 0;
}
section.value_area .value_img img{
	width:100%;
	height:auto;
}
section.value_area .coin_area{
	background:#f7f7f7;
	padding:2% 1%;
}
.coin_area .coin_bx{
	float:left;
	width:40%;
	margin:2.5% 4%;
}
.coin_bx img{display:block;}
.coin_bx h5{
	font-weight:bold;
	line-height:1.0;
	margin:10px 0 3px 0;
}

/* 料金 */
main section.price_area{
	background:#f7f7f7;
	text-align:center;
	padding:25px 0 30px 0;
}
section.price_area .price_area_inner{
	width:90%;
	margin:0 auto;
}
.price_area_inner .price_img{
	margin:30px 0 0 0;
}
.price_area_inner .price_img img{
	width:90%;
	height:auto;
}
.price_area_inner p{
	margin-top:20px;
}

/* よくある質問 */
main section.qa_area{
	text-align:center;
	padding:25px 0 30px 0;
}
section.qa_area h3{
	margin-bottom:30px;
}
section.qa_area .qa_bx{
	width:90%;
	text-align:left;
	filter: drop-shadow(0px 1px 2px rgba(0,0,0,0.2));
	margin:20px auto 0 auto;
}
section.qa_area .qa_bx .q_area{
	color:#FFF;
	background: url("../images/s5_bg.png") #1393D9 right no-repeat;
	background-size:40%;
	padding:10px;
}
.q_area h4{
	line-height:1.4;
	font-weight:bold;
	min-height:34px;
	background: url("../images/s5_pic1.png") left no-repeat;
	background-size:24px;
	padding: 0 0 0 35px;
}
section.qa_area .qa_bx .a_area{
	background:#FFF;
	padding:15px;
}
section.qa_area .qa_bx .a_area br{display:none;}

/* 相談フォーム */
main section.form_area{
	background:#f7f7f7;
	text-align:center;
	padding:25px 0 30px 0;
	margin:0 auto;
}
section.form_area p{
	width:90%;
	font-weight:normal;
	text-align:left;
	margin:25px auto;
}
section.form_area p br{
	display:none;
}
section.form_area .thankstxt{
	text-align:left;
	margin:30px 0;
}
.thankstxt br{display:none;}
section.form_area table{
	width:90%;
	font-size:94%;
	text-align:left;
	border-collapse:collapse;
	border-spacing:1px;
	background:#FFF;
   	border-top: solid 1px #BBB;
   	border-right: solid 1px #BBB;
   	border-left: solid 1px #BBB;
	margin:0 auto;
}
section.form_area table th{
	width:100%;
	display:block;
	font-weight:normal;
	text-align:left;
    background:#f8f8f8;
   	border-bottom: solid 1px #BBB;
	padding:3%;
	margin:0;
}
section.form_area table td{
	width:100%;
	display:block;
   	border-bottom: solid 1px #BBB;
	padding:3%;
	margin:0;
}
section.form_area table label{
	display:block;
	margin:5px 0;
}
section.form_area table span.req{
	font-size:11px;
	line-height:1.0;
	letter-spacing: 1px;
	color:#FFF;
	background:#DF3340;
	display:inline-block;
	padding:3px 4px;
	margin-left:10px;
}
section.form_area table .contact_notes{
	font-size:87%;
	display:block;
	color:#555;
	margin-top:5px;
}

/* お問い合わせフォーム【フォームパーツ】 */
section.form_area input{
	font-size:15px;
	vertical-align:middle;
	padding:5px;
	margin:0;
}
section.form_area input[type="checkbox"],
section.form_area input[type="radio"]{
	border:1px solid #BBB;
	margin:-2px 5px 0 0;
}
section.form_area input[type="radio"]:checked{
	border:1px solid #BBB;
	background:#19283C;
}
section.form_area input[type="text"],
section.form_area input[type="number"]{
	font-size:15px;
	border:1px solid #BBB;
}
section.form_area input[type="number"]{
	font-size:15px;
	width:40%;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{
  -webkit-appearance: none;
  -moz-appearance:textfield;
  margin: 0;
}
section.form_area select{
	font-size:15px;
	max-width:100%;
	font-size:90%;
	text-align:left;
	border:1px solid #BBB;
	padding:2%;
}
section.form_area textarea{
	font-size:15px;
	width:100%;
	border:1px solid #BBB;
	margin-bottom:-8px;
}
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
    &::-webkit-search-decoration {
      display: none;
    }
    &::focus {
      outline-offset: -2px;
    }
}
/* お問い合わせフォーム【フォームボタン】 */
section.form_area .btnarea{}
.btnarea ul{
	list-style:none;
	text-align:center;
	margin:25px auto 0 auto;
}
.btnarea li{
	font-size:100%;
	font-weight:bold;
	color:#FFF;
	text-align:center;
}
.btnarea .conbtn1{
	font-size:17px;
	color:#FFF;
	width:80%;
	height:55px;
	display:block;
	cursor: pointer;
	border:0;
	background:#1392D8;
	margin:5% auto;
}
.btnarea .conbtn2{
	font-size:17px;
	color:#FFF;
	width:80%;
	height:55px;
	display:block;
	cursor: pointer;
	border:0;
	background:#FA770C;
	margin:5% auto;
}

/* フッター */
footer{
	color:#FFF;
	text-align:center;
	background:#000;
}
footer p.footer_logo{
	line-height:1.0;
	padding:20px 0;
	border-bottom:#333 1px solid;
}
p.footer_logo img{
	width:60%;
	height:auto;
}
footer .footer_inner{
	width:90%;
	margin:0 auto;
}
.footer_inner .footer1{
	width:100%;
	font-size:12px;
	display:block;
	padding:10px 0 0 0;
}
.footer1 b{
	font-size:14px;
	font-weight:bold;
	display:block;
}
.footer_inner .footer2{
	width:100%;
	display:block;
	font-size:12px;
	padding:10px 0 15px 0;
}