@charset "UTF-8";
/*
Theme Name:cotech
Author: kd
Description: kd
*/
/* 
html5doctor.com Reset Stylesheet
*/
body {
  animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadeIn 2s ease 0s 1 normal;
 }
 @keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}
 @-webkit-keyframes fadeIn {0% {opacity: 0}100% {opacity: 1}}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: bottom;
  background: transparent;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* common class
---------------------------------------------------------------------------- */
* {
  box-sizing: border-box;
}

/* fontset
    font-family: din-condensed, sans-serif;
    font-family: urw-din-semi-condensed, sans-serif;
    font-family: urw-din-condensed, sans-serif;
    font-family: din-2014, sans-serif;
*/

body {
  background-color: #fff;
  color: #000;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  font-family: kozuka-gothic-pr6n, sans-serif;
  font-size: 16px;
  font-style: normal;
  line-height: 1.5;
  font-weight: 400;
  padding: 0;
  width: 100%;
}

@media screen and (max-width: 767px) {
  body {
    font-size: 3.46vw;
  }
}
a {
  color: inherit;
  text-decoration: none;
  transition: .3s ease;
}

@media screen and (min-width: 769px) {
  .Hover-opa {
    transition: .3s ease;
  }

  .Hover-opa:hover {
    cursor: pointer;
    opacity: .7;
  }
}
img {
  max-width: 100%;
}

ul li, ol li {
  list-style-type: none;
}

@media screen and (min-width: 769px) {
  .Pc-none {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .Sp-none {
    display: none !important;
  }
}
/* header
---------------------------------------------------------------------------- */
/* PC header setting */
@media screen and (min-width: 769px) {
  .header {
    background: linear-gradient(to bottom, #c8c8c8 0%, #e9e9e9 100%);
    left: 0;
    height: 90px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
  }

  .header-inner {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    margin: 0 auto;
    position: relative;
    width: 1170px;
  }
  .header-inner .__logo {
    mix-blend-mode: multiply;
    width: 320px;
  }
  .header-inner .__logo img{
    width: 100%;
  }

  .header-nav {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
  }
  .header-nav .__menu {
    align-items: center;
    border-left: 2px solid #a6a6a6;
    color: #0050ff;
    display: flex;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    transition: background .3s ease;
    width: 138px;
  }
  .header-nav .__menu:hover,.current{
    background: #0050ff;
    color: #fff;
  }
  #aircaster a[href*="productinfo"],
  #gapmaster a[href*="productinfo"],
  #carriage a[href*="productinfo"],
  #lightweight-trolley a[href*="productinfo"],
  #air-plank a[href*="productinfo"],
  #road-runner a[href*="productinfo"],
  #aero-drive a[href*="productinfo"],
  #easy-mover a[href*="productinfo"],
  #ph a[href*="productinfo"],
  #ph-pch a[href*="productinfo"],
  #easy a[href*="productinfo"],
  #d-assist a[href*="productinfo"],
  #ph-rgb a[href*="productinfo"],
  #easy-rolling a[href*="productinfo"],
  #airjack a[href*="productinfo"],
  #hose-reels a[href*="productinfo"],
  #overlay a[href*="productinfo"],
  #productinfo a[href*="productinfo"],
  #aboutus a[href*=aboutus],
  #introduce a[href*=introduce],
  #advantage a[href*=advantage],
  #download a[href*=download] {
    background: #0050ff;
    color: #fff;
  }

  .header-nav .__menu.-inquiry {
    background: #fff;
    width: 170px;
  }
  .header-nav .__menu-label {
    align-items: center;
    border-left: 2px solid #fff;
    display: flex;
    font-size: 89.5%;
    height: 100%;
    justify-content: center;
    text-align: center;
    width: 100%;
  }
  .header-nav .__menu-label.-current {
    background: #0050ff;
    color: #fff;
  }
  .header-nav .__menu-label.-inquiry {
    background: #ff8000;
    color: #fff;
  }
  .header-nav .__menu-label.-inquiry::before {
    background: url("/wp-content/themes/cotech/images/header_menu_contact.png") center center/contain no-repeat;
    content: "";
    display: inline-block;
    height: 13px;
    margin-right: 5px;
    width: 17px;
  }

  .header-mega-menu {
    background: #0050ff;
    padding: 25px 15px 0 35px;
    position: fixed;
    right: calc(50% - 585px);
    top: 90px;
    width: 970px;
  }
  .header-mega-menu .__inner {
    color: #fff;
    display: flex;
    font-size: 11px;
    font-weight: 400;
    padding-bottom: 40px;
    justify-content: space-between;
    position: relative;
    width: 100%;
  }
  .header-mega-menu .__inner .__sub .__sub-title p {
    color: #fff;
    display: block;
    font-size: 16px;
    line-height: 1;
    margin-bottom: 25px;
  }
  .header-mega-menu .__inner .__sub .__list .__item {
    display: block;
    margin-bottom: 0;
    position: relative;
    font-feature-settings: "palt" 1;
  }
  .header-mega-menu .__inner .__sub .__list .__item .-title {
    align-items: center;
    display: flex;
    width: 100%;
    font-size:120%;
  }
  .header-mega-menu .__inner .__sub .__list .__item .-title figure {
    height: 46px;
    margin-right: 12px;
    width: 60px;
  }
  .header-mega-menu .__inner .__sub .__list .__item .-title figure img {
    height: 46px;
    object-fit: cover;
    width: 60px;
  }
  .header-mega-menu .__inner .__sub .__list .__item .-title:hover {
    cursor: pointer;
    color: #ff8000;
  }
  .header-mega-menu .__inner .__sub .__list .__item.Js-headderMegaMenu-acc:hover .-title {
    cursor: pointer;
    color: #ff8000;
  }
  .header-mega-menu .__inner .__sub .__list .__item.Js-headderMegaMenu-acc .-acc-arrow::after {
    background: url("/wp-content/themes/cotech/images/header_menu_arrow_w.svg") center bottom/contain no-repeat;
    content: "";
    display: block;
    height: 12px;
    margin-top: 2px;
    margin-left: 12px;
    transition: .3s ease;
    width: 12px;
  }
  .header-mega-menu .__inner .__sub .__list .__item.Js-headderMegaMenu-acc:hover .-acc-arrow::after {
    background: url("/wp-content/themes/cotech/images/header_menu_arrow_o.svg") center center/contain no-repeat;
    transform: rotate(90deg);
  }
  .header-mega-menu .__inner .__sub .__list .__item.Js-headderMegaMenu-acc .__item-inner {
    background: #fff;
    display: none;
    left: 143px;
    opacity: 0;
    padding: 20px;
    position: absolute;
    top: 35px;
    transition: .5s ease;
    width: 310px;
    z-index: 999999;
  }
  .header-mega-menu .__inner .__sub .__list .__item.Js-headderMegaMenu-acc .__item-inner .__item-inner-item {
    border-top: 1px solid #dcdcdc;
    display: flex;
    padding: 2px 0;
  }
  .header-mega-menu .__inner .__sub .__list .__item.Js-headderMegaMenu-acc .__item-inner .__item-inner-item a {
    align-items: center;
    color: #1d2082;
    display: flex;
    font-size: 15px;
    font-weight: 700;
  }
  .header-mega-menu .__inner .__sub .__list .__item.Js-headderMegaMenu-acc .__item-inner .__item-inner-item a:hover {
    color: #ff8000;
  }
  .header-mega-menu .__inner .__sub .__list .__item.Js-headderMegaMenu-acc .__item-inner .__item-inner-item a figure {
    height: 44px;
    margin-right: 6px;
    width: 73px;
  }
  .header-mega-menu .__inner .__sub .__list .__item.Js-headderMegaMenu-acc .__item-inner .__item-inner-item a figure img {
    height: 44px;
    object-fit: cover;
    width: 73px;
  }
  .header-mega-menu .__inner .__sub .__list .__item.Js-headderMegaMenu-acc .__item-inner .__item-inner-item:last-child {
    border-bottom: 1px solid #dcdcdc;
  }
  .header-mega-menu .__inner .__sub .__list .__item.Js-headderMegaMenu-acc .__item-inner .__item-inner-item .-txt {
    flex: 1;
    letter-spacing: -.03em;
  }
  .header-mega-menu .__inner .__sub .__list .__item.Js-headderMegaMenu-acc:hover .__item-inner {
    display: block;
    opacity: 1;
  }
}
/* / PC header setting */
/* SP header setting */
@media screen and (max-width: 768px) {
  .header {
    background: linear-gradient(to bottom, #c8c8c8 0%, #e9e9e9 100%);
    height: calc(58 / 4.8 * 1vw);
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
  }

  .header-inner {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between;
    margin: 0 auto;
    position: relative;
    width: 100%;
  }
  .header-inner::before {
    content: "";
    display: block;
    width: calc(60 / 4.8 * 1vw);
  }
  .header-inner .__logo {
    mix-blend-mode: multiply;
    width: calc(255 / 4.8 * 1vw);
  }

  .header-nav {
    background: #ff8000 url("/wp-content/themes/cotech/images/header_sp_btn_txt.png") left calc(11 / 4.8 * 1vw) top calc(14 / 4.8 * 1vw)/calc(38 / 4.8 * 1vw) auto no-repeat;
    display: none;
    flex-wrap: wrap;
    position: absolute;
    right: 0;
    top: calc(58 / 4.8 * 1vw);
    width: calc(450 / 4.8 * 1vw);
    /* MEGA MENU setting */
  }
  .header-nav .__menu {
    background: #fff;
    line-height: 1;
    margin-left: calc(60 / 4.8 * 1vw);
    padding-left: calc(14 / 4.8 * 1vw);
    padding-top: calc(13/ 4.8 * 1vw);
  }
  .header-nav .__menu.-inquiry {
    padding-right: calc(12 / 4.8 * 1vw);
    padding-bottom: calc(13/ 4.8 * 1vw);
  }
  .header-nav .__menu-label {
    background: url("/wp-content/themes/cotech/images/header_menu_arrow_g.svg") right calc(20 / 4.8 * 1vw) top calc(14 / 4.8 * 1vw)/calc(14 / 4.8 * 1vw) auto no-repeat;
    border-top: 2px solid #e9e9e9;
    color: #1d2082;
    display: block;
    font-size: calc(22 / 4.8 * 1vw);
    font-weight: 500;
    line-height: 1;
    padding-left: calc(12 / 4.8 * 1vw);
    padding-top: calc(13/ 4.8 * 1vw);
  }
  .header-nav .__menu-label.-inquiry {
    background: #ff8000;
    color: #fff;
  }
  .header-nav .__menu:nth-last-child(2) {
    border-bottom: 2px solid #e9e9e9;
    padding-bottom: calc(13/ 4.8 * 1vw);
  }
  .header-nav .__menu:last-child .__menu-label {
    border: none;
    padding-bottom: calc(13/ 4.8 * 1vw);
    padding-right: calc(12 / 4.8 * 1vw);
    text-align: center;
  }
  .header-nav.Js-megaOpen {
    background: none;
    width: 100%;
  }
  .header-nav.Js-megaOpen .__menu {
    margin: 0;
    padding: 0;
  }
  .header-nav.Js-megaOpen .__menu-label {
    align-items: center;
    background: #1d2082;
    color: #fff;
    display: flex;
    font-size: calc(16 / 4.8 * 1vw);
    height: calc(39 / 4.8 * 1vw);
    justify-content: space-between;
    padding: 0 calc(15 / 4.8 * 1vw);
  }
  .header-nav.Js-megaOpen .__menu-label .-egtxt {
    color: #a6a6a6;
    font-size: calc(21 / 4.8 * 1vw);
    font-family: urw-din-condensed, sans-serif;
    letter-spacing: -.05em;
  }
  .header-nav.Js-megaOpen .__menu-label .-egtxt .-clr-or {
    color: #ff8000;
    font-family: din-2014, sans-serif;
    letter-spacing: 0;
  }
  .header-nav.Js-megaOpen .__sub-title {
    align-items: center;
    border-top: 2px solid #e9e9e9;
    background: #ff8000;
    display: flex;
    position: relative;
  }
  .header-nav.Js-megaOpen .__sub-title::after {
    background: url("/wp-content/themes/cotech/images/header_menu_arrow_w02.svg") center center/contain no-repeat;
    content: "";
    display: block;
    height: calc(24/ 4.8 * 1vw);
    position: absolute;
    right: calc(24/ 4.8 * 1vw);
    transition: .3s ease;
    top: calc(50% - (24/ 4.8 * 1vw) / 2);
    width: calc(16/ 4.8 * 1vw);
  }
  .header-nav.Js-megaOpen .__sub-title.Js-listOpen::after {
    transform: rotate(90deg);
  }
  .header-nav.Js-megaOpen .__sub-title figure {
    height: calc(55 / 4.8 * 1vw);
    margin-right: calc(15/ 4.8 * 1vw);
    width: calc(80 / 4.8 * 1vw);
  }
  .header-nav.Js-megaOpen .__sub-title figure img {
    height: calc(55 / 4.8 * 1vw);
    object-fit: cover;
    width: calc(80 / 4.8 * 1vw);
  }
  .header-nav.Js-megaOpen .__sub-title p {
    align-items: center;
    color: #1d2082;
    display: flex;
    flex-direction: row;
    font-size: calc(21 / 4.8 * 1vw);
    font-weight: 500;
    flex: 1;
    justify-content: space-between;
    padding-right: calc(48/ 4.8 * 1vw);
  }
  .header-nav.Js-megaOpen .__list {
    border-top: 2px solid #e9e9e9;
    display: none;
  }
  .header-nav.Js-megaOpen .__list .__item {
    background: #1d2082;
    border-bottom: 2px solid #e9e9e9;
    color: #fff;
    font-size: calc(20 / 4.8 * 1vw);
    font-weight: 400;
    margin-left: calc(40/ 4.8 * 1vw);
    font-feature-settings: "palt" 1;
  }
  .header-nav.Js-megaOpen .__list .__item .-title {
    align-items: center;
    display: flex;
    position: relative;
  }
  .header-nav.Js-megaOpen .__list .__item .-title figure {
    height: calc(55 / 4.8 * 1vw);
    margin-right: calc(15/ 4.8 * 1vw);
    width: calc(80 / 4.8 * 1vw);
  }
  .header-nav.Js-megaOpen .__list .__item .-title figure img {
    object-fit: cover;
    height: calc(55 / 4.8 * 1vw);
    width: calc(80 / 4.8 * 1vw);
  }
  .header-nav.Js-megaOpen .__list .__item .-title.-acc-arrow::after {
    background: url("/wp-content/themes/cotech/images/header_menu_arrow_w02.svg") center center/contain no-repeat;
    content: "";
    display: block;
    height: calc(24/ 4.8 * 1vw);
    position: absolute;
    right: calc(24/ 4.8 * 1vw);
    transition: .3s ease;
    top: calc(50% - (24/ 4.8 * 1vw) / 2);
    width: calc(16/ 4.8 * 1vw);
  }
  .header-nav.Js-megaOpen .__list .__item .-title.-acc-arrow.open::after {
    transform: rotate(90deg);
  }
  .header-nav.Js-megaOpen .__list .__item:last-child {
    border: none;
  }
  .header-nav.Js-megaOpen .__list .__item .__item-inner {
    background: #fff;
    border-top: 2px solid #e9e9e9;
    display: none;
    font-size: calc(22 / 4.8 * 1vw);
    font-weight: 400;
    padding-left: calc(40/ 4.8 * 1vw);
  }
  .header-nav.Js-megaOpen .__list .__item .__item-inner .-link {
    align-items: center;
    border-bottom: 2px solid #e9e9e9;
    color: #1d2082;
    display: flex;
    position: relative;
  }
  .header-nav.Js-megaOpen .__list .__item .__item-inner .-link figure {
    height: calc(55 / 4.8 * 1vw);
    margin-right: calc(15/ 4.8 * 1vw);
    width: calc(80 / 4.8 * 1vw);
  }
  .header-nav.Js-megaOpen .__list .__item .__item-inner .-link figure img {
    height: calc(55 / 4.8 * 1vw);
    object-fit: cover;
    width: calc(80 / 4.8 * 1vw);
  }
  .header-nav.Js-megaOpen .__list .__item-inner-item:last-child .-link {
    border: none;
  }
  .header-nav.Js-megaOpen .-sp-nonMega {
    display: none;
  }

  .header-mega-menu .__inner {
    max-height: calc( 100vh - (96 / 480 * 100vw));
    overflow: scroll;
  }

  .sp-btn {
    align-items: center;
    background: #ff8000;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: relative;
    width: calc(60 / 4.8 * 1vw);
  }
  .sp-btn .__bar {
    border-top: 2px solid #fff;
    transition: .3s ease;
    width: calc(36 / 4.8 * 1vw);
  }
  .sp-btn .__bar::before, .sp-btn .__bar::after {
    border-top: 2px solid #fff;
    content: "";
    display: block;
    height: 0;
    margin-top: calc(7 / 4.8 * 1vw);
    transition: .3s ease;
    width: 100%;
  }
  .sp-btn .__txt {
    margin-top: calc(6 / 4.8 * 1vw);
    width: calc(36 / 4.8 * 1vw);
  }
  .sp-btn .__txt img {
    display: block;
    width: 100%;
  }
  .sp-btn.Js-open .__bar {
    border-top: 2px solid transparent;
  }
  .sp-btn.Js-open .__bar::before {
    transform: rotate(-30deg);
  }
  .sp-btn.Js-open .__bar::after {
    transform: rotate(30deg);
    transform-origin: calc(35 / 4.8 * 1vw) calc(-4 / 4.8 * 1vw);
  }
  .sp-btn.Js-open.Js-megaBtn-open {
    background: #1d2082;
  }
  .sp-btn::before {
    background: rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    left: 0;
    position: fixed;
    top: calc(58 / 4.8 * 1vw);
    transition: background .3s ease;
    width: 100%;
  }
  .sp-btn.Js-open::before {
    background: rgba(0, 0, 0, 0.5);
    height: calc( 100vh - (58 / 4.8 * 1vw));
  }
}
/* / SP header setting */
/* footer
---------------------------------------------------------------------------- */
.footer {
  background: url("/wp-content/themes/cotech/images/footer_bg.png") center center no-repeat;
  color: #fff;
  font-style: normal;
  margin: auto 0 0;
}
@media screen and (max-width: 768px) {
  .footer {
    background: url("/wp-content/themes/cotech/images/footer_bg_sp2.png") center top/cover no-repeat;
  }
}

.footer-inner {
  display: flex;
  flex-wrap: wrap;
  height: 600px;
  justify-content: space-between;
  line-height: 25px;
  margin: 0 auto;
  padding: 80px 30px 45px 0;
  position: relative;
  width: 1170px;
}
@media screen and (max-width: 768px) {
  .footer-inner {
    height: auto;
    line-height: calc(25 / 4.8 * 1vw);
    padding: calc(10 / 4.8 * 1vw) calc(30 / 4.8 * 1vw) 0;
    width: auto;
  }
}
.footer-inner .__auth {
  margin: 0 auto 0 0;
  width: 360px;
}
@media screen and (max-width: 768px) {
  .footer-inner .__auth {
    width: 100%;
  }
}
.footer-inner .__auth .-company-name {
  font-size: 26px;
  font-weight: 700;
  line-height: 46px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .footer-inner .__auth .-company-name {
    font-size: calc(24 / 4.8 * 1vw);
    line-height: calc(46 / 4.8 * 1vw);
    margin-bottom: 0;
  }
}
.footer-inner .__auth .-company-adrs {
  font-style: normal;
  line-height: 28px;
}

.bannerlink{width:40%;}
.bannerlink img{width:100%; margin:15px 0}
@media screen and (max-width: 768px) {
  .footer-inner .__auth .-company-adrs {
    font-size: calc(15 / 4.8 * 1vw);
    line-height: calc(26 / 4.8 * 1vw);
  }
  .bannerlink{width:30%;}
.bannerlink img{width:100%; margin:15px 0}
}
.footer-inner .__link {
  display: flex;
  flex: 1;
  justify-content: space-between;
}
.footer-inner .__link-inner {
  display: flex;
  flex-direction: column;
  font-size: 13px;
  font-feature-settings: "palt" 1;
}
.footer-inner .__link-inner a:hover {
  opacity: .7;
}
.footer-inner .__link-inner.inr01 li {
  margin: 0 0 10px;
}
.footer-inner .__link-inner.inr02 {
  margin: 0 0 0 auto;
}
.footer-inner .__link-inner.inr03 {
  margin: 0 10px 0 0;
}
.footer-inner .__top-categoly-list li {
  font-weight: 500;
}
.footer-inner .__sub-categoly-list li {
  padding-left: 1em;
}
.footer-inner .__copy {
  font-size: 14px;
  margin-top: 10px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .footer-inner .__copy {
    font-size: calc(12 / 4.8 * 1vw);
    line-height: 1;
    margin-top: calc(-16 / 4.8 * 1vw);
  }
}

/* contents
---------------------------------------------------------------------------- */
/* common */
main {
  padding-top: 90px;
}
@media screen and (max-width: 768px) {
  main {
    padding-top: calc(58 / 4.8 * 1vw);
  }
}

main .Common-inner {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: 1170px;
}
@media screen and (max-width: 768px) {
  main .Common-inner {
    padding: 0 calc(18 / 4.8 * 1vw);
    width: 100%;
  }
}
main .Common-innerm {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: 800px;
}
@media screen and (max-width: 768px) {
  main .Common-innerm {
    padding: 0 calc(18 / 4.8 * 1vw);
    width: 100%;
  }
}

main .Common-2col {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
main .Common-2col .__Common-2col-inner {
  width: 570px;
}
@media screen and (max-width: 768px) {
  main .Common-2col .__Common-2col-inner {
    width: 100%;
  }
}
main .Common-2col .__Common-2col-inner.-tight-pc470 {
  width: 470px;
}
@media screen and (max-width: 768px) {
  main .Common-2col .__Common-2col-inner.-tight-pc470 {
    width: 100%;
  }
}

main .Common-3col {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  main .Common-3col {
    justify-content: space-between;
  }
}
main .Common-3col .__Common-3col-inner {
  margin: 0 27px;
  width: 284px;
}
@media screen and (max-width: 768px) {
  main .Common-3col .__Common-3col-inner {
    margin: 0;
    width: calc(212 / 4.8 * 1vw);
  }
}

/* パンくず */
main .Bread-clumb ul {
  align-items: center;
  display: flex;
  padding: 25px 0;
}
main .Bread-clumb ul li {
  color: #a6a6a6;
  font-size: 20px;
}
main .Bread-clumb ul li a::after {
  content: "＞";
  padding: 0 .5em;
}

/* 適用シーン */
main .Common-scene-block {
  background: #e9e9e9;
  padding: 35px 0;
}
@media screen and (max-width: 768px) {
  main .Common-scene-block {
    padding: 30px 0;
  }
}
main .Common-scene-block .__scene-title {
  color: #0050ff;
  font-size: 40px;
  font-weight: 900;
  width: 100%;
}
@media screen and (max-width: 768px) {
  main .Common-scene-block .__scene-title {
    font-size: calc(40 / 4.8 * 1vw);
  }
}
main .Common-scene-block .__scene-txt {
  font-size: 15px;
  line-height: 24px;
  margin-bottom: .5em;
  width: 100%;
}
@media screen and (max-width: 768px) {
  main .Common-scene-block .__scene-txt {
    font-size: calc(15 / 4.8 * 1vw);
    line-height: calc(24 / 4.8 * 1vw);
  }
}

/* 導入事例 */
main .Common-case-block .__case-title {
  color: #0050ff;
  line-height: 1;
  padding: 40px 0 20px;
}
@media screen and (max-width: 768px) {
  main .Common-case-block .__case-title {
    background: #1d2082;
    color: #fff;
    margin: calc(30 / 4.8 * 1vw) 0 calc(20 / 4.8 * 1vw);
    padding: calc(10 / 4.8 * 1vw) 0;
  }
}
main .Common-case-block .__case-title span {
  display: block;
  font-size: 40px;
  font-weight: 900;
  margin: 0 auto;
  width: 1170px;
}
@media screen and (max-width: 768px) {
  main .Common-case-block .__case-title span {
    font-size: calc(43 / 4.8 * 1vw);
    text-align: center;
    width: auto;
  }
}
main .Common-case-block .__cont-box {
  display: flex;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  main .Common-case-block .__cont-box {
    margin-bottom: calc(10 / 4.8 * 1vw);
  }
}
main .Common-case-block .__cont-box figure {
  height: 145px;
  margin-right: 20px;
  width: 227px;
}
main .Common-case-block .__cont-box figure img {
  height: 145px;
  object-fit: cover;
  width: 227px;
}

main .Common-case-block .__cont-box .__txt-box {
  flex: 1;
  padding-top: 16px;
}
main .Common-case-block .__cont-box .__txt-box h3 {
  color: #0050ff;
  font-size: 21px;
  font-weight: 900;
  margin-bottom: 6px;
}
@media screen and (max-width: 768px) {
  main .Common-case-block .__cont-box .__txt-box h3 {
    font-size: calc(30 / 4.8 * 1vw);
    margin: calc(10 / 4.8 * 1vw) 0;
  }
}
main .Common-case-block .__cont-box .__txt-box .__prd-name {
  font-size: 110%;
  font-weight: 900;
}
@media screen and (max-width: 768px) {
  main .Common-case-block .__cont-box .__txt-box .__prd-name {
    font-size: 80%;
    letter-spacing: -.05em;
  }
}
main .Common-case-block .__cont-box .__txt-box .__txt {
  background: #ff8000;
  border-radius: 4px;
  align-items: center;
  display: flex;
  justify-content: center;
  color: #fff;
  font-size: 10px;
  height: 27px;
  width: 140px;
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  main .Common-case-block .__cont-box .__txt-box .__txt {
    width: calc(240/ 4.8 * 1vw);
    font-size: calc(24 / 4.8 * 1vw);
    line-height: calc(42 / 4.8 * 1vw);
    height: calc(42 / 4.8 * 1vw);
    margin: calc(20 / 4.8 * 1vw) auto 0;
  }
}

/* asideリンク */
main aside .Common-link-box {
  display: flex;
  justify-content: space-between;
  padding: 70px 0 80px;
}
@media screen and (max-width: 768px) {
  main aside .Common-link-box {
    padding: 0 0 calc(20 / 4.8 * 1vw);
  }
}
main aside .Common-link-box .__link {
  align-items: center;
  color: #fff;
  display: flex;
  font-weight: 900;
  justify-content: center;
  height: 68px;
  width: 368px;
}
@media screen and (max-width: 768px) {
  main aside .Common-link-box .__link {
    height: calc(78 / 4.8 * 1vw);
    margin: 0 auto;
    width: calc(400 / 4.8 * 1vw);
  }
}
main aside .Common-link-box .__link.-link01 {
  background: #1d2082;
  font-size: 20px;
}
main aside .Common-link-box .__link.-link02 {
  background: #ff8000;
  border-radius: 8px;
  font-size: 20px;
}

main aside .Common-link-box02 {
  display: flex;
  justify-content: space-between;
  padding: 0 106px;
}
@media screen and (max-width: 768px) {
  main aside .Common-link-box02 {
    flex-direction: column;
    padding: calc(16 / 4.8 * 1vw) calc(4 / 4.8 * 1vw);
  }
}
main aside .Common-link-box02 .__link {
  align-items: center;
  color: #fff;
  font-size: 43px;
  font-weight: 900;
  display: flex;
  justify-content: center;
  line-height: 1.25;
  height: 184px;
  width: 468px;
}
@media screen and (max-width: 768px) {
  main aside .Common-link-box02 .__link {
    font-size: calc(38 / 4.8 * 1vw);
    height: calc(116 / 4.8 * 1vw);
    margin: calc(15 / 4.8 * 1vw) 0;
    width: auto;
  }
}
main aside .Common-link-box02 .__link.-link01 {
  background: url("/wp-content/themes/cotech/images/aircasterlist/link_bg01.jpg") center center/cover no-repeat;
}
main aside .Common-link-box02 .__link.-link02 {
  background: url("/wp-content/themes/cotech/images/aircasterlist/link_bg02.jpg") center center/cover no-repeat;
}
main aside .Common-link-box02 .__link span {
  display: block;
  font-size: 30px;
  font-family: urw-din-condensed, sans-serif;
  text-align: center;
}
@media screen and (max-width: 768px) {
  main aside .Common-link-box02 .__link span {
    font-size: calc(26 / 4.8 * 1vw);
  }
}

main aside .Common-link-box03 {
  display: flex;
  justify-content: space-between;
  padding: 40px 0 160px;
}
@media screen and (max-width: 768px) {
  main aside .Common-link-box03 {
    flex-direction: column;
    padding: calc(20 / 4.8 * 1vw) 0 calc(30 / 4.8 * 1vw);
  }
}
main aside .Common-link-box03.-col2 {
  justify-content: center;
}
main aside .Common-link-box03.-col2 .__link {
  margin: 0 105px;
}
@media screen and (max-width: 768px) {
  main aside .Common-link-box03.-col2 .__link {
    margin: 0 0 calc(15 / 4.8 * 1vw);
  }
}
main aside .Common-link-box03 .__link {
  align-items: center;
  background: #ff8000;
  border-radius: 8px;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 32px;
  font-weight: 900;
  line-height: 1;
  height: 90px;
  width: 370px;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  main aside .Common-link-box03 .__link {
    font-size: calc(32 / 4.8 * 1vw);
    height: calc(90 / 4.8 * 1vw);
    margin: 0 0 calc(15 / 4.8 * 1vw);
    width: 100%;
  }
}
main aside .Common-link-box03 .__link span {
  display: block;
  font-size: 24px;
  margin-top: 6px;
}
@media screen and (max-width: 768px) {
  main aside .Common-link-box03 .__link span {
    font-size: calc(24 / 4.8 * 1vw);
    margin-top: calc(6 / 4.8 * 1vw);
  }
}

/* ボタン */


@media screen and (min-width: 769px) {
  .Common-btn-link-s{
    width:30%;
    margin:30px auto 0;
    border: 1px solid #fff;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 900;
    line-height: 40px;
    text-align: center;
    background:#ff8000;
}
  .Common-btn-link {
    border: 1px solid #fff;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 900;
    line-height: 40px;
    text-align: center;
  }
  
}
.Common-btn-link-s:hover{
  background:#fff;
  color:#ff8000;
}
@media screen and (max-width: 768px) {
  .Common-btn-link-s{
    width:90%;
    margin:0 auto 40px;
    border: 1px solid #fff;
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 900;
    line-height: 40px;
    text-align: center;
    background:#ff8000;
}
  .Common-btn-link {
    align-items: center;
    display: flex;
    font-size: calc(18 / 4.8 * 1vw);
    font-weight: 500;
    justify-content: center;
    height: calc(54 / 4.8 * 1vw);
    flex: 1;
    margin-top: calc(6 / 4.8 * 1vw);
    position: relative;
    z-index: 1;
  }
  .Common-btn-link::before, .Common-btn-link::after {
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
  }
  .Common-btn-link::before {
    background: #fff;
    border: 1px solid #aaa;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .Common-btn-link::after {
    background: #aaa;
    content: "";
    top: calc(6 / 4.8 * 1vw);
    left: calc(5 / 4.8 * 1vw);
    z-index: -2;
  }
  .Common-btn-link.-size01 {
    flex: none;
    height: calc(40 / 4.8 * 1vw);
    margin: calc(10 / 4.8 * 1vw) auto calc(30 / 4.8 * 1vw);
    width: calc(400 / 4.8 * 1vw);
  }
  .Common-btn-link.-size02 {
    flex: none;
    font-size: calc(20 / 4.8 * 1vw);
    height: calc(50 / 4.8 * 1vw);
    margin-bottom: calc(30 / 4.8 * 1vw);
    width: 100%;
  }
}
/* main catch block */
main .catch {
  color: #fff;
  display: flex;
  justify-content: center;
  width: 100%;
  /* main catch text */
}
main .catch.-bg-top {
  align-items: center;
  background: url("/wp-content/themes/cotech/images/main_catch_top_bg.webp") center center/cover no-repeat;
  height: 386px;
}
@media screen and (max-width: 768px) {
  main .catch.-bg-top {
    background: url("/wp-content/themes/cotech/images/main_catch_top_bg_sp.webp") center center/cover no-repeat;
    height: calc(204 / 4.8 * 1vw);
  }
}
main .catch.-bg-sub {
  background: url("/wp-content/themes/cotech/images/main_catch_sub_bg.webp") center center/cover no-repeat;
  align-items: flex-start;
  flex-direction: column;
  flex-wrap: wrap;
  height: 320px;
}
@media screen and (max-width: 768px) {
  main .catch.-bg-sub {
    height: auto;
    padding: 0 calc(12 / 4.8 * 1vw);
  }
  main .catch.-bg-sub.-sp-bg01 {
    background: url("/wp-content/themes/cotech/images/main_catch_sub_bg01_sp.webp") center top/cover no-repeat;
    min-height: calc(380 / 4.8 * 1vw);
  }
  main .catch.-bg-sub.-sp-bg02 {
    background: url("/wp-content/themes/cotech/images/main_catch_sub_bg02_sp.webp") center top/cover no-repeat;
    min-height: calc(234 / 4.8 * 1vw);
  }
  main .catch.-bg-sub.-sp-bg03 {
    background: #1d2082 url("/wp-content/themes/cotech/images/main_catch_sub_bg03_sp.webp") center top calc(56 / 4.8 * 1vw)/cover no-repeat;
    min-height: calc(192 / 4.8 * 1vw);
  }
}
main .catch.-bg-sub.sub05 {
  align-items: center;
  background: url("/wp-content/themes/cotech/images/main_catch_sub_bg05.webp") center center/cover no-repeat;
  height: 350px;
}
main .catch.-bg-sub.sub06 {
  align-items: center;
  background: url("/wp-content/themes/cotech/images/main_catch_sub_bg06.webp") center center/cover no-repeat;
  height: 350px;
}
main .catch.-bg-sub.sub07 {
  align-items: center;
  background: url("/wp-content/themes/cotech/images/main_catch_sub_bg07.webp") center center/cover no-repeat;
  height: 350px;
}
main .catch.-bg-sub.sub08 {
  align-items: center;
  background: url("/wp-content/themes/cotech/images/main_catch_sub_bg08.webp") center center/cover no-repeat;
  height: 160px;
}
main .catch.-bg-sub.sub09 {
  align-items: center;
  background: url("/wp-content/themes/cotech/images/main_catch_sub_bg09.webp") center center/cover no-repeat;
  height: 350px;
}
main .catch.-bg-sub.sub10 {
  align-items: center;
  background: url("/wp-content/themes/cotech/images/main_catch_sub_bg10.webp") center center/cover no-repeat;
  height: 160px;
}
main .catch.-bg-contact {
  align-items: center;
  background: url("/wp-content/themes/cotech/images/main_catch_contact_bg.webp") center center/cover no-repeat;
  height: 450px;
}
@media screen and (max-width: 768px) {
  main .catch.-bg-contact {
    background: url("/wp-content/themes/cotech/images/main_catch_contact_bg_sp.webp") center center/cover no-repeat;
    height: auto;
    min-height: calc(163 / 4.8 * 1vw);
  }
  main .catch.-bg-sub.sub10 {
    align-items: center;
    background: url("/wp-content/themes/cotech/images/main_catch_sub_bg10b.webp") center center/cover no-repeat;
    height: 160px;
  }
}
main .catch.-bg-none {
  height: 94px;
  background: #1d2082;
}
@media screen and (max-width: 768px) {
  main .catch.-bg-none {
    height: calc(56 / 4.8 * 1vw);
  }
}
main .catch .__cate-title {
  align-items: center;
  display: flex;
  font-size: 42px;
  font-weight: 700;
  justify-content: center;
  min-width: 1170px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  main .catch .__cate-title {
    font-size: calc(30 / 4.8 * 1vw);
    height: calc(56 / 4.8 * 1vw);
    min-width: 0;
  }
}
main .catch .__cate-title.-non-letter-space {
  letter-spacing: 0;
}
main .catch .__catch-title {
  display: block;
  text-align: center;
}
main .catch .__catch-title.-top {
  font-size: 50px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 40px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  main .catch .__catch-title.-top {
    font-size: calc(40 / 4.8 * 1vw);
    margin-bottom: calc(20 / 4.8 * 1vw);
  }
}
main .catch .__catch-title.-top .-fs-small {
  font-size: 30px;
}
@media screen and (max-width: 768px) {
  main .catch .__catch-title.-top .-fs-small {
    font-size: calc(20 / 4.8 * 1vw);
  }
}
main .catch .__catch-title.-top .-fs-small.-lower {
  display: block;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  main .catch .__catch-title.-top .-fs-small.-lower {
    margin-top: calc(12 / 4.8 * 1vw);
  }
}
main .catch .__catch-title.-sub {
  font-size: 42px;
  line-height: 120px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  main .catch .__catch-title.-sub {
    font-size: calc(40 / 4.8 * 1vw);
    line-height: 1.5;
    padding: calc(20 / 4.8 * 1vw) 0 calc(16 / 4.8 * 1vw);
    text-align: center;
  }
}
main .catch .-sub-aircasterlist {
  font-size: 320%;
  line-height: 120px;
  text-align:center;
}
 main .catch .__catch-title.-sub-phlist {
  font-size: 320%;
  line-height: 120px;
}
main .catch .__catch-title.-sub-aircasterlist .-lower, main .catch .__catch-title.-sub-phlist .-lower {
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  main .catch .-sub-aircasterlist{
    font-size: 200%;
    line-height: 20px;
    line-height: calc(54 / 4.8 * 1vw);
  }
  main .catch .__catch-title.-sub-phlist {
    font-size: calc(45 / 4.8 * 1vw);
    line-height: calc(54 / 4.8 * 1vw);
  }
  main .catch .__catch-title.-sub-aircasterlist .-lower, main .catch .__catch-title.-sub-phlist .-lower {
    display: block;
    font-size: calc(31 / 4.8 * 1vw);
    padding: 0;
  }
}
main .catch .__catch-title.-sub-aircaster, main .catch .__catch-title.-sub-gapmaster {
  font-size: 61px;
  line-height: 1.25;
}
@media screen and (max-width: 768px) {
  main .catch .__catch-title.-sub-aircaster, main .catch .__catch-title.-sub-gapmaster {
    font-size: calc(45 / 4.8 * 1vw);
  }
}
main .catch .__catch-title.-sub-aircaster .-upper, main .catch .__catch-title.-sub-gapmaster .-upper {
  display: block;
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  main .catch .__catch-title.-sub-aircaster .-upper, main .catch .__catch-title.-sub-gapmaster .-upper {
    font-size: calc(23 / 4.8 * 1vw);
  }
}
main .catch .__catch-title.-sub-casestudy {
  font-size: 350%;
  line-height: 70px;
}
@media screen and (max-width: 768px) {
  main .catch .__catch-title.-sub-casestudy {
    font-size: calc(48 / 4.8 * 1vw);
    line-height: 1.25;
  }
}
main .catch .__catch-title.-sub-casestudy .-upper {
  display: block;
}
@media screen and (max-width: 768px) {
  main .catch .__catch-title.-sub-casestudy .-upper {
    font-size: calc(23 / 4.8 * 1vw);
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  main .catch .__catch-title.-sub-casestudy.-sp-sub {
    font-size: calc(31 / 4.8 * 1vw);
  }
}
main .catch .__catch-title.-sub-ph {
  font-size: 80px;
  line-height: 1.1;
}
@media screen and (max-width: 768px) {
  main .catch .__catch-title.-sub-ph {
    font-size: calc(45 / 4.8 * 1vw);
  }
}
main .catch .__catch-title.-sub-ph .-upper {
  display: block;
  font-size: 39px;
}
@media screen and (max-width: 768px) {
  main .catch .__catch-title.-sub-ph .-upper {
    font-size: calc(23 / 4.8 * 1vw);
  }
}
main .catch .__catch-title.-sub-ph .-lower {
  display: block;
  font-size: 35px;
}
@media screen and (max-width: 768px) {
  main .catch .__catch-title.-sub-ph .-lower {
    font-size: calc(22 / 4.8 * 1vw);
  }
}
main .catch .__catch-title.-sub-feature {
  font-size: 42px;
}
@media screen and (max-width: 768px) {
  main .catch .__catch-title.-sub-feature {
    font-size: calc(30 / 4.8 * 1vw);
  }
}
main .catch .__catch-sub-lead.-top {
  font-size: 110%;
  font-weight: 400;
  line-height:1.9em;
  text-align: left;
}
@media screen and (max-width: 768px) {
  main .catch .__catch-sub-lead.-top {
    font-size: calc(14 / 4.8 * 1vw);
    line-height:1.3em;
  }
}
main .catch .__catch-sub-lead.-sub {
  font-size: 100%;
  line-height: 33px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  main .catch .__catch-sub-lead.-sub {
    font-size: calc(18 / 4.8 * 1vw);
    line-height: calc(29 / 4.8 * 1vw);
    margin-top: calc(16 / 4.8 * 1vw);
    padding-left: 0;
  }
}
main .catch .__eng-txt {
  color: #a6a6a6;
  font-size: 91px;
  font-family: din-condensed, sans-serif;
  line-height: .7;
  padding-left: 100px;
}
@media screen and (max-width: 768px) {
  main .catch .__eng-txt {
    font-size: calc(58 / 4.8 * 1vw);
    letter-spacing: -.04em;
    padding: 0;
  }
}
main .catch .__eng-txt span {
  color: #ff8000;
  display: block;
  font-family: din-2014, sans-serif;
  font-size: 63px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  main .catch .__eng-txt span {
    font-size: calc(40 / 4.8 * 1vw);
    letter-spacing: 0;
    padding-bottom: calc(10 / 4.8 * 1vw);
  }
}
main .catch .__btn-area {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin: 30px auto 0;
  row-gap: 10px;
  width: 1170px;
}
main .catch .__btn-area.jc-sb {
  justify-content: space-between;
}
main .catch .__btn-area.jc-c {
  justify-content: center;
  column-gap: 30px;
}
main .catch .__btn-area.-fc-blue {
  color: #1d2082;
}
main .catch .__btn-area .-btn {
  align-items: center;
  background: #ff8000;
  border-radius: 8px;
  display: flex;
  font-weight: 700;
  font-size: 21px;
  justify-content: center;
}
main .catch .__btn-area .-btn.-btn-1col {
  font-size: 23px;
  height: 68px;
  margin: 40px 15px 0;
  width: 370px;
}
main .catch .__btn-area .-btn.-btn-2col {
  height: 47px;
  margin: 20px 15px 0;
  width: 370px;
}
main .catch .__btn-area .-btn.-btn-3col {
  height: 42px;
  width: 370px;
  font-feature-settings: "palt" 1;
  font-size: 26px;
}
main .catch .__btn-area .-btn.-btn-3col.fs-s {
  font-size: 150%;
  letter-spacing: -0.1em;
}
main .catch .__btn-area .-btn.-btn-3col-dmy {
  display: block;
  font-size: 0;
  height: 0;
  width: 370px;
  visibility: hidden;
}
main .catch .__btn-area .-btn.-btn-4col {
  height: 42px;
  width: 267px;
  font-feature-settings: "palt" 1;
}
main .catch .__btn-area .-btn.-btn-4col.fs-s {
  font-size: 17px;
  letter-spacing: -0.15em;
}
main .catch .__btn-area .-btn.-btn-4col.tall {
  margin-top: 40px;
  height: 97px;
  flex-direction: column;
  font-size: 23px;
}
main .catch .__btn-area .-btn.-btn-4col.tall span {
  font-size: 21px;
}
main .catch .__sub-label.-contact {
  color: #ff8000;
  font-size: 60px;
  font-weight: 700;
  font-family: urw-din-condensed, sans-serif;
  text-align: center;
}
@media screen and (max-width: 768px) {
  main .catch .__sub-label.-contact {
    line-height: 1;
    font-size: calc(50 / 4.8 * 1vw);
  }
}
main .catch .__catch-title.-contact {
  font-size: 60px;
  letter-spacing: .1em;
  margin: 0;
}
@media screen and (max-width: 768px) {
  main .catch .__catch-title.-contact {
    line-height: 1.25;
    font-size: calc(60 / 4.8 * 1vw);
  }
}
main .catch .__catch-sub-lead.-contact {
  font-size: 18px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  main .catch .__catch-sub-lead.-contact {
    line-height: 1;
    font-size: calc(15 / 4.8 * 1vw);
  }
}

/* /main catch block */
/* main sp-btn（メインキャッチ下） */
main .Sp-btn-area {
  padding: calc(20 / 4.8 * 1vw) calc(50 / 4.8 * 1vw) 0;
}
main .Sp-btn-area .-sp-btn {
  align-items: center;
  background: #ff8000;
  border-radius: calc(8 / 4.8 * 1vw);
  color: #1d2082;
  display: flex;
  font-weight: 700;
  font-size: calc(26 / 4.8 * 1vw);
  height: calc(68 / 4.8 * 1vw);
  justify-content: center;
  margin-bottom: calc(20 / 4.8 * 1vw);
  width: 100%;
}
main .Sp-btn-area .-sp-btn.-fs-large {
  font-size: calc(28 / 4.8 * 1vw);
  letter-spacing: -.04em;
}
main .Sp-btn-area .-sp-btn span {
  font-size: calc(23 / 4.8 * 1vw);
}
main .Sp-btn-area .-sp-btn.fs-s {
  font-size: calc(22 / 4.8 * 1vw);
  letter-spacing: -0.06em;
}
main .Sp-btn-area2 {
  padding: calc(20 / 4.8 * 1vw) calc(50 / 4.8 * 1vw) 0;
  display:flex;
  flex-wrap: wrap;
}
main .Sp-btn-area2 .-sp-btn {
  padding-top:7px;
  background: #ff8000;
  border-radius: calc(8 / 4.8 * 1vw);
  color: #fff;
  text-align:center;
  font-weight: 700;
  font-size: 100%;
  height: calc(68 / 4.8 * 1vw);
  margin-bottom: calc(20 / 4.8 * 1vw);
  width: 49%;
  margin-right:1%;
}
main .Sp-btn-area2 .-sp-btn.-fs-large {
  font-size: 110%%;
  letter-spacing: -.04em;
}
main .Sp-btn-area2 .-sp-btn span {
  font-size: 80%;
}
main .Sp-btn-area2 .-sp-btn.fs-s {
  font-size:75%;
  letter-spacing: -0.06em;
}

/* top page */
main.top {
  background: #e9e9e9;
}
main.top .title-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  main.top .title-wrap {
    margin-bottom: calc(25 / 4.8 * 1vw);
    padding-left: calc(20 / 4.8 * 1vw);
  }
}
main.top .title-wrap .__title {
  color: #0050ff;
  display: flex;
  flex-direction: column;
  font-size: 36px;
  line-height: 1.15;
}
@media screen and (max-width: 768px) {
  main.top .title-wrap .__title {
    font-size: calc(57 / 4.8 * 1vw);
    margin-right: calc(10 / 4.8 * 1vw);
  }
}
main.top .title-wrap .__title::after {
  background: #0050ff;
  content: "";
  display: block;
  height: 4px;
  margin-top: 4px;
  width: 68px;
}
@media screen and (max-width: 768px) {
  main.top .title-wrap .__title::after {
    height: calc(4 / 4.8 * 1vw);
    width: calc(68 / 4.8 * 1vw);
  }
}
main.top .title-wrap .__title.-w {
  color: #fff;
}
main.top .title-wrap .__title.-w::after {
  background: #fff;
}
main.top .link-btn-wrap {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  width: 1170px;
}
@media screen and (max-width: 768px) {
  main.top .link-btn-wrap {
    padding: 0 calc(15 / 4.8 * 1vw);
    width: 100%;
  }
}
main.top .link-btn-wrap a {
  align-items: center;
  color: #fff;
  display: flex;
  justify-content: center;
  border-radius: 10px;
  font-size: 20px;
  font-weight: 700;
  height: 68px;
  width: 370px;
}
@media screen and (max-width: 768px) {
  main.top .link-btn-wrap a {
    font-size: calc(18 / 4.8 * 1vw);
    height: calc(68 / 4.8 * 1vw);
    width: calc(50% - calc(7 / 4.8 * 1vw));
  }
}
main.top .link-btn-wrap a.contact {
  background: #0050ff;
}
main.top .link-btn-wrap a.panf {
  background: #00cd85;
}
main.top .block01 {
  padding: 50px 0;
}
@media screen and (max-width: 768px) {
  main.top .block01 {
    padding: calc(20 / 4.8 * 1vw) 0 0;
  }
}
main.top .block01 .__cont-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  main.top .block01 .__cont-wrap {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: calc(5 / 4.8 * 1vw);
  }
}
main.top .block01 .__cont-box {
  background: #fff;
  display: flex;
  flex-direction: column;
  width: 370px;
}
@media screen and (max-width: 768px) {
  main.top .block01 .__cont-box {
    flex-direction: row;
    width: auto;
  }
  main.top .block01 .__cont-box figure img {
    height: calc(150 / 4.8 * 1vw);
    object-fit: cover;
    object-position: 50% 35%;
    width: calc(240 / 4.8 * 1vw);
  }
}
main.top .block01 .__cont-box .__txt-box {
  padding: 25px 0 25px 15px;
}
@media screen and (max-width: 768px) {
  main.top .block01 .__cont-box .__txt-box {
    padding: calc(10 / 4.8 * 1vw) calc(10 / 4.8 * 1vw) 0;
    flex: 1;
  }
}
main.top .block01 .__cont-box .__txt-box h3 {
  color: #ff8000;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
}
@media screen and (max-width: 768px) {
  main.top .block01 .__cont-box .__txt-box h3 {
    font-size: calc(20 / 4.8 * 1vw);
  }
}
main.top .block01 .__cont-box .__txt-box ul {
  display: flex;
  flex-wrap: wrap;
}
main.top .block01 .__cont-box .__txt-box ul.fx-c {
  justify-content: center;
}
@media screen and (max-width: 768px) {
  main.top .block01 .__cont-box .__txt-box ul.fx-c {
    justify-content: flex-start;
  }
}
main.top .block01 .__cont-box .__txt-box ul li {
  display: block;
  font-size: 12px;
  line-height: 18px;
  margin: 12px 16px 0 0;
}
@media screen and (max-width: 768px) {
  main.top .block01 .__cont-box .__txt-box ul li {
    font-size: calc(15 / 4.8 * 1vw);
    line-height: calc(24 / 4.8 * 1vw);
    margin-top: calc(6 / 4.8 * 1vw);
  }
}
main.top .block01 .__cont-box .__txt-box ul li.nm {
  margin-right: 0;
}
main.top .block01 .__cont-box .__txt-box ul li.mr50 {
  margin: 12px 50px 0 0;
}
main.top .block01 .spl-inner {
  background: #fff;
  margin: 0 auto;
  width: 1170px;
  /* PC setting */
  /* SP setting */
}
@media screen and (max-width: 768px) {
  main.top .block01 .spl-inner {
    padding-bottom: calc(5 / 4.8 * 1vw);
    width: 100%;
  }
}
main.top .block01 .spl-inner h3 {
  background: #0050ff;
  color: #fff;
  font-size: 27px;
  font-weight: 900;
  line-height: 56px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  main.top .block01 .spl-inner h3 {
    font-size: calc(38 / 4.8 * 1vw);
    line-height: calc(70 / 4.8 * 1vw);
    margin-bottom: calc(20 / 4.8 * 1vw);
  }
}
@media screen and (min-width: 769px) {
  main.top .block01 .spl-inner .table-box {
    padding: 30px 35px;
  }
  main.top .block01 .spl-inner .table-box .inner {
    position: relative;
  }
  main.top .block01 .spl-inner .table-box .inner .link {
    left: 0;
    position: absolute;
    width: 320px;
  }
  main.top .block01 .spl-inner .table-box .inner .link .inner-link {
    position: relative;
    opacity: 0;
    transition: .3s ease;
    pointer-events: none;
  }
  main.top .block01 .spl-inner .table-box .inner .link .inner-link ul {
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
    padding: 15px;
    position: absolute;
    left: 310px;
    width: 100%;
  }
  main.top .block01 .spl-inner .table-box .inner .link .inner-link ul a {
    color: #fff;
    text-decoration: underline;
    font-size: 12px;
    font-weight: 500;
    align-items: center;
    display: flex;
  }
  main.top .block01 .spl-inner .table-box .inner .link .inner-link ul a figure {
    margin-right: 15px;
  }
  main.top .block01 .spl-inner .table-box .inner .link .inner-link ul a figure img {
    object-fit: cover;
    height: 46px;
    width: 60px;
  }
  main.top .block01 .spl-inner .table-box .inner .link.link01 {
    height: 247px;
    top: 68px;
  }
  main.top .block01 .spl-inner .table-box .inner .link.link01 .inner-link {
    top: 30px;
    width: 550px;
  }
  main.top .block01 .spl-inner .table-box .inner .link.link01 .inner-link ul{
    background: #ff8000;
  } 
  main.top .block01 .spl-inner .table-box .inner .link.link01 .inner-link ul li:nth-child(odd) {
    width: 250px;
  }
  main.top .block01 .spl-inner .table-box .inner .link.link01:hover {
    cursor: pointer;
  }
  main.top .block01 .spl-inner .table-box .inner .link.link01:hover .inner-link {
    pointer-events: all;
    opacity: 1;
  }
  main.top .block01 .spl-inner .table-box .inner .link.link02 {
    height: 173px;
    top: 317px;
  }
  main.top .block01 .spl-inner .table-box .inner .link.link02 .inner-link {
    top: 5px;
    width: 550px;
  }
  main.top .block01 .spl-inner .table-box .inner .link.link02 .inner-link ul {
    background: #0050ff;
  }
  main.top .block01 .spl-inner .table-box .inner .link.link02 .inner-link ul li:nth-child(odd) {
    width: 255px;
  }
  main.top .block01 .spl-inner .table-box .inner .link.link02:hover {
    cursor: pointer;
  }
  main.top .block01 .spl-inner .table-box .inner .link.link02:hover .inner-link {
    pointer-events: all;
    opacity: 1;
  }
  main.top .block01 .spl-inner .table-box .inner .link.link03 {
    height: 73px;
    top: 490px;
  }
  main.top .block01 .spl-inner .table-box .inner .link.link03 .inner-link {
    top: 5px;
    width: 260px;
  }
  main.top .block01 .spl-inner .table-box .inner .link.link03 .inner-link ul {
    background: #040000;
    flex-direction: column;
  }
  main.top .block01 .spl-inner .table-box .inner .link.link03:hover {
    cursor: pointer;
  }
  main.top .block01 .spl-inner .table-box .inner .link.link03:hover .inner-link {
    opacity: 1;
    pointer-events: all;
  }
  main.top .block01 .spl-inner .table-box .inner .link.link04 {
    height: 73px;
    top: 565px;
  }
  main.top .block01 .spl-inner .table-box .inner .link.link04 .inner-link {
    bottom: 120px;
    width: 300px;
  }
  main.top .block01 .spl-inner .table-box .inner .link.link04 .inner-link ul {
    background: #a5a5a5;
    flex-direction: column;
  }
  main.top .block01 .spl-inner .table-box .inner .link.link04:hover {
    cursor: pointer;
  }
  main.top .block01 .spl-inner .table-box .inner .link.link04:hover .inner-link {
    opacity: 1;
    pointer-events: all;
  }
}
@media screen and (max-width: 768px) {
  main.top .block01 .spl-inner .table-box-sp {
    padding: calc(15 / 4.8 * 1vw);
  }
  main.top .block01 .spl-inner .table-box-sp .cont-box {
    margin-bottom: calc(30 / 4.8 * 1vw);
  }
  main.top .block01 .spl-inner .table-box-sp .cont-box ul {
    display: none;
    margin-top: calc(5 / 4.8 * 1vw);
    padding: calc(15 / 4.8 * 1vw) calc(15 / 4.8 * 1vw) 1px;
  }
  main.top .block01 .spl-inner .table-box-sp .cont-box ul.link01 {
    background: #ff8000;
  }
  main.top .block01 .spl-inner .table-box-sp .cont-box ul.link02 {
    background: #0050ff;
  }
  main.top .block01 .spl-inner .table-box-sp .cont-box ul.link03 {
    background: #040000;
  }
  main.top .block01 .spl-inner .table-box-sp .cont-box ul.link04 {
    background: #a5a5a5;
  }
  main.top .block01 .spl-inner .table-box-sp .cont-box ul li {
    color: #fff;
    border-bottom: 1px solid #ccc;
    margin-bottom: calc(15 / 4.8 * 1vw);
    padding-bottom: calc(15 / 4.8 * 1vw);
    width: 100%;
  }
  main.top .block01 .spl-inner .table-box-sp .cont-box ul li a {
    align-items: center;
    display: flex;
    width: 100%;
    font-size: calc(13 / 4.8 * 1vw);
    font-weight: 700;
  }
  main.top .block01 .spl-inner .table-box-sp .cont-box ul li a figure {
    margin-right: calc(14 / 4.8 * 1vw);
    width: calc(60 / 4.8 * 1vw);
    height: auto;
  }
  main.top .block01 .spl-inner .table-box-sp .cont-box ul li:last-child {
    border: none;
    padding-bottom: 0;
  }
}
main.top .block01 .link-btn-wrap {
  padding: 45px 0 25px;
}
@media screen and (max-width: 768px) {
  main.top .block01 .link-btn-wrap {
    padding: calc(30 / 4.8 * 1vw) calc(15 / 4.8 * 1vw);
    width: 100%;
  }
}
main.top .block02 {
  background: url("/wp-content/themes/cotech/images/top/block02_bg.jpg") center center/cover no-repeat;
  padding: 50px 0 0;
  min-height: 700px;
}
@media screen and (max-width: 768px) {
  main.top .block02 {
    background: none;
    padding: 0;
    min-height: 0;
  }
}
main.top .block02 .spl-inner {
  margin: 0 auto;
  width: 1170px;
}
@media screen and (max-width: 768px) {
  main.top .block02 .spl-inner {
    width: 100%;
  }
  main.top .block02 .spl-inner .title-wrap {
    background: url("/wp-content/themes/cotech/images/top/block02_bg_sp.jpg") center center/cover no-repeat;
    padding: calc(20 / 4.8 * 1vw) calc(36 / 4.8 * 1vw);
    margin-bottom: 0;
  }
}
main.top .block02 .spl-inner .__sub-lead {
  color: #fff;
  font-size: 20px;
  line-height: 33px;
  margin-bottom: 24px;
}
@media screen and (max-width: 768px) {
  main.top .block02 .spl-inner .__sub-lead {
    padding: calc(16 / 4.8 * 1vw) calc(20 / 4.8 * 1vw);
    color: #000;
    font-size: calc(15 / 4.8 * 1vw);
    line-height: calc(24 / 4.8 * 1vw);
    margin-bottom: 0;
  }
}
main.top .block02 .spl-inner .__cont-wrap {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  main.top .block02 .spl-inner .__cont-wrap {
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 0 calc(20 / 4.8 * 1vw);
  }
}
main.top .block02 .spl-inner .__cont-wrap .__cont-box {
  width: 370px;
}
@media screen and (max-width: 768px) {
  main.top .block02 .spl-inner .__cont-wrap .__cont-box {
    width: 100%;
  }
}
main.top .block02 .spl-inner .__cont-wrap .__cont-box .box-outer {
  background: #fff;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 15px;
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
  main.top .block02 .spl-inner .__cont-wrap .__cont-box .box-outer {
    margin-bottom: calc(15 / 4.8 * 1vw);
    padding-bottom: calc(20 / 4.8 * 1vw);
  }
}
main.top .block02 .spl-inner .__cont-wrap .__cont-box .box-outer h3 {
  background: #ff8000;
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: 700;
  line-height: 34px;
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
}
main.top .block02 .spl-inner .__cont-wrap .__cont-box .box-outer .overp p {
  font-size: 85%;
  padding:0 15px;
}
@media screen and (max-width: 768px) {
  main.top .block02 .spl-inner .__cont-wrap .__cont-box .box-outer h3 {
    font-size: calc(23 / 4.8 * 1vw);
    line-height: calc(41 / 4.8 * 1vw);
  }
  main.top .block02 .spl-inner .__cont-wrap .__cont-box .box-outer .overp p {
    font-size: 85%;
    padding:15px 15px 0;
  }
}
main.top .block02 .spl-inner .__cont-wrap .__cont-box .box-outer .box-inner {
  margin: 0 15px;
  width: 150px;
}
@media screen and (max-width: 768px) {
  main.top .block02 .spl-inner .__cont-wrap .__cont-box .box-outer .box-inner {
    margin: 0 calc(17 / 4.8 * 1vw);
    width: calc(180 / 4.8 * 1vw);
  }
  main.top .block02 .spl-inner .__cont-wrap .__cont-box .box-outer .box-inner figure img {
    max-width: none;
    width: 100%;
  }
}
main.top .block02 .spl-inner .__cont-wrap .__cont-box .box-outer .box-inner h4 {
  color: #0050ff;
  font-size: 15px;
  font-weight: 700;
  line-height: 23px;
  height: 5em;
  margin-top: 10px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  main.top .block02 .spl-inner .__cont-wrap .__cont-box .box-outer .box-inner h4 {
    font-size: calc(15 / 4.8 * 1vw);
    margin-top: calc(15 / 4.8 * 1vw);
    line-height: calc(22 / 4.8 * 1vw);
    height: 3.5em;
    letter-spacing: -.08em;
  }
}
main.top .block02 .spl-inner .__cont-wrap .__cont-box .box-outer .box-inner p {
  font-size: 13px;
  margin-top:-18px;
}
@media screen and (max-width: 768px) {
  main.top .block02 .spl-inner .__cont-wrap .__cont-box .box-outer .box-inner p {
    font-size: 13px;
    margin-top:0;
  }
}
main.top .block02 .spl-inner .__cont-wrap .__cont-box.-narrow {
  width: 170px;
}
@media screen and (max-width: 768px) {
  main.top .block02 .spl-inner .__cont-wrap .__cont-box.-narrow {
    width: 100%;
  }
  main.top .block02 .spl-inner .__cont-wrap .__cont-box.-narrow .box-outer {
    margin: 0 auto calc(15 / 4.8 * 1vw);
    width: calc(180 / 4.8 * 1vw);
  }
}
main.top .block02 .spl-inner .__cont-wrap .__cont-box.-narrow .box-inner {
  margin: 0 10px;
}
@media screen and (min-width: 769px) {
  main.top .block02 .spl-inner .__cont-wrap .__cont-box .btn-link {
    align-items: center;
    border: 1px solid #fff;
    color: #fff;
    display: flex;
    font-size: 15px;
    font-weight: 700;
    height: 40px;
    justify-content: center;
  }
}
main.top .block03 {
  padding: 40px 0 50px;
}
@media screen and (max-width: 768px) {
  main.top .block03 {
    padding: 0 0 calc(30 / 4.8 * 1vw);
  }
}
main.top .block03 .__news-wrap {
  background: #fff;
  padding: 45px 100px;
  position: relative;
}
@media screen and (max-width: 768px) {
  main.top .block03 .__news-wrap {
    background: none;
    padding: 0 0 calc(20 / 4.8 * 1vw);
  }
}
main.top .block03 .__news-wrap .__btn-list {
  align-items: center;
  background: #ff8000;
  display: flex;
  flex-direction: column;
  height: 46px;
  justify-content: center;
  padding-top: 2px;
  width: 46px;
  position: absolute;
  top: -25px;
  right: 25px;
}
main.top .block03 .__news-wrap .__btn-list .__bar {
  background: #ff8000;
  border-top: 2px solid #fff;
  transition: .3s ease;
  line-height: 1;
  width: 26px;
}
main.top .block03 .__news-wrap .__btn-list .__bar::before, main.top .block03 .__news-wrap .__btn-list .__bar::after {
  border-top: 2px solid #fff;
  content: "";
  display: block;
  height: 0;
  margin-top: 4px;
  transition: .3s ease;
  width: 100%;
}
main.top .block03 .__news-wrap .__btn-list .__txt {
  color: #fff;
  font-family: din-2014, sans-serif;
  font-size: 14px;
  line-height: 1;
  margin-top: 4px;
}
main.top .block03 .__news-wrap dl {
  align-items: center;
  border-top: 1px solid #a0a0a0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 8px 0;
}
@media screen and (max-width: 768px) {
  main.top .block03 .__news-wrap dl {
    align-items: flex-start;
    padding: calc(8 / 4.8 * 1vw) 0;
  }
}
main.top .block03 .__news-wrap dl:last-child {
  border-bottom: 1px solid #a0a0a0;
}
main.top .block03 .__news-wrap dl dt {
  align-items: center;
  color: #787878;
  display: flex;
  font-family: din-2014, sans-serif;
  justify-content: space-between;
  font-size: 16px;
  line-height: 30px;
  width: 160px;
}
@media screen and (max-width: 768px) {
  main.top .block03 .__news-wrap dl dt {
    font-size: calc(15 / 4.8 * 1vw);
    line-height: calc(24 / 4.8 * 1vw);
    width: calc(110 / 4.8 * 1vw);
  }
}
main.top .block03 .__news-wrap dl dd {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  padding-left: 45px;
  flex: 1;
}
@media screen and (max-width: 768px) {
  main.top .block03 .__news-wrap dl dd {
    font-size: calc(15 / 4.8 * 1vw);
    padding-left: calc(16 / 4.8 * 1vw);
  }
}
main.top .block03 .__news-wrap dl dd p {
  flex: 1;
  padding-right: 20px;
}
.overtext{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;}
@media screen and (max-width: 768px) {
  main.top .block03 .__news-wrap dl dd p {
    padding-right: calc(16 / 4.8 * 1vw);
  }
}
main.top .block03 .__news-wrap .__label {
  background: #1d2082;
  color: #fff;
  font-size: 19px;
  font-family: din-condensed, sans-serif;
  line-height: 24px;
  text-align: center;
  width: 42px;
}
@media screen and (max-width: 768px) {
  main.top .block03 .__news-wrap .__label {
    font-size: calc(14 / 4.8 * 1vw);
    line-height: calc(22 / 4.8 * 1vw);
    width: calc(32 / 4.8 * 1vw);
  }
}
main.top .block03 .__news-wrap .__label.-info {
  background: #ff8000;
}
main.top .block03 .__news-wrap .__label.-blog {
  background: #1d2082;
}
main.top .block03 .__news-wrap .__label.-more {
  background: #1d2082;
  width: 72px;
}
@media screen and (max-width: 768px) {
  main.top .block03 .__news-wrap .__label.-more {
    width: calc(70 / 4.8 * 1vw);
  }
}
main.top .block03 .link-btn-wrap {
  padding: 100px 0 70px;
}
@media screen and (max-width: 768px) {
  main.top .block03 .link-btn-wrap {
    padding: calc(30 / 4.8 * 1vw) calc(15 / 4.8 * 1vw);
    width: 100%;
  }
}

/* advantage コーテックの強み */
main.advantage .Cont-wrap {
  display: flex;
  padding: 40px 0 80px;
}
@media screen and (max-width: 768px) {
  main.advantage .Cont-wrap {
    padding: 0 0 calc(30 / 4.8 * 1vw);
    flex-direction: column;
  }
}
main.advantage .Cont-wrap .__cont-txt {
  flex: 1;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  main.advantage .Cont-wrap .__cont-txt {
    padding-right: 0;
  }
}
main.advantage .Cont-wrap .__cont-txt ._cont-title {
  font-size: 36px;
  font-weight: 700;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  main.advantage .Cont-wrap .__cont-txt ._cont-title {
    font-size: calc(32 / 4.8 * 1vw);
    margin-top: calc(20 / 4.8 * 1vw);
  }
}
main.advantage .Cont-wrap .__cont-txt ._cont-title.-org {
  color: #ff8000;
}
.-blu{color: #0050ff;}
main.advantage .Cont-wrap .__cont-txt ._cont-title.-grn {
  color: #009000;
}
main.advantage .Cont-wrap .__cont-txt ._cont-title.-blu {
  color: #0050ff;
}
main.advantage .Cont-wrap .__cont-txt p {
  font-size: 15px;
  line-height: 25px;
}
@media screen and (max-width: 768px) {
  main.advantage .Cont-wrap .__cont-txt p {
    font-size: calc(15 / 4.8 * 1vw);
    line-height: calc(24 / 4.8 * 1vw);
  }
}
main.advantage .Cont-wrap .__cont-graph {
  background: #fff;
  display: block;
  height: 570px;
  padding-top: 40px;
  position: relative;
  width: 550px;
}
@media screen and (max-width: 768px) {
  main.advantage .Cont-wrap .__cont-graph {
    height: calc(432 / 4.8 * 1vw);
    padding-top: calc(20 / 4.8 * 1vw);
    width: 100%;
  }
}
main.advantage .Cont-wrap .__cont-graph .__graph {
  align-items: center;
  border-radius: 50%;
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 32px;
  font-weight: 700;
  height: 308px;
  justify-content: center;
  line-height: 1;
  position: absolute;
  text-align: center;
  width: 308px;
}
@media screen and (max-width: 768px) {
  main.advantage .Cont-wrap .__cont-graph .__graph {
    font-size: calc(26 / 4.8 * 1vw);
    height: calc(246 / 4.8 * 1vw);
    width: calc(246 / 4.8 * 1vw);
  }
}
main.advantage .Cont-wrap .__cont-graph .__graph span {
  display: block;
  font-family: din-2014, sans-serif;
  font-size: 21px;
  margin-top: 17px;
}
@media screen and (max-width: 768px) {
  main.advantage .Cont-wrap .__cont-graph .__graph span {
    font-size: calc(17 / 4.8 * 1vw);
    margin-top: calc(17 / 4.8 * 1vw);
  }
}
main.advantage .Cont-wrap .__cont-graph .__graph.-org {
  background: #ff8000;
  left: calc(50% - 154px);
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
  main.advantage .Cont-wrap .__cont-graph .__graph.-org {
    padding-bottom: calc(20 / 4.8 * 1vw);
    left: calc(50% - (123 / 4.8 * 1vw));
  }
}
main.advantage .Cont-wrap .__cont-graph .__graph.-grn {
  background: #009000;
  left: 0;
  bottom: 0;
  mix-blend-mode: multiply;
  padding-right: 20px;
}
@media screen and (max-width: 768px) {
  main.advantage .Cont-wrap .__cont-graph .__graph.-grn {
    padding-right: calc(20 / 4.8 * 1vw);
  }
}
main.advantage .Cont-wrap .__cont-graph .__graph.-blu {
  background: #1d2082;
  bottom: 0;
  right: 0;
  mix-blend-mode: multiply;
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  main.advantage .Cont-wrap .__cont-graph .__graph.-blu {
    padding-left: calc(20 / 4.8 * 1vw);
  }
}
main.advantage .cont-lower {
  font-feature-settings: "palt" 1;
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  main.advantage .cont-lower {
    padding-bottom: calc(50 / 4.8 * 1vw);
  }
}
main.advantage .cont-lower h3 {
  color: #0050ff;
  font-size: 36px;
  font-weight: 700;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  main.advantage .cont-lower h3 {
    font-size: calc(32 / 4.8 * 1vw);
    margin-bottom: calc(20 / 4.8 * 1vw);
  }
}
main.advantage .cont-lower .cont-box {
  padding-bottom: 30px;
}
@media screen and (max-width: 768px) {
  main.advantage .cont-lower .cont-box {
    padding-bottom: calc(30 / 4.8 * 1vw);
  }
}
main.advantage .cont-lower h4 {
  color: #0050ff;
  font-size: 27px;
  font-weight: 700;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  main.advantage .cont-lower h4 {
    font-size: calc(22 / 4.8 * 1vw);
    margin-bottom: calc(10 / 4.8 * 1vw);
  }
}
@media screen and (max-width: 768px) {
  main.advantage .cont-lower p {
    font-size: calc(15 / 4.8 * 1vw);
  }
}
main.advantage .cont-lower p.ind {
  text-indent: -1em;
  padding-left: 1em;
}

/* advantage 導入の流れ */
main.introduce .__cont-title {
  color: #0050ff;
  font-size: 37px;
  font-weight: 700;
  padding-top: 70px;
  width:100%;
}
@media screen and (max-width: 768px) {
  main.introduce .__cont-title {
    font-size: calc(32 / 4.8 * 1vw);
    line-height: calc(40 / 4.8 * 1vw);
    padding-top: calc(20 / 4.8 * 1vw);
    margin-bottom: calc(15 / 4.8 * 1vw);
  }
}
main.introduce .__cont-title.-tight {
  letter-spacing: -.09em;
}
main.introduce .__sub-lead {
  font-size: 15px;
  line-height: 25px;
  letter-spacing: -.015em;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  main.introduce .__sub-lead {
    font-size: calc(15 / 4.8 * 1vw);
    line-height: calc(24 / 4.8 * 1vw);
    margin-bottom: calc(20 / 4.8 * 1vw);
  }
}
main.introduce .__sub-lead.lower {
  letter-spacing: -.07em;
}
main.introduce .__sub-lead.lower span {
  color: #0050ff;
}
main.introduce .Cont-list {
  display: flex;
  flex-wrap: wrap;
  padding: .5em 0;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  main.introduce .Cont-list {
    margin-bottom: calc(20 / 4.8 * 1vw);
  }
}
main.introduce .Cont-list li {
  color: #0050ff;
  font-size: 24px;
  font-weight: 900;
  line-height: 50px;
}
main.introduce .Cont-list li:nth-child(odd) {
  width: 51%;
}
@media screen and (max-width: 768px) {
  main.introduce .Cont-list li:nth-child(odd) {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  main.introduce .Cont-list li {
    font-size: calc(21 / 4.8 * 1vw);
    line-height: calc(33 / 4.8 * 1vw);
    letter-spacing: -.12em;
    text-indent: -1em;
    padding-left: 1em;
  }
}
main.introduce .block01 {
  padding: 0 0 90px;
}
@media screen and (max-width: 768px) {
  main.introduce .block01 {
    padding: 0;
  }
}
main.introduce .block01 .Common-2col {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  main.introduce .block01 .Common-2col {
    margin-top: calc(30 / 4.8 * 1vw);
  }
  main.introduce .block01 .Common-2col .__Common-2col-inner {
    margin-bottom: calc(30 / 4.8 * 1vw);
  }
}
main.introduce .block01 .__head-lead {
  color: #0050ff;
  font-size: 27px;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 16px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  main.introduce .block01 .__head-lead {
    font-size: calc(20 / 4.8 * 1vw);
    margin-bottom: calc(12 / 4.8 * 1vw);
  }
}
main.introduce .block01 .__head-lead span {
  color: #ff8000;
}
main.introduce .block01 h3 {
  background: #0050ff;
  color: #fff;
  font-size: 29px;
  font-weight: 900;
  line-height: 60px;
  margin-bottom: 16px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  main.introduce .block01 h3 {
    font-size: calc(20 / 4.8 * 1vw);
    line-height: calc(44 / 4.8 * 1vw);
    margin-bottom: calc(12 / 4.8 * 1vw);
  }
}
main.introduce .block01 .__txt {
  font-size: 15px;
  line-height: 25px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  main.introduce .block01 .__txt {
    font-size: calc(15 / 4.8 * 1vw);
    line-height: calc(24 / 4.8 * 1vw);
    text-align: left;
  }
}
main.introduce .block01 .__txt.-arrow::after {
  background: linear-gradient(to top left, transparent 50%, #ff8000 50.5%) no-repeat top right/50% 100%, linear-gradient(to top right, transparent 50%, #ff8000 50.5%) no-repeat top left/50% 100%;
  content: "";
  display: block;
  margin: 20px auto 15px;
  height: 20px;
  width: 48px;
}
@media screen and (max-width: 768px) {
  main.introduce .block01 .__txt.-arrow::after {
    margin: calc(15 / 4.8 * 1vw) auto;
    height: calc(15 / 4.8 * 1vw);
    width: calc(36 / 4.8 * 1vw);
  }
}
main.introduce .block02 {
  background: #e9e9e9;
  padding: 0 0 70px;
}
@media screen and (max-width: 768px) {
  main.introduce .block02 {
    padding: 0;
  }
}
main.introduce .block02 .Cont-list li:nth-child(odd) {
  width: 28%;
}
@media screen and (max-width: 768px) {
  main.introduce .block02 .Cont-list li:nth-child(odd) {
    width: 100%;
  }
}

/* advantage 導入の流れ */
main.productinfo .block01, main.productinfo .block02, main.productinfo .block03, main.productinfo .block04 {
  background: linear-gradient(to bottom, #0050ff 0%, #0050ff 296px, transparent 296px, transparent 100%);
}
@media screen and (max-width: 768px) {
  main.productinfo .block01, main.productinfo .block02, main.productinfo .block03, main.productinfo .block04 {
    background: linear-gradient(to bottom, #0050ff 0%, #0050ff calc(136 / 4.8 * 1vw), transparent calc(136 / 4.8 * 1vw), transparent 100%);
    padding-bottom: calc(30 / 4.8 * 1vw);
  }
}
main.productinfo .__cont-outer {
  background: url("/wp-content/themes/cotech/images/productinfo/cont_bg.png") center top/cover no-repeat;
  padding-top: 70px;
}
@media screen and (max-width: 768px) {
  main.productinfo .__cont-outer {
    background: none;
    padding-top: calc(24 / 4.8 * 1vw);
  }
}
main.productinfo .__cont-title {
  color: #fff;
  font-size: 58px;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  main.productinfo .__cont-title {
    font-size: calc(32 / 4.8 * 1vw);
    margin-top:-50px;
    margin-bottom: calc(20 / 4.8 * 1vw);
  }
}
main.productinfo .sub-lead {
  align-items: center;
  display: flex;
  justify-content: center;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  main.productinfo .sub-lead {
    font-size: calc(20 / 4.8 * 1vw);
    margin-bottom: calc(20 / 4.8 * 1vw);
  }
}
main.productinfo .sub-lead span {
  padding: 0 .5em;
}
@media screen and (max-width: 768px) {
  main.productinfo .sub-lead span {
    text-align: center;
  }
}
main.productinfo .sub-lead::before, main.productinfo .sub-lead::after {
  border-top: 1px solid #ccc;
  content: "";
  flex: 1;
  height: 0;
}
main.productinfo .sub-lead.blu {
  color: #0050ff;
}
main.productinfo .sub-lead.blu::before, main.productinfo .sub-lead.blu::after {
  border-top: 1px solid #0050ff;
}
main.productinfo .Common-3col {
  padding-bottom: 15px;
}
@media screen and (max-width: 768px) {
  main.productinfo .Common-3col {
    padding-bottom: 0;
  }
}
main.productinfo .Common-3col .__Common-3col-inner {
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  main.productinfo .Common-3col .__Common-3col-inner {
    margin-bottom: calc(20 / 4.8 * 1vw);
  }
}
main.productinfo .Common-3col .__Common-3col-inner a {
  display: block;
  position: relative;
  /*pointer-events: none;*/
}
/*@media screen and (max-width: 768px) {
  main.productinfo .Common-3col .__Common-3col-inner a {
    pointer-events: all;
  }
}*/
main.productinfo .Common-3col .__Common-3col-inner a p {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 25px;
  font-weight: 700;
  justify-content: center;
  line-height: 48px;
  position: absolute;
  text-align: center;
  height: 100%;
  top: 0;
  left: 0;
  width: 100%;
}

@media screen and (max-width: 768px) {
  main.productinfo .Common-3col .__Common-3col-inner a p {
    font-size: calc(18 / 4.8 * 1vw);
    line-height: calc(36 / 4.8 * 1vw);
  }
}
@media screen and (min-width: 769px) {
  main.productinfo .Common-3col .__Common-3col-inner.-two-col {
    margin: 0 100px 45px;
  }
}

/* aircasterlist 製品情報 */
main.aircasterlist {
  background:#e9e9e9e9;
}
@media screen and (max-width: 768px) {
  main.aircasterlist {
    background: none;
  }
}
main.aircasterlist .Common-inner.-bg-w {
  background: #fff;
  padding: 40px 0 50px;
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  main.aircasterlist .Common-inner.-bg-w {
    margin-bottom: 0;
    padding: 0 calc(18 / 4.8 * 1vw) 0;
  }
  main.aircasterlist .Common-inner.-bg-w .__Common-3col-inner {
    margin-bottom: calc(20 / 4.8 * 1vw);
  }
}
main.aircasterlist .block01 {
  padding-top: 100px;
}
@media screen and (max-width: 768px) {
  main.aircasterlist .block01 {
    padding-top: calc(30 / 4.8 * 1vw);
  }
}
main.aircasterlist .block02 {
  padding-top: 100px;
}
@media screen and (max-width: 768px) {
  main.aircasterlist .block02 {
    padding-top: calc(10 / 4.8 * 1vw);
  }
}
main.aircasterlist .block03 {
  padding-top: 120px;
}
@media screen and (max-width: 768px) {
  main.aircasterlist .block03 {
    padding-top: calc(10 / 4.8 * 1vw);
  }
}
main.aircasterlist aside {
  padding: 100px 0 70px;
}
@media screen and (max-width: 768px) {
  main.aircasterlist aside {
    background: #e9e9e9;
    padding: calc(16 / 4.8 * 1vw) 0;
  }
}
main.aircasterlist .__cont-title, main.aircasterlist .__prd-title {
  color: #1d2082;
  font-size: 30px;
  font-weight: 900;
  line-height: 52px;
  letter-spacing: -.06em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  main.aircasterlist .__cont-title, main.aircasterlist .__prd-title {
    background: #1d2082;
    color: #fff;
    font-size: calc(21 / 4.8 * 1vw);
    line-height: calc(34 / 4.8 * 1vw);
  }
}
main.aircasterlist .__cont-title {
  margin-bottom: 16px;
  padding:10px 0;
}
@media screen and (max-width: 768px) {
  main.aircasterlist .__cont-title {
    margin-bottom: calc(20 / 4.8 * 1vw);
  }
}
@media screen and (max-width: 768px) {
  main.aircasterlist .__prd-title {
    margin-bottom: calc(10 / 4.8 * 1vw);
  }
}
main.aircasterlist .__Common-3col-inner {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  main.aircasterlist .__Common-3col-inner {
    margin-bottom: calc(20 / 4.8 * 1vw);
  }
}
main.aircasterlist .__Common-3col-inner .__prd-name {
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  line-height: 45px;
  background: #1d2082;
  text-align: center;
}
@media screen and (max-width: 768px) {
  main.aircasterlist .__Common-3col-inner .__prd-name {
    background: none;
    color: #1d2082;
    font-size: calc(15 / 4.8 * 1vw);
  }
}

/* aircaster エアキャスター */
main.aircaster .block01 {
  padding: 60px 0 25px;
}
@media screen and (max-width: 768px) {
  main.aircaster .block01 {
    padding: 0;
  }
}
main.aircaster .block01 .link-wrap {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  main.aircaster .block01 .link-wrap {
    flex-direction: column;
    padding: 0 calc(32 / 4.8 * 1vw);
    row-gap: calc(16 / 4.8 * 1vw);
  }
}
main.aircaster .block01 .link-wrap li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 97px;
  width: 270px;
}
@media screen and (max-width: 768px) {
  main.aircaster .block01 .link-wrap li {
    height: calc(80 / 4.8 * 1vw);
    width: 100%;
  }
}
main.aircaster .block01 .link-wrap li a {
  display: flex;
  align-items: center;
  background: #0050ff;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.25;
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 768px) {
  main.aircaster .block01 .link-wrap li a {
    border-radius: calc(10 / 4.8 * 1vw);
    font-size: calc(24 / 4.8 * 1vw);
  }
}
main.aircaster .block01 .link-wrap li a span {
  font-size: 23px;
}
@media screen and (max-width: 768px) {
  main.aircaster .block01 .link-wrap li a span {
    font-size: calc(20 / 4.8 * 1vw);
  }
}
main.aircaster .block01 .__cont-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
main.aircaster .block01 .__cont-wrap .-wrap01 {
  margin: 0px 30px 60px 0;
}
main.aircaster .block01 .__cont-wrap .-wrap01 h2{
  font-size:1.8em;
  color:#0050ff;
}
.widauto img{width:80%;margin:0 auto;}
.widautom img{width:70%;margin:0 auto;}

main.aircaster .block01 .__cont-wrap .__cont-box {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  /*justify-content: center;*/
  margin-bottom: 30px;
  width: 560px;
}
main.aircaster .block01 .__cont-wrap .__cont-boxw {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  /*justify-content: center;*/
  margin-bottom: 30px;
  width: 100%;
}
main.aircaster .block01 .__cont-wrap .__cont-box .phw{
  align-items: stretch;
  display: flex;
  flex-direction: row;
  margin-bottom: 30px;
  width: 100%;
}
main.aircaster .block01 .__cont-wrap .__cont-box .phw figure{
  width: 50%;
  padding:0 2%;
}
@media screen and (max-width: 768px) {
  main.aircaster .block01 .__cont-wrap .__cont-box,main.aircaster .block01 .__cont-wrap .__cont-boxw {
    margin-bottom: calc(20 / 4.8 * 1vw);
    width: 100%;
  }
}
main.aircaster .block01 .__cont-wrap .__cont-box .__cont-title {
  color: #0050ff;
  font-size: 28px;
  font-weight: 900;
  letter-spacing: -.1em;
  width: 100%;
}
@media screen and (max-width: 768px) {
  main.aircaster .block01 .__cont-wrap .__cont-box .__cont-title {
    font-size: calc(30 / 4.8 * 1vw);
  }
}
.midletitle h2{
  color: #0050ff;
  font-size: 190%;
  font-weight: 900;
  width: 100%;
}
@media screen and (max-width: 768px) {
.midletitle h2{
    font-size: calc(30 / 4.8 * 1vw);
    margin-bottom:20px;
  }
}
main.aircaster .block01 .__cont-wrap .__cont-box .__detail {
  font-size: 15px;
  line-height: 24px;
  margin-bottom: .5em;
  width: 100%;
}
.boldli li span{
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  main.aircaster .block01 .__cont-wrap .__cont-box .__detail {
    font-size: calc(15 / 4.8 * 1vw);
    line-height: calc(24 / 4.8 * 1vw);
  }
}
main.aircaster .block01 .__cont-wrap .__cont-box figure {
  margin: auto 0 0;
  padding:10px 0;
}
main.aircaster .block01 .__cont-wrap .__cont-box figure .sizeup img {
  margin: auto 0 0;
}
main.aircaster .block01 .__cont-wrap .__cont-box figure .sizeup img:hover{
  transform:scale(1.6,1.6);
}
.imgset,.imgsetl{
  display: flex;
  flex-wrap:wrap;
  margin-top:15px;
}
.imgset img{
  height: 135px;
  object-fit: cover;
  width: 160px;
  padding:5px;
}
.imgsetl img{
  height: 190px;
  object-fit: cover;
  width: 230px;
  padding:5px;
}
.imgset p{ font-size:80%; width:150px;}
.imgsetl p{font-size:80%; width:225px;}

@media screen and (max-width: 768px) {
  main.aircaster .block01 .__cont-wrap .__cont-box figure img {
    height: calc(217 / 4.8 * 1vw);
    width: auto;
  }
  main.aircaster .block01 .__cont-wrap .__cont-box .imgset figure{
    margin-bottom:10px;
  }
  main.aircaster .block01 .__cont-wrap .__cont-box .imgset figure img,
  main.aircaster .block01 .__cont-wrap .__cont-box .imgsetl figure img {
    height: 140px;
    object-fit: cover;
    width: 160px;
    margin-right:5px;
  }
}
main.aircaster .block01 .__cont-wrap .__cont-box:nth-child(even) {
  width: 560px;
}

/* gapmaster ギャップマスター */
main.gapmaster .block01 {
  padding: 60px 0 30px;
}
@media screen and (max-width: 768px) {
  main.gapmaster .block01 {
    padding: 0;
  }
}
main.gapmaster .block01 .__cont-wrap {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  main.gapmaster .block01 .__cont-wrap {
    flex-direction: column;
  }
}
main.gapmaster .block01 .__cont-wrap.-wrap01 .__txt-box {
  flex: 1;
  margin-right: 30px;
}
@media screen and (max-width: 768px) {
  main.gapmaster .block01 .__cont-wrap.-wrap01 .__txt-box {
    margin-right: 0;
  }
}
main.gapmaster .block01 .__cont-wrap.-wrap01 figure {
  width: 452px;
}
@media screen and (max-width: 768px) {
  main.gapmaster .block01 .__cont-wrap.-wrap01 figure {
    width: 100%;
  }
}
main.gapmaster .block01 .__cont-wrap.-wrap02 {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  main.gapmaster .block01 .__cont-wrap.-wrap02 {
    margin-top: 0;
  }
}
main.gapmaster .block01 .__cont-wrap.-wrap02 figure {
  width: 580px;
}
@media screen and (max-width: 768px) {
  main.gapmaster .block01 .__cont-wrap.-wrap02 figure {
    margin-top: calc(20 / 4.8 * 1vw);
    width: 100%;
  }
}
main.gapmaster .block01 .__cont-wrap.-wrap03 {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  main.gapmaster .block01 .__cont-wrap.-wrap03 {
    margin-top: calc(20 / 4.8 * 1vw);
  }
}
main.gapmaster .block01 .__cont-wrap.-wrap03 .__cont-box {
  width: 370px;
}
@media screen and (max-width: 768px) {
  main.gapmaster .block01 .__cont-wrap.-wrap03 .__cont-box {
    margin-bottom: calc(20 / 4.8 * 1vw);
    width: 100%;
  }
  main.gapmaster .block01 .__cont-wrap.-wrap03 .__cont-box figure {
    margin: calc(10 / 4.8 * 1vw) 0 0;
  }
}
main.gapmaster .block01 .__cont-wrap .__cont-title {
  color: #0050ff;
  font-size: 28px;
  font-weight: 900;
  margin-bottom: .3em;
  padding:10px 0;
}
@media screen and (max-width: 768px) {
  main.gapmaster .block01 .__cont-wrap .__cont-title {
    font-size: calc(30 / 4.8 * 1vw);
    margin-bottom: .2em;
  }
}
main.gapmaster .block01 .__cont-wrap .__txt {
  font-size: 14px;
  line-height: 24px;
}
@media screen and (max-width: 768px) {
  main.gapmaster .block01 .__cont-wrap .__txt {
    font-size: calc(15 / 4.8 * 1vw);
    line-height: calc(24 / 4.8 * 1vw);
  }
}
main.gapmaster .block01 .__cont-wrap ul li {
  text-indent: -1em;
  padding-left: 1em;
}
main.gapmaster .block01 .table-wrap {
  display: block;
  margin-top: 30px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  main.gapmaster .block01 .table-wrap {
    overflow: scroll;
    width: 100%;
  }
}
main.gapmaster .block01 .table-wrap .table-wrap-inner {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  main.gapmaster .block01 .table-wrap .table-wrap-inner {
    width: 1170px;
  }
}
main.gapmaster .block01 .table-wrap p {
  font-size: 14px;
  margin-bottom: 8px;
}
main.gapmaster .block01 .table-wrap .table-box {
  width: 570px;
}
main.gapmaster .block01 .table-wrap .table-box table {
  border: 2px solid #000;
  font-size: 14px;
  width: 100%;
}
main.gapmaster .block01 .table-wrap .table-box table th, main.gapmaster .block01 .table-wrap .table-box table td {
  text-align: center;
  border: 1px solid #999;
  vertical-align: middle;
}
main.gapmaster .block01 .table-wrap .table-box table thead th {
  background: #cfd2d2;
}
main.gapmaster .block01 .table-wrap .table-box table thead td {
  background: #e9e9e9;
}
main.gapmaster .block01 .table-wrap .table-box table tbody tr.bg th, main.gapmaster .block01 .table-wrap .table-box table tbody tr.bg td {
  background: #e9e9e9;
}
main.gapmaster .block01 .table-wrap .table-box table tbody th {
  letter-spacing: .2em;
}
main.gapmaster .block01 table.small {
  border: 2px solid #000;
  margin-top: 16px;
  width: 100%;
}
main.gapmaster .block01 table.small th, main.gapmaster .block01 table.small td {
  border: 1px solid #000;
}
main.gapmaster .block01 table.small thead th {
  background: #d4d4d4;
  font-size: 14px;
  font-weight: 500;
}
main.gapmaster .block01 table.small thead th:nth-child(1) {
  width: 40%;
}
main.gapmaster .block01 table.small thead th:nth-child(2) {
  width: 30%;
}
main.gapmaster .block01 table.small thead th:nth-child(3) {
  width: 30%;
}
main.gapmaster .block01 table.small tbody th {
  font-size: 17px;
  font-weight: 500;
  letter-spacing: .2em;
}
main.gapmaster .block01 table.small tbody td {
  font-size: 17px;
  font-weight: 500;
  text-align: center;
}

/* casestudy 導入事例 */
main.casestudy .block01 {
  padding: 70px 0 0;
}
@media screen and (max-width: 768px) {
  main.casestudy .block01 {
    padding: calc(15 / 4.8 * 1vw) 0 0;
  }
}
main.casestudy .block01 .__cont-inner {
  position: relative;
  margin-bottom: 90px;
  width: 570px;
}
@media screen and (max-width: 768px) {
  main.casestudy .block01 .__cont-inner {
    margin-bottom: calc(25 / 4.8 * 1vw);
    width: 100%;
  }
}
main.casestudy .block01 .__cont-inner .__cont-link::after {
  background: rgba(255, 255, 255, 0);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media screen and (max-width: 768px) {
  main.casestudy .block01 .__cont-inner .__cont-link::after {
    content: none;
  }
}
main.casestudy .block01 .__cont-inner .__cont-title {
  color: #1d2082;
  font-size: 37px;
  font-weight: 900;
  letter-spacing: -.04em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  main.casestudy .block01 .__cont-inner .__cont-title {
    font-size: calc(30 / 4.8 * 1vw);
    letter-spacing: -.08em;
    text-decoration: underline;
  }
}
main.casestudy .block01 .__cont-inner .__cont-box {
  align-items:flex-start; /* 20230322修正部分 align-items:center */
  display: flex;
}
@media screen and (max-width: 768px) {
  main.casestudy .block01 .__cont-inner .__cont-box {
    flex-direction: column;
  }
}
main.casestudy .block01 .__cont-inner .__cont-box figure {
  height: 145px;
  margin-right: 30px;
  width: 170px;
}
@media screen and (max-width: 768px) {
  main.casestudy .block01 .__cont-inner .__cont-box figure {
    margin: calc(15 / 4.8 * 1vw) 0 0;
    height: auto;
    width: 100%;
  }
}
main.casestudy .block01 .__cont-inner .__cont-box figure img {
  height: 145px;
  object-fit: cover;
  width: 170px;
}
@media screen and (max-width: 768px) {
  main.casestudy .block01 .__cont-inner .__cont-box figure img {
    height: auto;
    object-fit: none;
    width: 100%;
  }
}
main.casestudy .block01 .__cont-inner .__cont-box .__txt {
  font-size: 14px;
  line-height: 24px;
  flex: 1;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
}
@media screen and (max-width: 768px) {
  main.casestudy .block01 .__cont-inner .__cont-box .__txt {
    font-size: calc(15 / 4.8 * 1vw);
    line-height: calc(24 / 4.8 * 1vw);
    -webkit-line-clamp: 3;
  }
}

/* casestudy-sub エアキャスター導入事例 */
main.casestudy-sub .__cont-block {
  padding: 75px 0 10px;
}
@media screen and (max-width: 768px) {
  main.casestudy-sub .__cont-block {
    padding: calc(24 / 4.8 * 1vw) 0 0;
  }
}
main.casestudy-sub .__cont-block .link-btn-wrap {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 100px;
  width: 1170px;
}
main.casestudy-sub .__cont-block .link-btn-wrap::before {
  content: "";
  display: block;
  width: 370px;
  height: 0;
}
@media screen and (max-width: 768px) {
  main.casestudy-sub .__cont-block .link-btn-wrap::before {
    content: none;
  }
}
@media screen and (max-width: 768px) {
  main.casestudy-sub .__cont-block .link-btn-wrap {
    margin: 0 auto calc(40 / 4.8 * 1vw);
    padding: 0 calc(15 / 4.8 * 1vw);
    width: 100%;
  }
}
main.casestudy-sub .__cont-block .link-btn-wrap a {
  align-items: center;
  color: #fff;
  display: flex;
  justify-content: center;
  border-radius: 10px;
  font-size: 20px;
  font-weight: 700;
  height: 68px;
  width: 370px;
}
@media screen and (max-width: 768px) {
  main.casestudy-sub .__cont-block .link-btn-wrap a {
    font-size: calc(18 / 4.8 * 1vw);
    height: calc(68 / 4.8 * 1vw);
    width: calc(50% - calc(7 / 4.8 * 1vw));
  }
}
main.casestudy-sub .__cont-block .link-btn-wrap a.contact {
  background: #0050ff;
}
main.casestudy-sub .__cont-block .link-btn-wrap a.panf {
  background: #00cd85;
}
main.casestudy-sub .__cont-block .Common-inner .flx-box {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  main.casestudy-sub .__cont-block .Common-inner .flx-box {
    flex-direction: column;
    margin-bottom: calc(40 / 4.8 * 1vw);
  }
}
main.casestudy-sub .__cont-block .Common-inner .flx-box figure {
  width: 500px;
}
main.casestudy-sub .__cont-block .Common-inner .flx-box figure img {
  width: 100%; height:auto;
}
@media screen and (max-width: 768px) {
  main.casestudy-sub .__cont-block .Common-inner .flx-box figure {
    width: 100%;
    margin-bottom: calc(20 / 4.8 * 1vw);
  }
}
main.casestudy-sub .__cont-block .Common-inner .flx-box .txt-box {
  width: 570px;
}
@media screen and (max-width: 768px) {
  main.casestudy-sub .__cont-block .Common-inner .flx-box .txt-box {
    width: 100%;
  }
}
main.casestudy-sub .__cont-block .Common-inner .flx-box .txt-box .date {
  font-size: 21px;
  font-weight: 500;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  main.casestudy-sub .__cont-block .Common-inner .flx-box .txt-box .date {
    font-size: calc(24 / 4.8 * 1vw);
    margin-bottom: calc(20 / 4.8 * 1vw);
  }
}
main.casestudy-sub .__cont-block .Common-inner .flx-box .txt-box h2 {
  font-size: 55px;
  font-weight: 700;
  margin-bottom: 80px;
  letter-spacing: -.03em;
  font-feature-settings: "palt" 1;
}
main.casestudy-sub .__cont-block .Common-inner .flx-box .txt-box h2.casetitle {
  font-size: 220%;
  font-weight: 700;
  margin-bottom: 80px;
  letter-spacing: -.03em;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 768px) {
  main.casestudy-sub .__cont-block .Common-inner .flx-box .txt-box h2 ,main.casestudy-sub .__cont-block .Common-inner .flx-box .txt-box h2.casetitle {
    font-size: calc(40 / 4.8 * 1vw);
    margin-bottom: calc(20 / 4.8 * 1vw);
  }
}
main.casestudy-sub .__cont-block .Common-inner .flx-box .txt-box ul {
  display: flex;
  column-gap: 10px;
  row-gap: 10px;
  flex-wrap: wrap;}
@media screen and (max-width: 768px) {
  main.casestudy-sub .__cont-block .Common-inner .flx-box .txt-box ul {
    column-gap: calc(10 / 4.8 * 1vw);
    row-gap: calc(10 / 4.8 * 1vw);
  }
}
main.casestudy-sub .__cont-block .Common-inner .flx-box .txt-box ul li {
  align-items: center;
  display: flex;
  justify-content: center;
  border: 1px solid #0050ff;
  color: #0050ff;
  border-radius: 17px;
  height: 34px;
  padding: 0 16px;
}
@media screen and (max-width: 768px) {
  main.casestudy-sub .__cont-block .Common-inner .flx-box .txt-box ul li {
    border-radius: calc(20 / 4.8 * 1vw);
    height: calc(40 / 4.8 * 1vw);
    padding: 0 calc(20 / 4.8 * 1vw);
  }
}
main.casestudy-sub .__cont-block .Common-inner .flx-box .txt-box ul li.grd {
  background: linear-gradient(to right, #00cd85 0%, #0050ff 100%);
  color: #fff;
}
main.casestudy-sub .__cont-block .Common-inner h3 {
  font-size: 33px;
  letter-spacing: -.04em;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  main.casestudy-sub .__cont-block .Common-inner h3 {
    font-size: calc(29 / 4.8 * 1vw);
    letter-spacing: -.08em;
    margin-bottom: calc(40 / 4.8 * 1vw);
  }
}
main.casestudy-sub .__cont-block .Common-inner .voicewrap {
  border: 1px solid #9e9f9f;
  border-radius: 6px;
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  main.casestudy-sub .__cont-block .Common-inner .voicewrap {
    margin-bottom: calc(40 / 4.8 * 1vw);
  }
}
main.casestudy-sub .__cont-block .Common-inner .voicewrap h4 {
  align-items: center;
  display: flex;
  background: linear-gradient(to right, #00cd85 0%, #0050ff 100%);
  height: 45px;
  padding: 0 20px;
  color: #fff;
  font-weight: 700;
  font-size: 140%;
  letter-spacing:0.5em;
}
@media screen and (max-width: 768px) {
  main.casestudy-sub .__cont-block .Common-inner .voicewrap h4 {
    height: calc(50 / 4.8 * 1vw);
    padding: 0 calc(25 / 4.8 * 1vw);
    font-size: calc(20 / 4.8 * 1vw);
  }
}
main.casestudy-sub .__cont-block .Common-inner .voicewrap p {
  font-size: 130%;
  padding: 10px 25px;
}
@media screen and (max-width: 768px) {
  main.casestudy-sub .__cont-block .Common-inner .voicewrap p {
    font-size: calc(18 / 4.8 * 1vw);
    padding: calc(25 / 4.8 * 1vw);
  }
}
main.casestudy-sub .__cont-block .Common-inner .yt-box {
  width:60%;
  margin: 0 auto 80px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  main.casestudy-sub .__cont-block .Common-inner .yt-box {
    width:100%;
    margin-bottom: calc(40 / 4.8 * 1vw);
  }
}
main.casestudy-sub .__cont-block .Common-inner .img-box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px;
  flex-wrap: wrap;/* 20230322追加部分 */
}
@media screen and (max-width: 768px) {
  main.casestudy-sub .__cont-block .Common-inner .img-box {
    flex-direction: column;
    margin-bottom: calc(40 / 4.8 * 1vw);
  }
}
main.casestudy-sub .__cont-block .Common-inner .img-box figure {
  width: 346px;
}
@media screen and (max-width: 768px) {
  main.casestudy-sub .__cont-block .Common-inner .img-box figure {
    width: 100%;
    margin-bottom: calc(30 / 4.8 * 1vw);
  }
  main.casestudy-sub .__cont-block .Common-inner .img-box figure img {
    width: 100%;
  }
}
main.casestudy-sub .__cont-block .Common-inner .img-box figure figcaption {
  margin-top: 10px;
  font-size: 14px;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 768px) {
  main.casestudy-sub .__cont-block .Common-inner .img-box figure figcaption {
    font-size: calc(16 / 4.8 * 1vw);
  }
}
/* 20230322追加部分 */
main.casestudy-sub .__cont-block .Common-inner .img-box::after {
  display: block;
  content: "";
  width: 346px;
  height: 0;
  visibility: hidden;
}

/* phlist 駆動装置 */
main.phlist {
  background: #e9e9e9;
}
@media screen and (max-width: 768px) {
  main.phlist {
    background: none;
  }
}
main.phlist .block01 {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  main.phlist .block01 {
    margin-top: calc(34 / 4.8 * 1vw);
  }
}
main.phlist .block05 {
  padding-bottom: 25px;
}
@media screen and (max-width: 768px) {
  main.phlist .block05 {
    padding-bottom: 0;
  }
}
main.phlist .__cont-title {
  color: #1d2082;
  font-size: 30px;
  font-weight: 900;
  text-align: center;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  main.phlist .__cont-title {
    background: #1d2082;
    color: #fff;
    font-size: calc(21 / 4.8 * 1vw);
    line-height: calc(34 / 4.8 * 1vw);
  }
}
main.phlist .__prd-name {
  background: #1d2082;
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  line-height: 45px;
  letter-spacing: -.08em;
  text-align: center;
}
@media screen and (min-width: 769px) {
  main.phlist .__prd-name .-ls-tight {
    display: inline-block;
    transform: scale(0.7, 1);
    white-space: nowrap;
    transform-origin: top left;
    width: 147%;
  }
}
@media screen and (max-width: 768px) {
  main.phlist .__prd-name {
    background: none;
    color: #1d2082;
    font-size: calc(15 / 4.8 * 1vw);
    line-height: calc(25 / 4.8 * 1vw);
    margin-top: calc(6 / 4.8 * 1vw);
  }
}
main.phlist .Common-3col.-one-item {
  align-items: center;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  main.phlist .Common-3col.-one-item {
    align-items: flex-start;
  }
}
main.phlist .Common-inner.-bg-w {
  background: #fff;
  padding: 40px 0 50px;
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  main.phlist .Common-inner.-bg-w {
    margin-bottom: 0;
    padding: 0 calc(18 / 4.8 * 1vw) 0;
  }
  main.phlist .Common-inner.-bg-w .__Common-3col-inner {
    margin-bottom: calc(20 / 4.8 * 1vw);
  }
}
@media screen and (max-width: 768px) {
  main.phlist .Common-inner .-hidden {
    display: none;
  }
}
main.phlist aside {
  padding: 0 0 70px;
}
@media screen and (max-width: 768px) {
  main.phlist aside {
    padding: 0;
  }
}
main.phlist aside .Common-link-box02 .__link.-link03 {
  background: url("/wp-content/themes/cotech/images/aircasterlist/link_bg02.jpg") center center/cover no-repeat;
}
main.phlist aside .Common-link-box02 .__link.-link02 {
  background: url("/wp-content/themes/cotech/images/aircasterlist/link_bg01.jpg") center center/cover no-repeat;
}
main.phlist aside .Common-link-box02 .__link.-link01 {
  background: url("/wp-content/themes/cotech/images/phlist/aside_btn01_bg.jpg") center center/cover no-repeat;
}
main.phlist  .__cont-title, main.phlist .__prd-title {
  color: #1d2082;
  font-size: 30px;
  font-weight: 900;
  line-height: 52px;
  letter-spacing: -.06em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  main.phlist  .__cont-title, main.phlist .__prd-title {
    background: #1d2082;
    color: #fff;
    font-size: calc(21 / 4.8 * 1vw);
    line-height: calc(34 / 4.8 * 1vw);
  }
}
@media screen and (max-width: 768px) {
  main.phlist  .__prd-title {
    margin-bottom: calc(10 / 4.8 * 1vw);
  }
}

/* ph パワーハンドラー */
main.ph .block01 {
  padding: 50px 0 40px;
}
@media screen and (max-width: 768px) {
  main.ph .block01 {
    padding: 0;
  }
}
main.ph .block01 .__cont-title {
  color: #0050ff;
  font-size: 28px;
  font-weight: 900;
}
@media screen and (max-width: 768px) {
  main.ph .block01 .__cont-title {
    font-size: calc(30 / 4.8 * 1vw);
  }
}
main.ph .block01 .__sub-lead {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  main.ph .block01 .__sub-lead {
    font-size: calc(15 / 4.8 * 1vw);
    line-height: calc(24 / 4.8 * 1vw);
    margin-bottom: calc(15 / 4.8 * 1vw);
  }
}
main.ph .block01 figure {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  main.ph .block01 figure {
    margin-bottom: calc(20 / 4.8 * 1vw);
  }
}
main.ph .block01 .Common-3col {
  justify-content: space-between;
}
main.ph .block01 .Common-3col .__Common-3col-inner {
  margin: 0;
  width: 370px;
}
@media screen and (max-width: 768px) {
  main.ph .block01 .Common-3col .__Common-3col-inner {
    width: 100%;
  }
}
main.ph .block01 table ,main.aircaster .block01 table{
  margin-top: 16px;
  width: 100%;
}
main.aircaster  .block01 table th, main.aircaster  .block01 table td {
  border: 1px solid #000;
}
main.ph .block01 table th, main.ph .block01 table td {
  border: 1px solid #000;
}
main.ph .block01 table thead th ,main.aircaster  .block01 table thead th {
  background: #d4d4d4;
  font-size: 14px;
  font-weight: 500;
}
main.ph .block01 table thead th:nth-child(1) {
  width: 30%;
}
main.ph .block01 table thead th:nth-child(2) {
  width: 30%;
}
main.ph .block01 table thead th:nth-child(3) {
  width: 40%;
}
main.ph .block01 table tbody th {
  font-size: 17px;
  font-weight: 500;
}
main.ph .block01 table tbody td, main.aircaster .block01 table tbody td{
  font-size: 17px;
  font-weight: 500;
  text-align: center;
}
main.ph .block02 {
  padding-bottom: 70px;
}
@media screen and (max-width: 768px) {
  main.ph .block02 {
    padding-bottom: calc(30 / 4.8 * 1vw);
  }
}
@media screen and (max-width: 768px) {
  main.ph .block02 .bg-img {
    margin-bottom: calc(20 / 4.8 * 1vw);
  }
}
main.ph .block02 .img-box {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  main.ph .block02 .img-box {
    flex-wrap: wrap;
    margin-top: calc(20 / 4.8 * 1vw);
    row-gap: calc(15 / 4.8 * 1vw);
  }
}
main.aircaster .block02 .img-box{
  display: flex;
  justify-content: space-between;
	gap: 6px 15px; /* 余白 */
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  main.aircaster .block02 .img-box {
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(20 / 4.8 * 1vw);
    row-gap: calc(15 / 4.8 * 1vw);
  }
}

main.aircaster .block02 .img-box figure {
  width: 205px;
  height:auto;
}
main.aircaster .block02 .img-box figcaption ,main.aircaster .block01 .img-box figcaption{
  width: 185px;
  font-size:95%;
  padding:5px 0;
}
.ffm{
  font-size:115%;
  font-weight:bold;
  padding:5px 0;
}
@media screen and (max-width: 768px) {
  main.aircaster .block02 .img-box figure {
    width: 49%;
  }
}
main.aircaster  .block02 .img-box figure img {
  object-fit: cover;
  height: auto;
  width:100%;
}
@media screen and (max-width: 768px) {
  main.aircaster  .block02 .img-box figure img {
    height: auto;
    width: 100%;
  }
}

main.ph .block02 .img-box figure {
  width: 170px;
}
@media screen and (max-width: 768px) {
  main.ph .block02 .img-box figure {
    width: calc(213 / 4.8 * 1vw);
  }
}
main.ph .block02 .img-box figure img {
  object-fit: cover;
  height: 122px;
  width: 170px;
}
@media screen and (max-width: 768px) {
  main.ph .block02 .img-box figure img {
    height: auto;
    width: calc(213 / 4.8 * 1vw);
  }
}
main.ph .block03 {
  padding-bottom: 70px;
}
@media screen and (max-width: 768px) {
  main.ph .block03{
    padding-bottom: calc(30 / 4.8 * 1vw);
  }
}
main.ph .block03 .img-box{
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  main.ph .block03 .img-box{
    flex-wrap: wrap;
    margin-top: calc(20 / 4.8 * 1vw);
    row-gap: calc(15 / 4.8 * 1vw);
  }
}
main.ph .block03 .img-box figure{
  height: 157px;
  width: auto;
}
@media screen and (max-width: 768px) {
  main.ph .block03 .img-box figure{
    height: auto;
    width: calc(213 / 4.8 * 1vw);
  }
}
main.ph .block03 .img-box figure img{
  object-fit: cover;
  height: 157px;
  width: auto;
}
@media screen and (max-width: 768px) {
  main.ph .block03 .img-box figure img{
    object-fit: none;
    height: auto;
    width: calc(213 / 4.8 * 1vw);
  }
}
main.ph .block01 figure.-yt,main.ph .block03 figure.-yt {
  display: flex;
  margin-top: 30px;
  flex-direction: column;
  width: 774px;
  margin: 40px auto 30px;
}
@media screen and (max-width: 768px) {
  main.ph .block01 figure.-yt,main.ph .block03 figure.-yt {
    display: block;
    text-align: center;
    width: auto;
  }
  main.ph .block03 figure.-yt img {
    width: calc(386 / 4.8 * 1vw);
  }
}
main.ph .block03 figure.-yt figcaption {
  font-size: 17px;
  font-weight: 900;
  line-height: 24px;
  width: 200px;
}
@media screen and (max-width: 768px) {
  main.ph .block03 figure.-yt figcaption {
    font-size: calc(16 / 4.8 * 1vw);
    line-height: calc(21 / 4.8 * 1vw);
    text-align: left;
    width: 100%;
  }
}
main.ph .block04 {
  padding-bottom: 110px;
}
@media screen and (max-width: 768px) {
  main.ph .block04 {
    padding-bottom: calc(30 / 4.8 * 1vw);
  }
}
main.ph .block04 .bg-img {
  background: url("/wp-content/themes/cotech/images/ph/block04_img01.png") center bottom/contain no-repeat;
  height: 547px;
  width: 570px;
}
@media screen and (max-width: 768px) {
  main.ph .block04 .bg-img {
    height: calc(440 / 4.8 * 1vw);
    margin-bottom: calc(20 / 4.8 * 1vw);
    width: auto;
  }
}
main.ph .block04 .__cont-flx {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  main.ph .block04 .__cont-flx {
    display: block;
  }
  main.ph .block04 .__cont-flx .__cont-list {
    letter-spacing: -.06em;
    margin-bottom: calc(20 / 4.8 * 1vw);
  }
}
main.ph .block04 .img-box {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  main.ph .block04 .img-box {
    flex-wrap: wrap;
    margin-top: calc(20 / 4.8 * 1vw);
    row-gap: calc(15 / 4.8 * 1vw);
  }
}
main.ph .block04 .img-box figure {
  width: 570px;
}
@media screen and (max-width: 768px) {
  main.ph .block04 .img-box figure {
    width: 100%;
  }
}
main.ph .__cont-title-bg {
  background: linear-gradient(to right, #00cd85 0%, #0050ff 100%);
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  main.ph .__cont-title-bg {
    margin-bottom: calc(15 / 4.8 * 1vw);
  }
}
main.ph .__cont-title-bg span {
  color: #fff;
  display: block;
  font-weight: 900;
  font-size: 28px;
  line-height: 48px;
  margin: 0 auto;
  width: 1170px;
}
@media screen and (max-width: 768px) {
  main.ph .__cont-title-bg span {
    font-size: calc(25 / 4.8 * 1vw);
    line-height: calc(50 / 4.8 * 1vw);
    text-align: center;
    width: 100%;
  }
}
main.ph .__sec-title {
  font-size: 17px;
  font-weight: 900;
  line-height: 24px;
}
@media screen and (max-width: 768px) {
  main.ph .__sec-title {
    font-size: calc(15 / 4.8 * 1vw);
    line-height: calc(24 / 4.8 * 1vw);
  }
}
main.ph .__cont-list {
  color: #0050ff;
  font-size: 14px;
  font-weight: 900;
  line-height: 24px;
}
@media screen and (max-width: 768px) {
  main.ph .__cont-list {
    font-size: calc(15 / 4.8 * 1vw);
    line-height: calc(24 / 4.8 * 1vw);
  }
}
main.ph .__cont-list a {
  text-decoration: underline;
}
main.ph .__cont-txt {
  font-size: 14px;
  font-weight: 900;
  line-height: 24px;
}
@media screen and (max-width: 768px) {
  main.ph .__cont-txt {
    font-size: calc(15 / 4.8 * 1vw);
    line-height: calc(24 / 4.8 * 1vw);
  }
}
main.ph .__cont-txt + figure {
  margin: 10px 0 0;
}
@media screen and (max-width: 768px) {
  main.ph .__cont-txt + figure {
    margin: calc(10 / 4.8 * 1vw) 0;
  }
}
main.ph .Common-case-block .__cont-box .__txt-box .__prd-name {
  font-size: 20px;
  letter-spacing: -.04em;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  main.ph .Common-case-block .__cont-box .__txt-box .__prd-name {
    margin-bottom: 0;
  }
}

/* feature エアキャスター 構造・作動の原理 */
main.feature .block01 {
  padding: 70px 0 60px;
}
@media screen and (max-width: 768px) {
  main.feature .block01 {
    padding: 0 0 0;
  }
}
main.feature .block01 .__Common-2col-inner {
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  main.feature .block01 .__Common-2col-inner {
    margin-bottom: calc(30 / 4.8 * 1vw);
  }
}
main.feature .block01 .__cont-title {
  color: #1d2082;
  font-size: 28px;
  line-height: 49px;
  font-weight: 900;
}
@media screen and (max-width: 768px) {
  main.feature .block01 .__cont-title {
    font-size: calc(30 / 4.8 * 1vw);
    letter-spacing: -.03em;
  }
}
main.feature .block01 .__txt {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -.04em;
}
@media screen and (max-width: 768px) {
  main.feature .block01 .__txt {
    font-size: calc(15 / 4.8 * 1vw);
    line-height: calc(24 / 4.8 * 1vw);
  }
}
main.feature .block01 figure {
  margin: 25px 0 40px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  main.feature .block01 figure {
    margin: calc(20 / 4.8 * 1vw) 0;
  }
  main.feature .block01 figure .-sp-w01 {
    width: calc(300 / 4.8 * 1vw);
  }
  main.feature .block01 figure .-sp-w02 {
    width: calc(340 / 4.8 * 1vw);
  }
}
main.feature .block01 .__cont-sub-block {
  margin-bottom: 20px;
}
main.feature .block01 .__cont-sub-block .__cont-sub-title {
  font-size: 17px;
  line-height: 24px;
  font-weight: 900;
}
main.feature .block01 .__cont-sub-block .__list {
  color: #1d2082;
  font-size: 14px;
  font-weight: 900;
  line-height: 24px;
}
@media screen and (max-width: 768px) {
  main.feature .block01 .__cont-sub-block .__list {
    font-size: calc(15 / 4.8 * 1vw);
    line-height: calc(24 / 4.8 * 1vw);
  }
}

/* usage エアキャスターの使い方 */
main.usage .block01 {
  padding: 30px 0 90px;
}
@media screen and (max-width: 768px) {
  main.usage .block01 {
    padding: 0 0 0;
  }
}
main.usage .block01 .__cont-title {
  color: #0050ff;
  font-size: 28px;
  line-height: 49px;
  font-weight: 900;
}
@media screen and (max-width: 768px) {
  main.usage .block01 .__cont-title {
    font-size: calc(30 / 4.8 * 1vw);
  }
}
main.usage .block01 .__txt {
  font-size: 14px;
  line-height: 24px;
  letter-spacing: -.04em;
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  main.usage .block01 .__txt {
    font-size: calc(15 / 4.8 * 1vw);
    line-height: calc(24 / 4.8 * 1vw);
    margin-bottom: calc(20 / 4.8 * 1vw);
  }
}
main.usage .block01 .__txt a {
  color: #0050ff;
  text-decoration: underline;
}
main.usage .block01 .__cont-sub-block {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  main.usage .block01 .__cont-sub-block {
    margin-bottom: calc(20 / 4.8 * 1vw);
  }
}
main.usage .block01 .__cont-sub-block .__cont-sub-title {
  font-size: 16px;
  line-height: 24px;
  font-weight: 900;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  main.usage .block01 .__cont-sub-block .__cont-sub-title {
    font-size: calc(15 / 4.8 * 1vw);
    line-height: calc(24 / 4.8 * 1vw);
    margin-bottom: calc(20 / 4.8 * 1vw);
  }
}
main.usage .block01 figure {
  text-align: center;
}
main.usage .block01 .__Common-2col-inner.-mg {
  margin-top: -218px;
}
@media screen and (max-width: 768px) {
  main.usage .block01 .__Common-2col-inner.-mg {
    margin-top: 0;
  }
}
main.usage .block01 .strong {
  color: #0050ff;
  font-size: 22px;
  font-weight: 900;
  margin: 100px 0 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  main.usage .block01 .strong {
    font-size: calc(18 / 4.8 * 1vw);
    letter-spacing: -.04em;
    margin: calc(20 / 4.8 * 1vw) 0 calc(40 / 4.8 * 1vw);
  }
}

/* productlist 重量物移動装置検索 */
main.productlist {
  background: #e9e9e9;
}
main.productlist .block01 {
  padding: 60px 0 0;
}
@media screen and (max-width: 768px) {
  main.productlist .block01 {
    padding: calc(40 / 4.8 * 1vw) 0 0;
  }
}
main.productlist .block01 .__cont-title {
  font-size: 60px;
  color: #1d2082;
  font-weight: 900;
  text-align: center;
}
@media screen and (max-width: 768px) {
  main.productlist .block01 .__cont-title {
    font-size: calc(60 / 4.8 * 1vw);
  }
}
main.productlist .block01 .__count {
  font-size: 28px;
  color: #1d2082;
  font-weight: 900;
  text-align: center;
}
@media screen and (max-width: 768px) {
  main.productlist .block01 .__count {
    font-size: calc(34 / 4.8 * 1vw);
  }
}
main.productlist .block01 .__res-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 100px 0 60px;
}
@media screen and (max-width: 768px) {
  main.productlist .block01 .__res-wrap {
    margin: calc(30 / 4.8 * 1vw) 0 0;
  }
}
main.productlist .block01 .__res-wrap .__res-box {
  background: #fff;
  border: 1px solid #797979;
  padding: 60px 50px;
  margin-bottom: 20px;
  width: 370px;
}
@media screen and (max-width: 768px) {
  main.productlist .block01 .__res-wrap .__res-box {
    margin-bottom: calc(20 / 4.8 * 1vw);
    padding: calc(25 / 4.8 * 1vw) calc(17 / 4.8 * 1vw);
    width: calc(212 / 4.8 * 1vw);
  }
}
main.productlist .block01 .__res-wrap .__res-box figure {
  height: 184px;
  margin-bottom: 25px;
  width: 268px;
}
@media screen and (max-width: 768px) {
  main.productlist .block01 .__res-wrap .__res-box figure {
    margin-bottom: 0;
    height: calc(154 / 4.8 * 1vw);
    width: 100%;
  }
}
main.productlist .block01 .__res-wrap .__res-box figure img {
  height: 184px;
  width: 268px;
  object-fit: contain;
}
@media screen and (max-width: 768px) {
  main.productlist .block01 .__res-wrap .__res-box figure img {
    height: calc(154 / 4.8 * 1vw);
    width: 100%;
  }
}
main.productlist .block01 .__res-wrap .__res-box .__prd-name {
  font-size: 25px;
  color: #1d2082;
  font-weight: 900;
  letter-spacing: -.1em;
}
@media screen and (max-width: 768px) {
  main.productlist .block01 .__res-wrap .__res-box .__prd-name {
    font-size: calc(14 / 4.8 * 1vw);
  }
}
main.productlist .block01 .__res-wrap .__res-box .__prd-detail {
  font-size: 15px;
  color: #1d2082;
  font-weight: 900;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  main.productlist .block01 .__res-wrap .__res-box .__prd-detail {
    font-size: calc(8 / 4.8 * 1vw);
    margin-bottom: calc(10 / 4.8 * 1vw);
  }
}
main.productlist .block01 .__res-wrap .__res-box .__page-link {
  background: #1d2082;
  display: block;
  font-size: 20px;
  font-weight: 900;
  text-align: center;
  color: #fff;
  line-height: 56px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  main.productlist .block01 .__res-wrap .__res-box .__page-link {
    font-size: calc(12 / 4.8 * 1vw);
    line-height: calc(32 / 4.8 * 1vw);
  }
}
main.productlist .block01 .__res-wrap .__res-box.-hidden {
  border: none;
  visibility: hidden;
  padding: 0;
  margin: 0;
}
@media screen and (max-width: 768px) {
  main.productlist .block01 .__res-wrap .__res-box.-hidden {
    display: none;
  }
}
main.productlist .block01 .__btn-box {
  margin-bottom: 100px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  main.productlist .block01 .__btn-box {
    margin: calc(10 / 4.8 * 1vw) 0 calc(30 / 4.8 * 1vw);
  }
}
main.productlist .block01 .__btn-box .__back-btn {
  display: inline-block;
  border: 1px solid #1d2082;
  font-size: 20px;
  color: #1d2082;
  font-weight: 900;
  line-height: 55px;
  width: 268px;
}
@media screen and (max-width: 768px) {
  main.productlist .block01 .__btn-box .__back-btn {
    font-size: calc(20 / 4.8 * 1vw);
    line-height: calc(55 / 4.8 * 1vw);
    width: calc(268 / 4.8 * 1vw);
  }
}

/* productlist 重量物移動装置一覧 */
main.productsearch .block01 {
  background: #e9e9e9;
  padding: 70px 0 130px;
}
@media screen and (max-width: 768px) {
  main.productsearch .block01 {
    background: none;
    padding: calc(20 / 4.8 * 1vw) 0;
  }
}
main.productsearch .block01 .__lead, main.productsearch .block01 .__sub-lead {
  font-size: 21px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 30px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  main.productsearch .block01 .__lead, main.productsearch .block01 .__sub-lead {
    font-size: calc(15 / 4.8 * 1vw);
    line-height: calc(24 / 4.8 * 1vw);
    margin-bottom: calc(15 / 4.8 * 1vw);
    text-align: left;
  }
}
main.productsearch .block01 .__table-wrap {
  background: #fff;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  main.productsearch .block01 .__table-wrap {
    margin-bottom: calc(20 / 4.8 * 1vw);
  }
}
main.productsearch .block01 .__table-wrap .__table-title {
  background: #1d2082;
  color: #fff;
  font-size: 27px;
  font-weight: 900;
  line-height: 56px;
  text-align: center;
}
main.productsearch .block01 .__table-wrap figure {
  padding: 20px 30px 30px;
}
@media screen and (max-width: 768px) {
  main.productsearch .block01 .__table-wrap figure {
    padding: 0;
  }
}
main.productsearch .block01 .__fomr-wrap {
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  main.productsearch .block01 .__fomr-wrap {
    padding-top: 0;
  }
}
main.productsearch .block01 .__fomr-wrap .__info {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 20px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  main.productsearch .block01 .__fomr-wrap .__info {
    font-size: calc(24 / 4.8 * 1vw);
    margin-bottom: calc(20 / 4.8 * 1vw);
  }
}
main.productsearch .block01 .__fomr-wrap .__form-input {
  background: #fff;
  border: 1px solid #b5b5b6;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  main.productsearch .block01 .__fomr-wrap .__form-input {
    border: none;
    border-radius: 0;
    flex-direction: column;
    margin-bottom: calc(10 / 4.8 * 1vw);
  }
}
main.productsearch .block01 .__fomr-wrap .__form-input .__input-title {
  background: #eaeff9;
  border-right: 1px solid #b5b5b6;
  padding: 25px;
  width: 235px;
}
@media screen and (max-width: 768px) {
  main.productsearch .block01 .__fomr-wrap .__form-input .__input-title {
    border: none;
    padding: 0;
    width: 100%;
  }
}
main.productsearch .block01 .__fomr-wrap .__form-input .__input-title p {
  color: #1d1f82;
  font-size: 26px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  main.productsearch .block01 .__fomr-wrap .__form-input .__input-title p {
    font-size: calc(26 / 4.8 * 1vw);
    line-height: calc(50 / 4.8 * 1vw);
    text-align: center;
  }
}
main.productsearch .block01 .__fomr-wrap .__form-input .__input-form {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  padding: 20px 0 20px 25px;
}
@media screen and (max-width: 768px) {
  main.productsearch .block01 .__fomr-wrap .__form-input .__input-form {
    padding: calc(20 / 4.8 * 1vw) 0 calc(30 / 4.8 * 1vw);
  }
}
main.productsearch .block01 .__fomr-wrap .__form-input .__input-form.-check label {
  align-items: center;
  display: flex;
  font-size: 27px;
  line-height: 1;
  padding-right: 30px;
  margin: 5px 0;
}
@media screen and (max-width: 768px) {
  main.productsearch .block01 .__fomr-wrap .__form-input .__input-form.-check label {
    font-size: calc(27 / 4.8 * 1vw);
    margin: calc(10 / 4.8 * 1vw) 0 calc(10 / 4.8 * 1vw) calc(157 / 4.8 * 1vw);
  }
}
main.productsearch .block01 .__fomr-wrap .__form-input .__input-form.-check input[type=checkbox] {
  border-radius: 0;
  height: 25px;
  margin: 0 10px 0 0;
  width: 25px;
}
@media screen and (max-width: 768px) {
  main.productsearch .block01 .__fomr-wrap .__form-input .__input-form.-check input[type=checkbox] {
    height: calc(25 / 4.8 * 1vw);
    width: calc(25 / 4.8 * 1vw);
  }
}
main.productsearch .block01 .__fomr-wrap .__form-input .__input-form.-select .__slct-wrap {
  position: relative;
  width: calc(100% - 25px);
}
@media screen and (max-width: 768px) {
  main.productsearch .block01 .__fomr-wrap .__form-input .__input-form.-select .__slct-wrap {
    width: 100%;
  }
}
main.productsearch .block01 .__fomr-wrap .__form-input .__input-form.-select .__slct-wrap::before {
  background: url("/wp-content/themes/cotech/images/form_select.png") center center/contain no-repeat;
  content: "";
  display: block;
  height: 27px;
  width: 28px;
  position: absolute;
  right: 4px;
  top: calc(50% - 14px);
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  main.productsearch .block01 .__fomr-wrap .__form-input .__input-form.-select .__slct-wrap::before {
    height: calc(27 / 4.8 * 1vw);
    width: calc(28 / 4.8 * 1vw);
    right: calc(4 / 4.8 * 1vw);
    top: calc(50% - (14 / 4.8 * 1vw));
  }
}
main.productsearch .block01 .__fomr-wrap .__form-input .__input-form.-select select {
  background: #fff;
  border: 1px solid #b5b5b6;
  border-radius: 6px;
  font-size: 21px;
  padding: 5px 10px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  main.productsearch .block01 .__fomr-wrap .__form-input .__input-form.-select select {
    padding: calc(5 / 4.8 * 1vw) calc(10 / 4.8 * 1vw);
    font-size: calc(21 / 4.8 * 1vw);
  }
}
main.productsearch .block01 .__fomr-wrap .__btn-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 100px;
}
@media screen and (max-width: 768px) {
  main.productsearch .block01 .__fomr-wrap .__btn-wrap {
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    margin-top: 0;
  }
}
main.productsearch .block01 .__fomr-wrap .__btn-wrap::after {
  content: "";
  display: block;
  width: 268px;
}
@media screen and (max-width: 768px) {
  main.productsearch .block01 .__fomr-wrap .__btn-wrap::after {
    content: none;
  }
}
main.productsearch .block01 .__fomr-wrap .__btn-wrap button {
  align-items: center;
  background: none;
  border: 1px solid #1d1f82;
  color: #1d1f82;
  font-size: 20px;
  font-weight: 900;
  justify-content: center;
  display: flex;
  height: 56px;
  width: 268px;
}
@media screen and (max-width: 768px) {
  main.productsearch .block01 .__fomr-wrap .__btn-wrap button {
    font-size: calc(20 / 4.8 * 1vw);
    height: calc(56 / 4.8 * 1vw);
    width: calc(268 / 4.8 * 1vw);
  }
}
main.productsearch .block01 .__fomr-wrap .__btn-wrap button[type="submit"] {
  background: #1d1f82;
  color: #fff;
}
@media screen and (max-width: 768px) {
  main.productsearch .block01 .__fomr-wrap .__btn-wrap button[type="submit"] {
    margin-bottom: calc(20 / 4.8 * 1vw);
  }
}

/* contact 問い合わせ */
main.contact {
  background: #e9e9e9;
}
@media screen and (max-width: 768px) {
  main.contact {
    background: none;
  }
  main.contact .Common-inner {
    padding: 0;
  }
}
main.contact .block01 {
  padding-top: 75px;
}
@media screen and (max-width: 768px) {
  main.contact .block01 {
    padding-top: 0;
  }
}
main.contact .block01 .__progress-wrap {
  overflow: hidden;
  margin-bottom: 35px;
}
@media screen and (max-width: 768px) {
  main.contact .block01 .__progress-wrap {
    margin-bottom: 0;
  }
}
main.contact .block01 .__progress-wrap .__progress {
  display: flex;
  justify-content: space-between;
}
main.contact .block01 .__progress-wrap .__progress li {
  align-items: center;
  background: #a6a6a6;
  color: #fff;
  display: flex;
  font-size: 19px;
  justify-content: center;
  height: 50px;
  position: relative;
  text-align: center;
  width: calc(100% / 3);
}
@media screen and (max-width: 768px) {
  main.contact .block01 .__progress-wrap .__progress li {
    height: calc(50 / 4.8 * 1vw);
    font-size: calc(19 / 4.8 * 1vw);
  }
}
main.contact .block01 .__progress-wrap .__progress li::before, main.contact .block01 .__progress-wrap .__progress li::after {
  content: "";
  background: linear-gradient(to bottom left, transparent 50%, #a6a6a6 50.5%) no-repeat top left/100% 50%, linear-gradient(to top left, transparent 50%, #a6a6a6 50.5%) no-repeat bottom right/100% 50%;
  display: block;
  height: 70px;
  position: absolute;
  right: -14px;
  top: -10px;
  width: 18px;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  main.contact .block01 .__progress-wrap .__progress li::before, main.contact .block01 .__progress-wrap .__progress li::after {
    height: calc(70 / 4.8 * 1vw);
    right: calc(-14 / 4.8 * 1vw);
    top: calc(-10 / 4.8 * 1vw);
    width: calc(18 / 4.8 * 1vw);
  }
}
main.contact .block01 .__progress-wrap .__progress li::before {
  background: linear-gradient(to bottom left, transparent 50%, #fff 50.5%) no-repeat top left/100% 50%, linear-gradient(to top left, transparent 50%, #fff 50.5%) no-repeat bottom right/100% 50%;
  z-index: 1;
  right: -18px;
}
@media screen and (max-width: 768px) {
  main.contact .block01 .__progress-wrap .__progress li::before {
    right: calc(-18 / 4.8 * 1vw);
  }
}
main.contact .block01 .__progress-wrap .__progress li.-current {
  background: #1d2082;
}
main.contact .block01 .__progress-wrap .__progress li.-current::after {
  background: linear-gradient(to bottom left, transparent 50%, #1d2082 50.5%) no-repeat top left/100% 50%, linear-gradient(to top left, transparent 50%, #1d2082 50.5%) no-repeat bottom right/100% 50%;
}
main.contact .__form-wrap {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  main.contact .__form-wrap {
    flex-direction: column;
  }
}
main.contact .__form-wrap .__title {
  align-items: center;
  color: #0050ff;
  display: flex;
  font-size: 25px;
  font-weight: 900;
  margin: 25px 0 0;
  letter-spacing: -.03em;
}
@media screen and (max-width: 768px) {
  main.contact .__form-wrap .__title {
    display: block;
    font-size: calc(24 / 4.8 * 1vw);
    margin: calc(20 / 4.8 * 1vw) 0 calc(10 / 4.8 * 1vw);
    letter-spacing: -.08em;
  }
}
main.contact .__form-wrap .__title span {
  font-size: 15px;
}
@media screen and (max-width: 768px) {
  main.contact .__form-wrap .__title span {
    display: block;
    font-size: calc(18 / 4.8 * 1vw);
    letter-spacing: 0;
  }
}
main.contact .__form-wrap .__notice {
  font-size: 90%;
  letter-spacing: .05em;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  main.contact .__form-wrap .__notice {
    font-size: calc(13 / 4.8 * 1vw);
    margin-bottom: calc(25 / 4.8 * 1vw);
    letter-spacing: 0;
  }
}
main.contact .__form-wrap .__contact-box {
  width: 380px;
}
@media screen and (max-width: 768px) {
  main.contact .__form-wrap .__contact-box {
    padding: 0 calc(18 / 4.8 * 1vw);
    width: auto;
  }
}
main.contact .__form-wrap .__contact-box dl {
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  main.contact .__form-wrap .__contact-box dl {
    margin-bottom: calc(15 / 4.8 * 1vw);
  }
}
main.contact .__form-wrap .__contact-box dl dt {
  color: #231815;
  font-size: 80%;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 3px;
}
@media screen and (max-width: 768px) {
  main.contact .__form-wrap .__contact-box dl dt {
    font-size: calc(13 / 4.8 * 1vw);
  }
}
main.contact .__form-wrap .__contact-box dl dt span {
  background: #d00012;
  color: #fff;
  display: inline-block;
  font-size: 9px;
  padding: 1px 2px;
  margin-left: .2em;
}
@media screen and (max-width: 768px) {
  main.contact .__form-wrap .__contact-box dl dt span {
    font-size: calc(10 / 4.8 * 1vw);
  }
}
main.contact .__form-wrap .__contact-box dl dt span.blank {
  background: none;
  width: 24px;
}
main.contact .__form-wrap .__contact-box dl dd input {
  background: #fff;
  border: 1px solid #797979;
  width: 100%;
  padding: 8px 5px;
}
@media screen and (max-width: 768px) {
  main.contact .__form-wrap .__contact-box dl dd input {
    padding: calc(8 / 4.8 * 1vw) calc(5 / 4.8 * 1vw);
  }
}
main.contact .__form-wrap .__contact-box dl dd input.-zip {
  width: 128px;
}
@media screen and (max-width: 768px) {
  main.contact .__form-wrap .__contact-box dl dd input.-zip {
    width: calc(152 / 4.8 * 1vw);
  }
}
main.contact .__form-wrap .__contact-box dl dd button {
  background: #1d2082;
  border-radius: 8px;
  box-shadow: none;
  border: none;
  color: #fff;
  font-size: 11px;
  height: 24px;
  margin-left: 10px;
  width: 68px;
}
@media screen and (max-width: 768px) {
  main.contact .__form-wrap .__contact-box dl dd button {
    border-radius: calc(8 / 4.8 * 1vw);
    font-size: calc(13 / 4.8 * 1vw);
    height: calc(30 / 4.8 * 1vw);
    margin-left: calc(10 / 4.8 * 1vw);
    width: calc(82 / 4.8 * 1vw);
  }
}
main.contact .__form-wrap .__contact-box dl dd textarea {
  background: #fff;
  border: 1px solid #797979;
  height: 290px;
  padding: .5em;
  width: 100%;
}
@media screen and (max-width: 768px) {
  main.contact .__form-wrap .__contact-box dl dd textarea {
    height: calc(146 / 4.8 * 1vw);
  }
}
main.contact .__form-wrap .__contact-box dl .__slct-wrap {
  position: relative;
  width: 168px;
}
@media screen and (max-width: 768px) {
  main.contact .__form-wrap .__contact-box dl .__slct-wrap {
    width: 100%;
  }
}
main.contact .__form-wrap .__contact-box dl .__slct-wrap::before {
  background: url("/wp-content/themes/cotech/images/form_select.png") center center/contain no-repeat;
  content: "";
  display: block;
  height: 26px;
  width: 26px;
  position: absolute;
  right: 3px;
  top: calc(50% - 13px);
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  main.contact .__form-wrap .__contact-box dl .__slct-wrap::before {
    height: calc(27 / 4.8 * 1vw);
    width: calc(28 / 4.8 * 1vw);
    right: calc(4 / 4.8 * 1vw);
    top: calc(50% - (14 / 4.8 * 1vw));
  }
}
main.contact .__form-wrap .__contact-box dl select {
  background: #fff;
  border: 1px solid #797979;
  color: #1d2082;
  font-size: 12px;
  font-weight: 700;
  padding: 6px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  main.contact .__form-wrap .__contact-box dl select {
    padding: calc(5 / 4.8 * 1vw) calc(10 / 4.8 * 1vw);
    font-size: calc(14 / 4.8 * 1vw);
  }
}
main.contact .__form-wrap .__contact-box dl.check {
  align-items: center;
  display: flex;
  margin-top: 20px;
}
main.contact .__form-wrap .__contact-box dl.check dd {
  display: flex;
  flex: 1;
  font-size: 11px;
  margin-left: 2px;
}
main.contact .__form-wrap .__contact-box dl.check dd input {
  height: auto;
  width: auto;
}
main.contact .__form-wrap .__quota-box {
  background: #eaeff9;
  padding: 0 20px 20px;
  width: 670px;
}
@media screen and (max-width: 768px) {
  main.contact .__form-wrap .__quota-box {
    padding: 0 calc(18 / 4.8 * 1vw) calc(30 / 4.8 * 1vw);
    width: auto;
  }
}
main.contact .__form-wrap .__quota-box .__input-title {
  background: #0050ff;
  color: #fff;
  font-size: 16px;
  line-height: 32px;
  padding: 0 10px;
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  main.contact .__form-wrap .__quota-box .__input-title {
    font-size: calc(25/ 4.8 * 1vw);
    line-height: calc(40 / 4.8 * 1vw);
    padding: 0;
    text-align: center;
  }
}
main.contact .__form-wrap .__quota-box .__input-title.-mb {
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  main.contact .__form-wrap .__quota-box .__input-title.-mb {
    margin-bottom: calc(16 / 4.8 * 1vw);
  }
}
main.contact .__form-wrap .__quota-box .__sub-title {
  color: #0050ff;
  font-size: 18px;
  font-weight: 900;
  margin: 20px 0 5px;
}
main.contact .__form-wrap .__quota-box .__flx-box {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  main.contact .__form-wrap .__quota-box .__flx-box {
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: calc(30 / 4.8 * 1vw);
  }
  main.contact .__form-wrap .__quota-box .__flx-box.sb {
    align-items: center;
    flex-direction: row;
  }
}
main.contact .__form-wrap .__quota-box .__flx-box .__inner {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  letter-spacing: -.04em;
  width: calc(100% / 3);
}
@media screen and (max-width: 768px) {
  main.contact .__form-wrap .__quota-box .__flx-box .__inner {
    font-size: calc(21 / 4.8 * 1vw);
    letter-spacing: 0;
    width: 100%;
  }
}
main.contact .__form-wrap .__quota-box .__flx-box .__inner .__sub-title {
  color: #1d2082;
  font-size: 17px;
  font-weight: 900;
  margin-top: 12px;
}
@media screen and (max-width: 768px) {
  main.contact .__form-wrap .__quota-box .__flx-box .__inner .__sub-title {
    font-size: calc(25 / 4.8 * 1vw);
  }
}
main.contact .__form-wrap .__quota-box .__flx-box input[type=text] {
  height: 34px;
  margin-left: 5px;
  margin-bottom: 5px;
  width: 150px;
}
main.contact .__form-wrap .__quota-box .__flx-box label {
  margin: 0 1em 10px 0;
  font-size: 15px;
}
main.contact .__form-wrap .__quota-box .__flx-box label input[type=text] {
  width: 150px;
  height: 34px;
  margin-left: 5px;
}
main.contact .__form-wrap .__quota-box .__flx-box label input[type=email] {
  width: 150px;
  height: 34px;
  margin-left: 5px;
}
@media screen and (max-width: 768px) {
  main.contact .__form-wrap .__quota-box .__flx-box label input[type=text] {
    width: 150px;
  }
  .contact .__form-wrap .__quota-box .__flx-box label input[type=email] {
    width: 150px;
  }
}
main.contact .__form-wrap .__quota-box .__flx-box label input[type=text].wide {
  width: 520px;
}
main.contact .__form-wrap .__quota-box .__flx-box label input[type=email].wide {
  width: 520px;
}
@media screen and (max-width: 768px) {
  main.contact .__form-wrap .__quota-box .__flx-box label input[type=text].wide {
    width: calc(340 / 4.8 * 1vw);
  }
  main.contact .__form-wrap .__quota-box .__flx-box label input[type=email].wide {
    width: calc(340 / 4.8 * 1vw);
  }
}
main.contact .__form-wrap .__quota-box hr {
  background: #797979;
  border: none;
  height: 1px;
}
main.contact .__form-wrap .__quota-box .__slct-title {
  color: #0050ff;
  font-size: 18px;
  font-weight: 900;
  margin: 20px 0 10px;
}
@media screen and (max-width: 768px) {
  main.contact .__form-wrap .__quota-box .__slct-title {
    font-size: calc(17 / 4.8 * 1vw);
    margin: calc(20 / 4.8 * 1vw) 0 calc(5 / 4.8 * 1vw);
  }
}
main.contact .__form-wrap .__quota-box .__slct-flx {
  align-items: center;
  display: flex;
  margin-bottom: 30px;
}
main.contact .__form-wrap .__quota-box .__slct-flx.-sb {
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  main.contact .__form-wrap .__quota-box .__slct-flx.-sb {
    align-items: flex-start;
    flex-direction: column;
  }
  main.contact .__form-wrap .__quota-box .__slct-flx.-sb .__slct-inner {
    width: 100%;
  }
}
main.contact .__form-wrap .__quota-box .__slct-flx span {
  color: #1d2082;
  font-size: 22px;
  padding: 0 4px;
}
main.contact .__form-wrap .__quota-box .__slct-flx .__slct-wrap {
  position: relative;
  width: 168px;
}
@media screen and (max-width: 768px) {
  main.contact .__form-wrap .__quota-box .__slct-flx .__slct-wrap {
    width: 100%;
  }
}
main.contact .__form-wrap .__quota-box .__slct-flx .__slct-wrap::before {
  background: url("/wp-content/themes/cotech/images/form_select.png") center center/contain no-repeat;
  content: "";
  display: block;
  height: 26px;
  width: 26px;
  position: absolute;
  right: 3px;
  top: calc(50% - 13px);
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  main.contact .__form-wrap .__quota-box .__slct-flx .__slct-wrap::before {
    height: calc(27 / 4.8 * 1vw);
    width: calc(28 / 4.8 * 1vw);
    right: calc(4 / 4.8 * 1vw);
    top: calc(50% - (14 / 4.8 * 1vw));
  }
}
main.contact .__form-wrap .__quota-box .__slct-flx select {
  background: #fff;
  border: 1px solid #1d2082;
  border-radius: 6px;
  color: #1d2082;
  font-size: 12px;
  font-weight: 700;
  padding: 6px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  main.contact .__form-wrap .__quota-box .__slct-flx select {
    padding: calc(5 / 4.8 * 1vw) calc(10 / 4.8 * 1vw);
    font-size: calc(21 / 4.8 * 1vw);
  }
}
main.contact .__form-wrap .__quota-box textarea {
  border: 1px solid #1d2082;
  width: 100%;
  height: 200px;
  padding: 10px;
}
main.contact .__form-wrap .__quota-box .areashort textarea {
  border: 1px solid #1d2082;
  width: 100%;
  height: 120px;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  main.contact .__form-wrap .__quota-box textarea {
    height: calc(146 / 4.8 * 1vw);
  }
}
main.contact .__btn-wrap {
  display: flex;
  justify-content: center;
  margin: 100px 0;
}
@media screen and (max-width: 768px) {
  main.contact .__btn-wrap {
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    margin: calc(40 / 4.8 * 1vw) 0;
  }
}
main.contact .__btn-wrap button {
  align-items: center;
  background: none;
  border: 1px solid #1d1f82;
  color: #1d1f82;
  font-size: 20px;
  font-weight: 900;
  justify-content: center;
  display: flex;
  height: 56px;
  margin: 0 110px;
  width: 268px;
}
@media screen and (max-width: 768px) {
  main.contact .__btn-wrap button {
    font-size: calc(20 / 4.8 * 1vw);
    height: calc(56 / 4.8 * 1vw);
    width: calc(268 / 4.8 * 1vw);
    margin: 0;
  }
}
main.contact .__btn-wrap button[type="submit"] {
  background: #1d1f82;
  color: #fff;
}
@media screen and (max-width: 768px) {
  main.contact .__btn-wrap button[type="submit"] {
    margin-bottom: calc(20 / 4.8 * 1vw);
  }
}
@media screen and (max-width: 768px) {
  main.contact .__sp-acc {
    background: #eaeff9 url("/wp-content/themes/cotech/images/contact_arr_sp.png") center right calc(18 / 4.8 * 1vw)/calc(28 / 4.8 * 1vw) auto no-repeat;
    color: #1d2082;
    font-size: calc(24 / 4.8 * 1vw);
    font-weight: 900;
    line-height: calc(63 / 4.8 * 1vw);
    letter-spacing: -.05em;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  main.contact .Js-sp-acc {
    display: none;
  }
}
/*問合せ完了メッセージ */
main.contact .sub-lead {
  font-size: 165%;
  font-weight: 700;
  line-height: 47px;
  text-align: center;
  padding: 70px;
}
@media screen and (max-width: 768px) {
  main.contact .sub-lead {
    font-size: 100%;
    line-height: calc(47 / 4.8 * 1vw);
    padding: calc(30 / 4.8 * 1vw) calc(16 / 4.8 * 1vw);
  }
}
/* パンフレットダウンロード */
main.download .sub-lead {
  font-size: 165%;
  font-weight: 700;
  line-height: 47px;
  text-align: center;
  padding: 70px;
}
@media screen and (max-width: 768px) {
  main.download .sub-lead {
    font-size: 100%;
    line-height: calc(47 / 4.8 * 1vw);
    padding: calc(30 / 4.8 * 1vw) calc(16 / 4.8 * 1vw);
  }
}
main.download .sub-lead .chk {
  background: url("/wp-content/themes/cotech/images/download/icn_chk.jpg") center center/contain no-repeat;
  display: inline-block;
  height: 30px;
  width: 26px;
  margin: 0 .1em 6px;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  main.download .sub-lead .chk {
    height: calc(30 / 4.8 * 1vw);
    width: calc(26 / 4.8 * 1vw);
    margin: 0 0.1em calc(6 / 4.8 * 1vw);
  }
}
main.download h4 {
  align-items: center;
  background: #0050ff;
  display: flex;
  justify-content: center;
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  padding: 12px 0;
}
@media screen and (max-width: 768px) {
  main.download h4 {
    font-size: calc(36 / 4.8 * 1vw);
    padding: calc(12 / 4.8 * 1vw) 0;
    text-align: center;
  }
}
main.download .flx-box {
  display: flex;
  flex-wrap: wrap;
  row-gap: 50px;
  column-gap: 30px;
  margin: 80px 0 150px;
}
@media screen and (max-width: 768px) {
  main.download .flx-box {
    justify-content: space-between;
    row-gap: calc(30 / 4.8 * 1vw);
    column-gap: normal;
    margin: calc(40 / 4.8 * 1vw) 0 calc(60 / 4.8 * 1vw);
  }
}
main.download .flx-box .cont-box {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  background: #edf3ff;
  width: 270px;
}
@media screen and (max-width: 768px) {
  main.download .flx-box .cont-box {
    width: calc(210 / 4.8 * 1vw);
  }
}
main.download .flx-box .cont-box figure {
  padding: 30px 20px 20px;
  height: 270px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  main.download .flx-box .cont-box figure {
    padding: calc(20 / 4.8 * 1vw) calc(10 / 4.8 * 1vw) calc(10 / 4.8 * 1vw);
    height: calc(210 / 4.8 * 1vw);
  }
}
main.download .flx-box .cont-box figure img {
  object-fit: contain;
  height: 100%;
  width: 100%;
}
main.download .flx-box .cont-box .chk-box {
  align-items: center;
  display: flex;
  background: #ccdcff;
  height: 52px;
  padding: 4px 10px 4px 30px;
}
@media screen and (max-width: 768px) {
  main.download .flx-box .cont-box .chk-box {
    height: calc(52 / 4.8 * 1vw);
    padding: calc(4 / 4.8 * 1vw) calc(10 / 4.8 * 1vw);
  }
}
main.download .flx-box .cont-box .chk-box input[type="checkbox"] {
  border: 1px solid #0050ff;
  background: #fff;
  height: 10px;
  margin-right: 30px;
  width: 10px;
  outline: none;
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media screen and (max-width: 768px) {
  main.download .flx-box .cont-box .chk-box input[type="checkbox"] {
    height: calc(20 / 4.8 * 1vw);
    margin-right: calc(10 / 4.8 * 1vw);
    width: calc(20 / 4.8 * 1vw);
  }
}
main.download .flx-box .cont-box .chk-box input[type="checkbox"]:checked::after {
  content: "";
  display: block;
  position: absolute;
  border-bottom: 3px solid #0050ff;
  border-left: 3px solid #0050ff;
  opacity: 1;
  height: 3px;
  width: 7px;
  transform: rotate(-45deg);
  top: 3px;
  left: 2px;
}
@media screen and (max-width: 768px) {
  main.download .flx-box .cont-box .chk-box input[type="checkbox"]:checked::after {
    border-bottom: calc(3 / 4.8 * 1vw) solid #0050ff;
    border-left: calc(3 / 4.8 * 1vw) solid #0050ff;
    height: calc(4 / 4.8 * 1vw);
    width: calc(9 / 4.8 * 1vw);
    top: calc(4 / 4.8 * 1vw);
    left: calc(3 / 4.8 * 1vw);
  }
}
main.download .flx-box .cont-box .chk-box .txt {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}
@media screen and (max-width: 768px) {
  main.download .flx-box .cont-box .chk-box .txt {
    font-size: calc(14 / 4.8 * 1vw);
    line-height: calc(18 / 4.8 * 1vw);
  }
}
main.download .notice {
  font-size: 16px;
  font-weight: 500;
  padding: 30px 0 50px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  main.download .notice {
    padding: calc(30 / 4.8 * 1vw) 0 calc(50 / 4.8 * 1vw);
    font-size: calc(16 / 4.8 * 1vw);
  }
}
main.download .form-box {
  margin: 0 auto 160px;
  width: 570px;
}
@media screen and (max-width: 768px) {
  main.download .form-box {
    margin: 0 auto calc(80 / 4.8 * 1vw);
    width: 100%;
  }
}
main.download .form-box dl {
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  main.download .form-box dl {
    margin-bottom: calc(30 / 4.8 * 1vw);
    font-size: calc(16 / 4.8 * 1vw);
  }
}
main.download .form-box dl dt {
  align-items: center;
  display: flex;
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  main.download .form-box dl dt {
    margin-bottom: calc(10 / 4.8 * 1vw);
  }
}
main.download .form-box dl dt span {
  background: #d00012;
  color: #fff;
  font-size: 12px;
  margin-right: 5px;
  padding: 0 .3em;
}
@media screen and (max-width: 768px) {
  main.download .form-box dl dt span {
    font-size: calc(12 / 4.8 * 1vw);
    margin-right: calc(5 / 4.8 * 1vw);
  }
}
main.download .form-box dl dd input[type="text"] {
  height: 43px;
  width: 100%;
}
main.download .form-box dl dd input[type="email"] {
  height: 43px;
  width: 100%;
}
@media screen and (max-width: 768px) {
  main.download .form-box dl dd input[type="text"] {
    height: calc(43 / 4.8 * 1vw);
  }
  main.download .form-box dl dd input[type="email"] {
    height: calc(43 / 4.8 * 1vw);
  }
}
main.download .form-box dl.chk {
  align-items: center;
  display: flex;
}
@media screen and (max-width: 768px) {
  main.download .form-box dl.chk {
    display: block;
  }
}
main.download .form-box dl.chk dt {
  margin: 0 30px 0 0;
}
@media screen and (max-width: 768px) {
  main.download .form-box dl.chk dt {
    margin: 0 calc(30 / 4.8 * 1vw) 0 0;
  }
}
main.download .form-box dl.chk dd {
  align-items: center;
  display: flex;
  padding-top: 2px;
}
@media screen and (max-width: 768px) {
  main.download .form-box dl.chk dd {
    padding-top: calc(2 / 4.8 * 1vw);
  }
}
main.download .form-box dl.chk dd label {
  align-items: center;
  display: flex;
}
main.download .form-box dl.chk dd label input[type="checkbox"] {
  height: 12px;
  width: 12px;
}
@media screen and (max-width: 768px) {
  main.download .form-box dl.chk dd label input[type="checkbox"] {
    height: calc(20 / 4.8 * 1vw);
    width: calc(20 / 4.8 * 1vw);
  }
}
main.download .form-box .send-btn {
  padding: 120px 0 0;
}
@media screen and (max-width: 768px) {
  main.download .form-box .send-btn {
    padding: calc(40 / 4.8 * 1vw) 0 0;
  }
}
main.download .form-box .send-btn button input[type="submit"] {
  align-items: center;
  border: none!important;
  display: flex;
  justify-content: center;
  background: #0050ff;
  font-size: 20px;
  color: #fff;
  font-weight: 700;
  height: 56px;
  width: 268px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  main.download .form-box .send-btn button input[type="submit"] {
    font-size: calc(20 / 4.8 * 1vw);
    height: calc(56 / 4.8 * 1vw);
    width: 100%;
  }
}

aside .link-btn-wrap {
  display: flex;
  justify-content: space-between;
  margin: 80px auto;
  width: 1170px;
}
@media screen and (max-width: 768px) {
  aside .link-btn-wrap {
    flex-direction: column;
    padding: 0 calc(15 / 4.8 * 1vw);
    margin: calc(25 / 4.8 * 1vw) auto;
    row-gap: calc(15 / 4.8 * 1vw);
    width: 100%;
  }
}
aside .link-btn-wrap a {
  align-items: center;
  color: #fff;
  display: flex;
  justify-content: center;
  border-radius: 10px;
  font-size: 20px;
  font-weight: 700;
  height: 68px;
  width: 370px;
}
@media screen and (max-width: 768px) {
  aside .link-btn-wrap a {
    font-size: calc(24 / 4.8 * 1vw);
    height: calc(68 / 4.8 * 1vw);
    width: 100%;
  }
}
aside .link-btn-wrap a.contact {
  background: #0050ff;
}
aside .link-btn-wrap a.air {
  background: #ff8000;
}
aside .link-btn-wrap a.panf {
  background: #00cd85;
}

/* 20230304追記 */
.top-list-move.lay01 {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .top-list-move {
    padding: calc(5 / 4.8 * 1vw) 0 0;
  }
}
.top-list-move .spl-inner {
  background: #fff;
  margin: 60px auto 0;
  width: 1170px;
  /* PC setting */
  /* SP setting */
}
@media screen and (max-width: 768px) {
  .top-list-move .spl-inner {
    padding-bottom: calc(5 / 4.8 * 1vw);
    width: 100%;
  }
}
.top-list-move .spl-inner h3 {
  background: #0050ff;
  color: #fff;
  font-size: 27px;
  font-weight: 900;
  line-height: 56px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .top-list-move .spl-inner h3 {
    font-size: calc(38 / 4.8 * 1vw);
    line-height: calc(70 / 4.8 * 1vw);
    margin-bottom: calc(20 / 4.8 * 1vw);
  }
}
@media screen and (min-width: 769px) {
  .top-list-move .spl-inner .table-box {
    padding: 30px 35px;
  }
  .top-list-move .spl-inner .table-box .inner {
    position: relative;
  }
  .top-list-move .spl-inner .table-box .inner .link {
    left: 0;
    position: absolute;
    width: 320px;
  }
  .top-list-move .spl-inner .table-box .inner .link .inner-link {
    position: relative;
    opacity: 0;
    transition: .3s ease;
    pointer-events: none;
  }
  .top-list-move .spl-inner .table-box .inner .link .inner-link ul {
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
    padding: 15px;
    position: absolute;
    left: 310px;
    width: 100%;
  }
  .top-list-move .spl-inner .table-box .inner .link .inner-link ul a {
    color: #fff;
    text-decoration: underline;
    font-size: 12px;
    font-weight: 500;
    align-items: center;
    display: flex;
  }
  .top-list-move .spl-inner .table-box .inner .link .inner-link ul a figure {
    margin-right: 15px;
  }
  .top-list-move .spl-inner .table-box .inner .link .inner-link ul a figure img {
    object-fit: cover;
    height: 46px;
    width: 60px;
  }
  .top-list-move .spl-inner .table-box .inner .link.link01 {
    height: 247px;
    top: 68px;
  }
  .top-list-move .spl-inner .table-box .inner .link.link01 .inner-link {
    top: 30px;
    width: 550px;
  }
  .top-list-move .spl-inner .table-box .inner .link.link01 .inner-link ul {
    background: #ff8000;
  }
  .top-list-move .spl-inner .table-box .inner .link.link01 .inner-link ul li {
    background-color: transparent;
  }
  .top-list-move .spl-inner .table-box .inner .link.link01 .inner-link ul li:nth-child(odd) {
    width: 250px;
  }
  .top-list-move .spl-inner .table-box .inner .link.link01:hover {
    cursor: pointer;
  }
  .top-list-move .spl-inner .table-box .inner .link.link01:hover .inner-link {
    pointer-events: all;
    opacity: 1;
  }
  .top-list-move .spl-inner .table-box .inner .link.link02 {
    height: 173px;
    top: 317px;
  }
  .top-list-move .spl-inner .table-box .inner .link.link02 .inner-link {
    top: 5px;
    width: 550px;
  }
  .top-list-move .spl-inner .table-box .inner .link.link02 .inner-link ul {
    background: #0050ff;
  }
  .top-list-move .spl-inner .table-box .inner .link.link02 .inner-link ul li:nth-child(odd) {
    width: 255px;
  }
  .top-list-move .spl-inner .table-box .inner .link.link02:hover {
    cursor: pointer;
  }
  .top-list-move .spl-inner .table-box .inner .link.link02:hover .inner-link {
    pointer-events: all;
    opacity: 1;
  }
  .top-list-move .spl-inner .table-box .inner .link.link03 {
    height: 73px;
    top: 490px;
  }
  .top-list-move .spl-inner .table-box .inner .link.link03 .inner-link {
    top: 5px;
    width: 260px;
  }
  .top-list-move .spl-inner .table-box .inner .link.link03 .inner-link ul {
    background: #040000;
    flex-direction: column;
  }
  .top-list-move .spl-inner .table-box .inner .link.link03:hover {
    cursor: pointer;
  }
  .top-list-move .spl-inner .table-box .inner .link.link03:hover .inner-link {
    opacity: 1;
    pointer-events: all;
  }
  .top-list-move .spl-inner .table-box .inner .link.link04 {
    height: 73px;
    top: 565px;
  }
  .top-list-move .spl-inner .table-box .inner .link.link04 .inner-link {
    bottom: 120px;
    width: 300px;
  }
  .top-list-move .spl-inner .table-box .inner .link.link04 .inner-link ul {
    background: #a5a5a5;
    flex-direction: column;
  }
  .top-list-move .spl-inner .table-box .inner .link.link04:hover {
    cursor: pointer;
  }
  .top-list-move .spl-inner .table-box .inner .link.link04:hover .inner-link {
    opacity: 1;
    pointer-events: all;
  }
}
@media screen and (max-width: 768px) {
  .top-list-move .spl-inner .table-box-sp {
    padding: calc(15 / 4.8 * 1vw);
  }
  .top-list-move .spl-inner .table-box-sp .cont-box {
    margin-bottom: calc(30 / 4.8 * 1vw);
  }
  .top-list-move .spl-inner .table-box-sp .cont-box ul {
    display: none;
    margin-top: calc(5 / 4.8 * 1vw);
    padding: calc(15 / 4.8 * 1vw) calc(15 / 4.8 * 1vw) 1px;
  }
  .top-list-move .spl-inner .table-box-sp .cont-box ul.link01 {
    background: #ff8000;
  }
  .top-list-move .spl-inner .table-box-sp .cont-box ul.link02 {
    background: #0050ff;
  }
  .top-list-move .spl-inner .table-box-sp .cont-box ul.link03 {
    background: #040000;
  }
  .top-list-move .spl-inner .table-box-sp .cont-box ul.link04 {
    background: #a5a5a5;
  }
  .top-list-move .spl-inner .table-box-sp .cont-box ul li {
    color: #fff;
    border-bottom: 1px solid #ccc;
    margin-bottom: calc(15 / 4.8 * 1vw);
    padding-bottom: calc(15 / 4.8 * 1vw);
    width: 100%;
  }
  .top-list-move .spl-inner .table-box-sp .cont-box ul li a {
    align-items: center;
    display: flex;
    width: 100%;
    font-size: calc(13 / 4.8 * 1vw);
    font-weight: 700;
  }
  .top-list-move .spl-inner .table-box-sp .cont-box ul li a figure {
    margin-right: calc(14 / 4.8 * 1vw);
    width: calc(60 / 4.8 * 1vw);
    height: auto;
  }
  .top-list-move .spl-inner .table-box-sp .cont-box ul li:last-child {
    border: none;
    padding-bottom: 0;
  }
}