/*! 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 {
	font-size: 16px;
}

body {
	background: #fff;
	color: #333;
	font-size: 1em;
	line-height: 1.8em;
	font-family: YakuHanJP,zen-kaku-gothic-new,"Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif;
	font-weight: 500;
}

body::after {
	content: "";
	position: fixed;
	left: 0;
	top: 0;
	z-index: -2;
	width: 100%;
	height: 100vh;
	background-color: #e6efef;
	background-image: radial-gradient(at 50% 50%, hsl(180, 24%, 92%) 0, transparent 50%),radial-gradient(at 100% 0%, hsl(310, 52%, 97%) 0, transparent 50%),radial-gradient(at 0% 100%, hsl(17, 36%, 94%) 0, transparent 50%),radial-gradient(at 100% 100%, hsl(77, 37%, 90%) 0, transparent 50%),radial-gradient(at 0% 0%, hsl(180, 38%, 86%) 0, transparent 50%);
}

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

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

img {
	max-width: 100%;
	height: auto;
	line-height: 0;
	vertical-align: bottom;
}

.u-none {
	display: none;
}

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

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

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

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

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

.u-tc--sub {
	color: #0097e0;
}

.u-tc--note {
	color: #759cb2;
}

.u-tc--em1 {
	color: #f7ac00;
}

.u-bc--main {
	background-color: #fbf8f2;
}

.u-bc--sub {
	background-color: #cce6cd;
}

.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(16px*1.35);
	line-height: 1.8em;
}

.u-fz--lg {
	font-size: calc(16px*1.2);
	line-height: 1.8em;
}

.u-fz--md {
	font-size: 16px;
	line-height: 1.8em;
}

.u-fz--sm {
	font-size: calc(16px*.85);
	line-height: 1.8em;
}

.u-fz--xs {
	font-size: calc(16px*.7);
	line-height: 1.8em;
}

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

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

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

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

.u-ff--jr {
	font-family: YakuHanRP,"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: "Plus Jakarta Sans",sans-serif;
}

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

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

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

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

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

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

.u-lnc--em1 {
	text-decoration-color: #f7ac00;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.u-bdc--sub {
	border-color: #0097e0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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(20px);
	transition: opacity .2s ease-in,transform .4s ease-out;
}

.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;
}

.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>li::before {
	content: "・";
}

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

.c-link--line {
	position: relative;
	z-index: 1;
	color: #0097e0;
	text-decoration: underline;
	word-wrap: break-word;
	overflow-wrap: break-word;
	word-break: break-all;
}

.c-link--line:hover {
	color: #f7ac00;
}

.c-button {
	display: inline-flex;
	flex-flow: row nowrap;
	align-items: center;
	position: relative;
	z-index: 1;
	border-radius: 35px;
	min-width: 280px;
	min-height: 70px;
	padding: 5px 0 5px 30px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3)),#00b7bf;
	color: #fff;
	font-size: calc(16px*1.1);
	line-height: 1.2em;
	font-weight: 500;
	text-align: left;
	cursor: pointer;
}

.c-button.is-orange {
	background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3)),#f7ac00;
}

.c-button.is-icon {
	padding-right: 80px;
}

.c-button.is-icon::before,
.c-button.is-icon::after {
	content: "";
	position: absolute;
	top: calc(50% - 23px);
	right: 12px;
	width: 46px;
	height: 46px;
}

.c-button.is-icon::before {
	z-index: -1;
	border-radius: 50%;
	background: rgba(255,255,255,.3);
	transition: .3s;
}

.c-button.is-icon::after {
	z-index: 1;
	background-color: rgba(0,0,0,0);
	background-repeat: no-repeat;
	background-position: center;
}

.c-button.is-icon:hover::before {
	transform: scale(0.8);
}

.c-button.is-blank::after {
	background-image: url(../img/ic_blank.svg);
	background-size: 14px auto;
}

.c-button.is-more::after {
	background-image: url(../img/ic_more.svg);
	background-size: 16px auto;
}

.c-title01 {
	position: relative;
	z-index: 1;
	margin-bottom: 40px;
	padding-top: 20px;
}

.c-title01::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	border-width: 0 10px;
	border-style: solid;
	border-left-color: #0097e0;
	border-right-color: #f7ac00;
	width: 0;
	height: 10px;
}

.c-title01__main {
	display: inline-block;
	color: #0097e0;
	font-size: 3.2em;
	line-height: 1.2em;
	letter-spacing: .05em;
	text-indent: -0.1em;
	font-family: "Plus Jakarta Sans",sans-serif;
}

.c-title01__sub {
	display: inline-block;
	margin-left: 1em;
	color: #333;
	font-size: 1.1em;
	line-height: 1.2em;
	letter-spacing: -0.05em;
}

.c-title01::before,
.c-title01__main,
.c-title01__sub {
	transform: translateX(-500px);
	transition: transform .3s ease-out;
}

.c-title01::before {
	transition-delay: .2s;
}

.c-title01__sub {
	transition-delay: .1s;
}

.c-title01.is-show::before,
.c-title01.is-show .c-title01__main,
.c-title01.is-show .c-title01__sub {
	transform: translateX(0);
}

.splash {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 60000;
	width: 100%;
	height: 100%;
	background: #fff;
}

.l-header__logo {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: fixed;
	left: 30px;
	top: 0;
	z-index: 20000;
	width: 282px;
	height: 160px;
}

.l-header__logo a {
	display: block;
}

.l-header__logo a:hover {
	transform: scale(1.04);
}

.l-header__regist {
	display: none;
	position: fixed;
	right: 110px;
	top: 30px;
	z-index: 20000;
}

.l-header__toggle {
	display: none;
	overflow: hidden;
	position: fixed;
	right: 20px;
	top: 30px;
	z-index: 22000;
	border-radius: 100%;
	width: 80px;
	height: 80px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3)),#f7ac00;
}

.l-header__toggle_bars {
	fill: #fff;
	pointer-events: all;
	cursor: pointer;
}

.l-header__toggle_bars .bar {
	opacity: 1;
	transform-origin: 40px 40px;
	transition: transform .3s ease-in-out,opacity .2s ease-in-out;
}

.l-header__toggle_bars .bar:nth-of-type(1) {
	transform: translateY(-10px) rotate(0);
}

.l-header__toggle_bars .bar:nth-of-type(3) {
	transform: translateY(10px) rotate(0);
}

.l-header__menu {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	align-items: center;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 21000;
	padding: 0 30px;
	width: calc(100% - 282px - 30px);
	height: 160px;
	transition: top .4s ease-in-out,transform .4s ease-out;
}

.l-header__menu_logo {
	display: none;
}

.l-header__menu_list {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	border-radius: 35px;
	padding: 0 20px;
	height: 70px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3)),#ffefcb;
}

.l-header__menu_item {
	overflow: hidden;
	border-radius: 20px;
	min-width: 100px;
	height: 40px;
}

.l-header__menu_link {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
	padding: 0 5px;
	height: 100%;
	color: #f7ac00;
	font-size: 1.1em;
	line-height: 0;
	font-family: "Plus Jakarta Sans",sans-serif;
	transition: all .2s ease-out;
}

.l-header__menu_link::after {
	content: "";
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3)),#f7ac00;
	transition: all .2s ease-out;
}

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

.l-header__menu_item.is-active .l-header__menu_link {
	color: #fff;
}

.l-header__menu_item.is-active .l-header__menu_link::after {
	opacity: 1;
}

.l-header__menu_system {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	align-items: center;
}

.l-header__menu_system li {
	margin-left: 15px;
}

.l-header__menu_system .c-button {
	min-width: 180px;
}

.l-header__menu_regist {
	margin-left: 15px;
}

.l-header__logo,
.l-header__toggle {
	transform: translateY(-500px);
	transition: transform .3s ease-out;
}

.l-header__menu {
	transform: translateY(-500px);
}

.l-header.is-show .l-header__logo,
.l-header.is-show .l-header__regist,
.l-header.is-show .l-header__toggle,
.l-header.is-show .l-header__menu {
	transform: translateY(0);
}

.l-footer {
	position: relative;
	z-index: 10000;
	padding: 0 100px 100px;
}

.l-footer::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
	height: calc(100% - 150px);
	background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3)),#0097e0;
}

.l-footer__inner {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	border-radius: 40px;
	padding: 80px;
	background: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
}

.l-footer__first {
	width: 312px;
}

.l-footer__last {
	width: calc(100% - 312px - 40px);
	text-align: right;
}

.l-footer__share {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
}

.l-footer__share_subj {
	margin-top: .3em;
	font-size: .75em;
	line-height: 1.2em;
	font-family: "Plus Jakarta Sans",sans-serif;
	letter-spacing: .05em;
}

.l-footer__share_links {
	line-height: 0;
}

.l-footer__share .bro-snsbox.bro-circle-view>div>div {
	margin: 0 0 0 10px;
	width: 40px !important;
}

.l-footer__share .bro-snsbox.bro-circle-view>div>div>a {
	display: block;
}

.l-footer__share .bro-snsbox.bro-circle-view>div>div>a:hover {
	transform: scale(1.1);
}

.l-footer__info {
	overflow: hidden;
	margin-top: 30px;
	border: 1px solid #0097e0;
	border-radius: 10px;
}

.l-footer__info_subj {
	padding: 9px 9px 10px;
	background: #0097e0;
	color: #fff;
	line-height: 1em;
	text-align: center;
}

.l-footer__info_body {
	padding: 10px 15px;
	line-height: 1.4em;
}

.l-footer__logos {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
}

.l-footer__logo {
	margin-left: 8px;
}

.l-footer__logo_link {
	overflow: hidden;
	display: block;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 60px;
	padding: 9px 34px;
	width: 240px;
	line-height: 0;
	transition: all .2s ease-out;
}

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

.l-footer__logo_link:hover img {
	transform: scale(0.96);
}

.l-footer__smenus {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	margin-top: 20px;
	color: #759cb2;
}

.l-footer__smenu:not(:first-child) {
	margin-left: 15px;
}

.l-footer__smenu:not(:first-child)::before {
	content: "";
	opacity: .6;
	display: inline-block;
	margin-right: 15px;
	width: 2px;
	height: 10px;
	background: #759cb2;
	vertical-align: middle;
}

.l-footer__smenu_link {
	display: inline-block;
	color: #759cb2;
	font-size: .9em;
	line-height: 1em;
	vertical-align: middle;
}

.l-footer__smenu_link:hover {
	color: #f7ac00;
}

.l-footer__copyright {
	margin-top: 10px;
	color: #759cb2;
	font-size: .75em;
	line-height: 1.6em;
}

#container {
	overflow: hidden;
	position: relative;
	z-index: 100;
	padding-top: 160px;
}

#container::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, white calc(100% - 1100px), rgba(255, 255, 255, 0));
}

.p-section {
	position: relative;
	z-index: 1000;
	padding: 0 100px 200px;
}

.p-main {
	overflow: hidden;
	position: relative;
	z-index: 1000;
	margin-bottom: 200px;
	border-radius: 0 30px 30px 0;
	width: calc(100% - 80px);
	background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3)),#0097e0;
	line-height: 0;
	text-align: center;
}

.p-main::before {
	content: "";
	-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, black 40px);
	mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, black 40px);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	width: 100%;
	height: 180px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3)),#0097e0;
}

.p-main::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	z-index: -2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0) url(../img/main_pattern.png) 0 0 repeat fixed;
}

.p-main__inner {
	position: relative;
	z-index: 1;
	padding: 100px 80px 100px 160px;
	width: 100%;
	height: 100%;
}

.p-main__inner::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 40px;
	z-index: -1;
	width: 100%;
	height: 100px;
	background: rgba(0,0,0,0) url(../img/main_roll_text.png) 0 0 repeat-x;
	animation: p-main_roll 29.16s linear infinite;
}

.p-main_title {
	margin: 0 auto;
	max-width: 800px;
}

.p-main {
	transform: translateX(-100%);
	transition: transform .4s .4s ease-out;
}

.p-main__inner {
	opacity: 0;
	transform: translateY(20px);
	transition: all .4s .8s ease-out;
}

.p-main.is-show {
	transform: translateX(0);
}

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

.p-lineup__item {
	position: relative;
	z-index: 1;
	margin-top: 20px;
}

.p-lineup__item_inner {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: flex-start;
	border-radius: 40px;
	padding: 40px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3)),#d6efff;
	transition: all .2s ease-out;
}

.p-lineup__item_thumb {
	overflow: hidden;
	display: block;
	border-radius: 20px;
	width: 500px;
	background: #fff;
}

.p-lineup__item_desc {
	display: block;
	padding-right: 40px;
	width: calc(100% - 500px - 30px);
}

.p-lineup__item_sells {
	display: flex;
	margin-bottom: 15px;
}

.p-lineup__item_sell {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-right: 10px;
	border-radius: 15px;
	padding: 0 15px 2px;
	height: 30px;
	background: #fff;
	color: #0097e0;
	line-height: 0;
}

.p-lineup__item_sell.is-caution {
	color: #f7ac00;
}

.p-lineup__item_period {
	display: block;
	margin-bottom: 15px;
	color: #0097e0;
	font-size: 1em;
	line-height: 1.4em;
}

.p-lineup__item_subj {
	display: block;
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight: 700;
}

.p-lineup__item_categories {
	display: flex;
	flex-flow: row wrap;
	margin-top: 20px;
	color: #0097e0;
	font-size: .9em;
	line-height: 1em;
}

.p-lineup__item_category {
	margin: 10px 10px 0 0;
}

.p-lineup__item_button {
	position: absolute;
	right: 20px;
	bottom: 20px;
	z-index: 10;
}

.p-lineup__item_button_inner {
	display: block;
	border-radius: 100%;
	width: 60px;
	height: 60px;
}

.p-lineup__item_button_inner::before,
.p-lineup__item_button_inner::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.p-lineup__item_button_inner::before {
	background: rgba(0,0,0,0) url(../img/ic_blank.svg) center/20px auto no-repeat;
}

.p-lineup__item_button_inner::after {
	border-radius: 100%;
	z-index: -2;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3)),#f7ac00;
	transition: all .2s ease-out;
}

.p-lineup__none {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
	border-radius: 40px;
	padding: 40px;
	min-height: 300px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3)),#ddd;
	color: #aaa;
	font-size: 1.4em;
	line-height: 1.4em;
	text-align: center;
}

a.p-lineup__item_inner:hover {
	transform: scale(1.02);
}

a.p-lineup__item_inner:hover .p-lineup__item_button_inner::after {
	transform: scale(1.1);
}

.p-lineup__item,
.p-lineup__none {
	opacity: 0;
	transform: translateY(40px);
	transition: opacity .4s ease-out,transform .3s ease-out;
}

.p-lineup__item.is-show,
.p-lineup__none.is-show {
	opacity: 1;
	transform: translateY(0);
}

.p-news__list {
	margin-right: -100px;
	border-radius: 30px 0 0 30px;
	padding: 60px 100px;
	width: calc(100% + 100px);
	background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3)),#0097e0;
	color: #fff;
}

.p-news__item {
	border-width: 0 0 1px;
	border-style: solid;
	border-color: rgba(255,255,255,.3);
	padding: 25px 0;
}

.p-news__item:first-child {
	border-width: 1px 0;
	padding-top: 26px;
}

.p-news__item.is-none {
	display: none;
}

.p-news__item_date {
	opacity: .6;
	margin-bottom: .5em;
	font-size: .8em;
	line-height: 1.2em;
	font-family: "Plus Jakarta Sans",sans-serif;
	letter-spacing: .1em;
}

.p-news__more {
	margin-top: 50px;
	text-align: center;
}

.p-news__more .c-button {
	min-width: 360px;
}

.p-news__list {
	opacity: 0;
	transform: translateX(100%);
	transition: opacity .4s ease-out,transform .3s ease-out;
}

.p-news__list.is-show {
	opacity: 1;
	transform: translateX(0);
}

.p-qanda {
	z-index: 900;
}

.p-qanda::before {
	content: "";
	position: absolute;
	right: 0;
	top: -220px;
	z-index: -1;
	width: 540px;
	height: 460px;
	background: rgba(0,0,0,0) url(../img/bg_brocco.png) 0 0 no-repeat;
}

.p-qanda__item {
	overflow: hidden;
	position: relative;
	z-index: 1;
	margin-top: 20px;
	border-radius: 50px;
	padding: 0 30px;
	background: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,.1);
}

.p-qanda__q {
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	z-index: 1;
	padding: 0 50px;
	min-height: 100px;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: 700;
	cursor: pointer;
}

.p-qanda__q::before {
	content: "Q";
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100px;
	color: #0097e0;
	font-size: 2em;
	line-height: 1em;
	font-family: "Plus Jakarta Sans",sans-serif;
	font-weight: 400;
}

.p-qanda__toggle {
	position: absolute;
	right: 0;
	top: 25px;
	z-index: 10;
	border-radius: 100%;
	width: 50px;
	height: 50px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3)),#f7ac00;
}

.p-qanda__toggle::before,
.p-qanda__toggle::after {
	content: "";
	position: absolute;
	left: 17px;
	top: calc(50% - 1px);
	width: 16px;
	height: 2px;
	background: #fff;
	transition: transform .4s linear;
}

.p-qanda__toggle::before {
	transform: rotate(-270deg);
}

.p-qanda__a {
	display: none;
	border-top: 2px solid rgba(0,0,0,.1);
	padding: 40px 50px;
}

.p-qanda__item.is-open .p-qanda__toggle::before {
	transform: rotate(0deg);
}

.p-qanda__item {
	opacity: 0;
	transform: translateY(40px);
	transition: opacity .4s ease-out,transform .3s ease-out;
}

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

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

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

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

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

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

}

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

html {
	font-size: 28px;
}

body {
	line-height: 1.6em;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.u-mgt--qt {
	margin-top: 11px;
}

.u-mgt--td {
	margin-top: 14px;
}

.u-mgt--hf {
	margin-top: 22px;
}

.u-mgt--1c {
	margin-top: 44px;
}

.u-mgt--1h {
	margin-top: 67px;
}

.u-mgt--2c {
	margin-top: 89px;
}

.u-mgt--2h {
	margin-top: 112px;
}

.u-mgt--3c {
	margin-top: 134px;
}

.u-mgb--qt {
	margin-bottom: 11px;
}

.u-mgb--td {
	margin-bottom: 14px;
}

.u-mgb--hf {
	margin-bottom: 22px;
}

.u-mgb--1c {
	margin-bottom: 44px;
}

.u-mgb--1h {
	margin-bottom: 67px;
}

.u-mgb--2c {
	margin-bottom: 89px;
}

.u-mgb--2h {
	margin-bottom: 112px;
}

.u-mgb--3c {
	margin-bottom: 134px;
}

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

.c-link--line:hover {
	color: #0097e0;
}

.c-button {
	border-radius: 50px;
	padding-left: 40px;
	min-width: 460px;
	min-height: 100px;
	font-size: calc(28px*1.1);
	line-height: 1.4em;
}

.c-button.is-icon {
	padding-right: 100px;
}

.c-button.is-icon::before,
.c-button.is-icon::after {
	top: calc(50% - 40px);
	right: 10px;
	width: 80px;
	height: 80px;
}

.c-button.is-icon:hover::before {
	transform: scale(1);
}

.c-button.is-blank::after {
	background-size: 28px auto;
}

.c-button.is-more::after {
	background-size: 30px auto;
}

.c-title01 {
	margin-bottom: 45px;
	padding-top: 25px;
}

.c-title01__main {
	font-size: 2.2em;
	line-height: 1.2em;
}

.c-title01__sub {
	margin-left: .6em;
	font-size: .8em;
	line-height: 1.2em;
}

.l-header__logo {
	left: 20px;
	width: 250px;
}

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

.l-header__regist .c-button {
	border-radius: 40px;
	padding-left: 40px;
	min-width: 240px;
	min-height: 80px;
	font-size: .8em;
	line-height: 1.2em;
	text-align: center;
}

.l-header__regist .c-button.is-icon {
	padding-right: 70px;
}

.l-header__regist .c-button.is-icon::before,
.l-header__regist .c-button.is-icon::after {
	top: calc(50% - 30px);
	right: 10px;
	width: 60px;
	height: 60px;
}

.l-header__regist .c-button.is-blank::after {
	background-size: 20px auto;
}

.l-header__toggle {
	display: block;
}

.l-header__menu {
	overflow: auto;
	display: block;
	top: -100vh;
	padding: 150px 75px;
	width: 100%;
	height: 100vh;
	background: rgba(255,255,255,.95);
	text-align: center;
}

.l-header__menu_logo {
	display: block;
}

.l-header__menu_list {
	display: block;
	border-radius: 0;
	padding: 20px 0 0;
	height: auto;
	background: rgba(0,0,0,0);
}

.l-header__menu_item {
	margin-top: 30px;
	border-radius: 50px;
	height: 100px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.3)),#ffefcb;
}

.l-header__menu_link {
	font-size: 1.5em;
	line-height: 1.2em;
	letter-spacing: .05em;
	text-indent: .05em;
}

.l-header__menu_system {
	display: block;
}

.l-header__menu_system li {
	margin: 30px 0 0;
}

.l-header__menu_system .c-button {
	justify-content: center;
	padding-left: 100px;
	width: 100%;
	font-size: 1.2em;
	line-height: 1.2em;
}

.l-header__menu_regist {
	margin-left: 0;
}

.l-header__menu_regist .c-button {
	justify-content: center;
	padding-left: 100px;
	width: 100%;
	font-size: 1.2em;
	line-height: 1.2em;
}

.l-header.is-open .l-header__menu {
	top: 0;
}

.l-header.is-open .l-header__toggle_bars .bar:nth-of-type(1) {
	transform: translateY(0) rotate(45deg);
}

.l-header.is-open .l-header__toggle_bars .bar:nth-of-type(2) {
	opacity: 0;
}

.l-header.is-open .l-header__toggle_bars .bar:nth-of-type(3) {
	transform: translateY(0) rotate(-45deg);
}

.l-footer {
	padding: 0 40px 40px;
	text-align: center;
}

.l-footer__inner {
	display: block;
	padding: 100px 45px;
}

.l-footer__first {
	width: auto;
}

.l-footer__last {
	width: auto;
	text-align: center;
}

.l-footer__share {
	justify-content: center;
}

.l-footer__share_subj {
	margin-top: .3em;
	font-size: .6em;
	line-height: 1.2em;
	letter-spacing: .05em;
}

.l-footer__share .bro-snsbox.bro-circle-view>div>div {
	margin: 0 0 0 20px;
	width: 60px !important;
}

.l-footer__share .bro-snsbox.bro-circle-view>div>div>a:hover {
	transform: scale(1);
}

.l-footer__info {
	margin: 60px auto;
	border-width: 2px;
	width: 500px;
}

.l-footer__info_subj {
	padding: 13px 8px 15px;
	font-size: .9em;
	line-height: 1em;
}

.l-footer__info_body {
	padding: 25px 30px;
	font-size: .9em;
	line-height: 1.4em;
	text-align: left;
}

.l-footer__logos {
	flex-flow: row wrap;
	justify-content: center;
}

.l-footer__logo {
	margin-left: 0;
}

.l-footer__logo:nth-of-type(even) {
	margin-left: 20px;
}

.l-footer__logo:nth-of-type(n+3) {
	margin-top: 10px;
}

.l-footer__logo_link {
	border-width: 2px;
	border-radius: 50px;
	padding: 13px 36px;
	width: 280px;
}

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

.l-footer__smenus {
	flex-flow: row wrap;
	justify-content: center;
	margin-top: 40px;
}

.l-footer__smenu:not(:first-child) {
	margin-left: 20px;
}

.l-footer__smenu:not(:first-child)::before {
	margin-right: 20px;
	width: 2px;
	height: 15px;
}

.l-footer__smenu_link {
	font-size: .75em;
	line-height: 1em;
}

.l-footer__smenu_link:hover {
	color: #759cb2;
}

.l-footer__copyright {
	margin-top: 30px;
	font-size: .55em;
	line-height: 1.6em;
}

#container {
	padding-top: 130px;
	background: linear-gradient(to bottom, white calc(100% - 1600px), rgba(255, 255, 255, 0));
}

.p-section {
	padding: 0 40px 200px;
}

.p-main {
	border-radius: 0 40px 40px 0;
	width: calc(100% - 20px);
}

.p-main::before {
	-webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, black 30px);
	mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, black 30px);
	height: 160px;
}

.p-main__inner {
	padding: 130px 45px 204px;
}

.p-main__inner::before {
	bottom: 30px;
}

.p-lineup__item {
	margin-top: 30px;
}

.p-lineup__item_inner {
	display: block;
	padding: 20px 20px 120px;
}

.p-lineup__item_thumb {
	width: auto;
}

.p-lineup__item_desc {
	padding: 40px 20px 0;
	width: auto;
}

.p-lineup__item_sells {
	margin-bottom: 20px;
}

.p-lineup__item_sell {
	margin-right: 15px;
	border-radius: 25px;
	padding: 0 25px 2px;
	height: 50px;
	font-size: .9em;
}

.p-lineup__item_period {
	font-size: .85em;
	line-height: 1.4em;
}

.p-lineup__item_subj {
	font-size: 1.1em;
	line-height: 1.4em;
	font-weight: 500;
}

.p-lineup__item_categories {
	margin-top: 30px;
	font-size: .7em;
	line-height: 1em;
}

.p-lineup__item_button_inner {
	width: 80px;
	height: 80px;
}

.p-lineup__item_button_inner::before {
	background-size: 30px auto;
}

.p-lineup__none {
	margin-top: 30px;
	min-height: 400px;
	font-size: 1.2em;
	line-height: 1.4em;
}

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

a.p-lineup__item_inner:hover .p-lineup__item_button_inner::after {
	transform: scale(1);
}

.p-news__list {
	margin-right: -40px;
	margin-left: -20px;
	border-radius: 40px 0 0 40px;
	padding: 60px 40px;
	width: calc(100% + 60px);
}

.p-news__item {
	border-width: 0 0 2px;
	padding: 35px 0;
}

.p-news__item:first-child {
	border-width: 2px 0;
	padding-top: 37px;
}

.p-news__item_date {
	margin-bottom: .5em;
	font-size: .75em;
	line-height: 1.2em;
}

.p-news__item_desc {
	font-size: .85em;
	line-height: 1.6em;
}

.p-news__more .c-button {
	min-width: 470px;
}

.p-qanda::before {
	top: -250px;
}

.p-qanda__item {
	margin-top: 30px;
	padding: 0 20px;
}

.p-qanda__q {
	padding: 0 70px;
	font-size: .9em;
	line-height: 1.4em;
	font-weight: 400;
}

.p-qanda__toggle {
	top: 20px;
	width: 60px;
	height: 60px;
}

.p-qanda__toggle::before,
.p-qanda__toggle::after {
	left: 17px;
	top: calc(50% - 2px);
	width: 26px;
	height: 4px;
}

.p-qanda__a {
	padding: 40px 20px 50px;
	font-size: .8em;
	line-height: 1.6em;
}

}

@keyframes p-main_roll {

0% {
	background-position: 0 0;
}

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

}


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