@charset "UTF-8";
/* #ly-wrp-section
------------------------------ */
.ly-wrp-section {
 margin-top: 80px;
}
@media only screen and (max-width: 736px) {
 .ly-wrp-section {
  margin-top: 40px;
 }
}
/* #ly-wrp-interview
------------------------------ */
.ly-wrp-interview {
 margin-top: 0;
}
.ly-wrp-interview .ly-mod-layout-img {
 position: relative;
}
.ly-wrp-interview .ly-ttl {
 font-family: "I-OTF-UDゴ表示Pro M";
 font-size: 1rem;
 margin-top: 8px;
}
.ly-wrp-interview .ly-txt {
 color: #535353;
}
.ly-wrp-interview a {
 display: block;
}
.ly-wrp-interview a:hover {
 text-decoration: none;
}
.ly-wrp-interview a:hover .ly-ttl {
 text-decoration: underline;
}
.ly-wrp-interview .ly-btn {
 margin-top: 40px;
}
@media only screen and (max-width: 736px) {
 .ly-wrp-interview .ly-mod-layout-clm {
  margin-bottom: 0;
  margin-top: 50px;
 }
 .ly-wrp-interview .ly-mod-layout-clm:first-child {
  margin-top: 0;
 }
 .ly-wrp-interview .ly-btn {
  margin-top: 25px;
 }
}
.ly-wrp-interview .ly-category {
 margin-top: 10px;
}
.ly-wrp-interview .ly-comment {
 display: table;
 margin-top: 10px;
 width: 100%;
}
.ly-wrp-interview .ly-comment .ly-mod-layout-img, .ly-wrp-interview .ly-comment .ly-txt {
 display: table-cell;
 vertical-align: top;
}
.ly-wrp-interview .ly-comment .ly-mod-layout-img {
 width: 60px;
}
.ly-wrp-interview .ly-comment .ly-txt {
 padding-left: 10px;
}
/* #ly-wrp-case
------------------------------ */
.ly-wrp-case .ly-mod-ttl-l, .ly-wrp-planning .ly-mod-ttl-l {
 margin-bottom: 25px;
}
.ly-wrp-case .ly-ttl, .ly-wrp-planning .ly-ttl {
 font-family: "I-OTF-UDゴ表示Pro M";
 font-weight: normal;
 margin-top: 12px;
 text-align: center;
}
.ly-wrp-case .ly-txt, .ly-wrp-planning .ly-txt {
 color: #535353;
 margin-top: 10px;
}
.ly-wrp-case a, .ly-wrp-planning a {
 display: block;
}
.ly-wrp-case a .ly-txt, .ly-wrp-planning a .ly-txt {
 color: #313131;
}
.ly-wrp-case a:hover, .ly-wrp-planning a:hover {
 text-decoration: none;
}
.ly-wrp-case a:hover .ly-ttl, .ly-wrp-planning a:hover .ly-ttl {
 text-decoration: underline;
}
@media only screen and (max-width: 736px) {
 .ly-wrp-case .ly-mod-ttl-l, .ly-wrp-planning .ly-mod-ttl-l {
  margin-bottom: 0;
 }
 .ly-wrp-case .ly-mod-layout-detail .ly-ttl, .ly-wrp-case .ly-mod-layout-detail .ly-txt, .ly-wrp-planning .ly-mod-layout-detail .ly-ttl, .ly-wrp-planning .ly-mod-layout-detail .ly-txt {
  margin-top: 0;
 }
 .ly-wrp-case .ly-mod-layout-detail .ly-ttl, .ly-wrp-planning .ly-mod-layout-detail .ly-ttl {
  text-align: left;
 }
}
.ly-wrp-case a, .ly-wrp-planning a {
 padding-top: 90px;
 position: relative;
}
.ly-wrp-case a::before, .ly-wrp-planning a::before {
 display: block;
 font-family: "icn_font";
 left: 0;
 line-height: 1;
 position: absolute;
 text-align: center;
 top: 0;
 width: 100%;
}
.ly-wrp-case .ly-station a::before, .ly-wrp-planning .ly-station a::before {
 content: "";
 font-size: 92px;
}
.ly-wrp-case .ly-brand a::before, .ly-wrp-planning .ly-brand a::before {
 content: "";
 font-size: 87px;
 top: 1px;
}
.ly-wrp-case .ly-hospital a::before, .ly-wrp-planning .ly-hospital a::before {
 content: "";
 font-size: 96px;
 top: -2px;
}
.ly-wrp-case .ly-highway a::before, .ly-wrp-planning .ly-highway a::before {
 content: "";
 font-size: 90px;
 top: 1px;
}
.ly-wrp-case .ly-integrate a::before, .ly-wrp-planning .ly-integrate a::before {
 content: "";
 font-size: 92px;
 top: -3px;
}
.ly-wrp-case .ly-other a::before, .ly-wrp-planning .ly-other a::before {
 content: "";
 font-size: 96px;
 top: -4px;
}
.ly-wrp-case .ly-merit a::before, .ly-wrp-planning .ly-merit a::before {
 content: "";
 font-size: 88px;
}
.ly-wrp-case .ly-guideline a::before, .ly-wrp-planning .ly-guideline a::before {
 content: "";
 font-size: 82px;
 top: 5px;
}
.ly-wrp-case .ly-inquiry a::before, .ly-wrp-planning .ly-inquiry a::before {
 content: "";
 font-size: 80px;
 top: 5px;
}
.ly-wrp-case a::before {
 color: #00ab4e;
}
.ly-wrp-planning a::before {
 color: #0095da;
}
@media only screen and (max-width: 736px) {
 .ly-wrp-case a, .ly-wrp-planning a {
  display: table;
  padding-top: 0;
  position: static;
 }
 .ly-wrp-case a::before, .ly-wrp-planning a::before {
  left: auto;
  max-width: 60px;
  position: static;
  top: auto;
  width: 60px;
 }
 .ly-wrp-case .ly-station a::before, .ly-wrp-planning .ly-station a::before {
  font-size: 62px;
 }
 .ly-wrp-case .ly-brand a::before, .ly-wrp-planning .ly-brand a::before {
  font-size: 57px;
 }
 .ly-wrp-case .ly-hospital a::before, .ly-wrp-planning .ly-hospital a::before {
  font-size: 66px;
 }
 .ly-wrp-case .ly-highway a::before, .ly-wrp-planning .ly-highway a::before {
  font-size: 60px;
 }
 .ly-wrp-case .ly-integrate a::before, .ly-wrp-planning .ly-integrate a::before {
  font-size: 62px;
 }
 .ly-wrp-case .ly-other a::before, .ly-wrp-planning .ly-other a::before {
  font-size: 66px;
 }
 .ly-wrp-case .ly-merit a::before, .ly-wrp-planning .ly-merit a::before {
  font-size: 58px;
 }
 .ly-wrp-case .ly-guideline a::before, .ly-wrp-planning .ly-guideline a::before {
  font-size: 52px;
 }
 .ly-wrp-case .ly-inquiry a::before, .ly-wrp-planning .ly-inquiry a::before {
  font-size: 50px;
 }
}
.ly-wrp-topics .ly-mod-list {
 margin-bottom: 0;
}
.ly-wrp-topics .ly-btn {
 margin-top: 40px;
}
@media only screen and (max-width: 736px) {
 .ly-wrp-topics .ly-btn {
  margin-top: 25px;
 }
 .ly-mod-layout-stacking .ly-mod-layout-clm {
  width: auto;
 }
}
/* #ly-txt-info
------------------------------ */
.ly-txt-info {
 color: #535353;
}
/* .case
------------------------------ */
.case a {
 color: #313131;
}
.case a:hover {
 text-decoration: none;
 color: #313131;
}
.case h3 {
 color: #008bcc;
 font-family: "I-OTF-UDゴ表示Pro M";
 font-weight: normal;
}
@media screen and (min-width:737px) {
 .case ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
 }
 .case ul li {
  width: calc(100% / 3 - 10px);
  margin-bottom: 1.5rem;
 }
 .case ul li figure {
  max-width: 70px;
  min-height: 94px;
  margin: 0 auto .5rem;
  display: flex;
  align-items: center;
 }
 .case ul li figure.sapa {
  max-width: 95px;
 }
 .case ul li .text h3 {
  text-align: center;
  margin-bottom: 1rem;
  font-weight: 400;
 }
 .case ul li a:hover .text h3 {
  text-decoration-line: underline;
 }
}
@media screen and (max-width:736px) {
 .case a {
  display: flex;
  justify-content: space-between;
  padding: 1rem 0;
 }
 .case ul li {
  border-bottom: 1px solid #eee;
 }
 .case ul li figure {
  width: 8.5rem;
  margin-right: 1rem;
  margin-left: 0.5rem;
  text-align: center;
 }
 .case ul li figure.sapa {
  width: 12rem;
  margin-left: 0;
 }
 .case .ly-mod-ttl-l {
  margin: 10px 0 0 0;
 }
}