@charset "utf-8";


/* index1 */
#index1{color:#333333;}
	
#index1 h2{font-size:32px; margin-bottom:75px; color:#000; font-weight:bold; text-align:center;}
#index1 h3{font-size:42px; margin-bottom:75px; font-weight:bold; text-align:left;}
#index1 .comment{ margin-right:auto; margin-left:auto;padding: 0px 20px;line-height: 42px;}
@media only screen and (max-width:991px)	{#index1 h2{font-size: 24px;margin-bottom: 30px; text-align:left;}
#index1 h3{font-size: 28px; margin-bottom:25px;}
#index1 .comment{ padding:40px 10px 10px; text-align:left;}}


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

#index2 h2{ font-size:32px; margin-bottom:75px; color:#000; font-weight:bold; text-align:center; border-bottom:1px dotted #333; padding-bottom:15px;}
#index2 h2 span{ font-size:20px; color:#000; font-weight:bold; text-align:center; display:block; padding-top:15px;}

#index2 h3{ font-size:20px; margin-bottom:30px; margin-top:30px; font-weight:bold; text-align:center; line-height:1.7}

@media only screen and (max-width:991px)	{#index2 h2{font-size: 28px;margin-bottom: 30px;}
#index2 h3{font-size: 18px; margin-bottom:25px;}}

#index2 .comment{ padding-left:12%;}
@media only screen and (max-width:991px)	{#index2 .comment{ padding-left:0;}}


#index3{ background:#333;}
#index3 p{ color:#fff;}
#index3 .step_box p{color:#333;}
#index3 h2{ font-size:32px; margin-bottom:75px; color:#fff; font-weight:bold; text-align:center; border-bottom:1px dotted #fff; padding-bottom:15px;}
#index3 h2 span{ font-size:20px; color:#fff; font-weight:bold; text-align:center; display:block; padding-top:15px;}
#index3 h3{ margin-bottom:25px; font-weight:bold; text-align:left;}
#index3 .comment{ margin-right:auto; margin-left:auto;padding: 0px 20px;}
@media only screen and (max-width:991px)	{#index3 h2{font-size: 24px;margin-bottom: 30px;}}

.step_table{
	border-collapse: separate;
 border-spacing: 20px;
	display: table;
	width:100%;
	
}

.step_box{
	display: table-cell;
	background:#fff;
	padding:15px 20px;
	border-radius:6px;
	width:19%;
	position:relative;
	margin-right:10px;
}
@media (min-width:992px) and (max-width:1399px){.step_box h3{ font-size:18px;}.step_box{padding:15px 10px;}}
@media only screen and (max-width:991px)	{.step_box{ display:block; width:100%; margin-bottom:40px;}.step_box h3{ font-size:16px;}}
@media only screen and (max-width:767px)	{.step_box h3{ font-size:16px;}}
.step_box:after{
	content:"";
	width: 0;
	height: 0;
	border-left: 10px solid #fff;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	position:absolute;
	top:50%;
	right:-30px;
	margin-right:20px;
	margin-top:-10px;
	display:block;
	z-index:10;
}

.step_box:last-of-type:after{
	border:none;
}
.step_box:last-of-type{
	margin-right:0px;
}

@media only screen and (max-width:991px)	{.step_box::after {

    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid #fff!important;
    border-left: 10px solid transparent!important;
    border-right: 10px solid transparent!important;
    position: absolute;
    top: 100%!important;
    left: 50%!important;
    margin-right: 20px!important;
    margin-left: -10px!important;
				margin-top: 0px!important;
    display: block;
    z-index: 100;}}


#index4{background:#fbfbfb;}

#index4 h2{ font-size:32px; margin-bottom:75px; color:#000; font-weight:bold; text-align:center; border-bottom:1px dotted #333; padding-bottom:15px;}
#index4 h2 span{ font-size:20px; color:#000; font-weight:bold; text-align:center; display:block; padding-top:15px;}

#index4 h3{ font-size:20px; margin-bottom:30px; margin-top:30px; font-weight:bold; text-align:center; line-height:1.7}

@media only screen and (max-width:991px)	{#index4 h2{font-size: 28px;margin-bottom: 30px;}
#index4 h3{font-size: 18px; margin-bottom:25px;}}

#index4 .comment{ padding-left:12%;}
@media only screen and (max-width:991px)	{#index4 .comment{ padding-left:0;}}


#index5{color:#333333;}
	
#index5 h2{ font-size:32px; margin-bottom:75px;color:#000; font-weight:bold; text-align:center; border-bottom:1px dotted #333; padding-bottom:15px;}
#index5 h2 span{ font-size:20px; color:#000; font-weight:bold; text-align:center; display:block; padding-top:15px;}
#index5 h3{ margin-bottom:25px; font-weight:bold; text-align:left; border-bottom:1px dotted #333; line-height:1.7}
#index5 .comment{ margin-right:auto; margin-left:auto;padding: 0px 20px;}
@media only screen and (max-width:991px)	{#index5 h2{font-size: 24px;margin-bottom: 30px; text-align:left;}
#index5 h3{font-size: 28px; margin-bottom:25px;}
#index5 .comment{ padding:40px 10px 10px; text-align:left;}}


#index6{ background:#f7f7f4;}

#index6 h2{ font-size:32px; margin-bottom:75px; color:#000; font-weight:bold; text-align:center; border-bottom:1px dotted #333; padding-bottom:15px;}
#index6 h2 span{ font-size:20px; color:#000; font-weight:bold; text-align:center; display:block; padding-top:15px;}

#index6 h3{ font-size:20px; margin-bottom:30px; margin-top:30px; font-weight:bold; text-align:center; line-height:1.7}

@media only screen and (max-width:991px)	{#index6 h2{font-size: 28px;margin-bottom: 30px;}
#index6 h3{font-size: 18px; margin-bottom:25px;}}

#index6 .comment{ padding-left:12%;}
@media only screen and (max-width:991px)	{#index6 .comment{ padding-left:0;}}



#index7{}

#index7 h2{ font-size:32px; margin-bottom:75px; color:#000; font-weight:bold; text-align:center; border-bottom:1px dotted #333; padding-bottom:15px;}
#index7 h2 span{ font-size:20px; color:#000; font-weight:bold; text-align:center; display:block; padding-top:15px;}

#index7 h3{ font-size:20px; margin-bottom:30px; margin-top:30px; font-weight:bold; text-align:center; line-height:1.7}

@media only screen and (max-width:991px)	{#index7 h2{font-size: 28px;margin-bottom: 30px;}
#index7 h3{font-size: 18px; margin-bottom:25px;}}


.square-content{ display: block; height: 0; width: 100%; padding-bottom: 100%; position:relative; overflow:hidden; margin-bottom:20px;}
.square-content h3{ color:#fff; font-weight: bold;line-height: 30px;padding-right:10%; padding-left:10%;display: block;top:0;bottom:0;font-size:22px;}
.square-content h3 span{font-family: inherit;font-size:24px; display:block; padding:10px; font-weight: lighter; border:3px solid #fff;}

.bg_appeal01{
	background: url(../images/top/image1.jpg) no-repeat center center;
	background-size: auto 100%;
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-ms-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
	overflow:hidden;
}

.bg_appeal02{
	background: url(../images/top/image2.jpg) no-repeat center center;
	background-size: auto 100%;
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-ms-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
	overflow:hidden;
}

.bg_appeal03{
	background: url(../images/top/image3.jpg) no-repeat center center;
	background-size: auto 100%;
	-webkit-transition:0.5s ease-in-out;
	-moz-transition:0.5s ease-in-out;
	-ms-transition:0.5s ease-in-out;
	-o-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
	overflow:hidden;
}

.square-content > div { position: absolute; top: 45%;}
.square-content-inner { justify-content: center; align-items: center; width: 100%;}
.square-content:hover {
    background-size: auto 110%;
    transition: all 0.5s ease-in;
}



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

.news-date.shp{border-bottom: 1px solid #315c84;}
.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{}}



#index9{}
#index9 h2{color:#000;}

#index10{}
#index10 h2{color:#fff;}

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

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

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

#index11 .lead{font-size: 30px;line-height: 36px;margin: 30px 0;}
	@media only screen and (max-width:991px)	{#index11 .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: 16px;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;}}


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