@charset "UTF-8";
@import "base.css";
@import "fonts.css";


/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1, h2, h3, h4, h5, h6, input, button, textarea, select, blockquote, pre, address, li, dt, dd {
	font-size: 160%;
	-webkit-text-size-adjust: none;
}
p {
/*margin: 0 0 2em;*/
	font-size: 16px;
/*	font-weight: 400;*/
}

img {vertical-align: middle;max-width: 100%;flex-shrink: 0;height: auto;}
table {width: 100%}
p:last-child,
div > p:last-child{margin-bottom: 0}
*,
*::before,
*::after{box-sizing: border-box;outline: none;} 
/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/
html {background: none;}
body {color: #0d0404;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","游ゴシック体", "Yu Gothic", YuGothic, sans-serif;position: relative;}
.inner {width:960px;margin: 0 auto;max-width: 100%;padding: 0 15px;}

a,
a[target=_blank]:hover{text-decoration: none;color: #0d0404;}
a:hover{color: #e44d18;}

:root {
	--org: #e44d18;
	--green: #10c125;
	--blue:  #189ee4;
	--brown: #310000;
}


p,
dd,
dt,
li,
th,
td{line-height: 1.6em;letter-spacing: 0}

/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/

/*==========================================================================*/
/*                               ALL                                        */
/*==========================================================================*/
/* FIX FONT + PADDING */
.pdb30{padding: 0 0 30px}
.pdb50{padding: 0 0 50px;}
.mgb0{margin-bottom: 0;}
.mgb30{margin-bottom: 30px;}
.mgb35{margin-bottom: 35px;}
.mgb50{margin-bottom: 50px;}
.fs12{font-size: 12px;}
.fs16{font-size: 16px;}

/*==========================================================================*/
/*                               Main                                       */
/*==========================================================================*/
#wrapper{overflow: hidden;position: relative;}
header{position: absolute;top: 22px;left: 2px;width: 100%;z-index: 5;}
.head_ct{display: flex;justify-content: space-between;}
.head_ct p{margin-bottom: 0;}

main{margin:0;overflow: hidden;}
main h2,
main h3{text-align: center;margin-bottom: 50px;}


/* MAIN VISUAL */
.main_visual{border-top: 7px solid var(--org);position: relative;padding: 100px 0 35px;z-index: 3;}

/* SECTION 01 */
.sec01{background: url('../images/pc_sec01_bg.jpg') center /cover no-repeat;padding: 60px 0 75px;}
.sec01 h2{margin-bottom: 25px;}

/* SECTION 02 */
.sec02{background: var(--org);padding: 50px 0 0;}
.sec02_content{padding: 120px 0 230px;position: relative;}
.sec02_list{}
.sec02_list dl{display: flex;align-items: center;justify-content: flex-start;position: relative;}
.sec02_list dt{flex-shrink: 0;}

/* SECTION 03 */
.sec03{background: url('../images/pc_sec03_bg.jpg') center /cover no-repeat;padding: 68px 0;}

/* SECTION 04 */
.sec04{background: url('../images/pc_sec04_bg.jpg') top center /cover no-repeat;padding: 100px 0 5px}
.sec04 h2{margin-bottom: 0;}
.sec04_ct{background: rgba(22,36,43,0.8);padding: 45px 50px 40px;position: relative;width: 680px;margin: 0 auto 27px;}
.sec04_ct::before{width: calc(100% - 20px);height: calc(100% - 20px);position: absolute;top: 10px;left: 10px;border: 1px solid #fff;box-sizing: border-box;content: '';pointer-events: none;}
.sec04_ct ul{padding-left: 25px;}
.sec04_ct ul li{position: relative;padding-left: 35px;font-weight: bold;font-size: 24px;color: #fff;margin-bottom: 10px;}
.sec04_ct ul li span{border-bottom: 1px solid #fff;}
.sec04_ct ul li::before{background: url('../images/ic_check.png') center /cover no-repeat;width: 24px;height: 24px;position: absolute;top: 6px;left: 0;content: '';}

/* SECTION 05 */
.sec05{background: #fff3ef;padding: 50px 0 90px;text-align: center;position: relative;}
.sec05::before{width: 100%;height: 300px;position: absolute;top: -300px;left: 0;background-color: #fff3ef;z-index: -1;content: '';}
.sec05 p{font-size: 16px;}

/* SECTION 06 */
.sec06{}
.sec06 h2{background: var(--org);padding: 45px 0;margin-bottom: 0;}
.sec06_content{background: url('../images/sec06_bg.png') top left repeat;padding: 60px 0 50px;}
.sec06_list{}
.sec06_list ul{}
.sec06_list ul li{background: #fff;padding: 40px 50px;border-top: 10px solid var(--org);margin-bottom: 50px;}
.sec06_list ul li h3{text-align: left;margin-bottom: 35px;}
.sec06_list ul li p{font-size: 16px;margin-bottom: 30px;}
.sec06_list ul li .sm{font-size: 80%;}
.sec06_list ul li p:last-child{margin-bottom: 0;}

/* SECTION 07 */
.sec07{padding: 80px 0 100px;}
.sec07_list{}
.sec07_item:not(:last-child){margin-bottom: 80px;}
.sec07_item h3{margin-bottom: 40px;padding-left: 0;}
.sec07_item .sec07_ct{display: flex;align-items: center;justify-content: space-between;}
.sec07_item .sec07_img{width: 460px;flex-shrink: 0;}
.sec07_item .sec07_txt{padding: 0 0 0 30px;}
.sec07_item .sec07_txt p{font-size: 16px;}

/* SECTION 08 */
.sec08{background-color: #fff3ef;padding: 100px 0 95px;}
.sec08_list{}
.sec08_item{background: #fff;border: 1px solid var(--org);text-align: center;padding: 45px;}
.sec08_item h3{text-align: left;margin-bottom: 30px;}
.sec08_item p{font-size: 16px;margin-bottom: 10px;}


.sec08_item:not(:last-child){margin-bottom: 50px;position: relative;}
.sec08_item:not(:last-child)::before{height: 50px;width: 200px;position: absolute;bottom: -51px;left: calc(50% - 100px);background: var(--org);content: '';}

/* SECTION 09 */
.sec09_top{padding: 100px 0 148px;position: relative;}
.sec09_top_ct{background: rgba(22,36,43,0.8);padding: 50px 50px 40px;position: relative;}
.sec09_top_ct::before{width: calc(100% - 10px);height: calc(100% - 10px);position: absolute;top: 5px;left: 5px;border: 1px solid #fff;box-sizing: border-box;content: '';pointer-events: none;}
.sec09_top_ct h3{margin-bottom: 35px;}
.sec09_top_ct ul{padding-left: 135px;}
.sec09_top_ct ul li{position: relative;padding-left: 45px;font-weight: bold;font-size: 24px;color: #fff;margin-bottom: 7px;}
.sec09_top_ct ul li span{border-bottom: 1px solid #fff;}
.sec09_top_ct ul li::before{background: url('../images/ic_check.png') center /cover no-repeat;width: 24px;height: 24px;position: absolute;top: 6px;left: 0;content: '';}

.sec09_bot{padding: 145px 0 80px;}
.sec09_bot h3{margin-bottom: 40px;}
.sec09_bot h3 + p{font-size: 16px;margin-bottom: 45px;}
.sec09_item:not(:last-child){margin-bottom: 85px;}
.sec09_item p {margin-bottom: 30px;}
.sec09_content{display: flex;justify-content: space-between;padding-top: 5px;}
.sec09_content .sec09_img{flex-shrink: 0;}
.sec09_content .sec09_txt{padding: 30px 0 0 35px;}
.sec09_content .sec09_txt p{font-size: 16px;margin-bottom: 30px;}
.sec09_content .sec09_txt p .sm{font-size: 80%;}

/* SECTION 10 */
.sec10{background: url('../images/sec10_bg.png') top left repeat;padding: 165px 0 50px;position: relative;}
.sec10_arr{position: absolute;top: 0;left: calc(50% - 376px);}
.sec10_list{}
.sec10_list ul{}
.sec10_list ul li{border-top: 10px solid var(--org);background: #fff;padding: 40px 45px 35px;margin-bottom:50px;}
.sec10_list ul li h3{margin-bottom: 35px;text-align: left;}
.sec10_list ul li p{margin-bottom: 30px;font-size: 16px;padding-left: 5px;}
.sec10_list ul li .sm{font-size: 80%;position: relative;top: -10px;}
.sec10_list ul li p:last-child{margin-bottom: 0;}

/* SECTION 11 */
.sec11{background-color: #fff3ef;padding: 80px 0 115px;}
.sec11 .inner{width: 980px;}
.sec11 ul{position: relative;width: 580px;margin: 0 auto;max-width: 100%;padding-top: 30px;}
.sec11 ul::before,
.sec11 ul::after{width: 60px;height: 60px;position: absolute;top: 0;left: -60px;content: '';background: url('../images/sec11_ic_l.png') center /cover no-repeat;}
.sec11 ul::after{background: url('../images/sec11_ic_r.png') center /cover no-repeat;left: initial;right: -20px;top: inherit;bottom: -25px;}
.sec11 ul li{font-weight: bold;font-size: 24px;padding-left: 45px;margin-bottom: 8px;position: relative;}
.sec11 ul li span{color: var(--org);}
.sec11 ul li::before{width: 12px;height: 12px;background: var(--blue);border-radius: 50%;position: absolute;top: 10px;left: 20px;content: '';}

/* SECTION 12 */
.sec12{padding: 80px 0 95px;}
.sec12 h2{margin-bottom: 30px;}
.sec12 p{text-align: center;margin-bottom: 25px;}

/* SECTION 13 */
.sec13{padding: 80px 0 90px;}
.sec13_faq{padding-top: 20px;}
.sec13_faq dl:not(:last-child){margin-bottom: 50px;}
.sec13_faq dt{display: flex;align-items: center;font-weight: bold;border-top: 1px solid #0d0404;border-bottom: 1px solid #0d0404;font-size: 20px;padding: 15px 5px;margin-bottom: 10px;}
.sec13_faq dt span{flex-shrink: 0;margin-right: 15px;width: 32px;}
.sec13_faq dd{padding: 0 5px;}

/* SECTION 14 */
.sec14{background-color: #fff3ef;padding: 100px 0 40px;}
.sec14 ul{display: flex;justify-content: space-between;flex-wrap: wrap;padding: 0 5px;}
.sec14 ul li{width: 444px;margin-bottom: 60px;}
.sec14 ul li .big{font-size: 24px;font-weight: bold;border-bottom: 1px solid #0d0404;padding-bottom: 10px;margin-bottom: 15px;}
.sec14 ul li .img{margin-bottom: 15px;height: 240px;width: 100%;}
.sec14 ul li .img iframe{width: 100%;height: 100%}

/* SECTION 15 */
.sec15{padding: 100px 0;}

/* SECTION CTA 01 */
.sec_cta_01{background-color: var(--org);padding: 70px 0 20px;}
.sec_cta_01 h2{margin-bottom: 35px;}
.sec_cta_01 p{margin-bottom: 45px;}
.sec_cta_01_ct{text-align: center;padding-bottom: 45px;}
.sec_cta_01_ct p{margin-bottom: 0;}
.sec_cta_01_ct .hover{background: #fff;padding-bottom: 33px;position: relative;top: -5px;}
.sec_cta_01_ct .hover span{font-size: 14px; margin-top: 15px;position: relative;}


/* SECTION CTA 02 */
.sec_cta_02{background-color: var(--org);padding: 80px 0 80px;}
.sec_cta_02 p{margin-bottom: 45px;}
.sec_cta_02_ct{background-color: #fff;text-align: center;padding-bottom: 35px;}
.sec_cta_02_ct p{margin-bottom: 0;font-size: 14px;}
.sec_cta_02_ct p a{margin-bottom: 5px;display: inline-block;}
.sec_cta_02_ct p .sm{font-size: 14px; margin-top: 15px;}

/* SECTION CTA 03 */
.sec_cta_03{background-color: var(--org);padding: 100px 0;}
.sec_cta_03 p{margin-bottom: 45px;}

/* SECTION CTA 04 */
.sec_cta_04{background-color: var(--org);padding: 80px 0;}
.sec_cta_04_ct{background-color: #fff;text-align: center;padding-bottom: 45px;}
.sec_cta_04_ct p{margin-bottom: 0;font-size: 14px; }
.sec_cta_04_ct p a{margin-bottom: 5px;display: inline-block;}

/*==========================================================================*/
/*                               Footer                                     */
/*==========================================================================*/
footer{}
footer .foot_ct{display: flex;justify-content: space-between;position: relative;padding: 70px 0 115px 5px;}
footer .foot_ct p{margin-bottom: 0;}
footer ul li{margin-bottom: 5px;}
footer address{text-align: center;font-size: 13px;border-top: 1px solid #0d0404;padding: 50px 0;}

/*==========================================================================*/
/*                               form                                     */
/*==========================================================================*/
.checkbox01-input:checked + .checkbox01-parts::after{
	top: 3px!important;
    left: 6px!important;
    width: 8px!important;
    height: 12px!important;
    border-bottom: 3px solid #ed894d!important;
    border-right: 3px solid #ed894d!important;
}
.area-input:checked + .area-parts::after {
    top: 5px!important;
    left: 5px!important;
    width: 10px!important;
    height: 10px!important;
}
.checkbox03-input:checked + .checkbox03-parts::after {
    top: 3px!important;
    left: 7px!important;
    width: 7px!important;
    height: 12px!important;
    border-bottom: 3px solid #ed894d!important;
    border-right: 3px solid #ed894d!important;
}
.area3-input:checked + .area3-parts::after {
    top: 5px;
	left: 5px;
}
	
@media screen and (max-width: 768px){
.area-parts::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px!important;
    height: 16px!important;
    border: 2px solid #d8d8d8;
    border-radius: 50%;
}
.area3-parts::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px!important;
    height: 16px!important;
    border: 2px solid #d8d8d8;
    border-radius: 50%;
}
.checkbox01-input:checked + .checkbox01-parts::after{
	top: 0px!important;
    left: 2px!important;
}
.area-input:checked + .area-parts::after {
    top: 3px!important;
    left: 3px!important;
}
.checkbox03-input:checked + .checkbox03-parts::after {
    top: 0px!important;
    left: 3px!important;
}
.l-table table tr td .l-area-table3 .l-area-detail3 .p-title span img {
    top: 0px!important;
}
.l-table table tr th img {
    top: 0px!important;
}
	
}

@media screen and (max-width: 480px){
.dwc:nth-of-type(2) {
    width: 47%;
    padding: 23px 0px 0px 7px!important;
    float: left;
}
.dwc:nth-of-type(3) {
    width: 47%;
    padding: 23px 5px 0px 0px!important;
    float: right;
}
.checkbox01-input:checked + .checkbox01-parts::after{
	top: 0px!important;
    left: 2px!important;
}
.area-input:checked + .area-parts::after {
    top: 3px!important;
    left: 3px!important;
}
.checkbox03-input:checked + .checkbox03-parts::after {
    top: 0px!important;
    left: 3px!important;
}
.l-table table tr th img {
    top: 0px!important;
}
}

.dw-i {
    color: #ccc;
    font-size: 14px!important;
    text-align: center;
}
.dw-sel .dw-i {
    color: #333;
    font-size: 14px!important;
}

/*==========================================================================*/
/*                            フローティングバナー                             */
/*==========================================================================*/
.fl_bnr{
    position: fixed;
    z-index: 10;
    bottom: 0rem;
    width: 100%;
    background: #e44d18;
    margin: 0 auto;
    text-align: center;
}
.fl_bnr img{
	width: 30%;
}

.c-btn {
    display: block;
    position: relative;
    width: 450px;
    text-align: center;
}