/*--------------------------------------------
 お問い合わせ
----------------------------------------------*/


/* --------------------------------------------
 メインイメージ 
---------------------------------------------*/

/* タブレット */
@media screen and (max-width: 768px){}
/* スマホ */
@media screen and (max-width: 667px){}


.linkStyle:hover,a:hover{
	opacity: 0.7;
	text-decoration: none;
}





/* color */
body, .txt_color_nomal, .hvr_txt_color_nomal:hover{color: var(--text);}
.linkStyle{transition: 0.5s;color: var(--text)}
.linkStyle:hover{opacity: 0.7}

.banner {
    transform: translatex(-50%);
    left: 50%;
    margin-bottom: 40px;
}
.banner_box a {
    transition: ease 0.3s;
}
.f_ti:after {
    content: "";
    position: absolute;
    background-image: url(./Dup/img/face01.png);
    top: -34px;
    left: -86px;
    width: 70px;
    height: 70px;
    background-size: contain;
    background-repeat: no-repeat;
}
.f_ti:before {
    content: "";
    position: absolute;
    background-image: url(./Dup/img/face02.png);
    top: -34px;
    right: -86px;
    width: 70px;
    height: 70px;
    background-size: contain;
    background-repeat: no-repeat;
}
.tag {
  color: #fff;/*文字色*/
  padding: 0.5em;/*文字周りの余白*/
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  background: #44bbac;/*背景色*/
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
}

.tag:before {
  content: '●';
  color: white;
  margin-right: 8px;
}
.linkStyle {
    color: #ee8c36;
}
.cms_6-c .grid_3 {
    width: 28%!important;
}
#contents_links p {
    display: none;
}
#cms_6-d .cate_box.noimg:after, .cms_6-d .cate_box.noimg:after {
    background-color: #fffbf5;
}
#cms_6-d .cate_box:after, .cms_6-d .cate_box:after {
    color: #ee8c36;
}
#cms_6-c .arrow, #cms_6-c .circle {
    display: none;
}
#cms_6-d .cate_title, #cms_6-d .cate_title {
    color: #111;
}
nav li.active .opacity05 {
    color: #f09087;
}
.mail i {
    transform: rotate(100deg);
}
.catch {
    z-index: 1;
    width: 30%;
    left: 2%;
    top: 3%;
    transform-origin:center bottom;
    animation:sample 1.5s ease-in alternate infinite;
}
@keyframes sample {
      0% {

      transform:translateY(-10%) scale(1,1);
      }

      80% {

      transform:translateY(0%) scale(1,1);
      }

      100% {

      transform:translateY(0%) scale(1.05,0.95);
      }

      }
      

/* タブレット */
@media screen and (max-width: 768px){
    .cms_6-c .grid_3 {
    width: 100%!important;
}
.catch {
    width: 40%;
    left: 2%;
    top: -5%;
}
#cms_6-d .cate_title {
    font-size: 2rem;
}

}
/* スマホ */
@media screen and (max-width: 667px){
    .f_ti:after {
    top: -16px;
    left: -64px;
    width: 50px;
    height: 50px;
}
.f_ti:before {
    top: -16px;
    right: -64px;
    width: 50px;
    height: 50px;

}
.catch {
    width: 45%;
    left: 2%;
    top: -11%;
}
#cms_6-d .cate_title {
    font-size: 1.5rem;
}
}