@charset "utf-8";
/*-------------------------------
Reset
-------------------------------*/
html { box-sizing: border-box; }
* { box-sizing: inherit; }
*:before, *:after { box-sizing: inherit; }
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, 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, sub { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; }
ol, ul{ 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; }
del {	text-decoration: line-through; }
/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {	border-bottom:1px dotted;	cursor:help; }
table {	border-collapse:collapse;	border-spacing:0;	font-size: 100%; }
hr { display:block;	height:1px;	border:0;	border-top:1px solid #cccccc;	margin:1em 0;	padding:0; }
/*縦方向の揃え位置を中央揃えに指定しています*/
input, select { vertical-align: 0; }
input, textarea { margin: 0; font-size: 100%;	width: 100%; }
img { max-width: 100%; height:auto;	vertical-align:bottom; font-size:0;	line-height: 0;	border: 0; }
object, embed, video { max-width: 100%; }
address, caption, cite, code, dfn, em, th, var{	font-style: normal;	font-weight: normal; }
h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: normal; }

/*-------------------------------
Font
-------------------------------*/
html { font-size: 16px; font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;; font-weight: 400; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;text-size-adjust: 100%; -webkit-font-smoothing: antialiased; word-break: normal; word-wrap: break-word; overflow-wrap : break-word; }
body {font-size: 1rem;color: #111111;line-height: 1.5; text-align: left;}
_:lang(x)::-ms-backdrop, body {font-family: "メイリオ", Meiryo, sans-serif;} /*IE11用文字スタイルハック*/

/*-------------------------------
Font Option
-------------------------------*/
.f-normal { font-weight: normal; font-weight: 400; }
.f-bold { font-weight: bold; font-weight: 700;font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; }
.f-italic { font-style: italic;}
.f-s   { font-size: 0.875rem;}/*14px*/
.f-2s  { font-size: 0.75rem;}/*12px*/
.f-3s { font-size: 0.625rem;}/*10px*/
.f-l   { font-size: 1.125rem}/*18px*/
.f-2l  { font-size: 1.25rem;}/*20px*/
.f-3l { font-size: 1.5rem;}/*24px*/
sup { font-size: 0.5rem;	vertical-align: top; }
sub {	font-size: 0.5rem;vertical-align: baseline; }
.f-red { color: #FB062C;}
.f-blue{color: #0160B8;}
.note { padding-left: 1rem; text-indent: -1rem; }
i.fi{ margin-right: 0.2rem; }
.lh16{line-height: 1.6;}
.lh18{line-height: 1.8;}
.lh20{line-height: 2;}

/*-------------------------------
Link
-------------------------------*/
a { color: #f44166; text-decoration: none;transition: all 0.6s; }
a:hover { color: #ff6b88; text-decoration: underline;transition: all 0.1s;}
.link01 {transition: all 0.6s;}
.link01:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8;transition: all 0.2s; }
button { display: block; border: none; background-color: transparent; cursor: pointer; }

/*-------------------------------
Clearfix
-------------------------------*/
.cf:after { content: " "; display: block; clear: both; }
.flc { overflow: hidden; zoom: 1; }

/*-------------------------------
Float
-------------------------------*/
.float-left { display: inline; float: left; }
.float-right { display: inline; float: right; }

/* ---------------------------------------------
Margin
--------------------------------------------- */
.mt00 { margin-top:  0   !important;}
.mt05 { margin-top:  5px !important;}
.mt10 { margin-top: 10px !important;}
.mt12 { margin-top: 12px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}

.mr00 { margin-right:  0   !important;}
.mr05 { margin-right:  5px !important;}
.mr10 { margin-right: 10px !important;}
.mr12 { margin-right: 12px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}

.mb00 { margin-bottom:  0   !important;}
.mb05 { margin-bottom:  5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb12 { margin-bottom: 12px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}

.ml00 { margin-left:  0   !important;}
.ml05 { margin-left:  5px !important;}
.ml10 { margin-left: 10px !important;}
.ml12 { margin-left: 12px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml30 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}

/* ---------------------------------------------
Align
--------------------------------------------- */
.align-left   { text-align: left;}
.align-center { text-align: center;}
.align-right  { text-align: right;}
.valign-top    { vertical-align: top    !important;}
.valign-middle { vertical-align: middle !important;}
.valign-bottom { vertical-align: bottom !important;}

/* ---------------------------------------------
Others
--------------------------------------------- */
.display-block { display: block!important;}
.inline-block { display: inline; display: inline-block!important;}
.inline { display: inline!important;}
.listDisc li{ list-style-position: outside;	list-style-type: disc; margin-left: 25px; }
.listCircle li{ list-style-position: outside; list-style-type: circle; margin-left: 25px; }
.listSquare li{	list-style-position: outside; list-style-type: square; margin-left: 25px; }
.listDecimal li{ list-style-position: outside; list-style-type: decimal; margin-left: 30px; }

/*-------------------------------
Field
-------------------------------*/
body { background: #fff; }

.container { width: 100%; }

.block { width: 100%; width: 1200px; margin-left: auto; margin-right: auto; }
@media only screen and (max-width: 1200px) { .block { width: 94%; } }

.pagetop { width: 40px; height: 40px;background-color: #ffb62e; position: fixed; right: 10px; bottom: 10px; z-index: 9999;opacity: 0;text-align: center;display: flex;justify-content: center;align-items: center; border-radius: 20px;text-decoration: none;transition: .3s;}
.pagetop:hover { text-decoration: none;background-color: #ffaf1c;transition: .1s;}
.pagetop .material-icons{ font-size: 1.2rem;color: #fff; }

/*-------------------------------
Header
-------------------------------*/
.header { width: 100%;max-width: 1200px; height:600px;margin: 0 auto; background: url(../img/consultation_hero.jpg) no-repeat 0 0;background-size: cover;}
.header-top{width: 100%;display: flex;justify-content: space-between;padding: 0.3rem 0 0;}
.logo{width: 12%;max-width: 124px;margin:0.2rem 0.5rem;}
.header-caption{width: 60%;text-align: right;font-size: 0.75rem;color: #777;margin-right: 0.4rem;}
.header-content{height: 600px;position: relative;}
.hero-text{
	display: block;
	width: 100%;
	font-size: 2.6rem;
	font-weight: 700;
	color:#fff;
	position: absolute;
	top: 52%;
	left: 2%;
	margin-top: -6%;
	line-height: 1.8;
	letter-spacing: -0.2px;
	text-shadow: 0px 0 10px rgba(0,0,0,0.8);
	animation-name: fadeIn;
	animation-duration: 1s;
	animation-timing-function: ease-out;
	animation-delay: 0.5s;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	opacity:0;
}
@keyframes fadeIn {
	0% {opacity: 0;transform: translate3d(100px, 0, 0);}
	100% {opacity: 1;transform: translate3d(0, 0, 0);}
}
@media only screen and (max-width: 1200px) {
	.header { width: 100%;height: 560px;background-size:1200px 560px;background-position: center top;overflow: hidden;}
	.hero-text{font-size: 2rem;line-height: 1.6;top: 40%;margin-top: 0;}
}
@media only screen and (max-width: 768px) {
	.header { width: 100%;height: 384px;background-size:768px 384px;}
	.logo{width: 40%;max-width: 124px;}
	.hero-text{font-size: 1.8rem;line-height: 1.4;top: 32%;left: 0;}
}
@media only screen and (max-width: 600px) {
	.header { width: 100%;height: 300px;background-size:600px 300px;}
	.logo{max-width: 100px;}
	.hero-text{font-size: 1.6rem;top: 22%;}
}
@media only screen and (max-width: 480px) {
	.logo{max-width: 90px;}
	.hero-text{font-size: 1.4rem;top: 25%;}
}
@media only screen and (max-width: 380px) {
	.header { width: 100%;height: 260px;background-size:554px 260px;}
	.header-top{padding: 0.15rem 0 0;}
	.logo{width: 25%;max-width: 80px;margin: -0.4rem 0 0 -0.2rem;}
	.header-caption{width: 74%;font-size: 0.68rem;letter-spacing: -0.3px;margin: 0.1rem -0.34rem 0 0;}
	.hero-text{font-size: 1.2rem;top: 22%;}
}

/*-------------------------------
Footer
-------------------------------*/
.footer { width: 100%; background: #E0D5CD;padding: 3.5rem 0 4rem;color: #fff }
.footer-main .link li { display: inline-block; position: relative; margin-right: 2rem; }
.footer-main .link li:not(:last-child):after { display: inline-block; content: '／'; width: 15px; height: 15px; position: absolute; top: 0; right: -25px; }
.footer-main .link li a { color: #ffeeee;transition: all 0.6s; }
.footer-main .link li a:hover { color: #fab5c3; text-decoration: none;transition: all 0.1s;}
.footer-main .link li a i{ display: none;}
.footer-logo { width: 100%; max-width: 161px; margin: 0 auto; }
.copy { text-align: center; margin: 3rem 1rem 0; font-size: 0.75rem; }
@media only screen and (max-width: 600px) {
	.footer {padding: 2.5rem 0 3rem; }
	.footer-main .link li { display: block; text-align: center; }
	.footer-main .link li:not(:last-child):after { display: none; }
	.footer-main .link li a { display: block;padding: 0.4rem 0; }
	.footer-main .link li a i{ display: inline-block;margin-right: 0.3rem;}
	.footer-logo {margin: 2rem auto 0;}
	.copy {margin:2rem 1rem 0;}
}
@media only screen and (max-width: 480px) {
	.footer {margin-top: 0rem; }
	.footer-logo {margin: 0 auto;}
}

/*-------------------------------
Main
-------------------------------*/
.bg-base01{background: #fff;}
.bg-base02{background: #F3F3F3;}
.main-content{width: 100%;max-width: 900px;margin-left: auto;margin-right: auto;padding: 4rem 0 4rem}
.main-content02{width: 100%;max-width: 900px;margin-left: auto;margin-right: auto;padding: 1rem 0 4rem}

.main-first{padding-top: 4rem;}
.text-box01 {font-size: 1.2rem;text-align: center;}
.text-box01:not(:first-child),
.text-box01 p:not(:first-child){margin-top: 2.5rem;}

.title01{font-size: 2rem;font-weight: 700;text-align: center;color: #5C4D42;margin-top: 5rem;}
.tag01{border: 4px solid #5C4D42;padding: 4px;width: 250px;margin: 2rem auto 0;line-height: 1.2;}
.tag01 span{display: block; background-color: #5C4D42;padding: 0.5rem;text-align: center;color: #fff;font-weight: 700;}

.step-box{margin-top: 3rem;}
.step-list{display: flex;justify-content: space-between;}
.step-list li{width: 31.2%;max-width: 280px;}
.step-list li .txt{line-height: 1.5;padding: 1.5rem 0.5rem;}
.step-list li .txt .notes{margin-top: 1rem;font-size: 0.875rem;}

.contact-link{text-align: center;}
.contact-link .link{width: 100%;max-width: 300px;margin: 2rem auto 0; display: block;padding: 0.6rem 0.6rem;background-color: #FB505B;color: #fff;font-weight: 700;border-radius: 20px;transition: .3s;}
.contact-link .link:hover{text-decoration: none; background-color: #ff7e87;transition: .1s;}

.form-box{padding: 0;}
.form-title{font-weight: bold;font-size: 1.4rem;border-bottom: 2px solid #b24848;}
.form-text{margin-top: 4rem;}
.form-text p:not(:first-child){margin-top: 1rem;}
.hissu{display: inline-block;padding: 0.3rem 0.3rem 0.2rem;line-height: 1.1;font-size: 0.75rem;color: #fff;font-weight: bold;text-align: center;background-color: #eb3535;border-radius: 3px;font-weight: 700;}
.form-list li{padding: 1rem 0 1.5rem;}
.form-list li:first-child{padding-top: 2rem;}
.form-list-title{font-weight: bold;font-weight: 700;font-size: 1.06rem;position: relative;padding-left: 0.8rem;}
.form-list-title:after{position: absolute; display: block;content:'';width: 10px;height:10px;background:#be4436;top:48%;left:0;margin-top: -5px;}
.form-list-cont{margin-top: 0.5rem;}
.form-confirm-box{background-color: #f6f6f6;padding: 0.5rem;margin-top: 0.5rem;border-radius: 3px;}
.size01{display: block;width: 100%;border: 1px solid #bbc1c3;border-radius: 3px;padding: 0.5rem;}
.size02{display: block;width: 100%;max-width: 200px;border: 1px solid #bbc1c3;border-radius: 3px;padding: 0.5rem;}
.size02-1{display: inline-block;width: 100%;max-width: 160px;border: 1px solid #bbc1c3;border-radius: 3px;padding: 0.4rem;text-align: left;}
.size-textarea{display: block;width: 100%!important;min-height:200px!important;border: 1px solid #bbc1c3;border-radius: 3px;padding: 0.5rem;}
.form-btn{border-top: 1px solid #ccc;margin-top: 1rem;padding-top: 2rem;display: flex;justify-content: center;}
.form-confirm{display: block;width: 100%;max-width: 220px;text-align: center;padding: 1rem;font-weight: bold;color:#fff;line-height: 1;border: none;border-radius: 6px;background-color: #f08a06;transition: all 0.6s;cursor: pointer;font-weight: 700;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;}
.form-confirm:hover{background-color: #ffac40;transition: all 0.2s;}
.form-btn-box{display: block;width: 49%;max-width: 220px;text-align: center;margin: 0 0.5rem;}
.form-btn-box input{display: block;width: 100%;padding: 1rem;font-weight: bold;color:#fff;line-height: 1;border: none;border-radius: 6px;transition: all 0.6s;cursor: pointer;font-weight: 700;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;}
.form-btn-box input:hover{transition: all 0.2s;}
.form-btn-back{background-color: #888888;}
.form-btn-back:hover{transition: all 0.2s;background-color: #a3a3a3;}
.form-btn-submit{background-color: #f08a06;}
.form-btn-submit:hover{transition: all 0.2s;background-color: #ffac40;}
.form-finish{padding-bottom: 5rem;}

.form-labels label{display: inline-block;margin-right: 1.5rem!important;}
.form-labels label input{display: inline-block;width: 17px;height: 17px;}

.thanks-box{width: 100%;max-width: 900px;margin: 0 auto;padding: 4rem 0 4rem;}
.thanks-title{font-weight: bold;font-size: 1.4rem;border-bottom: 2px solid #b24848;}
.thanks-text p{margin-top: 1.5rem;}
.thanks-finish{font-weight: 700;color: #be4436;}

@media only screen and (max-width: 768px) {
	.main-first{padding-top: 3rem;}
	.text-box01 {font-size: 1rem;}
	.text-box01:not(:first-child),
	.text-box01 p:not(:first-child){margin-top: 1.6rem;}
	.t-br{display: none;}
	.title01{font-size: 1.6rem;;margin-top: 4rem;}
	.form-text{margin-top: 3rem;}
	.form-box{margin-top: 2rem;}
	.form-list li{padding: 0.6rem 0 1.2rem;}
	.form-list li:first-child{padding-top: 1.5rem;}
	.form-btn{margin-top: 1.5rem;padding-top: 1.5rem;}
	.form-finish{padding-bottom: 0rem;}

}
@media only screen and (max-width: 480px) {
	.main-content{padding: 3rem 0 4rem;}
	.main-content02{padding: 0 0 3rem;margin-top: -2rem;}
	.main-first{padding-top: 2.5rem;}
	.step-box{margin-top:2rem;}
	.step-list{flex-direction: column;}
	.step-list li{width: 100%;margin: 1.5rem auto 0;}
	.step-list li .txt{padding: 1rem 0;}
	.form-confirm{margin: 0 auto;}
	.form-btn{justify-content: space-between;margin: 0 0;}	
	.thanks-box{padding: 2rem 0 4rem;}
	.thanks-title{font-size: 1.3rem;}
	.thanks-text p{margin-top: 1.5rem;}
}