@charset "utf-8";
i, em {font-style:normal}
.owl-item {float:left}
.owl-carousel .owl-wrapper {display: none;position:relative; -webkit-transform:translate3d(0px, 0px, 0px); -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;transition: all 0.3s ease-out}

/*===========================================
   titile 
=============================================*/
.u-tit01 {display:block; line-height:9.6vw; font-size:2.8vw; text-align:center; color:#222; letter-spacing:-0.02em; font-weight:700}

@media only screen and (min-width:999px) {
	.u-tit01{line-height:96px; font-size:28px}
}

@media only screen and (max-width:500px) {
	.u-tit01{line-height:48px; font-size:14px}
}

/*===========================================
   skipNavi 
=============================================*/
#skipNavi {height:0}
#skipNavi .skipLink {position:absolute;top:-1000px;left:-1000px;overflow:hidden;z-index:5000}
#skipNavi .skipLink:focus,
#skipNavi .skipLink:active {top:0;left:0;padding:10px 20px;background:#1e64ba;color:#fff}

/*===========================================
   tab type
=============================================*/
.u-tab01{width:calc(100% + 6vw); margin-left:-3vw}
.u-tab01 ul:after{display:block; content:""; clear:both}
.u-tab01 li{float:left}
.u-tab01 li a{display:block; line-height:9.6vw; font-size:2.8vw; text-align:center; color:#ccc; background:#EDEEF2; letter-spacing:-0.02em}
.u-tab01 li.active a{color:#222; background:#fff}
.u-tab01.c01 li{width:100%}
.u-tab01.c02 li{width:49%; border-right: solid 1px #ddd}
.u-tab01.c03 li{width:33.333333%}
.u-tab01.c04 li{width:25%}
.u-tab02{width:calc(100% + 6vw); margin-left:-3vw; border-bottom:1px solid #eee; box-sizing:border-box; background:#fff}
.u-tab02 ul:after{display:block; content:""; clear:both}
.u-tab02 li{float:left; width:50%}
.u-tab02 li:first-child{margin-left:0}
.u-tab02 li a{display:block; line-height:10vw; font-size:3vw; text-align:center; color:#222;  letter-spacing:-0.02em; position:relative}
.u-tab02 li.active a span{color:#ffffff;position:relative; z-index:3}
.u-tab02.baebi li.active a span{color:#111111;position:relative; z-index:3}
.u-tab03 li.active a span{color:#ffffff;position:relative; z-index:3}
.u-tab03.baebi li.active a span{color:#111111;position:relative; z-index:3}
.u-tab02 li.active a{font-weight:700}
.u-tab02 li.active a:after{width:67%; height:7.4vw; left:16%; margin-bottom:1.2vw; position:absolute; bottom:0; display:block; content:""; border-radius:47px; background:#5190f0}
.scontainer.mexi .u-tab02 li.active a:after{background:#1c355e}
.u-tab02.mexi li.active a:after{background:#1c355e}
.u-tab02.baebi li.active a:after{width:80%; height:2px; left:10%; margin-bottom:6px; position:absolute; bottom:-1px; display:block; content:""; border-radius:47px; background:#5190f0}
.u-tab02.c01 li{width:100%}
.u-tab02.c02 li{width:50%}
.u-tab02.c03 li{width:33.333333%}
.u-tab02.c04 li{width:25%}
.u-tab03 ul{border-bottom:1px solid #eee}
.u-tab03 ul:after{display:block; content:"";clear:both}
.u-tab03 li{float:left; box-sizing:border-box}
.u-tab03 li a{display:block; line-height:10vw; font-size:3vw; text-align:center; color:#222; background:#fff; letter-spacing:-0.02em}
.u-tab03 li.active a{position: relative}
.u-tab03.c01 li{width:100%}
.u-tab03.c02 li{width:50%}
.u-tab03.c03 li{width:33.333333%}
.u-tab03.c04 li{width:25%}
.u-tab03 li.active a:after{width:62%; height:6vw; left:20%; margin-bottom:2vw; position:absolute; bottom:-1px; display:block; content:""; border-radius:47px; background:#5190f0}
.u-tab03.mexi li.active a:after{background:#1c355e}
.u-tab03.c03.allergie li.active a:after{width:62%; height:6vw; left:20%; margin-bottom:2vw; position:absolute; bottom:-2px; display:block; content:""; border-radius:47px; background:#1c355e}
.u-tab04 ul{border:1px solid #ccc; border-radius:0.8vw;overflow:hidden}
.u-tab04 ul:after{display:block; content:"";clear:both}
.u-tab04 li{float:left; box-sizing:border-box}
.u-tab04 li a{display:block; line-height:8.2vw; font-size:3vw; text-align:center; color:#222;background:#fff;  letter-spacing:-0.02em}
.u-tab04 li.active a{background:#f2f6ff; font-weight:700}
.u-tab04 li:nth-child(n+2){border-left:1px solid #ccc}
.u-tab04.large li a{line-height:10vw}
.u-tab04.c02 li{width:50%}
.u-tab04.c03 li{width:33.333333%}
.u-tab04.c04 li{width:25%}
.u-tab05 ul{margin:0 -1%}
.u-tab05 ul:after{display:block; content:"";clear:both}
.u-tab05 li{float:left; margin:0 1%;text-align:center}
.u-tab05 li a{display:block;line-height:6.2vw;height:6.4vw;box-sizing:border-box;border:1px solid #ccc; border-radius:6.4vw; color:#555; font-size:2.8vw; letter-spacing:-0.03em}
.u-tab05 li.active a{border-color:#5190F1; background:#5190F1; color:#fff}
.u-tab05.c02 li{width:48%}
.u-tab05.c03 li{width:31.333333%}
.u-tab05.c04 li{width:23%}
.u-tab05.c05 li{width:18%}

@media only screen and (min-width:999px) {
	.u-tab03.c03.allergie li.active a:after {height: 60px; margin-bottom: 5px; bottom: 14px}
	.u-tab02 li.active a:after{width:219px; height:64px; left:82px; margin-bottom:19px; position:absolute; bottom:-1px; display:block; content:""; border-radius:47px; background:#5190f0}
	.u-tab01{width:calc(100% + 60px); margin-left:-30px}
	.u-tab01 li a{line-height:96px; font-size:28px}
	.u-tab02{width:calc(100% + 60px); margin-left:-30px}
	.u-tab02 li a {line-height:100px; font-size:30px}
	.u-tab03{ border-right:8px}
	.u-tab03 li a{line-height:100px; font-size:30px}
	.u-tab03 li.active a:after{width:210px; height:64px; left:27px; margin-bottom:19px; position:absolute; bottom:-1px; display:block; content:""; border-radius:47px; background:#5190f0}
	.u-tab04{ border-right:8px}
	.u-tab04 li a{line-height:82px; font-size:30px}
	.u-tab04.large li a{line-height:100px}
	.u-tab05 li a{line-height:62px; height:64px; font-size:28px; border-radius:64px}
}

@media only screen and (max-width:500px) {
	.u-tab03.c03.allergie li.active a:after{height:28px; bottom:3px; margin-bottom: 7px}
	.u-tab03 li.active a:after{width:60%; height:30px; left:20%; margin-bottom:12px; position:absolute; bottom:-1px; display:inline-block; content:""; border-radius:47px; background:#5190f0}
	.u-tab03.mexi li.active a:after{width:60%; height:30px; left:20%; margin-bottom:12px; position:absolute; bottom:-1px; display:inline-block; content:""; border-radius:47px; background:#1c355e}
	.u-tab02 li.active a:after{width:70%; height:33px; left:15%; margin-bottom:6px; position:absolute; bottom:2px; display:block; content:""; border-radius:47px; background:#5190f0}
	.u-tab02.baebi li.active a:after{width:70%; height:2px; left:15%; margin-bottom:0; position:absolute; bottom:-1px; display:block; content:""; border-radius:47px; background:#5190f0}
	.u-tab01{width:calc(100% + 30px); margin-left:-15px}
	.u-tab01 li a{line-height:48px; font-size:14px}
	.u-tab02{width:calc(100% + 30px); margin-left:-15px}
	.u-tab02 li a{line-height:50px; font-size:15px}
	.u-tab03{border-right:4px}
	.u-tab03 li a{line-height:50px; font-size:15px}
	.u-tab04{border-right:4px}
	.u-tab04 li a{line-height:42px; font-size:15px}
	.u-tab04.large li a{line-height:50px}
	.u-tab05 li a{line-height:31px; height:32px; font-size:14px; border-radius:32px}
}

/*===========================================
  input & select
=============================================*/
.chk-input {display:inline-block; vertical-align:top; position:relative;box-sizing:border-box}
.chk-input input[type="text"],
.chk-input input[type="password"],
.chk-input input[type="number"]{height:9vw; min-height:45px; letter-spacing:-0.035em;font-size:2.8vw; border:1px solid #ccc; background:#fff;border-radius:0.4vw; color:#b4b4b4;padding:0 2vw; font-weight:400; box-sizing:border-box; display:block; width:100%; position:relative; z-index:4}
.chk-input input::placeholder{opacity:1; color:#ccc !important}
.chk-select{position:relative;box-sizing:border-box;display:inline-block;vertical-align:top; background:#f6f6f6 ;border-radius:0.8vw}
.chk-select:after{background:url(https://cdn.spge.kr/upload/mexicana/_Img/Sub/select-arrow.png) no-repeat center center;opacity:0.8; position:absolute; width:2vw; height:2vw; min-width:16px; min-height:16px;  right:2vw; top:50%; display:block; content:""; z-index:3; background-size:70% auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%)}
.chk-select select{padding:0 5vw 0 2vw;font-size:2.8vw; border:none; height:10vw; border-radius: 0.4vw; color:#121212 !important; -webkit-appearance:none; -moz-appearance:none;background:none; appearance:none;width:100%; margin:0;letter-spacing:-0.03em;  position:relative; z-index:5; cursor:pointer}
.chk-select select::-ms-expand{display:none}
.chk-input.mexi{width: 100%}
.chk-input.mexi input[type="text"],
.chk-input.mexi input[type="password"],
.chk-input.mexi input[type="number"]{width: calc(100% - 12.5vw); border: 1px solid #EBEBEB; border-radius: 1vw}

@media only screen and (min-width:999px) {
	.chk-input.mexi input[type="text"], .chk-input.mexi input[type="password"], .chk-input.mexi input[type="number"]{width: calc(100% - 125px)}
	.chk-input input[type="text"],
	.chk-input input[type="password"],
	.chk-input input[type="number"] {height:89px;font-size:30px}
	.chk-input input[type="text"],
	.chk-input input[type="password"]{height:90px;font-size:28px;border-radius:8px; padding:0 20px}
	.chk-select{border-radius:8px}
	.chk-select select{height:90px; font-size:28px; padding:0 50px 0 20px}
	.chk-select:after{width:20px;height:20px;right:16px}
	.chk-input.calendar:after{width:28px;height:28px; right:20px}
}

@media only screen and (max-width:500px) {
	.chk-input input[type="text"],
	.chk-input input[type="password"],
	.chk-input input[type="number"] {height:45px;font-size:14px;border-radius:4px; padding:0 10px}
	.chk-input.mexi input[type="text"],
	.chk-input.mexi input[type="password"],
	.chk-input.mexi input[type="number"]{width: calc(100% - 60px)}
	.chk-select{border-radius:4px}
	.chk-select select{height:45px; font-size:14px; padding:0 25px 0 10px}
	.chk-select:after{width:10px;height:10px;right:10px}
	.chk-input.calendar:after{width:14px;height:14px; right:8px}
}

.chk-radio {display:inline-block; font-size:0; vertical-align:top; line-height:120%; color:#000}
.chk-radio input[type="radio"]{position: absolute; width:1px; height:1px; padding: 0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border: 0}
.chk-radio input[type="radio"] + label{display:block; position: relative; padding-left:7.8vw; font-size:3.2vw; color:#222; line-height:5.6vw; height:5.6vw; cursor:pointer; letter-spacing:-0.03em;  font-weight:400}
.chk-radio input[type="radio"] + label:before { content:''; position: absolute; left:0; top:1px; width:5.6vw; height:5.6vw; text-align:center; background:url(../_Img/Sub/radio-off.png) no-repeat center center #ddd;background-size:100% auto;border-radius:100%; box-sizing:border-box}
.chk-radio input[type="radio"]:checked + label:before{border-color:#5190f0;background:url(../_Img/Sub/radio-on.png) no-repeat center center #5190f0;background-size:100% auto}

@media only screen and (min-width:999px) {
	.chk-radio input[type="radio"] + label{font-size:32px; line-height:56px; height:56px; padding-left:78px}
	.chk-radio input[type="radio"] + label:before {width:56px;height:56px}
}

@media only screen and (max-width:500px) {
	.chk-radio input[type="radio"] + label{font-size:16px; line-height:28px; height:28px; padding-left:39px}
	.chk-radio input[type="radio"] + label:before {width:28px;height:28px}

}

.chk-check{display:inline-block;vertical-align:top; text-align:left; height:auto; min-height:4.8vw}
.chk-check input[type="checkbox"]{display:none}
.chk-check input[type="checkbox"] + label {position:relative;display:block;padding-left:6vw; font-size:2.8vw ;font-weight:400; letter-spacing:-0.03em;color:#121212;/*color:#ccc;*/ line-height:4.8vw; min-height:4.8vw}
.order-wrap .item.demand .chk-check input[type="checkbox"] + label{color:#ccc}
.chk-check input[type="checkbox"] + label:after{width:4.8vw; height:4.8vw; min-width:21px;min-height:21px;position:absolute;border-radius:0.4vw;left:0; top:0 ; display:block; content:""; background:#fff; box-sizing:border-box; border:1px solid #ccc; background-size:60% auto !important; z-index:1}
.chk-check input[type="checkbox"]:checked +  label:after{background:url(../_Img/Sub/check-on.png) no-repeat center center #5190F1; border-color:#5190F1;z-index:3}
.scontainer.mexi .chk-check input[type="checkbox"]:checked + label:after {background: url(../_Img/Sub/check-on.png) no-repeat center center #1c355e; border-color: #1c355e; z-index: 3}
.chk-check.small input[type="checkbox"] + label{font-size:2vw; color:#888; line-height:1.35em; height:4.8vw;display:flex;align-items: center; justify-content: left;word-break: keep-all}
.chk-check.small input[type="checkbox"] + label span{display:block}
.agree-chk{display:inline-block;vertical-align:top}
.agree-chk input[type="checkbox"]{display:none}
.agree-chk input[type="checkbox"] + label{position:relative; width:8.4vw; height:4vw; background:#ccc; border-radius:4vw; display:block; -webkit-transition: background 0.3s ease-out; -moz-transition: background 0.3s ease-out; -o-transition: background 0.3s ease-out;transition: background 0.3s ease-out}
.agree-chk input[type="checkbox"]:checked +  label{background-color:#5190F1}
.agree-chk input[type="checkbox"] + label:after{ width:3.6vw; height:3.6vw; position:absolute; background:#fff; border-radius:100%;display:block; content:""; left:0.2vw; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform:  translateY(-50%);transform: translateY(-50%); -webkit-transition: left 0.3s ease-out; -moz-transition: left 0.3s ease-out; -o-transition: left 0.3s ease-out;transition: left 0.3s ease-out}
.agree-chk input[type="checkbox"]:checked +  label:after{left:4.6vw}
.agree-chk input[type="checkbox"] + label .atxt{position:absolute; right:8.4vw; height:4vw; line-height:3.8vw; font-size:2.8vw; color:#aaa; width:20vw;text-align:right; letter-spacing:-0.03em}
.agree-chk input[type="checkbox"]:checked  + label .atxt{color:#222}
.agree-chk.small input[type="checkbox"] + label .atxt{ font-size:2.2vw}

@media only screen and (min-width:999px) {
	.chk-check{min-height:48px}
	.chk-check input[type="checkbox"] + label{padding-left:60px; font-size:28px; line-height:48px; min-height:48px}
	#pickup_info_btn{padding-left:20px; font-size:28px; line-height:48px; min-height:48px}
	.chk-check input[type="checkbox"] + label:after{width:48px; height:48px; border-radius:4px}
	.chk-check.small input[type="checkbox"] + label{font-size:20px; height:48px}
	.agree-chk input[type="checkbox"] + label{width:84px; height:40px; border-radius:40px}
	.agree-chk input[type="checkbox"] + label:after{width:36px; height:36px; left:2px}
	.agree-chk input[type="checkbox"]:checked +  label:after{left:46px}
	.agree-chk input[type="checkbox"] + label .atxt{right:84px; height:40px; line-height:38px; font-size:28px; width:200px}
	.agree-chk.small input[type="checkbox"] + label .atxt{ font-size:22px}
}

@media only screen and (max-width:500px) {
	.chk-check{min-height:24px}
	.chk-check input[type="checkbox"] + label{padding-left:30px; font-size:14px; line-height:24px;min-height:24px}
	#pickup_info_btn{padding-left:5px; font-size:14px; line-height:24px;min-height:24px}
	.chk-check input[type="checkbox"] + label:after{top:3px;left:3px;width:21px; height:21px; border-radius:2px}
	.chk-check.small input[type="checkbox"] + label{font-size:10px; height:24px}
	.agree-chk input[type="checkbox"] + label{width:42px; height:20px; border-radius:20px}
	.agree-chk input[type="checkbox"] + label:after{width:18px; height:18px; left:1px}
	.agree-chk input[type="checkbox"]:checked +  label:after{left:23px}
	.agree-chk input[type="checkbox"] + label .atxt{right:42px; height:20px; line-height:18px; font-size:14px; width:100px}
	.agree-chk.small input[type="checkbox"] + label .atxt{ font-size:11px}
}

/*===========================================
  paging-wrap
=============================================*/
.paging-wrap{font-size:0; text-align:center; display:block; position:relative;padding:3vw 0}
.paging-wrap a.ctrl{ display:inline-block;vertical-align:top;text-decoration:none; width:5.2vw; height:5.2vw;min-width:26px;min-height:26px; text-align:center; ;box-sizing:border-box; border:1px solid #ccc}
.paging-wrap li,
.paging-wrap ul{display:inline-block; vertical-align:top}
.paging-wrap ul{padding:0 3vw}
.paging-wrap li{margin:0 1.6vw 0 0;position:relative}
.paging-wrap li.active{z-index:5}
.paging-wrap li a{display:block; position:relative; text-decoration: none; height:5.2vw;min-height:26px; font-size:2.8vw;  font-weight:400; color:#999; text-align:center;line-height:5.2vw; box-sizing:border-box}
.paging-wrap li.active a{ color:#222}
.paging-wrap.rounds ul{padding:0}
.paging-wrap.rounds li{margin:0 0.2vw}
.paging-wrap.rounds li a{border:none ;min-width:5.2vw; border-radius:100%;  padding:0 0.4vw}
.paging-wrap.rounds li.active a{ color:#222;background:#eee;border-radius:100%}
.paging-wrap.rounds a.ctrl{border:none}

@media only screen and (min-width:999px) {
	.paging-wrap{padding:30px 0}
	.paging-wrap a.ctrl{width:52px;height:52px}
	.paging-wrap ul{padding:0 30px}
	.paging-wrap li{margin-right:16px}
	.paging-wrap li a{height:52px;line-height:52px; font-size:28px}
	.paging-wrap.rounds li{margin:0 2px}
	.paging-wrap.rounds li a{min-width:52px; padding:0 4px}
}

@media only screen and (max-width:500px) {
	.paging-wrap{padding:15px 0}
	.paging-wrap ul{padding:0 15px}
	.paging-wrap li{margin-right:8px}
	.paging-wrap li a{height:26px; font-size:14px; line-height:26px}
	.paging-wrap.rounds li{margin:0 1px}
	.paging-wrap.rounds li a{min-width:26px; padding:0 2px}
}

/*===========================================
  .field
=============================================*/
.field{font-size:0;position:relative}
.field:after{display:block; content:"";clear:both}
.bd-line{background:#f5f5f5; width:calc(100% + 6vw); margin-left:-3vw; height:2vw; box-sizing:border-box;border-top:1px solid #e6e6e6; position:relative}
.bd-line.hoz{height:1px;border:none;background:#e6e6e6}
.bd-line.vh{height:4.8vw}
.field.mexi {margin-bottom: 20px}
.field.mexi.ecoupon {margin-bottom: 10px}

@media only screen and (min-width:999px) {
	.bd-line{height:20px; width:calc(100% + 60px); margin-left:-30px}
	.bd-line.vh{height:48px}
}

@media only screen and (max-width:500px) {
	.bd-line{height:10px; width:calc(100% + 30px); margin-left:-15px}
	.bd-line.vh{height:24px}
	.layer-wrap.delivery .bd-line{ width:calc(100% + 24px)}
}

/*===========================================
  .lower
=============================================*/
.lower{position:relative;z-index:9}
.lower:after{display:block; content:"";clear:both}
.lower .fix{position:fixed; left:50%; bottom:0; padding:0; background:#fff; width:100%; max-width:750px; min-width:320px; box-sizing:border-box; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%)}
.lower .fix:after{display:block; content:"";clear:both}
.lower.shadow .fix{padding:0;box-shadow: 0 0 12px rgba(0, 0, 0, 0.15)  ; -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.15)  ; -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.15)}

@media only screen and (min-width:999px) {
	.lower .fix {padding:0; bottom:65px}
	.scontainer.mexi .lower .fix {padding:0; bottom:42px}
}

@media only screen and (max-width:500px) {
	.lower .fix {padding:0}
}

@media only screen and (max-width:320px) {
	.lower .fix {bottom:0; left:0; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0)}
}

.star img{cursor:pointer}

/*===========================================
  u-list & dl-list
=============================================*/
.ul-list01 li{color:#222; font-size:2.2vw; line-height:1.4em;position:relative;padding-left:1vw; letter-spacing:-0.03em; word-break: keep-all}
.ul-list01 li:nth-child(n+2){margin-top:1vw}
.ul-list01 li:before{width:0.4vw; height:0.4vw; background:#222; border-radius:100%; position:absolute; left:0; top:1.4vw; display:block; content:""}

@media only screen and (min-width:999px) {
	.ul-list01 li{font-size:22px; padding-left:10px}
	.ul-list01 li:nth-child(n+2){margin-top:10px}
	.ul-list01 li:before{width:4px;height:4px; top:14px}
}

@media only screen and (max-width:500px) {
	.ul-list01 li{font-size:11px; padding-left:5px}
	.ul-list01 li:nth-child(n+2){margin-top:5px}
	.ul-list01 li:before{width:2px;height:2px; top:7px}
}

.ul-list02 li{color:#999; font-size:2.2vw; line-height:1.5em;position:relative;padding-left:1vw; letter-spacing:-0.03em; word-break: keep-all}
.ul-list02 li:nth-child(n+2){margin-top:1vw}
.ul-list02 li:before{width:0.4vw; height:0.4vw; background:#999; border-radius:100%; position:absolute; left:0; top:1.4vw; display:block; content:""}

@media only screen and (min-width:999px) {
	.ul-list02 li{font-size:22px; padding-left:10px}
	.ul-list02 li:nth-child(n+2){margin-top:10px}
	.ul-list02 li:before{width:4px;height:4px; top:14px}
}

@media only screen and (max-width:500px) {
	.ul-list02 li{font-size:11px; padding-left:5px}
	.ul-list02 li:nth-child(n+2){margin-top:5px}
	.ul-list02 li:before{width:2px;height:2px; top:7px}
}

.ul-list03 li{color:#8b8b8b; font-size:2.6vw; line-height:1.5em;position:relative;padding-left:2vw; letter-spacing:-0.03em}
.ul-list03 li:nth-child(n+2){margin-top:2vw}
.ul-list03 li:before{width:1vw; height:1px; background:#999; position:absolute; left:0; top:1.8vw; display:block; content:""}

@media only screen and (min-width:999px) {
	.ul-list03 li{font-size:26px; padding-left:20px}
	.ul-list03 li:nth-child(n+2){margin-top:20px}
	.ul-list03 li:before{width:10px; top:18px}
}

@media only screen and (max-width:500px) {
	.ul-list03 li{font-size:13px; padding-left:10px}
	.ul-list03 li:nth-child(n+2){margin-top:10px}
	.ul-list03 li:before{width:5px;top:9px}
}

.dl-list01 {margin-top:3vw}
.dl-list01 dt,
.dl-list01 dt a{font-size:2.8vw; color:#5190F0; line-height:1.2em; margin-bottom:3vw; letter-spacing:-0.03em}
.dl-list01 dt a{display:block}
.dl-list01 dd{color:#999; font-size:2.2vw; line-height:1.4em;position:relative;padding-left:1vw; letter-spacing:-0.03em}
.dl-list01 dd:nth-child(n+3){margin-top:1vw}
.dl-list01 dd:before{width:0.4vw; height:0.4vw; background:#999; border-radius:100%; position:absolute; left:0; top:1.4vw; display:block; content:""}

@media only screen and (min-width:999px) {
	.dl-list01 {margin-top:30px}
	.dl-list01 dt,
	.dl-list01 dt a{font-size:28px; margin-bottom:30px}
	.dl-list01 dd{font-size:22px; padding-left:10px}
	.dl-list01 dd:nth-child(n+3){margin-top:10px}
	.dl-list01 dd:before{width:4px;height:4px; top:14px}
}

@media only screen and (max-width:500px) {
	.dl-list01 {margin-top:15px}
	.dl-list01 dt,
	.dl-list01 dt a{font-size:14px; margin-bottom:15px}
	.dl-list01 dd{font-size:11px; padding-left:5px}
	.dl-list01 dd:nth-child(n+3){margin-top:5px}
	.dl-list01 dd:before{width:2px;height:2px; top:7px}
}