@media only screen and (min-width: 1400px) {
  .l_poster_header_sub {
    left: 360px;
  }

}

@media only screen and (max-width: 1399px) {
  .l_news_area {
    /*height: calc(730px * 0.5625);*/
/*    margin-top: 460.625px;*/
  }
  .c_youtube.pc{
    display: none;
  }
  .c_youtube.sp{
    display: block;
    width: 730px;
    height: calc(730px * 0.5625);
  }
  .c_modal_content {
    width: 90%;
  }
  .l_bnr_award img {
    top: 490px;
  }
}

@media only screen and (max-width: 767px) {
  .c_youtube{
/*    top: 114.133333333333333vw;*/

/*
    padding: 0 0 2.6vw;
    margin: 0 2.6vw;
*/
    height: calc(90vw* 0.5625);
    width: 100%
  }
  .l_news_area {
    /*top: calc(114.133333333333333vw + 300px)!important;*/
    /*top: 64.31249999999998vw!important;*/
  }

  body {
    min-width: 100%;
    max-width: 750px;
    font-size: calc(30px + 30 * ((100vw - 750px) / 750));
    background-size: auto;
  }

  body.top {
    background-color: #091D3C;
  }

  .l_wrap {
    width: 100%;
  }

  .l_bg {
    background-image: none;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }

  .l_bg>div:last-child {
    position: relative;
  }

  .top .l_bg {
    background-image: url(../images/page_bg_top_sp.jpg);
    background-size: 100% auto;
    height: auto;
  }

  /*----------------------------------------------
  .l_header_area
  ---------------------------------------------*/
  .l_header {
    padding: 15px 2.6vw 20px;
  }

  .l_header.is_en {
    padding: 15px 2.6vw 10px;
  }

  .l_header_title {
    width: 82vw;
  }

  .top .l_header_title {
    width: 82vw;
  }

  /*----------------------------------------------
  .l_container
  ---------------------------------------------*/
  .l_container {
    padding-bottom: 60px;
  }

  .top .l_container {
    padding-bottom: 0;
  }

  /*----------------------------------------------
  .l_side_contents
  ---------------------------------------------*/
  .l_side_contents>*:not(.drawer-nav) {
    display: none;
  }

  /*----------------------------------------------
  .l_main_contents
  ---------------------------------------------*/
  .l_main_contents {
    float: none;
  }

  .l_content {
    margin: 0 2.6vw;
    padding: 8vw 3.6vw;
    min-height: 65vw;
    font-size: calc(29px + 29 * ((100vw - 750px) / 750));
  }
  
.l_banner img {
    width: 50%;
}
  /*----------------------------------------------
  .l_poster_area
  ---------------------------------------------*/
  .l_poster_area {
    margin-bottom: 0;
    height: 405vw;
    height: 267vw;
  }

  .l_poster_header {
    width: 76.8vw;
    top: 16.666666666666668vw;
  }

  .l_poster_header_sub {
    width: 76vw;
    top: 48.93333333333333vw;
    left: 50%;
    transform: translateX(-50%);
  }

  .l_poster_detail {
    width: 94.8vw;
/*    top: 75.46666666666667vw;*/
    bottom: 0;
    left: 2.6vw;
  }

  .l_poster_detail.is_en1 {
    top: 78vw;
    bottom: auto;
  }

  .l_poster_detail.is_en2 {
    top: 94vw;
  }
  
  .l_poster_box {
    bottom: 36vw;
    width: 95vw;
  }
  /*----------------------------------------------
  .l_header_title
  ---------------------------------------------*/

  /*----------------------------------------------
  .l_news_area
  ---------------------------------------------*/
  .l_news_area {
/*    margin: 0 2.6vw;*/
    margin: 2.6vw 2.6vw;
    padding: 0 0 2.6vw;
/*    position: absolute;*/
    /*top: 114.133333333333333vw;*/
    top: 230vw;
    width: calc(100% - 5.2vw);
  }

  .l_news_area dt {
    font-size: unset;
  }

  .l_news_header {
    height: 13vw;
    padding: 10px;
    font-size: calc(38px + 38 * ((100vw - 750px) / 750));
  }

  .l_news_header:before {
    content: "";
    background-size: contain;
    width: 6.35vw;
    height: 6.35vw;
    position: relative;
    top: 0;
    margin-right: 1.25vw;
  }

  .c_news_type01 {
    max-height: 46vw;
    font-size: calc(28px + 28 * ((100vw - 750px) / 750));
  }

  .c_news_type01 dt,
  .c_news_type01 dd {
    padding: 2.1vw 2.6vw;
  }

  .c_news_type01 dt {
    float: none;
    clear: left;
    padding-bottom: 0px;
  }

  .c_news_type01 dd {
    word-wrap: break-word;
    padding-top: 0px;
    border-bottom: 1px dashed #aaa;
  }

  .c_news_type01 dd:not(:first-of-type) {
    border-top: unset;
  }

  .c_news_type01 dd:last-of-type {
    margin-bottom: 2.5vw;
  }

  /*----------------------------------------------
  .l_contact_area
  ---------------------------------------------*/
  .l_contact_area {
    padding: 5vw 2.6vw;
  }

  .l_footer_area .l_contact_area {
    padding: 0vw 2.6vw;
  }

  .l_contact_area .c_contact_header {
    font-size: unset;
  }

  .l_contact_area .c_contact_header,
  .l_contact_area .c_contact_details {
    padding: 1vw 1.6vw;
  }

  .l_contact_area .c_contact_type02:first-child {
    padding-left: 0;
  }

  .l_contact_area .l_double {
    display: flex;
    flex-direction: column;
  }

  .c_contact_type02 .c_contact_header {
    font-size: calc(30px + 30 * ((100vw - 750px) / 750));
    font-weight: bold;
  }

  .c_contact_type02 .c_contact_details {
    line-height: 1.5;
    font-size: calc(27px + 27 * ((100vw - 750px) / 750));
  }

  .c_contact_type03 {
    padding: 0;
    position: relative;
  }

  .c_contact_type03:first-child:after {
    content: none;
  }

  .c_contact_type04 .c_contact_header {
    display: block;
  }


  .l_contact_area .c_contact_footer .c_contact_header,
  .l_contact_area .c_contact_footer .c_contact_details {
    padding: 0;
  }

  .c_contact_footer .c_contact_header {
    margin-bottom: 5px;
    font-size: calc(30px + 30 * ((100vw - 750px) / 750));
  }

  .c_contact_footer .c_contact_details {
    font-size: calc(27px + 27 * ((100vw - 750px) / 750));
  }

  /*----------------------------------------------
  .l_double
  ---------------------------------------------*/
  .l_double {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .l_double>* {
    width: 100% !important;
  }

  .l_double>*:first-child {
    padding-left: 0;
    margin-bottom: 3.5vw;
  }

  #sample .l_double02 {
    display: unset;
  }

  #sample .l_double02>* {
    width: 100% !important;
  }

  #sample .l_double02>* {
    margin-bottom: 3.97vw;
  }

  #sample section:nth-of-type(4) .l_double {
    display: block !important;
  }

  #sample section:nth-of-type(4) .l_double>div {
    width: 49% !important;
    display: inline-block !important;
  }

  /*----------------------------------------------
    .l_double_table
  ---------------------------------------------*/
  .l_double_table .c_table_type01 th {
    width: auto;
  }

  .l_double_table .c_table_type01:first-child th,
  .l_double_table .c_table_type01:first-child td {
    border-right: none;
  }

  /*----------------------------------------------
  .l_copyright
  ---------------------------------------------*/
  .l_copyright {
    font-size: calc(24px + 24 * ((100vw - 750px) / 750));
  }

  /*----------------------------------------------
  .l_pagetop
  ---------------------------------------------*/
  .l_pagetop img {
    width: 12.5vw;
  }

  .l_pagetop {
    position: fixed;
    right: 2.6vw;
    z-index: 99;
    bottom: 13vw;
  }

  .l_pagetop.attached {
    position: absolute;
    bottom: 90vw;
    right: 2.6vw;
  }

  .l_pagetop.is_en.attached {
    bottom: 95vw;
  }
  .slider_box {
    display:block!important;
    height: 70vw!important;
  }
  
.slider_box img{
  margin: auto;
  padding-top: 10px;
  position: relative;
  justify-content: center;
}
  .slider_txt{
  margin: 0 20px 0 20px;
  padding: 10px;
  text-align: center;
}
  
  .l_bnr_area .slick-list .slick-track{
    grid-template-columns: 1fr;
  }
  /*----------------------------------------------
  .c_nav_type01
  ---------------------------------------------*/
  .c_nav_type01 {
    box-shadow: none;
    overflow-y: scroll;
  }

  .c_nav_type01 li a,
  .c_nav_type01 li span,
  .c_nav_type01 li.c_nav_type01_li {
    padding: 4.5vw 2.6vw;
    font-size: unset;
  }

  .c_nav_type01 li:hover > a,
  .c_nav_type01 li.active > a,
  .c_nav_type01 li.c_nav_type01_li:hover,
  .c_nav_type01 li.c_nav_type01_li.active{
    flex-direction: column;
    align-items: flex-start;
  }

  .c_nav_type01 li.c_nav_type01_li:hover{
    padding: 4.5vw 2.6vw;
    background: unset;
    font-weight: normal;
  }
  .c_nav_type01 li.c_nav_type01_li:hover::before{
    content: none;
  }
  .c_nav_type01 li.c_nav_type01_li:hover.open::before{
    content: "";
    width: 27px;
    aspect-ratio: 55/51;
    background-image: url(../images/nav_active_arrow.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain;
    margin-right: 3px;
    position: absolute;
    left: 5px;
  }
  .c_nav_type01 li.c_nav_type01_li.active,
  .c_nav_type01 li.c_nav_type01_li.open{
    background-color: #FF8B64;
    padding-left: 35px;
    font-weight: bold;
  }


  /* .c_nav_type01 li.c_nav_type01_li.open::before {
    content: "";
    width: 27px;
    aspect-ratio: 55/51;
    background-image: url(../images/nav_active_arrow.png);
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain;
    margin-right: 3px;
    position: absolute;
    left: 5px;
  } */

  .c_nav_type01 li:first-child a,
  .c_nav_type01 li:first-child span {
    border-top: 1px solid #DFDFDF;
  }

  .c_nav_type01 li:last-child a,
  .c_nav_type01 li:last-child span {
    border-bottom: 1px solid #DFDFDF;
  }

  .c_nav_type01_lang {
    padding-top: 14vw;
  }

  .c_nav_type01_lang li a,
  .c_nav_type01_lang li span {
    padding: 4.5vw 2.6vw;
    font-size: unset;
  }

  .menu {
    position: relative;
    left: -2.6vw;
    top: 5vw;
    width: calc(100% + 5vw);
    font-weight: normal;
  }
  
 .c_nav_type01 li a span.is_balloon1 {
    position: absolute;
    left: 245px;
  }
 .c_nav_type01 li a span.is_balloon1::before {
    top: 50%;
    left: -12px;
    margin-top: -7px;
    border: 7px solid transparent;
    border-right: 7px solid #ff0000;
  }
 .c_nav_type01 li span.is_balloon2 {
    left: 250px;
    }
 .c_nav_type01 li span.is_balloon2::before {
    border: 7px solid transparent;
    border-right: 7px solid #ff0000;
    right: 99px;
  }

  .c_nav_type01 li.c_nav_type01_li.active .menu,
  .c_nav_type01 li.c_nav_type01_li.open .menu{
    left: -35px;
    width: calc(100% + 50px);
  }
  .menu ul li span{
    background: none;
  }
  .c_nav_type01 li.registration a {
    padding: 6vw 0 ;
  }
  .c_nav_type01 li.registration a span.is_balloon1 {
    left: 60%;
  }
  .c_nav_type01 li.c_nav_type01_li.coi.sns.stay.nursery.info {
    padding: 4.5vw 2.6vw 21vw 2.6vw;
  }
  .c_nav_type01 li.c_nav_type01_li.coi.sns.stay.nursery.info p.ic_new_03::before {
    top: 6vw;
  }
  .c_nav_type01 li span.is_balloon2 {
    left: 60%;
    margin: 2vw
  }
  
  /*----------------------------------------------
  .c_ttl
  ---------------------------------------------*/
  .c_ttl_type01 {
    font-size: calc(5rem + 50 * ((100vw - 750px) / 750));
    padding: 2vw 2.5vw;
    margin: 0 2.6vw;
  }

  .c_ttl_type02 {
    padding: 1.1vw 2.2vw;
    font-size: calc(4.4rem + 44 * ((100vw - 750px) / 750));
  }

  .c_ttl_type03 {
    font-size: calc(3.8rem + 38 * ((100vw - 750px) / 750));
    padding: 3.5px 1.6vw;
  }

  .c_ttl_type04,
  .c_ttl_type04_02 {
    font-size: calc(3.4rem + 34 * ((100vw - 750px) / 750));
    padding-bottom: 0;
  }

  .c_ttl_type05 {
    font-size: calc(3.2rem + 32 * ((100vw - 750px) / 750));
  }

  .c_btn_two {
    grid-template-columns: auto;
    row-gap: 15px;
  }

  /*----------------------------------------------
  .c_btn
  ---------------------------------------------*/
  .c_btn_type01 {
    padding: 6vw;
    width: 80vw;
    font-size: calc(30px + 30 * ((100vw - 750px) / 750));
  }

  .c_btn_type01.is_word::before,
  .c_btn_type01.is_excel::before,
  .c_btn_type01.is_ppt::before,
  .c_btn_type01.is_pdf::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4.3vw;
    height: 5.3vw;
    margin: auto 0;
    vertical-align: middle;
    right: 2vw;
  }

  .c_btn_type01.is_word::before {
    background-size: 100%;
  }

  .c_btn_type01.is_excel::before {
    background-size: 100%;
  }

  .c_btn_type01.is_ppt::before {
    background-size: 100%;
  }

  .c_btn_type01.is_pdf::before {
    background-size: 100%;
  }

  .l_button_double .c_btn_type01:first-of-type {
    margin-bottom: 2.65vh;
  }
  .c_btn_type01.is_w210,
  .c_btn_type01.is_w250,
  .c_btn_type01.is_w270,
  .c_btn_type01.is_w320,
  .c_btn_type01.is_w400 {
    width: 100%;
  }

  /*----------------------------------------------
  .c_list_type01
  ---------------------------------------------*/
  .c_list_type01 li:before {
    position: absolute;
    width: 2.25vw;
    top: 0;
    font-size: calc(2rem + 20 * ((100vw - 750px) / 750));
    text-align: center;
  }

  .c_list_type01.is_triangle li:before,
  .c_list_type01.is_diamond li:before,
  .c_list_type01.is_square li:before,
  .c_list_type01.is_disc li:before,
  .c_list_type01.is_triangle li:before,
  .c_list_type01.is_diamond li:before {
    top: 2vw;
  }

  .c_list_type01.is_triangle li,
  .c_list_type01.is_diamond li,
  .c_list_type01.is_square li,
  .c_list_type01.is_disc li,
  .c_list_type01.is_triangle li,
  .c_list_type01.is_diamond li {
    padding-left: 2.5vw;
  }

  .c_list_type01.is_decimal li {
    padding-left: 7vw;
  }

  .c_list_type01.is_decimal li:before {
    min-width: 1.5em;
    font-size: calc(29px + 29 * ((100vw - 750px) / 750));
  }
  .c_list_type01.is_decimal ul.is_decimal_disc li::before { 
    min-width: 6px;
  }

  /*----------------------------------------------
  .c_table_type01
  ---------------------------------------------*/
  .c_table_type01 th {
    text-align: left;
  }

  .c_table_type01:not([class*="is_same_pc"]) th,
  .c_table_type01:not([class*="is_same_pc"]) td {
    width: 100%;
    display: block;
  }

  .c_table_type01 th,
  .c_table_type01 tr:not(:last-of-type) td {
    border-bottom: none;
  }
  .c_table_type01.is_w01 {
    width: 100%;
  }

  .u_table_wrap .c_table_type01 + .c_table_type01 th{
    width: 56.17px
  }
  .u_table_wrap .c_table_type01 + .c_table_type01 tr:first-child{
    border-top: none;
  }

  /*----------------------------------------------
	.c_table_type06
  ---------------------------------------------*/
  #program .c_table_type06 tr th, #program .c_table_type06 td {
    padding-bottom: 5px;
  }
  #program .c_table_type06 td.person {
    flex-direction: column;
  }

  /*----------------------------------------------
  .c_table_scroll
  ---------------------------------------------*/
  .c_table_scroll th,
  .c_table_scroll td {
    width: 100%;
  }

  /*----------------------------------------------
    .is_scroll
  ---------------------------------------------*/
  .is_scroll {
    width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
  }

  .is_scroll .c_table_type01 th,
  .is_scroll .c_table_type01 td {
    width: 100%;
    display: table-cell;
  }

  /*----------------------------------------------
  .c_box_type01
  ---------------------------------------------*/
  .c_box_type01 {
    padding: 2.25vw;
  }

  .c_box_type01_header {
    font-size: calc(2.8rem + 28 * ((100vw - 750px) / 750));
  }
  
  .c_box_type01.is_w50 {
        width: 100%;
    }
  /*----------------------------------------------
  .c_box_type02
  ---------------------------------------------*/
  .c_box_type02 {
    padding: 2.25vw;
  }

  .c_box_type02_header {
    font-size: calc(2.8rem + 28 * ((100vw - 750px) / 750));
  }

  /*----------------------------------------------
  .c_box_type03
  ---------------------------------------------*/
  .c_box_type03 {
    padding: 2.25vw 2vw;
  }

  /*----------------------------------------------
  .c_program_date
  ---------------------------------------------*/
  .c_program_date {
    font-size: 1.4rem;
    text-align: right;
    display: inline-block;
    width: 100%;
    padding: 0;
    padding-right: 1.6vw;
  }

  /*----------------------------------------------
  u_mab
  ---------------------------------------------*/
  .u_mab10,
  .u_sp_mab10 {
    margin-bottom: 1.32vh;
  }

  .u_mab15,
  .u_sp_mab15 {
    margin-bottom: 1.98vh;
  }

  .u_mab20,
  .u_sp_mab20 {
    margin-bottom: 2.65vh;
  }

  .u_mab25,
  .u_sp_mab25 {
    margin-bottom: 3.31vh;
  }

  .u_mab30,
  .u_sp_mab30 {
    margin-bottom: 3.97vh;
  }

  .u_mab40,
  .u_sp_mab40 {
    margin-bottom: 5.30vh;
  }

  .u_mab50,
  .u_sp_mab50 {
    margin-bottom: 7.95vh;
  }

  /*----------------------------------------------
  u_sp_mar
  ---------------------------------------------*/
  .u_sp_mar0 {
    margin-right: 0;
  }
 
  /*----------------------------------------------
  u_pal01
  ---------------------------------------------*/
  .u_pal01 {
    padding-left: 0;
  }

  /*----------------------------------------------
  miscellaneous
  ---------------------------------------------*/
  .u_pc {
    display: none !important;
  }

  .u_sp {
    display: block !important;
  }

  .u_pc.is_inline_block {
    display: none !important;
  }
  
  .u_sp.is_inline_block {
    display: inline-block !important;
  }

  .u_fs11 {
    font-size: calc(25px + 25 * ((100vw - 750px) / 750));
  }

  .u_fs12 {
    font-size: calc(26px + 26 * ((100vw - 750px) / 750));
  }

  .u_fs13 {
    font-size: calc(27px + 27 * ((100vw - 750px) / 750));
  }

  .u_fs14 {
    font-size: calc(28px + 28 * ((100vw - 750px) / 750));
  }

  .u_fs15 {
    font-size: calc(29px + 29 * ((100vw - 750px) / 750));
  }

  .u_fs16 {
    font-size: calc(30px + 30 * ((100vw - 750px) / 750));
  }

  .u_fs17 {
    font-size: calc(31px + 31 * ((100vw - 750px) / 750));
  }

  .u_fs18 {
    font-size: calc(32px + 32 * ((100vw - 750px) / 750));
  }

  .u_fs19 {
    font-size: calc(33px + 33 * ((100vw - 750px) / 750));
  }

  .u_fs20 {
    font-size: calc(34px + 34 * ((100vw - 750px) / 750));
  }

  .u_fs21 {
    font-size: calc(35px + 35 * ((100vw - 750px) / 750));
  }

  .u_fs22 {
    font-size: calc(36px + 36 * ((100vw - 750px) / 750));
  }

  .u_fs23 {
    font-size: calc(37px + 37 * ((100vw - 750px) / 750));
  }

  .u_fs24 {
    font-size: calc(38px + 38 * ((100vw - 750px) / 750));
  }

  a {
    line-break: anywhere;
  }
  
  /*----------------------------------------------
  u_flex
  ---------------------------------------------*/
  .u_flex.is_sp_column {
    flex-direction: column;
  }
  .u_flex {
    display: block;
  }
  .u_flex.is_sp_row {
    display: flex;
    flex-direction: row;
  }

  .c_greeting_prof {
    flex-direction: column-reverse;
    align-items: center;
  }

  .c_greeting_prof div:first-child {
    text-align: center;
  }
  
  .l_sponsor {
    margin: 2.6vw 0;
  }
  .l_twitter {
    margin: 2.6vw 2.6vw;
    width: 95%;
  }
  
  .c_w60 {
    width: 100%;
  }
  .c_w30 {
    width: 70%;
    margin: auto;
  }
  
  img.is_souvenirs_img,
  img.is_souvenirs_img_02 {
    width: 80%;
    height: 80%;
    margin: 0 10%;
  }
  
  .l_bnr_award img {
    margin: 2.6vw 2.6vw;
    width: calc(100% - 5.2vw);
    position: absolute;
    top: 65vw;
    left: 0;
  }
  .c_box_type04 {
    margin: 2.6vw 2.6vw;
    width: calc(100% - 5.2vw);  }

    .l_btn_ondemand img {
    margin: 2.6vw 2.6vw;
    width: calc(100% - 5.2vw);
    position: absolute;
    top: 105vw;
    left: 0;
  }
  .c_box_type04.l_poster_box .c_btn_type01 {
    margin-top: 9vw;
  }
  .c_box_type04.l_poster_box p.is_balloon2 {
    right: 1vw;
    bottom: 51%;
    width: 90vw;
    font-size: calc(18px + 18 * ((100vw - 750px) / 750));
  }
  .c_box_type04.l_poster_box p.is_balloon2.is_02 {
    right: 1vw;
    bottom: 15%;
    width: 90vw;
    font-size: calc(18px + 18 * ((100vw - 750px) / 750));
  }
  .c_box_type04.l_poster_box p.is_balloon2::before {
    content: "";
    position: absolute;
    top: 110%;
    left: 50%;
    border-style: solid;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 8px solid #ff0000;
    border-bottom: 0;
  }  
}

@media only screen and (max-width: 611px) {
  .slider_box {
    min-height: 120vw!important;
  }
}
@media only screen and (max-width: 484px) {
  .slider_box {
    min-height: 160vw!important;
  }
}

@media only screen and (max-width: 422px) {
  .slider_box {
    min-height: 220vw!important;
  }
}