@charset "UTF-8";

/*-------------------------
__hoge_style
-------------------------*/

.movie_test{ text-align: center;}
.movie_test ul{ display: flex; justify-content: space-between;}
.movie_test ul li{ width: calc(50% - 20px);}
.movie_test ul li iframe{ margin: 0 auto!important;}

@media screen and (max-width:999px){
}

@media screen and (min-width: 768px) {
}

@media screen and (max-width: 767px) {
.movie_test ul{ display: block;}
.movie_test ul li{ width: 100%; margin-bottom: 20px;}
}

@media screen and (max-width:374px){
}

.more_input_com{ text-align: center; font-size: 1.5em; line-height: 2.2; margin-bottom: 20px; color: #7B442B;}
.accordion { margin-inline: auto; width: 100%; position: relative; text-align: center;}
.accordion-title { color: #fff; cursor: pointer; font-size: 2em; padding: 20px 20px; background-color: #7B442B; border-radius: 10px;}
.accordion-content { display: none;}
/* 矢印 */
.accordion-title{ position: relative;}
.accordion-title::after { border-right: solid 2px #fff; border-top: solid 2px #fff; content: ""; display: block; height: 8px; position: absolute; right: 25px; top: 38%; transform: rotate(135deg); transition: transform .3s ease-in-out, top .3s ease-in-out; width: 8px;}
.accordion-title.open::after { top: 45%; transform: rotate(-45deg);}

@media screen and (max-width:999px){
.accordion-title { font-size: 1.8em; padding: 15px 15px;}
}

@media screen and (max-width: 767px) {
.more_input_com{ font-size: 1.3em; line-height: 1.9; margin-bottom: 10px;}
.accordion-title { font-size: 1.5em;}
}