html {
 overflow-y: scroll;
}

body{font-size:16px; font-family: 'Noto Sans JP'; line-height:1.6; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; }
.global-inner{ margin:0 auto; width:80%; max-width:1200px; }
img{width:100%; height:auto;vertical-align: middle;}

h1,h2,h3{line-height:1; }
h1,h2,h3,h4,h5,h6{font-weight:bold;}


h2{color:#231815; font-size:17px; text-align:center;}
h2 span{display:block; margin-bottom:10px; color:#BB1A29; font-size:54px;}

a{color:#BC1A29;}

main{padding-top:200px; padding-bottom:100px;}


ul.check02 li{background-size: 20px;	background-position: left top 4px;	padding-left: 30px;	background-image: url(/image/ic-check02.svg);	background-repeat: no-repeat; font-weight:bold;}
ul.circle li {padding-left: 30px; margin-bottom:5px;    text-indent: -15px;}
ul.circle li:last-child{margin-bottom:0;}
ul.circle li::before {content: "";    width: 10px;height: 10px;    background-color: #333;    display: inline-block;    vertical-align: middle;    border-radius: 50%;    margin-right: 7px;}

.btn{transition: all 0.3s; } 
.btn a{display:block; padding:10px 40px;width: fit-content; margin:0 auto; border-radius:50px;text-align:center; font-weight:bold; font-size:16px;color: #164A50;border: solid 3px #164A50; white-space:nowrap;transition: all 0.2s;}
.btn.bg-white a{ margin:inherit; border-radius:10px;color: #000; background:#FFF;border: solid 8px #ea5506; }
.btn a:hover{transition: all 0.2s;transform:scale(1.1); } 
/*table{width:100%; margin-bottom:60px;position: relative;}
table th{background:#cfdbe4; vertical-align:middle; }
table th:first-child{width:30%;}
table th:nth-child(2){width:35%;}
table th:nth-child(3){width:35%;}
table th.color{ background:#BC1A29; color:#FFF}
table , td, th {border: solid 5px #fbf2e1;border-collapse: collapse;padding:20px;}*/







@media screen and (max-width: 768px) {
.global-inner{ margin:0 auto; width:90%; }
main{padding-top:160px; padding-bottom:100px;}
.copy{font-size:20px !important;}
.btn.bg-white a{padding: 10px 25px;}

}

@media screen and (max-width: 500px) {
main{padding-top:180px; }
h2,h3{line-height:1.4;}
}
@media screen and (max-width: 375px) {
main{padding-top:180px; }
}

/*====================
ヘッダー
=====================*/

header{position: fixed;top: 0;left: 50%; transform: translateX(-50%); width: 100%; z-index:3;display:flex;align-items: center;justify-content: space-between;padding-bottom: 20px; padding-top:20px;}
header.scroll{ transition: top 0.3s;}
header #navArea{}
header #navArea .inner{width:100%; padding:0px;}

header .logo{margin-left:40px;}
header .logo a{display:flex;align-items: center;transition:.3s}
header .logo img{width:auto; height:120px;}
header .logo a:hover{opacity: 0.6;transition: 0.3s;}
nav{ background:#FFF; border-radius:50px; padding:0px 40px;margin-right:40px; }
nav ul{display:flex;align-items: center;flex-wrap: wrap;line-height:1.2; padding:18px 0px;}
nav ul li{font-size:15px;  }
nav ul li a{color:#000;  padding-right:20px; padding-left:20px;transition:0.5s all; text-align:center;display: block; }

nav ul li.red{margin-left:20px; margin-right:20px;}
nav ul li.red a{ border-radius:25px; color:#FFF; padding:5px 10px; background:#BB1A29;}
nav ul li span{display:block;}


nav ul{border-top:solid 1px #B4B4B5;justify-content: center;padding:10px 0px;}
nav ul:nth-of-type(1) li{font-weight:bold;}

#navbar {  transition: top 0.3s;}




ul.gnavi__lists{border-top:none;border-bottom:none;align-items: flex-start;    align-items: center;}
li.gnavi__list{position:relative;}
li.gnavi__list:hover a{color:#C71528;}
li.gnavi__list:hover .dropdown__lists {
    display: block;
}
li.gnavi__list span{font-size:12px; display:block;}

ul.dropdown__lists {
    display: none;/*デフォルトでは非表示の状態にしておく*/
    width: fit-content;
    position: absolute;
    top: 18px;
    left: -40px;
	border-bottom: none !important;
	background:#FFF; border-radius:25px;
	padding:20px 0 !important;
	border-top:none;
}
.gnavi__list:last-child ul.dropdown__lists{left:inherit; right:-40px;}
li.dropdown__list {
	color:#231815;
    transition: all .3s;
    position: relative;
	
	
}
li.dropdown__list:hover {
    background-color: #C71528;
	color:#FFF;
}
li.dropdown__list a {
    color: #231815 ;
	white-space:nowrap;text-align:left;padding:10px 15px;
}
li.dropdown__list a.black{color: #231815;}
li.dropdown__list a.red{color: #BB1A29;}

li.dropdown__list:hover a{color:#FFF;}




@media screen and (max-width: 1400px) {
header .logo{margin-left:20px;}
header .logo img{width:auto; height:100px;}
nav{ padding:0px 20px;margin-right:20px; }
nav ul{padding:10px 0px;}
nav ul li{font-size:15px;  }
nav ul li a{padding-right:10px; padding-left:10px; }
}


@media screen and (max-width: 1300px) {
header .logo{margin-left:20px;}
header .logo img{width:auto; height:80px;}
nav{ padding:0px 20px;margin-right:20px; }
nav ul{padding:10px 0px;}
nav ul li{font-size:14px;  }
nav ul li a{padding-right:10px; padding-left:10px; }
}

                          
/*====================
ハンバーガーメニュー
=====================*/
@media screen and (max-width: 768px) {
header{height:60px; position:fixed;left: unset;right: 0;width: 100%;transform: unset;top: 0px; z-index:3;display:flex;flex-wrap: wrap;align-items: center;justify-content: space-between; padding:0px 10px; border-radius:0px;}
header.scroll{ background-color:transparent;box-shadow: none;transition: top 0s;}

nav {display: block;position: fixed;top: 0;right: -300px;width: 300px;background-color:#F4ECD3;-webkit-overflow-scrolling: touch;transition: all 0.5s;z-index: 102;opacity: 0;margin-left:0px; margin-right:0px; display:flex;flex-direction: column;justify-content: flex-start;        overflow: scroll; padding-bottom:100px;}
nav ul{border-top:solid 1px #B4B4B5; border-bottom:none;}
nav ul li{margin-bottom:20px;}
nav ul li span{ font-size:16px;}

nav ul li:after{content:none;}
nav ul li a{color:#000; font-size:18px;}
nav ul li a span{font-size:10px;}
nav ul li.blue{margin-left:20px; margin-right:20px;}
nav ul li.blue a{ border-radius:25px; color:#FFF; padding:5px 10px; background:#033491;}

header .logo{margin-left:10px; margin-top:10px;}
header .logo img{width:auto; height:60px;}

.open nav {right: 0;opacity: 1;top:0px;box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.08);width:100%; height:100%; padding-top:60px;color:#FFF;}
header ul{padding-right:0%; padding-top:20px;font-size:24px;flex-direction: column;}
header ul.menu li{text-align:right; margin-bottom:30px; }


header .copyright{position: absolute; bottom: 1%; left: 50%; transform: translateX(-50%); color:#0CA20F; font-size:12px; }

ul.sp-navi{display:flex;flex-direction: row;justify-content: center;flex-wrap: wrap;padding:10px; background:#FFF; border-radius:50px; font-size:12px; width:100%; margin-top:20px;position: relative;}
#sp-navi{transition: top 0.3s;}

ul.sp-navi li{ text-align:center; border-right:solid 1px #000;}
ul.sp-navi li a{padding-right: 10px;padding-left: 10px; color:#000;}
ul.sp-navi li:last-child{border-right:none;}


li.gnavi__list{width:350px;}

ul.dropdown__lists {
    width: 100%;
    position: static;
    top: unset;
    left: unset;
	border-bottom: none !important;
	background:none; border-radius:0px;
	padding:20px 0 !important;
	border-top: none;
}
li.dropdown__list{margin-bottom:0;}
li.dropdown__list a{font-size:14px;text-align: center;}
ul.gnavi__lists{align-items: center;}

}


@media screen and (max-width: 500px) {
ul.sp-navi li{width:50%; border-bottom:solid 1px #000; padding-bottom:5px;padding-top:5px;}
ul.sp-navi li:nth-child(even){border-right:none;}
ul.sp-navi li:nth-child(5){border-bottom:none;}
ul.sp-navi li:nth-child(6){border-bottom:none;}

ul.sp-navi li a{padding-right: 3px;padding-left: 3px; color:#000;}
}
/*============
ハンバーガーメニューのトグル
=============*/
@media screen and (max-width: 768px) {
.toggle_btn {display: block;position: fixed;top:0px; right:0px;width: 60px;height: 60px;transition: all .5s;cursor: pointer;z-index: 103; background-color:transparent;}
.toggle_btn p{font-size:12px;}
.toggle_btn span {display: block;position: absolute;left: 15px;width: 30px;height: 3px;background-color: #FFF;border-radius: 4px;transition: all .5s;}
.toggle_btn span:nth-child(1) {top: 22px;}
.toggle_btn span:nth-child(2) {top: 32px; width:30px;left: unset;right: 15px;}
.toggle_btn span:nth-child(3) {top: 42px;}
.open .toggle_btn span {background-color: #B80012;}
.open .toggle_btn span:nth-child(1) {transform: translateY(10px) rotate(-315deg);}
.open .toggle_btn span:nth-child(2) {opacity: 0;}
.open .toggle_btn span:nth-child(3) {transform: translateY(-10px) rotate(315deg);}

/*========================
ハンバーガーメニューのマスク
=========================*/
#mask {display: none;transition: all .5s;}
.open #mask {display: block;position: fixed;top: 0;right: 0;width: 100%;height: 100%;opacity: .8;z-index: 101; }
}

/*====================
トップページ
=====================*/
.top{background-color:#ADDBE1; background-image:url(/image/top.webp); background-repeat:no-repeat; background-size:1100px;background-position: center 150px;  }
.top .department-map{border-radius:0;}

@media screen and (max-width: 1200px) {
.top{background-size:1000px;  }
}

@media screen and (max-width: 768px) {
.top{background-image:url(/image/top-sp.png); background-size:500px auto ;background-position: center 170px;  }
}

@media screen and (max-width: 500px) {
.top{background-image:url(/image/top-sp.png); background-size:375px auto;background-position: center 210px;  }
}


/*====================
キービジュアル
=====================*/
.kv{width:100%; text-align:center;overflow-x:hidden;}
.kv h1{width:40%; padding-top:33%; margin-left:auto; margin-right:auto; margin-bottom:60px; }
.kv .copy{font-size:40px; color:#BB1A29; font-weight:bold; position:absolute; top:18%; left:40px;}
.kv .contact{ position:fixed; right:3%; top:70%; z-index:2}
.kv .contact li{font-size:14px; font-weight:bold; line-height:1.4; margin-bottom:20px;}
.kv .contact li a{display:block; height:110px; width:110px; border-radius:50%; color:#164A50; text-align:center; background:#FFF;display:flex;flex-direction: column;justify-content: center;transition: all 0.3s;}
.kv .contact li a span{display:block; margin-bottom:5px;}
.kv .contact li a span img{width:20%;}
.kv .contact li a:hover{background-color: #fdf3e2; transition: all 0.3s;transform:scale(1.1);}
.kv .contact li a.bg-red{background:#BB1A29; color:#FFF; margin-bottom:40px;}
.kv .contact li a.bg-blue{background:#033491; color:#FFF; margin-bottom:80px;}
.kv .application{position:fixed; top:250px; right:5%;display:flex;flex-direction: column; z-index:2;}
.kv .application a{margin-bottom:20px; display:block;}
.kv .application a img{ width:160px;transition: all 0.3s;}
.kv .application a img:hover{transition: all 0.3s;transform:scale(1.1);}

.kv .next{position:fixed; top:250px; left:5%;display:flex;flex-direction: column; z-index:2;}
.kv .next a{margin-bottom:20px; display:block;}
.kv .next a img{ width:160px;transition: all 0.3s;}
.kv .next a img:hover{transition: all 0.3s;transform:scale(1.1);}


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

.kv .contact{ position:absolute;display:block;width:90%; margin:0 auto 0px auto; top:inherit; bottom:15px;  z-index:2;}
.kv .contact li{font-size:11px; font-weight:bold; line-height:1.4; margin-bottom:10px;}
.kv .contact li a{display:block; height:80px; width:80px; margin-left:auto; border-radius:50%; color:#164A50; text-align:center; background:#FFF;display:flex;flex-direction: column;justify-content: center;transition: all 0.3s;}
.kv .contact li a span{display:block; margin-bottom:5px;}
.kv .contact li a span img{width:20%;}
.kv .contact li a:hover{background-color: #fdf3e2; transition: all 0.3s;transform:scale(1.1);}
.kv .contact li a.bg-red{background:#BB1A29; color:#FFF; margin-bottom:0px;}
.kv .contact li a.bg-blue{background:#033491; color:#FFF; margin-bottom:0px;}
.kv .application{top:350px; right:2%;}
.kv .application a{margin-bottom:10px; }
.kv .application a img{ width:90px;}

.kv .next{top:350px; left:2%;}
.kv .next a{margin-bottom:10px; }
.kv .next a img{ width:90px;}

}

/*====================
トップ：オープンキャンパス
=====================*/
.top-open-campas{ width:80%; min-width:1200px; margin-left:auto; margin-right:auto; margin-top:730px;   }
.top-open-campas .box{border-radius:25px; padding:40px 60px 60px 60px; position:relative; display:flex; justify-content: space-between;align-items: flex-end;background:#FFF;}
.top-open-campas .box .item{border-radius:15px; background:#FBF3F1; border:solid 1px #164A50; padding:10px 10px 10px 40px; position:relative; text-align:center; z-index:1; width: 15%;min-width: 200px;height: 220px;display:flex;flex-direction: column;}
.top-open-campas .box .item img{position:absolute; bottom:-40px; left:-30px; }
.top-open-campas .box .item a{color:#000;}

.top-open-campas .box .item img{width:auto;}
.top-open-campas .box .item:before{content:""; position:absolute; width:80px; height:250px; left:-40px; top: -25px;   background-size: contain;background-repeat:no-repeat; background-size:auto 250px;}
.top-open-campas .box .item:nth-child(1):before{ background-image:url(/image/top-open-campas-person1.png)}
.top-open-campas .box .item:nth-child(2):before{ background-image:url(/image/top-open-campas-person2.png);width:115px; left:-60px;}
.top-open-campas .box .item:nth-child(3):before{ background-image:url(/image/top-open-campas-person3.png)}
.top-open-campas .box .item:nth-child(4):before{ background-image:url(/image/top-open-campas-person4.png)}


.top-open-campas .box .item:nth-child(1) img{height:250px;}
.top-open-campas .box .item:nth-child(2) img{height:250px; left:-25%;}
.top-open-campas .box .item:nth-child(3) img{height:250px;}
.top-open-campas .box .item:nth-child(4) img{height:250px;}

.top-open-campas .box .item .btn{margin-top:auto;}
.top-open-campas .box .item .btn a {display: block;    padding: 5px 40px;width: fit-content;margin: 0 auto;border-radius: 50px;text-align: center;    font-weight: bold;
    font-size: 15px;
    background: #BB1A29;
    color: #FFF;
	border:none; transition: all 0.3s;
}

.top-open-campas .box .item .btn a:hover{transition: all 0.3s;transform:scale(1.05);}

.top-open-campas .box img.btn{width:120px; transition: all 0.3s;    position: relative; z-index:1;}
.top-open-campas .box img.btn:hover{ transition: all 0.3s;transform:scale(1.1);}
.top-open-campas .box img.ic1{ position:absolute; top:0px; right:10px; width:220px;}
.top-open-campas .box img.ic2{ position:absolute; bottom:-50px; right:-40px; width:60%;    z-index: 1;}
.top-open-campas .box img.flag{ position:absolute; top:-70px; left:80px; width:150px;}


.top-open-campas h3{display: flex;align-items: center;justify-content: center; line-height:1.3; min-height:40px; }
.top-open-campas h3 span{height:36px; width:36px; text-align:center; line-height:36px;color:#FFF; font-size:24px;display: inline-block; margin-right:10px;}

.top-open-campas h3.red{color:#BB1A29;}
.top-open-campas h3.red span{background:#BB1A29;}

.top-open-campas h3.blue{color:#164A50;}
.top-open-campas h3.blue span{background:#164A50;}

.top-open-campas h3.orange{color:#E9A300;}
.top-open-campas h3.orange span{background:#E9A300;}

.top-open-campas .status{color:#BB1A29; margin-top:5px; font-weight:bold; font-size:14px; line-height:1.2; margin-bottom:5px;}

.top-open-campas .date{font-size:46px;white-space: nowrap;line-height: 1.2;margin-top:5px;}
.top-open-campas .date span{font-size:24px;}

.top-open-campas .open-campas-btn{ display:flex;flex-direction: column;    align-items: center;}
.top-open-campas .open-campas-btn a img{width:120px;transition: all 0.3s;}
.top-open-campas .open-campas-btn a:first-child{margin-top:-70px;}
.top-open-campas .open-campas-btn a:first-child img{width:140px; margin-bottom:20px;}
.top-open-campas .open-campas-btn img:hover{ transition: all 0.3s;transform:scale(1.1);}



@media screen and (max-width: 1200px) {
.top-open-campas{ width:90%; min-width:auto; margin-top:700px;   }
}


@media screen and (max-width: 768px) {
.top-open-campas{ width:90%; min-width:auto; margin-top:780px;   }
.top-open-campas h3{flex-direction: column;font-size: 14px;        margin-bottom: auto;}
.top-open-campas h3 span{height:20px; width:20px;  line-height:20px;font-size:15px;margin-right:0px; margin-bottom:5px;}
.top-open-campas .box{padding:0px;background:none;flex-wrap: wrap;justify-content: space-around;}
.top-open-campas .box img.flag{    top: -70px;
    left: 10px;
    width: 100px;}
.top-open-campas .box .item{width:45%; margin-bottom:20px;min-width: auto; height:200px;display:flex;flex-direction: column;}
.top-open-campas .box .item img{bottom:0;}

.top-open-campas .box .item:before{width:80px; height:250px; left:0px; top: 0px;   background-size: contain;background-repeat:no-repeat; background-size:auto 200px;}
.top-open-campas .box .item:nth-child(2):before{ width:115px; left:-30px;}

.top-open-campas .date{font-size:36px;}
.top-open-campas .date span{font-size:16px;}
.top-open-campas .hour {font-size: 14px;}
.top-open-campas .box .item:nth-child(1) img{height:150px; left:-5%;}
.top-open-campas .box .item:nth-child(2) img{height:150px; left:-15%;}
.top-open-campas .box .item:nth-child(3) img{height:150px; left:-8%;}
.top-open-campas .box .item:nth-child(4) img{height:150px; left:-5%;}
.top-open-campas .box img.btn {width: auto; height:120px}
.top-open-campas .box .item .btn{font-size:14px;}
.top-open-campas .box .item .btn a{padding:5px 30px;}
.top-open-campas .open-campas-btn{ display:flex;flex-direction: row;justify-content: space-between;}
.top-open-campas .open-campas-btn a{margin:0 20px;}
.top-open-campas .open-campas-btn a:first-child{margin-top:0px;}
.top-open-campas .open-campas-btn a img{width:120px;}
.top-open-campas .open-campas-btn a:first-child img{width:120px; margin-bottom:0px;}
}


@media screen and (max-width: 500px) {
	
.top-open-campas{ margin-top: 730px;}
.top-open-campas .box{}
.top-open-campas .box .item{width:45%;}
.top-open-campas .box .item:before{top:0; left:-20px;}

.top-open-campas .box .item:nth-child(2) img{height:150px; left:5%;}
.top-open-campas .box img.btn{margin-top:20px;}
.top-open-campas .box img.ic2{right:0;}
.top-open-campas .box .item .btn a{padding:5px 10px;}
}

/*====================
トップ：イベント
=====================*/
.top-event{ background:url(/image/top-event-bg.svg) no-repeat; background-size:100%; margin-top:80px; padding-bottom:200px;}
/*.top-event{ display:none !important;}*/
.top-event .box{display:flex;justify-content: center; margin-left:auto; margin-right:auto; padding-top:200px; }
.top-event .box .item{ width:15%; min-width:250px; margin-left:3%; margin-right:3%; position:relative;}
.top-event .box .item .date-circle{height:100px; width:100px;border-radius:50%; color:#FFF;display:flex;justify-content: center;flex-direction: column; text-align:center; font-size:31px; line-height:1.2; position:absolute; top: -20%;    left: -12%;}
.top-event .box .item .date-circle span{font-size:24px; display:block;}
.top-event .box .item .date-circle{ background:#557A5A;}
.top-event .box .item:nth-child(even) .date-circle{ background:#164A50;}
.top-event .box .item .photo{border-radius:0;border:solid 1px #707070;   overflow: hidden;aspect-ratio: 1;}
.top-event .box .item .photo img{  object-fit:cover; height:100%;}
.top-event .box .item h3{ font-size:20px; color:#BB1A29;margin-top:20px; line-height:1.2;}
.top-event .box .item .date{font-size:13px; margin-top:5px;color:#000; }
.top-event .box .item .text{ font-size:10px; margin-top:20px;color:#000;}

.top-event .box .item:nth-child(1){margin-top:20px;}
.top-event .box .item:nth-child(2){margin-top:-40px;}
.top-event .box .item:nth-child(3){margin-top:20px;}
.top-event .box .item:nth-child(4){margin-top:-40px;}
/*.top-event .box .item:nth-child(3) .date-circle{ left:unset; right:-40px}
.top-event .box .item:nth-child(4) .date-circle{ left:unset; right:-40px}*/
    

.top-event h2{margin-top: 10px;}


@media screen and (max-width: 768px) {
.top-event{ background:url(/image/top-event-bg-sp.svg) no-repeat; background-size:100%; margin-top:100px; padding-bottom:200px; position:relative; padding-top:40px;}
.top-event h2{position:absolute;  top: 20px; left: 50%; transform: translateX(-50%); margin-top:0; }
.top-event .box{display:flex;justify-content: space-between;flex-wrap: wrap; width:90%; min-width:auto;margin-left:auto; margin-right:auto; padding-top:120px; }
.top-event .box .item{ width:45%; min-width:inherit; margin-left:0%; margin-right:0%; margin-bottom:40px;}
.top-event .box .item .date-circle{height:50px; width:50px;top:-10%; left:-2%;    font-size: 15px;}
.top-event .box .item .date-circle span{font-size:16px;}

/*.top-event .box .item:nth-child(3) .date-circle{ left:unset; right:-2%;}
.top-event .box .item:nth-child(4) .date-circle{ left:unset; right:-2%;}
*/


.top-event .box .item .photo{width:100%; height:41vw;  }
.top-event .box .item h3{ font-size:16px; margin-top:20px;}
.top-event .box .item .text{  margin-top:10px;}
.top-event .box .item:nth-child(1){margin-top:40px;}
.top-event .box .item:nth-child(2){margin-top:40px;}
.top-event .box .item:nth-child(3){margin-top:40px;}
.top-event .box .item:nth-child(4){margin-top:40px;}
}



/*====================
トップ：ニュース
=====================*/
.top-news{ background:url(/image/top-news-bg.svg) no-repeat; background-size:100%; /*margin-top:-250px;*/margin-top:100px; padding-bottom:100px;padding-top:100px;}
.top-news .box{display:flex;align-items: center; max-width:1000px; margin-left:auto; margin-right:auto;}
.top-news .box .head{ margin-right:60px; width:160px;}
.top-news .box .item{}
.top-news .box ul{width:700px; display:flex;align-items: center;padding:15px;border-bottom:solid 1px #B4B4B5;}
.top-news .box ul li{width:450px; }
.top-news .box ul li.date{width:150px;font-size:16px;}
.top-news .box ul li.category{width:100px; border-radius:25px; background:#F6B8AC;padding:5px; text-align:center; margin-right:40px; font-size:12px; margin-bottom:0;}
.top-news .box ul li.category.news{border:solid 1px #BB1A29; background:#FFF;}
.top-news .box ul li a{color:#000;}
@media screen and (max-width: 768px) {
.top-news{ position:relative;margin-top: -100px;background:url(/image/top-news-bg-sp.svg) no-repeat;background-size: 100%;        padding-bottom: 200px;}
.top-news .box{flex-direction: column;}
.top-news .box .item{ width:90%; margin-left:auto; margin-right:auto;}
.top-news .box .head{margin-right:0;}
.top-news .box ul{width:100%;flex-wrap: wrap;}
.top-news .box ul li{ width:100%;}
}

/*====================
シラバス
=====================*/
.department-syllabus .box{ display:flex; flex-wrap: wrap;}
.department-syllabus .card{width:31%; margin-right:3%; margin-bottom:20px;}
.department-syllabus .card:nth-child(3n){margin-right:0;}
.department-syllabus .card .photo{overflow:hidden;    }
.department-syllabus .card .photo img{height:160px; }
.department-syllabus .card h3{display:flex;justify-content: space-between;align-items: center; padding:20px 20px;width:100%;  color:#FFF;height:50px;border-radius: 0 0 10px 10px;background-image:url(/image/ic-arrow-right-white.svg) !important ;font-family: "maru-maru-gothic-alr-stdn", sans-serif; font-size:15px !important; margin-top:0 !important;}
.department-syllabus .card h3 img{height:7px; width:auto;}


.department-syllabus .card.card01{border: solid 3px #215379;}
.department-syllabus .card.card01 .photo{}
.department-syllabus .card.card01 h3{background-color:#215379; color:#FFF;}

.department-syllabus .card.card02{border: solid 3px #0E7994;}
.department-syllabus .card.card02 .photo{}
.department-syllabus .card.card02 h3{background-color:#0E7994; color:#FFF; }

.department-syllabus .card.card03{border: solid 3px #D64C4C;}
.department-syllabus .card.card03 .photo{}
.department-syllabus .card.card03 h3{background-color:#D64C4C; color:#FFF;}

.department-syllabus .card.card04{border: solid 3px #EFAA30;}
.department-syllabus .card.card04 .photo{}
.department-syllabus .card.card04 h3{background-color:#EFAA30; color:#FFF;}


.department-syllabus .card.card05{border: solid 3px #ED6F35;}
.department-syllabus .card.card05 .photo{}
.department-syllabus .card.card05 h3{background-color:#ED6F35; color:#FFF;}

.department-syllabus .card.card06{border: solid 3px #65B300;}
.department-syllabus .card.card06 .photo{}
.department-syllabus .card.card06 h3{background-color:#65B300; color:#FFF; }

@media screen and (max-width: 768px) {
.department-syllabus .box{ flex-direction: column;}
.department-syllabus .card{width:100%; margin-right:0%; }
}
/*====================
学科：マップ
=====================*/
.department-map{ background-image:url(/image/department-map-bg.svg) ; background-repeat:no-repeat; background-size:1100px;    background-position: center top 100px;    padding-top: 100px;  background-color:#FFF; padding-bottom:100px; height:1400px; position:relative;border-radius: 100px 100px 0 0; margin-top:-100px;}
.department-map h2{color: #BB1A29 !important;    font-size: 25px !important; text-align:left !important; background:none !important;}
.department-map h2:before,.department-map h2:after{content:none !important;}
.department-map .box{ width:1200px; margin:0 auto; position:relative; border-radius:0 !important; border:none !important; padding:0 !important; }
.department-map .card{width:300px; position:absolute;overflow: visible; border:none;}
.department-map .card .photo{overflow:hidden;    border-radius: 15px 15px 0 0;}
.department-map .card .photo img{height:160px; }
.department-map .card h3{display:flex;justify-content: space-between;align-items: center; padding:20px 20px;width:100%;  color:#FFF;height:50px;z-index: 1;position: relative; border-radius: 0 0 15px 15px;background-image:url(/image/ic-arrow-right-white.svg) !important ;font-family: "maru-maru-gothic-alr-stdn", sans-serif; font-size:15px; margin-bottom: 0;}
.department-map .card h3 img{height:7px; width:auto;}
.department-map .card:after{content:"";position: absolute;  top: 92%;border: 15px solid transparent; }


.department-map .card.card01{top:190px; left:100px;}
.department-map .card.card01 .photo{border: solid 3px #215379;}
.department-map .card.card01 h3{background-color:#215379; color:#FFF;}
.department-map .card.card01:after{left: 60%;  border-top: 60px solid #215379;rotate: 35deg;}

.department-map .card.card02{top:510px; left:330px;}
.department-map .card.card02 .photo{border: solid 3px #0E7994;}
.department-map .card.card02 h3{background-color:#0E7994; color:#FFF; padding-top:23px;}
.department-map .card.card02:after{left: 20%;  border-top: 60px solid #0E7994;rotate: 35deg;}

.department-map .card.card03{top:140px; right:320px;}
.department-map .card.card03 .photo{border: solid 3px #D64C4C;}
.department-map .card.card03 h3{background-color:#D64C4C;border: solid 3px #D64C4C;   }
.department-map .card.card03:after{  left: 20%;border-top: 60px solid #D64C4C;rotate: -35deg;}

.department-map .card.card04{top:380px; right:120px;}
.department-map .card.card04 .photo{border: solid 3px #EFAA30;}
.department-map .card.card04 h3{background-color:#EFAA30; color:#FFF;}
.department-map .card.card04:after{ left: 70%;    border-top: 60px solid #EFAA30;rotate: 35deg;}


.department-map .card.card05{top:910px; left:100px;}
.department-map .card.card05 .photo{border: solid 3px #ED6F35;border-radius: 0 0 15px 15px;}
.department-map .card.card05 h3{background-color:#ED6F35; color:#FFF;border-radius: 15px 15px 0 0;}
.department-map .card.card05:after{left: 73%;top:-55px;  border-top: 60px solid #ED6F35;rotate: 220deg;}

.department-map .card.card06{top:840px; right:280px;}
.department-map .card.card06 .photo{border: solid 3px #65B300;border-radius: 0 0 15px 15px;}
.department-map .card.card06 h3{background-color:#65B300; color:#FFF; border-radius: 15px 15px 0 0; padding-top:23px;}
.department-map .card.card06:after{left: 80%; top:-55px;  border-top: 60px solid #65B300;rotate: 220deg;}


@media screen and (max-width: 768px) {
.department-map h2{text-align:center !important;}
.department-map{ background-image:url(/image/department-map-bg-sp.svg) ; background-size:500px;    background-position: center top 150px;    padding-top: 50px;   padding-bottom:100px; height:1500px; margin-top:-100px;    border-radius: 50px 50px 0 0;}
.department-map .box{ width:500px;}

.department-map .card{width:220px;}
.department-map .card:after {top:160px;}
.department-map .card .photo img{height:120px;}
.department-map .card h3{padding:20px 10px; font-size:12px;background-size: 20px;    background-position: right 10px center; margin-bottom:0;}
.department-map .card.card01{top:40px; left:190px;}
.department-map .card.card01:after{left: 15%;border-top: 40px solid #215379; }

.department-map .card.card02{top:270px; left:15px;}
.department-map .card.card02 .photo{border-radius: 0 0 15px 15px;}
.department-map .card.card02 h3{ border-radius: 15px 15px 0 0;}
.department-map .card.card02:after{left: 70%; top:-38px;  border-top: 40px solid #0E7994;rotate: 220deg;}

.department-map .card.card03{top:340px; right:0px;}
.department-map .card.card03:after{left: 25%;border-top: 40px solid #D64C4C; }

.department-map .card.card04{top:480px; right:230px;}
.department-map .card.card04:after{ left: 70%;    border-top: 40px solid #EFAA30;rotate: -35deg;}

.department-map .card.card05{top:700px; left:280px;}
.department-map .card.card05 .photo{border: solid 3px #ED6F35;border-radius: 15px 15px 0 0;}
.department-map .card.card05 h3{background-color:#ED6F35; color:#FFF;border-radius: 0 0 15px 15px;}
.department-map .card.card05:after{left: 20%;top:90%;  border-top: 40px solid #ED6F35;rotate: 35deg;}

.department-map .card.card06{top:900px; right:240px;}
.department-map .card.card06:after{left: 40%; top:-38px;  border-top: 40px solid #65B300;rotate: 220deg;}

}


@media screen and (max-width: 500px) {
.department-map{ background-size:375px;    background-position: center top 150px;    padding-top: 50px;   padding-bottom:100px;        height: 1200px; }
.department-map .box{ width:375px;}
.department-map .card{width:180px;}
.department-map .card .photo img{height:100px;}
.department-map .card h3{padding-right:35px;}

.department-map .card.card01{top:20px; left:35%;}
.department-map .card.card02{top:270px; left:3%;}
.department-map .card.card03{top:300px; right:0px;}
.department-map .card.card04{top:470px; right:unset;left:5%;}
.department-map .card.card05{top:640px; left:unset;right:4%;}
.department-map .card.card06{top:800px; right:unset; left:3%;}
.department-map .card:after {top:135px;}

}
/*====================
下層：見出し
=====================*/
.category{margin-bottom:40px;}
.category .head{position:relative; margin-top:20px;}
.category .head img{ width:600px;}
.category .head h1{position:absolute; left:80px; top:42px; font-size:19px; color:#164A50;}
.category .head h1.another{position:absolute; left:220px;top:30px; }

@media screen and (max-width: 768px) {
.category .head img{ width:100%;}
.category .head h1{left: 10%;   top: 42%;    font-size: 17px;}
.category .head h1.another{left: 35%;   top: 33%;   }
}
/*====================
カード
=====================*/
.card{width:300px; border:solid 3px #164A50;border-radius:15px; overflow:hidden;}
.card .photo{overflow:hidden; }
.card .photo img{height:250px; object-fit:cover;transition:.3s}
.card h3{display:flex;justify-content: space-between;align-items: center; padding:20px 20px; width:100%; color:#FFF;  background-repeat:no-repeat;background-position: right 20px center; background-size:30px; height:70px; line-height:1.2;font-family: "maru-maru-gothic-alr-stdn", sans-serif;}


.card.card00 h3{background-color:#EC8981;background-image:url(/image/ic-arrow-right-white.svg) ; }
.card.card01 h3{background-color:#EDC45D;background-image:url(/image/ic-arrow-right-blue.svg) ; color:#164A50;}
.card.card02 h3{background-color:#164A50;background-image:url(/image/ic-arrow-right-white.svg) ;}
.card.card03 h3{background-color:#BB1A29;background-image:url(/image/ic-arrow-right-white.svg) ;}
.card.card04 h3{background-color:#3F8FA9;background-image:url(/image/ic-arrow-right-white.svg) ;}
.card.card05 h3{background-color:#FDF3E2;background-image:url(/image/ic-arrow-right-blue.svg) ; color:#164A50;}
.card.card06 h3{background-color:#C9DF95;background-image:url(/image/ic-arrow-right-blue.svg) ; color:#164A50;}
.card.card07 h3{background-color:#EC8981;background-image:url(/image/ic-arrow-right-blue.svg) ; color:#164A50;}

.bg-department .card.card01{border:solid 3px #215379;}
.bg-department .card.card01 h3{background-color:#215379;background-image:url(/image/ic-arrow-right-white.svg) ; color:#FFF;}

.bg-department .card.card02{border:solid 3px #0E7994;}
.bg-department .card.card02 h3{background-color:#0E7994;background-image:url(/image/ic-arrow-right-white.svg) ;}

.bg-department .card.card03{border:solid 3px #D64C4C;}
.bg-department .card.card03 h3{background-color:#D64C4C;background-image:url(/image/ic-arrow-right-white.svg) ;}

.bg-department .card.card04{border:solid 3px #EFAA30;}
.bg-department .card.card04 h3{background-color:#EFAA30;background-image:url(/image/ic-arrow-right-white.svg) ;}

.bg-department .card.card05{border:solid 3px #ED6F35;}
.bg-department .card.card05 h3{background-color:#ED6F35;background-image:url(/image/ic-arrow-right-white.svg) ; color:#FFF;}

.bg-department .card.card06{border:solid 3px #65B300;}
.bg-department .card.card06 h3{background-color:#65B300;background-image:url(/image/ic-arrow-right-white.svg) ; color:#FFF;}


.card:hover .photo img{
  transform:scale(1.1,1.1);
  transition:.3s;
  transform-origin: center center;
}


/*====================
カテゴリートップ
=====================*/
.col3{display:flex;flex-wrap: wrap; margin-top:20px;}
.col3 .card{margin-right:2%; width:32%; margin-bottom:2%;}
.col3 .card:nth-child(3n){margin-right:0;}

.col2{display:flex;flex-wrap: wrap; margin-top:20px;}
.col2 .card{margin-right:2%; width:49%; margin-bottom:2%;}
.col2 .card:nth-child(2n){margin-right:0;}
.col2 .card img{border-radius:15px 15px 0 0;}

.col1{}
.col1 .card{margin-right:auto; margin-left:auto; width:32%; margin-bottom:2%;}

.illustration{margin-bottom: -12px; padding:0 100px;}
.bg-about .illustration{margin-bottom: -11px; }
.bg-job .illustration{margin-bottom: -11px; }

@media screen and (max-width: 768px) {
.col3 .card{width:100%; margin-right:0;}
.col2 .card{width:100%; margin-right:0;}
.col1 .card{width:100%;}
.card .photo img{height:200px;}
.illustration{padding:0 20px; margin-bottom:0;}
}
/*====================
学校の特徴・魅力
=====================*/
.bg-feature{background-image:url(/image/bg-feature.svg) ; background-repeat: repeat-y;background-size:100%; background-color:#EAE5E3;}
/*.feature .card{width:30%; position:absolute; right:20px;top: -120px;}
.feature .card h3{margin-bottom:0; font-size:inherit; line-height:1.2;}*/
.feature .heading .text{font-size:14px; line-height:1.4; width:50%;}

.feature .movie{ margin-top:100px;}
.feature .movie .card{width:50%; margin-left:auto; margin-right:auto;}
/*.feature .video img{ object-fit: cover;}*/
.feature .video img.btn-play{position: absolute;    top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);	width:82px; height:82px;opacity:1.0;}
.feature .head .movie img{ height:auto;aspect-ratio: 16 / 9;}


@media screen and (max-width: 768px) {
.feature .movie{	width: 100%;}
.feature .movie .card{width:100%; }

.feature h1{font-size:25px !important; line-height:1.4;}
}

/*■ツーリズムとは■*/
.bg-tourism{background-image:url(/image/bg-tourism.svg) ; background-repeat: no-repeat;background-size:100%; background-color:#a9d8de;}

.feature .tourism h1{font-family: "wanpaku-ruika", sans-serif;    font-weight: 100;color:#F59F00;font-size:36px; text-shadow: 3px 3px 3px #FFF, -3px -3px 3px #FFF,-3px 3px 3px #FFF,  3px -3px 3px #FFF,3px 0px 3px #FFF, -3px -0px 3px #FFF,0px 3px 3px #FFF,  0px -3px 3px #FFF; margin-bottom:40px;}
.feature .tourism h2{font-family: "wanpaku-ruika", sans-serif;    font-weight: 100;color:#bb1a29;font-size:40px; text-shadow: 3px 3px 3px #FFF, -3px -3px 3px #FFF,-3px 3px 3px #FFF,  3px -3px 3px #FFF,3px 0px 3px #FFF, -3px -0px 3px #FFF,0px 3px 3px #FFF,  0px -3px 3px #FFF; margin-bottom:40px;}


/*.feature .about .box01{border: solid 5px #FCD100;align-items: flex-end;}
.feature .about .box01 .item{width:55%;}
.feature .about .box01 .item:last-child{width:40%;}
.feature .about .box01 .card{ top:-80px;border:solid 3px #FCD100;}
.feature .about .box01 .card h3{background-color:#EDC45D;color:#164A50;}
.feature .about .box01 .card .photo{width:100%;}
.feature .about .box01 .card .photo img{height:150px; max-width:inherit;}
.feature .about .box01 .item:last-child img{max-width:300px;}

.feature .about .box02{border: solid 5px #FCD100;align-items: center;}
.feature .about .box02 .item{width:48%;}
.feature .about .box02 .item:last-child{width:48%;}
.feature .about .box02 .ic-01{position:absolute; right: -10%;    top: -5%;    width: 15%;max-width:140px;}

.feature .about .box03{border: solid 5px #FCD100;align-items: center;}
.feature .about .box03 .item{width:48%;}
.feature .about .box03 .item:last-child{width:48%;}
.feature .about .box03 .ic-01{position:absolute; left: -5%;    top: -20%;    width: 10%; max-width:100px;}
.feature .about .box03 .ic-02{position:absolute; right: 5%;    bottom: -5%;    width: 10%; max-width:100px;}
.feature .about .box03 .ic-03{position:absolute; right: 30%;    bottom: -5%;    width: 5%; max-width:100px;}
.feature .about .box03 .ic-04{position:absolute; right: 20%;    bottom: -7%;    width: 7%; max-width:100px;}
*/



/*■JTBカレッジの強み①■*/
.bg-strong01{background-image:url(/image/bg-strong01.svg) ; background-repeat: no-repeat;background-size:100%; background-position: center top -100px; background-color:#ece5e2;}

.feature .strong01 .head{display:flex;justify-content: space-between; margin-bottom:60px;}
.feature .strong01 .head .movie {    width: 40%; height:100%;position: relative;border: solid 3px #004B51;    border-radius: 25px;overflow: hidden;}
.feature .strong01 .head .movie img.btn-play{position: absolute;    top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);	width:82px; height:82px;opacity:1.0;}
.feature .strong01 .movie img:hover{cursor:pointer;}
.feature .strong01 .head .movie h2{ background:#004B51; color:#FFF; padding:15px; text-align:center;    font-family: "maru-maru-gothic-alr-stdn", sans-serif; width:100%;}
.feature .strong01 .head .text-area{ width: 55%;}
.feature .strong01 .head .text-area h1{font-family: "wanpaku-ruika", sans-serif;    font-weight: 100;color:#004B51;font-size:36px; text-shadow: 3px 3px 3px #FFF, -3px -3px 3px #FFF,-3px 3px 3px #FFF,  3px -3px 3px #FFF,3px 0px 3px #FFF, -3px -0px 3px #FFF,0px 3px 3px #FFF,  0px -3px 3px #FFF; margin-bottom:40px;}
.feature .strong01 .head .text-area h1 span{font-size:50px;}
.feature .strong01 .head .text-area h1 span.number{font-weight:bold;}

.feature .strong01 .head .text-area .copy{font-size:30px; line-height:1.3;font-family: "wanpaku-ruika", sans-serif; text-shadow: 3px 3px 3px #FFF, -3px -3px 3px #FFF,-3px 3px 3px #FFF,  3px -3px 3px #FFF,3px 0px 3px #FFF, -3px -0px 3px #FFF,0px 3px 3px #FFF,  0px -3px 3px #FFF; margin-bottom:40px;}
.feature .strong01 .head .text-area .copy span{color:#C71528;font-size:36px;}
.feature .strong01 .head .text-area .text{margin-top:40px; font-weight:bold;font-size:20px;}

.feature .strong01 h3{ margin-left:8%; width:fit-content; padding:10px 20px;display: flex;	align-items: center;font-size: 18px;	text-align: center;	border-radius:15px 15px 0 0; background:#004B51;color: #FFF; }
.feature .strong01 h3:before,
.feature .strong01 h3:after {content: '';width: 3px;	height: 20px;	background-color: #FFF;}
.feature .strong01 h3:before {margin-right: 30px;	transform: rotate(-35deg);}
.feature .strong01 h3:after {margin-left: 30px;	transform: rotate(35deg);}

.feature .strong01 .job-place{ margin-bottom:100px;}
.feature .strong01 .job-place .chart { position:relative; width:90%; margin:0 auto 40px auto;border-radius: 20px;border: solid 3px #004B51;padding: 40px 80px 40px 40px;background: #FFF; margin-bottom:60px;}
.feature .strong01 .job-place .chart .ic{position:absolute; bottom:20px; right:-80px; width:150px;}


.feature .strong01 .job-place h4{ font-size:20px; border:solid 3px #C71528; color:#C71528;padding:10px 20px; text-align:center;    width: fit-content; margin:0 auto 60px auto; background:#FFF;}
.feature .strong01 .job-place .text01{text-align:center; color:#164A50;}

.feature .strong01 .job-place .text02{width:500px; margin:40px auto 0 auto; position:relative;}
.feature .strong01 .job-place .text02 .ic{width:180px; position:absolute; right:-300px; bottom:-40px;}


.feature .strong01 .result{}
.feature .strong01 .result h4{ font-size:20px; border:solid 3px #C71528; color:#C71528;padding:10px 20px; text-align:left;    width: fit-content; margin:0 auto 60px auto; background:#FFF;display:flex;justify-content: space-between;align-items: flex-end;}

.feature .strong01 .result .chart { position:relative; width:100%; margin:0 auto 40px auto;border-radius: 20px;border: solid 3px #004B51;padding: 40px 80px 40px 40px;background: #FFF; margin-bottom:60px;}
.feature .strong01 .result .chart .ic{position:absolute; top:-120px; left:-80px; width:150px;}
.feature .strong01 .result .chart h4{ font-size:20px; border:solid 3px #C71528; color:#C71528;padding:10px 20px; text-align:left;    width: 100%; margin:0 auto 20px auto; background:#FFF;display:flex;justify-content: space-between;align-items: flex-end;}
.feature .strong01 .result .chart h4 span{font-size:12px; color:#000; font-weight:normal;}

.feature .strong01 .result .box{display:flex;justify-content: space-between;}
.feature .strong01 .result .photo{width:15%;}
.feature .strong01 .result .text-area{width:65%; text-align:center;}
.feature .strong01 .result .text-area .text { text-align:left; color:#164A50; font-weight:bold; margin-bottom:40px;text-shadow: 3px 3px 3px #FFF, -3px -3px 3px #FFF,-3px 3px 3px #FFF,  3px -3px 3px #FFF,3px 0px 3px #FFF, -3px -0px 3px #FFF,0px 3px 3px #FFF,  0px -3px 3px #FFF; }
.feature .strong01 .result .text-area .note{font-size:14px; text-align:left; margin-bottom:40px;}
.feature .strong01 .result .text-area img{width:50%;}

@media screen and (max-width: 768px) {
.feature .strong01 .head{flex-direction: column-reverse; margin-bottom:20px;}
.feature .strong01 .head .text-area h1 span{font-size:30px;}
.feature .strong01 .head .text-area{width:100%;}
.feature .strong01 .head .text-area .copy span{font-size:25px;}
.feature .strong01 .head .movie {width: 100%;}
.feature .strong01 .job-place .ic{ position:static; width:70%; margin:-80px auto 40px auto; position:relative;}
.feature .strong01 .job-place .chart{margin:0; margin-bottom:20px; padding:40px 40px 80px 40px; width:100%; margin-top:-20px;}
.feature .strong01 h3{margin-left:0px; margin-right:0px; line-height:1.4; width:100%;justify-content: center; padding-bottom:30px;}
.feature .strong01 .job-place h4{font-size:16px;}
.feature .strong01 .result .chart{padding:10px;}
.feature .strong01 .result .chart .ic{display:none;}
.feature .strong01 .result .chart h4{flex-direction: column; font-size:16px;}
.feature .strong01 .result .photo{display:none;}
.feature .strong01 .result .text-area{width:100%; text-align:center;}
.feature .strong01 .result .text-area img{width:70%;}
.feature .strong01 .job-place .text02{width:100%;}
.feature .strong01 .job-place .text02 .ic{position:static; width:40%; margin-left:auto; margin-right:auto; margin-top:20px;}
}


/*■JTBカレッジの強み②■*/
.bg-strong02{background-image:url(/image/bg-strong02.svg) ; background-repeat: no-repeat;background-size:100%; background-position: center top -100px; background-color:#ece5e2;}

.feature .strong02 .head{display:flex;justify-content: space-between; margin-bottom:60px;}
.feature .strong02 .head .movie {    width: 40%; height:100%;position: relative;border: solid 3px #004B51;    border-radius: 25px;overflow: hidden;}
.feature .strong02 .head .movie img.btn-play{position: absolute;    top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);	width:82px; height:82px;opacity:1.0;}
.feature .strong02 .movie img:hover{cursor:pointer;}
.feature .strong02 .head .movie h2{ background:#F4C145; color:#FFF; padding:15px; text-align:center;    font-family: "maru-maru-gothic-alr-stdn", sans-serif; width:100%;}
.feature .strong02 .head .text-area{ width: 55%;}
.feature .strong02 .head .text-area h1{font-family: "wanpaku-ruika", sans-serif;    font-weight: 100;color:#F4C145;font-size:36px; text-shadow: 3px 3px 3px #FFF, -3px -3px 3px #FFF,-3px 3px 3px #FFF,  3px -3px 3px #FFF,3px 0px 3px #FFF, -3px -0px 3px #FFF,0px 3px 3px #FFF,  0px -3px 3px #FFF; margin-bottom:40px;}
.feature .strong02 .head .text-area h1 span{font-size:50px;}
.feature .strong02 .head .text-area h1 span.number{font-weight:bold;}

.feature .strong02 .head .text-area .copy{font-size:30px; line-height:1.3;font-family: "wanpaku-ruika", sans-serif; text-shadow: 3px 3px 3px #FFF, -3px -3px 3px #FFF,-3px 3px 3px #FFF,  3px -3px 3px #FFF,3px 0px 3px #FFF, -3px -0px 3px #FFF,0px 3px 3px #FFF,  0px -3px 3px #FFF; margin-bottom:40px;}
.feature .strong02 .head .text-area .copy span{color:#C71528;font-size:36px;}
.feature .strong02 .head .text-area .text{margin-top:40px; font-weight:bold; font-size:20px;}
.feature .strong02 .head .text-area .text span{font-size:25px;}

.feature .strong02 h3{ margin-left:8%; width:fit-content; padding:10px 20px;display: flex;	align-items: center;font-size: 18px;	text-align: center;	border-radius:15px 15px 0 0; background:#F4C145;color: #004B51; }
.feature .strong02 h3:before,
.feature .strong02 h3:after {content: '';width: 3px;	height: 20px;	background-color: #004B51;}
.feature .strong02 h3:before {margin-right: 30px;	transform: rotate(-35deg);}
.feature .strong02 h3:after {margin-left: 30px;	transform: rotate(35deg);}




.feature .strong02 .item{ position:relative; width:90%; margin:0 auto 40px auto;border-radius: 20px;border: solid 3px #F4C145;padding:20px;background: #FFF; margin-bottom:60px;}
.feature .strong02 .item.item02{ padding:40px;}
.feature .strong02 .item.item03{ padding:40px;}
.feature .strong02 .elements{ margin-bottom:80px;}
.feature .strong02 .practical-type{width:90%; margin:0 auto 40px auto; font-weight:bold;}
.feature .strong02 .practical-type h4{margin-bottom:20px; font-size:25px;}
.feature .strong02 .practical-type span{font-size:18px; color:#C71528;}
.feature .strong02 .practical-type .box{display:flex;justify-content: space-between; margin-top:20px;}
.feature .strong02 .practical-type .box .item{width:45%;}


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

.feature .strong02 .head{flex-direction: column; margin-bottom:20px;}
.feature .strong02 .head .text-area{width:100%;}
.feature .strong02 .head .text-area h1 span{font-size:30px;}
.feature .strong02 .head .text-area .copy span{font-size:25px;}
.feature .strong02 .head .movie {width: 100%;}
.feature .strong02 .item{width: 100%;margin-top:-20px;padding:20px 20px 80px 20px;}
.feature .strong02 .practical-type {width: 100%;}
.feature .strong02 h3{margin-left:0px; margin-right:0px; line-height:1.4; width:100%;justify-content: center; padding-bottom:30px;}
.feature .strong02 .item.item02{padding:20px;}
.feature .strong02 .item.item02 img{margin-top:20px;}
.feature .strong02 .item.item03{padding:20px;}
.feature .strong02 .item.item03 img{}
.feature .strong02 .practical-type .box{flex-direction: column;}
.feature .strong02 .practical-type .box .item{width:100%; margin-bottom:20px;}
.feature .strong02 .ic01{width:70%; margin:-120px auto 40px auto; position:relative;}
}

/*■JTBカレッジの強み③■*/
.bg-strong03{background-image:url(/image/bg-strong03.svg) ; background-repeat: no-repeat;background-size:100%; background-position: center top -100px; background-color:#ece5e2;}

.feature .strong03 .head{display:flex;justify-content: space-between; margin-bottom:60px;}
.feature .strong03 .head .movie {    width: 40%; height:100%;position: relative;border: solid 3px #004B51;    border-radius: 25px;overflow: hidden;}
.feature .strong03 .head .movie img.btn-play{position: absolute;    top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);	width:82px; height:82px;opacity:1.0;}
.feature .strong03 .movie img:hover{cursor:pointer;}
.feature .strong03 .head .movie h2{ background:#CB001F; color:#FFF; padding:15px; text-align:center;    font-family: "maru-maru-gothic-alr-stdn", sans-serif; width:100%;}
.feature .strong03 .head .text-area{ width: 55%;}
.feature .strong03 .head .text-area h1{font-family: "wanpaku-ruika", sans-serif;    font-weight: 100;color:#CB001F;font-size:36px; text-shadow: 3px 3px 3px #FFF, -3px -3px 3px #FFF,-3px 3px 3px #FFF,  3px -3px 3px #FFF,3px 0px 3px #FFF, -3px -0px 3px #FFF,0px 3px 3px #FFF,  0px -3px 3px #FFF; margin-bottom:40px;}
.feature .strong03 .head .text-area h1 span{font-size:50px;}
.feature .strong03 .head .text-area h1 span.number{font-weight:bold;}

.feature .strong03 .head .text-area .copy{font-size:30px; line-height:1.3;font-family: "wanpaku-ruika", sans-serif; text-shadow: 3px 3px 3px #FFF, -3px -3px 3px #FFF,-3px 3px 3px #FFF,  3px -3px 3px #FFF,3px 0px 3px #FFF, -3px -0px 3px #FFF,0px 3px 3px #FFF,  0px -3px 3px #FFF; margin-bottom:40px;}
.feature .strong03 .head .text-area .copy span{color:#C71528;font-size:36px;}
.feature .strong03 .head .text-area .text{margin-top:40px; font-weight:bold; font-size:20px;}


.feature .strong03 .faq{font-family: "fot-seurat-pron", sans-serif; margin-top:80px;}
.feature .strong03 .faq h3{color:#C61528;border-radius: 15px;padding: 10px 10px 10px 35px;position: relative;background: #FFF;margin-left: 60px;margin-right: -40px;position: relative;z-index: 1;width: fit-content;}
.feature .strong03 .faq h3:before{ border-radius:5px;color:#C61528; text-align:center; height:25x; line-height:25px; padding:0px 15px; position: absolute; top:  50%; left: -30px; transform: translateY(-50%);}

.feature .strong03 .faq .answer{border:solid 3px #FFF;  border-radius:25px; position:relative;}
.feature .strong03 .faq .answer ul{display:flex;}
.feature .strong03 .faq .answer ul li.person{width:60px;white-space: nowrap; margin-right:20px;}



.feature .strong03 .faq .q1{ margin-left:60px; display:flex;}
.feature .strong03 .faq .q1 .item{width:70%;}
.feature .strong03 .faq .q1 h3{border:solid 3px #F3C61E;  }
.feature .strong03 .faq .q1 h3:before{ background:#F3C61E;content:"Q1";}
.feature .strong03 .faq .q1 .answer{margin-left:80px;margin-top: -20px;background:#F3C61E; padding:40px 100px 40px 20px;}
.feature .strong03 .faq .q1 .answer ul:last-child{margin-top:20px;}
.feature .strong03 .faq .q1 .photo{width:30%; margin-left:-60px; margin-top:-60px;position: relative;}



.feature .strong03 .faq .q2{ display:flex; margin-top:60px;}
.feature .strong03 .faq .q2 .item{}
.feature .strong03 .faq .q2 h3{border:solid 3px #B8DF7F;margin-left:60px;  }
.feature .strong03 .faq .q2 h3:before{ background:#B8DF7F;content:"Q2";}
.feature .strong03 .faq .q2 .answer{margin-left:80px;margin-top: -3px;background:#B8DF7F; padding:20px 200px 20px 20px; position:relative;}
.feature .strong03 .faq .q2 .answer .photo{width:180px; position:absolute; right:20px; bottom:0;}
.feature .strong03 .faq .q2 .answer.answer02{margin-left:0px;margin-top: 40px;background:#B8DF7F; padding:20px 100px 20px 200px; position:relative;}
.feature .strong03 .faq .q2 .answer.answer02 .photo{width:180px; position:absolute; left:20px; bottom:-40px;}

.feature .strong03 .faq .q3{display:flex;align-items: flex-end;margin-top:60px;}
.feature .strong03 .faq .q3 .item{width:70%;}
.feature .strong03 .faq .q3 h3{border:solid 3px #F3C61E;  }
.feature .strong03 .faq .q3 h3:before{ background:#F3C61E;content:"Q3";}
.feature .strong03 .faq .q3 .answer{margin-left:80px;margin-top: -3px;background:#F3C61E; padding:20px;}
.feature .strong03 .faq .q3 .photo{width:30%; margin-right:-50px; position: relative;}


.feature .strong03 .faq .q4{ margin-left:0px; display:flex;flex-wrap: wrap;margin-top:100px;}
.feature .strong03 .faq .q4 .item{width:70%;}
.feature .strong03 .faq .q4 h3{border:solid 3px #B8DF7F;  }
.feature .strong03 .faq .q4 h3:before{ background:#B8DF7F;content:"Q4";}
.feature .strong03 .faq .q4 .answer{margin-left:80px;margin-top: -20px;background:#B8DF7F; padding:40px 100px 40px 20px;}
.feature .strong03 .faq .q4 .photo{width:30%; margin-left:-60px; margin-top:-60px;position: relative;}
.feature .strong03 .faq .q4  .note{width:100%; font-size:14px; margin-top:10px;margin-left:100px;}

/*.feature .strong03 .faq .q5{ display:flex; margin-top:60px;}
.feature .strong03 .faq .q5 .item{}
.feature .strong03 .faq .q5 h3{border:solid 3px #F3C61E;margin-left:200px;  }
.feature .strong03 .faq .q5 h3:before{ background:#F3C61E;content:"Q5";}
.feature .strong03 .faq .q5 .answer{margin-left:0px;margin-top: -3px;background:#F3C61E; padding:20px 100px 20px 200px; position:relative;}
.feature .strong03 .faq .q5 .answer .photo{width:180px; position:absolute; left:20px; bottom:0px;}*/

.feature .strong03 .faq .q5{display:flex;align-items: flex-start;margin-top:60px;}
.feature .strong03 .faq .q5 .item{width:70%;}
.feature .strong03 .faq .q5 h3{border:solid 3px #F3C61E;  }
.feature .strong03 .faq .q5 h3:before{ background:#F3C61E;content:"Q5";}
.feature .strong03 .faq .q5 .answer{margin-left:80px;margin-top: -3px;background:#F3C61E; padding:20px;}
.feature .strong03 .faq .q5 .photo{width:30%; margin-right:-50px; margin-bottom:20px; position: relative;}

.feature .strong03 .faq .q6{display:flex;align-items: flex-end;margin-top:-30px; margin-left:40px;}
.feature .strong03 .faq .q6 .item{width:70%;}
.feature .strong03 .faq .q6 h3{border:solid 3px #F3C61E;  }
.feature .strong03 .faq .q6 h3:before{ background:#F3C61E;content:"Q6";}
.feature .strong03 .faq .q6 .answer{margin-left:80px;margin-top: -3px;background:#F3C61E; padding:20px;}
.feature .strong03 .faq .q6 .photo{width:30%; margin-right:-50px; margin-bottom:20px; position: relative;}

.feature .strong03 .faq .q7{ display:flex; margin-top:60px;}
.feature .strong03 .faq .q7 .item{}
.feature .strong03 .faq .q7 h3{border:solid 3px #B8DF7F;margin-left:60px;  }
.feature .strong03 .faq .q7 h3:before{ background:#B8DF7F;content:"Q7";}
.feature .strong03 .faq .q7 .answer{margin-left:80px;margin-top: -3px;background:#B8DF7F; padding:20px 200px 20px 20px; position:relative;}
.feature .strong03 .faq .q7 .answer .photo{width:180px; position:absolute; right:20px; bottom:0;}


.feature .strong03 .faq .q8{ display:flex; margin-top:60px;}
.feature .strong03 .faq .q8 .item{}
.feature .strong03 .faq .q8 h3{border:solid 3px #F3C61E;margin-left:0px;  }
.feature .strong03 .faq .q8 h3:before{ background:#F3C61E;content:"Q8";}
.feature .strong03 .faq .q8 .answer{margin-left:40px;margin-top: -3px;background:#F3C61E; padding:20px 100px 20px 240px; position:relative;}
.feature .strong03 .faq .q8 .answer ul:last-child{margin-top:20px;}
.feature .strong03 .faq .q8 .answer .photo{width:260px; position:absolute; left:-60px; bottom:-20px;}


.feature .strong03 .faq .q9{ margin-left:0px; display:flex;flex-wrap: wrap;margin-top:100px;}
.feature .strong03 .faq .q9 .item{width:70%;}
.feature .strong03 .faq .q9 h3{border:solid 3px #B8DF7F; margin-left:0px; }
.feature .strong03 .faq .q9 h3:before{ background:#B8DF7F;content:"Q9";}
.feature .strong03 .faq .q9 .answer{margin-left:80px;margin-top: -20px;background:#B8DF7F; padding:40px 100px 40px 20px;}
.feature .strong03 .faq .q9 .photo{width:30%; margin-left:-60px; margin-top:-20px;position: relative;}


@media screen and (max-width: 768px) {
.feature .strong03 .head{flex-direction: column; margin-bottom:20px;}
.feature .strong03 .head .text-area{width:100%;}
.feature .strong03 .head .text-area h1 span{font-size:30px;}
.feature .strong03 .head .text-area .copy span{font-size:25px;}
.feature .strong03 .head .video {width: 100%;}
.feature .strong03 .faq h3{margin-right:0; margin-left:0;}
.feature .strong03 .faq .q1{ margin-left:0px;flex-direction: column; }
.feature .strong03 .faq .q1 .answer{margin-left: 0px; padding:20px;}
.feature .strong03 .faq .q1 .photo{margin-left: 0px; margin-top:-10px; width:60%; margin-left:auto; margin-right:auto;}

.feature .strong03 .faq .q2 .answer{margin-left:0; padding:20px 20px 0 20px;}
.feature .strong03 .faq .q2 .answer .photo{position:static; width:25%;}
.feature .strong03 .faq .q2 .answer.answer02{padding:20px 20px 0 20px;}
.feature .strong03 .faq .q2 .answer.answer02 .photo{position:static; width:25%;}
.feature .strong03 .faq .q2 h3{margin-right:0;}

.feature .strong03 .faq .q3{flex-direction: column;}
.feature .strong03 .faq .q3 .answer{margin-left:0;}
.feature .strong03 .faq .q3 .photo{margin-right:0;width: 40%;}

.feature .strong03 .faq .q4{margin-top:40px;}
.feature .strong03 .faq .q4 .answer{margin-left:0; padding:20px;}
.feature .strong03 .faq .q4 .photo{margin-left:0; margin-top:-10px;width: 60%;}
.feature .strong03 .faq .q4 .note{margin-left:20px;}

.feature .strong03 .faq .q5{align-items:center;}
.feature .strong03 .faq .q5 h3{margin-left:0;}
.feature .strong03 .faq .q5 .answer{padding:20px 20px 20px 20px;}
.feature .strong03 .faq .q5 .answer .photo{position:static; width:40%;}

.feature .strong03 .faq .q6{flex-direction: column; margin-top:0;}
.feature .strong03 .faq .q6 .answer{margin-left:0;}
.feature .strong03 .faq .q6 .photo{margin-right:0;    width: 60%;}


.feature .strong03 .faq .q7 h3{margin-left:0;}
.feature .strong03 .faq .q7 .answer{margin-left:0; padding:20px 20px 0 20px;}
.feature .strong03 .faq .q7 .answer .photo{position:static; width:40%;}

.feature .strong03 .faq .q8 .answer{margin-left:0;padding:20px;}
.feature .strong03 .faq .q8 .answer .photo{position:static; width:70%; margin-top:20px;}

.feature .strong03 .faq .q9{margin-top:40px;}
.feature .strong03 .faq .q9 .answer{margin-left:0;padding:20px;}
.feature .strong03 .faq .q9 .photo{margin-left:0;}

.feature .strong03 .faq .item{width:100% !important;}
}


/*■ニューツーリズム■*/
.feature .collegeclass h1{color:#004B51;}
.feature .collegeclass h3{margin-bottom:0; line-height:1;}
.feature .collegeclass .box01{border: solid 5px #004B51;align-items: flex-end;}
.feature .collegeclass .box01 .card{ border:solid 3px #004B51;}
.feature .collegeclass .box01 .card h3{background-color:#004B51;color:#FFF;}
.feature .collegeclass .box01 .card .photo{width:100%;}
.feature .collegeclass .box01 .card .photo img{height:150px; max-width:inherit;}

.feature .collegeclass .box01 .item{border:solid 3px #FCD100; border-radius:10px; margin-bottom:40px; }
.feature .collegeclass .box01 .item .flex{display:flex; }
.feature .collegeclass .box01 .item .text-area{display:flex;align-items: center; width:80%; padding:10px 10px 10px 0;}
.feature .collegeclass .box01 .item h3{background:#FCD100; color:#004B51; position:relative; padding:15px 0 15px 120px; width:100%;    z-index: 1; border-radius:7px 7px 0 0; font-size:18px;}
.feature .collegeclass .box01 .item h3 span{width:80px; height:80px; border-radius:50%; color:#FFF; font-size:25px; background:#004B51; position:absolute; left:20px; top:-17px; text-align:center; padding-top:25px;}
.feature .collegeclass .box01 .item h3 span:before{content:"WAKUWAKU"; display:block; font-size:10px;}

.feature .collegeclass .box01 .item:nth-child(even) h3{background:#004B51; color:#FFF; }
.feature .collegeclass .box01 .item:nth-child(even) h3 span{color:#FFF; background:#FCD100; color:#000; }
.feature .collegeclass .box01 .item:nth-child(even) h3 span:before{}

.feature .collegeclass .box01 .item .photo{ width:20%;}
.feature .collegeclass .box01 .item .photo img{ clip-path: polygon(0% 0, 100% 0, 50% 100%, 0 100%);object-fit: cover;object-position: left;height: 100%;}

.feature .collegeclass .box01 .item .text{width:40%; padding:20px 0px; margin-right:5%;}
.feature .collegeclass .box01 .item h4{ padding:10px;color:#004B51; background:#FCD100;writing-mode: vertical-rl;display:flex;justify-content: center;align-items: center;margin-right:20px;}
.feature .collegeclass .box01 .item ul{width:50%;}
.feature .collegeclass .box01 .item ul li{	background-size: 20px;	background-position: left top 4px;	padding-left: 30px;	background-image: url(/image/ic-check.svg);	background-repeat: no-repeat;}

.feature .collegeclass .box01 .item02{}
.feature .collegeclass .box01 .item02 .flex{justify-content: space-between;}
.feature .collegeclass .box01 .item02 .photo img{}

.feature .collegeclass .box01 .item02 .text-area{width:50%; padding-bottom:20px; margin-right:20px;flex-direction: column;}
.feature .collegeclass .box01 .item02 .text-area .text{width:100%; margin-right:0;}
.feature .collegeclass .box01 .item02 .text-area div{display:flex;align-items: center;width: 100%;}
.feature .collegeclass .box01 .item02 .text-area ul{width:90%;}
.feature .collegeclass .box01 .item02 .photo:last-of-type{width:300px; margin-right:20px;margin-top: auto;}
.feature .collegeclass .box01 .item02 .photo:last-of-type img{clip-path:unset;object-fit: contain;}

.feature .collegeclass .box01 .item03 .text-area{width:50%;flex-direction: column;    align-items: flex-start;padding: 10px 0px 0px 0; }
.feature .collegeclass .box01 .item03 .flex div{display:flex;    align-items: flex-start; padding:10px 10px 0 0;}
.feature .collegeclass .box01 .item03 .text-area .text{ width:100%; margin-right:0;}
.feature .collegeclass .box01 .item03 ul{width:100%; margin-bottom:10px;}
.feature .collegeclass .box01 .item03 ul li.title{background:none; padding-left:0; color:#004B51; font-weight:bold; margin-top:20px;}
.feature .collegeclass .box01 .item03 ul li.title:first-of-type{margin-top:0;}
.feature .collegeclass .box01 .item03 .flex .photo{padding:0px;}
.feature .collegeclass .box01 .item03 .photo:last-of-type{width:400px; margin-right:0px;margin-top: auto; text-align:left;}
.feature .collegeclass .box01 .item03 .photo:last-of-type img{clip-path:unset;object-fit: contain;}


/*■「ツーリズム産業」の将来性■*/
.feature .travel_japan{}
.feature .travel_japan .heading{flex-direction: column;}
.feature .travel_japan h1{color:#CD001F; margin-bottom:20px;}

.feature .travel_japan .box01{border: solid 5px #CD001F;}
.feature .travel_japan .box01 .text{width:100%; margin-bottom:40px;}
.feature .travel_japan .box01 .item{width:48%;}

.feature .travel_japan .box01 .card{ border:solid 3px #CD001F;}
.feature .travel_japan .box01 .card h3{background-color:#CD001F;color:#FFF;}
.feature .travel_japan .box01 .card .photo{width:100%;}
.feature .travel_japan .box01 .card .photo img{height:150px; max-width:inherit;}

.feature .travel_japan .box02{border: solid 5px #CD001F;}
.feature .travel_japan .box02 .heading{    flex-direction: row;}
.feature .travel_japan .box02 .item{width:40%;}
.feature .travel_japan .box02 .item:last-child{width:50%;}

.feature .travel_japan .box03{align-items: center;border: solid 5px #CD001F;}
.feature .travel_japan .box03 .item{width:40%;}
.feature .travel_japan .box03 .item:last-child{width:50%;}
.feature .travel_japan .box03 .ic-01{position:absolute; left: 45%;    top: -35%;    width: 15%;max-width:120px;}

.feature .travel_japan .box04{align-items: center;border: solid 5px #CD001F;}
.feature .travel_japan .box04 .text{margin-bottom:40px;}
.feature .travel_japan .box04 .item{width:33%;}
.feature .travel_japan .box04 .item:last-child{width:55%;}
.feature .travel_japan .box04 .ic-01{position:absolute; right: 1%;    top: -20%;    width: 15%;max-width:70px;}

.feature .travel_japan .box05{align-items: center;border: solid 5px #CD001F;}
.feature .travel_japan .box05 h2{width:100%;}
.feature .travel_japan .box05 .item{width:55%;}
.feature .travel_japan .box05 .item:last-child{width:35%;}


.feature .travel_japan .copy{color:#CD001F; text-align:center; font-size:25px; font-weight:bold;text-shadow: 3px 3px 3px #FFF, -3px -3px 3px #FFF,-3px 3px 3px #FFF,  3px -3px 3px #FFF,3px 0px 3px #FFF, -3px -0px 3px #FFF,0px 3px 3px #FFF,  0px -3px 3px #FFF; margin:60px 0;}




/*■クラス担任制■*/
.feature .class{}
.feature .class .heading{flex-direction: column;margin-bottom:40px;}
.feature .class .heading h2{margin-bottom:40px;}
.feature .class h1{color:#0091AC; margin-bottom:20px;}

.feature .class .box01{border: solid 5px #0091AC; padding:40px 40px 0 40px;}
.feature .class .box01 .text{width:100%; margin-bottom:40px;}
.feature .class .box01 .item{width:60%;}
.feature .class .box01 .item:last-child{width:30%;display:flex;flex-direction: column;justify-content: end;}
.feature .class .box01 .item:last-child img:last-child{margin-top:40px;}

.feature .class .box01 .card{ border:solid 3px #0091AC;}
.feature .class .box01 .card h3{background-color:#0091AC;color:#FFF;}
.feature .class .box01 .card .photo{width:100%;}
.feature .class .box01 .card .photo img{height:150px; max-width:inherit;}
.feature .class .box01 .ic-01{position:absolute; left: -7%;    bottom: -5%;    width: 15%;max-width:100px;}




/*■多彩な海外プログラム■*/
.bg-kaigai{background-image:url(/image/bg-kaigai.svg) ; background-repeat: no-repeat;background-size:100%; background-position: center top -100px; background-color:#fde3bb;}

.feature .kaigai h1{font-family: "wanpaku-ruika", sans-serif;    font-weight: 100;color:#0090AB;font-size:36px; text-shadow: 3px 3px 3px #FFF, -3px -3px 3px #FFF,-3px 3px 3px #FFF,  3px -3px 3px #FFF,3px 0px 3px #FFF, -3px -0px 3px #FFF,0px 3px 3px #FFF,  0px -3px 3px #FFF; margin-bottom:40px;}

.feature .kaigai .head{display:flex; width:90%; margin:0 auto 40px auto;}
.feature .kaigai .head .photo{width:10%;}
.feature .kaigai .head .photo2{width:20%;}
.feature .kaigai .head .text-area{width:70%;}
.feature .kaigai .head .text-area h2{font-family: "wanpaku-ruika", sans-serif;    font-weight: 100;color:#C71528;font-size:36px; text-shadow: 3px 3px 3px #FFF, -3px -3px 3px #FFF,-3px 3px 3px #FFF,  3px -3px 3px #FFF,3px 0px 3px #FFF, -3px -0px 3px #FFF,0px 3px 3px #FFF,  0px -3px 3px #FFF; margin-bottom:40px;}
.feature .kaigai .head .text-area h2 span{font-size:30px; color:#000; display:inline;}
.feature .kaigai .head .text-area .text{ text-align:center;}
.feature .kaigai .head .text-area .text span{font-size:18px; color:#C71528; font-weight:bold;}

.feature .kaigai h3{ border-radius:15px 15px 0 0; background:#0090AB; color:#FFF; margin-left:30px; width:fit-content; padding:10px 20px; font-size:20px;}
.feature .kaigai .waku{border:solid 3px #0090AB; padding:40px 60px; border-radius:25px; background:#FFF;}
.feature .kaigai .text2{background:#F2F2F2; padding:20px; margin-top:20px;}

.feature .kaigai .training{ margin-bottom:60px;}
.feature .kaigai .training h4{ background:#C71528; color:#FFF; position:relative; padding:5px 40px; border-radius:50px; margin-left:50px; margin-bottom:20px;font-size:18px;}
.feature .kaigai .training h4:before{ position:absolute; top:-7px; left:-20px; width:50px; height:50px; border-radius:50%; text-align:center; color:#000; border:solid 2px #C71528;    font-size: 25px;    background: #FFF;}

.feature .kaigai .training h4.number01:before{ content:"1";}
.feature .kaigai .training h4.number02:before{ content:"2";}
.feature .kaigai .training h4.number03:before{ content:"3";}
.feature .kaigai .training h5{color:#C71528; font-size:18px;}
.feature .kaigai .training .inner{padding:0 90px; margin-bottom:40px;}
.feature .kaigai .training .text{margin-bottom:20px;}
.feature .kaigai .training .charm {display:flex;justify-content: space-between;}
.feature .kaigai .training .charm .text-area{width:55%;}
.feature .kaigai .training .charm .photo{width:40%;}

.feature .kaigai .training .practice{ display:flex;justify-content: space-between; margin-bottom:40px;}
.feature .kaigai .training .practice .item{width:45%;}
.feature .kaigai .training .practice .item h5{ background:#C71528; color:#FFF; padding:10px 20px; text-align:center; margin-bottom:20px;}

.feature .kaigai .training .price{}
.feature .kaigai .training .price .item{display:flex;justify-content: space-between; margin-bottom:40px;}
.feature .kaigai .training .price .item ul{border-radius:25px; background:#EDEDEE; padding:5px; width:15.5%;}
.feature .kaigai .training .price .item li{border-bottom:solid 1px #000; text-align:center; line-height:1.4; padding:3px 0; font-size:15px;}
.feature .kaigai .training .price .item li:first-child{ font-size:16px; font-weight:bold;}
.feature .kaigai .training .price .item li:last-child{border-bottom:none;}
.feature .kaigai .training .price .item li span{font-size:13px;}
.feature .kaigai .training .inner-price{ padding-right:0; padding-left:90px;}

.feature .kaigai .training .place{ display:flex;justify-content: space-between; margin-bottom:40px;}
.feature .kaigai .training .place table{width:50%;border-left:none;border-right:none; margin-bottom:20px; margin-top:20px; border-bottom:none; border-top:none;}
.feature .kaigai .training .place table tr{}
.feature .kaigai .training .place table tr:nth-child(odd) td{background:#F2F2F2;}
.feature .kaigai .training .place table tr td{padding:5px 20px; border:none; white-space:nowrap;}
.feature .kaigai .training .place .photo{width:40%;}

.feature .kaigai .training .haken{display:flex;justify-content: space-between;}
.feature .kaigai .training .haken .item{width:45%;}

.feature .kaigai .training .program{ display:flex;justify-content: space-between; margin-bottom:40px;}
.feature .kaigai .training .program .item{width:45%;}
.feature .kaigai .training .program .item h5{ margin-bottom:20px;}

.feature .kaigai .training .program .item .course {border: solid 2px #FFF;    border-radius: 50px;    padding: 5px 20px; text-align:center;    font-size: 15px;    color: #FFF;    margin-bottom: 20px;}
.feature .kaigai .training .program .item .course span{display:block; font-size:14px; margin-bottom:0px; }
.feature .kaigai .training .program .item .course.business{background: #215379;}
.feature .kaigai .training .program .item .course.globalinbound{background: #0E7994;}
.feature .kaigai .training .program .item .course.hotel{background: #D64C4C;}
.feature .kaigai .training .plan{display:flex;justify-content: space-between; margin-bottom:40px;}
.feature .kaigai .training .plan .title{width:30%; font-size:18px; text-align:center; font-weight:bold;}
.feature .kaigai .training .plan .text-area{width:65%;}
.feature .kaigai .training .plan .text-area .item{display:flex;justify-content: space-between;align-items: flex-end;}
/*.feature .kaigai h1{color:#FFF; text-shadow: 3px 3px 2px #004B51, -3px -3px 2px #004B51,-3px 3px 2px #004B51,  3px -3px 2px #004B51,3px 0px 2px #004B51, -3px -0px 2px #004B51,0px 3px 2px #004B51,  0px -3px 2px #004B51;}
.feature .kaigai .box01{border: solid 5px #004B51;}
.feature .kaigai .box01 .item{width:100%;}
.feature .kaigai .box01 .card{border:solid 3px #004B51;}
.feature .kaigai .box01 .card h3{background-color:#FFF3E0;color:#164A50;}
.feature .kaigai .box01 .card .photo{width:100%;}
.feature .kaigai .box01 .card .photo img{height:150px; max-width:inherit;}

.feature .kaigai .box02{border: solid 5px #004B51;flex-direction: column;}
.feature .kaigai .box02 .item01{display:flex;justify-content: space-between; margin-bottom:40px;}
.feature .kaigai .box02 .item01 .text-area{width:55%;}
.feature .kaigai .box02 .item01 .photo{width:40%; margin-top:-60px;}

.feature .kaigai .box02 .item02{display:flex;justify-content: space-between; margin-bottom:60px;}
.feature .kaigai .box02 .item02 .text-area{width:70%;}
.feature .kaigai .box02 .item02 .photo{width:25%; margin-top:-40px; }

.feature .kaigai .box02 .item03{display:flex;justify-content: space-between; margin-bottom:60px;}
.feature .kaigai .box02 .item03 .text-area{width:70%;}
.feature .kaigai .box02 .item03 .photo{width:25%; margin-top:-40px; }

.feature .kaigai .box02 .item04{display:flex;justify-content: space-between;align-items: flex-end;}
.feature .kaigai .box02 .item04 .text-area{width:50%;}
.feature .kaigai .box02 .item04 .text-area .text{margin-bottom:40px;}
.feature .kaigai .box02 .item04 .photo{width:40%; margin-top:-40px; }
.feature .kaigai .box02 .item04 table{width:100%;border-left:solid 1px #CD001F;border-right:solid 1px #CD001F; margin-bottom:20px; border-bottom:none; border-top:none;}
.feature .kaigai .box02 .item04 table tr{border-bottom:solid 1px #CD001F; }
.feature .kaigai .box02 .item04 table tr:first-child{border-top:solid 1px #CD001F;}
.feature .kaigai .box02 .item04 table tr td{padding:5px 20px; border:none;}

.feature .kaigai .box02 .item05{ background:#FFF3E0; padding:40px 60px;display:flex;justify-content: space-between;flex-wrap: wrap;}
.feature .kaigai .box02 .item05 h3{width:100%;}
.feature .kaigai .box02 .item05 .text-area{width:45%;}
.feature .kaigai .box02 .item05 .text-area h4{color:#000;}

.feature .kaigai .box03{border: solid 5px #004B51;flex-direction: column;}
.feature .kaigai .box03 .photo{position:absolute; right:7%; top:4%; width:20%;}
.feature .kaigai .box03 .ic{position:absolute; right: 2%;    bottom: -5%;    width: 15%;max-width:100px;}
.feature .kaigai .box03 h3{margin-bottom:60px;}
.feature .kaigai .box03 .item01{display:flex;justify-content: space-between; margin-bottom:40px;}
.feature .kaigai .box03 .item01 .text-area{width:48%;display:flex;flex-direction: column;}
.feature .kaigai .box03 .item01 .text-area .text{margin-bottom:40px;}
.feature .kaigai .box03 .item01 h4{margin-bottom:20px; color:#000;}
.feature .kaigai .box03 .item01 ul{background:#F2F2F2; padding:20px;width: fit-content; margin-top:auto;}


.feature .kaigai .box04{border: solid 5px #004B51;flex-direction: column; padding-bottom:0px;}
.feature .kaigai .box04 h3{margin-bottom:60px;}
.feature .kaigai .box04 .item01{display:flex;justify-content: space-between;align-items: end; }
.feature .kaigai .box04 .item01 .text-area{width:55%;}
.feature .kaigai .box04 .item01 .text-area .text{margin-bottom:40px;}
.feature .kaigai .box04 .item01 h4{margin-bottom:20px; color:#000;}
.feature .kaigai .box04 .item01 ul{background:#F2F2F2; padding:20px;width: fit-content; margin-bottom:60px;}
.feature .kaigai .box04 .item01 .photo{width:30%;}
*/


@media screen and (max-width: 768px) {
.feature .kaigai .head{flex-direction: column;width:100%;}
.feature .kaigai .head .photo{display:none;}
.feature .kaigai .head .text-area{width:100%;}
.feature .kaigai .head .text-area h2{font-size:25px;}
.feature .kaigai .head .text-area h2 span{font-size:20px;}
.feature .kaigai .head .text-area .text{ text-align:left;}

.feature .kaigai h3{font-size: 16px;margin-left: 20px;margin-right: 20px;}
.feature .kaigai .waku{padding:20px;}
.feature .kaigai .training .inner{    padding: 0 0px;}
.feature .kaigai .training h4{margin-left: 10px;border-radius: 15px;font-size: 16px; padding-right:10px;}
.feature .kaigai .training .charm{flex-direction: column;}
.feature .kaigai .training .charm .text-area{width:100%;}
.feature .kaigai .training h5{font-size: 16px;}
.feature .kaigai .training .charm .photo{width:100%; margin-bottom:20px;}

.feature .kaigai .training .inner-price{padding:0;}
.feature .kaigai .training .price .item{flex-wrap: wrap;}
.feature .kaigai .training .price .item ul{width:48%; margin-bottom:20px;}
.feature .kaigai .training .price .item li span{font-size:12px;}
.feature .kaigai .training .place table tr td{ white-space:inherit;}

.feature .kaigai .training .practice{flex-direction: column;}
.feature .kaigai .training .practice .item{width:100%; margin-bottom:20px;}
.feature .kaigai .text2{padding:10px; font-size:15px;margin-bottom:20px;}
.feature .kaigai .training .place{flex-direction: column;}
.feature .kaigai .training .place table{width:100%;}
.feature .kaigai .training .place .photo{width:100%;}
.feature .kaigai .training .haken{flex-direction: column;}
.feature .kaigai .training .haken .item{width:100%;}
.feature .kaigai .training .program{flex-direction: column;}
.feature .kaigai .training .program .item{width:100%;}
.feature .kaigai .training .plan{flex-direction: column;}
.feature .kaigai .training .plan .title{width:100%; margin-bottom:20px;}
.feature .kaigai .training .plan .text-area{width:100%;}
.feature .kaigai .training .plan .text-area .item{flex-direction: column;align-items: center;}
}





/*■資格■*/
.bg-license{background-image:url(/image/bg-license.svg) ; background-repeat: no-repeat;background-size:100%; background-position: center top -100px; background-color:#ece5e2;}

.feature .license{}
.feature .license .head{flex-direction: column;}
.feature .license .head .text-area{ width: 100%;}

.feature .license .head .text-area h1{font-family: "wanpaku-ruika", sans-serif;
    font-weight: 100;
    color: #95C129;
    font-size: 36px;
    text-shadow: 3px 3px 3px #FFF, -3px -3px 3px #FFF, -3px 3px 3px #FFF, 3px -3px 3px #FFF, 3px 0px 3px #FFF, -3px -0px 3px #FFF, 0px 3px 3px #FFF, 0px -3px 3px #FFF;
    margin-bottom: 40px;}

.feature .license h3{border-radius: 15px 15px 0 0;background: #95C129;color: #FFF;margin-left: 30px;width: fit-content;padding: 10px 20px;font-size: 20px;}
.feature .license .waku {
    border: solid 3px #95C129;
    padding: 40px;
    border-radius: 25px;
    background: #FFF;
}
.feature .license .training{ margin-bottom:60px;}
.feature .license .training h4{ background:#C71528; color:#FFF; position:relative; padding:5px 40px; border-radius:50px; margin-left:50px; margin-bottom:20px;font-size:18px;}
.feature .license .training h4:before{ position:absolute; top:-7px; left:-20px; width:50px; height:50px; border-radius:50%; text-align:center; color:#000; border:solid 2px #C71528;    font-size: 25px;    background: #FFF;}

.feature .license .training h4.number01:before{ content:"1";}
.feature .license .training h4.number02:before{ content:"2";}
.feature .license .training h5{color:#C71528; font-size:18px; margin-bottom:20px;}
.feature .license .training .photo{margin-bottom:60px;}
.feature .license .training .inner{padding:0 90px;}
.feature .license .training .text{margin-bottom:20px;}

.feature .license .training .course-box{display:flex;}
.feature .license .training .course-box .course {border: solid 2px #FFF;    border-radius: 50px;    padding: 5px 20px; text-align:center;    font-size: 15px;    color: #FFF;    margin-bottom: 20px; margin-right:20px; width:45%; min-width:250px;}
.feature .license .training .course-box .course span{display:block; font-size:14px; margin-bottom:0px; }
.feature .license .training .course-box .course.business{background: #215379;}
.feature .license .training .course-box .course.globalinbound{background: #0E7994;}
.feature .license .training .course-box .course.hotel{background: #D64C4C;}

.feature .license .training .gray{padding:40px 20px; background:#F2F2F2;}
.feature .license .training .gray h6{margin-bottom:20px;}
.feature .license .training .gray .item{display:flex;justify-content: space-between;}
.feature .license .training .gray .item ul{ width:50%; font-size:15px;}


@media screen and (max-width: 768px) {
.feature .license h3{margin-left: 20px;margin-right: 20px;line-height: 1.4;}
.feature .license .waku{padding:20px;}
.feature .license .training h4{margin-left:20px;border-radius: 15px;}
.feature .license .training .inner{padding:0;}
.feature .license .training .course-box{flex-direction: column;}
.feature .license .training .course-box .course{width:100%;}
.feature .license .training .gray{padding:15px;}
.feature .license .training .gray .item{flex-direction: column;}
.feature .license .training .gray .item ul{width:100%;}
}

/*■海外派遣レポート■*/
.bg-practice_report{background-image:url(/image/bg-report.svg) ; background-repeat: no-repeat;background-size:100%; background-position: center top -100px; background-color:#fde3bb;}
.bg-practice_report .footer-card .card05{display:none;}


.feature .practice_report h1{font-family: "wanpaku-ruika", sans-serif;    font-weight: 100;color:#0090AB;font-size:36px; text-shadow: 3px 3px 3px #FFF, -3px -3px 3px #FFF,-3px 3px 3px #FFF,  3px -3px 3px #FFF,3px 0px 3px #FFF, -3px -0px 3px #FFF,0px 3px 3px #FFF,  0px -3px 3px #FFF; margin-bottom:40px;}

.feature .practice_report .item{background:#FFF; display:flex;align-items: center; padding:40px; border-radius:25px; margin-bottom:20px;}
.feature .practice_report .item .photo{width:20%; margin-right:40px;}
.feature .practice_report .item .photo img{height:120px; object-fit:cover;}
.feature .practice_report .item .text-area{width:60%; color:#000;}
.feature .practice_report .item .btn{width:20%; margin-left:auto;color: #FFF; background:#004B51;    padding: 10px 40px; border-radius:50px;    text-align: center;}

.feature .practice_report.detail .box{background:#FFF;  padding:40px; border-radius:25px; }
.feature .practice_report.detail h2{margin-bottom: 40px;
    font-size: 25px;
    padding-left: 30px;
    text-align: left;border-left: solid 15px #004B51;
    color: #004B51; margin-top:40px;line-height:1.4;}
.feature .practice_report.detail h2:first-child{margin-top:0;}
.feature .practice_report.detail .box img{margin:40px auto; width:80%; display:block;}
.feature .practice_report.detail .box .link{ margin:20px auto;}
.feature .practice_report.detail .box .link a{ color:#164A50; border:solid 3px #FFF; background:#F5D345; color:#164A50;font-size:17px;display: block;
    padding: 10px 60px;
    width: fit-content;
    margin: 0 auto;
    border-radius: 50px;
    text-align: center;
    font-weight: bold;}

.feature .practice_report.detail .title {
    background: #FFF;
    color: #BB1A29;
    border-radius: 50px;
    padding: 15px 40px;
    font-size: 25px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
	margin-bottom:40px;
	font-weight:bold;
}
.feature .practice_report.detail p{margin-bottom:20px;}

.feature .practice_report.detail .btn{margin-top:40px;}
.feature .practice_report.detail .btn a{background:#FFF;}

@media screen and (max-width: 768px) {
.feature .practice_report .item{padding:20px;flex-direction: column;}
.feature .practice_report .item .photo{width:100%; margin-right:0; margin-bottom:10px;}
.feature .practice_report .item .photo img{height:200px;}
.feature .practice_report .item .text-area{width:100%;margin-bottom:10px;}
.feature .practice_report .item .btn{width:50%;margin-left: unset;}
}




/*■カレッジの日常■*/
.feature .instagram .heading{flex-direction: column;}
.feature .instagram h1{color:#80A615; margin-bottom:20px;}

.feature .instagram .speech-arrow{position:absolute;display: flex;        align-items: flex-start; }
.feature .instagram .speech-arrow .speechBubble{ position: relative;  display: inline-block;width: 35%;border: 2px solid #000000;  border-radius: 25px;  background-color: #ffffff; padding: 16px;  }
.feature .instagram .speech-arrow .speechBubble::before{ content: "";  position: absolute;  top: 45%;   border-style: solid;  }
.feature .instagram .speech-arrow .speechBubble::after{ content: "";  position: absolute;  top: 45%; border-style: solid;    }
.feature .instagram .speech-arrow span{font-size:70%;}
.feature .instagram .speech-arrow img{width:10%;}

.feature .instagram .speech-arrow.right{right:0; justify-content: end;}
.feature .instagram .speech-arrow.right .speechBubble {  margin-right: 0px; margin-top:40px;  }
.feature .instagram .speech-arrow.right .speechBubble::before { right: 0; border-width: 12.5px 0 12.5px 35px;  border-color: transparent transparent transparent #000000;  translate: 100% -50%;  transform: skew(0, -30deg);  transform-origin: left;}
.feature .instagram .speech-arrow.right .speechBubble::after {  right: 0;   border-width: 10.4px 0 10.4px 29.1px; border-color: transparent transparent transparent #ffffff;  translate: 100% -50%;  transform: skew(0, -30deg);  transform-origin: left;}

.feature .instagram .speech-arrow.left{left:0;justify-content: start; }
.feature .instagram .speech-arrow.left .speechBubble {  margin-right: 0px; margin-top:40px;  }
.feature .instagram .speech-arrow.left .speechBubble::before { left: 0;border-width: 12.5px 35px 12.5px 0;  border-color: transparent #000000 transparent transparent;  translate: -100% -50%;  transform: skew(0, 30deg);  transform-origin: right;}
.feature .instagram .speech-arrow.left .speechBubble::after {  left: 0;   border-width: 10.4px 29.1px 10.4px 0;  border-color: transparent #ffffff transparent transparent; translate: -100% -50%;  transform: skew(0, 30deg);  transform-origin: right;}

.feature .instagram .box01{border: solid 5px #B9E07E;}
.feature .instagram .box01 .item{width:100%;}
.feature .instagram .box01 .card{ border:solid 3px #B9E07E;}
.feature .instagram .box01 .card h3{background-color:#B9E07E;color:#004D52;}
.feature .instagram .box01 .card .photo{width:100%;}
.feature .instagram .box01 .card .photo img{height:150px; max-width:inherit;}

.feature .instagram .box01 .item02{width:100%; margin-bottom:40px; position:relative;}
.feature .instagram .box01 .item02 .speech-arrow{bottom:-20%;}


.feature .instagram .box01 .item03{width:100%;margin-bottom:40px; position:relative;}
.feature .instagram .box01 .item03 .photo{	width: 70%; margin:0 auto;}
.feature .instagram .box01 .item03 .speech-arrow{top:-30%;}

.feature .instagram .box01 .item04{width:100%; margin-top:0px;position:relative;}
.feature .instagram .box01 .item04 .photo{ }
.feature .instagram .box01 .item04 .speech-arrow{bottom:10%;}

.feature .instagram .box01 .item05{width:100%; margin-bottom:40px; margin-top:-60px;position:relative;}
.feature .instagram .box01 .item05 .photo{ width:60%;}
.feature .instagram .box01 .item05 .speech-arrow{bottom:0%;}

.feature .instagram .box01 .item06{width:100%; position:relative;}
.feature .instagram .box01 .item06 .photo{ width:60%;margin-left: auto; }
.feature .instagram .box01 .item06 .speech-arrow{bottom:10;}


/*■フッター■*/
.footer-card{ background:url(/image/footer-card.svg) no-repeat; height:1100px; background-size:cover;    background-position: center;position: relative; padding-top:150px; }
.footer-card .bg-tree{background:url(/image/ic-footer-card.svg) no-repeat;background-size:99%;height:700px; background-position:center;padding-top:100px; }
.footer-card .card .photo img{height:200px;}
.department-footer .footer-card{height:1400px;}
.opencampus-footer .footer-card{height:700px;background-position: center top;padding-top:100px;}
.footer-card .col3 {justify-content: space-between;}
.footer-card .col3 .card{margin-right:0;}
.footer-card .col3 .card:nth-child(3n){margin-right:0;}

.footer-card h2{text-align:left; font-size:20px; color:#164a50;}
@media screen and (max-width: 768px) {
.footer-card{ height:auto !important;}
.footer-card .bg-tree{ height:auto;background-position: top; padding-top:50px;padding-bottom: 200px;}
}


/*====================
学科・カリキュラム
=====================*/
.department{}

.swiper-button-lock{display:block;}
.swiper-wrapper{height:auto;align-items: center;}
.swiper-slide .photo{text-align:center;}
.swiper-slide img{    height: 100%;
    width: 100%;
    object-fit: contain;    margin-top: 10%;
    margin-bottom: 10%;}

.swiper-slide {
  transform: scale(.8); /* 左右のスライドを小さくする */
}
.swiper-slide-active {

  opacity: 1; /* 中央のスライドは薄くしない */
  transform: scale(1); /* 中央のスライドは小さくしない */
  z-index: 1; /* 中央のスライドを一番上にする */
}
.swiper-slide-active:before{ content:"";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); background:url(/image/swiper-slide-active.svg) no-repeat;    background-position: center;
	background-size:100%;   
    width: 130%;
    height: 130%;
    z-index: -1;}
.swiper-slide-active:after{ content:"";position: absolute; bottom: 3%; left: 50%; transform: translateX(-50%);  background:url(/image/swiper-slide-active-view-more.svg) no-repeat;    background-position: center;
	background-size:100%;   
    width: 50%;
    height: 10%;
    z-index: 1;pointer-events: none;}

.interview-list{border-radius:100px 100px 0 0; background:#faf2e3;padding-top:150px;padding-bottom: 250px; position:relative;}
.interview-list h2{border-left: solid 15px #215379;color: #215379;margin-bottom: 40px;font-size: 25px;padding-left: 30px;text-align: left;line-height: 1.4;}


/* Compornents - ModalWindow */
.modal {  display: none;  height: 100vh;  position: fixed;  top: 0;  width: 100%;  top: 0;  left: 0;  z-index: 111;}

.modal_bg {
  background: rgba(0, 0, 0, 0.6);  height: 100vh;  width: 100%;}

.modal_content { background-color: #C1DF8A;  left: 50%;  position: absolute;  top: 50%;  transform: translate(-50%, -50%);  height: 100%;    overflow-y: scroll;	background-image:url(/image/modal-bg.svg); background-repeat:no-repeat; background-size:100%; background-position:center top 200px;
 
}

.bg-interview-detail { background-color: #C1DF8A;background-image:url(/image/modal-bg.svg); background-repeat:no-repeat; background-size:100%; background-position:center top 200px; position:relative; padding-bottom:100px;}
 
.bg-interview .interview{}

.modal_content_inner {
  position: relative;
  	padding:100px;
	width:1200px;

}

.modal_close {
  position: absolute;
  top: 20px;
  right: 20px;
  width:60px;
}



.interview-detail .box{ display:flex;align-items: center !important; margin-top:60px;width:auto !important;}
.interview-detail .box .text-area{width:50% !important;font-family: "fot-seurat-pron", sans-serif; border:none !important;box-shadow:none !important;}
.interview-detail .box .text-area:before{content:none !important;}
.interview-detail .box .text-area:after{content:none !important;}
.interview-detail .box .photo{width:50% !important; border-radius:50px; overflow:hidden;margin-top: 0px !important;}
.interview-detail .box .photo img{
    max-height: 600px;
    width: 100% !important;
    object-fit: cover;}
.interview-detail .box .question{border-radius:15px; padding:10px 10px 10px 40px; position:relative; background:#FFF; margin-left:60px !important; margin-right:-40px !important;     position: relative;    z-index: 1;}
.interview-detail .box .question:before{ content:"Q1"; border-radius:5px;color:#FFF; text-align:center; height:30px; padding:0px 15px; position: absolute; top:  50%; left: -30px; transform: translateY(-50%);}

.interview-detail .box .answer{border-radius:25px; padding:40px 20px !important; position:relative; margin-left:80px !important; margin-right:-70px !important; color:#FFF !important; margin-top:-20px !important;border:solid 3px #FFF;}


.interview-detail .box01{align-items: flex-start !important;margin-top:0px; }
.interview-detail .box01 .text-area .head{background:#FFF; width:90%;font-family: 'Noto Sans JP'; margin-bottom:40px;flex-direction: column; }
.interview-detail .box01 .text-area .head .heading{padding:20px 20px;border-bottom:solid 2px #C1DF8A;}
.interview-detail .box01 .text-area .head .heading h2{ text-align:left; line-height:1.4; padding:0 0 0 10px; width:auto; font-size:18px !important; margin-bottom:0; color:#000;}
.interview-detail .box01 .text-area .head .heading h2 span{display:inline; margin-bottom:0; color:#000;}
.interview-detail .box01 .text-area .head .heading h2 span:nth-child(1){font-size:14px;}
.interview-detail .box01 .text-area .head .heading h2 span:nth-child(2){font-size:16px;}
.interview-detail .box01 .text-area .head .school{padding:5px 20px; font-size:14px;border-bottom:solid 2px #C1DF8A;}
.interview-detail .box01 .text-area .head .name{padding:10px 20px; font-size:22px; font-weight:bold;}
.interview-detail .box01 .text-area .head .name span{font-size:14px;}

.interview-detail .box02{flex-direction: row-reverse;}
.interview-detail .box02 .question{margin-left:-60px !important; margin-right:40px !important; }
.interview-detail .box02 .question:before{ content:"Q2" !important;}
.interview-detail .box02 .answer{margin-left:-40px !important; margin-right:0px;}

.interview-detail .box03 .question:before{ content:"Q3" !important;}

.interview-detail .box04{flex-direction: row-reverse;}
.interview-detail .box04 .question{margin-left:-60px !important; margin-right:40px !important; }
.interview-detail .box04 .question:before{ content:"Q4" !important;}
.interview-detail .box04 .answer{margin-left:-40px !important; margin-right:0px;}

.interview-detail .box05{align-items: flex-end;}
.interview-detail .box05 .text-area{margin-bottom:20px;}
.interview-detail .box05 .question:before{ content:"Q5" !important;}



.interview-detail.business .heading h2{ border-left:solid 8px #215379 !important;border-top:none;border-right:none;border-bottom:none;border-radius: 0px;}
.interview-detail.business .question{border:solid 3px #0E7994 !important; color:#0E7994 !important; }
.interview-detail.business .question:before{ background:#0E7994 !important; }
.interview-detail.business .answer{background:#0E7994 !important;}

.interview-detail.hotel .heading h2{ border-left:solid 8px #CB001F !important;border-top:none;border-right:none;border-bottom:none;border-radius: 0px;}
.interview-detail.hotel .question{border:solid 3px #E55C5B !important; color:#E55C5B !important; }
.interview-detail.hotel .question:before{ background:#E55C5B !important; }
.interview-detail.hotel .answer{background:#E55C5B !important;}

.interview-detail.business_night .heading h2{ border-left:solid 8px #EFAA30 !important;border-top:none;border-right:none;border-bottom:none;border-radius: 0px;}
.interview-detail.business_night .question{border:solid 3px #EFAA30 !important; color:#EFAA30 !important; }
.interview-detail.business_night .question:before{ background:#EFAA30 !important; }
.interview-detail.business_night .answer{background:#EFAA30 !important;}

.interview-detail.business_japan .heading h2{ border-left:solid 8px #88A537 !important;border-top:none;border-right:none;border-bottom:none;border-radius: 0px;}
.interview-detail.business_japan .question{border:solid 3px #78B208 !important; color:#164A50 !important; }
.interview-detail.business_japan .question:before{ background:#78B208 !important; }
.interview-detail.business_japan .answer{background:#78B208 !important;}






@media screen and (max-width: 768px) {
.interview-list{border-radius: 50px 50px 0 0;height: 800px;padding-top: 50px;}
.interview-list .photo img{height:200px; width:auto;}
.interview-detail .box{flex-direction: column;width:100% !important;}
.interview-detail .box .text-area{width:100% !important;}
.interview-detail .box .question{margin-right:0; margin-left:20px;}
.interview-detail .box .answer{margin-right:0; margin-left:40px;}
.interview-detail .box .photo{border-radius:25px; width:70% !important;margin-top: -20px !important;position: relative;}
.interview-detail .box01 .text-area .head{width:100%;}
.interview-detail .box05 .text-area{margin-bottom:0;}
.modal_content_inner{width:100%; padding:20px;}
.modal_content{width:90%;}
.swiper-slide img{height: 400px !important;}
.swiper-slide-active:before{height:100%; width:100%;}
}


@media screen and (max-width: 500px) {
.interview-list{border-radius: 50px 50px 0 0;height: 700px;padding-top: 50px;}
.interview-list .photo img{height:200px; width:auto;}
.interview-detail .box{flex-direction: column;width:100% !important;}
.interview-detail .box .text-area{width:100% !important;}
.interview-detail .box .question{margin-right:0 !important; margin-left:20px !important;   }
.interview-detail .box .answer{margin-left: 10px !important;    margin-right: 10px !important;}
.interview-detail .box .photo{border-radius:25px; width:70% !important;margin-top: -20px !important;position: relative;}
.interview-detail .box01 .text-area .head{width:100%;}
.interview-detail .box05 .text-area{margin-bottom:0;}
.modal_content_inner{width:100%; padding:20px;}
.modal_content{width:90%;}
.swiper-slide img{height: 270px !important;}

}







.bg-department{background-color:#ADDBE1; background-image:url(/image/bg-department.svg) ; background-repeat:no-repeat; background-size:100%; background-position:center top 140px; background-color:#ADDBE1; }

.department .head{ display:flex;justify-content: space-between; position:relative;}
.department .head .item{width:55%;}
.department h1{  border:solid 2px #FFF; border-radius:50px; padding:15px 40px; font-size:25px; color:#FFF; margin-bottom:40px; line-height:1.2; width:fit-content;  }
.department h1 span{display:block; font-size:14px; margin-bottom:5px; }
.department .head .ic-airplane{position:absolute; right:0px; bottom:-50px; width:60%; z-index:1;} 

.department .head .photo{position: relative; border-radius:25px; }
.department .head .photo iframe{border-radius:25px 25px 0 0 ;    max-height: 450px;}
.department .head .photo img{border-radius:20px 20px 0 0; height:auto;aspect-ratio: 16 / 9;object-fit: cover;}
.department .head .photo::after {content: "";position: absolute;bottom: 0;left: 35%;border-style: solid;border-width: 50px 20px 0 50px;translate: -50% 100%;transform: skew(30deg);  transform-origin: top;}
.department .head .photo .play{padding:10px 40px; text-align:right;}
.department .head .photo .play div{display:inline-block; border-radius:50px; border:solid 2px #FFF; color:#FFF; font-size:14px; padding:5px 20px;display:flex;align-items: center;margin-left: auto;width: fit-content;    position: relative;
    z-index: 1;}
.department .head .photo .play div i{margin-right:10px; font-size:18px;}
.department .head .photo .play div:hover{cursor:pointer;}
.department .head .features{width:43%;}
.department .head .features .text{padding:40px 90px 40px 40px;border-radius:25px; background:#FFF;    rotate: 0deg;  position:relative; margin-top:140px;}
.department .head .features .text h3{ font-size:25px; margin-bottom:20px;}
.department .head .features .text ul{}

.department .head .features .text .ic-person{position:absolute; right:10px; top:-140px; width:120px;}
.department .head .features .text .ic-baloon{position:absolute; right:-120px; top:-240px; width:120px;}

.department .section01{border-radius:100px 100px 0 0; background-color:#FFF;background-image:url(/image/department-box01.svg) ; background-repeat:no-repeat;background-size: 98%;    background-position:center top 20px; padding-top:6%; padding-bottom:100px; margin-top:30px; }
.department .section01 .box{display:flex;justify-content: space-between;}
.department .section01 .box .introduction{ }
.department .section01 .box .text-area{ width:55%;}
.department .section01 .box .text-area .copy{margin-bottom:20px; font-size:25px; font-weight:bold;}
.department .section01 .box .introduction .photo{ width:40%;}

.department .section01 .box .introduction02{  margin-top:40px; }
.department .section01 .box .introduction02 h2{ margin-bottom:20px; margin-top:40px;font-size:25px;text-align:left; line-height:1.4;}
.department .section01 .box .introduction02 h3{color:#BB1A29; font-size:20px; margin-bottom:20px;line-height:1.4;}
.department .section01 .box .introduction02 .item{ width:95%;}
.department .section01 .box .introduction02 .item .text{background:#F2F2F2; padding:20px;}
.department .section01 .box .introduction02 ul{background:#F2F2F2; }
.department .section01 .box .introduction02 ul li{margin-bottom:5px;}
.department .section01 .box .photo{width:40%; margin-top:-60px;}




.department .section02{border-radius:100px 100px 0 0; background-color:#B5D9DF;padding-top:80px; padding-bottom:200px; margin-top:-100px;    }
.department .section02 h2{ margin-bottom:40px;font-size:25px; padding-left:30px; text-align:left; line-height:1.4;border-left:solid 15px #215379; color:#215379;}
.department .section02 h3{ background:#215379; color:#FFF; padding:15px 40px; text-align:center; margin-top:60px; margin-bottom:20px;font-size:20px;    width: fit-content;}
.department .section02 h4{color:#BB1A29; font-size:18px;margin-bottom:20px;}
.department .section02 h5{color:#BB1A29; font-size:18px;margin-top:20px;}
.department .section02 h5:first-of-type{margin-top:0;}
.department .section02 .box{background:#FFF; border-radius:15px; padding:40px; position:relative;}

.department .section02 .introduction{display:flex;justify-content: space-between; align-items: center;position:relative;}
.department .section02 .introduction .photo{width:25%;}
.department .section02 .introduction ul{width:70%;}
.department .section02 .introduction .ic{position:absolute; top:-80px; right:-80px; width:25%;}

.department .section02 .item{display:flex;justify-content: space-between; position:relative;}
.department .section02 .item .text{background:#FAF2E3; padding:20px 40px; width:70%;}
.department .section02 .item .photo{ width:25%;}
.department .section02 .item .photo img{height:100%;object-fit: cover;}
.department .notice{background:#F2F2F2; padding:15px;width: fit-content; font-size:14px; margin-top:40px;}
.department .notice li{text-align:left;}
.department .section02 .item .ic{position:absolute; top:-240px; right:40px; width:80px;}


.department .section03{border-radius:100px 100px 0 0; background-color:#FFF;padding-top:80px; padding-bottom:100px; margin-top:-100px;background-image: url(/image/department-travel-section03.svg),url(/image/department-travel-section03-foot.svg); background-repeat:no-repeat;background-size: 10%, 40%;background-position:right 20% top 20px,left 0% bottom 20px; }
.department .section03 h2{ margin-bottom:40px;font-size:25px; padding-left:30px; text-align:left; line-height:1.4;}
.department .section03 h3{ font-size:18px;    margin-bottom: 20px;}
.department .section03 .introduction{display:flex;align-items: center;position:relative; margin-bottom:60px;}

.department .section03 .introduction .photo{width:25%; margin-right:60px;}
.department .section03 .introduction .ic{position:absolute; bottom:-20px; right:-60px; width:10%;}
.department .section03 .schedule{margin:0 auto 40px auto;}
.department .btn a{color:#FFF;}



.content-navi{ margin-bottom:40px;}
.content-navi ul{display:flex;justify-content: space-between;}
.content-navi ul li{width:23%;  text-align:center; font-weight:bold;}
.content-navi ul li span{ display:block;}
.content-navi ul li a{color:#000;padding-top:15px; padding-bottom:10px;border-radius:5px;background:#FFF; display:block;line-height:1.1;}
.content-navi ul li a:hover{ color:#BC1A29;}


@media screen and (max-width: 768px) {
.bg-blue .department{background:#b5d9df;}
.department .head{ flex-direction: column;}
.department .head h1{font-size:20px;}
.department .head .item{width:100%;}
.department .head .features{width:100%;}
.department .head .features .text{margin-top: 60px; padding:20px;}

.department .head .features .text .ic-baloon{width:60px; right:0; top:-100px;}
.department .head .features .text .ic-person{width:60px !important;}
.department .section01{border-radius:50px 50px 0 0; padding-top:50px; }
.department .section01 .box{ flex-direction: column;}
.department .section01 .box .text-area{width:100%;}
.department .section01 .box .photo{width:100%;margin-top: 0px;}
.department .section01 .box .introduction .photo{ width:100%; margin-top:20px;}
.department .section01 .box .introduction02 .item{width:100%;}
.department .section01 .box .introduction02 h2{font-size:20px;}
.department .section01 .box .text-area .copy{font-size:20px;}
.department .head .photo img{height:200px;}
.department .head .photo iframe{height: 300px;}

.department .section02{border-radius:50px 50px 0 0; padding-top:50px;}
.department .section02 h2{font-size:20px; margin-bottom:20px;}
.department .section02 .introduction{ flex-direction: column;}
.department .section02 .introduction .ic{position:static;width:60%; margin:0 auto 20px auto; order:1;}
.department .section02 .introduction .photo{width:100%; order:3;}
.department .section02 .introduction ul{width:100%; order:2;margin-bottom:20px;}

.department .section02 .box{padding:20px;}
.department .section02 .item{ flex-direction: column;}
.department .section02 .item .text{width:100%; padding:20px;}
.department .section02 .item .photo{width:100%; margin-top:20px;}
.department .section02 .item .photo img{width:100%;object-fit: initial; height:auto; }
.department .section02 .item .ic{display:none;}

.department .section03{border-radius:50px 50px 0 0; background-color:#FFF;padding-top:50px; padding-bottom:100px; margin-top:-100px;background-image: url(/image/department-travel-section03.svg),url(/image/department-travel-section03-foot.svg); background-repeat:no-repeat;background-size: 10%, 100%;background-position:right 20% top 20px,left 0% bottom 20px; }

.department .section03 h2{font-size:20px;}
.department .section03 .introduction{ flex-direction: column;}
.department .section03 .introduction .photo{width:100%; margin-right:0; margin-bottom:20px;}
.department .section03 .introduction .ic{display:none;}

.content-navi ul{flex-wrap: wrap;}
.content-navi ul li{width:48%; margin-bottom:10px; }


}










/*■国際観光ビジネス科 観光総合コース■*/
.department .travel{}

.department .travel h1{ background:#215379;}
.department .travel .head .photo{border:solid 5px #215379; background:#215379; }
.department .travel .head .photo::after {border-color: #215379 transparent transparent;}
.department .travel .head .features .text{border:solid 3px #215379; }
.department .travel .head .features .text h3{ color: #215379;}

.department .travel .introduction .text-area .copy{color:#215379;}
.department .travel .introduction02 h2{color:#215379; }

/*.department .travel .section01 .first-year{-margin-bottom:60px;}
.department .travel .section01 .first-year .box01{display:flex;justify-content: space-between; margin-bottom:40px;}
.department .travel .section01 .first-year .box01 .intro h3{ background:#215379;color:#FFF; padding:10px 40px; text-align:center; font-size:20px;width: fit-content; margin-bottom:20px;}
.department .travel .section01 .first-year .box01 .intro {width:40%;}
.department .travel .section01 .first-year .box01 .intro .photo{margin-top:20px; text-align:right;}
.department .travel .section01 .first-year .box01 .intro .photo img{width:80%;}
.department .travel .section01 .first-year .box01 .schedule {width:55%;}

.department .travel .section01 .first-year .box02 {display:flex;justify-content: space-between; margin-bottom:40px;}
.department .travel .section01 .first-year .box02 .text-area{width:48%;background:#F2F2F2;}
.department .travel .section01 .first-year .box02 .text-area  h4{ color:#BB1A29; border-bottom:solid 3px #BB1A29; padding-bottom:5px; padding:30px 0 10px 40px;width: fit-content; font-size:20px; }
.department .travel .section01 .first-year .box02 .text-area .text{padding:40px;}

.department .travel .section01 .second-year{background: url(/image/department-2nd-year.svg) no-repeat;background-size: 98%;    background-position:center top; }
.department .travel .section01 .second-year .box01{display:flex;justify-content: space-between;margin-bottom:40px;}
.department .travel .section01 .second-year .box01 .intro{width:40%;}
.department .travel .section01 .second-year .box01 .intro h3{ background:#215379;color:#FFF; padding:10px 40px; text-align:center; font-size:20px;width: fit-content; margin-bottom:20px;}
.department .travel .section01 .second-year .box01 .intro .photo{margin-top:20px; text-align:right;}
.department .travel .section01 .second-year .box01 .intro .photo img{width:100%;}
.department .travel .section01 .second-year .box01 .schedule {width:55%;}
.department .travel .section01 .second-year .box02{display:flex;justify-content: space-between;}
.department .travel .section01 .second-year .box02 .text-area{ width:48%;background:#F2F2F2;}
.department .travel .section01 .second-year .box02 .text-area  h4{ color:#BB1A29; border-bottom:solid 3px #BB1A29; padding-bottom:5px; padding:30px 0 10px 40px;width: fit-content; font-size:20px; }
.department .travel .section01 .second-year .box02 .text-area .text{padding:40px;}

.department .travel .section01 .second-year .license{margin-top:40px;}
.department .travel .section01 .second-year .license h4{ color:#BB1A29; font-size:20px; margin-bottom:20px;}
.department .travel .section01 .second-year .license .text{display:flex;justify-content: space-between;background:#F2F2F2; padding:30px;}
.department .travel .section01 .second-year .license .text ul{margin-right:2%;}*/

.department .travel .section01 .box{margin-bottom:60px;}

.department .travel .section02 h2{ border-left:solid 15px #215379; color:#215379;}
.department .travel .section02 h3{ background:#215379; }
.department .travel .section02 h4{color:#BB1A29; }
.department .travel .section02 h5{color:#BB1A29;}


.department .section03 h2{ border-left:solid 15px #215379; color:#215379;}
.department .section03 h3{ color:#00547C;}
.department .section03 h4 {font-size: 18px;margin-bottom: 20px;}

.department .travel .btn a{background:#215379;}





/*■国際観光ビジネス科 グローバル・インバウンドコース■*/
.department .globalinbound{}
.department .globalinbound h1{ background:#0E7994;}
.department .globalinbound .head .photo{border:solid 5px #0E7994; background:#0E7994; }
.department .globalinbound .head .photo::after {border-color: #0E7994 transparent transparent;}
.department .globalinbound .head .features .text{border:solid 3px #0E7994;}
.department .globalinbound .head .features .text h3{ color: #0E7994;}
.department .globalinbound .features .text .ic-person{width:140px;}
.department .globalinbound .introduction .copy{color:#0E7994;}
.department .globalinbound h2{ color:#0E7994; }


/*.department .globalinbound .section01 .first-year{margin-bottom:60px;}
.department .globalinbound .section01 .first-year .box{display:flex;justify-content: space-between; margin-bottom:40px;}
.department .globalinbound .section01 .first-year .box .item{width:48%;}
.department .globalinbound .section01 .first-year .box .item h3{ background:#0E7994;color:#FFF; padding:10px 40px; text-align:center; font-size:20px;width: fit-content; margin-bottom:20px;}

.department .globalinbound .section01 .first-year .box .item .text-area{ background:#F2F2F2;    min-height: 260px;}
.department .globalinbound .section01 .first-year .box .item .text-area  h4{ color:#BB1A29; border-bottom:solid 3px #BB1A29; padding-bottom:5px; padding:30px 0 10px 40px;width: fit-content; font-size:20px; }
.department .globalinbound .section01 .first-year .box .item .text-area .text{padding:40px;}*/
.department .globalinbound .section01{padding-bottom:100px; }
.department .globalinbound .section01 .box{margin-bottom:60px;}

.department .globalinbound .section02 h2{border-left: solid 15px #0E7994;}
.department .globalinbound .section03 h2{border-left: solid 15px #0E7994;}
.department .globalinbound .section03 h3{ color:#D64C4C;}
.department .globalinbound .btn a{background:#0E7994;}

@media screen and (max-width: 768px) {
.department .globalinbound .section01 .box .photo{width:100%;margin-top: 20px;}
}

/*■国際ホテル＆ブライダル科■*/
.department .hotel{}
.department .hotel h1{ background:#D64C4C;}
.department .hotel .head .photo{border:solid 5px #D64C4C; background:#D64C4C; }
.department .hotel .head .photo::after {border-color: #D64C4C transparent transparent;}
.department .hotel .head .features .text{border:solid 3px #D64C4C; margin-top:90px; }
.department .hotel .head .features .text h3{ color: #D64C4C;}
.department .hotel .head .features .text .ic-person{width:160px;right: -20px;}


.department .hotel .introduction .text-area .copy{color:#D64C4C;}
.department .hotel h2{color:#D64C4C; }

.department .hotel .section01 .box{align-items: center;margin-bottom:60px;}
.department .hotel .section01 .box .photo{margin-top:0;}

.department .hotel .content-navi ul li{width:19%; }



/*.department .hotel .section01 .first-year{margin-bottom:60px;}
.department .hotel .section01 .first-year .box01{display:flex;justify-content: space-between; margin-bottom:40px;}
.department .hotel .section01 .first-year .box01 .intro h3{ background:#D64C4C;color:#FFF; padding:10px 40px; text-align:center; font-size:20px;width: fit-content; margin-bottom:20px;}
.department .hotel .section01 .first-year .box01 .intro {width:40%;}
.department .hotel .section01 .first-year .box01 .intro .photo{margin-top:20px; text-align:center;}
.department .hotel .section01 .first-year .box01 .intro .photo img{width:70%;}
.department .hotel .section01 .first-year .box01 .schedule {width:55%; position:relative;}
.department .hotel .section01 .first-year .box01 .schedule img{width:80%;}
.department .hotel .section01 .first-year .box01 .schedule .ic{position:absolute; right:0; bottom:10%; width:30%;}
.department .hotel .section01 .first-year .box01 .schedule .ic img{width:100%;}



.department .hotel .section01 .first-year .box02 {display:flex;justify-content: space-between;}
.department .hotel .section01 .first-year .box02 .text-area{width:48%;background:#F2F2F2;}
.department .hotel .section01 .first-year .box02 .text-area  h4{ color:#BB1A29; border-bottom:solid 3px #BB1A29; padding-bottom:5px; padding:30px 0 10px 40px;width: fit-content; font-size:20px; }
.department .hotel .section01 .first-year .box02 .text-area .text{padding:40px;}

.department .hotel .section01 .second-year{background: url(/image/department-2nd-year.svg) no-repeat;background-size: 98%;    background-position:center top; }
.department .hotel .section01 .second-year .box01{display:flex;justify-content: space-between;margin-bottom:40px;}
.department .hotel .section01 .second-year .box01 .intro{width:35%;}
.department .hotel .section01 .second-year .box01 .intro h3{ background:#D64C4C;color:#FFF; padding:10px 40px; text-align:center; font-size:20px;width: fit-content; margin-bottom:20px;}
.department .hotel .section01 .second-year .box01 .intro .photo{margin-top:20px; text-align:center;}
.department .hotel .section01 .second-year .box01 .intro .photo img{width:80%;}
.department .hotel .section01 .second-year .box01 .schedule {width:55%; position:relative;}
.department .hotel .section01 .second-year .box01 .schedule .ic{position:absolute; left:-15%; top:20%; width:20%;}
.department .hotel .section01 .second-year .box01 .schedule .ic img{width:100%;}

.department .hotel .section01 .second-year .box02{display:flex;justify-content: space-between;}
.department .hotel .section01 .second-year .box02 .text-area{ width:48%;background:#F2F2F2;}
.department .hotel .section01 .second-year .box02 .text-area  h4{ color:#BB1A29; border-bottom:solid 3px #BB1A29; padding-bottom:5px; padding:30px 0 10px 40px;width: fit-content; font-size:20px; }
.department .hotel .section01 .second-year .box02 .text-area .text{padding:40px;}
*/

.department .hotel .section02 h2{ border-left:solid 15px #D64C4C; color:#D64C4C;}
.department .hotel .section02 h3{ background:#D63636; }
.department .hotel .section02 h4{color:#BB1A29; }
.department .hotel .section02 h5{color:#D64C4C;}
.department .hotel .section02 .item .text{background:none; padding:0;}
.department .hotel .section02 .item{margin-bottom:40px;}
.department .hotel .section02 .item .photo img{height:auto; object-fit:unset;}

.department .hotel .section02 .item01{display:flex;justify-content: space-between; background:#F2F2F2; padding:20px 0; margin-bottom:20px;}
.department .hotel .section02 .item01 h5{    color: #BB1A29;    border-bottom: solid 3px #BB1A29;    padding: 0px 0 5px 0px;
      font-size: 20px; margin-bottom:10px;}
.department .hotel .section02 .item01 > div{width:30%;}
.department .hotel .section02 .item01 > div:first-child{margin-right:5%; }
.department .hotel .section02 .item01 > div:first-child h5{padding-left:40px;}
.department .hotel .section02 .item01 > div:first-child .text{padding-left:40px;}



.department .hotel .section02 .item02{display:flex;justify-content: space-between; background:#F2F2F2; padding:20px 0;margin-bottom:20px;}
.department .hotel .section02 .item02 h5{    color: #BB1A29;    border-bottom: solid 3px #BB1A29;    padding: 0px 0 5px 0px;
      font-size: 20px; margin-bottom:10px;}
.department .hotel .section02 .item02 > div{width:30%;}
.department .hotel .section02 .item02 > div:first-child{margin-right:5%; width:25%;}
.department .hotel .section02 .item02 > div:first-child h5{padding-left:40px;}

.department .hotel .section02 .item03{margin:80px 0; position:relative;}
.department .hotel .section02 .item03 .intro{display: flex;     align-items: center; margin-bottom:40px;}
.department .hotel .section02 .item03 .intro h2{ margin-bottom:0; margin-right:100px;}
.department .hotel .section02 .item03 .text{background:#FAF2E3; padding:20px 40px; color:#BB1A29; font-weight:bold; font-size:18px;width: fit-content;}
.department .hotel .btn a{background:#D64C4C; border:solid 3px #D64C4C;}
.department .hotel .section02 .item03 .ic{position:absolute; right:40px; bottom:-100px; width:8%;}

.department .hotel .section03 h2{color:#D64C4C;border-left:solid 15px #D64C4C;}
.department .hotel .section03 h4 {    color: #BB1A29;}
.department .hotel .section03 h3 {background: #D63636; color:#FFF; padding:15px 40px; text-align:center; margin-top:60px; margin-bottom:20px;font-size:20px;    width: fit-content;}

.department .hotel .section03 .introduction{margin-bottom:0;}
.department .hotel .section03 .introduction .copy{color:#BB1A29; font-size:18px;}
.department .hotel .section03 .box01{display:flex;justify-content: space-between; margin-bottom:60px;}
.department .hotel .section03 .box01 .item{width:48%;}
.department .hotel .section03 .box01 .item img{width:70%;}

.department .hotel .section03 .box02{}
.department .hotel .section03 .box02 .copy{color:#BB1A29; font-size:18px; font-weight:bold; margin-bottom:20px;}
.department .hotel .section03 .box02 h3{color:#BB1A29; font-size:18px; background:none; padding:0;}
.department .hotel .section03 .box02 .copy2{font-size:18px; font-weight:bold; margin-bottom:20px;}

.department .hotel .section03 .box02 .item01{display:flex;justify-content: space-between;align-items: center; margin-top:40px;}
.department .hotel .section03 .box02 .item01 .photo:nth-child(1){width:8%;}
.department .hotel .section03 .box02 .item01 .text-area{width:60%;}
.department .hotel .section03 .box02 .item01 .photo{width:25%;}
.department .hotel .section03 .box02 .item01 h3{margin-top:0;}


@media screen and (max-width: 768px) {
.department .hotel .head .features .text .ic-person{width:80px;    top: -40px;}
.department .hotel .section01 .box .photo{margin-top:20px;}
.department .hotel .section02 .item{flex-direction: column-reverse;}
.department .hotel .section02 .item01{flex-direction: column;padding: 20px;}
.department .hotel .section02 .item01 > div{width:100%;}
.department .hotel .section02 .item01 > div:first-child{margin-right:0; margin-bottom:20px;width:100%;}
.department .hotel .section02 .item01 > div:first-child h5{padding-left:0;}
.department .hotel .section02 .item01 > div:first-child .text{padding-left:0;}

.department .hotel .section02 .item02{flex-direction: column;padding: 20px;}
.department .hotel .section02 .item02 > div{width:100%;}
.department .hotel .section02 .item02 > div:first-child{margin-right:0; width:100%;}
.department .hotel .section02 .item02 > div:first-child h5{padding-left:0; width:100%;}
.department .hotel .section02 .item02 > div:first-child .text{padding-left:0;}
.department .hotel .section02 .item02 > div:nth-child(2){margin-bottom:20px;}

.department .hotel .section02 .item03 .intro{flex-direction: column;    align-items: flex-start;}
.department .hotel .section02 .item03 .intro h2{margin-right:0;}
.department .hotel .section02 .item03 ul.check02{margin-top:40px;}
.department .hotel .section03 .box01{flex-direction: column;}
.department .hotel .section03 .box01 .item{width:100%;}
.department .hotel .section03 .box01 .item img{width:100%;}
.department .hotel .section03 .box02 .item01{flex-direction: column;}
.department .hotel .section03 .box02 .item01 .text-area{width:100%;}
.department .hotel .section03 .box02 .item01 .photo{width:100%;}
.department .hotel .content-navi ul li{width:48%; }

}







/*■夜間部　国際観光ビジネス科■*/
.department .basic{}
.department .basic h1{ background:#ED6F35;}
.department .basic .head .photo{border:solid 5px #ED6F35; background:#ED6F35; }
.department .basic .head .photo::after {border-color: #ED6F35 transparent transparent;}
.department .basic .head .features .text{border:solid 3px #ED6F35; }
.department .basic .head .features .text h3{ color: #ED6F35;}
.department .basic .features .text .ic-person{width:140px;}
.department .basic .introduction .text-area .copy{color:#ED6F35;}
.department .basic h2{border-left:none; color:#ED6F35; }
.department .basic .section01 .box01{display:flex;justify-content: space-between;align-items: flex-end; margin-bottom:40px;}
.department .basic .section01 .box .introduction02{ margin-bottom:40px;}

.department .basic .section01 .box01 .item{width:50%;}
.department .basic .section01 .box01 .item h3{ background:none;color:#BB1A29; padding:0px; font-size:18px;margin-bottom:20px;}

.department .basic .section01 .box01 .item .text{margin-bottom:40px;}
.department .basic .section01 .box01 .photo{width:40%;}

.department .basic .section01 .box02 .text{padding:40px; background:#F2F2F2; margin-bottom:10px;}
.department .basic .section01 .box02 .memo{margin-bottom:40px;}
.department .basic .btn a{background:#78B208;}

.department .basic .section02{border-radius:100px 100px 0 0; background-color:#FFF;padding-top:80px; padding-bottom:200px; margin-top:-100px;  
    background-image: url(/image/department-travel-section03.svg), url(/image/department-travel-section03-foot.svg);
    background-repeat: no-repeat;
    background-size: 10%, 40%;
    background-position: right 20% top 20px, left 0% bottom 20px;}

.department .basic .section02 h2{ border-left:solid 15px #ED6F35; color:#ED6F35;}
.department .basic .section02 .box01{display:flex;justify-content: space-between; margin-bottom:60px;}
.department .basic .section02 .box01 .text-area{width:55%;}
.department .basic .section02 .box01 .photo{width:40%;}
.department .basic .section02 .box01 h3{color:#BB1A29; background:none; padding:0; margin-top:40px;}
.department .basic .section02 .gray{padding:40px; background:#F2F2F2;}
.department .basic .section02 .note{ margin-top:10px;}


@media screen and (max-width: 768px) {
.department .basic .section02 .box01{flex-direction: column;}
.department .basic .section02 .box01 .text-area{width:100%;}
.department .basic .section02 .box01 h3{text-align:left; margin-top:20px;}
.department .basic .section02 .gray{padding:20px;}
}



/*■夜間部 国際観光ビジネス デュアル科■*/
.department .travel_n{}
.department .travel_n h1{ background:#EFAA30;}
.department .travel_n .head .photo{border:solid 5px #EFAA30; background:#EFAA30; }
.department .travel_n .head .photo::after {border-color: #EFAA30 transparent transparent;}
.department .travel_n .head .features .text{border:solid 3px #EFAA30; }
.department .travel_n .head .features .text h3{ color: #EFAA30;}
.department .travel_n .features .text .ic-person{width:140px;right: -20px;}
.department .travel_n .introduction .text-area .copy{color:#EFAA30;}
.department .travel_n h2{border-left:solid 15px #EFAA30; color:#EFAA30;    margin-bottom: 40px;
    font-size: 25px;
    padding-left: 30px;
    text-align: left;
    line-height: 1.4; }
	
.department .travel_n .section01{	
    background-image: url(/image/department-travel-section03.svg), url(/image/department-travel-section03-foot.svg);
    background-size: 10%, 40%;
    background-position: right 20% top 20px, left 0% bottom 20px;}
	
	
.department .travel_n .section01 .box{margin-bottom:60px;align-items: flex-end;}
.department .travel_n .section01 .box .introduction02 h2{border-left:none; color:#EFAA30; padding-left:0;}


.department .travel_n .section01 .box01{display:flex;justify-content: space-between;margin-bottom:40px;}
.department .travel_n .section01 .box01 .item{width:60%;}
.department .travel_n .section01 .box01 .item h3{ background:none;color:#BB1A29; padding:0px; font-size:18px;margin-bottom:20px;}

.department .travel_n .section01 .box01 .item .text{margin-bottom:40px;}
.department .travel_n .section01 .box01 .photo{width:20%;}

.department .travel_n .section01 .box02{margin-bottom:60px;}
.department .travel_n .section01 .box02 .schedule{display:flex;    align-items: flex-start; margin-top:40px;}
.department .travel_n .section01 .box02 .schedule img:nth-child(1){width:15%; margin-right:-20px;}
.department .travel_n .section01 .box02 .schedule img:nth-child(2){width:70%;}
.department .travel_n .section01 .box02 .schedule img:nth-child(3){width:15%;margin-left:-20px; margin-top:auto;}
.department .travel_n .section01 .box02 .memo{margin-bottom:40px;}

.department .travel_n .section01 .box03{margin-bottom:80px;}
.department .travel_n .section01 .box03 h3{ color:#BB1A29; margin-bottom:20px; font-size:18px;}
.department .travel_n .section01 .box03 .item01{display:flex; margin-bottom:60px;}
.department .travel_n .section01 .box03 .item01 .text{width:70%; background:#F2F2F2; padding:40px;}
.department .travel_n .section01 .box03 .item01 .photo{width:30%; margin-left:-20px; margin-top:-60px;}

.department .travel_n .section01 .box03 .item02{display:flex;justify-content: space-between; margin-bottom:20px;margin-top:40px;}
.department .travel_n .section01 .box03 .item02 > div{width:37%;}
.department .travel_n .section01 .box03 .item02 h4{   background: #EFAA30;    color: #FFF;    padding: 10px 40px;    text-align: center;    font-size: 20px;    width: fit-content;    margin-bottom: 20px; }
.department .travel_n .section01 .box03 .text-image{width:50%; margin-left:60px; margin-bottom:60px;}

.department .travel_n .section01 .box03 .item03{margin-bottom:60px;}
.department .travel_n .section01 .box03 .item03 .text{width:70%; background:#F2F2F2; padding:40px;}

.department .travel_n .section01 .box03 .item04{display:flex; align-items: flex-start; background:#F2F2F2; padding:20px 0;margin-bottom:20px; margin-top:40px;}
.department .travel_n .section01 .box03 .item04 h5{    color: #BB1A29;    border-bottom: solid 3px #BB1A29;    padding: 0px 0 5px 40px;font-size: 20px; margin-bottom:10px; margin-right:60px; width:25%;}

.department .travel_n .section01 .box04 .item01{margin-bottom:60px;}
.department .travel_n .section01 .box04 .item01 .text{width: fit-content;   background:#F2F2F2; padding:40px;}
.department .travel_n .section01 .box04 .item01 h3 {color: #BB1A29;    margin-bottom: 20px;    font-size: 18px; line-height:1.4; margin-top:40px;}

.department .travel_n .section01 .foot-photo{margin-bottom:40px;}
.department .travel_n .btn a{background:#EFAA30}



@media screen and (max-width: 768px) {
.department .travel_n h2{font-size:20px;padding-left: 15px;}
.department .travel_n .features .text .ic-person{right:0;}
.department .travel_n .section01 .box01 .item{width:100%;}
.department .travel_n .section01 .box01 .photo{display:none;}
.department .travel_n .section01 .box02 .schedule img:nth-child(1){ margin-right:0px;}
.department .travel_n .section01 .box02 .schedule img:nth-child(3){margin-left:0px;}
.department .travel_n .section01 .box03 .item01 .photo{display:none;}
.department .travel_n .section01 .box03 .item01 .text{width:100%; padding:20px;}
.department .travel_n .section01 .box03 .item02{flex-direction: column;}
.department .travel_n .section01 .box03 .item02 > div{width:100%; margin-bottom:20px;}
.department .travel_n .section01 .box03 .item03 .text{width:100%; padding:20px;}
.department .travel_n .section01 .box03 .text-image{width:70%; margin-left:auto; margin-right:auto;}
.department .travel_n .section01 .box03 .item04{flex-direction: column;}
.department .travel_n .section01 .box03 .item04 h5{width:100%; padding-left:20px;}
.department .travel_n .section01 .box03 .item04 ul{padding:20px;}
.department .travel_n .section01 .box04 .item01 .text{padding:20px;}
}



/*■国際観光ビジネス訪日科■*/
.department .internationalstudents{}
.department .internationalstudents h1{ background:#65B300;}
.department .internationalstudents .head .photo{border:solid 5px #65B300; background:#65B300 }
.department .internationalstudents .head .photo::after {border-color: #65B300 transparent transparent;}
.department .internationalstudents .head .features .text{border:solid 3px #65B300; }
.department .internationalstudents .head .features .text h3{ color: #65B300;}
.department .internationalstudents .features .text .ic-person{width:160px;right: -20px;}
.department .internationalstudents .introduction .copy{color:#65B300;}
.department .internationalstudents h2{border-left:solid 15px #65B300; color:#65B300;    padding-left: 30px; margin-top:80px; }

.department .internationalstudents .section01{	
    background-image: url(/image/department-travel-section03.svg), url(/image/department-travel-section03-foot.svg);
    background-size: 10%, 40%;
    background-position: right 20% top 20px, left 0% bottom 20px;}
	

.department .internationalstudents .section01 .box01{display:flex;align-items: flex-start; margin-bottom:40px;}
.department .internationalstudents .section01 .box01 .item{    width: fit-content; margin-right:60px;}
.department .internationalstudents .section01 .box01 .item h3{ background:none;color:#BB1A29; padding:0px; font-size:18px;margin-bottom:20px;}

.department .internationalstudents .section01 .box01 .item .text{margin-bottom:40px;}
.department .internationalstudents .section01 .box .introduction02 .item .text.no-bg{background:none; margin-bottom:40px; padding:0;}

.department .internationalstudents .section01 h3{margin-top:40px; color:#65B300; margin-bottom:10px;}
.department .internationalstudents .section01 .box01 .photo{width:25%; margin-top:-80px;}

.department .internationalstudents .section01 .curriculum{margin-bottom:100px;}



.department .internationalstudents .section01 .box02{margin-bottom:60px;}
.department .internationalstudents .section01 .box02 .text {    width: 70%;    background: #F2F2F2;    padding: 40px;}


.department .internationalstudents .btn a{background:#164A50}


@media screen and (max-width: 768px) {
.department .internationalstudents .features .text .ic-person{left:0;}
.department .internationalstudents h2{padding-left:15px;}

}


/*■シラバス■*/
.department .syllabus{}
.department .syllabus h1{background: #215379;}
.department .syllabus h2{ color:#d2302d; margin-bottom:40px; margin-top:40px; font-size:24px; text-align:left;}
.department .syllabus h3{ color:#d2302d; margin-bottom:40px; margin-top:40px; font-size:22px;}
.department .syllabus h3:first-of-type{margin-top:60px;}
.department .syllabus h4{ border-bottom:solid 1px #000; padding-bottom:5px; margin-bottom:10px;}
.department .syllabus .note{margin-bottom:60px;}
.department .syllabus .text{padding:20px;}
.department .syllabus .bg-gray{background:#f2f2f2 !important;}
.department .syllabus .box{margin-bottom:40px;flex-direction: column;}
.department .syllabus .box .item{display:flex;}
.department .syllabus .box .item .icon{margin-left:auto;}
.department .syllabus .box .item .icon ul{display:flex;}
.department .syllabus .box .item .icon ul li{margin-left:10px; background:#999999; color:#FFF; width:100px; height:50px;display:flex;justify-content: center;align-items: center; font-size:13px; line-height:1.3;}
.department .syllabus .box .item .icon ul li a{background:#c1272d; display:block;display:flex;justify-content: center;align-items: center;width:100px; height:50px; color:#FFF;}
.department .syllabus .box .item .icon ul li.active{background:#c1272d; }
.department .syllabus .box .item .icon ul li.active-bg-gray{ background:#999999;}
/*タブ切り替え全体のスタイル*/
.department .syllabus .tab_item_wrap{    margin-top: 60px; border-bottom:solid 1px #000;    min-height: 70px; position:absolute;top: -60px; left:0px; width:100%; z-index:-1;}
.department .syllabus .tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  max-width: 100%;
  margin: 0 auto;
  position:relative;
  z-index:1;}

/*タブのスタイル*/
.department .syllabus .tab_item {
  width: calc(100%/4);
  min-height: 70px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  background-color: #cccccc;
  line-height: 1.6;
  font-size: 15px;
  text-align: center;
  color: #000;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  display:flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.department .syllabus .tab_item:first-of-type{ border-left: 1px solid #000;}
.department .syllabus .tab_item span{display:block; font-size:12px;    width: 100%;    margin-top: -20px;}
.department .syllabus .tab_item:hover {
  cursor:pointer;
}

/*ラジオボタンを全て消す*/
.department .syllabus input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.department .syllabus .tab_content {
  display: none;
  padding: 40px 40px 0;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#travel:checked ~ #travel_content,
#globalinbound:checked ~ #globalinbound_content,
#hotel:checked ~ #hotel_content,
#internationalstudents:checked ~ #internationalstudents_content{
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #FFF;
  color: #000;
  border-bottom: none;

}


/*タブ実装*/
.tab_box{background:#FFF;}
.tab_box .btn_area {
  margin:0 10px;
  display: -webkit-box;
  display: flex;
}

.tab_box .tab_btn_wrap {border-bottom: 1px solid #000;
}
	
.tab_box .tab_btn {
 width: calc(100%/4);
  min-height: 70px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  background-color: #cccccc;
  line-height: 1.6;
  font-size: 15px;
  text-align: center;
  color: #000;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  display:flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom:-1px;
}
.tab_box .tab_btn span{display:block; font-size:12px;    width: 100%;    margin-top: -20px;}

.tab_box .tab_btn:first-of-type{ border-left: 1px solid #000;}
.tab_box .tab_btn:hover {
  background-color: #dce1e4; cursor:pointer;
}

.tab_box .tab_btn.active {
    background:#FFF;    border-bottom: 1px solid #FFF;
}

.tab_box .panel_area {
    padding: 20px;
}

.tab_box .tab_panel {
    display:none;
}

.tab_box .tab_panel.active {
    display:block;
}


@media screen and (max-width: 767px) {
.tab_box .tab_btn{font-size:13px; width: calc(100%/2);}
.tab_box .btn_area{flex-wrap: wrap;}
.tab_box .tab_btn:nth-child(3){border-left: 1px solid #000;}
.tab_box .tab_btn.active {border-bottom: 1px solid #000;}

	
	
.department .syllabus .tab_item{font-size:13px; width: calc(100%/2);}
.department .syllabus .tab_item_wrap{display:none;}
.department .syllabus .tab_content{padding-left:10px; padding-right:10px;}
.department .syllabus .box .item{flex-direction: column;}
.department .syllabus .box .item .icon ul{flex-wrap: wrap;}
.department .syllabus .box .item .icon ul li{width:45%; margin-bottom:10px;}
.department .syllabus .box .item .icon ul li a{width:100%;}
.department .syllabus .box .item .icon{margin-left:inherit; margin-top:10px;}
.tabs input:checked + .tab_item {
  background-color: #FFF;
  color: #000;
  border-bottom: solid 1px #000;
  border-left: solid 1px #000;

}

}


/*====================
オープンキャンパス
=====================*/
.bg-information{background-image:url(/image/bg-information.svg) ; background-repeat: no-repeat;background-size:100%; background-color:#84CBDF;background-position:center top 180px; }

.information h1 {
    font-weight: bold;
    color: #004B51;
        font-size: 35px;
    text-shadow: 3px 3px 3px #FFF, -3px -3px 3px #FFF, -3px 3px 3px #FFF, 3px -3px 3px #FFF, 3px 0px 3px #FFF, -3px -0px 3px #FFF, 0px 3px 3px #FFF, 0px -3px 3px #FFF;
    margin-bottom: 40px;
}
.information h1 span {
    display: block;
    font-size: 20px;
    margin-top: 10px;
}
.information .head-photo{width:100%; text-align:right; padding-top:40px; }
.information .head-photo img{width:60%;margin-right:40px;}
.information .section01{ background:#5FA3B6; padding-bottom:200px; }
.information .section01 .box{ border-radius:25px; background:#FFF; padding:40px 60px 20px 60px; margin-top:120px; position:relative;margin-top:60px;}
.information .section01 .box .btn{position:absolute; left:0; top:-160px;}

.information .section01 .box:first-child{margin-top:200px;}
.information.for_ryugakusei .section01 .box:first-child{margin-top:0px;}
.information .section01 h2{border-radius:10px;  padding:10px 20px; margin-left:-20px; text-align:left; color:#FFF; max-width:800px; font-size:20px; margin-top:-60px; margin-bottom:40px; line-height:1.4;}
.information .section01 h2.blue{background:#3F99D5;}
.information .section01 h2.orange{background:#F57F17;}
.information .section01 h2.red{background:#CA4B4A;}
.information .section01 h2.green{background:#75A82D;}
.information .section01 h2.green2{background:#43A047;}
.information .section01 h2.yellow{background:#F4C71B; color:#000;}

.information.for_ryugakusei .section01 .box:last-child{margin-bottom:100px;}
.information .section01 .box .item{display:flex;justify-content: space-between; margin-bottom:20px;}
.information .section01 .box .item .text-area{width:55%;}
.information .section01 .box .note{font-size:14px;}
.information .section01 .box .freedial{width:200px; margin-top:20px;}
.information .section01 .box .item .photo{width:25%;}
.information .section01 .box h3{margin-bottom:5px; margin-top:20px; font-size:18px; line-height:1.4;}
.information .section01 .box .btn-booking{border-radius:10px;    margin-left: auto; text-align:center; background:#529CE2; font-size:16px; font-weight:bold; color:#FFF; padding:5px 20px; width:fit-content;}

.information .section01 .foot-photo{width:80%; margin:60px auto;}
.information .section02 .btn {float: right;}
.information .section02 .btn a{color:#F4C71B; border:solid 3px #F4C71B; font-size:17px; background-color: white; text-align: center; display: block;}

.information .section02{background-image:url(/image/information-section02.svg) ; background-repeat: no-repeat;background-size:100%; background-position:center top; padding-top:200px; margin-top:-200px; }

.information .section02 .schedule h2{ color:#205175; margin-bottom:60px; text-align:left; font-size:20px;}
.information .section02 .schedule .box{padding:40px; border-radius:5px; background:#FFF;}
.information .section02 .schedule ul{display:flex;align-items: center; padding-right:20px;}
.information .section02 .schedule ul li{padding:10px 0px 10px 20px;}
.information .section02 .schedule ul .date{width:15%;}
.information .section02 .schedule ul .hour{width:25%;display:flex;}
.information .section02 .schedule ul .hour img{width:20px; margin-right:10px;}
.information .section02 .schedule ul .type{width:30%;}
.information .section02 .schedule ul .type br{display:none;}
.information .section02 .schedule ul .status{width:30%; color:#AC2923; font-weight:bold;}
.information .section02 .schedule ul .link{background:#AC2923; border-radius:25px; text-align:center; padding:0; margin-left:auto;width:150px;}
.information .section02 .schedule ul .link a{ padding:0px 20px; color:#FFF; display:block; }

.information .section02 .schedule ul.title{margin-bottom:20px;background:#205175;}
.information .section02 .schedule ul.title li{  color:#FFF;  font-weight:bold;padding:10px 0px 10px 20px;}
.information .section02 .schedule ul.title .link{border-radius:0;margin-left: inherit;background:#205175;}


.information .section02 .schedule ul:nth-child(odd){background:#E2F4F7;}




.information.for_ryugakusei .section02 .calender .box{align-items: center;}
.information .section02 .calender{margin-top:40px;}
.information .section02 .calender h2{text-align:left; color:#000; font-size:20px; margin-bottom:20px;}
.information .section02 .calender .box{display:flex;flex-wrap: wrap;justify-content: space-between;    align-items: flex-end;}
.information .section02 .calender .box .item{width:49.5%; margin-bottom:10px;}
.information .section02 .calender span{font-size:13px;}

@media screen and (max-width: 768px) {
.information h1{font-size:25px;}
.information h1 span{font-size:16px;}
.information .head-photo{margin-bottom:40px;}
.information .head-photo img{width:80%;margin-right:0px;}

.information .section01 .box:first-child{margin-top:200px;}
.information .section01 .box .btn{ top:-160px;}
.information.for_ryugakusei .section01 .box .btn{ top:-200px;}

.information .section01 h2{margin-left:0; margin-bottom:20px;}
.information .section01 .box{padding:20px;}
.information .section01 .box .item{flex-direction: column;}
.information .section01 .box .item .text-area{width:100%;}
.information .section01 .box .item .photo{width:100%; margin-top:20px;}
.information .section01 .foot-photo{width:100%;}
.information .section02{padding-top:100px;}
.information .section02 .schedule h2{margin-bottom:20px;}
.information .section02 .schedule .box{padding:20px;}
.information .section02 .schedule ul{flex-direction: column;padding:20px 0px;}
.information .section02 .schedule ul li{padding:5px 20px;}
.information .section02 .schedule ul .date{width:100%; text-align:center; font-size:18px;}
.information .section02 .schedule ul .hour{width:100%;text-align:center;justify-content: center; }
.information .section02 .schedule ul .type{width:100%;text-align:center; }
.information .section02 .schedule ul .status{width:100%;text-align:center; }
.information .section02 .schedule ul .link{margin-left:auto; margin-right:auto; margin-top:20px;}

.information .section02 .schedule ul.title{margin-bottom:0; padding:0;}
.information .section02 .schedule ul.title .hour{display:none;}
.information .section02 .schedule ul.title .type{display:none;}
.information .section02 .schedule ul.title .link{display:none;}
.information .section02 .schedule ul.title .status{display:none;}
.information .section02 .calender .box{flex-direction: column;}
.information .section02 .calender .box .item{width:100%;}
}



/*====================
入学をご検討の方へ
=====================*/
.bg-essentials{background-image:url(/image/bg-essentials.svg) ; background-repeat: no-repeat;background-size:100%; background-color:#F6B8AC;background-position:center top 140px; }
.essentials .head{background-image:url(/image/essentials-head.svg) ; background-repeat:no-repeat;background-size: 90%;    background-position:center bottom; height:180px; margin-bottom: -10px;    position: relative;}
.essentials h1{background: #F5D345;    border: solid 2px #FFF;    border-radius: 50px;    padding: 15px 40px;    font-size: 25px;   min-width: 400px;width: fit-content; margin-left:100px; color:#164A50;}
.essentials h1 span{display:block; font-size:14px; margin-bottom:5px; }
.essentials h2{margin-bottom: 40px;margin-top:60px;    font-size: 25px;    padding-left: 30px;    text-align: left;    line-height: 1.4;}

.essentials .section01{border-radius:100px 100px 0 0; background:#FFF; padding-top:100px; padding-bottom:200px;margin-bottom: -100px;}


.essentials .heading{display:flex;justify-content: space-between;align-items: center; font-size:20px; font-weight:bold;}
.essentials .heading .item{margin-top:0 !important;}
.essentials .heading .item a{display:block; border-radius:10px; padding:10px; border:solid 1px #BB1A29;}




@media screen and (max-width: 768px) {
.essentials h1{margin-left:auto; margin-right:auto; width:95%; max-width:400px; min-width:inherit; font-size:20px;}
.essentials .head{height:130px; margin-bottom:-5px;}
.essentials .section01{border-radius: 50px 50px 0 0; padding-top:50px;}
.essentials h2{margin-top:20px;}
.essentials .heading{flex-direction: column;}
.essentials .heading .item{margin-top:20px !important;}
}







/*■入学をご検討の方へ■*/
.bg-guidelines{background-color:#F6B8AC;  }

.essentials .guidelines h1{background: #164A50;border: solid 2px #FFF;color:#FFF; }
.essentials .guidelines h2{border-left: solid 15px #164A50;color: #164A50;margin-bottom: 40px;    font-size: 25px;    padding-left: 30px;    text-align: left;    line-height: 1.4;}

.essentials .guidelines .section01 .step{ margin-top:60px;}
.essentials .guidelines .section01 .step .item{display:flex; margin-bottom:60px;}
.essentials .guidelines .section01 .step .item .title{ width:150px; margin-right:40px; background:#FDF3E2; position:relative;}
.essentials .guidelines .section01 .step .item .title:after{ content:""; position:absolute; bottom: -24.5px;width: 0;  height: 0;  border-style: solid;  border-right: 66px solid transparent;  border-left: 66px solid transparent;  border-top: 25px solid #FDF3E2;
  border-bottom: 0;}

.essentials .guidelines .section01 .step .item .title.gray{ background:#FDF3E2;}
.essentials .guidelines .section01 .step .item .title.gray:after{border-top: 25px solid #FDF3E2;}


.essentials .guidelines .section01 .step .item .title h4{ width:90%; margin-left:auto; margin-right:auto; margin-top:-10px;border-radius:25px; text-align:center; color:#FFF;box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.4); background:#BC1A29; padding:4px 6px;}
.essentials .guidelines .section01 .step .item .text-area{ width:100%;}
.essentials .guidelines .section01 .step .item .text-area .text{margin-bottom:20px;}
.essentials .guidelines .section01 .step .item .text-area h5{color:#BC1A29; margin-bottom:10px;}
.essentials .guidelines .section01 .step .item .text-area ul{display:flex;align-items: flex-start; margin-bottom:20px;}
.essentials .guidelines .section01 .step .item .text-area ul li{width:100%;}
.essentials .guidelines .section01 .step .item .text-area ul li.number{width:120px; margin-right:40px; border-radius:25px; text-align:center; color:#FFF;box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 0.4); background:#164A50; padding:4px 6px;}
.essentials .guidelines .section01 .step .item .text-area ul li.flex{display:flex;justify-content: space-between;}
.essentials .guidelines .section01 .step .item .text-area ul li h6{color:#BC1A29; }
.essentials .guidelines .section01 .step .item .text-area .face-photo{display:flex; margin-bottom:5px;}
.essentials .guidelines .section01 .step .item .text-area .face-photo > div{font-size:13px;}
.essentials .guidelines .section01 .step .item .text-area .bank-account{margin-left:60px; margin-bottom:5px;}
.essentials .guidelines .section01 .step .item .text-area .account{border:solid 1px #000; padding:10px; width:fit-content; line-height:1.3;}

.essentials .guidelines .section01 .step .item .text-area span{font-size:15px;}
.essentials .guidelines .section01 .step .item .text-area ul.blue{}
.essentials .guidelines .section01 .step .item .text-area ul.blue li.number{background:#A7D1E2;}
.essentials .guidelines .section01 .step .item .text-area ul.blue li h6{color:#3F8FA9; }
.essentials .guidelines .section01 .step .item .text-area ul.blue li .photo{max-width:700px; margin:10px 0;}

.essentials .guidelines .section01 .step .item .text-area ul.gray{}
.essentials .guidelines .section01 .step .item .text-area ul.gray li.number{background:#164A50;}
.essentials .guidelines .section01 .step .item .text-area ul.gray li h6{color:#BC1A29; }

.essentials .guidelines .section01 .step h3{ background:#164A50; color:#FFF; text-align:center; margin-bottom:40px; padding:10px 0;}







.essentials .section02{border-radius:100px 100px 0 0; background:#52B0B4; padding-top:100px; margin-top: -100px;}
.essentials .section02 h2{border-left: solid 15px #FFF;color: #FFF;}
.essentials .section02 .copy{color:#164A50; font-weight:bold; margin-bottom:60px; font-size:18px;}


.essentials .section03{border-radius:100px 100px 0 0; background:#C3E0D5; padding-top:100px; padding-bottom:200px;}
.essentials .section03 h2{border-left: solid 15px #164A50;color: #164A50;}
.essentials .section03 h3{color: #164A50; margin-top:20px; font-size:18px;}

.essentials .section04{border-radius:100px 100px 0 0; background:#CBE8EE; padding-top:100px; padding-bottom:200px;margin-top: -100px;margin-bottom: -100px;}
.essentials .section04 h2{border-left: solid 15px #164A50;color: #164A50;}
.essentials .section04 h3{color: #164A50; margin-top:20px; font-size:18px;}


@media screen and (max-width: 768px) {
.essentials .guidelines .section01 .step .item{flex-direction: column;}
.essentials .guidelines .section01 .step .item .title{ background:none; width:100%;}
.essentials .guidelines .section01 .step .item .title:after{content:none;}
.essentials .guidelines .section01 .step .item .title h4{margin-bottom:20px;}
.essentials .guidelines .section01 .step .item .text-area ul{flex-direction: column;}
.essentials .guidelines .section01 .step .item .text-area ul li.flex{flex-direction: column;}
.essentials .guidelines .section01 .step .item .text-area ul li.number{margin-right:auto; margin-left:auto; margin-bottom:20px;}
.essentials .guidelines .section01 .step .item .text-area ul li h6{text-align:center;}
.essentials .guidelines .section01 .step .item .text-area h5{text-align:center;}
.essentials .guidelines .section01 .step .item .title.gray{ background:none; width:100%;}
.essentials .guidelines .section01 .step .item .text-area .bank-account{margin-left:0;}
.essentials .guidelines .section01 .step .item .text-area .face-photo{flex-direction: column;}
.essentials .guidelines .section01 .step .item .text-area .account{width:100%;}
}



/*■学費・奨学金・教育ローン■*/
.bg-fee{background-color:#F6B8AC;  }
.essentials .fee h1{background: #BC1A29;    border: solid 2px #FFF;color:#FFF; }
.essentials .fee h2{border-left: solid 15px #BC1A29;color: #164A50;}
.essentials .fee h2:first-child{margin-top:0;}
.essentials .fee h3{color: #164A50;margin-bottom: 40px;margin-top:60px;     font-size: 25px;}
.essentials .fee .note{font-size:15px; margin-bottom:20px;}


.essentials .fee table{width:100%; margin-bottom:10px;}
.essentials .fee table,.essentials .fee table th,.essentials .fee table td{border:solid 1px #000; border-collapse:collapse;}

.essentials .fee table td{text-align:right;width:20%;}
.essentials .fee table td.red{ background:#BC1A29; color:#FFF; text-align:center;}
.essentials .fee table td.yellow{ background:#FDF3E2; }
.essentials .fee table th{text-align:center;    }
.essentials .fee table th.red{ background:#BC1A29; color:#FFF; text-align:center;font-size:16px;}
.essentials .fee table th.yellow{background:#FDF3E2; text-align:center; font-size:16px; width:20%;}


.essentials .fee table.other-price td{ width:20%;}
.essentials .fee table td.tate{width:3%;writing-mode: vertical-rl;text-align: center; padding:0;    align-content: center; text-orientation: upright;}

	
.essentials .fee table.other-price th.yellow{ width:17%;}


.essentials .fee table.all-pay td{ width:19%;}
.essentials .fee table.all-pay th.yellow{ width:auto;}

.essentials .fee table.transfer th{width:25%; background:#BC1A29; color:#FFF; }
.essentials .fee table.transfer td{width:75%; text-align:left;}

.essentials .fee .scholarship .item{display:flex;justify-content: space-between;}


@media screen and (max-width: 768px) {
.essentials .fee table{width:700px; }
.essentials .fee table.transfer{width:auto;}
.essentials .fee .scholarship .item{flex-direction: column;}
.essentials .fee h3{line-height:1.4;}
.essentials .fee table td.tate span {white-space: pre;writing-mode: vertical-rl;display: inline-block;padding:5px;width:20px; margin-left:14px; }
.essentials .fee .scholarship .item .text{margin-bottom:20px;}
}


/*■学生会館（学生寮）■*/
.bg-gakusei{background-color:#F6B8AC;  }

.essentials .gakusei h1{background: #FAF2E3;    border: solid 2px #27494F;color:#000; }
.essentials .gakusei h2{border-left: solid 15px #BC1A29;color: #164A50;}
.essentials .gakusei h2:first-child{margin-top:0;}

.essentials .gakusei h3{color: #000;margin-bottom: 40px;margin-top:60px;     font-size: 20px;}
.essentials .gakusei h4{margin-top:40px;}
.essentials .gakusei h4 span{font-size:15px; font-weight:normal;}

.essentials .gakusei table{width:100%; margin-top:20px;}
.essentials .gakusei table,.essentials .gakusei table th,.essentials .gakusei table td{border:solid 1px #000; border-collapse:collapse;}

.essentials .gakusei table th{ background:#EAE5E3;}
.essentials .gakusei table th:nth-child(2){text-align:center;}

.essentials .gakusei .btn{    text-align: right; margin-top:40px;}
.essentials .gakusei .btn a{display: inline-block;}



/*■進学支援制度）■*/
.bg-supportprogram{background-color:#F6B8AC;  }
.essentials .supportprogram h1{background: #3F8FA9;    border: solid 2px #FFF;color:#FFF; }
.essentials .supportprogram h2{border-left: solid 15px #3F8FA9;color: #164A50;}
.essentials .supportprogram h3{margin-bottom:40px; font-size:18px;}
.essentials .supportprogram .item{display:flex;justify-content: space-between;}
.essentials .supportprogram .item .text{width:45%;}
.essentials .supportprogram .item table{width:45%; margin-top:0;}
.essentials .supportprogram .item table th{vertical-align:middle !important;}
.essentials .supportprogram .text{}
.essentials .supportprogram .copy{ font-size:18px; margin-bottom:40px; font-weight:bold;}

.essentials .supportprogram .check{margin-top:40px;}
.essentials .supportprogram .check h4{border-bottom:solid 1px #BC1A29; margin-bottom:20px; padding-bottom:5px;}

.essentials .supportprogram table{width:100%; margin-top:20px; margin-bottom:60px;}
.essentials .supportprogram table,.essentials .supportprogram table th,.essentials .supportprogram table td{border:solid 1px #000; border-collapse:collapse;}
.essentials .supportprogram table th{ background:#EAE5E3; text-align:center;}
.essentials .supportprogram table th span{font-size:14px;}




@media screen and (max-width: 768px) {
.essentials .supportprogram .item{flex-direction: column;}
.essentials .supportprogram .item .text{width:100%;}
.essentials .supportprogram .item table{width:100%; margin-top:20px;}
.essentials .supportprogram .item .btn{margin-top:20px;}
.essentials .supportprogram h2{margin-top:40px;}
}




/*■募集要項■*/
.bg-recruitment{background-color:#F6B8AC;  }
.essentials .recruitment h1{background: #F5D345;    border: solid 2px #FFF;color:#000; }
.essentials .recruitment h2{border-left: solid 15px #F5D345;color: #164A50; display:flex;align-items: center;}
.essentials .recruitment h2 span{ display:inline-block; margin-bottom:0; margin-left:auto; margin-right:40%;}
.essentials .recruitment h3{color: #164A50; font-size:30px;margin-top:60px;}
.essentials .recruitment h3 span{font-size:14px; margin-left:20px; color:#000; font-weight:normal;}
.essentials .recruitment h4{margin-top:40px;  font-size:20px; }
.essentials .recruitment .text{margin-top:40px;}
.essentials .recruitment .item{display:flex;justify-content: space-between;align-items: flex-end; margin-top:40px;}
.essentials .recruitment .item .text-area{width:60%;}
.essentials .recruitment .item .photo{width:15%;}
.essentials .recruitment table{width:100%; margin-top:20px;}
.essentials .recruitment table,.essentials .recruitment table th,.essentials .recruitment table td{border:solid 1px #000; border-collapse:collapse;}
.essentials .recruitment table th{background:#EAE5E3; text-align:center; vertical-align:middle !important; font-weight:bold;}
.essentials .recruitment table td{vertical-align:middle !important;}
.essentials .recruitment td.bg-white{background:#FFF !important;}

.essentials .recruitment .note{margin-top:40px;}
.essentials .recruitment .table01 td:nth-child(1){width:30%;}
.essentials .recruitment .table01 td:nth-child(2){width:20%; text-align:center;}
.essentials .recruitment .table01 td:nth-child(3){width:20%; text-align:center;}
.essentials .recruitment .table01 td:nth-child(4){width:30%;}

.essentials .recruitment .table02 th:nth-child(1){width:10%;}
.essentials .recruitment .table02 th:nth-child(2){width:20%;}
.essentials .recruitment .table02 th:nth-child(3){width:25%;}
.essentials .recruitment .table02 th:nth-child(4){width:15%;}
.essentials .recruitment .table02 th:nth-child(5){width:15%;}
.essentials .recruitment .table02 th:nth-child(6){width:15%;}

.essentials .recruitment .table03{margin-top:40px;}
.essentials .recruitment .table03 th{width:16%;}
.essentials .recruitment .table03 img{margin-top:10px;}
.essentials .recruitment .table03 .item{display:flex;align-items: flex-start; margin-top:20px;}
.essentials .recruitment .table03 .item ul{width:50%;}
.essentials .recruitment .table04 td{text-align:center;}
.essentials .recruitment .table04 td:nth-child(1){text-align:center;}
.essentials .recruitment .table04 th:nth-child(2){width:21%;}
.essentials .recruitment .table04 th:nth-child(3){width:21%;}
.essentials .recruitment .table04 th:nth-child(4){width:21%;}
.essentials .recruitment .table04 th:nth-child(5){width:21%;}
.essentials .recruitment .table04 th{vertical-align:top !important; position:relative; width:20%;}
.essentials .recruitment .table04 th:after{ content:""; position: absolute; top: 50%; right: -10px; transform: translateY(-50%);z-index: 1;
width: 0;
  height: 0;
  border-left: 20px solid #BC1A29;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;}
.essentials .recruitment .table04 th:last-child:after{content:none;}
.essentials .recruitment .table04 td span{font-size:13px; display:block; margin-top:20px;}
.essentials .recruitment .table04 tr:nth-child(even) td{ background:#EEEEEF;}



.essentials .recruitment .table05 th{ background:#BC1A29; color:#FFF;}
.essentials .recruitment .table05 td{ text-align:center;}
.essentials .recruitment .table05 span{font-size:20px;}

.essentials .recruitment .table06 td{text-align:center;}
.essentials .recruitment .table06 tr:first-child td:first-child{width:10%;}
.essentials .recruitment .table06 td:nth-child(1){text-align:center;}
.essentials .recruitment .table06 th:nth-child(2){width:15%;}
.essentials .recruitment .table06 th:nth-child(3){width:15%;}
.essentials .recruitment .table06 th:nth-child(4){width:15%;}
.essentials .recruitment .table06 th:nth-child(5){width:15%;}
.essentials .recruitment .table06 th:nth-child(6){width:15%;}
.essentials .recruitment .table06 th:nth-child(7){width:15%;}
.essentials .recruitment .table06 th{vertical-align:top !important; position:relative; width:20%;}
.essentials .recruitment .table06 th:after{ content:""; position: absolute; top: 50%; right: -10px; transform: translateY(-50%);z-index: 1;
width: 0;
  height: 0;
  border-left: 20px solid #BC1A29;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;}
.essentials .recruitment .table06 th:last-child:after{content:none;}
.essentials .recruitment .table06 td span{font-size:13px; display:block; margin-top:20px;}
.essentials .recruitment .table06 tr:nth-child(odd) td{ background:#EEEEEF;}



@media screen and (max-width: 768px) {
.essentials .recruitment table{width:800px;}
.essentials .recruitment .item{flex-direction: column;}
.essentials .recruitment .item .text-area{width:100%;}
.essentials .recruitment .item .photo{width:30%; margin:20px auto 0 auto;}
.essentials .recruitment h3 span{display:block;margin-left: 0px; margin-top:10px;}
.essentials .recruitment .table03 table{width:auto;}
.essentials .recruitment .table05 span{display:block;}
.essentials .recruitment .table06 tr:first-child td:first-child{white-space:nowrap;}
.essentials .recruitment h2{justify-content: space-between; font-size:20px;}
.essentials .recruitment h2 span{margin-right:0;}
}
/*============================================================
皆様へ
=============================================================*/
main.for_people{padding-top:0; position:relative; margin-top:-60px; padding-bottom:0;}
/*.for_people{background-image:url(/image/bg-for_people.svg) ; background-repeat:no-repeat;background-size: 100%;    background-position:center top;}*/
.for_people h1{ border: solid 2px #FFF;    border-radius: 50px;    padding: 15px 40px;    font-size: 25px;  min-width: 400px;  width: fit-content; margin-left:100px; }
.for_people h1 span{display:block; font-size:14px; margin-bottom:5px; }
.for_people h2{border-left: solid 15px #000;color: #000;margin-bottom: 40px; font-size: 25px;padding-left: 30px;text-align: left;line-height: 1.4;}
.for_people .blog{margin-top:100px;display:flex;justify-content: space-between;align-items: flex-start;}
.for_people .blog h2{width:20%;}
.for_people .blog .item{ width:70%}
.for_people .blog .item ul{width:100%;	padding: 20px;	margin-bottom: 10px;	background-image: url(/image/arrow-right-pink-circle.svg);	background-repeat: no-repeat;	background-position: right 20px center;	background-size: 35px;	background-color: #EAE5E3; display:flex;}
.for_people .blog .item ul li{}
.for_people .blog .item ul li.date{ width:150px;}


.for_people .head{background-image:url(/image/other-head.svg) ; background-repeat:no-repeat;background-size: cover;    background-position:center bottom; height:180px; padding-top:30px; margin-bottom:0px; position:relative;}

.for_people .section01{padding-bottom:100px; margin-top:0px;}


.for_people .copy{font-size:25px; font-weight:bold; color:#BC1A29; margin-bottom:40px;}

.for_people .features{display:flex;justify-content: space-between;}
.for_people .features .item{width:70%;}
.for_people .features .item h3{color: #BC1A29; border-bottom:solid 5px #BC1A29; padding-bottom:10px; margin-bottom:10px;}


.for_people .features .item .text{margin-bottom:40px;}
.for_people .features .item .text span{padding-left:20px;    display: block;}
.for_people .features .photo{width:20%;}
.for_people .features .photo img{margin-bottom:20px;}

.for_people .section01 .item{margin-bottom:60px;}
.for_people .section01 .item .text{margin-bottom:40px;}


.for_people .section02{background-image:url(/image/for_people-section02.svg) ; background-repeat:no-repeat;background-size: cover;    background-position:center top; padding-top:100px; padding-bottom:200px;}
.for_people .section02 .box{border-radius:25px; background:#FFF; padding:40px;}
.for_people .section02 table{z-index:0; margin-bottom:20px;}
.for_people .section02 .memo{margin-bottom:60px;}

.for_people .section03{/*background-image:url(/image/for_people-section03.svg) ; background-repeat:no-repeat;background-size: cover;    background-position:center top; padding-top:100px;*/padding-bottom:200px;margin-top:-100px; position:relative;}
.for_people .section03 h2{border-left: solid 15px #BC1A29;color: #BC1A29;}
.for_people .section03 .box{border-radius:25px; background:#FFF; padding:40px;}
.for_people .section03 .box .item{display:flex;justify-content: space-between;align-items: center; margin-bottom:60px;}
.for_people .section03 .box h2{margin-bottom:20px;}
.for_people .section03 .box .btn a{width:300px; padding:10px 60px;}
.for_people .section03 .ic-foot{position:absolute; z-index: 1; bottom:100px; width:100%;}


@media screen and (max-width: 768px) {
.for_people h1{   width:95%; min-width:inherit; margin-left:auto; margin-right:auto; line-height:1.4; }
.for_people .section01 .item{margin-bottom:20px;}
}

/*■保護者の皆様■*/
.for_people .parents h1{ color: #FFF; background:#BC1A29;}
.for_people .parents h2{border-left: solid 15px #BC1A29;color: #BC1A29;}
.for_people .parents h3{color: #BC1A29; font-size:20px; margin-bottom:20px;}
.for_people .parents h4{color: #27494F; font-size:18px;margin-bottom:20px;}

/*■受験生の皆様■*/
.for_people .examinee h1{ color: #FFF; background:#578DA5;}
.for_people .examinee h2{border-left: solid 15px #64A3B5;color: #64A3B5;}
.for_people .examinee .section01{padding-bottom:100px;}
.for_people .examinee .accordion-container{margin-top:20px; margin-bottom:60px;}
.for_people .examinee .school{}
.for_people .examinee .school h3{position:relative;background-color: #EAE5E3;font-size:20px;margin-bottom: 20px;padding: 20px;	 }
.for_people .examinee .school h3:before{ content:"";background: url(/image/arrow-down-pink-circle.svg) no-repeat;	transition: all .3s ease-in-out;position: absolute;  right: 20px;  top: 13px;  width: 35px;  height: 35px; }

.for_people .examinee .school h3.open:before { transform: rotate(180deg);}
.for_people .examinee .school h4{font-size:18px;}

.for_people .examinee .school h3:hover{cursor:pointer;}
.for_people .examinee .school .accordion-content{padding:20px;}
.for_people .examinee .school .accordion-content ul{display:flex;flex-wrap: wrap; border:solid 1px #EEE; margin-bottom:20px;}
.for_people .examinee .school .accordion-content ul li{width:33.3%;border-right: 1px solid #EEE;border-bottom: 1px solid #EEE; padding:10px;    margin-bottom: -1px;
}
.for_people .examinee .school .accordion-content ul li:nth-child(3n){border-right:none;}

.for_people .examinee .section02{background-image:url(/image/for_people-section02.svg) ; background-repeat:no-repeat;background-size: cover;    background-position:center top; padding-top:100px;padding-bottom:200px;margin-top:-100px; position:relative;}
.for_people .examinee .section02 h2{border-left: solid 15px #64A3B5;color: #64A3B5;}
.for_people .examinee .section02 .box{border-radius:25px; background:#FFF; padding:40px;}
.for_people .examinee .section02 .box .item{display:flex;justify-content: space-between;align-items: center; margin-bottom:60px;}
.for_people .examinee .section02 .box h2{margin-bottom:20px;}
.for_people .examinee .section02 .box .btn a{width:300px; padding:10px 60px;}
.for_people .examinee .section02 .ic-foot{position:absolute; z-index: 1; bottom:100px; width:100%;}



.for_people .btn a{color:#164A50; border:solid 3px #164A50; font-size:17px;}






/*■留学生の皆様■*/

.ryugaku{ }


.ryugaku-top{}

.ryugaku .ryugaku-navi{border-radius:25px; padding:40px; background:#FFF; position:relative; margin-bottom:100px;}
.ryugaku .ryugaku-navi ul{ display:flex;flex-wrap: wrap;justify-content: center;}
.ryugaku .ryugaku-navi ul li{width:28%; margin-left:2%; margin-right:2%;border-radius:25px;   text-align: center;  font-weight: bold; overflow:hidden; }
.ryugaku .ryugaku-navi ul li a{color:#FFF; display:block; padding:40px 0;}
.ryugaku .ryugaku-navi ul li:nth-child(1){background:#BF1A20;  }
.ryugaku .ryugaku-navi ul li:nth-child(2){background:#65B300; }
.ryugaku .ryugaku-navi ul li:nth-child(3){background:#E9A300; }
.ryugaku .ryugaku-navi ul li:nth-child(n+4){display: block; border-radius: 50px;color: #164A50;border: solid 3px #164A50; margin-top:40px; }
.ryugaku .ryugaku-navi ul li:nth-child(n+4) a{color:#164A50;padding: 10px 40px;}
.ryugaku .ryugaku-navi:after{content:""; position: absolute;bottom: -50px;left: 50%;transform: translateX(-50%); background:url(/image/ryugaku-top-foot.png) no-repeat; height:50px;width: 50%;background-size: contain;    background-position-x: center;}

.ryugaku .ryugaku-navi.other{background:none;}
.ryugaku .ryugaku-navi.other:after{content:none;}
.ryugaku .ryugaku-navi.other ul li:nth-child(n+4) a{background:#FFF;}




.ryugaku .heading{display:flex;justify-content: space-between;align-items: center;}
.ryugaku .heading .photo{width:50%;}
.ryugaku .heading .photo.recruitment img{width:50%;}
.ryugaku h1 {
    border: solid 2px #FFF;
    border-radius: 50px;
    padding: 15px 40px;
    font-size: 22px;
    color: #FFF;
    line-height: 1.2;
	min-width:300px;
	width:40%;
	margin-left:0;
}
.ryugaku h1.about{background:#BF1A20;}
.ryugaku h1.department{background:#65B300;}
.ryugaku h1.recruitment{background:#E9A300; color:#FFF;}


.ryugaku h3{font-size:22px; margin-bottom:20px;}
.ryugaku .content-navi{margin-top:40px;}
.ryugaku .content-navi ul li{width:23%;}

.ryugaku .content-navi.department-navi{}
.ryugaku .content-navi.department-navi ul li{width:30%;}
.ryugaku .content-navi.department-navi ul li a{border-radius:50px; text-align:left; color:#FFF; padding-left:30px; font-size:20px; line-height:1.2;}
.ryugaku .content-navi.department-navi ul li a span{font-size:80%;}
.ryugaku .content-navi.department-navi ul li:nth-child(1) a{background:#247744;  }
.ryugaku .content-navi.department-navi ul li:nth-child(2) a{background:#0E7994; }
.ryugaku .content-navi.department-navi ul li:nth-child(3) a{background:#D64C4C; }




.ryugaku .introduction{ 
background-image: url(/image/ryugaku-about-introduction01.svg), url(/image/ryugaku-about-introduction02.svg);
background-position: top right, bottom left;
background-size: 40%, 40%;
background-repeat: no-repeat, no-repeat;
margin-bottom:40px; padding-top:80px;}
.ryugaku .introduction .box{ display:flex;justify-content: space-between;}
.ryugaku .introduction h2{ color:#C71528;    font-family: "wanpaku-ruika", sans-serif;    font-weight: 100;    font-size: 36px;    margin-bottom: 40px; text-align:left;}
.ryugaku .introduction h2 span{display:inline; font-size:70%; color:#231815;}
.ryugaku .introduction .box .text-area{font-size:22px; width:45%;}

.ryugaku .introduction .box .item{display:flex;align-items: flex-end; margin-top:200px;}
.ryugaku .introduction .box .item h3{text-align:center; margin-bottom:20px;}
.ryugaku .introduction .box .item .photo{width:100px; margin-right:40px; margin-bottom:40px;}
.ryugaku .introduction .box .item .chart{width:400px;}
.ryugaku .introduction .box .item .graph{border-radius:25px; border:solid 3px #C71528; padding:20px 30px; width:100%; background:#FFF; position:relative;}
.ryugaku .introduction .box .item .graph ul{display:flex;    align-items: flex-end;justify-content: space-between;}
.ryugaku .introduction .box .item .graph li{width:15%;display:flex;flex-direction: column; text-align:center;}
.ryugaku .introduction .box .item .graph li .bar{width:100%; background:#5EA4B7;}
.ryugaku .introduction .box .item .graph li:nth-child(1) .bar{ height:250px;background:#B01E29;}
.ryugaku .introduction .box .item .graph li:nth-child(2) .bar{ height:70px;}
.ryugaku .introduction .box .item .graph li:nth-child(3) .bar{ height:75px;}
.ryugaku .introduction .box .item .graph li:nth-child(4) .bar{ height:80px;}
.ryugaku .introduction .box .item .graph li:nth-child(5) .bar{ height:60px;}
.ryugaku .introduction .box .item .graph .title{position:absolute; border:solid 1px #000; padding:5px 20px; top:20px; right:20px;}
.ryugaku .introduction .box .item .graph .unit{position:absolute; top:60px; right:20px;}

.ryugaku table,.ryugaku  td,.ryugaku  th{border: 1px #000 solid;}
.ryugaku table.group-company{margin-top:20px;}
.ryugaku table.group-company th{background:#C71528; color:#FFF; text-align:center;}
.ryugaku table.group-company th:first-child{width:40%;}
.ryugaku table.group-company td{}
.ryugaku table.group-company tr{background:#bcdbe0;}
.ryugaku table.group-company tr:nth-child(odd){background:#a1ccd2;}
.ryugaku table.group-company td:last-child{background:#FFF;}
.ryugaku table.group-company tr:nth-child(odd) td:last-child{background:#deedf0;}

.ryugaku .ic01{ text-align:right; margin-right:40px;}
.ryugaku .ic01 img{ width:20%;}

.ryugaku .location{display:flex;justify-content: space-between; background:url(/image/ryugaku-location.png) no-repeat; background-position:center;}
.ryugaku .location .domestic{width:20%;}
.ryugaku .location .oversea{width:78%;}
.ryugaku .location .text{text-align:center; margin-bottom:20px; font-size:30px;}
.ryugaku .location .text span{font-size:70%;}
.ryugaku .location .text span.small{font-size:50%;}
.ryugaku .location h4{ background:#C71528; color:#FFF; text-align:center; font-size:22px; border-radius:50px; padding:5px; margin-bottom:20px;}
.ryugaku .location h4 span{font-size:80%;}

.ryugaku .location h5{ border:solid 2px #C71528; text-align:center; font-size:18px; border-radius:50px; padding:5px; margin-bottom:0px; background:#FFF;}
.ryugaku .location h5 span{font-size:90%;}

.ryugaku .location .box{display:flex;justify-content: space-between;}
.ryugaku .location .box .item{width:49%;}


.ryugaku .location .box .item ul{display:flex;flex-wrap: wrap; padding:10px 20px; margin-bottom:10px;}
.ryugaku .location .box .item ul li{width:33.333%; font-size:14px;}

.ryugaku .location .box .item ul.col4 li{width:25%;}


.ryugaku .section01 .box .introduction02 h3{color:#000;}





.ryugaku  .strong .head {display: flex;justify-content: space-between;align-items: flex-start;}
.ryugaku  .strong .head .photo{width:40%;}
.ryugaku  .strong .head .text-area{width:55%;}

.ryugaku  .strong .head .text-area h2 {
    font-family: "wanpaku-ruika", sans-serif; text-align:left;
    font-weight: 100;
    color: #004B51;
    font-size: 36px;
    text-shadow: 3px 3px 3px #FFF, -3px -3px 3px #FFF, -3px 3px 3px #FFF, 3px -3px 3px #FFF, 3px 0px 3px #FFF, -3px -0px 3px #FFF, 0px 3px 3px #FFF, 0px -3px 3px #FFF;
    margin-bottom: 40px;
}
.ryugaku  .strong .head .text-area h2 span{display:inline;color: #004B51;    font-weight: bold;}

.ryugaku  .strong .head .text-area .copy {
    font-size: 30px;
    line-height: 1.3;
    font-family: "wanpaku-ruika", sans-serif;
    text-shadow: 3px 3px 3px #FFF, -3px -3px 3px #FFF, -3px 3px 3px #FFF, 3px -3px 3px #FFF, 3px 0px 3px #FFF, -3px -0px 3px #FFF, 0px 3px 3px #FFF, 0px -3px 3px #FFF;    margin-bottom: 80px;
}
.ryugaku  .strong .head .text-area .copy span {
    color: #C71528;
    font-size: 36px;
}

.ryugaku .strong .bg{ background:#D4E7B7; border-radius:100px; margin-top:-115px; padding-top:180px;padding-bottom: 40px;    margin-bottom: 100px;}
.ryugaku .strong .bg.strong02{margin-top:-220px;padding-top:240px;padding-bottom:200px;}
.ryugaku .strong .bg.strong03{margin-top:-140px;padding-top:240px;padding-bottom:200px;}


.ryugaku .strong .chart{background:#FFF; padding:40px; border-radius:25px; border:solid 3px #C71528;display:flex;justify-content: space-between;margin-bottom:40px;}
.ryugaku .strong .chart h3{ margin-left:20px; width:fit-content; padding:10px 20px;display: flex;	align-items: center;font-size: 18px;	text-align: center;	border-radius:15px 15px 0 0; background:#C71528;color: #FFF; margin-bottom:0; }
.ryugaku .strong .chart h3:before,
.ryugaku .strong .chart h3:after {content: '';width: 3px;	height: 20px;	background-color: #FFF;}
.ryugaku .strong .chart h3:before {margin-right: 30px;	transform: rotate(-35deg);}
.ryugaku .strong .chart h3:after {margin-left: 30px;	transform: rotate(35deg);}


.ryugaku .strong .chart .item{width:50%;}
.ryugaku .strong .chart .item .unit{display:flex;align-items: center; margin-bottom:20px;font-size:20px;}
.ryugaku .strong .chart .item .unit:last-child{margin-bottom:0;}


.ryugaku .strong .chart .item .unit .hexagon{
display: block;
  position: relative;
  width: 140px;
  height: 120px;
  color: #FFF;
  display:flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background: #E85C5B;
  margin-right: 20px;
  clip-path: polygon(25% 0%, 74% 0, 100% 51%, 75% 100%, 25% 100%, 0 50%);font-size:20px;    aspect-ratio: 1;}
.ryugaku .strong .chart .item .unit .hexagon span{font-size:80%;}


.ryugaku .strong .chart .item .unit .text-area{font-size:20px; text-align:center;}
.ryugaku .strong .chart .item .unit .number{ color:#BB1A29; font-size:7vw; font-weight:bold; line-height:1;}
.ryugaku .strong .chart .item .unit .number span{font-size:80%;}
  
  
.ryugaku .strong .chart .item .unit:nth-child(2){}
.ryugaku .strong .chart .item .unit:nth-child(2) .circle{border-radius:50%;display:flex;flex-direction: column;align-items: center; justify-content: center; background:#5EA4B7; color:#FFF; width:100px; height:100px; text-align:center; line-height:1.2; margin-right:10px;font-size:16px;    aspect-ratio: 1;}
.ryugaku .strong .chart .item .unit:nth-child(2) .number{ color:#00547C; font-size:3vw; font-weight:bold; line-height:1; margin-right:20px;}

.ryugaku .strong .chart .item .unit:nth-child(3){padding-left:40px;}

.ryugaku .strong .chart .item .graph{width:400px;    margin-inline: auto; margin-bottom:10px; position:relative; }


.ryugaku .strong .chart .item .graph .text01{position:absolute; top:-3px; right:-60px; color:#B01E29; font-size:24px;}
.ryugaku .strong .chart .item .graph .text02{position:absolute; top:250px; right:-80px; color:#3391C2; font-size:16px;}
.ryugaku .strong .chart .item .graph .text03{position:absolute; top:295px; left:-60px; color:#DD8C1C; font-size:16px;}
.ryugaku .strong .chart .item .graph .text04{position:absolute; top:100px; left:-30px; color:#00624B; font-size:16px;}
.ryugaku .strong .chart .item .graph .text05{position:absolute; top:25px; left:-50px; color:#8CC220; font-size:16px;}
.ryugaku .strong .chart .item .graph .text06{position:absolute; top:-15px; left:25px; color:#888888; font-size:16px;}
.ryugaku .strong .chart .item .graph .text01 span{font-size:24px;}
.ryugaku .strong .chart .item .graph .text02 span{font-size:24px;}
.ryugaku .strong .chart .item .graph .text03 span{font-size:24px;}
.ryugaku .strong .chart .item .graph .text04 span{font-size:24px;}
.ryugaku .strong .chart .item .graph .text05 span{font-size:24px;}
.ryugaku .strong .chart .item .graph .text06 span{font-size:24px;}

.ryugaku .ic02{text-align:right;}
.ryugaku .ic02 img{width:50%; margin-right:40px; margin-bottom:40px;}
.ryugaku .ic03{text-align:right; margin-top:-300px;}
.ryugaku .ic03 img{width:30%; margin-right:40px; margin-bottom:40px;}


.ryugaku .strong .result{background:#FFF; padding:40px; border-radius:25px; border:solid 3px #C71528; margin-bottom:40px;}
.ryugaku .strong .result .box{display:flex;justify-content: space-between;}
.ryugaku .strong .result .item{width:32%;}


.ryugaku .strong .result table{width:100%; margin-bottom:20px;}
.ryugaku .strong .result th{background:#AFCFD5; text-align:center;font-size:18px; padding-top:5px; padding-bottom:5px;}
.ryugaku .strong .result th:last-child{width:60px;padding-left:2px !important; padding-right:2px;}
.ryugaku .strong .result td{padding-left:18px;padding-top:5px; padding-bottom:5px;}
.ryugaku .strong .result td:last-child{text-align:center;padding-left:2px !important; padding-right:2px;}
.ryugaku .strong .result td.title{font-size:20px; color:#FFF; padding-left:15px;padding-top:3px; padding-bottom:3px;}
.ryugaku .strong .result td.title.red{ background:#BB1A29;}
.ryugaku .strong .result td.title.orange{ background:#DD8C1C;}
.ryugaku .strong .result td.title.green{ background:#8CC220;}
.ryugaku .strong .result td.title.blue{ background:#319BD0;}
.ryugaku .strong .result td.title.green2{ background:#00624B;}
.ryugaku .strong .result td.title.purple{ background:#7257A2;}
.ryugaku .strong .result-foot{margin-top:-200px;}

.ryugaku  .internationalstudents .head .photo{/*overflow:hidden;*/}
.ryugaku .travel .head .photo::after{content:none;}
.ryugaku .travel .head .photo{overflow:hidden;}
.ryugaku .head .features .text{margin-top:100px;}

.ryugaku .hotel .head .photo::after{content:none;}
.ryugaku .hotel .head .photo{overflow:hidden;}
.ryugaku .hotel .head .features .text{margin-top:50px;}


.ryugaku table.time-schedule{margin-top:20px; width:100%;}
.ryugaku table.time-schedule th{background:#C71528; color:#FFF; text-align:center;}
.ryugaku table.time-schedule td{background:#FFF; text-align:center; vertical-align:middle !important;}
.ryugaku table.time-schedule td.bg-blue{ background:#E1EDEF;}


.ryugaku .circle-box{display:flex;justify-content: space-between; margin-top:40px;}



.ryugaku .circle-box .item{width:30%; text-align:center;}
.ryugaku .circle-box .circle{position:relative; margin-bottom:40px;}
.ryugaku .circle-box .circle .text{position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);text-align: center;width: 90%; font-size:24px;}
.ryugaku .circle-box .circle .text span{font-size:80%;}
.ryugaku .circle-box span.big{font-size:170%;}
.ryugaku .circle-box .item ul{padding-left:40px;}
.ryugaku .circle-box .item ul li{
	text-align: left;
	list-style-type: disc;
}



.ryugaku .interview .box{display:flex;flex-wrap: wrap;  margin:0 auto 60px auto;}
.ryugaku .interview .box.reverse{flex-direction: row-reverse;}




.ryugaku .interview .box .heading h2{ border-left:solid 8px #EFAA30;border-top:none;border-right:none;border-bottom:none;border-radius: 0px;}
.ryugaku .interview .box .text-area {    width: 50% ;    font-family: "fot-seurat-pron", sans-serif;}
.ryugaku .interview .box .question{border:solid 3px #EFAA30; color:#C71528;    margin-left: -60px;
    margin-right: 40px;     border-radius: 15px;
    padding: 10px 10px 10px 40px;
    background: #FFF;
    position: relative;
    z-index: 1;}
.ryugaku .interview .box .question:before{ content: "Q1";
    border-radius: 5px;
    color: #FFF;
    text-align: center;
    height: 30px;
    padding: 0px 15px;
    position: absolute;
    top: 50%;
    left: -30px;
    transform: translateY(-50%); background: #EFAA30;}
.ryugaku .interview .box .answer{background:#EFAA30;border-radius: 25px;
    padding: 40px 20px;
    position: relative;
    margin-left: -20px;
    margin-right: -70px;
    color: #000;
    margin-top: -20px;
    border: solid 3px #FFF;}

.ryugaku .interview .box.reverse .question{border:solid 3px #74A92D; }
.ryugaku .interview .box.reverse .question:before{ content: "Q2";background: #74A92D;}
.ryugaku .interview .box.reverse .answer{color:#FFF; background:#74A92D;}





.ryugaku .interview .box .photo {
    width: 40%;
    margin-top: 0px !important;
}

.ryugaku .interview .box .photo .name{padding-left:20px; margin-top:10px;}
.ryugaku .interview .box .photo span{font-size:70%;}



.ryugaku .interview .ic04{ text-align:left;}
.ryugaku .interview .ic04 img{width:70%;}

.ryugaku .interview .ic05{ text-align:right;}
.ryugaku .interview .ic05 img{width:70%;}


.ryugaku .interview .ic06{ text-align:left; margin-top:20px;}
.ryugaku .interview .ic06 img{width:30%;}


.ryugaku .interview .ic07{ text-align:right; margin-bottom:20px;}
.ryugaku .interview .ic07 img{width:40%;}

.ryugaku a.js-modal-open .btn{display: block;padding: 10px 40px;width: fit-content;margin: 0 auto;border-radius: 50px;text-align: center;font-weight: bold;font-size: 16px;color: #164A50;border: solid 3px #164A50;white-space: nowrap;transition: all 0.2s;}
.ryugaku a.js-modal-open:hover .btn{transition: all 0.2s;transform:scale(1.1); } 
.ryugaku.department a.js-modal-open .btn{margin-left:auto ; margin-right:40px;}

.ryugaku.department{padding-bottom:100px;}
.ryugaku.department h2{ color:#247744; border-left:none; padding-left:0; margin-top:0; text-align:left; font-size:22px; margin-bottom:20px;}
.ryugaku.department h2 span{font-size:80%; color:inherit;}


.ryugaku.department .inner{width:90%; margin:0 auto;}
.ryugaku.department .section01{margin-top:-15px; border-radius:100px; margin-bottom:100px;}
.ryugaku.department .ic{text-align:center;}
.ryugaku.department .ic img{width:90%;}
.ryugaku.department .introduction{background:none;}
.ryugaku.department .section01 .box .text-area .copy{color:#65B300;}
.ryugaku.department h2{color:#65B300; border-left:solid 10px #65B300; padding-left:30px; font-size:22px !important;}
.ryugaku.department .no-bg{background:none !important;}
.ryugaku.department .section01 .box .introduction02 .item .text{padding:5px 20px; margin-bottom:40px;}

.ryugaku.department .class{position:relative;}
.ryugaku.department .class .ic01{ position:absolute; right:40px;    top: -142px; width:220px;}
.ryugaku.department .class .ic01 img{ width:100%;}





.ryugaku.department .class .box{display:flex;flex-wrap: wrap;justify-content: flex-start; border:solid 3px #003B19; padding:20px; border-radius:25px;}
.ryugaku.department .class .box .item{width:30%; margin-right:5%;}
.ryugaku.department .class .box .item:nth-child(3n){margin-right:0;}
.ryugaku.department .class .box .item .photo{width:100%; margin-top:0;}
.ryugaku.department .class .box .item h3{padding:10px; text-align:center; color:#247744; border:solid 2px #247744;}
.ryugaku.department .class .box .item .title{font-size:15px; text-align:right;}
.ryugaku.department .class .box .item .text{margin-top:20px;}

.ryugaku.department .class .box .item:nth-child(n+4){width:20%; margin-top:20px;}

.ryugaku.department .interview{margin-top:60px;}
.ryugaku.department .interview .box{display:flex;justify-content: space-between;    align-items: flex-end;font-family: "fot-seurat-pron", sans-serif; position:relative; }







.ryugaku.department .interview .box h3{ background:#003B19; color:#FFF; border-radius:0 50px 50px 0; width:90%; padding:15px 10px 15px 20px; margin-top:40px; margin-bottom:0; line-height:1.2;}
.ryugaku.department .interview .box .text-area{width:65%;position: relative;display: inline-block; border: 3px solid #164a50; border-radius:25px; box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.2); padding-bottom:20px;}
.ryugaku.department .interview .box .text-area::before {  content: "";  position: absolute;  top: 50%;  right: 0;  border-style: solid;  border-width: 0 0 40px 40px;  border-color: transparent transparent transparent #164a50;  translate: 100% -50%;}
.ryugaku.department .interview .box .text-area::after {content: "";position: absolute;top: 50%;  right: 0;border-style: solid;border-width: 0 0 35.2px 35.2px;border-color: transparent transparent transparent #FFF;translate: 100% calc(-50% - 0.4px);}


.ryugaku.department .interview .box .text-area .text{padding:40px; }
.ryugaku.department .interview .box .text-area .btn a{color:#003B19; margin-left:auto; margin-right:40px; margin-top:0 !important;}
.ryugaku.department .interview .box .photo{width:30%; position:relative;    z-index: -1;}
.ryugaku.department .interview .box .photo .text{background:#FFF; padding:20px; position:absolute; bottom:0; right:0; font-size:17px; text-align:left;}
.ryugaku.department .interview .box .photo .text h4{ font-size:12px; color:#D7001C; border-left:solid 3px #D7001C; padding-left:10px;}
.ryugaku.department .interview .box .photo .text span{font-size:12px;}





.ryugaku.department .interview .box.box02 .text-area{width:55%;}
.ryugaku.department .interview .box.box02 .text-area::before {  content: "";  position: absolute;  top: 50%;  left: 0;  border-style: solid;  border-width: 0 40px 40px 0;  border-color: transparent #164a50 transparent transparent; translate: -100% -50%;}
.ryugaku.department .interview .box.box02 .text-area::after {content: "";position: absolute;top: 50%;  left: 0;border-style: solid;border-width: 0 35.2px 35.2px 0;border-color: transparent #FFF transparent transparent;translate: -100% calc(-50% - 0.4px);}
.ryugaku.department .interview .box.box02 .photo{width:45%; text-align:right; }
.ryugaku.department .interview .box.box02 .photo img{width:60%;}
.ryugaku.department .interview .box.box02 .photo .text{top:unset; left:0; bottom:0; right:unset;font-size:17px; }



.ryugaku.department .interview .box.box03 h3{ background:#00547C; color:#FFF; border-radius:0 50px 50px 0; width:90%; padding:15px 10px 15px 20px; margin-top:40px; margin-bottom:0; line-height:1.2;}
.ryugaku.department .interview .box.box03 .text-area{width:68%;position: relative;display: inline-block; border: 3px solid #00547C; border-radius:25px; box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.2); padding-bottom:20px;}
.ryugaku.department .interview .box.box03 .text-area::before {  content: "";  position: absolute;  top: 50%;  right: 0;  border-style: solid;  border-width: 0 0 40px 40px;  border-color: transparent transparent transparent #164a50;  translate: 100% -50%;}
.ryugaku.department .interview .box.box03 .text-area::after {content: "";position: absolute;top: 50%;  right: 0;border-style: solid;border-width: 0 0 35.2px 35.2px;border-color: transparent transparent transparent #FFF;translate: 100% calc(-50% - 0.4px);}

.ryugaku.department .interview .box.box03 .text-area .text{padding:40px; }
.ryugaku.department .interview .box.box03 .text-area a.js-modal-open .btn{color:#00547C;border: solid 3px #00547C;}

.ryugaku.department .interview .box.box03 .photo{width:30%; position:relative;}
.ryugaku.department .interview .box.box03 .photo .text{background:#FFF; padding:20px; position:absolute; bottom:-30px; right:0; font-size:20px; text-align:left;    width: 100%;}
.ryugaku.department .interview .box.box03 .photo .text h4{ font-size:12px; color:#D7001C; border-left:solid 3px #D7001C; padding-left:10px;}
.ryugaku.department .interview .box.box03 .photo .text span{font-size:12px;}
.ryugaku.department .interview .box.box03 .photo .text .name{text-align:right;padding-left:0; font-size:17px;}
.ryugaku.department .interview .box.box03 .photo .text .name span{font-size:70%;}


.ryugaku.department .interview .box.box04{align-items: flex-start;}
.ryugaku.department .interview .box.box04 h3{ background:#AD2923; color:#FFF; border-radius:0 50px 50px 0; width:90%; padding:15px 10px 15px 20px; margin-top:40px; margin-bottom:0; line-height:1.2;}
.ryugaku.department .interview .box.box04 .text-area{width:68%;position: relative;display: inline-block; border: 3px solid #AD2923; border-radius:25px; box-shadow: 4px 4px 6px 0px rgba(0, 0, 0, 0.2); padding-bottom:20px;}
.ryugaku.department .interview .box.box04 .text-area::before {  content: "";  position: absolute;  top: 50%;  right: 0;  border-style: solid;  border-width: 0 0 40px 40px;  border-color: transparent transparent transparent #AD2923;  translate: 100% -50%;}
.ryugaku.department .interview .box.box04 .text-area::after {content: "";position: absolute;top: 50%;  right: 0;border-style: solid;border-width: 0 0 35.2px 35.2px;border-color: transparent transparent transparent #FFF;translate: 100% calc(-50% - 0.4px);}

.ryugaku.department .interview .box.box04 .text-area .text{padding:40px; }
.ryugaku.department .interview .box.box04 .text-area a.js-modal-open .btn{color:#AD2923;border: solid 3px #AD2923;}
.ryugaku.department .interview .box.box04 .photo{width:30%; position:relative; text-align:center;}
.ryugaku.department .interview .box.box04 .photo .text{background:#FFF; padding:20px; position:static; bottom:-30px; right:0; font-size:20px; text-align:left;    width: 100%;}
.ryugaku.department .interview .box.box04 .photo .text h4{ font-size:12px; color:#D7001C; border-left:solid 3px #D7001C; padding-left:10px;}
.ryugaku.department .interview .box.box04 .photo .text span{font-size:12px;}
.ryugaku.department .interview .box.box04 .photo .text .name{text-align:left; padding-left:0; font-size:17px;}
.ryugaku.department .interview .box.box04 .photo .text .name span{font-size:70%;}
.ryugaku.department .interview .box.box04 .photo img{width:50%;}


.ryugaku.department .interview.modal{margin-top:0;}

.ryugaku.department .curriculum{display:flex;/*justify-content: space-between;align-items: center;*/flex-direction: column;  }
.ryugaku.department .curriculum .yeary{display:flex;/*justify-content: space-between; width:75%;*/ width:100%;flex-direction: column; }
.ryugaku.department .curriculum .yeary .item{/*width:49%;*/width:100%;border-radius:25px; overflow:hidden; border:solid 2px #BB1A29; }
.ryugaku.department .curriculum .yeary .item h3{color:#FFF; background:#BB1A29; padding:5px; text-align:center; line-height:1.4; font-size:18px; margin-bottom:0; padding-bottom:30px;}
.ryugaku.department .curriculum .yeary .item h4{color:#BB1A29; border-bottom:solid 2px #BB1A29; padding-bottom:3px; text-align:center; margin-bottom:5px;}
.ryugaku.department .curriculum .yeary .item h5{color:#BB1A29; text-align:left; margin-bottom:5px;}
.ryugaku.department .curriculum .yeary .item .box{display:flex;justify-content: space-between;    background: #FFF;    border-radius: 25px;    margin-top: -20px; padding-top:20px;}
.ryugaku.department .curriculum .yeary .item .box .item01{width:49%; border:solid 2px #BB1A29;border-radius:25px; background:#DBDBDB; padding:5px 10px 10px 10px; margin-left:10px; margin-right:10px;  margin-bottom:20px;}
.ryugaku.department .curriculum .yeary .item .box .item02{width:49%; border:dashed 2px #BB1A29;border-radius:25px; padding:5px 10px 10px 10px; margin-left:10px; margin-right:10px; margin-bottom:20px; }
.ryugaku.department .curriculum .yeary .item .box .item02 h5{color:#000;}
.ryugaku.department .curriculum .yeary .item .box ul li{font-size:14px;}
.ryugaku.department .curriculum .yeary .item .box ul li i{font-size:11px;color:#BB1A29; margin-right:5px;}
.ryugaku.department .curriculum .yeary .item .box .text{border-radius:15px; padding:10px; margin-bottom:10px;}
.ryugaku.department .curriculum .yeary .item .box .text.text01{background:#C1D9A5; border:solid 2px #FFF;}
.ryugaku.department .curriculum .yeary .item .box .text.text02{background:#B8CCD8; border:solid 2px #FFF;}
.ryugaku.department .curriculum .yeary .item .box .text.text03{background:#80BF9A; border:solid 2px #FFF;}
.ryugaku.department .curriculum .yeary .item .box .text.text04{background:#8DAFCB; border:solid 2px #FFF;}
.ryugaku.department .curriculum .yeary .item .box .text.text05{background:#EDAF32; border:solid 2px #FFF;}
.ryugaku.department .curriculum .yeary .item .box .text.text06{background:#FFF; border:solid 2px #9D9D9E;}
.ryugaku.department .curriculum .yeary .item .box .text.text07{background:#C9A4C7; border:solid 2px #FFF;}

/*.ryugaku.department .curriculum .arrow{width:5%; margin-left:20px; margin-right:20px;}*/
.ryugaku.department .curriculum .arrow img{display:none;}
.ryugaku.department .curriculum .arrow{     width: 0;
  height: 0;
  border-style: solid;
  border-right: 100px solid transparent;
  border-left: 100px solid transparent;
  border-top: 28px solid #bb1a29;
  border-bottom: 0; margin-bottom:20px;margin-left: auto;
    margin-right: auto; margin-top:20px;}
  
  
.ryugaku.department .curriculum .industry{/*width:20%;*/width:100%;}
.ryugaku.department .curriculum .industry .item{display:flex;align-items: center; border-radius:15px; padding:15px; background:#64AA31; margin-bottom:20px; color:#FFF;}
.ryugaku.department .curriculum .industry .item .photo{min-width:40px; width:10%; margin-right:10px;}
.ryugaku.department .curriculum .industry .item .name{font-size:17px; width:20%;  white-space:nowrap; text-align:center;margin-right:10px;}
.ryugaku.department .curriculum .industry .item .text{font-size:15px; width:70%; }
.ryugaku.department .btn a{color:#003B19; margin-left:auto; margin-right:auto; margin-top:40px; background:#FFF;}


.ryugaku.department .travel .section01{background-image:none;}
.ryugaku.department .travel .section01 .box{display:flex;justify-content: space-between;}
.ryugaku.department .travel .section01 .box .item{width:48%;}
.ryugaku.department .travel .section01 .box .item .text {    background: #F2F2F2;    padding: 20px;}
.ryugaku.department .travel .section01 .box .item h3{line-height:1.2; color:#0E7994; border-left:solid 10px #0E7994; padding-left:20px;}
.ryugaku.department .travel .section01 .box .item h4{ color:#0E7994; margin-bottom:5px; margin-top:20px; font-size:18px;}



.ryugaku.department .hotel .section01 .box .item h4{ color:#D64C4C; margin-bottom:5px; margin-top:20px; font-size:18px;}
.ryugaku.department .hotel .btn a{color:#D64C4C;}




.ryugaku.recruitment h2{color:#E9A300;border-left: solid 15px #E9A300;}
.ryugaku.recruitment h3{color:#E9A300; font-size:22px;}
.ryugaku.recruitment .ic{text-align:center;margin-bottom: -10px;}
.ryugaku.recruitment .ic img{width:90%;}
.ryugaku.recruitment .section01{padding-top:40px; padding-bottom:100px; margin-bottom:60px;}
.ryugaku.recruitment table th{background:#FBE3AD;}

.ryugaku.recruitment .table01 td:nth-child(1){width:inherit;}
.ryugaku.recruitment .table01 td:nth-child(2){width:inherit;}
.ryugaku.recruitment .table01 td:nth-child(3){width:inherit;}
.ryugaku.recruitment .table01 td:nth-child(4){width:inherit;}

.ryugaku.recruitment .table01 th:nth-child(1){width:20%;}
.ryugaku.recruitment .table01 th:nth-child(1){width:50%;}
.ryugaku.recruitment .table01 th:nth-child(1){width:10%;}
.ryugaku.recruitment .table01 th:nth-child(1){width:20%;}


.ryugaku.recruitment .table03 th{width:20%;}

.ryugaku.recruitment .table04 th:nth-child(2){width:16%;}
.ryugaku.recruitment .table04 th:nth-child(3){width:16%;}
.ryugaku.recruitment .table04 th:nth-child(4){width:16%;}
.ryugaku.recruitment .table04 th:nth-child(5){width:16%;}
.ryugaku.recruitment .table04 th:nth-child(6){width:16%;}



.ryugaku.recruitment .note{margin-top:20px;}

.ryugaku.recruitment .fee .box{display:flex;justify-content: space-between;align-items: center;}
.ryugaku.recruitment .fee .box table{width:50%;}
.ryugaku.recruitment .fee .box .text-area{width:45%;}


.ryugaku.recruitment dl.type1{display:flex;flex-wrap: wrap; width:650px; color:#c71528; margin-bottom:20px; font-size:15px;}
.ryugaku.recruitment dl.type1 dt{width:85%; font-weight:normal;}
.ryugaku.recruitment dl.type1 dd{width:15%; text-align:right;}

.ryugaku.recruitment dl.type2{display:flex;font-size:15px;}
.ryugaku.recruitment dl.type2 dt{width:17%; min-width:180px; font-weight:normal;}
.ryugaku.recruitment dl.type2 dd:nth-child(2){width:17%;min-width:190px;}
.ryugaku.recruitment dl.type2 dd:nth-child(3){width:6%;min-width:80px;}
.ryugaku.recruitment dl.type2 dd:nth-child(4){width:17%;min-width:190px; }
.ryugaku.recruitment dl.type2 dd:nth-child(5){width:7%;min-width:80px; text-align:right;}



.ryugaku.recruitment .item{align-items: normal;}
.ryugaku.recruitment .section01 .step{margin-top:20px;}
.ryugaku.recruitment .step .item .title{ background:#e9a300 !important; }
.ryugaku.recruitment .step .item .title span{color:#FFF; font-size:14px; text-align:center;padding: 10px;display: block;}
.ryugaku.recruitment .step .item .title:after{ left: 0;   border-top: 25px solid #e9a300 !important;    border-left: 63px solid transparent !important;}
.ryugaku.recruitment .section01 .step .item .title h4{border-radius:0;background: #FFF; border:solid 1px #000;    color: #000;    box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 1);}
.ryugaku.recruitment .section01 .step .item .text-area h5{font-size:20px;}
.ryugaku.recruitment .section01 .step .item .text-area ul{margin-bottom:20px;}
.ryugaku.recruitment .section01 .step .item .text-area ul li h6{font-size:22px; color:#000; font-weight:normal;}

.ryugaku.recruitment .section01 .step .item .text-area ul .btn a{    color: #e9a300;
    border: solid 3px #e9a300;}
.ryugaku.recruitment .section01 .step .item .text-area span{font-size:13px; color:#000; font-weight:normal;}

.ryugaku.recruitment .section01 .step .item .text-area ul li{}
.ryugaku.recruitment .section01 .step .item .text-area ul li.number{border-radius:0;box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 1);    color: #FFF; min-width:140px;}
.ryugaku.recruitment .section01 .step .item .text-area ul li.btn{width:auto; margin-left:auto;}
.ryugaku.recruitment .section01 .step .item .text-area ul.orange li.number{background: #e9a300;}


.ryugaku.recruitment .section01 .step .notice{border-radius:10px;border: 1px solid #e9a300; padding:40px;}
.ryugaku.recruitment .section01 .step .notice h3{background:none; color:#000;    text-align: left;
    margin-bottom: 20px; margin-top:0;
    padding: 0;}
.ryugaku.recruitment .section01 .step .notice p{text-align:center;}



@media screen and (max-width: 768px) {
main.ryugaku-top{padding-top:100px;}
.ryugaku .ryugaku-navi:after{content:none;}
.ryugaku .ryugaku-navi ul{flex-direction: column;}
.ryugaku .ryugaku-navi ul li{width:100%; margin-left:0%; margin-right:0%; margin-bottom:10px; }
.ryugaku .ryugaku-navi ul li a{padding:20px 0;}
.ryugaku .ryugaku-navi ul li:nth-child(n+4){margin-top:10px;}

.ryugaku .content-navi ul li{width:48%;}
.ryugaku .introduction{background-image:none;    padding-top: 40px;}
.ryugaku .introduction .box{flex-direction: column;}
.ryugaku .introduction .box .text-area{width:100%;}


.ryugaku .introduction .box .item{margin-top:20px;flex-direction: column;}
.ryugaku .introduction .box .item .photo{display:none;}
.ryugaku .introduction .box .item .chart{width:100%;}

.ryugaku .location{flex-direction: column;}
.ryugaku .location .domestic{width:100%;}
.ryugaku .location .oversea{width:100%;}
.ryugaku .location .box{flex-direction: column;}
.ryugaku .location .box .item{width:100%;}
.ryugaku .location .box .item ul li{width:50%;}

.ryugaku .strong .head{flex-direction: column;}
.ryugaku .strong .head .text-area{width:100%;}
.ryugaku .strong .head .text-area h2{font-size:25px;text-align: center;}
.ryugaku .strong .head .text-area .copy{margin-bottom:20px;}
.ryugaku .strong .head .photo{width:100%; margin-top:20px;}

.ryugaku .strong .chart{flex-direction: column; padding:10px;}
.ryugaku .strong .chart .item{width:100%;}
.ryugaku .strong .chart .item .unit{justify-content: space-between;}
.ryugaku .strong .chart .item .unit .hexagon{margin-right:0;}
.ryugaku .strong .chart .item .unit:nth-child(2) .number{font-size:25px; margin-right:0; margin-bottom:0px;}
.ryugaku .strong .chart .item .unit:nth-child(3){padding-left:0;        display: block;}
.ryugaku .strong .chart .item .graph{width:100%; text-align:center; margin-top:80px; line-height:1.1;}
.ryugaku .strong .chart .item .graph img{width:60%; margin:0 auto;}
.ryugaku .strong .chart .item .graph .text01{right: 5%; top:-6%; font-size:16px;}
.ryugaku .strong .chart .item .graph .text02{top: 56%;right: -1%;font-size:14px;}
.ryugaku .strong .chart .item .graph .text03{top: 78%;left: 0%;}
.ryugaku .strong .chart .item .graph .text04{top: 23%;left: 5%;}
.ryugaku .strong .chart .item .graph .text05{top: -3%;left: 5%;font-size:13px;}
.ryugaku .strong .chart .item .graph .text06{top: -18%;left: 20%;} 

.ryugaku .strong .result{padding:20px;}
.ryugaku .strong .result .box{flex-direction: column;}
.ryugaku .strong .result .item{width:100%;}
.ryugaku .strong .result-foot{display:none;}
.ryugaku .strong .bg.strong02{padding-bottom:40px; margin-top:20px; padding-top:40px;}
.ryugaku .strong .bg.strong03{padding-bottom:40px; margin-top:20px; padding-top:40px;}
.ryugaku .strong .chart .item .unit .text-area{display:flex;flex-direction: column; font-size:14px;}
.ryugaku .strong .chart .item .unit .hexagon{width:100px; height: 100px;font-size:13px; margin-right:10px;}

.ryugaku .strong .chart .item .unit .number{font-size:18vw;        text-align: center;}
.ryugaku .strong .chart .item .unit:nth-child(2) .circle{width:70px; height:70px; font-size:12px;align-items: center;}
.ryugaku .ic03{display:none;}
.ryugaku .circle-box{flex-direction: column;}
.ryugaku .circle-box .item{width:100%; margin-bottom:40px;}
.ryugaku .circle-box span.big{font-size:20px; margin-bottom:10px;display: inline-block;}
.ryugaku .circle-box span.small{font-size:20px;margin-bottom:10px;display: inline-block;}
.ryugaku .circle-box .circle{text-align:center;}
.ryugaku .circle-box .circle .text{font-size:20px;}
.ryugaku .circle-box .circle img{width:80%; }

.ryugaku .circle-box .item:nth-child(1){order:2;}
.ryugaku .circle-box .item:nth-child(2){order:1;}
.ryugaku .circle-box .item:nth-child(3){order:3;}





.ryugaku .interview .box{margin-right:0px;flex-direction: column;}
.ryugaku .interview .box .photo{width:100%;display:flex;flex-direction: row-reverse;align-items: center;}
.ryugaku .interview .box .text-area{width:100%;}
.ryugaku .interview .ic04{display:none;}
.ryugaku .interview .ic05{display:none;}
.ryugaku .interview .ic07{display:none;}
.ryugaku .interview .box .question{  margin-left: 0px !important;
    margin-right: 0px !important;}
.ryugaku .interview .box .answer{margin-left: 0px !important;
    margin-right: 0px !important;}
.ryugaku .interview .box .photo .name{padding-left:0;        width: 100%;}

.ryugaku .content-navi.department-navi ul li{width:100%;}
.ryugaku.department .btn a{font-size:14px;padding: 10px 20px;}

.ryugaku.department .class .box .item{width:100%; margin-right:0; margin-bottom:40px;}
.ryugaku.department .class .box .item:nth-child(n+4){width:100%;}
.ryugaku.department .class .ic01{display:none;}

.ryugaku.department .interview .box{flex-direction: column-reverse;;}
.ryugaku.department .interview .box:first-child{flex-direction: column;}
.ryugaku.department .interview .box h3{padding-right:20px; font-size:18px;}
.ryugaku.department .interview .box .text-area{width:100%!important; margin-bottom:0px;}
.ryugaku.department .interview .box .photo{width:100% ; position:static; display:flex;justify-content: space-between; margin-bottom:20px; margin-top:40px !important;}
.ryugaku.department .interview .box .photo img{width:40%;}
.ryugaku.department .interview .box .photo .text{position:static; width:60%; padding:0;}
.ryugaku.department .interview .box .text-area .text{padding:20px; }
.ryugaku.department .interview .box .text-area .btn a{margin-right:auto;}
.ryugaku.department .interview .box .text-area::before {  content: none; }
.ryugaku.department .interview .box .text-area::after {content: none;}
.ryugaku.department .interview .box.box02 .photo{width:100%; position:static; display:flex;justify-content: space-between; margin-bottom:20px;flex-direction: row;}
.ryugaku.department .interview .box.box02 .photo img{width:40%;}

.ryugaku.department .interview .box.box02 .photo{margin-top:0px !important; }
.ryugaku.department .interview .box.box02 .photo .text{    top: unset;    left: 0;    bottom: 0;    right: unset; margin-left:20px;}
.ryugaku.department .interview .box.box02 .text-area{width:100%;margin-bottom:40px;}
.ryugaku.department .interview .box.box02 .text-area::before {  content: none; }
.ryugaku.department .interview .box.box02 .text-area::after {content: none;}

.ryugaku.department a.js-modal-open{display:block;margin-left:auto; margin-right:auto;}
.ryugaku.department a.js-modal-open .btn{margin-left:auto; margin-right:auto;}

.ryugaku.department .curriculum{flex-direction: column;}
.ryugaku.department .curriculum .yeary{width:100%;flex-direction: column;}
.ryugaku.department .curriculum .yeary .item{width:100%; margin-bottom:20px;}
.ryugaku.department .curriculum .yeary .item .box{  flex-direction:row;}

.ryugaku.department .curriculum .arrow{     width: 0;
  height: 0;
  border-style: solid;
  border-right: 100px solid transparent;
  border-left: 100px solid transparent;
  border-top: 28px solid #bb1a29;
  border-bottom: 0; margin-bottom:20px;}
 .ryugaku.department .curriculum .arrow img{display:none;}
.ryugaku.department .curriculum .industry{width:100%;}
.ryugaku.department .curriculum .industry .item{justify-content: space-between; padding:15px 10px;}
.ryugaku.department .curriculum .industry .item .photo{width:7%; margin-right:5px;}
.ryugaku.department .curriculum .industry .item .name{font-size:13px;}
.ryugaku.department .curriculum .industry .item .text{font-size:14px; width:55%;}

.ryugaku.department .section01{margin-bottom:40px;}
.ryugaku.department .travel .section01 .box .item{width:100%; margin-bottom:20px;}
.ryugaku.department .interview .box.box03 .photo{width:100% !important;margin-top: 40px !important;}
.ryugaku.department .interview .box.box03 .photo .text{padding:0; bottom:0; margin-bottom:20px; position:static;;}
.ryugaku.department .interview .box.box03 .text-area .text{padding:20px;}
.ryugaku.department .interview .box.box03 .text-area::before {  content: none; }
.ryugaku.department .interview .box.box03 .text-area::after {content: none;}
.ryugaku.department .interview .box.box03 .text-area .btn a{margin-right:auto;}


.ryugaku.department .interview .box.box04 .photo{width:100%;margin-inline: auto;}


.ryugaku.department .interview .box.box04 .photo img{width:35%;}
.ryugaku.department .interview .box.box04 .photo .text .name{padding-left:0;}
.ryugaku.department .interview .box.box04 .text-area{width:100%;}
.ryugaku.department .interview .box.box04 .text-area::before {  content: none; }
.ryugaku.department .interview .box.box04 .text-area::after {content: none;}
.ryugaku.department .interview .box.box04 .text-area .text{padding:20px;}


.ryugaku.department .interview-detail .box.box01 .photo{width:100% !important;}
.ryugaku.department .interview-detail .box.box02 .photo{width:100% !important;}
.ryugaku.department .interview-detail .box.box03 .photo{width:100% !important;}
.ryugaku.department .interview-detail .box.box04 .photo{width:100% !important;}
.ryugaku.department .interview-detail .box.box05 .photo{width:100% !important;}

.ryugaku.department .interview-detail .box.box01 .photo{margin-top: 10px !important;}

.ryugaku.department .interview-detail .box.box02{flex-direction: column;}
.ryugaku.department .interview-detail .box.box02 .text-area{margin-bottom: 10px;}
.ryugaku.department .interview-detail .box.box02 .photo{margin-top: 10px !important;}

.ryugaku.department .interview-detail .box.box03{flex-direction: column;}
.ryugaku.department .interview-detail .box.box03 .photo{margin-top: 10px !important;}

.ryugaku.department .interview-detail .box.box04{flex-direction: column;}
.ryugaku.department .interview-detail .box.box04 .photo{margin-top: 10px !important;}

.ryugaku.department .interview-detail .box.box05{flex-direction: column;}
.ryugaku.department .interview-detail .box.box05 .photo{margin-top: 10px !important;}









.ryugaku.recruitment h3{margin-top:10px; font-size:20px;}
.ryugaku.recruitment .fee .box{flex-direction: column;}

.ryugaku.recruitment .fee .box table{width:100%;}
.ryugaku.recruitment .table03{margin-top:0;}
.ryugaku.recruitment .fee .box .text-area{width:100%; font-size:13px; text-align:left;}


.ryugaku.recruitment dl.type1{flex-wrap: wrap; width:100%; }
.ryugaku.recruitment dl.type1 dt{width:100%;}
.ryugaku.recruitment dl.type1 dd{width:100%;text-align:left; margin-bottom:20px;}


.ryugaku.recruitment dl.type2{flex-wrap: wrap; width:100%;margin-bottom:20px; }
.ryugaku.recruitment dl.type2 dt{width:100%; font-weight:bold;}
.ryugaku.recruitment dl.type2 dd{width:100%;text-align:left; }
.ryugaku.recruitment dl.type2 dd:nth-child(5){text-align:left;}
.ryugaku.recruitment .section01{margin-top:20px; padding-top:0px; padding-top:20px;}
.ryugaku.recruitment .section01 h2{ margin-bottom:0; border-left:none; padding-left:0;}
.ryugaku.recruitment .section01 .item{ margin-top:0;}

.ryugaku.recruitment .section01 .step .item .text-area ul li h6{text-align:left; font-size:18px;}
.ryugaku.recruitment .step .item .title span{padding-top:0; display:none;}
.ryugaku.recruitment .section01 .step .item .text-area ul li.flex .btn{margin-top:20px;}
.ryugaku.recruitment .section01 .step .item .text-area ul li.btn{margin-right: auto;}
.ryugaku.recruitment .section01 .step .item .text-area ul .btn a{margin-right: 0;margin-left: auto; padding:5px 10px; font-size:13px;}
.ryugaku.recruitment .section01 .step .item .title{margin-bottom:20px; background:none !important;}
.ryugaku.recruitment .section01 .step .item .title h4{	box-shadow: none;	border-left-width: 10px;border-top: none;	border-right: none;	border-bottom: none;border-left-style: solid;	border-left-color: #E9A300; text-align:left;	width:100%; padding-left:20px; margin-bottom:0px;}
.ryugaku.recruitment .section01 .step .item .text-area h5{font-size:15px; text-align:left; display:flex;align-items: center;}
.ryugaku.recruitment .section01 .step .item .text-area h5 span.btn a{color: #e9a300;border: solid 3px #e9a300;margin-right: 0;margin-left: auto;padding: 5px 10px;font-size: 13px; display:inline-block; margin-left:20px;}
		
.ryugaku.recruitment .section01 .step .item .text-area ul.orange li.number{margin-left:0; margin-right:auto;}




}



.for_people .ryugaku h1{ color: #164A50; background:#F5D345;}
.for_people .ryugaku h2{border-left: solid 15px #27494F;color: #27494F;}
.for_people .ryugaku .box{background:#FFF; padding:40px; border-radius:15px;}
.for_people .ryugaku .panel{display:flex;flex-wrap: wrap; margin-bottom:60px;}
.for_people .ryugaku .panel .item{width:30%; margin-right:5%; margin-bottom:30px;border-radius:15px;  font-weight:bold; line-height:1.4; }
.for_people .ryugaku .panel .item a{ display:block;border-radius:25px;background:#FFF; color:#164A50; min-height:140px;display: flex;  justify-content: center;  align-items: center;text-align: center;border:solid 1px #164A50;}
.for_people .ryugaku .panel .item:nth-child(3n){margin-right:0;}

.for_people .ryugaku .panel .item.green a{background:#164A50; color:#FFF; border:none;}
.for_people .ryugaku .panel .item.blue a{background:#215379; color:#FFF; border:none;}
.for_people .ryugaku .panel .item.red a{background:#D64C4C; color:#FFF; border:none;}

.for_people .ryugaku .course{ background:#FFF; padding:40px; border-radius:25px;display:flex;justify-content: space-between;flex-wrap: wrap; margin-bottom:40px; margin-top:40px;}
.for_people .ryugaku .course h2{width:100%;}
.for_people .ryugaku .course .item{width:70%;}
.for_people .ryugaku .course .item h3{color: #BC1A29; border-bottom:solid 5px #BC1A29; padding-bottom:10px; margin-bottom:10px; line-height:1.4;}

.for_people .ryugaku .course .item .text{margin-bottom:40px;}
.for_people .ryugaku .course .item .text span{padding-left:20px;    display: block;}
.for_people .ryugaku .course .photo{width:20%;}
.for_people .ryugaku .course .photo img{margin-bottom:60px;}


.for_people .ryugaku .curriculum{ background:#FFF; padding:40px; border-radius:25px;display:flex;justify-content: space-between;flex-wrap: wrap; margin-bottom:40px;}
.for_people .ryugaku .curriculum h2{width:100%; margin-bottom:0px;}
.for_people .ryugaku .curriculum .box{width:100%; padding:0;}
.for_people .ryugaku .curriculum .box h3{ font-size:18px; color: #BC1A29;  margin-bottom:20px; line-height:1.4; margin-top:40px;}

.for_people .ryugaku .curriculum .box .text{margin-bottom:40px;}
.for_people .ryugaku .curriculum .photo{width:100%;}
.for_people .ryugaku .curriculum .photo img{margin-bottom:60px;}
.for_people .ryugaku .curriculum .info{display:flex;justify-content: space-between;}
.for_people .ryugaku .curriculum .info h4{color:A92D30; border-bottom:solid 3px #A92D30; padding-bottom:5px; margin-bottom:10px;}
.for_people .ryugaku .curriculum .info .item{width:48%;display: flex;flex-direction: column;}
.for_people .ryugaku .curriculum .info .item .note{background:#FFF; padding:20px; margin-top:20px;}
.for_people .ryugaku .curriculum .info .item .btn{margin-top:auto;}

.for_people .ryugaku .btn{margin:0 auto;}
.for_people .ryugaku .btn a{ color:#164A50; border:solid 3px #FFF; background:#F5D345; color:#164A50;font-size:17px;}


.for_people .ryugaku  .section03 h3{color:#A92D30; border-bottom:solid 3px #A92D30; padding-bottom:5px; margin-bottom:20px;}
.for_people .ryugaku  .section03 .text span{display:block; padding-left:30px; margin:10px 0 20px 0;}
.for_people .ryugaku  .section03 .box{padding:60px 40px;}

@media screen and (max-width: 768px) {
.for_people .ryugaku .panel{flex-direction: column;}
.for_people .ryugaku .panel .item{width:100%; margin-right:0%;  }
.for_people .ryugaku .course{flex-direction: column;padding:20px;}
.for_people .ryugaku .course .item{width:100%;}

.for_people .ryugaku .course .photo{width:100%; display:flex;justify-content: space-between;}
.for_people .ryugaku .course .photo img{width:30%;}
.for_people .ryugaku .curriculum{padding:20px;}
.for_people .ryugaku .box{padding:20px;}
.for_people .ryugaku .curriculum .info{flex-direction: column;}
.for_people .ryugaku .curriculum .info .item{width:100%;}
.for_people .ryugaku .curriculum .info .item .note{padding:0;}
.for_people .ryugaku .section03 .box{padding:20px;}
}



/*============================================================
学校について
=============================================================*/
.bg-about{background-color:#50B4A7; background-image:url(/image/bg-about.svg) ; background-repeat:no-repeat; background-size:100%; background-position:center top 140px; }

.about .head{background-image:url(/image/about-head.svg) ; background-repeat:no-repeat;background-size: 90%;    background-position:center bottom; height:180px; margin-bottom: -10px;    position: relative;}
.about h1{background: #F5D345;    border: solid 2px #FFF;    border-radius: 50px;    padding: 15px 40px;    font-size: 25px;   min-width: 400px;width: fit-content; margin-left:100px; color:#164A50;}
.about h1 span{display:block; font-size:14px; margin-bottom:5px; }
.about h2{border-left: solid 15px #F5D345;color: #164A50;margin-bottom: 40px;    font-size: 25px;    padding-left: 30px;    text-align: left;    line-height: 1.4;}

.about .section01{border-radius:100px 100px 0 0; background:#FDF3E2; padding-top:100px; padding-bottom:200px;margin-bottom: -100px;}
.about .section01 .copy{color:#164A50; font-weight:bold; margin-bottom:60px;font-size:18px;}
.about .section01 table tr td{border:none; padding:10px 40px;}
.about .section01 table tr:nth-child(even) td{background:#EFD995; }

.about .section02{border-radius:100px 100px 0 0; background:#FFF; padding-top:100px; margin-top: -100px;padding-bottom: 200px;margin-bottom: -100px;}
.about .section02 h2{border-left: solid 15px #FFF;color: #FFF;}
.about .section02 .copy{color:#164A50; font-weight:bold; margin-bottom:60px; font-size:18px;}


.about .section03{border-radius:100px 100px 0 0; background:#C3E0D5; padding-top:100px; padding-bottom:200px;}
.about .section03 h2{border-left: solid 15px #164A50;color: #164A50;}
.about .section03 h3{color: #164A50; margin-top:20px; font-size:18px;}

.about .section04{border-radius:100px 100px 0 0; background:#CBE8EE; padding-top:100px; padding-bottom:200px;margin-top: -100px;margin-bottom: -100px;}
.about .section04 h2{border-left: solid 15px #164A50;color: #164A50;}
.about .section04 h3{color: #164A50; margin-top:20px; font-size:18px;}


.about .video{	width: 476px; margin:40px auto;position:relative;border:solid 3px #004B51; border-radius:25px; overflow:hidden;}
.about .video img{ object-fit: cover;}
.about .video img.btn-play{position: absolute;    top: 50%;left: 50%;transform: translate(-50%, -50%);width:140px; height:auto;opacity:1.0;}
.about .video img:hover{cursor:pointer;}
.about .video h3 {display: flex;justify-content: space-between;align-items: center;padding: 20px 20px;width: 100%;color: #FFF;background-repeat: no-repeat;    background-position: right 20px center;background-size: 30px;height: 60px;line-height: 1.2;font-family: "maru-maru-gothic-alr-stdn", sans-serif;background-color: #BC1A29;background-image: url(/image/ic-arrow-right-white.svg);}


@media screen and (max-width: 768px) {
.about h1{min-width: auto;width:95%; margin-left:auto; margin-right:auto; line-height:1.4;}
.about h2{font-size: 20px;    padding-left: 15px; }

.about .head{margin-bottom:-5px;}
.about .section01{border-radius:50px 50px 0 0;padding-top: 50px;}
.about .section02{border-radius:50px 50px 0 0;padding-top: 50px;}
.about .section03{border-radius:50px 50px 0 0; padding-top: 50px;}
.about .section04{border-radius:50px 50px 0 0; padding-top: 50px;}
.about .section01 table td,.about .section01 table th{width:100%; display:block;}
.about .section01 table tr td{padding:10px;}
.about .section01 table tr td:first-child{padding-bottom:2px; font-weight:bold; font-size:18px;}
.about .section01 table tr td:last-child{padding-top:2px;}
.about .video{width: 100%;}

}

/*■教育理念・沿革・挨拶■*/

.about .education .section02 .item{padding:40px 60px; border-radius:25px; background:#FFF; display:flex;justify-content: space-between; margin-bottom:40px;}
.about .education .section02 .item .photo{width:25%; font-size:18px; line-height:1.3;}
.about .education .section02 .item .photo img{margin-bottom:10px;}
.about .education .section02 .item .photo span{font-size:14px; white-space:nowrap;}
.about .education .section02 .item .text-area{width:70%; padding-top:20px;}
.about .education .section02 .item .text-area .copy{margin-bottom:40px;}
.about .education .movie .card{width:50%; margin-left:auto; margin-right:auto;}

@media screen and (max-width: 768px) {
.about .education .section02 .item{padding:20px;flex-direction: column;}
.about .education .section02 .item .photo{width:100%; text-align:center;}
.about .education .section02 .item .photo img{width:80%; display:block;margin-right:auto;  margin-left:auto; }
.about .education .section02 .item .text-area{width:100%; }
.about .education .section02 .item .text-area .copy{margin-bottom:20px;}
.about .education .movie .card{width:100%;}
}

/*■アドミッションポリシー・情報公開■*/
.about .admissionpolicy h1{background: #164A50;   color:#FFF;}
.about .admissionpolicy .policy{ margin-top:40px; }
.about .admissionpolicy .policy ul{display:flex; margin-bottom:10px;}
.about .admissionpolicy .policy ul li{margin-right:20px;}
.about .admissionpolicy h2{border-left: solid 15px #164A50;color: #164A50;margin-bottom: 40px;    font-size: 25px;    padding-left: 30px;    text-align: left;    line-height: 1.4;}

.about .admissionpolicy .box{ width:90%;  margin-top:60px;margin-left:auto; margin-right:auto;}
.about .admissionpolicy .box .item{display:flex;justify-content: space-between; margin-bottom:20px;}
.about .admissionpolicy .box .item .text-area{width:65%;}
.about .admissionpolicy .box .item .text{ margin-top:20px;}
.about .admissionpolicy .box .item .photo{width:30%;}
.about .admissionpolicy .box .item h3{padding:10px;  text-align:center; font-size:18px; color:#FFF; margin-bottom:10px;}
.about .admissionpolicy .box .item h3.course01{ background:#215379;}
.about .admissionpolicy .box .item h3.course02{ background:#EFAA30;}
.about .admissionpolicy .box .item h3.course03{ background:#0E7994;}
.about .admissionpolicy .box .item h3.course04{ background:#D64C4C;}
.about .admissionpolicy .box .item h3.course05{ background:#247744;}


.about .admissionpolicy .section02 .item{padding:40px 60px; border-radius:25px; background:#FFF; display:flex;justify-content: space-between; margin-bottom:40px;}
.about .admissionpolicy .section02 .item .photo{width:20%; font-size:18px; line-height:1.3;}
.about .admissionpolicy .section02 .item .photo img{margin-bottom:10px;}
.about .admissionpolicy .section02 .item .photo span{font-size:14px;}
.about .admissionpolicy .section02 .item .text-area{width:70%; padding-top:20px;}
.about .admissionpolicy .section02 .item .text-area .copy{margin-bottom:40px;}

.about .admissionpolicy .section03{margin-bottom:-100px;}
.about .admissionpolicy .section03 h3{margin-top:40px;}
.about .admissionpolicy .section03 ul.document{display:flex; background:#FFF; padding:20px; margin-top:20px;}
.about .admissionpolicy .section03 ul.document li{margin-right:40px;}
.about .admissionpolicy .section03 ul.document a{color:#CD001F;}
.about .admissionpolicy .section03 ul.document i{ color:#CD001F; margin-left:3px;}

@media screen and (max-width: 768px) {
.about .admissionpolicy h2{font-size:20px;}
.about .admissionpolicy .policy ul{flex-direction: column;}
.about .admissionpolicy .section02 .item{padding:20px;flex-direction: column;}
.about .admissionpolicy .section02 .item .photo{width:100%; text-align:center;}
.about .admissionpolicy .section02 .item .photo img{width:80%; display:block;margin-right:auto;  margin-left:auto; }
.about .admissionpolicy .section02 .item .text-area{width:100%; }
.about .admissionpolicy .section02 .item .text-area .copy{margin-bottom:20px;}
.about .admissionpolicy .section03 ul.document{flex-direction: column;}
}


/*■施設紹介■*/
.about .facilities h1{background: #BC1A29;   color:#FFF;}
.about .facilities h2{border-left: solid 15px #BC1A29;color: #164A50;}
.about .facilities h3{color: #BC1A29; font-size:18px;}
.about .facilities .text{margin-bottom:60px;}
.about .facilities .video{width:600px; margin-bottom:80px;}
.about .facilities .video h3{color:#FFF;}

.about .facilities .video-wrap{display:flex;justify-content: space-between; margin-bottom:40px;}
.about .facilities .video-wrap .item{width:48%;}
.about .facilities .video-wrap .item h3{margin-bottom:20px;}
.about .facilities .copy{ color:#BC1A29; font-size:20px; margin-bottom:20px;}
.about .facilities .box{display:flex; justify-content: space-between;margin-bottom:40px;}
.about .facilities .box h3{margin-top:20px; margin-bottom:10px;}
.about .facilities .col2{}
.about .facilities .col2 .item{width:31%;}
.about .facilities .col2 .item:last-child{width:65%;}
.about .facilities .col2 img{height:250px; object-fit:cover;}

.about .facilities .col3{}
.about .facilities .col3 .item{width:31%;}
.about .facilities .col3 img{height:250px; object-fit:cover;}

.about .facilities .col4{}
.about .facilities .col4 .item{width:22%;}
.about .facilities .col4 img{height:200px; object-fit:cover;}


@media screen and (max-width: 768px) {
.about .facilities .video{width:100%;}

.about .facilities .video-wrap{flex-direction: column;}
.about .facilities .video-wrap .item{width:100%; margin-bottom:20px;}


.about .facilities .box{flex-direction: column;}
.about .facilities .col2 .item{width:100%; margin-bottom:40px;}
.about .facilities .col2 .item:last-child{width:100%;}
.about .facilities .col2 .item:last-child img{height:150px;}
.about .facilities .col3 .item{width:100%;margin-bottom:40px;}
.about .facilities .col4 .item{width:100%;}
}




/*■年間スケジュール■*/
.about .schedule h1{background: #FDF3E2;   color:#FFF; border: solid 2px #164A50; color:#164A50;  }
.about .schedule h2{border-left: solid 15px #164A50;color: #164A50;}

.about .schedule .copy{color: #BC1A29;margin-bottom: 40px;    font-size: 25px;     text-align: left;    line-height: 1.4;}
.about .schedule .card{width:50%; margin-left:auto; margin-right:auto;}

@media screen and (max-width: 768px) {
.about .schedule .card{width:100%; }
}

/*■合格発表■*/
.about .results h1{background: #3F8FA9;   color:#FFF; margin-left:auto; margin-right:auto; text-align:center;}
.about .results h2{ text-align:center; margin-bottom:40px; font-size:40px; border-left:none; margin-top:60px;}
.about .results h3{ text-align:center; margin-bottom:20px; font-size:35px;}
.about .results .text{margin-bottom:60px; font-size:20px; width:fit-content; margin-left:auto; margin-right:auto;}
.about .results .date{font-size:14px; text-align:right;}


@media screen and (max-width: 768px) {
	
.about .results h2{ font-size:24px; }
.about .results h3{font-size:20px;}
.about .results .date{font-size:13px; }
}


/*■寄附金について■*/
.about .donation h1{background: #3F8FA9;   color:#FFF;}
.about .donation h2{border-left: solid 15px #164A50;color: #164A50; margin-top:60px;}
.about .donation .section01 table tr:nth-child(even) td {
    background: none;
}
.about .donation .section01 table tr td{padding:5px 0;}
.about .donation .section01 table tr td:nth-child(2){text-align:right;}


/*■カレッジ紹介動画■*/
.about .movie h1{background: #C9DF95;   color:#164A50;}
.about .movie h2{border-left: solid 15px #164A50;color: #BC1A29; margin-top:60px;}

.about .movie .main-movie{display:flex;align-items: flex-end; margin-bottom:60px;}
.about .movie .main-movie .person{width:25%; z-index:1;}
.about .movie .main-movie .card00{width:56%; margin-left:-3%; margin-right:-3%;}
.about .movie .main-movie .card00 h3{background-color:#C61528; color:#FFF; }
.about .movie .main-movie .card00 img{height:auto;aspect-ratio: 16 / 9;}


.movie:hover{cursor:pointer;}
.movie .box{ display:flex; flex-wrap: wrap; margin-top:20px;}
.movie .card{width:31%; margin-right:3%; margin-bottom:20px; border:solid 3px #164A50; position:relative;}
.movie .card:nth-child(3n){margin-right:0;}
.movie .card:hover{cursor:pointer;}
.movie .card img.ic{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); width:120px;z-index: 1;}
.movie .card .photo{overflow:hidden;margin-right: -1px;}
.movie .card .photo img{height:auto;aspect-ratio: 16 / 9; }
.movie .card h3{display:flex;justify-content: space-between;align-items: center; padding:20px 20px;width:100%;  color:#FFF;height:60px;border-radius: 0 0 10px 10px;background-image:none !important ;font-family: "maru-maru-gothic-alr-stdn", sans-serif; font-size:15px !important; margin-top:0 !important;}
.movie .card h3 img{height:7px; width:auto;}


.movie .card.card01{}
.movie .card.card01 .photo{}
.movie .card.card01 h3{background-color:#3F8FA9; color:#FFF;}
.movie .card.card01 img.ic{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); width:60px;z-index: 1;}

.movie .card.card02{}
.movie .card.card02 .photo{}
.movie .card.card02 h3{background-color:#FDF3E2; color:#164A50; }
.movie .card.card02 img.ic{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); width:60px;z-index: 1;}

.movie .card.card03{}
.movie .card.card03 .photo{}
.movie .card.card03 h3{background-color:#C9DF95; color:#231815;}
.movie .card.card03 img.ic{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); width:60px;z-index: 1;}

.movie .card.card04{}
.movie .card.card04 .photo{}
.movie .card.card04 h3{background-color:#EDC45D; color:#231815;}
.movie .card.card04 img.ic{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); width:60px;z-index: 1;}


.movie .card.card05{}
.movie .card.card05 .photo{}
.movie .card.card05 h3{background-color:#164A50; color:#FFF;}
.movie .card.card05 img.ic{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); width:60px;z-index: 1;}

.movie .card.card06{}
.movie .card.card06 .photo{}
.movie .card.card06 h3{background-color:#C61528; color:#FFF; }
.movie .card.card06 img.ic{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); width:60px;z-index: 1;}

@media screen and (max-width: 768px) {
.movie .box{ flex-direction: column;}
.movie .card{width:100%; margin-right:0%;}
.movie .main-movie .person{display:none;}
.movie .main-movie .card00{width:100% !important; margin-right:0 !important; margin-left:0 !important;}
}

/*============================================================
就職
=============================================================*/
.bg-job{background-color:#B3D7DD; background-image:url(/image/bg-job.svg) ; background-repeat:no-repeat; background-size:100%; background-position:center top 180px; }

.job h1{border-radius:50px; background:#FFF; font-size:26px; text-align:center; padding:10px 100px; width:fit-content; margin:0 auto 40px auto;}

@media screen and (max-width: 768px) {
.job h1{width:95%; margin-left:auto; margin-right:auto;padding:10px;
}
}

/*■ツーリズムの仕事紹介■*/
.job-introduction{background-image: url(/image/bg-job-introduction.svg);    background-size: 100%;    background-color: #BBD7DD;    background-repeat: no-repeat;}
.job-introduction h1{color:#BB1A29;}
.job-introduction .map { width:90%; margin:0 auto 60px auto;}

.job-introduction h2 { margin-left:20px; width:fit-content; padding:10px 20px;display: flex;	align-items: center;font-size: 18px;	text-align: center;	border-radius:15px 15px 0 0; background:#B22D30;color: #FFF;}
.job-introduction h3{color:#25494F; font-size:18px; margin-bottom:40px; line-height:1.4;}


.job-introduction h2:before,
.job-introduction h2:after {content: '';width: 3px;	height: 20px;	background-color: #FFF;}

.job-introduction h2:before {margin-right: 30px;	transform: rotate(-35deg);}
.job-introduction h2:after {margin-left: 30px;	transform: rotate(35deg);}

.job-introduction .box{border-radius:20px; border:solid 3px #B22D30; padding:40px; background:#FFF;}
.job-introduction .box.box01{ margin-bottom:40px;}

.job-introduction .box.box02{ position:relative;    margin-bottom: 100px;}
.job-introduction .box.box02 .ic{position:absolute; left:10%; bottom:0; width:40%;}
.job-introduction .box.box02 .item01{display:flex;justify-content: space-between; }
.job-introduction .box.box02 .item01 .photo{width:30%; }
.job-introduction .box.box02 .item01 .photo:last-of-type{width:25%;}
.job-introduction .box.box02 .item01 .text{width:40%;}
.job-introduction .box.box02 h4{border:solid 3px #B22D30; padding:5px; text-align:center; color:#B22D30; font-size:18px; margin-bottom:20px;}

.job-introduction .box.box02 .item02{ margin-bottom:40px;width:90%; margin-left:auto; margin-right:auto; margin-top:40px;}


.job-introduction .box.box02 .copy{font-size:18px; font-weight:bold; color:#25494F;}

.job-introduction .box.box02 .item03{width:90%; margin-left:auto; margin-right:auto;}
.job-introduction .box.box02 .item03 .foot{display:flex;justify-content: space-between; margin-top:40px;}
.job-introduction .box.box02 .item03 .foot .text{width:50%;}
.job-introduction .box.box02 .item03 .foot .photo{width:45%;}



@media screen and (max-width: 768px) {
.job-introduction h2 { margin-left:20px; margin-right:20px;}
.job-introduction .box{padding:20px;}
.job-introduction .box.box02 .item01{flex-direction: column;}
.job-introduction .box.box02 .item01 .photo{width:100%; }
.job-introduction .box.box02 .item01 .photo:last-of-type{width:100%; margin-top:20px;}
.job-introduction .box.box02 .item01 .text{width:100%; margin-top:20px;}
.job-introduction .box.box02 .item02{width:100%; }
.job-introduction .box.box02 .item03{width:100%; }
.job-introduction .box.box02 .item03 .foot{flex-direction: column;}
.job-introduction .box.box02 .item03 .foot .text{width:100%;}
.job-introduction .box.box02 .item03 .foot .photo{width:100%;}
.job-introduction .box.box02 .ic{width:100%; position:static;}
}
/*.job-other{ background:url(/image/bg-job-other.svg) no-repeat; background-size:100%;}
.job-other h1{color:#BB1A29;}
*/

/*■インタビュー■*/
.bg-interview{background-color:#BBD7DD; background-image:url(/image/bg-interview.svg) ; background-repeat:no-repeat; background-size:100%; background-position:center top 140px; }

.job .interview{}
.job .interview h1{border-radius:50px; text-align:center; font-size:25px; color:#BB1A29;}
.job .interview h2{border-radius:50px; border:solid 2px #FFF; text-align:center; font-size:18px; padding:15px 60px; width:fit-content; margin:0 auto 40px auto; color:#FFF; }
.job .interview h2.jtb-group{ background:#BB1A29;}
.job .interview h2.hotel{ background:#5299CB;}
.job .interview h2.transport{ background:#469791;}
.job .interview h2.university{ background:#0058A3;}



.job .interview .box{display:flex;   /* justify-content: center;*/flex-wrap: wrap; width:1200px; margin:0 auto 60px auto;}
.job .interview .box .item{width:350px; position:relative; margin:0 20px 40px 20px;}
.job .interview .box .item:hover img{transition: all 0.3s;transform:scale(1.1);}
.job .interview .box .item:hover .ic-course img{transform:scale(1.0);}

.job .interview .box .item .ic-course{position:absolute; left:60px; top:-10px; width:70px; height:70px;    z-index: 1;}
.job .interview .box .item .window{display:flex;}
.job .interview .box .item .window .wing-left{width:65px;height: 250px; background:url(/image/interview-window-red-left.svg) no-repeat; background-size:100%;margin-right: -1px;}
.job .interview .box .item .window .wing-right{width:65px;height: 250px; background:url(/image/interview-window-red-right.svg) no-repeat;background-size:100%;}
.job .interview .box .item .window .photo{width:220px; border-radius:50% 50% 0 0; border:solid 8px #da3f44; overflow:hidden; position:relative;}
.job .interview .box .item .window .photo img{ position:absolute;object-fit: cover;height: 100%;transition: all 0.3s;}

.job .interview .box .item .text-area{margin-left:65px; margin-right:65px;width:220px; background:#da3f44; padding:0 10px 10px 10px; color:#FFF; position:relative;}
.job .interview .box .item .text-area .place{font-size:16px; line-height:1.2; margin-bottom:3px;}
.job .interview .box .item .text-area .place span{font-size:14px;}
.job .interview .box .item .text-area .course{font-size:10px;}
.job .interview .box .item .text-area .name{font-size:16px;}
.job .interview .box .item .text-area .name span{font-size:14px;}
.job .interview .box .item .text-area .btn{position:absolute; right:10px; bottom:10px; width:60px; background:#FFF; color:#000; font-size:10px; border-radius:15px; text-align:center;}



.job .interview .box.jtb-group .item .window .photo{border:solid 8px #D64C4C; }
.job .interview .box.jtb-group .item .text-area{background:#D64C4C; }
.job .interview .box.jtb-group .item .window .wing-left{background:url(/image/interview-window-red-left.svg) no-repeat; }
.job .interview .box.jtb-group .item .window .wing-right{background:url(/image/interview-window-red-right.svg) no-repeat; }

.job .interview .box.jtb-group a:nth-child(even) .window .photo{border:solid 8px #BB1A29; }
.job .interview .box.jtb-group a:nth-child(even) .text-area{background:#BB1A29; }
.job .interview .box.jtb-group a:nth-child(even) .window .wing-left{background:url(/image/interview-window-red2-left.svg) no-repeat; }
.job .interview .box.jtb-group a:nth-child(even) .window .wing-right{background:url(/image/interview-window-red2-right.svg) no-repeat; }





.job .interview .box.hotel a .window .photo{border:solid 8px #0868A3; }
.job .interview .box.hotel a .text-area{background:#0868A3; }
.job .interview .box.hotel a .window .wing-left{background:url(/image/interview-window-blue-left.svg) no-repeat; }
.job .interview .box.hotel a .window .wing-right{background:url(/image/interview-window-blue-right.svg) no-repeat; }

.job .interview .box.hotel a:nth-child(even) .window .photo{border:solid 8px #5299CB; }
.job .interview .box.hotel a:nth-child(even) .text-area{background:#5299CB; }
.job .interview .box.hotel a:nth-child(even) .window .wing-left{background:url(/image/interview-window-blue2-left.svg) no-repeat; }
.job .interview .box.hotel a:nth-child(even) .window .wing-right{background:url(/image/interview-window-blue2-right.svg) no-repeat; }





.job .interview .box.transport a:nth-child(1) .window .photo{border:solid 8px #8FB506; }
.job .interview .box.transport a:nth-child(1) .text-area{background:#8FB506; }
.job .interview .box.transport a:nth-child(1) .window .wing-left{background:url(/image/interview-window-green-left.svg) no-repeat; }
.job .interview .box.transport a:nth-child(1) .window .wing-right{background:url(/image/interview-window-green-right.svg) no-repeat; }

.job .interview .box.transport a:nth-child(2) .window .photo{border:solid 8px #469791; }
.job .interview .box.transport a:nth-child(2) .text-area{background:#469791; }
.job .interview .box.transport a:nth-child(2) .window .wing-left{background:url(/image/interview-window-green2-left.svg) no-repeat; }
.job .interview .box.transport a:nth-child(2) .window .wing-right{background:url(/image/interview-window-green2-right.svg) no-repeat; }

.job .interview .box.transport a:nth-child(3) .window .photo{border:solid 8px #469791; }
.job .interview .box.transport a:nth-child(3) .text-area{background:#469791; }
.job .interview .box.transport a:nth-child(3) .window .wing-left{background:url(/image/interview-window-green2-left.svg) no-repeat; }
.job .interview .box.transport a:nth-child(3) .window .wing-right{background:url(/image/interview-window-green2-right.svg) no-repeat; }

.job .interview .box.transport a:nth-child(4) .window .photo{border:solid 8px #0071BC; }
.job .interview .box.transport a:nth-child(4) .text-area{background:#0071BC; }
.job .interview .box.transport a:nth-child(4) .window .wing-left{background:url(/image/interview-window-blue2-left.svg) no-repeat; }
.job .interview .box.transport a:nth-child(4) .window .wing-right{background:url(/image/interview-window-blue2-right.svg) no-repeat; }






.job .interview .box.university .item .window .photo{border:solid 8px #0058A3; }
.job .interview .box.university .item .text-area{background:#0058A3; }
.job .interview .box.university .item .window .wing-left{background:url(/image/interview-window-blue-left.svg) no-repeat; }
.job .interview .box.university .item .window .wing-right{background:url(/image/interview-window-blue-right.svg) no-repeat; }




@media screen and (max-width: 768px) {
.job .interview .box{flex-direction: column; width:100%;}
.job .interview .box .item{ margin-left:auto; margin-right:auto; margin-bottom:40px;}
}






/*============================================================
その他：プライバシーポリシー・サイトマップ・お問い合わせ・同窓会サイト・願書
=============================================================*/
.other {}
.other .head{background-image:url(/image/other-head.svg) ; background-repeat:no-repeat;background-size: cover;    background-position:center bottom; height:180px; padding-top:30px;}
.other h1{background: #F5D345;    border: solid 2px #FFF;    border-radius: 50px;    padding: 15px 40px;    font-size: 25px; min-width: 400px;width: fit-content; margin-left:100px;}
.other h1 span{display:block; font-size:14px; margin-bottom:5px; }
.other h2{text-align:left;}
.other h2 span{display:inline; font-size:inherit;}
.other .box{border-radius:25px; background:#FFF; padding:100px 100px; margin-bottom:100px;}
.other .box.center-all{display:flex;justify-content: center; align-items: center;}



.other .section02 {background-image: url(/image/other-section02.svg);background-repeat: no-repeat;background-size: cover;background-position: center top;padding-top: 100px;padding-bottom: 200px;margin-top: -100px;margin-bottom: -100px;position: relative;}
.other .section02 h2{color:#BC1A29; font-size:25px;}

@media screen and (max-width: 768px) {
.other h1{padding: 15px 40px;    font-size: 20px;   width:100%; margin-left:0px; min-width:auto;}
.other .box{ padding:20px; margin-bottom:60px;}
.other .section02 h2{font-size:20px;}
}




/*■プライバシーポリシー■*/
.other .privacypolicy h1{ color: #164A50;   }

/*■サイトマップ■*/
.other .sitemap h1{ color: #FFF; background:#BC1A29;  }
.other .sitemap{justify-content: flex-start; font-size:15px;}
.other .sitemap h2{margin-bottom:10px; font-size:16px;}
.other .sitemap .box > div{display:flex;}
.other .sitemap .box > div .item a{color:#000;}
.other .sitemap .box > div .item:last-child{ margin-left:60px;}
.other .sitemap .box > div .item ul{margin-bottom:20px; padding-left:40px;}


@media screen and (max-width: 768px) {
.other .sitemap .box > div{flex-direction: column;}
.other .sitemap .box > div .item:last-child{margin-left:0;}
.other .sitemap .box > div .item ul{padding-left:20px;}
}



/*■同窓会サイト■*/
.other .graduate h1{ color: #FFF; background:#164A50;  }
.other .graduate .box{flex-direction: column;}
.other .graduate .btn{margin-top:100px;}
.other .graduate .btn a{color:#164A50; border:solid 3px #164A50; background:#FFF;}

/*■Q&A■*/
.other .qa h1{background: #164A50;    border: solid 2px #FFF; color:#FFF;}
.other .qa h2{margin-bottom:20px; margin-top:80px;}
.other .qa h2:first-of-type{margin-top:0;}
.other .qa .box{margin-bottom:200px;}
.other .qa .panel{display:flex;flex-wrap: wrap; }
.other .qa .panel .item{width:30%; margin-right:5%; margin-top:20px;border-radius:15px;  font-weight:bold; line-height:1.6;}
.other .qa .panel .item a{ display:block;border-radius:25px;background:#FFF; color:#164A50; min-height:100px;display: flex;  justify-content: center;  align-items: center;text-align: center;color:#FFF;    padding: 20px;}
.other .qa .panel .item:nth-child(3n){margin-right:0;}
.other .qa .panel .item:nth-child(1){margin-top:0;}
.other .qa .panel .item:nth-child(2){margin-top:0;}
.other .qa .panel .item:nth-child(3){margin-top:0;}

.other .qa .panel .item.item01 a{background:#BC1A29;}
.other .qa .panel .item.item02 a{background:#0E7994;}
.other .qa .panel .item.item03 a{background:#164A50;}
.other .qa .panel .item.item04 a{background:#215379;}
.other .qa .panel .item.item05 a{background:#D64C4C;}
.other .qa .panel .item.item06 a{background:#78B208;}
.other .qa .panel .item.item07 a{background:#EFAA30;}
.other .qa .panel .item.item08 a{background:#0E7994;}
.other .qa .panel .item.item09 a{background:#D64C4C;}

.other .qa .accordion-container{ margin-top:20px;}
.other .qa .accordion-container .item{background:#FFF; border-radius:25px; padding:15px 20px; margin-bottom:20px;}
.other .qa .js-accordion-title{position: relative;}
.other .qa .js-accordion-title:before { content: '';  width: 40px;  height: 40px;  position: absolute;  right: 20px;  top: 0px;  background:url(/image/ic-plus.svg) no-repeat; transition: all .3s ease-in-out;    z-index: 1;}
.other .qa .js-accordion-title.open:before {background:url(/image/ic-minus.svg) no-repeat;  }
.other .qa h3{ font-size:18px; }
.other .qa h3:hover{cursor:pointer;}
.other .qa h3 span{position: relative;display: flex;padding: 10px 0 10px 80px; }
.other .qa h3 span:before{ content:"";background:url(/image/ic-question.svg) no-repeat;  margin-right:20px; width:40px;height:40px;position: absolute;left: 20px; top:0px;}

.other .qa .accordion-content{padding-left:80px; padding-right:40px; padding-top:20px; padding-bottom:0px; position:relative; color:#000; font-weight:bold;}
.other .qa .accordion-content:before{ content:"";background:url(/image/ic-answer.svg) no-repeat;  margin-right:20px; width:40px;height:40px;position: absolute;left: 20px; top:13px;}
.other .qa .accordion-content a{color:#BC1A29;}



@media screen and (max-width: 768px) {
.other .qa .panel{padding:0;}
.other .qa .panel .item{width:100%; margin-right:0;}
.other .qa .panel .item:nth-child(2){margin-top:20px;}
.other .qa .panel .item:nth-child(3){margin-top:20px;}
.other .qa .panel .item a{padding:20px;}
.other .qa h3 span{padding: 5px 60px 10px 60px; line-height:1.4;}
.other .qa h3 span:before{ left: 0px; top:0px;}
.other .qa .js-accordion-title:before { right: 0px;  top: 0px; }
.other .qa .accordion-content{padding-left:60px;}
.other .qa .accordion-content:before{ left: 0px; top:13px;}
}

/*■交通アクセス■*/
.other .access h1{ color: #FFF; background:#3F8FA9;  }
.other .access h2{border-left: solid 15px #27494F;color: #27494F;margin-bottom: 40px;font-size: 25px;padding-left: 30px;text-align: left;line-height: 1.4;}
.other .access .box{margin-bottom:200px;}
.other .access .photo{margin-top:40px;}
.other .access iframe{margin-bottom:60px;}
.other .access .video{width:50%; margin-left:auto; margin-right:auto;}
.other .access .video iframe{width:100%;}


/*■願書■*/
.other .application{}
.other .application h1{ color: #FFF; background:#BC1A29;  }
.other .application h2{border-left: solid 15px #244950;color: #244950;margin-bottom: 40px;font-size: 25px;padding-left: 30px;text-align: left;line-height: 1.4;}
.other .application h3{font-size:25px;}
.other .application h4{color:#BC1A29; margin-top:20px;}
.other .application .nagare{margin-bottom:60px;margin-top:20px;}
.other .application .text{margin-bottom:10px; padding-left:20px; font-size:15px;}




.other .application .box{padding:100px 50px;}
.other .application input[type="text"]{background:#e5e5e5; padding:10px; }
.other .application input[type="radio"]{margin-right:10px; transform: scale(1.5, 1.5);}
.other .application input[type="checkbox"]{margin-right:20px; transform: scale(1.5, 1.5);}
.other .application label{margin-right:20px;}
.other .application label:hover{cursor:pointer;}
.other .application label.align-center{display:flex;align-items: center;}
.other .application .course label{display:block;}
.other .application select{background:#e5e5e5; padding:10px; font-size: 16px;}
.other .application textarea{width:100%; min-height:200px;background:#e5e5e5; padding:10px;}

.other .application .btn{width:fit-content; margin:60px auto 0 auto;}
.other .application .btn button{background: #BC1A29;    color: #FFF;    font-size: 17px; border-radius:50px; text-align:center; padding:20px 80px; }




.other .application .title{display:flex;justify-content: space-between; padding-top:3px;}
.other .application .title span{font-size:12px;}
.other .application .col2{display:flex;justify-content: space-between; }
.other .application .must{background:#BC1A29; color:#FFF;    width: fit-content; padding:3px 10px; font-size:14px; font-weight:bold;    height: 30px;    white-space: nowrap;}
.other .application .must.blue{background:#4285f4;}
.other .application dl.file_upload{display:flex;flex-wrap: wrap; margin-bottom:20px;}
.other .application dl.file_upload dt{display:flex;}
.other .application dl.file_upload dt span{width:350px;display: inline-block;}


.other .application table{margin-bottom:40px; width:100%;}
.other .application table, td, th{padding:15px; border:none; font-weight:normal;    vertical-align: top !important;}
.other .application th{background:inherit; width:23%;}
.other .application .border{border-bottom:solid 1px #e5e5e5; padding-bottom:20px; }
.other .application .vertical-center{vertical-align:middle !important;}


.other .application .day-night{display:flex;}
.other .application .day-night .course{margin-left:60px;}
.other .application .day-night .course label{display:block;}
.other .application .strong{font-weight:bold; font-size:18px;}


.other .application .interview-date{}
.other .application .interview-date table th{padding: 3px; width:auto; min-width:inherit;}
.other .application .interview-date table th .date{background:#e5e5e5; text-align:center;border-radius:5px;padding:10px 3px;font-size:15px;}
.other .application .interview-date table th .date span{display:block;}
.other .application .interview-date table th .date:nth-child(-n+3):before{content:"２期"; display:block; font-size:14px;}


.other .application .interview-date table td{padding:3px;font-size:20px;transition: all 0.2s;color:#FFF;border-radius:5px;min-width:inherit;}
.other .application .interview-date table td > div{background:#27a79a; border-radius:5px; padding:20px 0; color:#FFF; transition: all 0.2s; font-size:16px;text-align: center;}
.other .application .interview-date table td .hour:hover{cursor:pointer;background:#164A50;transition: all 0.2s; }
.other .application .interview-date table td > div.hour_ck{cursor:pointer;background:#164A50;}
.other .application .interview-date table td > div.hour_change{cursor:pointer;background:#27a79a; }
.other .application .interview-date table td > div.hour_ng{background:dimgray;  }
.other .application .interview-date table td > div span{display:block;writing-mode: vertical-rl;    margin: 0 auto;}
.other .application .block{ display:block;}
.other .application .w60{ width:60px;}
.other .application .w100{ width:100px;}
.other .application .w200-pc{ width:100px;}
.other .application .w10p{ width:10%;}
.other .application .w15p{ width:15%;}
.other .application .w20p{ width:20%;}
.other .application .w30p{ width:30%;}
.other .application .w40p{ width:40%;}
.other .application .w45p{ width:45%;}
.other .application .w100p{ width:100%;}
.other .application .mr10{margin-right:10px;}
.other .application .mr20{margin-right:20px;}
.other .application .mt20{margin-top:20px;}
.other .application .mb5{margin-bottom:5px;}
.other .application .mb10{margin-bottom:10px;}
.other .application .mb20{margin-bottom:20px;}
.other .application .ml40{margin-left:40px;}
.other .application .ml20{margin-left:20px;}
.other .application .pt20{padding-top:20px;}
.other .application .flex{display:flex;}
.other .application .align-center{align-items: center;}
.other .application .note{font-size:14px;}
.other .application .policy{margin-top:60px; text-align:center;}
.other .application .interview-date td{min-width:100px;}
.other .application .interview-date th{min-width:100px;}


.other .application .box .item{display:flex;justify-content: space-between;margin-bottom:20px;}
.other .application .box .item .title{width:20%;display:flex;justify-content: space-between;font-weight: bold;}
.other .application .box .item .text-area{width:75%;}
.other .application .box .item.wide{justify-content: flex-start;}
.other .application .box .item.wide .title{min-width: 450px;}
.other .application .box .item.wide .text-area{width:100%;}
.other .application .box .item.align-center{align-items: center;}
.other .application h3{margin-bottom:20px; line-height:1.4;}

.other .application .modal_content_inner{width:500px;}
@media screen and (min-width: 769px) {
.other .application .w120-pc{ width:120px;}
.other .application .w150-pc{ width:150px;}
.other .application .w170-pc{ width:170px;}
.other .application .mr20-pc{margin-right:20px;}
.other .application .ml25-pc{margin-left:25px;}
.other .application .ml40-pc{margin-left:40px;}
.other .application .ml60-pc{margin-left:60px;}

.other .application .box .item .interview-date{width:1300px;}
.other .application .box .item .wrap{ }
.other .application .box .item .wrap::-webkit-scrollbar {    height: 25px;}
/*スクロールバーの背景色・角丸指定*/
.other .application .box .item .wrap::-webkit-scrollbar-track {  border-radius: 10px;	background: #f2f2f2;}
/*スクロールバーの色・角丸指定*/
.other .application .box .item .wrap::-webkit-scrollbar-thumb {  border-radius: 10px;	background:#777;}

/* スクロールの背景の設定 */
.other .application .box .item .wrap::-webkit-scrollbar-track {
  border-radius: 10px;
  box-shadow: 0 0 4px #aaa inset;
}




}

@media screen and (max-width: 768px) {
.other .application .box{padding:20px;}
.other .application td,.other .application th{display:block;  width:100%; padding-left:0; padding-right:0;}
.other .application th{padding-bottom:5px; border:none; }
.other .application td{padding-top:5px;}
.other .application .title{    justify-content: flex-start;}
.other .application .must{ margin-left:20px;}
.other .application .flex{flex-direction: column;}
.other .application .note{margin-top:20px;}
.other .application .w45p{width:45%;}
.other .application select{width:100%;}
.other .application .w15p {width:25%;}
.other .application .w10p {width:30%;}
.other .application .day-night{flex-direction: column; margin-bottom:20px;}
.other .application .day-night .course{margin-left:20px; margin-top:10px;}
.other .application h3{font-size:18px;}
.other .application .text{ font-size:13px; }
.other .application .w100p{ width:95%;}
.other .application .w100p-sp{width:100%; margin-left:0; margin-right:0;}
.other .application .w50p-sp{width:50%; }
.other .application .meeting td,.other .application .meeting th{display:table-cell; width:auto;}
.other .application .interview-date {font-size:13px; width:800px;}
.other .application .interview-date table th{min-width:80px;}
.other .wrap{width:100%;}
.other .application .box .item{flex-direction: column;}
.other .application .box .item .title{width:100%;justify-content: flex-start; margin-bottom:10px; }
.other .application .box .item .text-area{width:100%;}
.other .application .box .item .flex-sp{display:flex;align-items: center;}
.other .application .box .item.wide .title{min-width:100%;}
.other .application .border-sp{border-bottom:solid 1px #e5e5e5; padding-bottom:20px; }
.other .application .modal_content_inner{width:90%;}

}

@media screen and (max-width: 375x) {
}

/*========================
記事詳細
=========================*/
.news{}
.news .head{/*background-image:url(/image/other-head.svg) ; background-repeat:no-repeat;background-size: cover;    background-position:center bottom; */ padding-top:30px; margin-bottom:40px;}
.news h1{background: #FFF; color:#BB1A29;  border-radius: 50px;    padding: 15px 40px;    font-size: 25px;   width:fit-content; margin-left:auto; margin-right:auto; line-height:1.4;}
.news h1 span{display:block; font-size:14px; margin-bottom:5px; text-transform:capitalize;}

.news h2 {
    border-left: solid 15px #BC1A29;
    color: #BC1A29;margin-bottom: 40px;
    font-size: 30px;
    padding-left: 30px;
    text-align: left;
    line-height: 1.4;
	margin-top:40px;}
.news .box{border-radius: 25px;    background: #FFF;padding: 50px 100px 100px 100px ;margin-bottom: 100px; min-height:700px;}
.news .box img{width:70%; margin-left:auto; margin-right:auto;    display: table;}
.news .btn{margin-bottom: 100px;}
.news .btn a{color:#164A50;    border: solid 3px #164A50;background: #FFF;}
.news ul.list li{border-bottom:solid 1px #CCC; padding-bottom:20px; font-size:18px;}
.news ul.list li span{display:block; margin-bottom:10px;padding-top:20px; font-size:14px;  }
.news ul.list li a{color:#000;}
.news table , .news td, .news th {border: solid 1px #000;border-collapse: collapse;padding:20px; margin:20px 0;}
.news p{margin-bottom:20px;}

@media screen and (max-width: 768px) {
.news h1{border-radius: 25px;    padding: 20;    font-size: 20px;   width:100%; }
.news .head{height:auto; margin-bottom:40px;}
.news .box{padding: 20px; min-height:auto;}
}


/*====================
フッター：オフィシャルアカウント
=====================*/
.official-account{background-image:url(/image/official-account-bg.svg) ; background-repeat:no-repeat; background-size:100%; position:relative; margin-top:-100px;}
.official-account img.btn{ display:none;/*position:absolute; top:-100; right:20%; width:200px;*/}
.official-account .box{display:flex;justify-content: center;align-items: center; padding:80px 0px 40px 0; }
.official-account .box .item{}
.official-account .box .item h3{ color:#164A50; font-size:22px;    text-align: center;}
.official-account .box .item h3 span{font-size:54px; display:block; margin-bottom:10px;}
.official-account .box .item ul{ display:flex;justify-content: center; margin-top:40px;}
.official-account .box .item ul:nth-child(3){margin-top:20px; }
.official-account .box .item ul:nth-child(4){margin-top:10px; }
.official-account .box .item ul:nth-child(4) li{width:fit-content; height:auto; background:none;}
.official-account .box .item ul li{width:80px; height:80px; border-radius:50%; background:#FFF; text-align:center;display:flex;justify-content: center;align-items: center; margin-left:20px; margin-right:20px;transition: all 0.3s;}
.official-account .box .item ul li.red{background:#BB1A29; color:#FFF;}
.official-account .box .item ul li.note img{width:90%;}
.official-account .box .item ul li.note a{color:#000;}
.official-account .box .item ul li img{width:65%;}
.official-account .box .item ul li a{color:#000;}
.official-account .box .item ul li:hover{transition: all 0.3s;transform:scale(1.1);}
.official-account .box .item .text{ text-align:right; margin-top:10px; padding-right:15px;}
@media screen and (max-width: 768px) {
.official-account .box{padding:60px 0px 40px 0; }
.official-account .box .item ul{margin-top:20px;}
.official-account .box .item ul li{width:60px; height:60px;margin-left:5px; margin-right:5px; font-size:14px;}
.official-account .box .item ul li img{width:65%;}
.official-account .box .item h3{line-height:1;}
.official-account .box .item h3 span{font-size:30px;}
.official-account .box .item .text{ text-align:right; padding-right:0px;margin-top:5px; font-size:10px;}
}


/*====================
フッターナビ
=====================*/
img.footer-nav{}
.footer-nav{ }
.footer-nav a{color:#000;}
.footer-nav .box{padding:40px 10% 200px 10%;display:flex;border-radius:100px 100px 0 0; margin-top:-160px;}

.footer-nav .box:nth-child(1){background:#FDF3E2; margin-top:0px; }
.footer-nav .box:nth-child(2){background:#FFF;}
.footer-nav .box:nth-child(3){background:#C3E0D5;}
.footer-nav .box:nth-child(4){background:#CBE8EE; }
.footer-nav .box:nth-child(5){background:#FFF; }


.footer-nav .box h3{line-height:1.8; width:20%; font-size:18px; font-weight:normal;}
.footer-nav .box ul{width:45%; font-size:14px;}
.footer-nav .box ul:last-child{width:35%;}


@media screen and (max-width: 768px) {
.footer-nav .box{flex-direction: column;border-radius: 50px 50px 0 0;}
.footer-nav .box ul{width:100%;}
.footer-nav .box ul:last-child{width:100%;}
.footer-nav .box h3{width:100%; margin-bottom:10px;}
}

/*====================
フッター
=====================*/
footer{background:#FFF;}
footer a{color:#000;}
footer .box{ display:flex;justify-content: space-between; width:90%; margin:0 auto; padding:60px 0px;}

footer .box .item{width:21%; font-size:13px;}
footer .box .item:nth-child(1){width:30%;}
footer .box .item:nth-child(1) > div{margin:auto; width:fit-content;}
footer .box .item .logo img{max-width:400px;}
footer .box .item .address{margin-top:40px;}
footer .box .item ul.btn{margin-top:40px; padding-left:0;}
footer .box .item ul.btn:hover{transform:scale(1.0)}
footer .box .item ul.btn li{border-radius:50px;  text-align:center; margin-top:20px; font-size:13px;}
footer .box .item ul.btn li a{display:block;padding:10px 30px; width:auto;display:flex;align-items: center;}
footer .box .item ul.btn li img{margin-right:20px; height:30px; width:auto;}
footer .box .item ul.btn li:nth-child(1) a{justify-content: center;}
footer .box .item ul.btn li:nth-child(2) img{margin-left:10px;}
footer .box .item h4{font-size:18px; margin-bottom:20px; line-height:1.4;}
footer .box .item h4 span{color:#BB1A29; margin-right:5px;}
footer .box .item ul{margin-bottom:40px; padding-left:40px;}
footer .box .item ul li{font-size:15px; color:#595757;}




footer .copyright{ background:linear-gradient(90deg, rgba(198, 0, 0, 1) 0%, rgba(229, 85, 20, 1) 60%, rgba(255, 179, 0, 1) 100%); text-align:center; padding:20px 0px; font-size:15px; color:#FFF;}

@media screen and (max-width: 768px) {
footer .box{flex-direction: column; display:none;}
footer .box .item{width:100%;}
footer .box .item:nth-child(1){width:100%; margin-bottom:40px; border-bottom: solid 1px #CCC; padding-bottom:40px;}
footer .box .item ul.btn{display:none;}
footer .copyright{padding:20px;}
}


.footer-navi{position: fixed; bottom: 0px; left: 50%; transform: translateX(-50%);width: 100%;    z-index: 10; }




.footer-navi ul.toi{display:flex;justify-content: center;width:100%; margin:0 auto;border-radius:0px;border:solid 3px #BC1A29;background:#FFF;}
.footer-navi ul.toi li{display:flex;justify-content: center;align-items: center; font-size:20px;  width:50%; font-weight:bold;}
.footer-navi ul.toi li a{padding:5px; color:#000;}
.footer-navi ul.toi li:first-child{border-right:solid 3px #BC1A29;}







/*====================
もっと見る
=====================*/
.more{position:relative; border-radius:15px; display:flex; margin-top:40px; }
.more a{width:140px;border-radius:15px; padding:7px; font-size:14px; text-align:center;border:solid 1px #BB1A29; color:#BB1A29; background:#FFF;}
.more.left { display:flex;}
.more.right {justify-content: flex-end;}
.more.center {justify-content: center;}


/*====================
部品
=====================*/

.bg-cloud{background-color:#ADDBE1; background-image:url(/image/bg-cloud.svg) ; background-repeat:no-repeat; background-size:100%; }
.bg-blue{background-image:url(/image/bg-blue.svg) ; background-repeat:no-repeat; background-size:100%; }
.bg-yellow{background-color:#FFF3E0; background-image:url(/image/bg-cloud.svg) ; background-repeat:no-repeat; background-size:100%; }
.bg-road{background-image:url(/image/bg-road.svg) ; background-repeat: repeat-y;background-size:100%; }
.bg-green{background-color:#164A50; }
.bg-light_green{background-color:#52b0b4; }
.bg-pink{background-image:url(/image/bg-pink.svg) ; background-repeat:no-repeat; background-size:cover;background-position: center bottom;  height:300px; position:relative;}
.bg-light-blue{background-color:#3FBCEE !important; }
.bg-orange{background-color:#F29134 !important; }
.bg-news{ background-color:#87b8a5;background-image:url(/image/bg-news.svg) ; background-repeat:no-repeat; background-size:100%; }
.bg-ryugaku{ background-color:#FDEFDB;}

.text-orange{color:#F59F00;}
.text-red{color:#BC1A29;}
.text-center{text-align:center;}
.border-orange{ border:solid 5px #FCD100;}
.vertical-middle{vertical-align:middle !important;}
@media screen and (max-width: 768px) {
.bg-blue{background-image:url(/image/bg-blue.svg) ; background-repeat:no-repeat; background-size:100%; }
}

/*====================
パンくず
=====================*/
.pankuzu{ margin-bottom:20px;}
.pankuzu ul{display:flex;}
.pankuzu ul{}
.pankuzu ul li{ margin-right:5px;color:#CD001F; font-size:13px;}
.pankuzu ul li a{color:#000;}
.pankuzu ul li:after{content:">";padding-left:5px;color:#000;}
.pankuzu ul li:last-child:after{content:none;}

@media screen and (max-width: 768px) {
.pankuzu{ display:none;}
}
/*========================
ページトップ
=========================*/
#page_top a{width:40px; height:40px; transition:0.4s all; position: fixed; right:20px; bottom:20px; display:block; background:#FFF; border-radius:50%; color:#BB1A29; text-align:center; font-size:30px;line-height: 49px;  border:solid 1px #BB1A29;    z-index: 1;}
#page_top a img{position: absolute;	top: 50%;	left: 50%;	transform: translate(-50%, -50%);	width: 100%;	display: block;	transition: .4s ease-in-out;}
#page_top a i{line-height: 1.7;}

@media screen and (max-width: 768px) {
#page_top a{right:20px; bottom:70px;width:40px; height:40px;}
}



@media screen and (max-width: 768px) {
.pc{display:none !important;}
}

@media screen and (min-width: 769px) {
.sp{display:none !important;} 
}


/*========================
一旦非表示（動画が来れば、後ほど復活）
=========================*/
.department .head .photo .play{height:60px !important;}
/*
.department .head .photo .play span{display:none !important;}
img.btn-play{display:none !important;}*/
/*.movie .card img.ic{display:none !important;}*/