@charset "UTF-8";

.main{
    font-family: "Noto Sans JP", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", "Noto Sans Khmer", "Noto Sans Myanmar", "Noto Sans Display", sans-serif!important;
}
#anc-tab{
    /* background: url(images/dealerservice/bg_tab_border.png?) repeat-x left bottom; */
    margin-bottom: 60px;
}
@media screen and (max-width: 640px) {
  #anc-tab{
    margin-bottom: 40px;
}
}
.w-80p {
    width: 80%!important;
}
.tab-group.row {
    margin: 0;
    max-width: 940px;
    margin-left: auto;
    margin-right: auto;
}
.tab-group.row li {
    color: #034098;
    font-size: 150%;
    border-bottom: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0!important;
    width: 100%;
}
.tab-group.row li {
    width: calc((100% - 150px) / 2);
}
@media screen and (max-width: 640px) {
    .tab-group.row li {
        width: calc((100% - 2em) / 2);
    }
}
.tab-group.row li a,
.tab-group.row li img {
    display: block;
    width: 100%;
}
.tab-group.row li a:hover {
    opacity: 1;
}

#anc-tab .tab-group.row {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 2px solid #034098;
    justify-content: center;
}
#anc-tab .tab-group.row li:nth-of-type(1) {
    margin-right: 10px;
}
#anc-tab .tab-group.row:before {
    display: none;
}
#anc-tab a{
    text-align: center;
    font-weight: bold;
    color: #fff;
    background: #034098;
    border-top: 2px solid #034098;
    border-left: 2px solid #034098;
    border-right: 2px solid #034098;
    border-radius: 15px 15px 0 0;
    padding: 28px 5px;
    line-height: 1.3;
    font-size: 2.6rem;
    position: relative;
    transition: .4s;
}
#anc-tab a.org{
  background: #EE8532;
  border-top: 2px solid #EE8532;
  border-left: 2px solid #EE8532;
  border-right: 2px solid #EE8532;
}

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

    #anc-tab a{
    font-size: 1.8rem;
    padding: 15px 5px;
    }
    .tab-group.row li a{
     text-decoration: none;
    }
}
#anc-tab a:hover {
}
#anc-tab a.current {
    color: #034098;
    background: #fff;
}
#anc-tab a.current.org{
  color: #EE8532;
  background: #fff;
}
#anc-tab a:after {
    content:"";
    position: absolute;
    width: 100%;
    height:4px;
    background: #fff;
    left:0;
    right: 0;
    bottom:-2px;
    opacity: 0;
}
#anc-tab a.current:after {
    opacity: 1;
}
.max-940px {
    width: 100%;
    max-width:940px;
    margin-left: auto;
    margin-right: auto;
    display:none;
}
@media screen and (max-width: 640px) {
    .max-940px {
        padding-left: 1em!important;
        padding-right: 1em!important;
    }
}
.max-940px.active {
    display:block;
}
.max-940px a{
    transition: .4s;
}


/**/
.page-mv img{
  width: 100%;
}

/* cv */
.cv-block{
  width: 100%;
  background: #FFF6A7;
  padding: 40px 20px;
}
.cv-block .cv-btn{
  margin: auto;
  position: relative;
  max-width: 460px;
  width: 100%;
}
.cv-block .cv-btn::before,
.cv-block .cv-btn::after{
  position: absolute;
  z-index: 1;
}
.cv-block .cv-btn::before{
  content: url(../images/tokusetsu/chara-l.svg);
  left: -24%;
  bottom:0;
}
.cv-block .cv-btn::after{
  content: url(../images/tokusetsu/chara-r.svg);
  right: -40%;
  bottom:0;
}
.cv-block .cv-btn a{
  display: block;
  position: relative;
  border: solid 2px #fff;
  border-radius: 12px;
  padding: 1.8rem 1rem 1.9rem;
  background: #EE8532;
  color:#fff;
  font-size:178%;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s;
}
.cv-block .cv-btn a.void{
  pointer-events:none;
  background: #C6C5C5;
  font-size:150%;
}
.cv-block .cv-btn a::after{
  content: url(../images/tokusetsu/arw-right.svg);
  position: absolute;
  right: 34px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 640px) {
  .cv-block{
    padding: 20px 10px;
  }
  .cv-block .cv-btn::before,
  .cv-block .cv-btn::after{
    transform: scale(0.5);
    bottom:auto;
  }
  .cv-block .cv-btn::before{
    left: 0;
    top:-123%
  }
  .cv-block .cv-btn::after{
    right: 0;
    top:-123%;
  }
  .cv-block .cv-btn a{
    font-size:142%;
  }
  .cv-block .cv-btn a::after{
    right: 15px;
  }
}


/* video */
.video-wrap{
  width: 100%;
  margin:0 auto 60px;
}
.video-wrap.or{
  display: flex;
  justify-content: space-between;
}
.video-wrap.bl{
  max-width: 720px;
}
.video-wrap.or .video{
  width: 49%;
  max-width: 450px;
}
.video-wrap .video.void{
  position: relative;
}
.video-wrap .video.void::after{
  content: "coming soon";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left:0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 120%;
}
.video-wrap .video img{
  width: 100%;
}
@media screen and (max-width: 640px) {
  .video-wrap{
    margin:0 auto 40px;
  }
  .video-wrap.or{
    flex-direction: column;
  }
  .video-wrap.or .video{
    width: 100%;
  }
  .video-wrap.or .video:first-child{
    margin-bottom: 20px;
  }
}

/* page-anc */
.page-anc{
  margin: 0 auto 100px;
}
.ttl-bar{
  display: block;
  background: #FFF1DB;
  color: #EE8532;
  font-size: 146%;
  font-weight: bold;
  text-align: center;
  padding: 12px;
  margin-bottom: 20px;
}
.ttl-bar span{
  font-size: 74%;
}
.ttl-bar.bl{
  color: #034098;
  background: #EDF9FF;
}
.page-anc-nav{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.page-anc-nav li{
  width: 24%;
}
.page-anc-nav a{
  position: relative;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 1rem 0.5rem 3rem;
  border-radius: 10px;
  border: solid 2px #EE8532;
  font-size: 100%;
  color: #333333;
  font-weight: bold;
  text-decoration: none;
  height: 100%;
}
.page-anc-nav.bl a{
  border: solid 2px #034098;
}
.page-anc-nav a span{
  display: block;
  margin: 0 auto 10px;
  line-height: 1;
}
.page-anc-nav a p{
  line-height: 1.3;
  margin: 0 auto 10px;
}
.page-anc-nav a p:not(:last-child){
  margin: 0 auto 5px;
}
.page-anc-nav a p:last-child{
  margin: 0 auto;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 10px;
}
@media screen and (max-width: 640px) {
  .page-anc{
    margin: 0 auto 40px;
  }
  .ttl-bar{
    font-size: 126%;
    padding: 8px 10px;
    margin-bottom: 20px;
  }
  .page-anc-nav li{
    width: 48%;
  }
  .page-anc-nav li:nth-child(-n+2){
    margin-bottom: 10px;
  }
  .page-anc-nav a{
    padding: 0.8rem 0.5rem 2.5rem;
  }
  .page-anc-nav a img{
    transform: scale(0.7);
  }
  .page-anc-nav a span{
    margin: 0 auto 5px;
  }
  .page-anc-nav a p{
    margin: 0 auto 5px;
  }
  .page-anc-nav a p:last-child{
    bottom: 5px;
  }
}


/* sec-point */
.sec-point{
  margin-bottom: 80px;
}
#sec-or04,#sec-bl04{
  margin-bottom: 120px;
}
.sec-point > p{
  text-align: center;
  font-size: 100%;
  margin-bottom: 1.5em;
}
.sec-point > p span{
  font-size:88%;
}
@media screen and (max-width: 640px) {
  .sec-point{
    margin-bottom: 40px;
  }
  #sec-or04,#sec-bl04{
    margin-bottom: 60px;
  }
  .sec-point > p{
    margin-bottom: 1em;
    text-align: left;
  }
}
.ttl-point{
  background: #FFF1DB;
  border-top: solid 2px #EE8532;
  padding: 10px 20px 15px;
  font-size: 136%;
  margin-bottom: 25px;
  font-weight: bold;
}
.ttl-point span{
  color:#EE8532;
  padding-right:1em;
}
.ttl-point.bl{
  background: #EDF9FF;
  border-top: solid 2px #034098;
}
.ttl-point.bl span{
  color:#034098;
}
.ttl-point-sub{
  margin-bottom: 15px;
  font-weight: bold;
  text-align: center;
  color: #EE8532;
  font-size: 136%;
}
.ttl-point-sub span{
  font-size: 138%;
  color: #D93214;
}
.f12{
  font-size: 12px !important;
  font-weight: 400;
  color: #333 !important;
}
.txt-sup{
  margin-bottom: 15px !important;
  margin-top: -15px !important;
  font-size: 88% !important;
  transform: translateX(11.5rem);
}
.txt-sup.kaigo-p2{
  transform: translateX(14.5rem);
}
.ttl-point-sub span sup{
  font-size: 12px !important;
  font-weight: 400;
  vertical-align: super;
  color: #333 !important;
  position: relative;
  top: -5px;
}
.ttl-point-sub.bl{
  color: #397DDE;
}
.ttl-point-sub.bl span{
  color: #EF6020;
}
.list-point{
  display: grid;
}
.list-point.col3{
  grid-template-columns: 1fr 1fr 1fr;
  gap: 35px;
}
.list-point.col4{
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}
.list-point li {
  font-size: 88.8%;
}
.list-point.col3 li{
  text-align: center;
}
.list-point li .imgwrap{
  border: solid 1px #EE8532;
  border-radius: 10px;
  padding: 20px 10px 15px;
  text-align: center;
  margin-bottom: 10px;
}
.list-point.col4 li .imgwrap{
  padding: 10px 10px;
  height: 150px;
  margin-bottom: 20px;
  display: grid;
  place-content: center;
}
.list-point li > h5{
  font-size: 100%;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.2em;
}

.img-point-cnt{
  text-align: center;
}
.img-point-cnt img{
  margin: auto;
  max-width: 500px;
}
@media screen and (max-width: 640px) {
  .ttl-point{
    margin-bottom: 15px;
    padding: 7px 10px 10px;
    font-size: 122%;
  }
  .ttl-point span{
    display: block;
  }
  .ttl-point-sub{
    text-align: left;
    font-size: 114%;
  }
  .ttl-point-sub span{
    font-size: 110%;
  }
  .ttl-point-sub span sup{
    font-size: 11px !important;
    top: 0;
  }
  .txt-sup,
  .txt-sup.kaigo-p2{
    margin-bottom: 10px !important;
    transform: translateX(0);
  }
  .list-point.col4,
  .list-point.col3{
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }
  .list-point.col3 li .imgwrap{
    height: 100%;
    padding: 20px 10px 5px;
  }
  .list-point.col3 li .imgwrap img{
    max-height: 100px;
  }
  .list-point.col4 li .imgwrap{
    height: auto;
    margin-bottom: 10px;
  }
  .list-point.col4 li .imgwrap img{
    max-height: 100px;
  }
  .img-point-cnt img{
    width: 85%;
  }
}



/* btn */
.btn-point{
  margin: auto;
}
.btn-point a,
.btn-point button{
  position: relative;
  display: block;
  width: 100%;
  text-align: center;
  line-height: 1;
  background-color: #fff;
  border: solid 2px #034098;
  border-radius: 10px;
  color: #034098;
  font-weight: bold;
  font-size: 144%;
  padding: 0.8em 1em;
  margin: auto;
  z-index: 1;
  box-shadow: 6px 6px #D0D0D0;
  text-decoration: none;
  cursor: pointer;
}
.btn-point.bgbl a{
  background-color: #034098;
  border: none;
  color: #fff;
  font-size: 134%;
  box-shadow:none;
}
.btn-point a::after,
.btn-point button::after{
  position: absolute;
  content: url(../images/tokusetsu/arw-right-bl.svg);
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
}
.btn-point.blank a{
  max-width: 580px;
}
.btn-point.blank a::after{
  position: absolute;
  content: url(../images/tokusetsu/icon_blank.svg);
  top: 50%;
  right: 22px;
  transform: translateY(-50%);
  line-height: 1;
}
.btn-point.pdf{
  width: 100%;
  max-width: 400px;
  margin: 0 auto 40px;
}
.btn-point.pdf-l a,
.btn-point.pdf a{
  padding: 25px 1em;
  box-shadow:none;
}
.btn-point.pdf-l a::after,
.btn-point.pdf a::after{
  content: url(../images/tokusetsu/icon_pdf.png);
  line-height: 1;
  right: 32px;
  transform: translateY(-50%);
}
@media screen and (max-width: 640px) {
  .btn-point.blank a::after{
    right: 10px;
    transform: scale(0.85)  translateY(-50%);
  }
  .btn-point.pdf{
    margin: 0 auto 20px;
  }
  .btn-point.pdf-l a{
    line-height: 1.3;
    padding: 16px 1em;
  }
  .btn-point.pdf-l a::after,
  .btn-point.pdf a::after{
    right:12px ;
    transform: scale(0.9)  translateY(-50%);
  }
  .btn-point a::after,
  .btn-point button::after{
    right:12px ;
  }
  .btn-point.bgbl a{
    padding: 15px 1em 18px;
  }
}


/* sec-inq */
.sec-inq{
  width: 100%;
  background-color: #FFF6A7;
  position: relative;
  border-radius: 20px;
  padding: 60px 70px 50px;
}
.img-l,
.img-r{
  position: absolute;
  top: -28%;
}
.img-l{
  left: 6.4%;
}
.img-r{
  right: 11.17%;
}
.sec-inq .inq-flex-block{
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.sec-inq .inq-flex-block dl{
  width: 48%;
}
.sec-inq dl dt{
  display: block;
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
  .sec-inq{
    border-radius: 10px;
    padding: 30px 15px 20px;
  }
  .img-l,
  .img-r{
    top: -22%;
  }
  .img-l{
    left: 2%;
  }
  .img-r{
    right: -1%;
  }
  .img-l img,
  .img-r img{
    transform: scale(0.5);
  }
  .sec-inq .inq-flex-block{
    flex-direction: column;
    row-gap: 20px;
    margin-bottom: 20px;
  }
  .sec-inq .inq-flex-block dl{
    width: 100%;
  }
}


/* entry */
.entry-flex-block{
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.entry-flex-cont{
  border: solid 2px #EE8532;
  border-radius: 10px;
  width: 48%;
}
.entry-flex-cont.bl{
  border: solid 2px #034098;
}
.entry-flex-cont > h4{
  background-color: #EE8532;
  color: #fff;
  border-radius: 7px 7px 0 0;
  font-size: 132%;
  text-align: center;
  padding: 0.8em;
  font-weight: bold;
  line-height: 1;
}
.entry-flex-cont.bl > h4{
  background-color: #034098;
}
.entry-flex-cont > p{
  height: 6em;
  font-size: 88%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 15px;
}
.btn-entry{
  margin: 0 20px 20px;
}
.btn-entry a{
  display: block;
  background-color: #F5F5F5;
  color: #EE8532;
  border:solid 2px #EE8532;
  border-radius: 10px;
  padding: 0.8em 10px;
  font-weight: bold;
  line-height: 1;
  font-size:112%;
  text-align: center;
  text-decoration: none;
}
.btn-entry.bl a{
  color: #034098;
  border:solid 2px #034098;
}
@media screen and (max-width: 640px) {
  .entry-flex-block{
    flex-direction: column;
    row-gap: 20px;
    margin-bottom: 20px;
  }
  .entry-flex-cont{
    width: 100%;
  }
  .entry-flex-cont > p{
    height: auto;
    text-align: left;
    display: block;
  }
  .btn-entry{
    margin: 0 15px 15px;
  }
}


/* list-faq */
.list-faq{
  width: 100%;
}
.list-faq li{
  display: block;
  border-bottom: solid 1px #DDDDDD;
}
.list-faq .acc-trigger{
  display: block;
  font-weight: bold;
  padding:0 1.4em;
  position: relative;
  font-size:112%;
  margin-top: 1em;
}
.list-faq .acc-trigger::after{
  content: url(../images/tokusetsu/icon-down.svg);
  position: absolute;
  right: 10px;
  top: 10px;
  background: none;
  transition: all 0.3s;
  width: 10px;
}
.list-faq .acc-trigger.open::after{
  content: url(../images/tokusetsu/icon-up.svg);
}
.list-faq .acc-trigger::before{
  content: "Q";
  position: absolute;
  left: 0;
  top: 0;
  font-weight: bold;
  font-size:112%;
  color: #EE8532;
  background: none;
}
.list-faq.bl .acc-trigger::before{
  color: #034098;
}
.list-faq .acc-set{
  margin: 1em 0;
}
.list-faq .acc-set span{
  display: block;
  background-color: #F5F5F5;
  padding:1.2em;
  border-radius: 10px;
}
@media screen and (max-width: 640px) {
  .list-faq .acc-trigger{
    padding:0 1.8em;
  }
  .list-faq .acc-trigger::after{
    transform: scale(0.8);
  }
}


/* flex-block */
.flex-block{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 36px;
}
.flex-cont{
  width: 48%;
  display: flex;
  flex-direction: column;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .flex-block{
    flex-direction: column;
  }
  .flex-cont{
    width: 100%;
  }
}

/*  file-dl */
.filedl-img{
  max-width: 234px;
  width: 80%;
  margin:0 auto 30px;
}
.filedl-img img{
  width: 100%;
}
.filedl-img.void{
  position: relative;
}
.filedl-img.void::after{
  content: "coming soon";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left:0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 120%;
}
.filedl-btn{
  width: 100%;
}
.filedl-btn:not(:first-of-type){
  margin-top: 20px;
}
.filedl-btn a{
  display: block;
  position: relative;
  border-radius: 10px;
  text-align: center;
  line-height: 1;
  padding: 0.8em 1em 1.1em;
  color: #fff;
  font-weight: bold;
  font-size: 114%;
  background-color: #EE8532;
}
.filedl-btn.bl a{
  background-color: #034098;
}
.filedl-btn a.void{
  pointer-events: none;
}
.filedl-btn a.void::after{
  display: none !important;
}
.filedl-btn a.void::before{
  content: "COMING SOON";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  font-weight: bold;
  border-radius: 10px;
  background-color: rgba(85,85,85, 0.4);
}
.filedl-btn p{
  font-size: 74%;
  padding: 10px 0;
}
.filedl-btn.pdf a::after{
  content: url(../images/tokusetsu/icon_pdf.png);
  line-height: 1;
  position: absolute;
  right: 32px;
  top: 50%;
  transform: translateY(-50%);
}
.filedl-btn.last{
  margin-top: auto;
  padding-top: 20px;
}
@media screen and (max-width: 640px) {
  .filedl-img{
    margin-bottom: 20px;
  }
  .filedl-btn.pdf a::after{
    transform: scale(0.9) translateY(-50%);
    right: 12px;
  }
  .filedl-btn.last{
    margin-top: auto;
    padding-top: 15px;
  }
}


/* column */
.ttl-column{
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 15px;
}
.tit01{
  color: #034098 !important;
  font-size: 2.6rem;
  padding: 0 20px 9px 0;
  margin-bottom: 20px;
  border-bottom: solid 2px #034098;
}
.flexBox {
  display: flex!important;
  justify-content: space-between;
  flex-wrap: wrap;
}
.flexBox .relativeBox {
  width: 48%;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: solid 1px #ddd;
}
.flexBox .relativeBox a{
  display: flex!important;
  justify-content: space-between;
  flex-wrap: wrap;
}
.flexBox .image {
  width: 45%;
}
.flexBox .text {
  width: 52%;
  font-weight: bold;
  font-size: 83%;
}
@media screen and (max-width: 640px) {
  .flexBox .image {
    width: 100%;
    margin-bottom: 10px;
  }
  .flexBox .text {
    width: 100%;
    font-size: 90%;
  }
}


/* modal */
/* モーダルと背景の指定 */
.modal{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0,0,0,80%);
  padding: 40px 20px;
  overflow: auto;
  /* opacity: 0;
  visibility: hidden; */
  transition: .3s;
  box-sizing: border-box;
  z-index: 20001;
  display: none;
}

/* モーダルの擬似要素の指定 */
.modal:before{
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  margin-left: -0.2em;
}

/* モーダル内側の指定 */
.modal-container{
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 580px;
  width: 90%;
}

/* モーダルを閉じるボタンの指定 */
.modal-close{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: -20px;
  right: -20px;
  width: 40px;
  height: 40px;
  color: #fff;
  background: #000;
  border-radius: 50%;
  cursor: pointer;
}

/* モーダルのコンテンツ部分の指定 */
.modal-content{
  background: #fff;
  text-align: left;
  line-height: 1.8;
  border-radius: 10px;
}
.modal-content > h4{
  background-color: #EE8532;
  color: #fff;
  border-radius: 7px 7px 0 0;
  font-size: 132%;
  text-align: center;
  padding: 0.8em;
  font-weight: bold;
  line-height: 1;
}
.modal-content.bl > h4{
  background-color: #034098;

}
.contact-tel{
  padding: 1em;
  text-align: center;
}
.contact-tel > dl{
  display: inline-flex;
  margin: 0 auto 15px;
  justify-content: center;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: 10px;
  padding-bottom: 10px;
  border-bottom: solid 2px #EE8532;
}
.contact-tel > dl dt{
  font-weight: bold;
  font-size: 100%;
  color: #EE8532;
}
.contact-tel > dl dd{
  font-weight: bold;
  font-size: 134%;
  color: #EE8532;
}
.contact-tel > p{
  font-size: 96%;
  line-height: 1.5;
  text-align: center;
  color: #EE8532;
}
.contact-tel.bl > dl{
  border-bottom: solid 2px #034098;
}
.contact-tel.bl > dl dt,
.contact-tel.bl > dl dd,
.contact-tel.bl > p{
  color: #034098;
}
@media screen and (max-width: 640px) {
  .contact-tel{
    padding: 0.5em;
  }
}


/* chart */
.chart-cont > h3{
  color:#034098;
  margin-bottom: 22px;
  padding-bottom: 10px;
  font-weight: bold;
  text-align: left;
  font-size: 124%;
  border-bottom: solid 2px #034098;
}
.chart-cont > p{
  margin-bottom: 20px;
  text-align: left;
}
.chart-cont > p span{
  font-weight: bold;
  color: #EF6020;
}
.img-chart{
  width: 100%;
  margin-top: auto;
}


/* video追加 */
.video-wrap.enable .video{
  position: relative;
  padding-bottom: 56.25%;
}
.video-wrap.enable .video iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top:0;
  bottom:0;
  left: 0;
  right: 0;
}


/* filedl-img追加 */
.filedl-img.enable{
      width: auto;
    max-width: 100%;
}
@media screen and (min-width: 641px) {
  .filedl-img.enable{
      width: auto;
      max-width: 100%;
      height: 305px;
  }
}



.video-wrap.or .video {
  position: relative;
  padding-bottom: 56.25%;
}

@media screen and (min-width: 641px) {
  .video-wrap.or .video {
    position: relative;
    height: 253px;
    padding-bottom: 0;
  }
}

#player2,
#player3 {
  position: absolute;
  width: 100%;
  height: 100%;
}