.main-sp{
  display: none;
}

@media screen and (max-width: 890px) {
  .main-button {
    display: none;
  }

  .main-sp{
    display: block;
  }
}


/* ------------------------------------------------- */
/* 共通使用　　　　　　　　　　　   　　　　　 　　　　  */
/* ------------------------------------------------- */

/*センター揃え*/
.text_center{
  text-align-last: center;
}

/*フォント_太字*/
.font_set{
  font-weight: bold;
}

.underline_main{
  text-align: -webkit-center;
  padding-bottom: 2em;
}
.underline{
  width: 150px;
  height: 5px;
  background: rgb(255, 173, 96);
  border-radius: 10px;
  margin-top: -1.5em;
}

/*タイトルフォントサイズ*/
@media screen and (max-width: 890px) {
.headding_ja2{
  font-size: 2.4rem !important;
}
}

/* ------------------------------------------------- */
/* テーブル　　　　　　　　　　　   　　　　　 　　　　  */
/* ------------------------------------------------- */

.table_main{
  width: 100%;
}

.table_text_left{
  width: 40%;
  font-size: large;
  /*font-weight: bold;*/
}

.table_text_left_op{
  vertical-align: text-top;
}

.table_text_left_2{
  background-color: #f52d2d;
  color: white;
  padding: 3%;
}

.table_text_right{
  width: 60%;
  font-size: large;
  /*font-weight: bold;*/
}

/*
.table_text_right p{
  font-weight: bold;
}
*/

.table_area{
  padding-top: 5%;
  padding-bottom: 5%;
}

.table_area_2{
  padding-bottom: 5%;
}

.table_border{
  border-top: 1px solid #333;
}

.table_border_2{
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}

@media screen and (max-width: 890px) {

.table_text_left{
  width: 40%;
  font-size: small
  /*font-weight: bold;*/
}

.table_text_right{
  width: 60%;
  font-size: small;
  /*font-weight: bold;*/
}
}
/* ------------------------------------------------- */
/* アクセス　　　　　　　　　　　   　　　　　 　　　　  */
/* ------------------------------------------------- */

.access_area{
  display: flex;
  justify-content: space-between;
  padding-bottom: 5rem;
}


.access_text{
  font-size: x-large;
  font-weight: bold;
}

.access_text_2{
  padding-top: 10rem;
}

@media screen and (max-width: 890px) {
  .access_area{
  display: block;
  }

  .access_text_2{
  padding-top: 0rem;
  }

  .access_area_2{
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
}

.access_area_2 iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

}