@charset "utf-8";

.site_titel{
  background: #fff;
}

.site_titel .inner{
  background: #fff;
  padding: 10px;
}



.top_disc{
  font-size: 13px;
  margin-block-start: 0;
  margin-block-end: 0;
  color:#91a9c3;
  padding-left: 6px;
}

h1 {
 line-height: 1.0;
 margin-bottom: 0;
 padding-bottom: 0;
}

h1 a.logo{
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,serif;
  font-size: 20px;
  letter-spacing: -1px;
  color: #0a3f78;
}

h1 a.logo span{
  letter-spacing: -7px;
  font-size: 30px;
  font-weight: bold;
  padding-right: 3px;
}

h1 a.logo:after {
  content: "Reve-trust";
  display: block;
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,serif;
  font-size: 15px;
  letter-spacing: 0.1px;
  padding-left: 8px;
  color: #c1d0e0;
}

.tel_num{
  text-align: right;
  line-height: 1.0;
  font-size: 13px;
  margin-top: 12px;
}

.tel_num i{
  vertical-align: 3px;
}

.mail {
    background: orange;
    padding: 5px;
    margin-top: 10px;
    text-align: center;
}
.mail i {
   display: inline-block;
   font-size: 30px;
   padding-right: 8px;
}

.mail a span {
    display: inline-block;
    text-align: left;
    font-size: 14px;
    font-weight: bold;
}

.mail a {
    color: #fff;
    display: block;
    font-size: 16px;
    line-height: 1.2;
}



.num_b {
    font-weight: bold;
    font-size: 27px;
    color: #ffa500;
    line-height: 1.2;
}

#gloval-nav{
  margin-bottom:0;
}



#gloval-nav li {
    width: 19%;
    display: inline-block;
    text-align: center;
   border-right: 1px solid rgba(255, 255, 255, 0.3);
}
#gloval-nav li:hover {
   background: rgba(18, 104, 196, 0.7);
   transition: all 0.3s ease;
}

#gloval-nav li:first-child {
   border-left: 1px solid rgba(255, 255, 255, 0.3);
}

#gloval-nav li a {
    color: #fff;
    display: block;
    padding: 15px 0;
    font-weight: bold;
    letter-spacing: 1px;
}




.row img{
  width: 100%;
}



/*固定ナビ*/

 
header{
  width:100%;
  text-align: center;
}
 

.fix-header {
    background: #fff;
    line-height: 66px;
    top: -66px;
    left: 0;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    color: #000;
    position: fixed;
    opacity: 0;
    z-index: 1000;
    /* opacity: 0; */
    box-shadow: 0px 4px 3px -3px rgba(218, 215, 215, 0.6);
    -webkit-box-shadow: 0px 4px 3px -3px rgba(218, 215, 215, 0.6);
    -moz-box-shadow: 0px 4px 3px -3px rgba(218, 215, 215, 0.6);
}
 
  .fix-header-contents{
    max-width:1014px;
    width: 100%;
    margin: 0 auto;
    padding: 8px;
  }
 
  .fix-header ul{
    list-style-type: none;
    margin:0;
    padding: 0 30px;
  }
 
  .fix-header li{
    float:left;
    width: 20%;
    line-height: 1.0;
  }

  /*.fix-header li a{
    float:left;
    width: 20%;
    line-height: 1.0;
  }*/


  .fix-header li i {
    font-size: 18px;
    color: #549fef;
    padding-right: 10px;
  }

  .fix-header li .fa-line{
    font-size: 25px;
    color:green;
  }

  .fix-header li.pt8{
    padding-top: 8px;
  }

  .fix-header li img{
   width: 100%;
  }
 
  .fix-header li a,.fix-header li a:visited{
    color: #000;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.0;
    font-weight: bold;
  }
  .fix-header li:last-child{
    margin-right:0;
  }
  #fix-header-logo{
    float:left;
  }
   
 /* #fix-header-logo img{
  width:54px;
  }
   */
  #fix-header-menus{
  }

  #scroll-fix-menu img{
     padding-bottom: 5px;
     border-bottom:2px solid #fff;
  }
 
#scroll-fix-menu .current-menu-item img{
   border-bottom:2px solid #0f142a;
}
 
#scroll-fix-menu a img:hover{
   border-bottom:2px solid #0f142a;
  transition:border-color 0.6s ease-out;
}
 
/* micro clearfx */
.cf:before, .cf:after {
    content:"";
    display:table
}
.cf:after { clear:both }
.cf { zoom:1 } /* For IE 6/7 */
 
  nav {
    width: 100%;
    background: rgb(0, 123, 255);
  }
  .nav-container{
    max-width:1014px;
    width: 100%;
    margin: 0 auto;
    z-index: 2000;
  }
  
  nav ul{
    padding:0;
    list-style: none;
  }

   nav ul li a,nav ul li a:visited,nav ul li a:hover{
    color: #fff;
    text-decoration: none;
  }
  

 /* nav ul li:first-child {
    float: left;
    width: 25%;
  }*/

 /* nav ul li:not(:first-child){
    padding-top: 8px;
  } 
  */
  /*nav ul li{
    float:left;
    width: 12.5%;
    text-align: center;
    line-height: 1.2;
  }*/

  /*nav ul li  img{
   width: 100%;
  }

  nav ul li a{
   color:#000;
   font-weight: bold;
  }*/
  
  .globalMenuSp ul li a i {
    font-size: 20px;
    color: #a1dc9a;
    padding-right: 10px;
  }

  .globalMenuSp ul li small {
    line-height: 1.2;
    padding-top: 10px;
  }

  .globalMenuSp ul li p {
    line-height: 1.0;
    margin:0;
  }

  


.subcatch {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    margin-bottom: 30px;
}

#biz .row{
    margin-bottom: 20px;
}

#biz .box{
  background: url(../img/service_img1.jpg) no-repeat;
  height:150px;
  margin-bottom: 20px;
  position:relative;
  border: 1px solid #ccc;
}


#biz .box1{
  background: url(../img/service_img1.jpg) no-repeat;
}

#biz .box2{
  background: url(../img/service_img2.jpg) no-repeat;
}

#biz .box:hover {
    filter: brightness(80%);
    transition: all 0.3s ease;

}

#biz .box3{
  background: url(../img/service_img3.jpg) no-repeat;
}

#biz .box4{
  background: url(../img/service_img4.jpg) no-repeat;
}

#biz .box h4 {
    position: absolute;
    background: rgba(0, 123, 255, 0.76);
    padding: 6px 10px;
    color: #fff;
    top: 10px;
    font-size: 17px;
}

#biz .box .for_details {
    position: absolute;
    bottom: 5px;
    right: 0;
    font-size: 12px;
    color: #fff;
    background: #08090a;
    padding: 1px 4px;
}

#biz2 .row {
    padding: 30px 20px;
    border: 2px solid #cddbea;
    margin-bottom: 20px;
    border-radius: 3px;
    margin-right: 0;
    margin-left: 0;
}

#biz2 ul{
    margin: 25px 0;
}

#biz2 ul li{
 text-decoration:none;
 list-style: none;
 margin-bottom: 20px;
}

#biz2 .biz2row ul li:after {
    display: block;
    text-align: center;
    content: '▼';
    width: 100%;
    margin: 0 auto;
    font-size:20px;
    color:#bdd4ee;
}

#biz2 .biz2row ul li.lastflow:after {
    display: none;
}

#biz2 ul li i{
 padding-right: 3px;
 color:#b0d3f8;
}

#biz2 ul li img{
 width: 25px;
 vertical-align: -4px;
}


#biz2 h4 {
  font-size: 20px;
  background: #007bff;
  padding: 10px 15px;
  color: #fff;
}

#biz2 .profit h5 {
    font-size: 18px;
    color: #007bff;
    margin-top: 30px;
    padding-bottom: 5px;
    border-bottom: 1px solid #007bff;
    font-family: "Helvetica Neue", Helvetica, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

#biz2 h6 {
    font-size: 18px;
    text-align: center;
    padding: 10px 0;
    width: 100%;
    background: #bdd4ee;
    margin-top: 20px;
}

#biz2 .sele{
    font-size: 18px;
    text-align: center;
    padding: 5px 0;
    width: 100%;
    border: 2px solid #000;
    margin-top: 20px;
    font-weight:bold;
    background: #ebf1f4;
}
#biz2 .buy{
    font-size: 18px;
    text-align: center;
    padding: 5px 0;
    width: 100%;
    border: 2px solid #000;
    margin-top: 20px;
    font-weight:bold;
    background: #ebf1f4;
}

#biz2 .buyflow p.flow,#biz2 .seleflow p.flow{
   font-weight:bold;
   padding-bottom: 5px;
   border-bottom: 1px solid #000;
   font-size:18px;
}

#biz2 .buyflow p,#biz2 .seleflow p{
  font-size:0.9em;
}

.biz2row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#biz2 ul {
    display: inline-block;
    list-style-type: none;
    margin-block-start:0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding:0 20px;
}




#biz2 ul li p{
    text-align: left;
}

#biz2 h5 {
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,serif;
    line-height: 1.5;
    margin: 10px 0 20px 0;
}


.back_gray{
  background: rgb(228, 240, 252);
}

#news{
  background: url(../img/roomimg.jpg) no-repeat;
  background-size: cover;
}

#news p{
  color:#fff;
}

#news h2{
  color:#fff;
}





.newswrap{
  padding: 20px;
}


.newswrap dl{
  border-bottom: 1px dotted #000;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.newswrap dt {
    background: #000;
    display: inline-block;
    width: 80px;
    text-align: center;
    margin-right: 5px;
    font-size: 13px;
    padding: 2px;
    letter-spacing: 1px;
    color: #fff;
}

.newswrap dt a span{
 color:#fff;
 font-weight: normal;
 padding:6px; 
}

.newswrap dd{
 display: inline-block;
}

.newswrap dd a{
 color:#fff;
}

.newswrap dd a span{
 color:#fff;
 font-weight:bold;
 font-size: 1.2em;
}
.newswrap dd a span.price {
    color: #ffc107;
}

#contact .num_b {
    font-size: 35px;
}






header.masthead .intro-text .intro-lead-in p{
    line-height: 1.4; 
    margin-bottom:0;
  }

  header.masthead .intro-text .intro-lead-in .f_smaller{
    line-height: 1.2;
    font-size: 16px;
  }

@media (min-width: 992px) {
 
}


/*半調ドット*/

.zs-enabled.overlay-dots:after {
    background-image: url(../img/dots.png);
     z-index: -999;
}

.zs-enabled:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: transparent none repeat 0 0;
    z-index: -999;
}




/*ヘッダー*/


header {
  position: relative;
}

header.masthead {
  text-align: center;
  color:#000;
  background-image: url("../img/main_top.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;

}


header.masthead .intro-text .intro-lead-in {
    background: rgba(255, 255, 255, 0.80);
    padding: 20px;
    display: inline-block;
}

header.masthead .intro-text .intro-lead-in small {
    color: #275d97;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
}


header.masthead img {
 position: fixed;
 right: 0;
 bottom: 0;
 min-width: 100%;
 min-height: 100%;
 width: auto;
 height: auto;
 z-index: -9999;
 /*background: url('poster.jpg') no-repeat;*/
 background-size: cover;
}

header.masthead .intro-text {
  padding-top: 150px;
  padding-bottom: 100px;
}

header.masthead .intro-text .intro-lead-in {
  font-size: 22px;
  line-height: 2.0;
  margin-bottom: 25px;
  font-family: "Helvetica Neue", Helvetica, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

header.masthead .intro-text .intro-heading {
  font-size: 50px;
  font-weight: 700;
  line-height: 50px;
  margin-bottom: 25px;
  font-family: "Helvetica Neue", Helvetica, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

#company{
  background: rgb(0, 123, 255);
}

#company h2{
  color:#fff;
}


.link {
    background: orange;
    border-radius: 3px;
    display: block;
    width: 100%;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    font-size: 23px;
}

.link a{
  color: #fff;
  padding: 20px;
  font-weight: bold;
  display: block;
}

#contact .tel_num {
    float: none;
    text-align: left;
}



@media (min-width: 768px) {
  header.masthead .intro-text {
  }
  header.masthead .intro-text .intro-lead-in {
    font-size: 30px;
    margin-bottom: 25px;
    font-family: "Helvetica Neue", Helvetica, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  }

  header.masthead .intro-text .intro-heading {
    font-size: 75px;
    font-weight: 700;
    line-height: 75px;
    margin-bottom: 50px;
    font-family: "Helvetica Neue", Helvetica, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  }
}




@media (max-width: 480px) {
  h1 a.logo span{
    font-size: 34px;
    letter-spacing: -7px;
  }
  h1 a.logo {
    font-size: 25px;
    letter-spacing: 0;
    padding-left: 3px;
  }
  .inner h3 {
    letter-spacing: 2px;
  }
  #biz2 .row {
    padding: 20px 5px;
    border: 2px solid #cddbea;
    margin-bottom: 20px;
    border-radius: 3px;
    margin-right: 0;
    margin-left: 0;
  }
  #biz2 h4 {
    text-align:center;
  }
  #biz2 h5 {
    margin: 20px 0;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,serif;
    line-height: 1.5;
    font-size: 18px;
  }
  #biz .box h4 {
    left: 0;
  }
  #biz2 ul {
    padding: 0;
  }

  #biz2 ul.worries li {
    text-decoration: none;
    list-style: none;
    margin-bottom: 20px;
    padding-left:1.5em;
    text-indent:-1.5em;
  }
  #biz2 .profit h5 {
   text-align:center;
  }

  .mail {
    margin-bottom:10px;
  }
  .mail a span {
    font-weight: bold;
    vertical-align: 6px;
  }
  .tel_num{
    text-align: center;
    margin-top: 20px;
  } 
  .site_titel .inner{
    padding:0; 
  }
  h1 {
    line-height: 0.9;
    margin: 18px 0 0 0;
  }
  header.masthead .intro-text .intro-lead-in small {
    font-size: 15px;
  }
  h2{
    margin-bottom: 30px;
  }
  header.masthead {
    height: 300px;
  }
  header.masthead .intro-text {
    padding-top: 80px;
    padding-bottom: 0;
  }
  header.masthead .intro-text .intro-lead-in {
    padding: 10px;
    font-size: 20px;
  }
  #biz .box {
    height: 130px;
  }
  #biz .box figure {
    height: 130px;
  }
  #biz .box figcaption {
    height: 120px;
    padding: 15px;
  }
  .newswrap {
    padding: 0;
  }
  .newswrap dt {
    width: 100%;
    margin-bottom: 10px;
  }
  .newswrap dl{
    border-bottom: none;
  }
  .f_logo {
    text-align: center;
  }
  #contact p{
    margin-bottom: 5px;
  }
  #contact .tel_num {
    float: none;
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
  }
  .tbl-r02 {
    width: 100%;
  }
  .link {
    max-width: 100%;
    font-size:18px;
  }
  .link a i{
    padding-right: 5px;
  }
  #news img{
    padding:10px 40px;
  }
  .top_disc {
   margin-top: 15px;
  }
}