@charset "UTF-8";

/*===========================================================================================================*/
/* second main sp cleviel common
/*===========================================================================================================*/

.span-second-content-cleviel-red {
    color: #C8161E;
}

.div-second-content-pc-cleviel-inner {
    width:100%;
    margin:0;
}

/*===========================================================================================================*/
/* second main pc cleviel common
/*===========================================================================================================*/

@media only screen and (min-width: 1024px) and (max-width: 1095px){

.div-second-content-pc-cleviel-inner {
    width:1024px;
    margin:0 auto;
}

}

@media only screen and (min-width: 1096px){

.div-second-content-pc-cleviel-inner {
    width:1024px;
    margin:0 auto;
}

}

/*===========================================================================================================*/
/* second main sp cleviel
/*===========================================================================================================*/

#div-second-main-sp-cleviel {
	/*margin-bottom:35px;*/
	overflow:hidden;
	width:100%;
	height:70vw;
	background-image:url("bnls-neo_bg.jpg");
	border-bottom:1px solid #999999;
}

#div-second-main-sp-cleviel-inner {
    width:105%;
    height:70vw;
	/*background:url("cleviel-model-663570790-w768-h827.png") no-repeat;*/
	background-position:150% 2.77vw;/*10px*/;
	background-size:auto 80vw;
}

#p-second-main-sp-cleviel-subtitle {
	font-family: 'Noto Serif Japanese', 'Source Han Serif JP', serif;
	padding-top:8.33vw;/*30px;*/
	padding-left:9.44vw;/*34px*/
	font-size:6.388vw;/*23px*/
	letter-spacing:-0.05em;
}

#h2-second-main-sp-cleviel {
	font-family: 'Noto Serif Japanese', 'Source Han Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding-top:2.77vw;/*10px*/
	padding-left:3.61vw;/*13px;*/
	font-size:11vw;/*40px*/
	letter-spacing:0.05em;
}

#div-second-main-sp-cleviel-machine-inner {
	display:flex;
	display: -webkit-flex;
}

#figure-second-main-sp-cleviel-machine {
	margin-top:13px;/*10px*/
	margin-left:2.77vw;/*10px*/
	
}

#figure-second-main-sp-cleviel-machine img {
	width:auto;
	height:35vw;
}

#div-second-main-sp-cleviel-machine-title {
	font-family: 'Noto Serif Japanese', 'Source Han Serif JP', serif;
	margin-left:3.61vw;/*13px;*/
	margin-right: 3.61vw;

}

#p-second-main-sp-cleviel-machine-subtitle {
	margin-top:9.72vw;/*35px*/
	border-top:1px solid #333333;
	padding-top:3.611vw;/*13px*/
	padding-left:2.77vw;/*10px*/
	padding-right:0.833vw;/*3px*/
	font-size:4.0vw/*16px*/;
	letter-spacing:0;

}

#h3-second-main-sp-cleviel-machine {
	padding-top:2.77vw;/*10px*/
	border-bottom:1px solid #333333;
	padding-bottom:3.611vw;/*13px*/
	padding-left:1.944vw;/*7px*/
	padding-right:0.833vw;/*3px*/
	font-size:4.72vw;/*17px;*/
	letter-spacing:0;
}

/*=================================================================================*/
/* second main pc cleviel
/*=================================================================================*/

#div-second-main-pc-cleviel {
	width:100%;
	background-image:url("cleviel_bg.jpg");
	background-size:cover;
	background: linear-gradient(-70deg, rgba(238,231,219,.8) 0%, #ffffff 50%, rgba(238,231,219,.8) 100%);
    background: -webkit-linear-gradient(-70deg, rgba(238,231,219,.8) 0%, #ffffff 50%, rgba(238,231,219,.8) 100%);
    /* background-size: auto 350px; */
}
/*
#div-main-pccleviel-inner {
	position:relative;
	margin:0 auto;
	width:1000px;
	height:424px;
	background: url("cleviel-machine-left-512px.png") no-repeat, url("cleviel-model-318998417-w384-h512.png") no-repeat;
	background-position:0 100px, 100% 30px;
	background-size:auto 300px, auto 460px;
}
*/

#div-second-main-pc-cleviel-inner {
	position:relative;
	margin:0 auto;
	width:1024px;
	height:424px;
	background:url("cleviel-model-318998417-w384-h512.png") no-repeat;
	background-position:0 30px;
	background-size:auto 460px;
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
}

#div-second-main-pc-cleviel-title{
	margin-left:350px;
}

#h2-second-main-pc-cleviel-title {
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding-top:100px;
	padding-left:0;
    font-size:70px;
	font-weight:bold;
    color:#6D4B38;
	color:#4E4740;
	line-height:1.4;
}

#h2-second-main-pc-cleviel-title2 {
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding-top:140px;
	padding-left:0;
    font-size:50px;
	font-weight:bold;
    color:#3E1640;

	line-height:1.4;
	letter-spacing:0;
}

#span-h2-second-main-pc-cleviel-subtitle {
	/*padding-left:5px;*/
	font-size:23px;
	color:#6D4B38;
}

#span-h2-second-maind-pc-cleviel-title {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	padding-left:15px;
	font-size:30px;
	vertical-align:2px;
}

#ul-second-main-pc-cleviel {
	padding-top:30px;
	padding-left:0;
	display:flex;
	display:-webkit-flex;
}

.li-second-main-pc-cleviel {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	margin-right:20px;
	background-color:#0254a3;
	color:#FFFFFF;
	display:block;
	font-size:20px;
	line-height:100px;
	text-align: center;
	height:100px;
	width:100px;
	border-radius:50%;
}

#figure-second-main-pc-cleviel-machine {
	padding-top:100px;
	text-align:right;
}

#figure-second-main-pc-cleviel-machine img {
	width:auto;
	height:300px;
}



/*=================================================================================*/
/* second content cleviel movie
/*=================================================================================*/

#section-second-content-cleviel-movie {
    overflow:hidden;
    width:100%;
}

.h4-second-content-cleviel-movie {
    /*margin:0 2%;*/
    font-family: 'Noto Serif Japanese', 'Source Han Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding:.9em 0 .9em;
    font-size:18px;
    font-weight:400;
    color:#FFFFFF;
    text-align:center;
	background:-webkit-radial-gradient(circle, #1e82e2 0%, #0254a3 100%);
}


.div-second-content-video {
    padding:7% 7% 6.5%;
}

@media only screen and (max-width: 359px){

}

@media only screen and (min-width: 360px) and (max-width: 591px){

}

@media only screen and (min-width: 592px) and (max-width: 767px){

}

@media only screen and (min-width: 768px) and (max-width: 1023px){

.h4-second-content-cleviel-about {
    font-size:24px;
    padding:.8em 0 .9em;
}

.p-second-content-cleviel-about {
    font-size:16px;
}

}

@media only screen and (min-width: 1024px) and (max-width: 1095px){

}
background:radial-gradient(circle, #7B7569 0%, #4E4740 120%);
    background:-webkit-radial-gradient(circle, #7B7569 0%, #4E4740 120%);
@media only screen and (min-width: 1096px){

.h4-second-content-cleviel-movie {
    width:100%;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    padding:.8em 0 .8em;
    font-size:27px;
    font-weight:500;
    color:#FFFFFF;
    text-align:center;
	background:-webkit-radial-gradient(circle, #1e82e2 0%, #0254a3 100%);
}

.div-second-content-video {
    margin:50px auto;
    width:750px;
    padding:0;
}

}

/*=================================================================================*/
/* second content sp-pc cleviel about
/*=================================================================================*/

#section-second-content-cleviel-about {
	overflow:hidden;
	width:100%;
}

.h4-second-content-cleviel-about {
	/*margin:0 2%;*/
	font-family: 'Noto Serif Japanese', 'Source Han Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding:.9em 0 .9em;
	font-size:18px;
	font-weight:400;
	color:#FFFFFF;
	text-align:center;
	background-color:#C3AD7B;
	background:-webkit-radial-gradient(circle, #1e82e2 0%, #0254a3 100%);
}

.h4-second-content-cleviel-head {
	margin-top:20px;
	font-family: 'Noto Serif Japanese', 'Source Han Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding:.8em 0 .7em;
	font-size:18px;
	font-weight:400;
	color:#0254a3;
	text-align:center;
	border-top:4px solid #1e82e2;
	border-bottom:1px dotted #0254a3;
	background: linear-gradient(to top, #ffffff 1%,#87cefa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FDF2FD',GradientType=0 );
	
}

.p-second-content-cleviel-about:nth-of-type(1) {
    padding-top:3rem;
}

.p-second-content-cleviel-about {
    width: 100%;
    padding: 1.5rem 4.75% 0 5%;
    text-indent: 1.5rem;
	/*font-size: calc( 100% + .5vw );*/
    font-size:15px;
	line-height:1.8;
}

.figure-second-content-cleviel-about {
	overflow:hidden;
	margin:24px auto 0;
	/*width:90%;*/
}

.figure-second-content-cleviel-about img {
	width:60%;
	height:auto;
}

.ul-second-content-cleviel-about {
	overflow: hidden;
    width:100%;
	margin:3rem 0 2rem;
}

.li-second-content-cleviel-about {
}

.h5-second-content-cleviel-about {
	margin-left:5%;
    font-family: 'Noto Serif Japanese', 'Source Han Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	width:95%;
	padding-left:1.6rem;
	/*font-size:calc(140% + .5vw);*/
    font-size:16px;
	text-align:left;
	line-height:1.8;
	border-left:4px solid #C3AD7B;
}

.h5-second-content-cleviel-subtitle {
	font-family: 'Noto Serif Japanese', 'Source Han Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding:.8em 0 .8em;
    font-size:18px;
    font-weight: 400;
	text-align:center;
	color:#333;
	margin-top: 20px;
	/*background:linear-gradient(left, #FFFCF0 0%, #FFFCF0 50%, #FFFFFF 100%);*/
    /*background:-webkit-linear-gradient(left, #FFFCF0 0%, #FFFCF0 50%, #FFFFFF 100%);*/
	background-color: rgba(123,117,105,.05);
}

.p-second-content-cleviel-about-mechanism:nth-of-type(1) {
    padding-top:2.5rem;
}

.p-second-content-cleviel-about-mechanism {
	margin-bottom:1rem;
	width: 100%;
    padding: 1.5rem 4.75% 0 5%;
	/*font-size: calc( 100% + .5vw );*/
    text-indent: 1em;
    font-size:15px;
	line-height:1.8;
}

@media only screen and (max-width: 359px){

}

@media only screen and (min-width: 360px) and (max-width: 591px){

}

@media only screen and (min-width: 592px) and (max-width: 767px){

}

@media only screen and (min-width: 768px) and (max-width: 1023px){

.h4-second-content-cleviel-about {
    font-size:24px;
    padding:.8em 0 .9em;
}

.p-second-content-cleviel-about {
    font-size:16px;
}

}

@media only screen and (min-width: 1024px) and (max-width: 1095px){

}

@media only screen and (min-width: 1096px){

.h4-second-content-cleviel-about {
    width:100%;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    padding:.8em 0 .8em;
    font-size:27px;
    font-weight:500;
    color:#FFFFFF;
    text-align:center;
	background:-webkit-radial-gradient(circle, #1e82e2 0%, #0254a3 100%);
}

.p-second-content-cleviel-about {
    margin:0 auto;
    width:800px;
    padding:1.5rem 0;
    font-size:17px;
    line-height:2.2;
    text-indent:0;
}

.p-second-content-cleviel-about:nth-of-type(1) {
    padding-top:6rem;
}

.p-second-content-cleviel-about:last-of-type {
    padding-bottom:0;
}

.figure-second-content-cleviel-about {
    margin:30px auto 0;
    width:250px;
}

.ul-second-content-cleviel-about {
    margin:50px auto;
    width:800px;
}

.li-second-content-cleviel-about:not(:first-child) {
    padding-top:1.5rem;
}

.h5-second-content-cleviel-about {
    margin:0;
    position:relative;
    width:100%;
    padding-left:1em;
    font-size:22px;
    text-align:left;
    line-height:2.2;
    border-left:4px solid #C3AD7B;
}

.h5-second-content-cleviel-subtitle {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    padding:.5em 0 .4em;
    font-size:29px;
    font-weight:500;
    text-align:center;
    margin-top: 20px;
    color:rgba(78,71,64,.8);
    /*background:linear-gradient(left, #FFFCF0 0%, #FFFCF0 50%, #FFFFFF 100%);*/
    /*background:-webkit-linear-gradient(left, #FFFCF0 0%, #FFFCF0 50%, #FFFFFF 100%);*/
    background-color: rgba(123,117,105,.05);
}

.p-second-content-cleviel-about-mechanism {
    padding:1.5rem 0;
    font-size:17px;
    line-height:2.2;
    text-indent:0;
}

.p-second-content-cleviel-about-mechanism:nth-of-type(1) {
    padding-top:4rem;
}

.p-second-content-cleviel-about-mechanism:last-of-type {
    padding-bottom:0;
}

}

/*=================================================================================*/
/* second content sp-pc cleviel particular
/*=================================================================================*/

#section-second-content-cleviel-particular {
	overflow:hidden;
    width:100%;
}

.h4-second-content-cleviel-particular {
	font-family: 'Noto Serif Japanese', 'Source Han Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding:.9em 0 .9em;
    font-size:18px;
    font-weight:400;
    color:#FFFFFF;
    text-align:center;
	background:-webkit-radial-gradient(circle, #1e82e2 0%, #0254a3 100%);
}

.ul-second-content-cleviel-particular {
	overflow: hidden;
    margin:3rem 0 3rem;
    width:100%;
    counter-reset:counter;
}

.li-second-content-cleviel-particular:not(:first-child) {
    margin-top:2rem;
}

.li-second-content-cleviel-particular:first-child .h5-second-content-cleviel-particular:after {
    left:calc(5% + 35px);
    width:79.5%;
}

.li-second-content-cleviel-particular:nth-child(n+1) .h5-second-content-cleviel-particular:after {
    left:calc(5% + 37px);
    width:55%;
}

.h5-second-content-cleviel-particular {
    font-family: 'Noto Serif Japanese', 'Source Han Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	position:relative;
	width:100%;
	padding-left: calc(5% + 40px);
	font-size:18px;
    font-weight:600;
	text-align:left;
	line-height:1.5;
}

.h5-second-content-cleviel-particular:before {
	position:absolute;
	top:0;
	left:5%;
	content:counter(counter);
	counter-increment:counter;
	background-color:#7B7569;
	color:#FFFFFF;
	display:block;
	font-size: 17px;
    padding-left:1px;
	line-height:28px;
	text-align:center;
	height:30px;
	width:30px;
	border-radius:50%;
}

.h5-second-content-cleviel-particular:after {
	position:absolute;
	bottom:0;
	z-index:-1;
	content:'';
	height:10px;
	background-color:#FADCE9;
	transform:skewX(-15deg);
}

.figure-second-content-cleviel-particular {
	margin-top:40px;
	text-align:center;
}

.figure-second-content-cleviel-particular img {
	width:90%;
}

.p-second-content-cleviel-particular:nth-of-type(1) {
	padding-top:1.5rem;
}

.p-second-content-cleviel-particular {
    width: 100%;
    padding: 1.5rem 4.75% 0 5%;
    /*font-size: calc( 100% + .5vw );*/
    text-indent: 1em;
    font-size:15px;
    line-height:1.8;
}

@media only screen and (max-width: 359px){

}

@media only screen and (min-width: 360px) and (max-width: 591px){

}

@media only screen and (min-width: 592px) and (max-width: 767px){

}

@media only screen and (min-width: 768px) and (max-width: 1023px){

.h4-second-content-cleviel-about {
    font-size:24px;
    padding:.8em 0 .9em;
}

.p-second-content-cleviel-about {
    font-size:16px;
}

}

@media only screen and (min-width: 1024px) and (max-width: 1095px){

}

@media only screen and (min-width: 1096px){

.h4-second-content-cleviel-particular {
    width:100%;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    padding:.8em 0 .8em;
    font-size:27px;
    font-weight:500;
    color:#FFFFFF;
    text-align:center;
	background:-webkit-radial-gradient(circle, #1e82e2 0%, #0254a3 100%);
}

.ul-second-content-cleviel-particular {
    margin:7rem auto 7rem;
    width:800px;
}

.li-second-content-cleviel-particular:not(:first-child) {
    padding-top:5rem;
}

.li-second-content-cleviel-particular:first-child .h5-second-content-cleviel-particular:after {
    left:5.5rem;
    width:43rem;
}

.li-second-content-cleviel-particular:nth-child(n+1) .h5-second-content-cleviel-particular:after {
    left:5.5rem;
    width:29rem;
}

.h5-second-content-cleviel-particular {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    position:relative;
    width:100%;
    padding-top:3px;
    padding-left:2.3em;
    font-size:27px;
    text-align:left;
    line-height:1.5;
}

.h5-second-content-cleviel-particular:before {
    position:absolute;
    top:0;
    left:0;
    content:counter(counter);
    counter-increment:counter 1;
    background-color:#7B7569;
    color:#FFFFFF;
    display:block;
    font-size:26px;
    font-weight:normal;
    padding-top:1px;
    line-height:45px;
    text-align:center;
    height:45px;
    width:45px;
    border-radius:50%;
}

.h5-second-content-cleviel-particular:after {
    position:absolute;
    bottom:2px;
    left:1.5em;
    z-index:-1;
    content:'';
    height:10px;
    background-color:#FADCE9;
    transform:skewX(-15deg);
}

.p-second-content-cleviel-particular:nth-of-type(1) {
    padding-top: 5rem;
}

.p-second-content-cleviel-particular {
    padding: 2.5rem 0 0 1rem;
    font-size: 17px;
    line-height: 2.2;
    text-indent: 0;
}

}

/*=================================================================================*/
/* second content sp-pc cleviel recommend
/*=================================================================================*/

#section-second-content-cleviel-recommend {
	overflow:hidden;
    width:100%;
}

.h4-second-content-cleviel-recommend {
    font-family: 'Noto Serif Japanese', 'Source Han Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding:.9em 0 .9em;
    font-size:18px;
    font-weight:400;
    color:#FFFFFF;
    text-align:center;
	background:-webkit-radial-gradient(circle, #1e82e2 0%, #0254a3 100%);
}

.ul-second-content-cleviel-recommend {
	margin-bottom:3rem;
    width:100%;
}

.li-second-content-cleviel-recommend + li {
	padding-top:2rem;
}

.div-second-content-cleviel-recommend-catchcopy {
	width:100%;
}

.h5-second-content-cleviel-recommend {
	font-family: 'Noto Serif Japanese', 'Source Han Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	position:relative;
	padding:.9em 0 .9em;
	padding-left: calc(5% + 35px);
	font-size:18px;
    font-weight:bold;
	color:#555555;
    background-color:#F1F1F1;
}

.h5-second-content-cleviel-recommend::before {
	position:absolute;
	content:"";
	top:.65em;
	left:5%;
	width:35px;
	height:35px;
	background:url("checkbox.svg") no-repeat;
}

/*
.h5-second-content-cleviel-recommend:after {
    position: absolute;
    bottom: -3px;
    left: 1.5em;
    z-index: -1;
    content: '';
    width:90%;
    height: 10px;
    background-color: #FADCE9;
    transform: skewX(-20deg);
}
*/
.span-h5-second-content-cleviel-recommend {
	color:#c8161e;
}

.p-second-content-cleviel-recommend {
	width: 100%;
    padding: 1.5rem 4.75% 0 5%;
    /*font-size: calc( 100% + .5vw );*/
    text-indent: 1em;
    font-size:15px;
    line-height:1.8;
}

.figure-second-content-cleviel-recommend {
	margin-top:16px;
	text-align:center;
}

.figure-second-content-cleviel-recommend img {
	width:50%;
	height:auto;
}

@media only screen and (max-width: 359px){

}

@media only screen and (min-width: 360px) and (max-width: 591px){

}

@media only screen and (min-width: 592px) and (max-width: 767px){

}

@media only screen and (min-width: 768px) and (max-width: 1023px){

.h4-second-content-cleviel-about {
    font-size:24px;
    padding:.8em 0 .9em;
}

.p-second-content-cleviel-about {
    font-size:16px;
}

}

@media only screen and (min-width: 1024px) and (max-width: 1095px){

}

@media only screen and (min-width: 1096px){

.h4-second-content-cleviel-recommend {
    width:100%;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    padding:.8em 0 .8em;
    font-size:27px;
    font-weight:500;
    color:#FFFFFF;
    text-align:center;
	background:-webkit-radial-gradient(circle, #1e82e2 0%, #0254a3 100%);
}

.ul-second-content-cleviel-recommend {
    margin: 7rem auto 7rem;
    width: 1024px;
}

.li-second-content-cleviel-recommend {
    padding-top:0;
    width:100%;
    display:flex;
    display:-webkit-flex;
}

.li-second-content-cleviel-recommend:not(:first-child) {
    padding-top:6rem;
    width:100%;
    display:flex;
    display:-webkit-flex;
}

.div-second-content-cleviel-recommend-catchcopy {
    width:72%;
}

.h5-second-content-cleviel-recommend {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    position:relative;
    padding-top:12px;
    padding-left:1.5em;
    font-size:27px;
    color:#555555;
    background-color: #FFFFFF;
}

.h5-second-content-cleviel-recommend::before {
    position:absolute;
    content:"";
    top:10px;
    left:0;
    width:60px;
    height:60px;
    background-image:url("checkbox.svg");
    background-repeat:no-repeat;
}

.span-h5-second-content-cleviel-recommend {
    color:#c8161e;
}

.p-second-content-cleviel-recommend {
    padding: 1.5rem 0 0 0;
    font-size:17px;
    line-height:2.2;
    text-indent:1em;
}

.figure-second-content-cleviel-recommend {
    width:28%;
}

.figure-second-content-cleviel-recommend img {
    width:80%;
    height:auto;
}

}

/*=================================================================================*/
/* second content sp-pc cleviel flow
/*=================================================================================*/

#section-second-content-cleviel-flow {
	overflow:hidden;
    width:100%;
}

.h4-second-content-cleviel-flow {
    font-family: 'Noto Serif Japanese', 'Source Han Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding:.9em 0 .9em;
    font-size:18px;
    font-weight:400;
    color:#FFFFFF;
    text-align:center;
	background:-webkit-radial-gradient(circle, #1e82e2 0%, #0254a3 100%);
}

.div-second-content-person-left {
    margin: 1rem 4% 2.5rem 3%;
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
}

.figure-second-content-person-left {
   /* width: 25%;*/
   width:0;
}

.figcaption-second-content-person-left {
    padding-top: 5px;
    font-size: 17px;
    text-align: center;
}

.p-second-content-person-left {
    /*width: 75%;*/
    width:100%;
    font-family: 'Noto Serif Japanese', 'Source Han Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding-top: calc(5% + 0.2vh);
    padding-left: 10px;
    font-size: 18px;
    color: #333333;
    text-align: left;
    line-height: 1.5;
}

.ul-second-content-cleviel-flow {
	margin:0 3% 0;
    counter-reset: counter;
}

.li-second-content-cleviel-flow {
	position:relative;
}

.li-second-content-cleviel-flow:last-child .h5-second-content-cleviel-flow:after {
    border-right: none;
}

.h5-second-content-cleviel-flow {
	font-family: 'Noto Serif Japanese', 'Source Han Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	background: linear-gradient(to right, #EEEEEE 0%, #FFFFFF 100%);
	background: -webkit-linear-gradient(to right, #EEEEEE 0%, #FFFFFF 100%);
	font-size:18px;
	font-weight:bold;
	color:#333333;
	background-position:22px 0;
    height:45px;
    line-height:43px;
	padding-left:6rem;
}

.h5-second-content-cleviel-flow:before {
	font-family: 'Noto Serif Japanese', 'Source Han Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    position: absolute;
	top:0;
    left:0;
	counter-increment: counter 1;
	content: counter(counter);
	width: 45px;
    height: 45px;
    margin-top: 0;
    background-color:#5DC7E0;
    -webkit-border-radius: 50%;
	border-radius: 50%;
    z-index: 10;
    font-size: 20px;
	font-weight:bold;
    text-align: center;
	line-height:42px;
    color:#FFFFFF;
}

.h5-second-content-cleviel-flow:after {
    position: absolute;
    top: 0;
    left: 22px;
	content:"";
    height:100%;
    border-right: 1px solid #5DC7E0;
}

.div-second-content-cleviel-flow-inner {
	width:100%;
}

.figure-second-content-cleviel-flow {
	padding-top:16px;
	width:80%;
	text-align:right;
}

.figure-second-content-cleviel-flow img {
	width:80%;
	height:auto;
}

.p-second-content-cleviel-flow {
	padding:16px 5% 24px 15%;
	width:100%;
	text-align:left;
    text-indent: 1em;
	font-size:14px;
	line-height:1.5;
}

.figure-second-content-cleviel-flow-img {
	padding-bottom:12px;
	padding-left:30px;
	width:100%;
	text-align:right;
}



@media only screen and (max-width: 359px){

}

@media only screen and (min-width: 360px) and (max-width: 591px){

}

@media only screen and (min-width: 592px) and (max-width: 767px){

}

@media only screen and (min-width: 768px) and (max-width: 1023px){

.h4-second-content-cleviel-about {
    font-size:24px;
    padding:.8em 0 .9em;
}

.p-second-content-cleviel-about {
    font-size:16px;
}

}

@media only screen and (min-width: 1024px) and (max-width: 1095px){

}

@media only screen and (min-width: 1096px){

.p-second-content-person-left {
    /*width: 75%;*/
    width:100%;
    font-family: 'Noto Serif Japanese', 'Source Han Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding-left:0;
    font-size:25px;
    color: #333333;
    text-align: center;
    line-height: 1.5;
}

.h4-second-content-cleviel-flow {
    width:100%;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    font-size:27px;
    font-weight:500;
    color:#FFFFFF;
    text-align:center;
	background:-webkit-radial-gradient(circle, #1e82e2 0%, #0254a3 100%);
}

.ul-second-content-cleviel-flow {
    margin:64px 0 0;
    counter-reset:counter 0;
}

.li-second-content-cleviel-flow {
    position:relative;
    padding-bottom:50px;
}

.li-second-content-cleviel-flow:last-child .h5-second-content-cleviel-flow:after {
    border-right: none;
}

.h5-second-content-cleviel-flow {
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Sawarabi Mincho", serif;
    background: linear-gradient(left, rgba(123,117,105,.1) 0%, rgba(123,117,105,.1) 50%, #FFFFFF 100%);
    background: -webkit-linear-gradient(left, rgba(123,117,105,.1) 0%, rgba(123,117,105,.1) 50%, #FFFFFF 100%);
    font-size:22px;
    font-weight:normal;
    color:rgba(78,71,64,.8);
    background-position:37px 0;
    padding-left:3.5em;
    line-height:2.0;
}

.h5-second-content-cleviel-flow:before {
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Sawarabi Mincho", serif;
    position: absolute;
    top:-8px;
    left:0;
    counter-increment: counter 1;
    content: counter(counter);
    width: 55px;
    height: 55px;
    margin-top: 0;
    background-color:#5DC7E0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 10;
    font-size: 22px;
    font-weight:normal;
    text-align: center;
    line-height:54px;
    color:#FFFFFF;
}

.h5-second-content-cleviel-flow:after {
    position: absolute;
    top: 0;
    left: 27px;
    content:"";
    height:100%;
    border-right: 2px solid #5DC7E0;
}

.div-second-content-cleviel-flow-inner {
    padding-top:20px;
    font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
    width:100%;
    display:flex;
    display: -webkit-flex;
}

.figure-second-content-cleviel-flow {
    padding-left:75px;
    width:70%;
    text-align:left;
}

.figure-second-content-cleviel-flow img {
    width:100%;
    height:auto;
}

.figure-second-content-cleviel-flow-img {
	padding-bottom:12px;
	padding-left:30px;
	width:80%;
	text-align:right;
}


.p-second-content-cleviel-flow {
    padding-left:30px;
    width:70%;
    text-align:left;
    line-height:2.2;
    font-size:17px;
}

}


/*=================================================================================*/
/* second content sp-PC cleviel photo case
/*=================================================================================*/

#section-second-content-cleviel-photo-case {
	overflow:hidden;
	width:100%;
}

.h4-second-content-cleviel-photo-case {
	font-family: 'Noto Serif Japanese', 'Source Han Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding:.9em 0 .9em;
	font-size:18px;
	font-weight: 400;
	color:#FFFFFF;
	text-align:center;
	background-color:#C3AD7B;
	background:-webkit-radial-gradient(circle, #1e82e2 0%, #0254a3 100%);
}

.ul-second-content-cleviel-photo-case {
}

.li-second-content-cleviel-photo-case:not(:first-child) {
	margin-top:24px;
	width:100%;
}

.h5-second-content-cleviel-photo-case {
	font-family: 'Noto Serif Japanese', 'Source Han Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding:.8em 0 .8em;
    font-size:18px;
    font-weight: 400;
	text-align:center;
	color:#333;
	/*background:linear-gradient(left, #FFFCF0 0%, #FFFCF0 50%, #FFFFFF 100%);*/
    /*background:-webkit-linear-gradient(left, #FFFCF0 0%, #FFFCF0 50%, #FFFFFF 100%);*/
	background-color: rgba(123,117,105,.05);
}

.p-second-content-cleviel-photo-case-age {
	font-family: 'Noto Serif Japanese', 'Source Han Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 19px;
	font-weight: 400;
	color:#888888;
	text-align:center;
    line-height: 1.7;
}

.span-p-second-content-cleviel-photo-case-age {
	font-size: 16px;
	color:#555555;
	text-align:left;
}

.div-second-content-cleviel-photo-case-inner {
	padding-top:6px;
	font-family: 'Noto Serif Japanese', 'Source Han Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	position:relative;
	width:100%;
    display:flex;
	display: -webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
}

.div-second-content-cleviel-photo-case-inner::before {
	position:absolute;
	content:"";
	background:url("photo-case-arrow.svg") no-repeat transparent;
	margin:auto;
	vertical-align:middle;
	width:25px;
	height:30px;
	top:-24px;
	bottom:0;
	right:0;
	left:9px;
}

.div-second-content-cleviel-photo-case-before {
	width:50%;
}

.figure-second-content-cleviel-photo-case-before {
	width:100%;
}

.figure-second-content-cleviel-photo-case-before img {
	width:100%;
	height:auto;
}

.figure-campaign201906-content-right-photo-case-arrow::before {
    left: calc(50% + 7px);
    width: 10px;
    border: 8px solid transparent;
    height: 0;
    border-left: 10px solid #f2ca1f;
}

.figure-campaign201906-content-right-photo-case-arrow::after {
    top: 0;
    left: calc(50% - 10px);
    width: 17px;
    height: 8px;
    border-left: 17px solid #f2ca1f;
}

.figure-campaign201906-content-right-photo-case-arrow::before, .figure-campaign201906-content-right-photo-case-arrow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
}

.div-second-content-cleviel-photo-case-after {
	width:50%;
}

.figure-second-content-cleviel-photo-case-after {
	width:100%;
}

.figure-second-content-cleviel-photo-case-after img {
	width:100%;
	height:auto;
}

.figcaption-second-content-cleviel-photo-case-before {
	padding-top:12px;
	font-size:14px;
	color:#06c;
	text-align:center;
}

.figcaption-second-content-cleviel-photo-case-after {
	padding-top:12px;
	font-size:14px;
	color:#af1e23;
	text-align:center;
}

.span-figcaption-second-content-cleviel-photo-case-after {
	font-size:16px;
}

.p-second-content-cleviel-photo-case-subtitle {
	padding-top:13px;
	font-family: 'Noto Serif Japanese', 'Source Han Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:16px;
	color:#333;
	text-align:center;
}

.p-second-content-cleviel-photo-case-treatment {
	padding: 15px 5% 15px 6%;
    width: 100%;
    text-align: left;
    text-indent: 1em;
    font-size: 15px;
    line-height: 1.6;
}

@media only screen and (max-width: 359px){

}

@media only screen and (min-width: 360px) and (max-width: 591px){

}

@media only screen and (min-width: 592px) and (max-width: 767px){

}

@media only screen and (min-width: 768px) and (max-width: 1023px){

.h4-second-content-cleviel-about {
    font-size:24px;
    padding:.8em 0 .9em;
}

.p-second-content-cleviel-about {
    font-size:16px;
}

}

@media only screen and (min-width: 1024px) and (max-width: 1095px){

}

@media only screen and (min-width: 1096px){


#section-second-content-cleviel-photo-case {
    width: 100%;
}

.h4-second-content-cleviel-photo-case {
    width:100%;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    padding:.8em 0 .8em;
    font-size:27px;
    font-weight:500;
    color:#FFFFFF;
    text-align:center;
	background:-webkit-radial-gradient(circle, #1e82e2 0%, #0254a3 100%);
}

.ul-second-content-cleviel-photo-case {
    width:100%;
}

.li-second-content-cleviel-photo-case:not(:first-child) {
    margin-top:60px;
    width:100%;
}

.h5-second-content-cleviel-photo-case {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    padding:.5em 0 .4em;
    font-size:29px;
    font-weight:500;
    text-align:center;
    color:rgba(78,71,64,.8);
    /*background:linear-gradient(left, #FFFCF0 0%, #FFFCF0 50%, #FFFFFF 100%);*/
    /*background:-webkit-linear-gradient(left, #FFFCF0 0%, #FFFCF0 50%, #FFFFFF 100%);*/
    background-color: rgba(123,117,105,.05);
}

.p-second-content-cleviel-photo-case-age {
    margin:20px auto 0;
    width:750px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    font-size:25px;
    color:#888888;
    text-align:left;
}

.span-p-second-content-cleviel-photo-case-age {
    font-size:18px;
    color:#555555;
    text-align:left;
}

.div-second-content-cleviel-photo-case-inner {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    position:relative;
    margin:0 auto;
    padding-top:0;
    width:750px;
    display:flex;
    display: -webkit-flex;
    justify-content:space-between;
    -webkit-justify-content:space-between;
}

/*.div-second-content-cleviel-photo-case-inner::before {
    position:absolute;
    content:"";
    background:url("photo-case-arrow.svg") no-repeat transparent;
    margin:auto;
    vertical-align:middle;
    width:25px;
    height:30px;
    top:-24px;
    bottom:0;
    right:0;
    left:9px;
}*/

.div-second-content-cleviel-photo-case-before {
    width:47.5%;
}

.div-second-content-cleviel-photo-case-after {
    width:47.5%;
}

.figcaption-second-content-cleviel-photo-case-before {
    padding-top:12px;
    font-size:23px;
    color:#06c;
    text-align:center;
}

.figcaption-second-content-cleviel-photo-case-after {
    padding-top:12px;
    font-size:23px;
    color:#af1e23;
    text-align:center;
}

.figure-campaign201906-content-right-photo-case-arrow::before {
    position: absolute;
    content: "";
    background: url(../img/photo-case-arrow.svg) no-repeat transparent;
    margin: auto;
    vertical-align: middle;
    width: 25px;
    height: 30px;
    top: -24px;
    bottom: 0;
    right: 0;
    left: 9px;
    border: none;
}

.figure-campaign201906-content-right-photo-case-arrow::after {
    border:none;
}

.span-figcaption-second-content-cleviel-photo-case-after {
    font-size:16px;
}


.p-second-content-cleviel-photo-case-subtitle {
    margin:30px auto 0;
    width:1024px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    font-size:23px;
    color:#555555;
    text-align:center;
}

.p-second-content-cleviel-photo-case-treatment {
    margin:30px auto 30px;
    padding:0;
    width:750px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    font-size:17px;
    color:#555555;
    text-align: left;
    line-height: 2.2;
    text-indent: 0;
}

.span-p-second-content-cleviel-photo-case-treatment {
    padding:0 5px;
}

}



/*=================================================================================*/
/* second content sp-pc cleviel treatment detail
/*=================================================================================*/

#section-second-content-cleviel-treatment-detail {
    overflow:hidden;
}

.h4-second-content-cleviel-treatment-detail {
    font-family: 'Noto Serif Japanese', 'Source Han Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    padding:.9em 0 .9em;
    font-size:18px;
    font-weight:400;
    color:#FFFFFF;
    text-align:center;
	background:-webkit-radial-gradient(circle, #1e82e2 0%, #0254a3 100%);
}

.table-second-content-cleviel-treatment-detail {
    margin:3rem 5% 0;
    width:90%;
    border-spacing: 0px;
    font-size:14px;
    border-right:1px solid rgba(123,117,105,.3);
    border-bottom:1px solid rgba(123,117,105,.3);
}

.table-second-content-cleviel-treatment-detail th {
    padding:1em;
    white-space:nowrap;
    background-color:rgba(123,117,105,.05);
    line-height:1.5;
    border:1px solid rgba(123,117,105,.3);
    border-right:0px;
    border-bottom:0px;
}

.table-second-content-cleviel-treatment-detail td {
    padding:1em;
    line-height:1.8;
    border:1px solid rgba(123,117,105,.3);
    border-right:0px;
    border-bottom:0px;
}

.p-second-content-cleviel-treatment-detail-note {
    width:100%;
    padding:10px 5% 20px;
    font-size:13px;
    text-align:right;
}

@media only screen and (max-width: 359px){

}

@media only screen and (min-width: 360px) and (max-width: 591px){

}

@media only screen and (min-width: 592px) and (max-width: 767px){

}

@media only screen and (min-width: 768px) and (max-width: 1023px){

.h4-second-content-cleviel-treatment-detail {
    font-size:24px;
    padding:.8em 0 .9em;
}

.p-second-content-cleviel-treatment-detail {
    font-size:16px;
}

}

@media only screen and (min-width: 1024px) and (max-width: 1095px){

}

@media only screen and (min-width: 1096px){

#section-second-content-cleviel-treatment-detail {
    width:100%;
}

.h4-second-content-cleviel-treatment-detail {
    width:100%;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    padding:.8em 0 .8em;
    font-size:27px;
    font-weight:500;
    color:#FFFFFF;
    text-align:center;
	background:-webkit-radial-gradient(circle, #1e82e2 0%, #0254a3 100%);
}

.table-second-content-cleviel-treatment-detail {
    margin:60px auto 0;
    width:800px;
    border-collapse:collapse;
    font-size:16px;
}

.table-second-content-cleviel-treatment-detail th {
    padding:1.5em;
    border:1px solid rgba(123,117,105,.3);
    white-space:nowrap;
    background-color:rgba(123,117,105,.05);
    line-height:1.8;
}


.table-second-content-cleviel-treatment-detail td {
    padding:1.5em;
    line-height:1.8;
    border:1px solid rgba(123,117,105,.3);
}

.p-second-content-cleviel-treatment-detail-note {
    margin:0 auto;
    width:820px;
    padding: 2rem 0 4rem;
    text-align: right;
    font-size: 16px;
}

}


/*===================================================================================================================================================================*/
/* second content sp-pc cleviel unable treatment
/*===================================================================================================================================================================*/

#section-second-content-cleviel-unable-treatment {
	width:100%;
	/*height:550px;*/
	/*background-color:rgba(255,252,238,.5);*/
}

#div-second-content-sp-cleviel-unable-treatment-inner {
	margin:0;
	max-width:1024px;
	padding:24px 10%;
	/*border:8px solid rgba(153,21,13,.1);*/
	background-color:#FFFCFA;
}

#h4-second-content-cleviel-unable-treatment {
	position:relative;
	padding-left:15px;
	font-family: 'Noto Serif Japanese', 'Source Han Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align:center;
	font-size: calc(140% + .5vw );
	font-weight: 400;
	color:#99150d;
}

/*#h4-second-content-cleviel-unable-treatment::before {
	font-family:"fontAwesome";
	position:absolute;
	top:-2px;
	left:10%;
	content:"\f071";
	font-size:25px;
	color:#99150d;
}*/

#ul-second-content-cleviel-unable-treatment {
	padding-top:14px;
	font-size: 14px;
	color:#886256;
}

.li-second-content-cleviel-unable-treatment {
	position:relative;
	padding:0.5em 0 0 1em;
	line-height:1.6;
}

.li-second-content-cleviel-unable-treatment:before {
	position:absolute;
	top:0.5em;
	left:0;
	content:"●";
	color:#886256;
}

@media only screen and (max-width: 359px){

}

@media only screen and (min-width: 360px) and (max-width: 591px){

}

@media only screen and (min-width: 592px) and (max-width: 767px){

}

@media only screen and (min-width: 768px) and (max-width: 1023px){

.h4-second-content-cleviel-about {
    font-size:24px;
    padding:.8em 0 .9em;
}

.p-second-content-cleviel-about {
    font-size:16px;
}

}

@media only screen and (min-width: 1024px) and (max-width: 1095px){

}

@media only screen and (min-width: 1096px){

#div-second-content-sp-cleviel-unable-treatment-inner {
    margin:0;
    max-width:100%;
    padding:0;
    /*border:8px solid rgba(153,21,13,.1);*/
    background-color:#FFFFFF;
}

#h4-second-content-cleviel-unable-treatment {
    width:100%;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    padding:.8em 0 .8em;
    font-size:27px;
    font-weight:500;
    color:#FFFFFF;
    text-align:center;
	background:-webkit-radial-gradient(circle, #1e82e2 0%, #0254a3 100%);
}

#ul-second-content-cleviel-unable-treatment {
    margin:4rem 0 4rem 25rem;
    font-size:18px;
    color:#886256;
}

.li-second-content-cleviel-unable-treatment {
    position:relative;
    padding:0 0 0 2.5rem;
    line-height:2.5;
}

.li-second-content-cleviel-unable-treatment:before {
    position:absolute;
    top:0;
    left:0;
    content:"●";
    color:#886256;
}

}

/*===================================================================================================================================================================*/
/* second content sp-pc accordion cleviel faq
/*===================================================================================================================================================================*/

#section-second-content-accordion-cleviel-faq {
    overflow:hidden;
    width: 100%;
}

/*#div-second-content-accordion-cleviel-faq-inner {
    margin:0 auto;
    max-width:1000px;
}*/

#h4-second-content-accordion-cleviel-faq {
    width: 100%;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    padding:.9em 0 .9em;
    font-size:18px;
    font-weight:400;
    color: #FFFFFF;
    text-align: center;
    background: radial-gradient(circle, #7B7569 0%, #4E4740 120%);
    background: -webkit-radial-gradient(circle, #7B7569 0%, #4E4740 120%);
}

#dl-second-content-accordion-cleviel-faq {
    margin:24px 6% 0;
    -moz-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
}

.input-second-content-accordion-cleviel-faq {
    display: none;
}

.dt-second-content-accordion-cleviel-faq {
    position:relative;
    padding:.7em 2.5em .7em 3.5em;
    display:block;
    width:100%;
    line-height:1.5;
    text-align:center;
    cursor:pointer;
    font-size: 14px;
    text-align:left;
    background-color:rgba(195,173,123,.4);
}

.dt-second-content-accordion-cleviel-faq::before {
    font-family: 'Noto Serif Japanese', 'Source Han Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    position:absolute;
    top:0;
    left:0;
    content:"Q";
    height:100%;
    padding:.65em 1em .7em 1em;
    font-size: 14px;
    color:#FFFFFF;
    text-align:center;
    line-height:1.5;
    background-color:#9E8F5B;
}

.dt-second-content-accordion-cleviel-faq::after {
    font-family: FontAwesome;
    position:absolute;
    top:.6em;
    right:8px;
    content:"\f078";
    font-size:15px;
    color:#FFFFFF;
    text-align:center;
    color:#9E8F5B;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.input-second-content-accordion-cleviel-faq:checked ~ .dt-second-content-accordion-cleviel-faq::after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.dt-second-content-accordion-cleviel-faq:not(:first-child) {
    margin-top:12px;
}

.dd-second-content-accordion-cleviel-faq {
    display:none;
    position:relative;
    padding:.7em .5em .7em 3.5em;
    display:none;
    background:#f8f8f8;
    border-top:1px solid #FFFFFF;
    width:100%;
    height:auto;
    line-height:1.5;
    font-size: 14px;
    text-align:left;
}

.dd-second-content-accordion-cleviel-faq:before {
    font-family: 'Noto Serif Japanese', 'Source Han Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    position:absolute;
    top:0;
    left:0;
    content:"A";
    padding:.7em 1em .7em 1em;
    height:100%;
    font-size: 14px;
    font-weight: 400;
    text-align:center;
    background-color:#9C957F;
    color:#FFFFFF;
}

.input-second-content-accordion-cleviel-faq:checked ~ .dd-second-content-accordion-cleviel-faq {
    display:block;
}

@media only screen and (max-width: 359px){

}

@media only screen and (min-width: 360px) and (max-width: 591px){

}

@media only screen and (min-width: 592px) and (max-width: 767px){

}

@media only screen and (min-width: 768px) and (max-width: 1023px){

.dt-second-content-accordion-cleviel-faq {
    padding: .7em 2.5em .7em 3.5em;
    font-size: 22px;
}

}

@media only screen and (min-width: 1024px) and (max-width: 1095px){

}

@media only screen and (min-width: 1096px){

#section-second-content-accordion-cleviel-faq {
    width: 100%;
}

#h4-second-content-accordion-cleviel-faq {
    width:100%;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    padding:.8em 0 .8em;
    font-size:27px;
    font-weight:500;
    color:#FFFFFF;
    text-align:center;
	background:-webkit-radial-gradient(circle, #1e82e2 0%, #0254a3 100%);
}

#dl-second-content-accordion-cleviel-faq {
    margin:50px 0 50px;
}

.dt-second-content-accordion-cleviel-faq {
    padding: 1em 5em 1em 4.5em;
    font-size: 18px;
}

.dt-second-content-accordion-cleviel-faq:not(:first-child) {
    margin-top: 30px;
}

.dt-second-content-accordion-cleviel-faq::before {
    font-size: 20px;
    padding: 0.7em 1.19em 1em 1.19em;
}

.dt-second-content-accordion-cleviel-faq::after {
    font-size: 20px;
    top:.7em;
    right:20px;

}

.dd-second-content-accordion-cleviel-faq {
    padding: 1em 5em 1em 4.5em;
    font-size: 18px;
}

.dd-second-content-accordion-cleviel-faq:before {
    font-size: 20px;
    padding: 0.7em 1.2em 1em 1.2em;
}

}

/*=================================================================================*/
/* second content sp-pc cleviel price
/*=================================================================================*/

#p-second-content-cleviel-price {
    overflow: hidden;
    margin:40px 0 40px;
    text-align:center;
}

#button-second-content-cleviel-price {
    width: 180px;
    height: 45px;
    text-align: center;
    line-height: 47px;
    border-radius: 4px;
    background:#b28a7d;
    transition:opacity 0.3s;
}

#button-second-content-cleviel-price:hover {
    opacity:0.5;
}

#a-second-content-cleviel-price {
    font-family: 'Noto Serif Japanese', 'Source Han Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 14px;
    color:#fff;
}

@media only screen and (max-width: 359px){

}

@media only screen and (min-width: 360px) and (max-width: 591px){

}

@media only screen and (min-width: 592px) and (max-width: 767px){

}

@media only screen and (min-width: 768px) and (max-width: 1023px){


}

@media only screen and (min-width: 1024px) and (max-width: 1095px){

}

@media only screen and (min-width: 1096px){

#p-second-content-cleviel-price {
    margin:30px auto 100px;
    text-align:center;
}

#button-second-content-cleviel-price {
    width:300px;
    height: 75px;
    text-align: center;
    line-height: 80px;
    border-radius: 6px;
    background:#b28a7d;
    transition:opacity 0.3s;
}

#a-second-content-cleviel-price {
    font-size: 19px;
    color:#fff;
}

}

/*==========================================================*/
/* second main cleviel
/*==========================================================*/

#section-sm-cleviel {
	overflow:hidden;
	margin-top:44px;
	width:100%;
	height:70vw;
	background: linear-gradient(-70deg, #F2FCFD 0%, #ffffff 50%, #F2FCFD 100%);
}

#figure-sm-cleviel-model {
	display:none;
}

#div-sm-cleviel-cntr {
	display:flex;
	justify-content:flex-start;
}

#figure-sm-cleviel-sp {
	margin-top:20vw;
	padding-left:2vw;
	width:35%;
	text-align:center;
}

#figure-sm-cleviel-sp img {
	width:auto;
	height:35vw;
}

#div-sm-cleviel-center {
	margin-top:6vw;
	font-family: 'Noto Serif Japanese', 'Source Han Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	width:55%;
}

#h2-sm-cleviel-title {
	margin-left:0;
	font-size: 9vw;
	font-weight: bold;
	color: #2A5F9E;
	white-space: nowrap;
}

#ul-sm-cleviel-indications {
	margin-left:1.5vw;
	padding-top:1vw;
	display: flex;
	gap: 1vw;
	text-align: left;
}

.li-sm-cleviel-indications {
	background-color: #004A70;
	color: white;
	padding: 1.1vw 2.5vw 1.2vw 2.5vw;
	border-radius: 3vw;
	font-size: 3.5vw;
	font-weight: bold;
	white-space: nowrap;
}

#div-sm-cleviel-CPs-cntr {
	margin-top:2vw;
	margin-left:0;
	width:60vw;
}

#h3-sm-cleviel-CPs-title {
	font-size: 5vw;
	font-weight: bold;
	color: #2A5F9E;
	text-align: center;
	white-space: nowrap;
}

#span-sm-cleviel-CPs-title {
	font-size: 7vw;	
}

#figure-sm-cleviel-CPs {
	position: relative;
	margin-top:1vw;
	width:60vw;
	display: flex;
}

#figure-sm-cleviel-CPs img {
	width:30vw;
	height:auto;
}

#figure-sm-cleviel-CPs::before {
	position: absolute;
	content: "";
	width: 7vw;
	height: 4vw;
	top: 50%;
	left: 51%;
	transform: translate(-50%, -50%);
	clip-path: polygon(0% 25%, 60% 25%, 60% 0%, 100% 50%, 60% 100%, 60% 75%, 0% 75%);
	background: #FFF000;
}

#figure-sm-cleviel {
	display:none;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	#section-sm-cleviel {
		margin-top:54px;
	}
}

@media only screen and (min-width: 1025px){
	#section-sm-cleviel {
		margin-top:0;
		height: 424px;
	}

	#div-sm-cleviel-cntr {
		margin:0 auto;
		width:1000px;
		height:100%;
	}

	#figure-sm-cleviel-sp {
		display:none;
	}

	#figure-sm-cleviel-model {
		display:block;
		margin-top:20px;
		margin-left:0;
		text-align:center;
	}

	#figure-sm-cleviel-model img {
		width:auto;
		height:450px;
	}

	#div-sm-cleviel-center {
		margin-top:35px;
		margin-left:50px;
		width:auto;
	}

	#h2-sm-cleviel-title {
		margin-left: 0;
		padding-top: 15px;
		font-size: 47px;
	}

	#ul-sm-cleviel-indications {
		margin-left: 5px;
		padding-top:10px;
	  	gap: 10px;
	  	text-align: left;
	}

	.li-sm-cleviel-indications {
	  	padding: 10px 20px 9px 20px;
	  	border-radius: 20px;
	  	font-size: 18px;
	}

	#div-sm-cleviel-CPs-cntr {
		margin-top:15px;
		margin-left:0;
		width:360px;
	}

	#h3-sm-cleviel-CPs-title {
		font-size: 25px;
	}

	#span-sm-cleviel-CPs-title {
		font-size: 35px;
		vertical-align:-3px;
	}

	#figure-sm-cleviel-CPs {
		overflow:hidden;
		margin-top: 3px;
		width:360px;
		height:auto;
	}

	#figure-sm-cleviel-CPs img {
		display:block;
		width:180px;
		height:auto;
	}

	#figure-sm-cleviel-CPs::before {
	  width: 35px;
	  height: 25px;
	  transform: translate(-50%, -50%);
	  clip-path: polygon(0% 25%, 60% 25%, 60% 0%, 100% 50%, 60% 100%, 60% 75%, 0% 75%);
	}

	#figure-sm-cleviel {
		display:block;
		padding-top:140px;
		padding-left:10px;
		width:300px;
		text-align: right;
	}

	#figure-sm-cleviel img {
		display:block;
		width:200px;
		height:auto;
		
	}
}