@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&family=Russo+One&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Arvo:wght@400;700&family=Cinzel:wght@400..900&family=Faster+One&family=Hina+Mincho&family=Josefin+Sans:ital,wght@0,700;1,700&family=Lora:wght@500&family=Montserrat:ital,wght@0,700;1,700&family=Murecho:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@700&family=Poppins:wght@600&family=Raleway:wght@700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=RocknRoll+One&family=Rubik:ital,wght@0,300..900;1,300..900&family=Shippori+Mincho&family=Yuji+Syuku&family=Zen+Kaku+Gothic+New:wght@500&family=Zen+Old+Mincho:wght@400;700&display=swap");
@import url(https://fonts.cdnfonts.com/css/futura-pt);
@import url("https://fonts.googleapis.com/css2?family=Kiwi+Maru&display=swap");
@import url(https://fonts.cdnfonts.com/css/tw-cen-mt-std);
@import url("https://fonts.googleapis.com/css2?family=Mochiy+Pop+One&display=swap");
*,
*::after,
*::before {
margin: 0;
box-sizing: border-box;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
display: block;
} *[hidden] {
display: none;
}
menu,
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
html {
font-size: 10px;
}
.container {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 1200px));
margin: 0 auto;
}
a {
text-decoration: unset;
color: inherit;
}
@media (max-width: 768px) {
.sm-hidden {
display: none;
}
}
@media (max-width: 768px) {
.sm-block {
display: block;
}
}
@media (max-width: 768px) {
.sm-inline-block {
display: inline-block;
}
}
@media (max-width: 992px) {
.md-hidden {
display: none;
}
}
@media (max-width: 992px) {
.md-block {
display: block;
}
}
@media (max-width: 992px) {
.md-inline-block {
display: inline-block;
}
}
@media (max-width: 1024px) {
.lg-hidden {
display: none;
}
}
@media (max-width: 1024px) {
.lg-block {
display: block;
}
}
@media (max-width: 1024px) {
.lg-inline-block {
display: inline-block;
}
}
@media (max-width: 1200px) {
.xl-hidden {
display: none;
}
}
@media (max-width: 1200px) {
.xl-block {
display: block;
}
}
@media (max-width: 1200px) {
.xl-inline-block {
display: inline-block;
}
}
@media (max-width: 1440px) {
.xxl-hidden {
display: none;
}
}
@media (max-width: 1440px) {
.xxl-block {
display: block;
}
}
@media (max-width: 1440px) {
.xxl-inline-block {
display: inline-block;
}
}
@media (min-width: 768px) {
.sm-block {
display: block;
}
}
@media (min-width: 992px) {
.md-block {
display: block;
}
}
@media (min-width: 1024px) {
.lg-block {
display: block;
}
}
@media (min-width: 1200px) {
.xl-block {
display: block;
}
}
@media (min-width: 1440px) {
.xxl-block {
display: block;
}
}
@media (min-width: 768px) {
.sm-flex {
display: flex;
}
}
@media (min-width: 992px) {
.md-flex {
display: flex;
}
}
@media (min-width: 1024px) {
.lg-flex {
display: flex;
}
}
@media (min-width: 1200px) {
.xl-flex {
display: flex;
}
}
@media (min-width: 1440px) {
.xxl-flex {
display: flex;
}
}
body {
font-family: 'Noto Sans JP', sans-serif;
font-size: 10px;
padding-top: 8rem;
}
.header {
background: #fff;
color: white;
--py: 1.5rem;
height: 10rem;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9;
}
@media (max-width: 768px) {
body {
padding-top: 2rem;
}
.header {
height: 5rem;
}
}
.header a {
transition: all 0.3s;
}
.header a:hover {
opacity: 0.7;
}
.header .btn-contact,
.header .btn-nav,
.header button {
background: #fc9b1b;
border: none;
outline: none;
padding: 0;
}
.header .btn-nav,
.header button {
background: #fff;
border: none;
outline: none;
padding: 0;
}
@media (max-width: 768px) {
.header .btn-contact,
.header .btn-nav,
.header button {
background: #fc9b1b;
}
}
.header .inner {
height: 100%;
display: flex;
justify-content: space-between;
column-gap: 15px;
}
.header-logo {
padding: var(--py) 0;
padding-left: 5rem;
display: flex;
align-items: center;
max-width: calc(5rem + 300px);
}
@media (max-width: 1440px) {
.header-logo {
padding-left: 2rem;
max-width: calc(2rem + 250px);
padding-block: 10px;
}
}
@media (max-width: 1440px) {
.header-logo {
padding-left: 1rem;
max-width: calc(1rem + 230px);
padding-block: 10px;
}
}
.header-logo a {
display: flex;
align-items: end;
font-size: 1.2rem;
}
.header-logo a img {
width: 100%;
}
@media (max-width: 768px) {
.header-logo a img {
width: 21rem;
}
}
@media (max-width: 768px) {
.header-logo a p {
display: none;
}
}
.header-right {
display: flex;
}
.header-phone {
display: grid;
grid-template-columns: auto 1fr;
font-size: 2.7rem;
margin-right: 1.3rem;
line-height: 1;
text-align: end;
padding-top: 2rem;
color: #333;
}
@media (max-width: 767px) {
.header-phone {
padding-top: 0;
}
}
.header-phone a {
font-family: 'Noto Sans JP';
margin-right: 0.1em;
display: flex;
align-items: center;
}
.header-phone a img {
margin-right: 0.2em;
}
.header-phone a .phone-icon-or {
display: none;
}
.header-phone .header-phone__txt {
font-size: 1em;
}
@media (width < 1000px) {
.header-phone .header-phone__txt {
font-size: 19px;
}
}
.header-phone span { text-align: left;
}
@media (max-width: 767px) {
.header-phone {
display: block;
padding-inline: 10px;
margin-right: 0;
height: 100%;
text-align: center;
align-self: stretch;
margin-right: 0.35rem;
}
} @media (max-width: 767px) {
.header-phone a {
margin-right: 0;
background-color: white;
display: block;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
} @media (max-width: 767px) {
.header-phone a img {
margin-right: 0;
}
.header-phone a .phone-icon-w {
display: none;
}
} @media (max-width: 767px) {
.header-phone a .phone-icon-or {
display: inline-block;
}
} .header-btns {
--gap: 0.35rem;
display: flex;
gap: var(--gap);
margin-right: var(--gap);
}
.header-btns .btn-contact {
width: clamp(8rem, calc(160 / 1920 * 100vw), 12rem);
height: 100%;
flex-shrink: 0;
padding: 0 1rem;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
@media (max-width: 768px) {
.header-btns .btn-contact {
width: auto;
}
}
.header-btns .btn-contact span {
display: block;
font-size: 1.4rem;
color: #fff;
font-family: 'Noto Sans JP';
letter-spacing: 0.16em;
margin-top: 0.1em;
}
@media (max-width: 768px) {
.header-btns .btn-contact span {
display: none;
}
}
.header-btns .btn-contact .email-icon-w {
display: none;
}
@media (max-width: 768px) {
.header-btns .btn-contact .email-icon-w {
display: inline-block;
}
}
@media (max-width: 768px) {
.header-btns .btn-contact .email-icon-or {
display: none;
}
}
.header-btns .btn-nav {
width: 10rem;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 768px) {
.header-btns .btn-nav {
width: 5rem;
}
}
@media (max-width: 375px) {
.header-btns .btn-nav {
width: 5rem;
}
}
.header-btns .btn-nav__wrap {
position: relative;
width: 100%;
display: flex;
justify-content: center;
--offset: -2rem;
}
@media (max-width: 768px) {
.header-btns .btn-nav__wrap {
--offset: -1rem;
}
}
.header-btns .btn-nav__wrap::after,
.header-btns .btn-nav__wrap::before {
content: '';
width: 55%;
height: 100%;
display: block;
position: absolute;
background-color: #fc9b1b;
transition: all 0.3s;
}
@media (max-width: 768px) {
.header-btns .btn-nav__wrap::after,
.header-btns .btn-nav__wrap::before {
background-color: white;
}
}
.header-btns .btn-nav__wrap::after {
top: var(--offset);
left: 50%;
transform: translateX(-50%);
transform-origin: right top;
}
.header-btns .btn-nav__wrap::before {
bottom: var(--offset);
left: 50%;
transform: translateY(-50%) translateX(-50%);
transform-origin: right top;
}
.header-btns .btn-nav span {
width: 44%;
height: 4px;
display: block;
background-color: #fc9b1b;
transition: all 0.3s;
}
@media (max-width: 768px) {
.header-btns .btn-nav span {
background-color: white;
height: 2px;
}
}
.header-menu {
display: flex;
gap: 1rem;
margin-right: 1.5rem;
margin-top: auto;
}
.header-menu > li {
font-size: 1.25rem;
position: relative;
}
.header-menu > li:has(.header-menu__sub) > a {
position: relative;
}
.header-menu > li:has(.header-menu__sub) > a::after {
content: '';
position: absolute;
top: 60%;
left: 50%;
transform: translateX(-50%);
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/chervon-down.svg) no-repeat center center/contain;
width: 0.8em;
aspect-ratio: 12/6;
}
.header-menu > li:hover > ul {
opacity: 1;
pointer-events: all;
visibility: visible;
transform: translateX(-50%) translateY(0rem);
}
.header-menu > li .icon {
position: absolute;
}
.header-menu > li > a {
font-family: 'Noto Sans JP';
text-transform: uppercase;
height: 100%;
display: block;
margin-bottom: 14px;
color: #333;
}
@media (max-width: 768px) {
.header-menu > li > a {
padding-bottom: 0;
}
}
.header-menu > li > ul {
position: absolute;
top: 100%;
background: white;
width: 18rem;
font-size: 1.5rem;
left: 50%;
color: #333333;
border-bottom-left-radius: 1rem;
border-bottom-right-radius: 1rem;
transform: translateX(-50%) translateY(2rem);
display: grid;
justify-content: center;
padding: 1.8rem;
gap: 0.6em;
opacity: 0;
pointer-events: none;
visibility: hidden;
transition: all 0.3s;
z-index: 2;
}
.header-nav {
display: flex;
flex-direction: column;
}
@media (max-width: 767px) {
.header-nav {
display: flex;
flex-direction: unset;
}
}
.footer {
color: #333;
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/backgrounds/footer-pattern-bg.png) no-repeat center
center / cover;
}
.footer a {
transition: all 0.3s;
}
.footer a:hover {
opacity: 0.7;
}
.footer .container {
--max-width: 60%;
padding: 12rem 0;
}
@media (max-width: 768px) {
.footer .container {
padding: 3rem 0;
}
}
.footer .container .footer__wrap {
display: grid;
gap: 2rem;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
}
@media (max-width: 768px) {
.footer .container .footer__wrap {
max-width: 500px;
width: 100%;
margin: 0 auto;
row-gap: 4rem;
}
}
.footer .container .footer__wrap .footer-left {
max-width: 48rem;
margin-right: auto;
}
@media (max-width: 768px) {
.footer .container .footer__wrap .footer-left {
max-width: 100%;
width: 100%;
}
}
@media (max-width: 768px) {
.footer .container .footer__wrap .footer-left .footer-log {
display: flex;
justify-content: center;
}
}
.footer .container .footer__wrap .footer-left .footer-left__texts {
margin-top: 1rem;
font-weight: 500;
}
@media (max-width: 768px) {
.footer .container .footer__wrap .footer-left .footer-left__texts {
text-align: center;
}
}
.footer .container .footer__wrap .footer-left .footer-left__texts span {
font-size: 1.8rem;
display: block;
}
.footer .container .footer__wrap .footer-left .footer-left__texts small {
font-size: 1.6rem;
margin-top: 1rem;
display: block;
}
.footer .container .footer__wrap .footer-left .gg-btn {
margin-top: 2rem;
}
@media (max-width: 768px) {
.footer .container .footer__wrap .footer-left .gg-btn {
display: flex;
justify-content: center;
}
}
.footer .container .footer__wrap .footer-left .gg-btn a {
display: flex;
max-width: 350px;
width: 100%;
align-items: center;
justify-content: center;
height: 5rem;
font-size: 1.5rem;
font-weight: 500;
background-color: #ffffff;
border: 0.5px solid #707070;
color: #333333;
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
}
.footer .container .footer__wrap .footer-right .footer-right___container {
max-width: 54rem;
margin-left: auto;
width: 100%;
display: grid;
gap: 1rem;
grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
.footer .container .footer__wrap .footer-right .footer-right___container {
max-width: 100%;
}
}
.footer
.container
.footer__wrap
.footer-right
.footer-right___container
.list-wrap {
font-size: 1.5rem;
}
.footer
.container
.footer__wrap
.footer-right
.footer-right___container
.list-wrap
.list {
display: grid;
row-gap: 1rem;
}
.footer .footer-cpr {
text-align: center;
padding-bottom: 2rem;
font-size: 1.4rem;
}
.fixed-right {
position: fixed;
right: 0;
top: 22rem;
z-index: 10;
}
.fixed-right a {
transition: all 0.3s;
}
.fixed-right a:hover {
opacity: 0.7;
}
.fixed-right .fixed-texts {
padding: 2rem 2rem 0 0;
display: flex;
align-items: end;
flex-direction: column;
gap: 2rem;
}
.fixed-right .fixed-texts p {
background-color: white;
font-size: 2.3rem;
border-radius: 0.6rem;
padding: 0.8em;
padding-right: 0.4em;
}
.fixed-right .btn-book {
display: flex;
justify-content: end;
margin-top: 2.6rem;
}
.fixed-right .btn-book a {
writing-mode: vertical-lr;
padding: 3rem 2.3rem;
padding-bottom: 4rem;
font-family: 'Shippori Mincho', serif;
font-weight: 600;
letter-spacing: 0.1em;
font-size: 1.8rem;
color: white;
border-radius: 2rem 0px 0px 2rem;
background: #fc9b1b;
position: relative;
}
.fixed-right .btn-book a p {
position: relative;
z-index: 2;
letter-spacing: 1rem;
padding: 3rem 0;
}
.fixed-right .btn-book a::after {
content: '';
position: absolute;
width: calc(100% - 5px);
height: calc(100% - 5px);
top: 50%;
transform: translate(-50%, -50%);
left: 50%;
border: 1px solid white;
border-radius: 2rem 0px 0px 2rem;
}
.fixed-right .btn-arr {
margin-top: 29.4rem;
display: flex;
justify-content: end;
margin-right: calc(var(--gap-x, 4rem) / 2);
}
.fixed-right .btn-arr a {
width: 6rem;
aspect-ratio: 1/1;
background-color: #fc9b1b;
border: 2px solid white;
display: grid;
place-content: center;
}
.fixed-right .btn-arr a img {
width: 24px;
}
@media (max-width: 768px) {
.fixed-right {
display: none;
}
}
.menu-sp {
position: fixed;
top: 0;
max-width: 45rem;
width: 100%;
background-color: #fc9b1b;
right: 0;
z-index: 99;
color: white;
height: 100dvh;
display: block;
transform: translateX(100%);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition: all 0.3s;
}
.menu-sp .inner {
padding: 5rem;
display: grid;
gap: 3rem;
}
.menu-sp ul {
display: grid;
gap: 1.5rem;
}
.menu-sp ul li {
font-size: 1.5rem;
}
.open .header-btns .btn-nav {
--offset-percent: -65%;
--offset-degree: 45deg;
}
.open .header-btns .btn-nav__wrap::after {
transform: translateX(var(--offset-percent))
rotate(calc(var(--offset-degree) * -1));
}
.open .header-btns .btn-nav__wrap::before {
transform: translateX(var(--offset-percent)) rotate(var(--offset-degree));
}
@media (max-width: 768px) {
.open .header-btns .btn-nav__wrap {
--offset: -1.35rem;
} .open .header-btns .btn-nav__wrap::after {
transform: translateX(-22px) rotate(calc(var(--offset-degree) * -1))
translateY(4px);
}
.open .header-btns .btn-nav__wrap::before {
transform: translateY(-4px) translateX(var(--offset-percent))
rotate(var(--offset-degree));
}
}
@media (max-width: 375px) {
.open .header-btns .btn-nav__wrap::after {
transform: translateX(-22px) rotate(calc(var(--offset-degree) * -1))
translateY(4px);
}
.open .header-btns .btn-nav__wrap::before {
transform: translateY(-4px) translateX(var(--offset-percent))
rotate(var(--offset-degree));
}
}
.open .header-btns .btn-nav span {
transform: translate(-2rem);
opacity: 0;
}
.open .menu-sp {
transform: translateX(0%);
opacity: 1;
visibility: visible;
pointer-events: all;
}
.hero-v1 { }
@media (width < 768px) {
.hero-v1 { }
}
.hero-v1 {
position: relative;
}
.hero-v1 .hero-thumb {
position: absolute !important;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 2;
}
.hero-v1 .hero-thumb img {
width: 100%;
}
.hero-v1 .hero-container {
height: 100%;
}
.hero-v1 .swiper {
width: 100%;
height: 100%;
overflow-y: hidden;
}
.hero-v1 .swiper.dis_sp {
max-height: 700px;
}
.hero-v1 .swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.hero-v1 .swiper-slide img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.hero-v2 {
aspect-ratio: 1; width: 100%;
aspect-ratio: 1920/420;
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/backgrounds/hero-background.png) no-repeat center 0% /
cover;
display: flex;
align-items: center;
min-height: 200px;
}
.hero-v2 .hero-texts__inner {
color: #333;
font-size: 4rem;
}
.hero-v2 .hero-texts__inner h2 {
font-family: 'Noto Sans JP';
margin-top: 0.2em;
letter-spacing: 0.5rem;
}
.hero-v2 .hero-texts__inner span {
font-size: 0.55em;
font-weight: 500;
}
.hero-v2 .container {
display: flex;
align-items: center; }
.hero-v2 .hero-container {
display: flex;
width: 100%;
height: auto;
}
.breadcrumb {
color: var(--cl, #333);
}
.breadcrumb ul {
display: flex;
align-items: center;
font-size: 1.5rem;
gap: 1.3em; }
.breadcrumb ul {
flex-wrap: wrap;
gap: 0.5em 1.3em;
}
.sections {
padding-top: 0rem;
padding-bottom: 0rem;
background-color: #ffffff;
overflow: hidden;
}
.page-top .sections {
overflow: hidden;
}
.page-top .sections .list {
display: grid;
gap: 7rem;
}
.ttl-v1 {
font-size: 5.2rem;
display: grid;
justify-content: center;
text-align: center;
}
.ttl-v1__jp {
font-family: 'Noto Sans JP', sans-serif;
font-size: 0.3em;
}
.ttl-v1__en {
font-family: 'Faster One', sans-serif;
margin-top: 0.2em;
}
.ttl-v1__en::after {
content: '';
display: block;
width: 100%;
border-bottom: 1px solid #333;
margin-top: 3rem;
}
.ttl-v2 {
font-size: 3.6rem;
display: grid;
justify-content: center;
text-align: center;
color: white;
}
.ttl-v2__jp {
font-family: 'Noto Sans JP', sans-serif;
font-size: 0.5em;
margin-top: 0.8rem;
display: flex;
flex-direction: column;
align-items: center;
gap: 0.67em;
letter-spacing: 0.2em;
}
.ttl-v2__jp::after {
content: '';
width: 0.1rem;
background-color: white;
height: 1.11em;
}
.ttl-v2__en {
font-family: 'Arvo', sans-serif;
text-transform: uppercase;
display: flex;
flex-direction: column;
align-items: center;
}
.ttl-v2__en::after {
content: '';
width: 26%;
border-bottom: 0.17em solid #feb200;
margin-top: 0.1em;
}
.ttl-v3 {
text-align: center;
font-size: 4rem;
}
.ttl-v3__jp {
font-size: 0.43em;
font-weight: bold;
color: #ffb357;
font-family: 'Noto Sans JP', sans-serif;
}
.ttl-v3__en {
font-family: 'Lora', serif;
font-weight: 500;
color: white;
margin-top: 0.2em;
letter-spacing: 0.2em;
display: flex;
flex-direction: column;
align-items: center;
gap: 0.3em;
}
.ttl-v3__en::after {
content: '';
width: 0.1rem;
background-color: white;
height: 0.5em;
}
.ttl-v4 {
font-family: 'Noto Sans JP', sans-serif;
font-size: 3.6rem;
display: flex;
flex-direction: column;
align-items: center;
}
.ttl-v4__jp {
font-size: 0.55em;
font-weight: 500;
}
.ttl-v4__jp span {
text-decoration: underline;
text-decoration-color: #e6dcc7;
text-decoration-thickness: 0.5em;
text-underline-offset: -0.2em;
}
.ttl-v4__en {
font-weight: bold;
margin-top: 0.2em;
letter-spacing: 0.04em;
}
.ttl-v4__dots {
display: flex;
align-items: center;
gap: 1rem;
margin-top: 1.8rem;
}
.ttl-v4__dots span {
background-color: #e40714;
}
.ttl-v4__dots::after,
.ttl-v4__dots::before,
.ttl-v4__dots span {
width: 0.3em;
aspect-ratio: 1/1;
border-radius: 100%;
}
.ttl-v4__dots::after,
.ttl-v4__dots::before {
content: '';
}
.ttl-v4__dots::before {
background-color: #059744;
}
.ttl-v4__dots::after {
background-color: #f8ed00;
}
.ttl-v5 {
font-family: 'Murecho', sans-serif;
font-size: 4.2rem;
font-weight: 500;
display: flex;
flex-direction: column;
align-items: center;
}
.ttl-v5__en {
letter-spacing: 0.08em;
}
.ttl-v5__jp {
font-size: 0.38em;
display: flex;
flex-direction: column;
align-items: center;
gap: 1.3em;
}
.ttl-v5__jp::after {
width: 90%;
content: '';
height: 2px;
background-color: #016b63;
}
.ttl-v6 {
font-size: 4.2rem;
font-family: 'Noto Sans JP', sans-serif;
display: flex;
justify-content: center;
align-items: end;
margin-top: 1em;
margin-bottom: 2em;
}
.ttl-v6__en {
font-size: 0.4em;
font-weight: 500;
margin-left: -0.6em;
letter-spacing: 0.1em;
}
.ttl-v6__jp {
font-weight: 900;
line-height: 1;
letter-spacing: 0.1em;
}
.ttl-v6__jp span {
color: #6eba2a;
font-size: 1.5em;
position: relative;
}
.ttl-v6__jp span::after {
content: '';
position: absolute;
width: 145%;
height: 2px;
background-color: #6eba2a;
bottom: -0.3em;
right: 0.1em;
}
.ttl-v7 {
font-size: 4.2rem;
display: flex;
justify-content: center;
width: 90%;
}
.ttl-v7__inner {
width: 100%;
padding-left: 0;
border-bottom: 2px solid #fc9b1b;
padding-bottom: 0;
font-family: 'Zen Maru Gothic', serif;
}
.ttl-v7__en {
font-family: 'Zen Maru Gothic';
font-weight: 400;
display: inline-block;
letter-spacing: 0.15em;
}
.ttl-v7__en span {
color: #fc9b1b;
font-size: 1.5em;
}
.ttl-v7__jp {
font-family: 'Noto Sans JP', sans-serif;
font-size: 0.42em;
font-weight: 500;
display: inline-block;
margin-left: 0.6em;
letter-spacing: 0.15em;
}
.ttl-v8 {
font-size: 4.8rem;
display: flex;
justify-content: center;
font-family: 'Zen Kaku Gothic New', sans-serif;
font-weight: 500;
}
.ttl-v8__inner {
width: 100%;
max-width: 60rem;
padding-left: 2.4em;
border-bottom: 3px solid #333;
padding-bottom: 0.2em;
}
.ttl-v8__en {
display: inline-block;
letter-spacing: 0.02em;
}
.ttl-v8__en span {
display: inline-block;
height: 0.7em;
width: 0.125em;
flex-direction: column;
margin-right: 0.2em;
}
.ttl-v8__en span::after,
.ttl-v8__en span::before {
content: '';
height: 50%;
width: 100%;
display: block;
}
.ttl-v8__en span::before {
background-color: #333333;
transform: translateY(-0.1em);
}
.ttl-v8__en span::after {
background-color: #ff6347;
}
.ttl-v8__jp {
font-size: 0.375em;
font-weight: 500;
display: inline-block;
margin-left: 0.6em;
}
.ttl-v9 {
font-size: 3rem;
}
.ttl-v9__inner {
max-width: 32rem;
width: 100%;
margin: 0 auto;
}
.ttl-v9__en {
font-family: 'Raleway', sans-serif;
font-weight: bold;
margin-top: 0.3em;
letter-spacing: 0.1em;
width: -moz-fit-content;
width: fit-content;
}
.ttl-v9__en::after {
content: '';
display: block;
margin-top: 1em;
width: 85%;
height: 3px;
background-color: #ffa500;
}
.ttl-v9__en span {
margin-right: 0.3em;
}
.ttl-v9__jp {
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
font-size: 0.5em;
}
.ttl-v10 {
font-size: 2.4rem;
font-family: 'Noto Sans JP', sans-serif;
padding: 0.625em 5rem;
border-top-right-radius: 3rem;
border-top-left-radius: 3rem;
background: linear-gradient(180deg, #8eb433 0%, #30a870 100%);
color: white;
font-weight: bold;
letter-spacing: 0.1em;
}
.ttl-v10__jp-text {
margin-left: 0.7em;
}
.ttl-v11 {
text-align: center;
color: white;
font-size: 2.8rem;
font-weight: bold;
background-color: #279f9f;
border-radius: 2.85em;
letter-spacing: 0.1em;
font-family: 'Noto Sans JP', sans-serif;
}
.ttl-v11__jp {
padding: 0.5em;
}
.ttl-v12 {
background: linear-gradient(180deg, #ffffff 0%, #c2c1c1 100%);
font-size: 2.4rem;
font-weight: 500;
padding: 0.68em 2.7em;
border-radius: 3.58em;
}
.ttl-v12__en {
display: flex;
align-items: start;
}
.ttl-v12__en-rect {
display: inline-block;
height: 1.25em;
width: 0.2em;
background-color: #ff8c00;
}
.ttl-v12__en-text {
line-height: 1;
margin-left: 0.5em;
}
.ttl-v13 {
font-weight: 600;
font-family: 'Noto Sans JP', sans-serif;
font-size: 3rem;
text-align: center;
letter-spacing: 0.3em;
}
.ttl-v13__inner {
display: flex;
justify-content: center;
}
.ttl-v13__jp {
display: flex;
align-items: center;
}
.ttl-v13__jp::after,
.ttl-v13__jp::before {
content: '';
width: 2em;
height: 3px;
background-color: #00a0e3;
}
.ttl-v13__jp::before {
rotate: 45deg;
}
.ttl-v13__jp::after {
rotate: -45deg;
}
.ttl-v14 {
font-family: 'Noto Sans JP', sans-serif;
font-size: 3.6rem;
font-weight: bold;
text-align: center;
}
.ttl-v14__en {
margin-top: 1.5rem;
font-weight: bold;
letter-spacing: 0.04em;
}
.ttl-v14__jp {
font-weight: 500;
font-size: 0.56em;
text-decoration: underline;
text-decoration-color: #e6dcc7;
text-decoration-thickness: 0.5em;
text-underline-offset: -0.2em;
}
.ttl-v14__dots {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 1.5rem;
}
.ttl-v14__dots .dots-rect {
width: min(100%, 41rem);
display: flex;
align-items: center;
-moz-column-gap: 1rem;
column-gap: 1rem;
}
@media (max-width: 768px) {
.ttl-v14__dots .dots-rect {
width: 40%;
}
}
.ttl-v14__dots .dots-rect span {
height: 2rem;
}
.ttl-v14__dots .dots-rect span.green {
width: 44%;
background-color: #059744;
}
.ttl-v14__dots .dots-rect span.red {
width: 29%;
background-color: #e40714;
}
.ttl-v14__dots .dots-rect span.yellow {
flex: 1;
background-color: #f8ed00;
}
.ttl-v14__dots .dots-middle {
display: flex;
gap: 1rem;
flex-shrink: 0;
}
.ttl-v14__dots .dots-middle span {
width: clamp(0.5rem, calc(12 / 768 * 100 * 1vw), 1.2rem);
aspect-ratio: 1/1;
border-radius: 100%;
}
.ttl-v14__dots .dots-middle span.green {
background-color: #059744;
}
.ttl-v14__dots .dots-middle span.red {
background-color: #e40714;
}
.ttl-v14__dots .dots-middle span.yellow {
background-color: #f8ed00;
}
.ttl-v15 .ttl-v15__inner {
display: flex;
align-items: end;
width: min(100%, 1046px);
margin: 0 auto;
}
.ttl-v15 .ttl-v15__inner .ttl-v15__line {
flex: 1;
height: 2rem;
background-color: #f2c616;
}
.ttl-v15 .ttl-v15__inner .ttl-wrap {
display: flex;
align-items: center;
flex-direction: column;
}
.ttl-v15 .ttl-v15__inner .ttl-wrap .ttl-v15__jp {
font-size: 2.4rem;
font-weight: bold;
margin-top: 6px;
display: flex;
flex-direction: column;
align-items: center;
row-gap: 5px;
}
.ttl-v15 .ttl-v15__inner .ttl-wrap .ttl-v15__jp::after {
content: '';
width: 1.58em;
border: 2px solid #cd002c;
}
.ttl-v15 .ttl-v15__inner .ttl-wrap .ttl-v14__en {
font-size: 1.4rem;
text-transform: uppercase;
margin-top: 5px;
letter-spacing: 0.1em;
color: #707070;
}
.ttl-v16 .ttl-v16__inner .ttl-wrap {
text-align: center;
font-size: 3.2rem;
}
.ttl-v16 .ttl-v16__inner .ttl-wrap .ttl-v16__jp {
font-weight: bold;
position: relative;
}
.ttl-v16 .ttl-v16__inner .ttl-wrap .ttl-v16__jp::after {
content: '';
position: absolute;
width: 5.3em;
aspect-ratio: 170/20;
background-color: #ffe95d;
top: 50%;
left: 50%;
transform: translateX(-50%);
}
.ttl-v16 .ttl-v16__inner .ttl-wrap .ttl-v16__jp span {
position: relative;
z-index: 2;
}
.ttl-v16 .ttl-v16__inner .ttl-wrap .ttl-v16__en {
font-size: 0.56em;
font-weight: bold;
text-transform: uppercase;
margin: 0 8px;
}
.ttl-v16 .ttl-v16__inner .line-wrap {
margin-top: 2rem;
display: flex;
flex-direction: column;
row-gap: 0.4rem;
}
.ttl-v16 .ttl-v16__inner .line-wrap .ttl-v16__line-lg {
width: 100%;
height: 1.8rem;
background-color: #004f93;
}
.ttl-v16 .ttl-v16__inner .line-wrap .ttl-v16__line-sm {
width: 100%;
height: 0.4rem;
background-color: #99b8d4;
}
.ttl-v16 .ttl-v16__inner .line-wrap .ttl-v16__line-lg {
margin-right: 8px;
}
.ttl-v17__inner {
width: min(1000px, 100%);
margin: 0 auto;
}
.ttl-v17__inner .ttl-wrap {
padding: 1rem 1rem;
position: relative;
}
.ttl-v17__inner .ttl-wrap::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background: linear-gradient(to right, #f6ca1c 30%, #d8d8d8 30%) no-repeat;
}
.ttl-v17__inner .ttl-wrap .ttl-v17__jp {
font-size: 2.2rem;
font-weight: bold;
color: #5f5a50;
letter-spacing: 0.1em;
}
.ttl-v18__inner {
width: min(1000px, 100%);
margin: 0 auto;
}
.ttl-v18__inner .ttl-wrap {
padding-bottom: 2rem;
position: relative;
}
.ttl-v18__inner .ttl-wrap::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: min(100%, 680px);
border-bottom: 1px solid #707070;
}
.ttl-v18__inner .ttl-wrap .ttl-v18__jp {
font-size: 3.2rem;
font-weight: bold;
color: #333333;
letter-spacing: 0.1em;
display: flex;
align-items: center;
-moz-column-gap: 1rem;
column-gap: 1rem;
}
.ttl-v18__inner .ttl-wrap .ttl-v18__jp::before {
height: 1em;
aspect-ratio: 6/32;
background-color: #ff8c00;
content: '';
}
.ttl-v19__inner {
position: relative;
}
.ttl-v19__inner::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 4px;
background: linear-gradient(to right, #d2b48c 18%, white 18%) no-repeat;
}
.ttl-v19__inner .ttl-wrap {
padding-bottom: 1rem;
position: relative;
width: min(1000px, 100%);
margin: 0 auto;
}
.ttl-v19__inner .ttl-wrap .ttl-v19__en {
color: white;
font-size: 4.8rem;
font-weight: bold;
font-family: 'Oswald', sans-serif;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.ttl-v19__inner .ttl-wrap .ttl-v19__jp {
color: white;
font-size: 1.6rem;
font-weight: bold;
}
.ttl-v20__inner {
position: relative;
border-bottom: 2px #55a9be solid;
}
.ttl-v20__inner::before {
height: 80%;
top: 50%;
left: 0;
transform: translateY(-50%);
aspect-ratio: 6/32;
background-color: #55a9be;
content: '';
width: 0.67%;
position: absolute;
}
.ttl-v20__inner .ttl-wrap {
padding-bottom: 1rem;
font-family: 'Shippori Mincho', serif;
color: #333;
margin-left: 2.4rem;
}
.ttl-v20__inner .ttl-wrap .ttl-v20__en {
font-size: 4rem;
font-weight: bold;
letter-spacing: 0.1em;
}
.ttl-v20__inner .ttl-wrap .ttl-v20__jp {
margin-top: 1rem;
font-size: 2rem;
font-weight: bold;
}
.ttl-v21__inner {
position: relative;
border-bottom: 5px #333 solid;
display: grid;
grid-template-columns: 45% 55%;
}
@media (max-width: 768px) {
.ttl-v21__inner {
grid-template-columns: 80% 20%;
justify-content: space-between;
}
}
.ttl-v21__inner::after {
content: '';
width: 100%;
height: 100%;
background-color: #333;
-webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 10% 100%);
clip-path: polygon(0 0, 100% 0%, 100% 100%, 10% 100%);
}
@media (max-width: 768px) {
.ttl-v21__inner::after {
-webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 20% 100%);
clip-path: polygon(0 0, 100% 0%, 100% 100%, 20% 100%);
}
}
.ttl-v21__inner .ttl-wrap {
color: #333;
line-height: 1;
display: flex;
align-items: center;
}
.ttl-v21__inner .ttl-wrap .ttl-v21__en {
font-size: 4.2rem;
letter-spacing: 0.1em;
display: inline-block;
font-family: 'Josefin Sans', sans-serif;
margin-right: 2rem;
}
.ttl-v21__inner .ttl-wrap .ttl-v21__jp {
margin-top: 1rem;
font-size: 1.5rem;
font-weight: 500;
display: inline-block;
}
.ttl-v21__inner .ttl-wrap::before {
height: 100%;
top: 50%;
left: 0;
margin-right: 1.5rem;
aspect-ratio: 6/32;
background: transparent
linear-gradient(
180deg,
#f3c65f 0%,
#ffecae 21%,
#ffe57a 40%,
#dfac2a 64%,
#e5a535 70%,
#ffb614 87%,
#ffda6b 100%
);
content: '';
width: 1.6rem;
aspect-ratio: 16/51;
}
.ttl-v22 .ttl-v22__inner .ttl-wrap .ttl-v22__jp {
font-size: 4rem;
}
.ttl-v22 .ttl-v22__inner .ttl-wrap .ttl-v22__jp .txt-lg {
display: inline-flex;
-moz-column-gap: 4px;
column-gap: 4px;
position: relative;
z-index: 2;
}
.ttl-v22 .ttl-v22__inner .ttl-wrap .ttl-v22__jp .txt-lg .line {
width: 6px;
background-color: #00adec;
padding: 0;
}
.ttl-v22 .ttl-v22__inner .ttl-wrap .ttl-v22__jp .txt-lg span {
font-weight: bold;
color: white;
padding: 0.5rem 0.25em;
background-color: #00adec;
}
.ttl-v22 .ttl-v22__inner .ttl-wrap .ttl-v22__jp .txt-sm {
font-size: 0.8em;
transform: translateY(-0.4em);
display: inline-block;
position: relative;
}
.ttl-v22 .ttl-v22__inner .ttl-wrap .ttl-v22__jp .txt-sm::after {
content: '';
width: 85%;
height: 1.47em;
background-color: white;
position: absolute;
top: 50%;
z-index: 0;
left: 0;
transform: translateY(-50%) translateX(-1rem);
}
.ttl-v22 .ttl-v22__inner .ttl-wrap .ttl-v22__jp .txt-sm span {
position: relative;
z-index: 1;
margin-left: 6px;
}
.ttl-v22 .ttl-v22__inner .ttl-wrap .ttl-v22__en {
font-size: 1.5rem;
margin-top: 1rem;
text-transform: uppercase;
}
.ttl-v22 .ttl-v22__inner .line-wrap {
margin-top: 0.5rem;
display: flex;
flex-direction: column;
row-gap: 0.4rem;
}
.ttl-v22 .ttl-v22__inner .line-wrap .ttl-v16__line-lg {
width: 100%;
height: 1rem;
background-color: #00adec;
}
.ttl-v22 .ttl-v22__inner .line-wrap .ttl-v16__line-sm {
width: 100%;
height: 0.4rem;
background-color: #b2e6f9;
}
.ttl-v22 .ttl-v22__inner .line-wrap .ttl-v16__line-lg {
margin-right: 8px;
}
.ttl-v23 {
position: relative;
padding-bottom: 1.5rem;
}
.ttl-v23::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 130%;
border-bottom: 0.5px solid #707070;
}
.ttl-v23 .ttl-v23__inner {
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 768px) {
.ttl-v23 .ttl-v23__inner {
flex-direction: column;
align-items: unset;
row-gap: 2rem;
}
}
.ttl-v23 .ttl-v23__inner .ttl-wrap {
display: flex;
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
}
.ttl-v23 .ttl-v23__inner .ttl-wrap::before {
content: '';
width: 6px;
background-color: #fe098b;
display: block;
}
.ttl-v23 .ttl-v23__inner .ttl-wrap .ttl-v23__en {
font-size: 5.6rem;
text-transform: uppercase;
font-style: italic;
font-weight: 300;
position: relative;
color: #333;
line-height: 1;
}
.ttl-v23 .ttl-v23__inner .ttl-wrap .ttl-v23__en::after {
content: attr(data-text);
position: absolute;
bottom: 0;
left: 0;
font-size: 1.56em;
font-weight: bold;
opacity: 0.12;
}
.ttl-v23 .ttl-v23__inner .ttl-wrap .ttl-v23__jp {
font-size: 1.8rem;
font-weight: 500;
margin-top: 0.5em;
}
.ttl-v23 .ttl-v23__inner .ttl-btn {
max-width: 26rem;
width: 100%;
}
.ttl-v23 .ttl-v23__inner .ttl-btn a {
font-family: 'Roboto', sans-serif;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
text-align: center;
letter-spacing: 0.1em;
color: #fff;
background-color: #82144f;
padding: 1rem;
height: 4.2rem;
}
.ttl-v24 {
padding: 3rem 0;
position: relative;
}
.ttl-v24::before,
.ttl-v24::after {
content: '';
height: 1.2rem;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/ttl-v24-bg.png) no-repeat center center/cover;
}
.ttl-v24::before {
bottom: auto;
top: 0;
}
.ttl-v24 .ttl-v24__inner .ttl-wrap .ttl-wrap__inner {
text-align: center;
}
.ttl-v24 .ttl-v24__inner .ttl-wrap .ttl-wrap__inner .ttl-v24__jp {
font-weight: bold;
font-size: 2.4rem;
font-family: 'Zen Maru Gothic', serif;
color: #774100;
}
.ttl-v25 {
color: white;
}
.ttl-v25 .ttl-v25__inner .ttl-wrap .ttl-wrap__inner {
text-align: center;
}
.ttl-v25 .ttl-v25__inner .ttl-wrap .ttl-wrap__inner .ttl-v25__en {
font-size: 7rem;
font-family: 'Rubik', serif;
font-weight: bold;
letter-spacing: 0.08em;
}
.ttl-v25 .ttl-v25__inner .ttl-wrap .ttl-wrap__inner .ttl-v25__en small {
display: block;
margin-bottom: 1rem;
font-size: 0.2em;
font-weight: 500;
font-style: italic;
letter-spacing: 0.04em;
}
.ttl-v25 .ttl-v25__inner .ttl-wrap .ttl-wrap__inner .ttl-v25__jp {
font-size: 2.2rem;
font-weight: bold;
margin-top: 1.5rem;
}
.ttl-v26 .ttl-v26__inner .ttl-wrap .ttl-wrap__inner {
text-align: center;
}
.ttl-v26 .ttl-v26__inner .ttl-wrap .ttl-wrap__inner .ttl-v26__en {
font-size: 9rem;
font-weight: 600;
font-family: 'Poppins', sans-serif;
}
.ttl-v26 .ttl-v26__inner .ttl-wrap .ttl-wrap__inner .ttl-v26__jp {
font-size: 1.8rem;
font-weight: bold;
}
.ttl-v26 .ttl-v26__inner .ttl-wrap .ttl-wrap__inner .ttl-v26__jp span {
font-weight: 500;
color: white;
padding: 0.2rem 0.5em;
background: transparent linear-gradient(180deg, #ed6b00 0%, #f6a908 100%);
}
.ttl-v27 .ttl-v27__inner .ttl-wrap {
text-align: center;
}
.ttl-v27 .ttl-v27__inner .ttl-wrap .ttl-v27__en {
font-size: 2rem;
font-weight: 600;
color: #e1344c;
font-family: 'Rubik', serif;
}
.ttl-v27 .ttl-v27__inner .ttl-wrap .ttl-v27__jp {
margin-top: 1rem;
font-size: 5rem;
margin-top: 1rem;
display: flex;
-moz-column-gap: 6px;
column-gap: 6px;
justify-content: center;
}
.ttl-v27 .ttl-v27__inner .ttl-wrap .ttl-v27__jp span {
background-color: white;
padding: 0 0.26em;
}
.ttl-v27 .ttl-v27__inner .ttl-wrap .ttl-v27__jp span.bg-red {
background-color: #e1344c;
color: white;
}
.ttl-v28 .ttl-v28__inner .ttl-wrap {
font-family: 'Shippori Mincho', serif;
display: flex;
flex-direction: column;
align-items: center;
font-weight: 500;
}
.ttl-v28 .ttl-v28__inner .ttl-wrap .ttl-v25__jp {
font-size: 2.4rem;
font-weight: 500;
writing-mode: vertical-lr;
}
.ttl-v28 .ttl-v28__inner .ttl-wrap .ttl-v28__en {
font-size: 1.8rem;
margin-top: 5.4rem;
display: flex;
align-items: center;
-moz-column-gap: 1.5rem;
column-gap: 1.5rem;
line-height: 1;
letter-spacing: 0.1em;
}
.ttl-v28 .ttl-v28__inner .ttl-wrap .ttl-v28__en::after,
.ttl-v28 .ttl-v28__inner .ttl-wrap .ttl-v28__en::before {
content: '';
width: 1.1em;
border-bottom: 1px solid #333;
}
.list.mt {
margin-top: 8rem;
}
.ttl-v29 .ttl-v29__inner {
display: flex;
justify-content: center;
position: relative;
}
.ttl-v29 .ttl-v29__inner::after {
content: '';
height: 38%;
width: 100%;
background-color: #a3d5d0;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.ttl-v29 .ttl-v29__inner .ttl-wrap {
position: relative;
z-index: 2;
padding: 2rem 6.5rem;
background-color: #439d94;
color: white;
border-radius: 100%;
text-align: center;
color: white;
font-family: 'Shippori Mincho', serif;
border: 2px solid white;
outline: 1rem solid #439d94;
aspect-ratio: 1/1;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.ttl-v29 .ttl-v29__inner .ttl-wrap .ttl-v29__en {
font-size: 1.5rem;
}
.ttl-v29 .ttl-v29__inner .ttl-wrap .ttl-v25__jp {
font-size: 2.4rem;
margin-top: 2.6rem;
}
.page-2 .sections {
padding: 0;
background-color: #ebf9ff;
padding-bottom: 7.5rem;
}
.page-2 .group-v1 {
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/sec-v1-bg.jpg) no-repeat center center/cover;
padding: 1em 0;
}
.sec-v1 {
font-family: 'Shippori Mincho', serif;
font-size: 2.2rem;
}
.sec-v1 .sec-container {
padding: 10rem 0;
max-width: 800px;
width: 100%;
margin: 0 auto;
}
.sec-v1 .sec-ttl {
margin-bottom: 1.5em;
font-weight: 500;
}
.sec-v1 .sec-texts {
font-size: 0.68em;
line-height: 2.1;
}
.sec-v2 {
font-family: 'Shippori Mincho', serif;
font-size: 2.4rem;
background-color: #506419;
color: white;
}
.sec-v2 .sec-container {
--max-width: 1000px;
width: min(100% - 4rem, 1200px);
margin: 0 auto;
padding-top: 12rem;
padding-bottom: 10rem;
}
.sec-v2 .sec-ttl {
margin-bottom: 1.5em;
font-weight: 600;
text-align: center;
}
.sec-v2 .sec-texts__inner {
max-width: 80rem;
width: 100%;
margin: 0 auto;
padding: 6rem 0;
}
.sec-v2 .sec-texts {
font-size: 0.67em;
line-height: 2.1;
}
.sec-v2 .sec-line__bottom,
.sec-v2 .sec-line__top {
height: 1.5rem;
width: 100%;
}
.sec-v2 .sec-line__top {
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/sec-v2-line-top.svg) no-repeat center center;
}
@media (max-width: 1024px) {
.sec-v2 .sec-line__top {
background-size: contain;
}
}
.sec-v2 .sec-line__bottom {
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/sec-v2-line-bottom.svg) no-repeat center center;
}
@media (max-width: 1024px) {
.sec-v2 .sec-line__bottom {
background-size: contain;
}
}
.sec-v3 {
font-family: 'Noto Sans JP', sans-serif;
font-size: 2.6rem;
background-color: #ebf9ff;
padding-top: 10rem;
padding-bottom: 1rem;
}
.sec-v3 .sec-container {
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/sec-v3-bg.png) no-repeat;
padding-bottom: 8rem;
}
@media (max-width: 1440px) {
.sec-v3 .sec-container {
background-size: cover;
}
}
.sec-v3 .sec-ttl {
font-weight: bold;
margin-bottom: 1.5em;
display: flex;
align-items: center;
gap: 0.7em;
color: #5f5a50;
}
.sec-v3 .sec-ttl::before {
content: '';
display: inline-block;
height: 1.53em;
aspect-ratio: 6/40;
background: linear-gradient(180deg, #ffea48 0%, #fdd943 100%);
}
.sec-v3 .sec-texts {
font-size: 0.6em;
line-height: 2.1;
}
.sec-v3 .sec-texts__inner {
max-width: 926px;
width: 100%;
margin: 0 auto;
padding-top: 4.5rem;
padding-bottom: 2rem;
position: relative;
}
.sec-v3 .sec-texts__inner::before,
.sec-v3 .sec-texts__inner::after {
content: '';
position: absolute;
background-color: rgba(255, 234, 72, 0.2);
}
.sec-v3 .sec-texts__inner::before {
width: clamp(8rem, calc(120 / 926 * 100 * 1vw), 12rem);
aspect-ratio: 120/94;
right: 0;
bottom: 0;
}
.sec-v3 .sec-texts__inner::after {
width: clamp(10rem, calc(140 / 926 * 100 * 1vw), 14rem);
aspect-ratio: 140/145;
top: 0rem;
left: 0rem;
z-index: 0;
}
.sec-v3 .sec-texts__wrap {
background-color: white;
width: 87%;
margin: 0 auto;
box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.1019607843);
padding: 6rem 0;
position: relative;
z-index: 2;
}
.sec-v3 .sec-pr__inner {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 640px));
margin: 0 auto;
}
.sec-v3 .sec-pr__wrap {
position: relative;
z-index: 2;
}
.sec-v4 {
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/sec-v4-bg.jpg) no-repeat center center/cover;
padding-top: 21rem;
padding-bottom: 24rem;
font-family: 'Murecho', sans-serif;
}
.sec-v4 .sec-container {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 1000px));
margin: 0 auto;
background: rgba(255, 255, 255, 0.8);
border-radius: 1rem;
padding: 6rem 2rem;
}
.sec-v4 .sec-container .sec-texts__inner {
width: min(100%, 800px);
margin: 0 auto;
}
.sec-v4 .sec-container .sec-texts__inner .sec-ttl {
text-align: center;
font-size: 4.2rem;
font-weight: 500;
}
.sec-v4 .sec-container .sec-texts__inner .sec-ttl .sec-ttl__jp {
font-size: 0.38em;
display: flex;
justify-content: center;
margin-top: 0.5rem;
}
.sec-v4 .sec-container .sec-texts__inner .sec-ttl .sec-ttl__line {
display: flex;
flex-direction: column;
align-items: center;
gap: 2rem;
}
.sec-v4 .sec-container .sec-texts__inner .sec-ttl .sec-ttl__line::after {
content: '';
width: 90%;
height: 2px;
background-color: #016b63;
}
.sec-v4 .sec-container .sec-texts__inner .sec-texts__wrap {
margin-top: 4rem;
font-size: 2.6rem;
}
.sec-v4 .sec-container .sec-texts__inner .sec-texts__wrap h2.sec-ttl {
color: #5d2200;
font-weight: 500;
text-align: center;
font-size: 1em;
}
.sec-v4 .sec-container .sec-texts__inner .sec-texts__wrap .sec-texts {
margin-top: 3.5rem;
font-size: 0.58em;
line-height: 2;
}
.sec-v5 {
margin: 1rem 0;
background-color: #ebf9ff;
color: white;
font-family: 'Noto Sans JP', sans-serif;
}
.sec-v5 .sec-container {
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/sec-v5-bg.jpg) no-repeat center center/cover;
padding: 24rem 0 26rem 0;
}
.sec-v5 .sec-container .sec-texts__inner {
width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
}
.sec-v5 .sec-container .sec-texts__inner .sec-ttl {
font-size: 5.3rem;
display: flex;
justify-content: center;
font-weight: 800;
}
.sec-v5 .sec-container .sec-texts__inner .sec-body {
font-size: 1.5rem;
font-weight: 500;
line-height: 2.4;
margin-top: 4rem;
}
.sec-v5 .sec-container .sec-texts__inner .sec-footer {
margin-top: 3rem;
}
.sec-v5 .sec-container .sec-texts__inner .sec-footer .sec-footer__warn {
font-weight: 500;
font-size: 2.2rem;
display: flex;
align-items: end;
margin-left: 3rem;
}
@media (max-width: 510px) {
.sec-v5 .sec-container .sec-texts__inner .sec-footer .sec-footer__warn {
margin-left: 0;
justify-content: center;
}
}
.sec-v5 .sec-container .sec-texts__inner .sec-footer .sec-footer__warn span {
margin-left: 0.4rem;
}
.sec-v5 .sec-container .sec-texts__inner .sec-footer .sec-footer__phone {
display: flex;
align-items: center;
justify-content: end;
gap: 1rem;
margin-top: 2rem;
}
@media (max-width: 510px) {
.sec-v5 .sec-container .sec-texts__inner .sec-footer .sec-footer__phone {
justify-content: center;
}
}
.sec-v5 .sec-container .sec-texts__inner .sec-footer .sec-footer__phone img {
width: 5rem;
aspect-ratio: 1/1;
}
.sec-v5 .sec-container .sec-texts__inner .sec-footer .sec-footer__phone span {
font-size: clamp(3rem, calc(50 / 470 * 100 * 1vw), 5rem);
font-weight: bold;
font-family: 'Josefin Sans', sans-serif;
line-height: 1;
font-style: italic;
}
.sec-v5 .sec-container .sec-texts__inner .sec-footer .sec-footer__texts {
margin-top: 2rem;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 3rem;
margin-top: 2rem;
}
@media (max-width: 510px) {
.sec-v5 .sec-container .sec-texts__inner .sec-footer .sec-footer__texts {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.sec-v5 .sec-container .sec-texts__inner .sec-footer .sec-footer__texts p {
font-size: 2.2rem;
font-family: 'Noto Sans JP', sans-serif;
font-weight: bold;
line-height: 1.6;
padding: 0.45em 0;
border-top: 0.18em solid #ff8c00;
border-bottom: 0.18em solid #ff8c00;
}
.sec-v5 .sec-container .sec-texts__wrap {
max-width: 47rem;
width: 100%;
}
.sec-v6 {
padding-top: 26rem;
padding-bottom: 54rem;
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/sec-v6-bg.jpg) no-repeat center center/cover;
}
.sec-v6 .sec-container {
width: min(100% - var(--gap-x, 4rem), 206px);
margin: 0 auto;
}
.sec-v6 .sec-container .sec-texts__inner {
display: flex;
gap: 5rem;
}
.sec-v6 .sec-container .sec-texts__inner p {
writing-mode: vertical-lr;
font-family: 'Shippori Mincho', serif;
font-weight: 500;
color: white;
font-size: 3.5rem;
text-shadow: 0px 3px 6px #000000;
}
.sec-v7 {
margin-top: 1.6rem;
padding-bottom: 1rem;
background-color: #dc143c;
color: white;
padding: 12rem 0;
font-family: 'nitalago-ruika', sans-serif;
}
.sec-v7 .sec-container {
width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
}
.sec-v7 .sec-container .sec-ttl {
max-width: 1000px;
width: 100%;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
@media (max-width: 768px) {
.sec-v7 .sec-container .sec-ttl {
display: grid;
justify-content: center;
gap: 4rem;
}
}
.sec-v7 .sec-container .sec-ttl .sec-ttl__right .sec-ttl__right-texts {
font-size: clamp(2.4rem, calc(32 / 510 * 100 * 1vw), 3.2rem);
font-weight: 600;
}
.sec-v7
.sec-container
.sec-ttl
.sec-ttl__right
.sec-ttl__right-texts
.texts-lg {
margin-top: 2.8rem;
display: flex;
align-items: end;
gap: 0.8rem;
}
.sec-v7
.sec-container
.sec-ttl
.sec-ttl__right
.sec-ttl__right-texts
.texts-lg
span {
font-size: 1.87em;
display: inline-flex;
align-items: end;
gap: 0.66em;
line-height: 1;
}
.sec-v7
.sec-container
.sec-ttl
.sec-ttl__right
.sec-ttl__right-texts
.texts-lg
span::after,
.sec-v7
.sec-container
.sec-ttl
.sec-ttl__right
.sec-ttl__right-texts
.texts-lg
span::before {
content: '';
height: 0.83em;
width: 4px;
background-color: white;
}
.sec-v7
.sec-container
.sec-ttl
.sec-ttl__right
.sec-ttl__right-texts
.texts-lg
span::after {
transform-origin: top right;
rotate: 25deg;
}
.sec-v7
.sec-container
.sec-ttl
.sec-ttl__right
.sec-ttl__right-texts
.texts-lg
span::before {
transform-origin: top left;
rotate: -25deg;
}
.sec-v7
.sec-container
.sec-ttl
.sec-ttl__right
.sec-ttl__right-texts
.texts-lg
small {
font-size: 0.875em;
}
.sec-v7 .sec-container .sec-ttl .sec-ttl__left {
min-width: 24rem;
aspect-ratio: 24/20;
display: grid;
place-content: center;
text-align: center;
background-color: white;
-webkit-clip-path: polygon(
50% 0%,
100% 25%,
100% 75%,
50% 100%,
0% 75%,
0% 25%
);
clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}
.sec-v7 .sec-container .sec-ttl .sec-ttl__left p {
color: #dc143c;
font-family: 'nitalago-ruika', sans-serif;
font-weight: 600;
font-size: 3.6rem;
line-height: 1.389;
}
.sec-v7 .sec-container .sec-body {
padding: 0 1rem;
margin-top: 6rem;
}
.sec-v7 .sec-container .sec-body .sec-list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: clamp(4rem, calc(100 / 1400 * 100 * 1vw), 10rem);
}
@media (max-width: 1440px) {
.sec-v7 .sec-container .sec-body .sec-list {
gap: 3rem;
}
}
@media (max-width: 1024px) {
.sec-v7 .sec-container .sec-body .sec-list {
grid-template-columns: repeat(12, minmax(0, 1fr));
row-gap: 0rem;
}
}
@media (max-width: 610px) {
.sec-v7 .sec-container .sec-body .sec-list {
grid-template-columns: repeat(1, minmax(0, 1fr));
row-gap: 3rem;
}
}
.sec-v7 .sec-container .sec-body .sec-list li {
display: grid;
place-content: center;
color: #dc143c;
font-weight: 600;
width: 100%;
aspect-ratio: 1/1;
background-color: white;
border-radius: 100%;
}
.sec-v7 .sec-container .sec-body .sec-list li h2 {
font-size: clamp(4.2rem, calc(52 / 1440 * 100 * 1vw), 5.2rem);
text-align: center;
}
.sec-v7 .sec-container .sec-body .sec-list li p {
font-size: clamp(1.5rem, calc(20 / 1440 * 100 * 1vw), 2rem);
line-height: 1.6;
margin-top: 3rem;
}
@media (max-width: 1024px) {
.sec-v7 .sec-container .sec-body .sec-list li:nth-child(1),
.sec-v7 .sec-container .sec-body .sec-list li:nth-child(2) {
grid-column: span 6 / span 6;
}
}
@media (max-width: 1024px) and (max-width: 610px) {
.sec-v7 .sec-container .sec-body .sec-list li:nth-child(1),
.sec-v7 .sec-container .sec-body .sec-list li:nth-child(2) {
grid-column: auto;
}
}
@media (max-width: 1024px) {
.sec-v7 .sec-container .sec-body .sec-list li:nth-child(3) {
grid-column: 4/10;
}
}
@media (max-width: 1024px) and (max-width: 610px) {
.sec-v7 .sec-container .sec-body .sec-list li:nth-child(3) {
grid-column: auto;
}
}
.sec-v8 {
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/sec-v8-bg.jpg) no-repeat center center/cover;
padding-top: 6rem;
padding-bottom: 8rem;
}
.sec-v8 .sec-container {
width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
font-family: 'Noto Sans JP', sans-serif;
}
.sec-v8 .sec-container .sec-ttl {
text-align: center;
font-size: 3.2rem;
}
.sec-v8 .sec-container .sec-ttl small {
font-family: 'RocknRoll One', sans-serif;
font-size: 0.676em;
display: inline-flex;
gap: 1.5rem;
align-items: center;
}
.sec-v8 .sec-container .sec-ttl small::after,
.sec-v8 .sec-container .sec-ttl small::before {
content: '';
height: 1.4em;
width: 2px;
background-color: #333;
}
.sec-v8 .sec-container .sec-ttl small::after {
rotate: 45deg;
}
.sec-v8 .sec-container .sec-ttl small::before {
rotate: -45deg;
}
.sec-v8 .sec-container .sec-ttl p {
font-weight: bold;
text-decoration: underline;
text-decoration-thickness: 1em;
text-underline-offset: -0.5em;
text-decoration-color: #ffe95d;
}
.sec-v8 .sec-container .sec-content {
margin-top: 4rem;
}
.sec-v8 .sec-container .sec-content__intro {
display: flex;
max-width: 1065px;
width: 100%;
gap: clamp(5rem, calc(110 / 1920 * 100 * 1vw), 11rem);
}
@media (max-width: 1024px) {
.sec-v8 .sec-container .sec-content__intro {
display: grid;
}
}
.sec-v8 .sec-container .sec-content__intro-texts {
font-size: 1.8rem;
line-height: 2;
padding-bottom: 2rem;
}
@media (max-width: 1024px) {
.sec-v8 .sec-container .sec-content__intro-img {
display: flex;
justify-content: center;
}
}
.sec-v8 .sec-container .sec-content__intro-img img {
width: clamp(27rem, calc(370 / 1024 * 100 * 1vw), 37rem);
}
.sec-v8 .sec-container .sec-content__bottom {
background-color: white;
padding: 4rem 5.5rem;
}
@media (max-width: 768px) {
.sec-v8 .sec-container .sec-content__bottom {
padding: 2rem;
}
}
.sec-v8 .sec-container .sec-content__bottom-ttl {
flex-shrink: 0;
font-size: 2.4rem;
font-weight: 500;
display: flex;
align-items: center;
}
@media (max-width: 768px) {
.sec-v8 .sec-container .sec-content__bottom-ttl {
float: left;
font-size: 2rem;
margin-right: 0.5em;
}
}
.sec-v8 .sec-container .sec-content__bottom-ttl span {
width: 4rem;
aspect-ratio: 40/56;
background-color: #004f93;
flex-shrink: 0;
-webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
@media (max-width: 768px) {
.sec-v8 .sec-container .sec-content__bottom-ttl span {
width: 2rem;
}
}
.sec-v8 .sec-container .sec-content__bottom-ttl p {
background-color: #004f93;
color: white;
padding: 5rem;
padding-right: 2.8rem;
min-width: 26rem;
}
@media (max-width: 768px) {
.sec-v8 .sec-container .sec-content__bottom-ttl p {
min-width: 18rem;
padding: 2rem;
}
}
.sec-v8 .sec-container .sec-content__bottom-pr p {
font-size: 1.8rem;
line-height: 2;
}
.sec-v8 .sec-container .sec-content__bottom-wrap {
display: flex;
align-items: center;
gap: 6rem;
}
@media (max-width: 768px) {
.sec-v8 .sec-container .sec-content__bottom-wrap {
display: block;
}
}
.sec-v9 {
position: relative;
}
.sec-v9::after,
.sec-v9::before {
content: '';
position: absolute;
left: 0;
width: 100%;
}
.sec-v9::after {
bottom: 0;
background-color: #f5f8ee;
height: 55%;
}
.sec-v9::before {
top: 0;
background-color: #ebf9ff;
height: 45%;
}
.sec-v9 .sec-container {
width: min(100% - var(--gap-x, 4rem), 1620px);
margin: 0 auto;
display: flex;
padding-top: 1rem;
position: relative;
z-index: 2;
justify-content: space-between;
gap: 2rem;
}
.sec-v9 .sec-container .sec-img {
width: 30%;
}
.sec-v9 .sec-container .sec-img img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sec-v9 .sec-container .sec-img__right {
margin-top: 13rem;
}
.sec-v9 .sec-container .sec-img__sp {
display: none;
}
@media (max-width: 768px) {
.sec-v9 .sec-container .sec-img__sp {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin: 4rem 0;
}
.sec-v9 .sec-container .sec-img__sp img {
width: 100%;
}
}
@media (max-width: 768px) {
.sec-v9 .sec-container .sec-img {
display: none;
}
}
.sec-v9 .sec-container .sec-content .sec-ttl {
font-size: 4rem;
text-align: center;
display: grid;
gap: 0.3em;
}
.sec-v9 .sec-container .sec-content .sec-ttl .sec-ttl__jp {
font-size: 0.375em;
}
.sec-v9 .sec-container .sec-content .sec-ttl .sec-ttl__en {
font-family: 'Cinzel', serif;
color: #4a6801;
}
.sec-v9 .sec-container .sec-content .sec-ttl .sec-ttl__icon {
margin: 0 auto;
}
.sec-v9 .sec-container .sec-content .sec-texts {
max-width: 500px;
width: 100%;
margin: 0 auto;
}
@media (max-width: 768px) {
.sec-v9 .sec-container .sec-content .sec-texts {
max-width: unset;
}
}
.sec-v9 .sec-container .sec-content .sec-texts .sec-texts__ttl {
font-size: 2rem;
font-weight: 500;
color: #4a6801;
}
.sec-v9 .sec-container .sec-content .sec-texts .sec-texts__pr {
margin-top: 3rem;
font-size: 1.5rem;
line-height: 2;
}
.sec-v9 .sec-container .sec-content .sec-texts .sec-btn {
display: flex;
justify-content: center;
margin-top: 1rem;
}
.sec-v9 .sec-container .sec-content .sec-texts .sec-btn a {
max-width: 32rem;
width: 100%;
text-transform: uppercase;
color: white;
line-height: 1.1;
font-size: 1.5rem;
padding: 1em;
background-color: #4a6801;
letter-spacing: 0.01em;
text-align: center;
border-radius: 7.6rem;
position: relative;
}
.sec-v9 .sec-container .sec-content .sec-texts .sec-btn a .arrow-icon {
position: absolute;
right: 1em;
top: 50%;
transform: translateY(-50%);
width: 8%;
aspect-ratio: 1;
background-color: white;
border-radius: 100%;
display: grid;
place-content: center;
}
.sec-v9 .sec-container .sec-content .sec-texts .sec-btn a .arrow-icon::after {
content: '';
width: 7px;
aspect-ratio: 1/1;
border-left: 1.5px solid #4a6801;
border-bottom: 1.5px solid #4a6801;
rotate: -135deg;
}
.sec-v10 {
background-color: #ebf9ff;
padding-top: 4.5rem;
padding-bottom: 16rem;
}
.sec-v10 .sec-container {
width: min(100% - var(--gap-x, 4rem), 1480px);
margin: 0 auto;
}
.sec-v10 .sec-container .sec-ttl {
font-size: 1.8rem;
font-family: 'Rubik', serif;
color: #279f9f;
display: flex;
align-items: center;
gap: 1.1em;
}
.sec-v10 .sec-container .sec-ttl .sec-ttl__en {
font-weight: 600;
}
.sec-v10 .sec-container .sec-ttl .sec-ttl__line {
height: 1.4em;
width: 1px;
background-color: #279f9f;
}
.sec-v10 .sec-container .sec-ttl .sec-ttl__jp {
font-weight: 700;
}
.sec-v10 .sec-container .sec-texts {
margin-top: 3rem;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin-bottom: 9rem;
}
@media (max-width: 1200px) {
.sec-v10 .sec-container .sec-texts {
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 3rem;
}
}
.sec-v10 .sec-container .sec-texts .sec-texts__ttl {
font-size: clamp(3rem, calc(40 / 768 * 100 * 1vw), 4rem);
font-weight: bold;
line-height: 1.5;
}
.sec-v10 .sec-container .sec-texts .sec-texts__pr {
font-size: 1.6rem;
font-weight: 500;
line-height: 2;
}
.sec-v10 .sec-slide .swiper-slide img {
width: 100%;
}
.sec-v11 {
background-color: #f8f6f2;
padding: 10rem 0;
}
.sec-v11 .sec-container {
width: min(100% - var(--gap-x, 4rem), 1480px);
margin: 0 auto;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 2rem;
}
@media (max-width: 920px) {
.sec-v11 .sec-container {
grid-template-columns: repeat(1, minmax(0, 1fr));
gap: 4rem;
}
}
.sec-v11 .sec-container .sec-ttl {
font-size: clamp(3rem, calc(36 / 768 * 100 * 1vw), 3.6rem);
}
.sec-v11 .sec-container .sec-ttl .sec-ttl__en {
font-family: 'Rubik', serif;
color: #279f9f;
font-weight: 600;
font-size: 0.56em;
}
.sec-v11 .sec-container .sec-ttl .sec-ttl__jp {
font-weight: bold;
margin-top: 1rem;
}
.sec-v11 .sec-container .sec-content .sec-content__list {
display: grid;
gap: 1rem;
}
.sec-v11 .sec-container .sec-content .sec-content__list li {
display: flex;
gap: 1.5rem;
font-size: 2rem;
align-items: start;
}
.sec-v11 .sec-container .sec-content .sec-content__list li img {
vertical-align: middle;
transform: translateY(0.3em);
}
.sec-v11 .sec-container .sec-content .sec-content__list li .sec-list__item {
flex-shrink: 0;
}
.sec-v11 .sec-container .sec-content .sec-content__list li .sec-list__text {
border-bottom: 1px dashed #279f9f;
padding-bottom: 0.5em;
}
.sec-v11 .sec-container .sec-content .sec-content__list li .sec-list__text p {
font-weight: 500;
}
.sec-v12 .sec-container {
background-color: #e1344c;
padding: 5rem 2rem;
padding-top: 2rem;
color: white;
}
.sec-v12 .sec-container .sec-ttl {
font-size: clamp(4.2rem, calc(62 / 1024 * 100 * 1vw), 6.2rem);
font-weight: 900;
text-align: center;
}
.sec-v12 .sec-container .sec-ttl small {
font-size: 0.56em;
font-weight: bold;
}
.sec-v12 .sec-arrow {
display: flex;
justify-content: center;
width: 100%;
}
.sec-v12 .sec-arrow::after {
width: 10%;
content: '';
aspect-ratio: 200/40;
background-color: #e1344c;
-webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
clip-path: polygon(100% 0, 0 0, 50% 100%);
}
@media (max-width: 768px) {
.sec-v12 .sec-arrow::after {
width: 15%;
}
}
.group-list {
display: grid;
gap: 1rem;
margin-top: 1rem;
}
.sec-v13 .sec-container {
width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
display: flex;
align-items: center;
gap: clamp(2rem, calc(40 / 1440 * 100 * 1vw), 4rem);
font-family: 'Shippori Mincho', serif;
background-color: white;
}
@media (max-width: 1080px) {
.sec-v13 .sec-container {
padding: 4rem 2rem;
}
}
.sec-v13 .sec-container .sec-image {
width: 32rem;
flex-shrink: 0;
}
@media (max-width: 1080px) {
.sec-v13 .sec-container .sec-image {
display: none;
}
}
.sec-v13 .sec-container .sec-image img {
width: 100%;
}
.sec-v13 .sec-container .sec-image__sp {
display: none;
}
@media (max-width: 1080px) {
.sec-v13 .sec-container .sec-image__sp {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 2rem;
margin-top: clamp(4rem, calc(60 / 768 * 100 * 1vw), 6rem);
}
.sec-v13 .sec-container .sec-image__sp img {
width: 100%;
}
}
@media (max-width: 768px) {
.sec-v13 .sec-container .sec-image__sp {
gap: 1rem;
}
}
.sec-v13 .sec-container .sec-content .sec-ttl {
text-align: center;
font-size: 2.4rem;
}
.sec-v13 .sec-container .sec-content .sec-texts {
margin-top: clamp(4rem, calc(60 / 768 * 100 * 1vw), 6rem);
}
.sec-v13 .sec-container .sec-content .sec-texts p {
font-size: 1.5rem;
line-height: 2;
}
.sec-v13 .sec-container .sec-content .sec-btn {
display: flex;
justify-content: center;
margin-top: 3.5rem;
}
.sec-v13 .sec-container .sec-content .sec-btn a {
font-size: 1.6rem;
max-width: 30rem;
width: 100%;
text-transform: uppercase;
padding: 1.25em;
border-radius: 3.125em;
text-align: center;
border: 1px solid #439d94;
color: #439d94;
position: relative;
line-height: 1;
}
.sec-v13 .sec-container .sec-content .sec-btn a::after {
content: '';
width: 16%;
height: 0.5em;
position: absolute;
right: 1.25em;
top: 50%;
transform: translateY(-50%);
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/sec-v13-btn-arrow.png) no-repeat;
background-size: contain;
}
.sec-v14 .sec-container {
width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
background-color: #f6f7f8;
display: flex;
align-items: center;
}
.sec-v14 .sec-container .sec-content {
max-width: 640px;
width: 100%;
margin: 0 auto;
padding: 2rem;
}
@media (max-width: 768px) {
.sec-v14 .sec-container .sec-content {
max-width: unset;
}
}
.sec-v14 .sec-container .sec-content .sec-ttl {
font-size: 2.4rem;
text-align: center;
font-weight: 500;
}
@media (max-width: 768px) {
.sec-v14 .sec-container .sec-content .sec-ttl img {
width: 11rem;
}
}
.sec-v14 .sec-container .sec-content .sec-ttl p {
line-height: 1.67;
}
.sec-v14 .sec-container .sec-content .sec-texts {
border-top: 1px solid #ffb733;
margin-top: 1.8rem;
}
.sec-v14 .sec-container .sec-content .sec-texts p {
padding-top: 1rem;
font-size: 1.6rem;
line-height: 1.4;
}
.sec-v14 .sec-container .sec-image {
width: 46rem;
}
@media (max-width: 1024px) {
.sec-v14 .sec-container .sec-image {
width: 40%;
align-self: stretch;
flex-shrink: 0;
}
}
@media (max-width: 768px) {
.sec-v14 .sec-container .sec-image {
display: none;
}
}
.sec-v14 .sec-container .sec-image img {
width: 100%;
}
@media (max-width: 1024px) {
.sec-v14 .sec-container .sec-image img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
.sec-v14 .sec-container .sec-image__sp {
display: none;
}
@media (max-width: 768px) {
.sec-v14 .sec-container .sec-image__sp {
display: block;
margin-top: 2rem;
}
.sec-v14 .sec-container .sec-image__sp img {
width: 100%;
}
}
.sec-v15 .sec-container {
width: min(100% - var(--gap-x, 4rem), 1440px);
margin: 0 auto;
display: flex;
align-items: center;
gap: clamp(2rem, calc(80 / 1440 * 100 * 1vw), 8rem);
font-family: 'Yuji', serif;
}
.sec-v15 .sec-container .sec-content {
padding: 2rem 0;
}
.sec-v15 .sec-container .sec-content .sec-ttl {
display: flex;
justify-content: center;
}
.sec-v15 .sec-container .sec-content .sec-ttl .sec-ttl__jp {
font-size: 3.2rem;
writing-mode: vertical-lr;
line-height: 1.2;
}
.sec-v15 .sec-container .sec-content .sec-ttl .sec-ttl__en {
font-size: 1.5rem;
letter-spacing: 0.2em;
margin-top: 0.5em;
}
.sec-v15 .sec-container .sec-content .sec-image__sp {
display: none;
}
@media (max-width: 768px) {
.sec-v15 .sec-container .sec-content .sec-image__sp {
display: block;
margin-top: 4rem;
}
}
.sec-v15 .sec-container .sec-content .sec-image__sp img {
width: 100%;
}
.sec-v15 .sec-container .sec-content .sec-texts {
margin-top: clamp(4rem, calc(80 / 1024 * 100 * 1vw), 8rem);
}
.sec-v15 .sec-container .sec-content .sec-texts p {
line-height: 2;
}
.sec-v15 .sec-container .sec-content .sec-btn {
margin-top: 3rem;
display: flex;
justify-content: center;
}
.sec-v15 .sec-container .sec-content .sec-btn a {
max-width: 26rem;
width: 100%;
font-size: 1.6rem;
padding: 1em;
border: 1px solid #333333;
border-radius: 0.6rem;
text-align: center;
position: relative;
}
.sec-v15 .sec-container .sec-content .sec-btn a::after {
content: '';
right: 1em;
top: 50%;
width: 0.6em;
aspect-ratio: 1/1;
border-left: 0.2em solid #333333;
border-bottom: 0.2em solid #333333;
transform: translateY(-50%) rotate(-135deg);
position: absolute;
}
.sec-v15 .sec-container .sec-image {
width: 66.667%;
flex-shrink: 0;
}
@media (max-width: 1024px) {
.sec-v15 .sec-container .sec-image {
width: 60%;
align-self: stretch;
}
}
@media (max-width: 768px) {
.sec-v15 .sec-container .sec-image {
display: none;
}
}
.sec-v15 .sec-container .sec-image img {
width: 100%;
}
@media (max-width: 1024px) {
.sec-v15 .sec-container .sec-image img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
.page-3 .sections {
background-color: #ebf9ff;
padding: 0;
padding-bottom: 12rem;
}
.page-3 .breadcrumb {
background-color: #c6dfd9;
color: white;
padding-top: 1rem;
font-family: 'Noto Sans JP', sans-serif;
}
.page-3 .breadcrumb ul {
font-family: 'Noto Sans JP', sans-serif;
}
.sec-v16 {
padding: 10rem 0;
background-color: #c6dfd9;
font-family: 'Murecho', sans-serif;
font-weight: 500;
}
.sec-v16 .sec-container {
width: min(100% - var(--gap-x, 4rem), 1400px);
margin: 0 auto;
}
.sec-v16 .sec-container .sec-ttl {
font-size: 4.2rem;
display: flex;
flex-direction: column;
align-items: center;
}
.sec-v16 .sec-container .sec-ttl .sec-ttl__en {
letter-spacing: 0.08em;
}
.sec-v16 .sec-container .sec-ttl .sec-ttl__jp {
font-size: 0.38em;
display: flex;
flex-direction: column;
align-items: center;
gap: 1.3em;
margin-top: 0.5em;
}
.sec-v16 .sec-container .sec-ttl .sec-ttl__jp::after {
width: 90%;
content: '';
height: 2px;
background-color: #016b63;
}
.sec-v16 .sec-content {
margin-top: 5rem;
}
.sec-v16 .sec-content .sec-list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem;
}
@media (max-width: 768px) {
.sec-v16 .sec-content .sec-list {
grid-template-columns: repeat(1, minmax(0, 1fr));
row-gap: 2rem;
}
}
.sec-v16 .sec-content .sec-list .sec-list__item .item-image .item-img {
width: 100%;
}
.sec-v16 .sec-content .sec-list .sec-list__item .item-content {
width: 90%;
margin: 0 auto;
background-color: rgba(255, 255, 255, 0.9);
padding: 1.5rem 3rem;
border-radius: 1rem;
margin-top: -4.5rem;
position: relative;
z-index: 1;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
@media (max-width: 1024px) {
.sec-v16 .sec-content .sec-list .sec-list__item .item-content {
padding: 1.5rem 2rem;
}
}
.sec-v16 .sec-content .sec-list .sec-list__item .item-content .item-title {
font-size: 2.4rem;
letter-spacing: 0.07em;
}
.sec-v16
.sec-content
.sec-list
.sec-list__item
.item-content
.item-title
.sec-ttl__jp {
font-size: 0.667em;
margin-top: 0.5rem;
}
.sec-v16 .sec-content .sec-list .sec-list__item .item-content .item-btn {
display: flex;
justify-content: end;
margin-top: 1rem;
}
.sec-v16 .sec-content .sec-list .sec-list__item .item-content .item-btn a {
font-size: 1.4rem;
display: flex;
align-items: center;
gap: 0.8em;
}
.sec-v16
.sec-content
.sec-list
.sec-list__item
.item-content
.item-btn
a::before {
content: '';
width: 5em;
height: 1px;
background-color: #333333;
}
.sec-v16
.sec-content
.sec-list
.sec-list__item
.item-content
.item-btn
a::after {
content: '';
width: 0.58em;
aspect-ratio: 8/14;
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/angle-right-icon.svg) no-repeat center center;
background-size: contain;
}
.sec-v17 {
padding-bottom: 6.5rem;
padding-top: 2rem;
}
.sec-v17 .sec-container {
width: min(100%, 1600px);
margin: 0 auto;
background-color: #fc9b1b;
color: white;
padding-bottom: 7rem;
}
.sec-v17 .sec-container__inner {
width: min(100% - 2rem, 1400px);
margin-left: auto;
display: flex;
gap: 4rem;
}
@media (max-width: 1200px) {
.sec-v17 .sec-container__inner {
gap: 2rem;
}
}
@media (max-width: 768px) {
.sec-v17 .sec-container__inner {
margin: 0 auto;
width: min(100% - var(--gap-x, 4rem), 1400px);
}
}
.sec-v17 .sec-container .sec-content {
padding: 4rem 0;
align-self: center;
}
.sec-v17 .sec-container .sec-content .sec-ttl {
font-size: 5.6rem;
display: flex;
align-items: end;
gap: 1.5rem;
}
.sec-v17 .sec-container .sec-content .sec-ttl::before {
content: '';
height: 1.4em;
width: 6px;
background-color: #fff;
flex-shrink: 0;
}
.sec-v17 .sec-container .sec-content .sec-ttl .sec-ttl__en {
font-family: 'Roboto', sans-serif;
font-style: italic;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 0.03em;
position: relative;
}
.sec-v17 .sec-container .sec-content .sec-ttl .sec-ttl__en::before {
content: attr(data-text);
font-size: 1.55em;
opacity: 0.12;
position: absolute;
left: 0;
bottom: 0;
font-weight: bold;
}
.sec-v17 .sec-container .sec-content .sec-ttl .sec-ttl__jp {
font-size: 1.8rem;
font-weight: 500;
letter-spacing: 0.2em;
}
.sec-v17 .sec-container .sec-content .sec-texts {
margin-top: 2.8rem;
font-size: 1.6rem;
line-height: 2;
}
.sec-v17 .sec-container .sec-image {
border-left: 1rem solid white;
border-bottom: 1rem solid white;
width: 57%;
flex-shrink: 0;
}
@media (max-width: 1024px) {
.sec-v17 .sec-container .sec-image {
width: 50%;
}
}
@media (max-width: 768px) {
.sec-v17 .sec-container .sec-image {
display: none;
}
}
.sec-v17 .sec-container .sec-image__sp {
display: none;
}
@media (max-width: 768px) {
.sec-v17 .sec-container .sec-image__sp {
display: flex;
margin-top: 4rem;
border-left: 1rem solid white;
border-bottom: 1rem solid white;
}
.sec-v17 .sec-container .sec-image__sp img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
.sec-v17 .sec-container .sec-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sec-v17 .sec-list {
width: min(100% - var(--gap-x, 4rem), 1000px);
margin: 0 auto;
margin-top: 5rem;
}
.sec-v17 .sec-list .list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem;
}
@media (max-width: 768px) {
.sec-v17 .sec-list .list {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.sec-v17 .sec-list .list .list__item {
background-color: white;
padding: 5rem 2rem;
position: relative;
}
.sec-v17 .sec-list .list .list__item::after {
content: '';
width: 7.5%;
aspect-ratio: 1/1;
position: absolute;
background-color: #fc9b1b;
-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
clip-path: polygon(100% 0, 100% 100%, 0 100%);
right: 0.5rem;
bottom: 0.5rem;
}
.sec-v17 .sec-list .list .list__item .item-ttl {
color: #fc9b1b;
text-align: center;
}
.sec-v17 .sec-list .list .list__item .item-ttl .item-ttl__en {
font-size: 3.6rem;
font-family: 'Roboto', sans-serif;
font-style: italic;
font-weight: 300;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.sec-v17 .sec-list .list .list__item .item-ttl .item-ttl__jp {
font-size: 1.6rem;
margin-top: 0.2em;
}
.sec-v17 .ttl-list {
width: min(100% - var(--gap-x, 4rem), 1600px);
margin: 0 auto;
display: flex;
flex-wrap: wrap;
gap: 1.5rem;
}
.sec-v17 .ttl-list__item {
font-size: 8.7rem;
font-weight: bold;
font-family: 'Roboto', sans-serif;
font-style: italic;
color: #c200c2;
opacity: 0.12;
text-transform: uppercase;
letter-spacing: 0.012em;
}
.sec-v18 {
background-color: #edede8;
}
.sec-v18 .sec-container {
width: min(100%, 1920px);
margin: 0 auto;
padding-bottom: 9rem;
font-family: 'Zen Old Mincho', serif;
}
.sec-v18 .sec-container__inner {
width: min(100% - 2rem, 1560px);
margin-left: auto;
display: flex;
gap: 7rem;
}
@media (max-width: 1200px) {
.sec-v18 .sec-container__inner {
gap: 2rem;
}
}
@media (max-width: 768px) {
.sec-v18 .sec-container__inner {
margin: 0 auto;
width: min(100% - var(--gap-x, 4rem), 1400px);
}
}
.sec-v18 .sec-container .sec-content {
padding: 4rem 0;
align-self: center;
}
.sec-v18 .sec-container .sec-content .sec-ttl {
font-size: 6rem;
border-bottom: 5px solid #a90013;
}
.sec-v18 .sec-container .sec-content .sec-ttl .sec-ttl__en {
font-family: 'Poppins', sans-serif;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.03em;
display: inline;
}
.sec-v18 .sec-container .sec-content .sec-ttl .sec-ttl__en small {
font-size: 0.6em;
}
.sec-v18 .sec-container .sec-content .sec-ttl .sec-ttl__en span {
color: #a90013;
margin-right: 0.1em;
}
.sec-v18 .sec-container .sec-content .sec-ttl .sec-ttl__jp {
font-size: 2.2rem;
font-weight: bold;
display: inline-block;
margin-left: 4rem;
}
.sec-v18 .sec-container .sec-content .sec-texts {
margin-top: 3rem;
}
.sec-v18 .sec-container .sec-content .sec-texts__ttl {
font-size: 2.2rem;
margin-top: 1rem;
font-weight: bold;
}
.sec-v18 .sec-container .sec-content .sec-texts__content {
margin-top: 3rem;
font-size: 1.6rem;
line-height: 1.5;
}
.sec-v18 .sec-container .sec-image {
border-left: 1rem solid white;
border-bottom: 1rem solid white;
width: 58%;
flex-shrink: 0;
}
@media (max-width: 1024px) {
.sec-v18 .sec-container .sec-image {
width: 50%;
}
}
@media (max-width: 768px) {
.sec-v18 .sec-container .sec-image {
display: none;
}
}
.sec-v18 .sec-container .sec-image__sp {
display: none;
}
@media (max-width: 768px) {
.sec-v18 .sec-container .sec-image__sp {
display: flex;
border-left: 1rem solid white;
border-bottom: 1rem solid white;
margin-top: 4rem;
}
.sec-v18 .sec-container .sec-image__sp img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
.sec-v18 .sec-container .sec-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sec-v18 .sec-list {
width: min(100% - var(--gap-x, 4rem), 1000px);
margin: 0 auto;
margin-top: 5rem;
}
@media (max-width: 768px) {
.sec-v18 .sec-list {
margin-top: 0;
}
}
.sec-v18 .sec-list .list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 4rem;
}
@media (max-width: 768px) {
.sec-v18 .sec-list .list {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.sec-v18 .sec-list .list .list__item {
background-color: white;
padding: 5rem 2rem;
position: relative;
}
.sec-v18 .sec-list .list .list__item::after {
content: '';
width: 5%;
aspect-ratio: 1/1;
position: absolute;
background-color: #d8529a;
-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%);
clip-path: polygon(100% 0, 100% 100%, 0 100%);
right: 0.5rem;
bottom: 0.5rem;
}
.sec-v18 .sec-list .list .list__item .item-ttl {
text-align: center;
}
.sec-v18 .sec-list .list .list__item .item-ttl .item-ttl__en {
font-size: 3.6rem;
font-family: 'Poppins', sans-serif;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.sec-v18 .sec-list .list .list__item .item-ttl .item-ttl__jp {
font-size: 1.8rem;
margin-top: 0.1em;
}
.sec-v18 .sec-detail {
background-color: #ebf9ff;
padding-top: 5rem;
padding-bottom: 8rem;
}
.sec-v18 .sec-detail .sec-detail__container {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin: 0 auto;
width: min(100% - var(--gap-x, 4rem), 1200px);
}
@media (max-width: 768px) {
.sec-v18 .sec-detail .sec-detail__container {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.sec-v18 .sec-detail .sec-detail__container .sec-detail__content {
padding-right: 3rem;
position: relative;
padding-top: clamp(3rem, calc(65 / 1440 * 100 * 1vw), 6.5rem);
}
@media (max-width: 768px) {
.sec-v18 .sec-detail .sec-detail__container .sec-detail__content {
padding-right: 0;
}
}
.sec-v18 .sec-detail .sec-detail__container .sec-detail__content-wrap {
position: relative;
z-index: 3;
}
.sec-v18 .sec-detail .sec-detail__container .sec-detail__content::before,
.sec-v18 .sec-detail .sec-detail__container .sec-detail__content::after {
content: '';
position: absolute;
}
.sec-v18 .sec-detail .sec-detail__container .sec-detail__content::after {
width: 47%;
aspect-ratio: 1/1;
background-color: #f6f7f8;
right: 1.7rem;
top: 50%;
transform: translateY(-50%);
z-index: 1;
}
.sec-v18 .sec-detail .sec-detail__container .sec-detail__content::before {
width: 48%;
aspect-ratio: 29/15;
background-color: #f5f1e9;
right: 6.5rem;
bottom: 9rem;
z-index: 2;
}
.sec-v18
.sec-detail
.sec-detail__container
.sec-detail__content
.sec-detail__ttl {
text-align: center;
font-size: 2.4rem;
font-weight: bold;
border-bottom: 2px dashed #333;
padding-bottom: 0.2em;
}
.sec-v18
.sec-detail
.sec-detail__container
.sec-detail__content
.sec-detail__texts {
margin-top: 2.6rem;
font-size: 1.6rem;
}
.sec-v18
.sec-detail
.sec-detail__container
.sec-detail__content
.sec-detail__btn {
display: flex;
justify-content: center;
margin-top: 1.5rem;
}
.sec-v18
.sec-detail
.sec-detail__container
.sec-detail__content
.sec-detail__btn
a {
max-width: 21rem;
width: 100%;
border: 1px solid #575551;
border-radius: 6px;
font-size: 1.7rem;
font-weight: 500;
padding: 1rem 3.5rem;
display: flex;
align-items: center;
gap: 1.9em;
background-color: white;
transition: all 0.3s;
}
.sec-v18
.sec-detail
.sec-detail__container
.sec-detail__content
.sec-detail__btn
a:hover {
opacity: 0.8;
}
.sec-v18
.sec-detail
.sec-detail__container
.sec-detail__content
.sec-detail__btn
.arrow-icon {
width: 0.96em;
aspect-ratio: 1;
background-color: #b0a99a;
border-radius: 100%;
display: grid;
place-content: center;
}
.sec-v18
.sec-detail
.sec-detail__container
.sec-detail__content
.sec-detail__btn
.arrow-icon::after {
content: '';
width: 0.43em;
flex-shrink: 0;
aspect-ratio: 1/1;
background-color: white;
-webkit-clip-path: polygon(20% 0, 100% 50%, 20% 100%);
clip-path: polygon(20% 0, 100% 50%, 20% 100%);
}
@media (max-width: 768px) {
.sec-v18 .sec-detail .sec-detail__container .sec-detail__image {
display: none;
}
}
.sec-v18 .sec-detail .sec-detail__container .sec-detail__image-sp {
display: none;
}
@media (max-width: 768px) {
.sec-v18 .sec-detail .sec-detail__container .sec-detail__image-sp {
display: flex;
margin-top: 3rem;
}
.sec-v18 .sec-detail .sec-detail__container .sec-detail__image-sp img {
width: 100%;
}
}
.sec-v18 .sec-detail .sec-detail__container .sec-detail__image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sec-v19 {
padding-top: max(5rem, min(11rem, 5.7vw));
padding-bottom: max(5rem, min(15rem, 7.8vw));
position: relative;
}
.sec-v19::after {
content: '';
position: absolute;
top: 0;
right: 0;
height: 100%;
max-width: calc(1560px + (100% - 1920px) / 2);
width: 100%;
margin-left: auto;
background-color: #f1f4f6;
}
@media (max-width: 1920px) {
.sec-v19::after {
max-width: 81vw;
}
}
.sec-v19 .sec-container {
position: relative;
z-index: 2;
}
.sec-v19 .sec-container .sec-ttl {
width: min(100% - var(--gap-x, 4rem), 1720px);
margin: auto;
}
.sec-v19 .sec-container .sec-ttl .sec-ttl__en {
font-size: 5rem;
font-family: 'Montserrat', serif;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.2em;
}
.sec-v19 .sec-container .sec-ttl .sec-ttl__jp {
font-size: 1.8rem;
}
.sec-v19 .sec-container .sec-ttl .sec-ttl__dots {
margin-top: 4rem;
display: flex;
gap: 1rem;
}
.sec-v19 .sec-container .sec-ttl .sec-ttl__dots span {
width: 1rem;
aspect-ratio: 1;
border-radius: 100%;
background-color: #333;
}
.sec-v19 .sec-container .sec-content__wrap {
margin-top: 6.8rem;
display: flex;
position: relative;
}
.sec-v19 .sec-container .sec-content__wrap .sec-texts {
background: linear-gradient(180deg, #215782 0%, #051e31 100%);
color: white;
width: 50%;
position: relative;
z-index: 1;
aspect-ratio: 96/76;
padding-top: 8.9vw;
padding-left: 5.2vw;
padding-bottom: 13vw;
padding-right: max(2rem, 10.4vw);
}
@media (max-width: 1024px) {
.sec-v19 .sec-container .sec-content__wrap .sec-texts {
width: 60%;
}
}
.sec-v19 .sec-container .sec-content__wrap .sec-texts .sec-texts__ttl {
font-size: 2.4rem;
font-weight: 500;
}
.sec-v19 .sec-container .sec-content__wrap .sec-texts .sec-texts__content {
font-size: 1.6rem;
line-height: 2;
margin-top: 3.8rem;
}
.sec-v19 .sec-container .sec-content__wrap .sec-texts .sec-btn {
margin-top: 5.5rem;
display: flex;
}
.sec-v19 .sec-container .sec-content__wrap .sec-texts .sec-btn a {
max-width: 35rem;
width: 100%;
background-color: white;
font-size: 1.6rem;
font-weight: bold;
text-transform: uppercase;
text-align: center;
padding: 0.98em;
color: #333;
position: relative;
}
.sec-v19 .sec-container .sec-content__wrap .sec-texts .sec-btn a::after {
content: '';
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 1rem;
width: 1.4rem;
aspect-ratio: 1/1;
z-index: 1;
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/feather-arrow-right.svg) no-repeat;
background-size: contain;
}
.sec-v19 .sec-container .sec-content__wrap .sec-image {
position: absolute;
width: 55%;
right: 0;
height: 100%;
z-index: 2;
top: -6vw;
}
@media (max-width: 1024px) {
.sec-v19 .sec-container .sec-content__wrap .sec-image {
width: 48%;
}
}
.sec-v19 .sec-container .sec-content__wrap .sec-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 768px) {
.sec-v19 .sec-container .sec-content__wrap {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.sec-v19 .sec-container .sec-content__wrap .sec-texts {
width: 100%;
}
.sec-v19 .sec-container .sec-content__wrap .sec-image {
order: -1;
position: unset;
width: 100%;
}
}
.sec-v20 {
padding-top: 7rem;
padding-bottom: 9rem;
}
.sec-v20 .sec-container {
width: min(100% - var(--gap-x, 4rem), 1000px);
margin: 0 auto;
position: relative;
z-index: 2;
}
.sec-v20 .sec-ttl {
text-align: center;
}
.sec-v20 .sec-ttl .sec-ttl__en {
font-family: 'Poppins', sans-serif;
font-size: 2rem;
font-weight: 500;
color: #b7b7b7;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.sec-v20 .sec-ttl .sec-ttl__jp {
font-size: 3.6rem;
font-weight: bold;
font-family: 'Shippori Mincho', serif;
padding-bottom: 3.5rem;
position: relative;
}
.sec-v20 .sec-ttl .sec-ttl__jp::after {
content: '';
width: 1.5em;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
background-color: #333;
height: 1px;
}
.sec-v20 .sec-content__wrap .sec-texts {
margin-top: 3rem;
}
.sec-v20 .sec-content__wrap .sec-texts .sec-image {
position: relative;
}
.sec-v20 .sec-content__wrap .sec-texts .sec-image img {
width: 100%;
aspect-ratio: 1000/558;
}
.sec-v20 .sec-content__wrap .sec-texts .sec-image::after {
content: '';
height: clamp(5rem, calc(120 / 1024 * 100 * 1vw), 12rem);
width: 100%;
position: absolute;
top: 60%;
left: 0%;
transform: translateY(-50%);
background: linear-gradient(180deg, #00489d 0%, #4d96ce 100%);
}
.sec-v20 .sec-content__wrap .sec-texts .sec-texts__content {
margin-top: 3rem;
font-size: 1.8rem;
line-height: 2;
}
.sec-v20 .sec-content__wrap .sec-texts .sec-btn {
margin-top: 3.1rem;
display: flex;
}
.sec-v20 .sec-content__wrap .sec-texts .sec-btn a {
width: 100%;
font-size: 2rem;
padding: 1.75em;
text-align: center;
background-color: white;
border: 0.5px solid #707070;
border-radius: 1rem;
position: relative;
}
@media (max-width: 768px) {
.sec-v20 .sec-content__wrap .sec-texts .sec-btn a {
padding: 1em 1.75em;
}
}
.sec-v20 .sec-content__wrap .sec-texts .sec-btn a .sec-btn__en {
font-family: 'Poppins', sans-serif;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.02em;
color: #b7b7b7;
}
.sec-v20 .sec-content__wrap .sec-texts .sec-btn a .sec-btn__jp {
margin-top: 0.6rem;
}
.sec-v20 .sec-content__wrap .sec-texts .sec-btn a .arrow-icon {
width: 1.65em;
aspect-ratio: 1;
background-color: #ffa500;
border-radius: 100%;
display: grid;
place-content: center;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 4rem;
}
.sec-v20 .sec-content__wrap .sec-texts .sec-btn a .arrow-icon::after {
content: '';
width: 0.7em;
flex-shrink: 0;
aspect-ratio: 1/1;
background-color: white;
-webkit-clip-path: polygon(20% 0, 100% 50%, 20% 100%);
clip-path: polygon(20% 0, 100% 50%, 20% 100%);
}
.sec-v21 {
position: relative;
width: 100%;
margin: 0 auto;
padding-top: 8rem;
}
.sec-v21::after {
content: '';
width: 90%;
aspect-ratio: 1720/745;
position: absolute;
top: 0;
left: 50%;
background: linear-gradient(180deg, #51b7de 0%, #fffadf 100%);
min-height: 50rem;
margin: 0 auto;
transform: translateX(-50%);
}
.sec-v21 .sec-container {
width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
position: relative;
z-index: 2;
}
.sec-v21 .sec-container .sec-ttl {
color: white;
display: flex;
align-items: center;
max-width: 87rem;
justify-content: space-between;
gap: 2rem;
}
.sec-v21 .sec-container .sec-ttl .sec-ttl__left .sec-ttl__left-jp {
font-size: 1.8rem;
font-weight: 500;
}
.sec-v21 .sec-container .sec-ttl .sec-ttl__left .sec-ttl__left-en {
margin-top: 0.4em;
font-size: 5rem;
font-weight: bold;
font-family: 'Josefin Sans', sans-serif;
padding-bottom: 2.3rem;
position: relative;
letter-spacing: 0.09em;
}
.sec-v21 .sec-container .sec-ttl .sec-ttl__left .sec-ttl__left-en::after {
content: '';
position: absolute;
width: 2em;
height: 1px;
background-color: white;
bottom: 0;
left: 0;
}
.sec-v21 .sec-container .sec-ttl .sec-ttl__right {
font-weight: bold;
font-size: clamp(7rem, calc(140 / 768 * 100 * 1vw), 14rem);
color: white;
opacity: 0.2;
letter-spacing: 0.05em;
}
.sec-v21 .sec-container .sec-ttl .sec-ttl__right-en {
line-height: 1;
}
.sec-v21 .sec-container .sec-texts {
font-size: 1.6rem;
margin-top: 3rem;
color: white;
max-width: 80rem;
width: 100%;
}
.cards-wrap {
display: grid;
gap: 5rem;
}
.sec-cards__v1 {
position: relative;
z-index: 2;
width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
margin-top: 3rem;
}
.sec-cards__v1 .list {
--item-per-col: 12;
--gap: 2.4rem;
display: grid;
grid-template-columns: repeat(var(--item-per-col), minmax(0, 1fr));
gap: var(--gap);
}
.sec-cards__v1 .list .span-1-12 {
grid-column: span 1 / span 1;
}
@media (max-width: 768px) {
.sec-cards__v1 .list .sm-span-1-12 {
grid-column: span 1 / span 1;
}
}
@media (max-width: 425px) {
.sec-cards__v1 .list .xs-span-1-12 {
grid-column: span 1 / span 1;
}
}
.sec-cards__v1 .list .span-2-12 {
grid-column: span 2 / span 2;
}
@media (max-width: 768px) {
.sec-cards__v1 .list .sm-span-2-12 {
grid-column: span 2 / span 2;
}
}
@media (max-width: 425px) {
.sec-cards__v1 .list .xs-span-2-12 {
grid-column: span 2 / span 2;
}
}
.sec-cards__v1 .list .span-3-12 {
grid-column: span 3 / span 3;
}
@media (max-width: 768px) {
.sec-cards__v1 .list .sm-span-3-12 {
grid-column: span 3 / span 3;
}
}
@media (max-width: 425px) {
.sec-cards__v1 .list .xs-span-3-12 {
grid-column: span 3 / span 3;
}
}
.sec-cards__v1 .list .span-4-12 {
grid-column: span 4 / span 4;
}
@media (max-width: 768px) {
.sec-cards__v1 .list .sm-span-4-12 {
grid-column: span 4 / span 4;
}
}
@media (max-width: 425px) {
.sec-cards__v1 .list .xs-span-4-12 {
grid-column: span 4 / span 4;
}
}
.sec-cards__v1 .list .span-5-12 {
grid-column: span 5 / span 5;
}
@media (max-width: 768px) {
.sec-cards__v1 .list .sm-span-5-12 {
grid-column: span 5 / span 5;
}
}
@media (max-width: 425px) {
.sec-cards__v1 .list .xs-span-5-12 {
grid-column: span 5 / span 5;
}
}
.sec-cards__v1 .list .span-6-12 {
grid-column: span 6 / span 6;
}
@media (max-width: 768px) {
.sec-cards__v1 .list .sm-span-6-12 {
grid-column: span 6 / span 6;
}
}
@media (max-width: 425px) {
.sec-cards__v1 .list .xs-span-6-12 {
grid-column: span 6 / span 6;
}
}
.sec-cards__v1 .list .span-7-12 {
grid-column: span 7 / span 7;
}
@media (max-width: 768px) {
.sec-cards__v1 .list .sm-span-7-12 {
grid-column: span 7 / span 7;
}
}
@media (max-width: 425px) {
.sec-cards__v1 .list .xs-span-7-12 {
grid-column: span 7 / span 7;
}
}
.sec-cards__v1 .list .span-8-12 {
grid-column: span 8 / span 8;
}
@media (max-width: 768px) {
.sec-cards__v1 .list .sm-span-8-12 {
grid-column: span 8 / span 8;
}
}
@media (max-width: 425px) {
.sec-cards__v1 .list .xs-span-8-12 {
grid-column: span 8 / span 8;
}
}
.sec-cards__v1 .list .span-9-12 {
grid-column: span 9 / span 9;
}
@media (max-width: 768px) {
.sec-cards__v1 .list .sm-span-9-12 {
grid-column: span 9 / span 9;
}
}
@media (max-width: 425px) {
.sec-cards__v1 .list .xs-span-9-12 {
grid-column: span 9 / span 9;
}
}
.sec-cards__v1 .list .span-10-12 {
grid-column: span 10 / span 10;
}
@media (max-width: 768px) {
.sec-cards__v1 .list .sm-span-10-12 {
grid-column: span 10 / span 10;
}
}
@media (max-width: 425px) {
.sec-cards__v1 .list .xs-span-10-12 {
grid-column: span 10 / span 10;
}
}
.sec-cards__v1 .list .span-11-12 {
grid-column: span 11 / span 11;
}
@media (max-width: 768px) {
.sec-cards__v1 .list .sm-span-11-12 {
grid-column: span 11 / span 11;
}
}
@media (max-width: 425px) {
.sec-cards__v1 .list .xs-span-11-12 {
grid-column: span 11 / span 11;
}
}
.sec-cards__v1 .list .span-12-12 {
grid-column: span 12 / span 12;
}
@media (max-width: 768px) {
.sec-cards__v1 .list .sm-span-12-12 {
grid-column: span 12 / span 12;
}
}
@media (max-width: 425px) {
.sec-cards__v1 .list .xs-span-12-12 {
grid-column: span 12 / span 12;
}
}
.sec-cards__v1 .list .card-v1 {
position: relative;
}
.sec-cards__v1 .list .card-v1 .card-v1-image .card-v1-img {
width: 100%;
}
.sec-cards__v1 .list .card-v1 .card-v1-content {
color: white;
position: absolute;
right: 2rem;
bottom: 2rem;
}
.sec-cards__v1 .list .card-v1 .card-v1-content .card-v1-title {
font-size: 2.2rem;
font-weight: 500;
display: flex;
align-items: center;
gap: 2rem;
}
.sec-cards__v1 .list .card-v1 .card-v1-content .card-v1-title::after {
content: '';
width: 1.6rem;
aspect-ratio: 1/1;
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/awesome-caret-square-right.svg) no-repeat;
background-size: contain;
}
.sec-cards__v2 {
width: min(100% - var(--gap-x, 4rem), 1560px);
margin: 0 auto;
}
.sec-cards__v2 .list {
display: grid;
grid-template-rows: repeat(2, minmax(0, 32rem));
grid-template-columns: repeat(2, minmax(0, 1fr));
-moz-column-gap: clamp(2rem, calc(60 / 1440 * 100 * 1vw), 6rem);
column-gap: clamp(2rem, calc(60 / 1440 * 100 * 1vw), 6rem);
row-gap: clamp(2rem, calc(50 / 1440 * 100 * 1vw), 5rem);
}
@media (max-width: 768px) {
.sec-cards__v2 .list {
grid-template-rows: auto;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.sec-cards__v2 .list .row-span-1 {
grid-row: span 1 / span 1;
}
.sec-cards__v2 .list .sm-row-span-1 {
grid-row: span 1 / span 1;
}
.sec-cards__v2 .list .row-span-2 {
grid-row: span 2 / span 2;
}
.sec-cards__v2 .list .sm-row-span-2 {
grid-row: span 2 / span 2;
}
.sec-cards__v2 .list .row-span-3 {
grid-row: span 3 / span 3;
}
.sec-cards__v2 .list .sm-row-span-3 {
grid-row: span 3 / span 3;
}
.sec-cards__v2 .list .row-span-4 {
grid-row: span 4 / span 4;
}
.sec-cards__v2 .list .sm-row-span-4 {
grid-row: span 4 / span 4;
}
.sec-cards__v2 .list .row-span-5 {
grid-row: span 5 / span 5;
}
.sec-cards__v2 .list .sm-row-span-5 {
grid-row: span 5 / span 5;
}
.sec-cards__v2 .list .row-span-6 {
grid-row: span 6 / span 6;
}
.sec-cards__v2 .list .sm-row-span-6 {
grid-row: span 6 / span 6;
}
.sec-cards__v2 .list .row-span-7 {
grid-row: span 7 / span 7;
}
.sec-cards__v2 .list .sm-row-span-7 {
grid-row: span 7 / span 7;
}
.sec-cards__v2 .list .row-span-8 {
grid-row: span 8 / span 8;
}
.sec-cards__v2 .list .sm-row-span-8 {
grid-row: span 8 / span 8;
}
.sec-cards__v2 .list .row-span-9 {
grid-row: span 9 / span 9;
}
.sec-cards__v2 .list .sm-row-span-9 {
grid-row: span 9 / span 9;
}
.sec-cards__v2 .list .row-span-10 {
grid-row: span 10 / span 10;
}
.sec-cards__v2 .list .sm-row-span-10 {
grid-row: span 10 / span 10;
}
.sec-cards__v2 .list .row-span-11 {
grid-row: span 11 / span 11;
}
.sec-cards__v2 .list .sm-row-span-11 {
grid-row: span 11 / span 11;
}
.sec-cards__v2 .list .row-span-12 {
grid-row: span 12 / span 12;
}
.sec-cards__v2 .list .sm-row-span-12 {
grid-row: span 12 / span 12;
}
.sec-cards__v2 .list .card-v2 {
position: relative;
overflow: hidden;
}
.sec-cards__v2 .list .card-v2 .card-v2-image {
height: 100%;
}
.sec-cards__v2 .list .card-v2 .card-v2-image .card-v2-img {
width: 100%;
height: 100%;
border-radius: 2rem;
}
.sec-cards__v2 .list .card-v2 .card-v2-content {
width: 56%;
position: absolute;
right: 0;
bottom: 0;
background-color: white;
padding: 3rem 5rem;
border-top-left-radius: 2rem;
}
@media (max-width: 1200px) {
.sec-cards__v2 .list .card-v2 .card-v2-content {
padding: 2rem;
}
}
.sec-cards__v2 .list .card-v2 .card-v2-content .card-v2-title small {
font-size: 1.4rem;
font-weight: 500;
color: #b72335;
font-family: 'Poppins', sans-serif;
}
.sec-cards__v2 .list .card-v2 .card-v2-content .card-v2-title p {
margin-top: 0.5rem;
font-family: 'Zen Kaku Gothic New', sans-serif;
font-weight: bold;
font-size: clamp(2.2rem, calc(32 / 768 * 100 * 1vw), 3.2rem);
letter-spacing: 0.08em;
}
.sec-cards__v2 .list .card-v2 .card-v2-content .card-v2-title p span {
font-size: 1.25em;
width: 1.55em;
aspect-ratio: 1;
background-color: #b72335;
color: white;
display: inline-flex;
align-items: center;
justify-content: center;
}
.sec-cards__v2 .list .card-v2 .card-v2-content .card-v2__btn {
display: flex;
justify-content: center;
margin-top: 2rem;
}
.sec-cards__v2 .list .card-v2 .card-v2-content .card-v2__btn a {
max-width: 24rem;
margin: 0 auto;
width: 100%;
background-color: white;
font-size: clamp(1.5rem, calc(17 / 768 * 100 * 1vw), 1.7rem);
font-weight: 500;
background-color: #b72335;
text-align: center;
color: white;
border-radius: 6rem;
border: 2px solid #b72335;
padding: 0.6em;
transition: all 0.3s;
position: relative;
}
@media (max-width: 768px) {
.sec-cards__v2 .list .card-v2 .card-v2-content .card-v2__btn a {
padding: 0.3em 0.6em;
}
}
.sec-cards__v2 .list .card-v2 .card-v2-content .card-v2__btn a .icon {
position: absolute;
right: 1em;
top: 50%;
transform: translateY(-50%);
width: 0.9em;
display: grid;
place-content: center;
}
.sec-cards__v2 .list .card-v2 .card-v2-content .card-v2__btn a .icon img {
width: 100%;
}
.sec-cards__v2 .list .card-v2 .card-v2-content .card-v2__btn a:hover {
opacity: 0.6;
}
.sec-cards__v3 {
width: min(100% - var(--gap-x, 4rem), 1160px);
margin: 0 auto;
}
.sec-cards__v3 .list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
gap: 1rem;
}
.sec-cards__v3 .list .card-v3 {
width: 100%;
aspect-ratio: 38/30;
background-color: #00adec;
padding: 2rem;
padding-bottom: 3rem;
height: 100%;
display: grid;
grid-row: span 2;
grid-template-rows: subgrid;
gap: 3rem;
}
.sec-cards__v3 .list .card-v3:nth-child(even) {
background-color: #365cb5;
}
.sec-cards__v3 .list .card-v3 .card-inner {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.sec-cards__v3 .list .card-v3 .card-v3__image {
flex: 1;
display: flex;
justify-content: center;
}
.sec-cards__v3 .list .card-v3 .card-v3__content {
align-self: stretch;
}
.sec-cards__v3 .list .card-v3 .card-v3__content .card-v3__title {
font-size: 2rem;
color: white;
font-weight: 500;
max-width: 18rem;
width: 100%;
margin: 0 auto;
padding: 0.4rem;
text-align: center;
border: 2px solid white;
}
.sec-cards__v4 {
width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
}
.sec-cards__v4 .card-list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.sec-cards__v4 .card-list .card-v4 {
position: relative;
--bd-cl: #feb200;
border-bottom: 8px solid var(--bd-cl);
}
.sec-cards__v4 .card-list .card-v4 .card-inner .card-v4__image {
display: flex;
}
.sec-cards__v4 .card-list .card-v4 .card-inner .card-v4__image .card-v4__img {
width: 100%;
}
.sec-cards__v4 .card-list .card-v4 .card-inner .card-v4__content {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
transform: translate(-50%, -50%);
padding: 2rem;
}
.sec-cards__v4 .card-list .card-v4 .card-inner .card-v4__content .card-v4__ttl {
text-align: center;
color: white;
}
.sec-cards__v4
.card-list
.card-v4
.card-inner
.card-v4__content
.card-v4__ttl
.card-ttl__left-jp {
font-size: 2.8rem;
font-weight: bold;
letter-spacing: 0.04em;
}
.sec-cards__v4
.card-list
.card-v4
.card-inner
.card-v4__content
.card-v4__ttl
.card-ttl__left-en {
font-size: 1.8rem;
font-family: 'Arvo', sans-serif;
margin-top: 0.2em;
}
.sec-cards__v4 .card-list .card-v4:nth-child(even) {
--bd-cl: #ff3138;
}
.sec-cards__v5 {
width: min(100% - var(--gap-x, 4rem), 1560px);
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 750px), 1fr));
gap: 6rem;
}
.sec-cards__v5 .card-right {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 365px), 1fr));
grid-template-rows: repeat(auto-fit, minmax(min(100%, 160px), 1fr));
gap: 2rem;
}
.sec-cards__v5 .card-v5 {
position: relative;
height: 100%;
}
.sec-cards__v5 .card-v5 .card-v5-title small {
font-size: 1.4rem;
font-weight: 500;
color: #b72335;
font-family: 'Poppins', sans-serif;
}
.sec-cards__v5 .card-v5 .card-v5-title p {
margin-top: 0.5rem;
font-family: 'Zen Kaku Gothic New', sans-serif;
font-weight: bold;
font-size: clamp(2.2rem, calc(32 / 768 * 100 * 1vw), 3.2rem);
letter-spacing: 0.08em;
}
.sec-cards__v5 .card-v5 .card-v5-title p span {
font-size: 1.25em;
width: 1.55em;
aspect-ratio: 1;
background-color: #b72335;
color: white;
display: inline-flex;
align-items: center;
justify-content: center;
}
.sec-cards__v5 .card-v5 .card-v5-image {
height: 100%;
}
.sec-cards__v5 .card-v5 .card-v5-image .card-v5-img {
width: 100%;
height: 100%;
border-radius: 2rem;
-o-object-fit: cover;
object-fit: cover;
}
.sec-cards__v5 .card-v5 .card-v5-content {
position: absolute;
}
.sec-cards__v5 .card-v5.card-v5__sm .card-v5-content {
position: absolute;
top: 3.5rem;
left: 4rem;
}
.sec-cards__v5 .card-v5.card-v5__sm::after {
content: '';
width: 1.6rem;
aspect-ratio: 1/1;
position: absolute;
top: 50%;
right: 2rem;
transform: translateY(-50%);
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/awesome-arrow-right-01.svg) no-repeat center center;
background-size: contain;
}
.sec-cards__v5 .card-v5.card-v5__big {
grid-row: 1/-1;
grid-column: span 6 / span 6;
}
.sec-cards__v5 .card-v5.card-v5__big .card-v5-content {
bottom: 0;
background-color: white;
padding: 3rem 5rem;
left: 0;
border-top-right-radius: 2rem;
border-top-left-radius: 0;
width: 77%;
}
@media (max-width: 1200px) {
.sec-cards__v5 .card-v5.card-v5__big .card-v5-content {
padding: 2rem;
}
}
.sec-cards__v5 .card-v5.card-v5__big .card-v5-content .card-v5__texts {
display: flex;
justify-content: center;
margin-top: 2rem;
font-size: 1.5rem;
font-weight: 500;
}
.sec-cards__v6 {
width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
}
.sec-cards__v6 .card-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
gap: 3rem;
row-gap: 1rem;
}
.sec-cards__v6
.card-list
.card-v6
.card-inner
.card-v6__content
.card-v6__title {
text-align: center;
font-size: 2rem;
padding-bottom: 1rem;
border-bottom: 2px solid #333;
}
.sec-cards__v6 .card-list .card-v6 .card-inner .card-v6__image {
margin-top: 1.3rem;
}
.sec-cards__v6 .card-list .card-v6 .card-inner .card-v6__image .card-v6__img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sec-cards__v7 .card-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 390px), 1fr));
}
.sec-cards__v7 .card-list .card-v7 {
position: relative;
}
.sec-cards__v7 .card-list .card-v7 .card-inner .card-v7__image {
min-height: 20rem;
display: flex;
}
.sec-cards__v7 .card-list .card-v7 .card-inner .card-v7__image .card-v7__img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sec-cards__v7 .card-list .card-v7 .card-inner .card-v7__content {
position: absolute;
color: white;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
}
.sec-cards__v7 .card-list .card-v7 .card-inner .card-v7__content .card-v7__ttl {
max-width: 350px;
width: 100%;
margin: 0 auto;
text-align: center;
padding: 2.5rem 0;
border: 2px solid white;
border-radius: 6px;
font-weight: 500;
}
.sec-cards__v7
.card-list
.card-v7
.card-inner
.card-v7__content
.card-v7__ttl
.card-ttl__left-en {
font-size: 4.2rem;
letter-spacing: 0.02em;
}
.sec-cards__v7
.card-list
.card-v7
.card-inner
.card-v7__content
.card-v7__ttl
.card-ttl__left-jp {
font-size: 1.6rem;
margin-top: 0.5rem;
}
.sec-cards__v8 {
padding-bottom: 9rem;
position: relative;
}
.sec-cards__v8::after {
content: '';
position: absolute;
height: 2rem;
width: 100%;
left: 0;
bottom: 0;
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/card-v8-boder.svg) no-repeat center center/contain;
}
.sec-cards__v8 .sec-cards__inner {
width: min(100% - var(--gap-x, 4rem), 760px);
margin: 0 auto;
}
.sec-cards__v8 .card-ttl {
position: relative;
}
.sec-cards__v8 .card-ttl__jp {
font-size: 2.8rem;
font-weight: bold;
color: #279f9f;
text-align: center;
padding-bottom: 2rem;
}
.sec-cards__v8 .card-ttl .card-ttl__line {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
background-color: #279f9f;
width: 32%;
height: 1px;
z-index: 1;
}
.sec-cards__v8 .card-ttl .card-ttl__line::before {
content: '';
position: absolute;
width: 33.33%;
height: 2px;
left: 0;
background-color: #279f9f;
z-index: 2;
left: 0;
top: 50%;
transform: translateY(-50%);
}
.sec-cards__v8 .card-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
gap: 2rem;
margin-top: 5rem;
}
.sec-cards__v8 .card-list .card-v7 {
border: 2px solid #279f9f;
border-radius: 1rem;
padding: 2rem;
padding-top: 4rem;
text-align: center;
background-color: white;
width: 100%;
}
.sec-cards__v8
.card-list
.card-v7
.card-inner
.card-v7__content
.card-v7__ttl
.card-ttl__left-jp {
font-size: 1.8rem;
font-weight: 500;
color: #231f20;
display: flex;
flex-direction: column;
align-items: center;
gap: 1.4rem;
}
.sec-cards__v8
.card-list
.card-v7
.card-inner
.card-v7__content
.card-v7__ttl
.card-ttl__left-jp::after {
content: '';
width: 2rem;
aspect-ratio: 1/1;
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/awesome-arrow-circle-down.svg) no-repeat center
center/contain;
}
.sec-cards__9 {
width: min(100% - var(--gap-x, 4rem), 1000px);
margin: 0 auto;
margin-top: 3rem;
}
.sec-cards__9 .card-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 310px), 1fr));
gap: 3.5rem;
row-gap: 6.5rem;
}
.sec-cards__9 .card-list .card-v9 {
padding-bottom: 2.5rem;
}
.sec-cards__9 .card-list .card-v9 .card-inner {
position: relative;
}
.sec-cards__9 .card-list .card-v9 .card-inner .card-v9__image {
height: 22rem;
position: relative;
}
.sec-cards__9 .card-list .card-v9 .card-inner .card-v9__image::before {
content: '';
width: 4.6rem;
aspect-ratio: 1/1;
position: absolute;
bottom: 0;
left: 50%;
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/card-white.svg) no-repeat center center;
background-color: #e36300;
border-radius: 100%;
transform: translate(-50%, 50%);
z-index: 2;
}
.sec-cards__9 .card-list .card-v9 .card-inner .card-v9__image::after {
content: '';
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, 0.6);
}
.sec-cards__9 .card-list .card-v9 .card-inner .card-v9__image .card-v9__img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sec-cards__9
.card-list
.card-v9
.card-inner
.card-v9__image.off-opacity::after {
background-color: unset;
}
.sec-cards__9 .card-list .card-v9 .card-inner .card-v9__content {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
color: white;
font-size: 2rem;
font-weight: bold;
}
.sec-cards__9 .card-list .card-v9 .card-btn {
margin-top: 5.6rem;
display: flex;
justify-content: center;
}
.sec-cards__9 .card-list .card-v9 .card-btn a {
font-size: 1.7rem;
font-weight: 500;
text-align: center;
max-width: 23rem;
padding: 1rem;
background-color: white;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
width: 100%;
margin: 0 auto;
border-radius: 6rem;
transition: all 0.3s;
}
.sec-cards__9 .card-list .card-v9 .card-btn a:hover {
opacity: 0.6;
}
.sec-cards__10 {
width: min(100% - var(--gap-x, 4rem), 1100px);
margin: 0 auto;
}
.sec-cards__10 .card-list .card-v10 .card-inner {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 0px), 1fr));
}
.sec-cards__10 .card-list .card-v10 .card-inner .card-v10__image {
height: 25rem;
}
@media (max-width: 768px) {
.sec-cards__10 .card-list .card-v10 .card-inner .card-v10__image {
height: 20rem;
}
}
.sec-cards__10
.card-list
.card-v10
.card-inner
.card-v10__image
.card-v10__img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sec-cards__10 .card-list .card-v10 .card-inner .card-v10__content {
background-color: #4d2d04;
color: white;
display: grid;
place-content: center;
padding: 2rem;
position: relative;
}
.sec-cards__10 .card-list .card-v10 .card-inner .card-v10__content::after {
content: '';
width: 5%;
height: 100%;
position: absolute;
right: 0;
top: 0;
background-color: #4d2d04;
transform: translateX(100%);
-webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.sec-cards__10
.card-list
.card-v10
.card-inner
.card-v10__content
.card-v10__title {
text-align: center;
}
.sec-cards__10
.card-list
.card-v10
.card-inner
.card-v10__content
.card-v10__title
.card-ttl__left-en {
font-size: 2.8rem;
font-family: 'Oswald', sans-serif;
font-weight: bold;
text-transform: uppercase;
}
.sec-cards__10
.card-list
.card-v10
.card-inner
.card-v10__content
.card-v10__title
.card-ttl__left-jp {
font-size: 1.8rem;
margin-top: 0.4em;
}
.sec-cards__10 .card-list .card-v10 .card-inner .card-v10__content .card-btn {
position: absolute;
bottom: 1rem;
right: 4rem;
font-size: 1.4rem;
font-weight: 500;
}
.sec-cards__10 .card-list .card-v10 .card-inner .card-v10__content .card-btn a {
display: flex;
align-items: center;
gap: 2rem;
letter-spacing: 0.1em;
}
.sec-cards__10
.card-list
.card-v10
.card-inner
.card-v10__content
.card-btn
a::after {
content: '';
width: 0.7em;
aspect-ratio: 1/1;
border-bottom: 2.5px solid white;
border-right: 2.5px solid white;
transform: rotate(-45deg);
}
.sec-cards__10
.card-list
.card-v10:nth-child(even)
.card-inner
.card-v10__content {
order: 2;
background-color: #333333;
}
.sec-cards__10
.card-list
.card-v10:nth-child(even)
.card-inner
.card-v10__content::after {
left: 0;
transform: translateX(-100%);
-webkit-clip-path: polygon(100% 0, 100% 99%, 0 50%);
clip-path: polygon(100% 0, 100% 99%, 0 50%);
background-color: #333333;
}
.sec-cards__11 {
width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
margin-top: 3rem;
}
.sec-cards__11 .card-v11__ttl {
font-size: 2.8rem;
padding: 0.7rem;
letter-spacing: 0.1em;
color: white;
text-align: center;
background-color: #eb7600;
line-height: 1.5;
}
.sec-cards__11 .card-list {
margin-top: 2rem;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
gap: 4rem;
}
.sec-cards__11 .card-list .card-v10 {
position: relative;
}
.sec-cards__11 .card-list .card-v10 .card-inner .card-v10__content {
position: absolute;
inset: 0;
color: white;
display: grid;
place-content: center;
text-align: center;
z-index: 2;
padding: 2rem;
}
.sec-cards__11
.card-list
.card-v10
.card-inner
.card-v10__content
.card-v10__title {
transform: translateY(-50%);
}
.sec-cards__11
.card-list
.card-v10
.card-inner
.card-v10__content
.card-v10__title
.card-ttl__left-jp {
font-size: 2.8rem;
font-weight: bold;
padding-bottom: 0.4em;
position: relative;
}
.sec-cards__11
.card-list
.card-v10
.card-inner
.card-v10__content
.card-v10__title
.card-ttl__left-jp::after {
content: '';
height: 5px;
width: 3.5em;
background-color: #ffe95d;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.sec-cards__11 .card-list .card-v10 .card-inner .card-v10__content .card-btn {
position: absolute;
width: 100%;
display: flex;
justify-content: center;
left: 50%;
transform: translateX(-50%);
bottom: 2rem;
}
.sec-cards__11 .card-list .card-v10 .card-inner .card-v10__content .card-btn a {
font-size: 2.2rem;
font-weight: bold;
max-width: 22rem;
width: 100%;
margin: 0 auto;
padding: 0.6rem;
border: 2px solid white;
}
.sec-cards__11 .card-list .card-v10 .card-inner .card-v10__image {
position: relative;
height: 24rem;
}
.sec-cards__11 .card-list .card-v10 .card-inner .card-v10__image::after {
content: '';
position: absolute;
inset: 0;
background-color: rgba(0, 0, 0, 0.4);
}
.sec-cards__11
.card-list
.card-v10
.card-inner
.card-v10__image
.card-v10__img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sec-v22 {
margin-top: 26rem;
}
.sec-v22 .sec-container {
margin-left: auto;
max-width: calc(1730px + (100% - 1920px) / 2);
display: flex;
align-items: center;
gap: clamp(5rem, calc(220 / 1920 * 100 * 1vw), 22rem);
}
@media (max-width: 1920px) {
.sec-v22 .sec-container {
max-width: 90vw;
}
}
@media (max-width: 1200px) {
.sec-v22 .sec-container {
width: min(100% - var(--gap-x, 4rem), 1730px);
margin: 0 auto;
max-width: unset;
}
}
.sec-v22 .sec-container .sec-content {
max-width: 55rem;
width: 100%;
margin: 0 auto;
}
@media (max-width: 1200px) {
.sec-v22 .sec-container .sec-content {
max-width: unset;
}
}
.sec-v22 .sec-container .sec-content .sec-ttl {
display: flex;
align-items: end;
}
.sec-v22 .sec-container .sec-content .sec-ttl .sec-ttl__inner {
text-align: center;
margin-bottom: 0.5rem;
}
.sec-v22 .sec-container .sec-content .sec-ttl .sec-ttl__inner .sec-ttl__en {
font-size: 1.5rem;
color: #017bb9;
position: relative;
padding-bottom: 6px;
text-transform: uppercase;
}
.sec-v22
.sec-container
.sec-content
.sec-ttl
.sec-ttl__inner
.sec-ttl__en::after {
content: '';
height: 3px;
width: 2em;
background-color: #89c121;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.sec-v22 .sec-container .sec-content .sec-ttl .sec-ttl__inner .sec-ttl__jp {
font-size: 3.6rem;
font-weight: 500;
margin-top: 4px;
}
.sec-v22
.sec-container
.sec-content
.sec-ttl
.sec-ttl__inner
.sec-ttl__jp
span {
color: #017bb9;
}
.sec-v22 .sec-container .sec-content .sec-texts {
font-size: 1.6rem;
line-height: 1.75;
margin-top: 6px;
}
.sec-v22 .sec-container .sec-content .sec-btn {
margin-top: 2rem;
display: flex;
justify-content: center;
}
.sec-v22 .sec-container .sec-content .sec-btn a {
width: 100%;
max-width: 26rem;
font-size: 1.8rem;
color: white;
background-color: #017bb9;
padding: 1.3rem 4rem 1.3rem 6rem;
display: flex;
justify-content: space-between;
}
.sec-v22 .sec-container .sec-images {
position: relative;
flex: 1;
}
.sec-v22 .sec-container .sec-images__sp {
display: none;
}
@media (max-width: 1200px) {
.sec-v22 .sec-container .sec-images__sp {
display: flex;
margin: 4rem 0;
width: 93%;
margin-left: auto;
}
}
.sec-v22 .sec-container .sec-images__pc {
display: flex;
}
@media (max-width: 1200px) {
.sec-v22 .sec-container .sec-images__pc {
display: none;
}
}
.sec-v22 .sec-container .sec-images .sec-images__base {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sec-v22 .sec-container .sec-images .sec-images__overlay {
position: absolute;
left: -9.3vw;
top: 5vw;
width: 95%;
}
.sec-groups {
display: flex;
flex-direction: column;
gap: 10rem;
}
.sec-v23 {
width: min(100% - var(--gap-x, 4rem), 1520px);
margin: 0 auto;
margin-top: 20.5rem;
}
.sec-v23 .sec-container {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 1024px) {
.sec-v23 .sec-container {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.sec-v23 .sec-container .sec-images {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
gap: clamp(2rem, calc(70 / 1440 * 100 * 1vw), 7rem);
}
@media (max-width: 1024px) {
.sec-v23 .sec-container .sec-images__pc {
display: none;
}
}
.sec-v23 .sec-container .sec-images__sp {
display: none;
}
@media (max-width: 1024px) {
.sec-v23 .sec-container .sec-images__sp {
display: grid;
margin-top: 4rem;
}
}
.sec-v23 .sec-container .sec-images img {
width: 100%;
aspect-ratio: 340/560;
-o-object-fit: cover;
object-fit: cover;
}
.sec-v23 .sec-container .sec-images .sec-images__overlay {
margin-top: 9.5rem;
}
@media (max-width: 1024px) {
.sec-v23 .sec-container .sec-images .sec-images__overlay {
margin-top: 0;
}
}
.sec-v23 .sec-container .sec-content {
max-width: 62rem;
margin-left: auto;
padding-left: 2rem;
font-family: 'Hina Mincho', serif;
}
@media (max-width: 1024px) {
.sec-v23 .sec-container .sec-content {
max-width: unset;
padding-left: 0;
}
}
.sec-v23 .sec-container .sec-content .sec-ttl {
text-align: center;
}
.sec-v23 .sec-container .sec-content .sec-ttl .sec-ttl__inner .sec-ttl__jp {
margin-top: 1rem;
font-size: 3.2rem;
display: flex;
flex-direction: column;
align-items: center;
gap: 2rem;
}
.sec-v23
.sec-container
.sec-content
.sec-ttl
.sec-ttl__inner
.sec-ttl__jp::after {
content: '';
width: 1.88em;
height: 1px;
background-color: #333333;
}
.sec-v23 .sec-container .sec-content .sec-texts {
margin-top: 4rem;
}
.sec-v23 .sec-container .sec-content .sec-texts .sec-texts__ttl {
font-size: 2.4rem;
}
.sec-v23 .sec-container .sec-content .sec-texts .sec-texts__content {
font-size: 1.6rem;
line-height: 2;
margin-top: 5rem;
}
.sec-v23 .sec-container .sec-content .sec-btn {
margin-top: 3rem;
display: flex;
justify-content: center;
}
.sec-v23 .sec-container .sec-content .sec-btn a {
max-width: 32rem;
background-color: white;
border: 1.5px solid #fc7b8f;
font-size: 1.5rem;
text-align: center;
position: relative;
width: 100%;
padding: 1.2rem;
}
.sec-v23 .sec-container .sec-content .sec-btn a::after {
content: '';
position: absolute;
width: 1.6rem;
aspect-ratio: 1/1;
right: 1.5rem;
top: 50%;
transform: translateY(-50%);
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/awesome-arrow-right-pink.svg) no-repeat center
center;
}
.sec-v24 .sec-container {
width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
}
.sec-v24 .sec-container .sec-list {
display: flex;
flex-direction: column;
gap: 10rem;
}
.sec-v24 .sec-container .sec-card {
display: grid;
grid-template-columns: 60% auto;
gap: clamp(2rem, calc(80 / 1200 * 100 * 1vw), 8rem);
}
@media (max-width: 1024px) {
.sec-v24 .sec-container .sec-card {
grid-template-columns: unset !important;
}
}
.sec-v24 .sec-container .sec-card.sec-card__v2 {
grid-template-columns: auto 60%;
}
.sec-v24 .sec-container .sec-card.sec-card__v2 .sec-content {
order: -1;
}
.sec-v24 .sec-container .sec-card.sec-card__v2 .sec-images::after {
background-color: #8caebf;
top: calc(var(--offset-after) * -1);
left: calc(var(--offset-after) * -1);
}
.sec-v24 .sec-container .sec-card.sec-card__v2 .sec-content__inner {
left: 0;
right: auto;
color: white;
z-index: 3;
background: transparent linear-gradient(180deg, #52656f 0%, #759fb4 100%);
}
.sec-v24 .sec-container .sec-card.sec-card__v2 .sec-content__inner .sec-btn a {
color: #52656f;
}
.sec-v24 .sec-container .sec-images {
aspect-ratio: 72/60;
position: relative;
--offset-after: 3rem;
}
@media (max-width: 1024px) {
.sec-v24 .sec-container .sec-images {
--offset-after: 2rem;
width: 100%;
margin: 0 auto;
}
}
.sec-v24 .sec-container .sec-images::after {
content: '';
z-index: 1;
position: absolute;
background-color: #edede8;
top: var(--offset-after);
left: var(--offset-after);
width: 100%;
height: 100%;
}
.sec-v24 .sec-container .sec-images__sp {
display: none;
}
@media (max-width: 1024px) {
.sec-v24 .sec-container .sec-images__sp {
display: flex;
margin-bottom: 6rem;
}
}
@media (max-width: 1024px) {
.sec-v24 .sec-container .sec-images__pc {
display: none;
}
}
.sec-v24 .sec-container .sec-images img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: relative;
z-index: 2;
}
.sec-v24 .sec-container .sec-content {
padding-top: clamp(0rem, calc(140 / 1200 * 100 * 1vw), 14rem);
}
.sec-v24 .sec-container .sec-content .sec-texts {
font-size: 1.5rem;
line-height: 2.1;
position: relative;
}
.sec-v24 .sec-container .sec-content .sec-content__inner {
bottom: 0;
transform: translateY(calc(100% + 3rem));
width: clamp(0rem, calc(730 / 1200 * 100 * 1vw), 73rem);
position: absolute;
right: 0;
z-index: 2;
background-color: rgba(237, 237, 232, 0.8);
padding: 3rem clamp(3rem, calc(60 / 1200 * 100 * 1vw), 6rem);
display: flex;
align-items: center;
justify-content: space-between;
gap: 2rem;
}
@media (max-width: 1024px) {
.sec-v24 .sec-container .sec-content .sec-content__inner {
position: unset;
transform: unset;
width: 100%;
margin-top: 4rem;
flex-wrap: wrap;
justify-content: center;
gap: 4rem;
}
}
.sec-v24 .sec-container .sec-content .sec-content__inner .sec-ttl {
font-size: clamp(2.8rem, calc(38 / 1200 * 100 * 1vw), 3.8rem);
width: 5.3em;
aspect-ratio: 197/182;
display: grid;
align-items: center;
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/sec-v24-ttl-icon.png) no-repeat center center/cover;
}
.sec-v24
.sec-container
.sec-content
.sec-content__inner
.sec-ttl
.sec-ttl__inner {
padding-left: 0.63em;
}
.sec-v24
.sec-container
.sec-content
.sec-content__inner
.sec-ttl
.sec-ttl__inner
.sec-ttl__en {
font-family: 'Cinzel', serif;
letter-spacing: 0.04em;
line-height: 1.6;
}
.sec-v24 .sec-container .sec-content .sec-content__inner .sec-btn {
max-width: 32rem;
width: 100%;
}
.sec-v24 .sec-container .sec-content .sec-content__inner .sec-btn a {
display: flex;
font-family: 'Cinzel', serif;
width: 100%;
padding-left: 5rem;
padding-right: 3rem;
height: 4.8rem;
background-color: white;
align-items: center;
font-size: 1.5rem;
justify-content: space-between;
gap: 1rem;
transition: all 0.3s;
}
.sec-v24 .sec-container .sec-content .sec-content__inner .sec-btn a:hover {
opacity: 0.6;
}
.sec-v24 .sec-container .sec-content .sec-content__inner .sec-btn a::after {
content: '';
width: 4.6rem;
aspect-ratio: 46/7;
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/arrow-right-icon01.svg) no-repeat center center;
background-size: contain;
}
@media (max-width: 1120px) {
.sec-v25 {
margin-top: 20rem;
}
}
@media (max-width: 1024px) {
.sec-v25 {
margin-top: 0;
}
}
.sec-v25 .sec-container .sec-list {
display: grid;
gap: 10rem;
padding: 10rem 0;
}
.sec-v25 .sec-container .sec-list li .card {
margin-left: auto;
--w: 1660px;
max-width: calc(var(--w) + (100% - 1920px) / 2);
}
@media (max-width: 1920px) {
.sec-v25 .sec-container .sec-list li .card {
max-width: min(100% - var(--gap-x, 4rem) / 2, var(--w)) !important;
}
}
@media (max-width: 1024px) {
.sec-v25 .sec-container .sec-list li .card {
max-width: min(100% - (var(--gap-x, 4rem)), var(--w)) !important;
margin: 0 auto !important;
}
}
.sec-v25 .sec-container .sec-list li .card-container {
display: grid;
grid-template-columns: auto 57.8%;
gap: clamp(4rem, calc(60 / 1920 * 100 * 1vw), 6rem);
}
@media (max-width: 1024px) {
.sec-v25 .sec-container .sec-list li .card-container {
grid-template-columns: unset !important;
}
}
.sec-v25 .sec-container .sec-list li .card .card-content {
font-family: 'Noto Sans JP';
padding-top: 4rem;
}
.sec-v25 .sec-container .sec-list li .card .card-content .card-ttl {
font-size: 2.4rem;
padding: 1em 0;
border: 1px dashed;
border-color: #000000 transparent #000000 transparent;
}
.sec-v25 .sec-container .sec-list li .card .card-content .card-ttl small {
font-size: 0.625em;
}
.sec-v25 .sec-container .sec-list li .card .card-content .card-ttl span {
font-weight: 500;
margin-left: 0.8rem;
}
.sec-v25 .sec-container .sec-list li .card .card-content .card-subttl {
font-size: 2.2rem;
font-weight: 500;
margin-top: 4rem;
}
.sec-v25 .sec-container .sec-list li .card .card-content .card-texts {
margin-top: 3rem;
font-size: 1.5rem;
line-height: 2.1;
}
.sec-v25 .sec-container .sec-list li .card .card-content .card-btn {
display: flex;
justify-content: center;
margin-top: 3rem;
}
.sec-v25 .sec-container .sec-list li .card .card-content .card-btn a {
max-width: 29rem;
width: 100%;
height: 5.2rem;
color: white;
display: grid;
place-content: center;
background-color: #fc9b1b;
font-size: 1.5rem;
position: relative;
transition: all 0.3s;
}
.sec-v25 .sec-container .sec-list li .card .card-content .card-btn a:hover {
opacity: 0.6;
}
.sec-v25 .sec-container .sec-list li .card .card-content .card-btn a::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
border-bottom: 1px solid #fc9b1b;
border-right: 1px solid #fc9b1b;
left: 0;
top: 0;
transform: translate(2%, 10%);
}
@media (max-width: 1024px) {
.sec-v25 .sec-container .sec-list li .card .card-img__pc {
display: none;
}
}
.sec-v25 .sec-container .sec-list li .card .card-img__sp {
display: none;
}
@media (max-width: 1024px) {
.sec-v25 .sec-container .sec-list li .card .card-img__sp {
display: flex;
margin-top: 4rem;
}
}
.sec-v25 .sec-container .sec-list li .card .card-img img {
width: 80%;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 96 / 60;
height: auto;
}
.sec-v25 .sec-container .sec-list li:nth-child(even) .card {
margin-right: auto;
margin-left: unset;
}
.sec-v25 .sec-container .sec-list li:nth-child(even) .card-container {
grid-template-columns: 57.8% auto;
}
.sec-v25 .sec-container .sec-list li:nth-child(even) .card-content {
order: 2;
}
.sec-v25 .sec-container .sec-list li:nth-child(even) .card-img {
order: 1;
}
.sec-v26 .sec-container {
width: min(100% - var(--gap-x, 4rem), 1400px);
margin: 0 auto;
}
.sec-v26 .sec-container .sec-list {
display: grid;
gap: 7rem;
}
.sec-v26 .sec-container .sec-list li .card-container {
display: grid;
grid-template-columns: auto 51.4%;
gap: clamp(4rem, calc(80 / 1920 * 100 * 1vw), 8rem);
}
@media (max-width: 1024px) {
.sec-v26 .sec-container .sec-list li .card-container {
grid-template-columns: unset !important;
}
}
.sec-v26 .sec-container .sec-list li .card .card-content {
padding-top: 3rem;
}
.sec-v26 .sec-container .sec-list li .card .card-content .card-ttl {
font-size: 2.2rem;
}
.sec-v26 .sec-container .sec-list li .card .card-content .card-ttl span {
font-weight: 500;
}
.sec-v26 .sec-container .sec-list li .card .card-content .card-texts {
margin-top: 3rem;
font-size: 1.5rem;
line-height: 2;
}
.sec-v26 .sec-container .sec-list li .card .card-content .card-btn {
display: flex;
justify-content: center;
margin-top: 3rem;
}
.sec-v26 .sec-container .sec-list li .card .card-content .card-btn a {
max-width: 32rem;
width: 100%;
height: 4.6rem;
display: grid;
place-content: center;
background-color: white;
font-size: 1.4rem;
position: relative;
border-radius: 0.6rem;
transition: all 0.3;
}
.sec-v26 .sec-container .sec-list li .card .card-content .card-btn a:hover {
opacity: 0.6;
}
.sec-v26 .sec-container .sec-list li .card .card-content .card-btn a::after {
content: '';
position: absolute;
width: 1.6rem;
aspect-ratio: 1/1;
right: 1.5rem;
top: 50%;
transform: translateY(-50%);
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/awesome-chevron-circle-right.svg) no-repeat center
center/contain;
}
@media (max-width: 1024px) {
.sec-v26 .sec-container .sec-list li .card .card-img__pc {
display: none;
}
}
.sec-v26 .sec-container .sec-list li .card .card-img__sp {
display: none;
}
@media (max-width: 1024px) {
.sec-v26 .sec-container .sec-list li .card .card-img__sp {
display: flex;
margin-top: 4rem;
}
}
.sec-v26 .sec-container .sec-list li .card .card-img img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 720/440;
height: 100%;
}
.sec-v26 .sec-container .sec-list li:nth-child(even) .card {
margin-right: auto;
margin-left: unset;
}
.sec-v26 .sec-container .sec-list li:nth-child(even) .card-container {
grid-template-columns: 51.4% auto;
}
.sec-v26 .sec-container .sec-list li:nth-child(even) .card-content {
order: 2;
}
.sec-v26 .sec-container .sec-list li:nth-child(even) .card-img {
order: 1;
}
.sec-v27 .sec-container {
width: 80%;
margin: 0 auto;
padding: 5rem 0;
}
.sec-v27 .sec-container .sec-list {
display: grid;
gap: 6rem;
}
.sec-v27 .sec-container .sec-list li .card {
--ttl-cl: #e1344c;
}
.sec-v27 .sec-container .sec-list li .card-container {
display: grid;
grid-template-columns: 48.3% auto;
gap: clamp(4rem, calc(80 / 1920 * 100 * 1vw), 8rem);
}
@media (max-width: 1024px) {
.sec-v27 .sec-container .sec-list li .card-container {
grid-template-columns: unset !important;
}
}
.sec-v27 .sec-container .sec-list li .card .card-content {
padding-top: 9rem;
width: 120%;
}
.sec-v27 .sec-container .sec-list li .card .card-content .card-ttl {
font-size: 3.2rem;
color: #333;
}
.sec-v27 .sec-container .sec-list li .card .card-content .card-ttl__jp {
font-weight: bold;
position: relative;
color: #333;
}
.sec-v27 .sec-container .sec-list li .card .card-content .card-ttl__jp::after {
content: attr(data-text);
position: absolute;
font-size: 8rem;
font-family: 'Poppins', sans-serif;
opacity: 0.15;
left: 0;
bottom: 0;
line-height: 0.8;
letter-spacing: 0.02em;
color: #fc9b1b;
}
.sec-v27 .sec-container .sec-list li .card .card-content .card-ttl__en {
font-size: 1.3rem;
font-weight: 600;
font-family: 'Poppins', sans-serif;
color: #fc9b1b;
margin-top: 5px;
}
.sec-v27 .sec-container .sec-list li .card .card-content .card-texts {
margin-top: 5rem;
font-size: 1.5rem;
line-height: 2;
}
.sec-v27 .sec-container .sec-list li .card .card-content .card-btn {
display: flex;
justify-content: center;
margin-top: 3rem;
}
.sec-v27 .sec-container .sec-list li .card .card-content .card-btn a {
max-width: 28rem;
width: 100%;
height: 4.6rem;
display: grid;
place-content: center;
background-color: #74999c;
font-size: 1.4rem;
position: relative;
border-radius: 0.6rem;
transition: all 0.3;
border-radius: 10rem;
color: white;
}
.sec-v27 .sec-container .sec-list li .card .card-content .card-btn a:hover {
opacity: 0.6;
}
.sec-v27 .sec-container .sec-list li .card .card-content .card-btn a::after {
content: '';
position: absolute;
width: 1.8rem;
aspect-ratio: 1/1;
right: 1.5rem;
top: 50%;
transform: translateY(-50%);
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/awesome-arrow-circle-right-w.svg) no-repeat center
center/contain;
}
@media (max-width: 1024px) {
.sec-v27 .sec-container .sec-list li .card .card-img__pc {
display: none;
}
}
.sec-v27 .sec-container .sec-list li .card .card-img__sp {
display: none;
}
@media (max-width: 1024px) {
.sec-v27 .sec-container .sec-list li .card .card-img__sp {
display: flex;
margin-top: 4rem;
}
}
.sec-v27 .sec-container .sec-list li .card .card-img img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 58/57;
height: auto;
border-radius: 1.5rem;
}
.sec-v27 .sec-container .sec-list li:nth-child(even) .card {
--ttl-cl: #6846a5;
margin-right: auto;
margin-left: unset;
}
.sec-v27 .sec-container .sec-list li:nth-child(even) .card-container {
grid-template-columns: auto 48.3%;
}
.sec-v27 .sec-container .sec-list li:nth-child(even) .card-content {
order: 1;
}
.sec-v27 .sec-container .sec-list li:nth-child(even) .card-img {
order: 2;
}
.sec-v28 .sec-container {
width: min(100% - var(--gap-x, 4rem), 1490px);
margin: 0 auto;
}
.sec-v28 .sec-container .sec-list {
display: grid;
gap: 6rem;
}
.sec-v28 .sec-container .sec-list .card {
position: relative;
}
.sec-v28 .sec-container .sec-list .card-container {
position: relative;
}
.sec-v28 .sec-container .sec-list .card-container::after {
content: '';
width: 68.4%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background-color: white;
z-index: 1;
-webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
}
@media (max-width: 768px) {
.sec-v28 .sec-container .sec-list .card-container::after {
-webkit-clip-path: unset !important;
clip-path: unset !important;
width: 100%;
}
}
.sec-v28 .sec-container .sec-list .card .card-content {
width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
}
.sec-v28 .sec-container .sec-list .card .card-content__inner {
width: min(
100% - var(--gap-x, 4rem),
clamp(40rem, calc(600 / 1200 * 100 * 1vw), 60rem)
);
padding-top: 5rem;
padding-bottom: 1.5rem;
position: relative;
z-index: 2;
}
@media (max-width: 768px) {
.sec-v28 .sec-container .sec-list .card .card-content__inner {
width: 100%;
padding-bottom: 5rem;
}
}
.sec-v28 .sec-container .sec-list .card .card-content .card-ttl {
font-size: 3.6rem;
text-align: center;
}
.sec-v28 .sec-container .sec-list .card .card-content .card-ttl__jp {
margin-top: 0.33em;
font-size: 0.5em;
}
.sec-v28 .sec-container .sec-list .card .card-content .card-ttl__en {
letter-spacing: 0.1em;
}
.sec-v28 .sec-container .sec-list .card .card-content .card-texts {
margin-top: 2rem;
font-size: 1.6rem;
line-height: 1.875;
font-weight: 300;
}
.sec-v28 .sec-container .sec-list .card .card-btn {
position: absolute;
right: 2rem;
bottom: 2rem;
z-index: 2;
}
.sec-v28 .sec-container .sec-list .card .card-btn a {
font-size: 1.8rem;
font-family: 'Tempus', 'Noto Sans JP', sans-serif;
transition: all 0.3s;
color: white;
letter-spacing: 0.1em;
display: flex;
align-items: center;
gap: 1em;
}
.sec-v28 .sec-container .sec-list .card .card-btn a:hover {
opacity: 0.6;
}
.sec-v28 .sec-container .sec-list .card .card-btn a::before,
.sec-v28 .sec-container .sec-list .card .card-btn a::after {
content: '';
width: 0.7em;
aspect-ratio: 1/1;
border-bottom: 2.6px solid white;
border-right: 2.6px solid white;
}
.sec-v28 .sec-container .sec-list .card .card-btn a::after {
transform: translateY(0.1em) rotate(-45deg);
}
.sec-v28 .sec-container .sec-list .card .card-btn a::before {
transform: translateY(0.1em) rotate(135deg);
}
.sec-v28 .sec-container .sec-list .card .card-img {
z-index: 2;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 32% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 32% 100%);
position: relative;
}
@media (max-width: 768px) {
.sec-v28 .sec-container .sec-list .card .card-img {
-webkit-clip-path: unset !important;
clip-path: unset !important;
}
}
.sec-v28 .sec-container .sec-list .card .card-img::after {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.sec-v28 .sec-container .sec-list .card .card-img__pc {
position: absolute;
top: 0;
right: 0;
width: 43%;
height: 100%;
}
@media (max-width: 768px) {
.sec-v28 .sec-container .sec-list .card .card-img__pc {
display: none;
}
}
.sec-v28 .sec-container .sec-list .card .card-img__sp {
display: none;
}
@media (max-width: 768px) {
.sec-v28 .sec-container .sec-list .card .card-img__sp {
display: flex;
margin-top: 4rem;
}
}
.sec-v28 .sec-container .sec-list .card .card-img img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 64/27;
height: 100%;
position: relative;
}
.sec-v28 .sec-container .sec-list:nth-child(even) .card {
margin-right: auto;
margin-left: unset;
}
.sec-v28 .sec-container .sec-list:nth-child(even) .card-container {
grid-template-columns: 48.3% auto;
}
.sec-v28 .sec-container .sec-list:nth-child(even) .card-container::after {
right: 0;
left: auto;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
}
.sec-v28 .sec-container .sec-list:nth-child(even) .card-content {
order: 1;
}
.sec-v28 .sec-container .sec-list:nth-child(even) .card-content__inner {
margin-left: auto;
}
.sec-v28 .sec-container .sec-list:nth-child(even) .card-img {
order: 2;
right: auto;
left: 0;
-webkit-clip-path: polygon(0 0, 68% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 68% 0, 100% 100%, 0% 100%);
}
.sec-v28 .sec-container .sec-list:nth-child(even) .card-btn {
right: auto;
left: 2rem;
}
.sec-v28 .sec-container .sec-list__item:nth-child(even) .card-container::after {
left: auto;
right: 0;
clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 6% 100%);
}
.sec-v28 .sec-container .sec-list__item:nth-child(even) .card-content__inner {
margin-left: auto;
}
.sec-v28 .sec-container .sec-list__item:nth-child(even) .card-img__pc {
right: auto;
left: 0;
}
.sec-v28 .sec-container .sec-list__item:nth-child(even) .card-img {
clip-path: polygon(0% 0%, 100% 0%, 78% 100%, 0% 100%);
}
.sec-v28 .sec-container .sec-list__item:nth-child(even) .card-btn {
left: 2rem;
right: auto;
}
.sec-v29 .sec-container {
width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
}
.sec-v29 .sec-container .sec-list {
display: grid;
gap: clamp(4rem, calc(80 / 1920 * 100 * 1vw), 8rem);
grid-template-columns: repeat(auto-fit, minmax(min(100%, 480px), 1fr));
grid-auto-rows: auto 15rem auto;
}
.sec-v29 .sec-container .sec-list .card {
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
border-radius: 1.5rem;
background-color: white;
padding: 6rem 5rem;
grid-row: span 3;
display: grid;
grid-template-rows: subgrid;
gap: 2rem;
height: 100%;
}
@media (max-width: 768px) {
.sec-v29 .sec-container .sec-list .card {
padding: 3rem 2rem;
}
}
.sec-v29 .sec-container .sec-list .card .card-ttl {
text-align: center;
border-bottom: 1px solid #00a0e3;
padding-bottom: 1rem;
}
.sec-v29 .sec-container .sec-list .card .card-ttl .card-ttl__en {
font-size: 1.3rem;
color: #00a0e3;
letter-spacing: 0.1em;
}
.sec-v29 .sec-container .sec-list .card .card-ttl .card-ttl__jp {
font-size: 2.4rem;
font-weight: 600;
margin-top: 0.3em;
}
.sec-v29 .sec-container .sec-list .card .card-img {
width: 83%;
margin: 0 auto;
}
@media (max-width: 1024px) {
.sec-v29 .sec-container .sec-list .card .card-img {
width: 100%;
}
}
.sec-v29 .sec-container .sec-list .card .card-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sec-v29 .sec-container .sec-list .card .card-texts {
font-size: 1.5rem;
line-height: 1.6;
}
.sec-v29 .sec-container .sec-list .card .card-btn {
display: flex;
justify-content: center;
margin-top: 1rem;
}
.sec-v29 .sec-container .sec-list .card .card-btn a {
max-width: 30rem;
width: 100%;
background-color: #00a0e3;
border-radius: 6px;
font-size: 1.5rem;
color: white;
height: 4.6rem;
text-align: center;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
.sec-v29 .sec-container .sec-list .card .card-btn a .icon {
position: absolute;
right: 1.5rem;
top: 50%;
transform: translateY(-50%);
}
.sec-v30 .sec-container {
display: grid;
gap: 10rem;
}
.sec-v30 .sec-container .card-list.card-v1 {
width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 580px), 1fr));
gap: 4rem;
grid-auto-rows: auto auto;
}
.sec-v30 .sec-container .card-list.card-v1 .card {
padding: 2rem;
background-color: white;
display: grid;
grid-template-rows: subgrid;
gap: 0;
grid-row: span 2;
}
.sec-v30 .sec-container .card-list.card-v1 .card .card-ttl {
font-size: 2.4rem;
font-weight: 500;
text-align: center;
padding: 1.8rem;
background-color: #eef9f9;
}
.sec-v30 .sec-container .card-list.card-v1 .card .card-content {
margin-top: 4rem;
padding: 0 3rem;
display: flex;
flex-direction: column;
}
.sec-v30 .sec-container .card-list.card-v1 .card .card-content__ft {
flex: 1;
display: flex;
flex-direction: column;
}
.sec-v30 .sec-container .card-list.card-v1 .card .card-content__ft-inner {
margin-top: auto;
}
.sec-v30
.sec-container
.card-list.card-v1
.card
.card-content
.card-texts__list {
display: grid;
gap: 1.5rem;
}
.sec-v30
.sec-container
.card-list.card-v1
.card
.card-content
.card-texts__list
p {
font-size: 1.6rem;
display: flex;
align-items: center;
gap: 0.8rem;
}
.sec-v30
.sec-container
.card-list.card-v1
.card
.card-content
.card-texts__list
p
.icon {
display: flex;
align-items: center;
}
.sec-v30 .sec-container .card-list.card-v1 .card .card-content .card-texts__ft {
margin-top: 3.2rem;
text-align: center;
}
.sec-v30
.sec-container
.card-list.card-v1
.card
.card-content
.card-texts__ft
.cl {
font-size: 2rem;
font-weight: 500;
color: #63bbbb;
}
.sec-v30
.sec-container
.card-list.card-v1
.card
.card-content
.card-texts__ft
.ft-ct {
margin-top: 1rem;
color: #42210b;
}
.sec-v30
.sec-container
.card-list.card-v1
.card
.card-content
.card-texts__ft
.ft-ct
span {
font-size: 2.8rem;
font-weight: 600;
letter-spacing: 0.15em;
}
.sec-v30
.sec-container
.card-list.card-v1
.card
.card-content
.card-texts__ft
.ft-ct
small {
font-size: 1.6rem;
display: block;
}
.sec-v30 .sec-container .card-list.card-v1 .card .card-content .card-btn {
margin-top: 1rem;
display: flex;
justify-content: center;
padding-bottom: 1rem;
}
.sec-v30 .sec-container .card-list.card-v1 .card .card-content .card-btn a {
max-width: 26rem;
width: 100%;
color: white;
font-size: 1.5rem;
background-color: #63bbbb;
border-radius: 6px;
display: grid;
place-content: center;
position: relative;
height: 4.6rem;
}
.sec-v30
.sec-container
.card-list.card-v1
.card
.card-content
.card-btn
a::after {
content: '＞';
position: absolute;
top: 50%;
right: 1rem;
transform: translateY(-50%);
}
.sec-v30 .sec-container .card-v2 {
width: min(100% - var(--gap-x, 4rem), 800px);
margin: 0 auto;
font-family: 'Shippori Mincho', serif;
}
.sec-v30 .sec-container .card-v2 .card .card-ttl {
text-align: center;
}
.sec-v30 .sec-container .card-v2 .card .card-ttl .card-ttl__jp {
font-size: 2.2rem;
font-weight: 500;
}
.sec-v30 .sec-container .card-v2 .card .card-content {
margin-top: 6rem;
}
.sec-v30 .sec-container .card-v2 .card .card-content .card-texts {
font-size: 1.5rem;
line-height: 3;
}
.sec-v30 .sec-container .card-v2 .card .card-content .card-btns {
margin-top: 3.5rem;
display: flex;
justify-content: center;
gap: 5.6rem;
}
@media (max-width: 425px) {
.sec-v30 .sec-container .card-v2 .card .card-content .card-btns {
flex-wrap: wrap;
gap: 4rem;
}
}
.sec-v30 .sec-container .card-v2 .card .card-content .card-btns a {
max-width: 29rem;
width: 100%;
height: 5.2rem;
color: white;
display: grid;
place-content: center;
background-color: #003567;
font-size: 1.5rem;
position: relative;
transition: all 0.3s;
}
.sec-v30 .sec-container .card-v2 .card .card-content .card-btns a::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
border-bottom: 1px solid #003567;
border-right: 1px solid #003567;
left: 0;
top: 0;
transform: translate(2%, 10%);
}
.sec-v30 .sec-container .card-v3 {
width: min(100% - var(--gap-x, 4rem), 800px);
margin: 0 auto;
}
.sec-v30 .sec-container .card-v3 .card .card-ttl {
font-size: 2.8rem;
font-weight: bold;
text-align: center;
}
.sec-v30 .sec-container .card-v3 .card .card-ttl .card-ttl__jp {
padding-bottom: 0.38em;
border-bottom: 2px solid #333;
}
.sec-v30 .sec-container .card-v3 .card .card-content {
margin-top: 2rem;
}
.sec-v30 .sec-container .card-v3 .card .card-content .card-texts {
font-size: 1.6rem;
}
.sec-v30 .sec-container .card-v3 .card .card-content .card-btn {
margin-top: 3.8rem;
display: flex;
justify-content: center;
}
.sec-v30 .sec-container .card-v3 .card .card-content .card-btn a {
max-width: 22rem;
width: 100%;
height: 4.6rem;
display: grid;
place-content: center;
font-size: 1.5rem;
font-weight: 500;
font-style: italic;
font-family: 'Arvo', sans-serif;
background-color: #f1f3ea;
border: 2px solid #333;
}
.page-4 {
background-color: #d6d6d6;
}
.page-4 .sections {
background-color: transparent;
padding-top: 7.5rem;
padding-bottom: 12rem;
}
.page-4 .breadcrumb {
background-color: transparent;
color: #333;
padding-top: 1rem;
}
.page-4 .breadcrumb ul {
font-family: 'Noto Sans JP', sans-serif;
}
.sec-v31 .sec-container {
width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
}
.sec-v31 .sec-list {
display: grid;
gap: clamp(10rem, calc(180 / 1200 * 100 * 1vw), 18rem);
}
.sec-v31 .item-v1 .item-list {
display: grid;
gap: 4rem;
}
.sec-v31 .item-v1 .item-list .item {
display: grid;
grid-template-columns: 500px auto;
justify-content: space-between;
gap: 4rem;
padding: 5rem 0;
}
@media (max-width: 1024px) {
.sec-v31 .item-v1 .item-list .item {
grid-template-columns: 40% auto;
}
}
@media (max-width: 768px) {
.sec-v31 .item-v1 .item-list .item {
grid-template-columns: 50% auto;
align-items: center;
display: block;
}
}
@media (max-width: 768px) {
.sec-v31 .item-v1 .item-list .item .item-img__pc {
display: none;
}
}
.sec-v31 .item-v1 .item-list .item .item-img__sp {
display: none;
}
@media (max-width: 768px) {
.sec-v31 .item-v1 .item-list .item .item-img__sp {
display: flex;
float: left;
width: max(30%, 15rem);
margin-right: 2rem;
shape-outside: circle(50%);
}
}
.sec-v31 .item-v1 .item-list .item .item-img img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sec-v31 .item-v1 .item-list .item .item-content {
max-width: 560px;
padding-top: 4rem;
}
@media (max-width: 1024px) {
.sec-v31 .item-v1 .item-list .item .item-content {
max-width: 100%;
padding-top: 0;
}
}
.sec-v31 .item-v1 .item-list .item .item-content .item-ttl {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 2rem;
padding-bottom: 1rem;
border-bottom: 2px solid #333333;
}
.sec-v31 .item-v1 .item-list .item .item-content .item-ttl__en {
text-align: center;
font-size: 3.2rem;
text-transform: uppercase;
font-family: 'Arvo', sans-serif;
color: white;
width: 2.85em;
aspect-ratio: 1/1;
display: grid;
place-content: center;
background-color: #fc9b1b;
border-radius: 100%;
}
.sec-v31 .item-v1 .item-list .item .item-content .item-ttl__en-inner {
transform: translateY(0.2em);
}
.sec-v31 .item-v1 .item-list .item .item-content .item-ttl__en small {
display: block;
font-size: 0.56em;
}
.sec-v31 .item-v1 .item-list .item .item-content .item-ttl__jp {
font-size: 2rem;
font-weight: bold;
}
.sec-v31 .item-v1 .item-list .item .item-content .item-texts {
font-size: 1.6rem;
margin-top: 2rem;
line-height: 1.5;
}
.sec-v31 .item-v1 .item-list .item:nth-child(even) {
grid-template-columns: auto 500px;
}
@media (max-width: 1024px) {
.sec-v31 .item-v1 .item-list .item:nth-child(even) {
grid-template-columns: auto 40%;
}
}
.sec-v31 .item-v1 .item-list .item:nth-child(even) .item-img {
order: 2;
}
.sec-v31 .item-v1 .item-list .item:nth-child(even) .item-img__sp {
float: right;
margin-left: 2rem;
margin-right: 0;
}
.sec-v31 .item-v2 .item-list {
display: grid;
gap: 4rem;
}
.sec-v31 .item-v2 .item-list .item {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
justify-content: space-between;
}
@media (max-width: 1024px) {
.sec-v31 .item-v2 .item-list .item {
display: block;
}
}
@media (max-width: 1024px) {
.sec-v31 .item-v2 .item-list .item .item-img__pc {
display: none;
}
}
.sec-v31 .item-v2 .item-list .item .item-img__sp {
display: none;
}
@media (max-width: 1024px) {
.sec-v31 .item-v2 .item-list .item .item-img__sp {
display: flex;
float: left;
width: max(30%, 15rem);
margin-right: 1rem;
}
}
.sec-v31 .item-v2 .item-list .item .item-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sec-v31 .item-v2 .item-list .item .item-content {
width: calc(100% - 4rem);
margin-left: auto;
}
@media (max-width: 1024px) {
.sec-v31 .item-v2 .item-list .item .item-content {
max-width: 100%;
padding-top: 0;
width: 100%;
}
}
.sec-v31 .item-v2 .item-list .item .item-content .item-ttl {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 2rem;
padding-bottom: 1rem;
border-bottom: 2px solid #333333;
}
.sec-v31 .item-v2 .item-list .item .item-content .item-ttl__en {
text-align: center;
font-size: 3.2rem;
text-transform: uppercase;
font-family: 'Arvo', sans-serif;
color: white;
width: 2.85em;
aspect-ratio: 1/1;
display: grid;
place-content: center;
background-color: #ff3138;
border-radius: 100%;
}
.sec-v31 .item-v2 .item-list .item .item-content .item-ttl__en-inner {
transform: translateY(0.2em);
}
.sec-v31 .item-v2 .item-list .item .item-content .item-ttl__en small {
display: block;
font-size: 0.56em;
}
.sec-v31 .item-v2 .item-list .item .item-content .item-ttl__jp {
font-size: clamp(2.5rem, calc(28 / 768 * 100 * 1vw), 2.8rem);
font-weight: bold;
}
.sec-v31 .item-v2 .item-list .item .item-content .item-texts {
font-size: 1.6rem;
margin-top: 2rem;
line-height: 1.5;
}
.sec-v31 .item-v2 .item-list .item:nth-child(even) .item-content {
margin-left: unset;
margin-right: auto;
}
.sec-v31 .item-v2 .item-list .item:nth-child(even) .item-img {
order: 2;
}
.sec-v31 .item-v2 .item-list .item:nth-child(even) .item-img__sp {
float: right;
margin-left: 1rem;
margin-right: 0;
}
.sec-v31 .item-v3 .item-list {
display: grid;
gap: 4rem;
}
.sec-v31 .item-v3 .item-list .item {
position: relative;
--bg-cl: #ffffdb;
background: linear-gradient(
to bottom,
transparent 10%,
var(--bg-cl) 10%,
var(--bg-cl) 90%,
transparent 90%
);
}
.sec-v31 .item-v3 .item-list .item:nth-child(even) {
--bg-cl: #f6f6ac;
}
@media (max-width: 1024px) {
.sec-v31 .item-v3 .item-list .item {
background-color: var(--bg-cl);
}
}
@media (max-width: 1024px) {
.sec-v31 .item-v3 .item-list .item {
padding: 2rem 0;
}
}
.sec-v31 .item-v3 .item-list .item-wrap {
width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
justify-content: space-between;
position: relative;
z-index: 2;
}
@media (max-width: 1024px) {
.sec-v31 .item-v3 .item-list .item-wrap {
display: block;
}
}
.sec-v31 .item-v3 .item-list .item .item-img {
width: 100%;
aspect-ratio: 1/1;
}
@media (max-width: 1024px) {
.sec-v31 .item-v3 .item-list .item .item-img__pc {
display: none;
}
}
.sec-v31 .item-v3 .item-list .item .item-img__sp {
display: none;
}
@media (max-width: 1024px) {
.sec-v31 .item-v3 .item-list .item .item-img__sp {
display: flex;
float: left;
width: max(30%, 15rem);
margin-right: 1rem;
shape-outside: circle(50%);
}
}
.sec-v31 .item-v3 .item-list .item .item-img img {
border-radius: 100%;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sec-v31 .item-v3 .item-list .item .item-content {
width: calc(100% - 4rem);
margin-left: auto;
align-self: center;
}
@media (max-width: 1024px) {
.sec-v31 .item-v3 .item-list .item .item-content {
max-width: 100%;
padding-top: 0;
width: 100%;
}
}
.sec-v31 .item-v3 .item-list .item .item-content .item-ttl {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 2rem;
padding-bottom: 1rem;
border-bottom: 2px solid #333333;
}
.sec-v31 .item-v3 .item-list .item .item-content .item-ttl__en {
text-align: center;
font-size: 3.2rem;
text-transform: uppercase;
font-family: 'Arvo', sans-serif;
color: white;
width: 2.85em;
aspect-ratio: 1/1;
display: grid;
place-content: center;
background-color: #ff3138;
border-radius: 100%;
}
.sec-v31 .item-v3 .item-list .item .item-content .item-ttl__en-inner {
transform: translateY(0.2em);
}
.sec-v31 .item-v3 .item-list .item .item-content .item-ttl__en small {
display: block;
font-size: 0.56em;
}
.sec-v31 .item-v3 .item-list .item .item-content .item-ttl__jp {
font-size: clamp(2.5rem, calc(28 / 768 * 100 * 1vw), 2.8rem);
font-weight: bold;
}
.sec-v31 .item-v3 .item-list .item .item-content .item-texts {
font-size: 1.6rem;
margin-top: 2rem;
line-height: 1.5;
}
.sec-v31 .item-v3 .item-list .item:nth-child(even)::after {
background-color: #f6f6ac;
}
.sec-v31 .item-v3 .item-list .item:nth-child(even) .item-content {
margin-left: unset;
margin-right: auto;
}
.sec-v31 .item-v3 .item-list .item:nth-child(even) .item-img {
order: 2;
}
.sec-v31 .item-v3 .item-list .item:nth-child(even) .item-img__sp {
float: right;
margin-left: 1rem;
margin-right: 0;
}
@media (max-width: 768px) {
.sec-v31 .item-v1 .item-list .item .item-img__sp {
float: unset;
width: 100%;
margin: 2.5rem 0 !important;
}
}
.sec-v31 .item-v1 .item-list .item:nth-child(even) .item-img__sp {
float: unset;
}
@media (max-width: 1024px) {
.sec-v31 .item-v2 .item-list .item .item-img__sp {
float: unset;
width: 100%;
margin: 0 !important;
margin-top: 2.5rem !important;
}
}
.sec-v31 .item-v2 .item-list .item:nth-child(even) .item-img {
order: 2;
}
.sec-v31 .item-v2 .item-list .item:nth-child(even) .item-img__sp {
float: unset;
}
@media (max-width: 1024px) {
.sec-v31 .item-v3 .item-list .item .item-img__sp {
float: unset;
width: 100%;
margin: 2.5rem 0 !important;
}
}
.sec-v31 .item-v3 .item-list .item:nth-child(even) .item-img {
order: 2;
}
.sec-v31 .item-v3 .item-list .item:nth-child(even) .item-img__sp {
float: unset;
}
.sec-v32 {
margin-top: 18rem;
}
.sec-v32 .sec-container {
width: min(100% - var(--gap-x, 4rem), 1400px);
margin: 0 auto;
}
.sec-v32 .sec-list {
display: grid;
gap: 8rem;
}
.sec-v32 .item-v1 .item-list {
display: grid;
gap: 10rem;
}
.sec-v32 .item-v1 .item-list .item {
display: grid;
grid-template-columns: 46% auto;
gap: clamp(4rem, calc(70 / 1920 * 100 * 1vw), 7rem);
align-items: center;
}
@media (max-width: 1024px) {
.sec-v32 .item-v1 .item-list .item {
grid-template-columns: unset !important;
}
}
.sec-v32 .item-v1 .item-list .item .item-img {
align-self: stretch;
}
@media (max-width: 768px) {
.sec-v32 .item-v1 .item-list .item .item-img__pc {
display: none;
}
}
.sec-v32 .item-v1 .item-list .item .item-img__sp {
display: none;
}
@media (max-width: 768px) {
.sec-v32 .item-v1 .item-list .item .item-img__sp {
display: flex;
margin-bottom: 3rem;
}
}
.sec-v32 .item-v1 .item-list .item .item-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sec-v32 .item-v1 .item-list .item .item-content {
color: white;
}
.sec-v32 .item-v1 .item-list .item .item-content__list {
display: grid;
gap: 4rem;
counter-reset: num;
}
.sec-v32 .item-v1 .item-list .item .item-content__list li {
counter-increment: num;
}
.sec-v32 .item-v1 .item-list .item .item-content .item-ttl {
font-size: 2.8rem;
}
.sec-v32 .item-v1 .item-list .item .item-content .item-ttl__en {
content: '0' counter(num);
font-size: 0.7em;
font-family: 'Raleway', sans-serif;
font-weight: 500;
font-style: italic;
color: #ffb357;
position: relative;
}
.sec-v32 .item-v1 .item-list .item .item-content .item-ttl__jp {
font-weight: bold;
text-indent: 1.4em;
position: relative;
}
.sec-v32 .item-v1 .item-list .item .item-content .item-ttl__jp::after {
content: '';
width: 3.5em;
height: 2px;
position: absolute;
border: 2px solid white;
left: 0;
top: 0;
transform-origin: left bottom;
transform: translateY(1.2em) rotate(-45deg);
}
.sec-v32 .item-v1 .item-list .item .item-content .item-texts {
font-size: 1.4rem;
font-weight: 300;
margin-top: 1.7rem;
}
@media (max-width: 1024px) {
.sec-v32 .item-v1 .item-list .item .item-content .item-texts {
margin-top: 3rem;
}
}
.sec-v32 .item-v1 .item-list .item:nth-child(even) {
grid-template-columns: auto 46%;
}
.sec-v32 .item-v1 .item-list .item:nth-child(even) .item-img {
order: 2;
}
@media (max-width: 1024px) {
.sec-v32 .item-v1 .item-list .item:nth-child(even) .item-img {
order: -1;
}
}
.sec-v32 .item-v2 {
font-family: 'Murecho', sans-serif;
}
.sec-v32 .item-v2 .item-list {
display: grid;
gap: 6rem;
}
.sec-v32 .item-v2 .item-list .item {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr));
}
.sec-v32 .item-v2 .item-list .item .item-content {
--mg: 10rem;
}
@media (max-width: 1200px) {
.sec-v32 .item-v2 .item-list .item .item-content {
--mg: 5rem;
}
}
@media (max-width: 1024px) {
.sec-v32 .item-v2 .item-list .item .item-content {
--mg: 0;
}
}
.sec-v32 .item-v2 .item-list .item .item-content__inner {
margin-right: var(--mg);
background-color: rgba(255, 255, 255, 0.9);
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
.sec-v32 .item-v2 .item-list .item .item-content__wrap {
padding: 6rem 0;
width: min(100% - var(--gap-x, 4rem), 450px);
margin: 0 auto;
}
@media (max-width: 1024px) {
.sec-v32 .item-v2 .item-list .item .item-content__wrap {
width: 100%;
padding: 4rem 2rem;
}
}
.sec-v32 .item-v2 .item-list .item .item-content .item-ttl {
text-align: center;
font-size: 4.2rem;
font-weight: 500;
}
.sec-v32 .item-v2 .item-list .item .item-content .item-ttl .item-ttl__jp {
font-size: 0.38em;
padding-bottom: 1.6rem;
position: relative;
}
.sec-v32
.item-v2
.item-list
.item
.item-content
.item-ttl
.item-ttl__jp::after {
content: '';
position: absolute;
width: 3.75em;
height: 2px;
background-color: #016b63;
bottom: 0;
transform: translateX(-50%);
left: 50%;
}
.sec-v32 .item-v2 .item-list .item .item-content .item-texts__v1 {
margin-top: 4rem;
}
.sec-v32
.item-v2
.item-list
.item
.item-content
.item-texts__v1
.item-texts__ttl {
font-size: 2.2rem;
color: #5d2200;
font-weight: 500;
}
.sec-v32
.item-v2
.item-list
.item
.item-content
.item-texts__v1
.item-texts__p {
margin-top: 3rem;
font-size: 1.5rem;
line-height: 2;
}
.sec-v32 .item-v2 .item-list .item .item-content .item-texts__group {
display: grid;
gap: 3rem;
}
.sec-v32
.item-v2
.item-list
.item
.item-content
.item-texts__v2
.item-texts__ttl,
.sec-v32
.item-v2
.item-list
.item
.item-content
.item-texts__v3
.item-texts__ttl,
.sec-v32
.item-v2
.item-list
.item
.item-content
.item-texts__v4
.item-texts__ttl {
color: #016b63;
font-size: 2rem;
font-weight: 500;
padding-bottom: 0.8rem;
border-bottom: 1px solid #016b63;
text-align: center;
}
.sec-v32
.item-v2
.item-list
.item
.item-content
.item-texts__v2
.item-texts__content,
.sec-v32
.item-v2
.item-list
.item
.item-content
.item-texts__v3
.item-texts__content,
.sec-v32
.item-v2
.item-list
.item
.item-content
.item-texts__v4
.item-texts__content {
margin-top: 0.8rem !important;
font-size: 1.3rem;
line-height: 2;
}
.sec-v32 .item-v2 .item-list .item .item-content .item-texts__v2 {
margin-top: 6rem;
}
.sec-v32
.item-v2
.item-list
.item
.item-content
.item-texts__v2
.item-texts__list {
max-width: 24rem;
margin: 0 auto;
display: grid;
}
.sec-v32
.item-v2
.item-list
.item
.item-content
.item-texts__v2
.item-texts__list
.item-texts__pr {
display: flex;
justify-content: space-between;
font-size: 1.8rem;
}
.sec-v32
.item-v2
.item-list
.item
.item-content
.item-texts__v2
.item-texts__list
.item-texts__pr
small {
font-size: 0.8em;
}
.sec-v32 .item-v2 .item-list .item .item-img {
display: grid;
--gap: 2rem;
gap: var(--gap);
}
.sec-v32 .item-v2 .item-list .item .item-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border: 12px solid white;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
.sec-v32 .item-v2 .item-list .item .item-img .group-img__bottom {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--gap);
}
.sec-v32
.item-v2
.item-list
.item
.item-img
.group-img__bottom
.group-img-left {
align-self: center;
}
.sec-v32
.item-v2
.item-list
.item
.item-img
.group-img__bottom
.group-img-right {
display: grid;
gap: var(--gap);
}
@media (max-width: 1024px) {
.sec-v32 .item-v2 .item-list .item .item-img.item-img__pc {
display: none;
}
}
.sec-v32 .item-v2 .item-list .item .item-img.item-img__sp {
display: none;
}
@media (max-width: 1024px) {
.sec-v32 .item-v2 .item-list .item .item-img.item-img__sp {
display: grid;
margin-top: 4rem;
}
}
.sec-v32 .item-v2 .item-list .item:nth-child(even) .item-content {
order: 2;
}
.sec-v32 .item-v2 .item-list .item:nth-child(even) .item-content__inner {
margin-right: 0;
margin-left: var(--mg);
}
.sec-v32 .item-v2 .item-list .item:nth-child(even) .group-img-left {
order: 2;
}
.sec-v32 .item-v3 .item-list {
display: grid;
gap: 2rem;
}
@media (max-width: 1024px) {
.sec-v32 .item-v3 .item-list {
gap: 4rem;
}
}
.sec-v32 .item-v3 .item-list .item .item-wrap {
display: grid;
grid-template-columns: 48% 52%;
}
@media (max-width: 1024px) {
.sec-v32 .item-v3 .item-list .item .item-wrap {
grid-template-columns: unset !important;
}
}
.sec-v32 .item-v3 .item-list .item .item-wrap .item-img {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 4rem;
}
@media (max-width: 1024px) {
.sec-v32 .item-v3 .item-list .item .item-wrap .item-img.item-img__pc {
display: none;
}
}
.sec-v32 .item-v3 .item-list .item .item-wrap .item-img.item-img__sp {
display: none;
}
@media (max-width: 1024px) {
.sec-v32 .item-v3 .item-list .item .item-wrap .item-img.item-img__sp {
display: grid;
margin-top: 4rem;
gap: 2rem;
}
}
.sec-v32 .item-v3 .item-list .item .item-wrap .item-img__wrap {
--mg: 5.5rem;
}
.sec-v32 .item-v3 .item-list .item .item-wrap .item-img__wrap:nth-child(1) {
margin-top: var(--mg);
}
.sec-v32 .item-v3 .item-list .item .item-wrap .item-img__wrap:nth-child(2) {
margin-bottom: var(--mg);
}
.sec-v32 .item-v3 .item-list .item .item-wrap .item-img img {
width: 100%;
aspect-ratio: 46/66;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 1200px) {
.sec-v32 .item-v3 .item-list .item .item-wrap .item-img img {
height: 100%;
}
}
.sec-v32 .item-v3 .item-list .item .item-wrap .item-content {
align-self: center;
background-color: #f1f3ea;
padding: 6rem 0;
padding-bottom: clamp(6rem, calc(150 / 1920 * 100 * 1vw), 15rem);
font-family: 'Open Sans', sans-serif;
}
.sec-v32 .item-v3 .item-list .item .item-wrap .item-content__wrap {
width: min(100% - var(--gap-x, 4rem), 800px);
margin: 0 auto;
}
@media (max-width: 1024px) {
.sec-v32 .item-v3 .item-list .item .item-wrap .item-content__wrap {
width: min(100% - var(--gap-x, 4rem), 1200px);
}
}
.sec-v32 .item-v3 .item-list .item .item-wrap .item-content .item-ttl {
text-align: center;
}
.sec-v32
.item-v3
.item-list
.item
.item-wrap
.item-content
.item-ttl
.item-ttl__en {
text-transform: uppercase;
font-size: 1.6rem;
}
.sec-v32
.item-v3
.item-list
.item
.item-wrap
.item-content
.item-ttl
.item-ttl__jp {
font-size: 3.2rem;
font-weight: bold;
margin-top: 1rem;
}
.sec-v32 .item-v3 .item-list .item .item-wrap .item-content .item-texts {
margin-top: 3.7rem;
font-size: 1.6rem;
line-height: 2;
text-align: center;
}
.sec-v32 .item-v3 .item-list .item:nth-child(even) {
grid-template-columns: 52% 48%;
}
.sec-v32 .item-v3 .item-list .item:nth-child(even) .item-content {
order: -1;
background-color: #e0f0f4;
}
.sec-v32 .item-v4 {
background-color: #f5e7f5;
padding: 9rem 0;
}
.sec-v32 .item-v4 .sec-container {
width: min(100% - var(--gap-x, 4rem), 1600px);
}
.sec-v32 .item-v4 .sec-container .item-list {
display: grid;
row-gap: 8rem;
}
.sec-v32 .item-v4 .sec-container .item-list .item {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (max-width: 1200px) {
.sec-v32 .item-v4 .sec-container .item-list .item {
grid-template-columns: unset !important;
}
}
.sec-v32 .item-v4 .sec-container .item-list .item .item-img {
display: flex;
flex-direction: column;
gap: 3rem;
}
.sec-v32 .item-v4 .sec-container .item-list .item .item-img img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
}
.sec-v32
.item-v4
.sec-container
.item-list
.item
.item-img
.group-img.group-img__top {
display: grid;
grid-template-columns: repeat(20, minmax(0, 1fr));
grid-template-rows: repeat(7, minmax(0, 5.5rem));
}
@media (max-width: 768px) {
.sec-v32
.item-v4
.sec-container
.item-list
.item
.item-img
.group-img.group-img__top {
grid-template-rows: repeat(7, minmax(0, max(3.5rem, 0.72vw)));
}
}
.sec-v32
.item-v4
.sec-container
.item-list
.item
.item-img
.group-img.group-img__top
.group-img-left {
display: flex;
grid-column: span 12;
grid-row: 1/-1;
}
.sec-v32
.item-v4
.sec-container
.item-list
.item
.item-img
.group-img.group-img__top
.group-img-left
img {
-o-object-fit: cover;
object-fit: cover;
}
.sec-v32
.item-v4
.sec-container
.item-list
.item
.item-img
.group-img.group-img__top
.group-img-right {
display: flex;
grid-column: 14/-2;
grid-row: 2/-1;
}
.sec-v32
.item-v4
.sec-container
.item-list
.item
.item-img
.group-img.group-img__top
.group-img-right
img {
width: 100%;
}
.sec-v32
.item-v4
.sec-container
.item-list
.item
.item-img
.group-img.group-img__bottom {
display: grid;
grid-template-columns: repeat(20, minmax(0, 1fr));
grid-template-rows: repeat(10, minmax(0, 3rem));
}
@media (max-width: 768px) {
.sec-v32
.item-v4
.sec-container
.item-list
.item
.item-img
.group-img.group-img__bottom {
grid-template-rows: repeat(10, minmax(0, max(1.5rem, 0.39vw)));
}
}
.sec-v32
.item-v4
.sec-container
.item-list
.item
.item-img
.group-img.group-img__bottom
.group-img-right {
display: flex;
grid-row: 2/-2;
grid-column: span 7;
}
.sec-v32
.item-v4
.sec-container
.item-list
.item
.item-img
.group-img.group-img__bottom
.group-img-left {
grid-row: 1/-1;
grid-column: 10/-1;
}
@media (max-width: 1200px) {
.sec-v32 .item-v4 .sec-container .item-list .item .item-img.item-img__pc {
display: none;
}
}
.sec-v32 .item-v4 .sec-container .item-list .item .item-img.item-img__sp {
display: none;
}
@media (max-width: 1200px) {
.sec-v32 .item-v4 .sec-container .item-list .item .item-img.item-img__sp {
display: flex;
margin: 4rem 0;
}
}
.sec-v32 .item-v4 .sec-container .item-list .item .item-content {
width: min(100% - var(--gap-x, 4rem), 700px);
margin-left: auto;
}
@media (max-width: 1200px) {
.sec-v32 .item-v4 .sec-container .item-list .item .item-content {
width: 100%;
}
}
.sec-v32
.item-v4
.sec-container
.item-list
.item
.item-content
.item-content__inner
.item-content__wrap {
display: flex;
-moz-column-gap: 5rem;
column-gap: 5rem;
}
@media (max-width: 768px) {
.sec-v32
.item-v4
.sec-container
.item-list
.item
.item-content
.item-content__inner
.item-content__wrap {
display: block;
}
}
.sec-v32
.item-v4
.sec-container
.item-list
.item
.item-content
.item-content__inner
.item-content__wrap
.item-ttl {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 1rem;
}
.sec-v32
.item-v4
.sec-container
.item-list
.item
.item-content
.item-content__inner
.item-content__wrap
.item-ttl
.item-ttl__en {
font-family: 'Roboto', sans-serif;
font-size: 4rem;
font-weight: bold;
color: #d8529a;
padding: 0.6em 0.35em;
border-bottom: 2px solid #d8529a;
border-right: 2px solid #d8529a;
line-height: 1;
text-align: center;
}
.sec-v32
.item-v4
.sec-container
.item-list
.item
.item-content
.item-content__inner
.item-content__wrap
.item-ttl
.item-ttl__jp {
writing-mode: vertical-lr;
font-size: 5.4rem;
font-weight: 600;
letter-spacing: 0.1em;
}
.sec-v32
.item-v4
.sec-container
.item-list
.item
.item-content
.item-content__inner
.item-content__wrap
.item-texts {
font-size: 1.6rem;
font-weight: normal;
line-height: 1.62;
padding-top: 2rem;
}
.sec-v32 .item-v4 .sec-container .item-list .item:nth-child(even) .item-img {
order: 2;
}
.sec-v32
.item-v4
.sec-container
.item-list
.item:nth-child(even)
.item-content {
margin-left: unset;
margin-right: auto;
}
@media (max-width: 1200px) {
.sec-v32 .item-v4 .sec-container .item-list .item:nth-child(even) .item-ttl {
order: 2;
}
.sec-v32
.item-v4
.sec-container
.item-list
.item:nth-child(even)
.item-ttl__en {
border-right: unset !important;
border-left: 2px solid #d8529a;
}
}
.sec-v32
.item-v4
.sec-container
.item-list
.item
.item-content
.item-content__inner
.item-content__wrap
.item-ttl
.item-ttl__jp {
font-size: clamp(3.4rem, calc((54 / 920) * 100 * 1vw), 5.4rem);
}
@media (max-width: 768px) {
.sec-v32
.item-v4
.sec-container
.item-list
.item
.item-content
.item-content__inner
.item-content__wrap
.item-ttl
.item-ttl__jp {
writing-mode: unset;
text-align: center;
}
}
.sec-v33 {
margin-top: 7rem;
}
.sec-v33 .sec-ttl {
--w: 1660px;
max-width: calc(var(--w) + (100% - 1920px) / 2);
margin-right: auto;
background-color: #e1344c;
border-top-right-radius: 2rem;
border-bottom-right-radius: 2rem;
padding: 3.6rem 0;
}
@media (max-width: 1200px) {
.sec-v33 .sec-ttl {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
.sec-v33 .sec-ttl__inner {
max-width: 1400px;
margin-left: auto;
text-align: center;
color: white;
padding: 0 2rem;
}
.sec-v33 .sec-ttl .sec-ttl__jp {
font-size: 3.6rem;
font-weight: bold;
}
.sec-v33 .sec-ttl .sec-ttl__en {
margin-top: 0.8rem;
font-size: 1.3rem;
font-weight: 600;
}
.sec-v33 .sec-list {
margin-top: 5rem;
display: grid;
gap: 10rem;
}
.sec-v33 .item-v1 .sec-container {
max-width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
}
.sec-v33 .item-v1 .sec-container .sec-img img {
width: 100%;
aspect-ratio: 1200/500;
}
.sec-v33 .item-v1 .sec-container .sec-content {
max-width: min(100% - var(--gap-x, 0rem), 800px);
margin: 0 auto;
margin-top: 2rem;
}
.sec-v33
.item-v1
.sec-container
.sec-content
.sec-content__ttl
.sec-content__ttl-en {
font-size: 1.4rem;
color: #e1344c;
font-weight: 600;
font-family: 'Poppins', sans-serif;
}
.sec-v33
.item-v1
.sec-container
.sec-content
.sec-content__ttl
.sec-content__ttl-jp {
font-size: 2.2rem;
font-weight: bold;
margin-top: 0.5rem;
}
.sec-v33 .item-v1 .sec-container .sec-content .sec-content__texts {
margin-top: 3rem;
font-size: 1.5rem;
line-height: 1.6;
}
.sec-v33 .item-v1 .item-card__list {
margin-top: 7rem;
}
.sec-v33 .item-v1 .item-card__list .sec-container {
max-width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
}
.sec-v33 .item-v1 .item-card__list .sec-container .item-ttl {
background-color: #fc9b1b;
border-radius: 10rem;
padding: 1.7rem 0;
color: white;
text-align: center;
font-size: 2.8rem;
font-weight: bold;
}
.sec-v33 .item-v1 .item-card__list .sec-container .item-list {
display: flex;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 350px), 1fr));
grid-auto-rows: 28rem auto auto;
margin-top: 3rem;
gap: 4rem;
}
.sec-v33 .item-v1 .item-card__list .sec-container .item-list .card {
display: flex;
grid-row: span 3;
grid-template-rows: subgrid;
gap: 0;
width: 50%;
flex-direction: column;
}
.sec-v33
.item-v1
.item-card__list
.sec-container
.item-list
.card
.card-img
img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
height: 100%;
border-radius: 1.5rem;
}
.sec-v33 .item-v1 .item-card__list .sec-container .item-list .card .card-ttl {
font-size: 1.75rem;
font-weight: bold;
margin-top: 1rem;
}
.sec-v33 .item-v1 .item-card__list .sec-container .item-list .card .card-texts {
font-size: 1.4rem;
margin-top: 2rem;
line-height: 2;
}
.sec-v33 .item-v2 .sec-container {
max-width: min(100% - var(--gap-x, 4rem), 1540px);
margin: 0 auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 500px), 1fr));
gap: clamp(4rem, calc(90 / 1920 * 100 * 1vw), 9rem);
}
.sec-v33 .item-v2 .sec-container .item-img {
align-self: center;
}
.sec-v33 .item-v2 .sec-container .item-img img {
width: 100%;
}
.sec-v33 .item-v2 .sec-container .item-content {
color: white;
font-family: 'Hina Mincho', serif;
}
.sec-v33
.item-v2
.sec-container
.item-content
.item-content__ttl
.item-content__ttl-top {
font-size: 1.8rem;
}
.sec-v33
.item-v2
.sec-container
.item-content
.item-content__ttl
.item-content__ttl-bottom {
font-size: 3.2rem;
margin-top: 5px;
}
.sec-v33
.item-v2
.sec-container
.item-content
.item-content__ttl
.item-content__ttl-bottom
span {
margin-right: 0.625em;
display: inline-block;
}
.sec-v33
.item-v2
.sec-container
.item-content
.item-content__ttl
.item-content__ttl-bottom
small {
font-size: 1.4rem;
}
.sec-v33 .item-v2 .sec-container .item-content .item-texts {
margin-top: 4rem;
}
.sec-v33 .item-v2 .sec-container .item-content .item-texts .item-texts__list {
display: grid;
gap: 4rem;
}
.sec-v33
.item-v2
.sec-container
.item-content
.item-texts
.item-texts__list
li
.item-texts__ttl {
font-size: 2rem;
padding-bottom: 1.5rem;
border-bottom: 1px solid white;
}
.sec-v33
.item-v2
.sec-container
.item-content
.item-texts
.item-texts__list
li
.item-texts__content {
margin-top: 1.5rem;
font-size: 1.6rem;
line-height: 1.75;
}
.sec-v33 .item-v2 .item-card__list {
margin-top: 10rem;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 350px), 1fr));
gap: 1.5rem;
}
.sec-v33 .item-v2 .item-card__list .item-img__wrap img {
width: 100%;
aspect-ratio: 630/450;
}
.sec-v33 .item-v3 .item-container {
max-width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
font-family: 'Hina Mincho', serif;
}
.sec-v33 .item-v3 .item-container .item-ttl .item-ttl__en {
font-size: 1.5rem;
}
.sec-v33 .item-v3 .item-container .item-ttl .item-ttl__jp {
font-size: 4.6rem;
margin-top: 1rem;
}
.sec-v33 .item-v3 .item-container .item-img {
margin-top: 2rem;
display: flex;
}
.sec-v33 .item-v3 .item-container .item-img img {
width: 100%; -o-object-fit: cover;
object-fit: cover;
}
.sec-v33 .item-v3 .item-container .item-content {
max-width: min(100% - var(--gap-x, 4rem), 1000px);
margin: 0 auto;
background-color: #fff4e5;
margin-top: -5rem;
position: relative;
z-index: 2;
}
.sec-v33 .item-v3 .item-container .item-content__wrap {
padding: 6rem 0;
max-width: min(100% - var(--gap-x, 4rem), 800px);
margin: 0 auto;
font-family: 'Noto Sans JP';
}
.sec-v33 .item-v3 .item-container .item-content .item-content__ttl {
font-size: 2.2rem;
}
.sec-v33 .item-v3 .item-container .item-content .item-content__texts {
margin-top: 3rem;
line-height: 2;
}
.sec-v33 .item-v3 .item-container .item-content .item-content__texts p {
font-size: 1.5rem;
}
.sec-v33 .item-v3 .item-card__list {
margin-top: 4rem;
}
.sec-v33 .item-v3 .item-card__list .item-container {
max-width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
}
.sec-v33 .item-v3 .item-card__list .item-container .item-ttl {
font-size: 2.8rem;
margin-bottom: 1rem;
border-bottom: 1px solid #333;
}
.sec-v33 .item-v3 .item-card__list .item-container .item-list {
margin-top: 3rem;
display: grid;
gap: 2.4rem;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
grid-auto-rows: 18rem auto auto;
}
.sec-v33 .item-v3 .item-card__list .item-container .item-list .card {
display: grid;
grid-row: span 3;
grid-template-rows: subgrid;
gap: 0;
}
.sec-v33
.item-v3
.item-card__list
.item-container
.item-list
.card
.card-img
img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sec-v33 .item-v3 .item-card__list .item-container .item-list .card .card-ttl {
margin-top: 1rem;
}
.sec-v33
.item-v3
.item-card__list
.item-container
.item-list
.card
.card-ttl
.card-ttl__jp {
font-size: 2.4rem;
margin-right: 1rem;
}
.sec-v33
.item-v3
.item-card__list
.item-container
.item-list
.card
.card-ttl
.card-ttl__en {
font-size: 1.5rem;
font-family: 'Futura PT', sans-serif;
letter-spacing: 0.1em;
}
.sec-v33
.item-v3
.item-card__list
.item-container
.item-list
.card
.card-texts {
margin-top: 1rem;
}
.sec-v33
.item-v3
.item-card__list
.item-container
.item-list
.card
.card-texts
p {
font-size: 1.4rem;
line-height: 1.57;
}
.sec-v34 {
margin-top: 8rem;
}
.sec-v34 .sec-list .item-v1 .item-top {
position: relative;
}
.sec-v34 .sec-list .item-v1 .item-top::after {
content: '';
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 54%;
background-color: #e1f2f6;
}
.sec-v34 .sec-list .item-v1 .item-top__wrap {
max-width: 1290px;
margin-left: auto;
}
.sec-v34 .sec-list .item-v1 .item-top .item-top__content-wrap {
width: min(100% - var(--gap-x, 4rem), 740px);
margin: 0 auto;
padding-top: 6rem;
padding-bottom: 3rem;
}
.sec-v34 .sec-list .item-v1 .item-top__inner {
width: min(100% - var(--gap-x, 4rem), 910px);
margin: 0 auto;
background-color: rgba(255, 255, 255, 0.9);
}
.sec-v34 .sec-list .item-v1 .item-top .item-container {
position: relative;
z-index: 2;
--w: 1510px;
max-width: calc(var(--w) + (100% - 1920px) / 2);
margin-right: auto;
padding: 18.5rem 0;
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/sec-v31-item-v2-img01.png) no-repeat center
center/cover;
}
.sec-v34 .sec-list .item-v1 .item-top .item-container .item-top__ttl {
font-size: 3.2rem;
font-weight: bold;
color: #387d91;
}
.sec-v34 .sec-list .item-v1 .item-top .item-container .item-top__texts {
margin-top: 3rem;
font-size: 1.6rem;
line-height: 1.75;
}
.sec-v34 .sec-list .item-v1 .item-bottom {
margin-top: 6rem;
padding-bottom: 4rem;
}
.sec-v34 .sec-list .item-v1 .item-bottom__wrap {
width: min(100% - var(--gap-x, 4rem), 1100px);
margin-left: auto;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
}
@media (max-width: 1140px) {
.sec-v34 .sec-list .item-v1 .item-bottom__wrap {
margin: 0 auto;
}
}
@media (max-width: 768px) {
.sec-v34 .sec-list .item-v1 .item-bottom__wrap {
grid-template-columns: repeat(auto-fit, minmax(min(100%, 500px), 1fr));
row-gap: 2rem;
}
}
.sec-v34 .sec-list .item-v1 .item-bottom .item-container {
--w: 1510px;
max-width: calc(var(--w) + (100% - 1920px) / 2);
margin-right: auto;
}
.sec-v34 .sec-list .item-v1 .item-bottom .item-container .item-bottom__ttl {
text-align: end;
margin-right: 5rem;
font-size: 2.4rem;
line-height: 1.75;
}
@media (max-width: 768px) {
.sec-v34 .sec-list .item-v1 .item-bottom .item-container .item-bottom__ttl {
text-align: center;
}
}
.sec-v34 .sec-list .item-v1 .item-bottom .item-container .item-bottom__texts {
font-size: 1.6rem;
line-height: 1.75;
}
.sec-v35 .sec-list {
display: grid;
row-gap: 10rem;
}
.sec-v35 .item-v1 {
padding: 9rem 0;
background-color: #f8f6f2;
}
.sec-v35 .item-v1 .item-container {
width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
}
.sec-v35 .item-v1 .item-container .item-top .item-ttl {
padding-bottom: 1.5rem;
border-bottom: 1px solid #707070;
}
.sec-v35 .item-v1 .item-container .item-top .item-ttl .item-ttl__jp {
font-size: 3.2rem;
font-weight: 500;
display: inline;
}
.sec-v35 .item-v1 .item-container .item-top .item-ttl .item-ttl__en {
font-size: 1.8rem;
display: inline-flex;
align-items: center;
-moz-column-gap: 0.6em;
column-gap: 0.6em;
margin-left: 2rem;
}
.sec-v35 .item-v1 .item-container .item-top .item-ttl .item-ttl__en::after {
content: '';
width: 3.3em;
height: 0.5px;
background-color: #333333;
}
.sec-v35 .item-v1 .item-container .item-top .item-content {
display: flex;
gap: 4rem;
margin-top: 4rem;
}
@media (max-width: 768px) {
.sec-v35 .item-v1 .item-container .item-top .item-content {
display: grid;
grid-template-columns: repeat(1, 1fr);
row-gap: 2rem;
}
}
.sec-v35 .item-v1 .item-container .item-top .item-content .item-content__img {
width: 35%;
flex-shrink: 0;
aspect-ratio: 420/330;
}
@media (max-width: 768px) {
.sec-v35 .item-v1 .item-container .item-top .item-content .item-content__img {
width: 100%;
}
}
.sec-v35
.item-v1
.item-container
.item-top
.item-content
.item-content__img
img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sec-v35 .item-v1 .item-container .item-top .item-content .item-content__texts {
max-width: 70rem;
margin-left: auto;
padding: 3rem 0;
}
@media (max-width: 768px) {
.sec-v35
.item-v1
.item-container
.item-top
.item-content
.item-content__texts {
max-width: 100%;
padding: 2rem 0;
}
}
.sec-v35
.item-v1
.item-container
.item-top
.item-content
.item-content__texts
.item-top__texts-ttl {
font-size: 2.2rem;
font-weight: 500;
}
.sec-v35
.item-v1
.item-container
.item-top
.item-content
.item-content__texts
p {
margin-top: 3rem;
font-size: 1.6rem;
}
.sec-v35 .item-v1 .item-container .item-bottom {
width: min(100%, 1000px);
margin: 0 auto;
padding: 5rem 0;
background-color: #ffffff;
margin-top: 4rem;
border-bottom: 1px solid #707070;
border-top: 1px solid #707070;
}
.sec-v35 .item-v1 .item-container .item-bottom .item-bottom__inner {
width: min(100% - var(--gap-x, 4rem), 800px);
margin: 0 auto;
}
.sec-v35
.item-v1
.item-container
.item-bottom
.item-bottom__inner
.item-content__texts
.item-top__texts-ttl {
font-size: 2.2rem;
}
.sec-v35
.item-v1
.item-container
.item-bottom
.item-bottom__inner
.item-content__texts
p {
margin-top: 3rem;
font-size: 1.6rem;
line-height: 2;
}
.sec-v35 .item-v2 .item-container {
width: min(100% - var(--gap-x, 4rem), 1400px);
margin: 0 auto;
display: grid;
grid-template-columns: 57% auto;
position: relative;
}
@media (max-width: 768px) {
.sec-v35 .item-v2 .item-container {
grid-template-columns: unset;
row-gap: 4rem;
}
}
.sec-v35 .item-v2 .item-container .item-content {
position: relative;
z-index: 2;
display: grid;
row-gap: 7.5rem;
}
@media (max-width: 768px) {
.sec-v35 .item-v2 .item-container .item-content {
row-gap: 4rem;
}
}
.sec-v35 .item-v2 .item-container .item-content .item-content__texts {
background-color: white;
padding: 5rem 0;
border: 0.5px solid #4a6801;
}
.sec-v35 .item-v2 .item-container .item-content .item-content__texts-wrap {
width: min(100% - var(--gap-x, 4rem), 700px);
margin: 0 auto;
}
.sec-v35
.item-v2
.item-container
.item-content
.item-content__texts
.item-content__texts-ttl
.ttl-en {
font-size: 2rem;
font-family: 'Cinzel', serif;
color: #4a6801;
}
.sec-v35
.item-v2
.item-container
.item-content
.item-content__texts
.item-content__texts-ttl
.ttl-jp {
font-size: 2rem;
font-weight: 500;
margin-top: 1.7rem;
}
.sec-v35
.item-v2
.item-container
.item-content
.item-content__texts
.item-content__texts-pr {
margin-top: 2rem;
font-size: 1.4rem;
line-height: 1.2;
}
.sec-v35 .item-v2 .item-container .item-img {
position: absolute;
right: 0;
width: 50%;
bottom: 3rem;
height: 82%;
}
.sec-v35 .item-v2 .item-container .item-img__sp {
display: none;
}
@media (max-width: 768px) {
.sec-v35 .item-v2 .item-container .item-img__sp {
display: block;
margin-top: 2rem;
}
}
@media (max-width: 768px) {
.sec-v35 .item-v2 .item-container .item-img__pc {
display: none;
}
}
.sec-v35 .item-v2 .item-container .item-img__wrap {
height: 100%;
}
@media (max-width: 768px) {
.sec-v35 .item-v2 .item-container .item-img {
position: unset;
width: 100%;
order: -1;
}
.sec-v35 .item-v2 .item-container .item-img__wrap {
display: flex;
aspect-ratio: 700/640;
}
}
.sec-v35 .item-v2 .item-container .item-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sec-v35 .item-v3 .item-container {
width: min(100% - var(--gap-x, 4rem), 1400px);
margin: 0 auto;
display: flex;
gap: 4rem;
}
.sec-v35 .item-v3 .item-container .item-content {
width: 40%;
}
@media (max-width: 1024px) {
.sec-v35 .item-v3 .item-container .item-content {
width: 100%;
}
}
.sec-v35
.item-v3
.item-container
.item-content
.item-content__texts
.item-content__texts-wrap
.item-content__texts-ttl {
display: flex;
flex-direction: column;
align-items: center;
}
.sec-v35
.item-v3
.item-container
.item-content
.item-content__texts
.item-content__texts-wrap
.item-content__texts-ttl
.ttl-en {
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
font-size: 4rem;
font-weight: bold;
color: white;
width: min(100%, 14rem);
aspect-ratio: 1/1;
border-radius: 100%;
background-color: #5a4500;
display: grid;
place-content: center;
text-align: center;
}
.sec-v35
.item-v3
.item-container
.item-content
.item-content__texts
.item-content__texts-wrap
.item-content__texts-ttl
.ttl-en
small {
text-transform: uppercase;
font-size: 0.47em;
letter-spacing: 0.1em;
}
.sec-v35
.item-v3
.item-container
.item-content
.item-content__texts
.item-content__texts-wrap
.item-content__texts-ttl
.ttl-en
span {
line-height: 1;
}
.sec-v35
.item-v3
.item-container
.item-content
.item-content__texts
.item-content__texts-wrap
.item-content__texts-ttl
.ttl-jp {
font-size: 2.8rem;
font-weight: 500;
padding-bottom: 1rem;
position: relative;
margin-top: 2rem;
display: flex;
flex-direction: column;
align-items: center;
row-gap: 1rem;
}
.sec-v35
.item-v3
.item-container
.item-content
.item-content__texts
.item-content__texts-wrap
.item-content__texts-ttl
.ttl-jp::after {
content: '';
width: 1.07em;
border: 2px solid #333333;
}
.sec-v35
.item-v3
.item-container
.item-content
.item-content__texts
.item-content__texts-wrap
.item-content__texts-pr {
font-size: 1.6rem;
line-height: 1.75;
margin-top: 4rem;
}
.sec-v35 .item-v3 .item-container .item-img {
flex: 1;
}
.sec-v35 .item-v3 .item-container .item-img.item-img__sp {
display: none;
}
@media (max-width: 1024px) {
.sec-v35 .item-v3 .item-container .item-img.item-img__sp {
display: flex;
margin-top: 2rem;
}
}
@media (max-width: 1024px) {
.sec-v35 .item-v3 .item-container .item-img.item-img__pc {
display: none;
}
}
.sec-v35 .item-v3 .item-container .item-img .item-img__wrap {
width: 100%;
aspect-ratio: 800/600;
height: 100%;
-webkit-clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
}
.sec-v35 .item-v3 .item-container .item-img .item-img__wrap img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sec-v36 {
padding-top: 8.5rem;
}
.sec-v36 .sec-list {
display: grid;
row-gap: 12rem;
}
.sec-v36 .sec-list .item-v1 .item-container {
width: min(100% - var(--gap-x, 4rem), 1720px);
margin: 0 auto;
}
.sec-v36 .sec-list .item-v1 .item-container .item-content {
position: relative;
padding-top: 4rem;
}
.sec-v36 .sec-list .item-v1 .item-container .item-content .item-content__inner {
width: 55%;
margin-right: auto;
position: relative;
z-index: 2;
}
@media (max-width: 768px) {
.sec-v36
.sec-list
.item-v1
.item-container
.item-content
.item-content__inner {
width: 100%;
}
}
.sec-v36
.sec-list
.item-v1
.item-container
.item-content
.item-content__inner
.item-content__wrap
.item-ttl
.ttl-en {
font-size: 5rem;
font-weight: bold;
letter-spacing: 0.15em;
}
.sec-v36
.sec-list
.item-v1
.item-container
.item-content
.item-content__inner
.item-content__wrap
.item-ttl
.ttl-jp {
font-size: 1.8rem;
display: flex;
flex-direction: column;
row-gap: 4rem;
}
.sec-v36
.sec-list
.item-v1
.item-container
.item-content
.item-content__inner
.item-content__wrap
.item-ttl
.ttl-jp
.dots {
display: flex;
align-items: center;
gap: 0.56em;
}
.sec-v36
.sec-list
.item-v1
.item-container
.item-content
.item-content__inner
.item-content__wrap
.item-ttl
.ttl-jp
.dots
small {
width: 0.56em;
aspect-ratio: 1/1;
background-color: #333;
border-radius: 100%;
}
.sec-v36
.sec-list
.item-v1
.item-container
.item-content
.item-content__inner
.item-content__wrap
.item-texts {
margin-top: 8.5rem;
background-color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 768px) {
.sec-v36
.sec-list
.item-v1
.item-container
.item-content
.item-content__inner
.item-content__wrap
.item-texts {
margin-top: 4rem;
}
}
.sec-v36
.sec-list
.item-v1
.item-container
.item-content
.item-content__inner
.item-content__wrap
.item-texts__wrap {
padding: 6rem 0;
width: min(100% - 4rem, 750px);
margin: 0 auto;
}
.sec-v36
.sec-list
.item-v1
.item-container
.item-content
.item-content__inner
.item-content__wrap
.item-texts
.item-texts__ttl {
font-size: 2.4rem;
font-weight: 500;
}
.sec-v36
.sec-list
.item-v1
.item-container
.item-content
.item-content__inner
.item-content__wrap
.item-texts
.item-texts__content {
margin-top: 3rem;
font-size: 1.6rem;
line-height: 2;
}
.sec-v36 .sec-list .item-v1 .item-container .item-img {
position: absolute;
right: 0;
top: 0;
width: 50%;
height: 76%;
}
@media (max-width: 768px) {
.sec-v36 .sec-list .item-v1 .item-container .item-img {
position: unset;
height: auto;
width: 100%;
}
}
@media (max-width: 768px) {
.sec-v36 .sec-list .item-v1 .item-container .item-img.item-img__pc {
display: none;
}
}
.sec-v36 .sec-list .item-v1 .item-container .item-img.item-img__sp {
display: none;
}
@media (max-width: 768px) {
.sec-v36 .sec-list .item-v1 .item-container .item-img.item-img__sp {
display: flex;
margin-top: 4rem;
}
}
.sec-v36 .sec-list .item-v1 .item-container .item-img .item-img__wrap {
height: 100%;
width: 100%;
}
.sec-v36 .sec-list .item-v1 .item-container .item-img .item-img__wrap img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sec-v36 .sec-list .item-v2 .item-container {
max-width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
font-family: 'Shippori Mincho', serif;
}
.sec-v36 .sec-list .item-v2 .item-container .item-ttl .item-ttl__en {
font-size: 2rem;
letter-spacing: 0.14em;
}
.sec-v36 .sec-list .item-v2 .item-container .item-img {
margin-top: 2rem;
display: flex;
}
.sec-v36 .sec-list .item-v2 .item-container .item-img img {
width: 100%;
aspect-ratio: 120/52;
-o-object-fit: cover;
object-fit: cover;
}
.sec-v36 .sec-list .item-v2 .item-container .item-content {
max-width: min(100% - var(--gap-x, 4rem), 1000px);
margin: 0 auto;
background-color: rgba(255, 255, 255, 0.9);
margin-top: -5rem;
position: relative;
z-index: 2;
}
.sec-v36 .sec-list .item-v2 .item-container .item-content__wrap {
padding: 6rem 0;
max-width: min(100% - var(--gap-x, 4rem), 800px);
margin: 0 auto;
}
.sec-v36 .sec-list .item-v2 .item-container .item-content .item-content__ttl {
font-size: 2.2rem;
font-weight: 500;
padding-bottom: 1.36em;
border-bottom: 1px dashed #333;
}
.sec-v36 .sec-list .item-v2 .item-container .item-content .item-content__texts {
margin-top: 2rem;
line-height: 2.1;
}
.sec-v36
.sec-list
.item-v2
.item-container
.item-content
.item-content__texts
p {
font-size: 1.5rem;
}
.sec-v36 .sec-list .item-v2 .item-card__list {
margin-top: 8rem;
}
.sec-v36 .sec-list .item-v2 .item-card__list .item-container {
max-width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
}
.sec-v36 .sec-list .item-v2 .item-card__list .item-container .item-list {
display: grid;
gap: 7.5rem;
}
.sec-v36 .sec-list .item-v2 .item-card__list .item-container .item-list .card {
position: relative;
padding: 3rem 0;
}
.sec-v36
.sec-list
.item-v2
.item-card__list
.item-container
.item-list
.card:nth-child(even)
.card-content {
margin-left: unset;
margin-right: auto;
}
.sec-v36
.sec-list
.item-v2
.item-card__list
.item-container
.item-list
.card:nth-child(even)
.card-img {
left: auto;
right: 0;
}
.sec-v36
.sec-list
.item-v2
.item-card__list
.item-container
.item-list
.card-content {
position: relative;
z-index: 2;
max-width: 45rem;
margin-left: auto;
width: 100%;
background-color: rgba(255, 255, 255, 0.9);
}
@media (max-width: 768px) {
.sec-v36
.sec-list
.item-v2
.item-card__list
.item-container
.item-list
.card-content {
max-width: 100%;
margin: 0 auto;
}
}
.sec-v36
.sec-list
.item-v2
.item-card__list
.item-container
.item-list
.card-content__inner {
padding: 8rem 0;
max-width: min(100% - var(--gap-x, 4rem), 300px);
margin: 0 auto;
}
@media (max-width: 768px) {
.sec-v36
.sec-list
.item-v2
.item-card__list
.item-container
.item-list
.card-content__inner {
max-width: min(100% - var(--gap-x, 4rem), 1000px);
}
}
.sec-v36
.sec-list
.item-v2
.item-card__list
.item-container
.item-list
.card
.card-img {
position: absolute;
height: 100%;
width: 70%;
top: 0;
left: 0;
}
.sec-v36
.sec-list
.item-v2
.item-card__list
.item-container
.item-list
.card
.card-img
img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 768px) {
.sec-v36
.sec-list
.item-v2
.item-card__list
.item-container
.item-list
.card
.card-img__pc {
display: none;
}
}
.sec-v36
.sec-list
.item-v2
.item-card__list
.item-container
.item-list
.card
.card-img__sp {
display: none;
}
@media (max-width: 768px) {
.sec-v36
.sec-list
.item-v2
.item-card__list
.item-container
.item-list
.card
.card-img__sp {
display: block;
position: unset;
width: 100%;
margin-top: 4rem;
}
}
.sec-v36
.sec-list
.item-v2
.item-card__list
.item-container
.item-list
.card
.card-ttl {
font-family: 'Zen Old Mincho', serif;
}
.sec-v36
.sec-list
.item-v2
.item-card__list
.item-container
.item-list
.card
.card-ttl
.card-ttl__jp {
margin-top: 1rem;
font-size: 2.8rem;
font-weight: bold;
}
.sec-v36
.sec-list
.item-v2
.item-card__list
.item-container
.item-list
.card
.card-ttl
.card-ttl__en {
display: block;
font-size: 1.6rem;
}
.sec-v36
.sec-list
.item-v2
.item-card__list
.item-container
.item-list
.card
.card-texts {
margin-top: 3rem;
}
.sec-v36
.sec-list
.item-v2
.item-card__list
.item-container
.item-list
.card
.card-texts
p {
font-size: 1.6rem;
line-height: 2;
font-family: 'Noto Sans JP', sans-serif;
}
.sec-v36
.sec-list
.item-v2
.item-card__list
.item-container
.item-list
.card
.card-btn {
display: flex;
justify-content: end;
margin-top: 5rem;
}
@media (max-width: 768px) {
.sec-v36
.sec-list
.item-v2
.item-card__list
.item-container
.item-list
.card
.card-btn {
justify-content: center;
}
}
.sec-v36
.sec-list
.item-v2
.item-card__list
.item-container
.item-list
.card
.card-btn
.btn {
width: 19rem;
height: 5.3rem;
display: grid;
place-content: center;
font-size: 1.3rem;
border: 1px solid #333;
position: relative;
transition: all 0.3s;
}
.sec-v36
.sec-list
.item-v2
.item-card__list
.item-container
.item-list
.card
.card-btn
.btn:hover {
opacity: 0.6;
}
.sec-v36
.sec-list
.item-v2
.item-card__list
.item-container
.item-list
.card
.card-btn
.btn::after {
content: '';
position: absolute;
width: 17%;
aspect-ratio: 33/7;
border-bottom: 1px solid #333;
border-right: 1px solid #333;
transform: skew(45deg) translateY(-50%) translateX(80%);
right: 0;
top: 50%;
}
.sec-v31 .sec-container {
width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
}
.page-5 {
background-color: #d6d6d6;
}
.page-5 .sections {
background-color: transparent;
padding-top: 0;
padding-bottom: 12rem;
position: relative;
}
.page-5 .breadcrumb {
color: #333;
padding-top: 1rem;
position: absolute;
width: 100%;
}
.page-5 .breadcrumb ul {
font-family: 'Noto Sans JP', sans-serif;
}
.sec-v37 .style-list {
display: flex;
flex-direction: column;
row-gap: 10rem;
}
.sec-v37 .style-v1 {
padding: 12rem 0;
color: white;
}
.sec-v37 .style-v1 .item-container {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 1200px));
margin: 0 auto;
}
.sec-v37 .style-v1 .item-container .item-ttl {
text-align: center;
color: #333;
}
.sec-v37 .style-v1 .item-container .item-ttl .ttl-jp {
font-size: 1.6rem;
font-weight: 500;
}
.sec-v37 .style-v1 .item-container .item-ttl .ttl-en {
font-size: 5.2rem;
font-family: 'Noto Sans JP';
margin-top: 2.5rem;
line-height: 1;
display: inline-flex;
row-gap: 0.58em;
flex-direction: column;
align-items: center;
}
.sec-v37 .style-v1 .item-container .item-ttl .ttl-en::after {
content: '';
width: 1.9em;
border-bottom: 1px solid #333;
}
.sec-v37 .style-v1 .item-container .list-card {
display: grid;
gap: 2.4rem;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
grid-auto-rows: 220px auto auto;
margin-top: 2.8rem;
}
.sec-v37 .style-v1 .item-container .list-card .card {
display: grid;
grid-row: span 3;
gap: 0;
grid-template-rows: subgrid;
}
.sec-v37 .style-v1 .item-container .list-card .card-wrap {
display: grid;
grid-row: span 3;
gap: 0;
grid-template-rows: subgrid;
}
.sec-v37 .style-v1 .item-container .list-card .card .card-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sec-v37 .style-v1 .item-container .list-card .card .card-ttl {
margin-top: 1rem;
color: #333;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 1rem;
}
.sec-v37 .style-v1 .item-container .list-card .card .card-ttl .card-ttl__text {
font-size: 1.3rem;
}
.sec-v37 .style-v1 .item-container .list-card .card .card-ttl .card-ttl__box {
font-size: 1.3rem;
padding: 4px 3.07em;
border: 1px solid #333;
}
.sec-v37 .style-v1 .item-container .list-card .card .card-content {
margin-top: 1rem;
font-size: 1.5rem;
font-weight: 500;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
color: #333;
}
.sec-v37 .style-v1 .item-container .card-btn {
margin-top: 4.3rem;
display: flex;
justify-content: center;
}
.sec-v37 .style-v1 .item-container .card-btn a {
width: min(100%, 1000px);
margin: 0 auto;
background-color: #fc9b1b;
border-radius: 1rem;
padding: 3rem 2rem;
text-align: center;
color: #fff;
position: relative;
}
.sec-v37 .style-v1 .item-container .card-btn a::after {
content: '';
position: absolute;
right: 3rem;
top: 50%;
transform: translateY(-50%);
width: 2.4rem;
aspect-ratio: 1/1;
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/backgrounds/Icon-awesome-arrow-circle-right.png)
no-repeat center center/contain;
}
.sec-v37 .style-v1 .item-container .card-btn a .txt-en {
font-family: 'Russo One', sans-serif;
font-size: 1.6rem;
}
.sec-v37 .style-v1 .item-container .card-btn a .txt-jp {
font-size: 1.5rem;
margin-top: 1.3rem;
}
.sec-v37 .style-v2 .item-container {
width: min(100% - var(--gap-x, 4rem), 1000px);
margin: 0 auto;
color: white;
}
.sec-v37 .style-v2 .item-container .item-ttl {
text-align: center;
}
.sec-v37 .style-v2 .item-container .item-ttl .ttl-jp {
font-size: 1.6rem;
font-weight: 500;
}
.sec-v37 .style-v2 .item-container .item-ttl .ttl-en {
font-size: 5.2rem;
font-family: 'Faster One', sans-serif;
margin-top: 2.5rem;
line-height: 1;
display: inline-flex;
row-gap: 0.58em;
flex-direction: column;
align-items: center;
}
.sec-v37 .style-v2 .item-container .item-ttl .ttl-en::after {
content: '';
width: 1.9em;
border-bottom: 1px solid white;
}
.sec-v37 .style-v2 .item-container .list-card {
margin-top: 1rem;
}
.sec-v37 .style-v2 .item-container .list-card .card .card-wrap {
width: min(100%, 800px);
margin: 0 auto;
display: flex;
gap: 1rem;
padding: 3rem 0;
border-bottom: 1px dashed white;
}
@media (max-width: 840px) {
.sec-v37 .style-v2 .item-container .list-card .card .card-wrap {
flex-wrap: wrap;
}
}
.sec-v37 .style-v2 .item-container .list-card .card .card-ttl {
color: white;
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 1rem;
flex-shrink: 0;
}
.sec-v37 .style-v2 .item-container .list-card .card .card-ttl .card-ttl__text {
font-size: 1.3rem;
}
.sec-v37 .style-v2 .item-container .list-card .card .card-ttl .card-ttl__box {
font-size: 1.3rem;
padding: 4px 3.07em;
background-color: #f4644a;
}
.sec-v37 .style-v2 .item-container .list-card .card .card-content {
align-self: center;
}
.sec-v37 .style-v2 .item-container .list-card .card .card-content p {
font-size: 1.5rem;
font-weight: 500;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
}
.sec-v37 .style-v2 .item-container .card-btn {
margin-top: 3rem;
display: flex;
justify-content: center;
}
.sec-v37 .style-v2 .item-container .card-btn a {
width: min(100%, 32rem);
margin: 0 auto;
background-color: white;
height: 4.6rem;
display: grid;
place-content: center;
font-size: 1.4rem;
position: relative;
color: #333;
border-radius: 0.6rem;
transition: all 0.3s;
}
.sec-v37 .style-v2 .item-container .card-btn a:hover {
opacity: 0.6;
}
.sec-v37 .style-v2 .item-container .card-btn a::after {
content: '';
position: absolute;
right: 3rem;
top: 50%;
transform: translateY(-50%);
width: 1.6rem;
aspect-ratio: 1/1;
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/awesome-chevron-circle-right.svg) no-repeat center
center/contain;
}
.sec-v37 .style-v3 .item-container {
width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
position: relative;
}
.sec-v37 .style-v3 .item-container .item-content {
width: 60%;
margin-right: auto;
position: relative;
z-index: 2;
padding: 2.5rem 0;
}
@media (max-width: 768px) {
.sec-v37 .style-v3 .item-container .item-content {
width: 100%;
}
}
.sec-v37 .style-v3 .item-container .item-content .item-ttl {
text-align: center;
color: #52656f;
width: -moz-fit-content;
width: fit-content;
}
.sec-v37 .style-v3 .item-container .item-content .item-ttl .ttl-jp {
font-size: 1.7rem;
display: inline-flex;
row-gap: 1.7em;
flex-direction: column;
align-items: center;
margin-top: 1.6rem;
}
.sec-v37 .style-v3 .item-container .item-content .item-ttl .ttl-jp::after {
content: '';
width: 1.9em;
border-bottom: 1px dashed #52656f;
}
.sec-v37 .style-v3 .item-container .item-content .item-ttl .ttl-en {
font-size: 4.2rem;
font-family: 'Cinzel', serif;
line-height: 1;
}
.sec-v37 .style-v3 .item-container .item-content .list-card {
margin-top: 4.8rem;
display: grid;
row-gap: 1rem;
}
.sec-v37 .style-v3 .item-container .item-content .list-card .card {
background-color: white;
}
.sec-v37 .style-v3 .item-container .item-content .list-card .card .card-wrap {
display: flex;
}
.sec-v37 .style-v3 .item-container .item-content .list-card .card .card-img {
width: clamp(10rem, calc(150 / 768 * 100 * 1vw), 15rem);
aspect-ratio: 15/12;
background-color: #333;
display: flex;
flex-shrink: 0;
}
.sec-v37
.style-v3
.item-container
.item-content
.list-card
.card
.card-img
img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sec-v37
.style-v3
.item-container
.item-content
.list-card
.card
.card-content {
padding: 3rem;
}
@media (max-width: 768px) {
.sec-v37
.style-v3
.item-container
.item-content
.list-card
.card
.card-content {
padding: 2rem;
}
}
.sec-v37
.style-v3
.item-container
.item-content
.list-card
.card
.card-content
.card-ttl {
font-size: 1.3rem;
display: flex;
align-items: center;
gap: 1rem;
color: #707070;
}
.sec-v37
.style-v3
.item-container
.item-content
.list-card
.card
.card-content
.card-ttl
.card-ttl__box {
font-size: 1.3rem;
padding: 4px 2.7rem;
border: 1px solid #707070;
}
.sec-v37
.style-v3
.item-container
.item-content
.list-card
.card
.card-content
.card-text {
margin-top: 1rem;
font-size: 1.5rem;
}
.sec-v37
.style-v3
.item-container
.item-content
.list-card
.card
.card-content
.card-text
p {
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
}
.sec-v37 .style-v3 .item-container .item-content .card-btn {
margin-top: 3rem;
}
@media (max-width: 768px) {
.sec-v37 .style-v3 .item-container .item-content .card-btn {
display: flex;
justify-content: center;
}
}
.sec-v37 .style-v3 .item-container .item-content .card-btn a {
display: flex;
align-items: center;
padding: 1.5rem 2rem 1.5rem 5rem;
width: min(100%, 32rem);
background-color: white;
height: 4.8rem;
font-size: 1.5rem;
position: relative;
color: #52656f;
transition: all 0.3s;
font-family: 'Cinzel', serif;
}
.sec-v37 .style-v3 .item-container .item-content .card-btn a:hover {
opacity: 0.6;
}
.sec-v37 .style-v3 .item-container .item-content .card-btn a::after {
content: '';
position: absolute;
right: 3rem;
top: 50%;
transform: skew(65deg) translateY(-50%);
width: 4.6rem;
aspect-ratio: 46/7;
border-bottom: 1px solid #52656f;
border-right: 1px solid #52656f;
}
.sec-v37 .style-v3 .item-container .item-img {
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
}
@media (max-width: 768px) {
.sec-v37 .style-v3 .item-container .item-img__pc {
display: none;
}
}
.sec-v37 .style-v3 .item-container .item-img__sp {
display: none;
}
@media (max-width: 768px) {
.sec-v37 .style-v3 .item-container .item-img__sp {
display: block;
margin-top: 4rem;
position: unset;
width: 100%;
}
}
.sec-v37 .style-v3 .item-container .item-img__wrap {
width: 100%;
aspect-ratio: 60/65;
height: 100%;
}
.sec-v37 .style-v3 .item-container .item-img__wrap img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sec-v37 .style-v4 {
width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
background-color: white;
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
border-radius: 2rem;
}
.sec-v37 .style-v4 .swiper-button-next,
.sec-v37 .style-v4 .swiper-button-prev {
--swiper-navigation-sides-offset: 3rem;
}
@media (max-width: 768px) {
.sec-v37 .style-v4 .swiper-button-next,
.sec-v37 .style-v4 .swiper-button-prev {
--swiper-navigation-sides-offset: 1rem;
}
}
.sec-v37 .style-v4 .swiper-button-next::after,
.sec-v37 .style-v4 .swiper-button-prev::after {
display: none;
}
.sec-v37 .style-v4 .swiper-button-prev .icon {
transform: rotate(180deg);
}
.sec-v37 .style-v4 .item-container {
padding-bottom: 4rem;
}
.sec-v37 .style-v4 .item-container .item-ttl {
background: transparent linear-gradient(180deg, #8eb433 0%, #30a870 100%);
color: white;
padding: 1.5rem 5rem;
border-radius: 2rem 2rem 0 0;
}
.sec-v37 .style-v4 .item-container .item-ttl .ttl-jp {
font-size: 2.4rem;
font-weight: bold;
display: flex;
align-items: center;
gap: 2rem;
}
.sec-v37 .style-v4 .item-container .item-slider {
width: min(100% - var(--gap-x, 4rem), 1000px);
margin: 0 auto;
}
.sec-v37 .style-v4 .item-container .item-content {
position: relative;
padding: 0rem;
}
.sec-v37 .style-v4 .item-container .item-content .list-card .card {
padding: 2rem;
padding-top: 3rem;
position: relative;
}
.sec-v37
.style-v4
.item-container
.item-content
.list-card
.card:not(.last-slide):after {
content: '';
width: 1px;
height: 90%;
background-color: #cccccc;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.sec-v37 .style-v4 .item-container .item-content .list-card .card .card-img {
height: 15rem;
}
.sec-v37
.style-v4
.item-container
.item-content
.list-card
.card
.card-img
img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sec-v37 .style-v4 .item-container .item-content .list-card .card .card-ttl {
margin-top: 0.6rem;
}
.sec-v37
.style-v4
.item-container
.item-content
.list-card
.card
.card-ttl
.card-ttl__text {
font-size: 2rem;
font-family: 'Poppins', sans-serif;
color: #6eba2a;
font-weight: 600;
text-align: center;
display: flex;
align-items: center;
flex-direction: column;
row-gap: 1rem;
}
.sec-v37
.style-v4
.item-container
.item-content
.list-card
.card
.card-ttl
.card-ttl__text::after {
content: '';
width: 1.5em;
border-bottom: 1px solid #6eba2a;
}
.sec-v37
.style-v4
.item-container
.item-content
.list-card
.card
.card-content {
font-size: 1.8rem;
font-weight: 500;
color: #1e634b;
margin-top: 2rem;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
}
.sec-v37 .style-v4 .item-container .item-content .list-card .card .card-btn {
display: flex;
justify-content: end;
margin-top: 0.6rem;
}
.sec-v37 .style-v4 .item-container .item-content .list-card .card .card-btn a {
width: -moz-fit-content;
width: fit-content;
}
.sec-v37
.style-v4
.item-container
.item-content
.list-card
.card
.card-btn
a
.icon {
width: 2.6rem;
aspect-ratio: 1/1;
display: block;
}
.sec-v37 .style-v4 .item-container .style-btn {
display: flex;
justify-content: center;
padding: 0 2rem;
margin-top: 2rem;
}
.sec-v37 .style-v4 .item-container .style-btn a {
max-width: 30rem;
color: white;
width: 100%;
font-size: 1.5rem;
padding: 1.8rem 4rem;
border-radius: 8.6rem;
background: transparent linear-gradient(180deg, #8eb433 0%, #30a870 100%);
position: relative;
}
.sec-v37 .style-v4 .item-container .style-btn a::after {
content: '';
position: absolute;
right: 1.5rem;
top: 50%;
transform: translateY(-50%);
width: 2.6rem;
aspect-ratio: 1/1;
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/awesome-arrow-circle-right-w.svg) no-repeat center
center/contain;
}
.sec-v37 .style-v5 .item-container {
width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
}
.sec-v37 .style-v5 .item-container .list-card {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
gap: 3rem;
}
.sec-v37 .style-v5 .item-container .list-card .card {
background-color: white;
border-radius: 0.8rem;
padding: 2rem;
padding-top: 3rem;
}
.sec-v37 .style-v5 .item-container .list-card .card .card-top {
display: flex;
-moz-column-gap: 2rem;
column-gap: 2rem;
}
.sec-v37 .style-v5 .item-container .list-card .card .card-top .card-content {
flex: 1;
}
.sec-v37
.style-v5
.item-container
.list-card
.card
.card-top
.card-content
.card-ttl {
font-size: 1.3rem;
}
.sec-v37
.style-v5
.item-container
.list-card
.card
.card-top
.card-content
.card-ttl
.card-ttl__box {
margin-top: 5px;
padding: 4px 4rem;
text-align: center;
color: white;
background-color: #ffa500;
width: -moz-fit-content;
width: fit-content;
}
.sec-v37
.style-v5
.item-container
.list-card
.card
.card-top
.card-content
.card-ttl
.card-ttl__text {
color: #707070;
}
.sec-v37
.style-v5
.item-container
.list-card
.card
.card-top
.card-content
.card-text {
font-size: 1.6rem;
margin-top: 0.6rem;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
line-height: 1.18;
}
.sec-v37 .style-v5 .item-container .list-card .card .card-top .card-img {
width: 38%;
aspect-ratio: 1/1;
}
.sec-v37 .style-v5 .item-container .list-card .card .card-top .card-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sec-v37 .style-v5 .item-container .list-card .card .card-bottom {
margin-top: 2rem;
}
.sec-v37
.style-v5
.item-container
.list-card
.card
.card-bottom
.card-bottom__texts {
font-size: 1.4rem;
line-height: 1.18;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
}
.sec-v37
.style-v5
.item-container
.list-card
.card
.card-bottom
.card-bottom__btn {
display: flex;
justify-content: end;
margin-top: 7px;
}
.sec-v37
.style-v5
.item-container
.list-card
.card
.card-bottom
.card-bottom__btn
a {
width: -moz-fit-content;
width: fit-content;
color: #e60c20;
font-size: 1.4rem;
display: flex;
align-items: center;
gap: 1rem;
}
.sec-v37
.style-v5
.item-container
.list-card
.card
.card-bottom
.card-bottom__btn
a::after {
content: '';
right: 3rem;
top: 50%;
width: 1.7em;
aspect-ratio: 1/1;
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/awesome-arrow-circle-right-red.svg) no-repeat center
center/contain;
}
.sec-v37 .style-v5 .item-container .style-btn {
display: flex;
justify-content: center;
margin-top: 6rem;
}
.sec-v37 .style-v5 .item-container .style-btn a {
width: min(100%, 35rem);
margin: 0 auto;
background-color: #333333;
height: 4.6rem;
display: grid;
place-content: center;
font-size: 1.5rem;
position: relative;
color: #fff;
border-radius: 0.6rem;
transition: all 0.3s;
}
.sec-v37 .style-v5 .item-container .style-btn a::after {
content: '';
position: absolute;
right: 3rem;
top: 50%;
transform: translateY(-50%);
width: 1.6rem;
aspect-ratio: 1/1;
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/awesome-arrow-circle-right-w.svg) no-repeat center
center/contain;
}
.sec-v37 .style-v5 .item-container .style-btn a:hover {
opacity: 0.6;
}
.sec-v37 .style-v6 .swiper-wrapper {
transition-timing-function: linear;
}
.sec-v37 .style-v6 .item-container .item-ttl {
text-align: center;
color: #e60c20;
}
.sec-v37 .style-v6 .item-container .list-card {
margin-top: 2rem;
}
.sec-v37 .style-v6 .item-container .list-card .card .card-img {
height: 22rem;
width: 100%;
}
.sec-v37 .style-v6 .item-container .list-card .card .card-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sec-v37 .style-v6 .item-container .list-card .card .card-content {
margin-top: 1rem;
}
.sec-v37 .style-v6 .item-container .list-card .card .card-content .card-ttl {
font-size: 1.3rem;
}
.sec-v37
.style-v6
.item-container
.list-card
.card
.card-content
.card-ttl
.card-ttl__box {
margin-top: 5px;
padding: 4px 4rem;
text-align: center;
color: white;
background-color: #ffa500;
width: -moz-fit-content;
width: fit-content;
}
.sec-v37
.style-v6
.item-container
.list-card
.card
.card-content
.card-ttl
.card-ttl__text {
color: #707070;
}
.sec-v37 .style-v6 .item-container .list-card .card .card-content .card-text {
margin-top: 1rem;
font-size: 1.6rem;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
}
.sec-v38 {
margin-top: 4rem;
}
.sec-v38 .style-list {
display: flex;
flex-direction: column;
row-gap: 10rem;
}
.sec-v38 .style-list .style-v1 .item-container {
width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
display: flex;
gap: 4rem;
justify-content: space-between;
}
@media (max-width: 768px) {
.sec-v38 .style-list .style-v1 .item-container {
flex-wrap: wrap;
}
}
.sec-v38 .style-list .style-v1 .item-container .item-img {
width: 40%;
}
.sec-v38 .style-list .style-v1 .item-container .item-img__wrap {
width: 100%;
aspect-ratio: 46/60;
}
.sec-v38 .style-list .style-v1 .item-container .item-img__text {
text-align: center;
font-weight: 500;
font-size: 1.8rem;
margin-top: 1rem;
}
@media (max-width: 768px) {
.sec-v38 .style-list .style-v1 .item-container .item-img {
width: 100%;
}
}
.sec-v38 .style-list .style-v1 .item-container .item-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sec-v38 .style-list .style-v1 .item-container .item-content {
width: 55%;
}
@media (max-width: 768px) {
.sec-v38 .style-list .style-v1 .item-container .item-content {
width: 100%;
}
}
.sec-v38
.style-list
.style-v1
.item-container
.item-content
.item-content__list
.item-content___list-item {
border-bottom: 1px dashed #ff5379;
padding: 2rem;
}
.sec-v38
.style-list
.style-v1
.item-container
.item-content
.item-content__list
.item-content___list-item
p {
font-size: 1.6rem;
line-height: 2.1;
width: min(100%, 560px);
margin: 0 auto;
}
.sec-v38 .style-list .style-v2 .item-container {
width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
}
.sec-v38 .style-list .style-v2 .item-container .item-ttl {
font-size: 3.2rem;
padding-left: 10rem;
padding-bottom: 2rem;
font-family: 'nitalago-ruika', sans-serif;
border-bottom: 1px solid #707070;
font-weight: 600;
}
@media (max-width: 768px) {
.sec-v38 .style-list .style-v2 .item-container .item-ttl {
text-align: center;
padding-left: 0;
}
}
.sec-v38 .style-list .style-v2 .item-container .item-content {
margin-top: 4rem;
}
.sec-v38
.style-list
.style-v2
.item-container
.item-content
.item-content__list {
display: grid;
gap: 8rem;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 375px), 1fr));
}
@media (max-width: 1200px) {
.sec-v38
.style-list
.style-v2
.item-container
.item-content
.item-content__list {
gap: 4rem;
}
}
.sec-v38
.style-list
.style-v2
.item-container
.item-content
.item-content__list
.item-content___list-item
.list-item__ttl {
font-family: 'nitalago-ruika', sans-serif;
font-size: 2.4rem;
color: #dc143c;
font-weight: 600;
}
.sec-v38
.style-list
.style-v2
.item-container
.item-content
.item-content__list
.item-content___list-item
.list-item__texts {
margin-top: 3rem;
line-height: 1.75;
}
.sec-v38
.style-list
.style-v2
.item-container
.item-content
.item-content__list
.item-content___list-item
.list-item__texts
p {
font-size: 1.6rem;
}
.sec-v38 .style-list .style-v3 {
color: white;
}
.sec-v38 .style-list .style-v3 .item-container {
width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
font-family: 'yu-gothic-pr6n', sans-serif;
}
.sec-v38
.style-list
.style-v3
.item-container
.item-content
.item-content__list {
display: grid;
gap: clamp(4rem, calc(110 / 1920 * 100 * 1vw), 11rem);
grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr));
}
.sec-v38
.style-list
.style-v3
.item-container
.item-content
.item-content__list
.item-content___list-item
.list-item__ttl {
font-size: 4rem;
font-weight: bold;
text-align: center;
border-bottom: 1px solid white;
}
.sec-v38
.style-list
.style-v3
.item-container
.item-content
.item-content__list
.item-content___list-item
.list-item__ttl
.ttl-en
span {
font-size: 0.6em;
}
.sec-v38
.style-list
.style-v3
.item-container
.item-content
.item-content__list
.item-content___list-item
.sub-list {
margin-top: 6rem;
display: grid;
row-gap: 5rem;
padding: 0 1rem;
}
.sec-v38
.style-list
.style-v3
.item-container
.item-content
.item-content__list
.item-content___list-item
.sub-list
.sub-list__item {
font-size: 1.4rem;
}
.sec-v38
.style-list
.style-v3
.item-container
.item-content
.item-content__list
.item-content___list-item
.sub-list
.sub-list__item
.sub-item__ttl {
font-weight: bold;
}
.sec-v38
.style-list
.style-v3
.item-container
.item-content
.item-content__list
.item-content___list-item
.sub-list
.sub-list__item
.sub-item__text {
font-weight: 500;
padding: 1.5rem;
}
.sec-v38 .style-list .style-v4 .item-container {
width: min(100% - var(--gap-x, 4rem), 1000px);
margin: 0 auto;
}
.sec-v38 .style-list .style-v4 .item {
font-family: 'Murecho', sans-serif;
display: flex;
font-size: 1.6rem;
}
@media (max-width: 768px) {
.sec-v38 .style-list .style-v4 .item {
flex-wrap: wrap;
padding: 2rem 0;
border-bottom: 1px solid #e8b68d;
}
}
.sec-v38 .style-list .style-v4 .item-ttl {
width: 20%;
font-weight: 500;
border-bottom: 3px solid #fc9b1b;
padding: 3rem 2rem;
}
@media (max-width: 768px) {
.sec-v38 .style-list .style-v4 .item-ttl {
width: 100%;
padding: 0;
border: unset;
}
}
.sec-v38 .style-list .style-v4 .item-content {
flex: 1;
border-bottom: 1px solid #97adab;
padding: 3rem 0;
padding-right: 2rem; }
@media (max-width: 768px) {
.sec-v38 .style-list .style-v4 .item-content {
width: 100%;
padding: 0;
border: unset;
}
}
.sec-v38 .style-list .style-v5 {
color: white;
}
.sec-v38 .style-list .style-v5 .item-container {
width: min(100% - var(--gap-x, 4rem), 1000px);
margin: 0 auto;
}
.sec-v38 .style-list .style-v5 .item-sec__ttl {
text-align: center;
}
.sec-v38 .style-list .style-v5 .item-sec__ttl .ttl-jp {
font-size: 1.6rem;
font-weight: 500;
}
.sec-v38 .style-list .style-v5 .item-sec__ttl .ttl-en {
font-size: 5.2rem;
font-family: 'Faster One', sans-serif;
margin-top: 2.5rem;
line-height: 1;
display: inline-flex;
row-gap: 0.58em;
flex-direction: column;
align-items: center;
}
.sec-v38 .style-list .style-v5 .item-sec__ttl .ttl-en::after {
content: '';
width: 1.9em;
border-bottom: 1px solid white;
}
.sec-v38 .style-list .style-v5 .list-item {
margin-top: 5rem;
}
.sec-v38 .style-list .style-v5 .item {
display: flex;
font-size: 1.6rem;
-moz-column-gap: 8rem;
column-gap: 8rem;
padding: 3rem 2rem;
border-bottom: 1px dashed white;
}
@media (max-width: 768px) {
.sec-v38 .style-list .style-v5 .item {
flex-wrap: wrap;
}
}
.sec-v38 .style-list .style-v5 .item-ttl {
width: 22.5%;
text-align: end;
font-weight: 500;
}
@media (max-width: 768px) {
.sec-v38 .style-list .style-v5 .item-ttl {
width: 100%;
text-align: start;
}
}
.sec-v38 .style-list .style-v5 .item-content {
flex: 1;
max-width: 50rem;
}
@media (max-width: 768px) {
.sec-v38 .style-list .style-v5 .item-content {
width: 100%;
margin-top: 1rem;
}
}
.sec-v39 {
margin-top: 10rem;
}
.sec-v39 .style-container {
width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
}
.sec-v39 .style-list {
display: flex;
flex-direction: column;
gap: 10rem;
}
.sec-v39 .style-list .style-v1 .list-item {
padding: 3rem 0;
display: grid;
gap: 3rem;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
border-bottom: 1px dashed #707070;
}
.sec-v39 .style-list .style-v1 .list-item .item .item-ttl {
display: flex;
align-items: center;
}
.sec-v39 .style-list .style-v1 .list-item .item .item-ttl .item-ttl__img {
width: 17rem;
aspect-ratio: 1/1;
background-color: #333333;
border-radius: 100%;
display: grid;
place-content: center;
}
@media (max-width: 768px) {
.sec-v39 .style-list .style-v1 .list-item .item .item-ttl .item-ttl__img {
width: 12rem;
}
}
@media (max-width: 768px) {
.sec-v39 .style-list .style-v1 .list-item .item .item-ttl .item-ttl__img img {
width: 60%;
margin: 0 auto;
}
}
.sec-v39 .style-list .style-v1 .list-item .item .item-ttl .item-ttl__content {
flex: 1;
text-align: center;
font-weight: 600;
width: -moz-fit-content;
width: fit-content;
}
.sec-v39
.style-list
.style-v1
.list-item
.item
.item-ttl
.item-ttl__content
.ttl-jp {
font-family: 'Shippori Mincho', serif;
font-size: 1.8rem;
}
.sec-v39
.style-list
.style-v1
.list-item
.item
.item-ttl
.item-ttl__content
.ttl-en {
font-size: 1.4rem;
margin-top: 1.5rem;
}
.sec-v39 .style-list .style-v1 .list-item .item .item-content {
margin-top: 2rem;
font-size: 1.5rem;
line-height: 1.6;
}
.sec-v39 .style-list .style-v1 .list-item .item:nth-child(odd) .item-ttl__img {
background-color: #707070;
}
.sec-v39
.style-list
.style-v1
.list-item:not(.list-item-even)
.item:nth-child(odd)
.item-ttl__img {
background-color: #333333;
}
.sec-v39
.style-list
.style-v1
.list-item:not(.list-item-even)
.item:nth-child(even)
.item-ttl__img {
background-color: #707070;
}
.sec-v39 .style-list .style-v2 .style-ttl {
position: relative;
}
@media (max-width: 768px) {
.sec-v39 .style-list .style-v2 .style-ttl {
display: flex;
justify-content: center;
}
}
.sec-v39 .style-list .style-v2 .style-ttl .ttl-jp {
margin-left: 10rem;
color: white;
font-size: 2.4rem;
font-weight: 500;
padding: 1rem 3.6rem;
background-color: #333;
width: -moz-fit-content;
width: fit-content;
border-radius: 6rem;
position: relative;
z-index: 2;
}
@media (max-width: 768px) {
.sec-v39 .style-list .style-v2 .style-ttl .ttl-jp {
margin-left: 0;
}
}
.sec-v39 .style-list .style-v2 .style-ttl::after {
position: absolute;
left: 0;
width: 100%;
top: 50%;
transform: translateY(-50%);
content: '';
border: 1px dashed #333;
}
.sec-v39 .style-list .style-v2 .style-container {
width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
}
.sec-v39 .style-list .style-v2 .style-container .list-item {
margin-top: 4rem;
display: grid;
gap: 4rem;
grid-auto-rows: 1fr;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 500px), 1fr));
}
.sec-v39 .style-list .style-v2 .style-container .list-item .item {
display: flex;
gap: 2rem;
}
.sec-v39 .style-list .style-v2 .style-container .list-item .item .item-img {
width: 28%;
aspect-ratio: 1/1;
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
}
.sec-v39
.style-list
.style-v2
.style-container
.list-item
.item
.item-img.bg-dark {
background: transparent linear-gradient(180deg, #17461f 0%, #609f62 100%);
}
.sec-v39
.style-list
.style-v2
.style-container
.list-item
.item
.item-img.bg-light {
background: transparent linear-gradient(180deg, #2e4617 0%, #829f60 100%);
}
.sec-v39
.style-list
.style-v2
.style-container
.list-item
.item
.item-img.bg-overlay {
position: relative;
}
.sec-v39
.style-list
.style-v2
.style-container
.list-item
.item
.item-img.bg-overlay::after {
content: '';
position: absolute;
z-index: 1;
inset: 0;
background: rgba(0, 0, 0, 0.6);
}
.sec-v39
.style-list
.style-v2
.style-container
.list-item
.item
.item-img.bg-overlay
span {
font-size: 2rem;
font-weight: 500;
color: white;
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
width: 100%;
text-align: center;
transform: translate(-50%, -50%);
}
.sec-v39 .style-list .style-v2 .style-container .list-item .item .item-img img {
margin: 0 auto;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 425px) {
.sec-v39
.style-list
.style-v2
.style-container
.list-item
.item
.item-img
img {
width: 60%;
}
}
.sec-v39 .style-list .style-v2 .style-container .list-item .item .item-content {
padding: 1rem 0;
}
.sec-v39
.style-list
.style-v2
.style-container
.list-item
.item
.item-content
.item-content__ttl {
font-size: 1.7rem;
font-weight: 500;
}
.sec-v39
.style-list
.style-v2
.style-container
.list-item
.item
.item-content
.item-content__text {
margin-top: 1rem;
font-size: 1.4rem;
line-height: 1.7;
}
.sec-v40 {
color: white;
margin-top: 0rem;
}
.sec-v40 .style-list {
display: flex;
flex-direction: column;
row-gap: 12rem;
}
.sec-v40 .style-list .style-v1 {
background-color: #333333;
padding: 3rem 0;
}
.sec-v40 .style-list .style-v1 .style-container {
width: min(100% - var(--gap-x, 4rem), 1000px);
margin: 0 auto;
}
.sec-v40 .style-list .style-v1 .style-ttl {
text-align: center;
}
.sec-v40 .style-list .style-v1 .style-ttl .ttl-en {
font-size: 3.2rem;
font-family: 'Arvo', sans-serif;
display: flex;
flex-direction: column;
align-items: center;
}
.sec-v40 .style-list .style-v1 .style-ttl .ttl-en::after {
content: '';
width: 0.9em;
border: 3px solid #fee100;
}
.sec-v40 .style-list .style-v1 .style-ttl .ttl-jp {
font-size: 1.8rem;
font-weight: 500;
margin-top: 0.5rem;
}
.sec-v40 .style-list .style-v1 .style-content {
margin-top: 4rem;
font-size: 1.8rem;
font-weight: 500;
display: flex;
justify-content: center;
line-height: 1.5;
}
.sec-v40 .style-list .style-v1 .style-list {
margin-top: 6.5rem;
display: grid;
gap: 4rem;
grid-auto-rows: 9rem auto;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
}
.sec-v40 .style-list .style-v1 .style-list .style-item {
display: grid;
gap: 0;
grid-row: span 2;
grid-template-rows: subgrid;
}
.sec-v40
.style-list
.style-v1
.style-list
.style-item:nth-child(1)
.style-item__btn {
font-family: 'Arvo', sans-serif;
font-weight: bold;
font-style: italic;
}
.sec-v40
.style-list
.style-v1
.style-list
.style-item:nth-child(1)
.style-item__btn {
font-size: 2.8rem;
}
.sec-v40 .style-list .style-v1 .style-list .style-item .style-item__btn {
background-color: #82785f;
border: 2px solid white;
padding: 1.5rem;
font-size: 2.4rem;
display: flex;
align-items: center;
gap: 1rem;
font-weight: bold;
}
.sec-v40 .style-list .style-v1 .style-list .style-item .style-item__btn img {
vertical-align: middle;
}
.sec-v40 .style-list .style-v1 .style-list .style-item .style-item__text {
font-size: 1.6rem;
margin-top: 1rem;
display: flex;
justify-content: center;
}
.sec-v40 .style-list .style-v2 {
padding: 6rem 0;
background-color: #ff9e5d;
color: white;
}
.sec-v40 .style-list .style-v2 .style-container {
width: min(100% - var(--gap-x, 4rem), 800px);
margin: 0 auto;
}
.sec-v40 .style-list .style-v2 .style-container .style-ttl {
text-align: center;
}
.sec-v40 .style-list .style-v2 .style-container .style-ttl .ttl-jp {
font-size: 1.6rem;
font-weight: 500;
}
.sec-v40 .style-list .style-v2 .style-container .style-ttl .ttl-en {
font-size: 5.2rem;
margin-top: 2.5rem;
font-family: fangsong;
font-weight: 300;
display: flex;
flex-direction: column;
align-items: center;
row-gap: 3rem;
letter-spacing: 0.55rem;
}
.sec-v40 .style-list .style-v2 .style-container .style-ttl .ttl-en::after {
content: '';
width: 1.9em;
border-bottom: 1px solid white;
}
.sec-v40 .style-list .style-v2 .style-container .style-content {
margin-top: 2.7rem;
}
.sec-v40
.style-list
.style-v2
.style-container
.style-content
.style-content__texts {
font-size: 1.8rem;
line-height: 2;
text-align: center;
}
.sec-v40 .style-list .style-v2 .style-container .style-list__item {
margin-top: 4rem;
display: flex;
justify-content: center;
gap: 5rem;
}
@media (max-width: 768px) {
.sec-v40 .style-list .style-v2 .style-container .style-list__item {
flex-wrap: wrap;
row-gap: 2rem;
}
}
.sec-v40
.style-list
.style-v2
.style-container
.style-list__item
.style-item
.style-item__btn {
font-size: 3rem;
font-family: fangsong;
display: flex;
align-items: center;
gap: 5rem;
}
.sec-v40 .style-list .style-v2 .style-container .style-list__texts {
text-align: center;
margin-top: 1rem;
font-size: 1.5rem;
}
.sec-v40 .style-list .style-v3 {
padding: 11rem 0;
color: white;
background: transparent linear-gradient(180deg, #516e7d 0%, #0d1d24 100%);
}
.sec-v40 .style-list .style-v3 .style-container {
width: min(100% - var(--gap-x, 4rem), 1000px);
margin: 0 auto;
display: flex;
gap: 4rem;
}
@media (max-width: 768px) {
.sec-v40 .style-list .style-v3 .style-container {
flex-wrap: wrap;
}
}
@media (max-width: 768px) {
.sec-v40 .style-list .style-v3 .style-container .style-ttl .ttl-img {
display: flex;
justify-content: center;
}
}
.sec-v40 .style-list .style-v3 .style-container .style-list__content {
margin-top: 3rem;
display: flex;
flex-direction: column;
row-gap: 1rem;
}
.sec-v40 .style-list .style-v3 .style-container .style-content {
max-width: 415px;
margin-right: auto;
}
@media (max-width: 768px) {
.sec-v40 .style-list .style-v3 .style-container .style-content {
max-width: 100%;
}
}
.sec-v40 .style-list .style-v3 .style-container .style-content .content-text {
display: flex;
align-items: start;
}
.sec-v40
.style-list
.style-v3
.style-container
.style-content
.content-text
.text-ttl {
font-size: 1.5rem;
width: 11rem;
position: relative;
display: flex;
align-items: center;
-moz-column-gap: 1rem;
column-gap: 1rem;
flex-shrink: 0;
}
.sec-v40
.style-list
.style-v3
.style-container
.style-content
.content-text
.text-ttl::before {
content: '';
width: 0.33em;
aspect-ratio: 5/9;
background-color: white;
-webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.sec-v40
.style-list
.style-v3
.style-container
.style-content
.content-text
.text-content {
font-size: 1.5rem;
}
.sec-v40 .style-list .style-v3 .style-container .style-list__item {
max-width: 38rem;
margin-left: auto;
width: 100%;
display: grid;
row-gap: 2rem;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (max-width: 768px) {
.sec-v40 .style-list .style-v3 .style-container .style-list__item {
margin: 0 auto;
}
}
@media (max-width: 768px) {
.sec-v40
.style-list
.style-v3
.style-container
.style-list__item
.style-item {
display: flex;
justify-content: center;
}
}
.sec-v40
.style-list
.style-v3
.style-container
.style-list__item
.style-item
.style-item__btn {
max-width: 38rem;
width: 100%;
height: 8rem;
border: 1px solid white;
border-radius: 10rem;
padding: 2.4rem 2rem;
padding-left: 22%;
font-family: 'Cinzel', serif;
font-size: 2.7rem;
display: flex;
-moz-column-gap: 1rem;
column-gap: 1rem;
align-items: center;
}
.sec-v40
.style-list
.style-v3
.style-container
.style-list__item
.style-item
.style-item__btn.bg-white {
background-color: white;
}
.sec-v40 .style-list .style-v4 {
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/page-4-bg-common.jpg) no-repeat center center/cover;
padding: 5rem 0;
}
.sec-v40 .style-list .style-v4 .style-container {
width: min(100% - var(--gap-x, 4rem), 1200px);
margin: 0 auto;
}
.sec-v40 .style-list .style-v4 .style-container .style-content {
display: grid;
gap: 5rem;
grid-template-columns: repeat(3, minmax(0, 1fr));
}
@media (max-width: 768px) {
.sec-v40 .style-list .style-v4 .style-container .style-content {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.sec-v40
.style-list
.style-v4
.style-container
.style-content
.style-content__texts {
align-self: center;
font-family: 'yu-gothic-pr6n', sans-serif;
font-size: 1.4rem;
text-align: center;
line-height: 1.5;
}
.sec-v40 .style-list .style-v4 .style-container .style-content .style-ttl {
display: flex;
flex-direction: column;
row-gap: 1rem;
}
.sec-v40
.style-list
.style-v4
.style-container
.style-content
.style-ttl__wrap {
padding-top: 11rem;
padding-bottom: 4rem;
background-color: white;
}
.sec-v40
.style-list
.style-v4
.style-container
.style-content
.style-ttl::after {
content: '';
height: 1.2rem;
width: 100%;
background-color: white;
}
.sec-v40
.style-list
.style-v4
.style-container
.style-content
.style-ttl
.style-ttl-inner {
width: min(100% - var(--gap-x, 4rem), 270px);
margin: 0 auto;
text-align: center;
color: #333333;
}
.sec-v40
.style-list
.style-v4
.style-container
.style-content
.style-ttl
.style-ttl-inner
.ttl-en {
font-size: 4rem;
font-family: 'timberline', sans-serif;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.sec-v40
.style-list
.style-v4
.style-container
.style-content
.style-ttl
.style-ttl-inner
.ttl-jp {
font-size: 1.6rem;
font-weight: 500;
margin-top: 3rem;
}
.sec-v40
.style-list
.style-v4
.style-container
.style-content
.style-ttl
.style-ttl-inner
.ttl-line {
height: 2.8rem;
width: 100%;
display: flex;
justify-content: center;
margin-top: 2.8rem;
}
.sec-v40
.style-list
.style-v4
.style-container
.style-content
.style-ttl
.style-ttl-inner
.ttl-line::after {
width: 1px;
height: 100%;
background-color: #333;
content: '';
}
.sec-v40
.style-list
.style-v4
.style-container
.style-content
.style-ttl
.style-ttl-inner
.ttl-btn {
font-family: 'Oswald', sans-serif;
font-size: 1.6rem;
margin-top: 0.7rem;
}
.sec-v40 .style-list .style-v4 .style-container .style-content .style-img {
align-self: center;
}
@media (max-width: 768px) {
.sec-v40 .style-list .style-v4 .style-container .style-content .style-img {
display: flex;
justify-content: center;
}
}
.sec-v40
.style-list
.style-v4
.style-container
.style-content
.style-img__inner {
width: -moz-fit-content;
width: fit-content;
display: flex;
flex-direction: column;
align-items: center;
}
.sec-v40 .style-list .style-v4 .style-container .style-content .style-img img {
width: 24rem;
aspect-ratio: 24/24;
}
@media (max-width: 768px) {
.sec-v40
.style-list
.style-v4
.style-container
.style-content
.style-img
img {
width: 80%;
}
}
.sec-v40
.style-list
.style-v4
.style-container
.style-content
.style-img__text {
font-size: 1.6rem;
font-family: 'Oswald', sans-serif;
display: flex;
flex-direction: column;
align-items: center;
margin-top: 3rem;
}
.sec-v40
.style-list
.style-v4
.style-container
.style-content
.style-img__text::before {
width: 1px;
height: 1.75em;
background-color: white;
content: '';
}
.sec-v40 .style-list .style-v5 .style-container {
width: min(100% - var(--gap-x, 4rem), 1530px);
margin: 0 auto;
}
.sec-v40 .style-list .style-v5 .style-container .style-list__item {
display: grid;
gap: 6rem;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 47rem), 1fr));
}
.sec-v40 .style-list .style-v5 .style-container .style-list__item .style-item {
border-radius: 1rem;
padding: 3rem;
padding-bottom: 5rem;
font-family: 'Poppins', sans-serif;
color: #333;
}
.sec-v40
.style-list
.style-v5
.style-container
.style-list__item
.style-item__phone {
background-color: #e0f0f4;
}
.sec-v40
.style-list
.style-v5
.style-container
.style-list__item
.style-item__phone
.item-btn
.txt-en {
font-size: 2rem;
}
.sec-v40
.style-list
.style-v5
.style-container
.style-list__item
.style-item__phone
.item-btn
.txt-jp {
font-size: 1.6rem;
}
.sec-v40
.style-list
.style-v5
.style-container
.style-list__item
.style-item__line {
background-color: #f1ffe4;
}
.sec-v40
.style-list
.style-v5
.style-container
.style-list__item
.style-item
.item-ttl {
text-align: center;
font-size: 3.2rem;
font-weight: bold;
}
.sec-v40
.style-list
.style-v5
.style-container
.style-list__item
.style-item
.item-content {
margin-top: 3.8rem;
}
.sec-v40
.style-list
.style-v5
.style-container
.style-list__item
.style-item
.item-content
.item-icon__arr {
display: flex;
justify-content: center;
margin: 1rem 0;
}
.sec-v40
.style-list
.style-v5
.style-container
.style-list__item
.style-item
.item-content
.item-icon__arr
span {
width: 4.4rem;
aspect-ratio: 44/20;
background-color: #9a8d6d;
-webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.sec-v40
.style-list
.style-v5
.style-container
.style-list__item
.style-item
.item-content
.item-icon {
display: flex;
justify-content: center;
}
.sec-v40
.style-list
.style-v5
.style-container
.style-list__item
.style-item
.item-content
.item-btn {
display: flex;
flex-direction: column;
align-items: center;
}
.sec-v40
.style-list
.style-v5
.style-container
.style-list__item
.style-item
.item-content
.item-btn
a {
width: 100%;
height: 8rem;
font-size: 2.4rem;
font-weight: bold;
text-align: center;
border-radius: 100rem;
color: white;
background-color: #46413a;
display: flex;
justify-content: center;
align-items: center;
}
.sec-v40
.style-list
.style-v5
.style-container
.style-list__item
.style-item
.item-content
.item-btn
.item-btn__pr {
font-size: 1.6rem;
margin-top: 1rem;
}
.page-6 {
background-color: #cccccc;
}
.page-6 .sections {
background-color: transparent;
padding-top: 12rem;
padding-bottom: 11rem;
}
.page-6 .sections .container {
--max-width: 1000px;
}
.page-6 .breadcrumb {
background-color: transparent;
color: #333;
padding-top: 1rem;
font-family: 'Noto Sans JP', sans-serif;
}
.page-6 .breadcrumb .container {
--max-width: 1400px;
}
.page-6 .breadcrumb ul {
font-family: 'Noto Sans JP', sans-serif;
}
.sec-v41 .sec-container {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 1400px));
margin: 0 auto;
}
.sec-v41 .sec-container .list-card {
display: grid;
gap: 6rem;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 640px), 1fr));
}
.sec-v41 .sec-container .list-card .card .card-ttl {
position: relative;
padding-left: 1.3rem;
}
.sec-v41 .sec-container .list-card .card .card-ttl::before {
content: '';
width: 3px;
height: 100%;
background-color: #333;
left: 0;
top: 50%;
transform: translateY(-50%);
position: absolute;
}
.sec-v41 .sec-container .list-card .card .card-ttl .ttl-en {
font-family: 'Futura PT', sans-serif;
font-size: 1.5rem;
}
.sec-v41 .sec-container .list-card .card .card-ttl .ttl-jp {
font-size: 2.4rem;
font-family: 'Hina Mincho', serif;
margin-top: 0.5rem;
}
.sec-v41 .sec-container .list-card .card .card-imgs {
margin-top: 1rem;
}
.sec-v41 .sec-container .list-card .card .card-imgs .img-list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-rows: 42rem 22rem;
gap: 1rem;
}
@media (max-width: 768px) {
.sec-v41 .sec-container .list-card .card .card-imgs .img-list {
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-template-rows: unset;
grid-auto-rows: 22rem;
}
}
.sec-v41 .sec-container .list-card .card .card-imgs .img-list .item {
grid-column: span 1;
}
@media (max-width: 768px) {
.sec-v41 .sec-container .list-card .card .card-imgs .img-list .item {
grid-column: span 4 !important;
}
}
.sec-v41 .sec-container .list-card .card .card-imgs .img-list .item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sec-v41
.sec-container
.list-card
.card
.card-imgs
.img-list
.item:first-child {
grid-column: 1/-1;
}
.sec-v41 .sec-container .list-card .card .card-content {
font-family: 'Hina Mincho', serif;
margin-top: 2rem;
}
.sec-v41 .sec-container .list-card .card .card-content .card-content__ttl {
font-size: 2rem;
padding-bottom: 1rem;
border-bottom: 2px solid #333;
}
.sec-v41
.sec-container
.list-card
.card
.card-content
.card-content__ttl
.ttl-en {
font-size: 0.75em;
}
.sec-v41 .sec-container .list-card .card .card-content .card-content__list {
margin-top: 1rem;
}
.sec-v41
.sec-container
.list-card
.card
.card-content
.card-content__list
.list-item {
font-size: 1.5rem;
padding: 1.5rem;
border-bottom: 0.5px dashed #333;
}
.sec-v41
.sec-container
.list-card
.card
.card-content
.card-content__list
.list-item:last-child {
border-bottom: 2px solid #333;
}
.sec-v41 .sec-container .list-card .card .card-content .card-content__price {
text-align: end;
margin-top: 1.5rem;
padding-right: 4rem;
}
@media (max-width: 768px) {
.sec-v41 .sec-container .list-card .card .card-content .card-content__price {
padding-right: 0;
}
}
.sec-v41
.sec-container
.list-card
.card
.card-content
.card-content__price
span {
font-family: 'Futura PT', sans-serif;
}
.sec-v41
.sec-container
.list-card
.card
.card-content
.card-content__price
span.num {
font-size: 3rem;
}
.sec-v41
.sec-container
.list-card
.card
.card-content
.card-content__price
span
small {
font-size: 1.5rem;
}
.sec-v42 {
margin-top: 10rem;
}
.sec-v42 .card-list {
display: flex;
flex-direction: column;
row-gap: 10rem;
padding: 0 0 10rem 0;
}
.sec-v42 .card-list .card-v1 .card-container {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 1200px));
margin: 0 auto;
}
.sec-v42 .card-list .card-v1 .card-ttl {
padding: 1.5rem 5rem;
font-size: 2.4rem;
font-weight: 500;
background: transparent linear-gradient(180deg, #ffffff 0%, #c2c1c1 100%);
border-radius: 8.6rem;
}
.sec-v42 .card-list .card-v1 .card-ttl .ttl-jp {
padding-left: 1.5rem;
position: relative;
}
.sec-v42 .card-list .card-v1 .card-ttl .ttl-jp::after {
content: '';
width: 5px;
height: 100%;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
background-color: #ff8c00;
}
.sec-v42 .card-list .card-v1 .card-content {
max-width: 1000px;
margin: 0 auto;
overflow: auto;
}
.sec-v42 .card-list .card-v1 .card-content .card-content__texts {
margin-top: 3rem;
}
.sec-v42 .card-list .card-v1 .card-content .card-content__texts p {
font-size: 1.5rem;
line-height: 2;
color: white;
}
.sec-v42 .card-list .card-v1 .card-table {
width: min(730px, 100%);
margin: 0 auto;
margin-top: 2rem;
overflow: auto;
}
@media (max-width: 768px) {
.sec-v42 .card-list .card-v1 .card-table__wrap {
width: 73rem;
}
}
.sec-v42 .card-list .card-v1 .card-table table {
border-collapse: separate;
border-spacing: 5px;
width: 100%;
}
.sec-v42 .card-list .card-v1 .card-table table td,
.sec-v42 .card-list .card-v1 .card-table table th {
font-size: 1.6rem;
text-align: center;
font-weight: 500;
padding: 1.5rem 2.5rem;
}
.sec-v42 .card-list .card-v1 .card-table table th {
background-color: #2e8b57;
color: white;
}
.sec-v42 .card-list .card-v1 .card-table table td {
background-color: white;
}
.sec-v42 .card-list .card-v2 .card-container {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 1000px));
margin: 0 auto;
}
.sec-v42 .card-list .card-v2 .card-ttl {
background-color: #ff8c00;
font-family: 'Zen Old Mincho', serif;
font-weight: bold;
color: white;
text-align: center;
font-size: 2.4rem;
padding: 1.2rem;
border-radius: 1rem;
}
.sec-v42 .card-list .card-v2 .card-table {
margin-top: 2rem;
overflow: auto;
}
.sec-v42 .card-list .card-v2 .card-table .table-wrap {
width: 100rem;
margin: 0 auto;
}
.sec-v42 .card-list .card-v2 .card-table table {
width: 100%;
font-family: 'Zen Old Mincho', serif;
border-collapse: separate;
border-spacing: 0 0px;
}
.sec-v42 .card-list .card-v2 .card-table table th,
.sec-v42 .card-list .card-v2 .card-table table td {
text-align: center;
font-size: 1.6rem;
}
.sec-v42 .card-list .card-v2 .card-table table th {
background-color: #ffeab1;
font-weight: bold;
padding: 1.3rem 2rem;
border-left: 1px solid #ff8c00;
border-top: 1px solid #ff8c00;
border-bottom: 1px solid #ff8c00;
}
.sec-v42 .card-list .card-v2 .card-table table th:last-child {
border-right: 1px solid #ff8c00;
}
.sec-v42 .card-list .card-v2 .card-table table td {
font-weight: 500;
background-color: white;
}
.sec-v42 .card-list .card-v2 .card-table table td .wrap {
padding: 2rem 2.5rem;
}
.sec-v42 .card-list .card-v2 .card-table table .txt-orange {
color: orange;
}
.sec-v42 .card-list .card-v2 .card-table table tbody tr td {
border-left: 1px solid #ff8c00;
border-top: 1px solid #ff8c00;
border-bottom: 1px solid #ff8c00;
}
.sec-v42 .card-list .card-v2 .card-table table tbody tr td:last-child {
border-right: 1px solid #ff8c00;
}
.sec-v42 .card-list .card-v2 .card-table table tbody tr td:first-child {
font-weight: bold;
display: table-cell;
vertical-align: middle;
}
.sec-v42 .card-list .card-v2 .card-table table tbody tr:first-child td .wrap {
padding: 2.5rem 2rem;
}
.sec-v42 .card-list .card-v3 .card-container {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 1000px));
margin: 0 auto;
}
.sec-v42 .card-list .card-v3 .card-ttl {
font-size: 2.4rem;
font-weight: 500;
font-family: 'Kiwi Maru', serif;
}
.sec-v42 .card-list .card-v3 .card-ttl .ttl-jp {
padding-left: 1.5rem;
position: relative;
}
.sec-v42 .card-list .card-v3 .card-ttl .ttl-jp::after {
content: '';
width: 5px;
height: 80%;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
background-color: #ff8c00;
}
.sec-v42 .card-list .card-v3 .card-table {
margin-top: 2rem;
overflow: auto;
font-family: 'Kiwi Maru', serif;
}
.sec-v42 .card-list .card-v3 .card-table .table-wrap {
width: 1000px;
margin: 0 auto;
}
.sec-v42 .card-list .card-v3 .card-table table {
border-collapse: separate;
border-spacing: 5px;
width: 100%;
}
.sec-v42 .card-list .card-v3 .card-table table td,
.sec-v42 .card-list .card-v3 .card-table table th {
font-size: 1.8rem;
text-align: center;
padding: 1.5rem 2.5rem;
}
.sec-v42 .card-list .card-v3 .card-table table th:not(:first-child) {
background-color: #338130;
color: white;
}
.sec-v42 .card-list .card-v3 .card-table table td {
background-color: white;
}
.sec-v42 .card-list .card-v3 .card-table table td:first-child {
background-color: #7eab2a;
font-weight: 500;
color: white;
text-align: start;
}
.sec-v42 .card-list .card-v3 .card-table__txt {
font-size: 1.6rem;
}
.sec-v42 .card-list .card-v4 .card-container {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 1000px));
margin: 0 auto;
}
.sec-v42 .card-list .card-v4 .card-table {
margin-top: 2rem;
overflow: auto;
}
.sec-v42 .card-list .card-v4 .card-table .table-wrap {
width: 800px;
margin: 0 auto;
}
.sec-v42 .card-list .card-v4 .card-table table {
--space: 4px;
border-collapse: separate;
border-spacing: var(--space);
width: 100%;
}
.sec-v42 .card-list .card-v4 .card-table table td,
.sec-v42 .card-list .card-v4 .card-table table th {
font-size: 1.8rem;
text-align: center;
padding: 1.5rem 2rem;
}
.sec-v42 .card-list .card-v4 .card-table table th {
background-color: #f3fffd;
color: #007e66;
border: 1px solid #007e66;
font-weight: bold;
}
.sec-v42 .card-list .card-v4 .card-table table th:nth-child(2) {
background-color: #007e66;
color: white;
}
.sec-v42 .card-list .card-v4 .card-table table th:nth-child(2) {
position: relative;
}
.sec-v42 .card-list .card-v4 .card-table table th:nth-child(2)::after,
.sec-v42 .card-list .card-v4 .card-table table th:nth-child(2)::before {
content: '';
position: absolute;
width: 4px;
height: calc(100% + var(--space) + 2px);
background-color: #007e66;
top: -1px;
}
.sec-v42 .card-list .card-v4 .card-table table th:nth-child(2)::after {
right: 0;
transform: translateX(100%);
}
.sec-v42 .card-list .card-v4 .card-table table th:nth-child(2)::before {
left: 0;
transform: translateX(-100%);
}
.sec-v42 .card-list .card-v4 .card-table table td {
width: 25%;
background-color: white;
border: 1px solid #007e66;
}
.sec-v42 .card-list .card-v4 .card-table table td:first-child {
background-color: #f3fffd;
font-weight: 500;
color: #007e66;
font-weight: 500;
}
.sec-v42 .card-list .card-v4 .card-table table td:nth-child(2) {
position: relative;
font-size: 2.4rem;
color: #007e66;
font-weight: bold;
}
.sec-v42 .card-list .card-v4 .card-table table td:nth-child(2)::after,
.sec-v42 .card-list .card-v4 .card-table table td:nth-child(2)::before {
content: '';
position: absolute;
width: 4px;
height: calc(100% + var(--space) + 2px);
background-color: #007e66;
top: -1px;
}
.sec-v42 .card-list .card-v4 .card-table table td:nth-child(2)::after {
right: 0;
transform: translateX(100%);
}
.sec-v42 .card-list .card-v4 .card-table table td:nth-child(2)::before {
left: 0;
transform: translateX(-100%);
}
.sec-v42
.card-list
.card-v4
.card-table
table
tbody
tr:last-child
td:nth-child(2) {
border-bottom: 4px solid #007e66;
}
.sec-v42
.card-list
.card-v4
.card-table
table
tbody
tr:last-child
td:nth-child(2)::after,
.sec-v42
.card-list
.card-v4
.card-table
table
tbody
tr:last-child
td:nth-child(2)::before {
content: '';
width: 4px;
height: calc(100% + 5px);
}
.sec-v42 .card-list .card-v4 .card-table__txt {
font-size: 1.6rem;
}
.sec-v43 {
margin-top: 10rem;
}
.sec-v43 .sec-container .card-list {
display: flex;
flex-direction: column;
row-gap: 10rem;
}
.sec-v43 .sec-container .card-list .card-v1 .card-container {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 1200px));
margin: 0 auto;
}
.sec-v43 .sec-container .card-list .card-v1 .card-container .card-ttl {
background-color: #004f93;
color: white;
text-align: center;
}
.sec-v43
.sec-container
.card-list
.card-v1
.card-container
.card-ttl
.ttl-inner {
padding: 1rem;
position: relative;
}
.sec-v43
.sec-container
.card-list
.card-v1
.card-container
.card-ttl
.ttl-inner
.ttl-lg {
font-size: 2.8rem;
font-weight: bold;
}
.sec-v43
.sec-container
.card-list
.card-v1
.card-container
.card-ttl
.ttl-inner
.ttl-sm {
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
font-size: 1.5rem;
font-weight: 500;
}
@media (max-width: 1024px) {
.sec-v43
.sec-container
.card-list
.card-v1
.card-container
.card-ttl
.ttl-inner
.ttl-sm {
position: unset;
transform: unset;
display: block;
margin-top: 0.5rem;
}
}
.sec-v43 .sec-container .card-list .card-v1 .card-container .card-block__v1 {
margin-top: 5rem;
}
.sec-v43
.sec-container
.card-list
.card-v1
.card-container
.card-block__v1
.list-item {
display: grid;
gap: 6rem;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 330px), 1fr));
}
.sec-v43
.sec-container
.card-list
.card-v1
.card-container
.card-block__v1
.list-item
.item {
border: 2px solid #004f93;
position: relative;
}
.sec-v43
.sec-container
.card-list
.card-v1
.card-container
.card-block__v1
.list-item
.item-ttl {
padding: 2rem;
padding-top: 3rem;
background-color: white;
}
.sec-v43
.sec-container
.card-list
.card-v1
.card-container
.card-block__v1
.list-item
.item-ttl
.txt-sm {
width: 70%;
margin: 0 auto;
background-color: white;
border: 2px solid #004f93;
padding: 5px;
font-size: 2rem;
font-weight: 500;
text-align: center;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
}
.sec-v43
.sec-container
.card-list
.card-v1
.card-container
.card-block__v1
.list-item
.item-ttl
.txt-lg {
font-size: 3.6rem;
font-weight: bold;
text-align: center;
}
.sec-v43
.sec-container
.card-list
.card-v1
.card-container
.card-block__v1
.list-item
.item
.item-content {
background-color: #004f93;
color: white;
padding: 1.5rem 2.5rem;
}
@media (max-width: 768px) {
.sec-v43
.sec-container
.card-list
.card-v1
.card-container
.card-block__v1
.list-item
.item
.item-content {
padding: 2rem;
}
}
.sec-v43
.sec-container
.card-list
.card-v1
.card-container
.card-block__v1
.list-item
.item
.item-content
.item-content__txt
.txt-sm {
font-weight: 500;
border-bottom: 3px solid white;
width: -moz-fit-content;
width: fit-content;
}
.sec-v43
.sec-container
.card-list
.card-v1
.card-container
.card-block__v1
.list-item
.item
.item-content
.item-content__txt
.txt-sm
small {
font-size: 1.5rem;
}
.sec-v43
.sec-container
.card-list
.card-v1
.card-container
.card-block__v1
.list-item
.item
.item-content
.item-content__txt
.txt-sm
span {
font-size: 2rem;
margin-left: 2rem;
}
.sec-v43
.sec-container
.card-list
.card-v1
.card-container
.card-block__v1
.list-item
.item
.item-content
.item-content__txt
.txt-lg {
text-align: center;
border-bottom: 1px solid white;
width: -moz-fit-content;
width: fit-content;
padding: 0 3rem;
margin-top: 1.5rem;
}
@media (max-width: 768px) {
.sec-v43
.sec-container
.card-list
.card-v1
.card-container
.card-block__v1
.list-item
.item
.item-content
.item-content__txt
.txt-lg {
padding: 0;
}
}
.sec-v43
.sec-container
.card-list
.card-v1
.card-container
.card-block__v1
.list-item
.item
.item-content
.item-content__txt
.txt-lg
small {
font-size: 1.5rem;
font-weight: 500;
}
.sec-v43
.sec-container
.card-list
.card-v1
.card-container
.card-block__v1
.list-item
.item
.item-content
.item-content__txt
.txt-lg
span {
font-size: 3.2rem;
font-weight: bold;
font-family: 'Tw Cen MT Std', sans-serif;
margin-left: 2.5rem;
}
.sec-v43 .sec-container .card-list .card-v1 .card-container .card-block__v2 {
margin-top: 7rem;
}
.sec-v43
.sec-container
.card-list
.card-v1
.card-container
.card-block__v2
.list-item
.item {
background-color: #333333;
color: white;
padding: 5rem 0;
}
.sec-v43
.sec-container
.card-list
.card-v1
.card-container
.card-block__v2
.list-item
.item-wrap {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 1000px));
margin: 0 auto;
display: grid;
grid-template-columns: 22rem auto;
-moz-column-gap: 2rem;
column-gap: 2rem;
}
@media (max-width: 1024px) {
.sec-v43
.sec-container
.card-list
.card-v1
.card-container
.card-block__v2
.list-item
.item-wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
row-gap: 2rem;
}
}
.sec-v43
.sec-container
.card-list
.card-v1
.card-container
.card-block__v2
.list-item
.item
.item-ttl {
text-align: center;
border: 1px solid #5a5858;
padding: 1rem;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.sec-v43
.sec-container
.card-list
.card-v1
.card-container
.card-block__v2
.list-item
.item
.item-ttl
.txt-lg {
font-size: 2.4rem;
font-weight: bold;
}
.sec-v43
.sec-container
.card-list
.card-v1
.card-container
.card-block__v2
.list-item
.item
.item-ttl
.txt-sm {
font-size: 1.4rem;
margin-top: 1rem;
}
.sec-v43
.sec-container
.card-list
.card-v1
.card-container
.card-block__v2
.list-item
.item
.item-content
.item-content__list
.sub-item {
font-size: 1.6rem;
padding: 1.4rem 1rem;
border-bottom: 1px solid #5a5858;
}
.sec-v43
.sec-container
.card-list
.card-v1
.card-container
.card-block__v2
.list-item
.item
.item-content
.item-content__list
.sub-item:first-child {
border-top: 1px solid #5a5858;
}
.sec-v43
.sec-container
.card-list
.card-v1
.card-container
.card-block__v2
.list-item
.item
.item-content
.item-content__list
.sub-item
.sub-item__ttl {
margin-right: 1rem;
}
.sec-v43
.sec-container
.card-list
.card-v1
.card-container
.card-block__v2
.list-item
.item
.item-content
.item-content__list
.sub-item
.sub-item__txt {
display: inline;
}
.sec-v43
.sec-container
.card-list
.card-v1
.card-container
.card-block__v2
.list-item
.item:nth-child(even) {
background-color: #000000;
}
.sec-v43 .sec-container .card-list .card-v2 .block-wrap {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 800px));
margin: 0 auto;
padding: 9rem 0;
}
.sec-v43 .sec-container .card-list .card-v2 .card-container {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 1200px));
margin: 0 auto;
}
.sec-v43 .sec-container .card-list .card-v2 .card-container .card-ttl {
background-color: #42210b;
color: white;
font-size: 2.4rem;
font-weight: 500;
padding: 1rem 0;
border-radius: 1rem;
}
.sec-v43 .sec-container .card-list .card-v2 .card-container .card-ttl .ttl-jp {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 1000px));
margin: 0 auto;
}
.sec-v43 .sec-container .card-list .card-v2 .card-container .card-block__v1 {
margin-top: 4rem;
}
.sec-v43
.sec-container
.card-list
.card-v2
.card-container
.card-block__v1
.block-content__v1 {
display: grid;
gap: 4rem 8rem;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr));
}
.sec-v43
.sec-container
.card-list
.card-v2
.card-container
.card-block__v1
.block-content__v1
.block-content__img {
min-height: 42rem;
}
.sec-v43
.sec-container
.card-list
.card-v2
.card-container
.card-block__v1
.block-content__v1
.block-content__img
img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sec-v43
.sec-container
.card-list
.card-v2
.card-container
.card-block__v1
.block-content__v1
.block-content__txt {
font-size: 1.6rem;
padding-top: 3rem;
}
.sec-v43
.sec-container
.card-list
.card-v2
.card-container
.card-block__v1
.block-content__v2 {
width: min(100%, 800px);
margin: 0 auto;
margin-top: 4rem;
}
.sec-v43
.sec-container
.card-list
.card-v2
.card-container
.card-block__v1
.block-content__v2
.block-ttl {
font-size: 1.4rem;
text-align: end;
}
.sec-v43
.sec-container
.card-list
.card-v2
.card-container
.card-block__v1
.block-content__v2
.list-item {
margin-top: 1rem;
display: grid;
row-gap: 5rem;
}
.sec-v43
.sec-container
.card-list
.card-v2
.card-container
.card-block__v1
.block-content__v2
.list-item
.item
.item-head {
font-size: 2rem;
font-weight: 500;
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 1.2rem;
border-bottom: 1px solid #42210b;
}
.sec-v43
.sec-container
.card-list
.card-v2
.card-container
.card-block__v1
.block-content__v2
.list-item
.item
.item-head
.txt-sm {
color: #a67c52;
}
.sec-v43
.sec-container
.card-list
.card-v2
.card-container
.card-block__v1
.block-content__v2
.list-item
.item
.item-content {
margin-top: 1.2rem;
}
.sec-v43
.sec-container
.card-list
.card-v2
.card-container
.card-block__v1
.block-content__v2
.list-item
.item
.item-content
.item-content__txt {
font-size: 1.6rem;
}
.sec-v43 .sec-container .card-list .card-v2 .card-container .card-block__v2 {
width: min(1000px, 100%);
margin: 0 auto;
margin-top: 4rem;
background-color: white;
border: 1px #707070 solid;
}
.sec-v43
.sec-container
.card-list
.card-v2
.card-container
.card-block__v2
.block-ttl {
text-align: center;
border-bottom: 1px solid #00a0e3;
max-width: 46rem;
margin: 0 auto;
padding-bottom: 1rem;
}
.sec-v43
.sec-container
.card-list
.card-v2
.card-container
.card-block__v2
.block-ttl
.ttl-en {
font-size: 1.3rem;
color: #00a0e3;
}
.sec-v43
.sec-container
.card-list
.card-v2
.card-container
.card-block__v2
.block-ttl
.ttl-jp {
font-size: 2.4rem;
margin-top: 8px;
font-weight: bold;
}
.sec-v43
.sec-container
.card-list
.card-v2
.card-container
.card-block__v2
.block-txt {
font-size: 1.5rem;
font-weight: 500;
text-align: center;
margin-top: 1rem;
}
.sec-v43
.sec-container
.card-list
.card-v2
.card-container
.card-block__v2
.list-item {
display: grid;
row-gap: 5rem;
margin-top: 4rem;
}
.sec-v43
.sec-container
.card-list
.card-v2
.card-container
.card-block__v2
.list-item
.item
.item-wrap
.item-ttl {
padding-bottom: 1.5rem;
border-bottom: 1px dashed #000;
}
.sec-v43
.sec-container
.card-list
.card-v2
.card-container
.card-block__v2
.list-item
.item
.item-wrap
.item-ttl
.txt-sm {
font-size: 2rem;
padding-left: 1rem;
position: relative;
font-weight: 500;
}
.sec-v43
.sec-container
.card-list
.card-v2
.card-container
.card-block__v2
.list-item
.item
.item-wrap
.item-ttl
.txt-sm::before {
content: '';
width: 5px;
height: 100%;
background-color: #00a0e3;
position: absolute;
top: 50%;
left: 0%;
transform: translateY(-50%);
}
.sec-v43
.sec-container
.card-list
.card-v2
.card-container
.card-block__v2
.list-item
.item
.item-wrap
.item-ttl
.txt-lg {
font-size: 2rem;
margin-top: 1rem;
padding-left: 2rem;
}
.sec-v43
.sec-container
.card-list
.card-v2
.card-container
.card-block__v2
.list-item
.item
.item-wrap
.item-ttl
.txt-lg
small {
font-size: 1.5rem;
font-weight: 500;
}
.sec-v43
.sec-container
.card-list
.card-v2
.card-container
.card-block__v2
.list-item
.item
.item-wrap
.item-content {
font-size: 1.6rem;
margin-top: 1.5rem;
line-height: 2;
}
.sec-v43 .sec-container .card-list .card-v3 .card-container {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 1200px));
margin: 0 auto;
}
.sec-v43
.sec-container
.card-list
.card-v3
.card-container
.list-card
.list-item {
display: grid;
gap: 4rem 8rem;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 560px), 1fr));
}
.sec-v43
.sec-container
.card-list
.card-v3
.card-container
.list-card
.list-item
.item
.item-head {
color: #52656f;
display: flex;
align-items: baseline;
gap: 0.8333333333em;
font-size: 2.4rem;
padding-bottom: 0.8rem;
position: relative;
width: -moz-fit-content;
width: fit-content;
}
.sec-v43
.sec-container
.card-list
.card-v3
.card-container
.list-card
.list-item
.item
.item-head::after {
content: '';
position: absolute;
width: 52%;
left: 0;
top: 100%;
border-bottom: 2px solid #52656f;
}
.sec-v43
.sec-container
.card-list
.card-v3
.card-container
.list-card
.list-item
.item
.item-head
.txt-jp {
font-size: 1.4rem;
}
.sec-v43
.sec-container
.card-list
.card-v3
.card-container
.list-card
.list-item
.item
.item-content {
margin-top: 2rem;
}
.sec-v43
.sec-container
.card-list
.card-v3
.card-container
.list-card
.list-item
.item
.item-content
.item-sublist {
display: grid;
}
.sec-v43
.sec-container
.card-list
.card-v3
.card-container
.list-card
.list-item
.item
.item-content
.item-sublist
.sub-item {
padding: 1.5rem 0;
border-bottom: 1px dashed #52656f;
}
.sec-v43
.sec-container
.card-list
.card-v3
.card-container
.list-card
.list-item
.item
.item-content
.subitem-head {
padding-left: 1.5rem;
position: relative;
display: flex;
justify-content: space-between;
}
.sec-v43
.sec-container
.card-list
.card-v3
.card-container
.list-card
.list-item
.item
.item-content
.subitem-head::after {
content: '';
width: 5px;
aspect-ratio: 5/9;
background-color: #333;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
-webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.sec-v43
.sec-container
.card-list
.card-v3
.card-container
.list-card
.list-item
.item
.item-content
.subitem-head
.txt-jp {
font-size: 1.8rem;
font-weight: 500;
}
.sec-v43
.sec-container
.card-list
.card-v3
.card-container
.list-card
.list-item
.item
.item-content
.subitem-head
.txt-en {
font-size: 1.9rem;
font-family: 'Cinzel', serif;
}
.sec-v43
.sec-container
.card-list
.card-v3
.card-container
.list-card
.list-item
.item
.item-content
.subitem-content__txt {
font-size: 1.4rem;
margin-top: 5px;
padding-left: 1.5rem;
}
.sec-v43 .sec-container .card-list .card-v4 .card-container {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 1230px));
margin: 0 auto;
}
.sec-v43 .sec-container .card-list .card-v4 .card-container .card-ttl {
background-color: #57810f;
text-align: center;
color: white;
font-size: 2.8rem;
font-weight: 600;
border-radius: 1rem;
}
.sec-v43 .sec-container .card-list .card-v4 .card-container .card-ttl .ttl-jp {
padding: 1rem;
}
.sec-v43 .sec-container .card-list .card-v4 .card-container .card-block-v1 {
font-size: 1.6rem;
margin-top: 1rem;
color: white;
text-align: end;
}
.sec-v43 .sec-container .card-list .card-v4 .card-container .card-content {
margin-top: 5rem;
color: white;
}
.sec-v43
.sec-container
.card-list
.card-v4
.card-container
.card-content
.list-item {
display: grid;
row-gap: 5rem;
}
.sec-v43
.sec-container
.card-list
.card-v4
.card-container
.card-content
.list-item
.item {
padding-bottom: 1rem;
border-bottom: 1px dashed white;
}
.sec-v43
.sec-container
.card-list
.card-v4
.card-container
.card-content
.list-item
.item
.item-wrap
.item-ttl {
font-size: 2.4rem;
font-weight: 600;
display: flex;
justify-content: space-between;
padding-left: 3rem;
position: relative;
}
.sec-v43
.sec-container
.card-list
.card-v4
.card-container
.card-content
.list-item
.item
.item-wrap
.item-ttl::before {
content: '';
width: 1rem;
height: 100%;
position: absolute;
background-color: #ffd700;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.sec-v43
.sec-container
.card-list
.card-v4
.card-container
.card-content
.list-item
.item
.item-wrap
.item-content {
margin-top: 2rem;
padding-left: 3rem;
font-size: 1.6rem;
}
.sec-v44 {
margin-top: 20rem;
}
.sec-v44 .sec-container .card-list .card-v1 .card-container {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 1000px));
margin: 0 auto;
}
.sec-v44 .sec-container .card-list .card-v1 .card-container .card-ttl {
background-color: #333333;
font-size: 2.8rem;
font-family: 'Zen Kaku Gothic New', sans-serif;
color: white;
position: relative;
}
.sec-v44 .sec-container .card-list .card-v1 .card-container .card-ttl::after {
content: '';
width: 2rem;
border-bottom: 3px solid white;
position: absolute;
right: 2rem;
top: 50%;
transform: translateY(-50%);
}
.sec-v44 .sec-container .card-list .card-v1 .card-container .card-ttl span {
background-color: #666666;
min-height: 6rem;
aspect-ratio: 1/1;
display: inline-flex;
align-items: center;
justify-content: center;
}
.sec-v44 .sec-container .card-list .card-v1 .card-container .card-ttl .ttl-jp {
font-size: 0.8571428571em;
display: inline;
padding: 2rem;
}
.sec-v44 .sec-container .card-list .card-v1 .card-container .card-content {
padding: 2rem 0rem 3rem 0rem;
width: min(100%, 920px);
margin: 0 auto;
}
.sec-v44
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item {
display: grid;
row-gap: 3rem;
}
.sec-v44
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item
.item {
font-family: 'Zen Kaku Gothic New', sans-serif;
border-bottom: 1px solid #333333;
padding-bottom: 3rem;
}
.sec-v44
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item
.item
.item-wrap
.item-ttl
.txt-sm {
font-size: 2.4rem;
}
.sec-v44
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item
.item
.item-wrap
.item-content {
margin-top: 2rem;
}
.sec-v44
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item
.item
.item-wrap
.item-content
.list-subitem {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
gap: 1rem;
}
.sec-v44
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item
.item
.item-wrap
.item-content
.list-subitem
.subitem
.subitem-content {
font-size: 1.5rem;
line-height: 1.6;
}
.sev-v55.faq {
margin-top: 10rem;
}
.sev-v55.faq .sec-container {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 1000px));
margin: 0 auto;
}
.sev-v55.faq .sec-container .faq-list {
display: grid;
row-gap: 4rem;
}
.sev-v55.faq .sec-container .faq-list .item.open .item-head .txt-jp::after {
transform: translateY(-50%) rotate(-135deg);
}
.sev-v55.faq .sec-container .faq-list .item .item-head {
background-color: white;
padding: 2.6rem 3rem;
cursor: pointer;
}
.sev-v55.faq .sec-container .faq-list .item .item-head .txt-jp {
font-size: 1.8rem;
font-weight: 500;
padding-right: 5rem;
position: relative;
display: flex;
align-items: baseline;
}
.sev-v55.faq .sec-container .faq-list .item .item-head .txt-jp::before {
content: 'Q';
font-size: 2.2rem;
font-family: 'Russo One', sans-serif;
color: #ff4500;
margin-right: 2.3rem;
}
.sev-v55.faq .sec-container .faq-list .item .item-head .txt-jp::after {
position: absolute;
right: 0;
top: 50%;
content: '';
width: 1.2rem;
height: 1.2rem;
transform: translateY(-50%) rotate(45deg);
border-bottom: 2px solid #333;
border-right: 2px solid #333;
transition: all 0.3s;
}
.sev-v55.faq .sec-container .faq-list .item .item-content {
padding: 1rem 3rem;
padding-bottom: 0;
color: white;
}
.sev-v55.faq .sec-container .faq-list .item .item-content .txt-jp {
display: flex;
align-items: baseline;
font-size: 1.5rem;
padding-right: 5rem;
line-height: 2;
}
.sev-v55.faq .sec-container .faq-list .item .item-content .txt-jp::before {
content: 'A';
font-size: 2.2rem;
font-family: 'Russo One', sans-serif;
margin-right: 2.3rem;
transform: translateY(1rem);
}
.sev-v55.faq .sec-container .faq-list .item .item-content {
display: none;
}
.page-7 {
--bd-bg: #cccccc;
background-color: var(--bd-bg);
}
.page-7 .sections {
background-color: transparent;
padding-top: 18rem;
padding-bottom: 11rem;
}
.page-7 .sections .container {
--max-width: 1000px;
}
.page-7 .breadcrumb {
background-color: transparent;
color: #333;
padding-top: 1rem;
font-family: 'Noto Sans JP', sans-serif;
}
.page-7 .breadcrumb .container {
--max-width: 1400px;
}
.page-7 .breadcrumb ul {
font-family: 'Noto Sans JP', sans-serif;
}
.sec-v56 .sec-container .card-list .card-v1 .card-container {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 1200px));
margin: 0 auto;
}
.sec-v56 .sec-container .card-list .card-v1 .card-container .card-ttl {
text-align: center;
padding-bottom: 2rem;
border-bottom: 1px solid #fc9b1b;
}
.sec-v56 .sec-container .card-list .card-v1 .card-container .card-ttl .txt-lg {
font-size: 3rem;
font-weight: 600;
display: flex;
justify-content: center;
gap: 3rem;
}
.sec-v56
.sec-container
.card-list
.card-v1
.card-container
.card-ttl
.txt-lg::after,
.sec-v56
.sec-container
.card-list
.card-v1
.card-container
.card-ttl
.txt-lg::before {
content: '';
height: 1.6666666667em;
width: 3px;
background-color: #fc9b1b;
}
.sec-v56
.sec-container
.card-list
.card-v1
.card-container
.card-ttl
.txt-lg::after {
transform: rotate(45deg);
}
.sec-v56
.sec-container
.card-list
.card-v1
.card-container
.card-ttl
.txt-lg::before {
transform: rotate(-45deg);
}
.sec-v56 .sec-container .card-list .card-v1 .card-container .card-ttl .txt-sm {
margin-top: 0.5rem;
color: #fc9b1b;
font-size: 2rem;
font-weight: 500;
}
.sec-v56 .sec-container .card-list .card-v1 .card-container .card-content {
display: grid;
grid-template-columns: auto 50%;
margin-top: 5rem;
gap: 8rem;
}
@media (max-width: 1024px) {
.sec-v56 .sec-container .card-list .card-v1 .card-container .card-content {
grid-template-columns: repeat(1, 1fr);
row-gap: 4rem;
}
}
.sec-v56
.sec-container
.card-list
.card-v1
.card-container
.card-content
.card-list {
display: grid;
row-gap: 3rem;
align-self: center;
}
.sec-v56
.sec-container
.card-list
.card-v1
.card-container
.card-content
.card-list
.item {
font-size: 1.8rem;
display: flex;
align-items: start;
}
.sec-v56
.sec-container
.card-list
.card-v1
.card-container
.card-content
.card-list
.item::before {
content: '';
width: 1.5555555556em;
aspect-ratio: 1/1;
flex-shrink: 0;
margin-right: 1rem;
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/check-circle-icon-or.svg) no-repeat center
center/contain;
}
.sec-v56
.sec-container
.card-list
.card-v1
.card-container
.card-content
.card-list
.item
p {
line-height: 1.5;
border-bottom: 1px dashed #707070;
padding-bottom: 0.15em;
}
.sec-v56
.sec-container
.card-list
.card-v1
.card-container
.card-content
.card-img {
height: 39rem;
}
@media (max-width: 1024px) {
.sec-v56
.sec-container
.card-list
.card-v1
.card-container
.card-content
.card-img {
order: -1;
}
}
.sec-v56
.sec-container
.card-list
.card-v1
.card-container
.card-content
.card-img
img {
border-radius: 2rem;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.sec-v57 {
margin-top: 4rem;
}
.sec-v57 .sec-container .card-list {
display: grid;
row-gap: 11rem;
}
.sec-v57 .sec-container .card-list .card-v1 .card-container {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 1200px));
margin: 0 auto;
}
.sec-v57 .sec-container .card-list .card-v1 .card-container .card-ttl {
font-size: 5rem;
font-weight: 800;
text-align: center;
}
@media (max-width: 768px) {
.sec-v57 .sec-container .card-list .card-v1 .card-container .card-ttl {
font-size: 4rem;
}
}
.sec-v57 .sec-container .card-list .card-v1 .card-container .card-content {
margin-top: 7rem;
}
.sec-v57
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 6rem;
padding-top: 7rem;
}
@media (max-width: 1024px) {
.sec-v57
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.sec-v57
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.sec-v57
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item
.item {
position: relative;
padding-bottom: 2rem;
}
.sec-v57
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item
.item:not(:last-child)::after {
content: '';
width: 1px;
height: 100%;
position: absolute;
right: -3rem;
top: 0;
border-left: 1px dashed #707070;
}
@media (max-width: 1024px) {
.sec-v57
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item
.item:nth-child(2)::after {
display: none;
}
}
@media (max-width: 768px) {
.sec-v57
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item
.item::after {
display: none;
}
}
.sec-v57
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item
.item
.item-ttl {
display: flex;
justify-content: center;
position: relative;
z-index: 1;
}
.sec-v57
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item
.item
.item-ttl
.ttl-inner {
color: white;
font-family: 'Oswald', sans-serif;
display: grid;
place-content: center;
text-align: center;
font-size: 2.8rem;
width: 20%;
aspect-ratio: 1/1;
background-color: #ff8c00;
border-radius: 100%;
top: 0;
left: 50%;
}
.sec-v57
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item
.item
.item-ttl
.ttl-inner
small {
font-size: 0.5357142857em;
}
.sec-v57
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item
.item
.item-ttl
.ttl-inner
span {
font-weight: 500;
line-height: 1;
}
.sec-v57
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item
.item
.item-img {
margin-top: -10%;
width: 100%;
position: relative;
z-index: 0;
aspect-ratio: 360/210;
}
.sec-v57
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item
.item
.item-img
img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sec-v57
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item
.item
.item-content {
margin-top: 1rem;
}
.sec-v57
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item
.item
.item-content
.item-content__tt {
font-size: 2.2rem;
font-weight: bold;
text-align: center;
}
.sec-v57
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item
.item
.item-content
.item-content__txt {
margin-top: 1rem;
}
.sec-v57
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item
.item
.item-content
.item-content__txt
p {
font-size: 1.5rem;
}
.sec-v57 .sec-container .card-list .card-v2 .card-container {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 1200px));
margin: 0 auto;
}
.sec-v57 .sec-container .card-list .card-v2 .card-container .card-ttl {
text-align: center;
font-family: 'Mochiy Pop One', sans-serif;
font-size: 5rem;
}
.sec-v57 .sec-container .card-list .card-v2 .card-container .card-ttl .txt-sm {
font-size: 0.6em;
}
.sec-v57 .sec-container .card-list .card-v2 .card-container .card-content {
margin-top: 8rem;
display: grid;
grid-template-columns: auto 65%;
gap: 5rem;
}
@media (max-width: 1024px) {
.sec-v57 .sec-container .card-list .card-v2 .card-container .card-content {
grid-template-columns: repeat(1, 1fr);
}
}
.sec-v57
.sec-container
.card-list
.card-v2
.card-container
.card-content
.card-content__img {
align-self: center;
display: flex;
justify-content: center;
}
.sec-v57
.sec-container
.card-list
.card-v2
.card-container
.card-content
.card-content__img
img {
width: 100%;
}
@media (max-width: 1024px) {
.sec-v57
.sec-container
.card-list
.card-v2
.card-container
.card-content
.card-content__img
img {
width: 70%;
margin: 0 auto;
}
}
.sec-v57
.sec-container
.card-list
.card-v2
.card-container
.card-content
.card-content__list {
display: grid;
row-gap: 2rem;
}
.sec-v57
.sec-container
.card-list
.card-v2
.card-container
.card-content
.card-content__list
.item {
display: flex;
align-items: center;
gap: 2rem;
}
.sec-v57
.sec-container
.card-list
.card-v2
.card-container
.card-content
.card-content__list
.item
.item-ttl {
min-width: clamp(10rem, calc(150 / 768 * 100 * 1vw), 15rem);
border-radius: 100%;
aspect-ratio: 1/1;
display: grid;
place-content: center;
flex-shrink: 0;
background: transparent linear-gradient(180deg, #ff8c00 0%, #f9c587 100%);
}
.sec-v57
.sec-container
.card-list
.card-v2
.card-container
.card-content
.card-content__list
.item
.item-ttl
span {
color: white;
font-family: 'Mochiy Pop One', sans-serif;
font-size: clamp(3rem, calc(40 / 768 * 100 * 1vw), 4rem);
text-align: center;
}
.sec-v57
.sec-container
.card-list
.card-v2
.card-container
.card-content
.card-content__list
.item
.item-ttl__sp {
display: none;
}
@media (max-width: 768px) {
.sec-v57
.sec-container
.card-list
.card-v2
.card-container
.card-content
.card-content__list
.item
.item-ttl__sp {
display: grid;
float: left;
shape-outside: circle(50%);
margin-right: 1.5rem;
}
}
.sec-v57
.sec-container
.card-list
.card-v2
.card-container
.card-content
.card-content__list
.item
.item-ttl__pc {
display: grid;
}
@media (max-width: 768px) {
.sec-v57
.sec-container
.card-list
.card-v2
.card-container
.card-content
.card-content__list
.item
.item-ttl__pc {
display: none;
}
}
.sec-v57
.sec-container
.card-list
.card-v2
.card-container
.card-content
.card-content__list
.item
.item-content {
padding-bottom: 2rem;
border-bottom: 1px solid #ff7440;
}
.sec-v57
.sec-container
.card-list
.card-v2
.card-container
.card-content
.card-content__list
.item
.item-content
h3 {
font-size: 3rem;
color: #ff4500;
line-height: 1;
}
.sec-v57
.sec-container
.card-list
.card-v2
.card-container
.card-content
.card-content__list
.item
.item-content
h3
span {
font-size: 1.6666666667em;
}
.sec-v57
.sec-container
.card-list
.card-v2
.card-container
.card-content
.card-content__list
.item
.item-content
.item-content__txt {
margin-top: 1rem;
line-height: 1.5;
}
@media (max-width: 768px) {
.sec-v57
.sec-container
.card-list
.card-v2
.card-container
.card-content
.card-content__list
.item
.item-content
.item-content__txt {
margin-top: 2rem;
}
}
.sec-v57
.sec-container
.card-list
.card-v2
.card-container
.card-content
.card-content__list
.item
.item-content
.item-content__txt
p {
font-size: 1.8rem;
}
.sec-v57 .sec-container .card-list .card-v3 .card-container {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 800px));
margin: 0 auto;
}
.sec-v57 .sec-container .card-list .card-v3 .card-container .card-ttl {
text-align: center;
}
.sec-v57 .sec-container .card-list .card-v3 .card-container .card-ttl .txt-en {
font-size: 2.8rem;
font-weight: bold;
color: white;
padding: 0 1.5rem;
background-color: #ed7700;
text-transform: uppercase;
letter-spacing: 0.1em;
}
.sec-v57 .sec-container .card-list .card-v3 .card-container .card-ttl .txt-jp {
display: block;
font-size: 1.7rem;
font-weight: 500;
line-height: 1.6;
color: #ed7700;
margin-top: 5px;
padding-bottom: 1rem;
position: relative;
letter-spacing: 0.1em;
}
.sec-v57
.sec-container
.card-list
.card-v3
.card-container
.card-ttl
.txt-jp::after {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 4%;
transform: translateX(-50%);
border-bottom: 1.5px solid #ed7700;
}
.sec-v57 .sec-container .card-list .card-v3 .card-container .card-content {
margin-top: 3rem;
}
.sec-v57
.sec-container
.card-list
.card-v3
.card-container
.card-content
.card-content__list {
width: min(100%, 660px);
margin: 0 auto;
display: grid;
-moz-column-gap: 9rem;
column-gap: 9rem;
row-gap: 5rem;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 150px), 1fr));
}
.sec-v57
.sec-container
.card-list
.card-v3
.card-container
.card-content
.card-content__list
.item
.item-img {
width: 100%;
aspect-ratio: 1/1;
background-color: #ed7700;
display: grid;
place-content: center;
border-radius: 100%;
}
.sec-v57
.sec-container
.card-list
.card-v3
.card-container
.card-content
.card-content__list
.item
.item-img
img {
width: 90%;
}
.sec-v57
.sec-container
.card-list
.card-v3
.card-container
.card-content
.card-content__list
.item
.item-content {
text-align: center;
font-size: 2.4rem;
font-weight: bold;
margin-top: 1.6rem;
}
.sec-v57
.sec-container
.card-list
.card-v3
.card-container
.card-content
.card-content__list
.item
.item-content
span {
text-decoration: underline;
text-decoration-thickness: 0.6em;
text-decoration-color: #fad6b2;
text-underline-offset: -0.2em;
}
.sec-v57
.sec-container
.card-list
.card-v3
.card-container
.card-content
.card-content__btn {
margin-top: 2.5rem;
border-top: 3px solid #ed7700;
display: flex;
justify-content: center;
}
.sec-v57
.sec-container
.card-list
.card-v3
.card-container
.card-content
.card-content__btn
a {
margin-top: 3rem;
text-align: center;
font-size: 1.4rem;
font-weight: 500;
color: #ed7700;
background-color: #fdfde0;
padding: 6px 2.8rem;
border: 1px #ed7700 solid;
transition: all 0.3s;
}
.sec-v57
.sec-container
.card-list
.card-v3
.card-container
.card-content
.card-content__btn
a:hover {
opacity: 0.7;
}
.sec-v58.flow {
margin-top: 11rem;
}
.sec-v58.flow .sec-container .card-list {
display: flex;
flex-direction: column;
row-gap: 10rem;
}
.sec-v58.flow .sec-container .card-list .card-v1 {
background-color: #191919;
padding: 6rem 0 12rem 0;
}
.sec-v58.flow .sec-container .card-list .card-v1 .card-container {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 1400px));
margin: 0 auto;
}
.sec-v58.flow .sec-container .card-list .card-v1 .card-container .card-ttl {
text-align: center;
color: white;
}
.sec-v58.flow
.sec-container
.card-list
.card-v1
.card-container
.card-ttl
.txt-sm {
font-size: 1.5rem;
font-family: 'Hina Mincho', serif;
}
.sec-v58.flow
.sec-container
.card-list
.card-v1
.card-container
.card-ttl
.txt-lg {
font-family: 'Futura PT', sans-serif;
font-size: 4.6rem;
letter-spacing: 0.1em;
line-height: 1.3;
margin-top: 1rem;
}
.sec-v58.flow
.sec-container
.card-list
.card-v1
.card-container
.card-ttl
.lines {
margin-top: 2rem;
display: flex;
gap: 7px;
justify-content: center;
}
.sec-v58.flow
.sec-container
.card-list
.card-v1
.card-container
.card-ttl
.lines
span {
height: 1rem;
border: 1px solid white;
background-color: white;
}
.sec-v58.flow .sec-container .card-list .card-v1 .card-container .card-content {
margin-top: 4rem;
}
@media (max-width: 1200px) {
.sec-v58.flow
.sec-container
.card-list
.card-v1
.card-container
.card-content {
overflow: auto;
}
}
@media (max-width: 768px) {
.sec-v58.flow
.sec-container
.card-list
.card-v1
.card-container
.card-content {
overflow: unset;
}
}
.sec-v58.flow
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item {
color: white;
--gap: 6rem;
display: grid;
gap: var(--gap);
grid-template-columns: repeat(4, minmax(0, 1fr));
}
@media (max-width: 1200px) {
.sec-v58.flow
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item {
width: 1200px;
margin: 0 auto;
}
}
@media (max-width: 768px) {
.sec-v58.flow
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item {
width: 100%;
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.sec-v58.flow
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item
.item:not(:last-child) {
position: relative;
}
.sec-v58.flow
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item
.item:not(:last-child)::after {
content: '';
position: absolute;
width: 3rem;
aspect-ratio: 1/1;
top: 50%;
left: 100%;
transform: translateX(calc(var(--gap) / 4));
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/awesome-arrow-right.svg) no-repeat center
center/contain;
}
@media (max-width: 768px) {
.sec-v58.flow
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item
.item:not(:last-child)::after {
top: 100%;
left: 50%;
right: auto;
transform: unset;
transform: translateY(calc(var(--gap) / 4)) rotate(90deg);
}
}
.sec-v58.flow
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item
.item
.item-ttl
.ttl-en {
font-weight: bold;
font-family: 'Futura PT', sans-serif;
font-size: 1.8rem;
}
.sec-v58.flow
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item
.item
.item-ttl
.ttl-en
small {
letter-spacing: 0.1em;
}
.sec-v58.flow
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item
.item
.item-ttl
.ttl-en
span {
font-size: 1.5555555556em;
}
.sec-v58.flow
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item
.item
.item-ttl
.ttl-jp {
font-family: 'Hina Mincho', serif;
font-size: 2.2rem;
}
.sec-v58.flow
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item
.item
.item-ttl
.ttl-jp
p {
display: flex;
align-items: center;
gap: 1rem;
}
.sec-v58.flow
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item
.item
.item-content {
margin-top: 3rem;
}
.sec-v58.flow
.sec-container
.card-list
.card-v1
.card-container
.card-content
.list-item
.item
.item-content
.item-content__txt {
font-size: 1.4rem;
font-family: 'Hina Mincho', serif;
line-height: 2;
}
.sec-v58.flow .sec-container .card-list .card-v2 .card-container {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 1200px));
margin: 0 auto;
}
.sec-v58.flow
.sec-container
.card-list
.card-v2
.card-container
.card-content
.list-item {
display: grid;
row-gap: 5rem;
}
.sec-v58.flow
.sec-container
.card-list
.card-v2
.card-container
.card-content
.list-item
.item {
display: flex;
align-items: start;
gap: 4rem;
}
@media (max-width: 1024px) {
.sec-v58.flow
.sec-container
.card-list
.card-v2
.card-container
.card-content
.list-item
.item {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.sec-v58.flow
.sec-container
.card-list
.card-v2
.card-container
.card-content
.list-item
.item {
-moz-column-gap: 0;
column-gap: 0;
row-gap: 2rem;
}
}
.sec-v58.flow
.sec-container
.card-list
.card-v2
.card-container
.card-content
.list-item
.item
.item-ttl__wrap {
min-width: 9rem;
aspect-ratio: 1/1;
background-color: #fc9b1b;
border-radius: 100%;
flex-shrink: 0;
}
@media (max-width: 1024px) {
.sec-v58.flow
.sec-container
.card-list
.card-v2
.card-container
.card-content
.list-item
.item
.item-ttl {
grid-column: span 2;
}
}
@media (max-width: 768px) {
.sec-v58.flow
.sec-container
.card-list
.card-v2
.card-container
.card-content
.list-item
.item
.item-ttl {
grid-column: 1/-1;
width: 100%;
display: flex;
justify-content: center;
}
}
.sec-v58.flow
.sec-container
.card-list
.card-v2
.card-container
.card-content
.list-item
.item
.item-ttl
.ttl-en {
font-size: 3.2rem;
color: white;
height: 100%;
display: grid;
place-content: center;
text-align: center;
}
.sec-v58.flow
.sec-container
.card-list
.card-v2
.card-container
.card-content
.list-item
.item
.item-ttl
.ttl-en
small {
font-size: 0.625em;
text-transform: uppercase;
}
.sec-v58.flow
.sec-container
.card-list
.card-v2
.card-container
.card-content
.list-item
.item
.item-ttl
.ttl-en
span {
line-height: 1;
font-weight: bold;
}
@media (max-width: 1024px) {
.sec-v58.flow
.sec-container
.card-list
.card-v2
.card-container
.card-content
.list-item
.item
.item-content {
grid-column: span 10;
}
}
@media (max-width: 768px) {
.sec-v58.flow
.sec-container
.card-list
.card-v2
.card-container
.card-content
.list-item
.item
.item-content {
grid-column: 1/-1;
}
}
.sec-v58.flow
.sec-container
.card-list
.card-v2
.card-container
.card-content
.list-item
.item
.item-content
.item-content__txt
.txt-ttl {
font-size: 2.5rem;
font-weight: bold;
padding-bottom: 1rem;
line-height: 1.5;
border-bottom: 2px solid #333333;
}
.sec-v58.flow
.sec-container
.card-list
.card-v2
.card-container
.card-content
.list-item
.item
.item-content
.item-content__txt
.txt-content {
margin-top: 2rem;
font-size: 1.6rem;
line-height: 1.75;
}
.sec-v58.flow
.sec-container
.card-list
.card-v2
.card-container
.card-content
.list-item
.item
.item-content
.item-content__txt
.txt-btn {
margin-top: 6rem;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
gap: 2rem;
color: white;
font-size: 1.8rem;
font-weight: bold;
}
.sec-v58.flow
.sec-container
.card-list
.card-v2
.card-container
.card-content
.list-item
.item
.item-content
.item-content__txt
.txt-btn
button,
.sec-v58.flow
.sec-container
.card-list
.card-v2
.card-container
.card-content
.list-item
.item
.item-content
.item-content__txt
.txt-btn
a {
border-radius: 2rem;
padding: 1.2rem 3.4rem;
}
.sec-v58.flow
.sec-container
.card-list
.card-v2
.card-container
.card-content
.list-item
.item
.item-content
.item-content__txt
.txt-btn
.or {
background-color: #f27129;
}
.sec-v58.flow
.sec-container
.card-list
.card-v2
.card-container
.card-content
.list-item
.item
.item-content
.item-content__txt
.txt-btn
.yellow {
background-color: #e99504;
}
.sec-v58.flow
.sec-container
.card-list
.card-v2
.card-container
.card-content
.list-item
.item
.item-content
.item-content__txt
.txt-btn
.red {
background-color: #cd002c;
}
.sec-v58.flow
.sec-container
.card-list
.card-v2
.card-container
.card-content
.list-item
.item
.item-img {
width: 34rem;
aspect-ratio: 34/28;
flex-shrink: 0;
}
@media (max-width: 1024px) {
.sec-v58.flow
.sec-container
.card-list
.card-v2
.card-container
.card-content
.list-item
.item
.item-img {
order: -1;
grid-column: 1/-1;
width: 100%;
}
}
.sec-v58.flow
.sec-container
.card-list
.card-v2
.card-container
.card-content
.list-item
.item
.item-img
img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.sec-v58.flow .sec-container .card-list .card-v3 .card-container {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 1000px));
margin: 0 auto;
}
.sec-v58.flow
.sec-container
.card-list
.card-v3
.card-container
.card-content
.list-item {
--gap: 7rem;
display: grid;
row-gap: var(--gap);
}
.sec-v58.flow
.sec-container
.card-list
.card-v3
.card-container
.card-content
.list-item
.item {
color: white;
display: grid;
grid-template-columns: 20% auto;
}
@media (max-width: 768px) {
.sec-v58.flow
.sec-container
.card-list
.card-v3
.card-container
.card-content
.list-item
.item {
grid-template-columns: repeat(1, 1fr);
row-gap: 2rem;
}
}
.sec-v58.flow
.sec-container
.card-list
.card-v3
.card-container
.card-content
.list-item
.item:not(:last-child) {
position: relative;
}
.sec-v58.flow
.sec-container
.card-list
.card-v3
.card-container
.card-content
.list-item
.item:not(:last-child)::after {
content: '';
width: 3.2rem;
aspect-ratio: 1/1;
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/arrow-circle-down-white.svg) no-repeat center
center/contain;
position: absolute;
left: 50%;
top: 100%;
transform: translate(-50%, calc(var(--gap) / 4));
}
.sec-v58.flow
.sec-container
.card-list
.card-v3
.card-container
.card-content
.list-item
.item
.item-ttl {
margin-right: 2rem;
}
.sec-v58.flow
.sec-container
.card-list
.card-v3
.card-container
.card-content
.list-item
.item
.item-ttl
.item-ttl__wrap
.ttl-en {
font-size: 3.6rem;
font-family: 'Russo One', sans-serif;
letter-spacing: 0.04em;
}
.sec-v58.flow
.sec-container
.card-list
.card-v3
.card-container
.card-content
.list-item
.item
.item-content
.item-content__txt
.txt-ttl {
font-size: 2rem;
font-weight: 500;
padding-bottom: 1.5rem;
border-bottom: 1px solid white;
}
.sec-v58.flow
.sec-container
.card-list
.card-v3
.card-container
.card-content
.list-item
.item
.item-content
.item-content__txt
.txt-content {
font-size: 1.5rem;
line-height: 2;
margin-top: 1.5rem;
}
.sec-v58.flow .sec-container .card-list .card-v4 .card-container {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 1000px));
margin: 0 auto;
}
.sec-v58.flow
.sec-container
.card-list
.card-v4
.card-container
.card-content
.list-item {
display: grid;
row-gap: 4rem;
}
.sec-v58.flow
.sec-container
.card-list
.card-v4
.card-container
.card-content
.list-item
.item {
padding-bottom: 3rem;
border-bottom: 1px dashed #ffffff;
}
.sec-v58.flow
.sec-container
.card-list
.card-v4
.card-container
.card-content
.list-item
.item-inner {
width: min(100%, 800px);
margin: 0 auto;
}
.sec-v58.flow
.sec-container
.card-list
.card-v4
.card-container
.card-content
.list-item
.item
.item-ttl {
display: flex;
align-items: center;
gap: 2rem;
color: white;
}
.sec-v58.flow
.sec-container
.card-list
.card-v4
.card-container
.card-content
.list-item
.item
.item-ttl
.item-ttl__wrap
.ttl-en {
width: 10rem;
aspect-ratio: 1/1;
border-radius: 100%;
border: 2px solid white;
display: grid;
place-content: center;
font-size: 3.6rem;
text-align: center;
font-family: 'Cinzel', serif;
}
@media (max-width: 768px) {
.sec-v58.flow
.sec-container
.card-list
.card-v4
.card-container
.card-content
.list-item
.item
.item-ttl
.item-ttl__wrap
.ttl-en {
width: 8rem;
font-size: 3rem;
}
}
.sec-v58.flow
.sec-container
.card-list
.card-v4
.card-container
.card-content
.list-item
.item
.item-ttl
.item-ttl__wrap
.ttl-en
small {
font-size: 0.5em;
letter-spacing: 0.1em;
}
@media (max-width: 768px) {
.sec-v58.flow
.sec-container
.card-list
.card-v4
.card-container
.card-content
.list-item
.item
.item-ttl
.item-ttl__wrap
.ttl-en
small {
font-size: 0.4666666667em;
}
}
.sec-v58.flow
.sec-container
.card-list
.card-v4
.card-container
.card-content
.list-item
.item
.item-ttl
.item-ttl__wrap
.ttl-en
span {
line-height: 1;
margin-top: 0.5rem;
}
.sec-v58.flow
.sec-container
.card-list
.card-v4
.card-container
.card-content
.list-item
.item
.item-ttl
.txt-ttl {
font-size: 2.1rem;
font-weight: 500;
}
.sec-v58.flow
.sec-container
.card-list
.card-v4
.card-container
.card-content
.list-item
.item
.item-content {
margin-top: 3rem;
}
.sec-v58.flow
.sec-container
.card-list
.card-v4
.card-container
.card-content
.list-item
.item
.item-content
.item-content__txt {
font-size: 1.5rem;
line-height: 2.1;
color: white;
}
.sec-v58.flow .sec-container .card-list .card-v5 .card-container {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 1000px));
margin: 0 auto;
background-color: white;
border-radius: 2rem;
padding-top: 6rem;
padding-bottom: 8rem;
}
.sec-v58.flow .sec-container .card-list .card-v5 .card-container .card-wrap {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 840px));
margin: 0 auto;
}
.sec-v58.flow .sec-container .card-list .card-v5 .card-container .card-ttl {
text-align: center;
font-size: 2.6rem;
font-weight: bold;
}
.sec-v58.flow
.sec-container
.card-list
.card-v5
.card-container
.card-ttl
.ttl-dots {
margin-top: 1rem;
display: flex;
justify-content: center;
gap: 7px;
}
.sec-v58.flow
.sec-container
.card-list
.card-v5
.card-container
.card-ttl
.ttl-dots
span {
width: 4px;
aspect-ratio: 1/1;
background-color: #ec6d75;
border-radius: 100%;
}
.sec-v58.flow .sec-container .card-list .card-v5 .card-container .card-content {
margin-top: 4rem;
}
.sec-v58.flow
.sec-container
.card-list
.card-v5
.card-container
.card-content
.list-item {
position: relative;
display: grid;
row-gap: 2rem;
}
.sec-v58.flow
.sec-container
.card-list
.card-v5
.card-container
.card-content
.list-item::after {
content: '';
width: 8px;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: #efefef;
}
.sec-v58.flow
.sec-container
.card-list
.card-v5
.card-container
.card-content
.list-item
.item {
position: relative;
padding-left: 5rem;
}
@media (max-width: 768px) {
.sec-v58.flow
.sec-container
.card-list
.card-v5
.card-container
.card-content
.list-item
.item {
padding-left: 3rem;
}
}
.sec-v58.flow
.sec-container
.card-list
.card-v5
.card-container
.card-content
.list-item
.item:is(:first-child)::before {
content: '';
width: 2rem;
aspect-ratio: 1/1;
background-color: #ec6d75;
border-radius: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
transform: translateX(-30%);
}
.sec-v58.flow
.sec-container
.card-list
.card-v5
.card-container
.card-content
.list-item
.item::after {
content: '';
width: 2rem;
aspect-ratio: 1/1;
background-color: #ec6d75;
border-radius: 100%;
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
transform: translate(-30%, 50%);
}
.sec-v58.flow
.sec-container
.card-list
.card-v5
.card-container
.card-content
.list-item
.item
.item-inner {
padding-bottom: 2rem;
border-bottom: 2px dashed #dc7478;
display: flex;
gap: 2.5rem;
}
@media (max-width: 768px) {
.sec-v58.flow
.sec-container
.card-list
.card-v5
.card-container
.card-content
.list-item
.item
.item-inner {
flex-wrap: wrap;
row-gap: 1.5rem;
-moz-column-gap: 0;
column-gap: 0;
}
}
.sec-v58.flow
.sec-container
.card-list
.card-v5
.card-container
.card-content
.list-item
.item
.item-inner
.item-ttl
.item-ttl__wrap
.ttl-en {
font-size: 2.2rem;
font-family: 'Roboto', sans-serif;
color: #959595;
}
.sec-v58.flow
.sec-container
.card-list
.card-v5
.card-container
.card-content
.list-item
.item
.item-inner
.item-content
.txt-ttl {
font-size: 1.8rem;
font-weight: bold;
}
.sec-v58.flow
.sec-container
.card-list
.card-v5
.card-container
.card-content
.list-item
.item
.item-inner
.item-content
.item-content__txt {
margin-top: 1.2rem;
}
.sec-v58.flow
.sec-container
.card-list
.card-v5
.card-container
.card-content
.list-item
.item
.item-inner
.item-content
.item-content__txt
.txt-content {
font-size: 1.6rem;
}
.sec-v58.flow .sec-container .card-list .card-v6 .card-container {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 1200px));
margin: 0 auto;
}
.sec-v58.flow
.sec-container
.card-list
.card-v6
.card-container
.card-content
.list-item {
display: grid;
row-gap: 4rem;
}
.sec-v58.flow
.sec-container
.card-list
.card-v6
.card-container
.card-content
.list-item
.item {
padding-bottom: 3rem;
border-bottom: 1px dashed #333;
}
.sec-v58.flow
.sec-container
.card-list
.card-v6
.card-container
.card-content
.list-item
.item-inner {
width: min(100%, 1000px);
margin: 0 auto;
display: flex;
gap: 4rem;
align-items: center;
}
@media (max-width: 768px) {
.sec-v58.flow
.sec-container
.card-list
.card-v6
.card-container
.card-content
.list-item
.item-inner {
flex-wrap: wrap;
row-gap: 3rem;
}
}
.sec-v58.flow
.sec-container
.card-list
.card-v6
.card-container
.card-content
.list-item
.item
.item-ttl {
display: flex;
align-items: center;
gap: 2rem;
flex-shrink: 0;
}
@media (max-width: 768px) {
.sec-v58.flow
.sec-container
.card-list
.card-v6
.card-container
.card-content
.list-item
.item
.item-ttl {
width: 100%;
justify-content: center;
}
}
.sec-v58.flow
.sec-container
.card-list
.card-v6
.card-container
.card-content
.list-item
.item
.item-ttl
.item-ttl__wrap
.ttl-en {
width: 18rem;
aspect-ratio: 1/1;
border-radius: 100%;
border: 2px solid white;
display: grid;
place-content: center;
font-size: 4.2rem;
text-align: center;
font-family: 'Josefin Sans', sans-serif;
border: 2px solid #707070;
letter-spacing: 0.1em;
font-weight: bold;
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/flow-logo-img.png) no-repeat center center;
background-size: 70%;
background-color: white;
}
@media (max-width: 768px) {
.sec-v58.flow
.sec-container
.card-list
.card-v6
.card-container
.card-content
.list-item
.item
.item-ttl
.item-ttl__wrap
.ttl-en {
width: 14rem;
font-size: 3.5rem;
}
}
.sec-v58.flow
.sec-container
.card-list
.card-v6
.card-container
.card-content
.list-item
.item
.item-ttl
.item-ttl__wrap
.ttl-en
small {
font-size: 0.5238095238em;
}
@media (max-width: 768px) {
.sec-v58.flow
.sec-container
.card-list
.card-v6
.card-container
.card-content
.list-item
.item
.item-ttl
.item-ttl__wrap
.ttl-en
small {
font-size: 0.5714285714em;
}
}
.sec-v58.flow
.sec-container
.card-list
.card-v6
.card-container
.card-content
.list-item
.item
.item-ttl
.item-ttl__wrap
.ttl-en
span {
line-height: 1;
margin-top: 1.5rem;
letter-spacing: 0.15em;
}
.sec-v58.flow
.sec-container
.card-list
.card-v6
.card-container
.card-content
.list-item
.item
.item-content
.txt-ttl {
font-size: 2.1rem;
font-weight: 500;
}
.sec-v58.flow
.sec-container
.card-list
.card-v6
.card-container
.card-content
.list-item
.item
.item-content
.item-content__txt {
font-size: 1.8rem;
line-height: 2;
margin-top: 2rem;
}
.sec-v58.flow .sec-container .card-list .card-v7 .card-container {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 800px));
margin: 0 auto;
}
.sec-v58.flow
.sec-container
.card-list
.card-v7
.card-container
.card-content
.list-item {
display: grid;
row-gap: 6rem;
}
@media (max-width: 768px) {
.sec-v58.flow
.sec-container
.card-list
.card-v7
.card-container
.card-content
.list-item {
row-gap: 8rem;
}
}
.sec-v58.flow
.sec-container
.card-list
.card-v7
.card-container
.card-content
.list-item
.item {
padding-bottom: 2rem;
border-bottom: 2px dashed #63bbbb;
position: relative;
--rect-w: 8%;
--ttl-bg: #63bbbb;
}
.sec-v58.flow
.sec-container
.card-list
.card-v7
.card-container
.card-content
.list-item
.item:nth-child(even) {
--ttl-bg: #93c5c5;
}
.sec-v58.flow
.sec-container
.card-list
.card-v7
.card-container
.card-content
.list-item
.item:not(:last-child)::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%) translateY(-48%) rotate(34deg) skew(-25deg);
width: var(--rect-w);
background-color: transparent;
aspect-ratio: 1/1;
border-right: 2px dashed #63bbbb;
border-bottom: 2px dashed #63bbbb;
z-index: 3;
background-color: var(--bd-bg);
}
.sec-v58.flow
.sec-container
.card-list
.card-v7
.card-container
.card-content
.list-item
.item
.item-inner {
display: flex;
gap: 4rem;
}
@media (max-width: 768px) {
.sec-v58.flow
.sec-container
.card-list
.card-v7
.card-container
.card-content
.list-item
.item
.item-inner {
flex-wrap: wrap;
row-gap: 1rem;
}
}
@media (max-width: 768px) {
.sec-v58.flow
.sec-container
.card-list
.card-v7
.card-container
.card-content
.list-item
.item
.item-inner
.item-ttl {
display: flex;
justify-content: center;
width: 100%;
}
}
.sec-v58.flow
.sec-container
.card-list
.card-v7
.card-container
.card-content
.list-item
.item
.item-inner
.item-ttl
.item-ttl__wrap {
width: 18rem;
aspect-ratio: 1/1;
background-color: var(--ttl-bg);
color: white;
border-radius: 100%;
position: relative;
}
@media (max-width: 768px) {
.sec-v58.flow
.sec-container
.card-list
.card-v7
.card-container
.card-content
.list-item
.item
.item-inner
.item-ttl
.item-ttl__wrap {
width: 14rem;
}
}
.sec-v58.flow
.sec-container
.card-list
.card-v7
.card-container
.card-content
.list-item
.item
.item-inner
.item-ttl
.item-ttl__wrap::after {
content: '';
width: 22%;
aspect-ratio: 1/1;
background-color: white;
position: absolute;
bottom: 0;
left: 0;
border-radius: 100%;
transform: translate(20%, -20%);
}
.sec-v58.flow
.sec-container
.card-list
.card-v7
.card-container
.card-content
.list-item
.item
.item-inner
.item-ttl
.item-ttl__wrap
.ttl-en {
font-size: 4rem;
text-align: center;
height: 100%;
display: grid;
place-content: center;
letter-spacing: 0.1em;
}
.sec-v58.flow
.sec-container
.card-list
.card-v7
.card-container
.card-content
.list-item
.item
.item-inner
.item-ttl
.item-ttl__wrap
.ttl-en
small {
font-size: 0.55em;
}
.sec-v58.flow
.sec-container
.card-list
.card-v7
.card-container
.card-content
.list-item
.item
.item-inner
.item-ttl
.item-ttl__wrap
.ttl-en
span {
font-weight: 500;
}
.sec-v58.flow
.sec-container
.card-list
.card-v7
.card-container
.card-content
.list-item
.item
.item-inner
.item-content {
padding-top: 1rem;
}
.sec-v58.flow
.sec-container
.card-list
.card-v7
.card-container
.card-content
.list-item
.item
.item-inner
.item-content
.txt-ttl {
font-size: 2.4rem;
font-weight: 500;
color: #a67c52;
}
.sec-v58.flow
.sec-container
.card-list
.card-v7
.card-container
.card-content
.list-item
.item
.item-inner
.item-content
.item-content__txt {
margin-top: 3rem;
}
.sec-v58.flow
.sec-container
.card-list
.card-v7
.card-container
.card-content
.list-item
.item
.item-inner
.item-content
.item-content__txt
.txt-content {
font-size: 1.6rem;
}
.sec-v58.flow .sec-container .card-list .card-v8 .card-container {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 730px));
margin: 0 auto;
}
@media (max-width: 768px) {
.sec-v58.flow .sec-container .card-list .card-v8 .card-container {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 800px));
}
}
.sec-v58.flow
.sec-container
.card-list
.card-v8
.card-container
.card-content
.list-item {
display: grid;
row-gap: 6rem;
}
@media (max-width: 768px) {
.sec-v58.flow
.sec-container
.card-list
.card-v8
.card-container
.card-content
.list-item {
row-gap: 8rem;
}
}
.sec-v58.flow
.sec-container
.card-list
.card-v8
.card-container
.card-content
.list-item
.item {
padding-bottom: 2rem;
border-bottom: 2px dashed #ff7440;
position: relative;
--rect-w: 8%;
--ttl-bg: #63bbbb;
}
.sec-v58.flow
.sec-container
.card-list
.card-v8
.card-container
.card-content
.list-item
.item:nth-child(even) {
--ttl-bg: #93c5c5;
}
.sec-v58.flow
.sec-container
.card-list
.card-v8
.card-container
.card-content
.list-item
.item
.item-inner {
display: flex;
gap: 3rem;
}
@media (max-width: 768px) {
.sec-v58.flow
.sec-container
.card-list
.card-v8
.card-container
.card-content
.list-item
.item
.item-inner {
flex-wrap: wrap;
row-gap: 1rem;
}
}
@media (max-width: 768px) {
.sec-v58.flow
.sec-container
.card-list
.card-v8
.card-container
.card-content
.list-item
.item
.item-inner
.item-ttl {
display: flex;
justify-content: center;
width: 100%;
}
}
.sec-v58.flow
.sec-container
.card-list
.card-v8
.card-container
.card-content
.list-item
.item
.item-inner
.item-ttl
.item-ttl__wrap {
width: 12rem;
aspect-ratio: 1/1;
background-color: #ff8c00;
color: white;
border-radius: 100%;
position: relative;
}
@media (max-width: 768px) {
.sec-v58.flow
.sec-container
.card-list
.card-v8
.card-container
.card-content
.list-item
.item
.item-inner
.item-ttl
.item-ttl__wrap {
width: 14rem;
}
}
.sec-v58.flow
.sec-container
.card-list
.card-v8
.card-container
.card-content
.list-item
.item
.item-inner
.item-ttl
.item-ttl__wrap
.ttl-en {
font-size: 3.9rem;
text-align: center;
height: 100%;
display: grid;
place-content: center;
font-family: 'Mochiy Pop One', sans-serif;
}
.sec-v58.flow
.sec-container
.card-list
.card-v8
.card-container
.card-content
.list-item
.item
.item-inner
.item-ttl
.item-ttl__wrap
.ttl-en
small {
font-size: 0.4871794872em;
}
.sec-v58.flow
.sec-container
.card-list
.card-v8
.card-container
.card-content
.list-item
.item
.item-inner
.item-ttl
.item-ttl__wrap
.ttl-en
span {
font-weight: 500;
line-height: 1.2;
}
.sec-v58.flow
.sec-container
.card-list
.card-v8
.card-container
.card-content
.list-item
.item
.item-inner
.item-content
.txt-ttl {
font-size: 3.2rem;
font-family: 'Mochiy Pop One', sans-serif;
}
.sec-v58.flow
.sec-container
.card-list
.card-v8
.card-container
.card-content
.list-item
.item
.item-inner
.item-content
.item-content__txt {
margin-top: 3rem;
}
.sec-v58.flow
.sec-container
.card-list
.card-v8
.card-container
.card-content
.list-item
.item
.item-inner
.item-content
.item-content__txt
.txt-content {
font-size: 1.6rem;
}
.sec-v58.flow
.sec-container
.card-list
.card-v8
.card-container
.card-content
.list-item
.item
.item-inner
.item-content
.item-content__btn {
margin-top: 2rem;
display: flex;
align-items: end;
gap: 0 5rem;
}
.sec-v58.flow
.sec-container
.card-list
.card-v8
.card-container
.card-content
.list-item
.item
.item-inner
.item-content
.item-content__btn
.phone
.txt-lg {
font-size: 3rem;
font-weight: 800;
line-height: 1;
margin-top: 0.5rem;
}
.sec-v58.flow
.sec-container
.card-list
.card-v8
.card-container
.card-content
.list-item
.item
.item-inner
.item-content
.item-content__btn
.phone
.txt-sm {
font-size: 1.5rem;
}
.sec-v58.flow
.sec-container
.card-list
.card-v8
.card-container
.card-content
.list-item
.item
.item-inner
.item-content
.item-content__btn
.line
img {
width: 4rem;
}
.sec-v58.flow .sec-container .card-list .card-v9 .card-container {
width: min(100% - var(--gap-x, 4rem), var(--max-width, 870px));
margin: 0 auto;
}
.sec-v58.flow
.sec-container
.card-list
.card-v9
.card-container
.card-content
.list-item {
display: grid;
row-gap: 7rem;
}
.sec-v58.flow
.sec-container
.card-list
.card-v9
.card-container
.card-content
.list-item
.item {
position: relative;
}
.sec-v58.flow
.sec-container
.card-list
.card-v9
.card-container
.card-content
.list-item
.item::after {
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 30%;
aspect-ratio: 1/1;
background-image: radial-gradient(
transparent 5px,
rgba(57, 177, 255, 0.15) 5px
);
background-size: 10px 10px;
border-radius: 100%;
}
.sec-v58.flow
.sec-container
.card-list
.card-v9
.card-container
.card-content
.list-item
.item:nth-child(even)::after {
right: auto;
left: 0;
}
.sec-v58.flow
.sec-container
.card-list
.card-v9
.card-container
.card-content
.list-item
.item
.item-inner {
max-width: 64rem;
margin: 0 auto;
width: 100%;
}
.sec-v58.flow
.sec-container
.card-list
.card-v9
.card-container
.card-content
.list-item
.item
.item-inner
.item-ttl {
display: flex;
justify-content: center;
margin-bottom: 1rem;
}
.sec-v58.flow
.sec-container
.card-list
.card-v9
.card-container
.card-content
.list-item
.item
.item-inner
.item-ttl
.item-ttl__wrap {
width: 6.4rem;
aspect-ratio: 1/1;
background-color: #008dd4;
color: white;
border-radius: 100%;
position: relative;
}
.sec-v58.flow
.sec-container
.card-list
.card-v9
.card-container
.card-content
.list-item
.item
.item-inner
.item-ttl
.item-ttl__wrap
.ttl-en {
font-size: 4rem;
text-align: center;
height: 100%;
display: grid;
place-content: center;
}
.sec-v58.flow
.sec-container
.card-list
.card-v9
.card-container
.card-content
.list-item
.item
.item-inner
.item-ttl
.item-ttl__wrap
.ttl-en
span {
font-weight: 500;
line-height: 1;
}
.sec-v58.flow
.sec-container
.card-list
.card-v9
.card-container
.card-content
.list-item
.item
.item-inner
.item-content {
padding-top: 1rem;
}
.sec-v58.flow
.sec-container
.card-list
.card-v9
.card-container
.card-content
.list-item
.item
.item-inner
.item-content
.txt-ttl {
font-size: 2.4rem;
text-align: center;
color: #008dd4;
padding-bottom: 1rem;
border-bottom: 1px dashed #333333;
}
.sec-v58.flow
.sec-container
.card-list
.card-v9
.card-container
.card-content
.list-item
.item
.item-inner
.item-content
.item-content__txt {
margin-top: 1.5rem;
text-align: center;
}
.sec-v58.flow
.sec-container
.card-list
.card-v9
.card-container
.card-content
.list-item
.item
.item-inner
.item-content
.item-content__txt
.txt-content {
font-size: 1.8rem;
line-height: 2;
}
.page-8 {
background-color: #fff;
}
.page-8 .sections {
background-color: #fff;
padding-top: 12rem;
padding-bottom: 0;
}
.page-8 .hero-v2 {
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/backgrounds/hero-background.png) no-repeat center
center/cover;
}
.page-8 .breadcrumb {
background-color: #fff;
color: #333;
padding-top: 1rem;
font-family: 'Noto Sans JP', sans-serif;
}
.page-8 .breadcrumb ul {
font-family: 'Noto Sans JP', sans-serif;
}
.list-v1 {
width: min(100% - var(--gap-x, 4rem), 1000px);
margin: 0 auto;
display: flex;
-moz-column-gap: 5.8rem;
column-gap: 5.8rem;
align-items: start;
}
@media (max-width: 768px) {
.list-v1 {
flex-wrap: wrap;
row-gap: 4rem;
}
}
.list-v1 .card-list {
flex: 1;
display: grid;
row-gap: 4rem;
}
.list-v1 .card-list .list {
row-gap: 4rem;
display: grid;
}
.list-v1 .card-list .card .card-wrap {
display: grid;
grid-template-columns: max(24%, 10rem) auto;
gap: 2rem;
}
@media (max-width: 425px) {
.list-v1 .card-list .card .card-wrap {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
.list-v1 .card-list .card .card-wrap .card-img {
width: 100%;
aspect-ratio: 1/1;
}
.list-v1 .card-list .card .card-wrap .card-img img {
width: 100%;
}
.list-v1 .card-list .card .card-wrap .card-content {
color: #333;
border-bottom: 1px dashed #333;
padding-bottom: 0.85rem;
}
.list-v1 .card-list .card .card-wrap .card-content .card-date {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 1rem;
flex-shrink: 0;
}
.list-v1 .card-list .card .card-wrap .card-content .card-date .card-date__text {
font-size: 1.3rem;
}
.list-v1 .card-list .card .card-wrap .card-content .card-date .card-date__box {
font-size: 1.3rem;
padding: 4px 3.07em;
background-color: #fc9b1b;
color: #fff;
}
.list-v1 .card-list .card .card-wrap .card-content .card-ttl {
margin-top: 1rem;
font-size: 1.5rem;
color: #333;
}
.list-v1 .card-list .card .card-wrap .card-content .card-text {
margin-top: 1.5rem;
font-size: 1.3rem;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
}
.list-v1 .card-list .card .card-wrap .card-content .card-btn {
margin-top: 2.5rem;
display: flex;
justify-content: end;
}
.list-v1 .card-list .card .card-wrap .card-content .card-btn a {
font-size: 1.5rem;
display: flex;
align-items: center;
-moz-column-gap: 0.8rem;
column-gap: 0.8rem;
transition: all 0.3s;
}
.list-v1 .card-list .card .card-wrap .card-content .card-btn a:hover {
opacity: 0.7;
}
.list-v1 .card-list .card .card-wrap .card-content .card-btn a::after {
content: '';
width: 1em;
aspect-ratio: 1/1;
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/backgrounds/Icon-awesome-chevron-circle-right.png)
no-repeat center center/contain;
}
.list-v1 .sidebar-list {
width: 22rem;
position: sticky;
height: 100dvh;
top: 2rem;
}
@media (max-width: 768px) {
.list-v1 .sidebar-list {
width: 100%;
position: unset;
order: -1;
height: auto;
z-index: 4;
}
}
.list-v1 .sidebar-list .sidebar-content {
color: #333;
}
.list-v1 .sidebar-list .sidebar-content .ttl {
font-size: 2.2rem;
font-family: 'Russo One', sans-serif;
padding-bottom: 1rem;
border-bottom: 1px solid #333;
}
.list-v1 .sidebar-list .sidebar-content .list {
margin-top: 1.6rem;
display: grid;
row-gap: 1rem;
}
@media (max-width: 768px) {
.list-v1 .sidebar-list .sidebar-content .list {
display: flex;
gap: 2rem;
flex-wrap: wrap;
}
}
.list-v1 .sidebar-list .sidebar-content .list .list-item a {
font-size: 1.4rem;
display: flex;
align-items: center;
-moz-column-gap: 1rem;
column-gap: 1rem;
transition: all 0.3s;
}
.list-v1 .sidebar-list .sidebar-content .list .list-item a:hover {
opacity: 0.7;
}
.list-v1 .sidebar-list .sidebar-content .list .list-item a::before {
content: '>';
}
.list-v1 .pg-list {
display: flex;
justify-content: center;
padding-bottom: 10rem;
margin-top: 9rem;
}
.list-v1 .pg-list__items {
display: flex;
align-items: center;
gap: 1rem;
}
.list-v1 .pg-list__item a {
padding: 0.5rem;
font-size: 1.5rem;
background-color: #707070;
display: grid;
place-content: center;
width: 3rem;
color: white;
aspect-ratio: 1/1;
transform: 0.3s all;
}
.list-v1 .pg-list__item a:hover {
opacity: 0.7;
}
.list-v1 .pg-list__item.active a {
background-color: white;
color: #333;
}
.page-9 {
background-color: #fff;
}
.page-9 .sections {
background-color: #fff;
padding-top: 12rem;
padding-bottom: 0;
}
.page-9 .hero-v2 {
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/backgrounds/hero-background.png) no-repeat center
center/cover;
}
.page-9 .breadcrumb {
background-color: white;
color: #333;
padding-top: 1rem;
font-family: 'Noto Sans JP', sans-serif;
}
.page-9 .breadcrumb ul {
font-family: 'Noto Sans JP', sans-serif;
}
.list-v2 {
width: min(100% - var(--gap-x, 4rem), 1000px);
margin: 0 auto;
display: flex;
-moz-column-gap: 5.8rem;
column-gap: 5.8rem;
align-items: start;
}
@media (max-width: 768px) {
.list-v2 {
flex-wrap: wrap;
row-gap: 4rem;
}
}
.list-v2 .card-list {
flex: 1;
}
.list-v2 .card-list .list {
display: grid;
gap: 2.4rem;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
grid-auto-rows: 270px auto auto;
}
.list-v2 .card-list .list .card {
display: grid;
grid-row: span 3;
gap: 0;
grid-template-rows: subgrid;
padding-bottom: 1rem;
border-bottom: 1px dashed #333;
}
.list-v2 .card-list .list .card-wrap {
display: grid;
grid-row: span 3;
gap: 0;
grid-template-rows: subgrid;
}
.list-v2 .card-list .list .card .card-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.list-v2 .card-list .list .card .card-date {
margin-top: 1rem;
color: #333;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 1rem;
}
.list-v2 .card-list .list .card .card-date .card-date__text {
font-size: 1.3rem;
}
.list-v2 .card-list .list .card .card-date .card-date__box {
font-size: 1.3rem;
padding: 4px 3.07em;
border: 1px solid #333;
}
.list-v2 .card-list .list .card .card-content {
margin-top: 1rem;
color: #333;
font-size: 1.5rem;
font-weight: 500;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-word;
}
.list-v2 .sidebar-list {
width: 22rem;
position: sticky;
height: 100dvh;
top: 2rem;
}
@media (max-width: 768px) {
.list-v2 .sidebar-list {
width: 100%;
position: unset;
order: -1;
height: auto;
z-index: 4;
}
}
.list-v2 .sidebar-list .sidebar-content {
color: #333;
width: 100%;
}
.list-v2 .sidebar-list .sidebar-content .ttl {
font-size: 2.2rem;
font-family: 'Russo One', sans-serif;
padding-bottom: 1rem;
border-bottom: 1px solid #333;
}
.list-v2 .sidebar-list .sidebar-content .list {
margin-top: 1.6rem;
display: grid;
row-gap: 1rem;
}
@media (max-width: 768px) {
.list-v2 .sidebar-list .sidebar-content .list {
display: flex;
gap: 2rem;
flex-wrap: wrap;
}
}
.list-v2 .sidebar-list .sidebar-content .list .list-item a {
font-size: 1.4rem;
display: flex;
align-items: center;
-moz-column-gap: 1rem;
column-gap: 1rem;
transition: all 0.3s;
}
.list-v2 .sidebar-list .sidebar-content .list .list-item a:hover {
opacity: 0.7;
}
.list-v2 .sidebar-list .sidebar-content .list .list-item a::before {
content: '>';
}
.list-v2 .pg-list {
display: flex;
justify-content: center;
padding-bottom: 10rem;
margin-top: 9rem;
}
.list-v2 .pg-list__items {
display: flex;
align-items: center;
gap: 1rem;
}
.list-v2 .pg-list__item a {
padding: 0.5rem;
font-size: 1.5rem;
background-color: #707070;
display: grid;
place-content: center;
width: 3rem;
color: white;
aspect-ratio: 1/1;
transition: all 0.3s;
}
.list-v2 .pg-list__item a:hover {
opacity: 0.7;
}
.list-v2 .pg-list__item.active a {
background-color: white;
color: #333;
}
.page-10 {
background-color: #fff;
}
.page-10 .sections {
background-color: #fff;
padding-top: 12rem;
padding-bottom: 0;
}
.page-10 .hero-v2 {
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/backgrounds/hero-background.png) no-repeat center
center/cover;
}
.page-10 .breadcrumb {
background-color: #fff;
color: #333;
padding-top: 1rem;
font-family: 'Noto Sans JP', sans-serif;
}
.page-10 .breadcrumb ul {
font-family: 'Noto Sans JP', sans-serif;
}
.detail-v1 {
width: min(100% - var(--gap-x, 4rem), 1000px);
margin: 0 auto;
display: flex;
-moz-column-gap: 5.8rem;
column-gap: 5.8rem;
align-items: start;
}
.detail-v1 .slider {
flex: 1;
}
.detail-v1 .slider .swiper-wrapper {
justify-content: center;
}
@media (max-width: 768px) {
.detail-v1 {
flex-wrap: wrap;
row-gap: 4rem;
}
}
.detail-v1 .detail-content {
flex: 1;
min-width: 0;
}
.detail-v1 .detail-content .slider2 img,
.detail-v1 .detail-content .slider img {
width: 100%;
aspect-ratio: 160/110;
}
.detail-v1 .detail-content .slider2 .swiper-slide,
.detail-v1 .detail-content .slider .swiper-slide {
display: flex;
}
.detail-v1 .detail-content .slider2 img {
aspect-ratio: 720/500;
-o-object-fit: cover;
object-fit: cover;
}
.detail-v1 .detail-content .slider-wrap {
display: flex;
align-items: center;
-moz-column-gap: 1rem;
column-gap: 1rem;
margin-top: 1rem;
}
.detail-v1 .detail-content .swiper-button-next,
.detail-v1 .detail-content .swiper-button-prev {
cursor: pointer;
position: unset;
margin-top: 0;
}
.detail-v1 .detail-content .swiper-button-next::after,
.detail-v1 .detail-content .swiper-button-prev::after {
display: none;
}
.detail-v1 .detail-content .detail-content__texts {
margin-top: 2rem;
}
.detail-v1 .detail-content .detail-content__texts .card .card-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.detail-v1 .detail-content .detail-content__texts .card .card-date {
margin-top: 1rem;
color: #333;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 1rem;
}
.detail-v1
.detail-content
.detail-content__texts
.card
.card-date
.card-date__text {
font-size: 1.3rem;
}
.detail-v1
.detail-content
.detail-content__texts
.card
.card-date
.card-date__box {
font-size: 1.3rem;
padding: 4px 3.07em;
border: 1px solid #333;
}
.detail-v1 .detail-content .detail-content__texts .card .card-ttl {
padding-top: 1rem;
padding-bottom: 1.5rem;
font-size: 1.6rem;
font-weight: 500;
border-bottom: 1px dashed #333;
color: #333;
}
.detail-v1 .detail-content .detail-content__texts .card .card-content {
margin-top: 1rem;
color: #333;
font-size: 1.5rem;
font-weight: 500;
}
.detail-v1 .sidebar-list {
width: 22rem;
position: sticky;
height: 100dvh;
top: 2rem;
}
@media (max-width: 768px) {
.detail-v1 .sidebar-list {
width: 100%;
position: unset;
order: -1;
height: auto;
z-index: 4;
}
}
.detail-v1 .sidebar-list .sidebar-content {
color: #333;
}
.detail-v1 .sidebar-list .sidebar-content .ttl {
font-size: 2.2rem;
font-family: 'Russo One', sans-serif;
padding-bottom: 1rem;
border-bottom: 1px solid #333;
}
.detail-v1 .sidebar-list .sidebar-content .list {
margin-top: 1.6rem;
display: grid;
row-gap: 1rem;
}
@media (max-width: 768px) {
.detail-v1 .sidebar-list .sidebar-content .list {
display: flex;
gap: 2rem;
flex-wrap: wrap;
}
}
.detail-v1 .sidebar-list .sidebar-content .list .list-item a {
font-size: 1.4rem;
display: flex;
align-items: center;
-moz-column-gap: 1rem;
column-gap: 1rem;
transition: all 0.3s;
}
.detail-v1 .sidebar-list .sidebar-content .list .list-item a:hover {
opacity: 0.7;
}
.detail-v1 .sidebar-list .sidebar-content .list .list-item a::before {
content: '>';
}
.detail-v1 .pg-list {
display: flex;
justify-content: center;
padding-bottom: 10rem;
margin-top: 9rem;
}
.detail-v1 .pg-list__items {
display: flex;
gap: 1rem;
}
.detail-v1 .pg-list__item a {
padding: 0.5rem;
font-size: 1.5rem;
background-color: #707070;
display: grid;
place-content: center;
width: 3rem;
color: white;
aspect-ratio: 1/1;
transition: all 0.3s;
}
.detail-v1 .pg-list__item a:hover {
opacity: 0.7;
}
.detail-v1 .pg-list__item.txt a {
width: auto;
aspect-ratio: unset;
padding: 3px 10px;
height: 100%;
}
.detail-v1 .pg-list__item.active a {
background-color: white;
color: #333;
}
.page-11 {
background-color: #fff;
}
.page-11 .sections {
background-color: #fff;
padding-top: 12rem;
padding-bottom: 11rem;
}
.page-11 .sections .container {
--max-width: 1000px;
}
.page-11 .hero-v2 {
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/backgrounds/hero-background.png) no-repeat center
center/cover;
}
.page-11 .breadcrumb {
background-color: white;
color: #333;
padding-top: 0rem;
font-family: 'Noto Sans JP', sans-serif;
}
.page-11 .breadcrumb ul {
font-family: 'Noto Sans JP', sans-serif;
}
.ct-list {
display: grid;
row-gap: 10rem;
}
.ct-list .ct-item .ct-form {
width: min(900px, 100%);
margin: 0 auto;
margin-top: 2rem;
}
.ct-list .ct-item .ct-form form .list-input {
display: grid;
row-gap: 1rem;
}
.ct-list .ct-item .ct-form form .list-input .group-input {
display: grid;
grid-template-columns: 35% 65%;
}
@media (max-width: 768px) {
.ct-list .ct-item .ct-form form .list-input .group-input {
grid-template-columns: repeat(1, 1fr);
}
}
.ct-list .ct-item .ct-form form .list-input .group-input label {
padding: 2.2rem 1.8rem;
background-color: #ff9e5d;
display: flex;
justify-content: space-between;
align-items: start;
font-size: 1.6rem;
}
.ct-list .ct-item .ct-form form .list-input .group-input label .input-ttl {
color: white;
font-weight: 500;
}
.ct-list .ct-item .ct-form form .list-input .group-input label .input-rq {
background-color: #b22222;
color: white;
font-size: 0.75em;
font-weight: 300;
padding: 3px 5px;
display: grid;
place-content: center;
transform: translateY(0.1em);
}
.ct-list .ct-item .ct-form form .list-input .group-input .input-wrap {
background-color: #fffef1;
display: flex;
align-items: center;
padding: 1.5rem;
}
.ct-list .ct-item .ct-form form .list-input .group-input .input-wrap select,
.ct-list .ct-item .ct-form form .list-input .group-input .input-wrap textarea,
.ct-list .ct-item .ct-form form .list-input .group-input .input-wrap input {
border: 0;
padding: 1rem 2rem;
height: 100%;
font-size: 1.5rem;
color: #333;
width: 100%;
}
.ct-list
.ct-item
.ct-form
form
.list-input
.group-input
.input-wrap
select::-moz-placeholder,
.ct-list
.ct-item
.ct-form
form
.list-input
.group-input
.input-wrap
textarea::-moz-placeholder,
.ct-list
.ct-item
.ct-form
form
.list-input
.group-input
.input-wrap
input::-moz-placeholder {
color: #cdd6dd;
font-size: 1.5rem;
}
.ct-list
.ct-item
.ct-form
form
.list-input
.group-input
.input-wrap
select::placeholder,
.ct-list
.ct-item
.ct-form
form
.list-input
.group-input
.input-wrap
textarea::placeholder,
.ct-list
.ct-item
.ct-form
form
.list-input
.group-input
.input-wrap
input::placeholder {
color: #cdd6dd;
font-size: 1.5rem;
}
.ct-list .ct-item .ct-form form .list-input .group-input .input-wrap select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/triangle-down.svg);
background-repeat: no-repeat;
background-position: right 2rem top 50%;
}
.ct-list .ct-item .ct-form form .ct-policy {
margin-top: 3rem;
padding: 1.6rem 3rem;
padding-right: 0;
background-color: white;
font-size: 1.5rem;
border: 1px solid #333;
}
.ct-list .ct-item .ct-form form .ct-policy__wrap {
overflow: auto;
max-height: 30rem;
padding-right: 3rem;
}
.ct-list .ct-item .ct-form form .ct-agreement {
margin-top: 3rem;
text-align: center;
font-size: 1.6rem;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
color: #333;
}
.ct-list .ct-item .ct-form form .ct-agreement input[type='checkbox'] {
margin-right: 2rem;
width: 1.5em;
aspect-ratio: 1/1;
outline: none;
border: none;
}
.ct-list .ct-item .ct-form form .form-btn {
display: flex;
justify-content: center;
margin-top: 6rem;
}
.ct-list .ct-item .ct-form form .form-btn button {
max-width: 32rem;
width: 100%;
border: 0.5px solid #707070;
height: 4.6rem;
font-size: 1.5rem;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/awesome-angle-right-black.svg) no-repeat;
background-size: 8px;
background-position: right 1.5rem top 50%;
background-color: white;
}
.ct-list .ct-item .ct-form form .form-btn button[name='submitBack'] {
background-image: unset;
position: relative;
}
.ct-list .ct-item .ct-form form .form-btn button[name='submitBack']::after {
content: '';
position: absolute;
width: 8px;
aspect-ratio: 8/12;
background: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/awesome-angle-right-black.svg) no-repeat;
background-size: contain;
top: 50%;
left: 1.5rem;
transform: translateY(-50%) rotate(180deg);
}
.ct-list .ct-item .ct-ttl {
color: #333;
padding-bottom: 1rem;
position: relative;
width: -moz-fit-content;
width: fit-content;
}
.ct-list .ct-item .ct-ttl::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 40%;
border-bottom: 2px solid #333;
}
.ct-list .ct-item .ct-ttl .ttl-en {
font-family: 'Noto Sans JP';
font-size: 3.6rem;
}
.ct-list .ct-item .ct-ttl .ttl-jp {
margin-top: 1.4rem;
font-size: 2rem;
font-weight: 500;
}
.ct-list .ct-item .ct-content {
margin-top: 3rem;
}
.ct-list .ct-item .ct-content .ct-texts {
color: #333;
font-size: 1.5rem;
line-height: 3;
}
.ct-list .ct-item .ct-content .ct-btn {
margin-top: 2rem;
display: flex;
justify-content: center;
}
.ct-list .ct-item .ct-content .ct-btn a {
width: min(100%, 800px);
margin: 0 auto;
height: 15rem;
background-color: #ffecc9;
display: flex;
justify-content: center;
align-items: center;
padding: 2rem;
border-radius: 15rem;
}
@media (max-width: 768px) {
.ct-list .ct-item .ct-content .ct-btn a {
height: 13rem;
border-radius: 8rem;
}
}
@media (max-width: 425px) {
.ct-list .ct-item .ct-content .ct-btn a {
border-radius: 2rem;
}
}
.ct-list .ct-item.ct-phone .ct-btn {
text-align: center;
}
.ct-list .ct-item.ct-phone .ct-btn .first {
font-size: 3.6rem;
font-family: 'Noto Sans JP';
}
@media (max-width: 768px) {
.ct-list .ct-item.ct-phone .ct-btn .first {
font-size: 3rem;
}
}
.ct-list .ct-item.ct-phone .ct-btn .sec {
font-size: 1.3rem;
margin-top: 0.4rem;
}
.ct-list .ct-item.ct-line .ct-btn {
text-align: center;
}
.ct-list .ct-item.ct-line .ct-btn__wrap {
min-width: 25rem;
margin: 0 auto;
}
.ct-list .ct-item.ct-line .ct-btn .first {
font-size: 1.6rem;
display: flex;
align-items: center;
-moz-column-gap: 1rem;
column-gap: 1rem;
}
.ct-list .ct-item.ct-line .ct-btn .first::before {
content: '';
height: 1.5em;
aspect-ratio: 4/24;
background-color: #333;
transform: translateY(0.1em);
}
.ct-list .ct-item.ct-line .ct-btn .sec {
font-size: 1.6rem;
margin-top: 1rem;
padding: 1rem;
border: 1px solid #d9d9d9;
border-radius: 5px;
}
.ct-list .ct-item.ct-line .ct-btn .sec .sec-wrap {
width: min(100%, 205px);
margin: 0 auto;
display: flex;
-moz-column-gap: 2rem;
column-gap: 2rem;
justify-content: center;
} a.footer-log img {
width: 80%;
}
li.list-item::before {
content: '';
display: inline-block;
width: 15px;
height: 15px;
background-image: url(//h-toudaimae.jp/wp-toudai/wp/wp-content/themes/millennium/assets/images/backgrounds/decorative-bullet.png);
background-size: contain;
vertical-align: middle;
}
.guide1-bg {
padding: 5rem 0 5rem 0;
}
.guide1-wrap {
width: 65%;
margin: 0 auto;
}
.info1-txt {
padding: 5rem 0;
font-size: 1.5rem;
width: 80%;
margin: 0 auto;
line-height: 2.5rem;
}
.info3-wrap {
width: 65%;
margin: 0 auto;
}
.info3-txt {
padding: 5rem 0;
font-size: 1.5rem;
width: 80%;
margin: 0 auto;
line-height: 2.5rem;
}
.sidebar-content li.list-item::before {
content: none;
}
.info1-ttl {
width: 85%;
margin: 0 auto;
padding-top: 3rem;
font-size: 2.25rem;
}
.guide2-bg {
background-color: #fff4e5;
padding: 0rem 0 5rem 0;
}
.info2-wrap {
width: 60%;
margin: 0 auto;
padding: 10rem 0px;
}
.access-bottom {
display: flex;
padding: 5rem 0;
margin: 0 auto;
width: 80%;
}
.access-left {
width: 50%;
text-align: center;
}
.access-left img {
width: 90%;
}
.access-txt {
width: 50%;
padding: 1rem;
font-size: 1.5rem;
line-height: 3rem;
}
.staff1-wrap {
width: 60%;
margin: 0 auto;
padding: 10rem 0px;
}
.staff2-wrap {
width: 60%;
margin: 0 auto;
padding: 10rem 0px;
}
.guide1-right {
width: 50%;
padding: 0 5rem;
font-size: 1.5rem;
line-height: 2.5rem;
}
.guide1-left img {
width: 100%;
}
.guide1-left {
width: 50%;
}
.guide1-box {
display: flex;
width: 80%;
margin: 0 auto;
padding: 8rem 0;
justify-content: center;
}
.recruit3-wrap {
width: 60%;
margin: 0 auto;
padding: 10rem 0px;
}
.recruit3-img {
}
.recruit3-img img {
}
.recruit4-bg {
background-color: #fff4e5;
padding: 5rem 0;
}
.btn-img {
width: 60%;
margin: 0 auto;
text-align: center;
}
.flow2-bg {
background-color: #fff4e5;
padding: 5rem 0;
}
.flow2-wrap {
width: 60%;
margin: 0 auto;
padding: 10rem 0px;
}
.guide3-bg {
background-color: #fff4e5;
padding: 5rem 0;
}
.guide3-wrap {
width: 60%;
margin: 0 auto;
padding: 10rem 0px;
}
.guide4-wrap {
width: 60%;
margin: 0 auto;
padding: 10rem 0px;
}
.guide3-ttl {
text-align: center;
width: 65%;
margin: 0 auto;
font-size: 3rem;
font-weight: 600;
font-family: 'Zen Maru Gothic';
}
.about-wrap {
width: 80%;
margin: 0 auto;
padding: 10rem 0px;
}
.about-ttl {
width: 80%;
margin: 0 auto;
text-align: center;
font-size: 3rem;
font-weight: 600;
font-family: 'Zen Maru Gothic';
color: #fc9b1b;
}
@media (width < 768px) {
.about-ttl {
width: 100%;
}
}
.about-txt {
text-align: center;
padding: 3rem 0;
font-size: 1.75rem;
line-height: 3rem;
}
.bg-img {
width: 100%;
}
.bg-img img {
width: 100%;
}
.recruit-wrap {
padding: 10rem 0;
}
.access-con {
width: 50%;
display: flex;
flex-direction: column;
}
.access-box {
display: flex;
width: 80%;
margin: 0 auto;
justify-content: center;
}
.recruit3-img {
width: 80%;
margin: 0 auto;
padding-top: 5rem;
}
.recruit3-img img {
width: 100%;
}
.recruit2-wrap {
width: 60%;
margin: 0 auto;
padding: 10rem 0px;
}
.recruit2-bg {
background-color: #fff4e5;
padding: 5rem 0;
}
.tabs {
margin-top: 50px;
padding-bottom: 40px;
padding-top: 0rem; width: 90%;
margin: 5rem auto;
} .tab_item {
width: calc(100% / 3);
height: 6rem;
border-bottom: 3px solid #fc9b1b;
background-color: #d9d9d9;
line-height: 2.5rem;
font-size: 16px;
text-align: center;
color: #565656;
display: block;
float: left;
text-align: center;
font-weight: 400;
transition: all 0.2s ease;
border-radius: 25px 25px 0 0;
border: 2px solid #fc9b1b;
}
.tab_item:hover {
opacity: 0.75;
} input[name='tab_item'] {
display: none;
} .tab_content {
display: none;
padding: 40px 40px 0;
clear: both;
overflow: hidden;
} #all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
display: block;
}
.tabs input:checked + .tab_item {
background-color: #ffffff;
color: #333;
border-radius: 25px 25px 0 0;
border: 2px solid #fc9b1b;
}
.staff-yakusyoku {
font-size: 1.5rem;
padding-bottom: 1rem;
}
.staff-name span {
padding-left: 2rem;
font-size: 1.5rem;
}
.staff-name {
font-size: 2.5rem;
}
.staff-a {
padding: 1rem;
font-size: 1.5rem;
}
.staff-q {
width: 100%;
margin: 0 auto;
font-size: 1.75rem;
padding-top: 3rem;
border-bottom: 1px solid #333;
padding-bottom: 1rem;
} .dis_pc {
display: block !important;
}
.dis_sp {
display: none !important;
}
@media only screen and (max-width: 767px) {
.dis_pc {
display: none !important;
}
.dis_sp {
display: block !important;
}
}
@media only screen and (max-width: 767px) {
.about-wrap {
width: 95%;
margin: 0 auto;
padding: 5rem 0px 0 0;
}
.about-ttl {
font-size: 2.5rem;
}
.about-txt {
font-size: 1.5rem;
}
.sec-v17 .sec-list .list .list__item .item-ttl .item-ttl__en {
font-size: 2.5rem;
}
.sec-v25 .sec-container .sec-list {
padding: 5rem 0;
}
.sec-v25 .sec-container .sec-list li .card .card-content {
padding-top: 0rem;
}
.sec-v56
.sec-container
.card-list
.card-v1
.card-container
.card-ttl
.txt-lg {
font-size: 2rem;
}
.recruit-wrap {
padding: 5rem 0;
}
.sec-v37 .style-v1 {
padding: 4rem 0;
}
.access-box {
display: flex;
width: 95%;
margin: 0 auto;
justify-content: center;
flex-direction: column;
}
.access-con {
width: 100%;
display: flex;
flex-direction: column;
}
.ttl-v7 {
font-size: 2.5rem;
display: flex;
justify-content: center;
width: 80%;
}
.access-bottom {
display: flex;
padding: 5rem 0;
margin: 0 auto;
width: 100%;
flex-direction: column;
}
.access-left {
width: 100%;
text-align: center;
}
.access-left img {
width: 100%;
}
.access-txt {
width: 100%;
padding: 1rem;
font-size: 1.5rem;
line-height: 3rem;
}
.footer .container {
--max-width: 100%;
padding: 3rem 0;
}
.footer .container .footer__wrap .footer-right .footer-right___container {
max-width: 54rem;
margin-left: auto;
width: 100%;
display: grid;
gap: 0.5rem;
grid-template-columns: repeat(2, 1fr);
}
.footer
.container
.footer__wrap
.footer-right
.footer-right___container
.list-wrap {
font-size: 1.2rem;
}
.guide1-wrap {
width: 90%;
margin: 0 auto;
}
.guide1-box {
width: 100%;
padding: 4rem 0;
display: flex;
flex-direction: column;
}
.guide1-left {
width: 100%;
}
.guide1-right {
width: 100%;
padding: 0 0rem;
font-size: 1.5rem;
line-height: 2.5rem;
}
.sec-v33 {
margin-top: 0rem;
}
.guide3-wrap {
width: 90%;
margin: 0 auto;
padding: 3rem 0px;
}
.guide4-wrap {
width: 90%;
margin: 0 auto;
padding: 5rem 0px;
}
.guide3-ttl {
text-align: center;
width: 90%;
margin: 0 auto;
font-size: 2.5rem;
font-weight: 600;
font-family: 'Zen Maru Gothic';
}
.flow2-wrap {
width: 90%;
margin: 0 auto;
padding: 5rem 0px;
}
.sec-v42 {
margin-top: 0rem;
}
.info2-wrap {
width: 90%;
margin: 0 auto;
padding: 5rem 0px;
}
.info3-wrap {
width: 95%;
margin: 0 auto;
}
.staff1-wrap {
width: 95%;
margin: 0 auto;
padding: 5rem 0px;
}
.sec-v27 .sec-container .sec-list li .card .card-content {
padding-top: 4rem;
width: 100%;
}
.sec-v27 .sec-container {
width: 90%;
margin: 0 auto;
padding: 5rem 0;
}
.sec-v27
.sec-container
.sec-list
li
.card
.card-content
.card-ttl__jp::after {
content: attr(data-text);
position: absolute;
font-size: 7rem;
font-family: 'Poppins', sans-serif;
opacity: 0.15;
left: 20px;
bottom: 14px;
line-height: 0.8;
letter-spacing: 0.02em;
color: #fc9b1b;
}
.staff2-wrap {
width: 90%;
margin: 0 auto;
padding: 5rem 0px;
}
.list-v1 .card-list .card .card-wrap {
display: flex;
grid-template-columns: max(24%, 10rem) auto;
gap: 2rem;
}
.recruit2-wrap {
width: 95%;
margin: 0 auto;
padding: 0rem 0px;
}
.tabs {
margin-top: 50px;
padding-bottom: 40px;
padding-top: 0rem; width: 100%;
margin: 3rem auto;
}
.recruit3-wrap {
width: 100%;
margin: 0 auto;
padding: 5rem 0px;
}
.sec-v33 .item-v1 .item-card__list .sec-container .item-ttl {
background-color: #fc9b1b;
border-radius: 10rem;
padding: 1.7rem 0;
color: white;
text-align: center;
font-size: 2.5rem;
font-weight: bold;
}
.sec-v33 .item-v1 .item-card__list .sec-container .item-list {
display: flex;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 350px), 1fr));
grid-auto-rows: 28rem auto auto;
margin-top: 3rem;
gap: 4rem;
flex-direction: column;
}
.sec-v33 .item-v1 .item-card__list .sec-container .item-list .card {
display: flex;
grid-row: span 3;
grid-template-rows: subgrid;
gap: 0;
width: 100%;
flex-direction: column;
}
.btn-img {
width: 95%;
margin: 0 auto;
text-align: center;
}
.btn-img img {
width: 100%;
}
}
@media only screen and (max-width: 408px) {
.hero-v1 .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
}
@media only screen and (max-width: 360px) {
.header-logo a img {
width: 16rem;
}
}
@media only screen and (max-width: 480px) {
.header-logo a img {
width: 16rem;
}
}
.recruit4-wrap {
padding-top: 12rem;
}
@media only screen and (max-width: 768px) {
.recruit4-wrap {
padding-top: 4rem;
}
}
body {
padding-top: 0 !important;
}
.header {
position: sticky;
} .dis_pc--600 {
display: block !important;
}
.dis_sp--600 {
display: none !important;
}
@media only screen and (max-width: 767px) {
.dis_pc--600 {
display: none !important;
}
.dis_sp--600 {
display: block !important;
}
}
.u-br {
display: inline-block;
}
@media (max-width: 930px) {
.header-phone .header-phone__txt {
display: none;
}
.header-phone span {
display: none;
}
.header-menu {
display: none;
}
.btn-nav.dis_sp {
display: block !important;
}
} :root {
--color--main: #fc9b1b;
--color--sub: #ff9e5d;
} .c-hamburger {
--_width--hamburger: 60;
--_color--hamburger-line: #fff;
--_spacing--hamburger-line: 7;
--_width--hamburger-line: 20;
--_height--hamburger-line: 2;
position: relative;
display: block;
width: calc(var(--_width--hamburger, 50) / 16 * 1rem); height: 100%;
background-color: var(--color--main);
border: none;
}
.c-hamburger__line {
position: absolute;
top: 50%;
left: 50%;
translate: -50% -50%;
display: block;
transition: top 0.3s, rotate 0.3s, opacity 0.3s;
width: calc(var(--_width--hamburger-line, 20) * 1px);
height: calc(var(--_height--hamburger-line, 2) * 1px);
background-color: var(--_color--hamburger-line, currentColor);
}
.c-hamburger__line:nth-of-type(1) {
top: calc(50% - var(--_spacing--hamburger-line, 7) * 1px);
}
.c-hamburger__line:nth-of-type(2) {
width: 15px;
}
.c-hamburger__line:nth-of-type(3) {
top: calc(50% + var(--_spacing--hamburger-line, 7) * 1px);
} .c-hamburger[aria-expanded='true'] .c-hamburger__line {
}
.c-hamburger[aria-expanded='true'] .c-hamburger__line:nth-of-type(1) {
top: 50%;
rotate: 45deg;
}
.c-hamburger[aria-expanded='true'] .c-hamburger__line:nth-of-type(2) {
opacity: 0;
}
.c-hamburger[aria-expanded='true'] .c-hamburger__line:nth-of-type(3) {
top: 50%;
rotate: -45deg;
} .p-header {
--_z-index--header-items: 100;
--_z-index--header-drawer: 99;
position: sticky;
z-index: 10000;
top: 0;
width: 100%;
font-size: 16px;
line-height: 1;
}
.p-header a:hover {
opacity: 0.8;
}
.p-header img {
width: 100%;
}
.p-header__inner {
position: relative;
z-index: var(--_z-index--header-items);
display: grid;
grid-template-columns: clamp(250px, calc(300 / 1920 * 100vw), 300px) 1fr;
align-items: center;
column-gap: 10px;
padding-left: 25px;
background-color: #fff;
}
.p-header__logo {
transition: filter 0.3s;
}
.p-header__logo:hover,
.p-header__logo:focus {
filter: brightness(1.05);
}
.p-header__right {
display: flex;
justify-content: flex-end;
column-gap: 20px;
}
@media (width < 768px) {
.p-header__right {
column-gap: 0;
height: 100%;
}
}
.p-header__tels {
display: flex;
align-items: center;
column-gap: 10px;
}
.p-header__tel {
display: flex;
align-items: center;
column-gap: 4px;
line-height: 1.2;
}
a.p-header__tel:hover {
color: #ff9e5d;
}
.p-header__tel img {
width: 22px;
}
.p-header__tel span {
font-size: 24px;
}
.p-header__tel-text {
font-size: 14px;
padding-bottom: 15px;
align-self: flex-end;
}
.p-header__buttons {
display: flex;
align-items: center;
}
.p-header__buttons li {
}
.p-header__buttons a {
display: grid;
place-items: center;
row-gap: 4px;
padding-block: 20px;
padding-inline: 15px;
}
.c-contact-button {
color: #fff;
font-size: 14px;
background-color: var(--color--main);
}
.c-contact-button img {
max-width: 30px;
width: 100%;
}
@media (width < 768px) {
.c-contact-button {
padding-block: 10px;
padding-inline: 8px;
}
.c-contact-button img {
max-width: 25px;
}
}
@media (width < 1000px) {
.p-header__tels {
display: grid;
padding-bottom: 0;
}
.p-header__tel {
padding-inline: 8px;
}
.p-header__tel span {
font-size: 22px;
}
.p-header__tel-text {
align-self: start;
padding-top: 8px;
padding-bottom: 0;
}
}
@media (width < 768px) {
.p-header__inner {
grid-template-columns: clamp(150px, calc(200 / 375 * 100vw), 200px) 1fr;
padding-left: 10px;
}
.p-header__logo {
}
} @media (width < 768px) {
.p-header__hamburger {
z-index: var(--_z-index--header-items);
justify-self: end;
}
.p-header__drawer {
}
}
.p-header__bottom {
background-color: var(--color--sub);
}
.p-header__menu ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.p-header__menu a {
display: block;
color: #fff;
font-size: 14px;
transition: opacity 0.3s;
padding-block: 15px;
padding-inline: clamp(6px, calc(6 / 768 * 100vw), 30px);
}
@media (width < 1300px) {
.p-header__menu a {
font-size: 12px;
}
}
@media (width < 768px) {
.p-header__menu ul {
row-gap: 6px;
padding-block: 6px;
}
.p-header__menu a {
padding-block: 3px;
}
}  .u-only-sp {
display: none !important;
}
@media (width < 768px) {
.u-only-sp {
display: block !important;
}
} .u-only-sp-grid {
display: none !important;
}
@media (width < 768px) {
.u-only-sp-grid {
display: grid !important;
}
} .u-only-sp-flex {
display: none !important;
}
@media (width < 768px) {
.u-only-sp-flex {
display: flex !important;
}
} @media (width < 768px) {
.u-only-pc {
display: none !important;
}
}
.p-drawer {
--_transition-duration: 0.3s;
position: fixed;
z-index: var(--_z-index--header-drawer, 99);
inset: 0;
padding-block: 45px;
transition: visibility var(--_transition-duration);
visibility: hidden;
}
.p-drawer__backdrop {
position: fixed;
z-index: 1;
inset: 0;
background-color: rgba(0, 0, 0, 0.3);
transition: opacity var(--_transition-duration),
visibility var(--_transition-duration);
opacity: 0;
visibility: hidden;
}
.p-drawer__content {
overflow-y: auto;
position: fixed;
z-index: 2;
top: 0;
right: 0;
width: 100%;
height: 100dvh;
background-color: var(--color--main);
padding-top: 50px;
padding-bottom: 30px;
transition: translate var(--_transition-duration),
visibility var(--_transition-duration);
translate: 100%;
visibility: hidden;
}
.p-drawer__nav {
display: grid;
justify-content: center;
row-gap: 20px;
}
.p-drawer__links {
text-align: center;
}
.p-drawer__links li {
color: #fff;
}
.p-drawer__links li:nth-child(n + 2) {
border-top: 1px solid;
}
.p-drawer__link {
display: block;
line-height: 3;
}
.p-drawer__buttons {
display: grid;
justify-content: center;
row-gap: 15px;
}
.p-drawer__button {
min-width: 200px;
} .p-drawer.is-visible .p-drawer__backdrop {
opacity: 1;
visibility: visible;
}
.p-drawer.is-visible .p-drawer__content {
translate: 0;
visibility: visible;
} .footer .list-item a {
font-weight: bold;
text-shadow: 0px 1px 0px white;
}
li.list-item {
display: flex;
align-items: center;
gap: 4px;
}