@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,.25);padding: 150px 30px 90px;position: relative;}
	@media (max-width:991px)	{.h2-mask{padding: 80px 0 30px;}}

.page-title{padding:60px;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:36px;line-height: 1;text-align: center;color:#fff;font-weight: bold;border-bottom: 1px solid #fff;padding-bottom: 45px;margin-bottom: 45px;}
	@media (max-width:991px)	{#page-bg h2{font-size:24px;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;}
.ot-link{position: relative;padding-left: 30px;color:#d80000;font-weight: bold;text-decoration: none;transition: .6s;}
.ot-link:hover{transition: .6s;color:#d83f00!important;}
.ot-link:before{position: absolute;width:20px; transition: .6s;content: "";background: url(../images/corp/icon_link.png) no-repeat center top/ cover;background-size: 100% auto;height: 20px; left: 5px; top: -2px;}
.ot-link:hover:before{position: absolute;width:20px; transition: .6s;content: "";background: url(../images/corp/icon_link_h.png) no-repeat center top/ cover;background-size: 100% auto;height: 20px; left: 5px; top: -2px;}
.ot-link:after{position: absolute;width:0; transition: .6s;content: "";background: #d83f00;height: 1px;bottom: 0;left: 30px;}
.ot-link:hover:after{position: absolute;width:calc(100% - 30px); transition: .6s;content: "";background: #d83f00;height: 1px;bottom: 0;left: 30px;}


/* 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: 28px;line-height: 1;position: relative;margin-bottom: 45px;text-align: center;padding-bottom: 20px; font-weight: bold;}
	@media (max-width:991px)	{.tit-level1{font-size: 18px;padding-bottom: 15px;}}
.tit-level1:first-letter{color: #d80000}
.tit-level1:after{content: "";width:1.5em;height: 3px;position: absolute;left: 50%;right: 50%;bottom: 0;margin:0 -1.5em;background: #d80000;display: block;}
.tit-level1:before{content: "";width: 1.5em;height: 3px;position: absolute;left: 50%;right: 50%;bottom: 0;margin:0 0;background: #333;display: block;}
	@media (max-width:991px)	{.tit-level1:after{display: block;}}

.tit-level2{line-height:1.5;position:relative;border-bottom:1px dotted #666;font-size:20px;margin:30px 0 20px;padding-bottom:9px;font-weight: bold;text-align: left}
	@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 #d80000;font-size:18px;margin:20px 0 15px;padding-left:10px;font-weight: bold;text-align: left}
	@media (max-width:991px)	{.tit-level3{font-size:15px;margin:20px 0 10px;padding-left:10px;}}

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

.tit-level4{text-align:left;font-size: 20px;font-weight:bold;margin-bottom: 30px;color:#000; line-height: 1.7}
.tit-level4 span{font-size:42px; color:#000}
	@media only screen and (max-width:991px)	{
.tit-level4{font-size: 18px;font-weight: bold;margin-bottom: 15px;}.tit-level4 span{ display:block;font-size:20px; }}

.tit-level5{text-align:left;font-size: 32px;font-weight:bold;color:#9f3434;margin-bottom: 30px;}
	@media only screen and (max-width:991px)	{.tit-level5{font-size: 21px;font-weight: bold;margin-bottom: 15px;}}

.rec-tit01{font-size:2.8vw; font-weight: bold;text-align: center;margin-bottom: 45px;}
	@media only screen and (max-width:991px)	{.rec-tit01{font-size:4.8vw;margin-bottom: 25px;}}
.rec-text01{line-height: 3;font-size: 120%;}
	@media only screen and (max-width:991px)	{.rec-text01{line-height: 3;font-size: 100%;}}

#advantage h3 { text-align: left; font-size: 40px; margin-bottom: 50px; font-weight: bold;}
#advantage h3 span { font-size: 20px; display: block; padding-top: 15px; font-weight: bold;}
#advantage h4 { text-align: center; font-size: 20px; margin-bottom: 45px; font-weight: normal;}

@media (max-width:991px)	{ #advantage h3{ font-size:32px; margin-bottom:35px;}#advantage h3 span { font-size: 18px; }}

/* よくあるご質問 */

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

#organization a{text-decoration: underline; color: #1466E4;}
#organization a:hover{text-decoration: none; color: #1466E4;}

.ss-box h4{background:#d80000; padding: 10px;color: #fff;margin-bottom: 0;font-size: 17px;}

.ss-box a{color: #333;}
.ss-box a:hover{color: #333;}
.ss-box p{margin-bottom: 25px;}


#ssarea h3{color:#000;font-size: 38px;margin-bottom: 75px; font-weight:bold; text-align: center}
	@media only screen and (max-width:991px)	{#ssarea h3{font-size: 28px;margin-bottom:45px;}}
#ssarea h3:first-letter{color: #d80000}

#ssarea h3 span{ font-size:20px; color:#333; display:block; padding-top:15px; font-weight:bold;}

@media only screen and (max-width:991px)	{#ssarea h3 span{ display:block;}}


#ssarea h4{text-align:left;font-size: 16px;margin-bottom: 25px;font-weight: bold; position:relative; line-height:1.7}
@media only screen and (max-width:991px)	{#ssarea h4{font-size: 16px;margin-bottom: 30px;}}

#ssarea a{color: #333;}

.link-txt a{text-decoration: underline; color: #1466E4;}
.link-txt a:hover{text-decoration: none; color: #1466E4;}

/* 料金プラン */

#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: 20px;line-height: 32px;padding-left: 45px;padding-left: 48px;position: relative;font-weight: bold;margin-bottom: 25px;}
.check li span{font-size: 14px; font-weight: normal;line-height: 1.7;}
	@media (max-width:991px)	{.check li{font-size: 16px;line-height: 24px;padding-left: 24px;}
.check li span{font-size: 14px;}}

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

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

/* contact,inquiry,entry,estimate */
/* form control */
/* 以下必須マーク */
.common-tb.frm th.required,.common-tb2.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;}}

.star{color: #D80003; font-size: 18px;}

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



/*よくあるご質問
----------------------------------------*/

.list-toggle{ list-style:none; margin-bottom: 15px}

.list-toggle-con {
	height: 0;
	overflow: hidden;
}

/* list-toggle */
.list-toggle li:first-child {
  border-top: 1px solid #ccc;
}

.list-toggle li{border-bottom: 1px solid #ccc; padding-left:40px; position:relative;}

.list-toggle li:before {
	content: "Q";
	font-weight: bold;
	font-size: 36px;
	line-height: 1;
	position: absolute;
	left: 5px;
	top: 18px;
	color:#d80000;
}


.list-toggle-a {
  display: block;
  position: relative;
  padding: 14px 40px 14px 10px;
  line-height: 1.6;
  line-height: 1.4;
  font-size: 12px;
  font-size: 1.2rem;
}
.list-toggle-a::after {
  position: absolute;
  display: block;
  content: '';
  background-image: url(../images/recruit/f_arrow.png);
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
  margin-left: auto;
  margin-right: auto;
  background-position: 0px 0px;
  top: 50%;
  margin-top: -10px;
  right: 5px;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
.list-toggle-a.state-active::after {
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.list-toggle a:hover{color:#d80000!important;}
.list-toggle-con-jquery {
  display: none;
}
.list-toggle-con-jquery.state-active {
  border-bottom: 1px solid #ccc;
}

.list-toggle-con {
  height: 0;
  overflow: hidden;
}
.list-toggle-con.state-active {
}

.list-toggle-con-inner {
  position: relative;
  padding: 15px 10px 15px 10px;
  margin: 10px 0;
  background: #f7f7f7;
}

@media print, screen and (min-width: 991px) {
  .list-toggle-a {
    padding: 20px 40px 20px 10px;
    line-height: 1.6;
    font-size: 14px;
    font-size: 1.4rem;
		color:#333;
  }
  .list-toggle-a::after {
    position: absolute;
    display: block;
    content: "";
    background-image: url(../images/common/f_arrow.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    margin-left: auto;
    margin-right: auto;
    background-position: 0px 0px;
    margin-top: -10px;
    right: 10px;
  }

  .list-toggle-con-inner {
    position: relative;
    padding: 20px 10px 20px 10px;
  }
}



dl#questionArea{
	line-height:1.6;
	margin-bottom:30px;
}
dl#questionArea dt{
	background:url("../../images/faq/i_question.gif") no-repeat 0 2px;
	padding:0 0 0 25px;
	font-weight:bold;
	color:#011d73;
	margin-bottom:20px;
}

dl#questionArea dt:before{
	content:"Q";
	font-size:24px;
	background:#5b4a40;
	color:#fff;
	padding:2px;
	margin-right:20px;
	width:40px;
	height:40px;
	display:inline-block;
	text-align:center;
}

dl#questionArea dt a{
	color:#5b4a40;
	text-decoration:none;
}
dl#questionArea dt a:hover{
	text-decoration:none;
	color:#231f20;
	}
dl#questionArea dd{
	background:#fbfbfb;
	border:1px dotted #cdc8c8;
	padding:10px;
	color:#5b4a40;
	margin-bottom:20px;
}

.c-box{border: 2px solid #d80000; padding:30px 60px;background: #fff;}
@media print, screen and (max-width: 991px) {
.c-box{border: 2px solid #d80000; padding:30px 10px;background: #fff;}}

.joblist table h4{font-size: 16px;font-weight: bold;margin-bottom: 10px; text-align: left;border-left: 4px solid #d80000; padding-left: 5px;}
.joblist table ol,.joblist table ul{padding-left: 20px; margin-bottom: 20px;}


#contact{background: #d80000;border-bottom: 1px solid #fff;}
#contact .con-inner{padding: 60px;  border: 1px solid #fff; color: #fff;}
#contact h3{font-size: 38px;margin-bottom: 35px;}

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

.mt-6 {	margin-top: 6rem; }

.title-intro{
	text-align: center;
	font-size: 4.25em;
}
.title-intro small{
	display: block;
	font-size: .5em;
	margin-bottom: 0.5em;
	font-weight: bold;
}
.title-intro strong{
	display: block;
	background-color: #d80000;
	padding: 0.25em;
	color: #fff;
}

.title-lead{
	color: #d80000;
	text-align: center;
	font-weight: bold;
	font-size: 1.75em;
}

.tit-level1.lh15{line-height: 1.5;}
.line-marker-yellow{
	display: inline-block;
	position: relative;
	isolation: isolate;
}
.line-marker-yellow:after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0.75em;
	background-color: #f2e663;
	z-index: -1;
}

.flowset{display: block;}
.flowset img{width: 100%;height: auto;}
.flowset .fsimg1{
	display: inline-block;
	width: 100%;
}
.flowset .fsimg2{
	display: inline-block;
	width: 75%;
}
.flowset .fsimg3{
	display: inline-block;
	width: 25%;
}



.uk-flex {
    display: flex;
}
.timeline-list {
    position: relative;
    z-index: 1;
    margin-top: 62px;list-style: none
}

.timeline-item .time {
    font-size: 25px;
    padding: 0 28px 0 0;
    width: 20%;
    font-family: "Open Sans",sans-serif;
    font-weight: bold;
    line-height: 16px;
    color: #003461;
    text-align: right;
    letter-spacing: .03em
}

@media(max-width: 959px) {
    .timeline-item .time {
        font-size:19px;
    }
}

.timeline-item .content {
    position: relative;
    padding: 0 0 50px 50px;
    width: 80%;
    border-left: 2px solid #003461
}

.timeline-item .content::before {
    content: "";
    position: absolute;
    top: 0;
    left: -9px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #003461
}

@media(max-width: 991px) {
    .timeline-item .content {
        padding-left:30px;
        padding-bottom: 30px
    }
}

.timeline-item:nth-child(5) .content {
    padding-bottom: 82px
}

.timeline-item:last-of-type .content {
    border-left: 0
}

.timeline-tit {
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 700;
    line-height: 16px
}

@media(max-width: 959px) {
    .timeline-tit {
        font-size:17px;
    }
}

.day-img{position: relative;margin-bottom: 110px;}
.day-txt{position: absolute;background: rgba(212,0,3,.8);padding: 15px 30px;left: -50px;bottom:-50px;color: #fff;font-size: 18px;width: 360px;font-weight: bold}
.day-tit{font-size: 36px;font-weight: bold}

@media(max-width: 991px) {
.day-img{position: relative;margin-bottom: 45px;}
.day-txt{position: relative;background: rgba(212,0,3,1.0);padding: 15px 30px;left:0px;bottom:0px;color: #fff;font-size: 18px;width: 100%}
.day-tit{font-size: 28px;font-weight: bold}
}