

body{
	background: #fff!important;
}

header{
	width:100%;
	background:#000;

}

#gheader{
	width:980px;
	margin:0 auto;
	overflow:hidden;
	height:40px;
	padding:10px;
}

#gheader .header-logo{
	width:200px;
	hight:auto;
	float:left;
}

#gheader .introduction{
	margin-top:15px;
	font-size:12px;
	float:right;
	color:#fff;
	display:block;
	text-decoration:none;
}

#gheader .introduction:hover{
	text-decoration:underline;
}

#gheader .introduction:before{
	content:" ";
	display:inline-block;
	width:18px;
	height:10px;
	background:url("https://10mtv.jp/image/arrow-40-64.png")no-repeat;
	background-size:contain;
}

.area1{
	width:980px;
	height:auto;
	margin:0 auto;
}

.container{
	background:#fff;
	color:#000;
	#min-height:100%;
	position:relative;
}

main{
	display: block;
    width: 980px;
    margin: 0px auto;
    padding-bottom: 65px!important;
}

.text-top{
	font-size:28px;
	font-weight:bold;
	margin:30px 0 10px 0;
	line-height:100%;
}

.color-blue{
	color:#00B0F0
}
.title-large{
	font-size:35px;
	font-weight:700;
	padding:0;
	margin:40px 0 30px 0;
}

.mail-form-submit{
	 text-align:left;
	 margin-top:25px 20px -15px 0;
}


.whats{
	line-height:1.5;
}
.whats:after{
	display:block;
	clear:both;
	content:"";
}
.red{
	color:#ff0000;
}
.whats p{
	margin:0;
}
.whats img{
	display:block;
}
.whats .whats_box2:after{
	clear:both;
	display:block;
	content:"";
}
.whats .whats_box3{
	width:440px;
	float:left;
	margin-right:10px;
}
.whats .whats_box4{
	width:400px;
	float:left;
}
.whats .whats_text1{
	font-size:40px;
	font-weight:bold;
	margin:0 0 30px;
	line-height:1.4;
}
.whats .whats_text2{
	font-size:19px;
}
.whats .whats_img1{
	float:left;
	margin-right:20px;
}
.whats .whats_text3{
	font-size:18px;
	font-weight:bold;
	margin:0 0 5px;
}
.whats .whats_text4{
	font-size:14px;
	margin-top:10px;
	#width:100px;
}
.whats .whats_img2{
	width:200px;
	float:left;
	margin:30px 10px 30px 0;
}

/***************チェックボックスの表示変更*****************/
input[type=checkbox]{
	display:none;
}

.checkbox, .checkbox2
{
  box-sizing: border-box;
 -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 20px 8px 0;
  padding: 25px 12px 25px 42px;
  vertical-align: middle;
  cursor: pointer;
}

.checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 43%;
  left: 0px;
  display: block;
  margin-top: -10px;
  width: 25px;
  height: 25px;
  border: 2px solid #BF981B;
  content: '';
}

.checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 23%;
  left: 3px;
  display: block;
  margin-top: -7px;
  width: 17px;
  height: 25px;
  border-right: 6px solid #BF981B;
  border-bottom: 6px solid #BF981B;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}

.checkbox2:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 43%;
  left: 0px;
  display: block;
  margin-top: -10px;
  width: 25px;
  height: 25px;
  border: 2px solid #1F46AC;
  content: '';
}

.checkbox2:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 23%;
  left: 3px;
  display: block;
  margin-top: -7px;
  width: 17px;
  height: 25px;
  border-right: 6px solid #1F46AC;
  border-bottom: 6px solid #1F46AC;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}

input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}

input[type=checkbox]:checked + .checkbox2:before {
  opacity: 1;
}

/*********************チェックボックスここまで************************/
.message{
	font-size:20px;
	line-height:150%;
}
.notice{
	color:#888;
}

.input-form{
	text-align:left;
	line-heihgt:160%;
	padding-top:40px;

}

.input-form .input-text{
	margin:9px 0 8px 0;
	font-size:18px;
	padding:10px 10px;
	text-align:left;
	width:330px;
	font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
}
/*
.input-form .submit-button{
	margin:0 0 20px 0;
	color:#fff;
	font-size:18px;
	padding:9px 0 5px 0;
	text-align:center;
	width:250px;
	background-color:#f79646;
	border:0;
	font-weight:700;
	font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
	margin-top:25px;
}
*/
.error-message{
	color:#f00;
	font-size:18px;
	margin-bottom:10px;
}



.title-midium{
	font-size:25px;
	font-weight:700;
}

.title-xlarge{
	font-size:44px;
	letter-spacing: 2px;
	margin:50px 0;
}

.text-center{
	text-align:center;
}


.explain-image{
	width:760px;
	margin:0 auto;
	padding-bottom:30px;
	font-size:14px;
	line-height:140%;
}

.explain-image span{
	font-size:16px;
}

.explain-image img{
	width:100%;
	#border:1px solid #000;
	margin-bottom:5px;
	margin-top:10px;
}

.message-input-mail{
	font-size:22px;
	margin-bottom:30px;
	font-weight:700;
}

.mail-input-form{
}

.input-mail{
	width:50%;
	font-size:17px !important;
	line-height:40px !important;
	height:40px  !important;
	padding:0 10px  !important;
	font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
	#margin-top:15px;
}


.contract{
	width:100%;
	padding:0 0 0 20px;
	border:1px solid #aaa;
	margin-top:10px;
	margin-bottom:10px;
	height:200px;
}

.mail-form-submit{
	text-align:left;
	font-size:16px;
}

.agree{
	height:14px;
	width:14px;
	margin:30px 0;

}

.submit-button,
.input-form .submit-button{
	width:300px;
	height:60px;
	background:#1F46AC;
	border:0;
	font-weight:700;
	#line-height:1.5;
	color:#fff;
	margin:0 0 20px 0;
	font-size:22px;
	cursor: pointer;
	font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
}
.mail-form-submit .submit-button:hover{
	opacity:0.5;
}

.input-form .submit-button{
	margin-top:25px;
}
.link-about{
	color:#00B0F0;
	font-size:18px;
	font-weight:700;
}

div.about{
	margin-top:20px;
	padding:20px;
}

div.inquiry-box{
	font-size:14px;
	margin:10px 0 20px;
	line-height:150%;
}
div.inquiry-box .inquiry-title{
	font-size:17px;
	font-weight:700;
	margin-bottom:10px;
}

div.inquiry-box ul{
	padding-left:20px;
}

div.inquiry-box a{
	text-decoration:underline;
}


/********footer*******/
.gfooter-black{
	width:100%;
	background:#595959;
	height:60px;
	position:static;
}
.footer-info{
	width:980px;
	margin:0 auto;
	position:relative;
}

.footer-info ul{
	padding:0;
	margin:0;
}

.footer-info ul li{
	list-style-type:none;
	line-height:1.5;
	padding:19px 0 19px 20px;
	margin:0;
	font-size:14px;
	display:inline-block;
}
.footer-info ul li:first-child{
	padding-left:0;
}
.footer-info ul li a{
	color:#fff;
	text-decoration:underline;
}

.footer-info .copyright{
	font-size:14px;
	position:absolute;
	top:6px;right:10px;
	color:#fff;
}

/******************** 課金フロー ************************/
.payment-flow {
	margin: 0;
	padding: 0;
}

.payment-flow img{
	width: 100%;
	vertical-align: bottom;
}
