﻿@charset "utf-8";
/* Alice_20190729 */
/*renewal 20220315*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

/* --------------------------------
    COMMON
-------------------------------- */
html, body { font-family:'Open Sans', 'sans-serif'; }
html { overflow-x:auto; height:100%; margin:0; padding:0; font-size:14px; vertical-align:middle; }
.container { height:auto; }
fieldset { margin:0; padding:0; border:0px; }
.legend_invisible { overflow:hidden; top:auto; left:-10000px; width:0px; height:0px; }
.gnb { height:62px; padding:8px 0; border-bottom:solid 1px #e6e5e1; background:#fff; box-shadow:0 0px 5px 1px rgba(0, 0, 0,0.1); box-sizing:border-box; }
.imglogo_wrap { float:inherit; width:1180px; margin:0 auto; }
.txt_blue { color:#0381a2; }
.txt_red { color:#bc204b; }
.txt_asterisk { color:#bc204b; }
.txt_b { font-weight:600!important; }

select { height:40px; padding:4px 3px 3px 6px; border:1px solid #bebebe; background:#fff; font-size:1.2em; color:#5e5e5e; font-family:inherit; outline:none; cursor:pointer; -moz-appearance:none; }
@-moz-document url-prefix() {
    select { padding: 4px 5px 4px 10px; }
    select optgroup { margin-left:20px; }
}

input { padding:4px 3px; border:1px solid #bebebe; font-size:1.2em; color:#5e5e5e; font-family:inherit; }
input[type="text"], input[type="password"], input[type="tel"] { height:27px; padding:4px 6px 4px 10px; color:#999; font-size:1.2em; }
input[type="text"]:read-only, input[type="text"]:disabled, input[type="password"]:read-only, input[type="password"]:disabled, input[type="tel"]:disabled, input[type="tel"]:read-only { border:1px solid #bebebe!important; background:#efefef!important; color:#999!important; }
input[type="text"]:read-only:hover, input[type="text"]:disabled:hover, input[type="password"]:read-only:hover, input[type="password"]:disabled:hover, input[type="tel"]:disabled:hover, input[type="tel"]:read-only:hover { border:1px solid #bebebe!important; background:#efefef!important; color:#999!important; outline:none; }
input[type="text"]:read-only:focus, input[type="text"]:disabled:focus, input[type="password"]:read-only:focus, input[type="password"]:disabled:focus, input[type="tel"]:disabled:focus, input[type="tel"]:read-only:focus { border:1px solid #bebebe!important; background:#efefef!important; color:#999!important; outline:none; }
input[type="text"]:hover { border:solid 1px #0381a2; background:#e5f4f7; color:#000; box-shadow:none; outline:2px solid rgba(1, 117, 228, 0.2); }
input[type="text"]:focus { border:solid 1px #0381a2; background:#e5f4f7; color:#000; box-shadow:none; outline:2px solid rgba(1, 117, 228, 0.2); }
input[type="password"]:hover { border:solid 1px #0381a2; background:#e5f4f7; color:#000; box-shadow:none; outline:2px solid rgba(1, 117, 228, 0.2); }
input[type="password"]:focus { border:solid 1px #0381a2; background:#e5f4f7; color:#000; box-shadow:none; outline:2px solid rgba(1, 117, 228, 0.2); }
input[type="checkbox"]:hover { border:solid 1px #0381a2; background:#e5f4f7; color:#000; box-shadow:none; outline:2px solid rgba(1, 117, 228, 0.2); }
input[type="checkbox"]:focus { border:solid 1px #0381a2; background:#e5f4f7; color:#000; box-shadow:none; outline:3px solid rgba(1, 117, 228, 0.2); }
input[type="radio"]:hover { outline-offset:0; outline:3px solid rgba(1, 117, 228, 0.2); }
input[type="radio"]:focus { outline-offset:0; outline:3px solid rgba(1, 117, 228, 0.2); }
input[type="tel"]:hover { border:solid 1px #0381a2; background:#e5f4f7; color:#000; box-shadow:none; outline:2px solid rgba(1, 117, 228, 0.2); }
input[type="tel"]:focus { border:solid 1px #0381a2; background:#e5f4f7; color:#000; box-shadow:none; outline:2px solid rgba(1, 117, 228, 0.2); }
input[type="text"].required, input[type="password"].required, input[type="tel"].required { border-bottom:1px solid #bc204b; }
textarea:disabled, input:not([type]):disabled, input[type="color" i]:disabled, input[type="date" i]:disabled, input[type="datetime" i]:disabled, input[type="datetime-local" i]:disabled, input[type="email" i]:disabled, input[type="month" i]:disabled, input[type="password" i]:disabled, input[type="number" i]:disabled, input[type="search" i]:disabled, input[type="tel" i]:disabled, input[type="text" i]:disabled, input[type="time" i]:disabled, input[type="url" i]:disabled, input[type="week" i]:disabled { border:0; border-bottom:1px solid #9e9e9e; background:none; color:#767676; opacity:0.6; }
select:not(:focus) { color:#999; }
select:hover { border:solid 1px #0381a2; background:#e5f4f7; color:#000; box-shadow:none; outline:2px solid rgba(1, 117, 228, 0.2); }
select:focus { border:solid 1px #0381a2; background:#e5f4f7; color:#000; box-shadow:none; outline:2px solid rgba(1, 117, 228, 0.2); }
select:disabled { border:1px solid #bebebe!important; background:#efefef!important; color:#999!important; outline:none; cursor:default; opacity:1; }
select:disabled:hover { border:1px solid #bebebe!important; background:#efefef!important; color:#999!important; outline:none; cursor:default; }
select option[value=""][disabled] { display:none; }
.content-level-2 ul { padding-inline-start:20px; }
.content-level-2 ul li { display:list-item; padding-bottom:0.5em; text-align:-webkit-match-parent; list-style:disc; }

/* --------------------------------
    ORDER
-------------------------------- */
div.content_order { display:block!important; width:920px!important; margin:0 auto 0 auto!important; padding:90px 25px 0 25px!important; background:none!important; }
.class_readonly { border:1px solid #c1c1c1; background:#efefef; color:#b7b7b7; cursor:default; pointer-events:none; }
.class_readonly:hover { border:1px solid #c1c1c1; background:#efefef; color:#b7b7b7; cursor:default; pointer-events:none; }
.class_readonly:focus { border:1px solid #c1c1c1; background:#efefef; color:#b7b7b7; cursor:default; pointer-events:none; }
.chk-order { display:inline-block; margin-left:-15px; padding-left:20px; }

.footer { width:100%; margin-top:50px; padding:0 15px; border-top:solid 1px #e6e5e1; box-sizing:border-box; }
.copyright { display:inline-block; width:1180px; margin:0 auto; padding-top:20px; border:none; color:#5e5e5e; font-size:13px;  }
.copyright div:nth-child(1) { float:left; }
.copyright div:nth-child(2) { float:right; margin-top:15px; }

.content-order { width:700px; padding:60px 0 10px 0; }
.content-level-1 input[type="text"], .content-level-1 input[type="tel"], .content-level-1 input[type="password"] { height:36px; box-sizing:border-box; }
.content-level-1 select { height:36px; box-sizing:border-box; }
.content-level-1 textarea { min-height:130px; font-size:1.2em; color:#5e5e5e; box-sizing:border-box; }

h1.title-level-1 { margin:20px 0; color:#eb7100; font-size:30px; font-weight:500; line-height:2; }
h1.title-level-1:not(:first-child) { padding-top:30px; border-top:1px solid #e0e0e0; }
h3.title-level-2 { margin:12px 0 15px 0; padding-bottom:0; border-bottom:none; font-size:16px; font-weight:800; color:#0381a2; letter-spacing:0.1em; text-transform:uppercase; }
h2.pop-title { margin-bottom:20px; padding:0 0 20px 20px; border-bottom:1px solid #e0e0e0; text-align:left; color:#bc204b; font-size:16px; font-weight:500; }
h2.pop-title img { margin-right:10px; vertical-align:-8px; }
h2.pop-title-zip { margin-bottom:20px; padding:0 0 20px 20px; border-bottom:1px solid #e0e0e0; text-align:left; color:#0381a2; font-size:24px; font-weight:500; }
h2.pop-title-point { display:flex; align-items:center; margin-bottom:20px; padding:0 0 20px 20px; border-bottom:1px solid #e0e0e0; text-align:left; color:#F28B1F; font-size:16px; font-weight:500;  }

.title-level-1 { margin:0 0 20px 0; font-size:calc(1.35rem + .1vw); font-weight:500; line-height:1.5em; }
.title-level-1 .text-required { margin-left:20px; padding-bottom:0; font-size:calc(0.85rem + .1vw); font-weight:500; }
.title-level-2 { margin:0; color:#5e5e5e; font-size:1.2em; font-weight:500; line-height:1.2em; }
.text-required { margin-left:0; padding-bottom:5px; font-size:calc(0.85rem + .1vw); font-weight:500; }
.content-level-1 { display:inline-block; max-width:700px; width:700px; min-height:456px; margin-top:0; padding-top:5px; padding-bottom:5%; }
.content-level-1 .heading-wrap { display:flex; align-items:center; }
.content-level-1 .heading-wrap .heading-left{ display:flex; }
.content-level-1 .heading-wrap .heading-left h1.title-level-1 { color:#0383ae; }
.content-level-1 .heading-wrap .heading-right.select-wrap{ display:flex; align-items:center; gap:10px; }
.content-level-1 .heading-wrap .heading-right.select-wrap select { width:197px; }
.content-level-1 .heading-wrap .heading-right.page-detail-wrap { color:#0383ae; }
.content-level-1 .heading-wrap .heading-right.desktop-right { margin-left: auto; }
.content-level-1 .content-level-2 { display:inline-block; width:100%; max-width:700px; padding-bottom:50px; }
.content-level-1 .content-level-2 dt { display:inline-block; position:relative; width:100%; margin-bottom:20px; vertical-align:top; word-break:break-word; }
.content-level-1 .content-level-2 dd { display:inline-block; position:relative; width:100%; margin-bottom:20px; vertical-align:top; word-break:break-word; }
.content-level-1 .content-level-2 dd.title-level-1 { margin-bottom:20px; color:#5e5e5e; }
.content-level-1 .content-level-2 dd.title-level-2 { margin-bottom:10px; }
.content-level-1 .content-level-2 dd label { display:inline-block; overflow:visible; line-height:calc(1.5rem + .1vw); box-sizing:border-box; word-break:break-word; white-space:normal; }
.content-level-1 .content-level-2 dd input.required { border-bottom:1px solid #bc204b; }
.content-level-1 .content-level-2 dd input[type='text'] { width:100%; }
.content-level-1 .content-level-2 dd input[type='password'] { width:100%; }
.content-level-1 .content-level-2 dd input[type='tel'] { width:100%; }
.content-level-1 .content-level-2 dd select { width:100%; padding-right:12px; font-size:1.2em; text-overflow:ellipsis; }
.content-level-1 .content-level-2 dd select.required { border-bottom:1px solid #bc204b; }
.content-level-1 .content-level-2 dd .wc_money { max-width:180px; }
.content-level-1 .content-level-2 .billing-container { font-size:14px !important; }
.content-level-1 .content-level-2 .billing-container dt { margin-bottom:5px; padding-left:5px; line-height:1.8; vertical-align:top; }
.content-level-1 .content-level-2 .billing-container dd { overflow:visible; margin-bottom:5px; padding-left:5px; line-height:1.8; vertical-align:top; white-space:normal; word-break:break-word; }
.content-level-1 .content-level-2 .date-container dd { margin-bottom:0; }
.content-level-1 .content-level-2 dd.contact-phone { position:relative; }
.content-level-1 .content-level-2 dd.contact-phone select { position:absolute; bottom:2px; left:0px; width:140px; height:38px; border-bottom:none; }
.content-level-1 .content-level-2 dd.contact-phone input[type='tel'] { padding-left:150px; }
.content-level-1 .content-level-2 dd.valign_t { margin-bottom:0 !important; }
.content-level-1 .content-level-2 dd.zip-form dl dd { margin-bottom:0; }
.content-level-1 .content-level-2 dd span.notice-required { position:absolute; bottom:-20px; left:0; margin:0; font-size:13px!important; line-height:16px; }
.content-level-1 .content-level-2 dd span.notice-required.pst_r { position:relative; bottom:unset; left:0; margin:0; font-size:13px!important; line-height:16px; }
.content-level-1 .content-level-2 dd.notice-multi { margin-bottom:35px; }
.content-level-1 .content-level-2 dd.notice-multi span.notice-required { bottom:-35px; }
.content-level-2 + .title-level-1 { margin-top:-40px; }

.notice-required-group { padding:10px; border-radius:0.25rem; background:#bc204b; color:#fff; font-weight:500; font-size:14px; text-align:left; box-sizing:border-box; }
.notice-required { display:block; margin-top:0; color:#bc204b; font-weight:500; font-size:13px!important; text-align:left; }
.notice-required span { display:block; color:#bc204b; font-size:1.0em; font-weight:bold; }
.notice-required a { color:#bc204b; font-weight:bold; font-size:12px; }
.notice-required a:focus { background:none; outline:2px solid rgba(1, 117, 228, 0.2); }
.notice-required a.hide:focus { outline:none; }
/*span.notice-required { margin:0; }*/

.content-level-1.content-account { display:block; max-width:700px; padding:0; border:none; color:#5e5e5e; text-align:left; }
.content-level-1.content-account dd { display:inline-block; position:relative; margin-bottom:3%; margin-right:2%; vertical-align:bottom; }
.content-level-1.content-account .title-level-1 { border-bottom:2px solid #0381a2; color:#0381a2; }
.content-level-1.content-account .content-level-2 { display:inline-block; width:100%; padding-bottom:30px; }
.content-level-1.content-account .content-level-2 dd label { display:inline-block; overflow:visible; width:100%; margin-bottom:3px; font-size:calc(1rem + .1vw); word-break:break-word; white-space:normal; }
.content-level-1.content-account .content-level-2 dd input.required { border-bottom:1px solid #bc204b; }
.content-level-1.content-account .content-level-2 dd input[type='text'] { width:100%; }
.content-level-1.content-account .content-level-2 dd input[type='password'] { width:100%; }
.content-level-1.content-account .content-level-2 dd input[type='tel'] { width:100%; }
.content-level-1.content-account .content-level-2 dd select { text-overflow:ellipsis; }
.left-menu ~ .content-level-1.content-account { padding-left:0; border-left:none; }

input[type="text"].txt-required, input[type="password"].txt-required, input[type="tel"].txt-required { border:1px solid #bc204b; border-bottom:2px solid #bc204b; background:#f2e7f0; color:#bc204b; webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
select.txt-required { border:1px solid #bc204b; border-bottom:2px solid #bc204b; background:#f2e7f0; color:#bc204b; webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.txt-required::-webkit-input-placeholder { color:#bc204b!important; }
.txt-required:-moz-placeholder { color:#bc204b!important; }/* Firefox 18- */
.txt-required::-moz-placeholder { color:#bc204b!important; }/* Firefox 19+ */
.txt-required:-ms-input-placeholder { color:#bc204b!important; }


/* --------------------------------
    BUTTON
-------------------------------- */
.btn-primary { min-width:100px; padding:.62rem 1rem; border:1px solid #0381a2; border-radius:0.25rem; background:#0381a2; font-size:calc(1.0rem + .05vw); color:#fff; outline:none; box-shadow:none; }
.btn-primary:hover { border:1px solid #0381a2; background:#0381a2; color:#fff; }
.btn-primary:disabled { border:1px solid #999 !important; background:#999 !important; color:#fff !important; cursor:default; }
/*#btnPrev, #btnCancel, #btnSignUpCancel, #btnPrint { border:1px solid #0381a2; background:#fff; color:#0381a2; }*/
.btn-print { border:1px solid #0381a2; background:#fff; color:#0381a2; }
.btn-print:hover { border:1px solid #0381a2; background:#fff; color:#0381a2; }
.btn-licence { min-width:100px; padding:.62rem 1rem; border:1px solid #bc204b; border-radius:0.25rem; background:#fff; font-size:calc(1.0rem + .05vw); color:#bc204b; outline:none; box-shadow:none; }

.content-level-1 .btn-group { width:inherit; max-width:700px; margin:0; text-align:left; }
.content-level-1 .btn-group li { display:inline-block; margin:5px 3px; }
.content-level-1 .btn-group li:nth-child(1) { float:left; }
.content-level-1 .btn-group li:nth-child(2) { float:right; }
.content-level-1 .btn-group li:only-child { float:right; }
.content-level-1 .btn-group li button { min-width:100px; }
.content-level-1 .btn-group.add-btn-group { text-align:right; }

.fa-question-circle { margin:0 0 0 2px; color:#0381a2; font-size:18px; vertical-align:-3px; cursor:pointer; }


/* --------------------------------
    11. POPUP
-------------------------------- */
.popup-mobile { position:relative; }
.popup-web { position:relative; }
.popup-mobile .popup_wrap { position:absolute; z-index:2003; width:86%; max-width:500px; margin:0 auto; box-shadow:rgb(0 0 0 / 10%) -1px 2px 8px 3px; }
.popup-web .popup_wrap { position:absolute; z-index:2003; margin:50px 0 0 10px; box-shadow:rgba(0,0,0, 0.1) -1px 2px 8px 3px; }

.popup_wrap { position:relative; border:2px solid #0381a2; border-radius:5px; background:#fff; text-align:center; box-shadow:#5d5d5d 0 0 16px 3px; }
.popup_w400 { width:400px; }
.popup_w450 { width:450px; }
.popup_w500 { width:500px; }
.popup_w700 { width:700px; }
.popup_w750 { width:750px; }

.popup_wrap .popup_cont { margin:55px auto; }
.popup_wrap .popup_cont02 { margin:35px auto; }
.popup_wrap .popup_cont_licencs { margin:15px 15px 30px 20px; text-align:left; }
.popup_wrap .popup_cont_licencs .vscrolling { padding:0 20px 0 0; }
.popup_wrap .popup_cont_msg { margin:15px 10px 10px 10px; }
.popup_wrap .popup_cont_msg textarea { width:95%; min-height:100px; box-sizing:border-box; }
.popup_wrap .popup_label { height:40px; background:#edecec; border-top-left-radius:4px; border-top-right-radius:4px; }
.popup_wrap .popup_label span.popup_tit { display:inline-block; float:left; margin:0 0 0 15px; color:#0381a2; font-size:1.5em; line-height:40px; }
.popup_wrap .popup_cont p.popup_title_txt { display:inline-block; width:100%; margin:0 auto 20px auto; /*color:#ed8b00;*/ text-align:center; }
.popup_wrap .popup_cont p.popup_txt01 { display:inline-block; width:100%; margin:0 auto 0 auto; text-align:center; }
.popup_wrap .popup_cont p.popup_txt02 { display:inline-block; width:60%; margin:0 auto 0 auto; text-align:left; }
.popup_wrap button.btn_close { overflow:hidden; float:right; width:15px; height:15px; margin:4px 10px 0 0; background:url('/Images/ic-popup-close.png') no-repeat 0 0; background-size:100% 100%; color:#000; font-weight:bold; text-indent:-500em; cursor:pointer; }
.popup_wrap button.btn_close_login { background:url('/Images/ico_close.png') no-repeat 0 0; background-size:100% 100%; color:#000; font-weight:bold; text-indent:-500em; cursor:pointer; }
.popup_wrap button.btn_close_login:focus { outline:2px solid rgba(1, 117, 228, 0.2); }

.popup_wrap i.btn_close { display:inline-block; position:absolute; top:8px; right:4px; overflow:hidden; float:right; width:20px; height:20px; margin:0 5px 0 0; padding-bottom:4px; color:#0381a2; font-size:20px; font-weight:bold; line-height:25px; vertical-align:middle; cursor:pointer; }
.popup_wrap i.btn_close:focus, .popup_wrap i.btn_close:hover { outline:3px solid rgba(1, 117, 228, 0.2); }
.popup_wrap i.btn_close_login { color:#0381a2; font-weight:bold; cursor:pointer; }
.popup_wrap i.btn_close_login:focus { outline:2px solid rgba(1, 117, 228, 0.2); }

.popup_wrap .btn-group { width:100%; min-width:inherit; height:50px; margin:0 0 5px 0; border-bottom-left-radius:5px; border-bottom-right-radius:5px; text-align:center; }
.popup_wrap .btn-group ul li { display:inline-block; width:40%; }
.popup_wrap .btn-group ul li:only-child { width:90%; max-width:250px; }
.popup_wrap .btn-group ul li button { width:100%; }
.popup_wrap .btn-group ul li button.btn-primary { min-width:80px; }
.popup_wrap .btn-group { width:100%; min-width:inherit; height:50px; margin:0 0 5px 0; border-bottom-left-radius:5px; border-bottom-right-radius:5px; text-align:center; }
.popup_wrap .btn-group dl dd { display:inline-block; width:40%; }
.popup_wrap .btn-group dl dd:only-child { width:90%; max-width:250px; }
.popup_wrap .btn-group dl dd button { width:100%; }
.popup_wrap .btn-group dl dd button.btn-primary { min-width:80px; font-size:calc(.9rem + .2vw); }
.popup_wrap .btn-group-licence { float:right; width:300px; min-width:inherit; height:50px; margin:0 20px 5px 0; border-bottom-left-radius:5px; border-bottom-right-radius:5px; text-align:right; }

button.btn_close { display:inline-block; position:absolute; top:8px; right:4px; width:25px; height:25px; margin:-4px 0 0 0; padding:0; border:0; line-height:25px; vertical-align:middle; outline:none; }
.popup_noshade { box-shadow:#b7b7b7 0 0 10px 3px; }
.popup-position { position:relative; }
.popup-position .popup_wrap { position:absolute; z-index:2000; box-shadow:rgb(0 0 0 / 10%) -1px 2px 8px 3px; }
.popup-position + .content-level-1 { padding-top:0; }

.popup_wrap { border-radius:.65rem; }
.popup-web .popup_wrap { /*top:150px; left:30%;*/ box-shadow:rgba(0, 0, 0, 0.10) -1px 2px 8px 3px; }
.landing-web .popup_wrap { /*top:150px; left:30%;*/ box-shadow:rgba(0, 0, 0, 0.10) -1px 2px 8px 3px; }
.landing-mobile .popup_wrap { /*top:150px; left:30%;*/ box-shadow:rgba(0, 0, 0, 0.10) -1px 2px 8px 3px; }
.popup_upload { min-width:400px; max-width:620px; width:100%; top:180px; left:17%; }
.popup_upload .popup_cont { margin:35px auto 15px auto; }
.popup_upload .popup_cont.popup_mg { margin:85px auto; }
.popup_upload .document-subtitle { overflow:hidden; max-width:90%; margin:12px auto 0 auto; text-align:center; white-space:nowrap; text-overflow:ellipsis; }
.popup_upload #txtProvideExp.document-subtitle { overflow:visible; max-width:100%; white-space:normal; text-overflow:initial; }
/*.popup_upload .document-subtitle { display:-webkit-box; overflow:hidden; max-width:90%; -webkit-line-clamp:1; -webkit-box-orient:vertical; margin:12px auto 0 auto; text-align:center; }*/
.popup_upload .loading-container { padding:20px 0 50px 0; }
.popup_wrap .popup_cont { padding:10px 20px 0 20px; }
.popup_wrap .btn-group { margin-bottom:20px; }

.licence-level-1 { margin:15px 0; word-break:break-word; }
.licence-level-2 ol { padding-inline-start:40px; }
.licence-level-2 ol li { display:list-item; padding-bottom:0.5em; text-align:-webkit-match-parent; list-style:decimal; }
.licence-level-2 ol li span { font-weight:600; }
.licence-level-2 ol li:last-of-type { margin-bottom:20px; }

.licence-level-2 ul { margin:3px 0 0 0; }
.licence-level-2 ul li { display:block; }
.licence-level-2 ul li span { font-weight:600; }
.licence-level-2 ul li:last-of-type { margin-bottom:0; }

.licence-title { margin:17px 0 12px 0; border-bottom:1px solid #e0e0e0; color:#0381a2; font-size:16px; font-weight:600; letter-spacing:0.05em; text-transform:uppercase; }

/* --------------------------------
    SCALE
-------------------------------- */
.col-0-5 { width:4% !important; }
.col-1 { width:8.333333333333332% !important; }
.col-1-5 { width:12% !important; }
.col-2 { width:16.666666666666664% !important; }
.col-2-5 { width:21% !important; }
.col-3 { width:25% !important; }
.col-3-5 { width:29% !important; }
.col-4 { width:33.33333333333333% !important; }
.col-4-5 { width:37% !important; }
.col-5 { width:41.66666666666667% !important; }
.col-5-5 { width:45% !important; }
.col-6 { width:50% !important; }
.col-6-5 { width:54% !important; }
.col-7 { width:58.333333333333336% !important; }
.col-7-5 { width:62% !important; }
.col-8 { width:66.66666666666666% !important; }
.col-8-5 { width:70% !important; }
.col-9 { width:75% !important; }
.col-9-5 { width:79% !important; }
.col-10 { width:83.33333333333334% !important; }
.col-10-5 { width:87% !important; }
.col-11 { width:91.66666666666666% !important; }
.col-11-5 { width:95% !important; }
.col-12 { width:100% !important; }
.col-full { width:100% !important; }
.col-clear { clear:right; }
.col-clear + dd { clear:left; }
.col-lg.sub_option { margin-bottom:0; }

.col-push-1 { left:8.333333333333332% !important; }
.col-push-2 { left:16.666666666666664% !important; }
.col-push-3 { left:25% !important; }
.col-push-4 { left:33.33333333333333% !important; }
.col-push-5 { left:41.66666666666667% !important; }
.col-push-6 { left:50% !important; }
.col-push-7 { left:58.333333333333336% !important; }
.col-push-8 { left:66.66666666666666% !important; }
.col-push-9 { left:75% !important; }
.col-push-10 { left:83.33333333333334% !important; }
.col-push-11 { left:91.66666666666666% !important; }
.col-pull-1 { right:8.333333333333332% !important; }
.col-pull-2 { right:16.666666666666664% !important; }
.col-pull-3 { right:25% !important; }
.col-pull-4 { right:33.33333333333333% !important; }
.col-pull-5 { right:41.66666666666667% !important; }
.col-pull-6 { right:50% !important; }
.col-pull-7 { right:58.333333333333336% !important; }
.col-pull-8 { right:66.66666666666666% !important; }
.col-pull-9 { right:75% !important; }
.col-pull-10 { right:83.33333333333334% !important; }
.col-pull-11 { right:91.66666666666666% !important; }
.col-offset-0-5 { margin-left:4% !important; }
.col-offset-1 { margin-left:8.333333333333332% !important; }
.col-offset-1-5 { margin-left:12% !important; }
.col-offset-2 { margin-left:16.666666666666664% !important; }
.col-offset-3 { margin-left:25% !important; }
.col-offset-4 { margin-left:33.33333333333333% !important; }
.col-offset-5 { margin-left:41.66666666666667% !important; }
.col-offset-6 { margin-left:50% !important; }
.col-offset-7 { margin-left:58.333333333333336% !important; }
.col-offset-7-5 { margin-left:62% !important; }
.col-offset-8 { margin-left:66.66666666666666% !important; }
.col-offset-9 { margin-left:75% !important; }
.col-offset-10 { margin-left:83.33333333333334% !important; }
.col-offset-11 { margin-left:91.66666666666666% !important; }
.col-offset-r-0 { margin-right:0 !important; }
.col-offset-r-0-5 { margin-right:4% !important; }
.col-offset-r-1 { margin-right:8.333333333333332% !important; }
.col-offset-r-1-1 { margin-right:9.2% !important; }
.col-offset-r-1-5 { margin-right:12% !important; }
.col-offset-r-2 { margin-right:16.666666666666664% !important; }
.col-offset-r-3 { margin-right:25% !important; }
.col-offset-r-4 { margin-right:33.33333333333333% !important; }
.col-offset-r-5 { margin-right:41.66666666666667% !important; }
.col-offset-r-6 { margin-right:50% !important; }
.col-offset-r-7 { margin-right:58.333333333333336% !important; }
.col-offset-r-8 { margin-right:66.66666666666666% !important; }
.col-offset-r-9 { margin-right:75% !important; }
.col-offset-r-10 { margin-right:83.33333333333334% !important; }
.col-offset-r-11 { margin-right:91.66666666666666% !important; }

/*font size*/
.fs-1 { font-size:28px !important }
.fs-2 { font-size:26px !important }
.fs-3 { font-size:25px !important }
.fs-3-5 { font-size:22px !important }
.fs-4 { font-size:20px !important }
.fs-5 { font-size:18px !important }
.fs-6 { font-size:16px !important }
.fs-7 { font-size:14px !important }
.fs-7-5 { font-size:13.5px !important }
.fs-8 { font-size:13px !important }
.fs-9 { font-size:12px !important }
.fs-10 { font-size:11px !important }
.fs-base { font-size:1rem !important }
.fs-fluid { font-size:100% !important }
.fs-0x { font-size:calc(0.8rem + .2vw) !important }
.fs-1x { font-size:calc(0.8rem + .6vw) !important }
.fs-2x { font-size:calc(1.325rem + .9vw) !important }
.fs-2qx { font-size:calc(1.35rem + 1.2vw) !important }
.fs-2hx { font-size:calc(1.375rem + 1.5vw) !important }
.fs-2tx { font-size:calc(1.4rem + 1.8vw) !important }
.fs-3x { font-size:calc(1.425rem + 2.1vw) !important }
.fs-3qx { font-size:calc(1.45rem + 2.4vw) !important }
.fs-3hx { font-size:calc(1.475rem + 2.7vw) !important }
.fs-3tx { font-size:calc(1.5rem + 3vw) !important }
.fs-4x { font-size:calc(1.525rem + 3.3vw) !important }
.fs-4qx { font-size:calc(1.55rem + 3.6vw) !important }

/******scroll******/
.popup_txt01::-webkit-scrollbar {width:3px; height:2em; }
.popup_txt01::-webkit-scrollbar-button { width:0; height:2px; background:#ccc; }
.popup_txt01::-webkit-scrollbar-track-piece { background:#ccc; }
.popup_txt01::-webkit-scrollbar-thumb { height:1em; background:#989898; }


/******placeholder_color******/
input::-webkit-input-placeholder { color:#ababab!important; }
input:-moz-placeholder { color:#ababab!important; }/* Firefox 18- */
input::-moz-placeholder { color:#ababab!important; }/* Firefox 19+ */
input:-ms-input-placeholder { color:#ababab!important; }

textarea::-webkit-input-placeholder { color:#ababab!important; }
textarea:-moz-placeholder { color:#ababab!important; }/* Firefox 18- */
textarea::-moz-placeholder { color:#ababab!important; }/* Firefox 19+ */
textarea:-ms-input-placeholder { color:#ababab!important; }

/* --------------------------------
    MEDIA QUERY
-------------------------------- */

/*mobile button hover styles*/
@media only screen and (max-width:480px) {
    .content-level-1 .btn-group li button:hover { border:1px solid #0381a2; background:#0381a2; }
}
@media only screen and (min-width:481px) {
    .content-level-1 .btn-group li button:hover { border:1px solid #eb7100; background:#eb7100; }
}

/*wide screen*/
@media screen and (max-width:1320px) {
    html { min-width:100%; }
    body { min-width:100%; }
    .header { min-width:100%; }
    .imglogo_wrap { display:inline; width:100%; max-width:100%; margin:0 0 0 57px; box-sizing:border-box; }
    .container { min-width:100%; width:100%; }
    .content-order { max-width:700px; width:100%; }
    .gnb { min-width:100%; }
    .header a { display:inline; min-width:100%; width:100%; }
    .copyright { min-width:100%; width:100%; }
    .content-level-1 { width:100%; }
}

/*gnb logo align center*/
@media screen and (min-width:751px) and (max-width:835px) {
    .gnb { min-width:100%; text-align:center; }
    .imglogo_wrap { display:inline; margin:0 auto; text-align:center; }
}

/*popup*/
@media screen and (max-width:800px) {
    .popup-web { left:0; }
    .popup_w700 { width:96%; }
}

/*narrow screen*/
@media screen and (max-width:750px) {
    .container { min-width:100%; }
    .content-order { width:100%; padding-bottom:150px; }
    .gnb { min-width:100%; text-align:center; }
    .imglogo_wrap { display:inline; margin:0 auto; text-align:center; }
    .content-level-1 { width:100%; max-width:100%; padding:5px 20px 5% 20px; box-sizing:border-box; }
    .content-level-1 .heading-wrap { display:flex; flex-direction:column; align-items:flex-start; margin-bottom:20px; }
    .content-level-1 .heading-wrap .heading-right.desktop-right { margin-left:unset; }
    .content-level-1 .content-level-2 { width:100%; max-width:100%; }
    .content-level-1 .content-level-2 dd.zip-form .col-3 { max-width:90px; }
    .content-level-1 .content-level-2 dd.zip-form .col-4 { max-width:90px; }
    .content-level-1 .content-level-2 dd.zip-form .col-5 { max-width:120px; }
    .content-level-2 .col-5-5 { width:100%!important; margin-bottom:20px; }
    .content-level-2 .col-6 { width:100%!important; margin-bottom:20px; }
    .content-level-1 .content-level-2 dd.notice-multi { margin-bottom:45px; }
    /*.content-level-1 .content-level-2 dd.notice-multi:not(:has(span.notice-required hide)) { margin-bottom:45px; }*/
    /*.content-level-2 .col-5-5:last-of-type { margin-bottom:0; }*/
    .content-level-2 .col-6.col-offset-r-0-5 { margin-right:0!important; }
    .content-level-2 .col-6.col-offset-r-0-5 dt.col-3 { max-width:110px; }
    .content-level-2 .col-5-5.col-offset-r-1-1 { margin-right:0!important; }
    .content-level-2 .col-6-5 { width:100%!important; margin-bottom:20px; }
    .content-level-1 .content-level-2 .col-6-5 .billing-container { max-width:100%; }
    .content-level-1 .content-level-2 .col-5-5 .billing-container { max-width:400px; }
    .content-level-1 .content-level-2 .col-5-5 .billing-container dd.col-9 { max-width:190px; }
    .popup-web { left:0; }
    .btn-group { min-width:100%; }
    .footer { position:absolute; bottom:0; margin-bottom:0; padding:0; }
    .copyright { display:inline-block; padding:35px 0 22px 0; border:none; background:#f1f1f1; color:#5e5e5e; font-size:13px;  }
    .copyright div:nth-child(1) { float:inherit; }
    .copyright div:nth-child(2) { float:inherit; margin-top:15px; }
}

/*mobile portrait*/
@media screen and (max-width:490px) {

}


/*20240910*/

.pageWrap{ width: 100%; margin:0 auto; word-wrap:break-word; hyphens: auto; font-size:12px ; font-family:Arial; }
.pageWrap .txt_b { font-weight: 600; }
.pageWrap .txt_xb{ font-weight: 800; }
.pageWrap .txt_u{ text-decoration: underline; }
.pageWrap ol li .txt_b:first-child,.pageWrap ol li .txt_xb:first-child,.pageWrap ol li .txt_u:first-child,.pageWrap ol li ul li .txt_b:first-child,.pageWrap ol li ul li .txt_xb:first-child,.pageWrap ol li ul li .txt_u:first-child { margin-right: 0.5em; }
.pageWrap .section-title { font-size: inherit; text-align: center; margin-top: 48px; break-before: page;}
.pageWrap .section-title:first-of-type { break-before:unset; }
.pageWrap .section-description{ margin-top:48px; }
.pageWrap .section-sub-title { font-size: 0.9em; text-align: center;}
.pageWrap .licence-title { font-size: inherit; text-align: left; margin:0; margin-block: 17px; border-bottom: none; color: inherit; font-weight: 800; letter-spacing: unset; text-transform: uppercase; }
.pageWrap ul li{ list-style-type: none; }
.pageWrap ol ul, ol ol{ padding-left: 40px;}
.pageWrap .list-num{ margin-right:10px; flex-shrink: 0; }
.pageWrap .licence-list { margin-block: 15px;}
.pageWrap .licence-list .licence-list { margin-block-end: 0px;}
.pageWrap .licence-list li{ display: flex !important; justify-content: flex-start; align-items: flex-start;}
.pageWrap .licence-list li .list-content{ margin:0; }
/*.pageWrap .licence-level-2>ol li{ margin-block:15px; }*/
.pageWrap .definition-list{ padding:0; }
.pageWrap .definition-list li { padding-block:6px;}
.pageWrap .endOfDocument{ margin-top:1em; }

@page{ size:auto; margin:1cm; margin-top:2cm; margin-bottom:2cm; }
@media print {

    .pageWrap{ padding: 0; font-size: 9pt !important; box-sizing:border-box; }
    .pageWrap > * { font-size: 1.5em; }
    body{ width:100%; padding:0; margin:0; position:absolute; top:0; left:0; }
    #btnClosePopup{ display:none; }
    .btn_close,.btn_close::before { display:none; }
    .popup_txt01 { height:unset !important; }
    .btn-group{ display:none; }
}

/** Mozilla Firefox */
@-moz-document url-prefix() {
    @media print {
        .pageWrap >* { font-size: 1.76em; }
    }
}