@charset "UTF-8";
/*!
 * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
 * Richard Clark (http://richclarkdesign.com)
 * http://cssreset.com
 */
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; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

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

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

.clearfix {
  *zoom: 1; }
  .clearfix:after {
    content: "";
    display: table;
    clear: both; }
.right{
  float: right;
}    
.left{
  float: left;
}
@media screen and (max-width: 800px){
  .right{
  float: none;
}    
.left{
  float: none;
}
}

html, body, div, h1, h2, h3, h4, h5, h6, p, img, i, ul, li, header, nav, aside, section, footer {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  vertical-align: baseline; }

ul, ol, li {
  font-size: 0;
  list-style: none; }

a {
  color: #fff;
  display: block;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s; }

a:link, a:visited {
  color: #fff; }

a:hover, a:active {
  color: #fff; }

a img {
  border: none; }

img {
  vertical-align: middle;
  border: 0;
  width: 100%; }

iframe {
  width: 100%; }

body {
  color: #222222;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  letter-spacing: 0.06em;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -ms-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%; }

  .eng{
    font-family: lato, sans-serif!important;
  }
/*===============================================
common
===============================================*/
section{
  padding: 80px 0 100px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box; 
}
.inner {
  max-width: 1024px;
  margin: 0 auto; }
  .narrow_inner{
  max-width: 800px;
  margin: 0 auto;
  }
.pc {
  display: block; }

.tb, .sp {
  display: none; }

.btn{
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.btn:hover{
  background-color: #fff;
  border: 2px solid #006934;
  color: #006934;
}
.heading{
  margin-bottom: 60px;
}
.heading h3{
  font-size: 24px;
  font-weight: bold;
}
.heading h4{
  font-size: 14px;
  font-weight: bold;
  color: #006934;
  margin-top: 15px;
}
@media screen and (max-width: 1024px){
  section{
  padding: 80px 16px 100px;
}
.inner {
  max-width: 100%;
  margin: 0 auto; }
  .narrow_inner{
  max-width: 100%;
  margin: 0 auto;
  }
}
@media screen and (max-width: 800px){

}
@media screen and (max-width: 560px){
.heading{
  margin-bottom: 40px;
}
.heading h3{
  font-size: 20px;
  font-weight: bold;
}
.heading h4{
  font-size: 14px;
}
  section{
  padding: 48px 16px;
}
  .pctb {
    display: none; }

  .sp {
    display: block; }
}

/*===============================================
header
===============================================*/
header {
  background-color: #fff;
  width: 100%;
  height: 72px;
  padding: 0;
  position: fixed;
  z-index: 999;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box; }
  header h1 {
    color: #006934;
    position: absolute;
    top: 55%;
    left: 80px;
    transform: translate(0, -55%);
    -webkit-transform: translate(0, -55%);
    -moz-transform: translate(0, -55%);
    -ms-transform: translate(0, -55%);
    -o-transform: translate(0, -55%); }
    header h1 img {
      width: auto;
      height: 50px; }
  header .pc_menu {
    position: absolute;
    right: 280px;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%); }
    header .pc_menu ul li {
      float: left;
      font-size: 14px;
      font-weight: bold;
      margin: 0 16px;
      text-align: center;
      letter-spacing: 1px; }
      header .pc_menu ul li a {
        display: block;
        position: relative; }
        header .pc_menu ul li a:after {
          position: absolute;
          bottom: -8px;
          left: 50%;
          content: '';
          width: 0;
          height: 2px;
          background-color: #006934;
          transform: translateX(-50%);
          -webkit-transform: translateX(-50%);
          -moz-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
          -o-transform: translateX(-50%);
          transition: all 0.3s ease;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease; }
        header .pc_menu ul li a:link, header .pc_menu ul li a:visited {
          color: #252e33; }
        header .pc_menu ul li a:hover:after {
          width: 60%; }
        header .pc_menu ul li a span {
          font-size: 14px;
          padding-top: 8px;
          display: block; }
  header .entry_btn {
    background-color: #006934;
    border: 2px solid #006934;
    font-size: 14px;
    width: 160px;
    line-height: 50px;
    font-weight: bold;
    height: auto;
    text-align: center;
    position: absolute;
    right: 80px;
    top: 50%;
    border-radius: 50px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box; }
    header .entry_btn:hover {
      letter-spacing: 3px;
      transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease; }
    header .entry_btn span {
      font-size: 14px;
      padding-top: 8px;
      display: block; }
  header .sp_menu, header .sp_btn {
    display: none; }

    @media screen and (max-width: 1300px) {
      header h1 {
    left: 16px;
    }
  header .pc_menu, header .entry_btn {
    display: none; }
  header .sp_menu, header .sp_btn {
    display: block; }
  header .sp_menu {
    position: fixed;
    width: 100%;
    margin-top: 72px;
    background-color: #fff;
    z-index: 9990; }
    header .sp_menu ul {
      display: none;
      }
      header .sp_menu ul li {
        border-bottom: .5px solid #cccccc;
        font-weight: bold;
        font-size: 16px; }
        header .sp_menu ul li:first-child{
          border-top: .5px solid #cccccc;
        }
        header .sp_menu ul li a {
          padding: 16px;
          color: #222;
          display: block; }
          header .sp_menu ul li a span {
            font-size: 12px;
            padding-left: 16px; }
  header .sp_btn {
    background-color: #006934;
    position: absolute;
    right: 0;
    width: 80px;
    height: 72px;
    z-index: 9990; }
    header .sp_btn .menu_trigger {
      position: relative;
      top: 50%;
      left: 50%;
      width: 50px;
      height: 44px;
      display: inline-block;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transition: all 0.4s;
      -webkit-transition: all 0.4s;
      -moz-transition: all 0.4s;
      -ms-transition: all 0.4s;
      -o-transition: all 0.4s; }
      header .sp_btn .menu_trigger span {
        background-color: #fff;
        position: absolute;
        left: 0;
        width: 100%;
        height: 3px;
        display: inline-block;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        transition: all 0.4s;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -o-transition: all 0.4s; }
        header .sp_btn .menu_trigger span:nth-of-type(1) {
          top: 0; }
        header .sp_btn .menu_trigger span:nth-of-type(2) {
          top: 20px; }
        header .sp_btn .menu_trigger span:nth-of-type(3) {
          bottom: 0; }
      header .sp_btn .menu_trigger.active span:nth-of-type(1) {
        transform: translateY(20px) rotate(-45deg);
        -webkit-transform: translateY(20px) rotate(-45deg);
        -moz-transform: translateY(20px) rotate(-45deg);
        -ms-transform: translateY(20px) rotate(-45deg);
        -o-transform: translateY(20px) rotate(-45deg); }
      header .sp_btn .menu_trigger.active span:nth-of-type(2) {
        opacity: 0; }
      header .sp_btn .menu_trigger.active span:nth-of-type(3) {
        transform: translateY(-20px) rotate(45deg);
        -webkit-transform: translateY(-20px) rotate(45deg);
        -moz-transform: translateY(-20px) rotate(45deg);
        -ms-transform: translateY(-20px) rotate(45deg);
        -o-transform: translateY(-20px) rotate(45deg); }
      header .sp_btn .menu_trigger:not(.active):hover span:nth-of-type(2) {
        width: 70%; }
      header .sp_btn .menu_trigger:not(.active):hover span:nth-of-type(3) {
        width: 35%; }
      }
  
@media screen and (max-width: 800px) {
  header .sp_btn {
    width: 72px;
    height: 72px; }
    header .sp_btn .menu_trigger {
      width: 32px;
      height: 24px; }
      header .sp_btn .menu_trigger.active span:nth-of-type(1) {
        transform: translateY(10px) rotate(-45deg);
        -webkit-transform: translateY(10px) rotate(-45deg);
        -moz-transform: translateY(10px) rotate(-45deg);
        -ms-transform: translateY(10px) rotate(-45deg);
        -o-transform: translateY(10px) rotate(-45deg); }
      header .sp_btn .menu_trigger.active span:nth-of-type(3) {
        transform: translateY(-10px) rotate(45deg);
        -webkit-transform: translateY(-10px) rotate(45deg);
        -moz-transform: translateY(-10px) rotate(45deg);
        -ms-transform: translateY(-10px) rotate(45deg);
        -o-transform: translateY(-10px) rotate(45deg); }
      header .sp_btn .menu_trigger span:nth-of-type(2) {
        top: 10px; }
      }
      @media screen and (max-width: 560px){
        header h1 img {
    height: 40px; }
        header{
          height: 50px;
        }
        header .sp_btn {
    width: 50px;
    height: 50px; }
    header .sp_btn .menu_trigger {
      width: 32px;
      height: 24px; }
      header .sp_menu {
    margin-top: 50px;
     }
      }

/*===============================================
fv
===============================================*/

#fv{
  height:100vh;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  padding: 0;
}
#fv .inner {
    width: 100%;
    position: relative;
    height: 100%;
}
#fv .fv_mask{
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
background-color: #000;
opacity: 0.35;
display: none;
}
#fv .fv_content{
  position: absolute;
  top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}
#fv .fv_content h2{
color: #fff;
font-size: 40px;
font-weight: 900;
line-height: 1.4;
letter-spacing: 0.08em;
    text-shadow: rgba(0,0,0,0.4) 0 0 10px;
}
#fv .fv_content p{
  font-size: 18px;
  font-weight: bold;
  margin-top: 30px;
  color: #fff;
  line-height: 1.4;
}
#fv .fv_scroll{
  position: absolute;
  bottom: 130px;
  right: 0;
  transform:rotate(90deg);
}
#fv .fv_scroll span{
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.3em;
  position: relative;
}
#fv .fv_scroll span:after{
  content: "";
  position: absolute;
  width: 100px;
  height: 1px;
  background-color: #fff;
  right: -110px;
  top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    animation-name: arrow_down;
  animation-duration: 6s;
animation-timing-function: cubic-bezier(0.17,  0.88, 0.32, 1.27);
animation-iteration-count: infinite;
}
@keyframes arrow_down {
    0% {
      width: 100px;
    }
    50% {
      width: 60px;
    }
    100% {
      width: 100px;
    }
}

 @media screen and (max-width: 1024px){
  #fv .fv_content{
    left: 0;
    box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -o-box-sizing: border-box;
        padding: 0 16px;
  }
 }
 @media screen and (max-width: 560px){
  #fv{
    background-image: url(images/fv-sp.jpg)!important;
    height: 80vh;
  }
#fv .fv_content h2{
font-size: 24px;
}
#fv .fv_content p{
  font-size: 16px;
}
#fv .fv_scroll{
  display: none;
}
#fv .fv_content{
  top: 25%;
    transform: translate(0, -25%);
    -webkit-transform: translate(0, -25%);
    -moz-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
}
 }

 @media screen and (max-width: 350px){
#fv .fv_content h2{
font-size: 20px;
}
#fv .fv_content p{
  font-size: 14px;
}
 }



/*===============================================
about
===============================================*/

#about {
  background-color: #fafafa;
}
#about .about_content{
width: 45%;
}
#about .about_content p{
  font-size: 14px;
  line-height: 1.8;
  margin-bottom: 40px;
}
#about .about_image_area{
  width: 50%;
}
#about .about_image_area ul.main-slider li{
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
margin-bottom: 10px;
height: 320px;
transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
#about .about_image_area ul.thumb-slider li{
  display: inline-block;
  height: 140px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 10px;
  cursor: pointer;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
#about .about_image_area ul.thumb-slider li:hover{
  opacity: .8;
}

@media screen and (max-width: 800px){
  #about .about_content{
width: 100%;
}
#about .about_image_area{
  width: 100%;
}
#about .about_image_area ul.main-slider li{
  height: 400px;
  margin-top: 20px;
 }
}
@media screen and (max-width: 560px){
#about .about_content p{
  margin-bottom: 20px;
}
#about .about_image_area ul.main-slider li{
height: 300px;
 }
 #about .about_image_area ul.thumb-slider li{
  height: 131px;
 }
}
@media screen and (max-width: 380px){
 #about .about_image_area ul.thumb-slider li{
  height: 112px;
 }
 #about .about_image_area ul.main-slider li{
height: 260px;
 }
}
@media screen and (max-width: 330px){
 #about .about_image_area ul.thumb-slider li{
  height: 84px;
 }
  #about .about_image_area ul.main-slider li{
height: 220px;
 }
}
/*===============================================
strongpoint
===============================================*/
#strongpoint .heading{
text-align: center;
}
#strongpoint ul li{
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 30px;
  line-height: 1.8;
  padding-left: 50px;
  position: relative;
}
#strongpoint ul li:before{
  position: absolute;
  content: "\f058";
  font-family: "Font Awesome 5 Free";
  font-size: 28px;
  font-weight: 900;
  top: -8px;
  left: 0;
  color: #006934;
}
#strongpoint ul li:last-child{
  margin-bottom: 0;
}
@media screen and (max-width: 560px){
  #strongpoint ul li{
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 1.6;
}
}

/*===============================================
works
===============================================*/
#works{
  background-color: #fafafa;
}
#works .heading{
text-align: center;
}
#works .works_list{
  letter-spacing: 0;
}
#works .works_list .list{
  letter-spacing: 0.06em;
  display: inline-block;
  width: 30.33333%;
  margin: 0 1.5% 40px;
  vertical-align: top;
  padding: 16px;
  box-sizing: border-box;
  border: 1px solid #006934;
  height: 220px;
}
#works .works_list .list .works_list_thumb{
  width: 100%;
  height: 200px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  display: none;
}
#works .works_list .list h4{
  font-size: 18px;
  font-weight: bold;
  color: #006934;
  /*margin-top: 20px;*/
}
#works .works_list .list p{
  font-size: 14px;
  line-height: 1.6;
  margin-top: 15px;
  text-align: justify;
}

@media screen and (max-width: 1024px){
#works .works_list .list{
  height: auto;
}
}
@media screen and (max-width: 560px){
  #works .works_list .list{
  display: block;
  width: 100%;
  margin: 0 0 40px;
  height: auto;
}
}
/*===============================================
news
===============================================*/
#news .heading{
text-align: center;
}
#news ul li{
  border-bottom: .5px solid #cccccc;
  box-sizing: border-box;
  padding: 20px 0;
}
#news ul li:last-child{
  border-bottom: none;
}
#news ul li table{
  width: 100%;
}
#news ul li table tr th{
  font-size: 16px;
  color: #006934;
  font-weight: bold;
  width: 12%;
}
#news ul li table tr td{
  font-size: 16px;
  text-align: left;
  line-height: 1.5;
}
#news ul li table tr td span{
  font-size: 12px;
  padding-left: 30px;
}

@media screen and (max-width: 800px){
  #news ul li table tr th,#news ul li table tr td{
    display: block;
    width: 100%;
  }
  #news ul li table tr th{
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 560px){
  #news ul li table tr td span{
    padding-left: 0;
    display: block;
  }
}

/*===============================================
news
===============================================*/
#news2 .heading{
text-align: center;
}
#news2 ul li{
  border-bottom: .5px solid #cccccc;
  box-sizing: border-box;
  padding: 20px 0;
}
#news2 ul li:last-child{
  border-bottom: none;
}
#news2 ul li table{
  width: 100%;
}
#news2 ul li table tr th{
  font-size: 16px;
  color: #006934;
  font-weight: bold;
  width: 12%;
}
#news2 ul li table tr td{
  font-size: 16px;
  text-align: left;
  line-height: 1.5;
}
#news2 ul li table tr td a{
  font-size: 16px;
  text-align: left;
  line-height: 1.5;
  color: #222;
  text-decoration: underline;
}
#news2 ul li table tr td span{
  font-size: 12px;
  padding-left: 30px;
}

@media screen and (max-width: 800px){
  #news2 ul li table tr th,#news2 ul li table tr td{
    display: block;
    width: 100%;
  }
  #news2 ul li table tr th{
    padding-bottom: 10px;
  }
}
/*===============================================
img_area
===============================================*/
#img_area{
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(images/img_area.jpg)!important;
  width: 100%;
  padding-top: 15%;
}
/*===============================================
news
===============================================*/
#news3 .heading{
text-align: center;
}
#news3 ul li{
  border-bottom: .5px solid #cccccc;
  box-sizing: border-box;
  padding: 20px 0;
}
#news3 ul li:last-child{
  border-bottom: none;
}
#news3 ul li table{
  width: 100%;
}
#news3 ul li table tr th{
  font-size: 16px;
  color: #006934;
  font-weight: bold;
  width: 12%;
}
#news3 ul li table tr td{
  font-size: 16px;
  text-align: left;
  line-height: 1.5;
}
#news3 ul li table tr td.camera,#news ul li table tr td.camera{
  text-align: right;
}
#news3 ul li table tr td.camera a,#news ul li table tr td.camera a{
  color: #006934;
      display: inline-block;
    margin-left: 5px;
}
#news3 ul li table tr td.camera a:hover,#news ul li table tr td.camera a:hover{
  color: #006934;
  opacity: .8;
}
#news3 ul li table tr td span{
  font-size: 12px;
  padding-left: 30px;
}

@media screen and (max-width: 800px){
  #news3 ul li table tr th,#news3 ul li table tr td{
    display: block;
    width: 100%;
  }
  #news3 ul li table tr th{
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 560px){
  #news3 ul li table tr td span{
    padding-left: 0;
    display: block;
  }
}
.lity-inline .lity-container{
  width: 60%;
  max-width: 90vw;
}
.news_lity_wrap{
  width: 100%;
  height: auto;
  max-height: 80vh!important;
  overflow-y: scroll;
  background-color: #fff;
} 
.news_lity_wrap .news_inner{
  background-color: #fff;
  padding: 5vw;
  overflow-y: scroll;
}
.news_lity_wrap .news_inner p{
  margin: 16px 0;
  line-height: 1.6;
}
.news_lity_wrap .news_inner img{
  height: auto;
  margin: 16px 0;
}
@media screen and (max-width: 560px){
  .lity-inline .lity-container{
    width: 90vw;
  }
}
/*===============================================
recruit
===============================================*/
#recruit{
  position: relative;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
background-image: url(images/recruit_bg.jpg);
}
#recruit .recruit_mask{
  position: absolute;
  width: 100%;height: 100%;
  background-color: #000;
  opacity: .5;
  top: 0;
  right: 0;
}
#recruit .heading{
text-align: center;
position: relative;
z-index: 1;
}
#recruit .heading h3,#recruit .heading h4{
  color: #fff;
}
.recruit_main_message{
  font-weight: bold;
  font-size: 20px;
  line-height: 1.8;
  text-align: center;
  color: #fff;
  z-index: 1;
  position: relative;
}
.recruit_sub_text{
  font-size: 16px;
  line-height: 1.8;
  text-align: center;
  color: #fff;
  z-index: 1;
  position: relative;
  margin-top: 30px;
}

@media screen and (max-width: 560px){
  .recruit_main_message{
  font-size: 18px;
}
.recruit_sub_text{
  font-size: 16px;
  margin-top: 20px;
}
}


/*===============================================
recruit_info
===============================================*/
#recruit_info h3{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 560px){
  #recruit_info h3{
  margin-bottom: 40px;
}
}
/*===============================================
information
===============================================*/
.information li{
border-bottom: .5px solid #cccccc;
  box-sizing: border-box;
  padding: 20px 0;
}
.information li:last-child{
  border-bottom: none;
}
.information li table{
  width: 100%;
}
.information li table tr th{
  font-size: 16px;
  font-weight: bold;
  width: 18%;
}
.information li table tr td{
  font-size: 14px;
  text-align: left;
  line-height: 1.5;
}

@media screen and (max-width: 560px){
  .information li table tr th{
  width: 25%;
  font-size: 14px;
}
}

/*===============================================
conversion
===============================================*/
#conversion{
  width: 100%;
}
#conversion a{
  background-color: #006934;
  padding: 50px 0 60px;
  width: 100%;
  font-weight: bold;text-align: center;
  font-size: 20px;
  transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
}
#conversion a span{
position: relative;
}
#conversion a span:before{
content: "";
width: 108%;
position: absolute;
height: 2px;
background-color: #fff;
bottom: -10px;
}
#conversion a:hover{
  opacity: .8;
}

@media screen and (max-width: 560px){
  #conversion a{
  padding: 40px 0 50px;
  font-size: 18px;
}
}

/*===============================================
company
===============================================*/
#company .heading{
text-align: center;
}
#company .gmap{
  width: 100%;
  height: 490px;
  margin-top: 60px;
}

@media screen and (max-width: 560px){
  #company .gmap{
  height: 400px;
  margin-top: 40px;
}
}

/*===============================================
contact
===============================================*/
#contact{
background-color: #fafafa;
}
#contact .heading{
text-align: center;
}
#contact table{
  width: 100%;
}
#contact table tr td input[type=text], #contact table tr td textarea, #contact table tr td input[type=submit], #contact table tr td input[type=email],#contact table tr td input[type=checkbox]{
  appearance: none;
          -webkit-appearance: none;
          -moz-appearance: none;
          -ms-appearance: none;
          -o-appearance: none;
          border-radius: 0px;
          -webkit-border-radius: 0px;
          -moz-border-radius: 0px;
          -ms-border-radius: 0px;
          -o-border-radius: 0px;
font-size: 16px;
border-style: ridge;
  padding-left: 10px;
  box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          -ms-box-sizing: border-box;
          -o-box-sizing: border-box;
          border: .5px solid #cccccc;
}
#contact table tr td input[type=text], #contact table tr td textarea,#contact table tr td input[type=email]{
  width: 100%;
}
#contact table tr td input[type=checkbox]{
  margin-top: 0;
  vertical-align: top;
}
#contact table tr td input[type=text],#contact table tr td input[type=email]{
  height: 45px;
}
#contact table tr td .itxt, #contact table tr td .itxtarea{
          background-color: #fff;
          border: .5px solid #cccccc;
          padding: 10px;
          width: 100%;
          border-radius: 0px;
          -webkit-border-radius: 0px;
          -moz-border-radius: 0px;
          -ms-border-radius: 0px;
          -o-border-radius: 0px;
          box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          -ms-box-sizing: border-box;
          -o-box-sizing: border-box; }
          #contact table tr td .itxt:focus, #contact table tr td .itxtarea:focus{
            background-color: rgba(0,137,204,.2);
            outline: 1px solid #006934; }
#contact table tr td input[type=submit] {
        color: #fff;
        background-color: #006934;
        font-size: 16px;
        font-weight: bold;
        width: 300px;
        height: auto;
        line-height: 56px;
        padding: 0;
        display: block;
        outline: 0;
        border: 2px solid #006934;
        text-align: center;
        cursor: pointer;
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        border-radius: 0;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        -ms-border-radius: 50px;
        -o-border-radius: 50px;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease; }
        #contact table tr td input[type=submit]:hover {
          color: #006934;
          background-color: #fff; }
#contact table tr th{
  text-align: left;
}
#contact table tr td,#contact table tr th{
  padding-bottom: 30px;
  vertical-align: top;
}
#contact table tr td input[type=text], #contact table tr td input[type=email]{
  width: 100%;
  padding-left: 10px;
  box-sizing: border-box;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          -ms-box-sizing: border-box;
          -o-box-sizing: border-box;
}

@media screen and (max-width: 560px){
  #contact table tr td ,#contact table tr th{
    display: block;
  }
  #contact table tr th{
    padding-bottom: 20px;
  }
  #contact table tr th.checkbox_wrap{
    padding-top: 0;
  }
  #contact table tr td input[type=submit]{
    width: 100%;
  }
  span.wpcf7-list-item{
    display: block!important;
    margin:0!important;
  }
  #contact table tr td input[type=checkbox]{
    margin-bottom: 20px;
  }
}

/*===============================================
footer
===============================================*/
#model .left,#model .right{
  width: 50%;
}
#model .left .txt_block{
  margin-bottom: 30px;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 30px;
}
#model .left .txt_block:last-of-type{
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
#model .right{
  box-sizing: border-box;
  padding-left: 50px;
}
#model .left .txt_block h3.title{
  font-size: 18px;
  font-weight: bold;
  color: #006934;
  position: relative;
  margin-bottom: 15px;
}
#model .left .txt_block h3.title span{
  font-size: 80%;
  margin-right: 10px;
}
#model .left .txt_block p.txt{
  font-size: 15px;
  line-height: 1.5;
}
#model .left .txt_block p.model{
  font-size: 18px;
  font-weight: bold;
}
#model .left .txt_block p.model span{
  font-size: 80%;
  color: #006934;
  margin-left: 5px;
  margin-top: 30px;
}
#model .left .txt_block table{
  width: 100%;
}
#model .left .txt_block table th{
  padding:15px 20px 15px 0;
  width: 30%;
  text-align: left;
}

@media screen and (max-width: 800px){
  #model .left,#model .right{
  width: 100%;
}
#model .right{
  margin-top: 60px;
  padding-left: 0;
}
}

/*===============================================
footer
===============================================*/

footer{
  background-color: #222222;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  padding: 80px 80px 20px 80px;
}
footer h2 img{
  height: 60px;
  width: auto;
}
footer p{
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}
@media screen and (max-width: 800px){
  footer{
    padding: 60px 0 20px;
}
  footer h2{
    text-align: center;
  }
  footer p{
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  padding-top: 20px;
}
}

@media screen and (max-width: 560px){
  footer{
    padding: 40px 0 20px;
}
}

/*===============================================
thanks
===============================================*/
#thnaks_page {
  color: #fff;
  background-color: #222;
  background-image: url(images/fv_bg.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 100vh;
  text-align: center;
  position: relative; }
  #thnaks_page #wrap {
    background-color: rgba(34, 34, 34, 0.9);
    height: 100vh; }
    #thnaks_page #wrap #thanks {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      -o-box-sizing: border-box;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%); }
      #thnaks_page #wrap #thanks h2 {
        color: #fff;
        font-size: 24px; }
        #thnaks_page #wrap #thanks h2:before {
          color: #fff;
          content: "\f058";
          font-family: 'FontAwesome';
          font-size: 24px;
          padding-right: 15px; }
      #thnaks_page #wrap #thanks p {
        color: #fff;
        font-size: 20px;
        margin: 16px 0 32px;
        line-height: 2; }
        #thnaks_page #wrap #thanks p a {
          color: #fff;
          font-size: 18px;
          text-decoration: underline; }
  
#thnaks_page #wrap #thanks .top_link .btn{
    display: block;
  width: 320px;
  font-size: 16px;
  font-weight: bold;
  line-height: 64px;
  text-align: center;
  border: 2px solid #006934;
  background-color: #006934;
  color: #fff;
  border-radius: 50px;
    margin: 40px auto 0;
  }
#thnaks_page #wrap #thanks .top_link .btn:hover{
   letter-spacing: .15em;
  background-color: #fff;
  color: #006934;
  }


@media screen and (max-width: 560px){
  #thnaks_page #wrap #thanks p {
    font-size: 16px; }

#thnaks_page #wrap #thanks .top_link .btn{
   width: 280px;
  font-size: 14px;
  font-weight: bold;
  line-height: 56px;
  text-align: center;
  border: 2px solid #006dbb;
  background-color: #006dbb;
  color: #fff;
    margin: 20px auto 0;
  }
}
@media screen and (max-width: 350px){
}

.lity-image img{
  max-height: 80vh!important;
  max-width: 90vw!important;
  width: auto!important;
  height: auto!important;
}

/*===============================================
fade
===============================================*/
.fade {
  opacity: 0;
  transition: all 0.8s 0.4s ease;
  -webkit-transition: all 0.8s 0.4s ease;
  -moz-transition: all 0.8s 0.4s ease;
  -ms-transition: all 0.8s 0.4s ease;
  -o-transition: all 0.8s 0.4s ease;
   }
  .fade.is_show {
    opacity: 1; }

.fadeInUp {
  transform: translate3d(0, 40px, 0);
  -webkit-transform: translate3d(0, 40px, 0);
  -moz-transform: translate3d(0, 40px, 0);
  -ms-transform: translate3d(0, 40px, 0);
  -o-transform: translate3d(0, 40px, 0); }
  .fadeInUp.is_show {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0); }

.fadeInDown {
  transform: translate3d(0, -40px, 0);
  -webkit-transform: translate3d(0, -40px, 0);
  -moz-transform: translate3d(0, -40px, 0);
  -ms-transform: translate3d(0, -40px, 0);
  -o-transform: translate3d(0, -40px, 0); }
  .fadeInDown.is_show {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0); }

.fadeInZoom {
   transform: scale(.9);
  -webkit-transform:scale(.9);
  -moz-transform:scale(.9);
  -ms-transform:scale(.9);
  -o-transform:scale(.9);
   }
  .fadeInZoom.is_show {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);}

.fadeInLeft {
  transform: translate3d(-40px, 0, 0);
  -webkit-transform: translate3d(-40px, 0, 0);
  -moz-transform: translate3d(-40px, 0, 0);
  -ms-transform: translate3d(-40px, 0, 0);
  -o-transform: translate3d(-40px, 0, 0); }
  .fadeInLeft.is_show {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0); }

.fadeInLeftBig {
  transform: translate3d(-200px, 0, 0);
  -webkit-transform: translate3d(-200px, 0, 0);
  -moz-transform: translate3d(-200px, 0, 0);
  -ms-transform: translate3d(-200px, 0, 0);
  -o-transform: translate3d(-200px, 0, 0); }
  .fadeInLeftBig.is_show {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0); }

.fadeInRight {
  transform: translate3d(40px, 0, 0);
  -webkit-transform: translate3d(40px, 0, 0);
  -moz-transform: translate3d(40px, 0, 0);
  -ms-transform: translate3d(40px, 0, 0);
  -o-transform: translate3d(40px, 0, 0); }
  .fadeInRight.is_show {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0); }

.fadeInRightBig {
  transform: translate3d(200px, 0, 0);
  -webkit-transform: translate3d(200px, 0, 0);
  -moz-transform: translate3d(200px, 0, 0);
  -ms-transform: translate3d(200px, 0, 0);
  -o-transform: translate3d(200px, 0, 0); }
  .fadeInRightBig.is_show {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0); }

.slide.is_show {
  opacity: 1; }
  .slide.is_show:before {
    transform: translateX(101%);
    -webkit-transform: translateX(101%);
    -moz-transform: translateX(101%);
    -ms-transform: translateX(101%);
    -o-transform: translateX(101%); }
.slide:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
  transform: translateX(-101%);
  -webkit-transform: translateX(-101%);
  -moz-transform: translateX(-101%);
  -ms-transform: translateX(-101%);
  -o-transform: translateX(-101%);
  transition: all 0.8s 0.1s;
  -webkit-transition: all 0.8s 0.1s;
  -moz-transition: all 0.8s 0.1s;
  -ms-transition: all 0.8s 0.1s;
  -o-transition: all 0.8s 0.1s; }

.slideInLeft {
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%); }
  .slideInLeft.is_show {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0); }

.slideInRight {
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%); }
  .slideInRight.is_show {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0); }


/*# sourceMappingURL=style.css.map */


/*-- 2023.6.15 追記--*/
/*===============================================
activity　スポーツ文化活動
===============================================*/
#activity .heading {
    text-align: center;
}
#activity h5 {
    font-size: 20px;
    font-weight: bold;
	margin-top: 22px;
	margin-bottom: 15px;
	border-bottom: 0.5px solid #cccccc;
    padding-bottom: 15px;
}
#activity .left,#activity .right{
  width: 50%;
}
#activity img{
	width:512px;
}
#activity .left .txt_block{
  margin-bottom: 30px;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 30px;
}
#activity .left .txt_block:last-of-type{
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
#activity .right{
  box-sizing: border-box;
  padding-left: 50px;
}
#activity .left .txt_block p.txt,#activity .right .txt_block p.txt{
  font-size: 15px;
  line-height: 1.5;
}

@media screen and (max-width: 800px){
  #activity .left,#activity .right{
  width: 100%;
}
#activity .right{
  margin-top: 60px;
  padding-left: 0;
}
@media screen and (max-width: 560px){
#activity h5 {
    font-size: 18px;
    font-weight: bold;
}
#activity img{
	width:100%;
}
}