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

#contentsmain {margin: -17px auto 0 auto;position: relative;background: url('../images/concept/contentsmain-back01.png')no-repeat top center;}
#contentsmain .inner-Box { margin: 0 auto; position: relative; }
#contentsmain .inner-Box h2 {text-align: center;padding: 247px 0;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }

.backk{background: url(../images/concept/contents00-back01.png);padding-bottom: 47px;}

#contents00 {margin: 0 auto 212px;position: relative;width: 1280px;}
#contents00 .inner-Box {margin: 0 auto;position: relative;padding: 134px 0 0 174px;}
#contents00 .inner-Box h2 {position: relative;z-index: 3;margin-bottom: 25px;}
#contents00 .inner-Box h2 span{  }
#contents00 .inner-Box h2 img {  }
#contents00 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: 135px;left: -2px;}
#contents00 .inner-Box span.icon img {  }
#contents00 .inner-Box figure.photo {position: absolute;top: 198px;right: -105px;}
#contents00 .inner-Box figure.photo img{  }
#contents00 .inner-Box h3 {font-size: 28px;line-height: 1.89;font-weight: 400;letter-spacing: 1.4px;margin-bottom: 20px;position: relative;}
#contents00 .inner-Box p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }

#contents01 {margin: 0 auto 120px;position: relative;width: 1280px;}
#contents01 .inner-Box {margin: 0 0 0 auto;position: relative;width: 730px;height: 607px;background: #fff;box-shadow: 0px 0px 15px #0000001A;padding: 74px 90px;}
#contents01 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -89px;left: -548px;z-index: 3;}
#contents01 .inner-Box span.icon img {  }
#contents01 .inner-Box h2 {font-size: 33px;line-height: 1.76;font-weight: bold;letter-spacing: 1.65px;margin-bottom: 32px;position: relative;}
#contents01 .inner-Box figure.photo {position: absolute;top: 91px;left: -700px;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }

#contents02 {margin: 0 auto 120px;position: relative;width: 1280px;}
#contents02 .inner-Box {margin: 0 auto 0 0;position: relative;width: 730px;height: 607px;background: #fff;box-shadow: 0px 0px 15px #0000001A;padding: 122px 90px 74px 90px;}
#contents02 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -16px;right: -548px;z-index: 3;}
#contents02 .inner-Box span.icon img {  }
#contents02 .inner-Box h2 {font-size: 33px;line-height: 1.76;font-weight: bold;letter-spacing: 1.65px;margin-bottom: 32px;position: relative;}
#contents02 .inner-Box figure.photo {position: absolute;top: 91px;right: -550px;}
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }

#contents03 {margin: 0 auto 120px;position: relative;width: 1280px;}
#contents03 .inner-Box {margin: 0 0 0 auto;position: relative;width: 730px;height: 607px;background: #fff;box-shadow: 0px 0px 15px #0000001A;padding: 91px 90px;}
#contents03 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -60px;left: -509px;z-index: 3;}
#contents03 .inner-Box span.icon img {  }
#contents03 .inner-Box h2 {font-size: 33px;line-height: 1.76;font-weight: bold;letter-spacing: 1.65px;margin-bottom: 32px;position: relative;}
#contents03 .inner-Box figure.photo {position: absolute;top: 91px;left: -700px;}
#contents03 .inner-Box figure.photo img{  }
#contents03 .inner-Box p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }

#contents04 {margin: 0 auto 120px;position: relative;width: 1280px;}
#contents04 .inner-Box {margin: 0 auto 0 0;position: relative;width: 730px;height: 607px;background: #fff;box-shadow: 0px 0px 15px #0000001A;padding: 122px 90px 74px 90px;}
#contents04 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -6px;right: -693px;z-index: 3;}
#contents04 .inner-Box span.icon img {  }
#contents04 .inner-Box h2 {font-size: 33px;line-height: 1.76;font-weight: bold;letter-spacing: 1.65px;margin-bottom: 32px;position: relative;}
#contents04 .inner-Box figure.photo {position: absolute;top: 86px;right: -510px;}
#contents04 .inner-Box figure.photo img{  }
#contents04 .inner-Box p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }

#contents05 {margin: 0 auto 120px;position: relative;width: 1280px;}
#contents05 .inner-Box {margin: 0 0 0 auto;position: relative;width: 730px;height: 607px;background: #fff;box-shadow: 0px 0px 15px #0000001A;padding: 117px 90px;}
#contents05 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -26px;left: -549px;z-index: 3;}
#contents05 .inner-Box span.icon img {  }
#contents05 .inner-Box h2 {font-size: 33px;line-height: 1.76;font-weight: bold;letter-spacing: 1.65px;margin-bottom: 32px;position: relative;}
#contents05 .inner-Box figure.photo {position: absolute;top: 91px;left: -800px;}
#contents05 .inner-Box figure.photo img{  }
#contents05 .inner-Box p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }


#contents06 {margin: 0 auto;position: relative;height: 827px;}
#contents06 .inner-Box {margin: 0 auto;position: relative;text-align: center;padding-top: 664px;}
#contents06 .inner-Box h2 {left: 50%;position: absolute;transform: translateX(-50%);top: -67px;margin-left: -45px;}
#contents06 .inner-Box h2 span{  }
#contents06 .inner-Box h2 img {  }
#contents06 .inner-Box p.text {font-size: 33px;line-height: 2.12;font-weight: 700;letter-spacing: 1.65px;margin-bottom: 30px;position: relative;}

#contentsstaff {margin: 0 auto -89px;position: relative;background: url('../images/index/contents06-back01.png')no-repeat top 40px center;padding: 119px 0 301px;}
#contentsstaff h2 {text-align: center;margin-bottom: 136px;}
#contentsstaff h2 span{  }
#contentsstaff h2 img {  }
#contentsstaff .inner-Box {margin: 0 auto;position: relative;width: 1200px;padding: 0 0 0 410px;}
#contentsstaff .inner-Box h3 {position: absolute;top: 59px;left: 0;}
#contentsstaff .inner-Box h3 span{  }
#contentsstaff .inner-Box h3 img {  }
#contentsstaff .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-bottom: 91px;}
#contentsstaff .inner-Box ul li {position: relative;width: 370px;margin-right: 50px;}
#contentsstaff .inner-Box ul li:nth-child(2n) { margin-right: 0px; }
#contentsstaff .inner-Box ul li:nth-child(2) .inBox{padding-top: 46px;}

#contentsstaff .inner-Box ul li a {display: block;padding: 261px 0 0;}
#contentsstaff .inner-Box ul li a:hover {  }
#contentsstaff .inner-Box figure.photo {position: absolute;top: -30px;right: 0;}
#contentsstaff .inner-Box figure.photo img{  }
#contentsstaff .inBox {position: relative;width: 320px;height: 240px;background: #fff;padding: 22px 30px;}
#contentsstaff .inBox h4 {font-size: 13px;line-height: 1.68;font-weight: 500;letter-spacing: 0.33px;margin-bottom: 16px;position: relative;}
#contentsstaff .inBox h4 span.f-en {display: block;font-size: 20px;}
#contentsstaff .inBox p.ltext {font-size: 15px;line-height: 1.58;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}
#contentsstaff .inBox span.more {display: block;line-height: 1;position: absolute;bottom: -30px;right: -50px;}
#contentsstaff .inBox span.more img {  }
#contentsstaff .inBox ul li { position: relative; }
#contentsstaff .inBox ul li:nth-child(3n) { margin-right: 0px; }
#contentsstaff .inBox ul li a {  }
#contentsstaff .inBox ul li a:hover {  }
#contentsstaff .inBox figure.photo { position: absolute; top: 0; left: 0; }
#contentsstaff .inBox figure.photo img{  }


}

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


    #contentsmain {margin: 2.8vw auto 0 auto;position: relative;background: url('../images/concept/sp-contentsmain-back01.png')no-repeat top center;background-size: 100% auto;}
    #contentsmain .inner-Box {position: relative;}
    #contentsmain .inner-Box h2 {text-align: center;padding: 34.96vw 14vw 34.6vw;}
    #contentsmain .inner-Box h2 span{  }
    #contentsmain .inner-Box h2 img {  }
    
    .backk{background: url(../images/concept/contents00-back01.png);padding-bottom: 11.35vw;background-size: 100% auto;margin: 0 0 -28vw;}
    
    #contents00 {margin: 0 auto 33.31vw;position: relative;padding: 9.8vw 0 0;}
    #contents00 .inner-Box {position: relative;}
    #contents00 .inner-Box h2 {position: relative;z-index: 3;margin: 0 6.2vw 6.04vw 4.2vw;}
    #contents00 .inner-Box h2 span{  }
    #contents00 .inner-Box h2 img {  }
    #contents00 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: 85.01vw;left: 2.8vw;z-index: 3;width: 17vw;}
    #contents00 .inner-Box span.icon img {  }
    #contents00 .inner-Box figure.photo {position: relative;right: 0vw;margin-bottom: 15.7vw;}
    #contents00 .inner-Box figure.photo img{  }
    #contents00 .inner-Box h3 {font-size: 5.07vw;line-height: 1.89;font-weight: 400;letter-spacing: 0.34vw;margin-bottom: 8.43vw;position: relative;text-align: center;}
    #contents00 .inner-Box p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin: 0 8.1vw 7.25vw;position: relative;}
    
    #contents01 {margin: 0 auto 24.29vw;position: relative;}
    #contents01 .inner-Box {margin: 0 0 0 auto;position: relative;background: #fff;box-shadow: 0.0vw 0.0vw 3.62vw #0000001A;padding: 13.87vw 7.74vw 8.87vw 7.74vw;}
    #contents01 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -22.8vw;left: 5vw;z-index: 3;margin-right: 6vw;}
    #contents01 .inner-Box span.icon img {  }
    #contents01 .inner-Box h2 {font-size: 5.31vw;line-height: 1.76;font-weight: bold;letter-spacing: 0.3vw;margin-bottom: 6.53vw;position: relative;}
    #contents01 .inner-Box figure.photo {position: relative;left: 0vw;margin-bottom: 9vw;}
    #contents01 .inner-Box figure.photo img{  }
    #contents01 .inner-Box p.text { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
    
    #contents02 {margin: 0 auto 33.99vw;position: relative;}
    #contents02 .inner-Box {margin: 0 0 0 auto;position: relative;background: #fff;box-shadow: 0.0vw 0.0vw 3.62vw #0000001A;padding: 13.87vw 7.74vw 8.87vw 7.74vw;}
    #contents02 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -13.7vw;left: 4.2vw;z-index: 3;margin-right: 34.9vw;}
    #contents02 .inner-Box span.icon img {  }
    #contents02 .inner-Box h2 {font-size: 5.31vw;line-height: 1.76;font-weight: bold;letter-spacing: 0.3vw;margin-bottom: 6.53vw;position: relative;}
    #contents02 .inner-Box figure.photo {position: relative;left: 0vw;margin-bottom: 9vw;}
    #contents02 .inner-Box figure.photo img{  }
    #contents02 .inner-Box p.text { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
    
    #contents03 {margin: 0 auto 28.99vw;position: relative;}
    #contents03 .inner-Box {margin: 0 0 0 auto;position: relative;background: #fff;box-shadow: 0.0vw 0.0vw 3.62vw #0000001A;padding: 13.87vw 7.74vw 8.87vw 7.74vw;}
    #contents03 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -21.3vw;left: 4vw;z-index: 3;margin-right: 7vw;}
    #contents03 .inner-Box span.icon img {  }
    #contents03 .inner-Box h2 {font-size: 5.31vw;line-height: 1.76;font-weight: bold;letter-spacing: 0.3vw;margin-bottom: 6.53vw;position: relative;}
    #contents03 .inner-Box figure.photo {position: relative;left: 0vw;margin-bottom: 9vw;}
    #contents03 .inner-Box figure.photo img{  }
    #contents03 .inner-Box p.text { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
    
    #contents04 {margin: 0 auto 33.19vw;position: relative;}
    #contents04 .inner-Box {margin: 0 0 0 auto;position: relative;background: #fff;box-shadow: 0.0vw 0.0vw 3.62vw #0000001A;padding: 13.87vw 7.74vw 8.87vw 7.74vw;}
    #contents04 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -20.8vw;left: 6.4vw;z-index: 3;margin-right: 8.7vw;}
    #contents04 .inner-Box span.icon img {  }
    #contents04 .inner-Box h2 {font-size: 5.31vw;line-height: 1.76;font-weight: bold;letter-spacing: 0.3vw;margin-bottom: 6.53vw;position: relative;}
    #contents04 .inner-Box figure.photo {position: relative;left: 0vw;margin-bottom: 9vw;}
    #contents04 .inner-Box figure.photo img{  }
    #contents04 .inner-Box p.text { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
    
    #contents05 {margin: 0 auto 28.99vw;position: relative;}
    #contents05 .inner-Box {margin: 0 0 0 auto;position: relative;background: #fff;box-shadow: 0.0vw 0.0vw 3.62vw #0000001A;padding: 13.87vw 7.74vw 8.87vw 7.74vw;}
    #contents05 .inner-Box span.icon {display: block;line-height: 1;position: absolute;top: -21.2vw;left: 0.3vw;z-index: 3;margin-right: 6.5vw;}
    #contents05 .inner-Box span.icon img {  }
    #contents05 .inner-Box h2 {font-size: 5.31vw;line-height: 1.76;font-weight: bold;letter-spacing: 0.3vw;margin-bottom: 6.53vw;position: relative;}
    #contents05 .inner-Box figure.photo {position: relative;left: 0vw;margin-bottom: 9vw;}
    #contents05 .inner-Box figure.photo img{  }
    #contents05 .inner-Box p.text { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
    
    
    #contents06 {position: relative;margin: 0 0 -18vw;}
    #contents06 .inner-Box {position: relative;text-align: center;padding-top: 0vw;}
    #contents06 .inner-Box h2 {
    margin-bottom: 10.5vw;
}
    #contents06 .inner-Box h2 span{  }
    #contents06 .inner-Box h2 img {  }
    #contents06 .inner-Box p.text {font-size: 5.31vw;line-height: 2.12;font-weight: 700;letter-spacing: 0.27vw;margin-bottom: 7.25vw;position: relative;}
    


#contentsstaff {margin: 0 auto -1vw;position: relative;background: url('../images/index/sp-contents06-back01.png')no-repeat top 20.93vw center;padding: 16.04vw 0 17.31vw;background-size: 100% auto;}
#contentsstaff h2 {text-align: center;margin: 0 14.1vw 2.85vw;}
#contentsstaff h2 span{  }
#contentsstaff h2 img {  }
#contentsstaff .inner-Box {margin: 0 4vw;position: relative;}
#contentsstaff .inner-Box h3 {position: relative;width: 71.2vw;margin: 0 0 -5.9vw 16.8vw;padding-top: 18.6vw;}
#contentsstaff .inner-Box h3 span{  }
#contentsstaff .inner-Box h3 img {  }
#contentsstaff .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 3.8vw;}
#contentsstaff .inner-Box ul li {position: relative;margin-bottom: 11vw;}
#contentsstaff .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
#contentsstaff .inner-Box ul li a {display: block;}
#contentsstaff .inner-Box ul li a:hover {  }
#contentsstaff .inner-Box figure.photo {position: relative;top: 0vw;right: 0;margin-left: 7vw;margin-bottom: -11.7vw;}
#contentsstaff .inner-Box figure.photo img{  }
#contentsstaff .inBox {position: relative;height: 43.37vw;background: #fff;padding: 5.81vw 7.25vw;margin-right: 7vw;}
#contentsstaff .inBox h4 {font-size: 3.14vw;line-height: 1.68;font-weight: 500;letter-spacing: 0.08vw;margin-bottom: 1.96vw;position: relative;}
#contentsstaff .inBox h4 span.f-en {display: block;font-size: 4.83vw;}
#contentsstaff .inBox p.ltext {font-size: 3.12vw;line-height: 1.58;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;}
#contentsstaff .inBox span.more {display: block;line-height: 1;position: absolute;bottom: -12vw;right: -12.1vw;width: 24vw;}
#contentsstaff .inBox span.more img {  }
#contentsstaff .inBox ul li { position: relative; }
#contentsstaff .inBox ul li:nth-child(3n) { margin-right: 0.0vw; }
#contentsstaff .inBox ul li a {  }
#contentsstaff .inBox ul li a:hover {  }
#contentsstaff .inBox figure.photo { position: relative; top: 0; left: 0; }
#contentsstaff .inBox figure.photo img{  }
   
}