/*
タイトル
-------------------------------------------------------*/

.pageTitle {
	width:100%;
	margin:10px auto;
	font-size:2.0em;
	font-weight:600;
	/*font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;*/
	font-family:"筑紫A丸ゴシック","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	text-align: center;
	padding: 20px 0 0;
	color:#003f68;
}


.h3heading {
	width: 100%;
	max-width: 960px;
	text-align: center;
	font-size:1.4em;
	font-weight:600;
	color:#fff;
	margin:30px auto 20px;
}
	.h3heading span {
		display: block;
		padding: 0.5em 0;
		/*font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;*/
		font-family:"筑紫A丸ゴシック","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
		background: linear-gradient(to right, #3fa7b5, #9ace96);
		border-radius: 5px;
		line-height: 1.3;
	}

.h4heading {
	font-size:1.3em;
	font-weight:bold;
	font-family:"筑紫A丸ゴシック","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	margin:20px 0 10px;
	color:#3fa7b5;
}
	.h4heading span {
		display:block;
		text-align: left;
		padding: 0 0 5px 0px;
		border-bottom: solid 1px #9ace96;
	}



@media screen and (max-width: 768px) {
.pageTitle {
	width:auto;
	margin:10px auto;
	font-size:1.8em;
	font-weight:600;
	text-align: center;
	padding: 30px 0 0;
	color:#003f68;
}
.h3heading {
	width: 100%;
	font-size:1.3em;
	font-weight:600;
	color:#fff;
	margin:40px auto 20px;
}
	.h3heading span {
		display: block;
		padding: 0.5em 1em;
		background: linear-gradient(to right, #3fa7b5, #9ace96);
		border-radius: 5px;
	}

.h4heading {
	font-size:1.2em;
	font-weight:bold;
	text-align: center;
	margin:20px 0 5px;
	color:#3fa7b5;
}
	.h4heading span {
		display:block;
		text-align: left;
		padding-left: 30px;
		background: url("../images/bg_h4.png") left center no-repeat;
	}
	

}



/*
共通
-------------------------------------------------------*/

.mainTxt {
	line-height:180%;
	margin:10px auto;
	text-indent:1em;
}
.mainTxt02 {
	line-height:180%;
	margin:10px auto;
}

p.under_construction {
	text-align:center;
	font-size:1.2em;
	padding:40px;
}

.kome dt {
  	position: relative;
}
	.kome dt span {
  		position: absolute;
	}
	.kome dd {
 		padding-left: 1em;
		margin-bottom:5px;
	}
p.line_dot {
	background: url("../img/line_dot.png");
	height: 14px;
}

/*問い合わせ*/

.inquiryBox02 {
	width:400px;
	margin:20px auto 0;
	border:1px solid #ccc;
	padding:15px;
	background-color:#f5f5f5;
}
	.inquiryBox02 p {
		margin-left:50px;
	}
	.inquiryBox02 p.inq_title {
		font-weight:bold;
		text-align:center;
		padding-bottom:10px;
		margin:0;
	}
	

/*リスト*/

.ul_indentList01 {
	margin:5px 0;
}
	.ul_indentList01 li {
		text-indent:-1em;
		padding-left:1em;
		margin-bottom:5px;
	}
.ul_indentList02 {
	width:90%;
	margin:10px auto;
}
	.ul_indentList02 li {
		margin-bottom:5px;
		text-indent:-1em;
		padding-left:1em;
		font-size:0.8em;
		line-height:120%;
	}
.ul_indentList03 {
	margin:10px auto;
}
	.ul_indentList03 li {
		margin-bottom:5px;
		text-indent:-1.5em;
		padding-left:1.5em;
		padding-bottom:10px;
		line-height:160%;
	}
.ul_indentList04 {
	margin:5px 0;
}
	.ul_indentList04 li {
		text-indent:-2em;
		padding-left:2em;
		margin-bottom:5px;
	}
.ul_indentList05 {
	width:90%;
	margin:10px auto;
}
	.ul_indentList05 li {
		margin-bottom:5px;
		text-indent:-1em;
		padding-left:1em;
		line-height:120%;
	}
	
.ul_dot {
	margin: 0;
}
	.ul_dot li {
		position: relative;
		padding-left: 1.5em;
		margin-bottom: 0.5em;
	}
	.ul_dot li::after {
		display: block;
		content: '';
		position: absolute;
		top: .5em;
		left: 0.5em;
		width: 6px;
		height: 6px;
		background-color: #666;
		border-radius: 100%;
	}


/*ボタン*/

.singleBtnBox {
	width:320px;
	margin:20px auto 40px;
	text-align:center;
	line-height:60px;
}
	.singleBtnBox a {
		display:block;
		width:320px;
		height:60px;
		background:#FFC;
		color:#06C;
		border:#009 solid 1px;
	}
	.singleBtnBox a:hover {
		display:block;
		width:320px;
		height:60px;
		background:#FFF;
		color:#06C;
		border:#009 solid 1px;
	}
	
.singleBtnBox1 {
	margin:40px auto;
	text-align:center;
}
	.singleBtnBox1 a {
		display:block;
		width:300px;
		margin:0 auto;
		padding:15px 20px;
		background:#FFC;
		color:#06C;
		border:#009 double 4px;
	}
	.singleBtnBox1 a:hover {
		display:block;
		width:300px;
		background:#FFF;
		color:#06C;
		border:#009 double 4px;
	}	
.singleBtnBox2 {
	width:320px;
	margin:50px auto 30px;
}
.doubleBtnBox {
	width:460px;
	margin:10px auto;
}
	.doubleBtnBox a {
		display:block;
		width:460px;
		height:80px;
		text-indent:-9999px;
	}
.singleBtnBox3 {
	margin:40px auto;
	text-align:center;
}
	.singleBtnBox3 a {
		display:block;
		width:160px;
		height:50px;
		margin:15px;
		padding:10px;
		background:#FFC;
		color:#06C;
		border:#009 double 4px;
	}
	.singleBtnBox3 a:hover {
		display:block;
		width:160px;
		height:50px;
		background:#FFF;
		color:#06C;
		border:#009 double 4px;
	}
	
#btn_accommodation {
	background:url(../images/btn_accommodation.png) 0 0 no-repeat;
}
	#btn_accommodation:hover {
		background-position:-220px 0;
	}
	
.ul_btnDouble {
	width:460px;
	margin:20px auto;
}
.ul_btnDouble li {
	float:left;	
	margin-right:20px;	
}
	.ul_btnDouble li:last-child {
		margin-right:0px;	
	}
.ul_btnDouble a {
	display:block;
	width:220px;
	height:80px;
	text-indent:-9999px;
}
.btn_call01 {
	background:url(../images/btn_call01.png) 0 0 no-repeat;
}
	.btn_call01:hover {
		background-position:-220px 0;
	}
.btn_call02 {
	background:url(../images/btn_call02.png) 0 0 no-repeat;
}
	.btn_call02:hover {
		background-position:-220px 0;
	}

#btn_regist a {
	display:block;
	width:220px;
	height:60px;
	margin:20px auto;
	background:url(../images/btn_regist.png) 0 0 no-repeat;
	text-indent:-9999px;
}
	#btn_regist a:hover {
		background-position:-220px 0;
	}
	
#btn_nittei a {
	display:block;
	width:220px;
	height:60px;
	margin:20px auto;
	background:url(../images/btn_nittei.png) 0 0 no-repeat;
	text-indent:-9999px;
}
	#btn_nittei a:hover {
		background-position:-220px 0;
	}
	
#btn_prgm a {
	display:block;
	width:220px;
	height:60px;
	margin:20px auto;
	background:url(../images/btn_prgm.png) 0 0 no-repeat;
	text-indent:-9999px;
}
	#btn_prgm a:hover {
		background-position:-220px 0;
	}
	
#btn_en_prgm a {
	display:block;
	width:220px;
	height:60px;
	margin:20px auto;
	background:url(../images/btn_en_prgm.png) 0 0 no-repeat;
	text-indent:-9999px;
}
	#btn_en_prgm a:hover {
		background-position:-220px 0;
	}
	
#btn_getunit a {
	display:block;
	width:220px;
	height:60px;
	margin:20px auto;
	background:url(../images/btn_koen.png) 0 0 no-repeat;
	text-indent:-9999px;
}
	#btn_getunit a:hover {
		background-position:-220px 0;
	}
	
.ul_btn01 {
	margin: 20px auto;
	text-align: center;
}
	.ul_btn01 li {
		list-style: none;
		display: inline;
		margin: 0 15px;
	}
	.ul_btn01 li img {
		display: inline;
		-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;
	}
	.ul_btn01 li img:hover {
		display: inline;
		filter:alpha(opacity=85);
		-moz-opacity:0.85;
		-khtml-opacity: 0.85;
		opacity:0.85;
	}
	
.ul_btn_css {
	margin: 20px auto 50px;
	text-align: center;
}
	.ul_btn_css li {
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 40px;
		list-style: none;
		display: inline;
		margin: 0 20px;
	}
		.ul_btn_css li a {
			display: inline-block;
			width: 230px;
			padding: 15px 10px;
			color: #fff;
			text-decoration: none;
			background: #3FA5B7; 
			-webkit-box-shadow: 0 0 5px 0 #999;
			-moz-box-shadow: 0 0 5px 0 #999;
			box-shadow: 0 0 5px 0 #999; 
			
			border-radius: 50px;
			-webkit-border-radius: 50px;
			-moz-border-radius: 50px;
		}
		.ul_btn_css li a:hover {
			filter:alpha(opacity=75);
			-moz-opacity:0.75;
			-khtml-opacity: 0.75;
			opacity:0.75;
		}
.ul_btn_css2 {
	margin: 10px 0;
}
	.ul_btn_css2 li {
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 0px;
		list-style: none;
		display: inline;
		margin: 0;
	}
		.ul_btn_css2 li a {
			display: inline-block;
			padding: 7px 10px 5px;
			text-decoration: none;
			-webkit-box-shadow: 0 0 5px 0 #999;
			-moz-box-shadow: 0 0 5px 0 #999;
			box-shadow: 0 0 5px 0 #999; 

		}.ul_btn_css2 li img {
			margin:0 auto;
			vertical-align:middle;
		}
		.ul_btn_css2 li a:hover {
			filter:alpha(opacity=75);
			-moz-opacity:0.75;
			-khtml-opacity: 0.75;
			opacity:0.75;
		}
.ul_btn_css3 {
	margin: 20px auto 20px;
	text-align: center;
}
	.ul_btn_css3 li {
		font-size: 16px;
		text-align: center;
		margin-bottom: 40px;
		list-style: none;
		display: inline;
		margin: 0 20px;
	}
		.ul_btn_css3 li a {
			display: inline-block;
			width: 180px;
			padding: 15px 20px;
			color: #fff;
			text-decoration: none;
			background: #0066cc; 
			-webkit-box-shadow: 0 0 5px 0 #999;
			-moz-box-shadow: 0 0 5px 0 #999;
			box-shadow: 0 0 5px 0 #999; 
			
			border-radius: 6px;
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
		}
		.ul_btn_css3 li a:hover {
			filter:alpha(opacity=75);
			-moz-opacity:0.75;
			-khtml-opacity: 0.75;
			opacity:0.75;
		}
		.ul_btn_css3 li.soon {
			display: inline-block;
			background:url(../images/bg_soon.png) no-repeat;
		}
		.ul_btn_css3 li.soon a {
			display: inline-block;
			width: 180px;
			padding: 15px 20px;
			
			-webkit-box-shadow: 0 0 5px 0 #999;
			-moz-box-shadow: 0 0 5px 0 #999;
			box-shadow: 0 0 5px 0 #999; 
						
			filter:alpha(opacity=40);
			-moz-opacity:0.40;
			-khtml-opacity: 0.40;
			opacity:0.40;
		}

		
.ul_btn_css4 {
	margin: 20px auto 50px;
	text-align: center;
}
	.ul_btn_css4 li {
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 40px;
		list-style: none;
		display: inline;
		margin: 0 20px;
	}
		.ul_btn_css4 li a {
			display: inline-block;
			width: 230px;
			padding: 15px 10px;
			color: #fff;
			text-decoration: none;
			background: #0E366B; 
			-webkit-box-shadow: 0 0 5px 0 #999;
			-moz-box-shadow: 0 0 5px 0 #999;
			box-shadow: 0 0 5px 0 #999; 
			
			border-radius: 50px;
			-webkit-border-radius: 50px;
			-moz-border-radius: 50px;
		}
		.ul_btn_css4 li a:hover {
			filter:alpha(opacity=75);
			-moz-opacity:0.75;
			-khtml-opacity: 0.75;
			opacity:0.75;
		}

.ul_btn_rnv {
	margin: 0 auto;
}
	.ul_btn_rnv li {
		position: relative;
		padding-left: 1.5em;
		margin-bottom: 1em;
		font-size: 1.3em;
		
	}
		.ul_btn_rnv li a {
			display: block;
			width: 840px;
			padding: 15px 2em;
			color: #3FA5B7;
			text-decoration: none;
			background: #D4E8EB;
			font-family:"筑紫A丸ゴシック","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
			font-weight: 600;
			border: 2px solid #3FA5B7;
			
			-webkit-box-shadow: 0 0 5px 0 #999;
			-moz-box-shadow: 0 0 5px 0 #999;
			box-shadow: 0 0 5px 0 #999; 
			
			border-radius: 50px;
			-webkit-border-radius: 50px;
			-moz-border-radius: 50px;
		}
		.ul_btn_rnv li > a::after {
			content: "\f35a";
    		font-family: "Font Awesome 5 Free";
    		margin-left: 0.5em;
    		position: relative;
		}
		.ul_btn_rnv li a:hover {
			color: #fff;
			background: #3FA5B7;
		}
		.ul_btn_rnv li > a:hover::after {
			content: "\f358";
    		font-family: "Font Awesome 5 Free";
    		margin-left: 0.5em;
    		position: relative;
		}

@media screen and (max-width: 1000px) {
.ul_btn_rnv {
	margin: 0 auto;
}
	.ul_btn_rnv li {
		position: relative;
		padding-left: 1.5em;
		margin-bottom: 1em;
		font-size: 1.3em;
	}
		.ul_btn_rnv li a {
			display: block;
			width: 95%;
			padding: 15px 2em;
			color: #3FA5B7;
			text-decoration: none;
			background: #D4E8EB;
			font-family:"筑紫A丸ゴシック","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
			font-weight: 600;
			border: 2px solid #3FA5B7;
			
			-webkit-box-shadow: 0 0 5px 0 #999;
			-moz-box-shadow: 0 0 5px 0 #999;
			box-shadow: 0 0 5px 0 #999; 
			
			border-radius: 50px;
			-webkit-border-radius: 50px;
			-moz-border-radius: 50px;
		}
		.ul_btn_rnv li > a::after {
			content: "\f35a";
    		font-family: "Font Awesome 5 Free";
    		margin-left: 0.5em;
    		position: relative;
		}
		.ul_btn_rnv li a:hover {
			color: #fff;
			background: #3FA5B7;
		}
		.ul_btn_rnv li > a:hover::after {
			content: "\f358";
    		font-family: "Font Awesome 5 Free";
    		margin-left: 0.5em;
    		position: relative;
		}
}
	
@media screen and (max-width: 768px) {

.ul_btn_css {
	margin: 20px auto 40px;
	text-align: center;
}
	.ul_btn_css li {
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 40px;
		list-style: none;
		display: inline;
		margin: 0 20px;
	}
		.ul_btn_css li a {
			display: inline-block;
			width: 240px;
			padding: 15px 5px;
			color: #fff;
			text-decoration: none;
			background: #3FA5B7; 
			-webkit-box-shadow: 0 0 5px 0 #999;
			-moz-box-shadow: 0 0 5px 0 #999;
			box-shadow: 0 0 5px 0 #999; 
			
			border-radius: 50px;
			-webkit-border-radius: 50px;
			-moz-border-radius: 50px;
		}
		.ul_btn_css li a:hover {
			filter:alpha(opacity=75);
			-moz-opacity:0.75;
			-khtml-opacity: 0.75;
			opacity:0.75;
		}


.ul_btn_css3 {
	margin: 20px auto 20px;
	text-align: center;
}
	.ul_btn_css3 li {
		font-size: 16px;
		text-align: center;
		margin-bottom: 40px;
		list-style: none;
		margin:10px;
		display:block;
	}
		.ul_btn_css3 li a {
			width:220px;
			padding: 15px 20px;
			color: #fff;
			text-decoration: none;
			background: #0066cc; 
			-webkit-box-shadow: 0 0 5px 0 #999;
			-moz-box-shadow: 0 0 5px 0 #999;
			box-shadow: 0 0 5px 0 #999; 
			
			border-radius: 6px;
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
		}
		.ul_btn_css3 li a:hover {
			filter:alpha(opacity=75);
			-moz-opacity:0.75;
			-khtml-opacity: 0.75;
			opacity:0.75;
		}
		
		
		.ul_btn_css3 li.soon {
			display: inline-block;
			background:url(../images/bg_soon.png) no-repeat;
		}
		.ul_btn_css3 li.soon a {
			display: inline-block;
			width: 220px;
			padding: 15px 20px;
			
			-webkit-box-shadow: 0 0 5px 0 #999;
			-moz-box-shadow: 0 0 5px 0 #999;
			box-shadow: 0 0 5px 0 #999; 
						
			filter:alpha(opacity=40);
			-moz-opacity:0.40;
			-khtml-opacity: 0.40;
			opacity:0.40;
		}
	
.ul_btn_css4 {
	margin: 20px auto 30px;
	text-align: center;
}
	.ul_btn_css4 li {
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 40px;
		list-style: none;
		display: inline;
		margin: 0 20px;
	}
		.ul_btn_css4 li a {
			display: inline-block;
			width: 230px;
			padding: 15px 10px;
			color: #fff;
			text-decoration: none;
			background: #0E366B; 
			-webkit-box-shadow: 0 0 5px 0 #999;
			-moz-box-shadow: 0 0 5px 0 #999;
			box-shadow: 0 0 5px 0 #999; 
			
			border-radius: 50px;
			-webkit-border-radius: 50px;
			-moz-border-radius: 50px;
		}
		.ul_btn_css4 li a:hover {
			filter:alpha(opacity=75);
			-moz-opacity:0.75;
			-khtml-opacity: 0.75;
			opacity:0.75;
		}
		
		
}


/*テーブル*/

.tbl_nostyle th {
	padding: 2px 5px;
	white-space: nowrap;
	vertical-align: middle;
}
.tbl_nostyle td {
	padding: 2px 5px;
	vertical-align: middle;
}

.tbl_nostyle2 {
	margin: 10px 0;
}
.tbl_nostyle2 th {
	padding: 5px;
	white-space: nowrap;
	vertical-align: middle;
}
.tbl_nostyle2 td {
	padding: 5px;
	vertical-align: middle;
}


/*ボックス*/

.box01 {
	padding: 20px 40px;
	background-color:#00478B;
	color: #fff;
}
.waku_box01 {
	padding: 1em;
	border: 1px solid #aaa;
}
.waku_box02 {
	
}
.waku_box02 span {
	padding: 2px 1em;
	border: 1px solid #00478B;
	color: #00478B;
}


/*
Home
--------------------------*/


#contentsHomeMain {
	width:470px;
	background-color:#fff;
	float:left;
}

#contentsHomeSub {
	width:220px;
	float:right;
	padding:5px;
	background:url(../images/bg_contact.png) no-repeat top #C7C7C7;
}

#img_period {
	width:470px;
	height:150px;
	background:url(../images/topInfo_period.png) no-repeat top;
	text-indent:-9999px;
	margin-bottom:5px;
}

.endMessage {
	width: 432px;
	padding: 15px;	
	border: 4px solid #ff6666;
	font-weight: bold;
}



.ul_topBanner {
	position: absolute;
	left: 30px;
	bottom: 80px;
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
	  display:-ms-flexbox;/*--- IE10 ---*/
	  display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;

	-ms-flex-wrap:wrap;/*--- IE10用 ---*/
	-webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
	flex-wrap:wrap;

}
	.ul_topBanner li {
		width: 160px;
		margin-right: 15px;
		background: #fff;
	}
	.ul_topBanner li img:hover {
		filter:alpha(opacity=85);
		-moz-opacity:0.85;
		-khtml-opacity: 0.85;
		opacity:0.85;
	}
	.ul_topBanner li p {
		font-size: 10px;
		text-align: center;
	}	



.topBtnbox {
	margin: 20px auto;
}

.ul_btn_top {
	margin: 0px auto 0px;
	text-align: center;
}
	.ul_btn_top li {
		font-size: 16px;
		text-align: center;
		list-style: none;
		display: inline;
	}
		.ul_btn_top li a {
			display: inline-block;
			margin: 5px;
			text-indent: -9999px;
		}
		.ul_btn_top li a:hover {
			filter:alpha(opacity=75);
			-moz-opacity:0.75;
			-khtml-opacity: 0.75;
			opacity:0.75;
		}
		/*
		.topBtn01 {
			background: url("../images/topBtn01.png")
		}
		.topBtn02 {
			background: url("../images/topBtn02.png")
		}
		.topBtn03 {
			background: url("../images/topBtn03.png")
		}
		.topBtn04 {
			background: url("../images/topBtn04.png")
		}
		.topBtn05 {
			background: url("../images/topBtn05.png")
		}
		.topBtn06 {
			background: url("../images/topBtn06.png")
		}
		*/

.ul_btn_top02 {
	width: 100%;
	padding: 20px 0;
	text-align: center;
	background: url(../images/bg_footer.png) top center no-repeat;
}
	.ul_btn_top02 li {
		font-size: 16px;
		text-align: center;
		margin-bottom: 40px;
		padding: 0 20px;
		list-style: none;
		display: inline;
	}
		.ul_btn_top02 li a {
			display: inline-block;
			width: 300px;
			height: 70px;
			text-indent: -9999px;
		}
		.ul_btn_top02 li a:hover {
			filter:alpha(opacity=75);
			-moz-opacity:0.75;
			-khtml-opacity: 0.75;
			opacity:0.75;
		}

@media screen and (min-width: 769px) and (max-width: 880px) {
.topBtnbox {
	margin: 20px auto;
	width: 100%;
}

.ul_btn_top {
	margin: 0px auto 0px;
	text-align: center;
}
	.ul_btn_top li {
		text-align: center;
		list-style: none;
		display: inline;
	}
		.ul_btn_top li a {
			display: inline-block;
			margin: 5px;
			text-indent: -9999px;
		}
		.ul_btn_top li a img {
			width: 200px;
			height: auto;
		}
		.ul_btn_top li a:hover {
			filter:alpha(opacity=75);
			-moz-opacity:0.75;
			-khtml-opacity: 0.75;
			opacity:0.75;
		}
}




@media screen and (max-width: 768px) {

.topBtnbox {
	margin: 30px auto;
}

.ul_btn_top {
	margin: 0px auto 0px;
	text-align: center;
}
	.ul_btn_top li {
		font-size: 16px;
		text-align: center;
		margin-bottom: 10px;
		list-style: none;
		display: inline;
	}
		.ul_btn_top li a {
			display: inline-block;
			margin: 5px;
			text-indent: -9999px;
		}
		.ul_btn_top li a img {
			width: 180px;
			height: auto;
		}
		.ul_btn_top li a:hover {
			filter:alpha(opacity=75);
			-moz-opacity:0.75;
			-khtml-opacity: 0.75;
			opacity:0.75;
		}
	
.ul_btn_top02 {
	width: 100%;
	padding: 5px 0 0;
	text-align: center;
	background: url(../images/bg_footer.png) top center no-repeat;
}
	.ul_btn_top02 li {
		font-size: 16px;
		text-align: center;
		padding: 0 20px;
		list-style: none;
		display: inline;
	}
		.ul_btn_top02 li a {
			display: inline-block;
			width: 300px;
			height: 70px;
			text-indent: -9999px;
		}
		.ul_btn_top02 li a:hover {
			filter:alpha(opacity=75);
			-moz-opacity:0.75;
			-khtml-opacity: 0.75;
			opacity:0.75;
		}
	

}

@media screen and (max-width: 480px) {
.ul_btn_top02 {
	width: 100%;
	padding: 5px 0 0;
	text-align: center;
	background: url(../images/bg_footer.png) top center no-repeat;
}
	.ul_btn_top02 li {
		display: block;
		font-size: 16px;
		text-align: center;
		margin: 0 auto;
		padding: 0px 0 5px;
		list-style: none;
	}
		.ul_btn_top02 li a {
			display: block;
			text-align: center;
			width: 300px;
			height: 70px;
			margin: 0 auto;
			text-indent: -9999px;
		}
		.ul_btn_top02 li a:hover {
			filter:alpha(opacity=75);
			-moz-opacity:0.75;
			-khtml-opacity: 0.75;
			opacity:0.75;
		}
}








	
.banner_jsfr42 {
	margin-top: 30px;
}
.banner_jsfr42 a {
	display: block;
	width: 350px;
}


/*
#endMessage {
	width:100%;
	padding-top:15px;
	background-color:#f0f0dc;
}
#endMessage p {
	width:584px;
	margin:0px auto;
	font-size:1.2em;
	font-weight:bold;
	padding:10px;
	border:3px solid #ff0066;
	background-color:#fff9fb;
	line-height:180%;
	text-align:center;
}
*/


/*会社概要
------------------------------------------------------*/

.tbl_branch {
	width: 100%;
	margin:40px 0 10px;
	font-size:1.0em;
}
	.tbl_branch td,
	.tbl_branch th {
		padding:15px 0.5em;
		border:1px solid #ccc;
		vertical-align:middle;
	}
	.tbl_branch th {
		background:#eee;
		color:#666;
		text-align:center;
		font-weight: 500;
		white-space:nowrap;
	}
	.tbl_branch td {
		padding:15px 1em;
		line-height:1.5;
		background: #fff;
	}
	.tbl_branch td.no {
		text-align:center;
	}
	/*背景黄色*/
	.tbl_branch td.yellow {
		background:#FFC;
	}
	


/*
ファイルダウンロード用
--------------------------*/
.dlfiles ul {
	padding: 10px 0 20px;
	line-height: 2.0em;	
}
.dlfiles li a {
	font-size: 1.1em;
	padding: 10px 0;
	display: block;
}

.dlpdf {
	padding-left: 40px;
	background: url(../images/icon_pdf.png) left center no-repeat;	
}
.dlword {
	padding-left: 40px;
	background: url(../images/icon_word.png) left center no-repeat;	
}
.dlppt {
	padding-left: 40px;
	background: url(../images/icon_ppt.png) left center no-repeat;	
}



/*
事業内容
--------------------------*/
.h3_kariru {
	width: 100%;
	text-align: center;
	font-size:1.3em;
	font-weight:600;
	color:#fff;
	margin:20px 0 10px;
	line-height: 1.5;
}
	.h3_kariru span {
		display: block;
		padding: 0.5em 2em;
		background: #B66B89;
		border-radius: 50px;
	}
.color_kariru {
	color: #B66B89;
	font-weight: 600;
}
.border_kariru {
	border:#EDD8E6 solid 3px;
	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.h3_konyu {
	width: 100%;
	text-align: center;
	font-size:1.3em;
	font-weight:600;
	color:#fff;
	margin:20px 0 10px;
	line-height: 1.5;
}
	.h3_konyu span {
		display: block;
		padding: 0.5em 2em;
		background: #3D5DA2;
		border-radius: 50px;
	}
.color_konyu {
	color: #3D5DA2;
	font-weight: 600;
}
.border_konyu {
	border:#D8DCED solid 3px;
	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.h3_kaisyu {
	width: 100%;
	text-align: center;
	font-size:1.3em;
	font-weight:600;
	color:#fff;
	margin:20px 0 10px;
	line-height: 1.5;
}
	.h3_kaisyu span {
		display: block;
		padding: 0.5em 2em;
		background: #BE9042;
		border-radius: 50px;
	}
.color_kaisyu {
	color: #BE9042;
	font-weight: 600;
}
.border_kaisyu {
	border:#E7D6BB solid 3px;
	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.h3_reform {
	width: 100%;
	text-align: center;
	font-size:1.3em;
	font-weight:600;
	color:#fff;
	margin:20px 0 10px;
	line-height: 1.5;
}
	.h3_reform span {
		display: block;
		padding: 0.5em 2em;
		background: #35ADA2;
		border-radius: 50px;
	}
.color_reform {
	color: #35ADA2;
	font-weight: 600;
}
.border_reform {
	border:#D8EAE1 solid 3px;
	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}


.modelh4 {
	border-bottom:#FF5600 solid 1px;	
}

.modelBox {
	width:100%;
	padding: 5px 0;
}
.modelBox img {
	float: left;
	margin:5px 20px 0 0;
}
.modelBox p {
	padding:5px 0px 0px 0px;
}
	.modelBox p.tit_ymg {
		font-size:1.2em;
		font-weight:600;
		padding:0px 0px 5px 10px;
		line-height: 1.5;
	}
	.modelBox p.tit_ymg2 {
		padding:10px 0px 0px 10px;
		font-weight: 600;
		font-size: 1.1em;
	}
	

.planBox {
	/*display: inline-block;
	width: 49%;*/
	width: 450px;
	margin:20px auto 0;
	background: #fff;
	padding: 0px;
	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
	.planBox h5 {
		font-size:1.0em;
		font-weight:bold;
		border-bottom:1px dotted #999;
		padding:3px 10px;
		background:#666;
		color:#fff;
	}
	.planBox h5 span {
		font-weight:normal;
		font-size:0.9em;
	}


.planBox2 {
	margin:20px auto 0;
	border:#F60 solid 2px;
	padding:10px;
	background:#fcfade;
	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}


	

@media screen and (max-width: 1000px) {
	
.h3_kariru {
	width: 100%;
	font-size:1.1em;
	font-weight:600;
	color:#fff;
	margin:20px 0 10px;
}
	.h3_kariru span {
		display: block;
		padding: 0.5em 2em;
		background: #B66B89;
		border-radius: 50px;
	}
.h3_konyu {
	width: 100%;
	font-size:1.1em;
	font-weight:600;
	color:#fff;
	margin:20px 0 10px;
}
	.h3_konyu span {
		display: block;
		padding: 0.5em 2em;
		background: #3D5DA2;
		border-radius: 50px;
	}
.h3_kaisyu {
	width: 100%;
	font-size:1.1em;
	font-weight:600;
	color:#fff;
	margin:20px 0 10px;
}
	.h3_kaisyu span {
		display: block;
		padding: 0.5em 2em;
		background: #BE9042;
		border-radius: 50px;
	}
.h3_reform {
	width: 100%;
	font-size:1.1em;
	font-weight:600;
	color:#fff;
	margin:20px 0 10px;
}
	.h3_reform span {
		display: block;
		padding: 0.5em 2em;
		background: #35ADA2;
		border-radius: 50px;
	}
	
.modelBox {
	width:100%;
}
.modelBox img {
	float: left;
	margin:5px 10px 0 0;
	padding-bottom: 50px;
}
.modelBox p {
	padding:5px 10px 0px;
}
	.modelBox p.tit_ymg {
		font-size:1.2em;
		font-weight:600;
		padding:0px 0px 0px 10px;
		line-height: 1.5;
	}
	.modelBox p.tit_ymg2 {
		padding:10px 0px 0px 10px;
		font-weight: 600;
		font-size: 1.1em;
	}
	.ymg {
		margin: 5px;
		display: block;
	}
	
.planBox {
	display: block;
	width: 90%;
	margin:20px auto 0;
	background: #fff;
	padding: 10px;
	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
	.planBox h5 {
		font-size:1.0em;
		font-weight:bold;
		border-bottom:1px dotted #999;
		padding:3px 10px;
		background:#666;
		color:#fff;
	}
	.planBox h5 span {
		font-weight:normal;
		font-size:0.9em;
	}
	.planBox table {
		font-size:0.9em;
	}


.planBox2 {
	margin:20px auto 0;
	border:#F60 solid 2px;
	padding:10px;
	background:#fcfade;
	
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
	
}


/*
福祉用具レンタル・販売
--------------------------*/
.rentalBox {
	width: calc(100%);
	padding: 20px 0px;
	margin: 15px 0;
}
	.rentalBox p {
		width: 50%;
		float: left;
	}
	.rentalBox p img {
		width: 100%;
	}
	.rentalBox a:hover {
		opacity: 0.7;
		-webkit-transition: all .5s;
    	transition: all .5s;
	}

@media screen and (min-width: 769px) and (max-width: 1000px) {
.rentalBox {
	width: calc(100%);
	padding: 20px 0px;
	margin: 15px 0;
}
	.rentalBox p {
		width: 50%;
		float: left;
	}
	.rentalBox p img {
		width: 100%;
	}
	.rentalBox a:hover {
		opacity: 0.7;
		-webkit-transition: all .5s;
    	transition: all .5s;
	}
}

@media screen and (max-width: 768px) {
.rentalBox {
	width: 100%;
	padding: 0px;
	margin: 15px 0;
}
	.rentalBox p {
		width: 100%;
		float: left;
		margin-bottom: 20px;
	}
	.rentalBox p img {
		width: 100%;
	}
	.rentalBox a:hover {
		opacity: 0.7;
		-webkit-transition: all .5s;
    	transition: all .5s;
	}
}


.ul_btn_point {
	margin: 0px auto;
}
	.ul_btn_point li {
		position: relative;
		padding-left: 1.5em;
		margin-bottom: 2em;
		font-size: 1.3em;
		
	}
		.ul_btn_point li a {
			display: block;
			width: 840px;
			padding: 15px 2em;
			color: #1DB194;
			text-decoration: none;
			background: #D4E8EB;
			font-family:"筑紫A丸ゴシック","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
			font-weight: 600;
			border: 2px solid #2cceae;
			
			-webkit-box-shadow: 0 0 5px 0 #999;
			-moz-box-shadow: 0 0 5px 0 #999;
			box-shadow: 0 0 5px 0 #999; 
			
			border-radius: 50px;
			-webkit-border-radius: 50px;
			-moz-border-radius: 50px;
		}
		.ul_btn_point li a.buy {
			display: block;
			width: 840px;
			padding: 15px 2em;
			color: #ed7798;
			text-decoration: none;
			background: #f4d7db;
			font-weight: 600;
			border: 2px solid #E685A0;
		}
		.ul_btn_point li > a::after {
			content: "\f35a";
    		font-family: "Font Awesome 5 Free";
    		margin-left: 0.5em;
    		position: relative;
		}
		.ul_btn_point li a:hover {
			color: #fff;
			background: #2cceae;
		}
		.ul_btn_point li a.buy:hover {
			color: #fff;
			background: #ed7798;
		}
		.ul_btn_point li > a:hover::after {
			content: "\f358";
    		font-family: "Font Awesome 5 Free";
    		margin-left: 0.5em;
    		position: relative;
		}

@media screen and (max-width: 1000px) {
.ul_btn_point {
	margin: 0 auto;
}
	.ul_btn_point li {
		position: relative;
		padding-left: 1.5em;
		margin-bottom: 2em;
		font-size: 1.3em;
	}
		.ul_btn_point li a {
			display: block;
			width: 95%;
			padding: 15px 2em;
			color: #3FA5B7;
			text-decoration: none;
			background: #D4E8EB;
			font-family:"筑紫A丸ゴシック","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
			font-weight: 600;
			border: 2px solid #3FA5B7;
			
			-webkit-box-shadow: 0 0 5px 0 #999;
			-moz-box-shadow: 0 0 5px 0 #999;
			box-shadow: 0 0 5px 0 #999; 
			
			border-radius: 50px;
			-webkit-border-radius: 50px;
			-moz-border-radius: 50px;
		}
		.ul_btn_point li a.buy {
			display: block;
			width: 95%;
			padding: 15px 2em;
			color: #ed7798;
			text-decoration: none;
			background: #f4d7db;
			font-weight: 600;
			border: 2px solid #E685A0;
		}
		.ul_btn_point li > a::after {
			content: "\f35a";
    		font-family: "Font Awesome 5 Free";
    		margin-left: 0.5em;
    		position: relative;
		}
		.ul_btn_point li a:hover {
			color: #fff;
			background: #3FA5B7;
		}
		.ul_btn_point li a.buy:hover {
			color: #fff;
			background: #ed7798;
		}
		.ul_btn_point li > a:hover::after {
			content: "\f358";
    		font-family: "Font Awesome 5 Free";
    		margin-left: 0.5em;
    		position: relative;
		}
}

	
/*
アクセス
--------------------------*/

.venueBox {

}
.venueBox img {
	float:left;
	margin:0 20px 10px 0;
}
.venueBox ul {
	float:left;
}


.qrBox {
	margin-bottom:20px;
}
.qrBox iframe {
	float:left;

	margin-right:25px;
}
.qrBox p {
	text-align:left;
	line-height:150%;
}

.dl_access dt {
	font-size:1.1em;
	font-weight:bold;
	color:#cc0000;
	border-bottom:1px solid #cc0000;
	padding:20px 0 5px;
	margin-bottom:5px;
}
.dl_access dd {
	padding:0 0 0 1em;
}

/*table*/
.tbl_access {
	margin: 30px auto;
}
.tbl_access th {
	width: 33%;
	padding: 2px 5px;
	white-space: nowrap;
}
.tbl_access td {
	padding: 10px 2%;
}

@media screen and (max-width: 1000px) {

.venueBox {

}
.venueBox img {
	float: none;
	margin:0 10px 10px 0;
}
.venueBox ul {
	float: none;
}

.qrBox {
	margin:10px 0;
}
.qrBox iframe {
	float: none;
	margin-right:5px;
}
.qrBox p {
	text-align:left;
}

	
.dl_access dt {
	font-size:1.1em;
	font-weight:bold;
	color:#cc0000;
	border-bottom:1px solid #cc0000;
	padding:20px 0 5px;
	margin-bottom:5px;
}
.dl_access dd {
	padding:0 0 0 1em;
}
	

/*table*/
.tbl_access {
	margin: 20px auto;
}
.tbl_access th {
	width: 250px;
	padding: 10px 10px;
}
.tbl_access td {
	padding: 10px 10% 15px 0;
	vertical-align: bottom;
}
	
	


}



.txt_access01 {
	margin:20px auto;
	padding:20px;
	background:#eee;
}

.mapBox {
	width:410px;
	height:340px;
	padding-top:20px;
	float:left;
}

.accessBox {
	width:235px;
	padding-top:10px;
	float:right;
	font-size:0.9em;
	margin-left:5px;
}
/*.accessBox ul {
	margin:5px;
	margin-bottom:15px;
}*/




/*
採用情報　recruit
--------------------------*/
.tbl_recruit {
	width: 100%;
	margin: 40px auto;
	/*background: #fff;*/
}
.tbl_recruit tr {
	border-bottom: 1px solid #0FBC02;
}
.tbl_recruit td {
	padding: 20px 2rem 20px 1rem;
	vertical-align: middle;
}
.tbl_recruit td:first-child {
	text-align: right;
	width: 25%;
	font-weight: 600;
	color: #002D58;
}

p.rec01 {
	
}
p.rec01 span {
	color: #fff;
	font-weight: 600;
	background: #1E76C0;
	padding: 5px 15px;
	border-radius: 50px;
}

p.rec02 {
	
}
p.rec02 span {
	color: #fff;
	font-weight: 600;
	background: #47A644;
	padding: 5px 15px;
	border-radius: 50px;
}


.jigyoBox {
	width: 100%;
}
.jigyoBox img {
	width: 350px;
}
.jigyosyo {
	display: block;
	width: 570px;
	float: left;
	margin-right: 30px;
	background: url("../img/jigyo_bg380.png") right top no-repeat;
}


@media screen and (min-width: 801px) and (max-width: 1000px){
.jigyoBox {
	width: 100%;
	margin: 40px auto 0;
}
.jigyoBox img {
	width: 50%;
	float: right;
}
.jigyosyo {
	display: block;
	width: 45%;
	float: left;
	margin-right: 20px;
	background: url("../img/jigyo_bg.png") right top no-repeat;
}
}

@media screen and (min-width: 641px) and (max-width: 800px){
.jigyoBox {
	margin: 60px auto;
	width: 100%;
}
.jigyoBox img {
	width: 80%;
	margin: 0 auto;
}
.jigyosyo {
	display: block;
	width: 100%;
	float: none;
}
}

@media screen and (max-width: 640px){

.tbl_recruit {
	margin: 0 auto;
}
.tbl_recruit tr {
	border-bottom: 1px solid #0FBC02;
}
.tbl_recruit td {
	padding: 20px 2rem 20px 1rem;
	vertical-align: middle;
}
.tbl_recruit td:first-child {
	text-align: right;
	width: 35%;
}
	
.jigyoBox {
	margin: 60px auto;
	width: 100%;
}
.jigyoBox img {
	width: 80%;
	margin: 0 auto;
}
.jigyosyo {
	display: block;
	width: 100%;
	float: none;
	background: url("../img/jigyo_bg.png") right top no-repeat;
}
	
	
}




/*
展示出展企業
--------------------------*/

.companyBox {
	border: 1px solid #aaa;
	padding: 20px;
	background: #fff;
	margin-bottom: 20px;
}

.companyBox .imgBox {
	margin-right: 20px;
}

.companyBox .txtBox h5 {
	font-size: 1.2em;
	font-weight: bold;
	color: #004286;
	padding-bottom: 8px;
	border-bottom: 2px solid #368AC0;
	margin-bottom: 15px;
}
.companyBox .txtBox dl {
	margin-bottom: 15px;
}
	.companyBox .txtBox dl dt {
		clear: left;
		float: left;
	}
	.companyBox .txtBox dl dd {
		padding-left: 7em;
		margin-bottom: 10px;
	}


/* siterule用 [start] 
--------------------------------------------------------------- */
li.br1 {							/* 推奨ブラウザ表記リスト */
	padding-left: 20px;
	margin-top: 5px;
	background: url(../images/exp_16.png) left center no-repeat;
}
li.br2 {
	padding-left: 20px;
	margin-top: 5px;
	background: url(../images/ffx_16.png) left center no-repeat;
}
li.br3 {
	padding-left: 20px;
	margin-top: 5px;
	background: url(../images/chm_16.png) left center no-repeat;
}
li.br4 {
	padding-left: 20px;
	margin-top: 5px;
	background: url(../images/saf_16.png) left center no-repeat;
}
li.br5 {
	padding-left: 20px;
	margin-top: 5px;
	background: url(../images/edg_16.png) left center no-repeat;
}
	/* siterule用 [end] */


/* よくあるご質問用 [start] 
--------------------------------------------------------------- */
.accordion-faq {
    width: 95%;
    margin: 0 auto 10px;
	background: #D4E8EB;
	font-family:"筑紫A丸ゴシック","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	font-weight: 600;
	border: 2px solid #3FA5B7;
	font-size: 1.3em;
			
	-webkit-box-shadow: 0 0 5px 0 #999;
	-moz-box-shadow: 0 0 5px 0 #999;
	box-shadow: 0 0 5px 0 #999; 
    border-radius: 10px;
}

.accordion-faq summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #3FA5B7;
    font-weight: 600;
    cursor: pointer;
}
.accordion-faq summary:hover {
	color: #fff;
	background: #3FA5B7;
	transition : all 0.5s;
}

.accordion-faq summary::-webkit-details-marker {
    display: none;
}

.accordion-faq summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
	padding: 5px;
    border-bottom: 3px solid #3FA5B7;
    border-right: 3px solid #3FA5B7;
    content: '';
    transition: transform .3s;
}
.accordion-faq summary:hover::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
	padding: 5px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
    transition: transform .3s;
}

.accordion-faq[open] summary::after {
    transform: rotate(225deg);
	transition : all 0.5s;
}

.accordion-faq p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1em 2em 1.5em;
    color: #666666;
	line-height: 1.6;
	font-weight: 500;
    transition: transform .5s, opacity .5s;
}
.accordion-faq p span {
	font-weight: 600;
}

.accordion-faq[open] p {
    transform: none;
    opacity: 1;
	transition : all 0.5s;
}

.accordion-faq ul {
	padding: 0 2em 1.5em;
	color: #666666;
}

/* よくあるご質問用 [end] */