@charset "UTF-8";

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


/*診療内容 メインビジュアル SP
---------------------------------------------*/
#mv_index {
	position: relative;
	background-image: url(../img/index/key-visual-sp.webp);
	background-size:  cover; 
	max-width: 100%;
	text-align: center;
	display: flex; /* flex属性に変更*/
	justify-content: center; /* 子要素の横位置*/
	align-items: center; /* 子要素の縦位置*/
}
#mv_index:before {
    content: "";
    display: block;
    padding-top: 50%;
  }
#mv_index .jp_title {
	display: block;
	font-family: "Kiwi Maru", "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", meiryo, sans-serif;
	font-size: 5.1vw;
	font-weight: normal;
	letter-spacing: .2em;
	display: block;
	line-height: 1.4em;
}
#mv_index .en_sub {
	display: block;
	font-size: 3.1vw;
	font-family: "Bellota Text", "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "メイリオ", meiryo, sans-serif;
	color: #e88a95;
	text-align: center;
}
/*診療内容 メインビジュアル PC
---------------------------------------------*/
@media screen and (min-width: 769px){
#mv_index {
	background-image: url(../img/index/key-visual.webp);
}
#mv_index:before {
    content: "";
    display: block;
    padding-top: 20%;
  }
#mv_index .jp_title {
	font-size: 40px;
}
#mv_index .en_sub {
	font-size: 22px;
}
}	


/*診療内容一覧 SP
---------------------------------------------*/
#index_container {
	width: 100%;
	height: auto;
	margin: 40px auto; 
	display: flex;
	flex-wrap: wrap;
}
#index_container .index_wrap {
	width: 92%;
	height: auto;
	margin: 10px auto 40px;
}
#index_container h2 {
	font-size: 4.5vw;
	color: #fff;
	width: 100%;
	height: auto;
	display: inline-block;
	background-color: #f1b9bf;
	vertical-align: middle;
	padding: 0.5em 0.75em;
}
#index_container h2 a {
	display: inline-block;
	width: 100%;
	height: auto;
	color: #fff;
}
#index_container ul {
	margin: 15px 0;
}
#index_container li {
	font-size: 3.2vw;
	line-height: 1.4em;
	margin: 1.2em 0;
	padding: 0.3em 0;
	border-bottom: dotted 1px #ccc;
	position: relative;
	vertical-align: middle;
}
#index_container li span{
	font-size: 4.2vw;
	color: #E88A95;
	display: block;
	margin-bottom: 0.4em;
}
#index_container li::after {
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	content: "";
	display: block;
	height: 2vw;
	position: absolute;
	right: 2vw;
	top: 50%;
	transform: translate(0, -50%) rotate(45deg); width: 2vw;
}
#index_container li p{
	margin-left: 0.7em;
}
#index_container li a {
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
}
#index_container li a img {
	width: 18vw;
	height: 18vw;
}
#index_container li .tx_mini{
	font-size: 60%;
	display: inline;
}

#index_container .vertical_wrap{
    width: 100%;
}

/*AGA治療部分下線削除*/
#index_container .underline_none{
    border-bottom: none;
    margin-bottom: 0;
}

/*AGA治療の注釈*/
#index_container .notes{
    margin-top: 10px;
    padding-bottom: 10px;
}
#index_container .notes::after {
	border-right: none;
	border-top: none;
}
#index_container .notes_link{
    width: auto;
    display: inline;
    color: #e88a95;
	display: inline-block;
    text-decoration: underline!important;
}


/*診療内容一覧 PC
---------------------------------------------*/
@media screen and (min-width: 769px){
#index_container {
	width: 1000px;
	justify-content: space-between;
    flex-wrap: wrap;
}
#index_container .index_wrap{
	width: 460px;
	height: auto;
	margin: 0 0 50px;
	padding: 0;
}
#index_container h2 {
	font-size: 18px;
}
#index_container ul {
}
#index_container li {
	margin: 1.48em 0;
	font-size: 14px;
	font-weight: 700;
}
#index_container li span{
	font-size: 17px;
}
#index_container li::after {
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	content: "";
	display: block;
	height: 8px;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translate(0, -50%) rotate(45deg); width: 8px;
}
#index_container li a img {
	width: 72px;
	height: 72px;
}
#index_container .vertical_wrap{
    width: 460px;
}
}





/*医療レーザー脱毛 施術項目 アンカー SP
---------------------------------------------*/
.index_pege_anchor {
	width: 100%;
	height: auto;
	margin-top: 2em;
}
.index_pege_anchor h2 {
	font-size: 5vw;
	text-align: center;
	font-family: "Kiwi Maru";
}
.index_pege_anchor dl {
	width: 92%;
	height: auto;
	margin: 0 auto;
}
.index_pege_anchor dt {
	font-size: 4vw;
	line-height: 1.4em;
	margin-top: 1em;
	font-weight: 700;
}
.index_pege_anchor dd {
	width: 48%;
	font-size: 3.8vw;
	margin: 0.2em 4% 2em 0;
	padding: 0.3em 0;
	border-bottom: dotted 1px #ccc;
	position: relative;
	vertical-align: middle;
	float: left;
}
.index_pege_anchor dd::after {
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	content: "";
	display: block;
	height: 2vw;
	position: absolute;
	right: 1vw;
	top: 50%;
	transform: translate(0, -50%) rotate(135deg); width: 2vw;
}
.index_pege_anchor dd.m_r_none {
	margin-right: 0; /*dd右マージン0指定*/
}
.index_pege_anchor dd span {
	font-size: 75%;
}
.index_pege_anchor dd a {
	display: inline-block;
	width: 100%;
	height: auto;
}
.index_pege_anchor ul {
	width: 92%;
	height: auto;
	margin: 0 auto;
}
.index_pege_anchor dt {
	font-size: 4vw;
	line-height: 1.4em;
	margin-top: 1em;
	font-weight: 700;
}
.index_pege_anchor li {
	width: 48%;
	font-size: 3.8vw;
	margin: 0.2em 4% 1em 0;
	padding: 0.3em 0;
	border-bottom: dotted 1px #ccc;
	position: relative;
	vertical-align: middle;
	float: left;
}
.index_pege_anchor li:after {
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	content: "";
	display: block;
	height: 2vw;
	position: absolute;
	right: 1vw;
	top: 50%;
	transform: translate(0, -50%) rotate(135deg); width: 2vw;
}
.index_pege_anchor li:nth-child(even) {
	margin-right: 0; /*liの2個目右マージン0指定*/
}

/*医療レーザー脱毛 施術項目 アンカー PC
---------------------------------------------*/
@media screen and (min-width: 769px){
.index_pege_anchor {
	width: 1000px;
	height: auto;
	margin-top: 2em;
}
.index_pege_anchor h2 {
	font-size: 24px;
}
.index_pege_anchor dl {
	width: 100%;
	height: auto;
}
.index_pege_anchor dt {
	font-size: 16px;
	font-weight: 700;
}
.index_pege_anchor dd {
	margin-bottom: 1.2em;
	font-size: 16px;
}
.index_pege_anchor dd:after {
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	content: "";
	display: block;
	height: 8px;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translate(0, -50%) rotate(135deg); width: 8px;
}
.index_pege_anchor ul {
	width: 100%;
	height: auto;
}
.index_pege_anchor li {
	margin-bottom: 1.2em;
	font-size: 16px;
}
.index_pege_anchor li:after {
	border-right: 1px solid #999;
	border-top: 1px solid #999;
	content: "";
	display: block;
	height: 8px;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translate(0, -50%) rotate(135deg); width: 8px;
}
}