@charset "UTF-8";
@media screen and (min-width: 768px),print {  

.main-title{ background: url('../images/reform_interior/h2.jpg') top center no-repeat !important; }

main { width: 1200px; margin: 0 auto!important; }

#main  { margin-bottom: 60px; }
#main .bg-box {position: relative; width: 1100px; margin: 0 auto;min-height: 420px; padding-top: 85px;background: url('../images/reform_interior/main-bg.jpg') no-repeat top center;	}
#main .ttl-1 { position: relative;z-index: 8;text-align: center;margin-bottom: -50px; }
#main .txt-1 { position: relative;z-index: 5;width: 700px;margin: 0 auto;padding-top: 40px;text-align: center;color: #000000;letter-spacing: 0.8px;line-height: 30px;min-height: 180px;background-color: #ffffff; }
#main .txt { position: absolute; bottom: 0; right: 96px;z-index: 8; }


#daikibo {margin-bottom: 60px; padding: 50px 0 60px; background: url('../images/reform_interior/brown-bg.jpg') repeat-y top center; }
#daikibo .bg-box { min-height: 400px;margin-bottom: -70px;padding-top: 71px;padding-left: 98px;background: url('../images/reform_interior/bg01.jpg') no-repeat top center; }
#daikibo .ttl-1 { margin-bottom: 21px; }
#daikibo .ttl-2 { margin-bottom: 20px;color: #ffffff;font-size: 48px;font-weight: 700;letter-spacing: 2.4px; }
#daikibo .txt { color: #ffffff;font-size: 18px;font-weight: 700;letter-spacing: 0.9px; }
#daikibo .border-box { width: 1000px; margin: 0 auto 90px;border-top: 10px solid #f3ece0;padding: 30px 50px 50px;background-color: #ffffff; }
#daikibo .relative-box { position: relative; padding-top: 20px;min-height: 300px;margin-bottom: 50px;}
#daikibo .txt-1,#daikibo .txt-2 {margin-bottom: 30px;color: #231815;letter-spacing: 0.8px;line-height: 30px; }
#daikibo .txt-1 { width: 454px;}
#daikibo .img { position: absolute; top: 0; right: 0; height: 300px;}
#daikibo .relative-box02 { position: relative;min-height: 300px; }
#daikibo .txt-box { width: 455px;margin-left: auto;padding-top: 10px; }
#daikibo .img02 { position: absolute; top: 0; left: 0;min-height: 300px; }
#daikibo .white-box { width: 1000px; margin: 0 auto 90px;background-color: #ffffff; padding:0 0 50px;}
#daikibo .ttl-3 {position: relative;top: -40px; width: 900px;margin: 0 auto -20px;min-height: 90px; background-color: #d67735;}
#daikibo .ttl-3 .case { background-color: #be691b; }
#daikibo .ttl-3 .txt {display: inline-block;min-height: 90px;padding:34px 0 0 16px;color: #ffffff;font-size: 24px;font-weight: 700;letter-spacing: 1.2px; }
#daikibo .ba-img { text-align: center; }
#daikibo .white-box02 { width: 1000px; margin: 0 auto;background-color: #ffffff; padding:0 0 50px;}

#tyuko {margin-bottom: 60px; padding: 50px 0 60px; background: url('../images/reform_interior/brown-bg.jpg') repeat-y top center; }
#tyuko .bg-box { min-height: 400px;margin-bottom: -70px;padding-top: 71px;padding-left: 98px;background: url('../images/reform_interior/bg02.jpg') no-repeat top center; }
#tyuko .ttl-1 { margin-bottom: 21px; }
#tyuko .ttl-2 { margin-bottom: 20px;color: #ffffff;font-size: 48px;font-weight: 700;letter-spacing: 2.4px; }
#tyuko .txt { color: #ffffff;font-size: 18px;font-weight: 700;letter-spacing: 0.9px; }
#tyuko .border-box { width: 1000px; margin: 0 auto 90px;border-top: 10px solid #f3ece0;padding: 30px 50px 50px;background-color: #ffffff; }
#tyuko .relative-box { position: relative; padding-top: 20px;min-height: 300px;margin-bottom: 50px;}
#tyuko .txt-1,#tyuko .txt-2 {margin-bottom: 30px;color: #231815;letter-spacing: 0.8px;line-height: 30px; }
#tyuko .txt-1 { width: 454px;}
#tyuko .img { position: absolute; top: 0; right: 0; height: 300px;}
#tyuko .relative-box02 { position: relative;min-height: 300px; }
#tyuko .txt-box { width: 455px;margin-left: auto;padding-top: 10px; }
#tyuko .img02 { position: absolute; top: 0; left: 0;min-height: 300px; }
#tyuko .white-box { width: 1000px; margin: 0 auto 90px;background-color: #ffffff; padding:0 0 50px;}
#tyuko .ttl-3 {position: relative;top: -40px; width: 900px;margin: 0 auto -20px;min-height: 90px; background-color: #d67735;}
#tyuko .ttl-3 .case { background-color: #be691b; }
#tyuko .ttl-3 .txt {display: inline-block;min-height: 90px;padding:34px 0 0 16px;color: #ffffff;font-size: 24px;font-weight: 700;letter-spacing: 1.2px; }
#tyuko .ba-img { text-align: center; }
#tyuko .white-box02 { width: 1000px; margin: 0 auto;background-color: #ffffff; padding:0 0 50px;}


#komin {margin-bottom: 90px; padding: 50px 0 60px; background: url('../images/reform_interior/brown-bg.jpg') repeat-y top center; }
#komin .bg-box { min-height: 400px;margin-bottom: -70px;padding-top: 71px;padding-left: 98px;background: url('../images/reform_interior/bg03.jpg') no-repeat top center; }
#komin .ttl-1 { margin-bottom: 21px; }
#komin .ttl-2 { margin-bottom: 20px;color: #ffffff;font-size: 48px;font-weight: 700;letter-spacing: 2.4px; }
#komin .txt { color: #ffffff;font-size: 18px;font-weight: 700;letter-spacing: 0.9px; }
#komin .border-box { width: 1000px; margin: 0 auto 90px;border-top: 10px solid #f3ece0;padding: 30px 50px 50px;background-color: #ffffff; }
#komin .relative-box { position: relative; padding-top: 20px;min-height: 300px;margin-bottom: 50px;}
#komin .txt-1,#komin .txt-2 {margin-bottom: 30px;color: #231815;letter-spacing: 0.8px;line-height: 30px; }
#komin .txt-1 { width: 454px;}
#komin .img { position: absolute; top: 0; right: 0; height: 300px;}
#komin .relative-box02 { position: relative;min-height: 300px; }
#komin .txt-box { width: 455px;margin-left: auto;padding-top: 10px; }
#komin .img02 { position: absolute; top: 0; left: 0;min-height: 300px; }
#komin .white-box { width: 1000px; margin: 0 auto 90px;background-color: #ffffff; padding:0 0 50px;}
#komin .ttl-3 {position: relative;top: -40px; width: 900px;margin: 0 auto -20px;min-height: 120px; background-color: #d67735;}
#komin .ttl-3 .case { background-color: #be691b; }
#komin .ttl-3 .txt {display: inline-block;min-height: 120px;padding:25px 0 0 16px;color: #ffffff;line-height: 36px;font-size: 24px;font-weight: 700;letter-spacing: 1.2px; }
#komin .ba-img { text-align: center; }
#komin .white-box02 { width: 1000px; margin: 0 auto;background-color: #ffffff; padding:0 0 50px;}
#komin .white-box02 .ttl-3 .txt {display: inline-block;min-height: 90px;padding:30px 0 0 16px;color: #ffffff;font-size: 24px;font-weight: 700;letter-spacing: 1.2px; }
#komin .white-box02 .ttl-3 {position: relative;top: -40px; width: 900px;margin: 0 auto -20px;min-height: 90px; background-color: #d67735;}


.banner-box .list { width: 1100px; margin: 0 auto 160px; }
.banner-box .list-item { float: left;width: 350px;margin-right: 25px; }
.banner-box .list-item:last-child { margin-right: 0; }



}

@media screen and (max-width: 767px) {

.main-title{ background: url('../images/reform_interior/sp-h2.jpg') top center no-repeat !important; }

#main  { margin-bottom: 10%; }
#main .bg-box {position: relative; padding-top: 10%;background: url('../images/reform_interior/sp-main-bg.jpg') no-repeat top center/cover;	}
#main .ttl-1 { position: relative;z-index: 8;padding: 0 12%;text-align: center;margin-bottom: -30px; }
#main .txt-1 { position: relative;z-index: 5;width: 90%;margin: 0 auto -10px;padding:30px 5% 20px;text-align: center;color: #000000;font-size:0.936em; letter-spacing: 0.05em;line-height: 1.8;background-color: #ffffff; }
#main .txt { position: relative;z-index: 8;padding: 0 16%; }

#daikibo {margin-bottom: 12%; padding: 6% 0; background: url('../images/reform_interior/brown-bg.jpg') repeat-y top center/contain; }
#daikibo .bg-box { margin-bottom: -4%;padding: 10% 0 12% 5%;background: url('../images/reform_interior/bg01.jpg') no-repeat top center/cover; }
#daikibo .ttl-1 { width: 35%; }
#daikibo .ttl-2 { margin-bottom: 2%;color: #ffffff;font-size: 1.875em;font-weight: 700;letter-spacing: 0.05em; }
#daikibo .txt { color: #ffffff;font-size: 1.125em;font-weight: 700;letter-spacing: 0.05em; }
#daikibo .border-box { width: 86%; margin: 0 auto 40px;border-top: 10px solid #f3ece0;padding: 8% 5% 6%;background-color: #ffffff; }
#daikibo .txt-1,#daikibo .txt-2 {margin-bottom: 4%;color: #231815;font-size:0.936em; letter-spacing: 0.05em;line-height: 1.8; }
#daikibo .img {margin-bottom: 5%; text-align: center;}
#daikibo .white-box { width: 86%; margin: 0 auto 40px;background-color: #ffffff; padding:0 5% 6%;}
#daikibo .ttl-3 {display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;position: relative;top: -10px;  background:-moz-linear-gradient(0deg, #be691b 0 25%, #d67735 25% 75% );
 background:-webkit-linear-gradient(0deg, #be691b 0 25%, #d67735 25% 75% );
 background:-ms-linear-gradient(0deg, #be691b 0 25%, #d67735 25% 75% );}
#daikibo .ttl-3 .case { background-color: #be691b;display: inline-block;width: 25%; }
#daikibo .ttl-3 .txt {width: 75%;display: inline-block;padding:3%;color: #ffffff;font-size: 1.1em;font-weight: 700;letter-spacing: 0.05em;line-height: 1.5; }
#daikibo .ba-img { text-align: center; }
#daikibo .white-box02 { width: 86%; margin: 0 auto;background-color: #ffffff; padding:0 5% 6%;}

#tyuko {margin-bottom: 12%; padding: 6% 0; background: url('../images/reform_interior/brown-bg.jpg') repeat-y top center/contain; }
#tyuko .bg-box { margin-bottom: -4%;padding: 10% 0 12% 5%;background: url('../images/reform_interior/bg01.jpg') no-repeat top center/cover; }
#tyuko .ttl-1 { width: 35%; }
#tyuko .ttl-2 { margin-bottom: 2%;color: #ffffff;font-size: 1.875em;font-weight: 700;letter-spacing: 0.05em; }
#tyuko .txt { color: #ffffff;font-size: 1.125em;font-weight: 700;letter-spacing: 0.05em; }
#tyuko .border-box { width: 86%; margin: 0 auto 40px;border-top: 10px solid #f3ece0;padding: 8% 5% 6%;background-color: #ffffff; }
#tyuko .txt-1,#tyuko .txt-2 {margin-bottom: 4%;color: #231815;font-size:0.936em; letter-spacing: 0.05em;line-height: 1.8; }
#tyuko .img {margin-bottom: 5%; text-align: center;}
#tyuko .white-box { width: 86%; margin: 0 auto 40px;background-color: #ffffff; padding:0 5% 6%;}
#tyuko .ttl-3 {display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;position: relative;top: -10px;  background:-moz-linear-gradient(0deg, #be691b 0 25%, #d67735 25% 75% );
 background:-webkit-linear-gradient(0deg, #be691b 0 25%, #d67735 25% 75% );
 background:-ms-linear-gradient(0deg, #be691b 0 25%, #d67735 25% 75% );}
#tyuko .ttl-3 .case { background-color: #be691b;display: inline-block;width: 25%; }
#tyuko .ttl-3 .txt {width: 75%;display: inline-block;padding:3%;color: #ffffff;font-size: 1.1em;font-weight: 700;letter-spacing: 0.05em;line-height: 1.5; }
#tyuko .ba-img { text-align: center; }
#tyuko .white-box02 { width: 86%; margin: 0 auto;background-color: #ffffff; padding:0 5% 6%;}

#komin {margin-bottom: 12%; padding: 6% 0; background: url('../images/reform_interior/brown-bg.jpg') repeat-y top center/contain; }
#komin .bg-box { margin-bottom: -4%;padding: 10% 0 12% 5%;background: url('../images/reform_interior/bg01.jpg') no-repeat top center/cover; }
#komin .ttl-1 { width: 35%; }
#komin .ttl-2 { margin-bottom: 2%;color: #ffffff;font-size: 1.875em;font-weight: 700;letter-spacing: 0.05em; }
#komin .txt { color: #ffffff;font-size: 1.125em;font-weight: 700;letter-spacing: 0.05em; }
#komin .border-box { width: 86%; margin: 0 auto 40px;border-top: 10px solid #f3ece0;padding: 8% 5% 6%;background-color: #ffffff; }
#komin .txt-1,#komin .txt-2 {margin-bottom: 4%;color: #231815;font-size:0.936em; letter-spacing: 0.05em;line-height: 1.8; }
#komin .img {margin-bottom: 5%; text-align: center;}
#komin .white-box { width: 86%; margin: 0 auto 40px;background-color: #ffffff; padding:0 5% 6%;}
#komin .ttl-3 {display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;position: relative;top: -10px;  background:-moz-linear-gradient(0deg, #be691b 0 25%, #d67735 25% 75% );
 background:-webkit-linear-gradient(0deg, #be691b 0 25%, #d67735 25% 75% );
 background:-ms-linear-gradient(0deg, #be691b 0 25%, #d67735 25% 75% );}
#komin .ttl-3 .case { background-color: #be691b;display: inline-block;width: 25%; }
#komin .ttl-3 .txt {width: 75%;display: inline-block;padding:3%;color: #ffffff;font-size: 1.1em;font-weight: 700;letter-spacing: 0.05em;line-height: 1.5; }
#komin .ba-img { text-align: center; }
#komin .white-box02 { width: 86%; margin: 0 auto;background-color: #ffffff; padding:0 5% 6%;}

.banner-box .list { width: 92%; margin: 0 auto 12%; }
.banner-box .list-item { margin-bottom: 5%; }
.banner-box .list-item:last-child { margin-bottom: 0; }


}



}