@charset "UTF-8"; .backk{background: #1377A1;} @media screen and (min-width: 768px),print { .seo_bread_list{color: #fff;} .seo_bread_list a{color: #fff;} .backk{margin-bottom: -70px;} #contentsmain {margin: -54px auto -99px;position: relative;background: url('../images/concept/contentsmain-back01.png')no-repeat top center;text-align: center;color: #fff;padding: 103px 0 230px;} #contentsmain .inner-Box { margin: 0 auto; position: relative; } #contentsmain .inner-Box p.entext {margin-bottom: 6px;position: relative;font-size: 14px;line-height: 2.5;letter-spacing: 0.05em;text-align: center;color: #ffffff;} #contentsmain .inner-Box h2 {margin-bottom: 11px;position: relative;font-size: 50px;line-height: 2;letter-spacing: 0.03em;font-weight: 700;color: #ffffff;} #contentsmain .inner-Box p.text {margin-bottom: 64px;position: relative;font-size: 16px;line-height: 2.19;letter-spacing: 0.03em;text-align: center;color: #ffffff;} #contentsmain .inner-Box figure.photo01 {position: relative;top: 0;left: 0;} #contentsmain .inner-Box figure.photo01 img{ } #contents01 {margin: 0 auto 50px;position: relative;width: 1200px;height: 680px;background: #fff;padding: 80px 72px;} #contents01 .inner-Box { margin: 0 auto; position: relative; } #contents01 .inner-Box span.reicon {display: block;line-height: 1;margin-bottom: 56px;} #contents01 .inner-Box span.reicon img { } #contents01 .inner-Box h2 {margin-bottom: 31px;position: relative;font-size: 35px;line-height: 1.71;letter-spacing: 0.03em;font-weight: 700;text-align: left;color: #1a1a1a;} #contents01 .inner-Box figure.photo {position: absolute;top: 45px;right: -20px;} #contents01 .inner-Box figure.photo img{ } #contents01 .inner-Box p.text {margin-bottom: 0px;position: relative;font-size: 16px;line-height: 2.19;letter-spacing: 0.03em;text-align: left;color: #1a1a1a;} #contents01 .inner-Box p.text span {display: block;margin-bottom: 35px;} #contents02 {margin: 0 auto 50px;position: relative;width: 1200px;height: 680px;background: #fff;padding: 80px 72px;} #contents02 .inner-Box {margin: 0 auto;position: relative;padding-left: 527px;} #contents02 .inner-Box span.reicon {display: block;line-height: 1;margin-bottom: 56px;} #contents02 .inner-Box span.reicon img { } #contents02 .inner-Box h2 {margin-bottom: 31px;position: relative;font-size: 35px;line-height: 1.71;letter-spacing: 0.03em;font-weight: 700;text-align: left;color: #1a1a1a;margin-right: -20px;} #contents02 .inner-Box figure.photo {position: absolute;top: 88px;left: -20px;} #contents02 .inner-Box figure.photo img{ } #contents02 .inner-Box p.text {margin-bottom: 0px;position: relative;font-size: 16px;line-height: 2.19;letter-spacing: 0.03em;text-align: left;color: #1a1a1a;} #contents02 .inner-Box p.text span {display: block;margin-bottom: 35px;} #contents03 {margin: 0 auto 50px;position: relative;width: 1200px;height: 680px;background: #fff;padding: 80px 72px;} #contents03 .inner-Box { margin: 0 auto; position: relative; } #contents03 .inner-Box span.reicon {display: block;line-height: 1;margin-bottom: 48px;} #contents03 .inner-Box span.reicon img { } #contents03 .inner-Box h2 {margin-bottom: 31px;position: relative;font-size: 35px;line-height: 1.71;letter-spacing: 0.03em;font-weight: 700;text-align: left;color: #1a1a1a;} #contents03 .inner-Box figure.photo {position: absolute;top: 75px;right: -20px;} #contents03 .inner-Box figure.photo img{ } #contents03 .inner-Box p.text {margin-bottom: 0px;position: relative;font-size: 16px;line-height: 2.19;letter-spacing: 0.03em;text-align: left;color: #1a1a1a;} #contents03 .inner-Box p.text span {display: block;margin-bottom: 35px;} #contents04 {margin: 0 auto 50px;position: relative;width: 1200px;height: 740px;background: #fff;padding: 80px 72px;} #contents04 .inner-Box {margin: 0 auto;position: relative;padding-left: 527px;} #contents04 .inner-Box span.reicon {display: block;line-height: 1;margin-bottom: 56px;} #contents04 .inner-Box span.reicon img { } #contents04 .inner-Box h2 {margin-bottom: 31px;position: relative;font-size: 35px;line-height: 1.71;letter-spacing: 0.03em;font-weight: 700;text-align: left;color: #1a1a1a;margin-right: -20px;} #contents04 .inner-Box figure.photo {position: absolute;top: 136px;left: -20px;} #contents04 .inner-Box figure.photo img{ } #contents04 .inner-Box p.text {margin-bottom: 0px;position: relative;font-size: 16px;line-height: 2.19;letter-spacing: 0.03em;text-align: left;color: #1a1a1a;} #contents04 .inner-Box p.text span {display: block;margin-bottom: 35px;} #contents05 {margin: 0 auto 50px;position: relative;width: 1200px;height: 740px;background: #fff;padding: 80px 72px;} #contents05 .inner-Box { margin: 0 auto; position: relative; } #contents05 .inner-Box span.reicon {display: block;line-height: 1;margin-bottom: 56px;} #contents05 .inner-Box span.reicon img { } #contents05 .inner-Box h2 {margin-bottom: 31px;position: relative;font-size: 35px;line-height: 1.71;letter-spacing: 0.03em;font-weight: 700;text-align: left;color: #1a1a1a;} #contents05 .inner-Box figure.photo {position: absolute;top: 87px;right: -42px;} #contents05 .inner-Box figure.photo img{ } #contents05 .inner-Box p.text {margin-bottom: 0px;position: relative;font-size: 16px;line-height: 2.19;letter-spacing: 0.03em;text-align: left;color: #1a1a1a;} #contents05 .inner-Box p.text span {display: block;margin-bottom: 35px;} #contents06 {margin: 0 auto -660px;position: relative;width: 1200px;height: 800px;background: #fff;padding: 80px 72px;z-index: 3;} #contents06 .inner-Box { margin: 0 auto; position: relative; } #contents06 .inner-Box span.reicon {display: block;line-height: 1;margin-bottom: 40px;} #contents06 .inner-Box span.reicon img { } #contents06 .inner-Box h2 {margin-bottom: 66px;position: relative;font-size: 35px;line-height: 1.71;letter-spacing: 0.03em;font-weight: 700;text-align: center;color: #1a1a1a;} #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;width: 980px;margin: 0 auto;} #contents06 .inner-Box ul li {position: relative;margin-right: 40px;text-align: center;} #contents06 .inner-Box ul li:nth-child(3n) { margin-right: 0px; } #contents06 .inner-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 18px;} #contents06 .inner-Box figure.img img{ } #contents06 .inner-Box p.ltext {margin-bottom: 0px;position: relative;font-size: 16px;line-height: 1.69;letter-spacing: 0.03em;text-align: center;color: #1a1a1a;} #contentsbottom {margin: 0 auto;position: relative;background: url('../images/concept/contentsbottom-back01.png')no-repeat bottom center;height: 1605px;padding: 790px 0 0;} #contentsbottom .inner-Box {margin: 0 auto;position: relative;text-align: center;} #contentsbottom .inner-Box h2 {margin-bottom: 58px;position: relative;font-size: 40px;line-height: 1.5;letter-spacing: 0.03em;font-weight: 700;text-align: center;color: #ffffff;} #contentsbottom .inner-Box figure.photo {position: relative;top: 0;left: 0;} #contentsbottom .inner-Box figure.photo img{ } } @media screen and (min-width:768px) and ( max-width:1450px) { } @media screen and (max-width: 767px) { #contentsmain{margin: -9vw auto -37.9vw;position:relative;background: url('../images/concept/sp-contentsmain-back01.png') no-repeat top center;background-size: 100% auto;text-align: left;color:#fff;padding: 10.8vw 0vw 55.6vw;} #contentsmain .inner-Box{margin:0 auto;position:relative;} #contentsmain .inner-Box p.entext{margin-bottom: 0.7vw;position:relative;font-size: 2.9vw;line-height:2.5;letter-spacing:.05em;color:#fff;margin-left: 11.7vw;} #contentsmain .inner-Box h2{margin-bottom: 3.1vw;position:relative;font-size: 7.3vw;line-height: 1.6;letter-spacing:.03em;font-weight:700;color:#fff;margin-left: 11.6vw;} #contentsmain .inner-Box p.text{margin-bottom: 11.2vw;position:relative;color:#fff;font-size: 3.9vw;line-height: 2;letter-spacing: 0em;text-align: left;margin-left: 11.2vw;} #contentsmain .inner-Box figure.photo01{position:relative;top:0;left:0;} #contentsmain .inner-Box figure.photo01 img{width:100%;height:auto;display:block;} #contents01{margin: 0 4vw 4.9vw;position:relative;height:auto;background:#fff;padding: 6vw 4.9vw 7.3vw 4.9vw;} #contents01 .inner-Box{margin:0 auto;position:relative;} #contents01 .inner-Box span.reicon{display:block;line-height:1;margin-bottom: 9.6vw;} #contents01 .inner-Box span.reicon img{ width: auto; height: 2.43vw; } #contents01 .inner-Box h2{margin-bottom: 6.3vw;position:relative;color:#1A1A1A;font-size: 5.8vw;line-height: 1.67;letter-spacing: 0em;font-weight: 700;text-align: left;} #contents01 .inner-Box figure.photo{position:relative;top:0;right:0;text-align:center;margin: 0 1vw 4.7vw;} #contents01 .inner-Box figure.photo img{max-width:100%;height:auto;} #contents01 .inner-Box p.text{margin-bottom:0;position:relative;color:#1A1A1A;font-size: 3.9vw;line-height: 2;letter-spacing: 0em;text-align: left;} #contents01 .inner-Box p.text span{display: inline;} #contents02{margin: 0 4vw 4.9vw;position:relative;height:auto;background:#fff;padding: 6vw 4.9vw 7.3vw 4.9vw;} #contents02 .inner-Box{margin:0 auto;position:relative;} #contents02 .inner-Box span.reicon{display:block;line-height:1;margin-bottom: 9.6vw;} #contents02 .inner-Box span.reicon img{ width: auto; height: 2.43vw; } #contents02 .inner-Box h2{margin-bottom: 6.3vw;position:relative;color:#1A1A1A;font-size: 5.8vw;line-height: 1.67;letter-spacing: 0em;font-weight: 700;text-align: left;} #contents02 .inner-Box figure.photo{position:relative;top:0;right:0;text-align:center;margin: 0 1vw 2.7vw;} #contents02 .inner-Box figure.photo img{max-width:100%;height:auto;} #contents02 .inner-Box p.text{margin-bottom:0;position:relative;color:#1A1A1A;font-size: 3.9vw;line-height: 2;letter-spacing: 0em;text-align: left;} #contents02 .inner-Box p.text span{display: inline;} #contents03{margin: 0 4vw 4.9vw;position:relative;height:auto;background:#fff;padding: 6vw 4.9vw 7.3vw 4.9vw;} #contents03 .inner-Box{margin:0 auto;position:relative;} #contents03 .inner-Box span.reicon{display:block;line-height:1;margin-bottom: 9.6vw;} #contents03 .inner-Box span.reicon img{ width: auto; height: 2.43vw; } #contents03 .inner-Box h2{margin-bottom: 6.3vw;position:relative;color:#1A1A1A;font-size: 5.8vw;line-height: 1.67;letter-spacing: 0em;font-weight: 700;text-align: left;} #contents03 .inner-Box figure.photo{position:relative;top:0;right:0;text-align:center;margin: 0 1vw 4.7vw;} #contents03 .inner-Box figure.photo img{max-width:100%;height:auto;} #contents03 .inner-Box p.text{margin-bottom:0;position:relative;color:#1A1A1A;font-size: 3.9vw;line-height: 2;letter-spacing: 0em;text-align: left;} #contents03 .inner-Box p.text span{display: inline;} #contents04{margin: 0 4vw 4.9vw;position:relative;height:auto;background:#fff;padding: 6vw 4.9vw 7.3vw 4.9vw;} #contents04 .inner-Box{margin:0 auto;position:relative;} #contents04 .inner-Box span.reicon{display:block;line-height:1;margin-bottom: 9.6vw;} #contents04 .inner-Box span.reicon img{ width: auto; height: 2.43vw; } #contents04 .inner-Box h2{margin-bottom: 6.3vw;position:relative;color:#1A1A1A;font-size: 5.8vw;line-height: 1.67;letter-spacing: 0em;font-weight: 700;text-align: left;} #contents04 .inner-Box figure.photo{position:relative;top:0;right:0;text-align:center;margin: 0 1vw 4.7vw;} #contents04 .inner-Box figure.photo img{max-width:100%;height:auto;} #contents04 .inner-Box p.text{margin-bottom:0;position:relative;color:#1A1A1A;font-size: 3.9vw;line-height: 2;letter-spacing: 0em;text-align: left;} #contents04 .inner-Box p.text span{display: inline;} #contents05{margin: 0 4vw 4.9vw;position:relative;height:auto;background:#fff;padding: 6vw 4.9vw 7.3vw 4.9vw;} #contents05 .inner-Box{margin:0 auto;position:relative;} #contents05 .inner-Box span.reicon{display:block;line-height:1;margin-bottom: 9.6vw;} #contents05 .inner-Box span.reicon img{ width: auto; height: 2.43vw; } #contents05 .inner-Box h2{margin-bottom: 6.3vw;position:relative;color:#1A1A1A;font-size: 5.8vw;line-height: 1.67;letter-spacing: 0em;font-weight: 700;text-align: left;} #contents05 .inner-Box figure.photo{position:relative;top:0;right:0;text-align:center;margin: 0 1vw 4.7vw;} #contents05 .inner-Box figure.photo img{max-width:100%;height:auto;} #contents05 .inner-Box p.text{margin-bottom:0;position:relative;color:#1A1A1A;font-size: 3.9vw;line-height: 2;letter-spacing: 0em;text-align: left;} #contents05 .inner-Box p.text span{display: inline;} #contents06{margin: 0 4vw -45.4vw;position:relative;height:auto;background:#fff;padding: 6vw 4.9vw 9.3vw 4.9vw;z-index: 3;} #contents06 .inner-Box{margin:0 auto;position:relative;} #contents06 .inner-Box span.reicon{display:block;line-height:1;margin-bottom: 9.6vw;} #contents06 .inner-Box span.reicon img{ width: auto; height: 2.43vw; } #contents06 .inner-Box h2{margin-bottom: 9.3vw;position:relative;color:#1A1A1A;font-size: 5.8vw;line-height: 1.67;letter-spacing: 0em;font-weight: 700;text-align: left;} #contents06 .inner-Box ul{display:flex;flex-wrap:wrap;width:100%;margin:0 auto;gap: 2.3vw 0;} #contents06 .inner-Box ul li{position:relative;width:100%;margin-right:0;text-align:center;margin-bottom: 6vw;} #contents06 .inner-Box ul li:nth-child(3n){margin-right:0;} #contents06 .inner-Box figure.img{position:relative;top:0;left:0;margin-bottom: 2.3vw;} #contents06 .inner-Box figure.img img{max-width:100%;height:auto;} #contents06 .inner-Box p.ltext{margin-bottom:0;position:relative;font-size:3.9vw;line-height:1.69;letter-spacing:.03em;text-align:center;color:#1A1A1A;} #contentsbottom{margin:0 auto;position:relative;background: url('../images/concept/sp-contentsbottom-back01.png') no-repeat bottom center;background-size: 100% auto;height:auto;padding: 58.8vw 5.8vw 23vw;} #contentsbottom .inner-Box{margin:0 auto;position:relative;text-align:center;} #contentsbottom .inner-Box h2{margin-bottom: 10vw;position:relative;color:#FFF;font-size: 5.8vw;line-height: 1.67;letter-spacing: 0em;font-weight: 700;text-align: center;} #contentsbottom .inner-Box figure.photo{position:relative;top:0;left:0;margin: 0 9.6vw;} #contentsbottom .inner-Box figure.photo img{max-width:100%;height:auto;display:block;} }