@charset "utf-8";

body {
  font-size: 12px;
  position: relative;
  -webkit-appearance: none;
  -webkit-text-size-adjust: 100%;
}

main,
.mod-outer-block {
  min-width: 320px;
}

.mod-inner-block {
  padding: 0;
  width: 100%;
}

#wrapper {
  min-width: 320px;
  position: relative;
  overflow: hidden;
}

input[type="submit"] {
  -webkit-text-size-adjust: 100%;
}

input,
select,
textarea {
  font-size: 16px !important;
}

.mod-pc {
  display: none !important;
}

.mod-pc-ib {
  display: none !important;
}

.mod-sp {
  display: block !important;
}

.mod-sp-ib {
  display: inline-block !important;
}

/*------------------------------------------------------------------------------
common
------------------------------------------------------------------------------*/
/* pc-only */
.mod-pc-only{
  display: none !important;
}

.mod-c-btn01 .mod-arrow {
  width: 7px;
  height: 10px;
}

/*-------  bread-list  -------*/
#wrapper .mod-bread-list {
  padding-top: 25px;
  padding-bottom: 27px;
}

/*-------  header  -------*/

.mod-header {
  background-color: transparent;
}

.mod-header.mod-active {
  overflow-y: scroll;
  background-color: transparent;
}

.mod-sp-header {
  pointer-events: auto;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 70px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background-color: #fff;
}

.mod-top .mod-sp-header,
.mod-treatment .mod-sp-header {
  background-color: rgba(255, 255, 255, 0.9);
}

.mod-sp-header.mod-is-color {
  background-color: #fff;
}

.mod-header.mod-active .mod-sp-header {
  background-color: rgba(92, 73, 25, 0.3);
}

.mod-open-btn {
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 22px;
  height: 20px;
}

.mod-open-btn span {
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  background-color: #666;
  border-radius: 10px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.mod-open-btn span:nth-child(1) {
  top: 0;
}

.mod-open-btn span:nth-child(2) {
  top: 0;
  bottom: 0;
  margin: auto;
}

.mod-open-btn span:nth-child(3) {
  bottom: 0;
}

.mod-sp-logo {
  width: 82px;
  height: 30px;
  position: absolute;
  top: 25px;
  left: 0;
  right: 0;
  margin: auto;
}

.mod-sp-logo a {
  position: relative;
  width: 82px;
  height: 30px;
  display: block;
}

.mod-sp-logo img {
  position: absolute;
  width: 82px;
  height: 30px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.mod-sp-logo img:nth-child(2) {
  opacity: 0;
  pointer-events: none;
}

.mod-sp-cart {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5px;
  margin: auto;
}

.mod-sp-cart a {
  width: 55px;
  height: 70px;
  display: block;
  position: relative;
  background: url(/img/common/icon_cart.svg) no-repeat center / 20px 19px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
/*

.mod-sp-cart a:before {
content: "";
display: block;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
width: 1px;
height: 19px;
background-color: #666;
border-radius: 10px;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
*/

.mod-header .mod-sp-wrap {
  pointer-events: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}

.mod-header .mod-sp-wrap.mod-active {
  pointer-events: auto;
  overflow-y: scroll;
}

.mod-header.mod-active .mod-menu-open {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

.mod-header .mod-menu-open {
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translateX(-114%);
  transform: translateX(-114%);
  width: calc(100% - 55px);
  position: absolute;
  top: 0;
  background-color: #fff;
  -webkit-transition:  0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.mod-close-btn {
  position: absolute;
  right: -45px;
  width: 45px;
  height: 66px;
  background-color: #fff;
}

.mod-close-btn .mod-inner {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.mod-close-btn span {
  position: absolute;
  top: 7px;
  display: block;
  height: 1px;
  width: 100%;
  background-color: #666;
}

.mod-close-btn span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mod-close-btn span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.mod-sp-search-block {
  height: 66px;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 20px;
}

.mod-sp-search-block input {
  width: calc(100% - 35px);
  background-color: #ebebeb;
  padding: 3px 10px;
  margin-right: 10px;
}

.mod-sp-search-block input::placeholder {
  font-size: 13px;
}

.mod-sp-search-block img {
  width: 17px;
  height: 17px;
}

.mod-link-list {
  letter-spacing: 0.075em;
}

.mod-link-list > li:last-child,
.mod-link-child li:last-child .mod-select-list li:last-child {
  border-bottom: 0;
}

.mod-link-list > li,
.mod-select-list li,
.mod-link-child-ttl {
  border-bottom: 1px solid #808080;
}

.mod-link-child li:last-of-type .mod-link-child-ttl {
  border: 0;
}

.mod-login-list {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mod-login-list,
.mod-select-list li {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
}

.mod-login-list li,
.mod-select-list li a {
  position: relative;
  text-align: center;
  width: calc(100% / 3);
  font-size: 13px;
}

.mod-select-list.mod-two li a {
  width: calc(100% / 2);
}

.mod-select-list.mod-one li a {
  width: 100%;
}

.mod-login-list li:after,
.mod-select-list li a:after {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  background-color: #808080;
}

.mod-select-list.mod-two li a:last-child:after {
  display: block;
}

.mod-login-list li:last-child:after,
.mod-select-list li a:last-child:after,
.mod-select-list.mod-two li a:nth-child(2):after,
.mod-link-child,
.mod-select-list {
  display: none;
}

.mod-link-child li:first-child .lmod-ink-child-ttl {
  border-top: 1px solid #808080;
}

.mod-ink-child li:last-child .mod-link-child-ttl {
  border-color: transparent;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.mod-link-child li:last-child .mod-link-child-ttl.mod-border {
  border-color: #808080;
}

.mod-login-list a {
  display: block;
  padding: 18px 0;
}

.mod-menu-open .mod-link-ttl,
.mod-link-child-ttl {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 56px;
  position: relative;
  font-size: 14px;
  padding: 0 20px;
}

.mod-menu-open .mod-link-ttl img,
.mod-link-child-ttl img {
  width: 10px;
  height: 5px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.mod-menu-open .mod-link-ttl.mod-arrow-move img,
.mod-link-child-ttl.mod-arrow-move img {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.mod-link-child-ttl {
  font-size: 13px;
  background-color: #fbf6f1;
  line-height: 1.3;
}

.mod-select-list li {
  background-color: #faf3ed;
}

.mod-select-list li a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  letter-spacing: 0;
  text-align: center;
  padding: 0 5px;
  height: 56px;
}

.mod-link-list .mod-sns {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: flex;
  align-items: center;
  height: 56px;
  padding: 0 20px;
}

.mod-link-list .mod-sns a {
  display: block;
  width: 25px;
  height: 25px;
}

.mod-link-list .mod-sns a + a {
  margin-left: 15px;
}

/*-------  footer  -------*/
#wrapper .mod-footer .mod-inner-block {
  padding: 0;
  width: auto;
}

.mod-footer .mod-top-block {
  margin-bottom: 0;
}

.mod-footer .mod-f-nav-list > li {
  float: none;
  width: auto;
}

.mod-footer .mod-f-nav-list .mod-arrow {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 7px;
  height: 10px;
}

.mod-footer .mod-f-nav-list a {
  position: relative;
}

.mod-footer .mod-f-nav-list a,
.mod-footer .mod-f-nav-list .mod-ttl {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 43px;
  padding: 0 20px;
  background-color: #fff;
  border-bottom: 1px solid #999;
}

.mod-footer .mod-f-nav-list > li + li {
  margin-left: 0;
}

.mod-footer .mod-f-nav-list .mod-ttl {
  margin: 0;
}

.mod-footer .mod-bottom-block {
  display: block;
}

.mod-footer .mod-copy-and-link {
  position: relative;
  display: block;
  font-size: 13px;
  background-color: #fff;
  padding: 20px;
}

.mod-footer .mod-copy-and-link > li {
  width: 50%;
  font-size: 11px;
}

.mod-footer .mod-copy-and-link li:nth-child(n + 2) a {
  display: block;
  border: 0;
  padding: 5px 0;
}

.mod-footer .mod-fotter-sns {
  padding: 20px;
}

.mod-footer .mod-fotter-sns img {
  width: 25px;
  height: 25px;
}

.mod-sp-copy {
  font-size: 12px;
  color: #828282;
  background-color: #f9f1ed;
  padding: 14px 20px;
  letter-spacing: -0.03em;
}

.mod-footer .mod-copy-and-link .mod-sp-another-link {
  width: calc(50% - 20px);
  position: absolute;
  top: 20px;
  right: 20px;
}

.mod-footer .mod-copy-and-link .mod-sp-footer-sns {
  width: calc(50% - 20px);
  position: absolute;
  bottom: 27px;
  right: 20px;
  font-size: 0;
}

#wrapper .mod-sp-footer-sns ul {
  font-size: 0;
}

#wrapper .mod-sp-footer-sns li {
  display: inline-block;
  margin-right: 0;
}

#wrapper .mod-sp-footer-sns li + li {
  margin-left: 20px;
}

#wrapper .mod-sp-footer-sns a {
  padding: 0;
}

.mod-sp-footer-sns img {
  display: block;
  width: 20px;
  height: 20px;
}

@media screen and (max-width: 370px) {
  .mod-footer .mod-copy-and-link li:nth-child(n + 2) a {
    font-size: 10px;
    letter-spacing: -0.1em;
  }
}

/*-------  pagetop  -------*/
.mod-pagetop {
  position: relative !important;
  right: auto;
  bottom: auto !important;
  border-bottom: 1px solid #666;
  background-color: #fff;
  z-index: 0;
}

.mod-pagetop a {
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50px;
  background: url(/img/common/sp/page_top_arrow.svg) no-repeat center center / 10px 5px;
}

.mod-pagetop img {
  display: none;
}

/*-------  mod-filter  -------*/

.mod-filter.mod-active {
  margin-top: 70px;
  height: calc(100vh - 70px);
}

.mod-filter.mod-active .mod-top-filter,
.mod-filter.mod-active .mod-bottom-filter {
  height: 125px;
}


/*-------  cont-ttl  -------*/
.mod-cont-ttl {
  font-size: 20px;
  letter-spacing: 0.07em
}

.mod-cont-ttl02 {
  font-size: 20px;
  letter-spacing: 0.11em;
}

.mod-cont-ttl03 {
  font-size: 16px;
  letter-spacing: 0.07em;
}

.mod-c-border-ttl01 {
  font-size: 19px;
  height: 72px;
}

.mod-c-border-ttl02 {
  font-size: 20px;
  padding-bottom: 5px;
}

/*-------  mv-block -------*/
.mod-mv-block {
  height: 100vh;
}

.mod-mv-block.mod-change {
  position: absolute;
}

/*-------  fv-txt-block  -------*/
.mod-fv-txt {
  top: 70px;
}

/*-- scroll --*/
.mod-scroll {
  bottom: 90px;
}

.mod-scroll-line {
  bottom: 78px;
}

.mod-scroll-line span {
  height: 78px;
}

@-webkit-keyframes sdb {
  0% {
    -webkit-transform: translateY(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(78px);
    opacity: 0;
  }
}

@keyframes sdb {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateY(78px);
    opacity: 0;
  }
}

/*-------  c-btn  -------*/
.mod-c-btn01 {
  width: 80%;
}

.mod-c-btn01 span {
  font-size: 13px;
}

.mod-c-more-btn {
  font-size: 14px;
}

.mod-common-item-btn a {
  font-size: 13px;
  width: 90px;
}

/*-------  slider  -------*/
.mod-slider01 .mod-num {
  font-size: 10px;
  width: 22px;
  line-height: 22px;
}

.mod-slider01 li {
  margin-left: 0;
}

.mod-slider01 a {
  width: 60%;
  margin: 0 auto 30px;
}

.mod-slick-slide img {
  width: 100%;
}

.mod-slider01 .slick-dots {
  text-align: center;
}

.mod-slider01 .slick-dots li {
  display: inline-block;
}

.mod-slider01 .slick-dots li + li {
  margin-left: 8px;
}

.mod-slider01 .slick-dots button {
  font-size: 0;
  width: 10px;
  height: 10px;
  background-color: #b4b4b4;
  padding: 0;
}

.slick-dots .slick-active button {
  background-color: #666;
  -webkit-transform: scale(1.25);
  transform: scale(1.25);
}

/*-------  c-table  -------*/

.mod-c-table01 th,
.mod-c-table01 td{
  font-size: 11px;
  font-weight: 400;
  text-align: left;
  padding: 15px;
  padding: 12px 10px;
}

.mod-c-table01 th {
  width: 30%;
}

/*-------  c-description  -------*/
.mod-c-description p,
.mod-c-description-last p {
  font-size: 12px;
}

/*-------  mod-c-sub-ttl  -------*/
.mod-c-sub-ttl {
  font-size: 14px;
  margin: 40px 0 20px;
}

/*-------  mod-link-btn-block  -------*/

.mod-link-btn-block li {
  float: left;
  display: table;
  width: calc((100% - 15px) / 2);
}

.mod-link-btn-block li:nth-child(2n) {
  margin-left: 15px;
}

.mod-link-btn-block li:nth-child(n + 3) {
  margin-top: 10px; 
}

.mod-link-btn-block li a,
.mod-link-btn-block li span {
  height: 60px;
  font-size: 10px;
  letter-spacing: 0;
}

/*-------  mod-c-color-box  -------*/
.mod-c-color-box {
  padding: 20px;
  margin-top: 40px;
}

/*------------------------------------------------------------------------------
subpage
------------------------------------------------------------------------------*/
.mod-subpage main{
  margin-top: 70px;
}

/*------- parts -------*/
.mod-subpage .mod-c-h1{
  font-size: 20px;
}

.mod-subpage .mod-c-h2{
  font-size: 14px;
}

.mod-subpage .mod-c-h3{
  font-size: 13px;
}

/*-------  inner  -------*/
.mod-subpage .mod-content .mod-inner-block{
  width:100%;
  padding:0 20px;
}



/*------------------------------------------------------------------------------
top
------------------------------------------------------------------------------*/
/*-------  mv-block -------*/
.mod-top .mod-mv-block .mod-slider02 li:nth-child(1) {
  background: url(/img/top/sp/mv01_191018.jpg) no-repeat center / cover;
}

.mod-top .mod-mv-block .mod-slider02 li:nth-child(2) {
  background: url(/img/top/sp/mv02_191018.jpg) no-repeat center / cover;
}

.mod-top .mod-mv-block .mod-slider02 li:nth-child(3) {
  background: url(/img/top/sp/mv03_191018.jpg) no-repeat center / cover;
}

/*-------
.mod-top .mod-mv-block .mod-slider02 li:nth-child(4) {
background: url(../../../../../../../img/top/sp/mv04_191018.jpg) no-repeat center / cover;
}-------*/

/*-------  fv-txt-block  -------*/
.mod-top .mod-fv-txt {
  max-width: 380px;
  width: 70%;
  height: 16vw;
}

/*-------  main-txt  -------*/
.mod-top .mod-main-txt img {
  width: 75%;
  max-width: 400px;
}

/*-------  cont01  -------*/

.mod-top .mod-cont01 .mod-more a,
.mod-top .mod-cont02 .mod-more a {
  font-size: 14px;
  letter-spacing: 0.06em;
}

.mod-top .mod-cont01 .mod-inner-block {
  padding: 60px 20px 100px 20px;
}

.mod-top .mod-main-txt .mod-ttl {
  font-size: 21px;
  letter-spacing: 0.12em;
  margin-bottom: 20px;
}

.mod-top .mod-main-txt .mod-description {
  font-size: 13px;
  line-height: 2.11em;
  letter-spacing: 0;
  margin: 0 -10px;
}

.mod-item-list li {
  float: none;
  width: auto;
  margin-bottom: 40px;
  margin-left: 0;
}

.mod-item-list li img {
  width: 100%;
}

.mod-item-list p {
  font-size: 14px;
}

/*-------  cont02  -------*/
.mod-top .mod-cont02 .mod-inner-block {
  padding: 50px 20px;
}

.mod-cont02 .mod-cont-ttl {
  margin-bottom: 50px;
}

.mod-cont02 .mod-news-blok {
  padding-left: 0;
  width: auto;
  border: 0;
  margin-bottom: 50px;
}

.mod-cont02 .mod-news-blok li {
  height: auto;
}

.mod-cont02 .mod-news-blok .mod-date {
  text-align: left;
  width: auto;
  margin-bottom: 5px;
  letter-spacing: 0.06em;
  margin-right: 15px;
}

.mod-cont02 .mod-news-blok .mod-tag {
  margin-bottom: 5px;
}

.mod-cont02 .mod-news-blok .mod-tag.mod-none {
  display: none !important;
}

.mod-cont02 .mod-news-blok .mod-txt {
  display: block;
  width: auto;
  padding: 0;
}
.mod-news-description-big{
  font-size: 14px;
}
.mod-top .mod-topinfo-block a {
  text-align: left;
}
.mod-top .mod-topinfo-block .mod-txt {
  display: block;
  margin-top: 6px;
}
.mod-top .mod-topinfo-inner {
  margin-top: 60px;
}
.title_indent {
  padding-left: 27px;
  text-indent: -27px;   
}
/*-------  cont03  -------*/
.mod-top .mod-cont03 .mod-inner-block {
  padding: 100px 0 75px;
}

/*-------  cont04  -------*/
.mod-top .mod-cont04 {
  height: auto;
}

.mod-top .mod-cont04 .mod-img-box {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  height: auto;
  width: auto;
  background: none;
}

.mod-top .mod-cont04 .mod-img-box:before,
.mod-top .mod-cont04 .mod-img-box:after {
  display: none;
}

.mod-top .mod-cont04 .mod-img-box .mod-ttl,
.mod-top .mod-cont04 .mod-img-box .mod-ttl:before {
  opacity: 0;
  -webkit-transition: 1s 0.5s;
  transition: 1s 0.5s;
  -webkit-transition-property: opacity,transform;
  transition-property: opacity,transform;
}

.mod-top .mod-cont04 .mod-img-box .mod-ttl img {
  height: 14px;
}

.mod-top .mod-cont04 .mod-img-box .mod-ttl {
  font-size: 15px;
  letter-spacing: 0.12em;
  background-color: rgba(0, 0, 0, 0.5);
}

.mod-top .mod-cont04 .mod-img-box .mod-ttl:before {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  border: 1px solid #fff;
}

.mod-top .mod-cont04 .mod-img-box .mod-delay + .mod-ttl,
.mod-top .mod-cont04 .mod-img-box .mod-delay + .mod-ttl:before {
  opacity: 1;
}

/*------------------------------------------------------------------------------
treatment
------------------------------------------------------------------------------*/
/*-------  mv-block  -------*/
.mod-treatment .mod-main-txt .mod-ttl {
  font-size: 20px;
  letter-spacing: 0.12em;
  margin-bottom: 50px;
}

.mod-treatment .mod-main-txt img {
  width: 85%;
  max-width: 400px;
}

.mod-treatment .mod-main-txt .mod-ttl .mod-sub {
  font-size: 15px;
  letter-spacing: 0.04em;
}

.mod-treatment .mod-main-txt .mod-description {
  font-size: 14px;
  line-height: 2.85;
}

/*-------  fv-txt-block  -------*/
.mod-treatment .mod-fv-txt {
  max-width: 380px;
  width: 80%;
  height: 24vw;
}

/*-------  cont01  -------*/
.mod-treatment .mod-cont01 .mod-inner-block {
  padding: 80px 0 0;
  margin-bottom: -55px;
}

.mod-treatment .mod-cont01 .mod-cont-ttl02 {
  margin-bottom: 50px;
}

.mod-treatment .mod-cont01 .mod-cont-ttl02 img {
  width: 290px;
}

.mod-treatment .mod-cont01 .mod-parts-block .mod-tech01 {
  width: 150px;
}

.mod-treatment .mod-cont01 .mod-parts-block .mod-tech02 {
  width: 206px;
}

.mod-treatment .mod-cont01 .mod-parts-block .mod-tech03 {
  width: 178px;
}

.mod-treatment .mod-cont01 .mod-parts-block .mod-tech04 {
  width: 183px;
}

.mod-treatment .mod-cont01 .mod-parts-block {
  display: block;
}

.mod-treatment .mod-cont01 .mod-parts-block > div {
  width: auto;
}

.mod-treatment .mod-cont01 .mod-parts-block .mod-txt .mod-inn {
  padding: 20px 20px 100px;
}

.mod-treatment .mod-cont01 .mod-parts-block .mod-txt .mod-ttl {
  font-size: 28px;
  text-align: left;
  margin-bottom: 10px;
}

.mod-treatment .mod-cont01 .mod-parts-block .mod-txt .mod-ttl .mod-margin {
  margin-right: 9px;
}


.mod-treatment .mod-cont01 .mod-parts-block .mod-txt .mod-description {
  font-size: 14px;
}

.mod-treatment .mod-cont02 .mod-cont-ttl02 {
  font-size: 20px;
  margin-bottom: 30px;
}

/*-------  cont02  -------*/
.mod-treatment .mod-cont02 .mod-inner-block {
  padding: 40px 20px 60px;
}

.mod-accordion-list .mod-btn-block {
  position: relative;
  display: block;
  padding: 15px;
}

.mod-accordion-list sup {
  font-size: 10px !important;
}

.mod-accordion-list .mod-arrow,
.mod-accordion-list .mod-ttl,
.mod-accordion-list .mod-description {
  width: auto;
}

.mod-accordion-list .mod-ttl,
.mod-accordion-list .mod-description {
  padding-right: 3em;
}

.mod-accordion-list .mod-ttl {
  font-size: 18px;
  margin-bottom: 5px;
}

.mod-accordion-list .mod-menu-ttl01 img {
  width: 150px;
}

.mod-accordion-list .mod-menu-ttl02 img {
  width: 144px;
}

.mod-accordion-list .mod-menu-ttl03 img {
  width: 215px;
}

.mod-accordion-list .mod-menu-ttl04 img {
  width: 220px;
}

.mod-accordion-list .mod-menu-ttl05 img {
  width: 175px;
}

.mod-accordion-list .mod-description {
  font-size: 10px;
}

.mod-accordion-list .mod-arrow {
  width: 14px;
  height: 8px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
}

.mod-accordion-list .mod-arrow img {
  position: static;
}

.mod-accordion-list .mod-child-list li {
  display: block;
  padding: 25px 0;
}

.mod-accordion-list .mod-child-list .mod-border-none {
  padding: 0;
  margin-top: 15px;
  font-size: 10px;
}

.mod-accordion-list .mod-child-list li:last-child {
  margin-bottom: 35px;
}

.mod-accordion-list .mod-child-list .mod-top-box {
  display: block;
  font-size: 0;
  margin-bottom: 5px;
}

.mod-accordion-list .mod-child-list .mod-child-ttl,
.mod-accordion-list .mod-child-list .mod-time,
.mod-accordion-list .mod-child-list .mod-price {
  width: auto;
  text-align: left;
}

.mod-accordion-list .mod-child-list .mod-child-ttl {
  font-size: 16px;
  margin-bottom: 0;
}

.mod-accordion-list .mod-child-list .mod-child-ttl.mod-adjust {
  letter-spacing: -0.1em;
}

.mod-accordion-list .mod-child-list .mod-time,
.mod-accordion-list .mod-child-list .mod-price {
  font-size: 13px;
  letter-spacing: 0.07em;
  display: inline-block;
}

.mod-accordion-list .mod-child-list .mod-time {
  margin-right: 10px;
}

.mod-accordion-list .mod-child-list .mod-child-description {
  font-size: 10px;
}

.mod-treatment .mod-cont02 .mod-cont-ttl03 {
  margin: 75px 0 35px;
}

.mod-menu-list-wrap {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 60px;
}

.mod-menu-list {
  width: auto;
  float: none !important;
}

.mod-menu-list:last-child {
  margin-top: 1em;
}

.mod-menu-list li {
  padding-left: 10px;
}

.mod-menu-list li:before {
  width: 5px;
  height: 9px;
  top: 3px;
}

.mod-menu-list .mod-store,
.mod-menu-list .mod-tel {
  font-size: 12px;
}

.mod-menu-list .mod-tel {
  pointer-events: auto;
}

.mod-note-list,
.mod-note-txt {
  width: auto;
  font-size: 10px;
}

@media screen and (max-width: 361px) {
  .mod-menu-list .mod-store,
  .mod-menu-list .mod-tel {
    font-size: 10px;
  }
}


/*------------------------------------------------------------------------------
product 共通
------------------------------------------------------------------------------*/
.mod-product-cart-list li{
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 35px;
  padding-top: 35px;
  border-bottom:solid 1px #828282
}

.mod-product-cart-list li+li{
  margin-left: 0;
}

.mod-product-cart-list li:after{
  clear: both;
  content: "";
  display: block;
  height: 0px;
  font-size: 0;
  visibility: hidden;
}

.mod-product-cart-list .mod-img{
  float:left;
  width:138px;
  height:auto;
  margin-bottom: 0;
}

.mod-product-cart-list .mod-img img{
  width: 100%;
  height: 100%;
  position: static;
  -webkit-transform:none;
  transform: none;
}

.mod-product-cart-list .mod-text-box{
  float:left;
  width:calc(100% - 138px - 15px);
  margin-left: 15px;
}

.mod-product-cart-list .mod-name {
  letter-spacing: -0.06em;
}

.mod-product-cart-list .mod-text{
  font-size: 10px;
}


.mod-product-cart-list .mod-cart-btn > *{
  width: 100%;
}


.mod-product-cart-list.mod-product-cart-list04 .mod-img{
  height:auto;
}

.mod-product-cart-list.mod-product-cart-list04 li+li{
  margin-left: 0;
}
/*------------------------------------------------------------------------------
product/detail/
------------------------------------------------------------------------------*/
/*-------  cont02  -------*/
.mod-product .mod-cont02 .mod-inner-block {
  padding: 70px 20px;
}

.mod-product .mod-cont02 .mod-parts-list .mod-parts > * {
  padding: 0;
}

.mod-product .mod-cont-ttl04 {
  height: 70px;
  font-size: 17.5px;
  letter-spacing: 0.02em;
}

.mod-product .mod-ttl01 {
  font-size: 17.5px;
  letter-spacing: 0.07em;
}

.mod-product .mod-description01 {
  font-size: 14px;
  letter-spacing: 0.02em;
  line-height: 2;
}

.mod-product .mod-cont02 .mod-parts-list .mod-parts > *:last-child {
  margin-bottom: 40px;
}

.mod-product .mod-cont-ttl04 img {
  right: 0;
  width: 8.5px;
  height: 5.5px;
}

.mod-product .mod-key-box .mod-img {
  width: 103.5px;
  margin-right: 0;
}

.mod-product .mod-key-box .mod-txt {
  width: calc(100% - 103.5px);
  padding-left: 15px;
}

.mod-product .mod-key-box .mod-txt .mod-ttl02 {
  font-size: 14px;
}

.mod-product .mod-key-box .mod-txt .mod-description02 {
  font-size: 13px;
  letter-spacing: 0.02em;
}

.mod-product .mod-key-box + li {
  margin-top: 45px;
}

.mod-howto-list {
  margin-top: 0;
  display: block;
}

.mod-howto-list li {
  width: 85%;
  margin: auto;
  padding: 0;
}

.mod-howto-list:before {
  width: 1px;
  height: auto;
}

.mod-howto-list li + li {
  margin-top: 30px;
}

.mod-howto-list .active {
  width: 100%;
}

.mod-howto-list .active .mod-how-box .txt {
  font-size: 18px;
}

#wrapper .mod-item-list02 {
  margin-bottom: 20px;
}

.mod-item-list02 li {
  width: 50%;
  padding-right: 5px;
  margin: 0 0 10px;
}

.mod-item-list02 li:nth-child(2n) {
  padding-left: 5px;
}

.mod-item-list02 li img {
  width: 100%;
}

.mod-item-list02 li a p {
  font-size: 10px;
  line-height: 1.4;
}


/*------------------------------------------------------------------------------
big-category
------------------------------------------------------------------------------*/
.mod-product .mod-contents-block .mod-inner-block,
.mod-product .mod-bread-list {
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
}


/*-------  mod-product-ttl-block  -------*/
.mod-product .mod-product-ttl .mod-main .mod-face {
  width: 100px;
}

.mod-product .mod-product-ttl .mod-sub {
  font-size: 12px;
}

.mod-product .mod-description {
  font-size: 12px;
  letter-spacing: 0;
}

.mod-product .mod-description {
  margin: 35px 0 45px;
}

/*-------  mod-product-link-block  -------*/
.mod-product .mod-product-link-block .mod-inner-block {
  padding: 50px 20px 75px;
}

.mod-product .mod-product-link-block.mod-border .mod-inner-block {
  border: 0;
}

.mod-product .mod-product-link-list li {
  width: calc(100% / 3);
}

.mod-product .mod-product-link-list li:nth-child(n + 3) {
  margin-top: 20px;
}

.mod-product .mod-product-link-list li:nth-child(4) {
  border-left: 1px solid #828282;
}

.mod-product .mod-product-link-list li a {
  font-size: 13px;
}

/*-------  mod-product-item-list  -------*/
.mod-product .mod-product-item-list {
  width: auto;
}

.mod-product .mod-product-item-list li {
  width: calc((100% / 2) - 10px);
  margin-left: 0;
}

.mod-product .mod-product-item-list li:nth-child(2n) {
  margin-left: 10px;
}

.mod-product .mod-product-item-list li:nth-child(n + 3) {
  margin-top: 35px;
}

.mod-product .mod-product-item-list li .mod-name {
  font-size: 11px;
}

/*-------  mod-product-sub-ttl  -------*/
.mod-product .mod-product-sub-ttl {
  padding: 60px 0 5px;
  margin-bottom: 40px;
}

.mod-product .mod-product-sub-ttl .mod-collection {
  width: 111px;
}

.mod-product .mod-product-item-list:nth-of-type(n + 2) {
  padding-bottom: 70px;
}

/*------------------------------------------------------------------------------
small-category
------------------------------------------------------------------------------*/
.mod-small-product .mod-product-ttl {
  font-size: 19px;
}

/*------------------------------------------------------------------------------
product-all
------------------------------------------------------------------------------*/
.mod-product .mod-product-item-list:nth-of-type(n + 2) {
  padding-bottom: 0;
}

.mod-product-all .mod-product-item-list {
  margin: 40px auto 70px;
}

.mod-product-all .mod-product {
  width: 155px;
}

.mod-product-all .mod-product-ttl {
  margin-bottom: 50px;
}

.mod-product-all .mod-face {
  width: 35px;
}

.mod-product-all .mod-body {
  width: 36px;
}

.mod-product-all .mod-hand {
  width: 40px;
}

.mod-product-all .mod-aroma {
  width: 52px;
}

.mod-product-all .mod-collection {
  width: 80px;
}

/*------------------------------------------------------------------------------
ranking
------------------------------------------------------------------------------*/
.mod-ranking .mod-c-border-ttl01 {
  margin-bottom: 40px;
}

.mod-ranking .mod-c-border-ttl01 img {
  width: 110px;
}

/*-------  mod-ranking-list  -------*/
.mod-product-cart-list.mod-ranking-list li {
  width: calc((100% - 20px) / 2);
  float: left;
  border: 0;
  padding: 0;
}

.mod-product-cart-list.mod-ranking-list li:nth-child(2n) {
  margin-left: 20px;
}

.mod-product-cart-list.mod-ranking-list li:nth-child(n + 3) {
  margin-top: 40px;
}

.mod-product-cart-list.mod-ranking-list .mod-img,
.mod-product-cart-list.mod-ranking-list .mod-text-box {
  float: none;
  width: auto;
  margin-left: 0;
}

.mod-ranking-number {
  font-size: 12px;
}




/*------------------------------------------------------------------------------
newcustomer
------------------------------------------------------------------------------*/

.mod-newcustomer .mod-sp-logo img{
	left: 0;
    right: 0;
    margin: auto;
}
.mod-newcustomer .mod-outer-block {
    text-align: center;
    margin: 0 auto;
}
.mod-newcustomer .mod-inner-block {
	width: 100%;
}
.mod-newcustomer .mod-kv-block .mod-ttl-wrap{
  display: block;
  padding-top: 13vw;
}

.mod-newcustomer .mod-kv-block .mod-ttl-wrap .mod-ttl-box{
  width: 100%;
  margin-right: 0;
}

.mod-newcustomer .mod-kv-block .mod-ttl-wrap .mod-ttl{
  width: 85%;
  margin: 0 auto;
}

.mod-newcustomer .mod-kv-block .mod-btn-wrap{
  width: 42.53vw;
  height: 7.06vw;
  line-height:7.06vw;
  font-size: 2.3vw;
  margin-top: 2.8vw;
}

.mod-newcustomer .mod-kv-block .mod-btn-wrap .mod-btn-box img{
  width: 1.73vw;
  height: 2.66vw;
}
.mod-newcustomer .mod-copy-and-link {
    text-align: left;
}



/* ---------cont01--------- */
.mod-newcustomer .mod-cont01 {
  width: 100%;
  padding-right: 30px;
  padding-left: 30px;
}

.mod-newcustomer .mod-cont01 .mod-inner-block{
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
}
.mod-newcustomer .mod-c-btn01 {
    margin-top: 20px;
}


/*--------- cont02 ---------*/

.mod-newcustomer .mod-cont02 .mod-inner-block {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.mod-newcustomer .mod-cont02 .mod-inner-block img {
	margin: 0 auto;
	text-align: center;
}
.mod-newcustomer .mod-cont02 .cont02-ttl01 {
	width: 150px;
    padding: 10px 20px;
    border: solid 2px #666666;
    margin-bottom: 30px!important;
}
.mod-newcustomer .mod-cont02 .mod-img {
	padding-bottom: 50px;
}
.mod-newcustomer .mod-cont02 .mod-ttl02 {
	padding-bottom: 30px;
    width: 55%;
    text-align: center;
    margin: 0 auto;
}
.mod-newcustomer .mod-cont02 .mod-txt {
	padding: 0 30px;
}



/*--------- cont03 ---------*/
.mod-newcustomer .mod-cont03 {
	padding: 20px;
	padding-bottom: 80px;
}
.mod-newcustomer .mod-cont03 .mod-inner-block {
	width: 100%;
    padding: 45px 25px;
    border: dotted 1px #808080;
}
.mod-newcustomer .mod-cont03 .mod-ttl {
    padding-bottom: 30px;
}
.mod-newcustomer .mod-cont03 .mod-ttl img {
    margin: 0 auto;
	width: 100%;
}
.mod-newcustomer .mod-cont03 .mod-inner-block div:nth-child(2) .product-name {
    font-size: 14px;
    padding-bottom: 20px;
}
.mod-newcustomer .mod-cont03 .mod-inner-block div:nth-child(2) p:last-child {
    font-size: 11px;
    line-height: 2em;
	margin-bottom: 0;
}

/*--------- cont04 ---------*/
.mod-newcustomer .mod-cont04 .mod-inner-block {
    width: 100%;
}
.mod-newcustomer .mod-cont04 .mod-inner-block div:first-child {
    width: 100%;
    float: none;
    margin-right: 0;
	text-align: center;
	margin: 0 auto;
	padding-bottom: 30px;
}
.mod-newcustomer .mod-cont04 .mod-inner-block .ttl {
    margin-left: 0;
    width: 100%;
	text-align: center;
}
.mod-newcustomer .mod-cont04 .mod-inner-block .ttl img {
    width: 87%;
    margin-bottom: 20px;
	padding: 0 20px;
}
.mod-newcustomer .mod-cont04 .mod-inner-block .ttl p {
    font-size: 14px;
    padding: 0 20px;
	text-align: left!important;
	margin-bottom: 0;
}


/*--------- cont05 ---------*/
.mod-newcustomer .mod-cont05 .mod-inner-block {
    width: 100%;
	padding-top: 0;
}
.mod-newcustomer .mod-cont05 .mod-inner-block li {
    width: 85%;
    float: none;
    margin: 0 auto;
    text-align: left;
	display: flex;
}
.mod-newcustomer .mod-cont05 .mod-inner-block li img {
    width: 29%;
    text-align: center;
    float: left;
    margin-right: 20px;
}
.mod-newcustomer .mod-cont05 .mod-inner-block li p {
	display: flex;
}
.mod-newcustomer .mod-cont05 .mod-inner-block .product-name {
	margin-top: 50px;
}
.mod-newcustomer .mod-cont05 p:last-child {
    margin-bottom: 0;
}

/*--------- cont06 ---------*/
.mod-newcustomer .mod-cont06 {
	width: 100%;
	padding-bottom: 80px;
}
.mod-newcustomer .mod-cont06 .mod-inner-block {
    background-color: #e2dddb;
    padding: 40px 20px;
}
.mod-newcustomer .mod-cont06 .mod-inner-block .ttl {
    padding-bottom: 35px;
	width: 80%;
    margin: 0 auto;
}
.mod-newcustomer .mod-cont06 .mod-inner-block .mod-present {
    padding: 0;
	width: 100%;
}
.mod-newcustomer .mod-cont06 .mod-inner-block .mod-present ul {
    padding-bottom: 20px;
    border-bottom: solid 1px #3b3b3c;
}
.mod-newcustomer .mod-cont06 .mod-inner-block .mod-present li {
	float: none;
    width: 100%;
    padding-bottom: 20px;
}
.mod-newcustomer .mod-cont06 .mod-inner-block .mod-present li:first-child {
	padding-bottom: 40px;
}
.mod-newcustomer .mod-cont06 .mod-inner-block .mod-present li:first-child div {
	width: 100%;
    padding-right: 0;
    height: auto;
    line-height: 0;
    margin-bottom: 0;
}
.mod-newcustomer .mod-cont06 .mod-inner-block .mod-present li:first-child img {
    vertical-align: middle;
    width: 100%;
    padding: 0 47px;
    padding-bottom: 20px;
}
.mod-newcustomer .mod-cont06 .mod-inner-block .mod-present li:last-child {
    padding-left: 0;
    width: 100%;
}
.mod-newcustomer .mod-cont06 .mod-inner-block .mod-present li:last-child div {
    padding-bottom: 20px;
}
.mod-newcustomer .mod-cont06 .mod-inner-block .mod-present p {
    text-align: center;
    color: #3b3b3c!important;
    font-size: 13px;
}
.mod-newcustomer .mod-cont06 .mod-inner-block .mod-present p:nth-child(2) {
    font-size: 14px;
    line-height: 1.8em;
    padding-bottom: 8px;
}
.mod-newcustomer .mod-cont06 .mod-inner-block .mod-info {
    text-align: left;
	padding: 30px 0 0;
    padding: 0;
    color: #3b3b3c;
	padding-top: 30px;
	font-size: 10px;
}
.mod-newcustomer .mod-cont06 .mod-inner-block p:last-child {
    margin-bottom: 0px;
}




/*--------- cont07 ---------*/

.mod-newcustomer .mod-cont07 .mod-inner-block {
  padding: 0 0 30px;
}

.mod-newcustomer .mod-cont07{
  padding:0 20px;
}

.mod-newcustomer .mod-cont07-ttl .mod-ttl{
  width: 100%;
	font-size: 22px;
}

.mod-newcustomer .mod-cont07-ttl .mod-ttl:after{
  background:url('/img/topics/HerbalSignature/cont05/sp/cont05-ttl-line02-sp.svg') no-repeat center center;
  background-size:contain;
  width: 26vw;
  height: 3.2vw;
}

.mod-newcustomer .mod-cont07-ttl .mod-ttl:before{
  background:url('/img/topics/HerbalSignature/cont05/sp/cont05-ttl-line01-sp.svg') no-repeat;
  background-size:contain;
  width: 26vw;
  height: 3.2vw;
}

.mod-newcustomer .mod-cont07-caption{
  font-size: 12px;
  padding-bottom: 35px;
}


.mod-newcustomer .mod-cont07-list > li{
  height:285px;
  margin: 0 auto;
  z-index:0;
}

.mod-newcustomer .mod-cont07-list{
  display: block;
}

.mod-newcustomer .mod-cont07-list .mod-img{
  width:85%;
  padding-top:10px;
  text-align: center;
}

.mod-newcustomer .mod-cont07-list li.item01 .mod-img{
  padding-top: 0;
}

.mod-newcustomer .mod-cont07-list .mod-sub{
  margin-top: 5px;
  width: auto;
}

.mod-newcustomer .mod-cont07-list .mod-ttl {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  background-position: center center !important;
}

.mod-newcustomer .mod-cont07-list .item01 .mod-ttl {
  margin-bottom: 20px;
}

.mod-newcustomer .mod-cont07-list .mod-caption{
  height: auto;
  padding-top: 15px;
  font-size: 13px;
}

.mod-newcustomer .mod-cont07-list li.item01 .mod-caption{
  padding-top: 5px;
}

.mod-newcustomer .mod-cont07-list .mod-common-item-btn{
  margin: 15px auto 0;
}

.mod-newcustomer .mod-cont07-list .mod-common-item-btn > *{
  margin:0 auto;
}

.mod-newcustomer .mod-cont07-list .slick-dots {
  text-align: center;
  margin: 20px auto 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mod-newcustomer .mod-cont07-list .slick-dots li{
  display: inline-block;
  width: 8px;
  height: 8px;
  float:none;
  margin: 0 5px;
  background:#808080;
  opacity:0.5;
  transition: 0.3s;
}

.mod-newcustomer .mod-cont07-list .slick-dots li.slick-active{
  opacity:1.0;
  -webkit-transform: scale(1.25);
  transform: scale(1.25);
  background:#666666;
}

.mod-newcustomer .mod-cont07-list .mod-next{
  background:url('/img/common/arrow01_right.svg') no-repeat;
  right: 0;
}

.mod-newcustomer .mod-cont07-list .mod-prev{
  background:url('/img/common/arrow01_left.svg') no-repeat;
  left:0;
}

.mod-newcustomer .mod-cont07-list .mod-next,
.mod-newcustomer .mod-cont07-list .mod-prev {
  content:'';
  display:block;
  position: absolute;
  top:100px;
  z-index:1;
  width: 14px;
  height:20px;
  background-size: 14px 20px;
  background-position: center;
  padding: 30px 20px;
}

.mod-nutri .mod-annotation-txt {
  margin-top: 20px;
  margin-left: 0;
}

.mod-newcustomer .mod-cont07-list .mod-img img {
  margin: 0 auto;
}




/*--------- cont08 ---------*/
.mod-newcustomer .mod-cont08{
	width: 100%;
    text-align: center;
    margin: 0 auto;
	padding: 0 20px;
}
.mod-newcustomer .mod-cont08 .mod-inner-block {
    border: solid 1px #808080;
    width: 100%;
    margin-bottom: 80px;
}
.mod-newcustomer .mod-cont08 .mod-cont08-ttl {
    background-color: #fff;
    opacity: 1;
    transform: translateY(0px);
    width: 95%;
    margin: 0 auto;
    padding-top: 30px;
    margin-top: -3px;
    padding-bottom: 30px;
}
.mod-newcustomer .mod-cont08 .mod-cont08-ttl img {
    width: 50%;
}
.mod-newcustomer .mod-cont08 .mod-sns {
	width: 100%;
}
.mod-newcustomer .mod-cont08 .mod-sns ul {
    width: 95%;
    height: 70px;
    margin: 0px 10px;
    margin-bottom: -2px;
    background-color: #fff;
}
.mod-newcustomer .mod-cont08 .mod-sns li {
    width: 33.3%;
    float: left;
    padding: 0;
    background-color: #fff;
}
.mod-newcustomer .mod-cont08 .mod-sns li img {
    width: 40%;
}



/*--------- cont09 ---------*/
.mod-newcustomer .mod-cont09 {
	width: 100%;
	padding: 0 auto;
	}
.mod-newcustomer .mod-cont09 .mod-inner-block .mod-banner {
    width: 100%;
    margin: 0 auto;
}








/*------------------------------------------------------------------------------
mod-mothersday-2020
------------------------------------------------------------------------------*/

.mod-mothersday-2020 .mod-sp-logo img{
	left: 0;
    right: 0;
    margin: auto;
}
.mod-mothersday-2020 .mod-outer-block {
    text-align: center;
    margin: 0 auto;
	padding-top: 0;
}
.mod-mothersday-2020 .mod-inner-block {
	width: 100%;
}
.mod-mothersday-2020 .mod-kv-block .mod-ttl-wrap{
  padding-bottom: 300px;
}

.mod-mothersday-2020 .mod-kv-block .mod-ttl-wrap .mod-ttl-box{
  width: 100%;
  margin-right: 0;
}

.mod-mothersday-2020 .mod-kv-block .mod-ttl-wrap .mod-ttl{
  width: 87%;
  margin: 0 auto;
}

.mod-mothersday-2020 .mod-kv-block .mod-btn-wrap{
	width: 50vw;
    height: 8vw;
    line-height: 2.5em;
    font-size: 3.2vw;
    margin-top: 5vw;
}

.mod-mothersday-2020 .mod-kv-block .mod-btn-wrap .mod-btn-box img{
  width: 1.73vw;
  height: 2.66vw;
}
.mod-mothersday-2020 .mod-copy-and-link {
    text-align: left;
}



/* ---------cont01--------- */
.mod-mothersday-2020 .mod-cont01 {
  width: 100%;
  padding-right: 30px;
  padding-left: 30px;
}

.mod-mothersday-2020 .mod-cont01 .mod-inner-block{
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
}
.mod-mothersday-2020 .mod-c-btn01 {
    margin-top: 20px;
}


/*--------- cont02 ---------*/

.mod-mothersday-2020 .mod-cont02 .mod-inner-block {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 30px;
}
.mod-mothersday-2020 .mod-cont02 .mod-inner-block .ttl {
    width: 35%;
    padding-top: 30px;
}
.mod-mothersday-2020 .mod-cont02 .mod-inner-block .product-right {
    padding: 0 0 50px;
}
.mod-mothersday-2020 .mod-cont02 .mod-inner-block .product-right img:first-child{
   width: 82%;
}
.mod-mothersday-2020 .mod-cont02 .mod-inner-block .product-right .mod-detail {
    display: flow-root;
    padding-top: 0;
    text-align: center;
    margin-right: 0;
    float: none;
    width: 100%;
}
.mod-mothersday-2020 .mod-cont02 .mod-inner-block .product-right .mod-detail .text {
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
}
.mod-mothersday-2020 .mod-cont02 .mod-inner-block .product-right .mod-detail .product-name {
    padding-bottom: 10px;
    font-size: 15px;
	margin-bottom: 0;
}
.mod-mothersday-2020 .mod-cont02 .mod-inner-block .product-right .mod-detail .product-content {
    font-size: 11px;
    line-height: 2em;
}
.mod-mothersday-2020 .mod-cont02 .product-right .mod-btn-wrap {
    margin-left: 0px;
    margin: 0 auto;
    margin-top: 15px;
}
.mod-mothersday-2020 .mod-cont02 .mod-btn-wrap {
    width: 240px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    letter-spacing: 0.15em;
    color: #fff;
    background: #808080;
    margin-top: 0;
    margin: 0 auto;
}



/*--------- cont03 ---------*/

.mod-mothersday-2020 .mod-cont03 .mod-inner-block {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 30px;
}
.mod-mothersday-2020 .mod-cont03 .mod-inner-block .ttl {
    width: 35%;
    padding-top: 30px;
}
.mod-mothersday-2020 .mod-cont03 .mod-inner-block .product-right {
    padding: 0 0 50px;
}
.mod-mothersday-2020 .mod-cont03 .mod-inner-block .product-right img:first-child{
   width: 82%;
}
.mod-mothersday-2020 .mod-cont03 .mod-inner-block .product-right .mod-detail {
    display: flow-root;
    padding-top: 0;
    text-align: center;
    margin-right: 0;
    float: none;
    width: 100%;
}
.mod-mothersday-2020 .mod-cont03 .mod-inner-block .product-right .mod-detail .text {
    padding-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
    width: 100%;
}
.mod-mothersday-2020 .mod-cont03 .mod-inner-block .product-right .mod-detail .product-name {
    padding-bottom: 10px;
    font-size: 15px;
	margin-bottom: 0;
}
.mod-mothersday-2020 .mod-cont03 .mod-inner-block .product-right .mod-detail .product-content {
    font-size: 11px;
    line-height: 2em;
}
.mod-mothersday-2020 .mod-cont03 .mod-inner-block .product-right:last-child .mod-detail img  {
   padding-top: 10px;
}
.mod-mothersday-2020 .mod-cont03 .mod-inner-block .product-right:last-child .mod-detail .product-name {
    padding-bottom: 5px;
}


.mod-mothersday-2020 .mod-cont03 .product-right .mod-btn-wrap {
    margin-left: 0px;
    margin: 0 auto;
    margin-top: 15px;
}
.mod-mothersday-2020 .mod-cont03 .mod-btn-wrap {
    width: 240px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    letter-spacing: 0.15em;
    color: #fff;
    background: #808080;
    margin-top: 0;
    margin: 0 auto;
}




/*--------- cont04 ---------*/
.mod-mothersday-2020 .mod-cont04{
    padding-bottom: 60px;
}
.mod-mothersday-2020 .mod-cont04 .mod-inner-block {
    width: 100%;
}
.mod-mothersday-2020 .mod-cont04 .mod-inner-block .ttl {
    width: 35%;
    padding-top: 60px;
}
.mod-mothersday-2020 .mod-cont04 .mod-inner-block .pickup-item {
	width: 100%;
	display: flex;
	padding: 0 20px;
}
.mod-mothersday-2020 .mod-cont04 .mod-inner-block .pickup-item li {
	width: 47%;
	float: left;
	margin-right: 20px;
	padding-bottom: 40px;
}
.mod-mothersday-2020 .mod-cont04 .mod-inner-block .pickup-item li:nth-child(2), .mod-mothersday-2020 .mod-cont04 .mod-inner-block .pickup-item li:last-child {
	margin-right: 0;
}
.mod-mothersday-2020 .mod-cont04 .mod-inner-block .pickup-item li p {
	line-height: 1.8em;
	padding-bottom: 10px;
	text-align: center;
}
.mod-mothersday-2020 .mod-cont04 .mod-inner-block .pickup-item li:nth-child(3) {
    margin-right: 20px;
}






/*------------------------------------------------------------------------------
news-line
------------------------------------------------------------------------------*/
.mod-news-line .mod-bread-block .mod-inner-block{
  width: 100%;
}
.mod-newcustomer .mod-cont09 .mod-inner-block {
    padding-bottom: 100px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 0 20px;
}
.mod-news-line .mod-cont01 .mod-inner-block{
  padding: 0 20px 75px;
  width: 100%;
}

.mod-news-line .mod-cont01 .mod-ttl-caption{
  padding-top: 20px;
  padding-bottom: 30px;
  line-height: 2;
}

.mod-news-line .mod-cont01 .mod-ttl-01{
  font-size: 14px;
}

.mod-news-line .mod-cont01 p{
  font-size: 12px;
}

.mod-news-line .mod-cont01 .mod-ttl-02{
  padding-top: 20px;
  padding-bottom: 17px;
  font-size: 14px;
}

.mod-news-line .mod-cont01-list li{
  padding-left: 15px;
}

.mod-news-line .mod-cont01-notes{
  padding-top:20px;
}

.mod-news-line .mod-pagetop.mod-border{
  border-top:none;
}

/*------------------------------------------------------------------------------
news-schedule
------------------------------------------------------------------------------*/
.mod-news-schedule .mod-bread-block .mod-inner-block{
  padding: 0 20px;
  width: 100%;
}

.mod-news-schedule .mod-c-border-ttl02 {
  font-size: 17px;
}

.mod-news-schedule .mod-cont01 .mod-inner-block{
  padding: 0 20px 75px;
  width: 100%;
}

.mod-news-schedule .mod-cont01 .mod-ttl-main{
  font-size: 20px;
  line-height: 1.4;
}

.mod-news-schedule .mod-cont01-caption{
  font-size: 12px;
  padding-top: 20px;
  padding-bottom: 30px;
}

.mod-news-schedule .mod-cont01-table{
  font-size: 11px;
}

.mod-news-schedule .mod-pagetop.mod-border{
  border-top:none;
}

/*------------------------------------------------------------------------------
shopguide
------------------------------------------------------------------------------*/
.mod-shopguide .mod-bread-block .mod-inner-block{
  width: 100%;
  padding: 0 20px;
}

.mod-shopguide .mod-cont .mod-inner-block{
  width: 100%;
  padding: 0 20px 60px;
}

.mod-shopguide .mod-caption{
  font-size: 12px;
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 1.66;
}

.mod-shopguide .mod-cont p{
  font-size: 12px;
  line-height: 1.66;
  margin-top: 20px;
}

.mod-shopguide .mod-btn-area{
  padding-top: 8px;
}

.mod-shopguide .mod-guid-list{
  margin-right: 0;
}

.mod-shopguide .mod-guid-list li{
  width: calc((100% - 15px) / 2);
  height: 60px;
  line-height: 63px;
  margin-right: 0;
}

.mod-shopguide .mod-guid-list li:nth-child(2n){
  margin-left: 15px;
}

.mod-shopguide .mod-guid-list li:nth-child(n+3) {
  margin-top: 10px;;
}

.mod-shopguide .mod-btn-area .mod-c-btn01{
  margin:0 auto;
  width: 100%;
}

.mod-shopguide .mod-btn-area .mod-c-btn01 span{
  margin-right: 5px;
  font-size: 13px;
}

.mod-shopguide .mod-step-list{

}

.mod-shopguide .mod-step-list li{

}

.mod-shopguide .mod-step-list li .mod-step-ttl{
  float:none;
  width: 100%;
  margin-left: 0;
}

.mod-shopguide .mod-step-list li .mod-step-img{
  float: none;
  width: 100%;
  padding-top: 20px;
}

.mod-shopguide .mod-step-list li .mod-step-img img{
  width: 100%;
}

.mod-shopguide .mod-step-list li .mod-step-ttl .mod-ttl{
  font-size: 14px;
}

.mod-shopguide .mod-step-list li .mod-step-ttl .mod-text{
  font-size: 12px;
  padding-top: 10px;
}

.mod-shopguide .mod-step-list li+li{
  margin-top: 40px;
}

.mod-shopguide .mod-cont04 .mod-c-h3{
  padding-top: 50px;
  padding-bottom: 10px;
}

.mod-shopguide .mod-guid-box{
  margin-top: 20px;
}

.mod-shopguide .mod-card-img{
  width: 100%;
}

.mod-shopguide .mod-guid-box{
  font-size: 12px;
}

.mod-shopguide .mod-bg-box{
  margin-top: 28px;
  margin-bottom: 28px;
  margin-right: 12px;
  margin-left: 12px;
  padding: 30px 20px;
}

.mod-subpage .mod-cont06 .mod-c-h3{
  margin-bottom: 30px;
}

.mod-shopguide .mod-cont06-list{
  margin-top: 20px;
  padding-bottom: 0;
  padding-left: 12px;
}

.mod-shopguide .mod-cont06 .mod-inner-block{
  padding-bottom: 75px;
}

.mod-shopguide .mod-pagetop.mod-border{
  border-top:none;
}

/*------------------------------------------------------------------------------
mod-shopinfo-detail
------------------------------------------------------------------------------*/
.mod-shopinfo-detail .mod-bread-block .mod-inner-block{
  width: 100%;
  padding:0 20px;
}

.mod-shopinfo-detail .mod-sub-title-block .mod-inner-block{
  width: 100%;
  padding:0 20px;
}

.mod-shopinfo-detail .mod-cont01{
  padding-top: 40px;
}

.mod-shopinfo-detail .mod-cont01 .mod-inner-block{
  width: 100%;
  padding:0 20px;
}

.mod-shopinfo-detail .mod-cont02{
  padding-bottom: 75px;
}

.mod-shopinfo-detail .mod-cont02 .mod-inner-block{
  width: 100%;
  padding:0 20px;
}

.mod-shopinfo-detail .mod-shop-cont{
  width: 100%;
  float: none;
}

.mod-shopinfo-detail .mod-ttl01 {
  font-size: 11px;
}

.mod-shopinfo-detail .mod-shop-img{
  width: 100%;
  float: none;
  margin-left: 0;
  padding-top: 40px;
}

.mod-shopinfo-tori .mod-tel {
  pointer-events: auto !important;
}

.mod-shopinfo-detail .mod-shop-img iframe{
  height: 250px;
}

.mod-shopinfo-detail .mod-shop-cont .mod-ttl-main{
  font-size: 16px;
}

.mod-shopinfo-detail .mod-shop-cont .mod-tag-list li{
  font-size: 10px;
}

.mod-shopinfo-detail .mod-shop-cont .mod-tag-list li img {
  height: 16px;
}

.mod-treatment-tag {
  width: 131px;
}

.mod-depart-tag {
  width: 43px;
}

.mod-shopinfo-detail .mod-shop-btn{
  padding-top: 38px;
}

.mod-shopinfo-detail .mod-shop-btn a{
  margin:0 auto;
  width: 100%;
}

.mod-shopinfo-detail .mod-pagetop.mod-border{
  border-top:none;
}

.mod-shopinfo-detail .mod-text01{
  font-size: 12px;
}

.mod-shopinfo-detail .mod-shop-map{
  font-size: 12px;
}

.mod-shopinfo-detail .mod-shop-caption{
  font-size: 12px;
  padding-top: 20px;
}


/*------------------------------------------------------------------------------
shopinfo-direct
------------------------------------------------------------------------------*/
.mod-shopinfo-tori .mod-address-icon {
  margin-top: 1em;
  pointer-events: auto;
}

.mod-shopinfo-tori .mod-address-icon img {
  width: 11px;
  height: 11px;
  margin-top: 2px;
  margin-right: 3px;
}

.mod-shopinfo-tori .mod-tab-box li+li{
  margin-left: 10px;
}

.mod-shopinfo-tori .mod-tab-box li{
  height:auto;
}

.mod-shopinfo-tori .mod-tab-box li a{
  text-align: center;
  padding-top: 15px;
  padding-bottom: 20px;
  padding-right:5px;
  padding-left:5px;
}

.mod-shopinfo-tori .mod-tab-box li a .mod-main{
  font-size: 13px;
}

.mod-shopinfo-tori .mod-tab-box li a .mod-sub{
  font-size: 10px;
  padding-top: 5px;
}

.mod-shopinfo-tori .mod-tab-box li a:after{
  right:0;
  left:0;
  top:auto;
  bottom:5px;
  margin:0 auto;
  transform:rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
}

.mod-shopinfo-tori .mod-tab-box li.current a:after{
  transform:rotate(270deg);
  -moz-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);

}

.mod-shopinfo-tori .mod-tab-box{
  padding-bottom: 25px;
}

.mod-shopinfo-tori .mod-tori-caption{
  padding-top: 10px;
  font-size: 12px;
}
.mod-shopinfo-tori .mod-tori-pagelink li+li{
  margin-left: 14px;

}

.mod-shopinfo-tori .mod-tori-pagelink{
  padding-bottom: 60px;
}

.mod-shopinfo-tori .mod-pref-list{
  margin-right: -35px;
  margin-bottom: -10px;
}

.mod-shopinfo-tori .mod-pref-list li{
  margin-right: 35px;
  font-size: 10px;
  margin-bottom: 10px;
}

.mod-shopinfo-tori .mod-pref-ttl{
  font-size: 14px;
}

.mod-shopinfo-tori .mod-shop-ttl{
  width: 50%;
  padding-left: 15px;
  padding-right: 10px;
}

.mod-shopinfo-tori .mod-shop-detail{
  width: 50%;
}

.mod-shopinfo-tori .mod-shop-list > li{
  padding-bottom: 30px;
  min-height:137.5px;
}

.mod-shopinfo-tori .mod-shop-ttl a{
  font-size: 12px;
}

.mod-shopinfo-tori .mod-tag-list{
  margin-right: -6px;
}

.mod-shopinfo-tori .mod-tag-list li{
  margin-right: 6px;
}

.mod-shopinfo-tori .mod-tag-list li img {
  height: 16px;
}

.mod-shopinfo-tori .mod-shop-address{
  font-size: 11px;
}

.mod-shopinfo-tori .mod-pref-box{
  margin-top: 30px;
}

.mod-shopinfo-tori .mod-cont02{
  margin-top: 60px;
}

.mod-shopinfo-tori .mod-cont03{
  margin-top: 60px;
  padding-bottom: 0;
}

.mod-shopinfo-tori .mod-pagetop.mod-border{
  border-top:none;
}

.mod-shopinfo-tori .mod-pref-list li a{
  letter-spacing: -0.05em;
}

/*------------------------------------------------------------------------------
aboutus 一覧
------------------------------------------------------------------------------*/
.mod-aboutus-list .mod-main-txt {
  padding: 120px 0 100px;
}

.mod-aboutus-list .mod-fv-txt {
  width: 80%;
  height: 17vw;
}

.mod-aboutus-list .mod-main-txt .mod-description img {
  width: 85%;
}

.mod-aboutus-list .mod-aboutus-link-block li .mod-txt img {
  height: 11px;
}

.mod-aboutus-list .mod-cont01 {
  margin-bottom: 80px;
}

.mod-aboutus-list .mod-delay {
  -webkit-transition: 1s 0.5s;
  transition: 1s 0.5s;
  -webkit-transition-property: opacity,transform;
  transition-property: opacity,transform;
}

.mod-aboutus-list .mod-aboutus-link-block .mod-txt {
  opacity: 0;
  font-size: 12px;
  letter-spacing: 0.13em;
  -webkit-transition: 1s 0.5s;
  transition: 1s 0.5s;
  -webkit-transition-property: opacity,transform;
  transition-property: opacity,transform;
  background-color: rgba(0,0,0,0.5);
}

.mod-aboutus-list .mod-aboutus-link-block .mod-delay + .mod-txt {
  opacity: 1;
}

/*------------------------------------------------------------------------------
about-ourexpertise ものづくり
------------------------------------------------------------------------------*/
.mod-about-kv .mod-main-ttl{
  padding-top: 14.66vw;
  padding-bottom: 10vw;
  width:58.66vw;
  margin:0 auto;
}

.mod-about-kv .mod-main-ttl img{
  width:100%;
}

.mod-about-ourexpertise .mod-about-kv .mod-main-caption{
  width:85.6vw;
  margin:0 auto;
  padding-bottom: 15.73vw;
}

.mod-about-kv .mod-main-caption img{
  width:100%;
}

.mod-about-detail-list{
  padding:0 20px;
  width: auto;
  display: block;
}

.mod-about-detail-list li{
  width: auto;
  height:13.3vw;
  line-height:13.3vw;
  float: none;
  border-left: none;
  border-top:solid 1px #9B9B9B;
}

.mod-about-detail-list li:last-child{
  border-bottom:solid 1px #9B9B9B;
}

.mod-about-detail-list li a{
  font-size:3.2vw;
}

.mod-about-cont{
  margin-top: 100px;
}

.mod-about-cont .mod-cont{
  width: auto;
  padding-top: 60px;
  padding-right:20px;
  padding-left:20px;
}

.mod-about-cont .mod-ttl-box{
  width: auto;
  float: none;
}

.mod-about-cont .mod-text-box{
  width: auto;
  float: none;
  margin-left: 0;
  margin-top: 25px;
  max-height: calc(10em); /* 2em（行）x line-heightの2.0 */
  overflow: hidden;
  font-size: 14px;
}

.mod-about-cont .mod-text-box p{
  position: relative;
  z-index:0;
}

/*.mod-about-cont .mod-text-box.mod-hidden{*/
/*height: calc(10em + 25px); !* 2em（行）x line-heightの2.0 *!*/
/*overflow: hidden;*/
/*}*/

.mod-more-btn{
  font-size: 14px;
  text-decoration: underline;
  text-align: center;
  padding-top: 15px;
  position: relative;
  z-index:1;
}

.mod-about-slider .mod-prev,
.mod-about-slider .mod-next {
  width: 17px;
  height:23px;
  background-size: 17px 23px;
  padding: 30px 20px;
}

.mod-aboutlink .mod-inner-block{
  width: auto;
  padding-top: 70px;
  padding-bottom: 80px;
}

.mod-c-aboutlist{
  padding: 0 20px;
}

.mod-c-aboutlist li{
  width: calc(50% - 7.5px);
  margin-right: 0;
}

.mod-c-aboutlist li:nth-child(2n){
  margin-left:15px;
}

.mod-c-aboutlist li:nth-child(n+3){
  margin-top: 15px;
}

.mod-c-aboutlist li > *{
  font-size: 11px;
}

.mod-about-ourexpertise .mod-cont01 .mod-ttl-box img{
  width: 230px;
}

.mod-about-ourexpertise .mod-cont02 .mod-ttl-box img{
  width: 234px;
}

.mod-about-ourexpertise .mod-cont04 .mod-ttl-box img{
  width: 167px;
}

/*------------------------------------------------------------------------------
about-ourstory ストーリー
------------------------------------------------------------------------------*/
.mod-about-ourstory .mod-about-kv .mod-main-ttl{
  padding-top: 21.33vw;
  padding-bottom: 13.33vw;
  width:auto;
}

.mod-about-ourstory .mod-about-kv .mod-main-ttl img{
  width: 63vw;
}

.mod-about-ourstory .mod-about-kv .mod-main-caption{
  width: 100%;
  text-align: center;
  padding-bottom: 16vw;
}

.mod-about-ourstory .mod-about-kv .mod-main-caption img{
  width: 85.6vw;
}

.mod-about-ourstory .mod-cont01.mod-about-cont .mod-ttl-box img{
  width: 250px;
}

.mod-about-ourstory .mod-cont02.mod-about-cont .mod-ttl-box img{
  width: 240px;
}

.mod-history-list{
  float:none;
  width: 100%;
  padding-top: 50px;
}

.mod-history-list li+li{
  padding-top: 34px;
}

.mod-history-list .mod-history-age{
  float: none;
  width: 100%;
}

.mod-history-list .mod-history-age img{
  width:42px;
  height:20.5px;
}

.mod-history-list .mod-history-age.mod-adjust01 img {
  width: auto;
}


.mod-history-list .mod-history-age .mod-history-age02{
  display: inline;
}

.mod-history-list .mod-history-age .mod-age-line{

}

.mod-history-list .mod-history-age .mod-age-line img{
  width: 7px;
  position: relative;
  top: 5px;
}

.mod-history-list .mod-history-text{
  float: none;
  width: 100%;
  font-size: 14px;
  padding-top: 15px;
}

.mod-about-ourstory .mod-pagetop.mod-border{
  border-top:none;
}

/*------------------------------------------------------------------------------
about-ourresponsibility 環境への取り組み
------------------------------------------------------------------------------*/
.mod-about-ourresponsibility .mod-about-kv .mod-main-ttl{
  width:50vw;
}

.mod-about-ourresponsibility .mod-about-kv .mod-main-caption{
  width: auto;
  text-align: center;
}

.mod-about-ourresponsibility .mod-about-kv .mod-main-caption img{
  width:85.6vw;
}

.mod-about-ourresponsibility .mod-cont01.mod-about-cont .mod-ttl-box img{
  width:206px;
}

.mod-about-ourresponsibility .mod-cont02.mod-about-cont .mod-ttl-box img{
  width:213px;
}

.mod-about-ourresponsibility .mod-cont03.mod-about-cont .mod-ttl-box img{
  width:176px;
}

.mod-about-ourresponsibility .mod-pagetop.mod-border{
  border-top:none;
}

/*------------------------------------------------------------------------------
about-ourorigin 発祥の地アデレード
------------------------------------------------------------------------------*/
.mod-about-ourorigin .mod-about-kv .mod-main-ttl{
  width:51.2vw;
}

.mod-about-ourorigin .mod-about-kv .mod-main-caption{
  width: auto;
  text-align: center;
}

.mod-about-ourorigin .mod-about-kv .mod-main-caption img{
  width:85.6vw;
}

.mod-about-ourorigin .mod-cont01.mod-about-cont .mod-ttl-box img{
  width:250px;
}

.mod-about-ourorigin .mod-cont02.mod-about-cont .mod-ttl-box img{
  width:265px;
}

.mod-about-ourorigin .mod-pagetop.mod-border{
  border-top:none;
}

/*------------------------------------------------------------------------------
TOPICS
------------------------------------------------------------------------------*/
.mod-topics-list-block .mod-inner-block {
  width: auto;
  padding: 0 20px;
}

.mod-topics-list-block .mod-list-wrap {
  margin-bottom: 55px;
}

.mod-topics-list-block .mod-list-wrap:last-of-type {
  margin-bottom: 75px;
}

.mod-topics-list-block .mod-c-border-ttl01 {
  margin-bottom: 40px;
}

.mod-topics-list-block .mod-topics {
  width: 72px;
}

.mod-topics-list-block .mod-product {
  width: 93px;
}

.mod-topics-list-block .mod-feature {
  width: 93px;
}

.mod-topics-list-block .mod-topics-list li {
  display: block;
  width: auto;
  margin-left: 0 !important;
}

.mod-topics-list-block .mod-topics-list li + li,
.mod-topics-list-block .mod-topics-list-child {
  margin-top: 35px !important;
}

.mod-topics-list-block .mod-topics-list li img {
  width: 100%;
}

.mod-topics-list-block .mod-topics-list li .mod-ttl {
  font-size: 13px;
}

.mod-topics-list-block .mod-c-more-btn {
  margin-top: 40px;
}

.mod-topics-list-block .mod-c-border-ttl02 {
  margin-bottom: 40px;
}

.mod-topics-list-block .mod-feature-list .list {
  padding-top: 40px;
}

.mod-topics-list-block .mod-feature-list li {
  display: block;
  width: auto;
  margin-left: 0 !important;
}

.mod-topics-list-block .mod-feature-list li:nth-child(3n + 1) {
  margin-left: 0;
  width: 100%;
  float: none;
}

.mod-topics-list-block .mod-feature-list li:nth-child(2) p:nth-child(1) {
  font-size: 17px;
  line-height: 1.42;
  padding-left: 0;
}
.mod-topics-list-block .mod-feature-list li:nth-child(2) p:nth-child(2) {
  font-size: 13px;
  padding: 13px 0 18px;
  line-height: 1.42;
  padding-left: 0;
}

.mod-topics-list-block .mod-feature-list li .mod-common-item-btn {
  padding-left: 0;
}

.mod-topics-list-block .mod-feature-list li + li {
  margin-top: 15px !important;
}

.mod-topics-list-block .mod-feature-list li img {
  width: 100%;
}

.mod-topics-list-block .mod-feature-list li .mod-ttl {
  font-size: 13px;
}





/*------------------------------------------------------------------------------
recruit 採用情報
------------------------------------------------------------------------------*/
.mod-recruit-kv {
  background-image: url(/img/recruit/sp/bg.jpg);
  min-height: 598px;
  height: 190vw;
  padding-top: 23vw;
}
.mod-recruit-kv .mod-title {
  margin-bottom: 15vw;
}
.mod-recruit-kv .mod-title > img {
  width: 41.5%;
  height: auto;
}
.mod-recruit-kv .mod-text {
  margin-bottom: 10vw;
}
.mod-recruit-kv .mod-text > img {
  width: 81.3%;
}
.mod-recruit-btn > a {
  font-size: 11px;
  width: 160px;
  height: 27px;
}
.mod-recruit-btn span {
  height: 27px;
  line-height: 29px;
}
.mod-recruit-btn span::after {
  width: 7px;
  height: 10px;
}
.mod-recruit-person {
  padding: 100px 0 60px;
}
.mod-recruit-person .mod-inner-block {
  padding: 0 20px;
}
.mod-recruit-person ul {
  width: auto;
  margin: 0;
}
.mod-recruit-person ul > li {
  float: none;
  width: auto;
  text-align: left;
}
.mod-recruit-person ul > li + li {
  float: none;
  margin-top: 40px;
}
.mod-recruit-person .mod-title > img {
  height: 25px;
}
.mod-recruit-person .mod-img {
  margin-bottom: 20px;
}
.mod-recruit-person .mod-img > img {
  width: 100%;
}
.mod-recruit-person .mod-sub-title {
  font-size: 18px;
  margin-bottom: 10px;
}
.mod-recruit-person .mod-text {
  font-size: 14px;
}

.mod-recruit-person .mod-recruit-btn {
  margin-top: 40px;
}
.mod-recruit-person .mod-recruit-btn > a {
  font-size: 13px;
  width: 229px;
  height: 40px;
}
.mod-recruit-person .mod-recruit-btn span {
  height: 40px;
  line-height: 42px;
  padding-left: 20px;
}

/*--- person ---*/
.mod-person {
  padding-top: 20px;
  padding-bottom: 60px;
}
.mod-person .mod-inner-block {
  padding: 0 20px;
}
.mod-person .mod-heading {
  display: block;
  height: auto;
}
.mod-person .mod-heading .mod-text-box {
  display: block;
  align-items: inherit;
  justify-content: inherit;
  width: auto;
  padding: 25px 10px 20px;
  text-align: center;
}
.mod-person .mod-heading .mod-text-inn > img {
  width: auto !important;
  height: 47px;
}
.mod-person .mod-heading .mod-text-inn > img.mod-type02 {
  height: 70px;
}
.mod-person .mod-heading .mod-text-box p {
  font-size: 12px;
  margin-top: 1em;
}
.mod-person .mod-heading .mod-bg {
  background: none !important;
  width: auto;
}

.mod-person .mod-col-left > *,
.mod-person .mod-col-right > * + *,
.mod-person .mod-col-right > *,
.mod-person .mod-col-left > * + * {
  float: none;
}
.mod-person .mod-col-left > * + *,
.mod-person .mod-col-right > * + * {
  margin-top: 35px;
}

.mod-person .mod-col-text {
  width: auto;
}

.mod-person .mod-body {
  width: auto;
  padding: 35px 0 70px;
}
.mod-person .mod-body img {
  width: 67%;
  display: block;
  margin: 0 auto;
}
.mod-person .mod-body .mod-box + .mod-box {
  margin-top: 35px;
}
.mod-person .mod-body .mod-box .mod-title > img {
  display: inline;
  margin: 0;
  width: auto;
  height: 17px;
}

.mod-person .mod-body .mod-box p {
  font-size: 14px;
}
.mod-person .mod-body .mod-box .mod-more-btn {
  text-align: center;
}

.mod-person .mod-body .mod-box .mod-text-outer {
  max-height: calc(14px * 2 * 5);
  overflow: hidden;
}

.mod-person .mod-body .mod-box * + .mod-title {
  margin-top: 45px;
}

.mod-js-texthide {
  position: relative;
}

.mod-person .mod-list {
  width: auto;
  padding: 0 20px;
}
.mod-person .mod-list + .mod-list {
  margin-top: 50px;
}
.mod-person .mod-list .mod-title {
  margin-bottom: 35px;
}
.mod-person .mod-list .mod-title > img {
  height: 18px;
}
.mod-person .mod-list li + li {
  margin-top: 40px;
}
.mod-person .mod-list li img {
  height: 23px;
}
.mod-person .mod-list li .mod-sub-title {
  margin-bottom: 10px;
}
.mod-person .mod-list li .mod-sub-title > span {
  font-size: 18px;
  padding-top: 0.1em;
  padding-left: 12px;
  max-width: calc(100% - 30px);
}
.mod-person .mod-list li p {
  font-size: 14px;
  line-height: 1.66;
}

.mod-person .mod-fz li .mod-sub-title {
  margin-bottom: 0;
}
.mod-person .mod-fz li .mod-sub-title > span {
  font-size: 14px;
}

.mod-person .mod-another {
  padding-top: 50px;
}
.mod-person .mod-another .mod-wrap > a {
  text-align: left;
}
.mod-person .mod-another .mod-title {
  margin-bottom: 22px;
}
.mod-person .mod-another .mod-title > img {
  height: 16px;
}
.mod-person .mod-another .mod-img {
  margin-bottom: 20px;
}
.mod-person .mod-another .mod-img > img {
  width: 100%;
}
.mod-person .mod-another .mod-sub-title {
  font-size: 18px;
  margin-bottom: 15px;
}
.mod-person .mod-another .mod-text {
  font-size: 12px;
}

.mod-person .mod-btn-wrap {
  margin-top: 60px;
}
.mod-person .mod-btn-wrap > a {
  font-size: 13px;
  width: 229px;
  height: 40px;
}
.mod-person .mod-btn-wrap span {
  height: 40px;
  line-height: 42px;
  padding-left: 20px;
}
.mod-person .mod-btn-wrap span::after {
  width: 7px;
  height: 10px;
}

.mod-recruit .mod-bread-block .mod-inner-block {
  padding: 0 20px;
}


/*------------------------------------------------------------------------------
mod-member ジュリーク オフィシャルメンバー
------------------------------------------------------------------------------*/
.mod-member-block {
  padding-top: 20px;
  padding-bottom: 60px;
}
.mod-member-block .mod-container {
  width: auto;
}
.mod-member .mod-bread-block .mod-inner-block,
.mod-member-block .mod-inner-block {
  padding: 0 20px;
}
.mod-member-block .mod-title {
  font-size: 20px;
  margin-bottom: 35px;
}

.mod-member-block .mod-container01 .mod-col > * {
  width: calc((100% - 40px) / 2);
}
.mod-member-block .mod-container02 .mod-col,
.mod-member-block .mod-container03 .mod-col {
  display: block;
  justify-content: inherit;
}

.mod-member-block .mod-container02 .mod-col > *,
.mod-member-block .mod-container03 .mod-col > * {
  width: auto;
}

.mod-member-block .mod-name > span {
  font-size: 12px;
  min-width: 50px;
  padding: 0 10px;
}
.mod-member-block .mod-box {
  padding: 0 15px 15px;
}
.mod-member-block .mod-box .mod-t01 {
  font-size: 12px;
  margin-bottom: 12px;
}
.mod-member-block .mod-box .mod-t02 {
  font-size: 10px;
  text-align: left;
  text-align: justify;
}

.mod-member-block .mod-box .mod-img {
  height: 60px;
}
.mod-member-block .mod-box .mod-img > img {
  width: auto;
  max-height: 100%;
}
.mod-member-block .mod-box .mod-img > .mod-img01 {
  max-height: 38px;
}

.mod-member-block .mod-container01 .mod-box + .mod-box::after {
  background-image: url(/img/member/sp/arrow_right.svg);
  width: 20px;
  height: 6px;
  left: -31px;
}

.mod-member-block .mod-container ul {
  font-size: 10px;
  text-align: justify;
}

.mod-member-block .mod-btn-wrap > a {
  width: 80%;
  margin-top: 25px;
}
.mod-member-block .mod-container + .mod-container {
  margin-top: 75px;
}

/* container01 */
.mod-member-block .mod-container01 .mod-name {
  margin-bottom: -10px;
}
.mod-member-block .mod-container01 .mod-t01 {
  margin-top: 10px;
  margin-bottom: 5px;
}

/* container02 */
.mod-member-block .mod-container02 .mod-col {
  margin-bottom: 20px;
}
.mod-member-block .mod-container02 .mod-col > * + * {
  margin-top: 45px;
}
.mod-member-block .mod-container02 .mod-box {
  padding: 20px;
  margin-bottom: 25px;
}
.mod-member-block .mod-container02 .mod-box .mod-t01 {
  font-size: 15px;
}
.mod-member-block .mod-container02 .mod-box .mod-t02 {
  font-size: 12px;
  text-align: center;
}
.mod-member-block .mod-container02 .mod-box .mod-img {
  height: 102px;
}

/* container03 */
.mod-member-block .mod-container03 .mod-fz01 {
  font-size: 12px;
  margin-bottom: 16px;
}
.mod-member-block .mod-container03 .mod-fz02 {
  color: #828282;
  font-size: 10px;
  margin-bottom: 35px;
}
.mod-member-block .mod-container03 .mod-name {
  margin-bottom: 5px;
}
.mod-member-block .mod-container03 .mod-name > span {
  font-size: 15px;
  min-width: 75px;
  color: #d1d1d1;
}
.mod-member-block .mod-container03 .mod-box {
  position: relative;
  padding: 0 20px 20px;
}
.mod-member-block .mod-container03 .mod-box::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -9px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 9px 0 9px;
  border-color: transparent;
  border-top-color: #b4b4b4;
}
.mod-member-block .mod-container03 .mod-box:last-child::after {
  content: none;
}
.mod-member-block .mod-container03 .mod-box + .mod-box {
  margin-top: 35px;
}
.mod-member-block .mod-container03 .mod-box .mod-t02 {
  text-align: center;
}
.mod-member-block .mod-container03 .mod-col {
  margin-bottom: 18px;
}


/*------------------------------------------------------------------------------
mod-faceoil
------------------------------------------------------------------------------*/
.mod-faceoil main {
  padding-bottom: 75px;
}
/* common */
.mod-c-bd-title > span {
  font-size: 12px;
  line-height: 12px;
}

/* kv */
.mod-faceoil .mod-kv-block .mod-ttl-wrap{
  display: block;
  padding-top: 13vw;
}

.mod-faceoil .mod-kv-block .mod-ttl-wrap .mod-ttl-box{
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.mod-faceoil .mod-kv-block .mod-ttl-wrap .mod-ttl{
  width: 82.133vw;
  margin: 0 auto;
}

.mod-faceoil .mod-kv-block .mod-btn-wrap{
  width: 42.53vw;
  height: 7.06vw;
  line-height:7.06vw;
  font-size: 2.3vw;
  margin-top: 2.8vw;
}

.mod-faceoil .mod-kv-block .mod-btn-wrap .mod-btn-box img{
  width: 1.73vw;
  height: 2.66vw;
}


/* cont01 */
.mod-faceoil .mod-cont01 .mod-ttl img {
  height: auto;
  width: 90%;
}
.mod-faceoil .mod-cont01 .mod-caption-wrap .mod-img-box {
  width: 80%;
}
.mod-faceoil .mod-cont01 .mod-list {
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 10px;
}
.mod-faceoil .mod-cont01 .mod-list > li {
  width: 50%;
  padding: 0 20px;
}
.mod-faceoil .mod-cont01 .mod-list > li:nth-child(n+3) {
  margin-top: 50px;
}
.mod-faceoil .mod-cont01 .mod-list .mod-sub {
  width: 100%;
  margin-top: 15px;
}
.mod-faceoil .mod-cont01 .mod-list .mod-img {
  height: auto;
  width: 80%;
  margin: 0 auto;
}
.mod-faceoil .mod-cont01 .mod-list .mod-img > img {
  height: auto;
  width: 100%;
}
.mod-faceoil .mod-cont01 .mod-best {
  width: 42px;
  height: 42px;
}
.mod-faceoil .mod-cont01 .mod-inner-block {
  border-bottom: none;
  padding-top: 80px;
  padding-bottom: 75px;
}
.mod-faceoil .mod-cont01 .mod-caption-wrap {
  padding-top: 50px;
}
.mod-faceoil .mod-cont01 .mod-caption-wrap p {
  font-weight: normal;
}
.mod-faceoil .mod-cont01 .mod-list {
  margin-top: 50px;
}



/* cont02 */
.mod-faceoil .mod-cont02 {
  padding: 0;
}
.mod-faceoil .mod-cont02 .mod-box {
  padding: 12px;
}
.mod-faceoil .mod-cont02 .mod-list {
  padding: 0;
}
.mod-faceoil .mod-cont02 .mod-list > li {
  display: block;
  justify-content: inherit;
}
.mod-faceoil .mod-cont02 .mod-list > li + li {
  margin-top: 0;
}
.mod-faceoil .mod-cont02 .mod-list .mod-img {
  width: auto;
  margin: -12px -12px 0;
}
.mod-faceoil .mod-cont02 .mod-list .mod-img > img {
  width: 100%;
}
.mod-faceoil .mod-cont02 .mod-list .mod-wrap {
  width: 100%;
  padding: 20px 15px 50px;
}
.mod-faceoil .mod-cont02 .mod-list::after {
  border-width: 1px;
  top: 12px;
}
.mod-faceoil .mod-cont02 .mod-list .mod-text {
  font-size: 14px;
}

/* cont03 */
.mod-faceoil .mod-cont03 {
  padding-top: 100px;
}
.mod-faceoil .mod-cont03 .mod-text {
  font-size: 14px;
}
.mod-faceoil .mod-cont03 .mod-title-wrap {
  margin-bottom: 50px;
}
.mod-faceoil .mod-cont03 .mod-c-bd-title {
  margin: 0 20px;
}
.mod-faceoil .mod-cont03 .mod-list-wrap {
  border-bottom: none;
  padding: 25px 25px 10px;
}
.mod-faceoil .mod-cont03 .mod-list {
  display: block;
  flex-wrap: inherit;
  justify-content: inherit;
  padding: 0;
  margin-bottom: 0;
}
.mod-faceoil .mod-cont03 .mod-list > li {
  width: auto;
  margin: 0;
  padding-top: 5px;
  padding-left: 45px;
  min-height: 43px;
}
.mod-faceoil .mod-cont03 .mod-list > li::before {
  width: 31px;
  height: 43px;
}
.mod-faceoil .mod-cont03 .mod-list > li:nth-child(1)::before {
  background-image: url(/img/topics/faceoil/sp/num01.svg);
}
.mod-faceoil .mod-cont03 .mod-list > li:nth-child(2)::before {
  background-image: url(/img/topics/faceoil/sp/num02.svg);
}
.mod-faceoil .mod-cont03 .mod-list > li:nth-child(3)::before {
  background-image: url(/img/topics/faceoil/sp/num03.svg);
}
.mod-faceoil .mod-cont03 .mod-list > li:nth-child(4)::before {
  background-image: url(/img/topics/faceoil/sp/num04.svg);
}
.mod-faceoil .mod-cont03 .mod-list > li:nth-child(5)::before {
  background-image: url(/img/topics/faceoil/sp/num05.svg);
}
.mod-faceoil .mod-cont03 .mod-list > li:nth-child(6)::before {
  background-image: url(/img/topics/faceoil/sp/num06.svg);
}
.mod-faceoil .mod-cont03 .mod-list > li + li {
  margin-top: 25px;
}
.mod-faceoil .mod-cont03 .mod-list > li p {
  font-size: 12px;
  line-height: 1.66;
}
.mod-faceoil .mod-cont03 .mod-sub > img {
  height: 15px;
}
.mod-faceoil .mod-cont03 .mod-list > li p {
  margin-top: 0.5em;
}
.mod-faceoil .mod-cont03 .mod-list-wrap > p {
  text-align: left;
}


/* cont04 */
.mod-faceoil .mod-cont04 {
  padding: 0 20px;
}
.mod-faceoil .mod-cont04 .mod-inner-block {
  padding: 100px 0;
  border-top: 1px solid #828282;
}
.mod-faceoil-fade-block {
  width: auto;
  margin: 40px auto 80px;
}
.mod-faceoil .mod-cont04 .mod-flow-wrap {
  display: flex;
  padding: 0 20px;
  margin-bottom: 40px;
}
.mod-faceoil .mod-cont04 .mod-flow-wrap > p {
  width: 50%;
  order: 1;
  padding-left: 20px;
  margin-bottom: 0;
}
.mod-faceoil .mod-cont04 .mod-flow-wrap .mod-arr {
  padding-left: 20px;
  padding-bottom: 0;
  text-align: justify;
  height: 110px;
  display: block;
  align-items: center;
}
.mod-faceoil .mod-cont04 .mod-flow-wrap .mod-arr::after {
  background-image: url(/img/topics/faceoil/cont04/sp/cont04_arrow.svg);
  bottom: auto;
  left: 0;
  top: 0;
  margin-left: 0;
  width: 7px;
  height: 110px;
}

.mod-faceoil .mod-cont04 .mod-flow {
  background-image: url(/img/topics/faceoil/cont04/sp/cont04_bg.svg);
  display: block;
  width: 50%;
  height: auto;
}
.mod-faceoil .mod-cont04 .mod-flow > li {
  font-size: 12px;
  width: 100%;
  height: 40px;
  padding-top: 4px;
}
.mod-faceoil .mod-cont04 .mod-flow > li.mod-sup span {
  font-size: 10px;
}
.mod-faceoil .mod-cont04 .mod-list > li {
  align-items: flex-start;
  flex-wrap: wrap;
  height: auto;
  padding: 40px 10px;
}
.mod-faceoil .mod-cont04 .mod-list > li + li::before {
  width: 8px;
  height: 18px;
  margin-left: -4px;
}
.mod-faceoil .mod-cont04 .mod-list > li.mod-last {
  font-size: 12px;
  line-height: 1.66;
  padding-top: 40px;
  padding-bottom: 0;
}
.mod-faceoil .mod-cont04 .mod-list .mod-img {
  order: inherit;
  width: 100%;
  height: 86px;
  margin-bottom: 30px;
}
.mod-faceoil .mod-cont04 .mod-list .mod-img > img {
  max-width: 90%;
  max-height: 100%;
}
.mod-faceoil .mod-cont04 .mod-list .mod-step {
  width: 65px;
}
.mod-faceoil .mod-cont04 .mod-list .mod-text {
  font-size: 12px;
  width: calc(100% - 65px);
  padding-right: 0;
  line-height: 1.66;
}
.mod-faceoil .mod-cont04 .mod-ttl {
  font-size: 16px;
  padding: 0 55px 0 10px;
  letter-spacing: 0;
}
.mod-faceoil .mod-cont04 .mod-ttl:before {
  left: auto;
  right: 15px;
}
.mod-faceoil .mod-cont04 .mod-ttl sup {
  font-size: 10px;
}
.mod-faceoil .mod-cont04 .mod-list .mod-step > img {
  height: 45px;
}


.mod-faceoil-container {
  padding: 100px 0 50px;
}
.mod-faceoil-container > .mod-inner-block {
  width: auto;
}
.mod-faceoil-container .mod-fx {
  display: block;
  justify-content: inherit;
  padding-bottom: 40px;
}
.mod-faceoil-container .mod-fx .mod-wrap {
  text-align: center;
  width: auto;
}
.mod-faceoil-container .mod-fx .mod-title > img {
  height: 50px;
}
.mod-faceoil-container .mod-fx .mod-t01 {
  font-size: 12px;
  margin-bottom: 20px;
}
.mod-faceoil-container .mod-fx .mod-t02 {
  font-size: 14px;
  text-align: center;
  margin-bottom: 30px;
}
.mod-faceoil-container .mod-fx .mod-img {
  width: 36%;
  margin: 0 auto;
}
.mod-faceoil-container .mod-fx .mod-spec {
  border-top: none;
  margin-top: 5px;
  padding-top: 0;
}
.mod-faceoil-container .mod-fx .mod-t04 {
  font-size: 12px;
}
.mod-faceoil-container .mod-fx .mod-btn-wrap {
  margin-top: 15px;
}
.mod-faceoil-container .mod-fx .mod-btn-wrap a {
  margin: 0 auto;
}
.mod-faceoil-container .mod-fx .mod-label {
  width: 56px;
  height: 56px;
  right: auto;
  left: 100%;
}
.mod-faceoil-container .mod-list {
  padding: 40px 0;
  margin: 0 20px;
}
.mod-faceoil-container .mod-list > li {
  display: block;
  width: 50%;
}
.mod-faceoil-container .mod-list .mod-img {
  margin: 0 auto;
}
.mod-faceoil-container .mod-list .mod-body {
  width: auto;
  padding-left: 0;
  text-align: center;
}
.mod-faceoil-container .mod-list > li:nth-child(n+4) {
  margin-top: 0;
}
.mod-faceoil-container .mod-list > li:nth-child(n+3) {
  margin-top: 20px;
}
.mod-faceoil-container .mod-list .mod-sub {
  font-size: 13px;
  margin: 10px 0 7px;
}
.mod-faceoil-container .mod-list .mod-text {
  font-size: 11px;
}

/* cont05 */

/* cont06 */

/* cont07 */





/*------------------------------------------------------------------------------
handcare
------------------------------------------------------------------------------*/

/*-------  kv-block  -------*/

.mod-handcare .mod-kv-block .mod-ttl-wrap{
  display: block;
  padding-top: 15vw;
}

.mod-handcare .mod-kv-block .mod-ttl-wrap .mod-ttl-box{
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

.mod-handcare .mod-kv-block .mod-ttl-wrap .mod-ttl{
  width: 74vw;
  margin: 0 auto;
}

.mod-handcare .mod-kv-block .mod-btn-wrap{
  border: 1px solid #828282;
  width: 42.53vw;
  height: 7.06vw;
  line-height:7.06vw;
  font-size: 2.3vw;
  margin-top: 4.5vw;
}

.mod-handcare .mod-kv-block .mod-btn-wrap .mod-btn-box img{
  width: 1.73vw;
  height: 2.66vw;
}

/*-------  cont01  -------*/

.mod-handcare .mod-cont01 {
  padding: 80px 20px 0;
}

.mod-handcare .mod-cont01 .mod-inner-block {
  padding: 0 0 100px;
}

.mod-handcare .mod-cont01 .mod-caption-wrap {
  padding-top: 50px;
}

.mod-handcare .mod-cont01 .mod-cont01-item {
  padding-top: 50px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}

.mod-handcare .mod-cont01 .mod-cont01-item li {
  width: calc((100% - 7.5vw)/ 2);
}

.mod-handcare .mod-cont01 .mod-cont01-item li:nth-child(n+3) {
  margin-top: 50px;
}

.mod-handcare .mod-cont01 .mod-cont01-item li .mod-text {
  margin-top: 0;
}

@media screen and (max-width: 374px) {
  .mod-handcare .mod-cont01 .mod-cont01-item li .mod-text {
    font-size: 3.2vw;
    letter-spacing: 0.02em;
    font-feature-settings: "palt";
  }
}

/*-------  cont02  -------*/

.mod-handcare .mod-cont02 {
  padding-top: 100px;
  padding-bottom: 0;
}

.mod-handcare .mod-cont02-top .mod-ttl {
  margin: 0 20px 30px;
}

.mod-handcare .mod-cont02-top .mod-ttl .mod-ico {
  position: absolute;
  top: -15vw;
  left: 6.7vw;
  width: 14vw;
}

.mod-handcare .mod-cont02-top .mod-text {
  font-size: 14px;
  margin: 0 20px;
}

.mod-handcare .mod-cont02-top .mod-img {
  margin-top: 40px;
  padding-bottom: 10px;
}

.mod-handcare .mod-cont02-item-kv {
  margin: 50px 20px;
}

.mod-handcare .mod-cont02-item-kv > .mod-img {
  display: none;
}

.mod-handcare .mod-cont02-item-kv .mod-main {
  padding-top: 0;
}

.mod-handcare .mod-cont02-item-kv .mod-main .mod-sub {
  font-size: 12px;
}

.mod-handcare .mod-cont02-item-kv .mod-main .mod-ttl {
  margin: 8px 0 14px;
}

.mod-handcare .mod-cont02-item-kv .mod-main .mod-ttl img {
  height: 14vw;
}

.mod-handcare .mod-cont02-item-kv .mod-main .mod-text {
  font-size: 13px;
  line-height: 2;
}

.mod-handcare .mod-cont02-item-kv .mod-main .mod-price {
  text-align: center;
  font-size: 12px;
  margin: 0 0 16px;
}

.mod-handcare .mod-cont02-item-kv .mod-img {
  text-align: center;
  margin: 30px 23vw 0;
}

.mod-handcare .mod-cont02-item-kv .mod-common-item-btn a {
  margin: 0 auto;
}

.mod-handcare .mod-cont02-item {
  border-bottom: solid 1px #808080;
  margin: 50px 20px 0;
  padding-bottom: 50px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-between;
  flex-wrap: wrap;
}

.mod-handcare .mod-cont02-item:last-child {
  padding-bottom: 100px;
}

.mod-handcare .mod-cont02-item li {
  width: calc((100% - 6.7vw)/ 2);
}

.mod-handcare .mod-cont02-item li:nth-child(n+3) {
  margin-top: 30px;
}

.mod-handcare .mod-cont02-item li .mod-main {
  font-size: 12px;
}

.mod-handcare .mod-cont02-item li .mod-main .mod-small {
  font-size: 10px;
}

.mod-handcare .mod-cont02-item li .mod-sub {
  margin-top: 4px;
}

/*-------  cont03  -------*/

.mod-handcare .mod-cont03 .mod-inner-block {
  padding-top: 100px;
}

.mod-handcare .mod-cont03-top .mod-ttl {
  margin: 0 20vw 30px;
}

.mod-handcare .mod-cont03-top .mod-text {
  margin: 0 20px;
  font-size: 14px;
}

.mod-handcare .mod-cont03-top .mod-img {
  margin-top: 40px;
}

.mod-handcare .mod-cont03-item {
  margin-top: 50px;
}

.mod-handcare .mod-cont03-item ul {
  margin-top: 0;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.mod-handcare .mod-cont03-item li {
  width: 50%;
  text-align: center;
}

.mod-handcare .mod-cont03-item li:nth-child(n+3) {
  margin-top: 50px;
}

.mod-handcare .mod-cont03-item li .mod-text {
  font-size: 12px;
  margin: 5px 0 16px;
}

@media screen and (max-width: 374px) {
  .mod-handcare .mod-cont03-item li .mod-text {
    font-size: 3.2vw;
    letter-spacing: 0.02em;
    font-feature-settings: "palt";
  }
}

.mod-handcare .mod-cont03-item li .mod-common-item-btn a {
  margin: 0 auto;
}

.mod-handcare .mod-cont03-item li .mod-img {
  padding: 0 9vw;
}

.mod-handcare .mod-cont03-item .mod-badge {
  width: 15vw;
  top: 0;
  left: auto;
  right: -6vw;
}

/*-------  cont04  -------*/

.mod-handcare .mod-cont04 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.mod-handcare .mod-cont04 .mod-inner-block {
  padding: 14px;
}

.mod-handcare .mod-cont04 .mod-cont04-inner {
  border-width: 1px;
  padding: 36px 0;
}

.mod-handcare .mod-cont04-item-kv .mod-ttl {
  margin: 0 17vw 30px;
}

.mod-handcare .mod-cont04-item-kv .mod-text {
  font-size: 14px;
  margin: 0 20px 40px;
}

.mod-handcare .mod-cont04-list {
  margin-top: 40px;
}

.mod-handcare .mod-cont04-list li {
  text-align: center;
}

.mod-handcare .mod-cont04-list li + li {
  margin-top: 100px;
}

.mod-handcare .mod-cont04-list li .mod-ttl {
  margin-bottom: 40px;
}

.mod-handcare .mod-cont04-list li .mod-ttl img {
  height: 12vw;
}

.mod-handcare .mod-cont04-list li .mod-img {
  display: block;
  padding: 0 28vw;
}

.mod-handcare .mod-cont04-list li:last-child .mod-img {
  margin: -8% 0;
}

.mod-handcare .mod-cont04-list li .mod-main {
  margin: 16px 0;
  letter-spacing: 0;
}

@media screen and (max-width: 374px) {
  .mod-handcare .mod-cont04-list li .mod-main {
    font-size: 3.2vw;
    letter-spacing: 0.02em;
    font-feature-settings: "palt";
  }
}

.mod-handcare .mod-cont04-list li .mod-common-item-btn a {
  margin: auto;
}

/*------------------------------------------------------------------------------
bodycare
------------------------------------------------------------------------------*/

/*-------  kv-block  -------*/

.mod-bodycare .mod-kv-block .mod-ttl-wrap{
  display: block;
  padding-top: 12.5vw;
}

.mod-bodycare .mod-kv-block .mod-ttl-wrap .mod-ttl-box{
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}

.mod-bodycare .mod-kv-block .mod-ttl-wrap .mod-ttl{
  width: 56vw;
  margin: 0 auto;
}

.mod-bodycare .mod-kv-block .mod-btn-wrap{
  border: 1px solid #828282;
  width: 42.53vw;
  height: 7.06vw;
  line-height:7.06vw;
  font-size: 2.3vw;
  margin-top: 4.5vw;
}

.mod-bodycare .mod-kv-block .mod-btn-wrap .mod-btn-box img{
  width: 1.73vw;
  height: 2.66vw;
}

/*-------  cont01  -------*/

.mod-bodycare .mod-cont01 .mod-inner-block {
  padding-top: 80px;
}

.mod-bodycare .mod-cont01 .mod-ttl-box .mod-ttl img {
  height: 22vw;
}

.mod-bodycare .mod-cont01 .mod-caption-wrap {
  padding-top: 50px;
}

.mod-bodycare .mod-cont01 .mod-caption-wrap .mod-img-box {
  padding: 0 14vw;
}

.mod-bodycare .mod-cont01 .mod-cont01-item {
  border-bottom: solid 1px #808080;
  margin: 0 20px;
  padding : 50px 0 100px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.mod-bodycare .mod-cont01 .mod-cont01-item li {
  width: 50%;
}

.mod-bodycare .mod-cont01 .mod-cont01-item li:nth-child(n+3) {
  margin-top: 50px;
}

.mod-bodycare .mod-cont01 .mod-cont01-item li .mod-text {
  margin-top: 0;
}

@media screen and (max-width: 374px) {
  .mod-bodycare .mod-cont01 .mod-cont01-item li .mod-text {
    font-size: 3.2vw;
    letter-spacing: 0.02em;
    font-feature-settings: "palt";
  }
}

/*-------  cont02  -------*/

.mod-bodycare .mod-cont02 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.mod-bodycare .mod-cont02-top .mod-ttl {
  margin-bottom: 30px;
}

.mod-bodycare .mod-cont02-top .mod-ttl img {
  height: 24.5vw;
}

.mod-bodycare .mod-cont02 .mod-cont02-item-kv .mod-img img {
  width: 100%;
}

.mod-bodycare .mod-cont02-item-kv .mod-main {
  padding: 30px 20px 50px;
}

.mod-bodycare .mod-cont02-item-kv .mod-main .mod-sub {
  font-size: 11px;
}

.mod-bodycare .mod-cont02-item-kv .mod-main .mod-ttl {
  margin: 10px 0 25px;
}

.mod-bodycare .mod-cont02-item-kv .mod-main .mod-text {
  font-size: 14px;
  letter-spacing: 0;
}

.mod-bodycare .mod-cont02-item-kv .mod-main .mod-note {
  font-size: 11px;
  margin-top: 15px;
}

.mod-bodycare .mod-cont02-item-kv .mod-main .mod-ttl img {
  height: 12.5vw;
}

.mod-bodycare .mod-cont02-item {
  border-top: solid 1px #808080;
  margin: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
}

.mod-bodycare .mod-cont02-item li {
  width: 100%;
  max-width: 460px;
  margin-top: 50px;
  text-align: center;
}

.mod-bodycare .mod-cont02-item li .mod-ttl img {
  height: 13vw;
}

.mod-bodycare .mod-cont02-item li .mod-sub {
  font-size: 10px;
  margin: 15px 0 10px;
}

.mod-bodycare .mod-cont02-item li .mod-item-wrap {
  display: table;
  width: 100%;
}

.mod-bodycare .mod-cont02-item li .mod-item {
  display: table-cell;
  text-align: center;
}

.mod-bodycare .mod-cont02-item li .mod-img a {
  position: relative;
  width: 50%;
}

.mod-bodycare .mod-cont02-item li .mod-img a img:first-child {
  width: 60%;
  max-width: 145px;
  margin-right: 6%;
}

.mod-bodycare .mod-cont02-item li .mod-img.mod-best-box a img:first-child {
  margin-right: 25%;
}

.mod-bodycare .mod-best-icon {
  position: absolute;
  width: 45%;
  max-width: 85px;
  height: auto;
  top: 0;
  right: 0;
}

@media screen and (max-width: 374px) {
  .mod-bodycare .mod-cont02-item li .mod-item .mod-text {
    font-size: 3.2vw;
    letter-spacing: 0.02em;
    font-feature-settings: "palt";
  }
}

.mod-bodycare .mod-cont02-item li .mod-item .mod-common-item-btn a {
  margin: auto;
}

/*-------  cont03  -------*/

.mod-bodycare .mod-cont03 {
  padding-bottom: 100px;
}

.mod-bodycare .mod-cont03-inner {
  width: 100%;
  padding: 30px 20px;
}

.mod-bodycare .mod-cont03-inner .mod-ttl {
  margin-bottom: 21px;
}

.mod-bodycare .mod-cont03-inner .mod-ttl img {
  height: 35vw;
}

.mod-bodycare .mod-cont03-inner .mod-text {
  letter-spacing: -0.02em;
}

.mod-bodycare .mod-cont03-inner .mod-item {
  margin-top: 40px;
  text-align: center;
}

.mod-bodycare .mod-cont03-inner .mod-item-img {
  display: block;
  padding: 0 30vw;
}

.mod-bodycare .mod-cont03-inner .mod-item .mod-common-item-btn a {
  margin: auto;
}

/*-------  cont04  -------*/

.mod-bodycare .mod-cont04 {
  padding-bottom: 100px;
}

.mod-bodycare .mod-cont04-item-kv .mod-ttl {
  margin: 0 12.6vw 21px;
}

.mod-bodycare .mod-cont04-item-kv .mod-text {
  margin: 0 20px 30px;
}

.mod-bodycare .mod-cont04-item-kv .mod-text {
  font-size: 12px;
  line-height: 1.67;
}

.mod-bodycare .mod-cont04-slider {
  width: 100%;
}

.mod-bodycare .mod-cont04-slider .slick-dots {
  margin: 13px auto;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mod-bodycare .mod-cont04-slider .slick-dots li {
  width: 8px;
  height: 8px;
  float: none;
  margin: 0 5px;
  background: #666666;
  display: block;
  opacity: 0.5;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.mod-bodycare .mod-cont04-slider .slick-dots li.slick-active {
  opacity: 1.0;
  -webkit-transform: scale(1.25);
  transform: scale(1.25);
}

.mod-bodycare .mod-cont04-item {
  margin-top: 50px 10px 0;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.mod-bodycare .mod-cont04-item li {
  width: 50%;
}

.mod-bodycare .mod-cont04-item li:nth-child(n+3) {
  margin-top: 50px;
}

.mod-bodycare .mod-cont04-item li .mod-ttl {
  font-size: 12px;
  margin-bottom: 25px;
}

.mod-bodycare .mod-cont04-item li .mod-img {
  padding: 0 10vw;
  margin-bottom: -5%;
}

.mod-bodycare .mod-cont04-item li .mod-text {
  margin-left: 0;
  text-align: center;
}

.mod-bodycare .mod-cont04-item li .mod-main {
  letter-spacing: 0.02em;
  font-feature-settings: "palt";
}

@media screen and (max-width: 374px) {
  .mod-bodycare .mod-cont04-item li .mod-ttl {
    font-size: 11px;
  }

  .mod-bodycare .mod-cont04-item li .mod-main {
    font-size: 3.2vw;
  }
}

.mod-bodycare .mod-cont04-item li .mod-common-item-btn a {
  margin: auto;
}

/*------------------------------------------------------------------------------
company
------------------------------------------------------------------------------*/
.mod-company .mod-inner-block {
  width: auto;
  padding: 0 20px;
}

.mod-company .mod-cont01 .mod-inner-block {
  padding-bottom: 75px;
}

.mod-company .mod-c-border-ttl02 {
  margin-bottom: 30px;
}

/*------------------------------------------------------------------------------
prescription
------------------------------------------------------------------------------*/
.mod-prescription .mod-inner-block {
  width: auto;
  padding: 0 20px;
}

.mod-prescription .mod-cont01 .mod-inner-block {
  padding-bottom: 75px;
}

.mod-prescription .mod-c-border-ttl02 {
  margin-bottom: 30px;
}

.mod-prescription .mod-c-description {
  margin-bottom: 40px;
}

.mod-prescription .mod-mini-wrap .mod-c-description,
.mod-prescription .mod-label-img {
  float: none;
}

.mod-prescription .mod-label-img {
  text-align: center;
}

/*------------------------------------------------------------------------------
mod-agreement
------------------------------------------------------------------------------*/
.mod-agreement .mod-inner-block {
  width: auto;
  padding: 0 20px;
}

.mod-agreement .mod-link-btn-block {
  margin-bottom: 55px;
}

.mod-agreement .mod-c-border-ttl02 {
  margin-bottom: 30px;
}

.mod-agreement .mod-c-color-box {
  margin-top: 40px;
}

.mod-agreement .mod-cont01 .mod-inner-block {
  padding-bottom: 75px;
}


/*------------------------------------------------------------------------------
shoponline gift ギフト
------------------------------------------------------------------------------*/
.mod-gift .mod-kv-block{
  background:url('/img/shoponline/c/gift/kv-kv01-sp.jpg') no-repeat center center;
  background-size:cover;
  min-height:103px;
}


.mod-gift.mod-product .mod-description{
  text-align: center;
}

.mod-gift .mod-gift-ttl{
  width: 130px;
}

.mod-product-cart-list{
  display: block;
}

.mod-gift.mod-product .mod-description{
  margin-bottom: 0;
  margin-top: 50px;
}

/*------------------------------------------------------------------------------
COLLECTION jurliquerose
------------------------------------------------------------------------------*/
.mod-jurliquerose {margin-bottom: 30px;}
.mod-jurliquerose .mod-kv-block{
  background:url('/img/shoponline/c/collection/jurliquerose/kv-ttl01.png') no-repeat center center;
  background-size:cover;
  min-height:103px;
}
.mod-jurliquerose.mod-product .mod-description{
  text-align: center;
  margin-bottom: 15px;
  margin-top:25px;
  line-height: 2em;
}
.mod-jurliquerose .mod-gift-ttl{
  width: 130px;
}
.mod-jurliquerose .mod-bread-list li > a {
  color: #828282!important;
}
.mod-jurliquerose .mod-jurliquerose-ttl {
  width: 160px;
  height: 40px;
}



/*------------------------------------------------------------------------------
medhia メディア
------------------------------------------------------------------------------*/
.mod-media-block .mod-media-cont + .mod-media-cont{
  margin-top: 40px;
}

.mod-media-age-link{
  padding-top: 20px;
}

.mod-media-age-link li{
  width:65px;
  height:30px;
  line-height:30px;
  transition: 0.3s;
}

.mod-media-age-link li+li{
  margin-left: 12px;
}

@media screen and (max-width: 361px) {
  .mod-media-age-link li+li{
    margin-left: 6px;
  }
}

.mod-media-block{
  margin-top: 40px;
}

.mod-media-cont{
  padding:20px 10px;
  margin-top: 10px;
}

.mod-media-cont .mod-media-ttl{
  font-size: 18px;
  padding-bottom: 15px;
}

.mod-media-cont .mod-img{
  margin-top: 20px;
}

.mod-media-cont .mod-img img{
  max-height:285px;
}

.mod-media-cont p{
  margin-top: 20px;
  font-size: 12px;
}


.mod-item-pickup > li{
  padding-top: 40px;
  padding-bottom: 40px;
}

.mod-item-pickup .mod-img-box{
  width: auto;
  float: none;
}

.mod-item-pickup .mod-text-box{
  float: none;
  width: auto;
  padding-top: 20px;
}

.mod-item-pickup .mod-pickup-caption li{
  font-size: 12px;
}

.mod-item-pickup .mod-pickup-name{
  padding-top: 15px;
  font-size: 12px;
}

.mod-item-pickup .mod-pickup-text{
  font-size: 10px;
}

.mod-item-pickup .mod-pickup-btn{
  width: 60%;
  margin:0 auto;
  margin-top: 15px;
  height:30px;
  line-height: 30px;
}

.mod-item-pickup .mod-pickup-btn a{
  font-size: 12px;
}

.mod-media-cont .mod-img .mod-link{
  padding-bottom: 30px;
}

.mod-media-itemlist{
  margin-top: 20px;
}

.mod-media-itemlist li{
  width: calc(100% / 2 );
}

.mod-media-itemlist li:nth-child(2n){
  padding-left: 5px;
}

.mod-media-itemlist li:nth-child(2n+1){
  clear:both;
  padding-right: 5px;
}

.mod-media-itemlist li:nth-child(n+3){
  margin-top: 20px;
}

.mod-media-itemlist .mod-img-box{
  width: 100%;
  height:calc((100vw - 40px - 20px - 10px) / 2);
  /* (画面幅 -  mod-innerのpadding - mod-media-contのpadding - liのpadding) / 2 */
}

.mod-media-itemlist .mod-text-box{
  width: 100%;
}

.mod-media-itemlist .mod-text-box .mod-item-name{
  text-align: center;
  font-size: 10px;
}

.mod-media-recommend{
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.mod-media-recommend .mod-list-box{
  width: 100%;
  float: none;
}

.mod-media-recommend .mod-img-box{
  width: 100%;
  float: none;
  margin-top: 20px;
}

.mod-media-recommend .mod-img-box img{
  max-width:80%;
}

.mod-media .mod-pagetop.mod-border{
  border-top:0;
}
.mod-media main{
  padding-bottom: 65px;
}

.mod-media-age-link li a{
  font-size: 12px;
  position: relative;
}
/*------------------------------------------------------------------------------
mod-faq-block
------------------------------------------------------------------------------*/

.mod-faq-block .mod-inner-block {
  width: auto;
  padding: 0 20px;
}

.mod-faq-block .mod-cont01 .mod-inner-block {
  padding-bottom: 75px;
}

#wrapper .mod-faq-link-list li {
  width: auto;
  float: none;
  margin-top: 0;
}

#wrapper .mod-faq-link-list li:nth-child(n + 2) {
  margin-top: 15px;
}

.mod-faq-block .mod-faq-cont01 .mod-c-border-ttl02 {
  margin-bottom: 20px;
}

.mod-faq-link-list {
  padding: 0;
  margin-bottom: 70px;
}

.mod-faq-link-list .mod-arrow {
  width: 30px;
  height: 30px;
}

.mod-faq-link-list a .mod-txt {
  font-size: 15px;
}

.mod-question-and-answer {
  padding-left: 0;
}

.mod-question-and-answer .mod-icon span {
  width: 30px;
  height: 30px;
  font-size: 18px;
}

.mod-question-and-answer .mod-txt {
  font-size: 12px;
  width: calc(100% - 30px);
}

.mod-question-and-answer .mod-arrow {
  width: 13.5px;
  height: 8px;
}

/*------------------------------------------------------------------------------
rule 特定商法取引に基づく表記
------------------------------------------------------------------------------*/
.mod-rule main{
  padding-bottom: 75px;
}

.mod-rule .mod-cont-block+.mod-cont-block{
  margin-top: 30px;
}

.mod-rule .mod-c-sub-ttl{
  font-size: 16px;
}

.mod-rule .mod-text01{
  margin-bottom: 10px;
}

.mod-rule .mod-text02{
  margin-top: 20px;
}


/*------------------------------------------------------------------------------
特集ページ7 UVディフェンスローション
------------------------------------------------------------------------------*/
.mod-uvdefencelotion .mod-uvdefencelotion-mv-block .mod-inner-block {
  display: block;
}

.mod-uvdefencelotion .mod-uvdefencelotion-mv-block .mod-mv-txt {
  margin-top: 50px;
}

.mod-uvdefencelotion .mod-uvdefencelotion-mv-block .mod-mv-txt img {
  margin: auto;
  width: 60%;
}

.mod-uvdefencelotion .mod-cont01 .mod-inner-block {
  padding: 75px 20px 90px;
}

.mod-uvdefencelotion .mod-cont01 .mod-cont-ttl img {
  width: 100%;
}

.mod-uvdefencelotion .mod-cont01 .mod-cont-ttl {
  margin-bottom: 50px;
}

.mod-uvdefencelotion .mod-cont01 .mod-description img {
  width: 80%;
}

.mod-uvdefencelotion .mod-cont01 .mod-item img {
  width: 55%;
}

.mod-uvdefencelotion .mod-border-box .mod-inner-block:before {
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
}

.mod-uvdefencelotion .mod-cont02 .mod-inner-block {
  background-image: url(/img/topics/uvdefencelotion/sp/border_cont_bg.jpg);
}

.mod-uvdefencelotion .mod-cont02 .mod-txt-block {
  padding: 40px 30px 45px;
}

.mod-uvdefencelotion .mod-cont02 .mod-ttl {
  margin-bottom: 30px;
}

.mod-uvdefencelotion .mod-cont02 .mod-ttl img {
  width: 75%;
  max-width: 280px;
}

.mod-uvdefencelotion .mod-cont02 .mod-description {
  font-size: 14px;
}

.mod-uvdefencelotion .mod-cont02 .mod-description {
  margin-bottom: 40px;
}

.mod-uvdefencelotion .mod-cont02 .mod-img-box img {
  width: 100%;
}

.mod-uvdefencelotion .mod-cont02 {
  margin-bottom: 100px;
}

.mod-uvdefencelotion .mod-cont03 {
  padding: 0 20px;
}

.mod-uvdefencelotion .mod-cont03 .mod-inner-block {
  padding: 80px 0 75px;
  width: auto;
}

.mod-uvdefencelotion .mod-cont03 .mod-first-block .mod-ttl {
  margin-bottom: 35px;
}

.mod-uvdefencelotion .mod-strengths-list {
  width: auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.mod-uvdefencelotion .mod-strengths-list li {
  float: none;
}

.mod-uvdefencelotion .mod-cont03 .mod-first-block .mod-ttl img {
  width: 60%;
}

.mod-uvdefencelotion .mod-strengths-list .mod-inn {
  margin-top: 6vw;
}

.mod-uvdefencelotion .mod-strengths-list .mod-circle {
  display: block;
  width: 24vw;
  height: 24vw;
}

.mod-uvdefencelotion .mod-strengths-list .mod-circle-ttl img {
  height: 4vw;
}

.mod-uvdefencelotion .mod-circle-img-adjust01 {
  margin-left: 0;
}

.mod-uvdefencelotion .mod-strengths-list .mod-circle-ttl {
  padding-bottom: 2.5vw;
  margin-bottom: 2.5vw;
}

.mod-uvdefencelotion .mod-strengths-list .mod-circle-ttl:after {
  width: 3vw;
}

.mod-uvdefencelotion .mod-strengths-list .mod-kakeru {
  width: 5vw;
  height: 24vw;
  margin: 0 1vw;
}

.mod-uvdefencelotion .mod-strengths-list .mod-kakeru img {
  width: 3vw;
  height: 3vw;
}

.mod-uvdefencelotion .mod-strengths-list .mod-description {
  font-size: 3vw;
  line-height: 1.2;
  letter-spacing: -0.1em;
}

.mod-uvdefencelotion .mod-strengths-list .mod-description sup {
  font-size: 10px;
}

.mod-uvdefencelotion .mod-cont03 .mod-first-block .mod-note {
  margin: 30px 0 45px;
}

.mod-uvdefencelotion .mod-cont03 .mod-second-block .mod-ttl img {
  width: 70%;
}

.mod-uvdefencelotion .mod-cont03 .mod-second-block .mod-ttl {
  margin-bottom: 50px;
}

.mod-uvdefencelotion .mod-cont03 .mod-second-block .mod-uv-item-list {
  padding: 0 10px 45px;
}

.mod-uvdefencelotion .mod-cont03 .mod-second-block .mod-uv-item-list li {
  width: calc(50% - 15px);
}

.mod-uvdefencelotion .mod-cont03 .mod-second-block .mod-uv-item-list li:nth-child(2n) {
  margin-left: 30px;
}

.mod-uvdefencelotion .mod-cont03 .mod-second-block .mod-uv-item-list .mod-uv-item-name01 {
  font-size: 13px;
}

.mod-uvdefencelotion .mod-cont03 .mod-second-block .mod-uv-item-list .mod-uv-item-name02 {
  font-size: 11px;
}

.mod-uvdefencelotion .mod-cont03 .mod-third-block {
  padding: 40px 0;
}

.mod-uvdefencelotion .mod-cont03 .mod-third-block .mod-uv-item-list {
  font-size: 0;
}

.mod-uvdefencelotion .mod-cont03 .mod-third-block .mod-uv-item-list li {
  width: 50%;
  float: none;
  display: inline-block;
  vertical-align: top;
  text-align: center;
}

.mod-uvdefencelotion .mod-cont03 .mod-third-block .mod-uv-item-list .mod-uv-item-ttl,
.mod-uvdefencelotion .mod-cont03 .mod-third-block .mod-uv-item-list .mod-item-des {
  padding-right: 0;
}

.mod-uvdefencelotion .mod-cont03 .mod-third-block .mod-uv-item-list .mod-item-img {
  position: static;
  margin-bottom: 10px;
}

.mod-uvdefencelotion .mod-cont03 .mod-third-block .mod-uv-item-list li:nth-child(2n) {
  margin-left: 0;
}

.mod-uvdefencelotion .mod-cont03 .mod-third-block .mod-uv-item-list .mod-uv-item-ttl img {
  height: 32px;
}

.mod-uvdefencelotion .mod-cont03 .mod-third-block .mod-uv-item-list .mod-uv-item-ttl {
  margin-bottom: 10px;
}

.mod-uvdefencelotion .mod-cont03 .mod-third-block .mod-uv-item-list span.mod-item-name01 {
  font-size: 11px;
  display: inline-block;
}

.mod-uvdefencelotion .mod-cont03 .mod-third-block .mod-uv-item-list .mod-item-name01:before {
  top: 7px;
}

.mod-uvdefencelotion .mod-cont03 .mod-third-block .mod-uv-item-list span.mod-item-name02 {
  font-size: 10px;
}

.mod-uvdefencelotion .mod-cont03 .mod-third-block .mod-uv-item-list .mod-item-img img {
  width: 60%;
}

.mod-uvdefencelotion .mod-cont03 .mod-third-block .mod-uv-item-list li:nth-child(n + 3) {
  margin-top: 35px;
}

.mod-uvdefencelotion .mod-cont03 .mod-third-block {
  margin-bottom: 90px;
}

.mod-uvdefencelotion .mod-cont03 .mod-fourth-block .mod-img-and-txt {
  display: block;
  margin-bottom: 35px;
}

.mod-uvdefencelotion .mod-cont03 .mod-fourth-block .mod-img-and-txt .mod-img {
  text-align: center;
}

.mod-uvdefencelotion .mod-cont03 .mod-fourth-block .mod-img-and-txt .mod-img img {
  width: 40%;
}

.mod-uvdefencelotion .mod-cont03 .mod-fourth-block .mod-img-and-txt .mod-txt {
  margin-left: 0;
}

.mod-uvdefencelotion .mod-cont03 .mod-fourth-block .mod-img-and-txt .mod-uv-main-txt > span {
  letter-spacing: 0.075em;
}

.mod-uvdefencelotion .mod-cont03 .mod-fourth-block .mod-img-and-txt .mod-uv-main-txt .mod-txt01,
.mod-uvdefencelotion .mod-cont03 .mod-fourth-block .mod-img-and-txt .mod-txt03 {
  font-size: 12px;
}

.mod-uvdefencelotion .mod-cont03 .mod-fourth-block .mod-img-and-txt .mod-txt02 {
  font-size: 18px;
}

.mod-uvdefencelotion .mod-cont03 .mod-fourth-block .mod-img-and-txt .mod-note {
  position: static;
  margin-top: 20px;
  white-space: normal;
}

/*------------------------------------------------------------------------------
ニュース詳細
------------------------------------------------------------------------------*/


.mod-news-block .mod-inner-block {
  padding: 0 20px;
  width: auto;
}

.mod-news-block .mod-cont01 .mod-inner-block {
  padding-bottom: 75px;
}

.mod-news-block .mod-c-border-ttl02 {
  margin-bottom: 40px;
}

.mod-news-block .mod-data {
  font-size: 12px;
}

.mod-news-block .mod-tag {
  font-size: 10px;
}

.mod-news-block .mod-date-tag-ttl .mod-ttl {
  font-size: 16px;
}

.mod-news-block .mod-date-tag-ttl {
  margin-bottom: 30px;
}

.mod-news-block .mod-news-description {
  font-size: 12px;
}
.mod-news-block .mod-news-description .mod-news-description-big {
  font-size:14px;    
}
.mod-news-block .mod-news-detail-cont {
  padding-bottom: 40px;
}

.mod-news-block .mod-news-top-block {
  margin-top: 15px;
}

.mod-news-block .mod-news-top {
  font-size: 10px;
}

/*------------------------------------------------------------------------------
ニュース一覧
------------------------------------------------------------------------------*/
.mod-news-list-block .mod-news-list-cont .mod-data {
  width: auto;
  margin-right: 15px;
}

.mod-news-list-block .mod-news-list-cont .mod-ttl {
  width: auto;
  padding: 0;
  margin-top: 5px;
  display: block;
}



/*------------------------------------------------------------------------------
ニュース -20190801_gwp
------------------------------------------------------------------------------*/
.mod-news-detail-block .gwp_ttl_text {
  text-align: center;
  padding: 40px 0;
}

.mod-news-detail-block .gwp_event {
  margin-top: 0px;
  width: 100%;
  margin: 0 auto;
}

.mod-news-detail-block .gwp_event td:nth-child(1), .mod-news-detail-block .gwp_event td:nth-child(2) {
  width: 100%;
  padding: 30px 20px 15px;
  border: dotted 1px #828282;
  text-align: center;
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 25px;
}


.mod-news-detail-block .gwp_event .event {
  width: 100px;
}

.mod-news-detail-block .gwp_event td p {
  padding: 15px 0;
  font-size: 12px;
}


.mod-news-detail-block .gwp_text_attention{
  text-align: left;
  padding: 0px 0 50px;
  border-bottom: solid 1px #828282;
  font-size: 14px;
  line-height: 2em;
  letter-spacing: 0.05em;
}

.mod-news-detail-block .gwp_ttl_product{
  text-align: center;
  font-size: 22px;
  padding: 40px 45px 20px;
}

.mod-news-detail-block .sub_ttl{
  text-align: center;
}


.mod-news-detail-block .kumi1 {
  background-color: #faf7f2;
  width: 100%;
  height: 250px;
  margin-bottom: 70px;
}

/*.mod-news-block .mod-news-description .kumi1 a, .mod-news-block .mod-news-description .kumi2 a {
text-decoration: none;
}*/

.mod-news-detail-block .kimi1_circle {
  position: absolute;
  width: 85px;
  text-align: right;
  margin-left: 235px;
  margin-top: -45px!important;
}

.mod-news-detail-block .kumi1 tr:nth-child(1) td, .mod-news-detail-block .kumi2 tr:nth-child(1) td {
  text-align: center;
  padding: 20px 32px 20px;
  font-size: 12.5px;
}

.mod-news-detail-block .kumi1 tr:nth-child(1) td p, .mod-news-detail-block .kumi2 tr:nth-child(1) td p {
  margin-top: 15px;
}

.mod-news-detail-block .kumi2 tr:nth-child(3) {
  padding: 0px 7px 0 35px;
}

.mod-news-detail-block .kumi1 tr:nth-child(3) {
  padding: 0 35px;
}

.mod-news-detail-block .kumi2 tr:nth-child(4) {
  padding: 25px 35px 0;
}

.mod-news-detail-block .kumi1 tr:nth-child(3) td .product, .mod-news-detail-block .kumi2 tr:nth-child(3) td .product, .mod-news-detail-block .kumi2 tr:nth-child(4) td .product {
  margin-bottom: 10px;
}

.mod-news-detail-block .kumi1 tr:nth-child(3) td:nth-child(1), .mod-news-detail-block .kumi2 tr:nth-child(3) td:nth-child(1), .mod-news-detail-block .kumi2 tr:nth-child(4) td:nth-child(1) {
  padding-right: 10px;
  width: 130px;
}

.mod-news-detail-block .kumi1 tr:nth-child(3) td:nth-child(2), .mod-news-detail-block .kumi2 tr:nth-child(3) td:nth-child(2) {
  padding-bottom: 65px;
  font-size: 17px;
}

.mod-news-detail-block .kumi1 tr:nth-child(3) td:nth-child(3), .mod-news-detail-block .kumi2 tr:nth-child(3) td:nth-child(3),.mod-news-detail-block .kumi2 tr:nth-child(4) td:nth-child(3) {
  padding-left: 10px;
  width: 130px;
}


.mod-news-detail-block .kumi1 tr:nth-child(4) td {
  padding: 25px 93px;
  font-size: 17px;
}

.mod-news-detail-block .kumi2 tr:nth-child(5) td {
  padding: 25px 88px;
  font-size: 17px;
}















.mod-news-detail-block .kumi2 {
  background-color: #faf7f2;
  width: 100%;
  height: 250px;
}


.mod-news-detail-block .kumi2 tr:nth-child(2) td:nth-child(1){
  width: 175px;
  padding: 0 10px 40px 30px;
  font-size: 12px
}

.mod-news-detail-block .kumi2 tr:nth-child(2) td:nth-child(3), .mod-news-detail-block .kumi2 tr:nth-child(2) td:nth-child(5), .mod-news-detail-block .kumi2 tr:nth-child(2) td:nth-child(7) {
  width: 155px;
  padding: 0 10px 40px;
  font-size: 12px
}

.mod-news-detail-block .kumi2 tr:nth-child(2) td:nth-child(9){
  text-align: center;
  padding-right: 15px;
}

.mod-news-detail-block .kumi2 tr:nth-child(2) img.product, .mod-news-detail-block .kumi1 tr:nth-child(2) img.product {
  margin-bottom: 10px;
}


.mod-news-detail-block .kumi2 td:nth-child(6), .mod-news-detail-block .kumi2 td:nth-child(8) {
  text-align: center;
  padding-bottom: 100px;
}


.mod-news-detail-block .kumi2 td:nth-child(4) {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 65px;
  font-size: 17px;
}

.mod-news-detail-block .kumi2 td:nth-child(2) {
  text-align: center;
  padding-bottom: 60px;
  font-size: 17px;
}

.mod-news-detail-block .kumi2 td .circle, .mod-news-detail-block .kumi1 td .circle {
  width: 110px;
  margin-bottom: 15px;
  margin-top: -100px;
}






/*------------------------------------------------------------------------------
sitemap サイトマップ
------------------------------------------------------------------------------*/
.mod-sitemap-listbox {
  padding-left: 0;
  margin: 20px 0 35px;
}

.mod-sitemap-list li {
  float: none;
  width: auto;
  font-size: 14px;
}

.mod-sitemap .mod-main-block .mod-inner-block {
  padding-bottom: 75px;
}

.mod-sitemap-list.mod-adjust01 li:nth-child(2) {
  margin-left: 0;
}

.mod-sitemap-list li:nth-child(n + 2) {
  margin-top: 1em;
}

/*------------------------------------------------------------------------------
コラム
------------------------------------------------------------------------------*/
.mod-column-block > .mod-inner-block {
  width: auto;
  padding: 0 20px;
}

.mod-column-ttlarea {
  margin-bottom: 22px;
}
.mod-column-ttlarea p {
  font-size: 12px;
}
.mod-column-ttlarea .mod-ttl {
  font-size: 18px;
  line-height: 1.66;
}

.mod-column-body .mod-img {
  margin-bottom: 25px;
}
.mod-column-body .mod-kv {
  margin-left: -20px;
  margin-right: -20px;
}
.mod-column-body .mod-kv > img {
  width: 100%;
}
.mod-column-body p {
  font-size: 14px;
}

.mod-column-body * + .mod-img {
  margin-top: 30px;
}
.mod-column-body .mod-col > * {
  display: block;
  float: none;
  max-width: inherit;
  width: 100%;
}
.mod-column-body .mod-col > * + * {
  float: none;
  margin-top: 10px;
}

.mod-column-pagination > a::before {
  width: 4px;
  height: 8px;
}

.mod-column-pagination > .mod-next {
  padding-right: 12px;
}
.mod-column-pagination > .mod-prev {
  padding-left: 12px;
}

.mod-column-archive {
  padding: 50px 0 60px;
}

.mod-column-archive .mod-list {
  justify-content: flex-start;
  flex-wrap: wrap;
}
.mod-column-archive .mod-list > li {
  width: calc((100% - 15px) / 2);
  margin-right: 15px;
}
.mod-column-archive .mod-list > li:nth-child(2n) {
  margin-right: 0;
}
.mod-column-archive .mod-list > li:nth-child(n+3) {
  margin-top: 30px;
}

.mod-column-archive .mod-title {
  margin-bottom: 30px;
}
.mod-column-archive .mod-title img {
  height: 12px;
}
.mod-column-archive .mod-img {
  margin-bottom: 8px;
}

/*------------------------------------------------------------------------------
requirement
------------------------------------------------------------------------------*/
.mod-requirement .mod-contents-block {
  padding-bottom: 75px;
}

.mod-requirement .mod-inner-block {
  width: auto;
  padding: 0 20px;
}

.mod-requirement .mod-link-btn-block li a {
  font-size: 13px;
}

.mod-requirement .mod-c-description {
  margin-bottom: 35px;
}

.mod-requirement .mod-requirement-ttl {
  font-size: 17px;
}

.mod-requirement .mod-link-btn-block {
  margin-bottom: 50px;
}

.mod-requirement .mod-c-table01 tr {
  border: 0;
}

.mod-requirement .mod-c-table01 th,
.mod-requirement .mod-c-table01 td {
  display: block;
  width: 100%;
  border: 0;
}

.mod-requirement .mod-c-table01 th {
  font-size: 14px;
  padding: 5px 10px;
}

.mod-requirement .mod-c-table01 td {
  font-size: 12px;
}

.mod-requirement .mod-flow-block .mod-box,
.mod-requirement .mod-flow-block .mod-arrow {
  width: 90%;
}

.mod-requirement .mod-flow-block .mod-box {
  font-size: 11px;
  height: 45px;
}

.mod-requirement .mod-flow-block .mod-arrow {
  height: 30px;
}

.mod-requirement .mod-recruit-btn a {
  width: 100%;
  height: 40px;
  line-height: 42px;
  font-size: 13px;
}

.mod-requirement .mod-recruit-btn span::after {
  width: 8px;
  height: 12px;
}

.mod-requirement .mod-flow-block {
  margin: 15px 0 25px;
}

.mod-requirement .mod-flow-block .mod-arrow img {
  width: 9px;
  height: 18px;
}

.mod-requirement .mod-address-block {
  display: block;
  margin-bottom: 50px;
}

.mod-requirement .mod-address-block .mod-img,
.mod-requirement .mod-address-block .mod-txt {
  width: 100%;
}

.mod-requirement .mod-address-block .mod-img img {
  width: 100%;
}

.mod-requirement .mod-address-block .mod-txt {
  padding: 20px;
  font-size: 12px;
}

.mod-requirement .mod-recruit-btn {
  margin: 20px 0;
}

.mod-requirement .mod-c-description.mod-adjust01 {
  margin-bottom: 10px;
}

@media screen and (max-width: 374px) {
  .mod-requirement .mod-link-btn-block li a {
    font-size: 10px;
  }
}

/*------------------------------------------------------------------------------
feature01
------------------------------------------------------------------------------*/
.mod-feature01-mv-block {
  padding: 40px 0 50px;
}

.mod-feature01 .mod-feature01-mv-block .mod-img-txt .mod-img img {
  width: 65px;
  height: 9px;
}

.mod-feature01 .mod-feature01-mv-block .mod-img-txt .mod-box,
.mod-feature01 .mod-feature01-mv-block .mod-img-txt .mod-img {
  width: 135px;
  height: 19px;
}

.mod-feature01 .mod-feature01-mv-block .mod-ttl-box {
  margin-bottom: 35px;
}

.mod-feature01 .mod-feature01-mv-block .mod-ttl img {
  width: 80%;
}

.mod-feature01 .mod-feature01-mv-block .mod-ttl {
  margin-bottom: 40px;
}

.mod-feature01 .mod-cont01 .mod-cont-ttl img {
  width: 75%;
}

.mod-feature01 .mod-cont01 .mod-cont-ttl {
  margin-bottom: 50px;
}

.mod-feature01 .mod-cont01 .mod-description img {
  width: 85%;
}

.mod-feature01 .mod-cont01 {
  padding: 0 0 50px;
}

.mod-feature01 .mod-cont02 {
  padding: 50px 20px;
}

.mod-feature01 .mod-cont02 .mod-inner-block {
  width: auto;
}

.mod-feature01 .mod-cont02 .mod-cont-ttl img {
  width: 50%;
}

.mod-feature01 .mod-cont02 .mod-cont-ttl {
  margin-bottom: 40px;
}

.mod-feature01-slider .slick-dots {
  font-size: 0;
  text-align: center;
  margin-top: 12px;
  position: absolute;
  left: 0;
  right: 0;
}

.mod-feature01-slider .slick-dots li,
.mod-feature01-slider .slick-dots button {
  width: 8px;
  height: 8px;
}

.mod-feature01-slider .slick-dots li {
  display: inline-block;
}

.mod-feature01-slider .slick-dots li:nth-child(n + 2) {
  margin-left: 10px;
}

.mod-feature01-slider .slick-dots button {
  font-size: 0;
  padding: 0;
  background-color: #c0c0c0;
}

.mod-feature01-slider .slick-dots .slick-active button {
  background-color: #828282;
  -webkit-transform: scale(1.25);
  transform: scale(1.25);
}

.mod-feature01-slider .mod-next {
  background: url(/img/common/arrow02_right.svg) no-repeat;
  right: 0;
}

.mod-feature01-slider .mod-prev {
  background: url(/img/common/arrow02_right.svg) no-repeat;
  left: 0;
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
}

.mod-feature01-slider .mod-prev,
.mod-feature01-slider .mod-next {
  content: '';
  display: block;
  width: 17px;
  height: 23px;
  background-size: 17px 23px;
  background-position: center;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  z-index: 1;
  cursor: pointer;
  padding: 30px 20px;
}

.mod-feature01 .mod-cont02 .mod-img-box {
  margin-bottom: 50px;
}

.mod-feature01 .mod-cont02 .mod-txt-block {
  width: auto;
}

.mod-feature01 .mod-cont02 .mod-cont-subttl img {
  width: 85%;
}

.mod-feature01 .mod-cont02 .mod-cont-subttl {
  margin-bottom: 35px;
}

.mod-feature01 .mod-cont02 .mod-description {
  font-size: 14px;
}

.mod-feature01 .mod-cont03 {
  padding: 50px 0;
}

.mod-feature01 .mod-cont03 .mod-inner-block {
  width: auto;
}

.mod-feature01 .mod-cont03 .mod-cont-ttl img {
  width: 50%;
}

.mod-feature01 .mod-cont03 .mod-cont-ttl {
  margin-bottom: 40px;
}

.mod-feature01 .mod-cont03 .mod-img-box {
  margin-bottom: 50px;
}

.mod-feature01 .mod-cont03 .mod-txt-wrap {
  width: auto;
  padding: 0 20px;
}

.mod-feature01 .mod-cont03 .mod-cont-subttl img {
  height: auto;
}

.mod-feature01 .mod-cont03 .mod-img-adjust01 {
  width: 85%;
}

.mod-feature01 .mod-cont03 .mod-img-adjust02 {
  width: 80%;
}

.mod-feature01 .mod-cont03 .mod-cont-subttl {
  margin-bottom: 40px;
}

.mod-feature01 .mod-cont03 .mod-description {
  font-size: 14px;
}

.mod-feature01 .mod-cont03 .mod-txt-block {
  margin-bottom: 60px;
}

.mod-feature01 .mod-cont03 .mod-conditions {
  font-size: 13px;
  margin-bottom: 30px;
}

.mod-feature01 .mod-cont03 .mod-conditions-list {
  width: 55%;
  margin: 0 auto 40px;
  text-align: left;
}

.mod-feature01 .mod-cont03 .mod-conditions-list li:nth-child(1),
.mod-feature01 .mod-cont03 .mod-conditions-list li:nth-child(2){
  width: 90%;
}

.mod-feature01 .mod-cont03 .mod-conditions-list li:nth-child(n + 2) {
  margin-left: 0;
  margin-top: 25px;
}

.mod-feature01 .mod-cont03 .mod-conditions-list li img {
  height: 8vw;
}

.mod-feature01 .mod-cont03 .mod-description {
  font-size: 14px;
}

.mod-feature01 .mod-cont03 .mod-description img {
  float: none;
  padding: 30px 0;
  width: 100%;
}

.mod-feature01 .mod-cont03 .mod-profile-box .mod-txt01 {
  font-size: 12px;
}

.mod-feature01 .mod-cont03 .mod-profile-box .mod-txt02 {
  font-size: 10px;
}

.mod-feature01 .mod-cont04 {
  padding: 50px 0;
}

.mod-feature01 .mod-cont04 .mod-inner-block {
  width: auto;
}

.mod-feature01 .mod-cont04 .mod-cont-ttl img {
  width: 25%;
}

.mod-feature01 .mod-cont04 .mod-cont-subttl {
  margin-bottom: 50px;
}

.mod-feature01 .mod-cont04 .mod-cont-subttl img {
  width: 70%;
}

.mod-feature01 .mod-cont04 .mod-list-ttl {
  text-align: center;
  margin-bottom: 40px;
}

.mod-feature01 .mod-cont04 .mod-feature01-list01,
.mod-feature01 .mod-cont04 .mod-feature01-list02 {
  display: block;
}

.mod-feature01 .mod-cont04 .mod-feature01-list01 li .mod-img {
  width: auto;
  height: auto;
}

.mod-feature01 .mod-cont04 .mod-feature01-list01 li .mod-img img {
  width: 30%;
}

.mod-feature01 .mod-cont04 .mod-feature01-list01 li:nth-child(n + 2) {
  margin-left: 0;
  margin-top: 60px;
}

.mod-feature01 .mod-cont04 .mod-feature01-list01 li .mod-txt {
  font-size: 12px;
}

.mod-feature01 .mod-cont04 .mod-list-ttl img {
  height: auto;
}

.mod-feature01 .mod-cont04 .mod-list-ttl .mod-img-adjust01 {
  width: 30%;
}

.mod-feature01 .mod-cont04 .mod-list-ttl .mod-img-adjust02 {
  width: 35%;
}

.mod-feature01 .mod-cont04 .mod-list-block {
  margin-bottom: 80px;
}

.mod-feature01 .mod-cont04 .mod-list-ttl span {
  display: block;
  font-size: 14px;
  letter-spacing: 0.1em;
  margin-left: 0;
  margin-top: 10px;
  text-align: center;
}

.mod-feature01 .mod-cont04 .mod-feature01-list02 {
  padding: 0 20px;
}

.mod-feature01 .mod-cont04 .mod-feature01-list02 .mod-img-and-txt {
  width: auto;
}

.mod-feature01 .mod-cont04 .mod-feature01-list02 .mod-img-and-txt .mod-img {
  height: auto;
  margin-bottom: 10px;
}

.mod-feature01 .mod-cont04 .mod-feature01-list02 .mod-img-and-txt .mod-img.mod-adjust01 {
  height: 38vw;
}

.mod-feature01 .mod-cont04 .mod-feature01-list02 .mod-img-and-txt .mod-img img {
  height: 35vw;
}

.mod-feature01 .mod-cont04 .mod-feature01-list02 .mod-img-and-txt .mod-txt {
  font-size: 12px;
  padding: 0 20px;
}

.mod-feature01 .mod-cont04 .mod-feature01-list02 .mod-arrow {
  position: relative;
  width: auto;
  margin-top: 0;
  padding: 20px 0;
}

.mod-feature01 .mod-cont04 .mod-feature01-list02 .mod-arrow img {
  position: relative;
  z-index: 1;
  width: 8px;
  margin: auto;
}

.mod-feature01 .mod-cont04 .mod-feature01-list02 .mod-arrow:before,
.mod-feature01 .mod-cont04 .mod-feature01-list02 .mod-arrow:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

.mod-feature01 .mod-cont04 .mod-feature01-list02 .mod-arrow:before {
  width: 100%;
  height: 1px;
  background-color: #808080;
}

.mod-feature01 .mod-cont04 .mod-feature01-list02 .mod-arrow:after {
  left: 0;
  right: 0;
  width: 10px;
  height: 20px;
  background-color: #fff;
}

.mod-feature01 .mod-cont04 .mod-feature01-list02 .mod-img-and-txt .mod-img .mod-icon-adjust01 {
  height: 31vw;
}

.mod-feature01 .mod-cont04 .mod-after-txt {
  font-size: 13px;
  margin: 25px 0 10px;
  letter-spacing: 0;
  text-align: center;
}

.mod-feature01 .mod-cont04 .mod-feature01-list03,
.mod-feature01 .mod-cont04 .mod-feature01-list03 li {
  display: block;
}

.mod-feature01 .mod-cont04 .mod-feature01-list03 {
  padding: 0 40px;
}

.mod-feature01 .mod-cont04 .mod-feature01-list03 li {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  width: 50%;
  float: left;
}

.mod-feature01 .mod-cont04 .mod-feature01-list03 li:nth-child(n + 3) {
  margin-top: 10px;
}

.mod-feature01 .mod-cont04 .mod-feature01-list03 li .mod-txt {
  font-size: 15px;
  padding: 0;
  margin: auto;
}

.mod-feature01 .mod-cont04 .mod-feature01-list03 li .mod-txt span {
  font-size: 12px;
  margin-left: 3px;
  margin-right: 0;
}

.mod-feature01 .mod-cont05 {
  padding: 50px 20px 80px;
}

.mod-feature01 .mod-cont05 .mod-mini-wrap {
  padding: 65px 0;
}

.mod-feature01 .mod-cont05 .mod-mini-wrap:before,
.mod-feature01 .mod-cont05 .mod-mini-wrap:after {
  top: 0 !important;
  bottom: 0 !important;
  width: 1px;
  height: 98%;
}

.mod-feature01 .mod-cont05 .mod-mini-wrap:before {
  left: -1px;
  right: auto;
}

.mod-feature01 .mod-cont05 .mod-mini-wrap:after {
  right: -1px;
  left: auto;
}

.mod-feature01 .mod-cont05 .collab-logo img {
  width: 90%;
}

.mod-feature01 .mod-cont05 .mod-cont-ttl img {
  width: 88%;
  margin: auto;
}

.mod-feature01 .mod-cont05 .mod-cont-ttl {
  margin-bottom: 40px;
}

.mod-feature01 .mod-cont05 .mod-txt01 {
  font-size: 12px;
  margin-bottom: 40px;
}

.mod-feature01 .mod-cont05 .mod-product-block {
  display: block;
}

.mod-feature01 .mod-cont05 .mod-product-block .mod-product-ttl {
  font-size: 14px;
}

.mod-feature01 .mod-cont05 .mod-product-block .mod-product-img {
  width: 80%;
  margin: auto;
}

.mod-feature01 .mod-cont05 .mod-product-block .mod-box {
  width: auto;
}


.mod-feature01 .mod-cont05 .mod-product-block .mod-box:nth-child(n + 2) {
  margin-left: 0;
  margin-top: 75px;
}

/*------------------------------------------------------------------------------
feature2
------------------------------------------------------------------------------*/
.mod-feature02-mv-block {
  padding-top: 40px;
}

.mod-feature02 .mod-feature02-mv-block .mod-ttl-box {
  margin-bottom: 35px;
}

.mod-feature02 .mod-feature02-mv-block .mod-img-txt {
  height: 20px;
}

.mod-feature02 .mod-feature02-mv-block .mod-img-txt .mod-box,
.mod-feature02 .mod-feature02-mv-block .mod-img-txt .mod-img {
  width: 115px;
  height: 20px;
}

.mod-feature02 .mod-feature02-mv-block .mod-img-txt .mod-img img {
  width: 68px;
  height: 20px;
}

/* main */
.mod-feature02 .mod-feature02-mv-block .mod-ttl {
  margin-bottom: 40px;
}

.mod-feature02 .mod-feature02-mv-block .mod-ttl img {
  width: 89.06666%;
  max-width: 334px;
  height: auto;
}

/* cont 共通 */
.mod-feature02 .mod-contents-block .mod-inner-block {
  width: auto;
  margin: 0 20px;
}

.mod-feature02 .mod-inner-block .mod-description {
  overflow: hidden;
  font-size: 14px;
  max-height: 140px;
  transition: max-height .5s;
}

.mod-feature02 .mod-cont02 .mod-inner-block .open .mod-description {
  max-height: 644px;
}

.mod-feature02 .mod-cont03 .mod-inner-block .open .mod-description {
  max-height: 364px;
}

.mod-feature02 .mod-cont04 .mod-inner-block .open .mod-description {
  max-height: 532px;
}

.mod-feature02 .mod-cont06 .mod-inner-block .mod-text-box .open .mod-description {
  max-height: 541px;
}

.mod-feature02 .mod-cont06 .mod-inner-block .mod-text-box2 .open .mod-description {
  max-height: 312px;
}


.mod-feature02 .mod-cont02 .mod-inner-block .mod-description.open {
  max-height: 644px;
}


.mod-feature02 .mod-more-bnt {
  overflow: hidden;
  margin-top: 2px;
  color: #828282;
  font-size: 14px;
  line-height: 2.5;
  text-align: center;
  letter-spacing: 1px;
}

.mod-feature02 .mod-more-bnt span {
  text-decoration: underline;
}

.mod-feature02 .mod-more-bnt .mod-more-close {
  display: none;
}

.mod-feature02 .open .mod-more-bnt .mod-more-default {
  display: none;
}

.mod-feature02 .open .mod-more-bnt .mod-more-close {
  display: inline-block;
}

/* cont01 */
.mod-feature02 .mod-cont01 {
  padding-top: 50px;
}

.mod-feature02 .mod-cont01 .mod-inner-block .mod-description {
  max-height: none;
}

.mod-feature02 .mod-cont01 .mod-description img {
  width: 97.014925%;
  max-width: 325px;
  height: auto;
}

.mod-feature02 .mod-cont01 .mod-subimg {
  margin-top: 105px;
  text-align: center;
}

.mod-feature02 .mod-cont01 .mod-subimg img {
  width: 335px;
}

/* cont02 */
.mod-feature02 .mod-cont02 {
  padding: 53px 0 80px;
}

.mod-feature02 .mod-cont02 .mod-inner-block {
  width: auto;
}

.mod-feature02 .mod-cont02 .mod-cont-ttl {
  margin-bottom: 50px;
}

.mod-feature02 .mod-cont02 .mod-cont-ttl img {
  width: 79.10447%;
  max-width: 265px;
  height: auto;
}

.mod-feature02 .mod-cont02 .mod-cont-subttl {
  margin-bottom: 28px;
}

.mod-feature02 .mod-cont02 .mod-cont-subttl img {
  width: 84.77611%;
  max-width: 284px;
  height: auto;
}

.mod-feature02 .mod-cont02 .mod-img {
  margin-top: 35px;
}

/* cont03 */
.mod-feature02 .mod-cont03 {
  padding: 50px 0;
}

.mod-feature02 .mod-cont03 .mod-cont-ttl {
  width: auto;
}

.mod-feature02 .mod-cont03 .mod-cont-ttl img {
  width: 69.25373%;
  max-width: 232px;
  height: auto;
}

.mod-feature02 .mod-cont03 .mod-txt-block {
  width: auto;
  margin-top: 30px;
}

.mod-feature02 .mod-cont03 .mod-profile {
  width: auto;
  margin: 35px 0 0;
}

.mod-feature02 .mod-cont03 .mod-profile .mod-profile-img {
  width: 30.74626%;
}

.mod-feature02 .mod-cont03 .mod-profile .mod-profile-text {
  width: 66.56716%;
}

.mod-feature02 .mod-cont03 .mod-profile .mod-profile-text h3 img {
  width: 105px;
  height: auto;
}

.mod-feature02 .mod-cont03 .mod-profile .mod-profile-text .mod-name {
  margin-top: 4px;
  font-size: 9px;
}

.mod-feature02 .mod-cont03 .mod-profile .mod-profile-text .mod-text {
  margin-top: 5px;
  font-size: 10px;
  line-height: 1.8;
  letter-spacing: 0;
}

/* cont04 */
.mod-feature02 .mod-cont04 {
  padding-top: 80px;
}

.mod-feature02 .mod-cont04 .mod-inner-block {
  width: auto;
}

.mod-feature02 .mod-cont04 .mod-cont-subttl {
  width: auto;
  text-align: center;
}

.mod-feature02 .mod-cont04 .mod-cont-subttl img {
  width: 78.20895%;
  max-width: 262px;
  height: auto;
}

.mod-feature02 .mod-cont04 .mod-description {
  margin-top: 25px;
}

.mod-feature02 .mod-cont04 .mod-about-formula {
  display: block;
  width: 100%;
  max-width: 335px;
}

.mod-feature02 .mod-cont04 .mod-mainimg {
  margin-top: 38px;
}

.mod-feature02 .mod-cont04 .mod-about {
  width: auto;
  margin-top: 50px;
  padding: 0;
  border: none;
}

.mod-feature02 .mod-cont04 .mod-about-plus {
  width: auto;
}

.mod-feature02 .mod-cont04 .mod-about-box {
  width: 42.98507%;
}

.mod-feature02 .mod-cont04 .mod-plus {
  width: 18px;
  height: 18px;
}

.mod-feature02 .mod-cont04 .mod-about-box .mod-about-name {
  margin-top: 12px;
  margin-right: -20px;
  font-size: 14px;
  letter-spacing: -1.5px;
}

.mod-feature02 .mod-cont04 .mod-about-box .mod-about-detail {
  font-size: 10px;
}

.mod-feature02 .mod-cont04 .mod-about-box ul {
  margin-top: 3px;
}

.mod-feature02 .mod-cont04 .mod-about-box li {
  font-size: 11px;
  line-height: 1.5;
}

.mod-feature02 .mod-cont04 .mod-kakeru {
  position: static;
  width: 18px;
  height: auto;
  margin: 38px auto 0;
}

.mod-feature02 .mod-cont04 .mod-about-kakerubox {
  display: flex;
  align-items: center;
  width: 90.14925%;
  margin: 40px auto 0;
}

.mod-feature02 .mod-cont04 .mod-about-kakerubox .mod-img {
  width: 47.68211%;
  max-width: 144px;
}

.mod-feature02 .mod-cont04 .mod-about-kakerubox .mod-about-name {
  margin-top: 0;
}

.mod-feature02 .mod-cont04 .mod-about-box .mod-about-kakerutext {
  width: 48.67549%;
  max-width: 147px;
  padding-left: 3.31125%;
}

.mod-feature02 .mod-cont04 .mod-about-result .mod-about-arrow {
  width: 13px;
}

.mod-feature02 .mod-cont04 .mod-about-result {
  margin-top: 48px;
}

.mod-feature02 .mod-cont04 .mod-about-result h2 {
  margin-top: 45px;
}

.mod-feature02 .mod-cont04 .mod-about-result h2 img {
  width: 65.97014%;
  max-width: 211px;
  height: auto;
}

.mod-feature02 .mod-cont04 .mod-about-result li {
  margin-bottom: 10px;
  padding-left: 16px;
  font-size: 14px;
  line-height: 1.4;
  background: url(/img/topics/feature02/sp/cont04_square.png) no-repeat 0 4px;
  background-size: 11px auto;
}

.mod-feature02 .mod-cont04 .mod-about-result li span {
  line-height: 1.5;
}

.mod-feature02 .mod-cont04 .mod-caption {
  margin-top: 20px;
  font-size: 10px;
}

/* cont05 */
.mod-feature02 .mod-cont05 {
  padding: 100px 0;
}

.mod-feature02 .mod-cont05 .mod-cont-ttl {
  width: auto;
  text-align: center;
}

.mod-feature02 .mod-cont05 .mod-cont-ttl img {
  width: 71.34328%;
  max-width: 239px;
  height: auto;
}

.mod-feature02 .mod-cont05 .mod-img {
  margin-top: 50px;
}

.mod-feature02 .mod-cont05 .mod-caption {
  font-size: 12px;
  line-height: 1.9;
  letter-spacing: 0.8px;
}

/* cont06 */
.mod-feature02 .mod-cont06 .mod-inner-block {
  margin: 0;
  padding: 53px 0 45px;
}

.mod-feature02 .mod-cont06 .mod-cont-ttl {
  width: 49px;
  top: 43px;
  margin-left: -24px;
}

.mod-feature02 .mod-cont06 .mod-cont-ttl img {
  width: 49px;
  height: auto;
}

.mod-feature02 .mod-cont06 .mod-img img {
  width: 335px;
}

.mod-feature02 .mod-cont06 .mod-text-box {
  width: auto;
  margin: 50px 20px 0;
}

.mod-feature02 .mod-cont06 .mod-description {
  margin-top: 23px;
}

.mod-feature02 .mod-cont06 .mod-text-box .mod-cont06-tt1 {
  width: auto;
  text-align: center;
}

.mod-feature02 .mod-cont06 .mod-text-box .mod-cont06-tt1 img {
  width: 69.85074%;
  max-width: 234px;
  height: auto;
}

.mod-feature02 .mod-cont06 .mod-text-box2 {
  width: auto;
  margin: 55px 20px 0;
  padding-top: 0;
}

.mod-feature02 .mod-cont06 .mod-text-box2 .mod-cont06-tt1 {
  width: auto;
  text-align: center;
}

.mod-feature02 .mod-cont06 .mod-text-box2 .mod-cont06-tt1 img {
  width: 64.26426%;
  max-width: 214px;
  height: auto;
}

.mod-feature02 .mod-cont06 .mod-text-box2 .mod-txt-block {
  width: auto;
  margin: 0 22px;
}

.mod-feature02 .mod-cont06 .mod-text-box2 .mod-description {
  font-size: 14px;
}

.mod-feature02 .mod-cont06 .mod-caption {
  width: auto;
  margin: 20px 20px 0;
}


/* cont07 */
.mod-feature02 .mod-cont07 {
  padding: 100px 0 65px;
}

.mod-feature02 .mod-cont07 .mod-mini-wrap {
  padding: 55px 0 60px;
}

.mod-feature02 .mod-cont07 .mod-cont-ttl {
  width: auto;
  text-align: center;
}

.mod-feature02 .mod-cont07 .mod-cont-ttl img {
  width: 94.89489%;
  max-width: 316px;
  height: auto;
}

.mod-feature02 .mod-cont07 .mod-txt01 {
  width: auto;
  margin: 25px 22px 0;
  font-size: 12px;
  line-height: 1.9;
}


.mod-feature02 .mod-cont07 .mod-mini-wrap:before,
.mod-feature02 .mod-cont07 .mod-mini-wrap:after {
  top: 0 !important;
  bottom: 0 !important;
  width: 1px;
  height: 98%;
}

.mod-feature02 .mod-cont07 .mod-mini-wrap:before {
  left: -1px;
  right: auto;
}

.mod-feature02 .mod-cont07 .mod-mini-wrap:after {
  right: -1px;
  left: auto;
}

.mod-feature02 .mod-cont07 .mod-item-box {
  display: block;
  width: auto;
  margin-top: 75px;
  text-align: center;
}

.mod-feature02 .mod-cont07 .mod-item-box .mod-img {
  margin: 0;
}

.mod-feature02 .mod-cont07 .mod-item-box .mod-img img {
  width: 79.27927%;
  max-width: 264px;
}

.mod-feature02 .mod-cont07 .mod-item-box .mod-date {
  font-size: 12px;
  line-height: 1.4;
}

.mod-feature02 .mod-cont07 .mod-item-box .mod-detail1 {
  font-size: 14px;
}

.mod-feature02 .mod-cont07 .mod-item-box .mod-detail2 {
  font-size: 14px;
}

.mod-feature02 .mod-cont07 .mod-item-box .mod-text {
  margin-top: 0;
}

/*------------------------------------------------------------------------------
shopping cart
------------------------------------------------------------------------------*/
.FS2_body_Cart_ShoppingCart .rec_title {
  text-align: center;
}

.rcmd-slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '■';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*------------------------------------------------------------------------------
clearfix 
------------------------------------------------------------------------------*/

.mod-feature01 .mod-cont04 .mod-feature01-list03:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  font-size: 0;
  visibility: hidden;
}