@charset "utf-8";

*{ margin: 0px; padding: 0px; }
body {
	font-family: Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
	color:#333;
	margin:0;
	line-height:1.6;
	}

img { border:none;}
	@media (max-width: 945px){
	img { border:none; max-width:100%; height: auto;}
	}

/* hide hack from Mac-IE5 \*/
* html .mybuggyelement { height: 1%; }
/* end hiding */

.disnon{ display:none !important;}
.spnon{ display:inherit !important;}
	@media (max-width: 945px){
	.disnon{ display:inherit !important;}
	.spnon{ display:none !important;}
	img{ max-width:100%; }
	}

/*Link===========================================================================*/
a:link { color:#00A1C6; text-decoration:none; }
a:visited { color:#00A1C6; text-decoration:none; }
a:hover { color:#FE000A; text-decoration:underline; }
a:active { color:#FE000A; text-decoration:underline; }

.wp-block-file *+.wp-block-file__button {
	color: #fff;
	padding: 0.5em 1em;
}


/*header===========================================================================*/
#header_wrapper { height:122px; background:url(../img/header_bg.jpg) repeat-x; }
#header { width: 930px; height:114px; margin:0 auto; padding-top:8px; }

/*
#header h1 { width:475px; height:60px; margin-top:25px; float: left; background: url(../img/logo.png) no-repeat; }
#header h1 a { width:475px; height:60px; display: block; }
#header h1 a span { display:none; }
#header p { display:none; }
*/
#header h1 { width:475px; height:60px; margin-top:25px; float: left; }
#header h1 a img { float: left; }
#header h1 a span { display:none; }
/*
#header h1 a div.department { float: left; margin-left: 1em; width: 18em; font-size:0.4em; color: #333;}
*/
#header h1 a div.department { float: left; margin-left: 1em; width: 18em; font-size:12.8px; color: #333;}

#header #headerR{ width:372px; float:right; margin-top:25px; }
#header #headerR p { display: block; margin-bottom:10px;}

#header #search { float:left; width:222px; font-size:12px; }

#header #search legend { display:none; }
#header #search fieldset { border:none; }
#header #search input#search_area{ float: left; }
#header #search input#search_submit{ width:51px; line-height:100%; }


#header #changeTxt { width:150px; height:20px; float:right; background:url(../img/change_txt.gif) no-repeat; }
#header #changeTxt ul { padding-left:95px; }
#header #changeTxt li { float:left; padding-left:6px; list-style-type: none;}
#header #changeTxt li a { display:block; }
#header #headerL{ display: none; }
	@media (max-width: 945px){
	#header_wrapper { height:149px; background:url(../img/header_bg_sp.jpg) repeat-x; }
	#header { display: flex; justify-content: flex-start; align-items: center;  width: 100%; height:141px; margin:0 auto; padding:8px 10px 0 10px; box-sizing: border-box; }
/*
	#header h1 { max-width:340px; width:60%; height:141px; margin:5%; float: none; background: url(../img/logo_sp.png) center center no-repeat; background-size: contain; }
*/
	#header h1 { max-width:340px; width:60%; height:141px; margin:5%; float: none; }
	#header h1 a { width:auto; height:141px; display: block; text-align: center; margin-top: 0.5em; }
	#header h1 a span { display:none; }
	#header h1 a div.department { margin-left: 0; width: 18em; font-size:0.4em; color: #333;}
	#header h1 a img { float: unset; margin: 0.25em auto; width: 60%; }
	#header p { display:none; }

	#header #headerR{ display: none; }
	#header #headerL{ display: block; width:15%; }
	}


/*main===========================================================================*/
#main_wrapper { margin:0 auto; background:url(../img/bg_contents.jpg) repeat-x;  overflow:hidden;}
#main { width:950px; margin:0 auto; background:url(../img/main_bg.jpg) no-repeat; }
	#main_img { display: block; }
	#main_img_sp { display: none; }
	@media (max-width: 945px){
	#main_wrapper { margin:0 auto; background:none;  overflow:hidden;}
	#main { width:100%; max-width:720px;  margin:0 auto; background:none; }
	#main_img { display: none; }
	#main_img_sp { display: block; }
	}


/*landing===========================================================================*/
#landing { margin:0 auto; width:950px; height:119px; background:url(../img/landingimg.jpg) no-repeat; }
#landing h2 { float:right; margin-top:40px; }
	@media (max-width: 945px){
	#landing { display:none; }
	#landing h2 { float:right; margin-top:40px; }
	}


/*Global navigation===========================================================================*/

#global { width: 940px; height:75px; margin:0 auto; overflow:hidden; }
#gnav { margin-top:3px; }
#gnav ul { }
#gnav li { position: relative; float: left; list-style-type: none; width:235px; }
#gnav li a { display: block; }
#global_top { display: none; }
	@media (max-width: 945px){
	#global { display: none; width: 100%; height:auto; margin:0 auto; overflow:hidden; }
	#gnav { margin-top:3px; }
	#gnav ul { display: flex; justify-content: space-between; flex-wrap: wrap; }
	#gnav li { display: flex; position: relative; float: none; list-style-type: none; width:45%; }
	#gnav li a { display: block; }
	#global_top { display: block; width: 100%; height:auto; margin:0 auto; overflow:hidden; }
	#global_top ul { display: flex; justify-content: center; flex-wrap: wrap; margin: 20px 0 0 0; padding:0 10px; box-sizing: border-box;}
	#global_top li { display: flex; justify-content: center; position: relative; float: none; list-style-type: none; width:auto; max-width:330px; margin: 5px 1%; }
	#global_top li a { display: block; }
	}
	@media (max-width: 720px){
	#global_top ul { display: flex; justify-content: center; flex-wrap: wrap; margin: 20px 0 0 0; padding:0 10px; box-sizing: border-box;}
	#global_top li { display: flex; justify-content: center; position: relative; float: none; list-style-type: none; width:48%; margin: 5px 1%; }
	#global_top li a { display: block; }
}

/*contents===========================================================================*/
#top_contents { width:930px; margin:5px auto 10px auto; overflow:hidden; }
#top_contents #left_column { width:230px; float:left; }
#top_contents #right_column { width:690px; float:right; }
	@media (max-width: 945px){
	#top_contents { width:100%; max-width:720px; margin:5px auto 10px auto; overflow:hidden; }
	#top_contents #left_column { display: none; }
	#top_contents #right_column { width:100%; float:none; padding:0 20px; box-sizing: border-box; }
	}


#contents { width:930px; margin:0 auto 10px auto; overflow:hidden; }
#contents #main_column { width:690px; float:left; padding-top:15px; }
#contents #right_column { width:230px; float:right; }
	@media (max-width: 945px){
	#contents { width:100%; margin:0; overflow:hidden; padding:0 20px; box-sizing:border-box;}
	#contents #main_column { width:100%; float:none; padding-top:15px; }
	#contents #right_column { display: none;}
	}


/*bread�J����===========================================================================*/
#bread { width:930px; height:30px; margin:15px auto 0 auto; background:url(../img/bg_bread.jpg) repeat-x; }
#bread p { padding:6px 0 6px 15px; }
#Title { display: none;}
	@media (max-width: 945px){
	#bread { display: none;}
	#Title{ display:block; width:100%; padding:20px 20px 0 20px; box-sizing: border-box;}
	}


/*menu�J����===========================================================================*/
#nav { margin-top:15px; }
#nav ul { margin-bottom:10px; list-style:none; }
#nav li { height:42px; }

#nav p.about { margin-bottom:0px; }
#nav p { margin-bottom:10px; }

#adress {  width:230px; height:100px; background:url(../img/access.jpg) no-repeat; }
#adress h3 { display:none; height:65px;}
#adress p { display:none; height:35px; }
#map { background:url(../img/map_bg.jpg) no-repeat; width:230px; height:233px; padding-bottom:30px; }
#maplink { width:210px; height:200px; margin-left:9px; }
#view { /*width:110px;*/ height:20px; padding:6px 0 0 110px; }
	@media (max-width: 945px){
	#nav { margin-top:15px; }
	#nav ul { margin-bottom:10px; list-style:none; }
	#nav li { height:42px; }

	#nav p.about { margin-bottom:0px; }
	#nav p { margin-bottom:10px; }

	#adress {  width:230px; height:100px; background:url(../img/access.jpg) no-repeat; }
	#adress h3 { display:none; height:65px;}
	#adress p { display:none; height:35px; }
	#Map { display: none;}
	#map { display: none;}
	#maplink { width:210px; height:200px; margin-left:9px; }
	#view { width:110px; height:20px; padding:6px 0 0 110px; }
	}


/*pagetop===========================================================================*/
#pagetop{ width: 690px; height: 24px; margin-bottom:20px; clear: both; }
#pagetop p { text-align:right; float: right; }

/*Footer===========================================================================*/
#footernav_wrapper { background:url(../img/bg_footernav.jpg) repeat-x; height:35px; overflow:hidden; }
#footernav { width:930px; height:35px; margin:0 auto; padding-top:8px; }

#footernav ul { width:390px; float:right; font-size:12px; }
#footernav li { position: relative; float: left; padding-left:20px; list-style:none; /*width:110px;*/ }
#footernav li a { display:block; }

#footernav li:nth-child(1) { background:url(../img/ico_sitemap.jpg) no-repeat left 3px; margin-right:10px; width:85px;  }
#footernav li:nth-child(2) { background:url(../img/ico_policy.jpg) no-repeat left 3px; margin-right:10px; width:165px;  }
#footernav li:nth-child(3) { background:url(../img/ico_inquiry.jpg) no-repeat left 3px; width:100px; }


#footernav a:link { color:#FFF; text-decoration:underline; }
#footernav a:visited { color:#FFF; text-decoration:underline; }
#footernav a:hover { color:#FFF; text-decoration:none; }
#footernav a:active { color:#FFF; text-decoration:none; }
#footer { width:930px; margin:15px auto; overflow:hidden; }
#footer #copyright p { float:left; color:#666; font-size:12px; }
#footer #copyrightsp { display: none; }
#footer #logo { float:right; }
#footer #logo p { text-align:right; }
	@media (max-width: 945px){
	#footernav_wrapper { display:none; }

	#footer { width:100%; margin:0; padding:30px 0 10px 0; box-sizing: border-box; background: #003C78; }
	#footer #copyright { display: none;}
	#footer #copyrightsp { display: block;}
	#footer #copyrightsp p {  color:#FFF; font-size:12px; text-align: center; }
	#footer #logo { float:none;text-align: center; }
	#footer #logo p { text-align: center; color:#FFF; }
	#footer #logo p img{ margin: 0 auto;}
	}


div.about01{  float:left; width:540px;}
div.about02{  float:right;}
	@media (max-width: 945px){
	div.about01{  float:none; width:auto;}
	div.about02{  float:none; text-align: center;}
	div.about02 br{ display: none;}
}
	.hostpL{float:left; width:420px;}
	@media (max-width: 945px){
	.tblwrap{ width:100%; overflow-x: auto;}
	.tel{text-align: center;}
	.hostpL{float:none; width:auto;}
		iframe{ width:100%; max-width:100% !important;}
}