@charset "utf-8";

.contrnt-bg{
  position: relative;
}

.pic_ambassador01 {
  width:50%;
  position: absolute;
  top:-2%;
  left:0;
  z-index: 1;
}
.pic_ambassador02 {
  width:50%;
  position: absolute;
  top:-2%;
  right:0;
}

.content-blackbg p{
  text-align: center;
  font-weight: bold;
  padding:10% 0;

}
@media screen and ( min-width:768px ) { /* PC ==================== */
  .content-blackbg p{
  font-size: 200%;
}
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
  .content-blackbg p{
  font-size: 100%;
}
}

.title_ambassador h3{
  width:80% !important;
  z-index: 50;
  position: relative;
}

.stitle_ambassador01,
.copy_ambassador01{
  z-index: 50;
  position: relative;
}

.stitle_ambassador01 p{
  width:58%;
  margin:0 auto;
}

.stitle_ambassador01,
.copy_ambassador01,
.copy_ambassador02,
.copy_ambassador03{
  width:100%;
  text-align: center;
}

.copy_ambassador01 p,
.copy_ambassador02 p,
.copy_ambassador03 p{
  width:80%;
  margin:0 auto;
}
.stitle_ambassador01 p img,
.copy_ambassador01 p img,
.copy_ambassador02 p img,
.copy_ambassador03 p img{
  width:100%;
}
.copy_ambassador02 p img{
   padding-bottom:10px !important;
}



.ambassador-menu{
  width:60% !important;
  margin: 0 auto;
}
.ambassador-menu3 div{
    margin: 0;
    width: calc(33.33%);
    float: left;
  }
.ambassador-menu3 div:nth-child(3n+1){
    margin-right: 0;
  }
.ambassador-menu3 div:nth-child(3n){
    float: right;
  }
  .ambassador-menu4 div{
    margin: 0;
    width: calc(25%);
    float: left;
  }
.ambassador-menu4 div:nth-child(4n+1){
    margin-right: 0;
  }
.ambassador-menu4 div:nth-child(4n){
    float: right;
  }
.ambassador-menu5 div{
    margin: 0;
    width: calc(20%);
    float: left;
  }
.ambassador-menu5 div:nth-child(5n+1){
    margin-right: 0;
  }
.ambassador-menu5 div:nth-child(5n){
    float: right;
  }
.ambassador-menu div img{
  width:100%;
  padding:5px;
}



.content-blackbg,
.content-blackbg-top{
  z-index: 50;
  position: relative;
}

.content-blackbg div{
  width:100%;
  margin:0 !important;
  padding:0 !important;
}
.content-blackbg div p{
  padding:0 !important;
}
.content-blackbg div p img{
  width:100%;
}


.content-blackbg,
.content-blackbg-top{
  z-index: 50;
  position: relative;
}

.content-blackbg div{
  width:100%;
  margin:0 !important;
  padding:0 !important;
}
.content-blackbg div p{
  padding:0 !important;
}
.content-blackbg div p img{
  width:100%;
}


.pic_ambassador01-1{
  width:100%;
  position: relative;
}
.pic_ambassador01-1 p{
  width:100%;
}
.pic_ambassador01-1 p img{
  width:100%;
}

.pic_ambassador01-1 .mv{
  width: 37% !important;
  position: absolute;
  top:56%;
  left:46.5%;
  z-index: 50;
}

.pic_ambassador01-1 .mv img{
  box-shadow: none !important;
}

div.ambassador-coment-two{
    width:75% !important;
    margin:20px auto 0 !important;
}

.ambassador-coment-two p{
    width:45% !important;
    float:left !important;
}
.ambassador-coment-two div{
    width:50% !important;
    float:right !important;
}
.ambassador-coment-two img{
    width:100%;
}

.pic_ambassador01-2{
}
.pic_ambassador01-2 p{
  width:80%;
  margin:0 auto;
}
.pic_ambassador01-2 p img{
  width:100%;
}

h4{
  text-align: center;
  margin-bottom:10px;
}
h4 img{
  width:50%;
}
.mv_bg{
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
  position: relative;
}
.mv_bg01{
  background-image: url(../img/mv_bg01@2x.png);
}
.mv_bg02{
  background-image: url(../img/mv_bg02@2x.png);
}
.mv_bg03{
  background-image: url(../img/mv_bg03@2x.png);
}
.mv_bg04{
  background-image: url(../img/mv_bg04@2x.png);
}
.mv{
  width:80% !important;
  margin:0a auto;
}
.mv img{
  width:100%;
  box-shadow:0 0 10px 10px rgba(255, 255, 255, .5);
}

.mv iframe{
  width:100%;
  margin: 0 auto;
  aspect-ratio: 16 / 9;
}

.pic_ambassador-right{
  width:30% !important;
  position: absolute;
  bottom:0;
  right:0;
  z-index: 10;
}
.pic_ambassador-left{
  width:30% !important;
  position: absolute;
  bottom:0;
  left:0;
  z-index: 10;
}
.pic_ambassador-right img,
.pic_ambassador-left img{
  width:100%;
}


.pic_ambassador03{
  width:100%;
}
.pic_ambassador03 img{
  width:100%;
}

.copyrihjt-hp{
  text-align: center;
  padding-bottom:10%;
}


.center{
  text-align: center !important;
}

.center .mv{
  margin:0 auto !important;
  width:80% !important;
}
.center .mv iframe{
  margin:0 auto !important;
}