@charset "UTF-8";
/* CSS Document */
/*----------------------------
高校・中学のナビゲーション
------------------------------*/

.bl-shNavi_col{margin-top: 95px;}

.bl-normalTit {margin-bottom: 70px;}

.ly-page {
margin-top: 100px;
padding-bottom: 50px;
}
.ly-pageCont {padding-top: 50px;}

.bl-shTit {
color: #fff;	
font-size: 1.2em;
padding: 0.6em 0;
}
.bl-shTit_sub {
font-size: 0.75em;
padding-left: 10px;
}

@media only screen and (max-width:880px){
.bl-shNavi_col {margin-top: 60px;}
.bl-shTit {font-size: 1.05em; padding: 0.5em 0;}	
.ly-page {margin-top: 60px; padding-bottom: 10px;}
}


/* ------------------------------------------------
  Pagetopイメージ
------------------------------------------------*/

.bl-hero {
position: relative;
width: 100%;
}

.bl-hero_img {
width: 100%;
height: 450px;
line-height: 0;
overflow: hidden;
}

.bl-hero_img img {
width: 100%;
height: 100%;
object-fit: cover;
vertical-align: bottom;
}

.c-page_tit {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;	
background-color: #fff;
padding: 20px 50px 20px 50px;
border-radius: 0 10px 10px 0;
line-height: 1.2;
z-index: 2;	
}

.c-page_titMain h1 {font-size: 2.7em;}

.c-page_titMain::after {
content: "";
position: absolute;
top: 22px; 
right: 0;
bottom: 22px;
width: 6px;
background-color: #861c3c;
margin-right: 25px;	
}
.c-page_titMain_B::after {background-color: #00437c;}
.c-page_titMain_P::after {background-color: #583264;}

.c-page_tit h1 span {display: block;}
.c-page_titSub {color: #8d8d8d; font-size: 0.95em;}

.ly-container_page {
position: relative;
z-index: 1;
background-color: #fff;
margin-top: -55px; 
padding-top: 15px;
height: 80px;
border-radius: 10px 10px 0 0;	
}

@media only screen and (max-width:1200px){
.ly-container_page {
margin-top: 10px;
border-radius:0;
padding-top: 0;
height: 60px;}	
}

@media only screen and (max-width:880px){
.bl-hero_img {margin-top: 0; height: 300px;}
.c-page_tit {padding: 15px 35px 15px 20px;}
.c-page_titMain h1 {font-size: 2em; line-height:1.15em;}
.c-page_titSub {font-size: 0.85em;}
.c-page_titMain::after {
top: 15px;
bottom: 15px;
width: 4px; 
margin-right: 15px;
}
.ly-container_page {height: 50px;}
}

@media only screen and (max-width:520px){
.c-page_tit {top: 75%;}	
}


/*------------------高校TOP---------------------*/
.bl-hero_shTit_col {
background-image: linear-gradient(90deg, #c26080, #801c3a);
padding: 25px 0 85px;
color: #fff;
z-index: -1;	
position: relative;	
}
.bl-hero_shTit_colH {background-image: linear-gradient(90deg, #708cb2, #004176); }

.bl-hero_shTit_col h1 span {
display: block;
font-size: 1.7em;
line-height: 0.8em;	
opacity: .8;
margin-top: 0.3em;	
}

.bl-hero_shCopy {font-size: 1.5em; line-height: 1em;}

.ly-container02 {
max-width: 1240px;
padding: 20px 20px 40px;
margin: -60px auto 0;
z-index: 2;
background-color: #fff;
border-radius: 10px 10px 0 0;	
}

.swiper-slide_line {border: 1px solid #d2d2d2;}

.bl-shooleTop{
background-color: #f8f4ed;
background-image: url(../images/sh/triangle01.png),url(../images/sh/triangle02.png);
background-size: 7% auto, 7% auto;	
background-position: left top,right bottom;
background-repeat: no-repeat,no-repeat;
padding-top: 70px 0;	
}
.bl-shooleTop_w{background-color: #fff;}
.bl-shooleTop-H{
background-image: url(../images/jh/triangleJ01.png),url(../images/jh/triangleJ02.png);
}


.bl-shooleTop_col {
max-width: 1000px;	
padding-top: 70px;
padding-bottom: 70px;
}
.bl-shooleTop_col02{	
padding-top: 70px;
padding-bottom: 70px;
} 

.shooleTop_tit {text-align: center;	}
.shooleTop_tit p {
font-size: 3.3em;
line-height: 0.8em;	
color: #ccc;
}

.title-line {
width: 130px;
height: 8px;
background: linear-gradient(180deg, #c26080, #801c3a);
margin: 10px auto 20px; 
}
.title-lineH {
background: linear-gradient(90deg, #708cb2, #004176);
}

.bl-school-grid,.bl-exams-grid{
display: flex;
flex-wrap: wrap;
}

.bl-school-grid_item {width: 50%; border: 2px solid #fff;}
.bl-school-grid_item03 {width: 33.3333%; border: 2px solid #fff;}

/*--------------------*/
.c-bn-grid .bl-school-grid_item {width: 100%;}
/*--------------------*/

.bl-school-grid_item a:hover {opacity: 1;}

.bl-school-grid_item figure {
position: relative;
overflow: hidden; 
margin: 0;
background-color: #9d9d9d;
}

.bl-school-grid_item figure::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #9d9d9d;
mix-blend-mode: multiply;
z-index: 1;
transition: opacity 0.3s ease;
pointer-events: none;
}

.bl-school-grid_item img {
width: 100%;
display: block;
transition: transform 0.3s ease; 
}

.bl-school-grid_item a:hover figure::before,
.bl-school-grid_item figure:hover::before {
opacity: 0.5;
}

.bl-school-grid_item figcaption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; 
color: #fff;
z-index: 2;
transition: background-color 0.3s ease;
}

/*--------------*/
.c-bn-grid .bl-school-grid_item figcaption {
left: 3%;	
display: flex;
align-items: flex-start;	
}
.c-bn-grid .bl-school-grid_item figure {
border-radius: 15px;
overflow: hidden;
}
.c-bn-grid .bl-school-grid_item {border: none;}
/*--------------*/

.bl-school-grid_item h3 {
margin: 0;
text-align: center;
font-size: 1rem;
display: flex;
flex-direction: column; 
align-items: center;
z-index: 2;
line-height: 1.2em;	
}

.bl-school-grid_item h3 span::before {
content: "";
display: block;
width: 100px;  
height: 1px; 
background-color: #fff;
margin: 15px 0 10px;
}

.bl-school-grid_item h3 span {
display: flex;
flex-direction: column;
align-items: center;
font-size: 2rem;
line-height: 1.2;
}

.bl-school-grid_item figure:hover img {transform: scale(1.1); }

.bl-exams-grid {column-gap: 6%; row-gap: 30px;}

.bl-exams-grid_item {
width: 47%;
background-color: #fff;
border-radius: 0 0 30px 0;	
}

.bl-exams-grid_cap {
border: 1px solid #861c3c;
border-radius: 0 0 30px 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px;
height: 100%;
box-sizing: border-box;
}
.bl-exams-gridCap_j {border: 1px solid #00437c;}

.bl-exams-grid_cap h3 {
display: flex;
flex-direction: column;
align-items: center; 
text-align: center;
margin: 0;
width: 100%;
line-height: 1.2em;	
}

.bl-exams-grid_cap h3 span {
display: flex;
flex-direction: column;
align-items: center;
line-height: 1em;	
}

.bl-exams-grid_cap h3 span::before {
content: "";
display: block;
width: 100px;
height: 1px;
background-color: #861c3c;
margin: 10px 0 10px;
}
.bl-exams-gridCap_j h3 span::before {background-color: #00437c;}

.bl-exams-grid_cap span.school_gridC_sub {font-size: 2rem; color: #c28d9d; letter-spacing: 0;}
.bl-exams-grid_cap span.school_gridC_subJ {color: #80a1bd;}

.school_gridC_txt {
font-size: 0.9em; 
font-weight: 700;
line-height: 1.5em;	
text-align: center;	
}

.flex-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
}

.flex-row img {width: 28px;height: 28px;}

.school_grid_moreBt img {width: 84px; height: auto; margin-top: 15px;}

@media only screen and (max-width:1200px){
.ly-container02 {
padding: 0px 20px;
margin: 0 auto;
background-color: #fff;
border-radius: 0;	
}
.bl-hero_shTit_col {padding: 25px 0;}	
}

@media (min-width:880px) and (max-width:1200px)  {
.bl-shooleTop{background-image:none;}	
}

@media only screen and (max-width:880px){
.bl-shooleTop{background-size: 10% auto, 10% auto;}
.title-line {margin: 5px auto 15px;}
.bl-hero_shTit { width: 100%;}
h1.bl-hero_shTit {margin-bottom: 10px;line-height: 0.8em;}
.bl-school-grid_item h3 span {font-size: 1.7rem;}	
.bl-hero_shCopy {margin-top: 5px;}
.bl-exams-grid_cap h3{font-size: 0.9rem;}
.bl-exams-grid {column-gap: 6%;}
.bl-exams-grid_cap span.school_gridC_sub {font-size:1.7em; }
.c-bn-grid .bl-school-grid_item figcaption {
left: 0; display: flex; align-items: center;}
.bl-school-grid_item03 {width: 50%;}	
}
@media only screen and (max-width:768px){.bl-school-.grid_item03 {width: 100%;}
.bl-school-grid_item {width: 100%; border: none; margin-bottom: 15px}
}

@media only screen and (max-width:520px){
.bl-hero_shTit_col {padding: 15px 0;}	
.bl-shooleTop{background-size: 15% auto, 15% auto;}
.shooleTop_tit p {font-size: 2.2em;}
.bl-exams-grid_item{width: 100%;}	
.bl-exams-grid {row-gap: 15px;}	
}

/* ------------------------------------------------
  その他ページ
------------------------------------------------*/
.normalTit {
font-size: 2.8em;
font-weight: 600;
text-align: center;
margin-top: 50px;
margin-bottom: 35px;	
}

.image-container {
width: 100%;
height: 9px;
overflow: hidden;
position: relative;
}

.clipped-image {
position: absolute;
left: 50%;
min-width: 1200px;
height: 100%;
transform: translateX(-50%);
object-fit: cover;
}

@media only screen and (max-width:880px){
.normalTit {margin-bottom: 20px; margin-top: 10px;}	
}
@media only screen and (max-width:520px){
.normalTit {
font-size: 2.2em;	
margin-bottom: 10px;
margin-top: 0;	
}	
}	


/*----------Footer上リンクボタン----------*/
.pagelink-btn {
display: flex;
flex-wrap: wrap;
column-gap: 1.25%;
font-size: 1.05em;
padding: 0;
}
.bl-pagelink-btn {margin-top: 80px;}

.pagelink-btn li {
font-weight: 500;	
width: 19%;
padding: 0; 
border: 1px solid #861c3c;
border-radius: 0 17px 0 0;
overflow: hidden;
transition: background-color 0.3s ease, border-color 0.3s ease;	
}
.pagelink-btn_blue li {border: 1px solid #00437c;}
.pagelink-btn_purple li {border: 1px solid #583264;}

.pagelink-btn li a {
color: #861c3c;
display: flex;
justify-content: space-between;
align-items: center; 
padding: 15px 15px;
width: 100%;
height: 100%;
box-sizing: border-box;
transition: 0.2s ease-in-out;	
}

.pagelink-btn_blue li a {color: #00437c;}
.pagelink-btn_purple li a {color: #583264;}

.pagelink-btn .c-arrow span {margin-top: 0;}

.pagelink-btn li:hover {
background-color: #fce9ed;
border-color: #fce9ed;	
}
.pagelink-btn_blue li:hover {
background-color: #e3ecf7;
border-color: #e3ecf7;	
}
.pagelink-btn_purple li:hover {
background-color: #ddd8ea;
border-color: #ddd8ea;	
}

.pagelink-btn li a:hover {opacity: 1}

@media only screen and (min-width:521px){
li.pagelink-btn_oc {font-size: 0.85em; line-height: 1.3em;}
}

@media only screen and (max-width:880px){
.pagelink-btn {column-gap: 5%; grid-gap: 20px;}
.pagelink-btn li {width: 47.5%;}
.pagelink-btn li a {padding: 17px 17px;}
}
@media only screen and (max-width:520px){
.pagelink-btn {grid-gap: 10px;}	
.pagelink-btn li {width: 100%;}	
}


/*---------------左から右へ変化---------------*/
.c-link-btn a {
position: relative;
display: inline-block;
padding: 25px 90px 25px 70px;
font-size: 1.25em;
font-weight: 700;
color: #861c3c;
border: 1px solid #861c3c;
border-radius: 100vmax;
background: #fff;
overflow: hidden; 
z-index: 1; 
transition: color 0.4s ease;
}
.c-link-btn_blue a {color: #00437c;
border: 1px solid #00437c;}

.c-link-btn a::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #861c3c;
z-index: -1;
transform: translateX(-100%);
transition: transform 0.4s ease;
}
.c-link-btn_blue a::before {background-color: #00437c;}

.c-link-btn a:hover {color: #fff; opacity: 1;}

.c-link-btn a:hover::before {transform: translateX(0);}

.c-link-btn a:hover img {
  content: url("../images/common/icon_pdf_white.svg");
}

.c-linkBtn_date a:hover img {
  content: url("../images/common/icon_date_w.svg");
}

.c-link-btn img {
position: absolute;
top: 50%;
right: 70px;
transform: translateY(-50%);
z-index: 2; 
transition: 0.4s ease;
}

@media only screen and (max-width:880px){
.c-link-btn a {width: 100%; padding: 15px 30px 15px 20px; font-size: 1em;}	
}
@media only screen and (max-width:520px){
.c-link-btn img {right: 40px;}	
}

.c-eeResult-col{
font-size: 1.2em;
font-weight: 700;
text-align: center;
}
.c-eeResult-col a{color: #861c3c;}
.c-eeResult-col li,.c-eeResult01{
border-bottom: 1px solid #861c3c;
padding-bottom: 0.5em;	
}
.c-eeResult-col_blue a{color: #00437c;}
.c-eeResult-col_blue li,.c-eeResult-col_blue .c-eeResult01{
border-bottom: 1px solid #00437c;	
}

/*----------------------------------*/

.infoCont-tit::before {
content: "";
display: inline-block;
width: 16px;
height: 42px;	
background-image: url("../images/common/titHead_red.svg");
background-position: left;	
background-repeat: no-repeat;
background-size: contain;	
margin-right: 15px;
}

.infoCont-tit {
display: flex;
align-items: center;	
font-size: 1.55em;
font-weight: bold;	
padding: 5px 0 15px;
border-bottom: 1px solid #333;
margin-bottom: 22px;	
}

.infoCont-tit_blue::before {background-image: url("../images/common/titHead_blue.svg")}
.infoCont-tit_purple::before {background-image: url("../images/common/titHead_purple.svg")}

.infoCont-Dlist dt::before {
display: inline-block;
content: "";
margin-top: 7px;
margin-right: 5px;	
width: 15px;
height: 15px;
vertical-align: top;
border-radius: 7.5px;
background-color: #861c3c;
}
.infoCont-Dlist dd{margin-left: 1.3em; margin-bottom: 15px;}

table {border-collapse: collapse;}
.bl-table01 th,.bl-table01 td {
border-top: solid 1px #999999;
border-bottom: solid 1px #999999;
padding: 15px 20px;	
}
td.bl-table01_midashi {
width: 20%;
background-color: #f8f4ed;
font-weight: 700;	
}
.bl-info-cont p{text-align: justify; text-justify: inter-character;}


/*----------------------------------------*/
.c-sitepolicy li{
list-style-type: square;
margin: 20px 0 0 18px;	
}
.adobereader-col {display: flex; align-items: center; gap:10px;}

a.link_underline {text-decoration: underline; color: #583264;}

.bl-linecol_p {
border: 1px solid #583264; 
border-radius: 10px;
padding: 20px;
display: inline-block;
}

.c-sectionTit {
font-size: 2em;
color: #583264;
padding-bottom: 15px;
margin-bottom: 15px;	
border-bottom: 1px solid #b3b3b3;	
}


/*------------------スクロールイベント------------------------*/
.fadeUp,.fadeRight,.fadeLeft {
  opacity: 0;
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.fadeUp {transform: translateY(60px);}

.fadeRight {transform: translateX(80px);}

.fadeLeft {transform: translateX(-80px);}

/* 表示時 */
.fadeUp.is-active,
.fadeRight.is-active,
.fadeLeft.is-active {
  opacity: 1;
  transform: translate(0, 0);
}
/* 順番に */
.delay-1 { transition-delay: 0.2s; }
.delay-2 { transition-delay: 0.4s; }
.delay-3 { transition-delay: 0.6s; }

@media only screen and (max-width:880px){
.fadeUp,.fadeRight,.fadeLeft{opacity: 1;transform: translate(0, 0);}
.fadeUp.is-active,.fadeRight.is-active,.fadeLeft.is-active{transform: translate(0, 0);
}
}

/*--------------------採用情報--------------------*/

.u-txt_indent_wrap {
padding-left: 5em;
text-indent: -5em;
}
.u-txt_indent {
padding-left: 5.15em;
}

.c-link-btn_block_p a {
color: #583264;
border: 1px solid #583264;
display: block;
text-align: center;
padding: 15px 0;
}

.c-link-btn_block_p a:before {
background-color: #583264;
}

@media only screen and (max-width:520px){
.c-link-btn_block_p a {padding: 10px 0;}
}


/*----------------いじめ防止----------------*/

.u-ol_indent li, .u-ul_indent li {list-style: none;}

.u-ol_indent {padding-left: 1.5em;}
    
.u-ol_indent > li {
padding-left: 1em;
text-indent: -1.8em;
}
.u-ul_indent > li {
padding-left: 1em;
text-indent: -0.6em;
}


/*---------------教育理念----------------*/

.philosophy_j{width: 38%; margin-bottom: 20px;}
.philosophy_s{width: 55%;}
.greeting_left{width: 41%; margin-bottom: 30px;}
.greeting_right{width: 53%;}

.philosophy_tit {
font-size: 1.25em;
padding: 17px;
background-image: linear-gradient(90deg, #708cb2, #004176);
color: #fff;
font-weight: bold;
border-radius: 0 10px 10px 0;	
margin-bottom: 20px;	
}

.philosophy_titS {
background-image: linear-gradient(90deg, #c26080, #801c3a);
}

.philosophy_cont li {
position: relative;
padding: 5px 5px 20px 15px;
margin-bottom: 15px;
font-size: 1.25em;
line-height: 1.5em;	
border-right: 1px solid #b3b3b3;	
border-bottom: 1px solid #b3b3b3;
border-radius: 0 0 10px 0;	
}
.philosophy_cont li:before {
  content: "";
  position: absolute;
  top: .7em;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #00437c;
  border-radius: 50%;
}

.philosophyCont_red li:before {background-color: #801c3a; }

.greeting_tit {
font-size: 2.5em;
font-weight: bold;
color: #583264;
line-height: 1.3em;
letter-spacing: 0.1em;	
border-bottom: 1px solid #583264;
padding-bottom: 20px;
margin-bottom: 20px;	
}

@media only screen and (max-width:880px){
.philosophy_j,.philosophy_s,.greeting_left,.greeting_right {width: 100%;}
.greeting_left img {width: 70%;}	
}

@media only screen and (max-width:520px){
.greeting_left img {width: 100%;}
.greeting_tit {font-size: 2em;}
.philosophy_cont li {font-size: 1.1em;}
}

/*--------------------施設・設備------------------------*/

.bl-newFacility {
background-color: #f8f4ed;
padding: 0 40px 15px;	
}

.bl-newFacility_tit {
text-align: center;
background-color: #583264;
font-weight: 600;	
color: #fff;
padding: 20px;
font-size: 1.75em;
border-radius: 0 0 30px 30px;
margin-bottom: 25px;	
}

.bl-facility {row-gap: 20px;}
.bl-facility_l {width: 32%;}
.bl-facility_r {width: 66%;}

.facility_tit {
font-size: 1.1em;
border-bottom: 1px solid #333;
padding-bottom: 0.4em;
margin: 5px 0 10px;
}

.library {position: relative;}
.library_tit {
position: absolute;
bottom: -1px;
left: 5%;
z-index: 999;
}

@media only screen and (max-width: 880px){
.bl-newFacility {padding: 0 12px 10px;}
.library_tit {position: static; padding: 0 20px;}	
}
@media only screen and (max-width: 880px){
.library_tit {padding: 0;}	
}

/*--------------パノラマビュー-------------*/
.street_view {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 72.5555555556%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
.street_view { padding-top: 160%;}
}

.street_view iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*--------------沿革・校歌------------------*/

.bl-table_history {
    border-collapse: separate;
    border-spacing: 5px 0;
    width: 100%;
}

.bl-table_history tr {
    border-bottom: 1px solid #9e9e9e;
}
    
.bl-table_history tr th {
    padding: 8px 7px 8px 20px;
    border-bottom: 1px solid #9e9e9e;
    font-weight: normal;
    width: 170px;
}
    
.bl-table_history tr td {
    padding: 8px 7px 8px 20px;
    border-bottom: 1px solid #9e9e9e;
}

.bl-table_history tr:nth-child(2n) {background-color: white;}

.bl-table_history tr:nth-child(2n+1) {background-color: #f8f4ed;}

.u-table_top {border-top: 1px solid #9e9e9e;}

.u-table_img {
width: 500;
margin-right: 20px;	
}
.bl-schoolSong_col{
display: flex;
justify-content: center;
}

.bl-schoolSong {
writing-mode: vertical-rl;	
font-size: 1.55em;
line-height: 2.5em;
}

 @media only screen and (max-width:880px){
.u-table_img {width: 300px;}
}
@media only screen and (max-width:520px){
.bl-table_history tr th {
padding: 8px 5px;	
width: 35%;
font-size: 0.85em;
letter-spacing: 0;	
}
.bl-table_history tr td {font-size: 0.9em; padding: 8px 5px;}	
.u-table_img {width: 200px;}
.bl-schoolSong {
writing-mode: vertical-rl;	
font-size: 1.2em;
line-height: 2em;}	
}
    


/*------------------在校生・保護者の方へ------------------*/
.bl-accordion {
margin-bottom: 40px;
border: 1px solid #a895af;	
border-radius: 0 10px 0 0;
}

.bl-accordion summary {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
padding: 1em 1em;
color: #583264;
font-size: 1.375em;	
font-weight: 600;
cursor: pointer;
border-left: 15px solid #583264;	
}

.bl-accordion[open] summary {
border-bottom: 1px solid #a895af;
}

.bl-accordion summary::-webkit-details-marker {
display: none;
}

.bl-accordion summary::after {
transform: translateY(-25%) rotate(45deg);
width: 7px;
height: 7px;
margin-left: 10px;
border-bottom: 3px solid #333333b3;
border-right: 3px solid #333333b3;
content: '';
transition: transform .3s;
}

.bl-accordion[open] summary::after {
transform: rotate(225deg);
}

.bl-accordion .bl-accordion-cont {
transform: translateY(-10px);
opacity: 0;
margin: 0;
padding: 2em 2.5em 0;
transition: transform .5s, opacity .5s;
}

.bl-accordion[open] .bl-accordion-cont {
transform: none;
opacity: 1;
}

.c-tit_underL {
border-bottom: 1px solid #333;
padding-bottom: 7px;
margin-bottom: 10px;	
}

.c-link-btnS_purple a {
display:block;
padding: 12px 45px 12px 30px;
font-size: 0.875em;
font-weight: 700;
color: #583264;
border: 1px solid #583264;
border-radius: 100vmax;
background: #fff;
overflow: hidden; 
z-index: 1; 
transition: color 0.4s ease;
}

.c-link-btnS_purple {position: relative;}
.c-link-btnS_purple img {
position: absolute;
top: 45%;
right: 25px;
transform: translateY(-50%);	
}

.c-grade-tit {
padding: 10px 15px;
margin-bottom: 20px;
color: #fff;
font-size: 1.125em;	
background-image: linear-gradient(90deg, #00437c 80%, #ffffff);	
}

.download-form {gap: 20px 5%;}
.txt-indent{
text-indent: -1em;
padding-left: 1em;
}

.scholarship-btn {
display: flex;
flex-wrap: wrap;
gap: 10px;}

@media only screen and (max-width:520px){
.bl-accordion .bl-accordion-cont {padding: 1em 1em 0;}
	.c-link-btnS_purple {width: 100%;}	
.c-link-btnS_purple a {padding: 12px 45px 12px 15px;}	
}

/*------------------faq------------------------*/

.bl-accordion-faq {
margin-bottom: 40px;
border: 1px solid #b3b3b3;	
border-radius: 12px 10px 0 0;
}

.bl-accordion-faq summary {
display: flex;
justify-content: space-between;	
align-items: center;
position: relative;
cursor: pointer;	
}
.bl-accordion-faq summary img{width: 7%;}
.bl-accordion-faq summary h3{
font-weight: 500;
font-size: 1.125em;
line-height: 1.2em;	
width: 85%;
padding-left: 20px;	
}

.bl-accordion-faq[open] summary {
border-bottom: 1px solid #b3b3b3;	
}

.bl-accordion-faq summary::-webkit-details-marker {
display: none;
}

.bl-accordion-faq summary::after {	
transform: translateY(-25%) rotate(45deg);
width: 7px;
height: 7px;
margin: 0 5% 0 3%;	
border-bottom: 3px solid #333333b3;
border-right: 3px solid #333333b3;
content: '';
transition: transform .3s;
}

.bl-accordion-faq[open] summary::after {
transform: rotate(225deg);
}

.bl-accordion-faq .bl-accordion-cont {
transform: translateY(-10px);
opacity: 0;
margin: 0;
padding: 1.5em 2em 1.5em 0;	
transition: transform .5s, opacity .5s;
display: flex;
column-gap: 20px;
align-items: center;	
}
.faq-a {width: 7%;}
.faq-a_txt {
width: 93%;
text-align: justify;
text-justify: inter-character;	
}

.bl-accordion-faq[open] .bl-accordion-cont {
transform: none;
opacity: 1;
}

.c-round-btn {
display: inline-block;
font-weight: bold;
border: 1px solid #8d8d8d;	
border-radius: 100vmax;
padding: 0.5em 2em;
}
.c-roundBtn_red {border: 1px solid #861c3c;}
.c-roundBtn_red a {color: #861c3c;}

/* 高校　Q&A */
.bl-frame_solid {
border: 1px solid #861c3c;
border-radius: 5px;
padding: 10px 20px 0px 20px;
}

.bl-frame_solid .col2 {margin-bottom: 0px;}


@media only screen and (max-width:880px){
.bl-accordion-faq .bl-accordion-cont {
display: block;
padding: 0.7em 1.5em 1.5em 0;		
}
.faq-a {width: 7%;}
.faq-a_txt {width: 100%; padding-left: 1.5em;}	
}

@media only screen and (max-width:520px){
.bl-accordion-faq summary img {width: 15%;}
.faq-a {width: 15%;}	
.bl-accordion-faq summary h3{padding-left: 10px; width: 65%;}
.bl-accordion-faq summary::after {margin-right: 5%;}
}


/*------------------合格実績　中学------------------*/

/*見出し　グラデーション角丸*/
.c-tit_gradation {
display: inline-block;
max-width: 500px;
margin-right: auto;margin-left: auto;
padding: 8px 60px;
background-image: linear-gradient(90deg, #708cb2, #004176);
border-radius: 9999px;
color: #fff;
}

/*合格状況トップ　テーブル*/
.bl-table_col4 {
width: 24.5%;
font-size: 0.9em;
font-weight: bold;
border-right: 0.8px #9d9d9d solid;
border-bottom: 0.8px #9d9d9d solid;
align-items: center;
}

.u-table_txtA {
background-color: #861c3c;
color: #fff;
width: 80%;
text-align: left;
padding: 10px 0 10px 15px;
height: 100%;
}

.u-table_txtB {
color: #861c3c;
width: 20%;
text-align: center;
}

.u-table_txtA_pink {
background-color: #fef1ed;
color: #861c3c;
}

.u-black {color: #333;}

.u-flex_gap {
row-gap: 10px;
}
    
@media only screen and (max-width:880px){
.bl-table_col4 {
width: 48.7%;}
}

/*合格状況一覧　テーブル*/
.bl-table_col5 {
width: 20%;
font-size: 0.9em;
font-weight: bold;
border: 0.8px #9d9d9d solid;
align-items: center;
}

.u-table_txtC {
background-color: #f5f4ed;
width: 80%;
text-align: center;
padding: 10px 0;
height: 100%;
align-items: center;
}

.u-table_txtD {
width: 20%;
text-align: center;
}
    
@media only screen and (max-width:880px){
.bl-table_col5 {width: 50%;}
}

.u-table_other {
margin-top: 20px;
margin-left: 15px;
align-items: flex-end;
}

/*テーブル罫線*/
.bl-table_col5 {border-width: 0.8px 0.8px 0 0;}
.d-flexB .bl-table_col5:nth-of-type(5n+1) {border-left: 0.8px #9d9d9d solid;}
.bl-table_col5_bdB {border-bottom: 0.8px #9d9d9d solid;}

@media only screen and (max-width: 880px){
.bl-table_col5 {border-width: 0 0.8px 0.8px 0;}
.d-flexB .bl-table_col5:nth-of-type(5n+1) {border-left: 0px #9d9d9d solid;}
.d-flexB .bl-table_col5:nth-of-type(2n+1) {border-left: 0.8px #9d9d9d solid;}
.bl-table_col5_bdT {border-top: 0.8px #9d9d9d solid;}
}

/*線グラデーション　見出し*/
.c-tit_gradation_line {
display: flex;
align-items: center;
width: 100%;
text-align: center;
gap: 20px;
position: relative;
}

.c-tit_gradation_line:before,.c-tit_gradation_line:after {
content: "";
flex-grow: 1;
height: 8px;
}

.c-tit_gradation_line:before {
background: linear-gradient(to right, transparent, #9d9d9d);
}

.c-tit_gradation_line:after {
background: linear-gradient(to right, #9d9d9d, transparent);
}

/*合計人数*/
.u-back_pink {
background-color: #fef1ed;
display: inline-block;
font-weight: 600;
padding: 3px 12px;
}

/* 高校　合格実績 */
.c-tit_gradation_red {
background-image: linear-gradient(90deg, #c26080, #801c3a);
}

/*指定校推薦*/
.u-achievementsS_table dt {
border: 2px solid #861c3c;
color: #861c3c;
text-align: center;
margin-bottom: 8px;
font-weight: 600;
padding: 5px 0;
}
    
.u-achievementsS_table dd {margin-bottom: 25px;}

.col4B {width: 23.8%;}

@media only screen and (max-width: 880px){
.col4B {width: 48.5%}
}

@media only screen and (max-width: 520px){
.col4B{width: 100%;}
}

/*橘大学*/
.c-list_tit {
font-weight: bold;
color: #861c3c;
ont-size: 1.25rem;
}

.c-list-maru li ul li:before {content: none;}
    
.c-list-maru li ul li {margin-left: 0.1rem;}

.bl-beige_back {
background-color: #f8f4ed;
padding: 40px 40px;
border-radius: 10px;
}
@media only screen and (max-width: 520px){
.bl-beige_back {padding: 20px 40px;}
}

/*-----------------------------*/
.c-studentV_nameL {
border-right: 1px solid #fff;
padding-right: 15px;
margin-right: 15px;	
}

.c-studentV_tit02 {
position: relative;
padding: 1rem 2rem 1.5rem;
border-bottom: 2px solid #cdcece;
border-left: 2px solid #cdcece;
border-radius: 0 0 0 20px;
margin-bottom: 30px;	
}

.c-studentV_tit02:before,.c-studentV_tit02:after {
position: absolute;
left: 150px;
height: 0;
width: 0;
border: solid transparent;
content: "";
}

.c-studentV_tit02:before {
top: 100%;
margin-left: -10px;
border-color: transparent;
border-top-color: #cdcece;
border-right-color: #cdcece;
border-width: 10px	
}

.c-studentV_tit02:after {
top: 99%;
margin-left: -8px;
border-color: transparent;
border-top-color: white;
border-right-color: white;
border-width: 8px;	
}

.c-studentV_tit02 {
background-image: url(../images/achievements/voice_q.svg);
background-repeat: no-repeat;
background-position: 10px 0;	
}

.c-studentV_maincopy {
background-image: linear-gradient(#f4dadd, #ffffff);
padding: 30px;
font-size: 1.68em; 
font-weight: 600;	
}

@media only screen and (max-width: 520px){
.c-studentV_nameL {
width: 100%;	
border-right: none;
border-bottom: 1px solid #fff;
padding-bottom: 5px;
margin-bottom: 7px;
}	
}


/*---------------------アクセス----------------------　*/

.infoCont-Dlist_P dt::before {
background-color: #583264;
}
    
.u-Tleft {text-align: left;}

.bl-access_back {
display: inline-block;
background-color: #f3ebf4;
padding: 20px 40px;
border-radius: 10px;
}
    
.bl-access_Img {
width: 70%;
height: auto;
}

.bl-access_Imgframe {
border: 2px  solid #9d9d9d;
padding: 60px;
border-radius: 15px;
}

@media only screen and (max-width: 880px){
.bl-access_Img {width: 100%;}
.bl-access_Imgframe {
padding: 0px;
border: none;
border-radius: 0;	
}
}
@media only screen and (max-width: 520px){
.bl-access_back {padding: 15px;}
}

/*-------------------クラブ---------------------*/

.bl-tab-container {
}

.tab-buttons {display: flex;}

.tab-btn {
width: 50%;	
padding: 15px 20px;
cursor: pointer;
border: none;
background: #f8f4ed;
font-size: 1.375em;
transition: 0.3s;
border-radius: 10px 10px 0 0;
border-right: 2px solid #fff;	
border-bottom: 2px solid #861c3c;
-webkit-appearance: none; /* Safari用のリセット */
appearance: none;  /* 標準のボタン装飾を解除 */
color: #333333;		
}
 
.tab-btn.active {
background: #fff;
color: #861c3c;
border-top: 2px solid #861c3c;
border-left: 2px solid #861c3c;
border-right: 2px solid #861c3c;
border-bottom: 2px solid #fff;	
}

.tab-content {
display: none;
border-top: none;
 }

.tab-content.active {display: block;}

.tab-btn_blue {border-bottom: 2px solid #00437c;}
.tab-btn_blue.active {
color: #00437c;
border-top: 2px solid #00437c;
border-left: 2px solid #00437c;
border-right: 2px solid #00437c;
}

.c-clubLink li{
font-size: 0.9em;	
padding: 0 15px;
border-right: 1px solid #9d9d9d;
margin-bottom: 10px;	
}

span.clubLink_arrow {
position: relative;
display: inline-block;
width: 13.7px;
height: 7.4px;
}

.clubLink_arrow::before,
.clubLink_arrow::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 0.5px);
  width: 1px;
  height: 10px;
  border-radius: 9999px;
  background-color: #333333;
  transform-origin: 50% calc(100% - 0.5px);
}

.clubLink_arrow::before {transform: rotate(45deg);}

.clubLink_arrow::after {transform: rotate(-45deg);}

@media only screen and (max-width:520px){
.tab-btn {font-size: 1em;}	
.c-clubLink li {font-size: 0.8em;}	
}

.bl-club-card {
display: flex;
flex-wrap: wrap;
column-gap: 5%;
row-gap: 40px;
}
.clubCard_col {
width: 47.5%;
border: 1px solid #9d9d9d;
padding: 20px;	
}
.clubCard_col_S {width: 47.5%;}

.clubCard_tit_col {
background-image: linear-gradient(90deg, #c26080, #801c3a);
height: 58px;
color: #fff;
border-radius: 0 0 20px 0;
position: relative;
margin-bottom: 18px;	
}
.clubCardtit_tit_blue {
background-image: linear-gradient(90deg, #708cb2, #004176);}

.clubCard_tit {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 10px;	
}

.clubCard_tit span{
font-size: 75px;
position: absolute;
top: 0;
left: -10px;
opacity: 0.2;	
}

.clubCard_img img {vertical-align: bottom;}

table {border-collapse: collapse;}
.bl-table01 th,.bl-table01 td {
border-top: solid 1px #999999;
border-bottom: solid 1px #999999;
padding: 15px 20px;	
}
td.bl-table01_midashi {
width: 20%;
background-color: #f8f4ed;
font-weight: 700;	
}

table.clubCard_table {
width: 100%; 
margin-top: 18px;
table-layout: fixed;
font-size: 0.9em;	
}

.clubCard_table th {
background-color: #efefef;
font-weight: normal;
text-align: center;	
}

.clubCard_table td {
border-bottom: solid 1px #999999;
text-align: center;}

.clubCard_table th,.clubCard_table td {
border-right: solid 1px #999999;	
padding: 4px 2px;
}

.clubCard_table th:last-child,.clubCard_table td:last-child {border-right:none}

.clubCard_table th:last-child {background-color: #cccccc;}

.c-arrow_link a {color: #861c3c; line-height: 1.3em;}
.c-arrow_link_blue a {color: #00437c;}
.c-arrow_link{height: 30px;}

.clubCard_tit span.club-tit_LL{font-size: 65px;}

@media only screen and (max-width:1200px){
.clubCard_col {padding: 20px;}	
}

@media (min-width: 881px) and (max-width: 1200px){
.clubCard_tit span.club-tit_long {
transform: scaleX(0.7);
transform-origin: left;	
}
.clubCard_tit span.club-tit_LL {
font-size: 50px;	
transform: scaleX(0.8);
transform-origin: left;	
}	
}

@media only screen and (max-width:880px){
.clubCard_col,.clubCard_col_S {width: 100%;}	
}

@media only screen and (max-width:520px){
.bl-club-card {row-gap: 50px;}	
.clubCard_col {border: none; padding: 0;}	
.clubCard_tit span{display: none}	
}


/*--------------------学校行事---------------------*/

.c-diagonal-col {
  display: flex;
  width: 100%;
  overflow: hidden;
}

.c-diagonal-img_left,
.c-diagonal-img_right {
  width: 56%; 
  flex-shrink: 0;
}

.c-diagonalImg_left,
.c-diagonalImg_right {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.c-diagonalImg_left {
  clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);}

.c-diagonal-img_right {margin-left: -11.3%; }

.c-diagonalImg_right {
  clip-path: polygon(20% 0, 100% 0, 100% 100%, 0% 100%);}

.c-youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.c-youtube iframe {
  width: 100%;
  height: 100%;
}

.bl-event_txt {
width: 50%;	
padding-left: 30px;
background-image: linear-gradient(#f8f4ed, #ffffff);
}
.bl-event_img {width: 50%;}

.bl-event .col2{margin-bottom: 0;}

.bl-event_txt_blue {
background-image: linear-gradient(#efefef, #ffffff);
}

@media only screen and (max-width:767px){
.bl-event_txt,.bl-event_img {width: 100%;}
.bl-event_img02{order: 2;}
.bl-event_txt02{order: 1;}	
}


/*-------------------制服----------------------*/
.bl-uniform_col {
background-image: linear-gradient(#f8f4ed, #ffffff);
padding: 25px 25px 0;
margin-top: -7px;	
}

.bl-uniform_txt dt {
font-size: 1.25em;
font-weight: 700;
border-bottom: 1px solid #861c3c;
color: #861c3c;
padding-bottom: 10px;
margin-bottom: 10px;	
}

.bl-uniform_txt {margin-bottom: 22px;}

.bl-uniformCommon_tit {
display: flex;
align-items: center;
font-size: 1.75em;
font-weight: 600;	
}

.bl-uniformCommon_col {
background-image: url("../images/uniform/uniformS_back.jpg");
padding: 30px 0 10px 0;	
}

/* 中学　制服 */
.bl-uniform_txt_blue dt {
border-bottom: 1px solid #00437c;
color: #00437c;
}

.bl-uniformCommon_col_J {
background-image: url("../images/uniform/uniformJ_back.jpg");
padding: 30px 0 10px 0;	
}

/*-----------------学生の一日----------------*/

.u-pink {color: #e3acb3;}

.bl-dayCol p {text-align: justify; text-justify: inter-character;}

.bl-dayCol_m {
background-image: url("../images/about/day_back.svg");
background-repeat: repeat-y;
background-position: center top;
background-size: 14px 6px;	
}

.bl-dayCol_l,.bl-dayCol_r {width: 46%;}
.bl-dayCol_m {width: 8%;}

.bl-dayCol_tit {
font-size: 1.5em;
border-bottom: 2px dotted #c9caca;
padding-bottom: 10px;
margin-bottom: 8px;
position: relative;	
}

.bl-dayCol_time {
display: inline-block;
font-weight: bold;
background-color: #fbe0d2;
border-radius: 100vmax;
padding: 0.2em 0.8em;
font-size: 0.8em;
color: #808080;
position: absolute;
right: 0;	
}

.bl-dayCol2 {margin-top: -250px;}
.bl-dayCol3 {margin-top: -150px;}
.bl-dayCol4 {margin-top: -50px;}
.bl-dayCol5 {margin-top: -250px;}

@media only screen and (max-width:880px){
.bl-dayCol_tit {font-size: 1.2em;}	
.bl-dayCol_l,.bl-dayCol_r {width: 90%; padding-left: 10px;}
.bl-dayCol_m {width: 10%;}	
.bl-dayCol_m {order: 1;}	
.bl-dayCol_l {order: 2;}
.bl-dayCol_r {order: 3;}
.bl-dayCol2,.bl-dayCol3,.bl-dayCol4,.bl-dayCol5	{margin-top: 0;}
.bl-dayCol2 .bl-dayCol_l,.bl-dayCol4 .bl-dayCol_l {display: none;} 	
}
@media only screen and (max-width:520px){
.pb-3{padding-bottom: 30px;}	
}


/*----------固定page-------------*/

.bl-page-tit{text-align: center;}
.page-tit {
color: #861c3c;
font-size: 1.75em;
margin-bottom: 1.3em;
letter-spacing: 0.15em;
line-height: 1.4em;
font-weight: 600;	
}
.page-tit_blue {color: #00437c;}
.page-tit_purple {color: #583264;}
	
.page-tit_sub {
font-size: 1.2em;
line-height: 2em;
}


/*-----------------*/
.section-tit {
font-size: 1.75em;
margin-top: 40px;
font-weight: 600;
line-height: 1.5em;	
}
@media only screen and (max-width:520px){
.section-tit {font-size: 1.5em;}
.page-tit_sub {font-size: 1.1em;}	
}


/*-------------------教育内容----------------------*/

/*--------3年間の流れ-----------*/
.col3 {width: 32%}
.col3-2 {width: 66%; margin-bottom: 20px;}
.col3-1 {width: 29%; margin-bottom: 20px;}

.c-english_tit {
font-size: 3.6em;
text-align: center;
margin-bottom: 0.4em;
line-height: 1em;	
}

.c-section_subtit {
font-size: 1.3em;
font-weight: bold;
color: #801c3a;
margin-bottom: 20px;
line-height: 1.5em;	
}
.c-sectionSubtit_t {color: #583264;}
.c-sectionSubtit_red {color: #801c3a;}

.c-solidC-tit {
font-size: 1.25em;
font-weight: bold;
color: #fff;
background-color: #801c3a;
padding: 18px 5px 18px 15px;
border-radius: 0 25px 0 0;
margin-bottom: 23px;	
}

.c-underL_dot {
border-bottom: 2px dotted #8d8d8d;
padding-bottom: 10px;
margin-bottom: 10px;	
}

.c-solidCol {
background-color: #f8f4ed;
padding: 25px 15px;
border-radius: 15px 15px 0 0;	
}

.c-studentV {
position: relative;
margin-bottom: 40px;
border-bottom: 1px solid #801c3a;
}
.c-studentV_teacher {border-bottom: 1px solid #666666;}

.c-studentV img {
width: 35%;
height: auto;
vertical-align: bottom;	
}

.clubCard_col_S .c-studentV img {width: 50%;}
.col2 .c-studentV_teacher img {width: 25%;} 

.c-studentV_tit {
position: absolute;
bottom: 10px;	
right: 0;
font-weight: bold;
font-size: 1.2em;
color: #801c3a;	
}
.clubCard_col_S .c-studentV_tit {bottom: 5px;}

.c-studentVTit_teacher{color: #666666;}

.c-studentV_name {
font-size: 0.9em;
padding: 15px;
background-color: #f5d7d8;	
}
.c-studentV_name_t {background-color: #583264; color: #fff;}
.c-studentV_name_red {background-color: #861c3c; color: #fff;}

.c-studentV_name span.name{
font-weight: bold;
font-size: 19px;	
}

.c-studentV_txt {
padding: 40px 40px 40px 20px;
background-image: linear-gradient(90deg, #ffffff, #f8f4ed);
border-radius: 0 0 40px 0;	
}
.c-studentV_txtT {
padding: 40px 40px 0 20px;	
background: linear-gradient(rgba(255,255,255,1),rgba(0,0,0,0));
border-radius: 0 40px 0 0;	
}
.c-studentV_txt02T {
padding: 40px 40px 40px 20px;	
background: linear-gradient(90deg,rgba(255,255,255,1),rgba(0,0,0,0));
border-radius: 0 0 0 40px;	
}

@media only screen and (max-width:880px){
.col3-2,.col3-1{width: 100%;}
.c-studentV_txt {padding: 40px 20px 40px 0;}		
.c-studentV_txtT {padding: 20px 20px 0 20px;}
.col3{width: 48%; margin-bottom: 30px;}
.col3:last-child {margin-bottom: 0;}
.c-studentV_txtT {border-radius: 0 0 20px 0;}	
}

@media only screen and (max-width:520px){
.c-english_tit {font-size: 2.8em;}	
.c-studentV_tit {bottom: 0; font-size: 1em;}
.c-studentV img {width: 50%;}
.col2 .c-studentV_teacher img {width: 35%;}	
.c-studentV_txt {
padding: 20px 15px 30px 15px; background-image: linear-gradient(90deg, #ffffff, #f8f4ed);
border-radius: 0 0 20px 0;	
}
.c-studentV_txt02T {padding: 40px 20px 40px 20px;}	
.col3{width: 100%;}	
}
	
/*------------------探究---------------------*/

.c-inquiry_top {text-align: center;}
.c-inquiry_tit {
background-image: linear-gradient(90deg, #c26080, #801c3a);
color: #fff;
font-size: 1.87em;
line-height: 1.3em;	
padding: 30px 10px;
border-radius: 0 30px 0 0;
font-weight: bold;	
}
.c-inquiry_tit_B {background-image: linear-gradient(90deg, #708cb2, #004176);}

.c-inquiry_txt {
background-color: #f7f5ec;
padding: 30px 15px;
border-radius: 0 0 0 30px;	
}

.c-inquiry_main {
font-size: 2.3em;
text-align: center;
line-height: 1.5em;
color: #801c3a;
padding: 40px 0;	
border-top: 1px solid #801c3a;
border-bottom: 1px solid #801c3a;
font-weight: bold;	
}
.c-inquiry_main_B {color: #004176;	
border-top: 1px solid #004176;
border-bottom: 1px solid #004176;}

.c-inquiry_tit02 {
font-size: 1.25em;	
font-weight: bold;
margin-bottom: 20px;
color: #801c3a;
position: relative;
padding-left: 15px;	
}
.c-inquiry_tit02_B {color: #004176;}

.c-inquiry_tit02:before {
content: "";
display: block;	
width: 7px;
height: 30px;
background-color: #801c3a;
position: absolute;
left: 0;
}
.c-inquiry_tit02_B:before {background-color: #004176;}

.bl-voice_col,.bl-beige_col {
background-color: #f8f4ed;
padding: 50px 0;	
}

.c-studentV_L {width: 40%;}
.c-studentV_R {width: 56%;}

.student_illust {width: 28%;}
.brackets_l {width: 6%; margin-left: 4%;}
.brackets_r {width: 6%;}
.student_illust_txt {width: 56%; padding: 5px;}

.brackets_l{
border-left:1px solid #8d8d8d;
border-top:1px solid #8d8d8d;
border-bottom:1px solid #8d8d8d;
border-radius: 10px 0 0 10px;	
}
.brackets_r{
border-right:1px solid #8d8d8d;
border-top:1px solid #8d8d8d;
border-bottom:1px solid #8d8d8d;
border-radius: 0 10px 10px 0;	
}

.c-list-maru li:before {
content:  "";
width:  12px;
height:  12px;
display:  inline-block; 
background-color: #ebbcb7;
border-radius:  50%;
margin-right: 5px;	
}
.c-list-maru_blue li:before{background-color: #b1c8e5;}
.c-list-maru_purple li:before{background-color: #a895af;}

.c-list-maru li {padding-left: 1em;
  text-indent: -1em;}

.c-list-maru_gray li:before {background-color: #999999;}

.c-list-maru_red li:before {background-color: #861c3c;}


@media only screen and (max-width:880px){
.c-studentV_L,.c-studentV_R {width: 100%;} 	
}

@media only screen and (max-width:520px){
.c-inquiry_tit {font-size: 1.6em;}	
.c-inquiry_main{font-size: 1.5em;}
.student_illust {width: 100%; text-align: center;}
.brackets_l {width: 6%; margin-left: 0;}
.brackets_r {width: 6%;}
.student_illust_txt {width: 80%; padding: 5px;}	
}

/*-------------ASTEM-------------------*/

.astem-tit {
font-size: 1.875em;
line-height: 1.4em;	
}

.astem-content {
background-color: #fff;
padding: 35px;
border-radius: 20px;
display: flex;
flex-wrap: wrap;
gap: 20px 5%;	
}

.astem-content02{
display: flex;
flex-wrap: wrap;
gap: 20px 4%;	
}

.astem-content_l {width: 39%;}
.astem-content_r {width: 56%;}
.astem-content02_l {width: 53%;}
.astem-content02_r {width: 43%;}

.c-underline_tit {
padding: 1em 0 0;	
position: relative;
border-top: 1px solid #9d9d9d;
background: 0;
border-radius: 0;
margin-top: 15px; 	
}

.c-underline_tit:before {
content: ".";
line-height: 0;
display: block;
overflow: hidden;
position: absolute;
top: -2px;
width: 15%;
border-bottom: 3px solid #861c3c;
}

.c-underline_tit_B:before {border-bottom: 3px solid #00437c;}
.c-underline_tit_P:before {border-bottom: 3px solid #583264;}

.astem-number {
background-repeat: no-repeat;
height: 150px;
display: flex;	
}

.astem-number_tit {
font-size: 1.75em;
line-height: 1.3em;	
font-weight: bold;
margin-top: 10px;	
}

.astem-number01 {
background-image: url(../images/sh_education/astem01.svg);	
}
.astem-number02 {
background-image: url(../images/sh_education/astem02.svg);	
}
.astem-number03 {
background-image: url(../images/sh_education/astem03.svg);	
}

.astem-figre {
display: flex; 
gap: 10px 2.5%;
}

.c-studentV_name_blue2 {background-color: #004176;color: #fff;}
.c-sectionSubtit_blue {color: #004176;}

@media only screen and (max-width:880px){
.astem-content_l,.astem-content_r,.astem-content02_l,.astem-content02_r{width: 100%;}
}

@media only screen and (max-width:520px){
.astem-tit {font-size: 1.6em;}
.astem-figre {flex-wrap: wrap;}	
}

/*---------　中学　グローバル教育　-------------*/

.c-global-tit {
font-size: 1.25em;
font-weight: bold;
color: #fff;
background-image: linear-gradient(270deg, #c26080, #801c3a);
padding: 18px 5px 18px 15px;
border-radius: 0 25px 0 0;
margin-bottom: 23px;	
}

.c-global-tit_B {
background-image: linear-gradient(270deg, #708cb2, #004176);
}

.c-dot {
  position: relative;
  padding-left: 20px;
}

.c-dot::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #708cb2;
}

.bl-global_text {
background-color: #f8f4ed;
padding: 15px 15px 15px 22px;
border-radius: 10px;
margin-top: 8px;
}

.c-studentV_tit_B {color: #004176;}
.c-section_subtit_B {color: #004176;}
.c-studentV_name_B {background-color: #b9c8e3;}
.c-studentV_B {border-bottom: 1px solid #004176;}

.bl-pickUp_G {
background-color: #f7f5ec;
padding: 90px 40px 0;
border-radius: 0 0 30px 30px;
position: relative;
border-top: 3px solid #00437c;	
}

.bl-pickUpG-tit {
position: absolute;
top:-73.5px;
left: 50%;
transform: translateX(-50%);
width: 390px;	
}

@media only screen and (max-width:520px){
.bl-pickUp_G {padding: 50px 18px 0;}
.bl-pickUpG-tit {top:-45px; width: 250px;}	
}


/*---------------橘みらい講座------------------*/

.bl-image-grid_l {width: 52.9%;}
.bl-image-grid_r {width: 47.1%;}
.bl-image-grid_l img,.bl-image-grid_r img {border: 1px solid #fff;}

.bl-mirai-course_l {
width: 10%;
font-size: 1.25em;
background-color: #861c3c;
color:#fff;
text-align: center;
font-weight: bold;	
padding-top: 35px;	
}
.bl-mirai-course_l p {writing-mode: vertical-rl;
 display: inline-block;}

.bl-mirai-course_r{
width: 90%;	
background-color: #f8f4ed;
padding: 35px 20px;
border-radius: 0 20px 20px 0;	
}

.c-pickup {
position: relative;	
display: flex;	
}

.c-pickup img {width: 20%;}
.c-pickup_tit {
width: 80%;	
position: absolute;
top: 45%;
transform: translateY(-45%);
right: 0;	
border-bottom: 1px solid #861c3c;	
}
.c-pickup_tit p {text-align: right;}

.bl-mirai-card {
background-color: #fff;
padding: 0 30px 30px;
border-radius: 0 0 30px;
border-right: 2px solid #861c3c;
border-bottom: 2px solid #861c3c;	
}

@media only screen and (max-width:520px){
.bl-image-grid_l,.bl-image-grid_r {width: 100%;}	
.c-pickup img {width: 40%;}
.c-pickup_tit {width: 60%;}	
}

/*-------------中学　人間力の育成------------*/

.u-character_list li {
    display: inline-block;
    background-color: #b9c8e3;
    font-weight: bold;
    margin-bottom: 8px;
    padding: 2px 12px;
    border-radius: 7px;
    }


/*---------------入試イベント・オープンキャンパス------------------*/

.bl-opc-card {
position: relative;	
border: 2px solid #cccccc;
padding: 25px 17px;	
}

.bl-opc-card_corner img {
position: absolute;
bottom: -2px;
right: -2px;
z-index: 999;
width: 30px;	
}

.bl-opc_date{width: 52%;}
.bl-opc_txt{width: 45%;}

.bl-opc_tit {
font-size: 1.5em;
border-bottom: 3px solid #861c3c;
color: #861c3c;
padding-bottom: 10px;
margin-bottom: 40px;	
}

.bl-opcDate {
font-size: 3.5em;
margin-bottom: 15px;
line-height: 0.5em;	
}

.bl-opcTime {
font-size: 1.15em;
font-weight: bold;
background: #f8f4ed;	
border-radius: 100vmax;
margin: 20px auto 0;
padding: 0.35em;
}

.bl-opc_txt li {font-size: 0.9em;}

@media only screen and (min-width:881px){
.bl-opcDate_L{
transform: scale(0.85, 1);
transform-origin: top left;
width: 115%;
}
}

/*---------------*/
.bl-schoolinfoS {display: flex; flex-wrap: wrap;}

.bl-schoolinfoS_l {width: 30%;}
.bl-schoolinfoS_r {
width: 70%;	
background-color: #f6ddce;
display: flex;
justify-content: center;
padding: 35px 30px;
}
.bl-schoolinfoS_r li {margin-bottom: 7px;}

.schoolinfoS_3-2{width: 66.6%;}
.schoolinfoS_3-1{width: 33.4%; border-left: 1px solid #333; padding-left: 20px;}

.schoolinfoS_3-2_l {width: 50%; padding: 0 15px;}

.c-line_gray {
padding: 30px 30px;
border: 1px solid #999999;
border-radius: 15px;	
}

@media only screen and (max-width:880px){
.bl-schoolinfoS_l,.bl-schoolinfoS_r {width: 100%;}
.schoolinfoS_3-2,.schoolinfoS_3-1{width: 100%;}
.schoolinfoS_3-1{
border-top: 1px solid #333;
border-left: none; 
margin-top: 15px; 
padding-left: 15px;
padding-top: 15px;	
}
.schoolinfoS_3-2_l {width: 50%;}
}

@media only screen and (max-width:520px){
.bl-schoolinfoS_r {padding: 15px 10px;}	
.bl-opc_date,.bl-opc_txt{width: 100%;}
.bl-opc_date{margin-bottom: 10px;}
.c-line_gray {padding: 20px 15px;}	
}

/*---------------中学------------------*/
/*日程*/
.bl-opcTime_blue {background: #dee7ee;}
.bl-opc_tit_blue {border-bottom: 3px solid #004176; color: #004176;}

.bl-opc-card_j {
position: relative;	
border: 2px solid #cccccc;
padding: 25px 15px 35px;
margin-bottom: 40px;
}

.opc-col4 {width: 23%;}

.bl-opcDate_J {line-height:0.8em;}

/*学校説明会*/
.c-list-maru_blue02 li:before{background-color: #004176;}

.col2C {width: 50%;}   

.bl-schoolinfoJ_b {
background-color: #dee7ee;
padding: 25px 10px;
}

.bl-schoolinfoJ_col3{
width: 33.3%;
border-left: 1px solid #333;
padding-left: 20px;
padding-right: 10px;
}
.bl-schoolinfoJ_col3:first-child{border-left: none;}

@media only screen and (max-width:880px){
.opc-col4 {width: 48%;}	
.col2C{width: 100%;}	
.bl-schoolinfoJ_b {
width: 100%;
padding: 30px 10px;}
}

@media only screen and (max-width:520px){
.opc-col4 {width: 100%;}
.bl-schoolinfoJ_col3 {width: 50%; border-left: none;}
.bl-opc-card_j {margin-bottom: 15px;}	
.bl-opcDate_J {font-size: 3.7em;}	
.bl-schoolinfoJ_b {padding: 20px 0;}
}


/*-----------------------高校3年間の流れ----------------------*/

.bl-program3-col {
display: flex;
flex-wrap: wrap;
gap: 15px 5%;
}

.bl-program3_l {width: 35%;}
.bl-program3_r {width: 60%;}

.bl-program3_l p {
font-size: 1.1em;
line-height: 2em;	
}

.c-redbox {
display: inline-block;
font-size: 1.1em;
font-weight: bold;
color: #fff;	
background: #861c3c;	
border-radius: 100vmax;
padding: 0.35em 1.5em;
}
.c-redbox_purple{background: #583264;}

.aim-college li {
display: inline-block;
border-left: 2px solid #861c3c;
border-bottom: 2px solid #861c3c;
padding: 8px 0 10px 15px;
margin: 0 10px 17px 0;
font-weight: bold;	
}
.aim-college_p li{border-color:#583264; }

.bl-feature {
background-color: #fff;
padding: 0 20px 20px;
border-top: 10px solid #861c3c;
position: relative;	
}
.bl-feature_p {border-color:#583264; }

.bl-feature p {text-align: justify; text-justify: inter-character;}

.feature-icon {
position: absolute;
top: -53px;
left: 0;	
}

.bl-feature_tit {
margin-top: 35px;
font-size: 1.6em;
font-weight: 600;	
}

@media screen and (max-width: 880px) {
.bl-program3_l,.bl-program3_r{width: 100%;}
.bl-feature {margin-top: 20px;}	
}

	
	
/*-----------------------6年間の流れ----------------------*/
.vcourse {
color: #00437c;
font-size: 2.8em;
border-top: 1px solid #00437c;
border-bottom: 1px solid #00437c;
padding: 17px 0;
margin-bottom: 20px;	
}

.c-round-tit {
display: inline-block;
font-size: 1.15em;
font-weight: bold;
border: 1px solid #8d8d8d;	
border-radius: 100vmax;
margin-bottom: 20px;
padding: 0.5em 1em;
}

/*----------------動画-------------------*/
.responsive-video {
  width: 100%; 
  max-width: 2000px;
  height: auto; 
  display: block;
  margin: 0 auto;
}

/*----------sitemap------------*/
.current-menu-item {margin-bottom: 20px;}
.has-child ul li {padding-left: 16px;}
.wp-block-page-list li {padding-bottom: 10px;}
.wp-block-page-list .list-bold {font-weight: bold; border-bottom: 1px solid #8d8d8d; margin-bottom: 15px; display: block; padding-bottom: 5px; color: #583264;}
.has-child li,.page-list_arrow li {
display: flex;
align-items: center;
gap: 0 10px;
padding: .3em;
}

.has-child li::before,.page-list_arrow li::before {
transform: rotate(-45deg);
width: .4em;
height: .4em;
border-bottom: 2px solid #583264;
border-right: 2px solid #583264;
content: '';
}

/*----------------横スクロールバー-------------------*/

@media screen and (max-width: 767px) {
.custom-scroll-container {
width: 100%;
padding-bottom: 15px;	
}

/* 【重要】画像が画面幅に合わせて縮小されるのを防ぎ、
本来のサイズ（例: 800px）を維持して横はみ出し（スクロール）を発生させます。*/
.scroll-content img {
display: block;
max-width: none; 
}

/* --- SimpleBarのデザインカスタマイズ（iPhone用に見やすく調整） --- */

/* 1. スクロールバー全体の通り道（トラック）の背景をうっすらグレーにする */
.simplebar-track.simplebar-horizontal {
background-color: rgba(0, 0, 0, 0.05);
height: 12px;
}

.simplebar-scrollbar::before {
background-color: rgba(0, 0, 0, 0.5) !important;
border-radius: 6px;
top: 2px;
bottom: 2px;
opacity: 1 !important; /* 強制的に不透明度を1にして常時表示 */
}

.simplebar-scrollbar.simplebar-visible::before {
  opacity: 1 !important;
}
.scroll-content img {width: 768px; max-width: none;}
}

@media screen and (max-width: 520px) {
.scroll-contentS img {width: 600px; max-width: none;}	
}

/*------------------スクロールイベント------------------------*/

/* ふわっと表示 */
.opacity-slowly{
display: block;
animation-name: page-aninme;
animation-delay: .3s;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-fill-mode: forwards;
opacity: 0;
}

@keyframes page-aninme {
0% {opacity: 0;}
100% {opacity: 1;}
}

/*=================================
 動き
===================================*/
.fadeIn{
animation-name:fadeInAnime;
animation-duration:3s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(70px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/*----------------リニューアル告知---------------------*/
.maintenance {
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    background-color: #f5f7fa;
    line-height: 1.8;
    padding: 40px 20px;
}

/* コンテナ（枠線）の設定 */
.maintenance-container {
    max-width: 680px;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

/* ヘッダー */
.main-header {
    text-align: center;
    margin-bottom: 30px;
    border-bottom: 3px solid #333333;
    padding-bottom: 15px;
}

.main-header h1 {
    font-size: 24px;
    color: #333333;
}

/* 導入テキスト */
.intro-text {
    margin-bottom: 30px;
}

.intro-text p {
    margin-bottom: 15px;
}

.intro-text .lead {
    font-weight: bold;
    font-size: 18px;
    color: #d9534f; /* 注意を引くための薄い赤系 */
    text-align: center;
    margin-bottom: 20px;
}

/* 区切り線 */
.separator {
    border: none;
    border-top: 1px solid #e0e0e0;
    margin: 30px 0;
}

/* イベント情報 */
.event-info h2 {
    font-size: 20px;
    color: #583264;
    margin-bottom: 20px;
    text-align: center;
}

.info-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 30px;
}

.info-table th, .info-table td {
    padding: 12px;
    border-bottom: 1px solid #eeeeee;
    text-align: left;
    vertical-align: top;
}

.info-table th {
    width: 25%;
    font-weight: bold;
    color: #555555;
}

.note {
    font-size: 14px;
    color: #d9534f;
    display: inline-block;
    margin-top: 5px;
}

/* ボタンの設定 */
.btn-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.btn {
    display: block;
    text-align: center;
    padding: 15px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 4px;
    transition: background-color 0.3s;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.btn-chugaku {
    background-color: #708cb2; /* 中学用のカラー */
}

.btn-chugaku:hover {
    background-color: #00437c;
}

.btn-koukou {
    background-color: #c26080; /* 高校用のカラー */
}

.btn-koukou:hover {
    background-color: #861c3c;
}

/* フッター（お問い合わせ） */
.contact-info {
    text-align: center;
    background-color: #f8f9fa;
    padding: 20px;
    border-radius: 6px;
}

.contact-info h3 {
    font-size: 16px;
    margin-bottom: 10px;
}

.contact-info .tel {
    font-size: 22px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 5px;
}

.closing {
    margin-top: 20px;
    font-weight: bold;
}

/* スマートフォン向けの調整 */
@media (max-width: 576px) {
    body {
        padding: 20px 10px;
    }
    .maintenance-container {
        padding: 20px;
    }
    .main-header h1 {
        font-size: 20px;
    }
    .info-table th, .info-table td {
        display: block;
        width: 100%;
        padding: 6px 0;
    }
    .info-table th {
        border-bottom: none;
    }
}