@charset "utf-8";
@media screen and (max-width:768px) {
	*{
		margin:auto;
		color:#333333;
		font-size:14px;
		line-height:24px;
	}
	span.sp_only{
		display:inline;
	}
	img.img01{
		float:none;
		width:65%;
		margin:16px auto;
		display:block;
	}
	h3.h301{
		text-align:center;
	}
	div.header01{
		width:98%;
		border-bottom:3px solid #fff;
		//position:fixed;
		top:0;
		height:60px;
		padding:4px 1%;
		background:url("../img/black_gb.png");
		z-index:100;
	}
	div.header02{
		float:left;
		width:80%;
		margin-top:8px;
		margin-left:6px;
	}
	div.header02 img{
		width:280px;
	}
	div.header02 p{
		font-size:10px;
		font-weight:normal;
		margin-left:0px;
		padding-left:4px;
		margin-top:-8px;
		color:#0B275E;
	}
	div.header03{
		display:none;
	}
	div.sp_topmenu{
		display:block;
		position:fixed;
		top:12px;
		right:12px;
		width:44px;
		height:44px;
		z-index:60;
	}
	div.sp_topmenu img{
		position:absolute;
		z-index:80;
		width:30px;
		top:7px;
		left:7px;
	}
	div.sp_topmenu div.white_div{
		background:#f5f4ff;
		position:absolute;
		width:100%;
		height:100%;
		border-radius:10px;
		opacity:0.7;
	}
	img.funryu_pic{
		width:80%;
		margin:31px 10%;
	}

	div#sp_footer{
		background:#0B275E;
		position:fixed;
		bottom:0px;
		height:64px;
		display:block;
		width:100%;
		color:white;
		z-index:92;
	}
	div#footer_div{
		margin-bottom:64px;
		background:#0B275E;
		border-bottom:1px solid white;
	}
	div#sp_footer ul{
		list-style:none;
		padding:0px;
	}
	div#sp_footer ul li{
		height:64px;
		float:left;
		width:31.3%;
		padding:0px;
		margin:0px 1%;
		color:white;
		text-align:center;
		font-size:10px;
	}
	div#sp_footer ul li img{
		margin:7px 0px -6px 0px;
		padding:0px;
		height:48%;
	}
	div#top_link{
		display:none;
	}
	div#top_link h2{
		line-height:30px;
		font-size:20px;
		width:100%;
	}
	
	footer{
	
	}
	nav{
		display:none;
		margin:0px;
		padding:0px;
		z-index:50;
	}
	
	div.nav01{
		position:fixed;
		z-index:51;
		right:0px;
		top:0px;
		width:80%;
	}
	div.nav01 ul{
		padding-left:0px;
		background:white;
	}
	div.nav01 ul li{
		display:block;
		//background:#06235F;
		background:url("../img/icon/sakura.gif");
		background-repeat:no-repeat;
		background-size:auto 42%;
		background-position:2% 45%;
		border-radius:0px;
		text-align:left;
		padding:14px 0px 14px 36px;
		color:#06235F;
		width:100%;
		border:none;
	}
	
	div.section_div01{
		width:100%;
	}
	div.section_div02{
		width:100%;
	}
	
	
	
	h2.h201{
		font-size:20px;
		padding-left:14px;
		border-left:7px solid #06235F;
		padding:32px 0px 32px 16px;
		color:#06235F;
		font-weight:bold;
		margin-bottom:0px;
		text-align:left;
	}
	h2.h201:before {
		background: none;
	}
	
	div.five_reason01_point{
		width:94%;
		padding:6px 3%;
		float:none;
		height:auto;
	}
	div.five_reason01_point img{
		width:34%;
		padding:0px 4%;
		margin:0px 2% 0px 0px;
		float:left;
		
	}
	div.five_reason01_point h3{
		margin-bottom:4px;
		color:#06235F;
		font-size:18px;
		float:left;
		width:54%;
		text-align:left;
	}
	div.five_reason01_point p{
		text-align:left;
		float:left;
		width:54%;
		margin-bottom:14px;
	}
	div.main_contents_div01{
		padding:8px 4%;
	}

	div.main_contents_div01 div.graph_detail{
		margin-left:auto;
		width:60%;
	}
	
	div.operation_step{
		float:none;
		width:85%;
		margin:42px auto;
	}
	div.operation_step img{
	}
	div.operation_step p{
	}
	div.operation_step02{
		float:none;
		width:85%;
		margin:42px auto;
		text-align:center;
	}
	div.operation_step02 img{
		width:80%;
	}
	div.operation_step02 p{
		text-align:left;
		padding-top:0px;
		width:auto;
	}

	div.operation_step03{
		float:none;
		width:48%;
		margin:42px auto;
		text-align:center;
		float:left;
	}
	div.operation_step03 img{
		width:80%;
	}
	div.operation_step03 p{
		text-align:left;
		padding-top:0px;
		width:auto;
	}
	div.operation_step04{
		float:none;
		width:31%;
		margin:42px auto;
		text-align:center;
		float:left;
	}
	div.operation_step04 img{
		width:80%;
	}
	div.operation_step04 p{
		text-align:left;
		padding-top:0px;
		width:auto;
	}

	div#top_img div#top_img_pc_only{
		display:none;
	}
	div#top_img{
		background-position: 79% 60%;
		padding-top:0px;
		margin-bottom:22px;
		width:100%;
	}
	div#top_img img.top_img{
		width:100%;
		margin:0px 0px 12px 0px;
		display:block;
	}
	div#top_img01{
		padding:0px 0px;
		width:94%;
	}
	div#top_img01 img{
		display:block;
		margin:0;
		
	}
	div#top_img02 div.top_img_white{
		opacity:0;
	}
	div#top_img02{
		width:94%;
		margin:auto;
	}
	h1{
		position:static;
		line-height:32px;
		margin-top:0px;
		text-align:center;
	}
	h1 span{
		font-size:24px;
		letter-spacing:1px;
		font-weight:normal;
	}
	
	
	h1 span.h1_span01{
		font-size:30px;
	}
	h1 span.h1_span02{
		font-size:24px;
	}
	
	p.wefwaefywfe {
		text-align:center;
	}
	p.wefwaefywfe span{
		background:linear-gradient(transparent 80%, #e3e5ff 0%);
	}
	
	
	
	
	
	div#five_reason01{
		width:100%;
		height:auto;
	}
	
	div#back_to_top{
		bottom:105px;
		right:6%;
		width:55px;
	}
	div#back_to_top img{
		width:100%;
		opacity:0.7;
	}
	div#sp_menu_black{
		position:fixed;
		z-index:49;
		top:0;
		left:0;
		background:#00000F;
		width:100%;
		height:100%;
		opacity:0.9;
		display:none;
	}
	img.graph_img{
		width:100%;
	}
	div.operation_table_div{
		width: 100%;
	}
	
	div.shibari_div img{
		width:35%;
		height:auto;
		padding:12px 0px;
	}
	div.shibari_div hr{
	}
	div.shibari_div p{
	}
	div.shibari_div{
		float:none;
		width:75%;
		padding:1%;
		height:auto;
		margin:16px auto;
		text-align:center;
	}
	
	table.career_table{
		margin:16px auto;
		width:92%;
	}
	table.career_table th{
		display:block;
		background:#f0f0f3;
		border:none;
	}
	table.career_table td{
		display:block;
		border-bottom:1px solid #f0f0f3;
	}
	
	
	table#qa{
		width:94%;
		margin-left:0px;
	}
	table#qa th{
		border:none;
		width:26px;
		text-align:left;
		vertical-align:top;
	}
	table#qa th img{
		width:98%;
	}
	table#qa td.question{
		font-weight:bold;
		color:#0B275E;
		font-size:17px;
	}
	table#qa td.answer{
		padding-top:7px;
	}
	
	table.price_table{
		width:96%;
		margin:6px 2% 24px 2%;
	}
	
	
	
	div#shinsatsubi_div{
		float:none;
		margin:30px auto 30px auto;
		width:100%;
	}
	div#section_eigyouzikan_calender{
		float:none;
		margin:30px auto 30px auto;
		width:100%;
	}
	div#section_eigyouzikan_calender ul li.calender-back{
		width:20%;
	}
	div#section_eigyouzikan_calender ul li.calender-forward{
		width:20%;
	}
	div#section_eigyouzikan_calender ul li#calender-yymm{
		width:50%;
	}
	div#section_eigyouzikan_calender ul li img{
		width:90%;
	}
	
	div#mailform_div{
		margin:42px 0px;
		width:100%;
	}
	table#contact_table{
		width:100%;
	}
	table#contact_table th,table#contact_table td{
		border-bottom:none;
		display:block;
	}
	table#contact_table th.title{
		width:auto;
		background:#f0f0f3;
	}
	table#contact_table td input{
		width:96%;
	}
	table#contact_table td textarea{
		width:96%;
	}
	
	table.shindansyo_table{
		margin:6px 0px 26px 0px;
		width:100%;
	}
	table.shindansyo_table th{
		width:27%;
		padding:8px;
	}
	table.shindansyo_table td{
		padding:8px;
	}
	
	div#q_introduce{
		background:#f0f0f3;
		padding:12px;
		margin:6px 2%;
	}
	div#q_introduce q ol li{
		line-height:13px;
		font-size:10px;
	}
	div#q_introduce q::before{
		content:"”";
		font-size:24px;
	}
	div#q_introduce q::after{
		font-size:24px;
		content:"”";
	}
	
	div#mokuzi_sp_icon{
		position:fixed;
		display:block;
		top:12px;
		right:64px;
		width:44px;
		height:44px;
		z-index:30;
	}
	div#mokuzi_sp_icon div{
		position:absolute;
		width:100%;
		height:100%;
		display:block;
		background:#f5f4ff;
		border-radius:10px;
		opacity:0.7;
	}
	div#mokuzi_sp_icon img{
		position:absolute;
		z-index:80;
		width:30px;
		top:7px;
		left:7px;
	}
	div#mokuzi{
		width:100%;
	}
	div#mokuzi div#mokuzi_content h2{
		background:#0B275E;
		color:white;
		margin-top:0px;
	}
	div#mokuzi div#mokuzi_content h2 span{
		display:none;
	}
	div#mokuzi div#mokuzi_content h2 span::after{
	}
	div#mokuzi div#mokuzi_content ul{
		padding-left:32px;
	}
	div#mokuzi div#mokuzi_content ul li span{
		font-size:12px;
	}
	div#mokuzi div#mokuzi_content ul li{
		padding-left:4px;
		padding:8px 0px;
	}
	div#mokuzi div#mokuzi_content{
		-webkit-overflow-scrolling: touch;
		position:fixed;
		display:none;
		top:65px;
		background:white;
		border:2px solid #0B275E;
		left:6%;
		margin:0px;
		padding:0px;
		width:88%;
		height:65%;
		z-index:88;
		margin-bottom:0px;
	}
	div#mokuzi div#mokuzi_content div{
		margin-bottom:0px;
		overflow:auto;
		height:100%;
		background:white;
	}
	div#mokuzi div#mokuzi_content div::-webkit-scrollbar{
		width:9px;
	}
	div#mokuzi div#mokuzi_content div::-webkit-scrollbar-track{
		background:#0B275E;
	}
	div#mokuzi div#mokuzi_content div::-webkit-scrollbar-thumb{
		background:#efefff;
	}
	
	a.reserve_link_a{
		margin-left:auto;
	}
	div.left01 h3,div.right01 h3{
		width:auto;
		margin-left:auto;
		margin-right:auto;
	}
	div.left01{
		float:none;
		width:auto;
	}
	div.right01{
		float:none;
		width:auto;
	}
	div.right01 img{
		width:100%;
		margin:32px 0px;
	}
	
	h2.top_img_h2 {
	  position: relative;
	  display: inline-block;
	  padding: 0px 0px;
	  text-align:center;
	  margin:20px 0px 4px 0px;
	  font-weight:normal;
	  width:100%;
	  color: #06235F;
	  font-size:14px;
	}

	h2.top_img_h2:before, h2.top_img_h2:after {
	  content: '';
	  position: absolute;
	  top: 46%;
	  display: inline-block;
	  width: 45px;
	  height: 1px;
	  background-color: #36538F;
	}

	h2.top_img_h2:before {
	  left:0;
	}
	h2.top_img_h2:after {
	  right: 0;
	}
	
	img.top_icon_reserve{
		width:49%;
		float:left;
	}
	img.top_icon_access{
		width:49%;
		float:right;
	}
	
	div.top_img_div_left img{
		width:20%;
		float:left;
		padding:2px 8px;
	}
	div.top_img_div_left{
		background:#06235F;
		border-radius:10px;
		color:white;
		font-size:10px;
		line-height:20px;
		width:49%;
		margin-left:0px;
		float:left;
		padding:6px 0px;
	}
	div.top_img_div_right{
		background:#06235F;
		border-radius:10px;
		color:white;
		font-size:12px;
		line-height:20px;
		width:49%;
		margin-left:0px;
		float:right;
		padding:4px 0px;
	}
}

@media screen and (max-width:420px) {
	div.header02 img{
		width:82%;
	}
	div#shinsatsubi_div table{
		width:100%;
	}

}
@media screen and (max-width:350px) {
	h1 span{
		font-size:21px;
	}
}