body {
    margin: 0;
    padding: 0;
    font-family: serif;
    overflow-x: hidden;
}


.contents_wrapper {
    width: 100vw;
}

.left_img {
    width: 50vw;
    height: 100vh;
    background-image: url(../img/left_img/festival_2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: -40px;
    float: left;
    display: inline-block;
    position: fixed;
}


/*
.topic_left_box {
    width: 37.5vw;
    height: 100vh;
    background-color: #dfdfdf;
    float: left;   
}
*/




.topic_bg {
    width: 100vw;
    height: 100vh;
    background-color: red;
    background-image: url(../img/topic_p_10.jpg);
    background-size: cover;
    background-position: center;
}

.topic_bg_c {
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.36);
}


.topic_four {
    width: 100%;
    height: 25vh;
    background: rgba(0, 0, 0, 0.36);
    text-align: center;
    font-size: 2vw;
    vertical-align: middle;
    line-height: 25vh;
    color: #fff;
    transition: 0.5s;
}

.topic_four:hover {
    background: rgba(0, 0, 0, 0.5);
    transition: 0.5s;
}






.topic_left_box {
    width: 50vw;
    height: 100vh;
    background-color: #dfdfdf;
    float: left;   
    background-image: url(../img/topic_p_09.jpg);
    background-position: -45vh;
    background-size: cover;
}


.topic_left {
    width: 25vw;
    height: 100vh;
    float: left;
    background-color: #373737;
}

.topic_h1 {
    display: block;
    line-height: 100vh;
    text-align: center;
    color: #fff;
    font-size: 3vw;
    background-image: url(../img/topic_p_09.JPG);
    background-position: -35vw;
    background-size: cover;
    background-repeat: no-repeat;
}



.topic_r_h2 {
    text-align: right;
    color: #000;
    font-size: 4.5vw;
    font-weight: bold;
    margin-left: 15vw;
}

.topic_r_four {
    width: 20vw;
    float: right;

}

.topic_r_four a {
    display: block;
    margin-top: 5vh;
    font-size: 1.3vw;
    font-weight: 700;
    float: right;
    transition: 0.3s;
}


.topic_r_four a:hover{
    opacity: 0.3;
    transition: 0.3s;
}


.topic_center_box {
    width: 25vw;
    height: 100vh;
    float: left;
    background-image: url(../img/topic_p_05.jpg);
    background-size: cover;
    background-position: center;
}

.tcb_bg {
    width: 100%;
    height: 100%;
/*    background-color: rgba(201, 31, 31, 0.46);*/
    background-color: rgba(0, 0, 0, 0.3);
}

.topic_right_box {
    width: 35vw;
    height: 80vh;
    background-color: #dfdfdf;
    float: left;
    padding-top: 20vh;
    padding-right: 15vw; 
/*
    padding-left: 5vw;
    padding-right: 20vw;
*/
}


.up_text {
    width: 70%;
    height: 50vh;
    margin-left: 15%;
    text-align:right;
    vertical-align: middle;
    background-color: red;
}

.topic_a {
    padding-top: 10vh;
    font-size: 1.8vw;
}

.up_text span {
    font-size: 1vw;
    line-height: 1vh;
}

.down_text {
    width: 70%;
    height: 50vh;
    margin-left: 15%;
    text-align:right;
    vertical-align: middle;
    background-color: blue;

}

.down_text a {
    line-height: 35vh;
    font-size: 1.8vw;
}








.topic_one_box {
    width: 50%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
}

.topic_two_box {
    width: 50%;
    height: 50%;
    position: absolute;
    bottom: 0;
    left: 0;
}

.topic_three_box {
    width: 50%;
    height: 50%;
    position: absolute;
    top: 0;
    right: 0;

}

.topic_four_box {
    width: 50%;
    height: 50%;
    position: absolute;
    bottom: 0;
    right: 0;

}

.topic_one_bg {
    background-image: url(../img/theme_ban.jpg);    
    background-color: #c91f1f;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.topic_two_bg {
    background-image: url(../img/song_ban.jpg);    
    background-color: #c91f1f;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.topic_three_bg {
    background-image: url(../img/0711_fa-ban_17.jpg);    
    background-color: #c91f1f;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.topic_four_bg {
    background-image: url(../img/Live-VR.jpg);    
    background-color: #c91f1f;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}



.t_text {
    height: 50vh;
    color: #fff;
    text-align: center;
    line-height: 50vh;
    font-size: 3vw;
    background-color: rgba(0, 0, 0, 0.5);
    transition: 0.3s;
}


.t_text:hover {
    background-color: rgba(0, 0, 0, 0.2);
    transition: 0.3s;
}




.menu_inner_l {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../img/left_img/company_3.jpg);
    background-size: cover;
    background-position: right;
}

.menu_inner_l_02 {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../img/left_img/solo_7.jpg);
    background-color: #c91f1f;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70%;
}

.menu_bg_l {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(93, 78, 86, 0.4);
    transition: 0.3s;
}

.menu_bg_l_02 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(93, 78, 86, 0.6);
    transition: 0.3s;
}

.menu_bg_l:hover {
    background: none;
    transition: 0.3s;
}


.menu_bg_l_02:hover {
    background: rgba(93, 78, 86, 0.3);
    transition: 0.3s;
    
}

.menu_inner_r {
    width: 50vw;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(../img/left_img/graduate2_4.jpg);
    background-size: cover;
    overflow-x: hidden;
    
}.menu_inner_r_02 {
    width: 50vw;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(../img/song.jpg);
    background-size: cover;
    overflow-x: hidden;
    
}

.menu_bg_r {
    width: 50vw;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(93, 78, 86, 0.4);
    transition: 0.3s;
    overflow-x: hidden;

}
.menu_bg_r_02 {
    width: 50vw;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(93, 78, 86, 0.5);
    transition: 0.3s;
    overflow-x: hidden;

}

.menu_bg_r:hover {
    background: none;
    transition: 0.3s;
}
.menu_bg_r_02:hover {
    background: rgba(93, 78, 86, 0.2);
    transition: 0.3s;
}

.comgra_text {
    width: 100%;
    height: 100vh;
    position: absolute;
    vertical-align: middle;
    text-align: center;
    line-height: 100vh;
    font-size: 3vw;
    color: #fff;
}


.par_l_img {
    background-image: url(../img/left_img/participation.JPG);
    background-position: right;
}


.com_img {
    background-image: url(../img/left_img/committee_3.jpg);
    background-position: right;
}

.media_img {
    background-image: url(../img/left_img/media_2.jpg);
    background-position: center;
}

.gra_img {
    background-image: url(../img/left_img/graduate2_4.jpg);
}

.comp_img {
    background-image: url(../img/left_img/company_3.jpg);
    background-position: right;
}

.room_img {
    background-image: url(../img/left_img/room_for_left-img_4.jpg);
    background-position: left;
}

.out_img {
    background-image: url(../img/left_img/main_stage_4.jpg);
    background-position: center;
}

.six_img {
    background-image: url(../img/left_img/six_5.jpg);
    background-position: center;
}

.stand_img {
    background-image: url(../img/left_img/stand.JPG);
}

.privacy_policy_img {
    background-image: url(../img/left_img/privacy_policy_6.jpg);
    background-position: left;
}

.contact_img {
    background-image: url(../img/left_img/contact.JPG);
}

.access_img {
    background-image: url(../img/left_img/access.JPG);
    background-position: right;
}

.solo_img {
    background-image: url(../img/left_img/solo_6.jpg);
    background-position: left;
}

.new_img {
    background-image: url(../img/left_img/new.JPG);
}

.theme_img {
    background-image: url(../img/theme_4.png);
    background-position: center;
    background-size: 80%;
    background-color: #c91f1f;
}
.song_img {
    background-image: url(../img/song.jpg);
    background-position: center;
}


.op_img {
    background-image: url(../img/left_img/op_05.jpg);
    background-position: left;
}

.ed_img {
    background-image: url(../img/left_img/ed_11.jpg);
/*    background-position: left;*/
/*    background-position: center;*/
/*    background-position: right;*/
    background-position: right;
}

.a-ran_img {
    background-image: url(../img/left_img/a-ran_04.jpg);
    background-position: center;
}

.before_img {
    background-image: url(../img/left_img/before_01.JPG);
    background-position: center;
}

.mid_img {
    background-image: url(../img/left_img/mid_07.jpg);
/*    background-position: -7vw;;*/
    background-position: center;
}

.avex_img {
    background-image: url(../img/left_img/avex_06.jpg);
    background-position: center;
}




.link_img {
    background-image: url(../img/left_img/link_3.jpg);
    background-position: center;
}

.left_img_link {
    width: 50vw;
    height: 100vh;
    float: left;
    display: inline-block;
    position: fixed;
    line-height: 50vh;
    text-align: center;
}



.quoter {
    width: 50%;
    height: 50%;
    float: left;
    box-sizing: border-box;
}
.quoter:nth-child(1) {
    border-right: solid 3px #fff; 
    border-bottom: solid 3px #fff; 
    transition: all 0.3s ease-out;
}
.quoter:nth-child(1):hover {
    opacity: 0.7;
    transition: all 0.3s ease-out;
}

.quoter:nth-child(2) {
    border-left: solid 3px #fff; 
    border-bottom: solid 3px #fff; 
    transition: all 0.3s ease-out;
}
.quoter:nth-child(2):hover {
    opacity: 0.7;
    transition: all 0.3s ease-out;
}

.quoter:nth-child(3) {
    border-right: solid 3px #fff; 
    border-top: solid 3px #fff;
    transition: all 0.3s ease-out;
}
.quoter:nth-child(3):hover {
    opacity: 0.7;
    transition: all 0.3s ease-out;
}

.quoter:nth-child(4) {
    border-left: solid 3px #fff; 
    border-top: solid 3px #fff;
    transition: all 0.3s ease-out;
}
.quoter:nth-child(4):hover {
    opacity: 0.7;
    transition: all 0.3s ease-out;
}


.twitter_color {
    background-color: #3295d3;
}
.instagram_color {
    background-image: url(../img/left_img/insta_back.jpg);
    background-position: 0px;
}
.blog_color {
    background-color: #28833a;
}
.facebook_color {
    background-color: #3a5394;
}

.fab {
    color: #fff;
    transition: all 0.3s ease-out;
    line-height: 50%;
}

.fas {
    color: #fff;
    display: inline;
    transition: all 0.3s ease-out;
}



.ggmap {
    position: relative;
    padding-top: 30px;
    overflow: hidden;
    margin: 0 6.5vw 0vh 6.5vw;
    display: block;
    width: 37vw;
}

.access_png {
    margin-left: 6.5vw;
}




.right_text {
    float: right;
    display: inline-block;
    width: 50%;
    margin: auto 0;
}

.right_text_comm {
    float: left;
    position: absolute;
    left: 50vw;
    top: 0;
    width: calc(50% - 75px);
}

.h1 {
    width: 37vw;
    margin: 0px 0 -30px 6.5vw;
    /*
    background: #c91f1f;    
    background-clip: text;
    -webkit-background-clip: text;
    color: rgba(0,0,0,.01);
*/
    color: #c91f1f;
    font-size: 2.8vw;
    font-family: serif;
    font-weight: bold;
}





.photo_h1 {
    margin: 90px 0 -30px 15vw;
    color: #c91f1f;
    font-size: 40px;
    font-family: serif;
    font-weight: bold;
}

.h1_comm {
    margin: 90px 0 -30px 4.5vw;
    color: #c91f1f;
    font-size: 40px;
    font-family: serif;
    font-weight: bold;
}

.h1_par {
    width: 37vw;
    margin: 20vh 0 -30px 6.5vw;
    color: #c91f1f;
    font-size: 2.5vw;
    font-family: serif;
    font-weight: bold;
}

.h3 {
    margin: 6vh 6.5vw 8.5vh 6.5vw;
    font-size: 2rem;
    font-weight: 500;
    text-indent: -0.2rem;
    font-family: serif;
}
.h3_six {
    margin: 13vh 6.5vw 8.5vh 6.5vw;
    font-size: 2rem;
    font-weight: 500;
    text-indent: -0.2rem;
    font-family: serif;
}

.h3_comm {
    margin: 4.5vw;
    font-size: 2rem;
    font-weight: 500;
    text-indent: -0.2rem;
    font-family: serif;
}

.h3_link {
    margin: 6vh 6.5vw 8.5vh 6.5vw;
    font-size: 2rem;
    font-weight: 500;
    text-indent: -0.2rem;
    font-family: serif;
}

.h3_link_top {
    margin: 13vh 6.5vw 8.5vh 6.5vw;
    font-size: 2rem;
    font-weight: 500;
    text-indent: -0.2rem;
    font-family: serif;
}

.h3_link a {
    transition: all .3s;
    padding: 3px;
    text-align: center;

}

.h3_link a:hover {
    background-color: #c91f1f;
    color: #fff;
    padding: 3px;
}

.photo_p {
    margin: 90px 0 -30px 15vw;
    font-family: serif;
    font-size: 20px;
}

.blank_bottom {
    margin-bottom: 100px;
}



.margintop {
    margin-top: 10vw;
}

.p_text {
    margin: -4vw 6.5vw;
}

.p_text_contact {
    margin: 1.5vh 6.5vw -1vh 6.5vw;
}

.par_p_text {
    margin: 0vw 6.5vw;
}

.p_text_plus {
    margin: 6.5vw 6.5vw 0 6.5vw;
}

.p_text_link {
    margin: -6vh 6.5vw 2vh 6.5vw;
}

.p_text_0827 {
    margin: 8.5vh 6.5vw;
}

.f1_table {
    margin: 6.5vw;
    padding: 30px;
}

.f1_table_comm {
    margin: 4.5vw;
    padding: 30px;
}

.comm_font {
    font-size: 13.7px;
}

.company_table {
    margin: -3vw 80px 5.5vw 6vw;
    font-size: 13.8px;
}

.company_table tr td {
    padding: 3px;
}

.contact_table {
    margin: 1.5vw 6.5vw 10vh 6.5vw;
    padding: 30px;
}

.contact_table td {
    padding: 3px;
}

.number_kakko {
    text-indent: -0.5rem;
}


.for_enterprise {
    margin-top: 100px;
    padding: 30px;
}

.table_contact {
    margin-top: -50px;
}

.table_contact td {
    padding: 5px 0;
}



.mail_deco {
    color: #c91f1f;
}

.mail_deco {
    position: relative;
    display: inline-block;
    transition: .3s;
}

.mail_deco::after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    width: 0;
    height: 1px;
    background-color: #f18930;
    transition: .3s;
}

.mail_deco:hover::after {
    width: 100%;
}



/*
.menu {
    position: fixed;
    width: 80px;
    height: 80px;
    background-color: #c91f1f;
    top: 0;
    right: 0;
    text-align: center;
    line-height: 80px;
    font-size: 60px;
    color: #fff;
}*/

.menu_wrapper {
    width: 100vw;
    height: 100vh;
    background-image: url(../img/tree.JPG);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 1;
}

.hum_menu {
    width: 70px;
    height: 70px;
    position: absolute;
    background: #fff;
    right: 0;
}

.menu_blue {
    width: 50%;
    height: 100%;
    background-color: rgba(12, 128, 196, 0.8);
    z-index: 2;
    float: left;
}

.menu_blue ul {
    margin: 0;
    padding: 30% 0 0 40%;
}

.menu_blue ul li {
    list-style-type: none;
    font-weight: 100;
    margin: 40px 0;
    font-size: 20px;
}

.menu_blue ul li a {
    text-decoration: none;
    color: #fff;
}

.menu_blue ul li a:hover {
    font-weight: 900;
    transition: all 1s ease-out;
}

.table_contact tr td span {
    margin-left: -0.5rem;
}

.kakko {
    text-indent: -0.5rem;
    text-align-last: justify;
    width: 20%;
}
















.photo-show {
    /*    height: 800px; 表示したい大きさ*/
    height: 100vh;
    margin: 80px 15vw 80px 15vw;
    /*縦余白30pxは任意*/
    position: relative;
    width: 70vw;
    /*表示したい大きさ、height と合わせる*/
}

.photo-show img {
    /*    animation: show ease 92s infinite;*/
    animation-name: show;
    animation-iteration-count: infinite;
    animation-duration: 138s;
    /*    -webkit-animation: show ease 92s infinite;*/
    -weblit-animation-name: show;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 138s;

    height: auto;
    max-width: 100%;
    opacity: 0;
    position: absolute;
    /*画像を全て重ねる*/
}

/*アニメーション*/

@keyframes show {
    0% {
        opacity: 0
    }

    2% {
        opacity: 1
    }

    10% {
        opacity: 1
    }

    20% {
        opacity: 0
    }
}

@-webkit-keyframes show {
    0% {
        opacity: 0
    }

    2% {
        opacity: 1
    }

    10% {
        opacity: 1
    }

    20% {
        opacity: 0
    }
}

/*各画像のアニメーションの開始時間をずらす*/

.photo-show img:nth-of-type(1) {
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
}

.photo-show img:nth-of-type(2) {
    animation-delay: 6s;
    -webkit-animation-delay: 6s;
}

.photo-show img:nth-of-type(3) {
    animation-delay: 12s;
    -webkit-animation-delay: 12s;
}

.photo-show img:nth-of-type(4) {
    animation-delay: 18s;
    -webkit-animation-delay: 18s;
}

.photo-show img:nth-of-type(5) {
    animation-delay: 24s;
    -webkit-animation-delay: 24s;
}

.photo-show img:nth-of-type(6) {
    animation-delay: 30s;
    -webkit-animation-delay: 30s;
}

.photo-show img:nth-of-type(7) {
    animation-delay: 36s;
    -webkit-animation-delay: 36s;
}

.photo-show img:nth-of-type(8) {
    animation-delay: 42s;
    -webkit-animation-delay: 42s;
}

.photo-show img:nth-of-type(9) {
    animation-delay: 48s;
    -webkit-animation-delay: 48s;
}

.photo-show img:nth-of-type(10) {
    animation-delay: 54s;
    -webkit-animation-delay: 54s;
}

.photo-show img:nth-of-type(11) {
    animation-delay: 60s;
    -webkit-animation-delay: 60s;
}

.photo-show img:nth-of-type(12) {
    animation-delay: 66s;
    -webkit-animation-delay: 66s;
}

.photo-show img:nth-of-type(13) {
    animation-delay: 72s;
    -webkit-animation-delay: 72s;
}

.photo-show img:nth-of-type(14) {
    animation-delay: 78s;
    -webkit-animation-delay: 78s;
}

.photo-show img:nth-of-type(15) {
    animation-delay: 84s;
    -webkit-animation-delay: 84s;
}

.photo-show img:nth-of-type(16) {
    animation-delay: 90s;
    -webkit-animation-delay: 90s;
}

.photo-show img:nth-of-type(17) {
    animation-delay: 96s;
    -webkit-animation-delay: 96s;
}

.photo-show img:nth-of-type(18) {
    animation-delay: 102s;
    -webkit-animation-delay: 102s;
}

.photo-show img:nth-of-type(19) {
    animation-delay: 108s;
    -webkit-animation-delay: 108s;
}

.photo-show img:nth-of-type(20) {
    animation-delay: 114s;
    -webkit-animation-delay: 114s;
}

.photo-show img:nth-of-type(21) {
    animation-delay: 120s;
    -webkit-animation-delay: 120s;
}

.photo-show img:nth-of-type(22) {
    animation-delay: 126s;
    -webkit-animation-delay: 126s;
}

.photo-show img:nth-of-type(23) {
    animation-delay: 132s;
    -webkit-animation-delay: 132s;
}

.photo-show img:nth-of-type(24) {
    animation-delay: 138s;
    -webkit-animation-delay: 138s;
}

/*マウスが画像に重なった際、動きを止めて四角くする*/

.photo-show img {
    transition: 138s;
    -webkit-transition: 138s;

}

/*
.photo-show:hover img {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}
*/

.photo_con {
    position: relative;
    text-align: center;
    width: 70.1vw;
    /*    background-color: #f18930;*/
    margin-left: 15vw;
    padding-top: 7vh;
    height: auto;
}

.photo_con a {
    max-width: 70vw;
}

.photo_con a img {
    width: calc(90vw / 3.9);
    height: auto;
    /*    margin-left: 5vw; */
    /*    margin-top: 5vw;*/
    /*    padding: 2%;*/
    display: inline-block;
}

/*
img {
  pointer-events: none;
}*/




.par_ul li {
    margin: 0 6.5vw;
}

.h4 {
    margin: 3.5vw 6.5vw 0 6.5vw;
    /*    font-size: 1.2rem;*/
    font-size: 1.4rem;
    font-weight: bold;
    /*    text-indent: -0.2rem;*/
    font-family: serif;
}

.h5 {
    font-weight: bold;
    font-size: 1.2vw;
}

.h5_six {
    font-weight: bold;
    font-size: 1.3vw;
    margin: 0 6.5vw;
}

.par_table {
    margin: 1vw 6.5vw;
    padding: 30px;
}

.par_table td {
    padding: 3px;
}

.par_table span {
    font-weight: bold;
    border-bottom: solid 0.76px #000;
}

.stage_table {
    margin: 1vw 6.5vw;
    padding: 30px;
}

.stage_table td {
    padding: 3px;
}

.stage_kakko {
/*
    font-weight: bold;
    border-bottom: solid 0.76px #000;
*/
    display: inline-block;
    text-indent: -0.5vw;
}


.session_table {
    margin: 1vw 6.5vw;
    padding: 30px;
    width: 35vw;
    font-size: 0.9vw;
}

.session_table td {
    border: solid 1px #000;
    padding: 5px;
    display: table-cell;
    vertical-align: middle;
}

.session_table_left {
    text-align: center;
}

.yoko_pdf {
    text-indent: 0.5vw;
    display: inline-block;
}

.st_top {
    background-color: #e1e1e1;
}

.par_img {
    margin: 10px 0;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: all 0.5s ease-out;
    position: relative;
    z-index: 2;
}

.par_img:hover {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    /*    transition: all 1s ease-out;*/
    transition: all 0.5s ease-out;
    position: relative;
    z-index: 2;
}

.six_img_indent {
    margin-left: -0.46vw;
}


.company_table_plus {
    margin: 2.5vw 80px 0vw 6.5vw;
    font-size: 13.8px;
}

.company_table_plus:nth-of-type(5) {
    margin-bottom: 6vw;
}

.company_table_plus td {
    padding: 3px;
}



.id_catch {
    width: 100%;
    height: 1vh;
    visibility: hidden;
    transform: translateY(-60px);
}
.par_h3 {
    margin: 20vh 6.5vw 2vw 6.5vw;
    font-size: 2rem;
    font-weight: 500;
    text-indent: -0.2rem;
    font-family: serif;
}



.par_h4 {
    margin: 4.5vw 6.5vw 0 6.5vw;
    font-size: 1.4rem;
    font-weight: bold;
    /*    text-indent: -0.2rem;*/
    font-family: serif;
}

.font_bold {
    font-weight: 900;
}
.font_bold_red {
    font-weight: 900;
    border-bottom: solid 1px ;
}




.h2 {
    margin: 90px 6.5vw -30px 6.5vw;
    color: #c91f1f;
    font-size: 20px;
    font-size: 20px;
    font-family: serif;
    font-weight: bold;
    text-indent: -0.8rem;
}

.border_bottom {
    border-bottom: solid 0.76px;
    font-weight: bold;
}

.link_indent {
    text-indent: -0.6rem;
}

.link_icon {
    color: #fff;
    display: inline;
    transition: all 0.3s ease-out;
    margin-left: 1rem;
}

.par_5menu {
    position: fixed;
    width: calc(50vw - 93px);
    height: 75px;
    background-color: #f18930;
    right: 75px;
    top: 0;
    z-index: 74;
}

.one-fifth {
    width: 20%;
    height: 100%;
    line-height: 75px;
    text-align: center;
    float: left;
    color: #fff;
    box-sizing: border-box;
    border-right: solid 2px #fff;
    font-size: 0.9vw;
    z-index: 999;
    position: relative;
    transition: all 0.3s ease-out;
    font-weight: bold;
}

.one-fifth:hover{
    background-color: #fff;
    color: #f18930;
    transition: all 0.3s ease-out;
}
.one-fifth:nth-child(1):hover{
    background-color: #fff;
    color: #f18930;
    transition: all 0.3s ease-out;
}

.ofleft {
    border-left: solid 1px #fff; 
}

.h1 {
    width: 37vw;
    margin: 9vh 0 -30px 6.5vw;
    color: #c91f1f;
    font-size: 2.8vw;
    font-family: serif;
    font-weight: bold;
}

.hope {
    margin-left: -0.2vw;;
}


.end_table {
    opacity: 0.5;
}

.pdf_style {
    color: #0980c4;
}

.room_table_font {
    font-size: 0.9vw;
}

.new_indent {
    margin-left: -0.5rem;
/*    color: red;*/
}

.solo_table_font {
    font-size: 0.9vw;
}

.h5_six tr td:nth-child(1) {
    width: 13%;
}

.new_table {
    margin: 4.5vw 6.5vw 0vw 6.8vw;
    padding: 30px;
    font-size: 1.1vw;
}


.theme_text {
    margin: 0vh 6.5vw 10vh 6.5vw;
}



.concept{
    width: 50%;
    margin-left: 5.5vw;
    margin-bottom: 3vh;
}

.rogo {
    width: 30%;
    margin-left: 6.5vw;
}



.theme_h3 {
    margin: 10vh 6.5vw 3vh 6.5vw;
    font-size: 2rem;
    font-weight: 500;
    text-indent: -0.2rem;
    font-family: serif;
}


.theme_h3_short {
    margin: 10vh 6.5vw -5vh 6.5vw;
    font-size: 2rem;
    font-weight: 500;
    text-indent: -0.2rem;
}



.song_table {
    padding: 30px;
    display: inline-block;
    width: 35vw;
}

.song_table_small {
    width: calc(50vw - 18vw);
    padding: 30px;
    display: inline-block;
    margin-left: 3vw;
    margin-top: -6vh;
}
.song_table_small_under {
    padding: 30px;
    display: inline-block;
    margin-left: 3vw;
    margin-top: -7vh;
}

.table_border {
    border: solid 1px #000;
    border-radius: 20px;
    width: calc(50vw - 14vw);
    margin: 2vh 6.5vw;
    font-size: 1vw;
    display: table;
}

.anchor_box {
    width: 50vw;
    text-align: center;
}

.song_anchor {
    width: 10%;
}

.form_applicate {
    margin-left: 4vw;
    width: calc(50vw - 12vw);
}

.tenc {
    margin-left: 6.5vw;
    margin-top: 8vh;
}

.youtube {
    margin-left: 7.5vw;
    margin-top: 3vh;
}

.song_pic {
    margin-left: 7.5vw;
    margin-top: 3vh;
}

.song_indent {
    display: inline-block;
}

.link_indent {
    text-indent: -0.6rem;
}


.song_plink {
    color: #c91f1f;
}


.theme_kakko {
    display: inline-block;
    text-indent: -0.6rem;
}

.theme_kakko_little {
    display: inline-block;
    text-indent: -0.3rem;
}

.song_kakko {
    display: inline-block;
    text-indent: -0.42rem;
}

.song_kakko_spe {
    display: inline-block;
    text-indent: -0.42rem;
/*    margin-left: -11vw;*/
}

.to_left_kakko {
    display: inline-block;
    text-indent: -0.5rem;
}


.song_table_small_9 {
    width: calc(50vw - 18vw);
    padding: 30px;
    display: inline-block;
    margin-left: 3vw;
    margin-top: -9vh;
}

.song_table_small_to_right {
    width: calc(50vw - 18vw);
    padding: 30px;
    display: inline-block;
    margin-left: 4.15vw;
    margin-top: -6vh;
}

.parent_ver_mi {
    position: relative;
    z-index: 0;
}


.ver_mi {
/*
    display: table-cell;
    vertical-align: middle;
*/
    position: absolute;
    top: 50%;
    z-index: 0;
    width: 100%;
    transform: translate(0 -50%);
}



/*
.youtube iframe {
    height: 250px;
    width: 400px;
}


*/


.theme_youtube {
    margin-left: 6.5vw;
}




.f-a_table {
    margin: 12vh 6.5vw 12vh 6vw;
    padding: 30px;
}


.f-a_right {
    padding-left: 4vw;
}


.f-a_mini_table {
    margin: -10vh 6.5vw -9vh 9vw;
}

.f-a_mini_table_02 {
    margin: 0vh 6.5vw -9vh 9vw;
}




.f-a_mail_table {
    margin: -10vh 2vw 0 10.4vw;
}





.chart_img {
    margin-top: 12vh;
    margin-left: 7.5vw;
    margin-bottom: -7vh;
    width: 36vw;
}

.feature_articles_img {
    background-image: url(../img/chart_08.jpg);
    background-size: cover;
    background-position: -1.7vw;
}



.f-a_roundkakko {
    display: inline-block;
    text-indent: -0.4rem;
}




.kakko_to_right{
    display: inline-block;
    text-indent: 0.7rem;
}

.kakko_to_right_more{
    display: inline-block;
    text-indent: 1.09rem;
}





.end_table_song  {
/*    opacity: 0.7;*/
    color: #969393;
}




.jamp {
    font-weight: 900;
    font-size: 1.2vw;
}

.bb {
    border-bottom: solid 1px;
}


.ng_to_right {
    display: inline-block;
    text-indent: 20px;
}


.f-a_ng_table {
    margin: 9vh 6.5vw 10vh 10.5vw;
}

.scrt {
    font-size: 1vw;
}


.mt_mi {
    margin-top: -1vh;
}


.font_small {
    font-size: 1vw;
}





.font_red {
    display: inline-block;
    text-decoration-line: none;
    color: #c91f1f;
    transition: 0.3s;
    font-size: 1vw;
}

.font_red:hover {
    opacity: 0.5;
    transition: 0.3s;
}