@charset "UTF-8";
  ._en {
font-family: "Montserrat", "Noto Sans JP", sans-serif;
font-weight: 700;
}
._text-right {
text-align: right;
} *,
*:before,
*:after {
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
font-size: 62.5%;
}
body {
font-family: YakuHanJP_Narrow, "Noto Sans JP", sans-serif;
color: #333;
font-weight: 500 !important;
font-size: 1.6rem;
line-height: 1.5;
letter-spacing: 0.06em;
transition: 0.3s ease;
}
@media screen and (max-width: 768px) {
body {
font-size: 1.4rem;
}
}
body:before {
content: "";
background-color: rgba(0, 0, 0, 0);
transition: 0.3s ease;
}
body.load {
overflow-y: auto;
opacity: 1;
}
body.overlay {
overflow: hidden;
height: 100%;
}
body.overlay:before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 9998;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
figure {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
fieldset,
img {
border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
font-style: normal;
font-weight: normal;
}
ol,
ul {
list-style: none;
}
caption,
th {
text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: normal;
}
q:before,
q:after {
content: "";
}
abbr,
acronym {
border: 0;
font-variant: normal;
}
sup {
vertical-align: text-top;
}
sub {
vertical-align: text-bottom;
}
input,
textarea,
select,
button {
color: inherit;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit; }
textarea {
resize: vertical;
display: block;
}
button {
padding: 0;
cursor: pointer;
}
legend {
color: #333;
}
main {
position: relative;
transition: 0.3s ease;
}
main { }
main#page {
background-color: #e3ebf1;
}
a {
text-decoration: none;
color: inherit;
transition: 0.3s ease;
text-underline-offset: 0.3em;
}
.post-layout {
display: flex;
gap: 4rem;
justify-content: space-between;
}
@media screen and (max-width: 768px) {
.post-layout {
flex-flow: column-reverse;
gap: 3rem;
}
}
.single-post ul.toc_widget_list.no_bullets {
counter-reset: list-num;
}
.single-post ul.toc_widget_list.no_bullets li {
position: relative;
padding-left: 1.5em; }
.single-post ul.toc_widget_list.no_bullets li::before {
counter-increment: list-num;
content: counter(list-num);
position: absolute;
top: 3px;
left: 0px;
width: 1.9em;
height: 1.9em;
border-radius: 50%;
background: #000;
color: #fff;
font-size: 0.55em;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
padding-left: 0.1rem;
padding-bottom: 0.1rem;
line-height: 1;
}
@media screen and (max-width: 768px) {
.single-post ul.toc_widget_list.no_bullets li::before {
padding-bottom: 0.2rem;
top: 3px;
}
}
.single-post ._cnt p a {
color: blue !important;
}
.topCnBox {
width: 100%;
background: #fff;
padding-inline: 1.5rem;
padding-block: 2rem;
border-radius: 1rem;
height: -moz-fit-content;
height: fit-content;
}
.post-sidebar {
opacity: 1;
visibility: visible;
transition: opacity 0.7s ease, visibility 0s linear 0.7s;
}
.conFix .post-sidebar {
opacity: 0;
pointer-events: none;
visibility: hidden;
transition: opacity 0.7s ease, visibility 0s linear 0.7s;
}
.post-sidebar {
top: 17rem;
}
.scrolled .post-sidebar {
top: 3rem;
}
.post-sidebar.__list {
position: sticky;
}
.post-sidebar {
width: 557px;
background: #fff;
padding-inline: 1.5rem;
padding-block: 2rem;
border-radius: 1rem;
height: -moz-fit-content;
height: fit-content;
position: fixed;
right: 15px;
z-index: 999;
}
@media only screen and (max-width: 1199px) {
.post-sidebar {
width: 100%;
position: unset;
}
}
.post-main {
width: 70%;
}
@media only screen and (max-width: 1764px) {
.post-main {
width: 50%;
}
}
@media only screen and (max-width: 1199px) {
.post-main {
width: 70%;
}
}
@media only screen and (max-width: 768px) {
.post-main {
width: 100%;
}
}
img {
width: 100%;
height: auto;
vertical-align: bottom;
}
svg {
display: block;
}
* {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
box-sizing: border-box;
image-rendering: -webkit-optimize-contrast;
font-feature-settings: "palt";
}
_::-webkit-full-page-media,
_:future,
:root * {
image-rendering: auto;
}
*::before,
*::after {
box-sizing: border-box;
}
br.pc,
div.pc {
display: block;
}
@media screen and (max-width: 768px) {
br.pc,
div.pc {
display: none;
}
}
br.sp,
div.sp {
display: none;
}
@media screen and (max-width: 768px) {
br.sp,
div.sp {
display: block;
}
}
span.pc,
i.pc {
display: inline;
font-style: normal;
}
@media screen and (max-width: 768px) {
span.pc,
i.pc {
display: none;
}
}
span.sp,
i.sp {
display: none;
}
@media screen and (max-width: 768px) {
span.sp,
i.sp {
display: inline;
font-style: normal;
}
}
.hidden {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
display: inline-block;
}
#wrapper {
width: 100vw;
position: relative;
padding: 0;
}
@media screen and (max-width: 768px) {
#wrapper {
overflow: hidden;
}
}
.inner {
margin: 0 auto;
padding: 0 3.6603221083vw;
width: auto;
}
@media screen and (min-width: 1466px) {
#post-column .inner {
width: 90%;
max-width: 1800px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.inner {
width: 1366px;
padding: 0;
max-width: none;
}
}
@media screen and (max-width: 768px) {
.inner {
width: auto;
padding: 0 5.3333333333vw;
max-width: none;
}
}
.swiper-button-next {
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/slider-arrow-r.svg) no-repeat center/contain;
width: 3.6603221083vw;
height: 3.6603221083vw;
right: 0;
top: 50%;
transform: translateY(-50%);
}
@media screen and (min-width: 1466px) {
.swiper-button-next {
width: 50px;
height: 50px;
}
}
@media screen and (max-width: 768px) {
.swiper-button-next {
width: 13.3333333333vw;
height: 13.3333333333vw;
}
}
.swiper-button-next:after {
content: none;
}
.swiper-button-prev {
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/slider-arrow-l.svg) no-repeat center/contain;
width: 3.6603221083vw;
height: 3.6603221083vw;
left: 0;
top: 50%;
transform: translateY(-50%);
}
@media screen and (min-width: 1466px) {
.swiper-button-prev {
width: 50px;
height: 50px;
}
}
@media screen and (max-width: 768px) {
.swiper-button-prev {
width: 13.3333333333vw;
height: 13.3333333333vw;
}
}
.swiper-button-prev:after {
content: none;
}
.mb5 {
margin-bottom: 5em;
}
@media screen and (max-width: 768px) {
.mb5 {
margin-bottom: 3em;
}
} header {
width: 100vw;
position: fixed;
top: 0;
left: 0;
z-index: 10001;
font-weight: 600;
transition: 0.3s ease;
height: 9.5168374817vw;
background-color: transparent;
color: #fff;
}
@media screen and (min-width: 1466px) {
header {
height: 130px;
}
}
@media screen and (max-width: 1024px) {
header {
height: 9.5168374817vw;
}
}
@media screen and (max-width: 768px) {
header {
height: 16vw;
background-color: rgba(0, 0, 57, 0.95);
}
}
header.scrolled {
top: -9.5168374817vw;
}
@media screen and (min-width: 1466px) {
header.scrolled {
top: -130px;
}
}
@media screen and (max-width: 1024px) {
header.scrolled {
top: 0;
}
}
header._bg {
background-color: #000039;
}
header .header-top {
position: relative;
height: 100%;
}
header .header-top ._wrap {
display: flex;
align-items: center;
justify-content: space-between;
height: 100%;
padding: 0 2.196193265vw 0 2.9282576867vw;
}
@media screen and (min-width: 1466px) {
header .header-top ._wrap {
padding: 0 30px 0 40px;
}
}
@media screen and (max-width: 768px) {
header .header-top ._wrap {
padding: 0 5.3333333333vw;
}
}
header .header-top .header-logo ._h {
display: flex;
flex-direction: column;
line-height: 1;
}
header .header-top .header-logo ._h ._p {
font-size: 1.0980966325vw;
margin: 0 0 1.2em;
}
@media screen and (min-width: 1466px) {
header .header-top .header-logo ._h ._p {
font-size: 15px;
}
}
@media screen and (max-width: 1740px) {
header .header-top .header-logo ._h ._p {
font-size: 0.78125vw;
}
}
@media screen and (max-width: 1024px) {
header .header-top .header-logo ._h ._p {
font-size: 1.0980966325vw;
}
}
@media screen and (max-width: 768px) {
header .header-top .header-logo ._h ._p {
font-size: 2.6666666667vw;
margin: 0 0 0.8em;
}
}
header .header-top .header-logo ._h a {
display: inline-block;
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/logo.svg) no-repeat center/contain;
width: 28.8433382138vw;
height: 3.0014641288vw;
}
@media screen and (min-width: 1466px) {
header .header-top .header-logo ._h a {
width: 394px;
height: 41px;
}
}
@media screen and (max-width: 1740px) {
header .header-top .header-logo ._h a {
width: 20.5208333333vw;
height: 2.1354166667vw;
}
}
@media screen and (max-width: 1024px) {
header .header-top .header-logo ._h a {
width: 28.8433382138vw;
height: 3.0014641288vw;
}
}
@media screen and (max-width: 768px) {
header .header-top .header-logo ._h a {
width: 73.3333333333vw;
height: 7.4666666667vw;
}
}
header .header-top .header-menu {
display: flex;
align-items: center;
gap: 0.7320644217vw;
}
@media screen and (min-width: 1466px) {
header .header-top .header-menu {
gap: 30px;
}
}
@media screen and (max-width: 1740px) {
header .header-top .header-menu {
gap: 1.5625vw;
}
}
@media screen and (max-width: 1024px) {
header .header-top .header-menu nav {
display: none;
}
}
header .header-top .header-menu nav ul {
display: flex;
align-items: center;
font-size: 1.0248901903vw;
}
@media screen and (min-width: 1466px) {
header .header-top .header-menu nav ul {
font-size: 15px;
}
}
@media screen and (max-width: 1740px) {
header .header-top .header-menu nav ul {
font-size: 0.8333333333vw;
}
}
header .header-top .header-menu nav ul li {
padding: 0 0.6em 0 0.5em;
position: relative;
letter-spacing: 0.1em;
}
@media screen and (min-width: 1466px) {
header .header-top .header-menu nav ul li {
padding: 0 0.6em 0 1em;
}
}
@media screen and (max-width: 1740px) {
header .header-top .header-menu nav ul li {
padding: 0 0.6em 0 1em;
}
}
header .header-top .header-menu nav ul li a {
font-weight: 600;
cursor: pointer;
}
header .header-top .header-menu nav ul li a:after {
content: "";
position: absolute;
top: 150%;
left: 50%;
transform: translateX(-50%);
background-color: #fff;
border-radius: 0.2196193265vw;
height: 0;
width: 0.2196193265vw;
transition: 0.3s ease;
}
@media screen and (min-width: 1466px) {
header .header-top .header-menu nav ul li a:after {
border-radius: 3px;
width: 3px;
}
}
@media screen and (max-width: 1740px) {
header .header-top .header-menu nav ul li a:after {
border-radius: 0.15625vw;
width: 0.15625vw;
}
}
header .header-top .header-menu nav ul li a:hover {
color: #ffde00;
}
header .header-top .header-menu nav ul li a:hover:after {
height: 1.4641288433vw;
}
@media screen and (min-width: 1466px) {
header .header-top .header-menu nav ul li a:hover:after {
height: 20px;
}
}
@media screen and (max-width: 1740px) {
header .header-top .header-menu nav ul li a:hover:after {
height: 1.0416666667vw;
}
}
header .header-top .header-menu nav ul li.current a {
color: #ffde00;
}
header .header-top .header-menu nav ul li.current a:after {
height: 1.4641288433vw;
}
@media screen and (min-width: 1466px) {
header .header-top .header-menu nav ul li.current a:after {
height: 20px;
}
}
@media screen and (max-width: 1740px) {
header .header-top .header-menu nav ul li.current a:after {
height: 1.0416666667vw;
}
}
header .header-top .header-menu nav ul li:last-child:after {
content: none;
}
header .header-top .header-menu .header-btn {
display: flex;
align-items: center;
gap: 0.7320644217vw;
}
@media screen and (min-width: 1466px) {
header .header-top .header-menu .header-btn {
gap: 10px;
}
}
@media screen and (max-width: 1740px) {
header .header-top .header-menu .header-btn {
gap: 0.5208333333vw;
}
}
@media screen and (max-width: 1024px) {
header .header-top .header-menu .header-btn {
padding: 0 9.5168374817vw 0 0;
gap: 0.7320644217vw;
}
}
@media screen and (max-width: 768px) {
header .header-top .header-menu .header-btn {
display: none;
}
}
header .header-top .header-menu .header-btn a {
display: flex;
width: 15.3733528551vw;
height: 5.1244509517vw;
border-radius: 0.7320644217vw;
align-items: center;
justify-content: center;
font-size: 1.1713030747vw;
font-weight: 700;
position: relative;
overflow: hidden;
}
@media screen and (min-width: 1466px) {
header .header-top .header-menu .header-btn a {
width: 210px;
height: 70px;
border-radius: 10px;
font-size: 16px;
}
}
@media screen and (max-width: 1740px) {
header .header-top .header-menu .header-btn a {
width: 10.9375vw;
height: 3.6458333333vw;
border-radius: 0.5208333333vw;
font-size: 0.8333333333vw;
}
}
@media screen and (max-width: 1024px) {
header .header-top .header-menu .header-btn a {
width: 15.3733528551vw;
height: 5.1244509517vw;
border-radius: 0.7320644217vw;
font-size: 1.1713030747vw;
}
}
header .header-top .header-menu .header-btn a:before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
background-size: contain;
background-repeat: no-repeat;
}
header .header-top .header-menu .header-btn a:after {
content: "";
position: absolute;
top: -10%;
left: -100%;
width: 100%;
height: 120%;
z-index: 1;
background: rgba(255, 255, 255, 0.2);
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
transition: 0.4s ease;
rotate: -10deg;
}
header .header-top .header-menu .header-btn a span {
padding: 0 0 0 1em;
position: relative;
z-index: 10;
}
header .header-top .header-menu .header-btn a:hover:after {
left: 100%;
}
header .header-top .header-menu .header-btn ._catalog a {
background-color: #008865;
}
header .header-top .header-menu .header-btn ._catalog a:before {
background-image: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/header-icon01.svg);
width: 1.5373352855vw;
height: 1.9765739385vw;
left: 1.4641288433vw;
}
@media screen and (min-width: 1466px) {
header .header-top .header-menu .header-btn ._catalog a:before {
width: 21px;
height: 27px;
left: 20px;
}
}
@media screen and (max-width: 1740px) {
header .header-top .header-menu .header-btn ._catalog a:before {
width: 1.09375vw;
height: 1.40625vw;
left: 1.0416666667vw;
}
}
@media screen and (max-width: 1024px) {
header .header-top .header-menu .header-btn ._catalog a:before {
width: 1.5373352855vw;
height: 1.9765739385vw;
left: 1.4641288433vw;
}
}
header .header-top .header-menu .header-btn ._estimate a {
background-color: #ffde00;
color: #000039;
}
header .header-top .header-menu .header-btn ._estimate a:before {
background-image: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/header-icon02.svg);
width: 1.4641288433vw;
height: 2.0497803807vw;
left: 1.6105417277vw;
}
@media screen and (min-width: 1466px) {
header .header-top .header-menu .header-btn ._estimate a:before {
width: 20px;
height: 28px;
left: 22px;
}
}
@media screen and (max-width: 1740px) {
header .header-top .header-menu .header-btn ._estimate a:before {
width: 1.0416666667vw;
height: 1.4583333333vw;
left: 1.1458333333vw;
}
}
@media screen and (max-width: 1024px) {
header .header-top .header-menu .header-btn ._estimate a:before {
width: 1.4641288433vw;
height: 2.0497803807vw;
left: 1.6105417277vw;
}
}
#megamenu {
position: fixed;
z-index: -1;
opacity: 0;
visibility: hidden;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.5);
transition: 0.3s ease;
}
@media screen and (max-width: 1024px) {
#megamenu {
display: none !important;
}
}
#megamenu ._close {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
#megamenu.active {
z-index: 9999;
opacity: 1;
visibility: visible;
}
#megamenu .mm-cnt {
position: absolute;
top: 8.78477306vw;
left: 50%;
width: 100vw;
transform: translateX(-50%);
background: #fff;
padding: 2.196193265vw;
border-radius: 0.878477306vw;
z-index: -1;
visibility: hidden;
opacity: 0;
transition: 0.3s ease;
}
@media screen and (min-width: 1466px) {
#megamenu .mm-cnt {
top: 120px;
width: 1366px;
padding: 30px;
border-radius: 12px;
}
}
#megamenu .mm-cnt:before {
content: "";
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/mm-bg.webp) no-repeat center bottom/cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0.2;
}
#megamenu .mm-cnt.current {
z-index: 10;
visibility: visible;
opacity: 1;
}
#megamenu .mm-cnt ._wrap {
display: flex;
justify-content: space-between;
position: relative;
z-index: 10;
}
#megamenu .mm-cnt ._wrap ._col {
width: 30.8931185944vw;
}
@media screen and (min-width: 1466px) {
#megamenu .mm-cnt ._wrap ._col {
width: 422px;
}
}
#megamenu .mm-cnt ._wrap ._col figure {
margin: 0 0 1.4641288433vw;
width: 100%;
}
@media screen and (min-width: 1466px) {
#megamenu .mm-cnt ._wrap ._col figure {
margin: 0 0 20px;
}
}
#megamenu .mm-cnt ._wrap ._col dl dt {
font-size: 1.4641288433vw;
margin: 0 0 0.6em;
font-weight: 700;
}
@media screen and (min-width: 1466px) {
#megamenu .mm-cnt ._wrap ._col dl dt {
font-size: 20px;
}
}
#megamenu .mm-cnt ._wrap ._col dl dd {
font-size: 1.1713030747vw;
margin: 0 0 0.6em;
}
@media screen and (min-width: 1466px) {
#megamenu .mm-cnt ._wrap ._col dl dd {
font-size: 16px;
}
}
#megamenu .mm-cnt ._wrap ._col dl dd a {
color: #000078;
padding: 0 0 0 1.5em;
position: relative;
}
#megamenu .mm-cnt ._wrap ._col dl dd a:before {
content: "";
position: absolute;
top: 50%;
left: 0;
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/mm-arrow.svg) no-repeat center/contain;
width: 1.0248901903vw;
height: 0.8052708638vw;
transition: 0.3s ease;
transform: translateY(-50%);
}
@media screen and (min-width: 1466px) {
#megamenu .mm-cnt ._wrap ._col dl dd a:before {
width: 14px;
height: 11px;
}
}
#megamenu .mm-cnt ._wrap ._col dl dd a:hover {
color: #000039;
}
#megamenu .mm-cnt ._wrap ._col dl dd a:hover:before {
left: 0.3660322108vw;
}
@media screen and (min-width: 1466px) {
#megamenu .mm-cnt ._wrap ._col dl dd a:hover:before {
left: 5px;
}
} #sp-menu-trigger {
position: fixed;
top: 0;
right: 0;
z-index: 10010;
display: none;
transition: 0.3s ease;
}
@media screen and (max-width: 1024px) {
#sp-menu-trigger {
display: block;
}
}
#sp-menu-trigger a {
display: flex;
align-items: center;
justify-content: center;
color: #fff;
width: 9.5168374817vw;
height: 9.5168374817vw;
background-color: #ffde00;
overflow: hidden;
cursor: pointer;
}
@media screen and (max-width: 768px) {
#sp-menu-trigger a {
width: 16vw;
height: 16vw;
}
}
#sp-menu-trigger a:hover ._icon {
scale: 1.05;
}
#sp-menu-trigger a ._icon {
width: 4.6852122987vw;
height: 3.6603221083vw;
position: relative;
transition: 0.3s ease;
}
@media screen and (max-width: 768px) {
#sp-menu-trigger a ._icon {
width: 8.5333333333vw;
height: 6.6666666667vw;
}
}
#sp-menu-trigger a ._icon span {
position: absolute;
width: 100%;
height: 0.2928257687vw;
left: 0;
background-color: #000039;
transition: 0.3s ease;
}
@media screen and (max-width: 768px) {
#sp-menu-trigger a ._icon span {
height: 0.5333333333vw;
}
}
#sp-menu-trigger a ._icon span:nth-child(1) {
top: 0;
}
#sp-menu-trigger a ._icon span:nth-child(2) {
top: 50%;
margin-top: -0.0732064422vw;
}
@media screen and (max-width: 768px) {
#sp-menu-trigger a ._icon span:nth-child(2) {
margin-top: -0.2666666667vw;
}
}
#sp-menu-trigger a ._icon span:nth-child(3) {
bottom: 0;
}
#sp-menu-trigger.active a ._icon span:nth-child(1) {
transform: translate(0vw, 1.6837481698vw) rotate(-135deg);
}
@media screen and (max-width: 768px) {
#sp-menu-trigger.active a ._icon span:nth-child(1) {
transform: translate(0vw, 3.0666666667vw) rotate(-135deg);
}
}
#sp-menu-trigger.active a ._icon span:nth-child(2) {
opacity: 0;
transform: translate(100%, 0);
}
#sp-menu-trigger.active a ._icon span:nth-child(3) {
transform: translate(0vw, -1.6837481698vw) rotate(135deg);
}
@media screen and (max-width: 768px) {
#sp-menu-trigger.active a ._icon span:nth-child(3) {
transform: translate(0vw, -3.0666666667vw) rotate(135deg);
}
}
#sp-gmenu {
position: fixed;
top: 9.5168374817vw;
right: 0;
width: 40vw;
background-color: rgba(0, 0, 57, 0.95);
color: #fff;
transition: 0.3s ease;
opacity: 0;
visibility: hidden;
z-index: -1;
}
@media screen and (max-width: 768px) {
#sp-gmenu {
width: 100vw;
top: 16vw;
left: 0;
right: auto;
}
}
#sp-gmenu.active {
right: 0;
opacity: 1;
visibility: visible;
z-index: 9999;
}
#sp-gmenu.active .sp-gmenu-wrap {
max-height: calc(100vh - 9.5168374817vw);
max-height: calc(100svh - 9.5168374817vw);
}
@media screen and (max-width: 768px) {
#sp-gmenu.active .sp-gmenu-wrap {
max-height: calc(100vh - 16vw);
max-height: calc(100svh - 16vw);
}
}
#sp-gmenu .sp-gmenu-wrap {
padding: 1.4641288433vw 2.9282576867vw 4.39238653vw;
overflow: auto;
transition: 0.3s ease;
}
@media screen and (max-width: 768px) {
#sp-gmenu .sp-gmenu-wrap {
padding: 5.3333333333vw 5.3333333333vw 16vw;
}
}
#sp-gmenu ._list {
margin: 0 0 1.0980966325vw;
}
@media screen and (max-width: 768px) {
#sp-gmenu ._list {
margin: 0 0 4vw;
}
}
#sp-gmenu ._list ul li {
border-bottom: solid rgba(255, 255, 255, 0.4) 0.0732064422vw;
font-size: 1.0980966325vw;
font-weight: 600;
}
@media screen and (max-width: 768px) {
#sp-gmenu ._list ul li {
border-bottom-width: 0.2666666667vw;
font-size: 3.7333333333vw;
}
}
#sp-gmenu ._list ul li:last-child {
border-bottom: none;
}
#sp-gmenu ._list ul li a {
display: block;
position: relative;
padding: 1.4em 0;
position: relative;
}
#sp-gmenu ._list ul li a:after {
content: "";
position: absolute;
top: 50%;
right: 0.6em;
width: 0.8052708638vw;
height: 1.0248901903vw;
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/sp-menu-arrow.svg) no-repeat center/contain;
margin-top: -0.5124450952vw;
transition: 0.3s ease;
}
@media screen and (max-width: 768px) {
#sp-gmenu ._list ul li a:after {
width: 2.9333333333vw;
height: 3.7333333333vw;
margin-top: -1.8666666667vw;
}
}
#sp-gmenu ._list ul li a:hover:after {
right: 0;
}
#sp-gmenu ._list ul li a span {
display: inline-block;
position: relative;
}
#sp-gmenu ._list ul li._pa {
position: relative;
padding-bottom: 1.4em;
}
#sp-gmenu ._list ul li._pa ._b {
display: grid;
grid-auto-flow: column;
grid-template-columns: 1.5fr 1fr;
grid-template-rows: 1fr 1fr 1fr 1fr;
}
#sp-gmenu ._list ul li._pa ._b a {
padding: 0.3em 0;
}
#sp-gmenu ._list ul li._pa a:after {
content: none;
}
#sp-gmenu ._list ul li._pb {
position: relative;
padding-bottom: 1.4em;
}
#sp-gmenu ._list ul li._pb ._b {
display: grid;
grid-auto-flow: column;
grid-template-columns: 1.1fr 1fr;
grid-template-rows: 1fr 1fr 1fr 1fr;
}
#sp-gmenu ._list ul li._pb ._b a {
padding: 0.3em 0;
}
#sp-gmenu ._list ul li._pb a:after {
content: none;
}
#sp-gmenu ._btn {
display: none;
justify-content: center;
}
@media screen and (max-width: 768px) {
#sp-gmenu ._btn {
display: flex;
justify-content: space-between;
}
}
#sp-gmenu ._btn a {
display: flex;
width: 11.8960468521vw;
height: 5.8565153734vw;
border-radius: 0.7320644217vw;
align-items: center;
justify-content: center;
font-size: 1.1713030747vw;
font-weight: 700;
position: relative;
overflow: hidden;
}
@media screen and (max-width: 768px) {
#sp-gmenu ._btn a {
width: 43.3333333333vw;
height: 21.3333333333vw;
border-radius: 2.6666666667vw;
font-size: 4.2666666667vw;
}
}
#sp-gmenu ._btn a:before {
content: "";
position: absolute;
left: 50%;
bottom: 1.0248901903vw;
transform: translateX(-50%);
background-size: contain;
background-repeat: no-repeat;
}
@media screen and (max-width: 768px) {
#sp-gmenu ._btn a:before {
bottom: 3.7333333333vw;
}
}
#sp-gmenu ._btn a:after {
content: "";
position: absolute;
top: -10%;
left: -100%;
width: 100%;
height: 120%;
z-index: 1;
background: rgba(255, 255, 255, 0.2);
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
transition: 0.4s ease;
rotate: -10deg;
}
#sp-gmenu ._btn a span {
padding: 0 0 2.196193265vw;
position: relative;
z-index: 10;
}
@media screen and (max-width: 768px) {
#sp-gmenu ._btn a span {
padding: 0 0 8vw;
}
}
#sp-gmenu ._btn a:hover:after {
left: 100%;
}
#sp-gmenu ._btn ._catalog a {
background-color: #008865;
}
#sp-gmenu ._btn ._catalog a:before {
background-image: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/header-icon01.svg);
width: 1.1713030747vw;
height: 1.5373352855vw;
}
@media screen and (max-width: 768px) {
#sp-gmenu ._btn ._catalog a:before {
width: 4.2666666667vw;
height: 5.6vw;
}
}
#sp-gmenu ._btn ._estimate a {
background-color: #ffde00;
color: #000039;
}
#sp-gmenu ._btn ._estimate a:before {
background-image: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/header-icon02.svg);
width: 1.1713030747vw;
height: 1.6105417277vw;
}
@media screen and (max-width: 768px) {
#sp-gmenu ._btn ._estimate a:before {
width: 4.2666666667vw;
height: 5.8666666667vw;
}
} #footer-contact {
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/footer-contact-bg.webp) no-repeat center/cover;
}
@media screen and (max-width: 768px) {
#footer-contact {
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/footer-contact-bg_sp.webp) no-repeat center top/contain;
padding: 53.3333333333vw 0 0;
}
}
#footer-contact ._wrap {
display: flex;
}
@media screen and (max-width: 768px) {
#footer-contact ._wrap {
flex-direction: column;
}
}
#footer-contact ._wrap ._box {
width: 40.9956076135vw;
padding: 5.1244509517vw 2.7818448023vw 4.39238653vw;
background: #000039 url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/bg-logo.svg) no-repeat center/44.3631039531vw auto;
display: flex;
flex-direction: column;
align-items: center;
}
@media screen and (min-width: 1466px) {
#footer-contact ._wrap ._box {
width: 41.6666666667vw;
padding: 3.6458333333vw 3.125vw 3.125vw;
background-size: 31.5625vw auto;
}
}
@media screen and (max-width: 768px) {
#footer-contact ._wrap ._box {
width: 100%;
padding: 6.6666666667vw 5.3333333333vw 6.6666666667vw;
background-size: 89.3333333333vw auto;
}
}
#footer-contact ._wrap ._box h2 {
display: flex;
flex-direction: column;
align-items: center;
margin: 0 0 1.4641288433vw;
}
@media screen and (min-width: 1466px) {
#footer-contact ._wrap ._box h2 {
margin: 0 0 20px;
}
}
@media screen and (max-width: 768px) {
#footer-contact ._wrap ._box h2 {
margin: 0 0 2.6666666667vw;
}
}
#footer-contact ._wrap ._box h2 small {
display: inline-block;
font-size: 1.317715959vw;
color: #fff;
padding: 0 1.25em;
position: relative;
font-weight: 700;
}
@media screen and (min-width: 1466px) {
#footer-contact ._wrap ._box h2 small {
font-size: 18px;
}
}
@media screen and (max-width: 768px) {
#footer-contact ._wrap ._box h2 small {
font-size: 4.8vw;
}
}
#footer-contact ._wrap ._box h2 small:before {
content: "／";
position: absolute;
top: 0;
left: 0;
transform: scale(-1, 1);
rotate: 10deg;
font-weight: 700;
}
#footer-contact ._wrap ._box h2 small:after {
content: "／";
position: absolute;
top: 0;
right: 0;
rotate: -10deg;
font-weight: 700;
}
#footer-contact ._wrap ._box h2 span {
font-size: 2.9282576867vw;
color: #ffde00;
font-weight: 700;
}
@media screen and (min-width: 1466px) {
#footer-contact ._wrap ._box h2 span {
font-size: 40px;
}
}
@media screen and (max-width: 768px) {
#footer-contact ._wrap ._box h2 span {
font-size: 6.9333333333vw;
line-height: 1.3;
}
}
#footer-contact ._wrap ._box ul {
display: flex;
justify-content: justify-content;
gap: 0.7320644217vw;
margin: 0 0 1.4641288433vw;
}
@media screen and (min-width: 1466px) {
#footer-contact ._wrap ._box ul {
gap: 10px;
margin: 0 0 20px;
}
}
@media screen and (max-width: 1740px) {
#footer-contact ._wrap ._box ul {
gap: 0.5208333333vw;
margin: 0 0 1.0416666667vw;
}
}
@media screen and (max-width: 768px) {
#footer-contact ._wrap ._box ul {
gap: 1.6vw;
margin: 0 0 2.1333333333vw;
}
}
#footer-contact ._wrap ._box ul li {
width: 24.5241581259vw;
height: 9.663250366vw;
background-color: #ffde00;
border-radius: 0.7320644217vw;
padding: 1.4641288433vw 0 0;
color: #000078;
display: flex;
flex-direction: column;
align-items: center;
line-height: 1.2;
}
@media screen and (min-width: 1466px) {
#footer-contact ._wrap ._box ul li {
width: 335px;
height: 132px;
border-radius: 10px;
padding: 20px 0 0;
}
}
@media screen and (max-width: 1740px) {
#footer-contact ._wrap ._box ul li {
width: 17.4479166667vw;
height: 6.875vw;
border-radius: 0.5208333333vw;
padding: 1.0416666667vw 0 0;
}
}
@media screen and (max-width: 768px) {
#footer-contact ._wrap ._box ul li {
width: 44vw;
height: 18.6666666667vw;
border-radius: 2.6666666667vw;
padding: 4vw 0 0;
}
}
#footer-contact ._wrap ._box ul li span {
font-size: 1.756954612vw;
font-weight: 900;
}
@media screen and (min-width: 1466px) {
#footer-contact ._wrap ._box ul li span {
font-size: 24px;
}
}
@media screen and (max-width: 1740px) {
#footer-contact ._wrap ._box ul li span {
font-size: 1.25vw;
}
}
@media screen and (max-width: 768px) {
#footer-contact ._wrap ._box ul li span {
font-size: 3.2vw;
}
}
#footer-contact ._wrap ._box ul li strong {
font-size: 3.5871156662vw;
font-weight: 900;
}
@media screen and (min-width: 1466px) {
#footer-contact ._wrap ._box ul li strong {
font-size: 49px;
}
}
@media screen and (max-width: 1740px) {
#footer-contact ._wrap ._box ul li strong {
font-size: 2.5520833333vw;
}
}
@media screen and (max-width: 768px) {
#footer-contact ._wrap ._box ul li strong {
font-size: 6.5333333333vw;
}
}
#footer-contact ._wrap ._box ul li strong small {
font-size: 2.4158125915vw;
}
@media screen and (min-width: 1466px) {
#footer-contact ._wrap ._box ul li strong small {
font-size: 33px;
}
}
@media screen and (max-width: 1740px) {
#footer-contact ._wrap ._box ul li strong small {
font-size: 1.71875vw;
}
}
@media screen and (max-width: 768px) {
#footer-contact ._wrap ._box ul li strong small {
font-size: 4.3466666667vw;
}
}
#footer-contact ._wrap ._box p {
font-size: 1.317715959vw;
line-height: 2.2;
color: #fff;
text-align: center;
margin: 0 -1em 2em;
}
@media screen and (min-width: 1466px) {
#footer-contact ._wrap ._box p {
font-size: 18px;
}
}
@media screen and (max-width: 1740px) {
#footer-contact ._wrap ._box p {
font-size: 0.9375vw;
}
}
@media screen and (max-width: 768px) {
#footer-contact ._wrap ._box p {
font-size: 4vw;
line-height: 1.8;
margin: 0 -1em 1.5em;
}
}
#footer-contact-page {
background-color: #000039;
padding: 5.1244509517vw 0;
position: relative;
}
@media screen and (min-width: 1466px) {
#footer-contact-page {
padding: 70px 0;
}
}
@media screen and (max-width: 768px) {
#footer-contact-page {
padding: 6.6666666667vw 0 5.3333333333vw;
}
}
#footer-contact-page:after {
content: "";
background: #000039 url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/bg-logo.svg) no-repeat center/contain;
width: 55.5636896047vw;
height: 49.6339677892vw;
position: absolute;
top: 5.1244509517vw;
right: 5.1244509517vw;
z-index: 1;
}
@media screen and (min-width: 1466px) {
#footer-contact-page:after {
width: 759px;
height: 678px;
top: 70px;
right: 70px;
}
}
@media screen and (max-width: 768px) {
#footer-contact-page:after {
content: none;
width: 202.4vw;
height: 180.8vw;
top: 18.6666666667vw;
right: 18.6666666667vw;
}
}
#footer-contact-page ._wrap {
position: relative;
z-index: 10;
}
#footer-contact-page ._wrap ._top ._h {
display: flex;
font-size: 3.513909224vw;
gap: 1em;
color: #fff;
margin: 0 0 0.6em;
}
@media screen and (min-width: 1466px) {
#footer-contact-page ._wrap ._top ._h {
font-size: 48px;
}
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._top ._h {
font-size: 4.2666666667vw;
gap: 0.5em;
margin: 0 0 0.8em;
}
}
#footer-contact-page ._wrap ._top ._h h2 {
display: flex;
flex-direction: column;
line-height: 1.1;
}
#footer-contact-page ._wrap ._top ._h h2 span {
font-size: 3.513909224vw;
font-weight: 900;
}
@media screen and (min-width: 1466px) {
#footer-contact-page ._wrap ._top ._h h2 span {
font-size: 48px;
}
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._top ._h h2 span {
font-size: 4.2666666667vw;
}
}
#footer-contact-page ._wrap ._top ._h h2 strong {
font-size: 7.3938506589vw;
font-weight: 900;
color: #ffde00;
}
@media screen and (min-width: 1466px) {
#footer-contact-page ._wrap ._top ._h h2 strong {
font-size: 101px;
}
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._top ._h h2 strong {
font-size: 8.8vw;
}
}
#footer-contact-page ._wrap ._top ._h p {
display: flex;
flex-direction: column;
line-height: 1.1;
}
#footer-contact-page ._wrap ._top ._h p small {
font-size: 3.513909224vw;
font-weight: 900;
}
@media screen and (min-width: 1466px) {
#footer-contact-page ._wrap ._top ._h p small {
font-size: 48px;
}
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._top ._h p small {
font-size: 4.2666666667vw;
}
}
#footer-contact-page ._wrap ._top ._h p span {
font-size: 7.3938506589vw;
font-weight: 900;
}
@media screen and (min-width: 1466px) {
#footer-contact-page ._wrap ._top ._h p span {
font-size: 101px;
}
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._top ._h p span {
font-size: 8.8vw;
}
}
#footer-contact-page ._wrap ._top ._h p span strong {
color: #ffde00;
font-weight: 900;
}
#footer-contact-page ._wrap ._top ._sp {
position: relative;
}
#footer-contact-page ._wrap ._top ._sp .swiper .swiper-button-prev,
#footer-contact-page ._wrap ._top ._sp .swiper .swiper-button-next {
display: none;
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._top ._sp .swiper .swiper-button-prev,
#footer-contact-page ._wrap ._top ._sp .swiper .swiper-button-next {
display: block;
}
}
#footer-contact-page ._wrap ._top ._sp .swiper-nav {
display: none;
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._top ._sp .swiper-nav {
margin: 16vw 0 0;
display: block;
position: relative;
}
}
#footer-contact-page ._wrap ._top ._sp .swiper-nav .swiper-pagination .swiper-pagination-bullet {
background-color: #fff;
opacity: 1;
}
#footer-contact-page ._wrap ._top ._sp .swiper-nav .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #000078;
}
#footer-contact-page ._wrap ._top ._sp ._list ol {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 0.7320644217vw;
}
@media screen and (min-width: 1466px) {
#footer-contact-page ._wrap ._top ._sp ._list ol {
gap: 10px;
}
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._top ._sp ._list ol {
gap: 0vw;
flex-wrap: nowrap;
justify-content: normal;
}
}
#footer-contact-page ._wrap ._top ._sp ._list ol li {
width: 45.9736456808vw;
border-radius: 0.7320644217vw;
background-color: #fff;
padding: 0.3660322108vw;
}
@media screen and (min-width: 1466px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li {
width: 678px;
border-radius: 10px;
padding: 5px;
}
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li {
width: 89.3333333333vw;
border-radius: 2.6666666667vw;
padding: 1.3333333333vw;
}
}
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._ttl {
background-color: #000039;
border-radius: 0.439238653vw;
padding: 0.7320644217vw 0;
display: flex;
align-items: center;
color: #fff;
}
@media screen and (min-width: 1466px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._ttl {
border-radius: 6px;
padding: 10px 0;
}
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._ttl {
border-radius: 1.6vw;
padding: 3.2vw 0;
flex-direction: column;
text-align: center;
}
}
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._ttl ._num {
display: flex;
flex-direction: column;
align-items: center;
width: 8.0527086384vw;
line-height: 1.2;
}
@media screen and (min-width: 1466px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._ttl ._num {
width: 110px;
}
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._ttl ._num {
width: 100%;
flex-direction: row;
justify-content: center;
}
}
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._ttl ._num small {
font-size: 1.4641288433vw;
font-weight: 800;
}
@media screen and (min-width: 1466px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._ttl ._num small {
font-size: 20px;
}
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._ttl ._num small {
font-size: 3.7333333333vw;
}
}
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._ttl ._num span {
font-size: 2.3426061493vw;
font-weight: 800;
}
@media screen and (min-width: 1466px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._ttl ._num span {
font-size: 32px;
}
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._ttl ._num span {
font-size: 3.7333333333vw;
}
}
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._ttl ._t {
border-left: solid #fff 0.0732064422vw;
padding: 0.7320644217vw 0;
}
@media screen and (min-width: 1466px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._ttl ._t {
border-width: 1px;
padding: 10px 0;
}
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._ttl ._t {
border: none;
padding: 1.3333333333vw 0 1.3333333333vw;
}
}
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._ttl ._t h3 {
font-size: 2.0497803807vw;
font-weight: 900;
line-height: 1.3;
padding: 0 0 0 1em;
}
@media screen and (min-width: 1466px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._ttl ._t h3 {
font-size: 28px;
}
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._ttl ._t h3 {
font-size: 5.3333333333vw;
padding: 0;
}
}
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._b {
padding: 1.0980966325vw 0.7320644217vw 1.4641288433vw;
}
@media screen and (min-width: 1466px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._b {
padding: 15px 15px 20px;
}
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._b {
padding: 2.6666666667vw 1.3333333333vw 4vw;
}
}
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._b p {
font-size: 1.0980966325vw;
margin: 0 0 1em;
}
@media screen and (min-width: 1466px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._b p {
font-size: 15px;
}
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._b p {
font-size: 3.2vw;
}
}
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._b ul {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 0.3660322108vw;
}
@media screen and (min-width: 1466px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._b ul {
gap: 5px;
}
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._b ul {
gap: 0.8vw;
grid-template-columns: 1fr 1fr;
}
}
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._b ul li {
width: auto;
background-color: #e3ebf1;
border-radius: 0;
display: flex;
align-items: center;
justify-content: center;
color: #000039;
font-size: 0.8052708638vw;
padding: 1em 0;
}
@media screen and (min-width: 1466px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._b ul li {
font-size: 12px;
}
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._b ul li {
font-size: 3.2vw;
}
}
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._price {
padding: 0 1.0980966325vw 1.8301610542vw;
display: flex;
align-items: center;
}
@media screen and (min-width: 1466px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._price {
padding: 0 15px 25px;
}
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._price {
padding: 0 1.3333333333vw 4vw;
}
}
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._price ._table {
border-top: solid #87a9c3 0.0732064422vw;
width: 23.4260614934vw;
}
@media screen and (min-width: 1466px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._price ._table {
border-width: 1px;
width: 320px;
}
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._price ._table {
border-width: 0.2666666667vw;
width: 46.6666666667vw;
}
}
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._price ._table dl {
display: flex;
font-size: 1.0980966325vw;
padding: 1em 0;
border-bottom: solid #87a9c3 0.0732064422vw;
}
@media screen and (min-width: 1466px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._price ._table dl {
font-size: 15px;
border-width: 1px;
}
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._price ._table dl {
font-size: 3.4666666667vw;
border-width: 0.2666666667vw;
}
}
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._price ._table dl dt {
color: #000078;
font-weight: 700;
width: 6.5em;
}
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._price ._table dl dd {
padding: 0 0 0 2em;
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._price ._table dl dd {
padding: 0 0 0 1em;
}
}
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._price ._total {
padding: 0 0 0 2.5622254758vw;
display: flex;
align-items: flex-end;
line-height: 1;
gap: 0.3em;
}
@media screen and (min-width: 1466px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._price ._total {
padding: 0 0 0 35px;
}
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._price ._total {
padding: 0 0 0 4vw;
}
}
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._price ._total strong {
font-size: 6.7349926794vw;
font-weight: 800;
color: #c80000;
}
@media screen and (min-width: 1466px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._price ._total strong {
font-size: 92px;
}
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._price ._total strong {
font-size: 13.3333333333vw;
}
}
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._price ._total span {
display: flex;
flex-direction: column;
padding: 0 0 1em;
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._price ._total span {
padding: 0 0 0.5em;
}
}
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._price ._total span small {
font-size: 0.878477306vw;
}
@media screen and (min-width: 1466px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._price ._total span small {
font-size: 12px;
}
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._price ._total span small {
font-size: 3.2vw;
}
}
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._price ._total span i {
font-style: normal;
color: #c80000;
font-weight: 900;
font-size: 2.0497803807vw;
}
@media screen and (min-width: 1466px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._price ._total span i {
font-size: 28px;
}
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._top ._sp ._list ol li ._cnt ._price ._total span i {
font-size: 4.2666666667vw;
}
}
#footer-contact-page ._wrap ._bottom {
padding: 2.196193265vw 0 0;
display: flex;
gap: 7.3206442167vw;
}
@media screen and (min-width: 1466px) {
#footer-contact-page ._wrap ._bottom {
padding: 30px 0 0;
gap: 100px;
}
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._bottom {
padding: 5.3333333333vw 0 0;
gap: 5.3333333333vw;
flex-direction: column;
}
}
#footer-contact-page ._wrap ._bottom ._h {
position: relative;
}
#footer-contact-page ._wrap ._bottom ._h h3 {
font-size: 4.2459736457vw;
font-weight: 700;
color: #ffde00;
line-height: 1.2;
}
@media screen and (min-width: 1466px) {
#footer-contact-page ._wrap ._bottom ._h h3 {
font-size: 62.4px;
}
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._bottom ._h h3 {
font-size: 12.8vw;
}
}
#footer-contact-page ._wrap ._bottom ._h small {
display: inline-block;
font-size: 2.3426061493vw;
color: #fff;
padding: 0 1.25em;
position: relative;
font-weight: 700;
position: absolute;
top: 0.2em;
right: 0.5em;
}
@media screen and (min-width: 1466px) {
#footer-contact-page ._wrap ._bottom ._h small {
font-size: 36px;
}
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._bottom ._h small {
font-size: 7.4666666667vw;
}
}
#footer-contact-page ._wrap ._bottom ._h small:before {
content: "／";
position: absolute;
top: 0;
left: 0;
transform: scale(-1, 1);
rotate: 10deg;
font-weight: 700;
}
#footer-contact-page ._wrap ._bottom ._h small:after {
content: "／";
position: absolute;
top: 0;
right: 0;
rotate: -10deg;
font-weight: 700;
}
#footer-contact-page ._wrap ._bottom ._more p {
font-size: 1.317715959vw;
line-height: 2;
color: #fff;
margin: 0 0 1em;
}
@media screen and (min-width: 1466px) {
#footer-contact-page ._wrap ._bottom ._more p {
font-size: 20px;
}
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._bottom ._more p {
font-size: 4.2666666667vw;
}
}
#footer-contact-page ._wrap ._bottom ._more a {
width: 24.1581259151vw;
}
@media screen and (min-width: 1466px) {
#footer-contact-page ._wrap ._bottom ._more a {
width: 330px;
}
}
@media screen and (max-width: 768px) {
#footer-contact-page ._wrap ._bottom ._more a {
width: 89.3333333333vw;
}
} footer {
background-color: #161616;
color: #fff;
padding: 2.196193265vw 0 5.8565153734vw;
overflow: hidden;
}
@media screen and (min-width: 1466px) {
footer {
padding: 30px 0 80px;
}
}
@media screen and (max-width: 768px) {
footer {
padding: 5.3333333333vw 0 13.3333333333vw;
}
}
footer ._links {
max-width: 1920px;
margin: 0 auto;
}
footer ._links ul {
display: flex;
justify-content: center;
gap: 0.6588579795vw;
padding: 0 1.4641288433vw;
}
@media screen and (min-width: 1466px) {
footer ._links ul {
gap: 8px;
padding: 0 30px;
}
}
@media screen and (max-width: 768px) {
footer ._links ul {
gap: 2.4vw;
padding: 0 5.3333333333vw;
flex-direction: column;
}
}
footer ._links ul li {
width: 44.9487554905vw;
}
@media screen and (min-width: 1466px) {
footer ._links ul li {
width: 614px;
}
}
@media screen and (max-width: 768px) {
footer ._links ul li {
width: 89.3333333333vw;
}
}
footer ._links ul li a {
display: flex;
align-items: center;
position: relative;
overflow: hidden;
width: 100%;
height: 10.980966325vw;
border-radius: 0.7320644217vw;
padding: 0 2.196193265vw 0 1.6837481698vw;
}
@media screen and (min-width: 1466px) {
footer ._links ul li a {
height: 150px;
border-radius: 10px;
padding: 0 40px 0 33px;
}
}
@media screen and (max-width: 768px) {
footer ._links ul li a {
height: 26.6666666667vw;
border-radius: 2.6666666667vw;
padding: 0 6.1333333333vw;
justify-content: center;
text-align: center;
}
}
footer ._links ul li a:before {
content: "";
position: absolute;
top: -25%;
left: -100%;
width: 100%;
height: 150%;
z-index: 1;
background: rgba(255, 255, 255, 0.2);
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
transition: 0.4s ease;
rotate: -10deg;
}
footer ._links ul li a ._wrap {
display: flex;
flex-direction: column;
padding: 0 0 0 3.3674963397vw;
position: relative;
width: 100%;
}
@media screen and (min-width: 1466px) {
footer ._links ul li a ._wrap {
padding: 0 0 0 56px;
}
}
@media screen and (max-width: 768px) {
footer ._links ul li a ._wrap {
padding: 0;
}
}
footer ._links ul li a ._wrap:before {
content: "";
position: absolute;
top: 50%;
left: 0;
}
footer ._links ul li a ._wrap:after {
content: "";
position: absolute;
top: 50%;
right: 0;
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/arrow-circle.svg) no-repeat center/contain;
width: 4.6852122987vw;
height: 4.6852122987vw;
margin-top: -2.3426061493vw;
transition: 0.3s ease;
}
@media screen and (min-width: 1466px) {
footer ._links ul li a ._wrap:after {
width: 64px;
height: 64px;
margin-top: -32px;
}
}
@media screen and (max-width: 768px) {
footer ._links ul li a ._wrap:after {
content: none;
width: 17.0666666667vw;
height: 17.0666666667vw;
margin-top: -8.5333333333vw;
}
}
footer ._links ul li a ._wrap strong {
font-size: 2.9282576867vw;
font-weight: 800;
}
@media screen and (min-width: 1466px) {
footer ._links ul li a ._wrap strong {
font-size: 40px;
}
}
@media screen and (max-width: 768px) {
footer ._links ul li a ._wrap strong {
font-size: 8vw;
}
}
footer ._links ul li a ._wrap small {
font-size: 1.4641288433vw;
font-weight: 800;
}
@media screen and (min-width: 1466px) {
footer ._links ul li a ._wrap small {
font-size: 20px;
}
}
@media screen and (max-width: 768px) {
footer ._links ul li a ._wrap small {
font-size: 4vw;
}
}
footer ._links ul li a:hover:before {
left: 100%;
}
footer ._links ul li a:hover ._wrap:after {
transform: translateX(10%);
}
footer ._links ul li._consult a {
background-color: #000078;
}
footer ._links ul li._consult a ._wrap:before {
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/header-icon03.svg) no-repeat center/contain;
width: 1.756954612vw;
height: 1.756954612vw;
margin-top: -0.878477306vw;
}
@media screen and (min-width: 1466px) {
footer ._links ul li._consult a ._wrap:before {
width: 24px;
height: 24px;
margin-top: -12px;
}
}
@media screen and (max-width: 768px) {
footer ._links ul li._consult a ._wrap:before {
width: 6.4vw;
height: 6.4vw;
margin-top: -3.2vw;
}
}
footer ._links ul li._material a {
background-color: #008865;
}
footer ._links ul li._material a ._wrap:before {
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/header-icon01.svg) no-repeat center/contain;
width: 1.5373352855vw;
height: 1.9765739385vw;
margin-top: -0.9882869693vw;
left: 0.0732064422vw;
}
@media screen and (min-width: 1466px) {
footer ._links ul li._material a ._wrap:before {
width: 21px;
height: 27px;
margin-top: -13.5px;
left: 1px;
}
}
@media screen and (max-width: 768px) {
footer ._links ul li._material a ._wrap:before {
width: 5.6vw;
height: 7.2vw;
margin-top: -3.6vw;
left: 0.2666666667vw;
}
}
footer ._links ul li._estimate a {
background-color: #ffde00;
color: #000078;
}
footer ._links ul li._estimate a ._wrap:before {
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/header-icon02.svg) no-repeat center/contain;
width: 1.4641288433vw;
height: 2.0497803807vw;
margin-top: -1.0248901903vw;
left: 0.1464128843vw;
}
@media screen and (min-width: 1466px) {
footer ._links ul li._estimate a ._wrap:before {
width: 20px;
height: 28px;
margin-top: -14px;
left: 2px;
}
}
@media screen and (max-width: 768px) {
footer ._links ul li._estimate a ._wrap:before {
width: 5.3333333333vw;
height: 7.4666666667vw;
margin-top: -3.7333333333vw;
left: 0.5333333333vw;
}
}
footer ._meta ._tops {
display: flex;
justify-content: space-between;
align-items: flex-end;
padding: 4.39238653vw 0 2.9282576867vw;
}
@media screen and (min-width: 1466px) {
footer ._meta ._tops {
padding: 60px 0 40px;
}
}
@media screen and (max-width: 768px) {
footer ._meta ._tops {
padding: 12vw 0 13.3333333333vw;
flex-direction: column;
align-items: center;
}
}
footer ._meta ._tops ._logo {
line-height: 1;
}
@media screen and (max-width: 768px) {
footer ._meta ._tops ._logo {
margin: 0 0 12vw;
}
}
footer ._meta ._tops ._logo a {
display: inline-block;
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/logo.svg) no-repeat center/contain;
width: 29.5754026354vw;
height: 3.0014641288vw;
}
@media screen and (min-width: 1466px) {
footer ._meta ._tops ._logo a {
width: 394px;
height: 41px;
}
}
@media screen and (max-width: 768px) {
footer ._meta ._tops ._logo a {
width: 39.4666666667vw;
height: 15.7333333333vw;
background-image: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/footer-logo_sp.svg);
}
}
footer ._meta ._tops ._menu ul {
display: flex;
gap: 2.2em;
font-size: 1.1713030747vw;
}
@media screen and (min-width: 1466px) {
footer ._meta ._tops ._menu ul {
font-size: 16px;
}
}
@media screen and (max-width: 768px) {
footer ._meta ._tops ._menu ul {
font-size: 4.2666666667vw;
display: grid;
grid-auto-flow: column;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr 1fr;
text-align: center;
gap: 2em 3em;
line-height: 1;
}
}
footer ._meta ._tops ._menu ul li a:hover {
opacity: 0.7;
text-decoration: underline;
}
footer ._meta .bottoms {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
@media screen and (max-width: 768px) {
footer ._meta .bottoms {
flex-direction: column;
align-items: center;
}
}
footer ._meta .bottoms ul {
display: flex;
gap: 0.878477306vw;
font-size: 1.0248901903vw;
}
@media screen and (min-width: 1466px) {
footer ._meta .bottoms ul {
gap: 12px;
font-size: 14px;
}
}
@media screen and (max-width: 768px) {
footer ._meta .bottoms ul {
flex-direction: column;
gap: 3.2vw;
font-size: 3.7333333333vw;
margin: 0 0 10.6666666667vw;
}
}
footer ._meta .bottoms ul li a {
width: 16.1054172767vw;
height: 3.6603221083vw;
border: solid #fff 0.0732064422vw;
border-radius: 0.5856515373vw;
position: relative;
display: flex;
align-items: center;
padding: 0 1.5em;
}
@media screen and (min-width: 1466px) {
footer ._meta .bottoms ul li a {
width: 220px;
height: 50px;
border: solid #fff 1px;
border-radius: 8px;
}
}
@media screen and (max-width: 768px) {
footer ._meta .bottoms ul li a {
width: 89.3333333333vw;
height: 13.3333333333vw;
border: solid #fff 0.2666666667vw;
border-radius: 2.1333333333vw;
}
}
footer ._meta .bottoms ul li a span {
position: relative;
width: 100%;
}
footer ._meta .bottoms ul li a span:after {
content: "";
position: absolute;
top: 50%;
right: 0;
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/btn-arrow.svg) no-repeat center/contain;
width: 1.0248901903vw;
height: 0.8052708638vw;
margin-top: -0.4026354319vw;
transition: 0.3s ease;
}
@media screen and (min-width: 1466px) {
footer ._meta .bottoms ul li a span:after {
width: 14px;
height: 11px;
margin-top: -5.5px;
}
}
@media screen and (max-width: 768px) {
footer ._meta .bottoms ul li a span:after {
width: 3.7333333333vw;
height: 2.9333333333vw;
margin-top: -1.4666666667vw;
}
}
footer ._meta .bottoms ul li a:hover span:after {
transform: translateX(20%);
}
footer ._meta .bottoms .copyright small {
font-size: 0.878477306vw;
}
@media screen and (min-width: 1466px) {
footer ._meta .bottoms .copyright small {
font-size: 12px;
}
}
@media screen and (max-width: 768px) {
footer ._meta .bottoms .copyright small {
font-size: 3.2vw;
}
}  .float_links {
display: none;
} @media screen and (max-width: 767px) {
.float_links {
display: block;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 1000;
transition: opacity 0.3s ease, visibility 0.3s ease;
background-color: #161616;
padding-block: 1vw;
padding-inline: 1vw;
}
.float_links.is-hide {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.float_links ul {
display: flex;
margin: 0;
padding: 0;
gap: 1vw;
}
.float_links li {
width: 50%;
list-style: none;
}
.float_links li._consult a {
background-color: #000078;
border-radius: 2.6666666667vw;
padding-left: 5vw;
border: 0.5vw solid #fff;
}
.float_links li._consult a ._wrap {
position: relative;
}
.float_links li._consult a ._wrap::before {
content: "";
display: inline-block;
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/header-icon03.svg) no-repeat center/contain;
width: 5vw;
height: 6.4vw;
margin-top: -3.2vw;
position: absolute;
top: 50%;
left: -1.5vw;
}
.float_links li._estimate a {
background-color: #ffde00;
color: #000078;
border-radius: 2.6666666667vw;
padding-left: 5vw;
border: 0.5vw solid #fff;
}
.float_links li._estimate a ._wrap {
position: relative;
}
.float_links li._estimate a ._wrap::before {
content: "";
display: inline-block;
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/header-icon02.svg) no-repeat center/contain;
width: 5vw;
height: 6.4vw;
margin-top: -3.2vw;
position: absolute;
top: 50%;
left: 0;
left: 3vw;
}
.float_links a {
display: block;
padding: 4vw 8px;
text-align: center;
color: #fff;
text-decoration: none;
}
.float_links ._wrap {
display: flex;
flex-direction: column;
line-height: 1.2;
}
.float_links strong {
font-size: 5vw;
font-weight: 700;
}
.float_links ._en {
font-size: 3vw;
}
} .btn-common {
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
color: #fff;
width: 24.1581259151vw;
height: 5.1244509517vw;
padding: 0 1.4641288433vw;
border-radius: 0.7320644217vw;
background-color: #ff3b00;
}
@media screen and (min-width: 1466px) {
.btn-common {
width: 330px;
height: 70px;
padding: 0 20px;
border-radius: 10px;
}
}
@media screen and (max-width: 768px) {
.btn-common {
width: 89.3333333333vw;
height: 13.3333333333vw;
padding: 0 5.3333333333vw;
border-radius: 2.6666666667vw;
}
}
.btn-common:before {
content: "";
position: absolute;
top: -10%;
left: -100%;
width: 100%;
height: 120%;
z-index: 1;
background: rgba(255, 255, 255, 0.2);
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
transition: 0.4s ease;
rotate: -10deg;
}
.btn-common span {
display: block;
width: 100%;
position: relative;
z-index: 2;
font-size: 1.1713030747vw;
font-weight: 600;
padding: 0 2em 0 0;
line-height: 1.5;
z-index: 10;
}
@media screen and (min-width: 1466px) {
.btn-common span {
font-size: 16px;
}
}
@media screen and (max-width: 768px) {
.btn-common span {
font-size: 4.2666666667vw;
}
}
.btn-common span:after {
content: "";
position: absolute;
top: 50%;
right: 0;
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/btn-arrow.svg) no-repeat center/contain;
width: 1.1713030747vw;
height: 0.9516837482vw;
transition: 0.3s ease;
transform: translateY(-50%);
}
@media screen and (min-width: 1466px) {
.btn-common span:after {
width: 16px;
height: 13px;
}
}
@media screen and (max-width: 768px) {
.btn-common span:after {
width: 4.2666666667vw;
height: 3.4666666667vw;
}
}
.btn-common:hover {
color: #fff;
text-decoration: none !important;
}
.btn-common:hover:before {
left: 100%;
}
.btn-common:hover span:after {
right: -2.5%;
}
.btn-common._l {
width: 30.4538799414vw;
height: 6.7349926794vw;
line-height: 1.4;
display: flex;
justify-content: center;
align-items: center;
text-align: center !important;
}
@media screen and (min-width: 1466px) {
.btn-common._l {
width: 416px;
height: 92px;
}
}
@media screen and (max-width: 768px) {
.btn-common._l {
width: 100%;
height: 19.2vw;
}
}
.btn-common._l span {
font-size: 1.317715959vw;
}
@media screen and (min-width: 1466px) {
.btn-common._l span {
font-size: 18px;
}
}
@media screen and (max-width: 768px) {
.btn-common._l span {
font-size: 4.2666666667vw;
}
}
.btn-common._bk {
background-color: #333;
color: #fff;
}
.btn-common._bk:before {
background-color: #fff;
}
.btn-common._bk:hover {
color: #333;
}
.btn-common._bk:hover span:after {
color: #333;
} #mainvisual {
position: relative;
background-color: #000039;
width: 100vw;
height: 48.125vw;
}
@media only screen and (max-width: 1650px) {
#mainvisual {
height: 62.5vw;
}
}
@media screen and (min-width: 1466px) {
#mainvisual {
height: 924px;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#mainvisual {
height: 48.125vw;
}
}
@media screen and (max-width: 768px) {
#mainvisual {
height: 186.6666666667vw;
}
}
#mainvisual ._wrap {
position: relative;
height: 100%;
max-width: auto;
margin: 0 auto;
padding: 0 2.6041666667vw;
}
@media screen and (min-width: 1466px) {
#mainvisual ._wrap {
padding: 0 90px;
max-width: 1920px;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#mainvisual ._wrap {
padding: 0 4.6875vw;
}
}
@media screen and (max-width: 768px) {
#mainvisual ._wrap {
padding: 0;
}
}
#mainvisual ._wrap:before {
content: "";
position: absolute;
top: 2.96875vw;
right: 2.8125vw;
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/mv-img01.webp) no-repeat center/contain;
width: 51.3541666667vw;
height: 45.8854166667vw;
z-index: 2;
}
@media screen and (min-width: 1466px) {
#mainvisual ._wrap:before {
top: 57px;
right: 54px;
width: 986px;
height: 881px;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#mainvisual ._wrap:before {
top: 2.96875vw;
right: 2.8125vw;
width: 51.3541666667vw;
height: 45.8854166667vw;
}
}
@media screen and (min-width: 1366px) {
#mainvisual ._wrap:before {
display: none;
}
}
@media screen and (max-width: 768px) {
#mainvisual ._wrap:before {
top: 120vw;
right: -5.3333333333vw;
width: 100vw;
height: 89.3333333333vw;
}
}
#mainvisual ._wrap:after {
content: "";
position: absolute;
bottom: 0;
left: 5.2083333333vw;
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/mv-logo.webp) no-repeat center/contain;
width: 51.3541666667vw;
height: 44.6354166667vw;
z-index: 1;
}
@media screen and (min-width: 1466px) {
#mainvisual ._wrap:after {
left: 100px;
width: 986px;
height: 857px;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#mainvisual ._wrap:after {
left: 5.2083333333vw;
width: 51.3541666667vw;
height: 44.6354166667vw;
}
}
@media screen and (max-width: 768px) {
#mainvisual ._wrap:after {
content: none;
top: 15.2vw;
right: 14.4vw;
width: 262.9333333333vw;
height: 234.9333333333vw;
}
}
#mainvisual ._wrap ._cnt {
position: relative;
z-index: 3;
padding: 9.375vw 0 0;
}
@media screen and (min-width: 1466px) {
#mainvisual ._wrap ._cnt {
padding: 150px 0 0;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#mainvisual ._wrap ._cnt {
padding: 7.8125vw 0 0;
}
}
@media screen and (max-width: 768px) {
#mainvisual ._wrap ._cnt {
padding: 22.6666666667vw 0 21.3333333333vw;
}
}
@media screen and (max-width: 768px) {
#mainvisual ._wrap ._cnt ._fe {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
}
#mainvisual ._wrap ._cnt ._fe ul {
display: flex;
gap: 0.7291666667vw;
}
@media screen and (min-width: 1466px) {
#mainvisual ._wrap ._cnt ._fe ul {
gap: 14px;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#mainvisual ._wrap ._cnt ._fe ul {
gap: 0.7291666667vw;
}
}
@media screen and (max-width: 768px) {
#mainvisual ._wrap ._cnt ._fe ul {
gap: 1.3333333333vw;
justify-content: center;
}
}
#mainvisual ._wrap ._cnt ._fe ul li {
background-color: #fff;
display: flex;
align-items: center;
justify-content: center;
width: 11.4583333333vw;
height: 5.3125vw;
border-radius: 0.5208333333vw;
}
@media screen and (min-width: 1466px) {
#mainvisual ._wrap ._cnt ._fe ul li {
width: 220px;
height: 102px;
border-radius: 10px;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#mainvisual ._wrap ._cnt ._fe ul li {
width: 11.4583333333vw;
height: 5.3125vw;
border-radius: 0.5208333333vw;
}
}
@media screen and (max-width: 768px) {
#mainvisual ._wrap ._cnt ._fe ul li {
width: 28.8vw;
height: 16vw;
border-radius: 2.6666666667vw;
}
}
#mainvisual ._wrap ._cnt ._fe ul li p {
display: flex;
flex-direction: column;
align-items: center;
line-height: 1.2;
}
#mainvisual ._wrap ._cnt ._fe ul li p small {
font-size: 1.0416666667vw;
font-weight: 700;
color: #000039;
padding: 0.3em 0 0;
}
@media screen and (min-width: 1466px) {
#mainvisual ._wrap ._cnt ._fe ul li p small {
font-size: 20px;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#mainvisual ._wrap ._cnt ._fe ul li p small {
font-size: 1.0416666667vw;
}
}
@media screen and (max-width: 768px) {
#mainvisual ._wrap ._cnt ._fe ul li p small {
font-size: 3.0933333333vw;
}
}
#mainvisual ._wrap ._cnt ._fe ul li p span {
font-size: 1.0416666667vw;
font-weight: 800;
color: #ff3b00;
}
@media screen and (min-width: 1466px) {
#mainvisual ._wrap ._cnt ._fe ul li p span {
font-size: 20px;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#mainvisual ._wrap ._cnt ._fe ul li p span {
font-size: 1.0416666667vw;
}
}
@media screen and (max-width: 768px) {
#mainvisual ._wrap ._cnt ._fe ul li p span {
font-size: 3.0933333333vw;
}
}
#mainvisual ._wrap ._cnt ._fe ul li p span strong {
font-size: 2.6041666667vw;
font-weight: 800;
margin: 0 0.04em 0 0;
}
@media screen and (min-width: 1466px) {
#mainvisual ._wrap ._cnt ._fe ul li p span strong {
font-size: 50px;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#mainvisual ._wrap ._cnt ._fe ul li p span strong {
font-size: 2.6041666667vw;
}
}
@media screen and (max-width: 768px) {
#mainvisual ._wrap ._cnt ._fe ul li p span strong {
font-size: 7.7333333333vw;
}
}
#mainvisual ._wrap ._cnt ._txt {
padding: 1.0416666667vw 0;
}
@media screen and (min-width: 1466px) {
#mainvisual ._wrap ._cnt ._txt {
padding: 20px 0;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#mainvisual ._wrap ._cnt ._txt {
padding: 1.0416666667vw 0;
}
}
@media screen and (max-width: 768px) {
#mainvisual ._wrap ._cnt ._txt {
padding: 0 0 5.3333333333vw;
}
}
#mainvisual ._wrap ._cnt ._txt h2 {
color: #fff;
display: flex;
flex-direction: column;
}
@media screen and (max-width: 768px) {
#mainvisual ._wrap ._cnt ._txt h2 {
align-items: center;
text-align: center;
}
}
#mainvisual ._wrap ._cnt ._txt h2 small {
font-size: 2.2916666667vw;
font-weight: 700;
letter-spacing: 0.16em;
}
@media screen and (min-width: 1466px) {
#mainvisual ._wrap ._cnt ._txt h2 small {
font-size: 44px;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#mainvisual ._wrap ._cnt ._txt h2 small {
font-size: 2.2916666667vw;
}
}
@media screen and (max-width: 768px) {
#mainvisual ._wrap ._cnt ._txt h2 small {
font-size: 5.104vw;
margin: 0 0 0.2em;
letter-spacing: 0.1em;
}
}
#mainvisual ._wrap ._cnt ._txt h2 small strong {
color: #ffde00;
font-weight: 700;
}
#mainvisual ._wrap ._cnt ._txt h2 span {
font-size: 3.6979166667vw;
font-weight: 700;
letter-spacing: 0.16em;
line-height: 1.3;
}
@media screen and (min-width: 1466px) {
#mainvisual ._wrap ._cnt ._txt h2 span {
font-size: 71px;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#mainvisual ._wrap ._cnt ._txt h2 span {
font-size: 3.6979166667vw;
}
}
@media screen and (max-width: 768px) {
#mainvisual ._wrap ._cnt ._txt h2 span {
font-size: 8.192vw;
line-height: 1.5;
letter-spacing: 0.1em;
}
}
#mainvisual ._wrap ._cnt ._tag {
margin: 0 0 3.125vw;
}
@media screen and (min-width: 1466px) {
#mainvisual ._wrap ._cnt ._tag {
margin: 0 0 60px;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#mainvisual ._wrap ._cnt ._tag {
margin: 0 0 3.125vw;
}
}
@media screen and (max-width: 768px) {
#mainvisual ._wrap ._cnt ._tag {
margin: 0 0 5.3333333333vw;
}
}
#mainvisual ._wrap ._cnt ._tag ul {
display: flex;
gap: 0.2083333333vw;
}
@media screen and (min-width: 1466px) {
#mainvisual ._wrap ._cnt ._tag ul {
gap: 4px;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#mainvisual ._wrap ._cnt ._tag ul {
gap: 0.2083333333vw;
}
}
@media screen and (max-width: 768px) {
#mainvisual ._wrap ._cnt ._tag ul {
gap: 2.1333333333vw 1.0666666667vw;
flex-wrap: wrap;
justify-content: center;
}
}
#mainvisual ._wrap ._cnt ._tag ul li {
font-size: 0.7291666667vw;
padding: 0.8em 1.8em;
border-radius: 2em;
border: solid #fff 0.0520833333vw;
color: #fff;
font-weight: 700;
}
@media screen and (min-width: 1466px) {
#mainvisual ._wrap ._cnt ._tag ul li {
font-size: 14px;
border-width: 1px;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#mainvisual ._wrap ._cnt ._tag ul li {
font-size: 0.7291666667vw;
border-width: 0.0520833333vw;
}
}
@media screen and (max-width: 768px) {
#mainvisual ._wrap ._cnt ._tag ul li {
font-size: 3vw;
border-width: 0.2666666667vw;
}
}
#mainvisual ._wrap ._cnt ._award figure {
width: 37.5vw;
}
@media screen and (min-width: 1466px) {
#mainvisual ._wrap ._cnt ._award figure {
width: 720px;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#mainvisual ._wrap ._cnt ._award figure {
width: 37.5vw;
}
}
@media screen and (max-width: 768px) {
#mainvisual ._wrap ._cnt ._award figure {
width: 89.3333333333vw;
margin: 0 auto;
}
}
#floatEstimate {
display: none;
}
#floatEstimate {
opacity: 0;
pointer-events: none;
}
.scrolled2 #floatEstimate {
opacity: 1;
}
#floatEstimate {
transition: 0.3s;
position: fixed;
top: 43.9238653001vw;
right: 1.4641288433vw;
width: 18.0087847731vw;
height: 18.0087847731vw;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
z-index: 9999;
}
@media screen and (min-width: 1466px) {
#floatEstimate {
top: 650px;
right: 57px;
width: 246px;
height: 246px;
}
}
@media screen and (max-height: 900px) and (min-width: 1467px) {
#floatEstimate {
top: auto;
bottom: 2.196193265vw;
}
}
@media screen and (max-width: 768px) {
#floatEstimate {
display: none;
}
}
#floatEstimate a {
position: relative;
width: 100%;
height: 100%;
text-decoration: none;
}
@media screen and (max-width: 768px) {
#floatEstimate a {
display: none;
}
}
#floatEstimate a:hover ._circle p:after {
transform: translateX(20%);
}
#floatEstimate ._circle {
position: absolute;
width: 15.4465592972vw;
height: 15.4465592972vw;
color: #000078;
background-color: #ffde00;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (min-width: 1466px) {
#floatEstimate ._circle {
width: 211px;
height: 211px;
}
}
@media screen and (max-width: 768px) {
#floatEstimate ._circle {
display: none;
}
}
#floatEstimate ._circle p {
display: flex;
flex-direction: column;
align-items: center;
padding: 0 0 3.3674963397vw;
position: relative;
}
@media screen and (min-width: 1466px) {
#floatEstimate ._circle p {
padding: 0 0 46px;
}
}
@media screen and (max-width: 768px) {
#floatEstimate ._circle p {
padding: 0 0 12.2666666667vw;
}
}
#floatEstimate ._circle p:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/f-arrow.svg) no-repeat center/contain;
width: 2.4890190337vw;
height: 2.4890190337vw;
margin-left: -1.2445095168vw;
transition: 0.3s ease;
}
@media screen and (min-width: 1466px) {
#floatEstimate ._circle p:after {
width: 34px;
height: 34px;
margin-left: -17px;
}
}
@media screen and (max-width: 768px) {
#floatEstimate ._circle p:after {
width: 9.0666666667vw;
height: 9.0666666667vw;
margin-left: -4.5333333333vw;
}
}
#floatEstimate ._circle p small {
display: inline-block;
font-size: 1.317715959vw;
padding: 0 1.25em;
position: relative;
font-weight: 700;
}
@media screen and (min-width: 1466px) {
#floatEstimate ._circle p small {
font-size: 18px;
}
}
@media screen and (max-width: 768px) {
#floatEstimate ._circle p small {
font-size: 4.8vw;
}
}
#floatEstimate ._circle p small:before {
content: "／";
position: absolute;
top: 0;
left: 0;
transform: scale(-1, 1);
rotate: 10deg;
font-weight: 900;
}
#floatEstimate ._circle p small:after {
content: "／";
position: absolute;
top: 0;
right: 0;
rotate: -10deg;
font-weight: 900;
}
#floatEstimate ._circle p span {
font-size: 1.6105417277vw;
font-weight: 700;
text-align: center;
}
@media screen and (min-width: 1466px) {
#floatEstimate ._circle p span {
font-size: 22px;
}
}
@media screen and (max-width: 768px) {
#floatEstimate ._circle p span {
font-size: 5.8666666667vw;
line-height: 1.3;
}
}
#floatEstimate ._circle p span strong {
font-size: 2.196193265vw;
font-weight: 700;
display: block;
}
@media screen and (min-width: 1466px) {
#floatEstimate ._circle p span strong {
font-size: 30px;
}
}
@media screen and (max-width: 768px) {
#floatEstimate ._circle p span strong {
font-size: 8vw;
}
}
#floatEstimate ._txt {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
animation: mv_rotate 20s linear infinite;
}
#floatEstimate ._txt span {
position: absolute;
left: 50%;
font-size: 0.9077598829vw;
transform-origin: 0 9.0043923865vw;
color: #000039;
}
@media screen and (min-width: 1466px) {
#floatEstimate ._txt span {
font-size: 12.4px;
transform-origin: 0 123px;
}
}
#floatEstimate._page {
top: 19.7657393851vw;
}
@media screen and (min-width: 1466px) {
#floatEstimate._page {
top: 270px;
}
}
@media screen and (max-height: 900px) and (min-width: 1467px) {
#floatEstimate._page {
top: auto;
bottom: 2.196193265vw;
}
}
@media screen and (max-width: 768px) {
#floatEstimate._page {
display: none;
}
}
@keyframes mv_rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
#top-featured {
padding: 3.6603221083vw 0 4.39238653vw;
overflow: hidden;
}
@media screen and (min-width: 1466px) {
#top-featured {
padding: 50px 0 60px;
}
}
@media screen and (max-width: 768px) {
#top-featured {
padding: 28vw 0 5.3333333333vw;
}
}
#top-featured ._ttl {
text-align: center;
}
#top-featured ._ttl h2 {
font-size: 2.0497803807vw;
margin: 0 0 1.2em;
font-weight: 700;
color: #000039;
}
@media screen and (min-width: 1466px) {
#top-featured ._ttl h2 {
font-size: 28px;
}
}
@media screen and (max-width: 768px) {
#top-featured ._ttl h2 {
font-size: 4.2666666667vw;
}
}
#top-featured ._slider .swiper {
overflow: visible;
}
#top-featured ._slider .swiper .swiper-wrapper {
transition-timing-function: linear;
}
#top-featured ._slider .swiper .swiper-wrapper .swiper-slide {
width: 14.6412884334vw;
height: 6.588579795vw;
margin: 0 0.7320644217vw;
}
@media screen and (min-width: 1466px) {
#top-featured ._slider .swiper .swiper-wrapper .swiper-slide {
width: 200px;
height: 90px;
margin: 0 10px;
}
}
@media screen and (max-width: 768px) {
#top-featured ._slider .swiper .swiper-wrapper .swiper-slide {
width: 26.6666666667vw;
height: 12vw;
margin: 0 1.3333333333vw;
}
}
#top-featured ._slider .swiper .swiper-wrapper .swiper-slide figure {
width: 100%;
height: 100%;
overflow: hidden;
}
#top-featured ._slider .swiper .swiper-wrapper .swiper-slide figure img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
#top-featured ._slider ._logoSlider_1 {
margin: 0 -8.78477306vw 1.4641288433vw;
}
@media screen and (min-width: 1466px) {
#top-featured ._slider ._logoSlider_1 {
margin: 0 -120px 20px;
}
}
@media screen and (max-width: 768px) {
#top-featured ._slider ._logoSlider_1 {
margin: 0 -16vw 2.6666666667vw;
}
}
#top-featured ._txt {
text-align: center;
padding: 2.196193265vw 0 0;
}
@media screen and (min-width: 1466px) {
#top-featured ._txt {
padding: 30px 0 0;
}
}
@media screen and (max-width: 768px) {
#top-featured ._txt {
padding: 5.3333333333vw 0 0;
}
}
#top-featured ._txt p {
font-size: 1.317715959vw;
}
@media screen and (min-width: 1466px) {
#top-featured ._txt p {
font-size: 18px;
}
}
@media screen and (max-width: 768px) {
#top-featured ._txt p {
font-size: 3.7333333333vw;
}
}
#top-about {
background-color: #cfdde7;
height: 46.875vw;
position: relative;
overflow: hidden;
}
@media screen and (min-width: 1466px) {
#top-about {
height: 46.875vw;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#top-about {
height: 46.875vw;
}
}
@media screen and (max-width: 768px) {
#top-about {
height: auto;
padding: 6.6666666667vw 0vw 104vw;
}
}
#top-about ._wrap {
display: flex;
align-items: center;
height: 100%;
}
@media screen and (max-width: 768px) {
#top-about ._wrap {
flex-direction: column;
}
}
#top-about ._wrap ._txt {
padding: 0 0 0 4.6875vw;
position: relative;
z-index: 10;
}
@media screen and (min-width: 1466px) {
#top-about ._wrap ._txt {
padding: 0 0 0 4.6875vw;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#top-about ._wrap ._txt {
padding: 0 0 0 4.6875vw;
}
}
@media screen and (max-width: 768px) {
#top-about ._wrap ._txt {
padding: 0 5.3333333333vw;
}
}
#top-about ._wrap ._txt h2 {
font-size: 3.2291666667vw;
font-weight: 700;
line-height: 1.5;
margin: 0 0 1em;
}
@media screen and (min-width: 1466px) {
#top-about ._wrap ._txt h2 {
font-size: 3.2291666667vw;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#top-about ._wrap ._txt h2 {
font-size: 3.2291666667vw;
}
}
@media screen and (max-width: 768px) {
#top-about ._wrap ._txt h2 {
font-size: 5.3333333333vw;
margin-right: -1em;
}
}
#top-about ._wrap ._txt h2 strong {
color: #000078;
font-weight: 700;
}
#top-about ._wrap ._txt p {
font-size: 0.8333333333vw;
line-height: 2.2;
margin: 0 0 3em;
}
@media screen and (min-width: 1466px) {
#top-about ._wrap ._txt p {
font-size: 0.8333333333vw;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#top-about ._wrap ._txt p {
font-size: 0.8333333333vw;
}
}
@media screen and (max-width: 768px) {
#top-about ._wrap ._txt p {
font-size: 3.7333333333vw;
line-height: 1.6;
margin: 0 0 1.5em;
}
}
#top-about ._wrap ._txt p:last-child {
margin: 0;
}
#top-about ._slider {
position: absolute;
top: -15%;
right: -10%;
height: 70.3125vw;
width: 48vw;
z-index: 1;
}
@media screen and (min-width: 1466px) {
#top-about ._slider {
height: 70.3125vw;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#top-about ._slider {
height: 70.3125vw;
}
}
@media screen and (max-width: 768px) {
#top-about ._slider {
height: 98.6666666667vw;
top: auto;
right: auto;
left: 0;
bottom: 0;
width: 100%;
overflow: hidden;
}
}
#top-about ._slider ._sp {
display: flex;
gap: 0.5208333333vw;
rotate: 25deg;
width: 125%;
height: 125%;
transform: translate(-17.5%, -12.5%);
}
@media screen and (min-width: 1466px) {
#top-about ._slider ._sp {
gap: 0.5208333333vw;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#top-about ._slider ._sp {
gap: 0.5208333333vw;
}
}
@media screen and (max-width: 768px) {
#top-about ._slider ._sp {
gap: 1.3333333333vw;
width: 150%;
height: 150%;
transform: translate(-17.5%, -12.5%);
}
}
#top-about ._slider ._sp > div {
flex: 1;
}
#top-about ._slider ._worksSlider_4 {
display: none;
}
@media screen and (max-width: 768px) {
#top-about ._slider ._worksSlider_4 {
display: block;
}
}
#top-about ._slider .swiper {
height: 100%;
}
#top-about ._slider .swiper .swiper-wrapper {
transition-timing-function: linear;
}
#top-about ._slider .swiper .swiper-wrapper .swiper-slide { }
#top-about ._slider .swiper .swiper-wrapper .swiper-slide figure {
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 0.3125vw;
}
@media screen and (min-width: 1466px) {
#top-about ._slider .swiper .swiper-wrapper .swiper-slide figure {
border-radius: 0.3125vw;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#top-about ._slider .swiper .swiper-wrapper .swiper-slide figure {
border-radius: 0.3125vw;
}
}
@media screen and (max-width: 768px) {
#top-about ._slider .swiper .swiper-wrapper .swiper-slide figure {
border-radius: 1.6vw;
}
}
#top-about ._slider .swiper .swiper-wrapper .swiper-slide figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#top-works {
padding: 6.9546120059vw 0;
}
@media screen and (min-width: 1466px) {
#top-works {
padding: 95px 0;
}
}
@media screen and (max-width: 768px) {
#top-works {
padding: 9.3333333333vw 0 5.3333333333vw;
}
}
#top-works._page {
padding: 0;
}
#top-works ._wrap ._meta ._ttl {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin: 0 0 2.196193265vw;
}
@media screen and (min-width: 1466px) {
#top-works ._wrap ._meta ._ttl {
margin: 0 0 30px;
}
}
@media screen and (max-width: 768px) {
#top-works ._wrap ._meta ._ttl {
flex-direction: column;
align-items: flex-start;
margin: 0 0 5.3333333333vw;
}
}
#top-works ._wrap ._meta ._ttl h2 {
display: flex;
align-items: flex-end;
line-height: 1;
}
@media screen and (max-width: 768px) {
#top-works ._wrap ._meta ._ttl h2 {
margin: 0 0 4vw;
}
}
#top-works ._wrap ._meta ._ttl h2 span {
font-size: 4.831625183vw;
font-weight: 700;
color: #000078;
margin: 0 0.3em 0 0;
}
@media screen and (min-width: 1466px) {
#top-works ._wrap ._meta ._ttl h2 span {
font-size: 66px;
}
}
@media screen and (max-width: 768px) {
#top-works ._wrap ._meta ._ttl h2 span {
font-size: 9.0666666667vw;
}
}
#top-works ._wrap ._meta ._ttl h2 small {
font-size: 1.4641288433vw;
font-weight: 700;
color: #000078;
}
@media screen and (min-width: 1466px) {
#top-works ._wrap ._meta ._ttl h2 small {
font-size: 20px;
}
}
@media screen and (max-width: 768px) {
#top-works ._wrap ._meta ._ttl h2 small {
font-size: 4.2666666667vw;
}
}
#top-works ._wrap ._meta ._ttl p {
font-size: 1.317715959vw;
font-weight: 700;
}
@media screen and (min-width: 1466px) {
#top-works ._wrap ._meta ._ttl p {
font-size: 18px;
}
}
@media screen and (max-width: 768px) {
#top-works ._wrap ._meta ._ttl p {
font-size: 4.2666666667vw;
}
}
#top-works ._wrap ._meta ._ttl p strong {
color: #000039;
font-weight: 700;
}
#top-works ._wrap ._meta ._categories {
margin: 0 0 2.9282576867vw;
}
@media screen and (min-width: 1466px) {
#top-works ._wrap ._meta ._categories {
margin: 0 0 40px;
}
}
@media screen and (max-width: 768px) {
#top-works ._wrap ._meta ._categories {
margin: 0 0 5.3333333333vw;
}
}
#top-works ._wrap ._meta ._categories .cateBox {
border: solid #d6d6d6 0.0732064422vw;
border-radius: 0.7320644217vw;
padding: 1.8301610542vw 0;
display: flex;
flex-wrap: wrap;
align-items: center;
background-color: #fff;
}
@media screen and (min-width: 1466px) {
#top-works ._wrap ._meta ._categories .cateBox {
border-width: 1px;
border-radius: 10px;
padding: 25px 0;
}
}
@media screen and (max-width: 768px) {
#top-works ._wrap ._meta ._categories .cateBox {
border-width: 0.2666666667vw;
border-radius: 2.6666666667vw;
padding: 5.3333333333vw 4vw;
flex-direction: column;
position: relative;
}
}
#top-works ._wrap ._meta ._categories .cateBox .lBox {
width: 13.17715959vw;
font-size: 2.4890190337vw;
font-weight: 800;
text-align: center;
}
@media screen and (min-width: 1466px) {
#top-works ._wrap ._meta ._categories .cateBox .lBox {
width: 180px;
font-size: 34px;
}
}
@media screen and (max-width: 768px) {
#top-works ._wrap ._meta ._categories .cateBox .lBox {
width: 100%;
font-size: 5.3333333333vw;
text-align: left;
}
}
#top-works ._wrap ._meta ._categories .cateBox .lBox i {
display: none;
background-color: #000039;
width: 3.2210834553vw;
height: 3.2210834553vw;
border-radius: 50%;
position: absolute;
top: 0;
right: 0;
}
@media screen and (min-width: 1466px) {
#top-works ._wrap ._meta ._categories .cateBox .lBox i {
width: 44px;
height: 44px;
}
}
@media screen and (max-width: 768px) {
#top-works ._wrap ._meta ._categories .cateBox .lBox i {
display: block;
width: 8vw;
height: 8vw;
top: 5.3333333333vw;
right: 5.3333333333vw;
}
}
#top-works ._wrap ._meta ._categories .cateBox .lBox i:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 2.0497803807vw;
height: 0.1464128843vw;
background-color: #fff;
margin: -0.0732064422vw 0 0 -1.0248901903vw;
}
@media screen and (min-width: 1466px) {
#top-works ._wrap ._meta ._categories .cateBox .lBox i:before {
width: 28px;
height: 2px;
margin: -1px 0 0 -14px;
}
}
@media screen and (max-width: 768px) {
#top-works ._wrap ._meta ._categories .cateBox .lBox i:before {
width: 5.0666666667vw;
height: 0.2666666667vw;
margin: -0.1333333333vw 0 0 -2.5333333333vw;
}
}
#top-works ._wrap ._meta ._categories .cateBox .lBox i:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 2.0497803807vw;
height: 0.1464128843vw;
background-color: #fff;
rotate: 90deg;
margin: -0.0732064422vw 0 0 -1.0248901903vw;
transition: 0.3s ease;
}
@media screen and (min-width: 1466px) {
#top-works ._wrap ._meta ._categories .cateBox .lBox i:after {
width: 28px;
height: 2px;
margin: -1px 0 0 -14px;
}
}
@media screen and (max-width: 768px) {
#top-works ._wrap ._meta ._categories .cateBox .lBox i:after {
width: 5.0666666667vw;
height: 0.2666666667vw;
margin: -0.1333333333vw 0 0 -2.5333333333vw;
}
}
#top-works ._wrap ._meta ._categories .cateBox .lBox._show i:after {
rotate: 360deg;
}
#top-works ._wrap ._meta ._categories .cateBox .rBox {
padding: 0 0 0 2.9282576867vw;
border-left: solid #d6d6d6 0.0732064422vw;
display: flex;
flex-direction: column;
gap: 1.4641288433vw;
line-height: 1.8;
width: 79.0629575403vw;
}
@media screen and (min-width: 1466px) {
#top-works ._wrap ._meta ._categories .cateBox .rBox {
padding: 0 0 0 2.9282576867vw;
border-width: 1px;
gap: 20px;
width: 1100px;
}
}
@media screen and (max-width: 768px) {
#top-works ._wrap ._meta ._categories .cateBox .rBox {
padding: 4vw 0 0;
border: 0vw;
gap: 5.3333333333vw;
width: auto;
}
}
#top-works ._wrap ._meta ._categories .cateBox .rBox .in p {
font-size: 1.1713030747vw;
display: flex;
flex-wrap: wrap;
gap: 1em;
font-weight: 700;
margin: 0 0 0.5em;
}
@media screen and (min-width: 1466px) {
#top-works ._wrap ._meta ._categories .cateBox .rBox .in p {
font-size: 16px;
}
}
@media screen and (max-width: 768px) {
#top-works ._wrap ._meta ._categories .cateBox .rBox .in p {
font-size: 3.7333333333vw;
margin: 0 0 0.5em;
}
}
#top-works ._wrap ._meta ._categories .cateBox .rBox .in p span {
color: #000039;
}
#top-works ._wrap ._meta ._categories .cateBox .rBox .in p a {
text-decoration: none;
}
#top-works ._wrap ._meta ._categories .cateBox .rBox .in p a:hover {
text-decoration: underline;
color: #858585;
}
#top-works ._wrap ._meta ._categories .cateBox .rBox .in p.current a {
text-decoration: underline;
color: #858585;
}
#top-works ._wrap ._meta ._categories .cateBox .rBox .in p.current a:hover {
text-decoration: none;
}
#top-works ._wrap ._meta ._categories .cateBox .rBox .in ul {
font-size: 1.0248901903vw;
display: flex;
flex-wrap: wrap;
gap: 0 1.5em;
font-weight: 700;
}
@media screen and (min-width: 1466px) {
#top-works ._wrap ._meta ._categories .cateBox .rBox .in ul {
font-size: 14px;
}
}
@media screen and (max-width: 768px) {
#top-works ._wrap ._meta ._categories .cateBox .rBox .in ul {
font-size: 3.4666666667vw;
flex-wrap: wrap;
gap: 0.5em 2em;
}
}
#top-works ._wrap ._meta ._categories .cateBox .rBox .in ul li a {
text-decoration: none;
}
#top-works ._wrap ._meta ._categories .cateBox .rBox .in ul li a:hover {
text-decoration: underline;
color: #858585;
}
#top-works ._wrap ._meta ._categories .cateBox .rBox .in ul li.current a {
text-decoration: underline;
color: #858585;
}
#top-works ._wrap ._meta ._categories .cateBox .rBox .in ul li.current a:hover {
text-decoration: none;
}
#top-works ._wrap ._list {
width: 95.2083333333vw;
margin: 0 auto;
}
@media screen and (min-width: 1466px) {
#top-works ._wrap ._list {
width: 90vw;
margin: 0 auto;
padding: 0;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#top-works ._wrap ._list {
width: 90vw;
margin: 0 auto;
padding: 0;
}
}
@media screen and (max-width: 768px) {
#top-works ._wrap ._list {
width: auto;
padding: 0 5.3333333333vw;
}
}
#top-works ._wrap ._list .worksWrapper {
display: flex;
align-items: center;
flex-direction: column;
}
#top-works ._wrap ._list .worksWrapper .worksList {
display: flex;
flex-wrap: wrap;
gap: 2.0833333333vw 1.0416666667vw;
}
@media screen and (min-width: 1466px) {
#top-works ._wrap ._list .worksWrapper .worksList {
gap: 2.0833333333vw 1.0416666667vw;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#top-works ._wrap ._list .worksWrapper .worksList {
gap: 2.0833333333vw 1.0416666667vw;
}
}
@media screen and (max-width: 768px) {
#top-works ._wrap ._list .worksWrapper .worksList {
gap: 6.4vw 2.4vw;
}
}
#top-works ._wrap ._list .worksWrapper .worksList .in {
width: 23.0208333333vw;
}
@media screen and (min-width: 1466px) {
#top-works ._wrap ._list .worksWrapper .worksList .in {
width: 21.71875vw;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#top-works ._wrap ._list .worksWrapper .worksList .in {
width: 21.71875vw;
}
}
@media screen and (max-width: 768px) {
#top-works ._wrap ._list .worksWrapper .worksList .in {
width: 43.4666666667vw;
}
}
#top-works ._wrap ._list .worksWrapper .worksList .in a {
display: block;
}
#top-works ._wrap ._list .worksWrapper .worksList .in a .imgBox figure {
width: 100%;
height: 14.4791666667vw;
border-radius: 0.5208333333vw;
overflow: hidden;
transition: 0.3s ease;
}
@media screen and (min-width: 1466px) {
#top-works ._wrap ._list .worksWrapper .worksList .in a .imgBox figure {
height: 14.4791666667vw;
border-radius: 0.5208333333vw;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#top-works ._wrap ._list .worksWrapper .worksList .in a .imgBox figure {
height: 14.4791666667vw;
border-radius: 0.5208333333vw;
}
}
@media screen and (max-width: 768px) {
#top-works ._wrap ._list .worksWrapper .worksList .in a .imgBox figure {
height: 29.3333333333vw;
border-radius: 2.6666666667vw;
}
}
#top-works ._wrap ._list .worksWrapper .worksList .in a .imgBox figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: 0.3s ease;
}
#top-works ._wrap ._list .worksWrapper .worksList .in a .txBox h3 {
font-size: 1.0416666667vw;
font-weight: 700;
padding: 0.5em 0;
}
@media screen and (min-width: 1466px) {
#top-works ._wrap ._list .worksWrapper .worksList .in a .txBox h3 {
font-size: 1.0416666667vw;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#top-works ._wrap ._list .worksWrapper .worksList .in a .txBox h3 {
font-size: 1.0416666667vw;
}
}
@media screen and (max-width: 768px) {
#top-works ._wrap ._list .worksWrapper .worksList .in a .txBox h3 {
font-size: 3.7333333333vw;
}
}
#top-works ._wrap ._list .worksWrapper .worksList .in a .txBox .tx_cateBox {
display: flex;
flex-wrap: wrap;
font-size: 0.7291666667vw;
gap: 0.3em;
margin-bottom: 0.2083333333vw;
}
@media screen and (min-width: 1466px) {
#top-works ._wrap ._list .worksWrapper .worksList .in a .txBox .tx_cateBox {
font-size: 0.7291666667vw;
margin-bottom: 0.2083333333vw;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#top-works ._wrap ._list .worksWrapper .worksList .in a .txBox .tx_cateBox {
font-size: 0.7291666667vw;
margin-bottom: 0.2083333333vw;
}
}
@media screen and (max-width: 768px) {
#top-works ._wrap ._list .worksWrapper .worksList .in a .txBox .tx_cateBox {
font-size: 2.6666666667vw;
margin-bottom: 1.0666666667vw;
}
}
#top-works ._wrap ._list .worksWrapper .worksList .in a .txBox .tx_cateBox .cate_in {
background-color: #000078;
color: #fff;
font-weight: 700;
padding: 0.3em 1.2em;
border-radius: 2em;
}
#top-works ._wrap ._list .worksWrapper .worksList .in a .txBox .tx_tagBox {
display: flex;
flex-wrap: wrap;
font-size: 1.0248901903vw;
padding: 0.5em 0 0;
}
@media screen and (min-width: 1466px) {
#top-works ._wrap ._list .worksWrapper .worksList .in a .txBox .tx_tagBox {
font-size: 14px;
}
}
@media screen and (max-width: 768px) {
#top-works ._wrap ._list .worksWrapper .worksList .in a .txBox .tx_tagBox {
font-size: 2.6666666667vw;
}
}
#top-works ._wrap ._list .worksWrapper .worksList .in a .txBox .tx_tagBox .tag_in {
font-weight: 700;
}
#top-works ._wrap ._list .worksWrapper .worksList .in a .txBox .tx_tagBox .tag_in:after {
content: "/";
padding: 0 0.5em;
}
#top-works ._wrap ._list .worksWrapper .worksList .in a .txBox .tx_tagBox .tag_in:last-child:after {
content: none;
}
#top-works ._wrap ._list .worksWrapper .worksList .in a .txBox .tx_tagBox .tag_in a:hover {
color: #000078;
text-decoration: underline;
}
#top-works ._wrap ._list .worksWrapper .worksList .in a:hover .imgBox figure {
scale: 1.05;
}
#top-works ._wrap .btn {
padding: 6.588579795vw 0 0;
}
@media screen and (min-width: 1466px) {
#top-works ._wrap .btn {
padding: 90px 0 0;
}
}
@media screen and (max-width: 768px) {
#top-works ._wrap .btn {
padding: 8vw 0 0;
}
}
#top-reason {
background-color: #000039;
padding: 5.4904831625vw 0;
position: relative;
overflow: hidden;
}
@media screen and (min-width: 1466px) {
#top-reason {
padding: 75px 0;
}
}
@media screen and (max-width: 768px) {
#top-reason {
padding: 5.3333333333vw 0;
}
}
#top-reason:before {
content: "";
position: absolute;
top: 50%;
right: 4.0263543192vw;
width: 66.3250366032vw;
height: 59.2972181552vw;
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/top-reason-bg.svg) no-repeat center/contain;
transform: translateY(-50%);
z-index: 1;
}
@media screen and (min-width: 1466px) {
#top-reason:before {
right: 55px;
width: 906px;
height: 810px;
}
}
@media screen and (max-width: 768px) {
#top-reason:before {
content: none;
right: 14.6666666667vw;
width: 241.6vw;
height: 216vw;
}
}
#top-reason ._wrap {
position: relative;
z-index: 2;
}
#top-reason ._wrap h2 {
text-align: center;
color: #fff;
font-size: 4.0995607613vw;
font-weight: 700;
margin: 0 0 0.5em;
}
@media screen and (min-width: 1466px) {
#top-reason ._wrap h2 {
font-size: 60px;
}
}
@media screen and (max-width: 768px) {
#top-reason ._wrap h2 {
font-size: 8vw;
margin: 0 -0.5em 0.7em;
}
}
#top-reason ._wrap ol {
display: flex;
flex-direction: column;
gap: 1.4641288433vw;
}
@media screen and (min-width: 1466px) {
#top-reason ._wrap ol {
gap: 20px;
}
}
@media screen and (max-width: 768px) {
#top-reason ._wrap ol {
gap: 3.2vw;
}
}
#top-reason ._wrap ol li {
background-color: #fff;
border-radius: 0.7320644217vw;
overflow: hidden;
position: relative;
}
@media screen and (min-width: 1466px) {
#top-reason ._wrap ol li {
border-radius: 10px;
}
}
@media screen and (max-width: 768px) {
#top-reason ._wrap ol li {
border-radius: 2.6666666667vw;
}
}
#top-reason ._wrap ol li ._num {
position: absolute;
top: 0;
right: 0;
background-color: #000078;
width: 5.8565153734vw;
height: 5.8565153734vw;
border-radius: 0 0 0 0.7320644217vw;
color: #fff;
font-size: 2.196193265vw;
font-weight: 800;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (min-width: 1466px) {
#top-reason ._wrap ol li ._num {
width: 80px;
height: 80px;
border-radius: 0 0 0 10px;
font-size: 30px;
}
}
@media screen and (max-width: 768px) {
#top-reason ._wrap ol li ._num {
display: none;
width: 21.3333333333vw;
height: 21.3333333333vw;
border-radius: 0 0 0 2.6666666667vw;
font-size: 8vw;
}
}
#top-reason ._wrap ol li ._cnt {
padding: 1.8301610542vw 1.4641288433vw 2.196193265vw 2.196193265vw;
}
@media screen and (min-width: 1466px) {
#top-reason ._wrap ol li ._cnt {
padding: 20px 35px 30px 35px;
}
}
@media screen and (max-width: 768px) {
#top-reason ._wrap ol li ._cnt {
padding: 5.3333333333vw;
}
}
#top-reason ._wrap ol li ._cnt ._h {
padding: 0 0 0 6.2225475842vw;
margin: 0 0 0.7320644217vw;
position: relative;
}
@media screen and (min-width: 1466px) {
#top-reason ._wrap ol li ._cnt ._h {
padding: 0 0 0 85px;
margin: 0 0 10px;
}
}
@media screen and (max-width: 768px) {
#top-reason ._wrap ol li ._cnt ._h {
padding: 0;
margin: 0 0 2.6666666667vw;
}
}
#top-reason ._wrap ol li ._cnt ._h:before {
content: "";
position: absolute;
top: 50%;
left: 0;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
#top-reason ._wrap ol li ._cnt ._h:before {
content: none;
}
}
#top-reason ._wrap ol li ._cnt ._h h3 {
font-size: 1.9033674963vw;
font-weight: 900;
color: #000078;
}
@media screen and (min-width: 1466px) {
#top-reason ._wrap ol li ._cnt ._h h3 {
font-size: 26px;
}
}
@media screen and (max-width: 768px) {
#top-reason ._wrap ol li ._cnt ._h h3 {
font-size: 4.5333333333vw;
}
}
#top-reason ._wrap ol li ._cnt ._p p {
font-size: 1.1713030747vw;
line-height: 1.8;
}
@media screen and (min-width: 1466px) {
#top-reason ._wrap ol li ._cnt ._p p {
font-size: 16px;
}
}
@media screen and (max-width: 768px) {
#top-reason ._wrap ol li ._cnt ._p p {
font-size: 3.7333333333vw;
}
}
#top-reason ._wrap ol li:nth-child(1) ._cnt ._h:before {
background-image: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/top-reason-icon01.svg);
width: 4.6852122987vw;
height: 4.4655929722vw;
}
@media screen and (min-width: 1466px) {
#top-reason ._wrap ol li:nth-child(1) ._cnt ._h:before {
width: 64px;
height: 61px;
}
}
@media screen and (max-width: 768px) {
#top-reason ._wrap ol li:nth-child(1) ._cnt ._h:before {
width: 17.0666666667vw;
height: 16.2666666667vw;
}
}
#top-reason ._wrap ol li:nth-child(2) ._cnt ._h:before {
background-image: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/top-reason-icon02.svg);
width: 4.5387994143vw;
height: 4.0995607613vw;
left: 0.1464128843vw;
}
@media screen and (min-width: 1466px) {
#top-reason ._wrap ol li:nth-child(2) ._cnt ._h:before {
width: 62px;
height: 56px;
left: 2px;
}
}
@media screen and (max-width: 768px) {
#top-reason ._wrap ol li:nth-child(2) ._cnt ._h:before {
width: 16.5333333333vw;
height: 14.9333333333vw;
left: 0.5333333333vw;
}
}
#top-reason ._wrap ol li:nth-child(3) ._cnt ._h:before {
background-image: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/top-reason-icon03.svg);
width: 4.5387994143vw;
height: 3.7335285505vw;
left: 0.1464128843vw;
}
@media screen and (min-width: 1466px) {
#top-reason ._wrap ol li:nth-child(3) ._cnt ._h:before {
width: 62px;
height: 51px;
left: 2px;
}
}
@media screen and (max-width: 768px) {
#top-reason ._wrap ol li:nth-child(3) ._cnt ._h:before {
width: 16.5333333333vw;
height: 13.6vw;
left: 0.5333333333vw;
}
}
#top-service {
background-color: #e3ebf1;
padding: 5.4904831625vw 0 6.9546120059vw;
position: relative;
overflow: hidden;
}
@media screen and (min-width: 1466px) {
#top-service {
padding: 75px 0 95px;
}
}
@media screen and (max-width: 768px) {
#top-service {
padding: 8vw 0 5.3333333333vw;
}
}
#top-service:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 39.8958333333vw;
height: 100%;
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/bg01.svg) no-repeat center/100% 100%;
z-index: 1;
}
@media screen and (min-width: 1466px) {
#top-service:before {
width: 39.8958333333vw;
}
}
@media screen and (max-width: 768px) {
#top-service:before {
content: none;
}
}
#top-service ._wrap {
position: relative;
z-index: 2;
}
#top-service ._wrap ._h {
margin: 0 0 2.9282576867vw;
}
@media screen and (min-width: 1466px) {
#top-service ._wrap ._h {
margin: 0 0 40px;
}
}
@media screen and (max-width: 768px) {
#top-service ._wrap ._h {
margin: 0 0 5.3333333333vw;
}
}
#top-service ._wrap ._h h2 {
display: flex;
align-items: flex-end;
line-height: 1;
}
#top-service ._wrap ._h h2 span {
font-size: 4.831625183vw;
font-weight: 700;
color: #000078;
margin: 0 0.3em 0 0;
}
@media screen and (min-width: 1466px) {
#top-service ._wrap ._h h2 span {
font-size: 66px;
}
}
@media screen and (max-width: 768px) {
#top-service ._wrap ._h h2 span {
font-size: 9.0666666667vw;
}
}
#top-service ._wrap ._h h2 small {
font-size: 1.4641288433vw;
font-weight: 700;
color: #000078;
}
@media screen and (min-width: 1466px) {
#top-service ._wrap ._h h2 small {
font-size: 20px;
}
}
@media screen and (max-width: 768px) {
#top-service ._wrap ._h h2 small {
font-size: 4.2666666667vw;
}
}
#top-service ._wrap ._list {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 768px) {
#top-service ._wrap ._list {
flex-direction: column;
gap: 3.2vw;
}
}
#top-service ._wrap ._list ._col {
width: 30.1610541728vw;
background-color: #fff;
border-radius: 0.7320644217vw;
padding: 0.7320644217vw;
position: relative;
}
@media screen and (min-width: 1466px) {
#top-service ._wrap ._list ._col {
width: 442px;
border-radius: 10px;
padding: 10px;
}
}
@media screen and (max-width: 768px) {
#top-service ._wrap ._list ._col {
width: 100%;
border-radius: 2.6666666667vw;
padding: 2.6666666667vw;
}
}
#top-service ._wrap ._list ._col ._circle {
position: absolute;
top: 13.17715959vw;
right: 1.4641288433vw;
width: 7.3206442167vw;
height: 7.3206442167vw;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
z-index: 9999;
}
@media screen and (min-width: 1466px) {
#top-service ._wrap ._list ._col ._circle {
top: 180px;
right: 20px;
width: 100px;
height: 100px;
}
}
@media screen and (max-width: 768px) {
#top-service ._wrap ._list ._col ._circle {
display: none;
}
}
#top-service ._wrap ._list ._col ._circle ._arrow {
position: absolute;
width: 4.6852122987vw;
height: 4.6852122987vw;
color: #000078;
background-color: #fff;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (min-width: 1466px) {
#top-service ._wrap ._list ._col ._circle ._arrow {
width: 64px;
height: 64px;
}
}
@media screen and (max-width: 768px) {
#top-service ._wrap ._list ._col ._circle ._arrow {
display: none;
}
}
#top-service ._wrap ._list ._col ._circle ._arrow:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/mm-arrow.svg) no-repeat center/contain;
width: 1.0248901903vw;
height: 0.8052708638vw;
transition: 0.3s ease;
transform: translate(-50%, -50%);
}
@media screen and (min-width: 1466px) {
#top-service ._wrap ._list ._col ._circle ._arrow:after {
width: 14px;
height: 11px;
right: 20px;
}
}
#top-service ._wrap ._list ._col ._circle ._txt {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
animation: mv_rotate 20s linear infinite;
}
#top-service ._wrap ._list ._col ._circle ._txt span {
position: absolute;
left: 50%;
font-size: 0.7320644217vw;
transform-origin: 0 3.6603221083vw;
color: #000078;
}
@media screen and (min-width: 1466px) {
#top-service ._wrap ._list ._col ._circle ._txt span {
font-size: 10px;
transform-origin: 0 50px;
}
}
#top-service ._wrap ._list ._col figure {
margin: 0 0 1.4641288433vw;
width: 100%;
}
@media screen and (min-width: 1466px) {
#top-service ._wrap ._list ._col figure {
margin: 0 0 20px;
}
}
@media screen and (max-width: 768px) {
#top-service ._wrap ._list ._col figure {
margin: 0 0 4vw;
}
}
#top-service ._wrap ._list ._col dl {
padding: 0 0.7320644217vw 0.7320644217vw;
}
@media screen and (min-width: 1466px) {
#top-service ._wrap ._list ._col dl {
padding: 0 10px 10px;
}
}
@media screen and (max-width: 768px) {
#top-service ._wrap ._list ._col dl {
padding: 0 2.6666666667vw 2.6666666667vw;
}
}
#top-service ._wrap ._list ._col dl dt {
margin: 0 0 1.4641288433vw;
display: flex;
flex-direction: column;
}
@media screen and (min-width: 1466px) {
#top-service ._wrap ._list ._col dl dt {
margin: 0 0 20px;
}
}
@media screen and (max-width: 768px) {
#top-service ._wrap ._list ._col dl dt {
margin: 0 0 3.2vw;
}
}
#top-service ._wrap ._list ._col dl dt strong {
font-size: 2.196193265vw;
font-weight: 700;
color: #000078;
margin: 0 0 0.3em;
}
@media screen and (min-width: 1466px) {
#top-service ._wrap ._list ._col dl dt strong {
font-size: 30px;
}
}
@media screen and (max-width: 768px) {
#top-service ._wrap ._list ._col dl dt strong {
font-size: 5.3333333333vw;
}
}
#top-service ._wrap ._list ._col dl dt small {
font-size: 0.9956076135vw;
}
@media screen and (min-width: 1466px) {
#top-service ._wrap ._list ._col dl dt small {
font-size: 15px;
}
}
@media screen and (max-width: 768px) {
#top-service ._wrap ._list ._col dl dt small {
font-size: 3.2vw;
}
}
#top-service ._wrap ._list ._col dl dd {
font-size: 1.1713030747vw;
margin: 0 0 0.6em;
display: flex;
flex-direction: column;
gap: 0.439238653vw;
}
@media screen and (min-width: 1466px) {
#top-service ._wrap ._list ._col dl dd {
font-size: 16px;
gap: 6px;
}
}
@media screen and (max-width: 768px) {
#top-service ._wrap ._list ._col dl dd {
font-size: 3.7333333333vw;
gap: 1.6vw;
}
}
#top-service ._wrap ._list ._col dl dd a {
color: #000078;
padding: 0.6em 1em;
position: relative;
display: block;
border: solid #858585 0.0732064422vw;
border-radius: 0.439238653vw;
width: 100%;
}
@media screen and (min-width: 1466px) {
#top-service ._wrap ._list ._col dl dd a {
border-width: 1px;
border-radius: 6px;
}
}
@media screen and (max-width: 768px) {
#top-service ._wrap ._list ._col dl dd a {
border-width: 0.2666666667vw;
border-radius: 1.6vw;
}
}
#top-service ._wrap ._list ._col dl dd a:before {
content: "";
position: absolute;
top: 50%;
right: 1.4641288433vw;
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/mm-arrow.svg) no-repeat center/contain;
width: 1.0248901903vw;
height: 0.8052708638vw;
transition: 0.3s ease;
transform: translateY(-50%);
}
@media screen and (min-width: 1466px) {
#top-service ._wrap ._list ._col dl dd a:before {
width: 14px;
height: 11px;
right: 20px;
}
}
@media screen and (max-width: 768px) {
#top-service ._wrap ._list ._col dl dd a:before {
width: 3.7333333333vw;
height: 2.9333333333vw;
right: 5.3333333333vw;
}
}
#top-service ._wrap ._list ._col dl dd a:hover {
color: #fff;
background-color: #000078;
}
#top-service ._wrap ._list ._col dl dd a:hover:before {
right: 0.7320644217vw;
background-image: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/btn-arrow.svg);
}
@media screen and (min-width: 1466px) {
#top-service ._wrap ._list ._col dl dd a:hover:before {
right: 10px;
}
}
@media screen and (max-width: 768px) {
#top-service ._wrap ._list ._col dl dd a:hover:before {
right: 2.6666666667vw;
}
}
#top-service._page:before {
content: none;
}
#top-service._page ._wrap ._h h2 {
display: block;
text-align: center;
font-weight: 700;
font-size: 3.953147877vw;
line-height: 1.3;
margin: 0 0 0.5em;
}
@media screen and (min-width: 1466px) {
#top-service._page ._wrap ._h h2 {
font-size: 60px;
}
}
@media screen and (max-width: 768px) {
#top-service._page ._wrap ._h h2 {
font-size: 6.9333333333vw;
}
}
#top-service._page ._wrap ._h h2 strong {
color: #000078;
font-weight: 700;
}
#top-plan {
background-color: #333;
padding: 5.4904831625vw 0 5.4904831625vw;
position: relative;
overflow: hidden;
}
@media screen and (min-width: 1466px) {
#top-plan {
padding: 75px 0 75px;
}
}
@media screen and (max-width: 768px) {
#top-plan {
padding: 6.6666666667vw 0 5.3333333333vw;
}
}
#top-plan:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 68.8020833333vw;
height: 100%;
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/bg02.svg) no-repeat center/100% 100%;
z-index: 1;
}
@media screen and (min-width: 1466px) {
#top-plan:before {
width: 68.8020833333vw;
}
}
@media screen and (max-width: 768px) {
#top-plan:before {
content: none;
}
}
#top-plan ._wrap {
position: relative;
z-index: 2;
}
#top-plan ._wrap ._h {
margin: 0 0 2.9282576867vw;
}
@media screen and (min-width: 1466px) {
#top-plan ._wrap ._h {
margin: 0 0 40px;
}
}
@media screen and (max-width: 768px) {
#top-plan ._wrap ._h {
margin: 0 0 5.3333333333vw;
}
}
#top-plan ._wrap ._h h2 {
display: flex;
align-items: flex-end;
line-height: 1;
}
#top-plan ._wrap ._h h2 span {
font-size: 4.831625183vw;
font-weight: 700;
color: #fff;
margin: 0 0.3em 0 0;
}
@media screen and (min-width: 1466px) {
#top-plan ._wrap ._h h2 span {
font-size: 66px;
}
}
@media screen and (max-width: 768px) {
#top-plan ._wrap ._h h2 span {
font-size: 9.0666666667vw;
}
}
#top-plan ._wrap ._h h2 small {
font-size: 1.4641288433vw;
font-weight: 700;
color: #fff;
}
@media screen and (min-width: 1466px) {
#top-plan ._wrap ._h h2 small {
font-size: 20px;
}
}
@media screen and (max-width: 768px) {
#top-plan ._wrap ._h h2 small {
font-size: 4.2666666667vw;
}
}
#top-plan ._wrap .swiper-nav {
display: none;
}
@media screen and (max-width: 768px) {
#top-plan ._wrap .swiper-nav {
margin: 16vw 0 0;
display: block;
position: relative;
}
}
#top-plan ._wrap .swiper-nav .swiper-pagination .swiper-pagination-bullet {
background-color: #fff;
opacity: 1;
}
#top-plan ._wrap .swiper-nav .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #000078;
}
#top-plan ._wrap ._list ol {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 0.7320644217vw;
}
@media screen and (min-width: 1466px) {
#top-plan ._wrap ._list ol {
gap: 10px;
}
}
@media screen and (max-width: 768px) {
#top-plan ._wrap ._list ol {
gap: 0vw;
flex-wrap: nowrap;
justify-content: normal;
}
}
#top-plan ._wrap ._list ol li {
width: 45.9736456808vw;
border-radius: 0.7320644217vw;
background-color: #fff;
padding: 0.3660322108vw;
}
@media screen and (min-width: 1466px) {
#top-plan ._wrap ._list ol li {
width: 678px;
border-radius: 10px;
padding: 5px;
}
}
@media screen and (max-width: 768px) {
#top-plan ._wrap ._list ol li {
width: 89.3333333333vw;
border-radius: 2.6666666667vw;
padding: 1.3333333333vw;
}
}
#top-plan ._wrap ._list ol li ._cnt ._ttl {
background-color: #000039;
border-radius: 0.439238653vw;
padding: 0.7320644217vw 0;
display: flex;
align-items: center;
color: #fff;
}
@media screen and (min-width: 1466px) {
#top-plan ._wrap ._list ol li ._cnt ._ttl {
border-radius: 6px;
padding: 10px 0;
}
}
@media screen and (max-width: 768px) {
#top-plan ._wrap ._list ol li ._cnt ._ttl {
border-radius: 1.6vw;
padding: 3.2vw 0;
flex-direction: column;
text-align: center;
}
}
#top-plan ._wrap ._list ol li ._cnt ._ttl ._num {
display: flex;
flex-direction: column;
align-items: center;
width: 8.0527086384vw;
line-height: 1.2;
}
@media screen and (min-width: 1466px) {
#top-plan ._wrap ._list ol li ._cnt ._ttl ._num {
width: 110px;
}
}
@media screen and (max-width: 768px) {
#top-plan ._wrap ._list ol li ._cnt ._ttl ._num {
width: 100%;
flex-direction: row;
justify-content: center;
}
}
#top-plan ._wrap ._list ol li ._cnt ._ttl ._num small {
font-size: 1.4641288433vw;
font-weight: 800;
}
@media screen and (min-width: 1466px) {
#top-plan ._wrap ._list ol li ._cnt ._ttl ._num small {
font-size: 20px;
}
}
@media screen and (max-width: 768px) {
#top-plan ._wrap ._list ol li ._cnt ._ttl ._num small {
font-size: 3.7333333333vw;
}
}
#top-plan ._wrap ._list ol li ._cnt ._ttl ._num span {
font-size: 2.3426061493vw;
font-weight: 800;
}
@media screen and (min-width: 1466px) {
#top-plan ._wrap ._list ol li ._cnt ._ttl ._num span {
font-size: 32px;
}
}
@media screen and (max-width: 768px) {
#top-plan ._wrap ._list ol li ._cnt ._ttl ._num span {
font-size: 3.7333333333vw;
}
}
#top-plan ._wrap ._list ol li ._cnt ._ttl ._t {
border-left: solid #fff 0.0732064422vw;
padding: 0.7320644217vw 0;
}
@media screen and (min-width: 1466px) {
#top-plan ._wrap ._list ol li ._cnt ._ttl ._t {
border-width: 1px;
padding: 10px 0;
}
}
@media screen and (max-width: 768px) {
#top-plan ._wrap ._list ol li ._cnt ._ttl ._t {
border: none;
padding: 1.3333333333vw 0 1.3333333333vw;
}
}
#top-plan ._wrap ._list ol li ._cnt ._ttl ._t h3 {
font-size: 2.0497803807vw;
font-weight: 900;
line-height: 1.3;
padding: 0 0 0 1em;
}
@media screen and (min-width: 1466px) {
#top-plan ._wrap ._list ol li ._cnt ._ttl ._t h3 {
font-size: 28px;
}
}
@media screen and (max-width: 768px) {
#top-plan ._wrap ._list ol li ._cnt ._ttl ._t h3 {
font-size: 5.3333333333vw;
padding: 0;
}
}
#top-plan ._wrap ._list ol li ._cnt ._b {
padding: 1.0980966325vw 0.7320644217vw 1.4641288433vw;
}
@media screen and (min-width: 1466px) {
#top-plan ._wrap ._list ol li ._cnt ._b {
padding: 15px 15px 20px;
}
}
@media screen and (max-width: 768px) {
#top-plan ._wrap ._list ol li ._cnt ._b {
padding: 2.6666666667vw 1.3333333333vw 4vw;
}
}
#top-plan ._wrap ._list ol li ._cnt ._b p {
font-size: 1.0980966325vw;
margin: 0 0 1em;
}
@media screen and (min-width: 1466px) {
#top-plan ._wrap ._list ol li ._cnt ._b p {
font-size: 15px;
}
}
@media screen and (max-width: 768px) {
#top-plan ._wrap ._list ol li ._cnt ._b p {
font-size: 3.2vw;
}
}
#top-plan ._wrap ._list ol li ._cnt ._b ul {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 0.3660322108vw;
}
@media screen and (min-width: 1466px) {
#top-plan ._wrap ._list ol li ._cnt ._b ul {
gap: 5px;
}
}
@media screen and (max-width: 768px) {
#top-plan ._wrap ._list ol li ._cnt ._b ul {
gap: 0.8vw;
grid-template-columns: 1fr 1fr;
}
}
#top-plan ._wrap ._list ol li ._cnt ._b ul li {
width: auto;
background-color: #e3ebf1;
border-radius: 0;
display: flex;
align-items: center;
justify-content: center;
color: #000039;
font-size: 0.8052708638vw;
padding: 1em 0;
}
@media screen and (min-width: 1466px) {
#top-plan ._wrap ._list ol li ._cnt ._b ul li {
font-size: 12px;
}
}
@media screen and (max-width: 768px) {
#top-plan ._wrap ._list ol li ._cnt ._b ul li {
font-size: 3.2vw;
}
}
#top-plan ._wrap ._list ol li ._cnt ._price {
padding: 0 1.0980966325vw 1.8301610542vw;
display: flex;
align-items: center;
}
@media screen and (min-width: 1466px) {
#top-plan ._wrap ._list ol li ._cnt ._price {
padding: 0 15px 25px;
}
}
@media screen and (max-width: 768px) {
#top-plan ._wrap ._list ol li ._cnt ._price {
padding: 0 1.3333333333vw 4vw;
}
}
#top-plan ._wrap ._list ol li ._cnt ._price ._table {
border-top: solid #87a9c3 0.0732064422vw;
width: 23.4260614934vw;
}
@media screen and (min-width: 1466px) {
#top-plan ._wrap ._list ol li ._cnt ._price ._table {
border-width: 1px;
width: 320px;
}
}
@media screen and (max-width: 768px) {
#top-plan ._wrap ._list ol li ._cnt ._price ._table {
border-width: 0.2666666667vw;
width: 46.6666666667vw;
}
}
#top-plan ._wrap ._list ol li ._cnt ._price ._table dl {
display: flex;
font-size: 1.0980966325vw;
padding: 1em 0;
border-bottom: solid #87a9c3 0.0732064422vw;
}
@media screen and (min-width: 1466px) {
#top-plan ._wrap ._list ol li ._cnt ._price ._table dl {
font-size: 15px;
border-width: 1px;
}
}
@media screen and (max-width: 768px) {
#top-plan ._wrap ._list ol li ._cnt ._price ._table dl {
font-size: 3.4666666667vw;
border-width: 0.2666666667vw;
}
}
#top-plan ._wrap ._list ol li ._cnt ._price ._table dl dt {
color: #000078;
font-weight: 700;
width: 6.5em;
}
#top-plan ._wrap ._list ol li ._cnt ._price ._table dl dd {
padding: 0 0 0 2em;
}
@media screen and (max-width: 768px) {
#top-plan ._wrap ._list ol li ._cnt ._price ._table dl dd {
padding: 0 0 0 1em;
}
}
#top-plan ._wrap ._list ol li ._cnt ._price ._total {
padding: 0 0 0 2.5622254758vw;
display: flex;
align-items: flex-end;
line-height: 1;
gap: 0.3em;
}
@media screen and (min-width: 1466px) {
#top-plan ._wrap ._list ol li ._cnt ._price ._total {
padding: 0 0 0 35px;
}
}
@media screen and (max-width: 768px) {
#top-plan ._wrap ._list ol li ._cnt ._price ._total {
padding: 0 0 0 4vw;
}
}
#top-plan ._wrap ._list ol li ._cnt ._price ._total strong {
font-size: 6.7349926794vw;
font-weight: 800;
color: #c80000;
}
@media screen and (min-width: 1466px) {
#top-plan ._wrap ._list ol li ._cnt ._price ._total strong {
font-size: 92px;
}
}
@media screen and (max-width: 768px) {
#top-plan ._wrap ._list ol li ._cnt ._price ._total strong {
font-size: 13.3333333333vw;
}
}
#top-plan ._wrap ._list ol li ._cnt ._price ._total span {
display: flex;
flex-direction: column;
padding: 0 0 1em;
}
@media screen and (max-width: 768px) {
#top-plan ._wrap ._list ol li ._cnt ._price ._total span {
padding: 0 0 0.5em;
}
}
#top-plan ._wrap ._list ol li ._cnt ._price ._total span small {
font-size: 0.878477306vw;
}
@media screen and (min-width: 1466px) {
#top-plan ._wrap ._list ol li ._cnt ._price ._total span small {
font-size: 12px;
}
}
@media screen and (max-width: 768px) {
#top-plan ._wrap ._list ol li ._cnt ._price ._total span small {
font-size: 3.2vw;
}
}
#top-plan ._wrap ._list ol li ._cnt ._price ._total span i {
font-style: normal;
color: #c80000;
font-weight: 900;
font-size: 2.0497803807vw;
}
@media screen and (min-width: 1466px) {
#top-plan ._wrap ._list ol li ._cnt ._price ._total span i {
font-size: 28px;
}
}
@media screen and (max-width: 768px) {
#top-plan ._wrap ._list ol li ._cnt ._price ._total span i {
font-size: 4.2666666667vw;
}
}
#top-plan ._wrap ._btn {
padding: 4.7584187408vw 0 0;
}
@media screen and (min-width: 1466px) {
#top-plan ._wrap ._btn {
padding: 65px 0 0;
}
}
@media screen and (max-width: 768px) {
#top-plan ._wrap ._btn {
padding: 8vw 0 0;
}
}
#top-faq {
background-color: #e3ebf1;
padding: 5.4904831625vw 0 5.4904831625vw;
position: relative;
overflow: hidden;
}
@media screen and (min-width: 1466px) {
#top-faq {
padding: 75px 0 75px;
}
}
@media screen and (max-width: 768px) {
#top-faq {
padding: 8vw 0 5.3333333333vw;
}
}
#top-faq:before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 94.3229166667vw;
height: 100%;
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/bg03.svg) no-repeat center/100% 100%;
z-index: 1;
}
@media screen and (min-width: 1466px) {
#top-faq:before {
width: 94.3229166667vw;
}
}
@media screen and (max-width: 768px) {
#top-faq:before {
content: none;
}
}
#top-faq ._wrap {
position: relative;
z-index: 2;
}
#top-faq ._wrap ._h {
margin: 0 0 2.9282576867vw;
}
@media screen and (min-width: 1466px) {
#top-faq ._wrap ._h {
margin: 0 0 40px;
}
}
@media screen and (max-width: 768px) {
#top-faq ._wrap ._h {
margin: 0 0 4vw;
}
}
#top-faq ._wrap ._h h2 {
display: flex;
align-items: flex-end;
line-height: 1;
}
#top-faq ._wrap ._h h2 span {
font-size: 4.831625183vw;
font-weight: 700;
color: #000078;
margin: 0 0.3em 0 0;
}
@media screen and (min-width: 1466px) {
#top-faq ._wrap ._h h2 span {
font-size: 66px;
}
}
@media screen and (max-width: 768px) {
#top-faq ._wrap ._h h2 span {
font-size: 9.0666666667vw;
}
}
#top-faq ._wrap ._h h2 small {
font-size: 1.4641288433vw;
font-weight: 700;
color: #000078;
}
@media screen and (min-width: 1466px) {
#top-faq ._wrap ._h h2 small {
font-size: 20px;
}
}
@media screen and (max-width: 768px) {
#top-faq ._wrap ._h h2 small {
font-size: 4.2666666667vw;
}
}
#top-faq ._btn {
padding: 4.39238653vw 0 0;
}
@media screen and (min-width: 1466px) {
#top-faq ._btn {
padding: 60px 0 0;
}
}
@media screen and (max-width: 768px) {
#top-faq ._btn {
padding: 5.3333333333vw 0 0;
}
}
.faqList {
display: flex;
flex-direction: column;
gap: 0.7320644217vw;
line-height: 1.5;
}
@media screen and (min-width: 1466px) {
.faqList {
gap: 10px;
}
}
@media screen and (max-width: 768px) {
.faqList {
gap: 2.6666666667vw;
}
}
.faqList dl {
background-color: #fff;
border-radius: 0.7320644217vw;
padding: 2.196193265vw 2.196193265vw;
cursor: pointer;
}
@media screen and (min-width: 1466px) {
.faqList dl {
border-radius: 10px;
padding: 30px 30px;
}
}
@media screen and (max-width: 768px) {
.faqList dl {
border-radius: 2.6666666667vw;
padding: 4vw 5.3333333333vw;
}
}
.faqList dl dt {
position: relative;
}
.faqList dl dt span {
display: block;
font-size: 1.756954612vw;
color: #000078;
font-weight: 900;
padding: 0 3.6603221083vw;
position: relative;
}
@media screen and (min-width: 1466px) {
.faqList dl dt span {
font-size: 24px;
padding: 0 50px;
}
}
@media screen and (max-width: 768px) {
.faqList dl dt span {
font-size: 4vw;
padding: 0 12vw 0 8vw;
}
}
.faqList dl dt span:before {
content: "Q.";
font-size: 2.3426061493vw;
line-height: 1;
font-family: "Montserrat", "Noto Sans JP", sans-serif;
color: #000078;
font-weight: 800;
position: absolute;
top: 0;
left: 0;
}
@media screen and (min-width: 1466px) {
.faqList dl dt span:before {
font-size: 32px;
}
}
@media screen and (max-width: 768px) {
.faqList dl dt span:before {
font-size: 5.3333333333vw;
}
}
.faqList dl dt i {
background-color: #000039;
width: 3.2210834553vw;
height: 3.2210834553vw;
border-radius: 50%;
position: absolute;
top: -10%;
right: 0;
}
@media screen and (min-width: 1466px) {
.faqList dl dt i {
width: 44px;
height: 44px;
}
}
@media screen and (max-width: 768px) {
.faqList dl dt i {
width: 8vw;
height: 8vw;
top: 1.3333333333vw;
}
}
.faqList dl dt i:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 2.0497803807vw;
height: 0.1464128843vw;
background-color: #fff;
margin: -0.0732064422vw 0 0 -1.0248901903vw;
}
@media screen and (min-width: 1466px) {
.faqList dl dt i:before {
width: 28px;
height: 2px;
margin: -1px 0 0 -14px;
}
}
@media screen and (max-width: 768px) {
.faqList dl dt i:before {
width: 5.0666666667vw;
height: 0.2666666667vw;
margin: -0.1333333333vw 0 0 -2.5333333333vw;
}
}
.faqList dl dt i:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 2.0497803807vw;
height: 0.1464128843vw;
background-color: #fff;
rotate: 90deg;
margin: -0.0732064422vw 0 0 -1.0248901903vw;
transition: 0.3s ease;
}
@media screen and (min-width: 1466px) {
.faqList dl dt i:after {
width: 28px;
height: 2px;
margin: -1px 0 0 -14px;
}
}
@media screen and (max-width: 768px) {
.faqList dl dt i:after {
width: 5.0666666667vw;
height: 0.2666666667vw;
margin: -0.1333333333vw 0 0 -2.5333333333vw;
}
}
.faqList dl dd {
display: none;
padding: 1.4641288433vw 0 0;
}
@media screen and (min-width: 1466px) {
.faqList dl dd {
padding: 20px 0 0;
}
}
@media screen and (max-width: 768px) {
.faqList dl dd {
padding: 2.6666666667vw 0 0;
}
}
.faqList dl dd p {
font-size: 1.1713030747vw;
line-height: 2.2;
padding: 0 3.6603221083vw;
}
@media screen and (min-width: 1466px) {
.faqList dl dd p {
font-size: 16px;
padding: 0 50px;
}
}
@media screen and (max-width: 768px) {
.faqList dl dd p {
font-size: 3.7333333333vw;
padding: 0 0vw;
line-height: 1.6;
}
}
.faqList dl._show dt i:after {
rotate: 360deg;
} .page-header {
position: relative;
height: 30.0146412884vw;
background-color: #000039;
z-index: 2;
}
@media screen and (min-width: 1466px) {
.page-header {
height: 410px;
}
}
@media screen and (max-width: 768px) {
.page-header {
margin: 16vw 0 0;
height: 32vw;
}
}
@media only screen and (min-width: 1200px) {
.single-column .page-header::after {
display: none;
}
}
.page-header:after {
content: "";
position: absolute;
top: 0;
right: 1.4641288433vw;
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/page-header-img.webp) no-repeat center/contain;
width: 48.8286969253vw;
height: 30.0146412884vw;
z-index: 1;
}
@media screen and (min-width: 1466px) {
.page-header:after {
right: 79px;
width: 667px;
height: 410px;
}
}
@media screen and (max-width: 768px) {
.page-header:after {
right: -3.2vw;
width: 60.8vw;
height: 32vw;
}
}
.page-header .inner {
height: 100%;
}
.page-header .inner ._hd {
width: 100%;
height: 100%;
position: relative;
display: flex;
align-items: center;
z-index: 10;
}
.page-header .inner ._hd ._ttl {
font-size: 3.6603221083vw;
font-weight: 700;
line-height: 1.4;
padding: 1em 0 0;
color: #fff;
}
@media screen and (min-width: 1466px) {
.page-header .inner ._hd ._ttl {
font-size: 50px;
}
}
@media screen and (max-width: 768px) {
.page-header .inner ._hd ._ttl {
font-size: 6.4vw;
padding: 0 0 0.5em;
}
}
.page-header .inner ._hd ._ttl small {
display: block;
font-size: 2.196193265vw;
font-weight: 700;
}
@media screen and (min-width: 1466px) {
.page-header .inner ._hd ._ttl small {
font-size: 30px;
}
}
@media screen and (max-width: 768px) {
.page-header .inner ._hd ._ttl small {
font-size: 4.2666666667vw;
}
}
#breadcrumbs {
font-size: 0.878477306vw;
padding: 1em 0 8em;
line-height: 1;
}
@media screen and (min-width: 1466px) {
#breadcrumbs {
font-size: 12px;
}
}
@media screen and (max-width: 768px) {
#breadcrumbs {
font-size: 2.6666666667vw;
padding: 1em 0 4em;
}
}
#breadcrumbs._wh {
background-color: #fff;
}
#breadcrumbs._bg {
background-color: #cfdde7;
padding: 1em 0 0;
margin-bottom: -1em;
}
@media screen and (max-width: 768px) {
#breadcrumbs._bg {
padding: 1em 0 2em;
margin-bottom: 0;
margin-top: -2em;
}
}
#breadcrumbs a,
#breadcrumbs span {
display: inline-block;
vertical-align: baseline;
}
#breadcrumbs span[property=name],
#breadcrumbs .aioseo-breadcrumb {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 20em;
}
#breadcrumbs a {
transition: none;
}
#breadcrumbs a:hover {
color: #000078;
transition: underline;
}
#breadcrumbs .aioseo-breadcrumb-separator {
padding: 0 0.5em;
}
._ttl-h2 {
position: relative;
font-size: 1.756954612vw;
font-weight: 700;
text-align: center;
padding: 1em 0 1.5em;
border-bottom: solid #333 0.0732064422vw;
margin: 0 0 2em;
letter-spacing: 0.1em;
}
@media screen and (min-width: 1466px) {
._ttl-h2 {
font-size: 24px;
border-width: 1px;
}
}
@media screen and (max-width: 768px) {
._ttl-h2 {
font-size: 5.3333333333vw;
border-width: 0.2666666667vw;
}
}
._ttl-h2:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
background-color: #000039;
width: 16.3982430454vw;
height: 0.2928257687vw;
transform: translate(-50%, 50%);
}
@media screen and (min-width: 1466px) {
._ttl-h2:after {
width: 224px;
height: 4px;
}
}
@media screen and (max-width: 768px) {
._ttl-h2:after {
width: 32vw;
height: 1.0666666667vw;
}
}
._ttl-h2._r:after {
background-color: #000078;
}
._ttl-h3 {
font-size: 1.4641288433vw;
font-weight: 700;
text-align: center;
margin: 0 0 1.5em;
background-color: #eee;
padding: 1em 1em;
}
@media screen and (min-width: 1466px) {
._ttl-h3 {
font-size: 20px;
}
}
@media screen and (max-width: 768px) {
._ttl-h3 {
font-size: 4.8vw;
}
}
._ttl-h4 {
font-size: 1.317715959vw;
font-weight: 700;
padding: 0 0 0 1.5em;
position: relative;
margin: 0 0 2em;
}
@media screen and (min-width: 1466px) {
._ttl-h4 {
font-size: 18px;
}
}
@media screen and (max-width: 768px) {
._ttl-h4 {
font-size: 4.2666666667vw;
}
}
._ttl-h4:before {
content: "■";
position: absolute;
top: 0;
left: 0;
color: #000039;
}
.page-content {
margin-bottom: 7.3206442167vw;
}
@media screen and (min-width: 1466px) {
.page-content {
margin-bottom: 100px;
}
}
@media screen and (max-width: 768px) {
.page-content {
margin-bottom: 16vw;
}
}
.page-content._wh {
background-color: #fff;
margin-bottom: 0;
padding-bottom: 5.8565153734vw;
}
@media screen and (min-width: 1466px) {
.page-content._wh {
padding-bottom: 80px;
}
}
@media screen and (max-width: 768px) {
.page-content._wh {
padding-bottom: 10.6666666667vw;
}
}
.page-content._bg {
padding-top: 5.8565153734vw;
}
@media screen and (min-width: 1466px) {
.page-content._bg {
padding-top: 80px;
}
}
@media screen and (max-width: 768px) {
.page-content._bg {
padding-top: 10.6666666667vw;
}
}
.page-content .page-content-cnt {
font-size: 1.1713030747vw;
font-weight: 600;
line-height: 2;
}
@media screen and (min-width: 1466px) {
.page-content .page-content-cnt {
font-size: 16px;
}
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt {
font-size: 3.7333333333vw;
}
}
.page-content .page-content-cnt--privacy ._blk > * + * {
margin-top: 1em;
}
.page-content .page-content-cnt--privacy ._blk .privacy-table {
width: 100%;
}
.page-content .page-content-cnt--privacy ._blk .privacy-table th,
.page-content .page-content-cnt--privacy ._blk .privacy-table td {
padding: 0.4em 0.8em;
border: 1px solid;
}
.page-content .page-content-cnt--privacy ._blk .privacy-table td:first-child {
width: 35%;
}
.page-content .page-content-cnt ._blk {
margin-bottom: 5.8565153734vw;
}
@media screen and (min-width: 1466px) {
.page-content .page-content-cnt ._blk {
margin-bottom: 80px;
}
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt ._blk {
margin-bottom: 10.6666666667vw;
}
}
.page-content .page-content-cnt ._blk:last-child {
margin-bottom: 0;
}
.page-content .page-content-cnt ._vtc {
display: flex;
flex-direction: column;
align-items: center;
}
.page-content .page-content-cnt ._mb {
margin-bottom: 1em;
}
.page-content .page-content-cnt ._mbx {
margin-bottom: 2em;
}
.page-content .page-content-cnt ._mbxx {
margin-bottom: 3em;
}
.page-content .page-content-cnt ._center {
text-align: center;
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt ._center._spl {
text-align: left;
}
}
.page-content .page-content-cnt ._lg {
font-size: 112%;
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt ._lg {
font-size: 108%;
}
}
.page-content .page-content-cnt ._lgx {
font-size: 125%;
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt ._lgx {
font-size: 112%;
}
}
.page-content .page-content-cnt strong {
font-weight: 700;
}
.page-content .page-content-cnt ._red {
color: #000039;
}
.page-content .page-content-cnt ._underline {
text-decoration: underline;
text-decoration-color: #000039;
text-underline-offset: 0.3em;
}
.page-content .page-content-cnt ._marker {
background: linear-gradient(transparent 70%, #ffde00 70%);
}
.page-content .page-content-cnt ._fl {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt ._fl {
gap: 10.6666666667vw;
}
}
.page-content .page-content-cnt ._fl._rev {
flex-direction: row-reverse;
}
.page-content .page-content-cnt ._fl._jct {
justify-content: center;
}
.page-content .page-content-cnt ._fl._ast {
align-items: flex-start;
}
.page-content .page-content-cnt ._fl._fr {
justify-content: flex-start;
}
.page-content .page-content-cnt ._fl ._col._col-2 {
width: 48%;
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt ._fl ._col._col-2 {
width: 100%;
}
}
.page-content .page-content-cnt ._fl ._col._col-3 {
width: 32%;
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt ._fl ._col._col-3 {
width: 100%;
}
}
.page-content .page-content-cnt ._btn {
display: flex;
justify-content: center;
}
.page-content .page-content-cnt ._flow ol {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 1.4641288433vw 4%;
counter-reset: number 0;
}
@media screen and (min-width: 1466px) {
.page-content .page-content-cnt ._flow ol {
gap: 20px 4%;
}
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt ._flow ol {
gap: 5.3333333333vw 4%;
}
}
.page-content .page-content-cnt ._flow ol li {
width: 22%;
display: flex;
flex-direction: column;
position: relative;
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt ._flow ol li {
width: 48%;
}
}
.page-content .page-content-cnt ._flow ol li ._num {
font-weight: 700;
color: #000039;
padding: 0 0 0 2.5em;
position: relative;
margin: 1em 0 0;
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt ._flow ol li ._num {
padding: 0 0 0 2em;
}
}
.page-content .page-content-cnt ._flow ol li ._num:before {
counter-increment: number 1;
content: counter(number);
position: absolute;
top: 50%;
left: 0;
background-color: #fff;
color: #000039;
border: solid #000039 0.0732064422vw;
border-radius: 50%;
width: 2.5622254758vw;
height: 2.5622254758vw;
line-height: 2.3426061493vw;
text-align: center;
font-weight: 700;
transform: translateY(-50%);
}
@media screen and (min-width: 1466px) {
.page-content .page-content-cnt ._flow ol li ._num:before {
border-width: 1px;
width: 35px;
height: 35px;
line-height: 32px;
}
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt ._flow ol li ._num:before {
border-width: 0.2666666667vw;
width: 6.6666666667vw;
height: 6.6666666667vw;
line-height: 6.1333333333vw;
}
}
.page-content .page-content-cnt ._flow ol li:before {
content: "";
position: absolute;
top: 50%;
left: -2.4890190337vw;
width: 1.0980966325vw;
height: 2.5622254758vw;
transform: translateY(-50%);
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/flow-arrow.svg) no-repeat center/contain;
}
@media screen and (min-width: 1466px) {
.page-content .page-content-cnt ._flow ol li:before {
left: -34px;
width: 15px;
height: 35px;
}
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt ._flow ol li:before {
left: -8vw;
width: 3.2vw;
height: 8vw;
}
}
.page-content .page-content-cnt ._flow ol li:first-child:before {
content: none;
}
.page-content .page-content-cnt ._dlList ul li {
border-bottom: solid #eee 0.0732064422vw;
}
@media screen and (min-width: 1466px) {
.page-content .page-content-cnt ._dlList ul li {
border-width: 1px;
}
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt ._dlList ul li {
border-width: 0.2666666667vw;
}
}
.page-content .page-content-cnt ._dlList ul li a {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1.4641288433vw 1.4641288433vw 1.4641288433vw 2.9282576867vw;
}
@media screen and (min-width: 1466px) {
.page-content .page-content-cnt ._dlList ul li a {
padding: 20px 20px 20px 40px;
}
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt ._dlList ul li a {
flex-direction: column;
padding: 5.3333333333vw 3.2vw;
gap: 3.2vw;
}
}
.page-content .page-content-cnt ._dlList ul li a:hover {
color: #000039;
}
.page-content .page-content-cnt ._dlList ul li a:hover ._dl {
background-color: #000039;
}
.page-content .page-content-cnt ._dlList ul li a p {
padding: 0 0 0 3em;
position: relative;
}
.page-content .page-content-cnt ._dlList ul li a p:before {
content: "";
position: absolute;
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/icon-pdf.svg) no-repeat center/contain;
width: 1.8301610542vw;
height: 1.8301610542vw;
top: 50%;
left: 0;
transform: translateY(-50%);
}
@media screen and (min-width: 1466px) {
.page-content .page-content-cnt ._dlList ul li a p:before {
width: 25px;
height: 25px;
}
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt ._dlList ul li a p:before {
width: 6.6666666667vw;
height: 6.6666666667vw;
}
}
.page-content .page-content-cnt ._dlList ul li a ._dl {
width: 12.2254758419vw;
height: 2.9282576867vw;
background-color: #eee;
border-radius: 0.439238653vw;
color: #fff;
display: flex;
align-items: center;
font-size: 1.0248901903vw;
padding: 0 1.5em;
transition: 0.3s ease;
}
@media screen and (min-width: 1466px) {
.page-content .page-content-cnt ._dlList ul li a ._dl {
width: 167px;
height: 40px;
border-radius: 6px;
font-size: 14px;
}
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt ._dlList ul li a ._dl {
width: 44.5333333333vw;
height: 10.6666666667vw;
border-radius: 1.6vw;
font-size: 3.7333333333vw;
}
}
.page-content .page-content-cnt ._dlList ul li a ._dl span {
position: relative;
width: 100%;
}
.page-content .page-content-cnt ._dlList ul li a ._dl span:after {
content: "";
position: absolute;
top: 50%;
right: 0;
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/icon-download.svg) no-repeat center/contain;
width: 1.6105417277vw;
height: 1.6105417277vw;
transform: translateY(-50%);
}
@media screen and (min-width: 1466px) {
.page-content .page-content-cnt ._dlList ul li a ._dl span:after {
width: 22px;
height: 22px;
}
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt ._dlList ul li a ._dl span:after {
width: 5.8666666667vw;
height: 5.8666666667vw;
}
}
.page-content .page-content-cnt ._dlList ul li._package a p:before {
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/icon-package.svg) no-repeat center/contain;
width: 1.8301610542vw;
height: 1.8301610542vw;
}
@media screen and (min-width: 1466px) {
.page-content .page-content-cnt ._dlList ul li._package a p:before {
width: 25px;
height: 25px;
}
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt ._dlList ul li._package a p:before {
width: 6.6666666667vw;
height: 6.6666666667vw;
}
}
.page-content .page-content-cnt p._notes {
padding: 0 0 0 1em;
position: relative;
line-height: 1.6;
}
.page-content .page-content-cnt p._notes:before {
content: "※";
position: absolute;
top: 0;
left: 0;
}
.page-content .page-content-cnt ul._arrow li {
padding: 0 0 0 1.5em;
position: relative;
}
.page-content .page-content-cnt ul._arrow li:before {
content: "▶︎";
position: absolute;
top: 0;
left: 0;
color: #ffde00;
}
.page-content .page-content-cnt ul._row {
display: flex;
flex-wrap: wrap;
gap: 0 1em;
}
.page-content .page-content-cnt ul._row li {
padding: 0 0 0 1em;
position: relative;
}
.page-content .page-content-cnt ul._row li:before {
content: "・";
position: absolute;
top: 0;
left: 0;
}
.page-content .page-content-cnt ul._dot li {
padding: 0 0 0 1.5em;
position: relative;
}
.page-content .page-content-cnt ul._dot li:before {
content: "●";
position: absolute;
top: 0;
left: 0;
color: #000039;
}
.page-content .page-content-cnt ul._chk {
font-size: 1.317715959vw;
font-weight: 700;
color: #000039;
}
@media screen and (min-width: 1466px) {
.page-content .page-content-cnt ul._chk {
font-size: 18px;
}
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt ul._chk {
font-size: 4.2666666667vw;
}
}
.page-content .page-content-cnt ul._chk li {
padding: 0 0 0 2em;
position: relative;
margin: 0 0 1em;
}
.page-content .page-content-cnt ul._chk li:before {
content: "";
position: absolute;
top: 0.3em;
left: 0;
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/check.svg) no-repeat center/contain;
width: 1.9033674963vw;
height: 1.9033674963vw;
}
@media screen and (min-width: 1466px) {
.page-content .page-content-cnt ul._chk li:before {
width: 26px;
height: 26px;
}
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt ul._chk li:before {
width: 5.8666666667vw;
height: 5.8666666667vw;
}
}
.page-content .page-content-cnt ul._chk li:last-child {
margin: 0;
}
.page-content .page-content-cnt table {
width: 100%;
border-collapse: collapse;
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt table._border {
display: block;
}
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt table._border tr,
.page-content .page-content-cnt table._border tbody {
display: block;
}
}
.page-content .page-content-cnt table._border tr:last-child th,
.page-content .page-content-cnt table._border tr:last-child td {
border-bottom: none;
}
.page-content .page-content-cnt table._border th {
width: 30%;
font-weight: 600;
position: relative;
padding: 1em;
text-align: left;
vertical-align: middle;
line-height: 2;
border-bottom: solid #d6d6d6 0.0732064422vw;
font-size: 1.4641288433vw;
background-color: #000039;
color: #fff;
}
@media screen and (min-width: 1466px) {
.page-content .page-content-cnt table._border th {
border-width: 1px;
font-size: 20px;
}
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt table._border th {
display: block;
width: 100%;
border-bottom: none;
font-size: 4.2666666667vw;
}
}
.page-content .page-content-cnt table._border td {
position: relative;
padding: 1.5em 2em;
text-align: left;
vertical-align: middle;
line-height: 2;
border-bottom: solid #d6d6d6 0.0732064422vw;
}
@media screen and (min-width: 1466px) {
.page-content .page-content-cnt table._border td {
border-width: 1px;
}
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt table._border td {
display: block;
border-width: 0.2666666667vw;
padding: 1em;
}
}
.page-content .page-content-cnt .page-links ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.7320644217vw;
}
@media screen and (min-width: 1466px) {
.page-content .page-content-cnt .page-links ul {
gap: 10px;
}
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt .page-links ul {
flex-wrap: wrap;
gap: 2.6666666667vw 2%;
}
}
.page-content .page-content-cnt .page-links ul li {
width: 22.5475841874vw;
position: relative;
}
@media screen and (min-width: 1466px) {
.page-content .page-content-cnt .page-links ul li {
width: 334px;
}
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt .page-links ul li {
width: 100%;
}
}
.page-content .page-content-cnt .page-links ul li a {
background-color: #000078;
line-height: 1.6;
font-weight: 600;
color: #000039;
padding: 1.5em 1.2em;
border-radius: 0.5em;
width: 100%;
display: flex;
align-items: center;
color: #333;
position: relative;
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt .page-links ul li a {
padding: 1em 0.6em;
}
}
.page-content .page-content-cnt .page-links ul li a span {
display: block;
width: 100%;
position: relative;
z-index: 2;
font-size: 1.1713030747vw;
font-weight: 600;
padding: 0 2em 0 0;
line-height: 1.5;
z-index: 10;
color: #fff;
}
@media screen and (min-width: 1466px) {
.page-content .page-content-cnt .page-links ul li a span {
font-size: 18px;
}
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt .page-links ul li a span {
font-size: 3.2vw;
}
}
.page-content .page-content-cnt .page-links ul li a span:after {
content: "";
position: absolute;
top: 50%;
right: 0;
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/btn-arrow.svg) no-repeat center/contain;
width: 1.1713030747vw;
height: 0.9516837482vw;
transition: 0.3s ease;
transform: translateY(-50%) rotate(90deg);
}
@media screen and (min-width: 1466px) {
.page-content .page-content-cnt .page-links ul li a span:after {
width: 16px;
height: 13px;
}
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt .page-links ul li a span:after {
width: 4.2666666667vw;
height: 3.4666666667vw;
}
}
.page-content .page-content-cnt .page-links ul li a:hover span:after {
transform: translateY(-25%) rotate(90deg);
}
.page-content .page-content-cnt .service-links ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.7320644217vw;
}
@media screen and (min-width: 1466px) {
.page-content .page-content-cnt .service-links ul {
gap: 10px;
}
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt .service-links ul {
flex-wrap: wrap;
gap: 2.6666666667vw 2%;
}
}
.page-content .page-content-cnt .service-links ul li {
width: 22.5475841874vw;
position: relative;
}
@media screen and (min-width: 1466px) {
.page-content .page-content-cnt .service-links ul li {
width: 334px;
}
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt .service-links ul li {
width: 100%;
}
}
.page-content .page-content-cnt .service-links ul li a {
background-color: #000078;
line-height: 1.6;
font-weight: 600;
color: #000039;
padding: 1.5em 1.2em;
border-radius: 0.5em;
width: 100%;
display: flex;
align-items: center;
color: #333;
position: relative;
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt .service-links ul li a {
padding: 1em 0.6em;
}
}
.page-content .page-content-cnt .service-links ul li a span {
display: block;
width: 100%;
position: relative;
z-index: 2;
font-size: 1.1713030747vw;
font-weight: 600;
padding: 0 2em 0 0;
line-height: 1.5;
z-index: 10;
color: #fff;
}
@media screen and (min-width: 1466px) {
.page-content .page-content-cnt .service-links ul li a span {
font-size: 18px;
}
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt .service-links ul li a span {
font-size: 3.2vw;
}
}
.page-content .page-content-cnt .service-links ul li a span:after {
content: "";
position: absolute;
top: 50%;
right: 0;
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/btn-arrow.svg) no-repeat center/contain;
width: 1.1713030747vw;
height: 0.9516837482vw;
transition: 0.3s ease;
transform: translateY(-50%);
}
@media screen and (min-width: 1466px) {
.page-content .page-content-cnt .service-links ul li a span:after {
width: 16px;
height: 13px;
}
}
@media screen and (max-width: 768px) {
.page-content .page-content-cnt .service-links ul li a span:after {
width: 4.2666666667vw;
height: 3.4666666667vw;
}
}
.page-content .page-content-cnt .service-links ul li a:hover span:after {
right: -2%;
}
._h2 {
position: relative;
margin: 0 0 3.2942898975vw;
font-size: 4.831625183vw;
font-weight: 700;
line-height: 1.3;
color: #000078;
}
@media screen and (min-width: 1466px) {
._h2 {
font-size: 66px;
margin: 0 0 45px;
}
}
@media screen and (max-width: 768px) {
._h2 {
font-size: 8.5333333333vw;
margin: 0 0 8vw;
}
}
._h3 {
position: relative;
margin: 0 0 1.4641288433vw;
font-size: 1.9033674963vw;
font-weight: 700;
line-height: 1.3;
color: #000078;
}
@media screen and (min-width: 1466px) {
._h3 {
font-size: 26px;
margin: 0 0 20px;
}
}
@media screen and (max-width: 768px) {
._h3 {
font-size: 6.4vw;
margin: 0 0 4vw;
}
}
._h4 {
position: relative;
margin: 0 0 2.196193265vw;
font-size: 1.4641288433vw;
font-weight: 700;
line-height: 1.3;
color: #000078;
}
@media screen and (min-width: 1466px) {
._h4 {
font-size: 20px;
margin: 0 0 30px;
}
}
@media screen and (max-width: 768px) {
._h4 {
font-size: 4.8vw;
margin: 0 0 5.3333333333vw;
}
} #feature-greeting {
padding: 7.3206442167vw 0 8.78477306vw;
}
@media screen and (min-width: 1466px) {
#feature-greeting {
padding: 100px 0 120px;
}
}
@media screen and (max-width: 768px) {
#feature-greeting {
padding: 10.6666666667vw 0 16vw;
}
}
#feature-greeting ._ttl {
display: flex;
align-items: flex-end;
gap: 1.4641288433vw;
margin-bottom: 2.196193265vw;
}
@media screen and (min-width: 1466px) {
#feature-greeting ._ttl {
gap: 20px;
margin-bottom: 30px;
}
}
@media screen and (max-width: 768px) {
#feature-greeting ._ttl {
gap: 3.2vw;
margin-bottom: 5.3333333333vw;
flex-direction: column;
align-items: center;
text-align: center;
}
}
#feature-greeting ._ttl ._h2 {
margin: 0;
}
#feature-greeting ._ttl small {
font-size: 1.4641288433vw;
font-weight: 800;
color: #000078;
}
@media screen and (min-width: 1466px) {
#feature-greeting ._ttl small {
font-size: 20px;
}
}
@media screen and (max-width: 768px) {
#feature-greeting ._ttl small {
font-size: 4.8vw;
}
}
#feature-greeting ._desc h3 {
line-height: 2;
color: #333;
font-size: 2.9282576867vw;
margin-bottom: 1em;
}
@media screen and (min-width: 1466px) {
#feature-greeting ._desc h3 {
font-size: 40px;
}
}
@media screen and (max-width: 768px) {
#feature-greeting ._desc h3 {
font-size: 4.8vw;
}
}
#feature-greeting ._desc h3 strong {
color: #000039;
font-weight: 700;
}
#feature-greeting ._fl {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 768px) {
#feature-greeting ._fl {
display: block;
}
}
#feature-greeting ._fl figure {
width: 35.1390922401vw;
height: 38.0673499268vw;
border-radius: 0.7320644217vw;
overflow: unset;
}
@media screen and (min-width: 1466px) {
#feature-greeting ._fl figure {
width: 550px;
height: 600px;
border-radius: 10px;
}
}
@media screen and (max-width: 768px) {
#feature-greeting ._fl figure {
width: 100%;
height: 106.6666666667vw;
border-radius: 2.6666666667vw;
margin: 0 0 5.3333333333vw;
overflow: unset;
height: auto;
}
}
#feature-greeting ._fl figure img {
position: sticky;
-webkit-transition: 0.3s ease;
top: 0px;
-o-object-fit: cover;
object-fit: cover;
transition: 0.3s ease;
max-width: 650px;
width: 100%;
height: auto !important;
border-radius: 10px;
width: 100%;
height: 100%;
object-fit: cover;
transition: 0.3s ease;
}
#feature-greeting ._fl ._txt {
width: 54.7584187408vw;
}
@media screen and (min-width: 1466px) {
#feature-greeting ._fl ._txt {
width: 778px;
}
}
@media screen and (max-width: 768px) {
#feature-greeting ._fl ._txt {
width: auto;
}
}
#feature-greeting ._fl ._txt p {
margin: 0 0 2em;
line-height: 2.1;
}
#feature-greeting ._fl ._txt p:last-child {
margin: 0;
}
#service-main {
padding: 7.3206442167vw 0;
margin: 0;
}
@media screen and (min-width: 1466px) {
#service-main {
padding: 100px 0;
}
}
@media screen and (max-width: 768px) {
#service-main {
padding: 10.6666666667vw 0;
}
}
#service-main ._ttl {
display: flex;
align-items: flex-end;
gap: 1.4641288433vw;
margin-bottom: 2.9282576867vw;
}
@media screen and (min-width: 1466px) {
#service-main ._ttl {
gap: 20px;
margin-bottom: 40px;
}
}
@media screen and (max-width: 768px) {
#service-main ._ttl {
gap: 3.2vw;
margin-bottom: 5.3333333333vw;
flex-direction: column;
align-items: center;
text-align: center;
}
}
#service-main ._ttl ._h2 {
margin: 0;
}
#service-main ._ttl small {
font-size: 1.4641288433vw;
font-weight: 800;
color: #000078;
}
@media screen and (min-width: 1466px) {
#service-main ._ttl small {
font-size: 20px;
}
}
@media screen and (max-width: 768px) {
#service-main ._ttl small {
font-size: 4.8vw;
}
}
#service-main ._desc {
background-color: #fff;
border-radius: 0.7320644217vw;
padding: 2.196193265vw 3.2942898975vw 2.9282576867vw 3.2942898975vw;
margin: 0 0 1.4641288433vw;
}
@media screen and (min-width: 1466px) {
#service-main ._desc {
border-radius: 0.7320644217vw;
padding: 30px 45px 40px 45px;
margin: 0 0 20px;
}
}
@media screen and (max-width: 768px) {
#service-main ._desc {
border-radius: 2.6666666667vw;
padding: 5.3333333333vw 5.3333333333vw;
margin: 0 0 5.3333333333vw;
}
}
#service-main ._desc:last-child {
margin: 0;
}
#service-main ._desc h3 {
font-size: 2.4890190337vw;
margin: 0 0 0.8em;
}
@media screen and (min-width: 1466px) {
#service-main ._desc h3 {
font-size: 34px;
}
}
@media screen and (max-width: 768px) {
#service-main ._desc h3 {
font-size: 6.4vw;
}
}
#service-point {
background-color: #000039;
height: 46.875vw;
position: relative;
overflow: hidden;
}
@media screen and (min-width: 1466px) {
#service-point {
height: 46.875vw;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#service-point {
height: 46.875vw;
}
}
@media screen and (max-width: 768px) {
#service-point {
height: auto;
padding: 6.6666666667vw 0vw 104vw;
}
}
#service-point ._wrap {
display: flex;
align-items: center;
height: 100%;
position: relative;
z-index: 10;
}
@media screen and (max-width: 768px) {
#service-point ._wrap {
flex-direction: column;
}
}
#service-point ._wrap ._cnt {
padding: 0 0 0 4.6875vw;
}
@media screen and (min-width: 1466px) {
#service-point ._wrap ._cnt {
padding: 0 0 0 4.6875vw;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#service-point ._wrap ._cnt {
padding: 0 0 0 4.6875vw;
}
}
@media screen and (max-width: 768px) {
#service-point ._wrap ._cnt {
padding: 0 5.3333333333vw;
}
}
#service-point ._wrap ._cnt ._ttl {
margin: 0 0 3.125vw;
}
@media screen and (min-width: 1466px) {
#service-point ._wrap ._cnt ._ttl {
margin: 0 0 3.125vw;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#service-point ._wrap ._cnt ._ttl {
margin: 0 0 3.125vw;
}
}
@media screen and (max-width: 768px) {
#service-point ._wrap ._cnt ._ttl {
margin: 0 0 8vw;
text-align: center;
}
}
#service-point ._wrap ._cnt ._ttl p {
font-size: 1.7708333333vw;
font-weight: 700;
color: #fff;
}
@media screen and (min-width: 1466px) {
#service-point ._wrap ._cnt ._ttl p {
font-size: 1.7708333333vw;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#service-point ._wrap ._cnt ._ttl p {
font-size: 1.7708333333vw;
}
}
@media screen and (max-width: 768px) {
#service-point ._wrap ._cnt ._ttl p {
font-size: 3.7333333333vw;
}
}
#service-point ._wrap ._cnt ._ttl h2 {
font-size: 5.3125vw;
font-weight: 900;
line-height: 1;
color: #ffde00;
}
@media screen and (min-width: 1466px) {
#service-point ._wrap ._cnt ._ttl h2 {
font-size: 5.3125vw;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#service-point ._wrap ._cnt ._ttl h2 {
font-size: 5.3125vw;
}
}
@media screen and (max-width: 768px) {
#service-point ._wrap ._cnt ._ttl h2 {
font-size: 11.7333333333vw;
}
}
#service-point ._wrap ._cnt ._desc ol {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2.34375vw;
}
@media screen and (min-width: 1466px) {
#service-point ._wrap ._cnt ._desc ol {
gap: 2.34375vw;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#service-point ._wrap ._cnt ._desc ol {
gap: 2.34375vw;
}
}
@media screen and (max-width: 768px) {
#service-point ._wrap ._cnt ._desc ol {
grid-template-columns: 1fr;
gap: 8vw;
}
}
#service-point ._wrap ._cnt ._desc ol li {
width: 26.25vw;
background-color: #fff;
border-radius: 0.5208333333vw;
position: relative;
padding: 2.34375vw 2.6041666667vw 2.0833333333vw;
}
@media screen and (min-width: 1466px) {
#service-point ._wrap ._cnt ._desc ol li {
width: 26.25vw;
border-radius: 0.5208333333vw;
padding: 2.34375vw 2.6041666667vw 2.0833333333vw;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#service-point ._wrap ._cnt ._desc ol li {
width: 26.25vw;
border-radius: 0.5208333333vw;
padding: 2.34375vw 2.6041666667vw 2.0833333333vw;
}
}
@media screen and (max-width: 768px) {
#service-point ._wrap ._cnt ._desc ol li {
width: 100%;
border-radius: 2.6666666667vw;
padding: 6.6666666667vw 5.3333333333vw 5.3333333333vw;
}
}
#service-point ._wrap ._cnt ._desc ol li ._point {
position: absolute;
top: -1.8229166667vw;
left: -1.8229166667vw;
width: 5.2083333333vw;
height: 5.2083333333vw;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
z-index: 9999;
}
@media screen and (min-width: 1466px) {
#service-point ._wrap ._cnt ._desc ol li ._point {
top: -1.8229166667vw;
left: -1.8229166667vw;
width: 5.2083333333vw;
height: 5.2083333333vw;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#service-point ._wrap ._cnt ._desc ol li ._point {
top: -1.8229166667vw;
left: -1.8229166667vw;
width: 5.2083333333vw;
height: 5.2083333333vw;
}
}
@media screen and (max-width: 768px) {
#service-point ._wrap ._cnt ._desc ol li ._point {
display: none;
}
}
#service-point ._wrap ._cnt ._desc ol li ._point ._num {
position: absolute;
width: 3.3333333333vw;
height: 3.3333333333vw;
background-color: #ffde00;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
color: #000039;
font-size: 1.5625vw;
font-weight: 800;
font-family: "Montserrat", "Noto Sans JP", sans-serif;
}
@media screen and (min-width: 1466px) {
#service-point ._wrap ._cnt ._desc ol li ._point ._num {
width: 3.3333333333vw;
height: 3.3333333333vw;
font-size: 1.5625vw;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#service-point ._wrap ._cnt ._desc ol li ._point ._num {
width: 3.3333333333vw;
height: 3.3333333333vw;
font-size: 1.5625vw;
}
}
@media screen and (max-width: 768px) {
#service-point ._wrap ._cnt ._desc ol li ._point ._num {
display: none;
}
}
#service-point ._wrap ._cnt ._desc ol li ._point ._txt {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
animation: mv_rotate 20s linear infinite;
}
#service-point ._wrap ._cnt ._desc ol li ._point ._txt span {
position: absolute;
left: 50%;
font-size: 0.5208333333vw;
transform-origin: 0 2.6041666667vw;
color: #000078;
}
@media screen and (min-width: 1466px) {
#service-point ._wrap ._cnt ._desc ol li ._point ._txt span {
font-size: 0.5208333333vw;
transform-origin: 0 2.6041666667vw;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#service-point ._wrap ._cnt ._desc ol li ._point ._txt span {
font-size: 0.5208333333vw;
transform-origin: 0 2.6041666667vw;
}
}
#service-point ._wrap ._cnt ._desc ol li ._p h3 {
font-size: 1.1979166667vw;
font-weight: 700;
color: #000078;
margin: 0 0 0.6em;
}
@media screen and (min-width: 1466px) {
#service-point ._wrap ._cnt ._desc ol li ._p h3 {
font-size: 1.1979166667vw;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#service-point ._wrap ._cnt ._desc ol li ._p h3 {
font-size: 1.1979166667vw;
}
}
@media screen and (max-width: 768px) {
#service-point ._wrap ._cnt ._desc ol li ._p h3 {
font-size: 4.2666666667vw;
}
}
#service-point ._wrap ._cnt ._desc ol li ._p p {
font-size: 0.7291666667vw;
line-height: 2;
}
@media screen and (min-width: 1466px) {
#service-point ._wrap ._cnt ._desc ol li ._p p {
font-size: 0.7291666667vw;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#service-point ._wrap ._cnt ._desc ol li ._p p {
font-size: 0.7291666667vw;
}
}
@media screen and (max-width: 768px) {
#service-point ._wrap ._cnt ._desc ol li ._p p {
font-size: 3.7333333333vw;
}
}
#service-point ._slider {
position: absolute;
top: -15%;
right: -10%;
height: 70.3125vw;
width: 48vw;
z-index: 1;
}
@media screen and (min-width: 1466px) {
#service-point ._slider {
height: 70.3125vw;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#service-point ._slider {
height: 70.3125vw;
}
}
@media screen and (max-width: 768px) {
#service-point ._slider {
height: 98.6666666667vw;
top: auto;
right: auto;
left: 0;
bottom: 0;
width: 100%;
overflow: hidden;
}
}
#service-point ._slider ._sp {
display: flex;
gap: 0.5208333333vw;
rotate: 25deg;
width: 125%;
height: 125%;
transform: translate(-17.5%, -12.5%);
}
@media screen and (min-width: 1466px) {
#service-point ._slider ._sp {
gap: 0.5208333333vw;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#service-point ._slider ._sp {
gap: 0.5208333333vw;
}
}
@media screen and (max-width: 768px) {
#service-point ._slider ._sp {
gap: 1.3333333333vw;
width: 150%;
height: 150%;
transform: translate(-17.5%, -12.5%);
}
}
#service-point ._slider ._sp > div {
flex: 1;
}
#service-point ._slider ._worksSlider_4 {
display: none;
}
@media screen and (max-width: 768px) {
#service-point ._slider ._worksSlider_4 {
display: block;
}
}
#service-point ._slider .swiper {
height: 100%;
}
#service-point ._slider .swiper .swiper-wrapper {
transition-timing-function: linear;
}
#service-point ._slider .swiper .swiper-wrapper .swiper-slide { }
#service-point ._slider .swiper .swiper-wrapper .swiper-slide figure {
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 0.3125vw;
}
@media screen and (min-width: 1466px) {
#service-point ._slider .swiper .swiper-wrapper .swiper-slide figure {
border-radius: 0.3125vw;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#service-point ._slider .swiper .swiper-wrapper .swiper-slide figure {
border-radius: 0.3125vw;
}
}
@media screen and (max-width: 768px) {
#service-point ._slider .swiper .swiper-wrapper .swiper-slide figure {
border-radius: 1.6vw;
}
}
#service-point ._slider .swiper .swiper-wrapper .swiper-slide figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
#service-list ._ttl {
text-align: center;
margin: 0 0 2.9282576867vw;
}
@media screen and (min-width: 1466px) {
#service-list ._ttl {
margin: 0 0 40px;
}
}
@media screen and (max-width: 768px) {
#service-list ._ttl {
margin: 0 0 5.3333333333vw;
}
}
#service-list ._ttl p {
font-size: 2.9282576867vw;
font-weight: 700;
line-height: 1;
}
@media screen and (min-width: 1466px) {
#service-list ._ttl p {
font-size: 40px;
}
}
@media screen and (max-width: 768px) {
#service-list ._ttl p {
font-size: 4.8vw;
}
}
#service-list ._ttl h2 {
font-size: 4.39238653vw;
font-weight: 700;
color: #000078;
line-height: 1.5;
}
@media screen and (min-width: 1466px) {
#service-list ._ttl h2 {
font-size: 60px;
}
}
@media screen and (max-width: 768px) {
#service-list ._ttl h2 {
font-size: 6.9333333333vw;
}
}
#service-list ._cnt {
background-color: #fff;
padding: 0.7320644217vw;
border-radius: 0.7320644217vw;
}
@media screen and (min-width: 1466px) {
#service-list ._cnt {
padding: 10px;
border-radius: 10px;
}
}
@media screen and (max-width: 768px) {
#service-list ._cnt {
padding: 2.6666666667vw;
border-radius: 2.6666666667vw;
}
}
#service-check {
padding: 3.6603221083vw 0;
background-color: #cfdde7;
margin: 0;
}
@media screen and (min-width: 1466px) {
#service-check {
padding: 50px 0;
}
}
@media screen and (max-width: 768px) {
#service-check {
padding: 8vw 0;
}
}
#service-check ._ttl {
text-align: center;
margin: 0 0 1em;
}
#service-check ._ttl h2 {
font-size: 2.9282576867vw;
font-weight: 700;
}
@media screen and (min-width: 1466px) {
#service-check ._ttl h2 {
font-size: 40px;
}
}
@media screen and (max-width: 768px) {
#service-check ._ttl h2 {
font-size: 6.4vw;
}
}
#service-check ._ttl h2 strong {
color: #000078;
font-weight: 700;
}
#service-check ._fl {
align-items: stretch;
}
@media screen and (max-width: 768px) {
#service-check ._fl {
gap: 2.6666666667vw;
}
}
#service-check ._fl ._txt {
width: 45.60761347vw;
background-color: #fff;
border-radius: 0.7320644217vw;
padding: 2.9282576867vw 2.196193265vw;
}
@media screen and (min-width: 1466px) {
#service-check ._fl ._txt {
width: 673px;
border-radius: 10px;
padding: 40px 30px;
}
}
@media screen and (max-width: 768px) {
#service-check ._fl ._txt {
width: 100%;
border-radius: 2.6666666667vw;
padding: 5.3333333333vw 5.3333333333vw;
}
}
#service-check ._fl ._txt ul {
font-size: 1.4641288433vw;
}
@media screen and (min-width: 1466px) {
#service-check ._fl ._txt ul {
font-size: 20px;
}
}
@media screen and (max-width: 768px) {
#service-check ._fl ._txt ul {
font-size: 4.2666666667vw;
}
}
#service-check ._fl figure {
width: 44.6559297218vw;
border-radius: 0.7320644217vw;
overflow: hidden;
}
@media screen and (min-width: 1466px) {
#service-check ._fl figure {
width: 660px;
border-radius: 10px;
}
}
@media screen and (max-width: 768px) {
#service-check ._fl figure {
width: 100%;
height: 53.3333333333vw;
border-radius: 2.6666666667vw;
}
}
#service-check ._fl figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: 0.3s ease;
}
#service-check ._more {
padding: 1.4641288433vw 0 0;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
@media screen and (min-width: 1466px) {
#service-check ._more {
padding: 20px 0 0;
}
}
@media screen and (max-width: 768px) {
#service-check ._more {
padding: 5.3333333333vw 0 0;
}
}
#service-check ._more p {
font-size: 2.196193265vw;
font-weight: 700;
color: #000078;
margin: 0 0 1em;
line-height: 1.5;
}
@media screen and (min-width: 1466px) {
#service-check ._more p {
font-size: 30px;
}
}
@media screen and (max-width: 768px) {
#service-check ._more p {
font-size: 4.8vw;
}
}
.marketing-support-content {
margin: 0;
padding: 5.8565153734vw 0 7.3206442167vw;
position: relative;
}
@media screen and (min-width: 1466px) {
.marketing-support-content {
margin: 0;
padding: 80px 0 100px;
}
}
@media screen and (max-width: 768px) {
.marketing-support-content {
margin: 0;
padding: 10.6666666667vw 0;
}
}
.marketing-support-content:after {
content: "";
position: absolute;
top: 2.196193265vw;
right: 1.4641288433vw;
width: 66.3250366032vw;
height: 59.2972181552vw;
background: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img/service-bg.svg) no-repeat center/contain;
z-index: 1;
mix-blend-mode: multiply;
}
@media screen and (min-width: 1466px) {
.marketing-support-content:after {
top: 30px;
right: 20px;
width: 906px;
height: 810px;
}
}
@media screen and (max-width: 768px) {
.marketing-support-content:after {
content: none;
right: 14.6666666667vw;
width: 241.6vw;
height: 216vw;
}
}
.marketing-support-content .page-content-cnt {
position: relative;
z-index: 10;
}
.marketing-support-content ._ttl {
display: flex;
align-items: flex-end;
gap: 1.4641288433vw;
margin-bottom: 2.9282576867vw;
}
@media screen and (min-width: 1466px) {
.marketing-support-content ._ttl {
gap: 20px;
margin-bottom: 40px;
}
}
@media screen and (max-width: 768px) {
.marketing-support-content ._ttl {
gap: 3.2vw;
margin-bottom: 5.3333333333vw;
flex-direction: column;
align-items: center;
text-align: center;
}
}
.marketing-support-content ._ttl ._h2 {
margin: 0;
}
.marketing-support-content ._ttl small {
font-size: 1.4641288433vw;
font-weight: 800;
color: #000078;
}
@media screen and (min-width: 1466px) {
.marketing-support-content ._ttl small {
font-size: 20px;
}
}
@media screen and (max-width: 768px) {
.marketing-support-content ._ttl small {
font-size: 4.8vw;
}
}
.marketing-support-content ._desc {
margin: 0 0 5.4904831625vw;
}
@media screen and (min-width: 1466px) {
.marketing-support-content ._desc {
margin: 0 0 75px;
}
}
@media screen and (max-width: 768px) {
.marketing-support-content ._desc {
margin: 0 0 10.6666666667vw;
}
}
@media screen and (max-width: 768px) {
.marketing-support-content ._desc h3 {
text-align: center;
}
}
.marketing-support-content ._desc p {
font-size: 1.317715959vw;
line-height: 2;
}
@media screen and (min-width: 1466px) {
.marketing-support-content ._desc p {
font-size: 18px;
}
}
@media screen and (max-width: 768px) {
.marketing-support-content ._desc p {
font-size: 4.2666666667vw;
}
}
.marketing-support-content ._list {
margin: 0 0 5.1244509517vw;
}
@media screen and (min-width: 1466px) {
.marketing-support-content ._list {
margin: 0 0 70px;
}
}
@media screen and (max-width: 768px) {
.marketing-support-content ._list {
margin: 0 0 10.6666666667vw;
}
}
.marketing-support-content ._list ol {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4.39238653vw 5.1244509517vw;
}
@media screen and (min-width: 1466px) {
.marketing-support-content ._list ol {
gap: 60px 70px;
}
}
@media screen and (max-width: 768px) {
.marketing-support-content ._list ol {
grid-template-columns: 1fr;
gap: 8vw;
}
}
.marketing-support-content ._list ol li {
width: 44.5095168375vw;
background-color: #e3ebf1;
border-radius: 0.7320644217vw;
position: relative;
padding: 3.2942898975vw 3.6603221083vw 2.9282576867vw;
}
@media screen and (min-width: 1466px) {
.marketing-support-content ._list ol li {
width: 648px;
border-radius: 10px;
padding: 45px 50px 40px;
}
}
@media screen and (max-width: 768px) {
.marketing-support-content ._list ol li {
width: 100%;
border-radius: 2.6666666667vw;
padding: 6.6666666667vw 5.3333333333vw 5.3333333333vw;
}
}
.marketing-support-content ._list ol li ._point {
position: absolute;
top: -2.5622254758vw;
left: -2.5622254758vw;
width: 7.3206442167vw;
height: 7.3206442167vw;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
z-index: 9999;
}
@media screen and (min-width: 1466px) {
.marketing-support-content ._list ol li ._point {
top: -35px;
left: -35px;
width: 100px;
height: 100px;
}
}
@media screen and (max-width: 768px) {
.marketing-support-content ._list ol li ._point {
display: none;
}
}
.marketing-support-content ._list ol li ._point ._num {
position: absolute;
width: 4.6852122987vw;
height: 4.6852122987vw;
background-color: #ffde00;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
color: #000039;
font-size: 2.196193265vw;
font-weight: 800;
font-family: "Montserrat", "Noto Sans JP", sans-serif;
}
@media screen and (min-width: 1466px) {
.marketing-support-content ._list ol li ._point ._num {
width: 64px;
height: 64px;
font-size: 30px;
}
}
@media screen and (max-width: 768px) {
.marketing-support-content ._list ol li ._point ._num {
display: none;
}
}
.marketing-support-content ._list ol li ._point ._txt {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
animation: mv_rotate 20s linear infinite;
}
.marketing-support-content ._list ol li ._point ._txt span {
position: absolute;
left: 50%;
font-size: 0.7320644217vw;
transform-origin: 0 3.6603221083vw;
color: #000078;
}
@media screen and (min-width: 1466px) {
.marketing-support-content ._list ol li ._point ._txt span {
font-size: 10px;
transform-origin: 0 50px;
}
}
.marketing-support-content ._list ol li ._p h3 {
font-size: 1.6837481698vw;
font-weight: 700;
color: #000078;
margin: 0 0 0.6em;
}
@media screen and (min-width: 1466px) {
.marketing-support-content ._list ol li ._p h3 {
font-size: 23px;
}
}
@media screen and (max-width: 768px) {
.marketing-support-content ._list ol li ._p h3 {
font-size: 4.2666666667vw;
}
}
.marketing-support-content ._list ol li ._p p {
font-size: 1.0248901903vw;
line-height: 2;
}
@media screen and (min-width: 1466px) {
.marketing-support-content ._list ol li ._p p {
font-size: 14px;
}
}
@media screen and (max-width: 768px) {
.marketing-support-content ._list ol li ._p p {
font-size: 3.7333333333vw;
}
}
.marketing-support-content ._fl {
border: solid #e3ebf1 0.1464128843vw;
border-radius: 0.7320644217vw;
padding: 0.7320644217vw 0;
margin: 0 0 4.39238653vw;
}
@media screen and (min-width: 1466px) {
.marketing-support-content ._fl {
border-width: 2px;
border-radius: 10px;
padding: 10px 0;
margin: 0 0 60px;
}
}
@media screen and (max-width: 768px) {
.marketing-support-content ._fl {
flex-direction: column;
border-width: 0.5333333333vw;
border-radius: 2.6666666667vw;
padding: 2.6666666667vw;
margin: 0 0 8vw;
gap: 0 !important;
}
}
.marketing-support-content ._fl ._h {
width: 24.5973645681vw;
display: flex;
flex-direction: column;
padding: 0 0 0 2.9282576867vw;
}
@media screen and (min-width: 1466px) {
.marketing-support-content ._fl ._h {
width: 336px;
padding: 0 0 0 40px;
}
}
@media screen and (max-width: 768px) {
.marketing-support-content ._fl ._h {
width: auto;
align-items: center;
padding: 0 0 2.6666666667vw;
}
}
.marketing-support-content ._fl ._h p {
font-size: 1.756954612vw;
font-weight: 700;
line-height: 1.5;
}
@media screen and (min-width: 1466px) {
.marketing-support-content ._fl ._h p {
font-size: 24px;
}
}
@media screen and (max-width: 768px) {
.marketing-support-content ._fl ._h p {
font-size: 4.2666666667vw;
}
}
.marketing-support-content ._fl ._h h2 {
font-size: 2.9282576867vw;
font-weight: 700;
line-height: 1.3;
}
@media screen and (min-width: 1466px) {
.marketing-support-content ._fl ._h h2 {
font-size: 40px;
}
}
@media screen and (max-width: 768px) {
.marketing-support-content ._fl ._h h2 {
font-size: 6.4vw;
}
}
.marketing-support-content ._fl ._h h2 strong {
color: #000078;
font-weight: 700;
}
.marketing-support-content ._fl ._txt {
width: 65.8857979502vw;
border-left: solid #e3ebf1 0.1464128843vw;
padding: 1.4641288433vw 2.5622254758vw;
}
@media screen and (min-width: 1466px) {
.marketing-support-content ._fl ._txt {
width: 1024px;
border-width: 2px;
padding: 20px 35px;
}
}
@media screen and (max-width: 768px) {
.marketing-support-content ._fl ._txt {
width: auto;
border-right: none;
border-top: solid #e3ebf1 0.5333333333vw;
padding: 5.3333333333vw 2.6666666667vw;
}
}
.marketing-support-content ._fl ._txt ul li {
margin-bottom: 0.5em;
}
.marketing-support-content ._more {
padding: 1.4641288433vw 0 0;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
}
@media screen and (min-width: 1466px) {
.marketing-support-content ._more {
padding: 20px 0 0;
}
}
@media screen and (max-width: 768px) {
.marketing-support-content ._more {
padding: 5.3333333333vw 0 0;
}
}
.marketing-support-content ._more p {
font-size: 2.196193265vw;
font-weight: 700;
color: #000078;
margin: 0 0 1em;
line-height: 1.5;
}
@media screen and (min-width: 1466px) {
.marketing-support-content ._more p {
font-size: 30px;
}
}
@media screen and (max-width: 768px) {
.marketing-support-content ._more p {
font-size: 4.8vw;
}
}
.marketing-support-content._bg ._list ol li {
background-color: #fff;
}
.marketing-support-content._bg ._fl {
border-color: #fff;
}
.marketing-support-content._bg ._fl ._txt {
border-color: #fff;
}
@media screen and (max-width: 768px) {
.marketing-support-content._bg ._fl ._txt {
border-color: #fff;
}
}
#marketing-support-web {
background-color: #fff;
}
#marketing-support-consulting {
background-color: #fff;
}
#dtp-design-p02 {
background-color: #fff;
}
#dtp-design-p04 {
background-color: #fff;
}
.plan-content ._ttl {
display: flex;
align-items: flex-end;
gap: 1.4641288433vw;
margin-bottom: 2.196193265vw;
}
@media screen and (min-width: 1466px) {
.plan-content ._ttl {
gap: 20px;
margin-bottom: 30px;
}
}
@media screen and (max-width: 768px) {
.plan-content ._ttl {
gap: 3.2vw;
margin-bottom: 5.3333333333vw;
flex-direction: column;
align-items: center;
text-align: center;
}
}
.plan-content ._ttl ._h2 {
margin: 0;
}
.plan-content ._ttl small {
font-size: 1.4641288433vw;
font-weight: 800;
color: #000078;
}
@media screen and (min-width: 1466px) {
.plan-content ._ttl small {
font-size: 20px;
}
}
@media screen and (max-width: 768px) {
.plan-content ._ttl small {
font-size: 4.8vw;
}
}
.plan-content ._box {
position: relative;
background-color: #fff;
border-radius: 0.7320644217vw;
padding: 0.3660322108vw;
margin: 0 0 1.4641288433vw;
}
@media screen and (min-width: 1466px) {
.plan-content ._box {
border-radius: 10px;
padding: 5px;
margin: 0 0 20px;
}
}
@media screen and (max-width: 768px) {
.plan-content ._box {
border-radius: 2.6666666667vw;
padding: 1.3333333333vw;
margin: 0 0 5.3333333333vw;
}
}
.plan-content ._box ._h {
background-color: #000039;
border-radius: 0.439238653vw;
padding: 0.7320644217vw 0;
display: flex;
align-items: center;
color: #fff;
}
@media screen and (min-width: 1466px) {
.plan-content ._box ._h {
border-radius: 6px;
padding: 10px 0;
}
}
@media screen and (max-width: 768px) {
.plan-content ._box ._h {
border-radius: 1.6vw;
padding: 3.2vw;
flex-direction: column;
text-align: center;
}
}
.plan-content ._box ._h ._num {
display: flex;
flex-direction: column;
align-items: center;
width: 8.0527086384vw;
line-height: 1.2;
}
@media screen and (min-width: 1466px) {
.plan-content ._box ._h ._num {
width: 110px;
}
}
@media screen and (max-width: 768px) {
.plan-content ._box ._h ._num {
width: 100%;
flex-direction: row;
justify-content: center;
}
}
.plan-content ._box ._h ._num small {
font-size: 1.4641288433vw;
font-weight: 800;
}
@media screen and (min-width: 1466px) {
.plan-content ._box ._h ._num small {
font-size: 20px;
}
}
@media screen and (max-width: 768px) {
.plan-content ._box ._h ._num small {
font-size: 3.7333333333vw;
}
}
.plan-content ._box ._h ._num span {
font-size: 2.3426061493vw;
font-weight: 800;
}
@media screen and (min-width: 1466px) {
.plan-content ._box ._h ._num span {
font-size: 32px;
}
}
@media screen and (max-width: 768px) {
.plan-content ._box ._h ._num span {
font-size: 3.7333333333vw;
}
}
.plan-content ._box ._h ._t {
border-left: solid #fff 0.0732064422vw;
padding: 0.7320644217vw 0 0.7320644217vw 2.196193265vw;
display: flex;
flex-direction: column;
}
@media screen and (min-width: 1466px) {
.plan-content ._box ._h ._t {
border-width: 1px;
padding: 10px 0 10px 30px;
}
}
@media screen and (max-width: 768px) {
.plan-content ._box ._h ._t {
border: none;
padding: 1.3333333333vw 0 1.3333333333vw;
}
}
.plan-content ._box ._h ._t h3 {
font-size: 2.0497803807vw;
font-weight: 900;
line-height: 1.3;
color: #ffde00;
}
@media screen and (min-width: 1466px) {
.plan-content ._box ._h ._t h3 {
font-size: 28px;
}
}
@media screen and (max-width: 768px) {
.plan-content ._box ._h ._t h3 {
font-size: 5.3333333333vw;
}
}
.plan-content ._box ._h ._t p {
line-height: 1.3;
font-weight: 700;
padding: 0.3em 0 0;
}
.plan-content ._box ._price {
position: absolute;
top: 1.4641288433vw;
right: 1.4641288433vw;
background-color: #fff;
border-radius: 0.2928257687vw;
padding: 1.4641288433vw 2.196193265vw 0;
width: 24.4509516837vw;
}
@media screen and (min-width: 1466px) {
.plan-content ._box ._price {
top: 20px;
right: 20px;
border-radius: 4px;
padding: 20px 20px 0;
width: 334px;
}
}
@media screen and (max-width: 768px) {
.plan-content ._box ._price {
position: static;
border-radius: 1.0666666667vw;
padding: 4vw 0 0;
width: auto;
}
}
.plan-content ._box ._price ._total {
display: flex;
align-items: flex-end;
justify-content: center;
line-height: 1;
gap: 0.3em;
}
.plan-content ._box ._price ._total i {
font-style: normal;
color: #c80000;
font-weight: 900;
font-size: 2.4890190337vw;
margin: 0 0 0.3em;
}
@media screen and (min-width: 1466px) {
.plan-content ._box ._price ._total i {
font-size: 34px;
}
}
@media screen and (max-width: 768px) {
.plan-content ._box ._price ._total i {
font-size: 9.0666666667vw;
margin: 0 0 0.2em;
}
}
.plan-content ._box ._price ._total i._sm {
font-size: 1.1713030747vw;
margin: 0 0 0.8em;
}
@media screen and (min-width: 1466px) {
.plan-content ._box ._price ._total i._sm {
font-size: 18px;
}
}
@media screen and (max-width: 768px) {
.plan-content ._box ._price ._total i._sm {
font-size: 4.8vw;
margin: 0 0 0.6em;
}
}
.plan-content ._box ._price ._total strong {
font-size: 8.345534407vw;
font-weight: 800;
color: #c80000;
}
@media screen and (min-width: 1466px) {
.plan-content ._box ._price ._total strong {
font-size: 114px;
}
}
@media screen and (max-width: 768px) {
.plan-content ._box ._price ._total strong {
font-size: 21.3333333333vw;
}
}
.plan-content ._box ._price ._total span {
display: flex;
flex-direction: column;
padding: 0 0 1em;
}
@media screen and (max-width: 768px) {
.plan-content ._box ._price ._total span {
padding: 0 0 0.5em;
}
}
.plan-content ._box ._price ._total span small {
font-size: 1.0248901903vw;
}
@media screen and (min-width: 1466px) {
.plan-content ._box ._price ._total span small {
font-size: 14px;
}
}
@media screen and (max-width: 768px) {
.plan-content ._box ._price ._total span small {
font-size: 3.7333333333vw;
}
}
.plan-content ._box ._price ._total span i {
font-style: normal;
color: #c80000;
font-weight: 900;
font-size: 2.4890190337vw;
margin: 0;
}
@media screen and (min-width: 1466px) {
.plan-content ._box ._price ._total span i {
font-size: 34px;
}
}
@media screen and (max-width: 768px) {
.plan-content ._box ._price ._total span i {
font-size: 9.0666666667vw;
}
}
.plan-content ._box ._p {
padding: 1.0980966325vw 0.7320644217vw 1.0980966325vw;
}
@media screen and (min-width: 1466px) {
.plan-content ._box ._p {
padding: 15px 15px 15px;
}
}
@media screen and (max-width: 768px) {
.plan-content ._box ._p {
padding: 2.6666666667vw 1.3333333333vw 4vw;
}
}
.plan-content ._box ._p p {
font-size: 1.1713030747vw;
margin: 0;
}
@media screen and (min-width: 1466px) {
.plan-content ._box ._p p {
font-size: 16px;
}
}
@media screen and (max-width: 768px) {
.plan-content ._box ._p p {
font-size: 3.7333333333vw;
}
}
.plan-content ._box ._tag {
padding: 0 0.7320644217vw 1.0980966325vw;
}
@media screen and (min-width: 1466px) {
.plan-content ._box ._tag {
padding: 0 15px 15px;
}
}
@media screen and (max-width: 768px) {
.plan-content ._box ._tag {
padding: 0 1.3333333333vw 4vw;
}
}
.plan-content ._box ._tag ul {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 0.3660322108vw;
}
@media screen and (min-width: 1466px) {
.plan-content ._box ._tag ul {
gap: 5px;
}
}
@media screen and (max-width: 768px) {
.plan-content ._box ._tag ul {
gap: 0.8vw;
grid-template-columns: 1fr 1fr;
}
}
.plan-content ._box ._tag ul li {
width: auto;
background-color: #e3ebf1;
border-radius: 0;
display: flex;
align-items: center;
justify-content: center;
color: #000039;
font-size: 0.878477306vw;
padding: 1em 0;
}
@media screen and (min-width: 1466px) {
.plan-content ._box ._tag ul li {
font-size: 14px;
}
}
@media screen and (max-width: 768px) {
.plan-content ._box ._tag ul li {
font-size: 3.2vw;
}
} #page-content-download {
margin-bottom: 2.9282576867vw;
}
@media screen and (min-width: 1466px) {
#page-content-download {
margin-bottom: 40px;
}
}
@media screen and (max-width: 768px) {
#page-content-download {
margin-bottom: 5.3333333333vw;
}
}
#contact-notes {
background-color: #fff;
border: solid #000039 0.0732064422vw;
margin: 0 0 4.39238653vw;
}
@media screen and (min-width: 1466px) {
#contact-notes {
border: solid #000039 1px;
margin: 0 0 60px;
}
}
@media screen and (max-width: 768px) {
#contact-notes {
border: solid #000039 0.2666666667vw;
margin: 0 0 10.6666666667vw;
}
}
#contact-notes ._cnt-h3 {
cursor: pointer;
position: relative;
}
#contact-notes ._cnt-h3:after {
content: "▼";
position: absolute;
top: 50%;
right: 2em;
margin-top: -1em;
transition: 0.3s ease;
color: #fff;
}
#contact-notes ._cnt-h3.active:after {
rotate: 180deg;
}
#contact-notes ._cnt-h3 ._common-h3 {
margin-bottom: 0;
background-color: #000039;
color: #fff;
text-align: center;
padding: 0.6em 1em;
font-size: 1.317715959vw;
font-weight: 700;
}
@media screen and (max-width: 768px) {
#contact-notes ._cnt-h3 ._common-h3 {
font-size: 18px;
}
}
@media screen and (max-width: 768px) {
#contact-notes ._cnt-h3 ._common-h3 {
font-size: 4.8vw;
}
}
#contact-notes ._cnt-normal {
display: none;
padding: 2.9282576867vw;
}
@media screen and (min-width: 1466px) {
#contact-notes ._cnt-normal {
padding: 40px;
}
}
@media screen and (max-width: 768px) {
#contact-notes ._cnt-normal {
padding: 5.3333333333vw;
}
}
#contact-notes ._cnt-normal ul {
font-weight: 700;
margin: 0;
}
#contact-notes ._cnt-normal ul li {
padding: 0 0 0 1em;
position: relative;
}
#contact-notes ._cnt-normal ul li:before {
content: "・";
position: absolute;
top: 0;
left: 0;
}
#contact-form {
overflow: hidden;
position: relative;
}
#contact-form ._form ._h {
margin: 0 0 3.6603221083vw;
}
@media screen and (min-width: 1466px) {
#contact-form ._form ._h {
margin: 0 0 50px;
}
}
@media screen and (max-width: 768px) {
#contact-form ._form ._h {
margin: 0 0 8vw;
}
}
#contact-form ._form ._fl {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
#contact-form ._form ._fl ._desc {
width: 35.1390922401vw;
}
@media screen and (min-width: 1466px) {
#contact-form ._form ._fl ._desc {
width: 540px;
}
}
@media screen and (max-width: 768px) {
#contact-form ._form ._fl ._desc {
display: block;
width: auto;
}
}
#contact-form ._form ._fl ._desc ul {
font-size: 1.4641288433vw;
color: #000039;
}
@media screen and (min-width: 1466px) {
#contact-form ._form ._fl ._desc ul {
font-size: 20px;
}
}
@media screen and (max-width: 768px) {
#contact-form ._form ._fl ._desc ul {
font-size: 3.7333333333vw;
}
}
#contact-form ._form ._fl ._desc ._image {
padding: 2.9282576867vw 0 0;
}
@media screen and (min-width: 1466px) {
#contact-form ._form ._fl ._desc ._image {
padding: 40px 0 0;
}
}
@media screen and (max-width: 768px) {
#contact-form ._form ._fl ._desc ._image {
padding: 5.3333333333vw 0 0;
}
}
#contact-form ._form ._fl ._desc ._image ul {
display: flex;
gap: 1.4641288433vw;
}
#contact-form ._form ._fl ._input {
width: 53.5871156662vw;
background-color: #fff;
border-radius: 0.7320644217vw;
padding: 0.7320644217vw 1.4641288433vw 2.196193265vw;
}
@media screen and (min-width: 1466px) {
#contact-form ._form ._fl ._input {
width: 772px;
border-radius: 10px;
padding: 10px 20px 30px;
}
}
@media screen and (max-width: 768px) {
#contact-form ._form ._fl ._input {
width: auto;
border-radius: 2.6666666667vw;
padding: 2.6666666667vw 5.3333333333vw 8vw;
}
}
#contact-form ._form ._confirm {
background-color: #fff;
border-radius: 0.7320644217vw;
padding: 0.7320644217vw 1.4641288433vw 2.196193265vw;
}
@media screen and (min-width: 1466px) {
#contact-form ._form ._confirm {
border-radius: 10px;
padding: 10px 20px 30px;
}
}
@media screen and (max-width: 768px) {
#contact-form ._form ._confirm {
border-radius: 2.6666666667vw;
padding: 2.6666666667vw 5.3333333333vw 8vw;
}
}
#contact-form ._form .wpcf7-spinner {
display: none;
}
#contact-form ._form .wpcf7-response-output {
text-align: center;
border: none;
background-color: #fff;
padding: 1em;
font-size: 0.878477306vw;
background-color: #ffde00;
}
@media screen and (min-width: 1466px) {
#contact-form ._form .wpcf7-response-output {
font-size: 12px;
}
}
@media screen and (max-width: 768px) {
#contact-form ._form .wpcf7-response-output {
font-size: 2.6666666667vw;
}
}
#contact-form ._form .wpcf7-not-valid-tip {
display: inline-block;
}
#contact-form ._form table {
width: 100%;
font-size: 1.1713030747vw;
border-collapse: collapse;
}
@media screen and (min-width: 1466px) {
#contact-form ._form table {
font-size: 16px;
}
}
@media screen and (max-width: 768px) {
#contact-form ._form table {
font-size: 3.4666666667vw;
display: block;
}
}
@media screen and (max-width: 768px) {
#contact-form ._form table tr,
#contact-form ._form table tbody {
display: block;
}
}
#contact-form ._form table th {
padding: 1.4641288433vw 0vw;
width: 25%;
text-align: left;
vertical-align: top;
position: relative;
font-weight: 700;
border-bottom: solid #d6d6d6 0.0732064422vw;
color: #000039;
}
@media screen and (min-width: 1466px) {
#contact-form ._form table th {
padding: 20px 0vw;
border-width: 1px;
}
}
@media screen and (max-width: 768px) {
#contact-form ._form table th {
display: block;
width: 100%;
padding: 4vw 0 1.3333333333vw;
border: none;
}
}
#contact-form ._form table th .req {
position: absolute;
top: 1.756954612vw;
right: 0;
background-color: #c80000;
color: #fff;
font-size: 0.878477306vw;
padding: 0.1em 0.8em;
vertical-align: middle;
border-radius: 0.3660322108vw;
}
@media screen and (min-width: 1466px) {
#contact-form ._form table th .req {
top: 24px;
font-size: 12px;
border-radius: 6px;
padding: 0.1em 1em;
}
}
@media screen and (max-width: 768px) {
#contact-form ._form table th .req {
top: 4vw;
font-size: 2.6666666667vw;
border-radius: 1.0666666667vw;
}
}
#contact-form ._form table th .req._n {
background-color: #eee;
}
#contact-form ._form table th small {
display: block;
font-size: 87.5%;
}
#contact-form ._form table td {
padding: 0.7320644217vw 0 0.7320644217vw 1.4641288433vw;
text-align: left;
vertical-align: top;
border-bottom: solid #d6d6d6 0.0732064422vw;
}
@media screen and (min-width: 1466px) {
#contact-form ._form table td {
padding: 10px 0 10px 20px;
border-width: 1px;
}
}
@media screen and (max-width: 768px) {
#contact-form ._form table td {
display: block;
padding: 0 0 4vw;
border-width: 0.2666666667vw;
}
}
@media screen and (max-width: 768px) {
#contact-form ._form table td ._fl {
gap: 0;
}
}
#contact-form ._form table td ._fl ._col {
width: 48%;
}
#contact-form ._form table td .wpcf7-radio {
padding: 1.2em 0 0;
display: block;
}
#contact-form ._form table td input[type=text],
#contact-form ._form table td input[type=email],
#contact-form ._form table td input[type=tel],
#contact-form ._form table td input[type=date],
#contact-form ._form table td textarea {
width: 100%;
border: none;
border-radius: 0.439238653vw;
padding: 0.6em 1em;
background-color: #e3ebf1;
}
@media screen and (min-width: 1466px) {
#contact-form ._form table td input[type=text],
#contact-form ._form table td input[type=email],
#contact-form ._form table td input[type=tel],
#contact-form ._form table td input[type=date],
#contact-form ._form table td textarea {
border-radius: 6px;
}
}
@media screen and (max-width: 768px) {
#contact-form ._form table td input[type=text],
#contact-form ._form table td input[type=email],
#contact-form ._form table td input[type=tel],
#contact-form ._form table td input[type=date],
#contact-form ._form table td textarea {
border-radius: 1.6vw;
}
}
#contact-form ._form table td input[type=text]._ml,
#contact-form ._form table td input[type=email]._ml,
#contact-form ._form table td input[type=tel]._ml,
#contact-form ._form table td input[type=date]._ml,
#contact-form ._form table td textarea._ml {
width: 8em;
margin: 0 0.5em 0 0;
}
#contact-form ._form table td input[type=radio] {
accent-color: #000039;
}
#contact-form ._form table td .wpcf7-checkbox {
display: flex;
flex-wrap: wrap;
gap: 0.2em 0.2em;
padding: 1em 0;
}
#contact-form ._form table td .wpcf7-checkbox .wpcf7-list-item {
margin: 0;
flex: 100%;
}
@media screen and (max-width: 768px) {
#contact-form ._form table td .wpcf7-checkbox .wpcf7-list-item {
position: relative;
padding: 0 0 0 2em;
}
}
@media screen and (max-width: 768px) {
#contact-form ._form table td .wpcf7-checkbox .wpcf7-list-item input[type=checkbox] {
position: absolute;
top: 0.3em;
left: 0;
}
}
#contact-form ._form table td ._row + ._row {
padding: 1em 0 0;
}
#contact-form ._form table td ._row._postal {
width: 20%;
display: flex;
align-items: center;
gap: 0.5em;
}
@media screen and (max-width: 768px) {
#contact-form ._form table td ._row._postal {
width: 40%;
}
}
#contact-form ._form table td ._row._address {
width: 100%;
}
#contact-form ._form table td input[type=checkbox] {
position: relative;
margin-right: 0.5em;
width: 1.4641288433vw;
height: 1.4641288433vw;
border: none;
border-radius: 0.2196193265vw;
background-color: #e3ebf1;
vertical-align: -0.3660322108vw;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
@media screen and (min-width: 1466px) {
#contact-form ._form table td input[type=checkbox] {
width: 20px;
height: 20px;
border-radius: 3px;
vertical-align: -5px;
}
}
@media screen and (max-width: 768px) {
#contact-form ._form table td input[type=checkbox] {
width: 5.3333333333vw;
height: 5.3333333333vw;
border-radius: 0.8vw;
vertical-align: -1.3333333333vw;
}
}
#contact-form ._form table td input[type=checkbox]:checked:before {
position: absolute;
top: 0.3660322108vw;
left: 0.5856515373vw;
transform: rotate(50deg);
width: 0.2928257687vw;
height: 0.5856515373vw;
border-right: 0.1464128843vw solid #000039;
border-bottom: 0.1464128843vw solid #000039;
content: "";
}
@media screen and (min-width: 1466px) {
#contact-form ._form table td input[type=checkbox]:checked:before {
top: 5px;
left: 8px;
width: 4px;
height: 8px;
border-right-width: 2px;
border-bottom-width: 2px;
}
}
@media screen and (max-width: 768px) {
#contact-form ._form table td input[type=checkbox]:checked:before {
top: 1.3333333333vw;
left: 2.1333333333vw;
width: 1.0666666667vw;
height: 2.1333333333vw;
border-right-width: 0.5333333333vw;
border-bottom-width: 0.5333333333vw;
}
}
#contact-form ._form table td .select-wrap select {
width: 100%;
border: solid #eee 0.0732064422vw;
border-radius: 0.2928257687vw;
padding: 1.3em 1em;
border-radius: 0.7320644217vw;
}
@media screen and (min-width: 1466px) {
#contact-form ._form table td .select-wrap select {
border-width: 1px;
border-radius: 10px;
}
}
@media screen and (max-width: 768px) {
#contact-form ._form table td .select-wrap select {
border-width: 0.2666666667vw;
border-radius: 2.6666666667vw;
}
}
#contact-form ._form table td .conf {
display: block;
padding: 1.2em 0 0;
}
#contact-form ._form .btn-area {
padding: 1.4641288433vw 0 0;
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 1.4641288433vw;
}
@media screen and (min-width: 1466px) {
#contact-form ._form .btn-area {
padding: 20px 0 0;
gap: 20px;
}
}
@media screen and (max-width: 768px) {
#contact-form ._form .btn-area {
padding: 5.3333333333vw 0 0;
gap: 3.2vw;
}
}
#contact-form ._form .btn-area .btn-wrap {
display: inline-block;
position: relative;
overflow: hidden;
text-align: center;
color: #fff;
width: 26.3543191801vw;
height: 5.1244509517vw;
border-radius: 5.1244509517vw;
line-height: 5.1244509517vw;
padding: 0 0.7320644217vw;
cursor: pointer;
background: #000078;
}
@media screen and (min-width: 1466px) {
#contact-form ._form .btn-area .btn-wrap {
width: 360px;
height: 70px;
border-radius: 70px;
line-height: 60px;
padding: 0 10px;
}
}
@media screen and (max-width: 768px) {
#contact-form ._form .btn-area .btn-wrap {
width: 100%;
height: 16vw;
border-radius: 16vw;
line-height: 16vw;
padding: 0 2.6666666667vw;
}
}
#contact-form ._form .btn-area .btn-wrap:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
transition: 0.3s ease;
background-color: #fff;
}
#contact-form ._form .btn-area .btn-wrap { }
#contact-form ._form .btn-area .btn-wrap input {
display: block;
position: relative;
width: 100%;
height: 100%;
z-index: 2;
font-size: 1.4641288433vw;
font-weight: 700;
padding: 0 3.3674963397vw;
background: none;
border: none;
}
@media screen and (min-width: 1466px) {
#contact-form ._form .btn-area .btn-wrap input {
font-size: 20px;
padding: 0 46px;
}
}
@media screen and (max-width: 768px) {
#contact-form ._form .btn-area .btn-wrap input {
font-size: 4.2666666667vw;
padding: 0 9.6vw;
}
}
#contact-form ._form .btn-area .btn-wrap:hover:before {
opacity: 0.3;
}
#contact-form ._form .btn-area .btn-wrap._bk {
background-color: #333;
color: #fff;
}
#contact-form ._form .btn-area .btn-wrap._bk:after {
content: none;
}
#contact-form ._form ._policy {
padding: 1.4641288433vw 0 0;
text-align: center;
}
@media screen and (min-width: 1466px) {
#contact-form ._form ._policy {
padding: 20px 0 0;
}
}
@media screen and (max-width: 768px) {
#contact-form ._form ._policy {
padding: 5.3333333333vw 0 0;
}
}
#contact-form ._form ._policy p {
font-size: 0.878477306vw;
margin: 0;
}
@media screen and (min-width: 1466px) {
#contact-form ._form ._policy p {
font-size: 12px;
}
}
@media screen and (max-width: 768px) {
#contact-form ._form ._policy p {
font-size: 2.6666666667vw;
}
}
#contact-form ._form ._policy p a {
text-decoration: underline;
color: #000039;
}
#contact-form ._form ._policy p a:hover {
text-decoration: none;
}
#contact-form ._form ._policy ._policy-chk {
font-size: 1.1713030747vw;
}
@media screen and (min-width: 1466px) {
#contact-form ._form ._policy ._policy-chk {
font-size: 16px;
}
}
@media screen and (max-width: 768px) {
#contact-form ._form ._policy ._policy-chk {
font-size: 3.4666666667vw;
}
}
#contact-form ._form ._policy ._policy-chk input[type=checkbox] {
position: relative;
margin-right: 0.5em;
width: 1.1713030747vw;
height: 1.1713030747vw;
border: none;
background-color: #e3ebf1;
vertical-align: -0.2196193265vw;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
@media screen and (min-width: 1466px) {
#contact-form ._form ._policy ._policy-chk input[type=checkbox] {
width: 16px;
height: 16px;
vertical-align: -3px;
}
}
@media screen and (max-width: 768px) {
#contact-form ._form ._policy ._policy-chk input[type=checkbox] {
width: 4.2666666667vw;
height: 4.2666666667vw;
vertical-align: -0.8vw;
}
}
#contact-form ._form ._policy ._policy-chk input[type=checkbox]:checked:before {
position: absolute;
top: 0.1464128843vw;
left: 0.3660322108vw;
transform: rotate(50deg);
width: 0.2928257687vw;
height: 0.5856515373vw;
border-right: 0.1464128843vw solid #000039;
border-bottom: 0.1464128843vw solid #000039;
content: "";
}
@media screen and (min-width: 1466px) {
#contact-form ._form ._policy ._policy-chk input[type=checkbox]:checked:before {
top: 2px;
left: 5px;
width: 4px;
height: 8px;
border-right-width: 2px;
border-bottom-width: 2px;
}
}
@media screen and (max-width: 768px) {
#contact-form ._form ._policy ._policy-chk input[type=checkbox]:checked:before {
top: 0.5333333333vw;
left: 1.3333333333vw;
width: 1.0666666667vw;
height: 2.1333333333vw;
border-right-width: 0.5333333333vw;
border-bottom-width: 0.5333333333vw;
}
}
#contact-form ._form ._policy ._policy-chk .req {
background-color: #c80000;
color: #fff;
font-size: 0.9516837482vw;
padding: 0.1em 0.5em;
vertical-align: middle;
border-radius: 0.439238653vw;
}
@media screen and (min-width: 1466px) {
#contact-form ._form ._policy ._policy-chk .req {
font-size: 13px;
border-radius: 6px;
}
}
@media screen and (max-width: 768px) {
#contact-form ._form ._policy ._policy-chk .req {
font-size: 2.9333333333vw;
border-radius: 1.0666666667vw;
}
} #archive-column {
margin: 0 0 5.8565153734vw;
}
@media screen and (min-width: 1466px) {
#archive-column {
margin: 0 0 80px;
}
}
@media screen and (max-width: 768px) {
#archive-column {
margin: 0 0 10.6666666667vw;
}
}
#archive-column ._list {
display: flex;
flex-wrap: wrap;
gap: 2.9282576867vw 1.33%;
}
#archive-column ._list a {
display: block;
width: 24%;
}
@media screen and (max-width: 768px) {
#archive-column ._list a {
width: 100%;
}
}
#archive-column ._list a figure {
width: 100%;
height: 12.4450951684vw;
overflow: hidden;
}
@media screen and (min-width: 1466px) {
#archive-column ._list a figure {
height: 184px;
}
}
@media screen and (max-width: 768px) {
#archive-column ._list a figure {
height: 53.3333333333vw;
}
}
#archive-column ._list a figure img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: 0.3s ease;
}
#archive-column ._list a h2 {
font-size: 1.317715959vw;
padding: 0.3em 0;
color: #000039;
font-weight: 700;
}
@media screen and (min-width: 1466px) {
#archive-column ._list a h2 {
font-size: 20px;
}
}
@media screen and (max-width: 768px) {
#archive-column ._list a h2 {
font-size: 4.2666666667vw;
}
}
#archive-column ._list a ._tag {
display: flex;
flex-wrap: wrap;
gap: 0.5em;
font-size: 1.0248901903vw;
}
@media screen and (min-width: 1466px) {
#archive-column ._list a ._tag {
font-size: 14px;
}
}
@media screen and (max-width: 768px) {
#archive-column ._list a ._tag {
font-size: 3.2vw;
}
}
#archive-column ._list a ._tag span {
background-color: #000078;
color: #fff;
border-radius: 2em;
padding: 0.2em 1em;
}
#archive-column ._list a:hover figure img {
scale: 1.05;
}
#single-works .post_content a:hover {
color: #000078;
text-decoration: underline;
}
#single-works .post_content h1 {
font-size: 2.635431918vw;
color: #000078;
font-weight: 700;
margin: 0 0 1em;
}
@media screen and (min-width: 1466px) {
#single-works .post_content h1 {
font-size: 36px;
}
}
@media screen and (max-width: 768px) {
#single-works .post_content h1 {
font-size: 6.4vw;
}
}
#single-works .post_content .tx_cateBox {
display: flex;
flex-wrap: wrap;
font-size: 1.0248901903vw;
gap: 0.3em;
margin-bottom: 0.2928257687vw;
}
@media screen and (min-width: 1466px) {
#single-works .post_content .tx_cateBox {
font-size: 14px;
margin-bottom: 4px;
}
}
@media screen and (max-width: 768px) {
#single-works .post_content .tx_cateBox {
font-size: 2.6666666667vw;
margin-bottom: 1.0666666667vw;
}
}
#single-works .post_content .tx_cateBox .cate_in {
background-color: #000078;
color: #fff;
font-weight: 700;
padding: 0.3em 1.2em;
border-radius: 2em;
}
#single-works .post_content .tx_tagBox {
display: flex;
flex-wrap: wrap;
font-size: 1.0248901903vw;
padding: 0.5em 0 0;
margin: 0 0 4em;
}
@media screen and (min-width: 1466px) {
#single-works .post_content .tx_tagBox {
font-size: 14px;
}
}
@media screen and (max-width: 768px) {
#single-works .post_content .tx_tagBox {
font-size: 2.6666666667vw;
}
}
#single-works .post_content .tx_tagBox .tag_in {
font-weight: 700;
}
#single-works .post_content .tx_tagBox .tag_in:after {
content: "/";
padding: 0 0.5em;
}
#single-works .post_content .tx_tagBox .tag_in:last-child:after {
content: none;
}
#single-works .post_content .tx_tagBox .tag_in a:hover {
color: #000078;
text-decoration: underline;
}
#single-works .single_content .in {
margin: 0 0 5.8565153734vw;
}
@media screen and (min-width: 1466px) {
#single-works .single_content .in {
margin: 0 0 80px;
}
}
@media screen and (max-width: 768px) {
#single-works .single_content .in {
margin: 0 0 10.6666666667vw;
}
}
#single-works .single_content .inBox {
display: flex;
flex-wrap: wrap;
margin: 0 0 2.9282576867vw;
}
@media screen and (min-width: 1466px) {
#single-works .single_content .inBox {
margin: 0 0 40px;
}
}
@media screen and (max-width: 768px) {
#single-works .single_content .inBox {
margin: 0 0 8vw;
}
}
#single-works .single_content .inBox .lBox {
width: 15%;
}
@media screen and (max-width: 768px) {
#single-works .single_content .inBox .lBox {
width: 100%;
margin: 0 0 4vw;
}
}
#single-works .single_content .inBox .lBox span {
font-size: 1.0248901903vw;
background-color: #000078;
color: #fff;
font-weight: 700;
padding: 0.3em 1.2em;
border-radius: 2em;
}
@media screen and (min-width: 1466px) {
#single-works .single_content .inBox .lBox span {
font-size: 14px;
}
}
@media screen and (max-width: 768px) {
#single-works .single_content .inBox .lBox span {
font-size: 3.7333333333vw;
}
}
#single-works .single_content .inBox .rBox {
width: 85%;
font-size: 1.1713030747vw;
}
@media screen and (min-width: 1466px) {
#single-works .single_content .inBox .rBox {
font-size: 16px;
}
}
@media screen and (max-width: 768px) {
#single-works .single_content .inBox .rBox {
width: 100%;
font-size: 3.7333333333vw;
}
}
#single-works .single_content .work_imgBox {
background-color: #fff;
border-radius: 0.7320644217vw;
padding: 2.9282576867vw;
}
@media screen and (min-width: 1466px) {
#single-works .single_content .work_imgBox {
border-radius: 10px;
padding: 40px;
}
}
@media screen and (max-width: 768px) {
#single-works .single_content .work_imgBox {
border-radius: 2.6666666667vw;
padding: 5.3333333333vw;
}
}
#single-works .single_content .work_imgBox .inBox {
justify-content: center;
gap: 2.9282576867vw;
}
@media screen and (min-width: 1466px) {
#single-works .single_content .work_imgBox .inBox {
gap: 60px;
}
}
@media screen and (max-width: 768px) {
#single-works .single_content .work_imgBox .inBox {
gap: 5.3333333333vw;
}
}
#single-works .single_content .work_imgBox .inBox .in {
width: 35.1390922401vw;
overflow: hidden;
margin: 0;
text-align: center;
}
@media screen and (min-width: 1466px) {
#single-works .single_content .work_imgBox .inBox .in {
width: 480px;
}
}
@media screen and (max-width: 768px) {
#single-works .single_content .work_imgBox .inBox .in {
width: 42.6666666667vw;
}
}
#single-works .single_content .work_imgBox .inBox .in img {
width: auto;
max-width: 100%;
height: auto;
border: solid #000039 0.1464128843vw;
border-radius: 0.7320644217vw;
}
@media screen and (min-width: 1466px) {
#single-works .single_content .work_imgBox .inBox .in img {
border-radius: 10px;
border-width: 2px;
}
}
@media screen and (max-width: 768px) {
#single-works .single_content .work_imgBox .inBox .in img {
border-radius: 2.6666666667vw;
border-width: 0.5333333333vw;
}
}
.single-post {
padding: 0 0 7.3206442167vw;
}
@media screen and (min-width: 1466px) {
.single-post {
padding: 0 0 100px;
}
}
@media screen and (max-width: 768px) {
.single-post {
padding: 0 0 16vw;
}
}
.single-post ._cnt {
width: auto;
}
@media screen and (min-width: 1466px) {
.single-post ._cnt {
max-width: 1024px;
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.single-post ._cnt {
width: auto;
}
}
.single-post #toc_container {
margin: 0 auto 5.8565153734vw;
width: 100% !important;
}
@media screen and (min-width: 1466px) {
.single-post #toc_container {
margin-bottom: 80px;
}
}
@media screen and (max-width: 768px) {
.single-post #toc_container {
margin-bottom: 10.6666666667vw;
}
}
.single-post #toc_container .toc_title {
background-color: #000078;
color: #fff;
padding: 1em;
border-radius: 0.6em;
margin: 1em;
font-size: 1.4641288433vw;
}
@media screen and (min-width: 1466px) {
.single-post #toc_container .toc_title {
font-size: 20px;
}
}
@media screen and (max-width: 768px) {
.single-post #toc_container .toc_title {
font-size: 4.2666666667vw;
padding: 0.6em;
margin: 0.6em;
}
}
.single-post #toc_container .toc_list {
list-style: decimal outside;
margin: 0 1em;
padding: 1em 0 0;
}
@media screen and (max-width: 768px) {
.single-post #toc_container .toc_list {
margin: 0 0.6em;
padding: 0.6em 0 0;
}
}
.single-post #toc_container .toc_list li {
padding: 0 0 0 4em;
margin-bottom: 1em;
font-size: 1.317715959vw;
}
@media screen and (min-width: 1466px) {
.single-post #toc_container .toc_list li {
font-size: 18px;
}
}
@media screen and (max-width: 768px) {
.single-post #toc_container .toc_list li {
font-size: 3.7333333333vw;
}
}
.single-post #toc_container .toc_list li:before {
content: none;
}
.single-post #toc_container .toc_list li a:hover {
color: #000078;
}
.single-post #toc_container .toc_list li .toc_number {
display: inline-block;
position: absolute;
top: -0.1em;
left: 0;
background-color: #000078;
color: #fff;
padding: 0.1em 1em;
border-radius: 0.6em;
}
.single-post .post-ads {
margin-bottom: 0 0 5.8565153734vw;
background-color: #fff;
border-radius: 1.4641288433vw;
padding: 2.9282576867vw;
box-shadow: 0 0 0.7320644217vw rgba(0, 0, 0, 0.16);
}
@media screen and (min-width: 1466px) {
.single-post .post-ads {
margin-bottom: 0 0 80px;
border-radius: 20px;
padding: 40px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
}
}
@media screen and (max-width: 768px) {
.single-post .post-ads {
margin-bottom: 0 0 10.6666666667vw;
border-radius: 2.6666666667vw;
padding: 5.3333333333vw;
box-shadow: 0 0 2.6666666667vw rgba(0, 0, 0, 0.16);
}
}
.single-post .post-ads .post-ads-bdy h2 {
text-align: center;
border: none;
padding: 0;
color: #000078;
font-size: 2.196193265vw;
}
@media screen and (min-width: 1466px) {
.single-post .post-ads .post-ads-bdy h2 {
font-size: 30px;
}
}
@media screen and (max-width: 768px) {
.single-post .post-ads .post-ads-bdy h2 {
font-size: 4.2666666667vw;
}
}
.single-post .post-ads .post-ads-bdy h2:before {
content: none;
}
.single-post .post-ads .post-ads-bdy figure {
width: 80%;
margin: 0 auto;
}
@media screen and (min-width: 1466px) {
.single-post .post-ads .post-ads-bdy figure {
width: 60%;
}
}
@media screen and (max-width: 768px) {
.single-post .post-ads .post-ads-bdy figure {
width: 100%;
}
}
.single-post .post-ads .post-ads-btn {
display: flex;
justify-content: center;
}
.single-post ._ttl {
font-size: 2.635431918vw;
margin: 0 0 2em;
}
@media screen and (min-width: 1466px) {
.single-post ._ttl {
font-size: 36px;
}
}
@media screen and (max-width: 768px) {
.single-post ._ttl {
font-size: 6.4vw;
}
}
.single-post ._ttl time {
font-size: 1.4641288433vw;
color: #000078;
font-weight: 700;
}
@media screen and (min-width: 1466px) {
.single-post ._ttl time {
font-size: 20px;
}
}
@media screen and (max-width: 768px) {
.single-post ._ttl time {
font-size: 4.2666666667vw;
}
}
.single-post ._ttl ._h1 {
position: relative;
font-weight: 700;
}
.single-post ._thumbnail {
text-align: center;
margin: 0 0 4.39238653vw;
}
@media screen and (min-width: 1466px) {
.single-post ._thumbnail {
margin: 0 0 60px;
}
}
@media screen and (max-width: 768px) {
.single-post ._thumbnail {
margin: 0 0 10.6666666667vw;
}
}
.single-post ._thumbnail figure img {
width: auto;
height: auto;
max-width: 100%;
}
.single-post ._cat {
display: flex;
justify-content: center;
gap: 1em;
font-size: 1.1713030747vw;
margin: 0 0 1em;
}
@media screen and (min-width: 1466px) {
.single-post ._cat {
font-size: 16px;
}
}
@media screen and (max-width: 768px) {
.single-post ._cat {
font-size: 3.7333333333vw;
}
}
.single-post ._cat span {
font-size: 0.878477306vw;
padding: 0.3em 1.5em;
border-radius: 2em;
border: solid #000039 0.0732064422vw;
background-color: #fff;
}
@media screen and (min-width: 1466px) {
.single-post ._cat span {
font-size: 12px;
border-width: 1px;
}
}
@media screen and (max-width: 768px) {
.single-post ._cat span {
font-size: 3.2vw;
border-width: 0.2666666667vw;
padding: 0.3em 0.8em;
}
}
.single-post .wp-block-image {
margin: 0 0 2.9282576867vw;
text-align: center;
}
@media screen and (min-width: 1466px) {
.single-post .wp-block-image {
margin: 0 0 40px;
}
}
@media screen and (max-width: 768px) {
.single-post .wp-block-image {
margin: 0 0 5.3333333333vw;
}
}
.single-post .wp-block-image img {
max-width: 100%;
width: auto;
height: auto;
}
.single-post .wp-block-group-is-layout-flex {
margin: 0 0 2.9282576867vw;
}
@media screen and (min-width: 1466px) {
.single-post .wp-block-group-is-layout-flex {
margin: 0 0 40px;
}
}
@media screen and (max-width: 768px) {
.single-post .wp-block-group-is-layout-flex {
margin: 0 0 5.3333333333vw;
}
}
@media screen and (max-width: 768px) {
.single-post .wp-block-group-is-layout-flex {
flex-direction: column;
}
}
.single-post .wp-block-group-is-layout-flex .wp-block-image {
margin: 0;
width: 30%;
}
@media screen and (max-width: 768px) {
.single-post .wp-block-group-is-layout-flex .wp-block-image {
width: 100%;
margin-bottom: 3.2vw;
}
}
.single-post .wp-block-group-is-layout-flex p {
width: 70%;
}
@media screen and (max-width: 768px) {
.single-post .wp-block-group-is-layout-flex p {
width: 100%;
}
}
.single-post .wp-block-table {
margin: 0 0 2.9282576867vw;
text-align: center;
}
@media screen and (min-width: 1466px) {
.single-post .wp-block-table {
margin: 0 0 40px;
}
}
@media screen and (max-width: 768px) {
.single-post .wp-block-table {
margin: 0 0 5.3333333333vw;
}
}
.single-post .wp-block-table table {
font-size: 1.1713030747vw;
line-height: 1.8;
border-collapse: separate;
border-spacing: 1px;
background-color: #eee;
border: none;
}
@media screen and (min-width: 1466px) {
.single-post .wp-block-table table {
font-size: 16px;
}
}
@media screen and (max-width: 768px) {
.single-post .wp-block-table table {
font-size: 3.7333333333vw;
}
}
.single-post .wp-block-table table th {
background-color: #000039;
color: #fff;
text-align: center;
vertical-align: middle;
padding: 1em;
border: none;
font-weight: 700;
}
.single-post .wp-block-table table td {
padding: 1em;
vertical-align: middle;
background-color: #fff;
border: none;
}
.single-post .wp-block-table table td.has-text-align-center {
text-align: center;
}
.single-post .wp-block-table table td.has-text-align-right {
text-align: right;
}
.single-post p {
margin: 0 0 2em;
}
.single-post p strong {
font-weight: bold;
}
.single-post h2 {
position: relative;
margin: 0 0 2.5622254758vw;
font-size: 1.6105417277vw;
font-weight: 700;
padding: 0 0 1.8301610542vw;
line-height: 1.3;
letter-spacing: 0.1em;
border-bottom: solid #eee 0.0732064422vw;
}
@media screen and (min-width: 1466px) {
.single-post h2 {
font-size: 22px;
padding: 0 0 25px;
margin: 0 0 35px;
border-width: 1px;
}
}
@media screen and (max-width: 768px) {
.single-post h2 {
font-size: 5.3333333333vw;
padding: 0 0 5.3333333333vw;
margin: 0 0 5.3333333333vw;
border-width: 0.2666666667vw;
}
}
.single-post h2:before {
content: "";
position: absolute;
bottom: -0.1464128843vw;
left: 0;
width: 8.78477306vw;
height: 0.2928257687vw;
background-color: #000039;
}
@media screen and (min-width: 1466px) {
.single-post h2:before {
width: 120px;
height: 4px;
bottom: -2px;
}
}
@media screen and (max-width: 768px) {
.single-post h2:before {
width: 32vw;
height: 1.0666666667vw;
bottom: -0.5333333333vw;
}
}
.single-post h3 {
position: relative;
margin: 0 0 2.196193265vw;
font-size: 1.4641288433vw;
font-weight: 700;
padding: 0.1em 0.6em 0.6em 1.3em;
line-height: 1.3;
}
@media screen and (min-width: 1466px) {
.single-post h3 {
font-size: 20px;
margin: 0 0 30px;
}
}
@media screen and (max-width: 768px) {
.single-post h3 {
font-size: 4.8vw;
margin: 0 0 5.3333333333vw;
}
}
.single-post h3:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0.3em;
height: calc(100% - 0.3em);
background-color: #000039;
border-radius: 1em;
}
.single-post h4 {
position: relative;
margin: 0 0 2.196193265vw;
font-size: 1.317715959vw;
font-weight: 700;
line-height: 1.3;
}
@media screen and (min-width: 1466px) {
.single-post h4 {
font-size: 18px;
margin: 0 0 30px;
}
}
@media screen and (max-width: 768px) {
.single-post h4 {
font-size: 4.2666666667vw;
margin: 0 0 5.3333333333vw;
}
}
.single-post ul {
font-size: 1.1713030747vw;
line-height: 2;
margin: 0 0 2.9282576867vw;
}
@media screen and (min-width: 1466px) {
.single-post ul {
font-size: 16px;
margin: 0 0 40px;
}
}
@media screen and (max-width: 768px) {
.single-post ul {
font-size: 3.7333333333vw;
margin: 0 0 5.3333333333vw;
}
}
.single-post ul li {
padding: 0 0 0 1em;
position: relative;
}
.single-post ul li:before {
content: "・";
position: absolute;
top: 0;
left: 0;
}
.single-post p {
font-size: 1.1713030747vw;
line-height: 2;
}
@media screen and (min-width: 1466px) {
.single-post p {
font-size: 16px;
}
}
@media screen and (max-width: 768px) {
.single-post p {
font-size: 3.7333333333vw;
}
}
.single-post strong {
font-weight: 700;
}
.single-post ._bdy a {
color: #000039;
}
.single-post ._bdy a:hover {
text-decoration: underline;
}
.single-post ._bdy img {
max-width: 100%;
width: auto;
height: auto;
}
.single-post ._author {
background-color: #fff;
position: relative;
border-radius: 0.7320644217vw;
padding: 0.7320644217vw;
margin: 4.39238653vw 0;
}
@media screen and (min-width: 1466px) {
.single-post ._author {
border-radius: 10px;
padding: 10px;
margin: 60px 0;
}
}
@media screen and (max-width: 768px) {
.single-post ._author {
border-radius: 2.6666666667vw;
padding: 2.6666666667vw;
margin: 8vw 0;
}
}
.single-post ._author ._ah {
font-size: 1.317715959vw;
padding: 0.8em 2em;
border-radius: 0.5em;
background-color: #000039;
color: #fff;
position: absolute;
top: -1em;
left: 1em;
text-align: center;
}
@media screen and (min-width: 1466px) {
.single-post ._author ._ah {
font-size: 18px;
}
}
@media screen and (max-width: 768px) {
.single-post ._author ._ah {
font-size: 3.7333333333vw;
left: 50%;
width: 60%;
transform: translateX(-50%);
}
}
.single-post ._author ._ac {
padding: 4.39238653vw 1.4641288433vw 1.4641288433vw;
display: flex;
gap: 2.9282576867vw;
}
@media screen and (min-width: 1466px) {
.single-post ._author ._ac {
padding: 60px 20px 20px;
gap: 40px;
}
}
@media screen and (max-width: 768px) {
.single-post ._author ._ac {
padding: 10.6666666667vw 2.6666666667vw 2.6666666667vw;
gap: 5.3333333333vw;
flex-direction: column;
align-items: center;
}
}
.single-post ._author ._ac figure {
width: 8.78477306vw;
height: 8.78477306vw;
border-radius: 50%;
overflow: hidden;
}
@media screen and (min-width: 1466px) {
.single-post ._author ._ac figure {
width: 100px;
height: 100px;
}
}
@media screen and (max-width: 768px) {
.single-post ._author ._ac figure {
width: 32vw;
height: 32vw;
}
}
.single-post ._author ._ac ._act {
width: 77.5988286969vw;
}
@media screen and (min-width: 1466px) {
.single-post ._author ._ac ._act {
width: 800px;
}
}
@media screen and (max-width: 768px) {
.single-post ._author ._ac ._act {
width: 100%;
}
}
.single-post ._author ._ac ._act ._acth {
margin-bottom: 0.5em;
}
.single-post ._author ._ac ._act ._actcl {
margin-bottom: 1em;
font-size: 1.0248901903vw;
color: #000078;
}
@media screen and (min-width: 1466px) {
.single-post ._author ._ac ._act ._actcl {
font-size: 14px;
}
}
@media screen and (max-width: 768px) {
.single-post ._author ._ac ._act ._actcl {
font-size: 3.2vw;
}
}
span.toc_number.toc_depth_1 {
display: none;
}
ul.toc_widget_list.no_bullets li {
line-height: 1.6;
}
ul.toc_widget_list.no_bullets li a {
font-size: 13px;
}
#toc_container {
display: none !important;
}
._btn {
display: flex;
justify-content: center;
}
._btm-navi {
margin: 4.39238653vw 0 0;
position: relative;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
@media screen and (min-width: 1466px) {
._btm-navi {
margin: 60px 0 0;
}
}
@media screen and (max-width: 768px) {
._btm-navi {
margin: 10.6666666667vw 0 0;
display: block;
}
}
._btm-navi ._btn {
padding: 0;
}
@media screen and (max-width: 768px) {
._btm-navi ._btn {
padding: 10.6666666667vw 0 0;
}
}
._btm-navi .btn_prev {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
line-height: 1;
}
@media screen and (max-width: 768px) {
._btm-navi .btn_prev {
top: 0;
transform: translateY(0);
}
}
._btm-navi .btn_prev a {
display: inline-block;
font-size: 1.317715959vw;
padding: 0 0 0 1em;
position: relative;
color: #000039;
font-weight: 700;
}
@media screen and (min-width: 1466px) {
._btm-navi .btn_prev a {
font-size: 18px;
}
}
@media screen and (max-width: 768px) {
._btm-navi .btn_prev a {
font-size: 4.2666666667vw;
}
}
._btm-navi .btn_prev a:before {
content: "<";
position: absolute;
top: 0;
left: 0;
transition: 0.3s ease;
}
._btm-navi .btn_prev a:hover:before {
transform: translateX(-50%);
}
._btm-navi .btn_next {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
line-height: 1;
}
@media screen and (max-width: 768px) {
._btm-navi .btn_next {
top: 0;
transform: translateY(0);
}
}
._btm-navi .btn_next a {
display: inline-block;
font-size: 1.317715959vw;
padding: 0 1em 0 0;
position: relative;
color: #000039;
font-weight: 700;
}
@media screen and (min-width: 1466px) {
._btm-navi .btn_next a {
font-size: 18px;
}
}
@media screen and (max-width: 768px) {
._btm-navi .btn_next a {
font-size: 4.2666666667vw;
}
}
._btm-navi .btn_next a:before {
content: ">";
position: absolute;
top: 0;
right: 0;
transition: 0.3s ease;
}
._btm-navi .btn_next a:hover:before {
transform: translateX(50%);
}
.wp-pagenavi {
display: flex;
align-items: center;
justify-content: center;
font-size: 1.0248901903vw;
gap: 1em;
padding: 4.39238653vw 0 0;
}
@media screen and (min-width: 1466px) {
.wp-pagenavi {
font-size: 14px;
padding: 60px 0 0;
}
}
@media screen and (max-width: 768px) {
.wp-pagenavi {
font-size: 3.2vw;
padding: 10.6666666667vw 0 0;
}
}
.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink {
color: #000039;
font-weight: 700;
}
.wp-pagenavi a.previouspostslink:hover, .wp-pagenavi a.nextpostslink:hover {
color: #000078;
}
.wp-pagenavi a.page {
width: 2.635431918vw;
height: 2.635431918vw;
line-height: 2.635431918vw;
text-align: center;
background-color: #e3ebf1;
color: #000039;
border-radius: 50%;
}
@media screen and (min-width: 1466px) {
.wp-pagenavi a.page {
width: 36px;
height: 36px;
line-height: 36px;
}
}
@media screen and (max-width: 768px) {
.wp-pagenavi a.page {
width: 8.5333333333vw;
height: 8.5333333333vw;
line-height: 8.5333333333vw;
}
}
.wp-pagenavi a.page:hover {
background-color: #000039;
color: #fff;
}
.wp-pagenavi span {
width: 2.635431918vw;
height: 2.635431918vw;
line-height: 2.635431918vw;
text-align: center;
background-color: #000039;
color: #fff;
border-radius: 50%;
}
@media screen and (min-width: 1466px) {
.wp-pagenavi span {
width: 36px;
height: 36px;
line-height: 36px;
}
}
@media screen and (max-width: 768px) {
.wp-pagenavi span {
width: 8.5333333333vw;
height: 8.5333333333vw;
line-height: 8.5333333333vw;
}
} .single-post ul {
margin: 0 0 0 !important;
}
.single-post ul.toc_widget_list.no_bullets li {
line-height: 1.2;
}
.single-post ul.toc_widget_list.no_bullets li:not(:last-child) {
margin-bottom: 4px;
}
.single-column .single-post h3 {
margin-bottom: 5px;
}
.single-post h2,
.top2 h2,
.contctTitle {
font-size: 18px;
padding: 0 !important;
margin: 0 0 2%;
font-weight: bold;
color: #000039;
border-bottom: unset;
}
.single-post h2::before,
.top2 h2::before,
.contctTitle::before {
display: none;
}
.post-sidebar #contact-form ._form ._policy,
.topCnBox #contact-form ._form ._policy {
display: none;
}
.post-sidebar #contact-form ._form .btn-area,
.topCnBox #contact-form ._form .btn-area {
padding: 0;
}
.post-sidebar #contact-form ._form .btn-area .btn-wrap,
.topCnBox #contact-form ._form .btn-area .btn-wrap {
height: 45px;
}
.post-sidebar #contact-form ._form .btn-area .btn-wrap input,
.topCnBox #contact-form ._form .btn-area .btn-wrap input {
font-size: 16px;
line-height: 1.8;
}
.post-sidebar #contact-form ._form table th,
.topCnBox #contact-form ._form table th {
width: 32%;
}
.post-sidebar #contact-form ._form table th .req,
.topCnBox #contact-form ._form table th .req {
top: 7px;
}
.post-sidebar #contact-form ._form table th,
.post-sidebar #contact-form ._form table td,
.topCnBox #contact-form ._form table th,
.topCnBox #contact-form ._form table td {
font-size: 14px;
padding: 12px 0.6vw;
line-height: 1;
}
.post-sidebar #contact-form ._form table td .wpcf7-checkbox,
.topCnBox #contact-form ._form table td .wpcf7-checkbox {
padding: 0.6em 0;
}
.post-sidebar #contact-form ._form table td input[type=text],
.topCnBox #contact-form ._form table td input[type=text] {
padding: 0.4em 1em;
}
.post-sidebar #contact-form ._form table td input[type=checkbox],
.topCnBox #contact-form ._form table td input[type=checkbox] {
width: 15px;
height: 15px;
}
.post-sidebar #contact-form ._form table td .wpcf7-checkbox,
.topCnBox #contact-form ._form table td .wpcf7-checkbox {
gap: 0.1em 0.3em;
}
@media only screen and (max-width: 1366px) {
.post-sidebar #contact-form ._form table th,
.post-sidebar #contact-form ._form table td,
.topCnBox #contact-form ._form table th,
.topCnBox #contact-form ._form table td {
font-size: 13px;
padding: 7px 0.6vw;
}
}
.topCnBox #contact-form ._form table td .wpcf7-checkbox {
gap: 0.1em 0.3em;
display: block;
}
.topCnBox #contact-form ._form table td .wpcf7-checkbox .wpcf7-list-item {
margin-right: 7px;
margin-bottom: 7px;
}
.topCnBox #contact-form ._form table td input[type=checkbox] {
vertical-align: -2px;
} .industries body, .general_contractor body, .civil-work body, .home_builder-contractor body, .reform-renovation body, .real_estate-developer body, .electrical-plumbing body, .renovation-construction body {
color: #333333;
}
.industries main#page, .general_contractor main#page, .civil-work main#page, .home_builder-contractor main#page, .special-construction main#page, .reform-renovation main#page, .real_estate-developer main#page, .electrical-plumbing main#page, .renovation-construction main#page {
background-color: #fff;
}
.mainColor {
color: #000059;
}
.mainColorSub {
color: #000078;
}
.mainColorSub2 {
color: #ffde00;
}
.white {
color: #fff;
}
@media screen and (max-width: 768px) {
.white.__spMain {
color: #000059;
}
.white.__spBlack {
color: #333;
}
}
@media screen and (max-width: 1024px) {
.white.__spMain {
color: #fff;
}
}
@media screen and (min-width: 959px) {
.spTab {
display: none !important;
}
}
@media screen and (min-width: 1130px) {
.brakePoint {
display: none !important;
}
}
@media screen and (min-width: 768px) {
.sp {
display: none !important;
}
}
@media screen and (min-width: 1200px) {
.sps {
display: none !important;
}
}
@media screen and (max-width: 767px) {
.pcw {
display: none !important;
}
}
@media screen and (max-width: 1199px) {
.pcw1 {
display: none !important;
}
}
@media screen and (min-width: 1500px) {
.pc2 {
display: none !important;
}
}
@media screen and (max-width: 1815px) {
.pc3 {
display: none !important;
}
}
.pc4 {
display: none !important;
}
@media screen and (max-width: 1800px) {
.pc4 {
display: block !important;
}
}
@media screen and (max-width: 959px) {
.Menu_p {
display: none !important;
}
}
@media screen and (min-width: 960px) {
.Menu_s {
display: none !important;
}
}
.tabNote {
display: none !important;
}
@media screen and (min-width: 768px) and (max-width: 1278px) {
.notTabNote {
display: none !important;
}
.tabNote {
display: block !important;
}
}
@media screen and (min-width: 768px) and (max-width: 959px) {
.notTab {
display: none !important;
}
.tab {
display: block !important;
}
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
.notNote {
display: none !important;
}
.note {
display: block !important;
}
} .cntMS {
max-width: 1650px;
margin-right: auto;
margin-left: auto;
}
.cnt {
width: 90%;
max-width: 1920px;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media only screen and (max-width: 959px) {
.cnt {
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
.cnt {
max-width: 1200px;
}
.cnt.cntMS {
width: 95%;
}
}
.cntXS {
max-width: 1000px;
margin-right: auto;
margin-left: auto;
}
.cntS {
max-width: 1396px;
margin-right: auto;
margin-left: auto;
}
.cntM {
max-width: 1760px;
margin-right: auto;
margin-left: auto;
}
.bgImg {
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.rw {
margin-left: -15px;
margin-right: -15px;
}
:root {
--spaceSize: clamp(50px, 3.8vw, 79px);
--spaceSizeMiddle: clamp(50px, 7.5vw, 144px);
--spaceSizeSMiddle: clamp(20px, 2vw, 40px);
--spaceSizeWide: clamp(135px, 14vw, 270px);
}
.margin {
margin-top: var(--spaceSize);
margin-bottom: var(--spaceSize);
}
.marginSM {
margin-top: 0;
margin-bottom: var(--spaceSizeSMiddle);
}
.marginM {
margin-top: var(--spaceSizeMiddle);
margin-bottom: var(--spaceSizeMiddle);
}
.text-center {
text-align: center;
}
.box-center {
margin-inline: auto;
}
.text-right {
text-align: right;
}
.text-left {
text-align: left;
}
@media only screen and (max-width: 767px) {
.text-center-sp {
text-align: center;
}
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
.text-center-tab {
text-align: center;
}
}
@media only screen and (max-width: 767px) {
.text-right-sp {
text-align: right;
}
}
@media only screen and (max-width: 767px) {
.text-left-sp {
text-align: left;
}
}
@media only screen and (max-width: 1800px) {
.text-left-tabNote {
text-align: left;
}
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
.text-left-tab {
text-align: left;
}
}
@media screen and (min-width: 768px) and (max-width: 1279px) {
.text-left-tabNote {
text-align: left;
}
}
.mbL {
margin-bottom: 30%;
}
.mbL2 {
margin-bottom: 25%;
}
.mbL3 {
margin-bottom: 20%;
}
.mbL4 {
margin-bottom: 15%;
}
.mbL5 {
margin-bottom: 12%;
}
.mbM {
margin-bottom: 10%;
}
.mbM2 {
margin-bottom: 7.5%;
}
.mbM25 {
margin-bottom: 7%;
}
.mbM3 {
margin-bottom: 5%;
}
.mbM4 {
margin-bottom: 4%;
}
.mbS {
margin-bottom: 3.5%;
}
.mbS25 {
margin-bottom: 3%;
}
.mbS2 {
margin-bottom: 2%;
}
.mbS35 {
margin-bottom: 1.5%;
}
.mbS3 {
margin-bottom: 1%;
}
.mbS4 {
margin-bottom: 0.5%;
}
@media only screen and (max-width: 767px) {
.mbSpL {
margin-bottom: 30%;
}
.mbSpL2 {
margin-bottom: 25%;
}
.mbSpL3 {
margin-bottom: 20%;
}
.mbSpL4 {
margin-bottom: 15%;
}
.mbSpL5 {
margin-bottom: 13%;
}
.mbSpM {
margin-bottom: 10%;
}
.mbSpM2 {
margin-bottom: 7.5%;
}
.mbSpM35 {
margin-bottom: 6%;
}
.mbSpM3 {
margin-bottom: 5%;
}
.mbSpM4 {
margin-bottom: 4%;
}
.mbSpS {
margin-bottom: 3.5%;
}
.mbSpS2 {
margin-bottom: 2%;
}
.mbSpS3 {
margin-bottom: 1%;
}
} .flex {
display: flex;
}
@media only screen and (max-width: 767px) {
.flexPc {
display: block;
}
}
.justCenter {
justify-content: center;
}
.justEnd {
justify-content: flex-end;
}
.justBetween {
justify-content: space-between;
}
.alignCenter {
align-items: center;
}
.alignStart {
align-items: flex-start;
}
.alignEnd {
align-items: flex-end;
}
.alignStretch {
align-items: stretch;
}
.flexReverse {
flex-flow: row-reverse;
}
.flexWrap {
flex-wrap: wrap;
}
.textLink {
transition: 0.3s;
}
.textLink:hover, a:hover .textLink {
opacity: 0.7;
}
.relative {
position: relative;
}
.breadcrumbs {
margin-top: 10px;
}
.breadcrumbs span {
font-size: 12px;
font-weight: 600;
}
.breadcrumbs {
color: #000059;
}
.breadcrumbs .current-item {
opacity: 0.7;
}
.breadcrumbs a {
transition: 0.3s;
}
.breadcrumbs a:hover {
opacity: 0.7;
}
.menuList {
-moz-column-gap: 20px;
column-gap: 20px;
row-gap: 20px;
}
.commonMidashi dt {
font-size: clamp(2.4rem, 1.7689320388rem + 1.6828478964vw, 5rem);
line-height: 1.5;
color: #fff;
font-weight: bold;
}
.commonMidashi dd {
font-size: clamp(1.8rem, 1.5087378641rem + 0.7766990291vw, 3rem);
line-height: 1.3;
color: #fff;
font-weight: bold;
}
.commonMidashi_1 {
font-size: clamp(2.3rem, 1.4019417476rem + 2.3948220065vw, 6rem);
line-height: 1.4;
font-weight: 900;
}
@media only screen and (min-width: 1200px) and (max-width: 1630px) {
.commonMidashi_1 {
font-size: clamp(38px, 3.1vw, 51px);
}
}
.commonMidashi_1 span {
color: #000078;
line-height: 1.4;
font-weight: 900;
}
.commonMidashi_2 {
font-size: clamp(2.3rem, 0.4310679612rem + 4.9838187702vw, 10rem);
color: #000059;
line-height: 1.1;
font-weight: 900;
}
.commonMidashi_2 span {
font-size: clamp(1.6rem, 1.1631067961rem + 1.1650485437vw, 3.4rem);
line-height: 1;
color: #000059;
font-weight: 900;
}
.commonMidashi_3.__small {
font-size: clamp(2.2rem, 1.5203883495rem + 1.8122977346vw, 5rem);
}
.commonMidashi_3 {
font-size: clamp(2.5rem, 1.6504854369rem + 2.2653721683vw, 6rem);
line-height: 1.2;
font-weight: bold;
}
.commonMidashi_4.__sh {
line-height: 1.2;
}
.commonMidashi_4 {
font-size: clamp(2.5rem, 2.1359223301rem + 0.9708737864vw, 4rem);
line-height: 1.3;
font-weight: bold;
}
.commonText span {
font-size: clamp(1.5rem, 1.4757281553rem + 0.0647249191vw, 1.6rem);
line-height: 1.6;
font-weight: bold;
}
.commonText.__small {
font-size: clamp(1.4rem, 1.3757281553rem + 0.0647249191vw, 1.5rem);
line-height: 1.6;
}
.commonText.__large {
font-size: clamp(1.6rem, 1.454368932rem + 0.3883495146vw, 2.2rem);
line-height: 1.8;
font-weight: bold;
}
.commonText.__lh {
line-height: 2;
}
.commonText {
font-size: clamp(1.5rem, 1.4757281553rem + 0.0647249191vw, 1.6rem);
line-height: 1.8;
font-weight: 600;
}
.back_color {
background-color: #e3ebf1;
padding: 5em 0 6em;
}
@media only screen and (max-width: 767px) {
.back_color {
padding: 3em 0;
}
}
@media only screen and (min-width: 767px) and (max-width: 1279px) {
.back_color {
padding: 3em 0 2em;
}
}
.back_mainColor {
background-color: #000039;
padding: 5em 0 6em;
}
@media only screen and (max-width: 767px) {
.back_mainColor {
padding: 3em 0;
}
}
@media only screen and (min-width: 767px) and (max-width: 1279px) {
.back_mainColor {
padding: 3em 0 2em;
}
}
.mlist {
-moz-column-gap: 9px;
column-gap: 9px;
row-gap: 9px;
}
.megaMenu .mlist {
padding: 1em;
background-color: #fff;
border-radius: 10px;
}
.mlist > li {
padding: 0 !important;
}
.mlist > li.active > a {
background-color: #ffde00;
}
.mlist > li.active > a::before {
color: #000078;
content: "\f063";
}
.mlist > li.active > a:hover::before {
top: 55%;
right: 20px;
}
.mlist > li {
width: calc((100% - 27px) / 4);
}
.mlist > li > a {
display: block;
background-color: #000078;
padding: 0.4em;
border-radius: 5px;
transition: 0.3s;
position: relative;
}
.mlist > li > a::before {
transition: 0.3s;
position: absolute;
display: block;
font-family: "Font Awesome 6 Pro";
content: "\f061";
font-weight: 900;
font-size: 18px;
color: #fff;
top: 50%;
right: 20px;
transform: translateY(-50%);
}
.mlist > li > a::after {
display: none;
}
.mlist > li > a:hover {
background-color: #ffde00;
}
.mlist > li > a:hover::before {
right: 9px;
color: #000078;
}
@media only screen and (max-width: 767px) {
.mlist > li {
width: 100%;
}
}
@media only screen and (min-width: 767px) and (max-width: 1279px) {
.mlist {
-moz-column-gap: 15;
column-gap: 15;
}
.mlist > li {
width: calc((100% - 30px) / 3);
}
}
.menuImgBlock {
width: 30%;
margin-right: 5%;
border-radius: 5px;
overflow: hidden;
}
.menuImgBlock img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media only screen and (max-width: 767px) {
.menuImgBlock {
height: 52px;
}
.menuImgBlock img {
-o-object-position: top;
object-position: top;
}
}
.active .menuTitle {
color: #000078;
}
.menuTitle {
font-size: clamp(1.5rem, 1.4757281553rem + 0.0647249191vw, 1.6rem);
line-height: 1.4;
color: #fff;
font-weight: bold;
transition: 0.3s;
}
a:hover .menuTitle {
color: #000078;
}
.cateInnerWrap {
position: relative;
z-index: 1;
padding-top: clamp(30px, 5.5%, 106px);
padding-bottom: clamp(30px, 5.5%, 106px);
}
@media only screen and (max-width: 767px) {
.cateInnerWrap {
padding: 10% 0;
}
}
@media only screen and (max-width: 767px) {
.general_contractor .catebackImg {
background-image: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img_d/cate1_back_sp.webp) !important;
}
.civil-work .catebackImg {
background-image: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img_d/cate2_back_sp.webp) !important;
}
.home_builder-contractor .catebackImg {
background-image: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img_d/cate3_back_sp.webp) !important;
}
.reform-renovation .catebackImg {
background-image: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img_d/cate4_back_sp.webp) !important;
}
.reform-renovation .catebackImg::after { }
.special-construction .catebackImg {
background-image: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img_d/cate5_back_sp.webp) !important;
}
.special-construction .catebackImg::after {
background: rgba(0, 0, 0, 0.1);
}
.real_estate-developer .catebackImg {
background-image: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img_d/cate6_back_sp.webp) !important;
}
.electrical-plumbing .catebackImg {
background-image: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img_d/cate7_back_sp.webp) !important;
}
.electrical-plumbing .catebackImg::after {
background: rgba(0, 0, 0, 0.1);
}
.renovation-construction .catebackImg {
background-image: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img_d/cate8_back_sp.webp) !important;
}
.catebackImg {
position: relative;
}
.catebackImg::after {
position: absolute;
display: block;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.6);
}
}
.cate_box span {
font-size: clamp(1.6rem, 1.5514563107rem + 0.1294498382vw, 1.8rem);
font-weight: bold;
line-height: 1;
background-color: #ffde00;
padding: 0.3em 1em;
border-radius: 50px;
}
@media only screen and (min-width: 767px) and (max-width: 1279px) {
.cate_box {
margin-bottom: 2%;
}
}
.problemList {
-moz-column-gap: 22px;
column-gap: 22px;
row-gap: 22px;
}
.problemList > li {
width: calc((100% - 44px) / 3);
background-color: #fff;
padding: 5em 2.2em 3em;
border-radius: 10px;
}
@media only screen and (max-width: 767px) {
.problemList > li {
width: 100%;
padding: 1.5em 1em;
}
}
@media only screen and (min-width: 767px) and (max-width: 1279px) {
.problemList {
-moz-column-gap: 10px;
column-gap: 10px;
}
.problemList > li {
width: calc((100% - 10px) / 2);
padding: 1.5em 1em;
}
}
@media only screen and (max-width: 767px) {
.problemWrap {
-moz-column-gap: 20px;
column-gap: 20px;
display: flex;
}
}
.cate_problemImg {
width: 28%;
margin-inline: auto;
}
@media only screen and (max-width: 767px) {
.cate_problemImg {
width: 64%;
}
}
@media only screen and (min-width: 767px) and (max-width: 1279px) {
.cate_problemImg {
margin-bottom: 5%;
}
}
.problemTitle {
font-size: clamp(2rem, 1.854368932rem + 0.3883495146vw, 2.6rem);
font-weight: bold;
line-height: 1;
color: #000059;
}
.qaTitleWrap {
-moz-column-gap: 10px;
column-gap: 10px;
}
.qaTitle dt {
font-size: clamp(3rem, 2.2718446602rem + 1.9417475728vw, 6rem);
font-weight: bold;
line-height: 1;
}
.qaTitle dd {
font-size: clamp(1rem, 0.7572815534rem + 0.6472491909vw, 2rem);
font-family: "Montserrat", "Noto Sans JP", sans-serif;
font-weight: bold;
line-height: 1;
}
.planList {
row-gap: 87px;
counter-reset: number;
}
.planList > li {
counter-increment: number 1;
}
@media only screen and (max-width: 767px) {
.planList {
row-gap: 43px;
}
}
.planImgBlock {
width: 48%;
margin-right: 3%;
}
.__reverse .planImgBlock {
margin-right: 0;
margin-left: 3%;
}
@media only screen and (max-width: 767px) {
.planImgBlock {
width: 100%;
margin-right: 0;
margin-bottom: 5%;
}
.__reverse .planImgBlock {
margin-left: 0;
width: 100%;
}
}
.planImg {
border-radius: 10px;
overflow: hidden;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.planInfoBlock {
width: 49%;
}
@media only screen and (max-width: 767px) {
.planInfoBlock {
width: 100%;
}
}
.NbImgWrap {
position: absolute;
top: -31px;
left: -48px;
max-width: 98px;
}
.NbImgWrap::after {
position: absolute;
display: block;
content: "";
content: "0" counter(number);
font-size: 30px;
font-family: "Montserrat", "Noto Sans JP", sans-serif;
color: #000059;
font-weight: bold;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
.NbImgWrap {
width: 80px;
left: -6px;
}
}
@media only screen and (min-width: 767px) and (max-width: 1279px) {
.NbImgWrap {
left: -8px;
}
}
.planTitle {
font-size: clamp(1.8rem, 1.2660194175rem + 1.4239482201vw, 4rem);
font-weight: bold;
line-height: 1.4;
}
.checkList {
padding: 2.5em;
border-radius: 8px;
background-color: #fff;
row-gap: 23px;
}
.checkList > li:not(:last-child) {
margin-bottom: 4%;
}
.checkList > li span {
display: block;
padding-left: 1.8em;
font-size: clamp(1.6rem, 1.5029126214rem + 0.2588996764vw, 2rem);
font-weight: bold;
line-height: 1.4;
position: relative;
}
.checkList > li span::after {
position: absolute;
display: block;
content: "";
top: 1px;
left: 0;
width: 26px;
height: 26px;
background-image: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img_d/check.webp);
background-repeat: no-repeat;
background-size: 100%;
}
@media only screen and (max-width: 959px) {
.checkList {
padding: 1.3em 1em;
row-gap: 15px;
}
.checkList > li:not(:last-child) {
margin-bottom: 2%;
}
.checkList > li span {
padding-left: 1.5em;
}
.checkList > li span::after {
top: 3px;
width: 18px;
height: 18px;
}
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
.checkList {
padding: 1.3em 1em;
row-gap: 15px;
}
.checkList > li:not(:last-child) {
margin-bottom: 2%;
}
.checkList > li span {
padding-left: 1.5em;
}
.checkList > li span::after {
top: 3px;
width: 18px;
height: 18px;
}
}
.functionList {
-moz-column-gap: 63px;
column-gap: 63px;
row-gap: 63px;
}
.functionList > li {
width: calc((100% - 63px) / 2);
background-color: #e3ebf1;
padding: 4em 5em 4em 4em;
border-radius: 8px;
}
@media only screen and (max-width: 767px) {
.functionList {
row-gap: 15px;
}
.functionList > li {
width: 100%;
padding: 1.3em 1em;
}
}
@media only screen and (min-width: 767px) and (max-width: 1279px) {
.functionList {
-moz-column-gap: 10px;
column-gap: 10px;
row-gap: 10px;
}
.functionList > li {
width: calc((100% - 10px) / 2);
padding: 1.3em 1em;
}
}
.functionInfoBlock {
width: 78%;
margin-right: 5%;
}
.functionImgBlock {
width: 17%;
}
.functionTitle {
font-size: clamp(1.9rem, 1.6330097087rem + 0.71197411vw, 3rem);
color: #000078;
font-weight: 900;
line-height: 1.4;
}
.workInnerWrap {
padding-top: clamp(20px, 3%, 58px);
padding-bottom: clamp(20px, 3%, 58px);
}
@media only screen and (max-width: 767px) {
.workInnerWrap {
padding: 9% 0;
}
}
@media only screen and (max-width: 767px) {
.workImg {
background-image: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img_d/work_back_sp.webp) !important;
}
}
@media only screen and (max-width: 767px) {
.text-shadow_w.__sp {
text-shadow: 5px 5px 5px #fff, -5px -5px 5px #fff, -5px 5px 5px #fff, 5px -5px 5px #fff, 5px 0px 5px #fff, -5px 0px 5px #fff, 0px 5px 5px #fff, 0px -5px 5px #fff;
}
}
@media only screen and (min-width: 767px) and (max-width: 1279px) {
.text-shadow_w {
text-shadow: 5px 5px 5px #fff, -5px -5px 5px #fff, -5px 5px 5px #fff, 5px -5px 5px #fff, 5px 0px 5px #fff, -5px 0px 5px #fff, 0px 5px 5px #fff, 0px -5px 5px #fff;
}
}
@media only screen and (max-width: 767px) {
.text-shadow_b.__sp {
text-shadow: 5px 5px 5px #000059, -5px -5px 5px #000059, -5px 5px 5px #000059, 5px -5px 5px #000059, 5px 0px 5px #000059, -5px 0px 5px #000059, 0px 5px 5px #000059, 0px -5px 5px #000059;
}
}
@media only screen and (min-width: 767px) and (max-width: 1279px) {
.text-shadow_b {
text-shadow: 5px 5px 5px #000059, -5px -5px 5px #000059, -5px 5px 5px #000059, 5px -5px 5px #000059, 5px 0px 5px #000059, -5px 0px 5px #000059, 0px 5px 5px #000059, 0px -5px 5px #000059;
}
}
.workText.__small {
font-size: clamp(1.6rem, 1.5514563107rem + 0.1294498382vw, 1.8rem);
}
.workText {
font-size: clamp(1.6rem, 1.5029126214rem + 0.2588996764vw, 2rem);
font-weight: bold;
line-height: 1.8;
}
@media only screen and (max-width: 767px) {
.conbackImg {
position: relative;
}
.general_contractor .conbackImg {
background-image: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img_d/con1_back_sp.webp) !important;
}
.civil-work .conbackImg {
background-image: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img_d/con2_back_sp.webp) !important;
}
.home_builder-contractor .conbackImg {
background-image: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img_d/con3_back_sp.webp) !important;
}
.reform-renovation .conbackImg {
background-image: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img_d/con4_back_sp.webp) !important;
}
.reform-renovation .conbackImg::after {
background: rgba(0, 0, 0, 0.6);
}
.special-construction .conbackImg {
background-image: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img_d/con5_back_sp.webp) !important;
}
.special-construction .conbackImg::after {
background: rgba(0, 0, 0, 0.1);
}
.real_estate-developer .conbackImg {
background-image: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img_d/con6_back_sp.webp) !important;
}
.electrical-plumbing .conbackImg {
background-image: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img_d/con7_back_sp.webp) !important;
}
.electrical-plumbing .conbackImg::after {
background: rgba(0, 0, 0, 0.1);
}
.renovation-construction .conbackImg {
background-image: url(//construction.acsport.net/wp-content/themes/acsport_construction/assets/img_d/con8_back_sp.webp) !important;
}
.conbackImg::after {
position: absolute;
display: block;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.5);
}
}
.conInnerWrap {
position: relative;
padding-top: clamp(20px, 4.6%, 88px);
padding-bottom: clamp(20px, 4.6%, 88px);
z-index: 1;
}
.btnList {
-moz-column-gap: 16px;
column-gap: 16px;
row-gap: 16px;
}
.btnList > li {
max-width: 330px;
width: 100%;
}
.commonBtn.__white {
background-color: #fff;
color: #ff3b00;
}
.commonBtn.__white::after {
color: #ff3b00;
}
.commonBtn {
display: block;
font-size: clamp(1.5rem, 1.4757281553rem + 0.0647249191vw, 1.6rem);
line-height: 1;
max-width: 330px;
width: 100%;
color: #fff;
padding: 1.8em 1em;
background-color: #ff3b00;
border-radius: 5px;
font-weight: bold;
transition: 0.3s;
position: relative;
transition: 0.3s;
}
.commonBtn::after {
position: absolute;
display: block;
font-family: "Font Awesome 6 Pro";
content: "\f061";
font-weight: 900;
font-size: 18px;
color: #fff;
top: 50%;
right: 20px;
transform: translateY(-50%);
transition: 0.3s;
}
.commonBtn:hover {
background-color: #333;
color: #fff;
}
.commonBtn:hover::after {
right: 15px;
color: #fff;
} .qaList {
row-gap: 10px;
flex-direction: column;
}
.qaList > li:not(:last-child) {
margin-bottom: 2%;
}
.qaList > li .qaInner {
display: none;
}
.qaList > li.__first .qaInner {
display: block;
}
.qaList > li {
border-radius: 10px;
background-color: #fff;
}
.btn_faq {
width: 50px;
height: 50px;
background-color: #000;
border-radius: 50%;
transition: 0.3s ease-in-out;
position: relative;
}
.btn_faq::before, .btn_faq::after {
position: absolute;
content: "";
display: block;
background-color: #fff;
border-radius: 10px;
transition: transform 0.3s;
z-index: 9;
top: 50%;
}
.btn_faq::before {
width: 30px;
height: 3px;
right: 10px;
transform: translateY(-50%) rotate(0deg);
}
.btn_faq::after {
width: 3px;
height: 30px;
right: 24px;
transform: translateY(-50%) rotate(0deg);
}
.on .btn_faq::after {
transform: translateY(-50%) rotate(-90deg);
}
.__first .on .btn_faq::after {
transform: translateY(-50%) rotate(0deg);
}
.__first .btn_faq::after {
transform: translateY(-50%) rotate(-90deg);
}
@media only screen and (max-width: 767px) {
.btn_faq {
width: 30px;
height: 30px;
}
.btn_faq::before {
width: 18px;
height: 2px;
right: 6px;
}
.btn_faq::after {
width: 2px;
height: 19px;
right: 14px;
}
}
@media only screen and (min-width: 767px) and (max-width: 1279px) {
.btn_faq {
width: 40px;
height: 40px;
}
.btn_faq::before {
width: 27px;
height: 2px;
right: 6px;
}
.btn_faq::after {
width: 2px;
height: 25px;
right: 19px;
}
}
.qaTitleBlock {
width: 90%;
margin-right: 5%;
}
@media only screen and (max-width: 767px) {
.qaTitleBlock {
margin-right: 3%;
}
}
.openBtn2 {
cursor: pointer;
padding: 2em 2.3em 2em 2.8em;
position: relative;
}
.openBtn2 dt {
font-size: clamp(2rem, 1.7087378641rem + 0.7766990291vw, 3.2rem);
font-family: "Montserrat", "Noto Sans JP", sans-serif;
line-height: 1;
font-weight: bold;
color: #000078;
}
.openBtn2 dd {
font-size: clamp(1.6rem, 1.4058252427rem + 0.5177993528vw, 2.4rem);
line-height: 1.6;
padding: 0 0 0 1em;
color: #000078;
font-weight: 900;
}
@media only screen and (max-width: 767px) {
.openBtn2 {
padding: 1em;
}
}
@media only screen and (min-width: 767px) and (max-width: 1279px) {
.openBtn2 {
padding: 1.2em;
}
}
.qaInner {
background-color: #fff;
padding: 2.2em 1em 2.2em 3em;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
position: relative;
}
.qaInner::after {
position: absolute;
display: block;
content: "";
width: 95%;
height: 1px;
background-color: #e0e0e0;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.on .qaInner {
display: block;
}
.qaInner dt {
font-size: clamp(2rem, 1.7087378641rem + 0.7766990291vw, 3.2rem);
font-family: "Montserrat", "Noto Sans JP", sans-serif;
line-height: 1;
font-weight: bold;
}
.qaInner dd {
font-size: clamp(1.5rem, 1.4757281553rem + 0.0647249191vw, 1.6rem);
font-weight: 500;
line-height: 1.6;
padding: 0 1em 0 1.4em;
}
@media only screen and (max-width: 767px) {
.qaInner {
padding: 1.2em 0.3em 1.2em 1.2em;
}
.qaInner dd {
padding: 0 1em 0 1em;
}
}
@media only screen and (min-width: 767px) and (max-width: 1279px) {
.qaInner {
padding: 2.2em 1em 2.2em 1.4em;
}
.qaInner dd {
padding: 0 0 0 1.4em;
}
}
@media only screen and (max-width: 767px) {
.topCateWrap {
display: flex;
-moz-column-gap: 10px;
column-gap: 10px;
}
}
.topCateList {
-moz-column-gap: 10px;
column-gap: 10px;
row-gap: 10px;
}
.topCateList > li {
width: calc((100% - 30px) / 4);
background: #fff;
border-radius: 5px;
}
.topCateList > li > a {
display: block;
background: #fff;
padding: 0.1em 0.1em 1em;
border-radius: 5px;
}
@media only screen and (max-width: 767px) {
.topCateList {
row-gap: 10px;
}
.topCateList > li {
width: 100%;
}
.topCateList > li > a {
padding: 0.5em;
}
}
@media only screen and (min-width: 767px) and (max-width: 959px) {
.topCateList {
width: 90%;
margin-inline: auto;
-moz-column-gap: 15px;
column-gap: 15px;
row-gap: 15px;
}
.topCateList > li {
width: calc((100% - 30px) / 3);
}
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
.topCateList {
-moz-column-gap: 15px;
column-gap: 15px;
row-gap: 15px;
}
.topCateList > li {
width: calc((100% - 30px) / 3);
}
}
.topCateTitle {
font-size: clamp(1.6rem, 1.454368932rem + 0.3883495146vw, 2.2rem);
letter-spacing: 0.01em;
font-weight: bold;
color: #000059;
line-height: 1.6;
}
@media only screen and (min-width: 767px) and (max-width: 1279px) {
.topCateTitle {
font-size: 16px;
}
}
.topCateInner {
background-color: #fff;
padding: 0 1em;
}
@media only screen and (max-width: 767px) {
.topCateInner {
padding: 0;
width: calc(62% - 10px);
}
}
@media only screen and (min-width: 767px) and (max-width: 1279px) {
.topCateInner {
padding: 0 0.5em;
}
}
.zoomImg {
overflow: hidden;
}
.zoomImg img {
max-width: 100%;
height: 100%;
grid-area: 1/1; transition: transform 0.3s ease;
}
a:hover .zoomImg img {
transform: scale(1.1);
}
.topCateImg {
position: relative;
}
.topCateImg::after {
position: absolute;
display: block;
content: "";
font-family: "Font Awesome 6 Pro";
content: "\f0a9";
font-weight: 900;
font-size: clamp(1.8rem, 1.7029126214rem + 0.2588996764vw, 2.2rem);
color: #000059;
bottom: 0;
right: 15px;
transition: 0.3s;
}
a:hover .topCateImg::after {
right: 5px;
}
@media only screen and (max-width: 767px) {
.topCateImg {
width: 38%;
margin-bottom: 0;
}
.topCateImg::after {
right: 6px;
}
}
.mgbg {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.megaMenu {
position: fixed;
top: 120px; left: 50%;
transform: translateX(-50%);
width: 100%;
z-index: 9999;
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: 0.5s;
}
.current .megaMenu {
opacity: 1;
visibility: visible;
pointer-events: inherit;
}
@media only screen and (min-width: 960px) and (max-width: 1279px) {
.megaMenu {
top: 100px; }
}
.megaMenu .menuCard {
margin-bottom: 0;
}
.commontitle_line span {
background: linear-gradient(transparent 65%, rgb(255, 241, 0) 0%);
}
.topFvWrap {
-moz-column-gap: 50px;
column-gap: 50px;
}
.topInfoBlock {
width: 50%;
}
@media only screen and (max-width: 1365px) {
.topInfoBlock {
width: 100%;
}
}
.topConBlock {
width: 50%;
}
@media only screen and (max-width: 1365px) {
.topConBlock {
display: none;
}
}
@media only screen and (min-width: 1366px) and (max-width: 1650px) {
#mainvisual {
height: clamp(800px, 50vw, 825px) !important;
}
}
.infoBlock {
width: 50%;
margin-right: 5%;
}
@media only screen and (max-width: 1199px) {
.infoBlock {
width: 100%;
}
}
.cntBlock {
width: 45%;
}
@media only screen and (max-width: 1199px) {
.cntBlock {
display: none;
}
}
.loading {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background-color: #000039;
z-index: 10011;
display: flex;
align-items: center;
justify-content: center;
opacity: 1;
visibility: visible;
transition: all 1s;
}
.loading.is-active {
opacity: 0;
visibility: hidden;
}
.loadImgWap {
width: 400px;
display: block;
margin-inline: auto;
}
@media only screen and (max-width: 767px) {
.loadImgWap {
width: 250px;
}
}
.loading-animation {
width: 100vw;
height: 100vh;
transition: all 1s;
background-color: #000039;
z-index: 10011;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
}
.loading-animation.is-active {
opacity: 1;
visibility: visible;
}
.loadTitle {
font-size: clamp(1.6rem, 1.2116504854rem + 1.0355987055vw, 3.2rem);
color: #fff;
}
.loadTitle span {
font-size: clamp(1.6rem, 1.2116504854rem + 1.0355987055vw, 3.2rem);
color: #ffde00;
font-weight: bold;
}
.loadTitle {
letter-spacing: 0.15em;
font-weight: bold;
line-height: 1.4;
}
#mainvisual ._wrap ._cnt ._txt h2 small {
font-size: clamp(17px, 2vw, 35px);
}   header .header-top .header-logo ._h ._p span{
color: #ffde00;
} @media screen and (max-width: 768px) {
#mainvisual {
height: 180vw;
}
}
@media screen and (min-width: 1366px) {
#mainvisual {
min-height: 95vh !important; 
}
}
@media screen and (min-width: 1467px) {
#mainvisual {
min-height: 100vh !important; 
height: clamp(850px, 50vw, 900px) !important;
max-height: 1000px;
}
}
@media screen and (max-width: 768px) {
#mainvisual ._wrap:before {
display: none;
}
}
@media screen and (min-width: 769px) {
#mainvisual ._wrap:before {
height: 90%;
}
} 
@media screen and (min-width: 1466px) {
#mainvisual ._wrap ._cnt ._fe ul li p span strong {
font-size: 40px;
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#mainvisual ._wrap ._cnt ._txt h2 span {
font-size: calc(62 * 100vw / 1920);
}
}
@media screen and (min-width: 1920px) {
#mainvisual ._wrap ._cnt ._txt h2 span {
font-size: 60px;
}    
}
#mainvisual ._wrap ._cnt ._txt h2 span span{
color: #ffde00;
}
@media screen and (max-width: 1466px) and (min-width: 1024px) {
#mainvisual ._wrap ._cnt ._txt h2 span {
font-size: calc(45 * 100vw / 1920);
}
}
@media screen and (max-width: 1920px) and (min-width: 1467px) {
#mainvisual ._wrap ._cnt ._txt h2 small {
white-space: nowrap;
}
}
#mainvisual ._wrap ._cnt ._tag ul li:has(a:hover) {
border-color: #ffde00;
}
#mainvisual ._wrap ._cnt ._tag ul li a:hover {
color: #ffde00;
}
@media screen and (max-width: 1365px)  {
#mainvisual ._wrap ._cnt ._tag {
max-width: 49%;
}
}
@media screen and (max-width: 768px) {
#mainvisual ._wrap ._cnt ._tag {
max-width: 100%;
}
}
#mainvisual ._wrap ._cnt ._tag ul {
flex-wrap: wrap;
}
@media screen and (max-width: 1920px) and (min-width: 1466px) {
#mainvisual ._wrap ._cnt ._award figure {
max-width: 690px;
}
}
@media screen and (max-width: 768px) {
#top-featured {
padding-top:2vw;
}
}
@media screen and (min-width: 769px) {
#top-featured {
padding-top: 1vw;
}
}
#top-about {
display: none;
}
#top-about ._wrap ._txt p {
font-size: 16px;
}
@media screen and (min-width: 769px) {
#top-about {
height: 30vw;
}
}
.topCnBox #contact-form ._form table th .req {
top: 50%;
translate: 0 -50%;
padding-block: 0.5em;
}
.topCnBox #contact-form ._form table td .wpcf7-checkbox .wpcf7-list-item {
margin-bottom: 0.8em;
}
@media screen and (min-width: 1366px) {
.post-sidebar #contact-form ._form table th,
.post-sidebar #contact-form ._form table td,
.topCnBox #contact-form ._form table th,
.topCnBox #contact-form ._form table td {
padding-block: 1em;
}
}
@media screen and (min-width: 1467px) {
.post-sidebar #contact-form ._form table th,
.post-sidebar #contact-form ._form table td,
.topCnBox #contact-form ._form table th,
.topCnBox #contact-form ._form table td {
padding-block: 1.2em;
}
}
@media screen and (min-width: 1467px) {
.topCnBox {
padding-block: 3em 2em;
padding-inline: 1.9em;
}
} #contact-form ._form .btn-area .btn-wrap input {
font-size: 84%;
} #contact_sec ._award {
margin-top: 24px;
} .cate_box span {
font-size: clamp(1.6rem, 1.5514563107rem + 0.5vw, 2.4rem);
} .problemTitle {
line-height: 1.2;
} body:not(.home) *,
body:not(.home) *::before,
body:not(.home) *::after {
animation: none !important;
transition: none !important;
}
body:not(.home) [data-aos] {
opacity: 1 !important;
transform: none !important;
} .loading {
display: none;
} .catebackImg {
position: relative;
}
.catebackImg::before {
content: "";
position: absolute;
inset: 0;
background-color: rgba(255, 255, 255, 0.8);
z-index: 0;
pointer-events: none;
}