/*! Writen  by SCSS */
.item_ttl .text_in .head {
  width: 46.34%; }

.sec01 .item_wrap {
  margin-top: 120px;
  margin-bottom: 120px;
  max-width: 1300px;
  display: flex;
  justify-content: center;
  column-gap: 3.84%;
  row-gap: 50px;
  flex-wrap: wrap; }
  @media screen and (max-width: 768px) {
    .sec01 .item_wrap {
      margin-bottom: 80px; } }
  @media screen and (max-width: 480px) {
    .sec01 .item_wrap {
      row-gap: 20px;
      margin-top: 20px;
      margin-bottom: 40px; } }
  .sec01 .item_wrap .item {
    width: 30.77%;
    display: block;
    transition: opacity 0.3s ease-in-out 0s; }
    @media (hover: hover) {
      .sec01 .item_wrap .item:hover {
        opacity: .7; } }
    @media screen and (max-width: 480px) {
      .sec01 .item_wrap .item {
        width: 85%;
        margin-inline: auto; } }

.plan_label {
  width: 33.3%;
  max-width: 400px;
  margin-inline: auto; }
  @media screen and (max-width: 480px) {
    .plan_label {
      width: 75%; } }

/*# sourceMappingURL=style.css.map */