@charset "UTF-8";
@media screen and (min-width: 768px),print {
.seo_bread_list{margin-bottom: -58px;position: relative;z-index: 3;color: #fff;}
.seo_bread_list a{ color: #fff;}
#contentsmain {padding-top: 220px;margin: 0 auto 150px;position: relative;background: url('../images/comfort/contentsmain-back01.png')no-repeat top center;}
    #contentsmain h2 {text-align: center;margin-bottom: 150px;}
    #contentsmain h2 img{  }
    #contentsmain .inner-Box {margin: 0 auto;position: relative;width: 1200px;background: #FEEBE4;text-align: center;height: 694px;box-shadow: 24px 34px 31px #0000000F;padding: 70px 0 0;}
    #contentsmain .inner-Box h3 {font-size: 29px;line-height: 49px;font-weight: 300;letter-spacing: 2.9px;margin-bottom: 30px;}
    #contentsmain .inner-Box h3 span{  }
    #contentsmain .inner-Box figure{position: relative;top: 0;left: 0;margin-bottom: 40px;}
    #contentsmain .inner-Box p.text {font-size: 16px;line-height: 30px;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;}

    
    #contents01 {margin: 0 auto 204px;position: relative;width: 1100px;}
    #contents01 h2 {text-align: center;margin-bottom: 48px;}
    #contents01 h2 img{  }
    #contents01 .inner-Box { margin: 0 auto; position: relative; }
    #contents01 .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;}
    #contents01 .inner-Box ul li {margin-right: 20px;}
    #contents01 .inner-Box ul li:nth-child(4n) { margin-right: 0px; }
    #contents01 .inner-Box ul li figure{  }

    #contents02 {margin: 0 auto 86px;position: relative;background: url('../images/comfort/contents02-back01.png')no-repeat top center;}
    #contents02 span.icon {display: block;line-height: 1;position: absolute;left: 50%;top: -84px;margin-left: -549px;}
    #contents02 h2 {font-size: 41px;line-height: 1.6;font-weight: 300;letter-spacing: 4.1px;margin-bottom: 38px;text-align: center;position: relative;top: 7px;}
    #contents02 h2 span { display: block; font-size: 23px; letter-spacing: 2.3px; }
    #contents02 .inner-Box {margin: 0 auto;position: relative;background: #fff;width: 1100px;height: 529px;border-radius: 10px;padding-top: 70px;}
    #contents02 .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-left: 143px;margin-bottom: 19px;}
    #contents02 .inner-Box ul li{position: relative;margin-right: 68px;text-align: center;}
    #contents02 .inner-Box ul li:nth-child(3n){ margin-right: 0px; }
    #contents02 .inner-Box figure{position: relative;top: 0;left: 0;margin-bottom: 16px;}
    #contents02 .inner-Box p.intext {font-size: 16px;line-height: 25px;font-weight: 500;letter-spacing: 1.6px;margin-bottom: 30px;position: relative;left: -11px;:;:revert-layer;:revert-layer;: -;: -0;: -;}
    #contents02 .inner-Box p.subtext {font-size: 14px;line-height: 1.6;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 30px;text-align: center;color: #888888;}

    #contents03 {margin: 0 auto 249px;position: relative;width: 1100px;}
    #contents03 span.icon {display: block;line-height: 1;position: absolute;top: -35px;right: -14px;}
    #contents03 h2 {font-size: 41px;line-height: 1.6;font-weight: 300;letter-spacing: 4.1px;margin-bottom: 30px;text-align: right;margin-right: 153px;padding-top: 30px;}
    #contents03 .inner-Box {margin: 0 auto;position: relative;padding-top: 70px;}
    #contents03 .inner-Box figure.photo {position: absolute;top: 16px;left: 0;}
    #contents03 .text-Box {margin: 0 0 0 auto;position: relative;width: 550px;height: 297px;background: #FEEBE4;padding: 80px;}
    #contents03 .text-Box p.text {font-size: 16px;line-height: 25px;font-weight: 500;letter-spacing: 1.6px;margin-bottom: 16px;}

    #contents04 {margin: 0 auto 150px;position: relative;background: url('../images/comfort/contents04-back01.png')no-repeat top center;}
    #contents04 span.icon01 {display: block;line-height: 1;position: absolute;top: -90px;left: 50%;margin-left: -206px;}
    #contents04 h2 {font-size: 41px;line-height: 1.6;font-weight: 300;letter-spacing: 4.1px;margin-bottom: 20px;text-align: center;padding-left: 190px;top: -33px;position: relative;}
    #contents04 .inner-Box{margin: 0 auto;position: relative;background: url('../images/comfort/contents04-photo01.png')repeat-x top center;animation: backgroundScroll 50s linear infinite;height: 449px;}

    @keyframes backgroundScroll { from { background-position: 96% 0px; } to { background-position: -280% 0px; } }
    
    #contents05 {margin: 0 auto 151px;position: relative;height: 683px;width: 1100px;}
    #contents05 .inner-Box {margin: 0 auto;position: relative;padding-top: 250px;}
    #contents05 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: 47px;}
    #contents05 .inner-Box h2 {font-size: 41px;line-height: 1.6;font-weight: 300;letter-spacing: 4.1px;margin-bottom: 60px;padding-left: 47px;}
    #contents05 .inner-Box h2 span{  }
    #contents05 .inner-Box figure.photo {position: absolute;top: 0;right: -160px;}
    #contents05 .inner-Box p.text {font-size: 16px;line-height: 25px;font-weight: 500;letter-spacing: 1.6px;margin-bottom: 30px;width: 338px;}

    #contents06 {margin: 0 auto 90px;position: relative;width: 1060px;height: 547px;background: #F6F6F6;padding-top: 55px;}
    #contents06 h2 {font-size: 41px;line-height: 1.6;font-weight: 300;letter-spacing: 4.1px;margin-bottom: 39px;text-align: center;}
    #contents06 .inner-Box { margin: 0 auto; position: relative; }
    #contents06 .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-bottom: 14px;margin-left: 194px;}
    #contents06 .inner-Box ul li{position: relative;width: 49%;margin-bottom: 9.1px;}
    #contents06 .inner-Box ul li:nth-child(3n){ margin-right: 0px; }
    #contents06 .inner-Box p.listtext {font-size: 20px;line-height: 1.6;font-weight: 500;letter-spacing: 1px;}
    #contents06 .inner-Box p.text {font-size: 14px;line-height: 25px;font-weight: 500;letter-spacing: 0.7px;margin: 0 auto 30px;color: #888888;width: 672px;}
    
    #contentsbottom {margin: 0 auto 180px;position: relative;}
    #contentsbottom .inner-Box {margin: 0 auto;position: relative;width: 880px;}
    #contentsbottom .inner-Box ul.list {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 {margin-right: 40px;}
    #contentsbottom .inner-Box ul li:nth-child(2n) { margin-right: 0px; }
    #contentsbottom .inner-Box ul li figure{  }

}
@media screen and (max-width: 767px) {
    #contentsmain {padding-top: 33.7vw;margin: -4vw auto 14.6vw;position: relative;background: url('../images/comfort/sp-contentsmain-back01.png') no-repeat top center;background-size: 100% auto;}
    #contentsmain h2 {text-align: center;margin: 0 23.7vw 23.1vw;}
    #contentsmain h2 img{  }
    #contentsmain .inner-Box {margin: 0 5.3vw;position: relative;background: #FEEBE4;text-align: center;box-shadow: 3.1vw 4.4vw 4.0vw #0000000F;padding: 7.9vw 0 7vw;}
    #contentsmain .inner-Box h3 {font-size: 5.7vw;line-height: 1.7;font-weight: 300;letter-spacing: 0.6vw;margin-bottom: 4.9vw;}
    #contentsmain .inner-Box h3 span{  }
    #contentsmain .inner-Box figure{margin: 0 5vw 6.7vw;}
    #contentsmain .inner-Box p.text {font-size: 3.7vw;line-height: 1.95;font-weight: 500;letter-spacing: 0.3vw;margin-bottom: 3.9vw;}
    
    
    #contents01 {margin: 0 auto 27.6vw;position: relative;}
    #contents01 h2 {text-align: center;margin: 0 17.2vw 9.3vw;}
    #contents01 h2 img{  }
    #contents01 .inner-Box {margin: 0 5vw;position: relative;}
    #contents01 .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;}
    #contents01 .inner-Box ul li {margin-right: 2.6vw;width: 48.3%;margin-bottom: -2.3vw;}
    #contents01 .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
    #contents01 .inner-Box ul li figure{ margin-bottom: 4vw; }
    
    #contents02 {margin: 0 auto 35.2vw;position: relative;background: url('../images/comfort/sp-contents02-back01.png') no-repeat top center;background-size: 100% auto;padding-top: 10vw;}
    #contents02 span.icon {display: block;line-height: 1;position: absolute;left: 50%;top: -14.9vw;width: 24.7vw;margin-left: -12vw;}
    #contents02 h2 {font-size: 7.8vw;line-height: 1.5;font-weight: 300;letter-spacing: 1vw;margin-bottom: 7.6vw;text-align: center;position: relative;top: 0.9vw;}
    #contents02 h2 span {display: block;font-size: 4.5vw;letter-spacing: 0.3vw;}
    #contents02 .inner-Box {margin: 0 5.2vw;position: relative;background: #fff;border-radius: 3.3vw;padding-top: 7.2vw;}
    #contents02 .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 7.2vw -1.4vw;}
    #contents02 .inner-Box ul li{position: relative;margin-bottom: 2.5vw;text-align: center;}
    #contents02 .inner-Box ul li:nth-child(3n){ margin-right: 0.0vw; }
    #contents02 .inner-Box figure{margin-bottom: 5vw;}
    #contents02 .inner-Box p.intext {font-size: 3.9vw;line-height:1.6;font-weight: 500;letter-spacing: 0.3vw;margin-bottom: 3.9vw;position: relative;:;:revert-layer;:revert-layer;: -;: -0;: -;}
    #contents02 .inner-Box p.subtext {font-size: 3.4vw;line-height: 1.8;font-weight: 500;letter-spacing: 0.2vw;margin: 0 7vw 3.9vw;text-align: left;color: #888888;}
    
    #contents03 {margin: 0 auto 29.5vw;position: relative;}
    #contents03 span.icon {display: block;line-height: 1;position: absolute;left: 50%;top: -14.9vw;width: 24.7vw;margin-left: -12vw;}
    #contents03 h2 {font-size: 7.8vw;line-height: 1.5;font-weight: 300;letter-spacing: 1vw;margin-bottom: -1.8vw;text-align: center;position: relative;top: 0.9vw;padding-top: 10.5vw;}
    #contents03 .inner-Box {margin: 0 5.3vw;position: relative;padding-top: 9.1vw;}
    #contents03 .inner-Box figure.photo {position: relative;left: 0;margin-bottom: -7.5vw;}
    #contents03 .text-Box {margin: 0 2.7vw 0;position: relative;background: #FEEBE4;padding: 6.7vw 5.6vw 3.3vw 5.6vw;}
    #contents03 .text-Box p.text {font-size: 3.9vw;line-height:1.6;font-weight: 500;letter-spacing: 0.35vw;margin-bottom: 3.1vw;}
    
    #contents04 {margin: 0 auto 5.6vw;position: relative;background: url('../images/comfort/sp-contents04-back01.png') no-repeat top center;background-size: 100% auto;}
    #contents04 span.icon01 {display: block;line-height: 1;position: absolute;left: 50%;top: -14.9vw;width: 24.7vw;margin-left: -12vw;}
    #contents04 h2 {font-size: 7.8vw;line-height: 1.5;font-weight: 300;letter-spacing: 1vw;margin-bottom: 6.8vw;text-align: center;position: relative;top: 0.9vw;padding-top: 10.5vw;}
    #contents04 .inner-Box{position: relative;background: url('../images/comfort/contents04-photo01.png')repeat-x top center;animation: backgroundScroll 50s linear infinite;height: 58.5vw;background-size: 267% auto;}
    
    @keyframes backgroundScroll { from { background-position: 40% 0.0vw; } to { background-position: -280% 0.0vw; } }
    
    #contents05 {margin: 0 auto 13.7vw;position: relative;}
    #contents05 .inner-Box {margin: 0 5.4vw;position: relative;padding-top: 26.6vw;}
    #contents05 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: 0.1vw;width: 37.6vw;left: 20vw;}
    #contents05 h2 {font-size: 7.8vw;line-height: 1.5;font-weight: 300;letter-spacing: 1vw;margin-bottom: 5.8vw;text-align: center;position: relative;top: -0.6vw;}
    #contents05 .inner-Box h2 span{  }
    #contents05 .inner-Box figure.photo {position: relative;top: 0;right: revert-layer;margin-bottom: 4.5vw;}
    #contents05 .inner-Box p.text {font-size: 3.8vw;line-height:1.6;font-weight: 500;letter-spacing: 0.45vw;margin: 0 4.9vw 3.9vw;}
    
    #contents06 {margin: 0 5.5vw 14.9vw;position: relative;background: #F6F6F6;padding-top: 8.7vw;padding-bottom: 7.2vw;}
    #contents06 h2 {font-size: 6.7vw;line-height: 1.6;font-weight: 300;letter-spacing: 0.3vw;margin-bottom: 2.6vw;text-align: center;}
    #contents06 .inner-Box { margin: 0 4vw; position: relative; }
    #contents06 .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-bottom: 1.8vw;margin-left: 10.8vw;}
    #contents06 .inner-Box ul li{position: relative;width: 100%;margin-bottom: 2.8vw;}
    #contents06 .inner-Box ul li:nth-child(3n){ margin-right: 0.0vw; }
    #contents06 .inner-Box p.listtext {font-size: 3.7vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.3vw;}
    #contents06 .inner-Box p.text {font-size: 3.2vw;line-height: 1.8;font-weight: 500;letter-spacing: 0.35vw;margin: 0 10.4vw 3.9vw;color: #888888;}
    
    #contentsbottom {margin: 0 auto 12.8vw;position: relative;}
    #contentsbottom .inner-Box {margin: 0 6.5vw;position: relative;}
    #contentsbottom .inner-Box ul.list {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 {margin-bottom: 5.2vw;}
    #contentsbottom .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
    #contentsbottom .inner-Box ul li figure{ margin-bottom: 4vw; }

}