@charset "UTF-8";

@media screen and (max-width: 768px) {
  /*
=========================================
    common
=========================================
*/
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }

  img {
    width: 100%;
    height: auto;
  }

  .wrap {
    margin-left: 0;
  }

  .caution {
    font-size: 3.5vw;
  }
  .caution02 {
    font-size: 3vw;
  }

  /*
=========================================
    modal
=========================================
*/
  .modal-content {
    width: 90%;
    margin: 5%;
    padding: 5%;
    box-sizing: border-box;
  }

  .modal-close {
    font-size: 16vw;
  }

  .profile__img {
    width: 100%;
    /*float: none;*/
    display: inherit;
  }

  .profile__text {
    width: 100%;
    /*float: none;*/
    padding-left: 0;
    display: inherit;
  }

  .profile {
    padding: 5%;
  }

  .profile__text dt {
    padding-top: 5%;
    font-size: 5vw;
  }

  .profile__text dt span {
    font-size: 2.5vw;
    margin: 1% 0 5%;
  }

  .profile__text dd p {
    font-size: 3.5vw;
    margin-bottom: 5%;
  }

  .profileBox {
    font-size: 3vw;
    padding: 3%;
  }

  .pop_text {
    font-size: 3.5vw;
    line-height: 180%;
    text-align: left;
  }

  .pop_img {
    width: 100%;
    margin: 0 auto 5%;
  }

  /*
=========================================
    TOP
=========================================
*/
  /*h1{
    padding: 0 5%;
    top: 13%;
}

h1 img{
    max-width: 100%;
    min-width: auto;
}
*/
  #toppage .mainVisual {
    background: url(/images/main_visual_sp.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
  }
  .bg-slider {
    height: 100vh;
  }

  /*.mainVisual__inner p:first-child {
        bottom: 2%;
        left: 2%;
        width: 20%;
    }*/
  .mainVisual__inner p:nth-child(1) {
    bottom: -5%;
    width: 90%;
  }

  .contents {
    padding: 5% 0 0 0;
  }
  #toppage .contents {
    padding: 5% 0 0 0;
  }

  .link {
    width: 100%;
    padding: 0;
  }

  .link ul {
    display: inherit;
  }

  .link li {
    display: inherit;
    color: #834e26;
    margin: 0 auto;
    font-weight: bold;
    font-size: 5vw;
    line-height: 180%;
    padding-right: 0;
  }

  .link li:first-child {
    margin-bottom: 3%;
  }
  .read {
    position: absolute;
    top: 5%;
    bottom: -12%;
    width: 100%;
  }
  .read img {
    padding-right: 0;
  }

  .link li a {
    background: url(/form/images/icon_rightArrow.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-position: left center;
    text-decoration: underline;
    display: inline;
  }
  .link figure {
    padding-bottom: 5%;
  }

  h2 {
    font-size: 5vw;
  }

  h2 span {
    font-size: 4.5vw;
  }

  .news__list {
    margin: 5% 0;
  }

  .news__list li:nth-child(3n) {
    padding: 0 3% 3%;
  }

  .news__list li {
    width: 100%;
    box-sizing: border-box;
    padding: 0 3% 3%;
    float: none;
  }

  .news__list dd {
    font-size: 3.5vw;
  }

  .news__more {
    clear: inherit;
    display: table;
    padding: 15% 0 0;
    width: 50%;
  }

  .newsMore__button {
    font-size: 4.5vw;
    width: 65%;
  }

  .newsMore__button a {
    background-size: 5%;
  }

  .news {
    width: 100%;
  }

  .introduction {
    margin-bottom: 15%;
  }
  .introduction__inner {
    padding: 3%;
  }

  .introduction__box {
    width: 100%;
    padding: 15% 5% 5%;
  }

  .introduction__box .h3_area {
    padding: 8% 0;
  }

  .introduction h3 {
    font-size: 4vw;
  }

  .introduction__box .left_box {
    float: none;
    width: 100%;
  }

  .introduction__box .left_box p {
    font-size: 3.5vw;
    margin-bottom: 5%;
  }

  .introduction__box .right_box {
    float: none;
    width: 100%;
    margin-bottom: 8%;
  }

  .introduction__box .right_box li {
    margin-bottom: 4%;
    padding: 0 3%;
  }

  .introduction__box .right_box li:last-child {
    margin-bottom: 0;
  }

  .introduction__box .info_box {
    padding: 5%;
  }

  .introduction__box .info_box p {
    font-size: 3.5vw;
    padding: 5% 0 0;
    margin: 0;
  }

  .message {
    margin: 0;
  }
  .message__inner {
    padding: 3%;
  }

  .message__box {
    width: 100%;
    padding: 15% 5% 5%;
  }

  .message__box .h3_area {
    padding: 8% 0;
  }

  .message h3 {
    font-size: 4vw;
  }

  .message__box .left_box {
    float: none;
    width: 100%;
  }

  .message__box .left_box p {
    font-size: 3.5vw;
    margin-bottom: 5%;
  }

  .message__box .right_box {
    float: none;
    width: 100%;
    margin-bottom: 8%;
  }

  .message__box .right_box li {
    margin-bottom: 4%;
    padding: 0 3%;
  }

  .message__box .right_box li:last-child {
    margin-bottom: 0;
  }

  .message__box .info_box {
    padding: 5%;
  }

  .message__box .info_box p {
    font-size: 3.5vw;
    padding: 5% 0 0;
    margin: 0;
  }
  #intro .contents,
  #cas .contents {
    padding: 0 0 0 0;
  }

  .subHeader {
    padding: 4% 0 0 0;
  }

  .subHeader span {
    font-size: 2.5vw;
  }

  .cast {
    padding: 10% 0 0 0;
  }

  .cast__inner {
    width: 100%;
  }

  .cast .listBox_area {
    padding: 10% 5%;
  }

  .listBox_2column li {
    float: none;
    width: 100%;
    margin-bottom: 5%;
  }

  /*.cast .listBox_2column li{
    margin-bottom: 5%;
}*/
  .listBox_2column li dd {
    padding-left: 5%;
    font-size: 4vw;
    padding-right: 0;
  }

  .listBox_2column li dd span {
    font-size: 3vw;
    line-height: 150%;
  }

  .listBox_2column li dt {
    width: 50%;
  }

  .listBox_2column {
    padding: 0;
  }

  .sponsor__box {
    padding: 5%;
    margin: 5% 5% 10% 5%;
  }

  .sponsor__box p {
    font-size: 3vw;
  }

  .sponsor__box h3 span img {
    width: 3%;
  }

  .sponsor__box h3 {
    font-size: 4vw;
    margin-bottom: 3%;
  }

  .staff__inner {
    width: 100%;
  }

  .staff .listBox_area {
    padding: 10% 5%;
  }

  .music__inner {
    width: 100%;
  }

  .music .listBox_area01 {
    padding: 10% 5% 0;
  }

  .listBox_2column .subHeader {
    font-size: 5vw;
    padding: 0 0 5% 0;
  }

  .listBox_2column li dt span {
    padding-top: 1%;
  }

  .music .listBox_area02 {
    padding: 0 5%;
  }

  .music .subText {
    font-size: 3vw;
  }

  .music .listBox_area02 .subText {
    margin-top: 0;
  }

  .music .listBox_area03 {
    padding: 5% 5% 0;
  }

  .music .listBox_area04 {
    overflow: hidden;
    padding: 5% 5% 10%;
    margin-bottom: 0;
  }

  .book .listBox_area {
    padding: 10% 0;
  }

  .listBox_4column li {
    float: none;
    width: 100%;
    margin-bottom: 5%;
  }

  .listBox_4column {
    width: 100%;
  }

  .listBox_4column li dl {
    width: 50%;
    margin: 0 auto;
  }

  .listBox_4column li dd {
    font-size: 3vw;
  }

  .title {
    font-size: 4vw;
    margin: 3% 0;
  }

  .book .message {
    font-size: 4vw;
    margin-bottom: 10%;
  }

  .book__inner {
    width: 100%;
    margin: 0 auto;
  }
  .main__note {
    bottom: 50px;
  }
  .main__note h1 {
    font-size: 2vw;
    padding: 0 3%;
  }

  .main__text {
    right: 3%;
  }

  .main__text img {
    width: 70%;
    height: auto;
  }

  .main__app {
    right: 0;
    bottom: 0;
    margin-bottom: 0;
  }

  .main__app a {
    padding-right: 3%;
  }

  .main__app img {
    width: 80%;
    height: auto;
  }

  footer {
    padding: 15% 0;
  }

  footer p {
    font-size: 3vw;
  }

  .main__emblem {
    right: 2%;
    top: 8%;
  }

  .main__emblem_2 {
    right: 2%;
    top: 18%;
  }

  .main__emblem img {
    width: 50%;
    height: auto;
  }

  .main__emblem_2 img {
    width: 50%;
    height: auto;
  }

  .sp_logo {
    background: #fffeed;
    padding: 3% 20% 0 25%;
    box-sizing: border-box;
  }

  .sp_logo img {
    width: 100%;
    height: auto;
  }

  .main__note p {
    font-size: 2vw;
    padding: 0 3%;
  }

  .introduction .floatL_box {
    float: none;
    width: 100%;
  }

  .introduction .floatR_box {
    float: none;
    width: 100%;
    padding: 0;
  }

  iframe {
    width: 100%;
    /*height: auto;*/
  }

  .news__list .arrow a {
    background-size: 5% auto;
  }

  .ico_cloud {
    width: 100%;
    padding: 0;
  }

  .ico_cloud p {
    position: absolute;
    top: -60%;
    /* padding: 0;*/
  }

  .ico_cloud p img {
    width: 50%;
  }

  /*
=========================================
    trailer
=========================================
*/
  #trailer .mainVisual {
    background: url(../../voice/images/BGmain_fog.png), url(../../trailer/images/main_visual_sp.jpg);
    background-repeat: repeat, repeat;
    background-repeat: repeat-x, no-repeat;
    background-position: bottom, top;
    background-size: 0.2%, cover;
  }

  .other .mainVisual__inner {
    height: auto;
  }

  .other h1 {
    padding: 15% 0;
    font-size: 6vw;
  }

  #trailer .contents {
    padding: 15% 0 0 0;
  }

  .movie {
    padding: 10% 0 0 0;
  }

  .movie__inner {
    width: 100%;
  }

  .pattern_01 {
    width: 100%;
  }

  .movie__column_1 {
    margin: 5% 3% 5%;
  }

  #trailer iframe {
    width: 100%;
    height: auto;
  }

  .movie p {
    font-size: 3vw;
    margin-top: 0;
  }

  .movie__column_2 {
    margin: 5% 3% 0;
    padding-bottom: 15%;
  }

  .movie__column_2 li {
    float: none;
    width: 100%;
    padding-right: 0;
    margin-bottom: 8%;
  }

  .pattern_02 {
    width: 100%;
    height: auto;
  }

  .video {
    position: relative;
    height: 0;
    padding: 30px 0 56.25%;
    overflow: hidden;
  }
  .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  /*
=========================================
    schedule
=========================================
*/
  #schedule .mainVisual {
    background: url(../../schedule/images/BGmain_fog.png), url(../../schedule/images/main_visual.jpg);
    background-repeat: repeat, repeat;
    background-repeat: repeat-x, no-repeat;
    background-position: bottom, top;
    background-size: 0.2%, cover;
  }

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

  .area__inner {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 10%;
  }

  .area__list {
    padding: 8% 3%;
    overflow: hidden;
  }

  .area__list ul {
    width: 100%;
  }

  .area__list ul {
    display: inherit;
    overflow: hidden;
  }

  .area__list li {
    display: inherit;
    float: left;
    white-space: nowrap;
    padding: 1% 2%;
    /*font-size: 4.5vw;*/
    font-size: 4vw;
    margin-bottom: 3%;
  }

  .current {
    padding: 1% 2%;
  }

  .area__before {
    margin-right: 3%;
    width: 30%;
  }
  .area__before p {
    font-size: 3vw;
    width: 100%;
  }

  .child {
    width: 100%;
    margin-bottom: 0;
    padding: 0;
  }

  .child dt {
    width: 7%;
  }

  .child dd {
    width: 92%;
    /*font-size: 3vw;*/
    font-size: 4.5vw;
    padding: 0 0 0 3%;
    text-align: left;
  }

  .area__before a {
    padding-right: 13%;
  }

  .area__detail {
    margin-bottom: 0;
  }

  .area__detail th {
    padding: 2% 0;
    font-size: 3vw;
    /*display: table-cell;
    width: auto;*/
  }

  .area__detail td {
    padding: 2% 0;
    line-height: 150%;
    border: none;
  }

  .area__detail td .inner {
    border: none;
    padding-right: 0;
  }

  .fontB {
    font-size: 3vw;
  }

  .area__detail td h3 {
    font-size: 3.5vw;
    line-height: 150%;
  }

  .area__detail td p {
    font-size: 3vw;
    padding: 5% 0 0;
  }

  .spaceCent {
    padding: 2% 3% !important;
  }

  .ico_child {
    margin-top: 50%;
  }

  .ico_child img {
    width: 50%;
    height: auto;
  }

  .disNon_pc {
    /*display: contents;*/
    display: table-row;
  }

  .area__detail .detail_sp {
    border-bottom: #dac9b1 solid 1px;
  }

  .area__detail .detail_sp dl {
    background: #f2ecd9;
    padding-right: 0;
    display: table;
    margin-bottom: 3%;
    width: 100%;
  }

  .area__detail .detail_sp dt {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding: 3%;
    font-size: 3vw;
  }

  .area__detail .detail_sp dd {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
    padding: 3%;
  }

  .appButton a {
    font-size: 3vw;
    padding: 4%;
  }

  .appButton span {
    font-size: 3vw;
    padding: 8% 10%;
  }

  .leadMore {
    width: 100%;
    box-sizing: border-box;
    margin-top: 5%;
    padding: 0 30%;
  }

  .leadMore a {
    background-size: 5%;
  }

  .leadMore p {
    font-size: 3.5vw;
    width: auto;
  }

  .wp-pagenavi {
    margin-bottom: 10%;
  }

  .wp-pagenavi a,
  .wp-pagenavi span {
    padding: 1%;
    margin: 1%;
  }

  .screenInfo__inner {
    padding: 0 3%;
  }

  /*
=========================================
    voice
=========================================
*/
  #voice .mainVisual {
    background: url(../../voice/images/BGmain_fog.png), url(../../voice/images/main_visual_sp.jpg);
    background-repeat: repeat, repeat;
    background-repeat: repeat-x, no-repeat;
    background-position: bottom, top;
    background-size: 0.2%, cover;
  }

  .massage__inner {
    width: 100%;
    padding: 0 3%;
    box-sizing: border-box;
  }

  .box01 {
    padding: 10% 0;
  }

  .box01 dt span {
    font-size: 3.5vw;
    padding-top: 1%;
    line-height: normal;
  }

  .box01 dl {
    display: inherit;
  }

  .box01 dt {
    display: inherit;
    width: 100%;
    text-align: center;
    font-size: 4.5vw;
  }

  .box01 dd {
    display: inherit;
    padding-left: 0;
  }

  .box01 dt img {
    margin-bottom: 3%;
  }

  .box01 dd p {
    margin: 3% 0;
    font-size: 3.5vw;
    line-height: 180%;
  }

  .box01 li {
    margin-bottom: 3%;
    padding-bottom: 3%;
  }

  .box02 {
    padding: 5% 0;
  }

  .box02 ul {
    width: 100%;
    margin-bottom: 0;
  }

  .box02 li {
    width: 100%;
    /* margin: 0 0 5% 0; */
  }
  .box02 li:nth-of-type(n + 2) {
    margin-top: 5%;
  }

  .box02 dl {
    margin-bottom: 8%;
  }

  .box02 dt {
    font-size: 3.5vw;
    margin-bottom: 3%;
  }

  .box02 dd {
    font-size: 3.5vw;
  }

  .massage__photo {
    padding: 5% 0;
  }

  .massage__photo img {
    margin-bottom: 3%;
  }

  .massage__photo h2 {
    font-size: 3.5vw;
  }
  .massage__photo span {
    font-size: 3.5vw;
    margin-top: 3%;
  }

  .mb30 {
    margin-bottom: 5% !important;
  }

  .box02 li.single {
    width: 100%;
    font-size: 3.5vw;
    padding: 0;
    margin-bottom: 5%;
  }

  /*追記20180830*/
  .massage__photo___box {
    display: inherit;
  }

  .massage__photo {
    display: inherit;
    width: 100%;
    padding: 5% 0 0;
  }

  .massage__photo img {
    margin-bottom: 0;
    width: 100%;
    padding: 0 0 5%;
  }

  .box02 {
    padding: 0;
  }

  .box02 li {
    width: 100%;
    margin: 5% 0 0;
  }

  .massage__photo img {
    padding: 0 0 1%;
  }

  .massage__photo span {
    margin-top: 0;
  }

  .box02 dl {
    margin-bottom: 0;
  }

  .box02 h2.mb30 {
    margin: 5% 0 0;
  }

  .box02 li {
    margin: 5% 0 0;
  }

  .box02 li.single {
    margin: 0 0 5%;
  }

  .box02 .mt20 {
    margin-top: 3%;
  }

  #voice h2 span {
    font-size: 3.5vw;
    padding-top: 3%;
  }

  /*
=========================================
    english
=========================================
*/
  #english .mainVisual {
    background: url(../../voice/images/BGmain_fog.png), url(../../english/images/main_visual_sp.jpg);
    background-repeat: repeat, repeat;
    background-repeat: repeat-x, no-repeat;
    background-position: bottom, top;
    background-size: 0.2%, cover;
  }

  #english .introduction__box {
    padding: 10% 5% 5%;
  }

  .information {
    font-size: 3vw;
  }

  #english .subHeader {
    padding: 4% 0;
  }

  #english .subHeader span {
    font-size: 3vw;
  }

  #english h2 {
    font-size: 4vw;
    letter-spacing: 0.5em;
    font-weight: normal;
  }

  .floatR_box {
    float: none;
    padding: 8% 0 0;
  }

  #english .introduction h3 {
    font-size: 4vw;
  }

  #english .introduction__box .info_box p {
    font-size: 3.5vw;
  }

  .usually_box {
    padding: 10% 0 0 0;
  }

  .usually_box p {
    margin-top: 0;
    font-size: 3.5vw;
  }

  #english .introduction__box .usually_box h3 {
    font-size: 5vw;
  }

  #english .introduction__box .usually_box h3 span {
    font-size: 2.5vw;
  }

  #english .introduction {
    margin: 0;
  }

  #english .introduction__box .floatR_box {
    padding: 0 0 5%;
  }

  #english .movie__column_1 {
    margin: 0 0 5%;
    font-size: 3vw;
    line-height: 150%;
  }

  #english .introduction__box .h3_area {
    padding: 0 0 5%;
  }

  #english .introduction__box .emblem_box .floatR_box {
    padding: 0 0 5%;
  }

  #english .emblem_box {
    margin: 5% 0 0;
  }

  #english .introduction__box .usually_box {
    padding: 5% 0 0;
  }

  #english .contents {
    padding: 10% 0 0 0;
  }

  #english .linkButton {
    margin: 8% auto;
    font-size: 5vw;
  }

  #english .movie__column_1 iframe {
    height: auto;
  }

  /*
=========================================
    form
=========================================
*/
  #form .mainVisual {
    background: url(/independent/images/BGmain_fog.png), url(/independent/images/main_visual_sp.jpg);
    background-repeat: repeat, repeat;
    background-repeat: repeat-x, no-repeat;
    background-position: bottom, top;
    background-size: 0.2%, cover;
  }

  .overview__inner {
    width: 100%;
    margin: 0 auto 5%;
  }

  /*#form .floatR_box{
    padding: 0 5%;
}



#form .request h2{
    margin-bottom: 0;
}

#form .text_box{
    padding: 5%;
    margin-bottom: 0;
    padding-bottom: 0;
}

#form .sponsor__box{
    margin: 0 5% 10% 5%;
}

#form h3{
    line-height: 150%;
    font-size: 4vw;
}

.request__inner{
    width: 100%;
}

#form .text_box p{
    font-size: 3.5vw;
    margin-bottom: 5%;
}

#form h4 span img{
    width: 3%;
    height: auto;
}

.ml30{
    margin-left: 5% !important;
}


#form .request li span{
    margin-right: 3%;
    font-size: 5vw;
}

#form .request li {
    font-size: 3.5vw;
    margin-bottom: 0;
}

#form .request ul{
    margin-left: 7%;
    margin-bottom: 5%;
}

.linkButton{
    font-size: 3.5vw;
}

.pl50 {
    padding-left: 15% !important;
}

h4{
    font-size: 4.5vw;
    margin-bottom: 5%;
}

#form h5{
    font-size: 4vw;
    margin: 0 0 0;
    line-height: 150%;
}

.gist_text{
    font-size: 4vw;
    margin: 0 0 5%;
    line-height: 150%;
}

.first__reply{
    margin-bottom: 5%;
}

.mb10{
    margin-bottom: 0 !important;
}


.linkButton{

padding: 0 0 5%;

}

#form .select{
    width: auto;
    padding: 5%;

margin: 0;
}

#form .second__reply p{
    padding: 5%;
    margin-bottom: 0;
}



.dataBox_left{
 float: none;
 width: 100%;
}

.dataBox_right{
 float: none;
 width: 100%;
}



.w100 {


    box-sizing: border-box;

}



#form .second__reply table p{
    padding: 0;
}

.download__inner{
    width: 100%;
    padding: 0 5%;
    box-sizing: border-box;
    margin: 0 auto 5%;
}

#form .download__inner .floatR_box{
    padding: 0 30%;
}

#form .download .text_box{
    margin-top: 5%;
    padding: 0;

}

.flyer__inner{
    width: 100%;
    margin: 0 auto;
}

.confirmationButton{
    margin: 5%;
}

#form .text_box li{
    font-size: 3.5vw;
    margin-bottom: 0;
}

.second__reply{
    margin-bottom: 5%;
}

.flyer .flexBox{
    display: block;

padding: 5%;

box-sizing: border-box;
margin-top: 0;
}

.flyer .flexBox img{
    margin-bottom: 5%;
}

#form .flyer h2{
    margin-bottom: 0;
}

#form .sponsor__box li{
    font-size: 3.5vw;
}*/
  #form table {
    margin: 0 5%;
    font-size: 3.5vw;
  }

  #form th {
    padding: 5% 5% 0 5%;
    border: none;
  }

  #form td {
    padding: 0 5% 5% 5%;
    border-top: none;
    border-left: none;
    border-right: none;
  }

  #form table td,
  #form table th {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }

  .table_inner__box {
    margin-top: 5%;
  }

  #form h2 {
    margin-bottom: 5%;
    text-align: center;
  }

  #form .floatR_box {
    padding: 0 5%;
  }

  #form .text_box {
    margin: 5%;
  }

  #form .text_box p {
    font-size: 3.5vw;
    margin-bottom: 5%;
  }

  #form .text_box h3 {
    font-size: 4vw;
    text-align: center;
    margin-bottom: 5%;
  }

  #form .text_box h3 img {
    width: 3%;
    height: auto;
  }

  #form .text_box ul {
    font-size: 3.5vw;
    margin-bottom: 5%;
  }

  #form .request {
    margin: 0 5%;
  }

  #form .request__inner {
    width: 100%;
    padding: 5%;
  }

  .mb20 {
    margin-bottom: 5% !important;
  }

  #form .request li {
    font-size: 3.5vw;
    margin-bottom: 5%;
    padding-left: 10%;
  }

  #form .request li span {
    font-size: 100%;
  }

  #form .request h2 {
    text-align: center;
  }

  #form .request li .linkButton {
    font-size: 3.5vw;
  }

  #form .text_box h4 img {
    margin-left: 5%;
    width: 3%;
    height: auto;
  }

  #form .text_box .inner_box {
    margin-bottom: 5%;
  }

  #form .inputBox__inner {
    width: 100%;
    padding: 5% 5%;
    box-sizing: border-box;
    margin: 0 auto;
  }

  #form .approval_box {
    margin: 5% 0;
  }

  #form h4 {
    margin-bottom: 5%;
    font-size: 4.5vw;
    line-height: 150%;
    text-align: center;
  }

  #form h4 img {
    width: 3%;
    height: auto;
  }

  #form .help ul {
    font-size: 3.5vw;
    margin-bottom: 5%;
  }

  #form .help li {
    font-size: 3.5vw;
    margin-bottom: 0;
    padding-left: 1em;
    text-indent: -1em;
  }

  #form .help li span {
    font-size: 100%;
    margin-right: 0;
  }

  #form .help li .linkButton {
    font-size: 3.5vw;
  }

  #form .help {
    margin-bottom: 10%;
  }

  #form .inputBox p {
    font-size: 3.5vw;
  }

  #form .inputBox .select ul {
    margin: 0 auto;
  }

  #form .inputBox .select li {
    text-align: center;
  }

  #form .caution {
    margin: 5% 0;
  }

  #form table {
    margin: 0 auto;
  }

  .w100 {
    box-sizing: border-box;
    margin-top: 5%;
  }

  .w8 {
    margin-top: 5%;
  }

  #form .download__inner {
    width: 100%;
    padding: 0 5%;
    box-sizing: border-box;
    margin: 0 auto;
  }

  #form .download .floatR_box {
    padding: 0 30%;
  }

  #form .flyer__inner {
    width: 100%;
    padding: 5%;
    box-sizing: border-box;
  }

  .flexBox {
    margin: 0 auto;
    display: block;
  }

  .flexBox img {
    margin-bottom: 5%;
  }

  #form .subHeader {
    text-align: center;
    padding: 0 0 5%;
  }

  #form .download .text_box {
    margin: 0;
  }

  #form .download .linkButton {
    font-size: 3.5vw;
  }

  #form .download li {
    font-size: 3.5vw;
  }

  #form table .linkButton {
    font-size: 3.5vw;
  }

  #form .use__inner {
    width: 100%;
    padding: 5%;
    box-sizing: border-box;
  }

  /*
=========================================
    organizer
=========================================
*/
  #organizer .mainVisual {
    background: url(../../voice/images/BGmain_fog.png), url(../../organizer/images/main_visual_sp.jpg);
    background-repeat: repeat, repeat;
    background-repeat: repeat-x, no-repeat;
    background-position: bottom, top;
    background-size: 0.2%, cover;
  }

  #organizer .wrap .indicate__inner {
    width: 100%;
    margin: 0 auto 5%;
  }

  #organizer h1 {
    padding: 15% 0;
    font-size: 5.5vw;
  }

  #organizer .contents {
    padding: 10% 5% 5%;
    box-sizing: border-box;
  }

  #organizer .wrap h2 {
    font-size: 5vw;
    margin-bottom: 5%;
  }

  #organizer .wrap ul {
    margin-bottom: 5%;
    font-size: 3.5vw;
  }

  #organizer .wrap li {
    font-size: 3.5vw;
    line-height: 150%;
  }

  #organizer .wrap p {
    margin-bottom: 5%;
    font-size: 3.5vw;
    line-height: 150%;
  }

  #organizer .wrap h3 {
    font-size: 4.5vw;
    margin-bottom: 5%;
  }

  #organizer .wrap table th,
  table td {
    padding: 3%;
    font-size: 3.5vw;
    line-height: 150%;
    vertical-align: top;
  }

  #organizer .wrap ul ul {
    margin: 2% 0 5%;
  }

  #organizer .wrap table {
    margin-bottom: 5%;
  }

  #organizer h4 {
    font-size: 4vw;
    margin-bottom: 5%;
  }

  #organizer .wrap dt {
    font-size: inherit;
  }

  #organizer .wrap dl {
    margin-bottom: 5%;
  }

  #organizer .flexBox {
    margin: 5% 0 0;
  }

  #organizer .wrap .linkButton {
    font-size: 3.5vw;
  }

  #organizer .wrap span {
    font-size: inherit;
  }

  /*
=========================================
    module
=========================================
*/
  .disNon_sp {
    display: none;
  }

  /*--20191224--*/
  .two_button {
    bottom: -20px;
  }

  .button01 p,
  .button02 p {
    font-size: 14px;
  }

  /*--20200122--*/
  .one_button {
    bottom: -20px;
  }
  .one_button p {
    font-size: 14px;
  }
}

@media only screen and (max-width: 500px) {
  .two_button {
    flex-wrap: wrap;
  }
  .button01,
  .button02 {
    max-width: 100%;
  }
  .button02 {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 375px) {
}

@media screen and (max-width: 768px) {
  .timeline {
    padding-left: 0;
    margin: 20px auto;
    max-width: 320px;
  }
  .timeline iframe {
    max-width: 320px;
  }
  #schedule table td.end {
    height: auto;
  }
}

/*--20200414--*/

@media screen and (max-width: 768px) {
  .linkArea .linkArea__inner .linkArea__flex {
    display: block;
  }
  .linkArea .linkArea__inner .linkArea__flex .linkArea__box {
    max-width: 280px;
    width: 100%;
    margin: 0 auto;
  }
  .linkArea .linkArea__inner .linkArea__flex02 {
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
  }
  .linkArea .linkArea__inner .linkArea__flex02 .linkArea__box {
    max-width: 420px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .linkArea {
    padding: 0 3%;
  }
  .linkArea .linkArea__inner {
    padding: 3% 5%;
    margin-bottom: 10%;
  }
  .linkArea .linkArea__inner h3 {
    font-size: 4.5vw;
    margin-bottom: 20px;
  }
  .linkArea .linkArea__inner p {
    font-size: 3.5vw;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", Verdana, "メイリオ", Meiryo, sans-serif;
  }
  .linkArea .linkArea__inner .linkArea__flex02 .linkArea__box h4 {
    font-size: 4vw;
  }

  .box03 {
    padding: 5% 0;
  }

  .box03 ul {
    width: 100%;
    margin-bottom: 0;
  }

  .box03 li {
    width: 100%;
    /* margin: 0 0 5% 0; */
  }
  .box03 li:nth-of-type(n + 2) {
    margin-top: 5%;
  }

  .box03 dl {
    margin-bottom: 8%;
  }

  .box03 dt {
    font-size: 3.5vw;
    margin-bottom: 3%;
  }

  .box03 dd {
    font-size: 3.5vw;
  }
  .lc {
    text-align: center !important;
  }
  .flexBox_img_2 > img {
    width: 100%;
  }
  .wrap .pcOnly {
    display: none !important;
  }
  .wrap .spOnly {
    display: block !important;
  }
}