@charset "UTF-8";
/* CSS Document */

html{
    font-size: 62.5%;/*16px × 62.5%=10px*/
}

body {
    color: #333333;
    font-family: 'Noto Sans JP';
    font-size: 1.6rem;
}

img{
    max-width: 100%;
    height: auto;
}

.mt1em {
    margin-top: 1em;
}

.mb1em {
    margin-bottom: 1em;
}

.target_line {
    margin-top: -95px;
    padding-top: 95px;
}

.pc_only {
	display: block;
}
.sp_only {
	display: none;
}

.ac {
	text-align: center;
}

.font_red {
	color: red;
}


/*-----------------------------
*
*  header
*
-------------------------------*/
header {
    position: fixed;
    top: 0;
    z-index: 100;
    background: #fff;
}

.hd_wrap{
    justify-content: space-between;
    display: flex;
    width: 90%;
    margin: 15px auto;
}

.site-logo{
    width: 52vw;
    margin: 10px auto;
}

.nav-menu{
    display: flex;
}

.tel-btn {
	margin-right: 1vw;
}

.img_wrap{
    overflow: hidden;
}
.img_wrap img{
    cursor: pointer;
    transition-duration: 0.3s;
}
.img_wrap:hover img{
    opacity: 0.6;
    transition-duration: 0.3s;
}

main {
    margin-top: 105px;
}

/*-----------------------------
*
*  便利な西梅田
*
-------------------------------*/
.eyecatch02_A{
    width: 100%;
    min-height: 52vw;
    background-image: url(../img/pc/bg_mv.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}

.event-top{
    width: 85vw;
    margin: 0 auto;
}

.event-inner{
    padding: 4vw 0 0;
}

.event-inner h2 img {
    width: 41vw
}

.event-box{
    position: absolute;
    width: 50vw;
    height: auto;
    left: 12vw;
    bottom: 5vw;
}

.event-price img {
    width: 35vw;
}

.tpoint-box {
    position: absolute;
    width: 18vw;
    height: auto;
    right: 3vw;
    bottom: 5vw;
}

@media (max-width:1388px) {
	.tpoint-box {
        right: 30vw;
        bottom: 4vw;
	}
	.event-price img {
		width: 37vw;
	}
}

/*-----------------------------
*
*  予約ボタン
*
-------------------------------*/
.counseling-top{
    position: relative;
    width: 1100px;
    height: 11vw;
    margin: 0 auto 1vw;
}

@media (min-width: 1530px) {
	.counseling-top{
	    height: 5vw;
	}
}

.counseling-btn{   
    z-index: 20;
    position: absolute;
    bottom: 8%;
    right: 25%;  
}

.counseling-nurse{
    z-index: 10;
    position: absolute;
    bottom: -2vw;
    right: 7%;
}

/*-----------------------------
*
*  ASERAクリニック新規OPEN
*
-------------------------------*/
.ctsummer{
    width: 100%;
    height: auto;
    background-image: url(../img/pc/bgi02.jpg);
    background-repeat: repeat;
    background-size: cover;
    min-height: 12vw;
}

.recommend-box{
    width: 790px;
    position: relative;
    margin: 30px auto 50px; 
}

.recommend-light{
    text-align: center;
    position: absolute;
    top: 14%;
    left: 25%;
    color: #fff;
    line-height: 1.5;
}

.recommend-date{
    position: absolute;
    top: 41%;
    left: 20%;
    color: #fff;
    font-size: 2.4em;
    text-shadow: 2px 3px 8px #000;
    transform: rotate(-4deg)
}

.recommend-logo{
    text-align: center;
    padding: 40px;
}

.recommend-img_box{
    width: 1100px;
    margin: 0 auto 50px;
    display: flex;
}

.recommend-img{
    padding-right: 55px;
}

.recommend-img:last-of-type{
    padding-right: 0;
}

.recommend-container{
    width: 690px;
    position: relative;
    margin: 0 auto;
    padding-bottom: 70px;;
}

.recommend{
    position: absolute;
    right: -5%;
    bottom: 55%;
}

/*-----------------------------
*
*  医療脱毛はいいことがいっぱい
*
-------------------------------*/
.ctprice{
    background-image: url(../img/pc/bgi03.jpg);
    background-repeat: repeat;
    background-size: cover;
}

.defense_pr{
    width: 1100px;
    margin: 0 auto;
    padding: 70px 0;
}


/*-----------------------------
*
*  モニター募集キャンペーン実施
*
-------------------------------*/
.ct01{
    background-image: url(../img/pc/bgi02.jpg);
    background-repeat: repeat;
    background-size: cover;
}

.ct01-inner{
    text-align: center;
    width: 90%;
    margin: 0 auto;
    padding: 70px 0;
}

.ct01-box{
    position: relative;
    width: 844px;
    margin: 0 auto;
}

.ct01-wrap{
    padding-bottom: 3vw;
}

.ct01-monitor {
    position: absolute;
    top: 35%;
    right: 6%;
}

.ct01-container{
    display: flex;
    justify-content: space-between;
    width: 1050px;
    margin: 0 auto;
    padding-top: 35px;
}

.ct01-container-box{
    padding-top: 20px;
}

/*-----------------------------
*
*  痛みが少ない医療脱毛
*
-------------------------------*/
.ct03{
    text-align: center;
    background-image: url(../img/pc/bgi03-02.jpg);
    background-repeat: repeat;
    background-size: cover;
    padding-bottom: 5vw;
}

.ct03-inner{
    width: 1100px;
    margin: 0 auto;
}

.ct03-inner-box{
    width: 835px;
    margin: 0 auto;
}

.ct03-counseling-btn{
    z-index: 20;
    position: absolute;
    top: 9%;
    right: 31%;
}

.ct03-counseling-nurse{
    z-index: 10;
    position: absolute;
    top: 3%;
    right: 18%;
}

.ct03-bgi-box{
    position: relative; 
}

.ct03-01-box{
    margin: 0 auto;
}

.ct03-01-img{
    z-index: 20;
    position: absolute; 
    top: 5%;
    left: 31%;
}

.ct03-01-img2{
    z-index: 10;
    position: absolute;
    top: 17%;
    left: 14%;
}

.ct03-01-img3{
    position: absolute;
    top: 31%;
    left: 6%;
}

.ct03-01-img4{
    position: absolute;
    bottom: 5%;
    left: 10%;
}

.ct03-01-inner{
    width: 1100px;
    margin: 0 auto;
    display: flex;
}

.ct03-01-btn{
    z-index: 20;
    position: absolute;
    bottom: 2%;
    right: 31%;
}

.ct03-01-nurse{
    z-index: 10;
    position: absolute;
    bottom: 0%;
    right: 18%;
}

/*-----------------------------
*
*  西梅田ASERAクリニックの魅力
*
-------------------------------*/
.ct04-inner{
    text-align: center;
    width: 1100px;
    margin: 0 auto;
    padding: 60px 0 85px;
}

.ct04-point{
    padding-top: 65px;
}


/*-----------------------------
*
*  新規モニターキャンペーン
*
-------------------------------*/
.ct05{
    text-align: center;
    background-image: url(../img/pc/bgi02.jpg);
    background-repeat: repeat;
    background-size: cover;
}

.ct05-inner{
    position: relative;
    height: 36vw;
}

.ct05-campaign{
    position: absolute;
    top: 3.5vw;
    left: 23vw;
}

.ct05-campaign img {
    width: 55vw;
}

.ct05-monitor{
    position: absolute;
    top: 3vw;
    right: 21vw;
}
.ct05-monitor img {
    width: 10vw;
}


/*-----------------------------
*
*  まずは無料カウンセリング予約へ
*
-------------------------------*/
.ct06{
    position: relative;
    width: 1100px;
    height: 25vw;
    margin: 0 auto;
}

.ct06-02{
    position: relative;
}

.ct06-02-box{
    position: relative;
    width: 1100px;
    height: 27vw;
    margin: 0 auto;
}

.ct06-03-box{
    position: relative;
    width: 1100px;
    height: 340px;
    margin: 0 auto;
}

.ct06-free-btn{
    z-index: 20;
    position: absolute;
    bottom: 6%;
    right: 25%;  
}

.ct06-nurse{
    z-index: 10;
    position: absolute;
    bottom: -4%;
    right: 7%;
}

.ct06-free-btn02{
    z-index: 20;
    position: absolute;
    bottom: 6%;
    right: 25%;  
}

.ct06-nurse02{
    z-index: 10;
    position: absolute;
    bottom: -4%;
    right: 8%;
}

.ct06-nurse03{
    z-index: 10;
    position: absolute;
    bottom: 0%;
    right: 8%;
}

.ct06-nurse-img{
    width: 240px;
}


/*-----------------------------
*
*  施術の流れ
*
-------------------------------*/
.flow {
    text-align: center;
    background-image: url(../img/pc/bgi03-02.jpg);
    background-repeat: repeat;
    background-size: cover;
    padding: 5vw 0;

}


/*-----------------------------
*
*  お客様の声
*
-------------------------------*/
.ct07{
    text-align: center;
    position: relative;
    background-image: url(../img/pc/bgi04.jpg);
    background-repeat: repeat;
    background-size: cover;
}

.ct07-inner{
    width: 1100px;
    margin: 0 auto;
    padding: 50px 0 40px;
}

.ct07-voice{
    padding-bottom: 22px;
}

/*-----------------------------
*
*  よくあるご質問
*
-------------------------------*/
.ct08{
    position: relative;
    width: 1100px;
    margin: 0 auto;
}

.ct08-question{
    text-align: center;
    padding: 60px 0 20px;
}

.ct08-box{
    text-align: center;    
}

/*---------------------------------
アコーディオンボックス
--------------------------------*/

.acbox{
    width: 100%;
    font-size:0px; /* ラベルと開く部分を分離する時は数値を入れる */
    margin: 3vw 0; /* ボックス全体の位置調整 */
}

.acbox label{
    width: auto;
    font-size: 25px; /* ラベルの文字サイズ */
    font-weight: bold;
    background: #fff; /* ラベルの背景色 */
    position: relative;
    display: block;
    display: flex;
    padding:8px;
    border-bottom: solid 1px #1d2088;
    cursor: pointer;
    color: #1d2088;
}

.ct08-img-Q {
    
}

.acbox label:hover{
    background: #fff; /* ラベルにマウスを乗せた時の背景色 */
}

.acbox input{
    display: none;
}

.acbox label:after{
    color: #1d2088;
    content:"▼"; /* ラベルのアイコン */
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
}

.acbox input:checked ~ label::after {
    content:"▲"; /* ラベルをクリックした後のアイコン */
}

.acbox div{
    height: 0px;
    overflow: hidden;
    opacity: 0;
    transition: 0.30s; /* 開閉スピードの設定 */
}

.acbox input:checked ~ div{
    height: auto;
    padding: 8px; /* 開いた部分の枠内の余白 */
    border-radius: 0px;
    background: #fff; /* 開いた部分の背景色 */
    opacity: 1;
}

.acbox input:checked ~ label {
    background: #fff; /* クリック後のラベルの背景色 */
}

.acbox-under{
    display: flex;
    font-size: 16px; /* 開いた部分の文字サイズ */
    color: #737373; /* 開いた部分の文字色 */
    line-height: 1;
    letter-spacing: 0.06em;
}

.ct08-icon-Q,
.ct08-icon02-Q {
    padding: 5px 0 0 18px;
}

.ct8-icon-A{
    padding: 0 0 0 18px;
}

.ct8-icon02-A{
    padding: 5px 0 0 18px;
    line-height: 1.3;
}

.ct8-icon03-A{
    padding: 16px 0 0 18px;
}

/*-----------------------------
*
*  ASERAクリニックのご案内
*
-------------------------------*/
.ct09{
    background-image: url(../img/pc/bgi02.jpg);
    background-repeat: repeat;
    background-size: cover;
}

.ct09-inner{
    width: 1100px;
    margin: 0 auto;
    padding: 80px 0 60px;
}

.ct09-asera{
    text-align: center;
    padding-bottom: 35px;
}

	.ct09-inner .ct09-asera:last-of-type {
		padding-top: 5vw;
	}

.ct09-container{
    width: 100%;
    margin: 0 auto;
    display: flex;
    padding-bottom: 60px;
}

.ct09-box{
    width: 53%;
    margin-right: 3%;
    border-collapse: collapse;
}

.ct09-box02{
    width: 100%;
    border-collapse: collapse;
}

.ct09-inner-box{
    width: 44%;
}

table th,table td{
    border: solid 1px #a0a0a0;
    padding: 20px 30px;
} 

table th{
    width: 6vw;
    background-color: #f9f9f9;
    text-align: left;
}

table td{
    width: 17vw;
    background-color: #fff;
}

table td img{
    padding-top: 18px;
}

.ct09-icon{
    padding-top: 12%;
}

.ct09-img{
    width: 36vw;
}

.ct09-light01{
    padding-bottom: 14px;
}

.ct09-light02{
    line-height: 1.5;
    border: solid 1px #a0a0a0;
    padding: 5px;
}

.ct09-light03{
    line-height: 1.7;
}

.ct09-light04{
    padding: 30px;
    line-height: 1.7;
}

.ct09-light05{
    padding: 0 30px 30px;
    line-height: 1.7;
}

.ct09-light-box{
    width: 100%;
    margin: 0 auto;
    border-radius: 15px;
    background-color: #fff;
}

/*-----------------------------
*
*  メールでのご予約フォーム
*
-------------------------------*/
.ct10{
    width: 1050px;
    margin: 0 auto;
}

.ct10-inner{
    text-align: center;
    padding: 80px 0 30px;
}

.ct10-info {
	margin: 0 auto 7vw;
}
.ct10-info ul {
	border: #ddd 3px solid;
	padding: 1em 1em 1em 2.5em;
    line-height: 1.4;
    list-style: circle;
}

.ct10-inner-box table{
    width: 100%;
}

.ct10-blk {
	line-height: 1.4;
}

.ct10-blk h4 {
	font-weight: bold;
	color: #1d2088;
	font-size: 1.15em;
    margin-bottom: 10px;
}


.ct10-title{
    font-size: 36px;
    font-weight: 900;
    color: #1d2088;
    padding-bottom: 40px;
}

form table tr th td{
    border: solid 1px #fff;
}

.ct10-light{
    line-height: 1.6;
}

.ct10-name{
    font-size: 1.8rem;
    font-weight: 900;
    line-height: 1.5;
}

.ct10-name02{
    font-weight: 900;
    padding: 0 15px 0 0;
}

.ct10-name03{
    text-align: start;
    font-weight: 900;
}

.ct10-reservation{
    display: flex;
    align-items: center;
    padding-bottom: 19px;
}

form table tr{
    border-top: solid 1px #b5b5b5;
}

form table tr:last-of-type{
    border-bottom: solid 1px #b5b5b5;
}

form table th{
    position: relative;
    width: 28%;
    background-color: #fffde5;
    vertical-align: middle;
    border: 0;
    font-weight: 900;
    font-size: 1.05em;
}

.ct10-required{
    position: absolute;
    top: 50%;
    right: 10px;
    padding: 3px 7px 4px;
    color: #f13f54;
    border-radius: 5px;
    border: solid 1px #f13f54;
    background-color: #fff;
    font-weight: normal;
    transform: translateY(-50%);
}

form table td{
    border: 0;
    width: 72%;
}

form table td input{
    width: 50%;
    padding: 15px;
    box-sizing: border-box;
}

form table td label {
	display: block;
	padding: 5px 0;
}

form table td input[type="checkbox"] {
	width: auto;
}

form table td select{
    width: 50%;
    padding: 12px;
    box-sizing: border-box;
}

form table td textarea{
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

form .err_msg {
    display: inline-block;
    background: #ffdbdb;
    color: red;
    padding: 5px;
}

.btn_contact {
    text-align: center;
    padding: 50px 0;
    display: flex;
    justify-content: center;
    margin: 0 10px;
}

.btn_contact button,
.btn_contact input[type="button"] {
    border-radius: 20px;
    padding: 1em;
    min-width: 400px;
    font-size: 1.5em;
    line-height: 1;
}

.btn_contact button {
    background: #1d2088;
    border: none;
    color: #fff;
}
.btn_contact input[type="button"] {
    background: #fff;
    border: #1d2088 1px solid;
    color: #1d2088;
    font-size: 1.2em;
}

.btn_contact input[type="button"]:hover,
.btn_contact button:hover {
    cursor: pointer;
}

/*-----------------------------
*
*  footerエリア
*
-------------------------------*/
.ct11-footer{
    display: block;
    text-align: center;
    background-color: #fde8e5;
    padding: 25px 0;
}
/*-----------------------------
*
*  タブレットエリア
*
-------------------------------*/
@media screen and (min-width:1600px){
    .counseling-nurse {
        bottom: -31px;
    }
    
    .ct06 {
        height: 19vw;
    }
    
    .ct06-02-box {
        height: 19vw;
    }
    
    .ct06-03-box {
        height: 19vw;
    }
}


@media screen and (max-width:1166px){
    .counseling-top {
        width: 90%;
    }
    
    .counseling-nurse {
        bottom: -25%;
        right: 7%;
    }
    
    .counseling-btn {
        bottom: -6%;
        right: 24%;
    }
    
    .recommend-img_box {
        width: 90%;
    }
    
    .defense_pr {
        width: 90%;
    }
    
    .ct01-container {
        width: 90%;
    }
    
    .ct01-box{
        width: 90%;
    }
    
    .ct03-inner {
        width: 90%;
    }
    
    .ct04-inner {
        text-align: center;
        width: 90%;
    }
    
    .ct06 {
        width: 90%;
    }
    
    .ct06-02-box {
        width: 90%;
    }
    
    .ct06-03-box{
        width: 90%;
    }
    
    .ct06-nurse {
        bottom: -6%;
        right: 7%;
    }
    
    .ct06-nurse-img{
        width: 18vw;
    }

    .ct07-inner {
        width: 90%;
    }
    
    .ct08 {
        width: 90%;
    }
    
    .ct09-inner{
        width: 90%;
    }

    .ct10{
        width: 90%;
    }
    

}
    
@media screen and (max-width:1130px){
    .ct03-01-img {
        z-index: 20;
        position: absolute;
        top: 2%;
        left: 28%;
    }

    .ct03-01-img2 {
        z-index: 10;
        position: absolute;
        top: 15%;
        left: 9%;
    }

    .ct03-01-img3 {
        width: 80vw;
        position: absolute;
        top: 29%;
        left: 5%;
    }

    .ct03-01-img4 {
        position: absolute;
        bottom: 4%;
        left: 7%;
        
    } 
}

@media screen and (max-width:1050px){
    .ct01-monitor {
        right: 0%;
    }

    .ct03-01-img {
        width: 42vw;
        z-index: 20;
        position: absolute;
        top: 4%;
        left: 26%;
    }

    .ct03-01-img2 {
        width: 70vw;
        z-index: 10;
        position: absolute;
        top: 19%;
        left: 7%;
    }

    .ct03-01-img3 {
        width: 70vw;
        position: absolute;
        top: 33%;
        left: 9%;
    }

    .ct03-01-img4 {
        width: 70vw;
        position: absolute;
        bottom: 5%;
        left: 8%;
    } 
} 

/*-----------------------------
*
*  SPエリア
*
-------------------------------*/
@media screen and (min-width:768px){
    
    header {
        width: 100%;
    }
    
    .hd_wrap-sp{
        display: none;
    }
        
    .eyecatch02_A-sp{
        display: none;
    }
    
    .ctsummer-sp{
        display: none;
    }
    
    .ctprice-sp{
        display: none;
    }
    
    .ct01-sp{
        display: none;
    }
   
    .ct03-sp{
        display: none;
    }
    
    .ct04-inner-sp{
        display: none;
    }   
    
    .ct05-inner-sp{
        display: none;
    }
   
    .ct07-sp{
        display: none;
    }
    
    .slider img{
        padding-top: 0;
    }
    
    .event-form-sp{
        display: none;
    }
}

@media screen and (max-width:767px){
    .pc_only {
		display: none;
	}
	.sp_only {
		display: block;
	}


    body{
        width: 100%;
        font-size: 1.4rem;
    }
    
    img{
        max-width: 100%;
        height: auto;
    }
    
    .wrap {
        overflow: hidden;
    }
    
    .br-pc{
        display: none;
    }
    
    .target_line {
        margin-top: 0;
        padding-top: 0;
    }
    
/*-----------------------------
*
*  headerエリア
*
-------------------------------*/
    header {
        position: relative;
    }
    
    .hd_wrap{
        display: none;
    }
   
    .hd_wrap-sp{
        display: flex;
        justify-content: space-between;
        width: 90vw;
        margin: 5px auto;
    }
    
    .site-logo-sp{
        width: 63vw;
        padding: 3px 0;
    }
    
    .tel-btn-sp{
        width: 10vw;
    }
    
    main {
        margin-top: 0;
        margin-bottom: 130px;
    }
    
/*-----------------------------
*
*  便利な西梅田SP
*
-------------------------------*/  
    .eyecatch img {
    	width: 100%;
    }
    
/*-----------------------------
*
*  予約ボタンSPエリア
*
-------------------------------*/    
    .counseling-top{
        display: none;
    }  
/*-----------------------------
*
*  ASERAクリニック新規OPEN！SP
*
-------------------------------*/ 
    .ctsummer{
        display: none;
    }
    
    .ctsummer-sp{
        background-image: url(../img/pc/bgi02.jpg);
        background-repeat: repeat;
        background-size: cover;
    }
    
    .recommend-box-sp{
        position: relative;
    }
    
    .recommend-logo-sp{
        width: 95vw;
        position: absolute;
        top: -6vw;
        left: 3vw;
    }
    
    .recommend-day-sp{
        position: absolute;
        top: 12vw;
        left: 20vw;
        color: #fff;
        font-size: 1.1em;
        text-shadow: 2px 3px 8px #000;
        transform: rotate(-4deg)
    }
    
    .recommend-container-sp{
        position: relative;
        padding-bottom: 30px;  
    }
    
    .recommend-img-sp{
        width: 88vw;
        margin: 0 auto;
    }
    
    .recommend-sp{
        position: absolute;
        width: 20vw;
        top: 10vw;
        right: 1vw; 
    }
    
    .slider-box{
        width: 100%;
        margin: 0 auto;
        padding-top: 50px 
    }
    
    .slider{
        margin: 100px auto;
        width: 85%;
    }
    
    .slider img{
        width: 100%;
        height: auto;
        padding-top: 90px;
    }
    
    /*slick setting*/
    .slick-prev:before,
    .slick-next:before {
        color: #000;
    }
    
/*-----------------------------
*
*  医療脱毛はいいことがいっぱいSP
*
-------------------------------*/
    .ctprice{
        display: none;
    }
    
    .ctprice-sp{
        width: 95%;
        margin: 7vw auto;
    }
    .defense_pr-sp {
    	text-align: center;
    }
    
/*-----------------------------
*
*  モニター募集キャンペーンSP
*
-------------------------------*/ 
    .ct01-sp{
        text-align: center;
    }
    
    .ct01-inner{
        display: none;
    }
    
    .ct01-inner-sp{
        position: relative;
        padding: 6vw 0;
    }
    
    .ct01-title-sp{
        width: 87vw;
        margin: 0 auto;
        text-align: center;
	}
    .ct01-campaign-sp01{
        width: 88vw;
        margin: 5vw auto 0;
    }

    .ct01-campaign-sp02{
        position: absolute;
        width: 20vw;
        top: 33vw;
        right: 1vw; 
    }
    
    .ct01-light-sp{
        color: #fff;
        background-color: #1d2088;
        line-height: 1.4;
        font-size: 1.6rem;
        font-weight: 900;
        padding: 10px
    }
    
    .ct01-point-sp{
        width: 90vw;
        margin: 20px auto 0;
        padding-bottom: 40px;
    }
/*-----------------------------
*
*  痛みが少ない医療脱毛SP
*
-------------------------------*/    
    .ct03-inner{
       display: none;
    }

    .ct03-sp {       
        height: 307vw;
    }
    
    .ct03-inner-sp{
        position: relative;
        width: 93vw;
        margin: 0 auto;
        padding-top: 35px;
    }
    
    .ct03-sp-bg img {
        height: 292vw;
    }
    
    .ct03-img-sp01{
        width: 78vw;
        position: absolute;
        top: 15vw;
        left: 7vw        
    }
    
    .ct03-img-sp02{
        width: 82vw;
        position: absolute;
        top: 46vw;
        left: 5vw;
    }
    
    .ct03-img-sp03{
        width: 73vw;
        position: absolute;
        bottom: 5vw;
        left: 10vw;
    }

/*-----------------------------
*
*  西梅田ASERAクリニックの魅力SP
*
-------------------------------*/    
    .ct04-inner{
       display: none;
    }
    
    .ct04-inner-sp{
        text-align: center;
    }
    
    .ct04-charm-sp{
        width: 80vw;
        margin: 0 auto;
        padding: 45px 0 10px;
    }
    
    .ct04-point-sp{
        padding-bottom: 35px;
    }
    
/*-----------------------------
*
*  新規モニターキャンペーンSP
*
-------------------------------*/    
    .ct05-inner{
        display:none;
    }
    
    .ct05-inner-sp{
        position: relative;
        width: 90%;
        height: 46vw;
        margin: 0 auto;
        padding: 30px 0;
    }
    
    .ct05-campaign-sp{
        position: absolute;
        width: 88vw;
        margin: 0 auto;
        
    }
    
    .ct05-monitor-sp{
        position: absolute;
        width: 20vw;
        top: 10vw;
        right: -5vw; 
    }
    
/*-----------------------------
*
*  まずは無料カウンセリング予約へSP
*
-------------------------------*/   
    .ct06{
       display: none;
    }
    
    .ct06-02{
       display: none;
    }
/*-----------------------------
*
*  お客様の声SP
*
-------------------------------*/   
    .ct07{
        display: none;
    }
    
    .ct07-sp{
        text-align: center;
    }
    
    .ct07-inner-sp{
        width: 93vw;
        margin: 0 auto;
    }
    
    .ct07-voice-sp{
        width: 70vw;
        padding: 20px 0 10px;
        margin: 0 auto;
    }
    
/*-----------------------------
*
*  よくあるご質問SP
*
-------------------------------*/    
    .acbox {
    	width: 92%;
    	margin: 3vw auto;
    }
    
    .acbox label:after{
    	font-size: .8em;
    }
    
    .ct08{
        position: relative;
        width: 100%;
        margin: 0 auto 40px;
    }
    
    .ct08-question{
        width: 60vw;
        margin: 0 auto;
        text-align: center;
        padding: 60px 0 10px;
    }

    .ct08-box{
        text-align: center;    
    }
    
    .ct08-img-Q{
        width: 41px;
        height: 41px;
        padding-top: 8px;
    }
    
    .ct08-img-A{
        width: 41px;
        height: 41px;
    }
    /*---------------------------------
    アコーディオンボックス
    --------------------------------*/
    .acbox label{
        font-size: 15px; /* ラベルの文字サイズ */
        padding: 8px 22px 8px 0;
    }

    .acbox input{
        display: none;
    }

    .acbox div{
        transition: 0.50s; /* 開閉スピードの設定 */
    }
    
    .acbox input:checked ~ div {
    	padding: 10px 0;
    }
    
    .acbox-under {
    	font-size: 13px;
    }

    .acbox input:checked ~ label {
        background: #fff; /* クリック後のラベルの背景色 */
    }

    .ct08-icon-Q{
        padding: 9px 0 0 6px;
        line-height: 1.1;
    }

    .ct08-icon02-Q{
        padding: 17px 0 0 6px;
        line-height: 1.1;
    }
    
    .ct8-icon-A{
        padding: 0 0 0 10px;
        line-height:1.3;
    }

    .ct8-icon02-A{
        padding: 1px 0 0 10px;
        line-height: 1.3;
    }

    .ct8-icon03-A{
        padding: 1px 0 0 10px;
        line-height:1.3;
    }
/*-----------------------------
*
*  ASERAクリニックのご案内SP
*
-------------------------------*/ 
    .ct09-inner{
        width: 90vw;
        margin: 0 auto;
        padding: 65px 0 40px;
    }
    
    .ct09-asera{
        width: 81vw;
        margin: 0 auto;
        padding-bottom: 30px;
    }
    .ct09-inner .ct09-asera:last-of-type {
	    padding-top: 8vw;
	}

    .ct09-container{
        width: 90vw;
        display: block;
        padding-bottom: 35px;
    }

    .ct09-box{
        width: 100%;
        margin-bottom: 20px;
    }

    .ct09-box02{
        width: 100%;
    }

    .ct09-inner-box{
        width: 100%;
    }
    
    .ct09-light-box{
        width: 90vw;
    }

    .ct09-icon{
        padding-top: 35px;
    }
    
    .ct09-light04{
        padding: 20px 15px;
    }
   
    .ct09-light05{
        padding: 20px 15px;
    }
    
    .ct09-img {
        width: 90vw;
    }
    
    ct09-container, table th, table td{
        border: solid 1px #a0a0a0;
        padding: 18px 12px;
    }
/*-----------------------------
*
*  メールでのご予約フォームSP
*
-------------------------------*/       
    .ct10{
        width: 90vw;
        margin: 0 auto 13vw;
    }
    
    .ct10-inner {
        width: 90vw;
        padding: 60px 0 40px;
    }
    
    .ct10-title{
        font-size: 2.2rem;
        padding-bottom: 30px;
    }
    
    .ct10-inner-box th,
    .ct10-inner-box td{
        border-bottom: none;
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
    
    .ct10-required {
        right: 10px;
        padding: 0 7px;
    }
    
    .ct10-name03 {
        vertical-align: middle;
    }
    
    .ct10-btn{
        padding: 30px 0 40px;
    }
    
    .ct10-info {
	    margin: 0 auto 20vw;
	}
    
    form table td input,
    form table td select,
    form table td textarea {
        width: 100%;
        box-sizing: border-box;
        font-size: 1em;
    }
    
    form table td input,
    form table td select {
        padding: 12px;
    }
    
    form table td textarea {
        height: 30vw;
        line-height: 1.2;
    }
    
    form table th{
        padding: 1em 12px;
        line-height: 1.6;
    }
    
    .event-form-sp{
        position: fixed;
        bottom: 0;
        width: 100%;
    }
        
    .event-form-bgi{
       z-index: 1;
       position: absolute;
       bottom: -1vw;
        width: 100%;
    }
    .event-form-bgi img {
        width: 100%;
    }

    .form-inner-sp{
        width: 95vw;
        margin: 0 auto 3px;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
    }
    
    .web-btn-sp{
        z-index: 2;
        padding-right: 6px;
    }
    
    .tele-btn-sp{
        z-index: 3;
    }
}

@media screen and (max-width:550px){
    .slider img{
        padding-top: 0;
    }
    .btn_contact input[type="button"],
    .btn_contact button {
        width: 100%;
        min-width: auto;
        margin: 10px 0;
    }
    
    .btn_contact {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
}