
/*___________________ 画像 _____________________*/
.gazo0{
	margin: 0px auto 0px;
	display: block;
}
.gazo10{
	margin: 0px auto 10px;
	display: block;
}
.gazo20{
	margin: 0px auto 20px;
	display: block;
}
.gazo30{
	margin: 0px auto 30px;
	display: block;
}
.gazo40{
	margin: 0px auto 40px;
	display: block;
}
.gazo50{
	margin: 0px auto 50px;
	display: block;
}
.gazo60{
	margin: 0px auto 60px;
	display: block;
}
.gazo80{
	margin: 0px auto 80px;
	display: block;
}
.migi{
	float: right;
	margin-left: 23px;
	margin-bottom: 10px;
	display: block;
}

/*___________________ コンテンツ _____________________*/


.box{
	width: 780px;
	margin: 0px auto 20px;
	overflow: hidden;
	display: block;
}
.box p{
	width: 780px;
	margin: 0px auto 40px;
	overflow: hidden;
	display: block;
}
.box p a{
	color: #127DE6;
}
.box2{
	width: 780px;
	margin: 0px auto 40px;
	overflow: hidden;
	display: block;
}
.toku_bg{
    background-image: url("../images/kin.png");
    background-repeat: repeat-y;
	background-position: center 0;
    background-size: 900px;
    width: 900px;
    padding: 35px 0px 20px;
	margin: 0px auto 60px;
	overflow: hidden;
	display: block;
}
.toku{
    background-color: #FFF;
    width: 840px;
    box-shadow: 0px 0px 10px #D6C5AE;
-webkit-box-shadow: 0px 0px 10px #D6C5AE;
	margin: 0px auto 20px;
    overflow: hidden;
    display: block;
}
.toku p{
	width: 760px;
	margin: 0px auto 40px;
	overflow: hidden;
	display: block;
}
#nayami{
    background-image: url("../images/nayami_bg.png");
    background-repeat: repeat-y;
	background-position: center 0;
    background-size: 850px;
    width: 850px;
    padding: 30px 0 5px;
	margin: 0px auto 40px;
	overflow: hidden;
	display: block;
}
.voice_bg{
    background-image: url("../images/jisseki_bg.png");
    background-repeat: repeat-y;
	background-position: center 0;
    background-size: 900px;
    width: 900px;
    padding: 30px 0 5px;
	margin: 0px auto 60px;
	overflow: hidden;
	display: block;
}
.voice{
    background-color: #FFF;
    background-image: url("../images/voice_ttl.png");
    background-repeat: no-repeat;
	background-position: center 0;
    background-size: 840px;
	width: 840px;
    padding-top: 80px;
	margin: 0px auto 30px;
	overflow: hidden;
	display: block;
}
.voice h3{
	width: 760px;
	margin: 0px auto 20px;
    overflow: hidden;
	display: block;
}
.voice p{
	width: 760px;
	margin: 0px auto 30px;
    overflow: hidden;
	display: block;
}
.jyukougo{
    background-color: #eff3f6;
    background-image: url("../images/seika.png");
    background-repeat: no-repeat;
	background-position: center 0;
    background-position: 20px 15px;
    background-size: 213px;
	width: 760px;
    padding-top: 70px;
	margin: 0px auto 30px;
	overflow: hidden;
	display: block;
}
.surukata{
    background-color: #fef4eb;
    background-image: url("../images/v_o.png");
    background-repeat: no-repeat;
	background-position: center 0;
    background-position: 20px 15px;
    background-size: 240px;
	width: 760px;
    padding-top: 70px;
	margin: 0px auto 30px;
	overflow: hidden;
	display: block;
}
.jyukougo p , .surukata p{
	width: 700px;
	margin: 0px auto 30px;
    overflow: hidden;
	display: block;
}
#knowhow_bg{
    background-image: url("../images/manaberu_bg.png");
    background-repeat: repeat-y;
	background-position: center 0;
    background-size: 900px;
    width: 900px;
    padding: 20px 0 20px;
	margin: 0px auto 60px;
	overflow: hidden;
	display: block;
}
.knowhow_wrap{
    position: relative;
    width: 860px;
    padding-top: 50px;
	margin: 0px auto 10px;
	overflow: hidden;
	display: block;
}
.num{
    position: absolute;
    top: 0;
    left: 270px;
}
.knowhow{
    background-color: #FFF;
    width: 840px;
    box-shadow: 0px 0px 10px #CCD2E8;
-webkit-box-shadow: 0px 0px 10px #CCD2E8;
	margin: 0px auto 10px;
    overflow: hidden;
    display: block;
}
.knowhow p{
	width: 760px;
    text-align: center;
	margin: 0px auto 40px;
	overflow: hidden;
	display: block;
}
#mirai{
    background-image: url("../images/mirai_bg.png");
    background-repeat: repeat-y;
	background-position: center 0;
    background-size: 860px;
    width: 860px;
    padding: 30px 0 5px;
	margin: 0px auto 60px;
	overflow: hidden;
	display: block;
}
.kawaru_bg{
    background-image: url("../images/kawaru_bg.png");
    background-repeat: repeat-y;
	background-position: center 0;
    background-size: 900px;
    width: 900px;
    padding: 30px 0 20px;
	margin: 0px auto 40px;
	overflow: hidden;
	display: block;
}
.kawaru{
    background-color: #FFF;
    width: 840px;
    box-shadow: 0px 0px 10px #EED1D1;
-webkit-box-shadow: 0px 0px 10px #EED1D1;
    padding-top: 40px;
	margin: 0px auto 30px;
    overflow: hidden;
    display: block;
}

/*.kawaru p{
	background-image: url("../images/arrow.png");
	background-repeat: no-repeat;
	background-position: 0 3px;
    background-size: 45px;
	width: 685px;
	padding: 0px 0 10px 65px;
	margin: 0px auto 30px;
	display: block;
}*/
#chigai_bg{
    background-image: url("../images/chigai_bg.png");
    background-repeat: repeat-y;
	background-position: center 0;
    background-size: 900px;
    width: 900px;
    padding: 30px 0 10px;
	margin: 0px auto 60px;
	overflow: hidden;
	display: block;
}
.chigai{
    background-color: #FFF;
    width: 840px;
    box-shadow: 0px 0px 10px #CCD2E8;
-webkit-box-shadow: 0px 0px 10px #CCD2E8;
	margin: 0px auto 30px;
    overflow: hidden;
    display: block;
}
.chigai h3{
	margin: -5px auto 15px;
	display: block;
}
.chigai p{
	width: 780px;
	margin: 0px auto 30px;
	overflow: hidden;
	display: block;
}

.osusume_wrap{
    position: relative;
    width: 840px;
    padding-top: 40px;
	margin: 0px auto 30px;
	overflow: hidden;
	display: block;
}
.osusume_wrap2{
    position: relative;
    width: 840px;
    padding-top: 40px;
	margin: 0px auto 60px;
	overflow: hidden;
	display: block;
}
#osusume_ttl1{
    position: absolute;
    top: 0;
    left: 120px;
}
#osusume_ttl2{
    position: absolute;
    top: 0;
    left: 240px;
}
#osusume_ttl3{
    position: absolute;
    top: 0;
    left: 270px;
}
.osusume{
    background-image: url("../images/osusume_bg.png");
    background-repeat: repeat-y;
	background-position: center 0;
    background-size: 840px;
    width: 840px;
    padding: 30px 0 10px;
	margin: 0px auto 0px;
    overflow: hidden;
    display: block;
}
.prof_bg{
    background-image: url("../images/prof_bg.png");
    background-repeat: repeat-y;
	background-position: center 0;
    background-size: 900px;
    width: 900px;
    padding: 30px 0 10px;
	margin: 0px auto 80px;
	overflow: hidden;
	display: block;
}
.prof{
	background-color: #FFF;
	width: 840px;
    padding-top: 40px;
	margin: 0px auto 30px;
	overflow: hidden;
	display: block;
}
.prof p{
	width: 760px;
	margin: 0px auto 40px;
	display: block;
}



/*動画*/
  .play-button {
    position: absolute;
    width: 55px;
    height: 55px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
    line-height: 51px;
    color: #FFF;
    background: #d70000;
    padding: 15px 10px 10px 15px;
    border-radius: 50%;
      display: block;
  }

.video-container {
  width: 100%;
  max-width: 760px; /* 最大幅を760pxに */
  aspect-ratio: 16 / 9; /* 16:9のアスペクト比を維持 */
  cursor: pointer;
  background-color: #000;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
margin: 0px auto 30px;
}
 /* 小さい動画用 */
/*.video-container.small {
  max-width: 760px;
  aspect-ratio: 760 / 430;
    margin: 0px auto 30px;
}
*/
.video-container iframe {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.video-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


/*___________________ フォーム _____________________*/
.form_bg_top{
    background-image: url("../images/form_bg.jpg");
	background-repeat: repeat-y;
	background-position: center 0px;
    background-size: 1600px;
	width: 100%;
    padding-top: 30px;
	margin: 0px auto 60px;
    overflow: hidden;
	display: block;
}
.form_ttl{
	margin: -20px auto 0px;
	display: block;
}
.form_bg{
    background-image: url("../images/form_bg.jpg");
	background-repeat: repeat-y;
	background-position: center 0px;
    background-size: 1600px;
	width: 100%;
    padding-top: 40px;
	margin: 0px auto 60px;
    overflow: hidden;
	display: block;
}
.form_bg2{
	background-image: url("../images/form_bg.jpg");
	background-repeat: repeat-y;
	background-position: center 0px;
    background-size: 1600px;
	width: 100%;
    padding-top: 40px;
	margin: 0px auto 40px;
    overflow: hidden;
	display: block;
}
.form_wrap{
    background-color: #FFF;
	width: 820px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    padding-top: 30px;
	margin: 0px auto 40px;
    overflow: hidden;
	display: block;
}
.mail_box{
    font-family: "ヒラギノ角ゴ Pro W8", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background-color: #FFF;
	background-image: url("../images/mail.png");
	background-repeat: no-repeat;
    background-position: 30px 20px;
    background-size: 71px;
	width: 700px;
	height: 100px;
	font-size: 30px;
	font-weight: bold;
	line-height: 32px;
    text-align: center;
	border: solid 5px #009ee7;
	padding-top: 10px;
    padding-left: 30px;
	margin: 0px auto 0px;
	display: block;
}
.form_btn{
	width: 739px;
	height: 209px;
	margin: 0px auto 0px;
	display: block;
}
::placeholder {
   color: #DDD;
}

.profimg1 {
	width:780px;
	height:118px;
	background-repeat: no-repeat;
	background-image: url("../images/prof01.jpg");
	background-size: 780px;
	margin:0 auto 30px;
	background-position: top;
	padding-top:210px;
}


.profimg2 {
	width:625px;
	height:151px;
	background-repeat: no-repeat;
	background-image: url("../images/koushi02.jpg");
	margin:0 auto 30px;
	background-position: top;
	padding-top:140px;
}

.sns_wrap {
	display:block;
	width:450px;
	margin:0px 0 0 240px;
}
.sns_wrap2 {
	display:block;
	width:350px;
	margin:0px 0 0 240px;
}