@charset "utf-8";

body,input,select,textarea{color:#000;}

body{min-width:100%;}

:selection,:-moz-selection {background-color:#000;color:#fff;}

a,a:hover{color:#000;}

.text-link,.text-link:hover,.text-link:active,.text-link:focus{
	color:#000;
	text-decoration:underline;
	}
.text-link:hover,.text-link:active,.text-link:focus{text-decoration:none;}

.img-link:hover img{opacity:.75;}

span[data-action="call"]{display:inline-block;white-space: nowrap;}

/* 
.bg-pr{background-color: #;color:#FFF;}
.bg-se{background-color: #;color:#FFF;}
.bg-ac{background-color: #;color:#FFF;}

.txt-pr{color:#;}
.txt-se{color:#;}
.txt-ac{color:#;}

.bdc-pr{border-color:#;}
.bdc-se{border-color:#;}
.bdc-ac{border-color:#;}
 */


/* index */
#story{}

.sec-story{background: url(../images/sec-story.png) center top fixed #FCFBF3;}


_::-webkit-full-page-media, _:future, :root .sec-story {background-attachment: scroll;}





.trouble-list{display: flex;justify-content:center;margin-bottom: 2rem;border: .25rem solid #F00;padding: 2rem;}
	@media only screen and (max-width:767px)	{.trouble-list{padding: 1rem;}}

.trouble-list .check li{font-weight: bold;}
.trouble-list .check li:before{color:#FC0;}


.ap-line{border-top: .5rem solid #F00;}



.management-list{display: flex;justify-content:space-between;}
	@media only screen and (max-width:991px)	{.management-list{display: block;}}




hr.ap{border: none;margin-bottom: 0;}


.sec-scene{counter-reset: scene;}
.sec-scene .row > div:nth-child(even) > a{margin-top: 15vw;}
@media only screen and (max-width:575px)    {.sec-scene .row > div:nth-child(even) > a{margin-top: 0;}}

.scene-box{display: block;overflow: hidden;position: relative;/*border-radius:2rem;*/}


/*.scene-box:before{counter-increment: scene;content: counter(scene);position: absolute;top: .5rem;left: .5rem;z-index: 9;background-color:#F90;color: #FFF;border-radius:6rem;width: 4rem;height: 4rem;text-align: center;display: flex;justify-content:center;align-items:center;font-weight: 700;font-size: 2rem;line-height: 1;}*/

.scene-box:after{content:"";display: block;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 1;}

.sec-scene .row > div:nth-child(odd) > .scene-box:after{box-shadow:0 0 1vw 4vw #FFF inset;}
.sec-scene .row > div:nth-child(even) > .scene-box:after{box-shadow:0 0 2vw 3vw #FFF inset;}

@media only screen and (max-width:575px)    {
	.sec-scene .row > div:nth-child(odd) > .scene-box:after{box-shadow:0 0 2vw 8vw #FFF inset;}
	.sec-scene .row > div:nth-child(even) > .scene-box:after{box-shadow:0 0 4vw 6vw #FFF inset;}
}

.scene-img{overflow: hidden;/*border-radius:2rem;*/}

.scene-img img{width: 100%;height: auto;}


.scene-img{transform:scale(1);transition:transform .3s;}
.scene-box:hover .scene-img{transform:scale(1.025);transition:transform .3s;}

.scene-title{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;justify-content:center;align-items:flex-end;background: rgba(238,157,43,0);transition:background .3s;padding: 0.5em;overflow: hidden;/*border-radius:1.5rem;*/z-index: 2;text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;}
    @media only screen and (max-width:991px)    {.scene-title{padding: 1rem;}}


.scene-box:hover .scene-title{background: rgba(238,157,43,.4);transition:background .3s;}

/*.scene-title span{background: #FFC900;color:#000;display: block;padding: 1em 1.25em;font-weight: bold;font-size: 1em;line-height: 1.5;border-radius:6rem;}
    @media only screen and (max-width:767px)   {.scene-title span{font-size: .9em;}}
*/

.scene-title span{color:#000;display: block;padding: 1em 1.25em;font-weight: bold;font-size: 1em;line-height: 1.5;border-radius:6rem;}
    @media only screen and (max-width:767px)   {.scene-title span{font-size: .9em;}}


.modal-open{padding-right: 0 !important;}

.modal{z-index: 99999;}

.modal-dialog{margin: 6rem auto;}

.modal-content{background-position: center center;background-size: cover;background-repeat: no-repeat;border:none;}

#scene01 .modal-content{background-image: url(../images/scene01.jpg);}
#scene02 .modal-content{background-image: url(../images/scene02.jpg);}
#scene03 .modal-content{background-image: url(../images/scene03.jpg);}
#scene04 .modal-content{background-image: url(../images/scene04.jpg);}
#scene05 .modal-content{background-image: url(../images/scene05.jpg);}
#scene06 .modal-content{background-image: url(../images/scene06.jpg);}
#scene07 .modal-content{background-image: url(../images/scene07.jpg);}
#scene08 .modal-content{background-image: url(../images/scene08.jpg);}
#scene09 .modal-content{background-image: url(../images/scene09.jpg);}
#scene10 .modal-content{background-image: url(../images/scene10.jpg);}
#scene11 .modal-content{background-image: url(../images/scene11.jpg);}
#scene12 .modal-content{background-image: url(../images/scene12.jpg);}
#scene13 .modal-content{background-image: url(../images/scene13.jpg);}
#scene14 .modal-content{background-image: url(../images/scene14.jpg);}
#scene15 .modal-content{background-image: url(../images/scene15.jpg);}
#scene16 .modal-content{background-image: url(../images/scene16.jpg);}
#scene17 .modal-content{background-image: url(../images/scene17.jpg);}
#scene18 .modal-content{background-image: url(../images/scene18.jpg);}
#scene19 .modal-content{background-image: url(../images/scene19.jpg);}
#scene20 .modal-content{background-image: url(../images/scene20.jpg);}
#scene21 .modal-content{background-image: url(../images/scene21.jpg);}
#scene22 .modal-content{background-image: url(../images/scene22.jpg);}
#scene23 .modal-content{background-image: url(../images/scene23.jpg);}
#scene24 .modal-content{background-image: url(../images/scene24.jpg);}
#scene25 .modal-content{background-image: url(../images/scene25.jpg);}
#scene26 .modal-content{background-image: url(../images/scene26.jpg);}
#scene27 .modal-content{background-image: url(../images/scene27.jpg);}


.modal-body{padding: 6rem 3rem;background-position: center center;background-size: cover;background-repeat: no-repeat;background-color: rgba(255,255,255,.75);height:calc(100vh - 12rem);overflow-y:auto;}
	@media only screen and (max-width:991px)    {.modal-body{padding: 4rem 2rem;}}
	@media only screen and (max-width:991px)    {.modal-body{padding: 2rem 1rem;}}



.modal-backdrop{z-index: 99998;}

.modal-backdrop.show {
    opacity: .9;
}













.story-start{border-radius:0 0 4rem 0;overflow: hidden;}

.sec-story:first-child{padding-top: 10rem;}
	@media only screen and (max-width:1199px)	{.sec-story:first-child{padding-top: 8rem !important;}}
	@media only screen and (max-width:991px)	{.sec-story:first-child{padding-top: 6rem !important;}}
	@media only screen and (max-width:767px)	{.sec-story:first-child{padding-top: 4rem !important;}}

.sec-story:first-child:before	{content: '';background: url(../images/mask-upper-wh.png) center top no-repeat;height: 75px;position: absolute;top: 0;left: 0;right: 0;}
.sec-story:last-child:after	{content: '';background: url(../images/mask-footer-wh.png) center bottom no-repeat;height: 74px;position: absolute;left: 0;right: 0;bottom: 0;}

	@media only screen and (max-width:1199px)   {
		.sec-story:first-child:before,.sec-story:last-child:after	{background-size:100%;}
	}

.story-start-head{border-radius:4rem;position: relative;overflow: hidden;}

.start-message{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;justify-content:center;align-items:center}
.start-message img{width: auto;height: auto;}
	@media only screen and (max-width:767px)	{.start-message img{width: 75%;}}


#reason .sub-title{position: relative;background: url(../images/h3-reason.jpg) center center /cover no-repeat;padding: 15rem 0 10rem;}
	@media only screen and (max-width:1199px)	{#reason .sub-title{padding: 12.5rem 0 8rem;}}
	@media only screen and (max-width:991px)	{#reason .sub-title{padding: 10rem 0 6rem;}}
	@media only screen and (max-width:767px)	{#reason .sub-title{padding: 7.5rem 0 4rem;}}

#reason .sub-title:before	{content: '';background: url(../images/mask-upper-wh.png) center top no-repeat;top: 0;height: 75px;position: absolute;left: 0;right: 0;}
#reason .sub-title:after	{background: url(../images/mask-footer-wh.png) center bottom no-repeat;bottom: 0;height: 74px;}

	@media only screen and (max-width:1199px)   {
		#reason .sub-title:before,#reason .sub-title:after	{background-size:100%;}
	}


#faq .sub-title{position: relative;background: url(../images/h3-faq.jpg) center center /cover no-repeat;padding: 15rem 0 10rem;}
	@media only screen and (max-width:1199px)	{#faq .sub-title{padding: 12.5rem 0 8rem;}}
	@media only screen and (max-width:991px)	{#faq .sub-title{padding: 10rem 0 6rem;}}
	@media only screen and (max-width:767px)	{#faq .sub-title{padding: 7.5rem 0 4rem;}}

#faq .sub-title:before	{content: '';background: url(../images/mask-upper-wh.png) center top no-repeat;top: 0;height: 75px;position: absolute;left: 0;right: 0;}
#faq .sub-title:after	{background: url(../images/mask-footer-wh.png) center bottom no-repeat;bottom: 0;height: 74px;}

	@media only screen and (max-width:1199px)   {
		#faq .sub-title:before,#faq .sub-title:after	{background-size:100%;}
	}


.sec-faq{padding-top: 10rem !important;background: url(../images/sec-faq.png) center top no-repeat #FFF;}
	@media only screen and (max-width:1199px)	{.sec-faq{padding-top: 8rem !important;}}
	@media only screen and (max-width:991px)	{.sec-faq{padding-top: 6rem !important;}}
	@media only screen and (max-width:767px)	{.sec-faq{padding-top: 4rem !important;}}

#plan .sub-title{position: relative;background: url(../images/h3-plan.jpg) center center /cover no-repeat;padding: 15rem 0 9rem;}
	@media only screen and (max-width:1199px)	{#plan .sub-title{padding: 12.5rem 0 8rem;}}
	@media only screen and (max-width:991px)	{#plan .sub-title{padding: 10rem 0 6rem;}}
	@media only screen and (max-width:767px)	{#plan .sub-title{padding: 7.5rem 0 4rem;}}

#plan .sub-title:before	{content: '';background: url(../images/mask-upper-wh.png) center top no-repeat;top: 0;height: 75px;position: absolute;left: 0;right: 0;}
#plan .sub-title:after	{background: url(../images/mask-footer-iv.png) center bottom no-repeat;bottom: 0;height: 74px;}

	@media only screen and (max-width:1199px)   {
		#plan .sub-title:before,#plan .sub-title:after	{background-size:100%;}
	}


.sec-plan{background: url(../images/sec-plan.png) center top no-repeat #FCFBF3;}


#estimate .sub-title{position: relative;background: url(../images/h3-estimate.jpg) center center /cover no-repeat;padding: 15rem 0 9rem;}
	@media only screen and (max-width:1199px)	{#estimate .sub-title{padding: 12.5rem 0 8rem;}}
	@media only screen and (max-width:991px)	{#estimate .sub-title{padding: 10rem 0 6rem;}}
	@media only screen and (max-width:767px)	{#estimate .sub-title{padding: 7.5rem 0 4rem;}}

#estimate .sub-title:before	{content: '';background: url(../images/mask-upper-iv.png) center top no-repeat;top: 0;height: 75px;position: absolute;left: 0;right: 0;}
#estimate .sub-title:after	{background: url(../images/mask-footer-wh.png) center bottom no-repeat;bottom: 0;height: 74px;}
	@media only screen and (max-width:1199px)   {
		#estimate .sub-title:before,#estimate .sub-title:after	{background-size:100%;}
	}

.sec-estimate{background: url(../images/sec-estimate.png) center top no-repeat #FFF;}


#application .sub-title{position: relative;background: url(../images/h3-contact.jpg) center center /cover no-repeat;padding: 15rem 0 9rem;}
	@media only screen and (max-width:1199px)	{#application .sub-title{padding: 12.5rem 0 8rem;}}
	@media only screen and (max-width:991px)	{#application .sub-title{padding: 10rem 0 6rem;}}
	@media only screen and (max-width:767px)	{#application .sub-title{padding: 7.5rem 0 4rem;}}

#application .sub-title:before	{content: '';background: url(../images/mask-upper-wh.png) center top no-repeat;top: 0;height: 75px;position: absolute;left: 0;right: 0;}
#application .sub-title:after	{background: url(../images/mask-footer-iv.png) center bottom no-repeat;bottom: 0;height: 74px;}

	@media only screen and (max-width:1199px)   {
		#application .sub-title:before,#application .sub-title:after	{background-size:100%;}
	}



.sec-application{background: url(../images/sec-application.png) center top no-repeat #FCFBF3;}
	@media only screen and (max-width:1199px)	{.sec-application{background-size:100%;}}


.modal-body p{
	font-family: 'Zen Kurenaido',serif;
	font-weight: bold;
	font-size: 1.25em;
	text-shadow:0 0 .2em white, 0 0 .2em white, 0 0 .2em white, 0 0 .2em white;
	}



.reason-box{background-color: #FCFADE;border: 4px solid #DDD;padding: 3.5rem;border-radius:2rem;}
	@media only screen and (max-width:991px)	{.reason-box{border: 3px solid #DDD;padding: 2.5rem;}}
	@media only screen and (max-width:767px)	{.reason-box{border: 2px solid #DDD;padding: 1.5rem;}}

.reason-box .tit-lv2{}
	@media only screen and (max-width:767px)	{.reason-box .tit-lv2{margin-bottom: 1em;}}

.reason-box + .reason-box{margin-top: 3rem;}
	@media only screen and (max-width:991px)	{.reason-box + .reason-box{margin-top: 2rem;}}
	@media only screen and (max-width:767px)	{.reason-box + .reason-box{margin-top: 1rem;}}

.combined .sec-column{padding-top: 10rem !important;}
	@media only screen and (max-width:1199px)	{.combined .sec-column{padding-top: 8rem !important;}}
	@media only screen and (max-width:991px)	{.combined .sec-column{padding-top: 6rem !important;}}
	@media only screen and (max-width:767px)	{.combined .sec-column{padding-top: 4rem !important;}}

.sec-column:before	{content: '';background: url(../images/mask-upper-iv.png) center top no-repeat;top: 0;height: 75px;position: absolute;left: 0;right: 0;}
	@media only screen and (max-width:1199px)   {
		.sec-column:before	{background-size:100%;}
	}


.column-box{background-color: #FCFBF3;border-radius:2rem;overflow: hidden;}

.column-head{position: relative;}

.column-head h3{display: flex;justify-content:center;align-items:flex-end;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}

.column-head span{background-color: rgba(255,200,0,.5);font-size: 1.5rem;padding: 1em;display: block;width: 100%;text-align: center;font-weight:700}
	@media only screen and (max-width:991px)	{.column-head span{font-size: 1.25rem;}}
	@media only screen and (max-width:767px)	{.column-head span{font-size: 1.125rem;}}


.column-body{padding: 3.5rem;}
	@media only screen and (max-width:991px)	{.column-body{padding: 2.5rem;}}
	@media only screen and (max-width:767px)	{.column-body{padding: 1.5rem;}}

.plan{margin-bottom: 0.5rem;font-size: 1rem;}
	@media only screen and (min-width:768px)	{.plan{table-layout: fixed;}}
	@media only screen and (max-width:767px)	{.plan{width: 48em;font-size: .9rem;}}
	@media only screen and (max-width:575px)	{.plan{font-size: .75rem;}}

.plan th,.plan td{line-height: 1.25;width: 25%;}
	@media only screen and (max-width:767px)	{.plan th,.plan td{white-space: nowrap;width: 12em;}}

.plan th{text-align: center;color:#FFF;}
.plan td{text-align: center;}


.plan th.p-t{background-color: #DDD;}
.plan td.p-t{background-color: #FFF;}

.plan th.p-b{background-color: #2E8AD1;}
.plan td.p-b{background-color: #DEECF8;}

.plan th.p-s{background-color: #ECB613;}
.plan td.p-s{background-color: #FCF5DE;}

.plan th.p-p{background-color: #CC3366;}
.plan td.p-p{background-color: #F8E2EA;}