@charset "UTF-8";

/* common */
* {
	box-sizing: inherit;
}
html {
    font-size: 16px;
    box-sizing: border-box;
}
body {
    font-size: 0.875rem;
    font-family: "Klee One", cursive;
    line-height: 1.6;
    color: #111;
}
@media (min-width: 400px) {
    body {
        position: relative;
    }
}
.bg-slider {
    width: 100vw;
    height: 100vh;
    background-size: cover;
}

a {
    text-decoration: none;
}
a:link, a:visited, a:hover, a:active {
    color: #3A3A3A;
}
p {
	font-size: 0.875rem;
}
p span.min {
    display: inline-block;
    font-size: 0.75rem;
    margin-left: 6px;
}
img {
    max-width: 100%;
    height: auto;
}

.wrapper {
	max-width: 94%;
    margin: 0 auto;
}
.mobile_container {
    background-image: url(../images/marble.webp);
    background-color: #fafafa;
    position: static;
    box-sizing: content-box;
    -ms-overflow-style: none;
    overflow-style: none;
    scrollbar-width: none;
}
.mobile_container::-webkit-scrollbar {
    display: none;
}
@media (min-width: 500px) {
    .mobile_container {
        max-width: 500px;
        position: absolute;
        top: 0;
        right: 20%;
        height: 100vh;
        overflow-y: scroll;
        border-top: none;
        border-bottom: none;
        box-shadow: 0 0 12px #E8C865, 0 0 5px #E8C865, 0 0 2px #ffffff, 0 0 2px #ffffff, 0 0 10px #ffffff, 0 0 4px #ffffff, 0 0 7px #ffffff;
        z-index: 9999;
    }
}
.header_vis_container {
    position: relative;
}
.header_vis_container img {
    width: 100%;
}
.header_vis_container p.copy {
    font-size: 1rem;
    color: #fff;
    position: absolute;
    right: 0;
    top: 10%;
    filter: drop-shadow(1px 1px 7px #FFCA00);
}
p.copy span {
    display: block;
}
@media (min-width: 500px) {
    .header_vis_container p.copy {
        font-size: 1.2rem;
        top: 18%;
        right: 3%;
    }
}
.prof_img_container {
	max-width: 120px;
	margin: -60px auto 14px;
	border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 10;
    border: 1px solid #E8C865;
}
h1 {
	font-size: 1.25rem;
	text-align: center;
}
h1 span {
	display: block;
	font-size: 1rem;
	margin: 7px 0 10px;
}
p.description {
    font-size: 0.875rem;
	margin-bottom: 14px;
}
p.description.last {
    margin-bottom: 28px;
}
h2 {
	font-size: 1.5rem;
    color: #3a3a3a;
	text-align: center;
	margin-bottom: 24px;
}
.links {
	width: 260px;
    margin: 0 auto;
    box-sizing: content-box;
    border-radius: 10px;
    margin-bottom: 24px;
    border: 1px solid #E8C865;
    background-color: #3a3a3a;
}
.links:last-child {
	margin-bottom: 92px;
}
.links a {
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 6px 0;
}
.links .sns_icon {
	width: 40px;
}
.links .sns_icon.radius {
    overflow: hidden;
    border-radius: 50%;
}
.links .sns_icon img {
	vertical-align: middle;
}
.sns_icon img.xicon {
    width: auto;
    height: 40px;
}
.links p.sns_account {
	color: #eee;
    font-size: 1rem;
    font-weight: bold;
}
@keyframes box_blink_border {
    10%,
    20%,
    24%,
    30%,
    40%,
    55%,
    60%,
    70%,
    80%,
    90%,
    100% {
    box-shadow: none;
  }

  0%,
  50%,
  100% {

  box-shadow: 0 0 1px #E8C865, 0 0 3px #E8C865, 0 0 4px #E8C865, 0 0 5px #E8C865, 0 0 2px #E8C865, 0 0 3px #E8C865, 0 0 3px #E8C865;
  }
}
p.powerd {
	text-align: center;
    font-size: 0.625rem;
    padding-bottom: 7px;
}
p.powerd img {
	max-width: 60px;
    margin-left: 5px;
    vertical-align: top;
}