@charset "UTF-8"; @media screen and (min-width: 768px),print { .seo_bread_list{margin-bottom: -84px!important;color: #fff!important;padding-top: 44px!important;} .seo_bread_list a{ color: #fff!important; } #contentsmain {margin: 0 auto 90px;position: relative;background: url('../images/aftermaintenance/contentsmain-back01.png')no-repeat top center;text-align: center;color: #fff;padding: 226px 0 0;height: 532px;} #contentsmain .inner-Box { margin: 0 auto; position: relative; } #contentsmain .inner-Box h1 {margin-bottom: 32px;font-size: 18px;letter-spacing: 3.6px;font-weight: 500;} #contentsmain .inner-Box h1 span{font-size: 26px;display: block;letter-spacing: 1.3px;margin-bottom: 5px;font-weight: 600;} #contents01 {margin: 0 auto 98px;position: relative;width: 1100px;padding: 75px 0 0;} #contents01 .inner-Box { margin: 0 auto; position: relative; } #contents01 .inner-Box h2.f-min {font-size: 36px;line-height: 1.75;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;} #contents01 .inner-Box figure.photo {position: absolute;top: -74px;right: 0;z-index: 4;} #contents01 .inner-Box figure.photo img{ } #contents01 .inner-Box p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0px;margin-bottom: 32px;position: relative;width: 560px;} #contents02 {margin: 0 auto -120px;position: relative;background: #617C8F;padding: 190px 0 0;} #contents02 h2.f-min {font-size: 36px;line-height: 1.75;font-weight: 400;letter-spacing: 0px;margin-bottom: 54px;position: relative;text-align: center;color: #fff;} #contents02 .inner-Box1 {margin: 0 auto 30px;position: relative;background: #fff;width: 1280px;padding: 72px 10px 6px 409px;height: 320px;} #contents02 .inner-Box1 h3.f-min {font-size: 24px;line-height: 1.75;font-weight: 400;letter-spacing: 0px;margin-bottom: 12px;position: relative;} #contents02 .inner-Box1 figure.photo {position: absolute;top: 60px;left: 90px;} #contents02 .inner-Box1 figure.photo img{ } #contents02 .inner-Box1 p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;} #contents02 .inner-Box2 {margin: 0 auto 30px;position: relative;background: #fff;width: 1280px;padding: 72px 10px 6px 409px;height: 320px;} #contents02 .inner-Box2 h3.f-min {font-size: 24px;line-height: 1.75;font-weight: 400;letter-spacing: 0px;margin-bottom: 12px;position: relative;} #contents02 .inner-Box2 figure.photo {position: absolute;top: 60px;left: 90px;} #contents02 .inner-Box2 figure.photo img{ } #contents02 .inner-Box2 p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;} #contents02 .inner-Box3 {margin: 0 auto 30px;position: relative;background: #fff;width: 1280px;padding: 72px 10px 6px 409px;height: 330px;} #contents02 .inner-Box3 h3.f-min {font-size: 24px;line-height: 1.75;font-weight: 400;letter-spacing: 0px;margin-bottom: 12px;position: relative;} #contents02 .inner-Box3 figure.photo {position: absolute;top: 60px;left: 90px;} #contents02 .inner-Box3 figure.photo img{ } #contents02 .inner-Box3 p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0px;margin-bottom: 16px;position: relative;} #contents02 .inner-Box3 p.morebtn{font-size: 14px;} #contents02 .inner-Box3 p.morebtn a{display: block;width: 234px;border-bottom: 1px solid #333;position: relative;padding-bottom: 9px;} #contents02 .inner-Box3 p.morebtn a::before{ content: "→"; position: absolute; top: 0; right: 0; } #contents02 .inner-Box4 {margin: 0 auto 30px;position: relative;background: #fff;width: 1280px;padding: 72px 10px 6px 409px;height: 320px;} #contents02 .inner-Box4 h3.f-min {font-size: 24px;line-height: 1.75;font-weight: 400;letter-spacing: 0px;margin-bottom: 12px;position: relative;} #contents02 .inner-Box4 figure.photo {position: absolute;top: 60px;left: 90px;} #contents02 .inner-Box4 figure.photo img{ } #contents02 .inner-Box4 p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;} #contents02 .inner-Box5 {margin: 0 auto 30px;position: relative;background: #fff;width: 1280px;padding: 92px 10px 6px 409px;height: 320px;z-index: 3;} #contents02 .inner-Box5 h3.f-min {font-size: 24px;line-height: 1.75;font-weight: 400;letter-spacing: 0px;margin-bottom: 12px;position: relative;} #contents02 .inner-Box5 figure.photo {position: absolute;top: 60px;left: 90px;} #contents02 .inner-Box5 figure.photo img{ } #contents02 .inner-Box5 p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;} #contents03 {margin: 0 auto 43px;position: relative;background: url('../images/aftermaintenance/contents03-back01.png')no-repeat top center;color: #fff;text-align: center;padding: 229px 0 150px;} #contents03 .inner-Box { margin: 0 auto; position: relative; } #contents03 .inner-Box h2.f-min {font-size: 36px;line-height: 1.75;font-weight: 400;letter-spacing: 0px;margin-bottom: 39px;position: relative;} #contents03 .inner-Box p.text {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;} #contentsbottom {margin: 0 auto 107px;position: relative;} #contentsbottom .inner-Box h2{font-size: 20px;line-height: 2.25;font-weight: 400;letter-spacing: 0px;margin-bottom: 19px;position: relative;text-align: center;} #contentsbottom .inner-Box p.text{font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0px;margin-bottom: 146px;position: relative;text-align: center;} #contentsbottom .inner-Box {margin: 0 auto;position: relative;width: 1100px;} #contentsbottom .inner-Box 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;} #contentsbottom .inner-Box ul li{width: 340px;margin-right: 40px;} #contentsbottom .inner-Box ul li figure{margin-bottom: 9px;} #contentsbottom .inner-Box ul li figure img{ width: 100%; height: auto; } #contentsbottom .inner-Box ul li:nth-child(3n){margin-right: 0;} #contentsbottom .inner-Box p.ltext {font-size: 14px;line-height: 1.71;font-weight: 400;letter-spacing: 0px;margin-bottom: 30px;position: relative;} } @media screen and (max-width: 767px) { .seo_bread_list{margin-bottom: -11.8vw!important;color: #fff!important;padding-top: 3.43vw!important;z-index: 3;position: relative;} .seo_bread_list a{ color: #fff!important; } #contentsmain {position: relative;background: url('../images/aftermaintenance/sp-contentsmain-back01.png')no-repeat top center;text-align: center;color: #fff;padding: 33.53vw 0 16vw;background-size: 100% auto;height: 77.3vw;} #contentsmain .inner-Box { margin: 0 4vw; position: relative; } #contentsmain .inner-Box h1 {margin-bottom: 5.68vw;font-size: 3.86vw;letter-spacing: 0.77vw;} #contentsmain .inner-Box h1 span{display: block;font-size: 5.31vw;letter-spacing: 0.27vw;font-weight: 600;} #contents01 {margin: 0 auto 17.67vw;position: relative;padding: 16.12vw 0 0;} #contents01 .inner-Box { margin: 0 4vw; position: relative; } #contents01 .inner-Box h2.f-min {font-size: 6.28vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 6.25vw;position: relative;text-align: center;} #contents01 .inner-Box figure.photo {position: relative;top: 0vw;right: 0;z-index: 4;margin-bottom: 3.3vw;} #contents01 .inner-Box figure.photo img{ } #contents01 .inner-Box p.text {font-size: 3.38vw;line-height: 2.2;font-weight: 400;letter-spacing: 0.0vw;margin: 0 2.3vw 6.83vw;position: relative;} #contents02 {margin: 0 auto -19.2vw;position: relative;background: #617C8F;padding: 13.59vw 0 0;} #contents02 h2.f-min {font-size: 6.28vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 3.44vw;position: relative;text-align: center;color: #fff;} #contents02 .inner-Box1 {margin: 0 4vw 4.45vw;position: relative;background: #fff;padding: 9.2vw 3vw 9vw 3vw;} #contents02 .inner-Box1 h3.f-min {font-size: 4.83vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.48vw;margin-bottom: 3.9vw;position: relative;text-align: center;} #contents02 .inner-Box1 figure.photo {position: relative;margin: 0 4.3vw 4.1vw;} #contents02 .inner-Box1 figure.photo img{ } #contents02 .inner-Box1 p.text {font-size: 3.38vw;line-height: 2.1;font-weight: 400;letter-spacing: 0.0vw;margin: 0 4vw 0.25vw;position: relative;} #contents02 .inner-Box2 {margin: 0 4vw 7.25vw;position: relative;background: #fff;padding: 9.2vw 3vw 9vw 3vw;} #contents02 .inner-Box2 h3.f-min {font-size: 4.83vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.48vw;margin-bottom: 3.9vw;position: relative;text-align: center;} #contents02 .inner-Box2 figure.photo {position: relative;margin: 0 4.3vw 4.1vw;} #contents02 .inner-Box2 figure.photo img{ } #contents02 .inner-Box2 p.text {font-size: 3.38vw;line-height: 2.1;font-weight: 400;letter-spacing: 0.0vw;margin: 0 4vw 0.25vw;position: relative;} #contents02 .inner-Box3 {margin: 0 4vw 7.25vw;position: relative;background: #fff;padding: 9.2vw 3vw 9vw 3vw;} #contents02 .inner-Box3 h3.f-min {font-size: 4.83vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.48vw;margin-bottom: 3.9vw;position: relative;text-align: center;} #contents02 .inner-Box3 figure.photo {position: relative;margin: 0 4.3vw 4.1vw;} #contents02 .inner-Box3 figure.photo img{ } #contents02 .inner-Box3 p.text {font-size: 3.38vw;line-height: 2.1;font-weight: 400;letter-spacing: 0.0vw;margin: 0 4vw 0.25vw;position: relative;} #contents02 .inner-Box4 {margin: 0 4vw 7.25vw;position: relative;background: #fff;padding: 9.2vw 3vw 9vw 3vw;} #contents02 .inner-Box4 h3.f-min {font-size: 4.83vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.48vw;margin-bottom: 3.9vw;position: relative;text-align: center;} #contents02 .inner-Box4 figure.photo {position: relative;margin: 0 4.3vw 4.1vw;} #contents02 .inner-Box4 figure.photo img{ } #contents02 .inner-Box4 p.text {font-size: 3.38vw;line-height: 2.1;font-weight: 400;letter-spacing: 0.0vw;margin: 0 4vw 0.25vw;position: relative;} #contents02 .inner-Box5 {margin: 0 4vw 7.25vw;position: relative;background: #fff;padding: 9.2vw 3vw 13vw 3vw;z-index: 3;} #contents02 .inner-Box5 h3.f-min {font-size: 4.83vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.48vw;margin-bottom: 3.9vw;position: relative;text-align: center;} #contents02 .inner-Box5 figure.photo {position: relative;margin: 0 4.3vw 4.1vw;} #contents02 .inner-Box5 figure.photo img{ } #contents02 .inner-Box5 p.text {font-size: 3.38vw;line-height: 2.1;font-weight: 400;letter-spacing: 0.0vw;margin: 0 4vw 0.25vw;position: relative;} #contents02 .inner-Box3 p.morebtn{font-size: 3.38vw;margin: 0 25vw 0 4.2vw;padding-top: 3.7vw;letter-spacing: 0.2vw;} #contents02 .inner-Box3 p.morebtn a{display: block;border-bottom: 0.24vw solid #333;position: relative;padding-bottom: 2.17vw;} #contents02 .inner-Box3 p.morebtn a::before{ content: "→"; position: absolute; top: 0; right: 0; } #contents03 {margin: 0 auto 4.39vw;position: relative;background: url('../images/aftermaintenance/sp-contents03-back01.png')no-repeat top center;color: #fff;text-align: center;padding: 28.31vw 0 17.23vw;background-size: 100% auto;} #contents03 .inner-Box { margin: 0 4vw; position: relative; } #contents03 .inner-Box h2.f-min {font-size: 6.28vw;line-height: 1.75;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 2.42vw;position: relative;} #contents03 .inner-Box p.text {font-size: 3.38vw;line-height: 2.15;font-weight: 400;letter-spacing: 0.0vw;margin: 0 2.5vw 7.25vw;position: relative;text-align: left;} #contentsbottom {margin: 0 auto 25.85vw;position: relative;} #contentsbottom .inner-Box h2{font-size: 4.35vw;line-height: 2.05;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 4.59vw;position: relative;text-align: center;} #contentsbottom .inner-Box p.text{font-size: 3.86vw;line-height: 2;font-weight: 400;letter-spacing: 0.0vw;margin: 0 1vw 21.27vw;position: relative;text-align: center;} #contentsbottom {margin: 0 auto 15.94vw;position: relative;} #contentsbottom .inner-Box {margin: 0 4vw;position: relative;} #contentsbottom .inner-Box 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 4.8vw;} #contentsbottom .inner-Box ul li{margin-bottom: -0.34vw;} #contentsbottom .inner-Box ul li figure{margin-bottom: 2.17vw;} #contentsbottom .inner-Box ul li figure img{ width: 100%; height: auto; } #contentsbottom .inner-Box ul li:nth-child(3n){margin-right: 0;} #contentsbottom .inner-Box p.ltext {font-size: 3.38vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 7.25vw;position: relative;} }