@charset "utf-8";
@media screen and (min-width:0px){
	body{
		font-family:"ヒラギノ角ゴ Pro W3",'Noto Sans JP',sans-serif ;
	}
-	body b{
	}
	*{
		margin:auto;
		color:#333333;
		font-size:15px;
		line-height:27px;
	}
	
	span.sp_only{
		display:none;
	}
	a{
		text-decoration:none;
	}
	div#wrapper{
		width:100%;
		text-align:left;
	}
	header{
		background:#fff;
		width:100%;
	}
	ul{
		padding-left:20px;
	}
	div.top_h1{
	}
	img.sp_topmenu_botton_close{
		display:none;
	}
	img.img01{
		float:right;
		width:360px;
		margin-left:2%;
		margin-bottom:1%;
		z-index:22;
		right:20px;
	}
	
	div#sp_footer{
		display:none;
	}
	
	div#mokuzi{
		width:1080px;
	}
	div#mokuzi div#mokuzi_content h2{
		text-align:center;
		padding:8px;
		font-size:18px;
	}
	div#mokuzi div#mokuzi_content h2 span{
		text-decoration:underline;
		color:#707070;
		display:none;
	}
	div#mokuzi div#mokuzi_content h2 span:hover{
		cursor:pointer;
		color:#aaaaab;
	}
	div#mokuzi div#mokuzi_content h2 span::before{
		content:"[";
		margin-left:4px;
	}
	div#mokuzi div#mokuzi_content h2 span::after{
		content:"]";
		margin-right:4px;
	}
	div#mokuzi div#mokuzi_content{
		width:600px;
		background:#f2f2f2;
		padding:4px 22px;
		margin:32px auto;
	}
	div#mokuzi div#mokuzi_content ul li{
		padding:4px 0px;
	}
	div#mokuzi div#mokuzi_content ul li span:hover{
		text-decoration:underline;
		color:#6a3acb;
		cursor:pointer;
	}
	
	
	div.sp_topmenu{
		display:none;
	}
	div#footer_div{
		background:#06235F;
		padding:6px 0px;
	}
	div#footer_div p{
		text-align:center;
		color:white;
		font-size:11px;
	}
	div.header01{
		width:1080px;
		padding:20px 0px 8px 0px;
	}
	
	div.header02{
		float:left;
		width:32%;
	}
	div.header02 img{
		width:100%;
	}
	div.header02 p{
		font-size:11px;
		padding-left:10px;
		color:#2c2c63;
		font-weight:bold;
	}
	div.header03{
		float:right;
		width:50%;
		text-align:right;
	}
	div.header03 img{
	}
	
	div#back_to_top{
		position:fixed;
		bottom:6%;
		right:16%;
		width:55px;
		z-index:89;
	}
	div#back_to_top img{
		width:100%;
		opacity:0.8;
	}
	
	
	div.header03 img.header03img01{
		margin-bottom:7px;
	}
	div.header03 img.header03img02{
		margin-right:63px;
	}
	div.header03 img:hover{
		cursor:pointer;
	}
	nav{
		width:1080px;
		padding-bottom:6px;
	}
	div.nav01{
		position:block;
		padding:0px;
		text-align:center;
	}
	
	div.nav01 ul{
		list-style:none;
		padding-left:0px;
	}
	div.nav01 ul li span{
		cursor:pointer;
		font-size:12px;
	}
	
	div#top_link{
		padding:32px 0px;
		width:100%;
		background:#fff;
		text-align:center;
	}
	
	
	h2.top_img_h2{
		width:50%;
		display:block;
		text-align:center;
		position: relative;
		display:block;
		padding: 0px 0px;
		text-align:center;
		margin:33px auto;
		font-weight:bold;
		color: #06235F;
		font-size:18px;
	}

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

	h2.top_img_h2:before {
	  left:0;
	}
	h2.top_img_h2:after {
	  right: 0;
	}
	
	
	div#top_link h2{
		line-height:36px;
		text-align:center;
		font-size:28px;
		padding:6px 0px;
		font-weight:normal;
		font-weight:bold;
		width:380px;
		border-top:3px solid #06235F;
		border-bottom:3px solid #06235F;
		color:#06235F;
	}
	div#top_link ul li{
		display:inline-block;
		width:320px;
		padding:64px 0px;
	}
	div.nav01 ul li{
		display:inline-block;
		//background:#06235F;
		background:#f0f0f0;
		border-radius:19px;
		text-align:center;
		padding:8px 26px;
		margin:0px 9px;
		color:#06235F;
	}
	div.nav01 ul li a{
	}
	div.nav01 ul li a:hover{
	}
	
	div#main_div{
	}
	
	
	
	
	div#top_img{
		width:100%;
		text-align:center;
	}
	div#top_img img.top_img{
		width:100%;
		margin:0px 0px 0px 0px;
		display:none;
	}
	div#top_img01{
		width:1080px;
		padding:30px 0px;
	}
	div#top_img01 img{
		display:inline;
		margin:2px 24px;
		
	}
	div#top_img02 div.top_img_white{
		border-radius:12px;
		background:white;
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		opacity:0.6;
	}
	div#top_img02{
		width:65%;
		background:none;
		margin-left:0px;
		height:100%;
		position:relative;
	}
	h1 span{
		font-size:38px;
		font-weight:normal;
		background:linear-gradient(transparent 76%, #e3e5ff 0%);
	}
	
	
	div#five_reason01{
		width:1080px;
		padding-bottom:48px;
		margin-bottom:24px;
	}
	
	h2.h201{
		text-align:left;
		padding:80px 0px 20px 0px;
	font-weight:normal;
		font-size:30px;
		text-align:center;
		position: relative;
		margin-bottom:60px;
	}
h2.h201:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 120px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #0B275E;
  border-radius: 30px;
}
	h3.h301{
		padding:4px 4px 20px 8px;
		font-weight:bold;
		border-bottom:4px solid white;
		position:relative;
		margin-bottom:12px;
	}
	h3.h302{
		padding:24px 4px 4px 4px;
		font-weight:bold;
		border-bottom:2px solid #0B275E;
		position:relative;
		margin-bottom:32px;
		z-index:-12;
	}
	h3.h302::after{
		position:absolute;
		content:" ";
		display:block;
		border-bottom:2px solid #9Bb7dE;
		bottom:-2px;
		right:0px;
		width:80%;
		z-index:-10;
	}
	h3 span.fivereason_span{
		color:#0B275E;
		font-size:16px;
	}
	h4.h401{
		background:#dBe7fE;
		margin:12px 0px;
		padding:8px 0px;
		border-radius:24px 0px 0px 24px;
		color:#0B275E;
	}
	h4.h401::before{
		content:"●";
		color:white;
		font-size:16px;
		margin:0px 9px 0px 14px;
	}
	
	h4.h402{
		text-align:center;
		border-bottom:1px solid #f0f0f0;
		padding:6px;
		background:#dBe7fE;
	}
	div.shibari_div img{
		width:40%;
		margin:12px 0px;
	}
	div.shibari_div hr{
		border-right:none;
		border-left:none;
		border-top:none;
		border-bottom:3px solid #dBe7fE;
	}
	div.shibari_div p{
		padding-top:8px;
		text-align:center;
	}
	div.shibari_div{
		float:left;
		width:20%;
		border:3px solid #dBe7fE;
		padding:1%;
		height:220px;
		margin:6px 1%;
		text-align:center;
	}

	div.q_2186-6589{
		background:#e0e0e0;;
		padding:12px;
		margin:6px 0px 6px 38px;
	}
	div.q_2186-6589 q{
		font-size:11px;
		line-height:16px;
	}
	div.q_2186-6589 q::before{
		font-size:24px;
	}
	div.q_2186-6589 q::after{
		content:" ";
	}
	
	div#q_introduce{
		background:#ffffff;
		padding:0px;
		margin:6px 0px;
		display:none;
	}
	div#q_introduce q{
		line-height:16px;
	}
	div#q_introduce q ol li{
		font-size:12px;
	}
	div#q_introduce q::before{
		content:" ";
	}
	div#q_introduce q::after{
		content:" ";
	}
	
	div.five_reason01_point{
		width:27%;
		padding:12px 3%;
		float:left;
		text-align:center;
		height:320px;
	}
	div.five_reason01_point img{
		width:42%;
		margin:22px 0px;
	}
	div.five_reason01_point h3{
		margin-bottom:22px;
		color:#06235F;
		font-size:18px;
	}
	div.five_reason01_point p{
		text-align:left;
	}

	div.section_div01{
		width:1080px;
	}
	div.section_div02{
		width:768px;
	}
	
	div.main_contents_div01{
		padding:8px 0px;
	}
	div.main_contents_div01 div.graph_detail{
		background:#06235F;
		color:white;
		border-radius:12px;
		text-align:center;
		padding:12px 0px;
		width:240px;
		margin-left:0px;
		border-bottom:2px solid #d0d0d0;
		border-right:2px solid #d0d0d0;
	}
	div.main_contents_div01 div.graph_detail:hover{
		border-top:2px solid #ffffff;
		border-left:2px solid #ffffff;
		border-bottom:none;
		border-right:none;
		cursor:pointer;
		opacity:0.7;
	}
	
	div.main_contents_div01 img.img_detail{
		display:none;
	}
	
	div.main_contents_div01.graph_scroll {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		width: 70%; 
		max-width: none;
		margin-left: 0px;       
		margin-right: -12px;      
		margin-top: 12px;         
		box-sizing: border-box;
		border: none !important;
	}
	/* スマホ表示（767px以下）のとき */
	@media screen and (max-width: 767px) {
		div.main_contents_div01.graph_scroll {
			width: 100%;        /* ← スマホでは全幅表示に */
			margin-left: 0;     
			margin-right: 0;    /* ← 右余白を完全にゼロに */
		}
	}

	/* スクロール案内の基本スタイル（非表示） */
	.main_contents_div01.graph_scroll .scroll_notice {
		display: none;
		text-align: center;
		font-size: 12px;
		color: #555;
		margin-top: 8px;
	}

	/* .activeがついたときに表示（スマホサイズのみ） */
	@media screen and (max-width: 767px) {
		.main_contents_div01.graph_scroll .table_zisseki.active ~ .scroll_notice {
			display: block;
		}
	}

	div.main_contents_div02{
		background:#f0f0f0;
		margin:24px 0px;
		padding:20px;
	}

	div.operation_step{
		width:29%;
		padding:0px 2%;
		text-align:center;
		float:left;
		margin:24px 0px;
	}
	div.operation_step{
		width:29%;
		padding:0px 2%;
		text-align:center;
		float:left;
		margin:24px 0px;
	}
	div.operation_step img{
		margin-bottom:24px;
		width:80%;
	}
	div.operation_step p{
		text-align:left;
	}
	div.operation_step02{
		width:100%;
		padding:0px 0%;
		text-align:left;
		margin:24px 0px;
	}
	div.operation_step02 img{
		margin:0px 24px 24px 24px;
		width:33%;
		float:left;
	}
	div.operation_step02 p{
		float:left;
		width:60%;
		padding-top:6px;
	}
	
	ol{
		margin:12px 0px;
	}
	ol li{
		margin:12px 0px;
	}
	
	table.career_table{
		margin:16px 0px 24px 2%;
		border-spacing:0px;
	}
	table.career_table td,th{
		padding:8px;
		text-align:left;
		font-weight:normal;
		border-bottom:1px solid #e0e0e0;
	}
	
	span.inner_link{
		background:linear-gradient(transparent 60%, #e0e0e0 0%);
		font-weight:bold;
	}
	span.inner_link:hover{
		cursor:pointer;
	}
	a.a01{
		background:linear-gradient(transparent 60%, #e0e0e0 0%);
		font-weight:bold;
	}
	a.a02{
		font-weight:bold;
		color:#0B275E;
		text-decoration:underline;
	}
	
	table#qa{
		width:100%;
	}
	table#qa th{
		border:none;
		width:10%;
		text-align:center;
		vertical-align:top;
	}
	table#qa th img{
		width:65%;
	}
	table#qa td.question{
		font-weight:bold;
		color:#0B275E;
		font-size:16px;
	}
	table#qa td.answer{
		padding-top:11px;
		padding-bottom:33px;
	}
	
	table#qa td.answer ul{
		padding-left:20px;
	}
	
	
	
	table.price_table{
		margin-left:2%;
		border:1px solid #0B275E;
		width:94%;
		border-spacing:0px;
		margin:6px auto 24px 2%;
	}
	table.price_table th.th_title{
		padding:12px 0px;
		text-align:center;
		border:1px solid #0B275E;
		background:#0B275E;
		color:white;
	}
	table.price_table td{
		border-spacing:0px;
		text-align:center;
		border:1px solid #0B275E;
		margin:30px;
		padding:12px 0px;
	}
	table.price_table td p{
		text-align:left;
		padding:0px 14px;
		color:#df5050;
	}
	
	div#shinsatsubi_div{
		float:left;
		margin:30px 0px 30px 0px;
		width:42%;
	}
	div#shinsatsubi_div table{
		border:1px solid #0B275E;
		width:90%;
		border-spacing:0px;
		margin-top:28px;
	}
	div#shinsatsubi_div table th{
		border:1px solid #0B275E;
		background:#0B275E;
		text-align:center;
		color:white;
		padding:6px 0px;
	}
	div#shinsatsubi_div table td{
		border:1px solid #0B275E;
		background:#fff;
		text-align:center;
		padding:6px 0px;
	}
	
	div#mokuzi_sp_icon{
		display:none;
	}

	
	div#section_eigyouzikan_calender{
		float:left;
		width:42%;
		margin:30px 0px 30px 40px;
	}
	div#section_eigyouzikan_calender ul{
		margin:auto;
	}
	div#section_eigyouzikan_calender ul li{
		display: inline-block;
		width:28%;
		text-align:center;
		padding:4px 0px;
		font-size:16px;
		font-weight:bold;
	}
	div#section_eigyouzikan_calender ul li img{
		vertical-align:middle;
		width:70%;
	}
	div#section_eigyouzikan_calender table{
		width:92%;
		border-spacing:4px;
	}
	div#section_eigyouzikan_calender table th{
		text-align:center;
		padding:8px;
		border:none;
		//border-bottom:6px solid #e0e0e0;
	}
	div#section_eigyouzikan_calender table td{
		text-align:center;
		padding:8px;
		background:#fff0fa;
	}
	div#section_eigyouzikan_calender table td.open,td.weekend_open{
		background:#eaf0ff;
	}
	div#section_eigyouzikan_calender table td.weekend_open{
		background:#eaf0ff;
	}
	div#section_eigyouzikan_calender table td.td_null{
		background:#ffffff;
	}
	
	
	div#mailform_div{
		margin:42px 0px 42px 2%;
		width:100%;
	}
	div#mailform_div table#contact_table{
		margin:10px 0px 10px0px;
		width:100%;
		border-spacing:0px;
	}
	table#contact_table th,table#contact_table td{
		padding:14px 0px 14px 12px;
		border-bottom:1px solid #e0e0e0;
	}
	table#contact_table  th.title{
		width:30%;
	}
	table#contact_table  th.title span.hissu{
		color:white;
		background:#ff3333;
		padding:4px 8px;
		margin:0px 12px;
		border-radius:10px;
	}
	table#contact_table td input{
		width:90%;
		//border-radius:12px;
		padding:6px;
		font-size:18px;
	}
	table#contact_table td textarea{
		width:90%;
		//border-radius:12px;
		padding:6px;
		font-size:18px;
	}
	button.send_button{
		display:block;
		margin:32px auto;
		padding:14px;
		width:200px;
		background:#06235F;
		color:white;
		border-radius:12px;
	}
	
	
	table.shindansyo_table{
		margin:6px 2% 26px 2%;
		width:75%;
		border-spacing:0px;
	}
	table.shindansyo_table th{
		border-bottom:1px solid #f0f0f0;
		margin:0px;
		padding:12px;
		width:18%;
		text-align:center;
		font-weight:bold;
		vertical-align:top;
	}
	table.shindansyo_table th.warning{
		color:red;
	}
	table.shindansyo_table td{
		padding:12px;
		border-bottom:1px solid #f0f0f0;
	}
	table.shindansyo_table tr:last-child td{
		//border:none;
	}
	
	
	
	
	p.warning{
		color:#a33333;
		margin-bottom:8px;
	}
	
	
	
	
	
	
	
	span.underline01{
		background:linear-gradient(transparent 60%, #d3e5ff 0%);
	}
	
	span.color_red{
		color:red;
	}
	img.graph_img{
		width:70%;
		margin:12px 0px;
	}
	div.operation_table_div{
		width: 70%;
		margin-left: 0;
	}
	
	div#privacy_policy{
		border:1px solid #e3e0e0;
		padding:4px 8px;
		width:80%;
		margin:12px auto;
		height:180px;
		overflow: auto;
		-webkit-overflow-scrolling:touch;
	}
	div#privacy_policy h3{
		text-align:center;
		margin:6px 0px;
	}
	div#privacy_policy h3::before,	div#privacy_policy h3::after{
		content:"～";
		padding:0px 6px;
	}
	div#privacy_policy h4{
		margin:8px 0px 2px 0px;
	}
	div#privacy_policy h4::before{
		content:"－";
		margin-right:4px;
	}
	
	a.reserve_link_a{
		display:block;
		text-align:center;
		padding:24px 0px;
		width:200px;
		margin-left:0px;
	}
	a.reserve_link_a p{
		color:red;
		font-weight:bold;
	}
	div.reserve_link{
		text-align:center;
		width:auto;
		border-radius:10px;
		border:3px solid #0B275E;
		background:white;
		padding:8px 0px 8px 62px;
		color:#0B275E;
		font-weight:bold;
		font-size:16px;
		background:url("../img/icon/reserve_site_icon.png");
		background-repeat:no-repeat;
		background-size:auto 75%;
		background-position:22px 8px;
		margin:0px auto 0px auto;
		transition: 0.1s linear;
	}
	div.reserve_link:hover{
		cursor:pointer;
		opacity:0.5;
	}
	
	div.left01{
		float:left;
		width:50%;
	}
	div.left01 h3,div.right01 h3{
		text-align:left;
		width:auto;
		margin-left:2%;
		margin-right:4%;
	}
	div.left01 div.new_access_info_button a{
        text-decoration:underline;
        font-size:18px;
        font-weight:bold;
        color:#06235F;
        display:block;
        margin:5px 0px;
	}

	div.right01{
		float:left;
		width:50%;
		text-align:center;
	}
	div.right01 img{
		width:80%;
	}
	
	div.float_clear{
		clear:both;
	}
	
	div#top_img div#top_img_pc_only{
		display:block;
		width:980px;
		height:380px;
		position:relative;
		margin:auto;
	}
	div#top_img div#top_img_pc_only div.top_img_pc_only01{
		background:url("../img/top_pc01.jpg");
		background-size:100% auto;
		background-position:30% 50%;
		background-repeat:no-repeat;
		width:100%;
		height:100%;
		z-index:100;
		position:absolute;
		display:block;
		opacity:0;
		border-radius:40px;
	}
	div#top_img div#top_img_pc_only div.top_img_pc_only02{
		background:url("../img/top_pc02.jpg");
		background-size:99% auto;
		background-position:50% 50%;
		background-repeat:no-repeat;
		width:100%;
		height:100%;
		z-index:100;
		position:absolute;
		display:block;
		border-radius:40px;
		opacity:0;
	}
	div#top_img div#top_img_pc_only div.top_img_pc_only03{
		background:url("../img/top_pc03.jpg");
		background-size:99% auto;
		background-position:80% 40%;
		background-repeat:no-repeat;
		width:100%;
		height:100%;
		z-index:100;
		position:absolute;
		display:block;
		border-radius:40px;
		opacity:0;
	}
	div#top_img div#top_img_pc_only p.img01{
		width:35%;
		position:absolute;
		right:10%;
		bottom:14%;
		z-index:101;
	}
	div#top_img div#top_img_pc_only p.img02{
		width:35%;
		position:absolute;
		right:10%;
		bottom:8%;
		z-index:101;
	}
	div#top_img div#top_img_pc_only p img{
		width:100%;
	}

}

@media screen and (max-width:1350px) {
	div#top_img div#top_img_pc_only{
	}
	div#top_img div#top_img_pc_only img#top_img01{
	}
	div#top_img div#top_img_pc_only img#top_img02{
	}
}
@media screen and (max-width:1080px) {
	div#top_img div#top_img_pc_only{
		width:94%;
	}
	div#mokuzi{
		width:94%;
	}
	div.header01{
		width:94%;
	}
	div#top_img01{
		width:94%;
	}
	div.section_div01{
		width:94%;
	}
	div#five_reason01{
		width:94%;
	}
	nav{
		width:94%;
	}
	div#top_img div#top_img_pc_only img.img01{
		width:38%;
	}
	div#top_img div#top_img_pc_only img.img02{
		width:38%;
	}
}