@charset "utf-8";
/*------------
 layout
------------*/
:where(.dsalon) img {
  width: auto;
  max-width: 100%;
}
.ib {
  display: inline-block;
}
:root {
  --consult-main: #B67343;
  --lecture-main: #9D498A;
  --seminar-main: #4474B1;
  --column-main: #4AA76E;
}
/* reset */
.dsalon *,
.dsalon *::before,
.dsalon *::after {
  box-sizing: border-box;
}
body {
  font-family: "A+mfCv-AXIS Font ベーシック L ProN", "A+mfCv-AXIS Font ベーシック M ProN", "AXIS Std", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.5;
}

a, a:link, a:visited {
  color: #444;
  text-decoration: none;
}
/*------------
 PC only
------------*/
.for-sp {
  display: none;
}
.for-pc {
  display: block;
}
/*------------
 subpage color
------------*/
.lecture {
  --main: #9D498A;
  --main-bg: #DCC2D6;
  --bg-light: #F8F3F7;
}
.consult {
  --main: #B67343;
  --main-bg: #F5D6C0;
  --bg-light: #FCF7F2;
}
.seminar {
  --main: #4474B0;
  --main-bg: #BFD4EF;
  --bg-light: #F2F6FC;
}
.column {
  --main: #4AA76E;
  --main-bg: #C5E6D2;
  --bg-light: #F4FAF6;
}
/*------------
 top
------------*/
.block-top-news,
.block-top-news .block-top-news--buttons {
  border-top: none;
}
/* dsalon-ttl */
.dsalon-ttl--wrap {
  padding: 77px;
}
.dsalon-ttl {
  font-size: 128px;
  text-align: center;
  color: #878787;
  letter-spacing: 0.1em;
  font-family: 'A+mfCv-AXIS Font ベーシック EL ProN';
}
.dsalon-ttl--list {
  display: flex;
  gap: 50px;
  margin: 0 0 50px;
}
/* dsalon-ttl--list-item */
.dsalon-ttl--list-item {
  max-width: 287px;
  width: calc((100% - (50px * 3)) / 4);
}
.dsalon-ttl--list-item .dsalon-ttl--list-item-img {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.dsalon-ttl--list-item .dsalon-ttl--list-item-img figcaption {
  font-size: 20px;
  text-align: center;
  padding: 30px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-weight: bold;
}
.dsalon-ttl--list-item .link-consult {
  color: var(--consult-main);
}
.dsalon-ttl--list-item .link-lecture {
  color: var(--lecture-main);
}
.dsalon-ttl--list-item .link-seminar {
  color: var(--seminar-main);
}
.dsalon-ttl--list-item .link-column {
  color: var(--column-main);
}
/* block-top-title */
.block-top-title {
  font-size: 20px;
  text-align: center;
  color: #878787;
  font-weight: bold;
}
/*------------
 subpage common
------------*/
/* subpage-main */
.subpage-main-wrap {
  margin: 70px 0;
}
.subpage-main {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.subpage-main-img{
  max-width: 287px;
}
.subpage-main-txt {
  font-size: 35px;
  letter-spacing: 0.05em;
  color: var(--main);
  margin: 40px 0 0;
}
/* subpage-more--contents */
.subpage-more--contents {
  /* display: none; */
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.subpage-more--contents > li {
  width: calc((100% - 80px) / 2);
  margin: 0 0 40px;
}
.subpage-more-btn {
	position: relative;
	display: flex;
	justify-content: center;
	font-size: 25px;
  padding: 53px 50px;
	cursor: pointer;
  color: var(--main);
}
.subpage-more-btn:before,
.subpage-more-btn:after,
.dsalon-article--more-list-ttl.subpage-more-btn > span.inner:before,
.dsalon-article--more-list-ttl.subpage-more-btn > span.inner:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 15px;
	width: 20px;
	height: 1px;
	background: #231815;
	transform: rotate(40deg) translateY(-50%);
	transition: .3s ease;
}
.subpage-more-btn:after,
.dsalon-article--more-list-ttl.subpage-more-btn > span.inner:after {
	right: 0;
	transform: rotate(-40deg);
}
.subpage-more-btn.open:before,
.dsalon-article--more-list-ttl.subpage-more-btn.open > span.inner:before {
	transform: rotate(-40deg);
}
.subpage-more-btn.open:after,
.dsalon-article--more-list-ttl.subpage-more-btn.open > span.inner:after {
	transform: rotate(40deg);
}
.subpage-more-list-wrap > li:first-child {
  border-top: 1px solid #C8C8C8;
}
.subpage-more-list-wrap > li:last-child {
  border-bottom: none;
}
.subpage-more-list {
  border-bottom: 1px solid #C8C8C8;
}
/* dsalon-box-type01 */
.dsalon-box-type01 {
  display: flex;
  gap: 0 8px;
  max-width: 610px;
}
.dsalon-box-type01-img {
  max-width: 244px;
  width: 100%;
}
.dsalon-box-type01-text {
  font-size: 20px;
  color: var(--main);
  text-align: center;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: var(--main-bg);
  width: 100%;
  line-height: 1.8;
  padding: 0 50px;
  font-weight: bold;
}
.dsalon-box-type01-text:after {
  position: absolute;
  top: calc(50% - 7px);
  right: 20px;
  display: inline-block;
  width: 20px;
  height: 20px;
  border-top: 1px solid var(--main);
  border-right: 1px solid var(--main);
  box-sizing: border-box;
  transform: rotate(45deg);
  z-index: 1;
  content: "";
  padding: 0 10px;
}
.dsalon-box-type01-text .ttl .small {
  font-size: 14px;
  display: inline-block;
}
.dsalon-box-type01-text .ttl .list-small {
  font-size: 14px;
  display: inline-block;
}
.dsalon-box-type01-text .ttl sup {
  vertical-align: 30%;
}
.dsalon-box-type01-text .date {
  position: absolute;
  left: 50%;
  bottom: 5px;
  transform: translateX(-50%);
  font-size: 14px;
}
.dsalon-box-type01-text .name {
  margin-top: 35px;
}
.dsalon-box-type01-text-dec {
  font-size: 20px;
  font-weight: 300;
  position: relative;
  width: 90%;
  margin: 20px auto 0;
  letter-spacing: 0.06em;
  height: 60px;
  overflow: hidden;
}
.dsalon-box-type01-text-dec::before {
  content: "";      
  width: 100%;      
  height: 100%;     
  display: block;   
  background: linear-gradient(rgba(255,255,255,0) 40%, #fff 90%); 
  position: absolute; 
  top: 0;
  left: 0;
}
/*------------
 dsalon-article
------------*/
/* layout */
.dsalon-inner {
  width: 1300px;
  margin: 0 auto;
}
/* box-flex-col2 */
.box-flex-col2{
  display: flex;
}
.box-flex-col2 > * {
  width: 50%;
}
/* box-flex80-col2 */
.box-flex80-col2 {
  display: flex;
  gap: 0 80px;
  flex-wrap: wrap;
}
.box-flex80-col2 > * {
  width: calc((100% - 80px) / 2);
}
/* box-flex40-col2 */
.box-flex40-col2 {
  display: flex;
  flex-wrap: wrap;
}
.box-flex40-col2 > div {
  max-width: 610px;
}
.box-flex40-col2 > figure {
  width: calc(100% - 610px);
  text-align: center;
}
/* box-flex40-col4 */
.box-flex40-col4 {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
}
.box-flex40-col4 > * {
  width: calc((100% - 120px) / 4);
}
.align-items--start {
  align-items: flex-start;
}
.align-items--center {
  align-items: center;
}
.flex-d--row-reverse {
  flex-direction: row-reverse;
}
.close-nobox {
  display: block;
  transition: all 0.3s;
}
.box-flex80-col2.close-nobox > * {
  width: 100%;
}
.open .box-flex80-col2.close-nobox {
  display: flex;
}
.open .box-flex80-col2.close-nobox > * {
  width: calc((100% - 80px) / 2);
}
/* dsalon-article--ttl */
.dsalon-article--ttl {
  font-size: 35px;
  background-color: var(--main-bg);
  text-align: center;
  width: 100%;
  color: var(--main);
  line-height: 1.5;
  padding: 50px 0;
}
.dsalon-article--ttl sup {
  vertical-align: 70%;
  font-size: 14px;
}
.dsalon-article--ttl .small {
  font-size: 0.7em;
}
/* dsalon-article--lead */
.dsalon-article--lead-box {
  display: flex;
  gap: 0 80px;
  /* align-items: center; */
  position: relative;
  margin: 60px 0;
}
.dsalon-article--lead-box-txt,
.dsalon-article--lead-box-img {
  width: calc((100% - 80px) / 2);
}
.dsalon-article--lead-box-txt {
  margin: 0 0 25px;
}
.dsalon-article--lead-box-lead {
  font-size: 20px;
  line-height: 1.6;
  letter-spacing: 0.05em;
  text-align: justify;
}
.dsalon-article--lead-box-lead sup {
  vertical-align: top;
}
.dsalon-article--lead-box-lead .small {
  font-size: 0.7em;
  display: inline-block;
}
.dsalon-article--lead-box-date {
  font-size: 14px;
  /* position: absolute;
  right: 0;
  bottom: 0; */
  text-align: right;
  margin: 15px 0 0;
}
/* nobox */
.dsalon-article--lead-nobox {
  margin: 60px 0;
}
.dsalon-article--lead-nobox .dsalon-article--lead-box-txt,
.dsalon-article--lead-nobox .dsalon-article--lead-box-img {
  width: 100%;
}
.dsalon-article--lead-nobox .dsalon-article--lead-box-date {
  position: static;
  text-align: right;
}
/* dsalon-article-profile */
.dsalon-article-profile-bg {
  background-color: var(--bg-light);
  padding: 60px 0;
}
.dsalon-article-profile-bg.no-bg {
  background-color: transparent;
}
.dsalon-article-profile {
  display: flex;
  align-items: center;
  gap: 0 80px;
}
.dsalon-article-profile-img-box,
.dsalon-article-profile-txt {
  width: calc((100% - 80px) / 2);
}
.dsalon-article-profile-img-box {
  display: flex;
  background-color: var(--main-bg);
  border-radius: 26px;
  max-width: 610px;
  width: 100%;
  align-items: center;
  color: var(--main);
  padding: 18px 0 18px 18px;
  text-align: center;
}
.dsalon-article-profile-img-txt {
  width: 100%;
}
.dsalon-article-profile-txt {
  text-align: justify;
  letter-spacing: 0.05em;
}
.dsalon-article-profile-txt,
.dsalon-article-profile-img-txt {
  font-size: 20px;
}
.dsalon-article-profile-img-txt > .name {
  font-weight: bold;
}
/*------------------------
 dsalon-article--contents
 ------------------------*/
/* layout */
.dsalon-article--contents .p40 {
  padding: 40px;
}
.dsalon-article--contents .m0 {
  margin: 0;
}
.dsalon-article--contents .mb40 {
  margin-bottom: 40px;
}
.dsalon-article--contents .mb20 {
  margin-bottom: 20px;
}
.dsalon-article--contents .mb0 {
  margin-bottom: 0px;
}
.dsalon-article--contents .fwb {
  font-weight: bold;
}
.dsalon-article--contents .txt-center {
  text-align: center;
}
.dsalon-article--contents .txt-right {
  text-align: right;
}
.dsalon-article--contents .txt-left {
  text-align: left;
}
.dsalon-article--contents a.txt-link {
  color: var(--main);
  word-break: break-all;
}
.dsalon-article--contents .indent {
  text-indent: -1em;
  padding-left: 1em;
}
.dsalon-article--contents .color-main {
  color: var(--main);
}
.dsalon-article--contents .fz20 {
  font-size: 20px;
}
.dsalon-article--contents sup {
  font-size: 0.4em;
}
.acnecare3 .dsalon-article--more-list-contents-item sup {
  vertical-align: super;
}
.dsalon-article--contents .dsalon-article--more-list-contents p > sup {
  font-size: 14px;
  vertical-align: 20%;
}
/* ttl */
.dsalon-article--contents .ttl-bold {
  font-size: 35px;
  color: var(--main);
  margin-bottom: 40px;
  line-height: 1.5;
  font-weight: bold;
}
.dsalon-article--contents .ttl-bold > .small {
  vertical-align: text-bottom;
  font-size: 0.7em;
  display: inline-block;
}
/* dsalon-article--more-list */
.dsalon-article--more-list::before {
  content: "";
  display: block;
  width: 1300px;
  border-top: 1px solid #C8C8C8;
  padding: 60px 0 0;
  margin: 60px auto 0;
}
.dsalon-article--more-list-ttl {
  background-color: var(--main-bg);
  font-size: 35px;
  font-weight: bold;
}
.dsalon-article--more-list-ttl > .inner {
  width: 1300px;
  margin: 0 auto;
  text-align: center;
  position: relative;
}
.dsalon-article--more-list-ttl.subpage-more-btn:before,
.dsalon-article--more-list-ttl.subpage-more-btn:after {
  display: none;
}
.dsalon-article--more-list-ttl.subpage-more-btn > span.inner:before,
.dsalon-article--more-list-ttl.subpage-more-btn > span.inner:after {
  background: var(--main);
}
/* dsalon-article--more-list-contents */
:where(.dsalon-article--more-list-contents) p {
  margin-bottom: 40px;
  font-size: 20px;
  text-align: justify;
  letter-spacing: 0.05em;
  line-height: 1.7;
}
.dsalon-article--more-list-contents {
  height: 100px;
  overflow: hidden;
  position: relative;
  transition: all 0.3s;
}
.dsalon-article--more-list-contents.line-1 {
  height: 70px;
}
.dsalon-article--more-list-contents::before {
  content: "";      
  width: 100%;      
  height: 100%;     
  display: block;   
  background: linear-gradient(rgba(255,255,255,0) 50%, #fff 95%); 
  position: absolute; 
  top: 0;
  left: 0;
  transition: all 0.3s;
}
.dsalon-article--more-list-contents.open.line-1,
.dsalon-article--more-list-contents.open {
  height: auto;
}
.dsalon-article--more-list-contents.open::before {
  display: none;
}
.dsalon-article--more-list-contents > li:nth-child(even) {
  background-color: var(--bg-light);
  padding: 60px 0;
}
:where(.dsalon-article--more-list-contents > li > .dsalon-inner) > *:last-child {
  margin-bottom: 0;
}
.dsalon-article--more-list-contents-item {
  margin: 40px 0 0;
}
/* youtube */
.dsalon-article--more-list-contents .youtube_wrap {
  width: 100%;
  aspect-ratio: 16 / 9;
  /* margin-bottom: 40px; */
}
.dsalon-article--more-list-contents .youtube_wrap iframe {
  width: 100%;
  height: 100%;
}
/* youtube acnecare1 */
.acnecare1 .dsalon-article--more-list-contents .youtube_wrap {
  max-width: 610px;
  height: 100%;
}
/* table */
.dsalon-article--more-list-contents-flextable,
.dsalon-article--more-list-contents-table {
  margin-bottom: 40px;
}
.dsalon-article--more-list-contents-flextable dt,
.dsalon-article--more-list-contents-flextable dd,
.dsalon-article--more-list-contents-table,
.dsalon-article--more-list-contents-table .table_ttl,
.dsalon-article--more-list-contents-table .info th,
.dsalon-article--more-list-contents-table .info td {
  border: 1px solid #C8C8C8;
  border-collapse: collapse;
}
.dsalon-article--more-list-contents-flextable dt,
.dsalon-article--more-list-contents-table .table_ttl {
  background-color: var(--main-bg);
  color: var(--main);
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  padding: 9px;
}
.dsalon-article--more-list-contents-table .info th {
  font-size: 20px;
  color: #878787;
  text-align: center;
  font-weight: bold;
}
.dsalon-article--more-list-contents-flextable dd,
.dsalon-article--more-list-contents-table .info td {
  font-size: 20px;
  padding: 17px;
  text-align: justify;
}
/* type01 */
.dsalon-article--more-list-contents-table.type01 .info th{
  width: 40%;
}
.dsalon-article--more-list-contents-table.type01 .info td {
  width: 60%;
}
/* type02 */
.dsalon-article--more-list-contents-table.type02 .info th{
  width: 30%;
  background-color: var(--bg-light);
  color: var(--main);
}
.dsalon-article--more-list-contents-table.type02 .info.bg-main th {
  background-color: var(--main-bg);
}
.dsalon-article--more-list-contents-table.type02 .info td {
  width: 70%;
}
/* type03 */
.dsalon-article--more-list-contents-table.type03 .info th{
  width: 50%;
  background-color: var(--bg-light);
  color: var(--main);
  padding: 17px;
}
.dsalon-article--more-list-contents-table.type03 .info td {
  width: 50%;
}
/* type04 */
.dsalon-article--more-list-contents-table.type04 .info .info_ttl {
  width: 15%;
  background-color: var(--main-bg);
  color: var(--main);
}
.dsalon-article--more-list-contents-table.type04 .info .table_ttl {
  width: calc((100% - 15%) / 3);
  color: var(--main);
  background-color: #dcc2d6c7;
}
.dsalon-article--more-list-contents-table.type04 .info td {
  vertical-align: middle;
  text-align: center;
}
.dsalon-article--more-list-contents-table.type04 td.baseline {
  vertical-align: baseline;
}
/* type05 */
.dsalon-article--more-list-contents-table.type05 .info th{
  background-color: var(--main-bg);
  color: var(--main);
}
.dsalon-article--more-list-contents-table.type05 .ttl th:nth-child(1) {
  width: 15%;
  background-color: var(--main-bg);
  color: var(--main);
  font-size: 20px;
  text-align: center;
  font-weight: bold;
}
.dsalon-article--more-list-contents-table.type05 .ttl th:nth-child(2),
.dsalon-article--more-list-contents-table.type05 .ttl th:nth-child(3) {
  width: 40%;
  background-color: var(--bg-light);
}
/* dsalon-article--more-list-contents-flextable */
.dsalon-article--more-list-contents-flextable.type02 { 
  display: flex;
}
.dsalon-article--more-list-contents-flextable.type02 .box { 
  display: flex;
  flex-direction: column;
  width: calc(100% / 3);
}
.dsalon-article--more-list-contents-flextable .col2 .box { 
  width: calc(100% / 2);
}
.dsalon-article--more-list-contents-flextable dt { 
  margin: 0 -1px -1px 0;
}
.dsalon-article--more-list-contents-flextable dd { 
  height: 100%;
  margin: 0 -1px -1px 0;
}
.dsalon-article--more-list-contents-flextable .small,
.dsalon-article--more-list-contents-table .small {
  font-size: 14px;
  display: block;
}
/* dsalon-article--list-graybox */
.dsalon-article--list-graybox li {
  font-size: 20px;
  text-align: center;
  background-color: #F5F5F5;
  color: #878787;
  font-weight: bold;
  border-radius: 26px;
  padding: 36px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dsalon-article--list-graybox.line-01 li {
  padding: 15px;
  border-radius: 24px;
  text-align: justify;
  display: block;
  font-weight: 400;
  color: inherit;
}
.dsalon-article--more-list-contents > li:nth-child(even) .dsalon-article--list-graybox.line-01 li {
  background-color: #fff;
}
.dsalon-article--list-graybox.line-01 li+li {
  margin-top: 20px;
}
/* dsalon-article--link */
.dsalon-article--link a {
  font-size: 20px;
  color: var(--main);
  width: 100%;
  padding: 23px;
  box-sizing: border-box;
  font-weight: bold;
  display: block;
  background-color: var(--main-bg);
  border-radius: 24px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dsalon-article--link a > span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 18px;
}
.dsalon-article--link a > span::after {
  width: 14px;
  height: 14px;
  border-top: 1px solid #231815;
  border-right: 1px solid #231815;
  box-sizing: border-box;
  transform: rotate(45deg);
  z-index: 1;
  content: "";
  display: block;
  padding: 0 7px;
}
.dsalon-article--link a > span::after {
  border-top: 1px solid var(--main);
  border-right: 1px solid var(--main);
}
.dsalon-article--link a.__related_link {
  /* width: 80%;
  padding: 23px 50px;
  margin: auto; */
}
/* dsalon-article--step-list */
.dsalon-article--step-list li {
  font-size: 20px;
}
.dsalon-article--step-list li+li {
  margin-top: 20px;
}
.dsalon-article--step-list li > .num {
  font-size: 30px;
}
/*------------------------
 dsalon-article--faq-list
 ------------------------*/
 .dsalon-article--faq-list .dsalon-article--more-list-contents {
  display: none;
}
.dsalon-article--faq-list .dsalon-article--more-list-contents.open {
  display: block;
}
.dsalon-article--faq-ttl {
  text-align: center;
  color: var(--main);
  padding: 50px;
}
.dsalon-article--faq-list-ttl {
  justify-content: flex-start;
  padding: 53px 50px 53px 0;
  position: relative;
  z-index: 0;
}
/* .dsalon-article--faq-list li:nth-child(even) .dsalon-article--faq-list-ttl > span::after {
  content: "";
  display: block;
  margin: 0 calc(50% - 50vw);
  background-color: var(--bg-light);
  width: 100vw;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: -1;
} */
.dsalon-article--faq-list li:nth-child(even) {
  background-color: var(--bg-light);
}
.dsalon-article--faq-list li:nth-child(even) .dsalon-article--more-list-contents {
  /* margin-top: 40px; */
}
/* dsalon-article--note */
.dsalon-article--note p {
  padding-bottom: 20px;
  font-size: 20px;
  text-align: justify;
  letter-spacing: 0.05em;
}
/* dsalon-article--figure */
.dsalon-article--figure figcaption {
  text-align: center;
  font-size: 14px;
  margin: 15px 0 0;
}
/*------------------------
 dsalon-article--pagenation
 ------------------------*/
.dsalon-article--pagenation {
  margin: 40px 0 0;
  padding: 60px 0 0;
  border-top: 1px solid #C8C8C8;
}
.dsalon-article--pagenation-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 76px;
  position: relative;
}
.dsalon-article--pagenation-list {
  width: 100%;
  max-width: 450px;
  border-radius: 30px;
  background-color: var(--main-bg);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.dsalon-article--pagenation-list a {
  font-size: 20px;
  color: var(--main);
  width: 100%;
  max-width: 450px;
  padding: 23px;
  box-sizing: border-box;
  font-weight: bold;
  display: block;
}
.dsalon-article--pagenation-list a > span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 18px;
}
.dsalon-article--pagenation-list a > span::after,
.dsalon-article--pagenation-next::after,
.dsalon-article--pagenation-prev::before {
  width: 14px;
  height: 14px;
  border-top: 1px solid #231815;
  border-right: 1px solid #231815;
  box-sizing: border-box;
  transform: rotate(45deg);
  z-index: 1;
  content: "";
  display: block;
  padding: 0 7px;
}
.dsalon-article--pagenation-list a > span::after {
  border-top: 1px solid var(--main);
  border-right: 1px solid var(--main);
}
.dsalon-article--pagenation-next,
.dsalon-article--pagenation-prev {
  font-size: 20px;
  box-sizing: border-box;
  display: flex;
  gap: 0 18px;
  align-items: center;
}
.dsalon-article--pagenation-next {
  position: absolute;
  right: 0;
}
.dsalon-article--pagenation-prev {
  position: absolute;
  left: 0;
}
.dsalon-article--pagenation-prev::before {
  transform: rotate(-135deg);
}
/*------------------------
共通
------------------------*/
.lecture .dsalon-article--contents .small,
.consult .dsalon-article--contents .small,
.column .dsalon-article--contents .small {
  font-size: 0.7em;
  display: inline-block;
}
.lecture .dsalon-article--faq-ttl,
.column .dsalon-article--faq-ttl {
  padding: 23px;
}
.lecture .dsalon-article--faq-ttl.line-1,
.column .dsalon-article--faq-ttl.line-1 {
  min-height: 152px;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*------------------------
lecture
------------------------*/
.lecture .dsalon-article--pagenation {
  border: none;
}
.lecture .dsalon-article-profile-bg {
  margin: 40px 0 0;
}
.lecture .dsalon-article--more-list-contents > li:nth-child(even) {
  padding: 60px 0 60px;
}
.lecture .dsalon-article--more-list-contents > li > .dsalon-inner > div > div > *:last-child {
  margin-bottom: 0;
}
.lecture .dsalon-article--more-list-contents-item {
  margin: 60px 0 0;
}
.lecture .sensitiveskin3--trouble-box .sensitiveskin3--trouble-box-txt {
  width: calc(50% - 80px);
}
.lecture .sensitiveskin3--trouble-box .dsalon-article--figure {
  width: 50%;
}
/* PA-box */
.lecture .PA-box {
  display: flex;
}
.lecture .PA-box > span:nth-child(1) {
  width: 4.5em;
  flex-shrink: 0;
}
/* 細かいところ調整 */
.lecture .txt-margin {
  text-align: left;
}
.sensitiveskin3 .txt-margin {
  margin-left: 21px;
}
.uvcare6 .txt-margin {
  margin-left: 21px;
}
.uvcare7 .txt-margin {
  margin-left: 163px;
}
.acnecare4 .w420 {
  max-width: 420px;
}
/*------------------------
consult
------------------------*/
.consult .dsalon-article--more-list-contents-item.bg-color-change {
  margin: 0;
}
.consult .dsalon-article--more-list-contents.bg-color-change > li:nth-child(even) {
  background-color: #fff;
}
.consult .dsalon-article--more-list-contents.bg-color-change > li:nth-child(odd) {
  background-color: var(--bg-light);
  padding: 60px 0;
}
.consult .dsalon-article--pagenation {
  border-top: none;
  margin: 0;
}
.consult .dsalon-article--more-list-contents-item {
  margin: 0;
}
.consult .dsalon-article--lead-box-txt {
  margin: 0;
}
.consult .dsalon-article--more-list-contents > li {
  padding: 60px 0;
}
/* box-flex80-col2 */
.consult .dsalon-article--faq-list .box-flex80-col2 {
  margin-bottom: 40px;
}
.consult .dsalon-article--faq-list .box-flex80-col2  p:last-child {
  margin-bottom: 0;
}
/* dsalon-article--more-list */
.consult .dsalon-article--more-list.for-pc--noborder::before {
  display: none;
}
/* indent */
.consult .dsalon-article--faq-list-ttl .indent {
  text-indent: -1.2em;
  padding-left: 1.2em;
}
/* dsalon-article--dvoice-ttl  */
.dsalon-article--dvoice-ttl {
  font-size: 35px;
  margin: 0;
}
.dsalon-article--dvoice-box {
  display: flex;
  gap: 0 80px;
}
.dsalon-article--dvoice-box-item {
  width: calc((100% - 80px) / 2);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.dsalon-article--dvoice-box-item-txt {
  width: 43%;
}
.dsalon-article--dvoice-box-item-img {
  width: 100%;
  max-width: 340px;
}
/* consult2__nglist-box */
.consult2__nglist-box {
  display: flex;
}
.consult2__nglist-box.__box1 {
  flex-direction: row-reverse;
  align-items: center;
  margin-right: 25%;
}
.consult2__nglist-box.__box2 {
  align-items: flex-end;
  justify-content: flex-end;
  margin: 60px 0 0;
}
.consult2__nglist-box.__box2 > p {
  margin: 0 0 30px -40px;
}
.consult2__nglist-box.__box3 {
  align-items: flex-end;
  margin: -160px 0 0;
}
.consult2__nglist-box.__box3 > p {
  margin: 0 0 0 20px;
}
/* consult2__oklist */
.consult2__oklist > .dsalon-inner {
  position: relative;
}
.consult2__oklist-box.__box1 {
  position: absolute;
  right: 95px;
  top: 0;
  width: fit-content;
}
.consult2__oklist-box.__box1 > p {
  margin: auto;
  width: fit-content;
}
.consult2__oklist-box.__box2 {
  width: fit-content;
  margin: 120px 0 0;
  position: relative;
  z-index: 0;
}
.consult2__oklist-box.__box2 > p {
  margin: auto;
  width: fit-content;
}
.consult2__oklist-box.__box3 {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  margin: -50px 0 60px;
  gap: 0 15px;
}
.consult2__oklist-box.__box3 > p {
  margin: 0;
}
/* consult3-table */
.dsalon-article--more-list-contents-table.type02.consult3-table {
  margin: 0;
}
.dsalon-article--more-list-contents-table.type02.consult3-table .info th {
  background-color: var(--main-bg);
}
.dsalon-article--more-list-contents-table.type02.consult3-table .info th {
  width: 25%;
}
.dsalon-article--more-list-contents-table.type02.consult3-table .info td {
  width: 75%;
  font-size: 14px;
}
/*------------------------
column
------------------------*/
.column .dsalon-article--pagenation {
  border: none;
  margin: 0;
}
.column .dsalon-article-profile-bg {
  margin: 40px 0 0;
}
.column .dsalon-article--more-list-contents > li:nth-child(even) {
  padding: 60px 0;
}
.column .dsalon-article--more-list-contents > li > .dsalon-inner > div > div > *:last-child {
  margin-bottom: 0;
}
.column .dsalon-article--more-list-contents-item {
  margin: 60px 0 0;
}
/* subpage-more--contents */
.subpage-more--contents > li:nth-child(odd)::before {
  content: "";
  display: block;
  width: 1300px;
  border-top: 1px solid #C8C8C8;
}
.subpage-more--contents > li:first-child::before {
  display: none;
}
.subpage-more--contents > li > a {
  margin: 40px 0;
  display: block;
}
.subpage-more--contents > li:first-child,
.subpage-more--contents > li:nth-child(2) {
  margin: 0;
}
.subpage-more--contents > li {
  margin: 0;
}
/*------------------------
new icon
------------------------*/
.subpage-more--contents .dsalon-box-type01 {
  position: relative;
}
.subpage-more--contents .dsalon-box-type01 .new {
  color: #fff;
  font-size: 15px;
  background-color: #00b4f0;
  padding: 10px;
  position: absolute;
  border-radius: 3px;
  padding: 5px 24px;
  line-height: 1;
  top: 10px;
  left: 10px;
}
.seminar .subpage-more--contents .dsalon-box-type01 .new {
  background-color: #00b4f0;
}
.consult .subpage-more--contents .dsalon-box-type01 .new {
  background-color: #fe9742;
}

/*------------------------
consult4
------------------------*/
.article--consult4 .dsalon-article--more-list-contents--grid-table-style {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto auto; 
  grid-auto-flow: row;
  grid-template-areas:
    "item01-ttl item02-ttl item03-ttl"
    "item01-dec item02-dec item03-dec";
}
.article--consult4 .dsalon-article--more-list-contents--grid-table-style .item01-ttl { grid-area: item01-ttl; }
.article--consult4 .dsalon-article--more-list-contents--grid-table-style .item01-dec { grid-area: item01-dec; }
.article--consult4 .dsalon-article--more-list-contents--grid-table-style .item02-ttl { grid-area: item02-ttl; }
.article--consult4 .dsalon-article--more-list-contents--grid-table-style .item02-dec { grid-area: item02-dec; }
.article--consult4 .dsalon-article--more-list-contents--grid-table-style .item03-ttl { grid-area: item03-ttl; }
.article--consult4 .dsalon-article--more-list-contents--grid-table-style .item03-dec { grid-area: item03-dec; }

.article--consult4 .dsalon-article--more-list-contents--grid-table-style { 
  border: solid #C8C8C8;
  border-width: 1px 0 0 1px;
}
.article--consult4 .dsalon-article--more-list-contents--grid-table-style .item {
  border: solid #c8c8c8;
  border-width: 0 1px 1px 0;
}
.article--consult4 .dsalon-article--more-list-contents--grid-table-style .item p {
  margin: 0;
  padding: 16px 10px;
}
.article--consult4 .dsalon-article--more-list-contents--grid-table-style .item01-ttl,
.article--consult4 .dsalon-article--more-list-contents--grid-table-style .item02-ttl,
.article--consult4 .dsalon-article--more-list-contents--grid-table-style .item03-ttl {
  background-color: #F5D6C0;
  color: #B67343;
}

/*------------------------
Banner
------------------------*/
.dsalon-banner-frame {
	max-width: 1300px;
  padding: 60px 0;
	margin: 40px auto 0;
	border-top: #C8C8C8 1px solid;
	border-bottom: #C8C8C8 1px solid;
}
.dsalon-banner-frame.no-bottom-border {
	padding-bottom: 20px;
	border-bottom: none;
}
.dsalon-banner-frame.no-bottom-border2 {
	border-bottom: none;
}
.dsalon-banner-frame .dsalon-banner {
	display: flex;
	justify-content: center;
	align-items: center;
}

/*------------------------
list-dots
------------------------*/
.dsalon-article--list-dots {
  display: flex;
  flex-wrap: wrap;
}
.dsalon-article--list-dots > li {
  text-align: left;
  padding-left: 1em;
  position: relative;
  width: 50%;
}
.dsalon-article--list-dots > li::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  background-color: var(--main);
  border-radius: 50%;
  position: absolute;
  left: 0.4em;
  top: 0.6em;
}

/*------------------------
list-type-small
------------------------*/
.lecture .list-type-small li:nth-child(even) {
  background-color: transparent;
}
.lecture .list-type-small > li+li {
  margin-top: 20px;
}
.lecture .list-type-small .dsalon-article--faq-list-ttl {
  background-color: #F1E7EF;
  padding: 13px 40px 14px 20px;
  font-size: 22px;
}
.lecture .list-type-small .subpage-more-btn:before {
  right: 35px
}
.lecture .list-type-small .subpage-more-btn:after {
  right: 20px
}
.lecture .list-type-small .dsalon-article--more-list-contents {
  margin: 40px 0 0;
}
.lecture .list-type-small .list-type-small--img {
  background-color: #fff;
  text-align: center;
  padding: 29px
}
.lecture .list-type-small .list-type-small--img figcaption {
  max-width: 700px;
  text-align: left;
  margin: 20px auto 0;
}

/*------------------------
dsalon-article--border--wrap
------------------------*/
.lecture .dsalon-article--border--wrap {
  border-radius: 10px;
  border: 1px solid var(--main);
  padding: 35px 40px;
}
.lecture .dsalon-article--border--wrap .dsalon-article--list-dots > li {
  font-size: 20px;
}
.lecture .dsalon-article--border--wrap .dsalon-article--list-dots > li+li {
  margin-top: 9px;
}

/*------------------------
キャンペーンバナー
------------------------*/
.cp-bnr {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin: 100px auto;
}
.cp-bnr img {
  height: auto;
  vertical-align: bottom;
  max-width: 100%;
}