@charset "utf-8";
/* CSS Document */
/* ----- ページごとメニュースタイル ----- */
.header .head_nav > .ul > .li:nth-of-type(4) > .en{
	background-color: #EF8200;
	color: #fff;
}
.header .head_nav > .ul > .li:nth-of-type(4) > a:hover > .jp{
	opacity: 0;
	top: 50%;
}
.header .head_nav > .ul > .li:nth-of-type(4) > .ul > .li:nth-of-type(1) .en{
	background-color: #EF8200;
	color: #fff;
}
.header .head_nav > .ul > .li:nth-of-type(4) > .ul > .li:nth-of-type(1) .jp{
	transform: translateY(-50%) translateX(15px);
	opacity: 1;
}
/* ---------- submenu_wrap ---------- */
.submenu_wrap {
    width: 100%;
}
.submenu_wrap .box {
    position: relative;
    flex: 0 0 33.333%;
    min-height: 360px;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
}
.submenu_wrap .box .bgbox {
    position: relative;
	width: 100%;
    height: 100%;
}
.submenu_wrap .box .bgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	display: block;
}
.submenu_wrap .box .bgbox::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #000000B3;
	z-index: 1;
}
.submenu_wrap .box .topbox {
    position: absolute;
    z-index: 2;
    height: 100%;
    padding: 24px 28px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
	box-sizing: border-box;
}

.more-sm p{
	font-size: clamp(18px,2.4vw,24px);
	font-family: "Jersey 25", sans-serif;
	font-weight: 900;
	color: #fff;
}
.more-sm > .flex{
	gap: 20px;
}
.more-sm .icon{
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    justify-content: center;
    align-items: center;
	flex-direction: row;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #fff;
}
.more-sm .icon i{
	color: #1A1A1A;
	font-size: 9px;
	transform: rotate(-45deg);
	transition: ease 0.2s;
}
.submenu_wrap a:hover .more-sm .icon i{
	transform: rotate(0deg);
}
/* ---------- process_wrap ---------- */
.process_wrap{
	padding-left: 0;
	padding-right: 0;
}
.process_wrap .swiper-container {
    overflow: hidden; 
}
.process_wrap .swiper-container .swiper-wrapper{
	margin-bottom: 80px;
}
.process_wrap .swiper-container .swiper-slide{
	gap: 50px;
	align-items: center;
	opacity: 1;
}
.process_wrap .swiper-container .swiper-slide .imgbox{
	position: relative;
	width: calc(30% - 25px);
}
.process_wrap .swiper-container .swiper-slide .txtbox{
	width: calc(70% - 25px);
}
.process_wrap .swiper-container .swiper-slide .imgbox img{
	position: relative;
	border-radius: 50%;
	z-index: 1;
}
.process_wrap .swiper-container .swiper-slide .imgbox .numbox{
	position: absolute;
	top:0;
	left:0;
	z-index: 2;
}
.process_wrap .swiper-container .swiper-slide .imgbox .num{
	font-size: clamp(40px,4.5vw,110px);
	font-family: "Jersey 25",  sans-serif;
}
.process_wrap .process-nav {
    margin-top: 24px;
    display: flex;
    justify-content: flex-start;
    gap: 16px;
}
.process_wrap .swiper-button-prev,
.process_wrap .swiper-button-next {
    position: static;     
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
	background-color: #000;
}
.process_wrap .swiper-button-prev i,
.process_wrap .swiper-button-next i {
    font-size: 16px;
	color: #fff;
}
.process_wrap .swiper-button-prev::after,
.process_wrap .swiper-button-next::after {
    content: none; 
}


/* ---------- contents ---------- */
.cate .topbox{
	gap: 80px;
}
.cate .topbox > p{
	width: 100%;
}
/* ---------- cate4 ---------- */
.cate4 .box_wrap {
    column-gap: 80px;
    row-gap: 0px;
}
.cate4 .box_wrap .box-item{
	width: calc((100% - 80px)/2);
}
.cate4 .box_wrap .box-item img{
	border-radius: 30px;
}
.cate4 .box_wrap .box-item:nth-child(even){
    padding-top: 90px;
}


/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
	.cate .topbox{
		gap: 50px;
	}
	.cate4 .box_wrap {
		gap: 50px;
	}
	.cate4 .box_wrap .box-item{
		width: calc((100% - 50px)/2);
	}
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
/* ---------- style ---------- */
    .pagetitle-bottom {
        padding-top: 12px;
        padding-bottom: 12px;
        gap: 20px;
    }
/* ---------- process_wrap ---------- */
	.process_wrap .swiper-container .swiper-wrapper{
		gap: 30px;
		margin-bottom: 80px;
	}
	.process_wrap .swiper-container .swiper-slide {
		gap: 30px;
	}
	.process_wrap .swiper-container .swiper-slide {
		flex-direction: column;
	}
	.process_wrap .swiper-container .swiper-slide .txtbox{
		width: 100%;
	}
    .process_wrap .process-nav {
        justify-content: center;
    }
	.process_wrap .swiper-container .swiper-slide .imgbox {
		width: 50%;
	}
/* -------------------- */
	.cate4 .box_wrap .box-item{
		width: 80%;
	}
	.cate4 .box_wrap .box-item:nth-child(even) {
		padding-top: 0px;
	}
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.cate4 .box_wrap .box-item{
		width: 100%;
	}
	.cate4 .box_wrap .box-item .imgbox{ 
		width: 70%;
		margin: 0 auto;
	}
	.cate4 .box_wrap .box-item img {
		border-radius: 10px;
	}
}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.cate .topbox{
		gap: 30px;
	}
	.cate4 .box_wrap .box-item .imgbox{ 
		width: 90%;
	}
/* ---------- style ---------- */
	.br-sp br{
	display: inline-block;
	}
/* ---------- process_wrap ---------- */
	.process_wrap .swiper-container .swiper-slide .imgbox {
		width: 80%;
	}
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}