/*style-sample-AzureLp.cssから追加修正*/

@charset "UTF-8";

@media print, screen and (min-width: 768px) {
  .heroheader {
    padding: 100px 15px 40px;/*TOPのpadding上の170PX, 下の80pxの余白が大きすぎて下がつまっているのでもう少し縮める*/
  }
}
.heroheader-2nd {
  text-align: center;
  padding: 0 auto 15px;/*下の余白を追加*/
  margin-bottom: 30px;
}


/*20211123 kato 資料請求ボタンの民泊LPからCSSコピペし、ホテルLP用に調整*/
@font-face {
  font-family: 'ShinGoPro';
  src: url("../fonts/A-OTF-ShinGoPro-Regular.otf") format("truetype");
}
.demandBtn {
  width: 485px;
  padding: 10px 0;
  background-color: #00ab8a;/*青色#1885F5から変更*/
  /*display: block;*/
  color: #fff;
  font-size: 32px;
  text-align: center;
  letter-spacing: 0.2em;
  border-radius: 10px;
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
  margin:0px auto 20px auto;/*20px*/
}
@media screen and (max-width: 768px) {
  .demandBtn {
    width: 92%;
    font-size: 16px;
    /*display: block;*/
    margin: 0 auto 20px auto;  /*20px*/   
  } 
}
.demandBtn span {
  width: 52px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px; 
}tr

.demandBtn--style--inSticky {
  font-size: 20px;
  padding: 6px 0;
  width: 320px;
  display: block;/*1ブロック表示予定なので、inline-blockからblockにしてボタンを中央に*/

}
/*モバイルのボタンのサイズ等を調整*/
@media screen and (max-width: 768px) {
  .demandBtn--style--inSticky {
    margin: 8px auto 0 !important;
    font-size: 20px !important;/*org 12px*/
    }
  .demandBtn--style--inSticky span {
    width: 30px !important; }/*org 20px*/
  .demandBtn--style--inSticky img {
    height: 30px;/*org 12px*/
    width: auto !important; } 
}
/*headerの資料請求ボタンをdivで囲って中央に調整test*/
.header_button{
  display: block;
  margin-left:auto;
  margin-right:auto;
}
@media screen and (max-width: 768px) {
  .header_button {
    display: block;
    margin-left:auto;
    margin-right:auto; 
    box-sizing:content-box;
    }
}

@font-face {
  font-family: 'ShinGoPro_b';
  src: url("../fonts/A-OTF-ShinGoPro-Bold.otf") format("truetype"); 
}
.shinGoPro_b {
  /*font-family: 'ShinGoPro_b';*/
  font-weight:700;/*フォントの感じを揃える*/
  text-decoration:none;/*継承の下線を消す*/
  font-size:25px;/*2021/12/24急にボタンが崩れたので修正*/
  padding:15px 15px;/*2021/12/24急にボタンが崩れたので修正*/
}

/*3冠の調査の文字が大きくて目立ちすぎるので控えめにするよう調整*/
.triple_crown{
  text-align: center;
  font-weight: normal;
  font-size: 1px; 
  /*PC・タブレットとモバイルの色が違うので調整*/
  color:#BABCB8;/*薄く目立たないように*/
}
@media screen and (max-width: 768px) {
  .triple_crown{
    text-align: center;
    font-weight: normal;
    font-size: 1px; 
    color:#D3D4D2;/*薄く目立たないように*/
  }
}
/*3冠の位置調整*/
.d-md-inline_triple_crown_pc{
  margin-top:50px;/*2021/12/24急にボタンが崩れたので修正*/
}
.d-md-inline_triple_crown_mobile{
  display:none;
}
@media screen and (max-width: 768px) {
  .d-md-inline_triple_crown_mobile{
    display: inline;
    margin-top:30px;/*2021/12/24急にボタンが崩れたので修正*/
  }
  .d-md-inline_triple_crown_pc{
    display:none;
  }
}

.section_07 {
  overflow: hidden;
  background-color: #f0f1f1;
  padding: 25px 0 30px;/*資料請求ボタンを加えたので、paddingの下側45pxを調整*/
  margin-bottom: 40px;
}


/*事例横スライド箇所修正*/
.row-
[class*="span"] {
  margin-left:0%;/*導入実績箇所の左側に画面が大きくなると2.xxxx%のマージンが継承されているバグを修正→これにより、その下の文や追加ボタンの位置もきちんとセンターに*/
}


/*RL概要説明下の客室とエントランスの製品セクションをTOP下から移動。上下調整*/
.section_03_2 {
  margin-top:30px;
  margin-bottom: 30px;
}
@media print, screen and (min-width: 768px) {
  .section_03_2 {
    margin-bottom: 10px;
  }
}


/*headerのPC版で変なmargin-bottomが埋め込まれていてTOP下のセクション、divで上下調整ができなかった点を修正。*/
@media print, screen and (min-width: 768px) {
  .header_ver2 {
    background-image: url("https://2864453.fs1.hubspotusercontent-na1.net/hubfs/2864453/lp/hotel/heroheader_bg-pc.jpg");
    background-size: cover;
    background-position: center;
    padding-bottom: 10px;
    margin-bottom: 0px;/*margin-bottom: 80px;*/
  }
}

.section_01_ver2 {
  margin-top:50px;
  margin-bottom:50px;
}
@media print, screen and (min-width: 768px) {
  .section_01_ver2 {
    /*margin-top:30px;テスト*/
    margin-bottom: 50px;
  }
}
.linked_ver2 {
  padding: 0 15px;
}
@media print, screen and (min-width: 768px) {
  .linked_ver2 {
    /*margin-top: 100px;sectionで調整*/
  }
}
.linked_ver2 .linked__header_ver2 {
  font-size: 22px;
  line-height: 1.45;
  text-align: center;
  margin-bottom: 50px;/*25px 追加調整*/
  padding:0 15px;/*追加調整*/
}
@media print, screen and (min-width: 768px) {
  .linked_ver2 .linked__header_ver2 {
    font-size: 32px;
  }
}
.linked_ver2 .linked__body {
  font-size: 16px;
  line-height: 1.45;
  text-align: center;
  margin-bottom: 25px;
  padding:0 15px;/*追加調整*/
}
@media print, screen and (min-width: 768px) {
  .linked_ver2 .linked__body {
    font-size: 20px;
  }
}



/*お客様の声*/
.review {
  padding-top: 30px;/*125pxは大きすぎる*/
  background-color: #f0f1f1;/*灰色に修正*/ 
}
@media screen and (max-width: 1000px) {/*768px*/
  .review {
    padding: 15px 0 0;/*padding top60pxは大きすぎる*/ 
  } 
}

.review__ttl {
  width: 500px;/*600px*/
  margin: 0 auto 30px auto;
  text-align: center;
  background-color: #004481;
  font-size: 26px;
  letter-spacing: 0.1em;
  color: #fff;
  padding: 27px 0;
  border-radius: 5px;
  position: relative; }
@media screen and (max-width: 1000px) {/*768px*/
  .review__ttl {
    width: 92%;
    font-size: 16px;
    padding: 27px 2%;
    margin: 0 auto 50px; } }
.review__ttl:after {
  content: "";
  border-top: 35px transparent solid;
  border-right: 25px transparent solid;
  border-bottom: 35px transparent solid;
  border-left: 25px #004481 solid;
  position: absolute;
  bottom: -35px;
  left: 160px;
  z-index: 99; }
.review__ttl h2 {
  position: relative;
  z-index: 999; }
.reviewItem {
  width: 58%;/*68%*/
  margin: 0 auto 35px auto;
  padding: 40px 50px;
  box-sizing: border-box;
  background-color: #fff; }
@media screen and (max-width: 1000px) {/*768px*/
  .reviewItem {
    width: 88%;
    margin: 35px auto;
    padding: 4%; } }
.reviewItem__ttl {
  border-bottom: 2px #004481 solid;
  padding-bottom: 10px;
  margin-bottom: 10px; }
.reviewItem__ttl h2 {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.1em;
  display: inline-block;
  margin-right: 5px; }
/*review内のh2のターゲット項目を定義*/
.reviewItem_h2_target{
  background-color: #de6d00; 
  color:#fff;/*白文字*/
  padding:5px 5px;
}
/*review内のh2のタイトル項目を定義*/
.reviewItem_h2_title{
  margin-top:30px;
}
@media screen and (max-width: 1000px) and (min-width:769ox) {/*768px*/
  .reviewItem__ttl h2 {
    font-size: 16px;
    line-height: 150%;
    margin: 0 0 10px; }
  /*review内のh2のターゲット項目を定義*/
  .reviewItem_h2_target{
    background-color:#de6d00;/*オレンジ背景に #FE5705から薄めてみる*/
    color:#fff;/*白文字*/
    padding:2px 2px;
  }
  /*review内のh2のtitle項目を定義*/
  .reviewItem_h2_title{
    margin-top:10px;
  }
}
@media screen and (max-width: 768px) {/*768px*/
  /*review内のh2のtitle項目を定義*/
  .reviewItem_h2_title{
    margin-top:20px;
  }
}
.reviewItem__left {
  width: 68%;/*70%*/
  float: left; }
@media screen and (max-width: 1000px) {/*768px*/
  .reviewItem__left {
    float: none;
    width: 100%; } }
.reviewItem__left .name {
  display: inline-block;
  margin: 0 10px 5px 0;
  font-size: 16px; }
.reviewItem__left .valuation {
  display: inline-block;
  margin-bottom: 5px; }
.reviewItem__left .valuation p {
  display: inline-block;
  font-size: 16px; }
.reviewItem__left .valuation .star {
  display: inline-block; }
.reviewItem__left .valuation .star i {
  font-size: 20px;
  color: #de6d00; }
.reviewItem__right {
  width: 30%;/*15%*/
  float: right;
  padding-top: 20px;/*35px*/
  box-sizing: border-box;
  position: relative; }
@media screen and (max-width: 1000px) {/*768px*/
  .reviewItem__right {
    /*display: none; タブレットやモバイルでも表示されるようにする*/
    width:100%;
  } }
.reviewItem__right img {
  width: auto;
  height: 150px;/*150px*/
  margin: 0 auto; }
.review__bottom {
  background-color: #fff;
  position: relative;
  padding: 215px 12% 0 12%; }
@media screen and (max-width:1000px) {/*768px*/
  .review__bottom {
    padding: 40px 4% 100px 4%; } }
.review__bottom:before {
  content: "";
  width: 100%;
  box-sizing: border-box;
  border-top: 125px #f1f6f9 solid;
  border-right: 500px transparent solid;
  border-left: 500px transparent solid;
  position: absolute;
  top: 0;
  left: 0; }
@media screen and (min-width: 1000px) {
  .review__bottom:before {
    border-right: 50vw transparent solid;
    border-left: 50vw transparent solid; } }
@media screen and (max-width: 768px) {
  .review__bottom:before {
    border-top: 13vw #f1f6f9 solid;
    border-right: 50vw transparent solid;
    border-left: 50vw transparent solid; } }
.review__bottom__left {
  float: left;
  margin-top: 50px; }
@media screen and (max-width: 1000px) {/*768px*/
  .review__bottom__left {
    margin: 25px auto 0 auto;
    float: none;
    text-align: center; } }
.review__bottom__left h2 {
  font-size: 26px;
  letter-spacing: 0.1em;
  line-height: 150%;
  margin-bottom: 30px; }
@media screen and (max-width: 1000px) {/*768px*/
  .review__bottom__left h2 {
    font-size: 20px; } }
.review__bottom__right {
  float: right;
  width: 430px; }
@media screen and (max-width: 1000px) {/*768px*/
  .review__bottom__right {
    float: none;
    width: 92%;
    margin: 40px 0 0; } }
.roGSanSrf {
  font-family: 'RoGSanSrf'; }
/*review内のh1を定義*/
.review_h1{
  margin-bottom: 20px;
}
@media print, screen and (max-width: 768px) {/*768px*/
  .review_h1{
    margin-bottom: 60px;
  }
}
.review_h1 {
  font-size: 32px;
  line-height: 1.45;
  text-align: center;
}
@media print, screen and (max-width: 768px) {/*768px*/
  .review_h1{ {
    font-size: 22px;
  }
}
  
/*お客様の声　内部文章調整*/
/*.reviewItem__left_p　{ margin-bottom:10px;　}　*/

  


  

/*------------------------------------------------------*/
/*  旧：連携サービス一覧　2022/8/8 以降は不使用　*/  
/*------------------------------------------------------*/