:root{
    --font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, "���S�V�b�N��", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	}

	body {
    font-family: "Helvetica Neue", Helvetica, Arial, "���S�V�b�N��", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, 'Open Sans', sans-serif;
	}

	h1, h2, h3, h4, h5, h6 {
    font-family: "Helvetica Neue", Helvetica, Arial, "���S�V�b�N��", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, 'Open Sans', sans-serif;
	}

	btn {
    font-family: "Helvetica Neue", Helvetica, Arial, "���S�V�b�N��", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, 'Open Sans', sans-serif;
	}

        .menu {
        margin: 2em 0;
    }

        .menutextbox {
        padding: 1em 1em;
        margin: 2em 0;
        font-weight: bold;
        color: #FFFFFF;/*�����F*/
        background: #FF0000;
        border: solid 3px #FF0000;/*��*/
        border-radius: 10px;/*�p�̊ۂ�*/
        text-align: center;
    }

    .menutextbox p {
        margin: 0;
        padding: 0;
    }

    .contentsbox {
        position: relative;
        margin: 2em 0;
        padding: 0.5em 1em;
        border: solid 3px #FF0000;
        border-radius: 8px;
    }
    .contentsbox .box-title {
        position: absolute;
        display: inline-block;
        top: -13px;
        left: 10px;
        padding: 0 9px;
        line-height: 1;
        font-size: 19px;
        background: #FFFFFF;
        color: #FF0000;
        font-weight: bold;
    }
    .contentsbox p {
        margin: 0;
        padding: 0;
    }

.youtube{
	position: relative;
	margin: 1em auto;
	padding-top: 56.25%;
}

.youtube iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

ul,li{
    margin: 0;
    padding: 0;
    list-style: none;
}
#accordion_menu > li {
    border: #ccc 1px solid;
    margin-bottom: -1px;
}
#accordion_menu a{
    color: #666;
}
#accordion_menu a[data-toggle="collapse"]{
    display: block;
    padding: 10px;
    text-decoration: none;
  position: relative;
}
#accordion_menu a[data-toggle="collapse"]:hover{
    background: #e7e7e7;
}
#accordion_menu a[data-toggle="collapse"]::after{
    content:"";
    display: block;
    width: 8px;
    height: 8px;
    border-top: #666 1px solid;
    border-right: #666 1px solid;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
}
#accordion_menu a[aria-expanded=false]::after{
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition-duration: 0.3s;
}
#accordion_menu a[aria-expanded=true]::after{
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    transition-duration: 0.3s;
}
[id^="menu"] li{
    padding: 10px 10px 10px 20px;