/* ブロック用スタイルシート */

/****** font link ******/

/*Montserrat */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');

/*Mohave */
@import url('https://fonts.googleapis.com/css2?family=Mohave:wght@500&display=swap');

/*Tangerine */
@import url('https://fonts.googleapis.com/css2?family=Tangerine&display=swap');

/* font */

:root{
    --font_montserrat: 'Montserrat',   'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
    --font_mohave: 'Mohave',  'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
    --font_tangerine: 'Tangerine',   'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
}

/* 共通 */

.dupe_box{
    outline: none!important
}

#MainWrap{
    background-color: #fff;
    overflow: hidden;
}
.wrapMain{
    background-color: transparent!important
}

.top_0{top: 0}
.left_0{left: 0}
.right_0{right: 0}
.bottom_0{bottom: 0}

.img_opacity01 img{opacity: 0.1;}
.img_opacity02 img{opacity: 0.2;}
.img_opacity03 img{opacity: 0.3;}
.img_opacity04 img{opacity: 0.4;}
.img_opacity05 img{opacity: 0.5;}
.img_opacity06 img{opacity: 0.6;}
.img_opacity07 img{opacity: 0.7;}
.img_opacity08 img{opacity: 0.8;}
.img_opacity09 img{opacity: 0.9;}
.img_opacity1 img{opacity: 1;}
.img_opacity0 img{opacity: 0;}

.border_rad_m{
    border-radius: 9999px
}

.img_border_rad5 img{
    border-radius: 5px
}
.img_border_rad10 img{
    border-radius: 10px
}
.img_border_rad20 img{
    border-radius: 20px
}
.img_border_rad_m img{
    border-radius: 9999px
}

/* 連番 */
.serial_no_wrap{
    counter-reset: serial_no 0;
}
.serial_no span::after {
    counter-increment: serial_no 1;
    content: counter(serial_no);
}
.serial_no.decimal_zero span::after {
    content: counter(serial_no, decimal-leading-zero);
}
@media screen and (min-width: 561px){
    #MainWrap .serial_no span{
        font-size: 150%;
        letter-spacing: 1.5px;
    }
}

.square_img, .rectangle_img{
    overflow: inherit;
}
.square_img img{
    position: static;
    aspect-ratio: 1;
    object-fit: cover;
    transform: none
}
.rectangle_img img{
    position: static;
    aspect-ratio: 1.6;
    object-fit: cover;
    transform: none
}
.square_box{
    aspect-ratio: 1;
}

.PgeE03 .bwrap p{
    margin-bottom: 0;
}

.editImg1 img{
    display: block;
    pointer-events: none
}

.bg_img .editImg1 {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.bg_img .editImg1 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.map .editTag1{
	aspect-ratio: 1;
}

.simple_btn span{
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    display: block;
    position: relative;
    padding-right: 1em;
    padding-left: 1em;
    line-height: 1.3;
}

.cta_btn .editBtn1 a{
    box-shadow: 0 5px 5px rgb(0 0 0 / 0.2);
    box-sizing: border-box;
}
.cta_btn2 .editBtn1 a{
    box-shadow: 0 5px 0 rgb(0 0 0 / 0.15);
}
.cta_btn span {
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    display: block;
    position: relative;
    padding-right: 1.3em;
    padding-left: 1em;
    line-height: 1.3;
}
.cta_btn .editBtn1 a span::after {
    position: absolute;
    content: "";
    width: 0.4em;
    height: 0.4em;
    top: calc(50% - 0.25em);
    right: 0.8em;
    border-top: solid 2px currentColor;
    border-right: solid 2px currentColor;
    box-sizing: border-box;
    transform: rotate(45deg);
}

#MainWrap .cta_btn_wrap .icon {
    pointer-events: none;
}
.cta_btn_wrap:has(.icon) .cta_btn span {
    padding-left: 20%;
}

.editBtn1 a{
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 561px){
    #MainWrap .editBtn1 span{
        font-size: 150%;
    }
}
.editTag1 iframe{
    width: 100%;
    height: 100%;
    display: block;
}
.youtube_box{
    aspect-ratio: 16 / 9
}
.youtube_box .editTag1, .youtube_box iframe{
    height: 100%!important
}

.open_wrap{
	cursor: pointer;
}
.PgeE03 .open_wrap{
	cursor: auto;
}

/* modal */

.modal_bt{
    cursor: pointer;
}
.modal_box{
    top: 0;
    left: 0;
    z-index: 10000;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.5s;
}
.modal_box.active{
    opacity: 1;
    pointer-events: auto;
}
.modal_box::-webkit-scrollbar{
    display:none;
}
.modal_box .modal_bg{
    top: 0;
    left: 0;
}
.modal_box .modal_close{
    cursor: pointer;
    background-color: rgba(122, 122, 122, 0.4);
	margin-left: -40px;
	position: sticky;
	top: 0;
	width: 40px;
	height: 40px;
	z-index: 1;
}
.modal_box .modal_close::before, .modal_box .modal_close::after{
	position: absolute;
	content: "";
	width: 20px;
	height: 2px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-color: #fff;
}
.modal_box .modal_close::before{
	transform: rotate(45deg);
}
.modal_box .modal_close::after{
	transform: rotate(-45deg);
}
.modal_item{
	max-width: 562.5px;
}
.modal_box .dupe_box:last-of-type{
	padding-bottom: 0;
	border-bottom: none;
}

.PgeE03 .box__data:has(.modal_box)::before{
	white-space: pre;
	content: "※実際の動きはプレビュー画面でご確認ください";
	display: block;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #aaa;
	padding: 10px 0;
	background-color: #f2f2f2;
}
.PgeE03 .modal_bt{
	cursor: auto;
}
.PgeE03 .modal_box{
    position: static;
    opacity: 1;
    pointer-events: auto;
}
.PgeE03 .modal_bg, .PgeE03 .modal_close{
	display: none;
}
.PgeE03 .modal_item{
	margin-top: 0;
	border: solid 1px var(--c_color5);
}

/* swiper */

.swiper{
    -webkit-text-size-adjust: 100%
}
.PgeE03 .swiper::before{
	white-space: pre;
	content: "※実際の動きはプレビュー画面でご確認ください";
	display: block;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #aaa;
	padding: 10px 0;
	background-color: #f2f2f2;
}
.PgeE03 .swiper-slide{
	margin-top: 20px;
}
.PgeE03 .swiper-pagination, .PgeE03 .swiper-button-prev, .PgeE03 .swiper-button-next{
	display: none;
}
.swiper-pagination{
	position: static!important;
	height: 30px!important;
}
.swiper-pagination-bullet{
	margin: 0 6px!important;
	transition: 0.2s;
	box-shadow: 0 0 2px #fff;
}
.swiper-pagination-bullet-active{
	background-color: var(--color1)!important;
	transform: scale(1.5);
}
.swiper-button-prev, .swiper-button-next{
    width: 6% !important;
    aspect-ratio: 0.6;
    height: auto !important;
    background-color: var(--color1) !important;
    top: calc(50% - 20px) !important;
    transition: opacity 0.2s;
    position: relative;
	box-shadow: 0 0 2px #fff;
}
.swiper-button-prev{
	left: 0!important;
    border-radius: 0 50px 50px 0;
}
.swiper-button-next{
	right: 0!important;
    border-radius: 50px 0 0 50px;
}
.swiper-button-prev:after, .swiper-button-next:after{
	display: none;
}
.swiper-button-prev::before, .swiper-button-next::before{
	position: absolute;
	content: "";
    width: 30%;
    aspect-ratio: 1;
	transform: rotate(45deg);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.swiper-button-prev::before{
	border-left: solid 2px #fff;
	border-bottom: solid 2px #fff;
}
.swiper-button-next::before{
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
}
.swiper-fade .swiper-slide{
	opacity: 0!important;
}
.swiper-fade .swiper-slide.swiper-slide-active{
	opacity: 1!important;
}


/* block_a-5 / block_a-10 / block_a-11 */
.block_a-5.active, .block_a-10.active, .block_a-11.active{
    --max-w: 563px;
	position: fixed;
	width: 100%;
	left: max(0,calc(50% - calc(var(--max-w) / 2)));
	bottom: 0;
	z-index: 99;
	max-width: var(--max-w);
}
/* block_a-26 / block_a-27 / block_a-28 / block_a-29 */
.block_a-26:has(.icon) .cta_btn span,.block_a-27:has(.icon) .cta_btn span,
.block_a-28:has(.icon) .cta_btn span,.block_a-29:has(.icon) .cta_btn span {
    padding-left: 1em;
}

/* block_b-1 */
.block_b-1 .box_title1, .block_b-1_B .box_title1{
	background-image: linear-gradient(to bottom, var(--color1), var(--color1));
	background-size: 50px 2px;
	background-repeat: no-repeat;
	background-position: center bottom;
}

/* block_b-1_B */
.block_b-1_B .box_title1{
	background-image: linear-gradient(to bottom, #fff, #fff);
}

/* block_b-2 */
.block_b-2 .box_title1, .block_b-2_B .box_title1{
	font-size: 40px;
	margin-bottom: -20px
}
.block_b-2 .box_title2, .block_b-2_B .box_title2{
	background-image: linear-gradient(to bottom, var(--color1), var(--color1));
	background-size: 100px 1px;
	background-repeat: no-repeat;
	background-position: center bottom;
}

/* block_b-2_B */
.block_b-2_B .box_title2{
	background-image: linear-gradient(to bottom, #fff, #fff);
}

/* block_b-4 */
.block_b-4 .box_title1::before, .block_b-4 .box_title1::after, .block_b-4_B .box_title1::before, .block_b-4_B .box_title1::after{
	position: absolute;
	content: "";
	bottom: 0;
	width: 8px;
	height: 30px;
	background-color: var(--color1);
}
.block_b-4 .box_title1::before, .block_b-4_B .box_title1::before{
	left: 0;
	clip-path: polygon(0 0, 100% 0%, 100% 100%, calc(100% - 1px) 100%);
	transform: rotate(-25deg);
}
.block_b-4 .box_title1::after, .block_b-4_B .box_title1::after{
	right: 0;
	transform: rotate(25deg);
	clip-path: polygon(0 0, 100% 0%, 1px 100%, 0 100%);
}

/* block_b-4_B */
.block_b-4_B .box_title1::before, .block_b-4_B .box_title1::after{
	background-color: #fff;
}

/* block_b-5 */
.block_b-5 .cate_box, .block_b-5_B .cate_box{
	clip-path: polygon(100% 0, 100% calc(100% - 30px), 50% 100%, 0 calc(100% - 30px), 0 0);
}

/* block_b-6 */
.block_b-6{
	padding: 10% 5%;
}
.block_b-6 .box_img1{
    transform: none;
    top: 0;
    left: 0;
}
.block_b-6 .box_img1 .editImg1{
	width: 100%;
	height: 100%;
}
.block_b-6 .box_img1 img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.4;
}

/* block_b-7 */
.block_b-7 .box_title1{
    background-image: linear-gradient(to bottom, currentColor 2px, transparent 2px, transparent calc(100% - 2px), currentColor calc(100% - 2px)), linear-gradient(to bottom, currentColor 2px, transparent 2px, transparent calc(100% - 2px), currentColor calc(100% - 2px));
	background-size: 10px 100%;
	background-repeat: no-repeat;
	background-position: top left, top right;
}

/* block_b-8 */
.block_b-8 .box_title1{
	clip-path: polygon(0 0, 100% 0, 95% 50%, 100% 100%, 0 100%, 5% 50%);
	padding: 20px 10%;
}

/* block_b-9 */
.block_b-9 .box_title1{
	clip-path: polygon(100% 0, 97% 25%, 100% 50%, 97% 75%, 100% 100%, 0 100%, 3% 78%, 0 50%, 3% 25%, 0 0);
	padding: 20px 10%;
}

/* block_b-10 */
.block_b-10 .cate_box::before, .block_b-10 .cate_box::after{
	position: absolute;
	content: "";
	width: 15%;
	height: 100%;
	background-color: inherit;
	opacity: 0.8;
	top: 10px;
}
.block_b-10 .cate_box::before{
	left: -8%;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 30% 50%);
}
.block_b-10 .cate_box::after{
	right: -8%;
	clip-path: polygon(0 0, 100% 0, 70% 50%, 100% 100%, 0 100%);
}

/* block_b-11 */
.block_b-11 .cate_box::before{
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-left: solid 10px transparent;
	border-top: solid 10px currentColor;
	border-right: solid 10px transparent;
	left: calc(50% - 5px);
	bottom: -10px;
}

/* block_b-12 */
.block_b-12 .cate_box{
	clip-path: polygon(20px 0, 100% 0, 100% 100%, 0 100%, 0 20px);
}
.block_b-12 .cate_box::before{
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	left: -1px;
	top: -1px;
	background-color: currentColor;
}

/* block_b-13 */
.block_b-13 .cate_box{
	filter: drop-shadow(3px 3px 4px rgba(0,0,0,0.15));
}
.block_b-13 .box_title1{
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%);
}
.block_b-13 .box_title1::before{
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	right: -1px;
	bottom: -1px;
	background-color: var(--color2);
}

/* block_b-14 */
.block_b-14 .cate_box{
	background-image: linear-gradient(to bottom, currentColor 1px, transparent 1px, transparent calc(100% - 1px), currentColor calc(100% - 1px)), linear-gradient(to bottom, currentColor 1px, transparent 1px, transparent calc(100% - 1px), currentColor calc(100% - 1px));
    background-size: 100% 5px;
	background-repeat: no-repeat;
	background-position: top left, bottom left;
}

/* block_b-16 */
.block_b-16_B .cate_box{
	background-color: rgba(255,255,255,0.2);
}
.block_b-16 .cate_box::before, .block_b-16 .cate_box::after{
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
}
.block_b-16 .cate_box::before{
	border-top: solid 6px;
	border-left: solid 6px;
	top: -3px;
	left: -3px;
}
.block_b-16 .cate_box::after{
	border-bottom: solid 6px;
	border-right: solid 6px;
	bottom: -3px;
	right: -3px;
}

/* block_b-17 / block_b-18 */

.block_b-17 .box_title1::before, .block_b-18 .box_title1::before{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: solid 7px transparent;
    border-top: solid 11px var(--color1);
    border-right: solid 7px transparent;
    left: 0;
    right: 0;
    bottom: -10px;
    margin: auto
}
.block_b-17_B .box_title1::before, .block_b-18_B .box_title1::before{
    border-top: solid 11px #fff;
}

/* block_b-19 */
.block_b-19 .cate_box{
	padding-bottom: 0;
}
.block_b-19 .curve{
	aspect-ratio: 14;
	clip-path: url('#mask_b-19');
	transform: translateY(-1px);
}

/* block_b-21 ~ block_b-26 */
.block_b-21 path,
.block_b-23 path,
.block_b-24 path{
	stroke: currentColor;
}
.block_b-22 path,
.block_b-25 path,
.block_b-26 path{
	fill: currentColor;
}

/* block_b-27 */
.block_b-27 .box_txt1::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 15px;
    background-color: currentColor;
    left: 0;
    right: 0;
    bottom: -15px;
    margin: auto;
    transform: rotate(20deg);
}

/* block_c-3 */
.block_c-3 .box_title1, .block_c-3_B .box_title1{
    border-radius: 10px 10px 0 0
}

/* block_c-4 */
.block_c-4:not(:last-of-type) .cate_box, .block_c-4_B:not(:last-of-type) .cate_box{
	border-bottom: none;
}

/* block_c-5 */
.block_c-5 .box_title1{
	z-index: 1;
}
.block_c-5 .box_title1::before{
	position: absolute;
	content: "";
	width: 100%;
	height: 1px;
	background-color: currentColor;
	left: 1px;
	top: calc(50% - 1px);
	z-index: -1;
}
.block_c-5 .box_title1 > div{
	display: inline-block;
	padding-right: 10px;
	background-color: #fff;
}

/* block_c-6 */

.block_c-6 .open_btn{
    cursor: pointer;
}
.block_c-6 .open_btn:before {
	content: "もっと見る";
	display: block;
}
.block_c-6.active .open_btn:before {
	content: "閉じる";
}

/* block_d-1 */
.block_d-1 .arrow, .block_d-1_B .arrow{
    bottom: 70px;
    left: -70px;
}
.block_d-1 .arrow::before, .block_d-1 .arrow::after, .block_d-1_B .arrow::before, .block_d-1_B .arrow::after{
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	z-index: 1;
}
.block_d-1 .arrow::before, .block_d-1_B .arrow::before {
    top: 8px;
    left: 50px;
    box-sizing: border-box;
    width: 0;
    height: 0;
    border: 30px solid transparent;
    border-left: 25px solid var(--color3);
}
.block_d-1 .arrow::after, .block_d-1_B .arrow::after {
    border: 0 solid transparent;
    border-left: 25px solid var(--color3);
    border-radius: 50px 0 0 0;
    width: 50px;
    height: 50px;
    transform: rotate(-90deg);
    box-sizing: border-box;
}
.block_d-1 .box_img1, .block_d-1_B .box_img1{
	width: 45%;
	box-sizing: border-box;
}
.block_d-1 .box_img2, .block_d-1_B .box_img2{
	width: calc(55% + 20px);
	box-sizing: border-box;
	margin-left: -20px;
}
.block_d-1 .box_img1::before, .block_d-1 .box_img2::before, .block_d-1_B .box_img1::before, .block_d-1_B .box_img2::before{
	position: absolute;
	font-family: var(--font_montserrat);
	font-weight: 600;
	display: block;
	padding: 5px 10px;
	line-height: 1.5;
	top: -5px;
	background-color: #fff;
	pointer-events: none;
	z-index: 1;
}
.block_d-1 .box_img1::before, .block_d-1_B .box_img1::before{
	content: "Before";
	left: 0;
	color: var(--black);
	font-size: calc(1em - 2px);
	border-radius: 0 0 10px 0;
	top: 0;
}
.block_d-1 .box_img2::before, .block_d-1_B .box_img2::before{
	content: "After";
	right: -5px;
	color: var(--color1);
	font-size: calc(1em + 4px);
	border-radius: 0 0 0 10px;
}
.block_d-1 .box_txt1 > div, .block_d-1_B .box_txt1 > div{
	display: inline-block;
	text-align: left;
}

/* block_d-1_B */

.block_d-1_B .arrow::before {
    border-left: 25px solid #fff;
}
.block_d-1_B .arrow::after {
    border-left: 25px solid #fff;
}

/* block_d-2 */
.block_d-2 .box_item::before, .block_d-2_B .box_item::before{
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-top: solid 20px transparent;
	border-left: solid 20px var(--color1);
	border-bottom: solid 20px transparent;
	top: 0;
	bottom: 0;
	left: calc(50% - 10px);
	margin: auto;
}
.block_d-2 .box_img1::before, .block_d-2 .box_img2::before, .block_d-2_B .box_img1::before, .block_d-2_B .box_img2::before{
	position: absolute;
	font-family: var(--font_montserrat);
	font-weight: 600;
	display: block;
	padding: 5px 10px;
	line-height: 1.5;
	top: 0;
	pointer-events: none;
	z-index: 1;
}
.block_d-2 .box_img1::before, .block_d-2_B .box_img1::before{
	content: "Before";
	left: 0;
	color: var(--black);
	font-size: calc(1em - 2px);
	background-color: #fff;
}
.block_d-2 .box_img2::before, .block_d-2_B .box_img2::before{
	content: "After";
	right: 0;
	color: #fff;
	font-size: calc(1em - 2px);
	background-color: var(--color1);
}
.block_d-2 .box_txt_wrap, .block_d-2_B .box_txt_wrap{
	margin-top: -20px;
}

/* block_d-2_B */
.block_d-2_B .box_item::before{
	border-left: solid 20px #fff;
}

/* block_d-3 */
.block_d-3 .box_img1::before, .block_d-3 .box_img2::before, .block_d-3_B .box_img1::before, .block_d-3_B .box_img2::before{
    position: absolute;
    font-family: var(--font_tangerine);
    display: block;
    padding: 5px 10px;
    line-height: 1;
    top: -25px;
    left: -35px;
    transform: rotate(-10deg);
    pointer-events: none;
    font-size: calc(1em + 30px);
    z-index: 1;
}
.block_d-3 .box_img1::before, .block_d-3_B .box_img1::before{
	content: "Before";
	color: var(--black);
}
.block_d-3 .box_img1::after, .block_d-3_B .box_img1::after{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: solid 15px transparent;
    border-top: solid 12px var(--color1);
    border-right: solid 15px transparent;
    left: 0;
    right: 0;
    bottom: -22px;
    margin: auto;
}
.block_d-3 .box_img2::before, .block_d-3_B .box_img2::before{
	content: "After";
	color: var(--color1);
}

/* block_d-3_B */

.block_d-3_B .box_img1::after{
    border-top: solid 12px #fff;
}
.block_d-3_B .box_img1::before, .block_d-3_B .box_img2::before{
	color: #fff
}

/* block_e-1 */
.bwrap:has(.block_e-1){
	height: 30px;
	transform: translateY(1px);
	clip-path: polygon(50% 0%, 100% calc(100% - 2px), 100% 100%, 0 100%, 0 calc(100% - 1px));
}

/* block_e-2 */
.bwrap:has(.block_e-2){
	height: 30px;
	transform: translateY(1px);
	clip-path: polygon(50% calc(100% - 2px), 100% 0, 100% 100%, 0 100%, 0 0);
}

/* block_e-3 */
.bwrap:has(.block_e-3){
	height: 30px;
	transform: translateY(-1px);
	clip-path: polygon(100% 0, 100% 2px, 50% 100%, 0 2px, 0 0);
}

/* block_e-4 */
.bwrap:has(.block_e-4){
	height: 30px;
	transform: translateY(-1px);
	clip-path: polygon(50% 2px, 100% 100%, 100% 0, 0 0, 0 100%);
}

/* block_e-5 */
.bwrap:has(.block_e-5){
	height: 40px;
	clip-path: url('#mask_e-3');
	transform: translateY(2px);
}

/* block_e-6 */
.bwrap:has(.block_e-6){
	height: 40px;
	clip-path: url('#mask_e-3_B');
	transform: translateY(1px);
}

/* block_e-7 */
.bwrap:has(.block_e-7){
	height: 40px;
	clip-path: url('#mask_e-4');
	transform: translateY(-1px);
}

/* block_e-8 */
.bwrap:has(.block_e-8){
	height: 40px;
	clip-path: url('#mask_e-4_B');
	transform: translateY(-1px);
}

/* block_e-12 */

.block_e-12 .cate_box{
    height: 3px;
    background-image: linear-gradient(to right, currentColor 8px, transparent 8px);
    background-size: 15px 100%;
	background-position: center;
}

/* block_e-13 */

.block_e-13 .cate_box{
    height: 10px;
    background-image: linear-gradient(to right, currentColor 2px, transparent 2px);
    background-size: 10px 100%;
	background-position: center;
}

/* block_e-14 */

.block_e-14 .cate_box{
    height: 15px;
    background-image: linear-gradient(-45deg, transparent 35%, currentColor 35%, currentColor 50%, transparent 50%, transparent 85%, currentColor 85%, currentColor);
    background-size: 15px 15px;
    background-position: center;
}

/* block_e-15 */

.block_e-15 .cate_box{
    height: 4px;
    background-image: linear-gradient(to bottom, currentColor 1px, transparent 1px, transparent calc(100% - 1px), currentColor calc(100% - 1px));
    background-size: 100%;
}

/* block_e-16 */

.block_e-16 path{
	fill: none;
	stroke: currentColor;
	stroke-miterlimit: 10;
	stroke-width: 2px
}

/* block_e-17 */

.block_e-17 polyline{
	fill: none;
	stroke: currentColor;
	stroke-miterlimit: 10;
	stroke-width: 2px;
}

/* block_e-18 ~ block_e-20 */

.block_e-18 path,
.block_e-20 path{
	fill: currentColor;
}
.block_e-19 path{
	stroke: currentColor;
}

/* block_e-21*/

.bwrap:has(.block_e-21) {
    height: 30px;
-webkit-mask-image: -webkit-linear-gradient(#000, transparent);
-webkit-mask-image: -o-linear-gradient(#000, transparent);
-webkit-mask-image: linear-gradient(#000, transparent);
    mask-image: linear-gradient(to bottom, #000, transparent);
}

/* block_e-22*/

.bwrap:has(.block_e-22) {
    height: 30px;
-webkit-mask-image: -webkit-linear-gradient(transparent, #000);
-webkit-mask-image: -o-linear-gradient(transparent, #000);
-webkit-mask-image: linear-gradient(transparent, #000);
    mask-image: linear-gradient(to bottom, transparent, #000 );
}

/* block_e-23*/

.bwrap:has(.block_e-23) {
    height: 40px;
    clip-path: url('#mask_e-23');
    transform: translateY(2px);
}

/* block_f-1 */
.block_f-1 .box_title1::before{
    position: absolute;
    content: "";
    width: 7%;
	aspect-ratio: 1;
    border-radius: 50%;
    border: solid 2px var(--color1);
    left: 0;
    top: 50%;
	transform: translateY(-50%);
	box-sizing: border-box;
}
.block_f-1 .box_title1::after {
    position: absolute;
    content: "";
    width: 6%;
    aspect-ratio: 2.7;
    border-left: solid 2px var(--color1);
    border-bottom: solid 2px var(--color1);
    left: 2%;
    top: 50%;
    transform: translateY(-115%) rotate(-45deg);
	box-sizing: border-box;
}

/* block_f-2 */
.block_f-2 .box_item:nth-child(1){
    aspect-ratio: 1;
    width: 30%;
	box-sizing: border-box;
}
.block_f-2 .box_item:nth-child(2){
	margin-top: -20px;
	box-sizing: border-box;
}
.block_f-2 .box_txt2::before{
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-top: solid 10px var(--color1);
	border-left: solid 6px transparent;
	border-right: solid 6px transparent;
	bottom: -9px;
	left: 0;
	right: 0;
	margin: auto;
}
.block_f-2 .box_txt2 .editTxt1{
	font-size: calc(1em + 20px);
	margin-top: 10px;
}

/* block_f-3 */
.block_f-3 .box_item{
	background-image: linear-gradient(to bottom, var(--color3), var(--color3));
	background-size: 50px 5px;
	background-repeat: no-repeat;
	background-position: top center;
}

/* block_f-4 */
.block_f-4 .box_title1::before, .block_f-4_B .box_title1::before {
    position: absolute;
    content: "";
    width: 6%;
	aspect-ratio: 1;
    border-radius: 50%;
    border: solid 2px var(--color1);
    left: 0;
    top: 50%;
	transform: translateY(-50%);
	box-sizing: border-box;
}
.block_f-4 .box_title1::after, .block_f-4_B .box_title1::after {
    position: absolute;
    content: "";
    width: 5%;
    aspect-ratio: 2.7;
    border-left: solid 2px var(--color1);
    border-bottom: solid 2px var(--color1);
    left: 1.8%;
    top: 50%;
    transform: translateY(-120%) rotate(-45deg);
	box-sizing: border-box;
}

/* block_f-4_B */
.block_f-4_B .box_title1::before {
    border: solid 2px #fff;
}
.block_f-4_B .box_title1::after {
    border-left: solid 2px #fff;
    border-bottom: solid 2px #fff;
}

/* block_f-5 */
.block_f-5 .check{
	left: 50%;
	top: -20px;
	transform: translateX(-50%);
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.block_f-5 .check::before {
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 50%;
    border: solid 2px #fff;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
	box-sizing: border-box;
}
.block_f-5 .check::after {
    position: absolute;
    content: "";
    width: 18px;
    height: 5px;
    border-left: solid 2px #fff;
    border-bottom: solid 2px #fff;
    left: 14px;
    top: 15px;
    transform: translateY(-50%) rotate(-45deg);
	box-sizing: border-box;
}

/* block_f-6 */
:root{
	--f-6_red: #FF4C46
}
.block_f-6 .box_txt1{
	background-color: var(--f-6_red);
    padding-left: 70px;
}
.block_f-6 .box_txt1 .exclamation{
    width: 40px;
    height: 40px;
    left: 4%;
    top: calc(50% - 22px);
    clip-path: polygon(50% 0, 0 100%, 100% 100%);
    background-color: #fff;
}
.block_f-6 .box_txt1 .exclamation::before, .block_f-6 .box_txt1 .exclamation::after{
    position: absolute;
    content: "";
    width: 4px;
    border-radius: 6px;
    background-color: var(--f-6_red);
    left: 0;
    right: 0;
    margin: auto;
}
.block_f-6 .box_txt1 .exclamation::before{
    height: 16px;
    width: 6px;
    top: 14px;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.block_f-6 .box_txt1 .exclamation::after{
    height: 4px;
    top: 31px;
}

/* block_f-7 */

.block_f-7 .cate_box{
	padding: 0 2%;
	margin-bottom: 2%;
	position: relative
}
.block_f-7 .cate_box::before{
    position: absolute;
    content: "";
    width: 30%;
    aspect-ratio: 1;
    background-color: var(--color1);
    border-radius: 50%;
    top: 0;
    left: 0;
    transform: translate(-10%, -20%);
    z-index: 1;
}
.block_f-7 .cate_box::after{
    position: absolute;
    content: "";
    width: 12%;
    aspect-ratio: 2;
    border-left: solid 2px #fff;
    border-bottom: solid 2px #fff;
    top: 0;
    left: 0;
    transform: rotate(-45deg) translate(20%, 120%);
    z-index: 1;
    box-sizing: border-box;
}

/* block_f-7_B */

.block_f-7_B .cate_box::before{
    background-color: var(--color3);
}

/* block_f-8 */

.block_f-8 .cate_box{
	margin-bottom: 6%;
}
.block_f-8 .cate_box .box_txt1::before, .block_f-8 .cate_box .box_txt1::after{
    position: absolute;
    content: "";
    width: 6%;
    aspect-ratio: 1.5;
    border-radius: 100%;
    background-color: inherit;
    left: 2%;
    bottom: 0;
    transform: translateY(60%);
}
.block_f-8 .cate_box .box_txt1::after{
    width: 4%;
    transform: translate(-50%,200%);
}
.block_f-8 .cate_box:nth-of-type(odd){
    padding-left: 0
}
.block_f-8 .cate_box:nth-of-type(even){
    padding-right: 0
}
.block_f-8 .cate_box:nth-of-type(even) .box_txt1::before, .block_f-8 .cate_box:nth-of-type(even) .box_txt1::after{
    left: auto;
    right: 2%;
}
.block_f-8 .cate_box:nth-of-type(even) .box_txt1::after{
    transform: translate(50%,200%);
}

/* block_f-7_B */

.block_f-7_B{
    filter: drop-shadow(0 3px 4px rgba(0,0,0,0.2))
}
.block_f-7_B .cate_box{
    aspect-ratio: 1.1
}
.block_f-7_B .box_bg{
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    background-image: linear-gradient(to bottom, var(--color1), var(--color4));
}

/* block_f-9 / block_f-10 / block_f-11 */

.block_f-9, .block_f-10, .block_f-11{
	padding: 0 2%;
    filter: drop-shadow(0 3px 4px rgba(0,0,0,0.2))
}
.block_f-11 .cate_box{
    aspect-ratio: 1.1
}
.block_f-11 .box_bg{
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
.block_f-9 .box_txt1, .block_f-10 .box_txt1, .block_f-11 .box_txt1{
	padding-top: 34%;
}
.block_f-9 .box_txt1::after, .block_f-10 .box_txt1::after, .block_f-11 .box_txt1::after{
    position: absolute;
    content: "";
    width: 15%;
    aspect-ratio: 2;
    left: 0;
    right: 0;
    margin: auto;
    top: 11%;
    margin-top: 5%;
    border-left: solid 2px;
    border-bottom: solid 2px;
    transform: rotate(-45deg);
	box-sizing: border-box;
}

/* block_f-12 */

.block_f-12 .box_title1::before{
    position: absolute;
    content: "";
    width: 8%;
    aspect-ratio: 1;
    margin: auto;
    top: 50%;
    left: 2%;
    transform: translateY(-50%);
    border: solid 1px;
	box-sizing: border-box;
}
.block_f-12 .box_title1::after{
	position: absolute;
    content: "";
    width: 4%;
    aspect-ratio: 2;
    left: 6%;
    margin: auto;
    top: 50%;
    border-left: solid 1px;
    border-bottom: solid 1px;
    transform: rotate(-45deg) translateY(-120%);
	box-sizing: border-box;
}

/* block_f-13 */

.block_f-13 .box_item{
    border-radius: 0 50px 50px 0;
    margin-right: 5%
}
.block_f-13 .box_txt1{
	padding-left: 13%;
}
.block_f-13 .box_txt1::before{
	position: absolute;
	content: "";
	width: 8%;
	aspect-ratio: 1;
	border: solid 1px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 50%;
	box-sizing: border-box;
}
.block_f-13 .box_txt1::after{
    position: absolute;
    content: "";
    width: 4%;
    aspect-ratio: 1.8;
    left: 3.5%;
    margin: auto;
    top: 50%;
    border-left: solid 1px;
    border-bottom: solid 1px;
    transform: rotate(-45deg) translateY(-100%);
    box-sizing: border-box;
}

/* block_f-14 */

.block_f-14 .box_title1::before{
    position: absolute;
    content: "";
    width: 8%;
    aspect-ratio: 1;
    margin: auto;
    top: 50%;
    left: 2%;
    transform: translateY(-50%);
    border: solid 1px;
	box-sizing: border-box;
}
.block_f-14 .box_title1::after{
	position: absolute;
    content: "";
    width: 4%;
    aspect-ratio: 2;
    left: 6%;
    margin: auto;
    top: 50%;
    border-left: solid 1px;
    border-bottom: solid 1px;
    transform: rotate(-45deg) translateY(-120%);
	box-sizing: border-box;
}

/* block_f-16 */
.block_f-16 .editImg1 img {
    object-fit: cover;
    transform: none;
    position: static;
    aspect-ratio: 1;
}
/* block_f-17 */
.block_f-17 .box_title1::before {
    position: absolute;
    content: "";
    width: 6%;
    aspect-ratio: 1;
    border-radius: 50%;
    border: solid 2px var(--color1);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;    
}
.block_f-17 .box_title1::after {
    position: absolute;
    content: "";
    width: 5%;
    aspect-ratio: 2.7;
    border-left: solid 2px var(--color1);
    border-bottom: solid 2px var(--color1);
    left: 1.8%;
    top: 50%;
    transform: translateY(-120%) rotate(-45deg);
    box-sizing: border-box;    
}
.block_f-17_B .box_title1::before {
    border: solid 2px #fff;
}
.block_f-17_B .box_title1::after {
    border-left: solid 2px #fff;
    border-bottom: solid 2px #fff;
}

.block_f-17 .profile_item {
    padding: 10px 0 10px calc(6% + 10px);
}
.block_f-17 .profile_item::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background: radial-gradient(circle, #909090 20%, transparent 20%) 0 0 / 10px 10px repeat-x;    
}
.block_f-17_B .profile_item::after {
    background: radial-gradient(circle, #fff 20%, transparent 20%) 0 0 / 10px 10px repeat-x;    
}

/* block_g-1 */
.block_g-1 .box_item{
	margin-top: -20px;
}
.block_g-1 .box_title1{
	border-radius: 0 20px 0 0;
	box-sizing: border-box;
	max-width: calc(100% - 40px);
	font-family: var(--font_montserrat);
	font-weight: 600;
}

/* block_g-2 */
.block_g-2 .box_title1{
	z-index: 1;
	font-family: var(--font_montserrat);
	font-weight: 600;
	clip-path: polygon(20px 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 20px 100%, 0% 50%);
}
.block_g-2 .box_img1{
	margin-top: -15px;
}
.block_g-2 .box_img1 img{
	box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}
.block_g-2 .box_item{
	margin-top: -20px;
}

/* block_g-3 */
.block_g-3 .box_img1{
	margin-top: -20px;
}
.block_g-3 .box_img1 img{
	box-shadow: 0 2px 4px rgba(0,0,0,0.15);
}

/* block_g-4 */
.block_g-4 .box_img1::before, .block_g-4_B .box_img1::before{
	position: absolute;
	content: "";
	width: 1px;
	height: 50px;
	background-color: var(--color1);
	bottom: -30px;
	left: 0;
	right: 0;
	margin: auto;
}

/* block_g-4_B */
.block_g-4_B .box_img1::before{
	background-color: #fff;
}

/* block_g-5 */
.block_g-5 .box_title1::before, .block_g-5_B .box_title1::before{
    position: absolute;
    content: "";
    width: 9px;
    height: 9px;
    left: -5px;
    top: 10px;
    background-color: currentColor;
    border-radius: 50%;
}

/* block_g-6 / block_g-28 */

.block_g-6 img, .block_g-28 img{
	aspect-ratio: 4 / 3;
	object-fit: cover;
}
.PgeE03 .block_g-6 .swiper::before, .PgeE03 .block_g-28 .swiper::before{
	content: "※実際の動きはプレビュー画面でご確認ください\A※画像は「横幅4：高さ3」の比率で切り抜かれます";
}
#MainWrap .block_g-6:has(.swiper.pc_active), #MainWrap .block_g-28:has(.swiper.pc_active){
    overflow: hidden;
}
#MainWrap .block_g-6 .swiper.pc_active, #MainWrap .block_g-28 .swiper.pc_active{
    width: 563px;
}

/* block_g-7 / block_g-29 */

.block_g-7 img, .block_g-29 img{
	aspect-ratio: 4 / 3;
	object-fit: cover;
}
.PgeE03 .block_g-7 .swiper::before, .PgeE03 .block_g-29 .swiper::before{
	content: "※実際の動きはプレビュー画面でご確認ください\A※画像は「横幅4：高さ3」の比率で切り抜かれます";
}
.block_g-7 .swiper-button-prev, .block_g-7 .swiper-button-next, .block_g-29 .swiper-button-prev, .block_g-29 .swiper-button-next, .block_h-11 .swiper-button-prev, .block_h-11 .swiper-button-next{
	border-radius: 0;
	background-color: transparent!important;
	box-shadow: none;
}
.block_g-7 .swiper-button-prev::before, .block_g-7 .swiper-button-next::before, .block_g-29 .swiper-button-prev::before, .block_g-29 .swiper-button-next::before, .block_h-11 .swiper-button-prev::before, .block_h-11 .swiper-button-next::before{
	border-color: var(--color1)!important;
	width: 15px;
	height: 15px;
}
.block_g-7 .swiper-button-prev::before, .block_g-29 .swiper-button-prev::before, .block_h-11 .swiper-button-prev::before{
	left: 17px;
}
.block_g-7 .swiper-button-next::before, .block_g-29 .swiper-button-next::before, .block_h-11 .swiper-button-next::before{
	left: auto;
	right: 17px;
}
.block_g-7 .swiper-pagination-bullet, .block_g-29 .swiper-pagination-bullet, .block_h-11 .swiper-pagination-bullet{
    border-radius: 0;
    width: 30px;
    height: 2px;
    transform: none!important;
}
.block_g-7_B .swiper-button-prev::before, .block_g-7_B .swiper-button-next::before, .block_g-29_B .swiper-button-prev::before, .block_g-29_B .swiper-button-next::before, .block_h-11_B .swiper-button-prev::before, .block_h-11_B .swiper-button-next::before{
	border-color: #fff!important;
}
.block_g-7_B .swiper-pagination-bullet, .block_g-29_B .swiper-pagination-bullet, .block_h-11_B .swiper-pagination-bullet{
	background-color: #fff!important;
	opacity: 0.2;
	box-shadow: none;
}
.block_g-7_B .swiper-pagination-bullet-active, .block_g-29_B .swiper-pagination-bullet-active, .block_h-11_B .swiper-pagination-bullet-active{
	background-color: #fff!important;
	opacity: 1;
}
#MainWrap .block_g-7:has(.swiper.pc_active), #MainWrap .block_g-29:has(.swiper.pc_active), #MainWrap .block_h-11:has(.swiper.pc_active){
    overflow: hidden;
}
#MainWrap .block_g-7 .swiper.pc_active, #MainWrap .block_g-29 .swiper.pc_active, #MainWrap .block_h-11 .swiper.pc_active{
    width: 563px;
}

/* block_g-8 */

.block_g-8 .box_title1{
	border-radius: 0 50px 50px 0;
    padding: 2% 0%;
    text-align: center;
}

/* block_g-9 */

.block_g-9 .box_title1{
	background-image: linear-gradient(to bottom, currentColor, currentColor);
	background-size: 8% 1px;
	background-position: left center;
	background-repeat: no-repeat;
}

/* block_g-10 */

.block_g-10 .box_item {
    clip-path: polygon(100% 0, 100% calc(100% - 26px), calc(100% - 26px) 100%, 0 100%, 0 0);
}
.block_g-10 .box_item::before{
    position: absolute;
    content: "";
    width: 26px;
    height: 26px;
    right: 0;
    bottom: 0;
    background-color: var(--color2);
}
.block_g-10 .box_title1{
    z-index: 1
}
.block_g-10 .box_item_wrap{
    filter: drop-shadow(0 3px 10px rgba(0,0,0,0.1))
}

/* block_g-11 */

.block_g-11 .box_title1{
    position: relative;
    background-color: transparent;
    clip-path: none!important;
    z-index: 1;
}
.block_g-11 .box_title1::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: var(--color1);
    clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
}
.block_g-11_B .box_title1::before{
    background-color: var(--color3);
}

/* block_g-13 */

.block_g-13 .cate_box{
    width: 95%;
    box-sizing: border-box
}
.block_g-13 .cate_box:nth-of-type(odd){
    margin-left: auto
}
.block_g-13 .cate_box:nth-of-type(even){
    margin-right: auto
}
.block_g-13 .cate_box:nth-of-type(odd) .box_img1{
    transform: rotate(-7deg);
    margin-left: -20%;
    margin-right: 12%;
    margin-bottom: -25px;
}
.block_g-13 .cate_box:nth-of-type(even) .box_img1{
    transform: rotate(7deg);
    margin-right: -20%;
    margin-left: 12%;
    margin-bottom: -25px;
}

/* block_g-15 */

.block_g-15 .box_item1{
    align-content: flex-start;
}
.block_g-15 .box_title1{
    aspect-ratio: 1.1;
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
.block_g-15 .box_title1 .editTxt1{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

/* block_g-18 */

.block_g-18 .dupe_box:last-of-type{
    margin-bottom: 0
}
.block_g-18 .box_img1 img{
    -webkit-mask-image: -webkit-linear-gradient(to bottom, transparent, #000 50px);
    mask-image: linear-gradient(to bottom, transparent, #000 100px);
}

/* block_g-19 */

.block_g-19 .cate_box{
    padding: 0 2%;
    margin-bottom: 4%
}

/* block_g-20 */

.block_g-20 .cate_box{
    padding: 0 2%;
    margin-bottom: 4%
}

/* block_g-21 */

.block_g-21 .cate_box:nth-of-type(even){
    flex-direction: row-reverse
}

/* block_g-27 */

.block_g-27 .item1 .editImg1 {
	height: 100%;
	width: auto;
}  
.block_g-27 .item1 .editImg1 img {
    width: 100%;
    height: 100%;
	object-fit: cover;
}
.block_g-27 .cate_box:nth-of-type(even) .box_item_wrap .item1 {
    order:1;
}
.block_g-27 .img_2 .editImg1{
	width: 95%;
}
.block_g-27 .img_2 .editImg1 img {
	aspect-ratio: 16 / 9;
	object-fit: cover;
}
.block_g-27 .cate_box:nth-of-type(even) .img_2 .editImg1{
    margin-left:5%;
}

/* block_h-1 */

.block_h-1 .box_txt1, .block_h-1_B .box_txt1{
    filter: drop-shadow(0 2px 2px rgba(0,0,0,0.15))
}
.block_h-1 .box_txt1::before, .block_h-1_B .box_txt1::before{
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-left: solid 10px transparent;
	border-right: solid 10px transparent;
	border-bottom: solid 20px #fff;
	left: 0;
	right: 0;
	top: -20px;
	margin: auto
}
.block_h-1 .box_txt1 > div, .block_h-1_B .box_txt1 > div{
    display: inline-block;
    text-align: left
}

/* block_h-1_B */
.block_h-1_B .box_txt1{
    filter: none
}
.block_h-1_B .box_txt1::before{
	border-bottom: solid 20px var(--color2);
}

/* block_h-2 */
.block_h-2{
    filter: drop-shadow(0 2px 2px rgba(0,0,0,0.15))
}
.block_h-2 .cate_box{
    background-image: linear-gradient(to bottom, var(--color1), var(--color1));
    background-repeat: no-repeat;
    background-size: 100% 1px;
    background-position: 0 10px;
}
.block_h-2 .cate_box::before{
    position: absolute;
    content: "";
    border-top: solid 20px transparent;
    border-bottom: solid 20px transparent;
    border-right: solid 20px #fff;
    bottom: -20px;
    right: 20px
}
.block_h-2 .cate_box::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: var(--color1);
    left: 0;
    bottom: 10px
}

/* block_h-4 */
.block_h-4, .block_h-4_B{
	padding-top: 25px;
}
.block_h-4 .box_img1, .block_h-4_B .box_img1{
	width: 120px;
	margin-top: -50px;
}
.block_h-4 .box_title1, .block_h-4_B .box_title1{
	width: calc(100% - 120px);
	box-sizing: border-box;
}

/* block_h-5 */
.block_h-5 .box_item{
	background-image: linear-gradient(to right, var(--color1), var(--color3));
	margin-top: -20px;
	margin-left: -10px;
}
.block_h-5 .cate_box{
	filter: drop-shadow(0 2px 2px rgba(0,0,0,0.15));
}
.block_h-5 .cate_box::before{
	position: absolute;
	content: "";
	clip-path: polygon(0 0, 100% 0, 100% 100%);
	width: 20px;
	height: 20px;
	background-color: #fff;
	right: 20px;
	bottom: -19px;
}
.block_h-5 .box_item::before{
	position: absolute;
	content: "";
	clip-path: polygon(0 0, 100% 0, 0% 100%);
	background-color: var(--color3);
	width: 20px;
	height: 100%;
	right: -20px;
	top: 0;
}
.block_h-5 .box_item::after{
	position: absolute;
	content: "";
	clip-path: polygon(0 0, 100% 0, 100% 100%);
	background-color: var(--black);
	width: 10px;
	height: 10px;
	left: 0;
	bottom: -10px;
}

/* block_h-7 */

.block_h-7 .cate_box::before, .block_h-7 .cate_box::after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-bottom: solid 20px transparent;
}
.block_h-7 .cate_box::before{
    border-right: solid 20px var(--color1);
    right: 5%;
    bottom: -20px;
}
.block_h-7 .cate_box::after {
    border-right: solid 20px #fff;
    right: calc(5% + 1px);
    bottom: -18px;
}

/* block_h-8 */

.block_h-8{
	filter: drop-shadow(0 2px 3px rgb(0 0 0 / 0.1));
}
.block_h-8 .cate_box::before{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: solid 14px transparent;
    border-right: solid 16px #fff;
    border-bottom: solid 14px transparent;
    right: 20px;
    bottom: -14px;
}
.block_h-8 .box_title2{
    background-image: linear-gradient(to bottom, currentColor, currentColor);
    background-size: 100% 1px;
    background-repeat: no-repeat;
    background-position: center;
}

/* block_i-1 */
.block_i-1 .box_title1{
	cursor: pointer;
	outline: none;
	list-style: none;
}
.block_i-1 .box_title1::-webkit-details-marker{
    display:none;
}
.block_i-1 .box_title1::after{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-left: solid 2px var(--color1);
    border-top: solid 2px var(--color1);
    top: 15px;
    right: 0;
    transform: rotate(225deg);
    transition: 0.3s;
}
.block_i-1 .cate_box[open] .box_title1::after{
	transform: rotate(45deg);
    top: 20px;
}
.block_i-1 .open_wrap.open .box_title1::after{
	transform: rotate(45deg);
    top: 20px;
}
.block_i-1 .box_title1, .block_i-1 .box_txt1{
	padding-left: 60px;
}
.block_i-1 .box_txt1{
    min-height: calc(3em + 30px);
    box-sizing: border-box;
}
.block_i-1 .box_title1::before, .block_i-1 .box_txt1::before{
	position: absolute;
	width: 50px;
	height: 50px;
	line-height: 50px;
	left: 0;
	text-align: center;
	border-radius: 50%;
	font-size: 20px;
	font-weight: normal;
	font-family: var(--font_montserrat);
	font-weight: bold;
}
.block_i-1 .box_title1::before{
	content: "Q";
	background-color: var(--color1);
	color: #fff;
	top: 0;
}
.block_i-1 .box_txt1::before{
	content: "A";
	color: var(--color1);
	border: solid 1px;
	line-height: 49px;
	top: 20px;
	box-sizing: border-box;
}
@media screen and (min-width: 561px){
	.block_i-1 .box_title1::before{
		top: 8px
	}
	.PgeE03 .block_i-1 .box_title1::before{
		top: 0
	}
	.block_i-1 .box_txt1::before{
		top: 12px
	}
	.PgeE03 .block_i-1 .box_txt1::before{
		top: 20px
	}
	.block_i-1 .box_title1::after {
		top: 24px;
	}
	.PgeE03 .block_i-1 .box_title1::after {
		top: 15px;
	}
	.block_i-1 .cate_box[open] .box_title1::after {
		top: 29px;
	}
	.block_i-1 .open_wrap.open .box_title1::after {
		top: 29px;
	}
}
.block_i-1.custom1{
    .box_title1, .box_txt1 {
        padding: 0;
    	&::before{
    	    position: static;
            display: block;
            width: 13%;
            aspect-ratio: 1;
        	line-height: 1;
            height: auto;
            align-content: center;
            margin-bottom: auto;
        }
    	.editTxt1{
            width: 84%;
            padding: 0px 3%;
        	box-sizing: border-box
        }
    }
    
    .box_title1::after {
        position: static;
        display: block;
        width: 3%;
        aspect-ratio: 1;
        box-sizing: border-box;
        height: auto;
    }
}

/* block_i-2 */
.block_i-2 .open_bt, .block_i-2_B .open_bt{
	cursor: pointer;
	outline: none;
	list-style: none;
}
.block_i-2 .open_bt::-webkit-details-marker, .block_i-2_B .open_bt::-webkit-details-marker{
    display:none;
}
.block_i-2 .open_bt .box_title1, .block_i-2_B .open_bt .box_title1{
    margin-left: 15%;
	letter-spacing: 1px;
}
.block_i-2 .open_bt .box_title1::before, .block_i-2_B .open_bt .box_title1::before{
    content: "Q.";
    position: absolute;
    left: 0;
    top: 0;
    transform: translateX(-130%);
    color: var(--color1);
    display: inline-block;
    vertical-align: baseline;
}
@media screen and (min-width: 561px){
	#MainWrap .block_i-2 .open_bt .box_title1::before, #MainWrap .block_i-2_B .open_bt .box_title1::before{
		font-size: 150%;
	}
}

.block_i-2 .arrow, .block_i-2_B .arrow{
    left: 0;
    top: 0;
    transform: translateY(10%);
    width: 5%;
    aspect-ratio: 1;
    display: block;
}
.block_i-2 .open_bt .arrow::before, .block_i-2 .open_bt .arrow::after, .block_i-2_B .open_bt .arrow::before, .block_i-2_B .open_bt .arrow::after{
	position: absolute;
	content:'';
	width: 100%;
	height: 2px;
	background-color: var(--color1);
	transition: all 0.5s;
}
.block_i-2 .open_bt .arrow::before, .block_i-2_B .open_bt .arrow::before{
	top: 48%;
	left: 0;
	transform: rotate(180deg);
	transition: all 0.5s;
}
.block_i-2 .open_bt .arrow::after, .block_i-2_B .open_bt .arrow::after{    
	top:48%;
	left: 0;
	transform: rotate(-90deg);
	transition: all 0.5s;
}
.block_i-2[open] .open_bt .arrow::before, .block_i-2_B[open] .open_bt .arrow::before{
	transform: rotate(0deg);
}
.block_i-2[open] .open_bt .arrow::after, .block_i-2_B[open] .open_bt .arrow::after{
	transform: rotate(0deg);
}
.block_i-2 .open_wrap.open .arrow::before{
	transform: rotate(0deg);
}
.block_i-2 .open_wrap.open .arrow::after{
	transform: rotate(0deg);
}

/* block_i-2_B */
.block_i-2_B .open_bt .box_title1::before{
	color: #fff;
}

.block_i-2_B .open_bt .arrow::before, .block_i-2_B .open_bt .arrow::after{
	background-color: #fff;
}

/* block_i-3 */
.block_i-3 .cate_box, .block_i-3_B .cate_box{
    margin-top: -1px
}
.block_i-3 .box_item, .block_i-3_B .box_item{
    width: calc(100% - 100px);
    box-sizing: border-box
}

/* block_i-4 */
.block_i-4 .box_q, .block_i-4 .box_a, .block_i-4_B .box_q, .block_i-4_B .box_a{
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	font-family: var(--font_montserrat);
	font-weight: 600;
}
.block_i-4 .box_title1, .block_i-4 .box_txt1, .block_i-4_B .box_title1, .block_i-4_B .box_txt1{
	width: calc(100% - 40px);
	box-sizing: border-box;
}
.block_i-4 .box_title1 > div, .block_i-4 .box_txt1 > div, .block_i-4_B .box_title1 > div, .block_i-4_B .box_txt1 > div{
	width: 100%;
}

/* block_i-5 */
.block_i-5 .box_title1, .block_i-5_B .box_title1{
	font-family: var(--font_mohave);
	font-size: 50px;
}
.block_i-5 .box_title2, .block_i-5_B .box_title2{
	box-sizing: border-box;
	line-height: 1.2;
}
.block_i-5 .box_title2 > div, .block_i-5_B .box_title2 > div{
	width: 100%;
}

/* block_i-6 */

@media screen and (min-width: 561px){
	#MainWrap .block_i-6 .q_txt{
		font-size: 150%;
	}
}

/* block_i-7 */

.bwrap:has(.block_i-7){
	overflow: hidden;
}
.block_i-7 .box_item{
    left: -6%
}
.block_i-7 .box_title1{
    box-sizing: border-box;
}
.block_i-7 .box_title1::before{
    position: absolute;
    content: "";
    height: 100%;
    width: 1px;
    right: 10%;
    top: 0;
    background-color: #fff;
    transform: rotate(25deg);
}

/* 
block_j-3
.block_j-3 .box_title1 > div{
	display: inline;
}

block_j-4
.block_j-4 .box_title1 > div{
	display: inline;
}
*/

/* block_j-2 */
.block_j-2 .editTag1{
	aspect-ratio: 1.5;
}

/* block_j-4 */
.block_j-4 .editTag1{
	aspect-ratio: 0.75;
}

/* block_j-13 */
.copyright_txt::before{
    content: "©";
    margin-right: 0.5em;
}
@media screen and (min-width: 561px){
	#MainWrap .copyright, #MainWrap .copyright_txt{
	    font-size: 150%;
        letter-spacing: 1.5px
	}
}

/* block_k-1 */
.block_k-1_2 .dupe_box:last-of-type, .block_k-1_3 .dupe_box:last-of-type, .block_k-1_4 .dupe_box:last-of-type{
	margin-bottom: 0;
}
.block_k-1_2 .dupe_box:not(:last-of-type) .cate_box::before, .block_k-1_3 .dupe_box:not(:last-of-type) .cate_box::before, .block_k-1_4 .dupe_box:not(:last-of-type) .cate_box::before{
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-left: solid 20px transparent;
	border-top: solid 20px var(--color1);
	border-right: solid 20px transparent;
	left: 0;
	right: 0;
	bottom: -30px;
	margin: auto;
}
.block_k-1_2 .box_title1, .block_k-1_3 .box_title1, .block_k-1_4 .box_title1{
	font-family: var(--font_montserrat);
	border-radius: 0 0 10px 10px;
}

/* block_k-2 */

.block_k-2_2 .cate_box{
    padding-left: 12%;
}
.block_k-2_2 .cate_box::before, .block_k-2_3 .cate_box::before, .block_k-2_4 .cate_box::before, .block_k-2_2_B .cate_box::before, .block_k-2_3_B .cate_box::before, .block_k-2_4_B .cate_box::before{
	position: absolute;
	content: "";
	width: 2px;
	height: 100%;
	left: calc(6% - 1px);
	top: 0;
	background-color: var(--color1);
}
.block_k-2_2 .box_title1, .block_k-2_3 .box_title1, .block_k-2_4 .box_title1, .block_k-2_2_B .box_title1, .block_k-2_3_B .box_title1, .block_k-2_4_B .box_title1{
    top: 0;
    left: 0;
    width: 12%;
    aspect-ratio: 1;
    padding-top: 8px;
    box-sizing: border-box;
    font-family: var(--font_montserrat);
}
.block_k-2_2 .box_title1::before, .block_k-2_3 .box_title1::before, .block_k-2_4 .box_title1::before, .block_k-2_2_B .box_title1::before, .block_k-2_3_B .box_title1::before, .block_k-2_4_B .box_title1::before{
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-left: solid 6px transparent;
	border-top: solid 8px var(--color1);
	border-right: solid 6px transparent;
	left: 0;
	right: 0;
	bottom: -8px;
	margin: auto;
}

/* block_k-3 */

.block_k-3 .cate_box{
    border-radius: 0 10px 10px 0
}
.block_k-3 .box_txt1{
    border-radius: 0 9999px 9999px 0
}

/* block_k-2_B */

.block_k-2_2_B .cate_box::before, .block_k-2_3_B .cate_box::before, .block_k-2_4_B .cate_box::before{
	background-color: #fff;
}
.block_k-2_2_B .box_title1::before, .block_k-2_3_B .box_title1::before, .block_k-2_4_B .box_title1::before{
	border-top: solid 8px #fff;
}

/* block_k-5 / block_k-6 */

.block_k-5, .block_k-6{
	--topsize : 0.75em
}
.block_k-5 .box_title1::before, .block_k-5 .box_title1::after, .block_k-6 .box_title1::before, .block_k-6 .box_title1::after{
	position: absolute;
	content: "";
	background-color: currentColor;
}
.block_k-5 .box_title1::before, .block_k-6 .box_title1::before{
    width: 9px;
    height: 9px;
    border-radius: 50%;
    left: 0;
    top: var(--topsize);
    transform: translateY(-50%);
}
.block_k-5 .box_title1::after, .block_k-6 .box_title1::after{
    width: 1px;
    top: 0;
    bottom: 0;
    left: 4px;
}
.block_k-5 .cate_box:first-of-type .box_title1::after, .block_k-6 .cate_box:first-of-type .box_title1::after{
	top: calc(var(--topsize) + 2px);
}
.block_k-5 .cate_box:last-of-type .box_title1::after, .block_k-6 .cate_box:last-of-type .box_title1::after{
	bottom: calc(100% - (var(--topsize) + 2px));
}

@media screen and (min-width: 561px){
	#MainWrap .block_k-5 .box_title1::before, #MainWrap .block_k-6 .box_title1::before{
		top: calc(var(--topsize) * 1.5);
	}
	#MainWrap .block_k-5 .cate_box:first-of-type .box_title1::after, #MainWrap .block_k-6 .cate_box:first-of-type .box_title1::after{
		top: calc((var(--topsize) + 2px) * 1.5);
	}
	#MainWrap .block_k-5 .cate_box:last-of-type .box_title1::after, #MainWrap .block_k-6 .cate_box:last-of-type .box_title1::after{
		bottom: calc(100% - ((var(--topsize) + 2px) * 1.5));
	}
}

/* block_k-7 */

.block_k-7 .dupe_box:last-of-type .line {
	display:none;
}
.block_k-7 .line:after{
    content: "";
    position: absolute;
    bottom: 2.5%; /* 矢印の位置調整 */
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    width: 8px;
    height: 8px;
    border-right: 2px solid; /* 右の線 */
    border-bottom: 2px solid; /* 下の線 */
}

/* block_k-8 / block_k-9 */

.block_k-8 .cate_box:not(:last-of-type)::before, .block_k-9 .cate_box:not(:last-of-type)::before{
    position: absolute;
    content: "";
    border-left: solid 4px;
    height: 100%;
    left: calc(16.6% - 4px);
    top: 0;
}
.block_k-8 .cate_box:last-of-type, .block_k-9 .cate_box:last-of-type{
    padding-bottom: 0;
}
.block_k-8 .img_border_rad_s img, .block_k-9 .img_border_rad_s img{
    border: 4px solid;	
}

/* block_l-1 */

.block_l-1 .box_img1, .block_l-1_B .box_img1{
	margin-bottom: auto;
}
.block_l-1 .left_box .dupe_box:first-of-type .box_txt1::before,
.block_l-1 .left_box .dupe_box:first-of-type .box_txt1::after,
.block_l-1 .right_box .dupe_box:first-of-type .box_txt1::before,
.block_l-1_B .left_box .dupe_box:first-of-type .box_txt1::before,
.block_l-1_B .right_box .dupe_box:first-of-type .box_txt1::before{
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	top: calc(20px + 0.5em);
	border-top: solid 6px transparent;
	border-bottom: solid 6px transparent;
}
.block_l-1 .left_box .dupe_box:first-of-type .box_txt1::before{
	border-right: solid 8px var(--color4);
	left: -8px;
}
.block_l-1_B .left_box .dupe_box:first-of-type .box_txt1::before{
	border-right: solid 8px #fff;
	left: -8px;
}
.block_l-1 .left_box .dupe_box:first-of-type .box_txt1::after{
	border-right: solid 8px #fff;
	left: -6px;
}
.block_l-1 .right_box .dupe_box:first-of-type .box_txt1::before,
.block_l-1_B .right_box .dupe_box:first-of-type .box_txt1::before{
	border-left: solid 8px var(--color2);
	right: -8px;
}

/* block_l-2 */

.block_l-2{
	filter: drop-shadow(0 3px 5px rgba(0,0,0,0.2));
}
.block_l-2 .cate_box{
	padding-right: 80px;
	clip-path: polygon(calc(100% - 60px) 10px, calc(100% - 50px) 0, 100% 0, 100% 100%, calc(100% - 50px) 100%, calc(100% - 60px) calc(100% - 10px), calc(100% - 70px) 100%, 0 100%, 0 0, calc(100% - 70px) 0);
}
.block_l-2 .kiritori{
    width: 0;
    height: calc(100% - 30px);
    border-left: dotted 4px var(--color4);
    top: 15px;
    right: 58px;
}
.block_l-2 .coupon_txt{
	transform: translateY(-50%) rotate(90deg);
	right: -16px;
	top: 50%;
	font-family: var(--font_montserrat);
	font-weight: 600;
}
.block_l-2 .box_title2{
	font-family: var(--font_mohave);
	font-weight: bold;
	font-size: 60px;
}

/* block_l-3 */

.block_l-3 .cate_box, .block_l-3_B .cate_box{
	aspect-ratio: 1;
	filter: drop-shadow(0 3px 3px rgba(0,0,0,0.3));
}
.block_l-3 .box_ribbon, .block_l-3_B .box_ribbon{
	aspect-ratio: 1;
}
.block_l-3 .box_ribbon::before, .block_l-3 .box_ribbon::after, .block_l-3_B .box_ribbon::before, .block_l-3_B .box_ribbon::after{
	position: absolute;
	content: "";
	width: 20%;
	height: 20%;
	bottom: -20px;
	top: 90%;
	background-image: linear-gradient(to bottom, #c01919, #7c0303);
	clip-path: polygon(100% 0, 100% 100%, 50% 80%, 0 100%, 0 0);
	transform-origin: top center;
}
.block_l-3 .box_ribbon::before, .block_l-3_B .box_ribbon::before{
	transform: rotate(45deg);
	left: 20%;
}
.block_l-3 .box_ribbon::after, .block_l-3_B .box_ribbon::after{
	transform: rotate(-45deg);
	left: 60%;
}
.block_l-3 .box_back1, .block_l-3 .box_back2, .block_l-3_B .box_back1, .block_l-3_B .box_back2{
	aspect-ratio: 1;
	border-radius: 50%;
}
.block_l-3 .box_back1, .block_l-3_B .box_back1{
	background-image: linear-gradient(45deg, #a77f29, #e0df76 50%, #c5b355 58%, #e0df76);
}
.block_l-3 .box_back2, .block_l-3_B .box_back2{
	background-image: linear-gradient(135deg, #ebdc74, #fff7c1 50%, #f7e68e 51%, #f3ebb3 70%);
	box-shadow: 
	inset 3px 3px 3px rgba(78, 57, 0, 0.4),
	inset -3px -3px 3px rgba(255, 255, 255, 0.6);
}

/* block_l-3_B */

.block_l-3_B .box_back2{
	background-image: linear-gradient(135deg, #132a3d, #1a496f 50%, #183a57 51%, #234f73 70%);
	box-shadow: 
	inset 3px 3px 3px rgba(0,0,0,.5),
	inset -3px -3px 3px rgba(255, 255, 255, 0.3);
}

/* block_l-4 / block_l-13 */

.block_l-4 img, .block_l-13 img{
	aspect-ratio: 4 / 3;
	object-fit: cover;
}
.PgeE03 .block_l-4 .swiper::before, .PgeE03 .block_l-13 .swiper::before{
	content: "※実際の動きはプレビュー画面でご確認ください\A※画像は「横幅4：高さ3」の比率で切り抜かれます";
}

/* block_l-5 / block_l-14 */

.block_l-5 img, .block_l-14 img{
	aspect-ratio: 4 / 3;
	object-fit: cover;
}
.PgeE03 .block_l-5 .swiper::before, .PgeE03 .block_l-14 .swiper::before{
	content: "※実際の動きはプレビュー画面でご確認ください\A※画像は「横幅4：高さ3」の比率で切り抜かれます";
}

/* block_l-6 */

.block_l-6 .box_item::before, .block_l-6 .box_item::after{
	position: absolute;
	content: "";
	width: 30%;
	background-color: #111;
	border-radius: 50px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 2;
	pointer-events: none;
}
.block_l-6 .box_item::before{
	aspect-ratio: 4;
	top: 4%;
}
.block_l-6 .box_item::after{
    aspect-ratio: 20;
    bottom: 3.5%;
}
.block_l-6 .b,.c,.d{
	stroke-width: 0px;
}
.block_l-6 .b{
	fill: #111;
}
.block_l-6 .c{
	fill: #b5b5b6;
}
.block_l-6 .d{
	fill: #a6a6a6;
}
.block_l-6 .box_img1{
	width: 88%;
}
.block_l-6 .box_img1 img{
	aspect-ratio: 9 / 19.5;
	object-fit: cover;
	border-top-left-radius: 14.08% 6.5%;
    border-top-right-radius: 14.08% 6.5%;
    border-bottom-left-radius: 14.08% 6.5%;
    border-bottom-right-radius: 14.08% 6.5%;
}

/* block_l-7 / block_l-16 */

.block_l-7 .box_wrap, .block_l-16 .box_wrap{
	top: 0;
	left: 0;
    z-index: 100;
}
.block_l-7 .close, .block_l-16 .close{
	width: 26px;
	height: 26px;
	border: solid 2px #fff;
	border-radius: 50%;
	right: 0;
	top: -40px;
	cursor: pointer;
}
.block_l-7 .close::before, .block_l-7 .close::after, .block_l-16 .close::before, .block_l-16 .close::after{
	position: absolute;
	content: "";
	width: 12px;
	height: 2px;
	background-color: #fff;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;;
}
.block_l-7 .close::before, .block_l-16 .close::before{
	transform: rotate(45deg);
}
.block_l-7 .close::after, .block_l-16 .close::after{
	transform: rotate(-45deg);
}
.PgeE03 .block_l-7::before, .PgeE03 .block_l-16::before{
	white-space: pre;
	content: "※実際の動きはプレビュー画面でご確認ください";
	display: block;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #aaa;
	padding: 10px 0;
	background-color: #f2f2f2;
}
.PgeE03 .block_l-7, .PgeE03 .block_l-16{
    display: block;
}
.PgeE03 .block_l-7 .box_wrap, .PgeE03 .block_l-16 .box_wrap{
    position: static;
    padding: 0;
}
.PgeE03 .block_l-7 .bg_filter, .PgeE03 .block_l-7 .close, .PgeE03 .block_l-16 .bg_filter, .PgeE03 .block_l-16 .close{
    display: none;
}

/* block_l-8 */

.block_l-8 .dupe_box .cate_box_copy{
	width: 30px;
	height: 30px;
	bottom: -25px;
}

.block_l-8 .dupe_box .cate_box_delete{
	top: -15px;
	right: -15px;
}

/* block_l-11 */

.block_l-11 ::placeholder{
	color: #000!important;
	opacity: 0.2;
}
.block_l-11 #JSMAIL_MSG_ERROR{
	color: #e15353!important;
	background-color: #fcecec;
	text-align: center;
	width: 100%;
	padding: 2% 5%;
	border-radius: 5px;
}
.block_l-11 #JSMAIL_MSG_END{
	color: var(--color1)!important;
	text-align: center;
	width: 100%;
	padding: 2% 8%;
	border-radius: 5px;
	border: solid 1px;
}
.block_l-11_B #JSMAIL_MSG_END{
    color: #fff!important;
}
.block_l-11 .send_btn .editBtn1 a{
	transition: opacity 0.2s;
	text-shadow: none;
}
.block_l-11 .send_btn .editBtn1 a:hover{
	opacity: 0.8;
}
.PgeE03 .block_l-11::before{
	white-space: pre;
	content: "※メールフォームは1ページにつき\A 1つまで設置することができます。";
	display: block;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #aaa;
	padding: 10px 0;
	background-color: #f2f2f2;
	margin-bottom: 20px;
}
.block_l-11 .editMailForm1{
	background-color: transparent!important;
}
.block_l-11 input, .block_l-11 textarea{
	color: var(--black)!important;
}

/* block_l-15 */

#MainWrap .block_l-15{
    overflow: hidden;
}
.PgeE03 .block_l-15 .editTag1{
    min-height: 50px;
}
.PgeE03 .block_l-15 .editTag1 > *{
    pointer-events: none;
}

/* block_l-19 */

.block_l-19{
    *{
        box-sizing: border-box;
    }
    overflow-x: scroll;
    overflow-y: clip;
    .table_box{
        min-width: 190%;
    }
    .bg_color1-10{
        background-color: color-mix(in srgb, var(--color1) 5%, transparent);
    }
    .table_tr{
        &:last-of-type{
            border-bottom: none;
        }
        > div{
            padding: 2% 1%;
            .editTxt1{
                width: 100%;
            }
        }
    }
    .editTxt1 .editTxt1_delete{
        width: 22px;
        height: 22px;
        top: -15px;
        left: -15px;
    }
}
.PgeE03 .block_l-19 .cate_box_delete {
    top: -17px;
    right: auto;
    left: -17px;
}


/* block_m 追加 */

.input_box .box_item{
    cursor: pointer;
    transition: 0.2s;
}
.block_m-1 .input_box.check_box .box_item{
	border-radius: 6px;
}
.block_m-2 .input_box.radio_box .box_item{
	border-radius: 50px;
}

.block_m-3 .input_box.radio_box .box_item{
	border-radius: 6px;
}

.input_box .box_item.click{
    background-color: #ffa500;
    border-color: #ffa500;
    color: #fff;
}

.block_m-1 .Q_txt,.block_m-6 .Q_txt{
	position: relative;
	font-size: 2.5rem;
	font-family:"Arial","serif";
}

.block_m-1 .Q_txt::before ,.block_m-6 .Q_txt::before {
    position: absolute;
    border-bottom: 2px solid var(--color1);
	border-bottom: 2px solid #000;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    content: '';
}


.block_m-2 .Q_txt{
	font-size: 2.5rem;
	font-family:"Arial","serif";
    margin-bottom: 2rem;
	padding: 1.3rem 1rem 0.2rem;
	font-weight: bold;
	display: inline-block;
	background: #000;
	color: #fff;
	
}

.block_m-3 .Q_txt{
	display: inline-block;
	position: relative;
	font-size: 2.5rem;
	font-family:"Arial","serif";
    margin-bottom: 2rem;
	font-weight: bold;
    border-bottom: 2px solid var(--color1);
    background-color: white;
}



.block_m-3 .Q_txt::before {
	position: absolute;
    top: 100%;
    left: 60%;
    transform: translateX(-50%) skew(-30deg);
    height: 15px;
    width: 7px;
    border-left: 2px solid var(--color1);
    background-color: white;
    content: "";
}

.input_box2 .box_item{
	cursor: pointer;
	margin: auto;
 	width: 18px;
  	height : 18px;
	border: 1px solid #ccc;
	position: relative;
	transition: 0.2s;
}


.input_box2 .box_choices.click .box_item::before {
	content: '';
    display: block;
    position: absolute;
    top: 0em;
    left: 0.1em;
    width: 20px;
    height: 7px;
    border-left: 4px solid #FF1717;
    border-bottom: 4px solid #FF1717;
    transform: rotate(-45deg);
}

.box_flex{
	display: flex;
}


.block_m-4 .block_q{
	position: relative;
	background: #F3F3EF;
}

.block_m-4 .block_q::before{
content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #F3F3EF;
}

.block_m-4 .multi_text{
	background: #8B8B8B;
	color: #fff;
	border-radius: 20px;
	display: inline-block;
}


.block_m-4 .Q_txt{
	font-family:"Arial","serif";
}

.block_m-5 .cate_box,.block_m-6 .cate_box{
	background: #fff;
	border-radius: 10px;
}

.block_m-5 .Q_txt{
	position: absolute;
	top: 5%;
	left: 13%;
	font-size: 1.8rem;
	font-family:"Arial","serif";
	font-weight: bold;
	color: #fff;
	transform: rotate(45deg);
}

.block_m-5 .Q_txt_box{
	position: relative;
	width: 55px;
	height: 55px;
	background: #000;
	transform: rotate(-45deg);
}
@media screen and (min-width: 561px){
	.block_m-5 .Q_txt_box{
		width: 85px;
		height: 85px;
	}
}

.block_m-6 .input_box2 .box_choices.click .box_item{
	background: #fff;
}

.block_m-5 .box_choices,.block_m-6 .box_choices{
	width: 50%;
}

.block_m-5 .box_choices .box_flex{
	background: #eee;
}

.block_m-6 .box_choices .box_flex{
	border: solid 2px #ccc;
	border-radius: 50px;
}

.block_m-6 .input_box2 .box_item,.block_m-7 .input_box2 .box_item{
	border-radius: 50%;
}

.block_m-6 .input_box2 .box_choices.click .box_item,.block_m-7 .input_box2 .box_choices.click .box_item{
	border: solid 1px #ffa500;
	background: #ffa500;
}

.block_m-6 .box_choices.click .box_flex{
	border: solid 2px #ffa500;
}

.block_m-6 .input_box2 .box_choices.click .box_item::before,.block_m-7 .input_box2 .box_choices.click .box_item::before {
	content: '';
    display: block;
    position: absolute;
    top: 3px;
    left: 1px;
    width: 13px;
    height: 5px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
}


/* block_o-1 */

.block_o-1 .box_item1::before, .block_o-1 .box_item1::after{
    content: "";
    bottom: 0;
    aspect-ratio: 0.3;
    width: 3%;
    background-color: var(--color1);
}
.block_o-1_B .box_item1::before, .block_o-1_B .box_item1::after{
    background-color: #fff;
}
.block_o-1 .box_item1::before {
    left: 0;
    transform: rotate(-25deg);
    clip-path: polygon(0 0, 100% 0%, 100% 100%, calc(100% - 1px) 100%);
}
.block_o-1 .box_item1::after {
    right: 0;
    transform: rotate(25deg);
    clip-path: polygon(0 0, 100% 0%, 1px 100%, 0 100%);
}
.block_o-1 .box_item1 .box_title1{
	max-width: 80%;
	margin-bottom: 3%;
}
.block_o-1 .box_title2::before{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: solid 7px transparent;
    border-top: solid 10px var(--color3);
    border-right: solid 7px transparent;
    left: 0;
    right: 0;
    bottom: -10px;
    margin: auto;
}


/* block_o-2 */

.block_o-2 {
    z-index:0;
}
.block_o-2:before {
    content:"";
    width:95%;
    height:95%;
    position:absolute;
    top:10%;
    left:0;
    right:0;
    margin:auto;
    background-color: #ffffff;
    z-index:-1;
}
.block_o-2 .block_f-4_B .box_title1::before {
    border: solid 2px #fff;
}
.block_o-2 .block_f-4 .box_title1::before {
    position: absolute;
    content: "";
    width: 6%;
    aspect-ratio: 1;
    border-radius: 50%;
    border: solid 2px var(--color1);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
}
.block_o-2 .block_f-4_B .box_title1::after {
    border-left: solid 2px #fff;
    border-bottom: solid 2px #fff;
}
.block_o-2 .block_f-4 .box_title1::after {
    position: absolute;
    content: "";
    width: 5%;
    aspect-ratio: 2.7;
    border-left: solid 2px var(--color1);
    border-bottom: solid 2px var(--color1);
    left: 1.8%;
    top: 50%;
    transform: translateY(-120%) rotate(-45deg);
    box-sizing: border-box;
}


/* block_o-3 */

.block_o-3 {
	z-index: 0;
} 
.block_o-3:before {
    content: "";
    position: absolute;
    display: block;
    width: 82%;
    top: 20px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 2px solid var(--color3);
    z-index: -1;
}


/* block_o-4 */

.block_o-4 .cate_box{
    --b-white: linear-gradient(to bottom, #fff, #fff);
    --b-px: 5px;
    --b-width: calc(100% - (var(--b-px) * 2));
    background-image: var(--b-white), var(--b-white), var(--b-white), var(--b-white);
    background-repeat: no-repeat;
    background-size: var(--b-width) 1px, 1px var(--b-width), var(--b-width) 1px, 1px var(--b-width);
    background-position: var(--b-px) var(--b-px), calc(100% - var(--b-px)) var(--b-px), var(--b-px) calc(100% - var(--b-px)), var(--b-px);
}
.block_o-4 .box_txt1{
    clip-path: polygon(100% 0, 100% 70%, 50% 100%, 0 70%, 0 0);
}
.block_o-4 .box_title1::before, .block_o-4 .box_title1::after{
    position: absolute;
    content: "";
    width: 0;
    height: 40px;
    bottom: 0;
    border-right: dashed 1px;
}
.block_o-4 .box_title1::before{
    transform: rotate(-20deg);
    left: 0
}
.block_o-4 .box_title1::after{
    transform: rotate(20deg);
    right: 0
}


/* block_o-5 */

.block_o-5 .cate_box{
    box-shadow: 0 3px 20px rgb(0 0 0 / 0.1)
}
.block_o-5 .box_title1{
    clip-path: polygon(5% 0%, 95% 0%, 100% 50%, 95% 100%, 5% 100%, 0% 50%);
}
.block_o-5 .box_title2 .editTxt1{
    display: inline;
    background-image: linear-gradient(to bottom, var(--color2), var(--color2));
    background-size: 100% 30%;
    background-repeat: no-repeat;
    background-position: bottom left
}

/* block_o-6 */
.block_o-6 .of_flow .box{
    background: linear-gradient(90deg, var(--color2) 99%, transparent);
}
.block_o-6 .of_flow .box_txt1{
    background-color: #fff;
}
.block_o-6 .box::before{
    position: absolute;
    z-index: 1;
    content: "";
    width: 0;
    height: 0;
    border-left: solid 15px transparent;
    border-top: solid 10px var(--color1);
    border-right: solid 15px transparent;
    left: calc(8% - 15px);
    bottom: -10px;
    margin: auto;
}
.block_o-6 .box::after{
    position: absolute;
    z-index: 2;
    content: "";
    width: 0;
    height: 0;
    border-left: solid 15px transparent;
    border-top: solid 10px var(--color2);
    border-right: solid 15px transparent;
    left: calc(8% - 15px);
    bottom: -9px;
    margin: auto;
}
.block_o-6 .of_flow:last-child .box::before,.block_o-6 .of_flow:last-child .box::after{
    display: none;
}
.block_o-6 .of_flow:last-child .box{
    border-bottom:none;
}

/* block_o-7 */
.block_o-7 .text_box1 .and{
    width: 12%;
    height: 33%;
}
.block_o-7 .text_box1 .and::after{
    position: absolute;
    background-color: #fff;
    content: "";
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    border-radius: 50%;
}
.block_o-7 .text_box1 .and .box_txt2{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    position: relative;
    line-height: 1;
    font-size: 26px;
}
.block_o-7 .kugiri{clip-path: polygon(50% 25%, 100% 0, 100% 100%, 0 100%, 0 0);}

/* block_p-1 */
.block_p-1 .box_img1 img{
    mask-image: linear-gradient(to bottom, #000, #000 40%, transparent);
}
.block_p-1 .box_title1, .block_p-1 .box_title2{
    border-radius: 0 5px 5px 0;
    background-image: linear-gradient(to right, var(--color4), var(--color1));
}

/* block_p-2 */
.block_p-2 .box_txt3::before, .block_p-2 .box_txt3::after{
    position: absolute;
    content: "";
    width: 2px;
    height: 30px;
    bottom: 0;
    background-color: currentColor;
}
.block_p-2 .box_txt3::before{
    left: 0;
    transform: rotate(-20deg);
}
.block_p-2 .box_txt3::after{
    right: 0;
    transform: rotate(20deg);
}
.block_p-2 .svg_wrap {
    height: 40px;
    clip-path: url(#mask_e-3_B);
    transform: translateY(1px);
}

/* block_p-4 */
.block_p-4 .box_item1 .box_title1::before, .block_p-4 .box_item1 .box_title1::after{
    position: absolute;
    content: "";
    box-sizing: border-box;
}
.block_p-4 .box_item1 .box_title1::before{
    width: 100%;
    height: 100%;
    border: solid 2px;
    border-radius: 100px;
    top: 0;
    left: 0;
    pointer-events: none;
    clip-path: polygon(15% 0, 0 0, 0 100%, calc(50% - 20px) 100%, calc(50% - 20px) calc(100% - 5px), 50% calc(100% - 5px), 50% 100%, 100% 100%, 100% 0, calc(15% + 20px) 0, calc(15% + 20px) 5px, 15% 5px);
}
.block_p-4 .box_item1 .box_title1::after{
    width: 2px;
    height: 20px;
    background-color: currentColor;
    left: calc(50% - 1px);
    top: 100%;
    transform: rotate(45deg);
    transform-origin: top right;
    pointer-events: none;
}

.block_p-4 .box_item2 .box_txt1::before, .block_p-4 .box_item2 .box_txt1::after{
    position: absolute;
    content: "";
    width: 1px;
    height: 50px;
    bottom: 0;
    background-color: currentColor;
}
.block_p-4 .box_item2 .box_txt1::before{
    left: 0;
    transform: rotate(-20deg);
}
.block_p-4 .box_item2 .box_txt1::after{
    right: 0;
    transform: rotate(20deg);
}

/* block_p-6 */
.p-6_T06-0010 .box_img1 img{
    mask-image: linear-gradient(to bottom, #000 calc(100% - 100px), transparent);
}
.p-6_T06-0010 .box_item{
    background-image: linear-gradient(to bottom right, var(--color1), var(--color3));
}

/* block_p-7 */
.block_p-7 > div{
    z-index: 1;
}
.block_p-7 .box_img1::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 20px;
    left: 0;
    background-color: var(--color1);
    z-index: -1;
    clip-path: ellipse(60% 60% at 60% 40%)
}
.block_p-7 .box_img1 img{
    clip-path: ellipse(60% 60% at 60% 40%)
}
.block_p-7 .box_img2 img{
    clip-path: ellipse(60% 60% at 40% 60%);
}

/* block_p-8 */
.block_p-8 .box_item2{
    text-shadow: 0 0 10px #fff,0 0 10px #fff;
}
.block_p-8 .svg_wrap {
    height: 40px;
    clip-path: url(#mask_e-4_B);
    transform: translateY(-1px);
}

/* block_p-9 */
.block_p-9 .curve1, .block_p-9 .curve2 {
    aspect-ratio: 14;
    clip-path: url(#mask_b-19);
    transform: translateY(-1px);
}

/* block_p-10 */
.block_p-10 .box_item2 {
    height: 40px;
    clip-path: url(#mask_e-4);
    transform: translateY(-1px);
}

/* block_p-11 */
.block_p-11 .box_img1 img{
    clip-path: url(#0015_2);
    aspect-ratio: 1.2;
    object-fit: cover
}
.block_p-11 .box_img2 img{
    aspect-ratio: 0.9;
    object-fit: cover
}
.block_p-11 .fv_txt{
	top: 40%;
	left: 50%;
    transform: translateX(-50%);
}

/* block_p-12 */
.block_p-12 .box_img1 img{
    mask-image: linear-gradient(to bottom, transparent, #000 50%);
    aspect-ratio: 0.8;
    object-fit: cover
}

/* block_p-13 */
.block_p-13 .box_title1,
.block_p-13 .box_title2,
.block_p-13 .box_txt1{
    transform: scaleY(1.05) skewY(-10deg);
    .editTxt1{
        transform: skewX(-10deg)
    }
}
.block_p-13 .box_title1::before{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-top: solid 10px transparent;
    border-left: solid 15px var(--black);
    border-bottom: solid 10px transparent;
    left: 50%;
    bottom: -10px;
}

/* block_p-14 */
.block_p-14 .box_img1 img,
.block_p-14 .box_img2 img{
    aspect-ratio: 3 / 2;
    object-fit: cover
}
.block_p-14 .fv_txtbox{
	transform:skewY(-6deg);
}
.block_p-14 .fv_txtbox .fv_txt{
	transform:skewX(6deg);
}

/* block_p-16 */
.block_p-16 .scroll{
    padding-bottom: 20%;
}
.block_p-16 .scroll_arrow{
    width: 1px;
    height: 50px;
    background-color: #fff;
}
.block_p-16 .scroll_arrow::before{
    position: absolute;
    content: "";
    width: 1px;
    left: 0;
    bottom: 0;
    background-color: #fff;
    height: 8px;
    transform: rotate(45deg);
    transform-origin: bottom left;
}

/* block_p-17 */
.block_p-17 .box_item1 .box_img1{
    top: 0;
    right: 0;
}
.block_p-17 .box_item1 .box_img1 img{
    aspect-ratio: 0.6;
    object-fit: cover;
    clip-path: url(#0021_fv);
}
.block_p-17 .box_item1 .box_img2 img{
    border-radius: 100vw 100vw 0 0;
}
.block_p-17 .box_item1 .box_title2 .editTxt1{
    display: inline;
    box-decoration-break: clone;
    padding: 0 0 0 5%;
    margin-left: -6%;
    background-image: linear-gradient(to bottom, transparent 70%, #fff 70%, #fff 90%, transparent 90%);
}
.block_p-17::before {
    position: absolute;
    content: "";
    width: 60%;
    aspect-ratio: 2.7;
    background-color: #fff;
    top: 0;
    left: 0;
    border-radius: 0 0 100vw 0;
}

.block_p-17 .fv_bg::before, .block_p-17 .fv_bg::after {
    position: absolute;
    content: "";
    width: 60%;
    aspect-ratio: 1;
}
.block_p-17 .fv_bg::before {
    top: 8%;
    left: -15%;
    background-image: radial-gradient(circle,
    color-mix(in srgb, var(--color1) 15%, transparent) 20%,
    color-mix(in srgb, var(--color1) 0%, transparent) 70%);
}
.block_p-17 .fv_bg::after {
    bottom: -15%;
    right: -15%;
    background-image: radial-gradient(circle,
    color-mix(in srgb, var(--color3) 15%, transparent) 20%,
    color-mix(in srgb, var(--color3) 0%, transparent) 70%);
}

.block_p-17 .box_item2 {
    height: 20px;
    clip-path: url(#0021_border);
    transform: translateY(1px);
}
.block_p-17 .box_item3 .cate_box{
    background-image: linear-gradient(to bottom, var(--color1), var(--color3));
    box-shadow: 0 0 10px var(--color1)
}

/* block_p-18 */
.block_p-18 .curve {
    aspect-ratio: 14;
    clip-path: url(#mask_b-19);
    transform: translateY(-1px);
}

/* block_p-19 */
.block_p-19 .box_item2 .box_img1 img,
.block_p-19 .box_item2 .box_img2 img{
    object-fit: cover;
    aspect-ratio: 0.8
}

/* block_p-20 */
.block_p-20{
    background-color: color-mix(in srgb, var(--color1) 40%, transparent);
}
.block_p-20 .main_txt{
    text-shadow: 0 0 10px var(--color1), 0 0 10px var(--color1);
}
.block_p-20 .box_item .dupe_box::before{
    position: absolute;
    content: "";
    width: 10%;
    height: 100%;
    top: 0;
    left: calc(100% - 2px);
    background-color: inherit;
    clip-path: polygon(0 0, 100% 0%, 3px 100%, 0% 100%);
    pointer-events: none;
}
.block_p-20 .box_item_wrap::before{
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    aspect-ratio: 4;
    background-image: linear-gradient(to bottom, color-mix(in srgb, var(--color1) 0%, transparent), var(--color1));
}

/* block_p-21 */
.block_p-21{
    background-color: color-mix(in srgb, var(--color1) 40%, transparent);
    background-image: linear-gradient(to bottom, color-mix(in srgb, var(--color1) 0%, transparent), var(--color1));
    background-size: 100% 200px;
    background-position: left bottom;
    background-repeat: no-repeat;
}
.block_p-21 .box_item .box_txt1:last-of-type{
    border-right: none;
}
.block_p-21 .box_item .box_txt1 .cate_box_copy{
    width: 30px;
    height: 30px;
    bottom: -25px;
}
.block_p-21 .box_item .box_txt1 .cate_box_delete{
    right: -20px;
}

/* block_p-22 */
.block_p-22{
    background-image: url(https://cyteki-com.s3.ap-northeast-1.amazonaws.com/Template/T07/T07-0026_icon1.png);
    background-size: cover;
    background-position: center;
    .svg_wrap rect,
    .svg_wrap circle,
    .svg_wrap ellipse,
    .svg_wrap polygon,
    .svg_wrap path{
        fill: currentColor!important;
        stroke: none!important
    }
    .box_title1::before,
    .box_title1::after{
        position: absolute;
        content: "";
        width: 2px;
        height: 30px;
        bottom: 0;
        background-color: #fff;
    }
    .box_title1::before{
        left: 0;
        transform: rotate(-20deg);
    }
    .box_title1::after{
        right: 0;
        transform: rotate(20deg);
    }
    .box_txt1, .box_txt2{
        z-index: 1;
        &::before, &::after{
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-color: #fff;
            clip-path: polygon(14% 9%, 77% 0, 100% 42%, 86% 95%, 23% 100%, 0 61%);;
            z-index: -1;
        }
    }
    .box_txt1{
        top: 0;
        margin-top: -13%;
        right: 10%;
        transform: rotate(10deg);
    }
    .box_txt2{
        bottom: 0;
        margin-bottom: -20%;
        left: 10%;
        transform: rotate(-10deg);
    }
    .box_img1 img {
        -webkit-clip-path: url(#fv_svg1);
        clip-path: url(#fv_svg1);
        object-fit: cover;
    }
    .box_img2 img {
        -webkit-clip-path: url(#fv_svg2);
        clip-path: url(#fv_svg2);
        object-fit: cover;
    }
}

/* block_p-23 */
.block_p-23 .fv_txt{
	top: 8%;
	left: 50%;
	transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
z-index: 2;
}
.block_p-23 .fv_cta{
	bottom: 10%;
}
.block_p-23 .gradation {
    position: relative;
}
.block_p-23 .gradation img{
    mask-image: linear-gradient(to bottom, transparent, #000 100px);
}

/* block_p-25 */
.block_p-25 .box_img1 img{
    mask-image: linear-gradient(to right, transparent, #000);
}
.block_p-25 .box_title2{
    line-height: 1.8
}
.block_p-25 .box_title2 div:not(:has(div)){
    display: inline;
    background-color: var(--black);
    border: solid var(--black);
    border-width: 0 0.3em;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    padding: 0 0.1em 0.1em;
    font-feature-settings: "palt";/* 自動カーニング */
}

.block_p-25{
    filter: drop-shadow(0 0 8px rgb(255 255 255 / 0.4));
}
.block_p-25 .cate_box{
    clip-path: polygon(80% 0%, 100% 20%, 100% 100%, 20% 100%, 0% 80%, 0 0);
    transform: rotate(45deg)
}
.block_p-25 .cate_box .box_txt1{
    transform: rotate(-45deg);
    z-index: 1
}

/* block_p-26 */
.block_p-26 .box_img1 img{
    mask-image: linear-gradient(to bottom, #000 40%, transparent);
}
.block_p-26 .box_title2{
    line-height: 1.3;
    .editTxt1{
        display: inline;
        box-decoration-break: clone;
        -webkit-box-decoration-break: clone;
        padding: 0px 0.1em;
        background-image: linear-gradient(to bottom, transparent 5%, #fff 5%, #fff 95%, transparent 95%);
        background-position: center;
        letter-spacing: 0.1em;
    }
}
.block_p-26{
    z-index: 1;
    .box_img1 img{
        border-radius: 30px 30px 0 0;
    }
}

/* block_p-27 */
.block_p-27 .box_img1 img{
    mask-image: linear-gradient(to bottom, transparent, #000 50%);
}
.block_p-27 .box_txt2{
    background-image: linear-gradient(to bottom, #fff, #fff);
    background-size: 1px 40px;
    background-repeat: no-repeat;
    background-position: top left 50%;
}

/* block_p-28 */
.block_p-28{
    --grad1: linear-gradient(-260deg, var(--color1) 0%, var(--color3) 100%);
    .box_img1 img{
        mask-image: linear-gradient(to bottom, #000 50%, transparent);
    }
    .grad1{
    	background: var(--grad1);
    }
    
    .item_name .editTxt1{
    	background: var(--grad1);
    	-webkit-background-clip: text;
    	-webkit-text-fill-color: transparent;
    }
}

/* block_p-31 */
.block_p-31 .bg_img img{
    mask-image: linear-gradient(to bottom, #000 calc(100% - 200px), transparent);
}

/* block_p-32 */
.block_p-32 .box_img1 img, .block_p-32 .box_img2 img{
    aspect-ratio: 5 / 4;
    object-fit: cover
}
.block_p-32 .box_img1{
    transform: rotate(10deg);
    margin-right: -17%;
    margin-left: auto;
}
.block_p-32 .box_img2{
    transform: rotate(-5deg);
    margin-left: -5%;
    margin-top: -40%;
}
.block_p-32 .box_img3{
    transform: rotate(-15deg);
    margin-left: -28%;
    margin-top: -28%;
    margin-bottom: -30%;
}

/* block_p-33 */
.block_p-33{
    .box_title2{
        line-height: 1.8;
        div:not(:has(div)){
            display: inline;
            background-color: var(--color1);
            border: solid var(--color1);
            box-decoration-break: clone;
            padding: 0.2em 0;
            font-feature-settings: "palt";
            -webkit-box-decoration-break: clone;
        }
    }
    .box_item3 .cate_box::before{
        position: absolute;
        content: "";
        width: calc(100% - 6px);
        height: calc(100% - 6px);
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        border-radius: 50%;
        pointer-events: none;
        border: solid 1px #fff
    }
}

/* block_p-35 */
.block_p-35 .box_img1 img{
    mask-image: linear-gradient(to bottom, #000 calc(100% - 100px), transparent);
}
.block_p-35 .fukidashi {
  position: relative;
  padding: 2px 16px;
  border-bottom: 2px solid var(--color1);
  background-color: #ffffff;
  &::before {
      content: "";
      position: absolute;
      bottom: -5px;
      left: 50%;
      width: 15px;
      height: 15px;
      box-sizing: border-box;
      background-color: #ffffff; /* 背景色と同じ色を指定 */
      rotate: 135deg;
      translate: -50%;
    }
    &::after {
      content: "";
      position: absolute;
      top: calc(100% + 5px);
      left: calc(50% - 4px);
      z-index: 1;
      width: 30px;
      height: 2px;
      transform: rotate(50deg);
      box-sizing: border-box;
      background-color: var(--color1);
      box-shadow: 0 2px 0 #ffffff, 0 -2px 0 #ffffff; /* 背景色と同じ色を指定 */
    }
}

/* block_p-36 */
.block_p-36{
    path{
        fill: none;
        stroke-dasharray: 5;
        stroke-linecap: round;
        stroke-miterlimit: 10;
        stroke-width: 2px;
    }
    .svg1 path{
        stroke: var(--color1);
    }
    .svg2 path, .f1 .svg3 path{
        stroke: #fff;
    }
    .box_title1 .editTxt1{
        display: inline;
        background-color: #fff;
    }
}

/* block_p-37 */
.box__data:has(.block_p-37){
    overflow: hidden;
}
.block_p-37{
    .box_item{
        transform: rotate(-5deg);
    }
    .box_txt2{
        transform: rotate(10deg);
    }
    .box_txt7::before{
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        left: 50%;
        bottom: -5px;
        border-left: solid 5px transparent;
        border-top: solid 5px var(--black);
        border-right: solid 5px transparent;
    }
    .box_img1 img{
        clip-path: url(#T11-0042_img);
    }
    .text_stroke_black{
        text-shadow:
        1px 1px 0 var(--black),
        -1px 1px 0 var(--black),
        1px -1px 0 var(--black),
        -1px -1px 0 var(--black),
        0px 1px 0 var(--black),
        0px -1px 0 var(--black),
        1px 0px 0 var(--black),
        -1px 0px 0 var(--black);
    }
    .text_stroke_white{
        text-shadow:
        1px 1px 0 #fff,
        -1px 1px 0 #fff,
        1px -1px 0 #fff,
        -1px -1px 0 #fff,
        0px 1px 0 #fff,
        0px -1px 0 #fff,
        1px 0px 0 #fff,
        -1px 0px 0 #fff;
    }
}

/* block_p-39 */
.block_p-39 .box_img1 img{
    mask-image: linear-gradient(to bottom, #000 50%, transparent);
}
.block_p-39 .box_txt1{
    background-image: linear-gradient(to bottom, var(--color1), var(--color1));
    background-size: 100% 30%;
    background-position: left bottom;
    background-repeat: no-repeat;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    padding: 0 0.3em 0.1em;
}
.block_p-39 .box_title1{
    transform: skewX(-10deg);
}
.block_p-39 .box_txt1 .editTxt1{
    text-shadow: 0 0 8px #fff, 0 0 8px #fff;
}

/* block_p-41 */
.block_p-41{
    --grad1: linear-gradient(to right, var(--color2), color-mix(in srgb, var(--color2) 20%, var(--color4) 20%), var(--color4));
    .box_img1 img{
        mask-image: linear-gradient(to bottom, #000 50%, transparent);
    }
    .bg_grad01{
    	background: var(--grad1)!important;
    }
}

/* block_p-42 */
.block_p-42 .box_img1 img, .block_p-42 .box_img2 img{
    aspect-ratio: 1.2;
    object-fit: cover
}
.block_p-42 .box_txt3{
    transform: rotate(10deg);
}
.block_p-42 .box_txt3::before, .block_p-42 .box_txt3::after{
    position: absolute;
    content: "";
    width: 2px;
    height: 30px;
    background-color: #fff;
    bottom: 0;
}
.block_p-42 .box_txt3::before{
    left: 0;
    transform: rotate(-25deg);
}
.block_p-42 .box_txt3::after{
    right: 0;
    transform: rotate(25deg);
}
.block_p-42 .box_item::before, .block_p-42 .box_item::after{
    position: absolute;
    content: "";
    width: 60%;
    aspect-ratio: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    opacity: 0.6;
}
.block_p-42 .box_item::after{
    transform: translate(-50%, -50%) rotate(45deg);
    opacity: 0.7;
}
.block_p-42 .box_item > div{
    z-index: 1;
}

/* block_p-43 */
.block_p-43 .box_img1 img{
    mask-image: linear-gradient(to bottom, #000 70%, transparent);
}
.block_p-43 .box_title1::before, .block_p-43 .box_title1::after{
    position: absolute;
    content: "";
    width: 2px;
    height: 30px;
    bottom: 0;
    background-color: currentColor;
}
.block_p-43 .box_title1::before{
    left: 0;
    transform: rotate(-20deg);
}
.block_p-43 .box_title1::after{
    right: 0;
    transform: rotate(20deg);
}
.block_p-43 .box_title2{
    background-color: rgb(255 255 255 / 0.8);
}

/* block_p-44 */
.block_p-44 .label{
	background-image: url(https://cyteki-com.s3.ap-northeast-1.amazonaws.com/Template/T05/T05-0051_label.png);
	background-size:contain; 
	background-repeat: no-repeat;
	background-position: center top;
}

/* block_p-45 */
.block_p-45 .box_title1{
    transform: skewY(-5deg);
}

/* block_p-46 */
.block_p-46{
    .pink-shadow {
        box-shadow: 0 5px 10px 
     color-mix(in srgb, var(--color3) 30%, transparent);
    }
    .box_img1{
    	width: 90%;
    	margin-left: 10%;
    	margin-bottom: 20%;
    }
    .box_img1 img{
        object-fit: cover;
        aspect-ratio: 0.8;
    }
    .fv_ttl{
    	background-color: rgba(255, 254, 254, 0.85);
    	padding-top: 20px;
    	padding-bottom: 20px;
    }
    .t06-0053_deco {
        transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -webkit-transform: rotate(-10deg);
    }
    .txt_color3, .hvr_txt_color3:hover {
        color: var(--color3);
    }
}

/* block_p-47 */
.block_p-47 .box_txt1{
    text-shadow: none;
}
.block_p-47 .box_title1, .block_p-47 .box_title2{
    transform: skewX(-10deg);
}
.block_p-47 .box_txt3 .editTxt1{
    display: inline;
    background-image: linear-gradient(to right, currentColor 2px, transparent 2px);
    background-size: 10px 2px;
    background-repeat: repeat-x;
    background-position: left bottom;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    padding: 0 0 0.2em;
}
.block_p-47 .box_txt3 .editTxt1 div{
    display: inline;
}

/* block_p-48 */
.block_p-48 .box_txt2{
    background-image: linear-gradient(to bottom, currentColor, currentColor), linear-gradient(to bottom, currentColor, currentColor);
    background-size: 8% 1px;
    background-position: left top 50%, right top 50%;
    background-repeat: no-repeat;
}
.block_p-48 .box_txt3::before{
    --circle-border: 4px;
    position: absolute;
    content: "";
    top: var(--circle-border);
    left: var(--circle-border);
    right: var(--circle-border);
    bottom: var(--circle-border);
    border: solid 1px;
    pointer-events: none;
    border-radius: 100vw;
}

/* block_p-50 */
.block_p-50 .box_img1 img, .block_p-50 .box_img2 img{
    aspect-ratio: 3 / 2;
    object-fit: cover;
}
.block_p-50 .fv_text01{
    line-height: 2;
    div:not(:has(div)){
        display: inline;
        background-color: var(--black);
        border: solid var(--black);
        border-width: 0 0.3em;
        box-decoration-break: clone;
        padding: 0.2em 0.1em;
        font-feature-settings: "palt";
         -webkit-box-decoration-break: clone;
    }
}
.block_p-50 .box_txt2{
    padding-bottom: 70px;
    background-image: linear-gradient(to bottom, var(--black), var(--black));
    background-size: 1px 50px;
    background-repeat: no-repeat;
    background-position: left 50% bottom;
}

/* block_p-51 */
.block_p-51 .box_img2 img{
    clip-path: ellipse(100% 50% at 50% 50%);
}
.block_p-51 span[style*="background-color"]{
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    padding: 0 0.5em 0;
    font-feature-settings: "palt";
    border-radius: 10px;
}
.block_p-51 .box_item{
    text-shadow:
    3px 3px 0 #fff,
    -3px -3px 0 #fff,
    -3px 3px 0 #fff,
    3px -3px 0 #fff,
    2px 2px 0 #fff,
    -2px -2px 0 #fff,
    -2px 2px 0 #fff,
    2px -2px 0 #fff,
    3px 0 0 #fff,
    -3px 0 0 #fff,
    0 3px 0 #fff,
    0 -3px 0 #fff;
}
.block_p-51 .c1 .cate_box::before{
    position: absolute;
    content: "";
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    pointer-events: none;
}

/* block_p-52 */
.block_p-52 .box_img1 img{
    aspect-ratio: 1.4;
    object-fit: cover
}
.block_p-52 .box_title1{
    width: calc(100% + 2px);
    left: -1px;
    top: 50%;
    transform: translateY(-50%) skewY(-10deg);
    .editTxt1{
        transform: skewX(10deg);
    }
}

/* block_p-54 */
.block_p-54::before{
    position: absolute;
    content: "";
    width: 60%;
    aspect-ratio: 4;
    right: 0;
    bottom: 0;
    margin-bottom: -3%;
    transform: skewY(5deg);
    background-color: var(--color1);
    z-index: 1;
    pointer-events: none;
}
.block_p-54 .box_img1 img{
    clip-path: polygon(0 0, 100% 5%, 100% 100%, 0 100%);
}
.block_p-54 .box_txt2{
    transform: skewY(-10deg);
    .editTxt1{
        transform: skewX(10deg);
    }
}

/* block_p-55 */
.block_p-55 .box_txt1{
    background-image: linear-gradient(to right, rgb(255 255 255 / 0), rgb(255 255 255 / 0.8) 20%, rgb(255 255 255 / 0.8) 80%, rgb(255 255 255 / 0));
}

/* block_p-56 */
.block_p-56 .box_img1 img{
    mask-image: linear-gradient(to bottom, transparent, #000 30%);
}

/* block_p-57 */
.block_p-57 .box_title1{
    transform: rotate(-5deg);
}

/* block_p-59 */
.block_p-59 .box_txt2, .block_p-59 .box_title1{
    text-shadow: 0 0 10px #fff,0 0 10px #fff;
}
.block_p-59 .box_txt3{
    line-height: 1.8;
    color: #fff;
    div:not(:has(div)){
        display: inline;
        background-color: var(--color1);
        border: solid var(--color1);
        border-width: 0 0.3em;
        box-decoration-break: clone;
        padding: 0 0.1em 0;
        font-feature-settings: "palt";/* 自動カーニング */
         -webkit-box-decoration-break: clone;
    }
}
.block_p-59 .box_item2{
    height: 40px;
    clip-path: url(#mask_e-3_B);
    transform: translateY(1px);
}

/* block_p-60 */
.block_p-60{
    position: relative;
    &:after,&:before{
        content: "";
        display: block;
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute;
    }
    &:before{
        background-color: var(--color1);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0.9;
    }
    &:after{
        --posi: translate(-50%,-50%);
        --skew: skewY(-25deg);
        background-color: var(--color2);
        mix-blend-mode: overlay;
        width: 100%;
        height: 40%;
        top:50%;
    	left: 50%;
    	-ms-transform: var(--posi) var(--skew);
    	-webkit-transform: var(--posi) var(--skew);
    	transform: var(--posi) var(--skew);
    }
    > *,.z1{
        z-index: 1;
        position: relative;
    }
    .pointWrap .cate_box{
        width: 30%;
        margin-right: 5%;
        &:last-of-type{
            margin-right: 0;
        }
        .cate_box > div{
            box-shadow: 0 10px 10px rgba(145, 70, 0, 0.15);
        }
        .s_icon{
            margin-top: -25%;
            margin-left:-12%;
        }
    }
    .pointWrap .cate_box{
        width: 32%;
        margin-right: 2%;
        .s_icon{
            margin-top: -45%;
        }
    }
    .st0{fill: #fff;}
    .st1,.st2{fill: none;}
    .st2{
        stroke: var(--black);
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 5px;
    }
    .st3{
        clip-path: url(#block_p-60_clip2);
    }
    .st4{
        fill: var(--color1);
    }
    .st5{
        clip-path: url(#block_p-60_clip1);
    }
}

/* block_p-61 */
.block_p-61{
    .logo{
        width: 35%;
        position: absolute;
        top: 5%;
        right: 5%;
    }
    .catchWrap{
        position: absolute;
        bottom: 30%;
        left: 0;
    }
    .circle_box{
        bottom: -4%;
        right: -4%;
        z-index: 2;
    }
    .threeColWidth > .cate_box{
        width: 33%;
        margin-right: 0;
        border-right: 1px solid;
        box-sizing: border-box;
        &:nth-of-type(3n){
            border-right: none;
        }
    }
    .cushion{
        line-height: 1.8;
        color: var(--color1);
        div:not(:has(div)){
            display: inline;
            background-color: #fff;
            border: solid #fff;
            border-width: 0 0.3em;
            box-decoration-break: clone;
            padding: 0 0.1em 0;
            font-feature-settings: "palt";/* 自動カーニング */
        }
    }
}

/* block_p-62 */
.block_p-62{
    .z1 {z-index: 1;}
    .txtborder {text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff;}
    .gx-5px {gap: 0 5px;}
    .z1{z-index: 1;}
    svg{fill: currentColor;}
    .section1 svg{
        width: 100%;
        top: -1px;
        pointer-events: none;
    }
    .section1 .sub_img1{
        right: 7%;
        top: 0;
        width: 15%;
    }
    .section1 .sub_img2{
        left: 0;
        bottom: 16%;
        width: 15%;
    }
    .main_img img {
      width: 100%;
      aspect-ratio: 8 / 11;
      object-fit: cover;
    }
    .section1 .editTxt1 .editTxt1_delete,
    .section1 .editImg1 .editImg1_delete{
        top: -15px;
        left: -15px;
    }
    .cushion div:not(:has(div)) {
        display: inline;
        background-color: #fff;
        border: solid #fff;
        border-width: 0 0.3em;
        box-decoration-break: clone;
        padding: 0 0.1em 0;
        font-feature-settings: "palt";
    }
}

/* block_p-63 */
.block_p-63{
    .neon_txt1{
        animation: flicker3 1.5s infinite alternate;
    }
    .neon_txt2{
        animation: flicker4 1.5s infinite alternate;
    }
    > div{
        z-index: 1;
    }
    .box_img1 img{
        clip-path: ellipse(60% 60% at 60% 40%)
    }
    .box_img2 img{
        clip-path: ellipse(60% 60% at 40% 60%);
    }
}
@keyframes flicker3 {
    0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
        text-shadow: 0 0 0.2em var(--color1), 0 0 0.2em var(--color1);
    }
    20%, 24%, 55% {        
        text-shadow: none;
    }    
}
@keyframes flicker4 {
    0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
        text-shadow: 0 0 0.3em var(--color3), 0 0 0.3em var(--color3);    
    }
    20%, 24%, 55% {        
        text-shadow: none;
    }    
}

/* block_p-65 */
.block_p-65{
    .box_item3 {
        height: 40px;
        clip-path: url(#mask_e-3_B);
        transform: translateY(1px);
    }
    .box_item2 .box_txt1::before, .box_item2 .box_txt1::after{
        position: absolute;
        content: "";
        width: 10px;
        height: 10px;
        border-right: solid 1px var(--color1);
        border-bottom: solid 1px var(--color1);
        transform: rotate(45deg);
        left: calc(50% - 10px);
    }
    .box_item2 .box_txt1::before{
        bottom: 0;
    }
    .box_item2 .box_txt1::after{
        bottom: 4px;
    }
}

/* block_p-66 */
.block_p-66{
    rect,
    circle,
    ellipse,
    polygon,
    path{
        fill: currentColor!important;
        stroke: none!important
    }
    .block_l-6 .box_item::before, .block_l-6 .box_item::after{
    	background-color: var(--black);
    }
    .grad1{
        background-image: linear-gradient(to bottom, var(--color1), hsl(from color-mix(in srgb, var(--color1), var(--color3)) h 70% 60%), var(--color3));
    }
    .grad2{
        background-image: linear-gradient(to bottom, var(--color2), var(--color4));
    }
    .grad3{
        background-image: linear-gradient(to bottom, color-mix(in srgb, var(--color1) 10%, transparent), color-mix(in srgb, var(--color3) 10%, transparent));
    }
    .grad1_txt .editTxt1{
        color: transparent;
        display: inline-block;
        background-image: linear-gradient(to right, var(--color1), hsl(from color-mix(in srgb, var(--color1), var(--color3)) h 70% 60%), var(--color3));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .grad2_txt .editTxt1{
        color: transparent;
        display: inline-block;
        background-image: linear-gradient(to right, var(--color2), var(--color4));
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .box_title2{
        line-height: 1.8;
        div:not(:has(div)){
            display: inline;
            background-color: var(--color2);
            border: solid var(--color2);
            border-width: 0 0.3em;
            box-decoration-break: clone;
            padding: 0 0.1em 0;
            font-feature-settings: "palt";/* 自動カーニング */
             -webkit-box-decoration-break: clone;
        }
    }
}

/* block_p-67 */
.block_p-67{
    .box_img1 img{
        mask-image: linear-gradient(to bottom, #000 calc(100% - 100px), transparent);
    }
    --grad1: linear-gradient(90deg, var(--color3) 20%, hsl(from var(--color3) h 70% 60%) 70%, hsl(from var(--color3) h 70% 50%) 100%);
    --space-sm: 3%;
    --space-md: 5%;
    --space-lg: 10%;
    .box_txt1{
        font-family: var(--font-lg);
        font-size: 2rem;
        z-index: 2;
        margin-top: -10%;
    }
    .box_txt2{
        font-family: var(--font-en);
        font-size: 6rem;
        text-align: center;
        z-index: 1;
        margin-top: -25%;
        .editTxt1{
            background: linear-gradient(to bottom, rgb(255 239 214 / 3%) 35%, hsl(from color-mix(in srgb, var(--color1) 20%, transparent) h 70% 50%) 80%);
            -webkit-background-clip: text;
            color: transparent;
        }
    }
    .divider_grad{
        height: 100px;
        width: 100%;
        position: absolute;
        bottom: -1px;
    }
    .dec_line{
        width: 15%;
        background: var(--grad1);
        height: 2px;
        margin: var(--space-sm) auto 0;
    }
}

/* block_p-68 */
.block_p-68{
    background-color: var(--color4);
    background-image: radial-gradient(var(--color1) 1.1px, var(--color4) 1.1px);
    background-size: 22px 22px;
    .marker01 {
        background: linear-gradient(transparent 70%, var(--color3) 70%);
        display: inline;
    }
    .block_fv .box_img2 img {
        clip-path: url(#block_p-68_svg);
        -webkit-clip-path: url(#block_p-68_svg);
        object-fit: cover;
        object-position: center;
        aspect-ratio:0.8;
    }
}

/* block_p-69 */
.block_p-69{
    .box_item1::after{
        content: "";
        width: 100%;
        height: 30%;
        position: absolute;
        left: 0;
        bottom: 0;
        background-image: linear-gradient(to bottom, rgb(255 255 255 / 0), rgb(255 255 255 / 100));
        pointer-events: none;
    }
    .grad2 {
        background-image: linear-gradient(to top, var(--color1), color-mix(in srgb, var(--color1) 100%, #fff 30%));
    }
    .box_title2{
        line-height: 1.8;
        color: #fff;
        div:not(:has(div)){
            display: inline;
            background-color: var(--color3);
            border: solid var(--color3);
            border-width: 0.1em 0.4em 0.1em 1em;
            box-decoration-break: clone;
            padding: 0 0.1em 0;
            font-feature-settings: "palt";/* 自動カーニング */
             -webkit-box-decoration-break: clone;
        }
    }
    .box_img2{
        top: 30%;
        left: 0;
        bottom: 0;
        div, img{
            width: 100%;
            height: 100%;
        }
        img{
            object-fit: cover;
            mask-image: linear-gradient(to bottom, transparent, #000 100px);
        }
    }
}

/* block_p-70 */
.block_p-70{
    .grad1{
        background-image: linear-gradient(to bottom, var(--color1), var(--color3));
    }
    .grad2{
        background-image: linear-gradient(to right, var(--color1), var(--color3));
    }
    .grad3{
        background-image: linear-gradient(to left, var(--color1), var(--color3));
    }
    .box_img1 img, .box_img2 img{
        aspect-ratio: 1.3;
        object-fit: cover
    }
    .box_img1 img{
        mask-image: linear-gradient(to bottom, rgb(0 0 0 / 50%), #000 calc(100% - 150px));
    }
    .box_img2 img{
        mask-image: linear-gradient(to bottom, #000 calc(100% - 150px), transparent);
    }
    .skewY{
        transform: skewY(-5deg);
    }
    .skewX{
        transform: skewX(-5deg);
    }
    .skew_txt .editTxt1{
        transform: skewX(-10deg);
    }
}

/* block_p-71 */
.block_p-71{
    --space-sm: 3%;
    --space-md: 5%;
    --space-lg: 10%;
    --side-space-md: 5%;
    --side-space-lg: 10%;
    .copy_main_box .box_txt1{font-size: 130%;line-height: 1.2;}
    .copy_main_box .box_txt2{font-size: 290%;line-height: 1;}
    .copy_sub_box .copy_sub{
        bottom: 5%;
        left: var(--side-space-md);
        color: var(--color1);
        line-height: 2.3;
        font-size: 130%;
        .cate_box2{font-size: 130%;}
        div:not(:has(div)){
            display: inline;
            background-color: white;
            border: solid white;
            border-width: 0.3em 0.2em;
            box-decoration-break: clone;
            padding: 0 0.1em 0;
            font-feature-settings: ""palt"";
             -webkit-box-decoration-break: clone;
        }
    }
    .copy_point .cate_box{
        border-right: 2px dashed white;
        box-sizing: border-box;
        line-height: 1.2;
        &:last-child{border-right:none}
    }
    
    .copy_info .cate_box1{
        background-color: white;
        border-radius: 3rem;
    }
    .copy_sub_box .box_img1 img {
      clip-path: url(#mask1);
      -webkit-clip-path: url(#mask1);
      object-fit: cover;
      object-position: center;
      aspect-ratio:0.8;
    }
    .svg_wrap rect, .svg_wrap circle, .svg_wrap ellipse, .svg_wrap polygon, .svg_wrap path {
        fill: currentColor !important;
        stroke: none !important;
    }
}

/* block_p-72 */
.block_p-72{
    .copy_01 {
        top: 0;
        right: 5%;
        text-shadow: 0 0 8px rgba(11,11,40,1);
    }
    .fv_svg {
        top: 0;
        left: 0;
        pointer-events:none;
    }
    .fv_img1_wrap{
        transform: translate(-4%, 11%) scale(1.12);
        margin-bottom: 20%;
    }
    .fv_img2  {
        bottom: 0;
        left: 0;
        width: 83%;
    }
    .copy_02_wrap {
        bottom: 0;
        left: 0;
        pointer-events: none;
    }
    .copy_02 {
        box-shadow: var(--color1) 0px 3px 0px;
        pointer-events: auto;
    }
    .copy_03{
        pointer-events: auto;
    }
}

/* block_p-73 */
.block_p-73{
    .box_img1 img{
        aspect-ratio: 0.6;
        object-fit: cover;
    }
    .box_img2 img{
        mask-image: linear-gradient(to bottom, #000 calc(100% - 120px), transparent);
    }
    .fv_bottom{
            .cate_box::before, .cate_box::after{
            position: absolute;
            content: "";
            width: 15%;
            aspect-ratio: 1;
            background-color: var(--color1);
        }
        .cate_box::before{
            top: -1px;
            left: -1px;
            clip-path: polygon(0 0, 0% 100%, 100% 0);
        }
        .cate_box::after{
            bottom: -1px;
            right: -1px;
            clip-path: polygon(100% 100%, 0% 100%, 100% 0);
        }
    }
}

/* block_p-74 */
.block_p-74{
    .grad1{
        background-image: linear-gradient(to bottom,
        color-mix(in srgb, var(--color2) 0%, transparent),
        var(--color2));
    }
    .grad3{
        background-image: linear-gradient(to right, var(--color1), var(--color3) 12em);
    }
    .shadow-h {
        box-shadow: 0 5px 8px 
        color-mix(in srgb, var(--black) 10%, transparent);
    }
    .box_img1 img{
        border-radius: 100px 0 0 0;
    }
    .box_txt1 .editTxt1{
        display: inline-block;
        border-radius: 0 50vw 50vw 0;
        padding: 0.5em 1em 0.5em 2em;
        background-color: var(--color1);
        &::before{
            position: absolute;
            content: "";
            width: 0.5em;
            aspect-ratio: 0.6;
            left: 0.8em;
            top: 50%;
            transform: translateY(-60%) rotate(45deg);
            border-right: solid 2px var(--color2);
            border-bottom: solid 2px var(--color2);
            z-index: 1;
            box-sizing: border-box;
            border-radius: 0 0 0.15em;
        }
    }
}

/* block_p-75 */
.block_p-75{
    .shadow-black {
        box-shadow: 3px 3px 0 var(--black);
    }
    .box_img1{
        filter: drop-shadow(0 3px 0 var(--black));
        img{
            clip-path: ellipse(100% 90% at 50% 10%);
        }
    }
    .box_txt1{
        line-height: 1.8;
        div:not(:has(div)){
            display: inline;
            background-color: #fff;
            border: solid #fff;
            border-width: 0.3em 0;
            box-decoration-break: clone;
            padding: 0.1em 0;
            font-feature-settings: "palt";
            -webkit-box-decoration-break: clone;
        }
    }
    .box_title1 .editTxt1{
        background-color: var(--color1);
        border-radius: 100px;
        padding: 0.6em 1.2em;
        position: relative;
        &::before{
            position: absolute;
            content: "";
            width: 0.8em;
            aspect-ratio: 1;
            clip-path: polygon(85% 0, 0 0, 100% 100%);
            left: 1em;
            top: calc(100% - 1px);
            background-color: inherit;
        }
    }
    .box_title2{
        -webkit-text-stroke: 3px white;
        text-stroke: 3px white;
        paint-order: stroke;
        text-shadow: 3px 3px white;
    }
    .block_f-9 {
        filter: none;
    }
}

/* block_p-76 */
.block_p-76{
    --grad1: linear-gradient(to bottom, color-mix(in srgb, var(--color1) 10%, #fff), color-mix(in srgb, var(--color3) 10%, #fff));
    --grad2: linear-gradient(to bottom, var(--color1), var(--color3));
    .grad1{
        background-image: var(--grad1)
    }
    .grad2{
        background-image: var(--grad2)
    }
    .shadow_color1{
        box-shadow: 0 5px 10px var(--color1);
    }
    .box_img1 img{
        aspect-ratio: 2 / 3;
        object-fit: cover
    }
    .box_title1{
        filter: drop-shadow(0 0 3px var(--color1));
        .editTxt1{
            background-image: linear-gradient(to bottom, var(--color1), var(--color3)); 
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
    }
}

/* block_p-77 */
.block_p-77{
    background-image: linear-gradient(to bottom, color-mix(in srgb, var(--color1) 70%, transparent), color-mix(in srgb, var(--color1) 70%, transparent) 70%, var(--color1));
    .box_title1{
        line-height: 1.8;
        div:not(:has(div)){
            display: inline;
            background-color: var(--color1);
            border: solid var(--color1);
            border-width: 1em 0 0.5em;
            box-decoration-break: clone;
            font-feature-settings: "palt";
            -webkit-box-decoration-break: clone;
        }
    }
    .box_img1 img{
        border-radius: 0 0 50% 50%;
    }
    .box_title2{
        margin-top: -10%;
        transform: skewY(-5deg) scaleY(1.3);
        transform-origin: center bottom;
        font-size: 66px;
        letter-spacing: -0.05em;
        text-shadow: 0 0 5px var(--color1), 0 0 10px var(--color1);
    }
    .box_item .cate_box:last-of-type{
        border-right: none;
    }
    .box_item .cate_box::before{
        content: "";
        display: block;
        width: 20%;
        aspect-ratio: 1.2;
        background-color: currentColor;
        margin: 0 auto 10%;
        clip-path: polygon(30% 70%, 100% 0, 30% 100%, 0 50%);
    }
    .box_title3{
        transform: skewX(-10deg) skewY(-5deg);
        transform-origin: right bottom;
    }
}

/* block_p-78 */
.block_p-78 {
    .title_box::before{
        position: absolute;
        content: "";
        width: 90%;
        aspect-ratio: 1;
        border-radius: 30% 0 30% 0;
        background-color: var(--color2);
        bottom: 0;
        left: 0;
        z-index: -1;
    }
    .box_img1 img{
        border-radius: 30% 0 30% 0;
        display: block;
    }
    .box_img2 img{
        border-radius: 0 40% 0 40%;
        
    }
    .box_title1{
        line-height: 2;
        div:not(:has(div)){
            display: inline;
            background-color: var(--color1);
            border: solid var(--color1);
            border-width: 1em 0.3em 1em;
            box-decoration-break: clone;
            font-feature-settings: "palt";
            -webkit-box-decoration-break: clone;
        }
    }
    .check_wrap .dupe_box:last-of-type{
        border-right: none;
    }
}

/* block_p-79 */
.block_p-79{
    .shadow-h {
        box-shadow: 0 3px 8px 
        color-mix(in srgb, var(--color1) 30%, transparent);
    }
    .shadow-h2 {
        background-image: linear-gradient(45deg,
        color-mix(in srgb, var(--color1) 5%, transparent) 50%, transparent 50%);
    }
    .box_title1{
        &::before{
            position: absolute;
            content: "";
            width: 0;
            height: 0;
            border-left: solid 10px transparent;
            border-top: solid 10px #fff;
            border-right: solid 10px transparent;
            left: 0;
            right: 0;
            bottom: -10px;
            margin: auto;
        }
    }
    .box_title3{
        background-color: rgb(255 255 255 / 0.1);
    }
    .box_item2{
        &::before, &::after{
            position: absolute;
            content: "";
            width: 20%;
            height: 1px;
            background-color: #fff;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
        }
        &::before{
            transform: rotate(30deg);
        }
        &::after{
            transform: rotate(-30deg);
        }
    }
}

/* block_p-80 */
.block_p-80{
    background-image: linear-gradient(135deg, var(--color4) 5%, #fff 40%);
    .grad4 {
        background-image: linear-gradient(to left, var(--color1), var(--color3));
    }
    .editImg1 img{
        overflow: hidden;
    }
    .box_img1 .editImg1,.box_img1 .editImg1 img{
        border-radius: 15px;
    }
    .box_img2, .box_img2 .editImg1,.box_img2 .editImg1 img{
            border-radius: 15px 0 0 15px;
    }
}


/* Form用スタイル */
.editForm1 ul {
	list-style: none;
	margin: 10px;
}

.editForm1 form li {
	margin-top: 1em;
	margin-right: 0px !important;
}

.editForm1 label {
	box-sizing: border-box;
	padding-bottom: 1px;
	display: block;
}

.editForm1 button {
	text-align: center;
	color: #ffffff;
	font-size: 18px;
	padding: 10px;
	width: 90%;
	background-color: #444444;
	margin: 10px;
}

.editForm1 input, select {
	display: block;
	height: calc(1.5em + 0.75rem + 2px);
	font-size: 1rem;
	font-weight: 400;
	color: #495057;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	width: 100%;
}

/* PC時フォントサイズ調整 */

@media screen and (min-width: 561px){
    #MainWrap .editTxt1{
        font-size: 150%;
        letter-spacing: 1.5px
    }
    #MainWrap .editTxt1 .editTxt1{
        font-size: 100%;
    }
}
.font_300per{font-size:-webkit-calc(3rem);font-size : calc(3rem);}	
.d_flex_2{	
display: flex;	
}


/* mailForm用スタイル */
.PgeE03 .editMailForm1{
    pointer-events: none
}
.editMailForm1 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.editMailForm1 ul li {
    margin-bottom: 5%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.editMailForm1 label {
    box-sizing: border-box;
    margin-bottom: 2%;
    display: block;
}
.editMailForm1 ul li span[style*="color:red;"] {
    display: block;
    font-size: 12px;
    padding: 5px 6px;
    border-radius: 3px;
    background-color: #e15353;
    color: #fff !important;
    line-height: 1;
    margin-left: 10px;
    margin-bottom: 2%;
}

.editMailForm1 button {
	text-align: center;
	color: #ffffff;
	font-size: 18px;
	padding: 10px;
	width: 90%;
	background-color: #444444;
	margin: 10px;
}

.editMailForm1 input, .editMailForm1 select, .editMailForm1 textarea{
    display: block;
    height: initial;
    padding: 5px 10px;
    box-sizing: border-box;
    font-size: 1rem;
    line-height: 1;
    font-weight: normal;
    color: currentColor;
    border: solid 1px #ccc;
    border-radius: 5px;
    width: 100%;
    margin: 0;
    font-family: inherit;
    transition: border-color 0.2s
}
.editMailForm1 li *:has(> input[type="checkbox"], > input[type="radio"]){
    width: 100%;
}
.editMailForm1 input:focus-visible, .editMailForm1 select:focus-visible, .editMailForm1 textarea:focus-visible{
    outline: none;
    border-color: var(--color1)
}
.editMailForm1 ::placeholder{
    color: rgb(0 0 0 / 0.3)
}

.editMailForm1 textarea{
    height: 6rem;
    line-height: 1.5;
}
.send_btn a{
	display: block;
    padding: 2% 5%;
    box-sizing: border-box;
	text-align: center;
	margin: 0 auto;
}

/* 追加 */
.editMailForm1 input[type=radio]
{
    width:30px;
    display:inline-block;
}
.preFormDisp input[type=radio]
{
    width:30px !important;
    display:inline-block !important;
    height:auto !important;
}
.editMailForm1 input[type=checkbox]
{
    width:30px;
    display:inline-block;
}
.preFormDisp input[type=checkbox]
{
    width:30px !important;
    display:inline-block !important;
    height:auto !important;
}


#MainWrap .bwrap:has(#JSMAIL_TO_MAIL[value=""]) *{
	display: none;
}
#MainWrap .bwrap:has(#JSMAIL_TO_MAIL[value=""])::before{
	white-space: pre;
	content: "ただいま準備中です。\Aしばらくお待ちください。";
	display: block;
	width: 100%;
	text-align: center;
	padding: 3% 0;
	border-radius: 5px;
	background-color: #f0f0f0;
	color: #aaa;
	width: 90%;
	margin: auto;
	font-size: 18px;
	line-height: 1.5;
}
.PgeE03 .bwrap:has(#JSMAIL_TO_MAIL[value=""])::before{
	white-space: pre;
	content: "受信先メールアドレスが\A設定されていません。";
	display: block;
	width: 100%;
	text-align: center;
	font-size: 16px;
	padding: 3% 0;
	border-radius: 5px;
	background-color: #e15353;
	color: #fff;
	width: 90%;
	margin: auto;
	line-height: 1.5;
	margin-bottom: 10px;
}