@charset "utf-8";

/*
 * cruise footer
 * --------------------------------------------------------------- */

/*old common
 * --------------------------------------------------------------- */
/* 不具合出たため記述、消さないでください */
#globalFooter *{
	box-sizing: border-box;
}
/* 不具合出たため記述、消さないでください */
.global_footer *{
	box-sizing: border-box;
  font-weight: bold;
}

.contactUs{
	background: url(/cruise/_common/images/bg-device.webp) left bottom no-repeat;
}
.contactUs *{
	text-align: left;
	color: #ffffff;
}
.contactUs__title{
  font-family: 'Noto Serif JP', serif;
  font-size: 3.2rem;
  letter-spacing: 0.05em;
}
.contactUs_sub_title{
  font-family: 'Noto Serif JP', serif;
  margin-bottom: 10px;
	padding-bottom: 12px;
	border-bottom: 1px solid #1476c8;
  font-size: 2.6rem;
}
.contactUs-inner{
	background: rgba(14, 61, 105, 0.92);
}
.contactUs .contactUs-container{
	margin: auto;
	position: relative;
	overflow: hidden;
}
.stores_region_title{
	text-align: left;
}
.social a{
	align-items: center;
}
.stores_callcenter_title {
  margin-bottom: 12px;
}
.stores_callcenter_item + .stores_callcenter_item {
	margin-top: 15px;
}
.stores_region .stores_list{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 7px;
}

.stores_region .stores_item{
  width: inherit;
}
.button-white a{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.button-white a,
.button-white span{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	color: #173a5a;
	font-weight: bold;
  text-decoration: none;
}
.button-white a:after{
	content: "";
	display: inline-block;
	position: absolute;
	background: url(/cruise/_common/images/arrow-blue.png) center left no-repeat;
	background-size: contain;
  right: 14px;
  width: 18px;
  height: 9px;
  top: 50%;
  margin-top: -5px;
}
.button-white a:hover{
  opacity: 0.7;
}
.infomation_link_wrap{
  width: 100%;
  justify-content: space-between;
  align-content: center;
}
.infomation_link_wrap .social{
  display: flex;
  flex-wrap: wrap;
}
/* .inquiry_link{
  width: calc( 40% + 10px );
  margin-left: -10px;
} */
.inquiry_link_title{
  margin-bottom: 10px;
  /* padding-left: 10px; */
  font-size: 18px;
}
/* .inquiry_link li{
  padding-left: 10px;
} */
.inquiry_link li a{
  height: 55px;
  font-size: 20px;
}
.inquiry_link li a::after {
  right: 8px;
  width: 8px;
  height: 10px;
  top: 50%;
  margin-top: -5px;
}
.footer_border{
  border-top: 1px dashed #FFFFFF;
  clear: both;
  display: block;
  width: 1119px;
  margin-top: 30px;
  margin-bottom: 20px;
}
.stores_callcenter_item .button-white{
  height: 60px;
  font-size: 22px;
}
.stores_callcenter_item .button-white a::after{
  right: 8px;
  width: 8px;
  height: 10px;
}
/* --------------------------------------------------------------- */

.global_footer {
  overflow: hidden;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ" , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.contactUs{
	background-size: 275px;
}
.global_footer a{
	transition: all 500ms;
}
.global_footer a:hover{
	opacity: 0.7;
}
.contactUs-container{
  width: 1120px;
	padding: 44px 10px;
  margin: auto;
	display: flex;
	flex-wrap: wrap;
  justify-content: space-between;
	box-sizing: content-box;
}
.contactUs__title{
	width: 100%;
	margin-bottom: 25px;
}
.contactUs__title img{
	width: 341px;
}
.contactUs_sub_title img{
	width: 460px;
}
.contactUs .left{
	width: calc( 100% - 566px );
  padding-right: 2%;
}
.contactUs .right{
	width: 566px;
}
.stores_list{
	width: 100%;
  margin-bottom: 10px;
}
.stores_item{
	height: 60px;
	margin-bottom: 8px;
	font-size: 22px;
}
.stores_item[data-stores="head_office"]{
	height: 70px;
	font-size: 26px;
}
.stores_region{
	margin-bottom: 10px;
}
.stores_region_title,
.stores_callcenter_title{
  margin-bottom: 7px;
	border-left: 4px solid #1476c8;
	padding-left: 9px;
	font-size: 15px;
}
.stores_region .stores_list{
	margin-top: 0;
	/* width: calc( 100% + 7px );
	margin-left: -7px; */
}
.stores_region .stores_item{
	height: 40px;
	font-size: 16px;
}
.stores_item a::after{
	right: 8px;
	width: 8px;
	height: 10px;
  top: 50%;
  margin-top: -5px;
}
.stores_item[data-stores="head_office"] a::after{
	width: 9px;
	height: 11px;
}
.stores_region .stores_item a::after{
	right: 13px;
	width: 7px;
	height: 9px;
  top: 50%;
  margin-top: -5px;
}
.infomation_link_wrap{
  display: flex;
}
.inquiry_link{
  width: 450px;
}
.inquiry_link_list{
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(2, 1fr);
}
.social{
  font-size: 17px;
}
.online{
  width: 306px;
  font-size: 17px;
}
.online img {
	width: 100%;
}
.social.facebook{
  a{
    display: flex;
  }
}
.social.facebook .icon-fb {
	width: 50px;
	height: 50px;
}
.social.facebook .arrow-right {
	width: 9px;
	height: 11px;
	margin-left: 13px;
	margin-right: 7px;
}

.contactUs_description{
  font-size: 1.6rem;
}
.qualification{
  display: flex;
  gap: 15px;
  align-items: center;
}
.qualification_title{
  text-align: left;
  font-size: 1.5rem;
  color: #ceaf6b;
  font-weight: bold;
  margin-top:3px;
}
/* .qualification_image{
  float: left;
  width: 160px;
  padding-top: 20px;
  width: 32%;
} */
.qualification_image img{
  width: 100%;
}
.qualification_text{
  float: left;
  margin-top: 10px;
  font-size: 12px;
  color: #ceaf6b;
  text-align: justify;
  line-height: 1.6;
  letter-spacing: -0.1em;
}
.contactUs .description + .description{
  margin-top: 6px;
  margin-bottom: 30px;
  font-size: 14px;
}


.footer_border{
  border-top: 1px dashed #FFFFFF;
  clear: both;
  display: block;
  width: 1119px;
  margin-top: 30px;
  margin-bottom: 20px;
}

@media (max-width: 768px){
  .global_footer{
    background-size: 100%;
  }
  .global_footer *{
    float: none;
  }
  .global_footer a{
    text-decoration: none;
  }
  .contactUs img{
    width: 100%;
  }
  .contactUs{
    background-size: 100%;
  }
  .contactUs-inner{
    width: 100%;
  }
  .contactUs-container{
    padding: 13.3vw 4vw 11.3vw;
  }
  .contactUs__title{
    margin: 0 auto 6vw;
  }
  .contactUs_sub_title{
    text-align: center;
    font-size: calc( 38 / 750 * 100vw );
    white-space: nowrap;
  }
  .stores_list{
    margin-top: 4.6vw;
  }
  .stores_item{
    height: 11.3vw;
    margin-top: 2vw;
    font-size: 3.6vw;
  }
  .stores_item[data-stores="head_office"]{
    height: 16vw;
    font-size: 5.06vw;
  }
  .stores_item span{
    position: relative;
    left: -1vw;
  }
  .stores_region{
    margin-top: 4.6vw;
  }
  .stores_region_title{
    font-size: 3.7vw;
    border-left: 0.8vw solid #1476c8;
    padding-left: 2vw;
  }
  .stores_region .stores_list{
    margin-top: 1vw;
    column-gap: 8px;
  }
  .stores_region .stores_item{
    height: 9.3vw;
    font-size: 3.7vw;
  }
  .stores_region .stores_item a::after{
    right: 1.3vw;
    width: 1.3vw;
    height: 1.6vw;
  }
  .contactUs .inquiry_link{
    width: 100%;
  }
  .social{
    position: static;
    margin-bottom: 7.3vw;
    padding: 0 6.6vw;
    font-size: 4vw;
  }
  .online{
    position: static;
    padding: 0 6.6vw;
  }
  .social.facebook .icon-fb {
    width: 11.2vw;
    height: 11.2vw;
  }
  .social.facebook .arrow-right {
    width: 2.13vw;
    height: 2.6vw;
    margin-left: 2.93vw;
    margin-right: 2.66vw;
  }
  .qualification{
    display: block;
  }
  #globalFooter .qualification_title{
    text-align: center;
    font-size: 4.9vw;
    font-weight: bold;
    color: #ceaf6b;
    margin-top: 5vw;
  }
  #globalFooter .qualification_image{
    margin: 3.3vw auto 0;
    padding-top: 2vw;
    width: 40vw;
  }
  .qualification_image img{
    width: 100%;
  }
  #globalFooter .qualification .text{
    margin-top: 3.6vw;
    font-size: 1.3rem;
    color: #ceaf6b;
    text-align: justify;
    letter-spacing: -1px;
  }
  .footer_border{
    width: 100%;
  }
  .infomation_link_wrap{
    display: block;
  }
  .infomation_link_wrap .social, .infomation_link_wrap .online{
    width: 100%;
  }
  .infomation_link_wrap .inquiry_link{
    /* width: calc( 100% + 10px );
    margin-left: -10px; */
    margin-bottom: 8vw;
  }

  .stores_callcenter{
    margin-top: 8vw;
  }
  .stores_callcenter *{
    font-size: 14px;
  }
  .stores_callcenter_title {
    font-size: 3.7vw;
    border-left: 0.8vw solid #1476c8;
    padding-left: 2vw;
  }
  .stores_callcenter_item .button-white span{
    font-size: 3.6vw;
  }
}


/*
 * commonFooter
 * --------------------------------------------------------------- */
 .contactUs{
  margin-top: 0;
 }
 .contactUs-container{
   width: 100%;
   max-width: 1120px;
 }
 
 .footer_border{
   width: 100%;
   max-width: 1119px;
 }
 .contactUs__title img{
   width: 80%;
   max-width: 341px;
 }
 .contactUs_sub_title img{
   width: 88%;
   max-width: 460px;
 }
 .stores_callcenter_item:nth-of-type(2) span{
   letter-spacing: -0.07em;
 }
 /* .stores_callcenter_item:nth-of-type(2) span br{
   display: none;
 } */
 /* @media (min-width: 769px) and (max-width: 1070px) {
   .contactUs .inquiry_link{
     width: 75%;
   }
 } */
 @media screen and (max-width: 1120px) {
   .contactUs .left{
     width: 45%;
     /* max-width: calc( 100% - 566px ); */
   }
   .contactUs .right{
     width: 55%;
   }
   /* .contactUs .infomation_link_wrap{
     justify-content: center;
     width: 100%;
     margin: auto;
   } */
   .contactUs .inquiry_link{
     margin-bottom: 30px;
     margin-left: 0;
   }
   .contactUs .social, .contactUs .online{
     margin-left: 20px;
     margin-right: 20px;
   }
 }
 @media (min-width: 769px) and (max-width: 1070px) {
   .more_link.proposal{
     width: 32%;
   }
   .more_link.proposal a{
     font-size: 1.6vw;
     line-height: 1.3;
   }
   .social {
     font-size: 1.6vw;
   }
   .online{
     width: 100%;
   }
   .stores_callcenter_item:nth-of-type(2) span{
     font-size: calc( 22 / 1024 * 100vw );
   }
 }
 
 @media screen and (max-width: 768px) {
   .mode-full-base .contactUs-container{
     width: 90%;
   }
   .contactUs .left{
     width: 100%;
     /* max-width: calc( 100% - 566px ); */
   }
   .contactUs .right{
     width: 100%;
   }
   .contactUs__title{
     margin-bottom: 3vw;
     text-align: center;
     white-space: nowrap;
   }
   .contactUs_sub_title img{
     margin: auto;
   }
 }