@charset "UTF-8"; @media screen and (min-width: 768px),print {
    #contentsmain {
        background: url('../images/renovation/main-back.jpg')no-repeat top center;
        margin-top: 23px;
        padding-top: 50px;
        margin-bottom: 80px;
    }

    #contentsmain .inner-Box {
        width: 1145px;
        margin: 0 auto;
        position: relative;
    }

    #contentsmain .inner-Box h2 {
        color: #fff;
        font-size: 37px;
        font-weight: 700;
        letter-spacing: 3.7px;
        line-height: 1;
        margin-bottom: -2px;
    }

    #contentsmain .inner-Box h2 span {
        display: inline-block;
        background: #1e9a4c;
        padding: 16px 16px 20px 19px;
        margin-bottom: 12px;
    }

    #contentsmain .inner-Box h3 {
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        color: #fff;
        font-weight: 400;
        letter-spacing: 2.2px;
        text-transform: uppercase;
        font-size: 22px;
        margin-bottom: 300px;
    }

    #contentsmain .inner-Box p {
        text-align: center;
        font-size: 22px;
        font-weight: 700;
        letter-spacing: 1.1px;
        line-height: 42px;
    }

    #contentsmain .inner-Box .logo {
        position: absolute;
        top: 220px;
        left: 0;
    }

    #contents01 {
        padding: 40px 70px 70px 70px;
        background: url('../images/renovation/contents-arr.png')no-repeat bottom left #f4f2ef;
        width: 1100px;
        margin: 0 auto 100px;
        border-top: 15px solid #ebe9e2;
    }

    #contents01 .icon {
        text-align: center;
        display: block;
        margin-bottom: 0px;
    }

    #contents01 .icon img {
        margin: 0 auto;
    }

    #contents01 h2 {
        text-align: center;
        font-weight: 700;
        font-size: 35px;
        letter-spacing: 1.8px;
        border-bottom: #1a1a1a dotted 2px;
        padding-bottom: 14px;
        margin-bottom: 29px;
    }

    #contents01 h2 span {
        background: linear-gradient(transparent 60%, #ffff00 60%);
    }

    #contents01 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-bottom: 25px;
    }

    #contents01 ul li {
        width: 461px;
        float: left;
        margin-right: 34px;
    }

    #contents01 ul li:nth-child(2n) {
        margin-right: 0px;
        position: relative;
    }

    #contents01 h3 {
        font-size: 26px;
        font-weight: 700;
        letter-spacing: 1.3px;
        text-align: center;
        margin-bottom: 2px;
    }

    #contents01 p {
        margin: 0 43px;
    }

    #contents02 {
        padding: 40px 70px 50px 70px;
        background: url('../images/renovation/contents-arr.png')no-repeat bottom left #f4f2ef;
        width: 1100px;
        margin: 0 auto 70px;
        border-top: 15px solid #ebe9e2;
    }

    #contents02 .icon {
        text-align: center;
        display: block;
        margin-bottom: 0px;
    }

    #contents02 .icon img {
        margin: 0 auto;
    }

    #contents02 h2 {
        text-align: center;
        font-weight: 700;
        font-size: 35px;
        letter-spacing: 1.8px;
        border-bottom: #1a1a1a dotted 2px;
        padding-bottom: 14px;
        margin-bottom: 29px;
    }

    #contents02 h2 span {
        background: linear-gradient(transparent 60%, #ffff00 60%);
    }

    #contents02 p {
        margin: 0 0 23px;
    }

    #contents02 figure {
        text-align: center;
    }

    #contents02 figure img {
        margin: 0 auto;
    }

    #contents02 .inbox {
        width: 950px;
        margin: 26px auto 0 auto;
        background: #fff;
        padding: 3px 70px 14px 70px;
    }

    #contents02 h3 {
        color: #1e9a4c;
        font-size: 22px;
        border-bottom: 2px solid #1e9a4c;
        font-weight: 700;
        letter-spacing: 1.3px;
        text-align: center;
        margin-bottom: 45px;
    }

    #contents02 h3 span {
        display: inline-block;
        background: #fff;
        padding: 0 20px;
        position: relative;
        top: 19px;
    }

    #contents02 .inbox 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;
    }

    #contents02 .inbox ul li {
        width: 250px;
        float: left;
        margin-right: 30px;
        text-align: center;
    }

    #contents02 .inbox ul li:nth-child(3n) {
        margin-right: 0px;
    }

    #contents02 .inbox ul li p {
        font-size: 18px;
        font-weight: 700;
        letter-spacing: 0.9px;
        margin-bottom: 0;
    }

    #contents02 .inbox ul li figure {
        margin-bottom: 20px;
    }

    #contents03 {
        padding: 40px 70px 70px 70px;
        background: url('../images/renovation/contents-arr.png')no-repeat bottom left #f4f2ef;
        width: 1100px;
        margin: 0 auto 135px;
        border-top: 15px solid #ebe9e2;
    }

    #contents03 .icon {
        text-align: center;
        display: block;
        margin-bottom: 0px;
    }

    #contents03 .icon img {
        margin: 0 auto;
    }

    #contents03 h2 {
        text-align: center;
        font-weight: 700;
        font-size: 31px;
        letter-spacing: 1.8px;
        border-bottom: #1a1a1a dotted 2px;
        padding-bottom: 14px;
        margin-bottom: 29px;
    }

    #contents03 h2 span {
        background: linear-gradient(transparent 60%, #ffff00 60%);
    }

    #contents03 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-bottom: 25px;
    }

    #contents03 ul li {
        width: 408px;
        float: left;
        margin-right: 35px;
    }

    #contents03 h3 {
        font-size: 26px;
        font-weight: 700;
        letter-spacing: 1.3px;
        text-align: center;
        margin-bottom: 2px;
    }

    #contents03 p {
        margin: 0 43px;
    }

	
	
#contents05 {padding: 40px 70px 70px 70px;background: url('../images/renovation/contents-arr.png')no-repeat bottom left #f4f2ef;width: 1100px;margin: 0 auto 135px;border-top: 15px solid #ebe9e2;}
#contents05 .icon {text-align: center;display: block;margin-bottom: 0px;}
#contents05 .icon img {margin: 0 auto;}
#contents05 h2 {text-align: center;font-weight: 700;font-size: 31px;letter-spacing: 1.8px;border-bottom: #1a1a1a dotted 2px;padding-bottom: 14px;margin-bottom: 29px;}
#contents05 h2 span {background: linear-gradient(transparent 60%, #ffff00 60%);}
#contents05 h3 {font-size: 26px;font-weight: 700;letter-spacing: 1.3px;text-align: left;margin: 0 43px 20px;}
#contents05 h3 span{background: linear-gradient(transparent 60%, #ffff00 60%);}
#contents05 p {margin: 0 43px 40px;}
	#contents05 ul.pic-box{margin: 0 43px 29px;padding-bottom: 14px;}
	#contents05 ul.pic-box li{margin-bottom: 40px;}
	#contents05 ul.pic-box li img{width: 100%;height: auto;}
	
	
	
    #contents04 {
        text-align: center;
        background: url('../images/renovation/contents04-back.jpg')no-repeat top center;
        padding-top: 357px;
        margin-bottom: 100px;
    }

    #contents04 .inner-Box h2 {
        color: #fff;
        font-size: 37px;
        font-weight: 700;
        letter-spacing: 3.7px;
        line-height: 1;
        margin-bottom: 48px;
    }

    #contents04 .inner-Box h2 span {
        display: inline-block;
        background: #1e9a4c;
        padding: 16px 27px 20px 21px;
        margin-bottom: 12px;
    }

.btn-01-bd{
    border-bottom: #1a1a1a dotted 2px;
    margin-top: -42px;
    margin-bottom: 20px;
}

.btn-01-bd .btn-01 a{
    display: block;
    width: 320px;
    height: 64px;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #1a1a1a;
    display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
    -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    font-weight: bold;
}

}

@media screen and (max-width: 767px) {
    #contentsmain {
        background: url('../images/renovation/main-back.jpg')no-repeat top left;
        padding-top: 11vw;
        margin-bottom: 6.9vw;
        background-size: 300% auto;
        position: relative;
    }

    #contentsmain .inner-Box {
        margin: 0 4vw;
    }

    #contentsmain .inner-Box h2 {
        color: #fff;
        font-size: 4.8vw;
        font-weight: 700;
        line-height: 1;
        margin-bottom: -0.3vw;
    }

    #contentsmain .inner-Box h2 span {
        display: inline-block;
        background: #1e9a4c;
        padding: 2.1vw 2.1vw 2.6vw 2.5vw;
        margin-bottom: 2.3vw;
    }

    #contentsmain .inner-Box h3 {
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","Sawarabi Mincho","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        color: #fff;
        font-weight: 400;
        text-transform: uppercase;
        font-size: 4.3vw;
        margin-bottom: 25.3vw;
    }

    #contentsmain .inner-Box p {
        text-align: left;
        font-size: 3.3vw;
        font-weight: 700;
        line-height: 1.6;
    }

    #contentsmain .logo {
        position: absolute;
        top: 42vw;
        left: 4vw;
        width: 22%;
    }

    #contentsmain .logo img {
        width: 100%;
    }

    #contents01 {
        padding: 5.2vw 4.1vw 9.1vw 4.1vw;
        background: url('../images/renovation/contents-arr.png')no-repeat bottom left #f4f2ef;
        margin: 0 auto 13.0vw;
        background-size: 15% auto;
        border-top: 2.0vw solid #ebe9e2;
    }

    #contents01 .icon {
        text-align: center;
        display: block;
        margin-bottom: 0vw;
    }

    #contents01 .icon img {
        margin: 0 4vw;
    }

    #contents01 h2 {
        text-align: center;
        font-weight: 700;
        font-size: 4.6vw;
        border-bottom: #1a1a1a dotted 0.3vw;
        padding-bottom: 1.8vw;
        margin-bottom: 3.8vw;
    }

    #contents01 h2 span {
        background: linear-gradient(transparent 60%, #ffff00 60%);
    }

    #contents01 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: 0 5vw 4vw;
    }

    #contents01 ul li {
        margin-bottom: 4vw;
    }

    #contents01 ul li:nth-child(2n) {
        margin-right: 0vw;
        position: relative;
    }

    #contents01 h3 {
        font-size: 4vw;
        font-weight: 700;
        text-align: center;
        margin-bottom: 4.3vw;
    }

    #contents01 p {
        margin: 0 5.6vw;
        font-size: 3.5vw;
    }

    #contents02 {
        padding: 5.2vw 4.1vw 9.1vw 4.1vw;
        background: url('../images/renovation/contents-arr.png')no-repeat bottom left #f4f2ef;
        margin: 0 auto 13.0vw;
        background-size: 15% auto;
        border-top: 2.0vw solid #ebe9e2;
    }

    #contents02 .icon {
        text-align: center;
        display: block;
        margin-bottom: 0vw;
    }

    #contents02 .icon img {
        margin: 0 4vw;
    }

    #contents02 h2 {
        text-align: center;
        font-weight: 700;
        font-size: 4.6vw;
        border-bottom: #1a1a1a dotted 0.3vw;
        padding-bottom: 1.8vw;
        margin-bottom: 3.8vw;
    }

    #contents02 h2 span {
        background: linear-gradient(transparent 60%, #ffff00 60%);
    }

    #contents02 p {
        margin: 0 0 3.0vw;
    }

    #contents02 figure {
        margin-bottom: 4vw;
    }

    #contents02 figure img {
    }

    #contents02 .inbox {
        margin: 3.4vw auto 0 auto;
        background: #fff;
        padding: 0.4vw 9.1vw 1.8vw 9.1vw;
    }

    #contents02 h3 {
        color: #1e9a4c;
        font-size: 4.3vw;
        border-bottom: 0.3vw solid #1e9a4c;
        font-weight: 700;
        text-align: center;
        margin-bottom: 5.9vw;
    }

    #contents02 h3 span {
        display: inline-block;
        background: #fff;
        padding: 0 2.6vw;
        position: relative;
        top: 2.5vw;
    }

    #contents02 .inbox 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: 0 12v 4vw;
    }

    #contents02 .inbox ul li {
        text-align: center;
        margin-bottom: 4vw;
        width: 32%;
        float: left;
        margin-right: 2%;
    }

    #contents02 .inbox ul li:nth-child(3n) {
        margin-right: 0vw;
    }

    #contents02 .inbox ul li p {
        font-size: 3vw;
        font-weight: 700;
        margin-bottom: 0;
    }

    #contents02 .inbox ul li figure {
        margin-bottom: 1vw;
    }

    #contents03 {
        padding: 5.2vw 4.1vw 9.1vw 4.1vw;
        background: url('../images/renovation/contents-arr.png')no-repeat bottom left #f4f2ef;
        margin: 0 auto 13.0vw;
        background-size: 15% auto;
        border-top: 2.0vw solid #ebe9e2;
    }

    #contents03 .icon {
        text-align: center;
        display: block;
        margin-bottom: 0vw;
    }

    #contents03 .icon img {
        margin: 0 4vw;
    }

    #contents03 h2 {
        text-align: center;
        font-weight: 700;
        font-size: 4.6vw;
        border-bottom: #1a1a1a dotted 0.3vw;
        padding-bottom: 1.8vw;
        margin-bottom: 3.8vw;
    }

    #contents03 h2 span {
        background: linear-gradient(transparent 60%, #ffff00 60%);
    }

    #contents03 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: 0 5vw 4vw;
    }

    #contents03 ul li {
        margin-bottom: 4vw;
    }

    #contents03 ul li:nth-child(2n) {
        margin-right: 0vw;
        position: relative;
    }

    #contents03 p {
        margin: 0 5.6vw;
        font-size: 3.5vw;
        line-height: 1.6;
    }

	
	
#contents05 {padding: 5.2vw 4.1vw 9.1vw 4.1vw;background: url('../images/renovation/contents-arr.png')no-repeat bottom left #f4f2ef;margin: 0 auto 13.0vw;background-size: 15% auto;border-top: 2.0vw solid #ebe9e2;}
#contents05 .icon {text-align: center;display: block;margin-bottom: 0vw;}
#contents05 .icon img {margin: 0 4vw;}
#contents05 h2 {text-align: center;font-weight: 700;font-size: 4.6vw;border-bottom: #1a1a1a dotted 0.3vw;padding-bottom: 1.8vw;margin-bottom: 3.8vw;}
#contents05 h2 span {background: linear-gradient(transparent 60%, #ffff00 60%);}
#contents05 h3 {font-size: 5.0vw;font-weight: 700;letter-spacing: 1.3px;text-align: left;margin: 0 5.6vw 3vw;}
#contents05 h3 span{background: linear-gradient(transparent 60%, #ffff00 60%);}
#contents05 p {margin: 0 5.6vw 5.6vw;font-size: 3.5vw;line-height: 1.6;}
	#contents05 ul.pic-box{margin: 0 5.6vw 3.8vw;padding-bottom: 1.8vw;}
	#contents05 ul.pic-box li{margin-bottom: 5vw;}
	#contents05 ul.pic-box li img{width: 100%;height: auto;}
	
	
    #contents04 {
        text-align: center;
        background: url('../images/renovation/contents04-back.jpg')no-repeat top center;
        padding-top: 35.5vw;
        margin-bottom: 13.0vw;
        background-size: 240% auto;
    }

    #contents04 .inner-Box h2 {
        color: #fff;
        font-size: 3.8vw;
        font-weight: 700;
        line-height: 1;
        margin-bottom: 6.3vw;
    }

    #contents04 .inner-Box h2 span {
        display: inline-block;
        background: #1e9a4c;
        padding: 2.1vw 3.5vw 2.6vw 2.7vw;
        margin-bottom: 2.3vw;
    }

    #contents04 .inner-Box .btn {
        margin: 0 4vw;
    }


    .btn-01-bd{
        width: 80.435vw;
        margin: 0 auto;
        margin-top: -5.314vw;
        border-bottom: #1a1a1a dotted 1px;
        margin-bottom: 4.831vw;
    }
    
    .btn-01-bd .btn-01 a{
        display: block;
        width: 63.768vw;
        height: 10.386vw;
        font-size: 3.14vw;
        letter-spacing: 0px;
        background-color: #fff;
        border: 1px solid #1a1a1a;
        display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
        -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;
        font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
        font-weight: bold;
    }
    

}