/* font */
.league-spartan {
  font-family: "League Spartan", sans-serif;
  font-weight: 700;
  font-style: normal;
	color: #383337;
}

/* ページのタイトルを消す */

.post-386 .c-entry__header {
  display: none;
}

.post-3 .c-entry__header {
  display: none;
}



/* ナビ */

header {
	margin: 10px 30px;
	border-radius: 100px;
	padding: 5px 0;
}

@media screen and (max-width: 1023px) { 
header {
	margin: 0px 0px;
	border-radius: 0px;
	padding: 0px 0;
}
}

[data-scrolled=true] .l-header--sticky-overlay-colored-lg {
	backdrop-filter: blur(5px);
	background: rgba( 255, 255, 255, 0.5);
}


.l-header.l-header--1row.l-header--sticky-sm.l-header--sticky-overlay-lg {
	backdrop-filter: blur(5px);
	background: rgba( 255, 255, 255, 0.5);
}

header ul li:last-child {
	color: #fff !important;
	transition: 0.7s;
}

header ul li:last-child {
	position: relative;
	color: #fff !important;
  background: linear-gradient(90deg, rgba(255,89,79,1) 0%, rgba(255,136,139,1) 50%, rgba(183,221,255,1) 100%);
  background-size: 200% 100%;
  border: none;
	transition: 0.7s;
	padding: 0 0 0 30px;
	border-radius: 100px;
}
header ul li:last-child:hover {
	color: #fff !important;
  background-position: 100% 0;
	transition: 0.7s;
}

header ul li:last-child a:hover {
		color: #fff !important;
}

header ul li:last-child::before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translate( 0%, -50%);
	background-image: url(img/mail_icon.png);
	background-size: cover;
}

/* スマホ版 */

.c-drawer {
	backdrop-filter: blur(5px);
	background: rgba( 255, 255, 255, 0.8);
	color: #383337;
}

.c-drawer ul li:last-child a {
	position: relative;
	color: #fff !important;
  background: linear-gradient(90deg, rgba(255,89,79,1) 0%, rgba(255,136,139,1) 50%, rgba(183,221,255,1) 100%);
  background-size: 200% 100%;
  border: none;
	transition: 0.7s;
	padding: 10px 20px;
	border-radius: 100px;
	text-align: center;
}

.c-drawer ul li:last-child a::before {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 15vw;
	transform: translate( 0%, -50%);
	background-image: url(img/mail_icon.png);
	background-size: cover;
}

/* キービジュアル PC */
.kv-wrapper {
	position: relative;
}

.kv-wrapper::after {
	content:"";
	display: block;
	width: 20vw;
	height: 20vw;
	position: absolute;
	left: 60%;
	top: 55%;
	transform: translate( -50%, -50%);
	background-image: url(img/logo_white.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.kv img {
	border-radius: 50px;
}

.kv::before {
	content: "";
	display: block;
	width: 600px;
	height: 600px;
	position: absolute;
	top: -100px;
	right: -300px;
	background-image: url(img/gradation_01.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.9;
	z-index: 1;
}

.kv-text {
  position: absolute;
  bottom: 0;
}



.kv-text::after {
	content: "";
	display: block;
	width: 400px;
	height: 400px;
	position: absolute;
	bottom: -100px;
	left: -200px;
	background-image: url(img/gradation_03.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.7;
	z-index: 0;
}


.kv-text-l {
	font-weight: 600 !important;
	letter-spacing: 0.2em;
}


/* キービジュアル SP */

.kv-sp-wrapper {
	position: relative;
}

.kv-sp-wrapper::after {
	content:"";
	display: block;
	width: 45vw;
	height: 45vw;
	position: absolute;
	left: 50%;
	top: 48%;
	transform: translate( -50%, -50%);
	background-image: url(img/logo_white.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.kv-sp img {
	border-radius: 30px;
}

.kv-sp::before {
	content: "";
	display: block;
	width: 300px;
	height: 300px;
	position: absolute;
	top: -100px;
	right: -200px;
	background-image: url(img/gradation_01.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.9;
	z-index: 1;
}

.kv-sp-text {
	position: absolute;
	left: 0;
	bottom: 20px;
}

.kv-sp-text::after {
	content: "";
	display: block;
	width: 200px;
	height: 200px;
	position: absolute;
	bottom: -150px;
	left: -50px;
	background-image: url(img/gradation_03.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.6;
	z-index: 0;
}

.kv-sp-text-l {
	font-weight: 600 !important;
	letter-spacing: 0.07em;
}




/* スライダー */
.pickup-slider .smb-spider-contents-slider__item img {
	border-radius: 40px !important;
}

@media screen and (max-width: 1023px) { 
.pickup-slider .smb-spider-contents-slider__item img {
	border-radius: 20px !important;
}
}

.spider__dots {
	gap: 20px;
}

.spider__dots:not([data-thumbnails=true]) .spider__dot {
	width: 8px;
	height: 8px;
}

.pickup-slider::after {
	content: "";
	display: block;
	width: 250px;
	height: 250px;
	position: absolute;
	bottom: -50px;
	right: -100px;
	background-image: url(img/gradation_02.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.7;
	z-index: -1;
	transform: rotate(-90deg);
}

.pickup-slider-wrapper::before {
	content: "";
	display: block;
	width: 600px;
	height: 600px;
	position: absolute;
	bottom: -200px;
	left: 0;
	background-image: url(img/gradation_01.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.5;
	z-index: -1;
	transform: rotate(-180deg);
}

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

.pickup-slider::after {
	content: "";
	display: block;
	width: 150px;
	height: 150px;
	position: absolute;
	bottom: 0px;
	right: -50px;
	background-image: url(img/gradation_02.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.7;
	z-index: -1;
	transform: rotate(-90deg);
}

.pickup-slider-wrapper::before {
	content: "";
	display: block;
	width: 400px;
	height: 400px;
	position: absolute;
	bottom: -100px;
	left: 0;
	background-image: url(img/gradation_01.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.5;
	z-index: -1;
	transform: rotate(-180deg);
}
}


/* タイトル */
.title-en {
	display: inline-block;
	position: relative;
	padding: 0 20px;
}



/* ボタン用矢印 */

.arrow a {
  position: relative;
}

.arrow a span {
	margin-right: 0px;
}

.arrow a::after {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translate( 0%, -50%);
	background-image: url(img/arrow_01.png);
	background-size: cover;
}


/* ボタングラデーション */

.arrow a {
  background: linear-gradient(90deg, rgba(255,89,79,1) 0%, rgba(255,136,139,1) 50%, rgba(183,221,255,1) 100%);
  background-size: 200% 100%;
  border: none;
	transition: 0.7s;
}
.arrow a:hover {
  background-position: 100% 0;
	transition: 0.7s;
}




/* 私たちについて */

.about {
	border-radius: 100px 0 0 0;
	position: relative;
	left: 0;
	overflow: hidden;
}

.about::after {
	content: "";
	display: block;
	width: 150px;
	height: 150px;
	position: absolute;
	top: 30px;
	left: 30px;
	background-image: url(img/about_icon.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	animation-name: rotateAnimation;
	animation-duration: 40s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	opacity: 0.5;
}

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

.about::after {
	content: "";
	display: block;
	width: 100vw;
	height: 100vw;
	position: absolute;
	top: 30px;
	left: 30px;
	background-image: url(img/about_icon.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	animation-name: rotateAnimation;
	animation-duration: 40s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	opacity: 0.5;
}

}


.about-box {
	position: relative;
}

.about-box::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(img/mroom_icon.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 1;
}


@keyframes rotateAnimation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


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

.about {
	border-radius: 70px 0 0 0;
}

.about::after {
	width: 100px;
	height: 100px;
	top: 20px;
	left: 20px;
}

}


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

.about-box p {
	text-align: left;
}

.logo-box .smb-box__background {
	border-radius: 30px !important;
}

}


/* 強み */

.strength {
	position: relative;
	overflow: hidden;
	border-radius: 0 100px 0 0;
	position: relative;
	background: #fff;
	z-index: 0;
}

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

.strength {
	border-radius: 0 70px 0 0;
}
}

.wp-block-snow-monkey-blocks-section.alignfull.smb-section.smb-section--fit.strength.is-style-smb-section-undecorated-title {
	margin-top: -100px !important; /* 上の要素と50px重ねる */
  position: relative; /* z-indexを有効にするため */
  z-index: 10;
}


.strength01 img,.strength02 img {
	border-radius: 50px;
}

@media screen and (max-width: 1023px) { 
.strength01 img,.strength02 img {
	border-radius: 20px;
}
}

.strength::before {
	content: "";
	display: block;
	width: 600px;
	height: 600px;
	position: absolute;
	top: 0px;
	right: -300px;
	background-image: url(img/gradation_01.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.7;
	z-index: -1;
}

.strength::after {
	content: "";
	display: block;
	width: 600px;
	height: 600px;
	position: absolute;
	bottom: 100px;
	left: -100px;
	background-image: url(img/gradation_03.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.7;
	z-index: -1;
}

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

.strength::before {
	content: "";
	display: block;
	width: 400px;
	height: 400px;
	position: absolute;
	top: 0px;
	right: -150px;
	background-image: url(img/gradation_01.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.7;
	z-index: -1;
}

.strength::after {
	content: "";
	display: block;
	width: 400px;
	height: 400px;
	position: absolute;
	bottom: 100px;
	left: -50px;
	background-image: url(img/grade_03.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.7;
	z-index: -1;
}
}


/* サービス */


@media screen and (max-width: 639px) { 
.service-flex .c-row__col.c-row__col--1-1.c-row__col--md-1-3{
	max-width: 120px;
	margin: 0 auto;
}
}


/* pickup */

.pickup-wrapper01 {
	border-radius: 100px 0 0 0;
	position: relative;
}

.pickup-wrapper01::before {
	content: "";
	display: block;
	width: 150px;
	height: 150px;
	position: absolute;
	top: 30px;
	left: 30px;
	background-image: url(img/pickup_01.png);
	background-size: cover;
	animation-name: rotateAnimation;
	animation-duration: 40s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	opacity: 1;
	z-index: 1;
}

.pickup-wrapper01 .smb-media-text__figure>img,.pickup-wrapper01 .smb-media-text__figure>video {
	position: relative;
	z-index: 2;
}


.pokapo-pickup-title {
	position: relative;
	z-index: 2;
}

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

.pickup-wrapper01 {
	border-radius: 70px 0 0 0;
}

.pickup-wrapper01::before {
	width: 100px;
	height: 100px;
	top: 20px;
	left: 20px;
}
}

.wp-block-snow-monkey-blocks-section-with-bgimage.alignfull.smb-section.smb-section-with-bgimage.smb-section--fit.is-style-smb-section-undecorated-title.pickup-wrapper01 {
	margin-top: -100px !important; /* 上の要素と50px重ねる */
  position: relative; /* z-indexを有効にするため */
  z-index: 10;
}

.pickup-wrapper02 {
	border-radius: 0 100px 0 0;
	position: relative;
}

.wp-block-snow-monkey-blocks-section-with-bgimage.alignfull.smb-section.smb-section-with-bgimage.smb-section--fit.is-style-smb-section-undecorated-title.pickup-wrapper02 {
	margin-top: -100px !important; /* 上の要素と50px重ねる */
  position: relative; /* z-indexを有効にするため */
  z-index: 10;
}

.pickup-wrapper02::before {
	content: "";
	display: block;
	width: 150px;
	height: 150px;
	position: absolute;
	top: 30px;
	right: 30px;
	background-image: url(img/pickup_02.png);
	background-size: cover;
	animation-name: rotateAnimation;
	animation-duration: 40s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	opacity: 1;
	z-index: 1;
}

.pickup-wrapper02 .smb-media-text__figure>img,.pickup-wrapper02 .smb-media-text__figure>video {
	position: relative;
	z-index: 2;
}


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

.pickup-wrapper02 {
	border-radius: 0 70px 0 0;
}

.pickup-wrapper02::before {
	width: 100px;
	height: 100px;
	top: 20px;
	right: 20px;
}
}


/* 会社概要 */

.company .wp-block-snow-monkey-blocks-information-item {
	border-bottom: 1px solid #cfcfcf;
}

.company {
	border-radius: 100px 0 0 0;
	position: relative;
	background: #fff;
}

@media screen and (max-width: 1023px) { 
.company {
	border-radius: 70px 0 0 0;
}
}

.c-row__col.c-row__col--1-1.c-row__col--md-1-3 {
	margin-bottom: 0px !important;
}

.wp-block-snow-monkey-blocks-section.alignfull.smb-section.smb-section--fit.is-style-smb-section-undecorated-title.company {
	margin-top: -100px !important; /* 上の要素と50px重ねる */
  position: relative; /* z-indexを有効にするため */
  z-index: 10;
}

/* お問い合わせ */

.home-contact {
	border-radius: 0 100px 0 0;
	position: relative;
	top: 0px;
	left: 0;
	overflow: hidden;
}

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

.home-contact {
	border-radius: 0 70px 0 0;
}

.contact-box .smb-box__background {
	border-radius: 20px;
}



.contact-box .smf-form .smf-select-control__control {
	font-size: 13px;
}

}



.wp-block-snow-monkey-blocks-section-with-bgimage.alignfull.smb-section.smb-section-with-bgimage.smb-section--fit.is-style-smb-section-undecorated-title.home-contact {
	margin-top: -100px !important; /* 上の要素と50px重ねる */
  position: relative; /* z-indexを有効にするため */
  z-index: 10;
}

.smf-action .smf-button-control__control {
  background: linear-gradient(90deg, rgba(255,89,79,1) 0%, rgba(255,136,139,1) 50%, rgba(183,221,255,1) 100%);
  background-size: 200% 100%;
  border: none;
	transition: 0.7s;
	border-radius: 100px;
	color: #fff;
	width: 70vw;
	max-width: 200px;
}
.smf-action .smf-button-control__control:hover {
  background-position: 100% 0;
	transition: 0.7s;
}


/* フッター */

.c-copyright--inverse {
	background: #fff !important;
}

.c-copyright--inverse .c-container {
		color: #383337;
}