@charset "utf-8";

/* ================================================================================
business
================================================================================= */
.md_lead {
  margin-bottom:70px;
}
.md_lead .small {
  font-size:12px;
  letter-spacing:0;
}
/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:768px) {
.md_lead {
  margin-bottom:35px;
}
.md_lead .small {
  display:block;
}
}


/* ================================================================================
sec_chairperson - sec_marriage
================================================================================= */
.md_component .en {
  margin-bottom:15px;
}
.md_component .bt {
  margin-top:15px;
}
#sec_chairperson a {
  background-image:url(../img/bg_chairperson.jpg);
}
#sec_sound a {
  background-image:url(../img/bg_sound.jpg);
}
#sec_school a {
  background-image:url(../img/bg_school.jpg);
}
#sec_marriage a {
  background-image:url(../img/bg_marriage.jpg);
}


/* ================================================================================
sec_produce
================================================================================= */
#sec_produce {
  padding:70px 0;
}
.panel_wrapper {
  display:-webkit-flex;
  display:flex;
  -webkit-justify-content:space-between; 
  justify-content:space-between;
  margin-top:50px;
}
.panel_wrapper .box {
  position:relative;
  width:326px;
  padding-bottom:145px;
  background:#f4f2ec;
}
.panel_wrapper .box .ttl {
  font-size:23px;
  text-align:center;
  font-family:"Sawarabi Mincho", serif;
  color:#61b5be;
}
.panel_wrapper .box::before {
  content:"";
  display:block;
  position:absolute;
  top:9px;
  left:9px;
  width:calc(100% - 20px);
  height:calc(100% - 20px);
  border:1px solid #61b5be;
  z-index:2;
}
.panel_wrapper .box::after,
.panel_wrapper .txt::after,
.panel_wrapper .txt::before,
.panel_wrapper .ttl::before {
  content:"";
  display:block;
  position:absolute;
  width:5px;
  height:5px;
  background:#61b5be;
  z-index:2;
}
.panel_wrapper .box::after { top:10px; left:10px; }
.panel_wrapper .txt::after { top:10px; right:10px; }
.panel_wrapper .txt::before { bottom:10px; left:10px; }
.panel_wrapper .ttl::before { bottom:10px; right:10px; }

.panel_wrapper .txt {
  padding:40px 35px;
}
.panel_wrapper .txt p {
  margin-top:25px;
  text-align:left;
}
.panel_wrapper .photo {
  position:absolute;
  left:0;
  bottom:0;
}

/* スマホサイズ調整----------------------------　*/
@media only screen and (max-width:768px) {
#sec_produce {
  padding:35px 0 25px;
}
.panel_wrapper {
  display:block;
  margin-top:30px;
}
.panel_wrapper .box {
  width:auto;
  margin-top:15px;
  padding:0;
}
.panel_wrapper .txt {
  padding:35px 30px 25px 30px;
}
.panel_wrapper .txt p {
  margin-top:20px;
  text-align:left;
}
.panel_wrapper .photo {
  position:static;
}
}