@charset "UTF-8"; @media screen and (min-width: 768px),print { #contentsmain { margin: 0 auto; position: relative; background: url('../images/about/contentsmain-back01.png')no-repeat top center,url('../images/about/contentsmain-back02.png')no-repeat bottom center; } #contentsmain .inner-Box {margin: 0 auto;position: relative;color: #fff;padding: 165px 0 100px;text-align: center;} #contentsmain .inner-Box h2.f-min {margin-bottom: -39px;position: relative;font-size: 40px;line-height: 1.6;font-weight: 600;color: #ffffff;} #contentsmain .inner-Box h3.f-en {margin-bottom: 0px;position: relative;font-size: 165px;line-height: 1.6;letter-spacing: 0.1em;font-weight: 700;color: #ffffff;} #contentsmain .inner-Box2 {margin: 0 auto;position: relative;width: 1100px;padding: 49px 0 50px;} #contentsmain .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;} #contentsmain .inner-Box2 ul li {margin-right: 29px;} #contentsmain .inner-Box2 ul li:nth-child(4n) { margin-right: 0px; } #contentsmain .inner-Box2 ul li figure { } #contentsmain .inner-Box2 ul li a { } #contentsmain .inner-Box2 ul li a:hover { } #contents01 {margin: 0 auto;position: relative;background: url('../images/about/contents01-back01.png')no-repeat bottom center;padding-bottom: 611px;padding-top: 106px;} #contents01 .inner-Box {margin: 0 auto;position: relative;width: 1100px;} #contents01 .inner-Box h2.f-en {margin-bottom: -66px;position: relative;font-size: 190px;line-height: 1;letter-spacing: 0.1em;font-weight: 500;color: #1a1a1a;text-transform: uppercase;opacity: 0.1;} #contents01 .inner-Box h3.f-min {margin-bottom: 89px;position: relative;font-size: 40px;line-height: 1;letter-spacing: 0.2em;font-weight: 600;color: #ffffff;text-align: left;} #contents01 .inner-Box h3.f-min span {display: inline-block;background: #1A1A1A;padding: 5px 16px;} #contents01 .inner-Box h4.f-min {margin-bottom: 27px;position: relative;font-size: 34px;line-height: 1.6;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;} #contents01 .inner-Box h5.f-min {margin-bottom: 0px;position: relative;font-size: 22px;line-height: 1.6;letter-spacing: 0.1em;font-weight: 600;color: #aa6c10;} #contents01 .inner-Box p.text {margin-bottom: 35px;position: relative;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;} #contents01 .inner-Box p.text2 {margin-bottom: 0px;position: relative;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;padding: 1px 0 2px;} #contents01 .inner-Box h6.f-min {margin-bottom: 0px;position: relative;font-size: 36px;line-height: 1.6;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;padding: 53px 0 0;} #contents01 .inner-Box h6.f-min span {display: block;font-size: 16px;line-height: 1.6;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;} #contents02 {margin: 0 auto;position: relative;background: #F0F0F0;padding: 150px 0 104px;} #contents02 .inner-Box1,#contents02 .inner-Box2,#contents02 .inner-Box3,#contents02 .inner-Box4 {margin: 0 auto 48px;position: relative;background: #fff;width: 1100px;padding: 56px 100px 97px;} #contents02 h2 {margin-bottom: 32px;position: relative;font-size: 30px;line-height: 2.4;letter-spacing: 0.1em;font-weight: 400;color: #1a1a1a;} #contents02 h2 span.f-en {font-size: 90px;line-height: 1.6;letter-spacing: 0.1em;font-weight: 500;color: #1a1a1a;display: block;margin-bottom: -37px;} #contents02 table{width: 100%;} table th { background: #fff; } table tr:nth-child(odd) th { background: #eee;} table td { background: #fff; } table tr:nth-child(odd) td { background: #eee;} #contents02 .inner-Box1 table th {text-align: left;padding: 25px 32px;width: 26.8%;} #contents02 .inner-Box1 table td {padding: 25px 32px;} #contents02 .inner-Box2 h2 span.f-en { } #contents02 .inner-Box2 table{ position: relative; } #contents02 .inner-Box2 table::before{content: "";position: absolute;top: 34px;left: 211px;width: 1px;height: 433px;background: #AA6C10;} #contents02 .inner-Box2 table th { position: relative; padding: 24px 0 23px 41px;text-align: left;font-weight: bold;width: 22.3%;} #contents02 .inner-Box2 table th::before{content: "";position: absolute;top: 30px;left: 206px;width: 11px;height: 11px;border-radius: 50%;background: #AA6C10;} #contents02 .inner-Box2 table td { padding: 24px 0 23px 41px; } #contents02 .inner-Box3 h2 {position: relative;} #contents02 .inner-Box3 h2 span.f-en { } #contents02 .inner-Box3 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;border-top: #EDEDED 1px solid;padding: 28px 0 0;margin-bottom: 20px;} #contents02 .inner-Box3 ul li {position: relative;width: 47.8%;margin-bottom: 1.1px;} #contents02 .inner-Box3 ul li:nth-child(2n) {margin-right: 0px;width: 46%;} #contents02 .inner-Box3 ul li a {display: block;padding: 0 0 0 60px;} #contents02 .inner-Box3 ul li a:hover { } #contents02 .inner-Box3 span.blank {display: block;line-height: 1;position: absolute;top: 4px;left: 29px;} #contents02 .inner-Box3 span.blank img { } #contents02 .inner-Box3 p.ltext {margin-bottom: 0px;position: relative;font-size: 18px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 500;color: #1a1a1a;} #contents02 .inner-Box4 h2 span.f-en { } #contents02 .inner-Box4 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-Box4 ul li {position: relative;margin-right: 40px;} #contents02 .inner-Box4 ul li:nth-child(2) { margin-right: 0px; } #contents02 .inner-Box4 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 19px;} #contents02 .inner-Box4 figure.photo img{ } #contents02 .inner-Box4 h3.f-min {margin-bottom: 5px;position: relative;font-size: 30px;line-height: 1.6;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;} #contents02 .inner-Box4 h3.f-min span.f-en {font-size: 18px;line-height: 1.6;letter-spacing: 0.1em;font-weight: 400;color: #aa6c10;display: block;} #contents02 .inner-Box4 p.ltext {margin-bottom: 21px;position: relative;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;} #contents02 .inner-Box4 p.ltext2 {margin-bottom: 0px;position: relative;font-size: 14px;line-height: 1;letter-spacing: 0.05em;font-weight: 700;color: #1a1a1a;text-decoration: underline;} #contents02 .inner-Box4 p.ltext2 a {position: relative;} #contents02 .inner-Box4 p.ltext2 a:hover { } #contents02 .inner-Box4 p.ltext2 a::before{content: "";position: absolute;top: 1px;right: -21px;width: 14px;height: 16px;background:url(../images/about/blank.svg) no-repeat;display: block;background-size: 100% auto;} #contentsbottom {margin: 0 auto;position: relative;padding: 107px 0 0;} #contentsbottom .inner-Box {margin: 0 auto;position: relative;width: 1100px;} #contentsbottom h2 {margin-bottom: 28px;position: relative;font-size: 30px;line-height: 2.4;letter-spacing: 0.1em;font-weight: 400;color: #1a1a1a;} #contentsbottom h2 span.f-en {font-size: 90px;line-height: 1.6;letter-spacing: 0.1em;font-weight: 500;color: #1a1a1a;display: block;margin-bottom: -37px;} #contentsbottom .inBox {margin: 0 auto 66px;position: relative;} #contentsbottom .inBox h3 {margin-bottom: 36px;position: relative;font-size: 20px;line-height: 1.6;letter-spacing: 0.1em;font-weight: 400;color: #1a1a1a;border-bottom: #1A1A1A 1px solid;} #contentsbottom .inBox h3 span {display: inline-block;background: #fff;position: relative;top: 17px;left: 0;padding-right: 28px;} #contentsbottom .inBox ul.list1 {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 .inBox ul li {width: 535px;margin-right: 30px;} #contentsbottom .inBox ul.list2 li {width: 340px;margin-right: 40px;margin-bottom: 50px;} #contentsbottom .inBox ul.list2 li:nth-child(3n) { margin-right: 0px; } #contentsbottom .inBox ul.list2 li:nth-child(4),#contentsbottom .inBox ul.list2 li:nth-child(6){width: 535px;margin-right: 30px; } #contentsbottom .inBox ul.list2 li:nth-child(5),#contentsbottom .inBox ul.list2 li:nth-child(7){width: 535px;margin-right: 0px; } #contentsbottom .inBox:nth-child(3),#contentsbottom .inBox:nth-child(4) {margin-bottom: 0px;} #contentsbottom .inBox ul li:last-child { margin-right: 0px; } #contentsbottom .inBox ul li:nth-child(3n) { margin-right: 0px; } #contentsbottom .inBox ul li figure {margin-bottom: 31px;} #contentsbottom .inBox ul li a { } #contentsbottom .inBox ul li a:hover { } #contentsbottom .inBox h4.f-min {margin-bottom: 10px;position: relative;font-size: 24px;line-height: 1.3;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;text-align: center;} #contentsbottom .inBox p.ltext {margin-bottom: 0px;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;text-align: center;position: relative;} #contentsbottom .inBox ul.list2 {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;} } @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/about/sp-contentsmain-back01.png') no-repeat top center;background-size: 100% auto;} #contentsmain .inner-Box{margin:0 auto;position:relative;color:#fff;padding: 30.9vw 4.8vw 24.2vw;text-align:center;} #contentsmain .inner-Box h2.f-min{margin-bottom: -3.8vw;position:relative;font-size: 5.8vw;line-height: 1.6;font-weight: 600;color: #ffffff;text-align: center;} #contentsmain .inner-Box h3.f-en{margin-bottom:0;position:relative;font-size: 16.4vw;line-height: 1.6;letter-spacing: 0.1em;font-weight: 700;color: #ffffff;} #contentsmain .inner-Box2{margin:0 auto;position:relative;width:100%;padding: 12.5vw 7.3vw 9.8vw;} #contentsmain .inner-Box2 ul{display:flex;flex-wrap:wrap;} #contentsmain .inner-Box2 ul li{margin-right: 2.4%;margin-bottom: 2.4vw;width: 48.8%;float: left;} #contentsmain .inner-Box2 ul li:nth-child(2n){margin-right:0;} #contentsmain .inner-Box2 ul li figure{} #contentsmain .inner-Box2 ul li a{} #contents01{margin:0 auto;position:relative;background: url('../images/about/sp-contents01-back01.png') no-repeat bottom center;background-size:100% auto;padding-bottom: 91.5vw;padding-top: 9.6vw;} #contents01 .inner-Box{margin:0 auto;position:relative;width:100%;padding: 0 7.2vw;} #contents01 .inner-Box h2.f-en{margin-bottom: -11.2vw;position:relative;opacity:.1;font-size: 17.6vw;line-height: 1.6;letter-spacing: 0.1em;font-weight: 500;color: #1a1a1a;text-transform: uppercase;} #contents01 .inner-Box h3.f-min{margin-bottom: 10.5vw;position:relative;font-size: 5.8vw;line-height: 1;letter-spacing: 0.2em;font-weight: 600;color: #ffffff;text-align: center;} #contents01 .inner-Box h3.f-min span{display:inline-block;background:#1A1A1A;padding: 1.6vw 4.1vw;} #contents01 .inner-Box h4.f-min{margin-bottom: 7.5vw;position:relative;font-size: 5.8vw;line-height: 1.6;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;} #contents01 .inner-Box h5.f-min{margin-bottom: 0.7vw;position:relative;font-size:5.3vw;line-height:1.6;letter-spacing:.1em;font-weight:600;color:#aa6c10;} #contents01 .inner-Box p.text{margin-bottom:8.5vw;position:relative;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;margin-right: -1vw;} #contents01 .inner-Box p.text2{margin-bottom:0;position:relative;padding:.2vw 0 .5vw;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;} #contents01 .inner-Box h6.f-min{margin-bottom:0;position:relative;padding: 8.7vw 0 0;font-size: 6.8vw;line-height: 1.6;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;} #contents01 .inner-Box h6.f-min span{display:block;font-size: 3.9vw;line-height: 1.6;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;} #contents02{margin:0 auto;position:relative;background:#F0F0F0;padding: 24.2vw 4.8vw 12.7vw;} #contents02 .inner-Box1,#contents02 .inner-Box2,#contents02 .inner-Box3,#contents02 .inner-Box4{margin:0 auto 11.6vw;position:relative;background:#fff;width:100%;padding: 9vw 4.8vw 15.7vw;} #contents02 h2{margin-bottom: 5.7vw;position:relative;font-size: 4.8vw;line-height: 2.4;letter-spacing: 0.1em;font-weight: 400;color: #1a1a1a;} #contents02 h2 span.f-en{display:block;margin-bottom: -4.1vw;font-size: 11.1vw;line-height: 1.6;letter-spacing: 0.1em;font-weight: 500;color: #1a1a1a;} #contents02 table{width:100%;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;} table th{background:#fff;} table tr:nth-child(odd) th{background:#eee;} table td{background:#fff;} table tr:nth-child(odd) td{background:#eee;} #contents02 .inner-Box1 table th{text-align:left;padding: 3vw 4.9vw;width: 40.8%;} #contents02 .inner-Box1 table td{padding: 3vw 5.9vw 3vw 0.9vw;} #contents02 .inner-Box2 h2 span.f-en{} #contents02 .inner-Box2 table{position:relative;} #contents02 .inner-Box2 table::before{content:"";position:absolute;top: 5.7vw;left: 38.7vw;width: 1px;height: 101.6vw;background:#AA6C10;z-index: 3;} #contents02 .inner-Box2 table th{position:relative;padding: 3.6vw 0 5.6vw 5vw;text-align:left;font-weight:bold;width: 54.3%;} #contents02 .inner-Box2 table th::before{content:"";position:absolute;top: 4.9vw;left: 37.4vw;width:2.7vw;height:2.7vw;border-radius:50%;background:#AA6C10;} #contents02 .inner-Box2 table td{padding: 3.8vw 2vw 2.6vw 0vw;} #contents02 .inner-Box3 h2{position:relative;} #contents02 .inner-Box3 h2 span.f-en{} #contents02 .inner-Box3 ul{display:flex;flex-wrap:wrap;border-top:#EDEDED .2vw solid;padding: 5.3vw 0 0;margin-bottom:4.8vw;} #contents02 .inner-Box3 ul li{position:relative;width:100%;margin-bottom: 0.4vw;} #contents02 .inner-Box3 ul li:nth-child(2n){margin-right:0;width:100%;} #contents02 .inner-Box3 ul li:nth-child(2n+1){-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;} #contents02 .inner-Box3 ul li:nth-child(2n){-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;} #contents02 .inner-Box3 ul li a{display:block;padding: 0 0 0 9.3vw;} #contents02 .inner-Box3 span.blank{display:block;line-height:1;position:absolute;top: 1.8vw;left: 2.1vw;width: 3.7vw;} #contents02 .inner-Box3 span.blank img{} #contents02 .inner-Box3 p.ltext{margin-bottom:0;position:relative;font-size:4.3vw;line-height:1.8;letter-spacing:.05em;font-weight:500;color:#1a1a1a;} #contents02 .inner-Box4 h2 span.f-en{} #contents02 .inner-Box4 ul{display:flex;flex-wrap:wrap;padding: 5vw 0 0;} #contents02 .inner-Box4 ul li{position:relative;margin-right:0;width:100%;margin-bottom:9.7vw;} #contents02 .inner-Box4 ul li:nth-child(2){margin-right:0;} #contents02 .inner-Box4 figure.photo{position:relative;top:0;left:0;margin-bottom:4.6vw;} #contents02 .inner-Box4 figure.photo img{width:100%;height:auto;} #contents02 .inner-Box4 h3.f-min{margin-bottom: 0.2vw;position:relative;font-size: 5.8vw;line-height: 1.6;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;} #contents02 .inner-Box4 h3.f-min span.f-en{font-size:4.3vw;line-height:1.6;letter-spacing:.1em;font-weight:400;color:#aa6c10;display:block;} #contents02 .inner-Box4 p.ltext{margin-bottom: 2.9vw;position:relative;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;} #contents02 .inner-Box4 p.ltext2{margin-bottom:0;position:relative;font-size: 3.4vw;line-height: 1;letter-spacing: 0.05em;font-weight: 700;color: #1a1a1a;text-decoration: underline;} #contents02 .inner-Box4 p.ltext2 a{position:relative;} #contents02 .inner-Box4 p.ltext2 a::before{content:"";position:absolute;top:.2vw;right:-5.1vw;width:3.4vw;height:3.9vw;background:url(../images/about/blank.svg) no-repeat;display:block;background-size:100% auto;} #contentsbottom{margin:0 auto;position:relative;padding: 18.5vw 6.8vw 0;} #contentsbottom .inner-Box{margin:0 auto;position:relative;width:100%;} #contentsbottom h2{margin-bottom: -0.3vw;position:relative;font-size: 4.8vw;line-height: 2.4;letter-spacing: 0.1em;font-weight: 400;color: #1a1a1a;} #contentsbottom h2 span.f-en{display:block;margin-bottom: -4.1vw;font-size: 11.1vw;line-height: 1.6;letter-spacing: 0.1em;font-weight: 500;color: #1a1a1a;} #contentsbottom .inBox{margin:0 auto 15.9vw;position:relative;} #contentsbottom .inBox h3{margin-bottom: 8.5vw;position:relative;font-size: 4.4vw;line-height:1.6;letter-spacing:.1em;font-weight:400;color:#1a1a1a;border-bottom:#1A1A1A .2vw solid;} #contentsbottom .inBox h3 span{display:inline-block;background:#fff;position:relative;top:4.1vw;left:0;padding-right:6.8vw;} #contentsbottom .inBox ul.list1{display:flex;flex-wrap:wrap;} #contentsbottom .inBox ul li{width:100%;margin-right:0;margin-bottom: 5vw;} #contentsbottom .inBox ul.list2 li{width:100%;margin-right:0;margin-bottom:12.1vw;} #contentsbottom .inBox ul.list2 li:nth-child(3n){margin-right:0;} #contentsbottom .inBox ul.list2 li:nth-child(4),#contentsbottom .inBox ul.list2 li:nth-child(6){width:100%;margin-right:0;} #contentsbottom .inBox ul.list2 li:nth-child(5),#contentsbottom .inBox ul.list2 li:nth-child(7){width:100%;margin-right:0;} #contentsbottom .inBox:nth-child(3),#contentsbottom .inBox:nth-child(4){margin-bottom:0;} #contentsbottom .inBox ul li:last-child{margin-right:0;} #contentsbottom .inBox ul li:nth-child(3n){margin-right:0;} #contentsbottom .inBox ul li figure{margin-bottom: 6.5vw;} #contentsbottom .inBox ul li a{} #contentsbottom .inBox h4.f-min{margin-bottom: 1.4vw;position:relative;font-size: 5.3vw;line-height:1.3;letter-spacing:.1em;font-weight:600;color:#1a1a1a;text-align:center;} #contentsbottom .inBox p.ltext{margin-bottom:0;position:relative;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;text-align: center;} #contentsbottom .inBox ul.list2{display:flex;flex-wrap:wrap;} }