/* zen-kaku-gothic-new-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: 'Zen Kaku Gothic New';
  font-style: normal;
  font-weight: 400;
  src: url('font/zen-kaku-gothic-new-v18-japanese-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* zen-kaku-gothic-new-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: 'Zen Kaku Gothic New';
  font-style: normal;
  font-weight: 500;
  src: url('font/zen-kaku-gothic-new-v18-japanese-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* zen-kaku-gothic-new-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: 'Zen Kaku Gothic New';
  font-style: normal;
  font-weight: 700;
  src: url('font/zen-kaku-gothic-new-v18-japanese-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* anton-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: 'Anton';
  font-style: normal;
  font-weight: 400;
  src: url('font/anton-v27-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
	--mainColor: var(--wp--preset--color--vk-color-custom-1);
    --d_mainColor: var(--wp--preset--color--vk-color-custom-2);
    --subColor: var(--wp--preset--color--vk-color-custom-3);
    --d_subColor: var(--wp--preset--color--vk-color-custom-4);
	--red: #E64444;

	--l_gray: #FAFAFA;
	--gray: #ccc;
	--d_gray: #888;
	--black: #000;

	--font_family: "Zen Kaku Gothic New","Yu Gothic", "游ゴシック Medium", "YuGothic", 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;
	--f_en: 'Anton', "Zen Kaku Gothic New","Yu Gothic", "游ゴシック Medium", "YuGothic", 'Hiragino Kaku Gothic ProN', 'Meiryo', sans-serif;

    --innerBox_margin: calc(50vw - min(45vw, 600px));
}



/*====================================================
////id page_title
====================================================*/
#page_title {
    background: linear-gradient(to right, #CCF6F6, #FEEFCC);
    overflow: hidden;
    position: relative;
}
#page_title::before {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 80 80"><path fill="%23FBAE01" d="M80,21.5l-58.74,58.5L0,0l39.78,10.69-29.2,29.11,39.88,11.12-10.67-40.23,40.22,10.81ZM39.78,10.69h0Z" /></svg>') no-repeat center left / contain;
    content: '';
    display: block;
    margin: auto;
    opacity: .2;
    position: absolute;
        top: -15%;
        left: 60%;
    transition: .3s ease-in-out;
    width: min(50%, 550px);
    height: 160%;
}
/* #page_title::after {
    background: linear-gradient(to right, var(--mainColor), var(--subColor));
    content: '';
    display: block;
    margin: auto;
    opacity: .2;
    position: absolute;
        top: 0;
        left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
} */
#page_title .page_title-inner {
    display: flex;
        align-items: center;
        justify-content: center;
}
#page_title .page_title-head {
    background: transparent;
    color: var(--black);
    display: grid;
    line-height: 1.4;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    #page_title::before {
        height: 140%;
    }
    #page_title .page_title-inner {
        height: min(40vw, 280px);
        padding: 50px 0 10px;
    }
    #page_title .page_title-head {
        font-size: min(7vw, 50px);
        letter-spacing: 0;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    #page_title .page_title-inner {
        height: 340px;
        padding: 30px 0;
    }
    #page_title .page_title-head {
        font-size: min(6vw, 60px);
    }
}

/*====================================================
////id |  linkBtn
====================================================*/
.arrow {
    background-color: var(--mainColor);
    border-radius: 100%;
    display: inline-block;
    margin-left: .3em;
    overflow: hidden;
    position: relative;
    transition: .3s ease-in-out;
    vertical-align: -.25em;
    width: 1.3em;
    height: 1.3em;
}
.arrow::before,
.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 27 9"><path fill="%23ffffff" d="M18.56,0v3.57H0v1.85h18.56v3.58l8.44-4.5L18.56,0Z" /></svg>') no-repeat center / contain;
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    transition: .3s ease-in-out;
    width: 60%;
    height: 50%;
}
.arrow::before {
    left: 0;
}
.arrow::after {
    left: -200%;
}
.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 6 9"><path fill="%23ACACAC" d="M1.56,9l-1.56-1.58,2.89-2.92L0,1.58,1.56,0l4.44,4.5L1.56,9Z" /></svg>') no-repeat center / contain;
    display: inline-block;
    transition: .3s ease-in-out;
    width: .5em;
    height: .8em;
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link,
.formBtn,
.linkBtn { /*class linkBtn */
	background: var(--mainColor);
    border: solid 2px var(--mainColor);
	border-radius: 0;
    color: #fff;
	cursor: pointer;
	display: flex;
		align-items: center;
		grid-gap: 0 .4em;
        justify-content: center;
    font-size: 1.1em;
    font-weight: 700;
	line-height: 1.4;
	margin: 0;
	opacity: 1;
    overflow: hidden;
	padding: .3em 1.2em .3em 1.5em;
	position: relative;
    text-align: center;
	transition: .3s ease-in-out;
    min-height: 3em;
    max-width: 400px;
	z-index: auto;
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link .arrow ,
.formBtn .arrow,
.linkBtn .arrow {
    background-color: transparent;
}
.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 ,
.formBtn .arrow::before,
.formBtn .arrow::after,
.linkBtn .arrow::before,
.linkBtn .arrow::after {
    width: 80%;
}
.linkBtn.bg-white {
    color: var(--black);
}
.linkBtn.bg-white .arrow {
    filter: invert(0);
}

.wp-block-button .wp-block-button__link .linkBtn-inner,
.linkBtn .linkBtn-inner {
    flex: 1;
    position: relative;
}

.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-vk-color-custom-1-background-color .arrow::before,
.wp-block-button:not(.is-style-outline) .wp-block-button__link.has-vk-color-custom-1-background-color .arrow::after,
.formBtn.bg-mainColor .arrow::before,
.formBtn.bg-mainColor .arrow::after,
.linkBtn.bg-mainColor .arrow::before,
.linkBtn.bg-mainColor .arrow::after {
    filter: brightness(0) invert(10);
}

.wp-block-button.is-style-outline .wp-block-button__link,
main .is-style-outline .wp-block-button__link,
.linkBtn-small {
	background: transparent;
	border: none;
	border-radius: 0;
    color: var(--mainColor);
	cursor: pointer;
    display: flex;
        align-items: center;
        grid-gap: 0 .8em;
	filter: none;
    font-family: var(--f_serif);
	font-size: 1.0em;
	line-height: 1.4;
	opacity: 1;
    padding: .3em .1em;
	position: relative;
    text-align: left;
    width: auto;
}

.wp-block-button.is-style-outline .wp-block-button__link,
main .is-style-outline .wp-block-button__link,
.linkBtn-small {
	background: transparent;
	border: none;
	border-radius: 0;
    color: var(--mainColor);
	cursor: pointer;
    display: flex;
        align-items: center;
        grid-gap: 0 .8em;
	filter: none;
	font-size: 1.0em;
	line-height: 1.4;
	opacity: 1;
    padding: .3em .1em;
	position: relative;
    text-align: left;
    width: auto;
}
.wp-block-button.is-style-outline .wp-block-button__link .arrow,
main .is-style-outline .wp-block-button__link .arrow,
.linkBtn-small .arrow {
    /* width: 1.8em;
    height: 1.8em; */
}

.wp-block-button .btn_wrap,
main .btn_wrap {
    justify-content: flex-start;
}
.wp-block-button.is-style-outline .wp-block-button__link .linkBtn-inner,
main .is-style-outline .wp-block-button__link .linkBtn-inner,
.linkBtn-small .linkBtn-inner {
    position: relative;
}
.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:not(.is-style-outline) .wp-block-button__link,
    .formBtn,
	.linkBtn { /* class linkBtn mobile */
        width: min(80vw, 400px);
	}
    .wp-block-button:not(.is-style-outline) .wp-block-button__link,
	main .wp-block-button:not(.is-style-outline) .wp-block-button__link {
        width: min(80vw, 400px);
    }

}

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

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .wp-block-button:not(.is-style-outline) .wp-block-button__link,
    .formBtn,
    .linkBtn { /*class linkBtn */
        min-width: 400px;
    }
}

@media (hover: hover) {
    .arrow:hover::before,
    a:hover .arrow::before ,
    button:hover .arrow::before ,
    .formBox .btn-outer:hover .arrow::before {
        left: 200%;
    }
    .arrow:hover::after,
    a:hover .arrow::after ,
    button:hover .arrow::after ,
    .formBox .btn-outer:hover .arrow::after {
        left: 0;
    }

    .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
	.formBox button[type="submit"]:hover,
    .formBtn:hover,
	.linkBtn:hover ,
	a:hover .linkBtn {
        box-shadow: 0 .2em .4em rgba(0, 0, 0, .2);
        filter: brightness(1.1) saturate(1.1);
		opacity: 1;
        /* transform: scale(1.03); */
	}
	.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover .triangle_arrow,
	.formBox button[type="submit"]:hover .triangle_arrow,
    .formBtn:hover .triangle_arrow,
	.linkBtn:hover .triangle_arrow ,
	a:hover .linkBtn .triangle_arrow {
        transform: translateX(.3em);
    }

    .wp-block-button.is-style-outline .wp-block-button__link:hover,
    main .is-style-outline .wp-block-button__link:hover,
    .linkBtn-small:hover {
        color: var(--d_mainColor);
    }
    .wp-block-button.is-style-outline .wp-block-button__link:hover .triangle_arrow,
    main .is-style-outline .wp-block-button__link:hover .triangle_arrow,
    .linkBtn-small:hover .triangle_arrow {
        transform: translateX(.3em);
    }


	.is-style-outline .wp-block-button__link:hover,
	main .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 .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 .is-style-outline .wp-block-button__link:hover::before,
    .linkBtn-small:hover::before {
        width: calc(100% + .3em);
    }

}

ul.is-style-default, ul.is-style-vk-arrow-mark, ul.is-style-vk-triangle-mark, ul.is-style-vk-check-mark, ul.is-style-vk-check-circle-mark, ul.is-style-vk-check-square-mark, ul.is-style-vk-handpoint-mark, ul.is-style-vk-pencil-mark, ul.is-style-vk-smile-mark, ul.is-style-vk-frown-mark, ul.is-style-vk-numbered-circle-mark, ul.is-style-vk-numbered-square-mark, ol.is-style-default, ol.is-style-vk-arrow-mark, ol.is-style-vk-triangle-mark, ol.is-style-vk-check-mark, ol.is-style-vk-check-circle-mark, ol.is-style-vk-check-square-mark, ol.is-style-vk-handpoint-mark, ol.is-style-vk-pencil-mark, ol.is-style-vk-smile-mark, ol.is-style-vk-frown-mark, ol.is-style-vk-numbered-circle-mark, ol.is-style-vk-numbered-square-mark {
    margin-left: 0 !important;
}
ul.wp-block-list {
    padding-left: 1em;
}
ul.is-style-default li {
    position: relative;
}
ul.is-style-default:not(.is-style-attention-note) li::before {
	background: var(--d_gray);
	border-radius: 100%;
	content: '';
    font-weight: 900;
    position: absolute;
        top: .6em;
        left: -1em;
	width: .3em;
	height: .3em;
}
ul.is-style-vk-numbered-square-mark li:before, 
ol.is-style-vk-numbered-square-mark li:before,
ul.is-style-vk-numbered-circle-mark li:before, 
ol.is-style-vk-numbered-circle-mark li:before {
    display: flex;
        align-items: center;
        justify-content: center;
    font-size: .9em;
    width: 1.5em;
    height: 1.5em;
}
ol.wp-block-list {
}
/* ol.wp-block-list > li {
    padding: .3em 0 .8em 1em;
} */
ol.wp-block-list > li::before {
    left: -2.4em;
}
ol.wp-block-list > li:last-child {
    padding-bottom: .3em;
}
ol.wp-block-list > li:last-child::after {
    display: none;
}

ul.is-style-attention-note {
    list-style: none;
    padding-left: 1.5em;
    position: relative;
}
ul.is-style-attention-note li {
    position: relative;
}
ul.is-style-attention-note li::before {
    content: "※" !important;
    position: absolute;
    left: -1.2em;
    font-weight: bold;
}

li + li {
    margin-top: .3em;
}

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


.f-default {
	font-family: var(--font_family);
}
.f-en {
    font-family: var(--f_en);
    font-weight: 500;
    line-height: .8;
}


.bodyText .wp-block-cover {
    min-height: 0;
    padding-top: 65%;
}
/*====================================================
////id |  mapBox
====================================================*/
.mapBox > div {
	overflow: hidden;
	position: relative;
}
.mapBox iframe {
	margin: auto;
	position: absolute;
		top: 0;
	width: 100%;
	height: 100%;
}

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

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

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

/*====================================================
////id |  flow
====================================================*/
.flow-item {
    border: solid 1px var(--mainColor);
    display: grid;
    line-height: 1.8;
}
.flow-item dt {
    border-bottom: solid 1px #DBDBDB;
    font-size: 1.375em;
    margin-bottom: .5em;
}
.flow-item-no {
    color: var(--mainColor);
    font-size: 1.1365em;
}
.flow-item dd {
    margin-inline-start: 0;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 768.9px) {
    .flow-item {
        grid-template-rows: auto 1fr;
        padding: 70px 25px 20px;
        position: relative;
    }
    .flow-item-img {
        margin: 10px auto;
        width: 60px;
    }
    .flow-item dt {
        margin-bottom: .5em;
        padding-bottom: .3em;
        text-align: center;
    }
    .flow-item-no {
        display: block;
        line-height: 1.3;
        position: absolute;
            bottom: calc(100% - 65px);
            left: 0;
            right: 0;
        text-align: center;
    }

    .swiper:has(.flow-item) {
        margin-left: -10px;
        overflow: visible;
        width: min(90%, 400px);
    }
    .swiper:has(.flow-item) .swiper-pagination {
        width: 90vw;
    }
    .swiper .vk_slider_item:has(.flow-item) {
        display: block;
    }
    .swiper .container:has(.flow-item),
    .swiper .wp-block-lazyblock-flow-item {
        height: 100%;
    }
    .swiper .wp-block-lazyblock-flow-item {
        padding: 0 10px;
    }
    .swiper .flow-item {
        height: 100%;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .flow-item {
        align-items: center;
        grid-gap: min(4vw, 60px);
        grid-template-columns: 80px 1fr;
        margin: auto;
        max-width: 970px;
        padding: 24px 40px 24px 50px;
    }

    .swiper:has(.flow-item) .swiper-pagination {
        display: none;
    }
    .swiper-wrapper:has(.flow-item) {
        display: grid;
            grid-gap: 16px;
        transform: none !important;
    }
}

@media (hover: hover) {}

/*====================================================
////id |  img-text-set
====================================================*/
.img-text-set {
    line-height: 1.8;
}
.img-text-set-img {
    margin: 0 auto 15px;
}
.img-text-set-img:has(.type-radius) ,
.img-text-set-img:has(.type-square) {
    margin-left: auto;
    margin-right: auto;
    width: min(90%, 180px);
}
.img-text-set .coverImg.type-radius {
    border-radius: 100%;
    padding-top: 100%;
}
.img-text-set .coverImg.type-square {
    padding-top: 100%;
}
.img-text-set-text dt {
    font-size: 1.25em;
    line-height: 1.4;
    text-align: center;
    margin-bottom: .3em;
}
.img-text-set-text dd {
    display: flex;
        justify-content: center;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 1199.9px) {
}

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

@media (hover: hover) {}

/*====================================================
////id |  faq
====================================================*/

.faq-item {
    overflow: hidden;
    line-height: 1.6;
    margin: auto;
    max-width: 970px;
}
.wp-block-lazyblock-faq + .wp-block-lazyblock-faq ,
.faq-item + .faq-item {
    margin-top: min(1vw, 20px);
}
.faq-item dt {
    background: var(--l_gray);
    border-radius: 2px;
    display: grid;
        align-items: center;
        grid-template-columns: auto 1fr;
    font-weight: 500;
    position: relative;
    transition: filter .2s ease-in-out;
}
.faq-item dt::before ,
.faq-item .accordion-inner::before {
    box-sizing: border-box;
    color: var(--mainColor);
    display: block;
    font-weight: 500;
    line-height: 1;
    text-align: center;
}
.faq-item dt::before {
    border-radius: 100%;
    content: 'Q';
    display: flex;
        align-items: center;
        justify-content: center;
    padding: 0 0 .15em .3em;
}
.faq-item dt > div {
    display: grid;
        align-items: center;
        grid-template-columns: 1fr auto;
    position: relative;
    transition: .3s ease-in-out;
}
.faq-item .accordion-inner::before {
    content: 'A';
    padding-left: .3em;
}
.faq-item dt .icon {
    position: relative;
    width: .8em;
    height: .8em;
}
.faq-item dt .icon::before,
.faq-item dt .icon::after {
    border-top: solid 1px var(--black);
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    transition: .3s 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 .accordion-inner {
    display: grid;
        align-items: flex-start;
        grid-template-columns: auto 1fr;
    position: relative;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
    .faq-item dt::before {
        font-size: 1.2em;
        padding-left: .6em;
        width: 2.6em;
        height: 1.86em;
    }
    .faq-item dt > div {
        border-radius: 6px;
        line-height: 1.4;
        padding: 10px 13px 12px;
    }
    .faq-item dt .text {
        padding-top: .1em;
    }
    .faq-item .accordion-inner {
        padding: 1em 0 1em 1em;
    }
    .faq-item .accordion-inner::before {
        font-size: 1.2em;
        padding-top: .2em;
        width: 1.6em;
    }
    .faq-item .accordion-inner .text {
        padding-left: .5em;
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
    .faq-item dt::before {
        font-size: 1.25em;
        width: 3em;
    }
    .faq-item dt > div {
        border-radius: 30px;
        padding: .7em 1.5em .8em 0;
    }
    .faq-item dt .text {
        padding-top: .1em;
    }
    .faq-item .accordion-inner .text {
        padding: 1em 1em 1em 0;
    }
    .faq-item .accordion-inner::before {
        font-size: 1.25em;
        padding-top: .9em;
        text-align: center;
        width: 3em;
    }
}

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

@media (hover: hover) {
    .faq-item dt:hover {
        filter: brightness(.95);
    }
}

/*====================================================
////id |  deco
====================================================*/

.wp-block-group:has(.deco_back_en) {
    position: relative;
}
.deco_back_en {
    color: #C9C9C9;
    font-family: var(--f_en);
    font-size: min(22vw, 250px);
    font-weight: 400;
    line-height: 1;
    margin: auto;
    opacity: .15;
    padding: 0 min(5vw, 40px);
    position: absolute;
        top: min(.3em, 60px);
        left: 0;
        right: 0;
    width: 100%;
}

.under_deco {
    font-size: min(6.5vw, 40px);
    margin-bottom: 1em;
    overflow: hidden;
    padding-bottom: .3em;
    position: relative;
}
.under_deco::after {
    background: linear-gradient(to right, var(--subColor) 40px, transparent 40px, transparent 45px, var(--mainColor) 45px);
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        bottom: 0;
        left: 0;
    width: 85px;
    height: 2px;
}
.under_deco.txt-center::after {
    right: 0;
}
.under_deco.txt-right::after {
    right: 0;
    left: auto;
}

.side_deco {
    margin-bottom: .8em;
}
.side_deco .text {
    display: inline-block;
    padding: 0 1.3em;
    position: relative;
}
.side_deco .text::before,
.side_deco .text::after {
    border-top: solid 2px var(--subColor);
    content: '';
    display: block;
    margin: auto;
    position: absolute;
        top: 0;
        bottom: 0;
    width: .8em;
    height: 0;
}
.side_deco .text::before {
    left: 0;
}
.side_deco .text::after {
    right: 0;
}

/*====================================================
////id |  voice-item
====================================================*/
.voice-item {
    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, .2);
    font-size: .888em;
    padding: 1.5em;
}
.voice-item-img {
    float: left;
    margin: 0 1em .5em 0;
    width: min(25%, 130px);
}
.voice-item-coverImg {
    border-radius: 100%;
    padding-top: 100%;
}
.voice-item-name {
    text-align: center;
    font-size: .9em;
    font-weight: 700;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 960px) {
    .voice-item-wrapper {
        display: grid;
            gap: min(4vw, 20px);
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 960px) {
    .voice-item-wrapper {
        display: flex;
            flex-wrap: wrap;
            gap: 40px min(2vw, 20px);
            justify-content: center;
    }
    .voice-item {
        flex: 1;
        min-width: 40%;
        max-width: 700px;
    }
    /* #archive .voice-item-wrapper {
        display: grid;
    } */
}

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

@media (hover: hover) {}

/*====================================================
////id |  banner-large
====================================================*/
.banner-large {
    display: grid;
        grid-gap: min(3vw, 30px);
}
/* ////////// mobile ////////// */
@media screen and (max-width: 1199.9px) {
    .banner-large {
        margin: auto;
        max-width: 600px;
    }
}

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

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

@media (hover: hover) {}


.icon-tel {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 10 13"><path fill="%23008c4f" d="M.89.55C0,1.13-.18,2.94.16,4.42c.35,1.47.95,2.87,1.77,4.14.84,1.26,1.88,2.37,3.07,3.3,1.21.91,2.94,1.49,3.84.91.46-.34.85-.76,1.16-1.24l-.48-.74-1.32-2.04c-.1-.15-.71-.01-1.03.16-.33.24-.6.53-.81.88-.29.17-.53,0-1.04-.23-.77-.51-1.41-1.19-1.88-1.98-.53-.75-.89-1.61-1.04-2.52,0-.56-.06-.85.21-1.04.4-.05.79-.18,1.14-.38.29-.21.67-.72.57-.87L2.98.74l-.48-.74c-.56.08-1.11.27-1.6.55Z" /></svg>') no-repeat center / contain;
    display: inline-block;
    width: .6em;
    height: .8em;
}
.icon-mail {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 17 12"><path fill="%23008c4f" d="M15.02,0H1.98C.89,0,0,.88,0,1.97c0,0,0,0,0,0v8.05c0,1.09.89,1.97,1.98,1.97h13.04c1.09,0,1.98-.88,1.98-1.97h0V1.97C17,.88,16.11,0,15.02,0h0ZM16.05,10.56l-.38.45-5.28-4.3-.82.78c-.61.55-1.54.55-2.14,0l-.82-.78L1.32,11.01l-.38-.45,4.96-4.52L.91,1.37l.3-.39,7.29,5.5L15.79.98l.3.39-5,4.67,4.96,4.52Z" /></svg>') no-repeat center / contain;
    display: inline-block;
    width: 1.1em;
    height: .8em;
}

.sns_icon-instagram {
    background: url('../img/cmn/sns_icon-instagram.png') no-repeat center / contain;
    display: inline-block;
    vertical-align: -.4em;
    width: 1.5em;
    height: 1.5em;
}




/*====================================================
////id |  linkarea
====================================================*/
.linkarea {
    padding: 0 min(5vw, 40px);
}
.linkarea-item {
    background-color: #E29C00;
    color: #fff !important;
    display: grid !important;
        align-items: center;
        grid-template-columns: 1fr auto;
    font-weight: 700;
    overflow: hidden;
    padding: .5em .5em .5em 1em;
    position: relative;
    text-align: center;
}
.linkarea-item::before {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100"><path fill="%23ffffff" d="M13.22,49.76L49.73,13.36l13.34,50.29-49.85-13.9,13.35,50.24L100,26.87l-50.27-13.51L0,0l13.22,49.76Z" /></svg>') no-repeat center left / contain;
    content: '';
    display: block;
    margin: auto;
    opacity: .1;
    position: absolute;
        top: -15%;
        left: 7%;
    width: 50%;
    height: 125%;
}
.linkarea-item .arrow {
    background-color: transparent;
}
.linkarea-item .arrow::before, 
.linkarea-item .arrow::after {
    width: 80%;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 1120px) {
    .linkarea-item-wrapper {
        display: grid;
            grid-gap: min(2vw, 20px);
        margin: auto;
        max-width: 700px;
    }
    .linkarea-item {
        font-size: min(5vw, 25px);
        height: min(20vw, 100px);
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 1120px) {
    .linkarea-item-wrapper {
        display: flex;
            gap: min(1.5vw, 20px);
    }
    .linkarea-item {
        flex: 1;
        font-size: min(2vw, 30px);
        height: 140px;
    }
}
@media (hover: hover) {
    .linkarea-item:hover {
        box-shadow: 0 .2em .4em rgba(0, 0, 0, .2);
        filter: brightness(1.1);
    }
}


/*====================================================
////id |  cmn_cta
====================================================*/
.cmn_cta-link {
    background-color: var(--mainColor);
    color: #fff;
    display: grid;
        align-items: center;
        grid-template-columns: 1fr auto;
        grid-gap: min(5vw, 30px);
    overflow: hidden;
    padding: min(12vw, 90px) min(8vw, 90px);
    position: relative;
}
.cmn_cta-link::before {
    background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 100 100"><path fill="%23ffffff" d="M13.22,49.76L49.73,13.36l13.34,50.29-49.85-13.9,13.35,50.24L100,26.87l-50.27-13.51L0,0l13.22,49.76Z" /></svg>') no-repeat center right / contain;
    content: '';
    display: block;
    margin: auto;
    opacity: .1;
    position: absolute;
        top: -15%;
        right: 5%;
    width: 80%;
    height: 125%;
}
.cmn_cta-head {
    font-size: min(18vw, 90px);
    margin-bottom: .5em;
}
.cmn_cta-arrow .arrow {
    background-color: transparent;
    border: solid 2px #fff;
    margin: 0;
    width: min(18vw, 100px);
    height: min(18vw, 100px);
}
/* ////////// mobile ////////// */
@media screen and (max-width: 960px) {
    .cmn_cta-link {
        grid-template-columns: 1fr;
        place-items: center;
        padding-bottom: min(5vw, 50px);
    }
}

/* ////////// PC ////////// */
@media print, screen and (min-width: 960px) {
    .cmn_cta-text p {
        font-size: 1.333em;
    }
}

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

@media (hover: hover) {
    .cmn_cta-link:hover {
        box-shadow: 0 .2em .4em rgba(0, 0, 0, .2);
        filter: brightness(1.1);
    }
}

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

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

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

@media (hover: hover) {}