@charset "UTF-8"; @media screen and (min-width: 768px),print { #contentsmain {margin: 0 auto;position: relative;background: url('../images/lccm/contentsmain-back01.png')no-repeat top center;color: #fff;padding: 126px 0 0;} #contentsmain .inner-Box {margin: 0 auto;position: relative;width: 1100px;padding-bottom: 569px;} #contentsmain .inner-Box h2.f-min {margin-bottom: 33px;position: relative;display: block;font-size: 72px;line-height: 1.4;letter-spacing: 0.1em;font-weight: 600;color: #fff;margin-right: -10px;} #contentsmain .inner-Box h2.f-min span {font-size: 26px;line-height: 1.6;letter-spacing: 0.2em;font-weight: 600;color: #fff;display: block;margin-bottom: 15px;} #contentsmain .inner-Box p.f-min {margin-bottom: 0px;position: relative;font-size: 24px;line-height: 2.4;letter-spacing: 0.1em;font-weight: 600;color: #fff;} #contentsmain .inner-Box span.img {display: block;line-height: 1;position: absolute;top: 208px;right: 23px;} #contentsmain .inner-Box span.img img { } #contents01 {margin: 0 auto;position: relative;padding: 132px 0 200px;} #contents01 h2.f-min {margin-bottom: 67px;position: relative;font-size: 24px;line-height: normal;letter-spacing: 0.2em;font-weight: 600;color: #1a1a1a;text-align: center;} #contents01 h2.f-min span {font-size: 46px;line-height: normal;letter-spacing: 0.2em;font-weight: 600;color: #1a1a1a;display: block;} #contents01 .inner-Box {margin: 0 auto;position: relative;width: 1100px;padding-left: 640px;padding-top: 80px;} #contents01 .inner-Box figure.photo { position: absolute; top: 0; left: 0; } #contents01 .inner-Box figure.photo img{ } #contents01 .inner-Box h3.f-min {margin-bottom: 23px;position: relative;font-size: 28px;line-height: 1.8;letter-spacing: 0.1em;font-weight: 600;color: #aa6c10;} #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;} #contents01 .inner-Box p.text span {color: #aa6c10;font-weight: bold;} #contents02 {margin: 0 auto;position: relative;background: #F0F0F0;padding-bottom: 113px;} #contents02 .ttl-Box {margin: 0 auto 90px;position: relative;} #contents02 .ttl-Box h2.f-en {margin-bottom: -4px;position: relative;font-size: 260px;line-height: 0.6;letter-spacing: 0.1em;font-weight: 500;color: #fff;text-align: center;padding-left: 27px;} #contents02 .ttl-Box h3.f-min {margin-bottom: 38px;position: relative;text-align: center;} #contents02 .ttl-Box h3.f-min span {display: inline-block;background: #1A1A1A;font-size: 40px;line-height: 1.3;letter-spacing: 0.2em;font-weight: 600;color: #fff;text-align: center;display: inline-block;padding: 0px 16px;} #contents02 .ttl-Box h4.f-min {margin-bottom: 17px;position: relative;font-size: 30px;line-height: 1.6;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;text-align: center;} #contents02 .ttl-Box p.text {margin-bottom: 0px;position: relative;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;text-align: center;} #contents02 .inner-Box {margin: 0 auto;position: relative;width: 1100px;} #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;} #contents02 .inner-Box ul li {position: relative;background: #fff;width: 48.3%;margin-right: 3.4%;padding: 50px 61px 50px 62px;margin-bottom: 40px;} #contents02 .inner-Box ul li:nth-child(2n) { margin-right: 0px; } #contents02 .inner-Box p.nol {margin-bottom: 0px;position: relative;font-size: 196px;line-height: normal;font-weight: 500;color: #1a1a1a;position: absolute;top: -164px;right: 20px;z-index: 3;} #contents02 .inner-Box p.nol span.f-en {opacity: 0.7;} #contents02 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-left: 83px;margin-bottom: -29px;} #contents02 .inner-Box figure.photo img{ } #contents02 .inner-Box h3.f-min {margin-bottom: 0px;position: relative;font-size: 40px;line-height: normal;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;} #contents02 .inner-Box h4.f-min {margin-bottom: 27px;position: relative;font-size: 18px;line-height: normal;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;} #contents02 .inner-Box p.ltext {margin-bottom: 0px;position: relative;opacity: 0.7;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;} #contents03 {margin: 0 auto;position: relative;background: url('../images/lccm/contents03-back01.png')no-repeat top center;padding: 185px 0 181px;} #contents03 h2.f-min {margin-bottom: 165px;position: relative;font-size: 46px;line-height: normal;letter-spacing: 0.2em;font-weight: 600;color: #fff;text-align: center;} #contents03 .inner-Box1 {margin: 0 auto 55px;position: relative;width: 1100px;padding-left: 590px;} #contents03 .inner-Box1 h3.f-min {margin-bottom: 34px;position: relative;font-size: 34px;line-height: normal;letter-spacing: 0.2em;font-weight: 600;color: #ffcb6b;} #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: #fff;} #contents03 .inner-Box2 {margin: 0 auto;position: relative;width: 1130px;} #contents03 .inner-Box2 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;} #contents03 .inner-Box2 ul li {position: relative;width: 30.3%;margin-right: 3.8%;} #contents03 .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; } #contents03 .inner-Box2 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 21px;} #contents03 .inner-Box2 figure.photo img{ } #contents03 .inner-Box2 h4.f-min {margin-bottom: 11px;position: relative;font-size: 24px;line-height: 1.6;letter-spacing: 0.1em;font-weight: 600;padding-left: 16px;color: #d99734;} #contents03 .inner-Box2 p.ltext {margin-bottom: 0px;position: relative;opacity: 0.7;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;padding-left: 16px;color: #fff;} #contents04 { margin: 0 auto; position: relative; } #contents04 .inner-Box { margin: 0 auto; position: relative; } #contents04 .inner-Box figure.photo {position: relative;top: -3px;left: 0;} #contents04 .inner-Box figure.photo img{ width: 100%; height: auto; } #contentsbottom {margin: 0 auto;position: relative;padding: 136px 0 0;} #contentsbottom .inner-Box {margin: 0 auto 140px;position: relative;width: 1120px;} #contentsbottom .inner-Box h2 {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.subttl {margin-bottom: 69px;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 {margin-right: 20px;width: 336px;margin-right: 51px;} #contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0px; } #contentsbottom .inner-Box ul li figure {margin-bottom: 13px;} #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;margin-left: 10px;} } @media screen and (min-width:768px) and ( max-width:1450px) { } @media screen and (max-width: 767px) { #contentsmain{margin:0 auto;position:relative;background: url('../images/lccm/sp-contentsmain-back01.png') no-repeat top center;background-size:100% auto;color:#fff;padding: 17.5vw 4.8vw 0;} #contentsmain .inner-Box{margin:0 auto;position:relative;width:100%;padding-bottom: 44.4vw;} #contentsmain .inner-Box h2.f-min{margin-bottom: 4.5vw;position:relative;display:block;font-size: 7.7vw;line-height: 1.4;letter-spacing: 0.1em;font-weight: 600;color: #fff;text-align: center;} #contentsmain .inner-Box h2.f-min span{display:block;margin-bottom: 3vw;font-size: 5.3vw;line-height: 1.6;letter-spacing: 0.2em;font-weight: 600;color: #fff;} #contentsmain .inner-Box p.f-min{margin-bottom: 5.8vw;position:relative;font-size: 4.3vw;line-height: 1.8;letter-spacing: 0.1em;font-weight: 600;color: #fff;margin-left: 2.6vw;} #contentsmain .inner-Box span.img{display:block;line-height:1;position: relative;margin: 0 12.9vw 0;} #contentsmain .inner-Box span.img img{} #contents01{margin:0 auto;position:relative;padding: 21.1vw 7.4vw 16.4vw;} #contents01 h2.f-min{margin-bottom: 9.2vw;position:relative;font-size:5.8vw;line-height:normal;letter-spacing:.2em;font-weight:600;color:#1a1a1a;text-align: left;} #contents01 h2.f-min span{font-size: 7.2vw;line-height: normal;letter-spacing: 0.2em;font-weight: 600;color: #1a1a1a;display: block;margin-bottom: 1.3vw;} #contents01 .inner-Box{margin:0 auto;position:relative;width:100%;padding-left:0;} #contents01 .inner-Box figure.photo{position:relative;top:0;left:0;margin-bottom: 9.7vw;} #contents01 .inner-Box figure.photo img{width:100%;height:auto;} #contents01 .inner-Box h3.f-min{margin-bottom: 4.6vw;position:relative;font-size: 5.8vw;line-height: 1.8;letter-spacing: 0.1em;font-weight: 600;color: #aa6c10;} #contents01 .inner-Box p.text{margin-bottom: 5.6vw;position:relative;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;} #contents01 .inner-Box p.text span{color:#aa6c10;font-weight:bold;} #contents02{margin:0 auto;position:relative;background:#F0F0F0;padding-bottom: 14.3vw;} #contents02 .ttl-Box{margin: 0 auto 12.7vw;position:relative;padding: 6.1vw 0 0;} #contents02 .ttl-Box h2.f-en{margin-bottom: -11.4vw;position:relative;text-align:center;font-size: 28.5vw;line-height: normal;letter-spacing: 0.1em;font-weight: 500;color: #fff;text-transform: uppercase;} #contents02 .ttl-Box h3.f-min{margin-bottom: 10.2vw;position:relative;text-align:center;} #contents02 .ttl-Box h3.f-min span{display:inline-block;background:#1A1A1A;padding:0 3.9vw;font-size: 5.8vw;line-height: 1.6;letter-spacing: 0.2em;font-weight: 600;color: #fff;text-align: center;} #contents02 .ttl-Box h4.f-min{margin-bottom: 3.1vw;position:relative;text-align: left;font-size: 4.8vw;line-height: 1.6;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;margin-left: 7.6vw;} #contents02 .ttl-Box p.text{margin: 0 7.5vw 0;position:relative;text-align: left;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.04em;font-weight: 400;color: #1a1a1a;} #contents02 .inner-Box{margin:0 auto;position:relative;width:100%;padding:0 4.8vw;} #contents02 .inner-Box ul{display:flex;flex-wrap:wrap;} #contents02 .inner-Box ul li{position:relative;background:#fff;width:100%;margin-right:0;padding:12.1vw 7.2vw;margin-bottom:9.7vw;} #contents02 .inner-Box ul li:nth-child(2n){margin-right:0;} #contents02 .inner-Box p.nol{margin-bottom:0;font-size: 35.3vw;line-height:normal;font-weight:500;color:#1a1a1a;position:absolute;top: -26.2vw;right:4.8vw;z-index:3;} #contents02 .inner-Box p.nol span.f-en {opacity: 0.7;} #contents02 .inner-Box figure.photo{position:relative;top:0;left:0;margin-left: 4.8vw;margin-bottom:-7vw;margin-right: -7.1vw;} #contents02 .inner-Box figure.photo img{} #contents02 .inner-Box h3.f-min{margin-bottom: 1.6vw;position:relative;font-size: 7.7vw;line-height: normal;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;} #contents02 .inner-Box h4.f-min{margin-bottom: 3.8vw;position:relative;font-size:4.3vw;line-height:normal;letter-spacing:.1em;font-weight:600;color:#1a1a1a;} #contents02 .inner-Box p.ltext{margin-bottom:0;position:relative;opacity:.7;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;} #contents03{margin:0 auto;position:relative;background: url('../images/lccm/sp-contents03-back01.png') no-repeat top center;background-size:cover;padding: 26.8vw 7.1vw 13vw;} #contents03 h2.f-min{margin-bottom: 18.9vw;position:relative;text-align:center;font-size: 6.3vw;line-height: normal;letter-spacing: 0.2em;font-weight: 600;color: #fff;} #contents03 .inner-Box1{margin:0 auto 13.3vw;position:relative;padding-left:0;} #contents03 .inner-Box1 h3.f-min{margin-bottom: 5.1vw;position:relative;font-size: 5.8vw;line-height: normal;letter-spacing: 0.2em;font-weight: 600;color: #ffcb6b;} #contents03 .inner-Box1 p.text{margin-bottom: 5.6vw;position:relative;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #fff;} #contents03 .inner-Box2{margin:0 auto;position:relative;width:100%;} #contents03 .inner-Box2 ul{display:flex;flex-wrap:wrap;} #contents03 .inner-Box2 ul li{position:relative;width:100%;margin-right:0;margin-bottom: 8.7vw;} #contents03 .inner-Box2 ul li:nth-child(3n){margin-right:0;} #contents03 .inner-Box2 figure.photo{position:relative;top:0;left:0;margin-bottom: 5.7vw;margin-left: -3.8vw;} #contents03 .inner-Box2 figure.photo img{width:100%;height:auto;} #contents03 .inner-Box2 h4.f-min{margin-bottom: 2.9vw;position:relative;font-size: 5.3vw;line-height: 1.6;letter-spacing: 0.1em;font-weight: 600;color: #d99734;} #contents03 .inner-Box2 p.ltext{margin-bottom:0;position:relative;opacity:.7;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #fff;} #contents04{margin:0 auto;position:relative;} #contents04 .inner-Box{margin:0 auto;position:relative;}#contents04 .inner-Box figure.photo{position:relative;top:0;left:0;}#contents04 .inner-Box figure.photo img{width:100%;height:auto;} #contentsbottom{margin:0 auto;position:relative;padding: 22.1vw 4.8vw 0;} #contentsbottom .inner-Box{margin: 0 auto 12.4vw;position:relative;width:100%;} #contentsbottom .inner-Box h2{margin-bottom: 2.9vw;position:relative;letter-spacing: 0em;color: #1a1a1a;font-size: 5.8vw;line-height: 1.6;font-weight: 600;text-align: center;} #contentsbottom .inner-Box p.subttl{margin: 0 2vw 7.2vw;position:relative;color:#1a1a1a;text-align: left;font-size: 3.4vw;line-height: 1.6;letter-spacing: 0.1em;font-weight: 400;} #contentsbottom .inner-Box ul.list{display:flex;flex-wrap:wrap;margin: 0 2.3vw 0 0.6vw;} #contentsbottom .inner-Box ul li{margin-right:0;width:100%;margin-bottom: 10.3vw;} #contentsbottom .inner-Box ul li:nth-child(3n){margin-right:0;} #contentsbottom .inner-Box ul li figure{margin-bottom: 3.5vw;} #contentsbottom .inner-Box ul li a{} #contentsbottom .inner-Box p.ltext{margin-bottom:0;position:relative;color:#1a1a1a;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;margin-left: 1.8vw;} }