/*
Author: Studio Orbiter
Author URI: https://studio-orbiter.com/
Version: 1.0.0
Created    : 2020.10.5
Modified   : 2021.9.1
*/
@charset "UTF-8";

/**
 * container
 */
.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
@media (min-width: 576px) { .container { max-width: 540px; } }
@media (min-width: 768px) { .container { max-width: 720px; } }
@media (min-width: 992px) { .container { max-width: 960px; } }
@media (min-width: 1200px) { .container { max-width: 1140px; } }
.container-fluid, .container-sm, .container-md, .container-lg, .container-xl {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
@media (min-width: 576px) {
	.container, .container-sm {
		max-width: 540px;
	}
}
@media (min-width: 768px) {
	.container, .container-sm, .container-md {
		max-width: 720px;
	}
}
@media (min-width: 992px) {
	.container, .container-sm, .container-md, .container-lg {
		max-width: 960px;
	}
}
@media (min-width: 1200px) {
	.container, .container-sm, .container-md, .container-lg, .container-xl {
		max-width: 1140px;
	}
}

/**
 * font
 */
html { font-size: 10px; }
body { font-size: 1.6rem; }
h1 { font-size: 3.375em; }
h2 { font-size: 2.25em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.25em; }
h5 { font-size: 1.125em; }
h6 { font-size: 1em; }
body {
	font-family: "Noto Sans JP", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Noto Sans JP", sans-serif;
	margin-top: 0;
	margin-bottom: 0;
}
p, ul, ol, table, .table {
	margin-bottom: 0;
}
.t-l { text-align: left; }
.t-c { text-align: center; }
.t-r { text-align: right; }
.t-j { text-align: justify; }
@media (min-width: 576px) {
	.t-sm-l { text-align: left; }
	.t-sm-c { text-align: center; }
	.t-sm-r { text-align: right; }
	.t-sm-j { text-align: justify; }
}
@media (min-width: 768px) {
	.t-md-l { text-align: left; }
	.t-md-c { text-align: center; }
	.t-md-r { text-align: right; }
	.t-md-j { text-align: justify; }
}
@media (min-width: 992px) {
	.t-lg-l { text-align: left; }
	.t-lg-c { text-align: center; }
	.t-lg-r { text-align: right; }
	.t-lg-j { text-align: justify; }
}
@media (min-width: 1200px) {
	.t-xl-l { text-align: left; }
	.t-xl-c { text-align: center; }
	.t-xl-r { text-align: right; }
	.t-xl-j { text-align: justify; }
}

/**
 * margin
 */
.mt-0 { margin-top: 0; }
.mt-5 { margin-top: .5rem; }
.mt-10 { margin-top: 1rem; }
.mt-15 { margin-top: 1.5rem; }
.mt-20 { margin-top: 2rem; }
.mt-25 { margin-top: 2.5rem; }
.mt-30 { margin-top: 3rem; }
.mt-35 { margin-top: 3.5rem; }
.mt-40 { margin-top: 4rem; }
.mt-45 { margin-top: 4.5rem; }
.mt-50 { margin-top: 5rem; }
.mt-60 { margin-top: 6rem; }
.mt-70 { margin-top: 7rem; }
.mt-80 { margin-top: 8rem; }
.mt-90 { margin-top: 9rem; }
.mt-100 { margin-top: 10rem; }
.mb-0 { margin-bottom: 0; }
.mb-5 { margin-bottom: .5rem; }
.mb-10 { margin-bottom: 1rem; }
.mb-15 { margin-bottom: 1.5rem; }
.mb-20 { margin-bottom: 2rem; }
.mb-25 { margin-bottom: 2.5rem; }
.mb-30 { margin-bottom: 3rem; }
.mb-35 { margin-bottom: 3.5rem; }
.mb-40 { margin-bottom: 4rem; }
.mb-45 { margin-bottom: 4.5rem; }
.mb-50 { margin-bottom: 5rem; }
.mb-60 { margin-bottom: 6rem; }
.mb-70 { margin-bottom: 7rem; }
.mb-80 { margin-bottom: 8rem; }
.mb-90 { margin-bottom: 9rem; }
.mb-100 { margin-bottom: 10rem; }
@media (min-width: 576px) {
	.mb-sm-0 { margin-bottom: 0; }
	.mb-sm-5 { margin-bottom: .5rem; }
	.mb-sm-10 { margin-bottom: 1rem; }
	.mb-sm-15 { margin-bottom: 1.5rem; }
	.mb-sm-20 { margin-bottom: 2rem; }
	.mb-sm-25 { margin-bottom: 2.5rem; }
	.mb-sm-30 { margin-bottom: 3rem; }
	.mb-sm-35 { margin-bottom: 3.5rem; }
	.mb-sm-40 { margin-bottom: 4rem; }
	.mb-sm-45 { margin-bottom: 4.5rem; }
	.mb-sm-50 { margin-bottom: 5rem; }
	.mb-sm-60 { margin-bottom: 6rem; }
	.mb-sm-70 { margin-bottom: 7rem; }
	.mb-sm-80 { margin-bottom: 8rem; }
	.mb-sm-90 { margin-bottom: 9rem; }
	.mb-sm-100 { margin-bottom: 10rem; }
}
@media (min-width: 768px) {
	.mb-md-0 { margin-bottom: 0; }
	.mb-md-5 { margin-bottom: .5rem; }
	.mb-md-10 { margin-bottom: 1rem; }
	.mb-md-15 { margin-bottom: 1.5rem; }
	.mb-md-20 { margin-bottom: 2rem; }
	.mb-md-25 { margin-bottom: 2.5rem; }
	.mb-md-30 { margin-bottom: 3rem; }
	.mb-md-35 { margin-bottom: 3.5rem; }
	.mb-md-40 { margin-bottom: 4rem; }
	.mb-md-45 { margin-bottom: 4.5rem; }
	.mb-md-50 { margin-bottom: 5rem; }
	.mb-md-60 { margin-bottom: 6rem; }
	.mb-md-70 { margin-bottom: 7rem; }
	.mb-md-80 { margin-bottom: 8rem; }
	.mb-md-90 { margin-bottom: 9rem; }
	.mb-md-100 { margin-bottom: 10rem; }
}
@media (min-width: 992px) {
	.mb-lg-0 { margin-bottom: 0; }
	.mb-lg-5 { margin-bottom: .5rem; }
	.mb-lg-10 { margin-bottom: 1rem; }
	.mb-lg-15 { margin-bottom: 1.5rem; }
	.mb-lg-20 { margin-bottom: 2rem; }
	.mb-lg-25 { margin-bottom: 2.5rem; }
	.mb-lg-30 { margin-bottom: 3rem; }
	.mb-lg-35 { margin-bottom: 3.5rem; }
	.mb-lg-40 { margin-bottom: 4rem; }
	.mb-lg-45 { margin-bottom: 4.5rem; }
	.mb-lg-50 { margin-bottom: 5rem; }
	.mb-lg-60 { margin-bottom: 6rem; }
	.mb-lg-70 { margin-bottom: 7rem; }
	.mb-lg-80 { margin-bottom: 8rem; }
	.mb-lg-90 { margin-bottom: 9rem; }
	.mb-lg-100 { margin-bottom: 10rem; }
}
@media (min-width: 1200px) {
	.mb-xl-0 { margin-bottom: 0; }
	.mb-xl-5 { margin-bottom: .5rem; }
	.mb-xl-10 { margin-bottom: 1rem; }
	.mb-xl-15 { margin-bottom: 1.5rem; }
	.mb-xl-20 { margin-bottom: 2rem; }
	.mb-xl-25 { margin-bottom: 2.5rem; }
	.mb-xl-30 { margin-bottom: 3rem; }
	.mb-xl-35 { margin-bottom: 3.5rem; }
	.mb-xl-40 { margin-bottom: 4rem; }
	.mb-xl-45 { margin-bottom: 4.5rem; }
	.mb-xl-50 { margin-bottom: 5rem; }
	.mb-xl-60 { margin-bottom: 6rem; }
	.mb-xl-70 { margin-bottom: 7rem; }
	.mb-xl-80 { margin-bottom: 8rem; }
	.mb-xl-90 { margin-bottom: 9rem; }
	.mb-xl-100 { margin-bottom: 10rem; }
}

/**
 * display
 */
.d-none { display: none !important; }
.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-block { display: block !important; }
.d-table { display: table !important; }
.d-flex { display: -ms-flexbox !important; display: flex !important; }
@media (min-width: 576px) {
	.d-sm-none { display: none !important; }
	.d-sm-inline { display: inline !important; }
	.d-sm-inline-block { display: inline-block !important; }
	.d-sm-block { display: block !important; }
	.d-sm-table { display: table !important; }
	.d-sm-flex { display: -ms-flexbox !important; display: flex !important; }
}
@media (min-width: 768px) {
	.d-md-none { display: none !important; }
	.d-md-inline { display: inline !important; }
	.d-md-inline-block { display: inline-block !important; }
	.d-md-block { display: block !important; }
	.d-md-table { display: table !important; }
	.d-md-flex { display: -ms-flexbox !important; display: flex !important; }
}
@media (min-width: 992px) {
	.d-lg-none { display: none !important; }
	.d-lg-inline { display: inline !important; }
	.d-lg-inline-block { display: inline-block !important; }
	.d-lg-block { display: block !important; }
	.d-lg-table { display: table !important; }
	.d-lg-flex { display: -ms-flexbox !important; display: flex !important; }
}
@media (min-width: 1200px) {
	.d-xl-none { display: none !important; }
	.d-xl-inline { display: inline !important; }
	.d-xl-inline-block { display: inline-block !important; }
	.d-xl-block { display: block !important; }
	.d-xl-table { display: table !important; }
	.d-xl-flex { display: -ms-flexbox !important; display: flex !important; }
}

/**
 * list
 */
ul, ol {
	padding-inline-start: 2em;
}
.li-style-none {
	list-style-type: none;
}

/**
 * table
 */
.table {
	border-bottom: 1px solid #ddd;
}
@media (max-width: 1199px) {
	.table-lg th, .table-lg td {
		display: block;
		width: 100%;
	}
}
@media (max-width: 991px) {
	.table-md th, .table-md td {
		display: block;
		width: 100%;
	}
}
@media (max-width: 767px) {
	.table-sm th, .table-sm td {
		display: block;
		width: 100%;
	}
}
@media (max-width: 575px) {
	.table-xs th, .table-xs td {
		display: block;
		width: 100%;
	}
}

/**
 * grid
 */
.grid { display: grid; }
.g-col-1 { grid-template-columns: 1fr; }
.g-col-2 { grid-template-columns: repeat(2, 1fr); }
.g-col-3 { grid-template-columns: repeat(3, 1fr); }
.g-col-4 { grid-template-columns: repeat(4, 1fr); }
.g-col-5 { grid-template-columns: repeat(5, 1fr); }
.g-col-6 { grid-template-columns: repeat(6, 1fr); }
.gap-0 { gap: 0; }
.gap-5 { gap: .5rem; }
.gap-10 { gap: 1rem; }
.gap-15 { gap: 1.5rem; }
.gap-20 { gap: 2rem; }
.gap-25 { gap: 2.5rem; }
.gap-30 { gap: 3rem; }
.gap-x-0 { column-gap: 0; }
.gap-x-5 { column-gap: .5rem; }
.gap-x-10 { column-gap: 1rem; }
.gap-x-15 { column-gap: 1.5rem; }
.gap-x-20 { column-gap: 2rem; }
.gap-x-25 { column-gap: 2.5rem; }
.gap-x-30 { column-gap: 3rem; }
.gap-y-0 { row-gap: 0; }
.gap-y-5 { row-gap: .5rem; }
.gap-y-10 { row-gap: 1rem; }
.gap-y-15 { row-gap: 1.5rem; }
.gap-y-20 { row-gap: 2rem; }
.gap-y-25 { row-gap: 2.5rem; }
.gap-y-30 { row-gap: 3rem; }
@media (min-width: 576px) {
	.g-col-sm-1 { grid-template-columns: 1fr; }
	.g-col-sm-2 { grid-template-columns: repeat(2, 1fr); }
	.g-col-sm-3 { grid-template-columns: repeat(3, 1fr); }
	.g-col-sm-4 { grid-template-columns: repeat(4, 1fr); }
	.g-col-sm-5 { grid-template-columns: repeat(5, 1fr); }
	.g-col-sm-6 { grid-template-columns: repeat(6, 1fr); }
	.gap-sm-0 { gap: 0; }
	.gap-sm-5 { gap: .5rem; }
	.gap-sm-10 { gap: 1rem; }
	.gap-sm-15 { gap: 1.5rem; }
	.gap-sm-20 { gap: 2rem; }
	.gap-sm-25 { gap: 2.5rem; }
	.gap-sm-30 { gap: 3rem; }
	.gap-x-sm-0 { column-gap: 0; }
	.gap-x-sm-5 { column-gap: .5rem; }
	.gap-x-sm-10 { column-gap: 1rem; }
	.gap-x-sm-15 { column-gap: 1.5rem; }
	.gap-x-sm-20 { column-gap: 2rem; }
	.gap-x-sm-25 { column-gap: 2.5rem; }
	.gap-x-sm-30 { column-gap: 3rem; }
	.gap-y-sm-0 { row-gap: 0; }
	.gap-y-sm-5 { row-gap: .5rem; }
	.gap-y-sm-10 { row-gap: 1rem; }
	.gap-y-sm-15 { row-gap: 1.5rem; }
	.gap-y-sm-20 { row-gap: 2rem; }
	.gap-y-sm-25 { row-gap: 2.5rem; }
	.gap-y-sm-30 { row-gap: 3rem; }
}
@media (min-width: 768px) {
	.g-col-md-1 { grid-template-columns: 1fr; }
	.g-col-md-2 { grid-template-columns: repeat(2, 1fr); }
	.g-col-md-3 { grid-template-columns: repeat(3, 1fr); }
	.g-col-md-4 { grid-template-columns: repeat(4, 1fr); }
	.g-col-md-5 { grid-template-columns: repeat(5, 1fr); }
	.g-col-md-6 { grid-template-columns: repeat(6, 1fr); }
	.gap-md-0 { gap: 0; }
	.gap-md-5 { gap: .5rem; }
	.gap-md-10 { gap: 1rem; }
	.gap-md-15 { gap: 1.5rem; }
	.gap-md-20 { gap: 2rem; }
	.gap-md-25 { gap: 2.5rem; }
	.gap-md-30 { gap: 3rem; }
	.gap-x-md-0 { column-gap: 0; }
	.gap-x-md-5 { column-gap: .5rem; }
	.gap-x-md-10 { column-gap: 1rem; }
	.gap-x-md-15 { column-gap: 1.5rem; }
	.gap-x-md-20 { column-gap: 2rem; }
	.gap-x-md-25 { column-gap: 2.5rem; }
	.gap-x-md-30 { column-gap: 3rem; }
	.gap-y-md-0 { row-gap: 0; }
	.gap-y-md-5 { row-gap: .5rem; }
	.gap-y-md-10 { row-gap: 1rem; }
	.gap-y-md-15 { row-gap: 1.5rem; }
	.gap-y-md-20 { row-gap: 2rem; }
	.gap-y-md-25 { row-gap: 2.5rem; }
	.gap-y-md-30 { row-gap: 3rem; }
}
@media (min-width: 992px) {
	.g-col-lg-1 { grid-template-columns: 1fr; }
	.g-col-lg-2 { grid-template-columns: repeat(2, 1fr); }
	.g-col-lg-3 { grid-template-columns: repeat(3, 1fr); }
	.g-col-lg-4 { grid-template-columns: repeat(4, 1fr); }
	.g-col-lg-5 { grid-template-columns: repeat(5, 1fr); }
	.g-col-lg-6 { grid-template-columns: repeat(6, 1fr); }
	.gap-lg-0 { gap: 0; }
	.gap-lg-5 { gap: .5rem; }
	.gap-lg-10 { gap: 1rem; }
	.gap-lg-15 { gap: 1.5rem; }
	.gap-lg-20 { gap: 2rem; }
	.gap-lg-25 { gap: 2.5rem; }
	.gap-lg-30 { gap: 3rem; }
	.gap-x-lg-0 { column-gap: 0; }
	.gap-x-lg-5 { column-gap: .5rem; }
	.gap-x-lg-10 { column-gap: 1rem; }
	.gap-x-lg-15 { column-gap: 1.5rem; }
	.gap-x-lg-20 { column-gap: 2rem; }
	.gap-x-lg-25 { column-gap: 2.5rem; }
	.gap-x-lg-30 { column-gap: 3rem; }
	.gap-y-lg-0 { row-gap: 0; }
	.gap-y-lg-5 { row-gap: .5rem; }
	.gap-y-lg-10 { row-gap: 1rem; }
	.gap-y-lg-15 { row-gap: 1.5rem; }
	.gap-y-lg-20 { row-gap: 2rem; }
	.gap-y-lg-25 { row-gap: 2.5rem; }
	.gap-y-lg-30 { row-gap: 3rem; }
}
@media (min-width: 1200px) {
	.g-col-xl-1 { grid-template-columns: 1fr; }
	.g-col-xl-2 { grid-template-columns: repeat(2, 1fr); }
	.g-col-xl-3 { grid-template-columns: repeat(3, 1fr); }
	.g-col-xl-4 { grid-template-columns: repeat(4, 1fr); }
	.g-col-xl-5 { grid-template-columns: repeat(5, 1fr); }
	.g-col-xl-6 { grid-template-columns: repeat(6, 1fr); }
	.gap-xl-0 { gap: 0; }
	.gap-xl-5 { gap: .5rem; }
	.gap-xl-10 { gap: 1rem; }
	.gap-xl-15 { gap: 1.5rem; }
	.gap-xl-20 { gap: 2rem; }
	.gap-xl-25 { gap: 2.5rem; }
	.gap-xl-30 { gap: 3rem; }
	.gap-x-xl-0 { column-gap: 0; }
	.gap-x-xl-5 { column-gap: .5rem; }
	.gap-x-xl-10 { column-gap: 1rem; }
	.gap-x-xl-15 { column-gap: 1.5rem; }
	.gap-x-xl-20 { column-gap: 2rem; }
	.gap-x-xl-25 { column-gap: 2.5rem; }
	.gap-x-xl-30 { column-gap: 3rem; }
	.gap-y-xl-0 { row-gap: 0; }
	.gap-y-xl-5 { row-gap: .5rem; }
	.gap-y-xl-10 { row-gap: 1rem; }
	.gap-y-xl-15 { row-gap: 1.5rem; }
	.gap-y-xl-20 { row-gap: 2rem; }
	.gap-y-xl-25 { row-gap: 2.5rem; }
	.gap-y-xl-30 { row-gap: 3rem; }
}

/**
 * youtube
 */
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}




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

	.header--full .container{
		max-width: 100%
	}

  .header--default .global-nav .menu,
	.header--transparency .global-nav .menu,
	.header--full .global-nav .menu{
    float: right; }



/**
* fullscreen-menu
*/

.fullscreen-responsive-btn{
    height: 12px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    z-index: 99;
    cursor: pointer;
}
.menu__line{
    background: #000;
    display: block;
    height: 2px;
    position: absolute;
    transition:transform .3s;
    width: 100%;
}
.menu__line--bottom{
    bottom: 0;
}
.menu__line--top.active{
    top: 4px;
    transform: rotate(45deg);
}
.menu__line--bottom.active{
    bottom: 6px;
    transform: rotate(135deg);
}


/*fullscreen-menu--gnav*/
.global-nav-fullscreen{
    display: none;
    position: fixed;
		height: 100%;
		height: 100vh;
    width: 100%;
		width: 100vw;
		top: 0;
    left: 0;
    z-index: 98;
		padding:70px 10px;
		background: #fff;
}
.global-nav-fullscreen .menu-g-navi-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.global-nav-fullscreen .menu-g-navi-container ul#menu-g-navi,
.global-nav-fullscreen .menu-g-navi-container ul#menu-g-navi li ul.sub-menu {
	list-style: none;
	padding-inline-start: 0px;
	width:100%;
	text-align: center; /* 中央寄せ */
}

.global-nav-fullscreen .menu-g-navi-container ul#menu-g-navi li {
	margin:10px auto;
}
.global-nav-fullscreen .menu-g-navi-container ul#menu-g-navi li a {
	font-weight: bold;
	letter-spacing: .1rem;
	text-decoration: none;
	transition: .2s;
}