@charset "utf-8";
/*
Theme Name: hotel_baden_themes_2026_v1.4
Description: hotel_baden_themes_2026_v1.4
Version: 1.0
Author: hotel_baden_themes_2026_v1.4
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	-webkit-text-size-adjust: 100%;
}
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
img{
	vertical-align: bottom;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	margin: 0;
	padding: 0;
	color: #333333;
	line-height: 1.65;
	font-size: 87.50%;
	font-family: "游ゴシック Medium", "Yu Gothic Medium" , "游ゴシック体", YuGothic;
	text-align: justify;
}
/* Links
   -------------------------------------------------------------------------- */
a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size: 100%;
	color: #2666bb;
}
a:hover, a:active {
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	outline: none;
	color: #2666bb;
}
/* fontStyle
   -------------------------------------------------------------------------- */
.fw-b{
	font-weight: bold;
}
/* ==========================================================================
   Utilities
   ========================================================================== */
.text8 {
	font-size: 62.50% !important;
}
.text9 {
	font-size: 68.75% !important;
}
.text10 {
	font-size: 75.00% !important;
}
.text11 {
	font-size: 81.25% !important;
}
.text12 {
	font-size: 87.50% !important;
}
.text13 {
	font-size: 93.75% !important;
}
.text14 {
	font-size: 100.00% !important;
}
.text15 {
	font-size: 106.25% !important;
}
.text16 {
	font-size: 112.50% !important;
}
.text17 {
	font-size: 118.75% !important;
}
.text18 {
	font-size: 125.00% !important;
}
.text19 {
	font-size: 131.25% !important;
}
.text20 {
	font-size: 137.50% !important;
}
.text21 {
	font-size: 143.75% !important;
}
.text22 {
	font-size: 150.00% !important;
}
.text23 {
	font-size: 156.25% !important;
}
.text24 {
	font-size: 162.50% !important;
}
.text25 {
	font-size: 168.75% !important;
}
.text26 {
	font-size: 175.00% !important;
}
.text27 {
	font-size: 181.25% !important;
}
.text28 {
	font-size: 187.50% !important;
}
.text29 {
	font-size: 193.75% !important;
}
.text30 {
	font-size: 200.00% !important;
}
@media screen and (max-width: 480px) {
.text8 {
	font-size: 62.50% !important;
}
.text9 {
	font-size: 68.75% !important;
}
.text10 {
	font-size: 75.00% !important;
}
.text11 {
	font-size: 81.25% !important;
}
.text12 {
	font-size: 87.50% !important;
}
.text13 {
	font-size: 93.75% !important;
}
.text14 {
	font-size: 100.00% !important;
}
.text15 {
	font-size: 100.00% !important;
}
.text16 {
	font-size: 100.00% !important;
}
.text17 {
	font-size: 100.00% !important;
}
.text18 {
	font-size: 100.00% !important;
}
.text19 {
	font-size: 106.25% !important;
}
.text20 {
	font-size: 112.50% !important;
}
.text21 {
	font-size: 118.75% !important;
}
.text22 {
	font-size: 125.00% !important;
}
.text23 {
	font-size: 131.25% !important;
}
.text24 {
	font-size: 137.50% !important;
}
.text25 {
	font-size: 143.75% !important;
}
.text26 {
	font-size: 150.00% !important;
}
.text27 {
	font-size: 156.25% !important;
}
.text28 {
	font-size: 162.50% !important;
}
.text29 {
	font-size: 168.75% !important;
}
.text30 {
	font-size: 175.00% !important;
}
.text31 {
	font-size: 181.25% !important;
}
.text32 {
	font-size: 187.50% !important;
}
}

/* margin
   -------------------------------------------------------------------------- */
.mb0 {
	margin-bottom: 0 !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb35 {
	margin-bottom: 35px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb45 {
	margin-bottom: 45px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb55 {
	margin-bottom: 55px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mb65 {
	margin-bottom: 65px !important;
}
.mb70 {
	margin-bottom: 70px !important;
}
.mb75 {
	margin-bottom: 75px !important;
}
.mb80 {
	margin-bottom: 80px !important;
}
.ml0 {
	margin-left: 0 !important;
}
.ml5 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml25 {
	margin-left: 25px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.mr0 {
	margin-right: 0 !important;
}
.mr5 {
	margin-right: 5px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr25 {
	margin-right: 25px !important;
}
.mr30 {
	margin-right: 30px !important;
}
@media screen and (max-width: 480px) {
.mb0 {
	margin-bottom: 0 !important;
}
.mb5 {
	margin-bottom: 3px !important;
}
.mb10 {
	margin-bottom: 5px !important;
}
.mb15 {
	margin-bottom: 8px !important;
}
.mb20 {
	margin-bottom: 10px !important;
}
.mb25 {
	margin-bottom: 13px !important;
}
.mb30 {
	margin-bottom: 15px !important;
}
.mb35 {
	margin-bottom: 18px !important;
}
.mb40 {
	margin-bottom: 20px !important;
}
.mb45 {
	margin-bottom: 23px !important;
}
.mb50 {
	margin-bottom: 25px !important;
}
.mb55 {
	margin-bottom: 28px !important;
}
.mb60 {
	margin-bottom: 30px !important;
}
.mb65 {
	margin-bottom: 33px !important;
}
.mb70 {
	margin-bottom: 35px !important;
}
.mb75 {
	margin-bottom: 38px !important;
}
.mb80 {
	margin-bottom: 40px !important;
}
.ml0 {
	margin-left: 0 !important;
}
.ml5 {
	margin-left: 3px !important;
}
.ml10 {
	margin-left: 5px !important;
}
.ml15 {
	margin-left: 8px !important;
}
.ml20 {
	margin-left: 10px !important;
}
.ml25 {
	margin-left: 13px !important;
}
.ml30 {
	margin-left: 15px !important;
}
.mr0 {
	margin-right: 0 !important;
}
.mr5 {
	margin-right: 3px !important;
}
.mr10 {
	margin-right: 5px !important;
}
.mr15 {
	margin-right: 8px !important;
}
.mr20 {
	margin-right: 10px !important;
}
.mr25 {
	margin-right: 13px !important;
}
.mr30 {
	margin-right: 15px !important;
}
}
/* padding
   -------------------------------------------------------------------------- */
.pt0 {
	padding-top: 0 !important;
}
.pt5 {
	padding-top: 5px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pt15 {
	padding-top: 15px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pt25 {
	padding-top: 25px !important;
}
.pt30 {
	padding-top: 30px !important;
}
.pt35 {
	padding-top: 35px !important;
}
.pt40 {
	padding-top: 40px !important;
}
.pt45 {
	padding-top: 45px !important;
}
.pt50 {
	padding-top: 50px !important;
}
@media screen and (max-width: 480px) {
.pt0 {
	padding-top: 0 !important;
}
.pt5 {
	padding-top: 3px !important;
}
.pt10 {
	padding-top: 5px !important;
}
.pt15 {
	padding-top: 8px !important;
}
.pt20 {
	padding-top: 10px !important;
}
.pt25 {
	padding-top: 13px !important;
}
.pt30 {
	padding-top: 15px !important;
}
.pt35 {
	padding-top: 18px !important;
}
.pt40 {
	padding-top: 20px !important;
}
.pt45 {
	padding-top: 23px !important;
}
.pt50 {
	padding-top: 25px !important;
}
}
/* align
   -------------------------------------------------------------------------- */
.ta-l {
	text-align: left !important;
}
.ta-r {
	text-align: right !important;
}
.ta-c {
	text-align: center !important;
}
/* float
   -------------------------------------------------------------------------- */
.fl {
	float: left;
}
.fr {
	float: right;
}
.fl-img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.fr-img {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
/* clear
   -------------------------------------------------------------------------- */
.clear {
	clear: both;
}
/* clearfix */
.cf:before, .cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;
}
.cf {
 *zoom: 1;
}
/* 表示非表示切り替え／
---------------------------------*/
/* SP表示 */
.sp{
	display: inline-block;
}
.pc{
	display: none;
}
/* PC表示 */
@media screen and (min-width: 480px) {
.sp{
	display: none;
}
.pc{
	display: inline-block;
}
}
/* hr／
---------------------------------*/
hr {
   border:solid;
   border-width:1px 0 0 0;
   height:1px;/* for IE6 */
   clear:both;/* for IE6 */
}
/* PagiNavi／
   -------------------------------------------------------------------------- */
.wp-pagenavi { 
	max-width: 1000px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 25px;
}
.wp-pagenavi a,
.wp-pagenavi .pages,
.wp-pagenavi .current {
	margin-right: 4px;
	padding: 6px 12px;
	border: 0px solid #ccc;
	background: #F5F6F6;
	font-weight:normal;
	text-decoration: none;
	text-align:center;
}
.wp-pagenavi a:hover,
.wp-pagenavi .current{
	color: #fff;
	background: #2666bb;
	font-weight:normal;
}
/* heading
   -------------------------------------------------------------------------- */
#header .inner h1{
	margin: 0 0 0 10px;
	max-width: 260px;
}
#header .inner h1 img{
	width: 260px;
	margin: 0;
	padding: 0;
}
@media screen and (max-width:765px) {
#header .inner h1{
	margin: auto;
	padding: 0 0 0 0;
	text-align: center;
}
#header .inner h1 img{
	max-width: 70%;
	margin: 0 auto;
	padding: 0;
}
}
h2{
	width: 100%;
	margin: 0 0 50px;
	padding: 0;
	font-size: 187.50%;
	text-align: center;
	font-family: "Yu Mincho", "YuMincho", serif;
	font-weight: bold;
}
h2:before {
  content: url(images/com/bit_h2_f.png) ;
  position : relative ;
  top : 3px ;
  margin-right : 20px ;
}
h2:after {
  content: url(images/com/bit_h2_b.png) ;
  position : relative ;
  top : 3px ;
  margin-left : 20px ;
}
h2.ore:before {
  content: url(images/com/bit_h2_ore_f.png) ;
  position : relative ;
  top : 3px ;
  margin-right : 20px ;
}
h2.ore:after {
  content: url(images/com/bit_h2_ore_b.png) ;
  position : relative ;
  top : 3px ;
  margin-left : 20px ;
}
h2.gre:before {
  content: url(images/com/bit_h2_gre_f.png) ;
  position : relative ;
  top : 3px ;
  margin-right : 20px ;
}
h2.gre:after {
  content: url(images/com/bit_h2_gre_b.png) ;
  position : relative ;
  top : 3px ;
  margin-left : 20px ;
}

@media screen and (max-width: 765px) {
h2{
	font-size: 137.50%;
}
h2:before {
  display: none;
}
h2:after {
  display: none;
}
}
@media screen and (max-width:480px) {
h2{
	margin: 0 0 25px;
}
}
h3{
	width: 100%;
	margin: 0 0 40px;
	padding: 0;
	font-size: 200.00%;
	text-align: center;
	font-family: "Yu Mincho", "YuMincho", serif;
	font-weight: 400;
}
@media screen and (max-width:480px) {
h3{
	width: 100%;
	margin: 0 0 30px;
	padding: 0;
	font-size: 150.00%;
	text-align: center;
	font-family: "Yu Mincho", "YuMincho", serif;
	font-weight: 400;
}
}

/*H4はpostページで使用*/
h5{
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
	box-sizing: border-box;
	text-align: center;
	font-size: 231.25%;
	
	font-weight: bold;
	line-height: 1.2;
}
@media screen and (max-width:480px) {
h5{
	font-size: 170.00%;
	margin: 0 0 10px;
}
}
/*H6は各ヘッダータイトルで使用*/
/* ==========================================================================
   header
   ========================================================================== */
#header {
	margin: 0;
	padding: 0;
	position: relative;
}
#header .headerWrap{
	width: 100%;
	margin: 0;
	padding: 0;
	position: absolute;
	top:0;
	background-color: #ffffff;
	z-index: 100;
}
#header .headerWrap .headerInfo .inner{
	max-width: 1280px;
	margin: 0 auto;
	padding: 5px 5px 10px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	min-height: 60px;
}
@media screen and (max-width:480px) {
#header .headerWrap .headerInfo .inner{
	padding: 0 0 0 0;
	min-height: 60px;
}
}
#header .headerWrap .headerInfo .inner .info{
	margin: 0;
	padding: 0;
	width: 424px;
	text-align: right;
}

@media screen and (max-width:765px) {
#header .headerWrap .headerInfo .inner{
	padding: 0 0 0 0;
	min-height: 60px;
}
#header .headerWrap .headerInfo .inner .info{
	display: none;
}
}

#header .headerWrap .headerInfo .inner .info ul{
	width: 100%;
	margin: 0 0 10px;
	padding: 0;
}
#header .headerWrap .headerInfo .inner .info ul{
	width: 100%;
	margin: 0 0 10px 0;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}

#header .headerWrap .headerInfo .inner .info ul li{
	margin: 0;
	line-height: 1;
	text-align: center;
	font-size: 93.75%;
	display: inline-block;
}
#header .headerWrap .headerInfo .inner .info ul li:last-child{
	margin: 0;
}
#header .headerWrap .headerInfo .inner .info ul li.access a{
	padding: 0px 16px;
	color: #ffffff;
	background-color: #2666bb;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
}
#header .headerWrap .headerInfo .inner .info ul li.contact a{
	padding: 0px 16px;
	color: #ffffff;
	background-color: #464646;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
}
#header .headerWrap .headerInfo .inner .info ul li.insta{
	width: 40px;
	margin: 0 0 0 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
  background: #efefef;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
#header .headerWrap .headerInfo .inner .info ul li.insta a{
	width: 70%;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
#header .headerWrap .headerInfo .inner .info ul li.insta a img{
	width: 100%;
}
#header .headerWrap .headerInfo .inner .info ul li.insta a:hover{
	opacity: 0.8;
}
#header .headerWrap .headerInfo .inner .info ul li.access a:hover{
	background-color: #2666bb;
	opacity: 0.8;
}
#header .headerWrap .headerInfo .inner .info ul li.contact a:hover{
	background-color: #464646;
	opacity: 0.8;
}
#header .headerWrap .headerInfo .inner .info .fa.fa-map-marker{
	margin: 0 10px 0 0;
	font-size: 125.00%;
}
#header .headerWrap .headerInfo .inner .info .fa.fa-envelope{
	margin: 0 10px 0 0;
	font-size: 125.00%;
}
#header .headerWrap .headerInfo .inner .info .tel{
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: right;
	font-family: "Yu Mincho", "YuMincho", serif;
	line-height: 1;
	font-size: 137.50%;
}
#header .headerWrap .headerInfo .inner .info .tel span{
	font-size: 156.25%;
	letter-spacing: 1px;
}
#header .headerWrap .headerInfo .inner .info .tel span a{
	color: #333;
}

@media screen and (max-width:600px) {
#header .headerWrap .inner{
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	text-align: center;
}
#header .headerWrap .headerInfo .inner .headerInfo{
	display: none;
}
}
.corona_note_area{
	width: 100%;
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 118.75%;
}
.corona_note_area .inner_base{
	max-width: 1000px;
	width: 96%;
	margin: 0 auto;
	padding: 0;
}
.corona_ttl{
	width: 100%;
	display: block;
	text-align: center;
	margin: 0;
	padding:10px;
	background-color: #101e80;
	box-sizing: border-box;
	color: #ffffff;
	text-align: center;
	font-size: 131.25%;
	line-height: 1.4;
	font-weight: bold;
}

.corona_note{
	width: 100%;
	display: block;
	text-align: center;
	margin: 0;
	padding:20px 18px;
	border-bottom: 10px solid #101e80 ;
	border-left: 10px solid #101e80 ;
	border-right: 10px solid #101e80 ;
	box-sizing: border-box;
	text-align: left;
}
.lead{
	color: #c31616;
}
.corona_note > .sub_ttl{
	font-size: 125%;
	color: #101e80;
	font-weight: bold;
}
.corona_note > ul{
	margin: 0 0 20px 0;
	padding: 0 0 0 1em;
	box-sizing: border-box;
	font-size: 93.75%;

}

.corona_note > ul > li{
	list-style: disc;
	margin: 0 0 0 0;
}

.note{
	width: 96%;
	display: block;
	text-align: center;
	margin: 0 auto 10px;
	padding: 10px 0 0;
	font-size: large;
}
@media all and (min-width:481px) {
.note_area{
	display: none;
}
}
@media all and (max-width:480px) {
.note_area{
	width: 100%;
	padding: 0;
	margin: 0 0 10px 0;
}
.corona_note > .sub_ttl{
	font-size: 106.25%;
	color: #101e80;
	font-weight: bold;
}
.note_set{
	width: 100%;
	margin: 0 0 10px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	flex-wrap: wrap;
}
.note_set > li{
	width: 90%;
	padding: 0;
	margin: 0 auto 20px;
}
.note_set > li > a > img{
	width: 100%;
	padding: 0;
	margin: 0;
}
}
.ib{
	display: inline-block;
}


/* goto
   -------------------------------------------------------------------------- */
.info_area{
	width: 100%;
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 118.75%;
}
.info_lead_area .inner_base{
	max-width: 1000px;
	width: 96%;
	margin: 0 auto;
	padding: 0;
}
.info_lead_area .inner_base figure{
	margin: 0;
}
.info_lead_area .inner_base figure img{
	width: 100%;
	margin: 0;
}

.info_lead_area .inner_base .info_lead_set{
	width: 100%;
	margin: 0 0 50px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	flex-wrap: wrap;
}
.info_lead_area .inner_base .info_lead_set li{
	width: 48%;
	margin: 0;
	padding: 0;
}
.info_lead_area .inner_base .info_lead_set li img{
	width: 100%;
	margin: 0;
	padding: 0;
}
.info_lead_area .inner_base .info_lead_set li img:hover{
	opacity: 0.8;
	transition: ease 0.5s;
}


/* mainmenu　PC
   -------------------------------------------------------------------------- */
@media print, screen and (min-width:769px) {
#mainNav {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background-color: #ffffff;
}
#mainNav .inner {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 0 6px 0;
}
/* dropdownmenu
   -------------------------------------------------------------------------- */
#mainNav .inner #navi {
	background-color: #ffffff;
	z-index: 600;
	position: relative;
	padding: 0 0;
}
#mainNav .inner #navi ul {
	list-style: none;
}
#mainNav .inner #navi ul#menu {
	max-width: 1280px;
	margin: 0 auto;
	background-color: #ffffff;
} 
#mainNav .inner #navi ul#menu li.parent {
	box-sizing: border-box;
	position: relative;
	width: 16.6%;
	float: left;
	text-align: center;
	border-left:1px solid #2666bb;
	z-index: 100;
	font-family: "Yu Mincho", "YuMincho", serif;
	font-weight: bold;
	line-height: 1;
}
#mainNav .inner #navi ul#menu li.parent span{
	padding: 5px 0 0;
	font-size: 68.75%;
	display: block;
	color: #777777;
	letter-spacing: 1px;
}
#mainNav .inner #navi ul#menu li.parent:last-child {
	border-right:1px solid #2666bb;
}
#mainNav .inner #navi ul#menu li a {
	display: block;
	margin: 0;
	padding: 8px 0 8px 0;
	color: #333333;
	font-weight: normal;
	line-height: 1;
	font-size: 118.75%;
}
#mainNav .inner #navi ul#menu li ul {
	padding: 0 0 0 0;
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
}
#mainNav .inner #navi ul#menu li ul li{
	height: 45px;
	width: 212px;
	border-bottom: 0px solid #990000;
	color: #fff;
	font-size: 100%;
}
#mainNav .inner #navi ul#menu li ul li:first-child{
 	border-top: 0;
	border-bottom: 1px solid #999999;
}
#mainNav .inner #navi ul#menu li ul li:last-child{
  	border-bottom: 0;
}
#mainNav .inner #navi ul#menu li ul li:last-child a{
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
}
#mainNav .inner #navi ul#menu li ul li a{
	padding: 16px 15px 16px 20px;
	text-align: left;
	font-size: 93.75%;
	font-weight: normal;
	color: #333333;
	background: url(images/com/com_arrow_01.gif) no-repeat 3% 50% rgba(255,255,255,0.9);
	display: block;
}
/* dropdownmenu：rollover
   -------------------------------------------------------------------------- */
#mainNav .inner #navi ul#menu li.parent:hover {
	background-color: #e5ebf5;
}
#mainNav .inner #navi ul#menu li ul li a:hover{
	background-color: rgba(47, 89, 197, 0.9);
	color: #ffffff;
}
/* dropdownmenu：current
   -------------------------------------------------------------------------- */
#mainNav .inner #navi ul#menu li.parent.current {
	background-color: #e5ebf5;
}
#mainNav .inner #navi ul#menu li ul li.current a{
	background-color: rgba(47, 89, 197, 0.9);
	color: #ffffff;
}
#globalToggleNav {
	display: none;
}
}
/* mainmenu sp
   -------------------------------------------------------------------------- */
@media screen and (max-width:768px) {
#mainNav {
	display: none;
}
#mainNavFix {
	display: none;
}
}
.drawer-nav ul.drawer-menu li{
	width: 100%;
	margin: 0;
	border-bottom: 1px solid #ffffff;
}
.drawer-nav ul.drawer-menu li .caret{
	float: right;
	margin-top: -6px;
}
.drawer-nav ul.drawer-menu li a{
	padding: 18px 10px 13px 21px;
	color: #003ca0;
	display: block;
	background-color: #e5ebf5;
	line-height: 1;
}
.drawer-nav ul.drawer-menu li a:hover {
	color: #003ca0;
	background-color: #f2f5fa;
	text-decoration: none;
}
.drawer-nav ul li a.drawer-dropdown-menu-item{
  width: 100%;
  margin: 0;
  padding: 0 0 0 30px;
  font-size: 100%;
  background: url(images/com/com_arrow_01.gif) no-repeat;
  background-position: 12px 15px;
  line-height: 2.8;
  box-sizing: border-box;
}
.drawer-nav ul li a.drawer-dropdown-menu-item:hover{
  background-position: 15px 15px;
	text-decoration: none;
}
.drawer-nav .drawer-toggle #close {
  width: 100%;
  margin: 20px auto;
  padding: 20px;
  text-align: center;
  background-color: #edebe3;
	color: #333333;
	box-sizing: border-box;
}
.drawer-nav .drawer-toggle #close a {
	color: #333333;
}
.drawer-nav .drawer-toggle #close:hover {
	color: #3363b3;
}
.drawer-nav ul li ul.list02 {
	width: 100%;
	margin: 0 auto 0;
	padding: 0;
}
.drawer-nav ul li ul.list02 li {
	width: 50%;
	margin: 0;
	font-size: 75.00%;
  box-sizing: border-box;
  text-align: center;
  float: left;
  border-right: 1px solid #ffffff;
}
.drawer-nav ul li ul.list02 li:last-child {
  border-right: 0px solid #ffffff;
}
.drawer-nav ul li ul.list02 li a {
	padding: 10px 0 6px;
	display: block;
	color: #ffffff;
	background-color: #3363b3;
  line-height: 1.6;
}
.drawer-nav ul li ul.list02 li a:hover {
	background-color: #668ac6;
	color: #ffffff;
}
/* ==========================================================================
   main graphic
   ========================================================================== */
#mainGra {
	margin: 0;
	padding: 0;
}
#mainGra .inner{
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
}
#mainGra .inner .subGra {
    max-width: 100%;
    height: auto;
    margin: 0 auto 60px;
    padding: 150px 0 0;
}
#mainGra .inner .subGra img {
    max-width: 100%;
}
@media screen and (max-width:768px) {
#mainGra .inner .subGra {
    max-width: 100%;
    height: auto;
    margin: 0 auto 0;
    padding: 11vw 0 0;
}
}
@media screen and (max-width:480px) {
#mainGra .inner .subGra {
    max-width: 100%;
    height: auto;
    margin: 0 auto 0;
}
}
@media screen and (min-width: 766px) {
/*topReserve top*/
#mainGra .inner .topReserve_bg{
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	padding: 20px 0;
	z-index: 300;
	background-color: rgba(38, 102, 187, 0.4);
}
.topReserve_wrap{
	max-width: 1000px;
	margin: 0 auto;
	padding: 18px 18px 16px;
	box-sizing: border-box;
	background-color: #464646;
	color: #ffffff;
}
.topReserve_wrap .ttl{
	width: 170px;
	margin: 0 50px 0 0;
	padding: 16px 10px 12px;
	border-top: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	font-size: 156.25%;
	text-align: center;
	line-height: 1.3;
	letter-spacing: 1px;
	float: left;
	box-sizing: border-box;
}
.topReserve_wrap .formArea{
	width: 460px;
	margin: 0;
	padding: 0;
	float: left;
	box-sizing: border-box;
}
.topReserve_wrap .formArea select{
	font-size: 100%;
}
.topReserve_wrap .formArea .formGroup{
	margin: 0 0 10px;
	padding: 0;
}
.topReserve_wrap .formArea .formGroup .label{
	display: inline-block;
	width: 50px;
}
.topReserve_wrap .formArea .formGroup .labelAfter{
	display: inline-block;
	margin: 0 0 0 1em;
}
.topReserve_wrap .searchArea{
	width: 250px;
	margin: 0;
	padding: 0;
	float: right;
	text-align: center;
	line-height: 1.2;
	box-sizing: border-box;
	font-size: 112.50%;
}
.topReserve_wrap .searchArea span{
	width: 100%;
	margin: 0 0 10px;
	padding: 10px 0 0;
	display: block;
	color: #fffcbd;
	font-size: 93.75%;
}
.topReserve_wrap .searchArea span a{
	color: #fffcbd;
}
.topReserve_wrap .searchArea span a:hover{
	color: #fffcbd;
	text-decoration: underline;
}

.topReserve_wrap .searchArea #vacancysubmit {
  height: 35px;
  width: 100%;
  cursor: pointer;
  border: none;
	font-size: 118.75%;
	border-radius: 3px;
	letter-spacing: 10px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(222,222,222) 100%);
	background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(222,222,222) 100%);
	background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(222,222,222) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 );
}
.topReserve_wrap .searchArea #vacancysubmit:hover {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(222,222,222,0.8) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(222,222,222,0.8) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(222,222,222,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 );
}
}
@media screen and (max-width: 1000px) {
.topReserve_wrap{
	max-width: 1000px;
	margin: 0 auto;
	padding: 10px;
	box-sizing: border-box;
	background-color: #464646;
	color: #ffffff;
}
.topReserve_wrap .ttl{
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0 0 10px;
	border-top: 0px solid #ffffff;
	border-right: 0px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	border-left: 0px solid #ffffff;
	font-size: 137.50%;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 1px;
	float: none;
	box-sizing: border-box;
}
.topReserve_wrap .ttl .return{
	display: none;
}
.topReserve_wrap .formArea{
	width: 460px;
	margin: 0;
	padding: 0;
	float: left;
}
.topReserve_wrap .searchArea{
	width: 240px;
	margin: 0;
	padding: 0;
	float: right;
	text-align: center;
	font-size: 112.50%;
	line-height: 1;
}
}
@media screen and (max-width: 765px) {
#mainGra .inner .topReserve_bg{
	display: none;
}
}
/*topReserve top end*/
/*reserveArea*/
@media screen and (max-width: 765px) {
#reserveArea{
	width: 100%;
	margin: 0 0 30px;
	padding: 0;
}
#reserveArea .topReserve_bg{
	width: 100%;
	margin: auto;
	padding: 0;
	z-index: 300;
	background-color: rgba(38, 102, 187, 0.4);
}
#reserveArea .topReserve_bg .topReserve_wrap{
	max-width: 1000px;
	margin: 0 auto;
	padding: 10px;
	box-sizing: border-box;
	background-color: #464646;
	color: #ffffff;
}
#reserveArea .topReserve_bg .topReserve_wrap .ttl {
  width: 100%;
  margin: 0 0 10px 0;
  padding: 0 0 10px;
  border-top: 0px solid #ffffff;
  border-right: 0px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-left: 0px solid #ffffff;
  font-size: 125.00%;
  text-align: center;
  line-height: 1.4;
  letter-spacing: 1px;
  float: none;
  box-sizing: border-box;
}
#reserveArea .topReserve_bg .topReserve_wrap .formArea{
	width: 100%;
	margin: 0 auto 20px;
	padding: 0;
	float: none;
	box-sizing: border-box;
}
#reserveArea .topReserve_bg .topReserve_wrap .formArea select{
	font-size: 100%;
}
#reserveArea .topReserve_bg .topReserve_wrap .formArea .formGroup{
	margin: 0 0 10px;
	padding: 0;
}
#reserveArea .topReserve_bg .topReserve_wrap .formArea .formGroup .label{
	display: inline-block;
	width: 50px;
}
#reserveArea .topReserve_bg .topReserve_wrap .formArea .formGroup .labelAfter{
	display: inline-block;
	margin: 0 0 0 1em;
}
@media screen and (max-width: 480px) {
#reserveArea .topReserve_bg .topReserve_wrap .formArea .formGroup .labelAfter{
	display: inline-block;
	margin: 0;
}
}
#reserveArea .topReserve_bg .topReserve_wrap .searchArea{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	float: none;
	text-align: center;
	font-size: 112.50%;
	line-height: 1.2;
	box-sizing: border-box;
}
#reserveArea .topReserve_bg .topReserve_wrap .searchArea span{
	width: 100%;
	margin: 0 0 10px;
	padding: 10px 0 0;
	display: block;
	color: #fffcbd;
	font-size: 93.75%;
}
.topReserve_wrap .searchArea span a{
	color: #fffcbd;
}
.topReserve_wrap .searchArea span a:hover{
	color: #fffcbd;
	text-decoration: underline;
}
#reserveArea .topReserve_bg .topReserve_wrap .searchArea #vacancysubmit {
  height: 35px;
  width: 100%;
  cursor: pointer;
  border: none;
	font-size: 100%;
	border-radius: 3px;
	letter-spacing: 10px;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(222,222,222) 100%);
	background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(222,222,222) 100%);
	background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(222,222,222) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 );}
#reserveArea .topReserve_bg .topReserve_wrap .searchArea #vacancysubmit:hover {
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(222,222,222,0.8) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(222,222,222,0.8) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(222,222,222,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dedede',GradientType=0 );
}
}
@media screen and (min-width: 766px) {
#reserveArea{
	display: none;
}
}
/*reserveArea end*/






/* ==========================================================================
   pankuzu
   ========================================================================== */
.breadcrumbs{
	max-width: 960px;
	margin: 0 auto;
	padding: 5px 0 0;
	text-align: left;
}
/* ==========================================================================
   main contents
   ========================================================================== */
#wrapper {
	max-width: 100%;
	margin: 30px auto 30px;
	padding: 0;
	box-sizing: border-box;
	z-index: 400;
	position: relative;
}
#wrapper .inner {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
@media screen and (max-width: 960px) {
#wrapper {
	max-width: 96%;
	margin: 20px auto 20px;
	padding: 0;
	border-radius: 10px;
	box-sizing: border-box;
	z-index: 400;
	position: relative;
}
}
@media screen and (max-width: 480px) {
#wrapper {
	max-width: 96%;
	margin: 20px auto 20px;
	padding: 0;
	background-color: #ffffff;
	box-sizing: border-box;
	z-index: 400;
	position: relative;
}
}
#wrapper .inner #main{
	width: 68.2%;
	margin: 0;
	padding: 0;
	float: left;
}
@media screen and (max-width: 768px) {
#wrapper .inner #main{
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
	float: none;
}
}
/* main wide
   -------------------------------------------------------------------------- */
#wrapper .inner #mainWide{
	float: none;
	width: 100%;
	padding: 0;
	margin: 0;
	float: none;
}
/* ==========================================================================
   sidebar
   ========================================================================== */
#wrapper .inner #sidebar{
	width: 27.3%;
	margin: 0;
	padding: 0%;
	float: right;
}
#wrapper .inner #sidebar .inner{
	width: 100%;
	margin: 0 0 30px;
	padding: 8.3% 8.3% 0.1%;
	background-color: #f2f5fa;
	box-sizing: border-box;
}
#wrapper .inner #sidebar .inner .ttl{
	width: 100%;
	margin: 0 0 10px;
	padding: 5px 0 0;
	text-align: center;
	font-size: 137.50%;
}
#wrapper .inner #sidebar .inner .ttl p{
	padding: 5px 0 0;
}
#wrapper .inner #sidebar .inner .subjectArea{
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
}
#wrapper .inner #sidebar .inner .subjectArea ul li{
	margin: 0 0 10px;
	font-size: 100%;
}
#wrapper .inner #sidebar .inner .subjectArea ul li ul li{
	font-size: 93.75%;
	width: 47.5%;
	margin: 0 2.5% 2.5% 0;
	padding: 2% 0 1%;
	text-align: center;
	background-color: #ffffff;
	float: left;
}
#wrapper .inner #sidebar .inner .subjectArea ul li ul li:nth-child(2n){
	font-size: 93.75%;
	width: 47.5%;
	margin: 0 0 2.5% 0;
	padding: 2% 0 1%;
	text-align: center;
	background-color: #ffffff;
	float: left;
}
#wrapper .inner #sidebar .inner .clinicalArea{
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
}
#wrapper .inner #sidebar .inner .link{
	color: #003ca0;
	font-weight: bold;
	font-size: 106.25%;
}
#wrapper .inner #sidebar .inner .link a{
	color: #003ca0;
	font-weight: bold;
	font-size: 106.25%;
}
#wrapper .inner #sidebar .inner .link a:hover{
	text-decoration: underline;
}
#wrapper .inner #sidebar .inner .addressArea{
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
}
/*postpage*/
#wrapper .inner #sidebar .inner .widget {
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
	line-height: 1.3;
	color: #333333;
	font-weight: 400;
	font-family: 'Roboto', sans-serif;
}
#wrapper .inner #sidebar .inner .widget a {
	display: block;
	padding: 5px 0 5px 18px;
	text-decoration: none;
	background: url(images/com/com_arrow_01.gif) no-repeat 0 50%;
}
#wrapper .inner #sidebar .inner .widget a:hover {
	text-decoration: none;
	background-position: 3px 50%;
}
 
/*postpage end*/
#wrapper .inner #sidebar .telArea{
	width: 100%;
	margin: 0 0 10px;
	padding: 5%;
	background-color: #003ca0;
	box-sizing: border-box;
	color: #ffffff;
}
#wrapper .inner #sidebar .telArea .tel{
	font-size: 193.75%;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
	display: block;
	line-height: 1;
	text-align: center;
}
#wrapper .inner #sidebar .telArea .tel a{
	color: #ffffff;
}
#wrapper .inner #sidebar .telArea .time{
	font-size: 87.50%;
	display: block;
	text-align: right;
}
#wrapper .inner #sidebar .mailArea{
	width: 100%;
	margin: 0 0 0;
	padding: 5%;
	background-color: #003ca0;
	box-sizing: border-box;
	color: #ffffff;
}
#wrapper .inner #sidebar .mailArea span{
	margin: 0;
	padding: 2%;
	background-color: #ffffff;
	color: #003ca0;
	text-align: center;
	display: block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#wrapper .inner #sidebar .mailArea a:hover{
	opacity: 0.9;
}
@media screen and (max-width: 768px) {
#wrapper .inner #sidebar{
	width: 100%;
	margin: 0;
	padding: 0%;
	float: none;
}
#wrapper .inner #sidebar .inner{
	width: 100%;
	margin: 0 0 20px;
	padding: 3% 3% 0.1%;
	background-color: #f2f5fa;
	box-sizing: border-box;
}
#wrapper .inner #sidebar .inner .ttl{
	width: 100%;
	margin: 0 0 10px;
	padding: 0;
	text-align: center;
	font-size: 137.50%;
}
#wrapper .inner #sidebar .inner .ttl p{
	padding: 5px 0 0;
}
#wrapper .inner #sidebar .inner .subjectArea{
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
}
#wrapper .inner #sidebar .inner .subjectArea ul li{
	margin: 0 0 10px;
	font-size: 100%;
}
#wrapper .inner #sidebar .inner .subjectArea ul li ul li{
	font-size: 93.75%;
	width: 19%;
	margin: 0 1.1% 0 0;
	padding: 0.5% 0 0.5%;
	text-align: center;
	background-color: #ffffff;
	float: left;
}
#wrapper .inner #sidebar .inner .subjectArea ul li ul li:nth-child(2n){
	font-size: 93.75%;
	width: 19%;
	margin: 0 1.1% 0 0;
	padding: 0.5% 0 0.5%;
	text-align: center;
	background-color: #ffffff;
	float: left;
}
#wrapper .inner #sidebar .inner .subjectArea ul li ul li:last-child{
	font-size: 93.75%;
	width: 19%;
	margin: 0 0 0 0;
	padding: 0.5% 0 0.5%;
	text-align: center;
	background-color: #ffffff;
	float: left;
}
#wrapper .inner #sidebar .inner .clinicalArea{
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
}
#wrapper .inner #sidebar .inner .link{
	color: #003ca0;
	font-weight: bold;
	font-size: 106.25%;
}
#wrapper .inner #sidebar .inner .link a{
	color: #003ca0;
	font-weight: bold;
	font-size: 106.25%;
}
#wrapper .inner #sidebar .inner .link a:hover{
	text-decoration: underline;
}
#wrapper .inner #sidebar .inner .addressArea{
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
}
#wrapper .inner #sidebar .telArea{
	width: 100%;
	margin: 0 0 10px;
	padding: 2%;
	background-color: #003ca0;
	box-sizing: border-box;
	color: #ffffff;
}
#wrapper .inner #sidebar .telArea .tel{
	font-size: 193.75%;
	font-weight: 500;
	font-family: 'Roboto', sans-serif;
	display: block;
	line-height: 1;
	text-align: center;
}
#wrapper .inner #sidebar .telArea .time{
	font-size: 87.50%;
	display: block;
	text-align: right;
}
#wrapper .inner #sidebar .mailArea{
	width: 100%;
	margin: 0 0 0;
	padding: 2%;
	background-color: #003ca0;
	box-sizing: border-box;
	color: #ffffff;
}
#wrapper .inner #sidebar .mailArea span{
	margin: 0;
	padding: 2% 2% 1.5%;
	background-color: #ffffff;
	color: #003ca0;
	text-align: center;
	display: block;
}
#wrapper .inner #sidebar .mailArea a:hover{
	opacity: 0.9;
}
}
@media screen and (max-width: 480px) {
#wrapper .inner #sidebar .telArea{
	width: 100%;
	margin: 0 0 10px;
	padding: 4%;
	background-color: #003ca0;
	box-sizing: border-box;
	color: #ffffff;
}
#wrapper .inner #sidebar .mailArea{
	width: 100%;
	margin: 0 0 0;
	padding: 4%;
	background-color: #003ca0;
	box-sizing: border-box;
	color: #ffffff;
}
#wrapper .inner #sidebar .inner .subjectArea ul li{
	margin: 0 0 10px;
	font-size: 100%;
}
#wrapper .inner #sidebar .inner .subjectArea ul li ul li{
	font-size: 93.75%;
	width: 47.5%;
	margin: 0 2.5% 2.5% 0;
	padding: 1% 0 0.5%;
	text-align: center;
	background-color: #ffffff;
	float: left;
}
#wrapper .inner #sidebar .inner .subjectArea ul li ul li:nth-child(2n){
	width: 47.5%;
	margin: 0 0 2.5% 0;
	padding: 1% 0 0.5%;
	text-align: center;
	background-color: #ffffff;
	float: left;
}
#wrapper .inner #sidebar .inner .subjectArea ul li ul li:last-child{
	width: 47.5%;
	margin: 0 0 2.5% 0;
	padding: 1% 0 0.5%;
	text-align: center;
	background-color: #ffffff;
	float: left;
}
}
/* ==========================================================================
   contactArea
   ========================================================================== */
#contactArea{
	position:fixed;
	width:100%;
	z-index:1000;
	background-color: #2666bb;
}
#contactArea .inner{
	max-width:460px;
	margin:0 auto;
	padding: 10px;
	box-sizing: border-box;
}
#contactArea img{
	max-width: 100%;
	height: auto;
}
#contactArea .inner .colArea{
	width: 100%;
	margin: 0 0 0 0;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	flex-wrap: wrap;
}
#contactArea .inner .colArea .col__tel{
	width: calc(100% - 160px);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
}
#contactArea .inner .colArea .col__tel a{
	display: block;
	width: 100%;
  color: #fff;
  font-size: clamp(22px, 2.4vw, 28px);
  line-height: 1;
	font-family: "Yu Mincho", "YuMincho", serif;
}
#contactArea .inner .colArea .col{
	width: 40px;
	margin: 0 0 0 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
  background: #ffffff;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
#contactArea .inner .colArea .col a{
	width: 70%;
	margin: auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* ==========================================================================
   footer
   ========================================================================== */
#page-top {
  position: fixed;
  right: 30px;
  bottom: 30px;
/*   margin-bottom: -50px; */
  z-index: 500;
}
@media screen and (max-width: 768px) {
#page-top {
  position: fixed;
  right: 2%;
  bottom: 2%;
  margin-bottom: 50px;
  z-index: 500;
}
}
#footer {
	width: 100%;
	clear: both;
}
#footer .inner {
	width: 100%;
	margin: 0 auto 0;
	padding: 0;
}
#footer .inner .infoArea{
	margin: 0;
	padding: 0;
}
#footer .inner .infoArea .inner{
	max-width: 980px;
	margin: 0 auto;
	padding: 0;
}
#footer .inner .infoArea .inner .appearance{
	width: 41%;
	margin: 0;
	padding: 0;
	float: left;
	box-sizing: border-box;
}
#footer .inner .infoArea .inner .appearance img{
	max-width: 100%;
}
#footer .inner .infoArea .inner .details{
	width: 450px;
	margin: 0;
	padding: 40px 0 0;
	float: right;
	box-sizing: border-box;
}
@media screen and (max-width: 768px) {
#footer .inner .infoArea .inner .details{
	padding: 10px 0 0;
}
}
#footer .inner .infoArea .inner .details .logo{
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
}
#footer .inner .infoArea .inner .details .add{
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: "Yu Mincho", "YuMincho", serif;
	line-height: 1.4;
	font-size: 118.75%;
}
#footer .inner .infoArea .inner .details .add span{
	font-size: 175.00%;
	letter-spacing: 1px;
}
#footer .inner .infoArea .inner .details img{
	max-width: 100%;
	width: 240px;
}
@media screen and (max-width: 765px) {
#footer .inner .infoArea .inner .appearance{
	width: 100%;
	margin: 0;
	padding: 0;
	float: none;
	box-sizing: border-box;
	text-align: center;
}
#footer .inner .infoArea .inner .appearance img{
	max-width: 90%;
}
#footer .inner .infoArea .inner .details{
	width: 90%;
	margin: 0 auto;
	padding: 10px 0 0;
	float: none;
	box-sizing: border-box;
}
#footer .inner .infoArea .inner .details .logo{
	width: 100%;
	margin: 0 0 10px;
	padding: 0;
	text-align: center;
}
#footer .inner .infoArea .inner .details .add{
	width: 100%;
	margin: 0 0 10px;
	padding: 0;
	font-family: "Yu Mincho", "YuMincho", serif;
	line-height: 1.4;
	font-size: 100%;
	text-align: center;
}
}
#footer .inner .nav{
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #2666bb;
	color: #ffffff;
}
#footer .inner .nav .inner{
	max-width: 980px;
	margin: 0 auto;
	padding: 10px 0 8px;
}
#footer .inner .nav .inner ul{
	margin: 0;
	padding: 0;
	text-align: center;
}
#footer .inner .nav .inner ul li{
	margin: 0 16px;
	padding: 0;
	font-size: 100%;
	display: inline-block;
	box-sizing: border-box;
}
#footer .inner .nav .inner ul li a{
	color: #ffffff;
}
#footer .inner .nav .inner ul li a:hover{
	color: #ffffff;
	text-decoration: underline;
}
@media screen and (max-width: 768px) {
#footer .inner .nav .inner ul li{
	margin: 0 6px;
	font-size: 93.75%;
}
}
#copyright{
	width: 100%;
	margin: 0;
	padding: 16px 0 14px;
	text-align: center;
	font-size: 87.50% ;
	color: #2666bb;
	background-color: #ffffff;
}
@media screen and (max-width: 480px) {
#copyright{
	padding: 16px 0 80px;
}
}
#map_canvas{
	width: 100%;
	height: 400px;
}
.caution{
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 18px 10px 18px;
	box-sizing: border-box;
	background-color: #464646;
	color: #ffffff;
}