@charset "utf-8";

/* ------------------------------------ */
/* Reset */
/* ------------------------------------ */
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{margin:0;padding:0;border:0;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none;}
input, textarea{margin:0;padding:0;}
ol, ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}

/* ------------------------------------ */
/* Base */
/* ------------------------------------ */
html {}
body{color:#666;font:1.4rem/1.4  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;-webkit-text-size-adjust: none;}
img {border:0;vertical-align:bottom;max-width:100%;}
a {text-decoration:none;}
a:hover {}
a:visited {}
a:active,
a:focus {outline:none;}
.clearfix:after {content:"";clear:both;display:block;}
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition: all 0.5s ease;	-moz-transition: all 0.5s ease;word-break:break-all;}
.wrapper {width:2000px;max-width:100%;text-align:center;margin:0 auto;}
section {max-width:100%;width:640px;text-align:center;margin:0 auto;}

header {
	width: 100%;
	text-align: center;
	background: #fff;
}

.content {
    clear: both;
}

/* ------------------------------------ */
/* ボタン */
/* ------------------------------------ */

.apply {
    background-color: #fff;
    padding: 50px 0 50px;
    text-align: center;
	width:1400px;
}
.btn_pulse {
	margin-bottom: 0%;
	animation-duration: 1s;
	animation-iteration-count: 500;
	animation-name: pulse;
	max-width: 48%;
	padding:5px 10px;
}
.btn_btm_pulse {
	animation-duration: 1s;
	animation-iteration-count: 500;
	animation-name: pulse;
}
.btn {
	margin-bottom: 0%;
	max-width: 93%;
}

@-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); transform: scale(1);} 50% { -webkit-transform: scale(1); transform: scale(1);} 100% { -webkit-transform: scale(0.9); transform: scale(0.9);}}

@keyframes pulse { 0% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9);} 50% { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);} 100% { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9);}}
.pulse {  -webkit-animation-name: pulse;  animation-name: pulse;}


.cta_form_siryo {
	margin:3% auto 15%;max-width: 640px;width: 94%; padding-top:0;
    background: #ff8100;
	padding-bottom:8px;
}
.cta_form_soudan {
	margin:3% auto 15%;max-width: 640px;width: 94%; padding-top:0;
    background: #ff8100;
	padding-bottom:8px;
}
.cta_form2 {
    width: 96%;
    margin: 0 auto;
}
.cta_free {
	width: 100%;
	margin: 0 auto;
	padding: 20px 30px;
	font-size: 18px !important;
	color: #333;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #fff;}

@media (max-width:640px) {
	.cta_free {
		padding: 10px;
		font-size: 14px !important;
	}
}
.cta_free p {
    font-size: 1.4rem;
    background: #fff;
    max-width: 400px;
    padding: 0 5% 5%;
    margin: 0 auto;
    text-align: left;
}
@media (max-width: 640px){
	.btn_pulse {width: 90%;max-width:400px;padding:15px 10px;}
	.cta_free p {
    font-size: 3.75vw;
}
}

.cta_free .btn_pulse {
margin-bottom: 0;
max-width: 90%;
}


/* ------------------------------------ */
/* CATCH */
/* ------------------------------------ */
.catch {margin-bottom:0%;z-index:10;position:relative;}

.catch_apply {margin-bottom:0%;z-index:10;position:relative;background: #0056B3;}


/* ------------------------------------ */
/* nayami */
/* ------------------------------------ */

.nayami {width:100%;padding: 30px 0 50px;background: url(../images/nayami-back.jpg);}
.nayami img {display:block;margin: 0 auto;}
.nayami .ttl {padding: 0;}


/* ------------------------------------ */
/* table 表 */
/* ------------------------------------ */
.table {width:100%;padding: 0 0 0;}
.table img {display:block;margin: 0 auto;}
.table .ttl {padding: 0;}

/* ------------------------------------ */
/* service-gaiyo サービス概要 */
/* ------------------------------------ */
.service-gaiyo {width:100%;padding: 0 0 0px; background: #0056B3;background: url(../images/service-gaiyo-back.jpg);}

/* ------------------------------------ */
/* riyu 選ばれている5つの理由 */
/* ------------------------------------ */

.riyu {width:100%;padding: 0 0 50px;}
.riyu .riyu-ttl {padding: 20px 0 0px}
.riyu .riyu-naiyo{width:100%;padding: 0 0 0px;background: url(../images/riyu-back.jpg);}


@media (max-width:425px) {
.riyu .box_01 p {font-size:12px;}
}

/* ------------------------------------ */
/* inhause-hikaku 自社でやるのと比較 */
/* ------------------------------------ */

.inhause-hikaku {width:100%;padding: 0 0 50px;}
.inhause-hikaku .inhause-hikaku-ttl {padding: 20px 0 0px}
.inhause-hikaku .inhause-hikaku-naiyo{width:100%;padding: 0 0 0px;background: url(../images/inhause-hikaku-back.jpg);}


@media (max-width:425px) {
.inhause-hikaku .box_01 p {font-size:12px;}
}

/* ------------------------------------ */
/* service-naiyo サービス内容 */
/* ------------------------------------ */

.service-naiyo {width:100%;padding: 0 0 50px;}
.service-naiyo .service-naiyo-ttl {padding: 20px 0 0px}
.service-naiyo .service-naiyo-naiyo{width:100%;padding: 0 0 0px;background: url(../images/service-naiyo-back.jpg);}


@media (max-width:425px) {
.service-naiyo .box_01 p {font-size:12px;}
}

/* ------------------------------------ */
/* kanso 感想 */
/* ------------------------------------ */
.kanso{width:100%;padding: 0 0 0px;background: url(../images/kanso-back.jpg);}
.kanso img{display: block;margin: 0 auto}

/* ------------------------------------ */
/* suisen 推薦 */
/* ------------------------------------ */
.suisen{width:100%;padding: 30px 0 0px;}
.suisen img{display: block;margin: 0 auto}

/* ------------------------------------ */
/* plan */
/* ------------------------------------ */

.plan{width:100%;padding: 30px 0;background: url(../images/plan-back.jpg);}
.plan img{display: block;margin: 0 auto}


/* ------------------------------------ */
/* profile */
/* ------------------------------------ */

.profile{width:100%;padding: 0 0 0px;background: url(../images/profile-back.jpg);}
.profile img{display: block;margin: 0 auto}


/* ------------------------------------ */
/* faq */
/* ------------------------------------ */

.faq {
	padding: 0px 0px 50px;
  }
  
  
/* ------------------------------------ */
/* cta-last */
/* ------------------------------------ */

.cta-last{width:100%;padding: 0 0 0px;background: url(../images/cta-last-back.jpg);}
.cta-last img{display: block;margin: 0 auto}


/* ------------------------------------ */
/* CV 申し込み 【ページ下部に固定】 */
/* ------------------------------------ */
.btm_cv_area {z-index:300;background:#fff;border-top:solid 1px rgb(141, 141, 141);padding:0px 2% 0px;width:100%;}
.btm_cv_area.js-float {position:fixed;bottom:0;left:0;}
.cv.btm {padding:0;margin:0 auto;max-width:700px;width:100%;overflow:hidden;}
.cv.btm .cv_btn {width:100%;text-align:center; max-width:700px;padding-bottom:7px;}
.cv.btm img {width: 80%;margin: 10px 5px;}

.cv.btm2 {padding:0;margin:0 auto;max-width:500px;width:100%;overflow:hidden;}
.cv.btm2 .cv_btn {width:100%;text-align:center; max-width:500px;padding-bottom:7px;}
.cv.btm2 img {width: 90%;margin: 10px 5px;}


/* ------------------------------------ */
/* apply_call */
/* ------------------------------------ */
.apply_call {width:100%;padding: 20px 0 0;background: #0056B3;}
.apply_call img {display:block;margin: 0 auto;}
.apply_call .ttl {padding: 0;}



/* ------------------------------------ */
/* RESET mailformpro.css */
/* ------------------------------------ */
input,
button,
textarea,
select {margin:0;padding:0;background:#fff;border:none;border-radius:0;outline:none;border:0;padding:10px;}
button {background: #ffe9bd;}
.mfp_element_all {max-width:100%;}
form#mailformpro {padding:0;}
form#mailformpro dl dt {float:none;width:100%;font-size:1.6rem;font-weight:bold;border:0;text-align:left;padding:0;margin-bottom:5px;}
form#mailformpro dl dd {font-size:1.6rem;border:0;padding:0;margin:0;}
.mfp_element_text,
.mfp_element_number,
.mfp_element_select-one,
.mfp_element_email,
.mfp_element_tel,
.mfp_element_textarea,
.mfp_element_date {width:100% !important;border:0;border-radius:0;box-shadow:none;padding:10px;margin:0;font-size:1.6rem;}
.mfp_element_textarea {height:100px !important;}
.mfp_element_submit,
.mfp_element_reset,
.mfp_element_button {}
.mfp_buttons {max-width:300px;width:100%;text-align:center;padding:20px 0;margin:0 auto;}
.mfp_buttons > div {display:block;border:3px solid #fff;padding:2%;
	background: #ffa8a8; /* Old browsers */
	background: -moz-linear-gradient(top, #ffa8a8 0%, #e95056 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffa8a8 0%,#e95056 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffa8a8 0%,#e95056 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa8a8', endColorstr='#e95056',GradientType=0 ); /* IE6-9 */
}
.mfp_buttons .mfp_element_submit {display:block;padding:0;border:0;text-shadow:0;margin:0 auto;
	background: #ff9090; /* Old browsers */
	background: -moz-linear-gradient(top, #ff9090 0%, #ff5b5b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff9090 0%,#ff5b5b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffbf44 40%,#e59700 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9090', endColorstr='#ff5b5b',GradientType=0 ); /* IE6-9 */
}
.mfp_buttons > div,
.mfp_buttons .mfp_element_submit,
.mfp_buttons img {border-radius:200px;}
.mfp_buttons img {width:100%;}
@media (max-width:640px) {
	form#mailformpro dl dt {font-size:4.53125vw;}
	form#mailformpro dl dd {font-size:3.75vw;}
}
@media (max-width:540px) {
form#mailformpro dl dd + dt {margin-top:0px;}
}


/* ------------------------------------ */
/* ヘッダー */
/* ------------------------------------ */


.logo{
	height:;
	text-align:center;
}

.logo_img{
	padding:5px 0 4px;
	vertical-align:baseline;
}

header figure {
	margin: 0 auto;
	padding:0 2%;
	max-width: 500px;
}

figure.header-logo{
  width:100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index:1000;
  text-align: center;
  background: white;
}

figure.header-logo img{
	vertical-align:middle;
}


@media screen and (max-width: 420px) {
	.logo_img {
		padding: 2px 0 2px;
	}
}


/* RESET mailformpro.css */
/* ------------------------------------ */

section.sec21 .mfp_buttons .mfp_element_submit{
	color: #fff;
	padding:10px 30px;
	font-weight: bold;
	font-size: 20px;
}
section.sec21 .mfp_element_submit, .mfp_element_reset, .mfp_element_button{
  text-shadow: none;
}

button#ManecoBtnOpen {
    padding-top: 0;
}

p.app_link {
    text-align: center;
    margin-top: 40px;
}


/*その他のページ*/

h2.title {
    text-align: center;
    background: #E3F2FD;
    padding: 10px 0px;
    color: #fff;
    font-size: 20px;
    line-height: 1.8em;
    font-weight: bold;
    margin-top: 30px;
}

@media screen and (max-width: 640px) {
h2.title {
    margin-top: 20px;
	}
}

/* ------------------------------------ */
/* other その他の登録ページ */
/* ------------------------------------ */

section.other {
	width:100%;
	max-width: 640px;
}
section.other img {
	width:100%;
}
/* ------------------------------------ */
/* sindan 見積もり登録ページ */
/* ------------------------------------ */

section.sindan {
	width:95%;
	max-width: 640px;
}
section.sindan p {
	text-align: left;
	padding:10px 0px 30px;
	font-size:20px;
}
section.sindan img {
	padding:15px 0px;
}

/* ------------------------------------ */
/* FOOTER */
/* ------------------------------------ */
.footer {background:#E3F2FD;text-align:center;color:#000;margin-top: 30px;}
.footer nav {padding:30px 0;line-height:2;font-size:1rem;}
.footer nav li{width: 300px;text-align: left;margin: 0 auto;}
.footer nav li a {color:#000;text-decoration:underline;}
.footer .copyright {border-top: 1px solid #000;padding:15px 0;font-size:1rem;}
@media (max-width:425px) {
	.footer nav,
	.footer .copyright{font-size:3.75vw;}
}