@charset "utf-8";
/*!
 * Bootstrap v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 */ :root {
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #007bff;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
}
*, ::after, ::before {
  box-sizing: border-box
}
/** {
  font-family: Arial, Helvetica, "sans-serif";
}*/
html {
  font-family: Arial, Helvetica, "sans-serif";
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent
}
button, input, select, table, textarea {
  font-family: Arial, Helvetica, "sans-serif";
}
body {
  margin: 0;
  font-weight: 400;
  line-height: 1.6;
  text-align: left;
  color: #2a3439;
  font-family: Arial, Helvetica, "sans-serif";
  font-size: 18px;
}
main {
  display: block;
}
@-ms-viewport {
  width: device-width
} /*CSSスライドショー設定
---------------------------------------------------------------------------*/
/*１枚目*/
@keyframes slide1 {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  10% {
    opacity: 1;
  }
  40% {
    transform: scale(1.1);
  }
  50% {
    opacity: 1;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
/*２枚目*/
@keyframes slide2 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
    transform: scale(1);
  }
  35% {
    opacity: 1;
  }
  65% {
    transform: scale(1.1);
  }
  75% {
    opacity: 1;
  }
  85% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
/*3枚目*/
@keyframes slide3 {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    transform: scale(1);
  }
  60% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  90% {
    opacity: 0;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
  }
}
/*画像ブロック*/
#mainimg {
  clear: both;
  /*position: fixed;	スクロールしても固定表示させる指定*/
  top: 0px;
  width: 100%;
  background: url(../img/0.jpg) no-repeat center center/cover; /*最初の１枚目（土台画像）*/
}
/*３枚画像の共通設定*/
.slide1, .slide2, .slide3 {
  animation-duration: 15s; /*実行する時間。「s」は秒の事。*/
  animation-iteration-count: infinite; /*実行する回数。「infinite」は無限に繰り返す意味。*/
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: auto;
  animation-fill-mode: both;
  animation-timing-function: linear;
  animation-delay: 1s;
}
/*１枚目*/
.slide1 {
  animation-name: slide1; /*上で設定しているキーフレーム（keyframes）の名前*/
}
/*２枚目*/
.slide2 {
  animation-name: slide2; /*上で設定しているキーフレーム（keyframes）の名前*/
}
/*３枚目*/
.slide3 {
  animation-name: slide3; /*上で設定しているキーフレーム（keyframes）の名前*/
}
/*スライドショー下の曲線グラデーション画像*/
#kazari {
  position: absolute;
  bottom: -1px;
  z-index: 2;
  width: 100%;
}
aside, figure, header, main, nav, section {
  display: block
}
.h2, .h3, .h4, h1, h2, h3, h4 {
  margin-bottom: .5rem;
  /*  font-family: inherit;*/
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
  font-family: "ヒラギノUD丸ゴ W6 JIS2004", "sans-serif";
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit
}
dl, ol, ul {
  margin-top: 0;
  margin-bottom: 1rem
}
ul ul {
  margin-bottom: 0
}
dt {
  font-weight: 700
}
dd {
  margin-bottom: .5rem;
  margin-left: 0
}
strong {
  font-weight: bolder
}
small {
  font-size: 80%
}
a:hover {
  color: #0056b3;
  text-decoration: underline
}
a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}
a:hover {
  color: #0056b3;
  text-decoration: underline
}
.tel a:visited {
  color: rgba(255, 255, 255, .8) !important;
}
figure {
  margin: 0 0 1rem
}
img {
  vertical-align: middle;
  border-style: none
}
button {
  border-radius: 0
}
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color
}
button, input, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}
button, input {
  overflow: visible
}
button, select {
  text-transform: none
}
[type=submit], button, html [type=button] {
  -webkit-appearance: button
}
[type=button]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  padding: 0;
  border-style: none
}
input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0
}
textarea {
  overflow: auto;
  resize: vertical
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button
}
h1 {
  font-size: 2.5rem
}
.h2, h2 {
  font-size: 2rem
}
.h3, h3 {
  font-size: 1.75rem
}
.h4, h4 {
  font-size: 1.5rem
}
.list-inline {
  padding-left: 0;
  list-style: none;
  font-size: 90%;
}
.container, .container_m {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
body#kage #container #contents div.footer-container.copyright {
  color: #FFF !important;
}
body#kage #container #contents div.footer-container.copyright .g_bnr_width .g_free_footer {
  font-weight: 400;
}
.p_m {
  padding-left: 10px;
  padding-right: 10px;
}
.bg-light {
  /*background-color: #d0f1f5;*/
   background-color: #FBEFCD;
}
.bg-light2 {
  background: url(../../toritsu/img/css/base.png) repeat;
  background-color: #f8f9fa !important;
  border-bottom: solid 5px #B7B25A;
  border-top: solid 5px #B7B25A;
}
.bg-light2 .container {
  background-color: hsla(240, 9%, 98%, 0.80);
  border: 5px #FFF solid;
  padding: 30px 20px;
  border-radius: 15px;
}
.bg-light .container {
  background-color: hsla(240, 9%, 98%, 0.85);
  border: 5px #FFF solid;
  padding: 30px 20px;
  border-radius: 15px;
}
.font-red {
  color: #e8076d;
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  border-top: 1px #CCC solid;
  border-left: 1px #CCC solid;
  border-spacing: 0px;
  border-collapse: 0px;
}
.table td, .table th {
  vertical-align: top;
  border-right: 1px #CCC solid;
  border-bottom: 1px #CCC solid;
  padding: 10px;
}
.cp_tab_1 table, table.g_table_toritsu {
  line-height: 120%;
  width: 100%;
  border-top: 1px #CCC solid;
  border-right: 1px #CCC solid;
  border-left: 1px #CCC solid;
  border-spacing: 0px;
  border-collapse: 0px;
}
.cp_tab_1 th, #contents .cp_tabpanel div.cp_container ul.g_tokutyo.type3 table th {
  width: 35%;
  font-weight: 400;
  border-bottom: 1px #CCC solid;
  border-right: 1px #CCC solid;
  height: auto;
  text-align: center;
  background: #0075c1;
  color: #FFF;
  border-spacing: 0px;
  border-collapse: 0px;
  padding-left: 3px;
}
table.g_table_toritsu th {
  font-weight: 400;
  border-bottom: 1px #CCC solid;
  border-right: 1px #CCC solid;
  height: auto;
  text-align: center;
  background: #0075c1;
  color: #FFF;
  border-spacing: 0px;
  border-collapse: 0px;
  padding: 10px 5px;
}
table.g_table_toritsu td {
  text-align: center;
  border: 1px #ccc solid;
  padding: 5px;
  background: rgba(255, 255, 255, 0.85)
}
#contents .cp_tabpanel div.cp_container table th {
  font-size: 80%;
  text-align: left;
  width: 35%;
}
.bg-light2 {
  margin-top: 30px;
  background: url(../../toritsu/img/css/base.png) repeat;
  background-color: #f8f9fa !important;
  border-bottom: solid 5px #B7B25A;
  padding-top: 30px;
}
#contents .cp_tabpanel div.cp_container table td {
  font-size: 80%;
  text-align: left;
  font-weight: 400;
}
@media screen and (min-width:769px) {
  .navbar-box {
    display: none;
  }
}
@media screen and (max-width:499px) {
  .bg-light {
    background-color: #FFF;
    /*  background-color: #FBEFCD;*/
  }
}
/*body {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;

    text-align: left;
	padding: 0px;
	color: #2a3439;	
}*/
body#kage .footer-container {
  background-color: #666;
  background: url("../img/css/bg-black.jpg") repeat;
}
.contact {
  padding-top: 7px;
  padding-bottom: 4px;
  font-size: 130%;
  line-height: 130%;
  background: #e15692;
  color: #FFF;
}
.bg-dark {
  line-height: 130%;
  /* background-color: #2196F3; */
  background: #6e95fb;
/*  color: #000;*/
	color: #FFF;
}
/*リスト*/
.container dl.list-tab {
  border: #ccc solid 1px;
  margin-bottom: 40px;
}
.container .list-tab dt {
  float: left;
  padding: 10px;
  margin-right: 5px;
  display: block;
}
.container .list-tab dt.g_m2, .container .list-tab dt.g_m3, .container .g_tokutyo li.g_w48 dl.list-tab dt {
  border-bottom: 1px solid #ccc;
  margin-right: 5px;
}
.g_l {
  width: 400px;
}
.g_m {
  width: 300px;
}
.g_m2 {
  width: 20%;
  background-color: #ccc;
  background:
    url(/css/images/material/bg_home_extSearch_keyword.png) repeat 0 0;
}
.g_m3 {
  width: 30%;
  min-width: 200px;
  background-color: #d0f1f5;
  background: url(/css/images/material/bg_home_extSearch_keyword.png) repeat 0 0;
}
.g_s {
  width: 200px;
  background-color: #ccc;
  background:
    url(/css/images/material/bg_home_extSearch_keyword.png) repeat 0 0;
}
.g_xs {
  width: 20%;
  min-width: 100px;
  background-color: #ccc;
  background:
    url(/css/images/material/bg_home_extSearch_keyword.png) repeat 0 0;
}
.yokosuka{
  background-color: #00bcd2;
  padding: 1px 4px;
  color: #FFF;
  line-height: 180%;
  border-radius: 3px;

}
.kamakura{
	  background-color: #B62FF1;
  padding: 1px 4px;
  color: #FFF;
  line-height: 180%;
  border-radius: 3px;
}
.isehara{
	  background-color: #B62FF1;
  padding: 1px 4px;
  color: #FFF;
  line-height: 180%;
  border-radius: 3px;
}
.fujisawa {
  background-color: #007bff;
  padding: 1px 4px;
  color: #FFF;
  line-height: 180%;
  border-radius: 3px;
}
.yugawara {
  background-color: #FFC107;
  padding: 1px 4px;
  color: #FFF;
  line-height: 180%;
  border-radius: 3px;
}
.hiratsuka {
  background-color: #4C7F68;
  padding: 1px 4px;
  color: #FFF;
  line-height: 180%;
  border-radius: 3px;
}
.miura {
  background-color: #E459BA;
  padding: 1px 4px;
  color: #FFF;
  line-height: 180%;
  border-radius: 3px;
}
.atsugi {
  background-color: #72561E;
  padding: 1px 4px;
  color: #FFF;
  line-height: 180%;
  border-radius: 3px;
}
.odawara {
  background-color: #53D212;
  padding: 1px 4px;
  color: #FFF;
  line-height: 180%;
  border-radius: 3px;
}
.bold {
  font-weight: bold;
}
.f_blue {
  color: rgba(0, 123, 255, 1.00);
}
/*各種ボタン*/
body#kage body#kage .g_btn-orange a {
  display: block;
  padding: 12px;
  border-radius: 3px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  box-shadow: 0 1px 2px 0 #d0d0d0;
}
body#kage .g_btn-orange a:link {
  background: linear-gradient(to bottom, #ffaa00, #e68600);
}
body#kage .g_btn-orange a:hover {
  background: linear-gradient(to bottom, #e68600, #cc6600);
  color: #FFF;
}
body#kage .shiryo {
  font-size: 14px;
  padding: 10px 10px;
  text-decoration: none;
  /* width: 100%; */
  background: linear-gradient(to bottom, #ffaa00, #e68600);
  border-radius: 3px;
  box-shadow: 0 1px 2px 0 #d0d0d0;
  color: #fff;
  font-weight: bold;
}
.shiryo2 {
  background: url(/images/material/ico_header_cart01.png) no-repeat 0 0;
  background-size: 25px;
  display: inline-block;
  line-height: 25px;
  padding-left: 35px;
  margin: 10px;
}
h3.g_h3-k {
  margin-top: 20px;
  padding: 6px 10px 6px;
  line-height: 50px;
  border-bottom: 1px rgb(10, 41, 102) dashed;
}
h3.g_h3-k.g_d {
  border-bottom: 1px #ccc dashed;
}
h3.g_h3-k .g_h3-no {
  background: rgba(172, 15, 15, 1.00);
  background: #0e6eb4;
  color: #FFF;
  padding: 5px 7px;
  margin-right: 5px;
}
.g_h3 {
  margin-top: 20px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 3px;
  box-shadow: 0 1px 1px 0 #d0d0d0;
  padding: 10px 4px;
  line-height: 120%;
  width: 380px;
  text-align: center;
  font-size: 23px;
}
.fit {
  object-fit: cover;
  width: 100%;
  background: #FFF;
}
@media screen and (max-width:499px) {
  /*	#gnavi-label-top span{
  	position: absolute;
  	right: 15px;
  	width: 20px;
  	height: 2px;
  	background-color: #FFF;
  	transition:.5s;
}
#gnavi-label-top span:nth-of-type(1){
  	top: 12px;
}
#gnavi-label-top span:nth-of-type(2){
  	top: 19px;
}
#gnavi-label-top span:nth-of-type(3){
  	top: 26px;
}
#gnavi-label-top.active{
	background:none;
}
#gnavi-label-top.active span{
	width:20px;
}
#gnavi-label-top.active span:nth-of-type(1) {
	top:8px;
  	-webkit-transform: translateY(10px) rotate(-315deg);
  	-moz-transform: translateY(10px) rotate(-315deg);
  	-ms-transform: translateY(10px) rotate(-315deg);
  	-o-transform: translateY(10px) rotate(-315deg);
  	transform: translateY(10px) rotate(-315deg);
}
#gnavi-label-top.active span:nth-of-type(2) {
  	opacity: 0;
}
#gnavi-label-top.active span:nth-of-type(3) {
	top: 28px;
  	-webkit-transform: translateY(-10px) rotate(315deg);
  	-moz-transform: translateY(-10px) rotate(315deg);
  	-ms-transform: translateY(-10px) rotate(315deg);
  	-o-transform: translateY(-10px) rotate(315deg);
  	transform: translateY(-10px) rotate(315deg);
}*/
  .fit {
    object-fit: cover;
    height: 250px;
    object-position: 50% 0%
  }
  h3.g_h3-k {
    margin-top: 20px;
    padding: 0px 10px 10px 67px;
    line-height: 140%;
    border-bottom: 1px rgb(10, 41, 102) solid;
  }
  h3.g_h3-k .g_h3-no {
    left: 5px;
  }
}
@media screen and (min-width:500px) {
  .container .list-tab dt, .container .list-tab dt.g_m2, .container .list-tab dt.g_m3, .container .g_tokutyo li.g_w48 dl.list-tab dt {
    border-right: 1px solid #ccc;
  }
  .container .g_tokutyo li.g_w48 dl.list-tab dt:last-of-type, .container .list-tab dt:last-of-type {
    border-bottom: none;
  }
}
h3.g_m-c {
  background: url(/css/img/mark/campaign.png);
  background-repeat: no-repeat;
  background-position: 5px 0px;
  padding-left: 55px;
  padding-bottom: 20px;
  text-align: left;
  line-height: 130%;
  font-weight: bold;
  padding-top: 8px;
}
@media screen and (max-width:499px) {
  .container .list-tab dt {
    text-align: left;
    float: none;
    padding: 5px 5px 5px 5px;
    border-bottom: none;
    font-weight: bold;
    width: 100%;
    padding-left: 10px !important; /*	margin-left: 2px;
	width: 150px;
	border-radius:14px;*/
  }
  h3.g_m-c {
    background: url(/css/img/mark/campaign.png);
    padding: 10px 0px 0px 35px;
    -moz-background-size: 30px 30px;
    -webkit-background-size: 30px 30px;
    -o-background-size: 30px 30px;
    -ms-background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 0px 5px;
    text-align: left;
    line-height: 120%;
  }
  h3.g_m-b {
    background: url(/css/img/mark/boseki.png);
    font-size: 80%;
    margin-top: 30px;
    padding: 8px 0px 0px 35px;
    -moz-background-size: 30px 30px;
    -webkit-background-size: 30px 30px;
    -o-background-size: 30px 30px;
    -ms-background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 0px 5px;
    text-align: left;
    line-height: 120%;
  }
  h3.g_m-s {
    background: url(/css/img/mark/shisetsu.png);
    font-size: 80%;
    margin-top: 30px;
    padding: 8px 0px 0px 35px;
    -moz-background-size: 30px 30px;
    -webkit-background-size: 30px 30px;
    -o-background-size: 30px 30px;
    -ms-background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 0px 5px;
    text-align: left;
    line-height: 120%;
  }
  h3.g_m-g {
    background: url(/css/img/mark/gaiyo.png);
    font-size: 80%;
    margin-top: 30px;
    padding: 8px 0px 0px 35px;
    -moz-background-size: 30px 30px;
    -webkit-background-size: 30px 30px;
    -o-background-size: 30px 30px;
    -ms-background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position: 0px 5px;
    text-align: left;
    line-height: 120%;
  }
  .g_w200p {
    width: 40%;
  }
  .container .list-tab dt, .container .g_tokutyo li dl.list-tab dt {
    border-right: none;
  }
  .container .list-tab dt.g_m2, .container .list-tab dt.g_m2, .container .list-tab dt.g_m3 {
    border-right: none;
  }
}
.g_dt-b {
  background-color: #0075c1;
  color: #FFF;
  border: #FFF;
}
.g_dt-g {
  background-color: #0075c1;
}
.container .list-tab dd {
  display: block;
  border-bottom: 1px solid #ccc;
  padding: 5px;
}
.container .list-tab dd:last-child, #content .list-tab dt:last-child {
  border: none;
}
div.tabs > ul li {
  list-style: none;
}
div.tabs ul li .dl-table dl {
  padding: 0px;
  margin: 0px !important;
  font-weight: normal !important;
  font-size: 100%;
}
div.tabs ul li div.main_menu {
  margin-bottom: 20px;
  width: 100%;
  font-weight: normal !important;
  list-style: none !important;
  line-height: 120%;
  font-size: 110%;
  cursor: pointer;
  background-color: #D0F1F5;
  border: 1px #ccc solid;
  border-radius: 0px;
  padding: 15px 10px 15px 30px;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}
.c-foot07Navi {
  width: 912px;
}
.c-foot07Navi dl {
  width: 208px;
  margin-left: 20px;
}
.c-foot07Navi dl dt {
  margin-bottom: 15px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2;
  border-bottom: solid 1px #af8ebe;
}
.c-foot07Navi dl dt.c-foot07Navi__noBorder {
  margin-bottom: 5px;
  font-size: 1.4rem;
  border: none;
}
.c-foot07Navi dl dt a {
  color: #46483c;
}
.c-foot07Navi dl dt a:hover {
  color: #af8ebe;
}
.c-foot07Navi dl dt span {
  color: #46483c;
}
.c-foot07Navi dl dd {
  margin-bottom: 10px;
  padding: 0 15px 0 35px;
  font-size: 1.4rem;
}
.c-foot07Navi dl dd:before {
  width: 5px;
  height: 12px;
  margin: -2px 10px 0 -15px;
  content: '';
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
}
.c-foot07Navi dl dd a {
  color: #46483c;
}
.c-foot07Navi dl dd a:hover {
  color: #af8ebe;
}
.c-foot07Navi dl.mt10 {
  margin-top: 10px;
}
.c-sousaiFlortingBnr {
  width: 60px;
  /*  height: 364px;*/
  background-color: #ffffff;
  position: fixed;
  top: calc((100% - 270px) / 2);
  right: 0;
  z-index: 9990;
  animation-name: scroll;
  animation-duration: 1S;
  animation-fill-mode: forwards;
}
.text-combine {
  -webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;
}
@media (min-width:641px) and (max-width:768px) {
  .bg-light {
    background-color: #FFF;
    /*  background-color: #FBEFCD;*/
  }
  .c-sousaiFlortingBnr {
    width: 50px;
    /*  height: 364px;*/
    background-color: #ffffff;
    position: fixed;
    top: calc((100% - 270px) / 2);
    right: 0;
    z-index: 9990;
  }
}
.c-sousaiFlortingBnr .c-sousaiFlortingBnr__1 {
  width: 100%;
  background-color: #E379D8;
  background-image: url("/css/img/mark/campaign-w.png");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center 20px;
}
.c-sousaiFlortingBnr .c-sousaiFlortingBnr__2 {
  width: 100%;
  /*   height: 240px;*/
  background-color: #007bff;
  background-image: url("/css/img/mark/gaiyo-w.png");
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center 20px;
}
.c-sousaiFlortingBnr a {
  width: 100%;
  height: 100%;
  padding-top: 50px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  display: block;
  color: #ffffff;
}
.c-sousaiFlortingBnr a span {
  -webkit-writing-mode: tb-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: tb-rl;
  font-size: 70%;
}
@media screen and (max-width: 640px) {
  .c-sousaiFlortingBnr a span {
    -webkit-writing-mode: rl-tb;
    -ms-writing-mode: rl-tb;
    writing-mode: rl-tb;
  }
}
@media screen and (max-width: 640px) {
  .c-foot07 {
    min-width: 100%;
    padding-top: 0;
    padding-bottom: 50px;
    background-color: #ffffff;
    border: none;
  }
}
.page-sosai__index .is-move {
  -webkit-transition-delay: 2s;
  transition-delay: 2s;
}
@media screen and (min-width: 641px) {
  .js-move {
    right: -60px;
  }
  .js-move.is-move {
    -webkit-transition-duration: 0.7s;
    transition-duration: 0.7s;
    right: 0;
  }
}
.c-side__bnr a {
  margin: 0 auto 10px auto;
  display: block;
}
.c-side__bnr a:last-child {
  margin: 0 auto;
}
@media (min-width: 641px) {
  .u-hover01 {
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
  }
  .u-hover01:hover {
    opacity: 0.70;
  }
}
.g_icon a {
  content: '';
  background-image: url("mark/external-b.png") !important;
  background: no-repeat;
  background-position: center right !important;
  padding-right: 15px;
  background-size: 11px auto !important;
}
@media screen and (min-width:769px) {
  .bg-dark {
    display: none;
  }
}
@media screen and (max-width:768px) {
  .contact {
    display: none;
  }
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: .5rem;
  line-height: 1.2;
  color: inherit;
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  font-weight: normal;
}
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: .5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}
p, ul, ol, li, dl, dt, dd, form, figure, form {
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  font-weight: normal;
}
#contents .page-title h2.py-4 {
  background: url("../img/bg_home_headline01.png") left top repeat-x, url(../img/bg_home_headline02.png) left bottom repeat-x;
  background-color: #f8f9fa !important;
  margin-bottom: 20px;
  font-family: 'Noto Serif SC', serif;
  font-display: swap;
  color: #007bff !important;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
  text-shadow: 0 1px 0 #ccd4df;
  font-size: 45px !important;
  text-align: center;
  padding: 30px;
}
@media screen and (max-width:499px) {
  #contents .page-title h2.py-4 {
    font-size: 38px !important;
    padding: 20px 0px !important;
    margin-bottom: 10px !important;
  }
}
h3.maru + div.clearfix {
  margin-top: 0.8rem;
}
h3.maru:before {
  content: "● ";
  font-size: 80%;
  color: #ccc;
  vertical-align: top;
  padding-top: 2px;
  padding-right: 5px;
  display: inline-block;
}
h3.maru + ul {
  margin-top: -1rem;
}
body#kage .g_bnr_width a {
  text-decoration: none !important;
}
#contents .g_tokutyo li figure {
  overflow: hidden;
}
#contents .g_tokutyo > li {
  float: left;
  margin: 0px 2.66% 1rem 0px;
  position: relative;
  text-decoration: none;
  display: block;
  word-break: break-all;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .25rem;
  height: auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}
#contents .g_tokutyo li > p, #contents .g_tokutyo li > h4 {
  padding: 0 1rem;
}
#contents .g_tokutyo li > img {
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px);
}
#contents .g_tokutyo li.w31 figure {
  overflow: hidden;
  max-height: 231px;
}
#contents .g_tokutyo li.w48 figure {
  overflow: hidden;
  max-height: 300px;
}
#contents .g_tokutyo li figure img {
  height: auto;
  transition-duration: 0.5s; /*変化の時間*/
}
#contents .g_tokutyo figure img:hover {
  transform: scale(1.2, 1.2); /*画像の拡大*/
  cursor: pointer; /*カーソルをポインターにする*/
}
#contents li figure img {
  width: 100%; /*写真の幅*/
  height: auto; /*写真の高さ*/
  margin-bottom: 5px;
  box-shadow: 0 1px 1px 0 #d0d0d0;
}
#contents ul.g_tokutyo li h4 {
  font-size: 20px; /*文字サイズ*/
  line-height: 140%;
  margin-top: 5px;
  padding-bottom: 8px;
}
li p {
  color: #333;
}
#contents ul.g_tokutyo hr {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  border-top: 2px dashed #D0F1F5;
}
#contents ul.g_tokutyo.one li {
  margin: 0px 0px 1rem 0px;
}
.mintyo {
  font-family: 'Noto Serif SC', serif;
  font-display: swap;
}
#contents ul.g_tokutyo li h4.city {
  background: url(../img/css/map.png);
  background-size: 27px;
  background-position: 10px 0px;
  background-repeat: no-repeat;
  padding: 5px 10px 15px 45px;
  color: #ea38d2;
  line-height: 100%;
  margin-bottom: 5px;
}
#contents h3.maru {
  margin-top: 1rem;
  margin-bottom: 1rem;
  font-size: 30px;
  color: #60523f;
  /*	font-weight: 700;*/
}
h2.h2_1 + h3.maru {
  margin-top: 0px !important;
}
h3.g_m-c {
  background: none;
  text-align: left;
  line-height: 120%;
  border-bottom: #d0d0d0 solid 1px;
  padding-bottom: 10px !important;
  padding-left: 10px;
  font-size: 40px;
}
.lh-130 {
  line-height: 130%;
}
.lh-150 {
  line-height: 150%;
}
.font-200 {
  font-size: 200% !important;
}
.font-150 {
  font-size: 150% !important;
}
.font-140 {
  font-size: 140% !important;
}
.font-140 {
  font-size: 140% !important;
}
a.font-140-a {
  font-size: 140% !important;
  text-decoration: underline;
  color: #0160f2;
  font-weight: bold;
}
.font-130 {
  font-size: 130% !important;
}
.font-130_m {
  font-size: 130% !important;
}
.font-120 {
  font-size: 120% !important;
}
.font-110 {
  font-size: 110% !important;
}
.font-90 {
  font-size: 90% !important;
}
.font-80 {
  font-size: 80% !important;
}
.font-50 {
  font-size: 50% !important;
}
@media screen and (max-width:499px) {
  .font-130_m {
    font-size: 100% !important;
  }
}
@media screen and (min-width:992px) {
  #contents ul.g_boseki li.w23:nth-of-type(4n),#contents li.w48:nth-of-type(2n),#contents li.w31:nth-of-type(3n),#contents ul.g_shisetsu li.w23:nth-of-type(4n),#contents ul.g_sonota li.w23:nth-of-type(4n) {
    margin-right: 0px;
  }
	#contents ul.g_tokutyo li.w48{
		width: 48.6%;
	}
}
@media screen and (max-width:768px) {
  .navbar-box {
    display: block;
    overflow: hidden;
    z-index: 100;
    width: 100%;
  }
}
@media (min-width:500px) and (max-width:770px) {
  #contents .g_tokutyo > li.w31 {
    margin: 0px 2.66% 10px 0px;
    float: none;
    width: 100%;
  }
  .g_ts_clear {
    float: none !important;
    width: 100% !important;
  }
  #contents .g_tokutyo li.w48, #contents .g_tokutyo li.w65 {
    float: none;
    margin: 0px;
    width: 100%;
    height: auto;
    line-height: normal;
    padding: 10px 0;
  }
  #contents .g_tokutyo li.w48 h4, #contents .g_tokutyo li.w65 h4 {
    width: 100%;
  }
  #contents ul.g_tokutyo li:nth-of-type(2n) {
    margin-right: 0px;
  }
  .w200p {
    width: 35%;
  }
}
@media screen and (max-width:499px) {
  /*	li{
		font-size: 90%;
	}*/
  h3.h3 > p {
    font-size: 90%;
  }
  .g_no-pc {
    display: block;
  }
  #contents .g_boseki li.w23, #contents .g_boseki li.w48, #contents .g_shisetsu li.w23, #contents .g_sonota li.w23, #contents .g_tokutyo li.w48, #contents .g_tokutyo li.w48_1, #contents .g_tokutyo li.w65, #contents .g_tokutyo li.w65_1, #contents .g_tokutyo li.w31, #contents .g_sonota li.w31 {
    width: 100%;
    margin-right: 0px;
  }
}
@media (min-width:500px) and (max-width:992px) {
  #contents .g_boseki, #contents .g_shisetsu, #contents .g_tokutyo, #contents .g_sonota {
    margin-bottom: 10px;
  }
  #contents .g_tokutyo li.w31, #contents .g_boseki li.w23, #contents .g_boseki li.w48, #contents .g_shisetsu li.w23, #contents .g_sonota li.w23 {
    width: 48.66%;
    margin: 0px 2.66% 10px 0px;
    float: left;
  }
  #contents .g_tokutyo li:nth-of-type(2n), #contents .g_shisetsu li:nth-of-type(2n), #contents .g_sonota li.w23:nth-of-type(2n), #contents .g_sonota li.w31:nth-of-type(3n) {
    margin-right: 0px;
  }
}
.g_right {
  text-align: right;
}
.g_left {
  text-align: left;
}
.g_img-left {
  float: left;
}
.g_img-left-yohaku {
  float: left;
  margin-right: 10px;
}
.g_img-right {
  float: right;
}
.w15_m {
  width: 15%;
}
.w20_m {
  width: 20%;
}
.w30_m {
  width: 31.5%;
}
.w65_m {
  width: 65%;
}
.w4 {
  width: 4%;
  height: auto;
}
.w10 {
  width: 10%;
  height: auto;
}
.w13 {
  width: 13%;
  height: auto;
}
.w15 {
  width: 15%;
  text-align: left;
}
.w18, .w18-b {
  width: 18%;
  height: auto;
}
.w20 {
  width: 20%;
  height: auto;
}
.w23 {
  width: 23%;
  height: auto;
}
.w25 {
  width: 25%;
  height: auto;
}
.w28 {
  width: 28%;
  height: auto;
}
.w29 {
  width: 29%;
  height: auto;
}
.w30 {
  width: 30%;
  height: auto;
}
.w31, .w31-b {
  width: 31.5%;
  height: auto;
}
.w33 {
  width: 33.3%;
  height: auto;
}
.w40 {
  width: 40%;
  height: auto;
}
.w48 {
  width: 48%;
  height: auto;
}
.w49 {
  width: 49%;
  height: auto;
}
.w50 {
  width: 50%;
  height: auto;
}
.w55 {
  width: 55%;
  height: auto;
}
.w60 {
  width: 60%;
  height: auto;
}
.w70 {
  width: 70%;
  height: auto;
}
.w70_m {
  width: 70%;
  height: auto;
}
.w75 {
  width: 75%;
  height: auto;
}
.w78 {
  width: 78%;
  height: auto;
}
.w100 {
  width: 100%;
  height: auto;
}
.right {
  text-align: right;
}
.syozaichi {
  display: block;
  float: left;
  width: 58px;
}
@media screen and (max-width:499px) {
  .g_yajirushi {
    background-image: url(https://www.sudo-sekizai.co.jp/media/wysiwyg/reien/topics/css/yajirushi_blue.png) !important;
    background: no-repeat;
    background-position: center bottom;
    background-size: 50px auto;
    width: 100%;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 60px;
    margin-bottom: 10px;
  }
	.g_yajirushi h3{
	    font-size: 20px;
    background: #eceef2;
    padding: 8px 5px 5px;
    text-align: center;
    border-radius: 3px;
    font-weight: 700;
	}
	
	
  .w15_m {
    width: 100%;
  }
  .w20_m {
    width: 100%;
  }
  .w30_m {
    width: 100%;
  }
  .w65_m {
    width: 100%;
  }
  .w70_m {
    width: 100%;
  }
}
/* フッターナビ　*/
body#kage .footer-container {
  color: #FFF;
  padding-top: 30px;
}
@media screen and (min-width:772px) {
  body#kage .footer-container.copyright .wpCopyright .footer .bnr img {
    width: 280px;
    padding-top: 0px;
    padding-bottom: 0px;
    vertical-align: baseline;
    margin-top: 20px;
    float: left;
  }
  body#kage .g_bnr_width {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 180%;
  }
  body#kage .g_bnr_width .g_free_footer {
    background-image: url(/css/img/mark/tel/free1.gif);
    background-repeat: no-repeat;
    background-position: left center;
    width: 310px;
    display: block;
    text-align: center;
    padding: 10px 30px;
    margin: 0px auto 0px;
  }
}
@media (min-width:500px) and (max-width:768px) {
  .g_no_ts {
    display: none;
  }
  body#kage .g_bnr_width {
    width: 500px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 150%;
  }
  body#kage .footer-container.copyright .wpCopyright .footer .bnr img {
    width: 230px;
    padding-top: 0px;
    padding-bottom: 0px;
    vertical-align: baseline;
    margin-top: 20px;
    float: left;
  }
  body#kage .g_bnr_width .g_free_footer {
    background-image: url(/css/img/mark/tel/free1.gif);
    background-repeat: no-repeat;
    background-position: left center;
    width: 250px;
    font-weight: bold;
    display: block;
    text-align: center;
    padding-left: 30px;
    margin-bottom: 0px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width:499px) {
  .g_no_sp {
    display: none;
  }
  body#kage .footer-container.copyright .wpCopyright .footer .bnr.g_center {
    line-height: 120%;
  }
  body#kage .footer-container.copyright .wpCopyright .footer .bnr img {
    width: 280px;
    padding-top: 20px;
    padding-bottom: 0px;
    vertical-align: baseline;
    float: none;
  }
  .sp_block {
    display: block;
  }
  .sp_block-c {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  body#kage .g_bnr_width {
    width: 100%;
    font-size: 150%;
  }
  body#kage .g_bnr_width .g_free_footer {
    background-image: url(/css/img/mark/tel/free1.gif);
    background-repeat: no-repeat;
    background-position: left 0;
    width: 240px;
    font-weight: bold;
    display: block;
    float: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    margin-bottom: 10px;
    margin-top: 20px;
  }
}
@media screen and (min-width:772px) {
  body#kage .menu__second-level.know li .links {
    float: left;
    margin-right: 2%;
    width: 18%;
  }
  body#kage .footer-container .wpFooterContents .footer .links {
    width: 18%;
  }
}
body#kage .g-center {
  text-align: center;
}
/*404エラーページ*/
.g_font-orange {
  color: #cc6600;
}
.mt20 {
  margin-top: 20px;
}
.mt30 {
  margin-top: 30px;
}
.mt50 {
  margin-top: 50px;
}
.mb30 {
  margin-bottom: 30px;
}
.ml30 {
  margin-left: 30px;
}
@media screen and (min-width:772px) {
  .g_p-center-s-left {
    text-align: center;
  }
  body#kage a .g_errer_midashi {
    letter-spacing: 0.1em;
    margin-top: 0px;
    margin-bottom: 30px;
    background-color: rgba(255, 255, 255, 1);
    border: solid 1px #999;
    border-radius: 3px;
    padding: 8px 4px;
    line-height: 120%;
    width: 50%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
  }
}
@media (min-width:500px) and (max-width:768px) {
  .g_p-center-s-left {
    text-align: center;
  }
  #contents h2.h2_2 + p {
    margin-top: -30px;
    margin-bottom: -10px;
    font-size: 90%;
  }
  .h2_2 {
    float: none;
  }
  body#kage a .g_errer_midashi {
    margin-top: 0px;
    margin-bottom: 30px;
    background-color: rgba(255, 255, 255, 1);
    border: solid 1px #999;
    border-radius: 3px;
    padding: 8px 4px;
    line-height: 120%;
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
  }
  body#kage .g_errer_setsumei {
    letter-spacing: 0.1em;
    line-height: 180%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width:499px) {
  .g_p-center-s-left {
    text-align: left;
  }
  body#kage .g-h3_errer {
    line-height: 90%;
  }
  body#kage a .g_errer_midashi {
    margin-top: 0px;
    margin-bottom: 30px;
    background-color: rgba(255, 255, 255, 1);
    border: solid 1px #999;
    border-radius: 3px;
    padding: 10px 4px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    width: 100%;
  }
  body#kage h2 .g_errer_setsumei {
    letter-spacing: 0em;
    line-height: 130%;
    margin-bottom: 30px;
  }
  body#kage h2 .g_font80_m {
    font-size: 80%;
  }
  body#kage h2 .g_font70_m {
    font-size: 70%;
  }
  body#kage .g_normal_m {
    font-weight: normal;
  }
}
/*各種ボタン*/
body#kage .g_btn-orange a {
  display: block;
  padding: 30px 10px;
  text-align: center;
  text-decoration: none;
  color: #fff;
  box-shadow: 0 1px 2px 0 #d0d0d0;
  width: 80%;
  font-size: 35px;
  border-radius: 10px;
}
body#kage .g_btn-orange a:link {
  background: linear-gradient(to bottom, #ffaa00, #e68600);
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 85%;
  color: #ffffff;
  font-size: 35px;
  line-height: 120%;
  text-decoration: none;
  border: 1px solid #7a5829;
  -webkit-box-shadow: 0px 0px 0px 1px #fff inset, 0px 10px 30px -10px rgb(0 0 0 / 10%);
  -moz-box-shadow: 0px 0px 0px 1px #fff inset, 0px 10px 30px -10px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 0px 1px #fff inset, 0px 10px 30px -10px rgb(0 0 0 / 10%);
  background: #b7b25a;
  /*    background: -moz-linear-gradient(top, #b7b25a 1%, #7a5829 100%);
    background: -webkit-linear-gradient(top, #b7b25a 1%, #7a5829 100%);
    background: linear-gradient(to bottom, #b7b25a 1%, #7a5829 100%);*/
  background: linear-gradient(to bottom, #ffaa00, #e68600);
  background: linear-gradient(to bottom, #ffaa00, #cc6600);
  display: block;
  position: relative;
  -webkit-transition: 0.5s ease-out;
  -moz-transition: 0.5s ease-out;
  -o-transition: 0.5s ease-out;
  transition: 0.5s ease-out;
  padding: 20px 10px;
  border-radius: 20px;
}
body#kage .g_btn-orange a:hover, body#kage .g_btn-orange a:visited {
  background: linear-gradient(to bottom, #e68600, #cc6600);
  color: #fff;
}
/*　↑　#sudou-common.css記載部分*/
.no-gutter > [class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}
.bg-lightgreen {
  background-color: #e6ede9;
}
.jumbotron {
  background-image: url("../img/top1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 600px;
}
.heading {
  border-left: 6px solid #aaa;
  padding: 0 0 0 10px;
}
@media screen and (max-width: 767.98px) {
  body#kage .g_btn-orange a {
    width: 90%;
  }
  .h2_1 {
    display: block;
  }
}
.breadcrumb-item + .breadcrumb-item::before {
  content: ">"
}
.footer-copyright {
  width: 100%;
  height: 60px;
  line-height: 60px;
  background-color: #f5f5f5;
}
.map iframe {
  width: 100%;
  height: 450px;
}
/* 大デバイス（デスクトップ, 992px 未満）
============================================== */
@media screen and (max-width: 991.98px) {
  .footer-logo {
    width: 100%;
  }
} /* END */
/* 中デバイス（タブレット, 768px 未満）
============================================== */
@media screen and (max-width: 767.98px) {
  .gnav-item {
    display: block;
    width: 100%;
    border: none;
  }
  .gnav-item + .gnav-item {
    border: none;
  }
  table th, table td {
    padding: .25rem !important;
  }
  table th:first-child {
    width: 25%;
  }
} /* END */
/* 小デバイス（縦向きモバイル, 576px 以上 デスクトップ, 992px 未満）
============================================== */
/*@media screen and (min-width: 576px) and (max-width: 991.98px) {
 #sec2  {
     height: 500px;
 } 
}*/ /* END */
/* 小デバイス（縦向きモバイル, 576px 以上）
============================================== */
@media screen and (min-width: 576px) {
  #sec2 .message {
    position: absolute;
    left: 0;
  }
} /* END */
/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*全体の設定
---------------------------------------------------------------------------*/
html, body, #container {
  height: 100%;
}
table {
  border-collapse: collapse;
  font-size: 100%;
  border-spacing: 0;
}
iframe {
  width: 100%;
}
/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
  /*color: #2a3439;	*/
  transition: 0.2s; /*マウスオン時の移り変わるまでの時間設定。0.2秒。*/
}
a:hover {
  color: #60523f; /*マウスオン時の文字色*/
  text-decoration: none; /*マウスオン時に下線を消す設定。残したいならこの１行削除。*/
}
/*inner
---------------------------------------------------------------------------*/
.inner {
  max-width: 1200px; /*サイトの最大幅*/
  margin: 0 auto;
  padding-left: 1% !important;
  padding-right: 1% !important;
}
/*ヘッダー
---------------------------------------------------------------------------*/
/*ヘッダーブロック*/
header {
  background: #d5ecf3;
  position: relative;
}
/*トップページのヘッダーと、スライドショーブロック共通設定。他の端末サイズでの再設定が複数あるので変更する際は注意。*/
#top header, #mainimg {
  height: 700px;
}
/*ロゴ画像（※トップページ以外）*/
header #logo {
  width: 200px;
  /*	padding-top: 15px;*/
}
/*トップページのロゴ画像*/
#top #logo img {
  position: fixed; /*スクロールしても固定表示させる設定。*/
  left: 10%; /*左から10%の場所に配置。*/
  top: 50px; /*上から50pxの場所に配置。*/
  z-index: 1;
  width: 250px; /*画像の幅*/
}
/*メインメニューのブロック
---------------------------------------------------------------------------*/
/*メニューブロック*/
#menubar {
  position: relative;
  z-index: 10;
  text-align: center; /*文字を中央に*/
  background: #fff; /*背景色*/
  border-bottom: 3px double #ffcece; /*下線の幅、線種、色*/
}
#menubar > ul {
  overflow: hidden;
}
/*メニュー１個あたりの設定*/
#menubar ul.inner li {
  float: left; /*左に回り込み*/
  width: 25%;
  font-size: 20px; /*幅。今回は５個メニューがあるので100÷5=20*/
  list-style-type: none;
  font-family: 'Noto Serif SC', serif;
  font-display: swap;
  font-weight: bold;
}
#menubar ul li.inner a {
  text-decoration: none;
  display: block;
  height: 60px; /*メニューブロックの高さ*/
  padding-top: 12px; /*メニューブロックの高さプラス、上に空ける余白。メニューテキストの上下の配置バランスをここで調整して下さい。*/
  font-family: 'Noto Serif SC', serif;
  font-display: swap;
}
#menubar ul.inner li a:before {
  content: "▼ ";
  font-size: 10px;
  color: #60523f;
  vertical-align: 4px
}
#menubar ul li span:before {
  content: none;
}
/*飾り文字*/
#menubar ul li span {
  display: block;
  font-size: 12px; /*文字サイズ*/
  color: #999; /*文字色*/
}
/*スマホ用メニューを表示させない*/
#menubar-s {
  display: none;
}
/*３本バーアイコンを表示させない*/
#menubar_hdr {
  display: none;
}
/*ドロップダウンメニュー用
----------------------------------------------------------------------------------------------------------------------------------*/
/*メニューブロック*/
#contents {
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: #fff; /*背景色*/
  padding: 0px 0px 0px; /*上下、左右へのブロック内の余白*/
}
/*contentsの中にあるinner*/
#contents .inner {
  padding: 40px 0px; /*上下、左右へのブロック内の余白*/
}
/*h2タグ*/
/*#contents h2 {
	clear: both;
	margin-bottom: 20px;
	font-size: 40px;	
	color: #60523f;		
	font-weight: bold;
}*/
.h2_1 {
  padding: 0 0 0 10px;
  margin-right: 1rem;
  display: inline-block;
  text-align: left;
  border-left: 6px solid #4CAF50;
}
.h2_2 {
  padding: 0 0 0 10px;
  margin-right: 1rem;
  display: inline-block;
  text-align: left;
  float: left;
  border-left: 6px solid #cad1de;
}
#contents h3 {
  font-size: 20px; /*文字サイズ*/
}
#contents h3.maru + ul {
  margin-bottom: 20px;
}
.h3 {
  border-bottom: 1px solid #ccc;
  padding-left: 0px;
  padding-bottom: 10px;
  font-size: 28px !important;
}
.h3-3 {
  border-bottom: 1px solid #ccc;
  padding-left: 0px;
  padding-bottom: 10px;
  font-size: 20px !important;
}
@media screen and (max-width:499px) {
  body#kage .g_btn-orange a:link {
    font-size: 20px;
  }
  .h3 {
    font-size: 20px !important;
    padding-bottom: 8px;
  }
}
#contents h3.text-secondary {
  padding-bottom: 10px;
}
#contents h3.card-title {
  text-align: left;
  padding: 10px 0px 5px;
}
/*h3タグの１文字目*/
/*#contents h3::first-letter {
	border-left: 3px solid #60523f;	
	padding-left: 20px;*/
/*#contents p {
	padding: 0 20px 20px;
}*/
#contents div.card p {
  padding: 0px;
}
#contents h2 + p {
  margin-top: -10px;
}
#contents h2.h2_2 + p {
  color: #6c757d;
  font-family: 'Noto Serif SC', serif;
  font-display: swap;
  display: block;
  padding-top: 0.4rem;
  font-size: 130%;
}
@media screen and (max-width:768px) {
  .bg-light .container {
    background-color: hsla(240, 9%, 98%, 0.60);
    border: 0px #FFF solid;
    padding: 0px;
    border-radius: 0px;
  }
  .h2_2 {
    float: none;
  }
  #contents h2.h2_2 + p {
    margin-top: -30px;
    margin-bottom: -10px;
    font-size: 90%;
  }
  #contents h3.h3 + p {
    font-size: 90%;
  }
  #contents div.card p {
    padding: 0px;
    font-size: 90%;
  }
}
/*section同士の余白*/
/*#contents section + section {
	margin-top: 40px;
}*/
.pt10 {
  padding-top: 10px;
}
.pb10 {
  padding-bottom: 10px;
}
#contents div.card-body.pt-0 h3.mb-0 {
  padding-bottom: 5px;
  margin-bottom: 0px;
}
#contents div.card-body.pt-0 p {
  padding-top: 10px;
}
/*mainコンテンツ
---------------------------------------------------------------------------*/
/*mainブロック*/
/*求人一覧ページの各ブロック
---------------------------------------------------------------------------*/
/*各ボックスの設定*/
.list {
  position: relative;
  overflow: hidden;
  padding: 40px; /*ボックス内の余白*/
  border: 1px solid #999; /*枠線の幅、線種、色*/
  margin-bottom: 50px; /*ボックス間の余白*/
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15); /*ボックスの影。右に、下に、広げる幅、0,0,0は黒の事で0.15は透明度15%の事。*/
}
/*ボックス内のh4タグ設定*/
.list h4 {
  font-size: 28px; /*文字サイズ*/
  color: #60523f; /*文字色*/
}
.list h4 a {
  color: #60523f; /*リンクテキストの文字色*/
}
/*ボックス内のp(段落)タグ設定*/
.list p {
  padding: 0px 0px 10px !important; /*上、左右、下への余白*/
}
/*アイコン（正社員、アルバイト、パート、未経験可、など）
---------------------------------------------------------------------------*/
/*アイコン共通*/
.icon {
  display: inline-block;
  margin: 2px;
  font-size: 12px; /*文字サイズ*/
  padding: 0 5px; /*ボックス内の余白*/
  border-radius: 4px; /*角丸のサイズ*/
  border: 1px solid #ccc; /*枠線の幅、線種、色*/
  background: #eee; /*背景色（古いブラウザ用）*/
  background: linear-gradient(#fff, #eee); /*グラデーション*/
}
.icon a {
  text-decoration: none;
}
/*アイコン色付き（正社員）*/
.icon.color1 {
  border: 1px solid #60523f; /*枠線の幅、線種、色*/
  background: #76654e; /*背景色（古いブラウザ用）*/
  background: linear-gradient(#76654e, #60523f); /*グラデーション*/
  color: #fff !important; /*文字色*/
}
/*アイコン色付き（アルバイト）*/
.icon.color2 {
  border: 1px solid #161995; /*枠線の幅、線種、色*/
  background: #2b2ebc; /*背景色（古いブラウザ用）*/
  background: linear-gradient(#2b2ebc, #161995); /*グラデーション*/
  color: #fff; /*文字色*/
}
/*求人一覧ページの「詳細を見る・応募する」ボタン
---------------------------------------------------------------------------*/
a.btn {
  display: block;
  text-decoration: none;
  background: #60523f; /*背景色（古いブラウザ用）*/
  background: linear-gradient(#76654e, #60523f); /*グラデーション*/
  color: #fff; /*文字色*/
  font-size: 20px; /*文字サイズ*/
  text-align: center; /*文字をセンタリング*/
  padding: 10px; /*ボタン内の余白*/
  border-radius: 4px; /*角丸のサイズ*/
  letter-spacing: 0.2em; /*文字間隔を広くとる設定*/
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /*ボックスの影。右に、下に、広げる幅、0,0,0は黒の事で0.3は色が30%ついた状態。*/
  border: 1px solid #60523f; /*枠線の幅、線種、色*/
}
/*マウスオン時*/
a:hover.btn {
  box-shadow: none;
  background: #fff; /*背景色*/
  color: #60523f; /*文字色*/
}
/*list2ボックス（トップページの「現在の求人」で使っている色のついた各ブロック）
---------------------------------------------------------------------------*/
/*ボックス全体を囲むulタグへの設定*/
.list2 {
  padding-bottom: 50px;
  overflow: hidden;
}
/*各ボックスの設定*/
.list2 li {
  float: left; /*左に回り込み*/
  width: 24%; /*幅*/
  margin: 10px 0.5%; /*上下、左右へのボックスの外側へ空けるスペース*/
  line-height: 1.5; /*行間*/
  position: relative;
}
.list2 a {
  display: block;
  text-decoration: none;
  height: 80px; /*ボックスの高さ*/
  overflow: hidden; /*ボックスから飛び出た場合、非表示にする設定*/
  background: #60523f; /*背景色（古いブラウザ用）*/
  background: linear-gradient(#76654e, #60523f); /*背景グラデーション*/
  border-radius: 10px; /*角丸のサイズ*/
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); /*ボックスの影。右へ、下へ、広げる幅、0,0,0は黒の事で0.2は20%色がついた状態の事。*/
  padding: 15px; /*ボックス内の余白*/
  color: #fff; /*文字色*/
}
/*マウスオン時*/
.list2 a:hover {
  background: #f5f5f5; /*背景色（古いブラウザ用）*/
  background: linear-gradient(#f5f5f5, #e2e2e2); /*背景グラデーション*/
  color: #60523f; /*文字色*/
}
/*ボックス内の画像。※imgタグにclass="img"をつけた場合。*/
.list2 .img {
  height: 100%; /*高さ*/
  background: #fff; /*背景色*/
  float: right; /*右に回り込み*/
  border-radius: 3px; /*角丸のサイズ*/
}
/*件数のテキスト。※list2内でspanタグで囲った場合。*/
.list2 span {
  font-size: 28px; /*文字サイズ*/
  position: absolute;
  bottom: 15px; /*下から15pxの場所に配置*/
  right: 110px; /*右から110pxの場所に配置*/
}
/*subコンテンツ
---------------------------------------------------------------------------*/
/*subブロック*/
.sub {
  float: right; /*右に回り込み*/
  width: 22%; /*サブコンテンツの幅*/
}
/*subコンテンツ内のh2タグ設定*/
.sub h2 {
  margin-bottom: 0 !important;
  font-size: 16px !important; /*文字サイズ*/
  padding: 10px; /*ボックス内の余白*/
  border: 1px solid #dcdcdc; /*メニューの線の幅、線種、色*/
  color: #333 !important;
}
/*subコンテンツ内の段落タグ設定*/
.sub p {
  margin: 0 !important;
  padding: 10px !important;
}
/*subコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニュー全体の設定*/
.sub ul.submenu {
  margin-bottom: 20px; /*メニューブロックの下に空けるスペース*/
  border-top: solid 1px #dcdcdc; /*上の線の線種、幅、色*/
}
/*メニュー１個ごとの設定*/
.sub ul.submenu li a {
  text-decoration: none;
  display: block;
  padding: 5px 10px; /*メニュー内の余白。上下、左右への設定。*/
  border-bottom: solid 1px #dcdcdc; /*下の線の線種、幅、色*/
  border-left: solid 1px #dcdcdc; /*左の線の線種、幅、色*/
  border-right: solid 1px #dcdcdc; /*右の線の線種、幅、色*/
}
/*マウスオン時の背景色*/
.sub ul.submenu li a:hover {
  background: #f4f4f4; /*背景色*/
}
/*h2直下にsubmenuが続いた場合のみ、submenuの上の線を消す設定*/
.sub h2 + ul.submenu {
  border-top: none;
}
footer a {
  color: #fff;
}
footer a:hover {
  color: #fff;
}
footer .pr {
  display: block;
  font-size: 80%;
}
/*フッターメニュー
---------------------------------------------------------------------------*/
/*ボックス全体*/
#footermenu {
  overflow: hidden;
  padding: 20px 0; /*上下、左右へのボックス内の余白*/
}
#footermenu a {
  text-decoration: none;
  opacity: 0.7; /*透明度。70%の色がついた状態。*/
}
#footermenu a:hover {
  opacity: 1;
}
/*１行分の設定*/
#footermenu ul {
  float: left; /*左に回り込み*/
  width: 18%; /*幅*/
  padding-right: 1%;
  padding-left: 1%;
  text-align: left;
  line-height: 1.7;
}
/*見出し*/
#footermenu li.title, #footermenu li.title a {
  opacity: 1; /*透明度。100%色がついた状態。*/
  font-size: 14px; /*文字サイズ*/
}
/*コピーライト
---------------------------------------------------------------------------*/
#copyright {
  clear: both;
  text-align: center;
}
#copyright a {
  text-decoration: none;
}
#copyright a:hover {
  color: #666;
}
/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*見出しを含まないお知らせブロック*/
#new dl {
  background: #eee; /*背景色*/
  padding: 20px; /*ブロック内の余白*/
  border-radius: 4px; /*角丸のサイズ*/
}
/*日付設定*/
#new dt {
  float: left;
  width: 9em; /*幅*/
  color: #60523f; /*文字色*/
  letter-spacing: 0.1em;
}
/*記事設定*/
#new dd {
  padding-left: 9em;
}
/*ta1設定
---------------------------------------------------------------------------*/
/*ta1テーブル*/
.ta1 {
  width: 100%;
  margin: 0 0 20px;
}
.ta1, .ta1 td, .ta1 th {
  border: 1px solid #ccc; /*テーブルの枠線の幅、線種、色*/
  padding: 10px 15px; /*ボックス内の余白*/
  word-break: break-all;
}
/*テーブル１行目に入った見出し部分*/
.ta1 th.tamidashi {
  width: auto;
  text-align: left; /*左よせ*/
  background: #f6f5f2; /*背景色*/
  font-size: 18px; /*文字サイズ*/
}
/*ta1の左側ボックス*/
.ta1 th {
  width: 140px; /*幅*/
  text-align: center; /*センタリング*/
  font-weight: normal;
}
/*左側ボックスに画像を入れた場合の設定*/
.ta1 th img {
  width: 100%;
}
/*labelタグを２列表示にする（CMS用）*/
.ta1.cms td label {
  display: block;
  float: left;
  width: 50%;
}
/*inputボタン
---------------------------------------------------------------------------*/
#contents input[type="submit"].btn, #contents input[type="button"].btn, #contents input[type="reset"].btn {
  padding: 5px 10px; /*上下、左右へのボックス内の余白*/
  border: 1px solid #ccc; /*枠線の幅、線種、色*/
  font-size: 20px; /*文字サイズ*/
  border-radius: 3px; /*角丸のサイズ*/
  background: #eee; /*背景色*/
}
/*マウスオン時の設定*/
#contents input[type="submit"].btn:hover, #contents input[type="button"].btn:hover, #contents input[type="reset"].btn:hover {
  border: 1px solid #999; /*枠線の幅、線種、色*/
  background: #fff; /*背景色*/
}
/*トップページのNEWアイコン
---------------------------------------------------------------------------*/
.newicon {
  background: #F00; /*背景色*/
  color: #FFF; /*文字色*/
  font-size: 70%; /*文字サイズ*/
  line-height: 1.5;
  padding: 2px 5px;
  border-radius: 2px;
  margin: 0px 5px;
  vertical-align: text-top;
}
/*ヘッダーにメニューが固定される分、リンク先が隠れるのを防ぐ為のスタイル。※ページ内へのリンクで使う。
---------------------------------------------------------------------------*/
.link {
  display: block;
  margin-top: -100px;
  padding-top: 100px;
}
/*ページの上部へボタン「↑」設定
---------------------------------------------------------------------------*/
@keyframes scroll {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
body .nav-fix-pos-pagetop a {
  display: none;
}
body.is-fixed-pagetop .nav-fix-pos-pagetop a {
  display: block;
  text-decoration: none;
  text-align: center;
  width: 50px; /*幅*/
  line-height: 50px; /*高さ*/
  z-index: 5;
  position: fixed;
  bottom: 20px; /*下から20pxの場所に配置*/
  right: 3%; /*右から3%の場所に配置*/
  background: #666; /*背景色（古いブラウザ用）*/
  background: rgba(0, 0, 0, 0.6); /*背景色。0,0,0は黒の事。0.6は60%色がついた状態。*/
  color: #fff; /*文字色*/
  border: 1px solid #fff; /*枠線の幅、線種、色*/
  animation-name: scroll; /*上のアニメーションで指定しているkeyframesの名前（scroll）*/
  animation-duration: 1S; /*アニメーションの実行時間*/
  animation-fill-mode: forwards; /*アニメーションの完了後、最後のキーフレームを維持する*/
}
/*マウスオン時*/
body.is-fixed-pagetop .nav-fix-pos-pagetop a:hover {
  background: #999; /*背景色*/
}
/*その他
---------------------------------------------------------------------------*/
.look {
  background: #ccc;
  padding: 5px 10px;
  border-radius: 4px;
}
.mb15, .mb1em {
  margin-bottom: 15px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb50 {
  margin-bottom: 50px;
}
.p0 {
  padding: 0;
}
.clear {
  clear: both;
}
ul.disc {
  padding: 0em 25px 15px;
  list-style: disc;
	display: table;
}
.color1, .color1 a {
  color: #60523f;
}
.pr {
  font-size: 10px;
}
.wl {
  width: 96%;
}
.ws {
  width: 50%;
}
.c {
  text-align: center;
}
.r {
  text-align: right;
}
.l {
  text-align: left;
}
.w50 {
  overflow: hidden;
  width: 50%;
}
.fl {
  float: left;
}
img.fl {
  float: left;
  width: 30%;
  margin-right: 20px;
  margin-bottom: 20px;
}
.fr {
  float: right;
}
img.fr {
  float: right;
  width: 30%;
  margin-left: 20px;
  margin-bottom: 20px;
}
.photo {
  padding: 10px;
  background: #fff;
  border: 5px solid #fff;
  box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.2);
}
.big1 {
  font-size: 22px;
}
.sub .big1 {
  font-size: 12px;
}
.mini1 {
  font-size: 11px;
  display: inline-block;
  line-height: 1.5;
}
.sh {
  display: none;
}
.date {
  text-align: right;
  color: #999;
  font-size: 11px;
}
.footerAnnotation {
  text-align: center;
  font-size: 16px;
  margin-bottom: 32px;
}
.footerLogoBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 32px
}
.footerLogoList {
  width: 33.3%;
  list-style: none;
}
.footerTxtParagraph {
  font-size: 16px;
  text-align: center;
}
.footerLogoParagraph {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 50px
}
.footerLogoImg {
  width: 90%
}
.footerCopyRight {
  font-size: 16px;
  text-align: center
}
@media screen and (max-width:991px) {
  .footer {
    padding: 0 10px 20px 10px
  }
  .footerAnnotation {
    font-size: 14px;
    margin: 32px 0 0;
  }
  .footerLogoBox {
    display: block;
    margin-top: 20px
  }
  .footerLogoList {
    width: 100%;
    margin-top: 20px
  }
  .footerLogoImg {
    width: 100%;
    max-width: 320px
  }
  .footerLogoParagraph {
    min-height: auto;
    width: 80%;
    margin: 0 auto
  }
  .footerCopyRight {
    line-height: 1
  }
  .g_bnr_width .footerTxtParagraph {
    display: block;
    text-align: center;
  }
  .footer a {
    color: #FFF;
    text-decoration: underline;
  }
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------
※ここから数ブロック（420px以下環境まで）は、スライドショー表示領域の高さとロゴサイズの再設定です。
面倒ですができるだけ綺麗に表示できるよう細かく設定して下さい。
------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*画面幅1500px以上の設定（スライドショー領域の再設定）
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:1500px) {
  #top header, #mainimg {
    height: 900px;
  }
}
/*画面幅2000px以上の設定（スライドショー領域の再設定）
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:2000px) {
  #top header, #mainimg {
    height: 1200px;
  }
}
/*画面幅1200px以下の設定（スライドショー領域の再設定）
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1200px) {
  #top header, #mainimg {
    height: 600px;
  }
}
/*画面幅1000px以下の設定（スライドショー領域の再設定とロゴ）
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:991px) {
  #top header, #mainimg {
    height: 470px;
  }
  #top #logo img {
    left: 1%;
    top: 20px;
    width: 200px;
  }
}
/*画面幅800px以下の設定（スライドショー領域の再設定）
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px) {
  #top header, #mainimg {
    height: 380px;
  }
  div.w65_m.g_img-left h3.h3 {
    margin-top: 40px;
  }
}
/*画面幅620px以下の設定（スライドショー領域の再設定とロゴ）
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:620px) {
  #top header, #mainimg {
    height: 300px;
  }
  #top #logo img {
    left: 1%;
    top: 10px;
    width: 120px;
  }
}
/*画面幅500px以下の設定（スライドショー領域の再設定）
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:499px) {
  /*	#top header, #mainimg {height: 240px;
			 display: none;}*/
}
/*画面幅420px以下の設定（スライドショー領域の再設定とロゴ）
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:420px) {
  /*	#top header, #mainimg {height: 190px;}
	#top #logo img {left: 1%;top: 10px;width: 90px;	
		display: none;}*/
}
/*画面幅1000px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:991px) {
  /*list2ボックス（トップページの「現在の求人」で使っている色のついた各ブロック）
---------------------------------------------------------------------------*/
  /*各ボックスの設定*/
  .list2 li {
    width: 49%; /*幅*/
    margin: 10px 0.5%; /*上下、左右へのボックスの外側へ空けるスペース*/
  }
}
/*画面を横向きにした場合の高さが500px以下の場合の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (orientation: landscape) and (max-height:500px) {
  /*メインメニュー
---------------------------------------------------------------------------*/
  /*メニュー１個あたりの設定*/
  #menubar-s ul li a {
    padding: 10px; /*メニュー内の余白*/
    float: left; /*左に回り込み*/
    width: 40%; /*幅*/
    margin-left: 4%; /*メニューの左側に空けるスペース*/
  }
}
@keyframes menu1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media screen and (max-width:800px) {
  /*メインメニュー
---------------------------------------------------------------------------*/
  /*アニメーションのフレーム設定。全100コマアニメーションだと思って下さい。透明度(opacity)0%から透明度100%にする指定。*/
  /*スマホ用メニューブロック*/
  #menubar-s {
    display: block;
    overflow: hidden;
    z-index: 100;
    top: 0px;
    width: 100%;
    border-top: 1px solid #fff; /*上の線の幅、線種、色*/
    animation-name: menu1; /*上のkeyframesの名前*/
    animation-duration: 0.5s; /*アニメーションの実行時間。0.5秒。*/
    animation-fill-mode: both; /*待機中は最初のキーフレームを、完了後は最後のキーフレームを維持*/
  }
  /*メニュー１個あたりの設定*/
  #menubar-s ul li a {
    display: block;
    text-decoration: none;
    padding: 10px 15px; /*上下、左右へのメニュー内の余白*/
    border-bottom: 1px solid #eee; /*下の線の幅、線種、色*/
    color: #fff; /*文字色*/
    font-size: 16px; /*文字サイズ*/
  }
  #menubar-s .tel a {
    color: #fff;
  }
  #Navbar #menubar-s ul li a:hover {
    color: #eee; /*文字色*/
  }
  /*飾り文字*/
  #menubar-s ul li span {
    display: block;
    font-size: 10px; /*文字サイズ*/
    color: #999; /*文字色*/
  }
  /*PC用メニューを非表示にする*/
  #menubar ul.inner {
    display: none;
  }
  /*３本バーアイコン設定
---------------------------------------------------------------------------*/
  /*３本バーブロック*/
  #menubar_hdr {
    display: block;
    position: fixed;
    z-index: 991;
    top: 8px; /*上から8pxの場所に配置*/
    right: 10px; /*右から10pxの場所に配置*/
    border-radius: 50%; /*円形にする*/
    border: 1px solid #fff;
  }
  /*アイコン共通設定*/
  #menubar_hdr.close, #menubar_hdr.open {
    width: 50px; /*幅*/
    height: 50px;
    z-index: 991; /*高さ*/
  }
  /*三本バーアイコン*/
  #menubar_hdr.close {
    background: #60523f url(../img/icon_menu.png) no-repeat center top/50px;
    /*背景色、背景画像の読み込み、画像の上半分（３本マーク）を表示。幅は50px。*/
  }
  /*閉じるアイコン*/
  #menubar_hdr.open {
    background: #60523f url(../img/icon_menu.png) no-repeat center bottom/50px;
    z-index: 991; /*背景色、背景画像の読み込み、画像の下半分（×マーク）を表示。幅は50px。*/
  }
  /*fixmenu設定（メニューが画面上部に到達した際のスタイル）
---------------------------------------------------------------------------*/
  /*fixmenuから折りたたみメニューになるのでリセット。*/
  /*main,subコンテンツ
---------------------------------------------------------------------------*/
  .main, .sub {
    float: none;
    width: auto;
  }
  /*その他
---------------------------------------------------------------------------*/
  body.s-n .sub, body.s-n #footermenu {
    display: none;
  }
  .big1 {
    font-size: 20px;
  }
  .w50 {
    overflow: hidden;
    width: auto;
  }
  .fl {
    float: none;
  }
  .fr {
    float: none;
  }
}
/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:499px) {
  /*全体の設定
---------------------------------------------------------------------------*/
  body {
    font-size: 18px; /*文字サイズ*/
    line-height: 1.5; /*行間*/
  }
  /*inner
---------------------------------------------------------------------------*/
  .inner {
    padding-left: 2% !important;
    padding-right: 2% !important;
  }
  /*コンテンツ（mainとsubを囲むブロック。１カラム時の場合はメインコンテツを囲むブロック。）
---------------------------------------------------------------------------*/
  #contents {
    padding: 20px 0px 0px; /*上下、左右へのブロック内の余白*/
  }
  /*contentsの中にあるinner*/
  #contents .inner {
    padding: 20px 0px; /*上下、左右へのブロック内の余白*/
  }
  /*求人一覧ページの各ブロック
---------------------------------------------------------------------------*/
  /*各ボックスの設定*/
  .list {
    padding: 10px; /*ボックス内の余白*/
    margin-bottom: 20px; /*ボックス間の余白*/
  }
  /*ボックス内のh4タグ設定*/
  .list h4 {
    font-size: 20px; /*文字サイズ*/
  }
  /*list2ボックス（トップページの「現在の求人」で使っている色のついた各ブロック）
---------------------------------------------------------------------------*/
  /*各ボックスの設定*/
  .list2 li {
    width: auto; /*幅*/
    margin: 0 0 10px; /*上、左右、下へのボックスの外側へ空けるスペース*/
  }
  .list2 a {
    height: auto; /*ボックスの高さ*/
    padding: 10px; /*ボックス内の余白*/
  }
  /*ボックス内の画像。※imgタグにclass="img"をつけた場合。*/
  .list2 .img {
    height: auto;
    width: 10%;
  }
  /*件数のテキスト。※list2内でspanタグで囲った場合。*/
  .list2 span {
    font-size: 20px; /*文字サイズ*/
    right: 20%; /*右から20%の場所に配置*/
    bottom: 6px; /*下から6pxの場所に配置*/
  }
  /*一覧ページのボックス内の右上のマーク
（CMSの場合は管理ページだと「オプション1」～のプルダウン、setup.phpだと「オプション選択肢」に関連します）
---------------------------------------------------------------------------*/
  /*option1〜option3、と、newアイコン共通*/
  .option1, .option2, .option3, .new {
    font-size: 10px; /*文字サイズ*/
    width: 50px; /*幅*/
    line-height: 20px; /*高さ*/
    right: 10px; /*右から10pxの場所に配置*/
  }
  /*フッターメニュー
---------------------------------------------------------------------------*/
  /*ボックス全体*/
  #footermenu {
    display: none; /*画面領域が狭いので非表示に。*/
  }
  /*テーブル（ta1）
---------------------------------------------------------------------------*/
  /*ta1設定*/
  .ta1, .ta1 td, .ta1 th {
    padding: 5px; /*ボックス内の余白*/
  }
  /*ta1の左側ボックス*/
  .ta1 th {
    width: 100px;
  }
  /*その他
---------------------------------------------------------------------------*/
  .photo {
    padding: 5px;
    border: 2px solid #fff;
  }
  .ws, .wl {
    width: 94%;
  }
  .fl {
    float: none;
  }
  img.fl {
    float: none;
    display: block;
    width: 90%;
    margin: 0 auto 20px;
  }
  .fr {
    float: none;
  }
  img.fr {
    float: none;
    display: block;
    width: 90%;
    margin: 0 auto 20px;
  }
  .big1 {
    font-size: 16px;
  }
  .sh {
    display: block;
  }
  .pc {
    display: none;
  }
}
/*画面幅360px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:360px) {
  /*ta1設定
---------------------------------------------------------------------------*/
  /*labelタグを2列から1列表示にする（CMS用）*/
  .ta1.cms td label {
    float: none;
    width: 100%;
  }
}
.cp_tab_1 th, #contents .cp_tabpanel div.cp_container ul.g_tokutyo.type3 {
  margin-top: -15px;
}
#contents .cp_tabpanel div.cp_container ul.g_tokutyo table th, table.type2 th {
  background: url(/css/images/material/bg_home_extSearch_keyword.png) repeat 0 0;
  color: #2a3439;
}
.cp_tab_1 td {
  border-bottom: 1px #ccc solid;
  padding: 3px 5px;
  font-weight: 400;
  width: auto;
  border-spacing: 0px;
  border-collapse: 0px;
}
.cp_tab_1 td strong, table.g_table_toritsu td strong {
  color: crimson;
}
@media (max-width:575px) {
  .container {
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .container_m {
    width: 100%;
    margin: auto 0px;
    padding: 10px 8px;
  }
}
@media (min-width:576px) {
  .container, .container_m {
    max-width: 95%;
  }
}
@media (min-width:768px) {
  .container, .container_m {
    max-width: 95%;
  }
}
@media (min-width:992px) {
  .container, .container_m {
    max-width: 960px
  }
}
@media (min-width:1200px) {
  .container, .container_m {
    max-width: 1140px;
  }
}
@media (min-width:768px) {
  .order-md-1 {
    -ms-flex-order: 1;
    order: 1
  }
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer
}
.collapse:not(.show) {
  display: none
}
.nav-link {
  display: block;
  padding: .5rem 1rem
}
.nav-link:focus, .nav-link:hover {
  text-decoration: none
}
ul.nav-justified li.nav-item {
  /*    -ms-flex-preferred-size: 0;*/
  /*  flex-basis: 0;*/
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-align: center;
  line-height: 150% !important;
}
.navbar {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: .5rem 1rem
}
.navbar-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
  padding-bottom: 5px;
}
.navbar-nav a:visited {
  color: #EECBAD !important;
}
.navbar-nav a:hover {
  color: #ccc !important;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0
}
.navbar-collapse {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-align: center;
  align-items: center;
  font-size: 105%;
	    padding-bottom: 20px;
}
.navbar-toggler {
  padding: .25rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: .25rem
}
.navbar-toggler:focus, .navbar-toggler:hover {
  text-decoration: none
}
.navbar-toggler:not(:disabled):not(.disabled) {
  cursor: pointer;
  background: #9aaafa;
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: no-repeat center center;
  background-size: 100% 100%
}
/*body .navbar-dark .navbar-nav .nav-link {
  display: block;
  text-decoration: none;
  padding: 10px 15px; 
  border-bottom: 1px solid #eee; 
  color: #fff;
  font-size: 22px; 
  font-weight: 700;
}*/
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, .75)
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, .5);
  border-color: rgba(255, 255, 255, .1)
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}
.card {
  position: relative;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .25rem;
  height: auto;
  font-size: 110%;
  background: #FFF;
}
.page-link:not(:disabled):not(.disabled) {
  cursor: pointer
}
.close:not(:disabled):not(.disabled) {
  cursor: pointer
}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
  color: #000;
  text-decoration: none;
  opacity: .75
}
/*@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {}
@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {}
@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {}
@supports ((-webkit-transform-style:preserve-3d) or (transform-style:preserve-3d)) {}*/
.clearfix::after {
  display: block;
  clear: both;
  content: ""
}
@supports ((position:-webkit-sticky) or (position:sticky)) {}
.shadow-sm {
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}
.w-100 {
  width: 100% !important
}
.mt-1 {
  margin-top: .25rem !important
}
.mt-2 {
  margin-top: .5rem !important
}
.mt30_m {
  margin-top: 30px;
}
.mt50 {
  margin-top: 50px;
}
.mt50_m {
  margin-top: 50px;
}
.mt100 {
  margin-top: 100px;
}
.mt100_m {
  margin-top: 100px;
}
.mb-2 {
  margin-bottom: .5rem
}
.ml-2 {
  margin-left: .5rem
}
.mt-3 {
  margin-top: 1rem
}
.mb-3 {
  margin-bottom: 1rem
}
.ml-3 {
  margin-left: 1rem
}
.mt-4 {
  margin-top: 1.5rem
}
.mt-5 {
  margin-top: 3rem
}
.mb-5 {
  margin-bottom: 3rem
}
.pl-1 {
  padding-left: .25rem
}
.p-2 {
  padding: .5rem;
}
.pt-2 {
  padding-top: .5rem
}
.py-4 {
  padding-top: 3.5rem
}
.py-4 {
  padding-bottom: 3.5rem
}
.pb-5 {
  padding-top: 5.5rem;
  padding-bottom: 5.5rem;
}
.py-5 {
  padding-top: 5.5rem;
  padding-bottom: 4rem;
}
@media (max-width:768px) {
  .mt-5 {
    margin-top: 1rem !important
  }
  .mt50_m {
    margin-top: 5px;
  }
  .py-5 {
    padding-top: 3.5rem;
  }
  .pb-5, .py-5 {
    padding-bottom: 2.5rem;
  }
}
.text-center {
  text-align: center !important
}
@media(max-width:499px) {
  .mt100_m {
    margin-top: 50px;
  }
}
@media (min-width:768px) {
  .text-md-center {
    text-align: center !important
  }
}
@media (min-width:1200px) {
  .text-white {
    color: #fff !important
  }
}
@media print {
  *, ::after, ::before {
    text-shadow: none !important;
    box-shadow: none !important
  }
  a:not(.btn) {
    text-decoration: underline
  }
  img, tr {
    page-break-inside: avoid
  }
  h2, h3, p {
    orphans: 3;
    widows: 3
  }
  h2, h3 {
    page-break-after: avoid
  }
  @page {
    size: a3
  }
  body {
    min-width: 992px !important
  }
  .container {
    min-width: 992px !important
  }
  .navbar {
    display: none
  }
}
/*# sourceMappingURL=bootstrap.min.css.map */
/*!
 * Font Awesome Free 5.3.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
body#kage .footer-container {
  background-color: #666;
}
@media only screen and (min-width: 771px) {
  body#kage .footer-container {
    /*  background-color: #133780;*/
    width: 100%;
    text-align: center;
    margin: 0px;
  }
}
body#kage .footer-container.copyright {
  width: 100%;
}
body#kage .footer-container.copyright .wpCopyright {
  /*background-color: $col-footer-copyright-background;*/
}
body#kage .footer-container.copyright .wpCopyright .footer {
  border-top: none;
  padding: 0;
}
body#kage .footer-container.copyright .wpCopyright .footer p {
  color: #FFF !important;
}
body .footer-container.copyright .wpCopyright .footer address {
  border-top: none;
  font-size: 14px;
  padding: 10px 0 15px 0;
  text-align: center;
}
body#kage .cart.extDocumentList .page-title {
  background: url(/css/images/material/bg_home_headline01.jpg) left top repeat-x, url(/css/images/material/bg_home_headline02.jpg) left bottom repeat-x;
  background-color: #e2e7f2 !important;
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
  margin-bottom: 20px;
}
body#kage .cart.extDocumentList .page-title h2 {
  color: #0a2966 !important;
  margin-bottom: 0;
  padding: 25px 20px;
  font-weight: 700;
  font-family: "ヒラギノUD丸ゴ W6 JIS2004", "sans-serif"
}
body#kage .extDocumentForm .headline {
  background: url(/css/images/material/bg_home_headline01.jpg) left top repeat-x, url(/css/images/material/bg_home_headline02.jpg) left bottom repeat-x;
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
  margin-bottom: 20px;
}
body#kage .extDocumentForm .headline h2 {
  color: #0a2966 !important;
  font-size: 30px !important;
  font-weight: bold;
  padding: 20px;
}
body#kage .extDocumentList .box {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  max-width: 900px;
}
body#kage .extDocumentList .box .progress {
  margin-bottom: 20px;
  width: 100%;
}
body#kage .extDocumentList .box .progress li {
  background-color: #a4abba;
  color: #fff;
  float: left;
  height: 38px;
  width: 31.3%;
  margin-right: 3%;
  padding: 6px 0;
  text-align: center;
  position: relative;
  list-style: none;
}
#kage ul.disc li {
  list-style: disc;
}
#kage ul.disc {
  padding-right: 5px;
  padding-left: 15px;
  list-style: disc;
  list-style-type: disc;
}
#kage div.sub_menu ul.g_tokutyo ul.disc {
  padding: 0px 10px 10px 30px !important;
  margin-bottom: 20px;
  margin-top: 0px;
  font-family: "ヒラギノUD丸ゴ W6 JIS2004", "sans-serif";
  list-style: disc !important;
}
@media only screen and (max-width: 770px) {
  body#kage .extDocumentList .box .progress li {
    width: 29.3%;
    margin-right: 6%;
  }
}
@media only screen and (max-width: 499px) {
  body#kage .extDocumentList .box .progress li {
    height: 30px;
    line-height: 20px;
    width: 28.6%;
    margin-right: 7%;
  }
}
@media only screen and (max-width: 499px) {
  body#kage .extDocumentForm .box ul.form-list {
    padding: 10px;
  }
}
@media only screen and (min-width: 480px) {
  .footer-container {
    padding: 30px;
  }
}
body#kage .extDocumentList .box .progress li.entry.current:before {
  content: " ";
  position: absolute;
  top: 0;
  right: -38px;
  width: 0;
  height: 0;
  border-width: 19px;
  border-style: solid;
  border-color: transparent;
  border-left-color: #133780;
}
body#kage .clearfix:after {
  content: " ";
  display: block;
  clear: both;
}
body#kage {
  background-color: #FFF;
}
body#kage h1, body#kage h2, body#kage .h2 {
  font-family: 'Noto Serif SC', serif;
  font-weight: 700;
  font-display: swap;
}
#contents {
  margin-top: 70px;
  position: relative;
  z-index: 3;
  overflow: hidden;
  background: #fff; /*背景色*/
  padding: 0px 0px 0px; /*上下、左右へのブロック内の余白*/
}
/*contentsの中にあるinner*/
/*h2タグ*/
#contents h2 {
  clear: both;
  margin-bottom: 20px;
  font-weight: bold;
}
.h2_1 {
  font-size: 40px;
  padding: 0 0 0 10px;
  margin-right: 1rem;
  display: inline-block;
  text-align: left;
  border-left: 6px solid #4CAF50;
}
h3.h2_1 {
  font-family: 'Noto Serif SC', serif;
  font-weight: 700;
  font-size: 30px;
  padding: 0 0 5px 10px;
  margin-right: 1rem;
  display: inline-block;
  text-align: left;
  border-left: 6px solid #666666;
  margin-bottom: 10px;
}
.h2_2 {
  font-size: 40px;
  padding: 0 0 0 10px;
  margin-right: 3rem;
  display: inline-block;
  text-align: left;
  float: left;
  border-left: 6px solid rgb(76, 175, 80);
}
.h3 {
  border-bottom: 1px solid #ccc;
  padding-left: 0px;
  padding-bottom: 10px;
  font-size: 28px;
  color: #007bff;
}
@media only screen and (max-width: 499px) {
  #contents {
    z-index: -1;
  }
  /*
  h2.h2_0.p_title .italy, h2.h2_0.p_title .italy {
    font-size: 60%;
    line-height: 120%;
  }
}
.italy {
  font-style: italic;
  /*color: #C9E8FF;
  background: -webkit-linear-gradient(top, #C9E8FF 0%, #453DFF 50%, #007bff 51%, #007bff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
}
body#kage .g_ls_01 {
  letter-spacing: -0.1em;
}
h2.h2_0 .font-blue:after {
  content: " ";
}
h2.h2_1 .font-70 {
  font-size: 24px;
  font-weight: 100;
  color: #6c757d;
  font-family: 'Noto Serif SC', serif;
  display: block;
  padding-top: 10px;
}
#contents h2 .type2 {
  font-family: 'Noto Serif SC', serif;
  font-display: swap;
  /*  font-size: 80%;*/
  font-weight: 700;
  color: #FF7C00;
  padding-left: 0px;
  padding-bottom: 10px;
  /*background: -webkit-linear-gradient(top, #FFB76B 0%, #FFA73D 50%, #FF7C00 51%, #FF7F04 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
}
strong.mintyo.sp_block-c {
  padding-right: 1em;
}
h3.h4_1, h4.h4_1, dt.h4_1 {
  font-weight: bold;
  font-size: 120%;
  margin: 0px 10px 10px 0px;
  position: relative;
  line-height: 1.4;
  padding: 0.25em 1em;
  display: inline-block;
  /* top:0; */
  color: #007bff;
}
h3.h4_1 + dl dt.font-blue {
  margin-top: 0px;
}
h4.h4_1 a:link {
  text-decoration: underline !important;
}
h3.h4_1:before, h4.h4_1:before, dt.h4_1:before, h3.h4_1:after, h4.h4_1:after, dt.h4_1:after {
  position: absolute;
  top: 0;
  content: ' ';
  width: 8px;
  height: 100%;
  display: inline-block;
}
h3.h4_1:before, h4.h4_1:before, dt.h4_1:before {
  border-left: solid 1px black;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  left: 0;
}
h3.h4_1:after, h4.h4_1:after, dt.h4_1:after {
  content: ' ';
  border-top: solid 1px black;
  border-right: solid 1px black;
  border-bottom: solid 1px black;
  right: 0;
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, .1)
}
.border_blue {
  border: 1px solid #00bcd4;
}
.g_bold {
  font-weight: bold;
}
#kage .g_tokutyo li.g_w48, #kage .g_tokutyo li.g_w48_1 {
  width: 48.66%;
}
#kage .g_tokutyo > li {
  margin: 0px 1% 10px 0px;
  float: left;
}
#kage .g_tokutyo li.g_w48 dd {
  margin-left: 20px;
  font-weight: bold;
}
#kage .sakura {
  /*	background-size: 25% auto;
	margin-top: 20px;*/
  min-height: 200px;
}
#kage ul.g_boseki, #kage ul.g_shisetsu, #kage ul.g_sonota, #kage ul.g_tokutyo {
  margin-top: 10px !important;
}
.tokuten {
  /*	background-color: #FBEFCD;*/
  background-color: #EBF9FA;
}
.card h3 {
  color: #007bff !important;
}
@media screen and (max-width:499px) {
  strong.mintyo.sp_block-c {
    padding-right: 0em;
    font-size: 90%;
    padding-bottom: 10px;
  }
  h3.h4_1, h4.h4_1, dt.h4_1 {
    padding: 0px 1em 0.25em;
    margin-top: 0px;
  }
  h4.h4_1 a:link {
    text-decoration: underline !important;
  }
  #kage ul.g_tokutyo > li {
    list-style: none;
    margin-left: 0px;
    float: left;
  }
  #kage ul.g_tokutyo li ul.disc {
    list-style: disc !important;
  }
}
/*　↑　ガラスのお墓　↑　*/
.h3-3 {
  border-bottom: 1px solid #ccc;
  padding-left: 0px;
  padding-bottom: 10px;
  font-size: 20px;
}
#kage #contents div.cp_tabpanels h2 {
  margin: 10px 10px -20px 0px;
  font-size: 35px;
}
@media only screen and (max-width: 499px) {
  #kage #contents div.cp_tabpanels h2 {
    padding: 5px 5px 0px;
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 500px) and (max-width: 770px) {
  #kage #contents div.cp_tabpanels h2 {
    margin: 5px;
  }
}
body#kage .input-text, body#kage textarea, body#kage select {
  background-color: #fff;
  border: solid 1px #999;
  font-size: 18px;
}
body#kage .input-text:focus, body#kage textarea:focus, body#kage select:focus {
  background-color: #e9f2fa;
  border: solid 1px #000;
}
body#kage .input-text {
  border-radius: 3px;
}
body#kage input.input-text::-webkit-input-placeholder {
  color: #999;
  font-size: 18px;
}
body#kage input.input-text::-moz-placeholder {
  color: #999;
  font-size: 18px;
}
body#kage .radio {
  top: 2px;
}
body#kage .form-list .control label {
  color: #000;
  font-size: 18px;
  font-weight: normal;
  background-color: #ddd;
  border: none;
}
body#kage .button {
  background: linear-gradient(to bottom, #00bfe5, #0095b3);
  border-radius: 3px;
  box-shadow: 0 1px 2px 0 #d0d0d0;
  color: #fff !important;
  font-weight: bold;
}
body#kage .button:hover {
  background: linear-gradient(to bottom, #0094b2, #00809a);
  color: #fff !important;
}
body#kage .button:active {
  background: linear-gradient(to bottom, #0094b2, #00809a);
  color: #fff !important;
}
body#kage .button:focus {
  background: linear-gradient(to bottom, #0094b2, #00809a);
  color: #fff !important;
}
body#kage .extDocumentForm .button.formBtn {
  background: linear-gradient(to bottom, #ffaa00, #e68600);
  border-radius: 3px;
  box-shadow: 0 1px 2px 0 #d0d0d0;
  color: #fff;
  font-weight: bold;
}
body#kage .extDocumentForm .button.formBtn:hover {
  background: linear-gradient(to bottom, #e68600, #cc6600);
  color: #fff;
}
body#kage .extDocumentForm .button.formBtn:active {
  background: linear-gradient(to bottom, #e68600, #cc6600);
  color: #fff;
}
body#kage .extDocumentForm .button.formBtn:focus {
  background: linear-gradient(to bottom, #e68600, #cc6600);
  color: #fff;
}
/*body#kage a {
  text-decoration: underline;
}*/
body#kage a:hover {
  color: #004d99;
}
body#kage a:focus {
  color: #004d99;
}
body#kage .block-title {
  border-top: none;
}
@media screen and (min-width:769px) {
  .navbar-box {
    display: none;
  }
}
.form-list .control input.radio {
  float: left;
  margin-right: 15px;
  margin-top: 15px;
  margin-left: 10px;
  transform: scale(1.5)
}
body#kage .extDocumentForm .box ul.form-list > li .input-box ul li label {
  max-width: 480px;
  width: 600px;
  padding: 10px 5px;
}
body#kage .extDocumentForm .box ul.form-list > li label {
  display: block;
  font-size: 18px;
  margin-bottom: 5px;
}
body#kage .form-list .control label {
  color: #000;
  font-size: 18px;
  font-weight: normal;
  background-color: #eee;
  border: none;
}
.cp_tab_1 *, .cp_tab_1 *:before, .cp_tab_1 *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cp_tab_1 {
  margin: 1em auto;
}
.cp_tab_1 > input[type='radio'] {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
  -webkit-appearance: none;
  appearance: none;
  display: none;
}
.cp_tab_1 .cp_tabpanel {
  display: none;
}
.cp_tab_1 > input:first-child:checked ~ .cp_tabpanels > .cp_tabpanel:first-child, .cp_tab_1 > input:nth-child(3):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(2), .cp_tab_1 > input:nth-child(5):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(3), .cp_tab_1 > input:nth-child(7):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(4), .cp_tab_1 > input:nth-child(9):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(5), .cp_tab_1 > input:nth-child(11):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(6), .cp_tab_1 > input:nth-child(13):checked ~ .cp_tabpanels > .cp_tabpanel:nth-child(7) {
  display: block;
}
.cp_tab_1 > label {
  margin-bottom: 0px;
  position: relative;
  display: inline-block;
  padding: 15px 10px;
  cursor: pointer;
  border: 1px solid #d8a373;
  border: 1px solid #e71d4b;
  border-bottom: 0;
  background: #fbeadb;
  text-align: center;
  font-weight: bold;
  line-height: 120%;
  min-width: 13.8%;
  background: url(/css/images/material/bg_home_extSearch_area.png);
  box-shadow: 3px 3px 6px -2px #F3BDC9, 3px 3px 6px #eee inset;
}
.ls1 {
  line-height: 100%;
}
ul.g_tokutyo.gaiyo {
  margin-top: -10px;
}
ul.g_tokutyo.br2 img {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
ul.g_tokutyo p {
  padding-top: 5px;
}
.cp_tab_1 > label:hover, .cp_tab_1 > input:focus + label {
  color: #0066cc;
}
.cp_tab_1 > input:checked + label {
  margin-bottom: -5px;
  border: 1px solid #d8a373;
  border: 1px solid #4caf50;
  border: 1px solid #0de7ed;
  border: 1px solid #e71d4b;
  border-bottom: 2px #FFF solid; /*背景色と同じ*/
  border-radius: 6px 6px 0 0;
  background: #fff;
  box-shadow: -1px -3px 3px #D5F6C7;
  box-shadow: -1px -3px 3px #f3decb;
}
.cp_tab_1 .cp_tabpanel {
  padding: 0.6em 1em;
  border-top: 1px solid #ff871c;
  border: 1px solid #e71d4b;
  box-shadow: 0px -1px 6px #f3decb;
  margin-top: 0px;
}
@media (min-width:1000px) and (max-width:1200px) {
  .cp_tab_1 > label {
    min-width: 13%;
    padding: 15px 10px;
  }
}
@media (min-width:720px) and (max-width:999px) {
  .cp_tab_1 > label {
    min-width: 10%;
    padding: 10px 5px;
  }
}
@media (max-width:719px) {
  .cp_tab_1 > label {
    min-width: 23%;
    border-bottom: 1px solid #e71d4b;
  }
}
@media (max-width: 499px) {
  body#kage .extDocumentForm .box ul.form-list > li .input-box ul li label {
    max-width: 450px;
    width: 100%;
    padding: 10px 5px;
  }
  .cp_tab_1 .cp_tabpanel {
    margin-top: -4px;
  }
  .cp_tab_1 {
    width: 100%;
    font-size: 16.1px;
  }
  .cp_tab_1 > label {
    padding: 15px 9px;
    min-width: 20%;
    border-bottom: 1px solid #e71d4b;
    border-radius: 3px 3px 0px 0px;
    margin: 3px 0 3px 0%;
  }
  .cp_tab_1 > label:last-of-type {
    margin-right: 0px;
  }
}
label {
  display: inline-block;
  margin-bottom: .5rem
}
/*#menubar p.contact {
  padding-top: 7px;
  padding-bottom: 4px;
  font-size: 130%;
  line-height: 130%;
  background: #5ab944;
  color: #FFF;

}*/
body#kage #menubar p.contact strong {
  color: #FFF !important;
}
#menubar p {
  margin-bottom: 0px;
}
.g_waku3 {
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .25rem;
  height: auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}
/*リスト*/
ul.g_tokutyo li.g_w48 {
  list-style: none !important;
  width: 49%;
  height: auto;
  float: left;
  margin: 0px 2% 1rem 0px;
  position: relative;
  text-decoration: none;
  display: block;
  flex-direction: column;
}
ul.g_tokutyo li.g_w48 img {
  box-shadow: rgba(0, 0, 0, 0.075) 0px 0.125rem 0.25rem !important;
}
.bold {
  font-weight: 700;
}
.f_blue {
  color: rgb(96 82 63);
}
/*各種ボタン*/
/*body#kage .g_btn-blue a {
  display: block;
  padding: 12px;
  border-radius: 3px;
  text-align: center;
  font-size: 1.5em;
  text-decoration: none;
  color: #fff;
  box-shadow: 0 1px 2px 0 #d0d0d0;
}
body#kage .g_btn-blue a:link {
  background-image: linear-gradient(#7fb2e5, #0066cc);
}
body#kage .g_btn-blue a:hover {
  background-image: linear-gradient(#0066cc, #0158AF);
}
body#kage .g_btn-blue a:visited {
  background: linear-gradient(to bottom, #999, rgba(86, 86, 86, 0.7));
}*/
h3.g_h3-k {
  font-size: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 6px 10px 6px;
  line-height: 50px;
  border-bottom: 1px rgb(10, 41, 102) dashed;
}
h3.g_h3-k .g_h3-no {
  background: rgba(172, 15, 15, 1.00);
  background: #0e6eb4;
  color: #FFF;
  padding: 5px 7px;
  margin-right: 5px;
}
.g_th-green {
  text-align: center;
  background: rgba(248, 244, 249, 1.00);
}
.g_haikei-yellow {
  background-color: #f2f2ce;
}
.cp_box input, .cps_box input {
  display: none;
}
/*@media screen and (min-width:501px) {*/
.cp_box *, .cp_box *:before, .cp_box *:after, .cps_box *, .cps_box *:before, .cps_box *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cp_box {
  position: relative;
}
.cp_box label {
  position: absolute;
  z-index: 1;
  bottom: 0;
  margin-bottom: 0px;
  width: 100%;
  height: 140px; /* グラデーションの高さ */
  cursor: pointer;
  text-align: center;
  /* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
  background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}
.cp_box input:checked + label {
  background: inherit; /* 開いた時にグラデーションを消す */
}
.cp_box label:after {
  line-height: 2.5rem;
  position: absolute;
  z-index: 20;
  bottom: 20px;
  left: 50%;
  width: 16rem;
  /*	font-family: FontAwesome;*/
  /*	content: '\f13a'' 続きをよむ';*/
  /*	    background: url(/css/img/mark/ico_down.png);
    background-position: 3.5em 50%;
    background-repeat: no-repeat;*/
  content: ' 続きを見る';
  transform: translate(-50%, 0);
  letter-spacing: 0.05em;
  color: #ffffff;
  border-radius: 20px;
  font-size: 90%;
  background: url('/css/img/mark/ico_down.png');
  background-repeat: no-repeat;
  background-position: 3.5em 50%;
  background-color: #a5b4be;
}
.cp_box input {
  display: none;
}
.cp_box .cp_container {
  overflow: hidden;
  height: 100px; /* 開く前に見えている部分の高さ */
  transition: all 0.5s;
}
.cp_box input:checked + label {
  /*   display: none;*/
}
.cp_box input:checked + label:after {
  /*	font-family: FontAwesome;
	content: '\f139'' 閉じる';*/
  content: ' 閉じる';
  font-size: 90%;
  background: url('/css/img/mark/ico_up.png');
  background-repeat: no-repeat;
  background-position: 5em 50%;
  background-color: #a5b4be;
}
.cp_box input:checked ~ .cp_container {
  height: auto;
  padding-bottom: 80px;
  transition: all 0.5s;
}
h3.maru + div.clearfix {
  margin-top: 0.8rem;
}
h3.maru:before, h4.maru:before {
  content: "● ";
  font-size: 80%;
  /*  color: #28a745;*/
  vertical-align: top;
  padding-top: 2px;
  padding-right: 5px;
  display: inline-block;
}
div.title2 {
  margin: 1.5em auto;
  text-align: center;
  font-weight: 700;
}
#kage #contents div.title2 h2 {
  color: #007bff !important;
  font-size: 350%
}
#contents .g_tokutyo li.w31 {
  float: left;
  margin: 0px 1.66% 1rem 0px;
  position: relative;
  text-decoration: none;
  display: block;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border-radius: .25rem;
  height: auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  box-shadow: 0 .125rem .25rem #B3EAF1;
}
#contents .scale-box .g_tokutyo li.w31 {
  border: 1px solid #62d4e3;
}
#contents .g_tokutyo > li {
  float: left;
  margin: 0px 2.66% 1rem 0px;
  position: relative;
  text-decoration: none;
  display: block;
  word-break: break-all;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .25rem;
  height: auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}
@media screen and (max-width:499px) {
  h3.g_h3-k {
    font-size: 30px;
    margin-top: 20px;
    /* margin-bottom: 20px; */
    padding: 0px 0px 0px;
    line-height: 45px;
    border-bottom: 1px rgb(10, 41, 102) dashed;
  }
  span.font-140.mintyo.font-blue.bold {
    font-size: 28px !important;
    color: #FFF !important;
    display: block;
    margin: 10px;
    padding: 10px;
    background: linear-gradient(to bottom, #ffffff, #e71d4b, #ffffff);
  }
  p.card.shadow-sm.p-2, p.card.shadow-sm.p-2 {
    background: #FFF;
  }
  #kage #contents div.title2 {
    margin: 0em auto;
    text-align: center;
    font-weight: 700;
  }
  #kage #contents div.title2 h2 {
    font-size: 31px;
    line-height: 150%;
    padding-bottom: 0px;
  }
  #kage #contents div.title2 p .sp_block {
    letter-spacing: 0.1em;
  }
  h3.maru:before, h4.maru:before {
    content: "● ";
    font-size: 80%;
    color: #28a745;
    vertical-align: top;
    padding-top: 0px;
    padding-right: 5px;
    display: inline-block;
  }
  h3.maru:before, h4.maru:before {
    content: none;
  }
  #contents h3.maru {
    border: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: block;
    padding: 10px 3px;
    font-family: 'Noto Serif SC';
    font-weight: bold;
    border-radius: 3px;
    font-size: 26px;
  }
  #contents .bg-light4 h3.maru {
    background: #5399e4;
    color: #FFF;
    border: 1px solid #5399e4;
    box-shadow:
      0 0.125rem 0.25rem rgba(0, 0, 0, .075) !important;
  }
  #contents .bg-light4 ul.g_tokutyo li h4:nth-of-type(1) a {
    text-align: center;
    background: #5399e4;
    padding-top: 5px;
    padding-bottom: 2px;
    line-height: 130%;
    font-size: 24px;
    color: #fff;
    display: block;
    width: 100%;
  }
	 #contents .bg-light7 h3.maru {
    background: rgb(204 150 204);
    color: #FFF;
    border:1px solid #a05fa0;
    box-shadow:
      0 0.125rem 0.25rem rgba(0, 0, 0, .075) !important;
  }
  #contents .bg-light7 ul.g_tokutyo li h4:nth-of-type(1) a {
    text-align: center;
    background: #dc9ddc;
    padding-top: 5px;
    padding-bottom: 2px;
    line-height: 130%;
    font-size: 24px;
    color: #fff;
    display: block;
    width: 100%;
  }
  #contents .bg-light5 ul.g_tokutyo li h4:nth-of-type(1) a {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 2px;
    /* margin: 0px 5px 5px; */
    border-radius: 3px;
    line-height: 130%;
    font-size: 25px;
    display: block;
    width: 100%;
    color: #007bff;
    background: #faf4e3;
  }
  #contents .bg-light6 ul.g_tokutyo li h4:nth-of-type(1) a {
    text-align: center;
    background: #778bcc;
    padding-top: 5px;
    padding-bottom: 2px;
    /* margin: 0px 5px 5px; */
    border-radius: 3px;
    line-height: 130%;
    font-size: 24px;
    /* border: 1px solid #65d5e4; */
    color: #FFF;
    display: block;
    width: 100%;
  }
  #contents .bg-light5 h3.maru {
    box-shadow: 0 0.125rem 0.25rem #FDF5EF !important;
    background: #ede0bc;
    color: #007bff;
  }
  #contents .bg-light6 h3.maru {
    background: #778bcc;
    color: #FFF;
    border: 1px solid #778bcc;
    box-shadow:
      0 0.125rem 0.25rem #F7F1FD !important;
  }
  #contents .g_tokutyo li.w31 {
    float: left;
    margin: 0px 2.66% 1rem 0px;
    position: relative;
    text-decoration: none;
    display: block;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
/*    border: 1px solid #62d4e3;*/
    border-radius: .25rem;
    height: auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    box-shadow: 0 .125rem .25rem #B3EAF1;
  }
  #contents .bg-light5 .g_tokutyo li.w31 {
    float: left;
    margin: 0px 2.66% 1rem 0px;
    position: relative;
    text-decoration: none;
    display: block;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #5494da;
    border-radius: 0.25rem;
    height: auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    box-shadow: 0 0.125rem 0.25rem #c6855b;
  }
  #contents .bg-light6 .g_tokutyo li.w31 {
    float: left;
    margin: 0px 2.66% 1rem 0px;
    position: relative;
    text-decoration: none;
    display: block;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #D4C1D9;
    border-radius: .25rem;
    height: auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    box-shadow: 0 .125rem .25rem #D4C1D9;
  }
  #contents .bg-light4 .g_tokutyo h3.maru {
    background: #ebf9fa;
    margin: 10px 5px;
    padding: 5px 3px 3px;
    text-align: center;
    border-radius: 3px;
    line-height: 120%;
  }
  #contents .bg-light5 .g_tokutyo h3.maru {
    background: #c6855b;
    margin: 10px 5px;
    padding: 5px 3px 3px;
    text-align: center;
    border-radius: 3px;
    line-height: 120%;
  }
  #contents .bg-light6 .g_tokutyo h3.maru {
    background: #D4C1D9;
    margin: 10px 5px;
    padding: 5px 3px 3px;
    text-align: center;
    border-radius: 3px;
    line-height: 120%;
  }
}
#contents ul.g_tokutyo li h4 {
  font-size: 110%;
}
.cps_box *, .cps_box *:before, .cps_box *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cps_box {
  position: relative;
}
.cps_box label {
  position: absolute;
  z-index: 1;
  bottom: 0;
  margin-bottom: 0px;
  width: 100%;
  height: 140px; /* グラデーションの高さ */
  cursor: pointer;
  text-align: center;
  /* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
  background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}
.bg-light .cps_box label, .bg-light .cp_box label, .bg-light_sp .container .cps_box label {
  background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 244, 227, 0.95) 90%);
}
.cps_box input:checked + label {
  background: inherit; /* 開いた時にグラデーションを消す */
}
.cps_box label:after, .cp_box label:after {
  line-height: 2.5rem;
  position: absolute;
  z-index: 2;
  bottom: 20px;
  left: 50%;
  width: 13rem;
  /*	font-family: FontAwesome;*/
  /*	content: '\f13a'' 続きをよむ';*/
  content: ' 　続きを見る';
  transform: translate(-50%, 0);
  letter-spacing: 0.05em;
  color: #007bff;
  border-radius: 20px;
  background: url('/css/img/mark/ico_down.png');
  background-position: 2.5em 50%;
  background-repeat: no-repeat;
  background-color: #faf4e3;
  background-color: #FFF;
  box-shadow: 0 6px 5px -3px rgb(0 0 0 / 40%) !important;
  border: #dcdcdc;
  font-size: 16px;
}
.cps_box input {
  display: none;
}
.cps_box .cps_container {
  overflow: hidden;
  height: 400px; /* 開く前に見えている部分の高さ */
  transition: all 0.5s;
}
.cps_box input:checked + label, .cp_box input:checked + label {
  display: none;
}
.cps_box input:checked + label:after {
  /*	font-family: FontAwesome;
	content: '\f139'' 閉じる';*/
  content: ' 閉じる';
  background: url(/images/material/ico_up.png) no-repeat 0 50%;
  background-position: 5em 50%;
  background-repeat: no-repeat;
  background-color: rgb(165 180 190);
  font-size: 90%;
}
.cps_box input:checked ~ .cps_container, .cp_box input:checked ~ .cp_container {
  height: auto;
  padding-bottom: 0px; /* 閉じるボタンのbottomからの位置 */
  transition: all 0.5s;
}
.container .page-title h2.py-4 {
  text-align: left;
  font-size: 28px !important;
  padding: 10px !important;
  margin-bottom: 10px !important;
}
}
section#sec3 div.tabs div.main_menu {
  padding-top: 20px;
  background: linear-gradient(to top, rgba(203, 207, 253, 0.30) 0%, #a1ccfa 1%, rgba(222, 228, 233, 0.50) 100%);
}
section#sec3 div.tabs div.main_menu:hover {
  background: linear-gradient(to top, rgba(203, 207, 253, 0.30) 0%, rgba(183, 178, 90, 1.00) 1%, rgba(222, 228, 233, 0.50) 100%);
}
@media screen and (max-width:1199px) {
  .ta_block {
    display: block;
  }
}
@media screen and (max-width:799px) {
  #contents ul.g_tokutyo li.g_w48 {
    width: 100%;
    margin-right: 0px;
  }
  #contents .cp_tabpanel div.cp_container ul.g_tokutyo li.g_w48 {
    width: 49%;
    height: auto;
    float: left;
    margin: 0px 0.5% 10px;
    position: relative;
    text-decoration: none;
    display: block;
    flex-direction: column;
    font-size: 80%;
    font-weight: 400;
  }
  #contents .cp_tabpanel div.cp_container ul.g_tokutyo li.g_w48:nth-of-type(2n) {
    margin-right: 0px;
  }
}
.g_dt-b {
  background: url(/css/images/material/bg_home_extSearch_keyword.png) repeat 0 0;
  border: #FFF;
}
div.tabs2 > ul li, div.tabs3 > ul li {
  list-style: none;
}


section#sec3 div.bg-pink {
  background: none;
}
h1.p_title {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075);
    text-shadow: 0 1px 0 #ccd4df;
    font-size: 60px!important;
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 20px;
    background-color: #498ac1;
/*    background-color: #007bff;
    background: linear-gradient(-225deg, #2CD8D5 0%, #C5C1FF 56%, #FFBAC3 100%);*/
    letter-spacing: 0.3em;
    background-image: linear-gradient(2deg, rgba(65, 164, 253, 1)20%, rgba(14, 244, 255, 1));
	    color: #FFF;
}
#contents h2.p_title {
  background: url("../img/bg_home_headline01.png") left top repeat-x, url(../img/bg_home_headline02.png) left bottom repeat-x, rgba(255, 255, 255, 0.70);
  color: #007bff;
  font-family: 'Noto Serif SC', serif;
  font-display: swap;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
  text-shadow: 0 1px 0 #ccd4df;
  font-size: 45px;
  text-align: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  margin-bottom: 20px;
}
div.tabs2 ul.tetsuduki {
  margin-bottom: 30px;
}
@media screen and (min-width:769px) {
  #contents div.tabs2 div.main_menu, #contents div.tabs3 div.main_menu {
    background-image: none;
    border: none;
    text-align: left;
    width: 100%;
    font-weight: normal !important;
    line-height: 150%;
    font-size: 30px;
    cursor: pointer;
    padding: 0px;
    box-shadow: none !important;
    text-shadow: none;
  }
  #contents div.tabs2 div.sub_menu, #contents div.tabs3 div.sub_menu {
    display: block !important;
  }
  #contents div.tabs2 ul.policy > li, div.tabs3 ul > li {
    margin-top: 20px;
    margin-bottom: 50px;
  }
  /*  div.tabs2 ul.tetsuduki li {
    margin-bottom: 30px;
  }*/
}
div.tabs .kei {
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
  display: inline-block;
  padding: 10px 30px;
  font-weight: bold;
  font-size: 40px;
  letter-spacing: 0.1em;
}
div.tabs div.main_menu:hover .kei {
  border-top: solid 1px #FFF;
  border-bottom: solid 1px #FFF;
  display: inline-block;
  padding: 10px 30px;
  font-weight: bold;
  font-size: 40px;
  letter-spacing: 0.1em;
  color: #FFF;
  text-shadow: 1px 1px 3px #666, 0 0 1em #666, 0 0 0.1em #3B3B7B;
}
div.main_menu h2.h2_4 {
  font-size: 45px;
  letter-spacing: 0.1em;
}
@media screen and (max-width:499px) {
  section#sec3 div.tabs div.main_menu {
    padding: 0px;
    background: none;
    background-color: none;
  }
  div.main_menu h2.h2_4 {
    font-size: 27px;
    letter-spacing: 0em;
  }
  div.tabs .kei {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 85%;
    color: #ffffff;
    font-size: 25px;
    line-height: 120%;
    text-decoration: none;
    border: 1px solid #7a5829;
    -webkit-box-shadow: 0px 0px 0px 1px #fff inset, 0px 10px 30px -10px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 0px 1px #fff inset, 0px 10px 30px -10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 0px 1px #fff inset, 0px 10px 30px -10px rgb(0 0 0 / 10%);
    background: #b7b25a;
    background: -moz-linear-gradient(top, #b7b25a 1%, #7a5829 100%);
    background: -webkit-linear-gradient(top, #b7b25a 1%, #7a5829 100%);
    background: linear-gradient(to bottom, #b7b25a 1%, #7a5829 100%);
    display: block;
    position: relative;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
    padding: 20px 10px;
    border-radius: 20px;
  }
  div.tabs div.main_menu:hover .kei {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 85%;
    color: #ffffff;
    font-size: 25px;
    line-height: 120%;
    text-decoration: none;
    border: 1px solid #7a5829;
    -webkit-box-shadow: 0px 0px 0px 1px #fff inset, 0px 10px 30px -10px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 0px 1px #fff inset, 0px 10px 30px -10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 0px 1px #fff inset, 0px 10px 30px -10px rgb(0 0 0 / 10%);
    background: #ab864e;
    background: -moz-linear-gradient(top, #ab864e 1%, #7a5829 100%);
    background: -webkit-linear-gradient(top, #ab864e 1%, #7a5829 100%);
    background: linear-gradient(to bottom, #ab864e 1%, #7a5829 100%);
    display: block;
    position: relative;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
    padding: 20px 10px;
    border-radius: 20px;
  }
  div.tabs .kei :before {
    content: "";
    width: 10px;
    height: 5px;
    margin: 0 0 0 -5px;
    border: 5px solid transparent;
    border-top: 7px solid #fff;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 50%;
  }
  div.tabs .yureru-j .kei {
    margin-top: 20px;
  }
  div.tabs div.main_menu:hover {
    background: linear-gradient(to top, rgba(205, 235, 251, 0.70) 1%, #FFF 100%);
  }
}
p.kei_5 {
  display: block;
  border-top: solid 1px #00ccff;
  margin-top: 0.5em;
}
.yureru-j {
  animation: yureru-j 3s infinite;
}
.font-90p {
  font-size: 90% !important;
}
@media screen and (min-width:769px) {
  .bg-dark {
    display: none;
  }
}
@media screen and (max-width:768px) {
  div.sub_menu ul li ul.kei5 {
    border-bottom: solid 1px #b6b15a;
  }
  .contact {
    display: none;
  }
}
#contents h3.design {
  background: url("../img/bg_home_headline01.png") left top repeat-x, url(../img/bg_home_headline02.png) left bottom repeat-x;
  color: #76654e;
  margin-bottom: 20px;
  font-family: 'Noto Serif SC', serif;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
  text-shadow: 0 1px 0 #ccd4df;
  font-size: 45px;
  text-align: center;
  padding: 1.5rem 0px;
  font-weight: bold;
}
@media screen and (max-width:768px) {
  #contents h3.design {
    font-size: 30px;
    background: none;
    margin: 0px;
    padding: 20px 10px;
    box-shadow: none;
  }
  .font-90p {
    font-size: 100% !important;
  }
}
h3.h4, h4.h4 {
  position: relative;
  line-height: 1.4;
  padding: 0.25em 1em;
  display: inline-block;
  top: 0;
}
h4.h4:before, h4.h4:after, h3.h4:before, h3.h4:after {
  position: absolute;
  top: 0;
  content: '';
  width: 8px;
  height: 100%;
  display: inline-block;
}
h4.h4:before, h3.h4:before {
  border-left: solid 1px black;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  left: 0;
}
h4.h4:after {
  content: '';
  border-top: solid 1px black;
  border-right: solid 1px black;
  border-bottom: solid 1px black;
  right: 0;
}
#kage .g_center {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
img {
  border: none;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}
@media (min-width:1500px) {
  #contents div.sub_menu .container2000 ul.g_tokutyo.g_5c {
    text-align: center;
    margin: 80px auto;
    max-width: 2160px;
  }
  #contents div.sub_menu .container2000 ul.g_tokutyo.g_5c li.w31 {
    width: 19.2%;
    margin: 0px 1% 1rem 0%;
    float: left;
    max-width: 400px;
    min-width: 288px;
  }
  #contents div.sub_menu .container2000 ul.g_tokutyo.g_5c li.w31 {
    text-align: left;
  }
  #contents div.sub_menu .container2000 ul.g_tokutyo.g_5c li.w31:nth-of-type(5) {
    margin-right: 0px;
  }
  #contents div.sub_menu .container2000 ul.g_tokutyo.g_5c li.w31:nth-of-type(3) {
    margin-right: 1% !important;
  }
}
@media (min-width:993px) and (max-width:1499px) {
  #contents div.sub_menu .container2000 ul.g_tokutyo.g_5c {
    text-align: center;
    margin: 50px auto;
    max-width: 1200px;
    padding: 0px;
  }
  #contents div.sub_menu .container2000 ul.g_tokutyo.g_5c li.w31 {
    text-align: left;
    width: 30%;
    max-width: 360px;
    margin: 0px 1.6% 3rem 1.6%;
  }
}
@media (max-width:992px) {
  #contents div.sub_menu .container2000 ul.g_tokutyo.g_5c {
    margin: 30px 3% 1rem;
  }
  #contents div.sub_menu .container2000 ul.g_tokutyo.g_5c li.w31 {
    text-align: left;
    margin-bottom: 3rem;
  }
}
#contents .g_tokutyo li figure {
  margin: 0rem;
  overflow: hidden;
}
#contents .g_tokutyo li.w31 figure img {
  max-height: 300px;
  height: auto;
  transition-duration: 0.5s; /*変化の時間*/
}
#contents .g_tokutyo li.w48 figure img {
  max-height: 350px;
  height: auto;
  transition-duration: 0.5s; /*変化の時間*/
}
#contents .g_tokutyo li > img {
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px);
}
#contents .g_tokutyo figure img:hover {
  transform: scale(1.2, 1.2); /*画像の拡大*/
  /*cursor: pointer;カーソルをポインターにする*/
}
/*#contents .g_tokutyo li > p, #contents .g_tokutyo li > h4 {
  padding: 3px 0.7rem -10px 5px;
	padding: 3px 2rem 15px 10px;
}*/
/*.scale-box {
width: 250px;
height: 175px;
overflow: hidden;
}
.scale-img {
width: 250px;
height: 175px;
transition-duration: 0.5s;
}
.scale-img:hover {
transform: scale(1.2,1.2);

cursor: pointer;
}
*/
#contents li figure img {
  width: 100%; /*写真の幅*/
  height: auto; /*写真の高さ*/
  box-shadow: 0 1px 1px 0 #d0d0d0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#contents ul.g_tokutyo li h4 {
  font-size: 23px; /*文字サイズ*/
  margin-top: 5px;
  padding-bottom: 8px;
}
#contents ul.g_tokutyo li h4 a {
  font-family: "ヒラギノUD丸ゴ W4 JIS2004", "sans-serif";
}
#contents ul.g_tokutyo li h4.midashi {
  font-size: 18px; /*文字サイズ*/
  padding-bottom: 0px !important;
  font-weight: 700;
}
#contents ul.g_tokutyo li h4.midashi + p {
  margin-top: 0px;
  padding-top: 0px;
}
/*li p{
		color: #6c757d;

}*/
#contents ul.g_tokutyo li p:nth-of-type(1), #contents ul.g_tokutyo li p:nth-of-type(2n) {
  padding-bottom: 10px;
  padding: 10px;
}
#contents ul.g_tokutyo li.g_w48:nth-of-type(2n) {
  margin-right: 0px;
}
.mintyo {
  font-family: 'Noto Serif SC', serif;
  font-display: swap;
}
.font-200 {
  font-size: 200% !important;
}
.font-140 {
  font-size: 140%
}
.font-140_m {
  font-size: 140% !important;
}
a.font-140-a {
  font-size: 140% !important;
  text-decoration: underline;
  color: #0160f2;
  font-weight: bold;
}
.font-130 {
  font-size: 130% !important;
}
.font-110 {
  font-size: 110% !important;
}
.font-95_m {
  font-size: 100% !important;
}
.font-75_m {
  font-size: 100% !important;
}
.font-80_m {
  font-size: 100% !important;
}
.font-80 {
  font-size: 80% !important;
}
.font-88 {
  font-size: 100% !important;
}
.font-90 {
  font-size: 90% !important;
}
a.underline {
  text-decoration: underline;
  color: #007bff;
}
.font-blue {
  color: #007bff
}
@media screen and (max-width:499px) {
  .font-95_m {
    font-size: 95% !important;
  }
  .font-80_p {
    font-size: 100% !important;
  }
  .font-75_m {
    font-size: 75% !important;
  }
  .font-80_m {
    font-size: 80% !important;
  }
  .font-88_m {
    font-size: 83% !important;
  }
  .font-80 {
    font-size: 80% !important;
  }
  .font-140_m {
    font-size: 100% !important;
  }
}
/*h3.g_h3-k {
  margin-top: 20px;
  padding: 0px 10px 10px 0px;
  line-height: 100%;
  border-bottom: 1px rgb(10, 41, 102) solid;
  margin-bottom: 5px;
	font-size: 18px!important;
}*/
h3.h4, h4.h4 {
  position: relative;
  line-height: 1.4;
  padding: 0.25em 1em;
  display: inline-block;
  top: 0;
  font-weight: 700;
}
h4.h4:before, h4.h4:after, h3.h4:before, h3.h4:after {
  position: absolute;
  top: 0;
  content: '';
  width: 8px;
  height: 100%;
  display: inline-block;
}
h4.h4:before, h3.h4:before {
  border-left: solid 1px black;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
  left: 0;
}
h4.h4:after, h3.h4:after {
  content: '';
  border-top: solid 1px black;
  border-right: solid 1px black;
  border-bottom: solid 1px black;
  right: 0;
}
/*#contents .title1 .page-title h2.py-4 {
  font-size: 35px !important;
  padding: 10px !important;
  margin-bottom: 10px !important;
  line-height: 140%;
}*/
@media screen and (min-width:992px) {
  #contents li.w31:nth-of-type(3n) {
    margin-right: 0px;
  }
}
@media screen and (max-width:768px) {
  #kage #contents h1.p_title, #kage #contents h2.p_title {
    font-size: 35px;
    padding: 10px;
    margin-bottom: 10px;
    line-height: 120%;
    font-weight: 700;
  }
  .navbar-box {
    display: block;
    overflow: hidden;
    z-index: 100;
    width: 100%;
  }
}
@media only screen and (max-width: 499px) {
  #kage #contents h1.p_title {
    background: url(../img/bg_home_headline01.png) left top repeat-x, url(../img/bg_home_headline02.png) left bottom repeat-x;
    background-color: #f8f9fa !important;
    margin-bottom: 20px;
    font-family: 'Noto Serif SC', serif;
    font-display: swap;
    color: #007bff !important;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .075) !important;
    text-shadow: 0 1px 0 #ccd4df;
    font-size: 45px !important;
    text-align: center;
    padding: 30px;
  }
  #kage #contents h2.p_title {
    font-size: 35px;
    padding: 20px 0px;
  }
  #kage #contents h2.p_title.p0 {
    font-size: 31px;
    padding: 15px 0px;
  }
  section#sec3 div.tabs div.main_menu, section#sec3 div.tabs div.main_menu:hover {
    padding: 0px;
    background: none;
    background-color: none;
  }
}
@media (min-width:500px) and (max-width:991px) {
  #contents .g_tokutyo {
    margin-bottom: 10px;
  }
  #contents .g_tokutyo li.w31 {
    width: 48.66%;
    margin: 0px 2.66% 10px 0px;
    float: left;
  }
  #contents .g_tokutyo li:nth-of-type(2n) {
    margin-right: 0px;
  }
}
@media screen and (max-width:499px) {
  #contents .g_tokutyo li:nth-of-type(3n) {
    margin-right: 0px;
  }
  #contents .g_tokutyo li.w31:nth-of-type(1), #contents .g_tokutyo li.w31:nth-of-type(4) {
    margin-right: 0px;
    width: 100%;
  }
  #contents .g_tokutyo li > p, #contents .g_tokutyo li > h4 {
    padding: 0 0.4rem;
    line-height: 140%;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  #contents .g_tokutyo li figure {
    margin: 0.4rem;
    overflow: hidden;
  }
  #contents .g_tokutyo.gaiyo li figure {
    margin: 5px;
    overflow: hidden;
  }
  #contents div.sub_menu ul.g_tokutyo.g_6c li.w31:nth-of-type(1) {
    width: 49.5%;
    margin: 0px 1% 10px 0px;
    float: left;
  }
  #contents div.sub_menu ul.g_tokutyo.g_6c li.w31:nth-of-type(3) {
    width: 49.5%;
    margin: 0px 1% 10px 0px;
    float: left;
  }
  #contents div.sub_menu ul.g_tokutyo.g_6c li.w31:nth-of-type(4) {
    width: 49.5%;
    margin: 0px 0px 10px 0px;
  }
  .sp_block .font-80 {
    font-size: 70% !important;
    font-weight: 400;
  }
  #contents .g_no_sp, #contents .g_no_ts {
    display: none;
  }
  #contents .g_tokutyo.g_5c > li.w31 {
    margin: 0px 0% 10px 0px;
    float: none;
    width: 100%;
  }
  #contents div.sub_menu .container2000 ul.g_tokutyo.g_5c {
    margin: 30px 0px 1rem;
  }
  #contents ul.g_tokutyo.g_6c li:nth-of-type(2n) {
    margin-right: 0px;
  }
}
.g_right {
  text-align: right;
}
.g_left {
  text-align: left;
}
.g_img-right {
  float: right;
}
.w30_m {
  width: 31.5%;
}
.w65_m {
  width: 65%;
}
.w31 {
  width: 32.1%;
  height: auto;
}
.w100, .g_w100 {
  width: 100%;
  height: auto;
}
.right_m {
  text-align: right;
}
@media screen and (max-width:499px) {
  .right_m {
    text-align: left;
  }
  .w30_m {
    width: 100%;
  }
  .w65_m {
    width: 100%;
  }
}
/* フッターナビ　*/
@media screen and (min-width:769px) {
  .g_no_pc {
    display: none;
  }
  body#kage .footer-container.copyright .wpCopyright .footer .bnr.g_center {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
  body#kage .g_bnr_width {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 180%;
  }
  body#kage .g_bnr_width .g_free_footer {
    background-image: url(/css/images/material/free.gif);
    background-repeat: no-repeat;
    background-position: left center;
    width: 320px;
    display: block;
    text-align: center;
    padding: 10px 30px;
    margin: 0px auto 0px;
  }
}
@media (min-width:500px) and (max-width:768px) {
  .g_no_ts {
    display: none;
  }
  #kage #contents h1.p_title {
    font-size: 40px;
  }
  .h2_1 {
    font-size: 35px;
  }
  h3.h2_1 {
    font-size: 30px;
  }
  .h2_2 {
    font-size: 35px;
  }
  #kage #contents div.title2 h2 {
    font-size: 40px;
    line-height: 130%;
  }
  div.main_menu h2.h2_4 {
    font-size: 35px;
  }
  body#kage .g_bnr_width {
    width: 500px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    font-size: 150%;
  }
  body#kage .g_bnr_width .g_free_footer {
    background-image: url(/css/img/mark/tel/free1.gif);
    background-repeat: no-repeat;
    background-position: left center;
    width: 270px;
    font-weight: bold;
    display: block;
    text-align: center;
    padding-left: 30px;
    margin-bottom: 0px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
  }
}
@keyframes menu1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media screen and (max-width:499px) {
  .g_no_sp {
    display: none;
  }
  body#kage .footer-container.copyright .wpCopyright .footer .bnr.g_center {
    line-height: 120%;
  }
  .sp_block {
    display: block;
  }
  .sp_block-c {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    line-height: 130%;
  }
  body#kage .g_bnr_width {
    width: 100%;
    font-size: 150%;
  }
  body#kage .g_bnr_width .g_free_footer {
 background-image: url(/css/img/mark/tel/free1.gif);
    background-repeat: no-repeat;
    background-position: left 0;
    width: 260px;
    font-weight: bold;
    display: block;
    float: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 3px;
    margin-bottom: 10px;
    margin-top: 20px;
  }
}
.g_font-orange {
  color: #e71d4b
}
@media screen and (min-width:772px) {
  div.tabs2 div.main_menu, #contents div.container div.tabs3 div.main_menu {
    cursor: default !important;
  }
}
@media (min-width:500px) and (max-width:768px) {
  #contents h2.h2_2 + p {
    margin-bottom: -10px;
    font-size: 90%;
  }
  .h2_2 {
    float: none;
  }
  #kage #contents div.title2 p .sp_block {
    display: block;
  }
}
@media screen and (max-width:499px) {
  .mt30_m {
    margin-top: 0px;
  }
}

div.sub_menu div.container {
  background: hsla(240, 9%, 98%, 0.8);
  border: 5px #FFF solid;
  padding: 30px 20px;
  border-radius: 15px;
  box-shadow: rgba(10, 10, 10, 0.18) 0px 8px 16px -2px, rgba(10, 10, 10, 0.18) 0px 0px 9px -2px;
}
@media screen and (max-width:499px) {
  div.sub_menu div.container {
    background-color: rgba(205, 235, 251, 0.70);
    padding: 30px 20px 0px;
    background: #FFF;
    border-radius: 0px;
    box-shadow: 2px 2px 10px rgb(0 0 0 / 15%);
    border: solid 1px #b7b25a;
    width: 98%;
  }
}
#contents div.tabs2 ul.policy {
  margin: 50px 10px;
}
@media screen and (max-width:768px) {
  #contents div.container div.tabs3 div.main_menu {
    cursor: pointer;
    width: 100%;
    font-weight: normal !important;
    list-style: none !important;
    text-shadow: none;
    background: rgba(115, 109, 27, 0.5);
    background: rgba(94, 89, 22, 0.5);
    background-position: 12px 31px;
    background-repeat: no-repeat;
    border-top: 1px solid #fbefcd;
    border-bottom: 1px solid #fbefcd;
    margin: 20px auto 30px auto;
    text-align: center;
    line-height: 120%;
    text-decoration: none;
    border: 1px solid #7a5829;
    -webkit-box-shadow: 0px 0px 0px 1px #fff inset, 0px 10px 30px -10px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 0px 1px #fff inset, 0px 10px 30px -10px rgba(0, 0, 0, 0.1);
    display: block;
    position: relative;
    transition: 0.5s ease-out;
  }
  #contents div.container div.tabs3 div.main_menu:before {
    content: "";
    width: 10px;
    height: 5px;
    margin: 0 0 0 -8px;
    border: 6px solid transparent;
    border-top: 10px solid #fff;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 50%;
  }
  #contents div.container div.tabs3 div.main_menu h3 .f_blue {
    color: #FFF;
    text-shadow: 0.4px 0.3px 0.3px #e68600;
    font-size: 20px;
    font-family: 'Noto Serif SC';
  }
  div.tabs2 ul.tetsuduki div.main_menu {
    text-align: left;
    cursor: pointer;
    margin: 10px 0px !important;
    width: 100%;
    font-weight: normal !important;
    list-style: none !important;
    line-height: 120%;
    font-size: 110%;
    padding: 15px 10px 15px 30px;

    background-repeat:
      no-repeat, repeat;
    background-position: 15px 28px;
    text-shadow: none;
    border: 1px solid #e71d4b;
    box-shadow: 0px -1px 6px #f3decb;
  }
  div.tabs2 ul.policy div.main_menu {
    cursor: pointer;
    font-weight: normal !important;
    list-style: none !important;
    text-shadow: none;
    border-radius: 3px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 100%;
    color: #ffffff;
    font-size: 25px;
    line-height: 120%;
    text-decoration: none;
    border: 1px solid #7a5829;
    -webkit-box-shadow: 0px 0px 0px 1px #fff inset, 0px 10px 30px -10px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 0px 1px #fff inset, 0px 10px 30px -10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 0px 1px #fff inset, 0px 10px 30px -10px rgb(0 0 0 / 10%);
    display: block;
    position: relative;
    -webkit-transition: 0.5s ease-out;
    -moz-transition: 0.5s ease-out;
    -o-transition: 0.5s ease-out;
    transition: 0.5s ease-out;
    padding: 20px 10px;
  }
  div.tabs2 ul.policy div.main_menu :before {
    content: "";
    width: 10px;
    height: 5px;
    margin: 0 0 0 -5px;
    border: 5px solid transparent;
    border-top: 7px solid #b7b25a;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 50%;
  }
  div.tabs div.tabs2 ul.policy li .main_menu {
    margin-bottom: 40px
  }
  div.tabs div.tabs2 ul.policy li {
    margin-top: 40px
  }
  #contents div.tabs2 ul.policy div.container {
    /*    background: none;
    border: none !important;
    padding: 0px !important;
    border-radius: none;*/
    background: #FFF;
    border: none;
    padding: 0px;
    border-radius: 15px;
    box-shadow: rgba(10, 10, 10, 0.18) 0px 8px 16px -2px, rgba(10, 10, 10, 0.18) 0px 0px 9px -2px;
  }
  #contents div.tabs2 h4.h4 {
    font-size: 120%;
    position: relative;
    line-height: 1.2;
    padding: 10px;
    display: inline-block;
    top: 0;
    font-weight: 700;
    margin-bottom: 0px;
  }
  #contents div.tabs2 h4.h4:before, #contents div.tabs2 h4.h4:after {
    border: none;
  }
  div.tabs3 {
    font-family: "ヒラギノUD丸ゴ W6 JIS2004", "sans-serif";
  }
  #contents div.container div.tabs3 div.sub_menu {
    display: none;
    padding: 20px 10px;
    background: #FFF;
    border-radius: 5px;
    border: solid 2px #b7b25a;
    box-shadow: 2px 2px 10px rgb(0 0 0 / 15%);
    margin: 0px 10px;
  }
  #contents div.container div.tabs3 div.main_menu h3.maru:before {
    display: none;
  }
  #contents div.container div.tabs3 ul.policy li h3.h3-3 {
    border-bottom: none;
    color: #000;
    line-height: 160%;
  }
  #contents div.container div.tabs3 div.main_menu {
    box-shadow: 0 12px 10px -6px rgba(0, 0, 0, .3);
    box-shadow: 0 6px 5px -3px rgba(0, 0, 0, .4);
  }
}
section.bg-pink {
  background: linear-gradient(to bottom, #fff 10%, rgba(240, 205, 251, 0.20)15.5%, rgba(240, 205, 251, 0.30) 90%, #FFF 100%);
  padding: 1rem 0em 0.3em 0em;
}
div.bg-pink {
  padding: 1rem 0em 0.3em 0em;
}
#contents div.cp_tabpanels ul.g_tokutyo li.g_w48 figure img {
  max-height: 500px;
}
@media screen and (max-width:499px) {
  div.tabs3 {
    font-family: "ヒラギノUD丸ゴ W6 JIS2004", "sans-serif";
  }
  div.tabs2 ul.policy div.main_menu {
    border: 1px #b7b25a solid;
  }
  #contents div.cp_tabpanels ul.g_tokutyo li.g_w48 figure img {
    height: 200px;
    width: 100%;
    object-fit: cover;
  }
  section.bg-pink, div.bg-pink {
    padding: 0rem 0em 0em 0em !important;
    background: linear-gradient(to bottom, rgba(240, 205, 251, 0.30) 1%, #FFF 100%);
  }

  section.bg-pink div.tabs div.main_menu {
    border-bottom: solid 5px #B7B25A !important;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
  }
  div.bg-pink {
    background: #FFF;
  }
  div.new_design {
    padding: 20px 0px;
    background: #FFF;
  }
  section.bg-pink div.container.new_design p, section.bg-pink div.container.new_design p .font-blue {
    color: #333;
  }
  #kage #contents div.title2 h2.h2_3 {
    background: url("../img/bg_home_headline01.png") left top repeat-x, url(../img/bg_home_headline02.png) left bottom repeat-x, rgba(255, 255, 255, 0.70);
    color: #007bff;
    font-family: "ヒラギノUD丸ゴ W6 JIS2004", "sans-serif";
    font-display: swap;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    text-shadow: 0 1px 0 #ccd4df;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 15px;
    margin: 0px 10px 25px;
    line-height: 130%;
  }
  #kage #contents div.title2 h2.h2_3 .sp_block {
    font-size: 31px;
  }
}
@media screen and (max-width: 767.98px) {
  .h2_1 {
    display: block;
    font-size: 28px;
  }
}
@media screen and (min-width:500px) and (max-width:768px) {
  .bg-light2 {
    margin-top: 50px;
    background: url(../img/css/base.png) repeat;
    background-color: #f8f9fa !important;
    border-bottom: solid 5px #B7B25A;
    padding-top: 30px;
  }
  #contents div.cp_tabpanels ul.g_tokutyo li.g_w48 figure img {
    height: 300px;
    width: 100%;
    object-fit: cover;
  }
}
@media (max-width:499px) {
  #contents div.container div.tabs3 ul > li, #contents div.tabs2 ul.policy > li {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, "sans-serif";
  }
}
@media (min-width:769px) and (max-width:1200px) {
  #contents div.cp_tabpanels ul.g_tokutyo li.g_w48 figure img {
    height: 400px;
    width: 100%;
    object-fit: cover;
    ;
  }
  #contents .cp_tabpanel ul.g_tokutyo.gaiyo li.g_w48:nth-of-type(1) {
    width: 25%;
  }
  #contents .cp_tabpanel ul.g_tokutyo.gaiyo li.g_w48:nth-of-type(2) {
    width: 73%;
  }
}
ol {
  padding-left: 40px;
  padding-bottom: 15px;
}
/*メニューブロック*/
#menubar {
  position: relative;
  z-index: 10;
  text-align: center; /*文字を中央に*/
  /* background: #fff; 背景色*/
  /*  border-bottom: 3px double #ffcece;*/
}
#menubar > ul {
  overflow: hidden;
}
/*メニュー１個あたりの設定*/
#menubar ul.inner li {
  float: left; /*左に回り込み*/
  width: 20%;
  font-size: 20px; /*幅。今回は５個メニューがあるので100÷5=20*/
  list-style-type: none;
  font-family: "ヒラギノUD丸ゴ W6 JIS2004", "sans-serif";
  font-display: swap;
  font-weight: bold;
}
#menubar ul li.inner a {
  text-decoration: none;
  display: block;
  height: 60px; /*メニューブロックの高さ*/
  padding-top: 12px; /*メニューブロックの高さプラス、上に空ける余白。メニューテキストの上下の配置バランスをここで調整して下さい。*/
  font-family: "ヒラギノUD丸ゴ W6 JIS2004", "sans-serif";
  font-display: swap;
}
#menubar ul.inner li a:before {
  content: "▼ ";
  font-size: 10px;
  color: #60523f;
  vertical-align: 4px
}
#menubar ul li span:before {
  content: none;
}
/*飾り文字*/
#menubar ul li span {
  display: block;
  font-size: 12px; /*文字サイズ*/
  color: #999; /*文字色*/
}
/*スマホ用メニューを表示させない*/
/*#menubar-s {
  display: none;
}*/
/*３本バーアイコンを表示させない*/
#menubar_hdr {
  display: none;
}
#menubar nav.menubar-p > ul, #menubar nav.menubar-s > ul {
  overflow: hidden;
}
/*メニュー１個あたりの設定*/
#menubar nav.menubar-p ul.inner li {
  float: left; /*左に回り込み*/
  width: 16.66%;
  font-size: 20px; /*幅。今回は５個メニューがあるので100÷5=20*/
  list-style-type: none;
  font-family: 'Noto Serif SC', serif;
  font-display: swap;
  font-weight: bold;
}
@media screen and (max-width:1070px) {
  #menubar nav.menubar-p ul.inner li {
    font-size: 95%;
  }
}
#menubar nav.menubar-p ul li.inner a {
  text-decoration: none;
  display: block;
  height: 60px; /*メニューブロックの高さ*/
  padding-top: 12px; /*メニューブロックの高さプラス、上に空ける余白。メニューテキストの上下の配置バランスをここで調整して下さい。*/
  font-family: "ヒラギノUD丸ゴ W6 JIS2004", "sans-serif";
  font-display: swap;
}
#menubar ul.inner li a:before {
  content: "▼ ";
  font-size: 10px;
  color: #60523f;
  vertical-align: 4px
}
#menubar nav.menubar-p ul li span:before {
  content: none;
}
/*飾り文字*/
#menubar nav.menubar-p ul li span {
  display: block;
  font-size: 12px; /*文字サイズ*/
  color: #999; /*文字色*/
}
/*ドロップダウンメニュー用
----------------------------------------------------------------------------------------------------------------------------------*/
/*メニューブロック*/
#menubar ul.ddmenu {
  position: absolute;
  visibility: hidden;
  padding: 0;
  height: auto;
  width: 450px; /*ブロックの幅*/
  border-radius: 3px; /*角丸のサイズ*/
  background: #FFF; /*背景色*/
  padding: 10px; /*ブロック内の余白*/
  font-size: 13px; /*文字サイズ*/
  text-align: left; /*文字を左よせ*/
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
  color: #60523f; /*ボックスの影。右へ、下へ、広げる幅、0,0,0は黒の事。0.2は20%透明度。*/
}
#menubar ul.ddmenu::before {
  content: "▲";
  font-size: 15px;
  color: #60523f;
  position: absolute;
  top: -18px;
  left: 27%;
}
/*メニュー１個あたりの設定*/
#menubar ul.ddmenu li {
  width: 50%; /*幅。２列なので50%。*/
  float: left; /*左に回り込み*/
}
#menubar ul.ddmenu li a {
  transition: 0s;
  background: none;
  height: auto;
  width: 100%;
  color: #60523f; /*文字色*/
  opacity: 0.7; /*透明度70%*/
  padding: 0px 5px; /*上下、左右への余白*/
  font-size: 90%;
}
/*マウスオン時*/
#menubar ul.ddmenu li a:hover {
  opacity: 1; /*100%表示にする*/
}
/*fixmenu設定（メニューが画面上部に到達した際のスタイル）
------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*上部固定メニュー用fixmenu設定*/
body.is-fixed-menu #menubar.nav-fix-pos {
  position: fixed;
  width: 100%;
  top: 0px;
  background: #fff; /*背景色（古いブラウザ用）*/
  background: rgba(255, 255, 255, 0.95); /*背景色。255,255,255は白の事で0.95は透明度。*/
}
body.is-fixed-menu #contents {
  margin-top: 75px;
}
/*※以下の２ブロックのスタイルの中身は、上の２ブロックのスタイルと単純に合わせておいて下さい。fixmenuスクリプトを２つ使う為に必要な設定になります。*/
body.is-fixed #menubar.nav-fix-pos {
  position: fixed;
  width: 100%;
  top: 0px;
  background: #fff; /*背景色（古いブラウザ用）*/
  background: rgba(255, 255, 255, 0.95); /*背景色。255,255,255は白の事で0.95は透明度。*/
}
body.is-fixed #contents {
  margin-top: 75px;
}
/*コンテンツ（mainとsubを囲むブロック。１カラム時の場合はメインコンテツを囲むブロック。）
---------------------------------------------------------------------------*/
#contents h3.text-secondary {
  padding-bottom: 10px;
}
#contents h3.card-title {
  text-align: left;
  padding: 10px 0px 5px;
}
/*h3タグの１文字目*/
/*#contents h3::first-letter {
	border-left: 3px solid #60523f;
	padding-left: 20px;*/
/*#contents p {
	padding: 0 20px 20px;
}*/
#contents div.card p {
  padding: 0px;
}
#contents h2 + p {}
#contents h2.h2_2 + p, #contents h2.h2_2 + p.type1 {
  color: #6c757d;
  font-family: "ヒラギノUD丸ゴ W6 JIS2004", "sans-serif";
  font-display: swap;
  display: block;
  padding-top: 0.4rem;
  font-size: 130%;
}
@media screen and (max-width:768px) {
  ul.policy li div.container div.sub_menu {
    padding: 0px 10px;
    margin-bottom: 30px;
  }
  .h2_2 {
    float: none;
    font-size: 35px;
  }
  #contents h2.h2_2 + p {
    margin-bottom: 0px;
    font-size: 100%;
    color: #60523f;
    line-height: 120%;
  }
  #contents h2.h2_2 + p.type1 {
    margin-top: -20px;
    margin-bottom: 10px;
    font-size: 100%;
    color: #60523f;
    /*    font-family: "繝偵Λ繧ｮ繝散D荳ｸ繧ｴ W4 JIS2004";
		color: #2a3439;*/
    line-height: 120%;
    padding-bottom: 20px;
    padding: 0px 0px 5px 10px;
    border-left: 6px solid rgb(76, 175, 80);
  }
  #contents section.bg-light h2.h2_2 {
    border: none;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: block;
    padding: 10px;
    font-size: 25px;
    color: #fff;
    background: #e71d4b;
  }
  #contents section.bg-light h2.h2_2 + p.type1 {
    margin-top: -10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-size: 110%;
    color: #FF6600;
    line-height: 120%;
    padding-bottom: 0px;
    padding: 0px 0px 10px 0px;
    border: none;
  }
  /*  #contents h3.h3 + p {
    font-size: 90%;
  }*/
  #contents div.card p {
    padding: 0px;
    font-size: 90%;
  }
}
@media screen and (max-width:499px) {
  div.order-md-1 p strong.font-140 {
    font-size: 120%;
  }
  /*  .h3 {
    font-size: 20px;
    padding-bottom: 8px;
  }*/
  div.w65_m .h3 {
    border-bottom: 1px solid #ccc;
    font-weight: 700;
    background: #ff6600;
    text-align: center;
    font-family: 'Noto Serif SC', serif;
    font-display: swap;
    border: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 11px 5px;
    font-size: 24px;
    color: #fff;
    margin-bottom: 20px;
  }
  div.w65_m p.h3 {
    font-size: 20px;
  }
}
/*section同士の余白*/
/*#contents section + section {
	margin-top: 40px;
}*/
.pt10 {
  padding-top: 10px;
}
.pb10 {
  padding-bottom: 10px;
}
#contents div.card-body.pt-0 h3.mb-0 {
  padding-bottom: 5px;
  margin-bottom: 0px;
}
#contents div.card-body.pt-0 p {
  padding-top: 10px;
}
/*mainコンテンツ

/*各ボックスの設定*/
.list {
  position: relative;
  overflow: hidden;
  padding: 40px; /*ボックス内の余白*/
  border: 1px solid #999; /*枠線の幅、線種、色*/
  margin-bottom: 50px; /*ボックス間の余白*/
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15); /*ボックスの影。右に、下に、広げる幅、0,0,0は黒の事で0.15は透明度15%の事。*/
}
/*ボックス内のh4タグ設定*/
.list h4 {
  font-size: 28px; /*文字サイズ*/
  color: #60523f; /*文字色*/
}
.list h4 a {
  color: #60523f; /*リンクテキストの文字色*/
}
/*ボックス内のp(段落)タグ設定*/
.list p {
  padding: 0px 0px 10px !important; /*上、左右、下への余白*/
}
/*アイコン（正社員、アルバイト、パート、未経験可、など）
---------------------------------------------------------------------------*/
/*アイコン共通*/
.icon {
  display: inline-block;
  margin: 2px;
  font-size: 12px; /*文字サイズ*/
  padding: 0 5px; /*ボックス内の余白*/
  border-radius: 4px; /*角丸のサイズ*/
  border: 1px solid #ccc; /*枠線の幅、線種、色*/
  background: #eee; /*背景色（古いブラウザ用）*/
  background: linear-gradient(#fff, #eee); /*グラデーション*/
}
.icon a {
  text-decoration: none;
}
/*アイコン色付き（正社員）*/
.icon.color1 {
  border: 1px solid #60523f; /*枠線の幅、線種、色*/
  background: #76654e; /*背景色（古いブラウザ用）*/
  background: linear-gradient(#76654e, #60523f); /*グラデーション*/
  color: #fff !important; /*文字色*/
}
/*アイコン色付き（アルバイト）*/
.icon.color2 {
  border: 1px solid #161995; /*枠線の幅、線種、色*/
  background: #2b2ebc; /*背景色（古いブラウザ用）*/
  background: linear-gradient(#2b2ebc, #161995); /*グラデーション*/
  color: #fff; /*文字色*/
}
/*求人一覧ページの「詳細を見る・応募する」ボタン
---------------------------------------------------------------------------*/
a.btn {
  display: block;
  text-decoration: none;
  background: #60523f; /*背景色（古いブラウザ用）*/
  background: linear-gradient(#76654e, #60523f); /*グラデーション*/
  color: #fff; /*文字色*/
  font-size: 20px; /*文字サイズ*/
  text-align: center; /*文字をセンタリング*/
  padding: 10px; /*ボタン内の余白*/
  border-radius: 4px; /*角丸のサイズ*/
  letter-spacing: 0.2em; /*文字間隔を広くとる設定*/
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /*ボックスの影。右に、下に、広げる幅、0,0,0は黒の事で0.3は色が30%ついた状態。*/
  border: 1px solid #60523f; /*枠線の幅、線種、色*/
}
/*マウスオン時*/
a:hover.btn {
  box-shadow: none;
  background: #fff; /*背景色*/
  color: #60523f; /*文字色*/
}
.list2 {
  padding-bottom: 50px;
  overflow: hidden;
}
/*各ボックスの設定*/
.list2 li {
  float: left; /*左に回り込み*/
  width: 24%; /*幅*/
  margin: 10px 0.5%; /*上下、左右へのボックスの外側へ空けるスペース*/
  line-height: 1.5; /*行間*/
  position: relative;
}
.list2 a {
  display: block;
  text-decoration: none;
  height: 80px; /*ボックスの高さ*/
  overflow: hidden; /*ボックスから飛び出た場合、非表示にする設定*/
  background: #60523f; /*背景色（古いブラウザ用）*/
  background: linear-gradient(#76654e, #60523f); /*背景グラデーション*/
  border-radius: 10px; /*角丸のサイズ*/
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); /*ボックスの影。右へ、下へ、広げる幅、0,0,0は黒の事で0.2は20%色がついた状態の事。*/
  padding: 15px; /*ボックス内の余白*/
  color: #fff; /*文字色*/
}
/*マウスオン時*/
.list2 a:hover {
  background: #f5f5f5; /*背景色（古いブラウザ用）*/
  background: linear-gradient(#f5f5f5, #e2e2e2); /*背景グラデーション*/
  color: #60523f; /*文字色*/
}
/*ボックス内の画像。※imgタグにclass="img"をつけた場合。*/
.list2 .img {
  height: 100%; /*高さ*/
  background: #fff; /*背景色*/
  float: right; /*右に回り込み*/
  border-radius: 3px; /*角丸のサイズ*/
}
/*件数のテキスト。※list2内でspanタグで囲った場合。*/
.list2 span {
  font-size: 28px; /*文字サイズ*/
  position: absolute;
  bottom: 15px; /*下から15pxの場所に配置*/
  right: 110px; /*右から110pxの場所に配置*/
}
/*subコンテンツ
---------------------------------------------------------------------------*/
/*subブロック*/
.sub {
  float: right; /*右に回り込み*/
  width: 22%; /*サブコンテンツの幅*/
}
/*subコンテンツ内のh2タグ設定*/
.sub h2 {
  margin-bottom: 0 !important;
  font-size: 16px !important; /*文字サイズ*/
  padding: 10px; /*ボックス内の余白*/
  border: 1px solid #dcdcdc; /*メニューの線の幅、線種、色*/
  color: #2a3439 !important;
}
/*subコンテンツ内の段落タグ設定*/
.sub p {
  margin: 0 !important;
  padding: 10px !important;
}
/*subコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニュー全体の設定*/
.sub ul.submenu {
  margin-bottom: 20px; /*メニューブロックの下に空けるスペース*/
  border-top: solid 1px #dcdcdc; /*上の線の線種、幅、色*/
}
/*メニュー１個ごとの設定*/
.sub ul.submenu li a {
  text-decoration: none;
  display: block;
  padding: 5px 10px; /*メニュー内の余白。上下、左右への設定。*/
  border-bottom: solid 1px #dcdcdc; /*下の線の線種、幅、色*/
  border-left: solid 1px #dcdcdc; /*左の線の線種、幅、色*/
  border-right: solid 1px #dcdcdc; /*右の線の線種、幅、色*/
}
/*マウスオン時の背景色*/
.sub ul.submenu li a:hover {
  background: #f4f4f4; /*背景色*/
}
/*h2直下にsubmenuが続いた場合のみ、submenuの上の線を消す設定*/
.sub h2 + ul.submenu {
  border-top: none;
}
/*subコンテンツ内のbox1
---------------------------------------------------------------------------*/
.sub .box1 {
  overflow: hidden;
  padding: 10px; /*ボックス内の余白*/
  margin-bottom: 20px; /*ボックスの下に空けるスペース*/
  border: solid 1px #dcdcdc; /*線の線種、幅、色*/
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1) inset; /*ボックスの影。右へ、下へ、広げる幅、0,0,0は黒の事で0.1は透明度10%の事。insetは内側への影、という意味。*/
}
/*h2直下にbox1が続いた場合のみ、box1の上の線を消す設定*/
.sub h2 + .box1 {
  border-top: none;
}
/*box1内のサブメニュー*/
.sub ul.submenu {
  margin-bottom: 0;
}
/*subコンテンツ内のlist-subボックス
---------------------------------------------------------------------------*/
/*ボックス１個あたりの設定*/
.sub .list-sub {
  position: relative;
  overflow: hidden;
  border-left: 1px solid #dcdcdc; /*左の線の線種、幅、色*/
  border-right: 1px solid #dcdcdc; /*右の線の線種、幅、色*/
  border-bottom: 1px solid #dcdcdc; /*下の線の線種、幅、色*/
  line-height: 1.5; /*行間を少し狭くする。基本となる値は一番上のbodyにあります。*/
  font-size: 12px; /*文字サイズ*/
}
.sub .list-sub a {
  display: block;
  text-decoration: none;
  overflow: hidden;
  padding: 5px; /*ボックス内の余白*/
}
/*マウスオン時のボックス*/
.sub .list-sub a:hover {
  background: #f4f4f4; /*背景色*/
}
/*h4タグ*/
.sub .list-sub a h4 {
  font-weight: bold; /*太字にする設定*/
  font-size: 16px; /*文字サイズ*/
}
/*段落(p)タグ*/
.sub .list-sub p {
  padding: 0 !important;
}
/*画像*/
.sub .list-sub figure {
  width: 30%; /*画像の幅*/
  float: left; /*左に回り込み*/
  margin-right: 5px; /*画像右側に空ける余白*/
}
/*一覧ページのボックス内の右上のマーク
（CMSの場合は管理ページだと「オプション1」～のプルダウン、setup.phpだと「オプション選択肢」に関連します）
---------------------------------------------------------------------------*/
/*option1〜option3、と、newアイコン共通*/
.option1, .option2, .option3, .new {
  font-size: 12px; /*文字サイズ*/
  text-align: center;
  display: block;
  width: 80px; /*幅*/
  line-height: 30px; /*高さ*/
  position: absolute;
  right: 40px; /*右から40pxの場所に配置*/
  top: 0px; /*上から0pxの場所に配置*/
}
/*subコンテンツ内で使う場合の追加（変更）設定*/
.sub .option1, .sub .option2, .sub .option3, .sub .new {
  font-size: 10px; /*文字サイズ*/
  line-height: 16px; /*行間*/
  right: 0px; /*右から0pxの場所に配置*/
  transform: rotate(45deg) translate(22px, -10px); /*45度回転、右へ,下へ(マイナス設定なので上へ向けての指定)の移動距離*/
}
/*option1*/
.option1 {
  color: #FFF; /*文字色*/
  background: #f83d72; /*背景色*/
}
/*option2*/
.option2 {
  color: #000; /*文字色*/
  background: #ffd200; /*背景色*/
}
/*option3*/
.option3 {
  color: #FFF; /*文字色*/
  background: #999; /*背景色*/
}
/*new*/
.new {
  color: #FFF; /*文字色*/
  background: #F00; /*背景色*/
}
/*フッター設定
---------------------------------------------------------------------------*/
footer {
  clear: both;
  position: relative;
  z-index: 1;
  font-size: 12px; /*文字サイズ*/
  background: #666; /*背景色*/
  color: #fff; /*文字色*/
  text-align: center;
}
footer a {
  color: #fff;
}
footer a:hover {
  color: #fff;
}
footer .pr {
  display: block;
  font-size: 80%;
}
#footermenu {
  overflow: hidden;
  padding: 20px 0; /*上下、左右へのボックス内の余白*/
}
#footermenu a {
  text-decoration: none;
  opacity: 0.7; /*透明度。70%の色がついた状態。*/
}
#footermenu a:hover {
  opacity: 1;
}
/*１行分の設定*/
#footermenu ul {
  float: left; /*左に回り込み*/
  width: 18%; /*幅*/
  padding-right: 1%;
  padding-left: 1%;
  text-align: left;
  line-height: 1.7;
}
/*見出し*/
#footermenu li.title, #footermenu li.title a {
  opacity: 1; /*透明度。100%色がついた状態。*/
  font-size: 14px; /*文字サイズ*/
}
/*コピーライト
---------------------------------------------------------------------------*/
#copyright {
  clear: both;
  text-align: center;
}
#copyright a {
  text-decoration: none;
}
#copyright a:hover {
  color: #666;
}
#contents input[type="submit"].btn, #contents input[type="button"].btn, #contents input[type="reset"].btn {
  padding: 5px 10px; /*上下、左右へのボックス内の余白*/
  border: 1px solid #ccc; /*枠線の幅、線種、色*/
  font-size: 20px; /*文字サイズ*/
  border-radius: 3px; /*角丸のサイズ*/
  background: #eee; /*背景色*/
}
#contents input[type="submit"].btn:hover, #contents input[type="button"].btn:hover, #contents input[type="reset"].btn:hover {
  border: 1px solid #999; /*枠線の幅、線種、色*/
  background: #fff; /*背景色*/
}
/*その他
---------------------------------------------------------------------------*/
.look {
  background: #ccc;
  padding: 5px 10px;
  border-radius: 4px;
}
.mb15, .mb1em {
  margin-bottom: 15px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb50_m {
  margin-bottom: 50px !important;
}
.clear {
  clear: both;
}
.color1, .color1 a {
  color: #60523f !important;
}
.pr {
  font-size: 10px;
}
.wl {
  width: 96%;
}
.ws {
  width: 50%;
}
.c {
  text-align: center !important;
}
.r {
  text-align: right !important;
}
.l {
  text-align: left !important;
}
.w50 {
  width: 50%;
}
.fl {
  float: left;
}
img.fl {
  float: left;
  width: 30%;
  margin-right: 20px;
  margin-bottom: 20px;
}
.fr {
  float: right;
}
img.fr {
  float: right;
  width: 30%;
  margin-left: 20px;
  margin-bottom: 20px;
}
.photo {
  padding: 10px;
  background: #fff;
  border: 5px solid #fff;
  box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.2);
}
.big1 {
  font-size: 22px;
}
.sub .big1 {
  font-size: 12px;
}
.mini1 {
  font-size: 11px;
  display: inline-block;
  line-height: 1.5;
}
.sh {
  display: none;
}
.date {
  text-align: right;
  color: #999;
  font-size: 11px;
}
.footerAnnotation {
  text-align: center;
  font-size: 16px;
  margin-bottom: 32px;
}
.footerLogoBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 32px
}
.footerLogoList {
  width: 33.3%;
  list-style: none;
}
.footerTxtParagraph {
  font-size: 16px;
  text-align: center;
}
.footerLogoParagraph {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 50px
}
.footerLogoImg {
  width: 90%
}
.footerCopyRight {
  font-size: 16px;
  text-align: center
}
dl.g_q dt {
  line-height: 140%;
  font-weight: bold;
  background: url(/css/img/mark/q.png);
  background-position: 0px 4px;
  background-size: 25px auto;
  background-repeat: no-repeat;
  padding-left: 40px;
  padding-top: 8px;
  margin: 10px 0px;
  font-size: 110%;
}
dl.g_q dd {
  padding-left: 40px;
  margin: 0px 0px 20px;
}
dl.g_q dd a {
  text-decoration: underline;
}
@media screen and (max-width:991px) {
  .footer {
    padding: 0 10px 20px 10px
  }
  .footerAnnotation {
    font-size: 14px;
    margin: 32px 0 0;
  }
  .footerLogoBox {
    display: block;
    margin-top: 20px
  }
  .footerLogoList {
    width: 100%;
    margin-top: 20px
  }
  .footerLogoImg {
    width: 100%;
    max-width: 320px
  }
  .footerLogoParagraph {
    min-height: auto;
    width: 80%;
    margin: 0 auto
  }
  .footerCopyRight {
    line-height: 1
  }
  .g_bnr_width .footerTxtParagraph {
    display: block;
    text-align: center;
  }
}
@media screen and (max-width:499px) {
  .mb50_m {
    margin-bottom: 0px !important;
  }
  dl.g_q dt {
    background-position: 0px 4px;
    background-size: 20px auto;
    background-repeat: no-repeat;
    padding-left: 25px;
    padding-top: 4px;
    margin: 5px 0px;
    font-size: 110%;
  }
  dl.g_q dd {
    padding-left: 25px;
    margin: 0px 0px 20px;
  }
}
dl.g_q dd a {
  text-decoration: underline;
}
ul.g_schedule a {
  text-decoration: underline;
}
ul.g_schedule .waku {
  /*border: 1px solid #dad5dc;*/
  padding: 6px;
  font-size: 90%;
  margin-top: 10px;
}
@media screen and (min-width:1500px) {
  #top header, #mainimg {
    height: 900px;
  }
}
@media screen and (min-width:2000px) {
  #top header, #mainimg {
    height: 1200px;
  }
}
@media screen and (max-width:1200px) {
  #top header, #mainimg {
    height: 600px;
  }
}
@media screen and (max-width:991px) {
  #top header, #mainimg {
    height: 470px;
  }
  #top #logo img {
    left: 1%;
    top: 20px;
    width: 200px;
  }
}
@media screen and (max-width:800px) {
  #top header, #mainimg {
    height: 380px;
  }
  #menubar nav.menubar-p > ul, #menubar nav.menubar-s > ul {
    display: none;
    height: 0px;
  }
  /*メニュー１個あたりの設定*/
  #menubar nav.menubar-p ul.inner li {
    display: none;
  }
}
@media screen and (max-width:620px) {
  #top header, #mainimg {
    height: 300px;
  }
  #top #logo img {
    left: 1%;
    top: 10px;
    width: 120px;
  }
}
@media screen and (max-width:499px) {
  html {
    height: -webkit-fill-available;
  }
  body {
    /*  min-height: 100vh;*/
    min-height: -webkit-fill-available;
  }
  #container .sp_maining {
    z-index: 11;
    display: block;
    position: relative;
    /*  width: 100%;
height: auto;
	  margin: auto;
	    height: 100vh;*/
    z-index: 11;
    width: auto;
    height: 100vh;
    margin: 0px;
    background: #233141;
  }
  body.is-fixed-pagetop .nav-fix-pos-pagetop a {
    bottom: 70px;
    z-index: 10;
  }
  #top #logo img {
    display: none;
  }
  /*	aside#mainimg .pc, div.pc_mainimg #logo {
	visibility: hidden;
	}*/
  #container .sp_mainimg img {
    width: 95vw;
    object-fit: contain;
    object-position: center 20px;
    height: auto;
    padding-left: 2.5vw;
    padding-right: 2.5vw;
  }
  .scrolldowne-area {
    bottom: 10%;
    right: 50%;
  }
  /*スクロールダウン全体の場所*/
  .scrolldown4 {
    /*描画位置※位置は適宜調整してください*/
    position: absolute;
    bottom: 100px;
    right: 50%;
    /*矢印の動き1秒かけて永遠にループ*/
    animation: arrowmove 2s ease-in-out infinite;
  }
  /*Scrollテキストの描写*/
  .scrolldown4 span {
    /*描画位置*/
    position: absolute;
    left: -20px;
    top: -190px;
    /*bottom:10px;*/
    /*テキストの形状*/
    color: #FFF;
    font-size: 0.8rem;
    letter-spacing: 0.05em;
    /*縦書き設定*/
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
  }
  /* 矢印の描写 */
  .scrolldown4:before {
    content: "";
    /*描画位置*/
    position: absolute;
    /*    bottom: 0;*/
    top: -160px;
    right: -6px;
    /*矢印の形状*/
    width: 1px;
    height: 20px;
    background: #FFF;
    transform: skewX(-31deg);
  }
  .scrolldown4:after {
    content: "";
    /*描画位置*/
    position: absolute;
    /*  bottom:0;*/
    top: -210px;
    right: 0;
    /*矢印の形状*/
    width: 1px;
    height: 70px;
    background: #FFF;
  }
}
@keyframes arrowmove {
  0% {
    bottom: 1%;
  }
  50% {
    bottom: 3%;
  }
  100% {
    bottom: 1%;
  }
}
@media screen and (max-width:991px) {
  /*各ボックスの設定*/
  .list2 li {
    width: 49%; /*幅*/
    margin: 10px 0.5%; /*上下、左右へのボックスの外側へ空けるスペース*/
  }
}
@media screen and (orientation: landscape) and (max-height:500px) {
  #menubar-s ul li a {
    padding: 10px; /*メニュー内の余白*/
    float: left; /*左に回り込み*/
    width: 40%; /*幅*/
    margin-left: 4%; /*メニューの左側に空けるスペース*/
  }
}
@media screen and (max-width:800px) {
  .menubar-s {
    display: block;
    overflow: hidden;
    z-index: 100;
    top: 0px;
    width: 100%;
    border-top: 1px solid #fff; /*上の線の幅、線種、色*/
    animation-name: menu1; /*上のkeyframesの名前*/
    animation-duration: 0.5s; /*アニメーションの実行時間。0.5秒。*/
    animation-fill-mode: both; /*待機中は最初のキーフレームを、完了後は最後のキーフレームを維持*/
  }
  /*メニュー１個あたりの設定*/
  .menubar-s ul li a {
    display: block;
    text-decoration: none;
    padding: 10px 15px; /*上下、左右へのメニュー内の余白*/
    border-bottom: 1px solid #eee; /*下の線の幅、線種、色*/
    color: #fff; /*文字色*/
    font-size: 20px; /*文字サイズ*/
  }
  #menubar .menubar-s .tel a {
    color: #fff !important;
  }
  #Navbar .menubar-s ul li a:hover {
    color: #eee; /*文字色*/
  }
  /*飾り文字*/
  .menubar-s ul li span {
    display: block;
    font-size: 10px; /*文字サイズ*/
    color: #999; /*文字色*/
  }
  /*PC用メニューを非表示にする*/
  #menubar nav.menubar-p ul {
    visibility: hidden;
  }
  /*３本バーアイコン設定
---------------------------------------------------------------------------*/
  /*３本バーブロック*/
  #menubar_hdr {
    display: block;
    position: fixed;
    z-index: 991;
    top: 8px; /*上から8pxの場所に配置*/
    right: 10px; /*右から10pxの場所に配置*/
    border-radius: 50%; /*円形にする*/
    border: 1px solid #fff;
  }
  /*アイコン共通設定*/
  #menubar_hdr.close, #menubar_hdr.open {
    width: 50px; /*幅*/
    height: 50px;
    z-index: 991; /*高さ*/
  }
  /*三本バーアイコン*/
  #menubar_hdr.close {
    background: #60523f url(../img/icon_menu.png) no-repeat center top/50px;
    /*背景色、背景画像の読み込み、画像の上半分（３本マーク）を表示。幅は50px。*/
  }
  /*閉じるアイコン*/
  #menubar_hdr.open {
    background: #60523f url(../img/icon_menu.png) no-repeat center bottom/50px;
    z-index: 991; /*背景色、背景画像の読み込み、画像の下半分（×マーク）を表示。幅は50px。*/
  }
  /*fixmenu設定（メニューが画面上部に到達した際のスタイル）
---------------------------------------------------------------------------*/
  /*fixmenuから折りたたみメニューになるのでリセット。*/
  /*main,subコンテンツ
---------------------------------------------------------------------------*/
  .main, .sub {
    float: none;
    width: auto;
  }
  /*その他
---------------------------------------------------------------------------*/
  body.s-n .sub, body.s-n #footermenu {
    display: none;
  }
  .big1 {
    font-size: 20px;
  }
  .w50 {
    overflow: hidden;
    width: auto;
  }
  .fl {
    float: none;
  }
  .fr {
    float: none;
  }
}
@media screen and (max-width:499px) {
  .menubar-p {
    display: none;
    visibility: hidden;
  }
  #contents .cp_tabpanel div.cp_container table th {
    font-size: 80%;
    text-align: left !important;
    width: 35%;
  }
  .bg-light2 {
    margin-top: 50px;
    margin-top: 30px;
    background: url(../img/css/base.png) repeat;
    background-color: #f8f9fa !important;
    border-bottom: solid 5px #B7B25A;
    padding-top: 30px;
  }
  #contents .cp_tabpanel div.cp_container table td {
    font-size: 80%;
    text-align: left;
    font-weight: 400;
  }
}
@media screen and (max-width: 499px) {
  #mainimg {
    visibility: hidden;
  }
  #top header, .sp_mainimg {
    height: 100vw;
    z-index: 0; /*最背面に設定*/
    width: 100%;
    position: relative; /*h1の中央寄せ配置の起点とするためのrelative*/
    height: 100vh; /*高さを全画面にあわせる*/
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .pc_mainimg {
    display: none;
    visibility: hidden;
  }
  #video-area {
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
  }
  .video-box {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100vh;
  }
  .overlay::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    /*  background: rgba(0, 0, 0, 0.4);*/
  }
  .logo {
    animation: top 2.5s ease-in-out;
  }
  .video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  #video {
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*縦横幅指定*/
    /*    width: 56.25vw; */ /* 16:9 の幅→16 ÷ 9＝ 177.77% */
    /*height:177.77777778vh;*/ /* 16:9の幅 → 9 ÷ 16 = 56.25% */
    width: auto;
    height: 100vw;
    min-height: 100%;
    min-width: 100%;
  }
  .inner {
    padding-left: 2% !important;
    padding-right: 2% !important;
  }
  /*コンテンツ（mainとsubを囲むブロック。１カラム時の場合はメインコンテツを囲むブロック。）
---------------------------------------------------------------------------*/
  /*contentsの中にあるinner*/
  #contents .inner {
    padding: 20px 0px; /*上下、左右へのブロック内の余白*/
  }
  /*各ボックスの設定*/
  .list {
    padding: 10px; /*ボックス内の余白*/
    margin-bottom: 20px; /*ボックス間の余白*/
  }
  /*ボックス内のh4タグ設定*/
  .list h4 {
    font-size: 20px; /*文字サイズ*/
  }
  /*list2ボックス（トップページの「現在の求人」で使っている色のついた各ブロック）
---------------------------------------------------------------------------*/
  /*各ボックスの設定*/
  .list2 li {
    width: auto; /*幅*/
    margin: 0 0 10px; /*上、左右、下へのボックスの外側へ空けるスペース*/
  }
  .list2 a {
    height: auto; /*ボックスの高さ*/
    padding: 10px; /*ボックス内の余白*/
  }
  /*ボックス内の画像。※imgタグにclass="img"をつけた場合。*/
  .list2 .img {
    height: auto;
    width: 10%;
  }
  /*件数のテキスト。※list2内でspanタグで囲った場合。*/
  .list2 span {
    font-size: 20px; /*文字サイズ*/
    right: 20%; /*右から20%の場所に配置*/
    bottom: 6px; /*下から6pxの場所に配置*/
  }
  /*一覧ページのボックス内の右上のマーク
（CMSの場合は管理ページだと「オプション1」～のプルダウン、setup.phpだと「オプション選択肢」に関連します）
---------------------------------------------------------------------------*/
  /*option1〜option3、と、newアイコン共通*/
  .option1, .option2, .option3, .new {
    font-size: 10px; /*文字サイズ*/
    width: 50px; /*幅*/
    line-height: 20px; /*高さ*/
    right: 10px; /*右から10pxの場所に配置*/
  }
  /*フッターメニュー
---------------------------------------------------------------------------*/
  /*ボックス全体*/
  #footermenu {
    display: none; /*画面領域が狭いので非表示に。*/
  }
  /*テーブル（ta1）
---------------------------------------------------------------------------*/
  .photo {
    padding: 5px;
    border: 2px solid #fff;
  }
  .ws, .wl {
    width: 94%;
  }
  .fl {
    float: none;
  }
  img.fl {
    float: none;
    display: block;
    width: 90%;
    margin: 0 auto 20px;
  }
  .fr {
    float: none;
  }
  img.fr {
    float: none;
    display: block;
    width: 90%;
    margin: 0 auto 20px;
  }
  .big1 {
    font-size: 16px;
  }
  .sh {
    display: block;
  }
}
@keyframes top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(15px);
    transform: translateY(15px);
  }
  /*  30% {
    opacity: 0;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
 50% {
    opacity: 0.3;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
	 80% {
    opacity: 0.6;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }*/
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@media screen and (max-width: 640px) {
  .c-sousaiFlortingBnr .c-sousaiFlortingBnr__1 {
    background-color: #ee66e7;
    background-image: url("../../toritsu/img/icon/info.png");
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center 20px;
  }
  .c-sousaiFlortingBnr .c-sousaiFlortingBnr__2 {
    background-color: #6d93fa;
    background-image: url("../../toritsu/img/icon/shiryo.png");
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center 20px;
  }
  .c-sousaiFlortingBnr a {
    width: 100%;
    height: 100%;
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    display: block;
    color: #ffffff;
  }
  .c-sousaiFlortingBnr a span {
    -webkit-writing-mode: tb-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: tb-rl;
    font-size: 80%;
  }
  .c-sousaiFlortingBnr a span {
    -webkit-writing-mode: rl-tb;
    -ms-writing-mode: rl-tb;
    writing-mode: rl-tb;
  }
}
@media screen and (min-width: 500px) {
  .g_no_pt {
    display: none;
  }
  section#sec1 {
    margin-bottom: 50px;
  }
  body#kage #container #contents div.footer-container.copyright .footer a {
    color: #FFF;
    text-decoration: underline;
  }
  div.sp_mainimg {
    display: none;
    visibility: hidden;
  }
  .c-sousaiFlortingBnr {
    display: none;
    visibility: hidden;
  }
}
@media screen and (max-width: 640px) {
  .c-foot07 {
    min-width: 100%;
    padding-top: 0;
    padding-bottom: 50px;
    background-color: #ffffff;
    border: none;
  }
  .c-sousaiFlortingBnr {
    border-top: solid #FFFF 1px;
    width: 100%;
    height: 50px;
    top: auto;
    bottom: 0;
    letter-spacing: -.4em;
    position: fixed;
    z-index: 30
  }
  .c-sousaiFlortingBnr > * {
    display: inline-block;
    letter-spacing: normal;
  }
  .c-sousaiFlortingBnr .c-sousaiFlortingBnr__1 {
    width: 50%;
    height: 100%;
    background-image: none;
  }
  .c-sousaiFlortingBnr .c-sousaiFlortingBnr__1 a:before {
    width: 30px;
    height: 30px;
    background-image: url("../../toritsu/img/icon/info.png");
  }
  .c-sousaiFlortingBnr .c-sousaiFlortingBnr__2 {
    width: 50%;
    height: 100%;
    background-image: none;
  }
  .c-sousaiFlortingBnr .c-sousaiFlortingBnr__2 a {
    font-size: 1.2rem;
  }
  .c-sousaiFlortingBnr .c-sousaiFlortingBnr__2 a:before {
    width: 28px;
    height: 25px;
    background-image: url("../../toritsu/img/icon/shiryo.png");
  }
  .c-sousaiFlortingBnr a {
    width: 100%;
    height: 100%;
    padding: 0;
    font-size: 1.2rem;
    line-height: 2.5;
  }
  .c-sousaiFlortingBnr a:before {
    margin: -3px 5px 0 0;
    content: '';
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
  }
}
/*@media screen and (max-width: 640px) {
  body#kage .footer-container {
    padding: 10px 0px 20px;
  }
}*/
@media (min-width: 641px) {
  .c-sousaiFlortingBnr {
    display: none;
    overflow: hidden;
  }
}
@media screen and (max-width: 350px) {
  body#kage .g_bnr_width .g_free_footer {
    width: 280px;
  }
  div.page-title.title-buttons h2 {
    font-size: 28px
  }
  .sp_block-c {
    font-size: 70%;
  }
  .c-sousaiFlortingBnr {
    border-top: solid #FFFF 1px;
    width: 100%;
    height: 40px;
    top: auto;
    bottom: 0;
    letter-spacing: -.4em;
    position: fixed;
    z-index: 30;
  }
  .c-sousaiFlortingBnr > * {
    display: inline-block;
    letter-spacing: normal;
  }
  .c-sousaiFlortingBnr .c-sousaiFlortingBnr__1 {
    width: 50%;
    height: 100%;
    background-image: none;
  }
  .c-sousaiFlortingBnr .c-sousaiFlortingBnr__1 a:before {
    width: 20px;
    height: 20px;
    background-image: url("../../toritsu/img/icon/info.png");
  }
  .c-sousaiFlortingBnr .c-sousaiFlortingBnr__2 {
    width: 50%;
    height: 100%;
    background-image: none;
  }
  .c-sousaiFlortingBnr .c-sousaiFlortingBnr__2 a:before {
    width: 20px;
    height: 20px;
    background-image: url("../../toritsu/img/icon/shiryo.png");
  }
  .c-sousaiFlortingBnr .c-sousaiFlortingBnr__1, .c-sousaiFlortingBnr .c-sousaiFlortingBnr__2 {
    margin: 0px;
    font-weight: normal;
    padding-left: 3px;
  }
  .c-sousaiFlortingBnr .c-sousaiFlortingBnr__1 {
    float: left;
  }
  .c-sousaiFlortingBnr a {
    font-weight: normal;
    line-height: 200%;
  }
  .c-sousaiFlortingBnr a:before {
    margin: -3px 2px 0 2px;
    content: '';
    background-size: cover;
    display: inline-block;
    vertical-align: middle;
  }
  .cp_tab_1 > label {
    padding: 15px 2px;
    min-width: 20%;
    border-bottom: 1px solid #e71d4b;
    border-radius: 3px 3px 0px 0px;
    margin: 5px 0 3px 0%;
  }
  #kage #contents h1.p_title, #kage #contents h2.p_title {
    font-size: 30px;
    padding: 20px 0px;
  }
  #kage #contents h2.p_title.p0 {
    font-size: 25px;
    padding: 15px 0px;
  }
  /*h3.g_h3-k {
  margin-top: 20px;
  padding: 0px 10px 10px 0px;
  line-height: 100%;
  border-bottom: 1px rgb(10, 41, 102) solid;
  margin-bottom: 5px
}*/
  h3.h4, h4.h4 {
    position: relative;
    line-height: 1.4;
    padding: 0.25em 1em;
    display: inline-block;
    top: 0;
    font-weight: 700;
  }
  h4.h4:before, h4.h4:after, h3.h4:before, h3.h4:after {
    position: absolute;
    top: 0;
    content: '';
    width: 8px;
    height: 100%;
    display: inline-block;
  }
  h4.h4:before, h3.h4:before {
    border-left: solid 1px black;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
    left: 0;
  }
  h4.h4:after, h3.h4:after {
    content: '';
    border-top: solid 1px black;
    border-right: solid 1px black;
    border-bottom: solid 1px black;
    right: 0;
  }
  #contents .page-title h2.py-4 {
    font-size: 35px !important;
    padding: 10px !important;
    margin-bottom: 10px !important;
    line-height: 140%;
  }
  h3.g_h3-k .g_h3-no {
    background: rgba(172, 15, 15, 1.00);
    background: #0e6eb4;
    color: #FFF;
    padding: 2px 4px;
    margin-right: 3px;
  }
  p {
    margin-top: 0;
    margin-bottom: 1rem;
    color: #2a3439;
    word-break: break-all;
  }
  h1, h2, h3, h4, p, ul, ol, li, dl, dt, dd, form, figure, form {
    font-size: 95%;
  }
  #contents .cp_tabpanel div.cp_container table td, #contents .cp_tabpanel div.cp_container table th {
    font-size: 70%;
    line-height: 120%;
  }
  #contents div.container div.tabs3 ul.policy li h3.h3-3 {
    font-size: 15.3px;
    line-height: 160%;
  }
  #contents h3.g_h3-k {
    font-size: 18.5px;
  }
  ul.policy .sub_menu p {
    font-size: 105%;
  }
  #contents h3.design {
    font-size: 20px;
    padding: 0px 5px;
  }
  h2.h2_0 {
    font-size: 130%;
  }
}
footer a {
  color: #fff;
}
footer a:hover {
  color: #fff;
}
footer .pr {
  display: block;
  font-size: 80%;
}
#footermenu {
  overflow: hidden;
  padding: 20px 0; /*上下、左右へのボックス内の余白*/
}
#footermenu a {
  text-decoration: none;
  opacity: 0.7; /*透明度。70%の色がついた状態。*/
}
#footermenu a:hover {
  opacity: 1;
}
/*１行分の設定*/
#footermenu ul {
  float: left; /*左に回り込み*/
  width: 18%; /*幅*/
  padding-right: 1%;
  padding-left: 1%;
  text-align: left;
  line-height: 1.7;
}
/*見出し*/
#footermenu li.title, #footermenu li.title a {
  opacity: 1; /*透明度。100%色がついた状態。*/
  font-size: 14px; /*文字サイズ*/
}
/*コピーライト
---------------------------------------------------------------------------*/
#copyright {
  clear: both;
  text-align: center;
}
#copyright a {
  text-decoration: none;
}
#copyright a:hover {
  color: #666;
}
#contents input[type="submit"].btn, #contents input[type="button"].btn, #contents input[type="reset"].btn {
  padding: 5px 10px; /*上下、左右へのボックス内の余白*/
  border: 1px solid #ccc; /*枠線の幅、線種、色*/
  font-size: 20px; /*文字サイズ*/
  border-radius: 3px; /*角丸のサイズ*/
  background: #eee; /*背景色*/
}
#contents input[type="submit"].btn:hover, #contents input[type="button"].btn:hover, #contents input[type="reset"].btn:hover {
  border: 1px solid #999; /*枠線の幅、線種、色*/
  background: #fff; /*背景色*/
}
/*その他
---------------------------------------------------------------------------*/
.look {
  background: #ccc;
  padding: 5px 10px;
  border-radius: 4px;
}
.mb15, .mb1em {
  margin-bottom: 15px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb50_m {
  margin-bottom: 50px !important;
}
.clear {
  clear: both;
}
.color1, .color1 a {
  color: #60523f !important;
}
.pr {
  font-size: 10px;
}
.wl {
  width: 96%;
}
.ws {
  width: 50%;
}
.c {
  text-align: center !important;
}
.r {
  text-align: right !important;
}
.l {
  text-align: left !important;
}
.w50 {
  width: 50%;
}
.fl {
  float: left;
}
img.fl {
  float: left;
  width: 30%;
  margin-right: 20px;
  margin-bottom: 20px;
}
.fr {
  float: right;
}
img.fr {
  float: right;
  width: 30%;
  margin-left: 20px;
  margin-bottom: 20px;
}
.photo {
  padding: 10px;
  background: #fff;
  border: 5px solid #fff;
  box-shadow: 2px 4px 5px rgba(0, 0, 0, 0.2);
}
.big1 {
  font-size: 22px;
}
.sub .big1 {
  font-size: 12px;
}
.mini1 {
  font-size: 11px;
  display: inline-block;
  line-height: 1.5;
}
.sh {
  display: none;
}
.date {
  text-align: right;
  color: #999;
  font-size: 11px;
}
.footerAnnotation {
  text-align: center;
  font-size: 16px;
  margin-bottom: 32px;
}
.footerLogoBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 32px
}
.footerLogoList {
  width: 33.3%;
  list-style: none;
}
.footerTxtParagraph {
  font-size: 16px;
  text-align: center;
}
.footerLogoParagraph {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 50px
}
.footerLogoImg {
  width: 90%
}
.footerCopyRight {
  font-size: 16px;
  text-align: center
}

dl.g_q dt {
  line-height: 140%;
  font-weight: bold;
  background: url(/css/img/mark/q.png);
  background-position: 0px 4px;
  background-size: 25px auto;
  background-repeat: no-repeat;
  padding-left: 40px;
  padding-top: 8px;
  margin: 10px 0px;
  font-size: 110%;
}
dl.g_q dd {
  padding-left: 40px;
  margin: 0px 0px 20px;
}
dl.g_q dd a {
  text-decoration: underline;
}
@media screen and (max-width:991px) {
  .footer {
    padding: 0 10px 20px 10px
  }
  .footerAnnotation {
    font-size: 14px;
    margin: 32px 0 0;
  }
  .footerLogoBox {
    display: block;
    margin-top: 20px
  }
  .footerLogoList {
    width: 100%;
    margin-top: 20px
  }
  .footerLogoImg {
    width: 100%;
    max-width: 320px
  }
  .footerLogoParagraph {
    min-height: auto;
    width: 80%;
    margin: 0 auto
  }
  .footerCopyRight {
    line-height: 1
  }
  .g_bnr_width .footerTxtParagraph {
    display: block;
    text-align: center;
  }
}
@media screen and (max-width:499px) {
  .mb50_m {
    margin-bottom: 0px !important;
  }
  dl.g_q dt {
    background-position: 0px 4px;
    background-size: 20px auto;
    background-repeat: no-repeat;
    padding-left: 25px;
    padding-top: 4px;
    margin: 5px 0px;
    font-size: 110%;
  }
  dl.g_q dd {
    padding-left: 25px;
    margin: 0px 0px 20px;
  }
}
dl.g_q dd a {
  text-decoration: underline;
}
ul.g_schedule a {
  text-decoration: underline;
}
ul.g_schedule .waku {
  /*border: 1px solid #dad5dc;*/
  padding: 6px;
  font-size: 90%;
  margin-top: 10px;
}
@media screen and (min-width:1500px) {
  #top header, #mainimg {
    height: 900px;
  }
}
@media screen and (min-width:2000px) {
  #top header, #mainimg {
    height: 1200px;
  }
}
@media screen and (max-width:1200px) {
  #top header, #mainimg {
    height: 600px;
  }
}
@media screen and (max-width:991px) {
  #top header, #mainimg {
    height: 470px;
  }
  #top #logo img {
    left: 1%;
    top: 20px;
    width: 200px;
  }
}
@media screen and (max-width:800px) {
  #top header, #mainimg {
    height: 450px;
  }
  #menubar nav.menubar-p > ul, #menubar nav.menubar-s > ul {
    display: none;
    height: 0px;
  }
  /*メニュー１個あたりの設定*/
  #menubar nav.menubar-p ul.inner li {
    display: none;
  }
}
@media screen and (max-width:620px) {
  #top header, #mainimg {
    height: 300px;
  }
  #top #logo img {
    left: 1%;
    top: 10px;
    width: 120px;
  }
}
@media screen and (max-width:499px) {
  html {
    height: -webkit-fill-available;
  }
  body {
    /*  min-height: 100vh;*/
    min-height: -webkit-fill-available;
  }
  #top header {
    z-index: 11;
    display: block;
    position: relative;
    /*  width: 100%;
height: auto;
	  margin: auto;
	    height: 100vh;*/
    z-index: 11;
    width: auto;
    height: 100vh;
    margin: 0px;
    background: #233141;
  }
  body.is-fixed-pagetop .nav-fix-pos-pagetop a {
    bottom: 70px; /*下から20pxの場所に配置*/
  }
  #top #logo img {
    display: none;
  }
  /* support iOS */
  #mainimg {
    text-align: center;
    margin: 0;
    height: auto;
    min-height: -webkit-fill-available;
    width: 100%;
    height: 100vh;
  }
  /*	aside#mainimg .pc, div.pc_mainimg #logo {
	visibility: hidden;
	}*/
  #mainimg .sp_mainimg img {
    width: 95vw;
    object-fit: contain;
    object-position: center 20px;
    height: auto;
  }
  .scrolldowne-area {
    bottom: 10%;
    right: 50%;
  }
  /*スクロールダウン全体の場所*/
  .scrolldown4 {
    /*描画位置※位置は適宜調整してください*/
    position: absolute;
    bottom: 100px;
    right: 50%;
    /*矢印の動き1秒かけて永遠にループ*/
    animation: arrowmove 2s ease-in-out infinite;
  }
  /*Scrollテキストの描写*/
  .scrolldown4 span {
    /*描画位置*/
    position: absolute;
    left: -20px;
    top: -190px;
    /*bottom:10px;*/
    /*テキストの形状*/
    color: #FFF;
    font-size: 0.8rem;
    letter-spacing: 0.05em;
    /*縦書き設定*/
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
  }
  /* 矢印の描写 */
  .scrolldown4:before {
    content: "";
    /*描画位置*/
    position: absolute;
    /*    bottom: 0;*/
    top: -160px;
    right: -6px;
    /*矢印の形状*/
    width: 1px;
    height: 20px;
    background: #FFF;
    transform: skewX(-31deg);
  }
  .scrolldown4:after {
    content: "";
    /*描画位置*/
    position: absolute;
    /*  bottom:0;*/
    top: -210px;
    right: 0;
    /*矢印の形状*/
    width: 1px;
    height: 70px;
    background: #FFF;
  }
}
@keyframes arrowmove {
  0% {
    bottom: 1%;
  }
  50% {
    bottom: 3%;
  }
  100% {
    bottom: 1%;
  }
}
@media screen and (max-width:768px) {
  #header, #header:before {
    height: 100vh;
  }
}
@media screen and (max-width:991px) {
  /*各ボックスの設定*/
  .list2 li {
    width: 49%; /*幅*/
    margin: 10px 0.5%; /*上下、左右へのボックスの外側へ空けるスペース*/
  }
}
@media screen and (orientation: landscape) and (max-height:500px) {
  #menubar-s ul li a {
    padding: 10px; /*メニュー内の余白*/
    float: left; /*左に回り込み*/
    width: 40%; /*幅*/
    margin-left: 4%; /*メニューの左側に空けるスペース*/
  }
}
@media screen and (max-width:800px) {
  .menubar-s {
    display: block;
    overflow: hidden;
    z-index: 100;
    top: 0px;
    width: 100%;
    border-top: 1px solid #295ab6;
    animation-name: menu1; /*上のkeyframesの名前*/
    animation-duration: 0.5s; /*アニメーションの実行時間。0.5秒。*/
    animation-fill-mode: both; /*待機中は最初のキーフレームを、完了後は最後のキーフレームを維持*/
  }
  /*メニュー１個あたりの設定*/
  .menubar-s ul li a {
    display: block;
    text-decoration: none;
    padding: 10px 15px; /*上下、左右へのメニュー内の余白*/
    border-bottom: 1px solid #eee; /*下の線の幅、線種、色*/
    color: #fff; /*文字色*/
    font-size: 22px; /*文字サイズ*/
    font-weight: 700;
    font-family: 'Noto Serif SC';
  }
  #menubar .menubar-s .tel a {
    color: #fff !important;
  }
  #Navbar .menubar-s ul li a:hover {
    color: #eee; /*文字色*/
  }
  /*飾り文字*/
  .menubar-s ul li span {
    display: block;
    font-size: 10px; /*文字サイズ*/
    color: #999; /*文字色*/
  }
  /*PC用メニューを非表示にする*/
  #menubar nav.menubar-p ul {
    visibility: hidden;
  }
  /*３本バーアイコン設定
---------------------------------------------------------------------------*/
  /*３本バーブロック*/
  #menubar_hdr {
    display: block;
    position: fixed;
    z-index: 991;
    top: 8px; /*上から8pxの場所に配置*/
    right: 10px; /*右から10pxの場所に配置*/
    border-radius: 50%; /*円形にする*/
    border: 1px solid #fff;
  }
  /*アイコン共通設定*/
  #menubar_hdr.close, #menubar_hdr.open {
    width: 50px; /*幅*/
    height: 50px;
    z-index: 991; /*高さ*/
  }
  /*三本バーアイコン*/
  #menubar_hdr.close {
    background: #60523f url(../img/icon_menu.png) no-repeat center top/50px;
    /*背景色、背景画像の読み込み、画像の上半分（３本マーク）を表示。幅は50px。*/
  }
  /*閉じるアイコン*/
  #menubar_hdr.open {
    background: #60523f url(../img/icon_menu.png) no-repeat center bottom/50px;
    z-index: 991; /*背景色、背景画像の読み込み、画像の下半分（×マーク）を表示。幅は50px。*/
  }
  /*fixmenu設定（メニューが画面上部に到達した際のスタイル）
---------------------------------------------------------------------------*/
  /*fixmenuから折りたたみメニューになるのでリセット。*/
  body.is-fixed-menu #contents {
    margin-top: 0px;
  }
  /*main,subコンテンツ
---------------------------------------------------------------------------*/
  .main, .sub {
    float: none;
    width: auto;
  }
  /*その他
---------------------------------------------------------------------------*/
  body.s-n .sub, body.s-n #footermenu {
    display: none;
  }
  .big1 {
    font-size: 20px;
  }
  .w50 {
    overflow: hidden;
    width: auto;
  }
  .fl {
    float: none;
  }
  .fr {
    float: none;
  }
}
@media screen and (max-width: 499px) {
  #video {
    overflow: hidden;
    /*天地中央配置*/
    margin: 0px;
    padding: 0px;
    position: absolute;
    z-index: -1;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -40%);
    /*縦横幅指定*/
    /*    width: 56.25vw; */ /* 16:9 の幅→16 ÷ 9＝ 177.77% */
    /*height:177.77777778vh;*/ /* 16:9の幅 → 9 ÷ 16 = 56.25% */
    min-height: 100%;
    min-width: 100%;
    width: auto;
    height: 100vw;
  }
  .inner {
    padding-left: 2% !important;
    padding-right: 2% !important;
  }
  /*コンテンツ（mainとsubを囲むブロック。１カラム時の場合はメインコンテツを囲むブロック。）
---------------------------------------------------------------------------*/
  body.is-fixed-menu #contents {
    padding: 20px 0px 0px; /*上下、左右へのブロック内の余白*/
  }
  /*contentsの中にあるinner*/
  #contents .inner {
    padding: 20px 0px; /*上下、左右へのブロック内の余白*/
  }
  /*各ボックスの設定*/
  .list {
    padding: 10px; /*ボックス内の余白*/
    margin-bottom: 20px; /*ボックス間の余白*/
  }
  /*ボックス内のh4タグ設定*/
  .list h4 {
    font-size: 20px; /*文字サイズ*/
  }
  /*list2ボックス（トップページの「現在の求人」で使っている色のついた各ブロック）
---------------------------------------------------------------------------*/
  /*各ボックスの設定*/
  .list2 li {
    width: auto; /*幅*/
    margin: 0 0 10px; /*上、左右、下へのボックスの外側へ空けるスペース*/
  }
  .list2 a {
    height: auto; /*ボックスの高さ*/
    padding: 10px; /*ボックス内の余白*/
  }
  /*ボックス内の画像。※imgタグにclass="img"をつけた場合。*/
  .list2 .img {
    height: auto;
    width: 10%;
  }
  /*件数のテキスト。※list2内でspanタグで囲った場合。*/
  .list2 span {
    font-size: 20px; /*文字サイズ*/
    right: 20%; /*右から20%の場所に配置*/
    bottom: 6px; /*下から6pxの場所に配置*/
  }
  /*一覧ページのボックス内の右上のマーク
（CMSの場合は管理ページだと「オプション1」～のプルダウン、setup.phpだと「オプション選択肢」に関連します）
---------------------------------------------------------------------------*/
  /*option1〜option3、と、newアイコン共通*/
  .option1, .option2, .option3, .new {
    font-size: 10px; /*文字サイズ*/
    width: 50px; /*幅*/
    line-height: 20px; /*高さ*/
    right: 10px; /*右から10pxの場所に配置*/
  }
  /*フッターメニュー
---------------------------------------------------------------------------*/
  /*ボックス全体*/
  #footermenu {
    display: none; /*画面領域が狭いので非表示に。*/
  }
  /*テーブル（ta1）
---------------------------------------------------------------------------*/
  .photo {
    padding: 5px;
    border: 2px solid #fff;
  }
  .ws, .wl {
    width: 94%;
  }
  .fl {
    float: none;
  }
  img.fl {
    float: none;
    display: block;
    width: 90%;
    margin: 0 auto 20px;
  }
  .fr {
    float: none;
  }
  img.fr {
    float: none;
    display: block;
    width: 90%;
    margin: 0 auto 20px;
  }
  .big1 {
    font-size: 16px;
  }
  .sh {
    display: block;
  }
}
@media screen and (min-width: 500px) {
  body#kage #container #contents div.footer-container.copyright .footer a {
    color: #FFF;
    text-decoration: underline;
  }
  div.sp_mainimg {
    display: none;
    visibility: hidden;
  }
  .c-sousaiFlortingBnr {
    display: none;
    visibility: hidden;
  }
}
@media (max-width:768px) {
  .bg-light_sp {
    box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 5px 4px rgba(208, 176, 148, 0.31);
    background-color: rgb(250, 244, 227);
    padding: 20px 10px;
    border: 5px #FFF solid;
    border-radius: 15px;
    margin: auto 2%;
    width: 96%;
  }
  .bg-light2_sp {
    box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 5px 4px rgba(208, 176, 148, 0.31);
    background-color: #FFF;
    padding: 20px 10px;
    border: 5px #FFF solid;
    border-radius: 15px;
  }
  div.bg-light_sp div.container {
    padding: 0px !important;
  }
  .bg-light2 .container {
    padding: 30px 10px;
  }
  .bg-light3 {
    box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 9px -2px rgba(10, 10, 10, 0.18);
    background-color: #bbeff3;
    background-color: #eceef2;
    border-top: 5px #FFF solid;
    border-right: 5px #FFF solid;
    border-left: 5px #FFF solid;
    border-bottom: 5px #FFF solid;
    padding: 20px 15px;
    border-radius: 10px;
  }
  .bg-light4 {
    box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 9px -2px rgba(10, 10, 10, 0.18);
    border: 5px #FFF solid;
    padding: 10px 10px;
    background: #ebf2fa;
    border-radius: 10px;
    margin-bottom: 30px;
  }
  .bg-light5 {
    box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 9px -2px rgba(10, 10, 10, 0.18);
    border: 5px #FFF solid;
    padding: 10px 10px;
    background: #faf4e3;
    border-radius: 10px;
    margin-bottom: 30px;
  }
  .bg-light6 {
    box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 9px -2px rgba(10, 10, 10, 0.18);
    border: 5px #FFF solid;
    padding: 10px 10px;
    background: #e4e3fa;
    border-radius: 10px;
    margin-bottom: 30px;
  }
	  .bg-light7 {
    box-shadow: 0px 8px 16px -2px rgba(10, 10, 10, 0.1), 0px 0px 9px -2px rgba(10, 10, 10, 0.18);
    border: 5px #FFF solid;
    padding: 10px 10px;
    background: #f6eaf6;
    border-radius: 10px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width:499px) {
  /*  div.pc_mainimg #logo, #mainimg div.pc {
    display: none;
	  visibility:hidden;
  }*/
  /*  header {
    height: 100vh;
  }*/
  .menubar-p {
    display: none;
    visibility: hidden;
  }
  #contents .cp_tabpanel div.cp_container table th {
    font-size: 80%;
    text-align: left !important;
    width: 35%;
  }
  .bg-light2 {
    margin-top: 50px;
    margin-top: 30px;
    background: url(../img/css/base.png) repeat;
    background-color: #f8f9fa !important;
    border-bottom: solid 5px #B7B25A;
    padding-top: 30px;
  }
  #contents .cp_tabpanel div.cp_container table td {
    font-size: 80%;
    text-align: left;
    font-weight: 400;
  }
}
/*ここから5000*/
/* フッターナビ　*/
@media (min-width:769px) and (max-width:1200px) {
  #contents div.cp_tabpanels ul.g_tokutyo li.g_w48 figure img {
    height: 400px;
    width: 100%;
    object-fit: cover;
    ;
  }
  #contents .cp_tabpanel ul.g_tokutyo.gaiyo li.g_w48:nth-of-type(1) {
    width: 25%;
  }
  #contents .cp_tabpanel ul.g_tokutyo.gaiyo li.g_w48:nth-of-type(2) {
    width: 73%;
  }
}
html, body, #container {
  height: 100%;
}
ol {
  padding-left: 40px;
  padding-bottom: 15px;
}
/*header {
  height: 70px;
  position: relative;
}*/
/*トップページのヘッダーと、スライドショーブロック共通設定。他の端末サイズでの再設定が複数あるので変更する際は注意。*/
/*#top header, #mainimg {
  height: 700px; 
}*/
#contents h3.text-secondary {
  padding-bottom: 10px;
}
#contents h3.card-title {
  text-align: left;
  padding: 10px 0px 5px;
}
/*h3タグの１文字目*/
/*#contents h3::first-letter {
	border-left: 3px solid #60523f;
	padding-left: 20px;*/
/*#contents p {
	padding: 0 20px 20px;
}*/
#contents div.card p {
  padding: 0px;
}
#contents h2 + p {}
#contents h2.h2_2 + p, #contents h2.h2_2 + p.type1 {
  color: #6c757d;
  font-family: "ヒラギノUD丸ゴ W6 JIS2004", "sans-serif";
  font-display: swap;
  display: block;
  padding-top: 0.4rem;
  font-size: 130%;
}
@media screen and (max-width:499px) {
  div.order-md-1 p strong.font-140 {
    font-size: 120%;
  }
  /*  .h3 {
    font-size: 20px;
    padding-bottom: 8px;
  }*/
  div.w65_m .h3 {
    border-bottom: 1px solid #ccc;
    font-weight: 700;
    background: #ff6600;
    text-align: center;
    font-family: 'Noto Serif SC', serif;
    font-display: swap;
    border: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    padding: 11px 5px;
    font-size: 24px;
    color: #fff;
    margin-bottom: 20px;
  }
  div.w65_m p.h3 {
    font-size: 20px;
  }
}
/*section同士の余白*/
/*#contents section + section {
	margin-top: 40px;
}*/
.pt10 {
  padding-top: 10px;
}
.pb10 {
  padding-bottom: 10px;
}
#contents div.card-body.pt-0 h3.mb-0 {
  padding-bottom: 5px;
  margin-bottom: 0px;
}
#contents div.card-body.pt-0 p {
  padding-top: 10px;
}
/*mainコンテンツ

/*各ボックスの設定*/
.list {
  position: relative;
  overflow: hidden;
  padding: 40px; /*ボックス内の余白*/
  border: 1px solid #999; /*枠線の幅、線種、色*/
  margin-bottom: 50px; /*ボックス間の余白*/
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.15); /*ボックスの影。右に、下に、広げる幅、0,0,0は黒の事で0.15は透明度15%の事。*/
}
/*ボックス内のh4タグ設定*/
.list h4 {
  font-size: 28px; /*文字サイズ*/
  color: #60523f; /*文字色*/
}
.list h4 a {
  color: #60523f; /*リンクテキストの文字色*/
}
/*ボックス内のp(段落)タグ設定*/
.list p {
  padding: 0px 0px 10px !important; /*上、左右、下への余白*/
}
/*アイコン（正社員、アルバイト、パート、未経験可、など）
---------------------------------------------------------------------------*/
/*アイコン共通*/
.icon {
  display: inline-block;
  margin: 2px;
  font-size: 12px; /*文字サイズ*/
  padding: 0 5px; /*ボックス内の余白*/
  border-radius: 4px; /*角丸のサイズ*/
  border: 1px solid #ccc; /*枠線の幅、線種、色*/
  background: #eee; /*背景色（古いブラウザ用）*/
  background: linear-gradient(#fff, #eee); /*グラデーション*/
}
.icon a {
  text-decoration: none;
}
/*アイコン色付き（正社員）*/
.icon.color1 {
  border: 1px solid #60523f; /*枠線の幅、線種、色*/
  background: #76654e; /*背景色（古いブラウザ用）*/
  background: linear-gradient(#76654e, #60523f); /*グラデーション*/
  color: #fff !important; /*文字色*/
}
/*アイコン色付き（アルバイト）*/
.icon.color2 {
  border: 1px solid #161995; /*枠線の幅、線種、色*/
  background: #2b2ebc; /*背景色（古いブラウザ用）*/
  background: linear-gradient(#2b2ebc, #161995); /*グラデーション*/
  color: #fff; /*文字色*/
}
/*求人一覧ページの「詳細を見る・応募する」ボタン
---------------------------------------------------------------------------*/
a.btn {
  display: block;
  text-decoration: none;
  background: #60523f; /*背景色（古いブラウザ用）*/
  background: linear-gradient(#76654e, #60523f); /*グラデーション*/
  color: #fff; /*文字色*/
  font-size: 20px; /*文字サイズ*/
  text-align: center; /*文字をセンタリング*/
  padding: 10px; /*ボタン内の余白*/
  border-radius: 4px; /*角丸のサイズ*/
  letter-spacing: 0.2em; /*文字間隔を広くとる設定*/
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /*ボックスの影。右に、下に、広げる幅、0,0,0は黒の事で0.3は色が30%ついた状態。*/
  border: 1px solid #60523f; /*枠線の幅、線種、色*/
}
/*マウスオン時*/
a:hover.btn {
  box-shadow: none;
  background: #fff; /*背景色*/
  color: #60523f; /*文字色*/
}
.list2 {
  padding-bottom: 50px;
  overflow: hidden;
}
/*各ボックスの設定*/
.list2 li {
  float: left; /*左に回り込み*/
  width: 24%; /*幅*/
  margin: 10px 0.5%; /*上下、左右へのボックスの外側へ空けるスペース*/
  line-height: 1.5; /*行間*/
  position: relative;
}
.list2 a {
  display: block;
  text-decoration: none;
  height: 80px; /*ボックスの高さ*/
  overflow: hidden; /*ボックスから飛び出た場合、非表示にする設定*/
  background: #60523f; /*背景色（古いブラウザ用）*/
  background: linear-gradient(#76654e, #60523f); /*背景グラデーション*/
  border-radius: 10px; /*角丸のサイズ*/
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); /*ボックスの影。右へ、下へ、広げる幅、0,0,0は黒の事で0.2は20%色がついた状態の事。*/
  padding: 15px; /*ボックス内の余白*/
  color: #fff; /*文字色*/
}
/*マウスオン時*/
.list2 a:hover {
  background: #f5f5f5; /*背景色（古いブラウザ用）*/
  background: linear-gradient(#f5f5f5, #e2e2e2); /*背景グラデーション*/
  color: #60523f; /*文字色*/
}
/*ボックス内の画像。※imgタグにclass="img"をつけた場合。*/
.list2 .img {
  height: 100%; /*高さ*/
  background: #fff; /*背景色*/
  float: right; /*右に回り込み*/
  border-radius: 3px; /*角丸のサイズ*/
}
/*件数のテキスト。※list2内でspanタグで囲った場合。*/
.list2 span {
  font-size: 28px; /*文字サイズ*/
  position: absolute;
  bottom: 15px; /*下から15pxの場所に配置*/
  right: 110px; /*右から110pxの場所に配置*/
}
/*subコンテンツ
---------------------------------------------------------------------------*/
/*subブロック*/
.sub {
  float: right; /*右に回り込み*/
  width: 22%; /*サブコンテンツの幅*/
}
/*subコンテンツ内のh2タグ設定*/
.sub h2 {
  margin-bottom: 0 !important;
  font-size: 16px !important; /*文字サイズ*/
  padding: 10px; /*ボックス内の余白*/
  border: 1px solid #dcdcdc; /*メニューの線の幅、線種、色*/
  color: #2a3439 !important;
}
/*subコンテンツ内の段落タグ設定*/
.sub p {
  margin: 0 !important;
  padding: 10px !important;
}
/*subコンテンツ内のメニュー
---------------------------------------------------------------------------*/
/*メニュー全体の設定*/
.sub ul.submenu {
  margin-bottom: 20px; /*メニューブロックの下に空けるスペース*/
  border-top: solid 1px #dcdcdc; /*上の線の線種、幅、色*/
}
/*メニュー１個ごとの設定*/
.sub ul.submenu li a {
  text-decoration: none;
  display: block;
  padding: 5px 10px; /*メニュー内の余白。上下、左右への設定。*/
  border-bottom: solid 1px #dcdcdc; /*下の線の線種、幅、色*/
  border-left: solid 1px #dcdcdc; /*左の線の線種、幅、色*/
  border-right: solid 1px #dcdcdc; /*右の線の線種、幅、色*/
}
/*マウスオン時の背景色*/
.sub ul.submenu li a:hover {
  background: #f4f4f4; /*背景色*/
}
/*h2直下にsubmenuが続いた場合のみ、submenuの上の線を消す設定*/
.sub h2 + ul.submenu {
  border-top: none;
}