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


/* noto-sans-jp-regular - japanese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: url('./font/noto-sans-jp-v54-japanese-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-jp-500 - japanese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  src: url('./font/noto-sans-jp-v54-japanese-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* noto-sans-jp-700 - japanese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  src: url('./font/noto-sans-jp-v54-japanese-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 400;
  src: url('./font/figtree-v8-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 500;
  src: url('./font/figtree-v8-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* figtree-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Figtree';
  font-style: normal;
  font-weight: 700;
  src: url('./font/figtree-v8-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

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

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

:root {
	--mainColor: #4EC1B7;
	--red: #de3030;

    --green: #4EC1B7;
    --w_green: #f5fbfb;
    --s_green: #E8F2F2;
    --d_green: #29877f;
    
    --blue: #005bac;
    --w_blue: #f4faff;

    --w_gray: #F5F6F6;
	--l_gray: #F1F1F1;
	--gray: #B2B2B2;
	--gray2: #D0D0D0;
	--d_gray: #888;
	--black: #000;

	--font_family: "Figtree", "Noto Sans JP", 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
}

body, button, input, select, optgroup, textarea {
	color: var(--black);
	font-family: var(--font_family);
	font-size: min(4vw, 17px);
	font-size: min(4vw, 1.7rem);
    font-size-adjust: 0.5;
    font-weight: 400;
    letter-spacing: 0;
	line-height: 1.8;
}
button, input, select, optgroup, textarea {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
}

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

body {
	background: #fff;
    letter-spacing: .02em;
    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; */
}
.tel_link a {
	color: inherit !important;
	text-decoration: none !important;
}
.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]) ,
.bodyText ul:not(.page-numbers):not(.not_set) li a:not([class]) ,
.bodyText ol li a:not([class]) ,
dd a:not([class]) ,
a.underline {
    color: var(--d_green);
	-webkit-text-decoration: underline dotted 1px var(--d_green);
	text-decoration: underline dotted 1px var(--d_green);
	text-underline-position: under;
	text-underline-offset: 0.1em;
}

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

figure {
	margin: 0;
	position: relative;
}
figure img {
	position: relative;
}
.coverImg {
	overflow: hidden;
	padding-top: 56.5%;
	width: 100%;
}
figure.coverImg img {
    margin: auto;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
	width: 100%;
	max-width: none;
	height: 100%;
	max-height: none;
}
figure.coverImg.contain img {
	-o-object-fit: contain;
	   object-fit: contain;
}
figure figcaption.noImage {
	background: #f2faff;
	color: var(--red);
	display: flex;
		align-items: center;
		justify-content: center;
	font-size: 2.0rem;
	font-weight: bold;
	position: absolute;
		top: 0;
		left: 0;
	width: 100%;
	height: 100%;
}

.scaleUpImg figure {
	overflow: hidden;
}
.scaleUpImg figure {
	transition: .2s ease-in-out;
}

.round {
	border-radius: 10px;
	overflow: hidden;
}

figure.square {
	display: block;
	width: 100%;
	padding-top: 100%;
}
figure.square img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

#contents {
	width: 100%;
	transition: .2s ease-in-out;
	position: relative;
	z-index: 1;
}
.innerBox{
	margin: 0 auto;
	padding: min(12vw, 110px) 0;
	position: relative;
	width: 90%;
        max-width: 1200px;
	z-index: 2;
}
.innerBox.shortPadding {
	padding: min(10vw, 70px) 0;
}
.innerBox .innerBox {
	width: 100%;
}

.block {display: block;}
.inb {display: inline-block;}
.relative { position: relative; z-index: 1;}
.flexBox {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.flexCenter {
	align-items: center;
	justify-content: center;
}
.flexStart {
	justify-content: flex-start;
}
.flexEnd {
	justify-content: flex-end;
}
.flexWrap {
	flex-wrap: wrap;
}
.flexColumn {
	flex-direction: column;
	justify-content: flex-start;
}
.flex-1 {
	flex: 1;
}
.gridBox {
	display: grid;
}
dl.gridBox {
	grid-template: 'dt dd';
	grid-template-columns: auto 1fr;
}
dl.gridBox dd {
	grid-column: 2;
	word-break: break-word;
}

p + p {margin-top: 2em;}

.mw300 {max-width: 300px; margin: auto;}
.mw400 {max-width: 400px; margin: auto;}
.mw500 {max-width: 500px; margin: auto;}
.mw600 {max-width: 600px; margin: auto;}
.mw700 {max-width: 700px; margin: auto;}
.mw800 {max-width: 800px; margin: auto;}
.mw900 {max-width: 900px; margin: auto;}
.mw1000 {max-width: 1000px; margin: auto;}
.mw1100 {max-width: 1100px; margin: auto;}
.mw1200 {max-width: 1200px; margin: auto;}
.mw-none {max-width: none;}

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

.decoBox {
	position: absolute;
}

.over_hidden {
	overflow: hidden;
}
.hidden {
	display: none;
}

hr {
	background: var(--gray);
	border: none;
	height: 1px;
	opacity: .4;
}

::before, ::after {
    pointer-events: none;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
	.hidden-mob {
		display: none;
	}
	.display-mob {
		display: block;
	}
    .innerBox{
        padding: min(15vw, 80px) 0;
    }
	figure figcaption.noImage {
		font-size: 1.6rem;
	}
	.whiteBox {
	}
	.flexColumn-mob ,
	.flexColumn-tab {
		flex-direction: column;
	}
	dl.gridBox.responsive ,
	dl.formItem {
		grid-template: 'dt' 'dd';
	}
	dl.gridBox.responsive dd ,
	dl.formItem dd {
		grid-column: 1;
	}
}

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

	.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:960px) {
	.flexColumn-tab {
		flex-direction: column;
	}
	.hidden-tab {
		display: none;
	}
	.hidden-pc_d-tab ,
	.display-tab {
		display: block;
	}
}

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

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

@media (hover: hover) { /*NOTE ホバー処理*/
	a:not([class]):hover ,
	p a:hover {
		opacity: .7;
	}
	a.opacity-1:hover {
		opacity: 1;
	}
	.scaleUpImg:hover figure {
		transform: scale(1.02);
	}
	a.scaleUpImg:hover {
		opacity: 1;
	}
    a.scaleUpLink:hover {
        transform: scale(1.02);
    }
}

.h100 {
	height: 100%;
}
.w100 {
	width: 100%;
}

/*====================================================
// NOTE |  余白
====================================================*/
.ma-auto {margin: auto !important}
.ma-0 {margin: 0 !important}
.ma-05em {margin: .5em !important}
.ma-10em {margin: 1.0em !important}
.ma-15em {margin: 1.5em !important}
.ma-20em {margin: 2em !important}
.ma-30em {margin: 3em !important}
.mt-0 {margin-top: 0 !important}
.mt-03em {margin-top: .3em !important}
.mt-05em {margin-top: .5em !important}
.mt-08em {margin-top: .8em !important}
.mt-10em {margin-top: 1.0em !important}
.mt-15em {margin-top: 1.5em !important}
.mt-20em {margin-top: 2em !important}
.mt-30em {margin-top: 3em !important}
.ml-0 {margin-left: 0 !important}
.ml-03em {margin-left: .3em !important}
.ml-05em {margin-left: .5em !important}
.ml-10em {margin-left: 1.0em !important}
.ml-15em {margin-left: 1.5em !important}
.ml-20em {margin-left: 2em !important}
.ml-30em {margin-left: 3em !important}
.mr-0 {margin-right: 0 !important}
.mr-02em {margin-right: .2em !important}
.mr-05em {margin-right: .5em !important}
.mr-10em {margin-right: 1.0em !important}
.mr-15em {margin-right: 1.5em !important}
.mr-20em {margin-right: 2em !important}
.mr-30em {margin-right: 3em !important}
.mb-0 {margin-bottom: 0 !important}
.mb-03em {margin-bottom: .3em !important}
.mb-05em {margin-bottom: .5em !important}
.mb-08em {margin-bottom: .8em !important}
.mb-10em {margin-bottom: 1.0em !important}
.mb-15em {margin-bottom: 1.5em !important}
.mb-20em {margin-bottom: 2em !important}
.mb-30em {margin-bottom: 3em !important}

.ma-10 {margin: 10px !important}
.ma-20 {margin: 20px !important}
.ma-30 {margin: 30px !important}
.ma-40 {margin: 40px !important}
.ma-50 {margin: 50px !important}
.mt-10 {margin-top: 10px !important}
.mt-20 {margin-top: 20px !important}
.mt-30 {margin-top: 30px !important}
.mt-40 {margin-top: 40px !important}
.mt-50 {margin-top: 50px !important}
.mt-60 {margin-top: 60px !important}
.mt-70 {margin-top: 70px !important}
.ml-10 {margin-left: 10px !important}
.ml-20 {margin-left: 20px !important}
.ml-30 {margin-left: 30px !important}
.ml-40 {margin-left: 40px !important}
.ml-50 {margin-left: 50px !important}
.mr-10 {margin-right: 10px !important}
.mr-20 {margin-right: 20px !important}
.mr-30 {margin-right: 30px !important}
.mr-40 {margin-right: 40px !important}
.mr-50 {margin-right: 50px !important}
.mb-10 {margin-bottom: 10px !important}
.mb-20 {margin-bottom: 20px !important}
.mb-30 {margin-bottom: 30px !important}
.mb-40 {margin-bottom: 40px !important}
.mb-50 {margin-bottom: 50px !important}
.mb-60 {margin-bottom: 60px !important}
.mb-70 {margin-bottom: 70px !important}

.pa-0 {padding: 0 !important}
.pa-05em {padding: .5em !important}
.pa-10em {padding: 1.0em !important}
.pa-15em {padding: 1.5em !important}
.pa-20em {padding: 2em !important}
.pt-0 {padding-top: 0 !important}
.pt-05em {padding-top: .5em !important}
.pt-10em {padding-top: 1.0em !important}
.pt-15em {padding-top: 1.5em !important}
.pt-20em {padding-top: 2em !important}
.pb-0 {padding-bottom: 0 !important}
.pb-05em {padding-bottom: .5em !important}
.pb-10em {padding-bottom: 1.0em !important}
.pb-15em {padding-bottom: 1.5em !important}
.pb-20em {padding-bottom: 2em !important}


/*====================================================
//class eachTextAnime
====================================================*/
.eachTextAnime:not(.anime_unset) {
	opacity: 0;
}
.eachTextAnime.appeartext {
	opacity: 1;
}
.eachTextAnime:not(.anime_unset) span {
	opacity: 0;
}
.eachTextAnime.appeartext:not(.anime_unset) span {
	-webkit-animation:text_anime_on 1s ease-out forwards;
	        animation:text_anime_on 1s ease-out forwards;
	/* animation-delay: .4s; */
}
@-webkit-keyframes text_anime_on {
	0% {opacity:0;}
	100% {opacity:1;}
}
@keyframes text_anime_on {
	0% {opacity:0;}
	100% {opacity:1;}
}


.delay-01 {
	transition-delay: .1s;
}
.delay-02 {
	transition-delay: .2s;
}
.delay-03 {
	transition-delay: .2s;
}
.delay-04 {
	transition-delay: .4s;
}
.delay-05 {
	transition-delay: .5s;
}
.delay-06 {
	transition-delay: .6s;
}

/*====================================================
// NOTE |  テキスト
====================================================*/
.f-default {
	font-family: var(--font_family);
}

.ff_setting {
	font-feature-settings: "palt";
	letter-spacing: .1em;
}
.tate {
	-ms-writing-mode: tb-rl;
	    writing-mode: vertical-rl;
	-webkit-text-orientation: upright;
	        text-orientation: upright;
}
ruby > rt {
    font-size: min(.3em, 1rem);
    font-weight: 400;
    text-align: center;
}
/*====================================================
// NOTE |  装飾系
====================================================*/

.arrow {
    border-radius: 100%;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: text-bottom;
    width: 1.2em;
    height: 1.2em;
}
.arrow::before,
.arrow::after {
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: 0;
    transition: .2s ease-in-out;
    width: 100%;
    height: 100%;
}

.arrow::before {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 17 17"><path fill="%234EC1B7" d="M8.5,0C3.81,0,0,3.81,0,8.5s3.81,8.5,8.5,8.5,8.5-3.81,8.5-8.5S13.19,0,8.5,0ZM7.86,11.21l-1.06-1.06,1.64-1.64-1.64-1.64,1.06-1.06,2.71,2.71-2.71,2.71Z" /></svg>') no-repeat center / contain;
    right: 0;
}
.arrow::after {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 17 17"><path fill="%234EC1B7" d="M8.5,0C3.81,0,0,3.81,0,8.5s3.81,8.5,8.5,8.5,8.5-3.81,8.5-8.5S13.19,0,8.5,0ZM7.86,11.21l-1.06-1.06,1.64-1.64-1.64-1.64,1.06-1.06,2.71,2.71-2.71,2.71Z" /></svg>') no-repeat center / contain;
    right: 120%;
}
.triangle_arrow {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 13 20"><path fill="%23494949" d="M13,10L2.97,20l-2.97-2.96,7.07-7.04L0,2.96,2.97,0l10.03,10Z" /></svg>') no-repeat center / contain;
    display: inline-block;
    transition: .2s ease-in-out;
    width: .7em;
    height: .7em;
}

.btn_wrap {
	display: flex;
        justify-content: center;
		flex-wrap: wrap;
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link,
.formBtn,
.linkBtn { /*class linkBtn */
	background: #fff;
    border: solid 2px var(--mainColor);
	border-radius: 2em;
    color: var(--black);
	cursor: pointer;
	display: flex;
		align-items: center;
		grid-gap: 0 .4em;
        justify-content: center;
    font-size: 1.25em;
    font-weight: 500;
	line-height: 1.4;
	margin: 0;
	opacity: 1;
	padding: .3em .8em;
	position: relative;
    text-align: center;
	transition: .2s ease-in-out;
    min-height: 3em;
	z-index: auto;
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link .arrow,
.formBox .btn-outer .arrow ,
.linkBtn .arrow {
    margin: auto;
    pointer-events: none;
}
/* .wp-block-button:not(.is-style-outline) .wp-block-button__link .arrow::before,
.wp-block-button:not(.is-style-outline) .wp-block-button__link .arrow::after,
.formBox .btn-outer .arrow::before ,
.formBox .btn-outer .arrow::after ,
.linkBtn .arrow::before ,
.linkBtn .arrow::after {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 17 17"><path fill="%23ffffff" d="M8.5,0C3.81,0,0,3.81,0,8.5s3.81,8.5,8.5,8.5,8.5-3.81,8.5-8.5S13.19,0,8.5,0ZM7.86,11.21l-1.06-1.06,1.64-1.64-1.64-1.64,1.06-1.06,2.71,2.71-2.71,2.71Z" /></svg>') no-repeat center / contain;
} */

.wp-block-button:not(.is-style-outline) .wp-block-button__link .linkBtn-inner,
.linkBtn .linkBtn-inner {
    flex: 1;
    position: relative;
}

.glitter {
    overflow: hidden;
    position: relative; 
}
.glitter::before ,
.glitter .wp-block-button__link::before {
    animation: glitter 2.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 45%, rgba(255, 255, 255, 0) 100%);
    transform: skewX(-45deg);
    content: '';
    opacity: .8;
    position: absolute;
        top: 0;
        left: -100%;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.glitter:has(.wp-block-button__link)::before {
    display: none;
}
@keyframes glitter {
    0% {
        left: -100%;
    }
    25% {
        left: 100%;
    }
    100% {
        left: 100%;
    }
}


.linkBtn.bg-blue {
    border-color: var(--blue);
}
.linkBtn.bg-blue .arrow::before {
    filter: brightness(100);
}
.linkBtn.bg-blue .arrow::after {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 17 17"><path fill="%23005bac" d="M8.5,0C3.81,0,0,3.81,0,8.5s3.81,8.5,8.5,8.5,8.5-3.81,8.5-8.5S13.19,0,8.5,0ZM7.86,11.21l-1.06-1.06,1.64-1.64-1.64-1.64,1.06-1.06,2.71,2.71-2.71,2.71Z" /></svg>') no-repeat center / contain;
}

.mainColorBtn.wp-block-button:not(.is-style-outline) .wp-block-button__link {
    background: var(--mainColor);
    color: #fff;
}
.mainColorBtn.wp-block-button:not(.is-style-outline) .wp-block-button__link .arrow::before ,
.linkBtn.bg-mainColor .arrow::before {
    filter: brightness(100);
}

.smallBtn {
	font-size: 1em;
	min-width: 0;
    min-height: 2.5em;
}

.wp-block-button.is-style-outline .wp-block-button__link,
main .bodyText .is-style-outline .wp-block-button__link,
.linkBtn-small {
	background: transparent;
	border: none;
	border-radius: 0;
    color: var(--black);
	cursor: pointer;
    display: flex;
        align-items: center;
        grid-gap: 0 .4em;
	filter: none;
	font-size: 1.125em;
    font-weight: 700;
	line-height: 1.4;
	opacity: 1;
    padding: .1em;
	position: relative;
    text-align: left;
    width: auto;
}
.wp-block-button .btn_wrap,
main .bodyText .btn_wrap {
    justify-content: flex-start;
}
.wp-block-button.is-style-outline .wp-block-button__link .linkBtn-inner,
main .bodyText .is-style-outline .wp-block-button__link .linkBtn-inner,
.linkBtn-small .linkBtn-inner {
    position: relative;
}
/* .wp-block-button.is-style-outline .wp-block-button__link .arrow::before,
.wp-block-button.is-style-outline .wp-block-button__link .arrow::after,
main .bodyText .is-style-outline .wp-block-button__link .arrow::before,
main .bodyText .is-style-outline .wp-block-button__link .arrow::after,
.linkBtn-small .arrow::before,
.linkBtn-small .arrow::after {
    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="%238CC63F" d="M12,0C5.37,0,0,5.37,0,12s5.37,12,12,12,12-5.37,12-12S18.63,0,12,0ZM10.77,16.17l-1.34-1.34,2.93-2.93-2.93-2.93,1.34-1.34,4.27,4.27-4.27,4.27Z" /></svg>') no-repeat center / contain;
} */
.linkBtn img {
	display: inline-block;
	height: 1em;
	margin-right: .5em;
	transition: .1s ease-in-out;
	vertical-align: -.1em;
}
.link_icon {
	display: inline-block;
	height: .8em;
	margin-left: .5em;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    /* .wp-block-button {
        width: 100%;
    } */
	.wp-block-button:not(.is-style-outline) .wp-block-button__link,
	main .bodyText .wp-block-button:not(.is-style-outline) .wp-block-button__link,
	.linkBtn { /* class linkBtn mobile */
        font-size: min(4.2vw, 1.8rem);
        width: min(70vw, 400px);
	}
    .wp-block-button:not(.is-style-outline) .wp-block-button__link,
	main .bodyText .wp-block-button:not(.is-style-outline) .wp-block-button__link {
    }

}

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

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) { /* NOTE linkBtn pc */
    .formBtn,
	.linkBtn {
        min-width: 420px;
    }
    .wp-block-button:not(.is-style-outline) .wp-block-button__link {
        font-size: 1.1em;
        min-height: 3em;
        min-width: 300px;
    }

}

@media (hover: hover) {
	.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
	.formBox button[type="submit"]:hover,
    .formBtn:hover,
	.linkBtn:hover ,
	a:hover .linkBtn {
        background: var(--w_green);
		opacity: 1;
	}

    .wp-block-button.is-style-outline .wp-block-button__link:hover,
    main .bodyText .is-style-outline .wp-block-button__link:hover,
    .linkBtn-small:hover {
        color: var(--mainColor);
    }

    .linkBtn.bg-blue:hover {
        background: #fff;
        color: var(--blue);
    }

    .mainColorBtn.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover ,
    .linkBtn.bg-mainColor:hover {
        color: var(--mainColor);

    }

	.is-style-outline .wp-block-button__link:hover,
	main .bodyText .is-style-outline .wp-block-button__link:hover,
	a:hover .linkBtn-small ,
	.linkBtn-small:hover {
		opacity: 1;
	}
    .wp-block-button.is-style-outline .wp-block-button__link:hover::after,
    main .bodyText .is-style-outline .wp-block-button__link:hover::after,
    .linkBtn-small:hover::after {
        transform: translateX(.3em);
    }
    .wp-block-button.is-style-outline .wp-block-button__link:hover::before,
    main .bodyText .is-style-outline .wp-block-button__link:hover::before,
    .linkBtn-small:hover::before {
        width: calc(100% + .3em);
    }

    .arrow:hover::before,
    a:hover .arrow::before ,
    button:hover .arrow::before ,
    .formBox .btn-outer:hover .arrow::before {
        right: -120%;
    }
    .arrow:hover::after,
    a:hover .arrow::after ,
    button:hover .arrow::after ,
    .formBox .btn-outer:hover .arrow::after {
        right: 0;
    }
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

@media screen and (min-width:1580px) {
}

.tax {
	font-size: .5em;
	margin-left: .3em;
}

dl.accordion > dt ,
dl.menu-accordion > dt,
.accordion > .accordion-ttl {
	cursor: pointer;
	position: relative;
}
dl.accordion > dd ,
dl.menu-accordion > dd,
.accordion > .accordion-cnt {
	overflow: hidden;
	transition: .2s ease-in-out;
}
dl.accordion > dd > .accordion-inner,
.accordion > .accordion-cnt > .accordion-inner {
	opacity: 0;
	transition: .4s ease-in-out;
}
dl.accordion.open > dd > .accordion-inner,
.accordion.open > .accordion-cnt > .accordion-inner {
	opacity: 1;
}

.accordion-ttl:has(.plus_icon) {
    display: flex;
        align-items: center;
        justify-content: center;
        grid-gap: 1em;
}
.accordion-ttl > .plus_icon {
    display: block;
    width: 1em;
    height: 1em;
    position: relative;
}
.accordion-ttl > .plus_icon::before,
.accordion-ttl > .plus_icon::after {
    border-top: solid 3px #E3B7CD;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: .1em;
        left: 0;
        right: 0;
        bottom: 0;
    transition: .2s ease-in-out;
    width: .9em;
    height: 0;
}
.accordion-ttl > .plus_icon::after {
    transform: rotate(90deg);
}

.accordion.open > .accordion-ttl > .plus_icon::before {
    transform: rotate(90deg);
    opacity: 0;
}
.accordion.open > .accordion-ttl > .plus_icon::after {
    transform: rotate(180deg);
}

.accordion_close {
	cursor: pointer;
}
.bgBox {
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.bgBox img {
	width: 100% !important;
	height: 100% !important;
	-o-object-fit: cover;
	object-fit: cover;
}
.decoBox {
	pointer-events: none;
	position: absolute;
}

.opacity-6 {opacity: .6}
.opacity-8 {opacity: .8}
.opacity-10 {opacity: 1}


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';
	top: .1em;
	left: 0;
}
ul.markList.dot li:before {
	background: var(--mainColor);
	border-radius: 100%;
	content: '';
	top: .5em;
	left: .3em;
	width: .4em;
	height: .4em;
}
ul.markList.checkMark li {
    padding-left: 1.5em;
}
ul.markList.checkMark li:before {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-1 -1 31 31"><path fill="%23de3030" d="M15,0C6.72,0,0,6.72,0,15s6.72,15,15,15,15-6.72,15-15S23.28,0,15,0ZM22.34,12.04l-7.9,8.11c-.61.62-1.6.63-2.22.03l-1.09-1.06h0s-3.45-3.36-3.45-3.36c-.62-.61-.63-1.6-.03-2.22h0c.61-.62,1.6-.63,2.22-.03l3.41,3.32,6.81-6.99c.61-.62,1.6-.63,2.22-.03s.63,1.6.03,2.22Z" /></svg>') no-repeat center / contain;
	content: '';
	top: .2em;
	left: 0;
	width: 1em;
	height: 1em;
}
ol{
	counter-reset:number; /* 名前を付けたカウンターをリセット */
	list-style:none; /* olが数字を付けることをキャンセル */
	margin:0;
	padding:0;
}
ol > li{
    line-height: 1.8;
    margin-top: .2em;
	padding-left: 1.8em;
	position: relative;
}
ol > li:before{
    background: var(--mainColor);
    border-radius: 100%;
	box-sizing: border-box;
    color: #fff;
	counter-increment: number;
	content: counter(number);
	display: flex;
		align-items: center;
        justify-content: center;
    font-size: .8em;
    font-weight: 700;
    line-height: 1;
    padding-bottom: .1em;
	position: absolute;
		top: .3em;
		left: 0;
    text-align: center;
	width: 1.8em;
	height: 1.8em;
	line-height: 1;
}
.bodyText.default_deco ol > li::before {
    top: auto;
}
ol.circleMarkList > li:before{
	border: solid 1px;
	border-radius: 100%;
	font-size: .9em;
	top: .05em;
}

.circleBox {
	border-radius: 100%;
}

.markerline {
	background: linear-gradient(transparent 50%, rgba(255, 244, 139, .8) 50%, rgba(255, 244, 139, .8) 100%);
    margin: 0 .1em;
    padding: 0 .1em;
}

.squareMark {
    border: solid 1px;
	display: inline-block;
	padding: .3em .7em ;
	line-height: 1;
	text-align: center;
}

.circleMark {
	border-radius: 100px;
	display: inline-block;
	line-height: 1.2;
	padding: .25em .6em .3em;
}

.dataBox-dl {
    display: grid;
        grid-gap: min(2vw, 8px);
}
.dataBox-dl dl {
}
.dataBox-dl dt {
    background: var(--w_gray);
}


@media screen and (max-width: 769px) {
    .dataBox-dl dl > * {
        padding: .5em 1em;
    }
}
@media print, screen and (min-width: 769px) {
    .dataBox-dl dl {
        border-bottom: solid 1px var(--d_gray);
        display: grid;
            grid-template-columns: subgrid;
            grid-column: span 2;
    }
    .dataBox-dl dl > * {
        padding: .8em 1em;
    }
}

/*
// NOTE |  【特殊装飾】 */

.headBox {
	position: relative;
}

.en_jp {
	display: grid;
        grid-gap: .1em;
    font-size: min(8vw, 5rem);
    letter-spacing: .03em;
    margin-bottom: min(8.5vw, 40px);
}
.en_jp .en {
    line-height: 1;
}
.en_jp .jp {
    font-size: min(4vw, 1.8rem);
    font-weight: 500;
    line-height: 1.4;
    order: -1;
    padding-left: 1.3em;
    position: relative;
}
.en_jp .jp::before {
    background: var(--mainColor);
    border-radius: 100%;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: .3em;
        left: 0;
    width: .83em;
    height: .83em;
}

@media print, screen and (min-width: 769px) {
    .en_jp {
        font-size: min(6.5vw, 5.5rem);
    }
}

.circle_deco {
    padding-left: 1.3em;
    position: relative;
}
.circle_deco::before {
    background: var(--mainColor);
    border-radius: 100%;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: .3em;
        left: 0;
    width: .83em;
    height: .83em;
}

.wp-block-lazyblock-emphasis-text {
    text-align: center;
}
.deco-emphasis_text {
    display: inline-block;
    font-size: min(5.2vw, 2.6rem);
    font-weight: bold;
    line-height: 1.4;
    padding: 0 1.5em;
    position: relative;
}
.deco-emphasis_text::before,
.deco-emphasis_text::after {
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 23 30"><path fill="%23de3030" d="M3.22,0l19.78,30L0,2.4,3.22,0ZM.32,21.71l16.79,7.95L2.21,18.54l-1.89,3.16Z" /></svg>') no-repeat center bottom / contain;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        bottom: 0;
    width: 1.2em;
    height: 100%;
}
.deco-emphasis_text::before {
    left: 0;
}
.deco-emphasis_text::after {
    right: 0;
    transform: scale(-1, 1);
}

.text_dots {
  background-image: radial-gradient(circle at center, var(--red) 20%, transparent 20%);
  background-position: top right;
  background-repeat: repeat-x;
  background-size: .93em .3em;
  padding-top: .3em;
}

.article-category {
    display: flex;
        grid-gap: .4em;
        flex-wrap: wrap;
}
.cate_item {
    border-radius: 2em;
    color: #fff;
	line-height: 1;
    padding: .25em .8em;
}
.article-tag {
    color: var(--mainColor);
    display: flex;
        gap: 0 .8em;
    font-weight: 500;
}
.article-date {
    color: var(--gray);
    line-height: 1;
    padding-left: 1.3em;
    position: relative;
}
.article-date::before {
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 50 50"><path fill="%23b2b2b2" d="M48.03,15.27c-1.26-2.98-3.06-5.65-5.36-7.95-2.29-2.29-4.97-4.1-7.95-5.36-3.08-1.3-6.36-1.97-9.73-1.97s-6.65.66-9.73,1.97c-2.98,1.26-5.65,3.06-7.95,5.36-2.3,2.29-4.1,4.97-5.36,7.95-1.3,3.08-1.97,6.36-1.97,9.73s.66,6.65,1.97,9.73c1.26,2.98,3.06,5.65,5.36,7.95,2.3,2.3,4.97,4.1,7.95,5.36,3.08,1.3,6.36,1.97,9.73,1.97s6.65-.66,9.73-1.97c2.98-1.26,5.65-3.06,7.95-5.36,2.3-2.29,4.1-4.97,5.36-7.95,1.3-3.08,1.97-6.36,1.97-9.73s-.66-6.65-1.97-9.73ZM44.56,25c0,10.79-8.78,19.56-19.56,19.56S5.44,35.79,5.44,25,14.21,5.44,25,5.44s19.56,8.78,19.56,19.56ZM35.04,31.18c1.06,1.06,1.06,2.79,0,3.85-.51.51-1.2.8-1.92.8s-1.41-.28-1.92-.8l-8.11-8.1c-.51-.51-.8-1.2-.8-1.92v-14.2c0-1.5,1.22-2.72,2.72-2.72s2.72,1.22,2.72,2.72v13.08l7.32,7.3Z" /></svg>') no-repeat center / contain;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: .05em;
        left: 0;
    width: .9em;
    height: .9em;
}

.downloadBtn {
    background: var(--mainColor);
    border-radius: 2px;
    color: #fff;
    font-size: .95em;
    font-weight: 700;
    display: flex;
        align-items: center;
        justify-content: center;
        gap: .5em;
    margin-top: .5em;
    padding: .4em .8em;
}
.downloadBtn .arrow {
    width: 1.4em;
    height: 1.4em;
}
.downloadBtn .arrow::before,
.downloadBtn .arrow::after {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 22 22"><path fill="%23ffffff" d="M11,0h0c6.08,0,11,4.92,11,11h0c0,6.08-4.92,11-11,11h0C4.92,22,0,17.08,0,11h0C0,4.92,4.92,0,11,0ZM10.96,13.66c.08.08.22.08.3,0,0,0,0,0,0,0l3.04-3.3c.08-.08.08-.2,0-.28-.04-.04-.1-.06-.16-.06h-1.35v-4.66c0-.19-.15-.35-.35-.35h-2.67c-.19,0-.35.16-.35.35v4.66h-1.35c-.11,0-.21.08-.21.19,0,.06.02.12.06.16l3.03,3.3ZM15.47,12.37v2.37H6.76v-2.37h-2v4.37h12.71v-4.37h-2Z" /></svg>') no-repeat center / contain;
}
.downloadBtn .arrow::after {
    right: 0;
    top: -120%;
}
.icon {
	display: inline-block;
	vertical-align: -.1em;
	width: .9em;
	height: .9em;
}
.icon.icon-search {
	background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 12 16"><path fill="%23ffffff" d="M12,14.94l-3.22-5.63h0c1.84-1.64,2.35-4.42,1.07-6.65,0-.02-.02-.03-.03-.04-.17-.3-.37-.57-.59-.82-.07-.08-.16-.14-.23-.22-.17-.17-.34-.35-.53-.49-.1-.07-.21-.13-.31-.19-.18-.12-.37-.25-.56-.35-.24-.12-.5-.21-.76-.29-.07-.02-.13-.06-.2-.07-.12-.03-.24-.04-.36-.06-.21-.04-.43-.09-.64-.11-.27-.02-.54,0-.81.02-.07,0-.14,0-.22,0-.27.03-.54.11-.81.18-.07.02-.14.03-.2.05-.33.11-.66.26-.97.44-.18.11-.34.24-.5.36C.31,2.45-.45,4.85.26,7c.11.34.26.67.44.98.16.28.35.54.56.78.05.06.1.12.16.18.2.22.41.42.64.59.02.01.03.03.05.04.24.18.49.33.75.46.08.04.16.08.24.12.23.11.47.2.71.27.04.01.08.03.13.04.28.07.56.12.85.14.09,0,.18.01.27.02.08,0,.15.02.23.02.19,0,.37-.02.56-.04.03,0,.07,0,.1,0,.3-.04.59-.11.88-.2.04-.01.08-.03.11-.04h0s3.22,5.64,3.22,5.64l.6-.35,1.23-.72h0s0,0,0,0ZM6.94,8.22c-1.58.92-3.62.37-4.53-1.22-.91-1.6-.37-3.65,1.21-4.57.51-.3,1.08-.45,1.65-.45.29,0,.58.04.86.12.86.23,1.57.78,2.01,1.56.91,1.6.37,3.65-1.21,4.57Z" /></svg>') no-repeat center;
}
.icon.icon-new_window {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 12 12"><path fill="%2329877f" d="M2.25,0v9.75h9.75V0H2.25ZM11.06,8.81H3.19V.94h7.88v7.88ZM.94,11.06V2.25h-.94v9.75h9.75v-.94H.94ZM5.46,7.33l2.76-2.76v1.99h.94v-3.59h-3.59v.94h1.99l-2.76,2.76.66.66Z" /></svg>') no-repeat center / contain;
    background-size: 90%;
}
.hover_shadow {
    transition: .2s ease-in-out;
}
@media (hover: hover) {
    a.cate_item:hover {
        filter: brightness(1.02);
        transform: scale(1.05);
    }
    .downloadBtn:hover .arrow::before ,
    a:has(.downloadBtn):hover .arrow::before {
        top: 120%;
        right: 0;
    }
    .downloadBtn:hover .arrow::after ,
    a:has(.downloadBtn):hover .arrow::after {
        top: 0;
        right: 0;
    }
    .hover_shadow:hover {
        box-shadow: 0 5px 5px rgba(0, 0, 0, .3);
    }
}

/*====================================================
////id |  contactArea
====================================================*/
.contactArea-inner {
    padding: min(12vw, 70px) 0;
}
.contactArea-head {
    font-size: min(10vw, 4rem);
    font-weight: 400;
}
.contactArea-link {
    display: flex;
        flex-wrap: wrap;
        grid-gap: min(2vw, 20px) min(3vw, 30px);
        justify-content: center;
}
.contactArea-link .linkBtn {
    min-width: 320px;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .contactArea-text {
        font-size: min(4.2vw, 1.8rem);
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .contactArea-text {
        font-size: min(2.2vw, 2rem);
    }
}

@media (hover: hover) {}



.f-05em {font-size: .5em;}
.f-06em {font-size: .6em;}
.f-07em {font-size: .7em;}
.f-08em {font-size: .8em;}
.f-09em {font-size: .9em;}
.f-10em {font-size: 1.0em;}
.f-11em {font-size: 1.1em;}
.f-12em {font-size: 1.2em;}
.f-13em {font-size: 1.3em;}
.f-14em {font-size: 1.4em;}
.f-15em {font-size: 1.5em;}
.f-16em {font-size: 1.6em;}
.f-17em {font-size: 1.7em;}
.f-18em {font-size: 1.8em;}
.f-20em {font-size: 2.0em;}

.f-10 {font-size: 1.0rem;}
.f-11 {font-size: min(2.8vw, 1.1rem);}
.f-12 {font-size: min(3.0vw, 1.2rem);}
.f-13 {font-size: min(3.3vw, 1.3rem);}
.f-14 {font-size: min(3.6vw, 1.4rem);}
.f-15 {font-size: min(3.8vw, 1.5rem);}
.f-16 {font-size: min(4.1vw, 1.6rem);}
.f-17 {font-size: min(4.3vw, 1.7rem);}
.f-18 {font-size: min(4.6vw, 1.8rem);}
.f-20 {font-size: min(5.1vw, 2.0rem);}
.f-22 {font-size: min(5.6vw, 2.2rem);}
.f-24 {font-size: min(6.1vw, 2.4rem);}

.lh-10 {line-height: 1.0;}
.lh-12 {line-height: 1.2;}
.lh-14 {line-height: 1.4;}
.lh-16 {line-height: 1.6;}
.lh-18 {line-height: 1.8;}
.lh-20 {line-height: 2.0;}
.lh-20 {line-height: 2.2;}

.ls-0 {letter-spacing: 0;}
.ls-03 {letter-spacing: .03em;}
.ls-06 {letter-spacing: .06em;}
.ls-10 {letter-spacing: .1em;}
.ls-15 {letter-spacing: .15em;}
.ls-20 {letter-spacing: .2em;}
.ls-25 {letter-spacing: .25em;}

small, .small {
	font-size: .8em;
}
big, .big {
	font-size: 1.2em;
}
strong {
	font-weight: bold;
}
sup {
	font-size: .5em;
	vertical-align: .5em;
}

.fw-normal {
	font-weight: 400;
}
.fw-elight {
	font-weight: 200;
}
.fw-light {
	font-weight: 300;
}
.fw-medium {
	font-weight: 500;
}
.fw-semibold {
	font-weight: 600;
}
.fw-bold {
	font-weight: 700;
}
.fw-black {
	font-weight: 900;
}

.txt-left {
	text-align: left;
}
.txt-right {
	text-align: right;
}
.txt-center {
	text-align: center;
}
.txt-justify {
	text-align: justify;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
	line-height: 1.4;
}
h1 {font-size: 2.2em;}
h2 {font-size: min(6.2vw, 3.0rem);}
h3 {font-size: min(5.6vw, 2.6rem);}
h4 {font-size: min(4.2vw, 1.25em);}
h5 {font-size: min(4.1vw, 1.2em);}

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

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

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

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

@media screen and (min-width:1580px) {
}

/*====================================================
//// NOTE |  カラー
====================================================*/

.bg-white {
	background: #fff;
}
.bg-mainColor {
	background: var(--mainColor);
	color: #fff;
}
.bg-red {
	background: var(--red);
	color: #fff;
}

.bg-green {
	background: var(--green);
	color: #fff;
}
.bg-s_green {
	background: var(--s_green);
}
.bg-w_green {
	background: var(--w_green);
}
.bg-d_green {
	background: var(--d_green);
	color: #fff;
}

.bg-blue {
	background: var(--blue);
	color: #fff;
}
.bg-w_blue {
	background: var(--w_blue);
}

.bg-w_gray {
	background: var(--w_gray);
}
.bg-l_gray {
	background: var(--l_gray);
}
.bg-gray {
	background: var(--gray);
	color: #fff;
}
.bg-black {
	background: var(--black);
	color: #fff;
}

.bg-transparent {
	background: transparent;
}

.white {
	color: #fff;
}
.mainColor {
	color: var(--mainColor);
}
.red {
	color: var(--red);
}

.green {
	color: var(--green);
}
.d_green {
	color: var(--d_green);
}
.blue {
    color: var(--blue);
}

.gray {
	color: var(--gray);
}
.d_gray {
	color: var(--d_gray);
}
.black {
	color: var(--black);
}

.border-none {
	border: none;
}

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

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

/*====================================================
////id |  .yt
====================================================*/

.yt,
.wp-block-embed__wrapper {
	position: relative;
	height: 0;
	padding: 0px 0 56.3%;
	overflow: hidden;
}
.yt iframe,
.wp-block-embed__wrapper iframe {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
}


/*====================================================
////id 【header】
====================================================*/
header {
	transition: .2s ease-in-out;
}
header .headerBox {
    background: #fff;
	position: fixed;
		top: 0;
		left: 0;
	transition: .4s ease-in-out;
	width: 100%;
	z-index: 9999;
}
.gmoGroupHeader {
	transition: .4s ease-in-out;
}
header.hide .headerBox {
    transform: translateY(-130px);
}
header .header-inner {
    display: grid;
        align-items: center;
        grid-template-columns: auto 1fr;
    height: 100%;
}
header img {
	margin: 0;
}

header .menu-outer {
	position: relative;
	z-index: 30;
}
header .menuBtn {
    background: var(--mainColor);
    border-radius: 3px;
	cursor: pointer;
	display: flex;
		align-items: center;
		justify-content: center;
	position: fixed;
		top: 8px;
		right: 8px;
	transition: .2s ease-in-out;
	width: 44px;
	height: 44px;
	z-index: 10;
}
header .menuBtn .humberger {
	margin: 0;
	position: relative;
	transition: .2s ease-in-out;
	width: 63%;
	height: 40%;
}
header .menuBtn .humberger span {
	border-top: solid 3px #fff;
	content: '';
	margin: auto;
	opacity: 1;
	position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
	transition: .4s ease-in-out;
	width: 100%;
	height: 0;
}
header .menuBtn .humberger span:nth-child(1) {
	transform: translateY(-8px);
}
header .menuBtn .humberger span:nth-child(2) {
}
header .menuBtn .humberger span:nth-child(3) {
	transform: translateY(8px);
}
header .maskBox {
	background: rgba(255, 255, 255, .4);
    backdrop-filter: blur(2px);
	opacity: 0;
	pointer-events: none;
	position: fixed;
		bottom: 0;
		left: 0;
	transition: .5s ease-in-out;
	width: 100%;
	height: calc(100vh - 60px);
	height: calc(100svh - 60px);
    z-index: 50;
}
header .menuBox {
	background: var(--s_green);
	opacity: 0;
	overflow-y: auto;
	padding: 80px min(5vw, 25px) 60px;
	pointer-events: none;
	position: fixed;
		top: 88.5px;
		right: -500px;
	transition: .5s ease-in-out;
	width: 80%;
		max-width: 500px;
	height: calc(100vh - 60px);
	height: calc(100svh - 60px);
	z-index: 1;

	overflow-y: scroll;
	-ms-overflow-style: none;    /* IE, Edge 対応 */
	scrollbar-width: none;       /* Firefox 対応 */
}
header .menuBox::-webkit-scrollbar {  /* Chrome, Safari 対応 */
	display:none;
}

header .menu-outer.open .menuBtn {
	transition: .2s ease-in-out;
}
header .menu-outer.open .humberger span {
	right: 0;
}
header .menu-outer.open .humberger span:nth-child(1) {
	bottom: 0;
	transform: rotate(-135deg);
}
header .menu-outer.open .humberger span:nth-child(2) {
	width: 0;
	opacity: 0;
}
header .menu-outer.open .humberger span:nth-child(3) {
	top: 0;
	transform: rotate(135deg);
}
.menu-open header .maskBox {
	opacity: 1;
	pointer-events: auto;
}
header .menu-outer.open .menuBox {
	pointer-events: auto;
	right: 0;
	opacity: 1;
}

header .menuBox .menuBox-inner {
}
header .menuBox ul {
}
header .menu-outer .menu-pc {
	display: none;
}
header .menuBox .menu li {
	padding: 0;
	position: relative;
	width: 100%;
}
header .menu .sub-menu-outer {
	overflow: hidden;
	transition: .4s ease-in-out;
}
header .menuBox li .sub-menu-btn {
	cursor: pointer;
	margin: auto;
	position: absolute;
		top: 0;
		right: 0;
	width: 3em;
	height: 3em;
}
header .menuBox li .sub-menu-btn::before {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 13 8"><path fill="%234EC1B7" d="M6.5,8L0,1.84,1.94,0l4.56,4.33L11.06,0l1.94,1.84-6.5,6.16Z" /></svg>') no-repeat center ;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    transition: .2s ease-in-out;
    width: .8em;
    height: .8em;
}
header .menuBox li.open .sub-menu-btn::before {
	transform: rotate(180deg);
}
header .menuBox li.open .sub-menu-btn::after {
	opacity: 0;
	transform: rotate(180deg);
}
header .menuBox .sub-menu li {
	font-size: .9em;
	font-weight: 500;
}

header .menuBox .category-menu {
    display: grid;
        grid-gap: 8px 10px;
        grid-template-columns: repeat(3, 1fr);
    
}
header .menuBox .menu .category-menu a {
    background: #fff;
    border: solid 1px #D0D0D0;
    border-radius: 5px;
	padding: .6em .5em .4em;
}
header .menuBox .category-menu .coverImg {
    padding-top: 0;
    width: min(13vw, 80px);
    height: min(11vw, 60px);
}
header .menuBox .category-menu-title {
    font-size: min(3.2vw, 1.4rem);
}
header .menuBox .menu li a {
	/* display: block; */
	position: relative;
}


.menu-open .headerBox {
	/* background: transparent; */
	transition: .5s ease-in-out;
}
header .menuBox .btn_menu {
	grid-gap: 6px;
	margin-top: 1.8em;
}
header .menuBox .btn_menu .btn {
	border-width: 4px;
	border-radius: 1em;
	flex: 1;
}

header ul.category-menu .coverImg {
    margin: auto;
}
header .category-menu-title {
    display: flex;
        align-items: center;
        justify-content: center;
    line-height: 1.4;
    margin-top: .3em;
    min-height: 2.5em;
    text-align: center;
}


header .btn_menu-link {
    background: #fff;
    border: solid 1px var(--mainColor);
    border-radius: 2em;
    display: flex;
        align-items: center;
        gap: .4em;
        justify-content: center;
    font-weight: 700;
    padding: .3em 1em;
    min-height: 3em;
}
header .btn_menu-link.link-mail::before {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 17"><path fill="%234ec1b7" d="M21.2,0H2.8C1.25,0,0,1.25,0,2.8c0,0,0,0,0,0v11.41c0,1.54,1.25,2.8,2.8,2.8h18.4c1.55,0,2.8-1.25,2.8-2.8h0V2.8C24,1.25,22.75,0,21.2,0ZM22.66,14.96l-.53.63-7.46-6.08-1.16,1.1c-.86.79-2.17.79-3.03,0l-1.16-1.1L1.87,15.59l-.53-.63,7-6.39L1.29,1.94l.42-.55,10.29,7.79L22.29,1.39l.42.55-7.05,6.62,7,6.39Z" /></svg>') no-repeat center / contain;
    content: '';
    display: block;
    transition: .2s ease-in-out;
    width: 1.4em;
    height: 1em;
}

.searchBox .searchform {
    align-items: stretch;
}
.searchBox input[type="text"] {
    border-radius: 3px 0 0 3px;
    border-right-width: 0;
}
.searchsubmit {
    background: var(--mainColor);
    border-radius: 0 3px 3px 0;
    display: flex;
        align-items: center;
        justify-content: center;
    width: 68px;
    height: 60px;
}
.searchsubmit .search_icon {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 26 26"><path fill="%23ffffff" d="M25.12,21l-2.67-2.67c3.45-5.72,1.6-13.15-4.12-16.6S5.18.13,1.74,5.86C-1.71,11.58.13,19.01,5.85,22.45c3.84,2.31,8.64,2.31,12.48,0l2.67,2.66c1.12,1.15,2.96,1.18,4.12.06,1.15-1.12,1.18-2.96.06-4.12-.02-.02-.04-.04-.06-.06h0ZM17.36,17.36c-2.89,2.89-7.58,2.89-10.47,0-2.89-2.89-2.89-7.58,0-10.47,2.89-2.89,7.58-2.89,10.47,0,1.39,1.39,2.17,3.27,2.17,5.23,0,1.97-.78,3.85-2.17,5.24Z" /></svg>') no-repeat center / contain;
    display: block;
    width: 50%;
    height: 50%;
}


header .pc_menu .search {
    cursor: pointer;
    overflow: hidden;
    /* pointer-events: none; */
    position: absolute;
        top: 0;
        right: 0;
    transition: .2s all;
    width: 50px;
    height: 50px;
    z-index: 200;
}
header .pc_menu .searchBox {
    position: absolute;
        top: 0;
        right: 0;
    width: 360px;
}
header .pc_menu .searchBox input[type=text] {
    height: 50px;
    min-height: 50px;
}
header .pc_menu .search button {
    border-radius: 3px;
    cursor: pointer !important;
    pointer-events: none;
    width: 50px;
    height: 50px;
}
header .pc_menu .search.search_open,
header .pc_menu .search.search_focus {
    width: 360px;
    height: 50px;
}
header .pc_menu .search.search_open button ,
header .pc_menu .search.search_focus button {
    border-radius: 0 3px 3px 0;
    pointer-events: auto;
}

/* ////////// mobile ////////// NOTE header mobile */
@media screen and (max-width: 959.8px) {
	header ,
	header .headerBox {
		height: 60px;
	}
	header.hide {
		top: -130px;
	}
    header .logo_text {
        font-size: 12px;
    }
    header .logo_img {
        height: 23px;
    }

	header .pc_menu {
		display: none;
	}
	header .menuBtn .humberger::before,
	header .menuBtn .humberger::after {
		width: 5px;
		height: 100%;
	}
	header .menu-outer.open .humberger::before {
		left: -3px;
	}
	header .menu-outer.open .humberger::after {
		right: -3px;
	}
	header .menuBtn .text {
		transform: scale(.8);
	}
	header .menuBox::before {
		content: '';
		display: block;
		margin: auto;
		position: absolute;
			top: -1px;
			left: 0;
		width: 100%;
		height: 1px;
	}
	header .menuBox {
		padding: 40px min(5vw, 30px) min(10vw, 100px);
	}
	header .menuBox .menu_logo img {
		height: 2.5em;
	}
    header .menuBox .searchBox {
        width: 100%;
	}

	header .menuBox .menu-wrapper {
		align-items: flex-start;
	}
	header .menuBox .menu-wrapper > div{
		width: 100%;
	}
	header .menuBox .menu {
        margin-top: 1.5em;
    }
	header .menuBox .menu > li {
        border-bottom: solid 1px var(--gray2);
		position: relative;
		text-align: left;
	}
	header .menuBox .menu:not(.sub-menu) a {
		display: block;
		padding: .8em 0;
	}
	header .menuBox .menu .sub-menu {
		display: grid;
		padding: 1em 0;
	}
	header .menuBox .menu .sub-menu a {
		display: block;
	}
    header .menuBox-sns {
        display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            gap: .5em;
        margin-top: 1.5em;
    }
    header .menuBox-sns a {
        filter: brightness(0) grayscale(10);
    }
    header .menuBox-sns img {
        width: 2em;
    }
	header .btnBox {
		grid-gap: .5em;
	}
}

@media screen and (max-width:768px) {
    header .menuBox {
        top: 60px;
    }
}
@media screen and (max-width:560px) {
	header .menuBox {
		width: 100%;
        right: -100%;
	}
}

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

@media screen and (min-width:769px) and (max-width:959.8px) {

	.menu-open .header_logo a {
		filter: none;
	}
	header .menuBox {
		width: 500px;
	}
}

/* ////////// PC ////////// NOTE header PC */
@media print, screen and (min-width: 769px) {
	header .headerBox {
        top: 29px;
    }
    header .menuBtn {
        top: 37px
    }
    .header-view .gmoGroupHeader {
        transform: translateY(0);
    }
    body:not(.header-view) .gmoGroupHeader {
        transform: translateY(-130px);
    }
}
@media print, screen and (min-width: 960px) {
	header {
		height: 100px;
	}
	header .headerBox {
		backdrop-filter: blur(3px);
		position: fixed;
			left: 0;
			right: 0;
		transition: .4s ease-in-out;
		width: 100%;
		height: 100px;
		z-index: 9000;
	}
	header.global .headerBox:hover::before {
		opacity: 1;
	}
	header.hide {
		top: -180px;
	}
    header .logo_text {
        font-size: min(1.5vw, 1.8rem);
    }
    header .logo_img {
        width: min(22vw, 320px);
    }

	header .header_logo a:hover {
		color: inherit;
	}
    header .pc_menu {
        display: flex;
            align-items: center;
            gap: min(2vw, 50px);
            justify-content: flex-end;
	}

	header .pc_menu .menu {
		display: flex;
			flex-wrap: wrap;
			justify-content: flex-end;
			grid-gap: .2em min(1.3vw, 60px);
		font-size:  min(1.5vw, 1.6rem);
		font-weight: 700;
		height: 100%;
		padding: 0;
	}
	header .pc_menu .menu > .menu-item {
		display: flex;
			align-items: center;
	}

	header .pc_menu .menu > .menu-item > a {
		display: grid;
			place-content: center;
			place-items: center;
        padding: .2em;
		position: relative;
	}
	header .pc_menu .menu > .menu-item > a:hover {
		opacity: 1;
	}
	header .pc_menu .menu > .menu-item > a::before {
		border-bottom: solid 2px var(--mainColor);
		content: '';
		display: block;
		margin: auto;
		position: absolute;
			right: 0;
			bottom: 0;
		transition: .2s ease-in-out;
		width: 0;
		height: 0;
		z-index: -1;
	}
	header .pc_menu .menu > .menu-item > a:hover::before {
        opacity: 1;
        left: 0;
        right: auto;
		width: 100%;
	}
	header .pc_menu .menu li:has(.sub-menu-outer) > a{
		margin-right: 1.2em;
		position: relative;
	}
	header .pc_menu .menu li:has(.sub-menu-outer) > a::after {
		background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 13 8"><path fill="%23000000" d="M6.5,8L0,1.84,1.94,0l4.56,4.33L11.06,0l1.94,1.84-6.5,6.16Z" /></svg>') no-repeat center ;
		content: '';
		display: block;
		margin: auto;
		position: absolute;
			top: .6em;
			right: -1.2em;
		width: .8em;
		height: .4em;
	}
	header .pc_menu li:has(.sub-menu-outer)::before {
        content: '';
        display: block;
        margin: auto;
        position: absolute;
            top: 100%;
            left: -3em;
        width: calc(100% + 6em);
        height: 30px;
    }
	/* header .pc_menu li:has(.sub-menu-outer)::after {
        background: var(--s_green);
        clip-path: polygon(50% 0, 100% 100%, 0 100%);
        content: '';
        display: block;
        margin: auto;
        position: absolute;
            top: calc(100% + 10px);
            left: 0;
            right: 0;
        width: 15px;
        height: 21px;
    } */
	header .pc_menu li:has(.sub-menu-outer):hover::before {
        pointer-events: auto;
    }
	header .pc_menu .sub-menu-outer {
        /* display: flex;
            justify-content: center; */
		margin: auto;
		pointer-events: none;
		position: absolute;
			top: 100%;
        margin: 0 calc(min(45vw, 450px) * -1) 0;
        width: min(90vw, 900px);
	}
    
	header .pc_menu .open .sub-menu-outer {
		opacity: 1;
	}

    header .pc_menu .sub-menu-outer .balloon {}

	header .pc_menu .sub-menu {
        background: var(--l_gray);
        border: solid 2px var(--d_gray);
        border-radius: 15px;
        pointer-events: auto;
		position: relative;
	}
	header .pc_menu .sub-menu::before ,
	header .pc_menu .sub-menu::after {
        clip-path: polygon(50% 0, 100% 100%, 0 100%);
        content: '';
        display: block;
        margin: auto;
        position: absolute;
            left: 2em;
            right: 0;
        width: 20px;
        height: 20px;
    }
    header .pc_menu .sub-menu::before {
        background: var(--d_gray);
        bottom: 100%;
    }
	header .pc_menu .sub-menu::after {
        background-color: var(--l_gray);
        bottom: calc(100% - 3px);
    }
	header .pc_menu .sub-menu a {
	}
    header .pc_menu li:has(.category-menu) {
        position: relative;
    }

    header .pc_menu .sub-menu-block:has(.category-menu) {
        padding-top: 30px;
    }
    header .pc_menu ul.category-menu {
        display: grid;
            grid-gap: min(1.5vw, 10px);
            grid-template-columns: repeat(6, 1fr);
        font-size: .9em;
        margin: auto;
        padding: 2em;
    }
    header .pc_menu ul.category-menu li {
        display: flex;
            justify-content: center;
    }
    header .pc_menu ul.category-menu .coverImg {
        background: #fff;
        border-radius: 100%;
        padding-top: 0;
        width: 80px;
        height: 80px;
    }
    header .pc_menu ul.category-menu .coverImg img {
        transition: .2s ease-in-out;
        width: 80%;
        height: 80%;
    }
    header .pc_menu ul.category-menu a:hover .coverImg img {
        width: 90%;
        height: 90%;
    }
/*note 消す */
/* header .pc_menu .sub-menu-outer {
    height: auto !important;
} */

	header .pc_menu .menu .sns-item {
        display: flex;
            align-items: center;
    }
	header .pc_menu .menu .sns-item a {
        filter: brightness(0) grayscale(10);
    }
	header .pc_menu .menu .sns-item img {
        width: 1.3em;

    }

	header .pc_menu .btn_menu {
		grid-gap: 0;
		overflow: hidden;
		height: 140px;
	}

	header .menuBtn ,
	header .menu-outer {
		display: none;
	}
	header .menuBox {
		width: 450px;
		height: 100vh;
		height: 100dvh;
	}
	header .menu-outer.open .menuBox {
	}
	header .menuBox .menu {
	}
	header .menuBox .menu li {
		padding: 0;
	}
	header .menuBox .menu > li > a {
		padding: 1em 2em 1em 0;
	}
	header .menuBox .menu > li > a:hover {
		color: var(--mainColor);
		opacity: 1;
	}
	header .menuBox .menu > li > a:hover::before {
	}
	header .menuBox .menu > li > a:hover::after {
		border-color: var(--mainColor);
		transform: translateX(.2em) rotate(45deg);
	}

	header .menuBox .sub-menu-outer {
		height: auto !important;
		margin-top: .7em;
	}
	header .menuBox .sub-menu-outer ul {
		display: flex;
			flex-wrap: wrap;
			grid-gap: .7em 2em;
	}
	header .menuBox .sub-menu-outer ul li {
		width: auto;
	}
	header .menuBox .sub-menu-outer ul a {
		padding-left: 1.3em;
	}
	header .menuBox .sub-menu-outer ul a:hover {
		color: var(--mainColor);
		opacity: 1;
	}
	header .menuBox .sub-menu-outer ul a:hover::before {
		width: 1em;
	}
	header .menuBox li .sub-menu-btn {
		display: none;
	}

    header .btn_menu-link {
		font-size: min(1.4vw, 1.6rem);
        min-height: 50px;
    }

    header .header-search {
        position: relative;
        width: 50px;
        height: 50px;
    }
}


@media screen and (min-width:1400px) {
    header .btn_menu-link {
        width: 200px;
    }
}

@media (hover: hover) {
	header .pc_menu .sub-menu a:hover {
		color: var(--mainColor);
		opacity: 1;
	}
	header .menuBox a:hover {
		color: var(--mainColor);
	}

	header .pc_menu .menu .sns-item a:hover ,
    header .menuBox-sns a:hover {
        filter: none;
        transform: scale(1.1);
    }

    header .btn_menu-link:hover {
        background: var(--mainColor);
        color: #fff;
    }
    header .btn_menu-link:hover::before {
        filter: brightness(100) grayscale(10);
        transform: rotate(360deg);
    }
}



/*====================================================
////id |   loader
====================================================*/
.is-hide {
	display: none;
}
/* ローディング画面をフェードアウト */
.fadeout-bg {
	transition-property: opacity;
	transition-delay: 0s;
	transition-duration: 1.7s;
	opacity: 0;
	pointer-events: none;
}
/* ローディング画面 */
#loader {
	background: #fff;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}

/*====================================================
//class .sa
====================================================*/
.sa {
	opacity: 0;
}
.sa.show {
    animation: .6s ease-in-out forwards sa-show;
}
@keyframes sa-show {
    to {
        opacity: 1;
        transform: none;
    }
}
.sa.show_after {
	opacity: 1;
	transform: none;
	transition: 0s;
}
.sa-lr {
	transform: translate(-40px, 0);
}
.sa-rl {
	transform: translate(40px, 0);
}
.sa-up {
	transform: translate(0, 40px);
}
.sa-down {
	transform: translate(0, -40px);
}
.sa-scaleUp {
	transform: scale(.8);
}
.sa-scaleDown {
	transform: scale(1.2);
}
.sa-rotateL {
	transform: rotate(180deg);
}
.sa-rotateR {
	transform: rotate(-180deg);
}

.sa.slideShow {
	opacity: 1;
	position: relative;
	z-index: 1;
}
.sa.slideShow:before {
	background: var(--w_blue);
	content: '';
	position: absolute;
		top: 0;
		left: 0;
		right: auto;
	transition: .5s ease-in-out;
	width: 0;
	height: 100%;
	z-index: 10;
}
.sa.slideShow.show:before {
	-webkit-animation: anim-slide 1.0s ease-in-out forwards;
	        animation: anim-slide 1.0s ease-in-out forwards;
	-webkit-animation-delay: .4s;
	        animation-delay: .4s;
}
@-webkit-keyframes anim-slide {
	0%   {}
	55%  { width: 100%; left: 0; right: 0;}
	65% { width: 100%; left: auto; right: 0; }
	100% { width: 0; left: auto; right: 0; }
}
@keyframes anim-slide {
	0%   {}
	47%  { width: 100%; left: 0; right: 0;}
	53% { width: 100%; left: auto; right: 0; }
	100% { width: 0; left: auto; right: 0; }
}

.sa.slideShow:not(.show) img,
.sa.slideShow:not(.show) > img,
.sa.slideShow:not(.show) > .box-inner {
	opacity: 0;
}
.sa.slideShow.show img ,
.sa.slideShow.show > img ,
.sa.slideShow.show > .box-inner {
	opacity: 1;
	transition-delay: .9s;
}


.sa.slideShow.slide-rl {
	transform: rotate(180deg);
}
.sa.slideShow.slide-rl img {
	transform: rotate(180deg);
}

.sa.slideShow.slide-white:before {
	background: #fff;
}

/*====================================================
////class .splide
====================================================*/
.splide__track {
    position: relative;
}
.splide__arrows {
    pointer-events: none;
    position: absolute;
        top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
}
.splide__arrow {
    display: flex;
        align-items: center;
        justify-content: center;
    margin: auto;
    opacity: .8;
    pointer-events: auto;
    position: absolute;
        top: 0;
        bottom: 0;
    transition: .2s ease-in-out;
    width: min(8vw, 40px);
    height: min(8vw, 40px);
}
.splide__arrow--prev {
    left: calc(min(4vw, 20px) * -1);
}
.splide__arrow--next {
    right: calc(min(4vw, 20px) * -1);
}
.splide__arrow > span {
    background: #fff url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 40 40"><path fill="%238a8a8a" d="M20,0C8.95,0,0,8.95,0,20s8.95,20,20,20,20-8.95,20-20S31.05,0,20,0ZM24.84,19.83l-6.89,6.89-2.01-2.01,4.88-4.88-4.88-4.87,2.01-2.01,6.89,6.89Z" /></svg>') no-repeat center / contain;
    border-radius: 100%;
    display: block;
    width: min(8vw, 40px);
    height: min(8vw, 40px);
}
.splide__arrow--prev > span {
    transform: scale(-1, 1);
}

.carousel-progress {
    background: var(--gray2);
    margin-top: min(7vw, 40px);
}

.carousel-progress-bar {
  background: var(--black);
  height: 2px;
  transition: width 400ms ease;
  width: 0;
}

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

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

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

@media (hover: hover) {
    .splide__arrow:hover {
        opacity: 1;
    }
}

/*====================================================
////class .headBox
====================================================*/
.headBox {
	position: relative;
	z-index: 2;
}
.headBox h2 ,
.headBox h3 ,
.headBox h4 {
	position: relative;
}

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

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

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

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

@media screen and (min-width:960px) and (max-width:1300px) {
}

@media screen and (min-width:1580px) {
}

/*====================================================
//id |  form
====================================================*/
input, button, select {
	margin: 0;
	padding: 0;
	background: none;
	background-image: none;
	background-position-x: initial;
	background-position-y: initial;
	background-size: initial;
	background-attachment: initial;
	background-origin: initial;
	background-clip: initial;
	background-color: initial;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: inherit;
	cursor: pointer;
}
input[type="text"],input[type="email"],input[type="tel"],input[type="search"],input[type="password"],input[type="url"],input[type="number"],input[type="date"], select, textarea {
	-webkit-appearance: none;
	background: #fff;
	border: solid 1px var(--gray);
	border-radius: 3px;
	color: var(--black);
	display: block;
	font-family: var(--font_family);
	line-height: 1.4;
	padding: .7em 1em;
	width: 100%;
	min-height: 3em;
	flex: 1;
	transition: .2s ease-in-out;
}
.input-s {
    max-width: 15em;
}
textarea {
	resize: vertical;
	line-height: 1.6;
	min-height: 80px;
	width: 100%;
}
::-moz-placeholder {
	color: #C9C9C9;
	font-size: .8em;
}
:-ms-input-placeholder {
	color: #C9C9C9;
	font-size: .8em;
}
::placeholder {
	color: #C9C9C9;
	font-size: .8em;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
}
input[type="file"],
label {
	cursor: pointer;
}
form label {
	line-height: 1.6;
	display: inline-block;
	position: relative;
}

.wpcf7-acceptance > .wpcf7-list-item {
    display: inline-block;
    position: relative;
    width: 1.5em;
    height: 1em;
}
input[type="checkbox"] + span ,
input[type="checkbox"] + label {
	position: relative;
	padding-left: 1.5em;
	display: inline-block;
}
.wpcf7-acceptance > .wpcf7-list-item:before ,
input[type="checkbox"] + span:before ,
input[type="checkbox"] + label:before {
	position: absolute;
	content: '';
	width: 1em;
	height: 1em;
	border: solid 1px;
	border-radius: 3px;
	border-color: var(--black);
	top: .2em;
	left: 0px;
	background: #fff;
	transition: .2s ease-in-out;
}
input[type="checkbox"] + label:before {
	top: -.15em;
}
.wpcf7-acceptance > .wpcf7-list-item:after ,
input[type="checkbox"] + span:after ,
input[type="checkbox"] + label:after {
	position: absolute;
	content: '';
	width: .7em;
	height: .35em;
	border: solid;
	border-width: 0 0 3px 3px;
	border-color: transparent transparent var(--red) var(--red);
	transform: rotate(-45deg);
	top: .2em;
	left: 3px;
	opacity: 0;
	transition: .2s ease-in-out;
}
input[type="checkbox"] + label:after {
	top: -2px;
}
.wpcf7-acceptance > .wpcf7-list-item:has(input[type="checkbox"]:checked):after ,
input[type="checkbox"]:checked + span:after ,
input[type="checkbox"]:checked + label:after {
	opacity: 1;
}
input[type="radio"] + span ,
input[type="radio"] + label {
	position: relative;
	padding-left: 1.5em;
}
input[type="radio"] + span:before,
input[type="radio"] + label:before {
    background: #fff;
	content: '';
	border: solid 1px;
	border-radius: 100%;
	border-color: var(--d_gray);
	position: absolute;
        top: .15em;
        left: 0px;
	transition: .2s ease-in-out;
	width: 1em;
	height: 1em;
}
input[type="radio"] + span:after,
input[type="radio"] + label:after {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 10 10"><path fill="%23de3030" d="M10,5c0,2.76-2.24,5-5,5S0,7.76,0,5,2.24,0,5,0s5,2.24,5,5Z" /></svg>') no-repeat center;
    background-size: 60% 60%;
	content: '';
	border: solid 1px transparent;
	border-radius: 100%;
    opacity: 0;
	position: absolute;
        top: .15em;
        left: 0px;
	transition: .2s ease-in-out;
	width: 1em;
	height: 1em;
}
input[type="radio"]:checked + span:after,
input[type="radio"]:checked + label:after {
	opacity: 1;
}
.select {
	position: relative;
}
.select:before {
	border: solid var(--black);
	border-width: 0 1px 1px 0;
	content: '';
	display: block;
	margin: auto;
	pointer-events: none;
	position: absolute;
		top: 1.1em;
		right: 10px;
	transform: rotate(45deg);
	width: .3em;
	height: .3em;
	z-index: 100;
}
#confirm .select:before {
	display: none;
}
select {
	cursor: pointer;
}
.tel input[type="text"] {
	width: calc(100% / 3 - 10px);
	max-width: 100px;
}

@media screen and (max-width: 769px) {
	input[type="text"], input[type="email"], input[type="tel"], input[type="search"],
	input[type="password"], input[type="url"], input[type="number"], select, textarea,
	.vkfs input[type="text"], .vkfs input[type="search"] {
		padding: .7em .7em;
	}
}

/*====================================================
////class コンタクトフォーム7
====================================================*/
.wpcf7-form .wpcf7-checkbox {
	display: flex;
		flex-wrap: wrap;
		grid-gap: .3em 1.2em;
}
.wpcf7-form .wpcf7-radio {
	display: grid;
		grid-gap: .4em;
}
.wpcf7-form .wpcf7-list-item {
	margin-left: 0;
}
.wpcf7-not-valid-tip {
	bottom: -7px;
	background: var(--red);
	color: #fff;
	display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
	margin: 5px 0 10px;
	padding: .25em .5em .3em .8em;
	position: relative;
	text-align: center;
	/* width: 12em; */
	white-space: nowrap;
}
.wpcf7-not-valid-tip:before {
	border: solid transparent;
	border-width: 0 5px 12px 5px;
	border-bottom-color: var(--red);
	content: '';
	margin: auto;
	position: absolute;
		top: -10px;
		left: 20px;
	width: 0;
	height: 0;
}

.wpcf7-spinner {
	display: none;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	background: var(--red);
	border-color: var(--red);
	border-radius: 5px;
	color: #fff;
	margin: 1.5em auto 0;
	max-width: 720px;
	padding: .5em 1em;
}

/*====================================================
////class .formBox
====================================================*/

.formBox {
	/* background: #fff; */
	margin: auto;
}
.formBox.confirm {
    text-align: center;
}
.formBox.confirm .whiteBox {
    display: inline-block;
    text-align: left;
}
.formBox .innerBox {
	padding-bottom: min(25vw, 150px);
}
.formBox .formItem-outer {
	grid-gap: 1.8em;
}
.formBox .formItem {
    display: grid;
        grid-gap: .5em 1em;
	width: 100%;
}
.formBox .formItem.head {
	border-bottom: 1px solid #00a1e9;
	padding-bottom: 5px;
	font-size: 1.2em;
	grid-column: 1 / -1;
	display: block;
}
.formBox .formItem dt {
    font-weight: 700;
}
.formBox .required {
	background: var(--red);
    color: #fff;
	display: inline-block;
	font-size: .6em;
	font-weight: 700;
	line-height: 1;
	margin-left: 1em;
	padding: .3em .5em .25em;
    vertical-align: .2em;
}
.formBox .formItem .mwform-tel-field {
	display: flex;
	margin-left: -3px;
	align-items: center;
}
.formBox .formItem.form_file dd {
	display: grid;
	grid-gap: .4em;
}
.formBox .formItem.counter dd {
    display: grid;
        align-items: center;
        grid-template-columns: 100px auto;
        gap: .5em;
}
.formBox .formItem .mwform-tel-field input{
	margin: 0 3px;
}
.formBox .formItem input[type="number"] {
	width: 100px;
}
.formBox .backBtn {
	position: relative;
}
.formBox .backBtn .linkBtn-small {
	padding: 0;
}
.formBox .backBtn .linkBtn-small:after {
	transform: rotate(-135deg);
	right: auto;
	left: 25px;
}
.formBox .backBtn .linkBtn-small:hover:after {
	left: 15px !important;
}
.formBox .backBtn input[type="submit"] {
	background: transparent;
	color: inherit;
	display: inline-block;
	font-size: 1.4rem;
	margin: 0 !important;
	min-width: 140px;
/*	padding: .2em 20px .1em 40px;*/
	transition: .2s ease-in-out;
}
.formBox dd {
	position: relative;
	text-align: left;
}
.formBox .h_radioBox {
	display: grid;
		grid-gap: 0 2em;
		grid-template-columns: auto 1fr;
}
.formBox .file {
    display: grid;
        grid-gap: .3em;
    padding-top: .4em;
}
.formBox .consentBox {
	margin: min(8vw, 50px) auto 0;
	/*    font-size: 1.3rem;*/
}
.formBox .consentBox .consent_check {
    display: flex;
        align-items: center;
    position: relative;
}
/* .formBox .consentBox .consent_check .wpcf7-not-valid-tip {
    position: absolute;
        top: 100%;
        left: 0;
} */
.formBox .consentBox .checkBox {
	width: 1.5em;
}
.formBox .consentBox div {
	position: relative;
}
.formBox .consentBox .mwform-checkbox-field {
	display: block;
}

.formBox .btn-outer {
    display: inline-block;
	margin-top: min(10vw, 70px);
    position: relative;
}

.formBox .linkBtn:disabled {
    pointer-events: none;
    opacity: .3;
}
/* .formBox .linkBtn {
    background: var(--mainColor);
    border: solid 1px var(--mainColor);
    color: #fff;
} */
.formBox .linkBox.flexBox {
	grid-gap: .8em;
}
.formBox .linkBox .back .linkBtn {
	background: transparent;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
	.formBox .formItem-outer {
    grid-gap: 2em;
	}
	.formBox .formItem.head {
	border-bottom: 1px solid #00a1e9;
	padding-bottom: 0;
	font-size: 1.2em;
	line-height: 1.5;
}
	.formBox .formItem dt {
		text-align: left;
		position: relative;
	}
	.formBox .formItem dd {
		text-align: left;
		width: 100%;
	}
	.mw_wp_form .formBox .error {
		/*		bottom: -2em;*/
		left: 0;
		padding-left: 1em;
	}
	.formBox .consentBox {
		align-items: stretch;
		/* flex-direction: column; */
	}
	.formBox .linkBox {
		margin: auto;
		max-width: calc(480px + 1em);
	}
	.formBox .linkBox.flexBox > div {
		flex: 1;
	}
	.formBox .linkBox.flexBox input[type="submit"] ,
	.formBox .linkBox.flexBox .linkBtn {
		max-width: 240px;
		min-width: 0;
		width: 100%;
	}

    .formBox.confirm form {
        display: grid;
            place-items: center;
    }
}

@media screen and (min-width:480px) and (max-width:769px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .formBox .formItem-outer {
        grid-template-columns: auto 1fr;
        grid-gap: 1.8em 0;
    }
    .formBox .formItem {
        display: grid;
            grid-column: span 2;
            grid-template-columns: subgrid;
            grid-gap: 0 2em;
		line-height: 1.4;
        width: 100%;
    }
    .formBox.input .formItem dt {
        padding-top: .7em;
    }
    .formBox .formItem dd {
		/* min-height: 50px; */
	}
	.wpcf7-form .formBox .formItem dd > span {
        display: block;
		width: 100%;
	}
    .wpcf7-form .formBox .wpcf7-checkbox {
        padding-top: .5em;
    }
	#confirm .formBox .formItem dt {
		padding-top: 0;
	}
	.mw_wp_form_confirm .formBox dd {
		position: relative;
	}
	.formBox .formItem dd .wpcf7-radio {
		padding: .7em 0;
	}
	.formBox .formItem.form_file dd {
		padding: .3em 0;
	}
	.mw_wp_form_confirm .formBox .formItem dt,
	.mw_wp_form_confirm .formBox .formItem dd {
		padding: 20px 0;
	}
	.formBox dd .dateBox {
		width: calc(50% - 5px);
	}
	.formBox .error {
	}
	.formBox .btn-outer:hover:before {
		left: 0;
	}
    .formBox .linkBtn {
        min-width: 438px;
    }
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

@media (hover: hover) {
    .formBox .btn_wrap:hover::after {
        filter: none;
        right: 1.2em;
    }
}

/*====================================================
////class .wp-block-table
====================================================*/
.bodyText p + .wp-block-table ,
.bodyText .wp-block-table + .wp-block-table {
	margin: 1.5em 0;
}
table ,
.bodyText .wp-block-table table {
    background: #fff;
	border-collapse: separate;
	border-spacing: 0;
	line-height: 1.6;
    /* overflow: hidden; */
	vertical-align: middle;
	width: 100%;
}
table thead ,
.wp-block-table thead {
	border: none;
	/* border-bottom-width: 2px; */
}
table th ,
table td ,
.wp-block-table thead th ,
.wp-block-table tr td {
    background: #fff;
    border: none !important;
    border-right: solid 1px var(--gray) !important;
    border-bottom: solid 1px var(--gray) !important;
	padding: .8em 1em;
}
table thead th ,
table tr:first-child td ,
.wp-block-table thead th ,
.wp-block-table tr:first-child td {
    border-top: solid 1px var(--gray) !important;
}
table th:first-child ,
table td:first-child ,
.wp-block-table thead th:first-child ,
.wp-block-table tr td:first-child {
    border-left: solid 1px var(--gray) !important;
}
table th ,
table td.th ,
.wp-block-table thead th ,
.wp-block-table tr td.th {
    background: var(--w_gray);
}
table tr:last-child td ,
.wp-block-table tr:last-child td {
    border-bottom: none;
}
table tr td a ,
.wp-block-table tr td a {
	color: var(--mainColor);
	-webkit-text-decoration: underline solid 1px;
	text-decoration: underline solid 1px;
	text-underline-position: under;
	text-underline-offset: 0.2em;
}
table tr td .tel_link a ,
.wp-block-table tr td .tel_link a {
	color: inherit;
}

table tfoot ,
.wp-block-table tfoot {
	border: none;
}
table tfoot td ,
.wp-block-table tfoot td {
    border-top: solid 1px var(--l_gray2);
	text-align: center;
}
table tfoot td:not(td:last-child) ,
.wp-block-table tfoot td:not(td:last-child) {
}
table figcaption ,
.wp-block-table figcaption {
	font-size: .8em;
	margin: .5em 0 0 1em;
}

table.first_td_head,
.wp-block-table.first_td_head table {
    border-left: none;
    border-collapse: separate;
}
table.first_td_head th:first-child,
.wp-block-table.first_td_head th:first-child {
    position: sticky;
        left: 0;
}
table.first_td_head td:first-child,
.wp-block-table.first_td_head td:first-child {
	background: #fbfbfb;
    position: sticky;
        left: 0;
    white-space: nowrap;
}
table.first_td_head th:first-child::before,
.wp-block-table.first_td_head th:first-child::before,
table.first_td_head td:first-child::before,
.wp-block-table.first_td_head td:first-child::before {
    border-right: solid 1px var(--gray);
    box-sizing: border-box;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: 0;
        right: 0;
    width: 100%;
    height: 100%;
}


/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
	table thead th ,
	table tr td ,
	.wp-block-table thead th ,
	.wp-block-table tr td {
		padding: .7em .7em;
	}

}

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

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

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

@media screen and (min-width:1580px) {
}


/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
	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 {
		position: relative;
		width: 100%;
	}
	table.responsive th,
	table.responsive td:first-child,
	.wp-block-table.responsive td:first-child {
		background: none;
		font-weight: bold;
		padding: 1.2em 0 .3em;
		width: 100%;
	}
	table.responsive td,
	.wp-block-table.responsive td {
		border: none !important;
		/* padding: 15px 8px 15px 120px; */
		padding: 0 0 1.2em;
		text-align: left;
		transition: .4s ease;
		width: 100%;
	}
	table.responsive td.price,
	.wp-block-table.responsive td.price {
		text-align: right;
	}
	table.responsive td:before {
		color: var(--black);
		content: attr(data-label);
		font-weight: normal;
		padding-top: .25em;
		position: absolute;
		left: 18px;
	}
}

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

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	table.responsive td.blank .blank_line {
		background: #fff;
		display: block;
		margin: -8px auto -8px -12px;
		position: relative;
		width: 3px;
		height: calc(100% + 16px);
		z-index: 1;
	}

}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

@media screen and (min-width:1580px) {
}

/*====================================================
////class .tabBox
====================================================*/
.tabBox {
	overflow: hidden;
	position: relative;
}
.tabBox .tabArea {
	grid-gap: 4px;
	position: relative;
	z-index: 5;
}
.tabBox .tabArea li {
	background: var(--l_gray);
	border: solid 1px var(--gray);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	height: 50px;
	line-height: 1.2;
	padding: 5px;
}
.tabBox .tabArea li.current {
	background: #fff;
	border-bottom-color: #fff;
	cursor: default;
	pointer-events: none;
}
.tabBox .tabArea li a {
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	width: 100%;
	height: 100%;
}
.tabBox .tabArea li.current a {
	pointer-events: none;
}
.tabBox .contentArea {
	background: #fff;
	border: solid 1px var(--gray);
	margin-top: -1px;
	position: relative;
	transition: .4s all;
}
.tabBox .contentArea .tab_content {
	transition: 1.2s all;
	transition-delay: .4s;
}
.tabBox .contentArea .tab_content:not(.current) {
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transition: .6s all;
	transition-delay: 0s;
	width: 100%;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 768px) {
	.tabBox .tabArea {
		display: flex;
	}
	.tabBox .tabArea .tab {
		flex: 1;
		font-size: 1.1rem;
		height: auto;
		min-height: 40px;
		padding: 6px 3px;
	}
	.tabBox .contentArea .tab_content {
		padding: 1.5em 1em;
	}
}

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

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	.tabBox .contentArea .tab_content {
		padding: 2em;
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:959px) {
}

@media screen and (min-width:1580px) {}

/*====================================================
////id |  mapBox
====================================================*/
.mapBox .box-inner {
	overflow: hidden;
	position: relative;
}
.mapBox iframe {
	margin: auto;
	position: absolute;
		top: -200px;
	width: 100%;
	height: calc(100% + 400px);
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
	.mapBox .box-inner {
		width: 100%;
		height: min(80vw, 400px);
	}
}

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

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	.mapBox .box-inner {
		width: 100%;
		height: 400px;
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

@media screen and (min-width:1580px) {
}

/*====================================================
////id |  faq
====================================================*/
.faq-item-wrapper {
    display: grid;
        grid-gap: min(1.5vw, 10px);
}
.faq-item {
    overflow: hidden;
    line-height: 1.6;
    position: relative;
}
.faq-item dt::before {
    border: solid 2px;
    box-sizing: border-box;
    content: '';
    display: block;
    margin: auto;
    opacity: 0;
    position: absolute;
        top: 0;
        left: 0;
    transition: .2s ease-in-out;
    width: 100%;
    height: 100%;
}
.faq-item .open dt::before {
    opacity: 0;
}
.faq-item dl {
    background: #fff;
    border: solid 1px var(--d_gray);
}
.faq-item dt {
    align-items: stretch;
    border-radius: 10px;
    font-weight: 700;
    grid-gap: .3em;
    grid-template-columns: 1em 1fr;
    padding: 18px 30px 18px 20px;
    position: relative;
    transition: .2s ease-in-out;
}
.faq-item dt .text {
    display: inline-block;
}
.faq-item dt .icon {
    position: relative;
    width: 18px;
    height: auto;
}
.faq-item dt .icon::before,
.faq-item dt .icon::after {
    border-top: solid 3px var(--mainColor);
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    transition: .2s ease-in-out;
    width: 100%;
    height: 0;
}
.faq-item dt .icon::after {
    transform: rotate(90deg);
}
.faq-item .open dt .icon::before {
    transform: rotate(180deg);
}
.faq-item .open dt .icon::after {
    opacity: 0;
    transform: rotate(180deg);
}

.faq-item dd {
}
.faq-item .alphabet {
    color: var(--mainColor);
    font-weight: 700;
    line-height: 1.0;
    text-align: center;
    width: 1.5em;
}
.faq-item .accordion-inner {
    grid-gap: .3em;
    padding: 0 20px 18px 40px;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .faq-item dt {
        padding: 15px 15px 18px 10px;
    }
    .faq-item .alphabet {
        font-size: 1.35em;
    }
    .faq-item dt .text {
        font-size: 1.05em;
        margin-top: -.03em;
    }
    .faq-item .accordion-inner {
        padding: 0 10px 18px;
    }
    .faq-item dt .icon {
        margin-left: 5px;
        width: 12px;
    }
}

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

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .faq-item .alphabet {
        font-size: 1.4em;
    }
    .faq-item dt .text {
        font-size: 1.125em;
        margin-top: -.1em;
    }
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

@media (hover: hover) {
    .faq-item:hover::before {
        opacity: 1;
    }
}


/*====================================================
////id | archive-item
====================================================*/
.archive-item-wrapper {
    display: grid;
        grid-gap: min(6.5vw, 40px) min(3vw, 27px);
}
.archive-item {
    display: grid;
        grid-gap: 10px;
        grid-template-rows: subgrid;
        grid-row: span 3;
}
.archive-item-img figure {
    border-radius: 3px;
}
.archive-item-text {
    display: grid;
        grid-gap: 6px;
        place-content: flex-start;
}
.date_cate {
    display: flex;
        align-items: baseline;
    font-size: .8em;
}
.archive-item-date {
    font-size: min(3.2vw, 1.5rem);
    width: 8em;
}
.archive-item-title {
    font-size: min(4.5vw, 1.8rem);
    font-weight: 500;
    line-height: 1.4;
    transition: .2s ease-in-out;
}
.archive-item-category {
    font-size: min(3vw, 1.2rem);
}
.archive-item-tag {
    font-size: min(3vw, 1.2rem);
}
.archive-item-excerpt {
    margin-top: .3em;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 840px) {
    .archive-item-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 600px) {
    .archive-item-wrapper {
        grid-template-columns: 1fr;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 840px) {
    .archive-item-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
    .archive-item-title {
        font-size: min(2vw, 1.8rem);
    }
}

@media screen and (min-width:960px) and (max-width:1280px) {
    .column-wrapper:has(#sidebar) .archive-item-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (hover: hover) {
    a:hover .archive-item-title {
        color: var(--d_green);
    }
}

/*====================================================
////id |  splide-item
====================================================*/

.splide-item {
    display: grid;
        grid-template-rows: auto 1fr;
    height: 100%;
}
.splide-item .archive-item-text {
    display: grid;
        grid-template-rows: 1fr auto;
}
.splide-item .archive-item-title {
    margin-top: 0;
}
.splide-item .archive-item-category {
    margin-top: 6px;
}
.splide-item .archive-item-tag {
    margin-top: 7px;
}
.splide-item .archive-item-date {
    font-size: min(3.2vw, 1.2rem);
    margin-top: 7px;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .splide-item .archive-item-text {
        padding-top: min(4.2vw, 20px);
    }
    .splide-item .archive-item-title {
        font-size: min(4.5vw, 1.8rem);
    }
}
/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .splide-item .archive-item-text {
        padding-top: min(2.4vw, 24px);
    }
}

@media screen and (min-width:769px) and (max-width:960px) {
}

@media (hover: hover) {
}


/*====================================================
////id |  seo_news-archive-item
====================================================*/
.seo_news-item-wrapper {
    display: grid;
        grid-gap: min(10vw, 80px) 0;
    padding: min(5vw, 40px) 0;
}
.seo_news-archive-item {
    display: grid;
        grid-gap: min(3.2vw, 70px);
        grid-template-columns: min(33%, 270px) 1fr;
    position: relative;
}
.seo_news-archive-item::after {
    border-bottom: solid 1px var(--gray);
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        left: 0;
        bottom: calc(min(5vw, 40px) * -1);
    width: 100%;
    height: 0;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .seo_news-archive-item .archive-item-excerpt {
        display: none;
    }
    .seo_news-archive-item .archive-item-title {
        font-size: min(4.5vw, 1.6rem);
        margin-top: .3em;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .seo_news-archive-item .archive-item-title {
        margin-top: .8em;
    }
    .seo_news-archive-item .archive-item-excerpt {
        margin-top: .5em;
    }
}

@media (hover: hover) {}

/*====================================================
////id |  cmn_banner
====================================================*/
.cmn_banner + .cmn_banner .cmn_banner-inner {
    padding-top: 0;
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .cmn_banner-inner {
        max-width: 500px;
    }
}


/*====================================================
////id |  cmn_search
====================================================*/
.cmn_search-wrapper {
    border-radius: 15px;
    padding: 1px;
}
.cmn_search-head {
    font-size: min(7vw, 2.4rem);
    font-weight: 700;
    line-height: 1.2;
    padding: min(4vw, 15px) 0;
    position: relative;
    transition: .2s ease-in-out;
}
.cmn_search-head .text {
    display: inline-block;
    position: relative;
}
.cmn_search-head .text::before {
    background: var(--mainColor);
    border-radius: 100%;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: 0;
        right: -40px;
        bottom: 0;
    width: 24px;
    height: 24px;
}
.cmn_search-head .text::after {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 13 20"><path fill="%23ffffff" d="M13,10L2.97,20l-2.97-2.96,7.07-7.04L0,2.96,2.97,0l10.03,10Z" /></svg>') no-repeat center;
    background-size: 6px;
    border-radius: 100%;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: 0;
        right: -40px;
        bottom: 0;
    transform: rotate(90deg);
    transition: .2s ease-in-out;
    width: 24px;
    height: 24px;
}
dl.open .cmn_search-head {
    margin: min(2vw, 15px) 0;
    font-size: min(8vw, 3rem);
}
dl.open .cmn_search-head .text::after {
    bottom: 2px;
    transform: rotate(270deg);
}
.cmn_search-content {
    padding: 0 min(7vw, 60px) min(6vw, 30px);
}
.cmn_search-tag {
    display: flex;
        gap: .5em 1em;
        flex-wrap: wrap;
        justify-content: center;
    margin-top: min(3vw, 20px);
}
.tag-cloud-link {
    color: var(--mainColor);
    font-size: min(3.5vw, 1.4rem) !important;
    font-weight: 500;
}
.tag-cloud-link::before {
    content: '#';
}

/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .searchsubmit {
        width: 48px;
        height: auto;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .cmn_search-head {
        font-size: min(3vw, 3rem);
    }
    dl.open .cmn_search-head {
        font-size: min(4.5vw, 4.5rem);
    }
}

@media (hover: hover) {
    .tag-cloud-link:hover {
        transform: scale(1.05);
    }
}


/*====================================================
////id |  cmn_search large
====================================================*/
.search-large .cmn_search-head {
    pointer-events: none;
}
.search-large .cmn_search-head .text::before,
.search-large .cmn_search-head .text::after {
    display: none;
}
.search-large .cmn_search-content-wrapper {
    height: auto !important;
}
.search-large .cmn_search-content {
    opacity: 1 !important;
    padding: 0 min(7vw, 60px) min(6vw, 50px);
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .search-large .cmn_search-head {
        font-size: min(8.6vw, 3.5rem);
        padding: min(7vw, 32px) 0 min(6vw, 24px);
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .search-large .cmn_search-head {
        font-size: min(5vw, 5.5rem);
        padding: min(4vw, 45px) 0 min(2vw, 20px);
    }
}

@media (hover: hover) {}

/*====================================================
////id |  download
====================================================*/
#download {
    overflow: hidden;
}
.download-inner {
    padding-bottom: min(10vw, 60px);
}
.download-slider .splide__track {
    overflow: visible;
}
.download-archive-item-outer {
    padding: min(1.5vw, 10px) 0;
}
.download-archive-item {
    background: #fff;
    display: flex;
        flex-direction: column;
    overflow: hidden;
}
.download-archive-item .archive-item-text {
    place-content: unset;
    width: 100%;
}
.download-link-wrapper {
    display: flex;
        justify-content: flex-end;
    margin-top: min(6.4vw, 40px);
}

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

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

@media (hover: hover) {
    .download-archive-item:hover {
        transform: scale(1.03);
    }
}

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

@media (hover: hover) {}

/*====================================================
////class .pagetop
====================================================*/

.pagetop {
	display: none;
	position: fixed;
		bottom: 15px;
		right: 15px;
	width: 50px;
	height: 50px;
	z-index: 1000;
	/*	border: solid 1px*/
}
.pagetop.stop {
	position: absolute;
	top: -70px;
	bottom: auto;
}
.pagetop a {
	background: var(--d_green);
	border-radius: 100%;
    color: #fff;
	display: flex;
		align-items: center;
		justify-content: center;
	line-height: 1;
	padding-top: 3%;
	position: relative;
	opacity: .7;
	width: 100%;
	height: 100%;
}
.pagetop a .arrow {
	margin: 0;
	transform: rotate(-90deg);
	width: 50%;
	height: 50%;
}


/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .pagetop {
        right: 5px;
        bottom: 5px;
    }
	.pagetop a {
        transform: scale(.7);
        transform-origin: right bottom;
	}
}

@media screen and (min-width:480px) and (max-width:769px) {
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
	.pagetop a:hover {
		opacity: 1;
	}
}

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

@media screen and (min-width:1580px) {
}

@media (hover: hover) {
	.pagetop a:hover .arrow::after {
		transform: none;
	}
}

/*====================================================
////id |  footer
====================================================*/
footer {
    background: var(--l_gray);
    position: relative;
    z-index: 10;
}
.footer-inner {
    display: grid;
        grid-gap: 0 min(3vw, 60px);
    padding: min(13.5vw, 75px) 0;
}
.footer-nav dt {
    border-bottom: solid 1px var(--gray);
    font-weight: 700;
    margin-bottom: 1em;
    padding-bottom: .5em;
}
.footer-nav .menu {
    display: grid;
        grid-gap: .4em;
}
footer .menu a {
    color: var(--black);
    padding: .1em 0;
    text-decoration: none;
}
.footer-other .menu {
    display: grid;
        grid-gap: .6em;
}
footer .menu a[target="_blank"]::after {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 12 12"><path fill="%234B4B4B" d="M2.25,0v9.75h9.75V0H2.25ZM11.06,8.81H3.19V.94h7.88v7.88ZM.94,11.06V2.25h-.94v9.75h9.75v-.94H.94ZM5.46,7.33l2.76-2.76v1.99h.94v-3.59h-3.59v.94h1.99l-2.76,2.76.66.66Z" /></svg>') no-repeat center / contain;
    content: '';
    display: inline-block;
    margin-left: .5em;
    width: .8em;
    height: .8em;
}
footer .menu-category-wrapper dd {
    display: grid;
        gap: min(3vw, 55px);
        grid-template-columns: auto auto;
}
.copyright {
    color: var(--d_gray);
    font-size: 10px;
    padding-bottom: 1em;
    text-align: center;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .footer_logo .logo_text {
        font-size: min(4vw, 1.7rem);
    }
    .footer_logo .logo_img {
        width: min(66vw, 250px);
    }
    .footer-nav {
        display: grid;
            grid-gap: min(11vw, 40px) 3vw;
            grid-template-columns: 1fr 1fr;
        margin-top: min(13vw, 40px);
    }
    footer .menu-category-wrapper {
        grid-column: span 2;
        grid-row: 2;
    }
    footer .menu-category-wrapper dd {
        grid-template-columns: 1fr 1fr;
    }
    footer .menu {
        font-size: min(3.5vw, 1.5rem);
    }
    .footer-other {
        margin-top: min(10vw, 30px);
    }

}


/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .footer_logo .logo_img {
        width: min(30vw, 240px);
    }
    .footer-nav {
        display: flex;
            gap: min(2vw, 40px);
            justify-content: space-between;
        grid-row: span 2;
        margin-top: 40px;
    }
    footer .menu {
        font-size: min(1.6vw, 1.5rem);
    }
    .footer-other {
        margin-top: 1.5em;
    }
}
@media print, screen and (min-width: 1200px) {
    .footer-inner {
        grid-template-columns: auto 1fr;
        grid-template-rows: 1fr auto;
    }
    .footer_logo .logo_text {
        font-size: min(1.2vw, 1.6rem);
    }
    .footer_logo .logo_img {
        width: min(20vw, 280px);
    }
    .footer-nav {
        justify-content: flex-end;
        margin-top: 0;
    }
    footer .menu {
        font-size: min(1.2vw, 1.5rem);
    }

}

@media (hover: hover) {
}

.g-recaptcha {
	margin-top: 50px;
	text-align: center;
	font-size: 0.8em;
}
.grecaptcha-badge { visibility: hidden; }

/*====================================================
////id |  xxx
====================================================*/

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

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

/* ////////// tablet ////////// */
@media screen and (min-width:769px) and (max-width:960px) {
}

@media (hover: hover) {}