@charset "utf-8";

#wrap {overflow: hidden;}

/* main_nav */
.main_nav{position:fixed;top:30%;left:10px;display:none;}

/* section */
section {margin:90px 0;}
section.last{margin-bottom:0;}
section .inner{max-width:1200px;margin:0 auto;width:100%;}
section .main_top{max-width:1400px;margin:0 auto;margin-bottom:100px;justify-content:space-between;}
section h2.main_tit{ display: block;font-size:3.5em;line-height: 1.2;/*  letter-spacing:-3.5px; */ margin-bottom:45px; text-align: center; font-weight: 900;}
section h2.main_tit > span {  display: block;  font-size: 1.5rem; font-weight: 500;  letter-spacing:-1px;}
section h2.main_tit  b {vertical-align:7px; display:inline-block; font-size:45px; margin:0 5px}
@media screen and (max-width:1200px){
	section {padding: 0 15px; box-sizing:border-box;}
}
@media screen and (max-width:1024px){
	section .main_top {text-align: center;}
	section h2.main_tit {font-size: 3.5em; line-height: 1.2; margin-bottom: 50px;}
}
@media screen and (max-width:640px){
	section {margin:120px 0;}
	section .main_top {margin-bottom: 70px;}
	section h2.main_tit {font-size: 3em; margin-bottom: 35px; line-height: 1.1;}
	section h2.main_tit > span {font-weight: 700;}
	section h2.main_tit b{font-size:30px; vertical-align:5px;}
}
@media screen and (max-width:480px){
	section {margin: 80px 0;}
	section .main_top {margin-bottom: 50px;}
	section h2.main_tit {font-size: 2.3em;}
	section h2.main_tit > span {font-size: 1.15rem;}
}

/* main_visual */
@keyframes fadeUp {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	to {
		opacity: 1;
		transform: translateZ(0);
	}
}

/*
.main_visual{width:100%;height:100%;margin:0 auto;position:relative; padding:0;}
.mainVisual .swiper-slide {width:100%;height:75vh;display:flex;align-items: center; background-repeat: no-repeat; background-position: center; background-size:cover;}
.mainVisual .swiper-slide.slide01 {background-image: url('/common/img/main/mainVisual01.jpg');}
.mainVisual .swiper-slide.slide02 {background-image: url('/common/img/main/mainVisual02.jpg');}
.mainVisual .swiper-slide > .main_t {max-width:1400px; width: 100%; margin: 0 auto; display: flex; flex-direction: column; align-items: flex-start;}
.mainVisual .swiper-slide > .main_t > h3{ font-weight:500; font-size:4.5vw; line-height:1.2; text-shadow:2px 2px 10px rgba(0,0,0,.05); animation: fadeUp 1s;word-break:keep-all;}
.mainVisual .swiper-slide > .main_t > h3 > b{color:#ffc700;}
.mainVisual .swiper-slide > .main_t > p{margin-top:40px;font-size:1.3rem;line-height:1.3;color:rgba(255,255,255,.7);}
.mainVisual .swiper-slide > .main_t > a.btn_more {display: inline-block;color:#FFF; font-size:1.05rem; margin-top:40px;border: 1px solid #FFF; padding:10px 5%; box-sizing:border-box;}
.mainVisual .swiper-slide > .main_t > a.btn_more:hover {background-color:#FFF; color:#000; transition: all .3s;}
.mainVisual .swiper-button-next {right: 5%; color: #555;}
.mainVisual .swiper-button-prev {left: 5%; color: #555;}
.mainVisual .swiper-pagination {bottom: 5% !important;}
.mainVisual .swiper-pagination > span {width: 10px; height: 10px;}
.mainVisual .swiper-pagination > span.swiper-pagination-bullet-active {width: 20px; border-radius: 20px; background: #E62367;}
@media screen and (max-width:1200px){
	.mainVisual .swiper-slide {height: 80vh; }
	.mainVisual .swiper-slide.slide01 {background-image: url('/common/img/main/mo_mainVisual01.jpg');}
	.mainVisual .swiper-slide.slide02 {background-image: url('/common/img/main/mo_mainVisual01.jpg');}
	.mainVisual .swiper-slide > .main_t {margin: 0 auto;}
}
@media screen and (max-width:1024px){
	.mainVisual .swiper-slide{height: 60vh;}
	.mainVisual .swiper-slide > .main_t > h3{font-size: 3em;}
	.mainVisual .swiper-slide > .main_t > p{width: 80%; margin: 0 auto; margin-top: 20px; font-size:1.05rem;}
	.mainVisual .swiper-slide > .main_t > a.btn_more{margin-top: 30px; font-size:0.95rem;}
}
@media screen and (max-width:640px){
	.mainVisual .swiper-slide {height: 40vh;}
	.mainVisual .swiper-slide > .main_t {margin-top: 40px;}
	.mainVisual .swiper-slide > .main_t > h3 {font-size: 2.5em;}
	.mainVisual .swiper-slide > .main_t > p {font-size: 0.95rem;}
	.mainVisual .swiper-button-next {right: 3%;}
	.mainVisual .swiper-button-prev {left: 3%;}
	.mainVisual .swiper-button-next:after, 
	.mainVisual .swiper-button-prev:after {font-size: 2rem;}
}
@media screen and (max-width:480px){
	.mainVisual .swiper-slide {height: 30vh;}
	.mainVisual .swiper-slide > .main_t > h3 {font-size:2em;}
}
*/
/* main_box */
.main_box {}
.main_box > .inner {display: flex; overflow: hidden;}
.main_box .as_box {width: 50%; margin-right: 2%; border-radius: 20px; overflow: hidden;}
.main_box .asSlide {}
.main_box .asSlide .swiper-slide {padding: 30%; box-sizing: border-box; background-size: cover;}
.main_box .asSlide .swiper-button-next {right: 5%; color: #FFF;}
.main_box .asSlide .swiper-button-prev {left: 5%; color: #FFF;}
.main_box .asSlide .swiper-pagination {bottom: 5% !important;}
.main_box .asSlide .swiper-pagination > span {width: 10px; height: 10px; background: #FFF; opacity: .5;}
.main_box .asSlide .swiper-pagination > span.swiper-pagination-bullet-active {opacity: 1;}
.main_box .box_list {width: 50%; display: flex; flex-wrap: wrap;}
.main_box .box_list > li {width: 49%; margin-right: 2%; margin-bottom: 20px; text-align: center; border-radius: 20px; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover;}
.main_box .box_list > li:nth-child(2n) {margin-right: 0;}
.main_box .box_list > li:nth-last-child(-n+2) {margin-bottom: 0;}
.main_box .box_list > li.office {background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('/common/img/main/box_list01.jpg');}
.main_box .box_list > li.kit {background: #FFCCFF;;}
.main_box .box_list > li.notice {background: #E62367;}
.main_box .box_list > li.product {background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('/common/img/main/box_list02.jpg');}
.main_box .box_list > li > a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-size: 1.5rem; font-weight: 700; color:#FFF;}
.main_box .box_list > li > a:hover {text-decoration: underline; transition: all .3s;}
.main_box .box_list > li.kit > a {color: #000;}
@media screen and (max-width:768px){
	.main_box > .inner {flex-direction: column;}
	.main_box .as_box {width: 100%; margin: 0; margin-bottom: 20px;}
	.main_box .box_list {width: 100%;}
	.main_box .box_list > li {padding: 10% 10px; box-sizing: border-box; border-radius: 15px; margin-bottom: 10px;}
	.main_box .box_list > li > a {font-size: 1.3rem;}
}
@media screen and (max-width:480px){
	.main_box > .inner {flex-direction: column;}
	.main_box .as_box {margin-bottom: 15px; border-radius: 15px;}
	.main_box .asSlide .swiper-button-prev {left: 0;}
	.main_box .asSlide .swiper-button-next {right: 0;}
	.main_box .asSlide .swiper-button-prev:after,
	.main_box .asSlide .swiper-button-next:after {font-size: 1.2rem;}
	.main_box .box_list > li {border-radius: 10px;}
	.main_box .box_list > li > a {font-size: 1.05rem;}
}
@media screen and (max-width:360px){
	.main_box > .inner {flex-direction: column;}
	.main_box .as_box {margin-bottom: 15px;}
	.main_box .box_list > li {margin-bottom: 5px;}
	.main_box .box_list > li > a {font-size: 0.85rem;}
}


/* main_product */
section.main_product h2.main_tit{margin-bottom:25px}
.main_product {background: #Fff2ff; padding: 80px 15px; box-sizing: border-box;}
.main_product .product {margin-bottom: 50px; position: relative;}
.main_product .product:last-child {margin-bottom: 0;}
.main_product .product .main_tit2 {display:flex; align-items:center; width:100%}
.main_product .product .main_tit2  h3 {font-size: 1.6rem; font-weight: 800; margin-bottom: 20px; background: #FFCCFF; width: fit-content; padding: 10px 20px; box-sizing: border-box; border-radius: 20px;}
.main_product .product .main_tit2 a {margin-left:auto}
.main_product .product.product01 {}
.main_product .product.product02 {}
.main_product .product.product03 {}
.main_product .product.product04 {}
.main_product .product .swiper {padding-bottom: 3%; position: static !important;}
.main_product .product .swiper .swiper-slide {}
.main_product .product .swiper .swiper-slide > a {display: block;}
.main_product .product .swiper .swiper-slide > a > div {box-sizing: border-box; border: 1px solid #DDD;}
.main_product .product .swiper .swiper-slide > a > .img_box {width:100%; padding-bottom:100%;  background-position: center; background-size:cover; background-repeat: no-repeat; background-color: #FFF;}
.main_product .product .swiper .swiper-slide > a > .txt_box {display: flex; flex-direction: column; padding: 20px; background: #FFF; margin-top: -1px;}
.main_product .product .swiper .swiper-slide > a > .txt_box > p {font-size: 1.15rem; font-weight: 800; color: #E62367;}
.main_product .product .swiper .swiper-slide > a > .txt_box > p.tit {font-size: 1.25rem; font-weight: 600; margin-bottom: 10px; text-overflow: ellipsis;word-break: break-word;white-space: nowrap;overflow: hidden; color: #000;}
.main_product .product .swiper-button-next, 
.main_product .product .swiper-button-prev {color: #000; width: 50px; height: 50px; background: #FFF; padding: 10px; box-sizing: border-box; border-radius: 50%; border: 1px solid #DDD; box-shadow:0px 3px 6px #0000000F;}
.main_product .product .swiper-button-next {right: -5%;}
.main_product .product .swiper-button-prev {left: -5%;}
.main_product .product .swiper-button-next:after {font-family: 'xeicon'; content: '\e90b'; font-size: 1.35rem;}
.main_product .product .swiper-button-prev:after {font-family: 'xeicon'; content: '\e908'; font-size: 1.35rem;}
.main_product .product .swiper-pagination {bottom: 0 !important;}
.main_product .product .swiper-pagination > span {width: 10px; height: 10px;}
.main_product .product .swiper-pagination > span.swiper-pagination-bullet-active {width: 20px; border-radius: 20px; background: #E62367;}
@media screen and (max-width:1024px){
	.main_product .product .swiper-button-next {right: -2%;}
	.main_product .product .swiper-button-prev {left: -2%;}
}
@media screen and (max-width:640px){
	.main_product {padding: 80px 15px;}
	.main_product .product .main_tit2{margin-bottom:10px;}
	.main_product .product  .main_tit2 h3 {font-size: 1.3rem; font-weight: 700; padding: 7px 20px;}
	.main_product .product .swiper {padding-bottom: 5%;}
	.main_product .product .swiper .swiper-slide > a > .img_box {}
	.main_product .product .swiper .swiper-slide > a > .txt_box {padding: 15px 10px;}
	.main_product .product .swiper .swiper-slide > a > .txt_box > p {font-size: 1rem;}
	.main_product .product .swiper .swiper-slide > a > .txt_box > p.tit {font-size: 1.05rem; margin-bottom: 5px;}

	.main_product .product .swiper-button-next, 
	.main_product .product .swiper-button-prev {width: 40px; height: 40px; padding: 10px;}
	.main_product .product .swiper-button-next {right: -2%;}
	.main_product .product .swiper-button-prev {left: -2%;}
}
@media screen and (max-width:480px){
	.main_product .product  .main_tit2 h3 {font-size: 1.05rem; padding: 5px 15px; margin-bottom: 0;}
	.main_product .product .swiper {padding-bottom: 8%;}
	.main_product .product .swiper .swiper-slide > a > .txt_box {padding: 10px; min-height: 77px;}
	.main_product .product .swiper .swiper-slide > a > .txt_box > p {font-size: 0.8rem;}
	.main_product .product .swiper .swiper-slide > a > .txt_box > p.tit {font-size: 0.85rem; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: break-spaces;}
	.main_product .product .swiper-button-next, 
	.main_product .product .swiper-button-prev {width: 35px; height: 35px; padding: 10px;}
	.main_product .product .swiper-button-next {right: -3%;}
	.main_product .product .swiper-button-prev {left: -3%;}
	.main_product .product .swiper-button-prev:after,
	.main_product .product .swiper-button-next:after{font-size: 1.05rem;}
}