@charset "Shift_JIS";
/* CSS Document */
body{
	background-color: #ffffff;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
		
	}
	@media screen and (min-width: 640px) {
		.sp{
			display: none;
		}
		.pc{
			display: block;
		}
		a {
			display: block;
			width: 100%;
			max-width: 1097px;
		}
		a img {
			width: 100%;
			-webkit-transition: 0.3s ease-in-out;
			-moz-transition: 0.3s ease-in-out;
			-o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
		}
		a:hover img {
			opacity: 0.6;
			filter: alpha(opacity=60);
		}
		li img {
			vertical-align:bottom;
		}
		
		.header {
	padding: 0rem;
	display: flex;
/*	justify-content: space-between;*/
	align-items: center;
	  -webkit-position: sticky;
	  position: fixed;
	  right:0px;
	  top: 0;
	  max-width:800px;
	  margin:0 auto;
	  z-index:200;
}
.header img {
	width: 180px;
}
.header a {
	color: #FFF;
	font-size: 1.25rem;
	margin-left:auto;
}

		
		#user_wrapper{
			width:100%;
		}
		h1{
			width: 100%;
			max-width: 800px;
			margin: 0 auto;
		}
		h1 img{
			width: 100%;
		}
		.fltL { float: left; }
		.fltR { float: right; }
		.top_mess{
			text-align: center;
			width: 1020px;
			margin: 0 auto 60px;
			line-height: 180%;
		}
		.btnContainer {
			padding: 24px 0;
			background-color: #EDEDED;
		}
		.btnArea{
			width: 100%;
			max-width: 980px;
			text-align: center;
			margin: auto;
		}
		.btnArea ul{
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin: 0 auto;
			padding: 0 20px;
			
		}
		.btnArea ul li{
			flex: 1;
		}
		.btnArea ul li:first-child{
			max-width: 582px;
			margin-right: 24px;
		}
		.btnArea ul li:last-child{
			max-width: 321px;
			padding-right: 0;
		}
		.btnArea ul li img{
			width: 100%;
		}
		
		.inner{
			width: 1020px;
			margin: 0 auto;
		}
		.inner_contents{
			background: url(../img/c_bg.gif) 0 0 repeat-y;
			margin-left: 20px;
			padding-bottom: 60px;
		}
		.inner_contents h2{
			padding-top: 60px;
			padding-bottom: 60px;
		}
		.tit_u{
			width: 920px;
			margin-left: 30px;
		}
		.tit_u_txt{
			width: 423px;
			float: left;
			padding-left: 40px;
			padding-bottom: 110px;
		}
		.tit_u_txt h4{
			padding-bottom: 20px;
			padding-top: 20px;
		}
		.tit_u_txt p{
			font-size: 15px;
			line-height: 200%;
		}
		.three_point{
			text-align: center;
			padding-left: 137px;
			padding-bottom: 40px;
		}
		.three_Area div{
			float: left;
			width: 290px;
			padding-left: 30px;
		}
		.three_Area div h5{
			padding-bottom: 10px;
		}
		.three_Area div h4{
			padding-bottom: 10px;
		}
		.three_Area div p{
			font-size: 15px;
			line-height: 200%;
		}
		
		.h2_time{
			text-align: center;
			padding: 60px 0 60px 142px;
		}
		
		.time_inner .l_box{
			float: left;
			width: 415px;
			padding-left: 45px;
			padding-right: 30px;
		}
		.l_box{
			float: left;
			width: 415px;
			padding-left: 65px;
		}
		.l_box h3{
			padding-top: 30px;
			padding-bottom: 30px;
		}
		.l_box p{
			font-size: 15px;
			line-height: 200%;
		}
		.R_photo{
			float: right;
			padding-right: 20px;
		}
		.sch_area{
			margin-top: 50px;
			background:#F2F2F2  url("../img/tit_bg.gif") 0 0 repeat-x;
			width: 100%;
		}
		.sch_area h3{
			width: 1020px;
			margin: 0 auto;
			text-align: center;
			padding-bottom: 30px;
		}
		.sch_area ul{
			width: 870px;
			margin: 0 auto;
			padding-bottom: 30px;
		}
		.sch_area ul li{
			float: left;
			padding-right: 30px;
		}
		.u_tit_area{
			background: url("../img/tit_bg2.gif") 0 0 repeat-x;
		}
		.u_tit_area h4{
			width: 1020px;
			margin: 0 auto;
			text-align: center;
		}
		.messa{
			width: 1020px;
			margin: 60px auto;
			
		}
		
		.l_photo{
			float: left;
			padding-left: 0;
		}
		
		.copyright{
			font-size: 0.8em;
			color: #4D4D4D;
			text-align: center;
		}
		
		.entry {
			position: relative;
		}
		
		.entryBtn {
			position: absolute;
			bottom: 40px;
			width: 100%;
		}
		
		.entry a {
			margin: auto;
			box-shadow: 5px 5px 13px rgba(08, 0, 02, 0.51);
		}
	}
	
	@media screen and (max-width : 640px ){
		.sp{
			display: block;
		}
		.pc{
			display: none;
		}
		body{
			width: 100%;
		}
		
	.header img {
	width: 180px;
	height:auto;
	  position: fixed;
	  right:0px;
}

		li img {
			vertical-align:bottom;
		}
		#user_wrapper{
			width:100%;
		}
		a {
			display: block;
			width: 100%;
			max-width: 640px;
		}
		a img {
			width: 100%;
			-webkit-transition: 0.3s ease-in-out;
			-moz-transition: 0.3s ease-in-out;
			-o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
		}
		h1{
			width:100%;
			margin: 0 auto;
		}
		h1 img{
			width: 100%;
		}
		.top_mess{
			text-align: center;
			width: 90%;
			margin: 0 auto 60px;
			font-size: 15px;
			line-height: 200%;
		}
		.btnContainer {
			padding: 0;
			background-color: #EDEDED;
		}
		.btnArea{
			width: 100%;
			text-align: center;
			margin: auto;
		}
		.btnArea ul{
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin: 0 auto;
			padding: 0 20px;
		}
		.btnArea ul li{
			flex: 1;
			/*float: left;*/
			/*width: 48.5%;*/
			/*padding-right: 3%;*/
		}
		.btnArea ul li:first-child{
			max-width: 283px;
			margin-right: 24px;
		}
		.btnArea ul li:last-child{
			max-width: 149px;
			padding-right: 0;
		}
		.btnArea ul li img{
			width: 100%;
		}
		.inner{
			width: 100%;
		}
		.inner_contents{
			background-color: #FFFFF2;
			width: 100%;
		}
		.inner_contents h2{
			padding-bottom: 30px;
		}
		.inner_contents h2 img{
			width: 100%;
		}
		.tit_u{
			width: 100%;
			text-align: center;
		}
		.tit_u img{
			width: 80%;
		}
		.tit_u_txt{
			width:90%;
			margin: 0 auto;
		}
		.tit_u_txt h4{
			width: 100%;
			padding-bottom: 20px;
			padding-top: 30px;
		}
		.tit_u_txt h4 img{
			width: 50%;
		}
		.tit_u_txt p{
			font-size: 15px;
			line-height: 200%;
			padding-bottom: 50px;
		}
		.three_point{
			text-align: center;
			padding-bottom: 40px;
		}
		.three_point img{
			width: 100%;
		}
		.three_Area div{
			width: 90%;
			margin: 0 auto;
		}
		.three_Area div h5{
			text-align: center;
			padding-bottom: 10px;
		}
		.three_Area div h4{
			padding-bottom: 20px;
		}
		.three_Area div p{
			font-size: 15px;
			line-height: 200%;
			padding-bottom: 40px;
		}
		
		.h2_time{
			width: 100%;
			padding-top: 50px;
		}
		.h2_time img{
			width: 100%;
		}
		
		.l_box{
			width: 90%;
			margin: 0 auto;
		}
		.l_box h3{
			width: 80%;
			padding-top: 30px;
			padding-bottom: 30px;
		}
		.l_box h3 img{
			width: 100%;
		}
		.l_box p{
			font-size: 15px;
			line-height: 200%;
		}
		
		.l_photo{
			padding-left: 0;
		}
		.l_photo img{
			width: 100%;
		}
		.sch_area{
			margin-top: 50px;
			background:#F2F2F2;
			width: 100%;
			text-align: center;
		}
		.sch_area h3{
			width: 100%;
			margin: 0 auto;
			padding-bottom: 30px;
		}
		.sch_area h3 img {
			width: 100%;
		}
		.sch_area ul{
			width: 100%;
			margin: 0 auto;
			padding-bottom: 30px;
		}
		.sch_area ul li{
			padding-bottom: 30px;
		}
		.u_tit_area{
			background: url("../img/tit_bg2.gif") 0 0 repeat-x;
		}
		.u_tit_area h4{
			width: 100%;
		}
		.u_tit_area h4 img{
			width: 100%;
		}
		
		.messa{
			width: 100%;
			margin: 60px auto;
		}
		.messa h4{
			width: 100%;
		}
		.messa h3{
			width: 100%;
		}
		.messa h4 img,.messa h3 img{
			width: 100%;
		}
		.messa .R_photo{
			width: 100%;
			padding-top: 30px;
		}
		.messa .R_photo img{
			width: 100%;
		}
		
		.copyright{
			width: 100%;
			margin: 10px auto;
			font-size: 0.8em;
			color: #4D4D4D;
			text-align: center;
		}
		
		.entry {
			position: relative;
		}
		
		.entryBtn {
			position: absolute;
			bottom: 40px;
			width: 100%;
		}
		
		.entry a {
			margin: auto;
			box-shadow: 5px 5px 13px rgba(08, 0, 02, 0.51);
		}
	}