@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

img {
  vertical-align: top;
}
img[usemap] {
  border-width: 0;
}
a img {
  border-width: 0;
  text-decoration: none;
}

ul, li {
  list-style: none;
}

* {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  color: #444;
  font-size: 1.6rem;
  line-height: 2;
  -webkit-text-size-adjust: none;
  font-family: "Inter", "Sarabun", "游ゴシック Medium", YuGothic, "游ゴシック体", "Meiryo UI", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width: 820px) {
  body {
    font-size: 1.6rem;
  }
}

a {
  text-decoration: none;
  color: #444;
}
button{ 
  font-family: "Inter", "Sarabun", "游ゴシック Medium", YuGothic, "游ゴシック体", "Meiryo UI", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img {
  max-width: 100%;
}

.l-header {
  align-items: center;
  background: #fff;
  display: flex;
  justify-content: space-between;
  padding: 15px 40px 20px 40px;
  position: sticky;
  top: 0;
  z-index: 3;
  border-top:3px solid #00AED1;  
}
@media screen and (max-width: 1400px) {
  .l-header {
    padding: 10px 20px 20px 20px;
  }
}
@media screen and (max-width: 820px) {
  .l-header {
    min-height: 70px;
    padding: 5px 20px 15px 20px;
  }
}

.l-header-menu-wrap {
  align-self: stretch;
  transition: all ease 0.7s;
}
@media screen and (max-width: 1100px) {
  .l-header-menu-wrap {
    align-items: center;
    background: rgba(0, 142, 172, 0.97);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-height: 0;
    overflow: hidden;
    padding: 0 24px;
    position: fixed;
    top: 110px;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .l-header-menu-wrap[aria-hidden=false] {
    max-height: 1000px;
    overflow: scroll;
    padding-bottom: 48px;
  }
}

@media screen and (max-width: 580px) {
  .l-header-menu-wrap {
    top:90px
  }
}

.l-header-menu {
  display: flex;
  align-self: stretch;
  align-items: center;
  gap: 40px;
  height: 100%;
}
@media screen and (max-width: 1100px) {
  .l-header-menu {
    display: block;
    height: auto;
    position: relative;
  }
}

@media screen and (max-width: 1100px) {
  .l-header-close {
    margin-top: 24px;
  }
}

.l-header-buttons {
  width: 256px; 
  padding-top:10px;
}
@media screen and (max-width: 1400px) {
  .l-header-buttons {
    max-width: 205px;
  }
}
@media screen and (max-width: 1100px) {
  .l-header-buttons {
    display: flex;
    gap: 12px;
    width: auto;
    padding-top: 0;
  }
}
.p-header-menu-lang{ display: none;}
.nav-right{ display: flex; align-items: center;}
.wpm-language-switcher{ display: flex; margin: 0 10px 0 0;}
.wpm-language-switcher li{ margin: 0 0 0 10px}
.wpm-language-switcher li > span, .wpm-language-switcher li > a{ background-color: #EEEEEE; color:#666; font-size: 14px; display: inline-block; width: 60px; border-radius: 4px; text-align: center; font-weight: bold;border: 1px solid #FFFFFF;}
.wpm-language-switcher li.active span{ background-color: #008EAB; color: #FFF; }
.wpm-language-switcher li a:hover span{ color: #008EAB; }


@media screen and (max-width: 1110px) {
  .p-header-menu-lang{ display: inline-block;}
  .nav-right .wpm-language-switcher{ display: none;}
}
.l-footer {
  position: relative;
}

.l-footer-link {
  background: #008EAB;
  padding: 40px 0;
}
.l-footer-link__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 64px;
  justify-content: center;
  margin: 0 auto;
  padding: 0 16px;
  width: 1232px;
}
.l-footer-link__block {
  width: 357px;
}
.l-footer-link__bottom {
  width: 100%;
  max-width: 1200px;
}
@media screen and (max-width: 820px) {
  .l-footer-link {
    padding: 32px 0;
  }
  .l-footer-link__inner {
    gap: 12px;
    width: 100%;
  }
  .l-footer-link__block {
    width: 100%;
  }
}

.l-footer-copyright {
  padding: 40px 16px;
}
@media screen and (max-width: 820px) {
  .l-footer-copyright {
    padding: 40px 16px;
  }
}

.l-container {
  margin: 0 auto;
  padding: 0 16px;
  width: 1232px;
  position: relative;
}
.l-container__inner {
  padding: 0 50px;
}
.l-container__left {
  width: 906px;
}
.l-container__right {
  width: 244px;
}
@media screen and (max-width: 820px) {
  .l-container {
    width: 100%;
    padding: 0 16px;
  }
  .l-container__inner {
    width: 100%;
  }
  .l-container__left {
    padding: 0 16px;
    width: 100%;
  }
  .l-container__right {
    width: 100%;
  }
}

.l-container-wrap {
  min-width: 1232px;
}
@media screen and (max-width: 820px) {
  .l-container-wrap {
    min-width: auto;
  }
}

.l-inner-title {
  position: relative;
}
.l-inner-title__heading {
  background: #008EAB;
  padding: 28px 0;
}
.l-inner-title__pankuzu {
  background: #E6F4F5;
  padding: 26px 0;
}
.l-inner-title::after {
  content: "";
  background: url("/assets/img/common/bg_l-inner-title.png") 100% 50% no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 680px;
}
@media screen and (max-width: 820px) {
  .l-inner-title__heading {
    padding: 24px 0;
  }
  .l-inner-title__pankuzu {
    padding: 16px 0;
  }
  .l-inner-title::after {
    width: 17.0666666667vw;
  }
}

.l-inner-link {
  margin: 0 auto;
  padding-right: 12px;
  width: 1200px;
}
.l-inner-link ul {
  background: #008EAB;
  box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.16);
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  padding: 32px 36px;
}
@media screen and (max-width: 820px) {
  .l-inner-link {
    width: 100%;
    padding-right: 0;
  }
  .l-inner-link ul {
    gap: 12px;
    justify-content: start;
    padding: 24px 36px;
  }
}

.l-products-single {
  display: flex;
}
.l-products-single__left {
  width: 906px;
}
.l-products-single__right {
  width: 244px;
}
.l-products-single__right-inner {
  position: sticky;
  top: 114px;
  bottom: 0;
  left: 100%;
}
@media screen and (max-width: 820px) {
  .l-products-single {
    width: 100%;
    position: relative;
  }
  .l-products-single__left {
    width: 100%;
  }
  .l-products-single__right {
    position: initial;
    width: 100%;
  }
  .l-products-single__right-inner {
    position: initial;
    padding-bottom: 172px;
  }
  .l-products-single__sp-nav-wrapper {
    position: absolute;
    width: 0;
    top: 0;
    bottom: 0;
    left: 0;
  }
  .l-products-single__sp-nav-wrapper > * {
    position: sticky;
    top: calc(100% - 98px);
    left: 0;
    z-index: 2;
  }
}

.l-container-wrap {
  min-width: 1232px;
}
@media screen and (max-width: 820px) {
  .l-container-wrap {
    min-width: auto;
  }
}

.c-only.-pc {
  display: block;
}
@media screen and (max-width: 820px) {
  .c-only.-pc {
    display: none;
  }
}
.c-only.-sp {
  display: none;
}
@media screen and (max-width: 820px) {
  .c-only.-sp {
    display: block;
  }
}

.c-heading-A1 {
  align-items: start;
  border-left: #F0B505 6px solid;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 20px;
}
.c-heading-A1__head {
  font-size: 2.8rem;
  line-height: 1.1;
}
.c-heading-A1__subtext {
  font-size: 2rem;
  line-height: 1.45;
}
@media screen and (max-width: 820px) {
  .c-heading-A1 {
    height: 100%;
    min-height: 40px;
    padding-left: 16px;
    margin-left: 16px;
  }
  .c-heading-A1__head {
    font-size: 2.4rem;
  }
  .c-heading-A1__subtext {
    font-size: 1.2rem;
  }
}

.c-heading-B1 {
  display: grid;
  grid-column: 2;
  grid-row: 2;
  grid-template-columns: 104px auto;
  justify-content: start;
}
.c-heading-B1::before {
  content: "";
  background: url("/assets/img/common/icon_search.svg") 0 50% no-repeat;
  background-size: auto 80px;
  width: 104px;
  height: 80px;
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
}
.c-heading-B1__head {
  font-size: 4rem;
  line-height: 1.6;
}
.c-heading-B1__subtext {
  color: #008EAB;
  font-family: Arial, "Meiryo UI", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.45;
}
.c-heading-B1.-is-news::before {
  background-image: url("/assets/img/common/icon_news.svg");
}
.c-heading-B1.-align-center {
  justify-content: center;
}
@media screen and (max-width: 820px) {
  .c-heading-B1 {
    grid-template-columns: 72px auto;
  }
  .c-heading-B1::before {
    background-size: auto 56px;
    width: 72px;
    height: 56px;
  }
  .c-heading-B1__head {
    font-size: 2.4rem;
  }
  .c-heading-B1__subtext {
    font-size: 1.4rem;
  }
}

.c-heading-B2 {
  color: #fff;
}
.c-heading-B2__head {
  font-size: 30px;
  line-height: 1.6;
}
.c-heading-B2__head span,
.c-heading-B2__head.-small span {
  position: relative;
  z-index: 2;
  background: repeating-linear-gradient(transparent 0, transparent 32px, #F0B505 32px, #F0B505 36px, transparent 36px, transparent 100%) 0 0 repeat-x;
}

.c-heading-B2__head.-small {
  font-size: 3.2rem;
}

.c-heading-B2__subtext {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.45;
  margin-bottom: 8px;
}
.c-heading-B2__subtext.-big {
  font-size: 3.2rem;
}
.c-heading-B2.-text-black {
  color: #444;
}
.c-heading-B2.-text-blue {
  color: #008EAB;
}
.c-heading-B2.-align-center {
  text-align: center;
}
@media screen and (max-width: 820px) {
  .c-heading-B2__head {
    font-size: 2.8rem;
  }
  .c-heading-B2__head span {
    background: repeating-linear-gradient(transparent 0, transparent 32px, #F0B505 32px, #F0B505 36px, transparent 36px, transparent 100%) 0 0 repeat-x;
  }
  .c-heading-B2__head.-small {
    font-size: 2.4rem;
  }
  .c-heading-B2__head.-small span {
    background: repeating-linear-gradient(transparent 0, transparent 27px, #F0B505 27px, #F0B505 30px, transparent 30px, transparent 100%) 0 0 repeat-x;
  }
  .c-heading-B2__subtext {
    font-size: 1.6rem;
  }
  .c-heading-B2__subtext.-big {
    font-size: 2rem;
  }
}

.c-heading-C1 {
  color: #008EAB;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.6;
}
@media screen and (max-width: 820px) {
  .c-heading-C1 {
    font-size: 2rem;
  }
}

.c-heading-C2 {
  font-size: 2.8rem;
  line-height: 1.45;
  padding-bottom: 16px;
  position: relative;
}
.c-heading-C2::before {
  content: "";
  background: #008EAB;
  display: block;
  width: 100%;
  height: 6px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}
.c-heading-C2::after {
  content: "";
  background: #F0B505;
  display: block;
  width: 46px;
  height: 6px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
@media screen and (max-width: 820px) {
  .c-heading-C2 {
    font-size: 2rem;
  }
  .c-heading-C2::before {
    height: 4px;
  }
  .c-heading-C2::after {
    width: 48px;
    height: 4px;
  }
}

.c-heading-C3 {
  background: url("/assets/img/common/bg_c-heading-C3.png") 0 0 no-repeat;
  background-size: 100% 100%;
  color: #fff;
  font-size: 2.4rem;
  line-height: 1.6;
  padding: 16px 0 16px 32px;
  position: relative;
}
.c-heading-C3::after {
  content: "";
  background: #F0B505;
  display: block;
  width: 16px;
  height: 4px;
  position: absolute;
  left: 0;
  top: calc(50% - 2px);
}
@media screen and (max-width: 820px) {
  .c-heading-C3 {
    background-image: url("/assets/img/common/bg_c-heading-C3_sp.png");
    font-size: 2rem;
    padding: 12px 0 12px 32px;
  }
}

.c-heading-D1 {
  color: #fff;
  font-size: 2.4rem;
  line-height: 1.6;
  padding-left: 28px;
  position: relative;
}
.c-heading-D1::after {
  content: "";
  background: #F0B505;
  display: block;
  width: 16px;
  height: 4px;
  position: absolute;
  left: 0;
  top: calc(50% - 2px);
}
.c-heading-D1.-text-blue {
  color: #008EAB;
}
@media screen and (max-width: 820px) {
  .c-heading-D1 {
    font-size: 1.8rem;
  }
  .c-heading-D1.-sp-16px {
    font-size: 1.6rem;
  }
}

.c-heading-D2 {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
}
.c-heading-D2.-text-blue {
  color: #008EAB;
}
@media screen and (max-width: 820px) {
  .c-heading-D2 {
    font-size: 1.8rem;
  }
}

.c-column-single {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.c-column-single > * {
  width: 100%;
}

.c-column-2 {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.c-column-2 > * {
  width: calc((100% - 16px) / 2);
}
@media screen and (max-width: 820px) {
  .c-column-2 {
    gap: 16px;
  }
  .c-column-2 > * {
    width: 100%;
  }
}

.c-column-2B {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: 56px 48px;
}
.c-column-2B > * {
  width: calc((100% - 48px) / 2);
}
@media screen and (max-width: 820px) {
  .c-column-2B {
    gap: 32px;
  }
  .c-column-2B > * {
    width: 100%;
  }
}

.c-column-3 {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 6px;
}
.c-column-3 > * {
  width: calc((100% - 12px) / 3);
}
@media screen and (max-width: 820px) {
  .c-column-3 {
    gap: 12px;
  }
  .c-column-3 > * {
    width: calc((100% - 24px) / 3);
  }
}

.c-column-3B {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: 48px;
}
.c-column-3B > * {
  width: calc((100% - 96px) / 3);
}
@media screen and (max-width: 820px) {
  .c-column-3B {
    gap: 48px;
  }
  .c-column-3B > * {
    width: 100%;
  }
}

.c-column-4 {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  gap: 12px 8px;
}
.c-column-4 > * {
  width: calc((100% - 24px) / 4);
}
@media screen and (max-width: 820px) {
  .c-column-4 {
    gap: 12px;
  }
  .c-column-4 > * {
    width: calc((100% - 24px) / 3);
  }
  .c-column-4.-sp-big > * {
    width: calc((100% - 12px) / 2);
  }
}

.c-search-item {
  align-items: center;
  background: #fff;
  box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.16);
  display: flex;
  height: 137px;
  margin: 0 12px 12px 0;
  padding: 19px 16px 16px 16px;
  position: relative;
}
.c-search-item::before {
  content: "";
  border-top: 3px solid #008EAB;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all ease 0.3s;
  z-index: 0;
}
.c-search-item::after {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  background: #F0B505;
  -webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%);
          clip-path: polygon(0 100%, 100% 0, 100% 100%);
  font-size: 19px;
  position: absolute;
  right: 8px;
  bottom: 8px;
  transition: all ease 0.3s;
}
.c-search-item:hover::before {
  border: 8px solid #5CDEF5;
}
.c-search-item:hover::after {
  opacity: 0;
}
.c-search-item__thumbnail {
  width: 120px;
  height: 100%;
  margin-right: 16px;
  -o-object-fit: contain;
     object-fit: contain;
}
.c-search-item__head {
  color: #444;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.6;
}
.c-search-item__excerpt {
  color: #444;
  font-size: 1.6rem;
  line-height: 2;
  margin-top: 16px;
}
.c-search-item.-vertical {
  flex-direction: column;
  height: 335px;
  justify-content: space-between;
  padding: 3px 0px 32px;
}
.c-search-item.-vertical .c-search-item__thumbnail {
  width: 100%;
  height: 230px;
  margin-right: 0;
}
.c-search-item.-vertical .c-search-item__head {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 72px;
  text-align: center;
}
.c-search-item.-with-excerpt {
  height: 295px;
  padding: 35px 32px 32px;
}
.c-search-item.-with-excerpt .c-search-item__thumbnail {
  width: 220px;
  margin-right: 32px;
}
.c-search-item.-with-excerpt2 {
  height: 165px;
  padding: 24px;
}
.c-search-item.-with-excerpt2 .c-search-item__thumbnail {
  width: 110px;
  margin-right: 16px;
}
.c-search-item.-with-excerpt2 .c-search-item__head {
  font-size: 1.6rem;
  text-decoration: underline;
}
.c-search-item.-with-excerpt2 .c-search-item__excerpt {
  font-size: 1.4rem;
  line-height: 1.6;
  margin-top: 12px;
}
.c-search-item.-with-excerpt-big {
  height: 295px;
  padding: 35px 32px 32px;
}
.c-search-item.-with-excerpt-big .c-search-item__thumbnail {
  width: 220px;
  margin-right: 32px;
}
.c-search-item.-with-excerpt-big .c-search-item__excerpt {
  margin-top: 24px;
}
.c-search-item.-disabled::before {
  content: "";
  background: rgba(214, 214, 214, 0.88);
  z-index: 2;
}
.c-search-item.-disabled:hover::before {
  border: none;
  border-top: 3px solid #008EAB;
}
.c-search-item.-disabled:hover::after {
  opacity: 1;
}
@media screen and (max-width: 820px) {
  .c-search-item {
    flex-direction: column;
    height: 100%;
    box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.16);
    margin: 0;
    padding: 15px 4px 16px 4px;
  }
  .c-search-item::after {
    font-size: 11px;
    right: 4px;
    bottom: 4px;
  }
  .c-search-item:hover::before {
    border: none;
    border-top: 3px solid #008EAB;
  }
  .c-search-item:hover::after {
    opacity: 1;
  }
  .c-search-item__thumbnail {
    max-width: 100%;
    height: 78px;
    margin-right: 0;
  }
  .c-search-item__head {
    align-items: center;
    display: flex;
    font-size: 1.2rem;
    justify-content: center;
    margin-left: 0;
    margin-top: 12px;
    min-height: 36px;
    text-align: center;
  }
  .c-search-item.-vertical {
    height: 100%;
    padding: 3px 0 24px;
  }
  .c-search-item.-vertical::after {
    border-width: 6px;
  }
  .c-search-item.-vertical .c-search-item__thumbnail {
    max-width: 165px;
    height: 136px;
  }
  .c-search-item.-vertical .c-search-item__head {
    font-size: 1.8rem;
    min-height: 56px;
  }
  .c-search-item.-with-excerpt {
    flex-direction: row;
    gap: 24px;
    height: auto;
    padding: 24px 16px;
  }
  .c-search-item.-with-excerpt .c-search-item__thumbnail {
    margin-right: 0;
    max-width: 144px;
    height: 149px;
  }
  .c-search-item.-with-excerpt .c-search-item__head {
    font-size: 1.8rem;
  }
  .c-search-item.-with-excerpt .c-search-item__excerpt {
    font-size: 1.4rem;
    margin-top: 8px;
  }
  .c-search-item.-with-excerpt-big {
    flex-direction: row;
    gap: 24px;
    height: auto;
    padding: 24px 16px;
  }
  .c-search-item.-with-excerpt-big .c-search-item__thumbnail {
    margin-right: 0;
    max-width: 144px;
    height: 149px;
  }
  .c-search-item.-with-excerpt-big .c-search-item__head {
    font-size: 1.8rem;
  }
  .c-search-item.-with-excerpt-big .c-search-item__excerpt {
    font-size: 1.4rem;
    margin-top: 8px;
  }
  .c-search-item.-with-excerpt2 {
    flex-direction: row;
    gap: 24px;
    height: auto;
    padding: 24px 16px;
  }
  .c-search-item.-with-excerpt2 .c-search-item__thumbnail {
    margin-right: 0;
    width: auto;
    max-width: 144px;
    height: 149px;
  }
  .c-search-item.-with-excerpt2 .c-search-item__head {
    font-size: 1.8rem;
  }
  .c-search-item.-with-excerpt2 .c-search-item__excerpt {
    font-size: 1.4rem;
    margin-top: 8px;
  }
}

.c-news-list {
  background: repeating-linear-gradient(90deg, #222 0px, #222 1px, transparent 1px, transparent 5px) 0 0 repeat-x;
  background-size: 5px 1px;
}
.c-news-list > li {
  background: repeating-linear-gradient(90deg, #222 0px, #222 1px, transparent 1px, transparent 5px) 0 100% repeat-x;
  background-size: 5px 1px;
}
.c-news-list a {
  color: #444;
  display: flex;
  font-size: 2rem;
  padding: 24px 16px;
}
.c-news-list a:hover .c-news-list__title {
  color: #F28F27;
}
.c-news-list a:hover .c-news-list__title strong {
  text-decoration: none;
}
.c-news-list__date {
  margin-right: 24px;
}
.c-news-list__terms {
  margin-right: 24px;
}
.c-news-list__terms span {
  background: #707070;
  color: #fff;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
  width: 184px;
}
.c-news-list__title {
  transition: all ease 0.3s;
}
.c-news-list__title strong {
  text-decoration: underline;
}
@media screen and (max-width: 820px) {
  .c-news-list a {
    flex-wrap: wrap;
    font-size: 1.6rem;
  }
  .c-news-list a:hover .c-news-list__title {
    color: #444;
  }
  .c-news-list a:hover .c-news-list__title strong {
    text-decoration: underline;
  }
  .c-news-list__date {
    margin-right: 16px;
  }
  .c-news-list__terms {
    margin-right: 0px;
  }
  .c-news-list__terms span {
    font-size: 1.2rem;
    line-height: 32px;
    width: 136px;
  }
  .c-news-list__title {
    margin-top: 16px;
    width: 100%;
  }
}

.c-youtube-box {
  width: 800px;
  height: 450px;
  margin: 0 auto;
}
.c-youtube-box.-small {
  width: 608px;
  height: 342px;
}
.c-youtube-box iframe {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 820px) {
  .c-youtube-box {
    width: 100%;
    height: calc((100vw - 52px) * 2 / 3);
  }
  .c-youtube-box.-small {
    width: 100%;
    height: calc((100vw - 52px) * 2 / 3);
  }
}

.c-material-list {
  border-left: 1px solid #A5A5A5;
  display: flex;
  flex-wrap: wrap;
}
.c-material-list > li {
  border-bottom: 1px solid #A5A5A5;
  border-right: 1px solid #A5A5A5;
  width: 20%;
}
.c-material-list > li:nth-child(-n+5) {
  border-top: 1px solid #A5A5A5;
}
.c-material-list > li:nth-child(5n) .c-material-detail {
  left: auto;
  right: -16px;
}
.c-material-list > li:nth-child(5n+1) .c-material-detail {
  left: -16px;
}
@media screen and (max-width: 1600px) {
  .c-material-list.-is-archive {
    max-width: 940px;
  }
  .c-material-list.-is-archive > li {
    width: 25%;
  }
  .c-material-list.-is-archive > li:nth-child(-n+5) {
    border-top: none;
  }
  .c-material-list.-is-archive > li:nth-child(-n+4) {
    border-top: 1px solid #A5A5A5;
  }
  .c-material-list.-is-archive > li:nth-child(5n) .c-material-detail, .c-material-list.-is-archive > li:nth-child(5n+1) .c-material-detail {
    left: calc(50% - 225px);
    right: auto;
  }
  .c-material-list.-is-archive > li:nth-child(4n) .c-material-detail {
    left: auto;
    right: -16px;
  }
  .c-material-list.-is-archive > li:nth-child(4n+1) .c-material-detail {
    left: -16px;
  }
}
@media screen and (max-width: 820px) {
  .c-material-list > li {
    width: 33.3%;
  }
  .c-material-list > li:nth-child(-n+5) {
    border-top: none;
  }
  .c-material-list > li:nth-child(-n+3) {
    border-top: 1px solid #A5A5A5;
  }
  .c-material-list > li:nth-child(5n) .c-material-detail {
    left: 0;
    right: 0;
  }
  .c-material-list.-is-archive > li {
    width: 33.3%;
  }
  .c-material-list.-is-archive > li:nth-child(-n+5) {
    border-top: none;
  }
  .c-material-list.-is-archive > li:nth-child(-n+3) {
    border-top: 1px solid #A5A5A5;
  }
  .c-material-list.-is-archive > li:nth-child(5n) .c-material-detail {
    left: 0;
    right: 0;
  }
}

.c-material-item {
  position: relative;
}
.c-material-item:hover > .c-material-detail {
  display: block;
}
.c-material-item__title {
  align-items: center;
  background: #F5F5F5;
  color: #444;
  display: inline-flex;
  font-size: 2rem;
  font-weight: bold;
  height: 100%;
  justify-content: center;
  min-height: 92px;
  padding: 0 28px;
  text-align: center;
  text-decoration: underline;
  width: 100%;
}
.c-material-item__trigger {
  display: none;
}
@media screen and (max-width: 820px) {
  .c-material-item__title {
    display: none;
  }
  .c-material-item__trigger {
    align-items: center;
    background: #F5F5F5;
    border: none;
    color: #444;
    cursor: pointer;
    display: inline-flex;
    font-size: 1.4rem;
    font-weight: bold;
    height: 56px;
    justify-content: center;
    padding: 0 12px;
    text-align: center;
    text-decoration: underline;
    width: 100%;
  }
}

.c-material-detail {
  bottom: calc(100% - 16px);
  -webkit-filter: drop-shadow(8px 8px 12px rgba(0, 0, 0, 0.16));
          filter: drop-shadow(8px 8px 12px rgba(0, 0, 0, 0.16));
  display: none;
  left: calc(50% - 225px);
  position: absolute;
  z-index: 2;
}
.c-material-detail.-is-over-window-top {
  bottom: auto;
  top: calc(100% - 16px);
  left: -16px;
}
.c-material-detail.-is-over-window-top .c-material-detail__inner {
  background: url("/assets/img/common/bg_c-material-detail2.svg") 0 0 no-repeat;
  padding: 56px 24px 24px;
}
.c-material-detail__inner {
  background: url("/assets/img/common/bg_c-material-detail.svg") 0 0 no-repeat;
  background-size: 100% 100%;
  padding: 24px 24px 56px;
  width: 450px;
}
.c-material-detail__title {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.45;
  text-align: center;
}
.c-material-detail__table {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #A5A5A5;
  border-left: 1px solid #A5A5A5;
  margin-top: 16px;
  width: 100%;
}
.c-material-detail__table li {
  border-right: 1px solid #A5A5A5;
  border-bottom: 1px solid #A5A5A5;
  display: flex;
  width: 50%;
}
.c-material-detail__table-title, .c-material-detail__table-value {
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.45;
  padding: 12px 0px;
  width: 50%;
}
.c-material-detail__table-title {
  padding-left: 16px;
}
.c-material-detail__table-value {
  padding-left: 16px;
  padding-right: 16px;
}
.c-material-detail__close {
  display: none;
}
@media screen and (max-width: 820px) {
  .c-material-detail {
    display: block;
    max-height: 0;
    overflow: hidden;
    position: fixed;
    top: 80px;
    right: 0;
    left: 0;
    bottom: 0;
    transition: all ease 0.3s;
  }
  .c-material-detail[aria-hidden=false] {
    max-height: 1000px;
  }
  .c-material-detail__inner {
    background: #fff;
    padding: 48px 52px 100px;
    width: 100%;
    height: 100%;
  }
  .c-material-detail__table {
    border: none;
    border-top: 1px solid #A5A5A5;
  }
  .c-material-detail__table li {
    border: none;
    border-bottom: 1px solid #A5A5A5;
    width: 100%;
  }
  .c-material-detail__table-title {
    padding-left: 8px;
  }
  .c-material-detail__table-value {
    padding-right: 8px;
  }
  .c-material-detail__close {
    bottom: 48px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 3;
  }
  .c-material-detail__close button {
    background: url("/assets/img/common/icon_close-blue.svg") transparent 0 50% no-repeat;
    border: none;
    color: #444;
    font-size: 1.6rem;
    line-height: 24px;
    padding-left: 32px;
  }
}

.c-dictionary-list > li {
  background: repeating-linear-gradient(90deg, #222 0px, #222 1px, transparent 1px, transparent 5px) 0 100% repeat-x;
  background-size: 5px 1px;
}

.c-dictionary-item__left {
  max-width: 940px;
  padding: 32px 0 16px;
}
.c-dictionary-item__title {
  background: url("/assets/img/common/icon_disc-blue.svg") 0 50% no-repeat;
  font-size: 2.4rem;
  padding-left: 26px;
  text-decoration: underline;
}
.c-dictionary-item__title small {
  font-size: 1.6rem;
}
.c-dictionary-item__text {
  font-size: 1.6rem;
  margin-top: 16px;
}
.c-dictionary-item__right {
  padding-bottom: 32px;
}
.c-dictionary-item__right .c-button {
  font-size: 1.6rem;
  height: 56px;
  width: 176px;
}
@media screen and (max-width: 820px) {
  .c-dictionary-item {
    display: block;
  }
  .c-dictionary-item__left {
    padding: 24px 0;
  }
  .c-dictionary-item__title {
    font-size: 1.8rem;
  }
  .c-dictionary-item__title small {
    font-size: 1.2rem;
  }
  .c-dictionary-item__text {
    font-size: 1.4rem;
  }
  .c-dictionary-item__right {
    padding: 0 0 24px 0;
    text-align: center;
  }
  .c-dictionary-item__right .c-button {
    font-size: 1.4rem;
    height: 48px;
    width: 160px;
  }
}

.c-overseas-country {
  display: flex;
  gap: 64px;
  padding: 32px 48px;
}
.c-overseas-country:nth-child(2n) {
  background-color: #F5F5F5;
}
.c-overseas-country dt {
  width: 144px;
}
.c-overseas-country dd {
  width: calc(100% - 208px);
}
.c-overseas-country__dt-heading {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
}
.c-overseas-country__dt-heading small {
  display: block;
  font-size: 1.6rem;
}
@media screen and (max-width: 820px) {
  .c-overseas-country {
    flex-direction: column;
    gap: 24px;
    padding: 24px 16px;
  }
  .c-overseas-country dt {
    align-items: center;
    display: flex;
    gap: 24px;
    width: 100%;
  }
  .c-overseas-country dd {
    width: 100%;
  }
  .c-overseas-country img {
    width: 120px;
  }
}

.c-overseas-itemlist {
  display: flex;
  flex-wrap: wrap;
  gap: 0 40px;
}
.c-overseas-itemlist li {
  width: calc((100% - 80px) / 3 - 16px);
  font-size: 16px;
  line-height: 2;
  margin-left: 16px;
}
.c-overseas-itemlist li::before {
  content: "";
  background: #008EAB;
  border-radius: 4px;
  margin: 0 8px 3px -16px;
  height: 8px;
  width: 8px;
  display: inline-block;
}
@media screen and (max-width: 820px) {
  .c-overseas-itemlist {
    gap: 10px 22px;
  }
  .c-overseas-itemlist li {
    font-size: 1.6rem;
    line-height: 1.6;
    margin-left: 12px;
    width: calc(50% - 23px);
  }
  .c-overseas-itemlist li::before {
    border-radius: 3px;
    margin: 0 6px 3px -12px;
    height: 6px;
    width: 6px;
  }
}

.c-customer-list {
  display: flex;
  flex-wrap: wrap;
}
.c-customer-list > li {
  width: 33.3%;
}
@media screen and (max-width: 820px) {
  .c-customer-list > li {
    width: 50%;
  }
}

.c-customer-item {
  line-height: 2;
}

.c-faq {
  border-radius: 9px;
  overflow: hidden;
}
.c-faq dt {
  align-items: center;
  background: #008EAB;
  color: #fff;
  display: flex;
  font-size: 2rem;
  font-weight: bold;
  gap: 24px;
  line-height: 1.6;
  padding: 24px 72px 24px 24px;
  position: relative;
}
.c-faq dt::before {
  content: "Q";
  font-size: 2.8rem;
  font-weight: bold;
}
.c-faq dt::after {
  content: "";
  background: url("/assets/img/common/icon_plus-white.svg") 50% 50% no-repeat;
  position: absolute;
  width: 20px;
  height: 20px;
  top: calc(50% - 10px);
  right: 24px;
}
.c-faq dt[aria-expanded=true]::after {
  background: url("/assets/img/common/icon_minus-white.svg") 50% 50% no-repeat;
}
.c-faq dd {
  align-items: center;
  background: #E6F4F5;
  color: #444;
  display: flex;
  font-size: 2rem;
  gap: 24px;
  line-height: 1.6;
  max-height: 0;
  overflow: hidden;
  padding: 0 24px;
  position: relative;
  transition: all ease 0.3s;
}
.c-faq dd::before {
  content: "A";
  color: #008EAB;
  font-size: 2.8rem;
  font-weight: bold;
}
.c-faq dd[aria-hidden=false] {
  max-height: 1000px;
  padding: 24px;
}
@media screen and (max-width: 820px) {
  .c-faq dt {
    font-size: 1.6rem;
    gap: 12px;
    padding: 16px;
    position: relative;
  }
  .c-faq dt::before {
    font-size: 2.4rem;
  }
  .c-faq dt::after {
    width: 16px;
    height: 16px;
    top: calc(50% - 8px);
    right: 16px;
  }
  .c-faq dd {
    font-size: 1.6rem;
    gap: 12px;
    padding: 0 16px;
  }
  .c-faq dd::before {
    font-size: 2.4rem;
  }
  .c-faq dd[aria-hidden=false] {
    padding: 16px;
  }
}

.c-button {
  align-items: center;
  background: #008EAB;
  border: none;
  border-radius: 9px;
  box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.16);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 2.4rem;
  font-weight: bold;
  justify-content: center;
  line-height: 1.6;
  position: relative;
  height: 96px;
  width: 100%;
  max-width: 560px;
  transition: all ease 0.3s;
}
.c-button:hover {
  background: #5CDEF5;
  color: #fff;
}
.c-button::after {
  content: "";
  background: url("/assets/img/common/icon_arrow-white.svg") 100% 50% no-repeat;
  position: absolute;
  width: 20px;
  height: 20px;
  top: calc(50% - 10px);
  right: 24px;
}
.c-button__wrap {
  margin: 0 auto;
  text-align: center;
}
.c-button.-icon-plus::after {
  background: url("/assets/img/common/icon_plus-white.svg") 50% 50% no-repeat;
}
.c-button.-icon-minus::after {
  background: url("/assets/img/common/icon_minus-white.svg") 50% 50% no-repeat;
}
@media screen and (max-width: 820px) {
  .c-button {
    box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.16);
    font-size: 1.6rem;
    height: 64px;
  }
  .c-button::after {
    right: 16px;
  }
}

.c-button-contact {
  align-items: center;
  background: #F0B505;
  border: none;
  border-radius: 9px;
  box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.16);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 3.2rem;
  font-weight: bold;
  justify-content: center;
  line-height: 1.6;
  position: relative;
  height: 96px;
  width: 100%;
  max-width: 560px;
  transition: all ease 0.3s;
}
.c-button-contact:hover {
  background: #F28F27;
}
.c-button-contact::before {
  content: "";
  background: url("/assets/img/common/icon_contact.svg") 50% 50% no-repeat;
  background-size: contain;
  display: inline-block;
  margin-right: 12px;
  width: 40px;
  height: 32px;
}
@media screen and (max-width: 820px) {
  .c-button-contact {
    box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.16);
    font-size: 1.6rem;
    height: 64px;
  }
  .c-button-contact::before {
    width: 30px;
    height: 24px;
  }
}

.c-button-inner-link {
  align-items: center;
  background: #fff;
  border: none;
  border-radius: 5px;
  color: #444;
  cursor: pointer;
  display: inline-flex;
  font-size: 1.6rem;
  font-weight: bold;
  justify-content: center;
  line-height: 1.6;
  padding: 0 22px;
  position: relative;
  height: 48px;
  transition: all ease 0.3s;
}
.c-button-inner-link::before {
  content: "";
  background: url("/assets/img/common/icon_arrow-down2-blue.svg") 50% 50% no-repeat;
  background-size: contain;
  display: inline-block;
  margin-right: 8px;
  width: 12px;
  height: 14px;
}
.c-button-inner-link:hover {
  background-color: #00AED1;
  color: #fff;
}
.c-button-inner-link:hover::before {
  background-image: url("/assets/img/common/icon_arrow-down2-white.svg");
}
@media screen and (max-width: 820px) {
  .c-button-inner-link {
    font-size: 1.4rem;
    height: 44px;
    padding: 0 16px;
  }
  .c-button-inner-link:hover {
    background-color: #fff;
    color: #444;
  }
  .c-button-inner-link:hover::before {
    background-image: url("/assets/img/common/icon_arrow-down2-blue.svg");
  }
}

.c-button-white-mini {
  align-items: center;
  background: #fff;
  border: none;
  border-radius: 9px;
  box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.16);
  color: #444;
  cursor: pointer;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: bold;
  justify-content: center;
  line-height: 1.6;
  position: relative;
  transition: all ease 0.3s;
  height: 64px;
  width: 100%;
}
.c-button-white-mini:hover {
  background-color: #00AED1;
  color: #fff;
}
.c-button-white-mini:hover::after {
  background-image: url("/assets/img/common/icon_arrow-right-white.svg");
}
.c-button-white-mini::after {
  content: "";
  background: url("/assets/img/common/icon_arrow-right-blue.svg") 50% 50% no-repeat;
  background-size: contain;
  position: absolute;
  width: 10px;
  height: 16px;
  top: calc(50% - 8px);
  right: 16px;
}
.c-button-white-mini.-is-pdf::before {
  content: "";
  background: url("/assets/img/common/icon_pdf.png") 50% 50% no-repeat;
  background-size: contain;
  width: 25px;
  height: 28px;
  margin-right: 12px;
}
.c-button-white-mini.-is-pdf::after {
  display: none;
}
@media screen and (max-width: 820px) {
  .c-button-white-mini {
    font-size: 1.4rem;
    height: 44px;
    padding: 0 16px;
  }
  .c-button-white-mini:hover {
    background-color: #fff;
    color: #444;
  }
  .c-button-white-mini:hover::after {
    background-image: url("/assets/img/common/icon_arrow-right-blue.svg");
  }
  .c-button-white-mini::after {
    width: 8px;
    height: 12px;
    top: calc(50% - 6px);
  }
}

.c-button-contact-mini {
  align-items: center;
  background: #F0B505;
  border: none;
  border-radius: 9px;
  box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.16);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 1.8rem;
  font-weight: bold;
  justify-content: center;
  line-height: 1.6;
  position: relative;
  height: 64px;
  width: 100%;
  transition: all ease 0.3s;
}
.c-button-contact-mini:hover {
  background: #F28F27;
}
.c-button-contact-mini::before {
  content: "";
  background: url("/assets/img/common/icon_contact.svg") 50% 50% no-repeat;
  background-size: contain;
  display: inline-block;
  margin-right: 12px;
  width: 30px;
  height: 24px;
}
@media screen and (max-width: 820px) {
  .c-button-contact-mini {
    font-size: 1.4rem;
    height: 44px;
    padding: 0 16px;
  }
  .c-button-contact-mini::before {
    width: 24px;
    height: 18px;
  }
  .c-button-contact-mini:hover {
    opacity: 1;
  }
}

.c-button-contact-mini2 {
  align-items: center;
  background: #F0B505;
  border: none;
  border-radius: 9px;
  box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.16);
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  font-size: 1.6rem;
  font-weight: bold;
  justify-content: center;
  line-height: 1.6;
  position: relative;
  height: 56px;
  width: 248px;
  transition: all ease 0.3s;
}
.c-button-contact-mini2:hover {
  background: #F28F27;
}
.c-button-contact-mini2::before {
  content: "";
  background: url("/assets/img/common/icon_contact.svg") 50% 50% no-repeat;
  background-size: contain;
  display: inline-block;
  margin-right: 12px;
  width: 24px;
  height: 19px;
}
@media screen and (max-width: 820px) {
  .c-button-contact-mini2 {
    font-size: 1.4rem;
    height: 48px;
    padding: 0 16px;
    width: 224px;
  }
  .c-button-contact-mini2::before {
    margin-right: 8px;
    width: 20px;
    height: 16px;
  }
  .c-button-contact-mini2:hover {
    opacity: 1;
  }
}

.c-top-button {
  align-items: center;
  background: #fff;
  border-radius: 32px;
  box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.16);
  color: #444;
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  justify-content: center;
  height: 60px;
  text-align: center;
  width: 60px;
  position: absolute;
  bottom: 56px;
  right: 48px;
  transition: all ease 0.3s;
  transition: opacity all ease 0.7s;
  opacity: 0;
}
.c-top-button.-show {
  opacity: 1;
}
.c-top-button:hover {
  background: #00AED1;
  color: #fff;
}
.c-top-button:hover span {
  background-image: url("/assets/img/common/icon_arrow-up-white.svg");
}
.c-top-button span {
  background: url("/assets/img/common/icon_arrow-up-blue.svg") 50% 0 no-repeat;
  padding-top: 10px;
}
.c-top-button__wrapper {
  position: sticky;
  left: 100%;
  bottom: 0;
  width: 0;
  height: 0;
  z-index: 1;
}
@media screen and (max-width: 820px) {
  .c-top-button {
    bottom: 16px;
    right: 16px;
    opacity: 1;
  }
  .c-top-button:hover {
    background: #fff;
    color: #444;
  }
  .c-top-button:hover span {
    background-image: url("/assets/img/common/icon_arrow-up-blue.svg");
  }
  .c-top-button span {
    background-size: 12px auto;
    padding-top: 8px;
  }
}

.c-form-item {
  display: flex;
}
.c-form-item:nth-child(2n+1) {
  background: #F5F5F5;
}
@media screen and (max-width: 820px) {
  .c-form-item {
    display: block;
  }
}

.c-form-header {
  align-items: center;
  display: inline-flex;
  justify-content: start;
  padding: 24px 32px;
  width: 320px;
}
.c-form-header__require {
  background: #CC3414;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1;
  margin-right: 8px;
  padding: 4px;
}
.c-form-header__label {
  font-weight: bold;
}
.c-form-header__label small {
  font-size: 1.4rem;
}
@media screen and (max-width: 820px) {
  .c-form-header {
    padding: 24px 16px 0;
    width: 100%;
  }
  .c-form-header__require {
    font-size: 1rem;
  }
  .c-form-header__label small {
    font-size: 1.2rem;
  }
}

.c-form-body {
  align-items: start;
  display: inline-flex;
  gap: 16px;
  justify-content: start;
  padding: 24px 32px 8px;
  width: 880px;
}
@media screen and (max-width: 820px) {
  .c-form-body {
    display: block;
    padding: 16px 16px 4px;
    width: 100%;
  }
}

.c-form-scrollarea {
  border: 1px solid #707070;
  height: 344px;
  margin-bottom: 28px;
  overflow-y: scroll;
  padding: 16px;
  width: 100%;
}

.c-form-submit {
  text-align: center;
}

.c-form-back {
  text-align: center;
}
.c-form-back a {
  color: #444;
  font-size: 2.4rem;
  font-weight: bold;
  text-decoration: underline;
}
@media screen and (max-width: 820px) {
  .c-form-back a {
    font-size: 1.6rem;
  }
}

.c-input-wrap {
  display: block;
  width: 100%;
}
.c-input-wrap.-is-small {
  max-width: 320px;
}
.c-input-wrap .c-input {
  margin-bottom: 16px;
}
.c-input-wrap .c-input-error {
  margin-top: -16px;
}

.c-input-wrap .error{ 
  color: #CC3414;
}

.c-input.-text, .c-input.-email, .c-input.-tel, .c-input.-postal, .c-input.-textarea,
.c-input select {
  border: 1px solid #707070;
  display: block;
  font-size: 2rem;
  padding: 8px;
  width: 100%;
}
.c-input.-text.-error, .c-input.-email.-error, .c-input.-tel.-error, .c-input.-postal.-error, .c-input.-textarea.-error,
.c-input select.-error {
  background: #FFEBEB;
}
.c-input.-error select {
  background: #FFEBEB;
}
.c-input.-radio {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 24px;
  width: 100%;
}
.c-input.-radio label {
  width: 240px;
  padding-left: 24px;
  line-height: 1.6;
}
.c-input.-radio input {
  margin-left: -24px;
  margin-right: 8px;
  vertical-align: baseline;
}
.c-input.-select {
  width: 254px;
}
@media screen and (max-width: 820px) {
  .c-input.-text, .c-input.-email, .c-input.-tel, .c-input.-postal, .c-input.-textarea,
.c-input select {
    font-size: 1.6rem;
    padding: 10px;
  }
  .c-input.-radio {
    gap: 12px;
  }
  .c-input.-radio label {
    width: 100%;
  }
}

.c-input-error {
  color: #CC3414;
  font-size: 1.6rem;
}

.c-icon {
  vertical-align: baseline;
  margin-left: 8px;
  margin-bottom: 1px;
}

.c-pankuzu {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
}
.c-pankuzu li {
  font-size: 1.6rem;
  line-height: 16px;
}
.c-pankuzu li:not(:first-child) {
  border-left: 1px solid #008EAB;
  padding-left: 24px;
}
.c-pankuzu a {
  color: #444;
  text-decoration: underline;
  vertical-align: baseline;
  transition: all ease 0.3s;
}
.c-pankuzu a:hover {
  color: #008EAB;
}
.c-pankuzu span {
  color: #008EAB;
  vertical-align: baseline;
}
@media screen and (max-width: 820px) {
  .c-pankuzu {
    gap: 8px;
    margin-right: 32px;
  }
  .c-pankuzu li {
    font-size: 1.2rem;
  }
  .c-pankuzu li:not(:first-child) {
    padding-left: 8px;
  }
  .c-pankuzu a:hover {
    color: #444;
    text-decoration: none;
  }
}

.c-editor-area > :first-child {
  margin-top: 48px;
}
@media screen and (max-width: 820px) {
  .c-editor-area > :first-child {
    margin-top: 32px;
  }
}
.c-editor-area h1 {
  color: #444;
  font-size: 2.4rem;
  line-height: 1.6;
  padding-left: 28px;
  position: relative;
  margin: 32px 0;
}
.c-editor-area h1::after {
  content: "";
  background: #F0B505;
  display: block;
  width: 16px;
  height: 4px;
  position: absolute;
  left: 0;
  top: calc(50% - 2px);
}
@media screen and (max-width: 820px) {
  .c-editor-area h1 {
    font-size: 1.8rem;
  }
}
.c-editor-area h2 {
  color: #008EAB;
  font-size: 2.4rem;
  margin: 24px 0;
}
@media screen and (max-width: 820px) {
  .c-editor-area h2 {
    font-size: 1.8rem;
  }
}
.c-editor-area h3 {
  font-size: 2.2rem;
  margin: 24px 0;
}
@media screen and (max-width: 820px) {
  .c-editor-area h3 {
    font-size: 1.6rem;
  }
}
.c-editor-area h4, .c-editor-area h5, .c-editor-area h6 {
  margin: 20px 0;
}
.c-editor-area a {
  color: #444;
  text-decoration: underline;
}
.c-editor-area a[target=_blank]::after {
  content: "";
  background: url("/assets/img/common/icon_blank-black.svg") 50% 50% no-repeat;
  background-size: contain;
  display: inline-block;
  margin-left: 8px;
  width: 10px;
  height: 10px;
}
.c-editor-area ul {
  list-style: disc;
}
.c-editor-area ul > li {
  list-style: disc;
  margin-left: 32px;
}
.c-editor-area ol {
  list-style: decimal;
}
.c-editor-area ol > li {
  list-style: decimal;
  margin-left: 32px;
}
.c-editor-area .alignleft {
  float: left;
}
.c-editor-area .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.c-editor-area .alignright {
  float: right;
}

.p-header-logo__title {
  color: #444;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.45;
}
.p-header-logo__img{
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  margin-top: 5px;
  margin-right: 15px;
} 
.p-header-logo__logo {
  display: block;
}


@media screen and (max-width: 1400px) {
  .p-header-logo__title {
    color: #444;
  }
}
@media screen and (max-width: 1200px) {
  .p-header-logo__title {
    color: #444;
  }
  .p-header-logo__img{
    flex-direction: column;
    margin-top: 5px;
  }

  .p-header-logo__desc::before{
    height: 20px;
    margin-left: 0;
    margin-right: 8px;

  }
  .p-header-logo__desc{ 
    font-size: 10px;
    line-height: 10px;
    padding-top: 8px;
  }
}
@media screen and (max-width: 576px) {

}

.p-header-menu {
  align-items: stretch;
  height: 100%;
}

.p-header-menu:hover .p-header-menu__drawer, .p-header-menu:focus-within .p-header-menu__drawer {
  max-height: 1000px;
}
.p-header-menu__opener {
  background: #FFF;
  border: none;
  border-bottom: 4px solid transparent;
  color: #444;
  cursor: pointer;
  display: block;
  font-size: 15px;
  font-weight: bold;
  height: 100%;
  line-height: 1.45;
  padding: 4px 24px 0 0;
  width: 100%;
  transition: all ease 0.3s;
  position: relative;
}
.p-header-menu__opener:after{
  content: '';
  background: url("/assets/img/common/icon_arrow-down-blue.svg") 0 0 no-repeat;
  width: 16px; 
  height: 10px;
  display: inline-block;
  position: absolute;
  right: 0;
  top:48%;
}

.p-header-menu:hover .p-header-menu__opener, .p-header-menu:focus-within .p-header-menu__opener {

  border-color: #F28F27;
  color: #F28F27;
}

.p-header-menu:hover .p-header-menu__opener:after, .p-header-menu:focus-within .p-header-menu__opener:after{
  background: url("/assets/img/common/icon_arrow-up-orange.svg") 0 0 no-repeat;
}
.p-header-menu__drawer {
  background: rgba(204, 204, 204, 0.97);
  max-height: 0px;
  overflow: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  transition: all ease 0.7s;
}
.p-header-menu__drawer-inner {
  margin: 40px auto;
  width: 980px;
}
.p-header-menu__title {
  background: url(/assets/img/common/icon_arrow-black.svg) 0 50% no-repeat;
  color: #444;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.6;
  padding-left: 22px;
}
.p-header-menu__title:hover {
  text-decoration: underline;
}
.p-header-menu__sub-title {
  color: #444;
  cursor: initial;
  font-size: 2rem;
  font-weight: bold;
  margin-top: 24px;
}
.p-header-menu__sub-title + .p-header-menu__list {
  margin-top: 12px;
}
.p-header-menu__list {
  display: flex;
  flex-wrap: wrap;
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
  margin-top: 16px;
}
.p-header-menu__list:first-child {
  margin-top: 0;
}
.p-header-menu__list li {
  width: 300px;
}
.p-header-menu__list a {
  color: #444;
  display: block;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2;
  padding-left: 12px;
  position: relative;
}
.p-header-menu__list a::before {
  content: "";
  background: #444;
  width: 6px;
  height: 3px;
  position: absolute;
  left: 0;
  top: 16px;
}
.p-header-menu__list a:hover {
  text-decoration: underline;
}
.p-header-menu__list__sub-title + .p-header-menu__list__list {
  margin-top: 16px;
}
@media screen and (max-width: 1400px) {
  .p-header-menu:hover .p-header-menu__opener, .p-header-menu:focus-within .p-header-menu__opener {
    background-position: 100% 48px;
  }
  .p-header-menu__opener {
    background-position: 100% 49px;
    font-size: 15px;
    padding-right: 26px;
  }
}
@media screen and (max-width: 1100px) {
  .p-header-menu {
    cursor: inherit;
    display: block;
    height: auto;
    margin-top: 20px;
  }

  .p-header-menu:hover .p-header-menu__opener, .p-header-menu:focus-within .p-header-menu__opener {
    background: url("/assets/img/common/icon_arrow-down-white.svg") 100% 22px no-repeat;
    border-bottom: 1px solid #E6F4F5;
    color: #fff;
  }
  .p-header-menu:hover .p-header-menu__opener[aria-expanded=true], .p-header-menu:focus-within .p-header-menu__opener[aria-expanded=true] {
    background-image: url("/assets/img/common/icon_arrow-up-orange.svg");
    color: #F0B505;
    border-color: #F0B505;
  }
  .p-header-menu:hover .p-header-menu__drawer, .p-header-menu:focus-within .p-header-menu__drawer {
    max-height: 0;
  }
  .p-header-menu:hover .p-header-menu__drawer[aria-hidden=false], .p-header-menu:focus-within .p-header-menu__drawer[aria-hidden=false] {
    max-height: 1000px;
  }
  .p-header-menu__opener {
    background: url("/assets/img/common/icon_arrow-down-white.svg") 100% 22px no-repeat;
    border-bottom: 1px solid #E6F4F5;
    color: #FFFFFF;
    font-size: 15px;
    padding: 12px 0;
    text-align: left;
  }
  .p-header-menu__opener[aria-expanded=true] {
    background-image: url("/assets/img/common/icon_arrow-up-yellow.svg");
    color: #F0B505;
    border-color: #F0B505;
  }
  .p-header-menu__drawer {
    background-color: initial;
    position: inherit;
  }
  .p-header-menu__drawer[aria-hidden=false] {
    max-height: 1000px;
  }
  .p-header-menu__drawer-inner {
    margin: 24px 0 0;
    width: 100%;
  }
  .p-header-menu__title {
    background: url(/assets/img/common/icon_arrow-white.svg) 0 50% no-repeat;
    color: #fff;
    font-size: 1.6rem;
  }
  .p-header-menu__sub-title {
    color: #fff;
    font-size: 1.4rem;
    margin-top: 20px;
  }
  .p-header-menu__sub-title + .p-header-menu__list {
    margin-top: 12px;
  }
  .p-header-menu__list {
    display: block;
    margin-top: 16px;
  }
  .p-header-menu__list:first-child {
    margin-top: 0;
  }
  .p-header-menu__list li {
    width: 100%;
  }
  .p-header-menu__list a {
    color: #fff;
    font-size: 1.4rem;
    padding-left: 8px;
    position: relative;
  }
  .p-header-menu__list a::before {
    background: #fff;
    width: 4px;
    height: 2px;
  }
}

.p-header-menu-close {
  display: none;
}
@media screen and (max-width: 1100px) {
  .p-header-menu-close {
    color: #fff;
    cursor: pointer;
    background: url("/assets/img/common/icon_close.svg") transparent 0 50% no-repeat;
    border: none;
    display: block;
    font-size: 1.6rem;
    line-height: 24px;
    padding-left: 32px;
    vertical-align: middle;
  }
}

.p-header-menu-button {
  display: none;
}
@media screen and (max-width: 1100px) {
  .p-header-menu-button {
    align-items: center;
    background: #00AED1;
    border: none;
    border-radius: 5px;
    box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.16);
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 1rem;
    font-weight: bold;
    position: relative;
    height: 48px;
    width: 64px;
    transition: all ease 0.3s;
  }
  .p-header-menu-button:hover, .p-header-menu-button[aria-expanded=true] {
    background: #5CDEF5;
  }
  .p-header-menu-button::before {
    content: "";
    background: url("/assets/img/common/icon_menu.svg") 50% 50% no-repeat;
    background-size: contain;
    display: inline-block;
    width: 100%;
    margin: 8px 0 4px;
    height: 14px;
  }
}

.p-header-contact.c-button-contact {
  font-size: 2rem;
  height: 72px;
  max-width: 256px;
}
.p-header-contact.c-button-contact::before {
  width: 36px;
  height: 28px;
}
@media screen and (max-width: 1400px) {
  .p-header-contact.c-button-contact {
    font-size: 1.6rem;
    height: 58px;
    max-width: 205px;
  }
}
@media screen and (max-width: 1100px) {
  .p-header-contact.c-button-contact {
    border-radius: 5px;
    box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.16);
    display: block;
    font-size: 1rem;
    line-height: 1.2;
    text-align: center;
    height: 48px;
    width: 64px;
  }
  .p-header-contact.c-button-contact::before {
    margin: 12px 0 2px;
    width: 100%;
    height: 16px;
  }
}

.p-footer-link__title {
  background: url(/assets/img/common/icon_arrow-white.svg) 0 calc(50% - 5px) no-repeat;
  border-bottom: solid 2px #E6F4F5;
  color: #fff;
  display: block;
  font-size: 2rem;
  font-weight: bold;
  padding: 0 0 12px 28px;
  transition: all ease 0.3s;
}
.p-footer-link__title:hover {
  background-image: url(/assets/img/common/icon_arrow-yellow.svg);
  color: #F0B505;
  border-color: #F0B505;
}
.p-footer-link__sub-title {
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 24px;
}
.p-footer-link__list {
  margin-top: 24px;
}

.p-footer-link__list a {
  color: #fff;
  display: block;
  font-size: 15px;
  font-weight: 600;
  line-height: 2;
  padding-left: 8px;
  position: relative;
}
.p-footer-link__list a::before {
  content: "";
  background: #fff;
  width: 4px;
  height: 2px;
  position: absolute;
  left: 0;
  top: calc(50% - 1px);
}
.p-footer-link__list a:hover {
  text-decoration: underline;
}
.p-footer-link__sub-title + .p-footer-link__list {
  margin-top: 16px;
}
@media screen and (max-width: 820px) {
  .p-footer-link__title {
    font-size: 1.6rem;
  }
  .p-footer-link__title:hover {
    background-image: url(/assets/img/common/icon_arrow-white.svg);
    color: #fff;
    border-color: #fff;
  }
  .p-footer-link__sub-title {
    font-size: 1.4rem;
  }
  .p-footer-link__list {
    display: block;
  }

  .p-footer-link__list.about{
    margin-top: 60px;
  }
  .p-footer-link__list li {
    width: 100%;
  }
  .p-footer-link__list a {
    font-size: 1.4rem;
    line-height: 2.4;
  }
}

.p-footer-link-bottom {
  display: flex;
  gap: 50px;
  justify-content: start;
}
.p-footer-link-bottom a {
  color: #fff;
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
  padding-left: 10px;
  position: relative;
}
.p-footer-link-bottom a::before {
  content: "";
  background: #fff;
  width: 6px;
  height: 3px;
  position: absolute;
  left: 0;
  top: calc(50% - 1px);
}
@media screen and (max-width: 820px) {
  .p-footer-link-bottom {
    display: block;
  }
  .p-footer-link-bottom a {
    color: #fff;
    display: block;
    font-size: 1.4rem;
    line-height: 2.4;
  }
  .p-footer-link-bottom a::before {
    width: 4px;
    height: 2px;
  }
}

.p-footer-copyright__company {
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.4285714286;
  text-align: center;
}
.p-footer-copyright__logo {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: center;
  margin-top: 16px;
}
.p-footer-copyright__copy {
  color: #444;
  font-size: 1.2rem;
  margin-top: 36px;
  text-align: center;
}
@media screen and (max-width: 820px) {
  .p-footer-copyright__company {
    font-size: 2rem;
    line-height: 1.5;
  }
  .p-footer-copyright__logo {
    gap: 24px;
    margin-top: 12px;
  }
  .p-footer-copyright__logo img:nth-child(1) {
    width: 130px;
  }
  .p-footer-copyright__logo img:nth-child(2) {
    width: 177px;
  }
  .p-footer-copyright__copy {
    font-size: 1rem;
    margin-top: 24px;
  }
}

.p-area-contact {
  background: #E6F4F5;
  padding: 64px 0;
}
.p-area-contact__button {
  margin-top: 32px;
}
.p-area-contact__company {
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.4285714286;
  margin-top: 48px;
  text-align: center;
}
.p-area-contact__logo {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: center;
  margin-top: 16px;
}
.p-area-contact__tel {
  display: flex;
  gap: 8px;
  justify-content: center;
  margin-top: 12px;
}
.p-area-contact__tel small {
  font-size: 2rem;
  font-weight: bold;
  line-height: 2.3;
  vertical-align: bottom;
}
.p-area-contact__tel a {
  color: #444;
  cursor: initial;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.4375;
}
.p-area-contact__tel img {
  margin-right: 6px;
  vertical-align: baseline;
}
.p-area-contact__open {
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.4583333333;
  margin-top: 8px;
  text-align: center;
}
@media screen and (max-width: 820px) {
  .p-area-contact {
    padding: 48px 0;
  }
  .p-area-contact__button {
    margin-top: 32px;
  }
  .p-area-contact__company {
    font-size: 2rem;
    line-height: 1.5;
    margin-top: 40px;
  }
  .p-area-contact__logo {
    gap: 24px;
    margin-top: 12px;
  }
  .p-area-contact__logo img:nth-child(1) {
    width: 130px;
  }
  .p-area-contact__logo img:nth-child(2) {
    width: 177px;
  }
  .p-area-contact__tel {
    display: block;
  }
  .p-area-contact__tel li {
    text-align: center;
  }
  .p-area-contact__tel small {
    font-size: 1.6rem;
  }
  .p-area-contact__tel a {
    cursor: pointer;
    font-size: 2.4rem;
  }
  .p-area-contact__tel img {
    margin-right: 4px;
    width: 11px;
  }
  .p-area-contact__open {
    font-size: 2.2rem;
    margin-top: 8px;
  }
}

.p-area-products {
  background: #E6F4F5;
  padding: 64px 0;
}
.p-area-products .l-container {
  position: relative;
}
.p-area-products .l-container::before {
  content: "";
  background: url("/assets/img/common/bg_area-products.png") 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -182px;
  right: 0;
  width: 237px;
  height: 186px;
}
.p-area-products__area1 {
  margin-top: 48px;
}
.p-area-products__area2 {
  margin-top: 36px;
}
@media screen and (max-width: 820px) {
  .p-area-products {
    padding: 40px 0 48px;
  }
  .p-area-products .l-container::before {
    bottom: -100px;
    right: 16px;
    width: 122px;
    height: 96px;
  }
  .p-area-products__area1 {
    margin-top: 40px;
  }
  .p-area-products__area2 {
    margin-top: 32px;
  }
}

.p-area-industry {
  background: #fff;
  padding: 64px 0;
}
.p-area-industry__heading .c-heading-B1 {
  float: left;
  margin-right: 64px;
}
.p-area-industry__heading-subtext {
  line-height: 1.6;
  margin-top: 32px;
}
.p-area-industry__area {
  margin-top: 64px;
}
@media screen and (max-width: 820px) {
  .p-area-industry {
    padding: 48px 0 48px;
  }
  .p-area-industry__heading .c-heading-B1 {
    float: none;
    margin-right: 0px;
  }
  .p-area-industry__heading .c-heading-C1 {
    margin-top: 40px;
  }
  .p-area-industry__heading-subtext {
    margin-top: 24px;
  }
  .p-area-industry__area {
    margin-top: 40px;
  }
}

.p-area-industry-movie {
  padding-bottom: 72px;
}
.p-area-industry-movie__movie {
  margin-top: 48px;
}
@media screen and (max-width: 820px) {
  .p-area-industry-movie {
    padding-bottom: 48px;
  }
  .p-area-industry-movie__movie {
    margin-top: 32px;
  }
}

.p-area-service {
  background: url("/assets/img/top/bg_service.jpg") 50% 50% no-repeat;
  background-size: cover;
  padding: 48px 0 56px;
}
.p-area-service__textbox {
  color: #fff;
  margin-top: 24px;
}
.p-area-service .c-youtube-box {
  margin-top: 40px;
}
.p-area-service .c-youtube-box + .p-area-service__textbox {
  color: #fff;
  margin-top: 64px;
}
.p-area-service__area0, .p-area-service__area2 {
  margin-top: 40px;
}
.p-area-service__area1 {
  margin-top: 16px;
}
.p-area-service__area1 .c-column-3, .p-area-service__area2 .c-column-3 {
  margin-top: 24px;
}
@media screen and (max-width: 820px) {
  .p-area-service {
    padding: 40px 0 48px;
  }
  .p-area-service__textbox {
    margin-top: 16px;
  }
  .p-area-service .c-youtube-box {
    margin-top: 20px;
  }
  .p-area-service .c-youtube-box + .p-area-service__textbox {
    margin-top: 36px;
  }
  .p-area-service__area0 {
    margin-top: 20px;
  }
  .p-area-service__area1 {
    margin-top: 12px;
  }
  .p-area-service__area2 {
    margin-top: 40px;
  }
  .p-area-service__area1 .c-column-3, .p-area-service__area2 .c-column-3 {
    margin-top: 16px;
  }
}

.p-area-right-nav {
  background: #008EAB;
  border-top: 6px solid #F0B505;
  padding: 24px 16px;
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 0;
  transition: all ease 0.7s;
}
.p-area-right-nav.-show {
  opacity: 1;
}
.p-area-right-nav__wrapper {
  position: sticky;
  left: 100%;
  bottom: 176px;
  width: 208px;
  height: 0;
  z-index: 1;
}
.p-area-right-nav__toptext {
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}
.p-area-right-nav__button {
  align-items: center;
  background: #fff;
  border: none;
  border-radius: 9px;
  box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.16);
  color: #444;
  cursor: pointer;
  display: inline-flex;
  font-size: 1.6rem;
  font-weight: bold;
  justify-content: center;
  line-height: 1.6;
  position: relative;
  transition: all ease 0.3s;
  height: 56px;
  width: 100%;
  min-width: 190px;
}
.p-area-right-nav__button:hover {
  background-color: #00AED1;
  color: #fff;
}
.p-area-right-nav__button:hover::after {
  background-image: url("/assets/img/common/icon_arrow-right-white.svg");
}
.p-area-right-nav__button::after {
  content: "";
  background: url("/assets/img/common/icon_arrow-right-blue.svg") 50% 50% no-repeat;
  background-size: contain;
  position: absolute;
  width: 10px;
  height: 16px;
  top: calc(50% - 8px);
  right: 16px;
}
@media screen and (max-width: 820px) {
  .p-area-right-nav__button {
    font-size: 1.4rem;
    height: 44px;
    padding: 0 16px;
  }
  .p-area-right-nav__button:hover {
    background-color: #fff;
    color: #444;
  }
  .p-area-right-nav__button:hover::after {
    background-image: url("/assets/img/common/icon_arrow-right-blue.svg");
  }
  .p-area-right-nav__button::after {
    width: 8px;
    height: 12px;
    top: calc(50% - 6px);
  }
}
.p-area-right-nav__button.-button2 {
  margin-top: 16px;
}
@media screen and (max-width: 820px) {
  .p-area-right-nav {
    display: flex;
    gap: 12px;
    justify-content: center;
    padding: 24px;
    width: 100%;
    opacity: 1;
    position: initial;
  }
  .p-area-right-nav__wrapper {
    left: 0;
    bottom: 0;
    height: auto;
    width: 100%;
  }
  .p-area-right-nav__toptext {
    display: none;
  }
  .p-area-right-nav__button {
    max-width: 156px;
  }
  .p-area-right-nav__button.-button2 {
    margin-top: 0;
  }
}

.p-common {
  margin: 80px 0 96px;
}
.p-common .c-heading-C1 {
  margin-bottom: 48px;
}
.p-common .c-button__wrap {
  margin-top: 56px;
}
@media screen and (max-width: 820px) {
  .p-common {
    margin-top: 48px 0 64px;
  }
  .p-common .c-heading-C1 {
    margin-bottom: 32px;
  }
  .p-common .c-button__wrap {
    margin-top: 40px;
  }
}

.p-contact {
  margin: 48px 0 88px;
}
.p-contact .p-contact-flow {
  margin-top: 64px;
}
.p-contact .c-heading-C2 {
  margin-top: 64px;
}
.p-contact form {
  margin-top: 48px;
}
.p-contact form .c-form-submit {
  margin-top: 56px;
}
.p-contact form .c-form-back {
  margin-top: 56px;
}
.p-contact__complete-text {
  margin-top: 96px;
  text-align: center;
}
.p-contact__complete-link {
  margin-top: 96px;
  text-align: center;
}
@media screen and (max-width: 820px) {
  .p-contact {
    margin-top: 48px 0 40px;
  }
  .p-contact .p-contact-flow {
    margin-top: 40px;
  }
  .p-contact .c-heading-C2 {
    margin-top: 40px;
  }
  .p-contact form {
    margin-top: 8px;
  }
  .p-contact form .c-form-submit {
    margin-top: 56px;
  }
  .p-contact form .c-form-back {
    margin-top: 40px;
  }
  .p-contact__complete-text {
    margin-top: 64px;
    text-align: left;
  }
  .p-contact__complete-link {
    margin-top: 64px;
  }
}

.p-contact-flow {
  background: repeating-linear-gradient(transparent 0, transparent 29px, #F0B505 29px, #F0B505 36px, transparent 36px, transparent 100%) 0 0 no-repeat;
  display: flex;
  gap: 24px;
}
.p-contact-flow > li {
  background: #E6F4F5;
  color: #008EAB;
  font-size: 2rem;
  padding: 12px;
  position: relative;
  text-align: center;
  width: calc((100% - 48px) / 3);
}
.p-contact-flow > li span {
  align-items: center;
  background: #008EAB;
  color: #fff;
  display: inline-flex;
  font-family: Arial, "Meiryo UI", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 2.8rem;
  font-weight: bold;
  justify-content: center;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 12px;
  left: 12px;
}
.p-contact-flow > li.-current {
  background: #008EAB;
  color: #fff;
}
.p-contact-flow > li.-current span {
  background: #fff;
  color: #008EAB;
}
@media screen and (max-width: 820px) {
  .p-contact-flow {
    background: repeating-linear-gradient(transparent 0, transparent 33px, #F0B505 33px, #F0B505 40px, transparent 40px, transparent 100%) 0 0 no-repeat;
  }
  .p-contact-flow > li {
    font-size: 1.4rem;
    line-height: 0.875;
  }
  .p-contact-flow > li span {
    font-size: 1.6rem;
    width: 24px;
    height: 24px;
    margin: 0 auto 8px;
    position: initial;
  }
}

.p-top-mv {
  align-items: flex-start;
  background: url("/assets/img/top/bg_mv.jpg") 50% 50% no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  height: 360px;
  justify-content: center;
}
.p-top-mv .l-container {
  position: relative;
}
.p-top-mv__image {
  position: absolute;
  top: calc(50% - 160px);
  right: 10px;
  width: 360px;
  height: 324px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: 50% 0;
     object-position: 50% 0;
}
.p-top-mv__head {
  color: #fff;
  font-size: 3.6rem;
  font-weight: 600;
  line-height: 1.45;
}
.p-top-mv__head span {
  position: relative;
  z-index: 1;
  background: repeating-linear-gradient(transparent 0px, transparent 39px, #F0B505 39px, #F0B505 42px, transparent 42px, transparent 43px) 0 0 repeat-x
}
.p-top-mv__subtext {
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.6;
  margin-top: 16px;
}
@media screen and (max-width: 820px) {
  .p-top-mv {
    background: #008EAB url("/assets/img/top/bg_mv-sp.jpg") 50% 50% no-repeat;
    background-size: auto 100%;
    height: auto;
    padding: 176px 8px 32px;
  }
  .p-top-mv__image {
    top: -176px;
    right: calc(50% - 100px);
    width: 200px;
    height: 176px;
  }
  .p-top-mv__head {
    font-size: 2.3rem;
  }
  .p-top-mv__head span {
    background: repeating-linear-gradient(transparent 0px, transparent 25px, #F0B505 27px, #F0B505 29px, transparent 29px, transparent 34px) 0 0 repeat-x;
  }
  .p-top-mv__subtext {
    font-size: 1.4rem;
  }
}

.p-top-news {
  padding: 64px 0;
}
.p-top-news .l-container {
  position: relative;
}
.p-top-news .l-container::after {
  content: "";
  background: url("/assets/img/top/bg_news.png") 0 0 no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -162px;
  left: 0;
  width: 229px;
  height: 220px;
}
.p-top-news .c-news-list {
  margin-top: 48px;
}
.p-top-news .c-button__wrap {
  margin-top: 56px;
}
@media screen and (max-width: 820px) {
  .p-top-news {
    padding: 40px 0 60px;
  }
  .p-top-news .l-container::after {
    bottom: -108px;
    left: 16px;
    width: 100px;
    height: 96px;
  }
  .p-top-news .c-news-list {
    margin-top: 40px;
  }
  .p-top-news .c-button__wrap {
    margin-top: 40px;
  }
}

.p-about-main {
  padding: 56px 0 64px;
}
.p-about-main__linklist {
  margin-top: 32px;
}
.p-about-main__toptext {
  font-weight: normal;
}
@media screen and (max-width: 820px) {
  .p-about-main {
    padding: 48px 0 48px;
  }
  .p-about-main__linklist {
    margin-top: 24px;
  }
}

.p-about-item {
  align-items: center;
  background: #fff;
  box-shadow: 8px 8px 12px rgba(0, 0, 0, 0.16);
  display: block;
  margin: 0 12px 12px 0;
  padding: 35px 48px 32px;
  position: relative;
}
.p-about-item::before {
  content: "";
  border-top: 3px solid #008EAB;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: all ease 0.3s;
  z-index: 0;
}
.p-about-item::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 9px;
  border-right-color: #F0B505;
  border-bottom-color: #F0B505;
  position: absolute;
  right: 8px;
  bottom: 8px;
  transition: all ease 0.3s;
}
.p-about-item:hover::before {
  border: 8px solid #5CDEF5;
}
.p-about-item:hover::after {
  opacity: 0;
}
.p-about-item__thumbnail {
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-about-item__head {
  color: #444;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.6;
  margin-top: 24px;
  text-align: center;
}
.p-about-item__head img {
  margin-left: 8px;
  vertical-align: middle;
}
@media screen and (max-width: 820px) {
  .p-about-item {
    box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.16);
    margin: 0;
    padding: 27px 32px 24px;
  }
  .p-about-item::after {
    border-width: 5px;
    right: 4px;
    bottom: 4px;
  }
  .p-about-item:hover::before {
    border: none;
    border-top: 3px solid #008EAB;
  }
  .p-about-item:hover::after {
    opacity: 1;
  }
  .p-about-item__head {
    font-size: 1.8rem;
    margin-top: 16px;
    text-align: center;
  }
}
.table-company{ 
  border-collapse: collapse;
  border-spacing: 0;
}
.table-company td, .table-company th{ 
 padding:15px; border:1px solid #eee
}
.table-company th{ 
  font-weight: 700;
  color: #008EAB;
  text-align: left;
}
@media screen and (max-width: 820px) {
  .table-company td, .table-company th{ 
    display: block; 
    width: 100%;
  }
  .table-company th{ 
    background: #EEE;
  }
}
.p-advantage-top {
  margin-top: 56px;
}
.p-advantage-top .c-heading-D2 {
  margin-top: 32px;
}
.p-advantage-top .p-advantage-inner-link {
  margin-top: 68px;
}
@media screen and (max-width: 820px) {
  .p-advantage-top {
    margin-top: 48px;
  }
  .p-advantage-top .c-heading-D2 {
    font-size: 1.6rem;
    margin-top: 24px;
  }
  .p-advantage-top .p-advantage-inner-link {
    margin-top: 40px;
  }
}

.p-advantage-advantage {
  margin-top: 64px;
}
.p-advantage-advantage__toptext {
  margin-top: 48px;
}
.p-advantage-advantage .c-heading-C1 {
  margin-top: 40px;
}
.p-advantage-advantage__list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 32px;
}
.p-advantage-advantage__item {
  align-items: center;
  background: #F5F5F5;
  display: flex;
  gap: 32px;
  padding: 32px;
  width: calc(50% - 8px);
}
@media screen and (max-width: 820px) {
  .p-advantage-advantage {
    margin-top: 48px;
  }
  .p-advantage-advantage__toptext {
    margin-top: 32px;
  }
  .p-advantage-advantage .c-heading-C1 {
    margin-top: 40px;
  }
  .p-advantage-advantage__list {
    gap: 4px;
    margin-top: 24px;
  }
  .p-advantage-advantage__item {
    gap: 16px;
    padding: 16px;
    width: 100%;
  }
  .p-advantage-advantage__item img {
    width: 72px;
  }
  .p-advantage-advantage__item p + p {
    margin-top: 4px;
  }
}

.p-advantage-service {
  margin-top: 56px;
}
.p-advantage-service__item {
  display: flex;
  gap: 48px;
  margin-top: 48px;
}
.p-advantage-service__item .c-heading-D1 + p {
  margin-top: 32px;
}
.p-advantage-service .c-heading-C3 + .p-advantage-service__item {
  margin-top: 48px;
}
.p-advantage-service .c-heading-D2 {
  margin-top: 56px;
}
@media screen and (max-width: 820px) {
  .p-advantage-service {
    margin-top: 48px;
  }
  .p-advantage-service__item {
    display: block;
    margin-top: 40px;
  }
  .p-advantage-service__item img {
    display: block;
    margin: 0 auto;
  }
  .p-advantage-service__item .c-heading-D1 {
    margin-top: 24px;
  }
  .p-advantage-service__item .c-heading-D1 + p {
    margin-top: 20px;
  }
  .p-advantage-service .c-heading-C3 + .p-advantage-service__item {
    margin-top: 32px;
  }
  .p-advantage-service .c-heading-D2 {
    margin-top: 40px;
  }
}

.p-advantage-global {
  margin: 56px auto 72px;
}
.p-advantage-global__toptext, .p-advantage-global__img {
  margin-top: 48px;
}
.p-advantage-global .c-button__wrap {
  margin-top: 56px;
}
.p-advantage-global .c-button {
  margin-top: 32px;
}
@media screen and (max-width: 820px) {
  .p-advantage-global {
    margin: 48px auto;
  }
  .p-advantage-global__toptext {
    margin-top: 32px;
  }
  .p-advantage-global__img {
    margin-top: 40px;
    max-width: 100%;
  }
  .p-advantage-global .c-button__wrap {
    margin-top: 40px;
  }
  .p-advantage-global .c-button {
    margin-top: 24px;
  }
}

.p-advantage-inner-link {
  align-items: center;
  background: #E6F4F5;
  display: flex;
  gap: 48px;
  padding: 28px 48px;
}
.p-advantage-inner-link ul {
  display: flex;
  gap: 48px;
}
.p-advantage-inner-link__heading {
  color: #008EAB;
  font-size: 2.4rem;
  font-weight: bold;
}
.p-advantage-inner-link__link {
  color: #444;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  transition: all ease 0.3s;
}
.p-advantage-inner-link__link::before {
  content: "";
  background: url("/assets/img/common/icon_arrow-down2-blue.svg") 50% 50% no-repeat;
  background-size: contain;
  display: inline-block;
  margin-right: 8px;
  width: 12px;
  height: 14px;
}
.p-advantage-inner-link__link:hover {
  color: #008EAB;
  text-decoration: underline;
}
@media screen and (max-width: 820px) {
  .p-advantage-inner-link {
    display: block;
    padding: 24px 24px 32px;
  }
  .p-advantage-inner-link ul {
    display: block;
    margin-top: 16px;
  }
  .p-advantage-inner-link ul li + li {
    margin-top: 16px;
  }
  .p-advantage-inner-link__heading {
    font-size: 2rem;
  }
  .p-advantage-inner-link__link {
    font-size: 1.6rem;
    line-height: 1.4;
    padding-left: 20px;
  }
  .p-advantage-inner-link__link::before {
    position: absolute;
    top: 5px;
    left: 0;
  }
  .p-advantage-inner-link__link:hover {
    color: #444;
    text-decoration: none;
  }
}

.list-network .item-network{
  margin-bottom: 40px;
}

.list-network .item-network h2 {
  margin: 0 0 20px 20px;
  font-size: 30px;
  line-height: 40px;
  position: relative;
}
.list-network .item-network h2::before{
  content: "";
  display: inline-block;
  width: 5px;
  height: 30px;
  border-left: 5px solid #008EAB;
  position: absolute;
  top:8px;
  left: -20px;
}
.list-network .item-network .colunm-wrap{ 
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}
.list-network .item-network .colunm-wrap .img{ 
  width: 320px;
}
.list-network .item-network .colunm-wrap .dtl{
  width: calc(100% - 360px);
}
.list-network .item-network .colunm-wrap .dtl  a{
  text-decoration: underline;
  color: #008EAB;
}
.list-network .item-network .colunm-wrap .dtl .map a:hover{
  color: #000;
}
.list-network .item-network .colunm-wrap .dtl table{
  border-collapse: collapse;
  width: 100%;
}
.list-network .item-network .colunm-wrap .dtl table th{
  text-align: left;
}
.list-network .item-network .colunm-wrap .dtl table th,
.list-network .item-network .colunm-wrap .dtl table td{ 
  border: 1px solid #eee;
  padding: 5px 10px;
}
@media screen and (max-width: 820px) {
  .list-network .item-network h2{
    font-size: 24px;
    line-height: 30px;
  }
  .list-network .item-network h2::before{
    top:0;
  }
  .list-network .item-network .colunm-wrap .img,
  .list-network .item-network .colunm-wrap .dtl{
    width: 100%;
  }
}

.page-privacy-policy .p-policy{
padding: 60px 0;
}
.page-privacy-policy .p-policy h2{
  font-size: 24px;
  margin-top: 30px;
  }


.p-products-list-products {
  padding: 56px 0 64px;
}
.p-products-list-products__area2 {
  margin-top: 48px;
}
@media screen and (max-width: 820px) {
  .p-products-list-products {
    padding: 48px 0;
  }
  .p-products-list-products__area2 {
    margin-top: 32px;
  }
}

.p-products-list-movie {
  padding: 56px 0 64px;
}
.p-products-list-movie h2{ font-size: 30px;}
.p-products-list-movie__arrow-title {
  background: url("/assets/img/products-list/bg_arrow-title.png") left 50% bottom 16px no-repeat;
  background-size: 96px auto;
  font-size: 3.2rem;
  font-weight: bold;
  margin-top: 24px;
  padding-bottom: 84px;
  text-align: center;
}


@media screen and (max-width: 820px) {
  .p-products-list-movie {
    padding: 48px 0;
  }
  .p-products-list-movie__arrow-title {
    background-size: 48px auto;
    font-size: 2rem;
    margin-top: 24px;
    padding-bottom: 42px;
  }
}

.p-industry {
  padding: 56px 0 64px;
}
.p-industry__subtext {
  line-height: 1.6;
  margin-top: 32px;
}
.p-industry__list {
  margin-top: 64px;
}
@media screen and (max-width: 820px) {
  .p-industry {
    padding: 40px 0;
  }
  .p-industry__subtext {
    margin-top: 24px;
  }
  .p-industry__list {
    margin-top: 40px;
  }
}

.p-process-heading {
  align-items: center;
  display: flex;
  gap: 24px;
}
.p-process-heading span.step {
  background: url("/assets/img/service/process/bg_process-heading.png") 0 0 no-repeat;
  background-size: cover;
  color: #fff;
  display: block;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 64px;
  text-align: center;
  width: 160px;
}
.p-process-heading span:last-child{
  width: calc(100% - 150px);
}
@media screen and (max-width: 820px) {
  .p-process-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
  .p-process-heading span {
    font-size: 2rem;
    line-height: 40px;
    width: 120px;
  }
}

.p-process-step1,
.p-process-step2,
.p-process-step3,
.p-process-step4,
.p-process-step5 {
  margin-top: 56px;
}
.p-process-step1 .c-heading-D2,
.p-process-step2 .c-heading-D2,
.p-process-step3 .c-heading-D2,
.p-process-step4 .c-heading-D2,
.p-process-step5 .c-heading-D2 {
  margin-top: 32px;
}
.p-process-step1 .c-youtube-box,
.p-process-step2 .c-youtube-box,
.p-process-step3 .c-youtube-box,
.p-process-step4 .c-youtube-box,
.p-process-step5 .c-youtube-box {
  margin-top: 48px;
}
.p-process-step1__img,
.p-process-step2__img,
.p-process-step3__img,
.p-process-step4__img,
.p-process-step5__img {
  margin-top: 48px;
  max-width: 100%;
}
.p-process-step1__link,
.p-process-step2__link,
.p-process-step3__link,
.p-process-step4__link,
.p-process-step5__link {
  margin-top: 24px;
}
.p-process-step1__link a,
.p-process-step2__link a,
.p-process-step3__link a,
.p-process-step4__link a,
.p-process-step5__link a {
  color: #444;
  font-size: 2rem;
  font-weight: bold;
  text-decoration: underline;
  vertical-align: middle;
}
.p-process-step1__link small,
.p-process-step2__link small,
.p-process-step3__link small,
.p-process-step4__link small,
.p-process-step5__link small {
  font-size: 1.6rem;
}
.p-process-step1__link img,
.p-process-step2__link img,
.p-process-step3__link img,
.p-process-step4__link img,
.p-process-step5__link img {
  margin-left: 8px;
  vertical-align: middle;
}
@media screen and (max-width: 820px) {
  .p-process-step1,
.p-process-step2,
.p-process-step3,
.p-process-step4,
.p-process-step5 {
    margin-top: 48px;
  }
  .p-process-step1 .c-heading-D2,
.p-process-step2 .c-heading-D2,
.p-process-step3 .c-heading-D2,
.p-process-step4 .c-heading-D2,
.p-process-step5 .c-heading-D2 {
    margin-top: 24px;
  }
  .p-process-step1 .c-youtube-box, .p-process-step1__img,
.p-process-step2 .c-youtube-box,
.p-process-step2__img,
.p-process-step3 .c-youtube-box,
.p-process-step3__img,
.p-process-step4 .c-youtube-box,
.p-process-step4__img,
.p-process-step5 .c-youtube-box,
.p-process-step5__img {
    margin-top: 24px;
  }
  .p-process-step1__link,
.p-process-step2__link,
.p-process-step3__link,
.p-process-step4__link,
.p-process-step5__link {
    margin-top: 24px;
  }
  .p-process-step1__link a,
.p-process-step2__link a,
.p-process-step3__link a,
.p-process-step4__link a,
.p-process-step5__link a {
    font-size: 1.6rem;
  }
  .p-process-step1__link small,
.p-process-step2__link small,
.p-process-step3__link small,
.p-process-step4__link small,
.p-process-step5__link small {
    font-size: 1.2rem;
  }
  .p-process-step1__link img,
.p-process-step2__link img,
.p-process-step3__link img,
.p-process-step4__link img,
.p-process-step5__link img {
    width: 17px;
  }
}

.p-process-step3 .l-container,
.p-process-step5 .l-container {
  align-items: center;
  display: flex;
  gap: 48px;
}
.p-process-step3__right-img,
.p-process-step5__right-img {
  max-width: 100%;
}
@media screen and (max-width: 820px) {
  .p-process-step3 .l-container,
.p-process-step5 .l-container {
    display: block;
  }
  .p-process-step3__right-img,
.p-process-step5__right-img {
    margin-top: 24px;
  }
}

.p-process-step1 {
  margin-top: 68px;
}
@media screen and (max-width: 820px) {
  .p-process-step1 {
    margin-top: 48px;
  }
}

.p-process-step2 .p-process-step2-example {
  margin-top: 48px;
}
@media screen and (max-width: 820px) {
  .p-process-step2 .p-process-step2-example {
    margin-top: 32px;
  }
}

.p-process-step5 {
  margin-bottom: 48px;
}

.p-process-step2-example {
  background: #F5F5F5;
  padding: 32px 48px 48px;
}
.p-process-step2-example .c-heading-D2 {
  margin-top: 0;
}
.p-process-step2-example__list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 24px;
}
.p-process-step2-example__list li {
  font-size: 2rem;
  line-height: 2;
  margin-left: 16px;
  width: calc(25% - 16px);
}
.p-process-step2-example__list li small {
  font-size: 1.4rem;
}
.p-process-step2-example__list li::before {
  content: "";
  background: #008EAB;
  border-radius: 4px;
  margin: 0 8px 3px -16px;
  height: 8px;
  width: 8px;
  display: inline-block;
}
@media screen and (max-width: 820px) {
  .p-process-step2-example {
    padding: 24px 16px;
  }
  .p-process-step2-example .c-heading-D2 {
    margin-top: 0;
  }
  .p-process-step2-example__list {
    margin-top: 12px;
  }
  .p-process-step2-example__list li {
    font-size: 1.6rem;
    margin-left: 12px;
    width: calc(50% - 12px);
  }
  .p-process-step2-example__list li small {
    font-size: 1.2rem;
  }
  .p-process-step2-example__list li::before {
    border-radius: 3px;
    margin: 0 6px 3px -12px;
    height: 6px;
    width: 6px;
  }
}

.p-test-service-top {
  margin-top: 48px;
}
.p-test-service-top p {
  margin-top: 32px;
}
@media screen and (max-width: 820px) {
  .p-test-service-top {
    margin-top: 48px;
  }
  .p-test-service-top p {
    margin-top: 24px;
  }
}

.p-test-service-movie {
  margin-top: 48px;
}
.p-test-service-movie .c-youtube-box {
  margin-top: 48px;
}
@media screen and (max-width: 820px) {
  .p-test-service-movie {
    margin-top: 40px;
  }
  .p-test-service-movie .c-youtube-box {
    margin-top: 32px;
  }
}

.p-test-service-about {
  margin-top: 64px;
}
.p-test-service-about .c-column-2B {
  margin-top: 48px;
}
.p-test-service-about__item {
  padding-right: 12px;
}
.p-test-service-about__item img,
.p-test-service-about__item p {
  margin-top: 32px;
}
.p-test-service-about__connection,
.p-test-service-about .c-column-3B {
  margin-top: 56px;
}
.p-test-service-about__itemB img {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.p-test-service-about__itemB .c-heading-D2 {
  margin-top: 24px;
}
.p-test-service-about__itemB .c-heading-D2 + p {
  margin-top: 16px;
}
@media screen and (max-width: 820px) {
  .p-test-service-about {
    margin-top: 40px;
  }
  .p-test-service-about .c-column-2B {
    margin-top: 24px;
  }
  .p-test-service-about__item {
    padding-right: 0px;
  }
  .p-test-service-about__item img,
.p-test-service-about__item p {
    margin-top: 24px;
  }
  .p-test-service-about__connection,
.p-test-service-about .c-column-3B {
    margin-top: 32px;
  }
  .p-test-service-about__itemB .c-heading-D2 {
    margin-top: 16px;
  }
  .p-test-service-about__itemB .c-heading-D2 + p {
    margin-top: 8px;
  }
}

.p-test-service-center {
  margin-top: 56px;
}
.p-test-service-center .c-heading-C1 {
  margin-top: 36px;
}
.p-test-service-center__topimage {
  margin-top: 56px;
}
.p-test-service-center .c-heading-D1 {
  margin-top: 56px;
}
.p-test-service-center .c-column-3B {
  margin-top: 32px;
}
.p-test-service-center__item img, .p-test-service-center__item video {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.p-test-service-center__item .c-heading-D2 {
  margin-top: 32px;
}
.p-test-service-center__item p {
  margin-top: 16px;
}
.p-test-service-center__item-subtext {
  font-size: 1.6rem;
}
@media screen and (max-width: 820px) {
  .p-test-service-center {
    margin-top: 40px;
  }
  .p-test-service-center .c-heading-C1 {
    margin-top: 32px;
  }
  .p-test-service-center__topimage {
    margin-top: 40px;
    max-width: 100%;
  }
  .p-test-service-center .c-heading-D1 {
    margin-top: 40px;
  }
  .p-test-service-center .c-column-3B {
    margin-top: 24px;
  }
  .p-test-service-center__item h3 {
    margin-top: 16px;
  }
  .p-test-service-center__item p {
    margin-top: 12px;
  }
  .p-test-service-center__item-subtext {
    font-size: 1.4rem;
  }
}

.p-test-service-flow {
  margin-top: 56px;
}
.p-test-service-flow__list {
  background: repeating-linear-gradient(transparent 0, transparent 57px, #F0B505 57px, #F0B505 72px, transparent 72px, transparent 100%) 0 0 no-repeat;
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  margin-top: 40px;
}
.p-test-service-flow__item {
  width: calc((100% - 96px) / 4);
}
.p-test-service-flow__item h3 {
  align-items: center;
  background: #fff;
  border: 12px solid #E6F4F5;
  display: flex;
  font-size: 2.4rem;
  height: 128px;
  justify-content: center;
  line-height: 1.6;
  padding: 0 36px;
  position: relative;
  text-align: center;
  width: 100%;
}
.p-test-service-flow__item h3 span {
  align-items: center;
  background: #008EAB;
  color: #fff;
  display: inline-flex;
  font-size: 3.2rem;
  justify-content: center;
  width: 48px;
  height: 48px;
  position: absolute;
  top: -12px;
  left: -12px;
}
.p-test-service-flow__item p {
  margin-top: 24px;
}
.p-test-service-flow__item p strong {
  color: #008EAB;
}
.p-test-service-flow__item p.-caution {
  font-size: 1.6rem;
}
.p-test-service-flow__item p + p {
  margin-top: 16px;
}
.p-test-service-flow__item .c-button__wrap {
  margin: 24px auto 0;
}
.p-test-service-flow__item a.-text-link {
  color: #444;
  display: inline-block;
  font-weight: bold;
  margin-top: 24px;
  text-decoration: underline;
}
@media screen and (max-width: 820px) {
  .p-test-service-flow {
    margin-top: 40px;
  }
  .p-test-service-flow__list {
    background: none;
    margin-top: 32px;
  }
  .p-test-service-flow__item {
    width: 100%;
  }
  .p-test-service-flow__item h3 {
    border-width: 10px;
    font-size: 1.8rem;
    height: 80px;
  }
  .p-test-service-flow__item h3 span {
    font-size: 2.4rem;
    width: 40px;
    height: 40px;
    top: -10px;
    left: -10px;
  }
  .p-test-service-flow__item p {
    margin-top: 16px;
  }
  .p-test-service-flow__item p.-caution {
    font-size: 1.4rem;
  }
  .p-test-service-flow__item p + p {
    margin-top: 12px;
  }
  .p-test-service-flow__item .c-button__wrap {
    margin: 24px auto 0;
  }
  .p-test-service-flow__item a.-text-link {
    margin-top: 16px;
  }
}

.p-test-service-price {
  margin: 56px 0 64px;
}
.p-test-service-price__block {
  background: #E6F4F5;
  margin-top: 40px;
  padding: 24px 90px 36px;
}
.p-test-service-price__block-top {
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
}
.p-test-service-price__block-top strong {
  font-size: 6.4rem;
  line-height: 1;
}
.p-test-service-price__block-top span {
  color: #008EAB;
}
.p-test-service-price__block-detail {
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 16px;
  text-align: center;
}
.p-test-service-price__button-text {
  margin-top: 24px;
}
@media screen and (max-width: 820px) {
  .p-test-service-price {
    margin: 40px 0;
  }
  .p-test-service-price__block {
    margin-top: 32px;
    padding: 24px;
  }
  .p-test-service-price__block-top {
    font-size: 1.2rem;
  }
  .p-test-service-price__block-top strong {
    font-size: 3.2rem;
  }
  .p-test-service-price__block-detail {
    font-size: 1.4rem;
    text-align: left;
  }
  .p-test-service-price__button-text {
    margin-top: 32px;
  }
}

@media screen and (max-width: 820px) {
  .p-overseas + .c-top-button__wrapper {
    bottom: 98px;
  }
}

.p-overseas-top {
  margin-top: 56px;
}
.p-overseas-top__container {
  margin-left: auto;
  margin-right: auto;
  width: 1200px;
  position: relative;
}
.p-overseas-top__text {
  align-items: end;
  padding: 32px 0 40px 48px;
  position: absolute;
  left: 0;
  top: 0;
}
.p-overseas-top__text h2 {
  color: #fff;
  font-size: 32px;
  line-height: 1.6;
}
.p-overseas-top__text h2 strong {
  font-size: 5.2rem;
}
.p-overseas-top__text p {
  color: #fff;
}
@media screen and (min-width: 821px) {
  .p-overseas-top__text {
    width: calc(100% - 48px);
    height: 100%;
  }
  .p-overseas-top__text p {
    position: absolute;
    bottom: 40px;
  }
}
@media screen and (max-width: 820px) {
  .p-overseas-top {
    margin-top: 48px;
  }
  .p-overseas-top__container {
    width: 100%;
  }
  .p-overseas-top__text {
    display: block;
    margin-top: 16px;
    padding: 0 16px;
    position: inherit;
  }
  .p-overseas-top__text h2 {
    color: #008EAB;
    font-size: 2.4rem;
    text-align: center;
    width: 100%;
  }
  .p-overseas-top__text h2 strong {
    font-size: 4.8rem;
  }
  .p-overseas-top__text p {
    color: #444;
    margin-top: 24px;
    width: 100%;
  }
}

.p-overseas-main {
  margin-top: 56px;
}
.p-overseas-main.-is-last {
  margin-bottom: 112px;
}
.p-overseas-main .c-overseas-country {
  margin-top: 16px;
}
@media screen and (max-width: 820px) {
  .p-overseas-main {
    margin-top: 48px;
  }
  .p-overseas-main.-is-last {
    margin-bottom: 64px;
  }
  .p-overseas-main .c-overseas-country {
    margin-top: 20px;
  }
}

.p-archive-news-main {
  margin: 48px 0 72px;
}
.p-archive-news-main .c-news-list {
  margin-top: 48px;
}
@media screen and (max-width: 820px) {
  .p-archive-news-main {
    margin-top: 48px 0 64px;
  }
  .p-archive-news-main .c-news-list {
    margin-top: 40px;
  }
}

@media screen and (max-width: 820px) {
  .p-archive-material + .c-top-button__wrapper {
    bottom: 98px;
  }
}

.p-archive-material-inner-link {
  margin-top: 48px;
}
@media screen and (max-width: 820px) {
  .p-archive-material-inner-link {
    margin-top: 48px;
  }
}

.p-archive-material-main {
  margin: 48px 0 56px;
}
.p-archive-material-main .c-material-list {
  margin-top: 48px;
}
@media screen and (max-width: 820px) {
  .p-archive-material-main {
    margin: 40px 0 48px;
  }
  .p-archive-material-main .c-material-list {
    margin-top: 40px;
  }
}

@media screen and (max-width: 820px) {
  .p-archive-dictionary + .c-top-button__wrapper {
    bottom: 98px;
  }
}

.p-archive-dictionary-toptext {
  margin-top: 48px;
  padding: 0 16px;
}
@media screen and (max-width: 820px) {
  .p-archive-dictionary-toptext {
    margin-top: 48px;
  }
}

.p-archive-dictionary-inner-link {
  margin-top: 32px;
}
@media screen and (max-width: 820px) {
  .p-archive-dictionary-inner-link {
    margin-top: 24px;
  }
}

.p-archive-dictionary-main {
  margin: 40px 0 48px;
}
.p-archive-dictionary-main .c-dictionary-list {
  margin-top: 12px;
}
@media screen and (max-width: 820px) {
  .p-archive-dictionary-main {
    margin-top: 48px 0 64px;
  }
  .p-archive-dictionary-main .c-dictionary-list {
    margin-top: 16px;
  }
}

@media screen and (max-width: 820px) {
  .p-archive-customer + .c-top-button__wrapper {
    bottom: 98px;
  }
}

.p-archive-customer-inner-link {
  margin-top: 48px;
}
@media screen and (max-width: 820px) {
  .p-archive-customer-inner-link {
    margin-top: 48px;
  }
}

.p-archive-customer-main {
  margin: 40px 0 48px;
}
.p-archive-customer-main .c-customer-list {
  margin-top: 48px;
}
@media screen and (max-width: 820px) {
  .p-archive-customer-main {
    margin-top: 48px;
  }
  .p-archive-customer-main .c-customer-list {
    margin-top: 40px;
  }
}

.p-tax-products-list .p-area-products {
  margin-bottom: 0;
  background-color: #f5f5f5;
}


.p-tax-products-list-products {
  padding: 56px 0 64px;
}
@media screen and (max-width: 820px) {
  .p-tax-products-list-products {
    padding: 40px 0 48px;
  }
}

.p-tax-industry .p-area-industry {
  margin-top: 48px;
}
@media screen and (max-width: 820px) {
  .p-tax-industry .p-area-industry {
    margin-top: 64px;
  }
}

.p-tax-industry-inner-link {
  margin-top: 56px;
}
.p-tax-industry-inner-link ul {
  gap: 32px;
}
.p-tax-industry-inner-link .c-button-inner-link {
  width: 280px;
}
@media screen and (max-width: 820px) {
  .p-tax-industry-inner-link {
    margin-top: 48px;
  }
  .p-tax-industry-inner-link ul {
    gap: 12px;
  }
  .p-tax-industry-inner-link .c-button-inner-link {
    width: 100%;
  }
}

.p-tax-industry-products {
  margin-top: 48px;
}
.p-tax-industry-products .c-column-2 {
  margin-top: 48px;
}
@media screen and (max-width: 820px) {
  .p-tax-industry-products {
    margin-top: 48px;
  }
  .p-tax-industry-products .c-column-2 {
    margin-top: 40px;
  }
}

.p-tax-industry-material {
  margin-top: 48px;
}
.p-tax-industry-material .c-material-list {
  margin-top: 48px;
}
.p-tax-industry-material .c-material-list > li:nth-child(n+11) {
  display: none;
}
.p-tax-industry-material .c-material-list[aria-hidden=false] > li:nth-child(n+11) {
  display: block;
}
.p-tax-industry-material .c-button__wrap {
  margin-top: 48px;
}
.p-tax-industry-material__open + .p-tax-industry-material__close {
  display: none;
}
.p-tax-industry-material__open[aria-expanded=true] {
  display: none;
}
.p-tax-industry-material__open[aria-expanded=true] + .p-tax-industry-material__close {
  display: inline-block;
}
@media screen and (max-width: 820px) {
  .p-tax-industry-material {
    margin-top: 64px;
  }
  .p-tax-industry-material .c-material-list {
    margin-top: 40px;
  }
  .p-tax-industry-material .c-material-list > li:nth-child(n+7) {
    display: none;
  }
  .p-tax-industry-material .c-material-list[aria-hidden=false] > li:nth-child(n+7) {
    display: block;
  }
  .p-tax-industry-material .c-button__wrap {
    margin-top: 40px;
  }
}

.p-products-main {
  margin: 48px auto 72px;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 820px) {
  .p-products-main {
    margin: 48px auto 0;
    display: block;
  }
}

.p-products-related {
  margin-top: 96px;
}
.p-products-related .c-column-2 {
  margin: 46px 0 0 12px;
}
@media screen and (max-width: 820px) {
  .p-products-related {
    margin-top: 64px;
  }
  .p-products-related .c-column-2 {
    margin: 40px 0 0 0px;
  }
}

.p-products-industry {
  margin-top: 96px;
}
.p-products-industry .c-column-3 {
  margin: 46px 0 0 12px;
}
@media screen and (max-width: 820px) {
  .p-products-industry {
    margin-top: 64px;
  }
  .p-products-industry .c-column-3 {
    margin: 40px 0 0 0px;
  }
}

.p-products-faq {
  margin-top: 96px;
}
.p-products-faq .c-faq {
  margin-top: 48px;
}
.p-products-faq .c-faq + .c-faq {
  margin-top: 24px;
}
@media screen and (max-width: 820px) {
  .p-products-faq {
    margin-top: 64px;
  }
  .p-products-faq .c-faq {
    margin-top: 20px;
  }
  .p-products-faq .c-faq + .c-faq {
    margin-top: 16px;
  }
}

.p-products-right-nav {
  background: #008EAB;
  border-top: 6px solid #F0B505;
  padding: 16px 22px 24px;
}
.p-products-right-nav__toptext {
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
}
.p-products-right-nav__button1 {
  margin-top: 16px;
}
.p-products-right-nav__button2 {
  margin-top: 16px;
}
@media screen and (max-width: 820px) {
  .p-products-right-nav {
    display: flex;
    gap: 12px;
    justify-content: center;
    left: 0;
    padding: 24px;
    width: 100vw;
  }
  .p-products-right-nav__toptext {
    display: none;
  }
  .p-products-right-nav__button1, .p-products-right-nav__button2 {
    margin-top: 0;
    max-width: 156px;
  }
}

.p-products-banner-list {
  margin-top: 16px;
}
.p-products-banner-list > li + li {
  margin-top: 8px;
}
.p-products-banner-list a {
  display: block;
  transition: all ease 0.3s;
}
.p-products-banner-list a:hover {
  opacity: 0.8;
}
.p-products-banner-list img {
  width: 100%;
}
@media screen and (max-width: 820px) {
  .p-products-banner-list {
    margin-top: 48px;
  }
  .p-products-banner-list a:hover {
    opacity: 1;
  }
  .p-products-banner-list li {
    width: 244px;
    margin: 16px auto;
  }
}

.p-products-content {
  /*
  * このSCSSには制作会社様からいただいたCSSをアップデートする記載のみ記述すること
  */
}
.p-products-content #products-tsu-cw5 .lc10 .tsu1-point_box .point_cont:nth-child(2) .point_cont_txt,
.p-products-content #products-tsu-cw5 .lc10 .tsu1-point_box .point_cont:nth-child(3) .point_cont_txt,
.p-products-content #products-tsu-1 .lc10 .tsu1-point_box .point_cont:nth-child(2) .point_cont_txt,
.p-products-content #products-tsu-1 .lc10 .tsu1-point_box .point_cont:nth-child(3) .point_cont_txt,
.p-products-content #products-tsu-fb1 .lc10 .tsu1-point_box .point_cont:nth-child(2) .point_cont_txt,
.p-products-content #products-tsu-fb1 .lc10 .tsu1-point_box .point_cont:nth-child(3) .point_cont_txt,
.p-products-content #products-tsu-lc4 .lc10 .tsu1-point_box .point_cont:nth-child(2) .point_cont_txt,
.p-products-content #products-tsu-ls1 .lc10 .tsu1-point_box .point_cont:nth-child(2) .point_cont_txt,
.p-products-content #products-tsu-ld3 .lc10 .tsu1-point_box .point_cont:nth-child(2) .point_cont_txt,
.p-products-content #products-control_system .lc10 .tsu1-point_box .point_cont:nth-child(2) .point_cont_txt,
.p-products-content #products-chakudatsu-hood .lc10 .tsu1-point_box .point_cont:nth-child(3) .point_cont_txt {
  padding: 40px 0;
}
.p-products-content #products-tsu-cw5 .lc10 .tsu1-point_box .point_cont:nth-child(2) .point_cont_txt h4,
.p-products-content #products-tsu-cw5 .lc10 .tsu1-point_box .point_cont:nth-child(3) .point_cont_txt h4,
.p-products-content #products-tsu-1 .lc10 .tsu1-point_box .point_cont:nth-child(2) .point_cont_txt h4,
.p-products-content #products-tsu-1 .lc10 .tsu1-point_box .point_cont:nth-child(3) .point_cont_txt h4,
.p-products-content #products-tsu-fb1 .lc10 .tsu1-point_box .point_cont:nth-child(2) .point_cont_txt h4,
.p-products-content #products-tsu-fb1 .lc10 .tsu1-point_box .point_cont:nth-child(3) .point_cont_txt h4,
.p-products-content #products-tsu-lc4 .lc10 .tsu1-point_box .point_cont:nth-child(2) .point_cont_txt h4,
.p-products-content #products-tsu-ls1 .lc10 .tsu1-point_box .point_cont:nth-child(2) .point_cont_txt h4,
.p-products-content #products-tsu-ld3 .lc10 .tsu1-point_box .point_cont:nth-child(2) .point_cont_txt h4,
.p-products-content #products-control_system .lc10 .tsu1-point_box .point_cont:nth-child(2) .point_cont_txt h4,
.p-products-content #products-chakudatsu-hood .lc10 .tsu1-point_box .point_cont:nth-child(3) .point_cont_txt h4 {
  font-size: 20px;
  line-height: 1;
  padding-bottom: 15px;
}
.p-products-content #products-tsu-1 .tsu-1.lc10 .after_box .after_txt,
.p-products-content #products-tsu-cw5 .tsu-1.cw5 .after_box .after_txt,
.p-products-content #products-tsu-fb1 .tsu-1.lc10 .after_box .after_txt,
.p-products-content #products-tsu-lc4 .tsu-1.lc10 .after_box .after_txt,
.p-products-content #products-tsu-lc10 .tsu-1.lc10 .after_box .after_txt,
.p-products-content #products-tsu-ld3 .tsu-1.lc10 .after_box .after_txt,
.p-products-content #products-tsu-ls1 .tsu-1.lc10 .after_box .after_txt {
  bottom: 50px;
  line-height: 1.2 !important;
}
.p-products-content #products-tsu-fb1 .tsu-1.lc10 .after_box .after_ttl {
  position: absolute;
  z-index: 1;
  top: 150px;
}
.p-products-content #products-tsu-1 .tsu-1.lc10 .after_box .after_img img,
.p-products-content #products-tsu-cw5 .tsu-1.cw5 .after_box .after_img img,
.p-products-content #products-tsu-fb1 .tsu-1.lc10 .after_box .after_img img,
.p-products-content #products-tsu-lc4 .tsu-1.lc10 .after_box .after_img img,
.p-products-content #products-tsu-ld3 .tsu-1.lc10 .after_box .after_img img,
.p-products-content #products-tsu-ls1 .tsu-1.lc10 .after_box .after_img img {
  left: 0;
}
.p-products-content #products-tsu-fp1 .addproduct11 .addbox01 img.img02.op.mt40a {
  padding-left: 45px;
  padding-top: 40px;
}
.p-products-content #products-tsu-cf1 .addproduct14 .addbox01 img.img02.op,
.p-products-content #products-tsu-lf1 .addproduct10 .addbox01 img.img02 {
  padding-left: 40px;
}
@media screen and (max-width: 820px) {
  .p-products-content #products-tsu-1 .tsu-1.lc10 .after_box .after_txt,
.p-products-content #products-tsu-cw5 .tsu-1.cw5 .after_box .after_txt,
.p-products-content #products-tsu-fb1 .tsu-1.lc10 .after_box .after_txt,
.p-products-content #products-tsu-lc4 .tsu-1.lc10 .after_box .after_txt,
.p-products-content #products-tsu-lc10 .tsu-1.lc10 .after_box .after_txt,
.p-products-content #products-tsu-ld3 .tsu-1.lc10 .after_box .after_txt,
.p-products-content #products-tsu-ls1 .tsu-1.lc10 .after_box .after_txt {
    position: initial;
    margin: 30px 0 0;
  }
  .p-products-content #products-tsu-fb1 .tsu-1.lc10 .after_box .after_ttl {
    position: inherit;
    top: auto;
  }
  .p-products-content #products-tsu-fp1 .addproduct11 .addbox01 img.img02.os.mt15 {
    padding-right: 20px;
    padding-top: 15px;
  }
  .p-products-content #products-tsu-lf1 .addproduct10 .addbox01 img.img02 {
    padding-left: 0px;
  }
}
.p-products-content .single .tms .navilinks li a {
  position: relative;
}
.p-products-content .single .tms .navilinks li a::before {
  content: "";
  border-top: 2px solid #168AA4;
  border-right: 2px solid #168AA4;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: 0.4s;
  position: absolute;
  top: 14px;
  left: 5px;
  height: 9px;
  width: 9px;
}
.p-products-content .single .tms .navilinks li a:hover::before {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
.p-products-content .single .parts_navi li a {
  position: relative;
}
.p-products-content .single .parts_navi li a::before {
  content: "";
  border-top: 2px solid #168AA4;
  border-right: 2px solid #168AA4;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: 0.4s;
  position: absolute;
  top: 26px;
  left: 5px;
  height: 9px;
  width: 9px;
}
.p-products-content .single .parts_navi li a:hover::before {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}
@media screen and (max-width: 820px) {
  .p-products-content .single .parts_navi li a::before {
    top: 21px;
  }
}

.p-news-main {
  margin: 48px 0 72px;
}
.p-news-main .c-button__wrap {
  margin-top: 96px;
}
@media screen and (max-width: 820px) {
  .p-news-main {
    margin-top: 48px 0 64px;
  }
  .p-news-main .c-button__wrap {
    margin-top: 48px;
  }
}

.p-dictionary-main {
  margin: 68px 0 96px;
}
.p-dictionary-main .c-button__wrap {
  margin-top: 96px;
}
@media screen and (max-width: 820px) {
  .p-dictionary-main {
    margin-top: 48px 0 64px;
  }
  .p-dictionary-main .c-button__wrap {
    margin-top: 64px;
  }
}

.u-clearfix::after {
  content: "";
  clear: both;
  display: block;
}

.u-text-hidden {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
}

#cb-cookie-banner {
  background-color: #000000;
  color: #FFFFFF;
  border-color: #222222;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  border-radius: 0;
  display: block;
  font-size: 14px;
  text-align: center;
  padding: 15px;
}

#cb-cookie-banner a {
  color: #168AA4;
  text-decoration: underline;
}
#cb-cookie-banner .btn {
  padding: 8px 24px;
}
#cb-cookie-banner .btn-accept {
  background-color: #168AA4;
}