@charset "UTF-8";
/* CSS Document */

/*----------------------------------
	smp用のCSSです
----------------------------------*/

.CtsMrBox img{
	width: auto;
	margin-top: 5px;
}

.CtsMrBox input[type=text],textarea,select {
/*input等文字サイズ16px未満はiOSで拡大されるので調整*/
  font-size: 14px!important;
  transform: scale(0.9)!important translate(-5%,0%);
/*input等文字サイズ16px未満はiOSで拡大されるので調整*/
  text-indent: 3px;
  border: solid 1px #999;
  padding: 3px;
  height: 26px;
}

.select_area select {
    font-size: 12px;
    appearance: none;
    width: 240px;
	height: 32px;
	line-height: 2;
    padding: 0 10px;
    border: none;
    outline: 0;
    background: #fff;
    background-image: none;
    box-shadow: none;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    cursor: pointer;
    border: solid 1px #ccc;
    font-size: 14px;
	border-bottom: solid 1px #ccc !important;
}
.select_area{
	position: relative;
}
.select_area::before {
    position: absolute;
    top: 17px;
    left: 220px;
    width: 0;
    height: 0;
    border-width: 8px 5px 0 5px;
    border-style: solid;
    border-color: #999 transparent transparent transparent;
    content: "";
    pointer-events: none;
}

.contents {
    font-size: 1.4rem;
    overflow: hidden;
    padding-bottom: 1rem;
    width: 100%;
	letter-spacing: normal;
	}
.contents h2 img{
	width:100%;
	}
.contents_main{
	margin: 0 auto;
    width: 97%;
	padding-top:5px;
	}
.p_flw img{
	width:100%;
	}
.formItm{
	overflow:hidden;
	margin-top:5%;
	margin-bottom:5px;
	padding:5px;
	font-size:1.4rem;
	background:#ffa356;
	color:#ffffff;
	border-top:1px solid #fff2f5;
	border-bottom:1px solid #fff2f5;
	}
.formItm .MIcn{
	float:left;
	width:17%;
	}
.p_txt{
	font-size:14px;
	line-height:20px;
	}
.p_txtR{
	font-size:14px;
	line-height:20px;
	color:#F00;
	padding-bottom:30px;
	padding-top:15px;
	}
.formItm .formItmTxt{
	display:block;
	width:auto;
	font-weight: bold;
	float:left;
	font-size:18px;
	}

span .f_nomal{
	font-weight: normal;
}

.formItmForm{
	clear:both;
	width:96%;
	}
.formItmForm select{
	font-size: 1.4rem;
	}
.MIcn img{
	width:85%;
	}
.Hissu img{
    width: 85%;
	margin-top:-6px;
}
.formTitle{
	height:auto;
	font-size:18px;
	}
.formTitle dd{
	overflow:hidden;
	}
.formName{
	height:auto;
	}
.formName .formItm{
	font-size:1.4rem;
	}
.formName input, .formKana input, .formMail input, .formMail2 input, .formCourseName input, .formCourseName input, .formCourseNo input{
	width:97%;
	font-size:1.4rem;
	}
.formMail2 .formItm .txt{
	color: #FF0000;
	font-size:1.2rem;
}

.formKana .formItmForm input{
	font-size:1.4rem;
	}
.formItmForm input{
	font-size:1.4rem;
	}
.tokutei{
	margin-top:50px;
	font-size:1.4rem;
	line-height:18px;
	}
.formCourseName{
	margin-top:10px;
	}
/*.formItmForm input{
	width:97%;
	font-size:1.4rem;
	}*/
.formItmForm label{
	margin-right:5px;
	line-height:1.5;
	}	
.formSend .formItmForm,
.formDate .formItmForm,
.formTel .formItmForm{ 
	font-size:18px;
	}
/*.formItmForm span, .formItmForm select{
	float:left;
	}*/
.formDate .formItmForm select{
	width:40%;
	}
.formItmForm span{
	font-size:20px;
	line-height:30px;
	}
.formToiawaseNo{
	clear:both;
	}
.zumi{
	display:block;
	font-size:1.3rem;
	line-height: 2;
	}

.formToiawaseNo .formItmTxt{
	width:100%;
	}
.formToiawaseNo .formItmForm input{
	width:97%;
	font-size:1.4rem;
	}
.formPostalCode .formItmForm input{
	width:90%;
	font-size:1.4rem;
	}
.formPhoneNo .formItmForm input{
	width: 26%;
	}
.formShousai .formItmForm textarea{
	width:97%;
	font-size:1.4rem;
	height:150px;
	}
.formAtena .formItmForm textarea{
	width:97%;
	font-size:1.4rem;
	height:300px;
	}
.formDmStop .formItmForm textarea{
	width:97%;
	font-size:14px;
	height:300px;
	}
.atenaPlus{
	display:block;
	font-size:1.3rem;
	line-height: 1.4;
	}
.Hissu{
	float:left;
	width:60px;
	padding-bottom:5%;
	}
.HissuFrom{
	background-color: #ffffcd;
	border: solid 1px #999;
	}
input.btn_fm00{
	clear:both;
	margin-top:1.0rem;
	border:1px solid #999;
	border-radius:5px;
	background: #999999; /* Old browsers */
	background: -moz-linear-gradient(top,  #999999 0%, #777777 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#777777)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #999999 0%,#777777 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #999999 0%,#777777 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #999999 0%,#777777 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #999999 0%,#777777 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#777777',GradientType=0 ); /* IE6-9 */

/*
	background-image:url(../images/ico_bar01.png);
	background-repeat:no-repeat;
	background-position:98% center;
	background-size:1.6em;
*/
	font-size:24px;
	width:80%;
	padding:2.5rem;
	color:#fff;
	}
input.btn_fm01{
	clear:both;
	margin-top:1.0rem;
	border:1px solid #999;
	border-radius:5px;
	background: #5d6254; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffbb18 0%, #e1a101 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffbb18), color-stop(100%,#e1a101)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffbb18 0%,#e1a101 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffbb18 0%,#e1a101 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffbb18 0%,#e1a101 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffbb18 0%,#e1a101 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbb18', endColorstr='#e1a101',GradientType=0 ); /* IE6-9 */

/*
	background-image:url(../images/ico_bar01.png);
	background-repeat:no-repeat;
	background-position:98% center;
	background-size:1.6em;
*/
	font-size:24px;
	width:80%;
	padding:2.5rem;
	color:#fff;
	}
.btnKojin{
	line-height: 0.8;
	padding-left:20px;
	margin-top:1.0rem;
	border:1px solid #999;
	border-radius:5px;
	background: #5d6254; /* Old browsers */
	background: -moz-linear-gradient(top,  #fe4c1d 0%, #e95f57 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe4c1d), color-stop(100%,#e95f57)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fe4c1d 0%,#e95f57 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fe4c1d 0%,#e95f57 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fe4c1d 0%,#e95f57 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fe4c1d 0%,#e95f57 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe4c1d', endColorstr='#e95f57',GradientType=0 ); /* IE6-9 */

/*
	background-image:url(../images/ico_bar01.png);
	background-repeat:no-repeat;
	background-position:98% center;
	background-size:1.6em;
*/
	font-size:18px;
	width:91%;
	padding:1rem;
	height:26px;
	margin-bottom:20px;
	color:#fff;
	}
.btnKojin a{
color: #fff;
/* padding-left: 7%; */
height: 26px;
display: block;
 padding-top: 2%; 
/* width: 93%; */
text-align: center;
	}
.txtKojinR{
	text-indent:-1rem;
	padding-left:1rem;
	color:#F00;
	font-size:14px;
	}
.kojinL{
	float:left;
	width:20%;
	height: 40px;
	}
.kojinR{
	float:right;
	width:80%;
	font-size:14px;
	line-height:20px;
	}
.btnBox{
	overflow:hidden;
	width:96%;
	padding:2%;
	}
.kojinBox{
	font-size:14px;
	line-height:20px;
	margin:30px 0;
	}
.kojinBox dd span{
	display:block;
	padding-top:20px;
	}
.txtList li{
	font-size:14px;
	color:#F00;
	padding-top:15px;
/*	text-indent:-1rem;
	padding-left:1rem;*/
	}
	
	
	
	
	
.kojinL input[type="checkbox"] {
    border: 1px solid #666666;
    vertical-align: -8px;
    -webkit-appearance: none;
    position: relative;
    margin-right: 5px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    width: 26px;
    height: 26px;
    /*Other Browser*/
    background: #666666;
    /*For Old WebKit*/
    background: -webkit-gradient(
        linear, left top, left bottom,
        color-stop(0.00, #999999),
        color-stop(1.00, #666666)
    );
    /*For Modern Browser*/
    background: linear-gradient(
        to bottom,
        #999999 0%,
        #666666 100%
    );
}

.kojinL input[type="checkbox"]:checked {
    /*Other Browser*/
    background: #666666;
    /*For Old WebKit*/
    background: -webkit-gradient(
        linear, left top, left bottom,
        color-stop(0.00, #666666),
        color-stop(1.00, #333333)
    );
    /*For Modern Browser*/
    background: linear-gradient(
        to bottom,
        #666666 0%,
        #333333 100%
    );
    border: 1px solid #333333;
}

.kojinL input[type="checkbox"]:checked:before {
    position: absolute;
    left: 1px;
    top: 16px;
    display: block;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    content: "";
    width: 10px;
    height: 4px;
    background: #999999;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: right center;
}

.kojinL input[type="checkbox"]:checked:after {
    display: block;
    position: absolute;
    left: 9px;
    top: 16px;
    content: "";
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    width: 16px;
    height: 4px;
    background: #999999;
    -webkit-transform: rotate(-53deg);
    -webkit-transform-origin: left center;
}
.answerBox{
	font-size:16px;
	padding:0.5em;
	border: 1px solid #ccc;
	}

/*thanks*/
.kanryou{
	padding:1.8em 0.2em;
	margin:1em 0;
	background:#fae5e5;
	color:#cc0000;
	font-size:22px;
	}
.thanksMsg{
	font-size:16px;
	line-height:20px;
	}
.thanksMsg span{
	display:block;
	padding-bottom:20px;
	}
.thanksMsgR{
	color:#cc0000;
	font-size:16px;
	line-height:20px;
	}
.homeLnk{
	border-top:1px solid #ccc;
	margin-top:20px;
	padding-top:15px;
	}
.homeLnk a{
	color:#0066cc;
}
.homeLnk a:hover{
	color: #ff9933;
    text-decoration: underline;
}
.homeLnk a:visited{
	color: #9933cc;
    text-decoration: none;
}



/*inputチェックボックスにcssをあてる*/
.checkbox{
  display: none;
}
.checkbox-icon{
  padding-left: 300px;
  padding-bottom: 50px;
  position:relative;
}
.checkbox-icon::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #999;
  border-radius: 4px;
}
.checkbox:checked + .checkbox-icon{
  color: #009a9a;
}
.checkbox:checked + .checkbox-icon::after{
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 8px;
  width: 7px;
  height: 16px;
  transform: rotate(40deg);
  border-bottom: 5px solid #00799A;
  border-right: 5px solid #00799A;
}
.contents h3 img {
    width: 100%;
	padding:15px 0 30px;
}
.p_txt.MarT {
	margin:25px 0 15px;
}
.warning  {
	float:right;
	padding: 2% 0;
}
.px12 { font-size: 12px; line-height: 130%}
.px12Red { font-size: 12px; line-height: 130%; color: #ff0f4b;}
.px12b { font-size: 12px; line-height: 16px; color: #FFffff;}
.px14b { font-size: 14px; line-height: 16px; color: #FFffff;}
.px12txt { font-size: 12px; line-height: 16px; color: #676767}
table td input { height: 20px; font-size: 14px; border: solid 1px #999; padding: 3px; height: 26px;}
table td { border-bottom: 1px solid #fff2f5;}
.mailTxt { padding-left: 10px; font-size: 12px;}


.contents *, ::after, ::before {
    box-sizing:content-box;
}

.CtsMrBox input[type="submit"]:disabled {
	opacity: 0.3;

  }

.CtsMrBox input[type="submit"] {
	background-color: rgb(225, 222, 222);

  }

.CtsMrBox input[type="reset"] {
	background-color: rgb(225, 222, 222);

  }