@charset "UTF-8";
.break-keep {
    word-break: keep-all;
  }

@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
}

/* 共通 */

.sec_bg01{background: #d8d372;}
.sec_bg02{background: #fff;}

.c-marker {
background: -webkit-linear-gradient(left, rgb(255,250,153) 50%, transparent 50%);
background: -moz-linear-gradient(left, rgb(255,250,153) 50%, transparent 50%);
background: linear-gradient(left, rgb(255,250,153) 50%, transparent 50%);
background-repeat: no-repeat;
background-size: 200% .8em; 
background-position: 100% .5em;
transition: 2s;
}
.c-marker.is-active{
background-position: 0% .5em;
}

/* /// 共通 */


/* item_top */

.slide-items {
  width: 100%;
  height: 100%;
}

.slide-items img {
  width: 100%;
  object-fit: cover;
}

.item_top {
  display: flex;
  width:100%;
  padding-top: 80px;
  background-image: url("../img/top_bg.png");
  background-repeat: no-repeat;
  background-position: bottom left;
}
.item_top .item_box { position: relative;  width:calc(80%/2); margin:0 auto;}
.item_top .sub_tit_top { font-size: 24px; font-weight: bold; line-height: 35px; padding-bottom: 20px;}
.item_top .main_tit_top { font-size: 46px; font-weight: bold; line-height: 70px;}
.item_top .txt {padding:30px 0 ; color:#222; font-size: 16px; line-height: 24px;}
.item_top img{width: 100%; object-fit:cover; }
.item_top a { display: flex; height: 100%;}

.item_top .txt_area{
	width: 90%; 
	position: absolute;
	left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  align-items: 60px;
}

@media screen and (max-width: 480px) {
.item_top {display:block; width:100%; height:100%; margin: 0;}
.item_top .item_box { width:100%; height:300px; text-align: center;}
.item_top .sub_tit_top { font-size: 20px; font-weight: bold; line-height: 30px; padding-top: 50px; padding-bottom: 18px;}
.item_top .main_tit_top { font-size: 38px; font-weight: bold; line-height: 70px;}
.item_top .txt { margin:30px auto; padding:0; color:#222; font-size: 16px; line-height: 24px; text-align: center;}
.item_top img{width: 80% ; margin:0 auto;}
}

/* /// item_top */

/* point_top */

.point_top .column1{ text-align: center; padding-bottom:30px;}
.point_top .column1 h2 { font-size: 36px; font-weight: bold; display: inline-block; padding-bottom:30px; line-height: 46px;}
.point_top .column1 h2::before { content: ""; width: 2px; height: 80px; background: black; margin: 0 auto 10px; display: block;}
.point_top .column1 .txt { padding:30px 0; padding:0; color:#222; font-size: 16px; line-height: 26px;}
.point_top .column1 .fs_24_16 { font-size: 24px; font-weight: bold; line-height: 34px; padding-bottom:60px;}

.point_top .column3 { display: flex; width:100%; padding: 30px 0; background: #d8d372;}
.point_top .column3 .item_box { width:calc(86%/3); text-align: center; margin:0 auto; border:2px solid #222; border-radius: 20px; background: #fff;}
.point_top .column3 .point{ font-size: 20px; color:red; font-weight: bold; padding-bottom:10px;}
.point_top .column3 .item_tit{ font-size: 32px; font-weight: bold;}
.point_top .column3 .txt_area{ padding:20px;}
.point_top .column3 img{ width: 100%; max-width: 200px;}
.point_top .column3 .txt{ text-align: center; line-height: 26px;}

@media screen and (max-width: 480px) {
.point_top .column1 h2 {
	font-size: 26px;
	font-weight: bold;
	display: inline-block;
  padding-bottom:30px;
  line-height:36px;
}
.point_top .column1 .fs_24_16 { font-size: 16px; font-weight: bold; line-height: 26px;}

.point_top .column3 .item_box { width:calc(90%/3);}
.point_top .column3 .point{ font-size: 16px; color:red; font-weight: bold; padding-bottom:10px;}
.point_top .column3 .item_tit{ font-size: 18px; font-weight: bold;}
.point_top .column3 .txt_area { padding:10px;}

}

/* /// point_top */

/* point_01 */

.point01{ width: 100%; margin: 0 auto;}
.point01 .column1{ width: 90%; text-align: center; padding-bottom:30px; margin:0 auto;}
.point01 .column1 h2 { width: 100%; font-size: 36px; font-weight: bold; display: inline-block; padding-bottom:30px; line-height: 46px;}
.point01 .column1 h2::before { width: 100%; content: ""; width: 2px; height: 80px; background: black; margin: 0 auto 10px; display: block;}
.point01 .column1 .point{font-size: 40px; color:red; font-weight: bold; bottom:30px;}
.point01 .column1 .txt { padding:30px 0; padding:0; color:#222; font-size: 16px; line-height: 26px;}
.point01 .column1 .fs_24_16 { font-size: 24px; font-weight: bold; line-height: 34px; padding-bottom:60px;}

.point01 .column2 { display: flex; width:100%; margin: 0 auto 60px; background: none;}
.point01 .column2 .item_box { position: relative; width:calc(80%/2); margin:0 auto; text-align: center;}
.point01 .column2 .sub_tit_top {display: inline-block; font-size: 24px; font-weight: bold; line-height: 40px; border-bottom:1px solid #d8d372;}
.point01 .column2 .main_tit_top { font-size: 46px; font-weight: bold; line-height: 70px;}
.point01 .column2 .item_tit .txt { font-weight: bold; text-align: center; line-height: 34px; font-size: 24px;}
.point01 .column2 img{width: 100%; object-fit:cover; }
.point01 .column2 a { display: flex; height: 100%;}
.point01 .column2 .txt_area{width: 90%; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);align-items: 60px;}
.point01 .column2 .txt_s{ font-weight: bold; text-align: center;  font-size: 18px;}
.point01 .column2_1 { display: flex; width:100%; margin: 0 auto 60px; background: none;}
.point01 .column2_1 .item_box { position: relative; width:calc(80%/2); margin:0 auto; text-align: center;}


@media screen and (max-width: 480px) {
.point01 .column1 h2 {font-size: 26px; line-height:36px;}
.point01 .column1 .fs_24_16 { font-size: 16px; font-weight: bold; line-height: 26px;}

.point01 .column2 .item_tit .txt { font-weight: bold; text-align: center; line-height: 20px; font-size: 16px;}
.point01 .column2 .txt_s{ font-weight: bold; text-align: center;  font-size: 14px;}
} 

/* /// point_01 */

/* point_02 */
.point02{ width: 100%; margin: 0 auto;}
.point02 .column1{ width:90%; text-align: center; padding-bottom:30px; margin:0 auto;}
.point02 .column1 h2 { width: 100%; font-size: 36px; font-weight: bold; display: inline-block; padding-bottom:30px; line-height: 46px;}
.point02 .column1 h2::before { width: 100%; content: ""; width: 2px; height: 80px; background: black; margin: 0 auto 10px; display: block;}
.point02 .column1 .point{font-size: 40px; color:red; font-weight: bold; bottom:30px;}
.point02 .column1 .txt { padding:30px 0; padding:0; color:#222; font-size: 16px; line-height: 26px;}
.point02 .column1 .fs_24_16 { font-size: 24px; font-weight: bold; line-height: 34px; padding-bottom:60px;}

.point02 .column2 { display: flex; width:100%; margin: 0 auto 60px; background: none;}
.point02 .column2 .item_box { position: relative; width:calc(70%/2); margin:0 auto;}
.point02 .column2 .sub_tit_top {display: inline-block; font-size: 24px; font-weight: bold; line-height: 40px; border-bottom:1px solid #d8d372;}
.point02 .column2 .main_tit_top { font-size: 46px; font-weight: bold; line-height: 70px;}
.point02 .column2 .txt { margin:30px ; padding:0; color:#222; font-size: 16px; line-height: 26px}
.point02 .column2 img{width: 100%; object-fit:cover; border:2px solid #222; border-radius: 20px; }
.point02 .column2 a { display: flex; height: 100%;}
.point02 .column2 .txt_area{width: 90%; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);align-items: 60px;}

.point02 .column2 .b_a{width: 100%;}
.point02 .column2 .b_a p.txt{width: 100%; margin:0 auto; text-align: center; padding:30px; font-size: 26px; font-weight: bold;}

.point02 .column3 { display: flex; width:100%; padding: 30px 0; background: none; }
.point02 .column3 .item_box_pax { width:calc(90%/3); text-align: center; margin:0 auto; }
.point02 .column3 .item_box_pax .symbol{ width: 100%; font-weight: bold;}
.point02 .column3 .item_box_pax img{ width: 100%; max-width: 300px; border:2px solid #222; border-radius: 20px; background: #fff;}
.point02 .column3 .item_box_pax .txt_b{ font-weight: bold; text-align: center; line-height: 26px;}


@media screen and (max-width: 480px) {
  .point02 .column1 h2 {font-size: 26px; line-height:36px;}
  .point02 .column1 .fs_24_16 { font-size: 16px; font-weight: bold; line-height: 26px;}

}
/* ///point_02 */

/* point_03 */
.point03{ width: 100%;}
.point03 .column1{ text-align: center; padding-bottom:30px;}
.point03 .column1 h2 { width: 100%; font-size: 36px; font-weight: bold; display: inline-block; padding-bottom:30px; line-height: 46px;}
.point03 .column1 h2::before { width: 100%; content: ""; width: 2px; height: 80px; background: black; margin: 0 auto 10px; display: block;}
.point03 .column1 .point{font-size: 40px; color:red; font-weight: bold; bottom:30px;}
.point03 .column1 .txt { padding:30px 0; padding:0; color:#222; font-size: 16px; line-height: 26px;}
.point03 .column1 .fs_24_16 { font-size: 24px; font-weight: bold; line-height: 34px; padding-bottom:60px;}
.point03 .column2 { display: flex; width:100%; margin: 0 auto 60px; background: none;}
.point03 .column2 .item_box { position: relative; width:calc(80%/2); margin:0 auto;}
.point03 .column2 .sub_tit_top {display: inline-block; font-size: 24px; font-weight: bold; line-height: 40px; border-bottom:1px solid #d8d372;}
.point03 .column2 .main_tit_top { font-size: 46px; font-weight: bold; line-height: 70px;}
.point03 .column2 .txt { margin:30px ; padding:0; color:#222; font-size: 16px; line-height: 26px}
.point03 .column2 img{width: 100%; object-fit:cover; border:0px solid #222; border-radius: 20px; }
.point03 .column2 a { display: flex; height: 100%;}
.point03 .column2 .txt_area{width: 90%; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);align-items: 60px;}

.point03 .column2 .b_a{width: 100%;}
.point03 .column2 .b_a p.txt{width: 100%; margin:0 auto; text-align: center; padding:30px; font-size: 26px; font-weight: bold;}

@media screen and (max-width: 480px) {
  .point03 .column1 h2 {font-size: 26px; line-height:36px;}
  .point03 .column2 .item_box { position: relative; width:calc(94%/2); margin:0 auto;}
  .point03 .column1 .fs_24_16{font-size: 16px; font-weight: bold; line-height: 30px;}
}

/* /// point_03 */



/* other */

.other { width:100%; background: #fff;}
.other .column1{ width:100%; text-align: center; padding-bottom:30px;}
.other .column1 h2 { width: 100%; font-size: 36px; font-weight: bold; display: inline-block; padding-bottom:30px; line-height: 46px;}
.other .column1 h2::before { width: 100%; content: ""; width: 2px; height: 80px; background: black; margin: 0 auto 10px; display: block;}
.other .column1 .point{font-size: 40px; color:red; font-weight: bold; bottom:30px;}
.other .column1 .txt { padding:30px 0; padding:0; color:#222; font-size: 16px; line-height: 26px;}
.other .column1 .fs_24_16 { font-size: 24px; font-weight: bold; line-height: 34px;}

.other .column2 { display: flex; width:100%; margin: 0 auto 60px; background: none; align-items:center;}
/*.other .column2 .item_box { position: relative; width:calc(96%/2); margin:0 2%;}*/
.other .column2 .item_box.w_300 {width: 30%;}
.other .column2 .item_box.w_free {width: 66%;}
.other .column2 .sub_tit_top { font-size: 24px; font-weight: bold; line-height: 35px; padding-bottom: 20px;}
.other .column2 .main_tit_top { font-size: 46px; font-weight: bold; line-height: 70px;}
.other .column2 .txt { margin:30px ; padding:0; color:#222; font-size: 16px; line-height: 24px;}
.other .column2 img{width: 100%; object-fit:cover;}
.other .column2 a { display: flex; height: 100%;}
.other .column2 .slide-items {
  width: 100%;
  height: 100%;
}

.other .column2 .slide-items img {
  width: 100%;
  object-fit: cover;
}
@media screen and (max-width: 480px) {
.other {
display:block;
width:100%;
height:100%;
margin: 0;
}

.other .column1 h2 {font-size: 26px; line-height:36px;}
.other .column1 .fs_24_16 { font-size: 16px; font-weight: bold; line-height: 26px;}


.other .column2 .sub_tit_top { font-size: 20px; font-weight: bold; line-height: 30px; padding-top: 50px; padding-bottom: 18px;}
.other .column2 .main_tit_top { font-size: 38px; font-weight: bold; line-height: 70px;}
.other .column2 .txt { margin:30px auto; padding:0; color:#222; font-size: 16px; line-height: 24px; text-align: center;}
.other .column2 img{width: 80% ; margin:0 auto;}
}

/* /// item_top */


.effect {padding-bottom:60px;}
.effect .column1{ text-align: center;}
.effect .column1 h2 { width: 100%; font-size: 36px; font-weight: bold; display: inline-block; padding-bottom:30px; line-height: 46px;}
.effect .column1 h2::before { width: 100%; content: ""; width: 2px; height: 80px; background: black; margin: 0 auto 10px; display: block;}
.effect .column1 .txt { padding:30px 0 60px; color:#222; font-size: 24px; line-height: 26px; font-weight: bold;}
.effect .column1 img {width: 96%; max-width: 900px; margin:0 auto;}
.effect .column1 .fs_24_16 { font-size: 24px; font-weight: bold; line-height: 34px;}

.effect .column2 { display: flex; width:100%; margin: 0 auto 10px; background: none;}
.effect .column2 .item_box { position: relative;  width:calc(80%/2); margin:0 auto;}
.effect .column2 .sub_tit_top {display: inline-block; font-size: 24px; font-weight: bold; line-height: 40px; border-bottom:1px solid #d8d372;}
.effect .column2 .main_tit_top { font-size: 46px; font-weight: bold; line-height: 70px;}
.effect .column2 .txt { margin:30px ; padding:0; color:#222; font-size: 16px; line-height: 26px}
.effect .column2 img{width: 100%; object-fit:cover; border:0px solid #222; border-radius: 20px; }
.effect .column2 a { display: flex; height: 100%;}
.effect .column2 .txt_area{width: 90%; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);align-items: 60px;}

.effect .column2 .b_a{width: 100%;}
.effect .column2 .b_a p.txt{width: 100%; margin:0 auto; text-align: center; padding:30px; font-size: 26px; font-weight: bold;}

@media screen and (max-width: 480px) {
.effect .column1 .fs_24_16 { font-size: 16px; font-weight: bold; line-height: 26px;}
.effect .column1 h2 {font-size: 26px; line-height:36px;}
.effect .column2 .b_a p.txt{width: 100%; margin:0 auto; text-align: center; padding:0px; font-size: 20px; font-weight: bold;}
}

.price .column1{ text-align: center; padding-bottom:60px;}
.price .column1 h2 { width: 100%; font-size: 36px; font-weight: bold; display: inline-block; padding-bottom:30px; line-height: 46px;}
.price .column1 h2::before { width: 100%; content: ""; width: 2px; height: 80px; background: black; margin: 0 auto 10px; display: block;}
.price .column1 .txt { padding:30px 0; padding:0; color:#222; font-size: 24px; line-height: 26px; font-weight: bold;}
.price .column1 img {width: 96%; max-width: 900px; margin:0 auto;}

.price table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 650px;
  table-layout: fixed;
}

.price table tr {
  background-color: #fff;
  border: 1px solid #bbb;
  padding: .35em;
}
.price table th,
.price table td {
  padding: 1em 10px 1em 1em;
  border-right: 1px solid #bbb;
  font-weight: bold;
}
.price table th {
  font-size: 16px;
  line-height: 26px;
  font-weight: bold;
}
.price table thead tr{
  background-color: #eee;
}
.price .txt{
   text-align: left;
   font-size: 16px;
   line-height: 26px;
}
.price .price{
   text-align: right;
}
@media screen and (max-width: 600px) {
  .price table {
    border: 0;
    width:98%
  }
  .price table th{
    background-color: #eee;
    display: block;
    border-right: none;
  }
  .price table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .price table tr {
    display: block;
    margin-bottom: .625em;
  }
  
  .price table td {
    border-bottom: 1px solid #bbb;
    display: block;
    font-size: 14px;
    text-align: right;
    position: relative;
    padding: .625em .625em .625em 4em;
    border-right: none;
  }
  
  .price table td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
  }
  
  .price table td:last-child {
    border-bottom: 0;
  }
}

/* contact */
#contact_form { width: 100%; max-width: 600px; margin:0 auto;}
#contact_form .column1{ text-align: center; padding-bottom:30px;}
#contact_form .column1 h2 { font-size: 36px; font-weight: bold; display: inline-block; padding-bottom:30px; line-height: 46px;}
#contact_form .column1 h2::before { content: ""; width: 2px; height: 80px; background: black; margin: 0 auto 10px; display: block;}
#contact_form .column1 .point{font-size: 40px; color:red; font-weight: bold; bottom:0px;}
#contact_form .column1 .txt { padding:30px 0; padding:0; color:#222; font-size: 16px; line-height: 26px;}




/*　About us 

.About_us{ width: 100%; margin: 0 auto; background: #f7f7f4;}
.About_us .column1{ text-align: center; padding-bottom:30px;}
.About_us .column1 h2 { width: 100%; font-size: 30px; font-weight: bold; display: inline-block; padding-bottom:30px; line-height: 46px;}
.About_us .column1 h2::before { width: 100%; content: ""; width: 2px; height: 80px; background: black; margin: 0 auto 10px; display: block;}
.About_us .column1 .point{font-size: 40px; color:red; font-weight: bold; bottom:0px;}
.About_us .column1 img{width: 100%; max-width: 800px; margin:0 auto;}
.About_us .column1 .txt { padding:30px 0; padding:0; color:#222; font-size: 16px; line-height: 26px;}
.About_us .column1 .fs_24_16 { font-size: 24px; font-weight: bold; line-height: 34px; padding-bottom:60px;}

.About_us .column2 { display: flex; width:100%; margin: 0 auto 60px; background: none;}
.About_us .column2 .item_box { position: relative; width:calc(80%/2); margin:0 auto; text-align: center;}
.About_us .column2 .sub_tit_top {display: inline-block; font-size: 24px; font-weight: bold; line-height: 40px; border-bottom:1px solid #d8d372;}
.About_us .column2 .main_tit_top { font-size: 46px; font-weight: bold; line-height: 70px;}
.About_us .column2 .item_tit .txt { font-weight: bold; text-align: center; line-height: 34px; font-size: 24px;}
.About_us .column2 img{width: 100%; object-fit:cover; }
.About_us .column2 a { display: flex; height: 100%;}
.About_us .column2 .txt_area{width: 90%; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);align-items: 60px;}
.About_us .column2 .txt_s{ font-weight: bold; text-align: center;  font-size: 18px;}
.About_us .column2_1 { display: flex; width:100%; margin: 0 auto 60px; background: none;}
.About_us .column2_1 .item_box { position: relative; width:calc(80%/2); margin:0 auto; text-align: center;}


@media screen and (max-width: 480px) {
.About_us .column1 h2 {font-size: 26px; line-height:36px;}
.About_us .column1 .fs_24_16 { font-size: 16px; font-weight: bold; line-height: 26px;}
.About_us .column1 img{width: 100%; max-width: 600px; margin:0 auto;}
.About_us .column2 .item_tit .txt { font-weight: bold; text-align: center; line-height: 20px; font-size: 16px;}
.About_us .column2 .txt_s{ font-weight: bold; text-align: center;  font-size: 14px;}
} 

/*　///About us */

/* company */



#company { width:100%; background: #f7f7f4;}
#company .column1{ width:90%; text-align: center; padding-bottom:30px; margin:0 auto;}
#company .column1 h2 { width: 100%; font-size: 30px; font-weight: bold; display: inline-block; padding-bottom:30px; line-height: 46px;}
#company .column1 h2::before { width: 100%; content: ""; width: 2px; height: 80px; background: black; margin: 0 auto 10px; display: block;}
#company .column1 .point{font-size: 40px; color:red; font-weight: bold; bottom:0px;}
#company .column1 img{width: 100%; max-width: 800px; margin:0 auto;}
#company .column1 .txt { padding:30px 0; padding:0; color:#222; font-size: 16px; line-height: 26px;}
#company .column1 .fs_24_16 { font-size: 24px; font-weight: bold; line-height: 34px; padding-bottom:60px;}
#company .kaisha_area {width: 100%; max-width: 800px; margin:0 auto; padding-bottom:100px; }
#company .kaisha {
	width: 100%;

	color:#000;
	}
	
	#company .kaisha th,
	#company .kaisha td {
  background: #fff;
	border: 1px solid #ccc;
	padding: 20px;
	}
	
	#company .kaisha th {
	font-weight: bold;
	background-color: #dedede; 
	}
	
	@media screen and (max-width: 640px) {
    #company .kaisha {
      width: 94%;
      margin:0 3%;
    }

	#company .kaisha th {width:30%;}
	}
  @media screen and (max-width: 480px) {
    #company .column1 h2 {font-size: 26px; line-height:36px;}
    #company .column1 .fs_24_16 { font-size: 16px; font-weight: bold; line-height: 26px;}
    #company .column1 img{width: 100%; max-width: 600px; margin:0 auto;}
  }
/* /// company */