/*============================
responsive.css
==============================*/
@media screen and (max-width: 1400px) {
    .slider_on {
        bottom: calc(0% + 13px);
        left: calc(75% + -10px);
    }
    .scroll_icon {
        bottom: -70px;
    }
    .footer_logo_img{
        top: 20px;
    }
}
@media screen and (max-width: 1300px) {
    .stage_btn_content {
        width: calc(95% / 3);
    }
    .top-bloc__content, .detail-bloc_wapper {
        width: 90%;
    }
    .sp {
        width: 80%;
    }
    .support_img_list_content {
        width: calc(96% / 2);
    }
    .support_name, .support_en .support_name {
        font-size: 25px;
    }
}
@media screen and (max-width: 1200px) {
    .nav_inner .all_nav, .page-nav {
        padding: 20px 0;
    }
}
@media screen and (max-width: 1100px) {
    .slider_on {
        left: auto;
        right: 1%;
        transform: translate(0, -50%);
    }
    .top-bloc.message {
        margin: auto;
    }
    .message_right {
        width: 100%;
        max-width: initial;
        padding: 80px 4%;
    }
    .mainMessage {
        width: 100%;
    }
    .message_right p {
        width: 50%;
        padding: 0;
    }
    .message_right:after {
        display: none;
    }
    .message_left {
        top: 65%;
    }
    address.l-footer-copyright {
        width: 50%;
    }
    .UTokyo_logo {
        width: 50%;
    }
    .footer_nav ul, .detail-bloc.main-content, .content_flex {
        flex-wrap: wrap;
    }
}
@media screen and (max-width: 1024px) {
    h2 {
        letter-spacing: .4rem;
        font-size: 35px;
    }
    .detal-page h1 {
        font-size: 40px;
    }
    .visual_on {
        right: auto;
        left: 50%;
        width: 90%;
        transform: translate(-50%, -50%);
    }
    .slider_on_h1 {
        letter-spacing: .2rem;
    }
    .sub-content h2 {
        font-size: 25px;
    }
    header {
        height: 76px;
    }
    main {
        margin-top: 76px;
    }
    .navArea {
        display: none;
    }
    .heaer_nav {
        display: none;
    }
    .slider_area {
        height: calc(100vh - 76px);
    }
    .slider_img {
        height:  calc(100vh - 76px);
        width: unset !important;
    }
    .slick-slide img {
        height: 100vh;
        position: relative;
        left: 50%;
        transform: translateX(-70%);
        width: auto;
        max-width: initial;
        margin: auto;
    }
    .slider_on {
        bottom: auto;
        top: 50%;
        left: 50%;
        right: auto;
        transform: translate(-50%, -50%);
        width: 100%;
        background: rgb(255 255 255 / 76%);
        padding: 5% 3% 7%;
    }
    .scroll_icon {
        display: none;
    }
    .page_en .toppage_title, .page_en .pamphlet_name_jp {
        font-size: 25px;
    }
    .icon_stage {
        width: 25%;
        margin-top: 0;
    }
    .number_icon {
        font-size: 150px;
    }
    .name {
        font-size: 15px;
    }
    .list_title_jp {
        font-size: 23px;
    }
    .enpage_list_title {
        font-size: 23px;
    }
    .viewmore.list_last {
        margin-top: 70px;
        width: 100%;
    }
    .list_style_box li{
        flex-wrap: wrap;
    }
    .pamphlet_name_jp {
        font-size: 30px;
    }
    .detail_sub_title {
        font-size: 25px;
    }
    .detail_list__sub__contents > li {
        font-size: 20px;
    }
}
@media screen and (max-width: 898px) {
    .sp {
        width: 100%;
    }
    .page-nav {
        display: none;
    }
    .detail-bloc_wapper {
        margin: 60px auto;
    }
    .mainMessage {
        font-size: 28px;
    }
    .page_en .toppage_title:before {
        left: 3%;
    }
    .page_en .toppage_title:after {
        right: 3%;
    }
    .stage_btn {
        display: block;
    }
    .stage_btn_content {
        width: 350px;
        margin: auto;
    }
    .stage_btn_content:nth-child(2) {
        margin: 30px auto;
    }
    .support_img_list_content {
        width: 100%;
    }
    .bg_img_spport img {
        width: 100%;
    }
    .list_date {
        width: 100%;
    }
    .news_list li {
        padding: 15px 80px 20px 4%;
        font-size: 16px;
    }
    .detailpage_list.list_style_box li {
        font-size: 16px;
        padding: 2%;
    }
    .arrow::before {
        right: 0;
        width: 30px;
    }
    .arrow::after {
        right: 0;
        width: 10px;
        top: -7px;
    }
    .footer_nav li {
        margin: 5px 0;
    }
    .detail-main_content {
        width: 100%;
        order: 1;
        flex: auto;
    }
    .main-img {
        width: 50%;
        order: 2;
    }
    .support_detail th {
        padding: 20px 20px 20px 0;
        font-size: 18px;
    }
    .support_detail td {
        width: 80%;
        padding: 20px 0;
    }
    .footer_logo_img {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .top-bloc {
        margin: 40px auto 75px;
    }
    .logo {
        width: 180px;
    }
    .slider_on_philosophy {
        font-size: 20px;
    }
    h2 {
        font-size: 30px;
    }
    .menu-trigger {
        width: 77px;
    }
    .menu-trigger p {
        display: none;
    }
    .sp li {
        font-size: 17px;
        padding: 8px 0;
    }
    .header_utokyo_logo {
        display: none;
    }
    .message_right p {
        width: 100%;
    }
    .message_left {
        width: 100%;
        position: relative;
        transform: none;
    }
    .viewmore a:before {
        width: 160px;
    }
    .viewmore a {
        font-size: 20px;
    }
    .copyright_area {
        flex-wrap: wrap;
    }
    address.l-footer-copyright {
        width: 100%;
        padding: 15px 0 15px 3%;
    }
    .UTokyo_logo {
        width: 100%;
        padding: 15px 3%;
        align-items: flex-start;
    }
    .UTokyo_logo:before {
        display: none;
    }
    .sub-content h2 {
        font-size: 20px;
        letter-spacing: .2rem;
        margin-bottom: 10px;
    }
    .detail_list__sub__contents {
        margin-bottom: 20px;
    }
    .detail_list__sub__contents > li {
        padding: 9px 2%;
        font-size: 15px;
    }
    .stage_icon li {
        width: 20px;
        height: 20px;
        font-size: 12px;
    }
    .text__stage_icon {
        display: block;
    }
    .inner_main-content_flex {
        flex-wrap: wrap;
    }
    .inner_main-content_flex p {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .inner_main-content_flex_img {
        margin-bottom: 20px;
    }
    .voice_img {
        width: 100px;
    }
    .voice_noimg {
        width: 100px;
        height: 100px;
    }
    .message_right {
        padding: 40px 4%;
    }
    .pamphlet_name_jp {
        font-size: 23px;
        letter-spacing: 1px;
    }
    .latest_pamphret {
        flex-wrap: wrap;
    }
    .pamphlet_right {
        width: 100%;
        margin-top: 30px;
    }
    .sub-content {
        margin: 60px auto;
    }
}
@media screen and (max-width: 600px) {
    .page_en .slider_on_philosophy, .page_en .mainMessage {
        font-size: 20px;
    }
    .btn-viewmore {
        width: 90%;
    }
    .slider_on {
        padding: 5% 8% 7%;
    }
    .slider_on_philosophy {
        font-size: 13px;
        letter-spacing: .3rem;
    }
    .toppage_title:before {
        left: 3%;
    }
    .toppage_title:after {
        right: 3%;
    }
    h3 {
        font-size: 23px;
    }
    .list_title_bloc {
        max-height: 236px;
        right: 0;
    }
    .support_detail th, .support_detail td, .support_en .support_detail th, .support_en .support_detail td {
        display: inline-block;
        width: 100%;
    }
    .support_detail th {
        padding: 10px 0 5px;
        border-bottom: 1px dotted #d1d1d1;
    }
    .support_detail td {
        padding: 6px 0 10px;
    }
    .visual_on {
        right: auto;
        left: 50%;
        width: 90%;
        transform: translate(-50%, -50%);
    }
    .detal-page h1 {
        font-size: 30px;
    }
    .detail_sub_title {
        font-size: 20px;
    }
    .main_visual {
        height: 200px;
    }
    .detail-bloc_wapper {
        margin: 40px auto;
    }
    .mainMessage {
        font-size: 25px;
    }
    .pamphlet_inner {
        flex-wrap: wrap;
    }
    .p_area_left {
        width: 100%;
    }
    .pamphlet_file {
        margin-top: 30px;
    }
    .latest_title {
        font-size: 20px;
    }
}
@media screen and (max-width: 400px) {
    h2 {
        font-size: 22px;
    }
    h3 {
        font-size: 20px;
    }
    .list_title_jp {
        font-size: 20px;
    }
    header {
        height: 50px;
    }
    .inner_header {
        height: 100%;
    }
    .logo {
        width: 48%;
    }
    .exchange {
        margin: 0;
    }
    .lang {
        width: 40px;
    }
    .menu-trigger {
        width: 50px;
    }
    .menu-trigger span:nth-of-type(1) {
        top: 4px;
    }
    .menu-trigger span:nth-of-type(2) {
        top: 15px;
    }
    .menu-trigger span:nth-of-type(3) {
        top: 26px;
    }
    .menu-trigger.active span:nth-of-type(1) {
        top: 20px;
    }
    .menu-trigger.active span:nth-of-type(3) {
        top: 36px;
    }
    .s_06 .accordion_one .accordion_header {
        padding: 11px 20px 0 10px;
    }
    .sp {
        padding: 38px 3% 50px;
    }
    nav .accordion_one ul {
        width: 100%;
        padding: 5% 0;
    }
    .sp li {
        font-size: 15px;
    }
    main {
        margin-top: 50px;
    }
    .support_name, .support_en .support_name {
        font-size: 20px;
    }
    .stage_btn_content {
        width: 100%;
    }
    .number_icon {
        font-size: 90px;
        top: -20px;
        left: 3px;
    }
    .mainMessage {
        font-size: 18px;
        line-height: 1.2;
    }
    .list_title_bloc {
        top: -113px;
    }
    .list_title_en {
        line-height: 1;
    }
    .viewmore a:before {
        width: 50px;
    }
    .h2_sub {
        font-size: 17px;
        letter-spacing: 1.5px;
    }
    .news_list li {
        padding: 15px 3% 20px 3%;
    }
    .arrow {
        top: 87%;
        right: 5%;
    }
}
/*============================
/*アコーディオン*/
==============================*/
  @media screen and (max-width: 1024px) {
    .s_06 .accordion_one .accordion_header {
      font-size: 18px;
    }
    .s_06 .accordion_one .accordion_header .i_box {
      width: 30px;
      height: 30px;
      margin-top: -15px;
    }
  }
  @media screen and (max-width: 767px) {
    .s_06 .accordion_one .accordion_header {
      font-size: 16px;
      text-align: left;
      padding: 15px 60px 15px 15px;
    }
  }