@charset "UTF-8";

/*
CSS Document
Copyright (C) GLOBAL ASSET MOTIONS CO., LTD All Rights Reserved.
URL:www.glam.ne.jp
*/



@import url("common.css");


/* ----------------------------------------------------------
  second-general
---------------------------------------------------------- */
    
.second_top_area{
    /*padding: 10vw 3vw;*/
    /*background-image: url("../guidance/img/top_img_01.webp");*/
   /* background-size: cover;*/
  /*  background-position: center;*/
    position: relative;
     background-attachment: fixed;
    height: 40vh;
	min-height: 400px;
    
    /*background-size: contain;*/
    background-repeat: no-repeat;
}

.guidance_top{
   background-image: url("../guidance/img/top_img_02.webp"); 
    background-size: 100%;
}

.life_top{
    background-image: url("../life/img/top_img_02.webp"); 
    background-size: 100%;
}
.information_top{
    background-image: url("../admission/img/top_img_02.webp"); 
    background-size: 100%;
}
.letter_top{
    background-image: url("../document/img/top_img_02.webp"); 
    background-size: 100%;
}
.contact_top{
    background-image: url("../contact/img/top_img_02.webp"); 
    background-size: 100%;
}


.second_top_area::before {
  content: "";
  position: absolute;
  top: 0;  bottom: 0;
  left: 0;  right: 0;
  background: black;
  opacity:0.2;
}

.second_top_title{
    position: absolute;
    left: 3vw;
    bottom: 2vh;
    z-index: 2;
}

 h2.second_top_title_en{
    color: var(--blue);
    font-size: 1.5rem;
    font-family: "BIZ UDPGothic", sans-serif;
    font-weight: 700;
    font-style: normal;
}


    
h2.second_top_title_ja{
    font-size: 3rem;
    /*color: var(--blue);*/
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.1em;
        
}

h3.second_title{
    color: var(--blue);
    font-size: 1.5rem;
    letter-spacing: 0.1em;
    margin-bottom: 3vw;
}

h3.second_ct_title {
  font-weight: bold;
  border-bottom: 1px solid var(--blue);
  padding: 0.3em;
  margin-bottom: 5vw;
  position: relative;
    font-size: 1.8rem;
     letter-spacing: 0.1em;
}

h3.second_ct_title::before {
  content: '';
  background-color: #fff;
  width: 20px;
  height: 3px;
  position: absolute;
  left: 30px;
  bottom: -3px;
}
h3.second_ct_title::after {
  content: '';
  background-color: var(--blue);
  width: 20px;
  height: 1px;
  transform: rotate(50deg);
  position: absolute;
  left: 26px;
  bottom: -9px;
}

h4.second_sub_title{
	padding: 0 0.5em;/*上下 左右の余白*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px var(--blue);/*左線*/
	font-weight: 600;
	font-size: 1.3rem;
    margin-bottom: 1.5rem;
     letter-spacing: 0.1em;
}



.seconnd_last_button{
   margin-top: 10vw; 
}



.pdf_data{
    background-image: url("../common/pdf.png");
    background-repeat: no-repeat;
    background-size: auto 2.5rem;
    background-position: left center;
    padding: 0.5rem 0 0.7rem 3rem;
    width: 45%;
}

.pdf_data a{
    color: #333;
	padding-bottom: 0.1em;
	border-bottom: 1px solid #333;
}

.pdf_data a:hover{
    color: var(--blue);
	border-bottom: none;
}

.pdf_data_3row{
    width: 30%;
}


/*----------------------------------       breadcrumbs*/

ul.breadcrumbs_list{
    margin-left: 3vw;
    margin-top: 1vw;
}

ul.breadcrumbs_list li{
    display: inline-block;
    padding: 0 0.5vw;
}

ul.breadcrumbs_list li a{
    color: #333;
}

ul.breadcrumbs_list li a:hover{
    color: var(--blue);
}
    

/* ----------------------------------------------------------
  guidance
---------------------------------------------------------- */

/*----------------------------------       Greeting*/

.principal_right{
    width: fit-content;
    margin: 3vw 0 0 auto;
}

.principal_name{
    text-align: right;
}


.principal_name > span{
  font-family: "Yuji Syuku", serif;
  font-weight: 400;
  font-style: normal;    
    font-size: 1.5rem;
}


/*----------------------------------     Introduction*/

p.objective_text{
	font-size: 1.5rem;
	font-weight: 600;
	text-align: center;
	color: var(--blue);
    letter-spacing: 0.1em;
}

ul.objective_flex{
    align-items: flex-start;
}

ul.objective_flex li{
	width: 45%;
}

p.com_objective01{
   text-indent: -1em;
   padding-left: 1em; 
    font-size: 1.1rem;
}

p.com_objective01:last-child{
    margin-top: 0.5rem;
}

p.com_attitude{
    font-size: 1.3rem;
}




.parentheses_box{
    position: relative;
    text-align: center;
}

.parentheses_box_border{
    position: absolute;
    border: solid 2px #333;
    z-index: 2;
    height: 98%;
    width:42vw;
    min-width: 710px;
    top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}

p.parentheses_text{
    position: relative;
    top: 0;
    left: 50%;
      transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
    z-index: 3;
    width: 40vw;
    min-width: 680px;
    background-color: #fff;
    padding: 2rem 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--blue);
    letter-spacing: 0.1em;
    
}

p.parentheses_text span{
    font-size: 1.1rem;
}




.policy_box{
    margin-bottom: 3vw;
}

p.policy_com_indent{
    text-indent: -1.5em;
   padding-left: 1.5em; 
}


.overview_flex{
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.overview_text_arae{
    width: 50%;
}




table.line_table{
  border-collapse: collapse;
  width: 100%;
    margin-bottom: 3vw;
}



table.line_table th,
table.line_table td{
	padding: 1em 0 1em 0.5em;
}

table.line_table th{
	font-weight: 500;
    border-bottom:1px solid var(--blue);
}

table.line_table td{
	border-bottom:1px solid #add9ef;
}

table.line_table th.top{
    vertical-align: top;
}

table.line_table th span.th_sp{
    display: none;
}


.overview_box{
    margin-top: 3vw;
    width: 47%;
}


.overview_image_arae{
    width: 47%;
    background-image: url("../home/slider_01.webp");
    background-size: cover;
    background-position: bottom right;
}

/*----------------------------------       Emblem*/

.emblem_flex{
    flex-wrap: nowrap;
}

.emblem_img{
    width: 20%;
}

.emblem_img img{
    width: 100%;
}

.school_song_area{
    writing-mode: vertical-rl;
    margin: 0 auto 3vw;
}

p.lyric_title{
    font-size: 1.5rem;
    padding-left: 2vw;
}

p.composer{
    text-align: right;
    padding-left: 2vw;
}
p.lyric{
   text-indent: -2em;
   padding-top: 2em; 
    margin-left: 2vw;
}

p.lyric:last-child{
    margin-left: 0;
}

.sheet_music{
    width: 50vw;
    max-width: 500px;
    margin: 0 auto;
}


.uniform_flex{
    flex-wrap: nowrap;
    justify-content: flex-start;
}

.uniform_img{
    width: 30%;
    max-width: 250px;
}

.uniform_img img{
    width: 100%;
    max-width: 250px;
}

ul.uniform_point{
    padding: 1.5vw 1vw;
    margin: 1.5vw 0;
    
    
    background-color: var(--r_blue02);
}

/*----------------------------------     Alumni*/
.alumni_flex{
    align-items: flex-start;
}

.alumni_text_area{
    width: 50%;
}

.alumni_image_area{
    width: 45%;
}

.alumni_image_area img{
    width: 100%;
    object-fit: cover;
}

.alumni_text_box{
    padding: 2vw;
    background-color: var(--r_blue02);
}

/* ----------------------------------------------------------
  school life
---------------------------------------------------------- */

/*----------------------------------       Course*/
.course_container {
	display: grid; /* グリッドレイアウト */
   grid-template-columns: 100px 50px 1fr;
     grid-template-rows: max-content max-content;
    margin-top: 3vw;
}

.grade01{
   	grid-row: 1 / 2;
	grid-column: 1 / 2; 
   /* background-color: var(--r_blue);*/
/*    color: #fff;*/
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1vw;
    border-radius: 10px; 
    
   /* background-color: #d66fa0;*/
	border: solid 1px #d66fa0;
}

.course_arrow01{
   	grid-row: 1 / 2;
	grid-column: 2 / 3;   
    display: flex;
    justify-content: center;
    align-items: center;
}

p.course_arrow{
    width: 10px;
    height: 10px;
    border-top: 10px solid var(--blue);
    border-right: 10px solid var(--blue);
    border-bottom: 10px solid #fff;
    border-left: 10px solid #fff;
    transform: rotate(45deg) translateX(-50%);
}

.grade01_content{
   	grid-row: 1 / 2;
	grid-column: 3 / 4;   
    border: solid 1px var(--blue);
    padding: 1vw;
    margin-bottom: 1vw;
}

.grade02_03{
   	grid-row: 2 / 4;
	grid-column: 1 / 2; 
   /* background-color: var(--r_blue);*/
/*    color: #fff;*/
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    
    /*background-color: #f9f871;*/
	border: solid 1px #a14299;
}

.course_arrow02{
   	grid-row: 2 / 3;
	grid-column: 2 / 3;  
    display: flex;
    justify-content: center;
    align-items: center;
}

.course_arrow03{
   	grid-row: 3 / 4;
	grid-column: 2 / 3;     
    display: flex;
    justify-content: center;
    align-items: center;
}

.grade02_03_content01{
   	grid-row: 2 / 3;
	grid-column: 3 / 4;     
    border: solid 1px var(--blue);
    padding: 1vw;
    margin-bottom: 1vw;
}

.grade02_03_content02{
   	grid-row: 3 / 4;
	grid-column: 3 / 4;  
    border: solid 1px var(--blue);
    padding: 1vw;
}

.course_title01,
.course_title02{
    font-weight: 600;
    font-size: 1.3rem;
}

.course_title01{
    color: #ef654d;
}

.course_title02{
    color: #3bc08e;
}


.career_flex{
    /* align-items: stretch;*/
}

.career_content_box{
    background-color: rgba(249, 248, 113, 0.2);
    padding: 2vw;
    margin-top: 2vw;
}

.certificate_img{
    width: 30%;
    /*box-shadow: 3px 0px 0px var(--blue);*/
    /*height: inherit;*/
    height: auto;
    aspect-ratio: 1 / 0.751;
}

.certificate_img img{
    width: 100%;
    height: inherit;
    object-fit: cover;
    aspect-ratio: 1 / 0.751;
}

.career_text{
    width: 65%;
}

p.career_text_title span{
    font-size: 1.3rem;
    color: #d66fa0;
}

/*----------------------------------       Syllabus*/

.syllabus_flex{
    margin-top: 3vw;
}

.syllabus_flex::after{
  content:"";
  display: block;
  width:30%;
}


/*----------------------------------       Event*/

.schedule_pdf{
	/*margin-bottom: 2vw;*/
}


.caption{
    margin: 1.5rem 0 2rem;
}



.schedule_flex{
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
	margin-top: 3vw;
}


.schedule_time{
	width: 100px;
	height: 100px;
	border-radius: 50vh;
	background-color: var(--blue);
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 1.5rem;
}

.schedule_content{
	position: relative;
	padding: 3vw 2vw;
	
	width: calc(100% - (100px + 2vw));
}

.schedule_content::before{
	background-color: var(--blue);
    content: "";
    position: absolute;
    top: 80px;
	bottom: -50px;
	left: calc(-50px - 2vw);
    width: 2px;

}

.schedule_img_flex{
	column-gap: 0;
}

.schedule_img{
	width: 45%;
	margin-top: 2vw;
}

.schedule_img img{
	width: 100%;
}

/* ----------------------------------------------------------
 admission
---------------------------------------------------------- */
/*----------------------------------       Selection*/

table.selection_table col.selection_table_col{
    width: 200px;
}

/*----------------------------------       Orientation*/

ul.orientation_item li{
    margin: 3vw 0;
}
p.orientation_sp{
    display: none;
}

ul.orientation_item li{
    display: flex;
    align-items: center;
}


ul.orientation_item li.no_flex{
    display: block;
}

p.orientation_content_border{
	padding: 0 0.5em;/*上下 左右の余白*/
  background: transparent;/*背景透明に*/
  border-left: solid 5px var(--blue);/*左線*/
	font-weight: 600;
	font-size: 1.3rem;
    margin-bottom: 1.5rem;
     letter-spacing: 0.1em;
}

p.orientation_content{
  background: transparent;/*背景透明に*/
	font-weight: 600;
	font-size: 1.3rem;
    margin-bottom: 1.5rem;
     letter-spacing: 0.1em;
}


.orientation_item_left{
	width: 50%;
}

.orientation_item_right{
	width: 45%;
}

.orientation_item_right img{
	width: 100%;
}

table.orientation_table{
  border-collapse: collapse;
  width: 100%;
    margin-bottom: 3vw;
}



table.orientation_table th,
table.orientation_table td{
	padding: 1em 0 1em 0.5em;
}

table.orientation_table th{
	font-weight: 500;
    border-bottom:1px solid var(--blue);
}

table.orientation_table td{
	border-bottom:1px solid #add9ef;
}


.orientation_image_flex{
	margin-top: 3vw;
}

.image_item{
	width: 47%;
}

.image_item img{
	widows: 100%;
}

/*----------------------------------       Path*/


p.path_top02{
    font-size: 2rem;
    padding-bottom: 1rem;
}

p.path_top_sub02{
    font-size: 1rem;
    background-color: #fff;
    position: relative;
    z-index: 3;
    width: 40vw;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding-bottom: 2rem;
}



.path_top_arae{
    background-image: url("../common/logo_a.png");
    background-color: rgba(255,255,255,0.9);
    background-blend-mode: lighten;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height:400px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 480px;
    margin: 0 auto;
}


.path_top_img01,
.path_top_img02{
    position: absolute;
/*    width: 15vw;
    max-width: 250px;
    min-width: 200px;*/
    width: 250px;
    border-radius: 10px;
}

.path_top_img01{
    top: 50px;
    right: -250px; 
}

.path_top_img02{
    bottom: -10px;
    left: -250px; 
}

.path_top_img01 img,
.path_top_img02 img{
    width: 100%;
    border-radius: 10px;
}


p.path_top{
    font-size: 2rem;
    padding-bottom: 1rem;
    text-align: center;
    font-weight: 600;
    color: var(--blue);
}

p.path_top_sub{
    font-size: 1.2rem;
    text-align: center;
}

ul.path_flex{
    align-items: stretch;
    margin-top: 3vw;
}

ul.path_flex li{
    width: 45%;
    background-color: var(--r_blue02);
    padding: 1vw;
}

p.path_text{
    font-size: 1.2rem;
    color: var(--blue);
    font-weight: 500;
    margin-bottom: 0.5vw;
}

p.color01{
    color: #ef654d;
}

p.color02{
    color: #3bc08e;
}

p.color03{
    color: #e365a3;
}

p.color04{
    color:#a14299;
}

table.path_table{
      table-layout: fixed;
}

/*.path_table_th{
    min-width: 300px;
}*/

table.path_table .path_table_col{
    width: 180px;
}



/* ----------------------------------------------------------
 Letter
---------------------------------------------------------- */

.letter_flex::after{
  content:"";
  display: block;
  width:30%;
}





/* ----------------------------------------------------------
  contact
---------------------------------------------------------- */

.contact_flex{
	grid-column-gap: 0;
	align-items: stretch;
	margin-bottom: 5vw;
}

.contact_left{
	width: 40%;
	padding: 1rem;
	background-color: var(--r_blue);
	display: flex;
	align-items: center;
}

.contact_right{
	width: 60%;
	padding: 1rem;
	background-color: var(--r_blue02);
    font-weight: 600;
    font-size: 1.2rem;
}

.contact_right span.tel{
	font-weight: 600;
}

/* ----------------------------------------------------------
  privacy
---------------------------------------------------------- */
h4.privacy_title{
    margin-top: 2.5rem;
}

/* 

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    TABLET

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



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

/* ----------------------------------------------------------
  second_top
---------------------------------------------------------- */
    .second_top_area{
        
        max-height: 400px;
    }

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

.guidance_top{
/*   background-image: url("../guidance/img/top_img_02.webp"); 
    background-size: contain;*/
     background-image: url("../guidance/img/top_img_01.webp");
}  
    
    }
    
    
@media only screen and (max-width: 730px){
.life_top{
/*    background-image: url("../life/img/top_img_02.webp"); 
    background-size: 100%;*/
     background-image: url("../life/img/top_img_01.webp"); 
}
    
    
.information_top{
/*    background-image: url("../admission/img/top_img_02.webp"); 
    background-size: 100%;*/
background-image: url("../admission/img/top_img_01.webp"); 
} 
	
.letter_top{
/*    background-image: url("../document/img/top_img_02.webp"); 
    background-size: 100%;*/
	background-image: url("../document/img/top_img_01.webp"); 
}	

.contact_top{
/*    background-image: url("../contact/img/top_img_02.webp"); 
    background-size: 100%;*/
    background-image: url("../contact/img/top_img_01.webp"); 
}
    
    }

h2.second_top_title_en{
/*    color: var(--blue);
    font-size: 1.5rem;
    font-family: "BIZ UDPGothic", sans-serif;
    font-weight: 700;
    font-style: normal;*/
    font-size:clamp(18px, 3vw, 24px);
}
    
h2.second_top_title_ja{
/*    font-size: 3rem;
    font-weight: 600;
    color: #fff;*/
    font-size:clamp(38px, 5vw, 48px);
        
}	
    
h3.second_ct_title {
/*  font-weight: bold;
  border-bottom: 1px solid var(--blue);
  padding: 0.3em;
  margin-bottom: 3vw;
  position: relative;
    font-size: 1.5vw;*/
    font-size:clamp(23px, 3vw, 28px);
    margin-bottom: 6vw;
}
h3.second_ct_title::before {
/*  content: '';
  background-color: #fff;
  width: 20px;
  height: 3px;
  position: absolute;
  left: 30px;
  bottom: -3px;*/
}
h3.second_ct_title::after {
/*  content: '';
  background-color: var(--blue);
  width: 20px;
  height: 1px;
  transform: rotate(50deg);
  position: absolute;
  left: 26px;
  bottom: -9px;*/
}
    
    
/*----------------------------------       breadcrumbs*/

ul.breadcrumbs_list li{
/*    display: inline-block;
    padding: 0 0.5vw;*/
}

ul.breadcrumbs_list li a{
/*    color: #333;*/
}

ul.breadcrumbs_list li a:hover{
   /* color: var(--blue);*/
}
    
    
 /* ----------------------------------------------------------
  second_menu
---------------------------------------------------------- */   
    ul.box_3row_second li{
        width: 45%;
    }
    
    @media only screen and (max-width: 700px){
        
           ul.box_3row_second li{
        width: 100%;
    } 
         
        
    }
    
/* ----------------------------------------------------------
  guidance
---------------------------------------------------------- */
    
/*----------------------------------     Introduction*/      

p.objective_text{
/*	font-size: 1.5rem;
	font-weight: 600;
	text-align: center;
	color: var(--blue);*/
    font-size: clamp(22px, 3vw, 24px);
}  
    
    

.parentheses_box{
/*    position: relative;
    text-align: center;*/
}

.parentheses_box_border{
/*    position: absolute;
    border: solid 2px #333;
    z-index: 2;
    height: 98%;
    width:42vw;
    top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);*/
    width: 700px;
    max-width: 92vw;
    min-width: auto;
}

p.parentheses_text{
/*    position: relative;
    top: 0;
    left: 50%;
      transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
    z-index: 3;
    width: 40vw;
    background-color: #fff;
    padding: 2rem 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--blue);*/
    font-size: clamp(22px, 3vw, 24px);
    width: 680px;
    max-width: 88vw;
    min-width: auto;
    
}

p.parentheses_text span{
  /*  font-size: 1.1rem;*/
}

@media only screen and (max-width: 900px){  
.overview_flex{
/*    display: flex;
    width: 100%;
    justify-content: space-between;*/
    flex-wrap: wrap;
}

.overview_text_arae{
   /* width: 50%;*/
    width: 100%;
}




table.line_table{
/*  border-collapse: collapse;
  width: 100%;
    margin-bottom: 3vw;*/
}



table.line_table th,
table.line_table td{
	/*padding: 1em 0 1em 0.5em;*/
}

table.line_table th{
/*	font-weight: 500;
    border-bottom:1px solid var(--blue);*/
}

table.line_table td{
	/*border-bottom:1px solid #add9ef;*/
}

table.line_table th.top{
 /*   vertical-align: top;*/
}
    

.overview_image_arae{
/*    width: 47%;
    background-image: url("../home/slider_01.webp");
    background-size: cover;
    background-position: bottom right;*/
    width: 100%;
    height: 40vh;
}


}
    
 @media only screen and (max-width: 800px){  
 
ul.objective_flex li{
	/*width: 45%;*/
    width: 100%;
}
       

p.com_objective01:last-child{
 /*   margin-top: 0.5rem;*/
    margin-top: 1vw;
    margin-bottom: 2rem;
}   
     
     
.overview_box{
/*    margin-top: 3vw;
    width: 47%;*/
    
    width: 100%;
    margin-top: 3rem;
}
       
}

 @media only screen and (max-width: 1000px){
   
   /*----------------------------------       Emblem*/  
     
     .emblem_flex{
         flex-wrap: wrap;
         grid-row-gap: 2vw;
     }
     

.emblem_img{
  /*  width: 20%;*/
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
}

.emblem_img img{
   /* width: 100%;*/
     max-width: 200px;
}

     
    }
    
 @media only screen and (max-width: 870px){    
     
     
.school_song_area{
/*    writing-mode: vertical-rl;
    margin: 0 auto 3vw;*/
     writing-mode: horizontal-tb;
}

p.lyric_title{
/*    font-size: 1.5rem;
    padding-left: 2vw;*/
    text-align: center;
    padding-left: 0;
    padding-bottom: 2vw;
}

p.composer{
/*    text-align: right;
    padding-left: 2vw;*/
    text-align: center;
    padding-left: 0;
    padding-bottom: 2vw;
}
p.lyric{
/*   text-indent: -2em;
   padding-top: 2em; 
    margin-left: 2vw;*/
     writing-mode: vertical-rl;
/*    margin-left: 0;
    margin-bottom: 2vw;*/
    margin: 0 auto 2vw;
    
}

p.lyric:last-child{
  /*  margin-left: 0;*/
    margin: 0 auto;
}

.sheet_music{
/*    width: 50vw;
    max-width: 500px;
    margin: 0 auto;*/
    width: 100%;
    max-width: none;
}
     
     .sheet_music img{
         width: 100%;
     }

.uniform_flex{
/*    flex-wrap: nowrap;*/
    flex-wrap: wrap;
    grid-row-gap: 2vw;
}

.uniform_img{
/*    width: 30%;
    max-width: 250px;*/
    width: 100%;
    margin: 0 auto;
}

.uniform_img img{
/*    width: 100%;
    max-width: 250px;*/
}

.uniform_point{
/*    padding: 2vw 0;*/
}   
     
    }
 
 @media only screen and (max-width: 800px){   
 
/*----------------------------------     Alumni*/
.alumni_flex{
   /* align-items: flex-start;*/
    margin-bottom: 3rem;
}

.alumni_text_area{
    /*width: 50%;*/
    width: 100%;
}

.alumni_image_area{
    /*width: 45%;*/
    width: 100%;
    height: 40vh;
}

.alumni_image_area img{
/*    width: 100%;
    object-fit: cover;*/
     height: 40vh;
}

.alumni_text_box{
/*    padding: 2vw;
    background-color: var(--r_blue02);*/
    
    padding: 1.5rem 1rem;
}
   
 
}
    
  @media only screen and (max-width: 800px){       
/* ----------------------------------------------------------
  school life
---------------------------------------------------------- */   
/*----------------------------------       Course*/    
.career_flex{
    /* align-items: stretch;*/
}

.career_content_box{
/*    background-color: rgba(249, 248, 113, 0.2);
    padding: 2vw;
    margin-top: 2vw;*/
    padding: 1.5rem 2rem;
    margin-top: 1.5rem;
}

.certificate_img{
/*    width: 30%;
    height: auto;
    aspect-ratio: 16 / 9;*/
    
    width: 100%;
    order: 2;
}

.certificate_img img{
/*    width: 100%;
    height: inherit;
    object-fit: cover;
    aspect-ratio: 16 / 9;*/
}

.career_text{
   /* width: 65%;*/
    width: 100%;
    order: 1;
}

p.career_text_title span{
/*    font-size: 1.3rem;
    color: #d66fa0;*/
}

 }
    
  @media only screen and (max-width: 1000px){      
/* ----------------------------------------------------------
 admission
---------------------------------------------------------- */
/*----------------------------------       Selection*/

table.selection_table col.selection_table_col{
    width: 130px;
}    
    
}
	

.orientation_item_left{
	/*width: 50%;*/
	width: 60%;
}

.orientation_item_right{
	/*width: 45%;*/
	width: 35%;
}
    
  @media only screen and (max-width: 800px){    
table.selection_table col.selection_table_col{
    width: 100%;
    display: block;
}
      
 
      table.selection_table{
          display: block;
          table-layout: auto;
          width: 90vw;
      }      
      
      table.selection_table tr,
      table.selection_table th,
       table.selection_table td{
          display: block;
           width: 90vw;
      }
      
      table.selection_table th.selection_table_sp,
      table.selection_table td.selection_table_sp{
          display: table;
          width: 44vw;
      }
      
      
      
 /*----------------------------------       Orientation*/

ul.orientation_item li{
    margin: 2.5rem 0 0 0;
}

	  
.orientation_item_left{
	/*width: 50%;*/
	/*width: 60%;*/
	width: 100%;
}

.orientation_item_right{
	/*width: 45%;*/
	/*width: 35%;*/
	width: 100%;
}
      
}
	


      
  @media only screen and (max-width: 1000px){ 
 /*----------------------------------       path*/

.path_top_arae{
/*    background-image: url("../common/logo.png");
    background-color: rgba(255,255,255,0.9);
    background-blend-mode: lighten;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height:30vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 480px;
    margin: 0 auto;*/
    height: 550px;
}


.path_top_img01,
.path_top_img02{
/*    position: absolute;
    width: 250px;
    border-radius: 10px;*/
}

.path_top_img01{
/*    top: 50px;
    right: -250px; */
    top: 0;
    right: -100px;
}

.path_top_img02{
/*    bottom: -10px;
    left: -250px; */
    left: -100px;
}

.path_top_img01 img,
.path_top_img02 img{
/*    width: 100%;
    border-radius: 10px;*/
}


p.path_top{
/*    font-size: 2rem;
    padding-bottom: 1rem;
    text-align: center;
    font-weight: 600;
    color: var(--blue);*/
}

p.path_top_sub{
/*    font-size: 1.2rem;
    text-align: center;*/
}

      

ul.path_flex{
/*    align-items: stretch;
    margin-top: 3vw;*/
}

ul.path_flex li{
/*    width: 45%;
    background-color: var(--r_blue02);
    padding: 1vw;*/
    width: 48%;
}
      
      
    }
    
@media only screen and (max-width: 700px){ 
 /*----------------------------------       path*/
    
    .path_content{
        padding-top: 1rem;
    }

.path_top_arae{
/*    background-image: url("../common/logo.png");
    background-color: rgba(255,255,255,0.9);
    background-blend-mode: lighten;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height:30vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 480px;
    margin: 0 auto;*/
    /*height: 550px;*/
    height: auto;
    padding: 5rem 0 2rem;
    width: 100%;
    flex-direction: column;
    background-position: top center;
    background-size: 300px;
}


.path_top_img01,
.path_top_img02{
/*    position: absolute;
    width: 250px;
    border-radius: 10px;*/
    position: relative;
    width: 100%;
}

.path_top_img01{
/*    top: 50px;
    right: -250px; */
/*    top: 0;
    right: -100px;*/
    top: 0;
    right: 0;
}

.path_top_img02{
/*    bottom: -10px;
    left: -250px; */
 /*   left: -100px;*/
    top: 0;
    left: 0;
}

.path_top_img01 img,
.path_top_img02 img{
/*    width: 100%;
    border-radius: 10px;*/
}


p.path_top{
/*    font-size: 2rem;
    padding-bottom: 1rem;
    text-align: center;
    font-weight: 600;
    color: var(--blue);*/
    font-size: 1.5rem;
}

p.path_top_sub{
/*    font-size: 1.2rem;
    text-align: center;*/
    margin-bottom: 3rem;
    font-size: 1.1rem;
}
    
    
ul.path_flex{
/*    align-items: stretch;
    margin-top: 3vw;*/
    margin-top: 0;
}

ul.path_flex li{
/*    width: 45%;
    background-color: var(--r_blue02);
    padding: 1vw;*/
    /*width: 48%;*/
    width: 100%;
}
    
    table.path_table th{
        padding: 1em 0.2em;
    }
 
    
table.path_table .path_table_col{
    width: 150px;
}


    }
    

}
/*** TA END ***/









/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++

    SMART PHONE

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



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

    
    
    
    

/* ----------------------------------------------------------
  second_top
---------------------------------------------------------- */
	
.second_top_area{
		min-height: auto;
    }
 .guidance_top{
/*   background-image: url("../guidance/img/top_img_02.webp"); 
    background-size: contain;*/
    /* background-image: url("../guidance/img/top_img_01.webp");*/
}    
    

h2.second_top_title_en{
/*    color: var(--blue);
    font-size: 1.5rem;
    font-family: "BIZ UDPGothic", sans-serif;
    font-weight: 700;
    font-style: normal;*/
 /*   font-size:clamp(18px, 3vw, 24px);*/
}
    
h2.second_top_title_ja{
/*    font-size: 3rem;
    font-weight: 600;
    color: #fff;*/
/*    font-size:clamp(38px, 5vw, 48px);*/
     font-size: clamp(30px, 7vw, 38px);
}	
    
    
h3.second_title{
/*    color: var(--blue);
    font-size: 1.5rem;
    letter-spacing: 0.1em;
    margin-bottom: 2vw;*/
    
    font-size: 1.3rem;
    margin-bottom: 2rem;
}
    
    
h3.second_ct_title {
/*        font-size: clamp(23px, 3vw, 28px);
        margin-bottom: 6vw;*/
    font-size: 1.4rem;
 }
    
h4.second_sub_title{
/*	padding: 0 0.5em;
  background: transparent;
  border-left: solid 5px var(--blue);
	font-weight: 600;
	font-size: 1.3rem;
    margin-bottom: 1.5rem;*/
    font-size: 1.2rem;
    margin-bottom: 1rem;
}
	
	
	
.pdf_data{
/*    background-image: url("../common/pdf.png");
    background-repeat: no-repeat;
    background-size: auto 2.5rem;
    background-position: left center;
    padding: 0.5rem 0 0.5rem 3rem;
    width: 45%;*/
	width: 100%;
}
    
    
/*----------------------------------       breadcrumbs*/

ul.breadcrumbs_list{
/*    margin-left: 3vw;
    margin-top: 1vw;*/
    font-size: 0.9rem;
}

ul.breadcrumbs_list li{
/*    display: inline-block;
    padding: 0 0.5vw;*/
}

ul.breadcrumbs_list li a{
   /* color: #333;*/
}

ul.breadcrumbs_list li a:hover{
  /*  color: var(--blue);*/
}    


    
/* ----------------------------------------------------------
  guidance
---------------------------------------------------------- */
 /*----------------------------------       Greeting*/   
   
table.line_table{
/*  border-collapse: collapse;
  width: 100%;
    margin-bottom: 3vw;*/
    /*display: block;*/
}



table.line_table th,
table.line_table td{
	/*padding: 1em 0 1em 0.5em;*/
    display: block;
    width: 100%;
    padding: 0;
}

table.line_table th{
/*	font-weight: 500;
    border-bottom:1px solid var(--blue);*/
    border-bottom: none;
    padding: 1em 0 0 1em;
    font-size: 1.1rem;
    font-weight: 600;
}

table.line_table td{
/*	border-bottom:1px solid #add9ef;*/
    padding: 0.5em 0 1em 1em;
}

table.line_table th.top{
  /*  vertical-align: top;*/
}
    
table.line_table th span.th_sp{
    display: inline;
}

 
    
/*----------------------------------     Introduction*/
p.objective_text{
/*	font-size: 1.5rem;
	font-weight: 600;
	text-align: center;
	color: var(--blue);*/
   /* font-size: clamp(22px, 3vw, 24px);*/
    
    font-size: 1.3rem;
}  
    
    

.parentheses_box{
/*    position: relative;
    text-align: center;*/
}

.parentheses_box_border{
/*    position: absolute;
    border: solid 2px #333;
    z-index: 2;
    height: 98%;
    width:42vw;
    top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);*/
    
/*    width: 700px;
    max-width: 92vw;
    min-width: auto;*/
}

p.parentheses_text{
/*    position: relative;
    top: 0;
    left: 50%;
      transform: translateX(-50%);
  -webkit- transform: translateX(-50%);
    z-index: 3;
    width: 40vw;
    background-color: #fff;
    padding: 2rem 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--blue);*/
    
/*    font-size: clamp(22px, 3vw, 24px);
    width: 680px;
    max-width: 88vw;
    min-width: auto;
    */
    
     font-size: 1.3rem;
}

p.parentheses_text span{
  /*  font-size: 1.1rem;*/
}
    
    
.policy_box{
   /* margin-bottom: 3vw;*/
    margin-bottom: 3rem;
}    
    
    .policy_box:first-of-type{
        margin-top: 3rem;
    }


p.policy_com_indent{
/*    text-indent: -1.5em;
   padding-left: 1.5em; */
    padding-top: 0.5em;
    line-height: 1.8em;
}



   /*----------------------------------       Emblem*/  
    

p.lyric_title{
/*    font-size: 1.5rem;
    padding-left: 2vw;*/
/*    text-align: center;
    padding-left: 0;
    padding-bottom: 2vw;*/
    
    font-size: 1.3rem;
    font-weight: 500;
}
    
ul.uniform_point{
/*    padding: 1.5vw 1vw;
    margin: 1.5vw 0;
    
    
    background-color: var(--r_blue02);*/
    padding: 1.5rem 1rem;
    margin: 1.5rem 0;
}
    
    ul.uniform_point li + li{
        margin-top: 0.5em;
    }
	
/* ----------------------------------------------------------
  school life
---------------------------------------------------------- */	

/*----------------------------------       Course*/
.course_container {
/*	display: grid; 
   grid-template-columns: 100px 50px 1fr;
     grid-template-rows: max-content max-content;
    margin-top: 3vw;*/
	
	 grid-template-columns: 43px 25px 1fr;
}

.grade01{
/*   	grid-row: 1 / 2;
	grid-column: 1 / 2; 
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1vw;
    border-radius: 10px; 
	border: solid 1px #d66fa0;*/
	
	writing-mode: vertical-rl;
	text-orientation: upright;
}

.course_arrow01{
/*   	grid-row: 1 / 2;
	grid-column: 2 / 3;   
    display: flex;
    justify-content: center;
    align-items: center;*/
}

p.course_arrow{
/*    width: 10px;
    height: 10px;
    border-top: 10px solid var(--blue);
    border-right: 10px solid var(--blue);
    border-bottom: 10px solid #fff;
    border-left: 10px solid #fff;
    transform: rotate(45deg) translateX(-50%);*/
	
	width: 7px;
	height: 7px;
	border-top: 7px solid var(--blue);
    border-right: 7px solid var(--blue);
    border-bottom: 7px solid #fff;
    border-left: 7px solid #fff;
	transform: rotate(45deg) translateX(-30%);
}

.grade01_content{
/*   	grid-row: 1 / 2;
	grid-column: 3 / 4;   
    border: solid 1px var(--blue);
    padding: 1vw;
    margin-bottom: 1vw;*/
	padding: 0.8rem;
}

.grade02_03{
/*   	grid-row: 2 / 4;
	grid-column: 1 / 2; 
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
	border: solid 1px #a14299;*/
	
	writing-mode: vertical-rl;
	text-orientation: upright;
}

.course_arrow02{
/*   	grid-row: 2 / 3;
	grid-column: 2 / 3;  
    display: flex;
    justify-content: center;
    align-items: center;*/
}

.course_arrow03{
/*   	grid-row: 3 / 4;
	grid-column: 2 / 3;     
    display: flex;
    justify-content: center;
    align-items: center;*/
}

.grade02_03_content01{
/*   	grid-row: 2 / 3;
	grid-column: 3 / 4;     
    border: solid 1px var(--blue);
    padding: 1vw;
    margin-bottom: 1vw;*/
	padding: 0.8rem;
}

.grade02_03_content02{
/*   	grid-row: 3 / 4;
	grid-column: 3 / 4;  
    border: solid 1px var(--blue);
    padding: 1vw;*/
	padding: 0.8rem;
}

.course_title01,
.course_title02{
/*    font-weight: 600;
    font-size: 1.3rem;*/
	font-size: 1.2rem;
}

.course_title01{
 /*   color: #ef654d;*/
}

.course_title02{
/*    color: #3bc08e;*/
}
	
/*----------------------------------       Event*/
.schedule_flex{
/*	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;*/
	flex-wrap: wrap;
}

	.schedule_time_area{
		width: 100%;
	}
.schedule_time{
/*	width: 100px;
	height: 100px;
	border-radius: 50vh;
	background-color: var(--blue);
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 1.5rem;*/
	width: 100%;
	height: auto;
	font-size: 1.2rem;
	font-weight: 600;
	padding: 0.6rem;
}

.schedule_content{
/*	position: relative;
	padding: 3vw 2vw;*/
	padding: 1rem;
	width: 100%;
}

.schedule_content::before{
/*	background-color: var(--blue);
    content: "";
    position: absolute;
    top: 80px;
	bottom: -10px;
	left: calc(-50px - 2vw);
    width: 2px;*/
	top: -15px;
	left: 10px;
	
	content: none;

}

.schedule_img{
	width: 100%;
/*	width: 50%;
	margin-top: 2vw;*/
}

.schedule_img img{
	/*width: 100%;*/
}

    
    
/* ----------------------------------------------------------
 admission
---------------------------------------------------------- */	
	
 /*----------------------------------       Orientation*/

ul.orientation_item li{
    margin: 2.5rem 0 0 0;
}
      
      p.orientation_sp{
          display: block;
          font-size: 1.1rem;
          font-weight: 600;
      }
    
    ul.orientation_item li{
        flex-wrap: wrap;
    }
    
p.orientation_content_border{
/*	padding: 0 0.5em;
  background: transparent;
  border-left: solid 5px var(--blue);
	font-weight: 600;
	font-size: 1.3rem;
    margin-bottom: 1.5rem;
     letter-spacing: 0.1em;*/
    font-size: 1.2rem;
    margin-bottom: 1rem;
    width: 100%;
}

p.orientation_content{
/*  background: transparent;
	font-weight: 600;
	font-size: 1.3rem;
    margin-bottom: 1.5rem;
     letter-spacing: 0.1em;*/
    width: 100%;
    font-size: 1.1rem;
    margin-bottom: 0;
    padding-left: 1em;
}

.image_item{
	width: 100%;
}	


	
	
/* ----------------------------------------------------------
  contact
---------------------------------------------------------- */

.contact_flex{
/*	grid-column-gap: 0;
	align-items: stretch;
	margin-bottom: 5vw;*/
	grid-row-gap: 0;
}

.contact_left{
/*	width: 40%;
	padding: 1rem;
	background-color: var(--r_blue);
	display: flex;
	align-items: center;*/
	width: 100%;
}

.contact_right{
/*	width: 60%;
	padding: 1rem;
	background-color: var(--r_blue02);*/
	width: 100%;
}

.contact_right span.tel{
	/*font-weight: 600;*/
}


	

}
/*** SP END ***/



/****** ALL END ******/