.sec_detail img{
    width: 50%;
}
.item_explain .txt01 .sec_pb{
    margin-top: 1rem;
}


.box_f{
display: flex;
gap: 1rem;
}
.box_f > div{
width: 25%;
}
.box_f > p{
width: 75%;
}
div > .txt02{
margin: 0 15px;
}

@media screen and (max-width: 768px) {
.box_f{
display: inline-block;
}
.box_f > div{
width: 50%;
margin: 0 auto 1rem;
}
.box_f > p{
width: 100%;
}
div > .txt02{
margin: 0 3vw;
}
}


/*-----

ミネラルフィニッシングヴェール

-----*/

/* パラグラフレイアウト */
.lx-contents {
  position: relative;
  margin-top: 30px;
  font-size: 16px;
  font-weight: 500;}
.lx-contents + .lx-contents {
  margin-top: 60px;}

/* 導入 */
.lx-contents .intro h2 {
  margin-bottom: 30px;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  letter-spacing: .1em;}
.lx-contents .intro h2 span {
  display: inline-block;
  margin: 0 5px;
  padding: 6px 10px;
  background: #e1a09c;
  line-height: 1.0;
  color: #fff;}
.lx-contents.mt0 {
  margin-top: 0;}
.tc {
  text-align: center;}
.ul {
  text-decoration: underline;}
.imgarea {
  margin: 0;
  margin-top: 30px;
  padding: 0;}
.t01 {
  width: 100%;
  margin-top: 30px;}
.t01 th {
  white-space: nowrap;
  padding: 10px;
  font-weight: 500;
  background-color: #eee;
  font-size: 14px;}
.t01 td {
  padding: 10px;
  font-size: 14px;}
.t01 tr + tr th {
  border-top: 1px solid #fff;}
.t01 tr + tr td {
  border-top: 1px solid #eee;}
.t01 caption {
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: .1em;
  color: #7b8fc8;}
h3 + .t01 {
  margin-top: 0;}
.iml {
  position: relative;
  text-align: left;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;}
.iml img {
    width: 100%;
}
.iml:after {
  pointer-events: none;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 17px;
  background: url(https://gigaplus.makeshop.jp/wclinic/shop/article/skinamure/wave_a.svg) no-repeat top center / 1000px auto;
  z-index: 2;}
.lobox {
  margin-top: 30px;}
.lobox h3 {
  margin-bottom: 3px;
  font-weight: 600;
  font-size: 18px;
  color: #e1a09c;
  letter-spacing: .1em;}
.lobox .title {
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  color: #7b8fc8;
  letter-spacing: .1em;
  border-bottom: 1px solid #ccc;}
.lobox .txt {
  text-align: center;}
.tois {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 20px;}
.tois div {
  width: 48.5%;
  margin-top: 10px;}
.tois div:nth-child(-n+2) {
  margin-top: 0;}
.tois div h3 {
  margin-bottom: 3px;
  font-weight: 600;
  font-size: 18px;
  color: #7b8fc8;
  letter-spacing: .1em;}
.tois div h3 span {
  font-size: 80%;}
.tois div p {
  padding: 20px;
  border-radius: 10px;
  background-color: #f7f7f7;
  font-size: 14px;}
.lobox strong {
  display: inline-block;
  margin-right: 10px;
  padding: 3px 5px;
  background-color: #e1a09c;
  color: #fff;
  line-height: 1.0;}

/*
========================================================

  共通レイアウト：よくある質問

========================================================
*/
.faq-box {
  position: relative;}
.faq-box dl dt {
  position: relative;
  border-bottom: 1px solid #e1a09c;
  font-weight: 500;
  padding: 2px 0;
  padding-left: 40px;}
.faq-box dl dt:before {
  pointer-events: none;
  content: 'Q';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e1a09c;
  color: #fff;
  z-index: 2;}
.faq-box dl dd {
  padding: 15px 20px;
  background-color: #f7f7f7;}
.faq-box dl dd + dt {
  margin-top: 20px;}

/*
========================================================

  共通レイアウト：01

========================================================
*/
.lx-contents .cl01 {
  position: relative;}
.lx-contents .cl01 h2 {
  position: relative;
  margin-bottom: 20px;
  padding: 12px 0;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  border-top: 1px solid #e1a09c;
  border-bottom: 1px solid #e1a09c;
  background-color: #fdf8f8;
  line-height: 1.0;
  letter-spacing: .05em;}
.lx-contents .cl01 h2:after {
  pointer-events: none;
  content: '';
  position: absolute;
  bottom: -10px;
  right: 10px;
  height: 22px;
  aspect-ratio: 1/1;
  background-color: #ccc;}
.lx-contents .cl01 h2 span {
  display: inline-block;
  font-size: 70%;
  line-height: 1.3;}
.reco {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;}
.reco li {
  width: 32%;
  padding: 20px;
  border-bottom: 1px solid #ccc;
  text-align: center;}
.reco li span {
  padding: 0 3px;
  background: linear-gradient(transparent 70%, #f9f9f9 70%);}
.w80 {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;}
.w80 img {
  width: 100%;
  height: auto;}

/*
========================================================

  共通レイアウト：02

========================================================
*/
.lx-contents .cop1691-table {
  width: 100%;
  border-bottom: 2px solid #ccc;
  letter-spacing: 0;}
.lx-contents .cop1691-table th {
  width: calc(100%/3);
  padding: 10px;
  text-align: center;
  border: solid #ccc;
  border-width: 2px 0;
  background-color: #fff;
  font-size: 16px;}
.lx-contents .cop1691-table th:first-child {
  background-color: #f7f7f7;}
.lx-contents .cop1691-table th:first-child img{
  width: 70%;
  height: auto;}
.lx-contents .cop1691-table th + th {
  border-left: 1px dashed #ccc;}
.lx-contents .cop1691-table td {
  padding: 10px;
  font-size: 14px;}
.lx-contents .cop1691-table tbody tr + tr {
  border-top: 1px solid #eee;}
.lx-contents .cop1691-table tbody td + td {
  border-left: 1px dashed #ccc;}
.lx-contents .cop1691-table tbody td span {
  font-weight: 600;
  color: #d50000;}
.lx-contents .cop1691-table tbody td ul li {
  position: relative;
  padding-left: 1em;}
.lx-contents .cop1691-table tbody td ul li:before {
  pointer-events: none;
  content: '・';
  position: absolute;
  left: 0;
  top: 0;}
.lx-contents .cop1691-table tbody tr:last-child td {
  text-align: right;}
.lx-contents .cop1691-table tbody td a {
  display: inline-block;
  font-weight: 500;
  color: #ff817a;}

/*
========================================================

  共通レイアウト：03

========================================================
*/
.lx-contents .box01 {
  padding: 5%;
  background-color: #f3f4f5;}
.lx-contents .box01 h3 {
  padding: 5px 0;
  text-align: center;
  background-color: #1a2c43;
  font-size: 18px;
  color: #fff;}
.lx-contents .box01 p + h3 {
  margin-top: 30px;}
.lx-contents .box01 p {
  padding: 5%;
  background-color: #fff;}
.lx-contents .box01 p span {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
  text-decoration: underline;}
.lx-contents .box02 {
  position: relative;
  margin-top: 30px;
  padding: 50px 20px 20px;
  border-radius: 10px;
  background-color: #fff;}
.lx-contents .box02 ul li {
  position: relative;
  padding-left: 1em;}
.lx-contents .box02 ul li:before {
  pointer-events: none;
  content: '・';
  position: absolute;
  left: 0;
  top: 0;}
.lx-contents .box02 .title {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 0 0 10px 0;
  background-color: #d50000;
  line-height: 1.0;
  font-weight: 600;
  color: #fff;}

/*
========================================================

  共通レイアウト：04

========================================================
*/
.lx-contents .box03 {
  padding: 5%;
  background-color: #f3f4f5;}
.lx-contents .box03 .point {
  background-color: #1a2c43;}
.lx-contents .box03 .box-point {
  margin-bottom: 0;}
.lx-contents .box03 .box-point .box-pointol .num {
  color: #1a2c43;}
.lx-contents .box03 .box-point .box-pointol .ttl {
  color: #1a2c43;}

/*
========================================================

  共通レイアウト：05

========================================================
*/
.lx-contents .box04 .use_title {
  color: #1a2c43;
  background: linear-gradient(transparent 50%, #f3f4f5 50%);}
.lx-contents .box04 .circle {
  background-color: #f3f4f5;}
.lx-contents .box04 .circle span {
  color: #1a2c43;}
.lx-contents .box04 .circle2 {
  background-color: #1a2c43;}
.lx-contents .box04 .use_point {
  padding: 30px;
  background-color: #f3f4f5;}

/*
========================================================

  共通レイアウト：06

========================================================
*/
.lx-contents .box05 .sec_detail {
  margin-top: 0;}

/*
========================================================

  共通レイアウト：07

========================================================
*/
.lx-contents .box06 ol {
  margin-top: 0;}
.lx-contents .box06 ol li {
  font-size: 12px;
  color: #aaa;}
.lx-contents .box06 ol li + li {
  margin-top: 10px;}


@media screen and (max-width: 768px) {

.lx-contents {
  position: relative;
  margin-top: 10vw;
  font-size: 3.5vw;
}
.lx-contents p {
  font-size: 3.4vw;
}
.lx-contents + .lx-contents {
  margin-top: 10vw;
}

/* 導入 */
.lx-contents .intro h2 {
  padding: 0;
  margin-bottom: 3.5vw;
  background: none;
  text-align: center;
  font-size: 5.4vw;
  line-height: 1.8;
  letter-spacing: .2em;
  color: #666;
}
.lx-contents .intro h2 span {
  margin: 0 1.5vw;
  padding: 1.5vw 2vw;
}
.imgarea {
  margin-top: 5vw;
}
.t01,
.t01 tbody,
.t01 tr,
.t01 th,
.t01 td {
  display: block;
}
.t01 {
  border: none;
  margin-top: 5vw;
}
.t01 th {
  border: none;
  padding: 3vw;
  background-color: #e5ebfa;
  font-size: 3.2vw;
  text-align: start;
}
.t01 td {
  border: none!important;
  padding: 3vw;
  font-size: 3.2vw;
}
.t01 caption {
  margin-bottom: 1vw;
  font-size: 3.5vw;
}
.iml {
  margin-bottom: 5vw;
}
.lobox {
  margin-top: 10vw;
}
.lobox h3 {
  margin: 0;
  padding: 0;
  margin-bottom: 2vw;
  padding-bottom: 1vw;
  font-weight: 600;
  font-size: 4vw;
  border-color: #ccc;
}
.lobox .title {
  margin-bottom: 2vw;
  padding-bottom: 2vw;
  font-size: 3.5vw;
}
.tois {
  flex-direction: column;
  margin-top: 5vw;
}
.tois div {
  width: 100%;
  margin-top: 3vw;
}
.tois div h3 {
  margin: 0;
  padding: 0;
  margin-bottom: 2vw;
  padding-bottom: 1vw;
  font-size: 3.8vw;
}
.tois div p {
  padding: 3vw;
  font-size: 3.2vw;
}
.lobox strong {
  margin-right: 2vw;
  padding: 1vw 2vw;
}



/*
========================================================

  共通レイアウト：よくある質問

========================================================
*/
.faq-box dl {
  font-size: 3.4vw;
}
.faq-box dl dt {
  padding: 2vw 0;
  padding-left: 11vw;
}
.faq-box dl dt:before {
  height: 8vw;
  font-size: 3.8vw;
  z-index: 2;
}
.faq-box dl dd {
  font-size: 3.4vw;
  padding: 3vw 4vw;
  line-height: 1.7;
}
.faq-box dl dd + dt {
  margin-top: 5vw;
}
.lx-contents .box05 h3.d_sp span {
  font-size: 3.6vw;
}
.lx-contents .box05 p {
  font-size: 3vw;
  line-height: 1.8;
}
.lx-contents .cl01 h2 {
  padding: 2.5vw 0;
  font-size: 4.2vw;
  color: #666;
  line-height: 1.7;
}
.reco{
  margin: 0;
}
.reco li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  list-style-type: none;
  width: 48%;
  margin: 0;
  padding: 3vw 0;
  font-size: 3.3vw;
}
.reco li span {
  padding: 0 1vw;
}
.doc {
  width: 100%;
  height: auto;
  padding-top: 40vw;
  background: url(https://gigaplus.makeshop.jp/wclinic/shop/article/skinamure/doc.png) no-repeat top center / 60vw auto
}
.doc ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0!important;
  padding: 7vw 3vw 0;
  height: 100%;
  background-color: rgba(255, 255, 255, .2);
  backdrop-filter: blur(1vw);
}
.doc ul li {
  margin: 0;
  list-style-type: none;
}
.doc ul li + li {
  margin-top: 5vw;
}
.doc ul li h3 {
  margin: 0;
  padding: 0;
  margin-bottom: 2vw;
  padding-bottom: 1vw;
  font-weight: 600;
  font-size: 4vw;
  color: #7b8fc8;
  letter-spacing: .1em;
}
.doc ul li p {
  font-size: 3.3vw;
}
.w80 {
  width: 100%;
  margin-top: 5vw;
  margin-bottom: 5vw;
}


/*
========================================================

  共通レイアウト：こんな方におすすめ

========================================================
*/
.lx-contents .list_b {
  margin-top: 0;}
.lx-contents .list_b {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  font-weight: 600;
  text-align: center;}
.lx-contents .list_b li {
  list-style-type: none;
  width: 44%;
  margin: 0!important;
  padding: 10px;
  border-bottom: 1px solid #13337D;
  border-radius: 2vw;
  margin-top: 2vw!important;
  font-size: 3.4vw;}
.lx-contents .list_b li:nth-child(-n+2) {
  margin-top: 0!important;}

/*
========================================================

  共通レイアウト：革新的なテクノロジー

========================================================
*/
.flex01 {
  flex-direction: column;}
.flex01 figure {
  margin: 0;
  padding: 0;}
.flex01 figure img {
  width: 100%;
  height: auto;}
.flex01 > div {
  width: 100%;
  margin-top: 5vw;}
.flex01 > div dl dt {
  margin-bottom: 2vw;
  font-size: 3.6vw;
  border-bottom: 1px solid #ccc;
  font-weight: 600;}
.flex01 > div dl dt span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 7vw;
  aspect-ratio: 1/1;
  margin-right: 3.5vw;
  background-color: #13337D;
  color: #fff;
  line-height: 1.0;
  font-size: 100%;}
.flex01 > div dl dd + dt {
  margin-top: 3vw;}
.flex01 > div dl dd {
  line-height: 1.8;
  font-size: 3.4vw;}
.flex01 > div p + dl {
  margin-top: 5vw;}

/*
========================================================

  共通レイアウト：使用方法

========================================================
*/
.lx-contents .list_c {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;}
.lx-contents .list_c li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(32% - 6vw);
  height: 25vw;
  text-align: center;
  margin: 0;
  padding: 0;
  border-radius: 100%;
  background-color: #13337D;
  padding: 0 3vw;
  font-weight: 600;
  line-height: 1.4;
  font-size: 3.2vw;
  color: #fff;}
.lx-contents .list_c li + li {
  margin-left: 2%;}
.lx-contents .list_c li:nth-child(3n+1) {
  margin-left: 0;}
.lx-contents .box01 {
  margin-top: 20px;}
.lx-contents .box01 .title {
  font-weight: 600;}
.lx-contents .box01 .txt {
  font-size: 3.3vw;}
.lx-contents .box01 .txt + .title {
  margin-top: 3.5vw;}


}