@charset "UTF-8";
.abt-subnavi li:first-child a, .abt-footnavi__list li a, .abt-col--title-lrg, .abt-col--title__en, .abt-col--list li, .imdl--fbox-title {
  font-family: "Cochin W01 Roman", "Noto Serif JP"; }

.abt-subnavi li a, .abt-pagenavi li span, .abt-pagenavi li a, .abt-footnavi--title, .abt-footnavi__list li a .text__jpn, .abt-col--title__sub, .abt-col--title, .abt-col--title__2nd, .abt-col--text, .abt-col--text__mb, .abt-col--text__mt, .abt-col--text__note, .abt-pagetitle, .qualityLink p, .qualityLinkBtn, .service_table2018 dt, .service_table2018 p, .afterserviceInfoDetail dt,
.afterserviceInfoDetail dd, .ipmodal--title, .imdl--fbox__l p, .imdl--fbox-title__jp, .ipmodal-note, .member-content-inner--border dl dt, .member-content-inner--border dl dd, .member-content--title, .member-terms-wrapper {
  font-family: "Noto Serif JP"; }

.wrapper {
  padding-top: 105px;
  width: 100%; }

.about-head--title {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1;
  color: #343030;
  letter-spacing: 0.2em;
  font-weight: normal; }

.about-head-lead {
  margin-top: 1em;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6;
  letter-spacing: 0.25em;
  color: #7e7474; }

.about-feature {
  padding: 0 0 90px; }

.abtftr--title {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1;
  color: #343030;
  letter-spacing: 0.1em;
  text-align: center;
  font-weight: normal;
  font-family: "Noto Serif JP";
  margin-bottom: 1.5em; }

.abtftr--lead {
  font-size: 2rem;
  line-height: 1.8;
  color: #343030;
  letter-spacing: 0.1em;
  text-align: center;
  font-weight: normal;
  font-family: "Noto Serif JP";
  margin-bottom: 1em; }

.abtftr--txt {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2.4;
  color: #343030;
  letter-spacing: 0.12em;
  text-align: center;
  font-family: "Noto Serif JP";
  margin-bottom: 40px; }

.abtftr--text-area {
  padding-top: 20px; }

.abtftr--text-area .abtftr--txt {
  margin-bottom: 0; }

.about-movie {
  padding-top: 60px;
  text-align: center; }

.about-movie--title {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  font-weight: normal;
  color: #343030;
  letter-spacing: 0.18em;
  margin-bottom: 30px; }

.about-movie--container {
  text-align: center; }

.about-section {
  padding: 0 50px;
  margin: 0 auto;
  box-sizing: border-box; }

.abtsec--inner {
  padding: 90px 0 0;
  margin: 0 auto;
  max-width: 1320px;
  border: 10px solid rgba(228, 174, 187, 0);
  box-sizing: border-box; }

.abtsec--container {
  padding-left: 12%;
  margin-bottom: 85px;
  width: 100%;
  position: relative;
  box-sizing: border-box; }

.abtsec--image {
  transition: all 1s linear;
  opacity: 0;
  position: absolute;
  right: -70px;
  top: 40px;
  width: 51%;
  padding: 0 10px;
  box-sizing: border-box; }

.abtsec--image img {
  width: 100%;
  width: calc(100% - 20px);
  margin: 0 10px; }

.abtsec--image.active {
  opacity: 1;
  top: -10px; }

.abtsec--title {
  font-size: 42px;
  font-size: 4.2rem;
  line-height: 1;
  color: #000;
  letter-spacing: 0.12em;
  padding-left: 1.5em;
  position: relative;
  margin-bottom: 30px;
  font-weight: normal; }

.abtsec--title:before {
  display: block;
  content: '01';
  font-size: 30px;
  font-size: 3rem;
  line-height: 1;
  color: #454545;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5; }

.abt-idx-row__withring .col-float__ring {
  width: 39.05%;
  position: absolute;
  bottom: -23%;
  left: 17%; }

.about-section__02 .abtsec--title:before {
  content: '02'; }

.about-section__03 .abtsec--title:before {
  content: '03'; }

.about-section__04 .abtsec--title:before {
  content: '04'; }

.about-section__05 .abtsec--title:before {
  content: '05'; }

.abtsec--sbtitle {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #343030;
  letter-spacing: 0.12em;
  position: relative;
  display: inline-block;
  padding-left: 1.6em; }

.abtsec--sbtitle:before {
  display: block;
  content: '';
  width: 0.8em;
  height: 1px;
  background-color: #343030;
  position: absolute;
  left: 0.4em;
  top: 50%;
  margin-top: -1px; }

.abtsec--container.about-section__left {
  padding-left: 42%; }

.abtsec--container.about-section__left .abtsec--image {
  position: absolute;
  left: -70px;
  top: -10px;
  width: 51%; }

.abtsec--container.about-section__left .abtsec--title {
  text-align: right;
  width: 78%;
  padding-left: 0;
  padding-right: 1.5em;
  box-sizing: border-box; }

.abtsec--container.about-section__left .abtsec--title:before {
  top: 0;
  right: 0;
  left: initial; }

.abtsec--container.about-section__left .abtsec--box {
  width: 78%; }

.abtsec--box {
  background-color: rgba(255, 255, 255, 0.85);
  width: 52%;
  padding: 6px;
  box-sizing: border-box; }

.abtsec--box--inner {
  display: block;
  padding: 60px 60px 40px;
  border: 1px solid #f6f3f0;
  box-sizing: border-box;
  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); }

.abtsec--box--inner:hover {
  text-decoration: none; }

.abtsec--box--inner:hover .abtsec--link--text {
  background: #888;
  border-color: #888;
  color: #fff; }

.abtsec--box--inner:hover .abtsec--link--text:before {
  background-image: url(../img/common/linkArrow2.svg); }

.abtsec--heading {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.6;
  color: #343030;
  letter-spacing: 0.12em;
  margin-bottom: 1em;
  font-weight: normal; }

.abtsec--txt {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
  color: #343030;
  letter-spacing: 0.12em; }

.wrapper {
  padding-top: 105px; }

.contents {
  padding: 0; }

.aboutDiamondTitleArea {
  margin: 40px auto 0; }

.abt-subnavi {
  text-align: center;
  padding: 20px 0;
  border-bottom: 1px solid #ddd; }

.abt-subnavi li {
  display: inline-block; }

.abt-subnavi li a {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
  color: #343030;
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  display: block;
  padding: 0 30px;
  position: relative;
  letter-spacing: 0.12em; }

.abt-subnavi li a:hover {
  color: #837876;
  text-decoration: none; }

.abt-subnavi li a:after {
  content: '';
  display: block;
  width: 1px;
  height: 1em;
  background-color: #d2d2d2;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.5em; }

.abt-subnavi li .c {
  color: #837876; }

.abt-subnavi li:first-child a:after {
  display: none; }

.abt-pagenavi {
  margin: 0 auto 90px; }

.abt-pagenavi ul {
  display: -ms-flexbox;
  display: flex;
  max-width: 530px;
  margin: 0 auto; }

.abt-pagenavi li {
  display: block;
  -ms-flex: 1;
  flex: 1;
  padding: 0;
  box-sizing: border-box; }

.abt-pagenavi li span {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  color: #343030;
  letter-spacing: 0.12em;
  text-align: center;
  width: 100%;
  padding: 1em 0;
  border: 1px solid #d0cccb;
  background-color: #fff;
  box-sizing: border-box;
  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  align-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  text-align: center; }

.abt-pagenavi li span.c {
  color: #fff;
  background-color: #7a6861; }

.abt-pagenavi li a {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  color: #343030;
  letter-spacing: 0.12em;
  text-align: center;
  width: 100%;
  padding: 1em 0;
  border: 1px solid #d0cccb;
  background-color: #fff;
  box-sizing: border-box;
  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  align-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  text-align: center; }

.abt-pagenavi li a:hover {
  color: #fff;
  background-color: #7a6861;
  text-decoration: none; }

.abt-pagenavi li a.c {
  color: #fff;
  background-color: #7a6861; }

.abt-pagenavi li a.c:hover {
  color: #fff;
  background-color: #7a6861; }

.abt-pagenavi li:first-child a {
  border-right: none; }

.abt-footnavi, .abt-footnavi__bm {
  /*
  background-image: url(../img/about_v2/common/bg-footnavi.jpg);
  background-size: auto 191px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
*/
  background-color: #f5f2ef;
  padding: 20px 0;
  margin-bottom: 40px; }

.abt-footnavi__bm {
  margin-bottom: 60px; }

.abt-footnavi--title {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6;
  color: #343030;
  text-align: center;
  font-weight: normal;
  letter-spacing: 0.22em;
  margin-bottom: 1em; }

.abt-footnavi__list {
  text-align: center;
  font-size: 0;
  line-height: 1; }

.abt-footnavi__list li {
  display: inline-block;
  font-size: 0;
  line-height: 1;
  background-color: transparent; }

.abt-footnavi__list li a {
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  align-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  text-align: center;
  position: relative;
  width: 240px;
  height: 100px;
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  letter-spacing: 0.22em;
  background-image: url(../img/about_v2/common/about-nav-01.png);
  background-size: 100% auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); }

.abt-footnavi__list li a .text-inner {
  position: relative;
  z-index: 10; }

.abt-footnavi__list li a .text__jpn {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
  color: #fff;
  font-weight: normal;
  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); }

.abt-footnavi__list li a:hover {
  text-decoration: none; }

.abt-footnavi__list li a:hover:before {
  opacity: 1; }

.abt-footnavi__list li a:before {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 9;
  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); }

.abt-footnavi__list li:nth-child(2) a {
  background-image: url(../img/about_v2/common/about-nav-02.jpg); }

.abt-footnavi__list li:nth-child(3) a {
  background-image: url(../img/about_v2/common/about-nav-03.jpg); }

.abt-footnavi__list li:nth-child(4) a {
  background-image: url(../img/about_v2/common/about-nav-04.png); }

.abt-footnavi__list li:nth-child(5) a {
  background-image: url(../img/about_v2/common/about-nav-05.jpg); }

.pageTopWrap__about .pageTop {
  right: 0; }

.abt-row, .abt-row__page-title {
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto 80px;
  max-width: 1440px; }

.abt-col--cont, .abt-col--cont__valignbottom {
  -ms-flex: 1;
  flex: 1;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  align-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  text-align: center;
  box-sizing: border-box;
  padding: 0 30px; }

.abt-col--cont__fullwidth {
  padding: 0 30px;
  margin: 0 auto;
  max-width: 1010px; }

.abt-col--cont__valignbottom {
  align-items: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end; }

.abt-col--cont--inner {
  width: 475px;
  margin-left: calc(100% - 475px); }

.abt-col--cont--inner p:last-child {
  margin-bottom: 0; }

.abt-col--fig + .abt-col--cont .abt-col--cont--inner, .abt-row__page-title .abt-col--fig + .abt-col--cont .abt-col--cont--inner, .abt-col--fig + .abt-col--cont__valignbottom .abt-col--cont--inner, .abt-row__page-title .abt-col--fig + .abt-col--cont__valignbottom .abt-col--cont--inner {
  margin-left: 0;
  margin-right: auto; }

.abt-row__page-title {
  margin-bottom: 90px; }

.abt-row__page-title .abt-col--cont--inner {
  padding-bottom: 50px;
  border-bottom: 1px solid #ddd; }

.abt-row__page-title .abt-col--fig {
  padding: 0 10px; }

.abt-col--fig, .abt-row__page-title .abt-col--fig {
  width: 50%;
  padding: 0 30px;
  box-sizing: border-box; }

.abt-col--fig img, .abt-row__page-title .abt-col--fig img {
  max-width: 100%; }

.abt-col--fig-05 {
  -ms-flex: 1;
  flex: 1;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  align-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  text-align: center; }
.abt-col--fig-aniv{
  align-items: flex-end;
  padding-bottom:75px;
}
.fig-boxshadow {
  box-shadow: 2px 2px 8px 0px rgba(0, 0, 0, 0.1); }

.fig-boxshadow__pink {
  box-shadow: 4px 4px 15px 0px #e5c8cb; }

.abt-col--title-lrg {
  font-size: 30px;
  font-size: 3.0rem;
  line-height: 1.4;
  color: #7a6861;
  letter-spacing: 0.2em;
  margin-bottom: 1.2em;
  font-weight: normal; }

.abt-col--title__sm {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.4;
  letter-spacing: 0.16em;
  font-weight: normal; }

.abt-col--title__sub {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
  color: #7a6861;
  letter-spacing: 0.16em;
  font-weight: normal; }

.abt-col--title, .abt-col--title__2nd {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.6;
  color: #333333;
  letter-spacing: 0.1em;
  text-align: left;
  margin-bottom: 1em;
  font-weight: normal; }

.abt-col--title__en {
  display: block;
  font-weight: normal; }

.abt-col--title__2nd {
  margin-top: 2em; }

.abt-col--text, .abt-col--text__mb, .abt-col--text__mt {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
  color: #333333;
  letter-spacing: 0.05em;
  text-align: left; }

.abt-col--text__mb {
  margin-bottom: 1em; }

.abt-col--text__mt {
  margin-top: 1.6em; }

.abt-col--text__mt.annotation {
	font-size:13px;
}
.abt-col--text__note {
  font-size: 10px;
  font-size: 1.0rem;
  line-height: 1.8;
  color: #999999;
  letter-spacing: 0.1em;
  text-align: left;
  margin: 1em 0; }

  .abt-col--link{
    font-size: 14px;
    font-family: 'Public Sans',sans-serif;
    letter-spacing: .1em;
    margin-top: 23px;
    text-align: left;
  }

  .abt-col--link a:hover{
    opacity: .7;
    text-decoration: none;
  }

  .abt-col--link a{
    position: relative;
    color: #000;
  }

  .abt-col--link a:after{
    content: "";
    position: absolute;
    right: -11px;
    top: 6px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
  }

.abt-col--list {
  text-align: left;
  list-style: decimal inside;
  margin-bottom: 1em;
  margin-top: 1em; }

.abt-col--list li {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.8;
  color: #333;
  list-style-type: disc; }

.abtsec--link, .abtsec--link__blank, .abtsec--link__blank__pdf {
  text-align: center;
  width: 130px;
  margin-top: 2em; }

.abtsec--link .abtsec--link--text, .abtsec--link__blank .abtsec--link--text, .abtsec--link__blank__pdf .abtsec--link--text {
  border: 1px solid #ccc;
  font-size: 10px;
  font-size: 1rem;
  display: block;
  padding: 8px 0;
  letter-spacing: 0.05em;
  text-decoration: none;
  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); }

.abtsec--link .abtsec--link--text:before, .abtsec--link__blank .abtsec--link--text:before, .abtsec--link__blank__pdf .abtsec--link--text:before {
  background: url(../img/common/linkArrow.svg) no-repeat 0 0;
  background-size: 100%;
  content: "";
  display: inline-block;
  margin: 0 15px 0 0;
  height: 8px;
  width: 5px; }

.abtsec--link a.abtsec--link--text:hover, .abtsec--link__blank a.abtsec--link--text:hover, .abtsec--link__blank__pdf a.abtsec--link--text:hover {
  background: #4c4c4c;
  border-color: #4c4c4c;
  color: #fff; }

.abtsec--link a.abtsec--link--text:hover:before, .abtsec--link__blank a.abtsec--link--text:hover:before, .abtsec--link__blank__pdf a.abtsec--link--text:hover:before {
  background-image: url(../img/common/linkArrow2.svg); }

.abtsec--link__blank {
  width: 140px; }

.abtsec--link__blank a.abtsec--link--text:before {
  background-image: url(../img/about_v2/common/ic-link.png);
  background-position: 50%;
  background-size: auto 100%;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  margin: 0 5px 0 0;
  height: 1em;
  width: 20px; }

.abtsec--link__blank a.abtsec--link--text:hover:before {
  background-image: url(../img/about_v2/common/ic-link2.png); }

.abtsec--link__blank__pdf {
  width: 160px;
  margin: 40px auto 0; }

.abtsec--link__blank__pdf a.abtsec--link--text {
  background-color: #7a6861;
  color: #fff; }

.abtsec--link__blank__pdf a.abtsec--link--text:before {
  background-image: url(../img/about_v2/common/ic-link2.png);
  background-position: 50%;
  background-size: auto 100%;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  margin: 0 5px 0 0;
  height: 1em;
  width: 20px; }

.abtsec--link__blank__pdf a.abtsec--link--text:hover {
  color: #7a6861;
  background-color: #fff;
  border-color: #7a6861; }

.abtsec--link__blank__pdf a.abtsec--link--text:hover:before {
  background-image: url(../img/about_v2/common/ic-link.png); }

.abt-pagetitle {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.6;
  color: #343030;
  letter-spacing: 0.12em;
  font-weight: normal;
  text-align: center;
  margin-bottom: 60px; }

.abt-section {
  margin-bottom: 100px; }

.abt-section .abt-section--hr {
  width: 1000px;
  height: 1px;
  margin: 100px auto 0;
  background-color: #ddd;
  border: none; }

.abt-dez-row__withring .abt-col--fig {
  position: relative; }

.abt-dez-row__withring .abt-col--fig .col-float__ring {
  position: absolute;
  bottom: -16%;
  right: -12%;
  width: 69.12%; }

.abt-heart-and-cupid {
  background-color: #f5f6f8;
  padding: 100px 0;
  margin-bottom: 90px; }
  .abt-heart-and-cupid .abt-col--fig {
    text-align: right; }

.abt-heart-and-cupid .abt-row, .abt-heart-and-cupid .abt-row__page-title {
  margin-bottom: 60px; }

.abt-heart-and-cupid--image {
  text-align: center; }

.btn-qualityLink {
  display: block;
  border: 1px solid #d4c8c4;
  margin-top: 40px;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  align-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  padding: 16px 24px 16px 24px;
  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1); }
  .btn-qualityLink .btn-qualityLink-img {
    text-align: left; }
    .btn-qualityLink .btn-qualityLink-img img {
      display: block;
      margin-top: -4px; }
    .btn-qualityLink .btn-qualityLink-img p {
      font-size: 12px;
      font-size: 1.2rem;
      color: #333333;
      line-height: 100%;
      letter-spacing: 0.21em;
      margin-top: .4em;
      margin-left: .6em;
      font-family: "Cochin W01 Roman", "Noto Serif JP"; }
  .btn-qualityLink .btn-qualityLink-more {
    font-size: 12px;
    font-size: 1.2rem;
    color: #60524f;
    line-height: 100%;
    letter-spacing: 0.21em;
    font-family: "Cochin W01 Roman", "Noto Serif JP";
    position: relative;
    padding-right: 1em; }
    .btn-qualityLink .btn-qualityLink-more:after {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 3px;
      margin: auto;
      content: "";
      vertical-align: middle;
      width: 4px;
      height: 4px;
      border-top: 1px solid #60524f;
      border-right: 1px solid #60524f;
      transform: rotate(45deg); }
  .btn-qualityLink:hover {
    text-decoration: none;
    opacity: .7; }

.qualityLink {
  border: 3px solid #d5c4c1;
  max-width: 1126px;
  margin: 0 auto 70px; }

.qualityLink a {
  display: block;
  padding: 30px;
  text-align: center; }

.qualityLink a:hover {
  transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
  -ms-filter: "alpha(opacity=60)";
  filter: alpha(opacity=60);
  text-decoration: none; }

.qualityLink p {
  display: inline-block;
  font-size: 40px;
  font-size: 4rem;
  vertical-align: middle;
  line-height: 100%;
  letter-spacing: 0.21em;
  text-transform: uppercase; }

.qualityLink p img {
  vertical-align: middle; }

.qualityLink p span {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.24em; }

.qualityLinkPict {
  display: inline-block;
  margin-right: 40px;
  vertical-align: middle; }

.qualityLinkBtn {
  background: url(../img/common/linkArrow2.svg) no-repeat 25px 20px #837876;
  background-size: 5px;
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 13px;
  font-size: 1.3rem;
  display: inline-block;
  margin-left: 75px;
  letter-spacing: 0.2em;
  vertical-align: middle;
  padding: 15px 0 15px 10px;
  position: relative;
  width: 195px; }

.page-abt__service #_anc_01 {
  margin-bottom: 0;
  padding-bottom: 75px; }

.page-abt__service #_anc_03 {
  padding-top: 75px; }

.abt-col__mmeber-info .abt-col--cont, .abt-col__mmeber-info .abt-col--cont__valignbottom {
  width: 50%; }

.abt-col__mmeber-info .abt-col--cont--inner {
  margin-left: 0;
  width: 100%; }

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

2018年用改修
2017.12.22

------------------------------------------------------*/
.table-caption {
  border-bottom: 1px solid #f0f0f0;
  margin-top: 1.8em; }

.service_table2018 {
  width: auto;
  margin: 20px auto 0;
  border-top: 1px solid #f0f0f0; }

.service_table2018 .block__notice {
  margin-top: 15px; }

.service_table2018 dl {
  width: calc(100% - 2px);
  display: table;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  border-right: none;
  border-top: none;
  margin-bottom: 0; }

.service_table2018 dl:nth-child(3) dt {
  /*border-bottom: 1px solid #f0f0f0;*/ }

.service_table2018 dt {
  display: table-cell;
  padding-left: 20px;
  padding-right: 20px;
  width: 130px;
  vertical-align: middle;
  background: #f2f2f2;
  font-size: 1.3rem;
  border-bottom: 1px solid #fff; }

.service_table2018 dd {
  display: table-cell;
  padding: 10px 20px;
  border-bottom: 1px solid #f0f0f0; }

.service_table2018 p {
  font-size: 1.2rem;
  text-align: left;
  letter-spacing: 0.09em; }

.service_table2018 p.annotation {
  font-size: 1rem;
  padding-left: 1em;
  text-indent: -1em;
  color: #999999;
  margin-top: 0.5em;
  letter-spacing: 0; }

.service_table2018 .lb_link {
  font-size: 1rem;
  padding-left: 1em;
  text-indent: -1em;
  color: #999999;
  margin-top: 0.1em;
  letter-spacing: 0; }

.service_table2018 .lb_link span {
  text-decoration: underline; }

.supportLink01.afterservice,
.supportLink02.afterservice {
  padding-top: 5%; }

.supportLink01.afterservice dt,
.supportLink02.afterservice dt {
  text-align: center; }

.supportLink01.afterservice dd,
.supportLink02.afterservice dd {
  text-align: center;
  margin-bottom: 15px; }

.supportLink01.afterservice dd.supportMoreLink,
.supportLink02.afterservice dd.supportMoreLink {
  margin: 0 auto;
  float: none; }

.lb_screen {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9997; }

.after2018_lb {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #fdf8f5;
  width: 900px;
  padding: 20px 0;
  z-index: 9998; }

.after2018_lb .inner {
  margin: 0 auto;
  width: 92%;
  border: 2px solid #fff;
  padding: 20px 0; }

.lb_btn {
  cursor: pointer; }

.aboutAfterserviceTitleArea {
  margin: 35px auto 110px;
  max-width: 1400px; }

.aboutAfterserviceTitlePict {
  float: right;
  width: 48.5%; }

.aboutAfterserviceTitlePict img {
  width: 100%; }

.aboutAfterserviceTitle {
  float: left;
  margin: 0 auto;
  padding: 110px 0 0;
  text-align: center;
  width: 47%; }

.aboutAfterserviceTitle h2 {
  font-size: 20px;
  font-size: 2rem;
  color: #333;
  font-weight: normal;
  margin: 0 auto 35px;
  letter-spacing: 0.25em;
  text-transform: uppercase; }

.aboutAfterserviceTitle p {
  /*
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 170%;
*/
  letter-spacing: 0.22em;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.9; }

.afterserviceInfoWrap {
  background-color: #FDF8F5;
  background-size: 100%;
  margin: 0 -50px;
  padding: 70px 0; }

@media only screen and (max-width: 1900px) {
  .afterserviceInfoWrap {
    background-size: auto 100%; } }

.afterserviceInfoTitle {
  font-family: "Cochin W01 Roman", "Noto Serif JP" !important;
  font-weight: 300 !important;
  font-size: 18px;
  font-size: 1.8rem;
  margin: 0 auto 20px;
  letter-spacing: 0.15em;
  text-align: center; }

.afterserviceInfoLead {
  font-size: 12px;
  font-size: 1.2rem;
  color: #666;
  margin: 0 auto 40px;
  line-height: 170%;
  letter-spacing: 0.15em;
  width: 655px; }

.afterserviceInfo {
  background-color: #fff;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 5px;
  width: 800px; }

.afterserviceInfoDetail {
  border: 1px solid #FEEAE3;
  padding: 15px 45px 60px; }

.afterserviceInfoDetail dt,
.afterserviceInfoDetail dd {
  text-align: left; }

.afterserviceInfoDetail dt {
  font-size: 15px;
  font-size: 1.5rem;
  color: #000;
  font-weight: bold;
  margin-top: 28px;
  letter-spacing: 0.12em; }

.afterserviceInfoDetail dt span {
  font-size: 11px;
  font-size: 1.1rem;
  color: #bababa;
  font-weight: normal;
  display: block; }

.afterserviceInfoDetail dd {
  color: #666;
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 8px;
  line-height: 170%;
  letter-spacing: 0.15em; }

.afterserviceInfoDetail dd + dd {
  margin-top: 20px; }

.afterserviceNoteArea {
  background-color: #fafafa;
  margin-top: 10px !important;
  padding: 22px; }

.afterserviceNoteArea strong {
  color: #000;
  font-size: 15px;
  font-size: 1.5rem;
  display: block;
  margin-bottom: 5px; }

.after2018_lb_close_add {
  position: absolute;
  right: -20px;
  top: -20px;
  width: 50px;
  height: 35px;
  padding-top: 15px;
  text-align: center;
  background: #4e413b;
  z-index: 999;
  cursor: pointer; }

.after2018_lb_close_add img {
  width: 20px; }

.ipmodal_promise {
  background-color: #f8ecee;
  padding: 10px;
  width: 1000px;
  margin: 0 auto;
  z-index: 9998;
  position: absolute;
  display: none;
  box-sizing: border-box; }

.ipmodal--inner {
  border: 1px solid #fff;
  padding: 50px 30px; }

.ipmodal--title {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.6;
  color: #343030;
  font-weight: normal;
  letter-spacing: 0.16em;
  margin-bottom: 1.4em; }

.ipmodal--content {
  margin-bottom: 15px; }

.imdl--row {
  display: -ms-flexbox;
  display: flex; }

.imdl--col {
  display: block;
  -ms-flex: 1;
  flex: 1;
  background-color: #ffffff;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee; }

.imdl--col:nth-child(2) {
  border-right: 1px solid #eee; }

.imdl--row:last-child .imdl--col {
  border-bottom: 1px solid #eee; }

.imdl--fbox {
  display: -ms-flexbox;
  display: flex; }

.imdl--fbox__l {
  -ms-flex: 1;
  flex: 1;
  padding: 25px 0 20px 40px; }

.imdl--fbox__l p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #333333;
  font-weight: normal;
  letter-spacing: 0.15em;
  text-align: left; }

.imdl--fbox-title {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.2;
  color: #343030;
  font-weight: normal;
  letter-spacing: 0.1em;
  text-align: left;
  margin-bottom: 0.2em; }

.imdl--fbox-title.color-1 {
  color: #e93c9d; }

.imdl--fbox-title.color-2 {
  color: #72b9dd; }

.imdl--fbox-title.color-3 {
  color: #c6c018; }

.imdl--fbox-title.color-4 {
  color: #a4a4b5; }

.imdl--fbox-title.color-5 {
  color: #774f2d; }

.imdl--fbox-title.color-6 {
  color: #0d5599; }

.imdl--fbox-title.color-7 {
  color: #238d49; }

.imdl--fbox-title.color-8 {
  color: #272323; }

.imdl--fbox-title__jp {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: normal;
  letter-spacing: 0.16em;
  text-align: left; }

.imdl--fbox__r {
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  align-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  padding: 0 30px; }

.imdl--fbox__r img {
  display: block; }

.ipmodal-note {
  font-size: 10px;
  font-size: 1.0rem;
  line-height: 1.4;
  color: #999999;
  font-weight: normal;
  letter-spacing: 0.1em;
  text-align: left; }

.ipmodal_promise_close {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 50px;
  height: 50px;
  background-color: #7a6861;
  padding: 12px 0 12px;
  box-sizing: border-box;
  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  cursor: pointer; }

.ipmodal_promise_close img {
  width: 24px;
  height: auto; }

.ipmodal_promise_close:hover {
  background-color: #ab9b95; }

.overseas-customers {
  text-align: left;
  padding-top: 10px; }

.overseas-customers a {
  font-size: 10px;
  font-size: 1.0rem;
  line-height: 1.6;
  color: #333;
  letter-spacing: 0.1em;
  font-family: "Cochin W01 Roman", "Noto Serif JP" !important;
  background-image: url(../img/common/ic-globe.png);
  background-size: 24px auto;
  background-position: 0% 50%;
  background-repeat: no-repeat;
  display: block;
  padding: 5px 0 5px 30px; }

.ipmodal_overseas {
  background-color: #f2f2f2;
  padding: 30px;
  width: 1000px;
  margin: 0 auto;
  z-index: 9998;
  position: absolute;
  display: none;
  box-sizing: border-box; }

.ipmodal_overseas .ipmodal--inner {
  padding: 40px 0 20px; }

.ipmodal_overseas .ipmodal--title {
  margin-bottom: 32px; }

.ipmodal_overseas .ipmodal--title .txt-jp {
  display: block;
  margin: 0.8em auto 0;
  font-size: 16px;
  font-size: 1.6rem; }

.ipmodal_overseas .ipmodal--title .txt-jp:after {
  content: '';
  display: block;
  margin: 0.4em auto;
  width: 14em;
  height: 1px;
  background-color: #b4aba9; }

.ipmodal-overseas__row {
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center; }

.ipmodal-overseas-link {
  display: block;
  width: 200px;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.6;
  color: #000;
  margin: 0 0;
  text-align: center;
  position: relative;
  font-family: "Cochin W01 Roman", "Noto Serif JP" !important;
  letter-spacing: 0.05em; }

.ipmodal-overseas-link:after {
  content: '';
  display: block;
  height: 1.6em;
  width: 1px;
  background-color: #b4aba9;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.8em; }

.ipmodal-overseas-link:first-child:after {
  display: none; }

.ipmodal_overseas_close {
  margin-top: 20px;
  cursor: pointer; }

.memebr-noticebox {
  margin: 0 auto 80px;
  max-width: 1010px;
  padding: 40px;
  box-sizing: border-box;
  border: 1px solid #ccc; }

.memebr-noticebox .memebr-noticebox__title {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6;
  color: #000;
  margin-bottom: 1.6em; }

.memebr-noticebox .memebr-noticebox__content li {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #000;
  margin-bottom: 0.8em;
  margin-bottom: 0.8em;
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 1em; }

.addBanner201802 {
  padding-top: 15px; }

.addBanner201802 p {
  text-align: left; }

.abt-row__page-title .abtsec--link, .abt-row__page-title .abtsec--link__blank, .abt-row__page-title .abtsec--link__blank__pdf {
  margin: 2em auto 0; }

.abt-shop__page-title .abt-col--cont--inner {
  padding-bottom: 30px; }

.abt-shop__page-title .abt-col--cont__valignbottom {
  background: none;
  /*
  background-image: url(../img/about_v2/shop/bg.png);
  background-size: 570px auto;
  background-position: 70% 0%;
  background-repeat: no-repeat; */ }

.member-content {
  max-width: 1380px;
  margin: 0 auto 100px;
  padding: 90px;
  background-color: #fdf8f5;
  box-sizing: border-box; }

.member-content-inner, .member-content-inner__terms {
  background-color: #fff;
  padding: 10px; }

.member-content-inner--border {
  border: 1px solid #f2f2f2;
  padding: 60px 90px; }

.member-content-inner--border dl {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 2em; }

.member-content-inner--border dl dt {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #222;
  font-weight: normal;
  margin-bottom: 0.5em;
  letter-spacing: 0.16em; }

.member-content-inner--border dl dd {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #565656;
  font-weight: normal;
  letter-spacing: 0.10em; }

.member-content-inner--border .table-maintenance thead {
  border-top: 1px solid #f2f2f2; }

.member-content-inner--border .table-maintenance thead th {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #565656;
  font-weight: normal;
  vertical-align: middle;
  padding: 0.8em;
  text-align: center;
  width: 25%;
  letter-spacing: 0.12em; }

.member-content-inner--border .table-maintenance tbody th {
  background-color: #f0f0f0;
  vertical-align: middle;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #565656;
  font-weight: normal;
  text-align: center;
  letter-spacing: 0.12em;
  border-bottom: 1px solid #fff; }

.member-content-inner--border .table-maintenance tbody td {
  padding: 0.6em;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #565656;
  font-weight: normal;
  text-align: center;
  letter-spacing: 0.12em; }

.member-content-inner--border .table-maintenance tbody td .price {
  font-size: 16px;
  font-size: 1.6rem; }

.member-content-inner--border .note-text {
  margin-top: 1em;
  font-size: 10px;
  font-size: 1.0rem;
  line-height: 1.6;
  color: #999999;
  font-weight: normal;
  text-align: left;
  letter-spacing: 0.10em; }

.member-content-inner--border .style-price20 {
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 1.6;
  font-style: italic; }

.member-content-inner--border .style-italic {
  font-style: italic; }

.member-content--title {
  text-align: center;
  margin-top: 100px;
  margin-bottom: 1.5em;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.6;
  color: #343030;
  font-weight: normal;
  text-align: center;
  letter-spacing: 0.16em; }

.member-content-inner__terms .member-content-inner--border {
  padding: 40px 70px 60px; }

.member-terms-wrapper {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
  color: #343030;
  font-weight: normal;
  text-align: left;
  letter-spacing: 0.16em;
  margin-top: 30px;
  max-height: 530px;
  overflow-y: scroll;
  background-color: #fff;
  padding: 20px 20px;
  box-sizing: border-box; }

/*2018.12追加*/
.abt-col--cont_fig {
  width: 100%;
  text-align: center; }

.abt-col--cont_fig img {
  max-width: 90%; }

.abt-col--fig_add_box {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

.abt-col--fig_add_box p {
  width: 40%;
  text-align: center; }

.abt-col--fig_add_box p span {
  display: block;
  text-align: center;
  padding-top: 10px;
  font-size: 12px; }

.abt-col--fig_add_box p img {
  max-width: 100%; }

.abt-cont-msg {
  margin: 0 auto 80px;
  max-width: 1440px; }

.abt-cont-msg-box {
  margin: 0 auto 40px;
  width: 100%;
  max-width: 1280px;
  padding: 0 40px;
  box-sizing: border-box;
  text-align: center; }

.abt-cont-msg-box .ttl {
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  letter-spacing: .09em;
  color: #5d5452;
  font-family: "Noto Serif JP";
  margin-bottom: 1.6em;
  position: relative; }

.abt-cont-msg-box .ttl:before {
  content: "";
  display: block;
  width: 50%;
  height: 1px;
  background-color: #ddd;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1; }

.abt-cont-msg-box .ttl:after {
  content: "";
  display: block;
  width: 50%;
  height: 1px;
  background-color: #ddd;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1; }

.abt-cont-msg-box .ttl span {
  background-color: #fff;
  padding: 0 .8em;
  position: relative;
  z-index: 2; }

.abt-cont-msg-box .msg-sample {
  max-width: calc(100% - 40px);
  margin: 0 20px; }

.abt-cont-msg-sample {
  margin: 0 auto 0;
  width: 100%;
  max-width: 1280px;
  padding: 0 40px;
  box-sizing: border-box; }

.abt-cont-msg-sample .toggle-msg-sample-area {
  display: block;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  letter-spacing: .09em;
  color: #5d5452;
  font-family: "Noto Serif JP";
  border: 1px solid #cccccc;
  position: relative;
  padding: .6em 0;
  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  box-sizing: border-box; }

.abt-cont-msg-sample .toggle-msg-sample-area:hover {
  color: #fff;
  background-color: #cccccc; }

.abt-cont-msg-sample .toggle-msg-sample-area .ic {
  position: relative;
  display: inline-block;
  padding: 0 1.4em; }

.abt-cont-msg-sample .toggle-msg-sample-area .ic:before, .abt-cont-msg-sample .toggle-msg-sample-area .ic:after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1); }

.abt-cont-msg-sample .toggle-msg-sample-area .ic:before {
  right: 3px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #5d5452;
  border-right: 1px solid #5d5452;
  transform: rotate(135deg);
  top: 50%;
  margin-top: -5px; }

.abt-cont-msg-sample .toggle-msg-sample-area.on .ic:before {
  transform: rotate(-45deg);
  margin-top: -3px; }

.abt-cont-msg-sample__inner {
  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  max-height: 0;
  overflow: hidden;
  opacity: 0; }

.abt-cont-msg-sample__inner.show {
  max-height: 1400px;
  opacity: 1; }

.abt-cont-msg-sample__inner .cont-box {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  align-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  padding: 40px 0;
  border-bottom: 1px solid #cccccc; }

.abt-cont-msg-sample__inner .cont-box:last-child {
  border-bottom: none; }

.abt-cont-msg-sample__inner .cont-box .cont-box__info .ttl {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.6;
  letter-spacing: .09em;
  color: #343030;
  font-family: "Noto Serif JP";
  margin-bottom: .8em;
  font-weight: normal; }

.abt-cont-msg-sample__inner .cont-box .cont-box__info .abt-col--text__note {
  margin-top: .4em; }

.abt-cont-msg-sample__inner .cont-box .cont-box__img {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  align-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-items: center;
  -webkit-align-items: center;
  -ms-flex-align: center; }

.abt-cont-msg-sample__inner .cont-box .cont-box__img .lbl {
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  letter-spacing: .09em;
  color: #5d5452;
  font-family: "Noto Serif JP"; }

.abt-cont-msg-sample__inner .cont-box .cont-box__img .box-img {
  margin-left: 20px; }

.abt-col--contimg {
  text-align: left;
  margin-top: 24px; }

.ic-abt-cont-msg {
  display: inline-block;
  width: 1.6em;
  height: 1.2em;
  background-size: auto 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  vertical-align: middle; }

.ic-abt-cont-msg-ram {
  background-image: url(../img/about_v2/service/ic-ram.jpg); }

.ic-abt-cont-msg-and {
  background-image: url(../img/about_v2/service/ic-cursive-and.jpg); }

.ic-abt-cont-msg-scorpion {
  background-image: url(../img/about_v2/service/ic-scorpion.jpg); }

.ic-abt-cont-msg-ram-g {
  background-image: url(../img/about_v2/service/ic-ram-g.jpg); }

.ic-abt-cont-msg-scorpion-g {
  background-image: url(../img/about_v2/service/ic-scorpion-g.jpg); }

/*2019.5追加。サービスページのサービス一覧部分*/
.abt-pagenavi ul {
  max-width: 790px; }

.service-list-box {
  width: 1000px;
  margin: 0 auto;
  padding-top: 80px;
  border-top: 1px solid #e4e1df;
  font-family: "Noto Serif JP"; }

.service-list-headline-list {
  width: 76%;
  margin: 0 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.service-list-headline-list li {
  width: 46%;
  padding-bottom: 15px;
  border-bottom: 1px solid #e4e1df;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end; }

.service-list-headline {
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.1em; }

.service-list-headline-annotation {
  color: #7f7e7c;
  font-size: 10px;
  letter-spacing: 0.05em; }

.service-list-content-list {
  width: 76%;
  margin: 0 auto;
  padding-top: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.service-list-content-list li {
  width: 46%; }

.service-list-content-info {
  font-size: 14px;
  color: #333;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.1; }

.service-list-content-info dt + dt {
  padding-top: 20px; }

.service-list-content-info dd {
  padding-top: 5px;
  padding-bottom: 20px; }

.service-list-content-info dd p span:nth-of-type(1) {
  margin-left: 0.5em; }

.service-list-content-info dd p + p {
  padding-top: 2px; }

.service-list-content-info .is-fee {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.about-contents {
  background-color: #f4f1ee;
  background-image: url(../img/about_v2/index/bg-about-top.jpg);
  background-size: auto;
  background-position: 50% 0%;
  background-repeat: repeat-x;
  font-family: "Cochin W01 Roman", "Noto Serif JP";
  padding-bottom: 120px;
  margin-bottom: 40px; }

.about-head--wrap {
  height: 550px;
  width: 1100px;
  margin: 0 auto; }

.about-head--inner {
  width: 50%;
  margin-left: 50%;
  text-align: center;
  padding: 174px 0 0; }

.about-head--title {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 2;
  color: #343030;
  letter-spacing: 0.3em;
  font-weight: bold; }
  .about-head--title .ttl {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1;
    color: #a9a7a6;
    letter-spacing: 0.2em;
    display: block;
    font-weight: normal; }

.about-head-lead {
  margin-top: 2em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2.6;
  letter-spacing: 0.25em;
  color: #343030;
  font-weight: bold; }

.about-feature {
  padding: 0 0 90px; }

.abtftr--title {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1;
  color: #343030;
  letter-spacing: 0.1em;
  text-align: center;
  font-weight: normal;
  font-family: "Cochin W01 Roman", "Noto Serif JP";
  margin-bottom: 1.5em; }

.abtftr--lead {
  font-size: 2rem;
  line-height: 1.8;
  color: #343030;
  letter-spacing: 0.1em;
  text-align: center;
  font-weight: normal;
  font-family: "Cochin W01 Roman", "Noto Serif JP";
  margin-bottom: 1em; }

.abtftr--txt {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2.4;
  color: #343030;
  letter-spacing: 0.12em;
  text-align: center;
  font-family: "Cochin W01 Roman", "Noto Serif JP";
  margin-bottom: 40px; }

.abtftr--text-area {
  padding-top: 40px; }
  .abtftr--text-area .abtftr--txt {
    margin-bottom: 0; }

.abtftr--box {
  width: 1110px;
  margin: 0 auto;
  padding: 0;
  position: relative; }
  .abtftr--box .row-top, .abtftr--box .row-botm {
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify; }
    .abtftr--box .row-top .abtftr-anchor, .abtftr--box .row-botm .abtftr-anchor {
      height: 200px;
      display: -ms-flexbox;
      display: flex;
      align-content: center;
      -webkit-align-content: center;
      -ms-flex-line-pack: center;
      -ms-flex-align: center;
          align-items: center;
      -webkit-align-items: center; }
  .abtftr--box .row-top .abtftr-anchor {
    width: calc(50% - 5px); }
  .abtftr--box .row-botm {
    margin-top: 10px; }
    .abtftr--box .row-botm .abtftr-anchor {
      width: calc(33.3333% - 5px); }
    .abtftr--box .row-botm .text-area {
      width: 40%;
      left: 0; }

.abtftr-anchor {
  display: block;
  background-color: #fff;
  border: 1px solid #fff;
  overflow: hidden;
  position: relative;
  box-sizing: border-box; }
  .abtftr-anchor .z--mimg {
    transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    background-image: url(../img/about_v2/index/attr-01.jpg);
    background-size: 100% auto;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; }
  .abtftr-anchor .hover-more-link {
    position: absolute;
    bottom: calc(50% - 30px);
    left: 0;
    right: 0;
    text-align: center;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.6;
    letter-spacing: 0.05em;
    color: #47322a;
    transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    opacity: 0;
    z-index: 12;
    width: 100%; }
    .abtftr-anchor .hover-more-link:after {
      display: block;
      content: '';
      width: 7em;
      margin: .2em auto 0;
      height: 1px;
      background-color: #d3c3c0; }
  .abtftr-anchor:after {
    display: block;
    content: '';
    width: 100%;
    padding-top: 200px;
    position: relative;
    transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
    z-index: 5; }
  .abtftr-anchor:hover {
    text-decoration: none; }
    .abtftr-anchor:hover .hover-more-link {
      opacity: 1;
      bottom: calc(50% - 10px); }
    .abtftr-anchor:hover:after {
      background: rgba(255, 255, 255, 0.9); }
  .abtftr-anchor .text-area {
    position: absolute;
    left: 20px;
    top: 0;
    height: 100%;
    width: 35%;
    display: -ms-flexbox;
    display: flex;
    align-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    -ms-flex-align: center;
        align-items: center;
    -webkit-align-items: center;
    z-index: 4; }

.about-anchor--title {
  width: 100%;
  font-size: 20px;
  font-size: 2.0rem;
  line-height: 1;
  color: #343030;
  letter-spacing: 0.3em;
  text-align: center;
  font-family: "Cochin W01 Roman", "Noto Serif JP";
  font-weight: bold; }
  .about-anchor--title:before {
    content: "01";
    display: block;
    font-size: 36px;
    font-size: 3.6rem;
    line-height: 1;
    color: #928f8e;
    margin-bottom: .6em; }

.about-anchor--sbtitle {
  margin-top: 1em;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6;
  color: #a9a7a6;
  letter-spacing: 0.12em;
  position: relative;
  display: inline-block;
  display: block;
  font-family: "Cochin W01 Roman", "Noto Serif JP"; }

.afa__02 .z--mimg {
  background-image: url(../img/about_v2/index/attr-02.jpg); }

.afa__02 .about-anchor--title:before {
  content: "02"; }

.afa__03 .z--mimg {
  background-image: url(../img/about_v2/index/attr-03.jpg); }

.afa__03 .about-anchor--title:before {
  content: "03"; }

.afa__04 .z--mimg {
  background-image: url(../img/about_v2/index/attr-04.jpg); }

.afa__04 .about-anchor--title:before {
  content: "04"; }

.afa__05 .z--mimg {
  background-image: url(../img/about_v2/index/attr-05.jpg); }

.afa__05 .about-anchor--title:before {
  content: "05"; }

.about-movie {
  padding-top: 60px;
  text-align: center; }

.about-movie--title {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  font-weight: normal;
  color: #343030;
  letter-spacing: 0.18em;
  margin-bottom: 30px; }

.about-movie--container {
  text-align: center; }



/*
2019.8.27 追加
*/
/* Tab */
.stone-tab-area{
  max-width: 994px;
  margin: 70px auto 70px;
}
.stone-tab{
  display: -ms-flexbox;
  display: flex;  
  justify-content: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  margin-bottom: 40px;
}
.stone-tab .tab{
  width: 320px;
  padding: 1em 0;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  font-weight: normal;
  color: #343030;
  letter-spacing: 0.12em;  
  background-color: #efebe7;
  text-align: center;
  font-family: "Cochin W01 Roman", "Noto Serif JP";
  position: relative;
  transition: all 0.3s cubic-bezier(0.19, 1, 0.34, 1.02);
  cursor: pointer;
}
.stone-tab .tab:hover{
  opacity: .7;
  text-decoration: none;
}
.stone-tab .tab:after{
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  border: 20px solid transparent;
  border-left: 20px solid #fff;
  transform: rotate(90deg);
  position: absolute;  
  bottom: -40px;
  left: calc(50% - 20px);
  margin: auto;
  content: "";
  vertical-align: middle;
  transition: all 0.3s cubic-bezier(0.19, 1, 0.34, 1.02);  
}
.stone-tab .tab.c{
  color: #fff;
  background-color: #998e8d; 
}
.stone-tab .tab.c:after{
  border-left: 20px solid #998e8d;
}
.stone-tab-area .tab--inner{
  margin-bottom: 16px;
}

/* tab content */
.tab--content{
  display: none;
  transition: all 0.3s cubic-bezier(0.19, 1, 0.34, 1.02);
}
.tab--content.c{
  display: block;
}
.content-birth-stones .imdl--fbox__l p{
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;  
  letter-spacing: 0;
}
.content-birth-stones .imdl--fbox__l{
  padding: 20px 0 20px 40px;
}
.content-birth-stones .imdl--fbox__r{
  padding: 0 30px 0;
}
.content-birth-stones .imdl--fbox__r img{
  width: 52px;
  height: auto;
}
.content-birth-stones .imdl--fbox-stone-name{
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.6;
  font-weight: normal;
  letter-spacing: .016em;
  font-family: "Cochin W01 Roman", "Noto Serif JP";
  text-align: left;
}
.content-birth-stones .imdl--fbox__l .imdl--fbox-month{
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  font-weight: normal;
  letter-spacing: 0;
  font-family: "Cochin W01 Roman", "Noto Serif JP";
  text-align: left;
  padding: 0 0 .6em 0;
}
.imdl--fbox-stone-name.color-1{ color: #da664a; }
.imdl--fbox-stone-name.color-2{ color: #a75bd1; }
.imdl--fbox-stone-name.color-3{ color: #61a6c5; }
.imdl--fbox-stone-name.color-4{ color: #727779; }
.imdl--fbox-stone-name.color-5{ color: #1dbc55; }
.imdl--fbox-stone-name.color-6{ color: #9999af; }
.imdl--fbox-stone-name.color-7{ color: #e20350; }
.imdl--fbox-stone-name.color-8{ color: #88bb4e; }
.imdl--fbox-stone-name.color-9{ color: #3e55b7; }
.imdl--fbox-stone-name.color-10{ color: #ea6295; }
.imdl--fbox-stone-name.color-11{ color: #f39600; }
.imdl--fbox-stone-name.color-12{ color: #7f86e3; }
.imdl--fbox-month.color-1{ color: #da664a; }
.imdl--fbox-month.color-2{ color: #a75bd1; }
.imdl--fbox-month.color-3{ color: #61a6c5; }
.imdl--fbox-month.color-4{ color: #727779; }
.imdl--fbox-month.color-5{ color: #1dbc55; }
.imdl--fbox-month.color-6{ color: #9999af; }
.imdl--fbox-month.color-7{ color: #e20350; }
.imdl--fbox-month.color-8{ color: #88bb4e; }
.imdl--fbox-month.color-9{ color: #3e55b7; }
.imdl--fbox-month.color-10{ color: #ea6295; }
.imdl--fbox-month.color-11{ color: #f39600; }
.imdl--fbox-month.color-12{ color: #7f86e3; }

.ipmodal-note-wrap{

}

.ipmodal-note-wrap .notetxt{
  font-size: 10px;
  font-size: 1.0rem;
  line-height: 1.4;
  color: #999999;
  font-family: "Cochin W01 Roman", "Noto Serif JP";
  text-indent: -1em;
  margin-left: 1em;
  letter-spacing: 0.1em;
}


.about-igtv-section{
  text-align: center;
}
.about-igtv-section .about-igtv-txt{
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif, Verdana, "游ゴシック", YuGothic;
  font-size:14px;
  line-height: 30px;
}
.about-igtv-section .menu-content-sns-link{
  font-size:13px;
  background-color: #f4f1ee;
  border-color: #c7c6c6;
  width:480px;
}
.about-igtv-section .menu-content-sns-link:hover{
  background-color: #101820;
  color:#FFF;
}