@charset "UTF-8";
/* ---------- ---------- ----------

00. Common Setting
01. Component Setting
02. Page SettingPage Setting

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

/* ---------- ---------- ----------
:: for large screen ::
@media only screen and (min-width: 1025px) {
}
:: for medium screen ::
@media only screen and (min-width: 641px) and (max-width: 1024px) {
}
:: for small screen ::
@media only screen and (max-width: 640px) {
}
---------- ---------- ---------- */

/* -- ------------------------------
    00. Common Setting
------------------------------ --*/
/* Reset
---------- ---------- */
.col3-Section .g-HeadingTitle__titleBlock__titleBox__title,
.col3-Section .g-HeadingTitle--v2__titleBlock__titleBox__title,
.col3-Section .g-PageTitle__titleBlock__titleBox__title,
.col3-Section .g-PageTitle--v2__titleBlock__titleBox__title {
  margin-bottom: 0;
}

.col3-Section .g-Section__inner {
  max-width: 1366px;
  margin: 0 auto;
}

.g-Area#area-Contents,
.col3-Section {
  overflow: visible !important;
}

.mss-Section * {
  letter-spacing: 0.02em;
}

/* Background
---------- ---------- */
.col3-Section {
  background-color: #EEFFFA;
  color: #707070;
}

.col3-mainUnit {
  background-color: #fff;
}

/* fixed
---------- ---------- */
@media only screen and (max-width: 1024px) {
  .col3-l-Box,
  .col3-r-Box {
    display: none;
  }
}

/* 3 Column > Column Width */
@media only screen and (min-width: 1025px) {
  .col3-Section .g-Column__cols {
    width: 33.333%;
    max-width: 455.333px;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .col3-Section .g-Section__inner {
    max-width: 480px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1200px) {
  .col3-Section .g-Column__cols--lg-w40p {
    width: 400px;
  }

  .col3-Section .g-Column__cols--lg-w30p {
    width: calc(50% - 200px);
  }
}

/* PC > Left, Right Column */
@media only screen and (min-width: 1025px) {
  .col3-l-Box,
  .col3-r-Box {
    position: sticky;
    top: 124px;
    border-color: transparent !important;
    z-index: 3;
  }
}

/* TB / SP (CTA) */
.col3-cta-wrap {
  position: sticky;
  top: 120px;
  border-color: transparent !important;
  z-index: 3;
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .col3-cta-wrap {
    top: 143px;
  }
}

.col3-cta-btn {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
}

.col3-cta-btn .g-HeadingTitle--v2__titleBlock {
  width: auto;
  height: 54px;
}

.col3-cta-btn .l-HeadingTitle--v2.is-link:hover {
  opacity: 1;
}

.col3-cta-btn .l-HeadingTitle--v2.is-link:hover .g-Image--v2 {
  opacity: .7;
}

@media only screen and (min-width: 1025px) {
  .col3-cta-wrap {
    display: none;
  }
}

/* PC > left */
.col3-pc-btn,
.col3-pc-logo {
  width: 50%;
  margin: 30px auto 0;
}

.col3-pc-btn .l-HeadingTitle--v2.is-link:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: all ease .4s;
}


/* Option
-----------------------*/
/* background */
.mss-bgcol01 {
  background-color: #ffffffcc;
}

.mss-bgcol02 {
  background-color: #EDFDFF;
}

.mss-bgcol03 {
  background-color: #EDFFE8;
}

/* font-size */
.opt-fontsize--16 {
  font-size: 1rem;
}

.opt-fontsize--14 {
  font-size: .875rem;
}

.opt-fontsize--12 {
  font-size: .75rem;
}

.opt-fontsize--9 {
  font-size: .5625rem;
}

/* fontfamily */
.mss-fontfamily--01 {
  font-family: sans-serif;
  font-weight: 600;
}

.mss-fontfamily--02 {
  font-family: sans-serif;
  font-weight: 400;
}

/* font-color */
.mss-fontcolor--01 {
  color: #707070;
}

.mss-fontcolor--02 {
  color: #FF5E5E;
}

/* -- ------------------------------
    01. Component Setting
------------------------------ --*/
/* Group Box */
.mss-Wrap01 {
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

.mss-coupon-wrap {
  max-width: 180px;
  background-size: 180px auto;
}

.mss-coupon-wrap .cmn-richtext {
  padding-bottom: 20px;
}

.mss-coupon-wrap .mss-coupon01 {
  font-size: 1.125rem;
  color: #B3B3B3;
  background-color: #fff;
  border-radius: 4px;
  display: inline-block;
  padding: 0 .5rem;
}

@media only screen and (max-width: 640px) {
  .mss-coupon-wrap .mss-coupon01 {
    font-size: 1rem;
  }
}

/* Text Item */
.mss-Text01.is-borderColor--1 {
  border: 1px solid #707070;
  font-size: 14px;
  padding: 14px 20px;
}

/* Accordion Menu Pack */
.mss-AccordionMenu01 .g-AccordionUnit__contentBlock {
  padding: 0;
}

.mss-AccordionMenu01 .l-AccordionUnit__titleBlock.g-AccordionUnit__titleBlock {
  border-radius: 20px;
  padding: 8px 1.875em 8px 1.875em;
}

.mss-AccordionMenu01 .l-AccordionUnit__titleBlock.is-backgroundColor--1 {
  background-color: #68C6D8;
}

.mss-AccordionMenu01 .l-AccordionUnit__titleBlock.is-backgroundColor--2 {
  background-color: #56D4C1;
}

.mss-AccordionMenu01 .l-AccordionUnit__titleBlock .l-HeadingTitle:not(.is-link) .cmn-richtext {
  color: #fff;
  font-size: 1rem;
  font-family: sans-serif;
  font-weight: bold;
}

.mss-AccordionMenu01 .g-AccordionUnit {
  position: relative;
  margin-top: 10px;
}

.mss-AccordionMenu01 .g-AccordionUnit.is-radius--open {
  padding-bottom: 70px;
}

.mss-AccordionMenu01 .is-radius--open.g-AccordionUnit .g-AccordionUnit__titleBlock {
  position: absolute;
  bottom: 0;
  z-index: 2;
}

.mss-AccordionMenu01 .cmn-icon--down,
.mss-AccordionMenu01 .cmn-icon--up {
  display: inline-block;
  line-height: 1;
  background: #fff;
  border-radius: 1px;
  margin-top: 0;
  width: 12px;
  height: 1px;
}

.mss-AccordionMenu01 .cmn-icon--up:before,
.mss-AccordionMenu01 .cmn-icon--down::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: rotate(90deg);
  background: inherit;
}

.mss-AccordionMenu01 .cmn-icon--up:before {
  background: transparent;
}

.mss-AccordionMenu01 .is-radius--open .mss-close-text {
  display: none;
}

.mss-AccordionMenu01 .is-radius--close .mss-open-text {
  display: none;
}

/* 02 */
.mss-AccordionMenu02 .g-AccordionUnit__contentBlock {
  padding: 20px;
}

.mss-AccordionMenu02 .l-AccordionUnit__contentBlock .g-Text {
  margin-left: 5%;
  margin-right: 5%;
}

.mss-AccordionMenu02 .g-AccordionUnit {
  position: relative;
}

.mss-AccordionMenu02 .is-radius--close {
  position: absolute;
  top: 0;
  width: 100%;
  padding-bottom: 10px;
  background-color: #fff;
}

.mss-AccordionMenu02 .cmn-icon {
  background-color: #fff;
  border-radius: 50%;
  display: block;
  width: 18px;
  height: 18px;
  margin-top: 0;
  transform: translateY(-50%);
}

.mss-AccordionMenu02 .cmn-icon--down:before,
.mss-AccordionMenu02 .cmn-icon--up:before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  top: 51%;
  left: 51%;
  transform: translate(-50%, -50%);
}

.mss-AccordionMenu02 .cmn-icon--down:before {
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
  border-top: 5px solid #434343;
  border-bottom: 0;
}

.mss-AccordionMenu02 .cmn-icon--up:before {
  border-right: 3px solid transparent;
  border-left: 3px solid transparent;
  border-bottom: 5px solid #434343;
  border-top: 0;
}

.mss-TextLinkP01 .g-TextLinkUnit__link .g-TextLinkUnit__link__icon {
  background-color: #707070;
  border-radius: 50%;
  display: block;
  position: relative;
  width: 18px;
  height: 18px;
  margin-top: 0;
}

.mss-acc-HeadingTitle,
.mss-AccordionMenu02 .is-radius--close .l-AccordionUnit__titleBlock,
.mss-AccordionMenu02 .is-radius--open .l-AccordionUnit__titleBlock {
  border-color: transparent;
  background-color: #434343;
  border-radius: 20px;
  padding: 17px 15px 17px 20px;
}

.mss-acc-HeadingTitle {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.mss-AccordionMenu02 .is-radius--open .l-AccordionUnit__titleBlock {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  height: 40px;
  padding: 0 15px 0 20px;
}

.mss-acc-HeadingTitle:not(.is-link) .cmn-richtext,
.mss-AccordionMenu02 .l-HeadingTitle:not(.is-link) .cmn-richtext {
  color: #fff;
  font-size: 1.25rem;
  font-family: sans-serif;
  font-weight: bold;
}

.mss-acc-wrap01,
.mss-acc-HeadingTitle .g-HeadingTitle--v2__titleBlock,
.mss-AccordionMenu02 .g-AccordionUnit__titleBlock .g-HeadingTitle__titleBlock {
  position: relative;
}

.mss-acc-HeadingTitle .g-HeadingTitle--v2__titleBlock,
.mss-AccordionMenu02 .g-AccordionUnit__titleBlock .g-HeadingTitle__titleBlock,
.mss-acc-HeadingTitle .g-HeadingTitle--v2__titleBlock__titleBox,
.mss-AccordionMenu02 .g-AccordionUnit__titleBlock .g-HeadingTitle__titleBlock__titleBox {
  display: block;
}

.mss-AccordionMenu02 .g-HeadingTitle__titleBlock__imageBox,
.mss-acc-HeadingTitle.is-layoutL .g-HeadingTitle--v2__titleBlock__imageBox {
  padding-right: 0;
  position: absolute;
  left: 0;
}

.mss-AccordionMenu02 .l-HeadingTitle:not(.is-link) .cmn-richtext .mss-open-text {
  font-size: 1rem;
}

.mss-AccordionMenu02 .is-radius--open .mss-close-text,
.mss-AccordionMenu02 .is-radius--open .g-HeadingTitle__titleBlock__imageBox {
  display: none;
}

.mss-AccordionMenu02 .is-radius--close .mss-open-text {
  display: none;
}

/* Open > to Bottom */
.mss-AccordionMenu02 .g-AccordionUnit.is-radius--open {
  padding-bottom: 37px;
}

.mss-AccordionMenu02 .is-radius--open.g-AccordionUnit .g-AccordionUnit__titleBlock {
  position: absolute;
  bottom: 0;
  z-index: 2;
  width: calc(100% - 34px);
}

/* Text */
.mss-AccordionMenu02 .g-Text {
  font-size: 1rem;
  font-family: sans-serif;
  font-weight: bold;
  color: #707070;
}

/* Image & Text Pack */
/* 01 */
.mss-ImageTextHP01 {
  margin-bottom: 14px;
}

.mss-ImageTextHP01.g-ImageTextHP--v2.is-layoutL .g-ImageTextHP--v2__contentsBlock__image {
  padding-right: 15px;
}

.mss-ImageTextHP01.is-imageL .g-ImageTextHP--v2__contentsBlock__text {
  align-self: center;
}

@media only screen and (min-width: 1025px) {
  .mss-ImageTextHP01.is-imageL .opt-lg-imageW40p {
      grid-template-columns: 170px auto;
  }
}

@media only screen and (min-width: 641px) and (max-width: 1024px) {
  .mss-ImageTextHP01.is-imageL .opt-lg-imageW40p {
      grid-template-columns: 190px auto;
  }
}

@media only screen and (max-width: 640px) {
  .mss-ImageTextHP01.is-imageL .opt-lg-imageW40p {
      grid-template-columns: 160px auto;
  }
}

.mss-ImageTextHP01 .g-Text {
  font-size: 1rem;
}

@media only screen and (max-width: 640px) {
  .mss-ImageTextHP01 .g-Text {
    font-size: .875rem;
  }
}

/* 02, 03 */
.mss-ImageTextHP02 .g-HeadingTitle .cmn-richtext,
.mss-ImageTextHP03 .g-HeadingTitle .cmn-richtext {
  font-size: 1rem;
  font-family: sans-serif;
  font-weight: bold;
  line-height: 1.375;
}

.mss-ImageTextHP02 .g-Text,
.mss-ImageTextHP03 .g-Text {
  font-size: .875rem;
  font-family: sans-serif;
}

.mss-ImageTextHP02 .g-HeadingTitle__titleBlock,
.mss-ImageTextHP03 .g-HeadingTitle__titleBlock {
  border-bottom: 1px solid #D0D0D0;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.mss-ImageTextHP02 .g-HeadingTitle .cmn-richtext {
  color: #119DAF;
}

.mss-ImageTextHP03 .g-HeadingTitle .cmn-richtext {
  color: #017F6B;
}

/* Annotation List Pack */
.mss-AnnotationListUnit01 .l-AnnotationListUnit--v2 {
  font-size: .875rem;
}

.mss-AnnotationListUnit01.opt-fontsize--12 .l-AnnotationListUnit--v2 {
  font-size: .75rem;
}

/* Heading Title Item */
/* 01 */
.mss-HeadingTitle01.l-HeadingTitle--v2.is-background {
  background: none;
  padding: 0 0 3px 0;
}

.mss-HeadingTitle01 .g-HeadingTitle--v2__titleBlock__titleBox {
  padding-bottom: 10px;
}

.mss-HeadingTitle01 .cmn-richtext {
  font-size: 1.125rem;
  font-family: sans-serif;
  font-weight: bold;
}

.mss-HeadingTitle01.is-backgroundColor--1.g-HeadingTitle--v2 {
  border-bottom: 1px solid #119DAF;
}

.mss-HeadingTitle01.is-backgroundColor--1 .g-HeadingTitle--v2__titleBlock__titleBox {
  border-bottom: 2px solid #119DAF;
}

.mss-HeadingTitle01.is-backgroundColor--1 .cmn-richtext {
  color: #119DAF;
}

.mss-HeadingTitle01.is-backgroundColor--2.g-HeadingTitle--v2 {
  border-bottom: 1px solid #017F6B;
}

.mss-HeadingTitle01.is-backgroundColor--2 .g-HeadingTitle--v2__titleBlock__titleBox {
  border-bottom: 2px solid #017F6B;
}

.mss-HeadingTitle01.is-backgroundColor--2 .cmn-richtext {
  color: #017F6B;
}

/* 02 */
.mss-HeadingTitle02.g-HeadingTitle--v2.l-HeadingTitle--v2.is-background {
  background: none;
  margin-top: 15px;
}

.mss-HeadingTitle02 .g-HeadingTitle--v2__titleBlock__titleBox {
  background-color: #E6F5F6;
  border-radius: 20px;
  height: 40px;
}

.mss-ImageTextHP02 .g-Text {
  margin-bottom: 0;
}

.mss-HeadingTitle02 .cmn-richtext {
  font-size: 1rem;
  font-family: sans-serif;
  font-weight: bold;
}

.mss-HeadingTitle02.is-backgroundColor--1 .g-HeadingTitle--v2__titleBlock__titleBox {
  background-color: #E6F5F6;
}

.mss-HeadingTitle02.is-backgroundColor--1 .cmn-richtext {
  color: #119DAF;
}

.mss-HeadingTitle02.is-backgroundColor--2 .g-HeadingTitle--v2__titleBlock__titleBox {
  background-color: #119DAF;
}

.mss-HeadingTitle02.is-backgroundColor--2 .cmn-richtext {
  color: #fff;
}

.mss-HeadingTitle02.is-backgroundColor--3 .g-HeadingTitle--v2__titleBlock__titleBox {
  background-color: #E7F7F4;
}

.mss-HeadingTitle02.is-backgroundColor--3 .cmn-richtext {
  color: #017F6B;
}

.mss-HeadingTitle02.is-backgroundColor--4 .g-HeadingTitle--v2__titleBlock__titleBox {
  background-color: #027F6B;
}

.mss-HeadingTitle02.is-backgroundColor--4 .cmn-richtext {
  color: #fff;
}

/* 03 */
.mss-HeadingTitle03 .g-HeadingTitle--v2__titleBlock {
  width: 30px;
  height: 30px;
  margin: auto;
  padding: 20% 0;
}

/* Text Link Pack */
.mss-TextLinkP01 .cmn-icon--bullet:before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 5px solid #ffffff;
  border-right: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mss-TextLinkP01 .g-TextLinkUnit__link .g-TextLinkUnit__link__icon {
  background-color: #707070;
  border-radius: 50%;
  display: block;
  position: relative;
  width: 18px;
  height: 18px;
  margin-top: 3px;
}

.mss-TextLinkP01 .is-rightIcon .g-TextLinkUnit__link>.cmn-richtext {
  padding-right: 5px;
}

.mss-TextLinkP01 .g-TextLinkUnit__link {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  text-decoration: none;
  font-size: 1rem;
}

/* Button Pack */
.mss-ButtonP01 .is-colorset--1 .l-ButtonUnit__link {
  color: #707070;
  background-color: #EBEBEB;
  border-color: transparent;
  border-radius: 20px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 20px;
  height: 63px !important;
}

.mss-ButtonP01 .cmn-icon--bullet:before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-left: 5px solid #ffffff;
  border-right: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.mss-ButtonP01 .is-colorset--1 .l-ButtonUnit__link .l-ButtonUnit__link__icon {
  background-color: #707070;
  border-radius: 50%;
  display: block;
  width: 18px;
  height: 18px;
  margin-top: 0;
  transform: translateY(-50%);
}

.mss-ButtonP01 .is-rightIcon .g-ButtonUnit__link .cmn-richtext {
  padding-left: 1.5em;
  padding-right: 1.5em;
}

/* -- ------------------------------
    02. Page Setting
------------------------------ --*/
.mss-Section {
  background-attachment: fixed;
  background-size: 33.3% 100% !important;
  background-position: left 120px, right 120px !important;
}