/* ========== table-const ========== */
.c-table-01 .bg-blue {
    background-color: #3498DB;
    color: #FFF;
}
.c-table-01 .bg-green {
    background-color: #86be00;
    color: #FFF;
}
.c-table-01 .bg-gray {
    background-color: #747b81;
    color: #FFF;
}

@media only screen and (min-width: 641px){
    .c-table-01.table-const th , .c-table-01.table-const td {
        padding: 12px 3px 10px;
    }
}

@media only screen and (max-width: 640px){
    .c-table-01.table-const th , .c-table-01.table-const td {
        font-size: 87.5%;
        padding: 6px 2px 5px;
    }
}


/* ========== c-column-group def ========== */
.c-column-group.c-column-def .col-unit-1\/3{
  width: 32.5%;
  margin-left: 1.25%;
}
.c-column-group.c-column-def .col-unit-1\/3:first-child{
  margin-left: 0;
}
.c-column-group.c-column-def .col-unit-1\/3 .c-heading4-01 h4{
  text-align: center;
  color: #fff;
  background-color: #eb7000;
  padding: 0.25em;
  border-radius: 10px 10px 0 0;
}
.c-column-group.c-column-def .col-unit-1\/3 .c-heading4-01 span{
  font-size: 85%;
  font-weight: normal;
  margin-right: .75em;
}

.c-column-group.c-column-def .col-unit-1\/3 .col-unit-inner{
  padding: .5em;
  border-right: solid 2px #ccc;
  border-bottom: solid 2px #ccc;
  border-left: solid 2px #ccc;
  border-radius: 0 0 10px 10px;
}
@media only screen and (max-width: 640px){
  .c-column-group.c-column-def .col-unit-1\/3{
    width: 100%;
    margin: .75em 0 0;
  }
  .c-column-group.c-column-def .col-unit-1\/3:first-child{
    margin-top: 0;
  }
  .c-column-group.c-column-def .col-unit-1\/3 .c-heading4-01 h4{
    border-radius: 5px 5px 0 0;
    font-size: 90%;
    padding: 0.5em;
  }
  .c-column-group.c-column-def .col-unit-1\/3 .c-heading4-01 h4 span{
    font-size: 95%;
  }
  .c-column-group.c-column-def .col-unit-1\/3 .col-unit-inner{
    border-radius: 0 0 5px 5px;
  }
}
.c-column-group.c-column-def .col-unit-1\/2 .c-heading4-01 h4 {
  text-align: center;
  color: #fff;
  padding: 0.3em 0.25em 0.15em;
  border-radius: 10px 10px 0 0;
}
.c-column-group.c-column-def .col-unit-1\/2.color--blue .c-heading4-01 h4 {
  background-color: #3498dB;
}
.c-column-group.c-column-def .col-unit-1\/2.color--green .c-heading4-01 h4 {
  background-color: #86be00;
}
.c-column-group.c-column-def .col-unit-1\/2 .c-heading4-01 h4 a{
  color: #fff;
  padding: 0;
}

.c-column-group.c-column-def .col-unit-1\/2 .c-heading4-01 h4 a::before{
  display: none;
}

.c-column-group.c-column-def .col-unit-1\/2 .c-heading4-01 h4 a::after{
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 15px;
  border: 4px solid;
  border-color:  transparent transparent #fff #fff;
  transform: rotate(-45deg) translateY(-25%);
}

@media only screen and (max-width: 640px){
  .c-column-group.c-column-def .col-unit-1\/2 .c-heading4-01 h4 a::after{
    width: 12px;
    height: 12px;
    margin-left: 10px;
    border: 3px solid;
    border-color:  transparent transparent #fff #fff;
  }
}

.c-column-group.c-column-def .col-unit-1\/2 .col-unit-container {
  padding: .5em .5em 1em .5em;
  border-right: solid 2px #ccc;
  border-bottom: solid 2px #ccc;
  border-left: solid 2px #ccc;
  border-radius: 0 0 10px 10px;
}

/* ========== c-ground-tea_break ========== */
.c-ground-tea_break {
    background-color: #f9f7af;
    border-radius: 10px;
    padding: 20px;
}

/* ========== change-point ========== */
.change-point h4 {
    color: #fff;
    background-color: #4da0cf;
    display: inline;
    padding: 5px 30px;
    border-radius: 20px;
}

/* ========== c-tabs-nisa ========== */
/* .c-tabs-01.c-tabs-nisa>.tabs{
  padding-top: 0;
  padding-bottom: 0;
}
.c-tabs-01.c-tabs-nisa>.tabs,
.c-tabs-01.c-tabs-nisa>.content{
  border-bottom: none;
}
.c-tabs-01.c-tabs-nisa>.content:before,
.c-tabs-01.c-tabs-nisa>.content:after{
  content: none;
}
.c-tabs-01.c-tabs-nisa>.tabs>li a{
  background: #facf9c;
  color: #eb7000;
  border: none;
}
.c-tabs-01.c-tabs-nisa>.tabs>li.current a{
  background: #eb7000;
  color: #fff;
} */

/* ========== tab ========== */
.c-tabs-01.c-tabs-02{
   margin: 10px 0 0;
}
.c-tabs-01.c-tabs-02>.content{
  border-bottom: none;
  border-top: 1px solid #bcbdbd;
}
.c-tabs-01.c-tabs-02>.content>div{
  padding: 20px 0;
}
.c-tabs-01.c-tabs-02>.content:before,
.c-tabs-01.c-tabs-02>.content:after{
  content: none;
}
.c-tabs-01.c-tabs-02>.tabs{
  border-bottom: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 20px;
  padding: 0;
}
.c-tabs-01.c-tabs-02>.tabs>li{
  margin: 0;
  width: 47.32%;
}
.c-tabs-01.c-tabs-02>.tabs>li:not(:last-child) {
  margin-right: 2px;
}
.c-tabs-01.c-tabs-02>.tabs>li.current{
  border: 1px solid #bcbdbd;
  border-bottom: none;
  width: 48.21%;
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
  z-index: 1;
}
.c-tabs-01.c-tabs-02>.tabs>li a{
  border: none;
  border-radius: 0;
  font-size: 12px;
  padding: 8px 0;
}
.c-tabs-01.c-tabs-02>.tabs>li.current a{
  background: #fff;
  border: none;
  border-top: 3px solid #eb5505;
  border-radius: 0;
  color: #535252;
  font-weight: bold;
  padding: 16px 0 8px;
}
@media screen and (min-width: 640px){
  .c-tabs-01.c-tabs-02>.tabs {
    margin-top: 15px;
  }
  .c-tabs-01.c-tabs-02>.tabs>li {
    width: 48.21%;
  }
  .c-tabs-01.c-tabs-02>.tabs>li.current{
    width: 48.85%;
  }
  .c-tabs-01.c-tabs-02>.tabs>li:not(:last-child) {
    margin-right: 4px;
  }
  .c-tabs-01.c-tabs-02>.tabs>li a{
    font-size: 18px;
    padding: 18px 0;
  }
  .c-tabs-01.c-tabs-02>.tabs>li.current a{
    border-top: 6px solid #eb5505;
    padding: 35px 0 24px;
  }
}

/* ========== movie ========== */
.movie {
  height: 0;
  margin: 3vw auto 0 auto;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  aspect-ratio: 9/16;
  z-index: 1;
}
@media only screen and (max-width: 640px) {
    .movie {
        height: unset;
        aspect-ratio: 9/16;
    }
}

.movie iframe {
  border: #000 solid 1px;
  box-sizing: border-box;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#movie_btn{
position: relative;
z-index: 1000;
}

.movie a .c-figure-01 img{
  transition: all 0.15s linear;
}
.movie a:hover{
  opacity: 0.6;
}

.movie a:hover img{
  transform: scale(1.1);
}
.c-tabs-01>.content{
  position:unset;
}