@charset "UTF-8";
/* Body */

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;
   font-size: 100%;
   vertical-align: baseline;
   background: transparent;
}

html {
  font-size: 110%;
}

body {
	font-family: "YuGothic" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	margin: 0;
	font-size:14px;
	color: #111;
}

h1{
	font-size:2rem;
	text-align: center;
}



p{

}

a{
	text-decoration: none;
	color: #505050;
}

a.fade{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;}
a.fade:hover{opacity: 0.7;}

img.objectfit{width: 100%;height: 100%;object-fit: cover;}

.clear{
	content:"";display:block;clear:both
}

.bold{
	font-weight: bold;
}

.red{
	color: #CE316D;
}

.pc-block{
	display: block;
}

.sp-block{
	display: none;
}

.shadow{filter:drop-shadow(0 3px 5px rgba(0,0,0,0.2));}

/* Container */
.container {
	width: 100%;
	margin-left: 0 auto;
	margin-right: 0 auto;
  overflow-x: hidden;
}

.container p{}




/* Header */
header {position: fixed;width: 100%;height: 90px;z-index: 999;background: linear-gradient(#fff,#efefef);}

.head_contents	{/*width: 960px;*/margin:0 5%;display: flex;align-items: center;justify-content: space-between;}
.head_contents h1{font-size: 0.8rem;color: #ffffff;text-align: left;padding-left: 5px;}
.head_logo img{height: 70px;margin-top: 10px;}
.head_logo a {text-decoration: none;}

#head_menu{display: flex;align-items: center;}
#head_menu ul	{font-size: 0;}
#head_menu li{display: inline-block;}
#head_menu li:last-child{border-right: none;}
#head_menu li a	{font-size:1rem;padding:8px 15px;color:#151515;text-decoration:none;font-weight: bold;}
#head_menu li a:hover	{background-color:#bbbbbb;color: #ffffff;transition: 0.5s;}

/*footer設定*/
footer {padding-top: 100px;}
.footer_contents{margin: 0 auto;width: 960px;text-align: center;}
.footer_contents:after{content:"";display:block;clear:both;}
#footer_logo{text-align: center;margin-bottom: 30px;}
#footer_logo img{width: 200px;}
#footer_menu{margin-bottom: 30px;}
#footer_menu ul	{margin:0;padding:0;list-style:none;text-align: center;}
#footer_menu li{display: inline-block;margin: 5px 30px;}
#footer_menu li a	{font-size:1rem;text-decoration:none;font-weight: bold;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;}
#footer_menu li a:hover	{text-decoration:underline;}
#footer_menu ul:after	{content:"";display:block;clear:both}

.copyright {background-color: #565656;color: #fff;text-align: center;padding: 10px;}

#footer-btn{display: none;}
#fixed-bnr{position: fixed;bottom: 15px;right: 0;padding: 5px;z-index: 99;text-align: center;}
#fixed-bnr img{max-height: 100px;}

/* pagetop button */
#pageTop {position: fixed;bottom: 30px;right: 20px;z-index: 999;}
#pageTop img{width: 120px;}
#pageTop i {padding-top: 6px}
#pageTop a {display: block;background-color: rgba(255,255,255,0.50);color: #777;border-radius: 10px;padding: 10px;line-height: 16px;text-align: center;}
#pageTop a:hover {text-decoration: none;opacity: 0.7;}


/*main contents*/
/*共通設定*/
.contents{
	max-width: 1200px;
	margin: 0 auto 50px auto;
}

.contents h2{font-size:2rem;letter-spacing: 0.3rem;font-weight: bold;}
.contents h3{font-size:1.5rem;letter-spacing: 0.1rem;font-weight: bold;}
.contents h4{font-size:1.3rem;font-weight: bold;text-shadow: 0 3px 6px rgba(0,0,0,0.15);}
.contents h5{font-size:1.3rem;font-weight: bold;text-shadow: 0 3px 6px rgba(0,0,0,0.15);}
.contents p{margin: 15px 0;font-size:1.1rem;letter-spacing: 0.1rem;}

.contents .section-title{margin-bottom:50px; }
.contents .section-title h2{border-bottom: 1px solid #707070;margin-right: calc(50% - 50vw);padding-right: calc(50vw - 50%);}
.contents .section-title p{margin: 0;font-weight: bold;color: #C4C4C4;}
.lines2 .contents .section-title h2{margin-right: 0;padding-right: 0;margin-left: calc(50% - 50vw);padding-left: calc(50vw - 50%);text-align: center;}
.lines2 .contents .section-title p{text-align: center;}

.lines{position: relative;}
.lines:before{position: absolute;content: "";width: 0;height: calc(100% + 30px);border-right: 1px solid #707070;top:0;left:calc(50% + 700px);}
.lines2{position: relative;}
.lines2:before{position: absolute;content: "";width: 0;height: calc(100% + 60px);border-right: 1px solid #707070;top:-30px;right:calc(50% + 700px);}

/*ボタン設定*/
.btn-blue{text-align: center;}
.btn-blue a{display: inline-block;padding: 10px 50px;background: #2F4189;color: #fff;font-weight: bold;margin: 15px auto;font-size:1.1rem;letter-spacing: 0.1rem;}
.btn-blue a span{display: inline-block;border-bottom:1px solid #fff;}
.btn-blue a:hover{opacity: 0.9;}

.btn-entry{margin: 0 5px;}
.btn-entry a{display: inline-flex;padding: 5px;background: #CE316D;color: #fff;font-weight: bold;margin: 15px auto;border-radius: 5px;width: 180px;justify-content: center;align-items: center;height: 40px;}
.btn-entry a .icon{font-size: 2rem;line-height: 2rem;margin: 0 5px 0 0;}
.btn-entry a:hover{background: #777;}

.btn-callcenter{margin: 0 5px;}
.btn-callcenter a{display: inline-flex;padding: 5px;background: #2F4189;color: #fff;font-weight: bold;margin: 15px auto;border-radius: 5px;width: 180px;height: 40px;align-items: center;justify-content: center;flex-direction: column;}
.btn-callcenter a .text{border-bottom:1px solid;font-size: 10px;}
.btn-callcenter a .tel{font-size: 1rem;}
.btn-callcenter a:hover{background: #777;}


/* TOPコンテンツ */
.head-space{width: 100%;height: 80px;}
#first_view{background: url(../img/fv-bg3.jpg)no-repeat;background-size: cover;background-position: center center;position: relative;z-index: 1;padding: 200px 0;}
#first_view:after{background: rgba(0,0,0,0.5);display: block;content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;}
#first_view .contents{position: relative;z-index: 3;}
#first_view .contents .flexbox{display: flex;align-items: flex-start;}
#first_view .contents .flexbox .left,#first_view .contents .flexbox .right{width: 50%;}
#first_view .contents .flexbox .right{padding: 0 30px;color: #fff;font-weight: bold;}
#first_view .contents .flexbox .right p{font-size: 1.2rem;margin: 0;}
#first_view .contents .three-point{display: flex;justify-content: center;margin: 50px 0 0 0;}
#first_view .contents .three-point li{width: 200px;margin: 0 30px;list-style: none;}
#first_view .contents img{width: 100%;vertical-align: bottom;}

#home-sec1{padding: 100px 0;background: #2F4189;color: #fff;}
#home-sec1 .links{display: flex;justify-content: center;margin: 50px 0;}
#home-sec1 .links li{width: 32%;list-style: none;margin: 5px 3%;}
#home-sec1 .links li a{display: flex;width: 100%;background:#fff;padding: 15px 0;align-items: center;justify-content: center;}
#home-sec1 .links li a span {margin-right: 10px;}
#home-sec1 .links li a span img{height: 50px;}
#home-sec1 .links li a p{text-align: center;margin: 0;font-weight: bold;}
#home-sec1 .links li a:hover{background: #777;color: #fff;}
#home-sec1 h2{text-align: center;margin-top: 100px;}
#home-sec1 p{max-width: 960px;margin: 30px auto;}

#home-sec2{position: relative;padding: 100px 0;background: #F5F5F5;}
#home-sec2 .reason-list{}
#home-sec2 .reason-list li{position: relative;list-style: none;margin: 50px auto;}
#home-sec2 .reason-list li .number{position: absolute;z-index: 2;font-size: 20rem;font-weight: bold;top:0;right: 90%;color: #fff;line-height: 20rem;}
#home-sec2 .reason-list li .flexbox{display: flex;position: relative;z-index: 3;}
#home-sec2 .reason-list li .flexbox .text{width: 50%;padding: 15px 15px 100px 15px;border-bottom: 1px solid #707070;margin-left: calc(50% - 50vw);padding-left: calc(50vw - 50%);}
#home-sec2 .reason-list li .flexbox .image{width: 50%;position: relative;display: flex;align-items: center;margin-right: calc(50% - 50vw);padding-right: calc(50vw - 50%);margin-bottom: 30px;}
#home-sec2 .reason-list li .flexbox .image .img-fit{width: 100%;height: 100%;position: absolute;top:0;left: 0;z-index: 3;}
#home-sec2 .reason-list li .flexbox .image .img-fit img{width: 100%;height: 100%;object-fit: cover;}
#home-sec2 .reason-list li .flexbox .image:after{background: rgba(47,65,137,0.5);display: block;content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;z-index: 4;}
#home-sec2 .reason-list li .flexbox .image p{position: relative;z-index: 5;color: #fff;font-weight: bold;font-size: 4rem;margin-left: 30px;}
#home-sec2 .reason-list h3{color: #2F4189;}
#home-sec2 .red{font-size: 1.3rem;font-weight: bold;}

#home-sec3{position: relative;padding: 100px 0;}
#home-sec3 .contents p{max-width: 960px;margin: 30px auto;}
#home-sec3 .contents .box-wrap{display: flex;justify-content: space-between;margin: 50px auto;}
#home-sec3 .contents .box-wrap .box{width: 24%;border:1px solid #707070;border-radius: 15px;padding: 15px 3%;}
#home-sec3 .contents .box-wrap .box h3{text-align: center;color: #2F4189;}
#home-sec3 .contents .box-wrap .box h3 span{display: inline-block;border-bottom:1px solid #707070;}
#home-sec3 .contents .box-wrap .box p{font-size: 1rem;}

#home-sec4{position: relative;padding: 100px 0;background: #F5F5F5;}
#home-sec4 .contents .step-wrap{display: flex;justify-content: space-between;margin: 50px auto;flex-wrap: wrap;}
#home-sec4 .contents .step-wrap .step{width: 23%;margin: 15px 1%;background: #fff;box-shadow: 0 0 1px #777;}
#home-sec4 .contents .step-wrap .step .headline{display: flex;}
#home-sec4 .contents .step-wrap .step .headline .number-box{width: 40%;background: #2F4189;text-align: center;padding: 0 15px;color: #fff;}
#home-sec4 .contents .step-wrap .step .headline .number-box .step-text{display: block;font-size: 1.5rem;border-bottom:1px solid;}
#home-sec4 .contents .step-wrap .step .headline .number-box .number{display: block;font-size: 3rem;}
#home-sec4 .contents .step-wrap .step .headline .image{width: 60%;}
#home-sec4 .contents .step-wrap .step .headline .image img{width: 100%;height: 100%;object-fit: cover;}
#home-sec4 .contents .step-wrap .step .text{padding: 15px;}
#home-sec4 .contents .step-wrap .step .text h3{color: #2F4189;}

#home-sec5{position: relative;padding: 100px 0;}
.voice-box{margin: 50px auto;border:1px solid #707070;padding: 30px;}
.voice-box h3{color: #2F4189;}
.voice-box .name{text-align: right;border-top: 1px solid #707070;padding-top: 15px}

#home-sec6{position: relative;padding: 100px 0;background: url(../img/sec6-bg.png)no-repeat;background-size: cover;background-position: center center;}
#home-sec6 table{width: 900px;font-size: 1rem;margin: 50px auto;border-collapse: collapse;}
#home-sec6 table th{text-align: left;color: #2F4189;padding: 15px 10px;border-bottom: 1px solid #707070;}
#home-sec6 table td{text-align: left;padding: 15px 10px;border-bottom: 1px solid #707070;}

#sec-contact{background: #EFF2FD;padding: 100px 0;}
#sec-contact .contents{display: flex;align-items: center;}
#sec-contact .contents .image{width: 50%;text-align: center;}
#sec-contact .contents .image h3{color: #2F4189;}
#sec-contact .contents .btn{width: 50%;}

#sec-contact .btn-entry a{display: flex;padding: 10px 5px;margin: 15px auto;width: 100%;height: auto;}
#sec-contact .btn-entry a .icon{font-size: 3rem;line-height: 3rem;margin: 0 10px 0 0;}
#sec-contact .btn-callcenter a{display: flex;padding: 10px 5px;margin: 15px auto;width: 100%;height: auto;}
#sec-contact .btn-callcenter a .text{margin: 0;font-size: 1rem;}
#sec-contact .btn-callcenter a .tel{font-size: 2rem;margin: 0;}

/*下層ページヘッダー*/
.child_head{width: 100%;height: 300px;position: relative;}
.child_head .headimg{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.child_head .headimg:after{background: rgba(47,65,137,0.5);display: block;content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.child_head .contents{position: relative;z-index: 3;padding-top: 100px;}
.child_head .contents .section-title{color: #fff;}
.child_head .contents .section-title h2{border-color: #fff;}

/*下層ページ*/
#page-reason{}
#reason-main{padding: 100px 0;}
#reason-main .reason-box{display: flex;position: relative;padding: 30px 0;border-bottom: 1px solid #707070;margin-left: calc(50% - 50vw);padding-left: calc(50vw - 50%);}
#reason-main .reason-box .kazari{position: absolute;bottom: 0;right: 0;font-weight: bold;font-size: 4rem;color: #EBEBEB;z-index: 1;}
#reason-main .reason-box .image{width: 25%;margin-right: 5%;}
#reason-main .reason-box .image img{width: 100%;}
#reason-main .reason-box .text{width: 70%;position: relative;z-index: 2;}
#reason-main .reason-box .text h3{color: #2F4189;}
#reason-main .reason-box .red{font-size: 1.5rem;font-weight: bold;}
#reason-main .reason-box .green{font-weight: bold;color:#389390;}

#page-voice{}
#voice-main{padding: 100px 0;}

#page-flow{}
#flow-main{padding: 100px 0;}
#flow-main .step{margin: 30px auto;background: #fff;box-shadow: 0 0 1px #777;}
#flow-main .step .headline{display: flex;height: 150px;}
#flow-main .step .headline .number-box{width: 25%;background: #2F4189;text-align: center;padding: 0 15px;color: #fff;}
#flow-main .step .headline .number-box .step-text{display: block;font-size: 1.5rem;border-bottom:1px solid;}
#flow-main .step .headline .number-box .number{display: block;font-size: 3rem;}
#flow-main .step .headline .image{width: 75%;}
#flow-main .step .headline .image img{width: 100%;height: 100%;object-fit: cover;}
#flow-main .step .text{padding: 15px;}
#flow-main .step .text h3{color: #2F4189;}
#flow-main .step .text .border{border-bottom: 1px solid;padding-bottom: 15px;}

#page_contact{}
#page_contact .explain{margin: 50px auto;border:1px solid #707070;padding: 15px;}
#page_contact .explain .red{font-weight: bold;}
.mail_form{margin: 50px auto;}
.mail_form table{width: 100%;font-size: 1.2rem;}
.mail_form th{padding: 10px 0;text-align: left;color: #0A3371;width: 30%;vertical-align: top;}
.mail_form th span{font-size: 1rem;color:#E20C2C; }
.mail_form h3{border-bottom: 1px solid;margin-top: 30px;}
.mail_form h3 span{display: inline-block;background: #CE316D;color: #fff;font-size: 1rem;margin: 0 10px 0 0;padding: 5px 10px 0 10px;border-radius: 3px;}
.mail_form h3 span.blue{background: #67A9CD;}
.mail_form .answer{width: 90%;margin: 15px 5% 50px 5%;}
.mail_form .radio-area p{display: inline-block;padding-right: 15px;}
.mail_form .answer select{padding: 5px 10px;font-size: 1.1em;}
.mail_form .answer .msg{color: #CE316D;font-weight: bold;}
.mail_form .input_box{width: 100%;padding: 5px 10px;font-size:1.1em;}
.mail_form .input_text{width: 100%;height: 150px;padding: 5px 10px;font-size:1.1em;}
.form_btn {text-align: center;}
.form_btn button{width: 300px;padding: 10px 30px;border-radius: 15px;background: #2F4189;color: #fff;font-weight: bold;margin: 15px auto;font-size:1.2rem;letter-spacing: 0.1rem;}


/*tablet*/
@media (min-width:429px) and (max-width:960px){
/*共通設定*/
.contents{
	width: 80%;
	margin: 0 10%;
}

.contents_min{
	width: 80%;
	margin: 0 10%;
}
}

@media (max-width: 428px) {
html{font-size: 100%;}
	.contents{
	width: 90%;
	margin: 0 5%;
	padding: 10px 0;
}

.contents_min{
	width: 80%;
	margin: 0 10%;
}
}

/* Mobile */
@media (max-width: 960px) {

h1{
	text-align: center;
}



p{
}

.pc-block{
	display: none;
}

.sp-block{
	display: block;
}


/* Container */
.container {
	width: 100%;
	overflow: hidden;
}

.container p{}


/* Header */
header {height: 120px;}
.head_contents	{width: 100%;margin: 0;}
.head_logo img{height: 40px;margin-left: 10px;}
.head_logo a {text-decoration: none;}

.head-btn-sp{display: flex;justify-content: center;padding: 0;margin-top: -10px;}
.btn-entry{margin: 0 2px;}
.btn-callcenter{margin: 0 2px;}

/*footer設定*/
footer {padding-top: 10px;padding-bottom: 150px;}
.footer_contents{margin: 0 auto;width: 96%;text-align: center;}
#footer_logo{margin-bottom: 30px;}
#footer_logo img{width: 250px;}
#footer_menu{margin-bottom: 30px;}
#footer_menu ul	{margin:0;padding:0;list-style:none;text-align: center;}
#footer_menu li{display: block;margin: 10px auto;letter-spacing: 0.2rem;}

.copyright {background-color: #565656;color: #fff;text-align: center;padding: 10px;}

#footer-btn{display: flex;position: fixed;left: 10px;bottom: 15px;}
#footer-btn a{display: inline-flex;background: #777;color: #fff;width: 70px;height: 70px;text-align: center;justify-content: center;align-items: center;margin: 0 5px;border-radius: 50%;}
#footer-btn a .icon{font-size: 1.3rem;}
#footer-btn a p{font-size: 10px;}
#footer-btn a.f-entry{background: rgba(206,49,109,0.9);}
#footer-btn a.f-callcenter{background: rgba(47,65,137,0.9);}

#fixed-bnr{position: fixed;bottom: 0;left: 0;background: rgba(255,255,255,0.8);padding: 5px;z-index: 99;text-align: center;}
#fixed-bnr img{max-height: 150px;}

/*下層ページヘッダー*/
.child_head{padding: 10px 0;}
.child_head .contents h2{font-size: 1.8rem;text-align: left;}
.child_head .contents h2 span{font-size: 0.8rem;}


/*TOP~HOME*/



/*main contents*/
/*共通設定*/

.contents:after{
	content:"";display:block;clear:both
}

.contents h2{font-size:1.3rem;letter-spacing: 0rem;}
.contents h3{font-size:1.2rem;letter-spacing: 0rem;}
.contents h4{font-size:1.1rem;}
.contents h5{font-size:1rem;}
.contents p{font-size: 0.9rem;margin: 15px auto;}

.contents .section-title{margin-bottom:50px; }

.lines:before{top:0;left:auto;right:2%;}
.lines2:before{top:-30px;right:auto;left: 2%;}

.more_info{
	float: right;
	text-decoration: underline;
	padding: 5px;
}

/*ボタン設定*/
.btn-blue{text-align: center;}
.btn-blue a{display: inline-block;padding: 10px 30px;border-radius: 15px;margin: 30px auto;font-size:1rem;letter-spacing: 0.1rem;}

/* TOPコンテンツ */
.head-space{width: 100%;height: 120px;}
#first_view{background-size: auto 100%;padding: 50px 0;}
#first_view .contents .flexbox{flex-direction: column;}
#first_view .contents .flexbox .left,#first_view .contents .flexbox .right{width: 90%;margin: 15px auto;}
#first_view .contents .flexbox .right{padding: 0;}
#first_view .contents .flexbox .right p{font-size: 1rem;}
#first_view .contents .three-point{margin: 30px 0 0 0;flex-wrap: wrap;}
#first_view .contents .three-point li{width: 40%;margin: 15px auto;}

#home-sec1{padding: 50px 0;}
#home-sec1 .links{margin: 30px 0;}
#home-sec1 .links li{width: 43%;list-style: none;margin: 5px 2%;}
#home-sec1 .links li a{display: flex;width: 100%;background:#fff;padding: 15px 0;align-items: center;flex-direction: column;}
#home-sec1 .links li a span {width: 100%;text-align: center;}
#home-sec1 .links li a span img{height: 30px;}
#home-sec1 .links li a p{width: 96%;font-size: 0.8rem;}
#home-sec1 h2{text-align: center;margin-top: 100px;}
#home-sec1 p{max-width: 960px;margin: 30px auto;}

#home-sec2{padding: 50px 0;}
#home-sec2 .reason-list li{margin: 50px auto;}
#home-sec2 .reason-list li .number{font-size: 10rem;line-height: 10rem;top:auto;bottom: 0;right:0;}
#home-sec2 .reason-list li .flexbox{flex-direction: column-reverse;}
#home-sec2 .reason-list li .flexbox .text{width: 100%;padding: 15px;border-bottom: none;margin-left: 0;padding-left: 0;}
#home-sec2 .reason-list li .flexbox .image{width: 100%;margin-right: calc(50% - 50vw);padding-right: calc(50vw - 50%);margin-bottom: 15px;padding-top: 30px;padding-bottom: 30px;}
#home-sec2 .reason-list li .flexbox .image p{font-size: 2rem;margin: auto;}

#home-sec3{position: relative;padding: 50px 0;}
#home-sec3 .contents .box-wrap{flex-direction: column;margin: 50px auto;}
#home-sec3 .contents .box-wrap .box{width: 84%;padding: 15px 3%;margin: 15px auto;}
#home-sec3 .contents .box-wrap .box p{font-size: 0.9rem;}

#home-sec4{padding: 50px 0;}
#home-sec4 .contents .step-wrap{margin: 50px auto;}
#home-sec4 .contents .step-wrap .step{width: 90%;margin: 15px 5%;}


#home-sec5{position: relative;padding: 50px 0;}
.voice-box{margin: 50px auto;padding: 30px;}
.voice-box .name{padding-top: 15px}

#home-sec6{padding: 50px 0;background-size: auto 100%;}
#home-sec6 table{width: 100%;;font-size: 0.9rem;margin: 50px auto;}
#home-sec6 table th{width: 80px;padding: 15px 10px;}
#home-sec6 table td{padding: 15px 10px;}

#sec-contact{padding: 50px 0;}
#sec-contact .contents{flex-direction: column;}
#sec-contact .contents .image{width: 90%;text-align: center;}
#sec-contact .contents .image img{width: 100%;}
#sec-contact .contents .btn{width: 90%;}

#sec-contact .btn-entry a{}
#sec-contact .btn-entry a .icon{font-size: 3rem;line-height: 3rem;margin: 0 10px 0 0;}
#sec-contact .btn-entry a p{margin: 0;padding: 0;}
#sec-contact .btn-callcenter a{display: flex;padding: 10px 5px;margin: 15px auto;width: 100%;height: auto;text-align: center;}
#sec-contact .btn-callcenter a .text{margin: 0;font-size: 0.8rem;}
#sec-contact .btn-callcenter a .tel{font-size: 1.7rem;margin: 0;}

/*下層ページ*/
#page-reason{}
#reason-main{padding: 50px 0;}
#reason-main .reason-box{flex-direction: column;}
#reason-main .reason-box .image{width: 100%;margin-right: 0;}
#reason-main .reason-box .text{width: 100%;}

#page-voice{}
#voice-main{padding: 50px 0;}

#page-flow{}
#flow-main{padding: 50px 0;}

#page_contact{}
.mail_form{margin: 50px auto;}
.mail_form table{width: 100%;font-size: 1.2rem;}
.mail_form th{display: block;padding: 15px 0 5px 0;width: 100%;}
.mail_form th span{font-size: 1rem;color:#E20C2C; }
.mail_form td{display: block;}
.mail_form .answer{width: 100%;margin: 15px 0 50px 0;}
.mail_form .radio-area p{display: inline-block;padding-right: 15px;font-size: 1.1em;margin: 5px auto;}
.mail_form .answer select{padding: 5px 10px;font-size: 1.1em;}
.mail_form .input_box{width: 90%;padding: 5px 10px;font-size:1.1em;}
.mail_form .input_text{width: 90%;height: 150px;padding: 5px 10px;font-size:1.1em;}
.form_btn {text-align: center;}
.form_btn button{width: 300px;padding: 10px 30px;border-radius: 15px;background: #26569c;color: #fff;font-weight: bold;margin: 15px auto;font-size:1.2rem;letter-spacing: 0.1rem;}


/* pagetop button */
#pageTop {
  position: fixed;
  bottom: 25px;
  right: 20px;
  z-index: 999;
}

#pageTop img{
  width: 80px;
}

#pageTop i {
  padding-top: 6px
}



#pageTop a {
  display: block;
  background-color: rgba(255,255,255,0.50);
  border-radius: 10px;
}



#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
}

#sp-phone {
    position: absolute;
    right: 70px;
    top: 5px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 100;
	font-size:38px;
}

/* トグルメニュー */
#nav-toggle {
    display: none;
    position: absolute;
    right: 20px;
    top: 19px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 100;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #777; /*トグルボタン色設定*/
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}

@media (max-width:960px){
 #head_menu {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -560px;
        background: rgba(255,255,255,0.9);
        width: 100%;
        text-align: center;
	 	padding-top:30px;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
	 	margin: 0;
	 	padding-top: 80px;
    display: block;
    }
    #head_menu ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
    }
    #head_menu ul li {
        position: static;
        display: block;
    }
    #header #head_menu ul li a,
    #header.fixed #head_menu ul li a {
        width: 100%;
        display: block;
        padding: 18px 0;
    }

    #nav-toggle {
        display: block;
    }


    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #head_menu {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(520px);
        -webkit-transform: translateY(520px);
        transform: translateY(520px);
    }
}

/*tablet*/
@media (min-width:421px) and (max-width:960px){
  .fv-inner{position: absolute;width: 450px;x;height: 500px;z-index: 2;top: 20%;right: 0;left: 0;margin: auto;}

  #people_4 .img-wrap .img1,#people_4 .img-wrap .img2,#people_4 .img-wrap .img3,#people_4 .img-wrap .img4,#people_4 .img-wrap .img5{position: static;width: 50%;margin: 50px auto;}

  #vision_3{padding: 30px 0;position: relative;background: url(../img/vision_bg3.png)no-repeat;background-size: 200% auto;background-position: center center;display: flex;justify-content: flex-end;}
  #vision_3 .text-area li{min-width: 55%;}

  /*エントリーボタン*/
  #btn-entry a img{width: auto;height: 120px;top:15px;left: 0;right: 0;margin: auto;}
}
