@charset "utf-8";

/*----------------------header----------------------*/

.top{
  margin-top: -5px;
}



/*------------------------------------- サンプル２---------------------------------------*/
#sam2{
  text-align: center;
}
#sam2 p{
  font-size: 25px;
}

/*背景色有りの囲み*/
.box4{
  width: 77.5%;
  padding: 8px 19px;
  margin: 2em auto;
  color: #000000;
  background: #dbdbdb;

}
.box4 p {
  margin: 0; 
  padding: 0;
}




.sa10{
  width:100%;
  margin: 0px;
}
.sa10 .sa10-1{
  max-width:100%;
  margin:0px auto;
}

.sa10 .sa10-2-item {
  width:100%;
}

.sa10 .image{
  display:block;
  max-width:100%;
  margin:0px auto;
}
.sa10 .sa10-2-text{
  padding:30px;
}
.sa10 .sa10-2-text {
  margin:0px;
  font-weight: normal;
  text-align:left;
}


@media (min-width: 992px) {
  .sa10 .sa10-2-item {
      width:30%;
  }
	.sa10 .sa10-2-text {
		width:70%;
	}

  .sa10 .sa10-1 .sa10-2{
      display: flex;
      align-items: center;
      justify-content: center;
  }

	.sa10 .sa11-2-item {
		width:27%;
}
}



/*------------------------------------- ３ ---------------------------------------*/
.sam3-2 {
  background-color: rgb(255, 255, 255);
  margin-bottom: 20px;
}

 #sam3{
  background-image: url("../img/3back.png");
  background-size:cover;
  background-color: rgb(221, 221, 221);
  letter-spacing: 3px;
  padding: 40px 0 20px;
 }
 #sam3 p{
   font-size: 25px;
   text-align: center;
 }

  .sam3-1{
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .sam3-1::after,
  .sam3-1 .sam3-2 { width: calc( (90%) / 2 ); }
  
  /* ７８０px以下で表示 */
  @media screen and (max-width: 780px) {
    .sam3-1 .sam3-2 {
      width: 100%;
      margin-bottom: 30px; 
    }
  }







  #sam4{
    text-align: left;
  }
.sa14{
  width:80%;
  margin: 50px auto;
}
.sa14 .sa14-1{
  max-width:100%;
  margin:0px auto;
}

.sa14 .sa14-2-item {
  width:100%;
}

.sa14 .sa14-2-text span{
  color: red;
}

.sa14 .image{
  display:block;
  max-width:100%;
  margin:0px auto;
}
.sa14 .sa14-2-text{
  padding:30px;
  font-size: 20px;
}
.sa14 .sa14-2-text .sample10-2-heading{
  margin:0px;
  font-weight: normal;
  text-align:left;
}


@media (min-width: 992px) {
  .sa14.sa14-2-item {
      width:40%;
  }
	.sa14 .sa14-2-text {
		width:50%;
	}

  .sa14 .sa14-1 .sa14-2{
      display: flex;
      align-items: center;
      justify-content: space-between;
  }

	.sa14 .sa14-2-item {
		width:40%;
}
}


.back11{
  background-image: url("../img/11back.png");
  padding: 4em;
  background-size:cover;
  letter-spacing: 3px;
 }
.back11 p{
   font-size: 60px;
   text-align: center;
   color: #ffffff;
 }

.os1{
  width: 80%;
  margin: 30px auto;
  text-align: center;
}

.os1 p {
font-size: 35px;
}
.os1 p span {
font-size: 50px;
color: red;
}


.box5{
  width: 100%;
  margin: 2em auto;
  color: #000000;
  background: #dbdbdb;

}
.box5 p {
  margin: 0; 
  padding: 0;
}

.sa15{
  width:100%;
  margin: 0px;
}
.sa15 .sa15-1{
  max-width:100%;
  margin:0px auto;
}

.sa15 .sa15-2-item {
  width:100%;
}

.sa15 .image{
  display:block;
  max-width:100%;
  margin:0px auto;
}
.sa15 .sa15-2-text span{
font-size: 35px;
}

.sa15 .sa15-2-text {
  margin:0px;
  font-weight: normal;
  text-align:left;
  margin-left: 80px;
}


@media (min-width: 992px) {
  .sa15 .sa15-2-item {
      width:30%;
  }
	.sa15 .sa15-2-text {
		width:70%;
	}

  .sa15 .sa15-1 .sa15-2{
      display: flex;
      align-items: center;
      justify-content: center;
  }

	.sa15 .sa15-2-item {
		width:70%;
}
}



/*------------------------------------- 6 ---------------------------------------*/
.sam6-2 {
  background-color: rgb(255, 255, 255);
  margin-bottom: 20px;
  width: 80%;
  margin: 0 auto;
}

 #sam6{
  background-image: url("../img/16back.png");
  background-size:cover;
  padding: 4em 0;
  letter-spacing: 3px;
 }
 #sam6 p{
  padding: 20px;
   font-size: 25px;
   text-align: center;
 }

  .sam6-1{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }

/*------------------------------------- 7 ---------------------------------------*/
.sam7-2 {
  background-color: rgb(255, 255, 255);
  margin-bottom: 20px;
}

 #sam7{
  background-color: rgb(255, 255, 255);
  padding: 90px 0px 0px;
  letter-spacing: 3px;
 }
 #sam7 p{
   font-size: 35px;
   text-align: left;
   padding-left: 20px;
 }

  .sam7-1{
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .sam7-1::after,
  .sam7-1 .sam7-2 { width: calc( (90%) / 2 ); }
  
  /* ７８０px以下で表示 */
  @media screen and (max-width: 780px) {
    .sam7-1 .sam7-2 {
      width: 100%;
      margin-bottom: 10px; 
    }
  }

.sam8{
  color: #ffffff;
  background-color: rgb(255, 0, 0);
  font-size: 60px;
  text-align: center;
}


.sam9{
  background-color: #898787;
  margin-top: -60px;
}
.sam9-1 p{
  color: #ffffff;
  text-align: center;
  font-size: 40px;
  padding: 40px 0 10px ;
}
.sam9-2{
  margin: 30px auto;
  width: 80%;
}

.sam9-3 p span{
  background-color: #fff;
  text-align: center;
  font-size: 40px;
  margin: 20px 0;
  line-height: 90px;
}

.sam9-3 p {
  font-size: 30px;
  background-color: #fff;
  text-align: center;
  padding: 30px 0;
}



.sam10{
  width:80%;
  margin: 0px auto;
}
.sam10 .sam10-1{
  max-width:100%;
  margin:0px auto;
}

.sam10 .sam10-2-item {
  width:100%;
}

.sam10 .image{
  display:block;
  max-width:100%;
  margin:0px auto;
}
.sam10 .sam10-2-text{
  font-size: 25px;
  margin:0px;
  font-weight: normal;
  text-align:left;
  color: #ffffff;
}

.sam10-2-text p {
  padding-left: 30px;
}

@media (min-width: 1300px) {
  .sam10 .sam10-2-item {
      width:50%;
  }
	.sam10 .sam10-2-text {
		width:50%;
	}

  .sam10 .sam10-1 .sam10-2{
      display: flex;
      align-items: center;
      justify-content: center;
  }
}


.sam12{
  width:80%;
  margin: 0px auto;
}
.sam12 .sam12-1{
  max-width:100%;
  margin:0px auto;
}

.sam12 .sam12-2-item {
  width:100%;
}

.sam12 .image{
  display:block;
  max-width:100%;
  margin:0px auto;
}
.sam12 .sam12-2-text{
  font-size: 25px;
  margin:0px;
  font-weight: normal;
  text-align:left;
  color: #ffffff;
}
.sam12-2-text p {
  padding-left: 30px;
}


@media (min-width: 1300px) {
  .sam12 .sam12-2-item {
      width:50%;
  }
	.sam12 .sam12-2-text {
		width:50%;
	}

  .sam12 .sam12-1 .sam12-2{
      display: flex;
      align-items: center;
      justify-content: center;
  }
}

/* PC時のみ順番を入れ替える */
@media (min-width: 992px) {
  .sam12 .sam12-2 {
      flex-direction:row-reverse;
  }
}



.sam13-1 {
padding: 60px 30px;
color: #000000;
}


.sam13-2 {
  background-color: rgb(255, 255, 255);
  margin-bottom: 20px;
  width: 80%;
  margin: auto;
  font-size: 25px;
  padding: 30px;
  text-align: center;
}



.sam13 p{
  padding: 20px;
   font-size: 25px;
   text-align: center;
 }


 .sam14{
  width:100%;
  margin: -1px auto -61px;
}
.sam14 .sam14-1{
  max-width:100%;
  margin:0px auto;
}

.sam14 .sam14-2-item {
  width:100%;
}

.sam14 .image{
  display:block;
  max-width:100%;
  margin:0px auto;
}
.sam14 .sam14-2-text{
  font-size: 25px;
  margin:0px;
  font-weight: normal;
  text-align:center;
  color: #000000;
}

.sam14-2-text2 {
  width: 40%;
  color: #ffffff;
  background-color:#898787;
  margin-bottom: 20px;
  margin: auto;
  font-size: 30px;
  padding: 20px;
  text-align: center;
}

.sam14-2-text p span{
  font-size: 35px;
  border-bottom:1px solid;
  padding-bottom: 5px;
}

.sam14-2-text p {
  padding-left: 30px;
}


@media (min-width: 1300px) {
  .sam14 .sam14-2-item {
      width:50%;
  }
	.sam14 .sam14-2-text {
		width:50%;
	}

  .sam14 .sam14-1 .sam14-2{
      display: flex;
      align-items: center;
      justify-content: center;
  }
}

/* PC時のみ順番を入れ替える */
@media (min-width: 992px) {
  .sam14 .sam14-2 {
      flex-direction:row-reverse;
  }
}


.sam15{
  background-image: url("../img/22back.png");
  letter-spacing: 3px;
  margin:-60px auto 0;
  padding-top: 60px;
 }

 .sam15-1{
  width: 80%;
  margin: 0px auto;
}

 .sam16{
  width:100%;
  margin: 0px auto;
}
.sam16 .sam16-1{
  max-width:100%;
  margin:0px auto;
}

.sam16 .sam16-2-item {
  width:100%;
}

.sam16 .image{
  display:block;
  max-width:100%;
  margin:0px auto;
}
.sam16 .sam16-2-text{
  font-size: 25px;
  margin:0px;
  font-weight: normal;
  text-align:left;
  color: #000000;
}

.sam16-2-text p {
  padding-left: 30px;
}

@media (min-width: 1300px) {
  .sam16 .sam16-2-item {
      width:50%;
  }
	.sam16 .sam16-2-text {
		width:50%;
	}

  .sam16 .sam16-1 .sam16-2{
      display: flex;
      align-items: center;
      justify-content: center;
  }
}



.sam17{
  width:100%;
  margin: 0px auto;
}
.sam17 .sam17-1{
  max-width:100%;
  margin:0px auto;
}

.sam17 .sam17-2-item {
  width:100%;
}

.sam17 .image{
  display:block;
  max-width:100%;
  margin:0px auto;
}
.sam17 .sam17-2-text{
  font-size: 25px;
  margin:0px;
  font-weight: normal;
  text-align:left;
  color: #000000;
}
.sam17-2-text p {
  padding-left: 30px;
}
.sam17-2-text p span{
  font-size: 35px;
}


@media (min-width: 1300px) {
  .sam17 .sam17-2-item {
      width:50%;
  }
	.sam17 .sam17-2-text {
		width:50%;
	}

  .sam17 .sam17-1 .sam17-2{
      display: flex;
      align-items: center;
      justify-content: center;
  }
}

/* PC時のみ順番を入れ替える */
@media (min-width: 992px) {
  .sam17 .sam17-2 {
      flex-direction:row-reverse;
  }
}


.sam18-1 {
  padding: 60px 0px;
  color: #000000;
  }
  

  .sam18-2 {
    background-color:#898787;
    color: #ffffff;
    margin-bottom: 20px;
    margin: auto;
    font-size: 30px;
    padding: 20px;
    text-align: center;
  }

.sam19{
  font-size: 25px;
}
.sam19 span{
  font-size: 30px;
  border-bottom:2px solid;
  padding-bottom: 10px;
}



.sam19-box{
  padding: 30px 0;
  margin: 2em 0;
  color: #000000;/*文字色*/
  background: #FFF;
  border: solid 1px #000000;/*線*/
  border-radius: 30px;/*角の丸み*/
  text-align: center;
}
.sam19-box p {
  margin: 0; 
  padding: 0;
  font-size: 25px;
}

.sam19-box p span {
color: rgb(255, 0, 0);
font-size: 40px;
}



.sam20{
  width:100%;
  margin: 0px auto;
  background-color:#898787;
}
.sam20 .sam20-1{
  max-width:100%;
  margin:0px auto;
}

.sam20 .sam20-2-item {
  width:100%;
}

.sam20 .image{
  display:block;
  max-width:100%;
  margin:0px auto;
}
.sam20 .sam20-2-text{
  font-size: 25px;
  margin:0px;
  font-weight: normal;
  text-align:center;
  color: #ffffff;
}
.sam20-2-text p {
  padding-left: 30px;
}
.sam20-2-text p span{
  font-size: 35px;
  border-bottom:1px solid;
  padding-bottom: 5px;
}
.sam20-2-text2 {
    width: 40%;
    color: #000000;
    background-color: #FFF;
    margin-bottom: 20px;
    margin: auto;
    font-size: 30px;
    padding: 20px;
    text-align: center;
}



@media (min-width: 1300px) {
  .sam20 .sam20-2-item {
      width:50%;
  }
	.sam20 .sam20-2-text {
		width:50%;
	}

  .sam20 .sam20-1 .sam20-2{
      display: flex;
      align-items: center;
      justify-content: center;
  }
}

/* PC時のみ順番を入れ替える */
@media (min-width: 992px) {
  .sam20 .sam20-2 {
      flex-direction:row-reverse;
  }
}


.sam21{
  letter-spacing: 3px;
  padding-top: 0px;
  width: 80%;
  margin: 60px auto;
 }

 .sam22 .sam22-2-item {
  width:100%;
}
.sam22-1{
background-color: #898787;
}

.sam22 .image{
  display:block;
  max-width:100%;
  margin:0px auto;
}
.sam22 .sam22-2-text{
  font-size: 25px;
  margin:0px;
  font-weight: normal;
  text-align:left;
  color: #ffffff;
}

.sam22-2-text p {
  padding-left: 20px;
}

@media (min-width: 1300px) {
  .sam22 .sam22-2-item {
      width:50%;
  }
	.sam22 .sam22-2-text {
		width:50%;
	}

  .sam22 .sam22-1 .sam22-2{
      display: flex;
      align-items: center;
      justify-content: center;
  }
}

.sam23{
margin: 30px auto;
}

.sam23 .sam23-2-item {
  width:100%;
}

.sam23 .image{
  display:block;
  max-width:100%;
  margin:0px auto;
}
.sam23 .sam23-2-text{
  font-size: 22px;
  margin:0px;
  font-weight: normal;
  text-align:center;
  color: #000000;
}

.sam23-2-text2 {
  width: 70%;
  color: #ffffff;
  background-color:#898787;
  margin-bottom: 20px;
  margin: auto;
  font-size: 30px;
  padding: 20px;
  text-align: center;
}

.sam23-2-text p span{
  font-size: 25px;
  border-bottom:1px solid;
  padding-bottom: 5px;
}

.sam23-2-text p {
  padding-left: 30px;
}


@media (min-width: 1300px) {
  .sam23 .sam23-2-item {
      width:50%;
  }
	.sam23 .sam23-2-text {
		width:50%;
	}

  .sam23 .sam23-1 .sam23-2{
      display: flex;
      align-items: center;
      justify-content: center;
  }
}



.sam24{
  margin: 70px auto 0;
  }
  
  .sam24 .sam24-2-item {
    width:100%;
  }
  
  .sam24 .image{
    display:block;
    max-width:100%;
    margin:0px auto;
  }
  .sam24 .sam24-2-text{
    font-size: 22px;
    margin:0px;
    font-weight: normal;
    text-align:center;
    color: #000000;
  }
  
  .sam24-2-text2 {
    width: 70%;
    color: #ffffff;
    background-color:#898787;
    margin-bottom: 20px;
    margin: auto;
    font-size: 30px;
    padding: 20px;
    text-align: center;
  }
  
  .sam24-2-text p span{
    font-size: 25px;
    padding-bottom: 5px;
  }
  
  .sam24-2-text p {
    padding-left: 30px;
  }
  
  
  @media (min-width: 780px) {
    .sam24 .sam24-2-item {
        width:50%;
    }
    .sam24 .sam24-2-text {
      width:50%;
    }
  
    .sam24 .sam24-1 .sam24-2{
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }
  }
  


  .a3332 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    
  }
  
  .a3332 .f32 {
    width: calc( (100%) / 3 ); 
    padding: 0px;
  }
  .f32 {
    position: relative;
  }
  
  @media (max-width: 750px) {
  .a333 .f3 {
    width: 100%;
  }
  .a3332 .f32 {
    width: 100%;
  }}
  

 .youtube_ifreme{
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
}

.youtube{
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
}


  
  .f4 {
  position: relative;
  margin: 50px auto;
  }
  .f4 .active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.5s; /* ゆっくり*/
  }
  .f4:hover .active {
  opacity: 1;
  }


.sam25{
  text-align: center;
  font-size: 40px;
  color: #ff0000;
}

.sam26{
  margin-bottom: 60px;
}


.sam26 p{
  text-align: center;
  font-size: 30px;
}

.sam27{
  background-image: url("../img/36back.png");
  background-size: contain;
  background-repeat:no-repeat;
  background-position:center;
  background-size: 100%;
  width: 80%;
  margin: 0 auto;
}


.sam27 p{
  text-align: center;
  font-size: 30px;
}



.a3 {
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 100px auto;
}

.a3 .f324 {
  width: calc( (90%) / 2 ); 
  padding: 0px;
}
.f324 {
  position: relative;
}

@media (max-width: 750px) {
.a3 .f324 {
  width: 90%;
  margin: 10px auto;
}}





.apply{
  text-align: left;
  font-size: 30px;
}

.apply2{
  display: flex;
}
.apply2 a {
text-align: center;
}

.image22{
width: 98%;
margin: 0px auto 33px;
}

.floatButton1 {
  position: fixed;
  right: 10px;
    bottom: 20px;
width: 9%;
}

@media screen and (max-width: 1080px) {
.image22{
width: 90%;
}

.floatButton1 {
position: fixed;
  right: 10px;
  top: 122px;
  width: 14%;
}

.apply{
  font-size: 25px;
}
}




/*---------------------footer-----------------------*/
#footer{
    background-color: #333;
    color: #fff;
	font-size:15px;
	text-align:center;
	margin:0 auto;
	padding-top:10px;
    padding-bottom:10px;
    line-height: 15px;
}