@charset "utf-8";


#page-bg{position: relative;overflow: hidden;display: block;}
	@media (max-width:991px)	{#page-bg{margin-top: 0;padding-top: 0;}}

#page-bg img {
	max-width: inherit;
	max-height: inherit;
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover';
	object-position:50% 50%;
	position: absolute;top: 0;left: 0;right: 0;bottom: 0;
}

section h4{ text-align:center; font-size:36px; font-weight:normal; margin-bottom:75px;}
	@media (max-width:991px)	{ section h4{ font-size:21px; margin-bottom:35px color:#0066FF;}}



.h2-mask{z-index:2;background-color:rgba(0,0,0,.25);padding: 50px 30px 50px;position: relative;}
	@media (max-width:991px)	{.h2-mask{padding: 30px 0 30px;}}

.page-title{padding: 40px;background-color:rgba(0, 0, 0,.5);max-width: 1500px;margin: 0 auto;color:#fff;}
	@media (max-width:991px)	{.page-title{padding:15px;}}

#page-bg h2{font-size:40px;line-height: 1;text-align: center;color:#fff;font-weight: bold;border-bottom: 1px solid #fff;padding-bottom: 30px;margin-bottom: 25px;font-family:'nserif',serif;}
	@media (max-width:991px)	{#page-bg h2{font-size:28px;padding-bottom: 15px;margin-bottom: 15px;}}

.h2-lead{font-size: 30px;text-align: center;font-weight: bold;}
	@media (max-width:991px)	{.h2-lead{font-size: 18px;}}

.h2-sublead{font-size: 18px;text-align: center;}
	@media (max-width:991px)	{.h2-sublead{font-size: 16px;}}

.h2-sublead .en{letter-spacing:.1em;text-indent:.1em;}


.breadcrumb{background: transparent;font-size: 12px;padding: 15px 0;}



/* title */
[class*="tit-level"]				{}
[class*="tit-level"]:first-child	{margin-top:0;}
[class*="tit-level"]:last-child		{margin-bottom:0;}
hr + [class*="tit-level"]			{margin-top:20px;}

.tit-level1{font-size: 27px;line-height: 1;position: relative;margin-bottom: 45px;text-align: center;padding-bottom: 20px;color:#2592cd;font-family:'nserif',serif; font-weight: bolder;}
	@media (max-width:991px)	{.tit-level1{font-size: 18px;padding-bottom: 15px;}}

.tit-level1:after{content: "";width: 3em;height: 2px;position: absolute;left: 50%;right: 50%;bottom: 0;margin:0 -1.5em;background: #2592cd;display: block;}
	@media (max-width:991px)	{.tit-level1:after{display: block;}}

.tit-level2{line-height:1.25;position:relative;border-bottom:1px dotted #666;font-size:21px;margin:30px 0 20px;padding-bottom:9px;font-weight: bold;}
	@media (max-width:991px)	{.tit-level2{font-size:16px;margin:10px 0 5px;padding-bottom:5px;}}

.tit-level3{line-height:1.25;position:relative;border-left:3px solid #666;font-size:18px;margin:20px 0 15px;padding-left:10px;font-weight: bold;}
	@media (max-width:991px)	{.tit-level3{font-size:15px;margin:20px 0 10px;padding-left:10px;}}






.source-tb{border-top:1px solid #ddd;border-left:1px solid #ddd;margin-top:-1px;}

.source-tb th{background: #efefef;width: 150px;}
.source-tb td{background: #fff; font-size:12px;}

.source-tb th,.source-tb td{border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
	@media (max-width:991px)	{.common-tb th,.common-tb td{display: block;width: auto !important;}}

.source-tb td a img{vertical-align: middle;}

.source-tb td hr{margin: 9px 0;}


.common-tb.prf th{
	width: 11em;
}
.common-tb.frm th{width: 13em;}




/* よくあるご質問 */

#faq1{}
#faq1 .container{max-width: 1500px;padding: 0;}

#faq2{}
#faq2 .container{max-width: 1500px;padding: 0;}

.qabox dd p{margin-top: -25px;}

.qabox + .qabox{margin-top: 45px;}
	@media only screen and (max-width:767px)	{.qabox + .qabox{margin-top: 10px;}}

.qabox{
	position: relative;
	word-wrap: break-word;
	background: #fff;
}
	@media only screen and (max-width:991px)	{.qabox{}}

.qabox dt{background: #f6f6f6;display: block;position: relative;overflow: hidden;font-size: 24px;line-height: 30px;padding:45px 0 45px 60px;color:#00c1ff;font-weight: normal;}
	@media only screen and (max-width:991px)	{.qabox dt{font-size: 15px;line-height: 1.25;padding:15px 0 15px 45px;}}

.qabox dt .container:before{content: "Q.";display: inline-block;width: 60px;font-size: 30px;margin-left: -50px;}
	@media only screen and (max-width:991px)	{.qabox dt .container:before{width: 45px;margin-left: -45px;}}


.qabox dd{background: #fff;display: block;position: relative;overflow: hidden;padding:45px 0 45px 60px;font-weight: normal;}
	@media only screen and (max-width:991px)	{.qabox dd{line-height: 1.25;padding:15px 0 15px 45px;}}

.qabox dd .container:before{content: "A.";display: inline-block;width: 60px;font-size: 30px;margin-left: -50px;color:#903;}
	@media only screen and (max-width:991px)	{.qabox dd .container:before{width: 45px;margin-left: -45px;}}



/* 料金プラン */

#plan1{}

#plan2{}

#plan2 h3{color:#c03; font-size: 60px;font-weight: bold;}
	@media only screen and (max-width:991px)	{#plan2 h3{color:#c03; font-size: 26px;font-weight: bold;}}
	
#plan2 h4{text-align: left;font-size: 28px;font-weight: bold;margin-bottom: 30px;}
	@media only screen and (max-width:991px)	{#plan2 h4{font-size: 20px;font-weight: bold;margin-bottom: 15px;}}
	
#plan2 h4:first-letter{color:#c03;text-align: left;font-size: 60px;font-weight: bold;margin-bottom: 30px; margin-right:10px;}
	@media only screen and (max-width:991px)	{#plan2 h4:first-letter{font-size: 36px;font-weight: bold;margin-bottom: 15px;}}
	
#plan2-copy img{}
	@media only screen and (max-width:991px)	{#plan2-copy img{width: 290px;height: auto;}}

#plan2 .lead{font-size: 30px;line-height: 36px;margin: 30px 0;}
	@media only screen and (max-width:991px)	{#plan2 .lead{font-size: 21px;line-height: 27px;margin: 15px 0;}}

#arrow1-1{
	background: url(../images/plan/bg-flow1.jpg) center center /cover no-repeat #fff;
	height:310px;
	padding-top: 30px;
	padding-bottom: 60px;
}
	@media only screen and (max-width:991px)	{#arrow1-1{background: url(../images/plan/bg-arrow1-sp.jpg) center center /cover no-repeat #fff;padding-bottom: 90%;}}

#arrow1-2{
	background: url(../images/plan/bg-arrow2.jpg) center center /cover no-repeat #fff;
	height:310px;
	padding-top: 30px;
	padding-bottom: 60px;
}
	@media only screen and (max-width:991px)	{#arrow1-2{background: url(../images/plan/bg-arrow2-sp.jpg) center center /cover no-repeat #fff;padding-bottom: 90%;}}

#arrow1-3{
	background: url(../images/plan/bg-arrow3.jpg) center center /cover no-repeat #fff;
	height:310px;
	padding-top: 30px;
	padding-bottom: 60px;
}
	@media only screen and (max-width:991px)	{#arrow1-3{background: url(../images/plan/bg-arrow3-sp.jpg) center center /cover no-repeat #fff;padding-bottom: 90%;}}

#arrow1-4{
	background: url(../images/plan/bg-arrow4.jpg) center center /cover no-repeat #fff;
	height:310px;
	padding-top: 30px;
	padding-bottom: 60px;
}
	@media only screen and (max-width:991px)	{#arrow1-4{background: url(../images/plan/bg-arrow4-sp.jpg) center center /cover no-repeat #fff;padding-bottom: 90%;}}

#arrow1-5{
	background: url(../images/plan/bg-arrow5.jpg) center center /cover no-repeat #fff;
	height:310px;
	padding-top: 30px;
	padding-bottom: 60px;
}
	@media only screen and (max-width:991px)	{#arrow1-5{background: url(../images/plan/bg-arrow5-sp.jpg) center center /cover no-repeat #fff;padding-bottom: 90%;}}




#plan3{}
#plan3 h3{border-bottom: 1px solid #ddd;padding-bottom: 19px;margin-bottom: 30px;}
	@media only screen and (max-width:991px)	{#plan3 h3{font-size: 21px;margin-bottom: 15px;padding-bottom: 9px;}}

#plan3 h4{border-bottom: 1px solid #ddd;text-align: left;padding-bottom: 19px;font-size: 24px;margin-bottom: 30px;}
	@media only screen and (max-width:991px)	{#index3 h3{font-size: 21px;margin-bottom: 15px;padding-bottom: 9px;}}

#plan3 h4 small{display: block;font-size: 12px;margin-bottom: 10px;}
	@media only screen and (max-width:991px)	{#plan3 h3 small{font-size: 10px;margin-bottom: 5px;}}


.tit-mini{color:#666;}
.tit-light{color:#0093d3;position: relative;}
.tit-standard{color:#f4e603;}
.tit-advance{color:#cc006b;}

#plan3 .balloon{width: 50px;height: 48px;text-align: center;font-size: 12px;line-height: 14px;padding: 7px 5px 10px;position: absolute;left: 180px;bottom: 10px;display: block;}
	@media only screen and (max-width:991px)	{#plan3 .balloon{left: 150px;bottom: 5px;}}

.plan-tb{width: 100%;}
.plan-tb th,.plan-tb td{border-bottom: 1px solid #ddd;padding: 10px;}
	@media only screen and (max-width:991px)	{.plan-tb th,.plan-tb td{display: block;}}


.plan-tb th{font-weight: normal;white-space: normal;}
.plan-tb th span{font-weight: bold;font-size: 18px;}
.plan-tb td{color:#333;font-weight: bold;font-size: 16px;text-align: right;}

.plan-tb.total td{font-size: 30px;}
.plan-tb.total td small{font-size: 14px;}

#ban_web{background: url(../images/common/ban_web.jpg) center center /cover no-repeat #00c1ff;color:#fff;}
	@media only screen and (max-width:991px)	{#ban_web{background: url(../images/common/ban_web-sp.jpg) center center /cover no-repeat;}}

#ban_web h2{color:#fff;text-align: left;font-size: 60px;font-weight: bold;margin-bottom: 30px;}
	@media only screen and (max-width:991px)	{#ban_web h2{font-size: 29px;font-weight: bold;margin-bottom: 15px;}}

.ban_web-copy img{}
	@media only screen and (max-width:991px)	{.ban_web-copy img{width: 290px;height: auto;}}

#ban_web .lead{font-size: 30px;line-height: 36px;margin: 30px 0;}
	@media only screen and (max-width:991px)	{#ban_web .lead{font-size: 21px;line-height: 27px;margin: 15px 0;}}


.check{list-style: none;}
.check li{font-size: 18px;line-height: 48px;padding-left: 45px;padding-left: 48px;position: relative;}
	@media (max-width:991px)	{.check li{font-size: 16px;line-height: 24px;padding-left: 24px;}}

.check li:before{content: "";background: url(../images/common/checkmark.png) left center /30px no-repeat;width: 30px;height: 48px;display: block;position: absolute;top: 0;left: 0;right: 0;}
	@media (max-width:991px)	{.check li:before{width: 30px;height: 24px;background-size:20px;}}

.comment{font-size: 18px;line-height: 48px;padding-left: 45px;padding-left: 48px;position: relative;}
	@media (max-width:991px)	{.check li{font-size: 16px;line-height: 24px;padding-left: 24px;}}

/* contact,inquiry,entry,estimate */
/* form control */
/* 以下必須マーク */
.common-tb.frm th.required{
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0NiIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDQ2IDE0LjAxIj48dGl0bGU+cmVxdWlyZTwvdGl0bGU+PHJlY3Qgd2lkdGg9IjMyIiBoZWlnaHQ9IjE0IiBzdHlsZT0iZmlsbDojYzAwIi8+PHJlY3QgeD0iMzIiIHk9IjAuMDEiIHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgc3R5bGU9ImZpbGw6bm9uZSIvPjxwYXRoIGQ9Ik0xMTcuODgsMTUxLjA5bC0xLjEzLS44NGExMi4yNSwxMi4yNSwwLDAsMCwuNzctMy41OGwxLjI5LjM4QTEzLjkxLDEzLjkxLDAsMCwxLDExNy44OCwxNTEuMDlabTIuOS4yOFYxNTJjMCwuMTgsMCwuMTkuMzIuMTloMS43N2MuNTIsMCwuNjEtLjE0LjY3LTEuOGwxLjM4LjcyYy0uMjksMi4zMy0uNjcsMi4zOS0yLDIuMzloLTIuMTJjLS44OCwwLTEuMzYsMC0xLjM2LS45NXYtLjI3YTkuOCw5LjgsMCwwLDEtMS44LDFsLS43OS0xLjIxYTEwLjcyLDEwLjcyLDAsMCwwLDIuNTktMS40OHYtNC4yNmgxLjMydjMuMzJhMTMuOTEsMTMuOTEsMCwwLDAsMy4xMi01bDEuMzIuODFTMTIzLjM2LDE0OS40MSwxMjAuNzgsMTUxLjM3Wm0xLjQ0LTQuNzZhMTMuMzYsMTMuMzYsMCwwLDAtMi43NS0xLjI5bC43Mi0xLjE1YTEyLjQ3LDEyLjQ3LDAsMCwxLDIuNzUsMS4yMlptMyw0Ljc2YTExLjg0LDExLjg0LDAsMCwwLTEuMTUtMy4yM2wxLjE5LS42N2ExOS41OCwxOS41OCwwLDAsMSwxLjE1LDNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEwLjU2IC0xNDEuOTEpIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTEyNy41OSwxNTMuNjZsLS43MS0xLjIzYTcuMDYsNy4wNiwwLDAsMCwyLjg2LTIuNDFsLjg5LDFBNy40Niw3LjQ2LDAsMCwxLDEyNy41OSwxNTMuNjZabS4yNi02LjMyLS43My0xLjJhNi42NCw2LjY0LDAsMCwwLDIuMzgtMS45NWwuODcuOTNBNy42OCw3LjY4LDAsMCwxLDEyNy44NSwxNDcuMzRabTAsMy0uNzUtMS4yYTcuMiw3LjIsMCwwLDAsMi41My0ybC44NCwxQTcuNjEsNy42MSwwLDAsMSwxMjcuODcsMTUwLjMyWm03LjcxLDMuMzNhMTAuODgsMTAuODgsMCwwLDEtMi4yLTFsLjc0LS43M2gtMS43NmwuNzEuNzJhMTEsMTEsMCwwLDEtMi40MiwxLjA3bC0uOC0xLjE3YTkuNjUsOS42NSwwLDAsMCwxLjk0LS42MmgtMXYtNS41OUgxMzJhMi43NiwyLjc2LDAsMCwwLC4yOC0uNTRoLTEuODd2LTEuMTloNS43N3YxLjE5aC0yLjQxYTIuMjMsMi4yMywwLDAsMS0uMjYuNTRoMi4yNHY1LjU5aC0xLjE5YTExLjA3LDExLjA3LDAsMCwwLDEuNzYuNjRabS0xLTYuMjhIMTMydi40N2gyLjUzWm0wLDEuNDNIMTMydi40OGgyLjUzWm0wLDEuNDRIMTMydi41aDIuNTNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEwLjU2IC0xNDEuOTEpIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+),url(../images/cmn/bg-dot.jpg);

	background-position:right center,left top;
	background-size:46px,inherit;
	background-repeat:no-repeat,repeat;}

span.required-img{display:inline-block;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDMyIDE0Ij48dGl0bGU+cmVxdWlyZS10eHQ8L3RpdGxlPjxyZWN0IHdpZHRoPSIzMiIgaGVpZ2h0PSIxNCIgc3R5bGU9ImZpbGw6I2MwMCIvPjxwYXRoIGQ9Ik0xMTcuODgsMTUxLjA5bC0xLjEzLS44NGExMi4yNSwxMi4yNSwwLDAsMCwuNzctMy41OGwxLjI5LjM4QTEzLjkxLDEzLjkxLDAsMCwxLDExNy44OCwxNTEuMDlabTIuOS4yOFYxNTJjMCwuMTgsMCwuMTkuMzIuMTloMS43N2MuNTIsMCwuNjEtLjE0LjY3LTEuOGwxLjM4LjcyYy0uMjksMi4zMy0uNjcsMi4zOS0yLDIuMzloLTIuMTJjLS44OCwwLTEuMzYsMC0xLjM2LS45NXYtLjI3YTkuOCw5LjgsMCwwLDEtMS44LDFsLS43OS0xLjIxYTEwLjcyLDEwLjcyLDAsMCwwLDIuNTktMS40OHYtNC4yNmgxLjMydjMuMzJhMTMuOTEsMTMuOTEsMCwwLDAsMy4xMi01bDEuMzIuODFTMTIzLjM2LDE0OS40MSwxMjAuNzgsMTUxLjM3Wm0xLjQ0LTQuNzZhMTMuMzYsMTMuMzYsMCwwLDAtMi43NS0xLjI5bC43Mi0xLjE1YTEyLjQ3LDEyLjQ3LDAsMCwxLDIuNzUsMS4yMlptMyw0Ljc2YTExLjg0LDExLjg0LDAsMCwwLTEuMTUtMy4yM2wxLjE5LS42N2ExOS41OCwxOS41OCwwLDAsMSwxLjE1LDNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEwLjU2IC0xNDEuOTEpIiBzdHlsZT0iZmlsbDojZmZmIi8+PHBhdGggZD0iTTEyNy41OSwxNTMuNjZsLS43MS0xLjIzYTcuMDYsNy4wNiwwLDAsMCwyLjg2LTIuNDFsLjg5LDFBNy40Niw3LjQ2LDAsMCwxLDEyNy41OSwxNTMuNjZabS4yNi02LjMyLS43My0xLjJhNi42NCw2LjY0LDAsMCwwLDIuMzgtMS45NWwuODcuOTNBNy42OCw3LjY4LDAsMCwxLDEyNy44NSwxNDcuMzRabTAsMy0uNzUtMS4yYTcuMiw3LjIsMCwwLDAsMi41My0ybC44NCwxQTcuNjEsNy42MSwwLDAsMSwxMjcuODcsMTUwLjMyWm03LjcxLDMuMzNhMTAuODgsMTAuODgsMCwwLDEtMi4yLTFsLjc0LS43M2gtMS43NmwuNzEuNzJhMTEsMTEsMCwwLDEtMi40MiwxLjA3bC0uOC0xLjE3YTkuNjUsOS42NSwwLDAsMCwxLjk0LS42MmgtMXYtNS41OUgxMzJhMi43NiwyLjc2LDAsMCwwLC4yOC0uNTRoLTEuODd2LTEuMTloNS43N3YxLjE5aC0yLjQxYTIuMjMsMi4yMywwLDAsMS0uMjYuNTRoMi4yNHY1LjU5aC0xLjE5YTExLjA3LDExLjA3LDAsMCwwLDEuNzYuNjRabS0xLTYuMjhIMTMydi40N2gyLjUzWm0wLDEuNDNIMTMydi40OGgyLjUzWm0wLDEuNDRIMTMydi41aDIuNTNaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTEwLjU2IC0xNDEuOTEpIiBzdHlsZT0iZmlsbDojZmZmIi8+PC9zdmc+) center center /cover no-repeat;width:28px;height:14px;vertical-align:baseline;margin-right:5px;}




.point{color:#038fc4;text-align: center;font-size: 18px;margin-bottom: 10px;}
	@media (max-width:991px)	{.point{font-size: 18px;}}


.point small{font-size: 12px;display: block;color:#333;}



section#contact-introduction{ padding: 75px 0 0;}
.radio + .radio,
.checkbox + .checkbox				{margin-top:10px;}
.form-inline .radio + .radio,
.form-inline .checkbox + .checkbox	{margin-top:0;}

.required-img img					{width:32px;height:14px;vertical-align:middle;margin-right:0.25em;}

.pp-scroll{height:200px;overflow-y:scroll;padding:28px;margin:-28px;}
	@media (max-width:1199px)	{.pp-scroll{padding:23px;margin:-23px;}}
	@media (max-width:991px)	{.pp-scroll{padding:13px;margin:-13px;}}

.pp-scroll a,.pp-scroll a:hover,.pp-scroll a:active,.pp-scroll a:focus{color:#333;}
.pp-scroll a{text-decoration:underline;}
.pp-scroll a:hover,.pp-scroll a:active,.pp-scroll a:focus{color:#333;text-decoration:none;}

.pp-scroll > *:last-child{}
	@media (max-width:991px)	{.pp-scroll > *:last-child{padding-bottom:13px;}}

.tit-policy{padding-bottom:9px;border-bottom:1px dotted #666;font-weight:bold;margin:30px 0 15px;}
	@media (max-width:991px)	{.tit-policy{font-size:15px;margin:20px 0 10px;}}



input[type="checkbox"], input[type="radio"] {vertical-align:baseline;margin-right:5px !important;}
.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"]{margin-right:0.5em;margin-top:6px;}
.form-inline .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"]{margin-right:0.5em;margin-top:1px;}

input{font-size:100%;vertical-align:middle;}

input[type="text"],input[type="text"]:focus,
input[type="password"],input[type="password"]:focus,
input[type="tel"],input[type="tel"]:focus,
input[type="email"],input[type="email"]:focus,
select,select:focus,textarea,textarea:focus					{border:1px solid #ddd;border-radius:4px;line-height:normal;}

input[type="text"], input[type="password"],input[type="tel"],input[type="email"],textarea{padding:14px;}
	@media (max-width:991px)	{input[type="text"], input[type="password"],input[type="tel"],input[type="email"],textarea{padding:9px;}}

select{padding:9px 14px;}
	@media (max-width:991px)	{select{padding:6px 9px;}}


textarea{font-size:1;width:100%;height: 200px;}

input[type="text"]:focus,input[type="password"]:focus,textarea:focus,select:focus{background:#f6f6f6;}


.required input[type="text"],
.required input[type="password"],
.required select,
.required textarea{border:1px solid #ffbaba;line-height:normal;}

.required input[type="text"]:focus,
.required input[type="password"]:focus,
.required textarea:focus{background:#fff6f6;line-height:normal;}

label{margin:0 1em 0 0;}

.form-ss{width:80px;}
.form-s{width:100px;}
.form-m{width:33%;min-width:240px}
.form-l{width:100%;}
.form-ll{width:100%;}



/*----------------------flowここから----------------------*/
#page1-flow{padding: 0;}


#fbox{}

.fbox{position: relative;z-index: 0;z-index: 1;display: flex;width: 100%;}
	@media only screen and (max-width:991px)	{.fbox{display: block;}}

.step-text,.step-img{flex:1 1 50%;max-width: 50%;position: relative;}
	@media only screen and (max-width:991px)	{.step-text,.step-img{width: 100%;max-width: 100%;}}


.step-text{color:#fff;position: relative;z-index: 0;z-index: 1;display: flex;width: 100%;padding:20px;align-items:center;}
.step-title{
	font-size:21px;
	font-weight:bold;
}
.step-text:after{content: "";border-width: 25px;border-style: solid;position: absolute;top: 50%;bottom: 50%;left: 100%;z-index: 1;margin: -25px 0;}
	@media only screen and (max-width:991px)	{.step-text:after{top: 100%;left: 50%;right: 50%;bottom:auto;margin:0 -25px;}}

.step1{background: #92d050;}
.step1:after{border-color: transparent transparent transparent #92d050;}
	@media only screen and (max-width:991px)	{.step1:after{border-color: #92d050 transparent transparent transparent;}}

.step2{background: #93cddd;}
.step2:after{border-color: transparent transparent transparent #93cddd;}
	@media only screen and (max-width:991px)	{.step2:after{border-color: #93cddd transparent transparent transparent;}}

.step3{background: #ffc000;}
.step3:after{border-color: transparent transparent transparent #ffc000;}
	@media only screen and (max-width:991px)	{.step3:after{border-color: #ffc000 transparent transparent transparent;}}

.step4{background: #3cc;}
.step4:after{border-color: transparent transparent transparent #3cc;}
	@media only screen and (max-width:991px)	{.step4:after{border-color: #3cc transparent transparent transparent;}}

.step5{background: #C6C;}
.step5:after{border-color: transparent transparent transparent #C6C;}
	@media only screen and (max-width:991px)	{.step5:after{border-color: #C6C transparent transparent transparent;}}

.step-no,.step-square{}
	@media only screen and (max-width:991px)	{.step-text,.step-img{display: block;}}


.step-no {flex:1 1 100px;max-width: 100px;color:#fff;}
	@media only screen and (max-width:991px)	{.step-no{width: 60px;margin: 0 auto;}}

.step-no span{border:none;color:#fff;text-align: center;display: block;border-radius:50px;vertical-align: middle;font-weight: bold;font-family: "swis721",sans-serif;width: 100px;height: 100px;font-size: 72px;line-height: 60px;}
	@media only screen and (max-width:991px)	{.step-no span{width: 60px;height: 60px;font-size: 60px;line-height: 60px;margin-bottom: 20px;}}


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

.step-square{padding-left:30px;vertical-align: middle;}
	@media only screen and (max-width:991px)	{.step-square{padding-left:0;}}

.step-square .well{background: #fff;border: none;color:#333;}

.step-img{vertical-align: middle;}

.flow-ofi{position: relative;overflow: hidden;display: block;padding-bottom: 300px;}
	@media (max-width:991px)	{.flow-ofi{margin-top: 0;padding-bottom: 200px;}}

.flow-ofi img {
	max-width: inherit;
	max-height: inherit;
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover';
	object-position:50% 50%;
	position: absolute;top: 0;left: 0;right: 0;bottom: 0;
}

/*----------------------flowここまで----------------------*/


/*会社概要*/

#company h2{font-weight:bold;font-size:36px;line-height: 1;text-align: center;margin-bottom: 30px;color: #2592cd;font-family:'nserif',serif;font-weight: bold;}
#company h2 span{ font-weight:normal; font-family:'nserif',serif;font-size: 24px;text-align: center; margin-bottom:20px;color:#2592cd; display:block;}
@media only screen and (max-width:1400px)	{#company h2{font-size:24px;padding-bottom: 15px;margin-bottom: 15px; line-height:1.5;}}
@media only screen and (max-width:991px)	{#company h2 span{font-size:20px;}}
#company h4{margin-top:50px; font-size:21px;}
#company p{text-align:center; margin-bottom:50px;}
.dealer{background:#f6f6f6; border:1px #ab987a solid; padding-bottom:50px;}

/*contact*/

#contact{ background:url(../images/top/bg-contact.jpg);padding: 65px 0 100px 0;}
@media only screen and (max-width:991px)	{#contact{background:none; padding: 45px 0 75px 0;}}
#contact h2{color:#666; font-weight:bold; font-size:48px; padding:40px 20px; text-align:center;font-family:'nserif',serif;}
@media only screen and (max-width:991px)	{#contact h2{font-size: 24px; padding:10px 20px;}}
#contact h2 img {margin-right:20px; width:30px; padding-bottom:10px;}
@media only screen and (max-width:991px)	{#contact h2 img{margin-right:10px; width:25px; padding-bottom:5px;}}

#contact .lead{ text-align:center; font-weight:bold; font-size:20px;}
@media only screen and (max-width:991px)	{#contact .lead{ text-align:center; font-weight:bold; font-size:16px;}}

.contact{background-color:rgba(255,255,255,0.7);padding: 40px 0px;width:1000px;}
	@media only screen and (max-width:991px)	{#contact { padding: 40px 10px;}}
	@media only screen and (max-width:991px)	{#contact p {padding: 0 14px;  text-align: left;}}