@charset "utf-8";
/* CSS Document */
.vectra{
    margin: 40px 20px;
}
.vectra_MV{
    position:relative;
}
.pc-back{
    margin: 40px 20px;
}
.pc-back h2{
    font-size:38px;
}
.pict_flex{
    display: flex;
}
.pict_title{
    position: absolute;
    top:82px;
    left:25px
}
.pict{
    text-align: center;
    margin: auto 10px;
}
.pict_2{
    width: 400px;
}
/*医師とイメージ共有しながら状態を診断*/
.h4_area{
    background-color: #fbf5f6;
    padding:20px;
}
.h4_flex{
    display: flex;
}
.h4_flex p{
    padding:0 20px;
    line-height:25px;
}
/*こんな方にオススメ*/
.title_recommendation{
    color: #a72c42;
    position: relative;
    display: inline-block;
    padding: 0 55px;
    font-size:25px;
    text-align: center;
    margin-bottom: 5px;
    margin-left: 35px;
}
.title_recommendation:before, .title_recommendation:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 45px;
	height: 1px;
	background: #a72c42;
}
.title_recommendation:before {left:0;}
.title_recommendation:after {right: 0;}
.title_recommendation{
	color: #a72c42;
}
.list-recommendation,
.list-recommendation li{
    font-size:15px;
    padding-bottom:20px;
}
.list-recommendation li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
}
.list_diamond li{
	position:relative;
	padding-left:20px;
    padding-top: 4px;
}
.list_diamond li:after{
	content:'';
	display:block; 
	position:absolute; 
	background:#a72c42;
	width:9px;
	height:9px; 
	top:10px; 
	left:5px; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}
.sab_title{
    color:#a72c42;
    font-size:25px;
}
/*対象の施術*/
.list_line tr{
    display: flex;
    margin-bottom:5px;
}
.list_line tr th{
   background-color:#fbf5f6;
   padding : 20px 10px;
   width: 20%;
   height: 70px;
   font-size: 18px;
}
.list_line tr td{
    background-color:#fbf5f6;
    width: 80%;
    padding : 20px 10px;
    height: 70px;
    margin-left:5px;
    font-size: 15px;
}
.list_one{
    background-color:#fbf5f6;
    font-size: 15px;
    width: 100%;
    padding : 20px 10px;
}
@media screen and (max-width: 760px) {
    .contentsWrapper{
    }
    .vectra{
        width: auto;
        margin:0;
        position: relative;
    }
    .vectra_MV img{
        width: 100%;
    }
    .h4_flex{
        display: block;
        width:auto;
        height: 100%;
    }
    .pc-back h2{
    padding-left: 30px;
}
    .pict_title{
        text-align: left;
        padding-left: 20px;
    }
    .pict_flex{
        display: block;
    }
    .h4_area .h4_flex img{
         width: 100%;
    }
    .h4_double_circle{
        text-align: center;   
    }
/*対象の施術*/
    .list_line tr{
        display: block!important;
    }
}