@charset "UTF-8";
/*
Theme Name:			tcrews
Author:				THE CREWS
Author URI:			
Description:		더크루
Version:			v0.1
Licence URI:		http://tcrews.co.kr

*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap');

.m {display: none !important;}
.p{display: block !important;}

.ytp-gradient-top,
.ytp-chrome-top,
.ytp-show-cards-title,
.ytp-chrome-bottom{display: none !important;}

/* 팝업메이커 */
.pum-container{padding: 0 !important;}
/* MAIN PAGE */
header{width: 100%; position: relative; z-index: 99; top: 0; left: 0; background-color: #fff; height: 90px; display: flex !important; align-items: center; justify-content: space-between;}
header .logo{width: 10%;}
header .logo a{width: 235px; margin-left: 5%; height: 85px; background: url('https://www.jk-medical.jp/img/main/logo_2.png')no-repeat center; background-size: contain; display: inline-block; text-indent: -9999px;}
header nav{width: 80%; display: flex; align-items: center;}
header nav .top-menuBox{ width: 90%;}
header nav .top-menu{ display: flex;}
header nav .top-menu>li{position: relative; box-sizing: border-box; width: 25%; text-align: center; height: 90px; line-height: 90px; font-size: 1.125rem; font-family:'NotoSansJP-Medium',sans-serif !important; cursor: pointer;}
header nav .top-menu>li.active{color: #b49061;}

header nav .top-menu>li:hover .top-subMenu{display: block;}
header nav .top-menu>li .top-subMenu{display: none; position:absolute; left: 50%; transform: translateX(-50%); width:200px; background-color: #fff; border-radius: 15px; padding:7% 5%; box-sizing: border-box; box-shadow: 1px 0px 6px 0px rgb(0 0 0 / 20%); margin: -20px auto 0 auto;}
header nav .top-menu>li .top-subMenu li{color: #9e9e9e;height: 28px; line-height: 28px; cursor: pointer; font-size: 13px;}
header nav .top-menu>li .top-subMenu li:hover{color: #b49061;}
header nav .top-icon{ width: 190px;} 
header nav .top-icon ul{display: flex; justify-content: space-around;align-items: center;}
header nav .top-icon ul li{cursor: pointer;}
header nav .top-icon ul li img { width: auto; }

header nav .top-icon ul li button{border: none; background-color: transparent; cursor: pointer;}
.search_dim{display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 120; background-color: rgba(0,0,0,.7); }
.search-pop {display: none; width: 550px; height: 100px; position: fixed;top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 130;}
.search-pop #bsearch_search_box-5{width:500px; padding:3%; background-color: #fff;}
.search-pop .widgettitle{display: none;}
.search-pop .bsearchform input[type=search], 
.bsearchform select{background-color: #fff;}
.search-pop .close-btn{position: absolute; top: 0%; right:-20px; border: none; background-color: transparent; width: 30px; height: 30px; text-indent: -9999px; background: url('https://www.jk-medical.jp/img/close.png')no-repeat center; background-size: contain; cursor: pointer;}




.slideMenu{width: 100%; height: 100%; position: fixed; z-index: 999; background-color: rgba(0,0,0,.7); top: 0; left: 0; display: none;}
.slideMenu .slideMenu-box{background-color: #fff; display: flex;}
.slideMenu .slideMenu-box .slideMenu-img{width: 50%;}
.slideMenu .slideMenu-box .slideMenu-img img{width: 100%;}
.slideMenu .slideMenu-box .slideMenu-con{width: 50%; max-height: 100vh; padding: 3% 5%; box-sizing: border-box; position: relative;}
.slideMenu .slideMenu-box .slideMenu-con .slideMenu-logo{width: 100%;padding-bottom: 2%; border-bottom: 1px solid #ccc; position: relative;}
.slideMenu .slideMenu-box .slideMenu-con .slideMenu-logo a{width: 270px; height: 70px; background: url('https://www.jk-medical.jp/img/main/logo_2.png')no-repeat center; background-size: contain; display: inline-block; text-indent: -9999px;}
.slideMenu .slideMenu-box .slideMenu-con .slideMenu-logo button{background: url('https://www.jk-medical.jp/img/main/slideMenu-close.jpg')no-repeat center; text-indent: -9999px; background-size: contain; cursor: pointer; width: 50px; height: 50px ;position: absolute; right: 0; top: 50%; transform: translateY(-50%);  border: none;}
.slideMenu .slideMenu-box .slideMenu-con .slideMenu-list{width: 100%; display: flex; margin-top: 15%; column-gap: 10px;}
.slideMenu .slideMenu-box .slideMenu-con .slideMenu-list div{width: 50%;}
.slideMenu .slideMenu-box .slideMenu-con .slideMenu-list div h4{font-family: 'NotoSansJP-Black',sans-serif !important; font-size: 1.5rem; margin-bottom:25px;font-weight: 700;}
.slideMenu .slideMenu-box .slideMenu-con .slideMenu-list .slideMenu-list02 h4{ margin-bottom:80px;}
.slideMenu .slideMenu-box .slideMenu-con .slideMenu-list div ul li{font-family: 'NotoSansJP-Medium',sans-serif !important; font-size: 1.25rem; color: #9e9e9e; margin-bottom: 20px;}
.slideMenu .slideMenu-box .slideMenu-con .slideMenu-contact{position: absolute; bottom: 5%;  width: 90%; left: 5%;}
.slideMenu .slideMenu-box .slideMenu-con .slideMenu-contact ul{display: flex; justify-content: space-between; align-items: center;}
.slideMenu .slideMenu-box .slideMenu-con .slideMenu-contact ul li{width: 33.33%; font-family:'NotoSansJP-Regular',sans-serif !important; line-height: 1.4; color: #838383; display: flex; justify-content: center; align-items: center;}
.slideMenu .slideMenu-box .slideMenu-con .slideMenu-contact ul li b{font-family: 'NotoSansJP-Bold',sans-serif !important;}
.slideMenu .slideMenu-box .slideMenu-con .slideMenu-contact ul li:nth-child(2){border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
.slideMenu .slideMenu-box .slideMenu-con .slideMenu-contact ul li::before{content: ''; width: 50px; height: 50px; background-size: contain;display: inline-block; margin-right: 5%;}
.slideMenu .slideMenu-box .slideMenu-con .slideMenu-contact ul li:nth-child(1)::before{background: url('https://www.jk-medical.jp/img/main/testLine.png') no-repeat center; background-size: contain;}
.slideMenu .slideMenu-box .slideMenu-con .slideMenu-contact ul li:nth-child(2)::before{background: url('https://www.jk-medical.jp/img/main/slideCall.png') no-repeat center; background-size: contain;}
.slideMenu .slideMenu-box .slideMenu-con .slideMenu-contact ul li:nth-child(3)::before{background: url('https://www.jk-medical.jp/img/main/slideWeb.png') no-repeat center; background-size: contain;}

.main-inner{width: 80%; margin: 0 auto;}

#mainPage{position: relative;}
#mainPage .mainVis{width: 100%; overflow: hidden; position: relative; padding-bottom: 56.25%; height: 0;}
#mainPage .mainVis .mainVis-bg{width: 100%;height: 100%; background: url('https://www.jk-medical.jp/img/main/mainVisBg.png'); position: absolute;}
#mainPage .mainVis iframe{width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1;}
#mainPage .mainVis iframe .ytp-gradient-top{display: none;}
#mainPage .mainVis h2{ position: absolute; top: 50%; width: 100%; transform: translateY(-50%); text-align: center; color: #fff; font-family: 'NotoSansJP-Medium',sans-serif !important; font-size: 65px;}

#mainPage .mainVis iframe .ytp-title-channel{display: none !important;}

#mainPage .subNav{background-color: #fff; padding: 5% 0;}
#mainPage .subNav .subNav-inner{ width: 1200px; margin: 0 auto;}
#mainPage .subNav .subNav-txt{text-align: center; margin-bottom: 2%;}
#mainPage .subNav .subNav-txt span{font-family:'NotoSansCJKkr-Regular', sans-serif !important; font-size: 1.875rem;}
#mainPage .subNav .subNav-txt p{font-family:'NotoSansJP-Medium', sans-serif !important; font-size: 3rem; line-height: 2; display: flex; align-items: center; justify-content: center; }
#mainPage .subNav .subNav-txt p i{display: inline-block; width: 50px; height: 50px; position: relative;}
#mainPage .subNav .subNav-txt p i::after{content: ''; width: 100%; height: 10px;position: absolute; bottom: -15px; left: 0; background: url('https://www.jk-medical.jp/img/main/shadow.png')no-repeat center; background-size: contain;}
#mainPage .subNav .subNav-txt p i span{display: inline-block; width: 50px; height: 50px; background: url('https://www.jk-medical.jp/img/main/title-arrow.png')no-repeat center; background-size: contain; margin:0 1%; animation: bounce .9s ease-in infinite;}
#mainPage .subNav .subNav-txt p i:last-child span{animation-delay: 2s;}

#mainPage .subNav .subNav-con{box-sizing: border-box; position: relative;}
#mainPage .subNav .subNav-txt span{font-size: 2rem;}
#mainPage .subNav .subNav-txt p{font-size: 2.5rem;}
#mainPage .subNav .subNavSwiper{width: 90%; margin: 0 auto;overflow-x: hidden;}
#mainPage .subNav .subNavSwiper .swiper-slide{border: 2px solid #b49061; color: #ba996d; font-size: 1.125rem; font-family: 'NotoSansJP-Medium',sans-serif !important; text-align: center; display: inline-block; width: 20%; margin-right: 3%; border-radius: 50px;}
#mainPage .subNav .subNavSwiper .swiper-slide.sm{width: 15% !important;}
#mainPage .subNav .subNavSwiper .swiper-slide.la{width: 25% !important;}
#mainPage .subNav .subNavSwiper .swiper-slide a{display: block; border-radius: 50px; padding: 15px 0;}

#mainPage .subNav .subNav-con .swiper-button-prev,
#mainPage .subNav .subNav-con .swiper-button-next{position: absolute; width: 50px; height: 50px; top:50% !important; transform: translateY(-50%) !important; margin-top: 0 !important;}
#mainPage .subNav .subNav-con .swiper-button-prev{left: 0;}
#mainPage .subNav .subNav-con .swiper-button-next{right: 0;}
#mainPage .subNav .subNav-con .swiper-button-prev::after,
#mainPage .subNav .subNav-con .swiper-button-next::after{color: #000; font-size: 25px !important;}

#mainPage .subVis{width: 100%; background-color: #f4ede9;} 
#mainPage .subVis .subVisSwiper .swiper-slide{width: 100%; display: flex; align-items: center;}
#mainPage .subVis .subVisSwiper .swiper-slide .subVis-txt{width: 45%; background-color: #f4ede9; padding: 5% 3% 5% 0; box-sizing: border-box; font-family: 'NotoSansJP-Bold',sans-serif !important; text-align: center; line-height: 1.4;}
#mainPage .subVis .subVisSwiper .swiper-slide .subVis-txtInner{width: 90%; margin-left: 10%;}
#mainPage .subVis .subVisSwiper .swiper-slide .subVis-txt h3{font-size: 3.125rem; margin-bottom: 5%;}
#mainPage .subVis .subVisSwiper .swiper-slide .subVis-txt h4{font-size: 2.1875rem;}
#mainPage .subVis .subVisSwiper .swiper-slide .subVis-txt p{font-size: 1.75rem; margin-bottom: 3%; color: #2f2f2f;}
#mainPage .subVis .subVisSwiper .swiper-slide .subVis-txt span{font-size: 1.25rem; font-family:'NotoSansJP-Medium', sans-serif !important; color: #998a81;}
#mainPage .subVis .subVisSwiper .swiper-slide .subVis-img{width: 55%;}
#mainPage .subVis .subVisSwiper .swiper-slide .subVis-img img{width: 100%;}
#mainPage .subVis .subVis-btn{width: 45%;position: absolute; bottom: 50%; z-index: 10; height: 320px; left: 0%; transform: translateY(50%);}
#mainPage .subVis .subVis-btn .swiper-button-next::after{content: ''; background: url('https://www.jk-medical.jp/img/main/next.png')no-repeat center; width: 40px; height: 40px; background-size: contain;} 
#mainPage .subVis .subVis-btn .swiper-button-prev::after{content: ''; background: url('https://www.jk-medical.jp/img/main/prev.png')no-repeat center; width: 40px; height: 40px; background-size: contain;} 
#mainPage .subVis .subVis-btn .swiper-pagination-bullet{width: 10px; height: 10px;}
#mainPage .subVis .subVis-btn .swiper-pagination-bullet-active{background-color: #000;}


#mainPage .mainCategory{width: 100%; background-color: #fff; padding: 5% 0;}
#mainPage .mainCategory .category-title p{font-family:'NotoSansJP-Bold',sans-serif !important; font-size: 2.5rem; margin-bottom: 1%;} 
#mainPage .mainCategory .category-title span{font-family:'NotoSansJP-Medium',sans-serif !important; font-size: 1.25rem; color: #7d7d7d; line-height: 1.4;} 
#mainPage .mainCategory .category-tab{width: 100%;margin: 2% 0 3% 0;} 
#mainPage .mainCategory .category-tab ul{display: flex; align-items: center; flex-wrap: wrap; border: 1px solid #7d7d7d; border-right: none; border-bottom: none;}
#mainPage .mainCategory .category-tab ul li{width: 33.33%; border-right: 1px solid #7d7d7d;border-bottom: 1px solid #7d7d7d; background-color: #fff; box-sizing: border-box; text-align: center; font-family: 'NotoSansJP-Medium',sans-serif !important; font-size: 1.25rem; padding: 2% 0; cursor: pointer; color: #7d7d7d;position: relative;}
#mainPage .mainCategory .category-tab ul li.on{color: #fff; background-color: #b79467;font-family:'NotoSansJP-Black',sans-serif !important;font-weight: 700;}
#mainPage .mainCategory .category-tab ul li:hover{color: #b79467;}
#mainPage .mainCategory .category-tab ul li.on:hover{color: #fff;}

#mainPage .mainCategory .category-tab .list-sub{display: none; position: absolute; left: 0; width: 100%; height: 150px; background-color: #fff; box-sizing: border-box; bottom: -150px; z-index: 2; border: 1px solid #7d7d7d;}
#mainPage .mainCategory .category-tab .list-sub li{width: 100%; padding: 2% 0; font-size: 16px; border: none;}

#mainPage .mainCategory .categoryCon-box{width:80%; margin: 0 auto;}
#mainPage .mainCategory .categoryCon-box .category-con{display: none; overflow-x: scroll;}
#mainPage .mainCategory .categoryCon-box .category-con.on{display: block;}
#mainPage .mainCategory .categoryCon-box .price-list{display: flex; align-items: center; justify-content: space-between;}
#mainPage .price-list .box{width: 32%;position: relative; background-color: #f5f5f5; box-sizing: border-box; padding: 4% 2%; height: 240px; }
#mainPage .price-list .box .price-list-tit{font-family:'NotoSansJP-Bold',sans-serif !important; font-size: 20px; line-height: 1.4;width: 80%; text-overflow: ellipsis; overflow:hidden; white-space: nowrap;}
#mainPage .price-list .box .price-list-subtit{font-family:'NotoSansJP-Regular',sans-serif !important; font-size:18px; color: #7e7e7e; margin-top: 3%; display: block; width: 80%; text-overflow: ellipsis; overflow:hidden; white-space: nowrap;}
#mainPage .price-list .box .price-list-price{font-family:'NotoSansJP-Black',sans-serif !important; font-weight: 900; font-size: 26px; padding-right: 115px; box-sizing: border-box; width: 100%;}
#mainPage .price-list .box .price-list-price span{font-family:'NotoSansJP-Regular',sans-serif !important; font-weight: 400; font-size: 18px;}
#mainPage .price-list .box .price-before{color: #a5a5a5; font-size: 18px; display: inline-block; margin-right: 5%;}
#mainPage .price-list .box .price-before b{text-decoration: line-through;}
#mainPage .price-list .box .price-before span{font-size: 14px; text-decoration: line-through;}
#mainPage .price-list .box .price-list-type{display: inline-block;font-family:'NotoSansJP-Regular',sans-serif !important; font-weight: 400; font-size: 20px;text-overflow: ellipsis; overflow:hidden; white-space: nowrap; width: 30%;}


#mainPage .price-list .box .btn-box{display: flex; align-items: center; position: relative; height: 60px; margin-top: 8%;}
#mainPage .price-list .box .btn{ width: 140px; position: absolute; right: -7%; bottom: 0; display: flex; align-items: center;}
#mainPage .price-list .box .btn button { background-color: #b49061; cursor: pointer; color: #fff; font-size: 16px; border: none; width: 60px; height: 60px; line-height: 60px;  display: block; text-align: center; border-radius: 100px;} 
#mainPage .price-list .box .btn button:last-child{background-color: #4c4c4c; margin-left: 5px;}

#mainPage .mainSearch{background-color: #f5f5f5; padding: 5% 0;width: 100%;}
#mainPage .mainSearch-con{margin-top: 5%;}
#mainPage .mainSearch .search-inner{width: 50%; margin: 0 auto;}
#mainPage .mainSearch .search-title p{font-family: 'NotoSansJP-Bold',sans-serif !important; font-size: 2.0625rem;text-align: center;}
#mainPage .mainSearch h2{display: none;}
#mainPage .mainSearch .bsearchform{width: 100%;}
#mainPage .mainSearch .bsearchform input[type=search], 
.bsearchform select{width: 100%;}

/* #mainPage .mainSearch .mainSearch-con form{width: 100%; position: relative; margin: 4% 0;}
#mainPage .mainSearch .mainSearch-con input{width: 100%; background-color: #fff; box-sizing: border-box; border: none; font-family: 'NotoSansJP-Regular',sans-serif !important; font-size: 1.375rem; height: 50px; padding: 3%;}
#mainPage .mainSearch .mainSearch-con .mainSearch-icon{position: absolute; right: 3%; top: 50%; transform: translateY(-50%); width: 25px; height: 25px;}
#mainPage .mainSearch .mainSearch-con .mainSearch-icon img{width: 100%;} */
#mainPage .mainSearch .mainSearch-con ul{text-align: center; display: flex; align-items: center; width: 100%; margin: 0 auto; margin-top: 5%; justify-content: center;}
#mainPage .mainSearch .mainSearch-con ul li{color: #9d8c77; font-family: 'NotoSansJP-Bold',sans-serif !important;font-size: 1.25rem; padding-bottom: 2%; border-bottom: 1px solid #9d8c77; margin-right: 3%;}

#mainPage .mainLocation{padding: 5% 0;}
#mainPage .mainLocation .main-inner{position: relative;}
#mainPage .mainLocation .location-title{width: 100%; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding-right: 420px;}
#mainPage .mainLocation .location-title p{font-family:'NotoSansJP-Bold',sans-serif !important; font-size: 2.125rem;} 
#mainPage .mainLocation .location-title b{font-family:'NotoSansJP-Medium',sans-serif !important; font-size: 1.25rem; color: #b49061; line-height: 1.4; display: block; margin: 3% 0 2% 0;} 
#mainPage .mainLocation .location-title span{display: block; font-family:'NotoSansJP-Regular',sans-serif !important; font-size: 1rem;}
#mainPage .mainLocation .location-title span i{color: #666666;}
#mainPage .mainLocation .location-btn{width:420px; position: absolute; top: 5%; right: 0;}
#mainPage .mainLocation .location-btn ul{display: flex; align-items: center; justify-content: space-between;}
#mainPage .mainLocation .location-btn ul li{width: 200px; background-color: #4c4c4c; color: #fff;font-family: 'NotoSansJP-Regular',sans-serif !important; border-radius: 50px;}
#mainPage .mainLocation .location-btn ul li button{display: flex;border-radius: 50px; background-color: transparent; color: #fff; border: none;font-size: 1.125rem; height:60px; width: 100%; line-height: 60px; cursor: pointer; display: flex; justify-content: center; align-items: center;}
#mainPage .mainLocation .location-btn ul li button::after{content: ''; background: url('https://www.jk-medical.jp/img/main/btnArrow.png')no-repeat center; display: inline-flex; width: 20px; height: 15px; background-size: contain; margin-left: 3%;} 
#mainPage .mainLocation .location-btn ul li:nth-child(2){background-color: #b49061;}
#mainPage .mainLocation .location-con{margin-top: 3%;}
#mainPage .mainLocation .location-info{margin-top: 3%; display: flex;justify-content: space-between;}
#mainPage .mainLocation .location-info p{font-family: 'NotoSansJP-Medium',sans-serif !important; font-size: 25px; margin-bottom: 4%; width: 100%;}
#mainPage .mainLocation .location-info .loca-info01{width: 33.33%;box-sizing: border-box;}
#mainPage .mainLocation .location-info .loca-info01 .loca-info01-con{display: flex; align-items: center; justify-content: space-between;}
#mainPage .mainLocation .location-info .loca-info01 dl{width: 33.33%; color: #7d7d7d;}
#mainPage .mainLocation .location-info .loca-info01 dl dt{font-family: 'NotoSansJP-Bold',sans-serif !important; font-size: 1.125rem; margin-bottom: 8%;}
#mainPage .mainLocation .location-info .loca-info01 dl dd{font-family: 'NotoSansJP-Regular',sans-serif !important; font-size: 1.125rem;}
#mainPage .mainLocation .location-info .loca-info02{width: 33.33%;box-sizing: border-box; padding: 0 3%; border-left: 2px solid #eee; border-right: 2px solid #eee;}
#mainPage .mainLocation .location-info .loca-info02 a{font-family: 'NotoSansJP-Medium',sans-serif !important; font-size: 36px; display: flex; align-items: center;}
#mainPage .mainLocation .location-info .loca-info02 a img{margin-right: 5%;}
#mainPage .loca-info03{width: 33.33%; box-sizing: border-box; padding-left: 3%;}
#mainPage .loca-info03 ul li{box-sizing: border-box; display: flex; align-items: flex-start; line-height: 1.4;}
#mainPage .loca-info03 ul li b{font-family: 'Noto Sans JP',sans-serif !important; font-weight: 500; font-size: 20px; display: inline-block; width: 25%;}
#mainPage .loca-info03 ul li span{color: #7d7d7d; font-family: 'Noto Sans JP',sans-serif !important; font-weight: 400; font-size: 18px; display: inline-block;}


#mainPage .cart-popup{top: 50%; left: 50%; transform: translate(-50%, -50%); position: fixed;}
.main-popup{display: none; position: fixed; z-index: 130; left: 0; top: 0; width: 100%; height: 100%; overflow: auto;background-color: rgba(0,0,0,.7);}
.main-popup .pop-con{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.main-popup .btn{width: 30px; height: 30px; position: absolute; top: 0; right: -40px;}
.main-popup .btn button{border: none; background-color: transparent; color: #fff; width: 30px; cursor: pointer; height: 30px; text-indent: -9999px; background: url('https://www.jk-medical.jp/img/main/close.png') no-repeat center; background-size: contain;}



/* GRANDOPEN PAGE */
#grandOpen{width: 100%; position: relative;}
#grandOpen img{width: 100%;}

.main-count{position: absolute; bottom: 27%; left: 21%; width: 30%; text-align: center;}
.main-count .ycd-simple-current-unite-wrapper{display: inline-flex; align-items: center;}
.main-count .ycd-simple-current-unite{border: 2px solid rgb(142, 116, 68); border-radius: 9px; padding: 23px; display: block; color: #8e7444;  background-color: #fff;font-family: 'Noto Serif KR', serif !important;}
.main-count .ycd-simple-content-wrapper-29 .ycd-simple-countdown-number, .ycd-simple-content-wrapper-29 .ycd-simple-timer-dots{ color: #8e7444; }


/* LANDING PAGE */

.inner{width: 1640px; margin: 0 auto;}
.landing-title{font-family: 'NotoSerifJP-Bold',sans-serif !important; position: relative;width: 100%; text-align: center; font-size: 3.375rem;}

#mainBg{width: 100%; position: relative; overflow-x:hidden ;}
#mainBg #logo{display: inline-block; width:300px; position: absolute; top: 3%; z-index: 5; left: 3%;}
#mainBg #logo img{width: 100%;}
#mainBg .swiper-slide:nth-child(1){height: initial;}
#mainBg .swiper-slide {text-align: center; font-size: 1.125rem; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
#mainBg .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
#mainBg .swiper-slide img.p {display: block;}
#mainBg .swiper-slide img.m {display: none;}

#mainBg .swiper {width: 100%; height: 300px; margin-left: auto; margin-right: auto;}
.mainBg-swiper {height: 80%;width: 100%; position: relative;}
.mainBg-swiper .swiper-slide{position: relative;}
.mainBg-swiper .mainText{width: 80%; position: absolute; top: 35%; left: 10%; text-align: left;}
.mainBg-swiper .mainText span{font-size: 1.25rem; font-family: 'NotoSansCJKkr-Bold',sans-serif !important; display: inline-flex; align-items: center;width: 100%; }
.mainBg-swiper .mainText span::after{content: ''; background: url('https://www.jk-medical.jp/img/landing/mainText-before.png') no-repeat center; width: 40%; height: 2px; background-size: contain; margin-left: 2%;}
.mainBg-swiper .mainText.white{color: #fff;}
.mainBg-swiper .mainText.white span::after{content: ''; background: url('https://www.jk-medical.jp/img/landing/mainText-before2.png') no-repeat center; width: 40%; height: 2px; background-size: contain; margin-left: 2%;}
.mainBg-swiper .mainText h1{margin-top: 5%; font-size: 3.75rem; font-family: 'NotoSerifJP-Black', sans-serif !important; line-height: 1.4; font-weight: 700;}
.mainBg-swiper .swiper-pagination{ width: 30%; bottom: 22%; position: absolute; z-index: 5; left: 10%; font-size: 1.75rem; color: #000; font-family: 'NotoSansCJKkr-Light',sans-serif !important; text-align: left;}
.mainBg-swiper .swiper-pagination-current{color: #8e7444; font-family: 'NotoSansCJKkr-Bold', sans-serif !important; }
.mainBg-swiper2 {height: 20%; box-sizing: border-box;}

.mainBg-swiper2 .swiper-slide {width: 25%; height: 100%; opacity: 0.4;}
.mainBg-swiper2 .swiper-slide-thumb-active{opacity: 1;position: relative;}
.mainBg-swiper2 .swiper-slide-thumb-active::before{content: ''; background: url('https://www.jk-medical.jp/img/landing/mainBtn-before.png') no-repeat center; position: absolute; top: 0; left: 0; width: 100%; height: 8px;}

/* event */
#event{width: 100%; padding: 5% 0; position: relative;}
#event .eventSwiper{padding-bottom: 5%; margin: 0 auto; box-sizing: border-box;position: relative;}
#event .eventSwiper .swiper-wrapper{position: relative;}
#event .roll-text1{position: absolute; top: 25%; transform: translateY(-30%); left: 5%;  width: 45%; text-align: center;}
#event .roll-text1 h4{font-family: 'NotoSerifJP-Bold', sans-serif !important; font-size: 3rem; line-height: 1.2; position: relative;}
#event .roll-text1 h4::before{content: '';background: url('https://www.jk-medical.jp/img/landing/sub-before.png') no-repeat center; width: 50px; height: 52px; background-size: contain; position: absolute; top: -60px; left: 50%; transform: translateX(-50%);}
#event .roll-text1 p{font-family: 'NotoSerifJP-SemiBold', sans-serif !important; font-size: 1.25rem; color: #8e7444; margin: 5% 0 3% 0;}
#event .roll-text1 p b{font-family: 'NotoSerifJP-Bold', sans-serif !important; font-size: 1.7rem; color: #8e7444; display: block; margin-bottom: 3%;}
#event .roll-text1 span{font-family: 'NotoSerifJP-Regular', sans-serif !important; color: #6c6260; font-size: 1.5rem; display: block;}
#event .swiper-slide{ display: flex; justify-content: space-between;align-items: center;}

#event .rollText-box{width: 50%; text-align: center; position: relative;}
#event .rollText-box .roll-text2{background-color: #fafafa; padding: 3% 0; box-sizing: border-box; width: 100%; height: 400px; position: absolute; top: 0;}
#event .rollText-box .roll-text2 h4{font-family: 'NotoSerifJP-SemiBold',sans-serif !important; color: #6c6260; font-size: 28px; line-height: 1.3;}
#event .rollText-box .roll-text2 h4 b{font-size: 23px; display: block; margin-top: 1%;}
#event .rollText-box .roll-text2 .price{margin-top: 3%;}
#event .rollText-box .roll-text2 .price p{color: #a5a5a5; font-size: 24px; font-family: 'NotoSerifJP',sans-serif !important; font-weight: 300; margin: 0; border-bottom: none;}
#event .rollText-box .roll-text2 .price p b{font-family: 'NotoSerifJP-SemiBold',sans-serif !important; text-decoration: line-through; text-decoration-thickness : 1px;}
#event .rollText-box .roll-text2 .price span{font-family: 'NotoSerifJP-Regular',sans-serif !important; font-size: 28px; color: #8e7444; font-weight: 700; display: block; width: 100%;}
#event .rollText-box .roll-text2 .price span b{font-family: 'NotoSerifJP-Bold',sans-serif !important;}
#event .rollText-box .roll-text2 i{font-family: 'NotoSerifJP-Medium',sans-serif !important;color: #cb5878; margin-top: 1%; font-size: 1rem; display: block; width: 100%;}


#event .rollText-box .roll-text2 i{font-family: 'NotoSerifJP-Medium',sans-serif !important;color: #cb5878; margin-top: 1%; font-size: 1rem; display: block; width: 100%;}
#event .rollText-box .roll-text2 span{font-family: 'NotoSerifJP-Regular',sans-serif !important; color: #8e7444; font-size: 2.1rem;font-weight: 700; display: block; width: 100%;}
#event .rollText-box .roll-text2 span b{font-family: 'NotoSerifJP-Bold',sans-serif !important;}
#event .rollText-box p{font-family: 'NotoSerifJP-SemiBold',sans-serif !important; font-size: 1.25rem; color: #8e7444; margin: 5% 0; border-bottom: 1px solid #8e7444; padding-bottom: 2%; display: inline-block;}
#event .roll-img{width: 50%;}
#event .roll-img img{width: 100%; border-radius: 30px;}

#event .event-btn{width: 300px; position: absolute; bottom: 0; height: 50px; left: 50%; transform: translateX(-50%); display: flex; align-items: center;}
#event .event-btn .swiper-button-next, .swiper-rtl .swiper-button-prev{width: 50px; height: 50px;}
#event .event-btn .swiper-button-prev, .swiper-rtl .swiper-button-next{width: 50px; height: 50px;}
#event .event-btn .swiper-button-next:after{content: ''; background:url('https://www.jk-medical.jp/img/landing/next.png') no-repeat center; width: 50px; height: 50px; background-size: contain;}
#event .event-btn .swiper-button-prev:after{content: ''; background:url('https://www.jk-medical.jp/img/landing/prev.png') no-repeat center; width: 50px; height: 50px; background-size: contain;}

#event .event-btn .event-pagination{width: 60%; left: 20%;}
#event .event-btn .swiper-pagination-bullet{width: 15px; height: 15px;}
#event .event-btn .swiper-pagination-bullet-active{background-color: #9e8965;}


/* contact */
#contact{width: 100%; padding: 5% 0; background-color: #f3f3f3;}
#contact .inner{width: 90%; margin: 0 auto;box-sizing: border-box;}
#contact .contactBox{display: flex; width: 100%; align-items: center; justify-content: space-between;}
#contact .contactBox li{width: 30%; animation: bounce .9s ease-in infinite; margin-top: 0; }
#contact .contactBox li img{width: 100%;}
#contact .contactBox li:nth-child(1){}
#contact .contactBox li:nth-child(2){animation-delay: 2s;}
#contact .contactBox li:nth-child(3){animation-delay: 4s;}

@keyframes bounce {
  0% {
    transform: translateY(0px);
  }

  50% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0px);
  }
}
/* teamJk */
#teamJk{width: 100%; position: relative;}
#teamJk img{width: 100%;}
#teamJk .team-title{width: 100%; text-align: center; position: absolute; top: 15%; left: 0; font-family:'NotoSerifJP-Bold',sans-serif !important; font-size: 3.375rem;}
#teamJk .team-title::before{content: ''; background: url('https://www.jk-medical.jp/img/landing/blue-before.png') no-repeat center; width: 50px; height: 52px; background-size: contain; position: absolute; top: -60px; left: 50%; transform: translateX(-50%);}
#teamJk .team-title span{color: #2881c2;}


/* cardNews */
#cardNews{width: 100%;padding: 8% 0; position: relative;}
#cardNews .card-before img{width: 100%;}
#cardNews .inner{margin: 0 auto; box-sizing: border-box;}
#cardNews .card-title{width: 100%; text-align: center; position: relative; font-family:'NotoSerifJP-Bold',sans-serif !important; font-size:  3.375rem;}
#cardNews .card-title::before{content: ''; background: url('https://www.jk-medical.jp/img/landing/gold-before.png') no-repeat center; width: 50px; height: 52px; background-size: contain; position: absolute; top: -60px; left: 50%; transform: translateX(-50%);}

#cardNews .cardBox{margin-top: 3%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
#cardNews .cardBox li{width:32%; margin-bottom: 2%;}
#cardNews .cardBox li img{width: 100%; border-radius: 15px;}
/*#cardNews .cardBox li:nth-child(11) {width: 100%;}*/
#cardNews .cardBox .mo{display: none;}

/* jkYoutube */
#jkYoutube{width: 100%; background-color: #f5f2f1; padding: 8% 0; position: relative;}
#jkYoutube::before{content: ''; background: url('https://www.jk-medical.jp/img/landing/youtubeBg-before.png')left; width: 100%; height: 160px; position: absolute; top: 70%; transform: translateY(-70%); background-size: contain;}

#jkYoutube .inner{margin: 0 auto; box-sizing: border-box;}
#jkYoutube .jkYoutube-title{width: 100%; text-align: center; position: relative; font-family:'NotoSerifJP-Bold',sans-serif !important; font-size:  3.375rem;}
#jkYoutube .jkYoutube-title::before{content: ''; background: url('https://www.jk-medical.jp/img/landing/gold-before.png') no-repeat center; width: 50px; height: 52px; background-size: contain; position: absolute; top: -60px; left: 50%; transform: translateX(-50%);}

.jkYoutube-box{ width: 100%; display: flex; justify-content: space-between; margin-top: 5%; position: relative;}
.jkYoutube-box .swiper-slide {text-align: center;font-size: 1.125rem;display: -webkit-box; display: -ms-flexbox;display: -webkit-flex;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center;    background-size: cover;background-position: center;}
.jkYoutube-box  .swiper-slide a{display: block; width: 100%; height: 100%; border-radius: 15px;}
.jkYoutube-box  .swiper-slide a img {display: block;width: 100%; height: 100%;object-fit: cover;border-radius: 15px;}
.jkYoutube-box .swiper {width: 100%;height: 600px;margin-left: auto; margin-right: auto;}

.jkYoutubeSub-swiper { height: 100%;box-sizing: border-box;padding: 10px 0; width: 40% !important;}
.jkYoutubeSub-swiper .swiper-slide { width: 80%;height: 100%;margin-left: 20%;}
.jkYoutube-box .swiper-button-next{width: 50px; height: 60px; top: 102%; right: 11.5%;}
.jkYoutube-box .swiper-button-next::after{content: '\e5cf'; font-family: 'Material Icons'; color: #888;}
.jkYoutube-box .swiper-button-prev{width: 50px; height: 30px; top: -2%; left: 85.5%;}
.jkYoutube-box .swiper-button-prev::after{content: '\e5ce'; font-family: 'Material Icons';color: #888;}

.youtubeTab-con{width: 80%;}
.youtubeTab-con .tab-con{display: none;}
.youtubeTab-con .tab-con.on{display: block;}
.youtubeTab-con .tab-con iframe{width: 100%; border-radius: 15px;}



/* service */
#service{width: 100%; background-color: #ab8f63; padding: 5% 0; position: relative;}
#service::before{content: ''; background: url('https://www.jk-medical.jp/img/landing/serviceBg.png') no-repeat; position: absolute; bottom: 0%; right: 0; display: block; width: 100%; height:100%;}
#service .inner{box-sizing: border-box; margin: 0 auto; overflow-x: hidden;}
#service .service-title{width: 100%; text-align: center; position: relative; font-family:'NotoSerifJP-Black',sans-serif !important; font-size: 3.375rem; color: #fff; margin-bottom: 3%; text-shadow: 1px 1px 2px #7e5d21;font-weight: 700;}
#service .service-title h2 span{letter-spacing: -7px;}
#service .service-title::before{content: ''; background: url('https://www.jk-medical.jp/img/landing/gold-before.png') no-repeat center; width: 50px; height: 52px; background-size: contain; position: absolute; top: -60px; left: 50%; transform: translateX(-50%);}
#service .service-title p{font-family: 'NotoSerifJP-Medium',sans-serif !important; font-size: 1.375rem;  line-height: 1.6; margin-top: 2%;}
#service .service-title p b{display: block; font-family: 'NotoSerifJP-Bold',sans-serif !important;font-size: 1.5rem;}


#service .swiper-slide{background-color: #fff; border-radius: 30px; display: flex; justify-content: center; align-items: center; height: 450px;}
#service .swiper-slide .stepImg{width: 40%; height: 100%; background-size: cover; border-radius: 30px 0 0 30px;}
#service .step1-1{background: url('https://www.jk-medical.jp/img/landing/service1-1.png') no-repeat center; }
#service .step2-1{background: url('https://www.jk-medical.jp/img/landing/service2-1.png') no-repeat center; }
#service .step3-1{background: url('https://www.jk-medical.jp/img/landing/service3-1.png') no-repeat center; }
#service .step4-1{background: url('https://www.jk-medical.jp/img/landing/service4-1.png') no-repeat center; }
#service .step5-1{background: url('https://www.jk-medical.jp/img/landing/service5-1.png') no-repeat center; }


#service .swiper-slide .step-Text1{width: 45%; text-align: center;}
#service .swiper-slide .step-Text1 h4{font-family: 'NotoSerifJP-Bold',sans-serif !important; color: #8e7444; font-size: 1.625rem; display: inline-block; padding-bottom: 2%; border-bottom: 1px solid #8e7444; }
#service .swiper-slide .step-Text1 h2{font-family: 'NotoSerifJP-Bold',sans-serif !important; color: #000; font-size: 2.125rem; margin: 4% 0;}
#service .swiper-slide .step-Text1 p{font-family: 'Noto Sans JP',sans-serif !important; font-weight: 400; color: #7e5d21; line-height: 1.4;}

#service .swiper-slide .step-Text2{width: 15%;height: 100%;background-size: cover; border-radius: 0 30px 30px 0; position: relative; border: 1px solid #b89e73; border-left: none; box-sizing: border-box;}
#service .text2-box{position: absolute; top: 50%; transform: translateY(-50%); color: #fff; width: 100%; text-align: center;}
#service .text2-box p{font-family:'NotoSerifJP-Medium',sans-serif !important; font-size: 1.25rem;display: inline-block; padding-bottom: 4%; border-bottom: 1px solid #fff;}
#service .text2-box h3{font-family: 'NotoSerifJP-Bold',sans-serif !important; font-size: 1.5rem; margin: 6% 0; line-height: 1.4;}

#service .step1-2{background: url('https://www.jk-medical.jp/img/landing/service1-2.png') no-repeat center; }
#service .step2-2{background: url('https://www.jk-medical.jp/img/landing/service2-2.png') no-repeat center; }
#service .step3-2{background: url('https://www.jk-medical.jp/img/landing/service3-2.png') no-repeat center; }
#service .step4-2{background: url('https://www.jk-medical.jp/img/landing/service4-2.png') no-repeat center; }
#service .step5-2{background: url('https://www.jk-medical.jp/img/landing/service5-2.png') no-repeat center; }

#service .swiper-pagination{width: 300px; left: 55%; bottom: 10%;}
#service .swiper-pagination-bullet-active{background-color: #9e8965;}

#service .swiper-button-next{width: 50px; height: 50px; right: 5.5%; top: 70%;}
#service .swiper-button-next:after{content: ''; background: url('https://www.jk-medical.jp/img/landing/service-nextBtn.png')no-repeat center; width: 50px; height: 50px; background-size: contain;}



/* info */
#info{width: 100%;padding: 3% 0;}
#info .inner{margin: 0 auto; box-sizing: border-box; width: 90%;}
.infoBox{display: flex; justify-content: space-between; align-items: center;}
.infoBox .info01,
.infoBox .info02,
.infoBox .info03,
.infoBox .info04{box-sizing: border-box; padding: 0 2%; border-right: 1px solid #eee;}


.infoBox .info01{width: 20%;}
.infoBox .info01 dl{display: flex; flex-wrap: wrap; line-height: 1.8;}
.infoBox .info01 dl dt{width: 37%;font-family: 'Noto Sans JP',sans-serif !important; font-weight: 500; font-size: 1.125rem;}
.infoBox .info01 dl dd{width: 50%;font-family: 'Noto Sans JP',sans-serif !important; font-weight: 400; font-size: 1.125rem;}

.infoBox .info02{ width: 25%;}
.infoBox .info02 b a{display: inline-block;font-family: 'Noto Sans JP',sans-serif !important; font-weight: 500; color: #8e7444; font-size: 1.5rem; margin-left: 9%;}

.infoBox .info03 {width: 30%;}

.infoBox .info03 ul li{box-sizing: border-box; display: flex; align-items: flex-start; line-height: 1.4;}
.infoBox .info03 ul li b{font-family: 'Noto Sans JP',sans-serif !important; font-weight: 500; font-size: 20px; display: inline-block; width: 25%;}
.infoBox .info03 ul li span{color: #7d7d7d; font-family: 'Noto Sans JP',sans-serif !important; font-weight: 400; font-size: 18px; display: inline-block;}

.infoBox .info04{width: 25%; border-right: none;}

.infoBox .info04 .info04-inner{ display: flex; flex-wrap: wrap;}
.infoBox .info04 b{ width: 100%;}
.infoBox .info04 a{ display: block; width: 100%;}
.infoBox .info04 a img{width: 100%;}

.infoBox b{font-family: 'Noto Sans JP',sans-serif !important; font-weight: 500; font-size: 1.5rem; margin-bottom: 3%; display: block;}
.infoBox p{font-family: 'Noto Sans JP', sans-serif !important; font-weight: 400; font-size: 1.125rem; margin-bottom: 6%; line-height: 1.2;}
.infoBox p span{display: inline-block; width: 40%; margin-left: 20%; }


/* footer */
footer{width: 100%; background-color: #323232; color: #fff; padding: 2% 0 !important;}
footer .inner{ margin: 0 auto; display: flex; align-items: center;}
footer h1{width: 20%;}
footer h1 a{display: block; width: 250px; margin: 0 auto;}
footer h1 a img{width: 100%;}
footer ul{width: 75%; font-family: 'Noto Sans JP',sans-serif !important; font-weight: 300; font-size: 15px; margin-left: 5%;}
footer ul li{line-height: 2;}
footer ul li span{display: inline-block;}
/* popup */
.popup{position: fixed; width: 80%; bottom: -500px; z-index: 20; left: 10%;}
.popup.active{bottom: 0;}
.popupSwiper{position: relative;}
.popup .swiper-slide img{width: 100%;}
.popup-close{position: absolute; top: 20px; right: 20px; z-index: 20; width: 50px; height: 50px;}
.closeBtn{background-color: transparent; border: none; cursor: pointer;}
.closeBtn img{width: 100%;}

.popup-btn{ width: 200px; position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%); z-index: 1; height: 30px; display: flex; align-items: center;}

.popup-btn .swiper-pagination-bullet{background-color: #fff; opacity: 1; width: 10px; height: 10px;}
.popup-btn .swiper-pagination-bullet-active{background-color: #000;}
#popup-page{width: 50%; left: 25%; bottom: 15px;}
.popup-btn .swiper-button-next{width: 30px; height: 30px;}
.popup-btn .swiper-button-next:after{content: ''; background: url('https://www.jk-medical.jp/img/landing/popup-nextBtn.png')no-repeat center; width: 30px; height: 30px; background-size: contain; display: inline-block;}
.popup-btn .swiper-button-prev{width: 30px; height: 30px;}
.popup-btn .swiper-button-prev:after{content: ''; background: url('https://www.jk-medical.jp/img/landing/popup-prevBtn.png')no-repeat center; width: 30px; height: 30px; background-size: contain;display: inline-block;}

/* aside */

aside{width: 80px; position: fixed; top: 10%; right: 2%; z-index: 99; height: 770px;}
aside img{width: 100%;}
aside ul li{margin-bottom: 15%; text-align: center; box-shadow: 3px 3px 6px rgba(0, 0, 0, .2); border-radius: 5px;}
aside ul li:nth-child(4) {box-shadow: none;}
aside .pc-sideBtn{margin-top: 15%; text-align: center;}
aside .pc-sideBtn img{cursor: pointer; border-radius: 100px; width: 100%;box-shadow: 2px 2px 4px rgba(0, 0, 0, .2);}
aside .topBtn{margin-top: 15%; text-align: center;}
aside .topBtn img{cursor: pointer; box-shadow: 2px 2px 4px rgba(0, 0, 0, .2);border-radius: 100px;}
aside .side-sns img{width: auto;}
aside .side-sns{background-color: #323232; border-radius: 7px; padding: 3%;box-shadow: 2px 2px 4px rgba(0, 0, 0, .2);}
aside .side-sns ul{background-color: #fff; border-radius: 4px; padding: 13% 0;}
aside .side-sns ul li{box-shadow: none; margin-bottom: 15%;}
aside .side-sns ul li:last-child{margin-bottom: 0;}
aside .side-sns ul li a{display: block;}
aside .side-sns p{color: #fff; text-align: center; font-family: 'NotoSansJP-Bold',sans-serif !important; padding: 7% 0; font-size: 12px;}
aside .pc-side{visibility: visible;}
aside .pc-side.active{visibility: hidden;}
/* reservation page  */
.reservation-wrap{width: 65%; margin: 0 auto; padding: 5% 1%; font-family: 'NotoSansJP';}
.reservation-wrap #wpcf7-f138-p134-o1{border-radius: 0 0 20px 20px; box-shadow: 2px 2px 10px rgba(0,0,0,.1);}
.reservation-wrap form{border-radius: 0 0 20px 20px; background-color: #fff;}
.reservation-wrap .reservation-title img{width: 100%; box-shadow: 2px 2px 10px rgb(0 0 0 / 10%); border-radius: 20px 20px 0 0;}
.reservation-wrap .form-common{display:flex;  justify-content: space-between;border-bottom: 1px solid #ccc; align-items: center;}
.reservation-wrap .form-common .form-title{width: 30%; box-sizing: border-box; padding: 6% 0; background-color: #fffcf7; color: #92733b; padding-left: 5%;}
.reservation-wrap .form-common .form-title b{font-family:'NotoSansJP-Bold', sans-serif !important; font-weight: 700; line-height: 1.2;}
.reservation-wrap .form-common:nth-child(6) .form-title{padding: 8% 0;padding-left: 5%;}
.reservation-wrap .form-common:nth-child(8) .form-title{padding: 10% 0;padding-left: 5%;}

.reservation-wrap .form-con{width: 70%; padding-left: 5%; box-sizing: border-box;}
.reservation-wrap .form-con input{border: 1px solid #92733b; border-radius: 5px; padding: 2%; box-sizing: border-box;}
.reservation-wrap .form-01 .form-con{display: flex;}
.reservation-wrap .form-01 p{width: 45%; font-family: 'NotoSansJP-Bold',sans-serif !important;}
.reservation-wrap .form-01 p span{display: inline-block; width: 70%; padding-left: 2%;}
.reservation-wrap .form-01 p span input{width: 100%; border: 1px solid #92733b; padding: 6%;}

.reservation-wrap .form-02 a{text-decoration: underline; color: #2883ff; display: inline-block;margin-left: 4%;}
.reservation-wrap .form-02 input{color: #92733b;-webkit-appearance: none; background-color: #fff;}

.reservation-wrap .form-03 span::after{content: '例：080〇〇〇〇△△△△'; display: inline-block; margin-left: 2%; font-family: 'NotoSansMedium',sans-serif !important; color: #92733b; font-weight: 600;}
.reservation-wrap .form-03 p{margin-top: 7px; color: #666666;}

.reservation-wrap .form-04 p{display: inline-block; color: #92733b; margin-left: 2%;font-weight: 600;font-family: 'NotoSansMedium',sans-serif !important; }

.reservation-wrap .form-05 .form-con b{font-family: 'NotoSansJP-Medium',sans-serif !important; font-weight: 600;}
.reservation-wrap .form-05 p{font-size: 14px; line-height: 1.2; color: #92733b; margin-top:1.5%;}
.reservation-wrap .form-05 p a{font-family: 'NotoSansJP-Bold',sans-serif !important; font-weight: 700;}
.reservation-wrap .form-05 input{color: #92733b;-webkit-appearance: none; background-color: #fff;}

.reservation-wrap .form-06 .form-title p{color: #92733b;margin-top: 7px;}

.reservation-wrap .form-06 .wpcf7-checkbox{display: flex; flex-wrap: wrap;}
.reservation-wrap .form-06 .wpcf7-checkbox .wpcf7-list-item{width: 48%; margin-left: 0; margin-bottom: 1%;}
.reservation-wrap .form-06 .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"] {border-radius: 0; border-color: #92733b;}
.reservation-wrap .form-06 textarea{width: 80%; border: 1px solid #92733b; border-radius: 5px; padding: 3%; box-sizing: border-box;resize: none;}

.reservation-wrap .form-08 p{margin-top: 7px; color: #666;}

.reservation-wrap .form-09 textarea{width: 80%; border: 1px solid #92733b; border-radius: 5px; padding: 3%; box-sizing: border-box;resize: none;}

.reservation-txt{font-size: 11px; border-radius: 0 0 20px 20px;}
.reservation-txt .txt-inner{width: 100%; margin-left: 5%; line-height: 1.4; padding: 5% 0;}
.reservation-txt .txt-inner b{color: #92733b; font-weight: bold; font-family: 'NotoSansJP-Bold'; font-size: 18px; margin-bottom: 1%;}
.reservation-txt .txt-inner ul{margin-left: 2%; margin-top: 2%;}
.reservation-txt .txt-inner li{list-style: disc; font-size: 14px; line-height: 1.4;}
.reservation-txt .txt-inner li::marker{color: #92733b; }
.reservation-txt .txt-inner p{font-size: 14px;}
.form-subCon{width: 75%; margin: 0 auto; text-align: center; margin-top: 4%;}

.form-submitCon h3{background-color: #fcf7ed; width: 95%; margin: 0 auto; padding: 2% 0; text-align: center; color: #92733b; font-family: 'NotoSansJP-Bold',sans-serif !important; font-weight: 700; font-size: 22px;}
.form-submitCon p{width: 100%;text-align: center; color: red; margin-top: 2%;font-size: 16px;}
.form-submitCon .form-submitBtn{width: 100%; text-align: center; padding: 2% 0 8% 0;}
.form-submitCon .form-submitBtn input{-webkit-appearance: none; font-family: 'Noto Sans JP',sans-serif !important; width: 250px; display: block; height: 60px; border-radius: 100px; border-color: transparent; background-color: #92733b; margin: 0 auto; color: #fff; font-size: 20px;}

.wpcf7-not-valid-tip{display: block !important; position: absolute; width: 100% !important; font-weight: 500 !important; font-family: 'NotoSansJP',sans-serif !important;}
.wpcf7-not-valid-tip::after{content: none !important;}
@media all and (max-width :1640px) {
	.inner{width: 90%;}

	/* mainBg */
	.mainBg-swiper .mainText span::after{width: 50%;}
	.mainBg-swiper .swiper-pagination{bottom: 15%;}
	/* event */
	#event .roll-text1{top: 22%;}
	
	/*main-slide*/
	#mainPage .mainVis iframe{height:900px !important;}
	.youtube-container{    height: 900px;}
}

@media all and (max-width: 1600px) {
	.main-count{bottom: 25%;}

	/* youtube */
	.jkYoutube-swiper {width: 60% !important;}
	.jkYoutubeSub-swiper {width: 35% !important;}
	.jkYoutubeSub-swiper .swiper-slide{width: 100%; margin-left: 0;}
	.jkYoutube-box .swiper-button-next{right: 14%;}
	.jkYoutube-box .swiper-button-prev{left: 83%;}

	/* service */
	#service .swiper-pagination{left: 50%;}

	
}
@media all and (max-width: 1400px) {
	header nav .top-icon ul li img { width: 30px; }
	header nav .top-menu>li .top-subMenu li{font-size: 13px;}
}

@media all and (max-width: 1320px) {
	.mainBg-swiper .mainText h1{font-size: 3.125rem;}
	.jkYoutubeSub-swiper .swiper-slide img{width: 80%;}

	#service .swiper-slide .stepImg{width: 35%;}
	#service .swiper-slide .step-Text1{width: 50%;}
	#service .swiper-pagination{left: 45%;}

	.infoBox .info01 dl dt{width: 47%; font-size: 1rem;}
	.infoBox .info01 dl dd{font-size: 1rem;}
	.infoBox .info02{width: 38%; padding-left: 2%;}
	.infoBox .info03{width: 35%;}
	.infoBox .info03 .info03-inner{width: 97%;}
	.infoBox .info03 .info03-inner img{width: 100%;}

	/* reservation */
	.reservation-wrap{width: 80%;}

	/* landing */
	.infoBox .info03 ul li b{font-size: 17px;}
	.infoBox .info03 ul li span{font-size: 15px;}
	#event .rollText-box .roll-text2{height: 26vw;}
}

@media all and (max-width: 1200px) {
	.main-count{bottom: 21%;}

	/* landing */
	#event .rollText-box{margin-top: 5%;}

}

@media all and (max-width: 1080px) {
	.p{display: none !important;}
	.m{display: block !important;}

	.main-count{left: 50%; bottom: 54%; transform: translateX(-50%); width: 50%;}
	.ycd-simple-content-wrapper-29 .ycd-simple-countdown-number, .ycd-simple-content-wrapper-29 .ycd-simple-timer-dots{font-size: 6vw;}
	.ycd-simple-content-wrapper-29 .ycd-simple-countdown-label{font-size: 2.2vw;}
	header nav .top-icon ul{flex-direction: row-reverse;}

	/* landing mainBg */

	#mainBg #logo{display: inline-block; width:40%; position: absolute; top: 3%; z-index: 5; left: 3%;}
	#mainBg #logo img{width: 100%;}
	#mainBg .swiper-slide img.p {display: none;}
	#mainBg .swiper-slide img.m {display: block;}
	.mainBg-swiper .mainText{top: 20%; width: 90%; left: 5%;}
	.mainBg-swiper .mainText span{width: 100%; justify-content: flex-start;}
	.mainBg-swiper .mainText span::after{margin-left: 3%; width: 50%;}
	.mainBg-swiper .mainText.white span::after{ margin-left: 3%; width: 50%;}
	.mainBg-swiper .mainText h1{margin-top: 4%; font-size: 2.815rem; }
	.mainBg-swiper .swiper-pagination{bottom: 56%; left: 5%;}
	#event .rollText-box .roll-text2 .price span{margin-top: 0;}
	

	/* event */
	#event{padding: 18% 0 13% 0;}
	#event .eventSwiper{padding-bottom: 10%;}

	#event .roll-text1{position: relative; width: 100%; transform: translateY(0); left: 0;}
	#event .roll-text1 h4{font-family: 'NotoSerifJP-Bold',sans-serif !important; font-size: 2.815rem; line-height: 1.2; position: relative;}
	#event .roll-text1 h4::before{width: 40px; height: 40px;top: -50px;}
	#event .roll-text1 p{font-size: 1.75rem; margin: 2% 0;}
	#event .roll-text1 p b{font-size: 2.2rem;}
	#event .roll-text1 span{font-size: 1.625rem;}
	
	#event .swiper-slide{flex-wrap: wrap; flex-direction: column-reverse;}

	#event .rollText-box{width: 100%; margin-top: 0; height: 380px;}
	#event .rollText-box .roll-text2{background-color: #fafafa; padding: 5% 0 7% 0;box-sizing: border-box; height: 370px;}
	#event .rollText-box .roll-text2 h4{font-family: 'NotoSerifJP-SemiBold',sans-serif !important; color: #6c6260; font-size: 2.1875rem; line-height: 1.2;}
	#event .rollText-box .roll-text2 span{font-family: 'NotoSerifJP-Black' ,sans-serif !important; color: #8e7444; font-size: 2.25rem; margin-top: 5%; display: block;font-weight: 700;}
	#event .rollText-box p{font-size: 1.375rem;margin: 2% 0;}
	#event .roll-img{width: 100%; margin-top: 5%; text-align: center;}
	#event .roll-img img{ border-radius: 30px; width: 90%;}

	#event .event-btn{width: 300px; position: absolute; bottom: 0; height: 50px; left: 50%; transform: translateX(-50%); display: flex; align-items: center;}
	#event .event-btn .swiper-button-next, .swiper-rtl .swiper-button-prev{width: 50px; height: 50px;}
	#event .event-btn .swiper-button-prev, .swiper-rtl .swiper-button-next{width: 50px; height: 50px;}
	/* #event .event-btn .swiper-button-next:after{content: ''; background:url('https://www.jk-medical.jp/img/landing/next.png') no-repeat center; width: 50px; height: 50px; background-size: contain;}
	#event .event-btn .swiper-button-prev:after{content: ''; background:url('https://www.jk-medical.jp/img/landing/prev.png') no-repeat center; width: 50px; height: 50px; background-size: contain;} */

	#event .event-btn2{width: 100%; position: absolute; top: 33%; transform: translateY(-33%); z-index: 2;}
	#event .event-btn2 .swiper-button-next, .swiper-rtl .swiper-button-next{width: 60px; height: 60px; top: 33%; right: 0;}
	#event .event-btn2 .swiper-button-prev, .swiper-rtl .swiper-button-prev{width: 60px; height: 60px; top: 33%; left: 0;}
	#event .event-btn2 .swiper-button-next:after{content: ''; background:url('https://www.jk-medical.jp/img/landing/m/M_nextBtn.png') no-repeat center; width: 60px; height: 60px; box-shadow: 2px 2px 3px rgba(0,0,0,.3), -2px -2px 3px rgba(0,0,0,.3); border-radius: 100px; background-size: contain;}
	#event .event-btn2 .swiper-button-prev:after{content: ''; background:url('https://www.jk-medical.jp/img/landing/m/M_prevBtn.png') no-repeat center; width: 60px; height: 60px; box-shadow: 2px 2px 3px rgba(0,0,0,.3), -2px -2px 3px rgba(0,0,0,.3); border-radius: 100px; background-size: contain;}




	#event .event-btn .swiper-pagination-bullet{width: 15px; height: 15px;}
	#event .event-btn .swiper-pagination-bullet-active{background-color: #9e8965;}

	/* contact */
	#contact{padding: 10% 0;}

	/* team doctors */
	#teamJk .team-title{font-size: 2.815rem;}
	#teamJk .team-title::before{width: 40px; height: 40px; top: -50px;}


	/* cardNews */
	#cardNews{padding: 10% 0;}
	#cardNews .card-title{font-size: 2.815rem;}
	#cardNews .card-title::before{width: 40px ;height: 40px; top: -50px;}
	#cardNews .js-load{display: none;}
	#cardNews .js-load.active{display: block;}

	#cardNews .cardBox li{width: 48%; margin-bottom: 4%;}

	#js-btn-wrap{width: 100%;font-size: 1.875rem; margin-top: 5%; color: #8e7444; }
	#js-btn-wrap a{display: flex; align-items: center; justify-content: center;}
	#js-btn-wrap a img{width: 6%; margin-left: 1%;}

	/* youtube */
	#jkYoutube{padding: 15% 0 10% 0;}
	#jkYoutube::before{height: 100px; top: 73%;}
	#jkYoutube .jkYoutube-title{font-size: 2.815rem;}
	#jkYoutube .jkYoutube-title::before{width: 40px; height: 40px; top: -50px;}
	.jkYoutube-box{flex-wrap: wrap;}
	.youtubeTab-con{width: 100%;}
	.MjkYoutube-swiper{width: 100% !important;}
	.MjkYoutube-swiper .swiper {width: 100%;height: 100%;margin-left: auto;margin-right: auto;}

	.MjkYoutube-swiper .swiper-slide {width: 100% !important; height: calc((100% - 75px) / 2) !important;/* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex;  display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;  -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
	.MjkYoutube-swiper .swiper-slide img{width: 95%;}
	.jkYoutube-box .swiper{margin-top: 3%; height: 65vw;}
	.youtubeTab-con .tab-con iframe{height: 50vw;}
	.jkYoutube-box .swiper-grid-column>.swiper-wrapper{justify-content: space-evenly;}

	/* service */
	#service{padding: 10% 0;}
	#service::before{background-position-y: bottom;background-position-x: 61%;}
	#service .service-title{font-size: 2.815rem;}
	#service .service-title p{margin-top: 3%;}
	.service-swiper{padding-bottom: 5%;}
	#service .swiper-slide{flex-wrap: wrap; height: 135vw;}

	#service .swiper-slide .stepImg{width: 100%; height: 55vw; border-radius: 30px 30px 0 0;}
	#service .swiper-slide .step-Text1{width: 100%; height: 55vw; box-sizing: border-box; padding-top: 7%;}
	#service .swiper-slide .step-Text2{width: 100%; height: 25vw; border: none; border-radius: 0 0 30px 30px;}
	#service .swiper-slide .step-Text1 p{padding: 0 5%; box-sizing: border-box;}
	#service .step1-2 {background: url('https://www.jk-medical.jp/img/landing/m/M_service1-2.png') no-repeat center;}
	#service .step2-2 {background: url('https://www.jk-medical.jp/img/landing/m/M_service2-2.png') no-repeat center;}
	#service .step3-2 {background: url('https://www.jk-medical.jp/img/landing/m/M_service3-2.png') no-repeat center;}
	#service .step4-2 {background: url('https://www.jk-medical.jp/img/landing/m/M_service4-2.png') no-repeat center;}
	#service .step5-2 {background: url('https://www.jk-medical.jp/img/landing/m/M_service5-2.png') no-repeat center;}

	#service .text2-box p{border-bottom: none;}
	#service .text2-box h3{margin: 0;}

	#service .swiper-pagination{width: 100%; left: 0; bottom: 21%;}
	#service .swiper-pagination .swiper-pagination-bullet{width: 13px; height: 13px;}

	#service .swiper-button-next{top: 90%; width: 60px; height: 60px; right: 10%;}
	#service .swiper-button-next:after{width: 60px; height: 60px;}
    /* info  */
	#info{padding: 5% 0;}
	.infoM-con{display: flex; flex-wrap: wrap;}
	.infoM-con .info01{width: 50%; padding-bottom: 4%;}
	.infoM-con .info01 dl{display: flex; flex-wrap: wrap; line-height: 1.8;}
	.infoM-con .info01 dl dt{width: 50%;font-family: 'Noto Sans JP',sans-serif !important; font-weight: 500; font-size: 18px;}
	.infoM-con .info01 dl dd{width: 50%;font-family: 'Noto Sans JP',sans-serif !important; font-weight: 400; font-size: 18px;}

	.infoM-con .info02{width: 50%; box-sizing: border-box; padding-left: 5%; border-left: 1px solid #ccc;}
	.infoM-con .info02 p{font-family: 'Noto Sans JP',sans-serif !important; font-weight: 400; font-size: 18px; line-height: 1.8;}
	.infoM-con .infoCall{width: 100%;padding: 3% 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
	.infoM-con .infoCall dl{display: flex; justify-content: space-between; align-items: center;}
	.infoM-con .infoCall dl dt{box-sizing: border-box;font-family: 'Noto Sans JP',sans-serif !important; font-weight: 500; font-size: 24px; }
	.infoM-con .infoCall dl dd{color: #8e7444; font-size: 35px;font-family: 'Noto Sans JP',sans-serif !important; font-weight: 500; width: 82%; display: flex; align-items: center;box-sizing: border-box;}
	.infoM-con .infoCall dl dd::before{content: ''; background: url('https://www.jk-medical.jp/img/landing/m/M_infoCall.png') no-repeat center; width: 50px; height: 50px; background-size: contain; display: inline-flex; margin-right: 2%;}
	
    .infoM-con .info03{width: 100%; display: flex; align-items: center; padding-top: 2%; border-top: 1px solid #ccc;}
    .infoM-con .info03 b{width: 25%;margin-bottom: 0;}
    .infoM-con .info03 ul{width: 75%;}
    .infoM-con .info03 ul li{display: flex; align-items: flex-start; margin-bottom: 2%; line-height: 1.2;}
    .infoM-con .info03 ul li b{font-family: 'Noto Sans JP',sans-serif !important; font-weight: 500; font-size: 18px;}
    .infoM-con .info03 ul li span{font-family: 'Noto San JP',sans-serif !important; font-weight: 400; color: #7d7d7d; font-size: 18px;}
    .infoM-con .info03 ul li span i{color: #666;}

	.infoM-con .infoLine{width: 100%; padding-top: 3%;}
	.infoM-con .infoLine dl{display: flex; justify-content: space-between; align-items: center;}
	.infoM-con .infoLine dl dt{box-sizing: border-box;font-family: 'Noto Sans JP',sans-serif !important; font-weight: 500; font-size: 24px; }
	.infoM-con .infoLine dl dd{color: #4eae32; font-size: 35px;font-family: 'Noto Sans JP',sans-serif !important; font-weight: 500; width: 82%; display: flex; align-items: center;box-sizing: border-box;}
	.infoM-con .infoLine dl dd::before{content: ''; background: url('https://www.jk-medical.jp/img/landing/m/M_infoLine.png') no-repeat center; width: 50px; height: 50px; background-size: contain; display: inline-flex; margin-right: 2%;}
	.infoM-con .infoLine dl dd::after{content: ''; background: url('https://www.jk-medical.jp/img/landing/m/M_infoLine2.png') no-repeat center; width: 125px; height: 25px; background-size: contain; display: inline-flex; margin-left: 4%;}

	.infoM-con b{font-family: 'Noto Sans JP',sans-serif !important; font-weight: 500; font-size: 24px; margin-bottom: 5%; display: block;}

	/* footer */
	footer{padding: 5% 0 !important;}
	footer .inner{flex-wrap: wrap; text-align: center;}
	footer h1{width: 100%;}
	footer h1 a{margin: 0 auto;}
	footer ul{width: 100%; margin-top: 3%;}

	/* popup */
	.popup{width: 100%; left: 0;}
	.popup-btn{display: none;}


	/* reservation  1080px */
	.reservation-wrap{width: 95%;}
	.reservation-wrap form{padding: 10% 5%;}
	.reservation-wrap .form-common{justify-content: center; flex-wrap: wrap; padding: 0; border-bottom: none; margin-bottom: 7%;}
	.reservation-wrap .form-common .form-title{width: 90%; background-color: #fff; padding: 0; margin-bottom: 2%; font-size: 26px;}
	.reservation-wrap .form-con{width: 90%; padding: 0;}
	.reservation-wrap .form-con input{font-size: 16px;}
	.reservation-wrap .form-01 .form-con{justify-content: space-between;}
	.reservation-wrap .form-01 p{width: 49%; font-family: 'NotoSansJP-Medium',sans-serif !important; font-size: 18px;}
	.reservation-wrap .form-01 p span{width: 80%; padding-left: 4%; display: inline-block;}

	.reservation-wrap .form-02 input{ width: 100%; display: block;}
	.reservation-wrap .form-02 a{display: block; margin-left: 0; margin-top: 2%;}

	.reservation-wrap .form-03 input{width: 100%;}
	.reservation-wrap .form-03 span::after{content: none;}
	.reservation-wrap .form-03 p{margin-top: 2%;}
	.reservation-wrap .form-03 p::after{content: '例：080〇〇〇〇△△△△'; font-size: 18px; display: inline-block; margin-left: 2%; font-family: 'NotoSansMedium',sans-serif !important; color: #92733b; font-weight: 600;}

	.reservation-wrap .form-04 input{width: 100%;}
	.reservation-wrap .form-04 p{margin-top: 2%; font-size: 18px;}

	.reservation-wrap .form-05 .form-con b{display: inline-block; width: 18%;}
	.reservation-wrap .form-05 input{width: 78%;}
	.reservation-wrap .form-05 p{font-size: 18px; line-height: 1.4; margin-top: 2%;}

	.reservation-wrap .form-common:nth-child(6) .form-title{padding: 0;}
	.reservation-wrap .form-common:nth-child(8) .form-title{padding: 0;}
	.reservation-wrap .form-06 .wpcf7-checkbox{margin-top: 3%;}
	.reservation-wrap .form-06 .wpcf7-checkbox .wpcf7-list-item{width: 50%; margin-bottom: 2%; font-size: 18px;}
	.reservation-wrap .form-06 textarea{width: 100%; font-size: 18px;}

	.reservation-wrap .form-07 .wpcf7-radio{font-size: 18px;}
	.reservation-wrap .form-07 .reservation-wrap .form-con{margin-top: 3%;}
	.reservation-wrap .form-07 .wpcf7-list-item{width: 40%;}

	.reservation-wrap .form-08 input{width: 100%;}
	.reservation-wrap .form-08 p{margin-top: 2%; font-size: 18px;}

	.reservation-wrap .form-common:nth-child(9) .form-title{padding: 0;}
	.reservation-wrap .form-09 textarea{width: 100%; font-size: 18px;}

	.reservation-txt .txt-inner{padding-top: 4%; width: 90%; border-top: 2px solid #92733b;}
	.reservation-txt .txt-inner b{margin-left: -2%;}
	.form-submitCon p{line-height: 1.4; margin-top: 4%;}
	.form-submitCon .form-submitBtn{padding-top: 5%;}

    aside{width: 70px; top: 40%; height: auto;}
    aside li img{width: 90%;}
	aside .side-sns img{width: 80%;}
    aside .mo-snsBtn img{width: 100%;}
	aside .topBtn img{width: 100%;}
    aside li:nth-child(1){width: 100%;}

    aside .m{position: relative;}
    aside .m ul{position: absolute; display: none; top: -310px; width: 100%; height: 310px; left: 0;}
    aside ul.active{display: block;}
    aside ul li{box-shadow: none; border-radius: 0; margin-bottom: 22%;}
}

@media all and (max-width: 800px) {
	.main-count{bottom: 52%;}

	/* reservation */
	.reservation-wrap .form-05 .form-con b{width: 23%;}
	.reservation-wrap .form-05 input{width: 73%;}
	.reservation-wrap .form-06 .wpcf7-checkbox .wpcf7-list-item{font-size: 16px;}
}


@media all and (max-width:730px) {
	

	.mainBg-swiper .mainText h1{font-size: 1.75rem;}
	.mainBg-swiper .mainText span{font-size: 1.125rem;}
	.mainBg-swiper .mainText.white span::after{width: 40%;}
	.mainBg-swiper .mainText span::after{width: 40%;}
	.mainBg-swiper .swiper-pagination{bottom: 52%; font-size: 1.5rem;}

	#event .roll-text1 h4{font-size: 1.625rem;}
	#event .roll-text1 p{font-size: 1.325rem;}
	#event .roll-text1 p{font-size: 1.4rem;}
	#event .roll-text1 span{font-size: 1.25rem;}
	#event .rollText-box{height: 46vw;}
	#event .rollText-box p{font-size: 1.125rem;}
	#event .rollText-box .roll-text2{height: 100%;}
	#event .rollText-box .roll-text2 h4{font-size: 1.5rem;}
	#event .rollText-box .roll-text2 h4 b{font-size: 20px;}
	#event .rollText-box .roll-text2 .price p{font-size: 20px;}
	#event .rollText-box .roll-text2 .price span{margin-top: 0; font-size: 24px;}
	#event .rollText-box .roll-text2 span{font-size: 1.7rem;}
	#event .rollText-box .roll-text2 span i{font-size: 1.125rem;}
	#event .eventSwiper{padding-bottom: 15%;}

	#teamJk .team-title{font-size: 1.75rem;}
	#teamJk .team-title::before{width: 30px; height: 30px; top: -40px;}

	#cardNews{padding-top: 15%;}
	#cardNews .card-title{font-size: 1.75rem;}
	#cardNews .card-title::before{width: 30px; height: 30px; top: -40px;}
	#cardNews .cardBox li img{border-radius: 10px;}
	#js-btn-wrap{font-size: 1.5rem;}

	#jkYoutube::before{height: 80px; top: 75%;}
	#jkYoutube .jkYoutube-title{font-size: 1.75rem;}
	#jkYoutube .jkYoutube-title::before{width: 30px; height: 30px; top: -40px;}
	.MjkYoutube-swiper .swiper-slide img{width: 93%;}

	#service .service-title{font-size: 1.75rem;}
	#service .service-title::before{width: 30px; height: 30px; top: -40px;}
	#service .service-title p b{font-size: 1.3rem;}
	#service .service-title p{font-size: 1rem;}

	#service .swiper-slide{height: 180vw;}
	#service .swiper-slide .step-Text1{height: 90vw; padding-top: 10%;}
	#service .swiper-slide .stepImg{height: 60vw;}
	#service .swiper-slide .step-Text2{height: 30vw;}

	#service .swiper-slide .step-Text1 h4{font-size: 1.25rem;}
	#service .swiper-slide .step-Text1 h2{font-size: 1.75rem;}
	#service .swiper-button-next:after{width: 50px;height: 50px;}

	.infoM-con b{font-size: 1.25rem;}
	.infoM-con .info01 dl dt{font-size: 1.125rem;}
	.infoM-con .info01 dl dd{font-size: 1rem;}
	.infoM-con .info02 p{font-size: 1rem;}
	.infoM-con .info03 ul li span{font-size: 16px;}
	.infoM-con .infoCall dl dt{font-size: 1.25rem;}
	.infoM-con .infoCall dl dd{font-size: 1.5rem; width: 75%;}
	.infoM-con .infoCall dl dd::before{width: 40px; height: 40px;}
	.infoM-con .infoLine dl dd{font-size: 1.5rem; width: 75%;}
	.infoM-con .infoLine dl dd::before{width: 40px; height: 40px;}
	.infoM-con .infoLine dl dd::after{width: 27%; height: 22px;}

	footer h1 a{width: 40%; margin: 0 auto;}
	footer h1 a img{width: 100%;}
	footer ul{font-size: 0.875rem;}

	/* reservation */
	.reservation-wrap .form-con input{border-radius: 2px;}
	.reservation-wrap .form-common .form-title{font-size: 22px;}
	.reservation-wrap .form-01 p{font-size: 16px;}

	.reservation-wrap .form-03 p::after{font-size: 16px;}	
	.reservation-wrap .form-05 .form-con b{width: auto;}
	.reservation-wrap .form-05 p{font-size: 16px;}
	.reservation-wrap .form-05 input{width: 57%;}
	.reservation-wrap .form-06 .wpcf7-checkbox .wpcf7-list-item{font-size: 14px;}
	.reservation-wrap .form-06 textarea{font-size: 14px; height: 60vw;}

	.reservation-wrap .form-07 .wpcf7-radio{font-size: 16px;}
	.reservation-wrap .form-08 p{font-size: 16px;}

	.form-submitCon h3{padding: 4% 0; font-size: 18px;}
	.form-submitCon p{font-size: 14px;}

}
@media all and (max-width:600px) {
	.main-count{bottom: 49%;}
	.reservation-wrap .form-common .form-title{font-size: 18px;}
	.reservation-wrap .form-con input{padding: 6%;}
	.reservation-wrap .form-01 p span input{padding: 15% 6%;}
	.reservation-wrap .form-01 p span{width: 70%; padding-left: 0;}
	.reservation-wrap .form-02 a{font-size: 14px;}

	.reservation-wrap .form-03 p{font-size: 14px; line-height: 1.4;}
	.reservation-wrap .form-05 p{font-size: 14px;}
	.reservation-wrap .form-06 .wpcf7-checkbox .wpcf7-list-item label{display: flex; align-items: center;}
	.reservation-wrap .form-06 .wpcf7-checkbox .wpcf7-list-item:nth-child(3),
	.reservation-wrap .form-06 .wpcf7-checkbox .wpcf7-list-item:nth-child(10){width: 100%;}
	.reservation-wrap .form-06 .wpcf7-checkbox .wpcf7-list-item input[type="checkbox"]{padding: 0; width: 6vw; height: 6vw;}
	.reservation-txt .txt-inner li{font-size: 11px;}
	.form-submitCon h3{font-size: 14px;}
	.form-submitCon .form-submitBtn input{width: 200px; border-radius: 200px; font-size: 18px;}
}


@media all and (max-width: 430px) {
	.main-count{bottom: 44%;}
	/* landing */
	.mainBg-swiper .mainText{top: 5%;}
	.mainBg-swiper .mainText span{font-size: 3.8vw;}
	.mainBg-swiper .mainText h1{font-size: 6vw;}
	.mainBg-swiper2{margin-top: 2px;}
	.mainBg-swiper .swiper-pagination{font-size: 4vw; bottom: 65%;}
	.mainBg-swiper2 .swiper-slide-thumb-active::before{height: 5px;}

	#event .roll-text1 h4{font-size: 6.2vw;}
	#event .roll-text1 p{font-size: 4.5vw;}
	#event .roll-text1 p b{font-size: 5vw;}
	#event .roll-text1 span{font-size: 4.2vw;}

	#event{padding: 22% 0 13% 0;}
	#event .roll-text1 h4::before{width: 30px; height: 30px; top: -40px;}
	#event .roll-img img{border-radius: 15px; width: 90%;}
	#event .rollText-box{height: 58vw;}
	#event .rollText-box .roll-text2{padding: 7% 0 10% 0;}
	#event .rollText-box p{font-size: 5vw;}
	#event .rollText-box .roll-text2 h4{font-size: 5.5vw;}
	#event .rollText-box .roll-text2 h4 b{font-size: 4.5vw;}
	#event .rollText-box .roll-text2 .price{margin-top: 5%;}
	#event .rollText-box .roll-text2 .price p{font-size: 5vw;}
	#event .rollText-box .roll-text2 .price span{font-size: 6vw;}
	#event .rollText-box .roll-text2 span{font-size: 7vw;}
	#event .rollText-box .roll-text2 span i{font-size: 5vw;}

	#event .event-btn2 .swiper-button-prev, .swiper-rtl .swiper-button-prev{width: 50px; height: 50px; left: 0;}
	#event .event-btn2 .swiper-button-prev:after{width: 50px; height: 50px;}

	#event .event-btn2 .swiper-button-next, .swiper-rtl .swiper-button-next{width: 50px; height: 50px; right: 0;}
	#event .event-btn2 .swiper-button-next:after{width: 50px; height: 50px;}

	#event .event-btn{width: 100%;}
	#event .event-btn .swiper-button-next, .swiper-rtl .swiper-button-prev{width: 30px; height: 30px;}
	#event .event-btn .swiper-button-prev, .swiper-rtl .swiper-button-next{width: 30px; height: 30px;}
	#event .event-btn .event-pagination{bottom: 50%;}
	#event .event-btn .swiper-pagination-bullet{width: 10px; height: 10px;}

	#teamJk .team-title,
	#cardNews .card-title,
	#jkYoutube .jkYoutube-title,
	#service .service-title{font-size: 6vw;}


	#cardNews{padding-top: 20%;}
	#js-btn-wrap{font-size: 6vw;}

	#jkYoutube{padding: 18% 0 10% 0;}
	.youtubeTab-con .tab-con iframe{border-radius: 10px;}
	#service .service-title p b{font-size: 3.5vw;}
	#service .service-title p{font-size: 3.2vw;}

	#service .swiper-slide{height: 190vw;}
	#service .swiper-slide .step-Text1{height: 97vw;}
	#service .swiper-pagination{bottom: 23%;}
	#service .swiper-slide .step-Text1 h4{font-size: 5.4vw;}
	#service .swiper-slide .step-Text1 h2{font-size: 6.2vw;}
	#service .swiper-slide .step-Text1 p{font-size: 0.875rem;}
	#service .text2-box p{font-size: 4.5vw;}
	#service .text2-box h3{font-size: 6.5vw;}
	#service .swiper-button-next:after{width: 40px; height: 40px;}
	#service .swiper-slide .stepImg{border-radius: 13px 13px 0 0;}
	#service .swiper-slide .step-Text2{border-radius: 0 0 13px 13px; height: 33vw;}
	

	.infoM-con b{font-size: 1.15rem;}
	.infoM-con .info01 dl dt{font-size: 1rem;}
	.infoM-con .info01 dl dd{font-size: 0.85rem;}
	.infoM-con .info02 p{font-size: 0.85rem;}
	.infoM-con .info03 ul li b{font-size: 16px;}
	.infoM-con .info03 ul li span{font-size: 12px;}

	.infoM-con .infoCall dl dt,
	.infoM-con .infoLine dl dt{font-size: 1.15rem;}

	.infoM-con .infoCall dl dd,
	.infoM-con .infoLine dl dd{font-size: 1.3rem;}

	.infoM-con .infoCall dl dd::before,
	.infoM-con .infoLine dl dd::before{width: 25px; height: 25px;}

	footer{padding: 10% 0;}
	footer h1 a{width: 55%;}

	.popup-close{width: 40px; height: 40px; top: 10px; right: 10px;}

	aside{width: 60px; top:60%;}
	aside .m ul{height: 275px; top: -275px;}
	aside .side-sns p{font-size: 10px;}

}