@charset "UTF-8";
/* CSS Document */
/* スマートフォン 580px以下 */
/* デスクトップ 581px以上*/

/*-------------------------------
  リセット
--------------------------------*/
button{
background-color: transparent;
border: none;
cursor: pointer;
padding: 0;
appearance: none;
}
.pointer-no {
pointer-events: none;
}


/*-------------------------------
  ベース
--------------------------------*/
body {
line-height: 1.3;
}
body, p {
font-size: 1.4rem;
}
@media print, screen and (min-width: 581px) {
  body, p {
  font-size: 1.6rem;
  }
}
em {
font-style: normal;
}
a {
text-decoration: none;
}
@media print, screen and (min-width: 581px) {
  a:hover {
  transition: color .3s ease;
  }
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -.25em;
}
sup {
top: -.5em;
}


/*-------------------------------
  ガワ
--------------------------------*/
body {
background: #cdecfb;
line-height: 1.6;
}

main {
padding: 0;
width: 100%;
}
@media print, screen and (min-width: 581px) {
  main {
  max-width: initial;
  }
  _:-ms-input-placeholder, :root main { /* IE10-11 */
  max-width: 100%;
  }
}

.str-inner {
margin: 0 auto;
padding: 0 20px;
}
@media print, screen and (min-width: 581px) {
  .str-inner {
  max-width: 1200px;
  padding: 0 3.5em;
  }
}
@media print, screen and (min-width: 581px) and (max-width: 948px) {
  .str-inner {
    padding: 0 2em;
  }
}

main > section {
margin: 0 auto;
padding-bottom: 4em;
background: -webkit-gradient(linear, left top, left bottom, from(#e1fdf4), to(#cdecfb));
background: linear-gradient(#e1fdf4, #cdecfb);
}
main > section:last-child {
padding-bottom: 6em;
}
@media print, screen and (min-width: 581px) {
  main > section,
  main > section:last-child {
  padding-bottom: 6.25em;
  }
}

a#btn_pagetop {
z-index: 999;
}

/*-------------------------------
  ヘッダ
--------------------------------*/
/* 既存common.cssをクリア */
.lp-header.c-header {
z-index: auto;
position: static;
display: block;
background-color: transparent;
}

/*---------- MDIロゴエリア ----------*/
.lp-header > .area-mdi {
padding: .8em 1em;
background-color: #000;
}
@media print, screen and (min-width: 581px) {
  .lp-header > .area-mdi {
  padding: .8em 2em;
  }
}
@media print, screen and (min-width: 801px) {
  /* 既存common.cssをクリア */
  .lp-header.c-header {
  padding: 0;
  }
  .lp-header > .area-mdi img {
  width: 132px;
  height: 44px;
  }
}
@media print, screen and (max-width: 800px) {
  .lp-header > .area-mdi img {
  width: 24vw;
  }
}
@media print, screen and (min-width: 581px) and (max-width: 800px) {
  .lp-header > .area-mdi img {
  width: 180px;
  }
}

/*---------- MEYロゴエリア ----------*/
.area-mey {
display: flex;
flex-wrap: wrap;
padding: 1em;
background-color: #fff;
box-shadow: 0 1px 4px rgba(0, 0, 0, .4);
}
.area-mey.is-fixed  {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
}
@media print, screen and (min-width: 581px) {
  .area-mey {
  padding: 1em 2em;
  flex-wrap: nowrap;
  align-items: center;
  }
}
@media print, screen and (min-width: 581px) and (max-width: 1051px) {
  .area-mey {
  padding: 1em;
  }
}

.area-mey .hdg-lp-lv1 {
order: 1;
margin-right: 5%;
flex: 1;
}
@media print, screen and (min-width: 581px) {
  .area-mey .hdg-lp-lv1 {
  max-width: 317px;
  min-width: 200px;
  }
  .area-mey .hdg-lp-lv1 img {
  max-width: 317px;
  }
}

/* ページ内リンク */
.link-list-header {
order: 3;
width: 100%;
margin: 1em 0 0;
padding-top: 1em;
border-top: 1px solid #cacaca;
}
@media print, screen and (min-width: 581px) {
  .link-list-header {
  order: 2;
  width: 42%;
  margin: 0;
  padding: 0;
  border-top: none;
  text-align: right;
  }
}
@media print, screen and (min-width: 581px) and (max-width: 1059px) {
  .link-list-header {
  text-align: left;
  padding-left: calc(100vw / (1059 / 30));
  width: 30%;
  }
}

.link-list-header > li {
display: inline-block;
margin-right: 1.2em;
}
.link-list-header > li + li {
margin-right: 0;
}
.link-list-header > li > a {
display: inline-block;
color: #0073a4;
font-size: calc(100vw / (800 / 26));
}
.link-list-header > li > a:hover {
color: #2ab2fb;
}
@media print, screen and (min-width: 581px) {
  .link-list-header > li > a {
  font-size: 2rem;
  }
}
@media print, screen and (min-width: 581px) and (max-width: 1051px) {
  .link-list-header > li > a {
  font-size: calc(100vw / (1060 / 20));
  }
}
@media print, screen and (max-width: 375px) {
  .link-list-header > li > a {
  font-size: 1.4rem;
  }
}
.link-list-header > li > a > .txt-inner {
padding: 0 0 0 1.5em;
display: inline-block;
vertical-align: middle;
position: relative;
}
@media print, screen and (min-width: 581px) and (max-width: 1051px) {
  .link-list-header > li > a > .txt-inner {
  padding: 0 0 0 calc(100vw / (1060 / 36));
  }
}
.link-list-header > li > a > .txt-inner::before,
.link-list-header > li > a > .txt-inner::after {
position: absolute;
content: "";
left: 0;
vertical-align: middle;
}
.link-list-header > li > a > .txt-inner::before {
top: .3em;
z-index: 0;
width: calc(100vw / (800 / 28));
height: calc(100vw / (800 / 28));
border-radius: 50%;
background-color: #0073a4;
transition: .3s ease;
}
.link-list-header > li > a > .txt-inner::after {
top: calc(100vw / (800 / 14));
left: calc(100vw / (800 / 9));
width: calc(100vw / (800 / 10));
height: calc(100vw / (800 / 10));
border-top: calc(100vw / (800 / 2)) solid #fff;
border-right: calc(100vw / (800 / 2)) solid #fff;
transform: rotate(135deg);
}
@media print, screen and (min-width: 581px) {
  .link-list-header > li > a > .txt-inner::before {
  top: 4px;
  width: 25px;
  height: 25px;
  }
  .link-list-header > li > a > .txt-inner::after {
  top: 10px;
  left: 8px;
  width: 10px;
  height: 10px;
  border-width: 2px;
  transition: .3s ease;
  }
  .link-list-header > li > a:hover > .txt-inner::after {
  top: 12px;
  }
}
@media print, screen and (min-width: 581px) and (max-width: 1051px) {
  .link-list-header > li > a > .txt-inner::before {
    width: calc(100vw / (1060 / 24));
    height: calc(100vw / (1060 / 24));
    }
    .link-list-header > li > a > .txt-inner::after {
    top: calc(100vw / (1060 / 9));
    left: calc(100vw / (1060 / 7));
    width: calc(100vw / (1060 / 10));
    height: calc(100vw / (1060 / 10));
    border-width: calc(100vw / (1060 / 2));
    }
    .link-list-header > li > a:hover > .txt-inner::after {
    top: calc(100vw / (1060 /11));
    }
}

/* 資料請求ボタン */
.area-mey .btn-lp-a {
order: 2;
width: 40%;
margin: 0 0 0 auto;
line-height: 1.2;
}
@media print, screen and (min-width: 581px) {
  .area-mey .btn-lp-a {
  order: 3;
  width: 32%;
  max-width: 308px;
  margin-left: 2%;
  }
}
@media print, screen and (min-width: 581px) and (max-width: 1051px) {
  .area-mey .btn-lp-a {
  width: 38%;
  }
}
.area-mey .btn-lp-a > .btn-inner {
padding: .6em .8em;
min-width: initial;
min-width: auto;
line-height: 1.3;
font-size: calc(100vw / (800 / 26));
font-weight: normal;
}
@media print, screen and (min-width: 581px) {
  .area-mey .btn-lp-a > .btn-inner {
  font-size: 2rem;
  width: 100%;
  padding: .6em .6em;
  }
}
@media print, screen and (min-width: 581px) and (max-width: 1051px) {
  .area-mey .btn-lp-a > .btn-inner {
  font-size: calc(100vw / (1060 / 20));
  padding: 1em .6em;
  }
}


/*-------------------------------
  フッタ
--------------------------------*/
footer {
padding: 0;
background-color: #fff;
}
@media print, screen and (min-width: 581px) {
  footer {
  max-width: initial;
  max-width: 100%;
  }
}

/* リンク */
.list-lp-foot {
padding: 1em 0 0;
text-align: center;
font-size: calc(100vw / (800 / 35));
}
@media print, screen and (min-width: 581px) {
  .list-lp-foot {
  font-size: 2rem;
  }
}
.list-lp-foot > li {
display: inline-block;
padding: 0 1.5em;
}
.list-lp-foot > li + li {
border-left: 1px solid #333;
}

/* コピーライト */
.txt-lp-copy {
margin: 1em 0 0;
padding: 1em;
color: #c2c2c2;
text-align: center;
background-color: #000;
}
.txt-lp-copy small {
font-size: calc(100vw / (800 / 32));
}
@media print, screen and (min-width: 581px) {
  .txt-lp-copy small {
  font-size: 1.8rem;
  }
}


/*-------------------------------
  見出し
--------------------------------*/
.hdg-lp-lv2-a {
padding: .5em;
font-size: calc(100vw / (800 / 40));
font-weight: bold;
text-align: center;
color: #fbfbaf;
background-color: #3b9dba;
}
@media print, screen and (min-width: 581px) {
  .hdg-lp-lv2-a {
  font-size: 3.3rem;
  margin: 0;
  }
}

.hdg-lp-lv2-b {
padding-bottom: 10px;
font-size: calc(100vw / (800 / 50));
font-weight: bold;
text-align: center;
background-color: #cdecfb;
position: relative;
}
@media print, screen and (min-width: 581px) {
  .hdg-lp-lv2-b {
  font-size: 3.6rem;
  padding-bottom: .5em;
  }
}
.hdg-lp-lv2-b::after {
position: absolute;
content: "";
left: 0;
bottom: 0;
display: block;
width: 100%;
height: calc(100vw / (800 / 4));
background: linear-gradient(to right, #8bc894 0%, #48bbc9 53%, #0073a3 100%);
}
@media print, screen and (min-width: 581px) {
  .hdg-lp-lv2-b::after {
  height: 5px;
  }
}


/*-------------------------------
  テキスト
--------------------------------*/
/*---------- リード文 ----------*/
.txt-lp-lead {
margin: 2.5em 0 0;
padding: 1.5em 1em;
font-size: calc(100vw / (800 / 33));
text-align: center;
border-radius: 10px;
background-color: #fff;
}
.txt-lp-lead > strong {
margin: .3em 0 0;
display: block;
color: #0073a4;
font-size: calc(100vw / (800 / 36));
}
.txt-lp-lead > strong > em {
display: block;
margin: 0 auto .3em;
}
.txt-lp-lead > strong > em > img {
max-width: 684px;
}
@media print, screen and (min-width: 581px) {
  .txt-lp-lead {
  font-size: 2.1rem;
  }
  .txt-lp-lead > strong {
  font-size: 2.9rem;
  }
  .txt-lp-lead > strong > em > img {
  max-width: 444px;
  }
}

/*---------- サービス紹介テキスト ----------*/
@media print, screen and (min-width: 581px) {
  .txt-service {
  font-size: 2rem;
  }
}


/*-------------------------------
  注釈テキスト
--------------------------------*/
.txt-note {
font-size: calc(100vw / (800 / 26));
padding-left: 1.2em;
position: relative;
}
.txt-note.al-right {
margin-left: auto;
}
@media print, screen and (min-width: 581px) {
  .txt-note {
  margin-top: 2em;
  font-size: 1.6rem;
  }
}
@media print, screen and (max-width: 375px) {
  .txt-note {
  font-size: 1.4rem;
  }
}
.txt-note > .ast {
position: absolute;
left: 0;
display: inline-block;
}


/*-------------------------------
  ボタン
--------------------------------*/
.btn-lp-a {
margin: 1.5em 0 0;
text-align: center;
}
.list-lp-faq + .btn-lp-a {
margin: calc(100vw / (800 / 100)) 0 0;
}
@media print, screen and (min-width: 581px) {
  .list-lp-faq + .btn-lp-a {
  margin: 4.25em 0 0;
  }
}
.btn-lp-a > .btn-inner {
padding: 1em 1.2em;
color: #fff;
background-color: #ef6654;
display: block;
border-radius: 10px;
box-shadow: 0 6px 0 #a03729;
background-color: #f34c36;
font-size: calc(100vw / (800 / 34));
font-weight: bold;
}
@media print, screen and (min-width: 581px) {
  .btn-lp-a {
  margin: 5em 0 0;
  }
  .btn-lp-a > .btn-inner {
  padding: 1em 1.5em;
  display: inline-block;
  font-size: 2rem;
  min-width: 420px;
	transition: color .3s, background .3s, box-shadow .3s, transform 0.3s;
  }
  .btn-lp-a > .btn-inner:hover {
  background: #f0290f;
  box-shadow: 0 3px 0 #a03729;
  transform: translateY(3px);
  }
  .btn-lp-a > .btn-inner:active {
  box-shadow: 0 0 0 #a03729;
  transform: translateY(6px);
  transition-duration: .1s;
  }
}


/*-------------------------------
  リスト
--------------------------------*/
.list-lp-faq {
margin: 1.5em 0 0;
padding: 1em;
background-color: #fff;
border-radius: 10px;
font-size: calc(100vw / (800 / 34));
}
@media print, screen and (min-width: 581px) {
  .list-lp-faq {
  font-size: 2rem;
  margin: 2em 0 0;
  padding: 1.5em;
  }
  .str-inner > .list-lp-faq:first-child {
  margin: 3em 0 0;
  }
  .hdg-lp-lv2-b + .list-lp-faq {
  margin: 2.5em 0 0;
  }
}
.list-lp-faq > dt {
padding-bottom: 1em;
border-bottom: 3px dotted #666;
margin-bottom: 1em;
}
@media print, screen and (min-width: 581px) {
  .list-lp-faq > dt {
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
  }
}
.list-lp-faq > dt,
.list-lp-faq > dd {
margin-left: 2.5em;
position: relative;
}
.list-lp-faq > dt > .txt-lp-que,
.list-lp-faq > dd > .txt-lp-ans {
position: absolute;
top: -.2em;
left: -.6em;
display: inline-block;
margin-left: -2em;
padding: .3em .4em .4em .6em;
color: #fff;
font-weight: bold;
border-radius: 5px;
}
@media print, screen and (min-width: 581px) {
  .list-lp-faq > dt > .txt-lp-que,
  .list-lp-faq > dd > .txt-lp-ans {
  left: -1em;
  font-size: 1.8rem;
  }
}
.list-lp-faq > dt > .txt-lp-que {
background-color: #0073a4;
}
.list-lp-faq > dd > .txt-lp-ans {
background-color: #8cc995;
}


/*-------------------------------
  レイアウト
--------------------------------*/
/*---------- 導入部分 ----------*/
.lyt-lp-intro > li {
padding: .4em;
}
.lyt-lp-intro > li + li {
margin-top: 3em;
}
@media print, screen and (min-width: 581px) {
  .lyt-lp-intro > li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  flex: 1 1 auto;
  }
  .lyt-lp-intro > li + li {
  margin-top: initial;
  margin-top: auto;
  }
  .lyt-lp-intro.col-lp-3 > li {
  margin: 0 30px 0 0;
  width: calc((100% - 30.01px *2) / 3);
  }
  /* Edge対策 */
  @supports (-ms-ime-align: auto) {
    .lyt-lp-intro.col-lp-3 > li {
    width: calc((50% - 15.01px *2) / 3);
    }
  }
}
@media print, screen and (min-width: 863px) and (max-width: 948px) {
  .lyt-lp-intro.col-lp-3 > li {
  margin: 0 20px 0 0;
  width: calc((100% - 20.01px *2) / 3);
  }
}
@media print, screen and (min-width: 581px) and (max-width: 862px) {
  .lyt-lp-intro.col-lp-3 {
  justify-content: center;
  }
  .lyt-lp-intro.col-lp-3 > li {
  margin: 0 20px 0 0;
  width: calc((100% - 20.01px) / 2);
  flex: 0 0 auto;
  }
  .lyt-lp-intro.col-lp-3 > li:nth-child(3n) {
  margin-right: 20px;
  }
  .lyt-lp-intro.col-lp-3 > li:nth-child(even) {
  margin-right: 0;
  }
  .lyt-lp-intro.col-lp-3 > li:nth-child(n + 4) {
  margin-top: 0;
  }
  .lyt-lp-intro.col-lp-3 > li:nth-child(n + 3) {
  margin-top: 30px;
  }
}

.lyt-lp-intro > li .txt-que {
font-size: calc(100vw / (800 / 36));
font-weight: bold;
text-align: center;
position: relative;
}
@media print, screen and (min-width: 581px) {
  .lyt-lp-intro > li .txt-que {
  font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 581px) and (max-width: 1000px) {
  .lyt-lp-intro > li .txt-que {
  font-size: 1.7rem;
  }
}
@media print, screen and (min-width: 581px) and (max-width: 1161px) {
  .lyt-lp-intro > li .txt-que br {
  display: none;
  }
}
.lyt-lp-intro > li .txt-que::before,
.lyt-lp-intro > li .txt-que::after {
position: absolute;
content: "";
left: 0;
right: 0;
margin: auto;
width: 0;
height: 0;
border-style: solid;
}
.lyt-lp-intro > li .txt-que::before {
bottom: -30px;
border-color: #e1fdf4 transparent transparent transparent;
border-width: calc(100vw / (800 / 20)) calc(100vw / (800 / 56)) 0 calc(100vw / (800 / 56));
z-index: 1;
}
.lyt-lp-intro > li:nth-child(2) .txt-que::before {
border-color: #d9f6f6 transparent transparent transparent;
}
.lyt-lp-intro > li:nth-child(3) .txt-que::before {
border-color: #d4f2f9 transparent transparent transparent;
}
.lyt-lp-intro > li .txt-que::after {
bottom: -34px;
border-color: #0073a4 transparent transparent transparent;
border-width: calc(100vw / (800 / 20)) calc(100vw / (800 / 58)) 0 calc(100vw / (800 / 58));
z-index: 0;
}
@media print, screen and (min-width: 581px) {
  .lyt-lp-intro > li .txt-que::before {
  border-width: 1.7rem 2.8rem 0 2.8rem;
  }
  .lyt-lp-intro > li .txt-que::after {
  border-width: 2rem 3.2rem 0 3.2rem;
  }
  .lyt-lp-intro > li:nth-child(2) .txt-que::before,
  .lyt-lp-intro > li:nth-child(3) .txt-que::before {
  border-color: #ddfaf5 transparent transparent transparent;
  }
}

.lyt-lp-intro > li .img-push {
margin: 4em auto 0;
width: 80%;
min-height: 0%; /* IE対策 */
}
@media print, screen and (min-width: 581px) {
  .lyt-lp-intro > li .img-push {
  margin: 3em auto 0;
  }
}

.lyt-lp-intro > li .txt-ans {
margin: 1em 0 0;
font-size: calc(100vw / (800 / 26));
}
@media print, screen and (min-width: 581px) {
  .lyt-lp-intro > li .txt-ans {
  margin-top: 1em;
  font-size: 1.6rem;
  display: flex;
  flex: 1 1 auto;
  }
}
@media print, screen and (min-width: 581px) and (max-width: 1000px) {
  .lyt-lp-intro > li .txt-ans {
  font-size: 1.5rem;
  }
}
@media print, screen and (max-width: 375px) {
  .lyt-lp-intro > li .txt-ans {
  font-size: 1.4rem;
  }
}

/*---------- 特徴エリア ----------*/
.lyt-feature.col-lp-2 {
margin: 3em 0 0;
}
.lyt-feature > li {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
}
@media print, screen and (min-width: 581px) {
  .lyt-feature.col-lp-2 > li:nth-child(n + 3) {
  margin-top: 2.5em;
  }
}

.lyt-feature > li .txt-feature {
order: 2;
color: #0073a4;
font-size: calc(100vw / (800 / 36));
font-weight: bold;
margin: .6em 0 0;
text-shadow: 0 4px 1px rgba(0, 0, 0, .1);
}
@media print, screen and (min-width: 581px) {
  .lyt-feature > li .txt-feature {
  margin-top: 0;
  max-width: 100%;
  font-size: 3rem;
  font-weight: normal;
  }
}
@media print, screen and (min-width: 581px) and (max-width: 675px) {
  .lyt-feature > li .txt-feature {
  font-size: 2.4rem;
  }
}
.lyt-feature > li .img-icon {
order: 1;
}
.lyt-feature > li .img-icon img {
max-width: 346px;
}
@media print, screen and (min-width: 581px) {
  .lyt-feature > li .img-icon img {
  max-width: 276px;
  }
}

.lyt-feature > li .img-feature {
width: 35%;
order: 1;
}

@media print, screen and (min-width: 581px) {
  .sec-lp-service .col-lp-4 {
  margin: 3.75em 0 0;
  }
  .sec-lp-service .lyt-lp-cont .col-lp-4 {
  margin-top: 20px;
  }
}

/*---------- サービス紹介エリア ----------*/
@media print, screen and (min-width: 581px) and (max-width: 862px) {
  .sec-lp-service .col-lp-4 > .part-lp {
  margin: 0 1em 0 0;
  }
  .sec-lp-service .col-lp-4 > .part-lp {
  width: calc((100% - 1em) / 2);
  }
  @supports (-ms-ime-align: auto) { /* Edge対策 */
    .sec-lp-service .col-lp-4 > .part-lp {
    width: calc(49% - .5em);
    margin-left: auto;
    margin-right: auto;
    }
  }
  .sec-lp-service .col-lp-4 > .part-lp:nth-child(even) {
  margin-right: 0;
  }
  .sec-lp-service .col-lp-4 > .part-lp:nth-child(n + 3) {
  margin-top: 1em;
  }
}

.lyt-lp-service {
padding: 1em;
display: flex;
flex-direction: column;
align-items: center;
height: 100%;
font-size: calc(100vw / (800 / 30));
background-color: #fff;
border-radius: 10px;
overflow: hidden;
min-height: calc(100vw / (800 / 350));
box-shadow: 0 4px 2px rgba(0, 0, 0, .1);
}
@media print, screen and (min-width: 581px) {
  .lyt-lp-service {
  padding: 0;
  min-height: initial;
  min-height: auto;
  position: relative;
  }
  .lyt-lp-service.is-link {
  transition: all .3s linear;
  }
  .lyt-lp-service.is-link:hover {
  box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
  }
}

.lyt-lp-service > a {
margin: -1em;
padding: 1em 1em .5em;
width: calc(100% + 2em);
display: flex;
flex-direction: column;
flex: 1 1 auto;
color: #333;
min-height: calc(100vw / (800 / 350));
position: relative;
}
@media print, screen and (min-width: 581px) {
  .lyt-lp-service > a {
  margin: 0;
  padding: .5em .4em .3em;
  position: static;
  width: 100%;
  z-index: 2;
  }
  .lyt-lp-service.is-link > a {
  border: 2px solid transparent;
  border-radius: 10px;
  transition: .3s ease;
  }
  .lyt-lp-service.is-link > a:hover {
  border-color: #f34c36;
  }
}
@media print, screen and (min-width: 581px) and (max-width: 1160px) {
  .lyt-lp-service > a {
  min-height: calc(100vw / (1160 / 240));
  }
}
@media print, screen and (min-width: 1161px) {
  .lyt-lp-service > a {
  min-height: initial;
  min-height: auto;
  }
}
.lyt-lp-service > a[href]::after {
position: absolute;
content: "";
right: 0;
bottom: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 calc(100vw / (800 / 70)) calc(100vw / (800 / 70));
border-color: transparent transparent #f34c36 transparent;
}
.lyt-lp-service > a[href]::before {
position: absolute;
content: "";
bottom: calc(100vw / (800 / 16));
right: calc(100vw / (800 / 16));
width: calc(100vw / (800 / 18));
height: calc(100vw / (800 / 18));
border-top: calc(100vw / (800 / 4)) solid #fff;
border-right: calc(100vw / (800 / 4)) solid #fff;
transform: rotate(90deg);
z-index: 2;
}
@media print, screen and (min-width: 581px) {
  .lyt-lp-service > a[href]::after {
  border-width: 0 0 40px 40px;
  transition: border-color .3s ease;
  }
  .lyt-lp-service > a[href]:hover::after {
  border-color: transparent transparent #f34c36 transparent;
  }
  .lyt-lp-service > a[href]::before {
  bottom: 8px;
  right: 8px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transition: all .3s ease-out;
  }
  .lyt-lp-service > a[href]:hover::before {
  bottom: 6px;
  right: 6px;
  }
}

.lyt-lp-service .txt-lp-title {
margin-top: .5em;
font-weight: bold;
font-size: calc(100vw / (800 / 28));
text-align: center;
order: 2;
}
@media print, screen and (min-width: 581px) {
  .lyt-lp-service .txt-lp-title {
  font-size: 2rem;
  }
}
@media print, screen and (min-width: 862px) and (max-width: 1038px) {
  .lyt-lp-service .txt-lp-title {
  font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 581px) and (max-width: 862px) {
  .lyt-lp-service .txt-lp-title {
  margin-bottom: 1em;
  }
}

.lyt-lp-service .img-lp-one {
order: 1;
text-align: center;
min-height: 0%; /* IE対策 */
}
@media print, screen and (min-width: 581px) {
  .lyt-lp-service .img-lp-one img {
  width: 80%;
  }
}

.lyt-lp-service .txt-lp-cmp {
order: 3;
margin: auto 0 0;
text-align: center;
color: #f34c36;
font-size: calc(100vw / (800 / 30));
}
@media print, screen and (max-width: 375px) {
  .lyt-lp-service .txt-lp-cmp {
  font-size: calc(100vw / (800 / 26));
  }
}
@media print, screen and (min-width: 581px) {
  .lyt-lp-service .txt-lp-cmp {
  font-size: 1.8rem;
  font-weight: normal;
  }
  .lyt-lp-service a .txt-lp-cmp {
  transition: color .3s ease;
  }
  .lyt-lp-service a:hover .txt-lp-cmp {
  color: #f34c36;
  }
}
@media print, screen and (min-width: 862px) and (max-width: 1038px) {
  .lyt-lp-service .txt-lp-cmp {
  font-size: 1.5rem;
  }
}


/*-------------------------------
  トグル
--------------------------------*/
@media print, screen and (max-width: 580px) {
  .lyt-lp-tgl {
  text-align: center;
  }
  .lyt-lp-tgl .lyt-lp-cont {
  display: none;
  }
  .lyt-lp-tgl .lyt-lp-cont > .col-lp-4 {
  margin-top: 1em;
  }
  .lyt-lp-tgl.is-open .lyt-lp-cont {
  display: block;
  }
  .btn-tgl {
  display: inline-block;
  }
  .btn-tgl img {
  width: 70%;
  }
}
@media print, screen and (min-width: 581px) {
  .lyt-lp-tgl {
  position: relative;
  }
  .lyt-lp-tgl .lyt-lp-cont {
  display: block;
  }
  .btn-tgl {
  position: absolute;
  left: -9999px;
  }
}


/*-------------------------------
  カラム
--------------------------------*/
.col-lp-2,
.col-lp-3,
.col-lp-4 {
margin: 1.5em 0 0;
}
.col-lp-2 > .part-lp,
.col-lp-2 > li,
.col-lp-3 > .part-lp,
.col-lp-3 > li {
margin: 1.5em 0 0;
}
.col-lp-2 > .part-lp:first-child,
.col-lp-2 > li:first-child,
.col-lp-3 > .part-lp:first-child,
.col-lp-3 > li:first-child,
.col-lp-2 > .part-lp > *,
.col-lp-2 > li > *,
.col-lp-3 > .part-lp > *,
.col-lp-3 > li > * {
margin-top: 0;
}
.col-lp-4 {
margin: 40px 0 0;
width: 100%;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.col-lp-4 > .part-lp,
.col-lp-4 > li {
margin: 0 14px 0 0;
}
.col-lp-4 > .part-lp,
.col-lp-4 > li {
width: calc((100% - 14.01px) / 2);
}
/* Edge対策 */
@supports (-ms-ime-align: auto) {
  .col-lp-4 > .part-lp,
  .col-lp-4 > li {
  width: calc(50% - 7.01px);
  }
}
.col-lp-4 > .part-lp:nth-child(even),
.col-lp-4 > li:nth-child(even) {
margin-right: 0;
}
.col-lp-4 > .part-lp:nth-child(n + 3),
.col-lp-4 > li:nth-child(n + 3) {
margin-top: 1em;
}

@media print, screen and (min-width: 581px) {
  .col-lp-2,
  .col-lp-3,
  .col-lp-4 {
  margin: 40px 0 0;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  }
  .col-lp-2 > .part-lp,
  .col-lp-2 > li,
  .col-lp-3 > .part-lp,
  .col-lp-3 > li,
  .col-lp-4 > .part-lp,
  .col-lp-4 > li {
  margin: 0 20px 0 0;
  }
  .col-lp-2 > .part-lp,
  .col-lp-2 > li {
  width: calc((100% - 20.01px) / 2);
  }
  @supports (-ms-ime-align: auto) { /* Edge対策 */
    .col-lp-2 > .part-lp,
    .col-lp-2 > li {
    width: calc(50% - 10.01px);
    }
  }
  .col-lp-2 > .part-lp:nth-child(even),
  .col-lp-2 > li:nth-child(even) {
  margin-right: 0;
  }
  .col-lp-2 > .part-lp:nth-child(n + 3),
  .col-lp-2 > li:nth-child(n + 3) {
  margin-top: 20px;
  }
  .col-lp-3 > .part-lp,
  .col-lp-3 > li {
  width: calc((100% - 20.01px *2) / 3);
  }
  .col-lp-3 > .part-lp:nth-child(3n),
  .col-lp-3 > li:nth-child(3n) {
  margin-right: 0;
  }
  .col-lp-3 > .part-lp:nth-child(n + 4),
  .col-lp-3 > li:nth-child(n + 4) {
  margin-top: 20px;
  }
  .col-lp-4 > .part-lp,
  .col-lp-4 > li {
  width: calc((100% - 20.01px *3) / 4);
  }
  @supports (-ms-ime-align: auto) { /* Edge対策 */
    .col-lp-4 > .part-lp,
    .col-lp-4 > li {
    width: calc((95% - 10.01px *3) / 4);
    }
  }
  .col-lp-4 > .part-lp:nth-child(even),
  .col-lp-4 > li:nth-child(even) {
  margin-right: 20px;
  }
  .col-lp-4 > .part-lp:nth-child(4n),
  .col-lp-4 > li:nth-child(4n) {
  margin-right: 0;
  }
  .col-lp-4 > .part-lp:nth-child(n + 3),
  .col-lp-4 > li:nth-child(n + 3) {
  margin-top: 0;
  }
  .col-lp-4 > .part-lp:nth-child(n + 5),
  .col-lp-4 > li:nth-child(n + 5) {
  margin-top: 20px;
  }
}


/*-------------------------------
  改行
--------------------------------*/
@media screen and (max-width: 580px) {
  .br-pc {
  display:none;
  }
  .br-sp {
  display:block;
  line-height: 0;
  }
}
@media screen and (min-width: 581px) {
  .br-pc {
  display:block;
  }
  .br-sp {
  display:none;
  }
}