@charset "UTF-8";
/* 1rem = 10px */

.sp{display:none!important;}
.section .section-body a{color:#202020;word-break:break-all;}

.section[data-section="lead"] .section-body p{height:200px;display:flex;align-items:center;font-size:1.8rem;line-height:1.78em;background:url(../course/images/bg-pagehead.jpg) no-repeat center right;background-size:100% auto;}

.section[data-section="genre"]{padding-top:60px;}

#page_main .section-header{margin-bottom:40px;}

.section .section-sub-title{margin:60px 0 50px;}
.section-sub-title2{margin:0 0 20px;padding-left:30px;font-size:2.8rem;line-height:1.78em;position:relative;}
.section-sub-title2:after{content:'';display:block;width:20px;height:20px;border-radius:4px;background:#005EB0;position:absolute;top:50%;left:0;transform:translateY(-50%);}

.txt-head{margin-top:35px;font-size:1.6rem;line-height:2em;}
.section-sub-title2 + .txt-head{margin-top:0;}

.course-list{width:100%;margin:20px 0 45px;border-top:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-spacing:0;}
.course-list td{padding:0.25em 0.5em;font-size:1.6rem;line-height:1.75em;border-bottom:1px solid #CCCCCC;;border-left:1px solid #CCCCCC;;}
.course-list tr td:nth-of-type(odd){width:380px;}
.course-list tr td:nth-of-type(even){width:120px;text-align:center;}
.course-list td a:after{content:none!important;}

.section .section-body .image{margin-top:20px;}
.section .section-body .image a:after{content:none;}

.section[data-section="guide"]{padding-top:80px;}

.section .section-body .btn-area{margin-top:24px;text-align:left;}

.gray-box{margin-top:32px;padding:20px 30px;background:#F2F2F2;}
.gray-box p + p{margin-top:10px;}
.gray-box p strong{color:#202020;}

.section .section-body .note{padding-left:1em;text-indent:-1em;}

.section-body .anchor-list{display:flex;flex-wrap:wrap;}
.section-body .anchor-list li{margin-right:1em;}

.section[data-section="detail"] .section-sub-title2{margin-top:50px;}

.course-tbl{border-top:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-spacing:0;}
.course-tbl tr:nth-of-type(odd){background:#F2F2F2;}
.course-tbl th{padding:5px;font-size:1.2rem;text-align:center!important;border-bottom:1px solid #CCCCCC;border-left:1px solid #CCCCCC;background:#C9E5FF;}
.course-tbl td{padding:10px;text-align:center;border-bottom:1px solid #CCCCCC;border-left:1px solid #CCCCCC;}
.course-tbl .col-cnum{width:60px;}
.course-tbl .col-genre{width:120px;text-align:left;}
.course-tbl .col-code{width:90px;}
.course-tbl .col-cnam{width:auto;text-align:left;}
.course-tbl .col-cnam .pc-hid{display:none;}
.course-tbl .col-period{width:121px;}
.course-tbl .col-kfee{width:100px;}
.course-tbl td.col-kfee{color:red;text-align:right;}
.course-tbl td.col-kfee:after{content:'円';display:inline;}



@media screen and (max-width:667px){

.pc{display:none!important;}
.sp{display:block!important;}

#header_anchor ul{width:690px;}

.section[data-section="lead"] .section-body p{height:auto;display:block;padding-bottom:calc(30px + 28%);font-size:1.4rem;line-height:2em;background-image:url(../course/images/sp-bg-pagehead.png);background-position:center bottom;}

.section[data-section="genre"]{padding-top:40px;}

.section .section-sub-title{margin:45px 0 15px;}
.section-sub-title2{margin:0 0 15px;padding-left:26px;font-size:2.2rem;line-height:2.27em;}
.section-sub-title2:after{width:16px;height:16px;}

.txt-head{margin-top:30px;font-size:1.4rem;line-height:1.5em;}

.section .section-body p.f16{font-size:1.6rem;}
.course-list{margin:20px 0 55px;}
.course-list tr{display:flex;flex-wrap:wrap;}
.course-list td{display:block;}
.course-list tr td:nth-of-type(odd){width:calc(100% - 120px);}

.section .section-body .image{margin-top:20px;}

.section .section-body .btn-area{margin-top:32px;}
.section .section-body .btn-area .arrow-btn{width:100%;max-width:100%;font-size:1.8rem;}

.gray-box{margin-top:40px;padding:16px 22px;}

.section-body .anchor-list{display:flex;flex-wrap:wrap;}
.section-body .anchor-list li{margin-right:1em;}

.section[data-section="detail"] .section-sub-title2{margin-top:30px;}

.anchor-list li{margin-top:0.5em;}
.anchor-list li:nth-of-type(3){margin-right:0;}

.tbl-wrap{overflow-x:scroll;}
.course-tbl{width:1000px;}
.course-tbl td{padding:5px;font-size:1.4rem;}
.course-tbl .col-cnam .sp-hid{display:none;}
.course-tbl .col-cnam .pc-hid{display:inline;}

}

/* CSSここまで */