@charset "utf-8";
/* ======================================================
* case_pc.css
* ------------------------------------------------------
* @media print, screen and (min-width: 768px)
====================================================== */
@media print, screen and (min-width: 768px) {
.sp_Only { display: none!important; }
.pc_Only { display: block!important; }
.mt60 { margin-top: 60px; }
.clearfix::after {
content: "";
display: block;
clear: both;
}
.calendar_contents {
overflow: hidden;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #333;
}
.calendar_inner {
position: relative;
padding: 20px;
width: 100%;
max-width: 1000px;
margin: 0 auto;
box-sizing: border-box;
}
.pageHead .heading-lv1_01 {
position: relative;
width: 1000px;
margin: 0 auto;
height: 124px;
}
.pageHead .heading-lv1_01 .heading_title02 {
color: #fff;
font-size: 3.6rem;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.pageHead .heading-lv1_01 .heading_title02 span {
display: block;
font-size: 2.2rem;
padding-top: 5px;
line-height: 1.1em;
}
.One_schollName {
font-size: 25px;
line-height: 1.0em;
margin-top: 40px;
margin-bottom: 20px;
font-weight: bold;
}
.One_schollName span {
display: block;
font-size: 16px;
}
.BoxBig, .BoxSmall {
overflow: hidden!important;
}
.BoxBig {
position: relative;
width: 100%;
overflow: hidden!important;
margin: 0!important;
padding: 0!important;
}
ul.slider {
width: 100%!important;
}
ul.slider li img {
text-align: center;
width: 100%!important;
max-width: 1000px;
margin: 0 auto;
}
.BoxSmall {
margin-top: 30px;
}
ul.thumbnail, ul.slider {
position: relative;
width: 100%;
max-width: 1000px;
}
ul.thumbnail li img {
float: left;
width: 9.1%;
height: auto;
padding-right: 1%;
padding-bottom: 1.5%;
}
ul.thumbnail li img.padR_0 {
padding-right: 0%!important;
}
ul.thumbnail li:hover {
cursor: pointer;
opacity: .7;
}
.Intro {
margin-top: 60px;
}
.Intro p {
font-size: 1.7rem;
line-height: 2em;
}
.MapURL {
margin-top: 60px;
}
.MapURL img {
display: block;
float: left;
width: 35%;
max-width: 350px!important;
border: 1px solid #999;
}
.MapURL p {
line-height: 1.5em;
float: left;
width: 60%;
padding-left: 3%;
margin-top: -0.7em;
}
.MapURL span {
display: block;
font-size: 2rem;
font-weight: bold;
line-height: 2em;
}
.MapURL a[target="_blank"] {
background: url("../2021/img/com_ic004.png")no-repeat 100% 50%;
padding-right: 20px;
}
.MapURL a {
overflow-wrap: break-word;
color: #333;
text-decoration: none;
}
.MapURL a:hover {
color: #2288bb;
text-decoration: underline;
}
.navi_school_01 {
margin-top: 80px;
vertical-align: middle;
}
.navi_school_01 p {
display: inline-block;
vertical-align: middle;
}
.navi_school_01 p.keisai {
font-size: 22px;
line-height: 2em;
}
.rightSet {
position: relative;
float: right;
width: 248px;
}
.navi_school_01 p.return, .navi_school_01 p.iconHome {
text-align: right;
}
.rightSet a p.return:hover {
color: #2288bb;
}
.navi_school_01 p.iconHome:hover {
opacity: .7;
}
.navi_school_01 p.keisai, .navi_school_01 p.return {
color: #333;
}
.navi_school_02 {
margin-top: 30px;
}
.navi_school_02, .navi_One ul {
position: relative;
width: 100%;
max-width: 1000px;
}
.navi_One li, .navi_One a li {
color: #333;
float: left;
padding: 5px 20px;
border: 1px solid #333;
width: 27.5%;
margin-right: 2%;
text-align: center;
margin-bottom: 20px;
}
.navi_One li.padR_0, .navi_One a li.padR_0 {
margin-right: 0!important;
}
.navi_One a li:hover {
background-color: #2288bb;
color: #fff;
font-weight: bold;
border: 1px solid #2288bb;
}
.current_navi {
background-color: #333;
color: #fff!important;
font-weight: bold;
}
/*--矢印--*/
.slide-arrow {
}
/* ----- slick-arrow ----- */
.prevArrow {
position: absolute;
top: 145px;
left: -35px;
width: 18px;
height: 32px;
background: url("../2021/img/arrow-left.png") no-repeat 0 0;
text-indent: -9999px;
cursor: pointer;
}
.nextArrow {
position: absolute;
top: 145px;
right: -35px;
width: 18px;
height: 32px;
background: url("../2021/img/arrow-right.png") no-repeat 0 0;
text-indent: -9999px;
cursor: pointer;
}/*
.slick-arrow.slick-disabled {
display: none !important;
}*/
/*
#wrap{
background-color: #333;
display: flex;
flex-direction: column;
justify-content: center;
height: 100vh;
}
#slider{
width: 300px;
margin:0 auto 30px;
}
.slide-item img {
width: 100%;
}
#thumbnail-list{
width: 300px;
margin: 0 auto;
display: flex;
justify-content: space-between;
flex-wrap:wrap;
}
.thumbnail-item{
flex: 0 1 30%;
margin-bottom: 10px;
box-sizing: border-box;
position:relative;
&:after{
content:'';
background-color: rgba(0,0,0,0.5);
position:absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 1;
transition: .3s opacity linear;
}
&.thumbnail-current:after{
opacity: 0;
}
img{
width: 100%;
margin: 0 auto;
}
}
/**/
.imageBox {
position: relative;
width: 100%;
margin-top: 60px;
}
.schoolName a {
text-decoration: none;
color: #333;
}
.schoolName a:hover {
text-decoration: underline;
}
.schoolImg a img:hover, .schoolImg_Last a img:hover {
opacity: 0.7!important;
}
ul.school_Set {
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
ul.school_Set li {
position: relative;
}
.schoolImg, .schoolImg_Last {
float: left;
width: 30%;
margin-bottom: 30px;
}
.schoolImg {
margin-right: 4.8%;
}
.schoolImg:nth-child(3n) {
margin-right: 0%;
}
/*
.schoolImg_Last {
margin-right: 0!important;
}*/
.schoolImg a img, .schoolImg_Last a img {
width: 100%;
}
.TextMain {
position: relative;
margin: 0 auto;
}
h2.main_Tit {
font-size: 22px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight: bold;
width: 100%;
margin: 80px 0px;
padding: 0;
}
}
@media screen and (min-width: 768px) and (max-width: 934px) {
.navi_One ul {
display: -webkit-inline-box;
display: -moz-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.navi_One li, .navi_One a li {
width: 26%;
margin-right: 2%;
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.navi_One li.padR_0, .navi_One a li.padR_0 {
margin-right: 0!important;
}
}
@media screen and (min-width: 935px) and (max-width: 987px) {
.navi_One ul {
display: -webkit-inline-box;
display: -moz-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
}
.navi_One li, .navi_One a li {
width: 25.5%;
margin-right: 2%;
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.navi_One li.padR_0, .navi_One a li.padR_0 {
margin-right: 0!important;
}
}