/*** Custom CSS ****/
body{
  background-color: #367A49; 

  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight: 600;
  font-style: normal;
  color: #5E4F43;
}

.hide-h{
  text-indent: -100000em;
}

#sp-main-body{
   padding: 20px 0px 0px 0px !important;
}
#sp-header .logo{
  margin: 0px 0px 0px 55px !important;
}
#sp-header{
  height: 114px !important;
  box-shadow: none !important;
  padding: 22px 10px;
}
@media only screen and (max-width: 480px) {
  #sp-header .logo{
    margin: 0px 0px 0px 20px !important;
  } 
  #sp-header{
    padding: 8px 10px;
   height: 69px !important;
  }
}
#offcanvas-toggler{
  margin-right: 20px;
}
.sp-megamenu-parent{
  margin: 0px 32px 0px 0px !important;
}
.container{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.layout-boxed .body-innerwrapper{
  box-shadow: none !important;
  margin-top: 30px;
  margin-bottom: 30px;
  border-radius: 40px 40px 0px 0px; /* 上部を丸める */
}
@media(max-width: 1240px){
  .layout-boxed .body-innerwrapper{
    margin-left: 10px;
    margin-right: 10px;   
  }
}
#sp-user1{
  overflow: hidden;
  border-radius: 0px 0px 40px 40px;
}
#sp-botomu{
  background-color: #367A49;
}
#sp-botomu > .container{
  background-color: white;
  border-radius: 0px 0px 40px 40px;
  max-width: none !important;
}

#sp-footer{
  background-color: #367A49;
}
#sp-footer .container-inner{
  border-top: none !important;
}
#sp-footer2{
  margin-top:auto;
  margin-bottom: 50px;
}
.satto-start{
  margin-top: -50px;
}
.status{
  border-radius: 10px;
}


/* OffCanvasメニュー */
.sp-megamenu-parent>li{
  padding: 0 2px;
}

.article-details {
  margin: 0px 45px;
}
@media only screen and (max-width: 480px) {
  .article-details {
    margin: 0px 20px;
  }

  .logo-image-phone{
    height: 70px !important;
  }
}


body.ltr.offcanvs-position-right .offcanvas-menu{
  right: -350px;
}
.offcanvas-menu{
  width: 350px;
}
.offcanvas-menu.border-menu .offcanvas-inner ul.menu>li>a{
  display: flex;
  align-items: center;
}
.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span{
  margin-left: 10px;
}
.align-items-center{
  justify-content: center;
}
.burger-icon>span{
  height: 4px !important;
  margin: 9px 0 !important;
  background-color: #367A49;
  border-radius: 50px;
}
.burger-icon{
  width: 50px;
}
.offcanvas-active .burger-icon>span:nth-child(1), #modal-menu-toggler.active .burger-icon>span:nth-child(1){
  transform: translate(0, 21px) rotate(-45deg) !important;
}
.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span{
  background-color: #367A49;
}

p{
  line-height: 2rem;
}



/** Menu Bar **/
#sp-menu a.link-image{
  display: flex !important;
  flex-flow: column;
  align-items: center;

}

#sp-menu span.image-title{
  line-height: 40px;
}

@media (max-width: 1199px) {
    .sp-megamenu-parent>li>a, .sp-megamenu-parent>li span {
        padding: 0 6px !important;
    }
}
/***********************************************/
/* プロファイル */
/***********************************************/
.profile_box_top{
  border-radius: 50px 50px 0px 0px !important;
}
.profile_box_under{
  border-radius: 0px 0px 50px 50px !important;
}

/***********************************************/
/* 会社概要テーブル */
/***********************************************/
#table01 {
/*  width: 900px;*/
  display: flex;
  justify-content: center;
}
#table01 tr {
  border-bottom: 1px solid #b5b1b1;
}

#table01 th,
#table01 td {
  padding: 24px 10px;
  border: none;
}

#table01 th {
  width: 30%;
}
#table01 tbody{
  width: 530px;
}

/* sp */
@media only screen and (max-width: 480px) {
  #table01 th,
  #table01 td {
    width: 100%;
    display: block;
  }

  #table01 th {
    width: 100%;
  }

  #table01 td {
    padding-top: 0;
  }
}


/*******************************************/
/*  カテゴリページ */
/*******************************************/

.category-title{
/*  left: 49px;*/
  z-index: 99;
/*  margin-top: 78px;*/
}
.category-image{
  z-index: 80;
}
.point-description{
  position: relative;
  z-index: auto !important;
}

.point-no{
  z-index: 99;
}


/* Front page */
.mfp-col-md, .mfp-col-md-1, .mfp-col-md-2, .mfp-col-md-3, .mfp-col-md-4, .mfp-col-md-5, .mfp-col-md-6, .mfp-col-md-7, .mfp-col-md-8, .mfp-col-md-9, .mfp-col-md-10, .mfp-col-md-11, .mfp-col-md-12, .mfp-col-md-offset-0, .mfp-col-md-offset-1, .mfp-col-md-offset-2, .mfp-col-md-offset-3, .mfp-col-md-offset-4, .mfp-col-md-offset-5, .mfp-col-md-offset-6, .mfp-col-md-offset-7, .mfp-col-md-offset-8, .mfp-col-md-offset-9, .mfp-col-md-offset-10, .mfp-col-md-offset-11, .mfp-col-md-offset-12{
  padding-left: 2rem;
  padding-right: 2rem;
}
.mfp_default_skin_default .mfp_default_item .mfp_introtext {
  line-height: 1.5rem !important;
}
.mfp_default_skin_default .mfp_default_item .mfp_default_title{
  margin: 0 !important;
}
.mfp_default_skin_default .mfp_default_item .mfp_introtext{
  margin: 0 !important;  
}
.mfp_portfolio_skin_default .mfp_portfolio_item .mfp_portfolio_title{
  margin: 0 0 8px 0 !important;
}
.mfp_portfolio_skin_default .mfp_portfolio_customfield{
  margin-bottom: 34px !important;
}

.mfp_default_skin_default .mfp_default_item{
  margin-bottom: 40px !important;
}
.mfp_default_skin_default .mfp_default_item .mfp_thumb_pos_top img, 
.mfp_default_skin_default .mfp_default_item .mfp_thumb_pos_top2 img,
.mfp_default_skin_default .mfp_default_item .mfp_thumb_pos_left img{
  border-radius: 30px;
}
.mfp_cat a{
  position: unset !important;
  padding: 0px !important;
}
.mfp_cat img{
  position: absolute;
  top: 10px;
  left: 10px;
/*  background-color: #DEEADE;*/
  background-color: #FFFFFF;
  padding: 15px;
  border-radius: 28px;
}

.mfp_portfolio_navbar_skin_topline .tabs-style nav a{
  background: none !important;
  color: #5E4F43 !important;
}
.mfp_portfolio_navbar_skin_topline .tabs-style nav li.tab-current a{
  border-bottom: 2px solid #5E4F43 !important;
  box-shadow: none !important;
}
.mfp_portfolio_navbar_skin_topline .mfp_portfolio_tabs_topline nav ul{
  min-width: unset !important;
  padding: 0px 20px !important;
}
.mfp_portfolio_navbar_skin_topline .mfp_portfolio_tabs_topline nav img{
  margin: auto;
}
.mfp_portfolio_navbar_skin_topline .mfp_portfolio_tabs_topline{
  margin: 1em auto 70px auto !important;
}
ul.portfolio_category_box{
  background-color: white;
  border-radius: 20px;
}
.portfolio_category_box_li{
  padding-top: 15px;
}
@media only screen and (max-width: 480px) {
  .mfp_portfolio_navbar_skin_topline .mfp_portfolio_tabs_topline{
    font-size:0.6em;
  }
}


/** Google Map ***/
/* Google Mapを囲う要素 */
.google_map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%; /* 比率を4:3に固定 */
}
 
/* Google Mapのiframe */
.google_map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.btn{
  background-color: #367A49 !important;
  border: none !important;
}

h2.sppb-addon-title,h4.sppb-addon-title{
  font-weight: 600;
}

h2{
  font-size: 1.7rem;
}

.works-title-hide{
  text-indent: -100000em;
}