@charset "UTF-8";
/* CSS Document */
/* 2022　追加ワールド	*/
/* 2021/06 リニューアル */
/* 2022年度ワールド */
/*----------------------------------------

	2023年度ワールド
	※前年度と同じ色でも全て指定します
	※各SCSSの修正箇所は「2023年度」で検索すると調べられます

----------------------------------------*/
/*明るめ*/
/*暗め*/
/*暗め2*/
/*----------------------------------------

	2024年度ワールド
	※前年度と同じ色でも全て指定します
	※各SCSSの修正箇所は「2024年度」で検索すると調べられます

$color-[01]-2024: #[02]; $color-[01]-2024-hover: #[03]; $color-[01]-2024-light: #[04];

$color-[01]-2024-l: #[02];
$color-[01]-2024-d: #[02];
$color-[01]-2024-d2: #[02];
----------------------------------------*/
/*明るめ*/
/*暗め*/
/*暗め2*/
.is-2024 {
  /*明るめ暗め追加 2022/7/26 山下*/
  /*明るめ暗め追加 2022/7/26 山下*/
}
.is-2024 .color-hotel {
  color: #245B4E;
}
.is-2024 .color-bridal {
  color: #D0628A;
}
.is-2024 .color-tourism {
  color: #877c9e;
}
.is-2024 .color-airline {
  color: #6595a5;
}
.is-2024 .color-hotel-l {
  color: #397063;
}
.is-2024 .color-bridal-l {
  color: #e5779f;
}
.is-2024 .color-tourism-l {
  color: #9c91b3;
}
.is-2024 .color-hotel-d {
  color: #0f4639;
}
.is-2024 .color-bridal-d {
  color: #bb4d75;
}
.is-2024 .color-airline-d {
  color: #508090;
}
.is-2024 .bg_color-hotel {
  background-color: #245B4E;
}
.is-2024 .bg_color-bridal {
  background-color: #D0628A;
}
.is-2024 .bg_color-tourism {
  background-color: #877c9e;
}
.is-2024 .bg_color-airline {
  background-color: #6595a5;
}
.is-2024 .bg_color-english {
  background-color: #6595a5;
}
.is-2024 .bg_color-hotel-l {
  background-color: #397063;
}
.is-2024 .bg_color-bridal-l {
  background-color: #e5779f;
}
.is-2024 .bg_color-tourism-l {
  background-color: #9c91b3;
}
.is-2024 .bg_color-airline-l {
  background-color: #6595a5;
}
.is-2024 .bg_color-hotel-d {
  background-color: #0f4639;
}
.is-2024 .bg_color-bridal-d {
  background-color: #bb4d75;
}
.is-2024 .bg_color-tourism-d {
  background-color: #726789;
}
.is-2024 .bg_color-airline-d {
  background-color: #508090;
}
.is-2024 .bg_color-hotel-d2 {
  background-color: #003124;
}
.is-2024 .bg_color-bridal-d2 {
  background-color: #a63860;
}
.is-2024 .bg_color-tourism-d2 {
  background-color: #5d5274;
}
.is-2024 .bg_color-airline-d2 {
  background-color: #3b6b7b;
}
.is-2024 .border_color-hotel {
  border-color: #245B4E;
}
.is-2024 .border_color-bridal {
  border-color: #D0628A;
}
.is-2024 .border_color-tourism {
  border-color: #877c9e;
}
.is-2024 .border_color-airline {
  border-color: #6595a5;
}

/*----------------------------------------

	2025年度ワールド
	※前年度と同じ色でも全て指定します
	※各SCSSの修正箇所は「2024年度」で検索すると調べられます

$color-[01]-2025: #[02]; $color-[01]-2025-hover: #[03]; $color-[01]-2025-light: #[04];

$color-[01]-2025-l: #[02];
$color-[01]-2025-d: #[02];
$color-[01]-2025-d2: #[02];
----------------------------------------*/
/*明るめ*/
/*暗め*/
/*暗め2*/
.is-2025 .color-hotel {
  color: #245B4E;
}
.is-2025 .color-bridal {
  color: #D0628A;
}
.is-2025 .color-tourism {
  color: #877c9e;
}
.is-2025 .color-airline {
  color: #6595a5;
}
.is-2025 .color-cafe {
  color: #f08300;
}
.is-2025 .color-hotel-l {
  color: #397063;
}
.is-2025 .color-bridal-l {
  color: #e5779f;
}
.is-2025 .color-tourism-l {
  color: #9c91b3;
}
.is-2025 .color-airline-l {
  color: #6595a5;
}
.is-2025 .color-cafe-l {
  color: #ffad2a;
}
.is-2025 .color-hotel-d {
  color: #0f4639;
}
.is-2025 .color-bridal-d {
  color: #bb4d75;
}
.is-2025 .color-tourism-d {
  color: #726789;
}
.is-2025 .color-airline-d {
  color: #508090;
}
.is-2025 .color-cafe-d {
  color: #db6e00;
}
.is-2025 .bg_color-hotel {
  background-color: #245B4E;
}
.is-2025 .bg_color-bridal {
  background-color: #D0628A;
}
.is-2025 .bg_color-tourism {
  background-color: #877c9e;
}
.is-2025 .bg_color-airline {
  background-color: #6595a5;
}
.is-2025 .bg_color-cafe {
  background-color: #f08300;
}
.is-2025 .bg_color-hotel-l {
  background-color: #397063;
}
.is-2025 .bg_color-bridal-l {
  background-color: #e5779f;
}
.is-2025 .bg_color-tourism-l {
  background-color: #9c91b3;
}
.is-2025 .bg_color-airline-l {
  background-color: #6595a5;
}
.is-2025 .bg_color-cafe-l {
  background-color: #ffad2a;
}
.is-2025 .bg_color-hotel-d {
  background-color: #0f4639;
}
.is-2025 .bg_color-bridal-d {
  background-color: #bb4d75;
}
.is-2025 .bg_color-tourism-d {
  background-color: #726789;
}
.is-2025 .bg_color-airline-d {
  background-color: #508090;
}
.is-2025 .bg_color-cafe-d {
  background-color: #db6e00;
}
.is-2025 .bg_color-hotel-d2 {
  background-color: #003124;
}
.is-2025 .bg_color-bridal-d2 {
  background-color: #a63860;
}
.is-2025 .bg_color-tourism-d2 {
  background-color: #5d5274;
}
.is-2025 .bg_color-airline-d2 {
  background-color: #3b6b7b;
}
.is-2025 .bg_color-cafe-d2 {
  background-color: #c65900;
}
.is-2025 .border_color-hotel {
  border-color: #245B4E;
}
.is-2025 .border_color-bridal {
  border-color: #D0628A;
}
.is-2025 .border_color-tourism {
  border-color: #877c9e;
}
.is-2025 .border_color-airline {
  border-color: #6595a5;
}
.is-2025 .border_color-cafe {
  border-color: #f08300;
}

/*----------------------------------------

	2026年度ワールド
	※前年度と同じ色でも全て指定します

$color-[01]-2026: #[02]; $color-[01]-2026-hover: #[03]; $color-[01]-2026-light: #[04];

$color-[01]-2026-l: #[02];
$color-[01]-2026-d: #[02];
$color-[01]-2026-d2: #[02];
----------------------------------------*/
/*明るめ*/
/*暗め*/
/*暗め2*/
.is-2026 .color-hotel {
  color: #245B4E;
}
.is-2026 .color-bridal {
  color: #D0628A;
}
.is-2026 .color-tourism {
  color: #877c9e;
}
.is-2026 .color-airline {
  color: #6595a5;
}
.is-2026 .color-patissier_cafe {
  color: #f08300;
}
.is-2026 .color-hotel-l {
  color: #397063;
}
.is-2026 .color-bridal-l {
  color: #e5779f;
}
.is-2026 .color-tourism-l {
  color: #9c91b3;
}
.is-2026 .color-airline-l {
  color: #6595a5;
}
.is-2026 .color-patissier_cafe-l {
  color: #ffad2a;
}
.is-2026 .color-hotel-d {
  color: #0f4639;
}
.is-2026 .color-bridal-d {
  color: #bb4d75;
}
.is-2026 .color-tourism-d {
  color: #726789;
}
.is-2026 .color-airline-d {
  color: #508090;
}
.is-2026 .color-patissier_cafe-d {
  color: #db6e00;
}
.is-2026 .bg_color-hotel {
  background-color: #245B4E;
}
.is-2026 .bg_color-bridal {
  background-color: #D0628A;
}
.is-2026 .bg_color-tourism {
  background-color: #877c9e;
}
.is-2026 .bg_color-airline {
  background-color: #6595a5;
}
.is-2026 .bg_color-patissier_cafe {
  background-color: #f08300;
}
.is-2026 .bg_color-hotel-l {
  background-color: #397063;
}
.is-2026 .bg_color-bridal-l {
  background-color: #e5779f;
}
.is-2026 .bg_color-tourism-l {
  background-color: #9c91b3;
}
.is-2026 .bg_color-airline-l {
  background-color: #6595a5;
}
.is-2026 .bg_color-patissier_cafe-l {
  background-color: #ffad2a;
}
.is-2026 .bg_color-hotel-d {
  background-color: #0f4639;
}
.is-2026 .bg_color-bridal-d {
  background-color: #bb4d75;
}
.is-2026 .bg_color-tourism-d {
  background-color: #726789;
}
.is-2026 .bg_color-airline-d {
  background-color: #508090;
}
.is-2026 .bg_color-patissier_cafe-d {
  background-color: #db6e00;
}
.is-2026 .bg_color-hotel-d2 {
  background-color: #003124;
}
.is-2026 .bg_color-bridal-d2 {
  background-color: #a63860;
}
.is-2026 .bg_color-tourism-d2 {
  background-color: #5d5274;
}
.is-2026 .bg_color-airline-d2 {
  background-color: #3b6b7b;
}
.is-2026 .bg_color-patissier_cafe-d2 {
  background-color: #c65900;
}
.is-2026 .border_color-hotel {
  border-color: #245B4E;
}
.is-2026 .border_color-bridal {
  border-color: #D0628A;
}
.is-2026 .border_color-tourism {
  border-color: #877c9e;
}
.is-2026 .border_color-airline {
  border-color: #6595a5;
}
.is-2026 .border_color-patissier_cafe {
  border-color: #f08300;
}

/* 業界コラム対策 */
.is-2024 .bg_color-cafe {
  background-color: #f08300;
}
.is-2024 .bg_color-tourism-ir {
  background-color: #877c9e;
}

/*----------------------------------------
	幅など
----------------------------------------*/
/*.定数・変数 */
/*===============================================================
	ボタン
	@include btn_base(#c00,#000,#fff,#fff,auto);
===============================================================*/
/*===============================================================
	矢印
	@include mx_arw();	
===============================================================*/
/*===============================================================
	三角
	@include mx_sankaku(幅,高さ,色,色hover,向き);	
===============================================================*/
/*===============================================================
	センタリング
	@include mx_margin_center();	
===============================================================*/
/*===============================================================
	斜線の背景
	@include mx_slash($color1,$color2,$width);	
===============================================================*/
/*===============================================================
	グラデーション
	@include mx_grade(色1,色2,向き（横:h / 縦:v）)
===============================================================*/
/*===============================================================

	2022/2/14 菅
	年度毎の専攻色設定を各所で使いまわすたものミックスイン
	※色自体は_setting.scssで指定

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

	2022/8/18 山下

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

	共通cssの上書き

===============================================================*/
.mainvisual .kv {
  position: relative;
  background: url("../images/kv.jpg") no-repeat center center;
  background-size: cover;
  overflow: hidden;
}
.mainvisual .kv .teacher {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.mainvisual .kv .teacher img {
  height: 100%;
  width: auto;
}
.mainvisual .logo {
  width: 80%;
  max-width: 410px;
}
@media (max-width: 767px) {
  .mainvisual .logo {
    max-width: 75%;
  }
}

.section_lead p {
  line-height: 2;
  text-align: center;
}
@media (max-width: 767px) {
  .section_lead p {
    font-size: 3.47vw;
    text-align: left;
  }
}

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

	section_travel_lovers_prof

===============================================================*/
@media (max-width: 767px) {
  .section_travel_lovers_prof .section_inner {
    padding: 8vw;
  }
}
.section_travel_lovers_prof .content_profile_box {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .section_travel_lovers_prof .content_profile_box {
    display: block;
  }
}
.section_travel_lovers_prof .content_profile_box .txt_block {
  flex: 1;
  padding: 60px 40px;
}
@media (max-width: 1023px) {
  .section_travel_lovers_prof .content_profile_box .txt_block {
    padding: 60px 0 0 20px;
  }
}
@media (max-width: 767px) {
  .section_travel_lovers_prof .content_profile_box .txt_block {
    margin-top: 5vw;
    padding: 0;
  }
}
.section_travel_lovers_prof .content_profile_box .txt_block .title {
  font-family: "Bellefair", YakuHanJP_Narrow, "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-size: 25px;
  font-size: 30px;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.6;
}
.section_travel_lovers_prof .content_profile_box .txt_block .title .num {
  color: #a79962;
  font-size: 30px;
}
@media (max-width: 767px) {
  .section_travel_lovers_prof .content_profile_box .txt_block .title {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.section_travel_lovers_prof .content_profile_box .txt_block .degree {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.6;
}
@media (max-width: 767px) {
  .section_travel_lovers_prof .content_profile_box .txt_block .degree {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.section_travel_lovers_prof .content_profile_box .txt_block .name {
  color: #a79962;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 1.6;
}
@media (max-width: 767px) {
  .section_travel_lovers_prof .content_profile_box .txt_block .name {
    font-size: 20px;
    font-size: 2rem;
  }
}
.section_travel_lovers_prof .content_profile_box .txt_block .name .honorific {
  color: #404040;
  font-size: 0.6em;
}
.section_travel_lovers_prof .content_profile_box .txt_block .prof_txt {
  margin-top: 10px;
  line-height: 1.8;
}
.section_travel_lovers_prof .content_profile_box .photo_block {
  position: relative;
  flex-basis: 300px;
}
@media (max-width: 767px) {
  .section_travel_lovers_prof .content_profile_box .photo_block {
    width: 70vw;
    margin: 0 auto;
  }
}
.section_travel_lovers_prof .content_profile_box .photo_block .pop {
  top: -36px;
  left: -70px;
  width: 180px;
}
@media (max-width: 1023px) {
  .section_travel_lovers_prof .content_profile_box .photo_block .pop {
    top: -36px;
    left: -42px;
    width: 160px;
  }
}
@media (max-width: 767px) {
  .section_travel_lovers_prof .content_profile_box .photo_block .pop {
    left: -64px;
    width: 42vw;
  }
}

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

	section_travel_lovers

===============================================================*/
.section_travel_lovers {
  /* SP向け */
}
.section_travel_lovers .section_inner {
  padding: 80px 50px;
}
.section_travel_lovers .content_interview .interview {
  background: #fff;
  padding: 30px;
}
.section_travel_lovers .content_interview .interview:first-child {
  margin-top: 0;
}
.section_travel_lovers .content_interview .interview .interview_list .item {
  display: flex;
  margin-top: 60px;
}
.section_travel_lovers .content_interview .interview .interview_list .item:first-child {
  margin-top: 0;
}
.section_travel_lovers .content_interview .interview .interview_list .item .text {
  flex: 1;
  margin-left: 40px;
}
.section_travel_lovers .content_interview .interview .interview_list .item .text .question {
  padding: 4px;
  color: #fff;
  background: #a79962;
  display: inline;
  -webit-box-decoration-break: clone;
  box-decoration-break: clone;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6;
}
@supports (-webkit-hyphens: none) and (not (-ms-ime-align: auto)) {
  .section_travel_lovers .content_interview .interview .interview_list .item .text .question {
    padding: 0 4px;
    line-height: 1.8;
  }
}
.section_travel_lovers .content_interview .interview .interview_list .item .text .answer {
  font-size: 1.6rem;
  font-size: 16px;
  line-height: 1.8;
  margin-top: 10px;
  text-align: justify !important;
  text-justify: inter-character; /* Firefoxで必要 */
}
.section_travel_lovers .content_interview .interview .interview_list .item:nth-child(even) {
  flex-direction: row-reverse;
}
.section_travel_lovers .content_interview .interview .interview_list .item:nth-child(even) .text {
  margin-left: 0;
  margin-right: 40px;
}
.section_travel_lovers .content_interview .interview .interview_list .item:nth-child(even) .question {
  flex-direction: row-reverse;
}
.section_travel_lovers .content_interview .interview .interview_list .item .photo {
  position: relative;
  width: 420px;
  flex-basis: 420px;
}
.section_travel_lovers .content_interview .interview .interview_list .item .photo .pop.pop_02 {
  top: -44px;
  left: -45px;
}
.section_travel_lovers .content_interview .interview .interview_list .item .photo .pop.pop_03 {
  top: -44px;
  left: -45px;
}
@media (max-width: 767px) {
  .section_travel_lovers .section_inner {
    padding: 5vw;
  }
  .section_travel_lovers .content_interview .interview {
    padding: 5vw;
  }
  .section_travel_lovers .content_interview .interview .interview_list .item {
    display: block;
    margin-top: 8vw;
  }
  .section_travel_lovers .content_interview .interview .interview_list .item:first-child {
    margin-top: 0;
  }
  .section_travel_lovers .content_interview .interview .interview_list .item .text {
    margin-top: 5vw;
    margin-right: 0;
    margin-left: 0;
  }
  .section_travel_lovers .content_interview .interview .interview_list .item .text .question {
    display: flex;
    display: inline;
    font-size: 3.5vw;
    font-weight: bold;
    padding: 0 1.5vw;
  }
  @supports (-webkit-hyphens: none) and (not (-ms-ime-align: auto)) {
    .section_travel_lovers .content_interview .interview .interview_list .item .text .question {
      padding: 0 1.5vw;
      line-height: 1.8;
    }
  }
  .section_travel_lovers .content_interview .interview .interview_list .item .text .answer {
    font-size: 3.2vw;
    margin-top: 3vw;
  }
  .section_travel_lovers .content_interview .interview .interview_list .item:nth-child(even) {
    flex-direction: row-reverse;
  }
  .section_travel_lovers .content_interview .interview .interview_list .item:nth-child(even) .text {
    margin-left: 0;
    margin-right: 0;
  }
  .section_travel_lovers .content_interview .interview .interview_list .item .photo {
    width: 100%;
  }
}

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

	pop

===============================================================*/
.pop {
  position: absolute;
  width: 180px;
}
@media (max-width: 1023px) {
  .pop {
    width: 160px;
  }
}
@media (max-width: 767px) {
  .pop {
    width: 42vw;
  }
}

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

	animation

===============================================================*/
.u-fadeinleft {
  opacity: 0;
}

.u-fadeinleft.is-onscreen {
  animation: fadeInLeft 1s ease 0.2s forwards;
}

@keyframes fadeInLeft {
  0% {
    transform: translate3d(-30px, 0, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.u-fadeinright {
  opacity: 0;
}

.u-fadeinright.is-onscreen {
  animation: fadeInRight 1s ease 0.2s forwards;
}

@keyframes fadeInRight {
  0% {
    transform: translate3d(30px, 0, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.u-fadeinup {
  opacity: 0;
}

.u-fadeinup.is-onscreen {
  animation: fadeInUp 1s ease 0.2s forwards;
}

@keyframes fadeInUp {
  0% {
    transform: translate3d(0, 30px, 0); /* 下から上へ */
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}