@charset "UTF-8";
/*LABO*/
/* base
--------------------------- */
/*5ba59a→008CA0*/

*, *:before, *:after {
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  line-height: 1.8;
  height: 100%;
  scroll-behavior: smooth;
}
body {
  color: #000;
  font-size: 1.6rem;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  min-width: 350px;
  width: 100%;
  overflow-x: hidden;
}
img, video, object {
  max-width: 100%;
  height: auto;
  border: none;
  display: block;
}
a {
  text-decoration: underline;
  transition: 0.4s;
}
a:hover {
  text-decoration: none;
}
a:hover img {
  text-decoration: none;
  opacity: 0.8;
  transition: all 0.3s;
}
@media (max-width: 959px) {
  html {
    font-size: 54.6875%;
  }
}


.header_navCover {
  display: none;
}



.w100pd {
  padding:40px!important;
  margin:20px;
  background-color:#fff;
}


@media (max-width: 960px) {

.w100pd {
  padding:0px!important;
  margin:10px!important;
}
  
}






.l-header {
  width: 100%;
  background-color: #fff;
  z-index: 3;
  position: relative;
}
.l-header__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.l-header__inner {
  height: 100%;
}
.l-header__logo {
  margin-top: 0.5rem;
  display: inline-block;
  max-width: 190px;
}
.l-header__logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.l-header__link {
  display: flex;
  align-items: center;
  margin-bottom: auto;
}
.l-header .e-header-link {
  margin-right: 4rem;
}
.l-header .e-header-link a {
  font-size: inherit;
  color: inherit;
  text-decoration: none;
  display: block;
  position: relative;
  padding-right: 3.2rem;
  font-size: 1.2rem;
  color: #000;
}
.l-header .e-header-link a:after {
  content: "";
  display: block;
  background: url(../img/icon-external-link.svg) no-repeat center center/contain;
  width: 22px;
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
}
.l-header .e-header-contact a {
  background: #008CA0;
  color: #fff;
  font-size: 1.5rem;
  text-decoration: none;
  padding: 1.6rem 1.9rem 1.6rem 1.9rem;
  display: flex;
  align-items: center;
  border-radius: 0 0 0 6px;
}
.l-header .e-header-contact a .contact-icon {
  display: inline-block;
}
.l-header .e-header-contact a .contact-icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.l-header__nav {
  background: #008CA0;
  transition: all 300ms ease-out;
  transition-timing-function: ease-out;
}
.l-header .e-menu-item {
  height: inherit;
  position: relative;
}
.l-header .e-menu-item.is-current {
  background: #beedea;
}
.l-header .e-menu-link {
  color: #fff;
  font-size: 15px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: inherit;
  position: relative;
  z-index: 3;
}
.l-header .e-menu-sub-link {
  text-decoration: none;
}
@media (min-width: 960px) {
  .l-header__inner {
    padding: 0 0 2rem 4rem;
  }
  .l-header__nav {
    height: 48px;
  }
  .l-header .e-header-contact a .contact-icon {
    width: 37px;
    height: 25px;
    margin-right: 10px;
  }
  .l-header .e-menu {
    display: grid;
    max-width: 1100px;
    grid-template-columns: repeat(3, 1fr);
    margin-left: auto;
    margin-right: auto;
    height: 100%;
  }
  .l-header .e-menu-item {
    border-right: 1px solid #fff;
  }

  
  .leftboedertop{
    border-left: 1px solid #fff;
  }



  
  body.is-fix .l-header {
    position: fixed;
    box-shadow: rgb(204, 204, 204) 1px 1px 1px;
  }
  body.is-fix .l-header__logo {
    width: 190px;
  }
  body.is-fix .l-header__inner {
    padding-bottom: 0.6rem;
  }
  body.is-fix .l-header .e-header-link {
    margin-right: 2rem;
  }
  body.is-fix .l-header .e-header-contact a {
    padding: 1rem;
  }
  body.is-fix .l-header .e-header-contact a .contact-icon {
    width: 20px;
    margin-right: 5px;
  }
  body.is-fix .l-header .e-header-contact a .contact-text {
    font-size: 0.85em;
  }
  body.is-fix .l-header__gnaviBtn {
    display: none;
  }
  body.is-fix .l-header__nav {
    height: 42px;
    height: 40px;
  }
  body.is-fix .l-header .e-menu-item a {
    font-size: 0.9em;
  }
  .l-header .e-menu-sub {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 0;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    height: auto;
  }
  .l-header .e-menu-sub-link {
    background: #89cbc1;
    padding: 1.4rem;
    width: 100%;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    position: relative;
    border-bottom: 1px solid #fff;
    color: #fff;
    font-size: 1.5rem;
    align-items: center;
    justify-content: center;
    width: 100%;
    transition: all 0.3s;
    display: flex;
    height: inherit;
    transition: all 0.3s;
  }
  .l-header .e-menu-sub-link:hover {
    background: #008CA0;
  }





  
  .now{
    background: #008CA0!important;
  }

  
  
  
  .l-header .e-menu-sub-item {
    position: relative;
  }
  .l-header .e-menu-sub-item:last-of-type .e-menu-sub-link {
    border-bottom: none;
  }
  .l-header .e-menu-item {
    transition: all 0.5s ease-in;
  }
  .l-header .e-menu-item:hover .e-menu-sub {
    opacity: 1;
    pointer-events: auto;
    padding-top: 49px;
    transition: all 0.25s ease-out;
  }
  .l-header .e-menu-item:hover .e-menu-sub .e-menu-sub-item:nth-child(2) {
    background-color: transparent;
  }

  
  .l-header .e-menu-item:hover .e-menu-sub .e-menu-sub-item:nth-child(2):before {
    content: "";
    display: block;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #89cbc1;
    border-left: 10px solid transparent;
    width: 20px;
    margin-left: auto;
    margin-right: auto;
  }



  
}
@media (max-width: 959px) {
  .l-header {
    height: 50px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }
  .l-header__content {
    padding: 1rem;
    justify-content: center;
    height: 100%;
    box-shadow: 1px 1px 1px #ccc;
  }
  .l-header__logo {
    width: 40%;
    height: 100%;
    margin: 0 auto 0 0;
  }
  .l-header__nav {
    width: 80%;
    height: 100dvh;
    position: fixed;
    right: -84%;
    border-top: 1px solid #fff;
  }
  .l-header .e-header-link {
    display: none;
  }
  .l-header .e-header-contact .contact-text {
    display: none;
  }
  .l-header .e-header-contact a {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 50px;
    top: 0;
    border-radius: 0;
    padding: 14px;
  }
  .l-header .e-menu {
    width: 100%;
    overflow: auto;
  }
  .l-header .e-menu-link {
    justify-content: start;
    padding: 16px 0;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    font-size: 14px;
    position: relative;
    margin-top: -1px;
  }
  .l-header .e-menu-item {
    padding: 0 20px;
  }
  .l-header .e-menu-item.has-child .e-menu-link:after {
    position: absolute;
    content: "";
    display: block;
    transition: transform 0.3s;
    z-index: 20;
    background: url(../img/icon-arrow-sp.svg) no-repeat center center/contain;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    top: 15px;
  }
  .l-header .e-menu-item.has-child.is-active .e-menu-link:after {
    transform: rotateX(180deg);
  }
  .l-header .e-menu-sub {
    padding: 12px 0;
    display: none;
  }
  .l-header .e-menu-sub-link {
    padding: 8px 0;
    display: block;
    font-size: 12px;
    color: #fff;
    height: 40px;
  }
  .l-header__gnaviBtn {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 50px;
    height: 100%;
    background: #eaeaea;
  }
  .l-header__gnaviBtn div {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .l-header__gnaviBtn div:before, .l-header__gnaviBtn div:after, .l-header__gnaviBtn div span {
    transition: 0.25s ease-out;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    display: block;
    width: 16px;
    height: 2px;
    background-color: #000;
  }
  .l-header__gnaviBtn div:before {
    transform: translateY(-6px);
  }
  .l-header__gnaviBtn div:after {
    transform: translateX(0) translateY(6px);
  }
}
@media (max-width: 959px) {
  .is-sp-nav--open .header_navCover {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: scroll;
    background: rgba(0, 0, 0, 0.38);
    display: block;
  }
  .is-sp-nav--open .l-header__nav {
    right: 0;
  }
  .is-sp-nav--open .l-header__gnaviBtn div:before {
    transform: rotate(-45deg);
  }
  .is-sp-nav--open .l-header__gnaviBtn div span {
    display: none;
  }
  .is-sp-nav--open .l-header__gnaviBtn div:after {
    transform: rotate(45deg);
  }
}
.page_top {
  width: 5rem;
  height: 5rem;
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 2;
}
.l-footer {
  background-color: #008CA0;
  color: #fff;
}
.l-footer a {
  color: inherit;
  text-decoration: none;
}
.l-footer__content {
  display: flex;
  flex-wrap: wrap;
  padding: 7.2rem 0;
}
.l-footer__bottom {
  width: 100%;
}
.l-footer__sitemap-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 4rem;
  column-gap: 4rem;
}
.l-footer__logo {
  margin-bottom: 5rem;
}
.l-footer__companyInfo {
  line-height: 1.8;
  margin-bottom: 3rem;
}
.l-footer__relatedSite {
  margin-bottom: 2.4rem;
}
.l-footer__relatedSite .linkItem {
  margin-bottom: 0.6rem;
}
.l-footer__relatedSite a {
  display: flex;
  align-items: center;
  position: relative;
}
.l-footer__relatedSite a svg {
  width: 2.2rem;
  height: 1.9rem;
  margin-left: 0.4em;
}
.l-footer__link {
  display: flex;
  margin-left: -1rem;
}
.l-footer__link li {
  padding-left: 1rem;
  padding-right: 1rem;
}
.l-footer__link li a {
  display: block;
  width: 5.7rem;
  height: 5.7rem;
}
.l-footer__bottom {
  border-top: 1px solid #fff;
  padding-top: 1rem;
  padding-bottom: 5rem;
  display: flex;
  justify-content: space-between;
}
.l-footer__sitemapList {
  font-size: 1.4rem;
}
.l-footer .sitemap-item {
  position: relative;
  margin-bottom: 0.5em;
}
.l-footer .sitemap-item:before {
  content: "・";
  display: inline-block;
}
.l-footer .sitemap-itemChild {
  margin-bottom: 0.5em;
  position: relative;
  display: flex;
  padding-left: 1em;
}
.l-footer .sitemap-itemChild:before {
  content: "ー";
  display: inline-block;
  margin-right: 0.4em;
}
@media (min-width: 960px) {
  .l-footer__content {
    justify-content: space-between;
    flex-direction: row-reverse;
  }
  .l-footer__info {
    border-right: 1px solid #fff;
  }
  .l-footer__sitemap {
    padding-left: 4.5dvw;
  }
}
@media (max-width: 959px) {
  .l-footer__sitemap {
    margin-bottom: 20px;
  }
}
body.toppage .l-mainWrapper {
  margin-bottom: 0;
}
.l-mainWrapper {
  margin-bottom: 5rem;
}
@media (max-width: 959px) {
  .l-mainWrapper {
    margin-top: 50px;
  }
}
.l-contentMain {
  margin-top: 4rem;
  margin-bottom: 8rem;
}
.c-section {
  padding: 3.2rem 0;
}
.l-pageHeader {
  background: #beedea;
  font-size: 2.8rem;
  font-weight: bold;
  padding: 2rem 0;
}
.l-pageHeader02 {

  
  background: url(/wp/wp-content/themes/islab/assets/img/is025.jpg) no-repeat center top/cover;

  


  min-height: 30rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 7.4rem;
}
.l-pageHeader02-title {
  background: #008CA0;
  color: #fff;
  font-weight: bold;
  font-size: 2.2rem;
  padding: 1.2rem 2.2rem;
  min-width: 36rem;
  text-align: center;
}




.l-pageHeader03 {

  
  background: url(/wp/wp-content/themes/islab/assets/img/is025.jpg) no-repeat center top/cover;

  


  min-height: 30rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 7.4rem;
}
.l-pageHeader03-title {
  background: #008CA0;
  color: #fff;
  font-weight: bold;
  font-size: 2.2rem;
  padding: 1.2rem 2.2rem;
  min-width: 36rem;
  text-align: center;
}





.l-breadcrumb {
  background: #f5fefd;
  padding: 0.725rem 0;
}
.l-breadcrumb a {
  color: #0096E5;
}
.l-breadcrumb__inner {
  display: flex;
  margin: 0 -3.2rem;
  overflow: auto;
}
.l-breadcrumb .breadItem {
  padding: 0 3.2rem;
  position: relative;
  white-space: nowrap;
}
.l-breadcrumb .breadItem:after {
  content: "〉";
  position: absolute;
  right: -1.5rem;
}
.l-breadcrumb .breadItem:last-child:after {
  content: none;
}
.l-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}
@media (min-width: 960px) {
  .l-column02 {
    display: grid;
    grid-template-columns: 67% 30%;
    -moz-column-gap: 3%;
    column-gap: 3%;
  }
  .l-column02 .l-main {
    max-width: 740px;
  }
}


@media (min-width: 960px) {
  .l-column03 {
    display: grid;
    /* grid-template-columns: 67% 30%; */
    -moz-column-gap: 3%;
    column-gap: 3%;
  }
  .l-column03 .l-main {
    max-width: 740px;
  }
}


.l-sideNavList {
  margin-bottom: 3rem;
}
.l-sideNav__title {
  font-size: 1.8rem;
  font-weight: 600;
  position: relative;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
.l-sideNav__title:after {
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  background: linear-gradient(90deg, #008CA0 0%, #008CA0 100px, #DCDDDD 100px, #DCDDDD 100%);
  position: absolute;
  bottom: 0;
}
.l-sideNavItem {
  border-bottom: 1px solid #fff;
}
.l-sideNavItem a {
  background: #b6eae7;
  color: #fff;
  font-size: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1.15rem;
  text-decoration: none;
}
.l-sideNavItem.is-current a {
  background: #008CA0;
}
.l-sideLabel {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 1.4rem;
  column-gap: 1.4rem;
  row-gap: 0.5rem;
  margin-bottom: 3.2rem;
}
.l-sideLabel > * {
  display: block;
  text-decoration: none;
  font-size: 1.5rem;
  border: 1px solid #008CA0;
  border-radius: 3px;
  text-align: center;
  color: #008CA0;
  padding: 0.2rem;
}
.l-sideBanner {
  margin-top: 4rem;
  padding: 2.4rem 1rem;
  background: #F7F8F8;
  border: 4px solid #EFEFEF;
  position: relative;
  font-size: 1.4rem;
}
.l-sideBanner:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background: url(../img/icon-square-left-up.svg) no-repeat left top/cover;
  position: absolute;
  left: -4px;
  top: -4px;
}
.l-sideBanner > * {
  max-width: 260px;
  margin: auto;
}
.l-sideBanner .bnr-info01 {
  padding-bottom: 1rem;
  border-bottom: 1px solid #E3E3E3;
}
.l-sideBanner .bnr-ttl {
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 1rem;
}
.l-sideBanner .bnr-tel {
  margin-bottom: 1rem;
  display: inline-block;
}
.l-sideBanner .bnr-tel img {
  margin: auto;
}
.l-sideBanner .bnr-info02 {
  padding: 2.2rem 0 0;
}
.l-sideBanner .bnrContact {
  color: #0096E5;
  font-size: 1.6rem;
  display: flex;
}
.l-sideBanner .bnrContact img {
  margin-right: 0.8rem;
}
.l-sideCatList {
  margin-bottom: 3rem;
}
.l-sideCatItem {
  border-bottom: 1px solid #ccc;
  position: relative;
}
.l-sideCatItem.is-current:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10.5px 0 10.5px 10px;
  border-color: transparent transparent transparent #008CA0;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.l-sideCatItem a {
  font-size: 1.5rem;
  display: flex;
  color: #595757;
  align-items: center;
  padding: 1.15rem 1.15rem 1.15rem 2rem;
  text-decoration: none;
}
.l-row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
@media (min-width: 960px) {
  .l-row-pc {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .l-col2-pc {
    width: 50%;
  }
  .l-col3-pc {
    width: 33.3333333333%;
  }
}
.c-button {
  display: flex;
  align-items: center;
  padding: 1rem 2.4rem;
  color: #008CA0;
  border: solid 1px #008CA0;
  text-decoration: none;
  border-radius: 3px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.c-button:after {
  content: "";
  display: block;
  height: 1em;
  width: 14px;
  /* left: 1px; */
  background: url(../img/icon-arrow-circlegr.svg) no-repeat center center/contain;
  margin-left: 0.8rem;
  margin-top: auto;
  margin-bottom: auto;
}
.c-button:hover {
  background: #008CA0;
  color: #fff;
}
.c-button:hover:after {
  background: url(../img/icon-arrow-circlewh.svg) no-repeat center center/contain;
}
.c-button.btn-green {
  border-color: #008CA0;
  background: #008CA0;
  color: #FFF;
  width: 100%;
}
.c-button.btn-green:after {
  background: url(../img/icon-arrow-circle.svg) no-repeat center center/contain;
}
.c-button.btn-green:hover {
  background: #fff;
  color: #008CA0;
}
.c-button.btn-green:hover:after {
  background: url(../img/icon-arrow-circlegr.svg) no-repeat center center/contain;
}
.c-button.btn-notArrow:after {
  content: none;
}
.c-button.btn-white {
  border-color: #fff;
  background: transparent;
  color: #FFF;
}
.c-button.btn-white:after {
  background: url(../img/icon-arrow-circlewh.svg) no-repeat center center/contain;
}
.c-button.btn-white:hover {
  background: #fff;
  color: #008CA0;
}
.c-button.btn-white:hover:after {
  background: url(../img/icon-arrow-circlegr.svg) no-repeat center center/contain;
}





.dl-button2ul li{

   display: inline-block;
  margin: 0.5rem 0.5rem 3rem 0rem;
  
}


.dl-button2 {
  background: #008CA0;
  color: #fff;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  padding: 1.5rem;
  position: relative;
  text-decoration: none;
  border-radius: 30px;
  margin: auto;
}


.dl-button {
  background: #008CA0;
  color: #fff;
  max-width: 350px;
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  padding: 1.68rem 2rem;
  position: relative;
  text-decoration: none;
  border-radius: 30px;
  margin: auto;
}
.dl-button img {
  margin-left: 2rem;
}
.dl-button:after {
  content: "";
  display: block;
}
.c-inner {
  padding: 0 30px;
  max-width: 1160px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 959px) {
  .c-inner {
    padding: 0 20px;
  }
}
.c-narrowInner {
  max-width: 769px;
  margin: auto;
  padding: 0 2rem;
}
.c-title02 {
  font-size: 2.8rem;
  font-weight: 600;
  border-top: 2px solid #008CA0;
  padding: 1.6rem 0;
  border-bottom: 1px solid #f1f0f0;
  margin-bottom: 4rem;
}
.c-title03 {
  font-size: 2.7rem;
  font-weight: 600;
}
.c-title04 {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 1em;
}
.c-title05 {
  position: relative;
  font-size: 2.4rem;
  font-weight: 600;
  padding: 1rem 1rem 1rem 2rem;
  border-left: 2px solid #008CA0;
  margin-bottom: 3.5rem;
}
.c-title05:after {
  content: "";
  display: block;
}
.c-title06 {
  font-size: inherit;
  font-weight: bold;
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 0.8rem;
  margin-bottom: 1rem;
}
.c-title07 {
  font-size: 2.8rem;
  font-weight: bold;
  margin-bottom: 3rem;
}
.c-title08 {
  font-size: 2.8rem;
  font-weight: bold;
  margin-bottom: 3rem;
}
.c-title09 {
  font-size: 2rem;
  font-weight: bold;
  position: relative;
  padding-bottom: 1em;
  margin-bottom: 2rem;
}
.c-title09:after {
  content: "";
  display: block;
  width: 4rem;
  height: 0.5rem;
  background: #008CA0;
  position: absolute;
  bottom: 0;
  left: 0;
}
.c-title10 {
  font-size: 2.2rem;
  font-weight: bold;
  position: relative;
  padding-bottom: 0.6em;
  margin-bottom: 2rem;
}
.c-title10:after, .c-title10:before {
  content: "";
  display: block;
  height: 0.2rem;
  position: absolute;
  bottom: 0;
}
.c-title10:before {
  background: #008CA0;
  width: 5rem;
}
.c-title10:after {
  background: #efefef;
  width: calc(100% - 5rem);
  left: 5rem;
}
.titleCatSep {
  font-weight: normal;
  margin: 0 0.4em;
}
@media (max-width: 959px) {
  .c-title02 {
    font-size: 2.4rem;
  }
}
.boxTitle {
  border: 1px solid #727171;
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 2rem;
  border-radius: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.8rem 3rem;
}
.pointList-item {
  position: relative;
  margin-bottom: 1.8rem;
  padding-left: 3em;
  padding-top: 0.15em;
  display: block;
  text-decoration: none;
}
.pointList-item.listLink {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 6rem;
}
.pointList-item.listLink:after {
  content: "";
  background: url(../img/icon-arrow-link.svg) no-repeat center center/contain;
  top: 0;
  bottom: 0;
  position: absolute;
  display: block;
  width: 4.5rem;
  height: 0.7rem;
  right: 0;
  margin: auto;
}
.pointList-num {
  background: #008CA0;
  color: #fff;
  display: inline-block;
  width: 2em;
  height: 2em;
  text-align: center;
  line-height: 2em;
  position: absolute;
  top: 0;
  left: 0;
}
.pointList.colorDarGr .pointList-num {
  background: #569fb2;
}
.youtube {
  width: 100%;
  aspect-ratio: 16/9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}
.c-table {
  width: 100%;
  border-bottom: 1px solid #d6dddd;
  font-size: 1.5rem;
}
.c-table th {
  background: #f1f8f6;
  width: 25%;
}
.c-table th, .c-table td {
  padding: 1.2rem;
  border-top: 1px solid #d6dddd;
  position: relative;
}
.c-table td:not(:last-child):after {
  content: "";
  display: block;
  width: 1px;
  height: 80%;
  position: absolute;
  right: 0;
  background: #d6dddd;
  top: 0;
  bottom: 0;
  margin: auto;
}
.c-table .w140 {
  min-width: 140px;
}
.c-table.type02 {
  border-top: none;
}
.c-table.type02 th {
  font-weight: normal;
  border: none;
  text-align: center;
  padding: 0.5rem 1.2rem;
}
.c-table.type02 td {
  border-top: none;
  border-bottom: 1px solid #ccc;
  width: 73%;
}
.c-table.type02 td:after {
  content: none;
}
.page-numbers {
  display: flex;
  margin-top: 3.5rem;
  justify-content: center;
}
.page-numbers .wp-pagenavi {
  display: flex;
}
.page-numbers .wp-pagenavi > * {
  margin: 0.5rem;
  width: 5rem;
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  background: #f1f5f7;
}
.page-numbers .wp-pagenavi > *.current {
  background: #008CA0;
  color: #fff;
  border-radius: 5px;
}
@media (max-width: 959px) {
  .page-numbers {
    margin-bottom: 3.5rem;
  }
}
.firstObject {
  margin-top: 3.6rem;
}
.firstObject .separate {
  font-weight: lighter;
  margin: 0 1rem;
}
.imgbox {
  position: relative;
}
.imgbox:after {
  content: "";
  display: block;
}
.imgbox img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  margin: auto;
  -o-object-fit: cover;
  object-fit: cover;
}
.imgbox.imgbox01:after {
  padding-top: 75%;
}
.imgbox.imgbox02:after {
  padding-top: 62%;
}
.home .l-mainWrapper {
  margin-bottom: 0;
}
.p-top__mv {
  width: 100dvw;
  height: 444px;
  overflow: hidden;
}
.splide__slide {
  height: 50vh;
}
.splide__slide-inner {
  width: 100%;
  height: 100%;
  position: relative;
	
display: block;	
}
.splide__slide-innerContent {
  position: absolute;
  padding: 0 4rem;
  max-width: 1000px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2rem;
  color: #fff;
  font-weight: bold;
  text-shadow: 0 0 8px #2f2f2f;
}
.splide__slide-innerContent-text01 {
  font-size: 3.2rem;
  /* text-shadow: 0 0 8px #000; */
}

.splide__slidec {
  font-size: 2.2rem;
  font-weight:100
}



.splide__slide-innerContent-text02, .splide__slide-innerContent-link {
  font-size: 1.8rem;
}
.splide__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  filter: brightness(80%);
}
.splide__arrow--prev {
  left: 2dvw;
  top: calc(50% - 12px);
  transform: scaleX(-1);
  left: auto;
}
.splide__arrow--next {
  right: 2dvw;
}
.splide__arrow svg {
  display: none;
}
.splide__arrow {
  background: url(../img/icon-arrow.svg) no-repeat center center/contain;
  opacity: 1;
}
.p-topIntro {
  padding: 5.4rem 0;
}
.p-topIntro__title {
  font-size: 2.7rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 5.2rem;
}
.p-topIntro__title span {
  border-bottom: 1px solid #008CA0;
  padding-bottom: 3px;
}
.p-topIntro__pointList-item {
  max-width: 745px;
  margin-left: auto;
  margin-right: auto;
}
.p-topEntrance__container {
  display: flex;
  gap: 1px;
}
.p-topEntrance__item {
  width: 50%;
  display: flex;
  flex-direction: column;
}
.p-topEntrance__title {
  max-width: 550px;
  font-size: 2.7rem;
  font-weight: bold;
  margin-bottom: 1.8rem;
  display: flex;
  justify-content: center;
  text-align: center;
}
.p-topEntrance__image {
  position: relative;
display: block;	
}
.p-topEntrance__image:before {
  content: "";
  display: block;
  padding-top: 44.88%;
}
.p-topEntrance__image .__image {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
  background: #343434;
  position: absolute;
}
.p-topEntrance__image .__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 0.7;
}
.p-topEntrance__image:hover img {
  transform: scale(1.1, 1.1);
  transition: 1s all;
}
.p-topEntrance__label {
  max-width: 550px;
  width: 100%;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #fff;
  font-size: 2.2rem;
}
.p-topEntrance__label .labelCover {
  width: 100%;
  height: 100%;
  position: relative;
}
.p-topEntrance__label span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 3px solid #fff;
  width: 21rem;
  height: 8rem;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-topEntrance__textBox {
  color: #fff;
  padding-bottom: 3rem;
  height: 100%;
}
.p-topEntrance__textBox p {
  font-size: 1.6rem;
  letter-spacing: 0.02em;
  line-height: 1.8;
  margin-bottom: 5.3rem;
}






.p-topEntrance__textInner {
  max-width: 550px;
  padding: 4rem 4.8rem 0;
  margin-left: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.p-topEntrance__link {
  font-size: 1.4rem;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 959px) {
  .p-topEntrance__container {
    flex-direction: column;
  }
  .p-topEntrance__item {
    width: 100%;
  }
  .p-topEntrance__item.for-manufacture {
    margin-top: 20px;
  }


  
.p-topEntrance__textInner {
  max-width: 100%!important;
}

  


  
.p-topEntrance__title {
  max-width: 100%!important;



  
  
  
}

}



.p-topEntrance__item.for-quality .p-topEntrance__title {
  margin-left: auto;
}
.p-topEntrance__item.for-quality .p-topEntrance__textInner {
  margin-left: auto;
}
.p-topEntrance__item.for-quality .p-topEntrance__textBox {
  background: #008CA0;
}
.p-topEntrance__item.for-manufacture {
  border-right: 1px solid #fff;
}
.p-topEntrance__item.for-manufacture .p-topEntrance__title {
  margin-right: auto;
}
.p-topEntrance__item.for-manufacture .p-topEntrance__textInner {
  margin-right: auto;
}
.p-topEntrance__item.for-manufacture .p-topEntrance__textBox {
  background: #008CA0;
}
.p-topNews {
  padding-top: 4.4rem;
  margin-bottom: 4rem;
}
.p-topNews__title {
  font-size: 1.8rem;
  position: relative;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  margin-top: 2rem;
}
.p-topNews__title span {
  display: inline-block;
  width: 1.7em;
  height: 1.7em;
  margin-right: 0.5em;
}
.p-topNews__title span svg {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.p-topNews__list {
  margin-bottom: 4rem;
}
.p-topNews__list-item {
  border-bottom: 1px solid #717070;
}
.p-topNews__list-item a {
  padding: 1rem 0;
  margin: 1.2rem 0;
  position: relative;
  color: currentColor;
  text-decoration: none;
display: block;	
}
.p-topNews__list-item a:after {
  content: "〉";
  display: block;
  color: #A9AAAA;
  font-size: 1.8rem;
  position: absolute;
  top: 1rem;
  right: 0;
}
.p-topNews__list-item .news-listItemInfo {
  display: flex;
}
.p-topNews__list-item time {
  font-size: 1.6rem;
  margin-right: 4rem;
}
.p-topNews__list-item .label {
  font-size: 1.4rem;
  background: #008CA0;
  color: #fff;
  width: 11.2rem;
  height: 2.7rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
}
@media (min-width: 960px) {
  .p-topNews__wrapper {
    display: grid;
    grid-template-columns: 200px 1fr;
  }
  .p-topNews__list-item a {
    display: grid;
    grid-template-columns: 260px 1fr;
  }
}
@media (max-width: 959px) {
  .p-topNews__title {
    margin-bottom: 2rem;
  }
  .p-topNews__list-item {
    padding: 0 0 10px;
    margin-bottom: 10px;
  }
  .p-topNews__list-item time {
    margin-right: 10px;
  }
  .p-topNews__list-item label {
    height: initial;
  }
  .p-topNews .news-listItemText {
    margin-top: 10px;
  }
}
.p-topArticle01 {
  margin-bottom: 8rem;
}
.p-topArticle01__content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.p-topArticle01__text {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  /* line-height: 1.9; */
}
@media (min-width: 960px) {
  .p-topArticle01__image {
    padding-right: 2rem;
  }
  .p-topArticle01__contWrap {
    padding-left: 2rem;
  }
}
@media (max-width: 959px) {
  .p-topArticle01__image {
    margin-bottom: 10px;
  }
}
.p-topArticle02 {
  margin-bottom: 4rem;
}
.p-topArticle02Link__image {
  margin-bottom: 3.2rem;
}
.p-topArticle02Link__image:after {
  padding-top: 55.2%;
}
.p-topArticle02Link__item {
  display: flex;
  flex-direction: column;
}
.p-topArticle02Link__cont {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.p-topArticle02Link__text {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.p-topArticle02Link__text .more {
  margin-top: auto;
}
@media (min-width: 960px) {
  .p-topArticle02Link {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
  }
  .p-topArticle02Link__text .more a {
    margin-top: 4rem;
  }
}
@media (max-width: 959px) {
  .p-topArticle02Link__cont {
    margin-bottom: 20px;
  }
}
.p-topService {
  border-top: 4px solid #008CA0;
  display: flex;
}
.p-topService__item {
  width: 50%;
  max-height: 350px;
  overflow: hidden;
}
.p-topService__item._wrap {
  background: #e9f7f5;
}
.p-topService__image {
  height: 100%;
}
.p-topService__image img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}
.p-topService__content {
  padding: 3rem;
  max-width: 55rem;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.p-topService .serviceBtn {
  margin-top: auto;
}
@media (max-width: 959px) {
  .p-topService {
    flex-direction: column-reverse;
  }
  .p-topService__item {
    width: 100%;
  }
}
.card {
  border: 1px solid #E1E0E0;
  border-radius: 5px;
  display: flex;
  position: relative;
  flex-direction: column;
  color: currentColor;
  text-decoration: none;
}
.card:after {
  content: "";
  display: block;
  position: absolute;
}
.card.m-squareArrow {
  padding: 2rem 1rem 4.5rem;
}
.card.m-squareArrow:after {
  width: 2.2rem;
  height: 2rem;
  background: url(../img/icon-squareArrow.svg) no-repeat center center/contain;
  bottom: 2rem;
  right: 2rem;
}
.card .m-bookttl {
  font-weight: 600;
  font-size: 1.4rem;
  font-weight: 600;
  text-align: center;
  margin: 2rem auto auto;
  min-height: 4.478rem;
}
.card .m-bookttl-sub {
  font-weight: normal;
  display: block;
}
.card-img {
  position: relative;
  overflow: hidden;
}
.card-img:before {
  content: "";
  display: block;
}
.card-img img {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  position: absolute;
}
.card-img.m-book {
  max-width: 15.8rem;
  width: 100%;
  margin: auto;
}
.card-img.m-book:before {
  padding-top: 141%;
}
.inquiry {
  margin-top: 4rem;
}
.inquiry__title {
  font-size: 2.8rem;
  font-weight: bold;
  position: relative;
  padding-top: 5rem;
  border-top: 1px solid #ccc;
  padding-bottom: 3rem;
  display: flex;
  justify-content: center;
  margin-bottom: 2.2rem;
}
.inquiry__title:after {
  content: "";
  display: block;
  width: 10.3rem;
  height: 0.8rem;
  background: #008CA0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.inquiry__title.bordernon {
  border-top: none;
}
.p-features {
  margin-bottom: 3rem;
}
.p-features__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (min-width: 960px) {
  .p-features__content {
    max-width: 58rem;
    padding: 4rem 3rem 0 0;
    display: flex;
    flex-direction: column;
  }
  .p-features__image {
    padding-right: 4rem;
  }
  .p-features__more {
    margin-top: auto;
  }
}
@media (max-width: 959px) {
  .p-features__content {
    padding: 20px 20px 0;
  }
}
.p-lineup * {
  text-decoration: none;
  color: #000;
}
.p-lineup__item {
  border: 1px solid #dedede;
  display: block;
}
.p-lineup__image {
  position: relative;
  overflow: hidden;
}
.p-lineup__image:after {
  content: "";
  display: block;
  padding-top: 60.755%;
}
.p-lineup__image img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.p-lineup__text {
  padding: 1.6rem;
}
.p-lineup__text ._more-button {
  font-size: 1.4rem;
  height: 4rem;
  width: 15.6rem;
}
.p-lineup .lineupName {
  color: #008CA0;
  margin-bottom: 0.5rem;
}
.p-lineup .p-lineup__list._2column {
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 960px) {
  .p-lineup__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 3.2rem;
  }
}
@media (max-width: 959px) {
  .p-lineup__item {
    margin-bottom: 20px;
  }
}
.p-solving * {
  text-decoration: none;
}
.p-solving__item {
  display: grid;
  grid-template-columns: 6.2rem 1fr;
  -moz-column-gap: 1.6rem;
  column-gap: 1.6rem;
  border: 1px solid #008CA0;
  font-weight: 600;
  color: #231815;
  position: relative;
}
.p-solving__item:hover {
  background: #f5fefd;
}
.p-solving__item svg {
  fill: #008CA0;
  width: 0.6rem;
  height: 1rem;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.2rem;
  margin: auto;
}
.p-solving .solving-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.p-solving .solving-text {
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 2.2rem;
}
@media (min-width: 960px) {
  .p-solving__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    row-gap: 1.5rem;
  }
  
  .p-solving__list2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 1rem;
    column-gap: 1.5rem;
    row-gap: 1.5rem;
  }
  
}
@media (max-width: 959px) {
  .p-solving__item {
    grid-template-columns: 30% 1fr;
    margin-bottom: 10px;
  }
}
.p-case {
  margin-bottom: 4rem;
}
.p-caseList {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 2rem;
  column-gap: 2rem;
  row-gap: 2rem;
  margin-bottom: 1.6rem;
}
.p-caseList * {
  text-decoration: none;
}
.p-caseList._3column {
  grid-template-columns: repeat(3, 1fr);
}

.p-caseList._3column-1 {
  grid-template-columns: repeat(3, 1fr);
}


.p-caseList._3column-2 {
  grid-template-columns: repeat(3, 1fr);
}


.p-caseList .caselist-img {
  position: relative;
  overflow: hidden;
}
.p-caseList .caselist-img:before {
  content: "";
  display: block;
  padding-top: 67.692%;
}
.p-caseList .caselist-img img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.p-caseList .caselist-ttl {
  background: #008CA0;
  color: #fff;
  font-size: 1.8rem;
  padding: 0.464rem;
  text-align: center;
}
.p-caseList02 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 1rem;
  column-gap: 1rem;
  background: #E5F6F4;
  padding: 1.6rem;
}
.p-caseList02 .case02item {
  display: flex;
  align-items: center;
  padding: 1.15rem 2.4rem;
  color: #008CA0;
  border: 1px solid #008CA0;
  border-radius: 3px;
  text-decoration: none;
  justify-content: center;
}
.p-caseList02 .case02item:hover {
  background-color: #008CA0;
  color: #fff;
  transition: 0.5s;
}
@media (max-width: 959px) {
  .p-caseList {
    grid-template-columns: repeat(2, 1fr);
  }
  .p-caseList02 {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 10px;
  }


  
.p-caseList._3column-2 {
  grid-template-columns: repeat(2, 1fr);
}
  


.p-caseList._3column-1 {
  grid-template-columns: repeat(1, 1fr);
}
  

  




  
}
.p-voice {
  margin-bottom: 6rem;
}
.p-voice .voiceImg {
  position: relative;
  overflow: hidden;
}
.p-voice .voiceImg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.p-voice__list * {
  text-decoration: none;
  color: #000;
}
.p-voice__item {
  display: flex;
  border: 1px solid #CDCDCC;
}
.p-voice .voiceImg {
  max-width: 15rem;
  width: 47%;
}
.p-voice .singlecont {
  width: 53%;
  padding: 1.4rem 1.4rem 1.2rem 2rem;
  font-size: 1.4rem;
}
.p-voice .voiceTtl {
  margin-bottom: 1em;
}
@media (min-width: 960px) {
  .p-voice__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
  }
}
@media (max-width: 959px) {
  .p-voice__item {
    margin-bottom: 2rem;
  }
}
.p-books__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3.4rem;
}
@media (max-width: 959px) {
  .p-books__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}
.p-details {
  padding-bottom: 3.4rem;
  margin-bottom: 3.4rem;
}
.p-details:not(:last-of-type) {
  border-bottom: 1px solid #EEEEEE;
}
.p-details__image img {
  margin: auto;
}
@media (min-width: 960px) {
  .p-details__image {
    padding-right: 2rem;
  }
  .p-details__content {
    padding-left: 2rem;
  }
}
@media (max-width: 959px) {
  .p-details__image {
    margin-bottom: 2rem;
  }
}
.p-whychoose {
  margin-bottom: 4rem;
}
.p-applyBox__inner {
  border: 1px solid #ccc;
}
.p-applyBox__inner .__text {
  padding: 2rem 1rem 1rem;
}
@media (min-width: 960px) {
  .p-applyBoxLeft {
    padding-right: 2rem;
  }
  .p-applyBoxRight {
    padding-left: 2rem;
  }
}
@media (max-width: 959px) {
  .p-applyBoxLeft {
    margin-bottom: 2rem;
  }
}
.p-flow__item {
  display: flex;
  border: 1px solid #eee;
  padding: 1rem;
  position: relative;
  margin-bottom: 7rem;
}
.p-flow__item:not(:last-of-type):after {
  content: "";
  display: block;
  background: url(../img/icon-arrow-down.svg) no-repeat center center/contain;
  width: 6.2rem;
  height: 2.2rem;
  position: absolute;
  bottom: -4.5rem;
  left: 0;
  right: 0;
  margin: auto;
}
.p-flow__content {
  width: 44%;
  margin-left: auto;
  padding: 3rem 1rem 2rem 0;
}
.p-flow__content p:not(:last-child) {
  margin-bottom: 1rem;
}
@media (max-width: 959px) {
  .p-flow__item img {
    width: 30%;
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .p-flow__content {
    width: 65%;
  }
}
.p-flow02 {
  display: flex;
  position: relative;
  margin-bottom: 7rem;
}
.p-flow02 > * img {
  margin-bottom: 1.5rem;
}
.p-flow02__left:after {
  content: "";
  display: block;
  width: 2.2rem;
  height: 6.2rem;
  background: url(../img/icon-arrow-flow.svg) no-repeat center center/contain;
  position: absolute;
  top: -9.8rem;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
@media (min-width: 960px) {
  .p-flow02__left {
    padding-right: 2.5rem;
  }
  .p-flow02__right {
    padding-left: 2.5rem;
  }
  .p-flow02 > * {
    width: 50%;
  }
}
@media (max-width: 959px) {
  .p-flow02 {
    flex-direction: column;
  }
  .p-flow02__left {
    margin-bottom: 2rem;
  }
  .p-flow02__left:after {
    content: none;
  }
}
.compareBox {
  display: flex;
  position: relative;
  margin-bottom: 2rem;
}
.compareBox-separator {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 100%;
  width: 10px;
  background: url(../img/module-line.svg) no-repeat center center/cover;
}
.compareBox-item {
  position: relative;
}
.compareBox-item._before .compareBox-label {
  background: #7D7C7C;
}
.compareBox-item._after .compareBox-label {
  background: #008CA0;
}
.compareBox-label {
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  min-width: 16rem;
  height: 4rem;
  padding: 1rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  border-radius: 5px;
}
@media (min-width: 960px) {
  .compareBox-item {
    width: 50%;
  }
  .compareBox-item._before {
    padding-right: 2.5rem;
  }
  .compareBox-item._after {
    padding-left: 2.5rem;
  }
}
@media (max-width: 959px) {
  .compareBox {
    flex-direction: column;
  }
  .compareBox-item {
    padding-bottom: 50px;
  }
  .compareBox-separator {
    transform: rotate(90deg);
    height: 90vw;
    width: 50px;
    background: url(../img/module-line.svg) no-repeat center center/contain;
    bottom: 33px;
  }
}
@media (min-width: 960px) {
  .compareImage-left {
    padding-right: 2.5rem;
  }
  .compareImage-right {
    padding-left: 2.5rem;
  }
}
@media (max-width: 959px) {
  .compareImage {
    flex-direction: column;
  }
}
.imgBox4, .imgBox2, .imgBox3, .imgBox1 {
  display: grid;
  margin-bottom: 2.2rem;
}
.imgBox4 {
  -moz-column-gap: 1.4rem;
  column-gap: 1.4rem;
  grid-template-columns: repeat(4, 1fr);
}
.imgBox-item img {
  margin: 0 auto 0.8rem;
}
.imgBox2 {
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 2rem;
  column-gap: 2rem;
  row-gap: 2rem;
}



.imgBox3 {
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 2rem;
  column-gap: 2rem;
  row-gap: 2rem;
}



.imgBox1 {
  grid-template-columns: repeat(1, 1fr);
  -moz-column-gap: 2rem;
  column-gap: 2rem;
  row-gap: 2rem;
}




@media (max-width: 959px) {
  .imgBox4 {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.4rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

    .imgBox3 {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.4rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }

  
  .imgBox-item {
    text-align: center;
    with:100%;
  }
}



.descriptionBox {
  background: #EBF4F2;
  padding: 2rem 2rem 1.6rem;
  margin-bottom: 3rem;
  position: relative;
}
.descriptionBox-inner {
  padding: 1rem 1.5rem 2rem;
}
.descriptionBox:before {
  content: "";
  display: block;
  height: 0.5rem;
  width: 4rem;
  position: absolute;
  left: 0;
  top: 0;
  background: #008CA0;
}
.descriptionBox-imgCap {
  font-size: 1.4rem;
  margin-top: 1.4rem;
  display: inline-block;
}
.descriptionBox-content {
  padding-top: rem;
}
@media (min-width: 960px) {
  .descriptionBox-grid {
    display: grid;
    grid-template-columns: 21rem 1fr;
  }

  
.descriptionBox-content {
  margin-left: 2rem;
}

  
}
.sampleList {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 2rem;
  column-gap: 2rem;
  row-gap: 3rem;
}
.detailTop {
  padding: 3rem 0 3rem;
  border-bottom: 1px solid #ccc;
}
.detailTop .singleTopImg {
  padding-top: 3.8rem;
}
.detailTop__image {
  display: flex;
  align-items: center;
}
.detailTop__contInner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.detailTop__title {
  font-size: 2.8rem;
  font-weight: bold;
  margin-bottom: 3rem;
}
.detailTop__lead {
  font-size: 2.4rem;
  margin-bottom: 2rem;
}
.detailTop__link {
  display: flex;
  justify-content: center;
}
.detailTop__link a {
  color: #0096E5;
  text-decoration: underline;
}
.detailTop__link-item {
  position: relative;
  padding: 0 2rem;
}
.detailTop__link-item:not(:last-of-type):after {
  content: "|";
  display: inline-block;
  position: absolute;
  right: 0;
}
@media (min-width: 960px) {
  .detailTop {
    min-height: 45rem;
  }
}
.imageBoxList {
  position: relative;
}
.imageBoxList .item {
  text-decoration: none;
  background: #008CA0;
  border: 1px solid #008CA0;
  font-size: 1.6rem;
  background: #008CA0;
  color: #fff;
  display: block;
  border-radius: 5px;
  display: grid;
  grid-template-columns: 6rem 1fr;
}
.imageBoxList .item img {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.imageBoxList .text {
  padding: 1.4rem;
  display: flex;
  align-items: center;
}
.imageBoxList.typewide .item {
  grid-template-columns: 11.4rem 1fr;
}
.imageBoxList.widthArrow {
  padding-bottom: 6.8rem;
}
.imageBoxList.widthArrow:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -2rem;
  left: 0;
  right: 0;
  background: url(../img/module-line02.svg) no-repeat center bottom/auto 100%;
  width: 100%;
  height: 3rem;
}



.widthArrow2 {
  padding-bottom: 100px;
  margin-bottom: 20px;
  position: relative;
}
.widthArrow2:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 2rem;
  left: 0;
  right: 0;
  background: url(../img/module-line02.svg) no-repeat center bottom/auto 100%;
  width: 100%;
  height: 3rem;
}



@media (min-width: 960px) {
  .imageBoxList {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    row-gap: 2rem;
  }
}
@media (max-width: 959px) {
  .imageBoxList .item {
    margin-bottom: 10px;
  }
}
.optionBox {
  display: flex;
}
.optionBox-item {
  position: relative;
}
.optionBox-ttl {
  font-size: 1.4rem;
  background: #008CA0;
  font-weight: bold;
  padding: 0.8rem 1rem;
  margin-bottom: 2rem;
  color: #fff;
  border-radius: 5px;
  min-width: 240px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
}
@media (min-width: 960px) {
  .optionBox-item {
    width: 50%;
  }
  .optionBox-item._left {
    padding-right: 2.4rem;
  }
  .optionBox-item._right {
    padding-left: 2.5rem;
    border-left: 1px solid #ccc;
  }
}
@media (max-width: 959px) {
  .optionBox {
    flex-direction: column;
  }
  .optionBox-item {
    margin-bottom: 2rem;
  }
}
.flow04 {
  margin-left: 2rem;
  margin-bottom: 8rem;
  padding-left: 3.3rem;
  border-left: 1px solid #008CA0;
  counter-reset: flow04;
}
.flow04-item {
  display: flex;
  margin-bottom: 5rem;
  position: relative;
}
.flow04-item.flowItemw100 .flow04-content {
  width: 100%;
}
.flow04-item:before {
  content: counter(flow04);
  counter-increment: flow04;
  background-color: #008CA0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2em;
  width: 2em;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  left: -5.2rem;
  top: -0.3em;
  font-size: 1.8rem;
}
.flow04-content {
  width: 33rem;
}
.flow04-title {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 2.4rem;
}
.flow04-text {
  word-break: break-all;
}
.flow04-image {
  width: calc(100% - 33rem);
  max-width: 30rem;
}
@media (min-width: 960px) {
  .flow04-image {
    margin-left: auto;
  }
}
.bottomLink-item {
  border: 1px solid #ccc;
  display: flex;
  display: grid;
  grid-template-columns: 15.3rem 1fr;
  text-decoration: none;
  font-size: 1.4rem;
}
.bottomLink-image {
  position: relative;
  overflow: hidden;
  display: block;
}
.bottomLink-image:after {
  content: "";
  display: block;
  padding-top: 100%;
}
.bottomLink-image img {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.bottomLink-title {
  padding: 2rem;
  display: block;
}
@media (min-width: 960px) {
  .bottomLink {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
  }
}
@media (max-width: 959px) {
  .bottomLink-item {
    margin-bottom: 20px;
  }
}
.productOpt {
  display: flex;
  padding-bottom: 3rem;
  border-bottom: 1px solid #f3f3f3;
}
.productOpt-image {
  /* border: 1px solid #c5c5c5; */
  position: relative;
}
.productOpt-image:after {
  content: "";
  display: block;
  padding-top: 85%;
}
.productOpt-image img {
  display: block;
  width: 100%;
  /* height: 100%; */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 15px;
}
.productOpt-specItem {
  position: relative;
}
.productOpt-specItem:before {
  content: "｜";
  font-size: 1.6rem;
  display: block;
  position: absolute;
  left: 0;
  color: #008CA0;
}
.productOpt .specItem-ttl {
  padding-left: 2rem;
  white-space: nowrap;
  font-weight: normal;
}
.productOpt .specItem-text {
  padding-left: 3rem;
}
.productOpt p {
  word-break: break-all;
}
@media (min-width: 960px) {
  .productOpt-image {
    width: 200px;
    /* height: 100%; */
  }
  .productOpt-content {
    width: calc(100% - 20rem);
    padding-left: 3rem;
    font-size: 1.5rem;
  }
}
@media (max-width: 959px) {
  .productOpt {
    flex-direction: column;
  }
  .productOpt-content {
    width: 100%;
  }
  .productOpt-image {
    margin-bottom: 20px;
  }
}
.image-box01 {
  border: 1px solid #ccc;
}
.p-blogCard {
  display: grid;
}
.p-blogCard * {
  text-decoration: none;
}
.p-blogCard__content {
  padding: 2rem 1.4rem;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.p-blogCard__item {
  border: 1px solid #ccc;
  display: flex;
  flex-direction: column;
  position: relative;
}
.p-blogCard .blogcardTtl {
  /* padding-bottom: 0.4em; */
  /* border-bottom: 1px solid #000; */
  /* margin-bottom: 0.6em; */
  font-size: 1.8rem;
}


.p-blogCard .blogcardTtl2 {
  padding-bottom: 0.4em;
  border-bottom: 1px solid #000;
  margin-bottom: 0.6em;
  font-size: 1.8rem;
}


.p-blogCard .blogcardText {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.p-blogCard .blogcardText ._text {
  margin-bottom: 1.6em;
}
.p-blogCard .blogcardText ._label {
  color: #fff;
  font-size: 1.4rem;
  background: #008CA0;
  min-width: 7.8rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  padding: 0.25rem 1rem;
  border-radius: 5px;
  margin-top: auto;
}
.p-blogCard .blogCatList {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background: #008CA0;
  color: #fff;
  display: flex;
}
.p-blogCard .blogCatList span {
  position: relative;
  padding: 0.8rem;
}
.p-blogCard .blogCatList span:not(:last-of-type):after {
  content: "|";
  position: absolute;
  right: -0.1rem;
}
@media (min-width: 960px) {
  .p-blogCard {
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    row-gap: 4rem;
  }
}
@media (max-width: 959px) {
  .p-blogCard__item {
    margin-bottom: 20px;
  }
}
.singleDetailImg {
  position: relative;
  margin-bottom: 3.2rem;
}
.singleDetailImg ._label {
  position: absolute;
  top: 0;
  left: 0;
  background: #008CA0;
  color: #fff;
  min-width: 14rem;
  z-index: 1;
  padding: 0.5em 1em;
  text-align: center;
}
.p-singleDetail__header {
  border-bottom: 1px solid #ccc;
  margin-bottom: 3.2rem;
  padding-bottom: 0.5em;
}
.p-singleDetail__header .datetime {
  color: #A9AAAA;
  display: block;
  text-align: right;
}
.singleTitle {
  display: grid;
  grid-template-columns: 16rem 1fr;
  /* font-size: 1.8rem; */
  position: relative;
}
.singleTitle > * {
  padding: 1.6rem;
}
.singleTitle ._label {
  background: #008CA0;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.singleTitle ._text {
  font-weight: bold;
  line-height: 2;
}





.singleTitle._border {
  border: 2px solid #008CA0;
}
.singleTitle._bg-grn ._label {
  border: 2px solid #008CA0;
}


.singleTitle._bg-grn ._text {
  background: #f1f8f6;
}





.singleTitle._widtharrow {
  margin-bottom: 8rem;
}
.singleTitle._widtharrow:after {
  content: "";
  display: block;
  display: inline-block;
  color: #008CA0;
  line-height: 1;
  width: 3rem;
  height: 3rem;
  border: 0.2rem solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
  position: absolute;
  bottom: -2.4rem;
  left: 0;
  right: 0;
  margin: auto;
  background: #fff;
}





.singleTitle2 {
  display: grid;
  grid-template-columns: 15rem 1fr;
  /* font-size: 1.8rem; */
  position: relative;
}
.singleTitle2 > * {
  padding: 1.6rem;
}
.singleTitle2 ._label {
  background: #9E9E9E;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.singleTitle2 ._text {
  font-weight: bold;
  line-height: 2;
}






.singleTitle2._border {
  border: 2px solid #9E9E9E;
}
.singleTitle2._bg-grn ._label {
  border: 2px solid #9E9E9E;
}

.singleTitle2._bg-grn ._text {
  background: #e8e8e8;
}




.singleTitle2._widtharrow {
  margin-bottom: 8rem;
}
.singleTitle2._widtharrow:after {
  content: "";
  display: block;
  display: inline-block;
  color: #008CA0;
  line-height: 1;
  width: 3rem;
  height: 3rem;
  border: 0.2rem solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
  position: absolute;
  bottom: -2.4rem;
  left: 0;
  right: 0;
  margin: auto;
  background: #fff;
}







.singlecont {
  /* margin-bottom: 6.6rem; */
}
.singlecont p {
  /* margin-bottom: 1.5em; */
}
.caseLink {
  display: grid;
  grid-template-columns: 50% 50%;
  border: 1px solid #ededed;
  text-decoration: none;
  color: #000 !important;
}
.caseLink__content {
  padding: 1.6rem 1.6rem 1.6rem 2rem;
  display: flex;
  flex-direction: column;
}
.caseLink__title, .caseLink__code {
  font-size: 2rem;
  font-weight: bold;
}
.caseLink__code {
  color: #008CA0;
}
.caseLink__button {
  margin-top: auto;
  margin-left: auto;
}
.relatedList > * {
  text-decoration: none;
}
.relatedList__item {
  padding: 2rem;
  display: grid;
  grid-template-columns: 35% 1fr;
  background: #f1f8f6;
  margin-bottom: 2rem;
}
.relatedList__img:afger {
  padding-top: 66.6666%;
}
.relatedList__content {
  padding-left: 2rem;
  color: #474241;
}
.relatedList__label {
  font-size: 1.4rem;
  padding: 0.5rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: #008CA0;
  min-width: 12rem;
  text-align: center;
  border-radius: 5px;
  color: #fff;
  margin-bottom: 1em;
}
.relatedList__title {
  font-weight: bold;
  padding-bottom: 2.8em;
  /* border-bottom: 1px solid #474241; */
  margin-bottom: 0.8em;
}
.relatedNavi {
  display: flex;
  justify-content: space-between;
}
.relatedNavi li {
  position: relative;
}
.relatedNavi a {
  text-decoration: none;
}
.relatedNavi__prev, .relatedNavi__next {
  display: flex;
  align-items: center;
  color: #717070;
}
.relatedNavi__prev a, .relatedNavi__next a {
  font-size: 1.4rem;
}
.relatedNavi__prev:after, .relatedNavi__next:after {
  content: "";
  display: block;
}
.relatedNavi__prev svg {
  margin-right: 1rem;
}
.relatedNavi__next svg {
  margin-left: 1rem;
}
.relatedNavi__linkAll a {
  padding: 1.6rem;
  width: 26rem;
  height: 6rem;
  border: 2px solid #008CA0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #008CA0;
  border-radius: 30px;
}
.detail__headerTag {
  color: #2E90EF;
  display: flex;
  gap: 1em;
  justify-content: flex-end;
}
.detail__headerTag a {
  display: inline-block;
}
.product-table {
  display: flex;
}
.product-tableImg {
  width: 20rem;
}
.product-tableImg img {
  border: 1px solid #ccc;
  padding: 10px;
}
@media (min-width: 960px) {
  .product-table {
    gap: 3rem;
  }
}
@media (max-width: 959px) {
  .product-table {
    flex-direction: column;
  }
}
.p-support-imgTxt {
  background: #008CA0;
  font-size: 2.2rem;
  font-weight: bold;
  color: #fff;
  padding: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 7.8rem;
}
.descriptionGmap {
  height: 0;
  overflow: hidden;
  padding-bottom: 42%;
  position: relative;
}
.descriptionGmap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.descriptionBorder {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #ccc;
}
.p-downloadList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 2.4rem;
  column-gap: 2.4rem;
}
.p-downloadList-item {
  display: flex;
  flex-direction: column;
  margin-bottom: 3rem;
}
.p-downloadList-item .c-button {
  margin-bottom: 2rem;
}
.p-downloadList-itemImg {
  position: relative;
  border: 1px solid #ccc;
  overflow: hidden;
  margin-bottom: 2.4rem;
}
.p-downloadList-itemImg:before {
  content: "";
  display: block;
  padding-top: 145%;
}
.p-downloadList-itemImg img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (min-width: 960px) {
  .p-downloadList {
    grid-template-columns: repeat(3, 1fr);
  }
}


.p-downloadList02 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 2.4rem;
  column-gap: 2.4rem;
}
.p-downloadList02-item {
  display: flex;
  flex-direction: column;
  margin-bottom: 3rem;
}
.p-downloadList02-item .c-button {
  margin-bottom: 2rem;
}
.p-downloadList02-itemImg {
  position: relative;
  border: 1px solid #ccc;
  overflow: hidden;
  margin-bottom: 2.4rem;
}
.p-downloadList02-itemImg:before {
  content: "";
  display: block;
  padding-top: 145%;
}
.p-downloadList02-itemImg img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (min-width: 960px) {
  .p-downloadList02 {
    grid-template-columns: repeat(4, 1fr);
  }
}


.listLink {
  font-size: 1.8rem;
  margin-left: 1.3rem;
  margin-bottom: 6rem;
}
.listLink a {
  color: #2E90EF;
}
.listLink li {
  margin-bottom: 1rem;
}
.p-contactTitle {
  font-weight: bold;
  font-size: 2.2rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 5rem;
}
.p-contactTitle .e-title {
  padding-bottom: 3.3rem;
  border-bottom: 2px solid #efefef;
  margin-bottom: 3.2rem;
  text-align: center;
}
.p-contactTitle .e-catch {
  color: #008CA0;
  text-align: center;
}
.u-clr-grn {
  color: #008CA0;
}
.u-text-center {
  text-align: center;
}
.u-mt30 {
  margin-top: 3rem;
}
.u-mb10 {
  margin-bottom: 1rem;
}
.u-mb20 {
  margin-bottom: 2rem;
}
.u-mb30 {
  margin-bottom: 3rem;
}
.u-mb40 {
  margin-bottom: 4rem !important;
}
.u-mb50 {
  margin-bottom: 5rem;
}
.u-mb60 {
  margin-bottom: 6rem;
}
.u-mb70 {
  margin-bottom: 7rem;
}
.u-mb80 {
  margin-bottom: 8rem;
}
.u-ml0 {
  margin-left: 0;
}
.u-ml-auto {
  margin-left: auto;
}
.u-mr-auto {
  margin-right: auto;
}
.u-underline {
  text-decoration: underline;
}
.u-pb20 {
  padding-bottom: 2rem;
}
.u-p20 {
  padding: 2rem;
}
.u-fz-14 {
  font-size: 1.4rem;
}
.u-fz-18 {
  font-size: 1.8rem;
}
.u-fz-20 {
  font-size: 2rem;
}
.u-fz-22 {
  font-size: 2.2rem;
}
.u-clr-green {
  color: #008CA0;
}
.u-fw-bold {
  font-weight: bold;
}
@media (min-width: 960px) {
  .u-pl20-pc {
    padding-left: 2rem;
  }
  .u-pl30-pc {
    padding-left: 3rem;
  }
}
.u-text-right {
  text-align: right;
}
.u-text-center {
  text-align: center;
  /* line-height: 2.1; */
}
.u-textbg-blue {
  padding: 1px 2px;
  background: #dbeafb;
  display: inline-block;
  color: #404348;
  line-height: 1.4;
  font-weight: bold;
}
@media (min-width: 960px) {
  .u-sp {
    display: none;
  }
}
@media (max-width: 959px) {
  .u-pc {
    display: none;
  }
}
.u-border {
  border: 1px solid #e1e1e1;
}
.u-border-bottom {
  border-bottom: 1px solid #000;
}
.u-box-grn {
  background: #f0f7f5;
  padding: 2rem;
}
/*--------------------------------------*
 * foundation
 *--------------------------------------*/
/*--------------------------------------*
 * layou
 *--------------------------------------*/
/*--------------------------------------*
 * object
 *--------------------------------------*/
/*-------------------
 * component
 -------------------*/
/*-------------------
 * project
 -------------------*/
/*-------------------
 * contact
 -------------------*/
/*-------------------
 * object
 -------------------*/
/*# sourceMappingURL=style.css.map */



.splide__track--fade>.splide__list>.splide__slide {
  
    height: 444px!important
}





.aptenqform{
  border: 1px solid #d9d9d9;
  padding: 4rem;}


@media (max-width: 960px) {
.aptenqform{
  border: 1px solid #d9d9d9;
  padding: 2rem;}
}





/* 追加
--------------------------- */



.qa__item{font-size:2rem;}
.qa__item *{font-size: 1.6rem;}
.qa__item .qa__item__inner{position:relative;padding:2rem 3rem 2rem 1.8rem;display:flex;align-items:center;color:currentColor;text-decoration:none;cursor:pointer;background-color: #008CA0;color:white;}
@media (max-width: 960px){
.qa__list{font-size:1.8rem;}
.qa__item{font-size:1.8rem;}
}
.qa__area__style02 .qa__item{font-size:1.7rem;/* padding:1rem 0; */}
.qa__area__style02 .qa__item.is-active .qa__item__inner:after{transform:scale(-1, -1);background-position:top left;}
.qa__area__style02 .qa__item .qa__item__inner:after{content:"";background:url(https://www.tokyodiamond.cn/wp-content/themes/mnt-tdiamond001/assets/images/td014.svg) no-repeat top right/contain;display:block;width:24px;height:12px;margin-left:auto;padding-left:0.5rem;}
.qa__area__style02 .qa__item__answer{background:#ffffff;padding:3.5rem;position:relative;/* margin-top:2rem; */display:none;}
@media (max-width: 960px){
.qa__area__style02 .qa__item__answer2{padding:1.5rem;}
}
.qa__area__style02 .qa__item__answer2{background:#ffffff;padding:3.5rem;position:relative;margin-top:2rem;}
@media (max-width: 960px){
.qa__area__style02 .qa__item__answer{padding:1.5rem;}
}
.c-boxType01{/* background:#F4F3F4; */padding: 20px;}
.c-boxType01 img{width:100%;}



@media (min-width: 769px){
.c-boxType01{/* padding:2rem; */}
}
.tablephoto{display:flex;}
.table-p{width:100%;margin-right:20px;}
.table-img img{width:450px;}
@media (max-width: 960px){
    
.c-boxType01{/* background:#F4F3F4; */padding: 10px;}
    
.tablephoto{display:block;}
.table-p{margin-bottom:10px;}
.table-img img{width:100%;}
}

.c-listTable{font-size:1.5rem;line-height:2;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.c-listTable dt{width:20%;padding:10px;margin:0;border-top:1px solid #eaeaea;font-weight:bold;}
.c-listTable dt span{display:block;height:100%;padding:5px 10px;border-right:1px solid #eaeaea;}
.c-listTable dt:last-of-type{border-bottom:0px solid #eaeaea;}
.c-listTable dt:first-of-type{border-top:0px solid #eaeaea;}
.c-listTable dd{padding:10px 0 10px 0;width:80%;margin:0;border-top:1px solid #eaeaea;}
.c-listTable dd span{display:block;height:100%;padding:5px 0;}
.c-listTable dd:last-child{border-bottom:0px solid #eaeaea;}
.c-listTable dd:first-of-type{border-top:0px solid #eaeaea;}
@media screen and (max-width: 960px){
.c-listTable{margin:0 0 20px;}
.c-listTable dt{width:100%;background-color:#efefef;border-top:0px solid #eaeaea;}
.c-listTable dt span{border-right:none;padding:0;}
.c-listTable dd{width:100%;border-top:none;}
.c-listTable dd span{padding:0;}
}





/*! CSS Used from: Embedded */
.vk_balloon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;margin-bottom: 1em;/* width: 100%; */margin-top: 1em;}
.vk_balloon figure{margin:0;width: 120px;}
.vk_balloon p{color:initial;word-break:break-all;}
.vk_balloon p:first-of-type{margin-top:0;}
.vk_balloon p:last-of-type{margin-bottom:0;}
.vk_balloon_icon{-ms-flex-preferred-size:80px;flex-basis:80px;-ms-flex-negative:0;flex-shrink:0;text-align:center;}
.vk_balloon_icon_name{display:block;text-align:center;font-size: 1.2rem;margin-top: 1rem;}
.vk_balloon_content_outer{width:100%; margin-left: 20px; }
.vk_balloon_content{/* max-width:calc(100% - 6.2em); */position:relative;text-align:left;}
.vk_balloon_content::after{display:block;clear:both;content:"";}
.vk_balloon-position-left .vk_balloon_content{float:left;}
.vk_balloon_content{background:#f5f5f5;padding:calc(var(--vk-size-text) * 1) calc(var(--vk-size-text) * 1.2);}
.vk_balloon_content_before,.vk_balloon_content_after{position:absolute;top:0;display:block;width:0;height:0;border-style:solid;}
.vk_balloon-type-speech .vk_balloon_content{border-radius:.4em;padding: 25px;width: 100%;}
.vk_balloon-type-speech .vk_balloon_content .vk_balloon_content_before,.vk_balloon-type-speech .vk_balloon_content .vk_balloon_content_after{top:15px;}
.vk_balloon-type-speech .vk_balloon_content .vk_balloon_content_after{z-index:1;border-right-color:inherit;}
.vk_balloon-type-speech .vk_balloon_content .vk_balloon_content_before{z-index:2;}
.vk_balloon-position-left.vk_balloon-type-speech .vk_balloon_icon{margin-right:calc(var(--vk-size-text) * 1.2);}
.vk_balloon-position-left.vk_balloon-type-speech .vk_balloon_content .vk_balloon_content_before,.vk_balloon-position-left.vk_balloon-type-speech .vk_balloon_content .vk_balloon_content_after{left:-10px;border-width:10px 12px 10px 0;}
.vk_balloon-position-left.vk_balloon-type-speech .vk_balloon_content .vk_balloon_content_before:not(.has-text-color),.vk_balloon-position-left.vk_balloon-type-speech .vk_balloon_content .vk_balloon_content_after:not(.has-text-color){border-color:transparent #f5f5f5 transparent transparent;}
.vk_balloon-position-left.vk_balloon-type-speech .vk_balloon_content .vk_balloon_content_before,.vk_balloon-position-left.vk_balloon-type-speech .vk_balloon_content .vk_balloon_content_after{border-color:transparent currentColor transparent transparent;}
@media only screen and (max-width:960px){
    .vk_balloon figure{margin:0;width: 60px;}
    
.vk_balloon_content_outer{width:100%; margin-left: 0px;}
    
.vk_balloon_content{/* max-width:calc(100% - 2em); */font-size:.9em;padding:1em;}
    
.vk_balloon-type-speech .vk_balloon_content{border-radius:.4em;padding: 15px;width: 100%;}
.vk_balloon{-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal;}
.vk_balloon.vk_balloon-position-left.vk_balloon-type-speech .vk_balloon_icon{margin-right:1.5rem;}
.vk_balloon_icon{max-width: 64px;}
}








.p-flow__item img{width:50%;
                 
                 
                 height:100%;}