@charset "UTF-8";

@media screen and (min-width: 768px),print {

#contentsmain {margin: 0 auto 80px;position: relative;padding: 0 80px;}
#contentsmain h2.f-en {margin-bottom: -104px;position: relative;mix-blend-mode: exclusion;font-size: 212px;letter-spacing: 74px;font-weight: 500;color: #fff;text-align: center;line-height: 1;padding-top: 42px;padding-left: 0px;z-index: 3;left: 37px;}
#contentsmain .inner-Box { margin: 0 auto; position: relative; }
#contentsmain .inner-Box h3 {position: absolute;top: 32px;left: 50%;z-index: 3;margin-left: 339px;width: 8.1%;}
#contentsmain .inner-Box h3 span{  }
#contentsmain .inner-Box h3 img {width: 100%;height: auto;}
#contentsmain .inner-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 66px;}
#contentsmain .inner-Box figure.img img{width: 100%;height: auto;}
#contentsmain .inner-Box p.text {margin-bottom: 24px;position: relative;font-size: 18px;line-height: 2.4;letter-spacing: 0.1em;font-weight: 400;color: #1a1a1a;text-align: center;}
#contentsmain .inner-Box p.morebtn{ }
#contentsmain .inner-Box p.morebtn a{margin: 0 auto;width: 300px;height: 52px;text-align: center;font-size: 16px;padding: 9px;letter-spacing: 0.1em;}
#contentsmain .inner-Box p.morebtn a .arr{transform: rotate(90deg);transform-origin: center;top: 9px;right: 16px;}
#contentsmain .inner-Box p.morebtn a .arr img{width: 11px;height: 16px;}


#contents01 {margin: 0 auto;position: relative;background: #F0F0F0;padding: 150px 0 129px;}
#contents01 .inner-Box {margin: 0 auto 167px;position: relative;width: 1100px;padding: 111px 0 0;}
#contents01 .inner-Box figure.photo {position: absolute;top: 0;left: 50%;margin-left: 30px;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box p.subttl {margin-bottom: 32px;position: relative;font-size: 24px;line-height: normal;letter-spacing: 0.05em;font-weight: 700;color: #aa6c10;}
#contents01 .inner-Box p.subttl span.f-en {  }
#contents01 .inner-Box h2.f-min {margin-bottom: 33px;position: relative;font-size: 30px;line-height: 2;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;}
#contents01 .inner-Box p.text {margin-bottom: 30px;position: relative;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;width: 520px;}
#contents01 .inner-Box2{margin: 0 auto;position: relative;background: url('../images/aluxe/contents01-back01.png')no-repeat top center;width: 1120px;padding: 105px 0 0;}
#contents01 .inner-Box2 h3.f-min {margin-bottom: 40px;position: relative;font-size: 30px;line-height: normal;letter-spacing: 0.2em;font-weight: 600;color: #1a1a1a;text-align: center;}
#contents01 .inner-Box2 ul{margin: 0 0 0 233px;}
#contents01 .inner-Box2 ul li {position: relative;margin-bottom: 16px;}
#contents01 .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; }
#contents01 .inner-Box2 span.ch {display: block;line-height: 1;position: absolute;top: 0;left: -52px;}
#contents01 .inner-Box2 span.ch img {  }
#contents01 .inner-Box2 p.ltext {margin-bottom: 0px;position: relative;font-size: 22px;line-height: 1.8;letter-spacing: 0.1em;font-weight: 500;color: #1a1a1a;}

/* #contents02のfigure追従(position:sticky)用。common.cssのbody{overflow-x:hidden}はスクロールコンテナを作りstickyを無効化するため、クリップだけ残るclipに置き換える */
body { overflow-x: clip !important; }

#contents02 {margin: 0 auto;position: relative;background: url('../images/alivio/contents02-back01.png')no-repeat top center;padding: 188px 0 0;}
#contents02 h2.f-min {margin-bottom: 110px;position: relative;font-size: 46px;line-height: normal;letter-spacing: 0.2em;font-weight: 600;color: #fff;text-align: center;}
#contents02 h2.f-min span {font-size: 24px;line-height: normal;letter-spacing: 0.2em;font-weight: 600;color: #fff;display: block;}


#contents02 .inner-Box {margin: 0 auto;position: relative;width: 1100px;padding-left: 0;color: #fff;padding-bottom: 175px;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
#contents02 .inner-Box figure.img {position: -webkit-sticky;position: sticky;top: 32px;left: 0;width: 540px;-webkit-box-flex: 0; -ms-flex: 0 0 540px; flex: 0 0 540px;}
#contents02 .inner-Box figure.img img{  }
#contents02 .inner-Box ul{margin-left: 78px;-webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0;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 .inner-Box ul li {position: relative;margin-bottom: 79px;}
#contents02 .inner-Box ul li:nth-child(3n) {margin-right: 0px;margin-bottom: 16px;}
#contents02 .inner-Box p.entext {margin-bottom: 17px;position: relative;font-size: 24px;line-height: 1;letter-spacing: 0.05em;font-weight: 700;top: -18px;color: #d99734;}
#contents02 .inner-Box p.entext::before{content: "";position: absolute;top: 33px;left: 160px;width: 320px;height: 4px;background: #959BA2;opacity: 0.1;}
#contents02 .inner-Box p.entext span {font-size: 44px;line-height: 1;letter-spacing: 0.05em;font-weight: 700;color: #d99734;display: inline-block;margin-left: 13px;}
#contents02 .inner-Box h3.f-min {margin-bottom: 23px;position: relative;font-size: 20px;line-height: normal;letter-spacing: 0.1em;font-weight: 600;color: #fff;}
#contents02 .inner-Box h3.f-min span {font-size: 36px;line-height: normal;letter-spacing: 0.2em;font-weight: 600;color: #fff;display: inline-block;margin-right: 25px;position: relative;top: 4px;display: block;margin-bottom: 11px;}
#contents02 .inner-Box p.text {margin-bottom: 0px;position: relative;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #fff;opacity: 0.7;}




#contents03 {margin: 0 auto 190px;position: relative;padding: 192px 0 0;}
#contents03 h2.f-min {margin-bottom: 100px;position: relative;font-size: 46px;line-height: normal;letter-spacing: 0.2em;font-weight: 600;text-align: center;}
#contents03 h2.f-min span {font-size: 24px;line-height: normal;letter-spacing: 0.2em;font-weight: 600;display: block;}

#contents03 .inner-Box1 {margin: 0 auto 111px;position: relative;min-height: 434px;width: 1100px;padding-left: 590px;padding-top: 0px;top: -3px;}
#contents03 .inner-Box1 figure.photo01 {position: absolute;top: 5px;left: 0;margin-left: -410px;}
#contents03 .inner-Box1 figure.photo01 img{  }
#contents03 .inner-Box1 p.sstext {margin-bottom: 21px;position: relative;font-size: 18px;line-height: normal;letter-spacing: 0.2em;font-weight: 600;color: #aa6c10;}
#contents03 .inner-Box1 h3 {margin-bottom: 38px;position: relative;font-size: 30px;line-height: normal;letter-spacing: 0.2em;font-weight: 600;color: #aa6c10;}
#contents03 .inner-Box1 p.text {margin-bottom: 30px;position: relative;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;}
#contents03 .inner-Box2 {margin: 0 auto;position: relative;min-height: 434px;width: 1100px;padding-right: 590px;padding-top: 0px;top: -5px;}
#contents03 .inner-Box2 figure.photo01 {position: absolute;top: 5px;left: 0;margin-left: 589px;}
#contents03 .inner-Box2 figure.photo01 img{  }
#contents03 .inner-Box2 p.sstext {margin-bottom: 21px;position: relative;font-size: 18px;line-height: normal;letter-spacing: 0.2em;font-weight: 600;color: #aa6c10;}
#contents03 .inner-Box2 h3 {margin-bottom: 38px;position: relative;font-size: 30px;line-height: normal;letter-spacing: 0.2em;font-weight: 600;color: #aa6c10;}
#contents03 .inner-Box2 p.text {margin-bottom: 30px;position: relative;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;}


#contents04 {margin: 0 auto;position: relative;background: #373F48;height: 588px;}
#contents04 h2.f-en {position: relative;mix-blend-mode: exclusion;z-index: 3;font-size: 110px;line-height: normal;letter-spacing: 0.4em;font-weight: 500;color: #fff;text-align: left;top: -67px;padding-right: 109px;width: 1100px;margin: 0 auto -15px;}
#contents04 .inner-Box {margin: 0 auto;position: relative;width: 1100px;}
#contents04 .inner-Box figure.photo {position: absolute;top: 0;right: 0;}
#contents04 .inner-Box figure.photo img{  }
#contents04 .inner-Box h3.f-min {margin-bottom: 33px;position: relative;font-size: 40px;line-height: normal;letter-spacing: 0.2em;font-weight: 600;color: #fff;}
#contents04 .inner-Box p.text {margin-bottom: 51px;position: relative;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #fff;}

#contents04 .inner-Box p.morebtn{ }
#contents04 .inner-Box p.morebtn a{width: 402px;height: 82px;padding: 21px 21px 21px 48px;background: #AA6C10;font-size: 24px;line-height: 1.8;letter-spacing: 0.1em;font-weight: 500;color: #fff;text-align: left;border: none;}
#contents04 .inner-Box p.morebtn a .arr{transform-origin: center;top: 2px;right: 37px;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
#contents04 .inner-Box p.morebtn a .arr img{width: 18px;}


#contentsbottom {margin: 0 auto;position: relative;width: 1120px;padding: 135px 0 68px;}
#contentsbottom .inner-Box { margin: 0 auto; position: relative; }
#contentsbottom .inner-Box h2.f-min {margin-bottom: 22px;position: relative;font-size: 40px;line-height: 1.6;letter-spacing: 0.2em;font-weight: 600;color: #1a1a1a;text-align: center;}
#contentsbottom .inner-Box p.sibttl {margin-bottom: 70px;position: relative;font-size: 18px;line-height: 1.8;letter-spacing: 0.1em;font-weight: 400;color: #1a1a1a;text-align: center;}
#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 {width: 333px;margin-right: 60px;}
#contentsbottom .inner-Box ul li:nth-child(3) { margin-right: 0px; }
#contentsbottom .inner-Box ul li figure {  }
#contentsbottom .inner-Box ul li a {  }
#contentsbottom .inner-Box ul li a:hover {  }
#contentsbottom .inner-Box p.ltext {margin-bottom: 0px;position: relative;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;padding: 15px 0 0 10px;}

}
@media screen and (min-width:768px) and ( max-width:1450px) {
	
#contentsmain {padding: 0 30px;}
#contentsmain h2.f-en {font-size: 120px;margin-bottom: -60px;}

	
}

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

#contentsmain{margin: 0 auto 19.4vw;position:relative;padding-top: 13.2vw;}
#contentsmain h2.f-en{margin-bottom: -10.9vw;position:relative;mix-blend-mode:exclusion;z-index:3;font-size: 18.1vw;line-height: normal;letter-spacing: 0.4em;font-weight: 500;color: #fff;text-align: center;}
#contentsmain .inner-Box{margin:0 auto;position:relative;}
#contentsmain .inner-Box h3{position:absolute;z-index:3;width: 15.7vw;right: 9.7vw;top: 4.3vw;}
#contentsmain .inner-Box h3 span{}
#contentsmain .inner-Box h3 img{width:100%;height:auto;}
#contentsmain .inner-Box figure.img{margin-bottom: 8.3vw;}
#contentsmain .inner-Box figure.img img{width:100%;height:auto;}
#contentsmain .inner-Box p.text{margin: 0 7.1vw 5.5vw;position:relative;text-align: left;font-size: 3.9vw;line-height: 1.6;letter-spacing: 0.1em;font-weight: 400;color: #1a1a1a;}
#contentsmain .inner-Box p.morebtn{}
#contentsmain .inner-Box p.morebtn a{margin:0 auto;width:72.5vw;height: 10vw;text-align:center;font-size:3.9vw;padding: 0.8vw;letter-spacing:.1em;}
#contentsmain .inner-Box p.morebtn a .arr{transform:rotate(90deg);transform-origin:center;top: 0.4vw;right:3.9vw;}
#contentsmain .inner-Box p.morebtn a .arr img{width:2.7vw;height:3.9vw;}


#contents01{margin:0 auto;position:relative;background:#F0F0F0;padding: revert-layer;}
#contents01 .inner-Box{margin: 0 auto 8.2vw;position:relative;width:100%;padding: 0 6.9vw 0;}
#contents01 .inner-Box figure.photo{position:relative;top:0;left:0;margin-left:0;margin: 0 -6.9vw 6.2vw;}
#contents01 .inner-Box figure.photo img{width:100%;height:auto;}
#contents01 .inner-Box p.subttl{margin-bottom: 6.3vw;position:relative;font-size: 4.3vw;line-height: normal;letter-spacing: 0.05em;font-weight: 700;color: #aa6c10;}
#contents01 .inner-Box p.subttl span.f-en{}
#contents01 .inner-Box h2.f-min{margin-bottom: 4.8vw;position:relative;font-size: 5.8vw;line-height: 1.6;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;}
#contents01 .inner-Box p.text{margin-bottom: 6vw;position:relative;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;}
#contents01 .inner-Box2{margin: 0 4.1vw;position:relative;background: url('../images/aluxe/sp-contents01-back01.png') no-repeat top center;background-size:100% auto;padding: 14.6vw 0 18vw;}
#contents01 .inner-Box2 h3.f-min{margin-bottom: 5vw;position:relative;font-size: 5.3vw;line-height: 1.6;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;text-align: center;}
#contents01 .inner-Box2 ul{margin: 0 7vw 0 16.2vw;}
#contents01 .inner-Box2 ul li{position:relative;margin-bottom: 4.3vw;}
#contents01 .inner-Box2 ul li:nth-child(3n){margin-right:0;}
#contents01 .inner-Box2 span.ch{display:block;line-height:1;position:absolute;top: 1.2vw;left: -8.8vw;width: 6.2vw;}
#contents01 .inner-Box2 span.ch img{}
#contents01 .inner-Box2 p.ltext{margin-bottom:0;position:relative;font-size: 3.9vw;line-height: 1.8;letter-spacing: 0.1em;font-weight: 500;color: #1a1a1a;}


#contents02{margin:0 auto;position:relative;background: url('../images/alivio/sp-contents02-back01.png') no-repeat top center;background-size:cover;padding: 22.7vw 7.1vw 0;}
#contents02 h2.f-min{margin-bottom: 6.3vw;position:relative;text-align:center;font-size: 7.2vw;line-height: normal;letter-spacing: 0.2em;font-weight: 600;color: #fff;}
#contents02 h2.f-min span{display:block;font-size: 4.3vw;line-height: normal;letter-spacing: 0.2em;font-weight: 600;color: #fff;}
#contents02 .inner-Box{margin:0 auto;position:relative;width:100%;padding-left:0;color:#fff;padding-bottom: 11.9vw;}
#contents02 .inner-Box figure.img{position:relative;top:0;left:0;margin-bottom: 12.6vw;}
#contents02 .inner-Box figure.img img{width:100%;height:auto;}
#contents02 .inner-Box ul{display:flex;flex-wrap:wrap;}
#contents02 .inner-Box ul li{position:relative;margin-bottom: 10vw;}
#contents02 .inner-Box ul li:nth-child(3n){margin-right:0;}
#contents02 .inner-Box p.entext{margin-bottom: 2vw;position:relative;font-size: 3.9vw;line-height: normal;letter-spacing: 0.05em;font-weight: 700;color: #d99734;}
#contents02 .inner-Box p.entext::before{content:"";position:absolute;top: 5.2vw;left: 20.6vw;width: 65vw;height:1vw;background:#959BA2;opacity:.1;}
#contents02 .inner-Box p.entext span{display:inline-block;margin-left: 1.9vw;font-size: 6.8vw;line-height: normal;letter-spacing: 0.05em;font-weight: 700;color: #d99734;}
#contents02 .inner-Box h3.f-min{margin-bottom: 3.6vw;position:relative;font-size: 3.9vw;line-height: normal;letter-spacing: 0.1em;font-weight: 600;color: #fff;}
#contents02 .inner-Box h3.f-min span{display: block;margin-right:6vw;position:relative;top:1vw;font-size: 5.8vw;line-height: normal;letter-spacing: 0.2em;font-weight: 600;color: #fff;margin-bottom: 1.6vw;}
#contents02 .inner-Box p.text{margin-bottom:0;position:relative;opacity:.7;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #fff;}


#contents03{margin: 0 auto -6.9vw;position:relative;padding: 22.8vw 0vw 0;}
#contents03 h2.f-min{margin-bottom: 4vw;position:relative;text-align:center;font-size: 7.2vw;line-height: normal;letter-spacing: 0.2em;font-weight: 600;}
#contents03 h2.f-min span{display:block;font-size: 4.3vw;line-height: normal;letter-spacing: 0.2em;font-weight: 600;}
#contents03 .inner-Box1{margin: 0 7.3vw 9.9vw;position:relative;min-height:auto;padding-left:0;padding-top:2.4vw;}
#contents03 .inner-Box1 figure.photo01{position:relative;top:0;left:0;margin-left:0;margin: 0 -7.3vw 8.5vw;}
#contents03 .inner-Box1 figure.photo01 img{width:100%;height:auto;}
#contents03 .inner-Box1 p.sstext{margin-bottom: 1.1vw;position:relative;font-size: 3.4vw;line-height: normal;letter-spacing: 0.2em;font-weight: 600;color: #aa6c10;}
#contents03 .inner-Box1 h3{margin-bottom: 5.2vw;position:relative;font-size: 5.8vw;line-height: normal;letter-spacing: 0.2em;font-weight: 600;color: #aa6c10;}
#contents03 .inner-Box1 p.text{margin-bottom: 5.4vw;position:relative;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;}
#contents03 .inner-Box2{margin: 0 7.3vw 28.7vw;position:relative;min-height:auto;padding-left:0;padding-top:2.4vw;}
#contents03 .inner-Box2 figure.photo01{position:relative;top:0;left:0;margin-left:0;margin: 0 -7.3vw 8.5vw;}
#contents03 .inner-Box2 figure.photo01 img{width:100%;height:auto;}
#contents03 .inner-Box2 p.sstext{margin-bottom: 1.1vw;position:relative;font-size: 3.4vw;line-height: normal;letter-spacing: 0.2em;font-weight: 600;color: #aa6c10;}
#contents03 .inner-Box2 h3{margin-bottom: 5.2vw;position:relative;font-size: 5.8vw;line-height: normal;letter-spacing: 0.2em;font-weight: 600;color: #aa6c10;}
#contents03 .inner-Box2 p.text{margin-bottom: 5.9vw;position:relative;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;}

#contents04{margin:0 auto;position:relative;background:#373F48;height:auto;padding-bottom: 24vw;}
#contents04 h2.f-en{margin-bottom:-3.6vw;position:relative;mix-blend-mode:exclusion;z-index:3;top: -6.9vw;padding-left: 2.5vw;font-size: 12.1vw;line-height: normal;letter-spacing: 0.2em;font-weight: 500;color: #fff;text-align: center;}
#contents04 .inner-Box{margin:0 auto;position:relative;}
#contents04 .inner-Box figure.photo{position: absolute;top: -10.9vw;right:0;margin-bottom:9.7vw;margin-left: 27vw;}
#contents04 .inner-Box figure.photo img{width:100%;height:auto;}
#contents04 .inner-Box h3.f-min{margin-bottom: 5.1vw;position:relative;font-size: 6.3vw;line-height: normal;letter-spacing: 0.2em;font-weight: 600;color: #fff;padding: 11.1vw 0 0 7vw;}
#contents04 .inner-Box p.text{margin: 0 7.1vw 9.8vw;position:relative;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #fff;}
#contents04 .inner-Box p.morebtn{}
#contents04 .inner-Box p.morebtn a{width: 85vw;height: 13.4vw;padding: 2.5vw 5.1vw 5.1vw 11.6vw;background:#AA6C10;border:none;font-size: 4.8vw;line-height: 1.8;letter-spacing: 0.1em;font-weight: 500;color: #fff;text-align: left;}
#contents04 .inner-Box p.morebtn a .arr{transform-origin:center;top: -0.5vw;right: 10.8vw;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);}
#contents04 .inner-Box p.morebtn a .arr img{width:4.3vw;}


#contentsbottom{margin:0 auto;position:relative;padding: 22.1vw 4.8vw 12.8vw;}
#contentsbottom .inner-Box{margin:0 auto;position:relative;}
#contentsbottom .inner-Box h2.f-min{margin-bottom: 3.1vw;position:relative;font-size: 5.8vw;line-height: 1.6;font-weight: 600;color: #1a1a1a;text-align: center;}
#contentsbottom .inner-Box p.sibttl{margin: 0 2.2vw 7.9vw;position:relative;text-align: left;font-size: 3.4vw;line-height: 1.6;letter-spacing: 0.1em;font-weight: 400;color: #1a1a1a;}
#contentsbottom .inner-Box ul.list{display:flex;flex-wrap:wrap;margin: 0 2.4vw 0 0.8vw;}
#contentsbottom .inner-Box ul li{width:100%;margin-right:0;margin-bottom:9.7vw;}
#contentsbottom .inner-Box ul li:nth-child(2){margin-right:0;}
#contentsbottom .inner-Box ul li figure{}
#contentsbottom .inner-Box ul li a{}
#contentsbottom .inner-Box p.ltext{margin-bottom:0;position:relative;padding: 4vw 0 0 1.4vw;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;}



}