@charset "UTF-8";
/* ::::::::::::::::::::::::::::::::: PC ::::::::::::::::::::::::::::::::: */
/* ::::::::::::::::::::::::: ANIMATION ::::::::::::::::::::::::: */
/* LOADING  */
@-webkit-keyframes spinLoad {
  0% {
    transform: translateY(30px) rotate(0deg);
  }
  100% {
    transform: translateY(30px) rotate(360deg);
  }
}
@keyframes spinLoad {
  0% {
    transform: translateY(30px) rotate(0deg);
  }
  100% {
    transform: translateY(30px) rotate(360deg);
  }
}
.index header::after {
  width: 30px;
  height: 30px;
  border: 4px solid rgba(0, 0, 0, 0);
  border-top-color: #111;
  border-radius: 50%;
  -webkit-animation: spinLoad 0.7s linear 0s infinite;
          animation: spinLoad 0.7s linear 0s infinite;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  transform: translateY(30px);
  content: "";
  transition: opacity 0.4s ease;
  ransition-delay: 0.2s;
}

.index.on-load header::after {
  opacity: 0;
  z-index: -1;
}

.loading-hidden {
  opacity: 0;
  transition: opacity 0.4s;
}

.index.on-load .loading-hidden {
  opacity: 1;
}

.index .come-to-view {
  opacity: 0;
  transition: all ease 0.6s;
}

.index .come-to-view.inview, .index .come-to-view.yellow-line {
  transform: translate(0, 0) !important;
  opacity: 1;
}

.index .come-to-view.main-img {
  transform: translateX(20px);
  transition-delay: 0.8s;
}

.index .come-to-view.main-copy {
  transform: translateX(-20px);
  transition-delay: 1.2s;
}

.index .come-to-view.sub-copy {
  transform: translateX(-20px);
  transition-delay: 1.3s;
}

/* INVIEW　*/
@-webkit-keyframes titledecScalePc {
  0% {
    background-size: 100px;
  }
  50% {
    background-size: 77px;
  }
  100% {
    background-size: 100px;
  }
}
@keyframes titledecScalePc {
  0% {
    background-size: 100px;
  }
  50% {
    background-size: 77px;
  }
  100% {
    background-size: 100px;
  }
}
@-webkit-keyframes titledecScalePcMiddle {
  0% {
    background-size: 80px;
  }
  50% {
    background-size: 61px;
  }
  100% {
    background-size: 80px;
  }
}
@keyframes titledecScalePcMiddle {
  0% {
    background-size: 80px;
  }
  50% {
    background-size: 61px;
  }
  100% {
    background-size: 80px;
  }
}
.dec-title-wrapper .page-title {
  display: inline-block;
}

.dec-talk-wrapper.has-caption .page-title, .dec-title-wrapper.has-caption .page-title {
  transform: rotate(-25deg) scale(0.7);
  transition: all 0.5s;
  opacity: 0;
}

.dec-talk-news, .dec-title-wrapper .page-title .text, .index .about.section .link-fb .inner, .index .dec-talk-wrapper .dec-talk2 {
  display: inline-block;
  transform: rotate(-25deg) scale(0.7);
  transition: all 0.5s;
  opacity: 0;
}

.dec-talk-wrapper.has-caption.inview .page-title, .dec-title-wrapper.has-caption.inview .page-title, .page-title-wrapper.has-caption.inview .page-title {
  opacity: 1;
  transform: rotate(0deg) scale(1);
}

.inview .dec-talk-news, .dec-title-wrapper.inview .page-title .text, .page-title-wrapper.inview .page-title .text, .index .about.section .link-fb.inview .inner, .index .dec-talk-wrapper.inview .dec-talk2 {
  opacity: 1;
  transform: rotate(0deg) scale(1);
}

.dec-talk-wrapper.has-caption .dec-talk2, .index .about.section .link-fb {
  opacity: 0;
  transform: scale(0.7);
  transition: transform 0.7s ease;
  transition: opacity 0.7s ease;
}

.dec-title-wrapper .page-title {
  opacity: 0;
  transform: scale(0.7);
  transition: transform 0.7s ease;
  transition: opacity 0.7s ease;
}

.inview .dec-talk-news, .dec-talk-wrapper.inview .dec-talk2, .index .about.section .link-fb.inview {
  -webkit-animation: titledecScalePcMiddle 0.3s ease 0.25s 1 forwards;
          animation: titledecScalePcMiddle 0.3s ease 0.25s 1 forwards;
  opacity: 1;
  transform: scale(1);
}

.dec-title-wrapper.inview .page-title {
  -webkit-animation: titledecScalePc 0.3s ease 0.25s 1 forwards;
          animation: titledecScalePc 0.3s ease 0.25s 1 forwards;
  opacity: 1;
  transform: scale(1);
}

.article-block, .section .come-to-view {
  transform: translateY(15px) scale(0.98);
  transition: all 0.4s;
  opacity: 0;
}

.article-block.inview, .section .come-to-view.inview, .about .philosophy .yellow-line.come-to-view {
  transform: translateY(0px) scale(1);
  opacity: 1;
}

.section .yellow-line.come-to-view::after, .section .come-to-view .yellow-line::after, .come-to-view .num.yellow-line::after {
  width: 0;
  transition: all 0.4s ease 0.3s;
  opacity: 0;
}

.section .come-to-view.yellow-line.first::after {
  transition: all 0.25s ease 0.3s;
}

.section .come-to-view.yellow-line.second::after {
  transition: all 0.15s linear 0.42s;
  opacity: 0;
}

.faq-section .yellow-line.come-to-view.inview::after {
  width: calc(96% - 42px) !important;
  opacity: 1;
}

.come-to-view.inview .num.yellow-line::after {
  width: calc(100% + 4px);
  opacity: 1;
}

.section .come-to-view.inview .yellow-line::after, .section .yellow-line.come-to-view.inview::after {
  width: 100%;
  opacity: 1;
}

.index .yellow-line.come-to-view.inview::after {
  width: 96%;
}

.about-section .page-lead.come-to-view, .recruit-section .page-lead.come-to-view {
  background-position: right -10px bottom;
  transition-delay: 0.35s;
}

.about-section .page-lead.come-to-view.inview, .recruit-section .page-lead.come-to-view.inview {
  background-position: right bottom;
}

.recruit-section .lead.come-to-view, .page-lead.come-to-view {
  transition-delay: 0.35s;
}

.lead-next.come-to-view {
  transition-delay: 0.5s;
}

.about-section .img-wrapper.come-to-view {
  transform: translateX(15px);
}

.about-section .img-wrapper.come-to-view.inview {
  transform: translateX(0);
}

.about-section .block.block1.come-to-view.inview {
  transition-delay: 0s;
}

.about-section .block.block2.come-to-view.inview {
  transition-delay: 0.3s;
}

.about-section .block.block3.come-to-view.inview {
  transition-delay: 0.6s;
}

/* HOVER ANIMATION　*/
.come-to-view.banner-icon {
  transform: scale(0.85) rotate(-15deg) !important;
  transition: all 0.5s;
}

.come-to-view.inview.banner-icon {
  transform: scale(1) rotate(0deg) !important;
}

.banner .text.yellow-line::after {
  width: 0;
  transition: all 0.4s ease 0s;
  opacity: 0;
}

a, .button.submit {
  opacity: 1;
}

a:hover, .button.submit:hover {
  opacity: 0.7;
  transition: all 0.4s;
}

a.banner-link:hover {
  opacity: 1;
}

.banner:hover .text.yellow-line::after {
  width: 100%;
  opacity: 1;
}

/* ::::::::::::::::::::::::: ANIMATION ここまで::::::::::::::::::::::::: */
.sp {
  display: none;
}

html {
  font-size: 62.5%;
  color: #222;
  font-family: "tbchibirgothicplusk-pro", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

button {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.button a.back-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.button .send-button, .button .back-button {
  cursor: pointer;
  font-size: 1.7rem;
  box-sizing: border-box;
  background-repeat: no-repeat;
}

.button .send-button {
  padding-left: 15px;
  padding-right: 18px;
  background-image: url(../img/common/icon-arrow.svg);
  background-size: 6px 7px;
  background-position: calc(50% + 99px), center;
}

.button .back-button {
  padding-left: 38px;
  padding-right: 18px;
  background-image: url(../img/common/icon-arrow-left.svg);
  background-size: 6px 7px;
  background-position: 142px center;
}

input, textarea {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
  border: none;
  background: none;
}

img {
  vertical-align: bottom;
}

body {
  position: relative;
  font-size: 1.5rem;
  overflow-x: hidden;
}

body.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}

a {
  cursor: pointer;
  color: #222;
  text-decoration: none;
}

.button {
  display: block;
  margin: 0 auto;
  width: 360px;
  height: 70px;
  border-radius: 35px;
  font-size: 1.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.button-small {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 240px;
  height: 50px;
  border: 2px solid #222;
  box-sizing: border-box;
  border-radius: 4px;
  text-decoration: none !important;
}

.button-small .text {
  display: inline-block;
  padding-right: 21px;
  background-image: url(../img/common/icon-arrow-down.svg);
  background-size: 7px 6px;
  background-repeat: no-repeat;
  background-position: right 10px;
}

.button.white, .button-small.white {
  background: #fff;
  color: #222;
}

.button.yellow {
  background: #ffe238;
  color: #222;
}

.button .text {
  display: block;
  padding-right: 17px;
  background-image: url(../img/common/icon-arrow.svg);
  background-size: 6px 7px;
  background-repeat: no-repeat;
  background-position: right 11px;
}

.tag {
  padding: 3px 7px 4px 7px;
  display: inline-block;
  font-size: 1.2rem;
  color: #777;
  background: #fff;
  border-radius: 3px;
  margin-right: 6px;
  margin-bottom: 11px;
}

.content-width {
  width: 86%;
  max-width: 1500px;
  margin: 0 auto;
}

body.index .header-logo.index {
  display: block;
}
body.index .header-logo.non-index {
  display: none;
}

body.non-index .header-logo.index {
  display: none;
}
body.non-index .header-logo.non-index {
  display: block;
}

.sp-menu {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 150;
  background: #fff;
}
.sp-menu .inner {
  padding: 41px 10% 0 6%;
}
.sp-menu .inner .logo-inner-menu {
  display: inline-block;
  width: 134px;
  height: 110px;
}
.sp-menu .sp-navi {
  width: 138px;
  position: absolute;
  bottom: 8%;
  right: 6%;
}
.sp-menu .sp-navi .navi-item .navi-link {
  display: block;
  margin-bottom: 24px;
  background-image: url(../img/common/icon-talk-menu.svg);
  min-height: 35px;
  background-repeat: no-repeat;
  background-size: 30px 35px;
  padding-left: 42px;
  background-position: left bottom;
}
.sp-menu .sp-navi .navi-item .navi-link span {
  display: block;
}
.sp-menu .sp-navi .navi-item .navi-link .ja {
  font-weight: bold;
  margin-bottom: 4px;
}
.sp-menu .sp-navi .navi-item .navi-link .en {
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 700;
  font-size: 1.2rem;
  color: #777;
}
.sp-menu .sp-navi .navi-item:last-of-type .navi-link {
  margin-bottom: 0;
}
.sp-menu .sp-navi .navi-item.current .ja {
  position: relative;
  display: inline-block;
  z-index: 3;
}
.sp-menu .sp-navi .navi-item.current .ja::after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: -1;
  left: 1px;
  bottom: -3px;
  width: 96%;
  border-bottom: 16px solid #ffe859;
}
.sp-menu .sns-link {
  position: absolute;
  bottom: 7%;
  left: 6%;
}
.sp-menu .sns-link .link-ig {
  display: inline-block;
  margin-right: 18px;
  width: 20px;
  height: 20px;
  background-image: url(../img/common/icon-i.svg);
  background-size: 20px;
  background-position: left top;
  background-repeat: no-repeat;
}
.sp-menu .sns-link .link-fb {
  display: inline-block;
  width: 12px;
  height: 22px;
  background-image: url(../img/common/icon-f.svg);
  background-size: 12px 22px;
  background-position: left top;
  background-repeat: no-repeat;
}
.sp-menu .sns-link .link-ig a {
  display: block;
  width: 20px;
  height: 20px;
}
.sp-menu .sns-link .link-fb a {
  display: block;
  width: 12px;
  height: 22px;
}

/* :::::::::::::::::  index  ::::::::::::::::   */
.index.container .triangle {
  position: relative;
  z-index: 1;
}
.index.container .triangle::before {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  z-index: 20;
  border-style: solid;
  border-color: transparent;
  border-width: 500px 100vw 0 0;
  border-top-color: #fff;
  position: absolute;
  left: 0;
  bottom: -500px;
}
.index.container .mainv {
  padding-top: 160px;
}
.index.container .mainv .wrapper {
  padding-top: 130px;
  position: relative;
  z-index: 21;
}
.index.container .mainv .wrapper .text-wrapper {
  position: relative;
  padding-top: 11%;
  z-index: 1;
}
.index.container .mainv .wrapper .text-wrapper .main-copy {
  font-size: 3.5rem;
  font-weight: bold;
  line-height: 1.88;
  margin-bottom: 23px;
  letter-spacing: 0.14em;
}
.index.container .mainv .wrapper .text-wrapper .main-copy.pc .adjust {
  letter-spacing: -0.55em;
}
.index.container .mainv .wrapper .text-wrapper .sub-copy {
  font-size: 1.7rem;
  line-height: 2.58;
  letter-spacing: 0.02em;
}
.index.container .mainv .wrapper .img-wrapper {
  position: absolute;
  top: 130px;
  right: 0;
  width: 100%;
}
.index.container .mainv .wrapper .img-wrapper img {
  width: 100%;
  height: auto;
}
.index.container .mainv .scroll-mark {
  cursor: pointer;
  margin-left: 0;
  width: 44px;
  height: 65px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 9%;
}
.index.container .mainv .scroll-mark .text {
  font-size: 1.2rem;
  letter-spacing: 0.045em;
  line-height: 1;
}
.index.container .news .wrapper .inner .section-title-wrapper {
  width: 770px;
  position: relative;
}
.index.container .news .wrapper .inner .section-title-wrapper .section-title {
  font-size: 5.5rem;
  line-height: 1.6;
  position: absolute;
  right: -204px;
  top: 61px;
  padding-left: 43px;
  padding-bottom: 22px;
  letter-spacing: 0.03em;
  background-image: url(../img/common/icon-talk-facebook.svg);
  background-repeat: no-repeat;
  background-size: 60px;
  background-position: left bottom;
  font-family: "Quattrocento Sans", sans-serif;
}
.index.container .news .wrapper .inner .news-list {
  padding-top: 190px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 770px;
  margin-right: auto;
  margin-left: 0;
}
.index.container .news .wrapper .inner .news-list .item {
  width: 48.05%;
  padding-bottom: 40px;
}
.index.container .news .wrapper .inner .news-list .item .link {
  display: flex;
  height: 100px;
  overflow: hidden;
}
.index.container .news .wrapper .inner .news-list .item .link:hover .thumb-wrapper img {
  transform: scale(1.1);
}
.index.container .news .wrapper .inner .news-list .item .link .text-wrapper {
  margin-left: 20px;
  width: calc(100% - 120px);
}
.index.container .news .wrapper .inner .news-list .item .link .text-wrapper .date {
  font-size: 1.3rem;
  line-height: 1.6;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-family: "Quattrocento Sans", sans-serif;
  padding-bottom: 8px;
}
.index.container .news .wrapper .inner .news-list .item .link .text-wrapper .news-title {
  line-height: 1.73;
}
.index.container .news .wrapper .inner .news-list .item .link .thumb-wrapper {
  box-sizing: border-box;
  width: 100px;
  position: relative;
  overflow: hidden;
}
.index.container .news .wrapper .inner .news-list .item .link .thumb-wrapper::before {
  box-sizing: border-box;
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  border: 3px solid #ffe859;
  position: absolute;
  transition: all 0.4s;
  z-index: 10;
}
.index.container .news .wrapper .inner .news-list .item .link .thumb-wrapper img {
  width: 100%;
  height: auto;
  scale: 1;
  transition: all 0.4s;
}
.index.container .talk .wrapper {
  position: relative;
  background: #f7f9fa;
  padding-top: 0px;
}
.index.container .talk .wrapper .back {
  width: 100%;
  padding-top: 260px;
}
.index.container .talk .wrapper .inner {
  position: relative;
  z-index: 22;
  padding-bottom: 143px;
}
.index.container .talk .wrapper .dec-talk1 {
  position: absolute;
  right: 6%;
  z-index: 23;
  top: 150px;
}
.index.container .about .wrapper {
  background: #f0f4f6;
}
.index.container .about .wrapper .inner {
  position: relative;
}
.index.container .about .wrapper .inner .contents-wrapper {
  width: 880px;
  margin: 0 auto;
  text-align: center;
  padding-top: 102px;
  padding-bottom: 112px;
}
.index.container .about .wrapper .inner .contents-wrapper .lead {
  font-size: 1.9rem;
  line-height: 2.2;
  padding-bottom: 47px;
}
.index.container .about .wrapper .inner .contents-wrapper .lead .yellow-line {
  position: relative;
  display: inline-block;
  z-index: 3;
}
.index.container .about .wrapper .inner .contents-wrapper .lead .yellow-line::aftemargin-top: 9%;
}
.index.container .mainv .scroll-mark .text {
  font-size: 1.2rem;
  letter-spacing: 0.045em;
  line-height: 1;
}
.index.container .news .wrapper .inner .section-title-wrapper {
  width: 770px;
  position: relative;
}
.index.container .news .wrapper .inner .section-title-wrapper .section-title {
  font-size: 5.5rem;
  line-height: 1.6;
  position: absolute;
  right: -204px;
  top: 61px;
  padding-left: 43px;
  padding-bottom: 22px;
  letter-spacing: 0.03em;
  background-image: url(../img/common/icon-talk-facebook.svg);
  background-repeat: no-repeat;
  background-size: 60px;
  background-position: left bottom;
  font-family: "Quattrocento Sans", sans-serif;
}
.index.container .news .wrapper .inner .news-list {
  padding-top: 190px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 770px;
  margin-right: auto;
  margin-left: 0;
}
.index.container .news .wrapper .inner .news-list .item {
  width: 48.05%;
  padding-bottom: 40px;
}
.index.container .news .wrapper .inner .news-list .item .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
  overflow: hidden;
}
.index.container .news .wrapper .inner .news-list .item .link:hover .thumb-wrapper img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.index.container .news .wrapper .inner .news-list .item .link .text-wrapper {
  margin-left: 20px;
  width: calc(100% - 120px);
}
.index.container .news .wrapper .inner .news-list .item .link .text-wrapper .date {
  font-size: 1.3rem;
  line-height: 1.6;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-family: "Quattrocento Sans", sans-serif;
  padding-bottom: 8px;
}
.index.container .news .wrapper .inner .news-list .item .link .text-wrapper .news-title {
  line-height: 1.73;
}
.index.container .news .wrapper .inner .news-list .item .link .thumb-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100px;
  position: relative;
  overflow: hidden;
}
.index.container .news .wrapper .inner .news-list .item .link .thumb-wrapper::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  border: 3px solid #ffe859;
  position: absolute;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  z-index: 10;
}
.index.container .news .wrapper .inner .news-list .item .link .thumb-wrapper img {
  width: 100%;
  height: auto;
  scale: 1;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.index.container .talk .wrapper {
  position: relative;
  background: #f7f9fa;
  padding-top: 0px;
}
.index.container .talk .wrapper .back {
  width: 100%;
  padding-top: 260px;
}
.index.container .talk .wrapper .inner {
  position: relative;
  z-index: 22;
  padding-bottom: 143px;
}
.index.container .talk .wrapper .dec-talk1 {
  position: absolute;
  right: 6%;
  z-index: 23;
  top: 150px;
}
.index.container .about .wrapper {
  background: #f0f4f6;
}
.index.container .about .wrapper .inner {
  position: relative;
}
.index.container .about .wrapper .inner .contents-wrapper {
  width: 880px;
  margin: 0 auto;
  text-align: center;
  padding-top: 102px;
  padding-bottom: 112px;
}
.index.container .about .wrapper .inner .contents-wrapper .lead {
  font-size: 1.9rem;
  line-height: 2.2;
  padding-bottom: 47px;
}
.index.container .about .wrapper .inner .contents-wrapper .lead .yellow-line {
  position: relative;
  display: inline-block;
  z-index: 3;
}
.index.container .about .wrapper .inner .contents-wrapper .lead .yellow-line::after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: -1;
  left: 6px;
  bottom: 4px;
  border-bottom: 16px solid #ffe859;
}
.index.container .about .wrapper .inner .link-fb {
  display: block;
  position: absolute;
  bottom: 30px;
  left: -4.8%;
  width: 207px;
  height: 91px;
  background-image: url(../img/common/icon-talk-facebook.svg);
  background-size: 80px;
  background-position: left bottom;
  background-repeat: no-repeat;
}
.index.container .about .wrapper .inner .link-fb .inner {
  display: inline-block;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 47px;
  padding-bottom: 4px;
  font-size: 1.4rem;
  line-height: 1.78;
  letter-spacing: 0.066em;
}
.index.container .about .wrapper .inner .link-fb .inner .under-line {
  text-decoration: underline;
}

/* :::::::::::::::::  common  ::::::::::::::::   */
.index-inner-width {
  width: 86%;
  max-width: 1300px;
  min-width: 930px;
  margin: 0 auto;
}

.common1 .width-set {
  width: 96%;
  margin: 0 auto;
}

.all-wrapper {
  overflow: hidden;
}

header {
  position: fixed;
  z-index: 100;
  width: 100%;
  background: rgba(255, 255, 255, 0);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  height: 160px;
  padding-bottom: 13px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
header > .wrapper {
  width: 100%;
}
header > .wrapper > .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
header .header-logo {
  width: 240px;
  height: 70px;
}
header .header-logo img {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
header .header-logo a {
  display: block;
}
header .pc-navi {
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
header .pc-navi .navi-item {
  position: relative;
}
header .pc-navi .navi-item .navi-link {
  height: 21px;
  overflow: hidden;
  padding: 0 32px;
  margin-left: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
header .pc-navi .navi-item .navi-link .en {
  display: inline-block;
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 700;
  font-size: 1.6rem;
  letter-spacing: 0.08em;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 5px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  /*transition: margin 0.3s;*/
}
header .pc-navi .navi-item .navi-link .ja {
  display: inline-block;
  letter-spacing: 0.01em;
  font-size: 1.4rem;
  line-height: 1;
}
header .pc-navi .navi-item:hover .navi-link .en {
  margin-top: -21px;
}
header .pc-navi .navi-item::before {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  width: 0px;
  height: 10px;
  border-radius: 1px;
  border-left: 3px solid #222;
}
header .pc-navi .navi-item.contact::after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  right: 0;
  width: 0px;
  height: 10px;
  border-radius: 1px;
  border-right: 3px solid #222;
}
header .pc-navi .navi-item.contact .en {
  width: 90px;
  text-align: center;
}
header .pc-navi .navi-item.contact .navi-link {
  margin-right: 3px;
  padding: 0 25px;
}
header .pc-navi .navi-item.current .en {
  position: relative;
  z-index: 1;
}
header .pc-navi .navi-item.current .ja {
  position: relative;
  z-index: 1;
}
header .pc-navi .navi-item.current .en::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  left: -2px;
  bottom: -5px;
  width: calc(100% + 4px);
  border-bottom: 12px solid #ffe859;
}
header .pc-navi .navi-item.current .ja::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  left: -2px;
  bottom: -5px;
  width: calc(100% + 4px);
  border-bottom: 12px solid #ffe859;
}

header.scroll {
  background: white;
  height: 120px;
  padding-bottom: 15px;
}
header.scroll .header-logo {
  padding-bottom: 9px;
}
header.scroll .header-logo a img {
  width: 200px;
}

.talk-archive .dec-talk-wrapper .dec-talk2 {
  font-size: 1.7rem;
  line-height: 2;
  width: 300px;
  height: 122px;
  position: absolute;
  left: 51.14%;
  z-index: 10;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: -100px;
  letter-spacing: 0.02em;
  background-image: url(../img/common/icon-talk-facebook.svg);
  background-repeat: no-repeat;
  background-size: 60px;
  padding-left: 47px;
  padding-top: 6px;
  background-position: left bottom;
}
.talk-archive .article-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.talk-archive .article-wrapper .article-block {
  display: block;
  width: 42%;
  min-width: 400px;
}
.talk-archive .article-wrapper .article-block .img-wrapper {
  overflow: hidden;
  margin-bottom: 24px;
}
.talk-archive .article-wrapper .article-block .img-wrapper img {
  width: 100%;
  height: auto;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.talk-archive .article-wrapper .article-block .text-wrapper .row-wrapper {
  margin-bottom: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.talk-archive .article-wrapper .article-block .text-wrapper .row-wrapper span {
  display: inline-block;
}
.talk-archive .article-wrapper .article-block .text-wrapper .row-wrapper .num {
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  position: relative;
  margin-right: 11px;
}
.talk-archive .article-wrapper .article-block .text-wrapper .row-wrapper .num.yellow-line::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  left: -2px;
  bottom: -4px;
  border-bottom: 16px solid #ffe859;
}
.talk-archive .article-wrapper .article-block .text-wrapper .row-wrapper .name {
  display: block;
  font-size: 1.3rem;
  color: #3fb7bb;
  padding-left: 24px;
  padding-top: 2px;
  margin-bottom: 5px;
  background-image: url(../img/common/icon-talk-name.svg);
  background-size: 25px;
  min-height: 25px;
  background-position: left 1px;
  background-repeat: no-repeat;
}
.talk-archive .article-wrapper .article-block .text-wrapper .article-title {
  font-size: 2.4rem;
  line-height: 1.54;
  margin-bottom: 13px;
}
.talk-archive .article-wrapper .article-block .text-wrapper .lead {
  line-height: 2;
  margin-bottom: 20px;
}
.talk-archive .article-wrapper .article-block:nth-of-type(odd) {
  margin-top: -133px;
}
.talk-archive .article-wrapper .article-block:first-of-type {
  margin-top: 0px;
}
.talk-archive .article-wrapper .article-block:nth-of-type(even) {
  margin-top: 72px;
}
.talk-archive .article-wrapper .article-block:nth-of-type(2) {
  margin-top: 207px;
}
.talk-archive .article-wrapper .article-block:hover .img-wrapper img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.talk-archive .article-wrapper .button-wrapper {
  width: 42%;
  min-width: 400px;
  margin-top: 272px;
}
.talk-archive .article-wrapper .button-wrapper .archive-button {
  width: 156px;
  height: 44px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url(../img/common/icon-arrow.svg);
  background-size: 6px 7px;
  background-repeat: no-repeat;
  background-position: right 15px;
}
.talk-archive .article-wrapper .button-wrapper .archive-button img {
  margin-right: 23px;
}
.talk-archive .article-wrapper .button-wrapper .archive-button .text {
  font-family: "Questrial", sans-serif;
  font-weight: bold;
  font-size: 2.3rem;
  line-height: 1;
  letter-spacing: 0.1em;
  padding-bottom: 7px;
}

.banner .banner-link .text {
  font-size: 2.6rem;
  letter-spacing: 0.01em;
  margin-right: 22px;
}
.banner .banner-link .text.yellow-line {
  position: relative;
  display: inline-block;
  z-index: 3;
}
.banner .banner-link .text.yellow-line::after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: -1;
  left: 0px;
  bottom: 0px;
  border-bottom: 16px solid #ffe859;
}

footer .wrapper {
  margin-top: -96px;
  position: relative;
  z-index: 2;
}
footer .wrapper .page-top-wrapper {
  width: 84%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
footer .wrapper .page-top-wrapper .page-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 50px;
  height: 48px;
  margin-bottom: 44px;
}
footer .wrapper .page-top-wrapper .page-top .text {
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 700;
  line-height: 1;
  font-size: 1.5rem;
}
footer .wrapper .footer-navi-wrapper {
  background: #f2f5f6;
  padding-top: 53px;
}
footer .wrapper .footer-navi-wrapper .footer-navi {
  width: 84%;
  margin: 0 auto;
}
footer .wrapper .footer-navi-wrapper .footer-navi .top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-bottom: 50px;
  border-bottom: 2px solid #e3e6e9;
}
footer .wrapper .footer-navi-wrapper .footer-navi .top .right .footer-navi-list {
  display: inline-block;
  margin-right: 24px;
}
footer .wrapper .footer-navi-wrapper .footer-navi .top .right .footer-navi-list .navi-item {
  display: inline-block;
  padding-left: 17px;
  margin-right: 28px;
  background-image: url(../img/common/icon-arrow.svg);
  background-size: 6px 7px;
  background-position: left 9px;
  background-repeat: no-repeat;
}
footer .wrapper .footer-navi-wrapper .footer-navi .top .right .footer-navi-list .navi-item .navi-link {
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 700;
}
footer .wrapper .footer-navi-wrapper .footer-navi .top .right .link-contact {
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 700;
  display: inline-block;
  width: 180px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  border: 2px solid #222;
  border-radius: 4px;
}
footer .wrapper .footer-navi-wrapper .footer-navi .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 34px;
  padding-bottom: 32px;
}
footer .wrapper .footer-navi-wrapper .footer-navi .bottom .left .copyright {
  font-size: 1.3rem;
  font-family: "Questrial", sans-serif;
  color: #777;
  letter-spacing: 0.06em;
  margin-right: 34px;
}
footer .wrapper .footer-navi-wrapper .footer-navi .bottom .left .privacy {
  font-size: 1.2rem;
  color: #777;
  text-decoration: underline;
  letter-spacing: 0.1em;
}
footer .wrapper .footer-navi-wrapper .footer-navi .bottom .right .link-ig {
  display: inline-block;
  margin-right: 37px;
  width: 20px;
  height: 20px;
  background-image: url(../img/common/icon-i.svg);
  background-size: 20px;
  background-position: left top;
  background-repeat: no-repeat;
}
footer .wrapper .footer-navi-wrapper .footer-navi .bottom .right .link-fb {
  display: inline-block;
  margin-right: 24px;
  width: 12px;
  height: 22px;
  background-image: url(../img/common/icon-f.svg);
  background-size: 12px 22px;
  background-position: left top;
  background-repeat: no-repeat;
}
footer .wrapper .footer-navi-wrapper .footer-navi .bottom .right .link-ig a {
  display: block;
  width: 20px;
  height: 20px;
}
footer .wrapper .footer-navi-wrapper .footer-navi .bottom .right .link-fb a {
  display: block;
  width: 12px;
  height: 22px;
}

.banner .banner-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 128px;
  padding-bottom: 138px;
}
.banner .banner-icon {
  margin-right: 32px;
}

/* :::::::::::::::::  non-index  ::::::::::::::::   */
.non-index .page-title {
  font-size: 7.4rem;
  font-family: "Questrial", sans-serif;
}

.dec-title-wrapper .page-title {
  font-size: 8.7rem;
  padding-left: 60px;
  min-height: 136px;
  padding-bottom: 1px;
  background-image: url(../img/common/icon-talk-facebook.svg);
  background-size: 100px;
  background-position: left bottom;
  background-repeat: no-repeat;
}

.page-lead .text {
  font-size: 1.8rem;
  line-height: 2.5;
}

.section-title.small {
  padding-top: 3px;
  margin-right: 70px;
}
.section-title.small span {
  display: block;
}
.section-title.small .en {
  font-size: 1.6rem;
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 700;
  letter-spacing: 0.07em;
  margin-bottom: 10px;
}
.section-title.small .ja {
  font-size: 1.3rem;
  color: #777;
  letter-spacing: 0.01em;
}

.list-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-bottom: 1px solid #ccd7dd;
  padding-top: 57px;
  padding-bottom: 55px;
}
.list-row .title {
  line-height: 1.66;
  width: 28.6%;
  color: #777;
  letter-spacing: 0.03em;
}
.list-row .value {
  line-height: 1.66;
  letter-spacing: 0.03em;
  width: calc(100% - (28.6% + 20px));
  margin-left: 20px;
}
.list-row .value .item {
  margin-bottom: 5px;
}
.list-row .value .item:last-of-type {
  margin-bottom: 0px;
}
.list-row .value a {
  display: inline-block;
  text-decoration: underline;
}
.list-row .value .link-fb {
  background-image: url(../img/common/icon-f.svg);
  background-size: 12px 22px;
  background-position: left 1px;
  background-repeat: no-repeat;
  padding-left: 25px;
  margin-right: 47px;
}
.list-row .value .link-ig {
  background-image: url(../img/common/icon-i.svg);
  background-size: 20px;
  background-position: left 2px;
  background-repeat: no-repeat;
  padding-left: 29px;
}
.list-row .value .link-mail {
  background-image: url(../img/about/icon-mail.svg);
  background-size: 22px 18px;
  background-position: left 3px;
  background-repeat: no-repeat;
  padding-left: 39px;
}

.form-wrapper {
  width: 64%;
  min-width: 700px;
  margin: 0 auto;
}
.form-wrapper .form-block dt {
  margin-bottom: 15px;
  margin-right: 15px;
}
.form-wrapper .form-block dt.file {
  margin-bottom: 11px;
  margin-top: 39px;
}
.form-wrapper .form-block dt .required {
  display: inline-block;
  color: #fa5a76;
  margin-left: 11px;
}
.form-wrapper .form-block dd {
  margin-bottom: 25px;
}
.form-wrapper .form-block dd.file {
  width: 50%;
  margin-bottom: 34px;
  border-radius: 15px;
  -webkit-box-shadow: 3px 3px 10px rgba(34, 34, 34, 0.05);
          box-shadow: 3px 3px 10px rgba(34, 34, 34, 0.05);
  background: #fff;
  min-height: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 15px 17px;
}
.form-wrapper .form-block dd:last-of-type {
  margin-bottom: 86px;
}
.form-wrapper .form-block dd input[type=text] {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 18px 18px 19px 18px;
}
.form-wrapper .form-block dd input[type=file] {
  line-height: 1px;
  width: 310px;
}
.form-wrapper .form-block dd textarea {
  width: 100%;
  height: 180px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 18px 18px 19px 18px;
}
.form-wrapper .form-block dd textarea.small {
  height: 120px;
}
.form-wrapper .form-block dd input[type=text], .form-wrapper .form-block dd textarea {
  background: #fff;
  -webkit-box-shadow: 3px 3px 10px rgba(34, 34, 34, 0.05);
          box-shadow: 3px 3px 10px rgba(34, 34, 34, 0.05);
  border-radius: 15px;
}

/* :::::::::::::::::  about  ::::::::::::::::   */
.about-section > .wrapper {
  padding-top: calc(127px + 160px);
}
.about-section > .wrapper .inner .page-title-wrapper .dec-title-wrapper .page-title {
  letter-spacing: 0.06em;
}
.about-section > .wrapper .inner .page-title-wrapper .page-lead {
  background-image: url(../img/about/about-back.svg);
  background-size: 488px 284px;
  background-repeat: no-repeat;
  padding-top: 68px;
}
.about-section > .wrapper .inner .page-title-wrapper .page-lead .text {
  width: 72%;
  min-width: 760px;
  padding-right: 7.4%;
  margin-left: auto;
  padding-bottom: 107px;
  margin-bottom: 72px;
}
.about-section > .wrapper .inner .contents-wrapper .ourservice {
  background: #f5f7f8;
  padding-top: 89px;
  padding-bottom: 124px;
}
.about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner {
  width: 80%;
  min-width: 880px;
  margin: 0 auto;
}
.about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .section-title.middle {
  font-size: 4.3rem;
  letter-spacing: 0.05em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 54px;
}
.about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .section-title.middle .bold {
  padding-top: 10px;
  padding-right: 13px;
  font-size: 4.4rem;
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 700;
}
.about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .top {
  margin-bottom: 55px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .top .block {
  width: 28.7%;
}
.about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .top .block > img {
  display: block;
  margin: 0 auto;
}
.about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .top .block .circle {
  margin-bottom: 15px;
}
.about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .top .block .dots-col {
  margin-bottom: 13px;
}
.about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .top .block .client {
  -webkit-box-shadow: 3px 3px 10px rgba(34, 34, 34, 0.05);
          box-shadow: 3px 3px 10px rgba(34, 34, 34, 0.05);
  background: #fff;
  height: 358px;
  border-radius: 15px;
}
.about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .top .block .client .client-list {
  padding-left: 20%;
  padding-right: 20%;
  padding-top: 42px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .top .block .client .client-list .client-item {
  margin-bottom: 13px;
}
.about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .top .block2 {
  position: relative;
}
.about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .top .block2 .client .client-list {
  min-width: 165px;
}
.about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .top .block3 {
  position: relative;
}
.about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .top .block3 .client .client-list {
  min-width: 120px;
}
.about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .top .block2::before {
  position: absolute;
  top: 91px;
  left: -15%;
  display: block;
  content: url(../img/about/icon-plus.svg);
  width: 18px;
  height: 18px;
}
.about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .top .block3::before {
  position: absolute;
  top: 91px;
  left: -15%;
  display: block;
  content: url(../img/about/icon-equal.svg);
  width: 18px;
  height: 18px;
}
.about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .bottom {
  margin-bottom: 75px;
}
.about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .bottom .text {
  line-height: 2.2;
}
.about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .bottom .text:first-of-type {
  margin-bottom: 31px;
}
.about-section > .wrapper .inner .contents-wrapper .philosophy .wrapper .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 120px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.about-section > .wrapper .inner .contents-wrapper .philosophy .wrapper .inner .right {
  width: 75%;
  margin-left: 7.2%;
}
.about-section > .wrapper .inner .contents-wrapper .philosophy .wrapper .inner .right .philosophy-wrapper .block {
  width: 100%;
  margin-bottom: 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.about-section > .wrapper .inner .contents-wrapper .philosophy .wrapper .inner .right .philosophy-wrapper .block .block-title {
  width: 250px;
  position: relative;
  margin-top: 45px;
}
.about-section > .wrapper .inner .contents-wrapper .philosophy .wrapper .inner .right .philosophy-wrapper .block .block-title .en {
  font-size: 2.6rem;
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 700;
}
.about-section > .wrapper .inner .contents-wrapper .philosophy .wrapper .inner .right .philosophy-wrapper .block .block-title .ja {
  position: absolute;
  top: -49px;
  width: 136px;
  height: 60px;
  padding-left: 29px;
  padding-top: 6px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  background-image: url(../img/common/icon-talk-facebook.svg);
  background-size: 60px;
  background-position: left bottom;
  background-repeat: no-repeat;
}
.about-section > .wrapper .inner .contents-wrapper .philosophy .wrapper .inner .right .philosophy-wrapper .block .details {
  width: calc(100% - 250px);
}
.about-section > .wrapper .inner .contents-wrapper .philosophy .wrapper .inner .right .philosophy-wrapper .block .details .detail {
  border-left: 20px solid #f5f7f8;
  padding-left: 20px;
  margin-bottom: 45px;
}
.about-section > .wrapper .inner .contents-wrapper .philosophy .wrapper .inner .right .philosophy-wrapper .block .details .detail .text {
  font-size: 1.7rem;
  line-height: 1.7;
  margin-bottom: 14px;
  letter-spacing: -0.03em;
}
.about-section > .wrapper .inner .contents-wrapper .philosophy .wrapper .inner .right .philosophy-wrapper .block .details .detail .text .yellow-line {
  position: relative;
  z-index: 3;
  display: inline-block;
}
.about-section > .wrapper .inner .contents-wrapper .philosophy .wrapper .inner .right .philosophy-wrapper .block .details .detail .text .yellow-line::after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: -1;
  left: 0px;
  bottom: -2px;
  border-bottom: 16px solid #ffe859;
}
.about-section > .wrapper .inner .contents-wrapper .philosophy .wrapper .inner .right .philosophy-wrapper .block .details .detail .en {
  font-size: 1.7rem;
  line-height: 1.29;
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 700;
}
.about-section > .wrapper .inner .contents-wrapper .member {
  background: #f5f7f8;
  padding-bottom: 105px;
  overflow: hidden;
  padding-top: 128px;
}
.about-section > .wrapper .inner .contents-wrapper .member .wrapper {
  max-width: 1500px;
  width: 86%;
  margin: 0 auto;
}
.about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right {
  width: 69%;
  min-width: 760px;
}
.about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right > .top .profile-img {
  height: auto;
}
.about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right > .top .name-wrapper {
  position: relative;
  background-image: url(../img/about/line-dot.svg);
  background-size: 10px 6px;
  background-repeat: repeat-x;
  background-position: left bottom;
  margin-top: 53px;
  margin-bottom: 33px;
}
.about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right > .top .name-wrapper .position {
  font-size: 1.2rem;
  margin-bottom: 10px;
}
.about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right > .top .name-wrapper .name {
  font-size: 2.3rem;
  letter-spacing: 0.03em;
  padding-bottom: 25px;
}
.about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right > .top .name-wrapper .en {
  font-size: 1.2rem;
  display: inline-block;
  width: 122px;
  height: 60px;
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 400;
  letter-spacing: 0.07em;
  position: absolute;
  left: 134px;
  top: -22px;
  padding-top: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-image: url(../img/common/icon-talk-facebook.svg);
  background-repeat: no-repeat;
  background-size: 60px;
  padding-left: 33px;
  background-position: left bottom;
}
.about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right > .top .text-wrapper {
  font-size: 1.4rem;
  line-height: 2.1;
  margin-bottom: 88px;
}
.about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right > .top .text-wrapper .text {
  margin-bottom: 30px;
}
.about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right > .top .text-wrapper a {
  text-decoration: underline;
  display: block;
  line-height: 1.92;
}
.about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right > .top .text-wrapper a:first-of-type {
  margin-top: -3px;
}
.about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right > .botom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right > .botom .top {
  padding-bottom: 21px;
  background-image: url(../img/about/line-dot.svg);
  background-size: 10px 6px;
  background-repeat: repeat-x;
  background-position: left bottom;
  margin-bottom: 33px;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right > .botom .img-wrapper {
  text-align: center;
  width: 70px;
  height: 70px;
  margin-right: 15px;
}
.about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right > .botom .img-wrapper img {
  width: 100%;
  height: auto;
}
.about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right > .botom .profile.small {
  width: 30%;
}
.about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right > .botom .profile.small .position {
  font-size: 1.2rem;
  margin-bottom: 10px;
}
.about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right > .botom .profile.small .ja {
  font-size: 1.7rem;
  line-height: 1.76;
  margin-bottom: -2px;
}
.about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right > .botom .profile.small .en {
  font-size: 1.1rem;
  letter-spacing: 0.07;
}
.about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right > .botom .profile.small .text-wrapper .text {
  line-height: 2.14;
}
.about-section > .wrapper .inner .contents-wrapper .about .wrapper .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-top: 132px;
  padding-bottom: 240px;
}
.about-section > .wrapper .inner .contents-wrapper .about .wrapper .inner .right {
  width: 69%;
  min-width: 760px;
  border-top: 1px solid #ccd7dd;
}
/* :::::::::::::::::  recruit  ::::::::::::::::   */
.recruit-section > .wrapper {
  padding-top: calc(127px + 160px);
}
.recruit-section > .wrapper .inner .page-title-wrapper .page-title {
  margin-bottom: 45px;
}
.recruit-section > .wrapper .inner .page-title-wrapper .page-lead .text {
  border-left: 20px solid #f5f7f8;
  padding-left: 40px;
  width: 72%;
  min-width: 760px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-right: 7.4%;
  margin-left: auto;
  margin-bottom: 70px;
}
.recruit-section > .wrapper .inner .contents-wrapper .information .wrapper {
  padding-bottom: 140px;
}
.recruit-section > .wrapper .inner .contents-wrapper .information .wrapper .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.recruit-section > .wrapper .inner .contents-wrapper .information .wrapper .inner .right {
  width: 72%;
  min-width: 760px;
  border-top: 1px solid #ccd7dd;
}
.recruit-section > .wrapper .inner .contents-wrapper .information .wrapper .inner .right .dots-list .child {
  line-height: 2;
  position: relative;
  margin-left: 12px;
}
.recruit-section > .wrapper .inner .contents-wrapper .information .wrapper .inner .right .dots-list .child::before {
  content: "・";
  display: block;
  position: absolute;
  left: -15px;
}
.recruit-section > .wrapper .inner .contents-wrapper .information .wrapper .inner .right .num-list {
  counter-reset: listNum 0;
}
.recruit-section > .wrapper .inner .contents-wrapper .information .wrapper .inner .right .num-list .child.has-margin {
  margin-bottom: 21px;
}
.recruit-section > .wrapper .inner .contents-wrapper .information .wrapper .inner .right .num-list .child {
  line-height: 2;
  position: relative;
  margin-left: 25px;
}
.recruit-section > .wrapper .inner .contents-wrapper .information .wrapper .inner .right .num-list .child::before {
  counter-increment: listNum 1;
  content: counter(listNum) "）";
  display: block;
  position: absolute;
  left: -26px;
}
.recruit-section > .wrapper .inner .contents-wrapper .information .wrapper .inner .right .num-list .button-small {
  margin-bottom: 24px;
}
.recruit-section > .wrapper .inner .contents-wrapper .information .wrapper .inner .right .row .title {
  width: 24%;
  line-height: 2;
}
.recruit-section > .wrapper .inner .contents-wrapper .information .wrapper .inner .right .row .item.has-margin {
  margin-bottom: 39px;
}
.recruit-section > .wrapper .inner .contents-wrapper .form.entry .wrapper {
  background: #f7f9fa;
  padding-top: 131px;
  padding-bottom: 161px;
}
.recruit-section > .wrapper .inner .contents-wrapper .form.entry .wrapper .inner .top {
  width: 64%;
  min-width: 700px;
  margin: 0 auto;
  text-align: center;
  letter-spacing: 0.06em;
}
.recruit-section > .wrapper .inner .contents-wrapper .form.entry .wrapper .inner .top .title span {
  display: block;
}
.recruit-section > .wrapper .inner .contents-wrapper .form.entry .wrapper .inner .top .title .en {
  font-family: "Questrial", sans-serif;
  font-size: 5.9rem;
  margin-bottom: 15px;
}
.recruit-section > .wrapper .inner .contents-wrapper .form.entry .wrapper .inner .top .title .ja {
  display: inline-block;
  font-size: 2rem;
  margin-bottom: 50px;
}
.recruit-section > .wrapper .inner .contents-wrapper .form.entry .wrapper .inner .top .lead {
  line-height: 2.2;
  text-align: left;
  margin-bottom: 54px;
}
.recruit-section > .wrapper .inner .contents-wrapper .form.entry .wrapper .inner .top .lead a {
  text-decoration: underline;
}
.recruit-section > .wrapper .inner .contents-wrapper .form.entry .wrapper .inner .top .yellow-line {
  position: relative;
  z-index: 3;
}
.recruit-section > .wrapper .inner .contents-wrapper .form.entry .wrapper .inner .top .yellow-line::after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: -1;
  left: 0px;
  bottom: -2px;
  border-bottom: 16px solid #ffe859;
}
.recruit-section > .wrapper .inner .contents-wrapper .banner .banner-link .banner-icon {
  margin-right: 24px;
}
/* :::::::::::::::::  contact  ::::::::::::::::   */
.contact-section > .wrapper {
  padding-top: calc(117px + 160px);
}
.contact-section > .wrapper .inner .dec-title-wrapper .page-title {
  margin-bottom: 31px;
}
.contact-section > .wrapper .inner .page-lead {
  padding-left: 12%;
  width: 73%;
  min-width: 800px;
  margin-bottom: 113px;
}
.contact-section > .wrapper .inner .page-lead a {
  text-decoration: underline;
}
.contact-section > .wrapper .inner .contents-wrapper .wrapper {
  background: #f7f9fa;
  padding-bottom: 150px;
  padding-top: 77px;
}
.contact-section > .wrapper .inner .banner .banner-link .banner-icon {
  margin-right: 24px;
}
.contact-section > .wrapper .inner .banner .banner-link .text {
  margin-right: 24px;
}

.finish .contact-section > .wrapper .inner .contents-wrapper .wrapper {
  padding-bottom: 100px;
}

.confirm .contact-section .form.section > .wrapper .inner .lead {
  width: 64%;
  min-width: 700px;
  margin: 0 auto 26px;
  line-height: 2;
  font-size: 1.6rem;
  text-align: center;
}
.confirm .contact-section .form.section > .wrapper .inner .lead.finish {
  margin-bottom: 36px;
}
.confirm .contact-section .form.section > .wrapper .inner .error_messe {
  margin-bottom: 8px;
}
.confirm .contact-section .form.section > .wrapper .inner dd {
  word-wrap: break-word;
  min-height: 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 18px 18px 19px 18px;
  background: #fff;
  -webkit-box-shadow: 3px 3px 10px rgba(34, 34, 34, 0.05);
          box-shadow: 3px 3px 10px rgba(34, 34, 34, 0.05);
  border-radius: 15px;
}
.confirm .contact-section .form.section > .wrapper .button-wrapper {
  width: 100%;
  min-width: 700px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.confirm .contact-section .form.section > .wrapper .button-wrapper .button {
  margin-right: 12px;
  margin-left: 12px;
}
.confirm .contact-section .form.section > .wrapper .form-wrap {
  width: 64%;
  min-width: 700px;
  padding: 42px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 20px auto 58px;
  background: #fff;
  border-radius: 15px;
  -webkit-box-shadow: 3px 3px 10px rgba(34, 34, 34, 0.05);
          box-shadow: 3px 3px 10px rgba(34, 34, 34, 0.05);
}

/* :::::::::::::::::  talk  ::::::::::::::::   */
.talk-section.talk-archive .dec-talk-wrapper {
  position: relative;
  padding-top: 172px;
}
.talk-section.talk-archive .dec-talk-wrapper .page-title {
  display: inline-block;
  position: absolute;
  left: calc(51.14% + 47px);
  top: -11px;
  letter-spacing: 0.04em;
}
.talk-section.talk-archive .dec-talk-wrapper .dec-talk2 {
  top: 73px;
}
.talk-section.talk-archive .wrapper {
  padding-top: calc(110px + 160px);
  padding-bottom: 186px;
}
.talk-section.talk-archive .article-wrapper .article-block .text-wrapper .tag {
  background: #f7f9fa;
}

/* :::::::::::::::::  faq  ::::::::::::::::   */
.faq-section .wrapper {
  padding-top: calc(112px + 160px);
}
.faq-section .wrapper .inner .dec-title-wrapper .page-title {
  letter-spacing: 0.11em;
}
.faq-section .wrapper .inner .dec-title-wrapper .page-title .font-Qua {
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 400;
}
.faq-section .wrapper .inner .contents-wrapper .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 93px;
  padding-bottom: 255px;
}
.faq-section .wrapper .inner .contents-wrapper .inner .left {
  min-width: 170px;
  width: 16.5%;
  padding-top: 40px;
}
.faq-section .wrapper .inner .contents-wrapper .inner .left .title {
  border-bottom: 2px solid #111;
  padding-bottom: 17px;
  margin-bottom: 26px;
}
.faq-section .wrapper .inner .contents-wrapper .inner .left .category-list .category-item {
  padding-left: 22px;
  display: block;
  background-image: url(../img/common/icon-arrow-down.svg);
  background-size: 7px 6px;
  background-repeat: no-repeat;
  background-position: left 11px;
}
.faq-section .wrapper .inner .contents-wrapper .inner .left .category-list .category-item.service {
  margin-bottom: 16px;
}
.faq-section .wrapper .inner .contents-wrapper .inner .right {
  margin-left: 70px;
}
.faq-section .wrapper .inner .contents-wrapper .inner .right .category-name {
  display: inline-block;
  position: relative;
  font-size: 2.4rem;
  margin-bottom: 34px;
  background-image: url(../img/common/icon-talk-menu.svg);
  min-height: 47px;
  background-repeat: no-repeat;
  background-size: 40px 47px;
  padding-left: 42px;
  background-position: left bottom;
}
.faq-section .wrapper .inner .contents-wrapper .inner .right .category-name::after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: -1;
  left: 48px;
  bottom: 10px;
  /*width:calc(96% - 42px); */
  border-bottom: 16px solid #ffe859;
}
.faq-section .wrapper .inner .contents-wrapper .inner .right .category-block.recruit {
  margin-top: 125px;
}
.faq-section .wrapper .inner .contents-wrapper .inner .right .block-wrapper {
  border-top: 2px solid #111;
}
.faq-section .wrapper .inner .contents-wrapper .inner .right .block-wrapper .block {
  padding-bottom: 25px;
  padding-top: 54px;
  border-bottom: 2px solid #111;
}
.faq-section .wrapper .inner .contents-wrapper .inner .right .block-wrapper .block .question {
  cursor: pointer;
  position: relative;
  margin-left: 6.3%;
  margin-right: 5.6%;
  margin-bottom: 33px;
  font-size: 1.8rem;
  line-height: 1.88;
  padding-bottom: 8px;
  padding-left: 9.5%;
  padding-right: 9.5%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-image: url(../img/faq/icon-q.svg);
  background-size: 40px 54px;
  background-repeat: no-repeat;
  background-position: left 0px;
  min-height: 54px;
}
.faq-section .wrapper .inner .contents-wrapper .inner .right .block-wrapper .block .question::before {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  position: absolute;
  display: block;
  content: url(../img/faq/button-toggle-down.svg);
  width: 40px;
  height: 40px;
  right: 0;
  top: 18px;
}
.faq-section .wrapper .inner .contents-wrapper .inner .right .block-wrapper .block .answer {
  padding-bottom: 0;
  min-height: 0;
  height: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden;
  margin-left: 6.3%;
  margin-right: 5.6%;
  line-height: 2.33;
  padding-left: 9.5%;
  background-image: url(../img/common/icon-talk-menu.svg);
  background-size: 50px 58px;
  background-repeat: no-repeat;
  background-position: left 8px;
}
.faq-section .wrapper .inner .contents-wrapper .inner .right .block-wrapper .block a {
  text-decoration: underline;
}
.faq-section .wrapper .inner .contents-wrapper .inner .right .block-wrapper .block .question.toggle-button.open::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.faq-section .wrapper .inner .contents-wrapper .inner .right .block-wrapper .block .toggle-button.open + .answer {
  padding-bottom: 38px;
}
.faq-section .wrapper .inner .contents-wrapper .inner .right .block-wrapper .block .toggle-button.open + .answer .text {
  min-height: 58px;
  /*min-height: 100%;*/
}

/* :::::::::::::::::  privacy  ::::::::::::::::   */
.privacy .privacy-section .wrapper {
  width: 60%;
  min-width: 780px;
  max-width: 990px;
  margin: 0 auto;
  padding-top: calc(104px + 160px);
  padding-bottom: 212px;
}
.privacy .privacy-section .wrapper .top {
  margin-bottom: 48px;
}
.privacy .privacy-section .wrapper .top .page-title {
  font-size: 3rem;
  text-align: center;
  margin-bottom: 70px;
}
.privacy .privacy-section .wrapper .top .yellow-line {
  position: relative;
  display: inline-block;
  z-index: 3;
}
.privacy .privacy-section .wrapper .top .yellow-line::after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: -1;
  left: 0px;
  bottom: 2px;
  border-bottom: 16px solid #ffe859;
}
.privacy .privacy-section .wrapper .top .lead {
  font-size: 1.6rem;
  line-height: 2.2;
  border-bottom: 10px solid #f5f7f8;
  padding-bottom: 51px;
}
.privacy .privacy-section .wrapper .bottom {
  counter-reset: blockNum 0;
  padding-bottom: 34px;
}
.privacy .privacy-section .wrapper .bottom .block-title {
  font-size: 1.8rem;
  line-height: 1.56;
  margin-bottom: 16px;
}
.privacy .privacy-section .wrapper .bottom .block-title::before {
  counter-increment: blockNum 1;
  content: "｜" counter(blockNum) "｜";
  margin-right: 2px;
}
.privacy .privacy-section .wrapper .bottom .block {
  margin-bottom: 55px;
}
.privacy .privacy-section .wrapper .bottom .block .text {
  line-height: 2.35;
}
.privacy .privacy-section .wrapper .bottom .block .has-margin {
  margin-bottom: 6px;
}
.privacy .privacy-section .wrapper .bottom .block .itemization-list .child {
  line-height: 2.1;
  margin-bottom: 3px;
  position: relative;
  margin-left: 11px;
}
.privacy .privacy-section .wrapper .bottom .block .itemization-list .child::before {
  content: "・";
  display: block;
  position: absolute;
  left: -13px;
}
.privacy .privacy-section .wrapper .bottom .block .num-list {
  counter-reset: listNum 0;
}
.privacy .privacy-section .wrapper .bottom .block .num-list .child {
  line-height: 2.1;
  margin-bottom: 3px;
  position: relative;
  margin-left: 22px;
}
.privacy .privacy-section .wrapper .bottom .block .num-list .child::before {
  counter-increment: listNum 1;
  content: counter(listNum) ".";
  display: block;
  position: absolute;
  left: -20px;
}

/* :::::::::::::::::  single  ::::::::::::::::   */
.single .speaker-wrapper + article {
  padding-top: 0px;
}
.single article {
  padding-top: 94px;
}
.single .single-section {
  padding-top: calc(61px + 160px);
}
.single .single-section .article-title-wrapper .inner {
  width: 61%;
  min-width: 780px;
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 63px;
}
.single .single-section .article-title-wrapper .inner .talk-num {
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
  margin-bottom: 34px;
}
.single .single-section .article-title-wrapper .inner .yellow-line {
  position: relative;
  display: inline-block;
  z-index: 3;
}
.single .single-section .article-title-wrapper .inner .yellow-line::after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: -1;
  left: 0px;
  bottom: -3px;
  border-bottom: 16px solid #ffe859;
}
.single .single-section .article-title-wrapper .inner h1 {
  font-size: 3.3rem;
  line-height: 1.66;
  letter-spacing: 0.01em;
}
.single .single-section .article-wrapper .section.article:nth-of-type(odd) .wrapper {
  background: #f7f9fa;
}
.single .single-section .article-wrapper .section.article:nth-of-type(even) .wrapper {
  background: #fff;
}
.single .single-section .article-wrapper .section.article .wrapper .inner {
  width: 61%;
  min-width: 780px;
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 109px;
}
.single .single-section .article-wrapper .section.article .wrapper .inner .people-dec {
  text-align: center;
  margin-bottom: 30px;
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 700;
  font-size: 2.2rem;
  letter-spacing: 0.1em;
}
.single .single-section .article-wrapper .section.article .wrapper .inner .interview-date {
  text-align: right;
}
.single .single-section .article-wrapper .section.article .wrapper .inner .people-title {
  position: relative;
  border-top: 2px solid #222;
  border-bottom: 2px solid #222;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 27px 23px 31px;
  font-size: 3rem;
  line-height: 1.8;
  margin-bottom: 56px;
}
.single .single-section .article-wrapper .section.article .wrapper .inner .people-title::after {
  content: "";
  display: block;
  width: 19px;
  height: 12px;
  position: absolute;
  left: 50%;
  bottom: -12px;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  background-image: url(../img/talk/single-title-dec.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.single .single-section .article-wrapper .section.article .wrapper .inner .text {
  line-height: 2.46;
  margin-bottom: 48px;
}
.single .single-section .article-wrapper .section.article .wrapper .inner img {
  display: block;
  width: 100%;
  height: auto;
}
.single .single-section .article-wrapper .section.article .wrapper .inner img.has-margin {
  margin-bottom: 36px;
}
.single .single-section .article-wrapper .section.article .wrapper .inner img.adjacency-text {
  margin-top: 61px;
}
.single .single-section .article-wrapper .section.article .wrapper .inner h2 {
  font-size: 2.8rem;
  line-height: 1.76;
  text-align: center;
  margin-bottom: 50px;
}
.single .single-section .article-wrapper .section.article .wrapper .inner h2 .yellow-line {
  position: relative;
  display: inline-block;
  z-index: 3;
}
.single .single-section .article-wrapper .section.article .wrapper .inner h2 .yellow-line::after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: -1;
  left: 0px;
  bottom: 4px;
  border-bottom: 16px solid #ffe859;
}
.single .single-section .article-wrapper .section.article .wrapper .inner .division {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.single .single-section .article-wrapper .section.article .wrapper .inner .division .text {
  width: 55%;
}
.single .single-section .article-wrapper .section.article .wrapper .inner .division .img-wrapper {
  display: block;
  width: 38.4%;
}
.single .single-section .article-wrapper .section.article .wrapper .inner .division.has-margin {
  margin-bottom: 57px;
}
.single .single-section .article-wrapper .section.article .wrapper .inner .division.half span {
  width: 48%;
}
.single .single-section .article-wrapper .section.article .wrapper .inner .division.half span.caption {
  width: 100%;
}
.single .single-section .article-wrapper .section.article .wrapper .inner .division.half.has-margin {
  margin-bottom: 0;
}
.single .single-section .article-wrapper .section.article .wrapper .inner .caption {
  display: block;
  color: #777;
  line-height: 1.73;
  margin-top: 11px;
}
.single .single-section .article-wrapper .section.article .wrapper .inner .question {
  margin-bottom: 25px;
  color: #3fb7bb;
  letter-spacing: 0.01em;
  padding-left: 25px;
  background-image: url(../img/common/icon-talk-name.svg);
  background-size: 25px;
  background-repeat: no-repeat;
}
.single .single-section .article-wrapper .section.article .wrapper .inner .question + .division {
  margin-top: 0px;
}
.single .single-section .article-wrapper .section.article .wrapper .inner .question.adjacency-img {
  margin-top: 41px;
}
.single .single-section .article-wrapper .first-section.section .wrapper {
  padding-top: 62px;
  padding-bottom: 95px;
}
.single .single-section .article-wrapper .first-section.section .wrapper .inner {
  padding-bottom: 0;
}
.single .single-section .article-wrapper .first-section.section .wrapper .inner .category-wrapper .category {
  width: 102px;
  color: #111;
  display: inline-block;
  font-family: "Questrial", sans-serif;
  font-weight: bold;
  font-size: 1.3rem;
  letter-spacing: 0.15em;
}
.single .single-section .article-wrapper .first-section.section .wrapper .inner .category-wrapper .category.value {
  margin-bottom: 14px;
}
.single .single-section .article-wrapper .first-section.section .wrapper .inner .category-wrapper .category.project {
  margin-bottom: 14px;
}
.single .single-section .article-wrapper .first-section.section .wrapper .inner .tag-list {
  display: inline-block;
}
.single .single-section .article-wrapper .first-section.section .wrapper .inner .list.project {
  margin-bottom: 38px;
  display: inline-block;
}
.single .single-section .article-wrapper .first-section.section .wrapper .inner .list.project .item {
  font-size: 1.3rem;
  letter-spacing: 0.01em;
  display: inline-block;
}
.single .single-section .article-wrapper .first-section.section .wrapper .inner .list.project .item:first-of-type::before {
  content: none;
}
.single .single-section .article-wrapper .first-section.section .wrapper .inner .list.project .item::before {
  content: "/ ";
}
.single .single-section .article-wrapper .first-section.section .wrapper .inner .balloon .thumbnail {
  height: 520px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 10px 10px 0 0;
}
.single .single-section .article-wrapper .first-section.section .wrapper .inner .balloon .text-wrapper {
  padding-top: 35px;
  padding-bottom: 50px;
  line-height: 2.26;
  color: #777;
  background: #fff;
  position: relative;
  border-radius: 0 0 10px 10px;
}
.single .single-section .article-wrapper .first-section.section .wrapper .inner .balloon .text-wrapper .text {
  width: 82%;
  margin: 0 auto;
}
.single .single-section .article-wrapper .first-section.section .wrapper .inner .balloon .text-wrapper::before {
  position: absolute;
  bottom: -30px;
  left: 78px;
  display: block;
  content: url(../img/talk/balloon-triangle.svg);
  width: 60px;
  height: 30px;
}
.single .single-section .article-wrapper .second-section .wrapper .inner {
  padding-top: 100px;
}
.single .single-section .article-wrapper .second-section .wrapper .inner .toc-wrapper {
  border-radius: 10px;
  background: #f5f7f8;
  padding-bottom: 1.28%;
  margin-bottom: 103px;
}
.single .single-section .article-wrapper .second-section .wrapper .inner .toc-wrapper .title {
  font-size: 1.7rem;
  text-align: center;
  padding-top: 23px;
}
.single .single-section .article-wrapper .second-section .wrapper .inner .toc-wrapper .toc-list {
  background: #fff;
  margin: 25px 1.3% 0;
  padding: 34px 5% 26px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 0px 0px 10px 10px;
}
.single .single-section .article-wrapper .second-section .wrapper .inner .toc-wrapper .toc-list .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
      align-content: center;
  margin-bottom: 24px;
}
.single .single-section .article-wrapper .second-section .wrapper .inner .toc-wrapper .toc-list .row .left {
  min-height: 22px;
  background-position: left 6px;
  padding-top: 6px;
  line-height: 1;
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 700;
  letter-spacing: 0.1em;
  background-repeat: no-repeat;
  padding-left: 32px;
  margin-right: 26px;
  background-image: url(../img/talk/icon-people.svg);
  background-size: 16px 22px;
}
.single .single-section .article-wrapper .second-section .wrapper .inner .toc-wrapper .toc-list .row .yellow-line {
  position: relative;
  z-index: 1;
}
.single .single-section .article-wrapper .second-section .wrapper .inner .toc-wrapper .toc-list .row .yellow-line::after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: -1;
  left: 0px;
  bottom: -5px;
  border-bottom: 16px solid #ffe859;
}
.single .single-section .article-wrapper .second-section .wrapper .inner .toc-wrapper .toc-list .row .right {
  font-size: 1.7rem;
  text-decoration: underline;
  line-height: 1.7;
}
.single .single-section .article-wrapper .second-section .wrapper .inner .text.no-margin {
  margin-bottom: 0;
}
.single .single-section .article-wrapper .second-section .wrapper .inner .speaker-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 100px;
  margin-bottom: 77px;
  border-bottom: 10px solid #f5f7f8;
}
.single .single-section .article-wrapper .second-section .wrapper .inner .speaker-wrapper .speaker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 330px;
}
.single .single-section .article-wrapper .second-section .wrapper .inner .speaker-wrapper .speaker .img-wrapper {
  margin-right: 34px;
}
.single .single-section .article-wrapper .second-section .wrapper .inner .speaker-wrapper .speaker .img-wrapper img {
  width: 70px;
  height: 70px;
}
.single .single-section .article-wrapper .second-section .wrapper .inner .speaker-wrapper .speaker .position {
  line-height: 1.5;
  font-size: 1.4rem;
  margin-bottom: 5px;
}
.single .single-section .article-wrapper .second-section .wrapper .inner .speaker-wrapper .speaker .name {
  font-size: 1.9rem;
  line-height: 1.5;
}
.single .single-section .article-wrapper .second-section .wrapper .inner .speaker-wrapper .line-wrapper {
  width: 44px;
  height: 44px;
  position: relative;
  margin-right: 30px;
  margin-left: 30px;
}
.single .single-section .article-wrapper .second-section .wrapper .inner .speaker-wrapper .line-wrapper .line {
  position: absolute;
  top: 0;
  left: 50%;
  margin-right: -22px;
  display: inline-block;
  width: 2px;
  height: 44px;
  background: #e3e6e9;
}
.single .single-section .article-wrapper .second-section .wrapper .inner .speaker-wrapper .line-wrapper .line1 {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.single .single-section .article-wrapper .second-section .wrapper .inner .speaker-wrapper .line-wrapper .line2 {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.single .single-section .article-wrapper .third-section .wrapper .inner .division {
  margin-top: -6px;
}
.single .single-section .credit {
  padding-bottom: 66px;
  margin-top: 59px;
}
.single .single-section .credit .title {
  letter-spacing: 0.01em;
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 700;
  margin-bottom: 43px;
}
.single .single-section .credit .credit-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.single .single-section .credit .credit-inner a {
  text-decoration: underline;
  font-size: 1.4rem;
  line-height: 1.5;
  word-break: break-all;
}
.single .single-section .credit .credit-inner span {
  display: block;
}
.single .single-section .credit .credit-inner .role {
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 400;
  color: #777;
  font-size: 1.2rem;
  letter-spacing: 0.03em;
  line-height: 1.5;
  margin-bottom: 11px;
}
.single .single-section .credit .credit-inner .left {
  width: 48.3%;
}
.single .single-section .credit .credit-inner .left .member .name {
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 400;
  letter-spacing: 0.03em;
  font-size: 1.4rem;
  line-height: 1.5;
}
.single .single-section .credit .credit-inner .left .member span:last-of-type {
  margin-bottom: 30px;
}
.single .single-section .credit .credit-inner .left .member:last-of-type span:last-of-type {
  margin-bottom: 0px;
}
.single .single-section .credit .credit-inner .right .client .name, .single .single-section .credit .credit-inner .right .client .address {
  font-size: 1.3rem;
  letter-spacing: 0.03em;
  line-height: 1.5;
  margin-bottom: 10px;
}
.single .single-section .credit .credit-inner .right .client .address {
  margin-bottom: 7px;
}
.single .single-section .credit .credit-inner .right .client .address.add {
  margin-top: 20px;
}
.single .single-section .credit .credit-inner .right .client .address.add a {
  font-size: 1.3rem;
}
.single .single-section .credit .credit-inner .right .client .client-website {
  font-size: 1.3rem;
}

.common-single .back-button {
  margin-left: auto;
  margin-bottom: 78px;
  margin-right: -40px;
  display: block;
  width: 256px;
  height: 85px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-image: url(../img/talk/icon-talk-single.svg);
  background-size: 80px;
  background-repeat: no-repeat;
  background-position: right 5px;
}
.common-single .back-button .text {
  line-height: 2.46;
  margin-bottom: 48px;
  padding-left: 18px;
  font-family: "Questrial", sans-serif;
  font-size: 2.3rem;
  letter-spacing: 0.1em;
  font-weight: bold;
  background-image: url(../img/common/icon-arrow-left.svg);
  background-size: 6px 7px;
  background-repeat: no-repeat;
  background-position: left 8px;
}

/* :::::::::::::::::  news single  ::::::::::::::::   */
.news-single .article-section {
  padding-top: 244px;
  padding-bottom: 76px;
  min-height: 60vh;
}
.news-single .article-section .title-block {
  width: 61%;
  min-width: 780px;
  max-width: 1000px;
  margin: 0 auto;
  padding-bottom: 50px;
}
.news-single .article-section .title-block .date {
  font-size: 1.5rem;
  line-height: 1.6;
  font-family: "Quattrocento Sans", sans-serif;
  font-weight: 700;
  display: inline-block;
  letter-spacing: 0.1em;
  position: relative;
  margin-bottom: 31px;
}
.news-single .article-section .title-block .date::after {
  content: "";
  display: inline-block;
  position: absolute;
  z-index: -1;
  left: 0px;
  bottom: 4px;
  border-bottom: 9px solid #ffe859;
}
.news-single .article-section .title-block h1 {
  font-size: 3.3rem;
  line-height: 1.66;
  -webkit-transition-delay: 0.35s;
          transition-delay: 0.35s;
}
.news-single .article-section .contents-block {
  width: 61%;
  min-width: 780px;
  max-width: 1000px;
  margin: 0 auto;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.news-single .article-section .contents-block .inner {
  padding-bottom: 73px;
}
.news-single .article-section .contents-block .inner img {
  max-width: 100%;
  height: auto;
  margin-bottom: 55px;
}
.news-single .article-section .contents-block .inner h2 {
  font-size: 3rem;
  line-height: 1.66;
  text-align: center;
  margin-bottom: 28px;
}
.news-single .article-section .contents-block .inner a {
  letter-spacing: 0.01em;
  line-height: 2.46;
  text-decoration: underline;
  word-wrap: break-word;
}
.news-single .article-section .contents-block .inner p {
  letter-spacing: 0.01em;
  line-height: 2.46;
  margin-bottom: 58px;
}
.news-single .article-section .contents-block .inner .youtube {
  margin-bottom: 50px;
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.news-single .article-section .contents-block .inner .youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.news-single .article-section .contents-block .back-button {
  width: 240px;
}

@media screen and (max-width: 1400px) {
  .about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .top .block .client .client-list {
    padding-left: 14%;
    padding-right: 14%;
  }
}
@media screen and (max-width: 1100px) {
  /* :::::::::::::::::  common  ::::::::::::::::   */
  .sp-menu-button {
    display: block;
  }

  .content-width {
    width: 84%;
  }

  .common1 .width-set {
    width: 100%;
  }

  .index-inner-width {
    width: 100%;
    min-width: auto;
  }

  .sp-menu.on {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }

  .sp-menu-button {
    position: fixed;
    width: 50px;
    height: 50px;
    background: #FFF;
    border-radius: 3px;
    right: 10px;
    top: 24px;
    border: none;
    z-index: 200;
  }

  .pc-navi.pc {
    display: none;
  }

  .about-section > .wrapper {
    padding-top: 127px;
  }

  .talk-section.talk-archive .wrapper {
    padding-top: 110px;
  }

  .single .single-section {
    padding-top: 61px;
  }

  .recruit-section > .wrapper {
    padding-top: 127px;
  }

  .faq-section .wrapper {
    padding-top: 112px;
  }

  .contact-section > .wrapper {
    padding-top: 117px;
  }

  header {
    height: 90px;
    position: static;
  }
  header .header-logo {
    width: 144px;
    height: 48px;
  }
  header .header-logo a img {
    width: 144px;
    height: auto;
  }
  header .sp-menu-button .line {
    border-top: 2px solid #111;
    width: 18px;
    left: 16px;
    position: absolute;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  header .sp-menu-button .line1 {
    top: 18px;
  }
  header .sp-menu-button .line2 {
    top: 24px;
  }
  header .sp-menu-button .line3 {
    top: 30px;
  }
  header .sp-menu-button.on .line1 {
    top: 24px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  header .sp-menu-button.on .line2 {
    opacity: 0;
  }
  header .sp-menu-button.on .line3 {
    top: 24px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }

  .index.container .about .wrapper .inner .link-fb {
    left: 7%;
  }

  .index.container .news .wrapper {
    width: 100%;
  }

  .index.container .news .wrapper .inner {
    width: 84%;
    margin: 0 auto;
    min-width: initial;
    min-width: auto;
    max-width: 100%;
  }

  .index.container .news .wrapper .inner .section-title-wrapper .section-title {
    right: 0;
  }

  .about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner {
    width: 100%;
    min-width: auto;
  }

  .about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right {
    min-width: auto;
  }

  .recruit-section > .wrapper .inner .page-title-wrapper .page-lead .text {
    min-width: auto;
  }

  .recruit-section > .wrapper .inner .contents-wrapper .information .wrapper .inner .right {
    min-width: auto;
  }
}
/* ::::::::::::::::::::::::::::::::: SP ::::::::::::::::::::::::::::::::: */
@media screen and (max-width: 999px) {
  .pc {
    display: none;
  }

  .sp {
    display: block;
  }

  .button .send-button {
    background-position: calc(50% + 86px), center;
  }

  /* ::::::::::::::::::::::::: ANIMATION ::::::::::::::::::::::::: */
  /* INVIEW　*/
  @-webkit-keyframes titledecScaleSp {
    0% {
      background-size: 50px;
    }
    50% {
      background-size: 38px;
    }
    100% {
      background-size: 50px;
    }
  }
  @keyframes titledecScaleSp {
    0% {
      background-size: 50px;
    }
    50% {
      background-size: 38px;
    }
    100% {
      background-size: 50px;
    }
  }
  .dec-talk-wrapper.inview .dec-talk2, .index .about.section .link-fb.inview {
    -webkit-animation: titledecScaleSp 0.3s ease 0.25s 1 forwards;
            animation: titledecScaleSp 0.3s ease 0.25s 1 forwards;
  }

  .inview .dec-talk-news, .dec-title-wrapper.inview .page-title {
    -webkit-animation: titledecScaleSp 0.3s ease 0.25s 1 forwards;
            animation: titledecScaleSp 0.3s ease 0.25s 1 forwards;
  }

  .recruit-section .lead.come-to-view, .page-lead.come-to-view {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }

  .lead-next.come-to-view {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }

  .about-section .block.block1.come-to-view.inview {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }

  .about-section .block.block2.come-to-view.inview {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }

  .about-section .block.block3.come-to-view.inview {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
  }

  .faq-section .yellow-line.come-to-view.inview::after {
    width: calc(96% - 27px) !important;
  }

  /* ::::::::::::::::::::::::: ANIMATION ここまで::::::::::::::::::::::::: */
  /* :::::::::::::::::  index  ::::::::::::::::   */
  .index.container .first-view {
    padding-bottom: 119px;
  }
  .index.container .triangle::before {
    border-width: 500px 165vw 0 0;
    bottom: -480px;
  }
  .index.container .mainv {
    padding-top: 0;
  }
  .index.container .mainv .wrapper {
    padding-top: 27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .index.container .mainv .wrapper .img-wrapper {
    position: static;
  }
  .index.container .mainv .wrapper .img-wrapper .pc {
    display: none;
  }
  .index.container .mainv .wrapper .img-wrapper .sp {
    display: block;
  }
  .index.container .mainv .wrapper .text-wrapper {
    padding-top: 0;
    margin-top: -27%;
    margin-bottom: 22px;
  }
  .index.container .mainv .wrapper .text-wrapper .main-copy {
    margin-bottom: 18px;
  }
  .index.container .mainv .wrapper .text-wrapper .sub-copy {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 1.93;
  }
  .index.container .mainv .scroll-mark {
    margin: 0 auto;
  }
  .index.container .news .wrapper {
    padding-top: 0px;
    padding-bottom: 95px;
  }
  .index.container .news .wrapper .inner .section-title-wrapper {
    width: 100%;
  }
  .index.container .news .wrapper .inner .section-title-wrapper .section-title {
    font-size: 3rem;
    background-size: 50px;
    top: -88px;
    padding-bottom: 20px;
    background-position: left 8px bottom;
  }
  .index.container .news .wrapper .inner .news-list {
    width: 100%;
    padding-top: 0px;
  }
  .index.container .news .wrapper .inner .news-list .item {
    padding-bottom: 20px;
  }
  .index.container .news .wrapper .inner .news-list .item .link {
    height: 70px;
  }
  .index.container .news .wrapper .inner .news-list .item .link .text-wrapper {
    width: calc(100% - 90px);
  }
  .index.container .news .wrapper .inner .news-list .item .link .text-wrapper .date {
    font-size: 1.1rem;
    padding-bottom: 4px;
  }
  .index.container .news .wrapper .inner .news-list .item .link .text-wrapper .news-title {
    line-height: 1.5;
  }
  .index.container .news .wrapper .inner .news-list .item .link .thumb-wrapper {
    width: 70px;
  }
  .index.container .news .wrapper .inner .news-list .item .link .thumb-wrapper::before {
    width: 70px;
    height: 70px;
  }
  .index.container .talk .wrapper {
    margin-top: -63px;
  }
  .index.container .talk .wrapper .dec-talk1 {
    right: 5%;
    width: 30px;
    height: auto;
    top: -90px;
  }
  .index.container .talk .wrapper .inner {
    padding-bottom: 54px;
    margin-top: 127px;
  }
  .index.container .talk .wrapper .back {
    padding-top: 0px;
  }
  .index.container .about .wrapper .inner .contents-wrapper {
    width: 86%;
    padding-top: 45px;
    padding-bottom: 70px;
  }
  .index.container .about .wrapper .inner .contents-wrapper .lead {
    font-size: 1.7rem;
    line-height: 2;
    padding-bottom: 25px;
  }
  .index.container .about .wrapper .inner .link-fb {
    left: 5%;
    background-size: 50px;
    bottom: 33px;
    height: 80px;
  }
  .index.container .about .wrapper .inner .link-fb .inner {
    padding-left: 39px;
  }
  .index.container .banner .banner-link .text {
    font-size: 1.6rem;
    margin-right: 13px;
  }

  /* :::::::::::::::::  common  ::::::::::::::::   */
  .talk-archive .dec-talk-wrapper .dec-talk2 {
    width: 202px;
    height: 99px;
    left: 0;
    top: -70px;
    background-size: 50px;
    font-size: 1.4rem;
    line-height: 1.78;
    padding-left: 31px;
    padding-top: 0px;
  }
  .talk-archive .article-wrapper .article-block {
    width: 100%;
    min-width: auto;
  }
  .talk-archive .article-wrapper .article-block .text-wrapper .row-wrapper {
    margin-bottom: 0;
    display: block;
  }
  .talk-archive .article-wrapper .article-block .text-wrapper .row-wrapper .num {
    margin-bottom: 13px;
  }
  .talk-archive .article-wrapper .article-block .text-wrapper .row-wrapper .col {
    margin-bottom: 6px;
  }
  .talk-archive .article-wrapper .article-block .text-wrapper .row-wrapper .col .name {
    font-size: 1.4rem;
    line-height: 1.4;
    margin-bottom: 0;
  }
  .talk-archive .article-wrapper .article-block .text-wrapper .article-title {
    font-size: 2rem;
    line-height: 1.55;
    margin-bottom: 8px;
  }
  .talk-archive .article-wrapper .article-block .text-wrapper .lead {
    line-height: 1.66;
    margin-bottom: 15px;
  }
  .talk-archive .article-wrapper .article-block .img-wrapper {
    margin-bottom: 12px;
  }
  .talk-archive .article-wrapper .article-block:nth-of-type(2), .talk-archive .article-wrapper .article-block:nth-of-type(odd), .talk-archive .article-wrapper .article-block:nth-of-type(even) {
    margin-top: 31px;
  }
  .talk-archive .article-wrapper .article-block:first-of-type {
    margin-top: 38px;
  }
  .talk-archive .article-wrapper .button-wrapper {
    width: 100%;
    margin-top: 0px;
  }
  .talk-archive .article-wrapper .button-wrapper .archive-button {
    margin: 30px 0 0;
    width: 126px;
    height: 40px;
    background-position: right 12px;
  }
  .talk-archive .article-wrapper .button-wrapper .archive-button img {
    margin-right: 13px;
    width: 30px;
    height: auto;
  }
  .talk-archive .article-wrapper .button-wrapper .archive-button .text {
    font-size: 1.9rem;
  }

  .banner .banner-link {
    padding-top: 64px;
    padding-bottom: 72px;
    padding-left: 10%;
    padding-right: 10%;
  }
  .banner .banner-link .banner-icon {
    width: 60px;
    height: auto;
    margin-right: 13px;
  }
  .banner .banner-link .arrow {
    width: 30px;
    height: auto;
    margin-right: 0;
  }
  .banner .banner-link .text {
    font-size: 1.8rem;
    margin-right: 13px;
  }

  /* :::::::::::::::::  non-index  ::::::::::::::::   */
  .non-index .page-title {
    font-size: 4.8rem;
    letter-spacing: 0.04em;
    font-family: "Questrial", sans-serif;
    background-size: 80px;
    min-height: 85px;
    padding-left: 43px;
  }

  .section-title.small {
    padding-top: 0;
    margin-right: 0;
  }
  .section-title.small .en {
    margin-bottom: 2px;
  }
  .value .item {
    letter-spacing: 0;
    margin-bottom: 14px;
  }
  .value .item:last-of-type {
    margin-bottom: 6px;
  }
  .value a {
    display: block;
  }
  .value .link-fb {
    margin-right: 0;
    padding-left: 35px;
    background-position: 5px 1px;
    margin-bottom: 8px;
  }
  .value .link-ig {
    padding-left: 34px;
  }
  .list-row {
    padding-top: 19px;
    padding-bottom: 20px;
  }

  .form-wrapper {
    width: 100%;
    min-width: auto;
  }
  .form-wrapper .form-block dt {
    margin-bottom: 10px;
    margin-right: 10px;
  }
  .form-wrapper .form-block dt.file {
    margin-bottom: 10px;
    margin-top: 25px;
  }
  .form-wrapper .form-block dd {
    margin-bottom: 22px;
  }
  .form-wrapper .form-block dd.file {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 26px;
    padding: 15px 14px;
  }
  .form-wrapper .form-block dd:last-of-type {
    margin-bottom: 32px;
  }
  .form-wrapper .form-block dd input[type=text] {
    border-radius: 10px;
  }
  .form-wrapper .form-block dd textarea {
    border-radius: 10px;
  }
  /* :::::::::::::::::  recruit  ::::::::::::::::   */
  .recruit-section > .wrapper {
    padding-top: 19px;
  }
  .recruit-section > .wrapper .inner .page-title-wrapper .page-title {
    margin-bottom: 23px;
  }
  .recruit-section > .wrapper .inner .page-title-wrapper .page-lead .text {
    width: 100%;
    border-left: 15px solid #f5f7f8;
    padding-left: 15px;
    font-size: 1.6rem;
    line-height: 1.87;
    margin-bottom: 46px;
  }
  .recruit-section > .wrapper .inner .contents-wrapper .information .wrapper {
    padding-bottom: 70px;
  }
  .recruit-section > .wrapper .inner .contents-wrapper .information .wrapper .inner {
    display: block;
  }
  .recruit-section > .wrapper .inner .contents-wrapper .information .wrapper .inner .left .section-title {
    margin-bottom: 29px;
  }
  .recruit-section > .wrapper .inner .contents-wrapper .information .wrapper .inner .right {
    width: 100%;
  }
  .recruit-section > .wrapper .inner .contents-wrapper .information .wrapper .inner .right .dots-list .child {
    line-height: 1.66;
  }
  .recruit-section > .wrapper .inner .contents-wrapper .information .wrapper .inner .right .num-list .child.has-margin {
    margin-bottom: 11px;
  }
  .recruit-section > .wrapper .inner .contents-wrapper .information .wrapper .inner .right .num-list .child {
    line-height: 1.66;
  }
  .recruit-section > .wrapper .inner .contents-wrapper .information .wrapper .inner .right .num-list .button-small {
    width: 100%;
    margin-bottom: 15px;
  }
  .recruit-section > .wrapper .inner .contents-wrapper .information .wrapper .inner .right .num-list .button-small .text {
    font-size: 1.4rem;
    background: none;
    padding-right: 0;
  }
  .recruit-section > .wrapper .inner .contents-wrapper .information .wrapper .inner .right .row .value .item:last-of-type {
    margin-bottom: 0;
  }
  .recruit-section > .wrapper .inner .contents-wrapper .information .wrapper .inner .right .row .title {
    line-height: 1.66;
    width: 94px;
    margin-right: 20px;
  }
  .recruit-section > .wrapper .inner .contents-wrapper .information .wrapper .inner .right .row .item.has-margin {
    margin-bottom: 18px;
  }
  .recruit-section > .wrapper .inner .contents-wrapper .information .wrapper .inner .right .row .item {
    margin-bottom: 15px;
  }
  .recruit-section > .wrapper .inner .contents-wrapper .form.entry .wrapper {
    padding-top: 56px;
    padding-bottom: 63px;
  }
  .recruit-section > .wrapper .inner .contents-wrapper .form.entry .wrapper .inner .top {
    width: 100%;
    min-width: auto;
  }
  .recruit-section > .wrapper .inner .contents-wrapper .form.entry .wrapper .inner .top .title .en {
    font-size: 2.8rem;
    margin-bottom: 2px;
  }
  .recruit-section > .wrapper .inner .contents-wrapper .form.entry .wrapper .inner .top .title .ja {
    font-size: 1.4rem;
    margin-bottom: 24px;
  }
  .recruit-section > .wrapper .inner .contents-wrapper .form.entry .wrapper .inner .top .lead {
    line-height: 1.66;
    margin-bottom: 34px;
  }
  .recruit-section > .wrapper .inner .contents-wrapper .form.entry .wrapper .inner .top .yellow-line::after {
    border-bottom: 9px solid #ffe859;
    bottom: 0;
  }
  .recruit-section > .wrapper .inner .contents-wrapper .banner .banner-link .banner-icon {
    margin-right: 11px;
  }
  .recruit-section > .wrapper .inner .contents-wrapper .banner .banner-link .text {
    line-height: 1.77;
    margin-right: 11px;
  }

  /* :::::::::::::::::  contact  ::::::::::::::::   */
  .contact-section > .wrapper {
    padding-top: 20px;
  }
  .contact-section > .wrapper .inner .dec-title-wrapper .page-title {
    margin-bottom: 17px;
  }
  .contact-section > .wrapper .inner .page-lead {
    min-width: auto;
    width: 100%;
    padding-left: 0;
    margin-bottom: 32px;
  }
  .contact-section > .wrapper .inner .page-lead .text {
    font-size: 1.6rem;
    line-height: 1.87;
  }
  .contact-section > .wrapper .inner .contents-wrapper .wrapper {
    padding-top: 47px;
    padding-bottom: 70px;
  }
  .contact-section > .wrapper .inner .banner .banner-link .banner-icon {
    margin-right: 16px;
  }
  .contact-section > .wrapper .inner .banner .banner-link .text {
    margin-right: 14px;
  }

  .confirm .contact-section > .wrapper .inner .contents-wrapper .wrapper {
    padding-bottom: 60px;
  }
  .confirm .contact-section .form.section > .wrapper .inner .lead {
    width: 100%;
    min-width: auto;
    font-size: 1.5rem;
    text-align: left;
  }
  .confirm .contact-section .form.section > .wrapper .inner dd {
    border-radius: 10px;
  }
  .confirm .contact-section .form.section > .wrapper .button-wrapper {
    margin-top: 48px;
    display: block;
    min-width: auto;
  }
  .confirm .contact-section .form.section > .wrapper .button-wrapper .button {
    margin: 0 auto;
  }
  .confirm .contact-section .form.section > .wrapper .button-wrapper .button.submit {
    margin-bottom: 20px;
  }
  .confirm .contact-section .form.section > .wrapper .button .send-button {
    background-position: calc(50% + 88px), center;
  }
  .confirm .contact-section .form.section > .wrapper .button .back-button {
    background-position: calc(50% - 22px), center;
  }
  .confirm .contact-section .form.section > .wrapper .form-wrap {
    border-radius: 10px;
    width: 100%;
    min-width: auto;
    padding: 30px 6% 26px 6%;
    margin: 0px auto 38px;
  }

  /* :::::::::::::::::  faq  ::::::::::::::::   */
  .faq-section .wrapper {
    padding-top: calc(112px + 160px);
    padding-top: 19px;
  }
  .faq-section .wrapper .inner .dec-title-wrapper .page-title {
    font-size: 4.8rem;
    background-size: 80px;
    min-height: 80px;
    letter-spacing: 0.06em;
    padding-left: 38px;
    padding-bottom: 5px;
  }
  .faq-section .wrapper .inner .contents-wrapper .inner {
    padding-top: 26px;
    display: block;
    padding-bottom: 139px;
  }
  .faq-section .wrapper .inner .contents-wrapper .inner .left {
    width: 100%;
    padding-top: 0;
  }
  .faq-section .wrapper .inner .contents-wrapper .inner .left .category-list {
    margin-bottom: 49px;
  }
  .faq-section .wrapper .inner .contents-wrapper .inner .left .category-list .category-item.service {
    margin-bottom: 12px;
  }
  .faq-section .wrapper .inner .contents-wrapper .inner .right {
    margin-left: 0;
  }
  .faq-section .wrapper .inner .contents-wrapper .inner .right .category-name {
    font-size: 2rem;
    background-size: 20px 23px;
    min-height: 23px;
    padding-left: 30px;
    margin-bottom: 22px;
  }
  .faq-section .wrapper .inner .contents-wrapper .inner .right .category-name::after {
    bottom: -2px;
    left: 32px;
  }
  .faq-section .wrapper .inner .contents-wrapper .inner .right .category-block.recruit {
    margin-top: 83px;
  }
  .faq-section .wrapper .inner .contents-wrapper .inner .right .block-wrapper .block {
    padding-top: 26px;
    padding-bottom: 8px;
  }
  .faq-section .wrapper .inner .contents-wrapper .inner .right .block-wrapper .block .question {
    line-height: 1.61;
    margin-left: 0;
    margin-right: 0;
    background-size: 32px 43px;
    padding-left: 66px;
    padding-right: 78px;
    margin-bottom: 17px;
  }
  .faq-section .wrapper .inner .contents-wrapper .inner .right .block-wrapper .block .question::before {
    width: 38px;
    height: 38px;
    top: 0;
  }
  .faq-section .wrapper .inner .contents-wrapper .inner .right .block-wrapper .block .answer {
    line-height: 1.66;
    margin-left: 0;
    margin-right: 0;
    background-size: 50px 47px;
    padding-left: 66px;
    background-position: left 0px;
  }
  .faq-section .wrapper .inner .contents-wrapper .inner .right .block-wrapper .block .toggle-button.open + .answer {
    padding-bottom: 27px;
  }

  /* :::::::::::::::::  talk  ::::::::::::::::   */
  .talk-section.talk-archive .dec-talk-wrapper .page-title {
    left: 33px;
    top: 0px;
    padding-left: 0;
  }
  .talk-section.talk-archive .dec-talk-wrapper .dec-talk2 {
    top: 59px;
  }
  .talk-section.talk-archive .wrapper {
    padding-top: 25px;
    padding-bottom: 127px;
  }
  .talk-section.talk-archive .article-wrapper .article-block:first-of-type {
    margin-top: -3px;
  }

  footer .wrapper {
    margin-top: -51px;
  }
  footer .wrapper .page-top-wrapper .page-top {
    width: 30px;
    height: 31px;
    margin-bottom: 17px;
  }
  footer .wrapper .page-top-wrapper .page-top .text {
    font-size: 1.3rem;
  }
  footer .wrapper .page-top-wrapper .page-top img {
    width: 30px;
    height: auto;
  }
  footer .wrapper .footer-navi-wrapper {
    padding-top: 33px;
  }
  footer .wrapper .footer-navi-wrapper .footer-navi .top {
    display: block;
    padding-bottom: 25px;
  }
  footer .wrapper .footer-navi-wrapper .footer-navi .top .right {
    display: none;
  }
  footer .wrapper .footer-navi-wrapper .footer-navi .top .left {
    text-align: center;
  }
  footer .wrapper .footer-navi-wrapper .footer-navi .top .left img {
    width: 120px;
    height: auto;
  }
  footer .wrapper .footer-navi-wrapper .footer-navi .bottom {
    display: block;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 13px;
  }
  footer .wrapper .footer-navi-wrapper .footer-navi .bottom .left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  footer .wrapper .footer-navi-wrapper .footer-navi .bottom .left .copyright {
    font-size: 1.1rem;
    margin-right: 0;
  }
  footer .wrapper .footer-navi-wrapper .footer-navi .bottom .left .privacy {
    font-size: 1.1rem;
    margin-bottom: 12px;
  }
  footer .wrapper .footer-navi-wrapper .footer-navi .bottom .right {
    display: none;
  }
  /* :::::::::::::::::  about  ::::::::::::::::   */
  .about-section > .wrapper {
    padding-top: 20px;
  }
  .about-section > .wrapper .inner {
    padding-top: 46px;
  }
  .about-section > .wrapper .inner .page-title-wrapper .page-lead {
    background-size: 205px 119px;
    padding-top: 19px;
  }
  .about-section > .wrapper .inner .page-title-wrapper .page-lead .text {
    width: 100%;
    min-width: auto;
    font-size: 1.6rem;
    line-height: 1.87;
    padding-bottom: 24px;
    padding-right: 0;
    margin-bottom: 33px;
  }
  .about-section > .wrapper .inner .contents-wrapper .ourservice {
    padding-top: 36px;
    padding-bottom: 58px;
  }
  .about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .section-title.middle {
    margin-bottom: 54px;
    margin-bottom: 26px;
  }
  .about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .section-title.middle span {
    font-size: 3rem;
  }
  .about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .section-title.middle .bold {
    font-size: 3.2rem;
    padding-top: 8px;
    padding-right: 8px;
  }
  .about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .top {
    margin-bottom: 34px;
  }
  .about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .top .block {
    width: 100%;
    margin-bottom: 55px;
  }
  .about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .top .block > img {
    z-index: 10;
    position: relative;
  }
  .about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .top .block .circle {
    margin-bottom: -21px;
    width: 140px;
    height: auto;
  }
  .about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .top .block .dots-col {
    display: none;
  }
  .about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .top .block .client {
    z-index: 5;
    height: auto;
  }
  .about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .top .block .client .client-list {
    padding-top: 51px;
    padding-bottom: 33px;
    text-align: center;
  }
  .about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .top .block .client .client-list .client-item {
    margin-bottom: 10px;
  }
  .about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .top .block1 {
    margin-bottom: 67px;
  }
  .about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .top .block2 {
    margin-bottom: 67px;
  }
  .about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .top .block3 {
    margin-bottom: 0;
  }
  .about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .top .block2::before {
    left: 50%;
    margin-left: -9px;
    top: -43px;
  }
  .about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .top .block3::before {
    left: 50%;
    margin-left: -9px;
    top: -43px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .bottom {
    margin-bottom: 38px;
  }
  .about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .bottom .text {
    line-height: 1.8;
  }
  .about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .bottom .text:first-of-type {
    margin-bottom: 23px;
  }
  .about-section > .wrapper .inner .contents-wrapper .philosophy .wrapper .inner {
    display: block;
    padding-top: 50px;
  }
  .about-section > .wrapper .inner .contents-wrapper .philosophy .wrapper .inner > .left {
    margin-bottom: 80px;
  }
  .about-section > .wrapper .inner .contents-wrapper .philosophy .wrapper .inner .right {
    width: 100%;
    margin-left: 0;
  }
  .about-section > .wrapper .inner .contents-wrapper .philosophy .wrapper .inner .right .philosophy-wrapper {
    margin-bottom: 0px;
  }
  .about-section > .wrapper .inner .contents-wrapper .philosophy .wrapper .inner .right .philosophy-wrapper .block {
    display: block;
    margin-bottom: 97px;
  }
  .about-section > .wrapper .inner .contents-wrapper .philosophy .wrapper .inner .right .philosophy-wrapper .block .block-title {
    margin-left: 35px;
    margin-bottom: 19px;
    margin-top: 0;
  }
  .about-section > .wrapper .inner .contents-wrapper .philosophy .wrapper .inner .right .philosophy-wrapper .block .block-title .ja {
    background-size: 50px;
    height: 50px;
    padding-left: 28px;
    padding-top: 3px;
  }
  .about-section > .wrapper .inner .contents-wrapper .philosophy .wrapper .inner .right .philosophy-wrapper .block .details {
    width: 100%;
  }
  .about-section > .wrapper .inner .contents-wrapper .philosophy .wrapper .inner .right .philosophy-wrapper .block .details .detail {
    padding-left: 15px;
    margin-bottom: 35px;
  }
  .about-section > .wrapper .inner .contents-wrapper .philosophy .wrapper .inner .right .philosophy-wrapper .block:last-of-type {
    margin-bottom: 68px;
  }
  .about-section > .wrapper .inner .contents-wrapper .member {
    padding-top: 0;
    padding-bottom: 32px;
  }
  .about-section > .wrapper .inner .contents-wrapper .member .wrapper {
    width: 84%;
  }
  .about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner {
    display: block;
    padding-top: 50px;
  }
  .about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-left {
    width: 100%;
    margin-bottom: 30px;
  }
  .about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right {
    width: 100%;
  }
  .about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right > .top .name-wrapper {
    margin-top: 28px;
    margin-bottom: 17px;
  }
  .about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right > .top .name-wrapper .name {
    padding-bottom: 22px;
  }
  .about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right > .top .name-wrapper .en {
    top: -10px;
    padding-left: 31px;
    width: 122px;
    background-size: 50px;
    height: 50px;
  }
  .about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right > .top .text-wrapper {
    line-height: 1.92;
    margin-bottom: 74px;
  }
  .about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right > .top .text-wrapper .text {
    margin-bottom: 27px;
  }
  .about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right > .top .text-wrapper a:first-of-type {
    margin-top: -11px;
  }
  .about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right > .botom {
    display: block;
  }
  .about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right > .botom .top {
    margin-bottom: 12px;
  }
  .about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right > .botom .img-wrapper {
    margin-right: 20px;
  }
  .about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right > .botom .profile.small {
    width: 100%;
  }
  .about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right > .botom .profile.small .position {
    margin-bottom: 12px;
  }
  .about-section > .wrapper .inner .contents-wrapper .member .wrapper .inner .col-right > .botom .profile.small .text-wrapper .text {
    line-height: 1.92;
    margin-bottom: 24px;
  }
  .about-section > .wrapper .inner .contents-wrapper .about .wrapper .inner {
    padding-top: 57px;
    padding-bottom: 125px;
    display: block;
  }
  .about-section > .wrapper .inner .contents-wrapper .about .wrapper .inner .left {
    margin-bottom: 42px;
  }
  .about-section > .wrapper .inner .contents-wrapper .about .wrapper .inner .right {
    width: 100%;
    min-width: auto;
  }
  .about-section > .wrapper .inner .contents-wrapper .about .wrapper .inner .right .row .title {
    width: 110px;
    letter-spacing: 0;
  }

  /* :::::::::::::::::  single  ::::::::::::::::   */
  .single article {
    padding-top: 47px;
  }
  .single .single-section .article-title-wrapper .inner {
    width: 84%;
    margin: 0 auto;
    min-width: initial;
    min-width: auto;
    max-width: 100%;
    padding-bottom: 30px;
  }
  .single .single-section .article-title-wrapper .inner .talk-num {
    margin-bottom: 19px;
  }
  .single .single-section .article-title-wrapper .inner h1 {
    font-size: 2.7rem;
    line-height: 1.59;
  }
  .single .single-section .article-wrapper .section.article .wrapper .inner {
    width: 84%;
    margin: 0 auto;
    min-width: initial;
    min-width: auto;
    max-width: 100%;
    padding-bottom: 62px !important;
  }
  .single .single-section .article-wrapper .section.article .wrapper .inner .people-dec {
    font-size: 1.9rem;
    margin-bottom: 20px;
  }
  .single .single-section .article-wrapper .section.article .wrapper .inner .list.project {
    margin-bottom: 27px;
  }
  .single .single-section .article-wrapper .section.article .wrapper .inner .text {
    line-height: 1.8;
    margin-bottom: 16px;
  }
  .single .single-section .article-wrapper .section.article .wrapper .inner img.has-margin {
    margin-bottom: 17px;
  }
  .single .single-section .article-wrapper .section.article .wrapper .inner img.adjacency-text {
    margin-top: 25px;
  }
  .single .single-section .article-wrapper .section.article .wrapper .inner h2 {
    font-size: 2.1rem;
    line-height: 1.5;
    margin-bottom: 27px;
  }
  .single .single-section .article-wrapper .section.article .wrapper .inner br.pc {
    display: none;
  }
  .single .single-section .article-wrapper .section.article .wrapper .inner .people-title {
    font-size: 2.7rem;
    line-height: 1.48;
  }
  .single .single-section .article-wrapper .section.article .wrapper .inner .people-title {
    padding: 22px 14px 26px;
    margin-bottom: 40px;
  }
  .single .single-section .article-wrapper .section.article .wrapper .inner .division.has-margin {
    margin-bottom: 14px;
  }
  .single .single-section .article-wrapper .section.article .wrapper .inner .division.half.has-margin {
    margin-top: 40px;
  }
  .single .single-section .article-wrapper .section.article .wrapper .inner .caption {
    margin-top: 8px;
  }
  .single .single-section .article-wrapper .section.article .wrapper .inner .question + .division {
    margin-top: 0px;
  }
  .single .single-section .article-wrapper .section.article .wrapper .inner .question {
    margin-bottom: 13px;
  }
  .single .single-section .article-wrapper .section.article .wrapper .inner .question.adjacency-img {
    margin-top: 21px;
  }
  .single .single-section .article-wrapper .first-section.section .wrapper {
    padding-top: 34px;
    padding-bottom: 0px;
  }
  .single .single-section .article-wrapper .first-section.section .wrapper .inner {
    width: 100%;
    min-width: auto;
    padding-bottom: 51px !important;
  }
  .single .single-section .article-wrapper .first-section.section .wrapper .inner .category-wrapper {
    width: 84%;
    margin: 0 auto;
  }
  .single .single-section .article-wrapper .first-section.section .wrapper .inner .category-wrapper .category.value {
    display: block;
    margin-bottom: 18px;
  }
  .single .single-section .article-wrapper .first-section.section .wrapper .inner .category-wrapper .category.project {
    display: block;
    margin-bottom: 11px;
  }
  .single .single-section .article-wrapper .first-section.section .wrapper .inner .tag-list {
    margin-bottom: 11px;
  }
  .single .single-section .article-wrapper .first-section.section .wrapper .inner .balloon .text-wrapper {
    padding-top: 27px;
    padding-bottom: 32px;
  }
  .single .single-section .article-wrapper .first-section.section .wrapper .inner .balloon .text-wrapper .text {
    width: 80%;
    line-height: 2;
  }
  .single .single-section .article-wrapper .first-section.section .wrapper .inner .balloon .text-wrapper::before {
    width: 42px;
    height: 21px;
    left: 21px;
    bottom: -19px;
  }
  .single .single-section .article-wrapper .second-section .wrapper .inner {
    padding-top: 56px;
  }
  .single .single-section .article-wrapper .second-section .wrapper .inner .toc-wrapper {
    margin-bottom: 45px;
  }
  .single .single-section .article-wrapper .second-section .wrapper .inner .toc-wrapper .title {
    font-size: 1.6rem;
    padding-top: 17px;
  }
  .single .single-section .article-wrapper .second-section .wrapper .inner .toc-wrapper .toc-list {
    margin: 17px 1.3% 0;
    padding: 27px 5% 18px;
  }
  .single .single-section .article-wrapper .second-section .wrapper .inner .toc-wrapper .toc-list .row {
    display: block;
    margin-bottom: 18px;
  }
  .single .single-section .article-wrapper .second-section .wrapper .inner .toc-wrapper .toc-list .row .right {
    font-size: 1.6rem;
  }
  .single .single-section .article-wrapper .second-section .wrapper .inner .toc-wrapper .toc-list .row .left {
    padding-left: 28px;
    padding-top: 0px;
    margin-bottom: 6px;
    background-position: left 0px;
  }
  .single .single-section .article-wrapper .second-section .wrapper .inner .speaker-wrapper {
    padding-bottom: 41px;
    margin-bottom: 38px;
  }
  .single .single-section .article-wrapper .second-section .wrapper .inner .speaker-wrapper .speaker {
    max-width: 300px;
  }
  .single .single-section .article-wrapper .second-section .wrapper .inner .speaker-wrapper .speaker .img-wrapper {
    margin-right: 11px;
  }
  .single .single-section .article-wrapper .second-section .wrapper .inner .speaker-wrapper .line-wrapper {
    width: 20px;
    height: 20px;
  }
  .single .single-section .article-wrapper .second-section .wrapper .inner .speaker-wrapper .line-wrapper .line {
    height: 20px;
    margin-right: -10px;
  }
  .single .single-section .credit .title {
    margin-bottom: 23px;
  }
  .single .single-section .credit .credit-inner {
    display: block;
  }
  .single .single-section .credit .credit-inner .left {
    width: 100%;
  }
  .single .single-section .credit .credit-inner .role {
    margin-bottom: 9px;
  }
  .single .single-section .credit .credit-inner .left .member .member:last-of-type span:last-of-type {
    margin-bottom: 0px;
  }
  .single .single-section .credit .credit-inner .right .client .address.add {
    margin-top: 20px;
  }

  .common-single .back-button {
    margin-right: 0;
    background-size: 70px;
    width: 241px;
    background-position: right top;
    margin-bottom: 40px;
  }
  .common-single .back-button .text {
    line-height: 1;
  }

  /* :::::::::::::::::  news single  ::::::::::::::::   */
  .news-single .article-section {
    padding-top: 20px;
    min-height: 76vh;
  }
  .news-single .article-section .title-block {
    width: 84%;
    margin: 0 auto;
    min-width: initial;
    min-width: auto;
    max-width: 100%;
    padding-bottom: 21px;
  }
  .news-single .article-section .title-block .date {
    margin-bottom: 16px;
  }
  .news-single .article-section .title-block h1 {
    font-size: 2.7rem;
    line-height: 1.6;
  }
  .news-single .article-section .contents-block {
    width: 84%;
    margin: 0 auto;
    min-width: initial;
    min-width: auto;
    max-width: 100%;
  }
  .news-single .article-section .contents-block .inner {
    padding-bottom: 20px;
  }
  .news-single .article-section .contents-block .inner img {
    margin-bottom: 36px;
  }
  .news-single .article-section .contents-block .inner h2 {
    font-size: 2.7rem;
    line-height: 1.48;
    margin-bottom: 28px;
  }
  .news-single .article-section .contents-block .inner a {
    line-height: 1.8;
  }
  .news-single .article-section .contents-block .inner p {
    line-height: 1.8;
    margin-bottom: 36px;
  }
  .news-single .article-section .contents-block .inner .youtube {
    margin-bottom: 32px;
  }
  .news-single .article-section .contents-block .back-button {
    padding-top: 9px;
    width: 228px;
    margin-bottom: 25px;
  }

  /* :::::::::::::::::  privacy  ::::::::::::::::   */
  .privacy .privacy-section .wrapper {
    width: 84%;
    min-width: auto;
    padding-top: 40px;
    padding-bottom: 164px;
  }
  .privacy .privacy-section .wrapper .top {
    margin-bottom: 38px;
  }
  .privacy .privacy-section .wrapper .top .page-title {
    font-size: 2rem;
    margin-bottom: 33px;
    padding-left: 0px;
    min-height: auto;
  }
  .privacy .privacy-section .wrapper .top .yellow-line::after {
    border-bottom: 12px solid #ffe859;
    bottom: -1px;
  }
  .privacy .privacy-section .wrapper .top .lead {
    line-height: 2;
    padding-bottom: 30px;
  }
  .privacy .privacy-section .wrapper .bottom {
    padding-bottom: 25px;
  }
  .privacy .privacy-section .wrapper .bottom .block-title {
    font-size: 1.6rem;
    margin-bottom: 9px;
  }
  .privacy .privacy-section .wrapper .bottom .block {
    margin-bottom: 25px;
  }
  .privacy .privacy-section .wrapper .bottom .block .text {
    line-height: 1.64;
  }
  .privacy .privacy-section .wrapper .bottom .block .has-margin {
    margin-bottom: 9px;
  }
  .privacy .privacy-section .wrapper .bottom .block .itemization-list .child {
    line-height: 1.64;
  }
  .privacy .privacy-section .wrapper .bottom .block .num-list .child {
    line-height: 1.64;
  }
}
/* ::::::::::::::::::::::::::::::::: TABLET ::::::::::::::::::::::::::::::::: */
@media screen and (max-width: 768px) {
  .button {
    width: 100%;
    height: 60px;
    border-radius: 30px;
    font-size: 1.5rem;
  }

  .button .text {
    background-position: right 9px;
  }

  .privacy .privacy-section .wrapper .bottom {
    padding-bottom: 19px;
  }

  .single .single-section .article-wrapper .first-section.section .wrapper .inner .balloon .thumbnail {
    height: 400px;
  }

  .single .single-section .article-wrapper .section.article .wrapper .inner .division {
    display: block;
  }

  .single .single-section .article-wrapper .section.article .wrapper .inner .division.half span {
    width: 100%;
  }

  .single .single-section .article-wrapper .section.article .wrapper .inner .division .text {
    width: 100%;
  }

  .single .single-section .article-wrapper .section.article .wrapper .inner .division .img-wrapper {
    width: 100%;
  }

  .single .single-section .article-wrapper .section.article .wrapper .inner .division .img-wrapper {
    margin-top: 28px;
  }

  .single .single-section .article-wrapper .section.article .wrapper .inner .division > .img-wrapper + .text {
    margin-top: 29px;
  }

  .single .single-section .article-wrapper .section.article .wrapper .inner .question + .division {
    margin-bottom: 0;
  }

  .single .single-section .article-wrapper .second-section .wrapper .inner .speaker-wrapper {
    display: block;
  }

  .single .single-section .article-wrapper .second-section .wrapper .inner .speaker-wrapper .line-wrapper {
    margin: 0 auto;
  }

  .single .single-section .article-wrapper .second-section .wrapper .inner .speaker-wrapper .speaker + .line-wrapper {
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .single .single-section .article-wrapper .second-section .wrapper .inner .speaker-wrapper .speaker .img-wrapper img {
    width: 60px;
    height: 60px;
  }

  .single .single-section .credit .credit-inner {
    display: block;
  }

  .recruit-section > .wrapper .inner .contents-wrapper .banner .banner-link .text {
    font-size: 1.6rem;
  }

  .index.container .news .wrapper .inner .news-list .item {
    width: 100%;
  }
}
/* ::::::::::::::::::::::::::::::::: SP ::::::::::::::::::::::::::::::::: */
@media screen and (max-width: 480px) {
  .single .single-section .article-wrapper .first-section.section .wrapper .inner .balloon .thumbnail {
    height: 216px;
  }

  .about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .top .block .client .client-list {
    text-align: left;
    padding-left: 14%;
    padding-right: 14%;
    padding-top: 44px;
    padding-bottom: 28px;
  }

  .about-section > .wrapper .inner .contents-wrapper .ourservice .wrapper .inner .top .block .client .client-list .client-item {
    margin-bottom: 5px;
  }
}
/*# sourceMappingURL=common.css.map */