@charset "UTF-8";

.img_visibility img{-webkit-backface-visibility: hidden;}

.w960 {width:960px;}

.bx-wrapper .bxslider li{
	width: 100% !important;
}

#wrapper{
	overflow: hidden;
	min-height: 680px;
}

section#wrapper { margin:0 auto;}
header {width:100%; margin:0 auto; padding:0 0 13px 0; position: fixed; z-index: 11; background-color:#f0f5da; top:-1px;}

section.header {width:960px; margin:50px auto 0 auto; padding:0 0 0 0; position: relative; left:0; right:0; z-index: 5;}

header h1.logo {
	position: absolute;
	width:27%;
	top: -10px;
	left:36.5%;
	z-index: 3;
	transition: 0.3s ease-in-out;
	margin:-40px 0 0 0;}

header h1.logo_sp {display: none;}

header h1.logo img {width:100%;}

header div.head_tel {position: absolute; top: -44px; left: 5%; width: 21%;}
header div.reception_time {position: absolute; top:-40px; left: 24%; width:10%}
header div.access {position: absolute; top:-39px; left:72%; width:9%;}
header div.dl {position: absolute; top:-40px; left:85%; width:12%;}

header ul li img {height: 100%; width: auto;}
header ul li a {text-decoration: none;}


.header-menu {
	display: none;
}
/* navigation */	
nav {width:960px; margin:0 auto 0 auto;}
nav ul {display: flex;}
nav ul li { width:9%; max-width: 150px;}

ul.nav li:nth-child(1) {margin:0 0 0 0; padding: 0 2% 0 0; border-right: 2px dashed #222222;}
ul.nav li:nth-child(2) {margin:0 0 0 0; padding:5px 2% 0 2%; border-right: 2px dashed #222222;}
ul.nav li:nth-child(3) {margin:0 280px 0 0; padding:2px 0 0 2%;}
ul.nav li:nth-child(4) {margin:0 0 0 24px; padding: 0 2% 0 0; border-right: 2px dashed #222222;}
ul.nav li:nth-child(5) {margin:0 0 0 0; padding:0 2% 0 2%; border-right: 2px dashed #222222;}
ul.nav li:nth-child(6) {margin:0 0 0 0; padding:0 0 0 2%;}


div.mail_icon {position: absolute; left: -1px; z-index: 5; width: 100px; top: 295px;}
div.job_icon {position: absolute; left: -1px; z-index: 5; width: 100px; top: 210px;}


footer {background-color:#F3ec3c; width:100%; margin:15px auto 0; padding:0 0 0 0; font-size:92%;}
section.footer_block {position:relative; width:960px; margin:30px auto 0 auto; padding:30px 0 30px 0; display: flex;}
section.footer_block div.img {width:300px; margin:30px 0 0 0;}
section.footer_block div.menu_block {position:relative; width: 70%; margin:0 0 0 40px;}
section.footer_block div.menu_block h3 {width:300px; margin:0 0 0 0;}
section.footer_block div.menu_block div.address {width:280px; margin:10px 0 0 0;}
section.footer_block div.menu_block ul {width:560px; margin:45px 0 0 0; display: flex; flex-wrap: wrap;}
section.footer_block div.menu_block ul li {margin:0 20px 0 0; width:10em; line-height: 2;}
section.footer_block div.menu_block div.footer_logo {position:absolute; right: 90px; top:0; width:190px;}
section.footer_block div.map {position:absolute; left: 90px; bottom:-20px; width:100px;}

footer div.copyright {min-width:960px; width:100%; text-align: center; padding: 1.2em 0 .2em 0; background-color:#f0f5da; font-family: "BaseNine";}


/*ipad*/
@media (max-width: 768px) {

header {width:100%; margin:0 auto; padding:0 0 7px 0; position: fixed; z-index: 11; background-color:#f0f5da; top:-1px;}

section.header {width:100%; height:130px; margin:1% auto 0 auto; padding:0 0 0 0; position: relative; left:0; right:0; z-index: 5;}

header h1.logo {
	position: absolute;
	width:26%;
	top: -80px;
	left:37.5%;
	z-index: 3;
	transition: 0.3s ease-in-out;
	margin:-40px 0 0 0; display: none;}

header h1.logo_sp {
	display: block;
	position: absolute;
	width:74%;
	top: 11px;
	left:4%;
	z-index: 3;
	transition: 0.3s ease-in-out;
	margin:0 0 0 0;}

header h1.logo img {width:100%;}
	
nav h1.logo_sp {
	position: absolute;
	width:74%;
	top: 10px;
	left:4%;
	z-index: 3;
	transition: 0.3s ease-in-out;
	margin:0 0 0 0;}

.header-menu h1.logo_sp {margin:7px auto 0 auto;}


header div.dl {display: none;}
header div.head_tel {display: none;}
header div.reception_time {display: none;}
header div.access {display: none;}

header ul li img {height: 100%; width: auto;}
header ul li a {text-decoration: none;}

.header-menu {
	display: block;
}

#gnav_menu div.button {display: flex; width:400px; margin: 5px auto 0 auto;}
#gnav_menu div.button_02 {display: flex; width:500px; margin: 0 auto 0 auto;}
#gnav_menu div.button_03 {display: flex; width:300px; margin: 0 auto 0 auto;}
#gnav_menu div.mail_contact {position: inherit; width:44%; margin:34px 0 0 0; padding: 0 0 0 7%;}
#gnav_menu div.job_info {position: inherit; width:60%; margin:24px auto 0 auto; padding: 0 0 0 0;}
#gnav_menu div.dl {display: block; position: inherit; width:140px; margin:30px 60px 0 40px; padding: 0 0 0 5%;}
#gnav_menu div.access {display: block; position: inherit; width:120px; margin:30px 0 0 40px; padding: 0 0 0 5%;}
#gnav_menu div.head_tel {display: block; position: inherit; width:190px; margin:30px auto 0 auto;}
#gnav_menu div.reception_time {display: block; position: inherit; width:150px; margin:30px auto 0 auto;}


/* navigation */	
nav {width:100%; margin:0 auto 0 auto;}
nav#gnav {display: none;}
nav ul {width:430px; margin:20px auto 0 auto; display: flex; flex-wrap: wrap; justify-content: space-around;}
nav ul li { width:27%; max-width: 150px;}

ul.nav li:nth-child(1) {margin:0 0 0 0; padding: 0 4% 0 0; border-right: 2px dashed #222222;}
ul.nav li:nth-child(2) {margin:0 0 0 0; padding:5px 4% 0 4%; border-right: 2px dashed #222222;}
ul.nav li:nth-child(3) {margin:0 0 0 0; padding:2px 0 0 3%; border-right: none;}
ul.nav li:nth-child(4) {margin:10px 0 0 0; padding: 0 4% 0 0; border-right: 2px dashed #222222;}
ul.nav li:nth-child(5) {margin:10px 0 0 0; padding:0 4% 0 4%; border-right: 2px dashed #222222;}
ul.nav li:nth-child(6) {margin:10px 0 0 0; padding:0 0 0 3%;}

nav.menu-wrap div.menu_line {
    width: 430px;
    border-bottom: 2px dashed #222222;
    height: 1px;
    margin: 20px auto 0 auto;
}

div.mail_icon {left: 0; z-index: 11; width: 55px; top: 0; position: fixed; display: none;}
div.job_icon {left: 0; z-index: 11; width: 55px; top: 50px; position: fixed; display: none;}

section.footer_block {position:relative; width:100%; margin:30px auto 0 auto; padding:10px 0 20px 0; display: block;}
section.footer_block div.img {width:90%; margin:10px auto 20px auto;}
section.footer_block div.menu_block {position:relative; width: 90%; margin:0 0 0 40px;}
section.footer_block div.menu_block h3 {width:80%; margin:0 20% 0 0;}
section.footer_block div.menu_block div.address {width:70%; margin:10px 0 0 0;}
section.footer_block div.menu_block ul {width:100%; margin:15px 0 0 0;}
section.footer_block div.menu_block ul li {margin:0 40px 0 0; width:10em; line-height: 2.5; font-size:14px;}
section.footer_block div.menu_block div.footer_logo {right: 10px; top:150px; width:25%;}
section.footer_block div.map {position:absolute; left: 78%; top:50%; width:100px;}

footer {position:relative; top:-260px; margin:300px 0 0 0;}
footer div.copyright {min-width:100%; width:100%; text-align: center; padding: 1.2em 0 .2em 0; background-color:#f0f5da; font-family: "BaseNine";}

}

/*iPhone7/6 Plus*/
@media (max-width: 414px) {

section.header {margin:0 auto 0 auto;}

header {height:65px; padding:0 0 13px 0;}
header h1.logo {
	position: absolute;
	width:40%;
	top: 0;
	left:0;
	right:0;
	z-index: 3;
	transition: 0.3s ease-in-out;
	margin:0 auto 0 auto;}

.header-menu h1.logo_sp {margin:0 auto 0 auto;}

header div.dl {display: none;}
header div.head_tel {display: none;}
header div.reception_time {display: none;}
header div.access {display: none;}

#gnav_menu div.button {display: flex; width:400px; }
#gnav_menu div.button_02 {display: flex; width:90%;}
#gnav_menu div.dl {display: block; position: inherit; width:140px; margin:30px 60px 0 40px; padding: 0 0 0 5%;}
#gnav_menu div.access {display: block; position: inherit; width:120px; margin:30px 0 0 40px; padding: 0 0 0 5%;}
#gnav_menu div.mail_contact {position: inherit; width:52%; margin:24px 0 0 0; padding: 0 0 0 0;}
#gnav_menu div.head_tel {display: block; position: inherit; width:42%; margin:20px 0 0 auto;}
#gnav_menu div.reception_time {display: block; position: inherit; width:30%; margin:18px auto 0 auto;}


/* navigation */	
nav {width:100%; margin:0 auto 0 auto;}
nav#gnav {display: none;}
nav ul {width:90%; margin:20px auto 0 auto; display: flex; flex-wrap: wrap; }
nav ul.nav_1 {margin:0 auto 0 auto;}
nav ul li { width:27%; max-width: 150px;}

ul.nav_1 li:nth-child(1) {margin:0 0 0 0; padding: 0 4% 0 0; border-right: 2px dashed #222222;}
ul.nav_1 li:nth-child(2) {margin:0 0 0 0; padding:5px 4% 0 4%; border-right: 2px dashed #222222;}
ul.nav_1 li:nth-child(3) {margin:0 0 0 0; padding:2px 0 0 3%; border-right: none;}
ul.nav_2 li:nth-child(1) {margin:0 0 0 0; padding: 0 4% 0 0; border-right: 2px dashed #222222;}
ul.nav_2 li:nth-child(2) {margin:0 0 0 0; padding:0 4% 0 4%; border-right: 2px dashed #222222;}
ul.nav_2 li:nth-child(3) {margin:0 0 0 0; padding:0 0 0 3%;}

nav.menu-wrap div.menu_line {
    width: 90%;
}

div.mail_icon {left: 0; z-index: 11; width: 55px; top: 0; position: fixed;}
div.job_icon {left: 0; z-index: 11; width: 55px; top: 50px; position: fixed;}

section.footer_block {position:relative; width:100%; margin:30px auto 0 auto; padding:10px 0 20px 0; display: block;}
section.footer_block div.img {width:90%; margin:10px auto 20px auto;}
section.footer_block div.menu_block {position:relative; width: 90%; margin:0 0 0 35px;}
section.footer_block div.menu_block h3 {width:80%; margin:0 20% 0 0;}
section.footer_block div.menu_block div.address {width:70%; margin:10px 0 0 0;}
section.footer_block div.menu_block ul {width:100%; margin:15px 0 0 0;}
section.footer_block div.menu_block ul li {margin:0 40px 0 0; width:10em; line-height: 2.5; font-size:14px;}
section.footer_block div.menu_block div.footer_logo {right: 10px; top:80px; width:25%;}
section.footer_block div.map {position:absolute; left: 285px; top:250px; width:100px;}

footer {position:relative; top:-260px; margin:300px 0 0 0;}
footer div.copyright {min-width:100%; width:100%; text-align: center; padding: 1.2em 0 .2em 0; background-color:#f0f5da; font-family: "BaseNine";}

}

/*iPhone 7/6*/
@media (max-width: 375px) {

header {height:66px; padding:0 0 12px 0;}
header h1.logo {
	width:44%;}

.header-menu h1.logo {width:39%; margin:7px auto 0 auto;}

#gnav_menu div.button {display: flex; width:375px; }
#gnav_menu div.button_02 {display: flex; width:90%; margin:0 auto 0 auto;}

div.mail_icon {position: fixed; left: 0; z-index: 11; width: 60px; top: 0;}
div.job_icon {position: fixed; left: 0; z-index: 11; width: 60px; top: 52px;}

section.footer_block div.map {left: 253px; top:225px;}

section.footer_block div.menu_block ul li {margin:0 20px 0 0;}

section.footer_block div.map {position:absolute; left: 255px; top:235px; width:100px;}

}

/*iPhone 5/SE/4*/
@media (max-width: 320px) {

header h1.logo_sp {
	width:70%;
	top: 18px;
	left:3%;}
nav h1.logo_sp {margin:-1px 0 0 0;}

header {height:80px; padding:0 0 0 0;}

.header-menu h1.logo {width:39%; margin:6px auto 0 auto;}

#gnav_menu div.mail_contact {position: inherit; width: 52%; margin: 25px 0 0 0; padding: 0 0 0 0;}
#gnav_menu div.button {display: flex; width:320px;}
#gnav_menu div.access {display: block; position: inherit; width:120px; margin:30px 0 0 40px; padding: 0 0 0 5%;}
#gnav_menu div.head_tel {display: block; position: inherit; width:40%; margin:20px auto 0 auto;}

section.footer_block div.menu_block ul li {margin:0 0 0 0;}
section.footer_block div.map {left: 225px; top:195px; width:90px;}


}