@charset utf8
/* COMMON */
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.clearfix{
	display:inline-block;
	display:block;
}

*html .clearfix{
	height:0px;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
}
.clear{clear:both;}

body{
	width:100%;
    background:#fff;
    color:#333333;
    font-size:18px;
    line-height:1.8;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

@media screen and (min-width:769px){
	header .h_box{
		width:980px;
		margin:0 auto;
		padding:180px 0;
		position:relative;
		background:url(../img/back_main.png) no-repeat;
	}

	header h1{
		position:absolute;
		right:50px;
		top:150px;
		font-size:50px;
		line-height:90%;
	}
	
	header h1 span{
		display:block;
		font-size:22px;
		color:#e82828;
	}
	
	header .logo{
		position:absolute;
		right:30px;
		top:260px;
	}
	
	.contents{
		padding:40px 0
	}
	
	.contents .box_set{
		width:980px;
		margin:0 auto;
	}
	
	/* point */
	.point{background:#329af9;}
	
	.point .dis{
		display:block;
		width:80%;
		margin:0 auto 15px auto;
		font-size:16px;
		color:#fff;
	}

	.point .dis a{
		color:#FFF100;
	}

	.point .dis a:visited{
		color:#FFF100;
	}
	
	.point .nayami{
		background:#fff;
		border-radius:10px;
		padding:10px;
	}
	
	.point .nayami h2{
		width:40%;
		margin:0 auto 20px auto;
		background:#2b97c0;
		color:#fff;
		font-size:24px;
		text-align:center;
	}
	
	.point .nayami .nayami_list{
		width:60%;
		margin:0 auto 20px auto;
	}
	
	.point .nayami .nayami_list li{
		font-size:24px;
		font-weight:bold;
		margin-bottom:10px;
	}
	
	.point .nayami .nayami_list li:last-child{
		margin:0;
	}
	
	.point .nayami span.look{
		display:block;
		font-size:20px;
		color:#e82828;
		text-align:center;
	}
	
	/* step */
	.step{background:#48cff9;}
	
	.step h2{
		font-size:30px;
		color:#fff;
		text-align:center;
	}
	
	.step .step_list{
		background:#fff;
		border-radius:10px;
		padding:20px;
	}
	
	.step .step_list dt{
		float:left;
		width:18%;
		height:80px;
		padding:0 20px 0 0;
		text-align:right;
		font-size:30px;
		font-weight:bold;
		color:#e82828;
	}
	
	.step .step_list dd{
		float:left;
		width:75%;
		height:100px;
		padding:8px 0;
	}

	.step .step_list dd span{
		display:block;
		font-weight:bold;
	}
	
	.step .step_list:after{
		content: "";
		display: block;
		clear: both;
	}
	
	/* contacts */
	.contacts{background:#cdfffa;}
	
	.contacts h2{
		font-size:34px;
		font-weight:bold;
		text-align:center;
		margin-bottom:40px;
	}
	
	.contacts form{
		width:80%;
		margin:0 auto;
	}
	
	.contacts form table{
		margin-bottom:40px;
	}
	
	.contacts form table th{
		font-size:18px;
		font-weight:bold;
		text-align:left;
		padding:15px 0;
		width:30%;
		vertical-align:middle;
	}
	
	.contacts form table th span{
		display:inline-block;
		font-size:12px;
		font-weight:bold;
		color:#fff;
		letter-spacing:3px;
		text-align:center;
		background:#e00323;
		padding:2px 10px;
		margin-left:20px;
		border-radius:4px;
	}
	
	.contacts form table td{
		padding:15px 0 15px 30px;
		width:68%;
	}
	
	.contacts form table td input[type="text"] {
		display:block;
		width:100%;
		padding:10px 5px;
		font-size:16px;
	}
	
	.contacts form table td input.m_day {
		margin-bottom:20px;
	}
	
	.contacts form table td textarea[type="text"] {
		width:100%;
		height:150px;
	}
	
	.contacts form table td select{
		display:block;
		padding:10px 5px;
		font-size:14px;
	}
	
	.contacts form table td select.birthday{
		display:inline-block;
		margin-left:10px;
	}
	
	.contacts form table td select.syokureki{
		margin-bottom:20px;
	}
	
	.contacts form .txt_center{
		text-align:center;
		font-size:14px;
		padding-bottom:40px;
	}
	
	.contacts form input[type="submit"] {
		display:block;
		padding:10px 10px;
		margin:0 auto;
		text-decoration:none;
		font-size:18px;
		color:#fff;
		background:#da1b19;
		width:50%;
		border-radius:4px;
		text-align:center;
		cursor:pointer;
	}
	
	.contacts form input[type="submit"] :hover{
		cursor:pointer;
	}
	
	.contacts .scroll{
		width: 100%;
		height: 200px;
		margin-bottom: 40px;
		padding: 15px;
		border: 3px solid #eee;
		overflow: scroll;
		font-size: 14px;
		box-sizing: border-box;
	}
	
	.contacts .scroll h4{
		color: #ed1212;
		font-weight: bold;
	}
	
	.contacts .scroll p{
		margin-bottom: 15px;
	}
	
	.verification form table th,.verification form table td{
		border-bottom:2px solid #ccc;
	}
	
	#pageTopButton{
		position:fixed;
		right:10px;
		bottom:30px;
		padding:5px 10px;
		background:#fff;
		font-size:14px;
		color:#2c58b2;
		font-weight:bold;
		border:2px solid #2c58b2;
		text-align:center;
		text-decoration:none;
		border-radius:4px;
		cursor:pointer;
	}
	
	/* footer */
	footer{
		padding:30px 0;
		text-align:center;
		color:#fff;
		font-size:14px;
		background:#16afd8;
	}
	
	footer .link_c{
		display:inline-block;
		margin-bottom:20px;
		color:#fff;
		text-decoration:none;
	}
	
	footer .link_c:visited{
		color:#fff;
	}
	
	footer .cr{
		display:block;
		text-align:center;
	}
}