@charset 'utf-8';
@import url(fonts/fonts.css);
/* CSS Document */
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body {min-width:280px;font:16px/1.5 'SCoreDream', 'Nanum Gothic', 'NanumSquare', '맑은고딕', 'Malgun Gothic', 'dotum', '돋움', 'gulim', '굴림', 'sans-serif';letter-spacing:-.05em;color:#666;}
body, div, dl, dt, dd, th, td, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, blockquote, button, input, textarea {margin:0;padding:0;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main {display:block;margin:0;padding:0;}
hr, table caption {display:none;}
legend, .hd-element {position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
table {width:100%;table-layout:fixed;border-spacing:0;border-collapse:collapse;}
img, fieldset, button, input {max-width:100%;vertical-align:middle;border:0;}
ul, ol, li {list-style:none;}
em, address {font-style:normal;}
label, button {cursor:pointer;}
a {text-decoration:none;color:#666;}
button {vertical-align:top;background:transparent;}
button::-moz-focus-inner {padding:0;border:0;}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
input, select, button {font:16px/1.5 'SCoreDream', 'NanumSquare', '맑은고딕', 'Malgun Gothic',  'dotum', '돋움', 'gulim', '굴림', 'sans-serif';color:#666;}
.sr-only, .hdn {position:absolute !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;width:1px !important;height:1px !important;margin:-1px !important;padding:0 !important;border:0 !important;}
img {-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;}
/* 바로가기 */
#accessibility {position:absolute;z-index:99999;top:0;left:5%;width:90%;}
#accessibility a {position:absolute;top:0;left:0;display:block;overflow:hidden;width:100%;height:0;color:#000;background:#fff;}
#accessibility a:focus, #accessibility a:active {height:50px;}
#accessibility a span {display:block;height:50px;line-height:50px;text-align:center;border:1px solid #000;}

/* common */
.no_before:before, .no_after:after {display:none;}

.tal {text-align:left !important;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}

.fl {float:left;}
.fr {float:right;}
.clearfix:after {display:block;clear:both;content:'';}
/* *:before, *:after {transform:translateZ(0);} */

.btn-top {position:fixed;z-index:1000000;bottom:-60px;left:50%;display:block;width:61px;height:103px;margin-left:520px;font-size:0;transition:1s;opacity:0;background:url(../images/img_top2026.png) center no-repeat;background-size:contain;}
.btn-top.show {bottom:60px;opacity:1;}
i.china {font-family:'Nanum Gothic' !important;font-style:normal;}

/*************** header *****************/
header#header {z-index:2;box-sizing:border-box;width:100%;height:64px;}
header#header .top-area {/* overflow:hidden; */width:1000px;margin:0 auto;padding-top:18px;}
header#header .top-area:after {display:table;clear:both;content:'';}
header#header .logo {float:left;width:181px;}
header#header .logo a {display:inline-block;}
header#header .logo a:first-child {display:block;float:left;margin:0 5px 0 3px;}

/* 공통 공유하기 2026-01 */
header#header .story-share-wrap {float:right;}
header#header .story-share-wrap .btn-ssw-share{font-family: 'Nanum Gothic';}
/*************** footer *****************/
.footer {padding:28px 0;background:#4e463e;}
.footer .copyright {font-size:17px;text-align:center;color:#fff;font-family: 'NanumSquare';letter-spacing: normal;}

/*************** contents *****************/
.visual {position:relative;height:500px;background:url(../images/bg_visual.jpg)  center top repeat-x;background-size:auto 450px;overflow: hidden;}
.visual:before {position:absolute;bottom:50px;left:calc(50% - 752px);width:100%;max-width:500px;aspect-ratio:500 / 285;content:'';background:url(../images/bg_left.png) right center no-repeat;}
.visual:after {position:absolute;bottom:50px;left:calc(50% + 390px);width:100%;max-width:608px;aspect-ratio:608 / 420;content:'';background:url(../images/bg_right.png) left center no-repeat;}
.visualContent {position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;justify-content:center;max-width:1000px;height:100%;margin:0 auto;z-index: 1;}
.tit-wrap {display:flex;align-items:flex-end;flex-direction:column;margin-top:56px;}
.tit-wrap .tit01 {position:relative;}
.tit-wrap .tit01:before {transition:transform 1s cubic-bezier(.175, .885, .32, 1.275);opacity:0;}
.tit-wrap .tit01.aos-animate:before {position:absolute;top:52%;left:-25%;width:23.4%;content:'';animation:slideInAfter 2s ease forwards;opacity:1;background:url(../images/title_sub_bf.png) right bottom no-repeat;background-size:contain;aspect-ratio:128 / 66;}
.tit-wrap .tit02 {position:relative;;margin:30px 0 20px -10px;}
.tit-wrap .tit02:before, .tit-wrap .tit02:after {transition:transform 1.5s cubic-bezier(.175, .885, .32, 1.275);opacity:0;background-size: contain !important;z-index: -1;}
.tit-wrap .tit02.aos-animate:before {position:absolute;top:0;right:-13%;width:10.5%;content:'';animation:spoon 2s ease forwards;opacity:1;opacity:1;background:url(../images/title_misik_bf.png) right bottom no-repeat;aspect-ratio:63 / 124;}
.tit-wrap .tit02.aos-animate:after {position:absolute;top:9%;right:-18%;width:18%;content:'';animation:folk 2s ease forwards;opacity:1;opacity:1;background:url(../images/title_misik_af.png) right bottom no-repeat;aspect-ratio:109 / 100;}
/* .tit-wrap .tit02:before, .tit-wrap .tit02:after{opacity: 0;} */
.caption {display:inline-flex;margin-right:-22px;padding:8px 11px 5px 15px;font-size:16px;font-weight:500;color:#711f06;border-radius:50vh;background:#fff18a;gap:5px;}
.foodMove {min-width:360px;position:relative;display:block;max-width:615px;width:100%;margin-top:auto;background:url(../images/bg_map.png) center bottom no-repeat;aspect-ratio:615 / 124;background-size:contain;z-index: 2;}
.ico-pin{position:absolute;width:5.04%;aspect-ratio:31 / 44;background:url(../images/ico_pin2d.svg) center no-repeat;background-size:contain;transform-origin:50% 90%;animation:pinBounce 3.2s cubic-bezier(.4,0,.2,1) infinite;}
.ico-food{position:absolute;background-size:contain;background-repeat:no-repeat;transform-origin:50% 50%;animation:floatSoft 5.5s ease-in-out infinite;}
.ico-pin01{top:-24.2%;left:6.2%;animation-delay:0s;}
.ico-pin02{top:-16.1%;left:31.0%;animation-delay:.6s;}
.ico-pin03{top:-24.2%;left:45.4%;width:8.3%;background-image:url(../images/ico_pin3d.png);aspect-ratio:51 / 72;animation:pinHero 4.2s ease-in-out infinite;animation-delay:.2s;}
.ico-pin04{top:9.7%;right:29.3%;width:4.0%;aspect-ratio:25 / 35;animation-delay:1.1s;}
.ico-pin05{top:-21.0%;right:7%;width:4.0%;aspect-ratio:25 / 35;animation-delay:.4s;}
.ico-food01{bottom:30.6%;left:0%;width:18.2%;aspect-ratio:112 / 66;background:url(../images/ico_food01.png) center no-repeat;background-size:contain;animation-delay:.3s;}
.ico-food02{right:0;bottom:28.2%;width:18.2%;aspect-ratio:112 / 55;background:url(../images/ico_food02.png) center no-repeat;background-size:contain;animation-delay:1.3s;}
@keyframes pinBounce{
  0%,55%,100%{transform:translateY(0) scale(1,1);}
  60%{transform:translateY(-12px) scale(1.05,.95);}
  70%{transform:translateY(0) scale(.95,1.05);}
  78%{transform:translateY(-4px) scale(1.02,.98);}
  86%{transform:translateY(0) scale(1,1);}
}
@keyframes pinHero{
  0%,70%,100%{transform:translateY(0) rotate(0deg) scale(1,1);}
  75%{transform:translateY(-14px) rotate(-6deg) scale(1.04,.96);}
  85%{transform:translateY(0) rotate(3deg) scale(.97,1.03);}
}
@keyframes floatSoft{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-8px);}
}
@keyframes slideInAfter {0% {transform:translateY(-30px) scale(0);}	100% {transform:translateY(0) scale(1);} }

@keyframes spoon {20% {transform:rotate(20deg);}	100% {transform:rotate(0) ;} }

@keyframes folk {20% {transform:rotate(-49deg);}	100% {transform:rotate(0) ;} }



.cont-area {position:absolute;right:0;bottom:0;width:570px;height:96px;color:#2a1d07;}
.cont-area dt {position:relative;display:inline-block;margin-bottom:7px;padding-right:5px;font-size:18px;font-weight:700;border-bottom:2px solid #2a1d07;}
.cont-area dt:after {position:absolute;right:-18px;bottom:-2px;width:21px;height:23px;content:'';background:url(../images/bg_profile.png) bottom left no-repeat;}
.cont-area dd {padding-right:25px;font-size:14px;font-weight:400;letter-spacing:-.73px;}


@keyframes borderLine {0% {background:url(../images/bg_dt_after.png) 0 -.25rem repeat-y;-webkit-background-size:0 110%;background-size:0 110%;} 50% {background:url(../images/bg_dt_after.png) 0 -4px repeat-y;-webkit-background-size:50% 110%;background-size:50% 110%;} 100% {background:url(../images/bg_dt_after.png) 0 -4px repeat-y;-webkit-background-size:100% 110%;background-size:100% 110%;} }
@-webkit-keyframes borderLine {0% {background:url(../images/bg_dt_after.png) 0 -4px repeat-y;-webkit-background-size:0 110%;background-size:0 110%;} 50% {background:url(../images/bg_dt_after.png) 0 -4px repeat-y;-webkit-background-size:50% 110%;background-size:50% 110%;} 100% {background:url(../images/bg_dt_after.png) 0 -4px repeat-y;-webkit-background-size:100% 110%;background-size:100% 110%;} }


.contents {max-width:1000px;margin:0 auto;padding-bottom:90px;}
.tab-cont {padding-top:60px;word-break:keep-all;}
.tab-wrap {width:100%;margin-bottom:60px;}
.tab-wrap * {box-sizing:border-box;}
.tab-wrap .tab {display:grid;text-align:center;grid-template-columns:1fr 1fr 1fr 1fr;}
.tab-wrap li {flex:1 1; }
.tab-wrap li a {display:flex;width:100%;padding:30px 0 26px;font-size:26px;font-weight:700;line-height:26px;color:#fff;border-radius:20px 20px 0 0;    align-items: center; justify-content: center;height: 100%;}
.tab-wrap li:nth-child(1) a {border:4px solid #f25727;background:#f25727;}
.tab-wrap li:nth-child(2) a {border:4px solid #e94d1d;background:#e94d1d;}
.tab-wrap li:nth-child(3) a {border:4px solid #e04515;background:#e04515;}
.tab-wrap li:nth-child(4) a {border:4px solid #c94015;background:#c94015;}
.tab-wrap li.on {position:relative;z-index:1;}
.tab-wrap li.on:after {position:absolute;top:100%;left:calc(50% - 12px);display:block;width:0;height:0;content:'';border-right-color:transparent !important;border-bottom-color:transparent !important;border-left-color:transparent !important;background:none;}
.tab-wrap li:nth-child(1).on:after {border:12px solid #f25727;}
.tab-wrap li:nth-child(2).on:after {border:12px solid #e94d1d;}
.tab-wrap li:nth-child(3).on:after {border:12px solid #e04515;}
.tab-wrap li:nth-child(4).on:after {border:12px solid #c94015;}
.tab-wrap li.on a {box-sizing:border-box;font-size:26px;font-weight:800;color:#6b1b00;background:#fff;}
.tab-wrap li.on a span {position:relative;z-index:0;}
/* .tab-wrap li.on a span:after{position:absolute;left:-5px; width:calc(100% + 10px);height:10px; border-radius: 50vh;background:#ffe44f; content: '';z-index: -1;bottom: -1px;} */
.tab-wrap li.on a span {background-image:linear-gradient(transparent 75%, #ffe44f 25%);background-repeat:no-repeat;}
.tab-cont .sub-tit {display:flex;align-items:center;justify-content:center;height:240px;margin-bottom:30px;padding:30px;border-radius:20px;background:#faf6f5;gap:30px;}
.tab-cont .sub-tit dl {display:flex;flex-direction:column;gap:20px;}
.tab-cont .sub-tit dt {font-size:30px;font-weight:600;word-break:keep-all;color:#521300;}
.tab-cont .sub-tit dt br{display: contents;}
.tab-cont .sub-tit dd {font-size:24px;font-weight:400;word-break:keep-all;color:#333;}
.tab-cont .sub-tit:before {content:'';background-repeat:no-repeat;background-size: contain !important;max-width: 201px ;width:100%;aspect-ratio: 201 / 183;}
#tab-cont1 .sub-tit:before {background-image:url(../images/img_tab01.png);}
#tab-cont2 .sub-tit:before {background-image:url(../images/img_tab02.png);}
#tab-cont3 .sub-tit:before {background-image:url(../images/img_tab03.png);}
#tab-cont4 .sub-tit:before {background-image:url(../images/img_tab04.png);}
.cont-list-wrap {display:flex;flex-wrap:wrap;}
.cont-list {width:calc(33.33333% - 20px);margin-right:30px;margin-bottom:40px;}
.cont-list:nth-child(3n) {
	margin-right:0;}
.cont-list .img-wrap {position:relative;overflow:hidden;margin-bottom:15px;text-align:center;border-radius:20px;}
.cont-list .img-wrap img {width:100%;transition:.3s;transform:scale(1.0);}
.cont-list .article dt {position:relative;display:unset;clear:both;padding-bottom:4px;font-size:18px;font-weight:600;transition:ease-in .3s;word-break:break-all;color:#333;background:url(../images/bg_dt_after.png) 0 -4px repeat-y;background-size:0 110%; ;}
.cont-list .article dd {display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;width:100%;margin-top:15px;transition:.3s;letter-spacing:-1px;text-overflow:ellipsis;word-break:break-all;color:#666;-webkit-line-clamp:2;}

.tab-cont .btn-group {background:url(../images/bg_more.png) top center no-repeat;}
.btn-group {display:flex;align-items:center;justify-content:center;width:100%;margin:50px 0  90px;}
.btn-more {width:255px;height:70px;font-size:18px;color:#5b4837;border-radius:0 0 20px 20px;background-color:#f5eee6 ;}
.btn-more span {display:inline-flex;align-items:center;font-weight:500;line-height:1;}
.btn-more span:after {width:24px;height:24px;margin-left:12px;line-height:inherit;content:'';color:inherit;border-radius:100%;background:#d9b897 url(../images/ico_more.png);}

.banner-wrap {display:flex;margin:100px 0 ;gap:36px;}
.banner-wrap .btn {display:flex;align-items:center;width:100%;height:138px;padding-left:40px;border-radius:20px;}
.banner-wrap .btn p {display:flex;flex-direction:column;font-size:28px;font-weight:600;color:#333;}
.banner-wrap .btn-site {background:#fff0c9 url(../images/ico_banner01.png) right 11px no-repeat;}
.banner-wrap .btn-site span {display:flex;align-items:center;color:#a43e00;gap:9px;}
.banner-wrap .btn-site span:after {width:28px;content:'';border-radius:2px;background:#f3d9af url(../images/ico_banner_arrow.png) no-repeat;aspect-ratio: 1 / 1;}
.banner-wrap .btn-column {background:#ffe7e7 url(../images/ico_banner02.png) calc(100% - 6px) bottom no-repeat;}
.banner-wrap .btn-column span {display:flex;align-items:center;color:#8f2800;gap:9px;}
.banner-wrap .btn-column span:after {width:28px;content:'';border-radius:2px;background:#f3d1c9 url(../images/ico_banner_arrow.png) no-repeat; aspect-ratio: 1 / 1;}



/* footer */
#footer, .sub #footer {border-top:1px solid #777;background:#fff;}
#footer span, #footer em {font-size:inherit;color:inherit;}
#footer .f-menu-wrap {display:flex;justify-content:space-between;width:100%;max-width:400px;margin:0 auto;}
#footer .f-menu-wrap ul {display:flex;align-items:center;padding:12px 0;}
#footer .f-left-link > li > a {display:flex;align-items:center;font-size:13px;}
#footer .f-left-link > li > a:before {width:1px;height:10px;margin:0 10px;content:'';background:#878787;}
#footer .f-left-link > li:first-child > a:before {display:none;}
#footer .f-right-link > li > a {display:flex;width:26px;height:26px;margin:0 4px;border:1px solid #555;border-radius:50%;}
#footer .f-right-link > li > a em.sr-only {width:26px;height:26px;}
#footer .f-right-link > li:nth-child(1) > a {background:#fff url('../img_f/foot_icon_1.png') no-repeat center center;background-size:40% auto;}
#footer .f-right-link > li:nth-child(2) > a {background:#fff url('../img_f/foot_icon_2.png') no-repeat center center;background-size:70% auto;}
#footer .f-right-link > li:nth-child(3) > a {background:#555 url('../img_f/foot_icon_3.png') no-repeat center center;background-size:55% auto;}

#footer .inner span {font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;}
#footer .inner ul {display:flex;}
#footer .f-txt-group {width:100%;text-align:center;border-top:1px solid #777;}
#footer .f-txt-group .inner {padding:10px 0;}
#footer .f-txt-group .inner p {font-size:14px;}
#footer .f-txt-group .inner .txt2 {display:flex;justify-content:center;}
#footer .f-txt-group .inner .txt2 span {display:flex;align-items:center;}
#footer .f-txt-group .inner .txt2 span:before {width:1px;height:50%;margin:0 10px;content:'';background:#878787;}
#footer .f-txt-group .inner .txt2 span:first-child:before {display:none;}

@media (max-width: 420px) {
	#footer .f-menu-wrap {padding:0 20px;}
	#footer .f-txt-group .inner .txt2 span {font-size:12px;}
	#footer .f-txt-group .inner p.txt3 {font-size:12px;}
}

@media (max-width: 350px) {
	#footer .f-txt-group .inner .txt2 span:before {margin:0 5px;}
}


/**** IE ****/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none), screen\9 {.cont-list .article dt {display:inline;}
	.cont-list .article dd {position:relative;height:3em;padding-right:12px;letter-spacing:-.59px;}
	.cont-list .article dd:after {position:absolute;right:0;bottom:0;content:'\0020\2026';}

	.cont-list a:hover .img-wrap img {transition:.3s;transform:scale(1.2);}
	.cont-list a:hover .article dt {transition:.3s;-webkit-animation:borderLine .3s both;animation:borderLine .3s both;color:#ff5e1e;background:url(../images/bg_dt_after.png) 0 -4px repeat-y;background-size:100% 110%;}
	.cont-list a:hover .article dd {transition:.3s;color:#333;}

	.cont-list .img-wrap {position:relative;}
	.banner-wrap .btn span {position:relative;padding:0 40px 0 64px;font-family:'Nanum Gothic';font-weight:bold;line-height:1.5em;letter-spacing:-1px;color:#231815;}
	.banner-wrap .btn span:before {position:absolute;left:0;width:58px;height:1.5em;margin-right:5px;content:'a';color:transparent;background:url(../images/img_love.png) center  no-repeat;background-size:contain;}
	.banner-wrap .btn span:after {position:absolute;right:0;width:30px;height:1.5em;margin-left:10px;content:'a';color:transparent;background:url(../images/icon_arrow.png) center  no-repeat;background-size:contain;}
	.banner-wrap .btn:hover:before {transition:.3s;border-color:#ffc88d ;}
	.banner-wrap .btn:hover:after {box-shadow:2px 2px 5px 1px rgba(0 ,0, 0, .5);}
}

@media (hover: none) {
	.cont-list .article dt:after {display:none !important;}
}

/*PC Hover*/
@media (hover:hover) and (pointer: fine) {
	.cont-list a:hover .img-wrap img {transition:.3s;transform:scale(1.2);}
	.cont-list a:hover .article dt {transition:ease-in .3s;animation:borderLine .3s both;color:#ff5e1e;}
	.cont-list a:hover .article dd {transition:.3s;color:#333;}
	.cont-list .img-wrap {position:relative;}
	.cont-list a:hover .img-wrap:before {position:absolute;z-index:-2;top:50%;left:50%;width:200%;height:400%;content:'';animation:rotate-border 2s linear infinite;background:conic-gradient(from -45deg, #fe9c00 0deg, #fff 180deg, #fe9c00 360deg);filter:blur(3px);}
	.banner-wrap .btn:hover:before {transition:.3s;border-color:#ffc88d ;}
	.banner-wrap .btn:hover:after {box-shadow:2px 2px 5px 1px rgba(0 ,0, 0, .5);}
}

@media all and (max-width:1151px) {
	.mobile header#header {display:none;}
}

@media all and (max-width: 999px) {
		/*************** header *****************/
	header#header .logo a img {height:31px;}
	header#header .logo a:first-child img {height:20px;}
	.visual:before {left:-7vw;width:50vw;background-size:contain;}
	.visual:after {z-index:0;right:0;left:auto;width:45vw;background:url(../images/m_bg_right.png) right bottom no-repeat;background-size:contain;aspect-ratio:296 / 288;}
		.tit-wrap{margin-top:30px}
	.tit-wrap .tit02{margin:15px 0 10px -5px;}
	.tit-wrap .tit01 {width:60vw;margin-right:-30px;}
	.tit-wrap .tit01.aos-animate:before {width:14vw;height:auto;background-size:contain;}
	.visualContent .foodMove {width:66vw;}
	.cont-area {right:0;bottom:5px;width:100%;height:auto;}
	.cont-area dt {margin-bottom:5px;}
	.cont-area dd {padding-right:15px;line-height:1.4;}
	/*************** contents *****************/
	.tab-wrap li a span {display:inline-flex;align-items:center;flex-direction:column;background:none;background:none !important;gap:6px;}
	.tab-wrap li.on a span em {background-image:linear-gradient(transparent 75%, #ffe44f 25%);background-repeat:no-repeat;}
	.contents {padding:0 15px;}
	.cont-list-wrap {justify-content:space-between;}
	.cont-list {width:49%;margin-right:0;}
	.banner-wrap {gap:2%;}
	.banner-wrap .btn{padding-left:20px;}
	.banner-wrap .btn p {font-size:20px;}
	.btn-top {right:13px;bottom:40px !important;left:auto;}

}


@media all and (max-width: 768px) {
	/*************** header *****************/
	.visual {height:calc(57.29vw + 65px); background-size: auto calc(100% - 50px);background-position: 10% top;}
	.visualContent {width:72vw;height:100%;}
	.visualContent .tit-wrap .tit01{margin-right: -2%;}
	.tit-wrap .caption{font-size: 11px;}
	.tit-wrap .tit02.aos-animate:before{right:-10%}
	.tit-wrap .tit02.aos-animate:after{right:-15%}
	.tab-cont .sub-tit{padding:15px;gap:5vw; gap:12px;}
	.tab-cont .sub-tit dt{font-size: 20px;}
	.tab-cont .sub-tit dd{font-size: 17px;}
	.cont-area {right:0;bottom:10px;width:100%;height:auto;padding:0 15px;}
	.cont-area dt {font-size:15px;}
	.cont-area dd {padding-right:0;font-size:13px;}
	/*************** contents *****************/
	.cont-list {font-size:15px;letter-spacing:-1.5px;}
	.tab-cont {padding-top:10vw; gap:5vw}
	.tab-cont .sub-tit:before {width:30vw;}
	.tab-wrap {margin-bottom:7.5vw;}
	.tab-wrap li a {padding:2.4vw 0;font-size: 18px;border-radius: 12px 12px 0 0;border-width: 2px !important;line-height: 1.2;}
	.tab-wrap li.on a {font-size:18px;}
	.tab-wrap li a span {gap:4px}
	.tab-wrap li a span em{white-space: nowrap;}
	.cont-list {margin-bottom:30px;}
	.cont-list .img-wrap {margin-bottom:10px;}
	.cont-list .article dt {font-size:17px;}
	.cont-list .article dd {margin-top:10px;font-size:15px;letter-spacing: -0.125em !important;}
	.btn-group {margin:5vw 0;}
	.btn-more {width:36vw;height:auto;padding:3vw 0;}
	.banner-wrap .btn{background-size: 40%;}
	.banner-wrap .btn-site{background-position: right center;}
	/*************** footer *****************/
	.footer .copyright {font-size:13px;}
}

@media all and (max-width: 550px) {
	.visual {height:calc(57.29vw + 104px);}
	.cont-area dd {padding:0;}
	.tab-cont .sub-tit dt br{display: block;}
	/*************** contents *****************/
	.tab-cont .sub-tit:before {width:45vw;}
	.tab-wrap li span {display:flex;flex-direction:column;letter-spacing: -.12em;}
	.cont-list .img-wrap{border-radius: 12px;}
	.banner-wrap .btn{padding:16px;border-radius: 12px;align-items: flex-start;background-position: center bottom;width:100%;height: auto; padding-bottom: 70px;}
	.banner-wrap .btn p{font-size: 18px;}
	.banner-wrap .btn span{display:block;}
	.banner-wrap .btn span:after{width:20px; background-size: contain;display: inline-block;vertical-align: sub; margin-left: 5px;}
	.banner-wrap .btn-site{background-image:url(../images/m_ico_banner01.png);background-size: contain;}
	.banner-wrap .btn-column{background-image:url(../images/m_ico_banner02.png);background-size: calc(100% - 30px) auto;}
}

@media all and (max-width: 380px) {
	.tit-wrap .caption {margin-top:7px;}
	.caption span {font-size:10px;}

	/*************** contents *****************/
	.tab-wrap li span{font-size: 17px !important;}
	.cont-list .article dd {font-size:13px;}
}