@charset "UTF-8";
/*--------------------
	Mixin
--------------------*/
/*--------------------
	top
--------------------*/
/* スマホ用の記述 */
.main_v {
  position: relative;
}
.main_v h2 {
  position: absolute;
  width: 70.9375%;
  top: 10%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.top_menu {
  width: 93.75%;
  margin: 3.4375% auto 4%;
}
.top_menu li.top_menu01 {
  background: #ffeac6;
  border-top: 4px solid #f8b94b;
}
.top_menu li.top_menu02 {
  background: #ecffca;
  border-top: 4px solid #c0e779;
}
.top_menu li.top_menu03 {
  background: #ffe2e2;
  border-top: 4px solid #eb8a8a;
}
.top_menu li .icon_01 {
  display: block;
  width: 6%;
  position: absolute;
  top: 21%;
  left: 5%;
}
.top_menu li .icon_02 {
  display: block;
  width: 7.5%;
  position: absolute;
  top: 21%;
  left: 4%;
}
.top_menu li .icon_03 {
  display: block;
  width: 7.3%;
  position: absolute;
  top: 21%;
  left: 4%;
}
.top_menu li a {
  color: #000;
  text-decoration: none;
  display: block;
  position: relative;
  padding: 3.6% 0 4% 0;
}
.top_menu li p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.2em;
  margin-left: 15%;
}
.top_menu li p span {
  font-size: 12px;
  font-size: 0.75rem;
}

@media screen and (min-width: 769px) {
  /* 769px以上用（PC用）の記述 */
  #contents {
    background: #fffaf0;
    padding-bottom: 70px;
  }

  .main_v {
    position: relative;
    text-align: center;
    background: #f8d6d5;
  }
  .main_v h2 {
    position: absolute;
    width: 491px;
    top: 60px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .main_v > img {
    width: 1000px;
  }

  .top_menu {
    width: 960px;
    margin: 0 auto;
    position: relative;
    top: -86px;
    z-index: 9999;
  }
  .top_menu li {
    float: left;
    width: 320px;
    height: 224px;
  }
  .top_menu li.top_menu01 {
    background: #ffeac6;
    border-top: 13px solid #f8b94b;
    border-radius: 10px 0 0 10px;
    background: url("../images/top/bg_menu01.jpg") no-repeat left top;
  }
  .top_menu li.top_menu02 {
    background: #ecffca;
    border-top: 13px solid #c0e779;
    border-left: 1px solid #fff;
    background: url("../images/top/bg_menu02.jpg") no-repeat left top;
  }
  .top_menu li.top_menu03 {
    background: #ffe2e2;
    border-top: 13px solid #eb8a8a;
    border-left: 1px solid #fff;
    border-radius: 0 10px 10px 0;
    background: url("../images/top/bg_menu03.jpg") no-repeat left top;
  }
  .top_menu li .icon_01 {
    display: block;
    width: 29px;
    position: absolute;
    top: 13px;
    left: 20px;
  }
  .top_menu li .icon_02 {
    display: block;
    width: 37px;
    position: absolute;
    top: 13px;
    left: 15px;
  }
  .top_menu li .icon_03 {
    display: block;
    width: 35px;
    position: absolute;
    top: 13px;
    left: 15px;
  }
  .top_menu li a {
    color: #000;
    text-decoration: none;
    display: block;
    height: 100%;
    position: relative;
    padding: 0;
  }
  .top_menu li p {
    font-size: 22px;
    line-height: 1em;
    margin-left: 0;
    background: rgba(255, 255, 255, 0.8);
    padding: 14px 0 12px 65px;
  }
  .top_menu li p span {
    font-size: 14px;
  }
  .top_news h3 {
    position: relative;
  }
  .top_news h3 .ichiran {
    display: block;
    position: absolute;
    top: 10px;
    right: 15px;
  }
  .top_news h3 .ichiran a {
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    display: block;
    background: #f68118;
    border-top: 1px solid #d26300;
    border-left: 1px solid #d26300;
    border-radius: 10px;
    width: 77px;
    text-align: center;
    line-height: 1em;
    padding: 5px 0;
  }
}