@charset "utf-8";
/* CSS Document */
body {
  font-size: 16px;
}

.fw_bold{
  font-weight: bold;
}

.fs_18 {
  font-size: 18px;
}

.komezirushi {
  text-indent: -1em;
  padding-left: 1em;
}

.w_1140 {
  max-width: 1140px;
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}

.bg_white {
  padding: 30px 40px 40px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 3px 0 rgba(59,41,0,.11); }

.breadcrumb_link_current:after {
  content: "";
  margin: 0;
}

.about p {
  line-height: 1.5;
}

.about_content_title {
  margin: 0 0 30px;
  padding: 7px 20px;
  background: #e9dfd1;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.6;
}

.about_img_txt_wrap {
  display: flex;
}

.about_img_txt_wrap .img_right {
  margin-left: 30px;
}

.about_img_txt_wrap .img_left {
  margin-right: 30px;
}

.about_top .wrap_about_1 .about_img_wrap {
  width: 255px;
  flex-shrink: 0;
}

.about_top .wrap_about_2 .about_img_wrap {
  width: 352px;
  flex-shrink: 0;
}

.about_img_wrap img {
  width: 100%;
}

/*topbnr*/

.about_bnr {
  display: flex;
  justify-content: space-around;
  max-width: 770px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 10px;
  
  -webkit-background-size: 3px 3px;
-moz-background-size: 3px 3px;
background-size: 3px 3px;
background-color: #fff;
background-image: -webkit-gradient(linear, 0 100%, 100% 0,
            color-stop(.25, #ebf5f6), color-stop(.25, transparent),
            color-stop(.5, transparent), color-stop(.5, #ebf5f6),
            color-stop(.75, #ebf5f6), color-stop(.75, transparent),
            to(transparent));
background-image: -webkit-linear-gradient(45deg, #ebf5f6 25%, transparent 25%,
          transparent 50%, #ebf5f6 50%, #ebf5f6 75%,
          transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, #ebf5f6 25%, transparent 25%,
          transparent 50%, #ebf5f6 50%, #ebf5f6 75%,
          transparent 75%, transparent);
background-image: -ms-linear-gradient(45deg, #ebf5f6 25%, transparent 25%,
          transparent 50%, #ebf5f6 50%, #ebf5f6 75%,
          transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, #ebf5f6 25%, transparent 25%,
          transparent 50%, #ebf5f6 50%, #ebf5f6 75%,
          transparent 75%, transparent);
background-image: linear-gradient(45deg, #ebf5f6 25%, transparent 25%,
          transparent 50%, #ebf5f6 50%, #ebf5f6 75%,
          transparent 75%, transparent);
  
}

.about_bnr_img {
  width: 32%;
}
.about_bnr a:hover {
  opacity: 0.7;
}

.about_bnr img {
  width: 100%;
}

.about_bnr img + img {
  margin-left: 10px;
}

.about_bnr .page_now {
  opacity: 0.7;
}

.about_catch img{
  padding: 1px 0;
  width: 100%;
  max-width: 766px;
  text-align: right;
  display: inline;
}

/* __________ about __________ */

.content_inner_top {
  background: #4e7e44;

}

/*about_content_btm*/
.about_content_btm {
  background: #f6f5fa;
  padding: 20px 10px;
  /*max-width: 800px;
  min-width: 563px;*/
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.about_content_btm h3 {
  color: #2998a1;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 12px;
}

.content_inner_top {
  color: #fff;
  padding: 5px;
  font-weight: bold;
  font-size: 28px;
  text-align: center;
  border-radius: 10px;
  width: 97%;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.content_inner_top:before {
  content: "";
  width: 30px;
  height: 80px;
  background: #4e7e44;
  position: absolute;
  left: 38%;
  transform: translateX(50%);
  bottom: -80px;
}

.content_inner_top:after {
  content: "";
  width: 0;
  height: 0;
  border-color: #4e7e44 transparent transparent;
  border-width: 30px 30px 0;
  border-style: solid;
  position: absolute;
  left: 38%;
  bottom: -110px;
}

.content_inner_mid {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 94%;
  margin-right: auto;
  margin-left: auto;
  height: 115px;
}

.inner_mid_left .inner_mid_ttl {
  font-size: 24px;
  font-weight: bold;
  color: #225e15;
}

.inner_mid_right .inner_mid_ttl {
  font-size: 30px;
  font-weight: bold;
  color: #2d98a1;
}

.content_inner_btm {
  background: #89c5ca;
  padding: 10px;
  border-radius: 10px;
  position: relative;
}

.content_inner_btm:before {
  content: "";
  width: 30px;
  height: 80px;
  background: #89c5ca;
  position: absolute;
  right: 38%;
  transform: translateX(-50%);
  top: -80px;
}

.content_inner_btm:after {
  content: "";
  width: 0;
  height: 0;
  border-color: transparent transparent #89c5ca;
  border-width: 0 30px 30px;
  border-style: solid;
  position: absolute;
  right: 38%;
  top: -110px;
}


.inner_btm_ttl {
  color: #fff;
  font-weight: bold;
  font-size: 28px;
  text-align: center;
  display: block;
  margin-bottom: 5px;
}

.inner_btm_panel_wrap {
  display: flex;
  justify-content: space-between;
}

.inner_btm_panel {
  background: #fff;
  border-radius: 5px;
  padding: 10px;
  width: 32.9%;
  text-align: center;
}

.inner_btm_panel a {
  display: block;
}

.btm_panel_desc {
  text-align: left;
  min-height: 230px;
  margin-top: 5px;
}

@media screen and (min-width:835px ) {
  .btm_panel_desc {
    min-height: 200px;
  }
}

@media screen and (min-width:930px ) {
  .btm_panel_desc {
    min-height: 170px;
  }
}

.inner_btm_panel .btm_detail {
  color: #fff;
  font-weight: bold;
  padding: 5px;
  width: 100%;
  border-radius: 5px;
  text-align: center;
  position: relative;
}

.panel_1 .btm_detail {
  background: #225e15;
}

.panel_2 .btm_detail {
  background: #006691;
}

.panel_3 .btm_detail {
  background: #940048;
}

.inner_btm_panel .btm_detail:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
  border-width: 4px 0 4px 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
}

@media screen and (min-width: 950px) {
  .inner_btm_panel .btm_detail:before {
    left: 40px;
  }
}

.about_bnr_btm {
  margin: 0 auto 0;
  padding-top: 20px;
  max-width: 740px;
  width: 100%;
}


.about_bnr_btm img {
  max-width: 365px;
  width: 49.5%;
}

@media screen and (max-width: 880px) {
  .about_bnr_btm {
    width: 400px;
  }
  
  .about_bnr_btm img {
    width: 365px;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  
  .about_bnr_btm a + a {
    display: block;
    margin-top: 10px;
  }
}


.about_bnr_btm a:hover {
  opacity: 0.7;
  text-decoration: none;
}

/* __________ mechanism __________ */


.mechanism_catch {
  text-align: right;
  border-top: 2px solid #225e15;
  border-left: 2px solid #225e15;
  border-bottom: 2px solid #225e15;
}

.about_mechanism .about_img_wrap img {
  padding: 1px;
  border: 1px solid #225e15;
}

/*.about_mechanism .wrap_about_3 {
  border-bottom: 1px solid #225e15;
}*/

.about_mechanism .about_img_wrap {
  max-width: 296px;
  width: 40%;
  min-width: 200px;
  flex-shrink: 0;
}


.about_img_caption {
  font-size: 12px;
  margin-top: 5px;
}

.development_column {
  margin-top: 20px;
  border-top: 1px solid #F28133;
  /*border-bottom: 1px solid #F28133;*/
}

.column_ttl {
  padding: 1px 0;
  margin-top: 1px;
  /*border-top: 1px solid #e6e6e6;*/
  border-bottom: 1px solid #F28133;
}

.column_ttl img {
  max-width: 544px;
  width: 100%;
}

.column_txt_and_img {
  display: flex;
  margin: 10px 20px 1px;
  padding-bottom: 20px;
  /*border-bottom: 1px solid #e6e6e6;*/
}

.column_img {
  width: 200px;
  flex-shrink: 0;
  margin-left: 20px;
}

.column_img img {
  padding: 1px;
  border: 1px solid #F28133;
}

.column_img .column_caption {
  margin-top: 5px;
  font-size: 12px;
  line-height: 1;
}


.column_caption .column_name {
  display: block;
  margin-top: 5px;
  font-size: 20px;
  font-weight: bold;
}

/* __________ develop __________ */

.develop_catch {
  text-align: right;
  border-top: 2px solid #006890;
  border-left: 2px solid #006890;
  border-bottom: 2px solid #006890;
}

.about_develop .about_img_wrap img {
  padding: 1px;
  border: 1px solid #006890;
}

/*.about_develop .wrap_about_2 {
  border-bottom: 1px solid #006890;
}*/

.about_develop .about_img_wrap {
  max-width: 296px;
  width: 40%;
  min-width: 200px;
  flex-shrink: 0;
}


/* __________ quality_control __________ */

.qualitycontrol_catch {
  text-align: right;
  border-top: 2px solid #930047;
  border-left: 2px solid #930047;
  border-bottom: 2px solid #930047;
}

.about_qualitycontrol .about_img_wrap img {
  padding: 1px;
  border: 1px solid #930047;
}

/*.about_qualitycontrol .wrap_about_3 {
  border-bottom: 1px solid #930047;
}*/

.about_qualitycontrol .about_img_wrap {
  max-width: 296px;
  width: 40%;
  min-width: 200px;
  flex-shrink: 0;
}
img.w_766 {
  max-width: 806px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
  display: block;
}