@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=DotGothic16&family=Jersey+25&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap');/* CSS Document */
html{
}
body{
	font-family: "Zen Kaku Gothic New", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
	background-color: #fff;
	color: #1A1A1A;
}

body .bg_img_wrap {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
body.on .bg_img_wrap .bg_img{
	display: none;
}
body .bg_img_wrap2 {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
body.on .bg_img_wrap2 > img{
	display: none;
}

a{
	display: inline-block;
	transition: ease 0.3s;
}
a:hover{
	opacity: 0.5;
}
a p,a,a i{
	color: #000000;
}
.font-medium{font-weight: 500;}
.font-semibold{font-weight: 600;}
.font-black{font-weight: 900;}


.pd_wrap{
	padding: 150px 80px 0;
}
.pd_wrap_all{
	padding: 150px 80px 150px;
}
.pd_wrap_side{
	padding-left: 80px;
	padding-right: 80px;
}

.cate_wrap > .cate{
	padding-top: 150px;
}
.en_title{
	font-family: "Jersey 25",  sans-serif;
	font-size: 120px;
	letter-spacing: 0.15em;
}
.en_title2{
	font-family: "Jersey 25",  sans-serif;
	font-size: 60px;
}
.en_title3{
	font-family: "Jersey 25",  sans-serif;
	font-size: 30px;
}
.default_title1{
	font-size: clamp(24px,3.6vw,52px);
	font-weight: 700;
}
.default_title2{
	font-size: clamp(20px,2.8vw,42px);
	font-weight: 700;
}
.default_title3{
	font-size: clamp(18px,2.0vw,32px);
	font-weight: 700;
}
.default_txt1{
	font-size: clamp(18px,1.8vw,24px);
}
.default_txt2{
	font-size: clamp(16px,1.6vw,20px);
}
.default_txt3{
	font-size: 16px;
	font-size: clamp(14px,1.6vw,16px);
}
.default_txt4{
	font-size: clamp(12px,1.4vw,14px);
}

.font-dot{
	font-family: "DotGothic16", "Zen Kaku Gothic New", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
	font-weight: 400;
}
.font-jersey{
	font-family: "Jersey 25", "Zen Kaku Gothic New", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;	
	font-weight: 400;
}


.mgbottom1{
	margin-bottom: 80px;
}
.mgbottom2{
	margin-bottom: 50px;
}
.mgbottom3{
	margin-bottom: 30px;
}

#chatbot-btn{z-index: 9997;}
/* ---------- common ---------- */
.commingsoon{
	height: 60vh;
	min-height: 500px;
}
.commingsoon .title{
	font-size: clamp(50px,5.6vw,80px);
	font-family: "Jersey 25", "Zen Kaku Gothic New", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;	
	font-weight: 400;
}
.pd_t{
	padding-top: 100px;
}
.br-sp br{
	display: none;
}
.pagelinks_d a {
    border-bottom: none;
}
.box-style1{
	position: relative;
}
.box-style1 .titlebox{
	position: absolute;
	top: 0;
	left: 0;
}
.box-style1 .titlebox .bgbox{
	position: relative;
	background-color: #fff;
	padding: 20px 50px;
	border-bottom-right-radius: 50px;
}
.box-style1 .titlebox .bgbox::before,
.box-style1 .titlebox .bgbox::after{
    position: absolute;
    content: "";
    width: 50px;
    aspect-ratio: 1 / 1;
    background-image: url("https://16-edit.co.jp/system_panel/uploads/images/box-style1.png");
    background-size: contain; 
    background-repeat: no-repeat; 
    background-position: center; 
}
.box-style1 .titlebox .bgbox::before{
    top: 0;
    right: -50px;
}
.box-style1 .titlebox .bgbox::after{
    bottom: -50px;
    left: 0;
}
.box-style1 img{
	border-radius: 30px;
}
/* ---------- 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; 
}
.process_wrap .swiper-container .swiper-slide .imgbox .num{
	text-shadow: 2px 2px 0 #fff;
}
/* ---------- pagetitle ---------- */
.pagetitle .box{
	width: 100%;
	gap: 50px;
	justify-content: space-between;
}
.pagetitle .box .titlebox{
	width: calc(50% - 25px);
}
.pagetitle .box .txtbox{
	width: calc(50% - 25px);
}
.pagetitle .box .titlebox .en{
	font-size: clamp(64px, 10vw, 140px);
	font-family: "Jersey 25",  sans-serif;
	line-height: 1;
}
.pagetitle .box .titlebox .jp{
	font-size: 28px;
	font-family: "Zen Kaku Gothic New",  sans-serif;
	color: #666666;
	font-weight: 900;
}
.pagetitle-bottom{
	background-color: #F9F9F9;
	padding-top: 18px;
	padding-bottom: 18px;
	gap: 20px;
	justify-content: flex-start;
}
.pagetitle-bottom .txt1{
	color: #808080;
	font-weight: 900;
}
.pagetitle-bottom .txt2{
	color: #EF8200;
	font-weight: 900;
}
.pagetitle-bottom img{
	width: 24px;
}

.snsbox{
	gap: 25px;
}
.snsbox a{
	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;
	gap: 8px;
}
.snsbox a p{
	font-size: clamp(14px,1.8vw,24px);
	font-weight: 900;
	line-height: 1;
}
.snsbox a i{
	font-size: clamp(18px,2.2vw,28px);
}
.more p{
	font-size: clamp(18px,2.4vw,24px);
	font-weight: 900;
}
.more p.font-jersey{
	font-size: clamp(22px,2.4vw,28px);
	font-weight: 400;
}
.more > div{
	display: inline-block;
}
.more a > .flex,.more > div > .flex{
	gap: 20px;
}
.more .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: 50px;
	min-width: 50px!important;
	padding: 0;
	height: 50px;
	border-radius: 50%;
	background: #005D49;
	background: radial-gradient(circle, rgba(0, 93, 73, 1) 0%, rgba(0, 124, 94, 1) 100%);
}
.more .icon i{
	color: #fff;
	font-size: clamp(10px,1.2vw,14px);
	transform: rotate(-45deg);
	transition: ease 0.2s;
}
.more a:hover .icon i,a:hover .more .icon i{
	transform: rotate(0deg);
}

.more.more2 .icon{
	background-color: #fff;
	background: #fff;
}
.more.more2 p{
	color: #fff;
}
.more.more2 .icon i{
	color: #1A1A1A;
}

.more3 p{
	font-size: clamp(20px,2.8vw,32px);
	font-weight: 900;
}


.servicelink_wrap{
	align-items: stretch;
}
.servicelink_wrap .box{
	position: relative;
	width: calc(100% / 3);
	overflow: hidden;
	padding: 60px 40px;
	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;
	background-color: #1a1a1a;
}
.servicelink_wrap .box:nth-of-type(2){animation-delay: 0.2s;}
.servicelink_wrap .box:nth-of-type(3){animation-delay: 0.4s;}
.servicelink_wrap .box:hover{
	opacity: 1;
}
.servicelink_wrap .box::after{
	content: "";
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #1A1A1A;
	opacity: 0.7;
	z-index: 2;
	transition: ease 0.3s;
}
.servicelink_wrap .box:hover::after{
	opacity: 0.2;
}
body.on .servicelink_wrap .box::after{
	display: block;
}
body.on .servicelink_wrap .box .bg_item{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	z-index: 1;
	transition: ease 0.4s;
	-ms-filter: blur(5px);
	filter: blur(5px);
}
body.on .servicelink_wrap .box:hover .bg_item{
	-ms-filter: blur(0px);
	filter: blur(0px);
	width: calc(100% + 50px);
	height: calc(100% + 50px);
}
.servicelink_wrap .box .txtbox{
	position: relative;
	width: 100%;
	z-index: 4;
}
.servicelink_wrap .box .txtbox p{
	color: #fff;
}
.servicelink_wrap .box .txtbox .titlebox .en{
	font-size: clamp(24px,3.8vw,52px);
	font-family: "Jersey 25", "Zen Kaku Gothic New", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;	
	font-weight: 400;
	line-height: 1;
}
.servicelink_wrap .box .txtbox .titlebox .jp{
	font-size: clamp(14px,1.4vw,20px);
	font-weight: 900;
}
.servicelink_wrap .box .txtbox .titletxt{
	font-size: clamp(16px,1.8vw,24px);
	font-weight: 900;
	margin-top: 30px;
}
.servicelink_wrap .box .txtbox .more{
	justify-content: flex-end;
	margin-top: 20px;
}
.servicelink_wrap .box .txtbox .more p.font-jersey{
	font-size: clamp(18px,1.6vw,22px);
}
.servicelink_wrap .box .txtbox .more .icon{
	width: 40px;
	min-width: 40px!important;
	height: 40px;
}
.servicelink_wrap .box .txtbox .more .icon i{
	font-size: 10px;
}
/* ---------- header ---------- */
.header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	justify-content: space-between;
	padding: 15px;
	z-index: 9999;
}
.header .logo{
	width: 20%;
	max-width: 260px;
}
.header .head_nav{
	background-color: #FFFFFF;
	border-radius: 10px;
	padding: 10px;
}
.header .head_nav > .ul{
	gap: 10px;
}
.header .head_nav > .ul > .li{
	position: relative;
}
.header .head_nav > .ul > .li > a{
	position: relative;
}
.header .head_nav > .ul > .li > a > .jp{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	opacity: 0;
	transition: ease 0.2s;
	white-space: nowrap;
}
.header .head_nav > .ul > .li > a > .jp::after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: 100%;
	transform: translateX(-50%) translateY(1px);
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	border-bottom: 5px solid #ef8200;
	border-top: 0;
}

.header .head_nav > .ul > .li > a:hover > .jp{
	opacity: 1;
	top: calc(100% + 20px);
}
.header .head_nav > .ul > .li > .ul{
	position: absolute;
	opacity: 0;
	pointer-events: none;
	transition: ease 0.2s;
	top: 100%;
	transform: translateY(-15px);
	padding-top: 10px;
	flex-direction: column;
	gap: 10px;
	justify-content: flex-start;
	align-items: stretch;
}
.header .head_nav > .ul > .li:hover > .ul{
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0px);
}
.header .head_nav > .ul > .li > .ul .li{
}
.header .head_nav > .ul > .li > .ul .li a{
	position: relative;
}
.header .head_nav > .ul > .li > .ul .li a .jp{
	position: absolute;
	top: 50%;
	left: 100%;
	transform: translateY(-50%) translateX(-15px);
	opacity: 0;
	transition: ease 0.2s;
	white-space: nowrap;
}
.header .head_nav > .ul > .li > .ul .li a .jp::after{
	content: "";
	position: absolute;
	right: 100%;
	top: 50%;
	transform: translateY(-50%) translateX(1px);
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 5px solid #ef8200;
	border-left: 0;
}
.header .head_nav > .ul > .li > .ul .li a:hover .jp{
	transform: translateY(-50%) translateX(15px);
	opacity: 1;
}
.header .head_nav .ul .li a:hover {
	opacity: 1;
}
.header .head_nav .ul .li .en{
	font-family: "Jersey 25", "Zen Kaku Gothic New", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;	
	font-weight: 400;
	font-size: 24px;
	line-height: 1;
	padding: 6px 15px;
	background-color: #EFEFEF;
	border-radius: 10px;
	white-space: nowrap;
}
.header .head_nav .ul .li .jp{
	font-weight: 900;
	font-size: 14px;
	/*
	background: #007C5E;
	background: radial-gradient(circle, rgba(0, 124, 94, 1) 0%, rgba(0, 93, 73, 1) 100%);
	*/
	background-color: #EF8200;
	color: #fff;
	padding: 3px 10px;
	border-radius: 5px;
}
.header .head_nav .ul .li > .en{
	cursor: pointer;
}
.header .menu-bt{
}
/*
.menu-wrap{
	display: none;
}
*/

.header .menu-bt{
	display: none;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #007C5E;
	background: radial-gradient(circle, rgba(0, 124, 94, 1) 0%, rgba(0, 93, 73, 1) 100%);
}
.header .menu-bt .line{
	position: relative;
	width: 28px;
	height: 18px;
}
.header .menu-bt .line > div{
	position: absolute;
	width: 100%;
	height: 3px;
	border-radius: 3px;
	background-color: #fff;
	transition: ease 0.2s;
}
.header .menu-bt .line > div:nth-of-type(1){
	top: 0;
	left: 0;
}
.header .menu-bt .line > div:nth-of-type(2){
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.header .menu-bt .line > div:nth-of-type(3){
	bottom: 0;
	left: 0;
}
.header .menu-bt.active .line > div:nth-of-type(1){
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
}
.header .menu-bt.active .line > div:nth-of-type(2){
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
	opacity: 0;
}
.header .menu-bt.active .line > div:nth-of-type(3){
	bottom: 50%;
	left: 50%;
	transform: translate(-50%,50%) rotate(-45deg);
}

.menu-wrap{
	display: none;
	position: fixed;
	z-index: 9998;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
}
.menu-wrap::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background: #007C5E;
	background: linear-gradient(90deg, rgba(0, 124, 94, 0.85) 0%, rgba(0, 93, 73, 1) 100%);
	opacity: 1;
	border-top: 93px solid rgba(255,255,255,0.40);
}
.menu-wrap > div{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
	padding: 50px;
	overflow: auto;
}
.menu-wrap > div .nav{
	width: 80%;
	flex-direction: column;
	gap: 80px;
}
.menu-wrap > div .nav .ul{
	gap: 60px;
}
.menu-wrap > div .nav a p,.menu-wrap > div .nav a i{
	color: #fff;
}

.menu-wrap > div .nav .ul .li .en{
	font-family: "Jersey 25", "Zen Kaku Gothic New", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;	
	font-weight: 400;
	font-size: clamp(28px,5.0vw,50px);
	line-height: 1;
	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;
}
.menu-wrap > div .nav .ul .li .jp{
	font-weight: 900;
	font-size: clamp(12px,1.8vw,20px);
	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;
}
.menu-wrap > div .nav .snsbox{
	width: 80%;
	justify-content: space-around;
}
.menu-wrap > div .nav .snsbox a p{
	font-size: clamp(20px,2.0vw,30px);
}

body.on .menu-wrap > div .nav .ul .li .en{
	opacity: 0;
	transform: translateY(-20px);
	-ms-filter: blur(6px);
	filter: blur(6px);
}
body.on .menu-wrap > div .nav .ul .li .jp{
	opacity: 0;
	transform: translateY(20px);
	-ms-filter: blur(6px);
	filter: blur(6px);
}
body.on .menu-wrap > div .nav .snsbox{
	opacity: 0;
	transform: translateY(20px);
	-ms-filter: blur(6px);
	filter: blur(6px);
}
body.on .menu-wrap.active > div .nav .ul .li .en{
	animation-name: menu-wrap1;
	animation-duration: 0.4s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}
body.on .menu-wrap.active > div .nav .ul .li .jp{
	animation-name: menu-wrap2;
	animation-duration: 0.4s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}
body.on .menu-wrap.active > div .nav .snsbox{
	animation-name: menu-wrap3;
	animation-delay: 1.5s;
	animation-duration: 0.4s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}
body.on .menu-wrap.active > div .nav .ul .li:nth-of-type(2) .en,body.on .menu-wrap.active > div .nav .ul .li:nth-of-type(2) .jp{animation-delay: 0.1s}
body.on .menu-wrap.active > div .nav .ul .li:nth-of-type(3) .en,body.on .menu-wrap.active > div .nav .ul .li:nth-of-type(3) .jp{animation-delay: 0.2s}
body.on .menu-wrap.active > div .nav .ul .li:nth-of-type(4) .en,body.on .menu-wrap.active > div .nav .ul .li:nth-of-type(4) .jp{animation-delay: 0.3s}
body.on .menu-wrap.active > div .nav .ul .li:nth-of-type(5) .en,body.on .menu-wrap.active > div .nav .ul .li:nth-of-type(5) .jp{animation-delay: 0.4s}
body.on .menu-wrap.active > div .nav .ul .li:nth-of-type(6) .en,body.on .menu-wrap.active > div .nav .ul .li:nth-of-type(6) .jp{animation-delay: 0.5s}
body.on .menu-wrap.active > div .nav .ul .li:nth-of-type(7) .en,body.on .menu-wrap.active > div .nav .ul .li:nth-of-type(7) .jp{animation-delay: 0.6s}
body.on .menu-wrap.active > div .nav .ul .li:nth-of-type(8) .en,body.on .menu-wrap.active > div .nav .ul .li:nth-of-type(8) .jp{animation-delay: 0.7s}
body.on .menu-wrap.active > div .nav .ul .li:nth-of-type(9) .en,body.on .menu-wrap.active > div .nav .ul .li:nth-of-type(9) .jp{animation-delay: 0.8s}
body.on .menu-wrap.active > div .nav .ul .li:nth-of-type(10) .en,body.on .menu-wrap.active > div .nav .ul .li:nth-of-type(10) .jp{animation-delay: 0.9s}
body.on .menu-wrap.active > div .nav .ul .li:nth-of-type(11) .en,body.on .menu-wrap.active > div .nav .ul .li:nth-of-type(11) .jp{animation-delay: 1.0s}
body.on .menu-wrap.active > div .nav .ul .li:nth-of-type(12) .en,body.on .menu-wrap.active > div .nav .ul .li:nth-of-type(12) .jp{animation-delay: 1.1s}
@keyframes menu-wrap1 {
	0% {
		opacity: 0;
		transform: translateY(-20px);
		-ms-filter: blur(6px);
		filter: blur(6px);
	}
	100% {
		opacity:1;
		transform: translateY(0px);
		-ms-filter: blur(0px);
		filter: blur(0px);
	}
}
@keyframes menu-wrap2 {
	0% {
		opacity: 0;
		transform: translateY(20px);
		-ms-filter: blur(6px);
		filter: blur(6px);
	}
	100% {
		opacity:1;
		transform: translateY(0px);
		-ms-filter: blur(0px);
		filter: blur(0px);
	}
}
@keyframes menu-wrap3 {
	0% {
		opacity: 0;
		transform: translateY(40px);
		-ms-filter: blur(6px);
		filter: blur(6px);
	}
	100% {
		opacity:1;
		transform: translateY(0px);
		-ms-filter: blur(0px);
		filter: blur(0px);
	}
}



/* ---------- footer ---------- */
.footer_contact{
	padding-top: clamp(40px, 8% , 80px);
	padding-bottom: clamp(40px, 8% , 80px);
	position: relative;
	overflow: hidden;
	background: #005946;
	background: linear-gradient(135deg, rgba(0, 89, 70, 1) 0%, rgba(0, 142, 109, 1) 40%, rgba(0, 158, 131, 1) 100%);
}
.footer_contact h2{
	position: relative;
	width: 65%;
	z-index: 3;
	color: #fff;
	font-size: clamp(14px,1.6vw,32px);
	font-weight: 900;
	line-height: 2.2;
}
.footer_contact > p.font-jersey{
	position: absolute;
	z-index: 1;
	bottom: -3%;
	left: 1%;
	color: #fff;
	font-size: clamp(74px,14vw,200px);
	line-height: 0.7;
	opacity: 0.1;
}
.footer_contact a{
	position: absolute;
	width: 30%;
	max-width: 400px;
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	background-color: #fff;
	box-shadow: 10px 10px 0 #F9AE3B;
	bottom: -10%;
	right: 5%;
}
.footer_contact a:hover{
	opacity: 1;
	box-shadow: 2px 2px 0 #F9AE3B;
	background-color: #FFF89E;
}
.footer_contact a .txtbox{
	flex-direction: column;
	gap: 5px;
}
.footer_contact a .txtbox .font-jersey{
	font-size: clamp(26px,5.0vw,60px);
	line-height: 1;
	font-weight: 400;
}
.footer_contact a .txtbox .more{
	margin-top: 20px;
}


.footer .footer_contents{
	width: 100%;
	padding: clamp(20px,5%,80px);
}
.footer .footer_contents .leftbox{
	max-width: 30%;
	flex-direction: column;
	gap: 50px;
}
.footer .footer_contents .leftbox .logo{
	max-width: 210px;
}
.footer .footer_contents .leftbox .snsbox{
	flex-direction: column;
}

.footer .footer_contents .rightbox{
	width: 65%;
	gap: clamp(30px,5%,50px);
	justify-content: flex-end;
	align-items: flex-start;
}
.footer .footer_contents .rightbox .ul{
	flex-direction: column;
	align-items: flex-start;
	gap: 40px;
}
.footer .footer_contents .rightbox .ul .li a:hover{
	opacity: 0.8;
}
.footer .footer_contents .rightbox .ul .li a p{
	transition: 0.2s;
}
.footer .footer_contents .rightbox .ul .li a:hover p{
	transform: translateY(-3px);
}
.footer .footer_contents .rightbox .ul .li a .en{
	font-family: "Jersey 25", "Zen Kaku Gothic New", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;	
	font-weight: 400;
	font-size: clamp(24px,2.2vw,30px);
	line-height: 1;
}
.footer .footer_contents .rightbox .ul .li a .jp{
	font-weight: 700;
	font-size: clamp(12px,1.4vw,16px);
	color: #D4D4D4;
	transition: ease 0.2s;
}
.footer .footer_contents .rightbox .ul .li a:hover .jp{
	color: #EF8200;
}

.footer .copyright{
	border-top: 2px solid #1A1A1A;
	padding: 10px 20px;
	text-align: right;
	font-weight: 700;
}
/* ANIME */
.sc-anime.topin.on{
	opacity:0;
	transform: translateY(-50px);
}
.sc-anime.topin.on.active{
	animation-name: topin;
	animation-duration: 1.2s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}
.sc-anime.bottomin.on{
	opacity:0;
	transform: translateY(50px);
}
.sc-anime.bottomin.on.active{
	animation-name: bottomin;
	animation-duration: 1.2s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}
.sc-anime.leftin.on{
	opacity:0;
	transform: translateX(-50px);
}
.sc-anime.leftin.on.active{
	animation-name: leftin;
	animation-duration: 1.2s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}
.sc-anime.rightin.on{
	opacity:0;
	transform: translateX(50px);
}
.sc-anime.rightin.on.active{
	animation-name: rightin;
	animation-duration: 1.2s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}
.sc-anime.fadein.on{
	opacity:0;
}
.sc-anime.fadein.on.active{
	animation-name: fadein;
	animation-duration: 1.2s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}
.sc-anime.blurin.on{
	opacity:0;
	-ms-filter: blur(6px);
	filter: blur(6px);
}
.sc-anime.blurin.on.active{
	animation-name: blurin;
	animation-duration: 1.2s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}
.sc-anime.blurin2.on{
	opacity:0;
	transform: translateY(50px);
	-ms-filter: blur(6px);
	filter: blur(6px);
}
.sc-anime.blurin2.on.active{
	animation-name: blurin2;
	animation-duration: 1.2s;
	animation-timing-function: ease;
	animation-fill-mode: forwards;
}

@keyframes topin {
	0% {
		opacity:0;
		transform: translateY(-50px);
	}
	100% {
		opacity:1;
		transform: translateY(0px);
	}
}
@keyframes bottomin {
	0% {
		opacity:0;
		transform: translateY(50px);
	}
	100% {
		opacity:1;
		transform: translateY(0px);
	}
}
@keyframes leftin {
	0% {
		opacity:0;
		transform: translateX(-50px);
	}
	100% {
		opacity:1;
		transform: translateX(0px);
	}
}
@keyframes rightin {
	0% {
		opacity:0;
		transform: translateX(50px);
	}
	100% {
		opacity:1;
		transform: translateX(0px);
	}
}
@keyframes upin {
	0% {
		transform: translateY(100%);
	}
	100% {
		transform: translateY(0);
	}
}
@keyframes fadein {
	0% {
		opacity:0;
	}
	100% {
		opacity:1;
	}
}
@keyframes fadeout {
	0% {
		opacity:1;
	}
	100% {
		opacity:0;
	}
}
@keyframes blurin {
	0% {
		opacity: 0;
		-ms-filter: blur(6px);
		filter: blur(6px);
	}
	100% {
		opacity:1;
		-ms-filter: blur(0px);
		filter: blur(0px);
	}
}
@keyframes blurin2 {
	0% {
		opacity: 0;
		transform: translateY(50px);
		-ms-filter: blur(6px);
		filter: blur(6px);
	}
	100% {
		opacity:1;
		transform: translateY(0px);
		-ms-filter: blur(0px);
		filter: blur(0px);
	}
}

/* color */
.txt-color-normal{color: #333333;}
.txt-white{color: #ffffff;}
.txt-red{color: red;}
.txt-color1{color: #FFE93C}
.txt-color2{color: #F1F1E9}
.txt-color3{color: #021745}
.txt-color4{color: #EBF5E5}
.bg-white{background-color: #ffffff;}
.bg-black{background-color: black}
.bg-color1{background: #009E83; background: linear-gradient(326deg,rgba(0, 158, 131, 1) 13%, rgba(0, 142, 109, 1) 76%, rgba(0, 89, 70, 1) 100%);}
.bg-color2{background-color: #F1F1E9}
.bg-color3{background-color: #021745}
.bg-color4{background-color: #EBF5E5}
.border-color1{border-color: #FFE93C}
.border-color2{border-color: #F1F1E9}
.border-color3{border-color: #021745}
.border-color4{border-color: #EBF5E5}

.hvr-txt-color-normal:hover{color: #000000;}
.hvr-txt-white:hover{color: #ffffff;}
.hvr-txt-red:hover{color: red;}
.hvr-txt-color1:hover{color: #FFE93C}
.hvr-txt-color2:hover{color: #F1F1E9}
.hvr-txt-color3:hover{color: #021745}
.hvr-txt-color4:hover{color: #EBF5E5} 
.hvr-bg-white:hover{background-color: #ffffff;}
.hvr-bg-black:hover{background-color: black}
.hvr-bg-color1:hover{background-color: #FFE93C}
.hvr-bg-color2:hover{background-color: #F1F1E9}
.hvr-bg-color3:hover{background-color: #021745}
.hvr-bg-color4:hover{background-color: #EBF5E5}
.hvr-border-color1:hover{border-color: #FFE93C}
.hvr-border-color2:hover{border-color: #F1F1E9}
.hvr-border-color3:hover{border-color: #021745}
.hvr-border-color4:hover{border-color: #EBF5E5}

/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1440px){
/* ---------- common ---------- */
/* ---------- header ---------- */
	.header .head_nav .ul .li .en{
		font-size: 22px;
	}
/* ---------- footer ---------- */
}

/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
	.pd_wrap{
		padding: 150px 60px 0;
	}
	.pd_wrap_all{
		padding: 150px 60px 150px;
	}
	.pd_wrap_side{
		padding-left: 60px;
		padding-right: 60px;
	}
/* ---------- common ---------- */
/* ---------- pagetitle ---------- */
	.pagetitle .box .titlebox .en{
		font-size: 120px;
	}
	.pagetitle .box .titlebox .jp{
		font-size: 24px;
		font-weight: 600;
	}
/* ---------- header ---------- */
	.header .head_nav,.header .head_nav .ul .li .en{
		border-radius: 6px;
	}
	.header .head_nav{
		padding: 6px;
	}
	.header .head_nav > .ul{
		gap: 6px;
	}
	.header .head_nav .ul .li .en{
		padding: 4px 10px;
	}
/* ---------- footer ---------- */
}

/* ----------  ~ 1081px ---------- */
@media screen and (min-width: 1081px){
	.menu-wrap{
		display: none!important;
	}

}

/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
/* ---------- common ---------- */
	.pd_t{
		padding-top: 80px;
	}
	.box-style1 .titlebox .bgbox {
		padding: 16px 40px;
	}
	.box-style1 .titlebox h2{
		font-size: 30px;
	}
	.box-style1 .titlebox .bgbox::before,
	.box-style1 .titlebox .bgbox::after{
		background-image: url("https://16-edit.co.jp/system_panel/uploads/images/box-style1-2.png");
	}
	.box-style1 .titlebox .bgbox {
		border-bottom-right-radius: 35px;
	}
	.box-style1 img{
		border-radius: 10px;
	}
/* ---------- 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%;
	}
/* ---------- pagetitle ---------- */
	.pagetitle .box {
		flex-direction: column;
		gap: 30px;
	}
	.pagetitle .box .titlebox .en{
		font-size: 100px;
		text-align: center;
	}
	.pagetitle .box .titlebox .jp{
		font-size: 20px;
		text-align: center;
	}
	.pagetitle-bottom {
		padding-top: 12px;
		padding-bottom: 12px;
		gap: 20px;
	}
	.pagetitle-bottom .txt1{
		font-weight: 900;
	}
	.pagetitle-bottom .txt2{
		font-weight: 900;
	}
	.pagetitle .box .titlebox{
		width: 100%;
	}
	.pagetitle .box .txtbox{
		width: 100%;
	}
    .pagetitle .box .txtbox p{
       text-align: center;
    }
/* ---------- font ---------- */
	.en_title{
		font-family: "Jersey 25",  sans-serif;
		font-size: 100px;
		letter-spacing: 0.15em;
	}
	.en_title2{
		font-family: "Jersey 25",  sans-serif;
		font-size: 50px;
	}
	.en_title3{
		font-family: "Jersey 25",  sans-serif;
		font-size: 24px;
	}
/* ---------- header ---------- */
	.header .logo{
		width: 30%;
	}
	.header .head_nav{
		display: none;
	}
	.header .menu-bt{
		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;
	}
/* ---------- footer ---------- */
	.footer .footer_contents > div{
		justify-content: center;
	}
	.footer .footer_contents .leftbox{
		width: 60%;
		max-width: 60%;
		flex-direction: row;
		justify-content: space-between;
	}
	.footer .footer_contents .leftbox .logo{
		width: 30%;
	}
	.footer .footer_contents .rightbox{
		display: none;
	}
	
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){
	.pd_wrap{
		padding: 100px 50px 0;
	}
	.pd_wrap_all{
		padding: 100px 50px 100px;
	}
	.pd_wrap_side{
		padding-left: 50px;
		padding-right: 50px;
	}
	.cate_wrap > .cate{
		padding-top: 100px;
	}
/* ---------- common ---------- */
    .box-style1 .titlebox h2 {
        font-size: 24px;
    }
	
	.more a > .flex{
		gap: 15px;
	}
	.more .icon{
		width: 44px;
		height: 44px;
		min-width: 44px!important;
		padding: 0;
	}
	.servicelink_wrap .box{
		padding: 40px 20px;
	}
	.servicelink_wrap .box .txtbox .titletxt{
		margin-top: 20px;
	}
	body.on .servicelink_wrap .box .bg_item{
		-ms-filter: blur(2px);
		filter: blur(2px);
	}
	.servicelink_wrap .box::after{
		opacity: 0.5;
	}
/* ---------- pagetitle ---------- */
	.pagetitle .box .titlebox .en{
		font-size: 80px;
	}
	.pagetitle .box .titlebox .jp{
		font-size: 18px;
	}
    .pagetitle .box .txtbox p{
       text-align: left;
    }
/* ---------- header ---------- */
	.menu-wrap::after{
		border-top-width: 90px;
	}
	.menu-wrap > div .nav{
		width: 100%;
	}
/* ---------- footer ---------- */
}
/* ---------- スマートフォン ---------- */
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.pd_wrap{
		padding: 80px 20px 0;
	}
	.pd_wrap_all{
		padding: 80px 20px 80px;
	}
	.pd_wrap_side{
		padding-left: 20px;
		padding-right: 20px;
	}
	.cate_wrap > .cate{
		padding-top: 80px;
	}
	.mgbottom1{
		margin-bottom: 50px;
	}
	.mgbottom2{
		margin-bottom: 40px;
	}
	.mgbottom3{
		margin-bottom: 20px;
	}
/* ---------- common ---------- */
	.pd_t{
		padding-top: 40px;
	}
	.pagelinks_d {
		justify-content: flex-start;
	}
    .box-style1 .titlebox h2 {
        font-size: 18px;
    }
	.box-style1 .titlebox .bgbox{
		padding: 6px 15px;
		border-bottom-right-radius: 20px;
	}
	.box-style1 .titlebox .bgbox::before,
	.box-style1 .titlebox .bgbox::after{
		width: 20px;
	}
	.box-style1 .titlebox .bgbox::before{
		top: 0;
		right: -19px;
	}
	.box-style1 .titlebox .bgbox::after{
		bottom: -19px;
		left: 0;
	}
	
	.process_wrap .swiper-container .swiper-wrapper{gap: 0!important;}
	.process_wrap .swiper-container {padding: 0 40px!important;}
	.br-sp br{
	display: inline-block;
	}
	.more a > .flex{
		gap: 10px;
	}
	.more .icon{
		width: 36px;
		height: 36px;
		min-width: 36px!important;
	}
	
	.servicelink_wrap .box{
		width: 100%;
		padding: 30px 30px;
	}
	.servicelink_wrap .box:nth-of-type(2),.servicelink_wrap .box:nth-of-type(3){
		animation-delay: 0s;
	}
	.servicelink_wrap .box .txtbox .titlebox p,.servicelink_wrap .box .txtbox .titletxt,.servicelink_wrap .box .txtbox .more{
		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;
	}
	.servicelink_wrap .box .txtbox .titlebox .en{
		font-size: 36px;
	}
	.servicelink_wrap .box .txtbox .titletxt{
		font-size: 22px;
	}
	.servicelink_wrap .box .txtbox .more .icon{
		width: 36px;
		height: 36px;
		min-width: 36px!important;
	}
/* ---------- process_wrap ---------- */
	.process_wrap .swiper-container .swiper-slide .imgbox {
		width: 80%;
	}
	/* ---------- pagetitle ---------- */
	.pagetitle .box {
		gap: 20px;
	}
    .pagetitle .box .titlebox .en {
        font-size: 60px;
    }
	.pagetitle .box .txtbox p{
		font-size: 14px;
	}
/* ---------- header ---------- */
	.header{
		padding: 10px;
	}
	.header .logo{
		width: 45%;
	}
	.header .menu-bt{
		width: 50px;
		height: 50px;
	}
	.header .menu-bt .line{
		width: 20px;
		height: 14px;
	}
	.header .menu-bt .line > div{
		height: 2px;
	}
	
	.menu-wrap::after{
		border-top-width: 70px;
	}
	.menu-wrap > div{
		padding: 110px 20px 50px;
	}
	.menu-wrap > div .nav{
		gap: 40px;
	}
	.menu-wrap > div .nav .ul{
		gap: 0px 30px;
	}
	.menu-wrap > div .nav .ul .li{
		width: calc(50% - 30px / 2);
	}
	.menu-wrap > div .nav .ul .li a{
		display: block;
		padding: 10px;
		border-bottom: 3px solid #fff;
	}
	.menu-wrap > div .nav .ul .li:nth-of-type(1) a,.menu-wrap > div .nav .ul .li:nth-of-type(2) a{
		border-top: 3px solid #fff;
	}
	.menu-wrap > div .nav .snsbox{
		width: 90%;
	}
/* ---------- footer ---------- */
	.footer_contact{
		overflow: hidden;
		padding-top: 80px;
		padding-bottom: 0;
	}
	
	.footer_contact h2{
		width: 100%;
		font-size: 12px;
	}
	.footer_contact a{
		position: static;
		width: 58%;
		margin-left: auto;
		margin-right: auto;
		box-shadow: 5px 5px 0 #F9AE3B;
		transform: translateY(10%);
	}
	.footer_contact > p.font-jersey{
		bottom: auto;
		left: 50%;
		top: -1%;
		transform: translateX(-50%);
		white-space: nowrap;
	}
	.footer .footer_contents{
		padding: 50px 20px;
	}
	.footer .footer_contents .leftbox{
		width: 100%;
		max-width: 100%;
		flex-direction: column;
		justify-content: center;
		gap: 30px;
	}
	.footer .footer_contents .leftbox .logo{
		width: 30%;
	}
	.footer .copyright{
		text-align: center;
	}
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}