@charset "UTF-8";

.PandA_text{
  line-height:2;
  text-align: center;
  margin:100px auto;
  font-size:1.2rem;
}
/*--------------------------
リニューアル
---------------------------*/
.akamastu_back{
  background-image:url("../img/akamatsu_back.png");
  background-size:500px;
  background-repeat: round;
  

}
.amb_toptext1,.amb_toptext2{
  position:absolute;
  left:53%;
  line-height: 1;
}
.amb_toptext1{
  top:20%;
}
.amb_toptext2{
  top:45%;
}


.amb_toptext1 h2, .amb_toptext2 h2{
  font-size: 4vw;
}
.amb_toptext2 h3{
  font-size: 6vw;
}
.amb_toptext1 p, .amb_toptext2 p{
  margin-top:5px;
  margin-bottom:40px;

  font-weight: 600;
}
.amb_toptext1 p{
  font-size:2.6vw;
}
.amb_toptext2 p{
  font-size:3.5vw;
}

.noblock_sp{
  display: block;
}

@media (max-width: 767px){
  .amb_toptext1{
    top:initial;
    bottom:30px;
    left:0;
    width:100%;
  }
  .amb_toptext2{
    top:initial;
    left:0;
  }
  .amb_toptext1 h2{
    font-size: 2.5rem;
    margin-left:30px;
  }
  .amb_toptext2 h3{
    margin-left:30px;
    font-size: 2.5rem;
  }
  .amb_toptext1 p{
    margin-bottom:30px;
    margin-left:30px;
    font-size:1.6rem;
  }
  .amb_toptext2 p{
    margin-left:30px;
    font-size:1.9rem;
  }
  .amb_toptext_back{
    background-color:rgba(255,255,255,0.5);
    padding:20px 10px 10px 10px;
  }

  .mgb200sp{
    margin-bottom:200px !important;
  }
  .noblock_sp{
    display: inline;
  }
}
/*アンバサダーのコンテンツ*/

.ambtextbox,.ambimgbox{
  width:48%;
}
@media (max-width: 767px) {
  .ambtextbox,.ambimgbox{
    width:100%;
  }
}
.ambtextbox{

}
.ambimgbox img{
  width:100%;
}

.ambtextbox h3{
  line-height: 1.2;
  padding:20px;
  background-color:#EB89AE;
  color:white;
}
.ambtextbox p{
  line-height: 1.5;
  padding:20px;
}
.prof{
/*  border:solid 2px #f2d6db;*/
}
.prof_img{
  margin-bottom:10px;
  position:relative;
}
.prof_img h2{
  position:absolute;
  bottom: 20px;
  left:20px;
  font-size:7vw;
  color:#fabdbd;
}
@media (max-width: 767px){
  .prof_img h2{font-size:9vw;
  
  }
}

.prof_text{
  line-height: 1.5;
  padding:30px;
/*  margin-top:10px;*/
  background-color:rgba(255,255,255,0.85);
}
.profname{
  color: #fabdbd;
  font-size:1.5rem;
  font-weight: 700;
}
.prof_youtube{
  display: block;
  margin:15px 0;
  display: flex;
  flex-wrap: wrap;
  text-decoration: underline;
}
.prof_youtube img{
  margin-right: 10px;
}


.prof_text strong{
  font-size:1.1rem;
  color: #fabdbd;
}
.YouTube_logo{
  width:100px;
}

.prof_text li:nth-child(2n-1){
  margin-bottom:15px;
}
























/*--------------------------
リニューアルここまで
---------------------------*/
.amb_list{
  display:flex;
  justify-content: center;
  flex-wrap: wrap;
  padding:0 53px;
}

.amb_box{
/*
  width:150px;
  height:350px;
  transform: skew(-5deg ,0);
*/
  width:200px;
  height:200px;
/*  background-color: antiquewhite;*/
  margin:0 5px 0 5px;
  overflow: hidden;
  transition:0.3s;
  position:relative;
  margin-bottom:10px;

}
.amb_box:hover{
  cursor: pointer;
/*  transform:translateY(-10px) skew(-5deg ,0);*/
}

.amb_box:hover p{
  color:#C99F4F;
}

.amb_box img{
/*
  transform: skew(5deg ,0)
    scale(1.2);
*/
}
.amb_box p{
  position:absolute;
  bottom:0px;
  left:0px;
  padding:10px;
  color:white;
  font-size:1.3rem;
  transform:skew(-5deg ,0);
  font-weight: 700;
  transition:0.3s;
}
.amb_box p:before{
  position:absolute;
  height:100%;
  width:3px;
  left:0;
  bottom:0;
}

/*クリックでオープンするコンテンツ*/
#amb_contents{
  width:100%;
  height:auto;
  padding: 20px 53px;
  background-color: rgba(239, 187, 71, 0.97);
}

.amb_info{
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
}
#amb_info img{
  display:block;
  width:350px;
}
.ambinfo_text{
  width:350px;
  margin-left:20px;
  font-size:0.9rem;
  line-height: 1.5;
}
.amb_info h3{
  margin-bottom:10px;
  font-size:1.3rem;
}
.ambinfo_text ul{

  list-style: none;
  margin-bottom:10px;
}
.ambinfo_text li:nth-child(2n-1){
  border-bottom:solid 1px;
}
.ambinfo_text li:nth-child(2n){
  margin-bottom:5px;
}
.ambinfo_text p{
  font-size:1rem;
}
.amb_item{
  max-width:720px;
  margin:20px auto;
}
.amb_item h3{
  font-size:1.3rem;
  border-bottom:1px solid;
  padding-bottom:5px;
}

.modaal-close{
  left:20px;
}





@media (max-width: 767px){
  .amb_list{
    padding:0 20px;
  }
  .amb_box{
    width:180px;
    height:180px;
  }
/*
  .amb_box:hover{
    transform:translateX(10px) skew(-5deg ,0);
  }
*/
  .amb_box p{
    font-size:1.1rem;
  }
  #amb_contents{
    padding: 20px 20px;
  }
  .ambinfo_text{
    margin:30px 0;
  }
  
  
}



/*-----------------------------------
TOPのコンテンツ紹介
-------------*/
.Introduction{
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom:100px;
}
.IntroTOP_inner{
  max-width:1000px;
  margin:50px auto 150px auto;
}

.Intro_imgbox,.Intro_imgbox2{
  position:relative;
  background-color: #dddddd;
  margin:10px;
}

.Intro_imgbox{
  width:350px;
  height:350px;
  transform: skew(0 ,5deg);
}
/*TOP児玉さん用*/
.Intro_imgbox2{
  width:500px;
  height:300px;
  transform: skew(0 ,-5deg);
}

@media screen and (max-width: 767px) {
  .Intro_imgbox2{
    width:350px;
    height:300px;
    transform: skew(0 ,-5deg);
  }
}


.row-reverse{
  flex-direction: row-reverse;
}

/*写真が入るボックス*/
.Intro_imgbox_in, .Intro_imgbox_in2{
  position: absolute;
  top:-30px;
  left:20px;
  width:100%;
  height:100%;
  background-color: #34bf5f;
  overflow: hidden;
}
/*ボックスの中の写真のサイズや一の調整*/
.Intro_imgbox_inimg,.Intro_imgbox_inimg2{
  position:absolute;
  top:-40px;
  padding:0;
  margin: 0;
  width:120%;
  height:130%;
  background-color: #a8a81a;
  background-position: center;
  background-size: cover;
  transform: rotate();
}

.Intro_imgbox_inimg{
  transform: skew(0 ,-5deg);
  /*TOP児玉さん用*/
}.Intro_imgbox_inimg2{
  transform: skew(0 ,5deg);
}



/*ボックスにかぶせるテキスト*/
.Intro_imgbox_in h3, .Intro_imgbox_in2 h3{
  position:absolute;
  top:50px;
  left:20px;
  z-index: 100;
  font-size:50px;
  writing-mode: vertical-rl;
  color:white;
}
.Intro_imgbox_in h3{
  transform: skew(0 ,-5deg);
}
/*TOP児玉さん用*/
.Intro_imgbox_in2 h3{
  transform: skew(0 ,5deg);
}
.img_koji{
  background-image: url("../img/ambassador_koji1.jpg");
}
/*TOP児玉さん用*/
.img_kodama{
  background-image: url("../img/ambassador_kodama1.jpg");
}


.Intro_textbox{
  width:45%;
  height:auto;
  /*  background-color: #fff07f;*/
  margin:0 20px 30px 20px;
  padding:30px 0 30px 0;
  line-height: 1.5;
  font-size:1rem;
  /*  border: solid 1px #dedede;*/
  position: relative;
}

.Intro_textbox strong{
  font-size:20px;
}

.Intro_textbox_top h3{
  font-size:2.5rem;
  line-height: 1;
/*  transform: rotate(-5deg);*/
}
.Intro_textbox_top h3 span{
  font-size:2rem;
  white-space: nowrap;
}
.Intro_textbox_top p{
margin-left: 10px;
  line-height: 2;
}






.movie{
  width:90%;
  margin:50px auto 100px auto;
}

.youtube{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% ;
  height: 100% ;
}
.movie_title{
  font-size:1.5em;
  margin-top:10px;
}





/*---------------------------
media Queries 767
-----------------------------*/
@media screen and (max-width: 767px) {
  .Intro_textbox{
    width:100%;
    padding:30px;
    font-size:0.9rem;
  }

}



