@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap');
/*
* Noto Sans JP (japanese) https://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'hannari';
  src: url(./font/hannari.eot) format('embedded-opentype');
  src: url(./font/hannari.otf) format('opentype'); 
  src: local('hannari Regular'), local('hannari');
}
body {
	color:#333;
	font-family:Arial, sans-serif,font-family: 'Noto Sans JP', serif, sans-serif;
	text-align:center;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	text-decoration: none;
	list-style-type:none;
}

/*　drawer　*/
.drawer.drawer--top #container {
	margin-bottom: 50px;
}
.drawer--top .drawer-hamburger,.drawer--top.drawer-open .drawer-hamburger{
	right:0
}
.drawer-open{overflow:hidden!important}
.drawer-nav{position:fixed;
	z-index:2;
	top:0;
	overflow:hidden;
	width:16.25rem;
	height:100%;
	color:#222;
	background-color:#fff}
.drawer-brand{font-size:1.5rem;
	font-weight:700;
	line-height:3.75rem;
	display:block;
	padding-right:.75rem;
	padding-left:.75rem;
	text-decoration:none;
	color:#222}
.drawer-menu{margin:0;
	padding:0;
	list-style:none}
.drawer-menu-item{
	font-size:10px;
	font-family: 'Noto Sans JP', serif;
	display:block;





	padding:.75rem;
	text-decoration:none;
	color:#222
}
.drawer-menu-item:hover{text-decoration:underline;
	color:#555;
	background-color:transparent}
.drawer-overlay{position:fixed;
	z-index:1;
	top:0;
	left:0;
	display:none;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.2)
}
.drawer-open .drawer-overlay{display:block}
.drawer--top .drawer-nav{top:-100%;
left:0;
width:100%;
height:auto;
max-height:100%;
-webkit-transition:top .6s cubic-bezier(.19,1,.22,1);
transition:top .6s cubic-bezier(.19,1,.22,1)}
.drawer--top.drawer-open .drawer-nav{top:0}
.drawer--left .drawer-nav{left:-16.25rem;
-webkit-transition:left .6s cubic-bezier(.19,1,.22,1);
transition:left .6s cubic-bezier(.19,1,.22,1)}
.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-nav,.drawer--left.drawer-open .drawer-navbar .drawer-hamburger{left:0}
.drawer--left.drawer-open .drawer-hamburger{left:16.25rem}
.drawer--right .drawer-nav{right:-16.25rem;
-webkit-transition:right .6s cubic-bezier(.19,1,.22,1);
transition:right .6s cubic-bezier(.19,1,.22,1)}
.drawer--right .drawer-hamburger,.drawer--right.drawer-open .drawer-nav,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger{right:0}
.drawer--right.drawer-open .drawer-hamburger{right:16.25rem}
.drawer-hamburger{
	position:fixed;
	z-index:4;
	top:5px;
	display:block;
	box-sizing:content-box;
	width:2.5rem;




	padding:18px .75rem 30px;
-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);
transition:all .6s cubic-bezier(.19,1,.22,1);
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	border:0;
	outline:0;
	background-color:transparent;
}
.drawer-hamburger:hover{cursor:pointer;
background-color:transparent}
.drawer-hamburger-icon{position:relative;
display:block;
margin-top:10px}
.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{
	width:100%;
	height:2px;
-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);
transition:all .6s cubic-bezier(.19,1,.22,1);
		background-color:#222
}
.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{position:absolute;
top:-10px;
left:0;
content:" "}
.drawer-hamburger-icon:after{top:10px}
.drawer-open .drawer-hamburger-icon{background-color:transparent}
.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{top:0}
.drawer-open .drawer-hamburger-icon:before{-webkit-transform:rotate(45deg);
transform:rotate(45deg)}
.drawer-open .drawer-hamburger-icon:after{-webkit-transform:rotate(-45deg);
transform:rotate(-45deg)}
.sr-only{position:absolute;
overflow:hidden;
clip:rect(0,0,0,0);
width:1px;
height:1px;
margin:-1px;
padding:0;
border:0}
.sr-only-focusable:active,.sr-only-focusable:focus{position:static;
overflow:visible;
clip:auto;
width:auto;
height:auto;
margin:0}
.drawer--sidebar,.drawer--sidebar .drawer-contents{background-color:#fff}@media screen and (min-width:64em){.drawer--sidebar .drawer-hamburger{display:none;
visibility:hidden}
.drawer--sidebar .drawer-nav{display:block;
-webkit-transform:none;
transform:none;
position:fixed;
width:12.5rem;
height:100%}
.drawer--sidebar.drawer--left .drawer-nav{left:0;
border-right:1px solid #ddd}
.drawer--sidebar.drawer--left .drawer-contents{margin-left:12.5rem}
.drawer--sidebar.drawer--right .drawer-nav{right:0;
border-left:1px solid #ddd}
.drawer--sidebar.drawer--right .drawer-contents{margin-right:12.5rem}
.drawer--sidebar .drawer-container{max-width:48rem}}@media screen and (min-width:75em){.drawer--sidebar .drawer-nav{width:16.25rem}
.drawer--sidebar.drawer--left .drawer-contents{margin-left:16.25rem}
.drawer--sidebar.drawer--right .drawer-contents{margin-right:16.25rem}
.drawer--sidebar .drawer-container{max-width:60rem}}
.drawer--navbarTopGutter{padding-top:3.75rem}
.drawer-navbar .drawer-navbar-header{border-bottom:1px solid #ddd;
background-color:#fff}
.drawer-navbar{z-index:3;
top:0;
width:100%}
.drawer-navbar--fixed{position:fixed}
.drawer-navbar-header{position:relative;
z-index:3;
box-sizing:border-box;
width:100%;
height:3.75rem;
padding:0 .75rem;
text-align:center}
.drawer-navbar .drawer-brand{line-height:3.75rem;
display:inline-block;
padding-top:0;
padding-bottom:0;
text-decoration:none}
.drawer-navbar .drawer-brand:hover{background-color:transparent}
.drawer-navbar .drawer-nav{padding-top:3.75rem}
.drawer-navbar .drawer-menu{padding-bottom:7.5rem}@media screen and (min-width:64em){.drawer-navbar{height:3.75rem;
border-bottom:1px solid #ddd;
background-color:#fff}
.drawer-navbar .drawer-navbar-header{position:relative;
display:block;
float:left;
width:auto;
padding:0;
border:0}
.drawer-navbar .drawer-menu--right{float:right}
.drawer-navbar .drawer-menu li{float:left}
.drawer-navbar .drawer-menu-item{line-height:3.75rem;
padding-top:0;
padding-bottom:0}
.drawer-navbar .drawer-hamburger{display:none}
.drawer-navbar .drawer-nav{position:relative;
left:0;
overflow:visible;
width:auto;
height:3.75rem;
padding-top:0;
-webkit-transform:translateZ(0);
transform:translateZ(0)}
.drawer-navbar .drawer-menu{padding:0}
.drawer-navbar .drawer-dropdown-menu{position:absolute;
width:16.25rem;
border:1px solid #ddd}
.drawer-navbar .drawer-dropdown-menu-item{padding-left:.75rem}}
.drawer-dropdown-menu{display:none;
box-sizing:border-box;
width:100%;
margin:0;
padding:0;
background-color:#fff}
.drawer-dropdown-menu>li{width:100%;
list-style:none}
.drawer-dropdown-menu-item{line-height:3.75rem;
display:block;
padding:0;
padding-right:.75rem;
padding-left:1.5rem;
text-decoration:none;
color:#222}
.drawer-dropdown-menu-item:hover{text-decoration:underline;
color:#555;
background-color:transparent}
.drawer-dropdown.open>.drawer-dropdown-menu{display:block}
.drawer-dropdown .drawer-caret{display:inline-block;
width:0;
height:0;
margin-left:4px;
-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;
transition:opacity .2s ease,-webkit-transform .2s ease;
transition:transform .2s ease,opacity .2s ease;
transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;
-webkit-transform:rotate(0deg);
transform:rotate(0deg);
vertical-align:middle;
border-top:4px solid;
border-right:4px solid transparent;
border-left:4px solid transparent}
.drawer-dropdown.open .drawer-caret{-webkit-transform:rotate(180deg);
transform:rotate(180deg)}
.drawer-container{margin-right:auto;
margin-left:auto}
@media screen and (min-width:64em){.drawer-container{max-width:60rem}}@media screen and (min-width:75em){.drawer-container{max-width:70rem}}

/* end */
.sec {
	margin: auto;
	width: 90%;
	padding-top: 50px;
}
footer{
	bottom: 0px;                /* 位置(下0px) */
	left: 0px;                  /* 位置(左0px) */
	width: 100%;              /* 縦幅140px */
	background-color: #cccccc;
	padding-top: 30px;
	z-index: 29;
	background-repeat: repeat-x;
}
.foot_rogo {
	padding-bottom: 20px;
}
#copy {
	font-size: 10px;
	color: #333;
	font-family: 'Noto Sans JP', serif;
	padding-bottom: 10px;
}
header {
	position:fixed;
	width:100%;
	height:060px;
	top:0;
	left:0;
	background:rgba(255,255,255,0.5);
	border-bottom:1px solid #000;
	z-index:100;
}
.endtable {
	width: 90%;
	margin: auto;
}
nav {
	display:block;
	width:100%;
	margin:0 auto;
}
nav li a {
	display:block;
	width:100%;
	color:#333;
	padding:15px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	border-bottom:1px solid #999;
}
a { text-decoration:none;}
#page-top {
	position: fixed;
	bottom: 0px;
	right: 10px;
	z-index: 5;
}
#page-top a {
	background-image:  url(../images/gotop.jpg);
	text-decoration: none;
	width: 60px;
	padding: 30px 0;
	text-align: center;
	display: block;
}
img {border:0;}
.arrow {
	margin:10px 0 10px 0;
}
.sec .nyuukan_box {
	width: auto;
	border: 4px solid #f08336;
}
.nyuukan_box2 {
	font-size:20px;
	color: #f08336;
	font-weight: bold;
}
#clear {
	font-size: 3vw;
	font-weight: initial;
	color: #333;
	font-weight: -moz-initial;
}
.kika_box {
	width: auto;
	border: 4px solid #f08336;
	margin-top: 40px;
}
.kika_box_l {
	color: #f08336;
	width: 30%;
	border: 3px solid #f08336;
	text-align: center;
	padding: 12px;
	font-weight: bold;
	font-size: 12px;
}
.kika_box_r {
	text-align: left;
	padding:0 0 3px 20px;
	font-size: 12px;
}
.kikatable01 {
	width: 100%;
	text-align: left;
	style="text-justify:inter-cluster;"
}
.kikatable01 tr th {
	color: #fdd000;
	vertical-align: top;
	padding-right: 5px;
}.visatable {
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	vertical-align: top;
}
.drawer.drawer--top .sec div .font14 .visatable tr th {
	vertical-align: top;
}
.sec .nyuukan_box {
	width: auto;
	border: 4px solid #f08336;
}
.nyuukan_box2 {
	font-size:3.2vw;
	color: #f08336;
	font-weight: bold;
	padding:2px 0 5px 0;
}
@media screen and (max-width: 480px) {
	.flexfee{width: 100%;}
	.foot_menu{display: none;}
	.sptel{margin-top: 12px;}
	.sec02don{width: 84%; font-size: 84%;}
	.leftboder_d {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 2px;
		text-indent: -1em;
		padding-left: 1em;
	}
	.sec2 h2 {width: 86%;margin-left: auto;margin-right: auto;}
	.global-nav__list{
		font-size: 1.1em;
		letter-spacing: 0.05em;
	}
	.global-nav__list li{border-bottom: solid 1px #000; text-align: center; padding-bottom: 15px; margin-top: 15px;}
	.global-nav__list li a{color: #222;}
	.g-nav{ display:none;}
	.sec2 .flex{flex-wrap: wrap;}
	.sec2 .flex .flexbox{
		width: 80%;
		margin: auto;
		margin-bottom: 50px;
		padding-bottom: 30px;
}
	.sec2 .flex .flexbox .flextext{
		width: 84%;
		margin: auto;
		font-size: 0.9em;
	}
.flexbox .kuwasiku {
	color:#FFF;
	background: #666;
		width: 70%;
	margin:20px auto 0!important;
	padding: 8px;
	display:block;
	position:static;
	font-size: 1.1em;
}
	.splogomenu img{width: 100%;}
	.foot_rogo{width: 50%; margin: auto;}
.sns img{ width:100%;min-width: inherit;}
.flex.justsa.sns{
  width:100%;
  margin:50px auto;
	padding-bottom: 80px;
}
.flex.justsa.sns > div{
  width:24%;
}
	.flex.justsa.sns{
		font-size: 0.8em;
	}	
	.sec03_jyuusyo{line-height: 2em;}
	#mail_nagoya{white-space: nowrap; font-size: 120%;}
.flexcent{ display: block;}
.flexcent .gaikan{width: 100%;}
#voicelink {
	width: 50%;
	margin: 20px 0 60px auto;
}
.container{height: 340px;width: 100%;}
.container .item img{width: 24%; height: auto;}
	.container .item{height: 29vw; width: 33%;}
	.cellulose{display: none;}
	.staff_mat_float{float: none;}
	.staff_text_over{font-size: 90%;}
	.daihyo{border-bottom: solid 1px #000; padding-bottom: 1em;}
	.splogomenu{
		position: fixed;
		top: 0;
		height: 80px;
		background: rgba(255,255,255,.8);
		width: 100%;
		border-bottom: solid 1px #000;
	}
	.splogomenu > div{
		width: 74%;
		margin: 26px auto auto 4%;
	}
	#section2,#section3,#section4{width: 80%;}
.sec03_honbun{
	font-size: 90%;
	line-height: 1.4em;
}
.rinenunder h4 + div{font-size: 1.4em;}
.gys_s{	font-size: 1.1em;line-height: 1.6em;}
.spjyuusyobox{display: flex; flex-wrap: wrap; font-size: 80%;}
	.spjyuusyobox > div:nth-child(odd){width: 30%; white-space: nowrap;}
	.spjyuusyobox > div:nth-child(even){width: 63%; padding-left: 1em;}
	.spjyuusyobox > div:nth-child(2){width: 63%; text-indent: -0.6em;}	
}

.sec02don{
	margin-left: auto;
	margin-right: auto;
}
.otoiawase_form img{
	width: 100%;
}
#uketuke_nagoya{
	font-weight: 300;
	font-size: 83%;
}
#tel_nagoya{
	font-size: 2em;
	padding-left: 0.3em;
	color: #e8c001;
	font-weight: bold;
}

	.sec02don{width: 84%; font-size: 84%;}

.flexcent{
	display: flex;
	justify-content: center;
}
	.sptel{margin-top: 12px;}