@charset "UTF-8";

/* 共通部分修正 */
.l-header-inner{
  width: auto;
  max-width: 1080px;
}
.l-header{
  padding-left: 20px;
  padding-right: 20px;
}
.l-footer{
  min-width: 0;
}
.l-footer{ border: none;}
.l-footer-intro{ margin: 0; padding-left: 20px; padding-right: 20px; }
.l-footer-offer{ padding-left: 20px; padding-right: 20px; }
.icon_contact{ background: #2186b2 url(../images/icn_contact_01.png) no-repeat 30px 50%;}
::-webkit-input-placeholder {
  color: #8c8c8c;
  opacity: 1;
}
.icon_movie{ background: #2186b2 url(../images/icn_movie_01.png) no-repeat 30px 50%;}
::-webkit-input-placeholder {
  color: #8c8c8c;
  opacity: 1;
}
.l-footer-inner{
  width: auto;
  max-width: 1080px;
}
:-moz-placeholder {
  color: #8c8c8c;
  opacity: 1;
}
::-moz-placeholder {
  color: #8c8c8c;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #8c8c8c;
  opacity: 1;
}

:focus::-webkit-input-placeholder {
  opacity: 1;
    color:    #ffffff;
}
:focus:-moz-placeholder {
  opacity: 1;
  color:    #ffffff;
}

:focus::-moz-placeholder {
  opacity: 1;
  color:    #ffffff;
}

:focus:-ms-placeholder {
  opacity: 1;
  color:    #ffffff;
}

.fNotoM{
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important;
}

/* お問い合わせ共通部分CSS */
.l-pageBody{
  padding: 45px 0 50px;
}

.l-pageBody{
  width: auto;
  max-width: 1120px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0 auto;
}


.font_red{ color: #d85050;}

.p-contact_section{
  margin: 35px 0 0 0;
  color: #3d3d3d;
}

.error{
  color: #ff0000;
  margin: 10px 0 0 0;
  line-height: 1;
}

.p-contact_section input[type="text"],
.p-contact_section input[type="password"],
.p-contact_section textarea,
.p-contact_section select{
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
}

.p-contact_section input[type="text"]{
  height: 30px;
  /*width: 100%;*/
  border: 1px solid #a0a0a0;
  padding: 0 10px;
}
.p-contact_section input[type="password"]{
  height: 30px;
  /*width: 100%;*/
  border: 1px solid #a0a0a0;
  padding: 0 10px;
}

.p-contact_section select{
   width: 100%;
  height: 30px;
}

.p-contact_section textarea{
  width: 100%;
  border: 1px solid #a0a0a0;
  padding: 10px;
}


/* .p-contact_step_title */

.p-contact_step_title{
  text-align: center;
  border: 1px solid #e3e3e3;
  background: #f7f7f7;
  padding: 30px;
  margin: 0 0 20px 0;
}

/* .p-contact_content_wrap */

.p-contact_content_wrap{
  margin: 0 0 40px 0;
}

.p-contact_content_wrap .p-contact_content{
  margin: 0 0 30px 0;
}

.p-contact_content_wrap .p-contact_content:last-child{
  margin: 0;
}

.p-contact_content_wrap .p-contact_content_lesson{
  font-size: 20px;
  color: #2391C1;
  margin-bottom: 10px;
}

.fs{
	font-size: 14px;
}

/* .p-contact_table */

.p-contact_table{
  display: table;
  width: 100%;
  border-top: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
}

.p-contact_table .p-contact_table_th,
.p-contact_table .p-contact_table_td{
  display: table-cell;
  text-align: left;
}

.p-contact_table .p-contact_table_th{ 
  padding: 20px 20px; 
  vertical-align: middle;
  background: #f7f7f7;
  border-bottom: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  width: 220px;
}

.p-contact_table .p-contact_table_td{ 
  padding: 20px 30px;
  vertical-align: middle;
  border-bottom: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
  font-size: 14px;
  margin: 0 0 5px 0;
}


.p-contact_table .p-contact_title{
  position: relative;
  display: inline-block;
  padding: 0 48px 0 0;
  font-size: 16px;
  line-height: 1;
}
.p-contact_table .p-contact_title_login{
  position: relative;
  display: inline-block;
  padding: 0 48px 0 0;
  font-size: 16px;
  line-height: 1;
}
.p-contact_table .p-contact_title:after{
  position: absolute;
  top: 0;
  right: 0;
  width: 34px;
  height: 19px;
  margin: -2px 0 0 0;
  background-image: url(../images/form_icon_free.png);
  background-position: top left;
  background-repeat: no-repeat;
}


.p-contact_table .check .p-contact_title:after{
  background-image: url(../images/form_icon_check.png);
}

.p-input_block input{
	width: 390px;
}

/**/

.p-contact_block{
  margin: 0 0 20px 0;
}

.p-contact_block:last-child{
  margin: 0;
}

.p-contact_block .p-contact_block_in{
  margin: 0 0 10px 0;
}

.p-contact_block .p-contact_block_in:last-child{
  margin: 0;
}

.p-contact_block_in:first-child .p-contact_block_title01{
  margin: 0 0 10px 0;
}

.p-contact_block_title01{
  font-size: 14px;
  font-weight: bold;
  color: #2186b2;
  line-height: 1;
  margin: 15px 0 10px 0;
}

.p-contact_block table{
  width: 100%;
}

.p-contact_block table th,
.p-contact_block table td{
  padding: 0 0 15px 0;
}

.p-contact_block table tr:last-child th,
.p-contact_block table tr:last-child td{
  padding: 0 0 0 0;
}

.p-contact_block table th{
  width: 150px;
  font-weight: bold;
}

/* .p-contact_block_list */

.p-contact_block_list{
  letter-spacing: -0.4em;
  margin: -15px 0 0 0;
}

.p-contact_block_list li{
  display: inline-block;
  vertical-align:  top;
  letter-spacing: normal;
  margin: 15px 20px 0 0;
  line-height: 1;
}

.p-contact_block_list li input{
  margin: 0;
}

.p-contact_block_list li span{
  margin: 0 0 0 3px;
  line-height: 0;
}

.p-contact_block_list li input,
.p-contact_block_list li span{
  display: inline-block;
  vertical-align:  middle;
  line-height: 1;
}

.p-input_block{
  display: inline-block;
  vertical-align:  middle;
	width: 100%;
}

/* .p-contact_btn_area */
.p-contact_btn_area{
  text-align: center;
  letter-spacing:  -0.4em;
  /*margin: 50px 0;*/
}

.p-contact_btn_area:last-child{
  margin-bottom: 0;
}

.p-contact_btn_area li{
  display: inline-block;
  vertical-align: top;
  margin-right: 30px;
}

.p-contact_btn_area li:last-child{
  margin-right: 0px;
}

.movie{
  margin: 0 auto;
	max-width: 805px;
	background-color: darkgray;
	margin: auto;
}

.movie .movie_in{
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
}

.movie .movie_in .movie_element{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#my-video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/* .p-contact_gray_box_wrap */

.android .jw-flag-time-slider-above.jwplayer:not(.jw-flag-ads-googleima):not(.jw-flag-ads) .jw-controlbar, .jw-flag-time-slider-above.jwplayer:not(.jw-flag-ads-googleima):not(.jw-flag-live) .jw-controlbar{
  height: 80px !important;
}

.p-contact_gray_box_wrap{
  margin: 50px 0 0 0;
}

.p-contact_gray_box_wrap .p-contact_gray_box{
  border: 1px solid #e3e3e3;
  padding: 28px 30px;
  margin: 0 0 20px 0;
}

.p-contact_gray_box_wrap .p-contact_gray_box:last-child{
  margin: 0 0 0 0;
}

.p-contact_gray_box_wrap .p-contact_gray_box_in{
  margin: 0 0 1.4em 0;
}

.p-contact_gray_box_wrap .p-contact_gray_box_in:last-child{
  margin: 0 0 0 0;
}

/* .placeholder */

.placeholder_html{
  position: relative;
}

.placeholder_html_text{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 11px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #8c8c8c;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.placeholder_html_text_in{
  position: relative;
  z-index: 1;
}

.placeholder_html_text_cover{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  cursor: text;
}

.l-footer-copy_right{
	color: #fff;
	text-align: right;
	opacity: 0.5;
}
/*-----------pc--------------*/

@media screen and (min-width:641px){
	.br_pc{
		display: none;
	}
	
	.p-contact_table .p-contact_table_tr{
  		display: table-row;
	}
	
	.p-contact_table .p-contact_table_th,
	.p-contact_table .p-contact_table_td{
  		display: table-cell;
  		text-align: left;
	}
	
	.p-input_block{
		width: 100%;
	}
	
	.l-footer-inner .center img{
	width: 153px;
	height: 20px;
}
}

/*-------------sp-------------*/

@media screen and (max-width:640px){
  
  .p-contact_section input[type="text"], .p-contact_section input[type="password"], .p-contact_section textarea, .p-contact_section select{
    font-size: 16px;
  }
  
  .l-header{
    padding: 7px 0 10px !important;
  }
	.fNotoM{
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important;
	}
	
	/*-------header------*/
	.mt5 .imghover{
		margin-left: 10px;
	}
	
	.icon_movie{
		background: #2186b2 url(../images/icn_movie_01.png) no-repeat 10px 50%;
	}
	
	.l-pageBody{
		padding: 0 0 60px 0;
	}
	
	.l-footer,
	.l-header-inner,
	.l-pageBody{
		width: 100%;
	}
	
	.mh{
		border-radius: 0px;
		padding: 35px 30px 35px 50px;
		font-size: 24px;
	}
	
	.sh-base{
		border-radius: 3px;
		margin-top:10px;
		font-size: 19px;
	}
	/*-------.p-contact_section----------*/
	.p-contact_section{
		margin: 0 auto;
		padding-top: 40px;
		width: 95%;
	}
	
	.p-contact_section input[type="text"]{
  		height: 40px;
 		/*width: 100%;*/
  		border: 1px solid #a0a0a0;
  		padding: 0 10px;
	}
	.p-contact_section input[type="password"]{
  		height: 40px;
 		/*width: 100%;*/
  		border: 1px solid #a0a0a0;
  		padding: 0 10px;
	}
	
	
	.p-contact_content_wrap .p-contact_content_lesson{
  		font-size: 22px;
	}
	
	/*.p-contact_content_wrap .movie_wrap{
		height: 300px;
	}*/
	
	
	.fs{
		font-size: 16px;
	}
	
	.p-contact_table{
		border: none;
	}
	
	.p-contact_table .p-contact_table_th,
	.p-contact_table .p-contact_table_td{
		width: 100%;
		display: block;
		margin: 0;
		border: none;
	}
	
	.p-contact_table .p-contact_table_td{
		padding: 20px 10px;
	}
	
	.p-contact_table .p-contact_table_th{
		border-bottom: 1px solid #d3d3d3;
		padding: 10px 10px;
	}
	
	.p-contact_table_tr{
		border: 1px solid #d3d3d3;
		margin-top: 20px;
	}
	
	.p-contact_block .space{
		display: none;
	}
	
	.p-input_block input{
		width: 100%;
	}
	
	/*---------footer----------*/

	.l-footer-inner{
		width: 100%;
	}
	
	.center,
	.l-footer-copy_right{
		text-align: center;
	}
	
	 .l-footer-inner .center img{
		width: 55%;
	}

}