/* 繧ｳ繝ｳ繝�Φ繝� */
.main-outline{
  text-align: center;
  width: 100%;
  color: #796551;
  font-family: "Yu Gothic", "YuGothic", "繝偵Λ繧ｮ繝手ｧ偵ざ ProN", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.souryo-outline{
  background-color: #F0ECE0;
  /* width: 100%; */
  padding: 1% 2%;
}

.font-r1{
 color: #c2302a;
 font-weight: bold;
 font-size: 1em;
}

.font-r2{
  color: #c2302a;
  font-weight: bold;
  font-size: 1.6em;
 }

.main-outline img{
  width: 100%;
}

.img-tyosei{
  width: 30% !important;
}

.main-outline h2{
  margin: 0%;
  padding-top: 0%;
}

.main-outline h4{
  margin: 0%;
  padding-top: 0%;
  margin-bottom: 1%;
}

.main-outline p{
  margin: 0%;
  padding-top: 0%;
  margin-bottom: 1%;
  font-size: .8em;
  line-height: 2;
}

.li-p{
  line-height: 2;
  list-style: none;
  color: #796551;
  font-family: "Yu Gothic", "YuGothic", "繝偵Λ繧ｮ繝手ｧ偵ざ ProN", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.tyousei-m-top{
  margin-top: 10%;
}
.s-kaigyo{
  display: block;
}

.main-outline .button-link {
  width: 25%;
  display: inline-block; /* 繝悶Ο繝�け隕∫ｴ�縺ｮ繧医≧縺ｫ謇ｱ縺�€∝ｹ�→鬮倥＆繧定ｨｭ螳壼庄閭ｽ縺ｫ */
  color: #796551; /* 繝懊ち繝ｳ蜀��繝�く繧ｹ繝郁牡 */
  padding: 5px 20px; /* 繝懊ち繝ｳ縺ｮ蜀��縺ｮ菴咏區 */
  text-align: center; /* 繝�く繧ｹ繝医ｒ荳ｭ螟ｮ謠�∴ */
  text-decoration: none; /* 繝�く繧ｹ繝医�荳狗ｷ壹ｒ豸亥悉 */
  font-size: .8em; /* 繝輔か繝ｳ繝医し繧､繧ｺ */
  border: none; /* 譫�邱壹ｒ豸亥悉 */
  border-radius: 25px; /* 繝懊ち繝ｳ縺ｮ隗偵ｒ荳ｸ繧√ｋ */
  cursor: pointer; /* 繝帙ヰ繝ｼ譎ゅ↓繧ｫ繝ｼ繧ｽ繝ｫ繧偵�繧､繝ｳ繧ｿ繝ｼ縺ｫ螟画峩 */
  transition: background-color 0.3s; /* 閭梧勹濶ｲ縺ｮ螟牙喧繧呈ｻ代ｉ縺九↓ */
  margin-bottom: 3%;
  border: 1px solid #796551;
}

.souryo-outline ul{
  padding: 1%;
  margin-top: 0%;
}


@media (min-width: 768px) and (max-width: 1366px) {
.s-kaigyo{
  display: none;
}
.main-outline img{
  width: 80%;
}
.img-tyosei{
  width: 12% !important;
}
.tyousei-h-takasa{
  margin-top: 2%;
}
.main-outline p{
  margin: 0%;
  padding-top: 0%;
  margin-bottom: 1%;
  font-size: 1.2em;
  line-height: 2;
}
.main-outline h2{
  margin: 0%;
  padding-top: 0%;
  font-size: 2em;
}

.main-outline h4{
  margin: 0%;
  padding-top: 0%;
  margin-bottom: 1%;
  font-size: 1.8em;
}

.main-outline .button-link {
  width: 25%;
  font-size: 1.2em;
}

.about-h4-titl{
  font-size: 1.2em;
  margin-top: 3%;
  margin-bottom: 1%;
}

}

@media (min-width: 1367px) {
  .s-kaigyo{
    display: none;
  }
  .tyousei-h-takasa{
    margin-top: 3%;
  }
  .main-outline img{
    width: 40%;
  }
  .img-tyosei{
    width: 10% !important;
  }
  .main-outline p{
    margin: 0%;
    padding-top: 0%;
    margin-bottom: 1%;
    font-size: 1.2em;
    line-height: 2;
  }
  .main-outline h2{
    margin: 0%;
    padding-top: 0%;
    font-size: 2em;
  }
  
  .main-outline h4{
    margin: 0%;
    padding-top: 0%;
    margin-bottom: 1%;
    font-size: 1.8em;
  }
  
  .main-outline .button-link {
    width: 25%;
    font-size: 1.2em;
  }
  .about-h4-titl{
    font-size: 1.6em;
    margin-top: 3%;
    margin-bottom: 1%;
  }

  .tyousei-m-top{
    margin-top: 5%;
  }
  
}