@charset "UTF-8";
/* =====================================
	全体設定
===================================== */

html{
    font-size: 62.5%;
}

a{
	color: #191a19;
	text-decoration: none;
    transition: 0.5s all ease;
}

a:hover{
	opacity: .7;
}

.sp{
	display: none !important;
}

body{
	position: relative;
	margin: 0 auto;
	font-size: 1.8rem;
	font-family: YakuHanJP_Narrow, "Zen Kaku Gothic New", sans-serif;
    font-weight: 500;
	color: #191a19;
    line-height: 2.47056;
    background: #eff4f4;
	text-align: left;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;/*Chrome,Safari*/
	-ms-text-size-adjust: 100%;/*EgdeMobile*/
	-moz-text-size-adjust: 100%;/*firefox*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    letter-spacing: .06em;
}

.en{
    font-size: 1.6rem;
	font-family: "StellarW05-Nova";
    font-weight: normal;
    letter-spacing: .06em;
}

#wrapper{
    overflow-x: hidden;
}

.animated{
    opacity: 0;
    -webkit-animation-duration: .7s;
    animation-duration: .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(30px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

img { max-width: 100%; }

@media (min-width: 769px) {
    a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    }
}

/* =====================================
	header
===================================== */

header{
    width: 100%;
    height: 100px;
    background: rgba(200, 210, 210, .15);
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 25px;
    backdrop-filter: blur(12px);
    z-index: 100;
}

header .logo{
    margin-left: 5.56%;
    width: 123px;
}

header nav ul{
    display: flex;
    align-items: center;
    gap: 40px;
}

header nav ul li:last-child a{
    height: 58px;
    background: #040000;
    color: #fff;
    padding: 0 24px;
    display: flex;
    align-items: center;
}

header nav ul li:last-child a span{
    padding-right: 26px;
    background: url("../img/common/arrow01.svg") no-repeat center right;
    background-size: 12px auto;
}




@media screen and (max-width: 768px) {

.pc{
	display:none !important;
}

.sp{
	display:block !important;
}

a:hover{
	color: #020732;
}

body{
    width: 100%;
    font-size: 3.3854167vw;
    overflow-x: hidden;
    min-width: inherit;
}

/* =====================================
	header
===================================== */

header{
    height: 13.02vw;
    padding: 3.2552vw 0 0;
    backdrop-filter: blur(1.6vw);
    justify-content: center;
    align-items: flex-start;
}

header .logo{
    margin: 0 auto;
    width: 23.3vw;
}

}