@charset "UTF-8";

/*
Theme Name: オリジナルテーマ
Author: Yoko Dohi
*/


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,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font-style: normal;
   /* vertical-align: baseline; */
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
   display: block;
}

body {
   line-height: 1;
}

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;
}

input[type="text"],
input[type="password"],
textarea,
select,
*:focus {
   outline: none;
}


/*====================================================
////id |  common
====================================================*/


html {
   font-size: 10px;
   font-size: 62.5%;
   width: 100%;
   max-width: 100vw;
}

body,
button,
input,
select,
optgroup,
textarea {
   color: #111827;
   font-size: 1.6rem;
   font-family: 'Noto Sans JP', "Yu Gothic", "游ゴシック Medium", "YuGothic", 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
   font-weight: 400;
   line-height: 1.8;
}

button,
input,
select,
optgroup,
textarea {
   color: inherit;
   font-family: inherit;
   font-size: inherit;
}

body {
   background: #fff;
   overflow-wrap: break-word;
   position: relative;
   width: 100%;
   height: auto;
}

* {
   min-height: 0;
   min-width: 0;
}

body * {
   box-sizing: border-box;
}

body.scroll-lock {
   position: fixed;
   overflow: hidden;
   width: 100%;
}

section {
   position: relative;
   max-width: 100vw;
   z-index: 2;
}


a {
   display: inline-block;
   color: inherit;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   cursor: pointer;
   outline: none;
   position: relative;
   text-decoration: none;
   transition: 0.2s ease-in-out;
   /* vertical-align: middle; */
}

@media (hover: hover) {
   a.link_color:hover {
      color: #CFAD5F;
   }
}

.tel_link a,
a[href^="tel:"] {
   text-decoration: none !important;
}

@media print,
screen and (min-width: 769px) {

   .tel_link a,
   a[href^="tel:"] {
      pointer-events: none;
   }
}

.tel_linkBtn {
   pointer-events: none;
}

.fax a {
   color: inherit !important;
   text-decoration: none !important;
   pointer-events: none;
}

.underline {
   -webkit-text-decoration: underline solid 1px;
   text-decoration: underline solid 1px;
   text-underline-position: under;
   text-underline-offset: 0.1em;
}

p a:not([class]),
ul:not(.page-numbers):not(.not_set):not(.menu):not(.sub-menu) li a:not([class]),
ol li a:not([class]),
dd a:not([class]),
td a:not([class]),
a.underline {
   color: #3B82F6;
   display: unset;
   -webkit-text-decoration: underline solid 1px #3B82F6;
   text-decoration: underline solid 1px #3B82F6;
   text-underline-position: under;
   text-underline-offset: 0.1em;
}

@media (hover: hover) {

   p a:not([class]):hover,
   ul:not(.page-numbers):not(.not_set):not(.menu):not(.sub-menu) li a:not([class]):hover,
   ol li a:not([class]):hover,
   dd a:not([class]):hover,
   a.underline:hover {
      opacity: .8;
   }
}

img {
   width: auto;
   height: auto;
   max-width: 100%;
   max-height: 100%;
   display: block;
   /* margin: auto; */
}

p img {
   display: inline-block;
}

figure {
   margin: 0;
   position: relative;
   transition: transform .2s ease-in-out;
}

figure img {
   position: relative;
}

.coverImg {
   overflow: hidden;
   padding-top: 66.6%;
   transition: transform .3s ease-in-out;
   width: 100%;
}

figure.coverImg img {
   margin: auto;
   -o-object-fit: cover;
   object-fit: cover;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   transition: .2s ease-in-out;
   width: 100%;
   max-width: none;
   height: 100%;
   max-height: none;
}

figure.coverImg.contain img {
   -o-object-fit: contain;
   object-fit: contain;
}

.scaleUpImg img {
   transition: transform .3s ease-in-out;
}

@media (hover: hover) {
   a:hover .text-overlay::before {
      opacity: 1;
   }

   a:hover .text-overlay::after {
      opacity: 1;
      transform: translateX(1em);
   }
}


#contents {
   width: 100%;
   transition: .2s ease-in-out;
   position: relative;
   z-index: 1;
}

input[type="radio"],
input[type="checkbox"] {
   display: none;
}


.hidden {
   display: none;
}

::before,
::after {
   pointer-events: none;
}

.innerBox {
   margin: 0 auto;
   padding: 70px 0;
   position: relative;
   width: 92%;
   max-width: 1080px;
   z-index: 10;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
   .innerBox {
      padding: 60px 0;
   }

   .hidden-mob {
      display: none;
   }

   .display-mob {
      display: block;
   }

}

@media screen and (max-width:600px) {

   .hidden-small {
      display: none;
   }

   .display-small {
      display: block;
   }
}

@media screen and (max-width: 1060px) {}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769px) {

   .hidden-pc_d-tab,
   .hidden-pc {
      display: none;
   }
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959.9px) {
   .hidden-tab {
      display: none;
   }

   .hidden-pc_d-tab,
   .display-tab {
      display: block;
   }
}

@media screen and (min-width:960px) and (max-width:1290px) {
   .display-middle {
      display: block;
   }
}

@media screen and (min-width:1070px) {
   .hidden-wide {
      display: none;
   }

   .display-wide {
      display: block;
   }
}

@media screen and (min-width:1600px) {
   .hidden-maxwide {
      display: none;
   }

   .display-maxwide {
      display: block;
   }
}

@media (hover: hover) {

   /*NOTE ホバー処理*/
   a:not([class]):hover,
   p a:hover {
      opacity: .7;
   }

   a.opacity-1:hover {
      opacity: 1;
   }

   .scaleUpFigure:hover figure {
      transform: scale(1.03);
   }

   .scaleUpImg:hover img {
      transform: scale(1.03);
   }

   a.scaleUpImg:hover {
      opacity: 1;
   }

   a.scaleUpLink:hover {
      transform: scale(1.02);
   }
}

.h100 {
   height: 100%;
}

.w100 {
   width: 100%;
}

/*====================================================
// NOTE |  テキスト
====================================================*/
.f-default {
   font-family: 'Noto Sans JP', "Yu Gothic", "游ゴシック Medium", "YuGothic", 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
}

.f-en {
   font-family: "Inter", 'Noto Sans JP', "Yu Gothic", "游ゴシック Medium", "YuGothic", 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
}

.ff_setting {
   font-feature-settings: "palt";
   letter-spacing: .1em;
}

.tate {
   display: inline-block;
   line-height: 1;
   /* iOSのズレを軽減 */
   text-orientation: upright;
   writing-mode: vertical-rl;
}

ruby>rt {
   font-size: min(.3em, 1rem);
   font-weight: 400;
   text-align: center;
}

/*====================================================
// NOTE |  装飾系
====================================================*/
.blue {
   color: #013188;
}

.beige {
   color: #CFAD5F;
}

.icon {
   background: no-repeat center / contain;
   display: inline-block;
   width: 1.5em;
   height: 1.5em;
}

.icon-cta {
   background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23ffffff" d="M23.15,7.13c-.06-.11-.16-.21-.27-.27l-3.38-2.03v-1.82c0-.6-.24-1.17-.66-1.59-.42-.42-.99-.66-1.59-.66H6.75c-.6,0-1.17.24-1.59.66-.42.42-.66.99-.66,1.59v1.82l-3.38,2.03c-.11.07-.2.16-.27.27s-.1.24-.1.37v13.5c0,.6.24,1.17.66,1.59.42.42.99.66,1.59.66h18c.6,0,1.17-.24,1.59-.66.42-.42.66-.99.66-1.59V7.5c0-.13-.03-.26-.1-.37ZM19.49,6.58l1.72,1.03-1.72,1.5v-2.53ZM6,3c0-.2.08-.39.22-.53.14-.14.33-.22.53-.22h10.5c.2,0,.39.08.53.22.14.14.22.33.22.53v7.37l-5.51,4.73c-.14.12-.31.18-.49.18s-.35-.06-.49-.18l-5.51-4.73V3ZM4.5,6.58v2.51l-1.73-1.5,1.73-1.01ZM2.25,20.69v-11.57l6.22,5.33-6.22,6.23ZM3.31,21.75l6.31-6.31.89.79c.41.35.93.54,1.46.54s1.05-.19,1.46-.54l.92-.79,6.34,6.31H3.31ZM21.75,20.69l-6.23-6.23,6.23-5.33v11.57ZM7.72,5.78c-.14-.14-.22-.33-.22-.53s.08-.39.22-.53c.14-.14.33-.22.53-.22h4.69c.2,0,.39.08.53.22.14.14.22.33.22.53s-.08.39-.22.53-.33.22-.53.22h-4.69c-.2,0-.39-.08-.53-.22ZM15.75,9.75h-7.5c-.2,0-.39-.08-.53-.22-.14-.14-.22-.33-.22-.53s.08-.39.22-.53c.14-.14.33-.22.53-.22h7.5c.2,0,.39.08.53.22.14.14.22.33.22.53s-.08.39-.22.53-.33.22-.53.22Z" /></svg>');
}

.arrow_link {
   color: #3B82F6;
   font-weight: 600;
   line-height: 1.4;
   padding-right: 2em;
   position: relative;
}

.arrow_link::after {
   background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 21 21"><path fill="%233b82f6" d="M10.5,0c5.8,0,10.5,4.7,10.5,10.5s-4.7,10.5-10.5,10.5S0,16.3,0,10.5,4.7,0,10.5,0ZM10.04,6.56c-.07-.07-.15-.13-.24-.17-.09-.04-.19-.06-.29-.06-.1,0-.2.02-.29.05-.09.04-.17.09-.24.16-.07.07-.12.15-.16.24s-.05.19-.05.29c0,.1.02.2.06.29s.1.17.17.24l2.9,2.9-2.9,2.9c-.07.07-.13.15-.17.24s-.06.19-.06.29c0,.1.02.2.05.29s.09.17.16.24c.07.07.15.12.24.16.09.04.19.05.29.05.1,0,.2-.02.29-.06.09-.04.17-.1.24-.17l3.42-3.42c.14-.14.21-.32.21-.52s-.08-.38-.21-.52l-3.42-3.42Z" /></svg>') no-repeat center / contain;
   content: '';
   display: block;
   margin: auto;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   transition: transform .2s ease-in-out;
   width: 1.5em;
   height: 1.5em;
}

@media (hover: hover) {
   a.arrow_link:hover::after {
      transform: translateX(.3em);
   }
}

.linkBtn-wrapper {
   display: flex;
}

.linkBtn {
   background: #013188;
   border-radius: 8px;
   box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
   font-weight: 600;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: .75em;
   line-height: 1.4;
   min-height: 3.75em;
   padding: .2em 2em;
   transition: background-color .2s ease-in-out;
}

@media screen and (max-width: 769.0px) {
   .linkBtn {
      width: 100%;
      max-width: 600px;
   }
}

.linkBtn:hover {
   background: #1b4aa2;
}

.linkBtn .text {
   max-width: calc(100% - 1.5em - .75em);
}

.en_jp {
   display: flex;
   flex-direction: column;
   text-align: center;
}

.en_jp .en {
   color: #013188;
   font-size: 1.2rem;
   letter-spacing: .1em;
   margin-bottom: 1em;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {}

@media screen and (max-width: 500.0px) {}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769.1px) {}


.sr-only {
   border: 0;
   clip: rect(0, 0, 0, 0);
   padding: 0;
   margin: -1px;
   overflow: hidden;
   position: absolute;
   white-space: nowrap;
   width: 1px;
   height: 1px;
}


small,
.small {
   font-size: .8em;
}

big,
.big {
   font-size: 1.2em;
   line-height: 1;
}

strong {
   font-weight: bold;
}

sup {
   font-size: .5em;
   vertical-align: .5em;
}

.txt-left {
   text-align: left;
}

.txt-right {
   text-align: right;
}

.txt-center {
   text-align: center;
}

.txt-justify {
   text-align: justify;
}

@media screen and (max-width: 769.0px) {
   .txt-center-mob {
      text-align: center;
   }
}

@media print,
screen and (min-width: 769.1px) {
   .txt-center-pc {
      text-align: center;
   }
}


h1,
h2,
h3,
h4,
h5,
h6 {
   font-weight: 700;
   line-height: 1.4;
   margin-bottom: 1.0em;
}

h1 {
   font-size: 2.2em;
}

h2 {
   margin-bottom: 1.5em;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
   h2 {
      font-size: 2.4rem;
   }

   h3 {
      font-size: 2.0rem;
   }

   h4 {
      font-size: 1.25em;
   }

   h5 {
      font-size: 1.2em;
   }
}

@media screen and (max-width: 480.0px) {
   h2 {
      font-size: 6.15vw;
   }
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769.1px) {
   h2 {
      font-size: 2.6rem;
   }

   h3 {
      font-size: 2.4rem;
   }

   h4 {
      font-size: 1.25em;
   }

   h5 {
      font-size: 1.2em;
   }
}

@media print,
screen and (min-width: 960.1px) {
   h2 {
      font-size: 3.0rem;
   }

   h3 {
      font-size: 2.6rem;
   }
}


ul.markList {
   padding-left: 0;
}

ul.markList li {
   position: relative;
   padding-left: 1.0em;
   line-height: 1.5;
}

ul>li,
.bodyText.default_deco ul>li,
.bodyText.default_deco ol>li {
   margin: 0;
   line-height: 1.5;
}

ul.markList>li+li,
ul.normal>li+li,
.bodyText.default_deco ul>li+li,
ol>li+li,
.bodyText.default_deco ol>li+li {
   margin: .4em 0 0;
}

ul.markList li::before {
   content: '\30FB';
   display: block;
   margin: auto;
   position: absolute;
   top: 0;
   left: 0;
   width: 1em;
   height: 1em;
}

ul.markList>li:after {
   display: none !important;
}

ul.markList.attentionMark>li:before {
   background: transparent;
   content: '\203B';
}

ul.markList.dot li:before {
   background: currentColor;
   border-radius: 100%;
   content: '';
   top: .5em;
   left: .3em;
   width: .4em;
   height: .4em;
}

/*====================================================
////id 【header】
====================================================*/
@media screen and (max-width: 1070.0px) {
   :root {
      --header_h: 64px;
   }
}

@media print,
screen and (min-width: 1070.1px) {
   :root {
      --header_h: 80px;
   }
}

.header-logo {
   display: flex;
   align-items: center;
   justify-content: center;
   transition: opacity .2s ease-in-out;
   z-index: 999990;
}

.header-logo a {
   width: 100%;
}

header {
   pointer-events: none;
   position: relative;
   z-index: 888888;
}

.headerBox {
   box-shadow: 0 2px 16px rgba(0, 0, 0, .1);
   pointer-events: auto;
   position: fixed;
   left: 0;
   right: 0;
   transition: .2s ease-in-out;
   width: 100%;
   z-index: 999998;
}

.header-inner {
   display: flex;
   align-items: center;
   justify-content: space-between;
   height: 100%;
   padding: 0 3%;
}

.header-pc_menu {
   flex: 1;
}

.header-pc_menu .menu {
   display: flex;
   gap: 0 2.5vw;
}

.header-pc_menu .menu-header {
   justify-content: center;
   font-weight: 700;
}

.header-pc_menu .menu-header a {
   line-height: 1.2;
   padding: .3em .2em;
   position: relative;
}

.header-pc_menu .menu-header a::after {
   border-bottom: solid 2px #013188;
   content: '';
   display: block;
   margin: auto;
   opacity: 0;
   position: absolute;
   bottom: 0;
   left: 0;
   transform: translateY(5px);
   transition: .2s ease-in-out;
   width: 100%;
   height: 0;
}

.header-btn .linkBtn {
   line-height: 1.3;
}

.header-btn-wrapper {
   display: flex;
   gap: 0 24px;
}

.header-lang {
   display: flex;
   gap: 0 12px;
   align-items: center;
   line-height: 1;
}

.header-lang.sp-only {
   display: none;
}

.header-lang hr {
   width: 1px;
   height: 16px;
   background: #111827;
   border: none;
}

.header-lang .lang-list {
   display: flex;
   gap: 0 12px;
}

.header-lang .lang-item {
   line-height: 1.8;
   font-weight: bold;
}

.header-menuBtn {
   border-radius: min(.5vw, 4px);
   cursor: pointer;
   display: grid;
   grid-template-rows: 1fr auto;
   overflow: hidden;
   position: fixed;
   top: 0;
   right: 0;
   transition: .2s ease-in-out;
   width: 52px;
   height: 63px;
   z-index: 999998;
}

.header-menuBtn .humberger {
   margin: 0;
   position: relative;
   transition: opacity .2s ease-in-out;
   width: 100%;
   height: 100%;
}

.header-menuBtn .humberger span {
   background: #111827;
   border-radius: 3px;
   content: '';
   margin: auto;
   opacity: 1;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   transition: .2s ease-in-out;
   width: 22px;
   height: 3px;
}

.header-menuBtn .humberger span:nth-child(1) {
   transform: translateY(-7px);
}

.header-menuBtn .humberger span:nth-child(2) {
   transform: translateY(7px);
}

header+.maskBox {
   background: rgba(255, 255, 255, .5);
   opacity: 0;
   pointer-events: none;
   position: fixed;
   top: 0;
   left: 0;
   transition: .5s ease-in-out;
   width: 100%;
   height: 100vh;
   height: 100svh;
   z-index: 888885;
}

header .menuBox {
   background: #fff;
   color: #111827;
   margin: auto;
   opacity: 0;
   overflow-y: auto;
   pointer-events: none;
   position: fixed;
   bottom: 0;
   right: 0;
   transition: .5s ease-in-out;
   transform: translateX(100px);
   width: 500px;
   height: calc(100vh - 64px);
   height: calc(100dvh - 64px);
   z-index: 888888;

   overflow-y: scroll;
   -ms-overflow-style: none;
   /* IE, Edge 対応 */
   scrollbar-width: none;
   /* Firefox 対応 */
}

header .menuBox::-webkit-scrollbar {
   /* Chrome, Safari 対応 */
   display: none;
}

.menu-checkbox:checked+.header-menuBtn .humberger span {
   width: 50%;
}

.menu-checkbox:checked+.header-menuBtn .humberger span:nth-child(1) {
   transform: rotate(-135deg);
}

.menu-checkbox:checked+.header-menuBtn .humberger span:nth-child(2) {
   opacity: 0;
}

.menu-checkbox:checked+.header-menuBtn .humberger span:nth-child(3) {
   transform: rotate(135deg);
}

.menu-checkbox:checked+.header-menuBtn+header+.maskBox {
   opacity: 1;
   pointer-events: auto;
}

.menu-checkbox:checked+.header-menuBtn+header .menuBox {
   pointer-events: auto;
   transform: none;
   opacity: 1;
}

header .menuBox .menuBox-inner {
   margin: auto;
   position: relative;
   width: min(75%, 300px);
   z-index: 10;
}

header .menuBox-first {
   display: flex;
   justify-content: space-between;
   /* margin: 0 -5%;
    width: 110%; */
}

header .menuBox-menu_logo {
   margin: min(8vw, 50px) auto 0;
   width: min(32vw, 150px);
}

header .menuBox-closeBtn::before {
   transform: rotate(-45deg);
}

header .menuBox-closeBtn::after {
   transform: rotate(45deg);
}

header .menuBox-content {
   display: grid;
   place-items: center;
   margin: .5em auto 0;
}

header .menu-outer .menu-main {
   margin: min(8vw, 30px) auto 0;
   min-width: 185px;
}

header .menuBox .menu-main .menu {
   font-size: min(4.18vw, 2rem);
}

header .menuBox .menu-main .menu>li {
   background-image: repeating-linear-gradient(90deg, #93cbcf, #93cbcf 6px, transparent 6px, transparent 10px);
   background-position: left bottom;
   background-repeat: repeat-x;
   background-size: 100% 2px;
   line-height: 1.4;
   padding: .5em 0 0;
   position: relative;
   width: 100%;
}

header .menuBox .menu-main .menu>li>a {
   display: block;
   font-weight: 700;
   padding: 1em 0;
   position: relative;
   text-align: center;
}

header .menuBox li+li {
   margin-top: 0;
}

header .menuBox .menu li a {
   color: #013188;
   position: relative;
}


.no_link {
   pointer-events: none;
}



/* ////////// mobile ////////// NOTE header mobile */
@media screen and (max-width: 1070.0px) {

   header,
   header .headerBox {
      height: 64px;
   }

   header .headerBox {
      background: rgba(255, 255, 255, .9);
   }

   .menu-checkbox:checked+.header-menuBtn+header .headerBox {
      background: #fff;
   }

   .header-inner {
      padding-right: 52px;
   }

   .header-logo_img {
      height: 40px;
   }

   .header-btn .linkBtn {
      font-size: 1.4rem;
      padding: .5em 16px;
      min-height: 45px;
   }


   .header-pc_menu .menu,
   .header-pc_menu .header-btn {
      display: none;
   }

   .header-lang.pc-only {
      display: none;
   }

   .header-lang.sp-only {
      display: flex;
      justify-content: center;
      align-items: center;
   }
}

@media screen and (max-width:600px) {
   header .menuBox {
      width: 100%;
   }
}

/* ////////// PC ////////// NOTE header PC */

@media print,
screen and (min-width: 1070.1px) {
   .header-logo_img {
      height: 58px;
   }

   header {
      height: 80px;
   }

   .headerBox {
      background: rgba(255, 255, 255, .8);
      backdrop-filter: blur(3px);
      top: 0;
      left: 0;
      right: 0;
      transition: .6s ease-in-out;
      width: 100%;
      height: 80px;
      z-index: 888888;
   }

   header.hide .headerBox {
      transform: translateY(-130px);
   }

   header.hide {
      top: -180px;
   }

   .header-inner {
      gap: 0 30px;
      max-width: none;
   }

   .header-btn .linkBtn {
      min-height: 53px;
   }

   .header-menuBtn,
   header .menu-outer {
      display: none;
   }

}

@media screen and (min-width: 1175.1px) {
   .header-inner {
      gap: 0 6vw;
   }

   .header-pc_menu .menu-header {
      justify-content: space-evenly;
   }
}

@media screen and (min-width: 1440.1px) {
   header .hidden-max {
      display: none;
   }
}

@media (hover: hover) {
   @media print,
   screen and (min-width: 1070.1px) {
      .headerBox:hover {
         background: rgba(255, 255, 255, 1);
      }

      .header-pc_menu .menu-header a:hover {
         opacity: 1;
      }

      .header-pc_menu .menu-header a:hover::after {
         opacity: 1;
         transform: none;
      }
   }

   .header-menuBtn:hover {
      filter: brightness(1.1) saturate(.75) hue-rotate(355deg);
   }

   header .menuBox .menu a:hover,
   header .menuBox .menu .sub-menu-btn:hover {
      color: #013188;
      opacity: 1;
   }

   header .menuBox .menu li a:hover::after {
      right: 0;
   }

   .header-btn a:hover {
      filter: brightness(1.1) saturate(.75) hue-rotate(-5deg);
   }

}


/*====================================================
////id |  table
====================================================*/
table {
   border-collapse: separate;
   border-spacing: 0;
   background: #fff;
   color: #333;
   line-height: 1.4;
   vertical-align: middle;
   width: 100%;
}

table th {
   background: #013188;
   border-bottom: solid 1px #fff;
   color: #fff;
   font-weight: 500;
   padding: 10px 18px;
   text-align: center;
   white-space: nowrap;
}

table th:nth-child(even) {
   background: #3762AF;
}

table td {
   border: solid #F2F2F2;
   border-width: 0 1px 1px 0;
   font-size: .875em;
}

table td:last-child {
   border-right: 0;
}

table tr:last-child td {
   border-bottom: 0;
}

table.first_td_title td:first-child,
table.responsive td:first-child {
   background: #013188;
   color: #fff;
   font-size: 1em;
   font-weight: 500;
   white-space: nowrap;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
   table th {
      font-size: 1.4rem;
      padding: 16px 12px;
   }

   table td {
      padding: 16px 12px;
   }

   table.responsive,
   .wp-block-table.responsive table,
   table.responsive tbody,
   .wp-block-table.responsive table tbody,
   table.responsive tr,
   .wp-block-table.responsive table tr,
   table.responsive td,
   .wp-block-table.responsive table td {
      display: block;
   }

   table.responsive,
   .wp-block-table.responsive table {
      border: none;
   }

   table.responsive thead,
   .wp-block-table.responsive thead {
      display: none;
   }

   table.responsive tbody,
   .wp-block-table.responsive tbody {
      display: block;
   }

   table.responsive tr,
   .wp-block-table.responsive tr {
      width: 100%;
   }

   table.responsive th,
   table.responsive td:first-child,
   .wp-block-table.responsive td:first-child {
      font-weight: 700;
      width: 100%;
   }

   table.responsive td,
   .wp-block-table.responsive td {
      border: none !important;
      padding: 16px;
      text-align: left;
      width: 100%;
   }

}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769.1px) {
   table td {
      padding: 16px;
   }
}

@media (hover: hover) {}


/*====================================================
////id |  footer
====================================================*/
.footer-main {
   background: #011536;
   color: #fff;
}

.footer-main .menu-footer {
   display: flex;
   flex-wrap: wrap;
   gap: 10px 40px;
}

.footer-btn .linkBtn {
   background: #fff;
   font-weight: 700;
   color: #013188;
}

.footer-btn .linkBtn .cmn_setting_btn-bg {
   display: none;
}

.footer-btn .linkBtn .icon-cta {
   background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23013188" d="M23.15,7.13c-.06-.11-.16-.21-.27-.27l-3.38-2.03v-1.82c0-.6-.24-1.17-.66-1.59-.42-.42-.99-.66-1.59-.66H6.75c-.6,0-1.17.24-1.59.66-.42.42-.66.99-.66,1.59v1.82l-3.38,2.03c-.11.07-.2.16-.27.27s-.1.24-.1.37v13.5c0,.6.24,1.17.66,1.59.42.42.99.66,1.59.66h18c.6,0,1.17-.24,1.59-.66.42-.42.66-.99.66-1.59V7.5c0-.13-.03-.26-.1-.37ZM19.49,6.58l1.72,1.03-1.72,1.5v-2.53ZM6,3c0-.2.08-.39.22-.53.14-.14.33-.22.53-.22h10.5c.2,0,.39.08.53.22.14.14.22.33.22.53v7.37l-5.51,4.73c-.14.12-.31.18-.49.18s-.35-.06-.49-.18l-5.51-4.73V3ZM4.5,6.58v2.51l-1.73-1.5,1.73-1.01ZM2.25,20.69v-11.57l6.22,5.33-6.22,6.23ZM3.31,21.75l6.31-6.31.89.79c.41.35.93.54,1.46.54s1.05-.19,1.46-.54l.92-.79,6.34,6.31H3.31ZM21.75,20.69l-6.23-6.23,6.23-5.33v11.57ZM7.72,5.78c-.14-.14-.22-.33-.22-.53s.08-.39.22-.53c.14-.14.33-.22.53-.22h4.69c.2,0,.39.08.53.22.14.14.22.33.22.53s-.08.39-.22.53-.33.22-.53.22h-4.69c-.2,0-.39-.08-.53-.22ZM15.75,9.75h-7.5c-.2,0-.39-.08-.53-.22-.14-.14-.22-.33-.22-.53s.08-.39.22-.53c.14-.14.33-.22.53-.22h7.5c.2,0,.39.08.53.22.14.14.22.33.22.53s-.08.39-.22.53-.33.22-.53.22Z" /></svg>') no-repeat center / contain;
}

.footer-organizer {
   /* background: #000F26; */
   /* color: #64748B; */
   line-height: 1.6;
}

.footer-organizer-head {
   /* color: #94A3B8; */
   font-weight: 700;
   margin-bottom: 16px;
}

.footer-organizer-text {
   font-size: 1.4rem;
}

.footer-organizer-menu {
   display: flex;
   gap: 0 24px;
   flex-wrap: wrap;
   font-size: 1.4rem;
}

.copyright {
   color: #475569;
   font-size: 1.2rem;
   text-align: center;
}

.footer-organizer-content2 {
   border-top: solid 1px #E5E7EB;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
   .footer-main-inner {
      padding: 40px 0;
      max-width: 500px;
   }

   .footer-main .menu-footer {
      flex-direction: column;
   }

   .footer-btn {
      margin-top: 40px;
   }

   .footer-organizer-menu {
      margin-top: 32px;
      justify-content: center;
   }

   .footer-organizer-content2 {
      padding-top: 32px;
      margin-top: 32px;
   }

   .footer-organizer-logo {
      margin: auto;
      width: 247px;
   }

   .copyright {
      margin-top: 20px;
   }
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769.1px) {
   .footer-main-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0 50px;
      padding: 32px 0;
   }

   .footer-main-menu {
      flex: 1;
   }

   /* .footer-btn .linkBtn {
    width: 164px;
  } */

   .footer-organizer-inner {
      padding: 60px 0;
   }

   .footer-organizer-content {
      display: flex;
      gap: 80px;
   }

   .footer-organizer-main {
      flex: 1;
   }

   .footer-organizer-menu {
      gap: 0 32px;
   }

   .footer-organizer-content2 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-top: 40px;
      margin-top: 40px;
   }

   .footer-organizer-logo {
      width: 247px;
   }
}

@media (hover: hover) {
   .footer-btn .linkBtn:hover {
      background: #F1F5F9;
   }
}



/*====================================================
////id |  en
====================================================*/
.lang-en .header-pc_menu .menu-header {
   font-size: 1.4rem;
}

.lang-en .overview_data-table th {
   font-size: .8em;
}

.lang-en ul.markList.attentionMark>li:before {
   content: '*';
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769.0px) {
   .lang-en .overview_data-table {
      font-size: .9em;
   }

   .lang-en .overview_data-table td:first-child {
      font-size: .8em;
   }
}

/* ////////// PC ////////// */
@media print,
screen and (min-width: 769.1px) {}

@media print,
screen and (min-width: 1070.1px) {
   .lang-en .header-btn .linkBtn {
      font-size: 1.4rem;
   }
}

@media (hover: hover) {}