@charset "UTF-8";

/* **********************

File: layout_pc.css
Last Update: 2023/07/20

********************** */



/* common
------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Instrument+Sans:wght@500;600&display=swap');

html{
background:#FFF;
font-size:62.5%;
-webkit-text-size-adjust:100%;
}

body{
position:relative;
font-size:10px;
font-size:1.0rem;
line-height:1;
font-family:'Noto Sans JP', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', "メイリオ", Meiryo, Osaka,'ＭＳ Ｐゴシック',"MS PGothic",sans-serif;
font-weight:400;
letter-spacing:0em;
background:#FFF;
color:#3e3e3e;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}

.fnt_en{
font-family: 'Instrument Sans', 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', "メイリオ", Meiryo, Osaka,'ＭＳ Ｐゴシック',"MS PGothic",sans-serif;
font-weight:500;
}

.ovf_no{
overflow:hidden;
}


/* header */
header{
position:fixed;
width:100%;
left:0px;
top:0px;
background:transparent;
transition:background-color .3s ease-in-out;
z-index:1000;
}

header.header_bg{
background:rgba(255,255,255,0.7);
}

/* header.nav_open_bg:before{
position:fixed;
display:block;
width:100%;
height:55px;
left:0px;
top:0px;
content:"";
background:rgba(255,255,255,1.0);
transition:background-color 0.4s ease;
} */

.header_inner{
position:relative;
display:flex;
justify-content:space-between;
padding:10px 4% 4px 4%;
}

.header_logo{
position:relative;
width:240px;
height:27px;
margin:7px 0px 0px;
background:url("../image/logo.svg") no-repeat left top;
background-size:auto 27px;
text-indent:110%;
white-space:nowrap;
overflow:hidden;
z-index:1001;
}

.header_logo a{
display:block;
width:240px;
height:27px;
}

.nav_wrap{
display:flex;
align-items:center;
}

.lang_switch_open{
position:relative;
display:flex;
justify-content:center;
align-items:center;
width:31px;
height:41px;
margin:0px 13px 0px 0px;
}

.lang_switch_open img{
width:17px;
margin:0px auto;
}

header .nav_open{
display:flex;
align-items:center;
z-index:1001;
}

.nav_open{
position:relative;
width:32px;
height:41px;
z-index:1000;
transition:0.3s ease-in-out;
}

.nav_menu{
position:relative;
display:block;
width:32px;
height:17px;
transition:0.3s ease-in-out;
}

.nav_menu div{
position:absolute;
width:100%;
height:1px;
left:0;
top:8px;
background:#000;
transition:0.3s ease-in-out;
will-change:transform;
}

.header_dpy .nav_menu div,
.nav_open_bg .nav_menu div{
background:#000;
}

.nav_menu div:first-child{
transform:translateY(-8px);
}

.nav_menu div:nth-child(2){
transform:translateY(8px);
}

.nav_close .nav_menu div:first-child{
transform:rotate(45deg);
}

.nav_close .nav_menu div:nth-child(2){
transform:rotate(135deg);
}

.nav_close .nav_menu div:nth-child(3){
opacity:0;
transform:translateX(20%);
}

/* header nav{
position:fixed;
width:100%;
height:100%;
left:0px;
top:0px;
text-align:left;
background:#FFF;
visibility:hidden;
transition:visibility 0.3s ease-out;
overflow-y:auto;
z-index:1000;
}

header nav.g_nav_open{
visibility:visible;
} */

header nav{
position:fixed;
width:100%;
height:100%;
left:0px;
top:0px;
text-align:left;
background:#FFF;

opacity:0;
pointer-events:none;
transition: opacity 0.4s ease-out;
overflow-y:auto;
z-index:1000;
}

header nav.g_nav_open{

opacity:1;
pointer-events:auto;
}

header nav{
font-size:1.4rem;
font-weight:500;
line-height:1.714;
}

header nav a{
display:block;
color:#333;
}

header nav .nav_inner{
padding:73px 10.666666666666668% 56px;
opacity:0;
transform: translateY(8px);
transition: opacity 0.4s ease-out, transform 0.4s ease-out;
}

header nav.g_nav_open .nav_inner{
transform: translateY(0);
opacity:1;
}

header nav .g_nav li{
padding:19px 5px 19px 11px;
border-bottom:1px solid #ddd;
}

header nav .g_nav li .nav_toggle{
position:relative;
display:flex;
width:100%;
justify-content:space-between;
align-items:center;
text-align:left;
/* padding:19px 0 19px 11px; */
border:none;
background:transparent;
font:inherit;
color:inherit;
cursor:pointer;
}

header nav .g_nav li .nav_toggle svg{
position:relative;
top:0px;
}

header nav .g_nav li .nav_toggle .icon_plus{
flex-shrink:0;
width:20px;
height:20px;
transition:transform .3s ease-out;
}

header nav .g_nav li.is-open > .nav_toggle .icon_plus line:last-of-type{
opacity:0;
transition:opacity .3s ease-out;
}

header nav .g_nav li span{
display:block;
margin:1px 0px 1px;
font-size:1.3rem;
font-weight:400;
line-height:1.538;
}

header nav .g_nav li ul{
height:0px;
padding:0px 0px 0px 20px;
overflow:hidden;
transition: height .3s ease-out;
}

header nav .g_nav li ul li{
margin:15px 0px 0px;
padding:0px;
border:none;
}

header nav .lang_nav{
position:relative;
display:flex;
margin:34px 0px 0px 10px;
padding:0px 0px 0px 27px;
font-size:1.3rem;
font-weight:400;
line-height:1;
}

header nav .lang_nav:before{
position:absolute;
display:block;
width:17px;
height:17px;
left:0px;
top:-1px;
content:"";
background:url("../image/icon_lang.svg") no-repeat center center;
background-size:17px 17px;
}

header nav .lang_nav li:first-of-type{
position:relative;
margin:0px 14px 0px 0px;
padding:0px 14px 0px 0px;
}

header nav .lang_nav li:first-of-type:after{
position:absolute;
display:block;
width:1px;
height:8px;
right:0px;
top:4px;
content:"";
background:#333;
}





/* footer */
footer{
margin:100px 0px 53px;
background:#1c50a1;
}

footer .foot_contact{
padding:36px 0px 41px;
text-align:center;
background:#f5f2e8;
}

footer .foot_contact .foot_logo{
width:275px;
margin:0px auto 0px;
}

footer .foot_contact .foot_contact_intro{
margin:35px 0px 0px;
font-size:1.6rem;
font-weight:700;
line-height:1.625;
color:#000;
}

footer .foot_contact .foot_tel{
margin:26px 0px 0px;
}

footer .foot_contact .foot_tel .tel_num{
position:relative;
display:inline-block;
padding:0px 0px 0px 35px;
font-size:3.4rem;
font-weight:600;
line-height:1;
color:#1c50a1;
}

footer .foot_contact .foot_tel .tel_num a{
color:#1c50a1;
}

footer .foot_contact .foot_tel .tel_num:before{
position:absolute;
display:inline-block;
width:25px;
height:27px;
left:0px;
top:4px;
content:"";
background:url("../image/icon_tel.svg") no-repeat center center;
background-size:auto 27px;
}

footer .foot_contact .foot_tel .tel_info{
margin:6px 0px 0px;
font-size:1.3rem;
line-height:1.615;
color:#444;
}

footer .foot_contact .foot_mail{
margin:24px 0px 0px;
}

footer .foot_contact .foot_mail .foot_mail_intro{
margin:0px 0px 14px;
font-size:1.5rem;
font-weight:500;
line-height:1.6;
color:#000;
}

footer .foot_contact .btn_privacy{
margin:36px 0px 0px;
font-size:1.4rem;
line-height:1;
}

footer .foot_contact .btn_privacy a{
text-decoration:underline;
color:#444;
}

footer .foot_sitemap{
padding:16px 0px 40px;
color:#fff;
}

footer .foot_sitemap nav{
font-size:1.4rem;
font-weight:500;
line-height:1.714;
}

footer .foot_sitemap nav a{
color:#fff;
}

footer .foot_sitemap nav li{
padding:19px 0px 20px 10px;
border-bottom:1px solid #fff;
}

footer .foot_sitemap nav li span{
display:block;
margin:1px 0px 1px;
font-size:1.3rem;
line-height:1.538;
}

footer .foot_sitemap nav li ul{
padding:0px 0px 0px 20px;
}

footer .foot_sitemap nav li ul li{
margin:15px 0px 0px;
padding:0px;
border:none;
}

footer .foot_sns{
margin:0px 0px 0px;
}

footer .foot_sns ul{
display:flex;
justify-content:center;
align-items:center;
}

footer .foot_sns ul li{
width:32px;
margin:0px 15px 0px;
}

footer .foot_sns ul li.icon_youtube{
width:41px;
}

footer p.copyright{
padding:43px 0px 46px;
text-align:center;
font-size:1.1rem;
font-weight:400;
line-height:1;
color:#fff;
}


/* sub_info */
.sub_info{
position:fixed;
width:100%;
left:0px;
bottom:0px;
z-index:2;
}

.sub_info ul{
position:relative;
display:flex;
justify-content:space-between;
text-align:center;
border-top:1px solid #FFF;
background:#1c50a1;
}

.sub_info ul:before{
position:absolute;
display:block;
width:1px;
height:24px;
left:50%;
top:15px;
content:"";
background:#fff;
z-index:1;
}

.sub_info ul li{
width:50%;
}

.sub_info ul li .btn_sub_info{
position:relative;
display:flex;
width:100%;
justify-content:center;
align-items:center;
padding:20px 0px 17px 0px;
border:none;
background:#1c50a1;
font-family:inherit;
font-size:1.5rem;
font-weight:600;
line-height:1;
color:#FFF;
}

.sub_info ul li .btn_sub_info span{
position:relative;
display:block;
padding:0px 0px 0px 35px;
}

.sub_info ul li .btn_sub_info span:before{
position:absolute;
display:inline-block;
width:24px;
height:24px;
left:0px;
top:-6px;
content:"";
}

.sub_info ul li .btn_scd span:before{
background:url("../image/icon_cal.svg") no-repeat center center;
background-size:auto 24px;
} 

.sub_info ul li .btn_ctt span:before{
top:-5px;
background:url("../image/icon_mail.svg") no-repeat center center;
background-size:auto 16px;
} 

.calendar{
position:fixed;
display:flex;
align-items:center;
width:100%;
height:100%;
left:0px;
top:0px;
z-index:10000;
pointer-events:none;
visibility:hidden;
transition:visibility .4s ease;
}

.calendar .modal_overlay{
opacity:0;
}

.calendar .calendar_box{
position:relative;
width:100%;
margin:0px auto;
padding:0px;
text-align:left;
color:#fff;
transform:translateY(8px);
opacity:0;
transition:transform .4s ease, opacity .4s ease;
}

.calendar .calendar_box .modal_close{
right:5.333333333333334%;
top:-8px;
}

.calendar.is-open{
pointer-events:auto;
visibility:visible;
}
.calendar.is-open .modal_overlay{
opacity:1;
}
.calendar.is-open .calendar_box{
transform:translateY(0);
opacity:1;
}

.calendar .calendar_box .calendar_ttl{
margin:0px 0px 20px;
font-size:1.8rem;
font-weight:600;
line-height:1;
color:#fff;
}

.calendar .g_calendar{
position:relative;
padding-bottom:82.39%;
padding-top:30px;
height:0;
overflow:hidden;
}
   
.calendar .g_calendar iframe,
.calendar .g_calendar object,
.calendar .g_calendar embed{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}



/* common
------------------------------------*/
/* layout */
#contents{
width:100%;
font-size:1.5rem;
line-height:1.867;
color:#222;
}

.sec_inner{
padding:0px 5.333333333333334% 0px;
}

.block_spl{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}

.course_ttl_box{
padding:18px 0px 26px;
background:#5db6e7;
color:#fff;
}

.course_ttl_box .course_ttl{
font-size:2.4rem;
font-weight:700;
line-height:1.5;
letter-spacing:0;
}

.course_ttl_box .course_ttl span{
font-size:1.7rem;
}

.course_ttl_box .course_sub_info_box{
padding:6px 0px 0px;
}

.course_ttl_box .course_sub_info_box dl{
margin:11px 0px 0px;
font-weight:500;
}

.course_ttl_box .course_sub_info_box dt{
width:64px;
float:left;
padding:2px 0px 3px;
text-align:center;
background:#fff;
font-size:1.2rem;
line-height:1.417;
color:#5db6e7;
}

.course_ttl_box .course_sub_info_box dd{
position:relative;
top:-1px;
padding:0px 0px 0px 79px;
line-height:1.467;
}

.course_ttl_box .course_sub_info_box dd span{
font-size:1.2rem;
}

.course_info_box{
padding:33px 0px 55px;
background:#e5f1fa;
}

.course_sub_info_box_02{
padding:11px 0px 0px;
font-weight:500;
line-height:1.667;
}

.course_sub_info_box_02 dl{
margin:8px 0px 0px;
}

.course_sub_info_box_02 dt{
width:90px;
float:left;
}

.course_sub_info_box_02 dt:after{
display:inline-block;
content:"："
}

.course_sub_info_box_02 dd{
padding:0px 0px 0px 90px;
}

.txt_bule{
color:#1c50a1;
}

.pc_sns,
.pc_bg{
display:none;
}

p.kome,
.kome li,
span.kome{
display:block;
list-style-type:none;
padding-left:1em;
text-indent:-1em;
}

p.kome:before,
.kome li:before,
span.kome:before{
content:"※";
}

.pc_no{
display:none;
}

.sp_no{
display:block;
}


/* ttl */
.sec_ttl_01{
text-align:center;
font-size:2.5rem;
font-weight:700;
line-height:1.4;
color:#1c50a1;
}

.sec_ttl_02{
position:relative;
margin:0px 0px 0px;
padding:0px 0px 0px 9px;
font-size:1.6rem;
font-weight:500;
line-height:1.563;
color:#1c50a1;
}

.sec_ttl_02:before{
position:absolute;
display:block;
width:1px;
height:16px;
left:0px;
top:6px;
content:"";
background:#1c50a1;
}


/* btn */
/*  .btn_detail a,
.btn_detail span{
position:relative;
display:block;
width:255px;
padding:13px 0px 14px 20px;
text-align:left;
border:1px solid #11335e;
border-radius:30px;
background:#11335e;
font-size:1.7rem;
font-weight:500;
line-height:1.471;
color:#FFF;
transition:0.25s;
} */

button{
cursor:pointer;
}

button.btn_detail{
position:relative;
display:flex;
width:255px;
justify-content:space-between;
align-items:center;
padding:0px 12px 0px 19px;
border:1px solid #1c50a1;
border-radius:30px;
background:#1c50a1;
transition:0.25s;
font-family:inherit;
}

button.btn_detail span{
display:inline-block;
padding:12px 0px 15px 0px;
font-size:1.7rem;
font-weight:500;
line-height:1.471;
color:#FFF;
}

button.btn_accordion{
position:relative;
display:flex;
width:100%;
justify-content:space-between;
align-items:center;
padding:0px 9px 0px 19px;
border:1px solid #1c50a1;
border-radius:40px;
text-align:left;
background:#1c50a1;
font-family:inherit;
transition:border-radius 0.3s ease-out;
}

button.btn_accordion span{
display:inline-block;
padding:12px 0px 11px 0px;
font-size:1.5rem;
font-weight:500;
line-height:1.533;
color:#FFF;
}

button.btn_detail svg, button.btn_accordion svg{ color: #1c50a1; }
button.btn_detail line, button.btn_accordion line{ stroke: currentColor; }
button.btn_detail circle, button.btn_accordion circle{ fill: #fff; }

.accordion_open button.btn_accordion{
border-radius:20px 20px 0px 0px;
}

.accordion_open button.btn_accordion line:last-of-type{
display:none;
}

button.btn_detail.lightblue,
button.btn_accordion.lightblue{
border:1px solid #5db6e7;
background:#5db6e7;
}

button.btn_detail.lightblue svg,
button.btn_accordion.lightblue svg{
color:#5db6e7;
}

.accordion_open_box{
height:0px;
overflow:hidden;
background:#f5f2e8;
transition:height 0.3s ease-out;
}

.accordion_open_box .accordion_open_box_inner{
padding:28px 20px 28px;
}

.btn_pdf a,
.btn_xls a,
.btn_mail a,
.btn_top a{
position:relative;
display:flex;
width:255px;
justify-content:space-between;
align-items:center;
margin:0px auto 0px;
padding:12px 19px 14px 19px;
text-align:left;
border:1px solid #1c50a1;
border-radius:30px;
background:#1c50a1;
font-size:1.6rem;
font-weight:500;
line-height:1.5;
color:#FFF;
text-decoration:none!important;
transition:0.25s;
}

.btn_top a{
display:block;
padding:12px 0px 14px 0px;
text-align:center;
}

.btn_pdf.lightblue a,
.btn_xls.lightblue a{
border:1px solid #5db6e7;
background:#5db6e7;
}

.btn_pdf a:after,
.btn_xls a:after{
position:relative;
display:block;
width:20px;
height:24px;
top:1px;
content:"";
background:url("../image/icon_pdf.svg") no-repeat center center;
background-size:auto 24px;
}

.btn_xls a:after{
background:url("../image/icon_excel.svg") no-repeat center center;
background-size:auto 24px;
}

.btn_mail a:after{
position:relative;
display:block;
width:22px;
height:16px;
top:1px;
content:"";
background:url("../image/icon_mail.svg") no-repeat center center;
background-size:auto 16px;
}

.btn_box{
margin:29px 0px 0px;
}

.btn_info{
margin:0px 0px 19px;
text-align:center;
font-weight:500;
}

.btn_box .btn_pdf,
.btn_box .btn_xls{
margin:18px 0px 0px;
}

.btn_accordion_box{
margin:24px 0px 0px;
}

.btn_accordion_box:first-of-type{
margin:-1px 0px 0px;
}

.btn_box .btn_accordion_box .btn_list_box ul li:first-of-type .btn_pdf,
.btn_box .btn_accordion_box .btn_list_box ul li:first-of-type .btn_xls{
margin:0px 0px 0px;
}




/* top
------------------------------------*/
.intro{
padding:93px 0px 0px;
}

.intro .mg_copy{
position:relative;
width:80%;
mix-blend-mode:multiply;
z-index:2;
}

.intro .mg{
position:relative;
width:100vw;
left:50%;
right:50%;
margin:-15px -50vw 0px;
}

.intro .mg ul.mg_gly{
position:relative;
display:block;
max-width:100vw;
overflow-x:hidden;
}

.intro .mg ul.mg_gly li{
position:absolute;
opacity:0;
transition:opacity 2s ease;
}

.intro .mg ul.mg_gly li.is-active{
opacity:1;
z-index:1;
}

.intro .mg ul.mg_gly li img{
display:block;
width:100%;
height:100%;
object-fit:cover;
}

.intro .intro_txt {
padding:13px 0px 0px;
}

.intro .intro_txt p{
margin:27px 0px 0px;
}

.intro .ninsho{
width:155px;
margin:38px auto 0px;
}

@keyframes infinity-scroll-left {
	from {
		transform:translateX(0);
	}
	to {
		transform:translateX(-100%);
	}

}

.intro .gallery{
position:relative;
width:100vw;
left:50%;
right:50%;
margin:63px -50vw 0px;
}

.intro .gallery_wrap{
display:flex;
max-width:100vw;
overflow-x:hidden;
}

.intro .gallery_list{
display:flex;
list-style:none;
padding:0px
}

.intro .gallery_list_left{
animation:infinity-scroll-left 80s infinite linear 0.5s both;
}

.intro .gallery_wrap li{
position:relative;
width:295px;
height:209px;
margin:0px 5px 0px;
background:#fff;
overflow:hidden;
}

.intro .gallery_wrap li img{
position:absolute;
width:100%;
height:auto;
left:50%;
top:50%;
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
transform:translate(-50%, -50%);
}

.news{
margin:73px 0px 0px;
text-align:center;
}

.news .news_ttl{
font-size:3.8rem;
font-weight:600;
line-height:1;
color:#000;
}

.news .fb_box{
width:281px;
margin:24px auto 0px;
}

.news iframe{
border:3px solid #1c50a1!important;
}


.news .sns_icon{
margin:16px 0px 0px;
}

.news .sns_icon .fnt_en{
font-size:2.0rem;
font-weight:600;
line-height:1;
color:#1c50a1;
}

.news .sns_icon ul{
display:flex;
justify-content:center;
align-items:center;
margin:22px 0px 0px;
}

.news .sns_icon ul li{
width:32px;
margin:0px 15px 0px;
}

.news .sns_icon ul li.icon_youtube{
width:41px;
}

.feature{
margin:72px 0px 0px;
}

.feature .feature_inner{
padding:0px 0px 0px 5.333333333333334%;
}

.feature .feature_inner .feature_wrap{
background-image:linear-gradient(#1c50a1 15%, #5db6e7);
}

.feature .feature_inner .feature_wrap_inner{
padding:35px 0% 42px 5.633802816901409%;
}

.feature h2{
padding:0px 0px 16px;
font-size:1.6rem;
font-weight:700;
line-height:1.75;
color:#fff;
}

.feature .feature_box{
align-items:center;
margin:12px 0px 0px;
background:#c2d84e;
}

.feature .feature_box .feature_nam{
width:11.940298507462686%;
text-align:center;
}

.feature .feature_box .feature_nam .fnt_en{
font-size:2.5rem;
font-weight:500;
line-height:1;
color:#1c50a1;
}

.feature .feature_box .feature_txt{
width:88.05970149253731%;
background:#fff;
}

.feature .feature_box .feature_txt dl{
padding:17px 5.084745762711865% 17px;
}

.feature .feature_box .feature_txt dt{
font-size:1.9rem;
font-weight:700;
line-height:1.474;
color:#1c50a1;
}

.feature .feature_box .feature_txt dd{
margin:11px 0px 0px;
font-size:1.4rem;
line-height:1.714;
}


/* about */
.philosophy{
margin:58px 0px 0px
}

.philosophy .txt_body{
padding:5px 0px 0px;
}

.philosophy .txt_body p{
margin:16px 0px 0px;
font-size:1.6rem;
font-weight:500;
line-height:1.875;
color:#000;
}

.edu_goals{
margin:52px 0px 0px
}

.edu_goals .txt_body{
margin:21px 0px 0px;
}

.edu_goals .txt_body .edu_goals_list{
margin:17px 0px 0px;
}

.edu_goals .txt_body .edu_goals_list ul{
margin:0px 0px 0px 20px;
padding:4px 0px 0px;
list-style-type:decimal;
}

.edu_goals .txt_body .edu_goals_list li{
margin:7px 0px 0px;	
line-height:1.733;
}

.greeting{
margin:54px 0px 0px
}

.greeting .greeting_img{
width:155px;
margin:28px auto 0px;
}

.greeting .txt_body{
margin:19px 0px 0px;
}

.greeting .txt_body p.pcl_name{
margin:20px 0px 0px;
font-size:1.4rem;
font-weight:500;
line-height:1;
color:#000;
}

.schedule{
padding:59px 0px 0px
}

.schedule .schedule_img{
margin:29px 0px 0px;
}

.schedule .schedule_img ul li{
width:48.35820895522388%;
text-align:center;
}

.schedule .schedule_img ul li p{
margin:8px 0px 0px;
font-size:1.4rem;
line-height:1.538;
}

.schedule .schedule_tbl{
margin:32px 0px 0px;
}

.schedule .schedule_tbl table{
width:100%;
border-top:1px solid #bbb;
font-size:1.4rem;
line-height:1.714;
}

.schedule .schedule_tbl th,
.schedule .schedule_tbl td{
padding:9px 15px 12px;
border-bottom:1px solid #bbb;
}

.schedule .schedule_tbl th{
width:52px;
padding:8px 0px 8px;
text-align:center;
background:#e5f1fa;
font-weight:400;
}

.career_support{
margin:58px 0px 0px
}

.career_support .career_support_img{
position:relative;
width:100vw;
left:50%;
right:50%;
margin:28px -50vw 0px;
}

.career_support .career_support_img ul{
max-width:100vw;
overflow-x:hidden;
}

/* .career_support .career_support_img ul li{
width:50%;
} */

.career_support .career_support_img ul li{
width:33.3333333%;
}

.career_support .txt_body{
margin:17px 0px 0px;
}

.career_support .btn_accordion_box{
margin:30px 0px 0px;
font-size:1.4rem;
line-height:1.571;
}
.career_support .accordion_open_box .accordion_open_box_inner{
padding:25px 20px 30px;
}

.career_support .acceptance_box dl{
margin:0px 0px 0px;
}

.career_support .acceptance_box dl:first-of-type{
margin:0px 0px 0px;
}

.career_support .acceptance_box dt{
width:86px;
float:left;
padding:0px 0px 0px;
font-size:1.5rem;
font-weight:500;
line-height:1.533;
}

.career_support .acceptance_box dd{
padding:0px 0px 0px 86px;
}

.career_support .acceptance_box dd ul{
padding:0px 0px 28px 26px;
border-left:1px solid #ddd;
}

.career_support .acceptance_box dl:last-of-type dd ul{
padding:0px 0px 4px 26px;
}

.career_support .acceptance_box dd ul li{
margin:12px 0px 0px;
}

.career_support .acceptance_box dd ul li:first-of-type{
margin:2px 0px 0px;
}

.scholarship{
margin:59px 0px 0px
}

.scholarship .txt_body{
margin:21px 0px 0px;
}

.scholarship .scholarship_voice{
margin:31px -50vw 0px;
}

.other_info{
margin:58px 0px 0px
}

.other_info .other_info_box{
margin:20px 0px 0px
}

.other_info .other_info_box:first-of-type{
margin:29px 0px 0px
}

.other_info .other_info_box dt{
padding:7px 0px 8px;
border-radius:8px 8px 0px 0px;
text-align:center;
background:#5db6e7;
line-height:1.733;
font-weight:500;
color:#fff;
}

.other_info .other_info_box dd{
padding:20px 5.970149253731343% 20px;
background:#e5f1fa;
font-size:1.4rem;
line-height:1.857;
}

.other_info .residence{
margin:30px 0px 0px;
}

.other_info .residence .residence_ttl{
font-size:1.6rem;
font-weight:500;
line-height:1.75;
color:#000;
}

.other_info .residence .txt_body{
margin:7px 0px 0px;
}

.tuition{
margin:51px 0px 0px
}

.tuition .tuition_box{
padding:30px 0px 7px;
text-align:center;
}

.tuition .tuition_box p{
line-height:1;
color:#1c50a1;
}

.tuition .tuition_box p span{
font-size:1.5rem;
}

.tuition .tuition_box p span.fnt_en{
font-size:3.2rem;
font-weight:500;
}

.rglp_dl{
margin:56px 0px 0px;
padding:21px 0px 56px;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}

.rglp_dl .btn_box:nth-of-type(2){
margin:49px 0px 0px;
}

/* .voice{
position:relative;
width:100vw;
left:50%;
right:50%;
margin:73px -50vw 0px;
}

.voice .voice_dw{
display:block;
max-width:100vw;
padding:32px 0px 82px;
background:#f5f2e8;
overflow-x:hidden;
}

.voice .voice_ttl{
margin:0px 0px 0px;
font-size:1.6rem;
font-weight:500;
line-height:1.563;
color:#1c50a1;
}

.voice .voice_wrap{
margin:29px 0px 0px;
}
	
.voice .voice_box{
width:255px;
}

.voice .voice_box .voice_img{
text-align:center;
}

.voice .voice_box .voice_img img{
width:135px;
margin:0px auto 0px;
}

.voice .voice_box .voice_img p{
margin:12px 0px 0px;
font-size:1.3rem;
font-weight:500;
line-height:1.615;
color:#000;
}

.voice .voice_box .voice_txt_body{
margin:18px 0px 0px;
font-size:1.4rem;
line-height:1.857;
} */


.voice{
position:relative;
width:100vw;
left:50%;
right:50%;
margin:73px -50vw 0px;
}

.voice .voice_dw{
display:block;
max-width:100vw;
padding:32px 0px 48px;
background:#f5f2e8;
overflow-x:hidden;
}

.voice .voice_ttl{
margin:0px 0px 0px;
font-size:1.6rem;
font-weight:500;
line-height:1.563;
color:#1c50a1;
}


.voice_scroller{
position:relative;
margin-top:29px;
}

.voice .voice_wrap{
display:flex;
gap:40px;
overflow-x:auto;
overflow-y:visible;
scroll-behavior:smooth;
-webkit-overflow-scrolling:touch;
scroll-snap-type:x mandatory;
scrollbar-width:none;/* Firefox: スクロールバー非表示 */
}

.voice .voice_wrap::-webkit-scrollbar{/* Chrome/Safari: スクロールバー非表示 */
height:0px;                             
}
.voice .voice_wrap::-webkit-scrollbar-thumb{
background:transparent;
}

.voice .voice_box{
flex: 0 0 255px;
scroll-snap-align:start;
}

.voice_progress{
position:relative;
height: 2px;
background:#d9d9d9;
border-radius:4px;
margin:32px 0px 0px;
overflow:hidden;
}

.voice_progress .bar{
display:block;
height:100%;
width:0%;
background:#1c50a1;
transition:width .2s linear;
}

.voice_nav{
position:absolute;
display:flex;
justify-content:center;
align-items:center;
width:26px;
height:26px;
/* top:calc(26% - 13px); */
top:90px;
border-radius:999px;
border:none;
background:#1c50a1;
cursor:pointer;
z-index:2;
transform:translateY(-50%);
}

.voice_nav img{
width:5px;
margin:0px 2px 0px 0px;
}
.voice_nav.next img{
margin:0px 0px 0px 2px;
}

.voice_nav.prev{ left:-2.8%; }
.voice_nav.next{ right:-2.8%; }
.voice_nav:disabled{
opacity:.35;
cursor:default;
}

.voice .voice_box .voice_img{
text-align:center;
}

.voice .voice_box .voice_img img{
width:135px;
margin:0px auto 0px;
}

.voice .voice_box .voice_img p{
margin:12px 0px 0px;
font-size:1.3rem;
font-weight:500;
line-height:1.615;
color:#000;
}

.voice .voice_box .voice_txt_body{
margin:18px 0px 0px;
font-size:1.4rem;
line-height:1.857;
}



/* rgl_program */
.rgl_program{
padding:65px 0px 0px;
}

.rgl_program .sec_intro_txt{
margin:30px 0px 0px;
}

.rgl_program .rgl_course_01{
margin:34px 0px 0px;
}

.rgl_program .rgl_course_02 .course_ttl_box{
background:#1c50a1;
}

.rgl_program .rgl_course_02 .course_ttl_box .course_sub_info_box dt{
color:#1c50a1;
}

.rgl_program .rgl_course_02 .course_info_box{
background:#d2dcec;
}

.rgl_program .course_info_box .rglc_rmd{
margin:30px 0px 0px;
}

.rgl_program .course_info_box .rglc_goals_list ul,
.rgl_program .course_info_box .rglc_rmd_list ul{
padding:3px 0px 0px;
line-height:1.733;
}

.rgl_program .course_info_box .rglc_goals_list ul li,
.rgl_program .course_info_box .rglc_rmd_list ul li{
margin:13px 0px 0px;
list-style-type:none;
padding-left:1em;
text-indent:-1em;
}

.rgl_program .course_info_box .rglc_goals_list ul li:before,
.rgl_program .course_info_box .rglc_rmd_list ul li:before{
content:"◆";
}

.rgl_program .course_info_box .btn_detail{
margin:43px auto 0px;
}

.rgl_program .course_info_box .rglc_add{
padding:31px 0px 1px 1em;
font-size:1.4rem;
line-height:1.714;
color:#ce272d;
}


/* sp_program */
.sp_program{
padding:65px 0px 0px;
}

.sp_program .sp_program_add{
margin:32px 0px 0px;
font-size:1.4rem;
line-height:1.714;
color:#ce272d;
}

.sp_program .sp_mg{
margin:35px 0px 0px;
}

.sp_program .course_ttl_box{
padding:30px 0px 24px;
background:#fff;
color:#222;
}

.sp_program .course_ttl_box{
color:#000;
}

.sp_program .course_ttl_box .course_sub_info_box dt{
background:#5db6e7;
color:#fff;
}

.sp_program .course_info_box{
padding:0px 0px 40px;
background:#fff;
}

.sp_program .cer_box{
margin:32px 0px 0px;
border:1px solid #ddd;
}

.sp_program .cer_box_inner{
padding:23px 19px 32px;
}

.sp_program .cer_box .cer_ttl{
margin:0px 0px 8px;
text-align:center;
font-size:1.5rem;
font-weight:500;
line-height:1.667;
}

.sp_program .cer_box .course_sub_info_box_02{
padding:0px 0px 0px;
}

.sp_program .cer_box .course_sub_info_box_02 .kome{
margin:2px 0px 0px;
font-size:1.4rem;
font-weight:400;
color:#666;
}

.sp_program .cer_box .btn_mail{
margin:22px 0px 0px;
}

.sp_program .sp_course_02 .course_ttl_box,
.sp_program .sp_course_02 .course_info_box,
.sp_program .sp_course_04 .course_ttl_box,
.sp_program .sp_course_04 .course_info_box{
background:#e5f1fa;
}

.sp_program .sp_course_03 .course_ttl_box{
padding:30px 0px 29px;
}

.sp_program .sp_course_04 .course_ttl_box{
padding:30px 0px 23px;
}

.sp_program .sp_course_02 .course_sub_info_box_02 dt{
width:70px;
}

.sp_program .sp_course_02 .course_sub_info_box_02 dd{
padding:0px 0px 0px 70px;
}

.sp_program .sp_course_02 .btn_box,
.sp_program .sp_course_03 .btn_box,
.sp_program .sp_course_04 .btn_box{
margin:25px 0px 0px;
}


/* school_Info */
.school_Info{
padding:65px 0px 0px;
}

.school_Info .school_Info_img{
position:relative;
width:100vw;
left:50%;
right:50%;
margin:37px -50vw 0px;
}

.school_Info .school_Info_img img{
display:block;
max-width:100vw;
overflow-x:hidden;
}

.school_Info .outline{
padding:12px 0px 0px;
}

.school_Info .outline dl{
padding:17px 0px 19px;
border-bottom:1px dotted #ddd;
line-height:1.733;
}

.school_Info .outline dt{
width:107px;
float:left;
font-weight:500;
}

.school_Info .outline dd{
padding:0px 0px 0px 117px;
}

.school_Info .outline dd ul li{
margin:8px 0px 0px;
}

.school_Info .outline dd ul li:first-of-type{
margin:0px 0px 0px;
}


/* document */
.document{
padding:10px 0px 0px;
}

.document dl{
margin:24px 0px 0px;
}

.document dl{
line-height:1.6;
}

.document dl dt{
font-weight:500;
}

.document dl dd ul{
display:flex;
flex-wrap:wrap;
margin:0px 0px -1px;
}

.document dl dd li{
margin:10px 30px 0px 0px;
}


/* history */
.history{
margin:56px 0px 0px;
}

.history .history_wrap{
padding:23px 0px 0px;
}

.history .history_wrap dl{

}

.history .history_wrap dt{
width:65px;
float:left;
padding:5px 0px 0px;
font-size:1.8rem;
font-weight:500;
line-height:1;
color:#1c50a1;
}

.history .history_wrap dd{
position:relative;
padding:0px 0px 0px 65px;
line-height:1.667;
}

.history .history_wrap dd span{
position:relative;
display:block;
padding:0px 0px 19px 24px;
border-left:1px solid #1c50a1;
}

.history .history_wrap dd span:before{
position:absolute;
display:block;
width:17px;
height:17px;
left:-9px;
top:5px;
content:"";
background:#1c50a1;
border-radius:50%;
z-index:1;
}

.history .history_wrap dl:first-of-type dd span:after{
position:absolute;
display:block;
width:1px;
height:17px;
left:-1px;
top:0px;
content:"";
background:#fff;
}

.history .history_wrap dl:last-of-type dd span:after{
position:absolute;
display:block;
width:1px;
height:17px;
left:0px;
top:-2px;
content:"";
background:#1c50a1;
}

.history .history_wrap dl:last-of-type dd span{
padding:0px 0px 0px 25px;
border-left:none;
}

.history .history_wrap dl:last-of-type dd span:before{
left:-8px;
}


/* access */
.access{
padding:62px 0px 0px;
}

.access .access_img{
position:relative;
margin:36px 0px 0px;
}

.access #gMap{
position:relative;
height:0px;
padding-bottom:70.667%;
line-height:0;
overflow:hidden;
}

.access #gMap iframe{
position:absolute;
width:100%;
height:100%;
left:0px;
top:0px;
}

.access .address{
padding:14px 0px 0px;
line-height:1.733;
}

.access .address p{
margin:13px 0px 0px;
}


/* downloads */
.downloads{
padding:61px 0px 0px;
}

.downloads .sec_ttl_01 span{
display:block;
margin:5px 0px 0px;
font-size:1.5rem;
font-weight:500;
}

.btn_box.dl_pamph{
margin:32px 0px 0px;
}

.btn_box.dl_rglp{
margin:49px 0px 0px;
}

.btn_box.dl_spp{
margin:32px 0px 0px;
}



/* modal_course
------------------------------------*/
/* .modal_close{
position:fixed;
width:28px;
bottom:17px;
left:50%;
margin:0px 0px 0px -14px;
}

.modal_close span{
display:block;
width:28px;
height:28px;
background:url("../image/icon_close_02.svg") no-repeat center center;
background-size:28px 28px;
text-indent:110%;
white-space:nowrap;
cursor:pointer;
overflow:hidden;
} */

.modal_course{
position:fixed;
width:100%;
height:100%;
left:0px;
top:30px;
z-index:10000;
pointer-events: none;
visibility: hidden;
transition: visibility .4s ease;
}

.modal_overlay{
position:fixed;
width:100%;
height:100%;
left:0px;
top:0px;
content:"";
border:none;
background:rgba(00, 00, 00, 0.6);
cursor:pointer;
z-index:-1;
opacity: 0;
transition: opacity .4s ease;
}

.modal_body{
max-height:calc(100% - 0px);
border-radius:30px 30px 0px 0px;
overflow:auto;
}

.modal_course_wrap{
position:relative;
width:100%;
height:calc(100% - 30px);
margin:0px auto;
padding:0px;
border-radius:30px 30px 0px 0px;
text-align:left;
background:#FFF;
/* overflow-y:scroll; */
color:#222;
font-size:1.4rem;
line-height:1.714;
/* transform:translateY(24px); */
transform: translateY(calc(100% + 30px));
opacity:1;
transition:transform .4s ease, opacity .4s ease;
}

/* 表示中 */
.modal_course.is-open {
pointer-events:auto;
visibility:visible;
}

.modal_course.is-open .modal_overlay{
opacity:1;
}

.modal_course.is-open .modal_course_wrap{
transform:translateY(0);
opacity:1;
}


/* 開いた状態 */
/* .modal_course[aria-hidden="false"] {
  pointer-events: auto;
  visibility: visible;
}

.modal_course[aria-hidden="false"] .modal_overlay {
opacity: 1;
}

.modal_course[aria-hidden="false"] .modal_course_wrap {
transform: translateY(0);
opacity: 1;
} */



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

.modal_close{
position:absolute;
width:32px;
height:32px;
right:20px;
top:20px;
border:none;
background:none;
z-index:1;
}

button.modal_close svg{ color: #fff; }
button.modal_close line{ stroke: currentColor; }
/* button.modal_close circle{ fill: #fff; } */


.modal_course .modal_course_head{
padding:33px 0px 0px;
}

.modal_course .mch_ttl{
font-size:2.4rem;
font-weight:700;
line-height:1.5;
color:#000;
}

.modal_course .mch_ttl span{
font-size:1.7rem;
}

.modal_course .mch_outline{
margin:10px 0px 0px;
font-size:1.5rem;
font-weight:500;
line-height:1.6;
}

.modal_course .subject{
margin:38px 0px 0px;
padding:32px 0px 40px;
background:#e5f1fa;
}

#modal_sp.modal_course .subject{
background:#d6d8ec;
}

.modal_course .subject .subject_wrap{
padding:11px 0px 0px;
}

.modal_course .subject .subject_box{
width:48.35820895522388%;
margin:11px 0px 0px;
border-radius:10px;
background:#fff;
}

.modal_course .subject .subject_box .subject_box_inner{
padding:28px 0px 19px;
}

.modal_course .subject .subject_box .subject_img{
width:50px;
margin:0px auto 0px;
}

.modal_course .subject .subject_box .subject_item{
margin:22px 0px 12px;
text-align:center;
font-size:1.5rem;
font-weight:500;
line-height:1.6;
color:#000;
}

.modal_course .subject .subject_box p{
padding:0px 9.25925925925926% 0px;
}

.modal_course .learning{
margin:50px 0px 0px;
}

.modal_course .learning .learning_box{
margin:32px 0px 0px;
}

.modal_course .learning .learning_box:first-of-type{
margin:29px 0px 0px;
}

.modal_course .learning .learning_box table,
.modal_course .learning .learning_box th,
.modal_course .learning .learning_box td{
display:block;
width:100%;
}

.modal_course .learning .learning_box th{
padding:12px 15px 13px;
background:#5db6e7;
font-size:1.5rem;
font-weight:500;
line-height:1;
color:#fff;
}

.modal_course .learning .learning_box th span{
font-size:1.2rem;
}

#modal_sp.modal_course .learning .learning_box th{
background:#1c50a1;
}

.modal_course .learning .learning_box td{
padding:25px 19px 22px;
border:1px solid #ddd;
border-top:none;
}

.modal_course .learning .learning_box td .cando_ttl{
font-size:1.5rem;
font-weight:700;
line-height:1;
color:#1c50a1;
}

.modal_course .learning .learning_box td .cando_box{
padding:5px 0px 0px;
}

.modal_course .learning .learning_box td .cando_box li{
margin:11px 0px 0px;
list-style-type:none;
padding-left:1em;
text-indent:-1em;
}

.modal_course .learning .learning_box td .cando_box li:before{
content:"●";
color:#5db6e7;
}

#modal_sp.modal_course .learning .learning_box td .cando_box li:before{
color:#1c50a1;
}

.modal_course .learning .learning_box .level_box{
display:flex;
margin:5px 0px 0px;
background:#e5f1fa;
font-size:1.3rem;
font-weight:500;
line-height:1;
color:#1c50a1;
clip-path: polygon(
    0 0,
    calc(100% - 10px) 0,
    100% 50%,
    calc(100% - 10px) 100%,
    0 100%
  );
}

#modal_sp.modal_course .learning .learning_box .level_box{
background:#d6d8ec;
}

.modal_course .learning .learning_box .level_box:first-of-type{
margin:10px 0px 0px;
}

.modal_course .learning .learning_box .level_box p{
width:33.3%;
padding:7px 10px 6px;
text-align:center;
}

.modal_course .learning .learning_box .level_box p:first-of-type{
text-align:left;
}

.modal_course .learning .pickup{
margin:56px -50vw 0px;
}

.modal_course .learning .pickup .voice_dw{
padding:38px 0px 48px;
}

.modal_course .learning .pickup .voice_ttl{
width:70px;
}

.modal_course .learning .pickup .voice_wrap{
margin:27px 0px 0px;
}

.modal_course .learning .pickup .voice_img img{
width:100%;
}

.modal_course .learning .pickup .voice_box .voice_img p{
margin:13px 0px 0px;
font-size:1.5rem;
font-weight:500;
line-height:1.533;
color:#000;
}

.modal_course .learning .pickup .voice_box .voice_txt_body{
margin:8px 0px 0px;
}

.modal_course .learning .pickup .voice_nav{
top:79px;
}
	


/* contact
------------------------------------*/
.contact{
padding:100px 0px 0px;
}

.contact .contact_tel{
margin:46px 0px 0px;
}

.contact .contact_tel .contact_tel_box{
margin:29px 0px 0px;
text-align:center;
}

.contact .contact_tel .contact_tel_box .tel_num{
position:relative;
display:inline-block;
margin:0px 0px 0px -10px;
padding:0px 0px 0px 35px;
font-size:3.4rem;
font-weight:600;
line-height:1;
color:#1c50a1;
}

.contact .contact_tel .contact_tel_box .tel_num a{
color:#1c50a1;
text-decoration:none;
}

.contact .contact_tel .contact_tel_box .tel_num:before{
position:absolute;
display:inline-block;
width:25px;
height:27px;
left:0px;
top:4px;
content:"";
background:url("../image/icon_tel.svg") no-repeat center center;
background-size:auto 27px;
}

.contact .contact_tel .contact_tel_box .tel_info{
margin:4px 0px 0px;
font-size:1.3rem;
line-height:1.615;
color:#444;
}

.contact .contact_form{
margin:47px 0px 0px;
}

.contact .contact_form .form_intro_box{
margin:21px 0px 0px;
}

.contact .contact_form .form_intro_box .form_add{
padding:12px 0px 0px;
font-size:1.4rem;
line-height:1.714;
color:#666;
}

.contact .contact_form .form_intro_box .form_add li{
margin:10px 0px 0px;
}

.contact .form_box{
padding:0px 0px 0px;
}



/* form
------------------------------------*/
input[type="submit"],
input[type="button"]{
border-radius:0;
-webkit-box-sizing:content-box;
-webkit-appearance:button;
appearance:button;
border:none;
box-sizing:border-box;
cursor:pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration{
display:none;
}
input[type="submit"]::focus,
input[type="button"]::focus{
outline-offset:-2px;
}

input, button, textarea{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}

input[type=text]:focus,
textarea:focus,
button{
outline:none;
}

/* button{
background:none;
border:none;
font-size:100%;
font-family:inherit;
cursor:pointer;
} */

input.checkSingle_01[type="checkbox"],
input.radioSingle_01[type="radio"]{
display:none;
}

input.checkSingle_01[type="checkbox"] + label,
input.radioSingle_01[type="radio"] + label{
box-sizing:border-box;
position:relative;
display:inline-block;
cursor:pointer;
padding:0px 0px 0px 0px;
line-height:1;
}

input.checkSingle_01[type="checkbox"] + label:before,
input.radioSingle_01[type="radio"] + label:before{
position:relative;
box-sizing:border-box;
display:inline-block;
width:20px;
height:20px;
top:2px;
margin:0px 0px 0px 0px;
border:1px solid #ccc;
border-radius:2px;
vertical-align:text-top;
content:'';
transition:.2s;
background-color:#fff;
}

input.radioSingle_01[type="radio"] + label:before{
border-radius:50%;
}

input.checkSingle_01[type="checkbox"] + label:after{
display:block;
content:'';
position:absolute;
top:8px;
left:6px;
width:9px;
height:6px;
border-left:2px solid #1c50a1;
border-bottom:2px solid #1c50a1;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0;
transition:.1s;
}

input.radioSingle_01[type="radio"] + label:after{
display:block;
content:'';
position:absolute;
top:7px;
left:5px;
width:10px;
height:10px;
border-radius:50%;
background:#1c50a1;
opacity:0;
transition:.1s;
}

input.checkSingle_01[type="checkbox"]:checked + label:after,
input.radioSingle_01[type="radio"]:checked + label:after{
opacity:1;
}

.form_box dl{
margin:37px 0px 0px;
}

.form_box dt{
margin:0px 0px 16px;
font-size:1.5rem;
font-weight:500;
line-height:1.6;
color:#000;
}

.form_box dt span{
display:inline-block;
position:relative;
width:31px;
top:-1px;
margin:0px 0px 0px 13px;
padding:1px 0px 3px;
text-align:center;
background:#e60012;
font-size:1.1rem;
line-height:1;
color:#FFF;
}

.form_box .single_01,
.form_box textarea{
box-sizing:border-box;
width:100%;
padding:6px 14px 6px;
border:1px solid #BBB;
border-radius:5px;
vertical-align:bottom;
font-size:1.5rem;
font-family:'Noto Sans JP', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', "メイリオ", Meiryo, Osaka,'ＭＳ Ｐゴシック',"MS PGothic",sans-serif;
line-height:1.733;
}

.form_box textarea{
height:230px;
}

.form_box dd .check_box{
margin:17px 0px 0px;
line-height:1.6;
}

.form_box dd .check_box:first-of-type{
margin:-3px 0px 0px;
}

.form_box dd .check_box p{
padding:0px 0px 1px;
font-weight:500;
}

.form_box dd .check_box li{
margin:12px 0px 0px;
}

.form_box dl.contact_privacy_box dd .cp_intro{
margin:-2px 0px 0px;
font-size:1.4rem;
line-height:1.714;
}

.form_box dl.contact_privacy_box dd .pribacy_lnk{
margin:11px 0px 0px;
}

.form_box dl.contact_privacy_box dd .pribacy_lnk span{
display:block;
margin:1px 0px 13px;
font-size:1.4rem;
color:#666;
}

.form_box button.btn_submit{
display:block;
width:255px;
margin:54px auto 0px;
padding:12px 19px 14px 19px;
text-align:center;
border:1px solid #1c50a1;
border-radius:30px;
background:#1c50a1;
font-size:1.6rem;
font-weight:500;
font-family:inherit;
line-height:1.5;
color:#FFF;
transition:0.25s;
}

.contact .submit_ttl{
text-align:center;
font-size:1.6rem;
font-weight:500;
line-height:1.563;
color:#1c50a1;
}

.contact .btn_top{
margin:50px 0px 0px;
}

.form_box .form_error{
margin:-60px 0px 0px;
padding:85px 0px 0px;
text-align:center;
font-weight:500;
line-height:1.667;
color:#e60012;
}

.form_box .item_error{
margin:7px 0px 0px;
line-height:1.6;
color:#e60012;
}



/* notfound
------------------------------------*/
.notfound_rwap{
padding:87px 0px 0px
}

.notfound_rwap h2{
font-size:2.0rem;
font-weight:700;
line-height:1.5;
color:#1c50a1;
}

.notfound_rwap .notfound_txt{
padding:10px 0px 0px;
}

.notfound_rwap .notfound_txt p{
margin:19px 0px 0px;
}

.notfound_rwap .btn_top{
margin:50px 0px 0px;
}




/* pc_ver
------------------------------------*/
@media screen and (min-width:765px), print{
	
	header{
	position:fixed;
	width:347px;
	height:100%;
	border-right:1px solid #ddd;
	overflow-y:auto;
	}
	
	#contents{
	width:460px;
	margin:0px 0px 0px 347px;
	}
	
	
	/* header */
	.header_inner {
	display:block;
	padding:32px 40px 4px 40px;
	}
	
	.header_logo {
	position: relative;
	width:267px;
	height:30px;
	margin:0px 0px 0px;
	background:url(../image/logo.svg) no-repeat left top;
	background-size:auto 30px;
	}
	
	.header_logo a{
	width:267px;
	height:30px;
	}
	
	.nav_wrap{
	display:block;
	}
	
	header nav{
	position:relative;
	pointer-events:auto;
	opacity:1;
	}
	
	header nav .nav_inner{
	padding:26px 0px 56px;
	opacity:1;
	transform:translateY(0px);
	}
	
	header .nav_open{
	display:none;
	}
	
	
	/* footer */
	footer{
    margin:100px 0px 0px;
	}
	
	
	
	/* coomon
	------------------------------------*/
	.pc_bg{
	position:fixed;
	display:block;
	width:calc(100% - 807px);
	height:100%;
	left:807px;
	top:0px;
	overflow:hidden;
	}
	
	.pc_bg img{
	height:100%;
	font-family:'object-fit: cover;';
	object-fit:cover;
	object-position:right top;
	}
	
	.pc_bg:before{
	position:fixed;
	display:block;
	width:calc(100% - 807px);
	height:100%;
	left:807px;
	top:0px;
	content:"";
	background:rgba(93,182,231,0.55);
	}
	
	
	/* top
	------------------------------------*/
	.intro {
	padding:41px 0px 0px;
	}
	
	.intro .mg{
	width:460px;
	left:50%;
	right:auto;
	margin:-15px 0px 0px -230px;
	}
	
	.intro .mg ul.mg_gly{
	max-width:100%;
	}
	
	.intro .gallery{
	width:460px;
	left:50%;
	right:auto;
	margin:63px 0px 0px -230px;
	}

	.intro .gallery_wrap{
	display:flex;
	max-width:100%;
	overflow-x:hidden;
	}
	
	.voice{
	width:460px;
	left:50%;
	right:auto;
	margin:73px 0px 0px -230px;
	}

	.voice .voice_dw{
	display:block;
	max-width:100%;
	}
	
	.career_support .career_support_img{
	width:460px;
	left:50%;
	right:auto;
	margin:28px 0px 0px -230px;
	}

	.career_support .career_support_img ul{
	max-width:100%;
	}
	
	.scholarship .scholarship_voice {
	margin:31px 0px 0px -230px;
	}
	
	.school_Info .school_Info_img{
	width:460px;
	left:50%;
	right:auto;
	margin:37px 0px 0px -230px;
	}

	.school_Info .school_Info_img img{
	max-width:100%;
	}
	
	
	/* sub_info */
	.sub_info{
	display:none;
	}
	
	.calendar{
	display:block;
	width:calc(100% - 807px);
	height:auto;
	left:807px;
	top:auto;
	bottom:40px;
	pointer-events:auto;
	visibility:visible;
	}
	
	.calendar .modal_overlay{
	display:none;
	}
	
	.calendar .calendar_box{
	width:351px;
	transform: translateY(0px);
	opacity: 1;
	}
	
	.calendar .calendar_box .sec_inner{
	padding:0px;
	}
	
	.calendar .calendar_box .modal_close{
	display:none;
	}
	
	.pc_sns{
	position:fixed;
	display:flex;
	justify-content:center;
	align-items:center;
	width:calc(100% - 807px);
	height:calc(100% - 400px);
	left:807px;
	top:0px;
	text-align:center;
	z-index:1;
	}
	
	.pc_sns .pc_sns_inner{
	margin:3px 0px 0px;
	}
	
	.pc_sns .fnt_en{
	font-size:2.0rem;
	font-weight:600;
	line-height:1;
	color:#fff;
	}

	.pc_sns ul{
	display:flex;
	justify-content:center;
	align-items:center;
	margin:29px 0px 0px;
	}

	.pc_sns ul li{
	width:32px;
	margin:0px 15px 0px;
	}
	
	.pc_sns ul li a{
	display:block;
	}

	.pc_sns ul li.icon_youtube{
	width:41px;
	}
	
	
	
	/* modal_course
	------------------------------------*/
	.modal_course{
	width:460px;
	left:347px;
	}
	
	.modal_overlay{
	width:460px;
	left:347px;
	}
	
	.modal_course{
	display:flex;
	align-items:center;
	top:0px;
	}
	
	.modal_course_wrap{
	height:calc(100% - 15%);
    border-radius:30px 30px 30px 30px;
	transform:translateY(calc(100% + 15%));
	}
	
	.modal_body {
	border-radius: 30px 30px 30px 30px;
	}
	
	.modal_course .learning .pickup{
	margin:56px 0px 0px -230px;
	}
	
	
	
	/* contact
	------------------------------------*/
	.contact{
	padding:33px 0px 0px;
	}
	
	
	
	/* notfound
	------------------------------------*/
	.notfound_rwap{
	padding:34px 0px 0px
	}
	
	
}





/* amimetion
------------------------------------*/
/* itemFadeup */
.fadeup,
.work_photo p{
opacity:0;
}

@media print{
	.fadeup,
	.work_photo p{
		opacity:1!important;
	}
}

.scrollin_fadeup{
animation-name:smoothAnime;
animation-duration:1.2s;
animation-fill-mode:forwards;
animation-timing-function:ease;
transform-origin:left;
opacity:0;
}

@keyframes smoothAnime{
  from {
  transform:translateY(30px);
  opacity:0;
  }

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

.fadeup_delay_2{
animation-delay:0.2s;
}

.fadeup_delay_3{
animation-delay:0.4s;
}

.fadeup_delay_4{
animation-delay:0.6s;
}

.fadeup_delay_5{
animation-delay:0.8s;
}



/* link
------------------------------------*/
a{
color:#44b6e7;
text-decoration:none;
}

.contents_primary a{
text-decoration:underline;
}

/* a:hover{
color:#37354D;
text-decoration:none;
}

a:active{
color:#37354D;
} */



/* clear
------------------------------------*/
/* clearfix hack */
.clf:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
overflow:hidden;
font-size:0.1em;
line-height:0;
}

.clf{
display:inline-block;
}

/* exlude MacIE ＼*/
* html .clf{
height:1%
}

.clf{
display:block;
}
/* end MacIE */