/*----------------------------------------
	section_hero
----------------------------------------*/
.section_hero {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  height: 730px;
  background: url(../vision/img/img-hero01.jpg) center/cover;
}

.section_hero:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* background: rgba(13, 13, 13, 0.5); */
  background: rgba(255, 255, 255, 0.75);
  content: "";
}

.section_hero .head {
  position: relative;
}

.section_hero .head h2 {
  display: flex;
  align-items: center;
  margin: 0 0 30px;
  /* color: #fff; */
  color: #274574;
  font-family: "alternate-gothic-no-2-d", sans-serif;
  font-weight: 400;
  font-size: 4.6rem;
  line-height: 1.2;
}

.section_hero .head h2 span {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 278px;
  height: 34px;
  margin: 0 20px 0 0;
  padding: 0 18px;
  /* background: #fff;
  color: #0D0D0D; */
  background: #274574;
  color: #fff;
  font-size: 1.7rem;
}

.section_hero .head h3 {
  /* width: 1120px; */
  margin: 0 auto 30px;
  /* color: #fff; */
  font-size: 7.7rem;
  line-height: 1.3;
}

.section_hero .head p {
  /* width: 1120px; */
  margin: auto;
  /* color: #fff; */
  font-size: 1.9rem;
}

@media screen and (max-width: 760px) {
  .section_hero {
    box-sizing: border-box;
    justify-content: flex-end;
    height: 132vw;
    padding: 0 0 12vw;
    background: url(../vision/img/img-hero01_sp.jpg) center/cover;
  }
  .section_hero .head h2 {
    display: block;
    margin: 0 0 2.5vw;
    padding: 0 6.6vw;
    font-size: 7.3vw;
  }
  .section_hero .head h2 span {
    width: 28vw;
    height: auto;
    margin: 0 0 3vw -6.6vw;
    padding: 1.2vw 4vw;
    font-size: 3.2vw;
  }
  .section_hero .head h3 {
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 2vw;
    padding: 0 0 0 6.6vw;
    font-size: 9.4vw;
  }
  .section_hero .head p {
    box-sizing: border-box;
    width: 100%;
    padding: 0 0 0 6.6vw;
    font-size: 3.8vw;
  }
}

/*----------------------------------------
	section_vision
----------------------------------------*/
.section_vision {
  margin: auto;
  padding: 0 80px;
}

.section_vision .body {
  margin: 0 0 30px;
}

.section_vision .foot {
  display: flex;
  justify-content: space-between;
}

.section_vision .foot li {
  box-sizing: border-box;
  width: 48.5%;
  padding: 25px;
  border: 1px solid #274575;
}

.section_vision .foot h3 {
  margin: 0 0 5px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}

.section_vision .foot h3 span {
  font-size: 2.2rem;
}

.section_vision .foot p {
  font-family: "ryo-gothic-plusn", sans-serif;
  text-align: center;
}

@media screen and (max-width: 760px) {
  .section_vision {
    box-sizing: border-box;
    width: 100%;
    padding: 0 4vw;
  }
  .section_vision .head {
    margin: 0 0 3vw;
    font-size: 12.8vw;
  }
  .section_vision .body {
    margin: 0 0 3vw;
  }
  .section_vision .foot li {
    width: 48.5%;
    padding: 3vw 2vw;
  }
  .section_vision .foot h3 {
    margin: 0 0 2vw;
    font-size: 2.9vw;
  }
  .section_vision .foot h3 span {
    display: block;
    font-size: 4.2vw;
  }
  .section_vision .foot p {
    font-size: 2.9vw;
    text-align: left;
  }
}

/*----------------------------------------
	section_talk
----------------------------------------*/
.section_talk .head {
  margin: 0 0 40px;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.5;
}

.section_talk .head span {
  display: block;
  margin: 0 0 -50px;
  color: #CCD6E6;
  font-family: "alternate-gothic-no-2-d", sans-serif;
  font-weight: 400;
  font-size: 13rem;
  line-height: 1;
}

.section_talk .content dl {
  display: flex;
  margin: 0 0 24px;
  font-family: "ryo-gothic-plusn", sans-serif;
}

.section_talk .content dt {
  margin: 0 12px 0 0;
}

.section_talk .content dt span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 25px;
  color: #fff;
}

.section_talk .content dt .primary {
  background: #274574;
}

.section_talk .content dt .secondary {
  background: #FF8A15;
}

.section_talk .content dd {
  flex: 1;
  line-height: 1.6;
}

@media screen and (max-width: 760px) {
  .section_talk .head {
    margin: 0 0 5vw;
    font-size: 5.4vw;
  }
  .section_talk .head span {
    margin: 0 0 -8vw;
    font-size: 21vw;
  }
  .section_talk .content dl {
    margin: 0 0 5vw;
  }
  .section_talk .content dt {
    margin: 0 3vw 0 0;
  }
  .section_talk .content dt span {
    width: 16.1vw;
    height: 6.4vw;
    font-size: 3.8vw;
  }
  .section_talk .content dd {
    font-size: 3.8vw;
  }
}

/*----------------------------------------
	section_talk01
----------------------------------------*/
.section_talk01 {
  /* width: 1120px; */
  margin: auto;
  padding: 80px 80px 100px;
}

.section_talk01 .head {
  text-align: center;
}

.section_talk01 .body {
  display: flex;
  justify-content: space-between;
}

.section_talk01 .thumb {
  width: 50%;
}

.section_talk01 .content {
  width: 47%;
  margin: 20px 0 0;
}

@media screen and (max-width: 760px) {
  .section_talk01 {
    box-sizing: border-box;
    width: 100%;
    padding: 10vw 4vw;
  }
  .section_talk01 .body {
    display: block;
  }
  .section_talk01 .thumb {
    width: 100%;
    margin: 0 0 8vw;
  }
  .section_talk01 .content {
    width: 100%;
    margin: 0;
  }
}

/*----------------------------------------
	section_talk02
----------------------------------------*/
.section_talk02 {
  padding: 60px 80px 80px;
  /* background: #274575; */
  background: #CCD6E6;
}

.section_talk02 .container {
  /* width: 1120px; */
  margin: auto;
}

.section_talk02 .row {
  display: flex;
  justify-content: space-between;
}

.section_talk02 .main {
  width: 50%;
}

.section_talk02 .head {
  /* color: #fff; */
}

.section_talk02 .head span {
  /* color: rgba(255, 255, 255, 0.08); */
  color: rgba(255, 255, 255, 0.9);
}

.section_talk02 .content dd {
  /* color: #fff; */
}

.section_talk02 .thumb {
  width: 46%;
  margin: 60px 0 0;
}

.section_talk02 .thumb.mobile {
  display: none;
}

@media screen and (max-width: 760px) {
  .section_talk02 {
    box-sizing: border-box;
    padding: 10vw 4vw;
  }
  .section_talk02 .container {
    width: 100%;
  }
  .section_talk02 .row {
    display: block;
  }
  .section_talk02 .main {
    width: 100%;
  }
  .section_talk02 .head {
    text-align: center;
  }
  .section_talk02 .thumb {
    display: none;
    width: 100%;
    margin: 0 0 8vw;
  }
  .section_talk02 .thumb.mobile {
    display: block;
  }
}

/*----------------------------------------
	section_talk03
----------------------------------------*/
.section_talk03 {
  /* width: 1120px; */
  margin: auto;
  padding: 0 80px;
}

.section_talk03 .container {
  padding: 90px 0;
}

.section_talk03 .head {
  text-align: center;
}

.section_talk03 .thumb {
  margin: 0 0 60px;
}

@media screen and (max-width: 760px) {
  .section_talk03 {
    box-sizing: border-box;
    width: 100%;
    padding: 0 4vw;
  }
  .section_talk03 .container {
    padding: 10vw 0;
  }
  .section_talk03 .thumb {
    margin: 0 0 8vw;
  }
}

/*----------------------------------------
	section_talk04
----------------------------------------*/
.section_talk04 {
  display: flex;
  justify-content: space-between;
  /* width: 1120px; */
  margin: auto;
  padding: 90px 80px 70px;
}

.section_talk04 .thumb {
  width: 46%;
}

.section_talk04 .thumb.mobile {
  display: none;
}

.section_talk04 .main {
  width: 50%;
  margin: 30px 0 0;
}

@media screen and (max-width: 760px) {
  .section_talk04 {
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding: 10vw 4vw 8vw;
  }
  .section_talk04 .head {
    text-align: center;
  }
  .section_talk04 .thumb {
    display: none;
    width: 100%;
    margin: 0 0 8vw;
  }
  .section_talk04 .thumb.mobile {
    display: block;
  }
  .section_talk04 .main {
    width: 100%;
    margin: 0;
  }
}

/*----------------------------------------
	btn
----------------------------------------*/
.btn {
  margin-bottom: 70px;
  text-align: center;
}

@media screen and (max-width: 760px) {
  .btn {
    margin: 0 5% 8vw;
  }
}
/*# sourceMappingURL=vision.css.map */