.sec__allLink {
margin: min(3.28125vw, 42px) min(0.78125vw, 10px) 0 auto;
color: #2364AF;
}
@media screen and (max-width: 768px) {
.sec__allLink {
margin: max(6.4vw, 24px) 0 0 auto;
}
}
.sec__allLink::after {
width: min(2.34375vw, 30px);
height: min(2.34375vw, 30px);
margin: 0 0 0 min(1.25vw, 16px);
}
@media screen and (max-width: 768px) {
.sec__allLink::after {
width: max(8vw, 30px);
height: max(8vw, 30px);
margin: 0 0 0 max(4.2666666667vw, 16px);
}
}
.sec__allLink span {
border-bottom: 1px solid #2364AF;
}
.sec-fv {
width: calc(100% - 12.65625vw);
height: 46.875vw;
max-width: 1677px;
max-height: 85vh;
margin: 0 auto 0 12.65625vw;
position: relative;
border-radius: min(2.34375vw, 30px) 0 0 min(2.34375vw, 30px);
overflow: hidden;
z-index: 1;
}
@media screen and (max-width: 768px) {
.sec-fv {
width: 100%;
height: max(108.2666666667vw, 406px);
margin: 0 0 0 max(5.3333333333vw, 20px);
border-radius: max(8vw, 30px) 0 0 max(8vw, 30px);
}
}
.sec-fv .sec-fv__details {
color: #fff;
text-shadow: 0 0 min(0.78125vw, 10px) rgba(0, 0, 0, 0.25);
position: absolute;
left: min(2.65625vw, 34px);
bottom: min(2.5vw, 32px);
z-index: 1;
}
@media screen and (max-width: 768px) {
.sec-fv .sec-fv__details {
left: max(5.3333333333vw, 20px);
bottom: max(5.3333333333vw, 20px);
text-shadow: 0 0 max(1.0666666667vw, 4px) rgba(0, 0, 0, 0.25);
}
}
.sec-fv .sec-fv__details .sec-fv__caption {
margin-bottom: min(0.625vw, 8px);
font-size: clamp(10px, 3.125vw, 40px);
font-weight: bold;
line-height: 1.5;
}
@media screen and (max-width: 768px) {
.sec-fv .sec-fv__details .sec-fv__caption {
margin-bottom: max(2.1333333333vw, 8px);
font-size: max(8.5333333333vw, 32px);
}
}
.sec-fv .sec-fv__details .-en {
font-size: clamp(10px, 1.171875vw, 15px);
}
@media screen and (max-width: 768px) {
.sec-fv .sec-fv__details .-en {
font-size: max(3.4666666667vw, 13px);
}
}
.sec-fv .sec-fv__list {
display: flex;
height: 100%;
overflow: hidden;
position: relative;
border-radius: min(2.34375vw, 30px) 0 0 min(2.34375vw, 30px);
}
@media screen and (max-width: 768px) {
.sec-fv .sec-fv__list {
border-radius: max(8vw, 30px) 0 0 max(8vw, 30px);
}
}
.sec-fv .sec-fv__list .sec-fv__item {
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
}
.sec-fv .sec-fv__list .sec-fv__item .sec-fv__thumbnail .sec-fv__img {
opacity: 0;
animation: fvFadeIn 18s linear infinite;
}
.sec-fv .sec-fv__list .sec-fv__item:nth-of-type(2) .sec-fv__thumbnail .sec-fv__img {
animation-delay: 6s;
}
.sec-fv .sec-fv__list .sec-fv__item:nth-of-type(3) .sec-fv__thumbnail .sec-fv__img {
animation-delay: 12s;
}
.sec-fv .sec-fv__thumbnail {
width: 100%;
height: 100%;
}
@keyframes fvFadeIn {
0% {
opacity: 0;
transform: scale(1);
}
10% {
opacity: 1;
}
28% {
opacity: 1;
}
38% {
opacity: 0;
}
100% {
opacity: 0;
transform: scale(1.2);
}
}
.to-contact {
display: flex;
width: min(14.84375vw, 190px);
height: min(14.84375vw, 190px);
align-items: center;
justify-content: center;
right: 1.171875vw;
bottom: min(3.125vw, 40px);
position: fixed;
}
.to-contact .to-contact__link {
overflow: hidden;
border-radius: 100%;
display: flex;
width: 100%;
height: 100%;
align-items: center;
justify-content: center;
}
.to-contact.-text {
mix-blend-mode: difference;
filter: drop-shadow(0px 0px 0px #fff);
z-index: 2;
}
.to-contact.-text .to-contact__text__img {
display: inline-flex;
width: min(14.84375vw, 190px);
height: min(14.84375vw, 190px);
animation: spin 20s linear infinite;
}
.to-contact.-text:hover + .-bg {
mix-blend-mode: difference;
}
.to-contact.-bg .to-contact__bg__img {
width: min(11.71875vw, 150px);
height: min(11.71875vw, 150px);
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.sec-concept {
margin: min(11.5625vw, 148px) 0 min(4.6875vw, 60px);
padding: min(3.359375vw, 43px) 0 min(10.625vw, 136px);
background-image: url(//iwaguchigumi.co.jp/wp-content/themes/iwaguchigumi/common/img/bg_dots.png);
background-repeat: repeat;
background-size: 13px;
}
@media screen and (max-width: 768px) {
.sec-concept {
margin: max(8.5333333333vw, 32px) 0 max(7.4666666667vw, 28px);
padding: max(6.9333333333vw, 26px) 0 max(8.5333333333vw, 32px);
}
}
.sec-concept .sec__contents {
line-height: 2.5;
font-weight: bold;
text-align: center;
color: #2364AF;
position: relative;
}
@media screen and (max-width: 768px) {
.sec-concept .sec__contents {
flex-direction: row;
flex-wrap: wrap;
}
.sec-concept .sec__contents .sec-concept__text {
width: 100%;
margin: max(6.4vw, 24px) 0;
flex-shrink: 0;
}
}
.sec-concept .sec__contents:nth-of-type(1) {
margin-bottom: min(7.8125vw, 100px);
}
@media screen and (max-width: 768px) {
.sec-concept .sec__contents:nth-of-type(1) {
margin-bottom: 0;
}
}
.sec-concept .sec__contents:nth-of-type(1) .sec-concept__thumbnail:nth-of-type(1) {
width: min(32.03125vw, 410px);
height: min(19.53125vw, 250px);
top: min(1.875vw, 24px);
left: min(-1.5625vw, -20px);
}
@media screen and (max-width: 768px) {
.sec-concept .sec__contents:nth-of-type(1) .sec-concept__thumbnail:nth-of-type(1) {
width: max(50.6666666667vw, 190px);
height: max(32.5333333333vw, 122px);
border-radius: 0 max(4vw, 15px) max(4vw, 15px) 0;
}
}
.sec-concept .sec__contents:nth-of-type(1) .sec-concept__thumbnail:nth-of-type(2) {
width: min(23.4375vw, 300px);
height: min(16.09375vw, 206px);
top: max(-7.03125vw, -90px);
right: min(13.4375vw, 172px);
}
@media screen and (max-width: 768px) {
.sec-concept .sec__contents:nth-of-type(1) .sec-concept__thumbnail:nth-of-type(2) {
width: max(38.4vw, 144px);
height: max(26.6666666667vw, 100px);
margin: 0 max(5.3333333333vw, 20px) 0 auto;
border-radius: max(4vw, 15px);
}
}
.sec-concept .sec__contents:nth-of-type(2) .sec-concept__thumbnail:nth-of-type(1) {
width: min(17.03125vw, 218px);
height: min(21.40625vw, 274px);
top: max(-2.1875vw, -28px);
left: min(7.1875vw, 92px);
}
@media screen and (max-width: 768px) {
.sec-concept .sec__contents:nth-of-type(2) .sec-concept__thumbnail:nth-of-type(1) {
width: max(33.3333333333vw, 125px);
height: max(42.1333333333vw, 158px);
margin: 0 auto 0 max(5.3333333333vw, 20px);
border-radius: max(4vw, 15px);
}
}
.sec-concept .sec__contents:nth-of-type(2) .sec-concept__thumbnail:nth-of-type(2) {
width: min(16.71875vw, 214px);
height: min(13.75vw, 176px);
top: max(-11.328125vw, -145px);
right: min(7.65625vw, 98px);
}
@media screen and (max-width: 768px) {
.sec-concept .sec__contents:nth-of-type(2) .sec-concept__thumbnail:nth-of-type(2) {
width: max(32vw, 120px);
height: max(26.1333333333vw, 98px);
margin: max(8vw, 30px) max(5.3333333333vw, 20px) 0 auto;
border-radius: max(4vw, 15px);
}
}
.sec-concept .sec__contents:nth-of-type(2) .sec-concept__thumbnail:nth-of-type(3) {
width: min(31.640625vw, 405px);
height: min(17.1875vw, 220px);
top: min(11.875vw, 152px);
right: min(-1.5625vw, -20px);
}
@media screen and (max-width: 768px) {
.sec-concept .sec__contents:nth-of-type(2) .sec-concept__thumbnail:nth-of-type(3) {
width: max(74.6666666667vw, 280px);
height: max(42.6666666667vw, 160px);
margin: max(10.6666666667vw, 40px) 0 0 auto;
border-radius: max(4vw, 15px) 0 0 max(4vw, 15px);
}
}
.sec-concept .sec__contents .sec-concept__thumbnail {
position: absolute;
border-radius: min(1.5625vw, 20px);
}
@media screen and (max-width: 768px) {
.sec-concept .sec__contents .sec-concept__thumbnail {
position: static;
}
}
.sec-reason {
margin-bottom: 12.1875vw;
padding-bottom: min(7.1875vw, 92px);
position: relative;
background: linear-gradient(359.74deg, #EEE9DA 0.19%, rgba(238, 233, 218, 0) 99.74%);
}
@media screen and (max-width: 768px) {
.sec-reason {
margin-bottom: 18.6666666667vw;
padding-bottom: max(6.4vw, 24px);
}
}
.sec-reason::after {
content: "";
display: block;
width: 100%;
height: 7.8125vw;
background-image: url(//iwaguchigumi.co.jp/wp-content/themes/iwaguchigumi/common/img/bg_wave.svg);
background-size: cover;
background-position: left bottom;
background-repeat: no-repeat;
position: absolute;
left: 0;
bottom: -7.8125vw;
filter: invert(93%) sepia(15%) saturate(177%) hue-rotate(2deg) brightness(102%) contrast(87%);
}
@media screen and (max-width: 768px) {
.sec-reason::after {
height: 8.5333333333vw;
bottom: -8.5333333333vw;
}
}
.sec-reason .sec-reason__list {
display: flex;
flex-direction: column;
gap: min(9.375vw, 120px);
}
@media screen and (max-width: 768px) {
.sec-reason .sec-reason__list {
gap: max(10.6666666667vw, 40px);
}
}
.sec-reason .sec-reason__list .sec-reason__item {
display: flex;
}
@media screen and (max-width: 768px) {
.sec-reason .sec-reason__list .sec-reason__item {
flex-direction: column;
}
}
.sec-reason .sec-reason__list .sec-reason__item:nth-of-type(2n - 1) .sec-reason__thumbnail {
margin: 0 min(8.28125vw, 106px) 0 min(-1.5625vw, -20px);
}
@media screen and (max-width: 768px) {
.sec-reason .sec-reason__list .sec-reason__item:nth-of-type(2n - 1) .sec-reason__thumbnail {
border-radius: 0 max(5.3333333333vw, 20px) max(5.3333333333vw, 20px) 0;
margin: 0 max(5.3333333333vw, 20px) max(5.3333333333vw, 20px) 0;
}
}
.sec-reason .sec-reason__list .sec-reason__item:nth-of-type(2n) {
flex-direction: row-reverse;
margin-left: auto;
}
@media screen and (max-width: 768px) {
.sec-reason .sec-reason__list .sec-reason__item:nth-of-type(2n) {
flex-direction: column;
}
}
.sec-reason .sec-reason__list .sec-reason__item:nth-of-type(2n) .sec-reason__thumbnail {
margin: 0 min(-1.5625vw, -20px) 0 min(8.28125vw, 106px);
}
@media screen and (max-width: 768px) {
.sec-reason .sec-reason__list .sec-reason__item:nth-of-type(2n) .sec-reason__thumbnail {
margin: 0 0 max(4.2666666667vw, 16px) max(5.3333333333vw, 20px);
border-radius: max(5.3333333333vw, 20px) 0 0 max(5.3333333333vw, 20px);
}
}
.sec-reason .sec-reason__list .sec-reason__item .sec-reason__thumbnail {
width: min(50.3125vw, 644px);
height: min(19.0625vw, 244px);
border-radius: min(1.5625vw, 20px);
}
@media screen and (max-width: 768px) {
.sec-reason .sec-reason__list .sec-reason__item .sec-reason__thumbnail {
width: calc(100% - 5.3333333333vw);
height: max(37.3333333333vw, 140px);
}
}
@media screen and (max-width: 768px) {
.sec-reason .sec-reason__list .sec-reason__item .sec-reason__details {
margin-left: max(5.3333333333vw, 20px);
}
}
.sec-reason .sec-reason__list .sec-reason__item .sec-reason__caption {
margin-bottom: min(1.875vw, 24px);
color: #DE8D14;
line-height: 1.5;
}
@media screen and (max-width: 768px) {
.sec-reason .sec-reason__list .sec-reason__item .sec-reason__caption {
margin-bottom: max(4.2666666667vw, 16px);
}
}
.sec-reason .sec-reason__list .sec-reason__item .sec-reason__caption .-en {
display: inline-block;
margin-bottom: min(0.625vw, 8px);
padding-bottom: min(0.625vw, 8px);
font-size: clamp(10px, 1.5625vw, 20px);
font-weight: bold;
border-bottom: 1px dashed #DE8D14;
}
@media screen and (max-width: 768px) {
.sec-reason .sec-reason__list .sec-reason__item .sec-reason__caption .-en {
margin-bottom: max(2.1333333333vw, 8px);
padding-bottom: max(2.1333333333vw, 8px);
font-size: max(5.3333333333vw, 20px);
}
}
.sec-reason .sec-reason__list .sec-reason__item .sec-reason__caption .-jp {
font-size: clamp(10px, 1.09375vw, 14px);
}
@media screen and (max-width: 768px) {
.sec-reason .sec-reason__list .sec-reason__item .sec-reason__caption .-jp {
font-size: max(3.7333333333vw, 14px);
}
}
.sec-reason .sec-reason__list .sec-reason__item .sec-reason__text {
font-size: clamp(10px, 1.5625vw, 20px);
line-height: 2;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.sec-reason .sec-reason__list .sec-reason__item .sec-reason__text {
font-size: inherit;
line-height: 2;
}
}
.sec-service {
margin-bottom: min(3.59375vw, 46px);
}
@media screen and (max-width: 768px) {
.sec-service {
margin-bottom: max(16vw, 60px);
}
}
.sec-service .sec-service__list {
display: flex;
margin: 0 auto;
flex-direction: column;
gap: min(4.6875vw, 60px);
}
@media screen and (max-width: 768px) {
.sec-service .sec-service__list {
width: 100%;
gap: max(6.4vw, 24px);
}
}
.sec-service .sec-service__list .sec-service__item {
display: flex;
width: min(73.4375vw, 940px);
padding: min(3.125vw, 40px);
background-color: #fff;
border-radius: min(1.5625vw, 20px);
}
@media screen and (max-width: 768px) {
.sec-service .sec-service__list .sec-service__item {
width: 100%;
padding: max(5.3333333333vw, 20px);
border-radius: max(5.3333333333vw, 20px);
flex-direction: column;
}
}
.sec-service .sec-service__list .sec-service__item .sec-service__details {
width: min(33.28125vw, 426px);
margin-right: min(9.375vw, 120px);
text-align: justify;
flex-shrink: 0;
}
@media screen and (max-width: 768px) {
.sec-service .sec-service__list .sec-service__item .sec-service__details {
width: 100%;
margin: 0 0 max(2.1333333333vw, 8px);
}
}
.sec-service .sec-service__list .sec-service__item .sec-service__details .sec-service__caption {
display: flex;
margin-bottom: min(1.09375vw, 14px);
align-items: center;
font-size: clamp(10px, 1.875vw, 24px);
font-weight: bold;
}
@media screen and (max-width: 768px) {
.sec-service .sec-service__list .sec-service__item .sec-service__details .sec-service__caption {
margin-bottom: max(2.1333333333vw, 8px);
font-size: max(5.8666666667vw, 22px);
}
}
.sec-service .sec-service__list .sec-service__item .sec-service__details .sec-service__caption::before {
content: "";
display: inline-block;
width: min(0.78125vw, 10px);
height: min(0.78125vw, 10px);
margin: auto min(1.25vw, 16px) auto 0;
background-color: #DE8D14;
border-radius: 100%;
}
@media screen and (max-width: 768px) {
.sec-service .sec-service__list .sec-service__item .sec-service__details .sec-service__caption::before {
width: max(2.6666666667vw, 10px);
height: max(2.6666666667vw, 10px);
margin: auto max(4.2666666667vw, 16px) auto 0;
}
}
.sec-service .sec-service__list .sec-service__item .sec-service__thumbnail {
width: 100%;
height: min(17.1875vw, 220px);
}
@media screen and (max-width: 768px) {
.sec-service .sec-service__list .sec-service__item .sec-service__thumbnail {
width: auto;
height: max(53.3333333333vw, 200px);
}
}
.sec-service .sec-service__list .sec-service__item .sec-service__thumbnail img {
object-fit: contain;
}
.sec-project {
margin-bottom: min(4.6875vw, 60px);
padding: min(3.125vw, 40px) 0 min(6.25vw, 80px);
background-image: url(//iwaguchigumi.co.jp/wp-content/themes/iwaguchigumi/common/img/bg_dots.png);
background-repeat: repeat;
background-size: 13px;
}
@media screen and (max-width: 768px) {
.sec-project {
margin-bottom: max(16vw, 60px);
padding: 0;
background: none;
}
}
.sec-project .sec-project__list {
display: flex;
margin: 0 auto;
padding: 0 min(0.625vw, 8px);
gap: min(2.5vw, 32px);
}
@media screen and (max-width: 768px) {
.sec-project .sec-project__list {
margin: 0;
padding: 0;
flex-direction: column;
gap: max(6.4vw, 24px);
}
}
.sec-project .sec-project__list .sec-project__item {
width: 33.3333%;
}
@media screen and (max-width: 768px) {
.sec-project .sec-project__list .sec-project__item {
width: 100%;
}
}
.sec-project .sec-project__list .sec-project__article .sec-project__link {
display: flex;
transition: transform 0.4s;
display: flex;
height: min(28.125vw, 360px);
padding: min(1.875vw, 24px);
flex-direction: column;
font-weight: bold;
text-align: justify;
background-color: #fff;
border-radius: min(1.5625vw, 20px);
}
@media screen and (max-width: 768px) {
.sec-project .sec-project__list .sec-project__article .sec-project__link {
height: max(85.8666666667vw, 322px);
padding: max(5.3333333333vw, 20px);
border-radius: max(5.3333333333vw, 20px);
}
}
.sec-project .sec-project__list .sec-project__article .sec-project__link .sec-project__thumbnail {
width: 100%;
height: min(12.8125vw, 164px);
margin-bottom: min(1.875vw, 24px);
border-radius: min(1.171875vw, 15px);
}
@media screen and (max-width: 768px) {
.sec-project .sec-project__list .sec-project__article .sec-project__link .sec-project__thumbnail {
height: max(43.7333333333vw, 164px);
margin-bottom: max(4.2666666667vw, 16px);
border-radius: max(4vw, 15px);
}
}
.sec-project .sec-project__list .sec-project__article .sec-project__link .sec-project__title {
margin-bottom: auto;
font-size: min(1.328125vw, 17px);
margin-top: calc((1 - 1.7) * 0.5em);
margin-bottom: calc((1 - 1.7) * 0.5em);
color: #2364AF;
position: relative;
}
@media screen and (max-width: 768px) {
.sec-project .sec-project__list .sec-project__article .sec-project__link .sec-project__title {
height: 16.32vw;
overflow: hidden;
letter-spacing: -0.02em;
font-size: max(4.8vw, 18px);
}
}
.sec-project .sec-project__list .sec-project__article .sec-project__link .sec-project__location {
margin-top: auto;
font-size: min(1.09375vw, 14px);
}
@media screen and (max-width: 768px) {
.sec-project .sec-project__list .sec-project__article .sec-project__link .sec-project__location {
font-size: max(3.7333333333vw, 14px);
}
}
.sec-topics .sec-topics__list {
display: flex;
align-items: center;
flex-direction: column;
}
.sec-topics .sec-topics__list .sec-topics__item {
width: min(60.9375vw, 780px);
border-bottom: 1px dashed #A7A7A7;
}
@media screen and (max-width: 768px) {
.sec-topics .sec-topics__list .sec-topics__item {
width: 100%;
}
}
.sec-topics .sec-topics__list .sec-topics__article {
display: flex;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.sec-topics .sec-topics__list .sec-topics__article {
width: 100%;
flex-direction: column;
}
}
.sec-topics .sec-topics__list .sec-topics__article .sec-topics__link {
display: flex;
width: 100%;
height: 100%;
padding: min(1.5625vw, 20px) min(1.40625vw, 18px) min(1.5625vw, 20px) min(1.25vw, 16px);
color: #2364AF;
transition: background-color 0.4s;
}
@media screen and (max-width: 768px) {
.sec-topics .sec-topics__list .sec-topics__article .sec-topics__link {
padding: max(5.3333333333vw, 20px) 0;
flex-direction: column;
align-items: baseline;
}
}
.sec-topics .sec-topics__list .sec-topics__article .sec-topics__link::after {
content: "";
width: min(1.5625vw, 20px);
height: min(1.5625vw, 20px);
margin-left: auto;
background-color: transparent;
}
@media screen and (max-width: 768px) {
.sec-topics .sec-topics__list .sec-topics__article .sec-topics__link::after {
display: none;
}
}
@media screen and (min-width: 769px) {
.sec-topics .sec-topics__list .sec-topics__article .sec-topics__link:hover {
background-color: #EEE9DA;
}
}
.sec-topics .sec-topics__list .sec-topics__article .sec-topics__link .sec-topics__details {
display: inline-flex;
margin: 0 min(2.5vw, 32px) auto 0;
align-items: center;
}
@media screen and (max-width: 768px) {
.sec-topics .sec-topics__list .sec-topics__article .sec-topics__link .sec-topics__details {
margin: 0 0 max(2.1333333333vw, 8px);
}
}
.sec-topics .sec-topics__list .sec-topics__article .sec-topics__link .sec-topics__details .sec-topics__date {
margin-right: min(1.875vw, 24px);
font-size: min(1.171875vw, 15px);
font-weight: 500;
color: #A7A7A7;
}
@media screen and (max-width: 768px) {
.sec-topics .sec-topics__list .sec-topics__article .sec-topics__link .sec-topics__details .sec-topics__date {
margin-right: max(2.1333333333vw, 8px);
font-size: max(3.7333333333vw, 14px);
}
}
.sec-topics .sec-topics__list .sec-topics__article .sec-topics__link .sec-topics__details .sec-topics__category {
display: inline-flex;
width: min(5.9375vw, 76px);
height: min(1.875vw, 24px);
align-items: center;
justify-content: center;
font-size: min(1.015625vw, 13px);
font-weight: bold;
color: #2364AF;
border-radius: min(0.3125vw, 4px);
background-color: #DFE5EB;
}
@media screen and (max-width: 768px) {
.sec-topics .sec-topics__list .sec-topics__article .sec-topics__link .sec-topics__details .sec-topics__category {
width: max(19.2vw, 72px);
height: max(5.8666666667vw, 22px);
font-size: max(3.2vw, 12px);
border-radius: max(1.0666666667vw, 4px);
}
}
.sec-topics .sec-topics__list .sec-topics__article .sec-topics__link .sec-topics__title {
width: min(36.71875vw, 470px);
font-size: min(1.25vw, 16px);
text-align: justify;
}
@media screen and (max-width: 768px) {
.sec-topics .sec-topics__list .sec-topics__article .sec-topics__link .sec-topics__title {
display: flex;
width: max(77.8666666667vw, 292px);
margin: 0 auto 0 max(1.0666666667vw, 4px);
font-size: max(4.2666666667vw, 16px);
align-items: center;
position: relative;
}
}
.sec-topics .sec-topics__list .sec-topics__article .sec-topics__link .sec-topics__title::after {
content: "";
}
@media screen and (max-width: 768px) {
.sec-topics .sec-topics__list .sec-topics__article .sec-topics__link .sec-topics__title::after {
display: inline-flex;
width: max(5.3333333333vw, 20px);
height: max(5.3333333333vw, 20px);
margin: auto 0;
background-image: url(//iwaguchigumi.co.jp/wp-content/themes/iwaguchigumi/common/img/arrow-b.svg);
background-repeat: no-repeat;
background-size: contain;
background-color: transparent;
position: absolute;
right: max(-10.4vw, -39px);
}
}