﻿@import url('https://fonts.googleapis.com/css2?family=Mrs+Saint+Delafield&display=swap');
.font1{
  font-family: 'Mrs Saint Delafield', cursive;
  font-size:3rem;
  line-height: 0.7;
}

/*--------all page----------------------------*/
.tel_line{
   right:80px;
   z-index:10;
}
.tel_line a{ background-color: #ffabbc;}
.tel_line a:hover{transform:translateY(-3px);}
.linkStyle{color: #ffabbc;}
#footer .logo{position:relative;}

/*---------top page------------------------*/
/*fadein*/
 .fadein {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}
.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}
.top_nav .txt_shadow-b{text-shadow:0 0 10px rgba(0,0,0,0.5);}
.vegas-overlay{opacity: 0.2!important;}
.main_img_wrap .catch span{line-height: 1.5;}
.main_img_wrap .catch{
    font-size: calc(2rem + 10px);
    font-weight: 400;
    line-height: 0.5;
}
#contents{
  background-image:url(./Dup/img/item1.png),url(./Dup/img/item3.png);
  background-repeat:no-repeat,no-repeat;
  background-position:top left,bottom left;
}
#contents .t_cms_txt3,#contents .t_cms_txt6,#contents .t_cms_txt9{font-size:calc(1rem + 7px);}
#contents .box2{
  background-image:url(./Dup/img/item2.png);
  background-repeat:no-repeat;
  background-position:top right;
}
#contents .bnr3 a{
  margin-left:0;
  margin-top:20px;
}
#top_cms .line{display:none;}
#top_cms .cms_title{
    background-image: url(./Dup/img/dec1.png);
    background-repeat: no-repeat;
    background-size: contain;
    padding-left: 50px;
}


/*---------under page----------------------------*/
.all_page{
  background-image:url(./Dup/img/item1.png);
  background-repeat:no-repeat;
  background-position:top left;
}



/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.top_header .logo {width: 18%;}
.top_header .button_container {bottom: 10px;}
.main_img_wrap .catch{bottom: 75px;}
.dec{width:35px;}
#copyright{padding-bottom:50px;}
#footer .grid_6{padding:0;}
.all_header .logo{width:15%;}
.all_header .button_container{bottom: 5px;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.tel_line{right:70px;}
.tel_line a{
  padding-top:8px;
  padding-bottom:8px;
}
.main_img_wrap .catch {
    bottom: 175px;
    font-size: calc(2rem + -6px);
    left: 30px;
}
.font1{font-size: calc(3rem - 10px);}
#top_cms .cms_title{padding-left: 30px;}
#page_title .img-container::after{background-color: rgba(124,132,127,0.1);}
#footer .grid_6 .font_2dw{letter-spacing:0;}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
.tel_line a{padding-top:15px;}
#page-top a i{padding-right:20px;}
}