@charset "UTF-8";
@font-face {
    font-family: SourceHanSans;
    src: url("/css/SourceHanSansCN-Light.otf");
}

/******* setting.scss *******/
/******* mixin.scss *******/
.aboutLink01, .aboutLink02, .aboutLink03, .aboutLink04, .aboutSubNav li, .aboutLinkArea, .qualityInfoArea, .qualityInfoArea2, .qualityInfoArea3, .qualityInfoArea4, .qualityNoteArea, .designPictArea01, .designPictArea02, .aboutAfterserviceTitleArea, .supportPictArea01, .supportPictArea02, .supportPictArea03, .servicePictArea01, .servicePictArea02, .aboutMaternityTitleArea, .maternityPictArea01, .maternityPictArea02, .maternityPictArea03, .maternityPictArea04, .maternityPictArea05, .aboutDiamondTitleArea, .diamondTab {
  *zoom: 1;
}
.aboutLink01:after, .aboutLink02:after, .aboutLink03:after, .aboutLink04:after, .aboutSubNav li:after, .aboutLinkArea:after, .qualityInfoArea:after, .qualityInfoArea2:after, .qualityInfoArea3:after, .qualityInfoArea4:after, .qualityNoteArea:after, .designPictArea01:after, .designPictArea02:after, .aboutAfterserviceTitleArea:after, .supportPictArea01:after, .supportPictArea02:after, .supportPictArea03:after, .servicePictArea01:after, .servicePictArea02:after, .aboutMaternityTitleArea:after, .maternityPictArea01:after, .maternityPictArea02:after, .maternityPictArea03:after, .maternityPictArea04:after, .maternityPictArea05:after, .aboutDiamondTitleArea:after, .diamondTab:after {
  content: " ";
  clear: both;
  display: block;
}

.aboutBanner01 a:after, .aboutBanner02 a:after, .designTitle, .qualityInfo dt, .qualityInfo2 dt, .qualityInfo3 dt, .qualityInfo4 dt, .qualityLink p, .qualityLinkBtn, .designLead dt, .designLead2 dt, .designPictInfo01 dt, .designPictInfo02 dt, .supportLead dt, .supportLink01 dt, .supportLink02 dt, .supportLink03 dt, .servicePictInfo01 dt, .servicePictInfo02 dt, .maternityPictInfo01 dt, .maternityPictInfo02 dt, .maternityPictInfo03 dt, .maternityPictInfo04 dt, .maternityPictInfo05 dt, .afterserviceNoteArea strong, .maternityTitle h2, .maternityLead, .tabcont .lead, .tabspan {
    font-family: SourceHanSans;
    font-weight: 300 !important;
    letter-spacing: 0.22em !important;
}

.supportMoreLink a, .aboutBanner02 strong, .aboutBanner01 strong, .aboutSubBanner li a, .afterserviceInfoDetail dt, .aboutAfterserviceTitle h2, .diamondTitle, .serviceTitle, .supportTitle, .qualityTitle, .designTitle2, .aboutMoreLink a, .aboutLink01 dt, .aboutLink02 dt, .aboutLink03 dt, .aboutLink04 dt, .aboutTitle, .aboutTitle2, .aboutSubNav li {
    font-family: SourceHanSans;
    font-weight: 300 !important;
}
.tabEng{
	font-weight:bold !important;
}
.aboutAfterserviceTitle p, .maternityTitle p {
    font-family: SourceHanSans;
    font-weight: 300 !important;
}

.qualityNote dt {
    font-family: SourceHanSans;
    font-weight: 300 !important;
    letter-spacing: 0.1em !important;
}

.aboutSubBanner li a span {
    font-family: SourceHanSans;
}

.win .aboutSubBanner li a span {
    font-family: SourceHanSans;
}

.aboutMoreLink, .supportMoreLink {
  text-align: center;
  width: 130px;
}
.aboutMoreLink a, .supportMoreLink a {
  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);
}
.aboutMoreLink a:before, .supportMoreLink a: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;
}
.aboutMoreLink a.hover, .supportMoreLink a.hover, .aboutMoreLink a:hover, .supportMoreLink a:hover {
  background: #f8b2ba;
  border-color: #f8b2ba;
  color: #fff;
}
.aboutMoreLink a.hover:before, .supportMoreLink a.hover:before, .aboutMoreLink a:hover:before, .supportMoreLink a:hover:before {
  background-image: url(../img/common/linkArrow2.svg);
}

.aboutLink01, .aboutLink02, .aboutLink03, .aboutLink04 {
  margin: 0 auto 60px;
  max-width: 1400px;
  text-align: center;
}
.aboutLink01 dt, .aboutLink02 dt, .aboutLink03 dt, .aboutLink04 dt {
  color: #000;
  font-size: 22px;
  font-size: 2.2rem;
  margin-bottom: 20px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
}
.aboutLink01 dd, .aboutLink02 dd, .aboutLink03 dd, .aboutLink04 dd {
  color: #666;
  margin-bottom: 10px;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0.24em;
}

.wrapper {
  padding-top: 130px;
}

.aboutSubNav {
  max-width: 1200px;
  margin: 0 auto 25px;
  text-align: center;
}
.aboutSubNav li {
  font-size: 12px;
  font-size: 1.2rem;
  display: inline-block;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.aboutSubNav li:before {
  content: "|";
  color: #f0f0f0;
  display: inline-block;
  margin: 0 15px;
}
.aboutSubNav li:first-child:before {
  display: none;
}
.aboutSubNav li a {
  color: #333;
  display: inline-block;
  padding-bottom: 3px;
  text-decoration: none;
  position: relative;
  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.aboutSubNav li a:after {
  content: "";
  height: 2px;
  background: #FEEAE9;
  position: absolute;
  bottom: 0;
  left: 50%;
  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0;
}
.aboutSubNav li a:hover {
  opacity: 0.6;
}
.aboutSubNav li a:hover:after {
  width: 100%;
}
.aboutSubNav li a.c {
  color: #f8b2ba;
}

.aboutBanner {
  margin: 0 auto 100px;
  text-align: center;
}
.aboutBanner li {
  display: inline-block;
  margin: 0 8px;
  vertical-align: top;
  width: 451px;
}

.aboutBanner01 {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(../img/about/banner01.jpg);
}
.aboutBanner01 a {
  box-sizing: border-box;
  color: #fff;
  display: block;
  position: relative;
  text-align: center;
  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.aboutBanner01 a:before {
  position: absolute;
  top: 9px;
  left: 9px;
  border: 1px solid #CED5DB;
  content: "";
  display: block;
}
.aboutBanner01 a:after {
  content: "VIEWMORE";
  border-bottom: 1px solid #F8CCCD;
  color: #333;
  display: inline-block;
  margin-top: 12%;
  opacity: 0;
  font-size: 1px;
  font-size: 1rem;
  letter-spacing: 0.4em;
  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.aboutBanner01 a:hover {
  background-color: rgba(251, 248, 247, 0.65);
  color: #333;
  text-decoration: none;
}
.aboutBanner01 a:hover:before {
  border-color: #F7C5C8;
}
.aboutBanner01 a:hover:after {
  opacity: 1;
  margin-top: 8%;
  margin-bottom: 4%;
}
.aboutBanner01 strong {
  display: block;
  font-size: 1.7px;
  font-size: 1.7rem;
  line-height: 120%;
  letter-spacing: 8px;
  font-weight: normal;
  margin: 0 auto 8px;
  text-transform: uppercase;
}
.aboutBanner01 span {
  font-size: 1.3px;
  font-size: 1.3rem;
  display: block;
  letter-spacing: 0.32em;
}
.aboutBanner01 a {
  padding: 19% 0 34.2%;
}
.aboutBanner01 a:before {
  height: 0;
  padding-top: 73.7%;
  width: 95.5%;
}

.aboutBanner02 {
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(../img/about/banner02.jpg);
}
.aboutBanner02 a {
  box-sizing: border-box;
  color: #fff;
  display: block;
  position: relative;
  text-align: center;
  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.aboutBanner02 a:before {
  position: absolute;
  top: 9px;
  left: 9px;
  border: 1px solid #CED5DB;
  content: "";
  display: block;
}
.aboutBanner02 a:after {
  content: "VIEWMORE";
  border-bottom: 1px solid #F8CCCD;
  color: #333;
  display: inline-block;
  margin-top: 12%;
  opacity: 0;
  font-size: 1px;
  font-size: 1rem;
  letter-spacing: 0.4em;
  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.aboutBanner02 a:hover {
  background-color: rgba(251, 248, 247, 0.65);
  color: #333;
  text-decoration: none;
}
.aboutBanner02 a:hover:before {
  border-color: #F7C5C8;
}
.aboutBanner02 a:hover:after {
  opacity: 1;
  margin-top: 8%;
  margin-bottom: 4%;
}
.aboutBanner02 strong {
  display: block;
  font-size: 1.7px;
  font-size: 1.7rem;
  line-height: 120%;
  letter-spacing: 8px;
  font-weight: normal;
  margin: 0 auto 8px;
  text-transform: uppercase;
}
.aboutBanner02 span {
  font-size: 1.3px;
  font-size: 1.3rem;
  display: block;
  letter-spacing: 0.32em;
}
.aboutBanner02 a {
  padding: 19% 0 34.2%;
}
.aboutBanner02 a:before {
  height: 0;
  padding-top: 73.7%;
  width: 95.5%;
}

.aboutSubBannerArea {
  background: #FAFAFA;
  border-top: 1px solid #F2F2F2;
  border-bottom: 1px solid #F2F2F2;
  margin: 0 -50px 80px;
  padding: 30px 0;
}

.aboutSubBanner {
  max-width: 1400px;
  margin: 0 auto;
  text-align: center;
}
.aboutSubBanner li {
  border-left: 1px solid #E9E9E9;
  display: inline-block;
  margin-left: 5%;
  padding: 8px 0 8px 2%;
}
.aboutSubBanner li:first-child {
  border-left: none;
  margin: 0;
  padding: 8px 0;
}
.aboutSubBanner li a {
  box-sizing: border-box;
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  min-height: 50px;
  letter-spacing: 0.09em;
  line-height: 115%;
  padding: 7px 0 0 100px;
  position: relative;
  text-transform: uppercase;
  text-align: left;
}
.aboutSubBanner li 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;
}
.aboutSubBanner li a img {
  position: absolute;
  top: 0px;
  left: 0px;
}
.aboutSubBanner li a span {
  font-size: 11px;
  font-size: 1.1rem;
  letter-spacing: 0.2em;
  display: block;
}
.aboutSubBanner li a.c {
  color: #f8b2ba;
}

/************* aboutTop *************/
.aboutTopTitleArea {
  background: url(../img/about/top/mainImage.jpg) no-repeat 50% 0;
  background-size: 100%;
  max-width: 1400px;
  margin: 0 auto 60px;
  position: relative;
  text-align: center;
}

.aboutTitle {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
  letter-spacing: 0.32em;
  margin: 0 auto;
  padding-top: 7%;
}

.aboutTitle2 {
  font-size: 30px;
  font-size: 3rem;
  font-weight: normal;
  letter-spacing: 0.24em;
  line-height: 100%;
  margin: 0 auto;
  padding: 2.5% 0 6.9%;
  text-transform: uppercase;
}
.aboutTitle2 span {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.32em;
}
.aboutTitle2.simple {
  padding: 9.7% 0 8.5%;
	text-shadow: 1px 1px 0 #f1dde0;
}
.aboutTitle2.simple span {
	padding-top:7px;
	margin-bottom:-7px;
	text-shadow: 1px 1px 0 #f1dde0;
}

.aboutLead {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 160%;
  letter-spacing: 0.28em;
  margin: 0 auto 90px;
  text-align: center;
}

.aboutLinkArea {
  max-width: 1400px;
  margin: 0 auto;
}

.aboutLinkWrap {
  background: url(../img/about/top/bg.png) no-repeat 0 0 #fdf7f5;
  margin: 100px -50px;
  padding: 100px 0 40px;
}

.aboutLink01 .aboutLinkPict {
  float: left;
}
.aboutLink01 .aboutLinkInfo {
  float: left;
  padding-top: 120px;
  margin-left: 130px;
}

.aboutLink02 .aboutLinkPict {
  float: right;
}
.aboutLink02 .aboutLinkInfo {
  float: right;
  padding-top: 100px;
  margin-right: 130px;
}

.aboutLink03 .aboutLinkPict {
  float: left;
}
.aboutLink03 .aboutLinkInfo {
  float: left;
  padding-top: 140px;
  margin-left: 130px;
}

.aboutLink04 .aboutLinkPict {
  float: right;
}
.aboutLink04 .aboutLinkInfo {
  float: right;
  padding-top: 140px;
  margin-right: 130px;
}

.aboutLinkPict {
  width: 48.6%;
}
.aboutLinkPict img {
  width: 100%;
}
.aboutLinkPict:hover {
  transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
  -ms-filter: "alpha(opacity=70)";
  filter: alpha(opacity=70);
  text-decoration: none;
}

.aboutLinkInfo {
  box-sizing: border-box;
  width: 370px;
}

.aboutMoreLink {
  margin: 40px auto 0 !important;
}
.aboutMoreLink a {
  padding: 7px 0 8px;
  letter-spacing: 0.1em;
}

/************* aboutQuality *************/
.aboutQualityTitleArea, .aboutDesignTitleArea, .aboutSupportTitleArea, .aboutServiceTitleArea {
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 100%;
  max-width: 1400px;
  margin: 0 auto 65px;
  position: relative;
  text-align: center;
}

.qualityTitle, .designTitle, .supportTitle, .serviceTitle {
  color: #fff;
  font-size: 30px;
  font-size: 3rem;
  font-weight: normal;
  letter-spacing: 0.24em;
  line-height: 120%;
  padding: 9.5% 0 7.9%;
  margin: 0 auto;
  text-transform: uppercase;
}
.qualityTitle span, .designTitle span, .supportTitle span, .serviceTitle span {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.2em;
}

.aboutQualityTitleArea {
  background-image: url(../img/about/quality/mainImage.jpg);
}

.qualityInfoArea, .qualityInfoArea2, .qualityInfoArea3, .qualityInfoArea4 {
  box-sizing: border-box;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
.qualityInfoArea img, .qualityInfoArea2 img, .qualityInfoArea3 img, .qualityInfoArea4 img {
  width: 100%;
}

.qualityLead {
  color: #000;
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0 auto 90px;
  text-align: center;
}

.qualityInfo, .qualityInfo2, .qualityInfo3, .qualityInfo4 {
  max-width: 545px;
  width: 39%;
}
.qualityInfo dt, .qualityInfo2 dt, .qualityInfo3 dt, .qualityInfo4 dt {
  color: #000;
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: bold;
  margin-bottom: 12px;
}
.qualityInfo dd, .qualityInfo2 dd, .qualityInfo3 dd, .qualityInfo4 dd {
  color: #666;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 170%;
  letter-spacing: 0.1em;
}

.qualityInfoArea {
  margin-bottom: 80px;
}

.qualityInfoPictArea {
  float: right;
  /* margin-right: 7%; */
  max-width: 680px;
  width: 49%;
}

.qualityInfo {
  float: left;
  padding-top: 13%;
}

.qualityInfoArea2 {
  margin-bottom: 130px;
}

.qualityInfoPictArea2 {
  float: left;
  /* margin-left: 7%; */
  max-width: 680px;
  width: 49%;
}

.qualityInfo2 {
  float: right;
  padding-top: 12%;
}

.qualityInfoPictArea3 {
  float: left;
  margin-left: 7%;
  max-width: 680px;
  width: 49%;
}

.qualityInfo3 {
  float: right;
  padding-top: 11%;
}

.qualityInfoArea4 {
  margin-top: -100px;
  margin-bottom: 100px;
}

.qualityInfoPictArea4 {
  position: absolute;
  top: 31%;
/*  top: 20%;*/
  left: 7%;
  max-width: 680px;
  width: 49%;
}

.qualityInfoBg4 {
  position: absolute;
  top: -100px;
  right: -2%;
	width:595px;
/*
  max-width: 1107px;
  top: 0;
  right: -15%;
  width: 72%;
*/
  z-index: -1;
}

.qualityInfo4 {
  float: right;
  padding-top: 32%;
/*  padding-top: 24%;*/
  padding-bottom: 6%;
}


@media screen and (max-width:1500px){
	.qualityInfoBg4{
		width:43%;
	}
}


.qualityNoteArea {
  background: #FAFAFA;
  max-width: 1400px;
  margin: 0 auto 115px;
  padding: 80px 0 60px;
  position: relative;
  text-align: center;
}

.qualityNote {
  background: url(../img/about/quality/image05.png) no-repeat 0 0;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  width: 660px;
}
.qualityNote dt {
  color: #000;
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: bold;
  margin-bottom: 25px;
  padding: 40px 0 0 270px;
}
.qualityNote dt span {
  color: #bababa;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0.21em;
  display: block;
  font-weight: normal;
}
.qualityNote dd {
  color: #666;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 160%;
  padding-left: 70px;
  letter-spacing: 0.2em;
}

.qualityNotePict {
  display: inline-block;
  margin-left: 30px;
  vertical-align: top;
}

.qualityNotePictInfo {
  padding-top: 10px;
}
.qualityNotePictInfo li {
  color: #999;
  display: inline-block;
  font-size: 10px;
  font-size: 1rem;
  margin: 0 10px;
  vertical-align: top;
  width: 120px;
}

.qualityLink {
  border: 3px solid #F9B2BA;
  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 #f8b2ba;
  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;
}

/************* aboutDesign *************/
.aboutDesignTitleArea {
  background-image: url(../img/about/design/mainImage.jpg);
}

.designLead {
  margin: 0 auto 65px;
  width: 550px;
}
.designLead dt {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 0.2em;
  margin: 0 auto 20px;
  text-align: center;
}
.designLead dd {
  font-size: 12px;
  font-size: 1.2rem;
  color: #666;
  line-height: 170%;
  letter-spacing: 0.18em;
}

.aboutDesignTitleArea2 {
  background: url(../img/about/design/mainImage2.jpg) no-repeat 83% 0;
  background-size: auto 100%;
  box-sizing: border-box;
  margin: 0 auto 15px;
  max-width: 1400px;
  padding: 10% 42.8% 11% 4.4%;
}

.aboutDesignTitleArea2cont {
  max-width: 540px;
}

.designTitle2 {
  font-size: 24px;
  font-size: 2.4rem;
  color: #333;
  font-weight: normal;
  margin: 0 auto 15px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  text-align: center;
}

.designLead2 dt {
  font-size: 21px;
  font-size: 2.1rem;
  color: #000001;
  letter-spacing: 0.2em;
  margin: 0 auto 40px;
  text-align: center;
}
.designLead2 dd {
  font-size: 12px;
  font-size: 1.2rem;
  color: #666;
  line-height: 170%;
  letter-spacing: 0.18em;
}

.designPictInfo01 dt, .designPictInfo02 dt, .supportLead dt, .supportLink01 dt, .supportLink02 dt, .supportLink03 dt, .servicePictInfo01 dt, .servicePictInfo02 dt, .maternityPictInfo01 dt, .maternityPictInfo02 dt, .maternityPictInfo03 dt, .maternityPictInfo04 dt, .maternityPictInfo05 dt {
  font-size: 21px;
  font-size: 2.1rem;
  color: #000;
  font-weight: bold;
  margin-bottom: 8px;
  letter-spacing: 0.1em;
}
.designPictInfo01 dd, .designPictInfo02 dd, .supportLead dd, .supportLink01 dd, .supportLink02 dd, .supportLink03 dd, .servicePictInfo01 dd, .servicePictInfo02 dd, .maternityPictInfo01 dd, .maternityPictInfo02 dd, .maternityPictInfo03 dd, .maternityPictInfo04 dd, .maternityPictInfo05 dd {
  font-size: 12px;
  font-size: 1.2rem;
  color: #666;
  line-height: 170%;
  letter-spacing: 0.15em;
}

.designPictArea01 {
  margin: 0 auto 75px;
  max-width: 1400px;
}

.designPictInfo01 {
  background: url(../img/about/design/bg01.jpg) no-repeat 50% 0;
  float: left;
  padding-top: 375px;
  width: 38.6%;
}

.designPict01 {
  float: left;
  padding-top: 100px;
  margin-left: 80px;
  width: 48.5%;
}
.designPict01 img {
  width: 100%;
}

.designPictArea02 {
  margin: 0 auto 95px;
  max-width: 1400px;
}

.designPictInfo02 {
  background: url(../img/about/design/bg02.jpg) no-repeat 50% 0;
  float: right;
  padding-top: 385px;
  width: 38.6%;
}

.designPict02 {
  float: right;
  padding-top: 50px;
  margin-right: 80px;
  width: 48.5%;
}
.designPict02 img {
  width: 100%;
}

/************* aboutAfterservice *************/
.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;
}

.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: SourceHanSans;
    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 {
  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;
}

/************* aboutSupport *************/
.aboutSupportTitleArea {
  background-image: url(../img/about/support/mainImage.jpg);
  margin-bottom: 80px;
}

.supportTitle {
  color: #333;
}

.supportLead2 {
  font-size: 16px;
  font-size: 1.6rem;
  color: #000;
  margin: 0 auto 40px;
  letter-spacing: 0.1em;
  text-align: center;
}

.supportLeadArea {
  max-width: 1400px;
  margin: 0 auto 80px;
  position: relative;
}

.supportLeadPict01 {
  margin-bottom: 50px;
  max-width: 540px;
  width: 39%;
}
.supportLeadPict01 img {
  width: 100%;
}

.supportLeadPict02 {
  position: absolute;
  bottom: 0;
  right: 90px;
  max-width: 680px;
  width: 49%;
}
.supportLeadPict02 img {
  width: 100%;
}

.supportLead {
  max-width: 540px;
  width: 39%;
}

.supportPictArea01 {
  max-width: 1400px;
  margin: 0 auto 80px;
}

.supportPict01 {
  float: left;
  margin-left: 7%;
  max-width: 680px;
  width: 49%;
}
.supportPict01 a {
  display: block;
}
.supportPict01 img {
  width: 100%;
}

.supportLink01 {
  float: right;
  max-width: 530px;
  padding-top: 12%;
  width: 38%;
}

.supportPictArea02 {
  max-width: 1400px;
  margin: 0 auto 70px;
}

.supportPict02 {
  float: right;
  margin-right: 7%;
  max-width: 680px;
  width: 49%;
}
.supportPict02 a {
  display: block;
}
.supportPict02 img {
  width: 100%;
}

.supportLink02 {
  float: left;
  max-width: 530px;
  padding-top: 10%;
  width: 38%;
}
.supportLink02 .supportMoreLink {
  float: right;
}

.supportPictArea03 {
  max-width: 1400px;
  margin: 0 auto 90px;
}

.supportPict03 {
  float: left;
  margin-left: 7%;
  max-width: 680px;
  width: 49%;
}
.supportPict03 a {
  display: block;
}
.supportPict03 img {
  width: 100%;
}

.supportLink03 {
  float: right;
  max-width: 530px;
  padding-top: 11%;
  width: 38%;
}

.supportMoreLink {
  margin-top: 45px;
  width: 145px;
}
.supportMoreLink a {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 7px 0;
  letter-spacing: 0.1em;
}
.supportMoreLink a:before {
  vertical-align: -0.02em;
}

.supportMoreLink2 {
  margin-top: 45px;
  width: 145px;
}
.supportMoreLink2 a {
  border: 1px solid #ccc;
  box-sizing: border-box;
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 7px 0 7px 18px;
  letter-spacing: 0.1em;
  position: relative;
  text-decoration: none;
  text-align: center;
  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.supportMoreLink2 a:before {
  position: absolute;
  top: 14px;
  left: 8px;
  background-color: #fff;
  box-sizing: border-box;
  border: 1px solid #ADADAD;
  content: "";
  height: 7px;
  display: block;
  width: 10px;
  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.supportMoreLink2 a:after {
  position: absolute;
  top: 12px;
  left: 10px;
  background-color: #fff;
  box-sizing: border-box;
  border: 1px solid #ADADAD;
  content: "";
  height: 7px;
  display: block;
  width: 10px;
  transition: all 0.7s cubic-bezier(0.19, 1, 0.22, 1);
}
.supportMoreLink2 a:hover {
  background-color: #f8b2ba;
  border-color: #f8b2ba;
  color: #fff;
}
.supportMoreLink2 a:hover:before, .supportMoreLink2 a:hover:after {
  background-color: #f8b2ba;
  border-color: #fff;
}

/************* aboutSupport *************/
.aboutServiceTitleArea {
  background-image: url(../img/about/service/mainImage.jpg);
  margin-bottom: 50px;
}

.serviceLead {
  margin: 0 auto 50px;
  text-align: center;
}
.serviceLead dt {
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: 0.2em;
  margin: 0 auto 20px;
}
.serviceLead dd {
  font-size: 12px;
  font-size: 1.2rem;
  color: #666;
  line-height: 170%;
  letter-spacing: 0.18em;
}

.servicePictArea01 {
  margin: 0 auto 80px;
  max-width: 1400px;
}

.servicePictInfo01 {
  float: left;
  padding-top: 13%;
  max-width: 570px;
  width: 41%;
}

.servicePict01 {
  float: right;
  margin-right: 7.3%;
  max-width: 680px;
  width: 48.5%;
}
.servicePict01 img {
  width: 100%;
}

.servicePictArea02 {
  margin: 0 auto 100px;
  max-width: 1400px;
}

.servicePictInfo02 {
  float: right;
  padding-top: 6.5%;
  max-width: 550px;
  width: 41%;
}
.servicePictInfo02 dt {
  line-height: 140%;
}
.servicePictInfo02 dt span {
  color: #bababa;
  font-size: 12px;
  font-size: 1.2rem;
  display: block;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0.25em;
}
.servicePictInfo02 dd {
  margin-bottom: 20px;
}
.servicePictInfo02 dd.serviceNote {
  color: #a0a0a0;
  font-size: 11px;
  font-size: 1.1rem;
}

.servicePict02 {
  float: left;
  margin-left: 6.8%;
  max-width: 680px;
  width: 48.5%;
}
.servicePict02 img {
  width: 100%;
}

/************* aboutMaternity *************/
.aboutMaternityTitleArea {
  margin: 35px auto 130px;
  max-width: 1400px;
  position: relative;
}

.maternityTitlePict {
  position: absolute;
  top: 0;
  right: 6%;
  max-width: 540px;
  width: 39%;
}
.maternityTitlePict img {
  width: 100%;
}

.maternityTitle {
  padding-top: 12%;
  max-width: 680px;
  text-align: center;
  width: 48.5%;
}
.maternityTitle h2 {
  font-size: 20px;
  font-size: 2rem;
  color: #333;
  font-weight: normal;
  margin: 0 auto 10px;
  line-height: 170%;
  letter-spacing: 0.25em;
  text-transform: uppercase;
}
.maternityTitle p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 170%;
  letter-spacing: 0.22em;
}

.maternityPictArea01 {
  margin: 0 auto 140px;
  max-width: 1400px;
}

.maternityPictInfo01 {
  float: right;
  margin-right: 6%;
  padding-top: 22%;
  max-width: 540px;
  width: 39%;
}

.maternityPict01 {
  float: left;
  max-width: 680px;
  width: 48.5%;
}
.maternityPict01 img {
  width: 100%;
}

.maternityPictArea02 {
  margin: 0 auto 100px;
  max-width: 1400px;
}

.maternityPictInfo02 {
  float: left;
  padding-top: 15%;
  max-width: 540px;
  width: 39%;
}

.maternityPict02 {
  float: right;
  margin-right: 8%;
  max-width: 680px;
  width: 48.5%;
}
.maternityPict02 img {
  width: 100%;
}

.maternityPictArea03 {
  margin: 0 auto 80px;
  max-width: 1400px;
}

.maternityPictInfo03 {
  float: right;
  padding-top: 12%;
  max-width: 540px;
  width: 39%;
}

.maternityPict03 {
  float: left;
  margin-left: 7%;
  max-width: 680px;
  width: 48.5%;
}
.maternityPict03 img {
  width: 100%;
}

.maternityLead {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0 auto 85px;
  line-height: 170%;
  letter-spacing: 0.2em;
  text-align: center;
}

.maternityPictArea04 {
  margin: 0 auto 105px;
  max-width: 1400px;
}

.maternityPictInfo04 {
  float: left;
  margin-left: 6%;
  max-width: 540px;
  width: 39%;
}

.infoPict {
  margin-bottom: 50px;
  width: 100%;
}
.infoPict img {
  width: 100%;
}

.maternityPict04 {
  float: right;
  padding-top: 60px;
  max-width: 680px;
  width: 48.5%;
}
.maternityPict04 img {
  width: 100%;
}

.maternityPictArea05 {
  margin: 0 auto 100px;
  max-width: 1400px;
}

.maternityPictInfo05 {
  float: right;
  margin-right: 7%;
  padding-top: 12.5%;
  max-width: 540px;
  width: 39%;
}

.maternityPict05 {
  float: left;
  max-width: 680px;
  width: 48.5%;
}
.maternityPict05 img {
  width: 100%;
}

/************* diamond *************/
/** diamond Past **/
/* line 33, ../sass/_aboutiprimo.scss */
.diamond .tab-area {
  margin: 30px 0 0;
}

/* line 37, ../sass/_aboutiprimo.scss */
.diamond .tab-area .tab li {
  margin: 0 8px 0 0;
}

/* line 40, ../sass/_aboutiprimo.scss */
.diamond .tab-area .tab li a {
  display: block;
}

/* line 43, ../sass/_aboutiprimo.scss */
.diamond .tab-area .tab li .tabspan {
  background-repeat: no-repeat;
  background-size: 294px 80px;
  background-position: center;
  display: block;
  width: 294px;
  height: 80px;
}

/* line 52, ../sass/_aboutiprimo.scss */
.diamond .tab-area .tab li .tab_01 {
  background-image: url(../img/about/diamond/common/nav01.jpg);
}

/* line 55, ../sass/_aboutiprimo.scss */
.diamond .tab-area .tab li .tab_01.on {
  background-image: url(../img/about/diamond/common/nav01-c.jpg);
}

/* line 58, ../sass/_aboutiprimo.scss */
.diamond .tab-area .tab li .tab_02 {
  background-image: url(../img/about/diamond/common/nav02.jpg);
}

/* line 61, ../sass/_aboutiprimo.scss */
.diamond .tab-area .tab li .tab_02.on {
  background-image: url(../img/about/diamond/common/nav02-c.jpg);
}

/* line 64, ../sass/_aboutiprimo.scss */
.diamond .tab-area .tab li .tab_03 {
  background-image: url(../img/about/diamond/common/nav03.jpg);
}

/* line 67, ../sass/_aboutiprimo.scss */
.diamond .tab-area .tab li .tab_03.on {
  background-image: url(../img/about/diamond/common/nav03-c.jpg);
}

/* line 70, ../sass/_aboutiprimo.scss */
.diamond .tab-area .tab li .tab_04 {
  background-image: url(../img/about/diamond/common/nav04.jpg);
}

/* line 73, ../sass/_aboutiprimo.scss */
.diamond .tab-area .tab li .tab_04.on {
  background-image: url(../img/about/diamond/common/nav04-c.jpg);
}

/* line 77, ../sass/_aboutiprimo.scss */
.diamond .tab-area .tab .last-child {
  margin: 0;
}

/* line 86, ../sass/_aboutiprimo.scss */
.diamond .tab-area .tab.btm li .tab_01 {
  background-image: url(../img/about/diamond/common/nav01-b.jpg);
}

/* line 89, ../sass/_aboutiprimo.scss */
.diamond .tab-area .tab.btm li .tab_01.on {
  background-image: url(../img/about/diamond/common/nav01-b-c.jpg);
}

/* line 92, ../sass/_aboutiprimo.scss */
.diamond .tab-area .tab.btm li .tab_02 {
  background-image: url(../img/about/diamond/common/nav02-b.jpg);
}

/* line 95, ../sass/_aboutiprimo.scss */
.diamond .tab-area .tab.btm li .tab_02.on {
  background-image: url(../img/about/diamond/common/nav02-b-c.jpg);
}

/* line 98, ../sass/_aboutiprimo.scss */
.diamond .tab-area .tab.btm li .tab_03 {
  background-image: url(../img/about/diamond/common/nav03-b.jpg);
}

/* line 101, ../sass/_aboutiprimo.scss */
.diamond .tab-area .tab.btm li .tab_03.on {
  background-image: url(../img/about/diamond/common/nav03-b-c.jpg);
}

/* line 104, ../sass/_aboutiprimo.scss */
.diamond .tab-area .tab.btm li .tab_04 {
  background-image: url(../img/about/diamond/common/nav04-b.jpg);
}

/* line 107, ../sass/_aboutiprimo.scss */
.diamond .tab-area .tab.btm li .tab_04.on {
  background-image: url(../img/about/diamond/common/nav04-b-c.jpg);
}

/* line 116, ../sass/_aboutiprimo.scss */
.diamond .tabcont {
  display: none;
  text-align: center;
  padding: 40px 0 20px;
}

/* line 136, ../sass/_aboutiprimo.scss */
.diamond .tabcont .pict {
  height: 200px;
  margin: 0 auto 20px;
  position: relative;
  overflow: hidden;
  width: 520px;
}

/* line 142, ../sass/_aboutiprimo.scss */
.diamond .tabcont .pict li {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

/* line 148, ../sass/_aboutiprimo.scss */
.diamond .tabcont .pict li.li0 {
  display: block;
}

/* line 153, ../sass/_aboutiprimo.scss */
.diamond .tabcont .sliderArea {
  background: url(../img/about/diamond/common/bar-01.jpg) no-repeat 0 50%;
  border: none;
  border-radius: 0;
  height: 45px;
  margin: 0 auto 50px;
  width: 520px;
  position: relative;
  text-align: left;
}

/* line 164, ../sass/_aboutiprimo.scss */
.diamond .tabcont .ui-slider-handle {
  display: block;
  background: url(../img/about/diamond/common/ball.png) no-repeat 0 0;
  border: none;
  border-radius: 0;
  height: 45px;
  overflow: hidden;
  outline: none;
  width: 45px;
  top: 0;
  margin: 0 0 0 -22.5px;
  position: absolute;
  z-index: 2;
  cursor: default;
}

/* line 180, ../sass/_aboutiprimo.scss */
.diamond .tabcont .info {
  margin: 0 0 40px;
}

/* line 185, ../sass/_aboutiprimo.scss */
.diamond .tabcont.on {
  display: block;
}

/* line 190, ../sass/_aboutiprimo.scss */
.diamond .tabcont.tab_02 .pict {
  height: 300px;
}

/* line 192, ../sass/_aboutiprimo.scss */
.diamond .tabcont.tab_02 .pict li.li0 {
  display: block;
}

/* line 196, ../sass/_aboutiprimo.scss */
.diamond .tabcont.tab_02 .sliderArea {
  background: url(../img/about/diamond/common/bar-02.jpg) no-repeat 0 50%;
}

/* line 202, ../sass/_aboutiprimo.scss */
.diamond .tabcont.tab_03 .pict {
  height: 360px;
}

/* line 204, ../sass/_aboutiprimo.scss */
.diamond .tabcont.tab_03 .pict li.li0 {
  display: block;
}

/* line 208, ../sass/_aboutiprimo.scss */
.diamond .tabcont.tab_03 .sliderArea {
  background: url(../img/about/diamond/common/bar-03.jpg) no-repeat 0 50%;
}

/* line 214, ../sass/_aboutiprimo.scss */
.diamond .tabcont.tab_04 .pict {
  height: 360px;
}

/* line 216, ../sass/_aboutiprimo.scss */
.diamond .tabcont.tab_04 .pict li.li0 {
  display: block;
}

/* line 220, ../sass/_aboutiprimo.scss */
.diamond .tabcont.tab_04 .sliderArea {
  background: url(../img/about/diamond/common/bar-04.jpg) no-repeat 0 50%;
}

/** diamond Past **/
.aboutDiamondTitleArea {
  max-width: 1200px;
  margin: 0 auto;
}

.diamondTitle {
  font-size: 20px;
  font-size: 2rem;
  float: left;
  font-weight: normal;
  margin-left: 120px;
  padding-top: 100px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  text-align: center;
  width: 240px;
}
.diamondTitle span {
  margin-top: 20px;
  display: block;
  font-size: 15px;
  font-size: 1.5rem;
}

.diamondImage {
  float: right;
}

.diamondLead {
  color: #666;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0 auto 50px;
  line-height: 170%;
  letter-spacing: 0.12em;
  width: 545px;
}

.diamond {
  border-bottom: 1px solid #E0E0E0;
  margin: 0 auto 70px;
}

.tabcont .lead {
  color: #000;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 20px;
  letter-spacing: 0.2em;
}
.tabcont .description {
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0 auto 65px;
  line-height: 170%;
  letter-spacing: 0.15em;
  text-align: left;
  width: 545px;
}

.diamondTab {
  border-bottom: 1px solid #e0e0e0;
  margin: 0 auto 20px;
  width:1200px;
}
.diamondTab li {
  float: left;
  margin-left: 26.5px;
  text-align: center;
  width: 280px;
}
.diamondTab li:first-child {
  margin: 0;
}
.diamondTab li a {
  display: block;
}
.diamondTab li a:hover {
  transition: opacity 0.7s cubic-bezier(0.19, 1, 0.22, 1);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: "alpha(opacity=80)";
  filter: alpha(opacity=80);
  text-decoration: none;
}

.tabspan {
  font-size: 15px;
  font-size: 1.5rem;
  background-color: #f2f2f2;
  box-sizing: border-box;
  color: rgba(51, 51, 51, 0.6);
  font-weight: bold;
  display: block;
  height: 90px;
  letter-spacing: 0.15em;
  padding-top: 29px;
  position: relative;
}
.tabspan span {
  font-size: 14px;
  font-size: 1.4rem;
  display: block;
  margin-bottom: 3px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.tabspan:before {
  box-sizing: border-box;
  border: 1px solid #fff;
  content: "";
  height: 80px;
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  width: 270px;
}
.tabspan.on {
  background-color: #F9E3E5;
  color: #333;
}


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

2018年用改修
2017.12.22

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

.service_table2018{
  width:900px;
  margin:0 auto;
  margin-top:-50px;
}
.service_table2018 dl{
  width:calc(100% - 2px);
  display:table;
  border-collapse:separate;
  border-spacing:0;
  table-layout:fixed;
  border:1px solid #f9e3e5;
  margin-bottom:3px;
}
.service_table2018 dt{
  display:table-cell;
  padding-left:20px;
  padding-right:20px;
  width:260px;
  vertical-align:middle;
  background:#f9e3e5;
  font-size:1.4rem;
}
.service_table2018 dd{
  display:table-cell;
  padding:10px 20px;
}
.service_table2018 p{
  font-size:1.2rem;
}
.service_table2018 p.annotation{
  font-size:1rem;
  padding-left:1em;
  text-indent:-1em;
}
.service_table2018 .lb_link{
  padding:10px 0 50px 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;
}


.supportMoreLink span {
    font-family: SourceHanSans;
    font-weight: 300 !important;
}

.supportMoreLink span {
  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);
}
.supportMoreLink span: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;
}
.supportMoreLink span.hover,.supportMoreLink span:hover {
  background: #f8b2ba;
  border-color: #f8b2ba;
  color: #fff;
}
.supportMoreLink span.hover:before, .supportMoreLink span:hover:before {
  background-image: url(../img/common/linkArrow2.svg);
}

.supportMoreLink span {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 7px 0;
  letter-spacing: 0.1em;
}
.supportMoreLink span:before {
  vertical-align: -0.02em;
}


.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;
}
.autumn2017_headline {
    font-family: SourceHanSans;
    font-size: 32px;
    letter-spacing: 2px;
    text-align: center;
    font-weight: normal;
}
.after2018_lb p{
  text-align:center;
}
.autumn2017_lead{
  padding-top:5px;
  font-size:18px;
}
.autumn2017_time{
  padding-top:5px;
  font-size:16px;
}
.autumn2017_text{
  padding-top:10px;
}
.autumn2017_subhead{
  text-align:center;
  margin-top:10px;
}
.autumn2017_subhead b{
  display: inline-block;
  font-family: SourceHanSans;
  font-weight:700;
  font-size:16px;
}
.autumn2017_present_list{
  margin:0 auto;
  width:420px;
  padding-top:15px;
  display:flex;
  justify-content:space-between;
}
.autumn2017_present_list li{
  width:200px;
}
.autumn2017_present_list li img{
  max-width:100%;
}
.after2018_lb_close{
  padding-top:15px;
}
.after2018_lb_close span{
  display:inline-block;
  padding:5px 50px;
  border-radius:4px;
  background-color:#5d4f4b;
  background-image:url(/assets_new/img/common/icon_close.png);
  background-repeat:no-repeat;
  background-position:15px center;
  background-size:auto 50%;
  transition:background-color 0.5s ease;
  cursor:pointer;
  color:#fff;
  font-size:18px;
  font-family: SourceHanSans;
}
.after2018_lb_close span:hover{
  background-color:#7c6b68;
}

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

.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;
}



.addBanner201802{
  max-width:1400px;
  margin:-60px auto; 60px auto;
  margin-top:-60px;
  margin-bottom:60px;
}
.addBanner201802 a img{
  transition:opacity .4s ease;
  opacity:1;
}
.addBanner201802 a:hover img{
  transition:opacity .4s ease;
  opacity:0.8;
}

/*2018.3 コンセプトムービー追加*/
.aboutTopMovie{
  width:1200px;
  margin:0 auto;
  padding-bottom:100px;
  text-align:center;
}
.aboutTopMovie .headline{
  font-family: SourceHanSans;
  font-size: 2.6rem;
  font-weight: normal;
  letter-spacing: 0.25em;
  margin: 0 0 20px;
  text-align: center;
  transform: rotate(0.05deg);
}
.aboutTopMovie iframe{
  width:700px;
  margin:0 auto;
}
.aboutTopMovie .lead{
  width:700px;
  font-family: SourceHanSans;
  font-size: 1.5rem;
  letter-spacing: 0.21em;
  line-height: 1.5;
  margin: 30px auto 20px auto;
  text-align: justify;
  transform: rotate(0.05deg);
}

/*2021.1.21追加*/
.qualityInfo_21{
	text-align: left;
}

.quality-item__img__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.quality-item__img__inner:first-of-type {
    margin-bottom: 35px;
}

.quality-item__img .img-detail:first-of-type {
    margin-right: 10px;
}

.quality-item__img .img-detail .img-desc {
    font-size: 12px;
    letter-spacing: .05em;
    text-align: center;
    line-height: 150%;
    margin-top: 8px;
}

.quality-item__detail {
    width: 50%;
}
.quality-item__detail {
    padding-top: 23px;
}

.quality-item__detail .ttl .en {
    font-size: 38px;
    font-weight: 400;
    letter-spacing: .05em;
    text-indent: .05em;
    line-height: 1;
    display: block;
    text-align: center;
}
.quality-item__detail .ttl .jp {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: .15em;
    text-indent: .15em;
    line-height: 166.66667%;
    display: block;
    margin-top: 27px;
    text-align: center;
}
.quality-item__detail .desc {
    font-size: 14px;
    letter-spacing: .05em;
    line-height: 200%;
    text-align: justify;
    margin-top: 19px;
    padding: 0 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}



/**/
.guide-condition-title{font-size:18px;font-weight:500;text-align:center;}
.guide-condition-lead{padding-top:25px;line-height:2;text-align:center;margin-bottom:35px;font-size:14px;}
.guide-condition-list{display:flex;justify-content:space-between;}
.guide-condition-list .guide-condition-item{width:31.2%}
.guide-condition-list .guide-condition-item .is-image{text-align:center;}
.guide-condition-list .guide-condition-item .is-image img{max-width:223px;height:73px;}
.guide-condition-list .guide-condition-item .is-text{padding-top:10px;font-size:16px;font-weight:500;text-align:center;}
.guide-condition-list .guide-condition-item .guide-condition-video{margin-top:28px;}
.guide-condition-list .guide-condition-item .is-objfit-video, .guide-condition-list .guide-condition-item .is-objfit-video video{width:100%!important;height:100%!important;}


.qd-guide{background:linear-gradient(180deg,#4d4441 0,#bfbbbb 400px,#fff 600px);margin-left:-50px;margin-right:-50px;padding-bottom:100px;}
.qd-guide .qd-guide-title-01{font-size:1.8rem;color:#ffffff;line-height:50px;padding:80px 0 20px 0;}
.qd-guide .qd-guide-title-02{font-size:1.4rem;color:#ffffff;line-height:25px;height:100px;}
.qd-guide .qd-guide-info{width:900px;margin:0 auto;display:flex;flex-direction: row;flex-wrap:wrap;justify-content:space-between;}
.qd-guide .qd-guide-info-item{width:300px;}
.qd-guide .qd-guide-info-item-img img{display:block;width:270px;margin:0 auto;}
.qd-guide .qd-guide-info-item-txt{padding:25px 0;}
.qd-guide .qd-guide-info-item-txt p{color:#ffffff;font-size:1.4rem;line-height:25px;height:50px;}
.qd-guide .qd-guide-info-item-video video{width:270px;}


/*2023-09-26*/
.main_aboutusbg{background:url(../aboutiprimo/aboutbg.jpg) no-repeat center top;background-size:100% auto;width:1200px;margin:0 auto;}
.main_aboutus .aboutus_title{width:500px; margin:0 auto;padding:125px 0 100px 0;}
.main_aboutus .aboutus_title img{display:block;width:100%;}
.main_aboutus .aboutus_top{width:660px; margin:0 auto;padding:0 0 50px 0;}
.main_aboutus .aboutus_top img{display:block;width:100%;}
.main_aboutus .aboutus_info p{text-align:center;font-family:SourceHanSans;color:#483d3e;}
.main_aboutus .aboutus_info p.p01{font-size:2.4rem;letter-spacing:.2em;margin-bottom:80px;}
.main_aboutus .aboutus_info p.p02{font-size:2rem;letter-spacing:.1em;margin-bottom:20px;}
.main_aboutus .aboutus_info p.p03{font-size:2rem;letter-spacing:.1em;margin-bottom:56px;}
.main_aboutus .aboutus_btn{width:180px;height:46px;margin:0 auto;}
.main_aboutus .aboutus_btn a{display:block;width:100%;line-height:50px;text-align:center;background:#4d3f3e;color:#ffffff;border-radius:50px;font-size:1.6rem;}
.main_aboutus .aboutus_movie{width:660px;margin:0 auto;padding-top:120px;padding-bottom:120px;}
.main_aboutus .aboutus_movie .top{width:80px;margin:0 auto;padding-bottom:38px;}
.main_aboutus .aboutus_movie .top img{display:block;width:100%;}
.main_aboutus .aboutus_movie .movie_main video{width:100%;height:100%!important;}
.main_aboutus .aboutus_txt{padding-bottom:100px;}
.main_aboutus .aboutus_txt p{font-size:1.6rem;color:#483d3e;text-align:center;line-height:38px;}

.aboutcenter{clear:both;padding:200px 0 100px;text-align:center;}
.aboutcenter img{height:70px;}
.about_bottom_80{margin-bottom:50px;height:40px;}
.about_bottom_100{margin-bottom:100px;}
.about_bottom_150{margin-bottom:150px;}
.main-is-large{width:1200px !important;}
#aboutiprimo_top .main_content .section-entry{width:900px;margin:80px auto 0 !important;}
#aboutiprimo_top .main_content .entry_item.is-quality .entry_item-headline,#aboutiprimo_top .main_content .entry_item.is-support .entry_item-headline{top:80px !important;left:-30px !important;}
#aboutiprimo_top .main_content .entry_item.is-design .entry_item-headline{top:80px !important;right:-30px !important;}
#aboutiprimo_top .main_content .entry_item-visual{width:470px !important;}
.button.is-border{width:150px !important;height:35px !important;font-size:1rem !important;}