@charset "UTF-8";
/* 変数の定義
--------------------------------------------------*/
/* 色の定義
--------------------------------------------------*/
/* 色のクラス
--------------------------------------------------*/
.white {
  color: #fff;
}

.black {
  color: #000;
}

.blue {
  color: #0068B5;
}

.yellow {
  color: #E6F21E;
}

/* フォントの定義
--------------------------------------------------*/
html,
body,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
img,
svg,
table,
tr,
th,
td,
a,
figure {
  font-family: "toppan-bunkyu-gothic-pr6n", serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1.8;
  color: #000;
}

body,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
img,
svg,
a,
table,
tr,
th,
td,
figure {
  font-size: clamp(1.6rem, 1vw, 1vw);
}
@media screen and (max-width: 999px) {
  body,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
img,
svg,
a,
table,
tr,
th,
td,
figure {
    font-size: 1.4rem;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0.08em;
  line-height: 1.4;
  font-weight: 800;
}

.en {
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.4;
}

.midashi {
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  font-weight: 800;
  line-height: 1.4;
}

/*-----------------------------------------

※このスタイルシートはSCSSで生成されています。
cssへの直記入はなさらないようにしてください。

-----------------------------------------*/
/* 共通
--------------------------------------------------*/
body {
  word-break: break-word;
}

a {
  transition-duration: 0.3s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

span {
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  letter-spacing: inherit;
  line-height: inherit;
}

main {
  overflow: hidden;
}

section {
  position: relative;
  z-index: 1;
}

/* 下層KV
--------------------------------------------------*/
.kv_under {
  background-color: #0068B5;
  background-image: url(../img/common/deco_light_kv_under.svg);
  background-repeat: no-repeat;
  background-position: right -3% top 110px;
  background-size: 53% auto;
  padding-top: 210px;
  padding-bottom: 70px;
}
@media screen and (max-width: 999px) {
  .kv_under {
    padding-top: 140px;
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 750px) {
  .kv_under {
    background-image: none;
  }
}
@media screen and (max-width: 449px) {
  .kv_under {
    padding-bottom: calc(50px + 6.66vw);
  }
}
.kv_under:empty {
  padding-top: 110px;
  background-image: none;
}
@media screen and (max-width: 999px) {
  .kv_under:empty {
    padding-top: 80px;
  }
}
.kv_under .kv_parent {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 30px;
  color: #fff;
  letter-spacing: 0.08em;
  font-size: clamp(2rem, 2.18vw, 2.18vw);
}
@media screen and (max-width: 999px) {
  .kv_under .kv_parent {
    font-size: clamp(1.6rem, 2.13vw, 2.13vw);
  }
}
.kv_under .kv_parent::after {
  content: "";
  position: absolute;
  right: -0.2em;
  top: 50%;
  transform: translate(100%, -50%);
  display: block;
  width: 50px;
  height: auto;
  aspect-ratio: 17/14;
  background-image: url(../img/common/deco_light_right.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
}
.kv_under .kv_title {
  font-size: clamp(7rem, 4.37vw, 4.37vw);
  line-height: 1.3;
  color: #fff;
  margin-bottom: 30px;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1399px) {
  .kv_under .kv_title {
    font-size: clamp(5rem, 5vw, 5vw);
  }
}
@media screen and (max-width: 999px) {
  .kv_under .kv_title {
    font-size: clamp(3rem, 4vw, 4vw);
  }
}
.kv_under .breadcrumb {
  overflow: hidden;
  height: 1.8em;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
}
.kv_under .breadcrumb li,
.kv_under .breadcrumb a,
.kv_under .breadcrumb p {
  color: #fff;
  font-size: clamp(1.4rem, 1vw, 1vw);
}
@media screen and (max-width: 999px) {
  .kv_under .breadcrumb li,
.kv_under .breadcrumb a,
.kv_under .breadcrumb p {
    font-size: clamp(1.2rem, 1.6vw, 1.6vw);
  }
}
.kv_under .breadcrumb a:hover {
  color: #E6F21E;
}
.kv_under .breadcrumb a:hover p {
  transition-duration: 0.3s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  color: #E6F21E;
}
.kv_under .breadcrumb a:hover .child::after {
  background-color: #E6F21E;
}
.kv_under .breadcrumb li {
  position: relative;
  display: inline;
  margin-left: clamp(15px, 1vw, 1vw);
  margin-right: clamp(15px, 1vw, 1vw);
}
@media screen and (max-width: 999px) {
  .kv_under .breadcrumb li {
    margin-left: 12.5px;
    margin-right: 12.5px;
  }
}
.kv_under .breadcrumb li::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(clamp(-15px, -1vw, -1vw) - 2.5px);
  display: block;
  width: clamp(5px, 0.31vw, 0.31vw);
  height: clamp(5px, 0.31vw, 0.31vw);
  background-color: #E6F21E;
  border-radius: 50%;
}
@media screen and (max-width: 999px) {
  .kv_under .breadcrumb li::before {
    right: -15px;
  }
}
.kv_under .breadcrumb li:first-child {
  margin-left: 0;
}
.kv_under .breadcrumb li:last-child {
  margin-right: 0;
}
.kv_under .breadcrumb li:last-child::before {
  display: none;
}
.kv_under .breadcrumb li p {
  display: inline;
}
.kv_under .breadcrumb .current {
  position: relative;
}
.kv_under .breadcrumb .current::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #fff;
}
.kv_under .breadcrumb .child {
  position: relative;
  padding-left: 20px;
}
.kv_under .breadcrumb .child::after {
  transition-duration: 0.3s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  content: "";
  position: absolute;
  left: 2px;
  top: 50%;
  display: inline-block;
  width: clamp(10px, 0.62vw, 0.62vw);
  height: 1px;
  background-color: #fff;
}
.kv_under .kv_inner {
  position: relative;
}
.kv_under .kv_inner:has(.kv_img) {
  min-height: calc(25.31vw + 50px);
  margin-bottom: 80px;
}
@media screen and (max-width: 999px) {
  .kv_under .kv_inner:has(.kv_img) {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 750px) {
  .kv_under .kv_inner:has(.kv_img) {
    min-height: 0;
  }
}
.kv_under .list_inpage {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: clamp(270px, 16.87vw, 16.87vw);
  background-color: #fff;
  margin: 10px 0 0 auto;
  padding: 25px;
  z-index: 10;
  -webkit-animation: 0.6s ease forwards fadein;
          animation: 0.6s ease forwards fadein;
}
@media screen and (max-width: 750px) {
  .kv_under .list_inpage {
    display: none;
  }
}
.kv_under .list_inpage li,
.kv_under .list_inpage a {
  font-size: clamp(1.4rem, 1vw, 1vw);
  line-height: 1.5;
}
.kv_under .list_inpage li {
  margin-top: 0.5em;
}
.kv_under .list_inpage li:first-child {
  margin-top: 0;
}
.kv_under .list_inpage a:hover {
  opacity: 0.5;
}
.kv_under .kv_img {
  position: absolute;
  left: 0;
  top: 50px;
  width: 100%;
  aspect-ratio: 280/81;
  z-index: 0;
}
@media screen and (max-width: 750px) {
  .kv_under .kv_img {
    position: relative;
    top: auto;
    height: 208px;
    aspect-ratio: initial;
    margin-top: 40px;
  }
}
@media screen and (max-width: 389px) {
  .kv_under .kv_img {
    aspect-ratio: 175/104;
    height: auto;
  }
}
.kv_under .kv_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.kv_under:has(.kv_post) {
  margin-bottom: -150px;
  padding-bottom: 0;
}
@media screen and (max-width: 999px) {
  .kv_under:has(.kv_post) {
    margin-bottom: -100px;
  }
}
@media screen and (max-width: 750px) {
  .kv_under:has(.kv_post) {
    margin-bottom: -80px;
  }
}
.kv_under:has(.kv_post) .w_common .kv_inner {
  min-height: 25.31vw;
  margin-bottom: 0;
}
@media screen and (max-width: 750px) {
  .kv_under:has(.kv_post) .w_common .kv_inner {
    min-height: 0;
  }
}
.kv_under:has(.kv_post) .kv_img {
  top: 0;
  z-index: 10;
}
@media screen and (max-width: 750px) {
  .kv_under:has(.kv_post) .kv_img {
    margin-top: 0;
  }
}
.kv_under .kv_post .kv_en {
  margin-top: calc(60px - 0.07em);
  margin-bottom: -0.07em;
  font-size: clamp(2rem, 1.25vw, 1.25vw);
  color: #E6F21E;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 750px) {
  .kv_under .kv_post .kv_en {
    margin-top: calc(30px - 0.07em);
    font-size: clamp(1.6rem, 1vw, 1vw);
  }
}
.kv_under .kv_post .kv_title_post {
  margin-top: calc(30px - 0.08em);
  margin-bottom: 50px;
  padding-bottom: calc(50px - 0.08em);
  border-bottom: 1px solid #fff;
  font-size: clamp(4rem, 1.5vw, 1.5vw);
  color: #fff;
  line-height: 1.6;
}
@media screen and (max-width: 999px) {
  .kv_under .kv_post .kv_title_post {
    font-size: 3rem;
  }
}
@media screen and (max-width: 750px) {
  .kv_under .kv_post .kv_title_post {
    margin-top: calc(15px - 0.07em);
    font-size: 2rem;
    margin-bottom: 30px;
    padding-bottom: calc(30px - 0.07em);
  }
}

.first-content {
  margin-top: -30px;
  background-color: #fff;
}
@media screen and (max-width: 449px) {
  .first-content {
    margin-top: -6.66vw;
  }
}

/* 投稿詳細
--------------------------------------------------*/
.post_common > :first-child {
  margin-top: 0;
}
.post_common > :last-child {
  margin-bottom: 0;
}
.post_common a {
  position: relative;
  color: #0068B5;
  text-decoration: underline;
  text-underline-offset: 4px;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  opacity: 1;
}
.post_common a:hover {
  opacity: 0.5;
}
.post_common img {
  width: auto;
  max-width: 100%;
}
.post_common img.alignright {
  display: block;
  margin-right: 0;
  margin-left: auto;
}
.post_common img.alignleft {
  display: block;
  margin-left: 0;
  margin-right: auto;
}
.post_common img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.post_common h1,
.post_common h2,
.post_common h3,
.post_common h4,
.post_common h5,
.post_common h6 {
  font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
  font-weight: 800;
  line-height: 1.6;
  margin-top: 1em;
  margin-bottom: 1em;
}
.post_common h1 {
  font-size: 1.7em;
}
.post_common p {
  margin-top: 20px;
  margin-bottom: 20px;
}
.post_common span {
  text-align: inherit;
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-style: inherit;
  font-size: inherit;
  white-space: normal;
}
.post_common strong {
  font-weight: 700;
}
.post_common em {
  font-style: italic;
}
.post_common ol,
.post_common ul {
  margin-top: 10px;
  margin-bottom: 10px;
}
.post_common ol,
.post_common ul,
.post_common li {
  list-style: revert;
  list-style-position: inside;
}
.post_common pre {
  font-family: "toppan-bunkyu-gothic-pr6n", serif;
}
@media screen and (max-width: 999px) {
  .post_common pre {
    font-size: 1.4rem;
  }
}
.post_common blockquote {
  position: relative;
  margin: 10px 0;
  padding-left: 25px;
}
.post_common blockquote::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background-color: #F5F5F5;
}
.post_common :not(pre) > code {
  align-items: center;
  background: #F5F5F5;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  color: #000;
  display: inline-flex;
  font-family: "toppan-bunkyu-gothic-pr6n", serif;
  font-size: clamp(1.6rem, 1vw, 1vw);
  letter-spacing: 0;
  line-height: 1;
  margin: 0 0.5em;
  padding: 0.25em 0.5em;
}
@media screen and (max-width: 999px) {
  .post_common :not(pre) > code {
    font-size: 1.4rem;
  }
}
.post_common table,
.post_common table * {
  border-width: 1px;
}
.post_common tr,
.post_common th,
.post_common td {
  padding: 10px;
}
.post_common hr {
  display: block;
  width: 100%;
  height: 2px;
  border: 0;
  border-top: 2px solid #F5F5F5;
}

/* ページャー
--------------------------------------------------*/
.archive .wp-pagenavi {
  line-height: 1;
  text-align: center;
}
.archive .wp-pagenavi > span,
.archive .wp-pagenavi > a {
  display: inline-block;
  height: clamp(30px, 1.87vw, 1.87vw);
  margin: 5px;
  padding-top: 0.45em;
  padding-bottom: 0.45em;
  background-color: transparent;
  border: none;
  font-size: clamp(1.4rem, 1vw, 1vw);
  line-height: 1;
  text-align: center;
  color: #000;
  transform: translateX(0);
}
@media screen and (max-width: 750px) {
  .archive .wp-pagenavi > span,
.archive .wp-pagenavi > a {
    height: 27px;
    margin: 5px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 449px) {
  .archive .wp-pagenavi > span,
.archive .wp-pagenavi > a {
    margin: 1vw;
  }
}
.archive .wp-pagenavi > span img,
.archive .wp-pagenavi > a img {
  width: clamp(12px, 0.75vw, 0.75vw);
  height: auto;
  vertical-align: baseline;
}
@media screen and (max-width: 750px) {
  .archive .wp-pagenavi > span img,
.archive .wp-pagenavi > a img {
    width: 10px;
  }
}
.archive .wp-pagenavi > a:hover {
  color: #0068B5;
}
.archive .wp-pagenavi > a:hover.first, .archive .wp-pagenavi > a:hover.previouspostslink {
  transform: translateX(-5px);
}
.archive .wp-pagenavi > a:hover.last, .archive .wp-pagenavi > a:hover.nextpostslink {
  transform: translateX(5px);
}
.archive .wp-pagenavi .current {
  min-width: clamp(30px, 1.87vw, 1.87vw);
  background-color: #0068B5;
  border-radius: 5px;
  border: 1px solid #0068B5;
  color: #fff;
  font-size: clamp(1.4rem, 1vw, 1vw);
}
@media screen and (max-width: 750px) {
  .archive .wp-pagenavi .current {
    font-size: 1.2rem;
  }
}
.archive .wp-pagenavi .previouspostslink,
.archive .wp-pagenavi .nextpostslink {
  background-color: transparent;
  border: none;
}
.archive .wp-pagenavi .extend {
  background-color: transparent;
  border: none;
}

/* 404
--------------------------------------------------*/
body.error404 .wrap_404,
body.contact_error .wrap_404 {
  padding: 120px 0 150px;
}
@media screen and (max-width: 750px) {
  body.error404 .wrap_404,
body.contact_error .wrap_404 {
    padding: 100px 0;
  }
}
@media screen and (max-width: 750px) {
  body.error404 .wrap_404,
body.contact_error .wrap_404 {
    padding: 60px 0 80px;
  }
}
body.error404 .inner_404,
body.contact_error .inner_404 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
body.error404 .inner_404 .midashi,
body.contact_error .inner_404 .midashi {
  margin-bottom: 30px;
  color: #0068B5;
  font-size: clamp(4rem, 1.5vw, 1.5vw);
}
@media screen and (max-width: 999px) {
  body.error404 .inner_404 .midashi,
body.contact_error .inner_404 .midashi {
    font-size: 3rem;
  }
}
@media screen and (max-width: 750px) {
  body.error404 .inner_404 .midashi,
body.contact_error .inner_404 .midashi {
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
body.error404 .wrap_btn,
body.contact_error .wrap_btn {
  margin-top: 60px;
}
@media screen and (max-width: 750px) {
  body.error404 .wrap_btn,
body.contact_error .wrap_btn {
    margin-top: 40px;
  }
}
body.error404 .wrap_btn a,
body.contact_error .wrap_btn a {
  display: flex;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  font-size: clamp(1.8rem, 1.12vw, 1.12vw);
}
@media screen and (max-width: 750px) {
  body.error404 .wrap_btn a,
body.contact_error .wrap_btn a {
    font-size: 1.6rem;
  }
}
body.error404 .wrap_btn a .arrow,
body.contact_error .wrap_btn a .arrow {
  margin-left: 20px;
  width: clamp(60px, 5.87vw, 5.87vw);
  height: clamp(60px, 5.87vw, 5.87vw);
}

/* フォーム
--------------------------------------------------*/
#contact_form {
  /* チェックボックスデザイン */
  /* ラジオボタンデザイン */
}
#contact_form .entry_form li {
  margin-top: 30px;
}
@media screen and (max-width: 999px) {
  #contact_form .entry_form li {
    margin-top: 20px;
  }
}
#contact_form .entry_form li:first-child {
  margin-top: 0;
}
#contact_form .content_ttl {
  position: relative;
  margin-bottom: 10px;
  font-size: clamp(1.8rem, 1.12vw, 1.12vw);
}
@media screen and (max-width: 999px) {
  #contact_form .content_ttl {
    font-size: 1.6rem;
  }
}
#contact_form .content_ttl .must {
  display: inline-block;
  margin-left: 10px;
  background-color: #0068B5;
  border-radius: 3px;
  color: #fff;
  font-size: clamp(1.4rem, 1vw, 1vw);
  letter-spacing: 0;
  line-height: 1;
  padding: 0.2em 0.5em;
}
#contact_form .wrap_input {
  position: relative;
}
#contact_form input[type=text],
#contact_form input[type=email] {
  transition-duration: 0.3s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  font-family: "toppan-bunkyu-gothic-pr6n", serif;
  width: 100%;
  padding: 15px 25px;
  background-color: #F4F5F5;
  border: 1px solid #D6DDDD;
  border-radius: 5px;
  letter-spacing: 0.08em;
  font-size: clamp(1.6rem, 1vw, 1vw);
  font-weight: 600;
}
@media screen and (max-width: 999px) {
  #contact_form input[type=text],
#contact_form input[type=email] {
    padding: 17px 25px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 750px) {
  #contact_form input[type=text],
#contact_form input[type=email] {
    padding: 17px 5px;
  }
}
#contact_form input[type=text]::-moz-placeholder, #contact_form input[type=email]::-moz-placeholder {
  color: #A3A3A3;
  font-family: "toppan-bunkyu-gothic-pr6n", serif;
}
#contact_form input[type=text]::placeholder,
#contact_form input[type=email]::placeholder {
  color: #A3A3A3;
  font-family: "toppan-bunkyu-gothic-pr6n", serif;
}
#contact_form input[type=text]:focus,
#contact_form input[type=email]:focus {
  border-color: #0068B5;
  background-color: rgba(0, 104, 181, 0.1);
}
#contact_form textarea {
  transition-duration: 0.3s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  font-family: "toppan-bunkyu-gothic-pr6n", serif;
  width: 100%;
  max-width: 100%;
  background-color: #F4F5F5;
  border-radius: 5px;
  border: 1px solid #D6DDDD;
  padding: 15px 25px;
  min-height: 200px;
  letter-spacing: 0.08em;
  font-size: clamp(1.6rem, 1vw, 1vw);
  font-weight: 600;
}
@media screen and (max-width: 999px) {
  #contact_form textarea {
    padding: 17px 25px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 750px) {
  #contact_form textarea {
    padding: 17px 5px;
  }
}
#contact_form textarea::-moz-placeholder {
  color: #A3A3A3;
  font-weight: 600;
}
#contact_form textarea::placeholder {
  color: #A3A3A3;
  font-weight: 600;
}
#contact_form textarea:focus {
  border-color: #0068B5;
  background-color: rgba(0, 104, 181, 0.1);
}
#contact_form .mwform-checkbox-field-text,
#contact_form .mwform-radio-field-text {
  cursor: pointer;
  vertical-align: middle;
}
#contact_form input[type=checkbox] {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#contact_form input[type=checkbox] {
  transition-duration: 0.3s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  cursor: pointer;
  padding-left: clamp(15px, 0.93vw, 0.93vw);
  /*label手前にチェックボックス用の余白を開ける*/
  vertical-align: middle;
  position: relative;
  height: clamp(15px, 0.93vw, 0.93vw);
}
#contact_form input[type=checkbox]::before,
#contact_form input[type=checkbox]::after {
  transition-duration: 0.3s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  content: "";
  display: block;
  position: absolute;
  height: clamp(15px, 0.93vw, 0.93vw);
}
#contact_form input[type=checkbox]::before {
  background-color: #F4F5F5;
  border-radius: 3px;
  width: clamp(15px, 0.93vw, 0.93vw);
  height: clamp(15px, 0.93vw, 0.93vw);
  transform: translateY(-50%);
  top: 50%;
  left: 0px;
  border: 1px solid #D6DDDD;
  border-radius: 3px;
}
#contact_form input[type=checkbox]::after {
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  opacity: 0;
  height: clamp(5px, 0.31vw, 0.31vw);
  width: clamp(8px, 0.5vw, 0.5vw);
  transform: rotate(-45deg);
  top: calc(50% - clamp(4px, 0.25vw, 0.25vw));
  left: clamp(3px, 0.18vw, 0.18vw);
}
#contact_form input[type=checkbox]:checked::before {
  background-color: #0068B5;
  border-color: #0068B5;
}
#contact_form input[type=checkbox]:checked::after {
  opacity: 1;
}
#contact_form .mwform-checkbox-field-text {
  font-weight: 600;
}
#contact_form input[type=radio] {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#contact_form input[type=radio] {
  transition-duration: 0.3s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  cursor: pointer;
  padding-left: clamp(15px, 0.93vw, 0.93vw);
  /*label手前にチェックボックス用の余白を開ける*/
  vertical-align: middle;
  position: relative;
  height: clamp(15px, 0.93vw, 0.93vw);
}
#contact_form input[type=radio]::before,
#contact_form input[type=radio]::after {
  transition-duration: 0.3s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  content: "";
  display: block;
  position: absolute;
}
#contact_form input[type=radio]::before {
  background-color: #F4F5F5;
  border: 1px solid #D6DDDD;
  border-radius: 50%;
  width: clamp(15px, 0.93vw, 0.93vw);
  height: auto;
  aspect-ratio: 1/1;
  transform: translateY(-50%);
  top: 50%;
  left: 0px;
}
#contact_form input[type=radio]::after {
  opacity: 0;
  height: clamp(8px, 0.5vw, 0.5vw);
  width: clamp(8px, 0.5vw, 0.5vw);
  top: calc(50% - clamp(8px, 0.5vw, 0.5vw) / 2);
  left: calc(50% - clamp(8px, 0.5vw, 0.5vw) / 2);
  background-color: #0068B5;
  border-radius: 50%;
}
#contact_form input[type=radio]:checked::before {
  border: 1px solid #0068B5;
}
#contact_form input[type=radio]:checked::after {
  opacity: 1;
}
#contact_form .mwform-radio-field-text {
  font-weight: 600;
}
#contact_form select {
  font-family: "toppan-bunkyu-gothic-pr6n", serif;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  width: 100%;
  background-color: #F4F5F5;
  border: 1px solid #D6DDDD;
  border-radius: 5px;
  padding: 15px calc(25px + clamp(15px, 0.93vw, 0.93vw) + 10px) 15px 25px;
  letter-spacing: 0.08em;
  font-size: clamp(1.6rem, 1vw, 1vw);
  font-weight: 600;
  color: #000;
  background-image: url(../img/common/icon_chevron-down_blue.svg);
  background-repeat: no-repeat;
  background-size: clamp(15px, 0.93vw, 0.93vw) auto;
  background-position: right 10px center;
  line-height: 1.8;
}
@media screen and (max-width: 999px) {
  #contact_form select {
    font-size: 1.4rem;
    padding: 17px 47px 17px 25px;
  }
}
@media screen and (max-width: 999px) {
  #contact_form select {
    padding: 17px 27px 17px 25px;
  }
}
#contact_form option[selected=selected] {
  opacity: 0.5;
}
#contact_form input[type=file] {
  font-family: "toppan-bunkyu-gothic-pr6n", serif;
  font-weight: 600;
  color: #000;
}
#contact_form .error {
  display: block;
  height: auto;
  color: red;
}
#contact_form .wrap_btn {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 30px auto 0;
}
@media screen and (max-width: 750px) {
  #contact_form .wrap_btn {
    margin: 20px auto 0;
  }
}
#contact_form .wrap_btn .submitbtn {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  display: flex;
  justify-content: center;
  height: clamp(60px, 3.75vw, 3.75vw);
  pointer-events: none;
  border-radius: clamp(30px, 1.87vw, 1.87vw);
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  #contact_form .wrap_btn .submitbtn {
    max-width: calc(100% - 20px);
    height: 50px;
  }
}
#contact_form .wrap_btn .submitbtn::after {
  transition-duration: 0.3s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  content: "";
  position: absolute;
  right: 7.5%;
  top: 50%;
  transform: translate(0, -50%);
  display: block;
  width: 1.1em;
  height: 1.1em;
  background-color: #000;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% auto;
          mask-size: 100% auto;
  -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='レイヤー_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='18px' height='17px' viewBox='0 0 18 17' style='enable-background:new 0 0 18 17;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M17.5,7.4l-7.1-7c-0.6-0.6-1.5-0.6-2.1,0C7.7,1,7.7,2,8.3,2.5L12.8,7H1.6C0.7,7,0.1,7.7,0.1,8.5S0.7,10,1.6,10 c0,0,0,0,0,0h11.3l-4.5,4.5c-0.6,0.6-0.6,1.5-0.1,2.1c0.6,0.6,1.5,0.6,2.1,0.1c0,0,0,0,0.1-0.1l7.1-7C18.1,9,18.1,8,17.5,7.4 C17.5,7.5,17.5,7.4,17.5,7.4L17.5,7.4z'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='レイヤー_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='18px' height='17px' viewBox='0 0 18 17' style='enable-background:new 0 0 18 17;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M17.5,7.4l-7.1-7c-0.6-0.6-1.5-0.6-2.1,0C7.7,1,7.7,2,8.3,2.5L12.8,7H1.6C0.7,7,0.1,7.7,0.1,8.5S0.7,10,1.6,10 c0,0,0,0,0,0h11.3l-4.5,4.5c-0.6,0.6-0.6,1.5-0.1,2.1c0.6,0.6,1.5,0.6,2.1,0.1c0,0,0,0,0.1-0.1l7.1-7C18.1,9,18.1,8,17.5,7.4 C17.5,7.5,17.5,7.4,17.5,7.4L17.5,7.4z'/%3E%3C/svg%3E%0A");
  z-index: 1;
}
#contact_form .wrap_btn .submitbtn:hover::after {
  transform: translate(10px, -50%);
}
#contact_form .wrap_btn [type=submit].btn {
  font-family: "toppan-bunkyu-gothic-pr6n", serif;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: clamp(1.8rem, 1.12vw, 1.12vw);
  font-weight: 600;
  letter-spacing: 0.08em;
  cursor: pointer;
  color: #000;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  background: #E6F21E;
  border: none;
  padding: 0;
  z-index: 1;
  pointer-events: auto;
  width: clamp(300px, 18.7vw, 18.7vw);
  max-width: 100%;
}
@media screen and (max-width: 999px) {
  #contact_form .wrap_btn [type=submit].btn {
    font-size: 1.6rem;
  }
}

/* 入力画面 - エラー
--------------------------------------------------*/
#contact_form .txt_error {
  display: none;
  padding-top: 100px;
  color: red;
  text-align: center;
}

.mw_wp_form:has(span.error) #contact_form .txt_error {
  display: block;
}

/* 確認画面
--------------------------------------------------*/
body:has(.mw_wp_form_confirm) #contact_form {
  padding-top: 120px;
}
@media screen and (max-width: 750px) {
  body:has(.mw_wp_form_confirm) #contact_form {
    padding-top: 60px;
  }
}
body:has(.mw_wp_form_confirm) #contact_form .entry_form li {
  border-bottom: 1px solid rgba(0, 104, 181, 0.3);
  margin: 0;
  padding: 15px 20px;
}
@media screen and (max-width: 750px) {
  body:has(.mw_wp_form_confirm) #contact_form .entry_form li {
    padding: 15px 0;
  }
}
body:has(.mw_wp_form_confirm) #contact_form .entry_form li:first-child {
  padding-top: 0;
}
body:has(.mw_wp_form_confirm) #contact_form .entry_form .privacy_check {
  display: none;
}
body:has(.mw_wp_form_confirm) #contact_form .entry_form .privacy_ttl .content_ttl {
  padding-right: 30px;
  margin-right: 0;
  margin-left: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 750px) {
  body:has(.mw_wp_form_confirm) #contact_form .entry_form .privacy_ttl .content_ttl {
    margin-right: auto;
    width: 100%;
    padding-right: 0;
    padding-bottom: 10px;
  }
}
body:has(.mw_wp_form_confirm) #contact_form .entry_form .must {
  display: none;
}
body:has(.mw_wp_form_confirm) #contact_form .wrap_btn {
  gap: clamp(100px, 6.25vw, 6.25vw);
}
@media screen and (max-width: 999px) {
  body:has(.mw_wp_form_confirm) #contact_form .wrap_btn {
    gap: 20px;
    justify-content: center;
  }
}
@media screen and (max-width: 750px) {
  body:has(.mw_wp_form_confirm) #contact_form .wrap_btn {
    flex-direction: column;
    align-items: center;
  }
}
body:has(.mw_wp_form_confirm) #contact_form .wrap_btn .backbtn {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  display: flex;
  justify-content: center;
  height: clamp(60px, 3.75vw, 3.75vw);
  pointer-events: none;
  border-radius: clamp(30px, 1.87vw, 1.87vw);
  overflow: hidden;
  max-width: calc(100% - 20px);
}
@media screen and (max-width: 750px) {
  body:has(.mw_wp_form_confirm) #contact_form .wrap_btn .backbtn {
    height: 50px;
  }
}
body:has(.mw_wp_form_confirm) #contact_form .wrap_btn .backbtn::after {
  transition-duration: 0.3s;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  content: "";
  position: absolute;
  left: 7.5%;
  top: 50%;
  transform: translate(0, -50%) rotate(180deg);
  display: block;
  width: 1.1em;
  height: 1.1em;
  background-color: #000;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% auto;
          mask-size: 100% auto;
  -webkit-mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='レイヤー_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='18px' height='17px' viewBox='0 0 18 17' style='enable-background:new 0 0 18 17;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M17.5,7.4l-7.1-7c-0.6-0.6-1.5-0.6-2.1,0C7.7,1,7.7,2,8.3,2.5L12.8,7H1.6C0.7,7,0.1,7.7,0.1,8.5S0.7,10,1.6,10 c0,0,0,0,0,0h11.3l-4.5,4.5c-0.6,0.6-0.6,1.5-0.1,2.1c0.6,0.6,1.5,0.6,2.1,0.1c0,0,0,0,0.1-0.1l7.1-7C18.1,9,18.1,8,17.5,7.4 C17.5,7.5,17.5,7.4,17.5,7.4L17.5,7.4z'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='レイヤー_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='18px' height='17px' viewBox='0 0 18 17' style='enable-background:new 0 0 18 17;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M17.5,7.4l-7.1-7c-0.6-0.6-1.5-0.6-2.1,0C7.7,1,7.7,2,8.3,2.5L12.8,7H1.6C0.7,7,0.1,7.7,0.1,8.5S0.7,10,1.6,10 c0,0,0,0,0,0h11.3l-4.5,4.5c-0.6,0.6-0.6,1.5-0.1,2.1c0.6,0.6,1.5,0.6,2.1,0.1c0,0,0,0,0.1-0.1l7.1-7C18.1,9,18.1,8,17.5,7.4 C17.5,7.5,17.5,7.4,17.5,7.4L17.5,7.4z'/%3E%3C/svg%3E%0A");
  z-index: 1;
}
body:has(.mw_wp_form_confirm) #contact_form .wrap_btn .backbtn:hover::after {
  transform: translate(-10px, -50%) rotate(180deg);
}

/* 完了画面
--------------------------------------------------*/
body:has(.mw_wp_form_complete) #contact_form {
  padding-top: 120px;
}
@media screen and (max-width: 750px) {
  body:has(.mw_wp_form_complete) #contact_form {
    padding-top: 60px;
  }
}
body:has(.mw_wp_form_complete) #contact_form .complet {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body:has(.mw_wp_form_complete) #contact_form .complet p {
  margin-bottom: 10px;
}
body:has(.mw_wp_form_complete) #contact_form .complet p:last-of-type {
  margin-bottom: 0;
}
body:has(.mw_wp_form_complete) #contact_form .complet a.tel {
  pointer-events: none;
  color: #0068B5;
}
@media screen and (max-width: 999px) {
  body:has(.mw_wp_form_complete) #contact_form .complet a.tel {
    pointer-events: all;
  }
}
body:has(.mw_wp_form_complete) #contact_form .complet .wrap_btn {
  margin-top: 40px;
}
body:has(.mw_wp_form_complete) #contact_form .complet .wrap_btn a {
  display: flex;
  align-items: center;
  font-size: clamp(1.8rem, 1.12vw, 1.12vw);
}
@media screen and (max-width: 750px) {
  body:has(.mw_wp_form_complete) #contact_form .complet .wrap_btn a {
    font-size: 1.6rem;
  }
}
body:has(.mw_wp_form_complete) #contact_form .complet .wrap_btn .arrow {
  margin-left: 20px;
  width: clamp(60px, 5.87vw, 5.87vw);
  height: clamp(60px, 5.87vw, 5.87vw);
}

/*-----------------------------------------

※このスタイルシートはSCSSで生成されています。
cssへの直記入はなさらないようにしてください。

-----------------------------------------*/
/* 共通
--------------------------------------------------*/
.wrap_honne {
  background-color: #0068B5;
  padding-bottom: 20px;
}
@media screen and (max-width: 750px) {
  .wrap_honne {
    padding-bottom: 0;
  }
}

#honne_articles .wrap_article {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 60px 3.1vw;
}
@media screen and (max-width: 999px) {
  #honne_articles .wrap_article {
    gap: 40px 3.1vw;
  }
}
@media screen and (max-width: 750px) {
  #honne_articles .wrap_article {
    width: 100%;
  }
}
#honne_articles article {
  padding: 50px 0;
  background-color: #fff;
}
@media screen and (max-width: 750px) {
  #honne_articles article {
    padding: 30px 20px;
  }
}
#honne_articles article:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 750px) {
  #honne_articles article > .w_common_inner {
    width: 100%;
  }
}
#honne_articles article h2 {
  margin-bottom: calc(40px - 0.07em);
}
@media screen and (max-width: 750px) {
  #honne_articles article h2 {
    margin-bottom: 25px;
  }
}
#honne_articles article .cont {
  position: relative;
}

/* 入社の決め手は？
--------------------------------------------------*/
#honne_articles #factor {
  flex: 54;
  padding-right: 2.5%;
  padding-left: 2.5%;
}
@media screen and (max-width: 999px) {
  #honne_articles #factor {
    flex: 1;
  }
}
@media screen and (max-width: 750px) {
  #honne_articles #factor {
    width: 100%;
    flex: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
}
#honne_articles #factor h2 {
  margin-bottom: 30px;
}
@media screen and (max-width: 750px) {
  #honne_articles #factor h2 {
    margin-bottom: 25px;
  }
}
#honne_articles #factor .cont {
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  gap: 25px 1.7%;
}
@media screen and (max-width: 750px) {
  #honne_articles #factor .cont {
    gap: 20px 10px;
  }
}
#honne_articles #factor .cont .rank {
  color: #0068B5;
  line-height: 1;
  margin-bottom: calc(3px - 0.05em);
  font-size: clamp(3.5rem, 2.18vw, 2.18vw);
}
@media screen and (max-width: 999px) {
  #honne_articles #factor .cont .rank {
    font-size: 3.5vw;
  }
}
@media screen and (max-width: 750px) {
  #honne_articles #factor .cont .rank {
    font-size: 3rem;
  }
}
@media screen and (max-width: 389px) {
  #honne_articles #factor .cont .rank {
    font-size: 7.69vw;
  }
}
#honne_articles #factor .cont .illust {
  position: absolute;
}
#honne_articles #factor .cont .inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #0068B5;
  height: 8.3vw;
  min-height: 130px;
}
@media screen and (max-width: 750px) {
  #honne_articles #factor .cont .inner {
    height: auto;
    min-height: 100px;
  }
}
#honne_articles #factor .cont .midashi {
  color: #fff;
  font-size: clamp(2rem, 1.25vw, 1.25vw);
}
@media screen and (max-width: 999px) {
  #honne_articles #factor .cont .midashi {
    font-size: 2vw;
  }
}
@media screen and (max-width: 750px) {
  #honne_articles #factor .cont .midashi {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 389px) {
  #honne_articles #factor .cont .midashi {
    font-size: 4.1vw;
  }
}
#honne_articles #factor .cont .midashi.yellow {
  color: #E6F21E;
}
#honne_articles #factor .cont .top {
  width: 100%;
}
#honne_articles #factor .cont .top .illust {
  width: 3.12vw;
  right: 0.62vw;
  bottom: 0.62vw;
}
@media screen and (max-width: 999px) {
  #honne_articles #factor .cont .top .illust {
    width: 31px;
  }
}
@media screen and (max-width: 750px) {
  #honne_articles #factor .cont .top .illust {
    right: 10px;
    bottom: 10px;
    width: 36px;
  }
}
@media screen and (max-width: 389px) {
  #honne_articles #factor .cont .top .illust {
    width: 9.23vw;
  }
}
#honne_articles #factor .cont .top .rank {
  position: relative;
  z-index: 10;
  font-size: clamp(4rem, 1.5vw, 1.5vw);
}
@media screen and (max-width: 999px) {
  #honne_articles #factor .cont .top .rank {
    font-size: 4vw;
  }
}
@media screen and (max-width: 750px) {
  #honne_articles #factor .cont .top .rank {
    font-size: 4rem;
  }
}
@media screen and (max-width: 389px) {
  #honne_articles #factor .cont .top .rank {
    font-size: 10.25vw;
  }
}
#honne_articles #factor .cont .top .rank > span {
  position: relative;
  z-index: 10;
}
#honne_articles #factor .cont .top .rank::before {
  content: "";
  position: relative;
  left: 50%;
  transform: translate(-50%, 0) rotate(-90deg);
  display: block;
  width: 5vw;
  height: 5vw;
  margin-bottom: -3vw;
  background-image: url(../img/common/deco_light_left.svg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: contain;
  z-index: 1;
}
@media screen and (max-width: 999px) {
  #honne_articles #factor .cont .top .rank::before {
    width: 50px;
    height: 50px;
    margin-bottom: -30px;
  }
}
@media screen and (max-width: 750px) {
  #honne_articles #factor .cont .top .rank::before {
    width: 80px;
    height: 80px;
    margin-bottom: -50px;
  }
}
@media screen and (max-width: 389px) {
  #honne_articles #factor .cont .top .rank::before {
    width: 20.5vw;
    height: 20.5vw;
    margin-bottom: -12.8vw;
  }
}
#honne_articles #factor .cont .top .midashi {
  font-size: clamp(2.5rem, 1.56vw, 1.56vw);
}
@media screen and (max-width: 999px) {
  #honne_articles #factor .cont .top .midashi {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 750px) {
  #honne_articles #factor .cont .top .midashi {
    font-size: 2rem;
  }
}
@media screen and (max-width: 389px) {
  #honne_articles #factor .cont .top .midashi {
    font-size: 5.12vw;
  }
}
#honne_articles #factor .cont .left {
  flex: 308;
}
#honne_articles #factor .cont .left .illust {
  width: 3.35vw;
  top: -1.24vw;
  right: 0.62vw;
}
@media screen and (max-width: 999px) {
  #honne_articles #factor .cont .left .illust {
    width: 33px;
  }
}
@media screen and (max-width: 750px) {
  #honne_articles #factor .cont .left .illust {
    right: -3px;
    top: -20px;
    width: 46px;
  }
}
@media screen and (max-width: 389px) {
  #honne_articles #factor .cont .left .illust {
    width: 11.79vw;
  }
}
#honne_articles #factor .cont .right {
  flex: 252;
}
#honne_articles #factor .cont .right .illust {
  width: 3.12vw;
  right: 0.62vw;
  bottom: 0.62vw;
}
@media screen and (max-width: 999px) {
  #honne_articles #factor .cont .right .illust {
    width: 31px;
  }
}
@media screen and (max-width: 750px) {
  #honne_articles #factor .cont .right .illust {
    right: 5px;
    bottom: 10px;
  }
}
@media screen and (max-width: 389px) {
  #honne_articles #factor .cont .right .illust {
    width: 7.94vw;
  }
}

/* 入社してよかったと感じたときは？
--------------------------------------------------*/
#honne_articles #good-about {
  flex: 46;
  padding-right: 4.1%;
  padding-left: 4.1%;
}
@media screen and (max-width: 999px) {
  #honne_articles #good-about {
    flex: 1;
    padding-right: 2.5%;
    padding-left: 2.5%;
  }
}
@media screen and (max-width: 750px) {
  #honne_articles #good-about {
    width: 100%;
    flex: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
}
#honne_articles #good-about h2 {
  margin-bottom: 30px;
}
@media screen and (max-width: 750px) {
  #honne_articles #good-about h2 {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 1199px) {
  #honne_articles #good-about h2 .xl-none {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  #honne_articles #good-about h2 .xl-none {
    display: block;
  }
}
#honne_articles #good-about .cont {
  text-align: center;
}
@media screen and (max-width: 750px) {
  #honne_articles #good-about .cont img {
    max-width: 410px;
  }
}

/* 入社してからの一番の思い出は？ & 仕事で大切にしていることは？
--------------------------------------------------*/
#honne_articles .cont_comment .voice {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 25px;
}
#honne_articles .cont_comment .voice:last-child {
  margin-bottom: 0;
}
#honne_articles .cont_comment .voice .left {
  width: 11%;
}
@media screen and (max-width: 750px) {
  #honne_articles .cont_comment .voice .left {
    width: 16%;
    margin-top: 20px;
  }
}
#honne_articles .cont_comment .voice .right {
  width: 89%;
  padding-left: 3.1vw;
}
@media screen and (max-width: 750px) {
  #honne_articles .cont_comment .voice .right {
    width: 84%;
    padding-left: 20px;
  }
}
#honne_articles .cont_comment .voice .right .fukidashi {
  position: relative;
  padding: 25px 30px;
  border: 1px solid #0068B5;
}
@media screen and (max-width: 750px) {
  #honne_articles .cont_comment .voice .right .fukidashi {
    padding: 20px 20px;
  }
}
#honne_articles .cont_comment .voice .right .fukidashi::before {
  content: "";
  position: absolute;
  left: -13px;
  top: 30px;
  transform: rotate(-90deg);
  display: block;
  width: 15px;
  height: 15px;
  background-image: url(../img/honne/icon_fukidashi.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
}
@media screen and (max-width: 750px) {
  #honne_articles .cont_comment .voice .right .fukidashi::before {
    top: 40px;
  }
}
#honne_articles .cont_comment .voice .right .midashi {
  margin-bottom: 12px;
  padding-bottom: 10px;
  border-bottom: 1px solid #0068B5;
}
#honne_articles .cont_comment .voice .right .txt {
  line-height: 1.6;
}
#honne_articles .cont_comment .voice .right .name {
  margin-top: 5px;
  font-size: clamp(1.4rem, 1vw, 1vw);
  text-align: right;
}
@media screen and (max-width: 750px) {
  #honne_articles .cont_comment .voice .right .name {
    font-size: 1.2rem;
  }
}

#honne_articles #memory {
  width: 100%;
}

#honne_articles #important {
  width: 100%;
}

/* TOPPANエッジITソリューションをひとことで表現するなら？
--------------------------------------------------*/
#honne_articles #one-word {
  width: 100%;
}
#honne_articles #one-word .cont {
  display: flex;
  flex-wrap: wrap;
  gap: 0.87vw;
}
@media screen and (max-width: 750px) {
  #honne_articles #one-word .cont {
    gap: 10px;
  }
}
#honne_articles #one-word .cont > div {
  position: relative;
  background-color: #0068B5;
  text-align: center;
  min-height: 6.25vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 15px 0;
}
@media screen and (max-width: 750px) {
  #honne_articles #one-word .cont > div {
    padding: 30px 0;
  }
}
#honne_articles #one-word .cont > div p {
  color: #E6F21E;
}
#honne_articles #one-word .cont > div .illust {
  position: absolute;
}
#honne_articles #one-word .cont .top,
#honne_articles #one-word .cont .bottom {
  width: 100%;
  padding: 1em 0;
  font-size: clamp(2.5rem, 1.56vw, 1.56vw);
}
@media screen and (max-width: 999px) {
  #honne_articles #one-word .cont .top,
#honne_articles #one-word .cont .bottom {
    font-size: 2.5vw;
  }
}
#honne_articles #one-word .cont .top p,
#honne_articles #one-word .cont .bottom p {
  font-size: clamp(2.5rem, 1.56vw, 1.56vw);
}
@media screen and (max-width: 999px) {
  #honne_articles #one-word .cont .top p,
#honne_articles #one-word .cont .bottom p {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 750px) {
  #honne_articles #one-word .cont .top {
    min-height: 80px;
  }
}
@media screen and (max-width: 750px) {
  #honne_articles #one-word .cont .top p {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 389px) {
  #honne_articles #one-word .cont .top p {
    font-size: 5.64vw;
  }
}
#honne_articles #one-word .cont .left {
  flex: 342;
}
#honne_articles #one-word .cont .left p {
  font-size: clamp(7rem, 4.37vw, 4.37vw);
}
@media screen and (max-width: 999px) {
  #honne_articles #one-word .cont .left p {
    font-size: 7vw;
  }
}
@media screen and (max-width: 750px) {
  #honne_articles #one-word .cont .left p {
    font-size: 5rem;
  }
}
@media screen and (max-width: 389px) {
  #honne_articles #one-word .cont .left p {
    font-size: 12.8vw;
  }
}
#honne_articles #one-word .cont .right {
  flex: 645;
}
#honne_articles #one-word .cont .right .illust {
  right: 0.87vw;
  top: 15px;
  width: 3.1vw;
}
@media screen and (max-width: 999px) {
  #honne_articles #one-word .cont .right .illust {
    width: 31px;
  }
}
@media screen and (max-width: 750px) {
  #honne_articles #one-word .cont .right .illust {
    width: 42px;
    right: 10px;
    top: 30px;
  }
}
@media screen and (max-width: 389px) {
  #honne_articles #one-word .cont .right .illust {
    width: 10.76vw;
  }
}
#honne_articles #one-word .cont .right p {
  font-size: clamp(3rem, 1.87vw, 1.87vw);
}
@media screen and (max-width: 999px) {
  #honne_articles #one-word .cont .right p {
    font-size: 3vw;
  }
}
@media screen and (max-width: 750px) {
  #honne_articles #one-word .cont .right p {
    font-size: 2rem;
  }
}
@media screen and (max-width: 389px) {
  #honne_articles #one-word .cont .right p {
    font-size: 5.12vw;
  }
}
@media screen and (max-width: 750px) {
  #honne_articles #one-word .cont .right p .x130 {
    font-size: 150%;
  }
}
@media screen and (max-width: 750px) {
  #honne_articles #one-word .cont .bottom {
    min-height: 100px;
  }
}
#honne_articles #one-word .cont .bottom .illust {
  right: 0.87vw;
  bottom: 0.87vw;
  width: 3.1vw;
}
@media screen and (max-width: 999px) {
  #honne_articles #one-word .cont .bottom .illust {
    width: 31px;
  }
}
@media screen and (max-width: 750px) {
  #honne_articles #one-word .cont .bottom .illust {
    width: 38px;
    right: 5px;
    bottom: 10px;
  }
}
@media screen and (max-width: 389px) {
  #honne_articles #one-word .cont .bottom .illust {
    width: 9.74vw;
  }
}
@media screen and (max-width: 750px) {
  #honne_articles #one-word .cont .bottom p {
    font-size: 2rem;
  }
}
@media screen and (max-width: 389px) {
  #honne_articles #one-word .cont .bottom p {
    font-size: 5.12vw;
  }
}
#honne_articles #one-word .cont .tate {
  writing-mode: vertical-rl;
}
/*# sourceMappingURL=honne.css.map */