@charset "UTF-8";
/****/
/* pc */
/****/
@media all and (min-width: 751px), print {
  #global-header {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #global-header header {
    padding-bottom: 59.23077%;
  }
  #global-header header .headerInner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #global-header header .headerInner .titleSection {
    width: 100%;
    height: 100%;
    display: table;
  }
  #global-header header .headerInner .titleSection .titleInner {
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
  }
  #global-header header .headerInner .titleSection .titleInner .lead {
    margin-bottom: 1em;
    font-size: 25px;
    font-family: "Gotham SSm A", "Gotham SSm B";
  }
  #global-header header .headerInner .titleSection .titleInner .title {
    font-size: 60px;
    font-weight: 200;
  }
  #global-content {
    position: relative;
  }
  #global-content #main {
    margin-bottom: 70px;
    text-align: left;
    color: #fff;
    background: #000;
  }
  #global-content #main section {
    margin-bottom: 0;
  }
  #global-content #main .title {
    font-size: 38px;
    font-weight: 200;
    line-height: 1.4;
  }
  #global-content #main .subTitle {
    font-style: italic;
    font-size: 22px;
    line-height: 1.9;
    position: relative;
  }
  #global-content #main .subTitle em {
    position: absolute;
    left: -1em;
  }
  #global-content .titleInner .module-title02 {
    color: #fff;
    margin-top: 30px;
  }  
  #global-content #main .lead {
    font-size: 16px;
    line-height: 2;
  }
  #global-content #main .article .lead {
    padding-top: 1em;
  }
  #global-content #main .article .lead:first-child {
    padding-top: 0;
  }
  #global-content #main .detailLink {
    white-space: nowrap;
    display: inline-block;
  }
  #global-content #main .detailLink a {
    color: #fff;
  }
  #global-content #main .detailLink .listIcon {
    background-color: #fff;
  }
  #global-content #main .detailLink .listIcon:before {
    border-color: #4c4c4c;
  }
  #global-content #secMain {
    padding-top: 53.65854%;
    padding-bottom: 6.96864%;
    background: url("/en/assets/images/about/philosophy/index/main/bg_01.jpg") no-repeat center top;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
  #global-content #secMain .secOuter {
    background: url("/en/assets/images/about/philosophy/index/main/pic_01.jpg") no-repeat left top;
  }
  #global-content #secMain .secInner {
    padding-bottom: 5.06073%;
    padding-left: 400px;
  }
  #global-content #secMain .title,
  #global-content #secMain .subTitle,
  #global-content #secMain .lead {
    margin-bottom: 20px;
  }
  #global-content #secMain .detailLink .listIcon {
    margin: auto;
    top: 0;
    bottom: 0;
  }
  #global-content #secMain .detailLink .listText {
    font-size: 24px;
  }
  #global-content #secType1 {
    padding-bottom: 5.22648%;
  }
  #global-content #secType1 .secOuter {
    padding: 23.51916% 9.58188% 7.83972% 41.46341%;
    background: url("/ja/assets/images/about/philosophy/index/1/bg_01.jpg") no-repeat center top;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
  }
  #global-content #secType1 .title {
    margin-bottom: 8.18505%;
  }
  #global-content #secType1 .lead {
    max-width: 570px;
  }
  #global-content #secType2 {
    padding-bottom: 10.45296%;
  }
  #global-content #secType2 .secOuter {
    padding: 10.45296% 29.61672% 10.45296% 9.58188%;
    background: url("/ja/assets/images/about/philosophy/index/2/bg_01.jpg") no-repeat center top;
    -moz-background-size: auto 100%;
    background-size: auto 100%;
  }
  #global-content #secType2 .title {
    margin-bottom: 6.59026%;
  }
  #global-content #secType2 .subTitle {
    margin-bottom: 6.59026%;
  }
  #global-content #secType3 {
    padding-bottom: 70px;
  }
  #global-content #secType3 .secOuter {
    padding-bottom: 7.83972%;
    background: url("/ja/assets/images/about/philosophy/index/3/bg_01.jpg") no-repeat center top;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
  #global-content #secType3 .title {
    margin-bottom: 9.58188%;
    text-align: center;
  }
  #global-content #secType3 .article {
    margin: 0 auto;
    position: relative;
  }
  #global-content #secType3 .article:after {
    content: "";
    width: 100px;
    height: 100px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center top;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
  #global-content #secType3 .type1 {
    margin-left: 25.26132%;
    margin-bottom: 9.58188%;
    max-width: 330px;
    width: 28.74564%;
  }
  #global-content #secType3 .type1:after {
    padding-bottom: 76.9697%;
    width: 34.84848%;
    top: 0;
    left: -51.51515%;
    background-image: url("/ja/assets/images/about/philosophy/index/3/pic_01.png");
  }
  #global-content #secType3 .type2 {
    margin-left: 46.16725%;
    margin-bottom: 9.58188%;
    max-width: 330px;
    width: 28.74564%;
  }
  #global-content #secType3 .type2:after {
    padding-bottom: 102.42424%;
    width: 23.63636%;
    top: 0;
    left: -39.39394%;
    background-image: url("/ja/assets/images/about/philosophy/index/3/pic_02.png");
  }
  #global-content #secType3 .type3 {
    margin-right: 7.83972%;
    max-width: 260px;
    width: 22.64808%;
  }
  #global-content #secType3 .type3:after {
    padding-bottom: 98.46154%;
    width: 44.61538%;
    top: 0;
    left: -65.38462%;
    background-image: url("/ja/assets/images/about/philosophy/index/3/pic_03.png");
  }
  #global-content #secType3 .type4 {
    margin-left: 21.777%;
    margin-bottom: 9.58188%;
    max-width: 330px;
    width: 28.74564%;
  }
  #global-content #secType3 .type4:after {
    padding-bottom: 127.87879%;
    width: 24.84848%;
    bottom: 0;
    left: -39.39394%;
    background-position: center bottom;
    background-image: url("/ja/assets/images/about/philosophy/index/3/pic_04.png");
  }
  #global-content #secType3 .type5 {
    margin-right: 29.61672%;
    margin-bottom: 9.58188%;
    max-width: 370px;
    width: 32.22997%;
  }
  #global-content #secType3 .type5:after {
    padding-bottom: 140.54054%;
    width: 32.97297%;
    top: 0;
    right: -48.64865%;
    background-image: url("/ja/assets/images/about/philosophy/index/3/pic_05.png");
  }
  #global-content #secType3 .type6 {
    margin-left: 25.26132%;
    margin-bottom: 9.58188%;
    max-width: 330px;
    width: 28.74564%;
  }
  #global-content #secType3 .type6:after {
    padding-bottom: 70.90909%;
    width: 23.63636%;
    bottom: 0;
    left: -39.39394%;
    background-position: center bottom;
    background-image: url("/ja/assets/images/about/philosophy/index/3/pic_06.png");
  }
  #global-content #secType3 .type7 {
    margin-right: 17.4216%;
    margin-bottom: 13.93728%;
    max-width: 340px;
    width: 29.61672%;
  }
  #global-content #secType3 .type7:after {
    padding-bottom: 98.82353%;
    width: 24.11765%;
    top: 0;
    left: -41.17647%;
    background-image: url("/ja/assets/images/about/philosophy/index/3/pic_07.png");
  }
  #global-content i {
    font-style: italic;
  }
}
.device-view-pc #global-header {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.device-view-pc #global-header header {
  padding-bottom: 59.23077%;
}
.device-view-pc #global-header header .headerInner {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.device-view-pc #global-header header .headerInner .titleSection {
  width: 100%;
  height: 100%;
  display: table;
}
.device-view-pc #global-header header .headerInner .titleSection .titleInner {
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}
.device-view-pc #global-header header .headerInner .titleSection .titleInner .lead {
  margin-bottom: 1em;
  font-size: 25px;
  font-family: "Gotham SSm A", "Gotham SSm B";
}
.device-view-pc #global-header header .headerInner .titleSection .titleInner .title {
  font-size: 60px;
  font-weight: 200;
}
.device-view-pc #global-content {
  position: relative;
}
.device-view-pc #global-content #main {
  margin-bottom: 70px;
  text-align: left;
  color: #fff;
  background: #000;
}
.device-view-pc #global-content #main section {
  margin-bottom: 0;
}
.device-view-pc #global-content #main .title {
  font-size: 38px;
  font-weight: 200;
  line-height: 1.4;
}
.device-view-pc #global-content #main .subTitle {
  font-style: italic;
  font-size: 22px;
  line-height: 1.9;
  position: relative;
}
.device-view-pc #global-content #main .subTitle em {
  position: absolute;
  left: -1em;
}
.device-view-pc #global-content .titleInner .module-title02 {
  color: #fff;
  margin-top: 30px;
}  
.device-view-pc #global-content #main .lead {
  font-size: 16px;
  line-height: 2;
}
.device-view-pc #global-content #main .article .lead {
  padding-top: 1em;
}
.device-view-pc #global-content #main .article .lead:first-child {
  padding-top: 0;
}
.device-view-pc #global-content #main .detailLink {
  white-space: nowrap;
  display: inline-block;
}
.device-view-pc #global-content #main .detailLink a {
  color: #fff;
}
.device-view-pc #global-content #main .detailLink .listIcon {
  background-color: #fff;
}
.device-view-pc #global-content #main .detailLink .listIcon:before {
  border-color: #4c4c4c;
}
.device-view-pc #global-content #secMain {
  padding-top: 53.65854%;
  padding-bottom: 6.96864%;
  background: url("/en/assets/images/about/philosophy/index/main/bg_01.jpg") no-repeat center top;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}
.device-view-pc #global-content #secMain .secOuter {
  background: url("/en/assets/images/about/philosophy/index/main/pic_01.jpg") no-repeat left top;
}
.device-view-pc #global-content #secMain .secInner {
  padding-bottom: 5.06073%;
  padding-left: 400px;
}
.device-view-pc #global-content #secMain .title,
.device-view-pc #global-content #secMain .subTitle,
.device-view-pc #global-content #secMain .lead {
  margin-bottom: 20px;
}
.device-view-pc #global-content #secMain .detailLink .listIcon {
  margin: auto;
  top: 0;
  bottom: 0;
}
.device-view-pc #global-content #secMain .detailLink .listText {
  font-size: 25px;
}
.device-view-pc #global-content #secType1 {
  padding-bottom: 5.22648%;
}
.device-view-pc #global-content #secType1 .secOuter {
  padding: 23.51916% 9.58188% 7.83972% 41.46341%;
  background: url("/en/assets/images/about/philosophy/index/1/bg_01.jpg") no-repeat center top;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
}
.device-view-pc #global-content #secType1 .title {
  margin-bottom: 8.18505%;
}
.device-view-pc #global-content #secType1 .lead {
  max-width: 570px;
}
.device-view-pc #global-content #secType2 {
  padding-bottom: 10.45296%;
}
.device-view-pc #global-content #secType2 .secOuter {
  padding: 10.45296% 29.61672% 10.45296% 9.58188%;
  background: url("/en/assets/images/about/philosophy/index/2/bg_01.jpg") no-repeat center top;
  -moz-background-size: auto 100%;
  background-size: auto 100%;
}
.device-view-pc #global-content #secType2 .title {
  margin-bottom: 6.59026%;
}
.device-view-pc #global-content #secType2 .subTitle {
  margin-bottom: 6.59026%;
}
.device-view-pc #global-content #secType3 {
  padding-bottom: 70px;
}
.device-view-pc #global-content #secType3 .secOuter {
  padding-bottom: 7.83972%;
  background: url("/en/assets/images/about/philosophy/index/3/bg_01.jpg") no-repeat center top;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}
.device-view-pc #global-content #secType3 .title {
  margin-bottom: 9.58188%;
  text-align: center;
}
.device-view-pc #global-content #secType3 .article {
  margin: 0 auto;
  position: relative;
}
.device-view-pc #global-content #secType3 .article:after {
  content: "";
  width: 100px;
  height: 100px;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center top;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
}
.device-view-pc #global-content #secType3 .type1 {
  margin-left: 25.26132%;
  margin-bottom: 9.58188%;
  max-width: 330px;
  width: 28.74564%;
}
.device-view-pc #global-content #secType3 .type1:after {
  padding-bottom: 76.9697%;
  width: 34.84848%;
  top: 0;
  left: -51.51515%;
  background-image: url("/en/assets/images/about/philosophy/index/3/pic_01.png");
}
.device-view-pc #global-content #secType3 .type2 {
  margin-left: 46.16725%;
  margin-bottom: 9.58188%;
  max-width: 330px;
  width: 28.74564%;
}
.device-view-pc #global-content #secType3 .type2:after {
  padding-bottom: 102.42424%;
  width: 23.63636%;
  top: 0;
  left: -39.39394%;
  background-image: url("/en/assets/images/about/philosophy/index/3/pic_02.png");
}
.device-view-pc #global-content #secType3 .type3 {
  margin-right: 7.83972%;
  max-width: 260px;
  width: 22.64808%;
}
.device-view-pc #global-content #secType3 .type3:after {
  padding-bottom: 98.46154%;
  width: 44.61538%;
  top: 0;
  left: -65.38462%;
  background-image: url("/en/assets/images/about/philosophy/index/3/pic_03.png");
}
.device-view-pc #global-content #secType3 .type4 {
  margin-left: 21.777%;
  margin-bottom: 9.58188%;
  max-width: 330px;
  width: 28.74564%;
}
.device-view-pc #global-content #secType3 .type4:after {
  padding-bottom: 127.87879%;
  width: 24.84848%;
  bottom: 0;
  left: -39.39394%;
  background-position: center bottom;
  background-image: url("/en/assets/images/about/philosophy/index/3/pic_04.png");
}
.device-view-pc #global-content #secType3 .type5 {
  margin-right: 29.61672%;
  margin-bottom: 9.58188%;
  max-width: 370px;
  width: 32.22997%;
}
.device-view-pc #global-content #secType3 .type5:after {
  padding-bottom: 140.54054%;
  width: 32.97297%;
  top: 0;
  right: -48.64865%;
  background-image: url("/en/assets/images/about/philosophy/index/3/pic_05.png");
}
.device-view-pc #global-content #secType3 .type6 {
  margin-left: 25.26132%;
  margin-bottom: 9.58188%;
  max-width: 330px;
  width: 28.74564%;
}
.device-view-pc #global-content #secType3 .type6:after {
  padding-bottom: 70.90909%;
  width: 23.63636%;
  bottom: 0;
  left: -39.39394%;
  background-position: center bottom;
  background-image: url("/en/assets/images/about/philosophy/index/3/pic_06.png");
}
.device-view-pc #global-content #secType3 .type7 {
  margin-right: 17.4216%;
  margin-bottom: 13.93728%;
  max-width: 340px;
  width: 29.61672%;
}
.device-view-pc #global-content #secType3 .type7:after {
  padding-bottom: 98.82353%;
  width: 24.11765%;
  top: 0;
  left: -41.17647%;
  background-image: url("/en/assets/images/about/philosophy/index/3/pic_07.png");
}
.device-view-pc #global-content i {
  font-style: italic;
}
/****/
/* tablet */
/****/
@media screen and (min-width: 751px) and (max-width: 1120px) {
  .device-js-on #global-content #secType1 .secOuter {
    background-position-x : 35%;
  }
  .device-js-on #global-content #secMain .detailLink .listText{
    font-size: 18px;
  }
}
/****/
/* sp */
/****/
@media screen and (max-width: 750px) {
  .device-js-on #global-header {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .device-js-on #global-header header {
    padding-bottom: 84%;
  }
  .device-js-on #global-header header .headerInner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .device-js-on #global-header header .headerInner .titleSection {
    width: 100%;
    height: 100%;
    display: table;
  }
  .device-js-on #global-header header .headerInner .titleSection .titleInner {
    width: 100%;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
  }
  .device-js-on #global-header header .headerInner .titleSection .titleInner .lead {
    margin-bottom: 1em;
    font-size: 133.33333%;
    font-family: "Gotham SSm A", "Gotham SSm B";
  }
  .device-js-on #global-header header .headerInner .titleSection .titleInner .title {
    font-size: 225%;
    font-weight: 200;
  }
  .device-js-on #global-content {
    position: relative;
  }
  .device-js-on #global-content #main {
    margin-bottom: 12%;
    text-align: left;
    color: #fff;
    background: #131313 url("/en/assets/images/about/philosophy/index/bg_01_sp.jpg");
  }
  .device-js-on #global-content #main section {
    margin-bottom: 0;
  }
  .device-js-on #global-content #main .title {
    margin-bottom: 8%;
    text-align: center;
    font-size: 191.66667%;
    font-weight: 200;
    line-height: 1.4;
  }
  .device-js-on #global-content #main .subTitle {
    margin-bottom: 5.33333%;
    font-style: italic;
    font-size: 125%;
    line-height: 1.66667;
    font-weight: 200;
  }
  .device-js-on #global-content .titleInner .module-title02 {
    color: #fff;
    margin-top: 0.5em;
  }    
  .device-js-on #global-content #main .lead {
    margin-right: 8%;
    margin-left: 8%;
    font-size: 125%;
    line-height: 1.66667;
  }
  .device-js-on #global-content #main .article .lead {
    padding-top: 1em;
  }
  .device-js-on #global-content #main .article .lead:first-child {
    padding-top: 0;
  }
  .device-js-on #global-content #main .detailLink a {
    color: #fff;
  }
  .device-js-on #global-content #main .detailLink .listIcon {
    background-color: #fff;
  }
  .device-js-on #global-content #main .detailLink .listIcon:before {
    border-color: #4c4c4c;
  }
  .device-js-on #global-content #secMain {
    padding-top: 84%;
    padding-bottom: 6.66667%;
    background: url("/en/assets/images/about/philosophy/index/main/bg_01_sp.jpg") no-repeat center top;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
  .device-js-on #global-content #secMain .secOuter {
    padding-top: 70.66667%;
    background: url("/en/assets/images/about/philosophy/index/main/pic_01_sp.jpg") no-repeat center top;
    -moz-background-size: 92% auto;
    background-size: 92% auto;
  }
  .device-js-on #global-content #secMain .detailLink {
    padding-top: 4%;
  }
  .device-js-on #global-content #secMain .subTitle {
    text-align: center;
  }
  .device-js-on #global-content #secType1 .secOuter {
    padding-top: 104%;
    background: url("/en/assets/images/about/philosophy/index/1/bg_01_sp.jpg") no-repeat center top;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
  .device-js-on #global-content #secType2 {
    padding-bottom: 14.66667%;
  }
  .device-js-on #global-content #secType2 .secOuter {
    padding-top: 33.33333%;
    background: url("/en/assets/images/about/philosophy/index/2/bg_01_sp.jpg") no-repeat center top;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
  .device-js-on #global-content #secType2 .subTitle {
    margin-right: auto;
    margin-left: auto;
    width: 78.66667%;
  }
  .device-js-on #global-content #secType3 {
    padding-bottom: 14.66667%;
  }
  .device-js-on #global-content #secType3 .secOuter {
    padding-top: 10.66667%;
    background: url("/en/assets/images/about/philosophy/index/3/bg_01_sp.jpg") no-repeat center top;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
  }
  .device-js-on #global-content #secType3 .secInner .article {
    margin-bottom: 12%;
  }
  .device-js-on #global-content #secType3 .secInner .article:last-child {
    margin-bottom: 0;
  }
  .device-js-on #global-content #secType3 .secInner .captionWrap {
    margin-bottom: 5.33333%;
    text-align: center;
  }
  .device-js-on #global-content #secType3 .secInner .captionWrap .caption {
    font-size: 308.33333%;
    font-family: "\30D2\30E9\30AE\30CE\660E\671D\20\50\72\6F\4E\20\57\33", "Hiragino Mincho ProN", "\6E38\660E\671D", YuMincho, "\FF2D\FF33\20\FF30\660E\671D", "\FF2D\FF33\20\660E\671D", "\48\47\660E\671D\45", serif;
  }
  .device-js-on #global-content #secType3 .secInner .captionWrap .aside {
    padding-top: 1em;
    font-size: 83.33333%;
  }
  .device-js-on #global-content i {
    font-style: italic;
  }
}