/*** The new CSS Reset - version 1.0.0 (last updated 8.7.2021) ***/
/*** リセットCSS ***/

/* ブラウザのUAスタイルシートのすべてのスタイルを削除します、displayは除く */
*:where(:not(iframe, canvas, img, svg, video):not(svg *)){
    all: unset;
    display: revert;
}
/* box-sizingの優先値 */
*,
*::before,
*::after{
    box-sizing: border-box;
}
/* リストのスタイル（箇条書き・番号）を削除 */
ol, ul {
    list-style: none;
}
/* 画像がコンテナを超えないようにするため */
img {
    max-width: 100%;
    width: 100%;
    height: auto;
    vertical-align: middle;
}
/* テーブルのセル間のスペースを削除 */
table{
    border-collapse: collapse;
}
:root {
    --color-text: #000;
    --color-white: #fff;
    --color-accent: #F19149;
    --layout-inner: 90rem;/*1440px*/
}
body {
    color: var(--color-text);
}
.layout-inner {
    width: min(100%, var(--layout-inner));
    margin-inline: auto;
    padding: 0 clamp(2rem, 0.724rem + 5.446vw, 5.625rem);
}
.section-title {
    width: fit-content;
    font-weight: bold;
    position: relative;
}
.section-title.section-title--white {
    color: var(--color-white);
}
.section-title::before {
    content:"";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: min( calc(6/1280*100vw), .43875rem);
    background: linear-gradient(to right, #fec248, #c4f976);
}
.section-title__en {
    font-size: min( calc(72/1280*100vw), 5.265rem);
    text-transform: uppercase;
}
.section-title__ja {
    font-size: min( calc(20/1280*100vw), 1.4625rem);
    margin-left: min( calc(20/1280*100vw), 1.4625rem);
}
.btn-cta {
    display: block;
    text-align: center;
    font-size: min( calc(20/1280*100vw), 1.4625rem);
    font-weight: bold;
    padding: min( calc(12/1280*100vw), .8775rem) 0;
    border-radius: .5rem;
    background-color: var(--color-accent);
    border: 2px solid var(--color-accent);
    width: min( calc(425/1280*100vw), 31.1rem);
    color: var(--color-white);
}
.btn-cta.btn-cta--white {
    background-color: var(--color-white);
    color: var(--color-text);
    border: 2px solid var(--color-accent);
}
.btn-more {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: min( calc(136/1280*100vw), 9.945rem);
    height: min( calc(136/1280*100vw), 9.945rem);
    background-color: var(--color-white);
    border-radius: 50%;
    text-align: center;
    box-shadow: 0px min( calc(20/1280*100vw), 1.4625rem) min( calc(30/1280*100vw), 2.19rem) rgba(13, 144, 227, 0.5);
    border: 1px solid var(--color-text);
}
.btn-more span {
    font-size: min( calc(20/1280*100vw), 1.4625rem);
    font-weight: bold;
}
.btn-more img {
    margin-top: min( calc(8/1280*100vw), .585rem);
    width: min( calc(68/1280*100vw), 4.9725rem);
    height: min( calc(12/1280*100vw), .8775rem);
}
.btn-more__arrow-right {
    background-image: url(../images/icon_arrow-right.svg);
    background-repeat: no-repeat;
    background-size: min( calc(68/1280*100vw), 4.9725rem) min( calc(12/1280*100vw), .8775rem);
}
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99999;
    width: min(100%, var(--layout-inner));
    margin-inline: auto;
    display: flex;
    align-items: center;
    padding-top: min( calc(32/1280*100vw), 2.34rem);
    padding-right: min( calc(32/1280*100vw), 2.34rem);
    padding-bottom: min( calc(32/1280*100vw), 2.34rem);
    padding-left: min( calc(40/1280*100vw), 2.925rem);
}
.header__logo {
    width: min( calc(210/1280*100vw), 15.375rem);
}
.header__logo a {
    display: block;
}
.header__logo a img {
    object-fit: contain;
}
.header__pc-nav {
    height: inherit;
    display: flex;
    align-items: center;
    margin-left: auto;
}
.pc-nav__items {
    height: inherit;
    display: flex;
    align-items: center;
}
.pc-nav__item {
    height: inherit;
}
.pc-nav__item a {
    display: block;
    font-size: min( calc(16/1280*100vw), 1.17rem);
    font-weight: bold;
    color: var(--color-white);
    padding: 0 min( calc(16/1280*100vw), 1.17rem);
}
.header__btn-wrap {
    display: flex;
    align-items: center;
    column-gap: min( calc(32/1280*100vw), 2.34rem);
    margin-left: min( calc(16/1280*100vw), 1.17rem);
}
.header__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: min( calc(16/1280*100vw), 1.17rem);
    font-weight: bold;
    color: var(--color-white);
    background-color: var(--color-accent);
    border-radius: .5rem;
    border: 2px solid var(--color-accent);
    width: min( calc(177/1280*100vw), 11rem);
    height: min( calc(52/1280*100vw), 3.2175rem);
}
.header__btn.header__btn--bg-white {
    background-color: var(--color-white);
    color: var(--color-text);
}
.header__hamburger {
    display: none;
}
.header__sp-nav {
    display: none;
}



/* footer */