@charset "UTF-8";
.mt00 { margin-top: 0 !important; }

.mt05 { margin-top: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mt50 { margin-top: 50px !important; }

.mr00 { margin-right: 0 !important; }

.mr05 { margin-right: 5px !important; }

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

.mr25 { margin-right: 25px !important; }

.mr30 { margin-right: 30px !important; }

.mr35 { margin-right: 35px !important; }

.mr40 { margin-right: 40px !important; }

.mr45 { margin-right: 45px !important; }

.mr50 { margin-right: 50px !important; }

.mb00 { margin-bottom: 0 !important; }

.mb05 { margin-bottom: 5px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb25 { margin-bottom: 25px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb35 { margin-bottom: 35px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb45 { margin-bottom: 45px !important; }

.mb50 { margin-bottom: 50px !important; }

.ml00 { margin-left: 0 !important; }

.ml05 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.ml15 { margin-left: 15px !important; }

.ml20 { margin-left: 20px !important; }

.ml25 { margin-left: 25px !important; }

.ml30 { margin-left: 30px !important; }

.ml35 { margin-left: 35px !important; }

.ml40 { margin-left: 40px !important; }

.ml45 { margin-left: 45px !important; }

.ml50 { margin-left: 50px !important; }

.pt00 { padding-top: 0 !important; }

.pt05 { padding-top: 5px !important; }

.pt10 { padding-top: 10px !important; }

.pt15 { padding-top: 15px !important; }

.pt20 { padding-top: 20px !important; }

.pt25 { padding-top: 25px !important; }

.pt30 { padding-top: 30px !important; }

.pt35 { padding-top: 35px !important; }

.pt40 { padding-top: 40px !important; }

.pt45 { padding-top: 45px !important; }

.pt50 { padding-top: 50px !important; }

.pr00 { padding-right: 0 !important; }

.pr05 { padding-right: 5px !important; }

.pr10 { padding-right: 10px !important; }

.pr15 { padding-right: 15px !important; }

.pr20 { padding-right: 20px !important; }

.pr25 { padding-right: 25px !important; }

.pr30 { padding-right: 30px !important; }

.pr35 { padding-right: 35px !important; }

.pr40 { padding-right: 40px !important; }

.pr45 { padding-right: 45px !important; }

.pr50 { padding-right: 50px !important; }

.pb00 { padding-bottom: 0 !important; }

.pb05 { padding-bottom: 5px !important; }

.pb10 { padding-bottom: 10px !important; }

.pb15 { padding-bottom: 15px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb25 { padding-bottom: 25px !important; }

.pb30 { padding-bottom: 30px !important; }

.pb35 { padding-bottom: 35px !important; }

.pb40 { padding-bottom: 40px !important; }

.pb45 { padding-bottom: 45px !important; }

.pb50 { padding-bottom: 50px !important; }

.pl00 { padding-left: 0 !important; }

.pl05 { padding-left: 5px !important; }

.pl10 { padding-left: 10px !important; }

.pl15 { padding-left: 15px !important; }

.pl20 { padding-left: 20px !important; }

.pl25 { padding-left: 25px !important; }

.pl30 { padding-left: 30px !important; }

.pl35 { padding-left: 35px !important; }

.pl40 { padding-left: 40px !important; }

.pl45 { padding-left: 45px !important; }

.pl50 { padding-left: 50px !important; }

/* グリッド */
.row { margin: 0 -1% 20px -1%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 102%; /*--- 縦揃え ---*/ }

.row.vm-c { -webkit-align-items: center; -ms-align-items: center; align-items: center; }

.row > .col, ul.row > li { margin: 0 1% 20px; }

@media screen and (max-width: 480px) { .row > .col.o-1, ul.row > li.o-1 { order: -1; }
  .row > .col.o1, ul.row > li.o1 { order: 1; }
  .row > .col.o2, ul.row > li.o2 { order: 2; }
  .row > .col.o3, ul.row > li.o3 { order: 3; }
  .row > .col.o4, ul.row > li.o4 { order: 4; }
  .row > .col.o5, ul.row > li.o5 { order: 5; } }

.grid02 > .col, ul.grid02 > li { width: 48%; }

@media screen and (max-width: 480px) { .grid02 > .col, ul.grid02 > li { width: 98%; } }

.grid03 > .col, ul.grid03 > li { width: 31.33%; }

@media screen and (max-width: 480px) { .grid03 > .col, ul.grid03 > li { width: 98%; } }

.grid04 > .col, ul.grid04 > li { width: 23%; }

@media screen and (max-width: 767px) { .grid04 > .col, ul.grid04 > li { width: 48%; } }

.grid05 > .col, ul.grid05 > li { width: 18%; }

@media screen and (max-width: 767px) { .grid05 > .col, ul.grid05 > li { width: 31.33%; } }

@media screen and (max-width: 480px) { .grid05 > .col, ul.grid05 > li { width: 48%; } }

.grid06 > .col, ul.grid06 > li { width: 14.66%; }

@media screen and (max-width: 767px) { .grid06 > .col, ul.grid06 > li { width: 31.33%; } }

@media screen and (max-width: 480px) { .grid06 > .col, ul.grid06 > li { width: 48%; } }

/*　グリッド　マージン2% */
.m2 { margin: 0 -2% 20px -2%; width: 104%; }

.m2 > .col, ul.m2 > li { margin: 0 2% 20px; }

.grid02.m2 > .col, ul.grid02.m2 > li { width: 46%; }

@media screen and (max-width: 480px) { .grid02.m2 > .col, ul.grid02.m2 > li { width: 96%; } }

.grid03.m2 > .col, ul.grid03.m2 > li { width: 29.33%; }

@media screen and (max-width: 480px) { .grid03.m2 > .col, ul.grid03.m2 > li { width: 96%; } }

.grid04.m2 > .col, ul.grid04.m2 > li { width: 21%; }

@media screen and (max-width: 767px) { .grid04.m2 > .col, ul.grid04.m2 > li { width: 46%; } }

.grid05.m2 > .col, ul.grid05.m2 > li { width: 16%; }

@media screen and (max-width: 767px) { .grid05.m2 > .col, ul.grid05.m2 > li { width: 29.33%; } }

@media screen and (max-width: 480px) { .grid05.m2 > .col, ul.grid05.m2 > li { width: 46%; } }

.flex { display: -webkit-box; display: -ms-flexbox; display: flex; /*--- 縦並び ---*/ /*--- 逆 ---*/ /*--- 横揃え ---*/ /*--- 折り返しあり ---*/ /*--- 縦揃え ---*/ }

.flex.column { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.flex.rev { -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.flex.pos-r { -webkit-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; }

.flex.pos-c { -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; }

.flex.pos-a { -webkit-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; }

.flex.pos-b { -webkit-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; }

.flex.wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; /*--- 横揃え ---*/ }

.flex.wrap.pos-r { -webkit-align-content: flex-end; -ms-align-content: flex-end; align-content: flex-end; }

.flex.wrap.pos-c { -webkit-align-content: center; -ms-align-content: center; align-content: center; }

.flex.wrap.pos-a { -webkit-align-content: space-around; -ms-align-content: space-around; align-content: space-around; }

.flex.wrap.pos-b { -webkit-align-content: space-between; -ms-align-content: space-between; align-content: space-between; }

.flex.vm-c { -webkit-align-items: center; -ms-align-items: center; align-items: center; }

.flex.vm-bl { -webkit-align-items: baseline; -ms-align-items: baseline; align-items: baseline; }

.flex > .col { /*--- 可変 ---*/ }

.flex > .col.lq1 { flex: 1; }

.flex > .col.lq2 { flex: 2; }

.flex > .col.lq3 { flex: 3; }

.flex > .col.lq4 { flex: 4; }

.flex > .col.lq5 { flex: 5; }

.flex > .col.lq6 { flex: 6; }

.flex > .col.r { margin-left: auto; }

@media screen and (max-width: 480px) { .flex > .col.o-1 { order: -1; }
  .flex > .col.o1 { order: 1; }
  .flex > .col.o2 { order: 2; }
  .flex > .col.o3 { order: 3; }
  .flex > .col.o4 { order: 4; }
  .flex > .col.o5 { order: 5; } }

.flex.pd20 .col { padding: 0 20px; }

.flex.pd20 .col:first-child { padding-left: 0; }

.flex.pd20 .col:last-child { padding-right: 0; }

@media screen and (max-width: 480px) { .flex.pd20 .col { padding: 0; } }

/* table レイアウト */
.table-col, ul.table-col { margin: 0 auto 20px; border-collapse: collapse; border-spacing: 0; display: table; table-layout: fixed; width: 100%; }

@media screen and (max-width: 480px) { .table-col, ul.table-col { display: block; }
  .table-col.ab, ul.table-col.ab { display: table; } }

.table-col.at { table-layout: auto; }

.table-col .tr { display: table-row; }

.table-col .td, ul.table-col > li { display: table-cell; vertical-align: top; }

@media screen and (max-width: 480px) { .table-col .td, ul.table-col > li { display: block; } }

@media screen and (max-width: 480px) { .table-col.ab .td, ul.table-col.ab > li { display: table-cell; } }

/*
===== CONTENTS ===========================================

ページ共通

==========================================================
*/
.pages { padding-top: 88px; overflow: hidden; }

.pages .breadcrumb { position: absolute; top: 10px; left: 5%; }

.pages .breadcrumb li { display: inline-block; font-size: 13px; line-height: 1.6; position: relative; }

.pages .breadcrumb li::after { content: " \f054 "; font-family: "Font Awesome 5 Free"; font-weight: 900; }

.pages .breadcrumb li:last-child::after { content: ""; }

.pages .breadcrumb li a { text-decoration: underline; }

.pages .breadcrumb li a:hover { text-decoration: none; }

.pages .fv { margin: 0 auto 24px; padding: 0 10px; background: url(../images/fv-bg.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: #fff; position: relative; }

.pages .fv .ttl { padding-top: 60px; padding-bottom: 60px; font-size: 32px; line-height: 1.2; font-weight: bold; text-align: center; }

@media (max-width: 1280px) { .pages .fv .ttl { padding-top: calc(20px + 40 * (100vw - 320px) / 960); padding-bottom: calc(20px + 40 * (100vw - 320px) / 960); } }

@media (max-width: 320px) { .pages .fv .ttl { padding-top: 20px; padding-bottom: 20px; } }

@media (max-width: 359px) { .pages .fv .ttl { font-size: 24px; line-height: calc(120% + 3.2 * (100vw - 1280px) / -920); } }

@media (min-width: 360px) and (max-width: 1280px) { .pages .fv .ttl { font-size: calc(24px + 8 * (100vw - 360px) / 920); line-height: calc(120% + 3.2 * (100vw - 1280px) / -920); } }

.pages .fv .ttl .normal_text { font-size: 24px; line-height: 1.4; }

@media (max-width: 359px) { .pages .fv .ttl .normal_text { font-size: 16px; line-height: calc(140% + 3.2 * (100vw - 1280px) / -920); } }

@media (min-width: 360px) and (max-width: 1280px) { .pages .fv .ttl .normal_text { font-size: calc(16px + 8 * (100vw - 360px) / 920); line-height: calc(140% + 3.2 * (100vw - 1280px) / -920); } }

.pages .fv .breadcrumb li a { color: #fff; }

.pages .outline { margin-top: 24px; }

.pages .outline .outline_title { margin-bottom: 24px; padding: 10px 20px; background: #0050a0; color: #fff; font-size: 24px; line-height: 1.3; font-weight: bold; text-align: center; }

.pages .outline .outline_title .il { display: block; font-size: 10px; line-height: 1.6; font-weight: normal; }

.pages .outline .textarea { margin: 0 auto 24px; padding: 0 20px; max-width: 468px; }

.pages .outline .textarea p { margin-bottom: 24px; line-height: 1.8; }

.pages .outline .textarea p:last-child { margin-bottom: 0; }

.pages .outline .col p { margin-bottom: 24px; line-height: 1.8; }

.pages .outline .col p:last-child { margin-bottom: 0; }

.pages .lead { color: #0050a0; font-size: 24px; line-height: 1.3; font-weight: bold; text-align: center; }

.pages .border-box { margin: 0 auto 20px; padding: 12px 0 14px; border: solid 6px #ff3c19; -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; color: #ff3c19; font-size: 24px; line-height: 1.4; font-weight: bold; text-align: center; }

.pages .gray-box { margin: 16px auto 40px; padding: 16px 24px; background: #ebf0f5; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; display: inline-block; }

.pages ul.check { color: #0050a0; font-size: 24px; line-height: 1.5; font-weight: bold; }

@media (max-width: 359px) { .pages ul.check { font-size: 16px; line-height: calc(150% + 3.2 * (100vw - 1280px) / -920); } }

@media (min-width: 360px) and (max-width: 1280px) { .pages ul.check { font-size: calc(16px + 8 * (100vw - 360px) / 920); line-height: calc(150% + 3.2 * (100vw - 1280px) / -920); } }

.pages ul.check li { padding: 0 0 0 1.2em; text-align: left; position: relative; }

.pages ul.check li::before { content: "\f14a"; font-family: "Font Awesome 5 Free"; font-weight: 500; position: absolute; left: 0; top: 0; }

.pages .sitest { padding-bottom: 48px; border-bottom: solid 1px #00a59a; }

.pages .sitest .inner { max-width: 1040px; }

.pages .sitest .head { margin-bottom: 16px; padding: 16px 0 18px; background: #00a59a; color: #fff; text-align: center; }

.pages .sitest .head h2 { font-size: 24px; line-height: 1.4; }

@media (max-width: 359px) { .pages .sitest .head h2 { font-size: 14px; line-height: calc(140% + 3.2 * (100vw - 1280px) / -920); } }

@media (min-width: 360px) and (max-width: 1280px) { .pages .sitest .head h2 { font-size: calc(14px + 10 * (100vw - 360px) / 920); line-height: calc(140% + 3.2 * (100vw - 1280px) / -920); } }

.pages .sitest .head p { margin-top: 12px; font-size: 16px; line-height: 1.6; }

@media (max-width: 359px) { .pages .sitest .head p { font-size: 12px; line-height: calc(160% + 3.2 * (100vw - 1280px) / -920); } }

@media (min-width: 360px) and (max-width: 1280px) { .pages .sitest .head p { font-size: calc(12px + 4 * (100vw - 360px) / 920); line-height: calc(160% + 3.2 * (100vw - 1280px) / -920); } }

.pages .sitest .orange { color: #ff9800; }

.pages .sitest .hero_text { font-size: 24px; }

.pages .sitest .sitest_moreinfo { margin-top: 32px; }

.pages .sitest .sitest_contents { margin: 24px auto 40px; }

.pages .sitest .sitest_contents .text { font-size: 16px; line-height: 1.6; }

/*
===== トップページ含む全ページのカウンター ==========================================
*/
.counter { display: inline-block; text-align: right; }

.counter.two_digits { width: 59px; }

.counter.three_digits { width: 93px; }

.counter.one_and_one_digits { width: 82px; }

.counter.three_and_one_digits { width: 133px; }

/*
===== A/Bテスト・LPOコンサルティングプラン ==========================================
*/
#test_service .cvr figure { margin: 8px auto; padding: 3px; border: solid 1px #969ba0; text-align: center; }

#test_service .cvr .on figure { margin: 8px auto; padding: 1px 3px; border: solid 3px #ff3c19; }

#test_service .example .section_title { margin-bottom: 40px; }

#test_service .example .flex { margin: 24px auto 40px; -webkit-align-items: center; -ms-align-items: center; align-items: center; max-width: 800px; }

#test_service .example .flex .col { margin-bottom: 24px; }

#test_service .example .flex .col p { margin-bottom: 24px; font-size: 16px; line-height: 1.6; }

#test_service .example .flex .col.img { margin: 0 24px 24px 0; max-width: 304px; }

#test_service .example .flex .col.o-1 { margin: 0 0 24px 24px; }

#test_service .case .runding .two_column { -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; }

#test_service .case .runding .two_column .left, #test_service .case .runding .two_column .right { max-width: 304px; }

#test_service .case .runding .row { margin-top: 24px; }

#test_service .case .runding .row .border-box { line-height: 1.2; }

/*
===== ウェブサイト制作・LPOプラン ==========================================
*/
#product .merits .case_ex .row h3 { margin-bottom: 16px; font-size: 24px; line-height: 1.3; }

#product .merits .case_ex .row p { margin-bottom: 24px; font-size: 16px; line-height: 1.6; }

#product .case .row { margin-top: 40px; margin-bottom: 0; font-size: 13px; line-height: 1.6; }

#product .case .row li { margin-bottom: 40px; }

/*
===== ウェブサイト解析コンサルティングプラン ==========================================
*/
#diagnosis .tools .row { margin-top: 24px; }

#diagnosis .tools .row .col { padding: 24px; box-sizing: border-box; border: solid 3px #00a59a; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; }

@media (max-width: 1280px) { #diagnosis .tools .row .col { padding: calc(16px + 8 * (100vw - 320px) / 960); } }

@media (max-width: 320px) { #diagnosis .tools .row .col { padding: 16px; } }

#diagnosis .tools .row .col h3 { margin-bottom: 16px; color: #00a59a; font-size: 24px; line-height: 1.4; font-feature-settings: "palt"; text-align: center; }

#diagnosis .tools .row .col p { margin-bottom: 24px; font-size: 16px; line-height: 1.6; }

#diagnosis .tools .row .col:first-child { border: solid 3px #ff9800; }

#diagnosis .tools .row .col:first-child h3 { color: #ff9800; }

/*
===== EFO（フォーム最適化）コンサルティングプラン ==========================================
*/
#package_plan .service .desc { margin: 0 auto 8px; padding: 16px 0; font-size: 16px; line-height: 1.6; max-width: 632px; }

#package_plan .service .row .col h3 { margin-bottom: 16px; color: #0050a0; font-size: 24px; line-height: 1.4; text-align: center; }

@media (max-width: 359px) { #package_plan .service .row .col h3 { font-size: 18px; line-height: calc(140% + 3.2 * (100vw - 1280px) / -920); } }

@media (min-width: 360px) and (max-width: 1280px) { #package_plan .service .row .col h3 { font-size: calc(18px + 6 * (100vw - 360px) / 920); line-height: calc(140% + 3.2 * (100vw - 1280px) / -920); } }

#package_plan .service .row .col .check { padding: 24px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; border: solid 2px #0050a0; font-size: 16px; line-height: 1.6; }

@media (max-width: 1280px) { #package_plan .service .row .col .check { padding: calc(16px + 8 * (100vw - 320px) / 960); } }

@media (max-width: 320px) { #package_plan .service .row .col .check { padding: 16px; } }

@media (max-width: 359px) { #package_plan .service .row .col .check { font-size: 14px; line-height: calc(160% + 3.2 * (100vw - 1280px) / -920); } }

@media (min-width: 360px) and (max-width: 1280px) { #package_plan .service .row .col .check { font-size: calc(14px + 2 * (100vw - 360px) / 920); line-height: calc(160% + 3.2 * (100vw - 1280px) / -920); } }

#package_plan .case .cart { margin-top: 16px; }

#package_plan .case .cart .col { padding: 24px; box-sizing: border-box; border: solid 1px #96b4e1; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; }

@media (max-width: 1280px) { #package_plan .case .cart .col { padding: calc(16px + 8 * (100vw - 320px) / 960); } }

@media (max-width: 320px) { #package_plan .case .cart .col { padding: 16px; } }

#package_plan .case .cart .col h3 { margin-bottom: 16px; color: #00a59a; font-size: 24px; line-height: 1.4; text-align: center; }

@media (max-width: 359px) { #package_plan .case .cart .col h3 { font-size: 18px; line-height: calc(140% + 3.2 * (100vw - 1280px) / -920); } }

@media (min-width: 360px) and (max-width: 1280px) { #package_plan .case .cart .col h3 { font-size: calc(18px + 6 * (100vw - 360px) / 920); line-height: calc(140% + 3.2 * (100vw - 1280px) / -920); } }

#package_plan .case .cart .col ul { margin: 16px auto; }

#package_plan .case .cart .col ul li { padding: 0 5px; color: #ff3c19; font-size: 13px; line-height: 1.6; font-weight: bold; text-align: center; }

#package_plan .case .cart .col ul li:first-child { color: #5a5f64; }

#package_plan .case .cart .col ul li img { margin-top: 8px; }

#package_plan .process .flex { margin-top: 8px; border: solid 1px #0050a0; -webkit-align-items: center; -ms-align-items: center; align-items: center; }

#package_plan .process .flex .month { width: 35%; }

#package_plan .process .flex .month ul li { margin-top: 8px; padding: 28px 16px 32px; background: #0050a0; color: #fff; font-size: 40px; line-height: 1.3; font-weight: bold; text-align: center; position: relative; }

@media (max-width: 359px) { #package_plan .process .flex .month ul li { font-size: 18px; line-height: calc(130% + 3.2 * (100vw - 1280px) / -920); } }

@media (min-width: 360px) and (max-width: 1280px) { #package_plan .process .flex .month ul li { font-size: calc(18px + 22 * (100vw - 360px) / 920); line-height: calc(130% + 3.2 * (100vw - 1280px) / -920); } }

#package_plan .process .flex .month ul li:first-child { margin-top: 0; }

#package_plan .process .flex .month ul li span { margin-left: -4em; padding: 8px 0 8px; background: #fff; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px; color: #0050a0; font-size: 16px; line-height: 1; position: absolute; bottom: -18px; left: 50%; text-align: center; width: 8em; z-index: 100; }

@media (max-width: 359px) { #package_plan .process .flex .month ul li span { font-size: 12px; line-height: calc(100% + 3.2 * (100vw - 1280px) / -920); } }

@media (min-width: 360px) and (max-width: 1280px) { #package_plan .process .flex .month ul li span { font-size: calc(12px + 4 * (100vw - 360px) / 920); line-height: calc(100% + 3.2 * (100vw - 1280px) / -920); } }

#package_plan .process .flex .month ul li span::before { margin-left: -8px; content: ""; border: 8px solid transparent; border-top: 8px solid #0050a0; position: absolute; left: 50%; bottom: 16px; }

#package_plan .process .flex .month ul li span::after { margin-left: -8px; content: ""; border: 8px solid transparent; border-top: 8px solid #fff; position: absolute; left: 50%; bottom: -16px; }

#package_plan .process .flex .textarea { padding: 24px; color: #0050a0; font-size: 24px; line-height: 1.4; font-weight: bold; flex: 1; }

@media (max-width: 1280px) { #package_plan .process .flex .textarea { padding: calc(16px + 8 * (100vw - 320px) / 960); } }

@media (max-width: 320px) { #package_plan .process .flex .textarea { padding: 16px; } }

@media (max-width: 359px) { #package_plan .process .flex .textarea { font-size: 16px; line-height: calc(140% + 3.2 * (100vw - 1280px) / -920); } }

@media (min-width: 360px) and (max-width: 1280px) { #package_plan .process .flex .textarea { font-size: calc(16px + 8 * (100vw - 360px) / 920); line-height: calc(140% + 3.2 * (100vw - 1280px) / -920); } }

/*
===== 当社の強み ==========================================
*/
#strong .outline .textarea { margin-bottom: 40px; }

@media (max-width: 1280px) { #strong .outline .textarea { margin-bottom: calc(20px + 20 * (100vw - 320px) / 960); } }

@media (max-width: 320px) { #strong .outline .textarea { margin-bottom: 20px; } }

#strong .outline h2 { margin-bottom: 48px; }

@media (max-width: 1280px) { #strong .outline h2 { margin-bottom: calc(30px + 18 * (100vw - 320px) / 960); } }

@media (max-width: 320px) { #strong .outline h2 { margin-bottom: 30px; } }

#strong .reason_main .two_column { margin-bottom: 40px; }

@media (max-width: 1280px) { #strong .reason_main .two_column { margin-bottom: calc(20px + 20 * (100vw - 320px) / 960); } }

@media (max-width: 320px) { #strong .reason_main .two_column { margin-bottom: 20px; } }

/*
===== お問い合わせ ==========================================
*/
#inquiry .breadcrumb { padding: 10px 5%; position: static; }

/*
===== オンラインセミナーバナー ==========================================
*/
#online_seminar { position: fixed; right: 20px; bottom: 30px; width: 320px; height: 128px; z-index: 10000; }

#online_seminar a { display: inline-block; }

#online_seminar a img { width: 100%; }

#online_seminar a img.seminar_link_hover { display: none; }

#online_seminar a:hover img { display: none; }

#online_seminar a:hover img.seminar_link_hover { display: block; }

/*
===== 404 error ==========================================
*/
#error { margin-bottom: 80px; border: none; }

#error .section_title { margin: 60px auto; height: 180px; }

#error .section_title .title_main { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }

#error p { font-size: 16px; line-height: 1.6; }

#error .gotop { margin: 50px auto; font-size: 24px; line-height: 1.4; text-align: center; }

@media (max-width: 359px) { #error .gotop { font-size: 18px; line-height: calc(140% + 3.2 * (100vw - 1280px) / -920); } }

@media (min-width: 360px) and (max-width: 1280px) { #error .gotop { font-size: calc(18px + 6 * (100vw - 360px) / 920); line-height: calc(140% + 3.2 * (100vw - 1280px) / -920); } }

#error .gotop a { color: #0050a0; }

@media screen and (max-width: 767px) { .pages { padding-top: 58px; }
  .pages .fv { background-image: url(../images/fv-bg@sp.jpg); }
  .pages .breadcrumb { display: none; }
  .pages .sitest { padding-bottom: 24px; }
  /* ===== A/Bテスト・LPOコンサルティングプラン ========================================== */
  #test_service .flow { margin-top: 30px; padding: 0 20px; }
  #test_service .flow .normal_text { font-size: 22px; }
  #test_service .example .section_title { margin-bottom: 40px; }
  #test_service .example .flex { margin-bottom: 0; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; max-width: 480px; }
  #test_service .example .flex .col.img { margin: 0 0 24px; }
  #test_service .example .flex .col.o-1 { margin: 0 0 24px; }
  #test_service .case .runding .left, #test_service .case .runding .right { margin-left: auto; margin-right: auto; }
  #test_service .case .runding .grid03 { -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }
  #test_service .case .runding .grid03 li { width: 96%; max-width: 350px; }
  /* ===== EFO（フォーム最適化）コンサルティングプラン ========================================== */
  #package_plan .outline h2 { line-height: 1.3; }
  #package_plan .service .section_title { margin-bottom: 24px; }
  #package_plan .process .flex .month { width: 40%; }
  /* ===== お問い合わせ ========================================== */
  #inquiry #contact { padding-top: 30px; }
  /*
===== オンラインセミナーバナー ==========================================
*/
  #online_seminar { display: none; } }

@media screen and (max-width: 480px) { .pages .row .col:last-child { margin-bottom: 0; } }

/*# sourceMappingURL=../../dist/assets/css/pages.css.map */