@charset "utf-8";

/*========================

contact.css

========================*/

/*---------------------------------------------
header
---------------------------------------------*/
#header {
justify-content: start;
padding:0 !important;
top:0;
}

#header #header_cont {
border-radius: 0 0 10px 0;
flex: 0 0 290px;
}

#header #header_cont #header_left h1 a img {
height: auto;
max-height: 50px;
width:auto;
}

#header #header_cont #header_left #h_nav {
display:none;
}

#header #header_cont #header_right .entry {
display:none;
}

#header #header_cont #header_left .student_menu {
display:none;
}

/*---------------------------------------------
#main_visual
---------------------------------------------*/
#main #main_visual.left_title {
height:300px;
}

#main #main_visual h2.left_title {
margin-bottom:0;
padding: 30px 30px 30px 50px;
}

#main #main_visual h2.left_title:before {
background-color: var(--white);
}

#main #main_visual h2.left_title span {
color:var(--blue);
}

#main #main_visual .full {
height:300px;
}

#head_info {
display:none;
right:0;
bottom:0;
max-width: 20vw;
}

#head_info #head_info_cont {
align-items: center;
justify-content: center;
}

#head_info #head_info_cont figure {
aspect-ratio: 51 / 38;
}

#head_info #head_info_cont figure img {
border-radius:6px 0 0 6px;
}


#main {
 padding: 0 0 30px 30px;
}

#main #main_visual .full {
 height: 300px;
}

#main #main_visual.left_title {
 height: 300px;
}

#main #main_visual h2.left_title {

}

#contact #main_cont .section {
 padding:30px 30px 40px;
 row-gap:30px;
}

#main_cont .section p.lead {
 display:flex;
 justify-content:start; 
}

#main_cont .section p.lead span {
 color:var(--black);
 font-size:1.3rem;
}

#contact #main_cont .section .section_cont h4 {
 align-items: center;
 background-color: var(--blue);
 border-radius: 10px 10px 0 0;
 color:var(--white);
 column-gap: 20px;
 display: flex;
 flex-direction: unset;
 font-size:1.8rem;
 font-weight:600;
 justify-content: start;
 padding: 30px 40px;
 position: relative;
 width: 100%;
}

#contact #main_cont .section p.lead {
 font-size:1.4rem;
 line-height:1.6;
 text-align:left;
}

#contact #main_cont .section .download {
 background-color: var(--blue01);
 border-radius:6px;
 row-gap:10px;
 display:flex;
 flex-direction:column;
 padding:15px;
}

#contact #main_cont .section .download h3 {
 font-size:1.4rem;
 font-weight:600;
 line-height:1.6;
 width:100%;
}

#contact #main_cont .section .download .download_cont {
 align-items:center;
 background-color: var(--white);
 border-radius:6px;
 column-gap:15px;
 display:flex;
 justify-content:space-between;
 padding:20px;
}

#contact #main_cont .section .download .download_cont p {
 flex:1;
 font-size:1.2rem;
 line-height:1.6;
}

#contact #main_cont .section .download .download_cont a {
 background-color:var(--pale_orange);
 border:3px solid var(--white);
 border-radius:6px;
 box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px;
 display:block;
 font-size:1.4rem;
 font-weight:600;
 line-height:1.6;
 padding:15px 20px;
 position:relative;
 text-align:center;
 width:200px;
}

#contact #main_cont .section .download .download_cont a:after {
 content:"\f054";
 color:var(--orange);
 font-family:var(--icon);
 font-size:1.1rem;
 font-weight:600;
 right:8px;
 top:50%;
 margin-top:-7px;
 opacity:0.7;
 position:absolute;
 z-index:3;
}



#input_form #input_form_cont .send_btn {
 display:flex;
 justify-content:center;
 margin-top:30px;
}

#input_form #input_form_cont .send_btn button {
 align-items: center;
 background-color: var(--blue);
 border-radius: 35px;
 column-gap: 10px;
 color: var(--white);
 display: flex;
 font-size: 1.5rem;
 font-weight: 600;
 justify-content: center;
 padding: 25px 60px;
 position: relative;
 text-align:center;
 min-width:200px;
}

#input_form #input_form_cont .send_btn button:after {
 content:"\f054";
 color:var(--white);
 font-family:var(--icon);
 font-size:1.1rem;
 font-weight:600;
 right:15px;
 top:50%;
 margin-top:-5px;
 opacity:0.7;
 position:absolute;
 z-index:3;
}

#input_form #input_form_cont .send_btn button:hover {
 opacity:0.7;
}

/*------------------------------------------------------------
confirm
------------------------------------------------------------*/
#form_table.confirm #form_table_cont ul > li > dl {
 column-gap:15px;
 flex-direction:unset;
 flex-wrap:wrap;
}

#form_table.confirm #form_table_cont ul > li > dl dt {
 flex:1 1 auto;
 width:auto;
}

#form_table.confirm #form_table_cont ul > li > dl dd {
 flex:1 1 auto;
}

/*------------------------------------------------------------
thanks
------------------------------------------------------------*/
#form_table.thanks {
 align-items:start;
 justify-content:start;
}

#form_table.thanks .alert {
 flex:0;
 width: 100%;
}

#form_table.thanks #form_table_cont ul.gallery {
 border:none;
 display:flex;
 flex-direction:unset;
 flex-wrap:wrap;
 justify-content:space-evenly;
 gap:15px;
}

#form_table.thanks #form_table_cont ul.gallery li {
 border:none;
 display:flex;
 flex: 0 1 auto;
 justify-content:center;
 padding:0;
 width:calc(100% / 6 - 15px);
}

#form_table.thanks #form_table_cont ul.gallery li img {
 height:auto;
 width:100%;
}

.grecaptcha-badge {
 z-index:5;
}