@charset "UTF-8";

.ac-menu.faq label span.plus,
.ac-menu.cmn-acc label span.plus {
	background-color: #e30077;
	border: 1px solid #e30077;
}
.ac-menu.faq label span.plus {
	margin-right: 10px
}
.ac-menu.faq label, .ac-menu.cmn-acc label {
	
}

/*SP*/
.cp-mv {
	max-width: 100%!important;
	height: auto;
    margin: 0
}
.cp-mv h1 {
	width: 100%!important;
    margin: 0 auto;
    padding: 0
}
.cp-lesson {
    margin-top: 24px
}
.cp-lesson div {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin-bottom: 0
}
.cp-lesson div:nth-child(even) {
    flex-direction: row-reverse
}
.cp-lesson div img {
    display: block;
    flex-shrink: 0;
    flex-basis: 50%;
    width: 50%;
    margin: 0!important;
}
.cp-lesson div p {
    flex-shrink: 0;
    flex-basis: 40%;
    width: 40%;
}
.cp-lesson > div:nth-child(odd) p {
    margin: 0 4% 0 1%;
}
.cp-lesson > div:nth-child(even) p {
    margin: 0 1% 0 4%;
}
.cp-ttl {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.6;
    text-align: center
}
.cp-ttl img {
    display: block;
    margin: 2px auto;
    max-width: 86%
}
.debut-about {
    padding: 7.5% 5%;
    background: #fff8e2
}
.debut-event {
    margin-bottom: 5%;
    padding: 5%;
    background: #fff;
    border-radius: 10px
}
.debut-event h3 {
    padding-bottom: .8rem;
    color: #e30077;
    font-weight: 700;
    text-align: center
}
.debut-event dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 80%;
    padding-left: 60px;
    background: url('../imgs/event.png') no-repeat left 10px center / auto 90%;
}
.debut-event dl dt {
    flex-basis: 25%;
    font-weight: 700
}
.debut-event dl dd {
    flex-basis: 65%;
    font-weight: 700
}
.entry table.debut-detail {
    border: 0;
}
.entry table.debut-detail small {
    display: inline-block
}
.entry table.debut-detail thead th {
    background: rgba(255,255,255,0);
    color: #e30077;
}
.entry table.debut-detail tbody th {
    color: #4b4c4d;
}
.entry table.debut-detail th,
.entry table.debut-detail td {
    background: rgba(255,255,255,0);
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #d5d7dd
}
.title_type02.debut {
	color:  #e30077;
	font-size: var(--tm);
    text-align: center
}
.debut-clist {
    padding: 0 3% 4%;
}
.debut-clist h3,
.debut-clist a {
    line-height: 1.8
}
.debut-clist h3 {
    padding-left: 24px;
    border-left: 3px solid #d5d7dd;
    font-size: 13px
}
.debut-clist h3 strong {
    display: block;
    margin-top: 4px;
    font-size: 18px
}
.debut-clist a.btn_type01 {
    background: #e30077;
}



@media screen and (min-width: 1128px){
/*PC*/

.cp-mv {
	max-width: 100%!important
}
.cp-mv h1 {
	width: 100%;
    padding: 0 0 28px
}
.cp-mv__pc {
	display: block;
	height: 540px;
	background-image: url("../imgs/mv-pc.webp");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: auto 100%;
	text-indent: -9999px
}
.cp-lesson {
    margin-top: 48px;
}
.cp-lesson div,
.cp-lesson div:nth-child(even){
    flex-direction: column;
    justify-content: flex-start
}
.cp-lesson div img,
.cp-lesson div p {
    flex-shrink: 0;
    width: 100%;
}
.cp-lesson > div p {
	margin:  10px 0!important;
	padding: 0 4%
}
.cp-ttl {
    font-size: 15px;
}
.cp-ttl img {
    margin: 8px auto;
}
.debut-about {
    max-width: 984px;
    margin-left: auto;
    margin-right: auto;
    padding: 42px;
    border-radius: 20px
}
.entry .debut-about p {
	width: 100%
}
.debut-about .cont_col {
    align-items: stretch
}
.debut-event {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-basis: 35%;
    margin-bottom: 0;
    padding: 5% 14px
}
.debut-event dl {
    width: 100%
}
.debut-event h3,
.debut-event dl dt,
.debut-event dl dd {
    font-size: 17px
}
.debut-detail {
    flex-basis: 60%
}
.entry table.debut-detail th,
.entry table.debut-detail td {
    padding: 4px 8px
}
.title_type02.debut {
    font-size: 24px
}
.debut-clist {
    padding: 0 14px 28px
}
.debut-clist a.btn_type01 {
    display: inline-block;
    text-align: left
}
.debut-clist h3 {
	width: 100%!important;
    font-size: 14px
}
.debut-clist h3 strong {
    font-size: 20px
}


}