@charset "UTF-8";
	.sp_br {
		display: none;
	}
/*
.global-navigation-wrap{
	display:none;
}
*/
.box{margin:24px auto 0;}
.box + .box{margin: 32px auto 0;}

.fee-block>* {margin: 16px auto 0;}
.fee-block>:first-child{margin-top: 0;}
.fee-block .text01{font-size:1.4rem;line-height:1.7142857143}
.fee-block .text01 .large{margin-left:4px;font-size:24px;font-weight:700}

.img-max + p {
    margin-top: 16px;
}

.group-list {
    display: grid;
    gap: 16px;
}

.group-list.type-local{
    grid-template-columns: repeat(3, 1fr);
}

.group-list.type-online{
    grid-template-columns: repeat(2, 1fr);
}

.group-list-item {
    padding: 10px;
    border: 1px solid #dfe4eb;
    border-radius: 8px;
}

.group-list-item h3{
    margin-top: 16px;
    font-size: 1.8rem;
    line-height: 1.4;
    font-weight: bold;
    text-align:center;
}

.supplement{
    text-align:center;
}

.supplement mark{
	background-color: rgba(0, 0, 0, 0);
	color: #6D7177!important;
}

.target-u{
    background: #0061b1;
    color: #fff;
    display:inline-block;
    padding:3px 8px 0;
    font-size:1.4rem;
    margin: 8px 8px 8px 0;
}

@media (max-width: 600px){

.group-list.type-local,
.group-list.type-online{
    grid-template-columns: repeat(1, 1fr);
}

}

.medical-gw-head {
    height: 457px;
    background-image: url(../images/main_pc.jpg);
    background-color: #f4f6f8;
    background-position: top center;
    background-size: 800px 457px;
    background-repeat: no-repeat;
}

.medical-gw-head .page-head-in {
    max-width: 800px;
    margin: 0 auto;
    padding: 70px 0 0 90px;
}

.medical-gw-head .head-in {
    width:28rem;
}

.medical-gw-head h1.title {
    color: #fff;
    text-shadow: 0 0 2px rgb(0 0 0 / 20%);
    font-size: 3.2rem;
    line-height: 1.5;
    font-weight: bold;
}

.medical-gw-head .h1_p_text {
    font-size: 14px;
    padding: 10px 0 0 0px;
    color: #fff;
    text-align: justify;
}

@media (max-width: 670px){
.medical-gw-head {
    min-height:300px;
    height: auto;
    background-image: url(../images/main_mb.jpg);
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin:0 calc(50% - 50vw);
    width:100vw;
}

.medical-gw-head .page-head-in {
    padding: 30px 0 0 40px;
}

.medical-gw-head .head-in {
    width:20rem;
}

.medical-gw-head h1.title {
    font-size: 2.4rem;
    padding:15px 0 0 0;
}

.medical-gw-head .h1_p_text {
    font-size: 14px;
    padding: 10px 0;
}

}

@media (max-width: 450px){
	.sp_br {
		display: block;
	}
.medical-gw-head {
    min-height:236px;
    height: auto;
    background-image: url(../images/main_mb.jpg);
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin:0 calc(50% - 50vw);
    width:100vw;
}

.medical-gw-head .page-head-in {
    padding: 0 0 0 16px;
}

.medical-gw-head .head-in {
    width:18rem;
}

.medical-gw-head h1.title {
    font-size: 2rem;
}

.medical-gw-head .h1_p_text {
    font-size: 14px;
    padding: 10px 0;
    line-height: 1.4;
}
.sp_min.button-type01 a {
    font-size: 1.5rem;
	padding: 9px 4px;
}
}

.anchor-tag{
	content:"";
	display:block;
	height:70px;
	margin-top:-70px;
	visibility: hidden;
}


/*サイトcommon*/

.tag-list01 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.tag-list01 .tag-text01,.tag-list01 .tag-type01 {
    margin: 8px 4px 0 0
}

.tag-list01 .tag-text01 {
    flex: 1
}

.tag-list02 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.tag-list02 .tag-type02 {
    margin: 12px 12px 0 0
}

.tag-type01 {
    padding: 5px 8px 6px;
    border: 1px solid #0061b1;
    border-radius: 4px;
    color: #0061b1;
    font-size: 1.1rem;
    line-height: 1
}

.tag-type02 {
    padding: 12px 8px;
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 700
}

.tag-type02:before {
    content: "";
    display: inline-block;
    margin-right: 4px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    vertical-align: middle
}

.tag-type02.red {
    background: #fce8ea
}

.tag-type02.red:before {
    background: #db2131
}

.tag-type02.orange {
    background: #fef5e7
}

.tag-type02.orange:before {
    background: #ee9d19
}

.tag-type02.green {
    background: #f3f9eb
}

.tag-type02.green:before {
    background: #8cbe3e
}

.tag-type02.blue {
    background: #e9f2f9
}

.tag-type02.blue:before {
    background: #2983be
}

.tag-type02.purple::before {
    background: #7030a0;
}

.tag-type02.purple {
    background: #ffedff;
}

.kousha-class-table .body .col02.purple {
    border-left: 5px solid #7030a0;
}

.tag-type03 {
    padding: 8px;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 700;
    display: inline-block;
    margin-left: 12px;
    vertical-align: top;
}

.tag-type03.red {
    background: #fce8ea
}

.tag-type03.orange {
    background: #fef5e7
}

.tag-type03.green {
    background: #f3f9eb
}

.tag-type03.blue {
    background: #e9f2f9
}

.tag-text01 {
    color: #6d7177
}

.link-type01 {
    display: inline-block;
    padding: 0 0 0 20px;
    color: #0061b1;
    font-weight: 700;
    position: relative;
    transition: color .3s
}

.link-type01 .icon {
    display: block;
    position: absolute;
    top: -1px;
    left: 0
}

.link-type01 .icon-right {
    display: block;
    position: absolute;
    top: -1px;
    right: 0;
}

.link-type01 svg {
    width: 16px;
    height: 16px;
    stroke: #0061b1;
    vertical-align: middle;
    transition: stroke .3s
}

.link-type01.normal {
    font-weight: 400
}

.link-type01.re .icon svg {
    transform: rotate(180deg)
}

.link-type01.ico-fwN svg,.link-type01.external svg,.link-type01.pdf svg {
    stroke: none;
    fill: #0061b1;
    transition: fill .3s
}

@media (min-width: 768px) {
    a.link-type01:hover,button.link-type01:hover {
        color:#007de3
    }

    a.link-type01:hover svg,button.link-type01:hover svg {
        stroke: #007de3
    }
}

@media (min-width: 768px) {
    a.link-type01.ico-fwN:hover svg,button.link-type01.ico-fwN:hover svg,a.link-type01.external:hover svg,button.link-type01.external:hover svg {
        stroke:none;
        fill: #007de3
    }
}

.link-type02 a,.link-type02 button {
    color: #0061b1;
    font-size: 1.6rem;
    line-height: 2.25;
    font-weight: 700
}

.link-type02 .icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    vertical-align: middle;
    transform: translateY(-2px)
}

.link-type02 .icon img,.link-type02 .icon svg {
    vertical-align: top
}

.link-type02 .acc-arrow svg {
    width: 20px;
    height: 20px;
    stroke: #b7bbc1;
    transform: rotate(-90deg)
}

.link-type02 .acc-plus {
    position: relative
}

.link-type02 .acc-plus span {
    display: block;
    width: 16px;
    height: 2px;
    background: #b7bbc1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.link-type02 .acc-plus span:after {
    width: 2px;
    height: 16px;
    background: #b7bbc1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.link-type02 .is-close .acc-arrow svg {
    transform: rotate(90deg)
}

.link-type02 .is-close .acc-plus span:after {
    content: ""
}

.link-list-type01 .link-item {
    padding: 8px 0 9px;
    border-bottom: 1px solid #dfe4eb
}

.link-list-type01.indent {
    margin: 0 auto 9px;
    border-top: 1px solid #dfe4eb;
    padding: 5px 0 0 19px
}

.link-list-type01.indent .link-item {
    padding: 8px 0 9px;
    border-bottom: 1px solid #dfe4eb
}

@media (min-width: 768px) {
    .link-list-type01.col2 {
        display:-ms-grid;
        display: grid;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2,1fr);
        gap: 0 40px
    }
}

.link-list-type01.col2-2 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2,1fr);
    gap: 0 16px;
}

.link-list-type02 .link-item {
    padding: 8px 0 9px;
    border-bottom: 1px solid #dfe4eb
}

.link-list-type02 .date {
    margin-right: 8px
}

.link-list-type02 .category {
    color: #6d7177
}

.common-area-list .area-button {
    padding-bottom: 0
}

.common-area-list .area-button button {
    width: 100%;
    display: block
}

.common-area-list .school-list.is-close {
    border-top: none
}


.kousha-class-table .body .tag-type02::before {

  display: none;

}



.kousha-class-table {

  margin: 10px auto 0;

}



.kousha-class-table .head {

  grid-template-columns: 1fr 55px 18% 20%;

  grid-template-areas: "course week time name";

  padding: 12px 0;

  border-bottom: 1px solid #dfe4eb;

  color: #6d7177;

  font-size: 1.4rem;

  line-height: 1;

  display: -ms-grid;

  display: grid

}



.kousha-class-table .head [class*=col] {

  font-weight: 700

}



.kousha-class-table .head .col01 {

  grid-area: week;

  text-align: center;

}



.kousha-class-table .head .col02 {

  grid-area: course;

}



.kousha-class-table .head .col03 {

  grid-area: time;

  text-align: left;

  justify-content: left;

}



.kousha-class-table .head .col04 {

  grid-area: name;

  text-align: left;

  justify-content: left;

}



.kousha-class-table .head .col05 {

  grid-area: ratio03;

  text-align: right

}



.kousha-class-table .head .memo {

  grid-area: memo;

  margin-bottom: 6px;

  text-align: right

}



.kousha-class-table .body .row {

  grid-template-columns: 1fr 55px 18% 20%;

  padding: 8px 0;

  border-bottom: 1px solid #dfe4eb;

  display: -ms-grid;

  display: grid

}



.kousha-class-table .body .row:last-child {

  border-bottom: 0px !important;

  padding-bottom: 0px;

}



.kousha-class-table .body [class*=col]:not(.col01) {

  font-size: 1.4rem;

  line-height: 1.4285714286;

  font-weight: 700;

  display: flex;

  align-items: center

}



.kousha-class-table .body .col02 {

  padding-left: 8px;

}



.kousha-class-table .body .col02.red {

  border-left: 5px solid #db2131;

}



.kousha-class-table .body .col02.orange {

  border-left: 5px solid #ee9d19;

}



.kousha-class-table .body .col02.gray {

  border-left: 5px solid #dcd8d3;

}



.kousha-class-table .body .col02.green {

  border-left: 5px solid #8cbe3e;

}



.kousha-class-table .body .col02.black {

  border-left: 5px solid #525252;

}



.kousha-class-table .body .col02.white {

  border-left: 5px solid #f4f6f8;

}



.kousha-class-table .body .col02.red_orange {

  position: relative;

  border-left: 5px solid #db2131;

}



.kousha-class-table .body .col02.red_orange::before {

  position: absolute;

  content: "";

  border-left: 5px solid #ee9d19;

  height: 50%;

  left: -5px;

  bottom: 0px;

}



.kousha-class-table .body .col02.orange_green {

  position: relative;

  border-left: 5px solid #ee9d19;

}



.kousha-class-table .body .col02.orange_green::before {

  position: absolute;

  content: "";

  border-left: 5px solid #8cbe3e;

  height: 50%;

  left: -5px;

  bottom: 0px;

}



.kousha-class-table .body .col02.red_green {

  position: relative;

  border-left: 5px solid #db2131;

}



.kousha-class-table .body .col02.red_green::before {

  position: absolute;

  content: "";

  border-left: 5px solid #8cbe3e;

  height: 50%;

  left: -5px;

  bottom: 0px;

}



.kousha-class-table .body .col02.orange_blue {

  position: relative;

  border-left: 5px solid #ee9d19;

}



.kousha-class-table .body .col02.orange_blue:before {

  position: absolute;

  content: "";

  border-left: 5px solid #2983be;

  height: 50%;

  left: -5px;

  bottom: 0px;

}



.kousha-class-table .body .col03, .kousha-class-table .body .col04, .kousha-class-table .body .col05 {

  color: #6d7177;

  text-align: left;

  justify-content: left;

}



.kousha-class-table .body .tag-type02 {

  text-align: center;

  font-weight: normal;

}



.kousha-detail-class .link-box {

  padding-top: 10px;

}



.bdr_g {

  border-bottom: 1px solid #dfe4eb !important;

}



.kousha-table-box .js-accordion .link-list-type01 .link-item .link-type02 {

  margin-left: 30px;

}