* {
    margin: 0;
    padding: 0;
}
body {
    background: #FFFBE5;
}

p {
font-family: "uddigikyokasho-pro",
sans-serif;
color: #2f2f2f;
}
.hr {
    border: none;
    border-bottom: 1px solid #bdbdbd;
    margin: 0;
}

.link {
   font-family: "uddigikyokasho-pro",
   sans-serif;
   color: #73B4AA;
}
.link:hover {
   color: #DE8E91;
    cursor: pointer;
}

.body_padding {
    padding: 0px 200px 0px 200px;
    position: relative;
    z-index: 1000;
}

img {
    vertical-align:top;
    z-index: 1000;
}

.center {
    margin: 0 auto;
    align-items: center;
    text-align: center;
}
.center_bottom {
    margin: 0 auto;
    align-items: center;
    text-align: center;
    padding-bottom: 2.5vh;
}

/* いとしのpaddingたち */
.padding02vh {
    padding: 0.2vh;
}
.padding03vh {
    padding: 0.3vh;
}
.padding05vh {
    padding: 0.5vh;
}
.padding1vh {
    padding: 1vh;
}
.padding15vh {
    padding: 1.5vh;
}
.padding2vh {
    padding: 2vh;
}
.padding25vh {
    padding: 2.5vh;
}
.padding3vh {
    padding: 3vh;
}
.padding35vh {
    padding: 3.5vh;
}
.padding4vh {
    padding: 4vh;
}
.padding45vh {
    padding: 4.5vh;
}
.padding5vh {
    padding: 5vh;
}
.padding6vh {
    padding: 6vh;
}
.padding8vh {
    padding: 8vh;
}

/* padding終わり */

/* 祭のとこ */
.colorball {
    width: 100%;
}
.home_button {
    width: 4.5%;
    position: absolute;;
    right: 7.4%;
    top: 21.8%;
}
.fes_button {
    width: 9%;
    position: absolute;
    right: 45.5%;
    top: -2px;
}
.contain {
    position: relative;
    z-index: 100;
}

/* 明大祭実行委員会 */
.committee_logo {
    width: 300px;
}

/* 見出し設定 */
.major_title {
    text-align: left;
    width: 110px;
    margin-left: 10px;
}
.major_title_4 {
    text-align: left;
    width: 110px;
    margin-left: 10px;
}
.major_title_6 {
    text-align: left;
    width: 140px;
    margin-left: 10px;
}
.major_title_8 {
    text-align: left;
    width: 180px;
    margin-left: 10px;
}
.major_title_10 {
    text-align: left;
    width: 230px;
    margin-left: 10px;
}
.major_title_17 {
    text-align: left;
    width: 360px;
    margin-left: 10px;
}

.middle_heading {
    font-size: 20px;
    color: #2f2f2f;
}

.middle_bold {
    font-weight: 600
}
.middle_bold_long {
    font-weight: 600
    
}
.small_heading {
    font-size: 15px;
    color: #DE8E91;
    text-align: left;
}

/* 大見出しの点線はその都度設定しよーね */
.title_marker_executive {
    width: 100px;
    height: 8px;
    object-fit: cover;
    /* position: absolute;
    right: 70%;
    top: 78%; */
}
.title_marker_committee {
    width: 200px;
    height: 8px;
    object-fit: cover;
}


/* 写真サイズ */
.iincho {
    width: 250px;
    box-shadow: 0px 2px 5px rgba(51, 51, 51, .5);
    border-radius: 10px;
    margin-right: 70px;
}
.iincho_flex {
    display: flex;
}
.jikkouiin {
    width: 100%;
    box-shadow: 0px 2px 5px rgba(51, 51, 51, .5);
    border-radius: 10px;
}
.jikkouiin_schedule {
    width: 40vw;
    box-shadow: 0px 2px 5px rgba(51, 51, 51, .5);
    border-radius: 10px;
}
.jikkouiin_65 {
    width: 65%;
    box-shadow: 0px 2px 5px rgba(51, 51, 51, .5);
    border-radius: 10px;
}
.jikkouiin_75 {
    width: 75%;
    box-shadow: 0px 2px 5px rgba(51, 51, 51, .5);
    border-radius: 10px;
}
.jikkouiin_flex {
    width: 32%;
    box-shadow: 0px 2px 5px rgba(51, 51, 51, .5);
    border-radius: 10px;
    
}
.jikkouiin_graph {
    width: 220px;
    margin-right: 20px;
    /* filter: drop-shadow(0px 2px 5px rgba(51, 51, 51, .5)) */
    /* border-radius: 10px; */
}
.jikkouiin_graph2 {
    width: 220px;
    margin-right: 20px;
    /* filter: drop-shadow(0px 2px 5px rgba(51, 51, 51, .5)) */
    /* border-radius: 10px; */
}
.jikkouiin_graph3 {
    width: 260px;
    margin-right: 20px;
    /* filter: drop-shadow(0px 2px 5px rgba(51, 51, 51, .5)) */
    /* border-radius: 10px; */
}
.jikkouiin_graph4 {
    width: 250px;
    margin-right: 20px;
    /* filter: drop-shadow(0px 2px 5px rgba(51, 51, 51, .5)) */
    /* border-radius: 10px; */
}
.graph_margin {
    margin-left: 18px;
}
.graph_margin2 {
    margin-left: 48px;
}
.graph_margin3 {
    margin-left: 40px;
}
.graph_margin4 {
    margin-left: 32px;
}

/* BOX */
#rounded-box {
    width: 100%;
    border-radius: 30px;
    background-color: #ffffff;
    /* display: flex; */
    justify-content: center;
    align-items: center;
    border: solid 4px #DE8E91;
    padding: 40px 70px 40px 70px;
    box-sizing: border-box;
    font-family: "uddigikyokasho-pro",
    sans-serif;

}
.main_text {
    font-size: 17px;
    text-align: left;
    color: #2f2f2f;
    text-align: justify;
    font-feature-settings: "palt";
}
.middle_line {
    width: 100%;
    display: block;
}

/* 各局紹介 */
.sample_box2_3 {
    /* padding: 0em 1em 1em 1em; */
    /* margin: 2em 0; */
    background-color: #DE8E91;
    /*背景色*/
    box-shadow: 0 0 0 8px #DE8E91;
    /*背景色外側*/
    /* border: 2px dashed #ffffff; */
    /*線*/
    color: #ffffff;
    /*文字色*/
    border-radius: 10px;
}
.sample_box2_3:hover {
    background-color: #73B4AA;
    box-shadow: 0 0 0 8px #73B4AA;
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);

}


.intro_button_title {
    color: #ffffff;
    font-weight: 900
    
}

.top_button_img {
    width: 100%;
    border-radius: 10px;
}
.intro_button_link {
    text-decoration: none;
}
.intro_padding {
    width: 290px;
    /* margin: 10px; */
}
.flex_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 50px 30px;
}

.indent {
    padding-left: 1em;
    text-indent: -1em;
}
.indent_05 {
    padding-left: 0.5em;
    text-indent: -0.5em;
}
.parentheses {
    text-indent: -0.2em;
    /* padding-left: 0.5em; */
}
.parentheses_new {
    text-indent: -2em;
    padding-left: 2.3em;
}
.margin_space {
    margin-right: 13px;
    
}
.margin_space1 {
    margin-right: 1px;
    
}
.img_box {
    display: flex;
	justify-content: space-between;
    /* padding: 0 10px; */
    width: 86%;
}

/* よくある質問 */
.accordion-container {
    /* margin: 50px auto 0; */
    /* max-width: 300px; */
    width: 100%;
    font-family: "uddigikyokasho-pro",
    sans-serif;
}

.accordion-list:not(:first-child) {
    margin-top: 10px;
}

.accordion-title {
    background: #FFD5D6;
    cursor: pointer;
    font-size: 17px;
    padding: 25px 30px 25px 0px;
    position: relative;
    border-radius: 15px;
    margin-bottom: 4vh;
    line-height: 18px;
}

/* .accordion-title:before {
    position: absolute;
    display: block;
    content: 'Q.';
    top: 14px;
    left: 8px;
    color: #2f2f2f;
    font-size: 16px;
} */


.accordion-title:after {
    position: absolute;
    display: block;
    content: '';
    top: 35%;
    right: 28px;
    width: 12px;
    height: 12px;
    border-top: 2px solid #DE8E91;
    border-right: 2px solid #DE8E91;
    transform: rotate(135deg);
    transition: all .3s ease-in-out;
}

.accordion-title.open:after {
    transform: rotate(-45deg);
    top: 45%;
}

.accordion-text {
    /* border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD; */
    border: solid 4px #DE8E91;
    border-radius: 15px;
    display: none;
    padding: 15px 20px 15px  0px;
    background-color: #ffffff;
    margin-bottom: 4vh;
}
/* .accordion-text:before {
    position: absolute;
    display: block;
    content: 'A.';
    top: 14px;
    left: 8px;
    color: #2f2f2f;
    font-size: 16px;
} */
.question_indent1 {
    text-indent: -1.5em;
    padding-left: 2.4em;
}
.answer_indent1 {
    text-indent: -1.1em;
    padding-left: 2em;
}
.question_indent2 {
    text-indent: -1.5em;
    padding-left: 2.4em;
}
.answer_indent2 {
    text-indent: -1.1em;
    padding-left: 2em;
}
.qn_flex {
    display: flex;
}

.answer_size {
    font-family: "uddigikyokasho-pro",
    sans-serif;
    font-size: 17px;
}
@media screen and (max-width: 1300px) {
    .qn_flex {
        flex-direction: column;
    }
    .jikkouiin_graph {
        margin-right: 0px;
    }
    .jikkouiin_graph2 {
        margin-right: 0px;
    }
    .jikkouiin_graph3 {
        margin-right: 0px;
    }
    .jikkouiin_graph4 {
        margin-right: 0px;
    }
    .graph_margin {
        margin-left: 0px;
    }
    .graph_margin2 {
        margin-left: 0px;
    }
    .graph_margin3 {
        margin-left: 0px;
    }
    .graph_margin4 {
        margin-left: 0px;
    }

}
@media screen and (max-width: 1100px) {
    .major_title_17 {
        width: 290px;
    }

}
@media screen and (max-width: 1200px) {
    .body_padding {
        padding: 0px 100px 0px 100px;
        position: relative;
        z-index: 1000;
    }

}