/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */

*,
::before,
::after {
	box-sizing: border-box;
	border-style: solid;
	border-width: 0;
	min-width: 0;
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
	margin: 0;
}

main {
	display: block;
}

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: inherit;
	font-weight: inherit;
	margin: 0;
}

ul,
ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

dt {
	font-weight: bold;
}

dd {
	margin-left: 0;
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
	border-top-width: 1px;
	margin: 0;
	clear: both;
	color: inherit;
}

pre {
	font-family: monospace,monospace;
	font-size: inherit;
}

address {
	font-style: inherit;
}

a {
	background-color: rgba(0,0,0,0);
	text-decoration: none;
	color: inherit;
}

abbr[title] {
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}

b,
strong {
	font-weight: bolder;
}

code,
kbd,
samp {
	font-family: monospace,monospace;
	font-size: inherit;
}

small {
	font-size: 80%;
}

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

svg,
img,
embed,
object,
iframe {
	vertical-align: bottom;
}

button,
input,
optgroup,
select,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	vertical-align: middle;
	color: inherit;
	font: inherit;
	background: rgba(0,0,0,0);
	padding: 0;
	margin: 0;
	border-radius: 0;
	text-align: inherit;
	text-transform: inherit;
}

button,
[type=button],
[type=reset],
[type=submit] {
	cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
	cursor: default;
}

:-moz-focusring {
	outline: auto;
}

select:disabled {
	opacity: inherit;
}

option {
	padding: 0;
}

fieldset {
	margin: 0;
	padding: 0;
	min-width: 0;
}

legend {
	padding: 0;
}

progress {
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto;
}

[type=search] {
	outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

[type=number] {
	-moz-appearance: textfield;
}

label[for] {
	cursor: pointer;
}

details {
	display: block;
}

summary {
	display: list-item;
}

[contenteditable]:focus {
	outline: auto;
}

table {
	border-color: inherit;
	border-collapse: collapse;
}

caption {
	text-align: left;
}

td,
th {
	vertical-align: top;
	padding: 0;
}

th {
	text-align: left;
	font-weight: bold;
}

html {
	overscroll-behavior-y: none;
	font-size: 18px;
}

body {
	padding-top: 100px;
	background: #fff;
	color: #333;
	font-size: 1em;
	line-height: 1.6em;
	font-family: YakuHanRPs,"fot-tsukuardgothic-std","M PLUS Rounded 1c","Hiragino Maru Gothic ProN","Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP","Meiryo",sans-serif;
	font-weight: 400;
	text-align: left;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

body::after {
	content: "";
	position: fixed;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-color: #fffdf2;
	background-image: url(../img/bg_pattern_left.png),url(../img/bg_pattern_right.png);
	background-repeat: repeat-y,repeat-y;
	background-position: 0 100px,100% 100px;
	background-size: auto,auto;
}

body.is-fixed {
	overflow: hidden;
	height: 100vh;
}

a {
	color: #333;
	transition: all .2s ease-out;
}

strong {
	font-weight: 400;
}

img {
	max-width: 100%;
	height: auto;
	line-height: 0;
	vertical-align: bottom;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-webkit-user-drag: none;
	-moz-user-drag: none;
	user-drag: none;
}

a img {
	transition: all .2s ease-out;
}

hr {
	margin: 30px 0;
	border-width: 1px 0;
	border-style: solid;
	border-color: #6dba44;
	width: 100%;
	height: 3px;
}

rt {
	position: absolute;
	transform: translateY(0.2em);
}

[data-ruby] {
	display: inline-block;
	position: relative;
}

[data-ruby]:before {
	content: attr(data-ruby);
	display: inline-flex;
	justify-content: center;
	position: absolute;
	top: -0.4em;
	left: 0;
	right: 0;
	z-index: 1;
	font-size: .5em;
	line-height: 1em;
	text-align: center;
	white-space: nowrap;
}

[data-ruby] rt {
	display: none;
}

.l-header {
	overflow: hidden;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 50000;
	border-bottom: 2px solid #6dba44;
	width: 100%;
	background: #fff;
}

.l-header__logo {
	padding: 0 10px 0 30px;
	width: 165px;
	line-height: 0;
	transition: all .4s ease-out;
}

.l-header__logo_link {
	display: block;
	transition: all .3s ease-in-out,transform .4s cubic-bezier(0.37, 2.1, 0.79, 0.3);
}

.l-header__logo_link:hover {
	transform: scale(1.1);
}

.l-header__menu {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	padding-top: 10px;
}

.l-header__menu_item {
	overflow: hidden;
	position: relative;
	padding-right: 5px;
	width: 185px;
	text-align: center;
}

.l-header__menu_link {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
	border-radius: 20px 20px 0 0;
	height: 88px;
	background: #eff6d8;
	color: #6dba44;
	transition: all .3s ease-in-out;
}

.l-header__menu_ename {
	font-size: 1.2em;
	line-height: 1.2em;
	font-weight: 700;
	font-family: "sofia-pro-soft",sans-serif;
}

.l-header__menu_jname {
	margin-top: .2em;
	font-size: .9em;
	line-height: 1em;
}

.l-header__menu_ename,
.l-header__menu_jname {
	transition: font-size .3s ease-in-out,line-height .3s ease-in-out,margin-top .3s ease-in-out;
}

.l-header__menu_item.is-active a.l-header__menu_link {
	background: #6dba44;
	color: #fff;
}

.l-header__menu_item:not(.is-active) a.l-header__menu_link:hover {
	transform: translateY(4px);
}

.l-header__menu_item.is-soon {
	opacity: .8;
}

.l-header.is-compact {
	border-bottom-width: 1px;
}

.l-header.is-compact .l-header__logo {
	width: 140px;
}

.l-header.is-compact .l-header__menu {
	padding-top: 5px;
}

.l-header.is-compact .l-header__menu_link {
	height: 60px;
}

.l-header.is-compact .l-header__menu_ename {
	font-size: 1em;
	line-height: 1.2em;
}

.l-header.is-compact .l-header__menu_jname {
	margin-top: 0;
	font-size: .7em;
	line-height: 1em;
}

.l-footer {
	position: relative;
	bottom: 0;
	left: 0;
	z-index: 100;
	margin: 0;
	padding: 80px 0 60px;
	background: #6dba44;
	color: #fffdf2;
	text-align: center;
}

.l-footer__inner {
	margin: 0 auto;
	max-width: 1024px;
}

.l-footer__logos {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	margin-top: -10px;
}

.l-footer__logo {
	margin: 10px 10px 0;
}

.l-footer__logo a,
.l-footer__logo span {
	overflow: hidden;
	display: inline-block;
	border-radius: 14px;
	width: 260px;
	background: #fff;
	line-height: 0;
	vertical-align: bottom;
	transition: all .4s cubic-bezier(0.37, 2.1, 0.79, 0.3);
}

.l-footer__logo a:hover {
	transform: scale(1.05);
}

.l-footer__share {
	margin-top: 50px;
}

.l-footer__share_name {
	font-size: 1.1em;
	line-height: 1.2em;
	font-family: "sofia-pro-soft",sans-serif;
	font-weight: 700;
	letter-spacing: .05em;
	text-indent: .05em;
}

.l-footer__share_body {
	margin-top: 15px;
	line-height: 0;
}

.l-footer__share .bro-snsbox>div>div {
	margin: 0 5px;
}

.l-footer__share .bro-snsbox.bro-circle-view>div>div {
	border: 3px solid #fff !important;
	border-radius: 100% !important;
	width: 60px !important;
	transition: all .4s cubic-bezier(0.37, 2.1, 0.79, 0.3);
}

.l-footer__share .bro-snsbox.bro-circle-view>div>div:hover {
	box-shadow: 0 5px 8px rgba(0,0,0,.3);
	transform: translateY(-3px);
}

.l-footer__broccoli {
	margin-top: 40px;
	line-height: 0;
}

.l-footer__broccoli a {
	display: inline-block;
	width: 174px;
	transition: all .4s cubic-bezier(0.37, 2.1, 0.79, 0.3);
}

.l-footer__broccoli a:hover {
	transform: scale(1.1);
}

.l-footer__caution {
	margin-top: 40px;
}

.l-footer__caution_jp {
	font-size: .7em;
	line-height: 1.4em;
}

.l-footer__caution_en {
	font-size: .8em;
	line-height: 1.4em;
	font-family: "sofia-pro-soft",sans-serif;
}

.l-footer__caution_copy {
	margin-top: 15px;
}

.l-footer__caution_copy>span {
	display: inline-block;
	font-size: .8em;
	line-height: 1.4em;
	font-family: "sofia-pro-soft",sans-serif;
	letter-spacing: .05em;
	text-indent: .05em;
}

#container {
	margin: 0 auto;
	padding-bottom: 140px;
	width: 1024px;
}

.c-button {
	outline: none;
	overflow: hidden;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
	border: none;
	border-radius: 10px;
	padding: 0;
	min-width: 320px;
	min-height: 80px;
	background: #6dba44;
	color: #fffdf2;
	font-size: calc(18px*1.3);
	line-height: 1.2em;
	font-family: YakuHanRPs,"fot-tsukuardgothic-std","M PLUS Rounded 1c","Hiragino Maru Gothic ProN","Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP","Meiryo",sans-serif;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
	transition: all .4s cubic-bezier(0.37, 2.1, 0.79, 0.3);
}

.c-button.is-en {
	font-size: calc(18px*1.4);
	line-height: 1.2em;
	font-family: "sofia-pro-soft",sans-serif;
	font-weight: 500;
}

.c-button.is-none {
	cursor: default;
}

.c-button:not(.is-none):hover {
	transform: scale(1.05);
}

.c-link--line {
	display: inline-block;
	position: relative;
	z-index: 1;
	padding-bottom: 2px;
	color: #6dba44;
	text-decoration: underline;
	cursor: pointer;
	transition: all .2s ease-out;
}

.c-link--line:hover {
	color: #6bc8f2;
	text-decoration: none;
}

.c-link--img {
	cursor: pointer;
	transition: all .2s ease-out;
}

.c-link--img:hover {
	opacity: .6;
}

.c-ulist {
	font-size: inherit;
	line-height: inherit;
	text-align: left;
}

.c-ulist__item {
	position: relative;
	z-index: 1;
	padding-left: 1.2em;
}

.c-ulist__item::before {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}

.c-ulist.is-disc>.c-ulist__item::before {
	content: "●";
	left: .2em;
	color: #6dba44;
	font-size: .6em;
}

.c-ulist.is-asta>.c-ulist__item::before {
	content: "※";
}

.c-ulist.is-line,
.c-ulist.is-line--pc {
	width: calc(100% + .5em);
}

.c-ulist.is-line .c-ulist__item,
.c-ulist.is-line--pc .c-ulist__item {
	display: inline-block;
	margin-right: .5em;
}

.c-olist {
	counter-reset: c-olist-item;
	font-size: inherit;
	line-height: inherit;
	text-align: left;
}

.c-olist>.c-olist__item {
	position: relative;
	z-index: 1;
	padding-left: 1.2em;
}

.c-olist>.c-olist__item::before {
	counter-increment: c-olist-item;
	content: counter(c-olist-item);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: -0.3em;
	top: .35em;
	z-index: -1;
	border: 1px solid rgba(109,186,68,.5);
	border-radius: 100%;
	padding-top: .2em;
	width: 1.3em;
	height: 1.3em;
	color: #6dba44;
	font-size: .9em;
	line-height: 0;
	font-family: "sofia-pro-soft",sans-serif;
	font-weight: 400;
	letter-spacing: -0.1em;
	text-indent: -0.1em;
	text-align: center;
}

.c-dlist {
	text-align: left;
}

.c-dlist__dt {
	color: #6dba44;
	font-size: calc(18px*1.4);
	line-height: 1.2em;
	font-weight: 700;
}

.c-table {
	display: table;
	table-layout: fixed;
	border: none;
	border-collapse: separate;
	border-spacing: 0 6px;
}

.c-table.is-full {
	width: 100%;
}

.c-table tbody {
	display: table-row-group;
}

.c-table__row {
	display: table-row;
}

.c-table__head,
.c-table__data {
	display: table-cell;
	padding: 2px 15px;
}

.c-table__head {
	border-radius: 4px;
	background: #eff6d8;
	color: #6dba44;
	font-weight: 700;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}

.c-table__data {
	text-align: left;
}

.p-splash {
	overflow: hidden;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 55000;
	width: 100%;
	height: 100%;
	background: #fffdf2;
	line-height: 0;
}

.p-splash::after {
	content: "";
	position: fixed;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-color: #fffdf2;
	background-image: url(../img/bg_pattern_left.png),url(../img/bg_pattern_right.png);
	background-repeat: repeat-y,repeat-y;
	background-position: 0 100px,100% 100px;
	background-size: auto,auto;
}

.p-splash__inner {
	opacity: 0;
	transform: scale(2);
	transition: opacity .4s ease-in,transform .8s cubic-bezier(0.55, 1.74, 0.76, 0.72);
}

.p-splash__inner.is-show {
	opacity: 1;
	transform: scale(1);
}

#popup {
	display: none;
}

.p-modal {
	overflow: hidden;
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 58000;
	width: 100%;
	height: 100%;
	background: rgba(109,186,68,.8);
	text-align: center;
}

.p-modal__scroll {
	overflow: auto;
	opacity: 0;
	padding: 150px 0;
	width: 100%;
	max-height: 100%;
	transform: translateY(150px);
	transition: opacity .2s ease-in,transform .6s cubic-bezier(0.55, 1.74, 0.76, 0.72);
}

.p-modal__inner {
	position: relative;
	z-index: 10;
}

.p-modal__close {
	overflow: hidden;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1000;
	border-radius: 0 0 0 20px;
	width: 100px;
	height: 100px;
	background: #fffdf2;
	cursor: pointer;
	box-shadow: -3px 0 0 #6dba44,0 3px 0 #6dba44,-2px 2px 0 #6dba44;
	transition: all .4s cubic-bezier(0.37, 2.1, 0.79, 0.3);
}

.p-modal__close::before,
.p-modal__close::after {
	content: "";
	position: absolute;
	left: calc(50% - 30px);
	top: calc(50% - 3px);
	z-index: 1;
	border-radius: 6px;
	width: 60px;
	height: 6px;
	background: #6dba44;
}

.p-modal__close::before {
	transform: rotate(-45deg);
}

.p-modal__close::after {
	transform: rotate(45deg);
}

.p-modal__close:hover {
	transform: scale(1.1);
}

.p-modal.is-show .p-modal__scroll {
	opacity: 1;
	transform: translateY(0);
}

.p-modal__image {
	overflow: hidden;
	display: inline-block;
	position: relative;
	z-index: 1;
	margin: 0 auto;
	border-radius: 20px;
	line-height: 0;
}

.p-modal__html {
	overflow: hidden;
	position: relative;
	z-index: 1;
	margin: 0 auto;
	padding: 50px;
	background: #fffdf2;
	text-align: left;
}

.p-modal__html_inner {
	margin: 0 auto;
	width: 1024px;
}

.p-modal__html .splide img {
	width: 100%;
}

.p-modal__html .splide__pagination {
	position: absolute;
	left: 0;
	bottom: 15px;
	z-index: 100;
	width: 100%;
}

.p-modal__html .splide__pagination li {
	display: inline-block;
	margin: 0 2px;
}

.p-modal__html .splide__pagination__page {
	opacity: .5;
	border-radius: 100%;
	width: 10px;
	height: 10px;
	background: #6dba44;
	transition: all .2s ease-out;
}

.p-modal__html .splide__pagination__page.is-active {
	opacity: 1;
}

.p-modal__html .splide__pagination__page:not(.is-active):hover {
	opacity: 1;
}

.p-modal .modal_pr__title {
	line-height: 0;
	text-align: center;
}

.p-modal .modal_pr__title img {
	width: auto;
	height: 84px;
}

.p-modal .modal_pr__chara {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	margin-top: 30px;
}

.p-modal .modal_pr__img {
	width: 260px;
	line-height: 0;
	text-align: center;
}

.p-modal .modal_pr__desc {
	width: calc(100% - 260px - 40px);
	font-size: .85em;
	line-height: 1.6em;
}

.p-modal .modal_pr__profile {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.p-modal .modal_pr__profile_item {
	margin-top: 10px;
	border-radius: 10px;
	padding: 18px 30px;
	width: calc((100% - 10px)/2);
	background: #eff6d8;
	line-height: 1.4em;
}

.p-modal .modal_pr__profile_q {
	margin-bottom: .2em;
	color: #6dba44;
	font-weight: 700;
}

.p-modal .modal_item .p-modal__html_inner {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: start;
}

.p-modal .modal_item__pic {
	overflow: hidden;
	border: 2px solid #6dba44;
	border-radius: 20px;
	width: 500px;
	background: #fff;
	line-height: 0;
}

.p-modal .modal_item__pic__np {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 496px;
	color: #6dba44;
}

.p-modal .modal_item__pic__np::before {
	content: "NOW PRINTING";
	opacity: .5;
	font-size: 1.8em;
	line-height: 0;
	font-family: "sofia-pro-soft",sans-serif;
}

.p-modal .modal_item__desc {
	width: calc(100% - 500px - 40px);
}

.p-modal .modal_item__name {
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: 700;
}

.p-modal .modal_item__workname {
	display: block;
	margin-bottom: .5em;
	font-size: .6em;
	line-height: 1.2em;
}

.p-modal .modal_item__mainname {
	display: block;
}

.p-modal .modal_item__sell {
	margin-top: 15px;
	border-radius: 10px;
	padding: 10px 15px;
	width: -moz-fit-content;
	width: fit-content;
	background: #eff6d8;
	color: #6dba44;
	font-size: .9em;
	line-height: 1.2em;
	font-weight: 700;
	text-align: center;
}

.p-modal .modal_item__intro {
	margin: 15px 0 0;
	color: #6dba44;
	font-size: .85em;
	line-height: 1.6em;
}

.p-modal .modal_item__spec {
	margin-top: 40px;
	border-bottom: 1px solid #6dba44;
	padding-bottom: 10px;
	line-height: 1.4em;
}

.p-modal .modal_item__spec_head {
	margin-top: 10px;
	border-top: 1px solid #6dba44;
	padding-top: 10px;
	color: #6dba44;
	font-weight: 700;
}

.p-modal .modal_item__copyright {
	margin-top: 10px;
	font-size: .8em;
	line-height: 1.2em;
	text-align: right;
}

.p-page_header {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
	margin-bottom: 100px;
	height: 300px;
	background: #6bc8f2 url(../img/bg_header.png) 0 0 repeat-x;
	color: #fff;
	font-weight: 700;
	text-align: center;
	text-shadow: 0 0 20px rgba(70,164,210,.8);
	animation: p-page_header__bg 60s linear infinite;
}

.p-page_header__main {
	font-size: 4.4em;
	line-height: 1.2em;
	font-family: "sofia-pro-soft",sans-serif;
}

.p-page_header__sub {
	margin-top: .3em;
	font-size: 1.3em;
	line-height: 1em;
}

.p-page_header__main,
.p-page_header__sub {
	opacity: 0;
	transform: scale(0);
	transition: opacity .2s ease-in,transform .6s cubic-bezier(0.55, 1.74, 0.76, 0.72);
}

.p-page_header__chara {
	overflow: hidden;
	position: absolute;
	right: 0;
	bottom: -40px;
	z-index: 1000;
	padding-left: 70px;
	width: 400px;
	text-align: left;
}

.p-page_header__chara img {
	width: 240px;
	transform: translateX(200%);
}

.p-page_header.is-show .p-page_header__chara img {
	animation: p-page_header__chara_in .4s .4s cubic-bezier(0, 0.79, 0.23, 1.17) 1 forwards;
}

.p-page_header.is-show .p-page_header__main,
.p-page_header.is-show .p-page_header__sub {
	opacity: 1;
	transform: scale(1);
}

.p-table {
	display: block;
}

.p-table>tbody {
	display: block;
}

.p-table__row {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: start;
	position: relative;
	z-index: 1;
	padding: 30px 0 35px;
}

.p-table__row.is-middle {
	align-items: center;
}

.p-table__row:first-child::before,
.p-table__row::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	border-width: 1px 0;
	border-style: solid;
	border-color: #6dba44;
	width: 100%;
	height: 5px;
}

.p-table__row:first-child {
	padding-top: 35px;
}

.p-table__row:first-child::before {
	top: 0;
	bottom: auto;
}

.p-table__head {
	display: block;
	border-radius: 10px;
	padding: 10px 20px;
	width: 280px;
	background: #eff6d8;
	color: #6dba44;
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight: 700;
	letter-spacing: -0.05em;
	text-indent: -0.05em;
	text-align: center;
}

.p-table__head_sub {
	font-size: .7em;
	line-height: 1.8em;
	vertical-align: bottom;
}

.p-table__data {
	display: block;
	width: calc(100% - 280px - 60px);
	text-align: left;
}

.p-buttons {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	position: relative;
	z-index: 1;
	margin: 0 -15px -15px;
	width: calc(100% + 30px);
}

.p-buttons__item {
	margin: 0 0 15px;
	width: 100%;
}

.p-buttons.is-2column>.p-buttons__item {
	margin-left: 15px;
	margin-right: 15px;
	width: calc((100% - 60px)/2);
}

.p-buttons.is-3column>.p-buttons__item {
	margin-left: 15px;
	margin-right: 15px;
	width: calc((100% - 90px)/3);
}

.p-cmn_slider {
	margin-bottom: 32px;
	max-width: 320px;
}

.p-cmn_slider .splide__track {
	overflow: hidden;
	border: 2px solid #6dba44;
	border-radius: 20px;
	background: #fff;
}

.p-cmn_slider .splide__pagination {
	position: absolute;
	left: 1px;
	bottom: -18px;
	z-index: 100;
	width: 100%;
}

.p-cmn_slider .splide__pagination li {
	display: inline-block;
	margin: 0 2px;
}

.p-cmn_slider .splide__pagination__page {
	opacity: .5;
	border-radius: 100%;
	width: 10px;
	height: 10px;
	background: #6dba44;
	transition: all .2s ease-out;
}

.p-cmn_slider .splide__pagination__page.is-active {
	opacity: 1;
}

.p-cmn_slider .splide__pagination__page:not(.is-active):hover {
	opacity: 1;
}

.u-none {
	display: none;
}

.u-iblock {
	display: inline-block;
}

.u-wbreak {
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
	word-break: break-all !important;
}

.u-select--none {
	-webkit-user-select: none !important;
	-moz-user-select: none !important;
	user-select: none !important;
}

.u-select--text {
	-webkit-user-select: text !important;
	-moz-user-select: text !important;
	user-select: text !important;
}

.u-tc--main {
	color: #333 !important;
}

.u-tc--sub {
	color: #6dba44 !important;
}

.u-tc--note {
	color: #999 !important;
}

.u-tc--em1 {
	color: #c00 !important;
}

.u-tc--em2 {
	color: #6dba44 !important;
}

.u-bc--main {
	background-color: #fffdf2 !important;
}

.u-bc--sub {
	background-color: #6dba44 !important;
}

.u-fw--def {
	font-weight: 400 !important;
}

.u-fw--bold {
	font-weight: 700 !important;
}

.u-fw--heavy {
	font-weight: 900 !important;
}

.u-fz--xl {
	font-size: calc(18px*1.35) !important;
	line-height: 1.6em !important;
}

.u-fz--lg {
	font-size: calc(18px*1.2) !important;
	line-height: 1.6em !important;
}

.u-fz--md {
	font-size: 18px !important;
	line-height: 1.6em !important;
}

.u-fz--sm {
	font-size: calc(18px*.85) !important;
	line-height: 1.6em !important;
}

.u-fz--xs {
	font-size: calc(18px*.7) !important;
	line-height: 1.6em !important;
}

.u-fs--normal {
	font-style: normal !important;
}

.u-fs--italic {
	font-style: italic !important;
}

.u-ff--jg {
	font-family: YakuHanJPs,"Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif;
}

.u-ff--jm {
	font-family: YakuHanMPs,"Times New Roman","YuMincho","Hiragino Mincho ProN","Noto Serif JP","Yu Mincho","MS PMincho",serif;
}

.u-ff--jr {
	font-family: YakuHanRPs,"fot-tsukuardgothic-std","M PLUS Rounded 1c","Hiragino Maru Gothic ProN","Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP","Meiryo",sans-serif;
}

.u-ff--en1 {
	font-family: "sofia-pro-soft",sans-serif;
}

.u-ln--solid {
	text-decoration: underline !important;
}

.u-ln--double {
	-webkit-text-decoration: underline double !important;
	text-decoration: underline double !important;
}

.u-ln--dotted {
	-webkit-text-decoration: underline dotted !important;
	text-decoration: underline dotted !important;
}

.u-ln--dashed {
	-webkit-text-decoration: underline dashed !important;
	text-decoration: underline dashed !important;
}

.u-ln--wavy {
	-webkit-text-decoration: underline wavy !important;
	text-decoration: underline wavy !important;
}

.u-ln--dis {
	text-decoration: line-through !important;
}

.u-lnc--em1 {
	text-decoration-color: #c00 !important;
}

.u-bd--def {
	border: 1px solid #333 !important;
}

.u-bd--bold {
	border: 2px solid #333 !important;
}

.u-bdw--def {
	border-width: 1px !important;
}

.u-bdw_t--def {
	border-top-width: 1px !important;
}

.u-bdw_r--def {
	border-right-width: 1px !important;
}

.u-bdw_b--def {
	border-bottom-width: 1px !important;
}

.u-bdw_l--def {
	border-left-width: 1px !important;
}

.u-bdw--bold {
	border-width: 2px !important;
}

.u-bdw_t--bold {
	border-top-width: 2px !important;
}

.u-bdw_r--bold {
	border-right-width: 2px !important;
}

.u-bdw_b--bold {
	border-bottom-width: 2px !important;
}

.u-bdw_l--bold {
	border-left-width: 2px !important;
}

.u-bdc--main {
	border-color: #333 !important;
}

.u-bdc--sub {
	border-color: #6dba44 !important;
}

.u-ta--c {
	text-align: center !important;
}

.u-ta--l {
	text-align: left !important;
}

.u-ta--r {
	text-align: right !important;
}

.u-va--m {
	vertical-align: middle !important;
}

.u-va--t {
	vertical-align: top !important;
}

.u-va--b {
	vertical-align: bottom !important;
}

.u-wd--1c {
	width: 1em !important;
}

.u-wd--2c {
	width: 2em !important;
}

.u-wd--3c {
	width: 3em !important;
}

.u-wd--4c {
	width: 4em !important;
}

.u-wd--5c {
	width: 5em !important;
}

.u-wd--6c {
	width: 6em !important;
}

.u-wd--7c {
	width: 7em !important;
}

.u-wd--8c {
	width: 8em !important;
}

.u-wd--9c {
	width: 9em !important;
}

.u-wd--10c {
	width: 10em !important;
}

.u-wd--11c {
	width: 11em !important;
}

.u-wd--12c {
	width: 12em !important;
}

.u-wd--13c {
	width: 13em !important;
}

.u-wd--14c {
	width: 14em !important;
}

.u-wd--15c {
	width: 15em !important;
}

.u-wd--16c {
	width: 16em !important;
}

.u-wd--17c {
	width: 17em !important;
}

.u-wd--18c {
	width: 18em !important;
}

.u-wd--19c {
	width: 19em !important;
}

.u-wd--20c {
	width: 20em !important;
}

.u-wd--21c {
	width: 21em !important;
}

.u-wd--22c {
	width: 22em !important;
}

.u-wd--23c {
	width: 23em !important;
}

.u-wd--24c {
	width: 24em !important;
}

.u-wd--25c {
	width: 25em !important;
}

.u-wd--26c {
	width: 26em !important;
}

.u-wd--27c {
	width: 27em !important;
}

.u-wd--28c {
	width: 28em !important;
}

.u-wd--29c {
	width: 29em !important;
}

.u-wd--30c {
	width: 30em !important;
}

.u-mgt--qt {
	margin-top: 7px !important;
}

.u-mgt--td {
	margin-top: 9px !important;
}

.u-mgt--hf {
	margin-top: 14px !important;
}

.u-mgt--1c {
	margin-top: 28px !important;
}

.u-mgt--1h {
	margin-top: 43px !important;
}

.u-mgt--2c {
	margin-top: 57px !important;
}

.u-mgt--2h {
	margin-top: 72px !important;
}

.u-mgt--3c {
	margin-top: 86px !important;
}

.u-mgb--qt {
	margin-bottom: 7px !important;
}

.u-mgb--td {
	margin-bottom: 9px !important;
}

.u-mgb--hf {
	margin-bottom: 14px !important;
}

.u-mgb--1c {
	margin-bottom: 28px !important;
}

.u-mgb--1h {
	margin-bottom: 43px !important;
}

.u-mgb--2c {
	margin-bottom: 57px !important;
}

.u-mgb--2h {
	margin-bottom: 72px !important;
}

.u-mgb--3c {
	margin-bottom: 86px !important;
}

.u-scroll--mode1 {
	opacity: 0;
	transform: translateY(-20px);
	transition: opacity .2s ease-in,transform .4s ease-out;
}

.u-scroll--mode1.is-show {
	opacity: 1;
	transform: translateY(0);
}

.u-scroll--mode2 {
	opacity: 0;
	transform: translateY(100px);
	transition: opacity .2s ease-in,transform .6s cubic-bezier(0.55, 1.74, 0.76, 0.72);
}

.u-scroll--mode2.is-show {
	opacity: 1;
	transform: translateY(0);
}

.u-scroll--mode3 {
	opacity: 0;
	transform: translateX(-100%);
	transition: opacity .2s ease-in,transform .6s ease-out;
}

.u-scroll--mode3.is-show {
	opacity: 1;
	transform: translateX(0);
}

.u-scroll--mode9 {
	opacity: 0;
	transition: opacity .6s ease-out;
}

.u-scroll--mode9.is-show {
	opacity: 1;
}

.work_section:not(:first-child) {
	margin-top: 100px;
}

.work_section__title {
	margin-bottom: 30px;
	line-height: 0;
	text-align: center;
}

.work_section__title_logo {
	max-width: 420px;
}

.work_section__layout {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: start;
}

.work_section__layout_pic {
	margin-bottom: -32px;
	width: 210px;
}

.work_section__layout_desc {
	width: calc(100% - 210px - 30px);
}

@media screen and (min-width: 960px) {

.u-none--pc {
	display: none;
}

.u-iblock--pc {
	display: inline-block;
}

.u-wbreak--pc {
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
	word-break: break-all !important;
}

.u-wd__auto--pc {
	width: auto !important !important;
}

}

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

html {
	font-size: 25px;
}

body {
	padding-top: 120px;
	line-height: 1.6em;
}

body::after {
	background-position: -100px 100px,calc(100% + 100px) 100px;
}

hr {
	margin: 60px 0;
	border-width: 2px 0;
	height: 4px;
}

[data-ruby]:before {
	top: -0.3em;
}

.l-header__logo {
	padding: 0 5px 0 25px;
	width: 210px;
}

.l-header__logo_link:hover {
	transform: scale(1);
}

.l-header__menu_item {
	padding-right: 4px;
	width: 174px;
}

.l-header__menu_link {
	height: 108px;
}

.l-header__menu_ename {
	font-size: 1.05em;
	line-height: 1.2em;
	font-weight: 500;
}

.l-header__menu_jname {
	margin-top: .15em;
	font-size: .8em;
	line-height: 1em;
}

.l-header__menu_item:not(.is-active) a.l-header__menu_link:hover {
	transform: translateY(0);
}

.l-header.is-compact .l-header__logo {
	width: 150px;
}

.l-header.is-compact .l-header__menu_link {
	height: 80px;
}

.l-header.is-compact .l-header__menu_ename {
	font-size: .9em;
	line-height: 1.2em;
}

.l-header.is-compact .l-header__menu_jname {
	margin-top: .1em;
	font-size: .6em;
	line-height: 1em;
}

.l-footer {
	padding: 120px 40px;
}

.l-footer__logos {
	position: relative;
	left: -15px;
	margin-top: -30px;
	width: calc(100% + 30px);
}

.l-footer__logo {
	margin: 30px 15px 0;
}

.l-footer__logo a,
.l-footer__logo span {
	border-radius: 20px;
	width: 320px;
}

.l-footer__logo a:hover {
	transform: scale(1);
}

.l-footer__share_name {
	font-size: 1.15em;
	line-height: 1.2em;
}

.l-footer__share .bro-snsbox>div>div {
	margin: 0 10px;
}

.l-footer__share .bro-snsbox.bro-circle-view>div>div {
	border-width: 5px !important;
	width: 100px !important;
}

.l-footer__share .bro-snsbox.bro-circle-view>div>div:hover {
	box-shadow: none;
	transform: translateY(0);
}

.l-footer__broccoli {
	margin-top: 50px;
}

.l-footer__broccoli a {
	width: auto;
}

.l-footer__broccoli a:hover {
	transform: scale(1);
}

.l-footer__caution {
	margin-top: 50px;
}

.l-footer__caution_jp {
	font-size: .6em;
	line-height: 1.6em;
}

.l-footer__caution_en {
	font-size: .65em;
	line-height: 1.6em;
}

.l-footer__caution_copy {
	margin-top: 15px;
}

.l-footer__caution_copy>span {
	font-size: .7em;
	line-height: 1.4em;
}

#container {
	padding: 0 40px 200px;
	width: auto;
}

.c-button {
	display: flex;
	border-radius: 20px;
	min-height: 120px;
	font-size: calc(25px*1.6);
	line-height: 1.2em;
}

.c-button.is-en {
	font-size: calc(25px*1.6);
	line-height: 1.2em;
}

.c-button:not(.is-none):hover {
	transform: scale(1);
}

.c-link--line:hover {
	color: #6dba44;
	text-decoration: underline;
}

.c-link--img:hover {
	opacity: 1;
}

.c-ulist.is-line--pc {
	width: auto;
}

.c-ulist.is-line--pc .c-ulist__item {
	display: block;
	margin-right: 0;
}

.c-olist>.c-olist__item::before {
	top: .3em;
}

.c-dlist__dt {
	font-size: calc(25px*1.3);
	line-height: 1.2em;
}

.c-table {
	border-spacing: 0 8px;
}

.c-table__head {
	border-radius: 8px;
	padding: 4px 20px;
}

.c-table.is-spbreak {
	border-spacing: 0;
	display: block;
}

.c-table.is-spbreak tbody,
.c-table.is-spbreak .c-table__row,
.c-table.is-spbreak .c-table__head,
.c-table.is-spbreak .c-table__data {
	display: block;
}

.c-table.is-spbreak .c-table__row:not(:first-child) {
	margin-top: 15px;
}

.c-table.is-spbreak .c-table__head {
	width: -moz-fit-content !important;
	width: fit-content !important;
}

.c-table.is-spbreak .c-table__data {
	padding: 10px 0 0;
}

.p-splash::after {
	background-position: -100px 100px,calc(100% + 100px) 100px;
}

.p-modal__scroll {
	padding: 230px 0;
}

.p-modal__close {
	width: 120px;
	height: 120px;
}

.p-modal__close::before,
.p-modal__close::after {
	top: calc(50% - 2px);
	height: 4px;
}

.p-modal__close:hover {
	transform: scale(1);
}

.p-modal__image {
	max-width: 690px;
}

.p-modal__html {
	padding: 100px 40px;
}

.p-modal__html_inner {
	width: auto;
}

.p-modal__html .splide__pagination {
	bottom: 20px;
}

.p-modal__html .splide__pagination li {
	margin: 0 4px;
}

.p-modal__html .splide__pagination__page {
	width: 20px;
	height: 20px;
}

.p-modal__html .splide__pagination__page:not(.is-active):hover {
	opacity: .5;
}

.p-modal .modal_pr__title img {
	height: auto;
}

.p-modal .modal_pr__chara {
	display: block;
	margin-top: 40px;
}

.p-modal .modal_pr__img {
	margin-bottom: 30px;
	width: auto;
}

.p-modal .modal_pr__desc {
	width: auto;
	font-size: .95em;
	line-height: 1.6em;
}

.p-modal .modal_pr__profile_item {
	margin-top: 20px;
	padding: 20px 15px;
	width: calc((100% - 30px)/2);
}

.p-modal .modal_pr__profile_q {
	margin-bottom: .2em;
	font-size: 1.1em;
	line-height: 1.2em;
}

.p-modal .modal_pr__profile_a {
	font-size: .8em;
	line-height: 1.6em;
}

.p-modal .modal_item .p-modal__html_inner {
	display: block;
}

.p-modal .modal_item__pic {
	margin-bottom: 50px;
	width: 670px;
}

.p-modal .modal_item__pic__np {
	height: 666px;
}

.p-modal .modal_item__desc {
	width: auto;
}

.p-modal .modal_item__workname {
	font-size: .7em;
	line-height: 1.2em;
}

.p-modal .modal_item__sell {
	margin-top: 20px;
	padding: 20px 20px;
	font-size: 1em;
	line-height: 1.2em;
	letter-spacing: -0.05em;
}

.p-modal .modal_item__intro {
	margin: 20px 0 -10px;
}

.p-modal .modal_item__spec {
	margin-top: 40px;
	border-bottom-width: 2px;
	padding-bottom: 20px;
}

.p-modal .modal_item__spec_head {
	margin-top: 20px;
	border-top-width: 2px;
	padding-top: 20px;
}

.p-modal .modal_item__copyright {
	margin-top: 20px;
}

.p-page_header {
	margin-bottom: 120px;
	height: 360px;
}

.p-page_header__main {
	font-size: 4em;
	line-height: 1.2em;
}

.p-page_header__sub {
	margin: .3em 0 .8em;
	font-size: 1.2em;
	line-height: 1em;
}

.p-page_header__chara {
	bottom: -70px;
	padding-left: 40px;
	width: 310px;
}

.p-table__row {
	display: block;
	padding: 35px 0 45px;
}

.p-table__row:first-child::before,
.p-table__row::after {
	border-width: 2px 0;
	height: 8px;
}

.p-table__row:first-child {
	padding-top: 45px;
}

.p-table__head {
	width: auto;
}

.p-table__data {
	margin-top: 30px;
	width: auto;
}

.p-buttons {
	margin-bottom: 0;
}

.p-buttons.is-2column>.p-buttons__item {
	margin: 0 0 15px;
	width: 100%;
}

.p-buttons.is-3column>.p-buttons__item {
	width: calc((100% - 60px)/2);
}

.p-cmn_slider {
	margin-bottom: 52px;
	max-width: 670px;
}

.p-cmn_slider .splide__pagination {
	bottom: -30px;
}

.p-cmn_slider .splide__pagination li {
	margin: 0 4px;
}

.p-cmn_slider .splide__pagination__page {
	width: 20px;
	height: 20px;
}

.p-cmn_slider .splide__pagination__page:not(.is-active):hover {
	opacity: .5;
}

.u-none--sp {
	display: none;
}

.u-iblock--sp {
	display: inline-block;
}

.u-wbreak--sp {
	word-wrap: break-word !important;
	overflow-wrap: break-word !important;
	word-break: break-all !important;
}

.u-fz--xl {
	font-size: calc(25px*1.35) !important;
	line-height: 1.6em !important;
}

.u-fz--lg {
	font-size: calc(25px*1.2) !important;
	line-height: 1.6em !important;
}

.u-fz--md {
	font-size: 25px !important;
	line-height: 1.6em !important;
}

.u-fz--sm {
	font-size: calc(25px*.85) !important;
	line-height: 1.6em !important;
}

.u-fz--xs {
	font-size: calc(25px*.7) !important;
	line-height: 1.6em !important;
}

.u-bd--def {
	border-width: 2px !important;
}

.u-bd--bold {
	border-width: 4px !important;
}

.u-bdw--def {
	border-width: 2px !important;
}

.u-bdw_t--def {
	border-top-width: 2px !important;
}

.u-bdw_r--def {
	border-right-width: 2px !important;
}

.u-bdw_b--def {
	border-bottom-width: 2px !important;
}

.u-bdw_l--def {
	border-left-width: 2px !important;
}

.u-bdw--bold {
	border-width: 4px !important;
}

.u-bdw_t--bold {
	border-top-width: 4px !important;
}

.u-bdw_r--bold {
	border-right-width: 4px !important;
}

.u-bdw_b--bold {
	border-bottom-width: 4px !important;
}

.u-bdw_l--bold {
	border-left-width: 4px !important;
}

.u-wd__auto--sp {
	width: auto !important !important;
}

.u-mgt--qt {
	margin-top: 10px !important;
}

.u-mgt--td {
	margin-top: 13px !important;
}

.u-mgt--hf {
	margin-top: 20px !important;
}

.u-mgt--1c {
	margin-top: 40px !important;
}

.u-mgt--1h {
	margin-top: 60px !important;
}

.u-mgt--2c {
	margin-top: 80px !important;
}

.u-mgt--2h {
	margin-top: 100px !important;
}

.u-mgt--3c {
	margin-top: 120px !important;
}

.u-mgb--qt {
	margin-bottom: 10px !important;
}

.u-mgb--td {
	margin-bottom: 13px !important;
}

.u-mgb--hf {
	margin-bottom: 20px !important;
}

.u-mgb--1c {
	margin-bottom: 40px !important;
}

.u-mgb--1h {
	margin-bottom: 60px !important;
}

.u-mgb--2c {
	margin-bottom: 80px !important;
}

.u-mgb--2h {
	margin-bottom: 100px !important;
}

.u-mgb--3c {
	margin-bottom: 120px !important;
}

.u-scroll--mode3 {
	transition: opacity .2s ease-in,transform .4s ease-out;
}

.work_section__title {
	margin-bottom: 40px;
}

.work_section__title_logo {
	max-width: 100%;
}

.work_section__layout {
	display: block;
}

.work_section__layout_pic {
	margin-bottom: 0;
	width: auto;
}

.work_section__layout_desc {
	width: auto;
}

}

@keyframes p-page_header__bg {

0% {
	background-position: 0 0;
}

100% {
	background-position: -2000px 0;
}

}

@keyframes p-page_header__chara_in {

0% {
	transform: translateX(200%);
}

100% {
	transform: translateX(0);
}

}


/*# sourceMappingURL=../map/exhibition.css.map */