/*================================================
 *  inside共通
 ================================================*/
 
 header{height: 56px;
 display: flex;
 align-items: center;
 font-size: 125%;
font-weight: 700;
background-color: #b3ddf2;
padding-left: 20px;
olor: #005b96;
}

header a{color: #005b96!important;
}

/* PC用CSS */
@media screen and (min-width: 768px) {
 header{ justify-content: center;
  font-size: 150%;
}
}
/* -------------end------------- */


/* 下層ページタイトル ------------------------------*/
/* ---------------------------------------------------- */
.inside_outside{
padding-top: 50px;
padding-bottom: 50px;
}






/* h3タイトル ------------------------------*/
/* ---------------------------------------------------- */

.inside_title{
    margin-bottom: 20px;
    color: #005b96;
    font-size: 150%;
    font-weight: 700;
    padding-left: 0px;
}

/*================================================
 * tour
 ================================================*/
 
 
 .tour_title {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5em;
  margin-bottom: 20px;
    color: #005b96;
    font-size: 150%;
    font-weight: 700;
}

.tour_title .number {
  font-size: 1.2rem;
  color: #ffffff; /* お好みで */
  background-color: #005b96; /* 背景つけるとバッジ風に */
  padding: 0.1em 0.4em;
  border-radius: 0.3em;
  font-family: 'Oswald', sans-serif; /* 数字をスタイリッシュに */
  font-weight: 600;
}

 
 .tour_img{
margin-bottom: 20px;
}
 
 .tour_txt {
margin-bottom: 30px;

}

.tour_midashi{
color: #005b96;
    font-size: 138%;
    font-weight: 700;
    margin-bottom: 10px;}
    
.tour_headline01{color: #005b96;
  background-color: #f8f2eb;
  margin-bottom: 10px;
  padding: 5px;
  font-weight: 700;}
 
.tour_headline {
  color: #005b96;
  background-color: #f8f2eb;
  margin-bottom: 10px;
  padding: 3px;
  font-weight: 700;
}

.tour_headline::before {
  font-family: "Font Awesome 6 Free"; /* ← バージョン6に対応 */
  content: "\f0c8"; /* fa-square の Unicode */
  font-weight: 900; /* solidアイコンに必要 */
  margin-right: 5px;
  color: #005b96; /* 必要に応じて変更 */
}


.highlight_ul > li{

 
}

/*.highlight_ul > li::before {
  font-family: "Font Awesome 6 Free";
  content: "\f111";
  font-weight: 900;
  color: #005b96;
  font-size: 30%;
  margin-right: 7px;
  display: inline-block;
}*/




.highlight_ul > li{
  text-indent: -1.0em;
  padding-left: 1.0em;
  margin-bottom: 3px;
  padding-bottom: 3px;
  border-bottom: 1px dashed #cccccc;
}

.highlight_ul > li:before{
  font-family: "Font Awesome 6 Free";
  content: "\f111";
  font-weight: 900;
  color: #005b96;
  font-size: 30%;
  margin-right: 7px;

}

.highlight_ul2,
.highlight_ul3{
padding-left: 1em;}

.highlight_ul2 > li,
.highlight_ul3 > li{
  text-indent: -1.0em;
  padding-left: 1.0em;

}


.highlight_ul2 > li:before{
  font-family: "Font Awesome 6 Free";
  content: "\f192";
  font-weight: 900;
  color: #005b96;
  font-size: 30%;
  margin-right: 7px;

}

.highlight_ul3 > li:before{
  font-family: "Font Awesome 6 Free";
  content: "\f111";
  font-weight: 900;
  color: #005b96;
  font-size: 30%;
  margin-right: 7px;

}


.tour_dl{
margin-bottom: 30px;
}

.tour_dl dt{
color: #005b96;
font-weight: 700;
}

.tour_dl dd{
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: 1px dashed #cccccc;
}

.tour_dl dd:last-child{
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom: none;
}




.registration_txt {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  line-height: 1;
 margin-bottom: 10px;
color: #ff6f61;
}

.registration_txt::before,.registration_txt::after {
  width: 1px;
  height: 18px;
  content: "";
  background-color: #ff6f61;
}

.registration_txt::before {
  margin-right: 0.5em;
  transform: rotate(-30deg);
}

.registration_txt::after {
  margin-left: 0.5em;
  transform: rotate(30deg);
}


.bt_registration {
width: fit-content;
  margin: 0 auto;
  padding: 10px 30px;
  border: 1px solid #ff6f61;
  text-align: center;
  background-color: #ff6f61;
  font-size: 125%;
  font-weight: 500;

}


.bt_registration a:after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f35d";
    margin: 0 0 0 15px;

}

.bt_registration a {
	color: #ffffff;
	display: block;
}
.bt_registration:hover {
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	transform: translateY(-5px);
}



/* ====================================================
　page_btm_fixed
==================================================== */
#page_btm_fixed{
  position: fixed;
    right: 100px;
z-index: 9999999999;}



.bt_reg{
/*display: flex;
justify-content: center;
box-sizing: border-box;
    background-color: #007AE8;
    position: relative;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    width: 10em;
    line-height: 1.4;
    border-top: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;*/
    width: fit-content;
  margin: 0 auto;
  
  border: 1px solid #ff6f61;
  text-align: center;
  background-color: #ff6f61;
  font-size: 125%;
  font-weight: 500;


}


.bt_reg a{
padding: 10px 20px;
    display: block;
	color: #fff;
	font-weight: 700;
}
    
.bt_reg a:after {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f35d";
    margin: 0 0 0 15px;

}



/* 小さい画面用の設定-------------- */
@media (max-width:767px){
#page_btm_fixed{
right: 40px;}





}
/* -------------end------------- */
/*================================================
 * route
 ================================================*/
.route_flex{display: flex;
justify-content: space-between;
flex-wrap: wrap;
  }
  
.route_flex li{
position: relative;
margin-bottom: 40px;
  }
  
/* PC用CSS */
@media screen and (min-width: 768px) {

.route_flex::after{
  content:"";
  display: block;
  width:30%;
}

.route_flex li{width: 30%;
  }
}
/* -------------end------------- */
  


/* 共通：疑似要素で矢印表示のベース */
.route_flex li::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f061"; /* 初期は右矢印 */
  position: absolute;
  color: #333;
  font-size: 2em;
  transition: all 0.3s;
  color: #005b96;
}

  /* 最後：非表示 */
  .route_flex li:last-child::after {
    display: none;
  }

/* PC（768px以上）→ 右矢印を表示 */
@media (min-width: 768px) {
  .route_flex li::after {
    content: "\f061"; /* → */
    top: 35%;
    right: -1.25em;
    transform: translateY(-50%);
  }

  /* 3の倍数：非表示 */
  .route_flex li:nth-child(3n)::after {
    display: none;
  }
}





/* スマホ（767px以下）→ 下矢印を表示 */
@media (max-width: 767px) {
  .route_flex li::after {
    content: "\f063"; /* ↓ */
    bottom: -1.2em;
    left: 50%;
    transform: translateX(-50%);
  }
}

.route_img{margin-bottom: 10px;}
.route_txt{margin-bottom: 5px;}

.route_txt {
  position: relative;
  padding-left: 2.0em;       /* 数字の円分のスペースを空ける */
  line-height: 1.6;
}

.route_txt .route_num {
  position: absolute;
  left: 0;
  top: 0;
  width: 1.5em;
  height: 1.5em;
  font-size: 1em;          /* 数字の大きさ */
  font-weight: 600;
  background-color: #005b96;
  color: #ffffff;
  /*border-radius: 50%;*//* 正円はこちら */
  border-radius: 0.3em;
  text-align: center;
  line-height: 1.5em;        /* 垂直中央揃え */
  box-sizing: border-box;
  font-family: 'Oswald', sans-serif; /* 数字をスタイリッシュに */
}