@charset "utf-8";

.wrapper{
	position: relative;
}


/* main */

main{
}
.article{
}

#article_1{
	padding: 15vw 0;
}
#article_1 h1{
	padding: 0 2vw;
	font-size: 3.8vw;
	font-weight: 700;
	font-weight: bold;
}
#article_1 h1 span{
}
#article_1 h1 big{
	font-size: 4.5vw;
}
#article_1 h1 small{
	font-size: 3.2vw;
	font-weight: 400;
	font-weight: normal;
}
#article_1 .thum{
	margin-top: 4vw;
	padding: 0 2vw;
}
#article_1 .image{
	margin-top: 4vw;
}
#article_1 .image.wide{
	width: 108vw;
	margin-left: -4vw;
}
#article_1 .caution{
	margin-top: 2vw;
	padding: 0 2vw;
	font-size: 2.5vw;
	font-weight: 400;
	font-weight: normal;
	text-align: right;
}
#article_1 .center_text{
	margin-top: 10vw;
	padding: 0 2vw;
	font-size: 4.5vw;
	font-weight: 700;
	font-weight: bold;
	text-align: center;
}
#article_1 .center_text + .center_text{
	margin-top: 2vw;
}
#article_1 .text{
	margin-top: 6vw;
	padding: 0 2vw;
	font-size: 4.2vw;
	font-weight: 400;
	font-weight: normal;
}
#article_1 p{
	margin-top: 6vw;
	padding: 0 2vw;
	font-size: 4vw;
	font-weight: 400;
	font-weight: normal;
}
#article_1 h2{
	margin-top: 8vw;
	padding: 0 2vw;
	font-size: 4.8vw;
	font-weight: 700;
	font-weight: bold;
	text-align: center;
}
#article_1 .center_text_black{
	margin-top: 10vw;
	padding: 0 2vw;
	font-size: 4.5vw;
	font-weight: 400;
	font-weight: normal;
	text-align: center;
}
#article_1 .arrow{
	margin-top: 4vw;
	padding: 0 25vw;
	text-align: center;
}
#article_1 .last{
	padding: 6vw 2vw 0 2vw;
	text-align: center;
}
#article_1 .last .top{
	font-size: 4.2vw;
	font-weight: 700;
	font-weight: bold;
}
#article_1 .last .middle{
	font-size: 5vw;
	font-weight: 700;
	font-weight: bold;
}
#article_1 .last .bottom{
	margin-top: 2vw;
	font-size: 4.5vw;
	font-weight: 400;
	font-weight: normal;
}
#article_1 .last .bottom div{
	display: inline-block;
	position: relative;
}
#article_1 .last .bottom div div{
	position: absolute; top: 0; right: -4vw;
	font-size: 3vw;
	font-weight: 400;
	font-weight: normal;
}
#article_1 .last .caution{
	margin-top: 2vw;
	padding: 0  20vw 0 2vw;
	font-size: 2.5vw;
	font-weight: 400;
	font-weight: normal;
	text-align: right;
}

#article_2{
}
#article_2 h2{
	padding: 1vw 2vw;
	background: #FF7676;
	font-size: 4.8vw;
	color: #FFF;
	font-weight: 700;
	font-weight: bold;
	text-align: center;
}
#article_2 .first{
	padding: 8vw 2vw 0 2vw;
}
#article_2 .first .top{
	font-size: 4.2vw;
	font-weight: 700;
	font-weight: bold;
	text-align: center;
}
#article_2 .first p{
	padding-top: 8vw;
	font-size: 4vw;
	font-weight: 400;
	font-weight: normal;
}
#article_2 .first .thum{
	margin-top: 8vw;
	text-align: center;
}
#article_2 .first .caution{
	margin-top: 2vw;
	padding: 0  2vw;
	font-size: 2.5vw;
	font-weight: 400;
	font-weight: normal;
	text-align: right;
}
#article_2 .which{
	padding: 8vw 2vw 0 2vw;
}
#article_2 .which .top{
	font-size: 4.2vw;
	font-weight: 700;
	font-weight: bold;
	text-align: center;
}
#article_2 .which h3{
	margin-top: 6vw;
	font-size: 4.2vw;
	font-weight: 700;
	font-weight: bold;
	text-align: center;
}
#article_2 .which p{
	margin-top: 8vw;
	font-size: 4vw;
	font-weight: 400;
	font-weight: normal;
}
#article_2 .trouble{
	padding-top: 8vw;
	text-align: center;
}
#article_2 .trouble .top{
	font-size: 4.2vw;
	font-weight: 700;
	font-weight: bold;
}
#article_2 .trouble .center_text{
	margin-top: 4vw;
	font-size: 6vw;
	font-weight: 700;
	font-weight: bold;
}
#article_2 .trouble .middle{
	margin-top: 6vw;
	font-size: 4.5vw;
	font-weight: 700;
	font-weight: bold;
}
#article_2 .trouble .bottom{
	font-size: 4.5vw;
	font-weight: 700;
	font-weight: bold;
}
#article_2 .trouble .arrow{
	margin-top: 4vw;
	padding: 0 22vw;
}
#article_2 .trouble .name{
	margin-top: 6vw;
	font-size: 6vw;
	font-weight: 700;
	font-weight: bold;
}
#article_2 .trouble .image{
	margin-top: 4vw;
	text-align: center;
}
#article_2 .doctor{
}
#article_2 .doctor h3{
	margin-top: 8vw;
	padding: 0 2vw;
	font-size: 4.5vw;
	font-weight: 700;
	font-weight: bold;
	text-align: center;
}
#article_2 .doctor p{
	margin-top: 4vw;
	padding: 0 2vw;
	font-size: 4vw;
	font-weight: 400;
	font-weight: normal;
}
#article_2 .doctor .image{
	margin-top: 6vw;
	text-align: center;
}
#article_2 .doctor .inner{
	width: 96vw;
	margin: 4vw auto 0 auto;
	background: #F7F7F7;
	padding: 3vw 5vw;
}
#article_2 .doctor .thum{
	text-align: center;
}
#article_2 .doctor .name{
	margin-top: 2vw;
	font-size: 3.5vw;
	font-weight: 700;
	font-weight: bold;
	text-align: right;
}
#article_2 .doctor .caution{
	margin-top: 2vw;
	padding: 0  2vw;
	font-size: 2.5vw;
	font-weight: 400;
	font-weight: normal;
	text-align: right;
}
#article_2 .cm{
	padding: 8vw 2vw 0 2vw;
}
#article_2 .cm .top{
	font-size: 6vw;
	font-weight: 400;
	font-weight: normal;
	text-align: center;
}
#article_2 .cm h3{
	margin-top: 6vw;
	position: relative;
	font-size: 7.5vw;
	font-weight: 700;
	color: #E5CE1A;
	font-weight: bold;
	text-align: center;
	-webkit-text-stroke: 8px #E5CE1A;
}
#article_2 .cm h3::before{
	content: "＼スッキリのCMで話題！／";
	position: absolute;
	color: #E51A60;
	-webkit-text-stroke: 4px #E51A60;
}
#article_2 .cm h3::after{
	content: "＼スッキリのCMで話題！／";
	position: absolute; left: 0; right: 0;
	color: #FFF;
	-webkit-text-stroke: 1px #FFF;
}
#article_2 .cm .text{
	margin-top: 6vw;
	font-size: 4.2vw;
	font-weight: 400;
	font-weight: normal;
}
#article_2 .cm .youtube{
	height: 0;
	margin-top: 4vw;
	padding-top: 56.25%;
	position: relative;
	overflow: hidden;
}
#article_2 .cm .youtube iframe{
	width: 100%;
	height: 100%;
	position: absolute; top: 0; left: 0;
}
#article_2 .cm p{
	margin-top: 4vw;
	font-size: 4vw;
	font-weight: 400;
	font-weight: normal;
}
#article_2 .series{
	padding: 8vw 2vw 10vw 2vw;
}
#article_2 .series .top{
	font-size: 5.5vw;
	font-weight: 700;
	font-weight: bold;
	text-align: center;
}
#article_2 .series .top div{
	display: inline-block;
	position: relative;
}
#article_2 .series .top div div{
	position: absolute; top: 0; left: 40%;
	font-size: 2.5vw;
	font-weight: 400;
	font-weight: normal;
}
#article_2 .series .caution{
	margin-top: 2vw;
	font-size: 2.5vw;
	font-weight: 400;
	font-weight: normal;
	text-align: right;
}
#article_2 .series .thum{
	width: 70%;
	margin: 2vw auto 0 auto;
	text-align: center;
}
#article_2 .series .bottom{
	margin-top: 6vw;
	font-size: 5.5vw;
	font-weight: 700;
	font-weight: bold;
	text-align: center;
}

#article_3{
}
#article_3 h2{
	padding: 1vw 2vw;
	background: #2D60EB;
	font-size: 4.4vw;
	color: #FFF;
	font-weight: 700;
	font-weight: bold;
	text-align: center;
}
#article_3 .wrapper{
	padding: 0 2vw;
}
#article_3 h3{
	margin-top: 6vw;
	padding-bottom: 4vw;
	background: url(../images/acc_1.jpg) no-repeat bottom;
	background-size: 100% auto;
	font-size: 5vw;
	font-weight: 700;
	font-weight: bold;
	text-align: center;
}
#article_3 p{
	margin-top: 6vw;
	font-size: 4vw;
	font-weight: 400;
	font-weight: normal;
}
#article_3 .thum{
	margin-top: 8vw;
	text-align: center;
}
#article_3 .couse{
	padding: 8vw 0 2vw 0;
}
#article_3 .couse h4{
	font-size: 5.5vw;
	font-weight: 700;
	font-weight: bold;
	text-align: center;
}
#article_3 .couse .inner{
	padding-top: 1vw;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#article_3 .couse .item{
	width: 45%;
	margin: 2vw 2vw 0 2vw;
	background: #EDFFFF;
	border: 3px solid #5F9DAF;
	border-radius: 4.5vw;
	font-size: 3.5vw;
	line-height: 8vw;
	text-align: center;
}
#article_3 .couse p{
}
#article_3 .gravity{
	padding-top: 8vw;
}
#article_3 .gravity h4{
	font-size: 5vw;
	font-weight: 700;
	font-weight: bold;
	text-align: center;
}
#article_3 .gravity h4 span{
	padding: 0 4vw 8vw 4vw;
	background: url(../images/acc_2.jpg) no-repeat bottom center;
	background-size: 100% auto;
}
#article_3 .gravity .thum{
}
#article_3 .gravity p{
}
#article_3 .beauty{
	padding-top: 8vw;
}
#article_3 .beauty h4{
	font-size: 4.8vw;
	font-weight: 400;
	font-weight: normal;
	text-align: center;
}
#article_3 .beauty .thum{
	margin-top: 4vw;
}
#article_3 .beauty .caution{
	margin-top: 1vw;
	font-size: 2.5vw;
	font-weight: 400;
	font-weight: normal;
	text-align: right;
}
#article_3 .beauty .center_text{
	margin-top: 8vw;
	font-size: 4vw;
	font-weight: 400;
	font-weight: normal;
	text-align: center;
}
#article_3 .beauty p{
}
#article_3 .check{
	padding-bottom: 10vw;
}
#article_3 .check p{
	margin-top: 8vw;
	font-size: 4.5vw;
	text-align: center;
}
#article_3 .check .arrow{
	margin-top: 4vw;
	padding: 0 25vw;
	text-align: center;
}

#article_4{
}
#article_4 h2{
	padding: 1vw 2vw;
	background: #ED5D6D;
	font-size: 4.8vw;
	color: #FFF;
	font-weight: 700;
	font-weight: bold;
	text-align: center;
}
#article_4 .wrapper{
	padding: 0 2vw;
}
#article_4 .num{
	width: 25%;
	margin: 6vw auto 0 auto;
	text-align: center;
}
#article_4 h3{
	margin-top: 6vw;
	padding-bottom: 4vw;
	background: url(../images/acc_1.jpg) no-repeat bottom;
	background-size: 100% auto;
	font-size: 5vw;
	font-weight: 700;
	font-weight: bold;
	text-align: center;
}
#article_4 p{
	margin-top: 6vw;
	font-size: 4vw;
	font-weight: 400;
	font-weight: normal;
}
#article_4 .thum{
	margin-top: 8vw;
	text-align: center;
}
#article_4 .center_text{
	margin-top: 6vw;
	font-size: 4vw;
	font-weight: 700;
	font-weight: bold;
	text-align: center;
}
#article_4 .point{
}
#article_4 .point .inner{
}
#article_4 .point .item{
	margin-top: 8vw;
}
#article_4 .point .title{
	width: 75%;
	margin: 0 auto;
	background: #FFEFF4;
	border: 3px solid #F08398;
	border-radius: 5.5vw;
	font-size: 4.5vw;
	line-height: 10vw;
	text-align: center;
}
#article_4 .point p{
	margin-top: 4vw;
}
#article_4 .point .thum{
}
#article_4 .point .caution{
	margin-top: 2vw;
	font-size: 2.5vw;
	font-weight: 400;
	font-weight: normal;
	text-align: right;
}
#article_4 .keep{
	padding-bottom: 10vw;
}
#article_4 .keep .center_text{
	margin-top: 8vw;
}
#article_4 .keep p{
}
#article_4 .keep .thum{
}
#article_4 .keep .caution{
	margin-top: 2vw;
	font-size: 2.5vw;
	font-weight: 400;
	font-weight: normal;
	text-align: right;
}

#article_5{
}
#article_5 .wrapper{
	padding: 0 2vw;
}
#article_5 .num{
	width: 25%;
	margin: 6vw auto 0 auto;
	text-align: center;
}
#article_5 .top{
	margin-top: 6vw;
	font-size: 4vw;
	font-weight: 400;
	font-weight: normal;
	text-align: center;
}
#article_5 .middle{
	font-size: 5.5vw;
	font-weight: 700;
	font-weight: bold;
	text-align: center;
}
#article_5 h3{
	margin-top: 6vw;
	padding-bottom: 4vw;
	background: url(../images/acc_1.jpg) no-repeat bottom;
	background-size: 100% auto;
	font-size: 5vw;
	font-weight: 700;
	font-weight: bold;
	text-align: center;
}
#article_5 p{
	margin-top: 6vw;
	font-size: 4vw;
	font-weight: 400;
	font-weight: normal;
}
#article_5 .thum{
	width: 80%;
	margin: 6vw auto 0 auto;
	text-align: center;
}
#article_5 .thum img{
	width: 100%;
}
#article_5 .caution{
	margin-top: 2vw;
	font-size: 2.5vw;
	font-weight: 400;
	font-weight: normal;
	text-align: right;
}
#article_5 .center_text{
	margin-top: 6vw;
	font-size: 4vw;
	font-weight: 700;
	font-weight: bold;
	text-align: center;
}

#article_6{
}
#article_6 .wrapper{
	padding: 2vw 2vw 0 2vw;
}
#article_6 .item{
	margin-top: 8vw;
}
#article_6 .title{
	padding: 2vw 2vw;
	background: #EB6191;
	font-size: 5.5vw;
	color: #FFF;
	font-weight: 700;
	font-weight: bold;
	text-align: center;
}
#article_6 .inner{
	padding: 3vw 3vw 4vw 3vw;
	background: #F7F7F7;
	border: 1px solid #707070;
	border-top: none;
}
#article_6 .thum{
	text-align: center;
}
#article_6 p{
	margin-top: 3vw;
	font-size: 4vw;
	font-weight: 400;
	font-weight: normal;
}
#article_6 .caution{
	margin-top: 2vw;
	font-size: 2.5vw;
	font-weight: 400;
	font-weight: normal;
	text-align: right;
}

#article_7{
}
#article_7 .wrapper{
	padding: 10vw 2vw;
}
#article_7 .num{
	width: 25%;
	margin: 6vw auto 0 auto;
	text-align: center;
}
#article_7 h3{
	margin-top: 6vw;
	padding-bottom: 4vw;
	background: url(../images/acc_1.jpg) no-repeat bottom;
	background-size: 100% auto;
	font-size: 5vw;
	font-weight: 700;
	font-weight: bold;
	text-align: center;
}
#article_7 p{
	margin-top: 6vw;
	font-size: 4vw;
	font-weight: 400;
	font-weight: normal;
}
#article_7 .thum{
	margin-top: 8vw;
	text-align: center;
}
#article_7 .package_thum{
	width: 70%;
	margin: 6vw auto 0 auto;
	text-align: center;
}
#article_7 .package_thum img{
	width: 100%;
}
#article_7 .glamour_thum{
	width: 95%;
	margin: 6vw auto 0 auto;
	text-align: center;
}

#article_8{
}
#article_8 h2{
	padding: 1vw 2vw;
	background: #ED5D6D;
	border-bottom: 10px solid #F4142D;
	font-size: 4.8vw;
	color: #FFF;
	font-weight: 700;
	font-weight: bold;
	text-align: center;
}
#article_8 .wrapper{
	padding: 4vw 2vw;
}
#article_8 h3{
	margin-top: 6vw;
	padding-bottom: 4vw;
	background: url(../images/acc_1.jpg) no-repeat bottom;
	background-size: 100% auto;
	font-size: 5vw;
	font-weight: 700;
	font-weight: bold;
	text-align: center;
}
#article_8 p{
	margin-top: 6vw;
	font-size: 4vw;
	font-weight: 400;
	font-weight: normal;
}
#article_8 .thum{
	margin-top: 8vw;
	text-align: center;
}
#article_8 .arrow{
	width: 40%;
	margin: 6vw auto 0 auto;
	text-align: center;
}
#article_8 .btn{
	width: 90%;
	margin: 6vw auto 0 auto;
	text-align: center;
}
#article_8 .btn_caution{
	margin-top: 2vw;
	font-size: 2.5vw;
	font-weight: 400;
	font-weight: normal;
	text-align: center;
}
#article_8 .caution{
	margin-top: 2vw;
	font-size: 2.5vw;
	font-weight: 400;
	font-weight: normal;
	text-align: right;
}
#article_8 .center_text{
	margin-top: 6vw;
	font-size: 4vw;
	font-weight: 700;
	font-weight: bold;
	text-align: center;
}
#article_8 .price_thum{
	margin-top: 6vw;
	text-align: center;
}
#article_8 .color_thum{
	width: 90%;
	margin: 6vw auto 0 auto;
	text-align: center;
}
#article_8 .last_thum{
	width: 90%;
	margin: 6vw auto 0 auto;
	text-align: center;
}


.marker{
	background-image: -webkit-linear-gradient(left, transparent 50%, #FFF600 50%);
	background-image: -moz-linear-gradient(left, transparent 50%, #FFF600 50%);
	background-image: -ms-linear-gradient(left, transparent 50%, #FFF600 50%);
	background-image: -o-linear-gradient(left, transparent 50%, #FFF600 50%);
	background-image: linear-gradient(left, transparent 50%, #FFF600 50%);
	background-repeat: repeat-x;
	background-size: 200% 50%;
	background-position: 0 100%;
	transition: all 2s ease;
}
.marker.animation{
	background-position: -100% 100%;
}
.doctor h3 .marker{
	background-image: -webkit-linear-gradient(left, transparent 50%, #FFC4E6 50%);
	background-image: -moz-linear-gradient(left, transparent 50%, #FFC4E6 50%);
	background-image: -ms-linear-gradient(left, transparent 50%, #FFC4E6 50%);
	background-image: -o-linear-gradient(left, transparent 50%, #FFC4E6 50%);
	background-image: linear-gradient(left, transparent 50%, #FFC4E6 50%);
}

.arrow{
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-duration: 0.55s;
	animation-name: arrow;
}
@keyframes arrow{
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(0, 3vw);
	}
}

.btn{
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-duration: 0.45s;
	animation-name: btn;
}
@keyframes btn{
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(2vw, 0);
	}
}


/* under_column */

.under_column{
	padding: 6vw 2vw;
}
.under_column h2{
	font-size: 6vw;
	font-weight: bold;
	font-weight: 700;
	text-align: center;
}
.under_column .table_box{
	margin-top: 6vw;
}
.under_column .table_box table{
	width: 100%;
	border-collapse: collapse;
}
.under_column .table_box table tr{
	border-bottom: 1px solid #DDD;
}
.under_column .table_box table tr:last-child{
	border-bottom: none;
}
.under_column .table_box table th,
.under_column .table_box table td{
	padding: 2vw;
	display: block;
	font-size: 4vw;
	font-weight: normal;
	font-weight: 400;
}
.under_column .table_box table td{
	padding-top: 0;
}
.privacy{
	margin-top: 6vw;
}
.privacy .top{
	font-size: 3.5vw;
}
.privacy .inner{
}
.privacy .item{
	margin-top: 6vw;
}
.privacy .title{
	padding-left: 2vw;
	border-left: 2px solid #CCC;
	font-size: 4vw;
	font-weight: bold;
	font-weight: 700;
}
.privacy .text{
	margin-top: 4vw;
	font-size: 3.5vw;
}


/* footer */

footer{
}
footer .wrapper{
	padding: 10vw 2vw;
}
footer p{
	font-size: 3.5vw;
	font-weight: 700;
	font-weight: bold;
}
footer nav{
	font-size: 3.5vw;
}
footer nav div{
	margin-top: 1vw;
}
footer a{
	text-decoration: underline;
}