@charset "UTF-8";
@media screen and (min-width: 768px),print {

h1.main-title{ background: url('../images/about/h2.jpg')no-repeat top center; }

#contentsmain{ width: 1240px; margin: 53px auto 94px auto; background: url('../images/about/main-back.png')no-repeat bottom 40px right; height: 581px; position: relative; }
#contentsmain .inner-Box{ padding-left: 650px; padding-top: 75px;}
#contentsmain .inner-Box h2{ margin-bottom: 58px;}
#contentsmain .inner-Box p{font-size: 24px;color: #ece5d4;letter-spacing: 4.8px;padding-left: 70px;}
#contentsmain .inner-Box p .text01{display: block;margin-bottom: 10px;}
#contentsmain .inner-Box p .text02{display: block;padding-left: 124px;margin-bottom: 33px;}
#contentsmain .inner-Box p .text03{display: block;padding-left: 45px;font-size: 20px;margin-bottom: 5px;}
#contentsmain .inner-Box p .text04{display: block;font-size: 20px;padding-left: 90px;}
#contentsmain .inner-Box figure{position: absolute;top: 0;left: 20px;}

#contents01{ width: 1100px; margin: 0 auto 125px; }
#contents01 .inner-Box{}
#contents01 .inner-Box h2{font-size: 28px;letter-spacing: 4.2px;text-align: center;position: relative;margin-bottom: 55px;}
#contents01 .inner-Box h2::before{content: "";width: 1px;height: 24px;position: absolute;bottom: -35px;left: 50%;background: #fff;}
#contents01 .inner-Box table{ width: 100%;font-size: 20px; }
#contents01 .inner-Box table th{ background: #0e0f07; border: #0e0f07 4px solid; padding: 30px 40px; letter-spacing: 1px; text-align: left; vertical-align: top; }
#contents01 .inner-Box table td{ background: #0e0f07; border: #0e0f07 4px solid; padding: 30px 40px; letter-spacing: 1px; }
	#contents01 .inner-Box table td a{text-decoration: underline;}
	#contents01 .inner-Box table td a:hover{text-decoration: none;}
#contents01 .inner-Box table tr:nth-child(odd) th{ background: #272727; }
#contents01 .inner-Box table tr:nth-child(odd) td{ background: #272727; }

#contents02{ background: url('../images/about/contents01-back.jpg')top center; }
#contents02 .inner-Box{width: 1100px;margin: 0 auto;position: relative;height: 591px;padding-top: 125px;padding-left: 507px;}
#contents02 .inner-Box h2{font-size: 28px;letter-spacing: 4.2px;position: relative;margin-bottom: 55px;}
#contents02 .inner-Box h2::before{content: "";width: 1px;height: 24px;position: absolute;bottom: -35px;left: 53px;background: #ece5d4;}
#contents02 .inner-Box figure{position: absolute;top: 84px;left: 49px;}
#contents02 .inner-Box p{ font-size: 18px; letter-spacing: 0.9px; line-height: 34px; }

#contents03{margin-bottom: 128px;}
#contents03 .inner-Box{margin: 0 auto;position: relative;padding-top: 94px;width: 900px;}
#contents03 .inner-Box h2{font-size: 28px;letter-spacing: 4.2px;position: relative;margin-bottom: 55px;text-align: center;}
#contents03 .inner-Box h2::before{content: "";width: 1px;height: 24px;position: absolute;bottom: -35px;left: 50%;background: #ece5d4;}
#contents03 .inner-Box .btn{text-align: right;margin-top: 12px;}

#contents04{ background: #181916; }
#contents04 .inner-Box{margin: 0 auto 180px;position: relative;padding-top: 80px;width: 1100px;}
#contents04 .inner-Box h2{font-size: 28px;letter-spacing: 4.2px;position: relative;margin-bottom: 89px;text-align: center;}
#contents04 .inner-Box h2::before{content: "";width: 1px;height: 24px;position: absolute;bottom: -35px;left: 50%;background: #ece5d4;}
#contents04 .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; }
#contents04 .inner-Box .list01 {width: 900px; margin: 0 auto;}
#contents04 .inner-Box .list02 {width: 900px; margin: 0 auto;}
#contents04 .inner-Box .list01 li{margin-bottom: 98px;}
#contents04 .inner-Box .list01 li img{margin-bottom: 15px;letter-spacing: 0.8px;}
#contents04 .inner-Box .list01 li p{ letter-spacing: 0.8px; }

#contents04 .inner-Box h3{margin-bottom: 45px;text-align: center;font-size: 24px;position: relative;left: 11px;letter-spacing: 2.4px;top: -10px;}
#contents04 .inner-Box h3::before{content: "";width: 20px;height: 2px;background: #b1a78c;display: inline-block;position: relative;top: -9px;left: -17px;}
#contents04 .inner-Box .list02 li{float: left;margin-right: 60px;margin-bottom: 58px;}
#contents04 .inner-Box .list02 li:nth-child(2n){  margin-right: 0px; }

#contents04 .inner-Box .list02{margin-bottom: 47px;}

#contents04 .inner-Box .list03{  }
#contents04 .inner-Box .list03 li{ width: 292px; float: left; margin-right: 35px; }
#contents04 .inner-Box .list03 li:nth-child(3){ width: 260px; }
#contents04 .inner-Box .list03 li:nth-child(4){ width: 150px; margin-right: 0; }
#contents04 .inner-Box .list03 li img{ margin-bottom: 19px; }




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

h1.main-title{ background: url('../images/about/sp-h2.jpg'); }

#contentsmain{margin: 6.9vw 4vw 12.3vw 4vw;background: url('../images/about/main-back.png')no-repeat bottom 5.2vw right;position: relative;background-size: 100% auto;}
#contentsmain .inner-Box{}
#contentsmain .inner-Box h2{margin: 0 5vw 7.6vw 5vw;}
#contentsmain .inner-Box p{font-size: 4.4vw;color: #ece5d4;padding-left: 9vw;}
#contentsmain .inner-Box p .text01{display: block;margin-bottom: 1.3vw;}
#contentsmain .inner-Box p .text02{display: block;padding-left: 21.1vw;margin-bottom: 4.3vw;}
#contentsmain .inner-Box p .text03{display: block;padding-left: 5.9vw;font-size: 4vw;margin-bottom: 0.7vw;}
#contentsmain .inner-Box p .text04{display: block;font-size: 4vw;padding-left: 10.0vw;}
#contentsmain .inner-Box figure{ margin-bottom: 4vw; }

#contents01{margin: 0 auto 12vw;}
#contents01 .inner-Box{}
#contents01 .inner-Box h2{font-size: 5.7vw;text-align: center;position: relative;margin-bottom: 15vw;}
#contents01 .inner-Box h2::before{content: "";height: 5.1vw;width: 1px;position: absolute;bottom: -7.7vw;left: 50%;background: #fff;}
#contents01 .inner-Box table{ width: 100%;font-size: 2.6vw; }
#contents01 .inner-Box table th{background: #272727;border: #0e0f07 0.5vw solid;padding: 3.9vw 5.2vw;text-align: left;vertical-align: top;display: block;font-size: 4vw;}
#contents01 .inner-Box table td{background: #0e0f07;border: #0e0f07 0.5vw solid;padding: 3.9vw 5.2vw;display: block;font-size: 4vw;}
	#contents01 .inner-Box table td a{text-decoration: underline;}
	#contents01 .inner-Box table td a:hover{text-decoration: none;}

#contents02{ background: url('../images/about/contents01-back.jpg')top center; }
#contents02 .inner-Box{margin: 0 4vw;position: relative;padding-top: 5vw;padding-bottom: 7vw;}
#contents02 .inner-Box h2{font-size: 4.7vw;position: relative;margin-bottom: 4vw;text-align: center;}
#contents02 .inner-Box h2::before{content: "";height: 3.1vw;position: absolute;bottom: -4.7vw;width: 1px;left: 50%;background: #ece5d4;}
#contents02 .inner-Box figure{ margin-bottom: 4vw; }
#contents02 .inner-Box p{ font-size: 3.6vw;  line-height:1.6; }

#contents03{margin-bottom: 13.7vw;}
#contents03 .inner-Box{margin: 0 4vw;position: relative;padding-top: 12.3vw;}
#contents03 .inner-Box h2{font-size: 5.7vw;text-align: center;position: relative;margin-bottom: 15vw;}
#contents03 .inner-Box h2::before{content: "";height: 5.1vw;width: 1px;position: absolute;bottom: -7.7vw;left: 50%;background: #fff;}
#contents03 .inner-Box .btn{text-align: right;margin-top: 1.6vw;}

#contents04{ background: #181916; padding-bottom: 4vw; margin-bottom: -6vw;}
#contents04 .inner-Box{margin: 0 auto 23.5vw;position: relative;padding-top: 10.4vw;}
#contents04 .inner-Box h2{font-size: 5.7vw;text-align: center;position: relative;margin-bottom: 15vw;}
#contents04 .inner-Box h2::before{content: "";height: 5.1vw;width: 1px;position: absolute;bottom: -7.7vw;left: 50%;background: #fff;}
#contents04 .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; }
#contents04 .inner-Box .list01 { margin: 0 4vw;}
#contents04 .inner-Box .list02 { margin: 0 4vw;}
#contents04 .inner-Box .list01 li{margin-bottom: 9.8vw;}
#contents04 .inner-Box .list01 li img{margin-bottom: 2.7vw;}
#contents04 .inner-Box .list01 li p{font-size: 3vw;}

#contents04 .inner-Box h3{margin-bottom: 5.9vw;text-align: center;font-size: 3.4vw;position: relative;left: 1.4vw;top: -1.3vw;}
#contents04 .inner-Box h3::before{content: "";height: 0.3vw;background: #b1a78c;display: inline-block;position: relative;top: -1.2vw;left: -2.2vw;width: 3vw;}
#contents04 .inner-Box .list02 li{ margin-bottom: 4vw; }

#contents04 .inner-Box .list02{margin-bottom: 6.1vw;}

#contents04 .inner-Box .list03{ margin: 0 4vw; }
#contents04 .inner-Box .list03 li{  }
#contents04 .inner-Box .list03 li:nth-child(3){  }
#contents04 .inner-Box .list03 li:nth-child(4) a{ width: 48%; float: left; margin-right: 4%; }
#contents04 .inner-Box .list03 li:nth-child(4) a:nth-child(2){ margin-right: 0; float: left;  }
#contents04 .inner-Box .list03 li img{ margin-bottom: 4vw; }


}