@charset "utf-8";
/*TOP*/
.l-top_main {
 margin-top: 137px;
}
.l-top_main_inner {
 overflow: hidden;
 position: relative;
}
.swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
 bottom: 28px !important;
 left: 0;
 width: 100%;
}
.swiper-pagination-bullet {
 width: 13px !important;
 height: 13px !important;
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
 margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 12px) !important;
}
.swiper-pagination-bullet {
 background: #fff !important;
 border: #909194 1px solid !important;
 opacity: 1 !important;
}
.swiper-pagination-bullet-active {
 background: #909194 !important;
}



@media screen and (max-width:1920px) {
/*.swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
 bottom: 1.5625vw !important;
}
	
	.swiper-pagination-bullet {
 width: 0.8vw !important;
 height: 0.8vw !important;
}*/
	

.l-top_main .swiper-slide img {
	width: 1920px!important;
  height: 660px!important;
			object-fit: none;
				object-position:center center ;
}
	
}
@media screen and (max-width:768px) {
	.l-top_main {
 margin-top: 65px;
}
.l-top_main_inner {
 overflow: hidden;
 position: relative;
}
.swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
 bottom: 4.5vw !important;
 left: 0;
 width: 100%;
}
.swiper-pagination-bullet {
 width: 7px !important;
 height: 7px !important;
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
 margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 7px) !important;
}
.swiper-pagination-bullet {
 background: #fff !important;
 border: #909194 1px solid !important;
 opacity: 1 !important;
}
.swiper-pagination-bullet-active {
 background: #909194 !important;
}
	
	.l-top_main .swiper-slide img {
	width: auto!important;
  height: auto!important;
			object-fit: contain;
				object-position:center center ;
}
	
	
}
/*contents*/
.l-topflx {
 width: 100%;
 display: flex;
 align-items: center;
}
.m-topimg {
 width: 50vw;
}
.m-topimg img {
 width: 100%;
 height: auto;
}
.m-toptxt {
 width: 50vw;
 display: flex;
 justify-content: flex-end;
}
/*about*/
.l-about {
 background: #f1f1f1;
}
.l-about_inner figure {
 order: 2;
}
.m-toptxt_inner {
 width: 500px;
}
.m-top_ttl {
 font-size: 20px;
 margin-bottom: 40px;
 letter-spacing: 0.08em;
 line-height: 1.3;
}
.m-top_ttl span {
 font-size: 35px;
 font-family: "baskerville-display-pt", serif;
 font-weight: 400;
 font-style: normal;
 display: block;
}
.m-top_txt {
 font-size: 16px;
 line-height: 1.8;
 margin-bottom: 50px;
}
.m-top_btn {
 width: 210px;
	height: 40px;
 border: #999999 1px solid;
 border-radius: 30px;
	justify-content:center;
	align-items: center;
 display: flex;
 font-family: "baskerville-display-pt", serif;
 font-weight: 400;
 font-style: normal;
 font-size: 18px;
 color: #0f0f0f;
	margin: 0 auto;
}
.m-top_btn:hover {
 color: #666666;
}

.btn-j{
	padding-top: 2px;
}

@media screen and (max-width:1920px) {
	
	.l-topflx{
		height: 499px;
		overflow: hidden;
	}
	
		.l-topflx .m-topimg{
		height: 499px;
	}
	
			.l-topflx .m-topimg img{
		height: 499px;
				width: auto;
				object-fit: cover;
				object-position: 0 0;
	}
	/*
.m-top_ttl {
 font-size: 1vw;
 margin-bottom: 2vw;
}
.m-top_ttl span {
 font-size: 1.8vw;
}
.m-top_txt {
 font-size: 0.83vw;
 margin-bottom: 2.6vw;
}
.m-top_btn {
 width: 10vw;
 border-radius: 1.5vw;
 padding: 0.416vw 0;
 font-size: 1.04vw;
}*/
	
}
/*
@media screen and (max-width:1300px) {
	
	.m-top_ttl {
 font-size: 1.5vw;
 margin-bottom: 3vw;
}
.m-top_ttl span {
 font-size: 2.7vw;
}
.m-top_txt {
 font-size: 1.2vw;
 line-height: 1.8;
 margin-bottom: 3vw;
}
.m-top_btn {
 font-size: 1.53vw;
}
	
	
}*/

@media screen and (max-width:768px) {
	
	.l-topflx {
 width: 100%;
 display: block;
}
.m-topimg {
 width: 100%;
}
.m-topimg img {
 width: 100%;
 height: auto;
}
.m-toptxt {
 width: 100%;
 display: block;
 justify-content: flex-end;
}
/*about*/
.l-about {
	padding-top: 35px;
}

.m-toptxt_inner {
 width: 100%;
	padding-bottom: 45px;
}
.m-top_ttl {
 font-size: 14px;
 margin-bottom: 20px;
}
.m-top_ttl span {
 font-size: 24px;
}
.m-top_txt {
 font-size: 13px;
 line-height: 1.8;
 margin-bottom: 25px;
}
.m-top_btn {
	 width: 210px;
	height: 35px;
 font-size: 15px;
}
.m-top_btn:hover {
 color: #0f0f0f;
}
	
	
		.l-topflx{
		height: auto;
		overflow: hidden;
	}
	
		.l-topflx .m-topimg{
		height: auto;
	}
	
			.l-topflx .m-topimg img{
		height: auto;
				width: auto;
				object-fit: contain;
	}
	
	
}

/*products*/
.l-products {
 padding: 70px 0 0 0;
}
.l-products_inner {
 width: 1000px;
 margin: 0 auto;
}
.l-products .m-top_ttl {
 margin-bottom: 30px;
}
.m-top_sttl {
 margin-bottom: 10px;
}
.m-top_read {
 font-size: 20px;
 margin-bottom: 35px;
}
.m-top_products {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 margin-bottom: 100px;
}
.m-top_products_detail {
 width: 300px;
}
.m-top_products_detail figure {
 border: #cccccc 1px solid;
 width: 300px;
 height: 300px;
 display: flex;
 justify-content: center;
 align-items: center;
 margin-bottom: 25px;
}
.m-top_products_txt {
 font-size: 16px;
 margin-bottom: 25px;
 line-height: 1.6;
}
.m-btn_view {
 width: 210px;
 border: #999999 1px solid;
 border-radius: 30px;
 padding: 8px 0;
 text-align: center;
 display: inline-block;
 font-family: "baskerville-display-pt", serif;
 font-weight: 400;
 font-style: normal;
 font-size: 20px;
 color: #0f0f0f;
}
.m-btn_view:hover {
 color: #666666;
}
.top_products_detail1 img {
 width: 205px;
}
.top_products_detail2 img {
 width: 137px;
}
.top_products_detail3 img {
 width: 159px;
}
.top_products_detail4 img {
 width: 62px;
}
.top_products_detail5 img {
 width: 77px;
}
.top_products_detail6 img {
 width: 52px;
}
@media screen and (max-width:1300px) {
	.l-products .m-top_ttl {
 margin-bottom: 2.3vw;
}
.m-top_sttl {
 margin-bottom: 0.7vw;
}
		.m-top_sttl img{
		height: 3vw;
}
.m-top_read {
 font-size: 1.53vw;
 margin-bottom: 2.7vw;
}
	.m-btn_view {
  font-size: 1.53vw;
}
}
@media screen and (max-width:768px) {
	.l-products {
 padding: 35px 0 0 0;
}
.l-products_inner {
 width: auto;
 margin: 0 auto;
}
.l-products .m-top_ttl {
 margin-bottom: 15px;
}
.m-top_sttl {
 margin-bottom: 5px;
}
	
	.m-top_sttl img{
		height: 38px;
}
.m-top_read {
 font-size: 15px;
 margin-bottom: 35px;
}
.m-top_products {
 display: block;
 margin-bottom: 50px;
}
.m-top_products_detail {
 width: 220px;
	margin: 0 auto 40px auto;
}
.m-top_products_detail figure {
 border: #cccccc 1px solid;
 width: 220px;
 height: 220px;
 display: flex;
 justify-content: center;
 align-items: center;
 margin-bottom: 20px;
}
.m-top_products_txt {
 font-size: 13px;
 margin-bottom: 20px;
 line-height: 1.6;
}
.m-btn_view {
 font-size: 15px;
 color: #0f0f0f;
}
.m-btn_view:hover {
 color: #0f0f0f;
}
.top_products_detail1 img {
 width: 136px;
}
.top_products_detail2 img {
 width: 107px;
}
.top_products_detail3 img {
 width: 100px;
}
.top_products_detail4 img {
 width: 59px;
}
.top_products_detail5 img {
 width: 53px;
}
.top_products_detail6 img {
 width: 36px;
}
}
/*professional*/
.l-professional {
 background: #e7e8e6;
 overflow: hidden;
}
.l-professional_inner {
 display: flex;
 align-items: center;
}

.l-professional .m-top_ttl span {
 color: #9b9f98;
}
.l-professional .m-toptxt {
 font-size: 16px;
 line-height: 1.8;
 margin-bottom: 0px;
 display: flex;
 justify-content: flex-start;
}
.l-professional .m-top_btn {
 font-size: 16px;
 color: #0f0f0f;
}

.l-professional .m-top_btn:hover {
 color: #666666;
}

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

		.l-professional	.l-topflx .m-topimg img{
		height: 499px;
				width: auto;
				object-fit: none;
				object-position: right 0 ;
	}
	}
@media screen and (max-width:1300px) {
	/*
	.l-professional .m-top_btn {
 font-size: 1.53vw;
}*/
}


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

.l-professional_inner {
 display: block;
}

.l-professional .m-toptxt {
	padding-top: 35px;
 font-size: 16px;
 line-height: 1.8;
 margin-bottom: 0px;
 display: block;
}
.l-professional .m-top_btn {
 font-size: 13px;
 color: #0f0f0f;
}

.l-professional .m-top_btn:hover {
 color: #0f0f0f;
}
	
			.l-professional	.l-topflx .m-topimg img{
		height: auto;
				width: auto;
				object-fit: contain;
				object-position: 0 0 ;
	}
	
}
/*academy*/
.l-academy {
 background: #dfdfe3;
 overflow: hidden;
}
.l-academy_inner {
 display: flex;
 align-items: center;
}
.l-academy_inner .m-topimg {
 order: 2;
}

.l-academy .m-top_ttl span {
 color: #83838e;
}
.l-academy .m-toptxt {
 font-size: 16px;
 line-height: 1.8;
 margin-bottom: 0px;
 display: flex;
 justify-content: flex-end;
}
.l-academy .m-top_btn {
 font-size: 16px;
 color: #0f0f0f;
}
	
	@media screen and (max-width:1920px) {
	
		.l-academy	.l-topflx .m-topimg img{
		height: 499px;
				width: auto;
				object-fit: none;
				object-position: center 0 ;
	}
	}
@media screen and (max-width:1300px) {
	/*
.l-academy .m-top_btn {
 font-size: 1.53vw;
}*/
}
@media screen and (max-width:768px) {

.l-academy_inner {
 display: block;
}

.l-academy .m-toptxt {padding: 35px 0 0 0;
 font-size: 13px;
 line-height: 1.8;
 margin-bottom: 0px;
 display: block;
}
.l-academy .m-top_btn {
 font-size: 13px;
 color: #0f0f0f;
}
				.l-academy	.l-topflx .m-topimg img{
		height: auto;
				width: auto;
				object-fit: contain;
				object-position: 0 0 ;
	}
}
/*media*/
.l-media {
 padding: 80px 0 75px 0;
 background: url("../images/index/img_media_pc.jpg") no-repeat center center;
 background-size: cover;
}
.l-top_contents .m-top_ttl {
 color: #fff;
 font-size: 18px;
}
.l-top_contents .m-top_ttl span {
 font-size: 30px;
}
.l-top_contents .m-top_btn {
 width: 210px;
	height: 40px;
 border: #fff 1px solid;
 border-radius: 30px;
 justify-content:center;
	align-items: center;
 display: flex;
	margin: 0 auto;
 font-family: "baskerville-display-pt", serif;
 font-weight: 400;
 font-style: normal;
 font-size: 18px;
 color: #fff;
}

@media screen and (max-width:1300px) {
	.l-top_contents .m-top_ttl {
 font-size: 1.38vw;
}
.l-top_contents .m-top_ttl span {
 font-size: 2.3vw;
}
.l-top_contents .m-top_btn {
 font-size: 1.53vw;
}
}
.l-top_contents .m-top_btn:hover {
	opacity: 0.7;
}
@media screen and (max-width:768px) {
	.l-media {
 padding: 40px 0 37px 0;
 background: url("../images/index/img_media_sp.jpg") no-repeat center center;
 background-size: cover;
}
.l-top_contents .m-top_ttl {
 color: #fff;
 font-size: 12px;
}
.l-top_contents .m-top_ttl span {
 font-size: 20px;
}
.l-top_contents .m-top_btn {
 font-size: 15px;
	height: 35px;
}
.l-top_contents .m-top_btn:hover {
	opacity: 0.7;
}
}
/*news*/
.l-news {
 padding: 80px 0 75px 0;
 background: url("../images/index/img_news_pc.jpg") no-repeat center center;
 background-size: cover;
}
@media screen and (max-width:768px) {
	.l-news {
 padding: 40px 0 37px 0;
 background: url("../images/index/img_news_sp.jpg") no-repeat center center;
 background-size: cover;
}
}
/*contactus*/
.l-contactus {
 padding: 80px 0 75px 0;
 background: #999999;
}
@media screen and (max-width:768px) {
	.l-contactus {
 padding: 40px 0 37px 0;
}
}