.tac{
  text-align: center;
}
.up-d-block {
  display: block;
}
.index .youtube0x {
    max-width: 800px;
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: auto;
    margin-top: 6%;
}

.index .youtube0x:before {
    content: "";
    display: block;
    padding-top: 65.88%;
}

.index .youtube0x iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: auto;
    transform: translate(-50%,-50%);
    width: 100%;
}


@media only screen and (max-width: 1024px){
  .index .youtube0x {
    max-width: unset;
    position: relative;
    width: 96%;
    overflow: hidden;
    margin: auto;
    margin-top: 10%;
}  
}

@media only screen and (max-width: 599px){
.index .youtube0x {
    max-width: unset;
    position: relative;
    width: 96%;
    overflow: visible;
    margin: auto;
    margin-top: 15%;
    height: 300px !important;
}

.index .youtube0x iframe {
    width: 100%;
    max-width: 800px;
    margin: auto;
    height: 100%;
}

}


/* @media only screen and (max-width: 1024px){
  .index .youtube0x iframe {
    width: 100%;
    max-width: 800px;
    margin: auto;
    height: 348px;
}
}



.mt3{
  margin-top: 3%;
}

@media only screen and (max-width: 1024px){
  .mt3{
  margin-top: 5%;
}
}

@media only screen and (max-width: 599px){
  .mt3 {
    margin-top: 7%;
}
} */


.d-ib{
  display: block !important;
}

/* 7/7追記 */
@media only screen and (min-width: 1025px){
  .pos-sc-pc{
  position: static !important;
}  

}

.youtube a{
  transition: unset !important;
  transform: unset !important;
}

.index .youtube {
    max-width: 800px;
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: auto;
    margin-top: 6%;
}

.index .youtube img:hover {
    opacity: 0.8;
    transition: all .2s ease;
      transition: unset !important;
  transform: unset !important;
}
@media only screen and (max-width: 1024px){
  .index .youtube {
    max-width: unset;
    position: relative;
    width: 96%;
    overflow: hidden;
    margin: auto;
    margin-top: 10%;
}  
}

@media only screen and (max-width: 599px){
.index .youtube {
    max-width: unset;
    position: relative;
    width: 96%;
    overflow: visible;
    margin: auto;
    margin-top: 15%;
    height: auto !important;
}
}


/* 2/24 追記 */

.img100 img{
  width: 100%;
}

.w80{
  width: 80%;
  margin: auto;  
}

.benner-flex{
  display: flex;
    justify-content: space-between;
    height: max-content;
}

.benner-flex img{
  width: 48%;
    height: 100% !important;
}

@media (max-width:599px) {
  .up-d-none\@sp {
    display: none;
  }
}

.fbnr * {
    line-height: 160%;
}