@charset "utf-8";

/* Mobile Large 620px */
@media screen and (min-width: 38.75em) {
}
/* Tablet Small 768px */
@media screen and (min-width: 48.01em) {
}
/* Desktop Small 1000px */
@media screen and (min-width: 62.5em) {
}
/* Desktop Large 1240px */
@media screen and (min-width: 77.5em) {
}
/* Desktop Large 1403px */
@media screen and (min-width: 87.6875em) {
}

/* slider */
.swiper-container {
  width: 100%;
  height: 50vh;
}
  .swiper-pagination-bullet{
    border: 1px solid #fff;
  }
    .swiper-pagination-bullet-active{
      background: #c44302;
    }
@media screen and (min-width: 48.01em) {
  .swiper-container {
    height: 70vh;
  }
}

/* トップページ --------------------------*/
ul.thumb{
  margin: 0 auto 1em;
}
ul.thumb li{
  margin:0 0 1em;
  padding: 10px 0;
  text-align: center;
  position: relative;
}
ul.thumb li a{
  display: block;
  min-height: 200px;
}
ul.thumb li h2{
  text-align: left;
  padding: 0 0 0 10px;
}
ul.thumb li:nth-of-type(1){
  background: url("../img/main1.jpg") no-repeat center top / cover;
}
ul.thumb li:nth-of-type(2){
  background: url("../img/main2.jpg") no-repeat center top / cover;
}
ul.thumb li:nth-of-type(3){
  background: url("../img/main3.jpg") no-repeat center top / cover;
}
.info_link{
  text-align: center;
  background-color: #ebebeb;
}
.info_link a{
  display: inline-block;
  margin: 5px;
  padding: ;
  color: #e50012;
  font-weight: bold;
  text-decoration: underline;
}
.info_link a:hover{
  color: #046ab7;
}
@media screen and (min-width: 38.75em) {
  ul.thumb{
    width: 100%;
  }
  ul.thumb li a{
    min-height: 350px;
  }
}
@media screen and (min-width: 48.01em) {
  ul.thumb li a{
    min-height: 250px;
  }
  ul.thumb li h2 img{
    height: 50px;
  }
}
.items li{
  padding: 10px;
}
.items li img{
  object-fit: cover;
  width: 100%;
  height: 150px;
}
@media screen and (min-width: 38.75em) {
  .items li img{
    height: 200px;
  }
}


#bukken .data_menu li{
  padding: 10px;
}
#bukken .data_menu li a{
  background: #efefef;
  display: block;
  height: 70px;
  border-radius: 4px;
  text-align: center;
  line-height: 70px;
  font-weight: bold;
}
#bukken .data_menu li a:hover,
#bukken .data_menu li a.select{
  background: #316745;
  color: #fff;
}
#chintai_jigyo{
  position: relative;
  margin: 0 10px 10px 10px;
}
#chintai_jigyo::after{
  content: "";
  position: absolute;
  left: 30px;
  top: -20px;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: transparent transparent #efefef transparent;
  border-width: 0px 20px 20px 20px;
}
#chintai_jigyo a{
  display: block;
  padding: 10px;
  background: #efefef;
}
#chintai_jigyo li{
  margin: 0;
  border-right: 1px solid #fff;
}
#chintai_jigyo li .sub_select{
  background: #316745;
  color: #fff;
}

@media screen and (min-width: 38.75em) {
  #chintai_jigyo::after{
    left: auto;
    right: 170px;
  }

}


/* タイポグラフィ***************************/
#content img{max-width:100%;height:auto;}

img.aligncenter {
  display: block;
  margin:5px auto;
}
img.alignright, img.alignleft{
  padding:4px;
  margin:0 0 10px 15px;
}
img.alignleft{margin: 0 15px 10px 0;}

.alignright{float:right;}
.alignleft{float: left;}

dl.list_layout dt {
  background: #e6e6e6;
  font-weight: bold;
  margin: 0 0 1em;
  padding: 10px;
}
dl.list_layout dd{
  margin: 0 0 1em;
  padding: 5px 0;
}
dl.list_layout dt.req {
  position: relative;
}
  dl.list_layout dt.req::after {
    content: "必須";
    color: #fff;
    font-size: 0.8em;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0;
    background: rgb(160, 32, 32);
    padding: 0.3em 0.5em;
    margin: auto;
    line-height: 4em;
  }
@media screen and (max-width: 768px) {
  dl.list_layout dt {
    margin: 0 0 .3em;
  }
  .alignright, .alignleft{float:none;}
  img.alignright, img.alignleft{
    padding:0;
    margin:0 0 10px 0;
  }

}
/* /park/----------------------*/
#parkcaution{
  font-size: 90%;
}
#park_menu li{
  text-align: center;
  position: relative;
}
#park_menu li a{
  display: block;
  padding: 5px 0;
}
#park_menu li a:hover{
  background: #0068B6;
  color: #fff;
}

#park_menu li::after {
  content: "";
  border-right:1px solid #b3b3b3;
  display: inline-block;
  height: 100%;
  position: absolute;
  right: 0;
  bottom: 0;
}
#park_menu li:nth-of-type(5n+1)::after{
  border-left:1px solid #b3b3b3;
  left: 0;
}
@media screen and (min-width: 48.01em) {
  #park_menu li:nth-of-type(5n+1)::after{
    border-left:none;
    z-index: -1;
  }
  #park_menu li:nth-of-type(10n+1)::after{
    border-left:1px solid #b3b3b3;
    left: 0;
    z-index: -1;
  }
}

#business .content{
  min-height: 350px;
}
/* /akichi/----------------------*/
@media screen and (min-width: 48.01em) {
  #akichi dd.fx-col-33-m:nth-of-type(2n+1) {
    margin: 0 3% 0 0;
  }
}
/* /company/----------------------*/
#company dt, #jobs dt, #link dt, #contract dt{
  font-weight: bold;
}
#company dt::before, #jobs dt::before, #link dt::before, #contract dt::before {
  content: "■";
}
#company dd, #jobs dd, #link dd, #contract dd{
  margin: 0 0 15px;
}
@media screen and (min-width: 48.01em) {
  img.sideimg{
    width: 35%;
  }
}

/* /contract/----------------------*/
#contract strong.bg_red{display: inline-block;}

/* サイドバー　ウィジェット******************/
.linkbtn_form{
  background: #316745;
  width: 100%;
  margin: 0 auto;
  padding: .6em 10px;
  display: block;
  color: #fff;
  position: relative;
  font-weight: bold;
  text-align: center;
  border-radius: 4px;
}
.linkbtn_form a{
  display: block;
  color: #fff;
}
@media screen and (min-width: 38.75em) {
  .linkbtn_form{
    width: 30%;
  }
}
/* フォーム----------------------------*/
.mail-banner a{
  background: #ccc;
  border: 1px solid #ccc;
  display: block;
  padding: 10px 30px 10px 10px;
  position: relative;
}

form{
  margin: 1em 0 2em;
}
input,textarea,select{
  vertical-align:middle;
  max-width:90%;
  line-height:40px;
  height:40px;
  padding:1px 5px;
  border:1px solid #d3d3d3;
  border-radius:3px;
  font-size:100%;
  color:#333;
  background:#fcfcfc;
}
.long{
  width: 90%;
}
textarea{
  height:auto;
  line-height:1.5;
}
input[type="submit"],input[type="reset"],input[type="button"]{
  line-height: 60px;
  height: 60px;
  border:0;
  border-radius:3px;
  font-size: 1.2em;
  color:#fff;
  background:#316745;
  width: 80%;
  margin: 0 auto;
  display: block;
}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.linkbtn_form:hover{
  background: #0068B6;
  cursor:pointer;
}
*:first-child+html input[type="submit"]{padding:3px;}

label{
  display: inline-block;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance:textfield;
}

/* /strength/----------------------*/
#strength ol{
  list-style: number outside;
  line-height: 2em;
  margin: 0 0 0 20px;
}
#strength ol em{
  font-size: 1.5em;
  font-weight: bold;
  color: #E50012;
}
#strength strong{
  font-size: 1.5em;
  text-decoration: underline;
}
#strength .photo{
  text-align: center;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .5);
  border: 1px solid #ccc;
  margin: 0 0 20px 0;
}
#strength .photo img{
  width: 400px;
}
@media screen and (min-width: 38.75em) {
  #strength .photo{
    margin: 0 0 20px 5%;
  }
}