@charset "UTF-8";



#m_area{
  width: 640px;
  height: 360px;
   margin: 0 auto; 
}

#m_area .jstream-eqPlayer{
  left: 0;
   width: 640px !important;
  height: 360px !important;
   margin: 0 auto; 
   position: static !important;
}



#gFooter .pagetop_wrap .pagetop a{
  z-index: 999 !important;
}



h1.amima_page::before{
  content: "";
  display: inline-block;
  background: url(../img/page_ico.png) no-repeat;
  background-size: cover;
  width: 22px;
  height: 25px;
}

h2{
  text-align: center;
}

.mv_area{
  margin-bottom: 50px;
  text-align: center;
  padding-top: 0;
  position: relative;
}


.box01_wrap{
  padding-bottom: 50px; 
}

.box01_wrap h2{
  margin-bottom: 10px;
}


.box01_wrap .tit_box{
  margin-bottom: 0px;
  text-align: center;
}

.box01_wrap .tit_box h2{
  margin-bottom: 30px;
}

.box01_wrap .box01_movie{
  text-align: center;
  margin-bottom: 50px;
  padding-top: 70px;
  margin-top: -70px;
}

.box01_wrap .box01_movie h3{
  margin-bottom: 30px;
}

.box01_wrap .box01_flow ul{
  margin-bottom: 50px;
}

.box01_wrap .box01_flow li{
  float: left;
  position: relative;
  margin-right: 6%;
  width: 29%;
}

.box01_wrap .box01_flow li:last-child{
  margin-right: 0;
}

.box01_wrap .box01_flow li::after{
  content: "";
  display: inline-block;
  background: url(../img/arrow03.png) no-repeat;
  width: 10px;
  height: 17px;
  background-size: cover;
  position: absolute;
  top: 45%;
  right: -12%;
}

.box01_wrap .box01_flow li:last-child::after{
  display: none;
}

.box02_wrap{
  background: #fff;
  border-radius: 5px;
  padding: 100px 0;
}

.box02_wrap .box02 h2{
  margin-bottom: 100px;
  background: url(../img/h_tit03_bg.png);
  background-size: cover;
  width: 893px;
  height: 127px;
}

.box02_wrap .box02 .box_child{
  background: #fffac5;
  padding: 30px 40px 30px 50px;
  border-radius: 10px;
  position: relative;
  margin-bottom: 100px;  
}

.box02_wrap .box02 .box_child::before{
  content: "";
  display: inline-block;
  width: 140px;
  height: 102px;
  background-size: cover;
  position: absolute;
  top: -50px;
  left: -40px;
}

.box02_wrap .box02 .box02_01::before{
  background: url(../img/charm_ico01.png);
}

.box02_wrap .box02 .box02_02::before{
  background: url(../img/charm_ico02.png);
}

.box02_wrap .box02 .box02_03::before{
  background: url(../img/charm_ico03.png);
}

.box02_wrap .box02 .box02_04::before{
  background: url(../img/charm_ico04.png);
}

.box02_wrap .box02 .box02_05::before{
  background: url(../img/charm_ico05.png);
}

.box02_wrap .box02 .box02_06::before{
  background: url(../img/charm_ico06.png);
}

.box02_wrap .box02 .box02_07::before{
  background: url(../img/charm_ico07.png);
}

.box02_wrap .box02 .box_child_half .box02_04,
.box02_wrap .box02 .box_child_half .box02_06{
  float: left;

}

.box02_wrap .box02 .box_child_half .box02_05,
.box02_wrap .box02 .box_child_half .box02_07{
  float: right;

}

.box02_wrap .box02 .box_child_half .box_child{
  width: 47.5%;
  height: 170px;
}

.box02_wrap .box02 .box_child h3{
  color: #9e783d;
  font-size: 2.4rem;
  font-weight: bold;
  margin-left: 60px;
}

.box02_wrap .box02 .box_child_half .box_child h3{
  margin-left: 40px;
}

.box02_wrap .box02 .box_child h3 span{
  font-size: 1.4rem;
  display: block;
}

.box02_wrap .box02 .box02_07 h3{
  line-height: 1.4;
}

.box02_wrap .box02 .box_child .child_inr{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.box02_wrap .box02 .box_child .left_area{
  width: 45%;
}

.box02_wrap .box02_02 .left_area p{
  margin-bottom: 3vw;
}

.box02_wrap .box02_03 .left_area p{
  margin-bottom: 2vw;
}

.box02_wrap .box02 .box_child .right_area{
  width: 49%;
}

.box02_wrap .box02 .box02_02 .right_area ul{
  margin-bottom: 10px;
}

.box02_wrap .box02 .box02_02 .right_area li{
  background: #fff; 
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 35px;
  position: relative;
}

.box02_wrap .box02 .box02_02 .right_area li:last-child{
  margin-bottom: 0;
}
.box02_wrap .box02 .box02_02 .right_area li::after{
  content: "";
  display: block;
  background: url(../img/arrow02.png) no-repeat;
  width: 50px;
  height: 16px;
  background-size: cover;
  position: absolute;
  right: 0;
  bottom: -25px;
  left: 0;
  margin: 0 auto;
}

.box02_wrap .box02 .box02_02 .right_area li:last-child::after{
  display: none;
}

.box02_wrap .box02_03 .right_area div{
  background: #fff;
  padding: 40px;
  margin-bottom: 10px;
  text-align: center; 
}

.box02_wrap .box02_03 .right_area div span{
  margin: 0 5px;
}

.box02_wrap .box02_03 .right_area h4{
  color: #1990c8;
  font-size: 1.8rem;
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px;
}

.box03_wrap .box03 h2,
.box04_wrap .box04 h2,
.box05_wrap .box05 h2{
  background: #1990c8;
  padding: 20px 0;
}

.box_wrap{
  padding: 100px 0;
}

.box03_wrap,
.box04_wrap{
  margin-bottom: 120px;
}

.box03_wrap .box03,
.box04_wrap .box04,
.box05_wrap .box05{
  background: #fff;
  border-radius: 5px;
  position: relative;  
}

.box03_wrap .box03::before,
.box04_wrap .box04::before,
.box05_wrap .box05::before{
  content: "";
  display: block;
  background-size: cover;
  width: 98px;
  height: 50px;
  position: absolute;
  top: -50px;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.box03_wrap .box03::before{
  background: url(../img/box03_ico01.png) no-repeat;
}

.box04_wrap .box04::before{
  background: url(../img/box03_ico02.png) no-repeat;
}
.box05_wrap .box05::before{
  background: url(../img/box03_ico03.png) no-repeat;
}

.box03_wrap .box03 .box03_inr,
.box04_wrap .box04 .box04_inr,
.box05_wrap .box05 .box05_inr{
  padding: 60px;
}

.box03_wrap .box03 .box03_inr h3{
  text-align: center;
  margin-bottom: 50px;
}

.box03_wrap .box03 .box03_01{
  margin-bottom: 50px;
}

.box03_wrap .box03 .box03_01 ul{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
}

.box03_wrap .box03 .box03_01 li{
  width: 23%;
}

.box03_wrap .box03 .box03_01 li .box03_01_img{
  text-align: center;
  margin-bottom: 20px;
}

.box03_wrap .box03 .box03_02_wrap{
  margin-bottom: 30px;
}

.box03_wrap .box03 .box03_02{
  background: #eeeeee;  
  padding: 30px;
  border-radius: 5px;
  margin-bottom: 20px;
}

.box03_wrap .box03 .box03_02 dl:nth-of-type(1){
  border-bottom: 1px solid #fff;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.box03_wrap .box03 .box03_02 dt{
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}

.box03_wrap .box03 .box03_03,
.box03_wrap .box03 .box03_04 ul{
  border: 1px solid #eee;
  color: #ff534d;
  font-size: 1.4rem;
  padding: 20px;
  margin-top: 30px;
}

.box03_wrap .box03 .box03_02_wrap p{
  text-align: center;
}

.box04_wrap .box04 .box04_inr li{
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 30px;
  margin-bottom: 30px;
  position: relative;
}

.box04_wrap .box04 .box04_inr li:nth-child(2){
  padding-bottom: 80px;
  margin-bottom: 30px;
}
.box04_wrap .box04 .box04_inr li:nth-child(4){
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;  
}

.box04_wrap .box04 .box04_inr li .img_area{
  float: left;
  width: 31.3%;
}

.box04_wrap .box04 .box04_inr li .text_area{
  float: right;
  width: 65%;  
}

.box04_wrap .box04 .box04_inr li .text_area .main_text{
  text-align: left;
}

.box04_wrap .box04 .box04_inr li .text_area .cap_text{
  font-size: 1.2rem;
  text-align: left;
  margin-top: 20px;
}

.box04_wrap .box04 .box04_inr li .text_area .cap_text span{
  color: #ff534d;
}

.box04_wrap .box04 li .btn02{
  position: absolute;
  left: 35%;  
}

.box04_wrap .box04 li:nth-child(1) .btn02{
  bottom: 30px;
}

.box04_wrap .box04 li:nth-child(2) .btn02{
  bottom: 30px;
}

.box04_wrap .box04 li:nth-child(3) .btn02{
  bottom: 30px;
}

.box04_wrap .box04 li:nth-child(4) .btn02{
  bottom: 0px;
}

.box05_wrap .box05 ul{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
}

.box05_wrap .box05 li{
  width: 48%;
}

.box05_wrap .box05 dt{
  background: #eeeeee;
  border-radius: 5px;
  margin-bottom: 10px;
  padding: 5px 0;
  text-align: center;
}

.box05_wrap .box05 dd{
  font-family: 'Arial',sans-serif;
  font-size: 3.4rem;
  font-weight: bold;
  text-align: center;  
}

.box05_wrap .box05 p{
  text-align: center;  
}











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

#gHeader {
  border-top: none;
}



.box02_wrap .box02 h2{
  background-size: cover;
  width: 100%;
}



.box01_wrap .box01_flow li{
  width: 28%;
}


.box01_wrap .box01_flow li::after{
  right: -15%;
}

.box02_wrap .box02 .box_child h3{
  font-size: 2rem;
}

.box02_wrap .box02 .box_child_half .box_child{
  width: 47.5%;
  height: 220px;
}


.box04_wrap .box04 .box04_inr li{
  padding-bottom: 60px;
}


.box04_wrap .box04 .box04_inr li:nth-child(2){
  padding-bottom: 100px;
      margin-bottom: 40px;
}

.box04_wrap .box04 .box04_inr li:nth-child(3){
  padding-bottom: 30px;
}

.box04_wrap .box04 .box04_inr li:nth-child(4){
  padding-bottom: 50px;
}








}


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




.box04_wrap .box04 .box04_inr li:nth-child(3){
  padding-bottom: 90px;
}

.box04_wrap .box04 .box04_inr li:nth-child(4){
  padding-bottom: 70px;
}






}



@media only screen and (min-width: 1000px) {







}






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


.box02_wrap .box02 .box_child_half .box_child{
  width: 47.5%;
  height: 240px;
}


  
}







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



.box_wrap{
  padding: 80px 15px; 
}

.box_wrap .inner{
  padding: 0; 
}

.box02_wrap .box02 .box_child .child_inr,
.box02_wrap .box02 .box_child_half,
.box03_wrap .box03 .box03_01 ul,
.box05_wrap .box05 ul{
  display: block;
}

.box01_wrap .box01_flow li{
  width: 28%;
}

/*.box01_wrap .box01_movie{
  padding-top: 60px;
  margin-top: -60px;
}*/

.box02_wrap .box02 h2{
  background: none;
  width: 100%;
  height: 50px;
  margin-bottom: 10vw;
}

.box03_wrap .box03 h2 img,
.box04_wrap .box04 h2 img,
.box05_wrap .box05 h2 img{
  height: 20px;
}
.box02_wrap .box02 h2 img{
  height: 100%;
}

.box03_wrap .box03::before,
.box04_wrap .box04::before,
.box05_wrap .box05::before{
  width: 78px;
  height: 40px;
  background-size: cover;
  top: -30px;
}

.box02_wrap .box02 .box_child{
  padding: 10vw 4vw 4vw;
  margin-bottom: 16vw;
}

.box02_wrap .box02 .box_child h3{
  margin-left: 0;
  font-size: 1.8rem;
}

.box04_wrap .box04 .box04_inr li .text_area,
.box04_wrap .box04 .box04_inr li .img_area{
  float: none;
}

.box02_wrap .box02 .box_child .left_area img,
.box04_wrap .box04 .box04_inr li .img_area img{
  width: 100%;
}

.box02_wrap .box02 .box_child .left_area,
.box02_wrap .box02 .box_child .right_area,
.box02_wrap .box02 .box_child_half .box_child,
.box03_wrap .box03 .box03_01 li,
.box05_wrap .box05 li,
.box04_wrap .box04 .box04_inr li .text_area,
.box04_wrap .box04 .box04_inr li .img_area{
  width: 100%;
}

.box02_wrap .box02 .box_child_half .box_child{
  height: auto;
}

.box03_wrap .box03 h2,
.box04_wrap .box04 h2,
.box05_wrap .box05 h2{
  padding: 3vw; 
}

.box02_wrap .box02 .box_child .left_area,
.box04_wrap .box04 .box04_inr li .text_area,
.box04_wrap .box04 .box04_inr li .img_area{
  margin-bottom: 4vw;
}

.box02_wrap .box02_03 .right_area div,
.box03_wrap .box03 .box03_inr,
.box04_wrap .box04 .box04_inr,
.box05_wrap .box05 .box05_inr{
  padding: 6vw 4vw;
}

.box02_wrap .box02 .box_child::before{
  width: 112px;
  height: 82px;
  background-size: cover;
}

.box01_wrap{
  padding-bottom: 60px;
}

.box02_wrap{
 padding: 60px 0; 
}

.box03_wrap,
.box04_wrap{
  margin-bottom: 16vw;
}

.box03_wrap .box03 .box03_inr h3{
  margin-bottom: 4vw;
}

.box03_wrap .box03 .box03_01 li{
  margin-bottom: 4vw;
  border: 1px solid #ccc;
  padding: 4vw; 
}

.box04_wrap .box04 li .btn02{
  position: static;
}

.box04_wrap .box04 .box04_inr li,
.box04_wrap .box04 .box04_inr li:nth-child(2),
.box04_wrap .box04 .box04_inr li:nth-child(3){
     padding-bottom: 30px;
    margin-bottom: 30px; 
}
.box04_wrap .box04 .box04_inr li:nth-child(4){
  padding-bottom: 0;
}

.box05_wrap .box05 .box05_inr li:first-child dl{
  margin-bottom: 4vw;
}

.box05_wrap .box05 dd{
  font-size: 2rem;
}





}
/* Grip */
@media only screen and (max-width: 639px) {
.mv_area {
    margin-bottom: 30px;
    text-align: center;
    padding-top: 0;
    position: relative;

}


}