@charset "utf-8";

/*=================================================================================================================================*/
/** 個別指定 for スマートフォン
/*=================================================================================================================================*/

/*---------------------------------------------
 ** 780px
---------------------------------------------*/
@media screen and (max-width: 780px) {

  /* 追加設定 */

/*-------↓ designwork -------*/
.add_free{
text-align:left !important;
}

    .page_container .gmap iframe {
        height: 300px;
    }
    .h2_pagettl {
        padding: 20px 0;
        font-size: 2rem;
    }
    .page_container .h3_01 {
        font-size: 1.8rem;
    }
    .page_container .h3_02 {
        font-size: 1.8rem;
    margin: 60px auto 20px;
    }
    .page_container .h3_02:before,.page_container .h3_02:after {
        width: 60px;
    }
    .page_container .h3_02:before {left: -90px;}
    .page_container .h3_02:after {right: -90px;}
    
    .link01,.link02{
        width: 80%;
        margin: 0 auto 20px;
    }
    .link01:not(:last-child),.link02:not(:last-child) {
        margin-right: auto;
    }
    .link_box01,.link_box02 {
        display: block;
        margin: 40px auto 60px;
    }
    .link_box02{margin: 20px auto;}
    
    /*-------page-about-------*/
    .about_box dl {
        display: block;
    }
    .about_box dt {
        width: 100%;
        padding: 10px;
        font-weight: 500;
        display: block;
    }
    .about_box dd {
        padding: 16px;
        text-align: center;
    }
    .about_box ol {
        text-align: left;
        }
     /*-------page-donation-------*/
    .about_box .howtosend div:first-child {
        display: block;
    }
     /*-------↑ designwork -------*/

  .study_line h4 span{
  padding-right:0;
  }
  .study_line h4{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 120%;
    text-align: center;
    background:none;
  }
  
  .study_line h4:before,
  .study_line h4:after {
    content: '';
    width: 50px;
    height: 1px;
    background-color: #333;
  }
  
  .study_line h4:before {
    margin-right: 12px;
  }
  .study_line h4:after {
    margin-left: 12px;
  }
  

.year_ttl{
font-size:19px;
padding: 0 40px;
margin-top:-15px;
}


.rep_book_wrap{
margin-top:30px;
margin-bottom:40px;
margin-left:0;
margin-right:0;
}

.rep_book_ttl{
text-align:center;
margin-bottom:0;
}

.rep_book h4{
margin-bottom:15px;
background:#eaeff8;
margin-top:0;
padding:0.4em 0.8em;
text-align:center;
line-height:1.4;
}

.rep_book_img img{
width:auto;
height:auto;
max-width:100%;
display:block;
margin-left:auto;
margin-right:auto;
}

.rep_book_img{
width:100%;
margin-top:20px;
}

.rep_book_txt{
width:100%;
}

.rep_book{
display: flex;
flex-wrap: wrap-reverse;
justify-content:space-between;
}

.rep_book_txt p{
padding-left:5%;
padding-right:5%;
}

.rep_book_txt dl{
padding-left:5%;
padding-right:5%;
display: flex;
flex-wrap: wrap !important;
justify-content:space-between;
}

.rep_book_txt dt{
width:24%;
margin-bottom:5px;
}

.rep_book_txt dd{
width:73%;
margin-bottom:5px;
}





  /*---------------------------------------------
	body
---------------------------------------------*/
  html {
    scroll-behavior: smooth;
  }

  body {
    font-size: 13px;
    line-height: 1.8;
    border: none;
  }

  .hover:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: 'alpha( opacity=100 )';
  }

  .only_pc {
    display: none;
  }

  .only_pc_inline {
    display: none;
  }

  .only_pc_line {
    display: none;
  }

  .only_sp {
    display: block;
  }

  .only_sp_inline {
    display: inline-block;
  }

  .sp_br {
    display: inline;
  }

  .sp480_br {
    display: none;
  }

  .pc_br {
    display: none;
  }

  /*画像*/
  img {
    max-width: 100%;
    height: auto;
  }


  /*---------------------------------------------
 ** スマホメニュー
---------------------------------------------*/
  #header_pc {
    display: none;
  }

  #header_sp {
    height: 70px;
    display: block;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    border-top: 6px solid #003c88;
    border-bottom: solid 1px #003c88;
    z-index: 999;
    background: #fff;
  }

  #header_sp::after {
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    background: #003c88;
    position: absolute;
    bottom: -4px;
  }

  #header_sp h1 {
    max-width: 200px;
    margin: 15px auto 0;
  }

  .hamburger {
    display: block;
    position: absolute;
    z-index: 3;
    right: 5px;
    top: 10px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    text-align: center;
    z-index: 99999;
  }

  .hamburger span {
    display: block;
    position: absolute;
    width: 25px;
    height: 3px;
    left: 10px;
    background: #003c88;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
  }

  .hamburger span:nth-child(1) {
    top: 12px;
  }

  .hamburger span:nth-child(2) {
    top: 21px;
  }

  .hamburger span:nth-child(3) {
    top: 30px;
  }


  .hamburger.active span:nth-child(1) {
    top: 20px;
    left: 10px;
    background: #003c88;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
  }

  .hamburger.active span:nth-child(2),
  .hamburger.active span:nth-child(3) {
    top: 20px;
    background: #003c88;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
  }

  .mm-wrapper_opened #menu {
    display: block;
  }

  .mm-panel {
    background: #d0dcec !important;
  }

  .mm-navbar {
    color: #fff !important;
  }

  .mm-slideout {
    cursor: pointer;
    z-index: 3;
  }

  .mm-navbar {
    background: #013474;
  }

  .mm-navbar a {
    color: #fff !important;
  }


  .mm-listitem {
    background: #003c88 !important;
  }

  .mm-menu a,
  .mm-menu a:active,
  .mm-menu a:hover,
  .mm-menu a:link,
  .mm-menu a:visited {
    color: #fff;
  }

    #sp_nav_foot_block{
    display: none;
  }

  .mm-wrapper_opened #sp_nav_foot_block{
    width:100%;
    height:105px;
    display: block;
    background:#d0dcec !important;
    position:fixed;
    bottom:5px;
    left:0;
    z-index:999;
  }
  #sp_nav_foot {
    width: 180px;
    margin: 0 auto;
    z-index:999;
  }
  
  #sp_nav_foot ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
  }

  #sp_nav_foot li {
    width: 14%;
  }

  #sp_nav_foot li.icon_small {
    width: 9%;
    margin-bottom: 3px;
  }

  #sp_nav_foot li.icon_wide {
    width: 16%;
  }

  #sp_nav_foot li a {
    display: block;
  }

  #menu {
    margin-top: 70px;
    z-index: 2;
  }
.mm-wrapper_opened #menu {
    margin-bottom:40px;
  }

  #main {
    width: 90%;
    margin: 0 auto 12px;
    position: relative;
    padding-top: 75px;
  }

  .slide2 .slick-arrow {
    width: 12px;
    right: -5px;
  }

  .slide2 .prev-arrow {
    width: 12px;
    left: -5px;
  }

  .slide2 .prev-arrow:hover {
    transform: translateX(0);
  }

  .slide2 .next-arrow:hover {
    transform: translateX(0) scale(-1, 1);
  }

  #top_news .top_news_list dl dd {
    width: calc(97% - 165px);
    margin-left: 80px;
  }

  #top_news .top_news_list dl dd span {
    width: 70px;
    left: -70px;
  }

  .top_news_btn ul li {
    width: 32%;
  }

  .top_news_data .top_news_btn li a img {
    top: 14px;
  }

  #top_other h2 {
    padding: 4% 0;
  }

  .top_other_ban dl.top_beginner>a dd {
    padding-bottom: 80px;
  }

  .top_other_ban dl>a>img {
    bottom: 20px;
  }


  #top_school {
    padding: 5% 5% 330px 5%;
    background: url(../img/top_school_n.jpg) no-repeat center bottom 80px #fff7f8;
    background-size: 320px auto;
    margin-bottom: 7%;
  }

  #top_school h2 {
    width: 90%;
    max-width: 340px;
  }

  #top_school>div h3 {
    font-size: 200%;
    text-align: center;
  }

  #top_school>div p,
  #top_school ul {
    max-width: 500px;
    padding-right: 0;
    margin: 2% auto;
  }

  #top_school ul li {
    width: 100%;
  }

  #top_school>div a {
    width: 90%;
    max-width: 320px;
    position: absolute;
    bottom: 20px;
    right: 0;
    left: 0;
    margin: 0 auto;
  }




  #side_btn a {
    width: 52px;
    top: auto;
    bottom: 120px;
    right: -12px;
  }

  #page-top a {
    width: 20px;
  }

  .foot_l {
    width: 100%;
  }

  .foot_l p {
    font-size: 80%;
  }

  .foot_r {
    width: 90%;
  }

  .foot_r ul {
    width: 90%;
    max-width: 430px;
    margin: 0 auto;
  }

  .foot_r ul li:first-child::before {
    left: -16px;
    height: 16px;
    top: 1px;
  }

  .foot_r ul li::after {
    right: -15px;
    height: 16px;
    top: 1px;
  }

  #performance_list h3 {
    width: 150px;
    font-size: 130%;
    padding-bottom: 7px;
    margin: -2% auto 3%;
  }

  #performance_list>div {
    width: 100%;
  }

  .performance_wide_blue {
    padding: 5% 0 5%;
  }

/*   #performance_study {
    padding: 5% 0 2%;
  } */
/* 変更 */
#performance_study {
  padding: 5% 3% 2%;
}

  #performance_cast {
    padding: 5% 0 5%;
    margin-bottom: 8%;
  }

  #performance_original {
    padding: 5% 0 2%;
  }

  #performance_staff {
    padding-bottom: 5%;
  }

  .staff_list {
    max-width: 400px;
  }
  .p_list_data .performance_ticket a.btn_blue_arrow>img {
    top: 16px;
  }

  .staff_list_dl {
    width: 100%;
  }

  .staff_list_dl dt {
    width: 170px;
  }

  .staff_list_dl dd {
    width: calc(100% - 170px);
  }

  #performance_notice {
    padding: 5% 0 2%;
  }

  #performance_footer {
    padding: 5% 0 2%;
  }


  .cast_block {
    margin-bottom: 5%;
  }

  .cast_dl dl {
    width: 30%;
    margin-bottom: 5%;
  }

  .cast_leading dl {
    width: 44%;
    margin: 0 2% 5%;
  }

  .cast_dl dt {
    margin-bottom: 5px;
  }

  #performance_movie h3::before,
  #performance_movie h3::after,
  #performance_story h3::before,
  #performance_story h3::after,
  #performance_cast>div h3::before,
  #performance_cast>div h3::after,
  #performance_staff h3::before,
  #performance_staff h3::after {
    width: calc(50% - 60px);
  }

  #news_list_all {
    margin-top: 0;
  }

  #news_list_all #main {
    width: 100%;
    margin: 0 0 3%;
  }

  #news_list_all #main h2 {
    width: 38%;
    max-width: 170px;
    margin: 0 auto 3%;
  }

  #news_list_all #content {
    width: 100%;
    margin-bottom: 3%;
  }

  #news_list_all .top_news_list {
    margin-bottom: 5%;
  }

  #news_list_all .top_news_btn {
    margin-top: 5%;
  }
  .press_list dl dt,
   .award_list dl dt{
    width: 80px;
  }
  .press_list dl dd,
  .award_list dl dd{
    width:calc(100% - 80px);
  }

  .begin01 dl dt {
    width: 85px;
  }
  .begin03 h3 span::before{
    left:-110px;
  }
  .begin03 h3 span::after{
    right:-110px;
  }
  .begin_kids {
    margin: 20px auto 8%;
  }
  .begin_kids .icon_kids {
    top: -10%;
  }
  .begin_kids .point_kids {
    width: 18%;
    max-width: 120px;
    top:-18%;
  }
  .begin_kids p, .begin_lesson p{
    text-align: left;
  }
  .begin_kids p .br_none, .begin_lesson p .br_none{
    display: none;
  }

  .member_box h3,
  .member_other h3{
    font-size:140%;
    text-align: center;
  }
  .member_box>p {
    text-align: center!important;
  }
  .member_box.flex4_center dl {
    width: 38%;
  }
  .member_box.flex5_left>div{
    justify-content: center;
  }
  .member_box.flex5_left dl {
    width: 31%;
  }
  .member_other>div {
    display: block;
    justify-content: center;
    align-items: flex-start;
    text-align: center;
  }
  .member_other>div dl{
    justify-content: center;
  }
  .member_other>div dl::after {
    content:'';
    display: none;
  }
  .member_other>div dl dd{
    padding-left:10px;
  }


  .repertory_block>div{
    width:48%;
    margin:0 4% 4% 0;
  }
  .repertory_block>div:nth-child(3n){
    margin-right:4%;
  }
  .repertory_block>div:nth-child(2n){
    margin-right:0%;
  }
  .repertory_block>div a{
    padding:3% 0;
    background-color:none!important;
  }
  .repertory_block .arrow_detail_right{
    text-align: left;
  }
  .repertory_list_btn .btn_blue_arrow{
    font-size:120%;
    padding:7px 90px 7px 15px;
    text-align: left;
  }
  
  .repertory_kana{
    width:90%;
    max-width:500px;
  }
  .repertory_kana li{
    width:20%;
  }
  .repertory_kana li:nth-child(5) a::after{
    content:'';
    width:1px;
    height:20px;
    display: block;
    background:#333;
    position:absolute;
    top:5px;
    right:0;
  }
  .repertory_tbl table {
    width:95%;
    max-width: 500px;
    margin:0 auto 5%;
  }
  .repertory_tbl table .thead {
    display: none;
  }
  .repertory_tbl table tr {
    width: 100%;
  }
  .repertory_tbl table tr td {
    display: block;
    text-align: left;
    width: 100%;
    padding:5px 15px 8px;
    border-bottom:0;
    position:relative;
    line-height:1.6;
  }
  .repertory_tbl table tr td:first-child {
    background: #e5ebf3;
    text-align: left;
  }
  .repertory_tbl table tr td:before {
    content: attr(data-label);
    display: block;
    margin-right: 10px;
    width:100px;
    text-align: center;
    color:#003c88;
    position:absolute;
    left:0;
    top:5px;
  }
  .repertory_tbl table tr td:after {
      content:":";
      display: inline-block;
      position:absolute;
      left:95px;
      top:3px;
  }
  .repertory_tbl table tr td:last-child {
    margin-bottom:5%;
  }

  .repertory_accordion h4{
    font-size:130%;
    font-weight: 500;
    text-align: center;
    margin:0 auto 2%;
  }
  .repertory_accordion h4::before{
    width:100%;
    top:auto;
    bottom:-5px;
    right:0;
    left:0;
  }
  .repertory_look span{
    padding:0 3% 5% 3%;
  }


  .repertory_look span::before{
    width: 20px;
    height: 20px;
    left: 37%;
  }
  .repertory_look.close span::before{
  left: 38%;
  bottom: -30px;
  }
  .repertory_tbl table tr td span{
    padding-left:100px;
    display: inline-block;
  }
  .repertory_detail_data h4 {
    font-size: 140%;
    margin: 4% auto 4%;
  }
  .repertory_detail_data h4 br{
    display: inline;
  }  

  .repertory_detail_data01>div{
    width:100%;
  }
  .repertory_detail_data01>img {
    width: 100%;
    max-width:500px;
    margin:0 auto;
  }
  .repertory_detail_data_w>div>div{
    width:100%;
    max-width:500px;
    margin:2% auto 3%;
  }
  .repertory_detail_data_w>div>img{
    width: 100%;
    max-width:500px;
    margin:0 auto;
  }
  .repertory_page_link{
    text-align: center;
  }
  .social_program_data{
    max-width:550px;
    margin:0 auto 5%;
  }
  .social_program_data>div:nth-child(1){
    width:100%;
  }
  .social_program_data>div:nth-child(1){
    width:100%;
  }
  .social_program_data>div:nth-child(2){
    width:100%;
  }
  .social_program_data>div:nth-child(1) h5 {
    text-align: center;
  }
  .social_program_data>div:nth-child(1) h5 br{
    display: inline;
  }

  .social_mime{
    padding:5% 5%;
    margin:5% auto 3%;
  }
  .social_mime_data >div:nth-child(1){
    width:100%;
  }
  .social_mime_data >div:nth-child(1) h5{
    text-align: center;
    margin:4% 0 2%;
  }
  .social_mime_data >div:nth-child(1) h5 br{
    display: inline;
  }

  .social_mime_data >div:nth-child(2){
    width:100%;
    max-width:400px;
    margin:0 auto;
  }
  
  .special_read p{
    text-align: left;
  }
  .spe_tokuten{
    max-width:600px;
  }
  .spe_tokuten>div{
    width: 48%;
    margin: 50px 1% 3%;
    position: relative;
    border: 1px solid #003c88;
    padding: 30px 2% 2%;
  }

  .history_person>div {
    width: 90%;
    max-width:400px;
    margin:0 auto 5%;
  }
  .history_person>div dl dt{
    font-size:130%;
    line-height:1.5;
  }

  .year_block>div {
    width: calc(50% - 40px);
  }
  img.year_left{
    width:45px;
    right:-74px;
    border:10px solid #fff;
    box-sizing: content-box;
    top:-5px;
  }
  img.year_right{
    width:45px;
    left:-70px;
    border:10px solid #fff;
    box-sizing: content-box;
    top:-5px;
  }
  .year_you {
    width: 40px;
  }
  .p_year_left {
    width:45px;
    right:-71px;
    border:7px solid #fff;
    box-sizing: content-box;
    top:-5px;
  }
  .p_year_right{
    width:45px;
    left:-68px;
    border:7px solid #fff;
    box-sizing: content-box;
    top:-5px;
  }
  .y1960 {
    width: 65px;
  }

  .year_block p br{
    display: none;
  }
  .img1952 img {
    max-width: 80px;
  }
  .year_attack dl {
    width: calc(50% - 55px);
  }
  .year_attack dl dt{
    width:100%;
    text-align: center;
    margin-bottom:5px;
  }
  .year_attack dl dd{
    width:100%;
  }
  .year_attack{
    padding:3%;
  }
  .year_attack>img {
    width: 85px;
  }
  .y1962 {
    width: 65px;
  }
  .y1963>img {
    width: 45px;
  }
  .year_attack>picture>img {
    width: 90px;
  }
  #group_all #main{
    margin-bottom:6%;
  }
  .group_case{
    max-width:500px;
  }
  .group_case>div>img{
    width:100%;
    max-width:400px;
    margin:0 auto 5%;
  }
  .group_case>div>div {
    width: 100%;
  }
  .group_voice>div{
    justify-content: space-between;
  }
  .group_voice>div dl{
    width:48%;
    margin-right:0!important;
  }
  .his02_year>img{
    width:120px;
    left:-80px;
  }
  .history_chart02 {
    width: calc(100% - 80px);
    margin-left: 80px;
  }
  .history_col_btn li a img{
    top:16px;
  }


  @media screen and (max-width: 680px) {
    .top_news_list dl dd {
      width: 100% !important;
      margin-top: 5px !important;
      margin-left: 0 !important;

    }

    .top_news_list dl dd span {
      top: -28px !important;
      left: 110px !important;
    }

    .top_news_btn ul {
      width: 500px;
      margin: 0 auto;
    }

    .top_news_btn ul li {
      width: 49%;
    }

    .top_news_btn li a {
      margin-bottom: 10px;
    }

    .top_news_data .top_news_btn li a img {
      top: 16px;
    }

    .top_history a {
      font-size: 110%;
      padding: 30px 5%;
    }

    .top_history a span {
      font-size: 150%;
    }

    .top_history a img {
      width: 90px;
      padding: 0px 0 0 280px;
    }

    .top_about_menu {
      position: relative;
    }

    .top_about_menu::before {
      content: '';
      width: 100%;
      height: 1px;
      background: #b4c4e0;
      display: block;
      position: absolute;
      top: 50%;
      left: 0;
      right: 0;
      margin: 0 auto;
    }


    .top_about_menu ul {
      width: 90%;
      margin: 0 auto 5%;
    }

    .top_about_menu ul li {
      width: 50%;
    }

    .top_about_menu ul li:nth-child(1) {
      margin-bottom: 30px;
    }

    .top_about_menu ul li a {
      border-left: 1px solid #b4c4e0;
      border-right: none;
      padding: 5px 5% 40px 25px;
    }

    .top_history a {
      font-size: 110%;
      padding: 30px 5%;
    }

    .top_about_ban a>img {
      width: 45%;
      height: 135px;
    }

    .top_about_ban a>div {
      padding: 20px 10px 60px 30px;
    }

    .top_other_ban dl>a dt {
      width: 80%;
      top: -235px;
    }

    .top_other_ban dl>a dd {
      padding-top: 80px;
    }

    .top_other_ban dl>a>img {
      width: 90px;
      right: 25px;
    }

    .perform_detail_r>div:last-child {
      text-align: center;
    }

    .perform_detail_btn a {
      width: 280px;
      margin: 1% auto 2%;
      text-align: left;
    }

    #news_list_all .top_news_btn ul {
      width: 100%;
    }

    .his02_y1990_02>h5,
    .his02_y2020>h5{
      background:#3061b7;
      font-size:150%;
      color:#fff;
      padding:12px 15px;
      top:35px;
      text-align: center;
    }
    .his02_y1990_02>h5 span,
    .his02_y2020>h5 span{
      display: block;
      position:relative;
      margin-left:0;
      margin-top:30px;
      font-size:80%;
    }
    .his02_y2020>h5 span::before,
    .his02_y1990_02>h5 span::before{
      width:20px;
      height:25px;
      background:url(../img/history02/arrow_y1995_sp.png) no-repeat top left;
      background-size:100% auto;
      top:-25px;
      left:0;
      right:0;
      margin:0 auto;
    }
    .his02_y1990_02{
      padding-top:120px;
    }
    .his02_y2020_02{
      padding-top:150px;
    }
    .his02_y2020_02>h5 {
      top: 115px;
    }
    



  }
  @media screen and (max-width: 630px) {
    .begin_photo p{
      text-align: left;
    }
    .begin_photo p .br_none{
      display: none;
    }
    .group_scene_block>div {
      width: 100%;
      max-width:320px;
      padding:30px 2% 15px;
      margin: 0 0 5%;
    }
    .group_point>div>dl dt{
      text-align: center;
    }

  }

  @media screen and (max-width: 580px) {
    #top_news .top_news_btn ul {
      width: 260px;
    }

    #top_news .top_news_btn ul li {
      width: 100%;
    }

    #top_news .top_news_btn li a {
      margin-bottom: 8px;
      padding: 4% 3% 5% 11%;
    }

    .top_news_data .top_news_btn li a img {
      top: 14px;
    }

    .foot_r ul {
      width: 90%;
      max-width: 280px;
    }

    .foot_r ul li {
      width: 50%;
      text-align: center;
      margin-bottom: 2%;
    }

    .foot_r ul li:first-child::before {
      left: -10px;
      height: 10px;
      top: 1px;
    }

    .foot_r ul li::after {
      right: 0px;
      height: 10px;
      top: 1px;
    }

    .foot_r ul li:nth-child(2n+1):before {
      content: '';
      width: 1px;
      height: 15px;
      display: block;
      background: #003c88;
      position: absolute;
      left: -3px;
      height: 10px;
      top: 1px;
    }

    .foot_l {
      margin: 10px auto 0;
    }

    #foot_inner {
      padding-bottom: 15px;
    }

    .select_year li {
      width: 33.333%;
    }

    #news_list_all .top_news_btn ul {
      max-width: 290px;
    }

    #news_list_all .top_news_btn ul li {
      width: 100%;
    }
    .begin01 .read{
      text-align: left;
    }
    .begin01 .read .br_none{
      display: none;
    }
    .special_read h3 br{
      display: inline;
    }
    .history_col_btn{
      width:75%;
      max-width:350px;
      margin:0 auto 5%;
    }
    .history_col_btn li{
      width:100%;
      margin:0 auto;
    }
    .history_col_btn li a{
      padding:4% 3% 4% 9%;
      margin-bottom:10px;
    }
    .history_current {
      padding: 35px 0 40px;
      margin-bottom:50px;
      font-size:120%;
    }
    .history_current > p span{
      text-align: center;
      margin-bottom:10px;
      font-size:120%
    }
    .history02_data h4 span::before,
    .history02_data h4 span::after{
      width:60px;
    }
    .history02_data h4 span::before{
      left:-80px;
    }
    .history02_data h4 span::after{
      right:-80px;
    }
    .history_chart02 {
      width: 100%;
      margin-left: 0;
      position:relative;
      border-left:none;
    }
    .history_chart02::before {
      content:'';
      width:2px;
      height:calc(100% - 40px);
      display: block;
      background: #003c88;
      position:absolute;
      top:30px;
      left:12px;
    }
    .his02_year>img {
      width: 100px;
      position: absolute;
      top: -5px;
      left: -5px;
      display: block;
      background:#fff;
      padding:10px 0;
    }
    .his02_year>div dl{
      padding-left:20px;
    }
    .his02_year>div dl dt{
      display: none!important;
    }
    .his02_year>div dl dd{
      width:100%;
      position:relative;
      padding-left:45px;
    }
    .his02_year>div dl dd em{
      width:50px;
      display: inline-block;
      color: #003c88;
      font-style: normal;
      position:absolute;
      top:0;
      left:0;
    }
    .below1130{
      margin-left:-20px;
    }
    .below1130>img{
      padding-right:0;
    }
    .his02_accordion{
      width:100%;
      padding-right:0;
      margin-left:-25px!important;
    }
    .his02_title{
      width:110px;
    }
    .his02_title::before{
      top:3px;
    }
    .his02_title>span::after, .his02_title>span::before{
      top:4px;
    }
    .his02_year>h5{
      width:calc(100% + 10px);
      position:relative;
      margin-left:15px;
      top:auto;
    }
    .his02_year>h5 br{
      display: inline;
    }
    .his02_y1970{
      padding-top:40px;
    }

    .his02_y1970_02{
      padding-top:0px;
    }
    .his02_y1980 {
      padding-top: 40px;
    }
    .his02_y1980_02{
      padding-top:0;
    }
    .his02_y1980_03{
      padding-top:0;
    }
    .his02_y1990 {
      padding-top: 25px;
    }
    .his02_y1990_02 {
      padding-top: 20px;
    }
    .his02_y1990_03 {
      padding-top: 90px;
    }
    .his02_y2000>img{
      top:-10px;
    }
    .his02_y2010>img{
      top:-10px;
    }
    .his02_y2020{
      padding-top:40px;
    }
    .his02_y2020_02 {
      padding-top: 125px;
    }
    .his02_continue p {
      padding: 20px 20px 60px;
      position: absolute;
      top: 0px;
      left: -20px;
    }
    .below1130{
      width:calc(100% + 30px)!important;
      margin-left:-35px;
    }



  }

  @media screen and (max-width: 480px) {
    body {
      font-size: 1.2rem;
    }

    #main {
      padding-top: 73px;
    }

    .slick-dots {
      right: 10px;
      bottom: -25px;
    }

    .slick-dots li {
      width: 5px;
      margin: 0 22px;
    }

    .main_scroll {
      width: 12px;
      left: -20px;
    }

    #top_news h2 {
      margin-bottom: 5%;
    }

    #top_news .top_news_list dl a {
      padding: 4% 0;
    }

    #top_news .top_news_list dl dd span {
      top: -25px;
    }

    #top_news .top_news_list dl dd {
      margin-top: 3px
    }

    .top_history a {
      font-size: 110%;
      padding: 25px 5%;
    }

    .top_history a img {
      width: 70px;
      padding: 0px 0 0 250px;
    }

    .top_about_ban a>div img {
      width: 60px;
    }

    .top_about_menu ul li a img {
      bottom: 15px;
    }

    .top_about_ban a>div {
      padding: 15px 10px 60px 30px;
    }

    .top_about_ban a>img {
      height: 125px;
    }

    .top_about_menu ul li a {
      line-height: 1.5;
    }

    .top_other_ban dl>a dt {
      width: 320px;
      top: -210px;
    }

    .top_other_ban dl>a dd {
      padding-top: 60px;
    }

    #performance_all #main h2 {
      padding: 40px 0 30px;
    }

    .p_list_data>a {
      margin-bottom: 3%;
    }

    .p_list_data>a>img {
      width: 65%;
      margin: 0 auto 5%;
    }

    .p_list_data>a>div {
      width: 100%;
      text-align: center;
    }
    .p_list_data>a>div ul,
    .p_list_data>a>div dl,
    .p_list_data>a>div .sub_ttl,
    .p_list_data>a>div h4,
    .p_list_data>a>div .font_bold,
    .p_list_data>a>div .gothic{
      text-align: left;
    }
    .p_list_data>a .arrow_detail{
      margin-left:-20%;
    }
    .p_list_data>a .arrow_detail img {
      width: 50px;
      right: -65px;
  }

    .per_data_dl dt {
      width: 60px !important;
      font-weight: 500;
    }

    .per_data_dl dd {
      width: calc(95% - 60px) !important;
    }

    .p_list_data.p_pickup .sub_ttl {
      line-height: 1.4;
    }

    .p_list_data.p_pickup>a>img {
      width: 80%;
      margin: 0 auto 5%;
    }


    .p_list_data.p_pickup>a>div {
      width: 100%;
    }

    .p_list_data.p_pickup .sub_ttl {
      font-size: 110%;
    }

    .p_list_data.p_pickup h4 {
      font-size: 130%;
    }

    .per_icon li,
    .p_list_data .per_icon li{
      width: 120px !important;
      border-radius: 2px;
    }

    .p_pickup .per_icon li {
      width: 120px;
      font-size: 110%;
    }

    .cast_sanjo ul li {
      /* display: block; */
      display: inline-block;
    }

    #performance_study dl {
      max-width: 400px;
    }

    #performance_study dl dt {
      width: 90px;
      margin-bottom: 5px;
    }

    #performance_study dl dd {
      width: 100%;
      margin-bottom: 20px;
    }

    .study_line01 {
      padding: 15px 0 120px 0;
      background: url(../img/performance/2023/sleeping/line_qr.png) no-repeat bottom center;
      background-size: 100px auto;
      margin-bottom: 30px;
    }

    #performance_original ul li {
      width: 100%;
      padding-left: 3%;
      margin-bottom: 3px;
    }

    #performance_footer .organizer dt {
      width: 100px;
    }

    #performance_footer .organizer dd {
      width: calc(100% - 100px);
    }

    #performance_footer .logo01 {
      width: 90%;
      max-width: 320px;
      margin: 5% auto 7%;
    }

    #performance_footer .logo02 {
      max-width: 200px;
      text-align: center;
      display: block;
      margin: 0 auto;
    }

    #performance_footer .logo02 img {
      margin-bottom: 20px;
    }

    .sp480_br {
      display: inline!important;
    }

    #performance_footer .hall_data img {
      width: 80%;
      margin: 20px auto 10px;
    }

    .hall_data {
      text-align: center;
    }

    .hall_data p {
      text-align: center;
    }

    .text_back img {
      width: 35px;
      top: 5px;
    }

    .performance_wide_blue {
      padding: 7% 0;
    }

    .performance_wide_blue .img_nakamura {
      width: 80%;
      max-width: 300px;
      margin: 0 auto;
    }

    .performance_wide_blue .data_nakamura {
      width: 100%;
    }

    .performance_wide_blue h3 {
      text-align: center;
    }

    .per_data_dl_buy dd {
      width: 100% !important;
    }

    .purchase_sada a {
      width: 300px;
      margin-left: calc(50% - 150px);
    }

    a.btn_blue_arrow>img {
      width: 35px;
      top: 13px;
    }
    .social_list_btn .btn_blue_arrow>img {
      top: 13px
    }

    .staff_list_dl dt {
      width: 150px;
    }

    .staff_list_dl dd {
      width: calc(100% - 150px);
    }


    .top_news_detail .news_title img {
      width: 90px;
      margin-right: 10px;
    }

    .top_news_detail .news_title h3 {
      padding-bottom: 3%;
      margin-bottom: 5% !important;
    }

    .news_kiji {
      margin-bottom: 10%;
    }

    .h2_blue_bg h2 {
      padding: 25px 0;
      font-size: 150%;
      letter-spacing: 0.2rem;
      margin-top:2%;
    }
    .press_list dl a {
      padding: 3% 0 4%;
    }
    .press_list dl dt{
      width:100%;
      padding-left:2%;
    }
    .press_list dl dd{
      width:100%;
      padding-left:2%;
    }

    .icon_center {
      max-width: 270px;
    }

    .begin01 h3 .br_sp{
      display: inline;
    }
    .begin01 dl{
      margin:4% auto 6%;
      padding:15px 3% 9px 5%;
      line-height:1.6;
    }
    .begin01 dl dt {
      top:-10px;
      left: 0;
      right:0;
      margin:0 auto;
    }
    .begin01 dl dd br{
      display: inline;
    }
    .beginners_btn ul li{
      width:85%;
      max-width:250px;
      margin:0 auto 0;
    }
    .beginners_btn li a img {
      top: 15px;
    }
    .begin02 dl dt{
      width:80px;
      margin-bottom:5px;
    }
    .begin02 dl dd{
      width:calc(98% - 80px);
      margin-bottom:20px;
    }
    .begin02 .dd_qr span{
      text-indent: -1.2rem;
      margin: 10px 0 10px 1.2rem;
    }
    .begin02 .dd_qr{
      width:100%;
      padding-right:0;
      padding-bottom:120px;
    }
    .begin02 .dd_qr .qr_code{
      width:95px;
      top:auto;
      bottom:0px;
      right:0;
      left:0;
      margin:0 auto;
    }
    .begin02 .line_dt{
      width:50px;
    }
    .begin02 dl dt img{
      width:50px;
      margin:0;
    }
    .begin02 .line_dd{
      width:calc(97% - 50px);
      margin-left:3%;
    }
    .begin02 .line_dd br:last-of-type{
      display: none;
    }

    .line_contact{
      margin-left:120px;
      position:relative;
      line-height:1.6;
    }
    .line_contact span{
      display: inline-block;
      position:absolute;
      left:-120px;
      top:0;
    }
    .begin03 h3 span::before {
      content: '';
      width: 130px;
      left:-130px;
      top:18px;
    }
    .begin03 h3 span::after {
      content: '';
      width: 130px;
      right:-130px;
      top:18px;
    }
    .begin_case h4 span{
      display: block;
    }
    .begin_case h4{
      margin-bottom:10px;
    }
    .begin_case>p{
      line-height:1.7;
    }
    .begin_case>p .br_sp{
      display: inline;
    }  
    .begin_photo ul li{
      width:90%;
      margin:0 auto 4%;
    }
    .begin_kids {
      padding: 8% 5% 5%;
    }

    .begin_kids .icon_kids {
      width: 90px;
      top:-50px;
      left:10px;
    }
    .begin_kids .point_kids{
      width:90px;
      top:-70px;
      right:-10px;
    }
    .begin_kids ul li {
      width: 95%;
      margin:1% auto 5%;
    }
    .begin_kids h4 br{
      display: inline;
    }
    .begin_lesson {
      margin: 10% auto 5%;
      padding: 8% 5% 5%;
    }
    .begin_lesson .icon_lesson {
      width: 80px;
      top:-30px;
      right:10px;
    }
    .begin_lesson ul li {
      width: 95%;
      margin:1% auto 5%;
    }

    .text_back_box{
      text-align: center;
      margin-top:10px;
    }
    .member_data{
      padding:15px 5%;
    }
    .member_main dl dd{
      font-size:135%;
    }

    .member_box{
      margin-bottom:15px;
      padding:15px 3%;
    }

    .member_box h3, .member_other h3{
      margin-bottom:15px;
    }
    
    .member_box.flex4_center dl {
      width: 55%;
    }

    .member_box>p{
      margin-top:20px;
      margin-bottom:40px;
      padding-right:0;
      line-height:1.4;
    }
    .member_box>p a br{
      display: inline;
    }
    .member_box>p a img {
      width: 70px;
      position: absolute;
      right: 0!important;
      left:0!important;
      top: auto!important;
      bottom:-20px!important;
      margin:0 auto;
    }
    .main_profile{
      width:100%;
    }
    .main_profile h4 {
      width: 28%;
      margin: 10% auto 8%;
    }
    .profile_first dl:nth-of-type(3){
      margin-bottom:15px;
    }
    .profile_first dl dt {
      width: 70px!important;
    }
    .profile_first dl dd {
      width: calc(100% - 70px)!important;
    }
    .profile_first dl dd li {
      width: 25px;
      margin-right:7px;
    }
    .profile_first dl dd li.icon_small {
      width: 18px;
    }
    .profile_list dl dd{
      padding-left:7px;
    }
    .profile_first dl:first-child dd{
      padding-left:0px;
    }
    .repertory_list_btn a.btn_blue_arrow>img{
      top:15px!important;
    }
   .repertory_history h3 span::before, .repertory_history h3 span::after {
      content: '';
      width: 90px;
    }
    .repertory_history h3 span::before {
      left: -110px;
    }
    .repertory_history h3 span::after {
      right: -110px;
    }
    .repertory_look span {
      padding: 0 3% 8% 3%;
    }
    .repertory_look span::before {
      width: 15px;
      height: 15px;
      bottom:-5px;
      left: 36%;
    }
    .repertory_look.close span::before {
      left: 38%;
      bottom: -20px;
    }
    .repertory_detail_data h4 {
      margin: 7% auto 7%;
    }
    .repertory_detail_data_w{
      padding-bottom:5%;
    }
    .repertory_detail_data_w>div>div dl dt{
      width:110px;
      letter-spacing: -0.05rem;
    }
    .repertory_detail_data_w>div>div dl dd{
      width:calc(100% - 110px);
    }
    .social_read h3{
      margin:6% auto 5%;
    }
    .social_program{
      padding:8% 0;
    }
    .social_program h4 span::before,
    .social_program h4 span::after{
      width:40px;
    }
    .social_program h4 span::before{
      left:-50px;
    }
    .social_program h4 span::after{
      right:-50px;
    }
    .social_mime>img {
      width:23%;
      max-width: 110px;
      top:-50px;
      left:3%;
    }
    .special_read{
      padding-top:10px;
      padding-bottom:0px;
    }
    .spe_tokuten{
      max-width:380px;
      margin-bottom:10%;
    }
    .spe_tokuten>div {
      width: 94%;
      margin: 50px 3% 1%;
      position: relative;
      border: 1px solid #003c88;
      padding: 30px 2% 2%;
    }
    .spe_tokuten>div>img {
      width: 80px;
      position: absolute;
      top: -37px;
      right: 0;
      left: 0;
      margin: 0 auto;
    }
    .spe_tokuten h4{
      padding:8px 5%;
      margin-bottom:2%;
    }
    .spe_tokuten h4 br{
      display: none;
    }
    .spe_target h4 span{
      margin-bottom: 3%;
    }
    .spe_target h4 span::before,
    .spe_target h4 span::after{
      width:35px;
    }
    .spe_target h4 span::before{
      left:-40px;
    }
    .spe_target h4 span::after{
      right:-40px;
    }
    .spe_target {
      margin: 0 auto 5%;
      padding: 7% 5% 5%;
      font-size:105%;
    }
    .spe_target p{
      font-size:100%;
    }
    .spe_contact dt{
      font-size:120%;
    }
    .spe_contact dd span{
      line-height:1.4;
      margin-bottom:10px;
    }
    .spe_contact a .arrow_detail img {
      width: 40px;
      top: 8px;
      right: -45px;
    }
    .spe_contact a:hover .arrow_detail img {
      right: -55px;
    }
    .history_read{
      padding:3% 0;
    }
    .history_read h3 {
      font-size: 150%;
    }
    .history02_read h3 {
      font-size: 130%;
      margin: 15px auto 20px;
    }
    .history_col_btn li a img {
      top: 14px;
    }
    .history_chart{
      width:100%;
    }
    .chart_top{
      width:95%;
      margin:0 auto 4%;
    }
    .year_block{
      width:95%;
      margin:0 auto;
    }
    .year_block>div {
      width: calc(50% - 30px);
    }
    .year_block p{
      font-size:80%;
    }
    .year_block>div:nth-of-type(1){
      padding-left:0;
    }
    .year_block>div:nth-of-type(2){
      padding-right:0;
    }
    img.year_left{
      width:35px;
      right: -58px;
      top:-9px;
    }
    img.year_right{
      width:35px;
      left: -57px;
      top:-9px;
      border-bottom:11px solid #fff;
    }
    .year_you {
      width: 30px;
    }
    .p_year_left {
      width:35px;
      right: -55px;
      top:-7px;
    }
    .p_year_right{
      width:35px;
      left: -53px;
      top:-7px;
    }
    .year_you{
      top:-4px;
    }
    .y1960 {
      width: 55px;
    }
    .y1932 p{
      text-align: left;
    }
    .chart_top h4{
      font-size:120%;
    }
    .chart_top h4:nth-child(1){
      border-left:none;
    }
    .chart_top h4:nth-child(2){
      border-right:none;
    }
    .chart_top h4 span:nth-of-type(1){
      display: none;
    }
    .chart_top h4 span:nth-of-type(2){
      display: inline;
    }
    .year1938>div{
      width:100%;
    }
    .year1938>picture{
      width:70%;
      margin:0 auto 20px;
    }
    .y1960 {
      width: 75px;
    }
    
    .sp_img_max{
      max-width:120px;
      margin:0 auto 10px;
    }
    .sp_img_max2{
      max-width:100px;
      margin:0 auto 10px;
    }
    .history_blue{
      font-size:90%!important;
      text-align: left!important;
    }
    .history_blue2{
      font-size:90%!important;
    }
    .history_blue2.text_left{
      text-align: left!important;
    }
    .history_blue2 em{
      display: none;
    }
    .marriage_left{
      margin-top:60px;
      padding-right:30px;
    }
    .y1960_b{
      width:180px;
    }
    .year_attack {
      padding: 5%;
    }
    .year_attack>picture>img {
      width: 80px;
    }
    .y1962 {
      width: 70px;
    }
    .year_marriage{
      width:90%;
      margin:0 auto;
    }
    .y1963_t span::before{
      width:95px;
      background:url(../img/history/text1963_sp.jpg) no-repeat top left;
      background-size:100% auto;
      right:-100px;
    }
    .history_next_btn{
      width:95%;
      margin:-30px auto 50px;
      font-size:100%;
    }
    .history_next_btn .btn_blue_arrow{
      padding:10px 55px 10px 15px;
    }
    .history_img{
      max-width:160px;
      margin:0 auto 10px;
    }
    .img1952 img {
      max-width: 70px;
      margin:-10px auto 0;
      padding-left:20px;
      box-sizing: content-box;
    }
    .y1963>img {
      width: 35px;
      left: -53px;
      top: -7px;
    }
    .special_read h3{
      margin-bottom:5%;
    }
    .group_scene h4 span{
      margin-bottom:30px;
    }

    .group_scene h4 span::before, .group_scene h4 span::after {
      width: 80px 
    }
    .group_scene h4 span::before {
      left: -120px;
    }
    .group_scene h4 span::after {
      right: -120px;
    }
    .group_scene_block>div{
      margin-bottom:8%;
    }
    .group_point>div>dl {
      padding: 5% 0;
    }
    .group_point>div>dl dt{
      margin-bottom:2%;
    } 
    .group_point h4 span::before, .group_point h4 span::after {
      width: 60px 
    }
    .group_point h4 span::before {
      left: -80px;
    }
    .group_point h4 span::after {
      right: -80px;
    }
    .group_case h4 span::before, .group_case h4 span::after {
      width: 60px 
    }
    .group_case h4 span::before {
      left: -80px;
    }
    .group_case h4 span::after {
      right: -80px;
    }
    .group_voice>div dl{
      padding-bottom:20px;
    }
    .group_voice>div dl::before{
      top:-15px;
    }

    .group_voice h4 span::before, .group_voice h4 span::after {
      width: 60px 
    }
    .group_voice h4 span::before {
      left: -80px;
    }
    .group_voice h4 span::after {
      right: -80px;
    }
    .group_voice>div dl{
      width:100%;
      max-width:400px;
      margin:3% auto 5%!important;
      padding:30px 6% 7%;
    }

    .his02_year>div dl dd{
      padding-left:40px;
    }

  /* 追加設定 */
.spcl_length01 dt{
  width:150px !important;
  }
.spcl_length02 dt{
  width:100% !important;
  }
.spcl_length03 dt{
  width:100% !important;
  }
.spcl_length04 dt{
  width:40% !important;
  }


.spcl_length01 dd{
  width:calc(100% - 150px) !important;
  }
.spcl_length02 dd,
.spcl_length03 dd{
  width:100% !important;
  margin-top:-8px;
  margin-left:1em;
  margin-bottom:18px;
  }
.spcl_length03 dd{
  width:100% !important;
  }

.spcl_length04 dd{
  width:58% !important;
  }


  }

  @media screen and (max-width: 420px) {
    .line_contact br{
      display: inline;
    }
    .member_box>p a img {
      width: 70px;
      position: absolute;
      right: -80px;
      top: 7px;
    }
   .repertory_history h3 span::before, .repertory_history h3 span::after {
      width: 50px;
    }
    .repertory_history h3 span::before {
      left: -60px;
    }
    .repertory_history h3 span::after {
      right: -60px;
    }
  }


  @media screen and (max-width: 400px) {

    .top_other_ban dl>a dt {
      width: 280px;
      top: -180px;
    }

    .top_other_ban dl {
      margin: 200px auto 240px;
    }

    .main_scroll {
      width: 10px;
      left: -14px;
    }

    .top_about_ban a>img {
      height: 110px;
    }

    .top_about_ban a>div {
      padding: 15px 10px 40px 30px;
    }

    .top_about_menu ul li a {
      padding: 5px 5% 30px 20px;
    }

    .top_about_menu ul li a img {
      width: 70px;
      bottom: 10px;
      left: 20px;
    }
    .repertory_look span::before {
      left: 35%;
    }
    .repertory_look.close span::before {
      left: 36%;
    }
    .group_contact h3 {
      font-size: 105%;
    }

  }


  @media screen and (max-width: 380px) {
    #performance_all body {
      font-size: 1.1rem;
    }

    #top_school ul li {
      width: 100%;
    }

    #top_school ul {
      max-width: 240px;
    }

    #top_school ul li a {
      padding: 5px 10px;
      margin-bottom: 7px;
    }

    .top_history a img {
      width: 60px;
      padding: 0px 0 0 170px;
    }

    .top_history a img {
      top: -18px;
    }

    .top_other_btn {
      width: 270px;
    }

    .top_study,
    .top_course {
      width: 130px;
    }

    #top_school {
      padding: 5% 5% 300px 5%;
      background: url(../img/top_school_n.jpg) no-repeat center bottom 70px #fff7f8;
      background-size: 300px auto;
      margin-bottom: 7%;
    }

    .per_data_dl dt {
      margin-bottom: 3px;
    }

    .per_data_dl dd {
      width: 100% !important;
      margin-bottom: 10px;
    }

    .per_data_dl_buy dd {
      width: 100% !important;
    }

    .staff_list_dl dt {
      width: 135px;
    }

    .staff_list_dl dd {
      width: calc(100% - 135px);
    }

    #performance_footer .organizer dt {
      width: 60px;
    }

    #performance_footer .organizer dd {
      width: calc(100% - 60px);
    }
    .begin03 h3 span::before {
      content: '';
      width: 80px;
      left:-110px;
      top:18px;
    }
    .begin03 h3 span::after {
      content: '';
      width: 80px;
      right:-110px;
      top:18px;
    }
    .year_attack>picture>img {
      width: 65px;
    }
    .year_attack dl {
      width: calc(50% - 45px);
    }
    .history_col_btn li a img {
      top: 12px;
    }



  }

  @media screen and (max-width: 360px) {
    .foot_l p {
      letter-spacing: -0.01rem;
    }

    .select_year li {
      width: 50%;
    }

    .begin_kids .icon_kids {
      width: 85px;
      top: -50px;
      left: 0px;
    }
    .begin_lesson .icon_lesson {
      width: 75px;
      top: -20px;
      right:0;
    }
    .begin02 .dd_qr span{
      text-indent: -1.3rem;
      margin: 10px 0 10px 1.3rem;
    }
    .begin02 .line_dt {
      width: 35px;
    }
    .begin02 .line_dt img {
      width: 35px;
    }
    .begin02 .line_dd {
      width: calc(97% - 35px);
    }
    .group_scene h4 span::before, .group_scene h4 span::after {
      width: 50px 
    }
    .group_scene h4 span::before {
      left: -80px;
    }
    .group_scene h4 span::after {
      right: -80px;
    }
    .group_point h4 span::before, .group_point h4 span::after {
      width: 40px 
    }
    .group_point h4 span::before {
      left: -60px;
    }
    .group_point h4 span::after {
      right: -60px;
    }
    .group_voice h4 span::before, .group_voice h4 span::after {
      width: 40px 
    }
    .group_voice h4 span::before {
      left: -60px;
    }
    .group_voice h4 span::after {
      right: -60px;
    }
    .group_contact .search_btn a {
      padding: 12px 140px 13px 25px;
    }
    .history02_read h3{
      font-size:120%;
    }
}

/* スマホのときのみ電話をかける */
@media (min-width: 780px) {
  a[href*='tel:'] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    color: #333 !important;
  }
}