@charset "utf-8";

/*****************************************/
/* ===================================================================
	スマートフォン用記述（600px以下）
=================================================================== */
/*****************************************/
@media all and (min-width: 0px) and (max-width: 600px){


.container {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.container span,
.container p,
.container div {
  line-height: 1.6;
}

p.yosakoi{
	margin-top:10px;
	text-align:center;
	font-size:10px;
}

h1 {
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: bold;
  position: relative;
  text-align: center;
}

h1 span.line {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
}

h1 span.line02{
  display: block;
	text-align:center;

}


h1::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #ccc;
  background: -webkit-linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
  background: linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
}

p.required{
	text-align:center;
	font-size:14px;
	color:#c80000;
}
p.note01{
	text-align:center;
	font-size:18px;
    line-height: 1.8;
    font-weight: bold;
    padding: 3px;
    margin-bottom: 4px;
    background-color: #B92E30;
	color:#ffffff;
}

p.note02{
	text-align:center;
	font-size:16px;
	color:#c80000;
    margin-bottom: 40px;
}    
    
p.required02{
	font-size:14px;
    padding: 4%;
    margin-bottom: 15px;
}
p.required03{
	font-size:14px;
    padding: 4%;
    margin-bottom: 15px;
}
/*メールが届かない*/
p.mail{
    border: none;
    border-bottom: #E80003 solid 1px;
    border-top: #E80003 solid 1px;
    padding: 14px;
	font-size:14px;
    margin-top: 25px;
    margin-bottom: 25px;
    background-color: #FFF2EB;
}
p.mail span{
    display: inline;
    color: #E80003;
    font-weight: bold;
}
    
    
.mailform{
	margin-bottom:50px;
}

/*一行*/
.mailform dl {
	display:block;
	margin-left:auto;
	margin-right:auto;
	width: 100%;
	padding:0;
	padding-top:4%;
	padding-bottom:4%;
 /* border-bottom: 1px solid #D0D0D0;*/
}

.mailform dl:nth-child(even){
  background-color:#f0f0f0;
}
.mailform input[type="submit"]{
	-webkit-appearance: none;
	background-color: #ff6e17;
	color: #fff;
	font-size:18px;
	width:50%;
	border:none;
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	border-radius: 20px;
	transition: all .3s;
}

.mailform input[type="submit"]:hover{
	background-color: #a93f00;
	}


/*項目*/
.mailform dt {
  width: 99%;
  padding:1%;
  display:block;
  vertical-align: middle;
}


/*項目補足文字*/
.mailform dt span{
	color:#c80000;
	font-weight:bold;
	margin-left:4px;
}
.mailform dt span.small{
	color:#c80000;
	font-size:14px;
	font-weight:normal;
	margin-left:0px;
}
.mailform dt span.pc_none{
	display: inline;
	font-size:14px;
	font-weight:normal;
	color:#787878;
	margin-left:10px;
}


/*フォームパーツ*/
.mailform dd {
  width: 94%;
  padding:3%;
  padding-top:0%;
  display:block;
  vertical-align: middle;
}

.mailform dd label{
	font-size:16px;
	margin-right:10px;
}

.mailform dd span.file{
	font-size:12px;
}

.mailform dd label input[type="radio"]{
	font-size:20px;
	width:20px;
	height:20px;
	vertical-align:top;
}
.mailform dd input[type="file"]{
	font-size:14px;
	margin-bottom:6px;
}

.mailform dd input[type="text"],
.mailform dd input[type="tel"],
.mailform dd input[type="number"],
.mailform dd input[type="email"],
.mailform dd select,
dd textarea {
  width: 96%;
  max-width: 100%;
  font-family: inherit;
  padding: 0;
  padding:1%;
  font-size: 16px;
  background: #f1f5ff;
  border-radius: 4px;
  border: 1px solid #b5b6c4;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.05);
}

.mailform dd input[type="radio"],
.mailform dd input[type="checkbox"]:{
  box-shadow: none;
  border: 5px solid #ccc;
}

.mailform dd .nest {
  padding-left: 45px;
  margin: 10px 0;
}



.mailform dd textarea {
  width: 570px;
  height: 120px;
  box-sizing: border-box;
  resize: vertical;
}

.submit_area {
  margin-top: 45px;
  text-align: center;
}

.confirmation_btn {
  font-family: inherit;
  padding: 10px 30px;
  font-size: 16px;
  background: none;
  border-radius: 8px;
  border: none;
  background: #5d3fff;
  color: #fff;
  cursor: pointer;
}

.confirmation_btn:hover {
  opacity: .8;
}
.mailform dt span.two_line{
	color: initial;
	font-weight:normal;
	display:inline;
}

.mailform dd span{/*記入例*/
	font-size:14px;
	color:#474747;
	display:block;
	margin-left:10px;
	margin-top:4px;
}





/*同意書のチェック*/
div.check_box{
	border:none;
	margin-top:30px;
	margin-bottom:50px;
	padding:0px;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
}
.check_box p{
	text-align:center;
	font-size:16px;
	color:#B90003;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:15px;
	padding-left:10%;
	padding-right:10%;
}
.check_box a{
	color:#E48600;
	font-weight:bold;
}

.check_box a:hover{
	color: #772500;
}


/*ボックス*/
.mailform dl.check_box {
	display:block;
	width: 100%;
	padding:0;
	font-size:0px;
	border-bottom: 1px solid #4D4D4D;
}
.mailform dl.check_box:last-child{
	border:none;
}


.mailform dl.check_box lable {
	cursor: pointer;
}

/*チェックボックス*/
.mailform dl.check_box dt {
	width: 15%;
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	padding:0px;
}
.mailform dl.check_box dt input[type="checkbox"]{
	cursor: pointer;
	width:30px;
	height:30px;
	box-shadow: none;
	display:block;
	margin-left:auto;
	margin-right:auto;
}



/*同意文章*/
.mailform dl.check_box dd {
	width: 81%;
	display: table-cell;
	vertical-align: middle;
	padding:2%;
}
.mailform dl.check_box dd ul li{
	font-size:14px;
	margin-left:20px;
}

.mailform dl.check_box dd{
	font-size:14px;
}


}