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

#contentsmain {margin: 64px auto 320px;position: relative;background: url('../images/about/contentsmain-back01.png')no-repeat top center;padding: 21px 0 0;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;text-align: center;}
#contentsmain .inner-Box h2 {margin-bottom: 96px;}
#contentsmain .inner-Box h2 img{  }
#contentsmain .inner-Box p.text {font-size: 17px;line-height: 34px;font-weight: 500;letter-spacing: 0.85px;margin-bottom: 30px;}

#contents01 {margin: 0 auto;position: relative;background: url('../images/about/contents01-back01.png')no-repeat top center;color: #fff;padding: 28px 0 0;}
#contents01 .inner-Box {margin: 0 auto;position: relative;max-width: 1890px;padding: 0 40px 100px;}
#contents01 .inner-Box h2{font-size: 46px;line-height: 1.6;font-weight: 500;letter-spacing: 4.6px;margin-bottom: 38px;text-align: center;}
#contents01 .inner-Box h2 span{display: block;font-size: 17px;letter-spacing: 0.85px;margin-top: -7px;}
#contents01 .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;}
#contents01 .inner-Box ul li{position: relative;box-shadow: 8px 8px 28px #00000066;width: 18.3%;margin-right: 2.1%;}
#contents01 .inner-Box ul li:nth-child(5n){ margin-right: 0px; }
#contents01 .inner-Box figure.img { }
#contents01 .inner-Box figure.img img { width: 100%; height: auto; }

#contents02 {margin: 0 auto 164px;position: relative;text-align: center;padding: 140px 0 0;}
#contents02 .inner-Box { margin: 0 auto; position: relative; }
#contents02 .inner-Box h2{font-size: 34px;line-height: 1.6;font-weight: 500;letter-spacing: 3.4px;margin-bottom: 92px;position: relative;}
#contents02 .inner-Box h2 span{display: block;color: #C99F48;letter-spacing: 0px;font-size: 30px;margin-top: -2px;}
#contents02 .inner-Box h2::before{content: "";background: #333;width: 40px;height: 1px;position: absolute;left: 50%;bottom: -24px;transform: translateX(-50%);}
#contents02 .inner-Box h3{font-size: 50px;line-height: 78px;font-weight: 500;letter-spacing: 5px;margin-bottom: 64px;}
#contents02 .inner-Box h3 span{  }
#contents02 .inner-Box p.text {font-size: 17px;line-height: 34px;font-weight: 500;letter-spacing: 0.85px;margin-bottom: 22px;}
#contents02 .inner-Box h4{font-size: 17px;line-height: 1.6;font-weight: 500;letter-spacing: 0.85px;margin: 0 auto 30px;margin-top: 45px;text-align: right;width: 877px;}

#contents03 {margin: 0 auto;position: relative;background: #F2F2F2;padding: 123px 0 170px;}
#contents03 .inner-Box {margin: 0 auto;position: relative;padding: 0 30px;max-width: 1550px;}
#contents03 .inner-Box h2{font-size: 34px;line-height: 1.6;font-weight: 500;letter-spacing: 3.4px;margin-bottom: 92px;position: relative;text-align: center;}
#contents03 .inner-Box h2 span{display: block;color: #C99F48;letter-spacing: 0px;font-size: 30px;margin-top: -2px;}
#contents03 .inner-Box h2::before{content: "";background: #333;width: 40px;height: 1px;position: absolute;left: 50%;bottom: -24px;transform: translateX(-50%);}
#contents03 .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;}
#contents03 .inner-Box ul li{position: relative;background: #fff;border: 1px solid #C99F48;outline: 10px solid #fff;width: 29.1%;margin-right: 6.3%;padding: 0.8% 0.7%;text-align: center;box-shadow: 10px 10px 30px #00000021;}
#contents03 .inner-Box ul li:nth-child(3n){ margin-right: 0px; }
#contents03 .inner-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 20px;}
#contents03 .inner-Box figure.img img { width: 100%; height: auto; }
#contents03 .inner-Box p.text {font-size: 23px;line-height: 1.6;font-weight: 500;letter-spacing: 2.3px;margin-bottom: 30px;}

#contents04 {margin: 0 auto 108px;position: relative;padding: 144px 0 0;}
#contents04 .inner-Box {margin: 0 auto;position: relative;width: 1100px;}
#contents04 .inner-Box h2{text-align: center;font-size: 34px;line-height: 1.6;font-weight: 500;letter-spacing: 3.4px;margin-bottom: 59px;position: relative;}
#contents04 .inner-Box h2 span{display: block;color: #C99F48;letter-spacing: 0px;font-size: 30px;margin-top: -2px;}
#contents04 .inner-Box h2::before{content: "";background: #333;width: 40px;height: 1px;position: absolute;left: 50%;bottom: -24px;transform: translateX(-50%);}
#contents04 .inner-Box ul{position: relative; 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 ul::before{content: "";background: #3E4D5F;width: 2px;height: 1509px;position: absolute;left: 50.1%;top: 44px;transform: translateX(-50%);}
#contents04 .inner-Box ul li {position: relative;width: 561px;margin: 0 auto 0 0;padding: 67px 0 0 217px;}
#contents04 .inner-Box ul li:nth-child(2n) {margin: 0 0 0 auto;padding: 67px 0 0 54px;left: 2px;}
#contents04 .inner-Box ul li p{font-size: 17px;line-height: 28px;font-weight: 500;letter-spacing: 0.85px;margin-bottom: 36px;width: 293px;float: left;}
#contents04 .inner-Box h3 {position: absolute;top: 0;left: 0;}
#contents04 .inner-Box h3 img{  }
#contents04 .inner-Box span.mm {font-size: 17px;display: block;width: 37px;float: left;letter-spacing: 0;}

#contents05 {margin: 0 auto;position: relative;background: #F2F2F2;padding: 144px 0 0;}
#contents05 .inner-Box {margin: 0 auto;position: relative;width: 940px;}
#contents05 .inner-Box h2{font-size: 34px;line-height: 1.6;font-weight: 500;letter-spacing: 3.4px;margin-bottom: 84px;position: relative;text-align: center;}
#contents05 .inner-Box h2 span{display: block;color: #C99F48;letter-spacing: 0px;font-size: 30px;margin-top: -2px;}
#contents05 .inner-Box h2::before{content: "";background: #333;width: 40px;height: 1px;position: absolute;left: 50%;bottom: -24px;transform: translateX(-50%);}
#contents05 .inner-Box table{width: 100%;}
#contents05 .inner-Box table th {border-top: #3E4D5F 1px solid;width: 249px;text-align: left;font-size: 17px;line-height: 26px;letter-spacing: 1.7px;font-weight: bold;border-bottom: #3E4D5F 1px solid;padding: 24px 12px;}
#contents05 .inner-Box table td {font-size: 17px;letter-spacing: 0.85px;line-height: 26px;border-top: #CCC 1px solid;border-bottom: #CCC 1px solid;padding: 30px 34px;}
#contents05 .inner-Box table td p{ margin-bottom: 10px;}
#contents05 .inner-Box table td ul{ }
#contents05 .inner-Box table td ul li{ font-size: 15px; position: relative; padding-left: 10px; }
#contents05 .inner-Box table td ul li::before{ content: "・";position: absolute; top: 0; left: 0;  }
#contents05 .inner-Box table td .sml2{ font-size: 15px;}
#contents06 {margin: 0 auto 128px;position: relative;background: url('../images/about/contents06-back01.png')no-repeat top center;text-align: center;padding-top: 165px;}
#contents06 .inner-Box {margin: 0 auto;position: relative;width: 1202px;}
#contents06 h2{font-size: 34px;line-height: 1.6;font-weight: 500;letter-spacing: 3.4px;margin-bottom: 82px;position: relative;}
#contents06 h2 span{display: block;color: #C99F48;letter-spacing: 0px;font-size: 30px;margin-top: -2px;}
#contents06 h2::before{content: "";background: #333;width: 40px;height: 1px;position: absolute;left: 50%;bottom: -24px;transform: translateX(-50%);}
#contents06 .inner-Box figure.photo {position: relative;top: 0;left: 0;text-align: left;}
#contents06 .inner-Box iframe{width: 580px;height: 463px;position: absolute;top: 0;right: 0;}

#stfdf{}
#stfdf .inner-Box h2{font-size: 34px;line-height: 1.6;font-weight: 500;letter-spacing: 3.4px;margin-bottom: 123px;position: relative;text-align: center;}
#stfdf .inner-Box h2 span{display: block;color: #C99F48;letter-spacing: 0px;font-size: 30px;margin-top: -2px;}
#stfdf .inner-Box h2::before{content: "";background: #333;width: 40px;height: 1px;position: absolute;left: 50%;bottom: -24px;transform: translateX(-50%);}

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

    #contentsmain {margin: 9.07vw auto 19.13vw;position: relative;background: url('../images/about/sp-contentsmain-back01.png') no-repeat top center;background-size: 100% auto;padding: 5.6vw 0 0;}
    #contentsmain .inner-Box {position: relative;text-align: center;}
    #contentsmain .inner-Box h2 {margin: 0 41vw 11.6vw;padding-top: 1.2vw;}
    #contentsmain .inner-Box h2 img{  }
    #contentsmain .inner-Box p.text {font-size: 4.1vw;line-height: 8.21vw;font-weight: 500;letter-spacing: 0.2vw;margin: 0 3vw 8.0vw;}
    
    #contents01 {position: relative;background: url('../images/about/sp-contents01-back01.png') no-repeat top center;background-size: 100% auto;color: #fff;padding: 11.77vw 0 0;}
    #contents01 .inner-Box {position: relative;padding-bottom: 15vw;}
    #contents01 .inner-Box h2{font-size: 6.52vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.65vw;margin-bottom: 6.83vw;text-align: center;}
    #contents01 .inner-Box h2 span{display: block;font-size: 3.62vw;letter-spacing: 0.18vw;margin-top: 1.13vw;}
    #contents01 .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;margin: 0 3vw;}
    #contents01 .inner-Box ul li{position: relative;box-shadow: 2.13vw 2.13vw 7.47vw #00000066;width: 48.6%;margin-right: 2.5%;margin-bottom: 2.6vw;}
    #contents01 .inner-Box ul li:nth-child(2n){ margin-right: 0.0vw; }
    #contents01 .inner-Box ul li:nth-child(5){margin-right: 0.0vw;margin-left: 24.3vw;}
    #contents01 .inner-Box figure.img { }
    #contents01 .inner-Box figure.img img { width: 100%; height: auto; }
    
    #contents02 {margin: 0 auto 29.83vw;position: relative;text-align: center;padding: 28.93vw 0 0;}
    #contents02 .inner-Box { margin: 0 4vw; position: relative; }
    #contents02 .inner-Box h2{font-size: 7.24vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.72vw;margin-bottom: 16.83vw;position: relative;text-align: center;}
    #contents02 .inner-Box h2 span{display: block;color: #C99F48;letter-spacing: 0.0vw;font-size: 6.52vw;margin-top: 0.07vw;}
    #contents02 .inner-Box h2::before{content: "";background: #333;height: 0.27vw;position: absolute;left: 50%;bottom: -3.8vw;transform: translateX(-50%);width: 10vw;}
    #contents02 .inner-Box h3{font-size: 7.48vw;line-height: 11.59vw;font-weight: 500;letter-spacing: 0.74vw;margin-bottom: 13.97vw;}
    #contents02 .inner-Box h3 span{  }
    #contents02 .inner-Box p.text {font-size: 4.1vw;line-height: 8.21vw;font-weight: 500;letter-spacing: 0.2vw;margin: 0 5vw 5.47vw;text-align: left;}
    #contents02 .inner-Box h4{font-size: 4.1vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.2vw;margin: 0 4.7vw 8.0vw 0;margin-top: 10.7vw;text-align: right;}
    
    #contents03 {position: relative;background: #F2F2F2;padding: 20.4vw 0 17.53vw;}
    #contents03 .inner-Box {margin: 0 4vw;position: relative;padding: 0 6.6vw;max-}
    #contents03 .inner-Box h2{font-size: 7.24vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.72vw;margin-bottom: 17.83vw;position: relative;text-align: center;}
    #contents03 .inner-Box h2 span{display: block;color: #C99F48;letter-spacing: 0.0vw;font-size: 6.52vw;margin-top: -0.83vw;}
    #contents03 .inner-Box h2::before{content: "";background: #333;height: 0.27vw;position: absolute;left: 50%;bottom: -3.8vw;transform: translateX(-50%);width: 10vw;}
    #contents03 .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;}
    #contents03 .inner-Box ul li{position: relative;background: #fff;border: 0.27vw solid #C99F48;outline: 1.67vw solid #fff;padding: 2.5vw 2.9vw;text-align: center;box-shadow: 2.67vw 2.67vw 8.0vw #00000021;margin-bottom: 8.6vw;}
    #contents03 .inner-Box ul li:nth-child(3n){ margin-right: 0.0vw; }
    #contents03 .inner-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 2.53vw;}
    #contents03 .inner-Box figure.img img { width: 100%; height: auto; }
    #contents03 .inner-Box p.text {font-size: 4.34vw;line-height: 6.28vw;font-weight: 500;letter-spacing: 0.43vw;margin-bottom: 2.3vw;}
    
    #contents04 {margin: 0 auto 17.6vw;position: relative;padding: 29.4vw 0 0;}
    #contents04 .inner-Box {margin: 0 2.8vw;position: relative;}
    #contents04 .inner-Box h2{font-size: 7.24vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.72vw;margin-bottom: 19.33vw;position: relative;text-align: center;}
    #contents04 .inner-Box h2 span{display: block;color: #C99F48;letter-spacing: 0.0vw;font-size: 6.52vw;margin-top: 0.07vw;}
    #contents04 .inner-Box h2::before{content: "";background: #333;height: 0.27vw;position: absolute;left: 50%;bottom: -3.8vw;transform: translateX(-50%);width: 10vw;}
    #contents04 .inner-Box ul{position: relative;}
    #contents04 .inner-Box ul::before{content: "";background: #3E4D5F;height: 322.4vw;position: absolute;right: 1.5vw;top: 4.73vw;transform: translateX(-50%);width: 2px;}
    #contents04 .inner-Box ul li {position: relative;margin: 0 auto 0 0;padding: 8.57vw 0 0 3.37vw;}
    #contents04 .inner-Box ul li p{font-size: 4.1vw;line-height: 6.76vw;font-weight: 500;letter-spacing: 0.2vw;margin-bottom: 12.3vw;float: left;width: 74vw;}
    #contents04 .inner-Box h3 {position: absolute;top: 0;left: 0;}
    #contents04 .inner-Box h3 img{  }
    #contents04 .inner-Box span.mm {font-size: 4.1vw;display: block;letter-spacing: 0;width: 9vw;float: left;}
    
    #contents05 {position: relative;background: #F2F2F2;padding: 20.4vw 5vw 0;}
    #contents05 .inner-Box {position: relative;}
    #contents05 .inner-Box h2{font-size: 7.24vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.72vw;margin-bottom: 14.83vw;position: relative;text-align: center;}
    #contents05 .inner-Box h2 span{display: block;color: #C99F48;letter-spacing: 0.0vw;font-size: 6.52vw;margin-top: 0.07vw;}
    #contents05 .inner-Box h2::before{content: "";background: #333;height: 0.27vw;position: absolute;left: 50%;bottom: -3.8vw;transform: translateX(-50%);width: 10vw;}
    #contents05 .inner-Box table{width: 100%;border-top: #3E4D5F 0.27vw solid;}
    #contents05 .inner-Box table th {text-align: left;font-size: 4.1vw;line-height: 6.28vw;letter-spacing: 0.41vw;font-weight: bold;border-bottom: #CCC 0.27vw solid;padding: 6.1vw 2.9vw 8.4vw 2.9vw;display: block;width: 100%;}
    #contents05 .inner-Box table td {font-size: 4.1vw;letter-spacing: 0.2vw;line-height: 6.28vw;border-bottom: #3E4D5F 0.27vw solid;padding: 6vw 3.07vw 8.5vw 3.07vw;display: block;width: 100%;}
    #contents05 .inner-Box table td p{ margin-bottom: 2.67vw;}
    
    #contents06 {margin: 0 auto 28.43vw;position: relative;background: url('../images/about/sp-contents06-back01.png') no-repeat top center;background-size: 100% auto;text-align: center;padding-top: 29.5vw;}
    #contents06 .inner-Box {margin: 0 2.8vw;position: relative;}
    #contents06 h2{font-size: 7.24vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.72vw;margin-bottom: 15.43vw;position: relative;text-align: center;}
    #contents06 h2 span{display: block;color: #C99F48;letter-spacing: 0.0vw;font-size: 6.52vw;margin-top: 0.07vw;}
    #contents06 h2::before{content: "";background: #333;height: 0.27vw;position: absolute;left: 50%;bottom: -3.8vw;transform: translateX(-50%);width: 10vw;}
    #contents06 .inner-Box figure.photo {position: relative;top: 0;left: 0;text-align: left;margin-bottom: 10.2vw;}
    #contents06 .inner-Box iframe{height: 130.47vw;position: relative;top: 0;right: 0;width: 100%;}
    
    #stfdf{}
    #stfdf .inner-Box h2{font-size: 7.24vw;line-height: 1.6;font-weight: 500;letter-spacing: 0.72vw;margin-bottom: 15.43vw;position: relative;text-align: center;}
    #stfdf .inner-Box h2 span{display: block;color: #C99F48;letter-spacing: 0.0vw;font-size: 6.52vw;margin-top: 0.07vw;}
    #stfdf .inner-Box h2::before{content: "";background: #333;height: 0.27vw;position: absolute;left: 50%;bottom: -3.8vw;transform: translateX(-50%);width: 10vw;}
    #contents05 .inner-Box table td ul li{font-size: 3.2vw;position: relative;padding-left: 3.5vw;}
#contents05 .inner-Box table td ul li::before{ content: "・";position: absolute; top: 0; left: 0;  }
#contents05 .inner-Box table td .sml2{ font-size: 3.2vw;}


}