@charset "utf-8";

.blind{position: absolute;width: 1px;height: 1px;margin: -1px;overflow: hidden;clip-path: polygon(0 0, 0 0, 0 0);}

/**/
.label{font-size:14px;padding:0 10px;font-weight:normal;vertical-align:1px;display:inline-block;height:40px;line-height:40px;letter-spacing:-1px;}
.label.red{background-color:#d9534f;color:#fff}
.label.blue{background-color:#0079c0;color:#fff}
.label.mint{background-color:#199db2;color:#fff}
.label.orange{background-color:darkorange;color:#fff}
.label.gray{background-color:#999;color:#fff}
.label.green{background-color:#5cb85c;color:#fff}
.label.sky{background-color:#5bc0de;color:#fff}
.label.brown{background-color:#7b462f;color:#fff}
.label.purple{background-color:#8376ff;color:#fff}
.label.small{font-size:11px}
.label.large{font-size:13px}
.label.refund{font-size:13px;padding:0 12px;font-weight:normal;vertical-align:1px;display:inline-block;height:30px;line-height:30px;letter-spacing:-1px;}

/**/
.type_list{border-top: 1px solid #676767; font-size:15px}
.type_list thead th{border-bottom: 1px solid #676767;padding:10px 0;color:#3c3c3c;white-space:nowrap;text-align:center;}
.type_list tbody td{border-bottom: 1px solid #ddd;padding:20px 0}
.type_list tbody td.tac{text-align:center}
.type_list tbody td.tal{text-align:left;padding-left:10px}
.type_list tbody td.tal span{vertical-align:top;margin-left:2px}
.type_list tbody td.tal span img{vertical-align:top;margin-top:6px}
.type_list tbody td.tal .subject{max-width:80%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:inline-block;float:left;line-height:19px;margin-right:4px}
.type_list tbody td.tal .subject_nm {max-width:80%;display:inline-block;float:left;line-height:19px;margin-right:4px}
.type_list tbody td.tal .subject img{vertical-align:top}
.type_list tbody td.tal .subject a {color:#777; line-height:24px;}
.type_list tbody td.tal .subject a b {color:#333333; font-size:15px; font-weight:bold; padding-top:7px;}
.type_list tbody td.nodata{padding:20px 0;text-align:center;} 

/**/
#find{padding: 120px 16px;background: #ffffff;min-height: calc(100dvh - 290px - 150px);}
#find .title{position:relative;margin-bottom:70px;font-size:40px;font-weight:600;color:#000;text-align:center;}
#find .title:after{content: '';width: 100px;height: 2px;background-color: #000000;position: absolute;bottom: -20px;left: 50%;margin-left: -50px;}
#find .tabs{margin-bottom:20px;display:flex;}
#find .tabs .tab{display:flex;align-items:center;justify-content:center;text-align:center;width:16.66%;height:40px;font-size:15px;color:#3c3c3c;border:1px solid #d2d2d4;}
#find .tabs .tab + .tab{margin-left:-1px;}
#find .tabs .tab.on{background:#666666;color:#ffffff;border-color:#555555;}
#find .tabs_cont{display:none;}
#find .tabs_cont.on{display:block}
#find .desc{}
#find .desc .tit{font-size: 17px;font-weight: 500;color: #333333;margin-bottom: 12px;}
#find .desc .con{border: 1px solid #dcdcdc;border-top: 1px solid #676767;padding: 50px 0;margin-bottom: 50px;display:flex;flex-direction:column;align-items:center;}
#find .desc .con dl{margin:0 auto;width:440px;max-width:100%;display:flex;}
#find .desc .con dl + dl{margin-top:10px;}
#find .desc .con dt{flex:0 0 auto;width:70px;line-height:40px;font-size:16px;font-weight:500;}
#find .desc .con dd{flex:1 1;display:flex;flex-direction:column;}
#find .desc .con dd .inp{display:flex;align-items:center;width:100%;}
#find .desc .con dd .inp input[type="text"]{flex:1;width:100%;height:40px;padding:2px 4px 3px;background:#fff;border:1px solid #ccc;}
#find .desc .con dd .inp span{flex:0 0 auto;width:20px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#666;}
#find .desc .con dd .inp button[type="button"]{width:100px;height:40px;border:1px solid #666;background:#666;color:#fff;margin-left:5px;font-size:16px;}
#find .desc .con .txt{margin-top:10px;font-size:14px;color:#666;}
#find .desc .cert{display:flex;align-items:center;justify-content:center;margin:0 auto;gap:10px;}
#find .desc .cert a{display:flex;align-items:center;justify-content:center;border:1px solid #ddd;}
#find .desc .receive{margin:10px auto 0;width:440px;max-width:100%;}
#find .desc .receive dl{display:flex;}
#find .desc .receive dt{flex:0 0 auto;;width:70px;display:flex;align-items:center;justify-content:flex-start;font-size:16px;color:#666;}
#find .desc .receive dd{flex:1 1;display:flex;align-items:center;flex-direction:row;gap:10px}
#find .desc .receive dd label{display:flex;align-items:center;gap:4px;font-size:16px;color:#666;}

/**/
#register{padding: 120px 16px;background: #ffffff;min-height: calc(100dvh - 290px - 150px);}
#register .title{position:relative;margin-bottom:70px;font-size:40px;font-weight:600;color:#000;text-align:center;}
#register .title:after{content: '';width: 100px;height: 2px;background-color: #000000;position: absolute;bottom: -20px;left: 50%;margin-left: -50px;}
#register .tabs{margin-bottom:20px;display:flex;}
#register .tabs .tab{display:flex;align-items:center;justify-content:center;text-align:center;width:16.66%;height:40px;font-size:15px;color:#3c3c3c;border:1px solid #d2d2d4;}
#register .tabs .tab + .tab{margin-left:-1px;}
#register .tabs .tab.on{background:#666666;color:#ffffff;border-color:#555555;}
#register .tabs_cont{display:none;}
#register .tabs_cont.on{display:block}
#register .tabs_cont table{border-top:1px solid #333;}
#register .tabs_cont table tr{height:50px;}
#register .tabs_cont table th{padding:5px 10px;border-bottom:1px solid #e0e0e0;}
#register .tabs_cont table th span{color:#ff2c02;}
#register .tabs_cont table td{padding:5px 10px;border-bottom:1px solid #e0e0e0;line-height:40px;font-size:16px;}
#register .tabs_cont table td input[type="text"],
#register .tabs_cont table td input[type="password"]{font-size:16px;height:40px;padding:5px;font-size:15px;border:1px solid #e0e0e0;background-color:#ffffff;min-width:100px;}
#register .tabs_cont table td select{font-size:16px;height:40px;padding:5px;font-size:15px;border:1px solid #e0e0e0;background-color:#ffffff;min-width:100px;}
#register .tabs_cont table td button[type="button"],
#register .tabs_cont table td input[type="button"]{font-size:16px;height:40px;padding:5px;font-size:15px;border:1px solid #e0e0e0;background-color:#ffffff;min-width:100px;}
#register .tabs_cont table td .field{display:flex;gap:5px;align-items:center;}
#register .tabs_cont table td .field.link{}
#register .tabs_cont table td .field.link a{font-size:16px;height:40px;padding:5px;font-size:15px;color:#fff;border:1px solid #e12500;background-color:#ff2c02;min-width:100px;display:flex;align-items:center;justify-content:center;}
#register .tabs_cont table td .field.check{display:flex;flex-direction:column;align-items:flex-start;text-align:left;}
#register .tabs_cont table td .cert{display:flex;align-items:center;justify-content:center;margin:0 auto;gap:10px;}
#register .tabs_cont table td .cert a{display:flex;align-items:center;justify-content:center;border:1px solid #ddd;}
#register .tabs_button{margin-top:20px;display:flex;align-items:center;justify-content:center;gap:10px;}
#register .tabs_button .button{min-width:120px;height:40px;font-size:16px;display:flex;align-items:center;justify-content:center;text-align:center;}

/**/
#mypage{padding: 120px 16px;background: #ffffff;min-height: calc(100dvh - 290px - 150px);}
#mypage .title{position:relative;margin-bottom:70px;font-size:40px;font-weight:600;color:#000;text-align:center;}
#mypage .title:after{content: '';width: 100px;height: 2px;background-color: #000000;position: absolute;bottom: -20px;left: 50%;margin-left: -50px;}
#mypage .info{display:flex;}
#mypage .info .desc{position:relative;padding:20px;flex:1;border:1px solid #e0e0e0;}
#mypage .info .desc + .desc{margin-left:-1px;}
#mypage .info .tit{border-bottom:1px solid #e0e0e0;padding-bottom:10px;line-height:20px;font-size:16px;font-weight:600;color:#333;display:flex;align-items:center;}
#mypage .info .tit small{display:flex;align-items:center;font-size:14px;color:#666;}
#mypage .info .tit small:before{content:'';width:1px;height:12px;background:#ccc;margin:0 6px 0 10px;}
#mypage .info .act{position:absolute;top:10px;right:20px;}
#mypage .info .act a{display:flex;align-items:center;justify-content:center;padding:0 10px;min-width:30px;height:30px;border:1px solid #e0e0e0;font-size:14px;color:#333;}
#mypage .info .act a.memo-box {position: relative}
#mypage .info .act a.memo-box.on:before {content: '';position: absolute; top: 3px; left: 3px; background: red; border-radius: 50%;    width: 4px;
    height: 4px;}
#mypage .info .con{position:relative;}
#mypage .info .con.my{padding:20px 0 0 100px;background:url("../img/mypage/myinfo_img.jpg") no-repeat 0 15px;}
#mypage .info .con.my dl{display:flex;line-height:20px;align-items:center;font-size:14px;margin-bottom:5px;}
#mypage .info .con.my dt{flex:0 0 70px;width:70px;}
#mypage .info .con.my dd{flex:1 1;font-weight:600;color:#000;}
#mypage .info .con.ntc{padding:20px 0 0;}
#mypage .info .con.ntc ul{}
#mypage .info .con.ntc li{margin-bottom:5px;}
#mypage .info .con.ntc li a{display:flex;align-items:center;line-height:20px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#mypage .info .con.ntc li a:before{content:'';flex:0 0 auto;width:2px;height:2px;background:#999;margin:0 10px 0 0;}
#mypage .section{position:relative;margin-top:35px;}
#mypage .section .tit{font-weight: 700;color: #333;margin-bottom:15px;font-size: 20px;line-height: 30px;}
#mypage .section .act{position:absolute;top:0;right:0;}

/**/
#my_course{padding: 120px 16px;background: #ffffff;min-height: calc(100dvh - 290px - 150px);}
#my_course .title{position:relative;margin-bottom:70px;font-size:40px;font-weight:600;color:#000;text-align:center;}
#my_course .title:after{content: '';width: 100px;height: 2px;background-color: #000000;position: absolute;bottom: -20px;left: 50%;margin-left: -50px;}
#my_course .tabs{margin-bottom:20px;display:flex;}
#my_course .tabs .tab{display:flex;align-items:center;justify-content:center;text-align:center;width:16.66%;height:40px;font-size:15px;color:#3c3c3c;border:1px solid #d2d2d4;}
#my_course .tabs .tab + .tab{margin-left:-1px;}
#my_course .tabs .tab.on{background:#666666;color:#ffffff;border-color:#555555;}
#my_course .tabs_cont{display:none;}
#my_course .tabs_cont.on{display:block}

/**/
#my_certificate{padding: 120px 16px;background: #ffffff;min-height: calc(100dvh - 290px - 150px);}
#my_certificate .title{position:relative;margin-bottom:70px;font-size:40px;font-weight:600;color:#000;text-align:center;}
#my_certificate .title:after{content: '';width: 100px;height: 2px;background-color: #000000;position: absolute;bottom: -20px;left: 50%;margin-left: -50px;}

/**/
#my_order{padding: 120px 16px;background: #ffffff;min-height: calc(100dvh - 290px - 150px);}
#my_order .title{position:relative;margin-bottom:70px;font-size:40px;font-weight:600;color:#000;text-align:center;}
#my_order .title:after{content: '';width: 100px;height: 2px;background-color: #000000;position: absolute;bottom: -20px;left: 50%;margin-left: -50px;}

/**/
#my_msg{padding: 120px 16px;background: #ffffff;min-height: calc(100dvh - 290px - 150px);}
#my_msg .title{position:relative;margin-bottom:70px;font-size:40px;font-weight:600;color:#000;text-align:center;}
#my_msg .title:after{content: '';width: 100px;height: 2px;background-color: #000000;position: absolute;bottom: -20px;left: 50%;margin-left: -50px;}
#my_msg .board.btn{display:flex;justify-content:flex-end;padding:0;margin-top:20px;}
#my_msg .board.btn .button{min-width:72px;height:36px;display:flex;align-items:center;font-size:15px;}

/**/
#my_cart{padding: 120px 16px;background: #ffffff;min-height: calc(100dvh - 290px - 150px);}
#my_cart .title{position:relative;margin-bottom:70px;font-size:40px;font-weight:600;color:#000;text-align:center;}
#my_cart .title:after{content: '';width: 100px;height: 2px;background-color: #000000;position: absolute;bottom: -20px;left: 50%;margin-left: -50px;}
#my_cart .table{margin-bottom:0;}
#my_cart .table tr{}
#my_cart .table td{}
#my_cart .table td input[type="number"]{width:40px;height:20px;border-radius:2px;border:1px solid #333;}
#my_cart .pay_total_wrap { overflow:hidden; }
#my_cart .pay_total { font-size:16px; float:left; text-align:center; width:100%; padding:20px 0; background-color:#f9f9f9; border-top:1px solid #d1d1d1; border-bottom:2px solid #d1d1d1; overflow:hidden; }
#my_cart .pay_total dl { font-weight:700; color:#3c3c3c; padding:0 5px; list-style:none; }
#my_cart .pay_total dl dt { display:inline-block; padding-left:5px; }
#my_cart .pay_total dl dt:after { content:" : "; padding-right:4px; }
#my_cart .pay_total dl dt:before { font-weight:bold; font-size:1.1em; padding-right:10px; }
#my_cart .pay_total dl dt.sum_delivery:before { content:"+ "; }
#my_cart .pay_total dl dt.sum_discount:before { content:"- "; }
#my_cart .pay_total dl dt.sum_total:before { content:"= "; }
#my_cart .pay_total dl dd { display:inline-block; padding-right:5px; }
#my_cart .pay_total dl em { font-weight:700; color:#e2450e; }
#my_cart .board.btn{display:flex;justify-content:center;padding:0;margin-top:20px;}
#my_cart .board.btn .button{min-width:72px;height:36px;display:flex;align-items:center;font-size:15px;}