@charset "UTF-8";



/*導入
---------------------------------------------------------*/
.ticker1_slider .swiper-slide {
	width: 66vw;
	max-width: 980px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.ticker1_slider .swiper-slide {
	width: 75vw;
}
}



/*ページ内共通
---------------------------------------------------------*/
.clin_index {
	text-align: right;
	font-size: 260%;
	letter-spacing: -.02em;
	line-height: 1.0em;
	position: relative;
	margin-bottom: 60px;
}
.clin_index::before {
	content: "";
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 1px;
	background: #000;
	left: 0;
	top: 50%;
}
.clin_index > span {
	display: inline-block;
	background: #fff;
	padding-left: 1.0em;
	position: relative;
	z-index: 1;
}

.clin_layout1 {
	display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.clin_layout1 .img_box {
	width: 65%;
}
.clin_layout1 .txt_box {
	width: 31%;
	max-width: 350px;
}

.clin_layout2 .img_box {
	margin-bottom: 30px;
}

.clin_style1 > dt {
	font-size: 200%;
	font-size: min(200%,3.2vw);
	letter-spacing: .08em;
	line-height: 1.5em;
	margin-bottom: .4em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.clin_index {
	margin-bottom: 5%;
}
.clin_index > span {
	padding-left: .5em;
}

.clin_layout2 .img_box {
	margin-bottom: 2%;
}

.clin_style1 > dt {
	font-size: 3.4vw;
	margin-bottom: .2em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.clin_index {
	font-size: 170%;
	letter-spacing: -.01em;
	margin-bottom: 8%;
}
.clin_index > span {
	padding-left: .5em;
}

.clin_layout1 {
	display: block;
}
.clin_layout1 .img_box {
	width: 85%;
	margin: 0 auto 1.0em;
}
.clin_layout1 .txt_box {
	width: 100%;
	max-width: 100%;
}

.clin_layout2 .img_box {
	margin-bottom: 1.0em;
}

.clin_style1 > dt {
	text-align: center;
	font-size: 145%;
	letter-spacing: .04em;
	margin-bottom: .3em;
}
}



/*universal
---------------------------------------------------------*/
#universal .com_bg {
	padding: 120px 0;
}
#universal .title_box {
	text-align: center;
	margin-bottom: 80px;
}
#universal .title_box .fw_bold {
	font-size: 110%;
	letter-spacing: .08em;
	line-height: 1.6em;
}
#universal .title_box .ft_bellefair {
	color: #fadf4c;
	font-size: 320%;
	letter-spacing: -.02em;
	line-height: 1.0em;
	margin-top: .3em;
}

  /* スライダー非活性時 */
#universal .sp_slider {
	padding: 0;
}
#universal .sp_slider:not(.swiper-initialized) .dotto {
      display: none;
}
#universal .sp_slider:not(.swiper-initialized) .swiper-wrapper {
	display: flex;
    justify-content: space-between;
}
#universal .sp_slider:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
	width: 31%;
	max-width: 350px;
}
#universal .sp_slider:not(.swiper-initialized) .swiper-wrapper .swiper-slide:nth-child(n+4) {
	display: none;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#universal .com_bg {
	padding: 10% 0;
}
#universal .title_box {
	margin-bottom: 6%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#universal .com_bg {
	padding: 12% 0;
}
#universal .title_box {
	margin-bottom: 8%;
}
#universal .title_box .fw_bold {
	font-size: 105%;
	letter-spacing: .08em;
}
#universal .title_box .ft_bellefair {
	font-size: 220%;
	letter-spacing: -.01em;
	margin-top: .3em;
}
#universal .sp_slider .swiper-slide {
	width: 100%;
}
/*ドット*/
#universal .sp_slider .dotto {
	width: 30%;
	margin: .8em auto 0;
	display: flex;
    justify-content: space-between;
}
#universal .sp_slider .dotto .swiper-pagination-bullet {
	cursor: pointer;
	display: block;
	width: 2vw;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	background: #fadf4c;
	opacity: 0.3;
	transition: all 0.4s;
}
#universal .sp_slider .dotto .swiper-pagination-bullet-active {
	opacity: 1;
}
}



/*place
---------------------------------------------------------*/
#place dt.fw_bold {
	text-align: center;
	font-size: 200%;
	font-size: min(200%,3.2vw);
	letter-spacing: .08em;
	line-height: 1.6em;
	padding-top: 1.8em;
	background: url("../images/clinic/icon@2x.png") no-repeat center top;
	background-size: auto 1.2em;
	margin-bottom: .8em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
#place dt.fw_bold {
	font-size: 3.4vw;
	margin-bottom: .4em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#place dt.fw_bold {
	font-size: 140%;
	letter-spacing: .04em;
	background-size: auto 1.4em;
}
}



/*
---------------------------------------------------------*/

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
}