@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?&family=Noto+Sans+JP:wght@400;500;600;700&family=Montserrat:wght@100;500&family=Inter:opsz,wght@14..32,700&family=Manrope:wght@600&display=swap");
html:has(.header) main {
padding-top: 0;
}
.pageTtlArea {
width: 100%;
height: 200px;
}
@media screen and (min-width: 768px) {
.pageTtlArea {
height: 300px;
}
}
@media screen and (min-width: 1024px) {
.pageTtlArea {
height: 400px;
}
}
.pageTtlArea__inner {
height: 100%;
padding: 51px 0 0;
display: flex;
align-items: center;
}
@media screen and (min-width: 768px) {
.pageTtlArea__inner {
padding: 57px 0 0;
}
}
.pageTtlArea__ttl {
color: #fff;
font-size: 20px;
font-weight: 700;
letter-spacing: 0.05em;
line-height: 1.6;
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
}
.pageTtlArea__ttl .en {
font-size: 14px;
font-weight: 600;
letter-spacing: 0.04em;
line-height: 1.3571;
}
@media screen and (min-width: 768px) {
.pageTtlArea__ttl {
font-size: 32px;
grid-gap: 10px;
}
.pageTtlArea__ttl .en {
font-size: 24px;
}
}
@media screen and (min-width: 1024px) {
.pageTtlArea__ttl {
grid-gap: 20px;
}
}
.pageTtlArea--news {
background: url(../img/news/kv-jp.jpg) center/cover no-repeat;
}
.pageTtlArea--solution {
background: url(../img/solution/kv-jp.jpg) center/cover no-repeat;
}
.pageTtlArea--about {
background: url(../img/about/kv-jp.jpg) center/cover no-repeat;
}
.pageTtlArea--products {
background: url(../img/products/kv-jp.jpg) center/cover no-repeat;
}
.pageTtlArea--case {
background: url(../img/case/kv-jp.jpg) center/cover no-repeat;
}
.pageTtlArea--report {
background: url(../img/report/kv-jp.jpg) center/cover no-repeat;
}
.pageTtlArea--profile {
background: url(../img/profile/kv-jp.jpg) center/cover no-repeat;
}
.pageTtlArea--company {
background: url(../img/profile/company/kv-jp.jpg) center/cover no-repeat;
}
.pageTtlArea--business {
background: url(../img/profile/business/kv-jp.jpg) center/cover no-repeat;
}
.pageTtlArea--base {
background: url(../img/profile/base/kv-jp.jpg) center/cover no-repeat;
}
.pageTtlArea--contact {
background: url(../img/contact/kv-jp.jpg) center/cover no-repeat;
}
.pageTtlArea--faq {
background: url(../img/faq/kv-jp.jpg) center/cover no-repeat;
}
.paginationArea {
width: 100%;
margin-top: 40px;
}
@media screen and (min-width: 768px) {
.paginationArea {
margin-top: 60px;
}
}
.paginationArea__inner {
display: flex;
align-items: center;
justify-content: center;
grid-gap: 30px;
}
.paginationArea .page-numbers {
color: rgba(28, 28, 28, 0.4);
font-size: 20px;
font-weight: 600;
font-family: "Manrope", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
display: block;
flex-shrink: 0;
}
.paginationArea .page-numbers:hover {
color: #1D839D;
opacity: 1;
}
.paginationArea .page-numbers.current {
color: #1D839D;
}
.paginationArea .page-numbers.prev, .paginationArea .page-numbers.next {
width: 41px;
height: 41px;
background: #16B8C8 url('data:image/svg+xml;charset=utf8,') center/contain no-repeat;
border: 1px solid #16B8C8;
border-radius: 50%;
color: transparent;
transition: background-color 0.3s ease;
}
.paginationArea .page-numbers.prev:hover, .paginationArea .page-numbers.next:hover {
background: #fff url('data:image/svg+xml;charset=utf8,') center/contain no-repeat;
opacity: 1;
}
.paginationArea .page-numbers.prev {
transform: scale(-1, 1);
}
.backLink {
width: 100%;
margin-top: 30px;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (min-width: 768px) {
.backLink {
margin-top: 50px;
}
}
.backLink a {
font-size: 18px;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
grid-gap: 20px;
}
.backLink a::before {
content: "";
width: 40px;
height: 40px;
background: #16B8C8 url('data:image/svg+xml;charset=utf8,') center/contain no-repeat;
border-radius: 50%;
display: block;
flex-shrink: 0;
transform: scale(-1, 1);
transition: 0.3s;
}
.secNews {
padding: 50px 0 30px;
}
@media screen and (min-width: 768px) {
.secNews {
padding: 80px 0 60px;
}
}
@media screen and (min-width: 1024px) {
.secNews {
padding: 97px 0 79px;
}
}
.secNews__ttl {
margin-bottom: 33px;
color: #000;
font-size: 24px;
font-weight: 700;
}
@media screen and (min-width: 768px) {
.secNews__ttl {
margin-bottom: -22px;
font-size: 32px;
}
}
.secNews__catNav {
width: 100%;
padding-bottom: 12px;
margin-bottom: 28px;
border-bottom: 2px solid #1D839D;
}
@media screen and (min-width: 768px) {
.secNews__catNav {
padding-bottom: 16px;
margin-bottom: 40px;
}
}
.secNews__catNav_list {
width: 100%;
font-size: 14px;
line-height: 1.5;
display: flex;
flex-wrap: wrap;
grid-gap: 8px 12px;
}
.secNews__catNav_list a {
padding: 0 4px;
display: inline-block;
}
.secNews__catNav_list a:hover {
color: #16B8C8;
opacity: 1;
}
.secNews__catNav_list a.current {
background-color: #16B8C8;
color: #fff;
pointer-events: none;
}
@media screen and (min-width: 768px) {
.secNews__catNav_list {
justify-content: flex-end;
grid-gap: 16px;
}
}
.secNews__tabWrap {
width: 100%;
margin-bottom: 40px;
position: relative;
}
@media screen and (min-width: 768px) {
.secNews__tabWrap {
margin-bottom: 68px;
}
}
.secNews__tab {
width: 100%;
position: absolute;
top: 0;
left: 0;
transition: 0.3s;
opacity: 0;
pointer-events: none;
}
.secNews__tab.initial {
position: relative;
}
.secNews__tab.current {
opacity: 1;
pointer-events: auto;
}
.secNews__list {
width: 100%;
display: grid;
grid-gap: 30px;
}
@media screen and (min-width: 768px) {
.secNews__list {
grid-template-columns: minmax(210px, max-content) auto;
grid-gap: 30px 0;
}
}
.secNews__list .listItem {
width: 100%;
padding: 0 0 20px;
border-bottom: 1px solid #E9E9E9;
}
@media screen and (min-width: 768px) {
.secNews__list .listItem {
padding-bottom: 10px;
display: grid;
grid-template-columns: subgrid;
grid-column: span 2;
justify-content: flex-start;
grid-gap: 25px;
}
}
.secNews__list .listItem__meta {
width: 100%;
margin-bottom: 18px;
font-size: 14px;
display: flex;
flex-wrap: wrap;
align-items: center;
grid-gap: 20px;
}
.secNews__list .listItem__meta_cat {
padding: 0px 10px;
background-color: #1D839D;
color: #FFF;
font-weight: 700;
}
@media screen and (min-width: 768px) {
.secNews__list .listItem__meta {
margin-bottom: 0;
}
}
.secNews__list .listItem__ttl {
font-weight: 700;
line-height: 1.5;
}
.secNews__btnWrap {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
}
.secNews__btnWrap .btn {
line-height: 1.2;
}
.secCase__inner:has(.secCase__contentsWrap) {
padding: 50px 0 60px;
display: flex;
flex-direction: column;
align-items: flex-start;
grid-gap: 40px;
}
@media screen and (min-width: 768px) {
.secCase__inner:has(.secCase__contentsWrap) {
padding: 130px 0 0px;
margin-bottom: 95px;
flex-direction: row;
grid-gap: 20px;
}
}
@media screen and (min-width: 1024px) {
.secCase__inner:has(.secCase__contentsWrap) {
grid-gap: 45px;
}
}
@media screen and (min-width: 1200px) {
.secCase__inner:has(.secCase__contentsWrap) {
grid-gap: 75px;
}
}
.secCase__list {
width: 100%;
display: grid;
grid-template-rows: repeat(4, 200px);
grid-gap: 20px;
counter-reset: secCase__list 0;
}
@media screen and (min-width: 768px) {
.secCase__list {
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (min-width: 1024px) {
.secCase__list {
grid-gap: 25px;
}
}
.secCase__list .listItem {
width: 100%;
height: 100%;
display: block;
position: relative;
}
.secCase__list .listItem::before {
counter-increment: secCase__list 1;
content: counter(secCase__list, decimal-leading-zero);
color: #FFF;
font-size: 16px;
font-weight: 600;
font-family: "Manrope", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
letter-spacing: 0.04em;
line-height: 1.35;
position: absolute;
top: 15px;
left: 20px;
z-index: 2;
pointer-events: none;
}
@media screen and (min-width: 1024px) {
.secCase__list .listItem::before {
font-size: 24px;
top: 32px;
left: 40px;
}
}
.secCase__list .listItem__txtWrap {
width: 100%;
height: 100%;
padding: 5px 0 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
grid-gap: 20px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
transition: 0.3s;
}
@media screen and (min-width: 768px) {
.secCase__list .listItem__txtWrap {
padding: 50px 0 0;
grid-gap: 40px;
}
}
.secCase__list .listItem__txtWrap_ttl {
color: #fff;
font-size: 20px;
font-weight: 600;
letter-spacing: 0.05em;
line-height: 1.3333;
}
@media screen and (min-width: 768px) {
.secCase__list .listItem__txtWrap_ttl {
line-height: 1;
}
}
@media screen and (min-width: 1024px) {
.secCase__list .listItem__txtWrap_ttl {
font-size: 28px;
}
}
.secCase__list .listItem__txtWrap_btnWrap {
max-height: 100px;
}
.secCase__list .listItem__txtWrap_btnWrap .btn {
padding: 10px 80px;
transition: 0.3s;
}
.secCase__list .listItem__img {
width: 100%;
height: 100%;
}
.secCase__list .listItem__img img {
transition: 0.3s;
}
@media screen and (min-width: 768px) {
.secCase__list .listItem__img {
height: auto;
padding-top: min(56.9727%, 335px);
}
}
.secCase__list .listItem:hover {
opacity: 1;
}
.secCase__list .listItem:hover .listItem__img img {
transform: scale(1.1, 1.1);
}
.secCase__list .listItem:hover .listItem__txtWrap_btnWrap .btn {
background: linear-gradient(90deg, #1D839D 0%, #16B8C8 100%);
color: #fff;
}
.secCase__list .listItem:hover .listItem__txtWrap_btnWrap .btn::after {
background-color: #fff;
}
.secCase__ttl {
width: 100%;
padding-bottom: 20px;
font-weight: 600;
display: flex;
flex-direction: column;
align-items: flex-start;
grid-gap: 5px;
position: relative;
}
.secCase__ttl::after {
content: "";
width: 100%;
height: 1px;
background: linear-gradient(90deg, #1D839D 80px, #C5C5C5 80px);
display: block;
position: absolute;
bottom: 0;
left: 0;
}
.secCase__ttl .number {
color: #1D839D;
font-size: 16px;
letter-spacing: 0.04em;
}
.secCase__ttl .txt {
font-size: 20px;
}
@media screen and (min-width: 768px) {
.secCase__ttl {
width: 120px;
padding: 0 30px 0 0;
margin-top: -46px;
flex-shrink: 0;
grid-gap: 12px;
align-self: stretch;
}
.secCase__ttl::after {
width: 1px;
height: 100%;
background: linear-gradient(180deg, #1D839D 42px, #C5C5C5 42px);
top: 42px;
bottom: auto;
left: auto;
right: 0;
}
}
@media screen and (min-width: 1024px) {
.secCase__ttl {
width: 165px;
}
.secCase__ttl::after {
top: 50px;
}
.secCase__ttl .number {
font-size: 20px;
}
.secCase__ttl .txt {
font-size: 28px;
}
}
@media screen and (min-width: 1200px) {
.secCase__ttl {
width: 204px;
padding-right: 50px;
}
.secCase__ttl::after {
top: 50px;
}
.secCase__ttl .number {
font-size: 24px;
}
.secCase__ttl .txt {
font-size: 32px;
}
}
.secCase__contentsWrap {
display: flex;
flex-direction: column;
align-items: flex-start;
grid-gap: 60px;
}
@media screen and (min-width: 768px) {
.secCase__contentsWrap {
grid-gap: 80px;
}
}
.secCase__introTxt {
margin-bottom: -20px;
font-size: 18px;
}
@media screen and (min-width: 768px) {
.secCase__introTxt {
margin-bottom: 0;
}
}
.secCase__contentBlk {
width: 100%;
}
.secCase__contentBlk_ttl {
padding-bottom: 8px;
margin-bottom: 16px;
border-bottom: 1px solid #1D839D;
color: #1D839D;
font-size: 20px;
font-weight: 700;
display: flex;
align-items: center;
}
.secCase__contentBlk_ttl .icon {
width: 25px;
margin-right: 10px;
}
.secCase__contentBlk_ttl + .secCase__contentBlk_header {
margin-top: 0;
}
@media screen and (min-width: 1024px) {
.secCase__contentBlk_ttl {
margin-bottom: 26px;
font-size: 32px;
}
}
.secCase__contentBlk_header {
padding: 3px 10px 6px 10px;
margin-top: 60px;
margin-bottom: 24px;
background-color: #E9F3F6;
color: #1D839D;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.secCase__contentBlk_header_ttl {
font-weight: 500;
}
.secCase__contentBlk_header_name {
font-size: 14px;
}
@media screen and (min-width: 768px) {
.secCase__contentBlk_header {
flex-direction: row;
align-items: center;
justify-content: space-between;
}
}
@media screen and (min-width: 1024px) {
.secCase__contentBlk_header {
margin-top: 80px;
margin-bottom: 30px;
}
.secCase__contentBlk_header_ttl {
font-size: 20px;
}
.secCase__contentBlk_header_name {
font-size: 16px;
}
}
.secCase__contentBlk_dataWrap {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
grid-gap: 24px;
}
.secCase__contentBlk_dataWrap_txt strong {
font-size: 20px;
font-weight: 700;
}
.secCase__contentBlk_dataWrap_txt small {
font-size: 14px;
}
.secCase__contentBlk_dataWrap .dataInfoBlk {
width: 100%;
}
.secCase__contentBlk_dataWrap .dataInfoBlk__ttl {
margin-bottom: 16px;
font-weight: 700;
}
.secCase__contentBlk_dataWrap .dataInfoBlk__img {
width: 100%;
margin-bottom: 16px;
}
.secCase__contentBlk_dataWrap .dataInfoBlk__data {
width: 100%;
font-size: 12px;
}
.secCase__contentBlk_dataWrap .dataInfoBlk__data dt, .secCase__contentBlk_dataWrap .dataInfoBlk__data dd {
display: inline;
}
.secCase__contentBlk_dataWrap .dataInfoBlk__data dt {
font-weight: 400;
}
.secCase__contentBlk_dataWrap .dataInfoBlk__data dt::after {
content: "：";
margin-right: -3px;
}
.secCase__contentBlk_dataWrap .dataInfoBlk__data dt.block {
display: block;
}
.secCase__contentBlk_dataWrap .dataInfoBlk__data dt.block::after {
display: none;
}
.secCase__contentBlk_dataWrap .dataInfoBlk__data dd::after {
content: "";
display: block;
}
.secCase__contentBlk_dataWrap .dataResultBlk {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
grid-gap: 16px;
}
.secCase__contentBlk_dataWrap .dataResultBlk > * {
width: 100%;
}
.secCase__contentBlk_dataWrap .dataResultBlk__ttl span {
padding: 0 16px;
background-color: #1D839D;
color: #fff;
font-weight: 700;
}
.secCase__contentBlk_dataWrap .dataResultBlk__txt {
font-size: 14px;
}
.secCase__contentBlk_dataWrap .dataResultBlk__img {
width: 100%;
margin-bottom: 8px;
}
.secCase__contentBlk_dataWrap .dataResultBlk__resultBox {
padding: 16px;
background-color: #E9F3F6;
font-weight: 500;
}
.secCase__contentBlk_dataWrap .dataResultBlk__resultBox .red {
color: #DD0004;
}
.secCase__contentBlk_dataWrap .dataResultBlk__resultBox_list {
counter-reset: result_list 0;
}
.secCase__contentBlk_dataWrap .dataResultBlk__resultBox_list li::before {
counter-increment: result_list 1;
content: counter(result_list) ".";
}
.secCase__contentBlk_dataWrap .dataResultBlk__resultBox_txt {
font-size: 14px;
font-weight: 400;
}
.secCase__contentBlk_dataWrap .dataResultBlk__resultBox_txt.right {
margin-top: 10px;
text-align: right;
}
.secCase__contentBlk_dataWrap .imgWrap {
width: 100%;
}
.secCase__contentBlk_dataWrap .imgWrap.os-case01 {
display: flex;
flex-direction: column;
align-items: flex-start;
grid-gap: 16px;
}
.secCase__contentBlk_dataWrap .imgWrap.os-case02-1, .secCase__contentBlk_dataWrap .imgWrap.os-case02-2 {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
grid-gap: 16px;
}
.secCase__contentBlk_dataWrap .imgWrap.os-case02-1 img, .secCase__contentBlk_dataWrap .imgWrap.os-case02-2 img {
width: calc((100% - 16px) / 2);
}
.secCase__contentBlk_dataWrap .imgWrap.os-case02-1 img:nth-child(1), .secCase__contentBlk_dataWrap .imgWrap.os-case02-2 img:nth-child(1) {
width: 100%;
}
.secCase__contentBlk_dataWrap .imgWrap.os-case03 {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
grid-gap: 16px;
}
.secCase__contentBlk_dataWrap .imgWrap.os-case03 img {
width: calc((100% - 16px) * 0.54);
}
.secCase__contentBlk_dataWrap .imgWrap.os-case03 img:nth-child(1) {
width: 100%;
}
@media screen and (min-width: 768px) {
.secCase__contentBlk_dataWrap {
flex-direction: row;
align-items: flex-start;
}
.secCase__contentBlk_dataWrap .dataInfoBlk {
width: 28%;
flex-shrink: 0;
}
.secCase__contentBlk_dataWrap .dataResultBlk {
padding-left: 20px;
border-left: 1px solid #E9F3F6;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
grid-gap: 16px 20px;
}
.secCase__contentBlk_dataWrap .dataResultBlk .ag-case02-col1 {
width: calc(45% - 10px);
align-self: stretch;
}
.secCase__contentBlk_dataWrap .dataResultBlk .ag-case02-col1 .dataResultBlk__resultBox {
height: calc(100% - 24px);
}
.secCase__contentBlk_dataWrap .dataResultBlk .ag-case02-col2 {
width: calc(55% - 10px);
}
.secCase__contentBlk_dataWrap .dataResultBlk .ag-case04-col1 {
width: calc(77% - 10px);
}
.secCase__contentBlk_dataWrap .dataResultBlk .ag-case04-col2 {
width: calc(21% - 10px);
}
.secCase__contentBlk_dataWrap .dataResultBlk .ag-case04-col3 {
order: 1;
}
.secCase__contentBlk_dataWrap .dataResultBlk .ag-case06-col1 {
max-width: 568px;
}
.secCase__contentBlk_dataWrap--os-case01 {
flex-direction: column;
grid-gap: 32px;
}
.secCase__contentBlk_dataWrap .imgWrap.os-case01 {
flex-direction: row;
align-items: flex-end;
grid-gap: 16px;
}
.secCase__contentBlk_dataWrap .imgWrap.os-case01 img {
width: calc(70% - 16px);
display: block;
}
.secCase__contentBlk_dataWrap .imgWrap.os-case01 img:nth-child(2) {
width: 30%;
}
.secCase__contentBlk_dataWrap .imgWrap.os-case02-1 {
display: grid;
grid-template-columns: 67% 30%;
}
.secCase__contentBlk_dataWrap .imgWrap.os-case02-1 img {
width: 100%;
}
.secCase__contentBlk_dataWrap .imgWrap.os-case02-1 img:nth-child(1) {
grid-row: 1/3;
}
.secCase__contentBlk_dataWrap .imgWrap.os-case02-1 img:nth-child(3) {
grid-row: 2;
grid-column: 2;
}
.secCase__contentBlk_dataWrap .imgWrap.os-case02-2 {
display: grid;
grid-template-columns: 72% 25%;
}
.secCase__contentBlk_dataWrap .imgWrap.os-case02-2 img {
width: 100%;
}
.secCase__contentBlk_dataWrap .imgWrap.os-case02-2 img:nth-child(1) {
grid-row: 1/3;
}
.secCase__contentBlk_dataWrap .imgWrap.os-case02-2 img:nth-child(3) {
grid-row: 2;
grid-column: 2;
}
.secCase__contentBlk_dataWrap .imgWrap.os-case03 {
flex-wrap: nowrap;
align-items: flex-start;
grid-gap: 16px;
}
.secCase__contentBlk_dataWrap .imgWrap.os-case03 img:nth-child(1) {
width: calc(73% - 16px);
}
.secCase__contentBlk_dataWrap .imgWrap.os-case03 img:nth-child(2) {
width: 27%;
flex-shrink: 0;
}
}
@media screen and (min-width: 1024px) {
.secCase__contentBlk_dataWrap .dataInfoBlk {
width: 25.5%;
}
.secCase__contentBlk_dataWrap .dataResultBlk {
padding-left: 30px;
grid-gap: 26px 20px;
}
}
@media screen and (min-width: 1200px) {
.secCase__contentBlk_dataWrap .dataInfoBlk {
width: 24%;
}
.secCase__contentBlk_dataWrap .dataResultBlk {
padding-left: 38px;
}
}
.page--home .secMV {
width: 100%;
height: 700px;
background: url(../img/top/jp_mv.jpg) center/cover no-repeat;
color: #FFF;
}
@media screen and (min-width: 768px) {
.page--home .secMV {
height: 803px;
}
}
.page--home .secMV__inner {
height: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
grid-gap: 16px;
}
@media screen and (min-width: 768px) {
.page--home .secMV__inner {
padding-top: 60px;
grid-gap: 24px;
}
}
.page--home .secMV__ttl {
font-size: 50px;
font-weight: 700;
font-family: "Inter", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
letter-spacing: 0.03em;
line-height: 1.1;
white-space: nowrap;
}
@media screen and (min-width: 768px) {
.page--home .secMV__ttl {
font-size: 80px;
}
}
@media screen and (min-width: 1024px) {
.page--home .secMV__ttl {
font-size: 110px;
}
}
.page--home .secMV__txt {
font-size: 14px;
font-weight: 700;
letter-spacing: 0.05em;
line-height: 1.4;
}
@media screen and (min-width: 768px) {
.page--home .secMV__txt {
font-size: 18px;
}
}
.page--home .secAbout {
padding: 0 0 70px;
}
@media screen and (min-width: 768px) {
.page--home .secAbout {
padding-bottom: 100px;
}
}
@media screen and (min-width: 1024px) {
.page--home .secAbout {
padding-bottom: 160px;
}
}
.page--home .secAbout__inner {
display: flex;
flex-direction: column;
align-items: center;
grid-gap: 45px;
}
@media screen and (min-width: 768px) {
.page--home .secAbout__inner {
flex-direction: row-reverse;
align-items: flex-start;
justify-content: space-between;
grid-gap: 35px;
}
}
@media screen and (min-width: 1024px) {
.page--home .secAbout__inner {
align-items: center;
grid-gap: 45px;
}
}
@media screen and (min-width: 1200px) {
.page--home .secAbout__inner {
grid-gap: 86px;
}
}
.page--home .secAbout__txtBlk {
width: 100%;
}
@media screen and (min-width: 768px) {
.page--home .secAbout__txtBlk {
max-width: 562px;
}
}
.page--home .secAbout__txtBlk_ttlWrap {
margin-bottom: 30px;
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
grid-gap: 15px;
position: relative;
z-index: 1;
}
@media screen and (min-width: 768px) {
.page--home .secAbout__txtBlk_ttlWrap {
margin-bottom: 40px;
}
}
.page--home .secAbout__txtBlk_ttl {
font-size: 24px;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.3333;
}
@media screen and (min-width: 768px) {
.page--home .secAbout__txtBlk_ttl {
font-size: 32px;
white-space: nowrap;
}
}
.page--home .secAbout__txtBlk_en {
color: #1D839D;
font-size: 20px;
font-weight: 600;
letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
.page--home .secAbout__txtBlk_en {
font-size: 24px;
}
}
.page--home .secAbout__txtBlk_txtWrap {
margin-bottom: 40px;
font-weight: 500;
line-height: 1.6;
}
.page--home .secAbout__txtBlk_txtWrap p + p {
margin-top: 1.6em;
}
@media screen and (min-width: 768px) {
.page--home .secAbout__txtBlk_txtWrap {
margin-bottom: 50px;
line-height: 1.5;
}
.page--home .secAbout__txtBlk_txtWrap p + p {
margin-top: 1.5em;
}
}
.page--home .secAbout__imgBlk {
width: calc(100% + 20px);
max-width: 400px;
margin: 0 auto 0 -20px;
}
.page--home .secAbout__imgBlk_img {
padding-top: 73.2394%;
}
.page--home .secAbout__imgBlk img {
border-radius: 0 10px 10px 0;
-o-object-position: top;
object-position: top;
}
@media screen and (min-width: 768px) {
.page--home .secAbout__imgBlk {
width: 40%;
max-width: 708px;
flex-shrink: 0;
}
.page--home .secAbout__imgBlk_img {
padding-top: 0;
}
.page--home .secAbout__imgBlk img {
position: relative;
}
}
@media screen and (min-width: 1024px) {
.page--home .secAbout__imgBlk {
width: 50%;
}
}
@media screen and (min-width: 1200px) {
.page--home .secAbout__imgBlk {
width: 59%;
}
}
@media screen and (min-width: 1240px) {
.page--home .secAbout__imgBlk {
margin-left: max(-120px, -1 * (50vw - 600px));
margin-right: auto;
}
}
.page--home .secFeature {
padding: 0 0 50px;
}
@media screen and (min-width: 768px) {
.page--home .secFeature {
padding-bottom: 80px;
}
}
.page--home .secFeature__inner {
display: flex;
flex-direction: column;
align-items: center;
grid-gap: 45px;
}
@media screen and (min-width: 768px) {
.page--home .secFeature__inner {
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
grid-gap: 35px;
}
}
@media screen and (min-width: 1024px) {
.page--home .secFeature__inner {
align-items: center;
grid-gap: 45px;
}
}
.page--home .secFeature__txtBlk {
width: 100%;
}
@media screen and (min-width: 768px) {
.page--home .secFeature__txtBlk {
max-width: 562px;
}
}
.page--home .secFeature__txtBlk_ttlWrap {
padding-top: 50px;
margin-bottom: 30px;
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
grid-gap: 15px;
position: relative;
z-index: 1;
}
@media screen and (min-width: 768px) {
.page--home .secFeature__txtBlk_ttlWrap {
padding-top: 85px;
margin-bottom: 34px;
}
}
@media screen and (min-width: 1024px) {
.page--home .secFeature__txtBlk_ttlWrap {
padding-top: 169px;
}
}
.page--home .secFeature__txtBlk_ttl {
font-size: 24px;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.3333;
}
@media screen and (min-width: 768px) {
.page--home .secFeature__txtBlk_ttl {
font-size: 32px;
white-space: nowrap;
}
}
.page--home .secFeature__txtBlk_en {
color: #1D839D;
font-size: 20px;
font-weight: 600;
letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
.page--home .secFeature__txtBlk_en {
font-size: 24px;
}
}
.page--home .secFeature__txtBlk_sub {
color: #E1EAEF;
font-size: 80px;
font-weight: 100;
line-height: 1.225;
white-space: nowrap;
position: absolute;
top: 0;
left: -21px;
z-index: -1;
}
@media screen and (min-width: 768px) {
.page--home .secFeature__txtBlk_sub {
font-size: 130px;
}
}
@media screen and (min-width: 1024px) {
.page--home .secFeature__txtBlk_sub {
font-size: 200px;
}
}
@media screen and (min-width: 1240px) {
.page--home .secFeature__txtBlk_sub {
left: calc(-1 * (50vw - 600px));
}
}
.page--home .secFeature__txtBlk_txtWrap {
margin-bottom: 40px;
font-weight: 500;
line-height: 1.6;
}
.page--home .secFeature__txtBlk_txtWrap p + p {
margin-top: 1.6em;
}
@media screen and (min-width: 768px) {
.page--home .secFeature__txtBlk_txtWrap {
margin-bottom: 50px;
line-height: 1.5;
}
.page--home .secFeature__txtBlk_txtWrap p + p {
margin-top: 1.5em;
}
}
.page--home .secFeature__imgBlk {
width: calc(100% + 20px);
max-width: 400px;
margin: 0 -20px 0 auto;
position: relative;
z-index: 1;
}
@media screen and (min-width: 768px) {
.page--home .secFeature__imgBlk {
width: 40%;
max-width: 650px;
margin-top: 110px;
flex-shrink: 0;
}
}
@media screen and (min-width: 1024px) {
.page--home .secFeature__imgBlk {
width: 50%;
}
}
@media screen and (min-width: 1200px) {
.page--home .secFeature__imgBlk {
width: 54%;
}
}
@media screen and (min-width: 1240px) {
.page--home .secFeature__imgBlk {
margin-left: auto;
margin-right: max(-120px, -1 * (50vw - 600px));
}
}
.page--home .secProducts {
padding: 0 0 70px;
}
@media screen and (min-width: 768px) {
.page--home .secProducts {
padding-bottom: 100px;
}
}
@media screen and (min-width: 1024px) {
.page--home .secProducts {
padding-bottom: 160px;
}
}
.page--home .secProducts__inner {
display: flex;
flex-direction: column;
align-items: center;
}
@media screen and (min-width: 768px) {
.page--home .secProducts__inner {
width: 100%;
max-width: 1440px;
}
}
.page--home .secProducts__ttlWrap {
width: 100%;
margin-bottom: 60px;
display: flex;
align-items: flex-end;
justify-content: space-between;
}
@media screen and (min-width: 768px) {
.page--home .secProducts__ttlWrap {
padding: 0 0 0 20px;
margin-bottom: 40px;
align-items: center;
}
}
@media screen and (min-width: 1024px) {
.page--home .secProducts__ttlWrap {
padding: 0;
margin-bottom: 11px;
display: block;
}
}
.page--home .secProducts__ttlWrap_ttl {
padding-bottom: 10px;
font-size: 24px;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 32px;
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
grid-gap: 15px;
}
.page--home .secProducts__ttlWrap_ttl .en {
color: #1D839D;
font-size: 20px;
font-weight: 600;
letter-spacing: 0.04em;
}
@media screen and (min-width: 1024px) {
.page--home .secProducts__ttlWrap_ttl {
padding: 0 calc((100% - 794px) / 2);
font-size: 32px;
grid-gap: 24px;
}
.page--home .secProducts__ttlWrap_ttl .en {
font-size: 24px;
}
}
.page--home .secProducts__ttlWrap_img {
width: 123px;
margin: -40px -20px 0 0;
flex-shrink: 0;
}
.page--home .secProducts__ttlWrap_img img {
border-radius: 10px 0 0 10px;
}
@media screen and (min-width: 768px) {
.page--home .secProducts__ttlWrap_img {
width: 180px;
}
}
@media screen and (min-width: 1024px) {
.page--home .secProducts__ttlWrap_img {
width: 180px;
margin: 0;
position: absolute;
bottom: 160px;
left: 0;
}
.page--home .secProducts__ttlWrap_img img {
border-radius: 0 10px 10px 0;
}
}
@media screen and (min-width: 1440px) {
.page--home .secProducts__ttlWrap_img {
width: 222px;
}
}
.page--home .secProducts__productsList {
width: 100%;
margin-bottom: 35px;
display: grid;
grid-template-columns: repeat(2, 158px);
grid-gap: 31px 10px;
justify-content: space-between;
counter-reset: secProducts__productsList 0;
}
@media screen and (min-width: 390px) {
.page--home .secProducts__productsList {
grid-template-columns: repeat(2, 1fr);
grid-gap: 31px 18px;
}
}
@media screen and (min-width: 768px) {
.page--home .secProducts__productsList {
padding: 40px 0 0;
margin-bottom: 30px;
grid-template-columns: repeat(1, 1fr);
grid-gap: 0;
position: relative;
}
}
.page--home .secProducts__productsList .listItem {
width: 100%;
display: grid;
grid-template-rows: subgrid;
grid-row: span 2;
grid-gap: 11px;
}
@media screen and (min-width: 768px) {
.page--home .secProducts__productsList .listItem {
padding: 0 37.5% 0 20px;
display: block;
transition: 0.3s;
}
.page--home .secProducts__productsList .listItem.current {
background-color: #1D839D;
color: #fff;
}
.page--home .secProducts__productsList .listItem.current .listItem__img {
opacity: 1;
}
.page--home .secProducts__productsList .listItem.current .listItem__txtWrap {
border-bottom: 0;
}
.page--home .secProducts__productsList .listItem.current .listItem__txtWrap::before {
color: #fff;
}
.page--home .secProducts__productsList .listItem.current .listItem__txtWrap::after {
opacity: 1;
}
}
@media screen and (min-width: 1024px) {
.page--home .secProducts__productsList .listItem {
padding: 0 370px 0 200px;
}
}
@media screen and (min-width: 1440px) {
.page--home .secProducts__productsList .listItem {
padding: 0 calc((100% - 794px) / 2 + 306px) 0 calc((100% - 794px) / 2);
}
}
.page--home .secProducts__productsList .listItem__img {
width: 100%;
max-width: 158px;
background: #16B8C8;
position: relative;
}
.page--home .secProducts__productsList .listItem__img.comingsoon::after {
content: "coming soon";
color: #fff;
font-size: 20px;
font-weight: 700;
white-space: nowrap;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0.9;
}
@media screen and (min-width: 390px) {
.page--home .secProducts__productsList .listItem__img {
max-width: 100%;
}
}
@media screen and (min-width: 768px) {
.page--home .secProducts__productsList .listItem__img {
width: 37.5%;
max-width: 540px;
border-radius: 10px 0 0 10px;
opacity: 0;
position: absolute;
top: 0;
right: 0;
z-index: 1;
pointer-events: none;
transition: 0.3s;
}
.page--home .secProducts__productsList .listItem__img.comingsoon::after {
font-size: 28px;
}
}
@media screen and (min-width: 1200px) {
.page--home .secProducts__productsList .listItem__img.comingsoon::after {
font-size: 32px;
}
}
.page--home .secProducts__productsList .listItem__txtWrap {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
grid-gap: 8px;
}
.page--home .secProducts__productsList .listItem__txtWrap::before {
counter-increment: secProducts__productsList 1;
content: counter(secProducts__productsList, decimal-leading-zero) ".";
color: #1D839D;
font-size: 14px;
font-weight: 700;
font-family: "Manrope", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1;
}
@media screen and (min-width: 768px) {
.page--home .secProducts__productsList .listItem__txtWrap {
padding: 20px 40px 20px 48px;
border-bottom: 1px solid #C5C5C5;
position: relative;
transition: 0s;
}
.page--home .secProducts__productsList .listItem__txtWrap::before {
position: absolute;
top: 34px;
left: 10px;
transition: 0.3s;
}
.page--home .secProducts__productsList .listItem__txtWrap::after {
content: "";
width: 27px;
height: 27px;
background: url('data:image/svg+xml;charset=utf8,') center/contain no-repeat;
border: 1px solid #fff;
border-radius: 50%;
display: block;
position: absolute;
top: calc(50% + 10px);
left: calc(50% + 190px);
transform: translateY(-50%);
opacity: 0;
transition: 0.3s;
}
.page--home .secProducts__productsList .listItem__txtWrap.invalid::after {
display: none;
}
.page--home .secProducts__productsList .listItem__txtWrap:hover {
opacity: 1;
}
}
@media screen and (min-width: 1024px) {
.page--home .secProducts__productsList .listItem__txtWrap::after {
left: calc(50% + 170px);
}
}
@media screen and (min-width: 1200px) {
.page--home .secProducts__productsList .listItem__txtWrap {
padding: 34px 50px 24px 48px;
}
.page--home .secProducts__productsList .listItem__txtWrap br.disp_pc {
display: none;
}
.page--home .secProducts__productsList .listItem__txtWrap::after {
left: calc(50% + 190px);
}
}
@media screen and (min-width: 1440px) {
.page--home .secProducts__productsList .listItem__txtWrap::after {
left: auto;
right: 17px;
}
}
.page--home .secProducts__productsList .listItem__ttl {
font-size: 18px;
font-weight: 700;
line-height: 1;
white-space: nowrap;
display: flex;
flex-direction: column;
align-items: flex-start;
grid-gap: 8px;
}
.page--home .secProducts__productsList .listItem__ttl small {
font-size: 12px;
font-weight: 500;
line-height: 1.5;
}
@media screen and (min-width: 768px) {
.page--home .secProducts__productsList .listItem__ttl {
font-size: 24px;
}
.page--home .secProducts__productsList .listItem__ttl small {
font-size: 14px;
}
}
.page--home .secProducts__productsList .listItem__txt {
font-size: 12px;
font-weight: 500;
line-height: 1.5;
}
@media screen and (min-width: 768px) {
.page--home .secProducts__productsList .listItem__txt {
font-size: 16px;
}
}
.page--home .secProducts__btnWrap {
width: 100%;
text-align: right;
}
@media screen and (min-width: 768px) {
.page--home .secProducts__btnWrap {
text-align: center;
}
}
.page--home .secCase {
padding: 0 0 70px;
}
@media screen and (min-width: 768px) {
.page--home .secCase {
padding-bottom: 100px;
}
}
@media screen and (min-width: 1024px) {
.page--home .secCase {
padding-bottom: 150px;
}
}
.page--home .secCase__ttlWrap {
margin-bottom: 40px;
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
grid-gap: 15px;
position: relative;
z-index: 1;
}
@media screen and (min-width: 768px) {
.page--home .secCase__ttlWrap {
margin-bottom: 45px;
grid-gap: 24px;
}
}
.page--home .secCase__ttlWrap_ttl {
font-size: 24px;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.3333;
}
@media screen and (min-width: 768px) {
.page--home .secCase__ttlWrap_ttl {
font-size: 32px;
}
}
.page--home .secCase__ttlWrap_en {
color: #1D839D;
font-size: 20px;
font-weight: 600;
letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
.page--home .secCase__ttlWrap_en {
font-size: 24px;
}
}
.page--home .secVoice {
padding: 0 0 60px;
}
@media screen and (min-width: 768px) {
.page--home .secVoice {
padding-bottom: 100px;
}
}
@media screen and (min-width: 1024px) {
.page--home .secVoice {
padding-bottom: 135px;
}
}
.page--home .secVoice__inner {
width: 100%;
max-width: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
@media screen and (min-width: 768px) {
.page--home .secVoice__inner {
display: block;
}
}
.page--home .secVoice__header {
display: contents;
}
@media screen and (min-width: 768px) {
.page--home .secVoice__header {
margin-bottom: 61px;
display: flex;
align-items: flex-end;
justify-content: space-between;
}
}
.page--home .secVoice__ttlWrap {
width: 100%;
padding: 0 20px;
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
grid-gap: 15px;
position: relative;
z-index: 1;
}
@media screen and (min-width: 768px) {
.page--home .secVoice__ttlWrap {
width: auto;
grid-gap: 24px;
}
}
@media screen and (min-width: 1240px) {
.page--home .secVoice__ttlWrap {
padding-left: calc(50vw - 600px);
}
}
.page--home .secVoice__ttlWrap_ttl {
font-size: 24px;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.3333;
}
@media screen and (min-width: 768px) {
.page--home .secVoice__ttlWrap_ttl {
font-size: 32px;
}
}
.page--home .secVoice__ttlWrap_en {
color: #1D839D;
font-size: 20px;
font-weight: 600;
letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
.page--home .secVoice__ttlWrap_en {
font-size: 24px;
}
}
.page--home .secVoice__btnsWrap {
display: flex;
flex-direction: column;
align-items: center;
order: 1;
}
@media screen and (min-width: 768px) {
.page--home .secVoice__btnsWrap {
padding: 0 20px 2px;
flex-direction: row;
grid-gap: 15px;
}
}
@media screen and (min-width: 1024px) {
.page--home .secVoice__btnsWrap {
grid-gap: 80px;
}
}
@media screen and (min-width: 1240px) {
.page--home .secVoice__btnsWrap {
padding-right: calc(50vw - 600px);
}
}
.page--home .secVoice__btnsWrap_arrows {
display: grid;
grid-template-columns: repeat(2, 46px);
grid-gap: 20px;
}
@media screen and (min-width: 768px) {
.page--home .secVoice__btnsWrap_arrows {
grid-template-columns: repeat(2, 41px);
grid-gap: 26px;
}
}
.page--home .secVoice__btnsWrap_arrows .arrow {
width: 100%;
padding-top: 100%;
background: #16B8C8 url('data:image/svg+xml;charset=utf8,') center/contain no-repeat;
border: 0;
border-radius: 50%;
}
.page--home .secVoice__btnsWrap_arrows .arrow--prev {
transform: scale(-1, 1);
}
.page--home .secVoice__btnsWrap_btn {
flex-shrink: 0;
}
.page--home .secVoice__slider {
width: 100%;
padding: 0 0 0 20px;
margin: 40px 0 30px;
}
.page--home .secVoice__slide_link {
display: flex;
flex-direction: column;
align-items: flex-start;
grid-gap: 10px;
position: relative;
}
.page--home .secVoice__slide_cat {
width: 100px;
height: 30px;
background-color: #1D839D;
border-radius: 0 0 0 4px;
color: #FFF;
font-size: 14px;
font-weight: 700;
white-space: nowrap;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
right: 0;
z-index: 1;
}
.page--home .secVoice__slide_img {
width: 100%;
padding-top: 65.06%;
border-radius: 4px;
}
@media screen and (min-width: 768px) {
.page--home .secVoice__slide_img {
border-radius: 10px;
}
}
.page--home .secVoice__slide_txtWrap {
width: 100%;
}
.page--home .secVoice__slide_name {
margin-bottom: 10px;
font-size: 14px;
line-height: 1;
}
@media screen and (min-width: 768px) {
.page--home .secVoice__slide_name {
margin-bottom: 15px;
}
}
.page--home .secVoice__slide_ttl {
font-size: 18px;
font-weight: 700;
line-height: 1.5;
}
.page--home .secCompany {
width: calc(100% - 20px);
padding: 40px 0 50px;
margin: 0 auto 40px;
background: linear-gradient(50deg, #1D839D 54.3%, #16B4C8 105.85%);
border-radius: 5px 50px 5px 5px;
overflow: hidden;
}
.page--home .secCompany::before {
content: "";
width: 100%;
height: 100%;
background: #0E3741 url(../img/top/company_bg.jpg) center/cover no-repeat;
mix-blend-mode: soft-light;
display: block;
opacity: 0.3;
position: absolute;
top: 0;
left: 0;
}
@media screen and (min-width: 768px) {
.page--home .secCompany {
width: calc(100% - 40px);
max-width: 1360px;
padding: 70px 0;
margin-bottom: 100px;
border-radius: 10px 100px 10px 10px;
}
}
@media screen and (min-width: 1024px) {
.page--home .secCompany {
padding: 100px 0;
}
}
.page--home .secCompany__inner {
z-index: 1;
}
.page--home .secCompany__ttlWrap {
margin-bottom: 40px;
color: #fff;
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
grid-gap: 15px;
}
@media screen and (min-width: 768px) {
.page--home .secCompany__ttlWrap {
margin-bottom: 45px;
grid-gap: 24px;
}
}
.page--home .secCompany__ttlWrap_ttl {
font-size: 24px;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.3333;
}
@media screen and (min-width: 768px) {
.page--home .secCompany__ttlWrap_ttl {
font-size: 32px;
}
}
.page--home .secCompany__ttlWrap_en {
font-size: 20px;
font-weight: 600;
letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
.page--home .secCompany__ttlWrap_en {
font-size: 24px;
}
}
.page--home .secCompany__list {
width: 100%;
max-width: 400px;
margin: 0 auto;
border-radius: 5px;
display: grid;
grid-template-rows: repeat(3, 190px);
overflow: hidden;
}
@media screen and (min-width: 768px) {
.page--home .secCompany__list {
max-width: 100%;
margin: 0;
border-radius: 10px;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(1, 320px);
}
}
@media screen and (min-width: 1024px) {
.page--home .secCompany__list {
grid-template-rows: repeat(1, 378px);
}
}
.page--home .secCompany__list .listItem {
display: grid;
}
@media screen and (min-width: 768px) {
.page--home .secCompany__list .listItem {
grid-template-rows: subgrid;
grid-row: span 2;
}
}
.page--home .secCompany__list .listItem__link {
display: grid;
position: relative;
}
.page--home .secCompany__list .listItem__link:hover {
opacity: 1;
}
.page--home .secCompany__list .listItem__link:hover .listItem__img img {
transform: scale(1.1, 1.1);
}
.page--home .secCompany__list .listItem__link:hover .listItem__txtWrap_ttl::after {
background: #16B8C8 url('data:image/svg+xml;charset=utf8,') center/contain no-repeat;
}
@media screen and (min-width: 768px) {
.page--home .secCompany__list .listItem__link {
grid-template-rows: subgrid;
grid-row: span 2;
}
}
.page--home .secCompany__list .listItem__img {
width: 100%;
height: 100%;
}
.page--home .secCompany__list .listItem__img img {
transition: 0.3s;
}
@media screen and (min-width: 768px) {
.page--home .secCompany__list .listItem__img {
position: absolute;
top: 0;
left: 0;
}
}
.page--home .secCompany__list .listItem__txtWrap {
width: 100%;
padding: 0 30px 10px 20px;
color: #fff;
display: flex;
flex-direction: column;
align-items: flex-start;
grid-gap: 5px;
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
}
@media screen and (min-width: 768px) {
.page--home .secCompany__list .listItem__txtWrap {
padding: 0 6px 30px;
display: grid;
grid-template-rows: subgrid;
grid-row: span 2;
align-items: flex-end;
grid-gap: 16px;
position: relative;
}
}
@media screen and (min-width: 1024px) {
.page--home .secCompany__list .listItem__txtWrap {
padding: 0 20px 40px;
}
}
@media screen and (min-width: 1200px) {
.page--home .secCompany__list .listItem__txtWrap {
padding: 0 40px 40px;
}
}
.page--home .secCompany__list .listItem__txtWrap_ttl {
width: 100%;
font-size: 20px;
font-weight: 700;
line-height: 1;
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.page--home .secCompany__list .listItem__txtWrap_ttl::after {
content: "";
width: 25px;
height: 25px;
background: #fff url('data:image/svg+xml;charset=utf8,') center/contain no-repeat;
border-radius: 50%;
display: block;
transition: background-color 0.3s ease;
}
@media screen and (min-width: 1024px) {
.page--home .secCompany__list .listItem__txtWrap_ttl {
font-size: 28px;
}
.page--home .secCompany__list .listItem__txtWrap_ttl::after {
width: 32px;
height: 32px;
}
}
.page--home .secCompany__list .listItem__txtWrap_txt {
font-size: 14px;
line-height: 1.5;
}
@media screen and (min-width: 768px) {
.page--home .secCompany__list .listItem__txtWrap_txt {
align-self: flex-start;
}
}
@media screen and (min-width: 1024px) {
.page--home .secCompany__list .listItem__txtWrap_txt {
font-size: 16px;
}
}
@media screen and (min-width: 1024px) {
.archive--post .secNews {
padding: 83px 0 70px;
}
}
.archive--post .secNews__catNav {
padding-bottom: 25px;
margin-bottom: 38px;
}
.archive--post .secNews__catNav_list {
font-size: 16px;
justify-content: flex-start;
grid-gap: 8px 16px;
}
@media screen and (min-width: 768px) {
.archive--post .secNews__catNav_list {
grid-gap: 14px;
}
}
@media screen and (min-width: 1024px) {
.archive--post .secNews__catNav {
padding-bottom: 30px;
margin-bottom: 56px;
}
}
.archive--post .secNews__tabWrap {
margin-bottom: 30px;
}
.archive--post .secNews__list {
grid-gap: 18px;
}
.archive--post .secNews__list .listItem {
padding-bottom: 15px;
}
.archive--post .secNews__list .listItem__ttl {
display: flex;
align-items: center;
justify-content: space-between;
grid-gap: 16px;
}
.archive--post .secNews__list .listItem__ttl::after {
content: "";
width: 24px;
height: 24px;
background: #16B8C8 url('data:image/svg+xml;charset=utf8,') center/contain no-repeat;
border-radius: 50%;
display: block;
flex-shrink: 0;
transition: 0.3s;
}
.archive--post .secNews__list .listItem__meta {
margin-bottom: 14px;
}
@media screen and (min-width: 768px) {
.archive--post .secNews__list {
grid-gap: 40px;
}
.archive--post .secNews__list .listItem {
padding-bottom: 30px;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
grid-gap: 0 25px;
position: relative;
}
.archive--post .secNews__list .listItem__meta {
margin-bottom: 22px;
}
.archive--post .secNews__list .listItem__ttl {
width: 100%;
}
.archive--post .secNews__list .listItem__ttl::after {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-80%);
}
}
@media screen and (min-width: 1024px) {
.archive--post .secNews__list .listItem__ttl::after {
width: 41px;
height: 41px;
}
}
.single--post .secNews {
padding: 50px 0 60px;
}
@media screen and (min-width: 768px) {
.single--post .secNews {
padding: 80px 0 100px;
}
}
@media screen and (min-width: 768px) {
.single--post .secNews__inner {
max-width: 996px;
}
}
.single--post .secNews__list {
margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
.single--post .secNews__list {
margin-bottom: 50px;
}
}
.single--post .secNews__list .listItem {
padding: 0 0 16px;
}
@media screen and (min-width: 768px) {
.single--post .secNews__list .listItem {
padding-bottom: 50px;
display: flex;
flex-direction: column;
align-items: flex-start;
grid-gap: 30px;
}
}
.single--post .secNews__list .listItem__meta {
margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
.single--post .secNews__list .listItem__meta {
margin-bottom: 0;
}
.single--post .secNews__list .listItem__meta_date {
font-size: 16px;
}
}
@media screen and (min-width: 768px) {
.single--post .secNews__list .listItem__ttl {
font-size: 24px;
}
}
.single--post .secNews__contents {
width: 100%;
padding-bottom: 40px;
border-bottom: 1px solid #e9e9e9;
}
@media screen and (min-width: 768px) {
.single--post .secNews__contents {
padding-bottom: 80px;
}
}
.single--post .secNews__contents p:not(:last-child) {
margin-bottom: 1.5em;
}
.page--products .secProducts {
padding: 50px 0 60px;
}
@media screen and (min-width: 768px) {
.page--products .secProducts {
padding: 85px 0 100px;
}
}
.page--products .secProducts__inner:not(:last-child) {
margin-bottom: 60px;
}
@media screen and (min-width: 768px) {
.page--products .secProducts__inner {
max-width: 1000px;
}
.page--products .secProducts__inner:not(:last-child) {
margin-bottom: 100px;
}
}
.page--products .secProducts__introTxt {
margin-bottom: 60px;
font-size: 18px;
}
.page--products .secProducts__introTxt p + p {
margin-top: 1.5em;
}
@media screen and (min-width: 768px) {
.page--products .secProducts__introTxt {
margin-bottom: 80px;
}
}
.page--products .secProducts__list {
width: 100%;
display: grid;
grid-gap: 40px;
}
@media screen and (min-width: 768px) {
.page--products .secProducts__list {
grid-template-columns: repeat(2, 1fr);
grid-gap: 40px 20px;
}
}
@media screen and (min-width: 1024px) {
.page--products .secProducts__list {
grid-gap: 70px 40px;
}
}
.page--products .secProducts__list .listItem {
width: 100%;
display: grid;
grid-template-rows: subgrid;
grid-row: span 3;
grid-gap: 15px;
}
.page--products .secProducts__list .listItem__link {
display: grid;
grid-template-rows: subgrid;
grid-row: span 3;
}
.page--products .secProducts__list .listItem__link.disabled .listItem__img::after {
content: "coming soon";
color: #1C1C1C;
font-size: 24px;
font-weight: 700;
white-space: nowrap;
-webkit-text-stroke: 4px #fff;
paint-order: stroke;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
opacity: 0.9;
}
.page--products .secProducts__list .listItem__link.disabled .listItem__img img {
opacity: 0.5;
}
.page--products .secProducts__list .listItem__link.disabled .listItem__ttl, .page--products .secProducts__list .listItem__link.disabled .listItem__txt {
opacity: 0.5;
}
.page--products .secProducts__list .listItem__link.disabled .listItem__ttl span::after {
display: none;
}
@media screen and (min-width: 1024px) {
.page--products .secProducts__list .listItem__link.disabled .listItem__img::after {
font-size: 32px;
}
}
.page--products .secProducts__list .listItem__img {
width: 100%;
padding-top: 83.2836%;
background-color: #E1EAEF;
border-radius: 5px;
position: relative;
}
.page--products .secProducts__list .listItem__img img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: contain;
object-fit: contain;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
.page--products .secProducts__list .listItem__img {
padding-top: 83.3333%;
border-radius: 10px;
}
}
.page--products .secProducts__list .listItem__ttl {
width: 100%;
border-bottom: 1px solid #c5c5c5;
font-size: 20px;
font-weight: 700;
}
.page--products .secProducts__list .listItem__ttl span {
width: 100%;
padding: 4px 0 10px;
line-height: 1;
display: flex;
align-items: center;
justify-content: space-between;
}
.page--products .secProducts__list .listItem__ttl span::after {
content: "→";
width: 27px;
height: 27px;
background: url('data:image/svg+xml;charset=utf8,') center/contain no-repeat;
border: 1px solid #1C1C1C;
border-radius: 50%;
color: transparent;
flex-shrink: 0;
transition: background-color 0.3s ease;
}
@media screen and (min-width: 768px) {
.page--products .secProducts__list .listItem__ttl {
font-size: 24px;
}
.page--products .secProducts__list .listItem__ttl span {
padding: 18px 0 20px;
}
}
.page--products .secProducts__productTtl {
padding-bottom: 10px;
margin-bottom: 30px;
border-bottom: 1px solid #c5c5c5;
font-size: 24px;
font-weight: 700;
}
@media screen and (min-width: 1024px) {
.page--products .secProducts__productTtl {
padding-bottom: 10px;
margin-bottom: 40px;
font-size: 32px;
}
}
.page--products .secProducts__productBlk {
width: 100%;
}
.page--products .secProducts__productBlk:not(:last-child) {
margin-bottom: 40px;
}
@media screen and (min-width: 1024px) {
.page--products .secProducts__productBlk:not(:last-child) {
margin-bottom: 80px;
}
}
.page--products .secProducts__productBlk--2col {
display: flex;
flex-direction: column;
align-items: center;
grid-gap: 40px;
}
.page--products .secProducts__productBlk--2col .txtWrap {
width: 100%;
}
.page--products .secProducts__productBlk--2col .img {
width: 100%;
width: 100%;
padding-top: 83.2836%;
background-color: #E1EAEF;
border-radius: 5px;
position: relative;
}
.page--products .secProducts__productBlk--2col .img img {
width: calc(100% - 30px);
height: calc(100% - 30px);
display: block;
-o-object-fit: contain;
object-fit: contain;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
.page--products .secProducts__productBlk--2col {
flex-direction: row;
align-items: flex-start;
grid-gap: 20px;
}
.page--products .secProducts__productBlk--2col .img {
width: 56.7%;
padding-top: 47.2%;
border-radius: 10px;
flex-shrink: 0;
}
}
@media screen and (min-width: 1024px) {
.page--products .secProducts__productBlk--2col {
grid-gap: 40px;
}
}
.page--products .secProducts__productBlk_ttl {
margin-bottom: 24px;
color: #1D839D;
font-size: 20px;
font-weight: 700;
line-height: 1.6;
letter-spacing: 0.05em;
}
@media screen and (min-width: 1024px) {
.page--products .secProducts__productBlk_ttl {
margin-bottom: 30px;
font-size: 24px;
line-height: 32px;
}
}
.page--products .secProducts__productBlk_txt {
font-size: 18px;
}
.page--products .secProducts__productBlk_txt:not(:last-child) {
margin-bottom: 24px;
}
.page--products .secProducts__productBlk_discList {
line-height: 2.4;
}
.page--products .secProducts__productBlk_discList:not(:last-child) {
margin-bottom: 40px;
}
.page--products .secProducts__productBlk_discList li {
padding-left: 1.5em;
position: relative;
}
.page--products .secProducts__productBlk_discList li::before {
content: "";
width: 0.3em;
height: 0.3em;
background-color: #1C1C1C;
border-radius: 50%;
display: block;
position: absolute;
top: 1.125em;
left: 0.5625em;
}
@media screen and (min-width: 1024px) {
.page--products .secProducts__productBlk_discList:not(:last-child) {
margin-bottom: 78px;
}
}
.page--products .secProducts__productBlk_tableWrap {
font-size: 14px;
display: contents;
}
.page--products .secProducts__productBlk_tableWrap.js-scrollable {
width: calc(100% + 20px);
margin: 0 -20px 0 0;
font-size: 16px;
display: flex;
align-items: flex-start;
overflow-x: scroll;
scroll-snap-type: x;
-ms-overflow-style: none;
scrollbar-width: none;
}
.page--products .secProducts__productBlk_tableWrap.js-scrollable::-webkit-scrollbar {
display: none;
}
.page--products .secProducts__productBlk_tableWrap.js-scrollable::after {
content: "";
width: 20px;
height: 20px;
display: inline-block;
flex-shrink: 0;
}
.page--products .secProducts__productBlk_tableWrap.js-scrollable .secProducts__productBlk_table {
width: auto;
min-width: calc(100% + 100px);
}
@media screen and (min-width: 1024px) {
.page--products .secProducts__productBlk_tableWrap.js-scrollable {
width: 100%;
overflow-x: hidden;
}
.page--products .secProducts__productBlk_tableWrap.js-scrollable::after {
display: none;
}
.page--products .secProducts__productBlk_tableWrap.js-scrollable .secProducts__productBlk_table {
width: 100%;
min-width: 100%;
}
}
.page--products .secProducts__productBlk_table {
width: 100%;
border-bottom: 1px solid #d4d4d4;
table-layout: fixed;
position: relative;
}
.page--products .secProducts__productBlk_table th, .page--products .secProducts__productBlk_table td {
line-height: 1.5;
text-align: center;
vertical-align: middle;
white-space: nowrap;
}
.page--products .secProducts__productBlk_table thead th, .page--products .secProducts__productBlk_table thead td {
padding: 0.8em 0.4em;
background-color: #1D839D;
border-right: 1px solid #fff;
color: #FFF;
font-weight: 700;
}
.page--products .secProducts__productBlk_table thead th:first-child, .page--products .secProducts__productBlk_table thead td:first-child {
border-left: 1px solid #1D839D;
}
.page--products .secProducts__productBlk_table thead th:last-child, .page--products .secProducts__productBlk_table thead td:last-child {
border-right-color: #1D839D;
}
.page--products .secProducts__productBlk_table tbody th, .page--products .secProducts__productBlk_table tbody td {
padding: 0.875em 0.4em;
border-right: 1px solid #1C1C1C;
border-bottom: 1px solid #1C1C1C;
font-weight: 500;
}
.page--products .secProducts__productBlk_table tbody th:first-child, .page--products .secProducts__productBlk_table tbody td:first-child {
border-left: 1px solid #1C1C1C;
}
.page--products .secProducts__productBlk_table tbody th {
font-weight: 700;
line-height: 1;
}
.page--products .secProducts__productBlk_table tbody th small {
font-size: 10px;
}
.page--products .secProducts__productBlk_table tbody th:has(small) {
padding: 0.875em 0;
}
.page--products .secProducts__productBlk_table tbody th.small {
padding: 0.875em 0;
font-size: 87.5%;
}
@media screen and (min-width: 768px) {
.page--products .secProducts__productBlk_table {
font-size: 16px;
}
}
@media screen and (min-width: 1024px) {
.page--products .secProducts__productBlk_table thead th, .page--products .secProducts__productBlk_table thead td {
font-size: 125%;
}
.page--products .secProducts__productBlk_table td {
white-space: pre-wrap;
}
}
.page--products .secProducts__productBlk_img {
width: 100%;
}
.page--products .secProducts__productBlk_img:not(:last-child) {
margin-bottom: 40px;
}
@media screen and (min-width: 1024px) {
.page--products .secProducts__productBlk_img:not(:last-child) {
margin-bottom: 70px;
}
}
.page--case .secCase {
padding: 50px 0 60px;
}
@media screen and (min-width: 768px) {
.page--case .secCase {
padding: 85px 0 100px;
}
}
.page--case .secCase__introTxt {
margin-bottom: 40px;
font-size: 18px;
}
.page--case .secCase__introTxt p + p {
margin-top: 1.5em;
}
@media screen and (min-width: 768px) {
.page--case .secCase__introTxt {
margin-bottom: 80px;
}
}
.archive--report .secCatNav {
padding: 50px 0 38px;
}
@media screen and (min-width: 768px) {
.archive--report .secCatNav {
padding: 85px 0 77px;
}
}
.archive--report .secCatNav__inner {
width: 100%;
padding: 20px;
background-color: rgba(29, 131, 157, 0.1);
display: flex;
flex-direction: column;
align-items: flex-start;
grid-gap: 30px;
}
@media screen and (min-width: 768px) {
.archive--report .secCatNav__inner {
width: calc(100% - 40px);
padding: 30px;
border-radius: 10px;
}
}
@media screen and (min-width: 1024px) {
.archive--report .secCatNav__inner {
padding: 40px 50px;
grid-gap: 32px;
}
}
.archive--report .secCatNav__navBlk {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
grid-gap: 18px;
}
@media screen and (min-width: 768px) {
.archive--report .secCatNav__navBlk {
flex-direction: row;
}
}
@media screen and (min-width: 1024px) {
.archive--report .secCatNav__navBlk {
grid-gap: 30px;
}
}
.archive--report .secCatNav__navBlk_ttl {
width: 100%;
padding-bottom: 11px;
font-size: 14px;
font-weight: 600;
position: relative;
}
.archive--report .secCatNav__navBlk_ttl::before {
content: "";
width: 24px;
height: 3px;
background: #1D839D;
display: block;
position: absolute;
bottom: 0;
left: 0;
}
@media screen and (min-width: 768px) {
.archive--report .secCatNav__navBlk_ttl {
width: 174px;
padding-bottom: 0;
font-size: 18px;
line-height: 26px;
flex-shrink: 0;
}
.archive--report .secCatNav__navBlk_ttl::before {
width: 3px;
height: 26px;
top: 0;
bottom: auto;
left: auto;
right: 0;
}
}
.archive--report .secCatNav__navBlk_list {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
grid-gap: 7px 8px;
}
.archive--report .secCatNav__navBlk_list a {
padding: 4px 25px;
background-color: #fff;
border-radius: 20px;
color: #1D839D;
font-size: 14px;
font-weight: 500;
display: inline-block;
}
.archive--report .secCatNav__navBlk_list a.current, .archive--report .secCatNav__navBlk_list a:hover {
background-color: #1D839D;
color: #fff;
}
@media screen and (min-width: 768px) {
.archive--report .secCatNav__navBlk_list {
grid-gap: 12px 15px;
}
.archive--report .secCatNav__navBlk_list a {
padding: 4px 23px;
font-size: 16px;
line-height: 1.25;
}
}
.archive--report .archiveWrap {
width: 100%;
padding: 0 0 60px;
display: flex;
flex-direction: column;
align-items: flex-start;
grid-gap: 60px;
}
@media screen and (min-width: 1024px) {
.archive--report .archiveWrap {
flex-direction: row;
align-items: flex-start;
grid-gap: 40px;
}
}
@media screen and (min-width: 1200px) {
.archive--report .archiveWrap {
grid-gap: 60px;
}
}
.archive--report .secArchive {
width: 100%;
}
@media screen and (min-width: 1024px) {
.archive--report .secArchive {
padding: 0 0 0 20px;
}
}
@media screen and (min-width: 1240px) {
.archive--report .secArchive {
padding-left: calc(50vw - 600px);
}
}
@media screen and (min-width: 1024px) {
.archive--report .secArchive__inner {
width: 100%;
max-width: 780px;
}
}
.archive--report .secArchive__archiveList {
width: 100%;
display: grid;
grid-gap: 20px;
}
@media screen and (min-width: 768px) {
.archive--report .secArchive__archiveList {
grid-template-columns: repeat(2, 1fr);
}
.archive--report .secArchive__archiveList > li:first-of-type {
grid-column: span 2;
}
.archive--report .secArchive__archiveList > li:first-of-type .reportItem__img {
padding-top: 60.1282%;
}
}
@media screen and (min-width: 1024px) {
.archive--report .secArchive__archiveList {
grid-gap: 40px;
}
}
.archive--report .reportItem {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
grid-gap: 13px;
}
.archive--report .reportItem__img {
width: 100%;
padding-top: 64.7761%;
border-radius: 10px;
}
.archive--report .reportItem__img img {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
-o-object-fit: cover;
object-fit: cover;
}
.archive--report .reportItem__txtWrap {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
grid-gap: 11px;
}
.archive--report .reportItem__txtWrap_meta {
width: 100%;
font-weight: 500;
display: flex;
align-items: center;
justify-content: space-between;
}
.archive--report .reportItem__txtWrap_meta .category {
padding: 4px 22px;
border: 1px solid #1D839D;
border-radius: 20px;
color: #1D839D;
}
.archive--report .reportItem__txtWrap_ttl {
font-size: 20px;
font-weight: 500;
}
@media screen and (min-width: 768px) {
.archive--report .reportItem {
grid-gap: 10px;
}
.archive--report .reportItem__img {
padding-top: 64.86486%;
}
}
.archive--report .reportSidebar {
width: 100%;
padding: 28px 30px;
background: rgba(29, 131, 157, 0.1);
}
@media screen and (min-width: 1024px) {
.archive--report .reportSidebar {
width: auto;
padding: 28px 45px;
border-radius: 10px 0 0 10px;
}
}
@media screen and (min-width: 1200px) {
.archive--report .reportSidebar {
padding-right: max(45px, 50vw - 600px);
}
}
@media screen and (min-width: 1290px) {
.archive--report .reportSidebar {
padding-right: calc(50vw - 600px);
}
}
.archive--report .reportSidebar__inner {
width: 100%;
max-width: 315px;
margin: 0 auto;
}
@media screen and (min-width: 1024px) {
.archive--report .reportSidebar__inner {
width: 315px;
margin: 0;
}
}
.archive--report .reportSidebar__ttl {
margin-bottom: 27px;
color: #1D839D;
font-size: 28px;
font-weight: 600;
letter-spacing: 0.04em;
}
.archive--report .reportSidebar__list {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
grid-gap: 30px;
counter-reset: reportSidebar__list 0;
}
.archive--report .reportSidebar__list li::before {
counter-increment: reportSidebar__list 1;
content: counter(reportSidebar__list, decimal-leading-zero);
width: 50px;
background-color: #1D839D;
border-radius: 5px 5px 0 0;
color: #FFF;
font-size: 20px;
font-weight: 600;
font-family: "Manrope", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
letter-spacing: 0.04em;
line-height: 33px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.archive--report .reportSidebar__list .reportItem {
padding: 30px;
background-color: #fff;
border-radius: 0 5px 5px 5px;
grid-gap: 10px;
}
.archive--report .reportSidebar__list .reportItem__txtWrap {
grid-gap: 8px;
}
.archive--report .reportSidebar__list .reportItem__txtWrap_meta {
font-size: 14px;
align-items: flex-start;
}
.archive--report .reportSidebar__list .reportItem__txtWrap_meta .category {
padding: 2px 20px;
}
.archive--report .reportSidebar__list .reportItem__txtWrap_ttl {
font-size: 16px;
}
.single--report .secVoice {
padding: 50px 0 40px;
}
@media screen and (min-width: 768px) {
.single--report .secVoice {
padding: 85px 0 50px;
}
}
.single--report .secVoice__inner {
padding-bottom: 40px;
border-bottom: 1px solid #c5c5c5;
display: flex;
flex-direction: column;
align-items: center;
grid-gap: 30px;
}
@media screen and (min-width: 768px) {
.single--report .secVoice__inner {
max-width: 996px;
padding-bottom: 50px;
flex-direction: row;
align-items: flex-start;
grid-gap: 24px;
}
}
.single--report .secVoice__txtWrap {
width: 100%;
}
.single--report .secVoice__txtWrap_meta {
margin-bottom: 30px;
display: flex;
align-items: center;
grid-gap: 20px;
}
.single--report .secVoice__txtWrap_meta .category {
padding: 2px 22px;
border: 1px solid #1D839D;
border-radius: 20px;
color: #1D839D;
font-weight: 500;
}
.single--report .secVoice__txtWrap_ttl {
color: #1D839D;
font-size: 20px;
font-weight: 700;
}
@media screen and (min-width: 1024px) {
.single--report .secVoice__txtWrap_ttl {
font-size: 24px;
}
}
.single--report .secVoice__txtWrap .js-txtWrap > p {
margin-top: 20px;
font-weight: 500;
}
.single--report .secVoice__img {
width: 100%;
}
.single--report .secVoice__img a {
width: 100%;
padding-top: 71.0448%;
display: block;
position: relative;
overflow: hidden;
}
.single--report .secVoice__img a img {
width: 100%;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
}
@media screen and (min-width: 768px) {
.single--report .secVoice__img {
width: 38.5542%;
flex-shrink: 0;
}
.single--report .secVoice__img a {
padding-top: 71.09375%;
}
}
.single--report .secContents {
padding: 0 0 60px;
}
@media screen and (min-width: 768px) {
.single--report .secContents {
padding: 0 0 100px;
}
}
.single--report .secContents__inner {
padding: 0 0 40px;
border-bottom: 1px solid #c5c5c5;
}
@media screen and (min-width: 768px) {
.single--report .secContents__inner {
max-width: 996px;
padding: 0 0 80px;
}
}
.single--report .secContents h2 {
font-size: 20px;
font-weight: 700;
}
.single--report .secContents h2:not(:first-child) {
margin-top: 40px;
}
.single--report .secContents h2:not(:last-child) {
margin-bottom: 20px;
}
.single--report .secContents h2 > span {
font-size: 100% !important;
}
.single--report .secContents p:not(:first-child) {
margin-top: 20px;
}
.single--report .secContents p:not(:last-child) {
margin-bottom: 20px;
}
.single--report .secContents img {
width: 100%;
display: block;
}
.single--report .secContents .iframeWrap {
width: 100%;
padding-top: 56.25%;
position: relative;
overflow: hidden;
}
.single--report .secContents .iframeWrap iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.secSolution {
width: 100%;
padding: 50px 0 60px;
}
@media screen and (min-width: 768px) {
.secSolution {
padding: 85px 0 100px;
}
}
@media screen and (min-width: 768px) {
.secSolution__inner {
max-width: 1000px;
}
}
.secSolution__introTxt {
padding-bottom: 60px;
margin-bottom: 40px;
border-bottom: 1px solid #C5C5C5;
font-size: 18px;
}
.secSolution__introTxt p + p {
margin-top: 1.5em;
}
@media screen and (min-width: 768px) {
.secSolution__introTxt {
padding-bottom: 80px;
}
}
.secSolution__list {
width: 100%;
display: grid;
grid-gap: 40px;
}
.secSolution__list .listItem {
width: 100%;
padding: 0 0 38px;
border-bottom: 1px solid #C5C5C5;
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
grid-gap: 30px;
}
@media screen and (min-width: 768px) {
.secSolution__list .listItem {
padding-bottom: 60px;
flex-direction: row;
grid-gap: 87px;
}
}
.secSolution__list .listItem__img {
width: 100%;
max-width: 400px;
padding-top: min(57.6119%, 230px);
margin: 0 auto;
border-radius: 10px;
}
@media screen and (min-width: 768px) {
.secSolution__list .listItem__img {
width: 40.1%;
max-width: 100%;
padding-top: 23.1%;
margin: 26px 0 0;
flex-shrink: 0;
}
}
.secSolution__list .listItem__txtWrap {
width: 100%;
}
.secSolution__list .listItem__txtWrap_ttl {
margin-bottom: 20px;
font-size: 20px;
font-weight: 700;
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
grid-gap: 8px;
}
.secSolution__list .listItem__txtWrap_ttl .en {
color: #1D839D;
font-size: 16px;
letter-spacing: 0.04em;
font-weight: 600;
}
@media screen and (min-width: 1024px) {
.secSolution__list .listItem__txtWrap_ttl {
margin-bottom: 30px;
font-size: 28px;
}
.secSolution__list .listItem__txtWrap_ttl .en {
font-size: 20px;
}
}
.secSolution__list .listItem__txtWrap_txt {
margin-bottom: 30px;
}
@media screen and (min-width: 1024px) {
.secSolution__list .listItem__txtWrap_txt {
margin-bottom: 36px;
}
}
.secSolution__list .listItem__txtWrap_btnWrap {
text-align: center;
}
.secSolution__list .listItem__txtWrap_btnWrap .btn {
width: 100%;
max-width: 240px;
}
.secSolution__list .listItem__txtWrap_btnWrap .btn.disabled {
opacity: 0.7;
pointer-events: none;
}
@media screen and (min-width: 768px) {
.secSolution__list .listItem__txtWrap_btnWrap {
text-align: left;
}
.secSolution__list .listItem__txtWrap_btnWrap .btn {
padding: 8px 32px;
}
}
.page--about .secAbout {
padding: 50px 0 60px;
}
@media screen and (min-width: 768px) {
.page--about .secAbout {
padding: 85px 0 100px;
}
}
.page--about .secAbout__list {
display: grid;
grid-gap: 58px;
counter-reset: secAbout__list 0;
}
@media screen and (min-width: 768px) {
.page--about .secAbout__list {
grid-gap: 80px;
}
}
.page--about .secAbout__list .listItem {
width: 100%;
}
.page--about .secAbout__list .listItem__ttl {
width: 100%;
padding: 15px 30px;
margin-bottom: 20px;
background-color: #1D839D;
border-radius: 10px;
color: #FFF;
font-size: 20px;
font-weight: 600;
letter-spacing: 0.05em;
line-height: 1.6;
display: flex;
align-items: center;
grid-gap: 30px;
}
.page--about .secAbout__list .listItem__ttl::before {
counter-increment: secAbout__list 1;
content: counter(secAbout__list, decimal-leading-zero);
font-size: 16px;
font-family: "Manrope", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
.page--about .secAbout__list .listItem__ttl {
padding: 10px 30px;
margin-bottom: 50px;
font-size: 28px;
grid-gap: 40px;
}
.page--about .secAbout__list .listItem__ttl::before {
font-size: 24px;
}
}
@media screen and (min-width: 1024px) {
.page--about .secAbout__list .listItem__ttl {
font-size: 32px;
}
}
.page--about .secAbout__list .listItem__box {
padding: 30px;
margin-bottom: 40px;
border: 1px solid #C5C5C5;
border-radius: 10px;
display: flex;
flex-direction: column;
align-items: center;
grid-gap: 10px;
}
@media screen and (min-width: 768px) {
.page--about .secAbout__list .listItem__box {
padding: 48px 20px;
flex-direction: row;
justify-content: center;
grid-gap: 20px;
}
}
@media screen and (min-width: 1024px) {
.page--about .secAbout__list .listItem__box {
margin-bottom: 50px;
grid-gap: 72px;
}
}
.page--about .secAbout__list .listItem__box_img {
width: 100%;
max-width: 140px;
}
@media screen and (min-width: 1024px) {
.page--about .secAbout__list .listItem__box_img {
max-width: 190px;
}
}
@media screen and (min-width: 1200px) {
.page--about .secAbout__list .listItem__box_img {
max-width: 220px;
}
.page--about .secAbout__list .listItem__box_img.img02 {
padding: 0 40px 0 0;
}
.page--about .secAbout__list .listItem__box_img.img03 {
padding: 20px 30px 0 0;
}
.page--about .secAbout__list .listItem__box_img.img04 {
padding: 10px 30px 0 0;
}
}
.page--about .secAbout__list .listItem__box_txtWrap {
width: 100%;
font-weight: 500;
display: flex;
flex-direction: column;
align-items: flex-start;
grid-gap: 18px;
}
.page--about .secAbout__list .listItem__box_txtWrap hr {
width: 100%;
color: #c5c5c5;
}
@media screen and (min-width: 1024px) {
.page--about .secAbout__list .listItem__box_txtWrap {
max-width: 705px;
font-size: 20px;
grid-gap: 38px;
}
}
.page--about .secAbout__list .listItem__box_linkList {
width: 100%;
display: grid;
grid-gap: 18px;
}
.page--about .secAbout__list .listItem__box_linkList a {
display: flex;
align-items: flex-start;
grid-gap: 20px;
}
.page--about .secAbout__list .listItem__box_linkList a::before {
content: "";
width: 25px;
height: 25px;
margin-top: 5px;
background: #16B8C8 url('data:image/svg+xml;charset=utf8,') center/contain no-repeat;
border-radius: 50%;
display: block;
flex-shrink: 0;
}
@media screen and (min-width: 1024px) {
.page--about .secAbout__list .listItem__box_linkList {
font-size: 20px;
grid-gap: 24px;
}
}
.page--about .secAbout__list .listItem__detail_ttl {
width: 100%;
padding: 7px 20px;
border: 1px solid #16B8C8;
border-radius: 10px 10px 0 0;
color: #1D839D;
font-weight: 600;
letter-spacing: 0.04em;
display: flex;
align-items: center;
justify-content: space-between;
}
.page--about .secAbout__list .listItem__detail_ttl .toggler {
width: 20px;
height: 20px;
display: block;
flex-shrink: 0;
position: relative;
}
.page--about .secAbout__list .listItem__detail_ttl .toggler::before, .page--about .secAbout__list .listItem__detail_ttl .toggler::after {
content: "";
width: 20px;
height: 2.5px;
background-color: #1D839D;
display: block;
position: absolute;
transition: 0.3s;
}
.page--about .secAbout__list .listItem__detail_ttl .toggler::before {
top: 50%;
left: 0;
transform: translateY(-50%);
}
.page--about .secAbout__list .listItem__detail_ttl .toggler::after {
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(90deg);
}
.page--about .secAbout__list .listItem__detail_ttl.open .toggler::after {
transform: translate(-50%, -50%);
}
@media screen and (min-width: 768px) {
.page--about .secAbout__list .listItem__detail_ttl {
padding: 14px 40px 14px 30px;
font-size: 20px;
}
}
.page--about .secAbout__list .listItem__detail_contents {
width: 100%;
max-height: 0;
padding: 0 30px;
background-color: rgba(29, 131, 157, 0.1);
display: flex;
flex-direction: column;
align-items: center;
grid-gap: 20px;
opacity: 0;
overflow: hidden;
transition: 0.3s;
}
.page--about .secAbout__list .listItem__detail_contents.open {
max-height: 10000px;
padding: 30px;
opacity: 1;
}
@media screen and (min-width: 768px) {
.page--about .secAbout__list .listItem__detail_contents {
padding: 0 40px;
grid-gap: 48px;
}
.page--about .secAbout__list .listItem__detail_contents.open {
padding-top: 40px;
padding-bottom: 50px;
}
}
.page--about .secAbout__list .listItem__detail_contents .contentsBlk {
width: 100%;
}
@media screen and (min-width: 768px) {
.page--about .secAbout__list .listItem__detail_contents .contentsBlk {
max-width: 996px;
}
}
.page--about .secAbout__list .listItem__detail_contents .contentsBlk__ttl {
margin-bottom: 30px;
text-align: center;
}
.page--about .secAbout__list .listItem__detail_contents .contentsBlk__ttl span {
padding: 9px 12px;
background-color: #16B8C8;
border-radius: 3px;
color: #fff;
font-size: 20px;
font-weight: 600;
display: inline-block;
}
@media screen and (min-width: 768px) {
.page--about .secAbout__list .listItem__detail_contents .contentsBlk__ttl {
margin-bottom: 20px;
}
}
.page--about .secAbout__list .listItem__detail_contents .contentsBlk__img {
width: 100%;
margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
.page--about .secAbout__list .listItem__detail_contents .contentsBlk__img {
margin-bottom: 16px;
}
}
.page--about .secAbout__list .listItem__detail_contents .contentsBlk__txtWrap {
width: 100%;
}
.page--about .secAbout__list .listItem__detail_contents .contentsBlk__txtWrap p + p {
margin-top: 1.5em;
}
.secMsg {
padding: 50px 0 60px;
}
@media screen and (min-width: 768px) {
.secMsg {
padding: 85px 0 100px;
}
}
.secMsg__inner {
display: flex;
flex-direction: column;
align-items: center;
grid-gap: 30px;
}
@media screen and (min-width: 768px) {
.secMsg__inner {
flex-direction: row;
align-items: flex-start;
grid-gap: 0;
}
}
@media screen and (min-width: 1024px) {
.secMsg__inner {
align-items: flex-end;
grid-gap: 50px;
}
}
.secMsg__txtWrap {
width: 100%;
}
.secMsg__txtWrap_ttl {
margin-bottom: 20px;
font-size: 20px;
font-weight: 500;
letter-spacing: 0.05em;
line-height: 1.6;
display: flex;
flex-direction: column-reverse;
align-items: flex-start;
grid-gap: 40px;
}
.secMsg__txtWrap_ttl .en {
color: #1D839D;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.04em;
}
@media screen and (min-width: 768px) {
.secMsg__txtWrap_ttl {
margin-bottom: 34px;
font-size: 28px;
grid-gap: 38px;
}
.secMsg__txtWrap_ttl .en {
font-size: 24px;
}
}
.secMsg__txtWrap p + p {
margin-top: 1.5em;
}
.secMsg__img {
width: 100%;
}
.secMsg__img img {
border-radius: 10px;
}
@media screen and (min-width: 768px) {
.page--profile .secMsg__txtWrap p {
white-space: nowrap;
}
}
@media screen and (min-width: 768px) {
.page--profile .secMsg__img {
width: 40%;
flex-shrink: 0;
}
}
@media screen and (min-width: 1024px) {
.page--profile .secMsg__img {
width: 49%;
}
}
.page--profile .secList {
padding: 60px 0;
margin-bottom: 60px;
background: rgba(29, 131, 157, 0.1);
}
@media screen and (min-width: 768px) {
.page--profile .secList {
padding: 100px 0;
margin-bottom: 100px;
}
}
.page--profile .secList__inner {
padding: 30px;
background-color: #fff;
border-radius: 10px;
display: flex;
flex-direction: column;
align-items: center;
grid-gap: 30px;
}
@media screen and (min-width: 768px) {
.page--profile .secList__inner {
padding: 70px 20px;
flex-direction: row;
align-items: flex-start;
justify-content: center;
}
}
@media screen and (min-width: 1024px) {
.page--profile .secList__inner {
grid-gap: 60px;
}
}
@media screen and (min-width: 1200px) {
.page--profile .secList__inner {
grid-gap: 102px;
}
}
.page--profile .secList__listWrap {
width: 100%;
}
@media screen and (min-width: 768px) {
.page--profile .secList__listWrap {
max-width: 510px;
}
}
.page--profile .secList__listWrap_list {
width: 100%;
display: grid;
grid-gap: 20px;
}
.page--profile .secList__listWrap_list > li {
width: 100%;
padding-bottom: 20px;
border-bottom: 1px solid #1D839D;
}
@media screen and (min-width: 768px) {
.page--profile .secList__listWrap_list {
grid-gap: 40px;
}
.page--profile .secList__listWrap_list > li {
padding-bottom: 30px;
}
}
.page--profile .secList__listWrap_listLink {
display: flex;
align-items: flex-end;
grid-gap: 13px;
}
.page--profile .secList__listWrap_listLink::after {
content: "→";
width: 27px;
height: 27px;
margin-bottom: 10px;
background: url('data:image/svg+xml;charset=utf8,') center/contain no-repeat;
border: 1px solid #1D839D;
border-radius: 50%;
color: transparent;
display: block;
flex-shrink: 0;
transition: background-color 0.3s ease;
}
@media screen and (min-width: 1024px) {
.page--profile .secList__listWrap_listLink {
align-items: center;
grid-gap: 35px;
}
.page--profile .secList__listWrap_listLink::after {
margin-bottom: 0;
}
}
.page--profile .secList__listWrap_listLink .txtWrap {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
grid-gap: 20px;
}
.page--profile .secList__listWrap_listLink .txtWrap__ttl {
font-size: 24px;
font-weight: 700;
line-height: 1;
}
.page--profile .secList__listWrap_listLink:hover::after {
background: #1D839D url('data:image/svg+xml;charset=utf8,') center/contain no-repeat;
}
.page--profile .secList__img {
width: 100%;
}
@media screen and (min-width: 768px) {
.page--profile .secList__img {
max-width: 280px;
flex-shrink: 0;
}
}
@media screen and (min-width: 1024px) {
.page--profile .secList__img {
max-width: 340px;
}
}
@media screen and (min-width: 1200px) {
.page--profile .secList__img {
max-width: 384px;
}
}
.page--company .secCompany {
padding: 50px 0 60px;
}
@media screen and (min-width: 768px) {
.page--company .secCompany {
padding: 85px 0 100px;
}
}
@media screen and (min-width: 768px) {
.page--company .secCompany__inner {
max-width: 1000px;
}
}
.page--company .secCompany__table {
width: 100%;
border-top: 1px solid #C5C5C5;
position: relative;
}
.page--company .secCompany__table::before {
content: "";
width: 63px;
height: 1px;
background-color: #1D839D;
display: block;
position: absolute;
top: 0;
left: 0;
}
.page--company .secCompany__table th, .page--company .secCompany__table td {
line-height: 1.8;
display: block;
}
.page--company .secCompany__table th {
padding: 20px 0 10px;
color: #1D839D;
font-weight: 700;
}
.page--company .secCompany__table td {
padding: 0 0 20px;
border-bottom: 1px solid #C5C5C5;
}
@media screen and (min-width: 768px) {
.page--company .secCompany__table::before {
width: 147px;
}
.page--company .secCompany__table th, .page--company .secCompany__table td {
padding: 24px 0;
display: table-cell;
}
.page--company .secCompany__table th {
width: 340px;
border-bottom: 1px solid #C5C5C5;
}
}
@media screen and (min-width: 768px) {
.page--business .secMsg__inner {
max-width: 1000px;
flex-direction: column;
align-items: center;
}
}
@media screen and (min-width: 1024px) {
.page--business .secMsg__inner {
align-items: center;
}
}
@media screen and (min-width: 768px) {
.page--business .secMsg__txtWrap p {
line-height: 2.4;
}
.page--business .secMsg__txtWrap p + p {
margin-top: 2.4em;
}
}
.page--business .secBusiness {
padding: 40px 0;
margin-bottom: 60px;
background-color: rgba(29, 131, 157, 0.1);
}
@media screen and (min-width: 768px) {
.page--business .secBusiness {
padding: 100px 0;
margin-bottom: 100px;
}
}
.page--business .secBusiness__inner {
display: flex;
flex-direction: column;
align-items: flex-start;
grid-gap: 40px;
}
@media screen and (min-width: 768px) {
.page--business .secBusiness__inner {
max-width: 1000px;
grid-gap: 80px;
}
}
.page--business .secBusiness__contentsBlk {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
grid-gap: 20px;
}
@media screen and (min-width: 768px) {
.page--business .secBusiness__contentsBlk {
flex-direction: row;
align-items: flex-start;
}
}
@media screen and (min-width: 1024px) {
.page--business .secBusiness__contentsBlk {
grid-gap: 32px;
}
}
.page--business .secBusiness__contentsBlk_txtWrap {
width: 100%;
line-height: 2.4;
}
.page--business .secBusiness__contentsBlk_txtWrap p + p {
margin-top: 16px;
}
.page--business .secBusiness__contentsBlk_txtWrap p strong {
font-size: 20px;
line-height: 2;
}
.page--business .secBusiness__contentsBlk_img {
width: 100%;
max-width: 400px;
padding: 0 34.5px;
margin: 0 auto;
}
@media screen and (min-width: 768px) {
.page--business .secBusiness__contentsBlk_img {
max-width: 266px;
padding: 0;
margin: 60px 0 0;
flex-shrink: 0;
}
}
.page--business .secBusiness__contentsBlk_ttl {
margin-bottom: 20px;
color: #1D839D;
font-size: 20px;
font-weight: 700;
letter-spacing: 0.05em;
line-height: 1.6;
}
@media screen and (min-width: 768px) {
.page--business .secBusiness__contentsBlk_ttl {
margin-bottom: 28px;
font-size: 24px;
line-height: 1.3333;
}
}
.page--business .secBusiness__contentsBlk_list {
width: 100%;
display: grid;
grid-gap: 24px;
position: relative;
counter-reset: secBusiness__contentsBlk_list 0;
}
@media screen and (min-width: 768px) {
.page--business .secBusiness__contentsBlk_list {
margin-top: 32px;
grid-gap: 32px;
}
}
.page--business .secBusiness__contentsBlk_list .listItem {
width: 100%;
display: flex;
align-items: flex-start;
position: relative;
}
.page--business .secBusiness__contentsBlk_list .listItem::before {
counter-increment: secBusiness__contentsBlk_list 1;
content: counter(secBusiness__contentsBlk_list);
width: 40px;
height: 40px;
margin-top: 20px;
background: linear-gradient(90deg, #1D839D 0%, #16B8C8 100%);
border-radius: 50%;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
z-index: 1;
}
.page--business .secBusiness__contentsBlk_list .listItem::after {
content: "";
width: 23px;
height: calc(100% + 24px);
display: block;
position: absolute;
top: 40px;
}
.page--business .secBusiness__contentsBlk_list .listItem:nth-child(1), .page--business .secBusiness__contentsBlk_list .listItem:nth-child(5) {
padding-left: 30px;
grid-gap: 22px;
}
.page--business .secBusiness__contentsBlk_list .listItem:nth-child(1)::after, .page--business .secBusiness__contentsBlk_list .listItem:nth-child(5)::after {
left: 30px;
}
.page--business .secBusiness__contentsBlk_list .listItem:nth-child(2), .page--business .secBusiness__contentsBlk_list .listItem:nth-child(4) {
padding-left: 13px;
grid-gap: 29px;
}
.page--business .secBusiness__contentsBlk_list .listItem:nth-child(1)::after {
background: url('data:image/svg+xml,') center/contain no-repeat;
}
.page--business .secBusiness__contentsBlk_list .listItem:nth-child(2)::after {
background: url('data:image/svg+xml,') center/contain no-repeat;
left: 18px;
}
.page--business .secBusiness__contentsBlk_list .listItem:nth-child(3) {
grid-gap: 32px;
}
.page--business .secBusiness__contentsBlk_list .listItem:nth-child(3)::after {
background: url('data:image/svg+xml,') center/contain no-repeat;
left: 18px;
}
.page--business .secBusiness__contentsBlk_list .listItem:nth-child(4)::after {
background: url('data:image/svg+xml,') center/contain no-repeat;
left: 30px;
}
.page--business .secBusiness__contentsBlk_list .listItem:nth-child(5)::after {
display: none;
}
@media screen and (min-width: 1024px) {
.page--business .secBusiness__contentsBlk_list .listItem::before {
width: 120px;
height: 120px;
margin-top: 0;
font-size: 64px;
}
.page--business .secBusiness__contentsBlk_list .listItem::after {
width: 70px;
height: calc(100% + 32px);
top: 60px;
}
.page--business .secBusiness__contentsBlk_list .listItem:nth-child(1), .page--business .secBusiness__contentsBlk_list .listItem:nth-child(5) {
padding-left: 90px;
grid-gap: 24px;
}
.page--business .secBusiness__contentsBlk_list .listItem:nth-child(2), .page--business .secBusiness__contentsBlk_list .listItem:nth-child(4) {
padding-left: 40px;
grid-gap: 24px;
}
.page--business .secBusiness__contentsBlk_list .listItem:nth-child(1)::after {
background: url('data:image/svg+xml,') center/contain no-repeat;
left: 95px;
}
.page--business .secBusiness__contentsBlk_list .listItem:nth-child(2)::after {
background: url('data:image/svg+xml,') center/contain no-repeat;
left: 50px;
}
.page--business .secBusiness__contentsBlk_list .listItem:nth-child(3) {
grid-gap: 24px;
}
.page--business .secBusiness__contentsBlk_list .listItem:nth-child(3)::after {
background: url('data:image/svg+xml,') center/contain no-repeat;
left: 50px;
}
.page--business .secBusiness__contentsBlk_list .listItem:nth-child(4)::after {
background: url('data:image/svg+xml,') center/contain no-repeat;
left: 95px;
}
}
.page--business .secBusiness__contentsBlk_list .listItem__txtWrap {
width: 100%;
font-size: 14px;
line-height: 1.6;
}
.page--business .secBusiness__contentsBlk_list .listItem__ttl {
padding: 0 16px 0 8px;
margin-bottom: 10px;
border-left: 8px solid #1D839D;
font-size: 16px;
font-weight: 700;
line-height: 1.5;
}
.page--business .secBusiness__contentsBlk_list .listItem__ttl strong {
font-size: 20px;
letter-spacing: 0.05em;
line-height: 1.6;
}
@media screen and (min-width: 1024px) {
.page--business .secBusiness__contentsBlk_list .listItem__ttl {
padding: 0 16px 6px 8px;
}
}
.page--base .secBase {
padding: 50px 0 60px;
}
@media screen and (min-width: 768px) {
.page--base .secBase {
padding: 85px 0 100px;
}
}
@media screen and (min-width: 768px) {
.page--base .secBase__inner {
max-width: 830px;
}
}
.page--base .secBase__baseWrap {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
grid-gap: 20px;
}
@media screen and (min-width: 768px) {
.page--base .secBase__baseWrap {
grid-gap: 0;
}
}
.page--base .secBase__areaBlk {
width: 100%;
}
.page--base .secBase__areaBlk_areaTtl {
padding: 8px 20px;
border: 1px solid #16B8C8;
color: #1D839D;
font-size: 16px;
font-weight: 600;
position: relative;
}
.page--base .secBase__areaBlk_areaTtl::before, .page--base .secBase__areaBlk_areaTtl::after {
content: "";
width: 16px;
height: 2px;
background-color: #1D839D;
display: block;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
transition: 0.3s;
}
.page--base .secBase__areaBlk_areaTtl::after {
transform: rotate(90deg);
}
.page--base .secBase__areaBlk_areaTtl.open::after {
transform: rotate(0deg);
opacity: 0;
}
@media screen and (min-width: 768px) {
.page--base .secBase__areaBlk {
display: contents;
}
.page--base .secBase__areaBlk_areaTtl {
display: none;
}
}
.page--base .secBase__prefWrap {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
}
@media screen and (max-width: 767px) {
.page--base .secBase__prefWrap {
max-height: 0;
transition: 0.3s;
opacity: 0;
pointer-events: none;
}
.page--base .secBase__prefWrap.open {
max-height: 10000px;
padding-top: 10px;
opacity: 1;
pointer-events: auto;
}
}
.page--base .secBase__prefBlk {
width: 100%;
padding: 0 0 10px;
display: flex;
flex-direction: column;
align-items: flex-start;
grid-gap: 10px;
position: relative;
}
.page--base .secBase__prefBlk::after {
content: "";
width: 100%;
height: 1px;
background: linear-gradient(90deg, #1D839D 70px, #C5C5C5 70px);
}
@media screen and (min-width: 768px) {
.page--base .secBase__prefBlk {
padding: 20px 0;
flex-direction: row;
grid-gap: 0;
}
.page--base .secBase__prefBlk::after {
background: linear-gradient(90deg, #1D839D 120px, #C5C5C5 70px);
position: absolute;
top: 0;
left: 0;
}
}
@media screen and (min-width: 1024px) {
.page--base .secBase__prefBlk::after {
background: linear-gradient(90deg, #1D839D 170px, #C5C5C5 70px);
}
}
.page--base .secBase__prefBlk_ttl {
color: #1D839D;
font-weight: 700;
line-height: 1.8;
}
@media screen and (min-width: 768px) {
.page--base .secBase__prefBlk_ttl {
width: 120px;
flex-shrink: 0;
}
}
@media screen and (min-width: 1024px) {
.page--base .secBase__prefBlk_ttl {
width: 170px;
}
}
.page--base .secBase__prefBlk_shopList {
width: 100%;
display: flex;
flex-direction: column;
align-items: flex-start;
grid-gap: 10px;
}
@media screen and (min-width: 768px) {
.page--base .secBase__prefBlk_shopList {
grid-gap: 20px;
}
}
.page--base .secBase__prefBlk_shopList .listItem {
width: 100%;
line-height: 1.8;
}
.page--base .secBase__prefBlk_shopList .listItem:not(:first-child) {
padding-top: 10px;
border-top: 1px solid #C5C5C5;
}
.page--base .secBase__prefBlk_shopList .listItem__ttl {
font-weight: 500;
}
.page--base .secBase__prefBlk_shopList .listItem__address .mapIcon {
margin-left: 12px;
display: inline-block;
transform: translateY(-5px);
}
@media screen and (min-width: 768px) {
.page--base .secBase__prefBlk_shopList .listItem {
display: flex;
align-items: center;
justify-content: space-between;
}
.page--base .secBase__prefBlk_shopList .listItem:not(:first-child) {
padding-top: 20px;
}
.page--base .secBase__prefBlk_shopList .listItem__ttl {
width: 26%;
flex-shrink: 0;
}
.page--base .secBase__prefBlk_shopList .listItem__address {
width: 100%;
}
.page--base .secBase__prefBlk_shopList .listItem__tel {
width: 30%;
text-align: center;
flex-shrink: 0;
}
}
.page--faq .secFaq {
padding: 50px 0 60px;
}
@media screen and (min-width: 768px) {
.page--faq .secFaq {
padding: 85px 0 100px;
}
}
.page--faq .secFaq__list {
width: 100%;
padding-top: 30px;
border-top: 1px solid #c5c5c5;
display: grid;
grid-gap: 30px;
}
@media screen and (min-width: 768px) {
.page--faq .secFaq__list {
grid-gap: 36px;
}
}
.page--faq .secFaq__list .listItem {
width: 100%;
padding: 0 0 30px;
border-bottom: 1px solid #C5C5C5;
display: flex;
flex-direction: column;
align-items: center;
grid-gap: 20px;
}
@media screen and (min-width: 768px) {
.page--faq .secFaq__list .listItem {
grid-gap: 25px;
}
}
.page--faq .secFaq__list .listItem__q, .page--faq .secFaq__list .listItem__a {
width: 100%;
display: flex;
align-items: flex-start;
grid-gap: 40px;
}
.page--faq .secFaq__list .listItem__q::before, .page--faq .secFaq__list .listItem__a::before {
width: 18px;
font-size: 24px;
font-weight: 600;
font-family: "Manrope", "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
letter-spacing: 0.04em;
line-height: 1;
flex-shrink: 0;
}
.page--faq .secFaq__list .listItem__q {
font-size: 18px;
font-weight: 700;
}
.page--faq .secFaq__list .listItem__q::before {
content: "Q";
color: #1D839D;
}
.page--faq .secFaq__list .listItem__a::before {
content: "A";
color: #16B8C8;
}
.page--contact .secContact {
padding: 50px 0 60px;
}
@media screen and (min-width: 768px) {
.page--contact .secContact {
padding: 85px 0 120px;
}
}
.page--contact .secContact__inner {
max-width: 460px;
}
@media screen and (min-width: 768px) {
.page--contact .secContact__inner {
max-width: 792px;
}
}
.page--contact .secContact__list {
width: 100%;
display: grid;
grid-gap: 20px;
}
@media screen and (min-width: 768px) {
.page--contact .secContact__list {
grid-gap: 30px;
}
}
.page--contact .secContact__list .listItem {
width: 100%;
padding: 30px;
border: 1px solid #C5C5C5;
border-radius: 10px;
display: block;
}
.page--contact .secContact__list .listItem:hover .listItem__inner::after {
background: #1D839D url('data:image/svg+xml;charset=utf8,') center/contain no-repeat;
}
@media screen and (min-width: 768px) {
.page--contact .secContact__list .listItem {
padding: 30px 20px;
}
}
@media screen and (min-width: 1024px) {
.page--contact .secContact__list .listItem {
padding: 56px 30px;
}
}
.page--contact .secContact__list .listItem__inner {
display: flex;
flex-direction: column;
align-items: center;
grid-gap: 20px;
}
.page--contact .secContact__list .listItem__inner::after {
content: "";
width: 60px;
height: 60px;
background: #fff url('data:image/svg+xml;charset=utf8,') center/contain no-repeat;
border: 2px solid #1D839D;
border-radius: 50%;
transition: background-color 0.3s ease;
}
@media screen and (min-width: 768px) {
.page--contact .secContact__list .listItem__inner {
flex-direction: row;
justify-content: space-between;
}
.page--contact .secContact__list .listItem__inner::after {
flex-shrink: 0;
}
}
@media screen and (min-width: 1024px) {
.page--contact .secContact__list .listItem__inner {
max-width: 632px;
margin: 0 auto;
grid-gap: 86px;
}
.page--contact .secContact__list .listItem__inner::after {
width: 100px;
height: 100px;
}
}
.page--contact .secContact__list .listItem__txtWrap {
width: 100%;
font-weight: 500;
display: flex;
flex-direction: column;
align-items: flex-start;
grid-gap: 17px;
}
@media screen and (min-width: 1024px) {
.page--contact .secContact__list .listItem__txtWrap {
grid-gap: 36px;
}
}
.page--contact .secContact__list .listItem__ttl {
color: #1D839D;
font-size: 20px;
font-weight: 700;
}
@media screen and (min-width: 1024px) {
.page--contact .secContact__list .listItem__ttl {
font-size: 24px;
}
}