/*--------------------------------------------------------------
  CONTENTS
----------------------------------------------------------------
1.0 - Elements
  1.1 - Elements Common
  1.2 - Elements Media Query ( > 750px )
2.0 - Forms
  2.1 - Forms Common
  2.2 - Forms Media Query ( > 750px )
3.0 - Accessibility
  3.1 - Accessibility Common
  3.2 - Accessibility Media Query ( > 750px )
4.0 - Alignments
  4.1 - Alignments Common
  4.2 - Alignments Media Query ( > 750px )
5.0 - Clearings
  5.1 - Clearings Common
  5.2 - Clearings Media Query ( > 750px )
6.0 - Header
  6.1 - Header Common
  6.2 - Header Media Query ( > 750px )
7.0 - Navigation
  7.1 - Navigation Common
  7.2 - Navigation Media Query ( > 750px )
8.0 - Widgets
  8.1 - Widgets Common
  8.2 - Widgets Media Query ( > 750px )
9.0 - Main
  9.1 - Main Common
  9.2 - Main Media Query ( > 750px )
10.0 - Sideber Left
  10.1 - Sideber Left Common
  10.2 - Sideber Left Media Query ( > 750px )
11.0 - Sideber Right
  11.1 - Sideber Right Common
  11.2 - Sideber Right Media Query ( > 750px )
12.0 - Footer
  12.1 - Footer Common
  12.2 - Footer Media Query ( > 750px )

2025/09/10_Wed
13.0 - KOHO-add
  13.1 - TopPage 2col(chal&bana)
--------------------------------------------------------------*/
/************************
 1.0 - Elements START
************************/
/*** 1.1 - Elements Common START ***/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

header, main, footer {
  width: 100%;
}

/* header {} */
/* html {} */

body {
  /*font-family: Arial, Helvetica, "sans-serif";*/
  /*font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;*/
  font-family: "游明朝体", "YuMincho", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  background-color: #FFFFFF;
  animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
  0% { opacity: 0 }
  100% { opacity: 1 }
}

 @-webkit-keyframes fadeIn {
   0% { opacity: 0 }
   100% { opacity: 1 }
}
/*** 1.1 - Elements Common END ***/
/*** 1.2 - Elements Media Query ( > 750px ) START ***/
@media screen and (min-width:751px) {

}
/*** 1.2 - Elements Media Query ( > 750px ) END ***/
/*** 1.0 - Elements END ***/

/************************
  2.0 - Forms START
************************/
/*** 2.1 - Forms Common START ***/
a {
  text-decoration: none;
  text-decoration-color: #FFF;
}

a:hover {
  -moz-opacity: 0.6;
  opacity: 0.6;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

img {
  vertical-align: bottom;
  width: 100%;
}

table {
  width: 100%;
  /*table-layout: fixed;*/
  border-spacing: 0 10px;
  box-sizing: border-box;
}


tr {
  display: grid;
  margin:5px 0;
}

th {
  width:100%;
  text-align: left;
  font-weight: 700;
  background-color: #f7f7f7;
  padding:12px 0 12px 10px; 
  box-sizing: border-box;
}

td {
  padding:15px 10px 20px 10px;
  box-sizing: border-box;
}

.company-list-padd td {
  padding:5px 10px 0px 10px;
  box-sizing: border-box;
}
.company-table-wrap {
  display: block;
  margin: 0 auto;
  width:80%;
  
}

h1, h2 {
  font-family: "游明朝体", "YuMincho", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}

.company-name a,
.company-name a:visited,
.company-name a:hover,
.company-name a:active{
  color:inherit;
}

h3 {
  font-size: large;
  color: #353535;
  margin-bottom: 10px;
}

p {
  line-height: 1.5;
  font-weight: 500;
  font-size:114%;
  /*font-family: 'Noto Sans JP','游ゴシック', YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", arial, helvetica, sans-serif;*/
}

.noliststyle {
  list-style: none;
}

td a, .footer-info a, .main-flexwrap a, .seikatel a {
  color: #000000;
}

.themecolor a {
  color: #2e8b57;
}

.h2-font {
  height: 30px;
  font-size: x-large;
}

.h2-font-small {
  height: 30px;
  font-size: large;
}

.text-small {
  font-size: small;
}

.text-medium {
  font-size: medium;
}

.text-xlarge {
  font-size: x-large;
}

.themecolor {
  color: #2e8b57;
}

iframe {
  vertical-align: bottom;
}

.special-font {
  font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.block-center {
  display: block;
  margin: 0 auto;
}

.position-relative {
  position: relative;
}

figure{
    margin: 0;
    flex: 0 0 40%;
}
/*** 2.1 - Forms Common END ***/
/*** 2.2 - Forms Media Query ( > 750px ) START ***/
@media screen and (min-width:751px) {
  .h2-font,
  .h2-font-small {
    height: 45px;
    font-size: 30px;/*font-size: x-large;*/
  }

  table {
    width: 100%;
    /*table-layout: fixed;*/
    border-spacing: 0 10px;
  }

  tr {
    display: table-row;
    margin:5px 0;
  }

  th {
    width:30%;
    text-align: left;
    font-weight: bold;
  }
  
  .text-small {
    font-size: medium;
  }
  
  .text-medium {
    font-size: x-large;
  }

  .text-large {
    font-size: xx-large;
  }
  .text-xlarge {
    font-size: xxx-large;
  } 
  .company-table-wrap {
    margin:0;
  }
}
/*** 2.2 - Forms Media Query ( > 750px ) END ***/
/*** 2.0 - Forms END ***/

/************************
  3.0 - Accessibility START
************************/
/*** 3.1 - Accessibility Common START ***/
.wrap-w {
  /*background-color: #EDFFD8;*/
  width: 100%;
}

.wrap-c1 {
  /*background-color: #EDFFD8;*/
  background-color: #F6FFEB;
}

.wrap-c2 {
  background-color: #2e8b57;
}

.wrap-c3 {
  background-color: #f4f4e8;
  margin-top: 20px;
  padding: 10px 0 10px 0;
}

.border-c3 {
  border-top: solid medium #AEAE56;
}

.margintop20 {
  margin-top: 20px;
}

.paddingtb5 {
  padding: 5px 0 5px 0;
}

.sitewidth {
  width: 100%; /* サイトの横幅 */
}

.sitewidth-small {
  width: 100%;
}

.sitewidth-xsmall {
  width: 100%;
}

.breadcrumb {
  display: none;
}

.pc {
  display: none;
}

.sp {
  display: block;
}

.width-spmargin {
  width: 95%;
}

#page-top {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #5E5E5E;
  opacity: 0.6;
  border-radius: 10%;
  z-index: 999;
}

#page-top a {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
  text-align: center;
}

#page-top a::before {
  font-family: FontAwesome;
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

.text {
  display: inline-block;
}

.textlineheight01 {
  line-height: 1.5;
}

.textlineheight02 {
  line-height: 2.0;
}

.border01 {
  border: 1px solid #2e8b57;
}

.marginRight30 {
  margin-right: 30px;
}

.text-mincho
.text-mincho p{
  font-family: "游明朝体", "YuMincho", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}

.msg-100,
.msg-100 p{
  font-size:100%;
}
/*** 3.1 - Accessibility Common END ***/
/*** 3.2 - Accessibility Media Query ( > 750px ) START ***/
@media screen and (min-width:751px) {
  .sitewidth {
    width: 1200px; /* サイトの横幅 *//*max-width:1080px;*//*不要*/
  }
  
  .sitewidth-small {
    width: 800px;
  }
  
  .sitewidth-xsmall {
    width: 600px;
  }
  .sitewidth-xsmall.koho-add-setup {
    width: 800px;
  }
  /* breadcrumb (S) */
  .breadcrumb {
    display: block;
    /*margin-left:-20px;*/
    font-size: medium;
    margin-left: auto;
    margin-right: auto;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  
  .breadcrumb li {
    display: inline;
  }
  
  .breadcrumb li:before {
    content: url('/image/I_LIST001.png');
    margin: 0 10px 0 10px;
  }
  
  .breadcrumb li:first-child:before {
    content: '';
  }
  /* breadcrumb (E) */
 
  .pc {
    display: block;
  }
  
  .sp {
    display: none;
  }
  
  .width-spmargin {
    width: 100%;
  }
  
  .msg-100,
  .msg-100 p{
    font-size:100%;
  }
}

.company-table-wrap.koho-add-setup{margin:auto;}
@media screen and (max-width:751px) {
  .koho-add-setup>.top-col05>.top-col-msg{
    padding:0;
  }
  .koho-add-setup>.top-col05>.top-col-msg>.company-table-wrap.koho-add-setup{
    padding:0;
    margin:0 auto;
    width:95%;
  }
}
/*** 3.2 - Accessibility Media Query ( > 750px ) END ***/
/*** 3.0 - Accessibility END ***/

/************************
4.0 - Alignments START
************************/
.textalignLeft {
  text-align: left;
}

.textalignRight {
  text-align: right;
}

.textalignCenter {
  text-align: center;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.margin-center {
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
}
/*** 4.0 - Alignments END ***/

/************************
5.0 - Clearings START
************************/
.clear {
  content: "";
  clear: both;
  display: block;
}
/*** 5.0 - Clearings EMD ***/

/************************
6.0 - Header START
************************/
/*** 6.1 - Header Common START ***/
#header-top {
  position: fixed;
  top:0;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
  background:url("/images/bg-mokume2.jpg");
  background-size:cover;
  height: 80px;
  width: 100%;
  z-index: 99999;
  box-sizing: border-box;
}

#header-top a:hover {
  opacity: 1.0;
}

.header-bottom {
  padding-bottom: 80px;
  box-sizing: border-box;
}
.logo {
  position: absolute;
  top:15px;
  left:15px;
}

.logo img {
  width:50px;
  height: 50px;
}

.company-name {
  text-align: center;
  /*padding:20px;*/
  padding:0px 20px;
  box-sizing: border-box;
}

/*
.header-innner {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
*/

.header-top-info02 a {
  color: #FFFFFF;
}

.urgentarea {
  text-decoration: underline
}

/*** 6.1 - Header Common END ***/
/*** 6.2 - Header Media Query ( > 750px ) START ***/
@media screen and (min-width:751px) {
  .header-top-info02 {
    padding:0 5px;
  }
  
  .header-top-info02 p {
    margin-top:0.5rem;
    line-height: 0.8;
    color: #FFFFFF;
  }
  .header-title {
    /*margin-top:25px;*/
    margin-top:24px;
    line-height: 1.0;
    margin-left: 30px;
  }
  .logo {
    position: relative;
  }
  .company-name {
    text-align: left;
    padding-left:80px;
    box-sizing: border-box;
  }
  .header-logo-pc img{
    width:480px;
  }
}
/*** 6.2 - Header Media Query ( > 750px ) END ***/
/*** 6.0 - Header END ***/
/************************
7.0 - Navigation START
************************/
/*** 7.1 - Navigation Common START ***/
.headerMenuButton {
  box-sizing: border-box;
  display: block;
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0;
  padding-top: 35px;
  margin-top:20px;
  margin-right: 10px;
  width: 60px;
  height: 60px;
  /*background: #2e8b57 url("/images/spmenu.png") no-repeat center 10px;*/
  background: url("/images/spmenu.png") no-repeat center 10px;
  background-size: 23px auto;
  line-height: 1;
  text-align: center;
  font-size: x-small;
  color: #000;
  /*border-left: #000 dotted 1px;*/
}

.headerMenuButton.active {
  /*background: #2e8b57 url("/images/spmenucl.png") no-repeat center 13px;*/
  background:  url("/images/spmenucl.png") no-repeat center 13px;
  background-size: 17px auto;
}

.headerMenuButtonCL {
  display: none;
  box-sizing: border-box;
  padding-top: 38px;
  margin: 5px auto 0;
  width: 60px;
  height: 60px;
  /*background: #2e8b57 url("/images/spmenucl.png") no-repeat center 13px;*/
  background: url("/images/spmenucl.png") no-repeat center 13px;
  background-size: 18px auto;
  font-size: x-small;
  color: #FFFFFF;
  text-align: center;
  letter-spacing: -0.05em;
}
.headerGlobalNav {
  width:50%;
  position: absolute;
  right: 0;
}

.headerGlobalNavList {
  display: none;
  background-color: #000;
  position: relative;
  z-index: 100;
}

nav li {
  list-style: none;
  border-bottom: dotted 1px #FFFFFF;
}

nav li a {
  font-family: "游明朝体", "YuMincho", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  display: block;
  /*width: 100%;*/
  padding: 15px;
  color: #363636;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
}

.header-top-spwrap {
  width: 100%;
  background-color: #2e8b57;
  color: #FFFFFF;
}

.header-top-telinfo {
  height: 50px;
}
/*** 7.1 - Navigation Common END ***/
/*** 7.2 - Navigation Media Query ( > 750px ) START ***/
@media screen and (min-width:751px) {
  .pcheader-flex {
    display: flex;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  .header-topino-wrap {
    margin-top: 1px;
    padding: 10px;
    background: #DBB100;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
  }
  
  .header-topino-wrap02 {
    margin-top: 1px;
    padding: 10px;
    background: #2e8b57;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
  }
  
  .header-top-info01 {
    text-align: center;
    color: #FFFFFF;
    font-size: medium;
    padding-top: 10px;
  }
  
  .header-top-info01 p {
    font-size: small;
  }
  
  .headerMenu, .headerMenuButton {
    display: none;
  }
  
  .headerGlobalNav {
    background-color: #f6f6f6;
    border-bottom: solid thin #E8E8E8;
  }
  
  .headerGlobalNavList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: transparent;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5px 0 10px 0;
    margin-left: auto;
    margin-right: auto;
    margin: 0 auto;
    list-style: none;
    height: 80px;
    box-sizing: border-box;
    align-items:center;
  }
  
  .nav-right {
    margin-left:auto;
  }
  /* nav ul {
  }
   */
  nav li {
    list-style: none;
    border: none;
  }
  
  nav li a {
    display: block;
    padding: 0 10px;
    color: #000000;
    font-size: large;
    text-align: center;
    border-left: solid 2px #000;
    margin: 5px 0 0 0;
    font-weight: 500;
  }
  
  nav li a:hover {
    border-left: solid 2px #DBB100;
    -moz-opacity: 0.6;
    opacity: 0.6;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    color:#DBB100;
  }
  
  .active {
    border-bottom: solid 3px #DBB100;
    border-left: solid 1px #DBB100;
  }
}
/*** 7.2 - Media Query ( > 750px ) END ***/
/*** 7.0 - Navigation END ***/

/************************
8.0 - Widgets START
************************/
/*** 8.0 - Widgets END ***/

/************************
9.0 - Main START
************************/
/*** 9.1 - Main Common START ***/
/* .top-col03, */
/* .top-col05, */
.top-col01,
.top-col06{
  position: relative;
  margin: 30px 3%;
  margin: 50px 3% 30px 3%;
  box-sizing: border-box;
}

.top-col01 h2,
.top-col03 h2,
.top-col05 h2,
.top-col06 h2{
  text-align: center;
}

/* .bg-001 {

} */

.top-col02,
.top-col04{
  padding-top:30px;
}
.top-col02 img,
.top-col04 img{
  width:92%;
  border:7px solid #FFF;
  display: block;
  margin: 0 auto;
}

.bg-101 {
  background: url("/images/bg-mokume.jpg");
  background-size: cover;
}
.top-shikaku-S01 {
  position: absolute;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
}

.top-shikaku-E01 {
  position: absolute;
  width: 50px;
  height: 50px;
  right: 0;
  bottom: 0;
}

.top-col-msg,
.recruit-col,
.company-col{
  padding:0 5% 50px 5%;
  display: block;
  margin:0 auto;
  box-sizing: border-box;
  overflow: hidden;
}

.top-col-img {
  padding:0 5% 20px 5%;
  display: block;
  margin:0 auto;
  box-sizing: border-box;
  overflow: hidden;
}

.top-col-msg h2,
.recruit-col h2,
.company-col h2{
  padding:20px 0;
  font-size: x-large;
  box-sizing: border-box;
}

.recruit-col p {
  overflow: hidden;
}

/* .top-col-msg p{
  text-align: center;
} */

.main-topimg {
  position: relative;
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
  margin-top: 5px;
}

.main-pr {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
  text-align: left;
  width: 80%;
  line-height: 1.5em;
  color: #884a01;
}

.main-pr p {
  text-align: center;
}

.main-events {
  text-align: left;
}

.top-event {
  display: block;
  margin-bottom: 30px;
  width: 90%;
  margin: 0 auto;
}

/* .top-event p {
} */

.top-event-img {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
}

.top-event-msg {
  width: 95%;
  margin: 10px 0 10px 0;
  line-height: 1.5;
}

.title-01 {
  position: relative;
  padding: 0.3em;
}

.title-01::after {
  content: "";
  display: block;
  height: 4px;
  background: linear-gradient(to right, #ff7f00, #ff658c, #ff7f00, #ffff00, transparent);
}

.main-subheadbox {
  position: relative;
  margin-bottom: 10px;
}

.main-subheadline {
  color: #000000;
  position: absolute;
  text-align: center;
  font-size: x-large;
  top: 45%;
  left: 8%;
  text-shadow: #FFFFFF 1px 0px, #FFFFFF -1px 0px,  #FFFFFF 0px -1px, #FFFFFF 0px 1px,  #FFFFFF 1px 1px, #FFFFFF -1px 1px,  #FFFFFF 1px -1px, #FFFFFF -1px -1px,  #FFFFFF 0px 1px, #FFFFFF 0px 1px,  #FFFFFF 0px -1px, #FFFFFF 0px -1px,  #FFFFFF 1px 0px, #FFFFFF -1px 0px,  #FFFFFF 1px 0px, #FFFFFF -1px 0px;
}

.main-subscroll {
  background-color: #FFFFFF;
  margin-bottom: 30px;
}

.main-subscroll-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.main-subscroll-list li {
  position: relative;
  display: block;
  padding-left: 5px;
  line-height: 45px;
}

.main-subscroll-listitem {
  display: block;
  width: 44%;
  text-align: left;
  margin: 2%;
}

.main-subscroll-listitem a {
  font-size: small;
  background-color: #2e8b57;
  padding-left: 10px;
  display: block;
  color: #FFFFFF;
}

.main-subscroll-list a::after {
  font-family: 'FontAwesome';
  content: url("/image/scroll-arrow.png");
  position: absolute;
  top: 50%;
  right: 5%;
  margin-top: -20px;
}

.sidearrow {
  font-size: small;
  position: relative;
  line-height: 2.0;
  height: 40px;
  margin-left: auto;
}

.sidearrow a {
  font-weight: 100;
  display: block;
  max-width: 100%;
  padding: 3px 10px 3px 10px;
  color: #FFFFFF;
  background-color: #2e8b57;
  text-align: left;
  border-radius: 30px;
}

.contentsheadline {
  color: #000000;
  border-bottom: solid 3px #DBB100;
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
}

.contentsheadline::after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #2e8b57;
  bottom: -3px;
  width: 25%;
}

.main-inner {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

.main-inner h3 {
  font-family: "游明朝体", "YuMincho", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  font-size: x-large;
  color: #195C37;
  margin-bottom: 0;
}

.main-inner th {
  font-weight: 100;
  padding: 2px;
  text-align: center;
  width: 50px;
  background-color: #2e8b57;
  color: #FFFFFF;
  line-height: 30px;
  vertical-align: middle;
}
.main-inner td {
  font-weight: 100;
  overflow-wrap : break-word;
  vertical-align: middle;
  padding-left: 5px;
}



.margin-l {
  right: 300px;
}


.sub-smallside {
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

.sub-center {
  width: 95%;
}

.sub-left {
  width: 90%;
}

.sub-center, 
.sub-left {
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
}



.exterior-width {
  width: 100%;
}

.sub-left h3, .sub-right h3, .sub-center h3, .sub-center h4 {
  margin-top: 10px;
  color: #2e8b57;
}

.souginonagare-text {
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
}

.souginonagare-text ul {
  margin-left: 20px;
}

/*
 * 空の子パネル
 * padding, margin の左右も 0 に指定してしまうと、
 * 最後の行のレイアウトが崩れるので注意。
 */
.main-subscroll-listitem.is-empty {
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.swiper-text p {
  margin: 10px 0 10px 0;
}

/*.seikaimgbox {
  justify-content: center;
}*/

.seikatel {
  margin: 0;
}

.seikaimgbox,
.foodimgbox,
.carimgbox {
  width: 300px;
  display: block;
  margin: 0;
  margin: 0 auto;
}

.seikaimgbox img,
.foodimgbox img,
.carimgbox img {
  max-width: 100px;
}

.carimgbox img {
  background-color: antiquewhite;
}



.privacy-list li {
  margin-left: 2.0em;
  line-height: 1.5;
}

.pdflink a, .urllink a {
  font-size: small;
  color: #C46D00;
  text-decoration: underline;
}

.sp-text-center {
  text-align: center;
}

.map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%;
}

.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mascot {
  margin-top: 30px;
}

.mascot img {
  display: block;
  width:80%;
  margin:auto;
}
/*** 9.1 - Main Common END ***/
/************************
9.2 - Main Media Query ( > 750px ) START
************************/
@media screen and (min-width:751px) {
  .main-subheadline {
    font-size: 45px;
  }
  
  .main-subscroll-list {
    display: flex;
    flex-wrap: row wrap;
    justify-content: center;
  }
  
  .main-subscroll-listitem {
    margin: 5px;
    width: 230px;
  }
  
  .main-subscroll-listitem a {
    font-size: medium;
  }
  
  .main-topimg {
    width: 1180px;
    max-width: 100%;
  }
  
  .main-subtopimg {
    width: 1080px;
    max-width: 100%;
    margin: 0 auto;
  }
  
  .main-col2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    margin: 0 auto;
  }
  
  .main-left {
    width: 700px;
  }
  
  .main-pr {
    width: 100%;
    font-size: large;
    margin: 20px 0 20px 0;/*border-top:solid medium #AEAE56;*/
  }
  
  
  .main-inner {
    width: 300px;
    margin: 0; /* margin初期化 */
    margin-top: 20px;
    margin-left: 10px;
    margin-right: 10px;
  }
  
  .main-inner th {
    font-weight: bold;
  }
  
  .sub-bigside {
    width: 560px;
    margin: 0 0 0 30px;
  }
  
  .sub-center img {
    width: 760px;
    display: block;
    margin: 0 auto;
  }
  
  .sub-left {
    width: 560px;
    margin: 0 0 0 30px;
  }
  
  .sub-right {
    width: 350px;
    margin: 20px 0 10px 30px;
  }
  
  .sub-right img {
    width: 350px;
  }
  
  .sub-smallside {
    width: 400px;
  }
  
  
  .main-flexwrap {
    display: flex;
    flex-wrap: wrap;
    height: 80px;
  }
  
  
  .exterior-width {
    width: 560px;
    margin-left: 0;
  }
  
  .top-event-img {
    width: 200px;
  }
  
  .top-event-msg {
    margin-left: 10px;
    width: 350px;
  }
  
  .souginonagare-text ul {
    line-height: 2.0;
  }
  
  .seikatel {
    margin-left: 20px;
  }
  
  .seikaimgbox,
  .foodimgbox,
  .carimgbox {
    width: 900px;
  }
  
  .seikaimgbox img,
  .foodimgbox img,
  .carimgbox img {
    max-width: 300px;
  }
  
  .pdflink a {
    font-size: medium;
  }
  
  .top-col01,
  .top-col03,
  .top-col05,
  .top-col06{
    margin: 30px auto;
  }
  
  .top-col02,
  .top-col04{
    padding-top:30px;
    padding-bottom:30px;
  }
  
  .top-col02 img,
  .top-col04 img{
    width:40%;
    max-width:500px;
    object-fit:cover;
  }
  .company-col h2{
    text-align: left;
    /*padding:20px 0;*/
    /*font-size: x-large;*/
  }
  
  .company-col-inner {
    margin-bottom: 30px;
  }
  
  .company-col-inner table {
    margin-left:10px;
  }
  .sp-text-center {
    text-align: start;
  }
  
  .top-col-img{
    width: 40%;
  }
  
  .flex-container-sp {
    display: flex;
    flex-wrap: wrap;
  }
  
}
/*** 9.2 - Main Media Query ( > 750px ) END ***/
/*** 9.0 - Main END ***/
/************************
10.0 - Sideber Left
************************/
/*** 10.0 - Sideber Left  END ***/

/************************
11.0 - Sideber Right
************************/
/*** 11.1 - Sideber Right Common START***/
.main-right {
  display: block;
}

.main-right-inner {
  display: block;
  width: 280px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
  margin-bottom: 10px;
  /*border:3px solid #2e8b57;*/
  position: relative;
}

/* .main-right-inner:hover {} */

.main-right-inner:hover {
  -moz-opacity: 0.6;
  opacity: 0.6;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.main-right-img01 {
  display: block;
  background: url("/image/sidemenu01.png") no-repeat border-box;
  background-size: cover;
}

.main-right-img02 {
  display: block;
  background: url("/image/sidemenu02.png") no-repeat border-box;
  background-size: cover;
  margin-bottom: 10px;
}

.main-right-img03 {
  display: block;
  background: url("/image/sidemenu04.png") no-repeat border-box;
  background-size: cover;
  margin-bottom: 10px;
}

.main-right-img04 {
  display: block;
  background: url("/image/sidemenu03.png") no-repeat border-box;
  background-size: cover;
  margin-bottom: 10px;
}

.main-right-inner a {
  font-size: large;
  text-decoration: none;
  display: block;
  line-height: 80px;
  text-align: right;
  padding-right: 10px;
  color: #000;/*text-shadow: 
        black 1px 1px 0, #2e8b57 -1px -1px 0,
        black -1px 1px 0, #2e8b57 1px -1px 0,
        black 0px 1px 0, #2e8b57  0-1px 0,
        black -1px 0 0, #2e8b57 1px 0 0;*/
  /*上から*//*右下、左上*//*右上、左下*//*右、左*//*上、下*/ 
}

/*** 11.1 - Sideber Right Common END***/
/*** 11.2 - Media Query ( > 750px ) START ***/
@media screen and (min-width:751px) {
  .main-right-inner {
    margin: 0; /* margin初期化 */
    margin-left: auto;
    margin-bottom: 10px;
  }
  
  .main-right {
    display: block;
    width: 380px;
    text-align: center;
    margin-top: 20px;
    background-color: transparent;
  }
}
/*** 11.2 - Media Query ( > 750px ) END ***/
/*** 11.0 - Sideber Right END ***/

/************************
12.0 - Footer
************************/
/*** 12.1 - Footer Common START ***/
.footer-wrap {
  background: url("/images/bg-footer.jpg") repeat;
  text-align: center;
}
.footer-inner {
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
  margin-top: 20px;
  color: #FFF;
  padding: 20px 0;
}

/* .footer-top {
} */

.footer-nav-list {
  display: none;
}

.footer-nav-list a {
  color: #474747;
  text-decoration: none;
}

.footer-nav-list a::before {
  content: url("/image/02_arrow.png");
  padding-right: 8px;
  padding-bottom: 10px;
  box-sizing: border-box;
}

.footer-info {
  line-height: 1.5em;
  text-align: center;
}

.footer-topcol01 {
  width: 100%;
  padding: 10px 0 10px 0;
  box-sizing: border-box;
}

.footer-topcol01 img {
  width: 100px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
}

.footer-bottom {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin: 0 auto;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  color: #FFFFFF;
  font-size: large;
  font-family: "游明朝体", "YuMincho", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  box-sizing: border-box;
}

.banner img {
  width: 150px;
}

/*** 12.1 - Footer Common END ***/
/*** 12.2 - Media Query ( > 750px ) START ***/
@media screen and (min-width:751px) {
  .footer-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: start;
    align-content: flex-start;
  }
  
  .footer-nav-list {
    width: 500px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    margin-left: auto;
    margin-right: auto;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  
  .footer-nav-list li {
    list-style: none;
    padding: 10px;
  }
  
  .footer-info {
    width: 380px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: right;
  }
  
  .footer-topcol01 {
    padding: 0; /* padding初期化 */
    width: 200px;
    position: relative;
  }
  
  .footer-topcol01 img {
    position: absolute;
    width: 100px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
  
  .counter {
    position: absolute;
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, "M+ 1p", sans-serif;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
  }
  
  .banner {
    margin:5px 0;
  }
}
/*** 12.2 - Footer Media Query ( > 750px ) END ***/
/*** 12.0 - Footer END ***/

/************************
13.0 - KOHO-add
************************/
/*** 13.1 - TopPage 2col access START ***/
.oda-2col-access{display:flex;}
.oda-2col-access>*{width:50%; margin:0px 5px;}
/* .oda-2col-access img{width:300px; height:240px;} */
.oda-2col-access p{min-height:140px; margin:5px 0px;}
/*** 13.1 - TopPage 2col access END ***/
/*** 13.2 - TopPage 2col(chal&bana) START ***/
.oda-2col-bc{display:flex; margin-top:15px;}
.oda-2col-bc>*{width:50%;}
.oda-2col-bc h1{font-size:24px; line-height: 30px; font-weight: bold; text-align: center;}
.oda-2col-bc>div>*{color:#6f4b3e; margin-top:10px;}
.oda-2col-bc>div>p{margin-left:15px;}
/*** 13.2 - TopPage 2col(chal&bana)  END  ***/
/*** 13.3 - AboutPage 2col-left START ***/
.oda-2col-about64{margin-top:10px;}
@media screen and (min-width:751px) {
  .this-800{width:800px;}
  .oda-2col-about64{display:flex;}
  .oda-2col-about-left{width:58%; padding-right:20px;}
  .oda-2col-about-right{width:40%;}
  .oda-2col-about-right .o2ar-right{min-width:170px; padding-left:20px;}
}
/*** 13.3 - AboutPage 2col-left START ***/
/*** 13.3 - AboutPage 2col-left START ***/
.v-border-table{
  border-collapse: collapse;
  width: 100%;
}
.v-border-table tr{display:flex; margin:0;}
.v-border-table td{
  padding: 8px;
  border: none;
}
.v-border-table td:first-child{
  border-right: 2px solid #000; /* 左と右の間に縦線 */
  width: 30%;
  font-weight: bold;
  background-color: #f0f0f0;
}
.v-border-table td:last-child{
  width: 68%;
}
.v-border-table.koho-add tr>td:first-child{
  text-align-last:justify;
}
/*** 13.3 - AboutPage 2col-left  END  ***/
/*** 13.3 - AboutPage 2col-right START ***/
.oda-2col-about-right{display:flex;}
@media screen and (min-width:751px) {
  .o2ar-left{width:45%;}
  .o2ar-right{width:55%;}
}
.o2ar-left img{max-width:200px; margin-top:40px;}
@media screen and (max-width:751px) {
  .oda-2col-about-right{margin-top:20px;}
  /* .o2ar-left{display:flex;} */
  .o2ar-left img{width:80%;}
  .o2ar-left,.o2ar-right{max-width:50%; margin-top:30px;}
}
.o2ar-right ul{list-style: none;}
.o2ar-right li{display:flex;}
.o2ar-right li p{max-width:calc(100% - 16px);}
.o2ar-right li::before{
  content:"■";
  padding-top:5px;
}

.daruma-3col-img{
  width:100%;
  display:flex;
}
/* .daruma-3col-img>img{} */
.d3i_01,.d3i_03{
  width:30%;
  margin:0;
}
.d3i_02{
  width:40%;
  margin:0 auto;
}
/*** 13.3 - AboutPage■2col-right  END  ***/
.d-n{
  width:-moz-fit-content; /* Firefox */
  width:fit-content; /* other browsers */
}
.com-span span{
  display:inline-block;
  white-space: nowrap;
  overflow: nowrap;
}
.com-span>span>*{display:inline-block;}
@media screen and (max-width:751px){
  .com-span .d-n{display:none;}
}
.mar-auto>span:not(:first-child)::before{
  content:"　";
}