@charset "UTF-8";

@media screen and (min-width: 768px),print {
.seo_bread_list{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
#contentsmain {height: 731px;background: #123457;color: #fff;position: relative;margin: -96px 0 0;}
#contentsmain .inner-Box {width: 1280px;height: 100%;margin: 0 auto;position: relative;}
#contentsmain .en-Box {position: absolute;left: 329px;top: 87px;display: flex;gap: 42px;font-size: 68px;line-height: 1;font-weight: 400;letter-spacing: 0;color: #fff;z-index: 3;}
#contentsmain figure {width: 800px;height: 460px;position: absolute;left: 241px;top: 129px;overflow: hidden;}
#contentsmain figure picture {display: block;width: 100%;height: 100%;}
#contentsmain figure img {display: block;width: 100%;height: 100%;object-fit: cover;}
#contentsmain .text-Box {width: 620px;position: absolute;left: 40px;top: 321px;}
#contentsmain .text-Box h2 {font-size: 38px;line-height: 1.5789;font-weight: 500;letter-spacing: 0;color: #fff;text-align: left;margin-bottom: 52px;}
#contentsmain .text-Box p {font-size: 18px;line-height: 2.2222;font-weight: 600;letter-spacing: 0.05em;color: #fff;text-align: left;padding: 0 10px 0 0;}

#contents01 {padding: 117px 0 119px;background: #fff;position: relative;}
#contents01 .inner-Box {width: 1100px;margin: 0 auto;position: relative;}
#contents01 .ttl-Box {text-align: center;margin-bottom: 70px;}
#contents01 .ttl-Box > p {font-size: 20px;line-height: 1.5;font-weight: 500;letter-spacing: 0;color: #1a1a1a;text-align: center;margin-bottom: 27px;}
#contents01 .ttl-Box > p::before{background: url('../images/renovation/contents01-icon01.svg') no-repeat center center/100% auto;display:inline-block;width: 12px;height: 24px;margin-right: 7px;vertical-align: middle;}
#contents01 .ttl-Box > p::after{background: url('../images/renovation/contents01-icon01.svg') no-repeat center center/100% auto;display:inline-block;width: 12px;height: 24px;margin-left: 20px;vertical-align: middle;transform: scale(-1, 1);}
#contents01 .ttl-Box h2 {font-size: 36px;line-height: 1;font-weight: 600;letter-spacing: 0.05em;color: #004080;text-align: center;}
#contents01 .compare-Box {display: flex;gap: 40px;}
#contents01 .compare-item {width: 530px;}
#contents01 .compare-item > .en {height: 110px;display: flex;align-items: center;justify-content: center;font-size: 40px;line-height: 1;font-weight: 400;letter-spacing: 0;color: #fff;text-align: center;}
#contents01 .compare-item.reform > .en {background: #123457;}
#contents01 .compare-item.renovation > .en {background: #004080;}
#contents01 .compare-item .in-Box {height: 274px;background: #f1f1f1;padding: 50px 50px 30px;margin-top: 60px;}
#contents01 .compare-item ul:after {content: "";width: 45px;height: 30px;background: url('../images/renovation/contents01-arr01.svg') no-repeat center center/contain;position: absolute;left: 50%;bottom: -45px;transform: translateX(-50%);}
#contents01 .compare-item .in-Box h3 {font-size: 22px;line-height: 1.5;font-weight: 600;letter-spacing: 0;color: #1a1a1a;text-align: center;margin-bottom: 19px;}
#contents01 .compare-item .in-Box .text {font-size: 16px;line-height: 1.875;font-weight: 400;letter-spacing: 0.02em;color: #1a1a1a;text-align: left;}
#contents01 .compare-item ul {height: 240px;background: #f1f1f1;padding: 51px 50px;position: relative;}
#contents01 .compare-item ul li {font-size: 20px;line-height: 1.5;font-weight: 400;letter-spacing: 0.02em;color: #1a1a1a;text-align: left;margin-bottom: 25px;padding-left: 61px;position: relative;}
#contents01 .compare-item ul li:last-child {margin-bottom: 0;}
#contents01 .compare-item ul li:before {content: "";width: 25px;height: 23px;background: url('../images/renovation/contents01-ch01.svg') no-repeat center center/contain;position: absolute;left: 22px;top: 3px;}
#contents01 .bottom-text {text-align: center;margin-top: 65px;}
#contents01 .bottom-text h3 {font-size: 30px;line-height: 1.5;font-weight: 600;letter-spacing: 0.05em;color: #004080;text-align: center;margin-bottom: 11px;}
#contents01 .bottom-text p {font-size: 20px;line-height: 1.5;font-weight: 600;letter-spacing: 0;color: #004080;text-align: center;}

#contents02 {background: #123457;padding: 120px 0 160px;color: #fff;}
#contents02 .inner-Box {width: 1100px;margin: 0 auto;position: relative;}
#contents02 .ttl-Box {position: relative;margin-bottom: 32px;}
#contents02 .ttl-Box .label {display: inline-flex;height: 58px;background: #fff;align-items: center;padding: 0 30px;font-size: 26px;line-height: 1;font-weight: 500;letter-spacing: 0.08em;color: #123457;text-align: left;margin-bottom: 51px;}
#contents02 .ttl-Box h2 {font-size: 28px;line-height: 1.5;font-weight: 400;letter-spacing: 0;color: #fff;text-align: left;}
#contents02 .ttl-Box .en {font-size: 50px;line-height: 1;font-weight: 400;letter-spacing: 0;color: #fff;text-align: left;margin-top: 34px;}
#contents02 .lead {width: 650px;margin: -159px 0 70px auto;}
#contents02 .lead p {font-size: 18px;line-height: 2.5556;font-weight: 400;letter-spacing: 0.05em;color: #fff;text-align: left;}
#contents02 ul {display: grid;grid-template-columns: repeat(4,1fr);gap: 7px;}
#contents02 ul li {background: #325981;}
#contents02 ul li figure {width: 100%;height: 180px;overflow: hidden;}
#contents02 ul li figure picture {display: block;width: 100%;height: 100%;}
#contents02 ul li figure img {display: block;width: 100%;height: 100%;object-fit: cover;}
#contents02 ul li .text-Box {padding: 29px 20px 28px;}
#contents02 ul li h3 {font-size: 16px;line-height: 1.5;font-weight: 700;letter-spacing: 0;color: #fff;text-align: center;margin-bottom: 20px;}
#contents02 ul li p {font-size: 15px;line-height: 1.8667;font-weight: 400;letter-spacing: 0;color: #fff;text-align: left;}

#contents03 {background: #f1f1f1;padding: 120px 0 160px;}
#contents03 .inner-Box {width: 1100px;margin: 0 auto;position: relative;}
#contents03 .ttl-Box {position: relative;margin-bottom: 30px;}
#contents03 .ttl-Box .label {display: inline-flex;height: 58px;background: #004080;align-items: center;padding: 0 30px;font-size: 26px;line-height: 1;font-weight: 500;letter-spacing: 0.08em;color: #fff;text-align: left;margin-bottom: 51px;}
#contents03 .ttl-Box h2 {width: 390px;font-size: 28px;line-height: 1.4643;font-weight: 400;letter-spacing: 0;color: #004080;text-align: left;}
#contents03 .ttl-Box .en {font-size: 50px;line-height: 1;font-weight: 400;letter-spacing: 0;color: #004080;text-align: left;margin-top: 38px;}
#contents03 .lead {width: 650px;margin: -200px 0 60px auto;}
#contents03 .lead p {font-size: 18px;line-height: 2.5556;font-weight: 400;letter-spacing: 0.05em;color: #1a1a1a;text-align: left;}
#contents03 ul {width: 980px;margin: 0 auto;display: grid;grid-template-columns: repeat(3,1fr);gap: 10px;}
#contents03 ul li {background: #325981;}
#contents03 ul li figure {width: 100%;height: 190px;overflow: hidden;}
#contents03 ul li figure picture {display: block;width: 100%;height: 100%;}
#contents03 ul li figure img {display: block;width: 100%;height: 100%;object-fit: cover;}
#contents03 ul li .text-Box {padding: 30px 20px 28px;}
#contents03 ul li h3 {font-size: 16px;line-height: 1.5;font-weight: 700;letter-spacing: 0;color: #fff;text-align: center;margin-bottom: 20px;}
#contents03 ul li p {font-size: 15px;line-height: 1.8667;font-weight: 400;letter-spacing: 0;color: #fff;text-align: left;}

#contents04 {padding: 150px 0 151px;background: #fff;}
#contents04 .inner-Box {width: 1100px;margin: 0 auto;position: relative;}
#contents04 h2 {font-size: 28px;line-height: 1.7143;font-weight: 400;letter-spacing: 0;color: #1a1a1a;text-align: left;margin-bottom: 32px;}
#contents04 figure {width: 430px;height: 290px;position: absolute;right: 0;top: 0;overflow: hidden;}
#contents04 figure picture {display: block;width: 100%;height: 100%;}
#contents04 figure img {display: block;width: 100%;height: 100%;object-fit: cover;}
#contents04 .text {width: 620px;font-size: 18px;line-height: 2.1111;font-weight: 400;letter-spacing: 0.05em;color: #1a1a1a;text-align: left;}
#contents04 .text p {margin-bottom: 0;}

#contentsbottom {position: relative;background: #D9D9D9;padding: 126px 0 100px;}
#contentsbottom .inner-Box {width: 1430px;height: 460px;margin: 0 auto;background: url('../images/renovation/contentsbottom-back01.png') no-repeat center center/cover;position: relative;}
#contentsbottom .en-Box {position: absolute;left: 115px;top: 95px;font-size: 61px;line-height: 1.377;font-weight: 400;letter-spacing: 0;color: #004080;text-align: left;}
#contentsbottom h2 {position: absolute;left: 115px;top: 302px;font-size: 32px;line-height: 1.7188;font-weight: 600;letter-spacing: 0;color: #1a1a1a;text-align: left;}

#contentsbottom .banner-Box {max-width: 1200px;margin: 0 auto 0px;position: relative;padding: 62px 0 0 0px;}
#contentsbottom ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-top: 46px;}
#contentsbottom ul li{ margin:0 30px 30px 0; }
#contentsbottom ul li:nth-child(3n){ margin-right:0; }
}
@media screen and (min-width:768px) and ( max-width:1450px) {
	

	
}

@media screen and (max-width:767px) {
#contentsmain {height: 157.0vw;background: #123457;color: #fff;position: relative;margin-top: -10vw;}
#contentsmain .inner-Box {width: 100%;height: 100%;margin: 0;position: relative;}
#contentsmain .en-Box {position: absolute;left: 7.0vw;top: 16.9vw;display: block;font-size: 10.4vw;line-height: 1.1628;font-weight: 400;letter-spacing: -0.03em;color: #fff;z-index: 3;text-align: left;}
#contentsmain figure {width: 91.8vw;height: 45.9vw;position: absolute;left: 4.1vw;top: 36.2vw;overflow: hidden;}
#contentsmain figure picture {display: block;width: 100%;height: 100%;}
#contentsmain figure img {display: block;width: 100%;height: 100%;object-fit: cover;}
#contentsmain .text-Box {width: 86.0vw;position: absolute;left: 7.0vw;top: 89.9vw;}
#contentsmain .text-Box h2 {font-size: 5.8vw;line-height: 1.5833;font-weight: 400;letter-spacing: 0;color: #fff;text-align: left;margin-bottom: 5.8vw;margin-right: -10vw;}
#contentsmain .text-Box p {font-size: 3.9vw;line-height: 1.6875;font-weight: 400;letter-spacing: 0;color: #fff;text-align: left;}

#contents01 {padding: 21.7vw 0 16.9vw;background: #fff;position: relative;}
#contents01 .inner-Box {width: 100%;margin: 0;position: relative;}
#contents01 .ttl-Box {text-align: center;margin-bottom: 9vw;}
#contents01 .ttl-Box > p {font-size: 3.9vw;line-height: 1.5;font-weight: 500;letter-spacing: 0;color: #1a1a1a;text-align: center;margin-bottom: 2.6vw;margin: 0 30vw 4vw;}
#contents01 .ttl-Box > p::before{background:url('../images/renovation/contents01-icon01.svg') no-repeat center center/100% auto;display:inline-block;width:2.9vw;height:5.8vw;margin-right:1.7vw;vertical-align:middle;}
#contents01 .ttl-Box > p::after{background:url('../images/renovation/contents01-icon01.svg') no-repeat center center/100% auto;display:inline-block;width:2.9vw;height:5.8vw;margin-left: 1.8vw;vertical-align:middle;transform:scale(-1, 1);}
#contents01 .ttl-Box h2 {width: 91.8vw;margin: 0 auto;font-size: 6.3vw;line-height: 1.5385;font-weight: 600;letter-spacing: 0;color: #004080;text-align: center;}
#contents01 .compare-Box {display: block;}
#contents01 .compare-item {width: 91.8vw;margin: 0 auto 16.9vw;}
#contents01 .compare-item:last-child {margin-bottom: 0;}
#contents01 .compare-item > .en {height: 16.9vw;display: flex;align-items: center;justify-content: center;font-size: 7.2vw;line-height: 1;font-weight: 400;letter-spacing: 0;color: #fff;text-align: center;}
#contents01 .compare-item.reform > .en {background: #123457;}
#contents01 .compare-item.renovation > .en {background: #004080;}
#contents01 .compare-item .in-Box {height: 57.5vw;background: #f1f1f1;padding: 9.7vw 7.1vw 7.2vw;margin-top: 9.9vw;}
#contents01 .compare-item ul:after {content: "";width: 7.2vw;height: 5.1vw;background: url('../images/renovation/contents01-arr01.svg') no-repeat center center/contain;position: absolute;left: 50%;bottom: -7.5vw;transform: translateX(-50%);}
#contents01 .compare-item .in-Box h3 {font-size: 4.8vw;line-height: 1.5;font-weight: 600;letter-spacing: 0;color: #1a1a1a;text-align: center;margin-bottom: 4.8vw;}
#contents01 .compare-item .in-Box .text {font-size: 3.6vw;line-height: 1.7333;font-weight: 400;letter-spacing: 0.02em;color: #1a1a1a;text-align: left;}
#contents01 .compare-item ul {height: 50.7vw;background: #f1f1f1;padding: 9.5vw 3.9vw;position: relative;}
#contents01 .compare-item ul li {font-size: 4.3vw;line-height: 1.6667;font-weight: 400;letter-spacing: 0.02em;color: #1a1a1a;text-align: left;margin-bottom: 4.8vw;padding-left: 8.7vw;position: relative;}
#contents01 .compare-item ul li:last-child {margin-bottom: 0;}
#contents01 .compare-item ul li:before {content: "";width: 5.1vw;height: 4.8vw;background: url('../images/renovation/contents01-ch01.svg') no-repeat center center/contain;position: absolute;left: 0;top: 1.0vw;}
#contents01 .bottom-text {width: 91.8vw;text-align: center;margin: 12.1vw auto 0;}
#contents01 .bottom-text h3 {font-size: 6.3vw;line-height: 1.5385;font-weight: 600;letter-spacing: 0;color: #004080;text-align: center;margin-bottom: 5.8vw;}
#contents01 .bottom-text p {font-size: 4.106vw;line-height: 1.5556;font-weight: 600;letter-spacing: 0;color: #004080;text-align: center;}

#contents02 {background: #123457;padding: 19.3vw 0;color: #fff;}
#contents02 .inner-Box {width: 100%;margin: 0;position: relative;}
#contents02 .ttl-Box {width: 91.8vw;margin: 0 auto 5.8vw;position: relative;}
#contents02 .ttl-Box .label {display: inline-flex;height: 7.7vw;background: #fff;align-items: center;padding: 0 3.6vw;font-size: 3.5vw;line-height: 1;font-weight: 500;letter-spacing: 0.08em;color: #123457;text-align: left;margin-bottom: 6.2vw;}
#contents02 .ttl-Box h2 {font-size: 5.8vw;line-height: 1.5;font-weight: 400;letter-spacing: 0;color: #fff;text-align: left;margin-bottom: 2.4vw;}
#contents02 .ttl-Box .en {font-size: 7.7vw;line-height: 1;font-weight: 400;letter-spacing: 0;color: #fff;text-align: left;}
#contents02 .lead {width: 91.8vw;margin: 0 auto 20.1vw;}
#contents02 .lead p {font-size: 3.9vw;line-height: 1.75;font-weight: 400;letter-spacing: 0;color: #fff;text-align: left;}
#contents02 ul {width: 91.8vw;margin: 0 auto;display: block;}
#contents02 ul li {width: 100%;background: #325981;margin-bottom: 7.2vw;}
#contents02 ul li:last-child {margin-bottom: 0;}
#contents02 ul li figure {width: 100%;height: 50.7vw;overflow: hidden;}
#contents02 ul li figure picture {display: block;width: 100%;height: 100%;}
#contents02 ul li figure img {display: block;width: 100%;height: 100%;object-fit: cover;}
#contents02 ul li .text-Box {padding: 6.8vw 7.3vw 9.7vw;}
#contents02 ul li h3 {font-size: 3.9vw;line-height: 1.5;font-weight: 700;letter-spacing: 0;color: #fff;text-align: center;margin-bottom: 5.3vw;}
#contents02 ul li p {font-size: 3.6vw;line-height: 1.7333;font-weight: 400;letter-spacing: 0.02em;color: #fff;text-align: left;}

#contents03 {background: #f1f1f1;padding: 19.3vw 0 19.5vw;}
#contents03 .inner-Box {width: 100%;margin: 0;position: relative;}
#contents03 .ttl-Box {width: 91.8vw;margin: 0 auto 5.8vw;position: relative;}
#contents03 .ttl-Box .label {display: inline-flex;height: 7.7vw;background: #004080;align-items: center;padding: 0 3.6vw;font-size: 3.5vw;line-height: 1;font-weight: 500;letter-spacing: 0.08em;color: #fff;text-align: left;margin-bottom: 9.9vw;}
#contents03 .ttl-Box h2 {font-size: 5.8vw;line-height: 1.4167;font-weight: 400;letter-spacing: 0;color: #004080;text-align: left;margin-bottom: 3.9vw;}
#contents03 .ttl-Box .en {font-size: 7.7vw;line-height: 1;font-weight: 400;letter-spacing: 0;color: #004080;text-align: left;}
#contents03 .lead {width: 91.8vw;margin: 0 auto 20.1vw;}
#contents03 .lead p {font-size: 3.9vw;line-height: 1.75;font-weight: 400;letter-spacing: 0;color: #1a1a1a;text-align: left;}
#contents03 ul {width: 91.8vw;margin: 0 auto;display: block;}
#contents03 ul li {width: 100%;background: #325981;margin-bottom: 7.2vw;}
#contents03 ul li:last-child {margin-bottom: 0;}
#contents03 ul li figure {width: 100%;height: 50.7vw;overflow: hidden;}
#contents03 ul li figure picture {display: block;width: 100%;height: 100%;}
#contents03 ul li figure img {display: block;width: 100%;height: 100%;object-fit: cover;}
#contents03 ul li .text-Box {padding: 6.8vw 7.6vw 9.5vw;}
#contents03 ul li h3 {font-size: 3.9vw;line-height: 1.5;font-weight: 700;letter-spacing: 0;color: #fff;text-align: center;margin-bottom: 5.3vw;}
#contents03 ul li p {font-size: 3.6vw;line-height: 1.7333;font-weight: 400;letter-spacing: 0.02em;color: #fff;text-align: left;}

#contents04 {padding: 24.2vw 0 20.3vw;background: #fff;}
#contents04 .inner-Box {width: 100%;margin: 0;position: relative;}
#contents04 h2 {width: 91.8vw;margin: 0 auto 9.7vw;font-size: 5.8vw;line-height: 1.5833;font-weight: 500;letter-spacing: 0;color: #1a1a1a;text-align: center;}
#contents04 figure {width: 87.0vw;height: 48.3vw;position: relative;right: auto;top: auto;margin: 0 auto 7.2vw;overflow: hidden;}
#contents04 figure picture {display: block;width: 100%;height: 100%;}
#contents04 figure img {display: block;width: 100%;height: 100%;object-fit: cover;}
#contents04 .text {width: 87.0vw;margin: 0 auto;font-size: 3.9vw;line-height: 2;font-weight: 400;letter-spacing: 0;color: #1a1a1a;text-align: left;}
#contents04 .text p {margin-bottom: 0;}

#contentsbottom {position: relative;padding: 9.9vw 0 13vw;background: #D9D9D9;margin-bottom: 19.4vw;}
#contentsbottom .inner-Box {width: 91.8vw;height: 122.8vw;margin: 0 auto;background: url('../images/renovation/sp-contentsbottom-back01.png') no-repeat center top;background-size: 100% auto;position: relative;}
#contentsbottom .en-Box {position: absolute;left: 5.1vw;top: 23.5vw;font-size: 9.7vw;line-height: 1.25;font-weight: 400;letter-spacing: 0;color: #004080;text-align: left;}
#contentsbottom h2 {width: 100%;position: absolute;left: 0;top: 93.2vw;font-size: 4.8vw;line-height: 1.6;font-weight: 600;letter-spacing: 0;color: #1a1a1a;text-align: center;}
#contentsbottom .banner-Box {margin: 0;position: relative;margin: 0 6.4vw;}
#contentsbottom ul{display:-webkit-box;display:-moz-flex;display:-ms-flex;display:-o-flex;display:-ms-flexbox;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;flex-wrap:wrap;margin: 14.4vw -2.3vw -2vw;}
#contentsbottom ul li{margin: 0 0 7.5vw;}
#contentsbottom ul li:nth-child(3n){margin-right:0;}

}