@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Gruppo&family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Poiret+One&family=Shippori+Mincho:wght@400;700&display=swap");
@import url("https://use.typekit.net/kds7svt.css");
*, *::before, *::after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

img {
  max-width: 100%;
  display: block;
}

input, button, textarea, select {
  font: inherit;
}

html {
  font-size: 62.5%;
}

body {
  text-rendering: optimizeSpeed;
  position: relative;
  height: auto;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  line-height: 1.6;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  -webkit-overflow-scrolling: touch;
  letter-spacing: 0.05em;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  font-weight: normal;
  color: #000000;
}

dl, dt, dd, ul, li, table, tbody, tr, td, th, input, select, option, textarea, nav {
  display: block;
}

a {
  text-decoration: none;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  display: block;
  color: #000000;
}

a:hover {
  opacity: 0.7;
}

.br-sp {
  display: none;
}

.pc-display {
  display: block;
}

.sp-display {
  display: none;
}

.container {
  width: 62.5%;
  margin: 0 auto;
}

header {
  padding: 2.8rem 0;
  width: 100%;
  background-color: #ffffff;
}
header .header-in {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
header .header-in .logo {
  width: 28.5%;
}
header .header-in .logo a {
  width: 100%;
}
header .header-in .logo a img {
  width: 100%;
}
header .header-in .gnav nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
header .header-in .gnav nav ul li {
  padding: 0 2.5rem;
}
header .header-in .gnav nav ul li a {
  text-align: center;
  font-size: 1.6rem;
  color: #000000;
}
header .header-in .gnav nav ul li:last-child {
  background-color: #60C1BD;
  border-radius: 1rem;
  padding: 1rem 2rem;
  letter-spacing: 0.2em;
}
header .header-in .gnav nav ul li:last-child a {
  color: #ffffff;
}

.mv {
  width: 100%;
  background: url(img/mv-bg_7.png) center center no-repeat;
  background-size: cover;
  padding: 25rem 0;
}
.mv .mv-in {
  width: 100%;
}
.mv .mv-in p {
  font-size: 6.7rem;
  letter-spacing: 0.2em;
  color: #ffffff;
  line-height: 1.5;
  text-shadow: 1px 1px 4px #000000;
  font-family: "Poiret One";
}
.mv .mv-in p span {
  font-family: "Noto Sans JP";
  font-size: 2.2rem;
  font-weight: 200;
}

.tag {
  width: 100%;
  margin: 5rem 0;
}
.tag .tag-in {
  width: 60%;
  margin: 0 auto;
  //background: url(img/tag-bg-pc.png) center center no-repeat;
  background-size: cover;
  height: 47rem;
  position: relative;
}
.tag .tag-in .tag-desc1 {
  font-size: 6rem;
  color: #ffffff;
  line-height: 1.1;
}
.tag .tag-in .tag-desc1 small {
  font-size: 7.2rem;
  color: #ff0000;
}
.tag .tag-in .tag-desc2 {
  font-size: 5rem;
  line-height: 1.1;
  color: #ffffff;
}
.tag .tag-in .tag-desc2 span {
  display: block;
  font-size: 2rem;
}
.tag .tag-in .tag-desc4 {
  font-size: 5rem;
  line-height: 1.1;
}
.tag .tag-in .tag-desc4 span {
  display: block;
  font-size: 2rem;
}
.tag .tag-in .tag-desc3 {
  font-size: 6rem;
  color: #000000;
  line-height: 1.1;
}
.tag .tag-in .tag-desc3 small {
  font-size: 7.2rem;
  color: #ff0000;
}

.tag-name1 {
  position: absolute;
  top: 40%;
  left: 25%;
}

.tag-name2 {
  position: absolute;
  bottom: 40%;
  right: 25%;
}

.top-business {
  width: 100%;
  background: url(img/top-business-bg.png) center center no-repeat;
  background-size: cover;
  padding: 4rem 0;
}
.top-business .top-business-in {
  width: 100%;
}
.top-business .top-business-in h2 {
  text-align: center;
  font-size: 5rem;
  font-weight: 500;
  color: #ffffff;
  font-family: futura-pt;
  font-style: italic;
  letter-spacing: 0.2em;
  margin-bottom: 3rem;
}
.top-business .top-business-in .vision {
  width: 80%;
  margin: 0 auto;
  padding: 3rem 5rem;
  background-color: #60C1BD;
}
.top-business .top-business-in .vision h3 {
  font-size: 4rem;
  font-weight: 500;
  color: #ffffff;
  font-family: futura-pt;
  font-style: italic;
  letter-spacing: 0.2em;
  line-height: 1.2;
}
.top-business .top-business-in .vision h3::after {
  content: "事業概要";
  display: block;
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  margin-bottom: 3rem;
}
.top-business .top-business-in .vision p {
  font-size: 2rem;
  color: #ffffff;
  font-size: 1.5rem;
  margin-top: 2rem;
  padding-left: 3.8rem;
  line-height: 2;
  border-left: 1px solid #ffffff;
}
.top-business .top-business-in .top_business_content {
  width: 100%;
  padding: 6rem 0;
}
.top-business .top-business-in .top_business_content .top_business_contents {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: rgb(255, 255, 255);
  padding: 4rem 3.5rem;
  margin-bottom: 4rem;
  position: relative;
}
.top-business .top-business-in .top_business_content .top_business_contents .top_business_contents_txt {
  width: 60%;
}
.top-business .top-business-in .top_business_content .top_business_contents .top_business_contents_txt h4 {
  font-size: 7rem;
  font-style: italic;
  font-family: futura-pt;
  line-height: 1;
  margin-bottom: 3rem;
  color: #60C1BD;
}
.top-business .top-business-in .top_business_content .top_business_contents .top_business_contents_txt a {
  font-size: 3.5rem;
  color: #60C1BD;
  margin-bottom: 4rem;
  font-weight: 600;
}
.top-business .top-business-in .top_business_content .top_business_contents .top_business_contents_txt p {
  font-size: 1.8rem;
}
.top-business .top-business-in .top_business_content .top_business_contents .top_business_contents_txt p span {
  display: block;
  font-size: 1.2rem;
}
.top-business .top-business-in .top_business_content .top_business_contents .top_business_contents_img {
  width: 30%;
}
.top-business .top-business-in .top_business_content .top_business_contents .top_business_contents_img img {
  width: 100%;
}

.more-btn {
  text-align: center;
  font-size: 2rem;
  background-color: #60C1BD;
  padding: 1.5rem 2rem;
  border-radius: 10rem;
  width: 40%;
  margin: 0 auto;
  color: #ffffff;
  letter-spacing: 0.15em;
}

footer {
  width: 100%;
  background-color: #60C1BD;
}
footer .footer-in {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2rem 0;
}
footer .footer-in .footer-logo {
  width: 6%;
}
footer .footer-in .footer-logo img {
  width: 100%;
}
footer .footer-in .footer-gnav nav ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
footer .footer-in .footer-gnav nav ul li a {
  color: #ffffff;
  font-size: 1.5rem;
  padding: 0 2rem;
}
footer p {
  text-align: center;
  background-color: #ffffff;
  font-size: 1.2rem;
  padding: 1.5rem 0;
}

.top-news {
  width: 100%;
  padding: 4rem 0;
}
.top-news h2 {
  font-size: 4rem;
  font-weight: 500;
  font-family: futura-pt;
  font-style: italic;
  letter-spacing: 0.2em;
  line-height: 1.2;
  text-align: center;
}
.top-news h2::after {
  content: "お知らせ";
  display: block;
  font-size: 1.5rem;
  letter-spacing: 0.1em;
  margin-bottom: 3rem;
}
.top-news .top-news-in {
  width: 100%;
  padding-bottom: 4rem;
}
.top-news .top-news-in .top-news-content {
  width: 80%;
  margin: 0 auto 2rem;
  border-top: 1px solid rgb(138, 138, 138);
  padding-top: 2rem;
}
.top-news .top-news-in .top-news-content dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.top-news .top-news-in .top-news-content dl dt {
  font-size: 1.6rem;
  width: 10%;
  background-color: #60C1BD;
  color: #ffffff;
  padding: 0.5rem;
  text-align: center;
}
.top-news .top-news-in .top-news-content dl dd {
  font-size: 1.4rem;
  width: 90%;
  padding-left: 4rem;
}

.under-title {
  width: 100%;
  padding: 15rem 0;
}
.under-title h1 {
  text-align: center;
  font-size: 5rem;
  color: #ffffff;
  letter-spacing: 0.2em;
}

.terms-title {
  width: 100%;
  padding: 10rem 0;
  background: url(img/terms-bg.png) center center no-repeat;
  background-size: cover;
}
.terms-title h1 {
  text-align: center;
  font-size: 5rem;
  letter-spacing: 0.2em;
}

.recruit-title {
  background: url(img/recruit-bg.png) center center no-repeat;
  background-size: cover;
}

.business-title {
  background: url(img/business-bg.png) center center no-repeat;
  background-size: cover;
}

.company-title {
  background: url(img/company-bg.png) center center no-repeat;
  background-size: cover;
}

.contact-title {
  background: url(img/contact-bg.png) center center no-repeat;
  background-size: cover;
}

.philosophy {
  width: 100%;
  padding: 12rem 0;
}
.philosophy .philosophy-in {
  width: 100%;
}
.philosophy .philosophy-in h3 {
  font-size: 5rem;
  font-style: italic;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Shippori Mincho";
  position: relative;
}
.philosophy .philosophy-in h3::before {
  content: "philosophy";
  font-size: 20rem;
  font-style: italic;
  font-weight: 700;
  opacity: 0.1;
  position: absolute;
  top: -0.76em;
  left: 20rem;
  display: block;
}
.philosophy .philosophy-in h3::after {
  content: "";
  height: 1px;
  width: 20rem;
  background: #000000;
  display: block;
  margin-left: 4rem;
}
.philosophy .philosophy-in p {
  font-size: 1.6rem;
  padding-top: 3.5rem;
  line-height: 2.1;
}

.top-message {
  width: 100%;
  padding: 10rem 0;
}
.top-message .top-message-in {
  width: 100%;
  //background: url(img/ceo.png) right bottom no-repeat;
  background-size: 32%;
}
.top-message .top-message-in h3 {
  font-size: 5rem;
  font-style: italic;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Shippori Mincho";
  position: relative;
}
.top-message .top-message-in h3::before {
  content: "message";
  font-size: 20rem;
  font-style: italic;
  font-weight: 700;
  opacity: 0.1;
  position: absolute;
  top: -0.76em;
  left: 20rem;
  display: block;
}
.top-message .top-message-in h3::after {
  content: "";
  height: 1px;
  width: 10rem;
  background: #ffffff;
  display: block;
  margin-top: 2rem;
}
.top-message .top-message-in p {
  font-size: 1.8rem;
  width: 60%;
  margin-right: auto;
  line-height: 2.1;
  padding-top: 4rem;
}

.company-detail {
  width: 100%;
  margin-top: 6rem;
}
.company-detail h2 {
  padding: 7rem 0;
  background: url(img/company-detail-bg.png) center center no-repeat;
  background-size: cover;
  text-align: center;
  font-size: 6rem;
  color: #ffffff;
  position: relative;
}
.company-detail h2::after {
  content: "COMPANY";
  text-align: center;
  font-size: 1.4rem;
  display: block;
}
.company-detail .company-detail-in {
  width: 100%;
  background-color: #ffffff;
  padding: 1.5rem 2rem;
}
.company-detail .company-detail-in table {
  width: 100%;
  display: block;
}
.company-detail .company-detail-in table tbody {
  width: 100%;
  display: block;
}
.company-detail .company-detail-in table tbody tr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
}
.company-detail .company-detail-in table tbody tr td {
  display: block;
  padding: 1.5rem 2rem;
  font-size: 1.7rem;
  margin: 1px;
}
.company-detail .company-detail-in table tbody tr .company-table1 {
  width: 35%;
  background-color: #DFDFDF;
}
.company-detail .company-detail-in table tbody tr .company-table2 {
  width: 65%;
  background-color: #F8F8F8;
}

.history {
  width: 100%;
  padding: 8rem 0;
  margin-top: 8rem;
}
.history .history-in {
  width: 100%;
}
.history .history-in h3 {
  font-size: 5rem;
  font-style: italic;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Shippori Mincho";
  position: relative;
  text-align: right;
}
.history .history-in h3::before {
  content: "history";
  font-size: 20rem;
  font-style: italic;
  font-weight: 700;
  opacity: 0.1;
  position: absolute;
  top: -0.76em;
  right: 20rem;
  display: block;
}
.history .history-in h3::after {
  content: "";
  height: 1px;
  width: 20rem;
  background-color: #000000;
  display: block;
  margin-left: auto;
  margin-top: 2rem;
}
.history .history-in .history-content {
  width: 100%;
  margin-top: 10rem;
}
.history .history-in .history-content img {
  width: 100%;
}

.business-content {
  width: 100%;
}
.business-content .business-content-inner {
  width: 62.5%;
  margin: 0 auto;
}
.business-content .business-content-inner .business-subheading {
  font-size: 1.7rem;
  letter-spacing: 0.2em;
  text-align: center;
  margin: 4rem 0 14rem;
}
.business-content .business-content-inner .business-contents-wrapper1 {
  width: 100%;
}
.business-content .business-content-inner .business-contents-wrapper1 h2 {
  text-align: center;
  font-size: 5rem;
  font-weight: 100;
  margin-bottom: 2rem;
  position: relative;
}
.business-content .business-content-inner .business-contents-wrapper1 h2::before {
  content: "01";
  position: absolute;
  font-style: italic;
  font-size: 20rem;
  opacity: 0.1;
  font-weight: 300;
  top: -14rem;
  left: 10rem;
  font-family: "Shippori Mincho";
}
.business-content .business-content-inner .business-contents-wrapper1 .business-contents-inner {
  width: 100%;
  background-color: #60C1BD;
  padding: 9rem 10rem;
}
.business-content .business-content-inner .business-contents-wrapper1 .business-contents-inner .business-contents1 {
  background-color: #ffffff;
  border-radius: 1rem;
  padding: 2.5rem 2.5rem 2.5rem 48rem;
  position: relative;
}
.business-content .business-content-inner .business-contents-wrapper1 .business-contents-inner .business-contents1 img {
  position: absolute;
  width: 45%;
  top: -4rem;
  left: -4rem;
}
.business-content .business-content-inner .business-contents-wrapper1 .business-contents-inner .business-contents1 h3 {
  font-size: 2.8rem;
  margin-bottom: 3.5rem;
}
.business-content .business-content-inner .business-contents-wrapper1 .business-contents-inner .business-contents1 p {
  font-size: 1.5rem;
}
.business-content .business-content-inner .business-contents-wrapper1 .business-contents-inner .business-contents2 {
  background-color: #ffffff;
  border-radius: 0.52vw;
  padding: 2.5rem 48rem 2.5rem 2.5rem;
  position: relative;
  margin-top: 8rem;
}
.business-content .business-content-inner .business-contents-wrapper1 .business-contents-inner .business-contents2 img {
  position: absolute;
  width: 45%;
  top: -4rem;
  right: -4rem;
}
.business-content .business-content-inner .business-contents-wrapper1 .business-contents-inner .business-contents2 h3 {
  font-size: 2.8rem;
  margin-bottom: 3.5rem;
}
.business-content .business-content-inner .business-contents-wrapper1 .business-contents-inner .business-contents2 p {
  font-size: 1.5rem;
}
.business-content .business-content-inner .business-contents-wrapper2 {
  width: 100%;
  margin-top: 10rem;
  margin-bottom: 10rem;
}
.business-content .business-content-inner .business-contents-wrapper2 h2 {
  text-align: center;
  font-size: 6rem;
  font-weight: 100;
  margin-bottom: 3rem;
  position: relative;
}
.business-content .business-content-inner .business-contents-wrapper2 h2::before {
  content: "02";
  position: absolute;
  font-style: italic;
  font-size: 20rem;
  opacity: 0.1;
  font-weight: 300;
  top: -14rem;
  left: 10rem;
  font-family: "Shippori Mincho";
}
.business-content .business-content-inner .business-contents-wrapper2 .business-contents-head-img {
  width: 100%;
}
.business-content .business-content-inner .business-contents-wrapper2 .business-contents-inner {
  width: 100%;
  background-color: #60C1BD;
  padding: 8rem 7rem;
}
.business-content .business-content-inner .business-contents-wrapper2 .business-contents-inner .business-contents1 {
  background-color: #ffffff;
  border-radius: 1rem;
  padding: 22rem 3rem 6rem 3rem;
  position: relative;
}
.business-content .business-content-inner .business-contents-wrapper2 .business-contents-inner .business-contents1 img {
  position: absolute;
  width: 60%;
  top: -4rem;
  left: -4rem;
}
.business-content .business-content-inner .business-contents-wrapper2 .business-contents-inner .business-contents1 h3 {
  font-size: 3rem;
  margin-bottom: 3rem;
}
.business-content .business-content-inner .business-contents-wrapper2 .business-contents-inner .business-contents1 p {
  font-size: 1.5rem;
}
.business-content .business-content-inner .business-contents-wrapper2 .business-contents-inner .business-contents2 {
  background-color: #ffffff;
  border-radius: 1rem;
  padding: 22rem 3rem 6rem 3rem;
  position: relative;
  margin-top: 6rem;
}
.business-content .business-content-inner .business-contents-wrapper2 .business-contents-inner .business-contents2 img {
  position: absolute;
  width: 60%;
  top: -4rem;
  right: -4rem;
}
.business-content .business-content-inner .business-contents-wrapper2 .business-contents-inner .business-contents2 h3 {
  font-size: 3rem;
  margin-bottom: 3rem;
}
.business-content .business-content-inner .business-contents-wrapper2 .business-contents-inner .business-contents2 p {
  font-size: 1.5rem;
}

.recruit-content {
  width: 100%;
  margin: 10rem 0;
}
.recruit-content .recruit-content-in {
  width: 100%;
}
.recruit-content .recruit-content-in .recruit-heading1 {
  font-size: 8rem;
  font-weight: 600;
  position: relative;
}
.recruit-content .recruit-content-in .recruit-heading1::after {
  content: "new graduate";
  font-size: 10rem;
  font-family: "Poiret One";
  color: #60C1BD;
  font-weight: 100;
  font-style: italic;
  position: absolute;
  top: 2rem;
  left: 4rem;
  -webkit-transform: rotate(-8deg);
          transform: rotate(-8deg);
}
.recruit-content .recruit-content-in .recruit-heading2 {
  font-size: 8rem;
  font-weight: 600;
  position: relative;
  width: 60%;
  margin-left: auto;
}
.recruit-content .recruit-content-in .recruit-heading2::after {
  content: "mid career";
  font-size: 10rem;
  font-family: "Poiret One";
  color: #60C1BD;
  font-weight: 100;
  font-style: italic;
  position: absolute;
  top: 4rem;
  left: 4rem;
  -webkit-transform: rotate(-8deg);
          transform: rotate(-8deg);
}
.recruit-content .recruit-content-in .recruit-heading3 {
  font-size: 8rem;
  font-weight: 600;
  position: relative;
}
.recruit-content .recruit-content-in .recruit-heading3::after {
  content: "part time";
  font-size: 10rem;
  font-family: "Poiret One";
  color: #60C1BD;
  font-weight: 100;
  font-style: italic;
  position: absolute;
  top: 4rem;
  left: 4rem;
  -webkit-transform: rotate(-8deg);
          transform: rotate(-8deg);
}
.recruit-content .recruit-content-in .require2 {
  width: 70%;
  margin-right: auto;
  background-color: #60C1BD;
  padding: 3.5rem 4.5rem;
  color: #ffffff;
  margin-top: 7rem;
}
.recruit-content .recruit-content-in .require2 h4 {
  text-align: center;
  font-weight: 600;
  font-size: 4.5rem;
  margin-bottom: 2rem;
}
.recruit-content .recruit-content-in .require2 table {
  width: 100%;
}
.recruit-content .recruit-content-in .require2 table tbody {
  width: 100%;
}
.recruit-content .recruit-content-in .require2 table tbody tr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.recruit-content .recruit-content-in .require2 table tbody tr:nth-child(1) {
  border-top: 1px solid #ffffff;
}
.recruit-content .recruit-content-in .require2 table tbody tr td {
  padding: 1.8rem 0.5rem;
  font-size: 1.5rem;
  border-bottom: 1px solid #ffffff;
}
.recruit-content .recruit-content-in .require2 table tbody tr td span {
  font-size: 1.2rem;
}
.recruit-content .recruit-content-in .require2 table tbody tr td:nth-child(1) {
  width: 20%;
}
.recruit-content .recruit-content-in .require2 table tbody tr td:nth-child(2) {
  width: 80%;
}
.recruit-content .recruit-content-in .require2 .flow {
  width: 100%;
}
.recruit-content .recruit-content-in .require2 .flow h4 {
  margin-top: 3rem;
}
.recruit-content .recruit-content-in .require2 .flow .flow-detail p {
  font-size: 1.8rem;
}
.recruit-content .recruit-content-in .require2 .flow .flow-detail p a {
  color: #3700ff;
  display: inline-block;
}
.recruit-content .recruit-content-in .require2 .flow .flow-detail small {
  margin-top: 1.5rem;
  font-size: 1.6rem;
}
.recruit-content .recruit-content-in .require2 .flow .flow-detail address {
  margin-top: 2rem;
  font-size: 1.8rem;
}
.recruit-content .recruit-content-in .require1 {
  width: 70%;
  margin-left: auto;
  background-color: #60C1BD;
  padding: 3.5rem 4.5rem;
  color: #ffffff;
}
.recruit-content .recruit-content-in .require1 h4 {
  text-align: center;
  font-weight: 600;
  font-size: 4.5rem;
  margin-bottom: 2rem;
}
.recruit-content .recruit-content-in .require1 table {
  width: 100%;
}
.recruit-content .recruit-content-in .require1 table tbody {
  width: 100%;
}
.recruit-content .recruit-content-in .require1 table tbody tr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.recruit-content .recruit-content-in .require1 table tbody tr:nth-child(1) {
  border-top: 1px solid #ffffff;
}
.recruit-content .recruit-content-in .require1 table tbody tr td {
  padding: 1.8rem 0.5rem;
  font-size: 1.5rem;
  border-bottom: 1px solid #ffffff;
}
.recruit-content .recruit-content-in .require1 table tbody tr td span {
  font-size: 1.2rem;
}
.recruit-content .recruit-content-in .require1 table tbody tr td:nth-child(1) {
  width: 20%;
}
.recruit-content .recruit-content-in .require1 table tbody tr td:nth-child(2) {
  width: 80%;
}
.recruit-content .recruit-content-in .require1 .flow {
  width: 100%;
}
.recruit-content .recruit-content-in .require1 .flow h4 {
  margin-top: 3rem;
}
.recruit-content .recruit-content-in .require1 .flow .flow-detail p {
  font-size: 1.8rem;
}
.recruit-content .recruit-content-in .require1 .flow .flow-detail p a {
  color: #3700ff;
  display: inline-block;
}
.recruit-content .recruit-content-in .require1 .flow .flow-detail small {
  margin-top: 1.5rem;
  font-size: 1.6rem;
}
.recruit-content .recruit-content-in .require1 .flow .flow-detail address {
  margin-top: 2rem;
  font-size: 1.8rem;
}

.faq {
  width: 100%;
}
.faq .faq-in {
  width: 100%;
}
.faq .faq-in h2 {
  padding: 4rem;
  text-align: center;
  font-size: 5rem;
  font-weight: 600;
  letter-spacing: 0.1em;
}
.faq .faq-in h2::after {
  content: "FAQ";
  font-size: 3rem;
  text-align: center;
  display: block;
  font-family: futura-pt;
  font-weight: 400;
}
.faq .faq-in .faq-content {
  width: 100%;
  margin-bottom: 5rem;
}
.faq .faq-in .faq-content .ques {
  font-size: 2.1rem;
  padding: 2rem 1.5rem;
  background-color: #60C1BD;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.faq .faq-in .faq-content .ques::before {
  content: "Q";
  font-size: 2rem;
  text-align: center;
  background-color: #b1fff5;
  padding: 0.5rem;
  display: block;
  width: 4.4rem;
  height: 4.4rem;
  margin-right: 2rem;
  border-radius: 3rem;
}
.faq .faq-in .faq-content .ans {
  font-size: 1.8rem;
  padding: 2rem 1.5rem;
}
.faq .faq-in .faq-content .ans table {
  width: 100%;
  margin-bottom: 4rem;
}
.faq .faq-in .faq-content .ans table tbody {
  width: 100%;
}
.faq .faq-in .faq-content .ans table tbody tr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #000;
}
.faq .faq-in .faq-content .ans table tbody tr:last-child {
  border-bottom: none;
}
.faq .faq-in .faq-content .ans table tbody tr td {
  padding: 1.8rem 1rem;
  font-size: 1.6rem;
}
.faq .faq-in .faq-content .ans table tbody tr td:nth-child(1) {
  width: 15%;
}
.faq .faq-in .faq-content .ans table tbody tr td:nth-child(2) {
  width: 15%;
}
.faq .faq-in .faq-content .ans table tbody tr td:nth-child(3) {
  width: 70%;
  padding: 1rem 2;
}

.contact {
  width: 100%;
  background-color: #202332;
  padding: 8rem 0;
}
.contact h2 {
  text-align: center;
  font-size: 5rem;
  color: #ffffff;
  font-weight: 600;
}
.contact h2::after {
  content: "contact";
  font-size: 3rem;
  text-align: center;
  display: block;
  font-family: futura-pt;
  font-weight: 400;
}
.contact .contact-in {
  width: 100%;
}
.contact .contact-in form {
  width: 80%;
  padding: 3rem 0;
  margin: 4rem auto 0;
}
.contact .contact-in form .element_wrap {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 2rem 0;
}
.contact .contact-in form .element_wrap label {
  width: 30%;
  font-size: 2rem;
  color: #ffffff;
}
.contact .contact-in form .element_wrap input {
  width: 60%;
  font-size: 2rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: transparent;
  border: 2px solid #40B1D0;
  color: #40B1D0;
}
.contact .contact-in form .element_wrap p {
  width: 60%;
  font-size: 2rem;
  color: #ffffff;
}
.contact .contact-in form .element_wrap textarea {
  width: 60%;
  font-size: 2rem;
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: transparent;
  border: 2px solid #40B1D0;
  color: #40B1D0;
  height: 25rem;
}
.contact .contact-in form .submit {
  width: 30%;
  margin: 4rem auto 0;
  padding: 2rem 0;
  font-size: 1.8rem;
  border-radius: 1rem;
  background-color: #60C1BD;
  color: #ffffff;
  border: none;
  -webkit-box-shadow: 0 0.3rem 0 #a6d7ff;
          box-shadow: 0 0.3rem 0 #a6d7ff;
}

.pp {
  width: 100%;
}
.pp .pp-in {
  padding: 7rem 0;
  width: 100%;
}
.pp .pp-in h1 {
  text-align: center;
  font-size: 3.8rem;
}
.pp .pp-in h2 {
  text-align: center;
  font-size: 3.8rem;
  margin-top: 12rem;
  margin-bottom: 4rem;
}
.pp .pp-in .date {
  font-size: 1.8rem;
  text-align: right;
  margin-top: 4rem;
  margin-bottom: 3rem;
}
.pp .pp-in .pp-desc {
  font-size: 1.8rem;
}
.pp .pp-in .pp-desc1 {
  margin: 3rem 0;
}
.pp .pp-in .pp-desc2 {
  margin-bottom: 4rem;
}
.pp .pp-in .pp-desc3 {
  text-align: right;
  margin-bottom: 12rem;
}
.pp .pp-in .pp-desc4 {
  margin-bottom: 4rem;
}
.pp .pp-in .pp-desc5 {
  margin-bottom: 15rem;
}
.pp .pp-in table {
  width: 100%;
  margin: 8rem 0;
}
.pp .pp-in table tbody {
  width: 100%;
}
.pp .pp-in table tbody tr {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.pp .pp-in table tbody tr td {
  padding: 1.5rem 2rem;
  font-size: 1.6rem;
}
.pp .pp-in table tbody tr td:nth-child(1) {
  width: 30%;
}
.pp .pp-in table tbody tr td:nth-child(2) {
  width: 70%;
}
.pp .pp-in .pp-desc8 {
  text-align: right;
  margin: 4rem 0;
}
.bp {
  width: 100%;
}
.bp .bp-in {
  width: 100%;
  margin: 8rem 0;
}
.bp .bp-in h1 {
  font-size: 3.2rem;
}
.bp .bp-in .bp-desc1 {
  margin: 4rem 0;
  font-size: 1.6rem;
}
.bp .bp-in .bp-desc2 {
  text-align: right;
  font-size: 1.6rem;
}

.rr {
  width: 100%;
}
.rr .rr-in {
  width: 100%;
}
.rr .rr-in h4 {
  text-align: center;
  font-size: 1.8rem;
  margin: 7rem 0;
}
.rr .rr-in .rr-content {
  width: 100%;
  margin-bottom: 7rem;
}
.rr .rr-in .rr-content h2 {
  font-size: 2.8rem;
  margin-bottom: 2.5rem;
}
.rr .rr-in .rr-content p {
  font-size: 1.6rem;
}

.news-wrapper {
  width: 100%;
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.news-inner {
  width: 62.5%;
  margin: 0 auto;
}

.tab {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.tab li {
  width: 50%;
}
.tab li a {
  width: 100%;
  padding: 1rem 0;
  font-size: 2rem;
  letter-spacing: 0.15em;
  text-align: center;
  display: block;
  font-size: 1.8rem;
  background: #fff;
  color: #000000;
}

.tab li.active a {
  background: #60C1BD;
}

.area {
  display: none;
  opacity: 0;
  background: #fff;
  padding: 4rem 6rem;
}

.area.is-active {
  display: block;
  -webkit-animation-name: displayAnime;
          animation-name: displayAnime;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes displayAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes displayAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.area {
  width: 100%;
}
.area .news-content {
  width: 100%;
  padding: 2rem 1rem;
  border-bottom: 1px solid rgba(139, 139, 139, 0.5);
}
.area .news-content dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.area .news-content dl dt, .area .news-content dl dd {
  font-size: 1.4rem;
  display: block;
}
.area .news-content dl dt {
  background-color: #60C1BD;
  padding: 1rem 2rem;
  color: #ffffff;
}
.area .news-content dl dd {
  width: 80%;
}
.area .news-content:last-child {
  border-bottom: none;
}

.gnav_sp {
  display: none;
}

.sp_menu_icon {
  display: none;
}

.thanks-txt {
  text-align: center;
  margin-top: 10rem;
  height: 70vh;
  font-size: 3rem;
}

.confirm_btn_wrapper {
  width: 60%;
  margin: 7rem auto 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.confirm_btn_wrapper .confirm_btn {
  width: 45%;
  padding: 1.5rem 0;
  text-align: center;
  font-size: 1.6rem;
  color: #ffffff;
  background-color: #60C1BD;
  border-radius: 1rem;
  border: none;
}

.element {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: opacity 1s, visibility 1s, -webkit-transform 1s;
  transition: opacity 1s, visibility 1s, -webkit-transform 1s;
  transition: opacity 1s, visibility 1s, transform 1s;
  transition: opacity 1s, visibility 1s, transform 1s, -webkit-transform 1s;
}

.is-fadein {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.between_txt {
  font-size: 1.6rem;
  text-align: center;
}

.between_txt1 {
  margin-top: 3rem;
}

.between_txt2 {
  margin-bottom: 6rem;
}

.business {
  width: 100%;
  margin-top: 7rem;
}
.business .business_content {
  width: 100%;
  padding: 6rem 0;
  background-size: contain;
}
.business .business_content:nth-child(2) {
  margin-top: 10rem;
}
.business .business_content .business_contents {
  background-color: #ffffff;
  -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
  padding: 5rem;
  position: relative;
  width: 60%;
  margin-left: 10rem;
}
.business .business_content .business_contents h1 {
  font-family: futura-pt, sans-serif;
  font-size: 10rem;
  font-style: italic;
  position: absolute;
  color: #60C1BD;
  top: -8rem;
  left: 2rem;
}
.business .business_content .business_contents a {
  font-size: 4rem;
  color: #60C1BD;
  font-weight: 600;
}
.business .business_content .business_contents h3 {
  font-size: 2rem;
}
.business .business_content .business_contents table {
  width: 100%;
  margin: 8rem 0;
}
.business .business_content .business_contents table tbody {
  width: 100%;
}
.business .business_content .business_contents table tbody tr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2rem 2rem;
}
.business .business_content .business_contents table tbody tr:nth-child(1) {
  background: #60C1BD;
}
.business .business_content .business_contents table tbody tr:nth-child(1) td {
  color: #ffffff;
}
.business .business_content .business_contents table tbody tr:nth-child(2) {
  background: #dadada;
}
.business .business_content .business_contents table tbody tr:nth-child(3) {
  background: #dadada;
}
.business .business_content .business_contents table tbody tr:nth-child(4) {
  background: #dadada;
}
.business .business_content .business_contents table tbody tr:nth-child(5) {
  background: #dadada;
}
.business .business_content .business_contents table tbody tr td {
  font-size: 1.6rem;
}
.business .business_content .business_contents table tbody tr td:nth-child(1) {
  width: 20%;
}
.business .business_content .business_contents table tbody tr td:nth-child(2) {
  width: 40%;
}
.business .business_content .business_contents table tbody tr td:nth-child(3) {
  width: 40%;
}
.business .business_content .business_contents .business_content_flex {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.business .business_content .business_contents .business_content_flex .business_content_flex_in {
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 1rem;
  padding: 2rem 3rem;
  margin-right: 1rem;
  height: 12rem;
}
.business .business_content .business_contents .business_content_flex .business_content_flex_in h4 {
  font-size: 1.8rem;
  font-weight: 600;
}
.business .business_content .business_contents .business_content_flex .business_content_flex_in p {
  font-size: 1.4rem;
}
.business .business_content .business_contents .business_content_flex .business_content_flex_in p span {
  font-size: 1.2rem;
  display: block;
}
.business .business_content1 {
  background: url(img/business_caelcard.png) right top no-repeat;
}
.business .business_content2 {
  background: url(img/business_emi.png) left top no-repeat;
}
.business .business_content2 .business_contents {
  margin-left: auto;
  margin-right: 10rem;
}

@media screen and (max-width: 450px) {
  .br-sp {
    display: block;
  }
  .pc-display {
    display: none;
  }
  .sp-display {
    display: block;
  }
  .container {
    width: 95%;
    margin: 0 auto;
  }
  header {
    padding: 2rem 0;
    width: 100%;
    background-color: #ffffff;
  }
  header .header-in {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  header .header-in .logo {
    width: 65%;
    margin: 0 auto;
  }
  header .header-in .logo a {
    width: 100%;
  }
  header .header-in .logo a img {
    width: 100%;
  }
  header .header-in .gnav {
    display: none;
  }
  .mv {
    width: 100%;
    background: url(img/mv-bg_7.png) center center no-repeat;
    background-size: cover;
    padding: 5rem 0;
  }
  .mv .mv-in {
    width: 100%;
  }
  .mv .mv-in p {
    text-align: center;
    font-size: 3.7rem;
    letter-spacing: 0.2em;
    color: #ffffff;
    line-height: 1.2;
    text-shadow: 1px 1px 4px #000000;
    font-family: "Poiret One";
  }
  .mv .mv-in p span {
    font-family: "Noto Sans JP";
    font-size: 2rem;
    font-weight: 200;
  }
  .tag {
    width: 100%;
    margin: 5rem 0;
  }
  .tag .tag-in {
    width: 90%;
    margin: 0 auto;
    //background: url(img/tag-bg-sp.png) center center no-repeat;
    background-size: cover;
    height: 53rem;
    position: relative;
  }
  .tag .tag-in .tag-desc1 {
    font-size: 4rem;
    color: #ffffff;
    line-height: 1.1;
  }
  .tag .tag-in .tag-desc1 small {
    font-size: 5.2rem;
    color: #ff0000;
  }
  .tag .tag-in .tag-desc2 {
    font-size: 4rem;
    line-height: 1.1;
    color: #ffffff;
  }
  .tag .tag-in .tag-desc2 span {
    display: block;
    font-size: 2rem;
  }
  .tag .tag-in .tag-desc4 {
    font-size: 4rem;
    line-height: 1.1;
  }
  .tag .tag-in .tag-desc4 span {
    display: block;
    font-size: 2rem;
  }
  .tag .tag-in .tag-desc3 {
    font-size: 4rem;
    color: #000000;
    line-height: 1.1;
  }
  .tag .tag-in .tag-desc3 small {
    font-size: 5.2rem;
    color: #ff0000;
  }
  .tag-name1 {
    position: absolute;
    top: 1%;
    left: 34%;
  }
  .tag-name2 {
    position: absolute;
    bottom: 20%;
    left: 5%;
  }
  .top-business {
    padding: 2rem 0;
  }
  .top-business .top-business-in {
    width: 100%;
  }
  .top-business .top-business-in h2 {
    font-size: 3.8rem;
    margin-bottom: 3rem;
  }
  .top-business .top-business-in .vision {
    width: 100%;
    padding: 2rem 2rem;
    background-color: #60C1BD;
  }
  .top-business .top-business-in .vision h3 {
    font-size: 3rem;
  }
  .top-business .top-business-in .vision h3::after {
    content: "事業概要";
    display: block;
    font-size: 1.2rem;
    letter-spacing: 0.1em;
    margin-bottom: 3rem;
  }
  .top-business .top-business-in .vision p {
    color: #ffffff;
    font-size: 1.4rem;
    margin-top: 2rem;
    padding-left: 2rem;
    border-left: 1px solid #ffffff;
  }
  .top-business .top-business-in .top_business_content {
    padding: 2rem 0;
  }
  .top-business .top-business-in .top_business_content .top_business_contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2rem 3rem;
    margin-bottom: 2rem;
    position: relative;
  }
  .top-business .top-business-in .top_business_content .top_business_contents:nth-child(2) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .top-business .top-business-in .top_business_content .top_business_contents .top_business_contents_txt {
    width: 100%;
  }
  .top-business .top-business-in .top_business_content .top_business_contents .top_business_contents_txt h4 {
    font-size: 6rem;
    font-style: italic;
    font-family: futura-pt;
    line-height: 1;
    margin-bottom: 2rem;
    color: #60C1BD;
  }
  .top-business .top-business-in .top_business_content .top_business_contents .top_business_contents_txt a {
    display: block;
    font-size: 3rem;
    color: #60C1BD;
    margin-bottom: 4rem;
    font-weight: 600;
  }
  .top-business .top-business-in .top_business_content .top_business_contents .top_business_contents_txt a span {
    font-size: 1.8rem;
  }
  .top-business .top-business-in .top_business_content .top_business_contents .top_business_contents_txt p {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
  .top-business .top-business-in .top_business_content .top_business_contents .top_business_contents_txt p span {
    display: block;
    font-size: 1.2rem;
  }
  .top-business .top-business-in .top_business_content .top_business_contents .top_business_contents_img {
    width: 100%;
  }
  .top-business .top-business-in .top_business_content .top_business_contents .top_business_contents_img img {
    width: 100%;
  }
  .more-btn {
    text-align: center;
    font-size: 1.6rem;
    background-color: #60C1BD;
    padding: 1.2rem 1.7rem;
    border-radius: 10rem;
    width: 80%;
    margin: 0 auto;
    color: #ffffff;
    letter-spacing: 0.3em;
  }
  footer {
    width: 100%;
    background-color: #60C1BD;
  }
  footer .footer-in {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 2rem 0;
  }
  footer .footer-in .footer-logo {
    width: 20%;
  }
  footer .footer-in .footer-logo img {
    width: 100%;
  }
  footer .footer-in .footer-gnav {
    margin-top: 2rem;
  }
  footer .footer-in .footer-gnav nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  footer .footer-in .footer-gnav nav ul li {
    margin-bottom: 1rem;
  }
  footer .footer-in .footer-gnav nav ul li a {
    color: #ffffff;
    font-size: 1.5rem;
    padding: 0 2rem;
  }
  .top-news {
    padding: 1rem 0;
    margin-bottom: 4rem;
  }
  .top-news h2 {
    font-size: 3.5rem;
  }
  .top-news h2::after {
    font-size: 1.4rem;
    letter-spacing: 0.1em;
  }
  .top-news .top-news-in {
    padding-bottom: 0;
  }
  .top-news .top-news-in .top-news-content {
    width: 90%;
  }
  .top-news .top-news-in .top-news-content dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .top-news .top-news-in .top-news-content dl dt {
    font-size: 1.5rem;
    width: 100%;
    margin-bottom: 1rem;
  }
  .top-news .top-news-in .top-news-content dl dd {
    width: 100%;
    padding-left: 0;
  }
  .sp_menu_icon {
    display: block;
    position: fixed;
    z-index: 101;
    top: 1rem;
    right: 1rem;
  }
  .openbtn4 {
    position: relative;
    background: #60C1BD;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 5px;
  }
  .openbtn4 span {
    display: inline-block;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    position: absolute;
    left: 14px;
    height: 2px;
    border-radius: 5px;
    background: #fff;
    width: 45%;
  }
  .openbtn4 span:nth-of-type(1) {
    top: 13px;
  }
  .openbtn4 span:nth-of-type(2) {
    top: 19px;
  }
  .openbtn4 span:nth-of-type(3) {
    top: 25px;
  }
  .openbtn4 span:nth-of-type(3)::after {
    content: "Menu";
    position: absolute;
    top: 5px;
    left: -2px;
    color: #fff;
    font-size: 0.6rem;
    text-transform: uppercase;
  }
  .openbtn4.menu-active span:nth-of-type(1) {
    top: 14px;
    left: 18px;
    -webkit-transform: translateY(6px) rotate(-45deg);
            transform: translateY(6px) rotate(-45deg);
    width: 30%;
  }
  .openbtn4.menu-active span:nth-of-type(2) {
    opacity: 0;
  }
  .openbtn4.menu-active span:nth-of-type(3) {
    top: 26px;
    left: 18px;
    -webkit-transform: translateY(-6px) rotate(45deg);
            transform: translateY(-6px) rotate(45deg);
    width: 30%;
  }
  .openbtn4.menu-active span:nth-of-type(3)::after {
    content: "Close";
    -webkit-transform: translateY(0) rotate(-45deg);
            transform: translateY(0) rotate(-45deg);
    top: 5px;
    left: 4px;
  }
  .gnav_sp {
    display: none;
    position: fixed;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 80vh;
    top: 0;
    left: 0;
  }
  .gnav_sp nav {
    width: 100%;
  }
  .gnav_sp nav ul {
    width: 70%;
    margin: 0 auto;
  }
  .gnav_sp nav ul li {
    margin-bottom: 3rem;
  }
  .gnav_sp nav ul li:first-child {
    margin-top: 6rem;
  }
  .gnav_sp nav ul li a {
    font-size: 1.8rem;
    color: #ffffff;
    text-align: center;
  }
  .gnav_sp.drop-active {
    display: block;
  }
  .under-title {
    width: 100%;
    padding: 8rem 0;
  }
  .under-title h1 {
    text-align: center;
    font-size: 4rem;
    color: #ffffff;
    letter-spacing: 0.2em;
    line-height: 0;
  }
  .terms-title {
    width: 100%;
    padding: 3rem 0;
    background: url(img/terms-bg.png) center center no-repeat;
    background-size: cover;
  }
  .terms-title h1 {
    text-align: center;
    font-size: 3rem;
    letter-spacing: 0.1em;
  }
  .philosophy {
    padding: 3rem 0;
  }
  .philosophy .philosophy-in h3 {
    font-size: 3rem;
    position: relative;
  }
  .philosophy .philosophy-in h3::before {
    content: "philosophy";
    font-size: 4rem;
    font-style: italic;
    font-weight: 700;
    opacity: 0.1;
    position: absolute;
    top: 3rem;
    left: 0;
    display: block;
  }
  .philosophy .philosophy-in h3::after {
    content: "";
    height: 1px;
    width: 10rem;
    background: #000000;
    display: block;
    margin-left: 4rem;
  }
  .philosophy .philosophy-in p {
    font-size: 1.4rem;
    padding-top: 3.8rem;
    line-height: 2.1;
  }
  .top-message {
    width: 100%;
    padding: 3rem 0;
    background-color: rgba(0, 0, 0, 0.4);
  }
  .top-message .top-message-in {
    width: 100%;
    //background: url(img/ceo.png) right top no-repeat;
    background-size: 47%;
  }
  .top-message .top-message-in h3 {
    font-size: 3rem;
    font-style: italic;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: "Shippori Mincho";
    color: #ffffff;
    position: relative;
  }
  .top-message .top-message-in h3::before {
    content: "message";
    font-size: 8rem;
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
    font-style: italic;
    font-weight: 700;
    opacity: 0.1;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
  }
  .top-message .top-message-in h3::after {
    display: none;
  }
  .top-message .top-message-in p {
    font-size: 1.4rem;
    width: 100%;
    margin-right: auto;
    line-height: 2.1;
    padding-top: 7rem;
    color: #ffffff;
  }
  .company-detail {
    margin-top: 3rem;
  }
  .company-detail h2 {
    padding: 2rem 0;
    font-size: 3.5rem;
  }
  .company-detail h2::after {
    font-size: 1.1rem;
  }
  .company-detail .company-detail-in {
    width: 100%;
    padding: 1.5rem 2rem;
  }
  .company-detail .company-detail-in table tbody tr {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .company-detail .company-detail-in table tbody tr td {
    padding: 1.2rem 2rem;
    text-align: center;
  }
  .company-detail .company-detail-in table tbody tr .company-table1 {
    width: 100%;
  }
  .company-detail .company-detail-in table tbody tr .company-table2 {
    width: 100%;
    margin-bottom: 2rem;
  }
  .history {
    width: 100%;
    padding: 0;
    margin-top: 3rem;
  }
  .history .history-in {
    width: 100%;
  }
  .history .history-in h3 {
    font-size: 4rem;
    font-style: italic;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-family: "Shippori Mincho";
    position: relative;
    text-align: center;
  }
  .history .history-in h3::before {
    content: "history";
    font-size: 10rem;
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
    font-style: italic;
    font-weight: 700;
    opacity: 0.1;
    position: absolute;
    top: -4rem;
    right: 0;
    left: 0;
    display: block;
  }
  .history .history-in h3::after {
    display: none;
  }
  .history .history-in .history-content {
    width: 100%;
    margin-top: 3rem;
  }
  .history .history-in .history-content img {
    width: 100%;
  }
  .business-content {
    width: 100%;
  }
  .business-content .business-content-inner {
    width: 95%;
    margin: 0 auto;
  }
  .business-content .business-content-inner .business-subheading {
    font-size: 1.4rem;
    letter-spacing: 0.2em;
    text-align: center;
    margin: 2rem 0 8rem;
  }
  .business-content .business-content-inner .business-contents-wrapper1 {
    width: 100%;
  }
  .business-content .business-content-inner .business-contents-wrapper1 h2 {
    text-align: center;
    font-size: 2.8rem;
    font-weight: 100;
    margin-bottom: 2rem;
    position: relative;
  }
  .business-content .business-content-inner .business-contents-wrapper1 h2::before {
    content: "01";
    position: absolute;
    font-style: italic;
    font-size: 10rem;
    opacity: 0.1;
    font-weight: 300;
    top: -6rem;
    left: 0;
    font-family: "Shippori Mincho";
  }
  .business-content .business-content-inner .business-contents-wrapper1 .business-contents-inner {
    width: 100%;
    background-color: #60C1BD;
    padding: 2rem 2rem;
  }
  .business-content .business-content-inner .business-contents-wrapper1 .business-contents-inner .business-contents1 {
    background-color: #ffffff;
    border-radius: 1rem;
    padding: 0;
    position: relative;
  }
  .business-content .business-content-inner .business-contents-wrapper1 .business-contents-inner .business-contents1 img {
    margin: 0 auto;
    position: static;
    width: 70%;
    padding-top: 2rem;
  }
  .business-content .business-content-inner .business-contents-wrapper1 .business-contents-inner .business-contents1 h3 {
    font-size: 2.4rem;
    padding-top: 2rem;
    text-align: center;
    margin-bottom: 2rem;
  }
  .business-content .business-content-inner .business-contents-wrapper1 .business-contents-inner .business-contents1 p {
    font-size: 1.4rem;
    width: 80%;
    margin: 0 auto;
    padding-bottom: 2rem;
  }
  .business-content .business-content-inner .business-contents-wrapper1 .business-contents-inner .business-contents2 {
    background-color: #ffffff;
    border-radius: 0.52vw;
    padding: 0;
    position: relative;
    margin-top: 4rem;
  }
  .business-content .business-content-inner .business-contents-wrapper1 .business-contents-inner .business-contents2 img {
    margin: 0 auto;
    position: static;
    width: 70%;
    padding-top: 2rem;
  }
  .business-content .business-content-inner .business-contents-wrapper1 .business-contents-inner .business-contents2 h3 {
    font-size: 2.4rem;
    padding-top: 2rem;
    text-align: center;
    margin-bottom: 2rem;
  }
  .business-content .business-content-inner .business-contents-wrapper1 .business-contents-inner .business-contents2 p {
    font-size: 1.4rem;
    width: 80%;
    margin: 0 auto;
    padding-bottom: 2rem;
  }
  .business-content .business-content-inner .business-contents-wrapper2 {
    width: 100%;
    margin-top: 10rem;
    margin-bottom: 3rem;
  }
  .business-content .business-content-inner .business-contents-wrapper2 h2 {
    text-align: center;
    font-size: 2.8rem;
    font-weight: 100;
    margin-bottom: 2rem;
    position: relative;
  }
  .business-content .business-content-inner .business-contents-wrapper2 h2::before {
    content: "02";
    position: absolute;
    font-style: italic;
    font-size: 10rem;
    opacity: 0.1;
    font-weight: 300;
    top: -6rem;
    left: 0;
    font-family: "Shippori Mincho";
  }
  .business-content .business-content-inner .business-contents-wrapper2 .business-contents-head-img {
    width: 100%;
  }
  .business-content .business-content-inner .business-contents-wrapper2 .business-contents-inner {
    width: 100%;
    background-color: #60C1BD;
    padding: 2rem 2rem;
  }
  .business-content .business-content-inner .business-contents-wrapper2 .business-contents-inner .business-contents1 {
    background-color: #ffffff;
    border-radius: 1rem;
    padding: 0;
    position: relative;
  }
  .business-content .business-content-inner .business-contents-wrapper2 .business-contents-inner .business-contents1 img {
    margin: 0 auto;
    position: static;
    width: 90%;
    padding-top: 2rem;
  }
  .business-content .business-content-inner .business-contents-wrapper2 .business-contents-inner .business-contents1 h3 {
    font-size: 2.4rem;
    padding-top: 2rem;
    text-align: center;
    margin-bottom: 2rem;
  }
  .business-content .business-content-inner .business-contents-wrapper2 .business-contents-inner .business-contents1 p {
    font-size: 1.4rem;
    width: 80%;
    margin: 0 auto;
    padding-bottom: 2rem;
  }
  .business-content .business-content-inner .business-contents-wrapper2 .business-contents-inner .business-contents2 {
    background-color: #ffffff;
    border-radius: 1rem;
    padding: 0;
    position: relative;
    margin-top: 6rem;
  }
  .business-content .business-content-inner .business-contents-wrapper2 .business-contents-inner .business-contents2 img {
    margin: 0 auto;
    position: static;
    width: 90%;
    padding-top: 2rem;
  }
  .business-content .business-content-inner .business-contents-wrapper2 .business-contents-inner .business-contents2 h3 {
    font-size: 2.4rem;
    padding-top: 2rem;
    text-align: center;
    margin-bottom: 2rem;
  }
  .business-content .business-content-inner .business-contents-wrapper2 .business-contents-inner .business-contents2 p {
    font-size: 1.4rem;
    width: 80%;
    margin: 0 auto;
    padding-bottom: 2rem;
  }
  .recruit-content {
    width: 100%;
    margin: 10rem 0;
  }
  .recruit-content .recruit-content-in {
    width: 100%;
  }
  .recruit-content .recruit-content-in .recruit-heading1 {
    font-size: 8rem;
    font-weight: 600;
    position: relative;
  }
  .recruit-content .recruit-content-in .recruit-heading1::after {
    content: "new graduate";
    font-size: 10rem;
    font-family: "Poiret One";
    color: #60C1BD;
    font-weight: 100;
    font-style: italic;
    position: absolute;
    top: 2rem;
    left: 4rem;
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }
  .recruit-content .recruit-content-in .recruit-heading2 {
    font-size: 8rem;
    font-weight: 600;
    position: relative;
    width: 60%;
    margin-left: auto;
  }
  .recruit-content .recruit-content-in .recruit-heading2::after {
    content: "mid career";
    font-size: 10rem;
    font-family: "Poiret One";
    color: #60C1BD;
    font-weight: 100;
    font-style: italic;
    position: absolute;
    top: 4rem;
    left: 4rem;
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }
  .recruit-content .recruit-content-in .recruit-heading3 {
    font-size: 8rem;
    font-weight: 600;
    position: relative;
  }
  .recruit-content .recruit-content-in .recruit-heading3::after {
    content: "part time";
    font-size: 10rem;
    font-family: "Poiret One";
    color: #60C1BD;
    font-weight: 100;
    font-style: italic;
    position: absolute;
    top: 4rem;
    left: 4rem;
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }
  .recruit-content .recruit-content-in .require2 {
    width: 90%;
    margin-right: auto;
    background-color: #60C1BD;
    padding: 2rem 2rem;
    color: #ffffff;
    margin-top: 4rem;
  }
  .recruit-content .recruit-content-in .require2 h4 {
    text-align: center;
    font-weight: 600;
    font-size: 4.5rem;
    margin-bottom: 2rem;
  }
  .recruit-content .recruit-content-in .require2 table {
    width: 100%;
  }
  .recruit-content .recruit-content-in .require2 table tbody {
    width: 100%;
  }
  .recruit-content .recruit-content-in .require2 table tbody tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .recruit-content .recruit-content-in .require2 table tbody tr:nth-child(1) {
    border-top: 1px solid #ffffff;
  }
  .recruit-content .recruit-content-in .require2 table tbody tr td {
    padding: 1.8rem 0.5rem;
    font-size: 1.5rem;
    border-bottom: 1px solid #ffffff;
  }
  .recruit-content .recruit-content-in .require2 table tbody tr td span {
    font-size: 1.2rem;
  }
  .recruit-content .recruit-content-in .require2 table tbody tr td:nth-child(1) {
    width: 20%;
  }
  .recruit-content .recruit-content-in .require2 table tbody tr td:nth-child(2) {
    width: 80%;
  }
  .recruit-content .recruit-content-in .require2 .flow {
    width: 100%;
  }
  .recruit-content .recruit-content-in .require2 .flow h4 {
    margin-top: 3rem;
  }
  .recruit-content .recruit-content-in .require2 .flow .flow-detail p {
    font-size: 1.8rem;
  }
  .recruit-content .recruit-content-in .require2 .flow .flow-detail p a {
    color: #3700ff;
    display: inline-block;
  }
  .recruit-content .recruit-content-in .require2 .flow .flow-detail small {
    margin-top: 1.5rem;
    font-size: 1.6rem;
  }
  .recruit-content .recruit-content-in .require2 .flow .flow-detail address {
    margin-top: 2rem;
    font-size: 1.8rem;
  }
  .recruit-content .recruit-content-in .require1 {
    width: 70%;
    margin-left: auto;
    background-color: #60C1BD;
    padding: 3.5rem 4.5rem;
    color: #ffffff;
  }
  .recruit-content .recruit-content-in .require1 h4 {
    text-align: center;
    font-weight: 600;
    font-size: 4.5rem;
    margin-bottom: 2rem;
  }
  .recruit-content .recruit-content-in .require1 table {
    width: 100%;
  }
  .recruit-content .recruit-content-in .require1 table tbody {
    width: 100%;
  }
  .recruit-content .recruit-content-in .require1 table tbody tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .recruit-content .recruit-content-in .require1 table tbody tr:nth-child(1) {
    border-top: 1px solid #ffffff;
  }
  .recruit-content .recruit-content-in .require1 table tbody tr td {
    padding: 1.8rem 0.5rem;
    font-size: 1.5rem;
    border-bottom: 1px solid #ffffff;
  }
  .recruit-content .recruit-content-in .require1 table tbody tr td span {
    font-size: 1.2rem;
  }
  .recruit-content .recruit-content-in .require1 table tbody tr td:nth-child(1) {
    width: 20%;
  }
  .recruit-content .recruit-content-in .require1 table tbody tr td:nth-child(2) {
    width: 80%;
  }
  .recruit-content .recruit-content-in .require1 .flow {
    width: 100%;
  }
  .recruit-content .recruit-content-in .require1 .flow h4 {
    margin-top: 3rem;
  }
  .recruit-content .recruit-content-in .require1 .flow .flow-detail p {
    font-size: 1.8rem;
  }
  .recruit-content .recruit-content-in .require1 .flow .flow-detail p a {
    color: #3700ff;
    display: inline-block;
  }
  .recruit-content .recruit-content-in .require1 .flow .flow-detail small {
    margin-top: 1.5rem;
    font-size: 1.6rem;
  }
  .recruit-content .recruit-content-in .require1 .flow .flow-detail address {
    margin-top: 2rem;
    font-size: 1.8rem;
  }
  .recruit-content {
    width: 100%;
    margin: 4rem 0;
  }
  .recruit-content .recruit-content-in {
    width: 100%;
  }
  .recruit-content .recruit-content-in .recruit-heading1 {
    font-size: 4rem;
    font-weight: 600;
    position: relative;
  }
  .recruit-content .recruit-content-in .recruit-heading1::after {
    content: "new graduate";
    font-size: 4rem;
    font-family: "Poiret One";
    color: #60C1BD;
    font-weight: 100;
    font-style: italic;
    position: absolute;
    top: 2rem;
    left: 2rem;
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }
  .recruit-content .recruit-content-in .recruit-heading2 {
    font-size: 4rem;
    font-weight: 600;
    position: relative;
    width: 60%;
    margin-left: auto;
  }
  .recruit-content .recruit-content-in .recruit-heading2::after {
    content: "mid career";
    font-size: 4rem;
    font-family: "Poiret One";
    color: #60C1BD;
    font-weight: 100;
    font-style: italic;
    position: absolute;
    top: 4rem;
    left: 0rem;
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }
  .recruit-content .recruit-content-in .recruit-heading3 {
    font-size: 4rem;
    font-weight: 600;
    position: relative;
  }
  .recruit-content .recruit-content-in .recruit-heading3::after {
    content: "part time";
    font-size: 4rem;
    font-family: "Poiret One";
    color: #60C1BD;
    font-weight: 100;
    font-style: italic;
    position: absolute;
    top: 4rem;
    left: 4rem;
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }
  .recruit-content .recruit-content-in .require2 {
    width: 90%;
    margin-right: auto;
    background-color: #60C1BD;
    padding: 2rem 2rem;
    color: #ffffff;
    margin-top: 4rem;
  }
  .recruit-content .recruit-content-in .require2 h4 {
    text-align: center;
    font-weight: 600;
    font-size: 3rem;
    margin-bottom: 2rem;
  }
  .recruit-content .recruit-content-in .require2 table {
    width: 100%;
  }
  .recruit-content .recruit-content-in .require2 table tbody {
    width: 100%;
  }
  .recruit-content .recruit-content-in .require2 table tbody tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .recruit-content .recruit-content-in .require2 table tbody tr:nth-child(1) {
    border-top: none;
  }
  .recruit-content .recruit-content-in .require2 table tbody tr td {
    padding: 0.5rem 0.5rem;
    font-size: 1.5rem;
    border-bottom: none;
    text-align: center;
  }
  .recruit-content .recruit-content-in .require2 table tbody tr td span {
    font-size: 1.2rem;
  }
  .recruit-content .recruit-content-in .require2 table tbody tr td:nth-child(1) {
    width: 100%;
    font-size: 2rem;
  }
  .recruit-content .recruit-content-in .require2 table tbody tr td:nth-child(2) {
    width: 100%;
    margin-bottom: 3rem;
  }
  .recruit-content .recruit-content-in .require2 .flow {
    width: 100%;
  }
  .recruit-content .recruit-content-in .require2 .flow h4 {
    margin-top: 3rem;
  }
  .recruit-content .recruit-content-in .require2 .flow .flow-detail p {
    font-size: 1.5rem;
  }
  .recruit-content .recruit-content-in .require2 .flow .flow-detail p a {
    color: #3700ff;
    display: inline-block;
  }
  .recruit-content .recruit-content-in .require2 .flow .flow-detail small {
    margin-top: 1.3rem;
    font-size: 1.6rem;
  }
  .recruit-content .recruit-content-in .require2 .flow .flow-detail address {
    margin-top: 2rem;
    font-size: 1.5rem;
  }
  .recruit-content .recruit-content-in .require1 {
    width: 90%;
    margin-left: auto;
    background-color: #60C1BD;
    padding: 2rem 2rem;
    color: #ffffff;
    margin-top: 4rem;
  }
  .recruit-content .recruit-content-in .require1 h4 {
    text-align: center;
    font-weight: 600;
    font-size: 3rem;
    margin-bottom: 2rem;
  }
  .recruit-content .recruit-content-in .require1 table {
    width: 100%;
  }
  .recruit-content .recruit-content-in .require1 table tbody {
    width: 100%;
  }
  .recruit-content .recruit-content-in .require1 table tbody tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .recruit-content .recruit-content-in .require1 table tbody tr:nth-child(1) {
    border-top: none;
  }
  .recruit-content .recruit-content-in .require1 table tbody tr td {
    padding: 0.5rem 0.5rem;
    font-size: 1.5rem;
    border-bottom: none;
    text-align: center;
  }
  .recruit-content .recruit-content-in .require1 table tbody tr td span {
    font-size: 1.2rem;
  }
  .recruit-content .recruit-content-in .require1 table tbody tr td:nth-child(1) {
    width: 100%;
    font-size: 2rem;
  }
  .recruit-content .recruit-content-in .require1 table tbody tr td:nth-child(2) {
    width: 100%;
    margin-bottom: 3rem;
  }
  .recruit-content .recruit-content-in .require1 .flow {
    width: 100%;
  }
  .recruit-content .recruit-content-in .require1 .flow h4 {
    margin-top: 3rem;
  }
  .recruit-content .recruit-content-in .require1 .flow .flow-detail p {
    font-size: 1.5rem;
  }
  .recruit-content .recruit-content-in .require1 .flow .flow-detail p a {
    color: #3700ff;
    display: inline-block;
  }
  .recruit-content .recruit-content-in .require1 .flow .flow-detail small {
    margin-top: 1.3rem;
    font-size: 1.6rem;
  }
  .recruit-content .recruit-content-in .require1 .flow .flow-detail address {
    margin-top: 2rem;
    font-size: 1.5rem;
  }
  .faq {
    width: 100%;
  }
  .faq .faq-in {
    width: 100%;
  }
  .faq .faq-in h2 {
    padding: 3rem;
    text-align: center;
    font-size: 3.4rem;
    font-weight: 600;
    letter-spacing: 0.1em;
  }
  .faq .faq-in h2::after {
    content: "FAQ";
    font-size: 2rem;
    text-align: center;
    display: block;
    font-family: futura-pt;
    font-weight: 400;
  }
  .faq .faq-in .faq-content {
    width: 100%;
    margin-bottom: 5rem;
  }
  .faq .faq-in .faq-content .ques {
    font-size: 1.8rem;
    padding: 2rem 1.5rem;
    background-color: #60C1BD;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .faq .faq-in .faq-content .ques::before {
    content: "Q";
    font-size: 1.6rem;
    text-align: center;
    background-color: #b1fff5;
    padding: 0.5rem;
    display: block;
    width: 3.5rem;
    height: 3.5rem;
    margin-right: 0;
    border-radius: 3rem;
    margin-bottom: 1rem;
  }
  .faq .faq-in .faq-content .ans {
    font-size: 1.8rem;
    padding: 2rem 1.5rem;
  }
  .faq .faq-in .faq-content .ans table {
    width: 100%;
    margin-bottom: 4rem;
  }
  .faq .faq-in .faq-content .ans table tbody {
    width: 100%;
  }
  .faq .faq-in .faq-content .ans table tbody tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: 1px solid #000;
  }
  .faq .faq-in .faq-content .ans table tbody tr:last-child {
    border-bottom: none;
  }
  .faq .faq-in .faq-content .ans table tbody tr td {
    padding: 1.8rem 1rem;
    font-size: 1.6rem;
  }
  .faq .faq-in .faq-content .ans table tbody tr td:nth-child(1) {
    width: 25%;
  }
  .faq .faq-in .faq-content .ans table tbody tr td:nth-child(2) {
    width: 25%;
  }
  .faq .faq-in .faq-content .ans table tbody tr td:nth-child(3) {
    width: 50%;
    padding: 1rem 2;
  }
  .contact {
    width: 100%;
    background-color: #202332;
    padding: 4rem 0;
  }
  .contact h2 {
    text-align: center;
    font-size: 3.5rem;
    color: #ffffff;
    font-weight: 600;
  }
  .contact h2::after {
    content: "contact";
    font-size: 2rem;
    text-align: center;
    display: block;
    font-family: futura-pt;
    font-weight: 400;
  }
  .contact .contact-in {
    width: 100%;
  }
  .contact .contact-in form {
    width: 90%;
    padding: 1rem 0;
    margin: 2rem auto 0;
  }
  .contact .contact-in form .element_wrap {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 2rem 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .contact .contact-in form .element_wrap label {
    width: 100%;
    font-size: 1.6em;
    color: #ffffff;
    margin-bottom: 1rem;
  }
  .contact .contact-in form .element_wrap input {
    width: 100%;
    font-size: 2rem;
    padding: 0.5rem;
    border-radius: 0.5rem;
    background-color: transparent;
    border: 2px solid #40B1D0;
    color: #40B1D0;
  }
  .contact .contact-in form .element_wrap textarea {
    width: 100%;
    font-size: 2rem;
    padding: 0.5rem;
    border-radius: 0.5rem;
    background-color: transparent;
    border: 2px solid #40B1D0;
    color: #40B1D0;
    height: 25rem;
  }
  .contact .contact-in form .submit {
    width: 100%;
    margin: 4rem auto 0;
    padding: 2rem 0;
    font-size: 1.8rem;
    border-radius: 1rem;
    background-color: #60C1BD;
    color: #ffffff;
    border: none;
    -webkit-box-shadow: 0 0.3rem 0 #a6d7ff;
            box-shadow: 0 0.3rem 0 #a6d7ff;
  }
  .pp {
    width: 100%;
  }
  .pp .pp-in {
    padding: 4rem 0;
    width: 100%;
  }
  .pp .pp-in h1 {
    text-align: center;
    font-size: 3rem;
  }
  .pp .pp-in h2 {
    text-align: center;
    font-size: 2rem;
    margin-top: 12rem;
    margin-bottom: 4rem;
  }
  .pp .pp-in .date {
    font-size: 1.4rem;
    text-align: right;
    margin-top: 4rem;
    margin-bottom: 3rem;
  }
  .pp .pp-in .pp-desc {
    font-size: 1.6rem;
  }
  .pp .pp-in .pp-desc1 {
    margin: 3rem 0;
  }
  .pp .pp-in .pp-desc2 {
    margin-bottom: 4rem;
  }
  .pp .pp-in .pp-desc3 {
    text-align: right;
    margin-bottom: 12rem;
  }
  .pp .pp-in .pp-desc4 {
    margin-bottom: 4rem;
  }
  .pp .pp-in .pp-desc5 {
    margin-bottom: 15rem;
  }
  .pp .pp-in table {
    width: 100%;
    margin: 8rem 0;
  }
  .pp .pp-in table tbody {
    width: 100%;
  }
  .pp .pp-in table tbody tr {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .pp .pp-in table tbody tr td {
    padding: 1.5rem 2rem;
    font-size: 1.6rem;
    text-align: center;
  }
  .pp .pp-in table tbody tr td:nth-child(1) {
    width: 100%;
  }
  .pp .pp-in table tbody tr td:nth-child(2) {
    width: 100%;
    border-bottom: 1px solid #000;
  }
  .pp .pp-in .pp-desc8 {
    text-align: right;
    margin: 4rem 0;
  }
  .bp {
    width: 100%;
  }
  .bp .bp-in {
    width: 100%;
    margin: 4rem 0;
  }
  .bp .bp-in h1 {
    font-size: 2.6rem;
    text-align: center;
  }
  .bp .bp-in .bp-desc1 {
    margin: 4rem 0;
    font-size: 1.6rem;
  }
  .bp .bp-in .bp-desc2 {
    text-align: right;
    font-size: 1.6rem;
  }
  .rr {
    width: 100%;
  }
  .rr .rr-in {
    width: 100%;
  }
  .rr .rr-in h4 {
    text-align: center;
    font-size: 1.8rem;
    margin: 4rem 0;
  }
  .rr .rr-in .rr-content {
    width: 100%;
    margin-bottom: 7rem;
  }
  .rr .rr-in .rr-content h2 {
    font-size: 2.1rem;
    margin-bottom: 2.5rem;
  }
  .rr .rr-in .rr-content p {
    font-size: 1.4rem;
  }
  .confirm_btn_wrapper {
    width: 100%;
    margin: 7rem auto 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .confirm_btn_wrapper .confirm_btn {
    width: 100%;
    padding: 1.5rem 0;
    text-align: center;
    font-size: 1.6rem;
    color: #ffffff;
    background-color: #60C1BD;
    border-radius: 1rem;
    border: none;
    margin-bottom: 1rem;
  }
  .business {
    margin-top: 4rem;
  }
  .business .business_content {
    padding: 18rem 0 0 0;
    background-size: contain;
  }
  .business .business_content:nth-child(2) {
    margin-top: 10rem;
  }
  .business .business_content .business_contents {
    background-color: #ffffff;
    -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
            box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.2);
    padding: 2rem 1rem;
    position: relative;
    width: 90%;
    margin: 0 auto;
  }
  .business .business_content .business_contents h1 {
    font-family: futura-pt, sans-serif;
    font-size: 7rem;
    font-style: italic;
    position: absolute;
    color: #60C1BD;
    top: -5rem;
    left: 2rem;
  }
  .business .business_content .business_contents a {
    font-size: 3.5rem;
    margin-top: 3rem;
    color: #60C1BD;
    font-weight: 600;
  }
  .business .business_content .business_contents h3 {
    font-size: 1.7rem;
  }
  .business .business_content .business_contents table {
    width: 100%;
    margin: 3rem 0;
  }
  .business .business_content .business_contents table tbody {
    width: 100%;
  }
  .business .business_content .business_contents table tbody tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1rem 1rem;
  }
  .business .business_content .business_contents table tbody tr:nth-child(1) {
    background: #60C1BD;
  }
  .business .business_content .business_contents table tbody tr:nth-child(1) td {
    color: #ffffff;
  }
  .business .business_content .business_contents table tbody tr:nth-child(2) {
    background: #dadada;
  }
  .business .business_content .business_contents table tbody tr:nth-child(3) {
    background: #dadada;
  }
  .business .business_content .business_contents table tbody tr:nth-child(4) {
    background: #dadada;
  }
  .business .business_content .business_contents table tbody tr:nth-child(5) {
    background: #dadada;
  }
  .business .business_content .business_contents table tbody tr td {
    font-size: 1.4rem;
  }
  .business .business_content .business_contents table tbody tr td:nth-child(1) {
    width: 33.3333333333%;
  }
  .business .business_content .business_contents table tbody tr td:nth-child(2) {
    width: 33.3333333333%;
  }
  .business .business_content .business_contents table tbody tr td:nth-child(3) {
    width: 33.3333333333%;
  }
  .business .business_content .business_contents .business_content_flex {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .business .business_content .business_contents .business_content_flex .business_content_flex_in {
    border: 1px solid rgba(0, 0, 0, 0.6);
    border-radius: 1rem;
    padding: 1rem 2rem;
    margin-right: 1rem;
    height: auto;
  }
  .business .business_content .business_contents .business_content_flex .business_content_flex_in:nth-child(2) {
    margin-top: 2rem;
  }
  .business .business_content .business_contents .business_content_flex .business_content_flex_in h4 {
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
  }
  .business .business_content .business_contents .business_content_flex .business_content_flex_in p {
    font-size: 1.3rem;
    text-align: center;
    margin-top: 1rem;
  }
  .business .business_content .business_contents .business_content_flex .business_content_flex_in p span {
    font-size: 1rem;
    display: block;
  }
}/*# sourceMappingURL=style.css.map */