@charset "utf-8";

/* .flow-box */
.flow-box{}

.fb-hz{display: flex;}
	@media only screen and (max-width:991px)	{.fb-hz{display: block;}}

.fb-hz .flow{padding:1rem;position:relative;width: 100%;text-align: center;background-color: #FFF;border:1px solid #1C537D;}
	@media only screen and (max-width:767px)	{.fb-hz .flow{padding: .5rem;}}

.flow-step{font-family: 'Roboto Condensed',sans-serif;font-size: 4rem;line-height:.75;}
	@media only screen and (max-width:767px)	{.flow-step{font-size: 2rem;}}

.flow-step:before{content: "STEP";display: block;margin-bottom: .5em;font-size: 1em;}

.fb-hz .fb-ico{display: flex;justify-content:center;align-items:center; margin: .5em auto;width: 4rem;height: 4rem;font-size: 2rem;line-height: 1;background: #FFF;color:#1C537D;border-radius:50%;border: .125rem solid #1C537D;text-align: center;}
	@media only screen and (max-width:767px)	{.fb-hz .fb-ico{font-size: 1.5rem;width: 3rem;height: 3rem;}}

.fb-vt .fb-ico{display: block;margin: .75rem auto;line-height: 6rem;font-size: 3rem;background: #FFF;color:#1C537D;text-align: center;border-radius:.125rem;}
	@media only screen and (max-width:767px)	{.fb-vt .fb-ico{font-size: 2rem;line-height: 4.5rem;}}

.fb-ico i{font-family: 'Font Awesome\ 5 Pro';color:inherit !important;}


.fb-title{line-height:1.5;text-align: center;margin-top: 1em;}


.fb-hz .flow small{display: block;font-size: 16px;}
	@media only screen and (max-width:991px)	{.fb-hz .flow small{}}

.fb-hz .flow:after{content: "";border-style:solid;position: absolute;top: 50%;left: 100%;bottom: 50%;margin:-1.5rem 0;border-width:1.5rem;border-color:  transparent transparent transparent #1C537D;z-index: 2;}
	@media only screen and (max-width:991px)	{.fb-hz .flow:after{border-width: 1.25rem;margin:0 -1.25rem;top: 100%;left: 50%;right: 50%;bottom: auto;border-color: #1C537D transparent transparent transparent;}}
	@media only screen and (max-width:767px)	{.fb-hz .flow:after{border-width: 1rem;margin:0 -1rem;}}
	
.fb-hz .flow:last-child:before,.flow:last-child:after{display: none;}

.flow-img{padding:0 5px;}
	@media only screen and (max-width:1199px)	{.fb-hz .flow-img{padding:0;}}
	@media only screen and (max-width:767px)	{.fb-hz .flow-img{}}


.flow-img span{position: absolute;top: 0;left: 0;background: #000;text-align: center;width: 2.5rem;font-size: 1.25rem;line-height: 2;color:#FFF;font-weight: bold;display: block;}

.flow-txt{}

.flow-img + .flow-txt{flex:1 1 75%;max-width: 75%;padding-left: .75rem;}
	@media only screen and (max-width:991px)	{.flow-img + .flow-txt{padding-left: 2vw;}}
	@media only screen and (max-width:767px)	{.flow-img + .flow-txt{flex:1 1 66.6666666667%;max-width: 66.6666666667%;padding-left: 2.5vw;}}
	@media only screen and (max-width:575px)	{.flow-img + .flow-txt{max-width: 100%;padding-top: 5vw;padding-left: 0;}}



.fb-hz .flow h4{color:#1C537D;font-weight: bold;font-size: 1.125em;margin:0 0 .5em;}



.fb-hz .flow p{font-size: 0.9rem;line-height: 1.75;}
	@media only screen and (max-width:767px)	{.flow p{line-height: 1.5;}}

.fb-hz .flow p.kome{}
.fb-hz .flow p.kome:before{}


.fb-hz .flow hr{margin:14px 0;}


.fb-hz .flow-inner{padding: 75px 0;}
	@media only screen and (max-width:767px)	{.flow-inner{padding: 4vw 0;}}
	@media only screen and (max-width:767px)	{.flow-inner{padding: 5vw 0;}}
	@media only screen and (max-width:575px)	{.flow-inner{padding: 50vw 0 10vw;}}


.fb-hz .flow + .flow{margin: 0 0 0 2rem;}
	@media only screen and (max-width:991px)	{.fb-hz .flow + .flow{margin: 1.5rem 0 0;}}
	@media only screen and (max-width:767px)	{.fb-hz .flow + .flow{margin: 1.25rem 0 0;}}

.fb-hz .flow span[data-tel],.flow a{}

.fb-hz .flow a{text-decoration: underline;}




.fb-vt .flow	{position: relative;z-index: 0;z-index: 1;background: #FFF;display: table;width: 100%;border: 1px solid #1C537D;border-top: none;}
	@media only screen and (max-width:575px)	{.fb-vt .flow{display: flex;flex-flow:column wrap;}}

.fb-vt .flow:before,.fb-vt .flow:after{content:"";position: absolute;width: 0;height: 0;display: block;border-width:1.75rem 1.75rem 0 1.75rem;border-style:solid;left: 2.25rem;}
	@media only screen and (max-width:767px)	{.fb-vt .flow:before,.fb-vt .flow:after{border-width:1.25rem 1.25rem 0 1.25rem;left: 1.75rem;}}
	@media only screen and (max-width:575px)	{.fb-vt .flow:before,.fb-vt .flow:after{left: 50%;right: 50%;margin:0 -1.25rem;}}

.fb-vt .flow:before	{border-color: #1C537D transparent transparent;z-index: 1;top: 0;}

.fb-vt .flow:after	{border-color: #FFF transparent transparent;z-index: 2;top: -1px;}


.fb-vt .flow:first-child{border-top: 1px solid #1C537D;}

.fb-vt .flow:first-child:before,.fb-vt .flow:first-child:after{display: none;}


.fb-no,.fb-notes,.fb-img{display: table-cell;}
	@media only screen and (max-width:575px)	{.fb-no,.fb-notes,.fb-img{display: block;}}

.fb-no {width: 8rem;padding:1rem;vertical-align: middle;}
	@media only screen and (max-width:767px)	{.fb-no{width: 6rem;}}
	@media only screen and (max-width:575px)	{.fb-no{margin: 0 auto;order:2;}}

.fb-no span{border:none;padding: 0;color:#1C537D;background: #FFF;text-align: center;display: flex;justify-content:center;align-items:center;border-radius:3rem;vertical-align: middle;font-weight: bold;width: 6rem;height: 6rem;padding: 1.25rem;font-size: 3rem;line-height: 1;border: 1px dashed #1C537D;}
	@media only screen and (max-width:767px)	{.fb-no span{width: 4rem;height: 4rem;font-size: 36px;line-height: 36px;}}


.fb-no small{display: block;font-weight: bold;font-size: 15px;line-height: 18px;}
	@media only screen and (max-width:767px)	{.fb-no small{font-size: 10px;line-height: 12px;}}

.fb-notes{padding:1rem;padding-left: 0;vertical-align: middle;font-weight: 700;font-size: 1.25em;}
	@media only screen and (max-width:767px)	{.fb-notes{font-size: 1.25em;}}
	@media only screen and (max-width:575px)	{.fb-notes{order:3;text-align: center;padding: 1rem;padding-top: 0;}}

.fb-notes .well{background: #FFF;border: none;color:#212121;}

.fb-notes h4{border-left:.25rem solid #1C537D;color:#1C537D;font-size: 1.125em;margin-bottom: .66em;padding-left: .66em;font-weight: bold;}

.fb-notes h5{font-weight: bold;font-size: 1em;margin:1.25em 0 .75em;border-bottom: 1px dashed #1C537D;padding-bottom: .5em;color:#1C537D;}
	@media only screen and (max-width:575px)	{.fb-notes h5{text-align: center;}}

.fb-notes h5:first-child{margin-top: 0;}

.fb-notes p{line-height: 1.75;}

.fb-notes a{color:#FFF;}
.fb-notes a:hover{color:#FFF;}

.fb-img{width: 50%;}
	@media only screen and (max-width:575px)	{.fb-img{width: 100%;order:1;}}


	

.fb-notes hr{margin: .5em 0;border-top: 1px dashed #FF9;}

.fb-notes dl{display: table;width: 100%;}
	@media only screen and (max-width:575px)	{.fb-notes dl{display: block;}}

.fb-notes dt,.fb-notes dd{display: table-cell;}
	@media only screen and (max-width:575px)	{.fb-notes dt,.fb-notes dd{display: block;}}

.fb-notes dt{width: 7em;}
	@media only screen and (max-width:575px)	{.fb-notes dt{margin-bottom: 1.25vw;}}