@charset "utf-8";

.intro .btn {
    margin-top: 30px;
}
.intro .btn a {
    background: #6E5A50;
    color: #fff;
    width: 380px;
    margin: auto;
    cursor: pointer;
    position: relative;
}
.intro .btn a::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-left: 10px solid #fff;
    position: relative;
    left: -10px;
    top: 0;
}
@media screen and (max-width: 768px){
	.intro .btn {
	    margin-top: 10px;
	}
	.intro .btn a {
	    width: 80%;
	    font-size: 12px;
	}
	.intro .btn a::before {
	    border: 5px solid transparent;
	    border-left: 8px solid #fff;
	    left: -4px;
	}
}

.kayokoCommentImg {
    margin-top: -80px;
}
@media screen and (max-width: 768px){
	.kayokoComment {}
		.kayokoCommentImgPadding {
		    height: 58vw;
		}
		.kayokoCommentImg {
		    margin-top: auto;
		}
}

.trialArea .cards {
    justify-content: center;
}

/* about
---------------------------------------------- */
.about{
	margin-top: 100px;
}
	.about .secTtl1{
	}
	.about .box{
		margin-top: 35px;
	}
		.about .box .img{
			width: 57.7777778%;
		}
		.about .box .txt{
			width: 40%;
		}
			.about .box .txt .txtTtl{
				font-size: 24px;
				line-height: 1.67;
			}
			.about .box .txt .txtDes{
				font-size: 18px;
				line-height: 2.2;
				margin-top: 24px;
				text-align: justify;
				text-justify: inter-ideograph;
			}
	.about .des{
		font-size: 18px;
		line-height: 2.2;
		text-align: justify;
		text-justify: inter-ideograph;
	}

@media screen and (max-width: 768px){
	.about{
		margin-top: 60px;
	}
		.about .secTtl1{
		}
		.about .box{
			margin-top: 15px;
		}
			.about .box .img{
				width: 100%;
			}
			.about .box .txt{
				width: 100%;
				margin-top: -10px;
			}
				.about .box .txt .txtTtl{
					font-size: 14px;
					line-height: 1.7;
				}
				.about .box .txt .txtDes{
					font-size: 12px;
					line-height: 1.6;
					margin-top: 12px;
				}
}

.efficacy .checkList {
    margin: 50px 90px auto;
}
@media screen and (max-width: 768px){
	.efficacy .checkList {
	    max-width: 219px;
	    margin: 20px auto auto;
	}
}

.aboutUlthera {}
.aboutUlthera .img {
	    max-width: 750px;
	    margin-top: 80px;
	}
	.aboutUlthera .movie {
	    max-width: 720px;
	    margin: 60px auto;
	}

	.method {
		margin-top: 110px;
	}
		.method .secTtl1 {
		    margin-bottom: 40px;
		}
		.method .figure {
			width: 45.5556%;
			max-width: 410px;
		}
			.method .des {
				margin: 30px auto;
			    font-size: 16px;
			    line-height: 2.125;
			    /* text-align: justify;
			    text-justify: inter-ideograph; */
			}
	.cellBox .listStyle li::before {
	    font-size: 10px;
	}
@media screen and (max-width: 768px){
	.method {
	    margin-top: 80px;
	}
		.method .secTtl1 {
		    margin-bottom: 25px;
		}
		.method .figure{
			width: 100%;
		}
			.method .des {
				margin: 15px auto;
				margin-bottom: 30px;
				font-size: 12px;
			    line-height: 1.8;
			}
}




.type {
    margin-top: 120px;
}
.type .des {
	margin-bottom: 20px;
	font-size: 16px;
}
	.type .secTtl1 {
	    font-size: 22px;
	    margin-bottom: 20px;
	}

	.tableStyle tbody th,
	.tableStyle tbody td {
		line-height: 1.5;
	}
	.tableStyle tbody td {
	    width: auto;
	    padding: 20px;
	}
	.tableStyle thead td:first-child{
		border-top: 0px;
	}
	.tableStyle .rel {
		background: #fdf9fa;
	}
	 .tableStyle thead .rel {
		background: #f5dce1;
	}
	.tableStyle .notRel {
		background: #f8f7f6;
	}
	.tableStyle .bgBrown {
		background: #8b7b73;
		color: #fff;
		width: 150px;
	}

@media screen and (max-width: 768px){
	.type {
	    margin-top: 80px;
	}
	.type .des {
		margin-bottom: 10px;
		font-size: 12px;
		line-height: 1.5;
}
		.type .secTtl1 {
		    font-size: 12px;
		    margin-bottom: 4px;
		}
		.tableStyle {
		    width: auto;
		}
			.tableStyle tbody td {
			    padding: 2%;
			    font-size: 11px;
			    letter-spacing: 0;
			    text-align: center !important;
			}
			.tableStyle tbody td.rel{
				font-size: 12px;
			}
			.tableStyle .bgBrown {
				width: auto;
				line-height: 1.2;
			    padding: 1em 0.2em;
				-ms-writing-mode: tb-rl;
					writing-mode: vertical-rl;
			}
			.tableStyle tbody td .small {
			    font-size: 10px;
			}
}


/* .step .movieLink1 {
    bottom: 13.4%;
    left: 15%;
    width: 24%;
    height: 15.8%;
}
@media screen and (max-width: 768px){
	.step .movieLink1 {
	    left: 25%;
	    width: 37.5vw;
	}
} */


.featuresWrap {
    margin-top: 50px;
}
@media screen and (max-width: 768px){
	.featuresWrap {
	    margin-top: 20px;
	}
}





.pricceSec {
    margin-bottom: 60px;
}	
	.pricceSec .des {
	    padding: 20px;
	    line-height: 1.5;
	    font-size: 18px;
	}
	.pricceSec .priceList .priceList2 dl dt {
	    width: 180px;
	    margin-right: 40px;
	}
@media screen and (max-width: 768px){
	.pricceSec .des {
	    padding: 12px;
	    font-size: 12px;
	}
	.pricceSec .priceList .priceList2 dl dt {
	    width: 110px;
	    margin-right: 0px;
	}
}

/* priceComment｜イチオシコメント */
.priceComment {
	margin-bottom: 40px;
	border: 1px solid #F4EAB2;
	border-radius: 20px;
	background-color: #FCFAED;
	position: relative;
	padding: 40px 70px 40px 200px;
    font-size: 16px;
    line-height: 2.125;
}
.priceComment::before {
	content: '';
	display: block;
	width: 30px;
    height: 30px;
    position: absolute;
    bottom: -27px;
    left: 50%;
    z-index: 0;
	transform: rotate(45deg) translateX(-50%);
	border-right: 1px solid #F4EAB2;
	border-bottom: 1px solid #F4EAB2;
	background-color: #FCFAED;
}
.priceComment::after {
	content: '';
	display: block;
	width: 120px;
	height: 120px;
	background: url('../../img/thermacool/pc/icon_priceComment.svg') center/contain no-repeat;
	position: absolute;
	top: 40px;
    left: 40px;
}
	.priceComment .secTtl1 {
		font-size: 28px;
	}
	.priceComment .des {
		text-align: justify;
	    text-justify: inter-ideograph;
	}

@media screen and (max-width: 768px){
	.priceComment {
		border-radius: 10px;
		padding: 20px;
		line-height: 1.8333;
	    font-size: 12px;
	}
	.priceComment::before {
		width: 22px;
		height: 22px;
		bottom: -19px;
	}
	.priceComment::after {
	    width: 60px;
	    height: 60px;
	    top: -20px;
	    left: auto;
	    right: 20px;
	}
	.priceComment .secTtl1 {
		margin-bottom: 5px;
		font-size: 14px;
	}
}