@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* ===============================================

reset

=============================================== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; background:#fff;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
nav ul, li { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
img { vertical-align: bottom; }

/* ===============================================

PC

=============================================== */
/* basic
===============================================*/
* { box-sizing: border-box; }
html { margin: 0; padding: 0; font-size: 100%; font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
body { font-size: 18px; color: #454545; text-align: center; line-height: 1.5; background:#fff;}
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
.cf {*zoom: 1; }
.pc { display: block; }
.sp { display: none; }
.b { font-weight: bold; }
.u { text-decoration: underline; }
.red { color: #d00; }
.orange { color: #ff5400; }
.blue { color: #0969a7; }
.large { font-size: 120%; }
.box01 { background: url(../img/nayami_img01.png) no-repeat 101% bottom, url(../img/bg03.jpg) repeat; width: 960px; margin: 0 auto 1em; padding: 30px 50px; border-radius: 10px; -webkit-box-shadow: 0px 2px 13px 0px #0077a8; box-shadow: 0px 2px 13px 0px #0077a8; }
.box02 { background: url(../img/bg03.jpg); width: 960px; margin: 0 auto; padding: 50px; border-radius: 10px; box-shadow: 0px 0px 0px 9px #4c3600 inset, 0px 0px 0px 10px #4c3600 inset, 0px 2px 13px 0px #4c3600; -moz-box-shadow: 0px 0px 0px 9px #4c3600 inset,0px 0px 0px 10px #4c3600 inset, 0px 2px 13px 0px #4c3600; -webkit-box-shadow: 0px 0px 0px 9px #fbfbfb inset, 0px 0px 0px 10px #4c3600 inset, 0px 2px 13px 0px #4c3600; }
.box03 { background: url(../img/bg03.jpg); width: 960px; margin: 2em auto 0; padding: 50px; border-radius: 10px; box-shadow: 0px 2px 13px 0px #ffc939; -moz-box-shadow: 0px 2px 13px 0px #ffc939; -webkit-box-shadow: 0px 2px 13px 0px#4c3600; }
.box04 { background: url(../img/bg03.jpg); width: 960px; margin: 0 auto; padding: 50px; border-radius: 10px; box-shadow: 0px 0px 0px 9px #fbfbfb inset, 0px 0px 0px 10px #d6d6d6 inset, 0px 2px 13px 0px #63c004; -moz-box-shadow: 0px 0px 0px 9px #fbfbfb inset,0px 0px 0px 10px #d6d6d6 inset, 0px 2px 13px 0px #4c3600; -webkit-box-shadow: 0px 0px 0px 9px #fbfbfb inset, 0px 0px 0px 10px #4c3600 inset, 0px 2px 13px 0px #040087; }
.box05 { background: url(../img/bg03.jpg); width: 960px; margin: 2em auto 0; padding: 50px; border-radius: 10px; box-shadow: 0px 2px 13px 0px #01aee2; -moz-box-shadow: 0px 2px 13px 0px #01aee2; -webkit-box-shadow: 0px 2px 13px 0px #87005c; }
.box06 { background: url(../img/bg03.jpg); width: 960px; margin: 0 auto; padding: 50px; border-radius: 10px; box-shadow: 0px 0px 0px 9px #fbfbfb inset, 0px 0px 0px 10px #d6d6d6 inset, 0px 2px 13px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 0px 9px #fbfbfb inset,0px 0px 0px 10px #d6d6d6 inset, 0px 2px 13px 0px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 0px 9px #fbfbfb inset, 0px 0px 0px 10px #d6d6d6 inset, 0px 2px 13px 0px rgba(0,0,0,0.4); }
.box07 { background: url(../img/bg03.jpg); width: 860px; margin: 0 auto; padding: 50px; border-radius: 10px; box-shadow: 0px 0px 0px 9px #fbfbfb inset, 0px 0px 0px 10px #e9bb7b inset, 0px 2px 13px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 0px 9px #fbfbfb inset,0px 0px 0px 10px #e9bb7b inset, 0px 2px 13px 0px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 0px 9px #fbfbfb inset, 0px 0px 0px 10px #e9bb7b inset, 0px 2px 13px 0px rgba(0,0,0,0.4); }
.w960 { width: 960px; margin: 0 auto; }
p, li { text-align: left; }
p.note { margin: 1.5em 0; position: relative; background: linear-gradient(#dadada 1px, transparent 1px) 20px 24px; background-size: 100% 1.5em; line-height: 1.5em; text-align: center; font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: bold; text-align: left; }
ul.check01 li { background: url(check01.png) no-repeat left 0.3em, url(../img/check_hr.png) no-repeat bottom; padding: 0.3em 0 0.7em 60px; font-size: 25px; font-weight: bold; }
ul.check02 li { background: url(check02.png) no-repeat left 0.3em ; padding: 0.5em 0 0.5em 60px; font-size: 25px; font-weight: bold; }
img.arrow { padding: 20px 0; display: block; margin: 0 auto;}
img.img__right { float: right; margin: 0 0 0 0.5em; }
img.img__center { margin: 0 auto; }
hr { border: none; background: url(../img/check_hr.png); height: 5px;  margin: 2em 0; }
.youtube { position: relative; width: 100%; padding-top: 56.25%; margin: 1em 0 0;}
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
#jb {
    background: url(../img/bg02.jpg);
    padding: 1.5em 0;
}


/* header
===============================================*/
header{ background: url(../img/bg01.jpg);}
header h2{ background: url(../img/header_bg.png) bottom center no-repeat;}

/* section
===============================================*/
.sub-head { background: url(../img/sub_bg.png) top center; height: 220px; padding: 25px 0 0; }
#suisen { background: url(#) no-repeat center 5%, url(../img/suisen_bg03.png) no-repeat center 95%, url( ../img/suisen_bg01.jpg); padding: 60px 0; background-attachment: fixed;
  background-size: cover;
  background-position: center;}
#nayami { background: url(../img/bg04.png) no-repeat center top; }
#anshin { background: url(../img/nayami_bg.png) no-repeat top center; margin: 40px 0 70px; }
#anshin .anshin__box h4 { margin: 0 0 2em; }
#anshin .anshin__box + .anshin__box { margin: 2.5em 0 0; }
#voice { background: url(../img/bg05.jpg); padding: 60px 0 80px;}
#reason { background: url( ../img/reason_sub_bg.jpg) no-repeat center 120px; margin: 70px 0 20px; }
#reason h3 { margin: 2.5em 0 1em; }
#reason .reason__box h4 { margin: 0 0 2em; }
#reason .reason__box + .reason__box { margin: 2.5em 0 0; }
#offer { background: url(../img/bg06.jpg) no-repeat top center; }
#profile { background: url(../img/bg07.jpg); padding: 0 0 60px; margin: 40px 0 0; }
#profile .profile__wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
#profile .profile__wrap img { padding: 20px 0; }
#map { padding: 30px 0 10px; }
#map h3 { margin: 0 0 10px; }
#map iframe { width: 100%; height: 600px; margin: 0 0 2em; }
#price { background: url(../img/price_bg.jpg) no-repeat top center; padding: 100px 0 70px; }
#price p { /*width: 560px;*/ margin: 0 0 3em; }
#qa { background: url(../img/bg09.jpg); padding: 0 0 60px;}
#qa .qa__box { padding: 25px 0; }
#qa .question { background: url(question.png) no-repeat left top; position: relative; padding: 10px 0 20px 80px; border-bottom: 2px solid #eed9a7; text-align: left;  font-size: 30px; font-weight: bold; color: #ff0066; }
#qa .answer { background: url(answer.png) no-repeat left 12px; position: relative; min-height: 75px; padding: 27px 0 0 80px; text-align: left; font-size: 20px; }
#flow { padding: 0 0 40px; }
#flow .w960 img { margin: 2em 0; }
#tsuishin { display: block; background: url(../img/bg08.jpg); padding: 70px 0;}
#contact { }

/* form
===============================================*/
.form__area { padding: 60px 0 40px; }
.form__area2 { padding: 0 0 40px; }
.form__btn { margin-left: auto; margin-right: auto; width: 100%; position : relative; overflow : hidden; }
.form__btn a { padding: 0.5em 0; }
.hvr-wobble-vertical { vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;}
.hvr-wobble-vertical:active, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:hover { -webkit-animation-name: hvr-wobble-vertical;animation-name: hvr-wobble-vertical;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;}
.reflection { height : 100%; width : 30px; position : absolute; top : -180px; left : 0px; background-color: #fff; opacity : 0; transform: rotate(45deg); animation: reflection 2s ease-in-out infinite; -webkit-transform: rotate(45deg); -webkit-animation: reflection 2s ease-in-out infinite; -moz-transform: rotate(45deg); -moz-animation: reflection 2s ease-in-out infinite; -ms-transform: rotate(45deg); -ms-animation: reflection 2s ease-in-out infinite; -o-transform: rotate(45deg); -o-animation: reflection 2s ease-in-out infinite; cursor: pointer; }

.form_per * { text-align: left; }
.form_per h3 { position: relative; display: inline-block; padding: 0 130px; margin: 0 auto; font-size: 30px; left: 50%; transform: translateX(-50%); }
.form_per h3:before, .form_per h3:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 100px; height: 3px; border-top: solid 1px #fff; border-bottom: solid 1px #fff; }
.form_per h3:before { left: 0; }
.form_per h3:after { right: 0; }
.form_per__wrap { width: 960px; margin:0 auto 2em; padding: 30px; }
.form_per__box { padding: 0 0 1em; }
.form_per__box-half, .form_per__box-third { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: space-between; }
.form_per__box-half > .form_per__box { flex-basis: 47%; }
.form_per__box-third > .form_per__box { flex-basis: 30%; }
.form_per__caution { padding: 0.5em 0; font-weight: normal; font-size: 12px; line-height: 1.2; }
.form_per__must { position: relative; padding: 2px 5px; margin: 0 0 5px 1em; background: #d0282a; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #FFF; text-align: center; letter-spacing: 0.1em; font-size: 14px; font-weight: normal; }
.form_per__result { border: 2px solid #0088c9; margin: 0 auto 2rem; padding: 20px; }
.form_per__result li { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; padding: 0.2em 0; border-bottom: 1px dotted #aaa; font-size: 18px; }
.form_per__result p:nth-child(odd) { flex-basis: 70%; font-weight: normal; }
.form_per__result p:nth-child(even) { flex-basis: 30%; text-align: right;  color: #d0282a; font-size: 22px; }
.form_per__result_price { text-align: right; color: #d0282a; font-size: 25px!important; border-bottom: none!important; }
.form_per__kiyaku { background: #ccc; text-align: center; font-size: 15px; }
.form_per label { display: block; padding: 0 0 5px; font-size: 18px; }
.form_per input[type="text"], .form_per input[type="email"], .form_per input[type="tel"], .form_per input[type="number"], .form_per select, textarea { background: #f5f5f5; width: 98%; padding: 0.5em 0.3em; border: 2px solid #ccc; border-radius: 5px; font-size: 17px; font-family: inherit; transition: all 0.2s ease; }
.form_per input:focus { background: #fff7ca; border-color: #0088c9; -webkit-box-shadow: 0px 2px 0px #0088c9; box-shadow: 0px 2px 0px #0088c9; }
.form_per input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; background: #00a81e; width: 100%; margin: 0 auto 1em; border: 3px solid #00a81e; border-radius: 50px; color: #fff; font-weight: bold; font-size: 35px; font-family: inherit; padding: 0.5em 0; transition: all 0.2s ease; cursor: pointer; -webkit-box-shadow: 0px 6px 0px #006612; box-shadow: 0px 6px 0px#006612; text-align: center; }
.form_per input[type="submit"]:hover { background: #333; border: 3px solid #333; -webkit-box-shadow: 0px 6px 0px #000; box-shadow: 0px 6px 0px #000; }
::-webkit-input-placeholder { color: #aaa; }
::-moz-placeholder { color: #aaa; opacity: 1; }

/*@keyframes reflection {
	0% { transform: scale(0) rotate(45deg);opacity: 0;}
	80% { transform: scale(0) rotate(45deg);opacity: 0.25;}
	81% { transform: scale(10) rotate(45deg);opacity: 0.35;}
	100% { transform: scale(75) rotate(45deg);opacity: 0;}
}
@-webkit-keyframes reflection {
	0% { -webkit-transform: scale(0) rotate(45deg);opacity: 0;}
	80% { -webkit-transform: scale(0) rotate(45deg);opacity: 0.25;}
	81% { -webkit-transform: scale(10) rotate(45deg);opacity: 0.35;}
	100% { -webkit-transform: scale(75) rotate(45deg);opacity: 0;}
}
@-moz-keyframes reflection { 
	0% { -moz-transform: scale(0) rotate(45deg);opacity: 0;}
	80% { -moz-transform: scale(0) rotate(45deg);opacity: 0.25;}
	81% { -moz-transform: scale(10) rotate(45deg);opacity: 0.35;}
	100% { -moz-transform: scale(75) rotate(45deg);opacity: 0;}
}
@-ms-keyframes reflection {
	0% { -ms-transform: scale(0) rotate(45deg);opacity: 0;}
	80% { -ms-transform: scale(0) rotate(45deg);opacity: 0.25;}
	81% { -ms-transform: scale(10) rotate(45deg);opacity: 0.35;}
	100% { -ms-transform: scale(75) rotate(45deg);opacity: 0;}
}
@-o-keyframes reflection {
	0% { -o-transform: scale(0) rotate(45deg);opacity: 0;}
	80% { -o-transform: scale(0) rotate(45deg);opacity: 0.25;}
	81% { -o-transform: scale(10) rotate(45deg);opacity: 0.35;}
	100% { -o-transform: scale(75) rotate(45deg);opacity: 0;}
}*/

/* footer
===============================================*/
footer { background: #070038; }
.footer_logo { flex-basis: 30%; padding: 0 1em 0 0; }
.footer_logo img { width: 100%; }
.footer_txt { line-height: 1.9; font-size: 12px; text-align: left; }
#footer__wrap { width: 960px; margin: 0 auto; font-size: 80%; padding: 2em 0; display: flex; justify-content: center; }
#footer__wrap li { display: inline-block; border-left: 1px solid #aaa; padding: 0 1em 0; }
#footer__wrap li:first-child { border: none; padding: 0 1em 0 0; }


/* ===============================================

SP

=============================================== */
@media screen and (max-width: 780px) {
	/* basic
	===============================================*/
	body { font-size: 4vw; }
	.pc { display: none; }
	.sp { display: block; }
	.box01 { background: url(../img/bg03.jpg); width: 95vw; margin: 0 auto 1em; padding: 4vw; border-radius: 3px; -webkit-box-shadow: 0px 2px 13px 0px #0077a8; box-shadow: 0px 2px 13px 0px #0077a8; }
	.box02 { background: url(../img/bg03.jpg); width: 95vw; margin: 0 auto; padding: 8vw; border-radius: 3px; box-shadow: 0px 0px 0px 9px #4c3600 inset, 0px 0px 0px 10px #4c3600 inset, 0px 2px 13px 0px #4c3600; -moz-box-shadow: 0px 0px 0px 9px #fbfbfb inset,0px 0px 0px 10px #d6d6d6 inset, 0px 2px 13px 0px #ffc939; -webkit-box-shadow: 0px 0px 0px 9px #fbfbfb inset, 0px 0px 0px 10px #4c3600 inset, 0px 2px 13px 0px#4c3600; }
	.box03 { background: url(../img/bg03.jpg); width: 95vw; margin: 1em auto 0; padding: 4vw; border-radius: 10px; box-shadow: 0px 2px 13px 0px #ffc939; -moz-box-shadow: 0px 2px 13px 0px #4c3600; -webkit-box-shadow: 0px 2px 13px 0px#4c3600; }
	.box04 { background: url(../img/bg03.jpg); width: 95vw; margin: 0 auto; padding: 4vw; border-radius: 10px; box-shadow: 0px 0px 0px 9px #fbfbfb inset, 0px 0px 0px 10px #d6d6d6 inset, 0px 2px 13px 0px #63c004; -moz-box-shadow: 0px 0px 0px 9px #fbfbfb inset,0px 0px 0px 10px #d6d6d6 inset, 0px 2px 13px 0px #63c004; -webkit-box-shadow: 0px 0px 0px 9px #fbfbfb inset, 0px 0px 0px 10px #4c3600 inset, 0px 2px 13px 0px #ffb400; }
	.box05 { background: url(../img/bg03.jpg); width: 95vw; margin: 2em auto 0; padding: 4vw; border-radius: 10px; box-shadow: 0px 2px 13px 0px #01aee2; -moz-box-shadow: 0px 2px 13px 0px #01aee2; -webkit-box-shadow: 0px 2px 13px 0px #006623; }
	.box06 { background: url(../img/bg03.jpg); width: 95vw; margin: 0 auto; padding: 4vw; border-radius: 10px; box-shadow: 0px 0px 0px 9px #fbfbfb inset, 0px 0px 0px 10px #d6d6d6 inset, 0px 2px 13px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 0px 9px #fbfbfb inset,0px 0px 0px 10px #d6d6d6 inset, 0px 2px 13px 0px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 0px 9px #fbfbfb inset, 0px 0px 0px 10px #d6d6d6 inset, 0px 2px 13px 0px rgba(0,0,0,0.4); }
	.box07 { background: url(../img/bg03.jpg); width: 95vw; margin: 0 auto; padding: 8vw; border-radius: 10px; box-shadow: 0px 0px 0px 9px #fbfbfb inset, 0px 0px 0px 10px #e9bb7b inset, 0px 2px 13px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 0px 0px 9px #fbfbfb inset,0px 0px 0px 10px #e9bb7b inset, 0px 2px 13px 0px rgba(0,0,0,0.4); -webkit-box-shadow: 0px 0px 0px 9px #fbfbfb inset, 0px 0px 0px 10px #e9bb7b inset, 0px 2px 13px 0px rgba(0,0,0,0.4); }
	.w960 { width: 95%; margin: 0 auto; }
	img { max-width: 100%; }
	ul.check01 li { background: url(check01.png) no-repeat left 0.2em, url(../img/check_hr.png) no-repeat bottom; background-size: 8vw,auto; padding: 0.3em 0 0.7em 10vw; font-size: 4vw; }
	ul.check02 li { background: url(check02.png) no-repeat left 0.2em, url(../img/check_hr.png) no-repeat bottom left; background-size: 8vw,auto; padding: 0.25em 0 0.7em 10vw; font-size: 5vw; }
	img.arrow { width: 40vw; padding: 1em 0; display: block; margin: 0 auto;}
	img.img__right { float: none; margin: 0 0 1em; }
	hr { border: none; background: url(../img/check_hr.png); height: 5px;  margin: 1em 0; }
	
	/* header
	===============================================*/
	header h2 { background: none; }
	#jb { padding: 0.5em 0 1em; }
	
	/* section
	===============================================*/
	.sub-head { height: auto; -webkit-background-size: cover ; background-size: cover; padding: 1em 0 2em; }
	#suisen { background: url(../img/suisen_bg02.png) no-repeat center 1%, url(../img/suisen_bg03.png) no-repeat center 99%, url( ../img/suisen_bg01.jpg); padding: 2em 0; background-size: contain, contain, auto; }
	#nayami { background: url(../img/bg03.png) no-repeat center top; -webkit-background-size:cover ; background-size: cover; }
	#anshin { background: url(../img/nayami_bg_sp.png) no-repeat top center; -webkit-background-size: contain; background-size: contain; margin: 1em 0 2em; }
	.anshin__box h4 { margin: 0 0 1em; }
	.anshin__box + .anshin__box { margin: 2.5em 0 0; }
	#voice { padding: 2em 0; }
	#reason { margin: 2em 0; background: url(../img/reason_sub_bg_sp.jpg) no-repeat center 2em; -webkit-background-size: contain; background-size: contain; }
	#reason h3 { margin: 1.5em 0 1em; }
	#offer { background-size: 150%; }
	#profile { margin: 0; padding: 0 0 2em; }
	#profile .profile__wrap img { width: 100%; height: 100%; padding: 0.7em 0; }
	#map { padding: 0 0 10px; }
	#map h3 { margin: 0 0 10px; }
	#map iframe { width: 100%; height: 50vh; margin: 0 0 2em; }
	#price { background: url( ../img/price_bg_sp.jpg) no-repeat top center; padding: 3em 0; -webkit-background-size: contain; background-size: contain; }
	#price p { width: 100%; margin: 0 0 2em; }
	#qa { padding: 0 0 2em; }
	#qa .qa__box { padding: 0.5em 0; }
	#qa .question { background-size: 12%; font-size: 5.5vw; padding: 0.3em 0 0.3em 15%; min-height: 3em; }
	#qa .answer { background-size: 12%; font-size: 4vw; padding: 0.5em 0 0.5em 15%; }
	#flow { padding: 0 0 1em; }
	
	/* form
	===============================================*/
	.form_per__wrap { margin: 0 auto 2em;}
	.form__area { padding: 2em 0 1em; }
	.form__btn { width: 95vw; }
	.form_per h3 { font-size: 5vw; padding: 0 2em; }
	.form_per h3:before, .form_per h3:after { width: 10%; }
	.form_per__box-half, .form_per__box-third { flex-wrap: wrap; }
	.form_per__box-third > .form_per__box { flex-basis: 100%;}
	.form_per input[type="submit"] { font-size: 5.5vw; }
	
	/* footer
	===============================================*/
	footer { background:  #442c23; padding:0 0 0 0vh; }
	.footer_logo { flex-basis: 80%; padding: 0 0 1em 0; }
	#footer__wrap { flex-wrap: wrap; width: 90%; margin: 0 auto; font-size: 80%; padding: 2em 0; }
	#footer__wrap li { border-left: 2px solid #aaa; padding: 0 0.5em 0; margin: 0 0 0.3em; }
}


.square_btn{
display: inline-block;
padding: 0.5em 1em;
text-decoration: none;
background: #668ad8;
color: #FFF;
border-radius: 4px;
box-shadow: 0px 0px 0px 5px #668ad8;
border: dashed 1px #FFF;
}.square_btn:hover{
border: dotted 1px #FFF;
} 


h5{
position: relative;
padding: 0.5em;
background: orange;
color: white;
font-size:large;
}

h5::before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 15px transparent;
border-right: solid 20px rgb(149, 158, 155);
}



/**2018-12-12 fox **/

#scfooter {
display: none;
}




table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 650px;
  table-layout: fixed;
  color: #000;
}

table tr {
  background-color: #fff;
  padding: .35em;
  border-bottom: 1px solid #bbb;
}
table thead{
  border-bottom: 5px solid #ff9900;
}
table tr:last-child{
   border-bottom: none
}
table th,
table td {
  padding: 1em 10px 1em 1em;
  border-right: 1px solid #bbb;
}
table th:last-child,
table td:last-child{
    border: none;
}
tbody th {
    color: #ff9901;
}
.txt{
   text-align: left;
   font-size: .85em;
   text-align:center;
}
.price{
   text-align: right;
}
@media screen and (max-width: 600px) {
  table {
    border: 0;
    width:100%
  }
  table th{
    display: block;
    border-right: none;
    border-bottom: 5px solid #ff9901;
    padding-bottom: .6em;
    margin-bottom: .6em;

  }
  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  table tr {
    display: block;
    margin-bottom: 2em;
  }
  
  table td {
    border-bottom: 1px solid #bbb;
    display: block;
    font-size: .8em;
    text-align: right;
    position: relative;
    padding: .625em .625em .625em 4em;
    border-right: none;
  }
  
  table td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
  }
  
  table td:last-child {
    border-bottom: 0;
  }
}

@media screen and (max-width: 780px) {

#scfooter {
position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
line-height: 100px;
/* padding: 20px 0 25px 0; */
height: auto;
background: rgba(202, 202, 202, 0.7);
display: block;
}

.scfooter_inner {
width: 100%;
margin: 0 auto;
}

.scfooter_inner a {
color: #fff;
display: block;
text-align: center;
text-decoration: none;
border: 1px solid #979797;
border-radius: 51px;
margin: 0 auto 10px;
width: 98%;
padding: 10px 0 15px;
background: rgba(249, 110, 122, 1);
font-size: 30px;
line-height: 50px;
    }
}