@charset "UTF-8";
/*-----------------------------------------------------------------------------
basic
-----------------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	list-style: none;
}

html {
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: #fff;
}
nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration: none;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
}

hr {
    display:block;
    height:4px;
    border:0;
    border-top:4px solid #e1edf6;
    margin: 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}


body {
color: #333;
font-size: 90%;
line-height: 1.7em;
font-weight:normal;
font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
overflow: hidden;
letter-spacing: 0.05rem;
padding-top: 80px;
background: white;
position: relative;}
@media (min-width: 768px) {
body {
font-size: 92%;
overflow: hidden;
letter-spacing: 0.05rem;
}
}

@media (min-width: 992px) {
body {
font-size: 94%;
line-height: 1.8em;
overflow: hidden;
padding-top: 0px;
letter-spacing: 0.05rem;
}
}
@media (min-width: 1280px) {
body {
font-size: 98%;
overflow: hidden;
letter-spacing: 0.08rem;
}
}

@media (min-width: 1980px) {
body {max-width: 1980px;margin: 0px auto;}

}

/* -------------------------------

/* 共通
---------------------------------------------------- */

.fluid {position: relative;
	max-width: 1170px;
	margin: 0 auto;
}



.clearfix:after {
  content: "";
  clear: both;
	display: table;
}
.clear {clear: both;}

a{outline:none;}

.f-right {float: right;}
.f-left {float: left;}
.pointer {cursor: pointer;}
ul.decimal li{list-style: decimal;margin-left: 25px;line-height: 1.7;}
ul.dot li{list-style:disc;margin-left: 25px;line-height: 1.7;text-align: left;}
ul.square {margin-left: 30px;}
ul.square li{list-style:disc;line-height: 1.7;}

.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; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.pad10 { padding: 10px; }
.pad20 { padding: 20px; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pl10 { padding-left: 10px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w33 { width: 33.33333333%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w70 { width: 70%; }
.w80 { width: 80%; }
.mb150mb100{margin-bottom: 150px;}
.mb120mb80{margin-bottom: 120px;}
.mb80mb50{margin-bottom: 80px;}
.mb50mb30{margin-bottom: 50px;}

@media (max-width: 1140px) {
.mb120mb80{margin-bottom: 80px;}
.mb150mb100{margin-bottom: 100px;}

}


@media (max-width: 991px) {
.mb120mb80{margin-bottom: 60px;}
.mb150mb100{margin-bottom: 90px;}
.mb30-md{margin-bottom: 30px;}
}

@media (max-width: 767px) {
.space15{margin-bottom: 15px;}
.mb150mb100{margin-bottom: 80px;}
.mb120mb80{margin-bottom: 50px;}
.mb80mb50{margin-bottom: 50px;}
.mb50mb30{margin-bottom: 30px;}
.mb20-xs{margin-bottom: 20px;}
.mb30-xs{margin-bottom: 30px;}
.mb10-xs{margin-bottom: 10px;}
}
@media (max-width: 568px) {
.mb30-xs2{margin-bottom: 30px;}
.mb10-xs{margin-bottom: 10px;}

}


@media (min-width: 1200px) {

.mb30-xl { margin-bottom: 30px !important; }
}

.indent {
  padding-left: 1em;
  text-indent: -1em;
}

.indent2 {
  padding-left: 1.8em;
  text-indent: -1.8em;
}

.flexbox{display: flex;align-items: center;}
.flexbox-between{display: flex;align-items: center;justify-content: space-between;}

.flexbox3{display: flex;align-items: flex-end;}
.flexbox4{display: flex;justify-content: flex-end;}


@media (max-width: 767px) {
.flexbox4{display:block;}


}


.bg-gray{background: #f7f7f7;}
.bg-cream{background: #FBF8EC;}
.bg-blue{background:#f5fdfd;}

.font-noto{font-family: 'Noto Sans JP', sans-serif;}
.font-barlow{font-family: 'Barlow Condensed', sans-serif;}
.font-mplus{font-family: 'M PLUS Rounded 1c', sans-serif;}
.font-kaisei{font-family: 'Kaisei Decol', serif;}
.oblique{font-style: oblique;}




/*btn
------------------------------ */
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

img{vertical-align: bottom;}




/* アニメーション
---------------------------------------------------- */
.delayed-image {
	/* じわっと画像が表示される */
 	animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
}

/* じわっと画像が表示される ---------　一度追加していたら不要*/
@keyframes fadeIn { /*上のbody内で呼び出しているアニメーションと名前をそろえる*/
    0% {opacity: 0} /* 始め */
    100% {opacity: 1} /* 終わり */
}

/*古いブラウザ用　---------　一度追加していたら不要*/
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.vertical {
  animation: vertical_6392 2.44s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes vertical_6392 {
  0% { transform:translate(0,-3px) }
  3.27869% { transform:translate(0,3px) }
  6.55738% { transform:translate(0,-3px) }
  9.83606% { transform:translate(0,3px) }
  13.11475% { transform:translate(0,-3px) }
  16.39344% { transform:translate(0,3px) }
  18.03279% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}

.fluffy {
	-webkit-animation: fluffy 0.8s linear 0s 1;
	animation: fluffy 0.8s linear 0s 1;
}
@-webkit-keyframes fluffy {
	0%   { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
	15%  { -webkit-transform: scale(0.9, 0.9) translate(0%, 5%); }
	30%  { -webkit-transform: scale(1.3, 0.8) translate(0%, 10%); }
	50%  { -webkit-transform: scale(0.8, 1.3) translate(0%, -10%); }
	70%  { -webkit-transform: scale(1.1, 0.9) translate(0%, 5%); }
	100% { -webkit-transform: scale(1.0, 1.0) translate(0%, 0%); }
}
@keyframes fluffy {
	0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
	15%  { transform: scale(0.9, 0.9) translate(0%, 5%); }
	30%  { transform: scale(1.3, 0.8) translate(0%, 10%); }
	50%  { transform: scale(0.8, 1.3) translate(0%, -10%); }
	70%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
	100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}

.horizontal {
  animation: horizontal_5801 2.72s ease infinite;
  transform-origin: 50% 50%;
}

@keyframes horizontal_5801 {
  0% { transform:translate(0,0) }
  4.41177% { transform:translate(5px,0) }
  8.82353% { transform:translate(0,0) }
  13.23529% { transform:translate(5px,0) }
  17.64706% { transform:translate(0,0) }
  22.05882% { transform:translate(5px,0) }
  26.47059% { transform:translate(0,0) }
  100% { transform:translate(0,0) }
}

.passing-reverse {
  animation: passing-reverse_1059 4s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes passing-reverse_1059 {
  0% { transform:translateX(50%); opacity:0 }
  50% { transform:translateX(35%); opacity:.5 }
  100% { transform:translateX(0%); opacity:1 }
}

.float {
  animation: float_1 4s linear infinite;
  transform-origin: 50% 50%;
}
@keyframes float_1 {
  0% { transform: translateY(0) }
  50% { transform: translateY(-10px) }
  100% { transform: translateY(0) }
}

.float2 {
  animation: float_2 2s linear infinite;
  transform-origin: 50% 50%;
}
@keyframes float_2 {
  0% { transform: translateY(0) }
  60% { transform: translateY(-5px) }
  100% { transform: translateY(0) }
}


/* link
---------------------------------------------------- */
a:link,a:visited{text-decoration:none;}
a:hover,a:active{text-decoration:none;}
a.opacity {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a.opacity:hover {
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
	opacity: 0.6;
}
a:focus{
  outline: none;
}
a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
[data-action="call"]  {text-decoration: none;}

/* font-size color
---------------------------------------------------- */
.x-small { font-size: 10px; line-height: 1.6; }
.small { font-size: 12px; line-height: 1.6; }
.middle { font-size: 14px; }
.large { font-size: 16px; }
.x-large { font-size: 18px; }
.x2-large { font-size: 20px; }
.x3-large { font-size: 22px; }
.x4-large { font-size: 24px; }
.max-large { font-size: 32px; }
.italic {font-style: italic;}
.bold{font-weight: bold;}

.white { color: #ffffff; }
.red { color: #f00; }
.blue { color: #0587c6; }
.purple { color: #e24bc4; }
.orange { color: #e48f0a; }
.green { color: #39a124; }
.pink{color: #FA68AF;}


/* スマホ・タブレット用
---------------------------------------------------- */
#header {
  box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
  z-index: 9999;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
}
#gNav a:hover {
  color: #000;
}
#gNav .nav li a {
  font-size: 15px;
  letter-spacing: 0.2em;
}

#gNav .nav .sub-menu,.mean-container .mean-nav ul ul {
  background: #fff;
  background-image: linear-gradient(to top, #fff 0%, #faf1d0 100%);
}


@media only screen and ( max-width : 991px ) {
  #header {
    padding: 10px 0;
    height: 80px;
  }
  .h_logo {
    width: auto;
    position: absolute;
    top: 18px;
    left: 15px;
    z-index: 100;
  }
  #gNav .nav {
    overflow-y: auto;
    height: 100vh;
  }
  .mean-nav .container {
    padding: 0;
  }
 
 #gNav  .nav li i {
    display: none;
  }
 #gNav .nav li a:hover {color: #669933!important;}
#gNav .nav li.active a{color:#669933!important;}

}
@media only screen and ( max-width : 667px ) {
  .h_logo {
    width: 200px;
    position: absolute;
    top: 22px;
    left: 15px;
  }

}


@media print, screen and ( min-width : 992px ) {
  #header {display: none;}

}





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

.header{display: none;}
header{display: none;}










/* -----  nav ------- */



@media (min-width: 992px) {
header{display: block;}

.site-header{
position: fixed;
	display: flex;
	justify-content: space-between;
	width: 100%;
	z-index: 99;
	top:0;
	left:0;
	height: 100px;
	transition: .3s; 
	background: none!important;
}
.site-header:hover{background: white!important;}



.header__menu {
  position: relative;
  padding: 0;
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: white;
}
.home .header__menu {background:none;}


.header__menu h1{margin-left: 20px;}
.header__menu h1 img{width: 220px;height: auto;}
.header__menu .navbox{display: flex;justify-content: flex-end;}
.header__menu .navbox ul{margin-right: 2em;}

.header__menu ul {margin-right: 0em;}
.header__menu li { display: inline-block;}

.header__menu li a {
   color: #111; 
 font-size: 16px;
  line-height: 100px;
  padding: 0em 1.3em;
  display: block;}
  
.header__menu li:hover a{color: #ff6600;position: relative;}
.header__menu li:hover a::after {
    content: "●";
    font-size: 10px;
    font-weight: normal;
    color: #ff6600;
    position: absolute;
    bottom: -20px;
    left: 50%;transform: translateX(-50%);
}  

.header__menu li a.active{color: #ff6600; position: relative;}
.header__menu li a.active::after {
    content: "●";
    font-size: 10px;
    font-weight: normal;
    color: #ff6600;
    position: absolute;
    bottom: -20px;
    left: 50%;transform: translateX(-50%);
}  


.mega__menu-second {visibility: hidden;opacity: 0;}
.mega__menu .mega__menu-second {
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  background: #ff9933; /* メガメニューの背景色 */
  padding: 60px 0px;
  box-sizing: border-box;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}

.mega__menu:hover .mega__menu-second {
  top: 100px;
  visibility: visible;
  opacity: 1;}
.mega__menu-second ul{display: flex;justify-content: space-between;align-items: center;width: 100%;}
.mega__menu-second ul li.business{width: 18%!important;}
.mega__menu-second ul li.company{width: 23%!important;}
.mega__menu-second ul li.recruit{width: 47%!important;}

.header__menu li .mega__menu-second li a{ background: none;padding: 0;margin: 0;}
.header__menu li .mega__menu-second li a::after {
    display: none;
}  

a .linkbox {position: relative;line-height:1!important;background: black;display: block;transition: .3s;}
a:hover .linkbox {background: #447817;}

a .linkbox p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  margin:0;
  margin-right: -50%;
  background: rgba(255,255,255,0);
  padding:10px;
  color:white;
  font-size: 15px;
  font-weight: 500;
  }

a .linkbox img {padding: 0;margin: 0;
  width: 100%;
  height: auto;
  opacity: .6;
  vertical-align: bottom;
  }

}


@media (min-width: 1280px) {
.header__menu h1{margin-left: 20px;}
.header__menu h1 img{width:auto;height: auto;}
.header__menu li a {font-size: 18px; padding: 0em 1.5em;}

.mega__menu .mega__menu-second { padding: 100px 0px;}

a .linkbox p {font-size: 16px;  }

}


@media (min-width: 1680px) {
.header__menu h1{margin-left: 40px;}
.header__menu h1 img{width: auto;height: auto;}


}











/* fixedナビ表示
---------------------------------------------------- */

@media (min-width: 992px) {

.header__menu .btn-group {display: flex;justify-content: flex-end;}
.header__menu .btn-group a.btn-fixed{width: 100px;height: 100px;display: flex;flex-direction: column;justify-content: center;align-items: center;font-family: 'Montserrat', sans-serif;letter-spacing: 0;transition: .3s;}
.header__menu .btn-group a.btn-fixed.mail{background: #ff6633;color: white;text-align: center;font-size: 14px;}
.header__menu .btn-group a.btn-fixed.staff{background: #46a429;color: white;text-align: center;font-size: 14px;}
.header__menu .btn-group a.btn-fixed.mail:hover{background: #dc4614;}
.header__menu .btn-group a.btn-fixed.staff:hover{background: #207606;}

}










/* main
---------------------------------------------------- */
#mainimage{ position: relative;}
.carousel-item {
  height: 100vh;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.carousel-item::before {
  content: '';
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.carousel-caption h2{margin-bottom:30px;font-size: 52px;font-family: 'Zen Kaku Gothic Antique', sans-serif;}
.carousel-caption h2 span{display: block;font-size: 24px;font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";font-weight: bold;padding-top: 10px;}
.carousel-caption p{font-size: 15px;line-height: 2;}


@media (max-width: 991px) {
.carousel-item {height: calc(100vh - 80px);}
.carousel-caption {
  position: absolute;
  right: 10%;
  bottom: 60px;
  left: 10%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

.carousel-caption h2{margin-bottom:20px;font-size: 40px;}
.carousel-caption h2 span{display: block;font-size: 20px;padding-top: 10px;}
.carousel-caption p{font-size: 14px;line-height: 2;}

}

@media (max-width:568px) {
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 20px;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-caption {
  right: 5%;
  bottom: 50px;
  left: 5%;
  z-index: 10;
  padding-top: 15px;
  padding-bottom: 15px;
}

.carousel-caption h2{margin-bottom:20px;font-size: 30px;}
.carousel-caption h2 span{display: block;font-size: 18px;padding-top: 10px;}
.carousel-caption p{font-size: 14px;line-height: 2;}

}


/* index.html 
---------------------------------------------------- */
.home #section01{position: relative; width: 100%;padding: 70px 0px;}
.home #section01 p.txt{text-align: center;font-family: 'Noto Serif JP', serif;font-size: 17px;line-height: 2;margin-bottom: 30px;}
.home #section01 p.txt2{font-size: 16px;margin-bottom: 20px;}


.home #section02{position: relative; width: 100%;display: flex;justify-content: space-between;margin-bottom: 60px;}
.home #section02 .title{width: 50px;text-align: center;}
.home #section02 .wrap{width:  calc(100% - 50px);}
.home #section02 .wrap li{border-bottom: 1px solid white;}
.home #section02 .wrap .box {background: #000;  position: relative;}
.home #section02 .wrap .box .index {width: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  color: white;
  }
.home #section02 .wrap .box .index .title2{font-size: 24px;margin-bottom: 20px;}
.home #section02 .wrap .box .index .title2 span{font-size: 16px;display: block;}
.home #section02 .wrap .box .index .txt{font-size: 14px;line-height: 1.4;}
.home #section02 .wrap .box img {  width: 100%;  opacity: .7;  }
.home #section02 .wrap .box:hover img { width: 100%; opacity: .5;  }


.home #section03{position: relative; width: 100%;display: flex;justify-content: space-between;margin-bottom: 60px;}
.home #section03 .title{width: 50px;text-align: center;}
.home #section03 .wrap{width:  calc(100% - 50px);}
.home #section03 .wrap .box{background: #ecedeb;position: relative;padding: 40px 50px;}
.home #section03 .wrap a .box{color: #333;}
.home #section03 .wrap .box .index{font-family: 'Montserrat', sans-serif;font-size: 25px;margin-bottom: 30px;}
.home #section03 .wrap .box .index span{font-size: 16px;display: block;padding-top: 5px;color: #ff6600;}
.home #section03 .wrap .box .txt{font-size: 14px;margin-bottom: 20px;}
.home #section03 .wrap .box .pic{}
.home #section03 .wrap a .box .btn-maru{position: absolute;right:15px;bottom: -20px;transition: .3s;}
.home #section03 .wrap a:hover .box .btn-maru.orange{background: #ea4801;}
.home #section03 .wrap a .box .btn-maru img{transition: .3s;}
.home #section03 .wrap a:hover .box .btn-maru img{margin-left: 10px;}


.home #section04{position: relative; width: 100%;display: flex;justify-content: space-between;margin-bottom: 60px;}
.home #section04 .title{width: 50px;text-align: center;}
.home #section04 .wrap{width:  calc(100% - 50px);}
.home #section04 .wrap .box{background: #ecedeb;position: relative;padding: 40px 50px;}
.home #section04 .wrap a .box{color: #333;}
.home #section04 .wrap .box .index{font-family: 'Montserrat', sans-serif;font-size: 25px;margin-bottom: 30px;}
.home #section04 .wrap .box .index span{font-size: 16px;display: block;padding-top: 5px;color: #18a05a;}
.home #section04 .wrap .box .txt{font-size: 14px;margin-bottom: 20px;}
.home #section04 .wrap .box .pic{}
.home #section04 .wrap a .box .btn-maru{position: absolute;right:15px;bottom: -20px;transition: .3s;}
.home #section04 .wrap a:hover .box .btn-maru.green{background: #086c39;}
.home #section04 .wrap a .box .btn-maru img{transition: .3s;}
.home #section04 .wrap a:hover .box .btn-maru img{margin-left: 10px;}

.home #section05{position: relative; padding: 30px 0px; margin-bottom: 60px;background: url("../images/bg-top-toroku.jpg");background-position: center top;background-size:auto 210px;background-repeat: no-repeat;display: flex;flex-direction: column;}
.home #section05 h3{margin-bottom:20px;margin-left: 20px;}
.home #section05 h3 span{background: url("../images/bar-xs.jpg");background-position: center right;background-repeat: no-repeat; padding-right: 60px;font-weight: 700;font-size: 18px;}
.home #section05 .txt{font-weight: 100;font-size: 18px;line-height: 1.8;color: #000;margin-bottom: 30px;margin-left: 20px;}
.home #section05 .box{background: #fafafa; position: relative;width: 85%;padding: 20px;}
.home #section05 .inbox {background: #000;  position: relative;}
.home #section05 .inbox .index {
  position: absolute;
  bottom: 10%;
  left:10%;
  margin:0;
  padding:0;
  color: white;
  font-weight: bold;
  font-size: 16px;
  }
.home #section05 .inbox img {  width: 100%; height: auto; opacity: .8;  }
.home #section05 .inbox:hover img { width: 100%; opacity: .6;  }

@media (min-width: 569px) {
.home #section01 p.txt{font-size: 22px;}

.home #section05{position: relative; padding: 30px 0px; margin-bottom: 60px;background: url("../images/bg-top-toroku.jpg");background-position: center top;background-size:auto 260px;background-repeat: no-repeat;display: flex;flex-direction: column;}


}




@media (min-width: 768px) {
.home #section01{padding: 80px 0px;}
.home #section01 p.txt{font-size: 24px;}
.home #section01 p.txt2{font-size: 16px;line-height:2.2;padding-right: 20px;}

.home #section02{margin-bottom: 80px;align-items: center;}
.home #section02 .title{width: 70px;}
.home #section02 .wrap{width:  calc(100% - 70px);}
.home #section02 .wrap li{border-right: 1px solid white;border-bottom: 1px solid white;}
.home #section02 .wrap .box .index {width: 90%; }
.home #section02 .wrap .box .index .title2{font-size: 20px;margin-bottom: 20px;}
.home #section02 .wrap .box .index .title2 span{font-size: 13px;display: block;}
.home #section02 .wrap .box .index .txt{font-size: 14px;line-height: 1.4;}


.home #section03{margin-bottom: 160px;align-items: center;}
.home #section03 .title{width: 70px;}
.home #section03 .wrap{width:  calc(100% - 70px);}
.home #section03 .wrap .box{background: #ecedeb;position: relative;padding: 50px 60px;}
.home #section03 .wrap a .box{color: #333;}
.home #section03 .wrap .box .index{font-family: 'Montserrat', sans-serif;font-size: 28px;margin-bottom: 40px;}
.home #section03 .wrap .box .index span{font-size: 16px;display: block;padding-top: 5px;color: #ff6600;}
.home #section03 .wrap .box .txt{font-size: 14px;margin-bottom: 0px;width: 45%;}
.home #section03 .wrap .box .pic{position: absolute;width: 50%;top:130px;right:0;}
.home #section03 .wrap .box .pic img{}
.home #section03 .wrap a .box .btn-maru{position: absolute;right:auto;left:120px;bottom: -60px;}


.home #section04{margin-bottom: 160px;align-items: center;}
.home #section04 .title{width: 70px;}
.home #section04 .wrap{width:  calc(100% - 70px);}
.home #section04 .wrap .box{background: #ecedeb;position: relative;padding: 50px 60px;}
.home #section04 .wrap a .box{color: #333;}
.home #section04 .wrap .box .index{font-family: 'Montserrat', sans-serif;font-size: 28px;margin-bottom: 40px;}
.home #section04 .wrap .box .index span{font-size: 16px;display: block;padding-top: 5px;}
.home #section04 .wrap .box .txt{font-size: 14px;margin-bottom: 0px;width: 45%;}
.home #section04 .wrap .box .pic{position: absolute;width: 50%;top:130px;right:0;}
.home #section04 .wrap .box .pic img{}
.home #section04 .wrap a .box .btn-maru{position: absolute;right:auto;left:120px;bottom: -60px;}

.home #section05{position: relative; padding: 0px 30px; margin-bottom: 180px;background: url("../images/bg-top-toroku.jpg");background-position: center;background-size: cover;height: 280px;display: flex;flex-direction: column;justify-content: center;}
.home #section05 h3{margin-bottom:30px;}
.home #section05 h3 span{background: url("../images/bar-xs.jpg");background-position: center right;background-repeat: no-repeat; padding-right: 60px;font-weight: 700;font-size: 22px;}
.home #section05 .txt{font-size: 24px;line-height: 1.8;}
.home #section05 .box{background: #fafafa; position: absolute; top:87%;left:0;width: 95%;padding: 25px;}
.home #section05 .inbox .index { font-size: 15px; }
}



@media (min-width: 992px) {
.home #section01 p.txt{font-size: 28px;margin-bottom: 40px;}
.home #section01 p.txt2{font-size: 16px;line-height:2.8;padding-right: 0px;}

.home #section02 .wrap .box .index .title2{font-size: 28px;margin-bottom: 40px;}
.home #section02 .wrap .box .index .title2 span{font-size: 15px;display: block;letter-spacing: 0;}
.home #section02 .wrap .box .index .txt{font-size: 14px;line-height: 1.6;}

.home #section03 .wrap .box{background: #ecedeb;position: relative;padding: 60px 70px;}
.home #section03 .wrap .box .index{font-family: 'Montserrat', sans-serif;font-size: 32px;margin-bottom: 40px;}
.home #section03 .wrap .box .index span{font-size: 18px;display: block;padding-top: 5px;}
.home #section03 .wrap .box .pic{position: absolute;width: 50%;top:60px;right:0;}
.home #section03 .wrap a .box .btn-maru{position: absolute;right:auto;left:170px;bottom: -60px;}

.home #section04 .wrap .box{background: #ecedeb;position: relative;padding: 60px 70px;}
.home #section04 .wrap .box .index{font-family: 'Montserrat', sans-serif;font-size: 32px;margin-bottom: 40px;}
.home #section04 .wrap .box .index span{font-size: 18px;display: block;padding-top: 5px;}
.home #section04 .wrap .box .pic{position: absolute;width: 50%;top:60px;right:0;}
.home #section04 .wrap a .box .btn-maru{position: absolute;right:auto;left:170px;bottom: -60px;}

.home #section05{ margin-bottom: 250px;}

}




@media (min-width: 1280px) {
.home #section01{padding: 120px 0px;}
.home #section01 p.txt{font-size: 32px;margin-bottom: 60px;}
.home #section01 p.txt2{line-height: 3.2;padding-right: 50px;}

.home #section02{margin-bottom: 120px;}
.home #section02 .title{width: 100px;}
.home #section02 .wrap{width:  calc(100% - 100px);}
.home #section02 .wrap .box .index {width: 80%; }
.home #section02 .wrap .box .index .title2 span{font-size: 15px;display: block;letter-spacing: 0;padding-top: 5px;}

.home #section03{margin-bottom: 220px;}
.home #section03 .title{width: 100px;}
.home #section03 .wrap{width:  calc(100% - 100px);}
.home #section03 .wrap .box{background: #ecedeb;position: relative;padding: 100px 80px;}
.home #section03 .wrap .box .index{font-family: 'Montserrat', sans-serif;font-size: 50px;margin-bottom: 60px;}
.home #section03 .wrap .box .index span{font-size: 24px;display: block;padding-top: 10px;}
.home #section03 .wrap .box .txt{font-size: 16px;line-height: 1.8;}
.home #section03 .wrap .box .pic{position: absolute;width: 50%;top:80px;right:100px;}
.home #section03 .wrap a .box .btn-maru{position: absolute;right:auto;left:20%;bottom: -80px;}

.home #section04{margin-bottom: 220px;}
.home #section04 .title{width: 100px;}
.home #section04 .wrap{width:  calc(100% - 100px);}
.home #section04 .wrap .box{background: #ecedeb;position: relative;padding: 100px 80px;}
.home #section04 .wrap .box .index{font-family: 'Montserrat', sans-serif;font-size: 50px;margin-bottom: 60px;}
.home #section04 .wrap .box .index span{font-size: 24px;display: block;padding-top: 10px;}
.home #section04 .wrap .box .txt{font-size: 16px;line-height: 1.8;}
.home #section04 .wrap .box .pic{position: absolute;width: 50%;top:80px;right:100px;}
.home #section04 .wrap a .box .btn-maru{position: absolute;right:auto;left:20%;bottom: -80px;}

.home #section05{position: relative; padding: 0px 100px; margin-bottom: 300px;background: url("../images/bg-top-toroku.jpg");background-position: center;background-size: cover;height: 660px;display: flex;flex-direction: column;justify-content: center;}
.home #section05 h3{margin-bottom:50px;}
.home #section05 h3 span{background: url("../images/bar.jpg");background-position: center right;background-repeat: no-repeat; padding-right: 100px;font-weight: 700;font-size: 26px;}
.home #section05 .txt{font-size: 32px;line-height: 1.8;}
.home #section05 .box{background: #fafafa; position: absolute; top:87%;left:0;width: 87%;padding: 40px;}
.home #section05 .inbox .index { font-size: 16px; }

}





@media (min-width: 1680px) {
.home #section02 .wrap .box .index {width: 70%; }

.home #section02 .wrap .box .index .title2{font-size: 36px;margin-bottom: 80px;}
.home #section02 .wrap .box .index .title2 span{font-size: 16px;display: block;letter-spacing: 0.05rem;;}
.home #section03 .wrap .box{background: #ecedeb;position: relative;padding: 110px 130px;}
.home #section03 .wrap .box .index{font-family: 'Montserrat', sans-serif;font-size: 60px;margin-bottom: 120px;}
.home #section03 .wrap .box .index span{font-size: 24px;display: block;padding-top: 25px;}
.home #section04 .wrap .box{background: #ecedeb;position: relative;padding: 110px 130px;}
.home #section04 .wrap .box .index{font-family: 'Montserrat', sans-serif;font-size: 60px;margin-bottom: 120px;}
.home #section04 .wrap .box .index span{font-size: 24px;display: block;padding-top: 25px;}
.home #section05{margin-bottom: 400px;}
.home #section05 .txt{font-size: 48px;line-height: 2;}
.home #section05 .box{ top:90%;left:0;width: 82%;padding: 50px;}
.home #section05 .inbox .index { font-size: 22px; }

}


.btn-maru{width: 110px;height: 110px;border-radius: 50%;color: white;display: flex;flex-direction: column;justify-content: center;align-items: center;letter-spacing: 0;font-size: 13px;}
.btn-maru.orange{background: #ff6600;}
.btn-maru.green{background: #18a05a;}


a.veiwmore{font-family: 'Noto Serif JP', serif;font-weight: 400;color: white;font-size: 16px;border-bottom: 1px solid white;padding-bottom: 5px;transition: .3s;}
a.veiwmore img{margin-left: 5px;vertical-align: middle;}
a.veiwmore:hover{color: #ccc;border-bottom: 1px dashed #ccc;}

a.veiwmore.white{font-family: 'Noto Serif JP', serif;font-weight: 400;color:#333;font-size: 16px;border-bottom: 1px solid #333;padding-bottom: 5px;transition: .3s;}
a.veiwmore.white:hover{color: #999;border-bottom: 1px dashed #999;}





@media (min-width: 1280px) {
a.veiwmore{font-size: 20px;}
a.veiwmore.white{font-size: 20px;}

.btn-maru{width: 150px;height: 150px;border-radius: 50%;font-size: 14px;}


}





/* pagetop 
---------------------------------------------------- */
#pagetop {
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 100;
}
 #pagetop img{vertical-align: bottom;}

#pagetop a {
    display: block;
    width: auto;
    text-align: center;
}
 
#pagetop a:hover {
    opacity: .8;
    text-decoration: none;
}






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

#common{background:#fafafa;border-top: 1px solid #666;border-bottom: 1px solid #666;}
#common ul{display: flex;flex-direction: column; align-items: center;}
#common ul li{padding: 30px 0px;border-bottom: 1px solid #666; width: 100%;}
#common ul li.contact{padding: 0px 0px!important;border-bottom: none;}
#common ul li.contact a{padding: 30px 0px!important;transition: .3s;display: block;}
#common ul li.contact a:hover{background: #fbcb7f;}
#common ul li .index{text-align: center;color: #666;margin-bottom: 10px;font-family: 'Noto Serif JP', serif;}
#common .tel{text-align: center;font-size: 28px;font-family: 'Montserrat', sans-serif;font-weight: 600; vertical-align: middle;}
#common .tel span{color: #4b4b4b;}
#common .tel img{margin-right: 5px;}
#common .mail{text-align: center;vertical-align: middle;}
#common .mail {text-align: center;font-size: 20px;color: #4b4b4b;}
#common .mail img{margin-right: 5px;}

footer{background:#fafafa;padding: 40px 0px;}


footer .footer-logo{text-align: center;margin-bottom: 20px;}
footer .address{font-size: 13px;line-height: 1.5;margin-bottom: 10px;text-align: center;font-family: 'Noto Sans JP', sans-serif;}
footer .tel{font-size: 16px;line-height: 1.8;text-align: center;margin-bottom: 20px;font-family: 'Montserrat', sans-serif;}
footer .tel span{color: #333;}



.footer-menu{margin-bottom: 0px;padding:20px 15px;}
.footer-menu .index {
  position: relative;
  display: inline-block;
  margin-bottom: 2.5em;
  font-size: 14px;
  font-weight: 600;
  font-family: 'Noto Sans JP', sans-serif;
}
.footer-menu .index:before {
  content: '';
  position: absolute;
  bottom: -10px;
  display: inline-block;
  width: 20px;
  height: 1px;
  left: 0;
  background-color: #333;
}


.footer-menu .block{border:1px solid #999;padding: 20px;margin-bottom: 10px;}

.footer-menu ul{}
.footer-menu li{}
.footer-menu li a{color: #333;font-size: 14px;text-decoration: none;margin-bottom: 10px;display: block;transition: .3s;}
.footer-menu li a:hover{color: #f18200;}

.copy{font-size: 12px;color:#666;text-align: center;}

@media (min-width: 569px) {
.footer-menu{width: auto;border-top: none;padding: 0px 0px 0px 0px;display: flex;flex-flow: wrap; justify-content: space-between;}
.footer-menu{border-top: none;padding: 0px 0px 0px 0px;margin-bottom: 30px;}
.footer-menu .block{border:1px solid #999;padding: 15px;margin-bottom: 0px;width: 48%;}

}


@media (min-width: 768px) {
#common{}
#common ul{display: flex;flex-direction: row; justify-content:space-between;align-items: center;}
#common ul li{padding: 50px 0px;border-right: 1px solid #666;border-bottom:none; width: 50%;}
#common ul li.contact{padding: 0px 0px!important;border-right:none;}
#common ul li.contact a{padding: 50px 0px!important;}
#common ul li .index{font-size: 16px;}
#common .tel{font-size: 30px;}
#common .tel img{margin-right: 5px;}


footer{ padding: 60px 0px;}
footer .footer-logo{text-align:center;margin-bottom: 30px;}
footer .footer-logo img{width: 200px;height: auto;}
footer .address{font-size: 13px;text-align: center;letter-spacing: 0;}
footer .tel{font-size: 15px;text-align: center;}

.footer-menu{width: auto;border-top: none;padding: 0px 0px 0px 0px;display: flex;justify-content: space-between;}
.footer-menu{border-top: none;padding: 0px 0px 0px 0px;margin-bottom: 30px;}
.footer-menu .block{border:none;padding:0px 15px;margin-bottom: 0px;width: 24%;}

.footer-menu ul{border-top: none;border-left:none;}
.footer-menu li {width: auto;float: none;padding-bottom: 10px;}
.footer-menu li a{text-decoration: none;text-align: left; border-bottom: none; line-height: 1;border-right: none;font-size: 13px;}


.copy{font-size: 12px;text-align: left;}


}


@media (min-width: 992px) {

footer{}
footer .footer-logo{text-align: left;margin-bottom: 30px}
footer .address{text-align: left;letter-spacing: 0;}
footer .tel{text-align:left;margin-bottom: 30px;}


.footer-menu{border-top: none;padding: 0px 0px 0px 0px;margin-bottom: 0;}
.footer-menu ul{}
.footer-menu li a{text-decoration: none;border-bottom: none; line-height: 1;border-right: none; letter-spacing: .1rem;}

.copy{font-size: 12px;}

}




@media (min-width: 1280px) {
#common ul li{padding: 70px 0px;}
#common ul li.contact a{padding: 70px 0px!important;}
#common ul li .index{font-size: 18px;}
#common .tel{font-size: 32px;}
#common .tel span{}
#common .tel img{margin-right: 5px;}

footer{ padding: 80px 0px;}
footer .footer-logo{text-align:left;margin-bottom: 40px;}
footer .footer-logo img{width: auto;height: auto;}
footer .address{line-height: 1.5;}

.footer-menu ul{margin-left: 0px;}
.footer-menu li a{text-decoration: none;font-size: 14px;}




}


@media (min-width: 1680px) {
footer{}

}



/*------------------------------　　下層ページ style　　------------------------------------------*/
.h2area{height: 180px;display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;}
.h2area::before {
  content: '';
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}
.h2area.business1{background: url("../images/h2-round.jpg");background-position: center;background-size: cover;}
.h2area.business2{background: url("../images/h2-keibi.jpg");background-position: center;background-size: cover;}
.h2area.business3{background: url("../images/h2-sisyoku.jpg");background-position: center;background-size: cover;}
.h2area.business4{background: url("../images/h2-traffic.jpg");background-position: center;background-size: cover;}
.h2area.business5{background: url("../images/h2-helping.jpg");background-position: center;background-size: cover;}
.h2area.h2-about{background: url("../images/h2-about.jpg");background-position: center;background-size: cover;}
.h2area.h2-work{background: url("../images/h2-works.jpg");background-position: center;background-size: cover;}
.h2area.h2-contact{background: url("../images/h2-contact.jpg");background-position: center;background-size: cover;}
.h2-txt {font-size: 24px;letter-spacing: 0.08rem;font-weight: 600;color: white;position: relative;z-index: 10;text-align: center;}
.h2-txt span{font-size: 14px;display: block;font-family: 'Montserrat', sans-serif;letter-spacing: 0.05rem;padding-top: 5px;}



.h2-shadow {
    -webkit-filter: drop-shadow(3px 5px 5px rgba(0,0,0,.3));
        filter: drop-shadow(3px 5px 5px rgba(0,0,0,.3));
        }
		


.headline-h3 {
text-align: center;
  font-size: 26px;
  position: relative;
  display: inline-block;
  margin-bottom: 3em;
font-weight: 500;
}

.headline-h3:before {
  content: '';
  position: absolute;
  bottom: -25px;
  display: inline-block;
  width: 50px;
  height: 3px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #f60;
  border-radius: 2px;
}


.headline-h4 { text-align: left;
  font-size: 16px;
color: #222;
font-weight: 500;
margin-bottom: 30px;
padding-left: 15px;
position: relative;
background: url("../images/border-left.gif");
background-position: left center;
background-repeat: no-repeat;
}




@media (min-width: 768px) {
.h2area{height: 300px;}

.h2-txt {font-size: 36px;letter-spacing: 0.08rem;}
.h2-txt span{font-size: 20px;padding-top: 5px;}



.headline-h3 {font-size: 30px;}


.headline-h4 { font-size: 20px;}

}


@media (min-width: 992px) {
.h2area{margin-top: 100px!important;}

.headline-h4 {
  font-size: 24px;
  margin-bottom: 40px;}




}


@media (min-width: 1280px) {
.h2area{height: 380px;}

.h2-txt {font-size: 46px;letter-spacing: 0.08rem;}
.h2-txt span{font-size: 22px;}

.headline-h3 {font-size: 30px;margin-bottom: 4em;}





.headline-h4 {  font-size: 24px;}

}



#pankuzu{background: #fff;}





.marker {
  background: linear-gradient(transparent 60%, #ffff7f 0%);
}
.marker2 {
  background: linear-gradient(transparent 70%, #f60 0%);
}

.btn-back {
  display: inline-block;
  padding:10px 5px;
  text-align: center;
  width:240px;
  text-decoration: none;
  border-radius: 30px;
  background:#6ecfde;
  color: #fff;/*文字色*/
  font-size: 15px;
  letter-spacing: 0;
  transition: .3s;
}
.btn-back:hover{
  color: #fff;/*文字色*/
  background:#388faa;

}

.btn-pdf {
  display: inline-block;
  padding:10px 5px 10px 40px;
  text-align: left;
  width:100%;
  text-decoration: none;
  border-radius: 7px;border:3px solid #85def7;
  background:url("../images/ico-pdf.png"),#fff;
  background-position: center left 10px;background-repeat: no-repeat;
  color: #555;/*文字色*/
  font-size: 14px;
  letter-spacing: 0;
}
.btn-pdf:hover{
  color: #222;/*文字色*/
  background:url("../images/ico-pdf.png"),#85def7;
background-position: center left 10px;background-repeat: no-repeat;
}


@media (min-width: 768px) {
.btn-back {
  padding:18px 5px;
  width:340px;
  font-size: 16px;
}

}



.photo-ofi {
  height: 0;
  display: block;
  background: none;
  overflow: hidden;
  position: relative;
  padding-bottom: 65%;
  /* 高さを指定（ボックスの横幅を基準） */
}
.photo-ofi img {
  max-width: inherit;
  max-height: inherit;
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  font-family: 'object-fit: scale-down;';
  position: absolute;
  left: 0;
  top: 0;
}



/* paging */
.paging {
	padding:0px 10px;
	line-height: 1.4;
	font-size: 14px;
}
.paging .page{text-align: center;margin-bottom: 5px;font-size: 13px;}
.paging span.current,
.paging  span.paging-text a{
	padding:5px 10px;
	color:#333;
	display:inline-block;
	margin:3px 0;
	background: #fff;
	border: 1px solid #ddd;
	text-decoration: none;
}
.paging span.current {
	background:#DA4646;
	color:#fff;
}
.paging span.paging-text a:hover {
	background:#DA4646;
	color:#fff;
}



/* shadow */
.box-shadow {box-shadow: 4px 4px #cdeaf8;}
.box-shadow2 {box-shadow: 2px 2px 10px rgba(0,0,0,.5)}
.drop-shadow { -webkit-filter: drop-shadow(0px 2px 1px rgba(0,0,0,.2));
        filter: drop-shadow(0px 2px 1px rgba(0,0,0,.2)); }
.drop-shadow2 { -webkit-filter: drop-shadow(0px 0px 10px rgba(0,0,0,.08));
        filter: drop-shadow(0px 0px 10px rgba(0,0,0,.08));}


.table-responsive {position: relative;z-index: 10;
border:none;
}


@media screen and (max-width: 767px) {
.table-responsive {
border:none;
}
.table-responsive::after {
font-size: 12px;
display: block;
padding: 0px 5px 5px 5px;
content: "表は左右にスクロールできます";
color: #999;
}
.table-responsive::-webkit-scrollbar {
height: 5px;
}

.table-responsive::-webkit-scrollbar-track {
border-radius: 5px;
background: #eee;
}

.table-responsive::-webkit-scrollbar-thumb {
border-radius: 5px;
background:#4ba4bc;
}
}


/* アコーディオン */

.accordion {width:100%;}
.accordion .flexbox{display: block;}
.accordion dt {
	cursor:pointer;
	background: url(../images/plus_white.gif),#999;
	background-repeat: no-repeat;
	background-position: right 15px center;
	color:#fff;
	padding:10px;
	font-size:15px;	
	font-weight: 700;
	border-radius: 10px;
}
.accordion dd{
	display:none;
	font-size:14px;
	line-height:120%;
	margin:0;
	padding:0px;
	}

.accordion dt.active{
	background: url(../images/minus_white.gif),#555;
	background-repeat: no-repeat;
	background-position: right 15px center;
	margin-bottom: 10px;
}

.accordion dt.over {
	background-color: #333;
}
.accordion dd ul{margin: 0px 0px;}
.accordion dd ul li{display: block;margin-bottom: 5px;}
.accordion dd ul li .job-cate a{padding: 10px 0px;text-align: center;color: #222;font-size: 16px;line-height: 1.5;font-weight: 700;border-radius: 10px;display: block;}
.accordion dd ul li .job-cate a span{font-size: 13px;letter-spacing: 0.05rem;font-weight: normal;}
.accordion dd ul li .job-cate.cate1 a{background: #b0e478;}
.accordion dd ul li .job-cate.cate2 a{background: #f7c06e;}
.accordion dd ul li .job-cate.cate3 a{background: #fc9cc7;}
.accordion dd ul li .job-cate.cate4 a{background: #fc9c9c;}
.accordion dd ul li .job-cate.cate5 a{background: #a2d4fb;}
.accordion dd ul li .job-cate.cate6 a{background: #fbe890}

.accordion dd ul li .job-cate.cate1 a:hover{background: #eee;}
.accordion dd ul li .job-cate.cate2 a:hover{background: #eee;}
.accordion dd ul li .job-cate.cate3 a:hover{background: #eee;}
.accordion dd ul li .job-cate.cate4 a:hover{background: #eee;}
.accordion dd ul li .job-cate.cate5 a:hover{background: #eee;}
.accordion dd ul li .job-cate.cate6 a:hover{background: #eee;}

.accordion2 {width:100%;margin-bottom: 30px;}
.accordion2 .flexbox{display: block;}
.accordion2 dt {
	cursor:pointer;
	background: url(../images/plus_white.gif),#f90;
	background-repeat: no-repeat;
	background-position: right 15px center;
	color:#fff;
	padding:10px 20px;
	font-size:18px;	
	font-weight: 700;
	border-radius: 10px;
}
.accordion2 dd{
	display:none;
	font-size:14px;
	line-height:120%;
	margin:0;
	padding:0px;
	}

.accordion2 dt.active{
	background: url(../images/minus_white.gif),#555;
	background-repeat: no-repeat;
	background-position: right 15px center;
	margin-bottom: 10px;
}
.accordion2 dt.over {background-color: #f60;}
.accordion2 dd ul{margin: 0px 0px;}
.accordion2 dd ul li{display: block;margin-bottom: 5px;}
.accordion2 dd ul li{display: block;margin-bottom: 5px;}
.accordion2 dd ul li a{padding: 10px 20px;background: #FAE2BF; text-align: left;color: #222;font-size: 16px;line-height: 1.5;font-weight: 700;border-radius: 10px;display: block;transition: .3s;}
.accordion2 dd ul li a:hover{background: #eee;}
.accordion2 dd ul li a.active{background:#FF9901;color: white;}

.accordion3 {width:100%;margin-bottom: 15px;}
.accordion3 dt {
	cursor:pointer;
	background: url(../images/plus_white.gif),#f90;
	background-repeat: no-repeat;
	background-position: right 15px center;
	color:#fff;
	padding:10px 20px;
	font-size:18px;	
	font-weight: 700;
	border-radius: 10px;
}
.accordion3 dd{
	display:none;
	line-height:1.7;
	margin:0;
	padding:20px;
	}
.accordion3 dt.active{
	background: url(../images/minus_white.gif),#f60;
	background-repeat: no-repeat;
	background-position: right 15px center;
	margin-bottom: 10px;
}
.accordion3 dt.over {background-color: #f60;}
.accordion3 dd p{line-height: 1.6;}


#form-kensaku{
position:relative; 
margin-bottom:50px;	
}
#sbox{	
outline:0;	
height:46px;
padding:0 10px; 
position:absolute; 
left:0;
top:0; 
width:78%;
border-radius:5px;
background:#eee;
}
#sbtn{
width:20%;
height:46px;
position:absolute; 
right:0px; 
top:0;
border-radius:5px;
background:#FF9901;
color:#fff;
font-weight:bold;
font-size:14px;
border:none;
}
#sbtn:hover{
background:#D58000;
color:#333;
}

@media (min-width: 768px) {

.accordion {width:100%;display: block;}
.accordion .flexbox{display: flex;}
.accordion dt {display: none;}

.accordion dd{
	display:block;
	line-height:1.6;
	margin:0;
	padding:0px;	
	}
.accordion dd ul{
	display:flex;
	line-height:1;
	margin:0;
	padding:0px;	
	}
.accordion dd ul li{
width: calc(100%/4);
	padding:5px;
	box-sizing:border-box;}
	
.accordion dd ul li .job-cate a{padding: 10px;text-align: center;background: #eee;display: flex;height: 80px;align-items: center;justify-content: center;flex-direction: column; border-radius: 7px;transition: .3s;}

.accordion dd ul li .job-cate.cate1 a{background: #b0e478;}
.accordion dd ul li .job-cate.cate2 a{background: #f7c06e;}
.accordion dd ul li .job-cate.cate3 a{background: #fc9cc7;}
.accordion dd ul li .job-cate.cate4 a{background: #fc9c9c;}
.accordion dd ul li .job-cate.cate1 a:hover{background: #eee;}
.accordion dd ul li .job-cate.cate2 a:hover{background: #eee;}
.accordion dd ul li .job-cate.cate3 a:hover{background: #eee;}
.accordion dd ul li .job-cate.cate4 a:hover{background: #eee;}

.accordion2 {width:100%;margin-bottom: 0px;}

.accordion3 dt {
	cursor:pointer;
	background: url(../images/plus_white.gif),#f90;
	background-repeat: no-repeat;
	background-position: right 15px center;
	color:#fff;
	padding:20px 20px;
	font-size:18px;	
	font-weight: 700;
	border-radius: 10px;
}
.accordion3 dd{
	display:none;
	line-height:1.8;
	margin:0;
	padding:20px;
	}
.accordion3 dt.active{
	background: url(../images/minus_white.gif),#f60;
	background-repeat: no-repeat;
	background-position: right 15px center;
	margin-bottom: 10px;
}

#form-kensaku{
position:relative;
width: 350px;
float: right;
margin-bottom:0px;
}
#sbox{	
outline:0;	
height:45px;
padding:0 10px; 
position:absolute; 
right:280px;
top:0; 
width:260px;
border-radius:5px;
background:#eee;
}
#sbtn{
width:70px;
height:45px;
position:absolute; 
right:0px!important; 
top:0;
border-radius:5px;
background:#FF9901;
color:#fff;
font-weight:bold;
font-size:16px;
border:none;
}



}


@media (min-width: 992px) {
.accordion2 dt {
	cursor:pointer;
	background: url(../images/plus_white.gif),#f90;
	background-repeat: no-repeat;
	background-position: right 15px center;
	color:#fff;
	padding:13px 20px;
	font-size:18px;	
	font-weight: 700;
	border-radius: 10px;
}

#form-kensaku{
position:relative;
width: 400px;
float: right;
margin-bottom:0px;
}
#sbox{	
outline:0;	
height:50px;
padding:0 10px; 
position:absolute; 
right:380px;
top:0; 
width:320px;
border-radius:10px;
background:#eee;
}
#sbtn{
width:70px;
height:50px;
position:absolute; 
right:0px!important; 
top:0;
border-radius:10px;
background:#FF9901;
color:#fff;
font-weight:bold;
font-size:16px;
border:none;
}



}





/* -----  round.html  -----*/

.round #section01{padding: 60px 0px;}
.round #section01 p{padding: 0px 25px;margin-bottom: 30px;}

.round #section02{padding: 60px 0px;}
.round #section02 .wrap{;}
.round #section02 .wrap .box{background: white;border:1px solid #B0D999;padding: 30px;position: relative;margin-bottom: 30px;}
.round #section02 .wrap .box .num{position: absolute;top:-15px;left:15px;font-size:44px;font-family: 'Montserrat', sans-serif;color: #90C271;z-index: 10;}
.round #section02 .wrap .box .index{text-align: center;font-weight: 600;margin-bottom: 1.8em;font-size: 16px;}
.round #section02 .wrap .box .txt{}

.page-contact-box{padding: 60px 0px;background: #f48518;}
.page-contact-box a.btn-contact{border:1px solid #eee;padding: 20px 15px;text-align: center;display: block;color: white;transition: .3s;}
.page-contact-box a.btn-contact:hover{background: white;color: #111;border-radius: 15px;}


@media (min-width:768px) {
.round #section01{padding: 80px 0px;}
.round #section01 p{margin-bottom: 0px;}
.round #section02{padding: 80px 0px;}
.round #section02 .wrap{display: flex;flex-flow: wrap;justify-content: space-between;}
.round #section02 .wrap .box{background: white;border:1px solid #B0D999;padding: 30px 20px;width: 32%;margin-bottom: 45px;}
.round #section02 .wrap .box .num{position: absolute;top:-15px;left:15px;font-size:44px;}
.round #section02 .wrap .box .index{text-align: center;font-weight: 600;}
.round #section02 .wrap .box .txt{}


.page-contact-box{padding: 60px 0px;background: #f48518;}
.page-contact-box a.btn-contact{padding: 25px 15px;font-size: 16px;}

}


@media (min-width:992px) {
.round #section01 p{padding: 0px 15px;line-height: 2;}


}


@media (min-width:1280px) {
.round #section01{padding: 100px 0px;}
.round #section01 p{padding: 0px 20px;line-height: 2;font-size: 18px;}
.round #section02{padding: 100px 0px;}
.round #section02 .wrap .box{padding: 50px 40px;}
.round #section02 .wrap .box .num{position: absolute;top:-15px;left:25px;font-size:54px;}
.round #section02 .wrap .box .index{font-size: 18px;}

.page-contact-box{padding: 80px 0px;}
.page-contact-box a.btn-contact{padding: 45px 15px;font-size: 26px;}

}





/* -----  security.html  -----*/
.keibi #section01{padding: 60px 0px;background: url("../images/bg-logo-security-s.jpg");background-position: center;background-repeat: no-repeat;}
.keibi .t1{font-weight: 700;text-align: center;font-size: 12px;color: white;}
.keibi #section01 p{padding: 0px 0px;font-weight: 500;line-height: 1.8;font-size: 15px;}

.keibi #section02{padding: 60px 0px;background: #e2edf9;}
.keibi #section03{padding: 60px 0px;}
.keibi #section03 .tel span{color: #222;}
.keibi #section03 .wrap p{font-weight: 500;font-size: 15px;line-height: 1.8;}
.keibi #section03 .wrap .card p{font-size: 14px;}
.kaiten1{transform: rotate(1deg);}
.kaiten2{transform: rotate(-3deg);}

.border-right {
  border-right: none !important;
}
.keibi #section04{padding:60px 0px;background:#BCD8A9;position: relative;}
.keibi #section04 #keibi-job{position: absolute;top:-80px;left:0;}

.keibi #section05{padding: 60px 0px;}
.cp_arrows *, .cp_arrows *:before, .cp_arrows *:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_arrows {
	position: relative;
	display: flex;
	margin: 2em auto;
	justify-content: center;
	align-items: center;
}
.cp_arrows .cp_arrow {
	position: absolute;
	top: calc(50% - 25px);
	left: 50%;
	width: 40px;
	height: 40px;
}
.cp_arrows .cp_arrow::before,
.cp_arrows .cp_arrow::after {
	position: absolute;
	display: block;
	width: 3px;
	height: 30px;
	content: '';
	-webkit-transition: all 0.3s ease-in-out;
	        transition: all 0.3s ease-in-out;
	-webkit-transform: translate(-50%, -50%) rotateZ(-60deg);
	        transform: translate(-50%, -50%) rotateZ(-60deg);
	transform-origin: bottom right;
	border-radius: 10px;
	background:#FF7C00;
}
.cp_arrows .cp_arrow::after {
	-webkit-transform: translate(-50%, -50%) rotateZ(60deg);
	        transform: translate(-50%, -50%) rotateZ(60deg);
	-webkit-transform-origin: bottom left;
	        transform-origin: bottom left;
}
.cp_arrows .cp_bounce {
	-webkit-animation: arrow-move09 2s infinite ease-in-out;
	        animation: arrow-move09 2s infinite ease-in-out;
}
@-webkit-keyframes arrow-move09 {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
	48% {
		-webkit-transform: translateY(-20px);
		        transform: translateY(-20px);
	}
	60% {
		-webkit-transform: translateY(-15px);
		        transform: translateY(-15px);
	}
}
@keyframes arrow-move09 {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
	48% {
		-webkit-transform: translateY(-20px);
		        transform: translateY(-20px);
	}
	60% {
		-webkit-transform: translateY(-15px);
		        transform: translateY(-15px);
	}
}

.content-box{background: white;border-radius: 20px;width:auto;margin: 0px auto;padding: 30px;position: relative;}
.content-box .txt1{font-size: 18px;margin-bottom: 25px;line-height: 1.5;font-weight: 700;}
.content-box .txt2{font-size: 18px;margin-bottom: 25px;line-height: 1.5;text-align: center;}
.content-box .point-logo{position: absolute;top:10px;right: 10px;}
.content-box .point-logo img{width: 80px;height: auto;}
.content-box .point-logo2{position: absolute;top:-30px;right: 10px;}
.content-box .point-logo2 img{width: 70px;height: auto;}
.card2{background:  #FBECDB;border-radius: 15px;}
.card2-body{padding: 20px;}
.card2-body .index{text-align: center;margin-bottom: 20px;font-weight: 700;font-size: 18px;letter-spacing: .2rem;}
.card2-body .address{text-align: center;margin-bottom: 5px;}
.card2-body .tel{text-align: center;margin-bottom: 20px;font-size: 14px;}
.card2-body .tel span{font-size:20px;color: #222;font-weight: bold;}
.card2-body .biko{text-align: left;}
a.btn-job{background: #569B36;color: white;font-weight: 700;text-align: center;border-radius: 6px;display: block;padding: 10px;font-size: 16px;transition: .3s;}
a.btn-job:hover{background: #9c6;}
a.btn-toroku{background:linear-gradient(0deg,darkorange 0%,darkorange 50%,orange 50%,orange 100%);color: white;font-weight: 700;text-align: center;border-radius: 6px;display: block;padding: 10px;font-size: 16px;}
a.btn-toroku:hover{background: #c96;}
.job-set{border:3px solid #eee;padding: 20px; margin-bottom: 50px;border-radius: 15px;background: white;}
.job-set .pic{display: none;}

.job-set .table th{border-top:none;border-bottom: 1px solid #eee;width: 100%;display: block;font-weight: normal;}
.job-set .table td{border-top:none;border-bottom: 1px solid #eee;width: 100%;display: block;}
.area-cate1 {background: #b0e478;padding: 20px 15px;text-align: center;font-weight: 700;font-size: 18px;color: #222;border-radius: 10px;margin-bottom: 15px;}
.area-cate2 {background:#F7C06E;padding: 20px 15px;text-align: center;font-weight: 700;font-size: 18px;color: #222;border-radius: 10px;margin-bottom: 15px;}
.area-cate3 {background:#FC9CC7;padding: 20px 15px;text-align: center;font-weight: 700;font-size: 18px;color: #222;border-radius: 10px;margin-bottom: 15px;}
.area-cate4 {background:#FC9D9D;padding: 20px 15px;text-align: center;font-weight: 700;font-size: 18px;color: #222;border-radius: 10px;margin-bottom: 15px;}
.area-cate5 {background:#A2D4FB;padding: 20px 15px;text-align: center;font-weight: 700;font-size: 18px;color: #222;border-radius: 10px;margin-bottom: 15px;}
.area-cate6 {background:#FBE890;padding: 20px 15px;text-align: center;font-weight: 700;font-size: 18px;color: #222;border-radius: 10px;margin-bottom: 15px;}

.h3-job{font-size: 18px;font-weight: 700;text-align: center;}


@media (min-width: 568px) {

.content-box .point-logo2{position: absolute;top:-20px;right: 10px;}
.content-box .point-logo2 img{width:60px;height: auto;}
}



@media (min-width: 768px) {
.keibi #section01{padding: 80px 0px;}
.keibi #section02{padding: 80px 0px;}
.keibi #section03{padding: 80px 0px;}
.keibi #section03 .wrap p{font-weight: 500;font-size: 16px;line-height: 1.8;}

.border-right {display: block;
  border-right: 1px solid #dee2e6 !important;
}
.keibi #section04{padding: 80px 0px;}
.keibi #section05{padding: 80px 0px;}

.content-box{background: white;border-radius: 20px;width: 710px;margin: 0px auto;padding: 30px;position: relative;}
.content-box .txt1{font-size: 20px;margin-bottom: 25px;}
.content-box .txt2{font-size: 20px;margin-bottom: 25px;}
.content-box .point-logo{position: absolute;top:10px;right: 10px;}
.content-box .point-logo img{width: 100px;height: auto;}
.content-box .point-logo2{position: absolute;top:-20px;right: 10px;}
.content-box .point-logo2 img{width:100px;height: auto;}
.card2-body{padding: 30px;}
.card2-body .index{text-align: center;margin-bottom: 20px;font-weight: 700;font-size: 30px;letter-spacing: .2rem;}
.card2-body .address{text-align: center;margin-bottom: 20px;}
.card2-body .tel{text-align: center;margin-bottom: 20px;font-size: 14px;}
.card2-body .tel span{font-size:24px;color: #222;font-weight: bold;}
.card2-body .tel span.call{margin-right: 30px;}
.card2-body .biko{text-align: center;}
a.btn-job{background: #569B36;color: white;font-weight: 700;text-align: center;border-radius: 6px;display: block;padding: 15px;font-size: 18px;transition: .3s;}
a.btn-toroku{color: white;font-weight: 700;text-align: center;border-radius: 6px;display: block;padding: 15px;font-size: 18px;}
.job-set{margin-bottom: 50px;border:4px solid #eee;padding: 30px; }
.job-set .table th{border-top:none;border-bottom: 1px solid #eee;width: 150px;display: table-cell;}
.job-set .table td{border-top:none;border-bottom: 1px solid #eee;width: auto;display: table-cell;}
.area-cate1 {background: #b0e478;padding: 20px 15px;text-align: center;font-weight: 700;font-size: 24px;color: #222;border-radius: 10px;margin-bottom: 0px;}
.area-cate2 {background:#F7C06E;padding: 20px 15px;text-align: center;font-weight: 700;font-size: 24px;color: #222;border-radius: 10px;margin-bottom: 0px;}
.area-cate3 {background:#FC9CC7;padding: 20px 15px;text-align: center;font-weight: 700;font-size: 24px;color: #222;border-radius: 10px;margin-bottom: 0px;}
.area-cate4 {background:#FC9D9D;padding: 20px 15px;text-align: center;font-weight: 700;font-size: 24px;color: #222;border-radius: 10px;margin-bottom: 0px;}
.area-cate5 {background:#A2D4FB;padding: 20px 15px;text-align: center;font-weight: 700;font-size: 24px;color: #222;border-radius: 10px;margin-bottom: 0px;}
.area-cate6 {background:#FBE890;padding: 20px 15px;text-align: center;font-weight: 700;font-size: 24px;color: #222;border-radius: 10px;margin-bottom: 0px;}

.h3-job{font-size: 20px;text-align: left;padding-right: 90px;}
.job-set{border:4px solid #eee;padding: 20px; margin-bottom: 50px;border-radius: 20px;background: white;position: relative;}
.job-set .pic{display: block;position: absolute;right: 10px;top:-20px;}
.job-set .pic img{width: 80px; height: auto;}


}



@media (min-width: 992px) {
.keibi .t1{font-weight: 700;text-align: center;font-size: 14px;color: white;}

.keibi #section01{background: url("../images/bg-logo-security.jpg");background-position: center;background-repeat: no-repeat;}
.keibi #section01 p{padding: 0px 80px;font-weight: 500;line-height: 1.8;font-size: 16px;}

.keibi #section04 #keibi-job{position: absolute;top:0px;left:0;}

.content-box{background: white;border-radius: 20px;width: 840px;margin: 0px auto;padding: 40px;position: relative;}
.content-box .txt1{font-size: 20px;margin-bottom: 25px;}
.content-box .txt2{font-size: 20px;margin-bottom: 25px;letter-spacing: 0.4rem;}

.content-box .point-logo{position: absolute;top:10px;right: 10px;}
.content-box .point-logo img{width: 130px;height: auto;}
.content-box .point-logo2 img{width:150px;height: auto;}
.card2{background:  #FBECDB;border-radius: 15px;width: 640px;margin: 0px auto;}
a.btn-job{background: #569B36;color: white;font-weight: 700;text-align: center;border-radius: 6px;display: block;padding: 20px;font-size: 18px;transition: .3s;}
a.btn-toroku{color: white;font-weight: 700;text-align: center;border-radius: 6px;display: block;padding: 20px;font-size: 18px;}
.job-set{margin-bottom: 80px;border:5px solid #eee;padding: 50px; }
.h3-job{font-size: 24px;padding-right: 100px;}


}

@media (min-width: 1140px) {
.keibi .t1{font-weight: 700;text-align: center;font-size: 14px;color: white;}

.keibi #section01 p{padding: 0px 80px;font-size: 18px;}
.keibi #section03 .wrap{padding: 0px 100px;}
.keibi #section03 .wrap p{font-weight: 500;font-size: 18px;line-height: 1.8;}

.keibi #section03 .wrap .card{padding:30px;}

.content-box{background: white;border-radius: 20px;width: 960px;margin: 0px auto;padding: 60px;}
.content-box .txt1{font-size: 24px;margin-bottom: 30px;}
.content-box .txt2{font-size: 24px;margin-bottom: 30px;}

.content-box .point-logo{position: absolute;top:10px;right: 10px;}
.content-box .point-logo img{width: auto;height: auto;}



}

@media (min-width: 1280px) {
.keibi .t1{font-weight: 700;text-align: center;font-size: 18px;color: white;}
.keibi #section01{padding: 100px 0px;}
.keibi #section01 p{padding: 0px 90px;font-size: 18px;}
.keibi #section02{padding: 100px 0px;}
.keibi #section03{padding: 100px 0px;}
.keibi #section04{padding: 100px 0px;}
.keibi #section05{padding: 100px 0px;}
.job-set .pic img{width: auto; height: auto;}

}






/* -----  about.html  -----*/
.colormy #section01{padding: 60px 0px;position: relative;}
.colormy #section01 #target1{position: absolute;left:0;top:-80px;}
.colormy #section01 .txt{margin-bottom: 30px;}
.colormy #section01 .working{;}

.colormy #section01.bg-orange{background: #f9c37f;}

.colormy .txt1{text-align: center;font-weight: bold;margin-bottom: 40px;font-size: 16px;color: #630;line-height: 1.9;}
.colormy .txt1 span{font-size: 20px;color: #3bbe88;}
.colormy .txt2{margin-bottom: 15px;}
.colormy .txt2 span{font-weight: 700;margin-bottom: 15px;font-size: 16px;color: #fff;background:#fa9218;padding: 7px 10px;border-radius: 25px; }
.colormy .txt3{font-weight: 700;font-size: 16px;color: #fff;background:#fa9218;padding: 7px 10px;border-radius: 25px; width: 300px;text-align: center;margin: 0px auto;}
.page-txtbox{width: 94%;margin: 0px auto;}
.page-txtbox2{width: 94%;margin: 0px auto;}

.colormy #section02{padding: 60px 0px;position: relative; }
.colormy #section02.aisatu{background: url("../images/bg-star.png"),#f5fbeb;background-position: center top 50px;background-size: 400px auto; background-repeat: no-repeat; }
.colormy #section02 #voice{position: absolute;top:-80px;left:0;}
.colormy #section02 #aisatu{position: absolute;top:-80px;left:0;}

.colormy #section02.bg-fukidasi{}
.colormy #section02 .card{border:5px solid #FBECDB;border-radius: 25px;}
.colormy #section02 .card-box{border:5px solid #FBECDB;border-radius: 25px;background: white;}

.colormy #section02 .card-body{padding: 20px;letter-spacing: 0rem;}
.colormy #section02 .name{font-size: 22px;font-weight: 700;margin-bottom: 30px;line-height: 1.8;}
.colormy #section02 .name span{font-size: 14px;font-weight: normal;background: #FF7C00;padding: 2px 5px;color: white;}
.colormy #section02 .comment{line-height: 1.8;}

.card2{background:  #FBECDB;border-radius: 15px;}
.card2-body{padding: 20px;}
.card2-body .index{text-align: center;margin-bottom: 20px;font-weight: 700;font-size: 18px;letter-spacing: .2rem;}
.card2-body .address{text-align: center;margin-bottom: 5px;}
.card2-body .tel{text-align: center;margin-bottom: 20px;font-size: 14px;}
.card2-body .tel span{font-size:20px;color: #222;font-weight: bold;}
.card2-body .biko{text-align: left;}


.colormy #section03{padding: 60px 0px;position: relative;}
.colormy #section03 #gaiyo{position: absolute;top:-80px;left:0;}
.colormy #section03.bg-orange{background: #fbf1d6;}
.colormy #section03.gaiyo{background: #e9f5fa;}
.colormy #section03.gaiyo .table th{background: #e9f5fa;width: 100%;display: block;border-top:none;border-bottom: 2px solid white;}
.colormy #section03.gaiyo .table td{background: #fff;width: 100%;display: block;border-top:none;border-bottom: 2px solid white;}
.colormy #section03.gaiyo .table td .map a{background: #e9f5fa;font-size: 12px;padding: 5px 5px;margin-left: 10px;color: #333;transition: .3s;}
.colormy #section03.gaiyo .table td .map a:hover{background: #ddd;}
.colormy #section03.gaiyo .table td .call{color: #333;}

.colormy #section04{padding: 60px 0px;position: relative;background:#fef3ec;}
.colormy #section04 #map{position: absolute;top:-80px;left:0;}
.colormy #section04 .map iframe{width: 100%;height: 300px;}

a.btn-job{background: #569B36;color: white;font-weight: 700;text-align: center;border-radius: 6px;display: block;padding: 10px;font-size: 16px;transition: .3s;}
a.btn-job:hover{background: #9c6;}
a.btn-toroku{background:linear-gradient(0deg,darkorange 0%,darkorange 50%,orange 50%,orange 100%);color: white;font-weight: 700;text-align: center;border-radius: 6px;display: block;padding: 10px;font-size: 16px;}
a.btn-toroku:hover{background: #c96;}
.job-set{border:3px solid #eee;padding: 20px; margin-bottom: 50px;border-radius: 15px;background: white;}
.job-set .pic{display: none;}

.job-set .table th{border-top:none;border-bottom: 1px solid #eee;width: 100%;display: block;font-weight: normal;}
.job-set .table td{border-top:none;border-bottom: 1px solid #eee;width: 100%;display: block;}
.area-cate1 {background: #b0e478;padding: 20px 15px;text-align: center;font-weight: 700;font-size: 18px;color: #222;border-radius: 10px;margin-bottom: 15px;}
.area-cate2 {background:#F7C06E;padding: 20px 15px;text-align: center;font-weight: 700;font-size: 18px;color: #222;border-radius: 10px;margin-bottom: 15px;}
.area-cate3 {background:#FC9CC7;padding: 20px 15px;text-align: center;font-weight: 700;font-size: 18px;color: #222;border-radius: 10px;margin-bottom: 15px;}
.area-cate4 {background:#FC9D9D;padding: 20px 15px;text-align: center;font-weight: 700;font-size: 18px;color: #222;border-radius: 10px;margin-bottom: 15px;}
.area-cate5 {background:#A2D4FB;padding: 20px 15px;text-align: center;font-weight: 700;font-size: 18px;color: #222;border-radius: 10px;margin-bottom: 15px;}
.area-cate6 {background:#FBE890;padding: 20px 15px;text-align: center;font-weight: 700;font-size: 18px;color: #222;border-radius: 10px;margin-bottom: 15px;}

.content-box{background: white;border-radius: 20px;width:auto;margin: 0px auto;padding: 30px;position: relative;}
.content-box .txt1{font-size: 18px;margin-bottom: 25px;line-height: 1.5;font-weight: 700;}
.content-box .txt4{font-size: 18px;margin-bottom: 25px;line-height: 1.5;text-align: center;}
.content-box .point-logo{position: absolute;top:10px;right: 10px;}
.content-box .point-logo img{width: 80px;height: auto;}
.content-box .point-logo2{position: absolute;top:-30px;right: 10px;}
.content-box .point-logo2 img{width: 70px;height: auto;}

.h3-job{font-size: 18px;font-weight: 700;text-align: center;}
.h3-index{text-align: center;font-size: 34px;font-family: 'Josefin Sans', sans-serif;letter-spacing: .2rem;margin-bottom: 30px;position: relative;}
.h3-index span{font-weight: 700;font-size: 15px;display: block;padding-top: 10px;}
.h3-index span img{position: absolute;top:0px;right:18%;width: 40px;height: auto;}

@media (min-width: 568px) {
.colormy #section01 .working{display: flex;justify-content: space-between;}
.colormy #section01 .working div{width: 19%;}

.colormy #section02.aisatu{background-size: 568px auto; background-repeat: no-repeat; } 
.content-box .point-logo2{position: absolute;top:-20px;right: 10px;}
.content-box .point-logo2 img{width:60px;height: auto;}

.h3-index span img{position: absolute;top:0px;right:20%;width: 40px;height: auto;}
}


@media (min-width: 768px) {
.colormy #section01{padding: 80px 0px;}
.colormy #section01 .txt{margin-bottom: 30px;}

.colormy .txt1{margin-bottom: 40px;font-size: 18px;}
.colormy .txt1 span{font-size: 26px;}
.page-txtbox{width: 90%;margin: 0px auto;}
.page-txtbox2{width: 90%;margin: 0px auto;}

.colormy #section02{padding:80px 0px;}
.colormy #section02.bg-fukidasi{}
.colormy #section02.aisatu{background-position: center top 50px;background-size: 860px auto;} 
.colormy #section02 .card-body{padding: 30px;}
.card2-body{padding: 30px;}
.card2-body .index{text-align: center;margin-bottom: 20px;font-weight: 700;font-size: 30px;letter-spacing: .2rem;}
.card2-body .address{text-align: center;margin-bottom: 20px;}
.card2-body .tel{text-align: center;margin-bottom: 20px;font-size: 14px;}
.card2-body .tel span{font-size:24px;color: #222;font-weight: bold;}
.card2-body .tel span.call{margin-right: 30px;}
.card2-body .biko{text-align: center;}

.colormy #section03{padding: 80px 0px;}
.colormy #section03.gaiyo .table th{background: #e9f5fa;width: 180px;display: table-cell;text-align: center;font-weight: normal;vertical-align: middle;}
.colormy #section03.gaiyo .table td{background: #fff;width: auto;display: table-cell;}
.colormy #section03.gaiyo .table td .call{color: #333;margin-right: 20px;}


.colormy #section04{padding: 80px 0px;}
.colormy #section04 .map iframe{width: 100%;height: 360px;}

a.btn-job{background: #569B36;color: white;font-weight: 700;text-align: center;border-radius: 6px;display: block;padding: 15px;font-size: 18px;transition: .3s;}
a.btn-toroku{color: white;font-weight: 700;text-align: center;border-radius: 6px;display: block;padding: 15px;font-size: 18px;}
.job-set{margin-bottom: 50px;border:4px solid #eee;padding: 30px; }
.job-set .table th{border-top:none;border-bottom: 1px solid #eee;width: 150px;display: table-cell;}
.job-set .table td{border-top:none;border-bottom: 1px solid #eee;width: auto;display: table-cell;}
.area-cate1 {background: #b0e478;padding: 20px 15px;text-align: center;font-weight: 700;font-size: 24px;color: #222;border-radius: 10px;margin-bottom: 0px;}
.area-cate2 {background:#F7C06E;padding: 20px 15px;text-align: center;font-weight: 700;font-size: 24px;color: #222;border-radius: 10px;margin-bottom: 0px;}
.area-cate3 {background:#FC9CC7;padding: 20px 15px;text-align: center;font-weight: 700;font-size: 24px;color: #222;border-radius: 10px;margin-bottom: 0px;}
.area-cate4 {background:#FC9D9D;padding: 20px 15px;text-align: center;font-weight: 700;font-size: 24px;color: #222;border-radius: 10px;margin-bottom: 0px;}
.area-cate5 {background:#A2D4FB;padding: 20px 15px;text-align: center;font-weight: 700;font-size: 24px;color: #222;border-radius: 10px;margin-bottom: 0px;}
.area-cate6 {background:#FBE890;padding: 20px 15px;text-align: center;font-weight: 700;font-size: 24px;color: #222;border-radius: 10px;margin-bottom: 0px;}

.h3-job{font-size: 20px;text-align: left;padding-right: 90px;}
.job-set{border:4px solid #eee;padding: 20px; margin-bottom: 50px;border-radius: 20px;background: white;position: relative;}
.job-set .pic{display: block;position: absolute;right: 10px;top:-20px;}
.job-set .pic img{width: 80px; height: auto;}
.h3-index{text-align: center;font-size: 50px;letter-spacing: .2rem;margin-bottom: 50px;}
.h3-index span{font-weight: 700;font-size: 15px;display: block;padding-top: 10px;}
.h3-index span img{position: absolute;top:20px;right:25%;width: auto;height: auto;}
.content-box{background: white;border-radius: 20px;width: 710px;margin: 0px auto;padding: 30px;position: relative;}
.content-box .txt1{font-size: 20px;margin-bottom: 25px;}
.content-box .txt4{font-size: 20px;margin-bottom: 25px;}
.content-box .point-logo{position: absolute;top:10px;right: 10px;}
.content-box .point-logo img{width: 100px;height: auto;}
.content-box .point-logo2{position: absolute;top:-20px;right: 10px;}
.content-box .point-logo2 img{width:100px;height: auto;}

}

@media (min-width: 992px) {
.colormy #section01 #target1{top:-100px;left:0;}
.colormy #section01 .txt{padding: 0px 80px; margin-bottom: 50px;}

.colormy .txt1{margin-bottom: 50px;font-size: 20px;}
.colormy .txt1 span{font-size: 30px;}
.colormy .txt3{font-weight: 700;font-size: 22px;color: #fff;background:#fa9218;padding: 7px 10px;border-radius: 25px; width: 400px;text-align: center;margin: 0px auto;}

.page-txtbox{width: 86%;margin: 0px auto;}
.page-txtbox2{width: 86%;margin: 0px auto;}


.colormy #section02.bg-fukidasi{}
.colormy #section02.aisatu{background-position: center top 80px;background-size: 992px auto;} 
.colormy #section02 .card-body{padding: 40px;}
.colormy #section02 #voice{top:-100px;left:0;}
.colormy #section02 #aisatu{top:-100px;left:0;}

.colormy #section03 #gaiyo{top:-100px;left:0;}


.colormy #section04 #map{position: absolute;top:-100px;left:0;}

a.btn-job{background: #569B36;color: white;font-weight: 700;text-align: center;border-radius: 6px;display: block;padding: 20px;font-size: 18px;transition: .3s;}
a.btn-toroku{color: white;font-weight: 700;text-align: center;border-radius: 6px;display: block;padding: 20px;font-size: 18px;}
.card2{background:  #FBECDB;border-radius: 15px;width: 640px;margin: 0px auto;}
.job-set{margin-bottom: 80px;border:5px solid #eee;padding: 50px; }
.h3-job{font-size: 24px;padding-right: 100px;}
.h3-index span img{position: absolute;top:40px;right:32%;width: auto;height: auto;}
.content-box{background: white;border-radius: 20px;width: 840px;margin: 0px auto;padding: 40px;position: relative;}
.content-box .txt1{font-size: 20px;margin-bottom: 25px;}
.content-box .txt4{font-size: 20px;margin-bottom: 25px;letter-spacing: 0.4rem;}

.content-box .point-logo{position: absolute;top:10px;right: 10px;}
.content-box .point-logo img{width: 130px;height: auto;}
.content-box .point-logo2 img{width:150px;height: auto;}

}


@media (min-width: 1140px) {
.content-box{background: white;border-radius: 20px;width: 960px;margin: 0px auto;padding: 60px;}
.content-box .txt1{font-size: 24px;margin-bottom: 30px;}
.content-box .txt4{font-size: 24px;margin-bottom: 30px;}

.content-box .point-logo{position: absolute;top:10px;right: 10px;}
.content-box .point-logo img{width: auto;height: auto;}
}


@media (min-width: 1280px) {
.colormy #section01{padding: 100px 0px;}
.colormy #section01 .txt{padding: 0px 120px; margin-bottom: 80px;font-size: 18px;line-height: 2.2;}
.page-txtbox{width:80%;margin: 0px auto;}
.page-txtbox2{width:500px;margin: 0px auto 0px 50px;}
.page-txtbox2 p{line-height: 2;font-weight: bold;}

.colormy #section02{padding: 100px 0px;}
.colormy #section02 .card-body{padding: 60px;}
.colormy #section02.bg-fukidasi{}
.colormy #section02.aisatu{background-position: center top 80px;background-size: auto auto;} 
.colormy #section03{padding: 100px 0px;}


.colormy #section04{padding: 100px 0px;}
.colormy #section04 .map iframe{width: 100%;height: 420px;}

.job-set .pic img{width: auto; height: auto;}
.h3-index{text-align: center;font-size: 58px;letter-spacing: .2rem;margin-bottom: 50px;}

}

@media (min-width: 1680px) {
.colormy #section02 .card-body{padding: 60px 60px 60px 80px;}


}




/* -----  staff.html  -----*/

.staff #section01{padding: 60px 0px;position: relative;}
.staff #section01 .t1{font-weight: 700;margin-bottom: 10px;}
.staff #section01 .t2{margin-bottom: 30px;}
.staff #section01 .card{background: #FAF5EB;}
.staff #section01 .card input {
    position:relative;
	top:0px;
	color: #111;
	font-size: 14px;
	padding:25px!important;
}

.staff #section02{padding: 60px 0px;}
.movie li{margin-bottom: 40px;}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 20px;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
.staff #section01{padding: 80px 0px;}
.staff #section01 .t1{font-weight: 700;margin-bottom: 10px;font-size: 18px;text-align: center;}
.staff #section01 .t2{margin-bottom: 30px;text-align: center;}
.staff #section01 .card{width: 400px;margin: 0px auto;}
.staff #section01 .card input {
    position:relative;
	top:0px;
	color: #111;
	font-size: 14px;
	padding:30px 20px!important;
}

.staff #section02{padding:80px 0px;}



}


@media (min-width: 992px) {
.staff #section01{padding: 80px 0px;}
.staff #section01 .t1{font-weight: 700;margin-bottom: 10px;font-size: 20px;text-align: center;}
.staff #section01 .card{width: 480px;margin: 0px auto;}
.staff #section01 .card .card-body{padding: 40px;}

.staff #section02{padding: 80px 0px;}
.movie li{margin-bottom: 70px;}




}














/* -----  contact.html ------- */
.contact #section01{padding:60px 0px;}
.contact .card{border:none;}
.contact #section01 .contact-box{}
.contact #section01 .contact-box p.time{text-align: center;color: #666;padding-top: 0px;}
.contact #section01 .contact-box ul{text-align: center;padding: 0px 25px;}
.contact #section01 .contact-box ul li{display: block;width: 100%;vertical-align: middle;padding: 15px 0px;border-bottom: 1px dashed #ccc;}
.contact #section01 .contact-box ul li:last-child{border-bottom: none;}
.contact #section01 .contact-box ul li p{text-align: left;}
.contact #section01 .contact-box ul li p.tel{text-align: center;font-size: 20px;color: #f60;}
.contact #section01 .contact-box ul li p.tel span{color: #222;font-size: 26px;padding-left: 5px;font-weight: 700;font-family: 'Roboto', sans-serif;}

.contact #section02{padding: 50px 0px 80px;}
.contact #section02 p{}
.contact #section02 p.privacy{padding-bottom: 20px;font-size: 14px;line-height: 1.5;}

.contact .table .table{margin-bottom: 30px;}
.contact .table th{background:#e8f3fd;vertical-align: middle;font-weight: normal;padding: 15px;width: 100%;display:block;}
.contact .table th span.hissu{background: red;color: white;padding: 0px 5px;border-radius: 5px;float: right;font-size: 12px;font-weight: bold;}
.contact .table td{background: #fff;padding: 15px;width: 100%;display:block;vertical-align: middle;}
.contact .table td span{font-size: 12px;display: block;}
.btn-lg{margin-bottom: 10px;letter-spacing: 0.08rem;font-size: 14px;}
.btn-lg:last-child{margin-bottom: 0px;}

.contact .doi-box{background:#f7f7f7;padding: 20px 15px;border-radius: 5px;}
.contact .doi-box p{font-size: 13px;}
.privacybox{height: 350px;overflow: auto;}

label.file {
  color: white;  
  background-color: #cc2829;
  padding: 6px 15px;
  border-radius: 30px;
  margin-bottom: 10px;
}
label.file:hover {cursor: pointer;background-color: #a31c1d;}

@media (min-width: 375px) {
.btn-lg{margin-bottom: 0px;letter-spacing: 0.08rem;font-size: 15px;}
.btn-lg:last-child{margin-bottom: 0px;}
}

@media (min-width: 768px) {
.contact #section01{padding:80px 0px;}
.contact #section01 p{}
.contact #section01 .contact-box{}
.contact #section01 .contact-box ul{text-align: center;padding: 0px;}
.contact #section01 .contact-box ul li{display: inline-block;width: 47%;vertical-align: middle;padding: 10px 0px;border-right: 1px dashed #ccc;border-bottom:none;}
.contact #section01 .contact-box ul li:last-child{border-right: none;}
.contact #section01 .contact-box ul li p{text-align: left;}
.contact #section01 .contact-box ul li p.tel{text-align: center;font-size: 24px;}
.contact #section01 .contact-box ul li p.tel span{font-size: 30px;}


.contact #section02{padding: 60px 0px 100px;}
.contact #section02 p{}
.contact #section02 p.privacy{font-size: 14px;line-height: 1.5;}

.contact .table .table{margin-bottom: 50px;}
.contact .table th{vertical-align: middle;font-weight: normal;padding: 15px;width: 250px;display: table-cell;}
.contact .table td{background: #fff;padding: 15px;display: table-cell;width: auto;}
.contact .table td span{font-size: 12px;display: block;}
.btn-lg{margin-bottom: 0px;letter-spacing: 0.08rem;font-size: 16px;}



}


@media (min-width: 992px) {
.contact .card{border:none;}
.contact #section01 .contact-box{width: 860px;margin: 0px auto;}
.contact #section01 .contact-box ul li p.tel{text-align: center;font-size: 24px;}
.contact #section01 .contact-box ul li p.tel span{font-size: 36px;}


.contact #section02{padding: 80px 0px 120px;}
.contact #section02 p{}
.contact #section02 p.privacy{}

.contact .table .table{margin-bottom: 50px;}
.contact .table th{vertical-align: middle;font-weight: normal;padding: 15px;width: 270px;display: table-cell;}
.contact .table td{background: #fff;padding: 15px;display: table-cell;width: auto;}
.contact .table td span{font-size: 12px;display: block;}



}


@media (min-width: 1140px) {
.contact .card{width:840px;margin: 0px auto;}

.contact #section02 p{}
.contact #section02 .wrap{width: 880px;margin: 0px auto;}

.contact #section02 p.privacy{}

.contact .table .table{margin-bottom: 50px;}
.contact .table th{vertical-align: middle;font-weight: normal;padding: 15px;width: 270px;display: table-cell;}
.contact .table td{background: #fff;padding: 15px;display: table-cell;width: auto;}
.contact .table td span{font-size: 12px;display: block;}
.privacybox{height: 400px;overflow: auto;}


}

@media (min-width: 1280px) {
.contact #section01{padding: 100px 0px;}


}

.doi-box{background:#fff;padding: 30px 15px;border-radius: 15px;}
.doi-box label{font-size: 13px;margin-bottom: 15px;}
.doi-box p a{color: #F46A02;font-size: 15px;transition: .3s;font-weight: bold;}
.doi-box p a:hover{color: #333;}
.doi-box .btn-lg{font-size: 13px;padding: 7px 5px;}

@media (min-width: 768px) {
.doi-box label{font-size: 14px;margin-bottom: 20px;}
.doi-box .btn-lg{font-size: 14px;padding: 7px 10px;}
}

@media (min-width: 1140px) {
.doi-box .btn-lg{font-size: 16px;padding: 15px 50px;}
}





.form-s{width:70px}
.form-m{width:150px}
.form-name{width:200px;}
.form100{width:99%}
.form-h{ height:80px}
.needinput{background-color:#fafafa;border:1px solid #ddd}
input ,select {
    position:relative;
	color: #111;
	font-size: 13px;
}
input[type="checkbox"], input[type="radio"] {vertical-align:middle;position: relative;top:-2px;margin-right: 5px;}
input{font-size:100%;vertical-align:middle; padding:12px;}
input[type="text"], select{border:1px solid #ddd;}
input,textarea { outline:0; padding:12px;border-radius: 7px; }
textarea{border:1px solid #ccc;width:99%;color: #111;}

input::placeholder {
	color: #ccc;font-size: 13px;letter-spacing: 0.08rem;
}
input::-webkit-input-placeholder {
	color: #ccc;font-size: 13px;letter-spacing: 0.08rem;
}
input:-ms-input-placeholder {
	color: #ccc;font-size: 13px;letter-spacing: 0.08rem;
}
input::-moz-placeholder {
	color: #ccc;font-size: 13px;letter-spacing: 0.08rem;
}
textarea::placeholder {
	color: #ccc;font-size: 13px;letter-spacing: 0.08rem;
}
textarea::-webkit-input-placeholder {
	color: #ccc;font-size: 13px;letter-spacing: 0.08rem;
}
textarea:-ms-input-placeholder {
	color: #ccc;font-size: 13px;letter-spacing: 0.08rem;
}
textarea::-moz-placeholder {
	color: #ccc;font-size: 13px;letter-spacing: 0.08rem;
}


@media (min-width: 768px) {
.form-name{width:350px;}

}



/*-----------------------------------------------------------------------------
print css
-----------------------------------------------------------------------------*/
@media print {
body {padding-top: 0px;}
.cb-header2 {display: none!important;}
#header {display: none;}
.aos-init { opacity: 1 !important; transform: none !important; }
header{display: block;}
.site-header{
position: absolute;
	display: flex;
	justify-content: space-between;
	width: 100%;
	z-index: 99;
	top:0;
	left:0;
	height: 100px;
	transition: .3s; 
	background: none!important;}
.header__menu {
  position: relative;
  padding: 0;
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: white;
}
.home .header__menu {background:none;}
.header__menu h1{margin-left: 20px;}
.header__menu h1 img{width: 220px;height: auto;}
.header__menu .navbox{display: flex;justify-content: flex-end;}
.header__menu .navbox ul{margin-right: 2em;}

.header__menu ul {margin-right: 0em;}
.header__menu li { display: inline-block;}

.header__menu li a {
   color: #111; 
 font-size: 16px;
  line-height: 100px;
  padding: 0em 1.3em;
  display: block;}
  
.header__menu li:hover a::after {
    content: "●";
    font-size: 10px;
    font-weight: normal;
    color: #ff6600;
    position: absolute;
    bottom: -20px;
    left: 50%;transform: translateX(-50%);
}  

.header__menu li a.active{color: #ff6600; position: relative;}
.header__menu li a.active::after {
    content: "●";
    font-size: 10px;
    font-weight: normal;
    color: #ff6600;
    position: absolute;
    bottom: -20px;
    left: 50%;transform: translateX(-50%);
}  
.mega__menu .mega__menu-second {display: none;}
.header__menu .btn-group {display: flex;justify-content: flex-end;}
.header__menu .btn-group a.btn-fixed{width: 100px;height: 100px;display: flex;flex-direction: column;justify-content: center;align-items: center;font-family: 'Montserrat', sans-serif;letter-spacing: 0;transition: .3s;}
.header__menu .btn-group a.btn-fixed.mail{background: #ff6633;color: white;text-align: center;font-size: 14px;}
.header__menu .btn-group a.btn-fixed.staff{background: #46a429;color: white;text-align: center;font-size: 14px;}
.carousel-item {
  height: 550px;
  min-height: 350px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.home #section03{margin-bottom: 160px;align-items: center;}
.home #section03 .title{width: 70px;}
.home #section03 .wrap{width:  calc(100% - 70px);}
.home #section03 .wrap .box{background: #ecedeb;position: relative;padding: 50px 60px;}
.home #section03 .wrap a .box{color: #333;}
.home #section03 .wrap .box .index{font-family: 'Montserrat', sans-serif;font-size: 28px;margin-bottom: 40px;}
.home #section03 .wrap .box .index span{font-size: 16px;display: block;padding-top: 5px;color: #ff6600;}
.home #section03 .wrap .box .txt{font-size: 14px;margin-bottom: 0px;width: 45%;}
.home #section03 .wrap .box .pic{position: absolute;width: 50%;top:130px;right:0;}
.home #section03 .wrap .box .pic img{}
.home #section03 .wrap a .box .btn-maru{position: absolute;right:auto;left:120px;bottom: -60px;}


.home #section04{margin-bottom: 260px;align-items: center;}
.home #section04 .title{width: 70px;}
.home #section04 .wrap{width:  calc(100% - 70px);}
.home #section04 .wrap .box{background: #ecedeb;position: relative;padding: 50px 60px;}
.home #section04 .wrap a .box{color: #333;}
.home #section04 .wrap .box .index{font-family: 'Montserrat', sans-serif;font-size: 28px;margin-bottom: 40px;}
.home #section04 .wrap .box .index span{font-size: 16px;display: block;padding-top: 5px;}
.home #section04 .wrap .box .txt{font-size: 14px;margin-bottom: 0px;width: 45%;}
.home #section04 .wrap .box .pic{position: absolute;width: 50%;top:130px;right:0;}
.home #section04 .wrap .box .pic img{}
.home #section04 .wrap a .box .btn-maru{position: absolute;right:auto;left:120px;bottom: -60px;}
.home #section05{position: relative; padding: 0px 30px; margin-bottom: 280px;background: url("../images/bg-top-toroku.jpg");background-position: center;background-size: cover;height: 280px;display: flex;flex-direction: column;justify-content: center;}
.home #section05 h3{margin-bottom:30px;}
.home #section05 h3 span{background: url("../images/bar-xs.jpg");background-position: center right;background-repeat: no-repeat; padding-right: 60px;font-weight: 700;font-size: 22px;}
.home #section05 .txt{font-size: 24px;line-height: 1.8;}
.home #section05 .box{background: #fafafa; position: absolute; top:87%;left:0;width: 95%;padding: 25px;}
.home #section05 .inbox .index { font-size: 15px; }
.h2area{margin-top: 100px!important;}
.colormy #section03.gaiyo .table th{background: #e9f5fa!important;width: 180px;display: table-cell;text-align: center;font-weight: normal;vertical-align: middle;}
.colormy #section03.gaiyo .table td{background: #fff;width: auto;display: table-cell;}
.round #section02 .wrap{display: flex;flex-flow: wrap;justify-content: space-between;}
.round #section02 .wrap .box{background: white;border:1px solid #B0D999;padding: 30px 20px;width: 32%;margin-bottom: 45px;}
.round #section02 .wrap .box .num{position: absolute;top:-15px;left:15px;font-size:44px;}
.round #section02 .wrap .box .index{text-align: center;font-weight: 600;}


.accordion {width:100%;display: block;}
.accordion dt {display: none;}
.accordion dd{
	display:block;
	line-height:1.6;
	margin:0;
	padding:0px;	
	}
.accordion dd ul{
	display:flex;
	justify-content: center;
	flex-wrap:wrap;
	line-height:1;
	margin:0;
	padding:0px;
	}
.accordion dd ul li{width: auto;}
.accordion dd ul li a{font-size: 14px;margin-bottom: 0px;margin: 0px 2px;padding: 13px 20px;}

#common{background:#fafafa;border-top: 1px solid #666;border-bottom: 1px solid #666;}
#common ul{display: flex;flex-direction: row; justify-content:space-between;align-items: center;}
#common ul li{padding: 50px 0px;border-right: 1px solid #666;border-bottom:none; width: 50%;}
#common ul li.contact{padding: 0px 0px!important;border-right:none;}
#common ul li.contact a{padding: 50px 0px!important;}
#common ul li .index{font-size: 16px;}
#common .tel{font-size: 30px;}
#common .tel img{margin-right: 5px;}

.contact .table th{width: 250px;display:table-cell;font-weight: normal;vertical-align: middle;background:#e8f3fd!important;}
.contact .table td{width: auto;display:table-cell;vertical-align: middle;}

footer{}
footer .footer-logo{text-align: left;margin-bottom: 30px}
footer .footer-logo img{width: 150px;height: auto;}

footer .address{text-align: left;letter-spacing: 0;font-size: 12px;}
footer .tel{text-align:left;margin-bottom: 0px;font-size: 12px;}


.footer-menu{width: auto;border-top: none;padding: 0px 0px 0px 0px;display: flex;justify-content: space-between;}
.footer-menu{border-top: none;padding: 0px 0px 0px 0px;margin-bottom: 30px;}
.footer-menu .block{border:none;padding:0px 15px;margin-bottom: 0px;width: 24%;}

.footer-menu ul{border-top: none;border-left:none;}
.footer-menu li {width: auto;float: none;padding-bottom: 10px;}
.footer-menu li a{text-decoration: none;text-align: left; border-bottom: none; line-height: 1;border-right: none;font-size: 11px;}

.copy{font-size: 12px;text-align: left;}


#pagetop {display: none!important;}
.no-print{display: none!important;}

}

.sign-h4{}
@media (min-width: 768px) {
  .sign-h4{}
}