@charset "utf-8";
* { }
html { font-size: 62.5%;overflow:auto; -webkit-text-size-adjust: 100%; }
body {line-height:1.6; color:#000; overflow:hidden;
	background:#fff; font-size: 1.4rem;
	}

body {
  font-family: "Zen Maru Gothic", "メイリオ", "Meiryo", sans-serif;
  font-weight: 500;
  font-style: normal; letter-spacing:0.05em;
}
.light {
  font-family: "Zen Maru Gothic", "メイリオ", "Meiryo", sans-serif;
  font-weight: 500;
  font-style: normal;
}


/*.light {font-family: "秀英丸ゴシック L", "メイリオ", "Meiryo", sans-serif;} */

body, h1, h2, h3, h4, dl, dd, ul, form, textarea, figure, p { margin:0; padding:0; font-size:100%; }

img, input[type="image"] { font-size:0; line-height:0; vertical-align:bottom; }
ul { list-style-type:none; }
fieldset { border:none; }
strong { font-size:1.2em; }
em { font-style:normal; font-weight:bold; }

article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }

/*回り込み解除clearfix*/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */
.flex {	display: -webkit-flex; display: flex;
-webkit-flex-wrap: wrap; flex-wrap:wrap;
-webkit-justify-content:space-between; justify-content:space-between; }  

/* 共通 ------------------------ */
a { color:#ed761c; text-decoration:none; }
a:active, a:hover { text-decoration:underline; color:#97c533; }
a img { border-width:0px; }


.serif { font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif; font-weight:normal; }
.left   { text-align:left; }
.center { text-align:center; }
.right  { text-align:right; }
.bold { font-weight:bold; }
.indent{ text-indent: -1em; padding-left: 1em; }
.attention{ color:#B20000; }
.clear { clear:both; }
.hide { display:none; }
.iblock { display:inline-block; }
.wide { width:100%; }
.under { text-decoration: underline;}
.under a { text-decoration: underline;} 

ul.disc, ul.square { padding-left:1.3em; }
.disc li { list-style-type:disc; }
.square li { list-style-type:square; }
.upper-alpha li { list-style-type:upper-alpha; }
ul.upper-alpha, ol { margin-left:1.5em; padding:0; }
ul.col3 li { float:left; width:33.33%; }

img.middle { vertical-align:middle; }

.red { color:#c33; }
.orange {color:#ed761c;}
.green {color:#97c533;}

a, .anime {
	-ms-transition: all .5s;
	transition: all .5s;
}
#wrapper { width:100%; margin:auto; }
.fw { margin-left:-500%; margin-right:-500%; padding-left:500%; padding-right:500%; /*Full Width*/ }
.inner { width: 1000px; margin: 0 auto;}

article { background:#FFFDFB; }
#pan { margin:0 0 50px; overflow:hidden; font-size:90%; }
#pan li { float:left; margin-right:15px; }
#pan li:before { content:">"; margin-right:15px; font-family:Arial; }
#pan li:first-child:before { content:""; margin-right:0; }

.ti_line { width: 40%; margin-top: 70px; }
.ti_line img { width: 336px; }

/*PCだけ改行*/
.br_pc { display:block; }
.br_sp { display:none; }

/* header------------------------*/

.h_bg { background: url(../img/header_bg.png) top center no-repeat; height: 100%; background-size: 2225px 204px;}

.green_box { background-color: #fff; padding: 5px 20px; border:3px solid #97c533; border-radius: 10px; margin: 0 auto; } 
.st_info { width: 70%; font-size: 1.6rem; margin-top: 10px; }
header .st_info { margin-bottom: 85px;}

.tel {
    background: url(../img/svg/call_end.svg) center left no-repeat;
    height: 27px;
    padding-left: 30px;
    background-size: 30px 30px;
}
.map {
    background: url(../img/svg/location.svg) center left no-repeat;
    height: 27px;
    padding-left: 30px;
    background-size: 30px 30px;
}
.qr_ico_green{
    background: url(../img/svg/attach_g.svg) center left no-repeat;
    /*height: 27px;*/
    padding-left: 30px;
    background-size: 25px 25px;
}
.map a {text-decoration: underline;}
header { padding-top: 15px;}
header h1 img { width: 461px;}
header h1 { margin: -10px 0 30px;}
.en {font-family: 'Sacramento', cursive; font-size: 3.2rem; }

/* gnav------------------------*/

#gnav span {
    display: block;
    color: #97c533;
    font-weight: 500;
    font-family: 'Sacramento', sans-serif; font-size: 2.6rem;
}

#gnav a { font-size: 1.6rem; 
    position: relative;
    display: block;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.2;
}
#gnav { width: 48%; margin: 10px auto 20px;}
#gnav a {
  position: relative;
  display: inline-block;
  transition: .3s;
}
#gnav a::after {
  position: absolute;
  bottom: -3px;
  left: 50%;
  content: '';
  width: 0;
  height: 2px;
  background-color: #ed761c;
  transition: .3s;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
#gnav a:hover::after {
  width: 80%;
}


/* contents------------------------*/

.bx-controls-direction { display: none;}
.stripe {position: relative; padding-bottom: 0.4em; display:inline;}

.stripe:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 8px;
  background: -webkit-repeating-linear-gradient(-45deg, #97c533, #97c533 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #97c533, #97c533 2px, #fff 2px, #fff 4px);
	border-radius: 2px;
}

/*h1タイトル背景------------------------*/

.h1_bg01 { background: url("../img/h1_bg01.png") top center no-repeat; height: 99px; background-size: 438px 99px;}
.h1_bg01 h1 {font-size: 2.6rem;margin-top: -10px;}

/*h2タイトル背景------------------------*/

.h2_bg01 { background: url("../img/h2_bg01.png") top center no-repeat; height: 93px; background-size: 264px 93px;}
.h2_bg02 { background: url("../img/h2_bg02.png") top center no-repeat; height: 93px; background-size: 264px 93px;}
.h2_bg03 { background: url("../img/h2_bg03.png") top center no-repeat; height: 93px; background-size: 264px 93px;}
.h2_bg01 h2 {font-size: 2.2rem;margin-top: -10px;}
.h2_bg02 h2 {font-size: 2.2rem;margin-top: -10px;}
.h2_bg03 h2 {font-size: 2.2rem;margin-top: -10px;}


/*スタッフ募集中バナー------------------------*/

.rec_bnr { width: 520px; height: 119px; margin: 30px auto;
background-image: 
    url(../img/gr_side02.png),
    url(../img/gr_side03.png);
  background-position:
    left 10px center,
    right 10px center;
  background-repeat:
    no-repeat,
    no-repeat;
  background-size:87px 104px;
}

.rec_bnr h3 {font-size: 3.2em; margin-top: 16px;} 
.rec_bnr P {font-size: 1.7em;} 


/*背景色グリーン------------------------*/
.bnr { padding: 0;}
.bnr { width: 284px; height: 52px; background: url("../img/more.png") right center no-repeat; background-size: 60px 11px;
box-shadow: 0px 0px 16px -6px rgba(0,0,0,0), 0 7px 0px 0px #e2fd90;position: relative;}
.bnr P {font-size: 2.0em; line-height: 52px;}  
.bnr_box a { text-decoration: none; display: block;}
.bnr_box a:hover { opacity: 0.5;}

/*背景色ホワイト------------------------*/
.bnr_w { padding: 0;}
.bnr_w { width: 284px; height: 52px; background: url("../img/more.png") right center no-repeat; background-size: 60px 11px;
box-shadow: 0px 0px 16px -6px rgba(0,0,0,0), 0 7px 0px 0px #fff;position: relative;background-color: #fff;}
.bnr_w P {font-size: 2.0em; line-height: 52px;}  
.bnr_box a { text-decoration: none; display: block;}
.bnr_box a:hover { opacity: 0.5;}

/* footer------------------------*/

footer { padding-top: 0px;}

.f_bg { background: url(../img/footer_bg.png) top center no-repeat; height: 470px; background-size: 2745px 525px;}

footer #gnav { width: 35%; margin-bottom: 70px;}
footer #gnav a { color: #ed761c; font-size: 1.4rem; margin-top: 20px;}
footer #gnav a:hover { color:#97c533; }

footer .inner { padding-top: 50px;}

footer .f_logo img { width: 333px; margin-top: -1.5rem}
footer .en {font-size: 2.3rem; margin-top: 20px; margin-bottom: 8px;}
address { display: block; font-size: 1.4rem; margin: 15px 0 2px; font-style: normal;}

.copy { margin-top:5px; margin-bottom:0; font-size: 1.0rem; }
.menu { display: none;}
.gnav { display: none;} 
.sp_gnav  { display: none;}
.pdf-wrap { font-size: 1.4rem; color: #000; margin-bottom: 5px;}
.pdf-wrap a {text-decoration: underline; color: #000;}


footer .kaou {width: 33%;}
footer .kaou_otsu {width: 33%;}
footer .so {width: 33%;}

footer .kaou img {width: 280px;  }
footer .kaou_otsu img {width: 330px; }
footer .so img {width: 250px; }

footer .unei { font-size: 1.6rem; text-align: center;margin: 20px 0 20px 0;}
footer .kyushi {font-size: 1.4rem; color: #D7070A; font-weight: bold; margin-top: 5px; } 



/*----------------------------------------------------
タブレット
-----------------------------------------------------*/

@media screen and (max-width: 980px) {

html {font-size: 75%;}
.inner { width: 100%; margin: 0 auto;}
.slide img {width: 100%;}
.st_info {width: 90%; font-size: 1.2rem;}	
#gnav { width: 70%;}
footer #gnav { width: 50%; margin-bottom: 30px;}	
footer .en {font-size: 2.3rem;margin-top: 0;}
	
.qr_ico_green{
    background: url(../img/svg/attach_g.svg) top left no-repeat;
    padding-left: 30px;
    background-size: 25px 25px;}	
	
footer .kaou {width: 100%; margin-top: 30px;}
footer .kaou_otsu {width: 100%;margin-top: 30px;}
footer .so {width: 100%;margin-top: 30px;}
	
.f_bg { background: url(../img/footer_bgsp.png) top center no-repeat; height: 820px; background-size: 2745px 820px;}	
	
}


/*----------------------------------------------------
スマホ
-----------------------------------------------------*/
@media screen and (max-width: 599px) {

#gnav { display: none;}	
.sp_gnav  { display: inherit;}
.menu {
    display: inherit;
}	
.st_info {width: 80%; }
	
header .logo_con { margin-top: 130px;}
footer .logo_con { margin-top: 25px; margin-bottom: 20px;}	
	
header .st_info{position: fixed; left: 0;
  right: 0;
  margin: auto; z-index: 100; }	
	
.inner { padding: 0 0;}
html {font-size: 62.5%;}
	
/*スマホだけ改行*/
.br_pc { display: none; }
.br_sp { display: block; }
	
header .date {display: none;}	
header .root {display: none;}	 
#gnav span { font-size: 2.0rem;}
header .en  { font-size: 2.5rem;}	

.st_info {width: 80%; font-size: 1.4rem;}	
.en {margin-top: 45px;}	

#gnav { width: 90%;}	
header h1 img {width: 90%;}	
.rec_bnr {width: 80%; background-image: none;}
.slide {background-image: none;}	
footer #gnav {width: 80%;}	
footer #gnav {margin: 10px auto 20px;}	
address {margin: 10px 0 10px;}
footer .st_info { font-size: 1.2rem;}	
footer .copy { font-size:0.8rem;}
.rec_bnr P {font-size: 1.3em;}		
address {font-size: 1.2rem;}	
	
.specalist .stripe:after { content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 8px;
  background: none;
}	
	
footer .kaou {width: 100%; margin-top: 30px;}
footer .kaou_otsu {width: 100%;margin-top: 10px;}
footer .so {width: 100%;margin-top: 10px;}	

.f_bg { background: url(../img/footer_bgsp.png) top center no-repeat; height: 830px; background-size: 2745px 830px;}	
	
}


/*----------------------------------------------------
スマホ
-----------------------------------------------------*/
@media screen and (max-width: 350px) {
	
footer .st_info .date {font-size: 0.9rem;}
footer .st_info .root {font-size: 0.9rem;}
footer .st_info .map {font-size: 1.0rem;}	

.h1_bg01 h1 {font-size: 2.0rem;	}
}