@charset "utf-8";


/* index1 */
#index1{}
#index1 .container{max-width: 1500px;padding: 0;}

#index1 h2{ text-align:center; font-size:42px; line-height:1.7;font-family:'nserif',serif; color:#000; font-weight:bold; margin-bottom:45px;}
#index1 h2 span{ text-align:center; font-size:28px; line-height:1.7; display:block; padding-top:15px; }
@media only screen and (max-width:991px)	{#index1 h2{font-size: 24px;margin-bottom: 30px;}#index1 h2 span{ font-size:18px;}}


section h2{text-align: center;font-size: 42px;margin-bottom: 75px;font-weight: normal}
	@media only screen and (max-width:991px)	{section h2{font-size: 24px;margin-bottom: 30px;}}

section h3{text-align: center;font-size: 18px;margin-bottom: 45px;font-weight: normal;}


#index2{background: url(../images/top/bg-index2.jpg) center center /cover no-repeat;}
	@media only screen and (max-width:991px)	{#index2{background: url(../images/top/bg-index2.jpg) center center /cover no-repeat;}}
#index2 h2{ text-align:center; font-size:42px; line-height:1.7;font-family:'nserif',serif; color:#000; font-weight:bold; margin-bottom:45px;}
#index2 h2 span{ text-align:center; font-size:28px; line-height:1.7; display:block; padding-top:15px; }
@media only screen and (max-width:991px)	{#index2 h2{font-size: 24px;margin-bottom: 30px;}#index2 h2 span{ font-size:18px;}}

#index2 h3{
	text-align: center;
	font-size: 20px;
	margin-bottom: 10px; font-weight:bold;
}
#index2 h3 small{font-size: 12px;display: block;color:#333;}

.point{color:#333;}

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

#index3 h2{ text-align:center; font-size:42px; line-height:1.7;font-family:'nserif',serif; color:#000; font-weight:bold; margin-bottom:45px;}
#index3 h2 span{ text-align:center; font-size:28px; line-height:1.7; display:block; padding-top:15px; }
@media only screen and (max-width:991px)	{#index3 h2{font-size: 24px;margin-bottom: 30px;}#index3 h2 span{ font-size:18px;}}

#index3 h3{ margin-top:15px; font-weight:bold; text-align:center; margin-bottom:15px;}

#index3 .date{ border-bottom:1px dotted #333; margin-top:10px;}


#index4{}
	@media only screen and (max-width:991px)	{#index4{}}

#index4 h2{ text-align:center; font-size:42px; line-height:1.7;font-family:'nserif',serif; color:#000; font-weight:bold; margin-bottom:45px;}
#index4 h2 span{ text-align:center; font-size:28px; line-height:1.7; display:block; padding-top:15px; }
@media only screen and (max-width:991px)	{#index4 h2{font-size: 24px;margin-bottom: 30px;}#index4 h2 span{ font-size:18px;}}

#index4 h3{text-align: left;font-weight: bold;color:#000;margin-bottom: 30px;}

.news-box{}

.news-article{display: table;width: 100%;align-items:center;}
	@media only screen and (max-width:991px)	{.news-article{display: block;}}

.news-article + .news-article{margin-top: 15px;}

.news-date,.news-comment{display: table-cell;vertical-align: top;}
	@media only screen and (max-width:575px)	{.news-date,.news-comment{display: block;}}

.news-date{width: 110px;text-align: center;padding: 9px 0;}
	@media only screen and (max-width:991px)	{.news-date{width: 100%;display: block;}}

.news-date.shp{border-bottom: 1px solid #b59d2f;}
.news-date.tpc{border-bottom: 1px solid #00c1ff;}

.news-comment{border-bottom: 1px solid #999;padding: 9px 15px;}
	@media only screen and (max-width:991px)	{.news-comment{}}




.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: 18px;padding-left: 24px;}}


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


#contact h2{ text-align:center; font-size:42px; line-height:1.7;font-family:'nserif',serif; color:#000; font-weight:bold; margin-bottom:45px;}
#contact h2 span{ text-align:center; font-size:28px; line-height:1.7; display:block; padding-top:15px; }
@media only screen and (max-width:991px)	{#contact h2{font-size: 24px;margin-bottom: 30px;}#contact h2 span{ font-size:18px;}}

/* 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;
}

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:350px;overflow-y:scroll;padding:28px;margin:-28px;border: 1px solid #ccc;margin-bottom: 40px;}
	@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%;}
