@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

.outfit {
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
body { font-family:"Outfit", sans-serif; background: url("../images/bg.jpg") #fd7100 no-repeat center top; background-size:contain;  }
.twm-page-content { animation:fil_blur 1s forwards; }
@keyframes fil_blur {
  from { filter: blur(6rem) brightness(2); -webkit-filter: blur(1.5rem) brightness(2); opacity:0; -webkit-pacity:0; }
  to { filter: blur(0) brightness(1); -webkit-filter: blur(0) brightness(1); pacity:1; -webkit-pacity:1; }
}
h1 { text-indent:-9999px; height:0; }
.KV img { width:100%; height:auto; }

.tab-content article { color:#fff; letter-spacing:0.1rem; width:86%; padding-bottom:3vw; margin:0 auto; }
.tab-content article h2 { background:#813e8e; font-size:1.8vw; line-height:1.4; width:90%; padding:1.2vw 0; margin:0 auto 2vw; text-align:center; border-radius:20vw; position:relative; }
.tab-content article h2 img.img_heart1 { position:absolute; width:12%; height:auto; top:-15%; left:-5%; }
.tab-content article h2 img.img_heart2 { position:absolute; width:12%; height:auto; top:-30%; right:-5%; transform:scaleX(-1); }
.tab-content article h2 img.img_heart3 { position:absolute; width:4%; height:auto; bottom:-20%; right:-3%; }
.tab-content article h2 img.img_heart4 { position:absolute; width:12%; height:auto; top:-75%; left:-5%; }
.tab-content article h2 img.img_heart5 { position:absolute; width:12%; height:auto; top:-100%; right:-5%; transform:scaleX(-1); }
.tab-content article h2 img.img_heart6 { position:absolute; width:4%; height:auto; bottom:-40%; right:-3%; }
.tab-content article h2.big { font-size:2.8vw; font-weight:600; }
.tab-content article section { font-size:1.8vw; font-weight:500; width:80%; margin:0 auto 4vw; justify-content:center; align-items:center; }
.tab-content article section dl { line-height:1.2; display:inline-block; }
.tab-content article section dl dt { font-weight:500; float:left; width:14.1%; }
.tab-content article section dl dd { float:left; width:85.9%; margin-bottom:1vw; }
.tab-content article section dl dd img { width:96%; height:auto; margin-top:-6px; }
.tab-content article section .btn_con { display:flex; width:82%; padding-left:12%; margin:0 auto; }
.tab-content article section .btnrow { width:80%; margin:0 0.5vw; flex-flow:column-reverse; }
.tab-content article section .btnrow a { font-size:1.6vw; font-weight:600; padding:1.2vw 0 1.5vw; }
.tab-content article section .btnrow a span { font-size:1vw; display:block; padding-bottom:0.2vw; }
.tab-content article section h3 { font-size:13px; line-height:1.4; text-align:center; width:90%; margin:1.2vw auto; }
.tab-content article .Phone_con { font-weight:800; letter-spacing:0.1px; width:90%; padding-bottom:0.6vw; margin:3vw auto 0; display:flex; flex-wrap:wrap; }
.tab-content article .Phone_con a { width:20%; }
.tab-content article .Phone_con .phone_img { color:#ff6700; position:relative; padding-bottom:0.6vw; margin:0.2vw; }
.tab-content article .Phone_con .phone_img img { width:100%; }
.tab-content article .Phone_con a .phone_img .txt { font-size:1.35vw; line-height:1.2; color:#ff6700; margin-top:-4vw; }
.tab-content article .Phone_con a:nth-of-type(3) .phone_img .txt { margin-top:-5vw; }
.tab-content article .Phone_con a:hover .phone_img .txt { color:#813e8e; cursor:pointer; }
.tab-content article .btnrow { width:80%; margin-top:3vw; }
.tab-content article .btnrow a { font-size:1.8vw; font-weight:600; padding:1.3vw 2vw; }
.tab-content article ul { width:92%; display:flex; padding:0; margin:6.5vw auto 0; justify-content:center; }
.tab-content article ul li { font-size:1.8vw; background:#fff; border-radius:22vw; list-style:none; position:relative; width:30%; padding:2.5vw 6vw 2.5vw 2vw; margin:0 1.4vw; }
.tab-content article ul li .img1 { width:31%; position:absolute; right:-3%; bottom:0; }
.tab-content article ul li .img2 { width:45%; position:absolute; right:-4%; bottom:0; z-index:1; }
.tab-content article ul li .img3 { width:43%; position:absolute; right:-4%; bottom:0; }
.tab-content article ul li a:hover p { color:#ff6700; }
.tab-content article ul li p { color:#813e8e; font-weight:600; text-align:center; z-index:999; }
.tab-content article ul li p span { font-weight:500; margin-right:3px; }
.pad_1 { padding-top:1.1vw; }
.mar_1 { margin-bottom:5vw; }

.btn-primary-black {
  color: #813e8e !important;
  background-image: linear-gradient(to right, #fff, #fff, #fff, #fff);
  border-radius: 90px !important;
  border: 0;
  outline: 0;
  background-size: 300% 100%;
  transition: all .5s ease-in-out;
}
.tab-content article ul li .btn-primary-black {
  color:#fff !important;
  background:#813e8e;
}
.btn-primary-black:hover {
  color:#ff6700 !important;
  background-position: 100% 0;
  transition: all .5s ease-in-out;
}
.tab-content article ul.white li .btn-primary-black:hover {
  background:#ff6700;
}
.btnrow_phone { float:left; margin:0.4vw auto 0; }
.tab-content article ul.white li .btnrow { margin:0 auto 0; }
.btnrow a { font-family:"Outfit", sans-serif; font-size:1.2vw; line-height:1em; margin:0 0.2vw; }
.tab-content article ul.white li .btn-primary-black:hover {
  background:#595959;
}
.tab-content article ul.white li .btnrow { margin:0 auto 0; }
.twm-content-note { font-family:"Outfit", sans-serif; font-size:13px; color:#fff; max-width:77%; padding:0 0 3vw; }
.twm-content-note h4 { font-weight:400; padding-left:0; margin-bottom:8px; }
.twm-content-note h4:before { background:none; width:0; margin-right:0; }
.twm-content-note ul li { font-weight:400; color:#fff; margin-bottom:0; margin-left:0; }

@media screen and (min-width: 0px) and (max-width:949px) {
	body { background: url("../images/m_bg.jpg") #fd7100 no-repeat center top; background-size:contain; }
	
	#wrapper { margin-bottom:7.5vh; }
	
	.tab-content article { width:100%; padding-bottom:1vw; margin:0 auto 0; }
	.tab-content article h2 { font-size:2.4vw; padding:1.2vw 6vw; }
	.tab-content article section { font-size:2.4vw; font-weight:500; width:92%; margin-bottom:7vw; }
	.tab-content article section .btn_con { width:90%; padding-left:13%; }
	.tab-content article section .btnrow a { font-size:2.4vw; padding:1.2vw 0 0.5vw; }
	.tab-content article section .btnrow a span { font-size:1.8vw; line-height:1; }
	.tab-content article section h3 { font-size:13px; line-height:1.4; margin:3vw auto; }
	.tab-content article h5 { font-size:6vw; font-weight:700; line-height:1.2; color:#ff6700; margin:-17vw 0 8vw; }
	.tab-content article .swiper-slide:nth-of-type(3) h5 { margin:-19vw 0 8vw; }
	.tab-content article .btnrow a { font-size:2.4vw; padding:1vw 5vw; }
	.tab-container article .mySwiper .box { position:relative; width:90%; margin:0 auto 6vw; }
	.tab-container article .mySwiper .box .card-body h5 { font-size:4.8vw; color:#ff6700; }
	.tab-container article .mySwiper .box .card-body h5:hover { color:#813e8e; }
	.tab-container article .swiper-slide:nth-child(5) .box .card-body h5 { left:20%; }
	.tab-container article .swiper-slide:nth-child(6) .box .card-body h5 { left:19%; }
	.mySwiper .swiper-button-next:hover, .mySwiper .swiper-button-prev:hover { background:rgba(190, 135, 185, 0.7); }
	.mySwiper .swiper-button-disabled, .mySwiper .swiper-button-next, .mySwiper .swiper-button-prev { background:rgba(129, 62, 142, 0.3); }
	.tab-content article ul { width:92%; margin:9vw auto 0; }
	.mar_1 { margin-bottom:7vw; }
	
	.btnrow { margin-top:2.6vw; }
	.btnrow a { font-size:2.8vw; line-height:4vw; margin-top:1vw; }
		
	.twm-content-note { background:none; font-size:13px; box-shadow:none; max-width:92%; padding:0 0 1vw; }
	.twm-content-note h4 { padding-left:4px; }
	.twm-content-note h4:before { display:none; }
	.twm-content-note ul { padding:0 0 0 5vw; }
	.notice-toggle-btn-v2024 { background:none; }
	.notice-toggle-btn-v2024:before { background:#fff; }
	.notice-toggle-btn-v2024 .-btn { background:#fff; }
	.notice-toggle-btn-v2024 .-btn span, .notice-toggle-btn-v2024 .-btn div { background:#ff6700; }
}
@media (max-width: 640px) {
	.tab-content article h2 { font-size:4.8vw; line-height:1.4; border-radius:10vw; padding:3.5vw 6vw; }
	.tab-content article h2.big { font-size:7vw; }
	.tab-content article h2 img.img_heart1 { width:17%; top:-12%; left:-5%; transform:rotate(40deg); }
	.tab-content article h2 img.img_heart2 { width:20%; top:-18%; right:-5%; }
	.tab-content article h2 img.img_heart3 { width:11%; bottom:16%; right:-3.5%; }
	.tab-content article h2 img.img_heart4 { width:18%; top:-47%; left:-5%; }
	.tab-content article h2 img.img_heart5 { width:19%; top:-63%; right:-5%; }
	.tab-content article h2 img.img_heart6 { width:7%; bottom:-43%; right:-3%; transform:rotate(15deg); }
	.tab-content article section { width:88%; margin:3vw auto 20vw; }
	.tab-content article section dl { font-size:4.8vw; line-height:1.3; }
	.tab-content article section dl dt { width:29.1%; }
	.tab-content article section dl dd { width:70.9%; margin-bottom:1.8vw; }
	.tab-content article section dl dd:nth-child(8) { width:100%; margin:2.4vw 0 1.8vw; }
	.tab-content article section dl dd img { width:100%; }
	.tab-content article section .btn_con { width:100%; display:block; padding-left:0; }
	.tab-content article section .btnrow { width:98%; }
	.tab-content article section .btnrow a { font-size:4.8vw; padding:2vw 0 3.4vw; }
	.tab-content article section .btnrow a span { font-size:4.2vw; line-height:1.6; }
	.tab-content article section h3 { font-size:13px; color:#fff; }
	.tab-content article .Phone_con { display:none; }
	
	.tab-content article .btnrow { width:90%; }
	.tab-content article .btnrow a { font-size:4.8vw; padding:3.4vw 0; }
	.mar_1 { margin-bottom:20vw; }
	.tab-container article .mySwiper .box .card-body h5 { font-size:4.8vw; font-weight:700; color:#ff6700; }
	.tab-container article .mySwiper .box .card-body h5:hover { color:#813e8e; }
	
	.tab-content article ul { display:block; }
	.tab-content article ul li { font-size:4.8vw; width:93%; padding:6.5vw 6vw 6.5vw 2vw; margin:15vw 0 15vw 2vw; }
	.tab-content article ul li:nth-child(3) { margin:15vw 0 5vw 2vw; }
	.tab-content article ul li .img1 { width:23%; }
	.tab-content article ul li .img2 { width:36%; }
	.tab-content article ul li .img3 { width:34%; }

}