@charset "UTF-8";

/*--------MMCollegeのDTMオンラインレッスンとスクール形態-------------*/
a#ls+section .inner_item_txt div {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

a#ls+section .inner_item_txt div .number {
    display: flex;
    flex-direction: row;
    align-items: center;
}

a#ls+section .inner_item_txt div .number span {
    font-size: 3.6rem;
    color: #fff;
    min-width: 58px;
    height: 58px;
    background: #333;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 900px) {
	a#ls+section {
    padding-bottom: 0;
}
}

/*-------------グループレッスン(週1回 60〜90分)-----------*/
a#g-ls+div .heading.block_header_3 {
    background: #fff;
    border: 4px solid #000;
    padding: 20px;
}

a#g-ls+div .heading.block_header_3 .h {
    font-size: 3.0rem !important;
}

a#g-ls+div .inner_item_txt {
    background: #fff;
    border: 4px solid #000;
    padding: 15px;
}

a#g-ls+div .inner_item_txt p {
    font-size: 2.5rem;
    line-height: 1.5;
    font-weight: bold;
}

a#g-ls+div .inner_item:nth-of-type(3) .inner_item_txt {
    background: #000;
}

a#g-ls+div .inner_item:nth-of-type(3) .inner_item_txt p {
    color: #fff;
}

/* 矢印 */
a#g-ls+div .wrapper_item {
    overflow: visible;
    flex-wrap: nowrap;
}

a#g-ls+div .inner_item {
    position: relative;
}

a#g-ls+div .inner_item:before {
    content: "↓　↑";
    position: absolute;
    font-size: 3.0rem;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
	font-weight: bold;
}

@media screen and (max-width: 900px) {
	a#g-ls+div .wrapper_item {
    gap: 10px;
}
	a#g-ls+div .inner_item {
    position: relative;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
}

@media screen and (max-width: 800px) {
	a#g-ls+div .heading.block_header_3 {
    margin-bottom: 30px !important;
}
a#g-ls+div .heading.block_header_3 .h {
	font-size: 2.5rem !important;
}
}

@media screen and (max-width: 600px) {
	a#g-ls+div .inner_item_txt p {
    font-size: 2.0rem;
}
a#g-ls+div .inner_item:before {
    font-size: 2.5rem;
    top: -35px;
}
a#g-ls+div .heading.block_header_3 .h {
	font-size: 2.0rem !important;
}
}

@media screen and (max-width: 500px) {
	a#g-ls+div .heading.block_header_3 {
        margin-bottom: 20px !important;
    }
	a#g-ls+div .inner_item_txt p {
    font-size: 1.5rem;
}
a#g-ls+div .inner_item:before {
    font-size: 2.0rem;
    top: -27px;
}
}

@media screen and (max-width: 410px) {
	a#g-ls+div .inner_item_txt p {
    font-size: 1.3rem;
}
a#g-ls+div .inner_item:before {
    font-size: 1.8rem;
    top: -25px;
}
}

/*-------------DTMスクールオンラインで学べる音楽制作カリキュラム-------------*/
/*a[id^="curriculum"]+section {
	background: repeating-linear-gradient(135deg, #000, #000 30px, #222 30px, #222 40px);
}
*/

.block_text_6 .wrapper_item .inner_item_txt {
    padding: 10px 20px 10px !important;
}

a[id^="curriculum"]+section .heading.block_header_2 {
    background: #e1ff00;
    border-color: #e1ff00;
}

a[id^="curriculum"]+section .heading.block_header_2 .h {
    color: #333;
}

a[id^="curriculum"]+.block_text_6 .heading:after {
    color: #333;
}

a#txt+section a {
    text-decoration: none !important;
	transition: .4s ease-in-out;
}

a#txt+section a:hover {
    opacity: 0.8;
}