@charset "UTF-8";


#main .section{ background: url(../../image/common/bg01.gif) center 0 no-repeat; background-size: 100% auto; margin-top: 70px; }
#main .section+.section{ margin-top: 100px; }
#main .section-ttl{ max-width: 1050px; padding: 60px 5%; margin: 0 auto; }
#main .section-ttl .ttl{ font-size: 70px; line-height: 1.3; font-family: 'YakuHanJP', Hind, Lato, sans-serif; color: #e95504; display: inline-block; margin-right: 20px; vertical-align: middle; }
#main .section-ttl .ttl .icon{ vertical-align: middle; display: inline-block; margin-right: 0.1em; transform: translateY(-10%); }
#main .section-ttl .ja{ font-size: 18px; line-height: 1.5; display: inline-block; color: #444444; font-weight: bold; vertical-align: middle; }
#main .flow-chart{ display: -ms-flex; display: flex; }
#main .flow-chart+.flow-chart{ margin-top: 100px; }
#main .flow-chart .photo{ padding-left: calc(50% - 525px); width: 359px; height: 545px; background: center center no-repeat; background-size: cover; border-radius: 0 50px 50px 0; box-shadow: -20px 20px 0 #f5f5f5; }
#main .flow-chart .list-item{ width: 600px; margin-left: 91px; }
#main .flow-chart .list-item .item{ padding: 20px 0 20px 90px; position: relative; border-bottom: 1px solid #c6c6c6; }
#main .flow-chart .list-item .item::before{ content: ''; position: absolute; left: 50%; top: 100%; border: 5px solid transparent; border-top-color: #6d6d6d; transform: translateX(-50%); }
#main .flow-chart .list-item .item .num{ font-size: 70px; line-height: 1.2; font-family: 'YakuHanJP', Oswald, Lato, sans-serif; color: #e95504; opacity: 0.25; position: absolute; left: 0; top: 20px; }
#main .flow-chart .list-item .item .ttl{ font-size: 20px; line-height: 1.5; color: #444444; }
#main .flow-chart .list-item .item .txt{ margin-top: 5px; }
#main .flow-chart .list-item .item .icon-box{ margin-top: 8px; }
#main .flow-chart .list-item .item .icon-box .icon{ border: 1px solid #e95504; display: inline-block; font-size: 12px; line-height: 1.5; padding: 6px 15px; border-radius: 17px; color: #e95504; margin-top: 2px; }
#main .flow-chart:nth-child(odd){ flex-direction: row-reverse; }
#main .flow-chart:nth-child(odd) .photo{  border-radius: 50px 0 0 50px; box-shadow: 20px 20px 0 #f5f5f5; }
#main .flow-chart:nth-child(odd) .list-item{ margin: 0 91px 0 0; }
#main .flow-chart:last-child .list-item .item:last-child{ border-bottom: none; }
#main .flow-chart:last-child .list-item .item:last-child::before{ display: none; }
#main .keys-list{ display: -ms-flex; display: flex; flex-wrap: wrap; }
#main .keys-list .item{ width: 33.33%; height: 380px; position: relative; overflow: hidden; background-color: #d1c6bd; }
#main .keys-list .item .photo{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: center center no-repeat; background-size: cover; transition: transform 1s; }
#main .keys-list .item .photo::before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #552300; opacity: 0.3; }
#main .keys-list .item .overlay{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,0); z-index: 10; }
#main .keys-list .item .txt-body{ width: 100%; position: absolute; top: 50%; transform: translateY(-50%); text-align: center; }
#main .keys-list .item .txt-body .num{ font-size: 48px; line-height: 1.2; font-family: 'YakuHanJP', Oswald, Lato, sans-serif; color: #ffffff; }
#main .keys-list .item .txt-body .num .icon{ vertical-align: middle; display: inline-block; margin-right: 0.1em; transform: translateY(-10%); }
#main .keys-list .item .txt-body .txt{ font-size: 18px; line-height: 1.44; color: #ffffff; font-weight: bold; margin-top: 10px; }
#main .keys-list .item .txt-body .navi{ margin: 20px auto 0; width: 200px; border: 1px solid #ffffff; text-decoration: none; color: #ffffff; padding: 15px 0; transition: background-color 0.25s; }
#main .keys-list .item .overlay:hover~.photo{ transform: scale(1.05); }
#main .keys-list .item .overlay:hover~.txt-body .navi{ background-color: #ffffff; color: #e95504; }
#main .qa-list{ width: 970px; margin: 0 auto; }
#main .qa-list .item{ background-color: #fff5e8; border-radius: 10px; padding: 0 45px; position: relative; overflow: hidden; transition: background-color 0.25s; cursor: pointer; }
#main .qa-list .item+.item{ margin-top: 10px; }
#main .qa-list .item::before{ content: ''; position: absolute; left: 0; top: 0; width: 77px; height: 77px; background: linear-gradient(135deg, #fbdc3a 30%,#f52b27 80%); border-radius: 50%; margin: -20px 0 0 -20px; }
#main .qa-list .item .icon{ font-size: 22px; line-height: 1.5; position: absolute; left: 15px; top: 8px; color: #ffffff; }
#main .qa-list .item .head{ font-size: 16px; margin-left: 45px; padding: 25px 0; position: relative; }
#main .qa-list .item .head::before{ content: ''; position: absolute; right: -20px; top: 50%; width: 19px; height: 1px; background-color: #e95504; }
#main .qa-list .item .head::after{ content: ''; position: absolute; right: -20px; top: 50%; width: 1px; height: 19px; background-color: #e95504; transform: translateY(-50%); margin-right: 9px; }
#main .qa-list .item .acordion{ display: none; }
#main .qa-list .item .txt{ font-size: 16px; padding: 35px 45px; background-color: #ffffff; border-radius: 10px; margin-bottom: 45px; }
#main .qa-list .item.active{ background-color: #ff844c; }
#main .qa-list .item.active .head{ color: #ffffff; }
#main .qa-list .item.active .head::before{ background-color: #ffffff; }
#main .qa-list .item.active .head::after{ display: none; }

@media screen and (max-width: 1180px) {
	#main .flow-chart .photo{ padding-left: 5%; width: 33.24%; }
	#main .flow-chart .list-item{ width: auto; margin: 0 5%; flex: 1; }
	#main .flow-chart:nth-child(odd) .list-item{ margin: 0 5%; }
}
@media screen and (max-width: 1100px) {
	#main .qa-list{ width: auto; padding: 0 5%; }
}
@media screen and (max-width: 1050px) {
	#main .keys-list .item{ width: 50%; }
	#main .qa-list .item{ padding: 0 35px; }
	#main .qa-list .item .head{ line-height: 1.5; margin-left: 35px; }
	#main .qa-list .item .txt{ padding: 25px 35px; margin-bottom: 35px; }
}
@media screen and (max-width: 700px) {
	#main .section{ margin-top: 7.14%; }
	#main .section+.section{ margin-top: 19.05%; }
	#main .section-ttl{ padding: 8% 5%; }
	#main .section-ttl .ttl{ font-size: 50px; margin-right: 0; display: block; }
	#main .section-ttl .ttl .icon{ height: 44px; width: auto; }
	#main .section-ttl .ja{ font-size: 14px; display: block; }
	#main .flow-chart{ flex-wrap: wrap; }
	#main .flow-chart+.flow-chart{ margin-top: 0; }
	#main .flow-chart .photo{ padding-left: 0; width: 95%; height: 0; padding-top: 89.67%; border-radius: 0 11.9vw 11.9vw 0; box-shadow: none; }
	#main .flow-chart .list-item{ margin-top: 5%; }
	#main .flow-chart .list-item .item{ padding: 30px 0 30px 60px; }
	#main .flow-chart .list-item .item .num{ font-size: 50px; }
	#main .flow-chart:nth-child(odd) .photo{ border-radius: 11.9vw 0 0 11.9vw; box-shadow: none; }
	#main .flow-chart:nth-child(odd) .list-item{ margin: 0 5%; }
	#main .flow-chart:last-child .photo{ order: 2; margin-top: 5%; }
	#main .keys-list{ margin: 0 5%; }
	#main .keys-list .item{ width: 100%; height: 0; padding-top: 73.81%; }
	#main .keys-list .item .txt-body .num{ font-size: 40px; }
	#main .keys-list .item .txt-body .num .icon{ height: 36px; width: auto; }
	#main .keys-list .item .txt-body .txt{ font-size: 14px; }
	#main .keys-list .item .txt-body .navi{ font-size: 12px; width: 160px; padding: 12px 0; }
	#main .keys-list .item .overlay:hover~.photo{ transform: scale(1); }
	#main .keys-list .item .overlay:hover~.txt-body .navi{ background-color: transparent; color: #ffffff; }
	#main .keys-list .item .overlay:active~.photo{ transform: scale(1.05); }
	#main .keys-list .item .overlay:active~.txt-body .navi{ background-color: #ffffff; color: #e95504; }
	#main .qa-list .item .head{ padding-right: 10px; }
	#main .qa-list .item .txt{ padding: 25px; }
}




.iziModal-content *{ -webkit-font-smoothing: subpixel-antialiased; }
.iziModal-overlay{ z-index: 8000!important; }
.iziModal-navigate{ z-index: 8001!important; }
.iziModal-navigate > button{ width: 71px; height: 71px; background: #e95504; opacity: 1; top: 50%; bottom: auto; transform: translateY(-50%); }
.iziModal-navigate > button:hover{ opacity: 0.7; }
.iziModal-navigate-prev{ margin-left: -490px!important; }
.iziModal-navigate-next{ margin-right: -490px!important; }
.iziModal-navigate-prev::before,
.iziModal-navigate-next::before{ content: ''; position: absolute; left: 50%; top: 50%; width: 10px; height: 1px; background-color: #ffffff; transform: translate(-50%,-50%); }
.iziModal-navigate-prev::after{ content: ''; position: absolute; top: 50%; left: 50%; margin-left: -5px; border: solid transparent; border-right-color: #ffffff; border-width: 3px 3px 3px 0; transform: translateY(-50%); }
.iziModal-navigate-next::after{ content: ''; position: absolute; top: 50%; right: 50%; margin-right: -5px; border: solid transparent; border-left-color: #ffffff; border-width: 3px 0 3px 3px; transform: translateY(-50%); }
.modal-view{ max-width: 900px!important; width: 94vw; box-sizing: border-box; z-index: 8001!important; background-color: transparent!important; box-shadow: none; }
.modal-view .inner-body{ border: 10px solid #f5b28d; padding: 45px 55px; border-radius: 15px!important; background-color: #ffffff; }
.modal-view .inner-body .head{ display: -ms-flex; display: flex; align-items: center; }
.modal-view .inner-body .head .num{ font-size: 48px; line-height: 1.2; font-family: 'YakuHanJP', Oswald, Lato, sans-serif; color: #e95504; }
.modal-view .inner-body .head .icon{ vertical-align: middle; display: inline-block; margin-right: 0.1em; transform: translateY(-10%); }
.modal-view .inner-body .head .ttl{ margin-left: 30px; }
.modal-view .inner-body .head .ttl .inner{ font-size: 20px; line-height: 1.6; font-weight: bold; color: #1e1e1e; background: url(../image/bg01.gif) center center repeat; background-size: auto 32px; }
.modal-view .inner-body .foot{ margin-top: 20px; }
.modal-view .inner-body .foot .copy{ color: #e95504; margin-bottom: 10px; font-size: 16px; }
.modal-view .inner-body .foot .note{ background-color: #fff8e4; border-radius: 20px; padding: 30px 40px; margin-top: 20px; }
.modal-view .inner-body .foot .note .head{ font-size: 18px; line-height: 1.5; font-weight: bold; color: #444444; }
.modal-view .inner-body .foot .note .txt{ margin-top: 5px; }
.modal-view .close-btn{ position: absolute; right: 0; bottom: 100%; width: 40px; height: 40px; color: transparent; cursor: pointer; }
.modal-view .close-btn::before{ content: ''; position: absolute; left: 50%; top: 50%; width: 70%; height: 2px; background-color: #ffffff; transform: translate(-50%,-50%) rotate(45deg); }
.modal-view .close-btn::after{ content: ''; position: absolute; left: 50%; top: 50%; width: 70%; height: 2px; background-color: #ffffff; transform: translate(-50%,-50%) rotate(-45deg); }
.modal01 .inner-body .foot{ display: -ms-flex; display: flex; justify-content: space-between; }
.modal01 .inner-body .foot .txt{ flex: 1; margin-right: 30px; }
.modal01 .inner-body .foot .photo{ margin-top: -100px; }
.modal05 .inner-body .foot .note .list-item{ display: -ms-flex; display: flex; justify-content: space-between; flex-wrap: wrap; }
.modal05 .inner-body .foot .note .list-item .item{ width: 48%; }
.modal05 .inner-body .foot .note .list-item .item:nth-child(n+3){ margin-top: 4%; }
.modal05 .inner-body .foot .note .list-item .item .head{ border-left: 4px solid #e95504; padding: 5px 0 5px 15px; }
@media screen and (max-width: 1000px) {
	.iziModal-navigate-prev{ margin-left: -50%!important; }
	.iziModal-navigate-next{ margin-right: -50%!important; }
}
@media screen and (max-width: 800px) {
	.modal01 .inner-body .foot{ display: block; }
	.modal01 .inner-body .foot .txt{ margin-right: 0; }
	.modal01 .inner-body .foot .photo{ margin-top: 20px; text-align: center; }
}
@media screen and (max-width: 700px) {
	.iziModal-navigate{ display: none; }
	.modal-view .inner-body{ border-width: 1.43vw; padding: 7% 5%; border-radius: 2.14vw!important; }
	.modal-view .inner-body .head .num{ font-size: 40px; }
	.modal-view .inner-body .head .num .icon{ height: 36px; width: auto; }
	.modal-view .inner-body .head .ttl{ margin-left: 20px; flex: 1; }
	.modal-view .inner-body .head .ttl br{ display: none; }
	.modal-view .inner-body .foot{ margin-top: 5%; }
	.modal-view .inner-body .foot .note{ border-radius: 2.86vw; padding: 5%; margin-top: 5%; }
	.modal-view .inner-body .foot .note .head{ font-size: 16px; }
	.modal-view .close-btn{ position: static; width: auto; height: auto; background-color: #eeeeee; color: #666666; text-align: center; padding: 15px 0; max-width: 300px; margin: 5% auto 0; border-radius: 5px; }
	.modal-view .close-btn::before,
	.modal-view .close-btn::after{ display: none; }
	.modal01 .inner-body .foot .photo{ margin-top: 5%; }
	.modal05 .inner-body .foot .note .list-item{ display: block; }
	.modal05 .inner-body .foot .note .list-item .item{ width: 100%; }
	.modal05 .inner-body .foot .note .list-item .item:nth-child(n+2){ margin-top: 4%; }
	.modal05 .inner-body .foot .note .list-item .item .head{ padding: 0 0 0 10px; }
}