@charset "utf-8";

.Content {color:#333;}

/* css setting */
.blind {display:block; overflow:hidden; position:absolute !important; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px;}
.btn {display:inline-block;transition:.2s ease-out;cursor:pointer;box-sizing:border-box;}
.btn.disabled {cursor:default;}

.pl16 {padding-left:16px;}
div.datatbl_box.pl16 {margin-left:0;padding-left:16px;}

/* title style */
.title-page-01 {line-height:30px;padding:8px 0 40px 47px;background:url(../images/ico_paper_02.png) 5px 4px no-repeat;font-size:24px;font-weight:bold;letter-spacing:0;}
.title-page-01 + .location + .print {margin-top:-56px;}

.title-con-01 {position:relative;line-height:23px;padding-left:16px;font-size:20px;color:#00417D;margin-top:40px;margin-bottom:16px;letter-spacing:0;}
.title-con-01:before {content:'';position:absolute;top:4px;left:0;display:inline-block;width:11px;height:11px;border:3px solid #285B9D;border-radius:50%;box-sizing:border-box;}
.title-con-01:first-child {margin-top:0;}

.title-info-01 {color:#285B9D;font-weight:bold;font-size:16px;line-height:19px;letter-spacing:0.02em;padding-left:24px;background:url(../images/ico_info_01.png) left top no-repeat;margin-bottom:12px;padding-top:1px;}
.title-info-01:before {content:'';}
.title-info-02 {color:#E56400;font-weight:bold;font-size:16px;line-height:20px;letter-spacing:0.02em;padding-left:24px;background:url(../images/ico_info_02.png) left top no-repeat;margin-bottom:12px;}

/* text style */
.text-con-01 {font-size:16px;color:#333;line-height:24px;letter-spacing:0;margin:16px 0 5px;}
.text-con-01 em {font-weight:bold;}
.text-con-01.wholiday {max-width:870px;letter-spacing:-0.05em;}

.text-indent-10 {text-indent:-10px;padding-left:10px;margin:8px 0;}
.text-indent-16 {text-indent:-10px;padding-left:10px;margin:8px 0;}

.ctext-02 {font-size:14px;line-height:1.6;margin:8px 0;}

.text-blue-01 {color:#285B9D;}
.text-red-01 {color:#DE1846;}
.text-orange-01 {color:#E56400;}
.text-gray-01 {color:#696969;}

/* box style */
.box-style-01 {position:relative;padding:16px;background-color:#ECF1F6;border-radius:7px;margin:16px 0;}
.box-style-01 .tit-01 {color:#285B9D;font-weight:bold;font-size:16px;line-height:20px;letter-spacing:0.02em;}
.box-style-01 .tit-01 .bg_underline {background:url(../images/bg_underline.png) left top -1px repeat;}
.box-style-01 .text-01 {line-height:24px;color:#285B9D;font-weight:bold;font-size:16px;letter-spacing:0;}
.box-style-01 .text-01.word-break {word-break:break-all;}
.box-style-01 .text-01.ls-025 {letter-spacing:-0.025em;}
.box-style-01 .text-02 {line-height:20px;color:#333;letter-spacing:0.01em;font-size:14px;}
.box-style-01 .text-02 em {font-weight:bold;}
.box-style-01 .tit-01 + .text-02 {margin-top:8px;}
.box-style-01 .text-02 + .btn-link-01 {margin-top:8px;}
.box-style-01.wholiday {padding-right:180px;}
.box-style-01.wholiday .btn-link-01 {position:absolute;top:11px;right:17px;}
.box-style-01.text-btn {display:flex;justify-content:space-between;padding:12px 16px;}
.box-style-01.text-btn .text-01 {align-self:center;}
.box-style-01.text-btn .btn-link-01 {align-self:center;white-space:nowrap;}
.box-style-01.bg-beige {background-color:#FAF8F5;}
.text-con-01 + .box-style-01 {margin-top:5px;}
.list-dot-01 > li > .box-style-01 {margin-top:8px;}

.box-style-02 {border:4px solid #ECF1F6;padding:16px;margin:16px 0;}
.box-style-02 .tit-01 {line-height:16px;font-size:14px;font-weight:bold;color:#285B9D;margin-bottom:8px;letter-spacing:0.02em;}

.box-style-03 {position:relative;background:#F5F7FA url(../images/bg_img_01.png) left 48px center no-repeat;border:2px solid #285B9D;display:flex;}
.box-style-03 .conner {position:absolute;border:12px solid #285B9D;}
.box-style-03 .conner:nth-child(1) {top:0;left:0;border-right-color:transparent;border-bottom-color:transparent;}
.box-style-03 .conner:nth-child(2) {top:0;right:0;border-left-color:transparent;border-bottom-color:transparent;}
.box-style-03 .conner:nth-child(3) {bottom:0;left:0;border-right-color:transparent;border-top-color:transparent;}
.box-style-03 .conner:nth-child(4) {bottom:0;right:0;border-left-color:transparent;border-top-color:transparent;}
.box-style-03 .tit {width:217px;align-self:center;text-align:center;line-height:22px;font-size:18px;font-weight:bold;color:#285B9D}
.box-style-03 .con {width:calc(100% - 217px);padding:40px 24px 40px 0;font-size:14px;line-height:18px;}

.box-calculator {display:flex;border:1px solid #d1d1d1;margin:16px 0 40px;}
.box-calculator .text-wrap {width:50%;padding:24px 24px 0;}
.box-calculator .text-01 {line-height:18px;font-size:16px;font-weight:bold;color:#285B9D;}
.box-calculator .text-02 {line-height:20px;font-size:14px;margin:8px 0 16px;}
.box-calculator .img {width:50%;padding:20px 24px;background-color:#f6f6f6;}
.box-calculator .img img {width:auto;max-width:100%;}

/* button style */
.btn-link-01 {display:inline-block;padding:10px 15px;background-color:#538EB3;border-radius:3px;line-height:18px;font-size:14px;color:#fff;letter-spacing:0;}
.btn-link-01 img {margin-left:4px;margin-bottom:2px;}
.btn-link-01:hover,
.btn-link-01:focus {color:#fff;background-color:#165192;}

.btn-link-02,
.btn-link-02:hover,
.btn-link-02:focus {color:#285B9D;text-decoration:underline;}

.btn-link-03 {color:#285B9D;text-decoration:underline;}
.btn-link-03:hover,
.btn-link-03:focus {color:#285B9D;text-decoration:underline;}
.btn-link-03:after {content:url(../images/ico_link_03.png);vertical-align:top;margin:4px 0 0 4px;}

/* tab style*/
.tab-wrap .tab-con {display:none;}
.tab-wrap .tab-con.active {display:block;}

.tab-style-01 {position:relative;display:flex;height:460px;border:1px solid #d1d1d1;}
.tab-style-01 .tab-head {width:174px;border-right:1px solid #d1d1d1;background-color:#fafafa;}
.tab-style-01 .tab-head .btn {width:100%;padding:15px 16px;line-height:18px;font-size:15px;color:#333;}
.tab-style-01 .tab-head .btn.active {background-color:#285B9D;color:#fff;}
.tab-style-01 .tab-body {width:calc(100% - 174px);height:460px;overflow-y:auto;}

/* list style */
.list-dot-01 {list-style:none;font-size:16px;line-height:22px;margin-bottom:16px;}
.list-dot-01 > li {position:relative;padding-left:12px;letter-spacing:0;line-height:24px;}
.list-dot-01 > li:before {content:'';position:absolute;top:7px;left:0;display:inline-block;width:4px;height:4px;border-radius:50%;background-color:#999;}
.list-dot-01 > li + li {margin-top:16px;}
.list-dot-01 > li > p {margin-top:8px;line-height:16px;font-size:14px;letter-spacing:0;}
.list-dot-01 > li.ndot:before {display:none;}
.list-dot-01 > li > .datatbl_box {margin-left:0;}

.list-dot-02 {list-style:none;font-size:14px;line-height:18px;margin:16px 0;}
.list-dot-02 > li {position:relative;padding-left:8px;}
.list-dot-02 > li:before {content:'';position:absolute;top:7px;left:0;display:inline-block;width:3px;height:3px;border-radius:50%;background-color:#999;}
.list-dot-02 > li + li {margin-top:8px;}
.list-dot-02 > li.text-orange-01:before {background-color:#E56400;}

.list-noti-01 {list-style:none;margin-top:8px;}
.list-noti-01 > li {position:relative;line-height:18px;padding-left:16px;font-size:14px;letter-spacing:0;}
.list-noti-01 > li:before {content:'※';position:absolute;top:0;left:0;}
.list-noti-01 > li + li {margin-top:8px;}
.list-noti-01.unit-orange > li:before {color:#E56400;}

.list-indent-16 {list-style:none;margin-top:8px;}
.list-indent-16 > li {position:relative;line-height:18px;padding-left:16px;text-indent:-16px;font-size:14px;letter-spacing:0;}
.list-indent-16 > li + li {margin-top:8px;}

.list-dash-01 {list-style:none;}
.list-dash-01 > li {position:relative;line-height:18px;padding-left:12px;font-size:14px;letter-spacing:0;}
.list-dash-01 > li:before {content:'-';position:absolute;top:0;left:0;}
.list-dash-01 > li + li {margin-top:8px;}
.list-dot-01 > li > .list-dash-01 {margin-top:8px;}
.list-dash-01.ls10 > li {letter-spacing:0.01em;}

.list-country-01 {position:relative;width:100%;display:flex;flex-wrap:Wrap;}
.list-country-01 > li {width:25%;border-bottom:1px solid #eee;border-right:1px solid #eee;box-sizing:border-box;min-height:48px;}
.list-country-01 .btn {width:100%;height:100%;padding:16px 10px 15px;line-height:17px;color:#333;}
.list-country-01 .btn:hover,
.list-country-01 .btn:focus {background-color:#F5FAFE;color:#285B9D;}
.list-country-01 .btn.btn.disabled:hover,
.list-country-01 .btn.btn.disabled:focus {background:#fff;color:#333;}
.list-country-01 .info {display:none;}

.list-anchor-01 {z-index:10;list-style:none;position:absolute;top:0;right:0;padding:10px 0;}
.list-anchor-01 .btn {padding:0 10px;line-height:20px;font-size:14px;font-weight:bold;color:#aaa;}
.list-anchor-01 .btn.on {color:#111;}

.list-anchor-02 {list-style:none;}
.list-anchor-02 > li {position:relative;padding-left:20px;line-height:19px;font-size:16px;font-weight:bold;}
.list-anchor-02 > li:before {content:'';position:absolute;top:1px;left:0;display:inline-block;width:16px;height:16px;background:url(../images/arr_01.png) center no-repeat;}
.list-anchor-02 > li + li {margin-top:16px;}
.list-anchor-02 > li > a {color:#285B9D;letter-spacing:0.02;}
.list-anchor-02 > li > a:hover,
.list-anchor-02 > li > a:focus {text-decoration:underline;}

.list-data-01 {margin:16px 0;border-radius:7px;overflow:hidden;}
.list-data-01 > li {display:flex;background-color:#285B9D}
.list-data-01 > li > .data-tit {width:145px;align-self:center;text-align:center;color:#fff;font-size:16px;font-weight:bold;padding:16px;}
.list-data-01 > li > .data-con {width:calc(100% - 145px);background-color:#F5F7FA;padding:16px 24px;border:1px solid #ddd;}
.list-data-01 > li:nth-of-type(even) {background-color:#538DB4}
.list-data-01 > li + li .data-con {border-top:0;}

.list-num-01 {list-style:none;}
.list-num-01 > li {position:relative;line-height:18px;padding:2px 0 0 24px;}
.list-num-01 > li + li {margin-top:12px;}
.list-num-01 .num {position:absolute;top:0;left:0;display:inline-block;width:20px;padding:4px 0 1px;line-height:15px;text-align:center;background-color:#C53032;font-size:13px;font-weight:bold;color:#fff;border-radius:50%;box-sizing:border-box;}

.list-accordion-01 {border-top:2px solid #285B9D;}
.list-accordion-01 > li {border-bottom:1px solid #D1D1D1;}
.list-accordion-01 .question {position:relative;font-size:16px;}
.list-accordion-01 .question button {display:block;width:100%;text-align:left;background-color:#fff;padding:16px 16px 16px 24px;border:0;line-height:19px;cursor:pointer;}
.list-accordion-01 .question .type {position:absolute;top:16px;left:0;display:inline-block;line-height:19px;font-weight:bold;color:#3D8CDE;}
.list-accordion-01 .answer {display:none;position:relative;background-color:#F5F7FA;padding:16px 16px 16px 44px;color:#555;font-size:14px;line-height:19px;}
.list-accordion-01 .answer .type {position:absolute;top:16px;left:24px;display:inline-block;line-height:19px;font-weight:bold;color:#333;font-size:16px;}

/* content style */
.visa-wrap {position:relative;margin:16px 0;}
.visa-wrap > .title {line-height:20px;font-size:18px;font-weight:bold;margin-bottom:10px;}

/* popup style */
.popup-wrap {z-index:8000;position:fixed;display:none;outline:0;}
.popup-wrap * {box-sizing:border-box;}

.popup-style-01 {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:15px;}
.popup-style-01 .popup-box {width:580px;border:2px solid #285B9D;background-color:#fff;}
.popup-style-01 .popup-head {position:relative;padding:20px;}
.popup-style-01 .popup-head .popup-title {line-height:19px;font-size:16px;font-weight:bold;color:#285B9D;}
.popup-style-01 .popup-head .btn-popup-close {position:absolute;top:10px;right:10px;width:40px;height:40px;text-indent:-9999px;overflow:hidden;background:url(../images/ico_x_01.png) center no-repeat;}
.popup-style-01 .popup-body {padding:0 20px 24px;}

.p-title-01 {line-height:17px;font-size:15px;font-weight:bold;margin:16px 0 8px;}
.popup-body > .p-title-01:first-child {margin-top:0;}

/* table style */
.table-style-01 {border:1px solid #eee;border-bottom:0;margin:10px 0 16px;}
.table-style-01 table {width:100%;}
.table-style-01 th {background-color:#fafafa;padding:12px 9px 11px;line-height:17px;font-size:15px;color:#285B9D;border-bottom:1px solid #eee;}
.table-style-01 td {padding:10px;border-bottom:1px solid #eee;}
.table-style-01 th + th,
.table-style-01 th + td,
.table-style-01 td + td,
.table-style-01 td + th {border-left:1px solid #eee;}


@media all and (max-width:1200px){
	
	/* 워킹홀리데이 */
	.title-page-01 {padding:70px 0 0 53px;background-position:10px 100%;}
	.title-con-01:first-child {margin-top:30px;}
	.title-con-01 {margin-top:30px;}

}
/* max-width:1200px */
@media all and (min-width:1025px){
    .mo-only {display:none;}
}
/* min-width:1025px */
@media all and (max-width:1024px){
	.list-country-01 li {width:100%;border:0;}
	.list-country-01 .anchor-point {width:100%;min-height:0;line-height:14px;font-size:12px;font-weight:bold;color:#aaa;padding:8px 16px;}
}
/* max-width:1024px */
@media all and (max-width:820px){
	.box-style-01.text-btn {flex-wrap:wrap;}
	.box-style-01.text-btn .btn-link-01 {position:relative;top:0;right:0;margin-top:12px;}
	.box-style-01.text-btn .btn-link-01 br {display:none;}
}
/* max-width:820px */
@media all and (max-width:720px){
	div.datatbl_box.pl16 {padding-left:0;}

	.popup-style-01 {left:0;right:0;transform:translate(0, -50%);}
	.popup-style-01 .popup-box {width:100%;}

	.tab-style-01 {height:330px;}
	.tab-style-01 .tab-head {width:118px;}
	.tab-style-01 .tab-head .btn {line-height:16px;font-size:14px;padding:12px 16px;}
	.tab-style-01 .tab-body {width:calc(100% - 118px);height:330px;}

	.list-country-01 .btn {padding:8px 16px;line-height:16px;font-size:14px;}
}
/* max-width:720px */
@media all and (max-width:480px){
	.list-data-01 > li > .data-tit {width:80px;}
	.list-data-01 > li > .data-con {padding:16px;}

	.box-style-03 {flex-wrap:wrap;background:#F5F7FA url(../images/bg_img_01.png) center 20px no-repeat}
	.box-style-03 .tit {width:100%;padding:40px 0;}
	.box-style-03 .con {Width:100%;padding:0 24px 16px;}

	.box-calculator {flex-wrap:wrap;}
	.box-calculator .text-wrap {width:100%;padding:16px;}
	.box-calculator .img {width:100%;}
}
/* max-width:480px */