@charset "utf-8";

/* 指定色
　　学校紹介：#d4b567 ／ ホテルコース：#2d6aae ／　ウエディングコース：#f09192 ／　短大併修コース：#e7a100
　　葬祭ディレクター：#a688bd ／　国際ホテル大学併修・留学科：#85b83a　／　専攻科：#009fb9
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
/* 汎用 */
.c_color {color:#009fb9;}
.bkc_color{background-color:#009fb9; color:#fff;}
.bd_color {border-color:#b2e2ea !important;}
.feeld_box li::before{color:#009fb9;}

.mds_h3 {
padding: 0 25px;
background-image: url(../images/hotel/mds_lef_bk.png),url(../images/hotel/mds_rig_bk.png);
background-position: left bottom,right bottom;
}
.mds_h3 h3 {
background-image: url(../images/hotel/mds_line_bk.png);
background-repeat: repeat-x;
background-position: center bottom;
line-height: 35px;
padding: 5px 0;
font-size: 21px;
font-family: serif;
color: #fff;
text-align: center;
letter-spacing: 5px;
font-weight: bold;
}

.ttb_line div:nth-child(1) .tim p:nth-of-type(1) {
border-color:#009fb9 !important;
}

.ttb_line,
.ttb_line *,
.ttb_lunch{
border-color:#009fb9 !important;
}

.tmetable_box .ttb_line:nth-of-type(1),
.tmetable_box .ttb_lunch{
background-color: #eaf0f7 !important;
}

.text_serif { font-family: 'Noto Serif JP', serif; }
.text_ac { text-align: center; }
.mgb60 { margin-bottom: 60px; }

/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */










/* メイングラフィック
ーーーーーーーーーーーーーーーーーーーーーーーーー */
#mg-box {
background-image: url(../images/major/major_header01.jpg);
background-repeat: no-repeat;
background-position: calc((100vw / 2) - 300px) top;
background-size: auto 100%;
position: relative;
height: 600px;
}

h2 {
display: block;
max-width: 900px;
width: 100%;
overflow: hidden;
padding: 0;
margin: 0;
position: absolute;
bottom: 100px;
right: calc((100vw / 2) + 100px );
}

h2 .title_box {
text-align: left;
float: right;
display: table;
overflow: hidden;
padding: 40px 40px 40px 0;
margin: 0;
margin-bottom: 0;
}
h2 .title_box p { font-family: serif; font-size: 30px; margin-bottom: 0; }
h2 .title_box p span { font-size: 16px; }

h2 .title {
display: flex;
align-items: flex-start;
margin-bottom: 20px;
}
h2 .title .Kamoku { font-family: serif; font-size: 55px; line-height: 0.8em; margin-right: 20px; }
h2 .title .year { font-size: 20px; }
h2 .title .year span { font-size: 16px; color: #009fb9; background: #fff; padding: 5px 10px; border-radius: 20px }
/* ーーーーーーーーーーーーーーーーーーーーーーーーー */



/* パンくずリスト
ーーーーーーーーーーーーーーーーーーーーーーーーー */
#routeindex{
max-width: 1200px;
width: 100%;
display: block;
overflow: hidden;
border-bottom: solid 3px #bbb;
margin: 0 auto 70px;
}

#routeindex ul {
display: flex;
margin: 0;
padding: 10px 0;
float: right;
}

#routeindex ul li {
font-weight: bold;
font-size: 12px;
}

#routeindex ul li::after {
content: ">";
display: inline-block;
padding: 0 10px;
}

#routeindex ul li:last-child:after{
content: "";
padding: 0;
}

#routeindex a{
transition: .3s;
}

#routeindex a:hover{
opacity: 0.5;
}
/* ーーーーーーーーーーーーーーーーーーーーーーーーー */



/* 活躍のフィールド
ーーーーーーーーーーーーーーーーーーーーーーーーー */
#sec-feeld p{
font-family: serif;
font-size: 24px;
display: table;
margin: 0 auto 70px;
font-weight: bold;
}

/* ーーーーーーーーーーーーーーーーーーーーーーーーー */



/* 新設
ーーーーーーーーーーーーーーーーーーーーーーーーー */
#sec-point {
background-color: #f6f0e1;
width: 100%;
background-image: url(../images/foot_img/footer_back.png);
background-repeat: repeat;
margin-bottom: 65px;
}

.shinsetu { margin: 50px auto 30px auto; }
.shinsetu p { font-size: 16px; margin-left: 140px; font-family: 'Noto Serif JP', serif; }

.shinsetu .title01 {
color: #fff;
background-color: #2d6aae;
font-size: 24px;
padding: 2px 20px;
width: 580px;
line-height: 36px;
height: 40px;
font-weight: bold;
font-family: serif;
margin-bottom: 30px;
}
.shinsetu .title01:after {
content: '';
border-style: solid;
border-width: 20px 15px 20px 5px;
border-color: #2d6aae;
border-right-color: transparent;
position: absolute;
left: 100%;
top: 0px;
}
.shinsetu .title01 .name {
margin-left: 120px;
}
.shinsetu .title01 .course {
font-size: 16px;
}
.shinsetu .title01 img {
position: absolute;
top: -20px;
left: 30px;
filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.3));
}

.shinsetu .title02 {
color: #fff;
background-color: #f09192;
font-size: 24px;
padding: 2px 20px;
width: 580px;
line-height: 36px;
height: 40px;
font-weight: bold;
font-family: serif;
margin-bottom: 30px;
}
.shinsetu .title02:after {
content: '';
border-style: solid;
border-width: 20px 15px 20px 5px;
border-color: #f09192;
border-right-color: transparent;
position: absolute;
left: 100%;
top: 0px;
}
.shinsetu .title02 .name {
margin-left: 120px;
}
.shinsetu .title02 .course {
font-size: 16px;
}
.shinsetu .title02 img {
position: absolute;
top: -20px;
left: 30px;
filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.3));
}
.shinsetu .title02 br { display: none; }

/* ーーーーーーーーーーーーーーーーーーーーーーーーー */



/* 主な取得可能資格・検定
ーーーーーーーーーーーーーーーーーーーーーーーーー */
.kentei { 
max-width: 1030px;
margin: 0 auto 65px auto;
padding: 0 15px;
}
.kentei .title {
font-family: 'Noto Serif JP', serif;
font-size: 20px;
color: #fff;
background: #009fb9;
text-align: center;
border-radius: 20px;
padding: 5px 10px;
margin-bottom: 30px;
}

.kentei_box { display: flex; justify-content: center; }
.kentei_box ul:first-child { margin-right: 20px; }
.kentei_box li { font-family: 'Noto Serif JP', serif; font-size: 20px; line-height: 2.5em; padding-left:1em; text-indent:-1em; }
.kentei_box li::before{
content: "●";
color: #009fb9;
padding-right: 5px;
}
.kentei_box li span { color: #fff; background: #c3ab5e; padding: 5px 10px; margin-right: 5px; }

/* ーーーーーーーーーーーーーーーーーーーーーーーーー */



/* mobile メイングラフィック
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
#mg-box .mg-mb { display: none; }

@media screen and (max-width: 1200px) {
#mg-box { background-image: none; max-width: 1200px; margin: 0 auto; height: auto; }
h2 { max-width: 100%; position: static; }

h2 .title_box { float: left; padding: 30px 15px 15px 15px; }

#mg-box .mg-mb { display: block; }
#routeindex ul { padding: 10px; float: none; }
}

@media screen and (max-width: 767px) {
h2 .title .Kamoku { font-size: 40px; }
h2 .title_box p { font-size: 24px; }
h2 .title_box p span { font-size: 14px; }
}

@media screen and (max-width: 700px) {
#routeindex ul { display: block; }
}

@media screen and (max-width: 500px) {
h2 .title { display: block; }
h2 .title .Kamoku { font-size: 36px; margin-right: 0; }
h2 .title .Kamoku br { display: none; }
h2 .title .Kamoku img { margin-left: 10px; }
h2 .title .year { font-size: 16px; margin-top: 10px; }
}
@media screen and (max-width: 400px) {
h2 .title_box p { font-size: 20px; }
}

/* mobile 新設
ーーーーーーーーーーーーーーーーーーーーーーーーー */
@media screen and (max-width: 767px) {
.shinsetu p br { display: none; }
}

@media screen and (max-width: 650px) {
.shinsetu .title01 { width: auto; font-size: 20px; margin-right: 20px; }
.shinsetu .title02 { width: auto; font-size: 20px; margin-right: 20px; }
}

@media screen and (max-width: 600px) {
.shinsetu p { margin-left: 0; }
.shinsetu .title01 .name { margin-left: 80px; }
.shinsetu .title01 img { left: 10px; }
.shinsetu .title02 .name { margin-left: 80px; }
.shinsetu .title02 img { left: 10px; }
}

@media screen and (max-width: 500px) {
.shinsetu .title01 { font-size: 16px; }
.shinsetu .title02 { font-size: 16px; }
.shinsetu .title02 { height: 76px; }
.shinsetu .title02:after { border-width: 38px 15px 38px 5px; }
.shinsetu .title02 br { display: block; }
.shinsetu .title02 img { top: -5px; }
}

/* mobile 主な取得可能資格・検定
ーーーーーーーーーーーーーーーーーーーーーーーーー */
@media screen and (max-width: 850px) {
.kentei_box { display: block; }
.kentei_box ul:first-child { max-width: 500px; margin: 0 auto 30px auto; }
.kentei_box ul { max-width: 500px; margin: 0 auto; }
}

@media screen and (max-width: 767px) {
.kentei_box li { font-size: 18px; }
}