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

#contentsmain {margin: 0 auto;position: relative;width: 1120px;}
#contentsmain .inner-Box {margin: 0 auto 78px;position: relative;}
#contentsmain .inner-Box h2 {text-align: center;padding: 70px 82px 0 0px;margin-bottom: 56px;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .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;}
#contentsmain .inner-Box ul li {margin-right: 7px;}
#contentsmain .inner-Box ul li:nth-child(5n) { margin-right: 0px; }
#contentsmain .inner-Box ul li figure {  }
#contentsmain .inner-Box ul li a {  }
#contentsmain .inner-Box ul li a:hover {  }


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

#contents01 {margin: 0 auto 103px;position: relative;background: url('../images/style/contents01-back01.png')no-repeat top right;padding: 390px 0 0;max-width: 1920px;}
#contents01 .inner-Box {margin: 0 auto;position: relative;width: 1100px;background: #fff;padding: 90px 100px 53px 100px;box-shadow: 0px 0px 15px #0000001A;}
#contents01 .inBox {margin: 0 auto 20px;position: relative;height: 552px;padding: 0 460px 0 0px;}
#contents01 .inBox span.icon {display: block;line-height: 1;position: absolute;top: -140px;}
#contents01 .inBox span.icon img {  }
#contents01 .inBox h2 {font-size: 33px;line-height: 1.48;font-weight: bold;letter-spacing: 1.65px;margin-bottom: 38px;position: relative;}
#contents01 .inBox figure.photo01 {position: absolute;top: 0;right: 0;}
#contents01 .inBox figure.photo01 img{  }
#contents01 .inBox p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contents01 .inBox figure.photo02 { position: absolute; top: 0; left: 0; }
#contents01 .inBox figure.photo02 img{  }


#contents02 {margin: 0 auto 102px;position: relative;background: url('../images/style/contents02-back01.png')no-repeat top left;padding: 390px 0 0;max-width: 1920px;}
#contents02 .inner-Box {margin: 0 auto;position: relative;width: 1100px;background: #fff;padding: 90px 100px 53px 100px;box-shadow: 0px 0px 15px #0000001A;}
#contents02 .inBox {margin: 0 auto 20px;position: relative;height: 552px;padding: 0 460px 0 0px;}
#contents02 .inBox span.icon {display: block;line-height: 1;position: absolute;top: -140px;}
#contents02 .inBox span.icon img {  }
#contents02 .inBox h2 {font-size: 33px;line-height: 1.48;font-weight: bold;letter-spacing: 1.65px;margin-bottom: 38px;position: relative;margin-right: -60px;}
#contents02 .inBox figure.photo01 {position: absolute;top: 0;right: 0;}
#contents02 .inBox figure.photo01 img{  }
#contents02 .inBox p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contents02 .inBox figure.photo02 { position: absolute; top: 0; left: 0; }
#contents02 .inBox figure.photo02 img{  }

#contents03 {margin: 0 auto 102px;position: relative;background: url('../images/style/contents03-back01.png')no-repeat top right;padding: 390px 0 0;max-width: 1920px;}
#contents03 .inner-Box {margin: 0 auto;position: relative;width: 1100px;background: #fff;padding: 90px 100px 53px 100px;box-shadow: 0px 0px 15px #0000001A;}
#contents03 .inBox {margin: 0 auto 20px;position: relative;height: 552px;padding: 0 460px 0 0px;}
#contents03 .inBox span.icon {display: block;line-height: 1;position: absolute;top: -140px;}
#contents03 .inBox span.icon img {  }
#contents03 .inBox h2 {font-size: 33px;line-height: 1.48;font-weight: bold;letter-spacing: 1.65px;margin-bottom: 38px;position: relative;margin-right: -60px;}
#contents03 .inBox figure.photo01 {position: absolute;top: 0;right: 0;}
#contents03 .inBox figure.photo01 img{  }
#contents03 .inBox p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contents03 .inBox figure.photo02 { position: absolute; top: 0; left: 0; }
#contents03 .inBox figure.photo02 img{  }


#contents04 {margin: 0 auto 100px;position: relative;background: url('../images/style/contents04-back01.png')no-repeat top left;padding: 390px 0 0;max-width: 1920px;}
#contents04 .inner-Box {margin: 0 auto;position: relative;width: 1100px;background: #fff;padding: 90px 100px 53px 100px;box-shadow: 0px 0px 15px #0000001A;}
#contents04 .inBox {margin: 0 auto 20px;position: relative;height: 552px;padding: 0 460px 0 0px;}
#contents04 .inBox span.icon {display: block;line-height: 1;position: absolute;top: -140px;}
#contents04 .inBox span.icon img {  }
#contents04 .inBox h2 {font-size: 33px;line-height: 1.48;font-weight: bold;letter-spacing: 1.65px;margin-bottom: 38px;position: relative;}
#contents04 .inBox figure.photo01 {position: absolute;top: 0;right: 0;}
#contents04 .inBox figure.photo01 img{  }
#contents04 .inBox p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contents04 .inBox figure.photo02 { position: absolute; top: 0; left: 0; }
#contents04 .inBox figure.photo02 img{  }

#contents05 {margin: 0 auto;position: relative;background: url('../images/style/contents05-back01.png')no-repeat top right;padding: 390px 0 0;max-width: 1920px;}
#contents05 .inner-Box {margin: 0 auto;position: relative;width: 1100px;background: #fff;padding: 90px 100px 53px 100px;box-shadow: 0px 0px 15px #0000001A;}
#contents05 .inBox {margin: 0 auto 20px;position: relative;height: 552px;padding: 0 460px 0 0px;}
#contents05 .inBox span.icon {display: block;line-height: 1;position: absolute;top: -140px;}
#contents05 .inBox span.icon img {  }
#contents05 .inBox h2 {font-size: 33px;line-height: 1.48;font-weight: bold;letter-spacing: 1.65px;margin-bottom: 38px;position: relative;margin-right: -70px;}
#contents05 .inBox figure.photo01 {position: absolute;top: 0;right: 0;}
#contents05 .inBox figure.photo01 img{  }
#contents05 .inBox p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contents05 .inBox figure.photo02 { position: absolute; top: 0; left: 0; }
#contents05 .inBox figure.photo02 img{  }


#contents06 {margin: 0 auto -15px;position: relative;text-align: center;padding: 42px 0 0;}
#contents06 .inner-Box { margin: 0 auto; position: relative; }
#contents06 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 88px;}
#contents06 .inner-Box figure.photo img{  }
#contents06 .inner-Box p.text {font-size: 33px;line-height: 2.08;font-weight: 700;letter-spacing: 1.65px;margin-bottom: 30px;position: relative;}

#contentsbottom { margin: 0 auto; position: relative; }
#contentsbottom .inner-Box {margin: 0 auto;position: relative;padding: 18px 0 140px;}
#contentsbottom .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: 722px;margin: 0 auto;}
#contentsbottom .inner-Box ul li {margin-right: 40px;}
#contentsbottom .inner-Box ul li:nth-child(2n) { margin-right: 0px; }
#contentsbottom .inner-Box ul li figure {  }
#contentsbottom .inner-Box ul li a {  }
#contentsbottom .inner-Box ul li a:hover {  }



#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 {position: relative;padding: 1.2vw 0 0;}
#contentsmain .inner-Box {margin: 0 auto 18.84vw;position: relative;}
#contentsmain .inner-Box h2 {text-align: center;margin: 0 12.8vw 4.4vw 11.6vw;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .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 0.6vw;}
#contentsmain .inner-Box ul li {margin-bottom: -1.91vw;}
#contentsmain .inner-Box ul li:nth-child(5n) { margin-right: 0.0vw; }
#contentsmain .inner-Box ul li figure {  }
#contentsmain .inner-Box ul li a {  }
#contentsmain .inner-Box ul li a:hover {  }


.backk{background: url(../images/concept/contents00-back01.png);margin-top: -2.1vw;padding-bottom: 1px;background-size: 100% auto;}

#contents01 {margin: 0 auto 11.88vw;position: relative;background: url('../images/style/sp-contents01-back01.png')no-repeat top right;padding: 120.5vw 0 0;background-size: 100% auto;}
#contents01 .inner-Box {position: relative;background: #fff;padding: 0vw 7.7vw 9.9vw;box-shadow: 0px 0px 3.62vw #0000001A;}
#contents01 .inBox {margin: 0 auto 4.83vw;position: relative;padding: 0 0vw 0 0.0vw;}
#contents01 .inBox span.icon {display: block;line-height: 1;position: relative;top: -11.9vw;width: 24vw;margin: 0 auto -1vw;}
#contents01 .inBox span.icon img {  }
#contents01 .inBox h2 {font-size: 6.76vw;line-height: 1.58;font-weight: 700;letter-spacing: 0.4vw;margin-bottom: 4.58vw;text-align: center;position: relative;}
#contents01 .inBox figure.photo01 {position: relative;top: 0;right: 0;margin-bottom: 6.8vw;}
#contents01 .inBox figure.photo01 img{  }
#contents01 .inBox p.text { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
#contents01 figure.photo02 {position: relative;top: -1vw;left: 0;margin: 0 4vw 0 3vw;}
#contents01 figure.photo02 img{  }

#contents02 {margin: 0 auto 24.88vw;position: relative;background: url('../images/style/sp-contents02-back01.png')no-repeat top right;padding: 120.5vw 0 0;background-size: 100% auto;}
#contents02 .inner-Box {position: relative;background: #fff;padding: 0vw 7.7vw 9.9vw;box-shadow: 0px 0px 3.62vw #0000001A;}
#contents02 .inBox {margin: 0 auto 4.83vw;position: relative;padding: 0 0vw 0 0.0vw;}
#contents02 .inBox span.icon {display: block;line-height: 1;position: relative;top: -11.9vw;width: 24vw;margin: 0 auto -1vw;}
#contents02 .inBox span.icon img {  }
#contents02 .inBox h2 {font-size: 6.76vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.3vw;margin: 0 -15vw 4.58vw;text-align: center;position: relative;}
#contents02 .inBox figure.photo01 {position: relative;top: 0;right: 0;margin-bottom: 6.8vw;}
#contents02 .inBox figure.photo01 img{  }
#contents02 .inBox p.text { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
#contents02 figure.photo02 {position: relative;top: -1vw;left: 0;margin: 0 -0.4vw 0 -0.7vw;}
#contents02 figure.photo02 img{  }

#contents03 {margin: 0 auto 24.88vw;position: relative;background: url('../images/style/sp-contents03-back01.png')no-repeat top right;padding: 120.5vw 0 0;background-size: 100% auto;}
#contents03 .inner-Box {position: relative;background: #fff;padding: 0vw 7.7vw 9.9vw;box-shadow: 0px 0px 3.62vw #0000001A;}
#contents03 .inBox {margin: 0 auto 4.83vw;position: relative;padding: 0 0vw 0 0.0vw;}
#contents03 .inBox span.icon {display: block;line-height: 1;position: relative;top: -11.9vw;width: 24vw;margin: 0 auto -1vw;}
#contents03 .inBox span.icon img {  }
#contents03 .inBox h2 {font-size: 6.76vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.3vw;margin: 0 -15vw 4.58vw;text-align: center;position: relative;}
#contents03 .inBox figure.photo01 {position: relative;top: 0;right: 0;margin-bottom: 6.8vw;}
#contents03 .inBox figure.photo01 img{  }
#contents03 .inBox p.text { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
#contents03 figure.photo02 {position: relative;top: -1vw;left: 0;margin: 0 -0.4vw 0 -0.7vw;}
#contents03 figure.photo02 img{  }

#contents04 {margin: 0 auto 24.88vw;position: relative;background: url('../images/style/sp-contents04-back01.png')no-repeat top right;padding: 120.5vw 0 0;background-size: 100% auto;}
#contents04 .inner-Box {position: relative;background: #fff;padding: 0vw 7.7vw 9.9vw;box-shadow: 0px 0px 3.62vw #0000001A;}
#contents04 .inBox {margin: 0 auto 4.83vw;position: relative;padding: 0 0vw 0 0.0vw;}
#contents04 .inBox span.icon {display: block;line-height: 1;position: relative;top: -11.9vw;width: 24vw;margin: 0 auto -1vw;}
#contents04 .inBox span.icon img {  }
#contents04 .inBox h2 {font-size: 6.76vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.3vw;margin: 0 -15vw 4.58vw;text-align: center;position: relative;}
#contents04 .inBox figure.photo01 {position: relative;top: 0;right: 0;margin-bottom: 6.8vw;}
#contents04 .inBox figure.photo01 img{  }
#contents04 .inBox p.text { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
#contents04 figure.photo02 {position: relative;top: -1vw;left: 0;margin: 0 8.6vw 0 8.3vw;}
#contents04 figure.photo02 img{  }

#contents05 {margin: 0 auto 28.88vw;position: relative;background: url('../images/style/sp-contents05-back01.png')no-repeat top right;padding: 120.5vw 0 0;background-size: 100% auto;}
#contents05 .inner-Box {position: relative;background: #fff;padding: 0vw 7.7vw 9.9vw;box-shadow: 0px 0px 3.62vw #0000001A;}
#contents05 .inBox {margin: 0 auto 4.83vw;position: relative;padding: 0 0vw 0 0.0vw;}
#contents05 .inBox span.icon {display: block;line-height: 1;position: relative;top: -11.9vw;width: 24vw;margin: 0 auto -1vw;}
#contents05 .inBox span.icon img {  }
#contents05 .inBox h2 {font-size: 6.76vw;line-height: 1.68;font-weight: 700;letter-spacing: 0.3vw;margin: 0 -15vw 4.58vw;text-align: center;position: relative;}
#contents05 .inBox figure.photo01 {position: relative;top: 0;right: 0;margin-bottom: 6.8vw;}
#contents05 .inBox figure.photo01 img{  }
#contents05 .inBox p.text { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
#contents05 figure.photo02 {position: relative;top: -1vw;left: 0;margin: 0 -1.8vw 0 -1.6vw;}
#contents05 figure.photo02 img{  }



#contents06 {margin: 0 auto 0vw;position: relative;text-align: center;padding: 18.14vw 0 0;}
#contents06 .inner-Box {position: relative;}
#contents06 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 11.26vw;}
#contents06 .inner-Box figure.photo img{  }
#contents06 .inner-Box p.text {font-size: 5.77vw;line-height: 1.88;font-weight: 700;letter-spacing: 0vw;margin-bottom: 7.25vw;position: relative;}

#contentsbottom {margin: 0 9vw;position: relative;}
#contentsbottom .inner-Box {position: relative;padding: 4.35vw 0 6.82vw;}
#contentsbottom .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;}
#contentsbottom .inner-Box ul li {margin-bottom: 9.66vw;}
#contentsbottom .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
#contentsbottom .inner-Box ul li figure {  }
#contentsbottom .inner-Box ul li a {  }
#contentsbottom .inner-Box ul li a:hover {  }





#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{  }



}