@charset "utf-8";
/* CSS Document */
.title-area {
    background: #000;
	position: relative;
    display: block;
    height:auto
}
.title-area img{width: 100%;height: auto}
.title-area h1{position: absolute;width: 632px; top: 50%;   left: 50%; -webkit-transform: translate(-50%, -50%);   transform: translate(-50%, -50%);}
.pageTour h2 {
  font-size: 30px;letter-spacing: 0.1em;line-height: 1.8;font-weight: normal;padding: 40px 0;
}
.pageTour .info-area{ margin: 0px auto 40px; }

.pageTour .tour .tour_box {
  border: solid 2px #224c84;
  border-radius: 10px;
  padding: 40px;
  position: relative;
}
.pageTour .tour .tour_box.red {
  border: solid 2px #ae1414;
  margin-top: 80px;
}
.pageTour .tour .tour_box.beige {
  border: solid 2px #b39241;
  margin-top: 80px;
}
.pageTour .tour .tour_box.green {
  border: solid 2px #3d8961;
  margin-top: 80px;
}
.sec_head {
  color: #224c84;
  letter-spacing: 0.1em;
  line-height: 1.5;
  font-size: clamp(18px, 3.2vw, 30px);
  font-weight: normal;
  padding-top: 24px
}
.tour_read {
  font-size: clamp(16px, 1.719vw, 20px);
  color: #aa7f4a;
}

.read {
  font-size: 14px;
  line-height: 1.8;
}
.flex {
  display: flex;
  justify-content: space-between;
}
.sec01 .tour_in .tour_l {
  display: flex;
  flex-direction: column;
  row-gap: clamp(14px, 2vw, 14px);
  width: 48.22%;
  text-align: left;
}
.sec01 .course_wrap {
  align-items: center;
  column-gap: 5px;
}
.sec01 .tour_box .course_img {
  width: 115px;
  position: absolute;top: -40px;left: -30px
}
.sec01 .tour_box .course_img img {
  width: 100%;
  height: auto;
}
.sec01 .course_wrap .read_box {

}
.sec01 .tour_item {
  justify-content: flex-start;
  column-gap: 20px;
  background: #f0e3c5;
  padding: 20px;
  padding-right: 10px;
  border-radius: 5px;
}
.sec01 .tour_item .i01 {
  writing-mode: vertical-rl;
  text-align: center;
  font-size: clamp(12px, 1.5vw, 14px);
  color: #fff;
  background: #002b5c;
  border-radius: 15px;
  line-height: 1;
  margin: 0;
  padding: 0 5px;
}
.sec01 .tour_item .i02 {
  display: flex;
  flex-direction: column;
  row-gap: 5px;width: 90%
}
.sec01 .tour_item .i02 .item_in {
  justify-content: flex-start;
  align-items: center;
}
.sec01 .tour_item .i02 .item_in dt {
  width: 16px;
  flex-shrink: 0;
  margin-right: 10px;
}
.sec01 .tour_item .i02 .item_in dd {
  font-size: clamp(11px, 1.334vw, 14px);
  line-height: 1.5;
  color: #000;
}
.sec01 .tour_box.red .tour_item .i01 {
  background: #ae1414;
}
.sec01 .tour_box.beige .tour_item .i01 {
  background: #b39241;
}
.sec01 .tour_box.green .tour_item .i01 {
  background: #3d8961;
}


.sec01 .tour_box.red .sec_head {
  color: #ae1414;
}
.sec01 .tour_box.beige .sec_head {
  color: #b39241;
}
.sec01 .tour_box.green .sec_head {
  color: #3d8961;
}

.sec01 .tour_box.beige .tour_read,
.sec01 .tour_box.green .tour_read{
  color: #000;
}

.sec01 .tour_box .txt12{font-size: 12px}
.sec01 .tour_box.red .tour_item{width: 100%;margin-top: 20px}
.sec01 .tour_box.red .tour_item .i02:nth-of-type(1) {
width: 30%;
}
.sec01 .tour_box.red .tour_item .i02:nth-of-type(2) {
width: 50%;
}
.sec01 .tour_box.beige .item_in{padding: 10px 0}


.sec01 .tour_in .tour_r .image{position: relative}
.sec01 .tour_in .tour_r .image figcaption{position: absolute;right: 5px;bottom: 5px}
.sec01 .tour_in .tour_r .image figcaption.white{color: #fff}
.sec01 .tour_in .tour_r.vertical {
  display: flex;
  flex-direction: column;
  row-gap: clamp(30px, 3.334vw, 40px);
}
.sec01 .tour_in .tour_l,
.sec01 .tour_in .tour_r {
  width: 48.22%;
}
.navy {
  color: #002b5c;
}
.contents.courseSelect {
  text-align: center;
  margin: 80px 0;
}
.contents.courseSelect h2 {
  font-size: 180%;
  letter-spacing: 0.15em;

}

@media print, screen and (max-width: 767px) {
  .pageTour .tour {
   
  }
  .title-area h1{width: 90%;}
  .pageTour .tour .tour_box {
    padding: 25px;
  }
  .pageTour h2 {
    font-size: 18px;
  }
.sec01 .tour_box .course_img {
  width: 80px;
  position: absolute;top: -30px;left: -5px
}
  .pageTour .tour .tour_box{margin-top: 60px}

  .sec_head {
    font-size: 20px;
  }
  .sec01 .tour_in {
    flex-direction: column;
    row-gap: 30px;
  }
  .sec01 .tour_in .tour_l {
    width: 100%;
  }
  .sec01 .tour_item .i01 {
    font-size: 15px;
    writing-mode: unset;
    padding: 8px;
  }
  .sec01 .tour_item .i02{width: 100%}
  .sec01 .tour_item {
    row-gap: 10px;
    flex-direction: column;
    padding-right: 20px;
  }
    .sec01 .tour_item dt{width: 5%}
	 .sec01 .tour_item dd{width: 90%;}
	.sec01 .tour_box.red .tour_item .i02:nth-of-type(1) {width: 100%;text-align: left;}
	.sec01 .tour_box.red .tour_item .i02:nth-of-type(2) {width: 100%;text-align: left;}
	.sec01 .tour_box.beige .tour_item .i02 dd{width: 100%;text-align: left;}
	
  .sec01 .tour_item.c_course {
    margin-top: 5px;
  }
  .sec01 .tour_item.d_course {
    margin-top: 25px;
  }
  .sec01 .tour_item .i02 .item_in dd {
    font-size: 14px;
   
  }
  .sec01 .tour_in .tour_r {
    width: 100%;
  }

.contents.courseSelect {

  margin: 0px 0;
}

}

/*end*/