@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;}}

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

.page-title{padding:55px 35px; color:#fff; }
	@media (max-width:991px)	{.page-title h2{padding:5px;}}

#page-bg h2{font-size:40px;line-height: 1;text-align: center; color:#fff;font-weight: bold;padding-bottom: 20px;/*text-shadow:2px 2px 2px rgba(0,0,0,.75);*/text-shadow: 0 0 8px rgba(64,64,64,.5);}
	@media (max-width:991px)	{#page-bg h2{font-size:24px;padding-bottom: 15px;margin-bottom: 15px;text-shadow:1px 1px 1px rgba(0,0,0,.75);text-align: center;text-shadow: 0 0 8px rgba(64,64,64,.5);}}

.h2-lead{font-size: 30px;text-align: center;font-weight: bold;text-shadow:2px 2px 2px rgba(0,0,0,.75);text-shadow: 0 0 8px rgba(64,64,64,.5);}
	@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"]: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:#496032; font-weight: bold;}
	@media (max-width:991px)	{.tit-level1{font-size: 18px;padding-bottom: 15px;}}

.tit-level1:after{content: "";width: 3em;height: 3px;position: absolute;left: 50%;right: 50%;bottom: 0;margin:0 -1.5em;background: #496032;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 15px;padding-bottom:5px;}}

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


/*会社概要*/
.tit-level1a{font-size: 30px;line-height: 1;position: relative;text-align: left;padding-bottom: 40px;color:#333;margin-bottom: 10px;  font-weight: bold; line-height: 1.5; text-align: center}
	@media (max-width:991px)	{.tit-level1a{font-size: 15px;padding-bottom: 15px; margin-bottom: 10px; text-align: center;}}

.tit-level1a span{font-size: 20px;line-height: 1;position: relative;text-align: left; color:#000;display: block; line-height: 1.75}
	@media (max-width:991px)	{.tit-level1a span{font-size: 17px; font-weight: bold; margin-bottom: 10px; line-height: 1.75; font-weight: 100;text-align: center;}}

.tit-level1b{color:#0048aa;text-align: center;font-size: 40px;margin-bottom: 50px; font-family:'nserif',serif; font-weight: bold; line-height: 1.0;}
	@media only screen and (max-width:991px)	{.tit-level1b{font-size: 34px;font-weight: bold;margin-bottom: 15px; line-height: 1.5; font-weight: bold;}}

.tit-level1b span{font-size: 20px; display: block; line-height: 2.25;}
	@media only screen and (max-width:991px)	{h2.top-h2 span{font-size: 17px; font-weight: bold; margin-bottom: 30px; line-height: 1.75; font-weight: 100;}}

.cus-tb1001{margin: 0 auto;border: none;border-bottom: solid 1px #666;border-collapse: separate;border-spacing: 0 10px;}
	@media only screen and (max-width:991px)	{.cus-tb1001{border-spacing:0;}}

.cus-tb1001 th{vertical-align: middle;width: 20%;border-right: solid 1px #666;margin: 0;text-align: center;color: #333;font-size: 16px;font-weight: bold;}
	@media only screen and (max-width:991px)	{.cus-tb1001 th{display: block;width: 100%;border-right: none; border-bottom: solid 1px #999;}}

.cus-tb1001 td.fst{border-right: solid 1px #666;}
.cus-tb1001 td{padding: 0 0 0 30px;margin: 0;;width: 40%;border: none;color: #666;font-size: 16px;vertical-align: middle;}
	@media only screen and (max-width:991px)	{.cus-tb1001 td{display: block;width: 100%; padding:20px 10px 20px 10px;background: #fafafa;}
.cus-tb1001 td.fst{border-right: none;}}
.cus-tb1001 td.bar {height: 1px;width: 100%;border-top: solid 1px #34495e; padding:0;}

.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;}

#item1{background: #f6f4f2; text-align:center;}

/*
#item1 h3{ font-size:32px; margin-bottom:45px; color:#333; font-weight:bold; text-align: left; position: relative;}
#item1 h3 span{color:#e8e4e0; font-size: 70px; position: absolute;right: 0;top: -28px;}
@media only screen and (max-width:991px)	{#item1 h3{font-size:20px; text-align:center; margin:0 0 45px 0;}
#item1 h3 span{color:#e8e4e0; font-size: 40px; position: initial;right: 0;top:0; display: block;}}
*/
#item1 h4{
	color:#333;text-align:center;
	font-size: 18px;
	font-weight:500;
	margin-bottom: 40px;
	line-height:2.2;
	}

#item1 h4 span{ padding:0 8px; background:#fff; border:6px solid #333;}
#item1 h4 span.pr-01{ color:#f95d85;}
#item1 h4 span.pr-02{ color: #2392cd;}
@media only screen and (max-width:991px)	{#item1 h4{font-size:16px; margin-bottom: 20px;}#item1 h4 span{ padding:0 8px; background:#fff; border:4px solid #333;}}


#works1{background: #f6f4f2; text-align:center;}
#works1 h4{color:#333;text-align:center;font-size: 18px;font-weight:500;margin-bottom: 40px;line-height:2.2;}

#works1 h4 span{ padding:0 8px; background:#fff; border:6px solid #333;}
#works1 .box h4{color:#496032;text-align:center;font-size: 18px;font-weight:500;margin-bottom: 10px;line-height:1.7; font-weight: bold;}
span.bold{font-size: 20px; font-weight: bold; margin:20px 0;}
	@media (max-width:991px)	{span.bold{font-size: 18px;}}

#works-d h4{color:#496032;text-align:center;font-size: 18px;font-weight:500;margin-bottom: 25px;line-height:1.7; font-weight: bold; margin-top: 10px;}
.tit-level2a{line-height:1.7;position:relative;font-size:40px;/* margin:0px 0 75px 0; */font-weight: bold;color: #496032;text-align: center;position: relative;padding-bottom: 65px;}
	@media (max-width:991px)	{.tit-level2a{font-size:26px;/* margin-bottom: 75px; */padding-bottom: 50px;}}
/*.tit-level2a::after { content: ""; position: absolute; bottom: 0; left: 0;right: 0;margin: 0 auto;width: 50px;height: 1px;background: #496032;webkit-transform: skewY(135deg);moz-transform: skewY(135deg);transform: skewY(135deg);}*/


/*.tit-level2a::before { content: ""; position: absolute;top: -40px; left: 0;right: 0;margin: 0 auto;width: 50px;height: 1px;background: #496032;webkit-transform: skewY(135deg);moz-transform: skewY(135deg);transform: skewY(135deg);}
*/
.anchor{display: block;margin-bottom: 100px;}
	@media (max-width:991px)	{.anchor{margin-bottom: 60px;}}

.tit-level2b{line-height:1.25;position:relative;font-size:15px;margin:20px 0 0;padding-bottom:0;font-weight: bold; text-align: center;}
	@media (max-width:991px)	{.tit-level2b{font-size:16px;margin:10px 0 5px;padding-bottom:5px;}}


/* よくあるご質問 */

#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;}}


.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;}}


.common-tb th{border-bottom: 1px dotted #ccc;}
.common-tb td{border-bottom: 1px dotted #ccc;}

/* 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ここまで----------------------*/


.cate_navi{ list-style:none; width:100%; text-align: center}
.cate_navi li{ display:inline-block; padding:5px 10px; min-width: 400px;}
.cate_navi li a{ color:#666666; background:none; padding:15px 40px 15px 15px; font-weight:bold;transition:.6s;position: relative; max-width:350px; border-radius:0px; border: 3px solid #666666;display: block;}
.cate_navi li a:hover,.cate_navi li a:active,.cate_navi li a:focus{ border: 3px solid #666666 !important; position: relative; line-height: 20px; color:#fff; background:#496032; padding:15px 40px 15px 15px;transition:.6s; border-radius:0px;border: 1px solid #496032; }



.cate_navi li.active a{ color:#fff; background:#496032; padding:15px 40px 15px 15px;transition:.6s; border-radius:0px;border: 1px solid #496032;}



.dw-tb{width: 100%;margin: 0 auto;margin-top:-1px;border-top:1px solid #5a5a5a;border-left:1px solid #5a5a5a;}

.dw-tb th{background: #efefef;border-bottom:2px solid #5a5a5a;border-right:1px solid #5a5a5a;}
.dw-tb td{}

.dw-tb td{border-bottom:1px solid #5a5a5a;border-right:1px solid #5a5a5a;}

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

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


@media (max-width:991px)	{
.scroll{
overflow: auto;
white-space: nowrap;
}
.scroll::-webkit-scrollbar{
 height: 10px;
}
.scroll::-webkit-scrollbar-track{
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}
.scroll table{width: 100%;}
}



/*
.tit-maker{line-height:1.7;position:relative;border-bottom:3px solid #496032;font-size:24px;margin:20px 0 35px;padding-bottom:10px;font-weight: bold; text-align: left}
	@media (max-width:991px)	{tit-maker{font-size:15px;margin:20px 0 10px;padding-left:10px;}}
.tit-maker span{ background-color: #496032; display: inline; padding: 10px 15px; border-radius: 5px; color: #fff; position: absolute; right: 0; margin-bottom: 20px; font-size: 18px;}
*/

.tit-maker{line-height:1.7;position:relative;border-bottom: 1px dotted #496032;font-size:24px;margin:20px 0 35px;padding-bottom:10px;font-weight: bold; text-align: left;position: relative;}
	@media (max-width:991px)	{tit-maker{font-size:15px;margin:20px 0 10px;padding-left:10px;}}
.tit-maker span{ background-color: #496032; display: inline; padding: 2px 10px; border-radius: 5px; color: #fff; position: absolute; right: 0; margin-bottom: 10px; font-size: 16px;bottom: 0;}
@media (max-width:991px)	{.tit-maker{margin-bottom: 80px;}.tit-maker span{bottom:-75px;padding: 2px 10px; font-size: 16px;}}


a:hover {
  color: skyblue;
  font-weight: bold;
}