@charset "utf-8";


p,h1,h2,h3,h4,h5,h6{
    margin-top: 36px;
}
html { scroll-behavior: smooth;}

body{
background-color: #EFEBCC;
}

header {
	width 960px;
    height: 76px;
    padding-bottom: 0px;
    margin-bottom: 44px;

}

#nabiconcon{
display: none;
}
@media screen and (max-width:768px){
header {
    background: var(--background-navbar);
    width: 100%;
    height: 68px;
    position: fixed;
    z-index: 5;
}
#nabiconcon{
display:block;
}
}

a:hover{

}

#tytleico{
    top: 1%;
    left: 2%;
    width: 28%;
    margin-bottom: -78px;
    float: left;
    margin-left: 115px;
}


#call{
    float: right;
    margin-top: -25px;
    line-height: 1.1;
    font-family: 'Zen Antique', serif;
    margin-bottom: 1px;
    margin-right: 75px;
    display: block;
    width: 26%;
    height: 33%;
}

.top{
    position: relative;
	}
	.top #topimg{
    width: 100%;
    height: 62%;
	}
	
	#aisatsu{
    width: 37%;
    height: 33%;
    position: absolute;
    top: 25%;
    left: 75%;
    padding-left: 15px;
    transform: translate(-50%,-50%);
    background-color: rgba(255,255,255,0.8);
    border-radius: 10px;
    font-family: 'Zen Antique', serif;
    display: block;
	}
		
	#aisatsu h1{
	font-size: 30px;
	}
	#aisatsu p{
  	font-size: 25px;
    text-align: justify;
    letter-spacing: 0.5px
	}
	
	#topboss{
    float: right;
    margin-left: 5px;
    margin-top: -282px;
    margin-right: 50px;
    margin-bottom: 8px;
	}

/* top responsive */
@media screen and (max-width:768px){
p {
    color: #000000;
    margin: initial;
}
#call{
    font-size: 10px;
    margin: initial;
   display: none;
    width: 225px;

}
.toplogo{
    margin-left: 0px;
    margin-top: 25px;
    width: 53%
}
#tytleico{
    margin: initial;
    width: 40%;
	display: none;
}
	#aisatsu{
    width: 60%;
    max-width: 59vw;
    top: 50%;
    left: 60%;
    padding-top: 13px;
    margin-top: 24px;
    padding-bottom: 34px;
		}	
#aisatsu p{
	font-size: calc(3vw + 0.01rem);
    width: 95%;
    margin: initial;
	padding: initial;
}
#aisatsu h1{
font-size: calc(4vw + 0.02rem);
margin: initial;
}
.top #topimg{
    margin-top: 83px;
    width: 101%;
    height: 61%;
	}
#topboss{
    float: right;
    margin-top: 0px;
    margin-right: 14px;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 18%;
    height: 28%;
}
#global-nav{
display: none;
}
}

@media screen and (min-width:769px) and ( max-width:1500px) {
#aisatsu h1{
    font-size: calc(2vw + 0.02rem);
    margin: initial;
    width: initial;
    width: 25vw;
}
#aisatsu p{
    font-size: calc(1.5vw + 0.01rem);
    margin: initial;
    margin-right: 90px;
    padding: initial;
    width: 66vh
}
	#aisatsu{
    width: 28vw;
    height: auto;
    padding-top: 3%;
    margin-top: -53px;
    padding-bottom: 3%;
    padding-left: 3%;
    top: initial;
    top: 36%;
    left: 73%;
		}
}
#global-nav{
    background-color: #87825D;
    width: 100%;
}	
#global-nav ul {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    width: 100%;
    max-width: 1170px;
}
	#global-nav ul li {
		flex: 1 0 auto;
		list-style:none;
		border-left: 1px solid #fff;
		border-right:1px solid #fff;
		margin-right: -1px;
	}
	#global-nav ul li a {
    display: block;
    padding-top: 7px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 7px;
    color: #FFFFFF;
    text-align: center;
    text-decoration: none;
    background-color: #87825D;
    font-family: 'Zen Antique', serif;
    font-size: 20px;
    text-shadow: 1px 10px 10px #808080;
	 -webkit-transition: all 0.5s ease-out;
  	transition: all 0.5s ease-out;
}
#global-nav ul li a:hover{
	background:  #992655;
	color: #fff;
	-webkit-transform: scale(1.05);
  	transform: scale(1.05);
	}
  
#saiyoupage{
margin-top: 30px;
}
#banaarea{
margin: 0 auto;
text-align: center
}
#banaarea img{
width:88vw;
}
@media screen and (min-width:1500px){
#banaarea img{
width:80vw;
}
}
.content{
    padding-top: 50px;
    padding-left: 50px;
    padding-bottom: 66px;
    margin-top: -1px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
    width: 1001px;
    background-color: #FFFFFF;
    font-family: 'Zen Antique', serif;
    box-shadow: 0 0 25px rgba( 0, 0, 0, 0.2 );
    padding-right: 50px;
}
h2{
    font-size: 30pt;
    font-family: 'Zen Antique', serif;
}
@media screen and (min-width:769px) and ( max-width:1500px) {
#tytleico{
    width: 41vw;
    max-width: 484px;
    padding-bottom: 0px;
    margin-bottom: 10px;
}
#global-nav{
    width: 100%;
}
.content{
width: 80%;
}
}
@media screen and (max-width:768px){
.content{
    width: 80%;
    padding-top: 3px;
    padding-right: 13px;
    padding-left: 30px;
    padding-bottom: 72px;
    padding-left: 30px;
    padding-top: 3px;
    padding-bottom: 93px;
	font-size;15px;
}
.content h2{
    font-size: 32px;
}
}
#cmp h3{
font-size: 30px;
}
@media screen and (max-width:768px){
#cmp h3{
font-size:18px;
}
}
#keieirinen{
    padding-bottom: 19px;
}

#keieirinen p{
    font-size: 18pt;
    text-align: left;
    line-height: 40px;
    width: 64%
}
#rinenimg{
    float: right;
    margin-right: 84px;
    margin-bottom: 0px;
    margin-left: 1px;
    margin-top: -1px;
}
#rinenimg02{
    float: left;
    margin-right: -40px;
    margin-bottom: 0px;
    margin-left: 77px;
    margin-top: 16px;
    border-radius: 50%
}
@media screen and (max-width:768px){
#keieirinen p{
    font-size: 13pt;
    line-height: initial;
    line-height: 25px;
    width: 87%;
    margin-top: 49px;
}
#rinenimg{
    width: 25%;
    height: 27%;
    margin-top: -58px;
    margin-right: 55px;
    margin-left: initial;
    margin-bottom: 0px;
    margin-bottom: 0px;
}
#rinenimg02{
width: 30%;
height: 30%;
margin: initial;
}
}

#cminf{
    margin-top: 366px;
    font-size: 21px;
    margin-bottom: 43px;
}

table th{
    text-align: left;
    width: 184px;
}

table, td, th {
    border-bottom: 1px solid #B4B4B4;
    border-collapse: collapse;
}
#accesmap{
    float: right;
    margin-bottom: 2px;
	inline-block;
    margin-right: 20px;
    margin-top: -312px;
}
#entr{
    float: right;
    margin-top: 33px;
    margin-bottom: 1px;
    margin-right: 118px;
}
.entinfo{
    margin-bottom: 0px;
    float: left;
    padding-top: 0px;
    margin-top: 240px;
    margin-left: 136px;
    color: #424242;
    font-size: 26px;
	border-bottom: solid 1px #B8B8B8;
  	padding-bottom: 2px;
}
@media screen and (max-width:768px){
#cminf{
font-size:15px;
width: 99%;
margin: initial;

}
#entr{
    width: 40%;
    height: 30%;
    margin: initial;
    margin-top: -36px;
}
.entinfo{
    font-size: 15px;
    margin: initial;
    margin-top: 14px;
}
#accesmap{
    transform: scale(0.7);
    margin-top: -4px;
    margin-right: -37px;
    margin-left: 55px;
    margin-bottom: 13px;





marginright;20px;
}
}
#profile{
    float: right;
    margin-right: 55px;
    margin-top: 161px;

}

.keireki{
    margin-top: 78px;
    font-size: 25px;
    position: relative;
}
.keireki table{
    position: absolute;
    top: 180%;
}
@media screen and (max-width:768px){
.keireki{
font-size:15px;
width: 99%;
}
#profile{
    width: 70%;
    height: 60%;
    float: initial;
    margin-top: 37px;
    margin-right: 37px;
    margin-left: 37px;
    margin-bottom: 37px;
}
.keireki table{
top:initial;
position: initial;
}
.keireki table th{
width: initial;
}
}
.sectytle{
    overflow: hidden;
  	position: relative;
	text-decoration: none;
	text-shadow: 1px 2px 3px #808080;
    background-image: url("../img/secline.png");
    background-repeat:no-repeat;
	background-position: bottom left;
	background-size: 40% 20%;
	animation-name: animations;
	animation-delay: 2s;
	animation-duration: 2s;
}
@keyframes animations{
  0%{
    background-size: 0% 0%;
  }

  50%{
  background-size: 25% 20%;
    /*アニメーションの中間のCSSを記述*/
  }

  100%{
  background-size: 40% 20%;
    /*アニメーションを終了するときのCSSを記述*/
  }
}

.srvcct{
    font-size: 25px;
    margin-bottom: 13px;
    margin-top: 409px;
}
.srvcct h3{
  border-bottom: solid 1px #B8B8B8;
  width: 170px;
  padding-bottom: 2px;
	}
.srvcct li{
	list-style:none;
}
#naisou02{
    float: right;
    margin-right: 92px;
    margin-bottom: -2px;
    margin-top: -294px;
}
#naisou03{
    float: right;
    margin-right: 149px;
    margin-bottom: 2px;
    margin-top: -254px;
    margin-left: 0px;
}
@media screen and (max-width:768px){
#naisou02{
    width: 51%;
    height: 30%;
    margin-top: initial;
    margin-right: initial;
    margin-left: 135px;
    margin-bottom: 4px;
    margin-bottom: -41px;
    float: initial;
}
#naisou03{
    width: 40%;
    height: 36%;
    margin-top: initial;
    margin-right: 12px;
    margin-left: initial;
    margin-bottom: 0px;
    margin-bottom: 1px;
    float: right;
}
.srvcct {
    margin-top: initial;
    clear: both;
    margin-top: 0px;
    margin-bottom: 10px;
}
.srvcct ul {
font-size:15px;
padding-left:1px;
margin-bottom: 4px;
}
.srvcct li {
    width: 204px;
}
}

#footer {
    position: relative;
    margin-top: 40px;
    color: #fff;
    width: auto;
    margin-left: 0px;
}
#footer a {
  text-decoration: none;
  color: #fff;
}
#footer a:hover {
  text-decoration: underline;
}
#footer .primary {
  padding: 40px 20px;
  background: #B4AF7D;
}
#footer .secondary {
  display: flex;
  padding: 40px 20px;
  background: #87825D;
  text-align: center;
}

@media screen and (max-width: 767px) {
  #footer .primary {
    padding: 20px 20px;
    background: #B4AF7D;
  }
  #footer .secondary {
    display: block;
    padding: 20px 20px;
  }
}

/* footer-logo */

#footer .logo {
  position: relative;
  padding: 0;
  margin: 0;
  width: 100%;
  font-size: 26px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  #footer .logo {
    font-size: 16px;
  }
}

/* address */

.address {
  margin: 10px 0 0;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .address {
    font-size: 12px;
	color: #FFFFFF
  }
}

/* navi */

.navi-row {
  display: flex;
  margin-top: 40px;
}
#footer .navi {
  margin: 0;
  padding: 0;
  list-style: none;
}
#footer .navi li {
  display: inline-block;
  margin: 0 20px 0 0;
  padding: 0;
}
#footer .navi li:first-child {
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  .navi-row {
    display: block;
    margin-top: 15px;
  }
  #footer .navi {
    font-size: 12px;
  }
  #footer .navi li {
    margin-top: 5px;
    font-size: 12px;
  }
}

/* sns-navi */

#footer .sns-navi {
  margin: 0 0 0 auto;
  padding: 0;
}
#footer .sns-navi li {
  display: inline-block;
  margin: 0 20px 0 0;
  padding: 0;
  font-size: 20px;
}
#footer .sns-navi li:last-child {
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  #footer .sns-navi {
    margin: 20px 0 0;
    padding: 0;
  }
  #footer .sns-navi li {
    margin: 0 20px 0 0;
    padding: 0;
    font-size: 18px;
  }
}

#footer .copyright {
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 767px) {
  #footer .copyright {
    width: 100%;
    margin: 20px 0 0;
    text-align: center;
    font-size: 12px;
  }
}

body {
  margin: 0;
  padding: 0;
}

.recruit .content{
    margin-top: 20px;
    margin-bottom: 40px;
}

.recruit #global-nav{
margin-bottom: 30px;
}
#topmsg{
    floa: left;
    width: 54%;
}
#recnaisou01{
    float: right;
    margin-right: 87px;
    margin-top: -316px;
}
#recnaisou02{
    float: right;
    margin-right: 50px;
    margin-bottom: -2px;
    margin-top: 14px;
    margin-left: 0px;
	}
#recnaisou03{
    width: 33%;
    height: auto;
    float: right;
    margin-right: 23px;
    margin-bottom: -2px;
    margin-top: -5px;
    margin-left: 1px;
	}
	.pro{
    width: 15%;
    height: 25px;
    margin-right: 146px;
    text-decoration: underline gray;
    clear: both;
    display: block;
    float: right;

}
.entry{
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 65px;
    margin-bottom: 65px;
    text-align: center;
}
#entrybtn{
    margin-bottom: 0px;
    margin-top: 69px;
    margin-left: 0px;
	display: block;
}
.secoundmsg{
    width: 55%;
    float: left;
}

.recyoukou{
    margin-top: 491px;
}
.recyoukou table th {
vertical-align:top;
    width: 151px;

}
.recyoukou table{
font-size: 20px;
width: 570px
}
.entbtn a{
    background-color: #64A7B0;
    color: #FFFFFF;
    font-size: 25px;
    width: 117px;
    height: 60px;
    display: flex;
    border-radius: 5px;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    padding-bottom: 2px;
    margin-top: -20px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}

.entbtn a:hover{
text-decoration-line: underline;
}
@media screen and (max-width:768px){
.recruit .content{
    margin-right: initial;
    margin-left: initial;
    margin-bottom: 40px;
}
.recyoukou{
margin-top: initial;
}
.recyoukou table{
    float: initial;
    text-align: center;
    font-size: 15px;
	border: none;
	width: initial;
}
.recyoukou table th{
    text-align: center;
    width: initial;
    width: 70vw;
}
#saiyoupage{
    margin: initial;
    padding-top: 88px;
}
#saiyoupage p{
    font-size: 16px;
    width: 100%;
}
#saiyoupage ul li{
    width: 93%;
}
#recnaisou01{
    width: 70%;
    height: 48%;
    margin: initial;
    margin-right: 76px;
	float: :initial;

}
#recnaisou02{
    width: 97%;
    height: 34%;
    margin-top: 30px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: initial;
    margin-left: 0px;
    margin-top: 30px;
    float: initial;
}
#recnaisou03{
    width: 82%;
    height: 30%;
    margin-top: 30px;
    margin-bottom: 27px;
}
#saiyoupage ul{
    width: 266px;
	font-size:15px;
	padding-left: 20px;
}
#topmsg{
    width: initial;
    width: 91%;
}
table{
font-size:15px;
display: block;
width: 100%
}

table tr{
display: block;
width: 100%;
}
table th{
display: block;
width: 100%;
}
table td{
display: block;
width: 100%;
}
.secoundmsg{
    margin-top: 13px;
    width: initial;
    width: 89%;
}
.entry{
    margin-top: 9vw;
    margin-right: -6vw;
    margin-left: -6vw;
    margin-bottom: -6vw;
	text-align: center;
}
.entry p{
}
.entbtn{
	margin:0 auto;
}
.entbtn a{
  margin:0 auto;
}
.pro{
    width: initial;
    margin-top: 1px;
    margin-right: 1px;
    margin-left: -2px;
    margin-bottom: 1px;
    text-align: initial;
	width: 6%;
	text-align: center;
}
.etnbtnmsg{
    margin-right: -28vw;
    display: block;
    margin-top: -21px;
    margin-left: 73px;
}
}
/*responsive end*/
.formtytle{
    text-align: center;
    color: #6D694B;
}
#formmsg{
    margin-right: 14px;
}
.phshadow{
box-shadow: 5px 10px 15px 0 rgba(0, 0, 0, .3);
}
.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: #fff;
    border: solid 2px #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}
.homeico {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 100px;
    padding-top: 1px;
    background: #fff;
    border: solid 2px #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}
.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: translateY(20%) rotate(-45deg);
}
.homeicon {
    margin-top: 6px;
    font-size: 17px;
    position: relative;
    width: 0.4em;
    height: 0.4em;
    border-top: 0.6em solid #39a9d6;
    border-left: 0.4em solid #39a9d6;
    border-right: 0.4em solid #39a9d6;
    ;
}
.homeicon::before {
	position: absolute;
	content: "";
	top: -1.2em;
	left: -0.6em;
	width: 0;
	height: 0;
	border-left: 0.8em solid transparent;
	border-right: 0.8em solid transparent;
	border-bottom: 0.8em solid #39a9d6;
}
/* 煙突 */
.homeicon::after {
	position: absolute;
	top: -1.0em;
	left: 0.6em;
	width: 0.1em;
	height: 0.4em;
	content: "";
	background-color: #39a9d6;
}
.saiyoumsg{

    text-align: justify;
}
#saiyoupage h2{
    font-size: 35px
}
#saiyoupage h3{
font-size:23px
}

#saiyoupage h4{
font-size:20px;
text-decoration: #8888 underline 2px;
}

/* Nav items */
.menu {
  list-style: none;
  position: absolute;
  width: 100%;
  height: auto;
  top: 0;
  margin-top: 52px;
  padding: 0 0 10px 0;
  clear: both;
  background: var(--background-navbar);
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
  transform: scale(1, 0);
  transform-origin: top;
}

/* Hamburger menu button */
.menu-btn:checked ~ .menu {
  transform: scale(1, 1);
  transform-origin: top;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}

/* Hamburger menbu text */
.menu a {
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 2px;
  font-size: 16px;
  text-transform: capitalize;
  color: #000;
  opacity: 0;
  transition: 0.5s;
}

.menu li {
  border-top: 1px solid rgb(75, 75, 75);
  padding: 15px 0;
  margin: 0 54px;
  opacity: 0;
  transition: 0.5s;
}

.menu-btn:checked ~ .menu a,
.menu-btn:checked ~ .menu li {
  opacity: 1;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.2s;
}

.menu-btn {
  display: none;
}

.menu-icon {
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding: 24px 14px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.navicon {
  background: #87825D;
  display: block;
  height: 3px;
  width: 26px;
  position: relative;
  transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}

.navicon:before,
.navicon:after {
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    background: #87825D;
    transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}

.navicon:before {
  top: 9px;
}

.navicon:after {
  bottom: 9px;
}

/* Hamburger Menu Animation Start */
.menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before {
  top: 0;
}
.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  bottom: 0;
}

.menu-btn:checked ~ .menu-icon .navicon {
  background: rgba(0, 0, 0, 0);
  transition: 0.2192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
}
/* Hamburger Menu Animation End */

/* Navbar Container */
.navtext-container {
  width: 100%;
  height: 52px;
  position: absolute;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Navbar Text */
.navtext {
  position: absolute;
  text-transform: uppercase;
  text-align: center;
  color: #000;
  letter-spacing: 4px;
  font-size: 20px;
}
:root {
  --background-navbar: rgba(212, 207, 168, 1);
}

#formpage header{
position: inherit
}
.saiyoulink{
    text-align: center;
    margin-top: 0px;
    padding-top: 140px;
}
.saiyoulink a{
    font-size: 30px;
    background-color: #64A7B0;
    color: #FFFFFF;
    font-size: 25px;
    width: 259px;
    height: 60px;
    display: flex;
    border-radius: 5px;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
}