/* -------------------------------------------------------------------------- */

/*	0. CSS Reset
/* -------------------------------------------------------------------------- */


html,
body {
	border: none;
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
address,
big,
cite,
code,
em,
font,
img,
small,
strike,
sub,
sup,
li,
ol,
ul,
fieldset,
form,
label,
legend,
button,
table,
caption,
tr,
th,
td {
	border: none;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	padding: 0;
	text-align: inherit;
}

blockquote::before,
blockquote::after {
	content: "";
}

.wp-block-columns {
	margin-bottom: 0!important;
}

/* -------------------------------------------------------------------------- */

/*	1. Document Setup
/* -------------------------------------------------------------------------- */


html {
	font-size: 62.5%; /* 1rem = 10px */
	scroll-behavior: smooth;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

body {
  background: #fff;
	box-sizing: border-box;
  color: #212121;
  font-style: normal;
	font-weight: 400;
  letter-spacing: 0em;
	font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans JP", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-size: 1.6rem;
	line-height: 1.75;
	text-align: left;
  overflow-x: hidden;
}

#site-content {
	overflow: hidden;
}

/* Base Transitions -------------------------- */

a,
path {
	transition: all 0.15s linear;
}

/* Fonts ------------------------------------- */
/* ----------------------------------------------

/* Accessibility Settings -------------------- */

@media ( prefers-reduced-motion: reduce ) {
	* {
		animation-duration: 0s !important;
		transition-duration: 0s !important;
	}
}



/* -------------------------------------------------------------------------- */

/*	2. Element Base
/* ---------------------------------------------*---------------------------- */


main {
	display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
}

h1 {
	font-size: 6.4rem;
}
h2 {
	font-size: 4.2rem;
}
h3 {
	font-size: 2.4rem;
}
h4 {
	font-size: 1.8rem;
}
/*
h5 {
	font-size: 2.1rem;
} 
h6 {
	font-size: 1.6rem;
} */

@media screen and (max-width: 782px) {
	h1 {
		font-size: 3.5rem;
	}
	
	h2 {
		font-size: 2.1rem;
	}
	
	h3 {
		font-size: 1.8rem;
	}
	
	/* h4 {
		font-size: 1.8rem;
	} */
}

p {
	line-height: 1.75;
}

big {
	font-size: 1.2em;
}

small {
	font-size: 1.2rem;
}
.small {
	line-height: 1.25;
}
.anno {
	padding-left: 1em;
	text-indent: -1em;
}

b,
strong {
	font-weight: 700;
}

ins {
	text-decoration: underline;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

abbr,
acronym {
	cursor: help;
}

address {
	line-height: 1.5;
	margin: 0 0 2rem 0;
}

hr {
	border-style: solid;
	border-width: 0.1rem 0 0 0;
}

a {
	text-decoration: none;
	color: #000;
}

/* Lists ------------------------------------- */

ul,
ol {
	list-style: none;
}

/* Media ------------------------------------- */

figure {
	display: block;
	margin: 0;
}

iframe {
	display: block;
	max-width: 100%;
}

video {
	display: block;
}

svg,
img,
embed,
object {
	display: block;
	height: auto;
	max-width: 100%;
}

figcaption,
.wp-caption-text {
	color: #6d6d6d;
	display: block;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.2;
	margin-top: 1.5rem;
}

figcaption a,
.wp-caption-text a {
	color: inherit;
}

blockquote.instagram-media,
iframe.instagram-media {
	margin: auto !important;
}


/* GALLERIES */

.gallery {
	display: flex;
	flex-wrap: wrap;
	margin: 3em 0 3em -0.8em;
	width: calc(100% + 1.6em);
}

.gallery-item {
	margin: 0.8em 0;
	padding: 0 0.8em;
	width: 100%;
}

.gallery-caption {
	display: block;
	margin-top: 0.8em;
}


/* Inputs リセット ------------------------------------ */
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type='checkbox'],
input[type='radio'] {
  display: none;
}

input[type='submit'],
input[type='button'],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="radio"],
select {
	position: relative;
	line-height: 1.4;
	display: inline-block;
	padding: 1rem;
	text-indent: 0;
	border: 1px #cccccc solid !important;
	font-size: 1.6rem;
	box-sizing: border-box;
	height: 5rem;
	outline: none;
	width: 100%;
}
textarea {
	position: relative;
	line-height: 1.4;
	display: inline-block;
	padding: 1rem;
	text-indent: 0;
	border: 1px #cccccc solid !important;
	font-size: 1.6rem;
	box-sizing: border-box;
	outline: none;
	resize: vertical;
	width: 100%;
	height: 26rem;
}


/* Tables ------------------------------------ */

table {

}

.alignleft > table {
	margin: 0;
}

.alignright > table {
	margin: 0;
}

th,
td {
}

caption {
	background: #dcd7ca;
	font-weight: 600;
	padding: 0.5em;
	text-align: center;
}

thead {
	vertical-align: bottom;
	white-space: nowrap;
}

th {
	font-weight: 700;
}


/* -------------------------------------------------------------------------- */

/*	3. Helper Classes
/* -------------------------------------------------------------------------- */


/* Layout ------------------------------------ */

/* margin・padding */
.no-margin {
	margin: 0;
}

.no-padding {
	padding: 0;
}

.pt-30 {
	padding-top: 3rem!important;
}
.pt-40 {
	padding-top: 4rem!important;
}
.pt-50 {
	padding-top: 5rem!important;
}
.pt-60 {
	padding-top: 6rem!important;
}
.pt-80 {
	padding-top: 8rem!important;
}
.pb-40 {
	padding-bottom: 4rem!important;
}
.pb-50 {
	padding-bottom: 5rem!important;
}
.pb-80 {
	padding-bottom: 8rem!important;
}
.pb-100 {
	padding-bottom: 10rem!important;
}
.paddingbottom-100 {
	padding-bottom: 10rem!important;
}
@media screen and (max-width: 782px) {
	.pt-30 {
		padding-top: 1.5rem!important;
	}
	.pt-40 {
		padding-top: 2rem!important;
	}
	.pt-50 {
		padding-top: 2.5rem!important;
	}
	.pt-60 {
		padding-top: 3rem!important;
	}
	.pt-80 {
		padding-top: 4rem!important;
	}
	.pb-40 {
		padding-bottom: 2rem!important;
	}
	.pb-50 {
		padding-bottom: 2.5rem!important;
	}
	.pb-80 {
		padding-bottom: 4rem!important;
	}
	.pb-100 {
		padding-bottom: 5rem!important;
	}
}


.mt-20 {
	margin-top: 2rem!important;
}
.mt-30 {
	top: 3rem!important;
}
.mt-40 {
	margin-top: 4rem!important;
}
.mt-50 {
	margin-top: 5rem!important;
}
.mt-60 {
	margin-top: 6rem!important;
}
.mt-80 {
	margin-top: 8rem!important;
}
.mt-100 {
	margin-top: 10rem!important;
}
.mb-40 {
	margin-bottom: 4rem!important;
}
.mb-50 {
	margin-bottom: 5rem!important;
}
.mb-80 {
	margin-bottom: 8rem!important;
}
.mb-100 {
	margin-bottom: 10rem!important;
}
.marginbottom-100 {
	margin-bottom: 10rem!important;
}
@media screen and (max-width: 782px) {
	.mt-30 {
		margin-top: 2rem!important;
	}
	.mt-40 {
		margin-top: 2rem!important;
	}
	.mt-50 {
		margin-top: 2.5rem!important;
	}
	.mt-60 {
		margin-top: 3rem!important;
	}
	.mt-80 {
		margin-top: 4rem!important;
	}
	.mt-100 {
		margin-top: 5rem!important;
	}
	.mb-40 {
		margin-bottom: 2rem!important;
	}
	.mb-50 {
		margin-bottom: 2.5rem!important;
	}
	.mb-80 {
		margin-bottom: 4rem!important;
	}
	.mb-100 {
		margin-bottom: 5rem!important;
	}
}


.screen-height {
	min-height: 100vh;
}

.admin-bar .screen-height {
	min-height: calc(100vh - 32px);
}

@media (max-width: 782px) {

	.admin-bar .screen-height {
		min-height: calc(100vh - 46px);
	}
}

.screen-width {
	position: relative;
	left: calc(50% - 50vw);
	width: 100vw;
}

/* Sections ---------------------------------- */

section {
	padding: 5rem 0;
	width: 100%;
}

.section-inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 120rem;
	width: calc(100% - 4rem);
}

.section-inner.max-percentage {
	width: 100%;
}

.section-inner.thin {
	max-width: 58rem;
}

.section-inner.small {
	max-width: 80rem;
}

.section-inner.medium {
	max-width: 100rem;
}

.section-inner.no-margin {
	margin: 0;
}


/* Toggles ----------------------------------- */

.toggle {
	-moz-appearance: none;
	-webkit-appearance: none;
	color: inherit;
	cursor: pointer;
	font-family: inherit;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	text-align: inherit;
	user-select: none;
}

button.toggle {
	background: none;
	border: none;
	box-shadow: none;
	border-radius: 0;
	font-size: inherit;
	font-weight: 400;
	letter-spacing: inherit;
	padding: 0;
	text-transform: none;
}

/* Hiding and Showing ------------------------ */

.js .show-js {
	display: block !important;
}

.js .hide-js {
	display: none !important;
}

.no-js .show-no-js {
	display: block !important;
}

.no-js .hide-no-js {
	display: none !important;
}


/* Typography -------------------------------- */

.font-size-xl {
	font-size: 1.25em;
}

.font-size-xs {
	font-size: 0.8em;
}

.no-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


/* Colors ------------------------------------ */

/* COLOR */

.color-accent,
.color-accent-hover:focus,
.color-accent-hover:hover {
	color: #cd2653;
}

/* BACKGROUND COLOR */

.bg-accent,
.bg-accent-hover:focus,
.bg-accent-hover:hover {
	background-color: #cd2653;
}

/* BORDER COLOR */

.border-color-accent,
.border-color-accent-hover:focus,
.border-color-accent-hover:hover {
	border-color: #cd2653;
}

/* FILL COLOR */

.fill-children-accent,
.fill-children-accent * {
	fill: #cd2653;
}

.fill-children-current-color,
.fill-children-current-color * {
	fill: currentColor;
}


/* Opacity ----------------------------------- */

.opacity-0 {
	opacity: 0;
}

.opacity-5 {
	opacity: 0.05;
}

.opacity-10 {
	opacity: 0.1;
}

.opacity-15 {
	opacity: 0.15;
}

.opacity-20 {
	opacity: 0.2;
}

.opacity-25 {
	opacity: 0.25;
}

.opacity-30 {
	opacity: 0.3;
}

.opacity-35 {
	opacity: 0.35;
}

.opacity-40 {
	opacity: 0.4;
}

.opacity-45 {
	opacity: 0.45;
}

.opacity-50 {
	opacity: 0.5;
}

.opacity-55 {
	opacity: 0.55;
}

.opacity-60 {
	opacity: 0.6;
}

.opacity-65 {
	opacity: 0.65;
}

.opacity-70 {
	opacity: 0.7;
}

.opacity-75 {
	opacity: 0.75;
}

.opacity-80 {
	opacity: 0.8;
}

.opacity-85 {
	opacity: 0.85;
}

.opacity-90 {
	opacity: 0.9;
}

.blend-mode-exclusion {
	mix-blend-mode: exclusion;
}

.blend-mode-hue {
	mix-blend-mode: hue;
}

.blend-mode-saturation {
	mix-blend-mode: saturation;
}

.blend-mode-color {
	mix-blend-mode: color;
}

.blend-mode-luminosity {
	mix-blend-mode: luminosity;
}


/* Image Classes ----------------------------- */

.bg-image {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bg-attachment-fixed {
	background-attachment: fixed;
}

@supports ( -webkit-overflow-scrolling: touch ) {

	.bg-attachment-fixed {
		background-attachment: scroll;
	}
}

@media ( prefers-reduced-motion: reduce ) {

	.bg-attachment-fixed {
		background-attachment: scroll;
	}
}

.wp-block-image.is-resized {
	margin-left: auto;
	margin-right: auto;
}

/* Search Form ------------------------------- */

.search-form {
	align-items: stretch;
	display: flex;
	flex-wrap: nowrap;
	margin: 0 0 -0.8rem -0.8rem;
}

.search-form .search-field,
.search-form .search-submit {
	margin: 0 0 0.8rem 0.8rem;
}

.search-form label {
	align-items: stretch;
	display: flex;
	font-size: inherit;
	margin: 0;
	width: 100%;
}

.search-form .search-field {
	width: 100%;
}

.search-form .search-submit {
	flex-shrink: 0;
}

.search-form .search-submit:focus,
.search-form .search-submit:hover {
	text-decoration: none;
}


/* Social Icons ------------------------------ */

ul.social-icons {
	display: flex;
	flex-wrap: wrap;
	margin: -0.9rem 0 0 -0.9rem;
	width: calc(100% + 0.9rem);
}

ul.social-icons li {
	margin: 0.9rem 0 0 0.9rem;
}

.social-icons a {
	align-items: center;
	background: #cd2653;
	border-radius: 50%;
	color: #fff;
	display: flex;
	height: 4.4rem;
	justify-content: center;
	padding: 0;
	text-decoration: none;
	transition: transform 0.15s ease-in-out;
	width: 4.4rem;
}

.social-icons a:focus,
.social-icons a:hover {
	transform: scale(1.1);
	text-decoration: none;
}


/* Cover Modals ------------------------------ */

.cover-modal {
	display: none;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
}

.cover-modal::-webkit-scrollbar {
	display: none !important;
}

.cover-modal.show-modal {
	display: block;
	cursor: pointer;
}

.cover-modal.show-modal > * {
	cursor: default;
}

/* PC・SP */
@media screen and (max-width: 782px) {
  .pc-only {
    display: none!important;
  }
}
@media screen and (min-width: 782px) {
  .sp-only {
    display: none!important;
  }
}

.container {
  max-width: 122rem;
  margin: 0px auto;
  width: 100% !important;
	padding: 0 2rem;
	box-sizing: border-box;
}
.container-inner {
  max-width: 96rem;
	margin: auto;
}
.bg-gray {
	background-color: #f4f4f8;
}