@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@900&display=swap');

.kengakukai {
margin-top: -10px;
}

.kengakukai .lead h3 {
}

.kengakukai .lead h3 img {
width: 700px;
height: auto;
display: block;
margin: 0 auto 30px;
}

.button_list {
margin: 20px auto 60px;
}

.button_list a {
display: block;
margin: 0 auto;
width: 300px;
padding: 14px 60px 14px 40px !important;
}

.leadText {
font-size: 1.2em;
text-align: center;
}

.campusGo {
text-align: center;
}

.campusGoLink {
margin: 40px 0 0 !important;
display: flex;
justify-content: center;
}

.campusGoLink li:before {
display: none;
}

.campusGoLink li a {
display: block;
width: 380px;
margin: 0 10px;
padding: 6px 0;
text-align: center;
text-decoration: none;
border-radius: 50px;
font-size: 1.1em;
}

.campusGoLink li:nth-child(1) a {
background-color: #ACCD04;
color: #FFF;
border: 2px solid #ACCD04;
}

.campusGoLink li:nth-child(2) a {
background-color: #13BDCC;
color: #FFF;
border: 2px solid #13BDCC;
}

.campusGoLink li:nth-child(1) a:hover {
background-color: #FFF;
color: #ACCD04;
}

.campusGoLink li:nth-child(2) a:hover {
background-color: #FFF;
color: #13BDCC;
}

.leadText2 {
margin-bottom: 0 !important;
font-family: "Lato", sans-serif;
font-weight: 900;
font-style: normal;
font-size: 2.4em;
text-align: center;
}

.leadText2 span.t1 {
font-size: 3em;
}

.leadText2 span.t2 {
font-size: 1.8em;
}

.place {
display: block;
width: 560px;
margin: 0 auto 40px !important;
background-color: #ACCD04;
color: #FFF;
padding: 6px 12px;
font-size: 1.6em;
font-weight: bold;
border-radius: 100vh;
text-align: center;
}

.yoyaku {
text-align: center;
font-size: 1.4em;
}

.pageMenu {
margin: 0 0 40px !important;
padding: 10px 0 !important;
list-style: none;
display: flex;
border-top: 8px solid #ACCD04;
border-bottom: 8px solid #ACCD04;
}

.pageMenu li {
margin: 0 40px !important;
}

.kengakuH4 {
margin-bottom: 30px !important;
background-color: #d2e8ed;
padding: 4px;
}

.program {
position: relative;
margin: 0 20px 40px !important;
}

.program dt {
display: inline-block;
background-color: #1060a2;
color: #FFF !important;
padding: 4px 30px;
}

.program dd {
position: relative;
top: -20px;
left: -10px;
border: 3px solid #1060a2;
z-index: -1;
padding: 40px 20px 10px;
width: calc( 100% + 10px );
background-image: linear-gradient(90deg, #ffffff 30%, #E7F3F5 100%);
}

.time {
display: inline-block;
padding: 0 8px 4px;
border-bottom: 1px dotted #1060a2;
}

.time span {
font-weight: bold;
}

.ttWrap {
background: url(/common/files//2080/boy.png) no-repeat 100% 0;
}

.timetable {
width: 76% !important;
margin: 0 0 50px;
border-collapse: separate;
border-spacing: 2px;
}

.timetable tr:nth-child(2n-1) {
background-color: #F1F7D7 !important;
}

.timetable th {
width: 240px;
padding: 8px;
background-color: #DFEDA0 !important;
border: none !important;
border-top: 1px solid #8FAD03 !important;
border-bottom: 1px solid #8FAD03 !important;
}

.timetable th:nth-child(1) {
border-right: 1px solid #8FAD03 !important;
}

.timetable td {
padding: 8px;
background-color: transparent !important;
border: none !important;
border-bottom: 1px solid #8FAD03 !important;
}

.timetable td:nth-child(1) {
border-right: 1px solid #8FAD03 !important;
}

.orderBtn4 a {
display: block;
width: 300px;
padding: 8px;
margin: 30px auto 40px;
border: 2px solid #297C2B;
background-color: #297C2B;
color: #FFF;
border-radius: 100vh;
text-align: center;
text-decoration: none;
box-shadow: 3px 3px 0 #CCC;
}

.orderBtn4 a:hover {
background-color: #FFF;
color: #297C2B;
}

.cat {
font-size: 1.2em;
font-weight: bold;
border-left: 6px solid #1060a2;
padding-left: 10px;
}

.fuanList {
margin: 0 0 40px;
}

.fuan {
border-bottom: 1px dashed #CCC;
margin: 0 0 20px;
padding: 20px 20px 10px;
}

.qa dt {
background: url(/common/files//2080/arrow-01.png) #F1F7D7 no-repeat 6px 12px;
margin: 0 0 10px !important;
padding: 4px 4px 4px 32px !important;
font-size: 1.2em;
border-radius: 8px;
}

.qa dd {
margin: 0 40px;
}

.listen {
margin: 0 40px;
}

.listen dt {
background: url(/common/files//2080/hint.png) no-repeat 4px 3px;
padding: 6px 4px 6px 24px;
}

@media (max-width: 991px){

.brpc {
display: none;
}

.kengakukai {
margin-top: -30px;
}

.campusGoLink {
display: block;
}

.campusGoLink li a {
width: 90%;
}

.leadText2 {
font-size: 2.2em;
}

.leadText2 span.t1 {
font-size: 1.4em;
}

.leadText2 span.t2 {
display: block;
font-size: 1.1em;
}

.place {
width: 100%;
font-size: 1.4em;
}

.yoyaku {
text-align: center;
font-size: 1.4em;
}

.pageMenu li {
margin: 0 20px !important;
}


.fuan {
border-bottom: 1px dashed #CCC;
margin: 0 0 20px;
padding: 20px 0 10px;
}

.qa dd {
margin: 0 20px;
}

.listen {
margin: 0 20px;
}

.timetable {
width: 100% !important;
}

.timetable th {
width: auto;
}

.ttWrap {
background: none;
}

}