@charset "UTF-8";

/* 2022/03/25 about */
.lang-ja .billboard_b .billboard-image{
  height: 110.93vw;
}
.lang-ja .is-about .section-01 .section-board{
  height:310.533vw;
}
.lang-ja .is-about .section-02 .section-board,
.lang-ja .is-about .section-03 .section-board,
.lang-ja .is-about .section-04 .section-board {
}

.lang-ja .is-about .about-subSection-text{
  font-family: Yakuhan-serif, "游明朝", YuMincho, Hiragino Mincho ProN, Hiragino Mincho Pro, "ＭＳ 明朝", serif;
}
/* .lang-ja .is-about .about-subSection-text,
.lang-ja .is-about .text_letter,
.lang-ja .is-about .heading_about_sectionTitle{
  font-family: Yakuhan-serif, "游明朝", YuMincho, Hiragino Mincho ProN, Hiragino Mincho Pro, "ＭＳ 明朝", serif;
} */

.lang-ja .is-about .text_letter{
  /* line-height: 1.75; */
  text-align: justify;
  text-justify: inter-ideograph;
  padding-top: 3vw;
  /* margin-top: 20px; */
}

.lang-ja .is-about .about-headingSlideImg{
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  height:200%;
  font-size:0;
}

.lang-ja .is-about .about-headingSlideImg > span{
  position: static;
}
.lang-ja .is-about .about-headingSlideImg > .about-headingText{
  /* position: absolute; */
}

.lang-ja .is-about .about-headingSlideImg .text_01,
.lang-ja .is-about .about-headingSlideImg .text_02,
.lang-ja .is-about .about-headingSlideImg .text_03,
.lang-ja .is-about .about-headingSlideImg .about-headingText{
  position: absolute;
  top:0;
}

.lang-ja .is-about .about-headingText{
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  /* position: absolute; */
  /* top:0; */
  /* right:0; */
}

.lang-ja .is-about .about-section-text{
  padding:15vw 0 26vw 0;
}


/* section-01 */
.lang-ja .is-about .about-txt_vision02{
  height: 74.26vw;
  margin-bottom: -41vw;
  position: relative;
  z-index: 20;
}
.lang-ja .is-about .section-01{
  margin-top: 16vw;
}
.lang-ja .is-about .section-01 .about-headingText {
  width: 3.733vw;
  height: 32vw;
  background-image: url(../img/20220325/about-txt_vision02_headingText.png);
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  /* left: 0; */
  right: 0;
}

.lang-ja .is-about .about-txt_vision02 .text_01{
  display: block;
  width: 10.6vw;
  height:49.33vw;
  background-image: url(../img/20220325/about-txt_vision02_01.png);
  background-size:contain;
  background-position:top center;
  background-repeat:no-repeat;
  right: 16vw;
}
.lang-ja .is-about .about-txt_vision02 .text_02{
  display: block;
  width: 11.6vw;
  height:72.13vw;
  background-image: url(../img/20220325/about-txt_vision02_02.png);
  background-size:contain;
  background-position:top center;
  background-repeat:no-repeat;
  right: 38vw;
}
.lang-ja .is-about .about-txt_vision02 .text_03{
  display: block;
  width:9.6vw;
  height:70vw;
  background-image: url(../img/20220325/about-txt_vision02_03.png);
  background-size:contain;
  background-position:top center;
  background-repeat:no-repeat;
  right: 62vw;
}

.lang-ja .is-about .about-subSection-text{
  font-size:4.267vw;
  line-height: 2.656;
  letter-spacing: 0.05em;
  text-align: center;
}

.lang-ja .is-about .about-subSection-text + .about-subSection-text{
  margin-top:12.5vw;
}

.lang-ja .is-about .about-subSection-textWrap{
  padding-top: 44vw;
}

/* section-02 */

.lang-ja .is-about .section-02{
  margin-top: 16vw;
}

.lang-ja .is-about .heading_about_sectionTitle {
  font-size: 5.067vw;
  font-weight: 500;
  text-align: center;
  color: #7D6E44;
  width: 89.33vw;
  margin-top: 24.302vw;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10.392vw;
  position: relative;
}
.lang-ja .is-about .heading_about_sectionTitle .in {
  background-color: #fff;
  display: inline-block;
  padding: 0 20px 0 20px;
  position: relative;
  z-index: 10;
}
.lang-ja .is-about .heading_about_sectionTitle:before {
  content: "";
  background-color: #7D6E44;
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  z-index: 0;
}

.lang-ja .is-about .section-02 .about-heading {
  height: 59.2vw;
  position: relative;
  z-index: 20;
  margin-top: -11.5vw;
}

.lang-ja .is-about .section-02 .about-headingText{
  width: 16.2vw;
  height: 56.26vw;
  background-image: url(../img/20220325/about-txt_question_headingText.png);
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  right: 32vw;
}

.lang-ja .is-about .about-txt_question .text_01{
  display: block;
  width: 12.6vw;
  height:65.2vw;
  background-image: url(../img/20220325/about-txt_question_01.png);
  background-size:contain;
  background-position:top center;
  background-repeat:no-repeat;
  /* right: 6vw; */
  right: 11vw;
  /* right: auto; */
}

/* section-03 */

.lang-ja .is-about .section-03 .about-heading {
  height: 52.2vw;
  position: relative;
  z-index: 20;
  margin-top: -11.5vw;
}

.lang-ja .is-about .section-03 .about-headingText{
  width: 15.5vw;
  height: 56.26vw;
  background-image: url(../img/20220325/about-txt_symbiosis_headingText.png);
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  right: 33vw;
}

.lang-ja .is-about .about-txt_symbiosis .text_01{
  display: block;
  width: 12.6vw;
  height:65.2vw;
  background-image: url(../img/20220325/about-txt_symbiosis_01.png);
  background-size:contain;
  background-position:top center;
  background-repeat:no-repeat;
  /* right: 6vw; */
  right: 11vw;
  /* right: auto; */
}

/* section-04 */

.lang-ja .is-about .section-04 .about-heading {
  height: 52.2vw;
  position: relative;
  z-index: 20;
  margin-top: -11.5vw;
}

.lang-ja .is-about .section-04 .about-headingText{
  width: 15.5vw;
  height: 56.26vw;
  background-image: url(../img/20220325/about-txt_learn_headingText.png);
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  right: 33vw;
}

.lang-ja .is-about .about-txt_learn .text_01{
  display: block;
  width: 12.6vw;
  height:65.2vw;
  background-image: url(../img/20220325/about-txt_learn_01.png);
  background-size:contain;
  background-position:top center;
  background-repeat:no-repeat;
  /* right: 6vw; */
  right: 11vw;
  /* right: auto; */
}


/* 2022/08/19 English about */

@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap');

.lang-en .is-about{
  font-family: 'Source Sans Pro', sans-serif;
}

.lang-en .billboard_b .billboard-image{
  height: 141.333vw;
}
.lang-en .is-about .section-01 .section-board{
  height:258.66vw;
}
.lang-en .is-about .section-02 .section-board,
.lang-en .is-about .section-03 .section-board,
.lang-en .is-about .section-04 .section-board {
}

.lang-en .is-about .columnWrap_float{
  position: relative;
}

.lang-en .is-about .about-subSection-text{
  /* font-family: Yakuhan-serif, "游明朝", YuMincho, Hiragino Mincho ProN, Hiragino Mincho Pro, "ＭＳ 明朝", serif; */
}
/* .lang-en .is-about .about-subSection-text,
.lang-en .is-about .text_letter,
.lang-en .is-about .heading_about_sectionTitle{
  font-family: Yakuhan-serif, "游明朝", YuMincho, Hiragino Mincho ProN, Hiragino Mincho Pro, "ＭＳ 明朝", serif;
} */

.lang-en .is-about .text_letter{
  /* line-height: 1.75; */
  /* text-align: justify;
  text-justify: inter-ideograph; */
  /* padding-top: 3vw; */
  padding-top: 0;
  /* margin-top: 20px; */
}

.lang-en .is-about .about-headingSlideImg{
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  height:200%;
  font-size:0;
  /* position: relative; */
}

.lang-en .is-about .about-headingSlideImg > span{
  position: static;
}
.lang-en .is-about .about-headingSlideImg > .about-headingText{
  /* position: absolute; */
}

.lang-en .is-about .about-headingSlideImg .text_01,
.lang-en .is-about .about-headingSlideImg .text_02,
.lang-en .is-about .about-headingSlideImg .text_03,
.lang-en .is-about .about-headingSlideImg .text_04,
.lang-en .is-about .about-headingSlideImg .about-headingText{
  position: absolute;
  top:0;
}

.lang-en .is-about .about-headingText{
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  /* position: absolute; */
  /* top:0; */
  /* right:0; */
}

.lang-en .is-about .about-section-text{
  padding: 37vw 0 26vw 0;
}


/* section-01 */
.lang-en .is-about .about-txt_vision02{
  height: 74.26vw;
  margin-bottom: -41vw;
  position: relative;
  z-index: 20;
}
.lang-en .is-about .section-01{
  margin-top: 16vw;
}
.lang-en .is-about .section-01 .about-headingText {
  width: 3.733vw;
  height: 32vw;
  background-image: url(../img/english/about-txt_vision02_headingText.png);
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  /* left: 0; */
  right: 0;
}

.lang-en .is-about .about-txt_vision02 .text_01{
  display: block;
  width: 88vw;
  height:11.46vw;
  background-image: url(../img/english/about-txt_vision02_01.png);
  background-size:contain;
  background-position:top left;
  background-repeat:no-repeat;
  left:0;
}
.lang-en .is-about .about-txt_vision02 .text_02{
  display: block;
  width: 88vw;
  height:12.8vw;
  background-image: url(../img/english/about-txt_vision02_02.png);
  background-size:contain;
  background-position:top left;
  background-repeat:no-repeat;
  top: 13.5vw;
  left:0;
}
.lang-en .is-about .about-txt_vision02 .text_03{
  display: block;
  width: 88vw;
  height:11.73vw;
  background-image: url(../img/english/about-txt_vision02_03.png);
  background-size:contain;
  background-position:top left;
  background-repeat:no-repeat;
  top: 27.5vw;
  left:0;
}

.lang-en .is-about .about-txt_vision02 .text_04{
  display: block;
  width: 88vw;
  height:7.733vw;
  background-image: url(../img/english/about-txt_vision02_04.png);
  background-size:contain;
  background-position:top left;
  background-repeat:no-repeat;
  top: 40vw;
  left:0;
}

.lang-en .is-about .about-subSection-text{
  font-size:3.8vw;
  line-height: 1.599;
  letter-spacing: 0.05em;
}

.lang-en .is-about .about-subSection-text + .about-subSection-text{
  margin-top:12.5vw;
}

.lang-en .is-about .about-subSection-textWrap{
  padding-top: 30vw;
}

/* section-02 */

.lang-en .is-about .section-02{
  margin-top: 16vw;
}

.lang-en .is-about .heading_about_sectionTitle {
  font-size: 5.067vw;
  font-weight: 500;
  text-align: center;
  color: #7D6E44;
  width: 89.33vw;
  margin-top: 24.302vw;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10.392vw;
  position: relative;
}
.lang-en .is-about .heading_about_sectionTitle .in {
  background-color: #fff;
  display: inline-block;
  padding: 0 20px 0 20px;
  position: relative;
  z-index: 10;
}
.lang-en .is-about .heading_about_sectionTitle:before {
  content: "";
  background-color: #7D6E44;
  display: block;
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
  z-index: 0;
}

.lang-en .is-about .section-02 .about-heading {
  height: 59.2vw;
  position: relative;
  z-index: 20;
  margin-top: -11.5vw;
}

.lang-en .is-about .section-02 .about-headingText{
  width: 83.2vw;
  height: 11.733vw;
  background-image: url(../img/english/about-txt_question_headingText.png);
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  top: 13vw;left:0;
}

.lang-en .is-about .about-txt_question .text_01{
  display: block;
  width: 84.8vw;
  height:9.6vw;
  background-image: url(../img/english/about-txt_question_01.png);
  background-size:
  contain;
  background-position:
  top center;
  background-repeat:
  no-repeat;
  top: -2.25vw;left:0;
}

/* section-03 */

.lang-en .is-about .section-03 .about-heading {
  height: 52.2vw;
  position: relative;
  z-index: 20;
  margin-top: -11.5vw;
}

.lang-en .is-about .section-03 .about-headingText{
  width:76.8vw;
  height:10.666vw;
  background-image: url(../img/english/about-txt_symbiosis_headingText.png);
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  top:14vw;
  left:0;
}

.lang-en .is-about .about-txt_symbiosis .text_01{
  display: block;
  width: 59.733vw;
  height:13.866vw;
  background-image: url(../img/english/about-txt_symbiosis_01.png);
  background-size:contain;
  background-position:top center;
  background-repeat:no-repeat;
  top:-2vw;
  left:0;
}

/* section-04 */

.lang-en .is-about .section-04 .about-section-text{
  padding-top: 53vw;
}

.lang-en .is-about .section-04 .about-heading {
  height: 52.2vw;
  position: relative;
  z-index: 20;
  margin-top: -11.5vw;
}

.lang-en .is-about .section-04 .about-headingText{
  width: 82.666vw;
  height: 10.666vw;
  background-image: url(../img/english/about-txt_learn_headingText.png);
  background-size: contain;
  background-position: top center;
  background-repeat: no-repeat;
  top:29vw;
  left:0;
}

.lang-en .is-about .about-txt_learn .text_01{
  display: block;
  width: 88.533vw;
  height: 25.6vw;
  background-image: url(../img/english/about-txt_learn_01.png);
  background-size:contain;
  background-position:top center;
  background-repeat:no-repeat;
  top:-2.25vw;
  left:0;
}

.lang-en .panel_about > li {
  margin-bottom: 20px;
}