@charset "UTF-8";
@charset "UTF-8";

 :root {
--blue-bg: #eff8fa;
--blue: #1161bf;
--orange: #ef9f23;
--txt-color02: #173558;
} .pc-none600 {
display: none;
}
.open-btn-wrap {
transform: translateY(-130px);
position: fixed;
top: 50px;
right: 50px;
z-index: 120;
transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}
.open-btn-wrap.active {
transform: translateY(0);
}
.openbtn {
position: relative;
cursor: pointer;
width: 80px;
height: 80px;
}
.openbtn span {
display: inline-block;
transition: all 0.4s;
position: absolute;
left: 20px;
height: 2px;
background: #000000;
width: 45%;
}
.openbtn span:nth-of-type(1) {
top: 27px;
}
.openbtn span:nth-of-type(2) {
top: 36px;
}
.openbtn span:nth-of-type(3) {
top: 45px;
}
.openbtn.active span:nth-of-type(1) {
top: 29px;
left: 19px;
transform: translateY(6px) rotate(-45deg);
width: 50%;
background-color: #fff;
}
.openbtn.active span:nth-of-type(2) {
opacity: 0;
background-color: #fff;
}
.openbtn.active span:nth-of-type(3) {
top: 41px;
left: 19px;
transform: translateY(-6px) rotate(45deg);
width: 50%;
background-color: #fff;
}
.pc-side-menu {
position: fixed;
height: 100%;
width: 100%;
z-index: 50;
background-color: rgba(30, 30, 30, 0.9);
right: 0;
top: 0;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
opacity: 0;
z-index: -1;
background-image: url(//insp-service.com/wp-content/uploads/2025/06/logomark-opa.webp);
background-size: 500px;
background-position: right -100px bottom -100px;
background-repeat: no-repeat;
}
.pc-side-menu.active {
opacity: 1;
z-index: 100;
}
.pc-side-menu-inner {
overflow-y: auto;
height: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 0 15px;
padding-top: 140px;
scrollbar-width: none;
-ms-overflow-style: none;
}
.pc-side-menu-inner::-webkit-scrollbar {
display: none;
}
.pc-menu-list-box {
padding-left: 200px;
position: relative;
padding-bottom: 100px;
}
.pc-menu-copy {
width: 80px;
position: absolute;
top: 0;
left: 0;
opacity: 1;
}
.pc-side-list {
margin-bottom: 60px;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 40px 1fr;
grid-template-columns: repeat(2, 1fr);
row-gap: 20px;
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
}
.pc-side-list li a {
display: block;
padding-bottom: 10px;
border-bottom: 1px solid #fff;
letter-spacing: 0.1em;
font-size: 2.2rem;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
color: #fff;
}
.pc-side-list li a:hover {
opacity: 0.7;
}
.pc-menu-tel {
width: 48%;
}
.pmt-head {
padding: 10px;
border: 1px solid #fff;
font-size: 1.6rem;
text-align: center;
color: #fff;
margin-bottom: 10px;
}
.pmt-txt {
text-align: center;
}
.pmt-txt a {
font-size: 3rem;
color: #fff;
letter-spacing: 0.1em;
}
.pc-menu-sns {
width: 48%;
}
.pms-head {
font-size: 5rem;
color: #fff;
letter-spacing: 0.1em;
margin-bottom: 40px;
line-height: 1em;
text-align: center;
}
.pms-link.flex {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.pms-link li {
width: 40px;
margin: 0 10px;
}
.pms-link li img {
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.pms-link li img:hover {
opacity: 0.7;
}
.inner01 {
width: min(100%, 1430px);
margin: 0 auto;
padding: 0 15px;
}
.inner02 {
width: min(100%, 1230px);
margin: 0 auto;
padding: 0 15px;
}
.inner03 {
width: min(100%, 930px);
margin: 0 auto;
padding: 0 15px;
}
.ttl01-wrap {
margin-bottom: 60px;
}
.ttl01-wrap .ja {
display: block;
font-size: 2.4rem;
line-height: 1.5em;
font-weight: 700;
letter-spacing: 0.1em;
}
.ttl01-wrap .en {
display: block;
font-size: 8rem;
line-height: 1.55em;
}
.ttl02 {
font-size: 2.4rem;
font-weight: bold;
margin-bottom: 20px;
position: relative;
padding-left: 27px;
}
.ttl02::before {
content: "";
width: 15px;
height: 15px;
position: absolute;
background-color: var(--main);
border-radius: 999px;
left: 0;
top: 14px;
}
.ttl03-wrap {
margin-bottom: 60px;
}
.ttl03-en {
font-size: 2rem;
text-align: center;
color: var(--blue);
font-weight: bold;
margin-bottom: 10px;
}
.ttl03 {
text-align: center;
font-size: 5rem;
font-weight: bold;
line-height: 1.4em;
color: var(--blue);
}
.ttl03 span {
text-align: center;
font-size: 5rem;
font-weight: bold;
line-height: 1.5em;
color: var(--orange);
}
.w-txt {
color: #fff;
}
.r-txt {
color: #d12c2c;
}
.b-txt {
color: var(--blue);
}
.o-txt {
color: var(--orange) !important;
}
.blue-bg {
background-color: var(--blue-bg);
}
@-webkit-keyframes passing-bar {
0% {
left: 0;
right: auto;
width: 0;
}
50% {
left: 0;
right: auto;
width: 100%;
}
51% {
left: auto;
right: 0;
width: 100%;
}
100% {
left: auto;
right: 0;
width: 0;
}
}
@keyframes passing-bar {
0% {
left: 0;
width: 0;
}
50% {
left: 0;
width: 100%;
}
51% {
left: 0;
width: 100%;
}
100% {
left: 100%;
width: 0;
}
}
@-webkit-keyframes passing-txt {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes passing-txt {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.passing .passing-box {
display: block;
}
.passing .passing-bar {
position: relative;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.passing .passing-bar:before {
content: "";
display: inline-block;
width: 0;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
background: var(--main);
}
.passing .passing-bar.white:before {
background: #fff;
}
.passing .passing-txt {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
font-size: 4rem;
font-weight: bold;
line-height: 1.5;
}
.passing .passing-txt.white {
color: #fff;
}
.passing.move .passing-bar:before {
-webkit-animation: passing-bar 1s ease 0s 1 normal forwards;
animation: passing-bar 1s ease 0s 1 normal forwards;
}
.passing.move .passing-txt {
-webkit-animation: passing-txt 0s ease 0.5s 1 normal forwards;
animation: passing-txt 0s ease 0.5s 1 normal forwards;
}
.btn01 {
display: block;
max-width: 300px;
margin: 0 auto;
color: #fff;
background-image: url(//insp-service.com/wp-content/themes/insp_theme02/img/right-arrow.svg);
background-repeat: no-repeat;
background-color: var(--txt-color);
background-size: 7px;
background-position: right 20px top 53%;
text-align: center;
font-size: 1.8rem;
padding: 15px 25px;
transition-duration: 0.3s;
}
.btn01:hover {
background-position: right 15px top 53%;
}
.btn02-wrap {
text-align: right;
margin-top: 40px;
}
.btn02 {
color: #fff;
font-size: 2rem;
display: inline-block;
position: relative;
}
.btn02::before {
content: "";
position: absolute;
left: -70px;
top: 50%;
height: 1px;
width: 50px;
background-color: #fff;
transform-origin: right;
transition-duration: 0.3s;
}
.btn02:hover::before {
transform: scaleX(1.5);
}
.btn02-wrap.black .btn02 {
color: var(--main);
}
.btn02-wrap.black .btn02::before {
background-color: var(--main);
}
.link-over {
position: absolute;
background-color: rgba(255, 255, 255, 0);
bottom: 0;
height: 100%;
left: 0;
right: 0;
top: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
width: 100%;
z-index: 1;
}
.link-over:hover {
background-color: rgba(255, 255, 255, 0.3);
} .swiper {
width: 100%;
overflow: hidden;
}
.swiper-wrapper {
transition-timing-function: linear !important;
}
.works-bg-swiper-wrap {
position: absolute;
top: 45%;
left: -5%;
width: 110%;
transform: rotate(-16deg);
z-index: 0;
overflow: hidden;
pointer-events: none;
}
.works-bg-swiper-wrap02 {
position: absolute;
top: 65%;
left: -5%;
width: 110%;
transform: rotate(-16deg);
z-index: 0;
overflow: hidden;
pointer-events: none;
}
.works-bg-swiper .swiper-slide,
.works-bg-swiper02 .swiper-slide {
opacity: 0.2;
} .service-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 60px;
}
.service-list li {
background-color: var(--gray01);
padding: 60px;
}
.service-icon {
width: 80px;
margin: 0 auto 15px;
}
.service-head {
text-align: center;
font-weight: bold;
font-size: 2.2rem;
margin-bottom: 30px;
}
.service-txt {
margin-bottom: 0;
}
.t-service-btn {
margin-top: 20px;
} .top-works-section {
background-color: #2b2b2b;
overflow: hidden;
position: relative;
}
.top-works-inner {
position: relative;
z-index: 1;
}
.top-works-menu {
width: 300px;
}
.top-works-content {
width: calc(100% - 360px);
}
.works-content {
padding-top: 0;
}
.top-works-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 60px;
}
.top-works-img {
margin-bottom: 15px;
overflow: hidden;
}
.top-works-img img {
transition-duration: 0.3s;
transform: scale(1.005);
}
.top-works-img img:hover {
transform: scale(1.1);
}
.top-works-ttl {
margin-bottom: 20px;
}
.top-works-ttl a {
color: #fff;
font-size: 1.6rem;
transition-duration: 0.3s;
}
.top-works-ttl a:hover {
opacity: 0.7;
}
.a-works-side {
width: 300px;
}
.works-search {
margin-bottom: 40px;
}
.a-works-side-ttl {
font-size: 2rem;
font-weight: bold;
margin-bottom: 20px;
background-color: var(--txt-color);
color: #fff;
padding: 10px 15px;
text-align: center;
margin-top: 60px;
}
.a-works-side-box .a-works-side-ttl:first-of-type {
margin-top: 0;
}
.a-works-cat-list li {
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid var(--txt-color);
}
.a-works-cat-list li a {
transition-duration: 0.3s;
}
.a-works-cat-list li a:hover {
opacity: 0.8;
}
.a-works-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 60px;
}
.a-works-list > li {
padding: 20px;
background-color: rgba(255, 254, 254, 1);
background-image: repeating-linear-gradient(
135deg,
transparent,
transparent 3px,
rgba(244, 244, 244, 1) 3px,
rgba(244, 244, 244, 1) 5px
);
}
.a-works-img {
margin-bottom: 15px;
overflow: hidden;
}
.a-works-img img {
transition-duration: 0.3s;
transform: scale(1.01);
}
.a-works-img img:hover {
transform: scale(1.1);
}
.a-works-ttl {
margin-bottom: 20px;
}
.a-works-ttl a {
font-size: 1.6rem;
transition-duration: 0.3s;
font-weight: bold;
}
.a-work-ttl a:hover {
opacity: 0.7;
}
.a-works-content {
width: calc(100% - 360px);
}
.a-works-head {
font-size: 2.4rem;
font-weight: bold;
margin-bottom: 40px;
position: relative;
padding-left: 27px;
}
.a-works-head::before {
content: "";
width: 15px;
height: 15px;
position: absolute;
background-color: var(--main);
border-radius: 999px;
left: 0;
top: 14px;
}
.combined-cat-list {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 10px;
}
.combined-cat-list li a {
display: block;
background-color: var(--txt-color);
color: #fff;
text-align: center;
padding: 3px 10px;
font-size: 1.3rem;
border-radius: 999px;
transition-duration: 0.3s;
}
.combined-cat-list li a:hover {
background-color: #3d3d3d;
}
.combined-cat-list.white li a {
background-color: #fff;
color: var(--main);
}
.combined-cat-list.white li a:hover {
opacity: 0.7;
}
.works-mv {
padding: 60px 0;
background-color: var(--gray01);
}
.works-mv-mov {
padding: 60px 0;
background-color: var(--main);
}
.works-moc-mov {
aspect-ratio: 16 / 9;
width: 100%;
overflow: hidden;
max-width: 900px;
margin: 0 auto;
}
.works-moc-mov iframe {
width: 100%;
height: 100%;
border: 0;
}
.s-works-ttl-wrap {
margin-bottom: 60px;
}
.s-works-ttl {
font-size: 4rem;
margin-bottom: 20px;
font-weight: bold;
}
.s-works-concept {
margin-bottom: 60px;
}
.s-works-head-wrap {
margin-bottom: 25px;
padding-bottom: 10px;
border-bottom: 2px solid var(--txt-color);
}
.s-works-head.en {
font-size: 3rem;
margin-bottom: 0;
font-weight: bold;
}
.s-works-head.ja {
font-size: 2rem;
font-weight: bold;
}
.s-works-feature-list {
display: grid;
gap: 40px;
grid-template-columns: repeat(3, 1fr);
}
.s-works-feature-img {
margin-bottom: 20px;
}
.s-works-feature-img img {
aspect-ratio: 1 / 1;
height: auto;
width: 100%;
}
.s-works-link-btn {
margin-top: 60px;
}
.concept-txt {
font-size: 2rem;
} .reason-section {
padding: 100px 0;
}
.reason-list {
margin-top: 100px;
}
.reason-list li {
margin-bottom: 120px;
}
.reason-list li:last-of-type {
margin-bottom: 0;
}
.reason-list li:nth-of-type(2n) {
flex-direction: row-reverse;
}
.reason-img {
width: 47%;
}
.reason-img img {
width: 100%;
height: auto;
}
.reason-content {
width: 47%;
position: relative;
.number {
font-size: 14rem;
position: absolute;
z-index: -1;
color: #dedede;
top: -100px;
left: 0px;
line-height: 1em;
font-family: "Lexend", sans-serif;
}
}
.reason-head {
font-size: 3.4rem;
font-weight: bold;
letter-spacing: 0.05em;
line-height: 1.5em;
color: var(--txt-color);
margin-bottom: 40px;
position: relative;
}
.reason-head::after {
content: "";
height: 2px;
width: 50px;
position: absolute;
bottom: -20px;
left: 0;
background-color: var(--txt-color);
} .media-section {
padding-bottom: 0;
}
.media-box.flex {
justify-content: flex-start;
margin-bottom: 100px;
}
.media-box02.flex {
justify-content: flex-end;
}
.media-img {
width: 45%;
margin-right: 5%;
}
.media-box02 .media-img {
margin-right: 0;
margin-left: 5%;
}
.media-content {
width: 35%;
}
.media-ttl {
font-size: 4rem;
font-weight: bold;
letter-spacing: 0.05em;
margin-bottom: 30px;
}
.media-txt {
font-size: 1.8rem;
line-height: 2em;
} .marquee {
width: 100%;
overflow: hidden;
white-space: nowrap;
box-sizing: border-box;
padding: 0;
}
.marquee-content {
display: inline-block;
animation: marquee 35s linear infinite;
}
.marquee-content p {
display: inline-block;
margin: 0;
padding: 0 1rem;
font-size: 20rem;
line-height: 1.2em;
color: var(--txt-color);
font-weight: 500;
}
@keyframes marquee {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
} .overview-box {
margin-bottom: 80px;
}
.access-box01 {
margin-bottom: 60px;
}
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 30%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
} section {
padding: 100px 0;
}
section.first {
padding-top: 0;
}
i {
margin-right: 5px;
}
img {
display: block;
height: auto;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.mb0 {
margin-bottom: 0;
}
.pcnone600 {
display: none;
}
#breadcrumbs {
margin-bottom: 40px;
padding: 10px 15px 12px;
}
#breadcrumbs ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 1400px;
width: 100%;
margin: 0 auto;
padding-left: 0;
}
#breadcrumbs ul li {
padding-left: 10px;
display: inline-block;
line-height: 2em;
}
#breadcrumbs ul li.separator {
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
}
#breadcrumbs ul li:first-of-type {
padding-left: 0;
}
#breadcrumbs ul li a,
#breadcrumbs ul li {
font-size: 1.4rem;
}
#breadcrumbs ul li a:hover {
text-decoration: underline;
}
#page-top {
position: fixed;
right: 30px;
bottom: 30px;
z-index: 2;
}
#page-top img {
max-height: 60px;
width: auto;
}
#page-top img:hover {
opacity: 0.8;
}
.pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
font-size: 1.6rem;
margin-top: 30px;
}
.pagination span,
.pagination a {
display: block;
width: auto;
margin: 4px;
padding: 8px;
color: var(--main);
background-color: var(--gray01);
text-decoration: none;
text-align: center;
line-height: 1.6rem;
font-size: 1.6rem;
}
.pagination .pager {
width: 32px;
}
.pagination a:hover,
.pagination .current {
color: #fff;
border-color: var(--main);
background-color: var(--main);
font-size: 1.6rem;
}
.pagination a.prev {
margin-right: 1.6rem;
}
.pagination a.next {
margin-left: 1.6rem;
}
.pagination a.first {
display: none;
}
.pagination a.last {
display: none;
}
.pagination span.page_num {
display: none;
}
.page-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 40px 0 20px;
}
.page-nav > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 48%;
padding: 15px;
border: 3px solid #f1f1f1;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.prev-link,
.next-link {
position: relative;
}
.page-nav div img {
max-width: 100px;
height: 100px;
-o-object-fit: cover;
object-fit: cover;
}
.page-nav div span {
font-size: 1.4rem;
width: calc(100% - 115px);
line-height: 1.75em;
color: var(--main);
font-weight: 700;
}
.panel {
display: none;
}
.panel.is-show {
display: block;
}
.tab-group {
padding-left: 20px;
}
.tab {
font-weight: 700;
color: #fff;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
font-size: 1.8rem;
opacity: 0.6;
margin-bottom: 10px;
position: relative;
}
.tab:hover {
cursor: pointer;
}
.tab.is-active,
.tab:hover {
color: #fff;
opacity: 1;
}
.tab.is-active::before {
content: "";
width: 8px;
height: 8px;
background-color: #fff;
border-radius: 999px;
position: absolute;
left: -15px;
top: 13px;
}
.tablepress tbody th,
.tablepress tbody td {
padding: 15px 10px;
border-bottom: 1px solid var(--main);
}
.tablepress tbody td.column-1 {
width: 150px;
font-weight: 700;
}
.tablepress tbody td.column-2 {
width: calc(100% - 150px);
}
.sub-header {
width: 100%;
padding: 50px 0;
border-bottom: 1px solid var(--main);
}
.sub-header-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
left: 0;
text-align: center;
margin: 0 auto;
height: 100%;
width: min(100%, 1430px);
margin: 0 auto;
padding: 0 15px;
}
.sub-header-txt {
line-height: 1.5em;
font-size: 10rem;
font-family: "Lexend", "Zen Kaku Gothic New", sans-serif;
font-weight: 600;
font-style: normal;
margin-bottom: 0;
}
.post-a-ttl {
font-size: 6rem;
}
.news-list03 li {
padding-bottom: 15px;
margin-bottom: 15px;
width: 22%;
}
.news-list03 li .news-img {
width: 100%;
margin-bottom: 20px;
}
.news-list03 li .news-img img {
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
aspect-ratio: 4 / 3;
height: auto;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.news-list03 li .news-img img:hover {
opacity: 0.7;
}
.news-list03 li .news-txt {
margin-bottom: 0;
}
.news-list03 li .news-txt:hover {
opacity: 0.7;
}
.news-list03 li .news-content {
width: 100%;
}
.news-list03 li .date-cat.flex {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
}
.news-list03 li .date {
margin-right: 10px;
line-height: 1em;
}
.news-list03 li .news-cat a {
line-height: 1em;
font-size: 1.2rem;
padding: 5px 8px;
font-weight: 700;
color: #fff;
background-color: var(--main);
border: 1px solid var(--main);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.news-list03 li .news-cat a:hover {
background-color: #fff;
color: var(--main);
}
.news-list03::after {
content: "";
display: block;
width: 22%;
}
.news-list03::before {
content: "";
display: block;
width: 22%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.contact-band {
background-image: url(//insp-service.com/wp-content/themes/insp_theme02/img/contact-band.webp);
background-size: cover;
background-position: top;
padding: 20px;
}
.contact-band-inner {
padding: 60px 15px;
width: calc(100% - 40px);
margin: 20px auto;
background-color: rgba(255, 255, 255, 0.7);
}
.contact-band-title {
font-weight: 600;
text-align: center;
font-size: 4rem;
color: var(--main);
margin-bottom: 40px;
}
.cf-cb-txt {
text-align: center;
}
.contact-band-tel-block.flex {
margin-top: 40px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.contact-band-tel-box {
margin: 0 2%;
}
.cf-cb-head {
font-size: 1.4rem;
font-weight: 600;
color: #fff;
text-align: center;
padding: 5px 10px;
}
.cf-tel-number {
font-size: 2.2rem;
font-weight: 600;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.cf-tel-number:hover {
opacity: 0.7;
}
.cf-cb-time {
text-align: center;
}
.contact-band-tel-icon {
width: 30px;
height: 30px;
margin-right: 10px;
}
.footer {
padding: 100px 0 15px;
background-color: #2b2b2b;
}
.footer-inner {
max-width: 1400px;
margin: 0 auto 80px;
}
.footer-logo-address {
width: 500px;
}
.footer-logo {
margin-bottom: 40px;
}
.footer-logo img {
max-width: 200px;
}
.footer-address p,
.footer-address a {
color: #fff;
font-size: 1.4rem;
letter-spacing: 0.1em;
}
.footer-address p {
margin-bottom: 0;
margin-top: 5px;
}
.footer-address p:first-of-type {
margin-top: 0;
}
.footer-address .name {
margin-bottom: 0;
}
.footer-address a:hover {
opacity: 0.8;
}
.footer-address02 {
margin-top: 25px;
}
.footer-nav-wrap {
width: 500px;
}
.footer-nav.flex {
width: 98%;
margin: 0 auto 25px;
}
.footer-nav.flex .left {
width: 47.5%;
}
.footer-nav.flex .right {
width: 47.5%;
margin-left: 5%;
}
.footer-menu a {
color: #fff;
font-size: 1.6rem;
}
.footer-menu a:hover {
opacity: 0.8;
}
.footer-menu > li > a {
margin-bottom: 10px;
display: block;
font-family: "Lexend", sans-serif;
font-weight: 300;
}
.footer-menu .sub-menu {
margin: 5px 0 20px;
padding-top: 5px;
}
.footer-menu .sub-menu li {
padding-left: 10px;
padding-bottom: 3px;
}
.footer-menu .sub-menu a {
font-size: 1.4rem;
}
.recap-box {
max-width: 1400px;
margin: 0 auto 20px;
padding: 0 15px;
}
.recap-box p,
.recap-box p a {
text-align: center;
color: #fff;
font-size: 1.3rem;
}
.copyright p {
color: #fff;
text-align: center;
font-size: 1.3rem;
}
.archive-info-wrap {
margin-bottom: 100px !important;
}
.archive-info-wrap main {
width: calc(100% - 460px);
}
.archive-info-list {
width: 100%;
}
.archive-info-list li {
width: 100%;
}
.archive-info-list > li {
padding: 20px 0;
border-top: 1px solid #e0e0e0;
}
.archive-info-list > li:first-of-type {
border-top: 0;
}
.archive-info-img {
width: 200px;
}
.archive-info-img img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 4 / 3;
}
.archive-info-txt {
width: calc(100% - 240px);
}
.archive-time-cat {
margin-bottom: 20px;
}
.archive-time-cat time {
font-size: 1.8rem;
margin-right: 10px;
}
.archive-info-title a {
font-size: 2rem;
letter-spacing: 0;
}
.archive-info-title a:hover {
color: var(--main);
}
.archive-info-cat a {
display: block;
background-color: var(--main);
color: #fff;
font-weight: 700;
font-size: 1.2rem;
margin-right: 10px;
padding: 5px 8px;
border: 1px solid var(--main);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
line-height: 1em;
}
.archive-info-cat a:hover {
background-color: #fff;
color: var(--main);
}
.single-info-wrap {
margin-bottom: 100px !important;
}
.single-info-wrap main {
width: calc(100% - 460px);
}
.single-info-article {
margin-bottom: 60px;
}
.single-info-date-cat {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-bottom: 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.single-info-date-cat time {
margin-right: 10px;
}
.single-info-date-cat span a {
display: block;
background-color: var(--main);
color: #fff;
font-weight: 700;
font-size: 1.2rem;
margin-right: 10px;
padding: 5px 8px;
border-radius: 5px;
border: 1px solid var(--main);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
line-height: 1em;
}
.single-info-date-cat span a:hover {
background-color: #fff;
color: var(--main);
}
.single-info-title {
color: var(--main);
font-size: 2.4rem;
font-weight: 700;
margin-bottom: 20px;
}
.single-info-content p {
font-size: 18px;
margin-bottom: 20px;
}
.single-info-catch-img {
margin-bottom: 40px;
}
.single-info-catch-img img {
border-radius: 25px;
}
.gallery-list {
margin-bottom: 20px;
}
.gallery-list li {
width: 24%;
margin-bottom: 15px;
}
.gallery-list li p {
display: none;
}
.gallery-list a img {
height: 150px;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
border-radius: 10px;
}
.gallery-list a img:hover {
opacity: 0.7;
}
.gallery-list::before {
content: "";
display: block;
width: 24%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.gallery-list::after {
content: "";
display: block;
width: 24%;
}
.file-list {
margin-bottom: 20px;
}
.file-list li {
width: 48%;
margin-bottom: 20px;
}
.file-list a {
display: block;
padding: 15px 20px;
text-align: center;
color: var(--main);
background-color: #ebf9fd;
text-align: center;
font-size: 1.8rem;
font-weight: 700;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.file-list a:hover {
color: #fff;
background-color: var(--main);
}
.file-list svg {
margin-right: 10px;
}
.single-info-article h2 {
font-size: 22px;
padding: 10px 15px;
font-weight: 700;
background: #f4f4f4;
border-left: solid 5px var(--txt-color);
margin-bottom: 20px;
}
.single-info-article h3 {
font-size: 20px;
padding-bottom: 10px;
margin-bottom: 10px;
font-weight: 700;
border-bottom: solid 1px var(--txt-color);
}
.sidebar {
width: 400px;
}
.sidebar input {
width: calc(100% - 35px) !important;
}
.searchform.flex {
flex-wrap: nowrap;
}
.search-box {
margin-bottom: 40px;
}
.search-icon {
width: 20px;
margin-left: 10px;
}
.search-icon {
fill: #8b8b8b;
}
.search-icon:hover {
fill: var(--main);
}
.sidebar h3 {
font-size: 2rem;
padding: 0;
color: #fff;
text-align: center;
padding: 5px 10px;
background-color: var(--main);
font-weight: 700;
letter-spacing: 0.1em;
}
.sidebar .side-box {
margin-bottom: 40px;
}
.sidebar .side-box li,
.sidebar .widget_archive li {
padding: 10px 0;
border-bottom: 1px solid var(--main);
}
.sidebar .side-box li a,
.sidebar .widget_archive li a {
font-size: 1.6rem;
}
.sidebar .side-box li a:hover,
.sidebar .widget_archive li a:hover {
color: var(--main);
}
.edit-wrap {
position: relative;
}
.com-post-link {
text-align: center;
color: #fff;
background-color: #d94343;
display: block;
max-width: 100px;
border-radius: 5px;
padding: 10px 15px;
margin: 40px auto 0;
}
.com-post-link:hover {
opacity: 0.8;
}
input[type="text"],
textarea,
input[type="email"],
input[type="tel"] {
background-color: #f3f3f3;
border-radius: 5px;
font-size: 1.4rem;
padding: 10px 15px;
width: 100%;
color: #1a1a1a;
}
#searchform input[type="text"] {
width: 88%;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
border: none;
background: #f2e0e0;
color: #dd3232;
font-size: 1.6rem;
letter-spacing: 0.05em;
font-weight: 700;
border-radius: 30px;
padding: 10px 15px;
line-height: 1.5em;
}
.wpcf7-list-item.first {
margin-left: 0;
}
.wpcf7-not-valid-tip {
color: #dc3232;
font-size: 1.4rem;
margin-top: 5px;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing,
div.wpcf7-response-output {
border: 2px solid #1a1a1a;
font-size: 1.8rem;
text-align: center;
}
.wpcf7-list-item-label {
font-size: 1.4rem;
}
.wpcf7-list-item-label:hover {
cursor: pointer;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #accea8;
}
.wpcf7-mail-sent-ok {
display: none !important;
}
.contact-form01 {
width: 100%;
margin-bottom: 40px;
}
.contact-form01.blue tbody {
background-color: #fff;
}
.contact-form01 tbody {
border-bottom: none;
}
.contact-form01 th {
font-size: 1.6rem;
width: 30%;
vertical-align: middle;
padding: 10px 0;
border-bottom: 1px solid var(--main);
color: var(--main);
font-weight: 700;
}
.contact-form01.blue th {
background-color: var(--blue);
padding: 20px;
color: #fff;
border-bottom: 1px solid #fff;
}
.contact-form01 td {
font-size: 1.6rem;
width: 70%;
padding: 25px 0;
vertical-align: middle;
border-bottom: 1px solid var(--main);
background-color: #fff;
}
.contact-form01.blue td {
background-color: #fff;
padding: 20px;
border-bottom: 1px solid var(--blue);
}
.contact-form01 tbody tr:last-of-type th,
.contact-form01 tbody tr:last-of-type td {
border-bottom: none;
}
.required {
padding: 5px 10px;
color: #fff;
background-color: var(--main);
font-size: 1.2rem;
font-weight: 700;
margin-left: 10px;
}
.contact-form01.blue .required {
padding: 5px 10px;
color: #fff;
background-color: var(--orange);
font-size: 1.2rem;
font-weight: 700;
margin-left: 10px;
border-radius: 999px;
}
input[type="submit"],
input[type="button"] {
padding: 15px 20px;
background: var(--main);
color: #fff;
font-size: 2rem;
font-weight: 700;
text-align: center;
display: block;
width: 300px;
margin: 0 auto;
border: 1px solid var(--main);
margin: 0 auto;
}
input[type="submit"]:hover,
input[type="button"]:hover {
color: var(--main);
background: #fff;
cursor: pointer;
}
.contact-btn.orange input[type="submit"],
.contact-btn.orange input[type="button"] {
background: var(--orange);
border: none;
border-radius: 10px;
}
.contact-btn.orange input[type="submit"]:hover,
.contact-btn.orange input[type="button"]:hover {
color: #fff;
opacity: 0.7;
cursor: pointer;
}
input[type="checkbox"] {
vertical-align: -8px;
-webkit-appearance: none;
position: relative;
margin-right: 5px;
border-radius: 3px;
width: 22px !important;
height: 22px !important;
background: #dedede;
border: none !important;
}
input[type="checkbox"]:checked {
background: var(--main);
border: none !important;
}
.privacy-check.orange input[type="checkbox"]:checked {
background: var(--orange);
}
input[type="checkbox"]:checked:before {
position: absolute;
left: 1px;
top: 16px;
display: block;
content: "";
width: 10px;
height: 3px;
background: #fff;
-webkit-transform: rotate(45deg);
-webkit-transform-origin: right center;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
input[type="checkbox"]:checked:after {
display: block;
position: absolute;
left: 9px;
top: 16px;
content: "";
width: 15px;
height: 3px;
background: #fff;
-webkit-transform: rotate(-53deg);
-webkit-transform-origin: left center;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
input[type="radio"] {
-webkit-appearance: none;
position: relative;
margin-right: 2px;
border-radius: 50%;
width: 18px !important;
height: 18px !important;
background: #dedede;
border: none !important;
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
}
input[type="radio"]:checked:before {
position: absolute;
left: 3px;
top: 3px;
display: block;
content: "";
width: 12px;
height: 12px;
border-radius: 50%;
background: var(--main);
}
.contact-form01.blue input[type="radio"]:checked:before {
background: var(--orange);
}
.privacy-check {
text-align: center;
margin-bottom: 30px;
}
.privacy-check .wpcf7-list-item-label {
font-size: 1.6rem;
vertical-align: -3px;
}
.privacy-check .wpcf7-list-item {
margin-bottom: 10px;
}
.privacy-check a {
font-size: 1.4rem;
color: var(--main);
display: block;
}
.privacy-check a:hover {
text-decoration: underline;
}
.complete-txt {
text-align: center;
margin-bottom: 60px;
}
.wpcf7 form.sent .wpcf7-response-output {
border: none;
background-color: #ebf9fe;
padding: 15px;
color: var(--main);
font-size: 1.6rem;
font-weight: 700;
border-radius: 10px;
line-height: 1.75em;
}
.privacy-head {
font-size: 2rem;
padding-bottom: 10px;
margin-bottom: 20px;
border-bottom: solid 1px var(--txt-color);
margin-top: 40px;
font-weight: 700;
}
.privacy-head:nth-of-type(1) {
margin-top: 0;
}
.privacy-head span {
margin-left: 5px;
font-weight: 700;
font-size: 1.4rem;
}
.search-txt01 {
font-weight: 700;
font-size: 2rem;
padding-bottom: 10px;
margin-bottom: 25px;
border-bottom: 1px solid var(--main);
}
.error-inner {
margin-bottom: 100px;
}
.error-inner p {
text-align: center;
margin-bottom: 0;
}
.error-url {
font-size: 2rem;
}
.error-url span {
font-size: 2rem;
}
.flex-justify-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
.flex-justify-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex-align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.flex-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.grecaptcha-badge {
visibility: hidden;
} .top-blog-section {
background-size: auto auto;
background-color: rgba(255, 255, 255, 1);
background-image: repeating-linear-gradient(
135deg,
transparent,
transparent 6px,
rgba(243, 243, 243, 1) 6px,
rgba(243, 243, 243, 1) 7px
);
}
.top-blog-list {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 40px;
margin-bottom: 40px;
}
.sub-header.sub-header-blog {
padding: 0px 0 10px;
}
.sub-header-blog .sub-header-txt {
font-size: 4rem;
}
.archive-blog-wrap {
margin-bottom: 100px;
}
.archive-blog-wrap main {
width: calc(100% - 500px);
}
.archive-blog-current {
background-color: #f2f2f2;
font-weight: bold;
padding: 10px 15px;
font-size: 2.2rem;
margin-bottom: 40px;
}
.archive-blog-list > li {
width: 47%;
margin-bottom: 30px;
}
.archive-blog-img {
overflow: hidden;
margin-bottom: 10px;
}
.archive-blog-img img {
transition-duration: 0.3s;
}
.archive-blog-img img:hover {
transform: scale(1.2);
}
.archive-blog-time {
font-size: 1.4rem;
margin-bottom: 10px;
}
.archive-blog-title {
margin-bottom: 10px;
}
.archive-blog-title a {
font-size: 1.8rem;
font-weight: bold;
}
.archive-blog-title a:hover {
opacity: 0.7;
}
.archive-blog-cat-list {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.archive-blog-cat-list li {
margin-right: 15px;
margin-bottom: 15px;
}
.archive-blog-cat-list li a {
padding: 10px 10px;
line-height: 1.2em;
background-color: #f4f4f4;
transition-duration: 0.3s;
display: inline-block;
border-radius: 5px;
font-size: 1.4rem;
}
.archive-blog-cat-list li a:hover {
background-color: var(--main);
color: #fff;
}
.single-blog-wrap {
margin-bottom: 100px;
}
.single-blog-wrap main {
width: calc(100% - 500px);
}
.single-blog-article {
width: 100%;
}
.blog-sidebar {
width: 400px;
}
.single-blog-date {
justify-content: flex-start;
}
.single-blog-date p {
display: inline-block;
padding: 0px 15px 3px;
border-radius: 999px;
background-color: #f4f4f4;
line-height: 1.25em;
}
.single-blog-date p:last-of-type {
margin-left: 10px;
}
.single-blog-date p,
.single-blog-date p span {
font-size: 1.4rem;
}
.single-blog-title {
font-size: 4rem;
font-weight: bold;
margin-bottom: 20px;
line-height: 1.5em;
}
.single-blog-catch-img {
margin-bottom: 40px;
}
.single-blog-catch-img img {
aspect-ratio: 16 / 9;
width: 100%;
height: auto;
object-fit: cover;
}
.toc-wrap {
padding: 30px 50px;
background-size: auto auto;
background-color: rgba(252, 252, 252, 1);
background-image: repeating-linear-gradient(
135deg,
transparent,
transparent 6px,
rgba(247, 247, 247, 1) 6px,
rgba(247, 247, 247, 1) 10px
);
margin-bottom: 20px;
}
.toc-head {
font-weight: bold;
text-align: center;
margin-bottom: 20px;
font-size: 2.4rem !important;
opacity: 0.8;
}
.toc-h2 {
font-weight: 500;
font-size: 1.4rem;
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #d5d5d5;
padding-left: 10px;
position: relative;
}
.toc-wrap .toc-h2:last-of-type {
border-bottom: none;
}
.toc-h2::before {
position: absolute;
left: 0;
top: 12px;
content: "";
width: 3px;
height: 3px;
border-radius: 999px;
background-color: var(--main);
}
.toc-h2 a {
font-size: 1.4rem;
display: block;
}
.toc-h3-group {
margin-bottom: 10px;
margin-top: 5px;
}
.toc-h3 {
padding-left: 20px;
}
.toc-h3 a {
font-size: 1.4rem;
display: block;
}
.toc-h2 a:hover,
.toc-h3 a:hover {
opacity: 0.7;
}
.single-blog-article p,
.single-blog-article span {
font-size: 1.8rem;
line-height: 2em;
}
.blog-editor a {
font-size: 1.8rem;
line-height: 2em;
color: #0067c4;
}
.blog-editor a:hover {
text-decoration: underline;
}
.article-blog-cat-list {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: 40px;
}
.article-blog-cat-list li {
margin-right: 15px;
margin-bottom: 15px;
}
.article-blog-cat-list li a {
padding: 10px 10px;
line-height: 1.2em;
background-color: #f4f4f4;
transition-duration: 0.3s;
display: inline-block;
border-radius: 5px;
font-size: 1.4rem;
}
.article-blog-cat-list li a:hover {
background-color: var(--main);
color: #fff;
}
.blog-h2 {
padding-left: 15px;
border-left: 5px solid var(--main);
font-size: 3rem;
margin-bottom: 25px;
font-weight: bold;
line-height: 1.5em;
margin-top: 60px;
}
.blog-h3 {
font-size: 2.4rem;
font-weight: bold;
margin-top: 40px;
padding-bottom: 10px;
border-bottom: var(--main) 1px solid;
margin-bottom: 15px;
}
.blog-h4 {
font-size: 2rem;
text-align: center;
margin-bottom: 20px;
font-weight: bold;
margin-top: 30px;
padding: 10px 15px;
background-color: var(--main);
color: #fff;
}
.blog-h5 {
font-size: 1.6rem;
margin-bottom: 10px;
font-weight: bold;
margin-top: 15px;
padding: 5px 15px;
background-color: var(--main);
color: #fff;
display: inline-block;
border-radius: 999px;
}
.blog-editor .wp-caption {
max-width: 100% !important;
}
.blog-editor img {
max-width: 100%;
margin-bottom: 20px;
display: block;
width: auto;
margin: 0 auto 20px;
}
.blog-editor .wp-caption img {
margin-bottom: 10px;
}
.blog-editor .wp-caption .wp-caption-text {
color: #757575;
text-align: center;
font-size: 1.4rem;
margin-bottom: 30px;
}
.blog-editor ul {
margin: 30px 0;
padding: 30px;
background-color: #f4f4f4;
}
.blog-editor ul li {
position: relative;
padding-left: 20px;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px solid #ffffff;
}
.blog-editor ul li:last-of-type {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
.blog-editor ul li::before {
content: "";
width: 5px;
height: 5px;
position: absolute;
left: 5px;
top: 13px;
border-radius: 999px;
background-color: var(--main);
}
.blog-editor ol {
counter-reset: list-counter;
list-style: decimal outside;
margin: 30px 0;
padding: 30px;
background-color: #f4f4f4;
}
.blog-editor ol li {
position: relative;
padding-bottom: 10px;
margin-bottom: 10px;
margin-left: 20px;
border-bottom: 1px solid #ffffff;
}
.blog-editor ol li:last-of-type {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
.blog-btn {
margin-top: 30px;
margin-bottom: 40px;
max-width: 500px;
}
.blog-inlink-box {
margin-top: 30px;
padding: 10px;
background-size: auto auto;
background-color: rgba(255, 255, 255, 1);
background-image: repeating-linear-gradient(
135deg,
transparent,
transparent 4px,
rgba(222, 222, 222, 1) 4px,
rgba(222, 222, 222, 1) 6px
);
position: relative;
}
.blog-inlink-inner {
align-items: center;
background-color: #fff;
padding: 15px 15px 15px 15px;
}
.blog-inlink-img {
width: 35%;
}
.blog-inlink-img img {
aspect-ratio: 16 / 9;
width: 100%;
height: auto;
object-fit: cover;
}
.blog-inlink-content {
width: 60%;
}
.blog-inlink-ttl {
margin-bottom: 0;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.5em!important;
}
.blog-table .tablepress tbody {
border: 1px solid var(--main) !important;
}
.blog-table .tablepress td {
border-right: 1px solid var(--main) !important;
vertical-align: middle !important;
border-bottom: 1px solid var(--main) !important;
}
.blog-table .tablepress td.column-1 {
background-color: #ededed !important;
}
.blog-table .table-press tr td:last-of-type {
border-right: none !important;
}
.blog-table th {
background-size: auto auto !important;
background-color: rgba(31, 31, 31, 1) !important;
background-image: repeating-linear-gradient(
135deg,
transparent,
transparent 10px,
rgba(37, 36, 36, 1) 10px,
rgba(37, 36, 36, 1) 20px
) !important;
color: #fff !important;
text-align: center !important;
border-right: 1px solid #fff !important;
border-bottom: none !important;
}
.blog-table-col3 td {
width: calc(100% / 3) !important;
}
.blog-table-col2 td.column-1 {
width: 30%!important;
}
.blog-table-col2 td.column-2 {
width: 70%!important;
}
.y-marker {
background-color: rgb(255, 255, 48);
}
strong .y-marker {
font-weight: bold;
}
.blog-side-ttl {
font-size: 3rem;
margin-bottom: 20px;
position: relative;
padding-left: 27px;
}
.blog-side-ttl::before {
content: "";
width: 15px;
height: 15px;
position: absolute;
background-color: var(--main);
border-radius: 999px;
left: 0;
top: 21px;
}
.blog-cat-list {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: 40px;
}
.blog-cat-list li {
margin-right: 15px;
margin-bottom: 15px;
}
.blog-cat-list li a {
display: inline-block;
padding: 10px 10px;
line-height: 1.2em;
background-color: #f4f4f4;
transition-duration: 0.3s;
display: inline-block;
border-radius: 5px;
font-weight: bold;
font-size: 1.6rem;
}
.blog-cat-list li a:hover {
background-color: var(--main);
color: #fff;
}
.side-bnr {
position: sticky;
top: 60px;
align-self: flex-start;
}
.side-bnr01 {
margin-bottom: 30px;
} .footer-cta01 {
position: fixed;
bottom: -90px;
left: 0;
transition: bottom 0.3s ease;
z-index: 100;
width: 100%;
}
.footer-cta01.active {
bottom: 0;
}
.footer-cta01-sp {
display: none;
width: 100%;
position: fixed;
bottom: 0;
z-index: 10;
}
.footer-cta01-sp a {
background-color: var(--orange);
padding: 20px 15px;
width: 100%;
font-size: 1.6rem;
color: #fff;
font-weight: bold;
display: block;
text-align: center;
}
.footer-cta01 a {
background-color: rgba(239, 159, 35, 0.9);
padding: 20px 15px;
width: 100%;
font-size: 2.2rem;
color: #fff;
font-weight: bold;
display: block;
text-align: center;
}
.fc01-txt01 {
text-align: center;
font-size: 2rem;
font-weight: bold;
}
.meo #page-top {
transition-duration: 0.3s;
}
.meo #page-top.active {
transform: translateY(-90px);
}
.meo-mv {
padding: 0;
}
.meo-mv-content {
width: 50%;
padding: 0 50px;
}
.meo-mv-catch {
width: 85%;
margin-left: 7.5%;
margin-top: 15%;
}
.meo-mv-img {
width: 50%;
position: relative;
height: 100%;
}
.meo-mv-link-btn {
margin-top: 70px;
margin-left: 10%;
}
.meo-mv-link-btn a {
background-color: var(--orange);
display: block;
text-align: center;
color: #fff;
padding: 10px 40px 10px 40px;
border-radius: 999px;
font-size: 2.2rem;
font-weight: bold;
width: 80%;
background-image: url(//insp-service.com/wp-content/themes/insp_theme02/img/right-arrow.svg);
background-repeat: no-repeat;
background-size: 7px;
background-position: right 20px top 53%;
}
.meo-mv-swiper {
position: absolute;
left: 5%;
top: 0;
width: 34%;
height: 100%;
}
.vertical-swiper {
height: 100%; }
.vertical-swiper img {
width: 100%;
}
.meo #breadcrumbs {
margin-bottom: 0;
}
.worry-section {
background-image: url(//insp-service.com/wp-content/uploads/2025/07/worry-bg-left.png),
url(//insp-service.com/wp-content/uploads/2025/07/worry-bg-right.png),
url(//insp-service.com/wp-content/uploads/2025/07/b-dot02.png);
background-repeat: no-repeat, no-repeat, repeat;
background-position: bottom left 10%, bottom right 10%, top;
background-size: 15% auto, 15% auto, 16px auto;
}
.worry-list {
padding: 40px;
background-color: rgba(255, 255, 255, 0.7);
border-radius: 20px;
border: 3px solid var(--blue);
}
.worry-list li {
padding-bottom: 20px;
border-bottom: 3px dotted #e7e7e7;
margin-bottom: 20px;
}
.worry-list li:last-of-type {
padding-bottom: 0;
border-bottom: none;
margin-bottom: 0;
}
.worry-head.flex {
justify-content: center;
}
.worry-head,
.worry-head span {
font-size: 2.4rem;
font-weight: bold;
text-align: center;
}
.worry-head .check-icon {
width: 30px;
margin-right: 10px;
transform: translateY(6px);
}
.meo-reason-section {
padding-top: 0;
}
.meo-reason-wrap01 {
background-color: var(--blue);
padding: 60px 0 100px;
position: relative;
}
.meo-reason-wrap01:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -80px;
border: 80px solid transparent;
border-top: 80px solid var(--blue);
}
.meo-reason-head01 {
text-align: center;
font-size: 5rem;
margin-bottom: 60px;
font-weight: bold;
line-height: 1.3em;
}
.meo-reason-head01 span {
font-size: 3rem;
font-weight: bold;
}
.meo-reason-box01 {
width: 47%;
padding: 30px;
background-color: #fff;
border-radius: 20px;
}
.meo-reason-head02 {
text-align: center;
font-weight: bold;
font-size: 2.8rem;
margin-bottom: 20px;
}
.meo-reason-wrap02 {
margin-top: 100px;
}
.meo-reason-box02 {
margin-bottom: 100px;
}
.meo-reason-box02.last {
margin-bottom: 0;
}
.mr-content {
width: 47%;
background-image: url(//insp-service.com/wp-content/uploads/2025/07/one.svg);
background-size: auto 100%;
background-repeat: no-repeat;
background-position: right;
}
.mr-content.two {
background-image: url(//insp-service.com/wp-content/uploads/2025/07/two.svg);
}
.mr-content.three {
background-image: url(//insp-service.com/wp-content/uploads/2025/07/three.svg);
}
.mr-img {
width: 47%;
}
.mr-head {
margin-bottom: 60px;
position: relative;
}
.mr-head::before {
content: "";
width: 60px;
height: 3px;
position: absolute;
left: 0;
bottom: -20px;
background-color: var(--blue);
}
.mr-head,
.mr-head span {
font-weight: bold;
font-size: 4rem;
color: var(--txt-color02);
}
.mr-txt-box p {
font-size: 1.8rem;
color: var(--txt-color02);
font-weight: bold;
line-height: 2em;
}
.meo-system-section {
background-image: url(//insp-service.com/wp-content/uploads/2025/07/bg-cross.png);
background-size: 10px auto;
}
.system-list li {
padding-bottom: 40px;
border-bottom: 3px dotted #e7e7e7;
margin-bottom: 30px;
}
.system-list li:last-of-type {
padding-bottom: 0;
border-bottom: none;
margin-bottom: 0;
}
.system-content {
width: 48%;
padding-left: 50px;
position: relative;
}
.system-img {
width: 45%;
}
.system-nm {
color: #ddd;
font-weight: bold;
line-height: 1em;
font-size: 2rem;
position: absolute;
writing-mode: vertical-rl;
transform: rotate(180deg);
letter-spacing: 0.1em;
left: 0;
top: 10px;
}
.system-head {
font-weight: bold;
line-height: 1.5em;
font-size: 3.4rem;
margin-bottom: 30px;
color: var(--blue);
letter-spacing: 0;
}
.system-head span {
font-weight: bold;
line-height: 1.5em;
font-size: 3.4rem;
}
.system-txt {
font-size: 1.8rem;
line-height: 2em;
}
.cta-box.orange {
padding: 40px;
background-size: auto auto;
background-color: rgba(239, 159, 35, 1);
background-image: repeating-linear-gradient(
135deg,
transparent,
transparent 10px,
rgba(245, 171, 56, 1) 10px,
rgba(245, 171, 56, 1) 20px
);
width: 100%;
}
.meo-voice-section {
background-color: #0067c4;
background-image: url(//insp-service.com/wp-content/uploads/2025/07/meo-voice-bg-left.svg),
url(//insp-service.com/wp-content/uploads/2025/07/meo-voice-bg-right.svg),
url(//insp-service.com/wp-content/uploads/2025/07/meo-voice-bg02.jpg);
background-size: 15% auto, 15% auto, cover;
background-position: bottom 15% left -3%, top 15% right -3%, bottom center;
background-repeat: no-repeat;
}
.meo-voice-list li {
padding: 40px;
background-color: #fff;
border-radius: 20px;
margin-bottom: 40px;
}
.meo-voice-list li:last-of-type {
margin-bottom: 0;
}
.meo-voice-content {
width: 47%;
}
.meo-voice-img {
width: 47%;
}
.meo-voice-head-box {
justify-content: space-between;
align-items: center;
margin-bottom: 30px;
}
.meo-voice-head,
.meo-voice-head span {
font-size: 3.2rem;
font-weight: bold;
color: var(--blue);
width: calc(100% - 100px);
letter-spacing: 0;
}
.meo-voice-icon {
width: 80px;
}
.meo-voice-txt {
font-size: 1.8rem;
line-height: 2em;
}
.meo-faq-section {
background-image: url(//insp-service.com/wp-content/uploads/2025/07/b-dot02.png);
background-repeat: repeat;
background-position: top;
background-size: 16px auto;
}
.faq-list dt {
cursor: pointer;
font-weight: bold;
font-size: 2.2rem;
padding: 15px 45px 15px 15px;
color: #fff;
background-color: var(--blue);
margin-top: 20px;
position: relative;
}
.faq-list dt::before {
content: "";
position: absolute;
width: 20px;
height: 3px;
right: 15px;
top: 50%;
background-color: #fff;
z-index: 1;
}
.faq-list dt::after {
content: "";
position: absolute;
width: 20px;
height: 3px;
right: 15px;
top: 50%;
transform: rotate(90deg);
background-color: #fff;
z-index: 1;
transition-duration: 0.3s;
}
.faq-list dt.active::after {
transform: rotate(0deg);
}
.faq-list dd {
display: none;
padding: 15px;
background: #fff;
font-size: 1.8rem;
}

@media screen and (max-width: 1024px) {
section {
padding: 60px 0;
}
}
@media screen and (max-width: 1024px) {
#page-top {
position: fixed;
right: 15px;
bottom: 15px;
z-index: 2;
}
#page-top img {
max-height: 40px;
width: auto;
}
}
@media screen and (max-width: 1024px) {
#breadcrumbs {
padding-right: 0;
overflow-x: auto;
word-break: keep-all;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
#breadcrumbs ul {
display: block;
padding-right: 15px;
}
}
@media screen and (max-width: 600px) {
#breadcrumbs {
margin-bottom: 20px;
padding-right: 0;
}
#breadcrumbs ul li a,
#breadcrumbs ul li {
font-size: 1.2rem;
}
#breadcrumbs ul li {
padding-left: 3px;
}
#breadcrumbs ul li:before {
font-size: 1.2rem;
padding-right: 3px;
}
}
@media screen and (max-width: 1024px) {
.page-nav > div {
display: block;
padding: 10px;
}
.page-nav div img {
max-width: 100%;
height: 17vw;
width: 100%;
margin-bottom: 10px;
}
.page-nav div span {
text-align: center;
width: 100%;
display: block;
}
}
@media screen and (max-width: 1024px) {
.sub-header-txt {
font-size: 4rem;
}
}
@media screen and (max-width: 600px) {
.sub-header {
padding-bottom: 20px;
}
.sub-header-txt {
font-size: 3rem;
}
}
@media screen and (max-width: 1024px) {
.news-list03 li .news-cat a {
font-size: 1rem;
padding: 4px 8px;
}
.news-list03 li {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #d1dee8;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.news-list03 li .news-img {
width: 200px;
margin-bottom: 0;
}
.news-list03 li .news-content {
width: calc(100% - 220px);
}
.news-list03 li:last-of-type {
border-bottom: none;
}
}
@media screen and (max-width: 600px) {
.news-list03 li .news-img {
width: 140px;
}
.news-list03 li .news-content {
width: calc(100% - 160px);
}
}
@media screen and (max-width: 450px) {
.news-list03 li .news-txt a {
font-size: 1.2rem;
letter-spacing: 0;
line-height: 1.5em;
}
.news-list03 li .date-cat.flex {
margin-bottom: 5px;
}
.news-list03 li .date {
font-size: 1.2rem;
margin: 0 0 10px;
width: 100%;
}
.news-cat {
display: block;
}
}
@media screen and (max-width: 1024px) {
.contact-band {
padding: 10px;
}
.contact-band-inner {
padding: 60px 15px;
width: 100%;
margin: 0 auto;
}
.contact-band-title {
font-size: 2rem;
margin-bottom: 20px;
}
.cf-cb-head {
font-size: 1.3rem;
font-weight: 600;
color: #fff;
text-align: center;
padding: 5px 10px;
}
}
@media screen and (max-width: 450px) {
.cf-tel-number {
font-size: 1.8rem;
margin-right: 5px;
}
.contact-band-tel-icon {
width: 25px;
height: 25px;
margin-right: 10px;
}
}
@media screen and (max-width: 1400px) {
.footer-inner {
padding: 0 15px;
}
}
@media screen and (max-width: 1024px) {
.footer {
padding: 40px 0 15px;
}
.footer-logo-address,
.footer-nav-wrap {
width: 100%;
}
.footer-inner.flex {
margin-bottom: 10px;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-wrap: wrap-reverse;
flex-wrap: wrap-reverse;
}
.footer-logo img {
max-width: 180px;
margin: 0 auto;
}
.footer-logo {
padding-bottom: 0;
margin-bottom: 20px;
border-bottom: none;
}
.footer-address p {
text-align: center;
}
.footer-menu a {
color: #fff;
font-size: 1.4rem;
}
.footer-menu .sub-menu li {
padding-left: 0;
}
.footer-menu .sub-menu a {
font-size: 1.4rem;
padding-left: 0;
}
.footer-menu > li > a {
padding-left: 0;
}
.sns-icon-wrap {
margin-bottom: 25px;
}
.recap-box p,
.recap-box p a {
font-size: 1.1rem;
}
}
@media screen and (max-width: 600px) {
.footer-nav.flex .left,
.footer-nav.flex .right {
width: 100%;
margin: 0;
}
.footer-menu-title {
font-size: 1.6rem;
}
.sns-icon-title p span {
font-size: 1.2rem;
}
.footer-address p,
.footer-address a {
font-size: 1.2rem;
}
.sns-icon-wrap.flex .line {
margin: 0 10px;
}
.copyright p {
margin: 10px 0 0;
font-size: 1.2rem;
}
.recap-box p,
.recap-box p a {
text-align: center;
}
}
@media screen and (max-width: 1024px) {
.archive-info-wrap main {
width: 100%;
margin-bottom: 40px;
}
.sidebar {
width: 100%;
}
.archive-info-title a {
font-size: 1.6rem;
}
.archive-time-cat time {
font-size: 1.6rem;
}
.sidebar h3 {
font-size: 1.6rem;
}
.side-box li a,
.widget_archive li a {
font-size: 1.4rem;
}
}
@media screen and (max-width: 820px) {
.archive-info-wrap {
margin-bottom: 40px;
}
.archive-info-txt {
width: calc(100% - 220px);
}
.archive-info-title {
line-height: 1.5em;
}
.archive-info-title a {
font-size: 1.4rem;
}
.archive-time-cat time {
font-size: 1.4rem;
}
.archive-info-cat a {
font-size: 1rem;
margin-right: 10px;
padding: 4px 8px;
}
.archive-time-cat {
margin-bottom: 10px;
}
}
@media screen and (max-width: 600px) {
.archive-info-img {
width: 140px;
}
.archive-info-img img {
height: 20vw;
min-height: 100px;
}
.archive-info-txt {
width: calc(100% - 160px);
}
}
@media screen and (max-width: 450px) {
.archive-info-title a {
font-size: 1.2rem;
}
.archive-time-cat {
margin-bottom: 5px;
}
.archive-time-cat time {
font-size: 1.2rem;
margin: 0 0 10px;
width: 100%;
line-height: 1em;
}
}
@media screen and (max-width: 1024px) {
.single-info-wrap {
margin-bottom: 40px;
}
.single-info-wrap main {
width: 100%;
}
.single-info-title {
font-size: 2rem;
}
.file-list a {
font-size: 1.4rem;
}
.single-info-catch-img img {
max-width: 400px;
margin: 0 auto;
}
.single-info-article h2 {
font-size: 18px;
padding: 10px 15px;
}
.single-info-article h3 {
font-size: 16px;
}
}
@media screen and (max-width: 820px) {
.gallery-list li {
width: 32%;
}
.gallery-list::before {
display: none;
}
.gallery-list::after {
width: 32%;
}
.gallery-list a img {
height: 22vw;
}
}
@media screen and (max-width: 600px) {
.single-info-title {
letter-spacing: 0;
font-size: 1.8rem;
}
.page-nav {
margin: 40px 0;
}
.page-nav div img {
height: 25vw;
}
.page-nav div span {
font-size: 1.2rem;
}
.file-list li {
width: 100%;
}
}
@media screen and (max-width: 450px) {
.single-info-title {
font-size: 1.6rem;
}
.gallery-list li {
width: 48%;
}
.gallery-list::after {
display: none;
}
.gallery-list a img {
height: 30vw;
}
}
@media screen and (max-width: 1024px) {
.contact-form01 th,
.contact-form01 td {
font-size: 1.4rem;
}
.required {
padding: 3px 10px;
font-size: 1rem;
display: inline-block;
transform: translateY(-1px);
line-height: 1.3em;
}
.privacy-check .wpcf7-list-item-label {
font-size: 1.4rem;
}
}
@media screen and (max-width: 820px) {
.contact-form01 th,
.contact-form01 td {
display: block;
width: 100%;
}
.contact-form01 th {
border-bottom: none;
padding: 0;
}
.contact-form01 td {
padding-top: 10px;
border-bottom: none;
}
input[type="submit"],
input[type="button"] {
font-size: 1.6rem;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
font-size: 1.4rem;
border-radius: 0;
}
.wpcf7 form.sent .wpcf7-response-output {
font-size: 1.4rem;
}
}
@media screen and (max-width: 450px) {
input[type="submit"],
input[type="button"] {
width: 100%;
}
.complete-txt {
text-align: left;
}
}
@media screen and (max-width: 1024px) {
.privacy-head {
font-size: 1.8rem;
}
.privacy-head span {
font-size: 1.2rem;
}
}
@media screen and (max-width: 820px) {
.privacy-head {
font-size: 1.8rem;
}
.privacy-head span {
font-size: 1.2rem;
}
}
@media screen and (max-width: 600px) {
.privacy-head {
font-size: 1.6rem;
}
}
@media screen and (max-width: 1024px) {
.search-txt01 {
font-size: 1.8rem;
}
.error-url,
.error-url span {
font-size: 1.4rem;
}
}
@media screen and (max-width: 600px) {
.search-txt01 {
font-size: 1.6rem;
}
.error-inner p {
text-align: left;
margin-bottom: 0;
}
} @media screen and (max-width: 1024px) {
.ttl01-wrap {
margin-bottom: 40px;
}
.ttl01-wrap .en {
font-size: 3.2rem;
}
.ttl01-wrap .ja {
font-size: 1.6rem;
}
.ttl02 {
font-size: 1.6rem;
margin-bottom: 30px;
padding-left: 15px;
}
.ttl02::before {
width: 10px;
height: 10px;
top: 10px;
}
.ttl03-wrap {
margin-bottom: 40px;
}
.ttl03,
.ttl03 span {
font-size: 2.2rem;
}
.ttl03-en {
font-size: 1.4rem;
}
.btn01 {
max-width: 240px;
background-size: 6px;
background-position: right 15px top 51%;
font-size: 1.4rem;
padding: 12px 25px;
}
.sp-flex-reverse {
flex-wrap: wrap-reverse;
}
}
@media screen and (max-width: 600px) {
.pc-none600 {
display: block;
}
.sp-none600 {
display: none;
}
} @media screen and (max-width: 1024px) {
.service-list {
gap: 40px;
}
.service-icon {
width: 60px;
}
.service-head {
font-size: 1.6rem;
margin-bottom: 20px;
}
.service-list li {
background-color: var(--gray01);
padding: 30px;
}
}
@media screen and (max-width: 600px) {
.service-list {
grid-template-columns: repeat(1, 1fr);
gap: 40px;
}
} @media screen and (max-width: 1024px) {
.reason-section {
padding: 60px 0;
}
.reason-list {
margin-top: 0;
}
.reason-list li {
flex-wrap: wrap-reverse;
}
.reason-img,
.reason-content {
width: 100%;
}
.reason-content {
.number {
font-size: 7rem;
top: -10px;
left: 3px;
}
}
.reason-list li {
margin-bottom: 40px;
}
.reason-img img {
max-width: 400px;
margin: 0 auto 20px;
display: block;
}
.reason-head {
font-size: 1.6rem;
padding-left: 60px;
margin-bottom: 20px;
}
.reason-head::after {
display: none;
}
.reason-txt-box p {
font-size: 1.3rem;
margin-bottom: 0;
}
} @media screen and (max-width: 1400px) {
.media-box.flex {
margin-bottom: 60px;
}
.media-content {
width: 46%;
}
}
@media screen and (max-width: 1024px) {
.media-block01 {
padding: 0 15px;
}
.media-box02.flex {
justify-content: flex-end;
flex-wrap: wrap-reverse;
}
.media-img {
width: 100%;
margin: 0 0 25px;
}
.media-box02 .media-img {
width: 100%;
margin: 0 0 25px;
}
.media-img img {
max-width: 400px;
margin: 0 auto;
}
.media-content {
width: 100%;
}
.media-ttl {
font-size: 2rem;
margin-bottom: 15px;
}
.media-txt {
font-size: 1.3rem;
line-height: 2em;
}
} @media screen and (max-width: 1024px) {
.top-works-menu {
width: 100%;
}
.tab-group {
display: flex;
justify-content: flex-start;
margin-bottom: 40px;
padding: 0;
}
.tab {
font-weight: 700;
color: var(--txt-color);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
font-size: 1.8rem;
opacity: 0.6;
margin-bottom: 10px;
position: relative;
padding: 10px;
background-color: #fff;
border-radius: 5px;
margin-right: 10px;
font-size: 1.4rem;
}
.tab.is-active,
.tab:hover {
color: var(--txt-color);
opacity: 1;
}
.tab::before {
display: none;
}
.top-works-content {
width: 100%;
}
.top-works-list {
gap: 20px;
}
.top-works-ttl {
margin-bottom: 10px;
}
.top-works-ttl a {
font-size: 1.3rem;
}
.a-works.flex {
flex-wrap: wrap-reverse;
}
.a-works-side,
.a-works-content {
width: 100%;
}
.a-works-content {
margin-bottom: 60px;
}
.a-works-list {
gap: 20px;
}
.a-works-head {
font-size: 1.6rem;
margin-bottom: 30px;
padding-left: 15px;
}
.a-works-head::before {
width: 10px;
height: 10px;
top: 10px;
}
.a-works-ttl {
margin-bottom: 10px;
}
.a-works-ttl a {
font-size: 1.3rem;
}
.a-works-side-ttl {
font-size: 1.4rem;
margin-top: 40px;
}
.a-works-cat-list li a {
font-size: 1.2rem;
}
.combined-cat-list li a {
font-size: 1rem;
}
.s-works-ttl {
font-size: 2rem;
margin-bottom: 20px;
font-weight: bold;
}
.s-works-ttl-wrap {
margin-bottom: 40px;
}
.s-works-head-wrap {
margin-bottom: 15px;
}
.s-works-head.en {
font-size: 2rem;
}
.s-works-head.ja {
font-size: 1.4rem;
}
.s-works-concept {
margin-bottom: 40px;
}
.concept-txt {
font-size: 1.4rem;
}
.s-works-link-btn {
margin-top: 30px;
}
}
@media screen and (max-width: 820px) {
.s-works-feature-list {
gap: 0;
grid-template-columns: repeat(1, 1fr);
column-gap: 30px;
}
.s-works-feature-img {
max-width: 400px;
margin: 0 auto 15px;
width: 80%;
}
}
@media screen and (max-width: 600px) {
.top-works-list,
.a-works-list {
grid-template-columns: repeat(1, 1fr);
}
.works-mv,
.works-mv-mov {
padding: 30px 0;
}
} @media screen and (max-width: 1024px) {
.marquee-content p {
display: inline-block;
margin: 0;
padding: 0 1rem;
font-size: 8rem;
}
} @media screen and (max-width: 1024px) {
.overview-box {
margin-bottom: 60px;
}
.tablepress tbody td.column-1 {
width: 80px;
}
.tablepress tbody td.column-2 {
width: calc(100% - 80px);
}
}
@media screen and (max-width: 600px) {
.gmap {
padding-bottom: 70%;
}
} @media screen and (max-width: 1400px) {
.top-blog-list {
grid-template-columns: repeat(3, 1fr);
gap: 40px;
}
.single-blog-wrap main {
width: calc(100% - 460px);
}
.blog-sidebar {
width: 400px;
}
}
@media screen and (max-width: 1200px) {
.archive-blog-wrap main {
width: 100%;
margin-bottom: 40px;
}
.single-blog-wrap main {
width: 100%;
max-width: 900px;
margin: 0 auto 40px;
}
.blog-sidebar {
width: 100%;
}
.side-bnr {
max-width: 400px;
margin: 0 auto;
}
}
@media screen and (max-width: 1024px) {
.top-blog-list {
grid-template-columns: repeat(2, 1fr);
gap: 40px;
}
.archive-blog-time {
font-size: 1.2rem;
}
.archive-blog-title a {
font-size: 1.4rem;
}
.archive-blog-cat-list li {
margin-right: 5px;
margin-bottom: 5px;
}
.archive-blog-cat-list li a {
padding: 5px;
font-size: 1rem;
}
.single-blog-title {
font-size: 2rem;
}
.single-blog-date p,
.single-blog-date p span {
font-size: 1.2rem;
line-height: 1.6em;
}
.single-blog-date p {
padding: 0px 10px 3px;
}
.article-blog-cat-list li a {
font-size: 1.2rem;
padding: 3px 5px;
}
.article-blog-cat-list {
margin-bottom: 20px;
}
.blog-h2 {
font-size: 1.8rem;
margin-bottom: 20px;
margin-top: 40px;
padding-left: 10px;
border-left: 3px solid var(--main);
}
.blog-h3 {
font-size: 1.6rem;
margin-bottom: 20px;
font-weight: bold;
margin-top: 20px;
}
.blog-h4 {
font-size: 1.5rem;
margin-top: 30px;
padding: 10px 15px;
}
.blog-h5 {
font-size: 1.3rem;
margin-top: 15px;
padding: 5px 10px;
}
.blog-h5 + ul {
margin-top: 10px;
}
.blog-editor ul li::before {
top: 10px;
}
.single-blog-article p,
.single-blog-article span {
font-size: 1.3rem;
}
.blog-editor a {
font-size: 1.3rem;
}
.blog-editor ul,
.blog-editor ol {
padding: 20px;
}
.blog-inlink-box {
padding: 5px;
}
.blog-inlink-inner {
padding: 10px 15px 10px 10px;
}
.blog-inlink-img {
width: 35%;
}
.blog-inlink-img img {
aspect-ratio: 16 / 9;
width: 100%;
height: auto;
object-fit: cover;
}
.blog-inlink-content {
width: 60%;
}
.blog-inlink-ttl {
margin-bottom: 0;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.5em !important;
}
.sub-header-blog .sub-header-txt {
font-size: 2.4rem;
}
.blog-table .tablepress td {
padding: 10px 8px !important;
line-height: 1.4em !important;
font-size: 1.2rem !important;
}
}
@media screen and (max-width: 600px) {
.top-blog-list {
grid-template-columns: repeat(1, 1fr);
gap: 20px;
}
.archive-blog-list > li {
width: 100%;
margin-bottom: 20px;
}
.archive-blog-inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.archive-blog-img {
width: 45%;
}
.archive-blog-txt {
width: 50%;
}
.archive-blog-title {
line-height: 1.5em;
}
.archive-blog-title a {
font-size: 1.2rem;
line-height: 1.6em;
letter-spacing: 0.01em;
}
.toc-wrap {
padding: 30px 20px;
}
.toc-head {
font-size: 2rem !important;
}
.toc-h2 a,
.toc-h3 a {
font-size: 1.2rem;
}
.toc-h2::before {
top: 10px;
}
.toc-h3 {
padding-left: 5px;
}
} @media screen and (max-width: 1400px) {
.meo-mv-link-btn {
margin-top: 40px;
margin-left: 10%;
}
.meo-mv-link-btn a {
padding: 10px 25px;
font-size: 1.6rem;
width: 100%;
background-position: right 15px top 53%;
}
.meo-voice-section {
background-size: auto 180px, auto 180px, cover;
background-position: bottom -40px left 25px, bottom -40px right 25px,
bottom center;
padding-bottom: 150px;
}
}
@media screen and (max-width: 1200px) {
.mr-head,
.mr-head span {
font-size: 3rem;
}
}
@media screen and (max-width: 1024px) {
.meo-mv-content {
display: flex;
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.meo-mv-catch {
width: 90%;
margin: 0 auto;
margin-top: 0;
}
.meo-mv-link-btn a {
padding: 5px 25px;
font-size: 1.4rem;
width: 100%;
}
.meo-mv-link-btn {
margin-top: 30px;
margin-left: 0;
}
.worry-section {
background-position: bottom left 10%, bottom right 10%, top;
background-size: 100px auto, 100px auto, 8px auto;
}
.worry-list {
padding: 30px 20px;
border: 2px solid var(--blue);
}
.worry-list li {
padding-bottom: 15px;
margin-bottom: 15px;
}
.worry-head,
.worry-head span {
font-size: 1.6rem;
}
.worry-head .check-icon {
width: 100%;
transform: translateY(0);
}
.worry-head .check-icon img {
width: 20px;
margin: 0 auto 5px;
}
.meo-reason-wrap01 {
padding: 60px 0 70px;
}
.meo-reason-wrap01:before {
margin-left: -30px;
border: 30px solid transparent;
border-top: 30px solid var(--blue);
}
.meo-reason-head01 {
font-size: 2.2rem;
margin-bottom: 30px;
line-height: 1.75em;
}
.meo-reason-head01 span {
font-size: 1.6rem;
}
.meo-reason-head02 {
font-size: 2rem;
}
.meo-reason-wrap02 {
margin-top: 60px;
}
.meo-reason-box02 {
margin-bottom: 40px;
}
.mr-img {
width: 100%;
}
.mr-img img {
max-width: 400px;
margin: 0 auto 15px;
}
.mr-content {
width: 100%;
}
.mr-head,
.mr-head span {
font-size: 1.8rem;
text-align: center;
margin-bottom: 40px;
}
.mr-head::before {
width: 40px;
right: 0;
margin: 0 auto;
}
.mr-txt-box p {
font-size: 1.4rem;
}
.system-list li {
flex-wrap: wrap-reverse;
}
.system-content {
width: 100%;
padding-left: 50px;
}
.system-img {
width: 100%;
}
.system-img img {
max-width: 400px;
margin: 0 auto 15px;
}
.system-head,
.system-head span {
font-size: 1.8rem;
}
.system-head {
margin-bottom: 15px;
}
.system-txt {
font-size: 1.4rem;
}
.system-nm {
font-size: 1.4rem;
top: -10px;
}
.meo-voice-icon {
width: 60px;
}
.meo-voice-head,
.meo-voice-head span {
font-size: 1.8rem;
width: calc(100% - 75px);
}
.meo-voice-txt {
font-size: 1.4rem;
line-height: 1.75em;
}
.faq-list dt,
.faq-list dd {
font-size: 1.4rem;
}
.faq-list dt::before,
.faq-list dt::after {
width: 15px;
height: 2px;
}
}
@media screen and (max-width: 820px) {
.footer-cta01 {
display: none;
}
.footer-cta01-sp {
display: block;
transition-duration: 0.3s;
transform: translateY(70px);
}
.footer-cta01-sp.active {
transform: translateY(0px);
}
.meo-reason-wrap01 {
padding: 60px 0 20px;
}
.meo-reason-box01 {
width: 100%;
margin-bottom: 40px;
padding: 30px 5px;
}
.meo-reason-head02 {
font-size: 1.8rem;
}
.meo-reason-box01 img {
max-width: 400px;
margin: 0 auto;
}
.meo-voice-content,
.meo-voice-img {
width: 100%;
}
.meo-voice-img img {
max-width: 300px;
margin: 15px auto 0;
}
.meo-voice-head-box {
margin-bottom: 10px;
}
.meo-voice-icon {
width: 100%;
}
.meo-voice-head {
width: 100%;
text-align: center;
}
.meo-voice-icon img {
max-width: 80px;
margin: 0 auto;
}
}
@media screen and (max-width: 600px) {
.system-nm {
font-size: 1.4rem;
top: 5px;
}
.system-content {
padding-left: 30px;
}
.meo-voice-list li {
padding: 30px 20px;
}
}.tablepress{--text-color:#111;--head-text-color:var(--text-color);--head-bg-color:#d9edf7;--odd-text-color:var(--text-color);--odd-bg-color:#fff;--even-text-color:var(--text-color);--even-bg-color:#f9f9f9;--hover-text-color:var(--text-color);--hover-bg-color:#f3f3f3;--border-color:#ddd;--padding:0.5rem;border:none;border-collapse:collapse;border-spacing:0;clear:both;margin:0 auto 1rem;table-layout:auto;width:100%}.tablepress>:not(caption)>*>*{background:none;border:none;box-sizing:border-box;float:none!important;padding:var(--padding);text-align:left;vertical-align:top}.tablepress>:where(thead)+tbody>:where(:not(.child))>*,.tablepress>tbody>*~:where(:not(.child))>*,.tablepress>tfoot>:where(:first-child)>*{border-top:1px solid var(--border-color)}.tablepress>:where(thead,tfoot)>tr>*{background-color:var(--head-bg-color);color:var(--head-text-color);font-weight:700;vertical-align:middle;word-break:normal}.tablepress>:where(tbody)>tr>*{color:var(--text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))>*{background-color:var(--odd-bg-color);color:var(--odd-text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>*{background-color:var(--even-bg-color);color:var(--even-text-color)}.tablepress>.row-hover>tr:has(+.child:hover)>*,.tablepress>.row-hover>tr:hover+:where(.child)>*,.tablepress>.row-hover>tr:where(:not(.dtrg-group)):hover>*{background-color:var(--hover-bg-color);color:var(--hover-text-color)}.tablepress img{border:none;margin:0;max-width:none;padding:0}.tablepress-table-description{clear:both;display:block}.dt-scroll{width:100%}.dt-scroll .tablepress{width:100%!important}div.dt-scroll-body tfoot tr,div.dt-scroll-body thead tr{height:0}div.dt-scroll-body tfoot tr td,div.dt-scroll-body tfoot tr th,div.dt-scroll-body thead tr td,div.dt-scroll-body thead tr th{border-bottom-width:0!important;border-top-width:0!important;height:0!important;padding-bottom:0!important;padding-top:0!important}div.dt-scroll-body tfoot tr td div.dt-scroll-sizing,div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr td div.dt-scroll-sizing,div.dt-scroll-body thead tr th div.dt-scroll-sizing{height:0!important;overflow:hidden!important}div.dt-scroll-body>table.dataTable>thead>tr>td,div.dt-scroll-body>table.dataTable>thead>tr>th{overflow:hidden}.tablepress{--head-active-bg-color:#049cdb;--head-active-text-color:var(--head-text-color);--head-sort-arrow-color:var(--head-active-text-color)}.tablepress thead th:active{outline:none}.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:before{bottom:50%;content:"\25b2"/"";display:block;position:absolute}.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:after{content:"\25bc"/"";display:block;position:absolute;top:50%}.tablepress thead .dt-orderable-asc,.tablepress thead .dt-orderable-desc,.tablepress thead .dt-ordering-asc,.tablepress thead .dt-ordering-desc{padding-right:24px;position:relative}.tablepress thead .dt-orderable-asc .dt-column-order,.tablepress thead .dt-orderable-desc .dt-column-order,.tablepress thead .dt-ordering-asc .dt-column-order,.tablepress thead .dt-ordering-desc .dt-column-order{bottom:0;color:var(--head-sort-arrow-color);position:absolute;right:6px;top:0;width:12px}.tablepress thead .dt-orderable-asc .dt-column-order:after,.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-orderable-desc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:after,.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:before{font-family:sans-serif!important;font-size:12px;line-height:12px;opacity:.2}.tablepress thead .dt-orderable-asc,.tablepress thead .dt-orderable-desc{cursor:pointer;outline-offset:-2px}.tablepress thead .dt-orderable-asc:hover,.tablepress thead .dt-orderable-desc:hover,.tablepress thead .dt-ordering-asc,.tablepress thead .dt-ordering-desc{background-color:var(--head-active-bg-color);color:var(--head-active-text-color)}.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after{opacity:.8}.tablepress:where(.auto-type-alignment) .dt-right,.tablepress:where(.auto-type-alignment) .dt-type-date,.tablepress:where(.auto-type-alignment) .dt-type-numeric{text-align:right}.dt-container{clear:both;margin-bottom:1rem;position:relative}.dt-container .tablepress{margin-bottom:0}.dt-container .tablepress tfoot:empty{display:none}.dt-container .dt-layout-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.dt-container .dt-layout-row.dt-layout-table .dt-layout-cell{display:block;width:100%}.dt-container .dt-layout-cell{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;padding:5px 0}.dt-container .dt-layout-cell.dt-layout-full{align-items:center;justify-content:space-between;width:100%}.dt-container .dt-layout-cell.dt-layout-full>:only-child{margin:auto}.dt-container .dt-layout-cell.dt-layout-start{align-items:center;justify-content:flex-start;margin-right:auto}.dt-container .dt-layout-cell.dt-layout-end{align-items:center;justify-content:flex-end;margin-left:auto}.dt-container .dt-layout-cell:empty{display:none}.dt-container .dt-input,.dt-container label{display:inline;width:auto}.dt-container .dt-input{font-size:inherit;padding:5px}.dt-container .dt-length,.dt-container .dt-search{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.dt-container .dt-paging .dt-paging-button{background:#0000;border:1px solid #0000;border-radius:2px;box-sizing:border-box;color:inherit!important;cursor:pointer;display:inline-block;font-size:1em;height:32px;margin-left:2px;min-width:32px;padding:0 5px;text-align:center;text-decoration:none!important;vertical-align:middle}.dt-container .dt-paging .dt-paging-button.current,.dt-container .dt-paging .dt-paging-button:hover{border:1px solid #111}.dt-container .dt-paging .dt-paging-button.disabled,.dt-container .dt-paging .dt-paging-button.disabled:active,.dt-container .dt-paging .dt-paging-button.disabled:hover{border:1px solid #0000;color:#0000004d!important;cursor:default;outline:none}.dt-container .dt-paging>.dt-paging-button:first-child{margin-left:0}.dt-container .dt-paging .ellipsis{padding:0 1em}@media screen and (max-width:767px){.dt-container .dt-layout-row{flex-direction:column}.dt-container .dt-layout-cell{flex-direction:column;padding:.5em 0}}