@charset "utf-8";
/* CSS Document */

.sec_tl {
    text-align: center;
    font-size: clamp(18px, 2vw, 25px);
    font-weight: 400;
    font-family: 'Noto Serif JP', serif;
    line-height: 1.5em;
    letter-spacing: .2rem;
    margin-bottom: 35px;
}

.flex_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.pinktxt {
    color: #d98481;
}

.item2 {
  width: calc(50% - 10px);
}
.item3 {
  width: calc(33.3% - 15px);
}
.item4 {
  width: calc(25% - 10px);
}
.item5 {
  width: calc(20% - 10px);
}

.item_box {
  background-color: #fff;
  padding: 40px;
  margin-bottom: 25px;
}
.item_box h3 {
  font-family: 'Noto Serif JP', serif;
  font-size: clamp(16px, 2vw, 20px);
  letter-spacing: 0.15em;
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.8em;
}
.item_box p {
  margin-bottom: 20px;
}

.marker_yellow {
    background: linear-gradient(transparent 60%, #ff6 60%);
}

.lightgray {
background:rgba(247,238,229,.4);
}

.sec_box {
  padding-top: 120px;
  padding-bottom: 120px;
}

.jp_tl_lg {
    color: #333;
    font-family: 'Noto Serif JP', serif;
    font-weight: 700;
    font-size: clamp(18px, 2vw, 35px);
    line-height: 1.5em;
    margin-bottom: 35px;
}

.tl_area {
  text-align: center;
  margin-bottom: 50px;
}

.en_tl {
    text-transform: uppercase;
    font-size: clamp(40px, 10vw, 70px);
    font-family: 'Cormorant Infant', serif;
    color: #35353c;
    font-weight: 500;
    letter-spacing: 2px;
    text-align: center;
    position: relative;
}

.txt_center {
  text-align: center;
}
.container-w {
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1600px;
}

.btn_basic_line {
  border: 1px solid #333;
  font-family: 'Noto Serif JP', serif;
  text-align: center;
  letter-spacing: 0.15em;
  font-size: 15px;
  display: block;
  padding: 13px 10px;
}
.treatment .btn_basic_line {
  font-size: 12px;
}
.btn_basic_line:hover {}
.txt_cen_spleft {
  text-align: center;
}
.mt50 {
  margin-top: 50px;
}
.p80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.jp_tl {
    color: #35353c;
    font-family: 'Zen Old Mincho', serif;
    font-weight: 400;
    font-size: clamp(14px, 2vw, 20px);
    margin-top: 25px;
}

.bannertop .item3 {
    margin-bottom: 20px;
}

.feature_tl {
  font-family: 'Noto Serif JP', serif;
  font-size: clamp(18px, 2vw, 20px);
}
.feature_num {
  font-family: 'Zen Old Mincho', serif;
  color: #e09590;
  font-size: 40px;
}


.drinner{
    position: relative;
    padding: 40px;
}

.drinner h3{
    position: absolute;
    text-align: center;
    background: rgba(224, 149, 144, .7);
    color: #fff;
    font-family: 'Noto Serif JP', serif;
        font-size: clamp(18px, 2vw, 30px);
    padding: 10px;
    width: 70%;
    left: 2%;
    bottom:11%;
}

.item_box img{
display: block;
  margin: 0 auto;
}

.nine .item_box {
    position: relative;
}

.nine_num {
        color: rgba(141, 49, 157, .5) !important;
    font-size: 600%;
    position: absolute;
    font-family: 'Cormorant Infant', serif;
    top: -30px;
    left: 10px;
	z-index:2;
}

.nine .sliderinner {

    margin-left: 10px;
    margin-right: 10px;
}

/*TOP改修*/
.addother .item2{margin-bottom:20px;}

.meritbox_l{
	padding: 20px;
	background-color: rgba(189, 157, 198, 0.3);
border-top-right-radius:50px; 
border-bottom-right-radius:50px;
margin-bottom: 20px;
}

.meritbox_r{
	padding: 20px;
	background-color: rgba(189, 157, 198, 0.3);
border-top-left-radius:50px; 
border-bottom-left-radius:50px;
margin-bottom: 20px;
}

.meritnum{	background-color: rgba(189, 157, 198, 1);
	padding: 16px;
	margin-right: 40px;
	border-radius: 50px;
	color: #fff;
	font-weight: bold;
	
}

.treatment {
    background: rgba(247, 238, 229, .4) !important;
}

.meritbox_l p,.meritbox_r p{
	    font-family: 'Zen Old Mincho', serif;
	font-size: clamp(16px, 2vw, 20px);}

.addprof p{
	font-size: 13px;
background-color: rgba(189, 157, 198, 0.2);
padding: 15px 20px;
margin: 0 10px;}

.reasons_sec .item3{width: calc(33.3% - 10px);
	margin-bottom: 20px;}

	.reasons_sec img{
		width: 80%;
		margin: auto;
		display: block;
		right: 0;
		left: 0;
	}

	.drinner h3 {
		line-height: 1.7em;
		font-size: 17px;}

.network img{width: 80%;}

.slider_six .sliderinner{
	border:none;
}

.slider_six .nine_num{top:30%;}

.slider_six .sliderinner h4{
	font-size: clamp(17px, 2vw, 19px);
    letter-spacing: .1em;
    text-align: center;
    font-weight: 500;
    line-height: 1.3em;
    margin-top: 18px;
    margin-bottom: 15px;
}

.slider_six .item_box{
	padding: 40px 40px 10px 40px;
}

.ribbon1 {font-family: 'Zen Old Mincho', serif;
    font-weight: 400;
    font-size: clamp(14px, 2vw, 20px);
  display: inline-block;
  position: relative;
  height: 50px;/*リボンの高さ*/
  line-height: 50px;/*リボンの高さ*/
  text-align: center;
  padding: 0 30px;/*横の大きさ*/
  font-size: 18px;/*文字の大きさ*/
  background: #b391c3;/*塗りつぶし色*/
  color: #FFF;/*文字色*/
  box-sizing: border-box;
}

.ribbon1:before, .ribbon1:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.ribbon1:before {
  top: 0;
  left: 0;
  border-width: 25px 0px 25px 15px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

.ribbon1:after {
  top: 0;
  right: 0;
  border-width: 25px 15px 25px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}

.slider_case .case_cat li {
    display: inline-block;
    margin-right: 10px;
    background-color: #bd9dc6!important;
    font-size: 12px;
    padding: 3px 10px;
    letter-spacing: .1rem;
    border-radius: 3px;
	margin-bottom: 10px;
}

.slider_case .case_table th {color: #bd9dc6;
    padding: 5px 10px!important;}

.slider_case .case_table td{padding: 5px 10px!important;}

.btn_basic_line_gold {
    border: 1px solid #8D319D;
	color: #8D319D;}

.btn_basic_line_gold:hover {
	background:  #8D319D;
	color: #fff;
}

.slider_case {
  position: relative;
  overflow: visible; 
}

.container80{padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
    max-width: 90%;}

.slider_six .slick-prev {
	  z-index: 10;
  display: block !important;
  opacity: 1 !important;
left:10px!important;	
}
.slider_six .slick-next {
	  z-index: 10;
  display: block !important;
  opacity: 1 !important;
 right:60px!important;	
}


.slider_case .slick-prev {
	  z-index: 10;
  display: block !important;
  opacity: 1 !important;
left:10px!important;	
}
.slider_case .slick-next {
	  z-index: 10;
  display: block !important;
  opacity: 1 !important;
 right:60px!important;	
}

.slick-prev:before, .slick-next:before {
    color: #8D319D!important;
    opacity: 1;
 font-size: 50px!important;
}

.slider_case .before_after .item2{width: calc(50% - 10px);
margin-left: 5px;
margin-right: 5px;}


@media (max-width: 770px) {
	.txt-limit {
  display: -webkit-box;
  -webkit-line-clamp: 2;        /* 表示する最大行数 */
  -webkit-box-orient: vertical; /* 縦方向のボックス */
  overflow: hidden;             /* はみ出た部分を隠す */
  text-overflow: ellipsis;      /* 省略記号をつける（念のため） */
		
		

		
}
	.container80{padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;}

	
	.meritnum{
		margin-right: 10px;
	}
	.addother .container{
		padding-left:5px;
		padding-right:15px;
	}
	.addother .item2{width: calc(50% - 10px);
	margin-bottom:10px;}
	
	.addother .btnfee{font-size: 12px;
	}
	
	.btnfeesm{
		line-height:1.2em;
		font-size:10px!important;}
	
	.reasons_sec .item3{width: calc(50% - 5px);
	margin-bottom: 20px;}
	
	.reasons_sec img{
		width: 80%;
		margin: auto;
		display: block;
		right: 0;
		left: 0;
	}
	
	.treatment .item3{width: calc(50% - 5px);
	margin-bottom:5px;}
	
	.treatment .container{
		padding-right: 10px;
		padding-left: 10px;
	}
	.treatment .item_box{
		padding: 10px;
	}
	.treatment .item_box h3{
		font-size: 15px;
	}
	.treatment .item_box p{
		font-size: 12px;
	}
	
	.treatment .item_box img{
		width: 70%;
	}
	
	.drinner h3 {
		line-height: 1.7em;
		font-size: 14px;}
	
	.bannertop .item3{width: calc(50% - 5px);
	margin-bottom: 10px;}
	
	.annai{padding: 10px;}
	
	.biz_days th, .clinic p{
		font-size: 12px!important;
	}
	
	.biz_days td{
		font-size: 12px;
		padding-left: 10px;
	}
	
	.slider_six .nine_num{top:18%;
	font-size: 400%;}
	
	.slider_six img{
		
    height: auto!important;
    
		width: 100%!important;}
	
	.slider_six .item_box{
		padding: 15px 15px!important;
		margin-left:20px!important;
		margin-right:20px!important;
	}
	
	.slider_six .sliderinner{
		margin-left: 5px!important;
		margin-right: 5px!important;
		padding-left: 0!important;
		padding-right: 0!important;
	}
	
	.slider_six .sliderinner h4 {margin-bottom: 30px;}
	
	.slider_case .slick-prev, .slider_six .slick-prev {
	
left:0px!important;	
}
.slider_case .slick-next, .slider_six .slick-next {
	
 right:20px!important;	
}
	
	.slick-prev:before, .slick-next:before {
 
 font-size: 40px!important;
}
	
	.slider_case .case_table th {font-size: 12px;}

.slider_case .case_table td{font-size: 12px;}

	.slider_case .before_after{
		flex-wrap: nowrap;
	}
	.slider_case .before_after .item2{width: calc(50% - 10px);}
	
	.clinic{background-attachment: scroll;}
	
		.slider_case .before_after img{height: 90px;}
	
	.network img{width: 100%;}
}

.drinner h3 {
    background: #b391c3 !important;
}

 .treatment .item_box h3 {
        font-size: 15px;
    }
.wrap{
	overflow: hidden!important;
}

.treatment .item_box h3 {font-size: clamp(15px, 2vw, 20px);}

.jp_tl_lg{
	font-weight: 700;
}

.rib2 .sec_tl{	font-weight: 700;}


#contents_bottom_links .btn {  background: #bd9dc6!important;}	


.brnbtn{
font-family: 'Noto Serif JP', serif;
    text-align: center;
    font-size: clamp(14px, 2vw, 18px);
    letter-spacing: 1.5px;
    width: 35%;
    display: block;
    padding: 20px 5px;
    margin: auto;
    transition: all 0.5s 0s ease;
	background:#f1f160!important;
	color: #555;
	font-weight: 600!important;
}

.slider_case .col{
	padding-left:50px;
	padding-right:50px;
}

.floatsns {padding:10px 15px!important;}

/*20250715*/
.footer_menu, .footer_cliniclist h4 {background-color: #a4b4d5 !important;}

.footer_menu li, .footer_cliniclist h4  {font-weight:500!important;}

.map_btns{
	margin-bottom: 40px
		
}

.map_btns .item5{
	margin-bottom: 10px;
}

.mapbtn{
	background: #bd9dc6;
	color: #fff;
	font-weight: 600;
	text-align: center;
	letter-spacing:0.2rem;
	display: block;
	    font-size: clamp(12px, 2vw, 20px);
	padding: 8px 0px;
	border-radius: 5px;
	
}

.spweb{
	position: relative;
	
}

.spweb a {font-size: 14px!important;
font-weight: 600;}
.spcase a {font-size: 14px!important;
font-weight: 600;}
.sptel a {font-size: 14px!important;
font-weight: 600;}

.spweb::before{
	position: absolute;
	content: "無料カウンセリング";
	bottom: 89%;
	background: #2EC124;
background: linear-gradient(0deg,rgba(46, 193, 36, 1) 0%, rgba(94, 219, 56, 1) 49%, rgba(85, 214, 52, 1) 100%);
	font-size:9px;
	width: 88%;
	left:4%;	
	color: #fff;
	border-radius: 30px;
	padding: 2px 0;
	border: 2px solid #fff;
	font-weight: 700;
}


.clinic_contents {
    background-color: rgba(255, 255, 255, .9) !important;
    padding: 30px !important;
}


@media (max-width: 770px) {
		
	.slider_case .case_img .img img {
        height: 90px;
    }
	
	.map_btns .item5{
	margin-bottom: 5px;
		    width: calc(20% - 5px);
}

	.network .container{
    padding-right: 5px;
    padding-left: 5px;
}
	
	  .hidden-xs {
		  display: none;}
  
	.h24btn{
		padding-left:20px;
		padding-right:20px;
	}
	
	    .sec_box {
        padding-top: 60px;
        padding-bottom: 60px;
    }
	
	    .brnbtn {
        width: 70%;
        padding: 13px 5px;
    }
	.slider_case .col {
    padding-left: 10px;
    padding-right: 10px;
}
	
	.top_dr .item2{width:100%;}
	
	.nine_num{z-index:5;}
	
	.case_img {
		display:flex;
		flex-wrap:nowrap;
	}
	
	.case_img .img {width: calc(50% - 5px)!important;}
	
	.sp_footer{
		bottom:-3%!important;
	}
}

@media (min-width: 771px) {
  .visible-xs {
    display: none;
	}
}

.site-info ,.group_clinics  {background-color: #a4b4d5 !important;}

footer *{color:#fff}

.clinic_container{
	background:url(https://tea-teyea.com/realnamba/wp-content/themes/nambakyousei/images/newtop/clinicbg.webp) !important;
	background-size:cover !important;
	background-repeat:no-repeat !important;
}
.slider_case .table_case th {
    padding: 5px 10px !important;
}
.slider_case .table_case td {
    padding: 5px 10px !important;
}




/* drsec */

.drinner h3 {
position: static;
	width: 95%;
	font-size: 15px;
}

.drprofboxtop{
	margin-bottom: 40px;
}

.lightpurplebg{
	    background-color: rgba(189, 157, 198, 0.2);
	padding: 20px 10px;
	margin-bottom: 10px;
}

.drnametop{font-family: 'Noto Serif JP', serif;
	margin-bottom: 15px;
	padding-bottom: 5PX;
	border-bottom: solid 1px #bd9dc6;
	font-size: 18px;
}

.drcertification{font-size: clamp(14px, 1.5vw, 15px);}

.drmessage{font-size: clamp(13px, 1.4vw, 15px);}

.item30 {
  width: calc(30% - 10px);
}

.item70 {
  width: calc(70% - 10px);
}

@media (max-width: 770px) {
	.item30 , .item70{width:100%;}
}
