/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 09 2026 | 00:51:45 */
#Treatment .contents{
	padding-top:40px;
	padding-bottom:120px;
}
#Treatment .contents ul.navi {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 0px;
}
#Treatment .contents ul.navi li {
    color: #333;
    margin-left: 15px;
    margin-right: 15px;
    display: flex;
	margin-bottom:15px;
}
#Treatment .contents ul.navi li a {
  position: relative;
    padding-top: 12px;
	padding-right:35px;
    padding-left: 45px;
    padding-bottom: 12px;
  text-decoration: none;
  color: #574F45;
  background-color: #FFF;
   font-size: 16px;
  font-weight: 500;
	 font-family: "Noto Serif JP", serif;
	border-radius:100px;
	text-align: center;
	
}
#Treatment .contents ul.navi li a:hover {
  background-color: #FFF;
  opacity: 0.7;
}
#Treatment .contents ul.navi li a:before {
  background: url(https://sollabeautyclinic.com/wp-content/uploads/2026/09/ico_arrow_under.svg);
  content: "";
  width: 12px;
  height: 8px;
  left: 13px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#Treatment h2 {
   font-size: 26px;
 　　font-weight: 500;
	 font-family: "Noto Serif JP", serif;
	color:#574F45;
	padding-bottom:5px;
	border-bottom:2px solid #74BFAE;
	margin-top:50px;
	margin-bottom:20px;
}

#Treatment .recommend h2 {
	background-color:#74BFAE;
	text-align:center;
	border:none;
	margin-bottom:0px;
	color:#FFF;
		padding-top:10px;
	padding-bottom:10px;
}
#Treatment .recommend .box {
	background-color:#FFF;
	padding:20px 20px;
}
#Treatment .recommend ul {
  display: flex;
  flex-wrap: wrap; /* 折り返しを指定 */
  list-style: none;
  padding: 0;
	justify-content:center;
}
#Treatment .recommend ul li {
  background-size: 27px 25px;
    background-repeat: no-repeat;
    background-image: url(https://sollabeautyclinic.com/wp-content/uploads/2026/09/ico_check1.svg);
    padding-left: 35px;
    background-position: left 0px;
    font-size: 16px;
      font-family: "Noto Serif JP", serif;
    font-weight: 400;
	margin-right: 25px;
    margin-bottom: 8px;
	color:#574F45;
}

#Treatment .strength h2 {
	margin-bottom:30px;
}
#Treatment .strength .column {
	margin-bottom:50px;
}
#Treatment .strength h3 {
   font-size: 22px;
	 font-family: "Noto Serif JP", serif;
	font-weight: 500;
	margin-bottom:10px;
	color:#574F45;
}
#Treatment .strength h3 strong {
   font-size: 40px;
	color:#74BFAE;
	font-weight: 300;
	    vertical-align: sub;
}
#Treatment .strength img {
   border-radius: 50px 0px 50px 0px;
}

#Treatment .about h2 {
	margin-bottom:30px;
}
#Treatment .about img {
   border-radius: 50px 0px 50px 0px;
}


#Treatment .flow .inner{
	background-color:#FFF;
	padding:50px 100px;
}
#Treatment .flow .inner .column{
	padding-bottom:20px;
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
}
#Treatment .flow .inner h3{
	font-size: 24px;
	 font-family: "Noto Serif JP", serif;
	font-weight:400;
	color:#74BFAE;
	margin-bottom:5px;
}

#Treatment .flow .inner .btn {
  color: #FFF;
	margin-top:10px;
}
#Treatment .flow .inner .btn a {
  position: relative;
    padding-top: 10px;
    padding-right: 45px;
    padding-left: 60px;
    padding-bottom: 10px;
  text-decoration: none;
  color: #FFF;
  background-color: #74BFAE;
   font-size: 16px;
  font-weight: 400;
	font-family: "Noto Sans JP", sans-serif;
	border-radius:100px;
}
#Treatment .flow .inner .btn a:hover {
  background-color: #74BFAE;
  opacity: 0.7;
}
#Treatment .flow .inner .btn a:before {
  background: url(https://sollabeautyclinic.com/wp-content/uploads/2026/08/ico_calender_white.svg);
  content: "";
  width: 19px;
  height: 18px;
  left: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}



#Treatment .price table{
  border-collapse: collapse;
  width: 100%;
}
#Treatment .price table th,
#Treatment .price table td {
  padding: 15px 20px;
  background-color: #FFF;
  border: solid 5px #F7EFE5;
  box-sizing: border-box;
	 font-family: "Noto Serif JP", serif;
	font-weight:500;
	line-height:1.6;
	color:#231815;
	font-size:18px;
	text-align:center;
}
#Treatment .price table th {
  background-color: #574F45;
  color: #fff;
  width: 600px;
  font-weight: 500;
  vertical-align: middle;
}
#Treatment .risk h3 {
 font-family: "Noto Sans JP", sans-serif;
	font-weight:500;
	font-size:20px;
	margin-top:40px;
	margin-bottom:10px;
	color:#574F45;
}
#Treatment .risk ul li {
    font-size: 16px;
    font-family: "Noto Serif JP", serif;
    font-weight: 400;
	margin-top: 0px;
    margin-bottom: 5px;
}

#Treatment .faq h3 {
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url(https://sollabeautyclinic.com/wp-content/uploads/2026/09/ico_q.svg);
    padding-left: 50px;
    background-position: left center;
    font-size: 22px;
    font-family: "Noto Serif JP", serif;
    font-weight: 400;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 15px;
}
#Treatment .faq p {
    background-size: 40px 40px;
    background-repeat: no-repeat;
    background-image: url(https://sollabeautyclinic.com/wp-content/uploads/2026/09/ico_a.svg);
    padding-left: 50px;
    background-position: left top;
    font-weight: 400;
    padding-top: 8px;
    padding-bottom: 25px;
    border-bottom: 1px solid #D9D9D9;
    margin-bottom: 20px;
}




@media (max-width: 833px) {
	#Treatment .contents{
	padding-top:30px;
	padding-bottom:60px;
		padding-left:20px;
		padding-right:20px;
}
#Treatment .contents ul.navi {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 0px;
}
#Treatment .contents ul.navi li {
    margin-left: 0px;
    margin-right: 0px;
	margin-bottom:5px;
}
#Treatment .contents ul.navi li a {
position: relative;
        padding-top: 12px;
        padding-right: 5px;
        padding-left: 5px;
        padding-bottom: 12px;
        width: 300px;
        font-size: 12px;
}
#Treatment .contents ul.navi li a:before {
	background: none;
  left: 20px;
}
	#Treatment h2 {
   font-size: 20px;
	margin-top:40px;
	margin-bottom:15px;
}
	#Treatment .strength h2 {
	margin-bottom:20px;
}
#Treatment .strength .column {
	margin-bottom:30px;
}
#Treatment .strength h3 {
   font-size: 20px;
	margin-bottom:10px;
	        text-indent: -2.7rem;
        padding-left: 2.7rem;
        line-height: 1.1;
}
#Treatment .strength h3 strong {
   font-size: 34px;
}
#Treatment .strength img {
   border-radius: 25px 0px 25px 0px;
}

#Treatment .about h2 {
	margin-bottom:20px;
}
#Treatment .about img {
   border-radius: 25px 0px 25px 0px;
}
	
	#Treatment .flow .inner{
	padding:20px 20px;
}
#Treatment .flow .inner .column{
	padding-bottom:20px;
	margin-bottom:20px;
}
#Treatment .flow .inner h3{
	font-size: 18px;
        text-align: center;
}
#Treatment .flow .inner h4{
	font-size: 18px;
	margin-bottom:5px;
}
#Treatment .flow .inner .btn {
  color: #FFF;
	margin-top:10px;
	justify-content:center;
}

	
#Treatment .price table{
  border-collapse: collapse;
  width: 100%;
}
#Treatment .price table {
		margin-top:10px;
  }
#Treatment .price table th {
    padding: 4px 15px;
	text-align: left;
  }
#Treatment .price table th,
#Treatment .price table td {
    padding: 15px;
    display: block;
    width: 100%;
    border: none;
	font-size:16px;
  }
#Treatment .price table td {
        display: grid;
    }

#Treatment .faq h3{
        background-size: 28px 28px;
        padding-left: 36px;
        background-position: left 8px;
    font-size: 18px;
	padding-top: 5px;
    padding-bottom: 5px;
	margin-bottom:0px;
}
#Treatment .faq p{
     background-size: 28px 28px;
        padding-left: 36px;
    background-position: left 8px;
    font-size: 13px;
	padding-top: 8px;
    padding-bottom: 15px;
	border-bottom:1px solid #D9D9D9;
	margin-bottom:10px;
	font-weight: 400;
}
	
	
}