﻿@charset "utf-8";
/* default */
:root{
  --regular:400;
  --bold:700;
  --xbold:900;
  --2xsmall:10px;
  --xsmall:12px;
  --small:13.5px;
  --medium:15px;
  --large:16.5px;
  --xlarge:18px;
  --2xlarge:24px;
  --3xlarge:30px;
  --4xlarge:36px;
  --5xlarge:42px;
  --black:#000;
  --darkgray:#666;
  --gray:#888;
  --lightgray:#bbb;
  --white:#fff;
  --red:#e60012;
  --yellow:#fed200;
  --green:#00a73c;
  --blue:#00a0e9;
  --darkblue:#003894;
  --purple:#9c0183;
  --pink:#e4007f;
  --orange:#ee7800;
  --border:#ddd;
  --lightborder:rgba(255,255,255,0.1);
  --background:#f5f5f5;
  --ease:cubic-bezier(.16,1,.3,1);
  --transition:0.3s var(--ease);
  --opacity:0.9;
  --english:"Jost";
  --serif:"Noto Serif JP";
  --clip-center:polygon(100% 50%,100% 50%,0% 50%,0% 50%);
}
@media (min-width:768px){
	:root{
	}
}
@media (max-width:767px){
	:root{
	}
}
html{scroll-behavior:smooth;}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
body,input,select,textarea,button{background:var(--white);color:var(--black);font-size:var(--medium);font-weight:var(--regular);font-family:"Noto Sans JP",sans-serif;letter-spacing:0.1em;}
body{font-feature-settings:"palt";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
body.is-lock{overflow:hidden;}
ul,ol{list-style:none;}
figure{margin:0;}
picture{display:block;}
img,svg{display:block;max-width:100%;height:auto;border:0;}
table{width:100%;border-collapse:collapse;border-spacing:0;}
th{font-weight:inherit;}
a{color:inherit;text-decoration:none;}
a:hover{opacity:var(--opacity);transform:scale(1.01);}
a:active{color:inherit;}
button{margin:0;padding:0;border:0;background:none;cursor:pointer;}
input,select,textarea,button{box-sizing:border-box;font:inherit;}
textarea{resize:vertical;}
input[type="submit"],button{appearance:none;-webkit-appearance:none;}
input::placeholder,textarea::placeholder{color:#999;}
input:disabled,select:disabled,textarea:disabled{opacity:0.5;cursor:not-allowed;}
strong,b{font-weight:var(--bold);}
em,i,address{font-style:normal;}
a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:4px;}
p{line-height:1.75em;}
@media (prefers-reduced-motion:reduce){
	*{scroll-behavior:auto;animation:none!important;transition:none!important;}
}
@media (min-width:768px){
	.sp{display:none!important;}
}
@media (max-width:767px){
	.pc{display:none!important;}
}
/* common */
div.inner{position:relative;margin:auto;}
nav.toc{margin:0 0 60px;background:var(--background);border-radius:1px;}
nav.toc ol{margin:0;}
dl.faq{margin:0 0 1.5em;}
dl.faq>*{position:relative;padding:0 0 0 45px;}
dl.faq dt{margin:0 0 15px;font-size:var(--large);line-height:1.5em;font-weight:var(--bold);}
dl.faq em{position:absolute;top:0;left:0;display:block;border-radius:1px;width:30px;font-size:var(--2xlarge);line-height:30px;color:var(--white);text-align:center;font-family:var(--english);font-weight:var(--regular);}
dl.faq dt em{background:var(--gray);}
dl.faq dd em{background:var(--black);}
section{padding:75px 0;}
article{padding:75px 0;}
article section{padding:15px 0;}
article h1+section{padding-top:0;}
article a{text-decoration:underline;}
article a:hover{text-decoration:none;}
article a.button{display:inline-block;margin:0 auto;padding:0 3em;background:var(--black);border:0;font-size:var(--xlarge);line-height:60px;color:var(--white);font-weight:var(--bold);text-align:center;cursor:pointer;text-decoration:none;transition:transform var(--transition);}
article a.button:hover{transform:scale(1.05);}
article h1{margin:0 0 1em;font-size:var(--4xlarge);font-weight:var(--xbold);}
article h2{margin:0 0 1em;font-size:var(--3xlarge);font-weight:var(--xbold);}
article h2 em{display:block;margin:0 0 0.25em;font-size:var(--small);line-height:1em;font-family:var(--english);}
article h3{margin:0 0 0.5em;font-size:var(--2xlarge);line-height:1.5em;font-weight:var(--bold);}
article h4{margin:0 0 0.5em;font-size:var(--xlarge);line-height:1.5em;font-weight:var(--bold);}
article h4 span{margin-left:1em;font-size:var(--medium);}
article h5{margin:0 0 0.5em;font-size:var(--large);line-height:1.5em;font-weight:var(--bold);}
article p{margin:0 0 1.5em;font-size:var(--large);line-height:1.75em;}
article p+p{margin-top:15px;}
article p:empty{display:none;}
article p small{display:block;margin:1em 0 0;font-size:var(--small);line-height:1.5em;}
article img{margin:0 auto 3em;width:100%;object-fit:cover;}
article iframe{display:block;margin:0 auto 3em;width:100%;aspect-ratio:16/9;}
article table{margin:0 0 3em;}
article table tr>*{padding:1em;border:1px solid var(--border);}
article table th{background:var(--background);}
article table td ul:last-of-type{margin:0;}
article .red{color:var(--red);}
article .yellow{color:var(--yellow);}
article .green{color:var(--green);}
article .blue{color:var(--blue);}
article .darkblue{color:var(--darkblue);}
article .purple{color:var(--purple);}
article .pink{color:var(--pink);}
article .orange{color:var(--orange);}
article ol{margin:0 0 3em;padding:0 0 0 2em;list-style:decimal;}
article ol.marker{margin-top:1.5em;}
article ol.marker li{list-style-type:none;list-style-position:inside;counter-increment:text;}
article ol.marker li:before{display:marker;margin:0 0 0 -2em;content:"（" counter(text) "）";}
article ul{margin:0 0 3em;padding:0 0 0 2em;list-style:circle;}
article li+li{margin-top:0.5em;}
article li span{margin-left:1em;font-size:var(--small);}
article hr{margin:3em 0;padding:0;border:0;height:0;}
article hr.dotted{margin:3em 0;border-top:1px dotted var(--border);}
article hr.solid{margin:3em 0;border-top:1px solid var(--border);}
article .center{text-align:center;}
article .right{text-align:right;}
article div.image::after{content:"";display:block;clear:both;}
article div.background{background:var(--background);}
article div.border{border:1px solid var(--border);}
@media (min-width:768px){
	div.inner{padding:0 40px;max-width:1160px;}
  nav.toc{padding:45px;}
  article div.background{padding:45px;}
  article div.border{padding:45px;}
  article div.image img.float{float:left;margin:0 2em 1em 0;width:calc(50% - 1em);}
}
@media (max-width:767px){
	div.inner{padding:0 30px;}
  nav.toc{padding:30px;}
  article table{border-top:1px solid var(--border);}
  article table tr>*{display:block;border-top:0;width:100%;}
  article div.background{padding:30px;}
  article div.border{padding:29px;}
  article div.image img.float{margin:0 0 2em;}
}
/* motion */
.motion{opacity:0;transition:opacity 1s var(--ease),transform 1s var(--ease);will-change:opacity,transform}
.motion.is-visible{opacity:1;transform:none}
.fade{transform:none}
.fade-up{transform:translateY(45px)}
.fade-right{transform:translateX(45px)}
/* keyframes */
@keyframes background{
  0%{transform:scale(1.1);}
  100%{transform:scale(1);}
}
@keyframes decoration{
  0%{opacity:0;transform:translateY(30px);}
  100%{opacity:1;transform:translateY(0);}
}
@keyframes building{
  0%{opacity:0;transform:translateY(75px) scale(1.1);}
  100%{opacity:1;transform:translateY(0) scale(1);}
}
@keyframes float{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-15px);}
}
@media (min-width:768px){
}
@media (max-width:767px){
}
/* header */
header{padding:30px 0;}
header h1 a img{transition:transform var(--transition);}
header h1 a:hover img{transform:scale(1.01);}
header nav ul:first-of-type{font-family:var(--english);font-weight:var(--bold);}
header nav ul:first-of-type li:nth-child(1) a{color:var(--red);}
header nav ul:first-of-type li:nth-child(2) a{color:var(--blue);}
header nav ul:first-of-type li:nth-child(3) a{color:var(--orange);}
header nav ul:first-of-type li:nth-child(4) a{color:var(--green);}
@media(min-width:768px){
  header div.inner{display:flex;justify-content:space-between;align-items:center;}
  header h1{width:270px;}
  header nav ul{display:flex;flex-wrap:wrap;gap:30px;font-size:var(--xlarge);line-height:1em;}
  header nav ul:first-of-type li{transition:transform var(--transition);}
  header nav ul:first-of-type li:hover{transform:scale(1.05);}
  header nav ul:last-of-type{display:none;}
	header button{display:none;}
}
@media(max-width:767px){
  header h1{width:240px;}
  header nav{position:absolute;top:62.5px;left:0;padding:0 0 60px;background:var(--white);box-shadow:0 1px 1px -1px rgba(0,0,0,0.5);width:100%;opacity:0;visibility:hidden;transition:opacity var(--transition);z-index:2;}
  header nav.is-open{opacity:1;visibility:visible;}
  header nav ul{padding:30px 30px 0;}
  header nav ul:first-of-type{font-size:var(--2xlarge);line-height:1em;}
  header nav ul:first-of-type li+li{margin-top:15px;}
  header nav ul:first-of-type li a{padding:15px 0;display:block;border-bottom:2px solid var(--border);}
  header nav ul:last-of-type{margin:15px auto 0;font-size:var(--medium);}
    header nav ul:last-of-type li+li{margin-top:15px;}
	header button{position:absolute;top:50%;right:20px;padding:15px;background:var(--black);border:0;border-radius:50%;width:54px;height:54px;transform:translate(0,-50%);}
	header button span,
	header button span::before,
	header button span::after{display:block;width:100%;height:2px;background:var(--white);border-radius:1px;transition:transform var(--transition);}
  header button span{position:relative;}
	header button span::before,
	header button span::after{position:absolute;lef:0;content:"";}
	header button span::before{top:-9px;}
  header button span::after{bottom:-9px;}
	header button.is-active span{background:transparent;}
	header button.is-active span::before{transform:translateY(9px) rotate(45deg);}
	header button.is-active span::after{transform:translateY(-9px) rotate(-45deg);}
}
/* index */
main.index h2{margin:0 0 30px;font-size:var(--3xlarge);line-height:43.5px;font-weight:var(--xbold);}
main.index h2 img{display:inline-block;height:75px;}
main.index h2 em{font-family:var(--english);}
main.index h2 span{position:relative;display:inline-block;margin:0 0 0 1.5em;font-size:var(--small);vertical-align:top;}
main.index h2 img+span{line-height:75px;}
@media (min-width:768px){
}
@media(max-width:767px){
}
/* breadcrumb */
nav.breadcrumb{position:relative;margin-bottom:-30px;}
nav.breadcrumb ol{display:flex;flex-wrap:wrap;gap:10px;font-size:var(--medium);line-height:1em;font-weight:var(--bold);}
nav.breadcrumb ol li{position:relative;}
nav.breadcrumb ol li em{font-family:var(--english);}
nav.breadcrumb ol li a:hover{text-decoration:underline;}
nav.breadcrumb ol li + li{padding:0 0 0 15px;}
nav.breadcrumb ol li + li:before{position:absolute;top:50%;left:0;display:block;content:"";border:5px solid transparent;border-left:5px solid var(--black);width:0;height:0;transform:translate(0,-50%);}
@media (min-width:768px){
}
@media(max-width:767px){
}
/* visual */
section.visual{position:relative;padding:0;}
section.visual figure{position:sticky;top:0;overflow:hidden;}
section.visual figure img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition)}
section.visual figure img:nth-child(1){position:absolute;top:50%;left:50%;height:auto;object-fit:fill;transform:translate(-50%,-100%);z-index:1;}
section.visual figure img:nth-child(2){animation:background 2.5s ease forwards;}
section.visual figure img:nth-child(3){animation:decoration 1.5s .3s both,float 10s ease-in-out 2.5s infinite;}
section.visual figure img:nth-child(4){animation:building 2s .2s both,float 5s ease-in-out 2.5s infinite;}
section.visual div.message{position:relative;margin:-30px 0 0;padding:75px 0;background:var(--blue);width:100%;color:var(--white);}
section.visual div.message h2{margin:0 0 0.5em;font-size:var(--5xlarge);line-height:1.25em;font-weight:var(--xbold);}
section.visual div.message h2 em{display:block;margin:0.5em 0 0;font-size:var(--xlarge);line-height:1em;font-family:var(--english);}
section.visual div.message p{font-size:var(--large);line-height:2em;font-weight:var(--bold);}
section.visual div.message span.top::before,section.visual div.message span.top::after,section.visual div.message span.bottom::before,section.visual div.message span.bottom::after{content:"";position:absolute;width:100%;height:200px;inset:0;pointer-events:none;z-index:1;}
section.visual div.message span.top::before{top:-100px;background:var(--yellow);}
section.visual div.message span.top::after{top:-100px;background:var(--red);}
section.visual div.message span.bottom::before{top:auto;bottom:-100px;background:var(--green);}
section.visual div.message span.bottom::after{top:auto;bottom:-100px;background:var(--darkblue);}
@media (min-width:768px){
  section.visual figure{height:min(calc(100vw * 9 / 16),540px);/*aspect-ratio:16/9;*/}
  section.visual figure img:nth-child(1){width:60%;max-width:640px;}
  section.visual div.message span.top::before{clip-path:polygon(100% calc(50% - 90px),100% calc(50% - 22.5px),0% calc(50% + 22.5px),0% calc(50% - 0px));}
  section.visual div.message span.top::after{clip-path:polygon(100% calc(50% - 35px),100% calc(50% - 0px),0% calc(50% + 25px),0% calc(50% + 20.25px));}
  section.visual div.message span.bottom::before{clip-path:polygon(100% calc(50% + 100px),100% calc(50% + 22.5px),0% calc(50% - 22.5px),0% calc(50% - 0px));}
  section.visual div.message span.bottom::after{clip-path:polygon(100% calc(50% + 67.5px),100% calc(50% + 0px),0% calc(50% - 22.5px),0% calc(50% - 4.5px));}
}
@media (max-width:767px){
  section.visual figure{height:min(calc(100vw * 5 / 4),540px);/*aspect-ratio:4/5;*/}
  section.visual figure img:nth-child(1){width:75%;max-width:360px;}
  section.visual div.message span.top::before{clip-path:polygon(100% calc(50% - 60px),100% calc(50% - 15px),0% calc(50% + 15px),0% calc(50% - 0px));}
  section.visual div.message span.top::after{clip-path:polygon(100% calc(50% - 22.5px),100% calc(50% - 0px),0% calc(50% + 16.5px),0% calc(50% + 13.5px));}
  section.visual div.message span.bottom::before{clip-path:polygon(100% calc(50% + 67.5px),100% calc(50% + 15px),0% calc(50% - 15px),0% calc(50% - 0px));}
  section.visual div.message span.bottom::after{clip-path:polygon(100% calc(50% + 45px),100% calc(50% + 0px),0% calc(50% - 15px),0% calc(50% - 3px));}
}
/* news */
section.news ul{display:flex;flex-wrap:wrap;}
section.news ul li{position:relative;transition:transform var(--transition);}
section.news ul li figure{margin:0 auto 15px;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:1px;}
section.news ul li figure img{width:100%;height:100%;object-fit:cover;object-position:center;}
section.news ul li time{display:block;margin:0 0 5px;font-size:var(--medium);line-height:1em;color:var(--blue);font-family:var(--english);font-weight:var(--bold);}
section.news ul li p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;min-height:4.5em;overflow:hidden;font-size:var(--small);line-height:1.5em;}
article.news time{display:inline-block;margin:0 0 1em;padding:0 1em;background:var(--black);font-size:var(--small);line-height:2em;color:var(--white);font-family:var(--english);}
@media (min-width:768px){
  section.news{padding:120px 0 150px;}
  section.news ul{gap:30px;}
  section.news ul li{width:calc((100% - 90px) / 4);cursor:pointer;}
  section.news ul li:hover{transform:translateY(-5px);}
}
@media (max-width:767px){
  section.news{padding:90px 0 120px;}
  section.news ul{gap:15px;}
  section.news ul li+li{padding-top:15px;border-top:1px solid var(--border);}
  section.news ul li a{display:flex;gap:15px;align-items:center;}
  section.news ul li figure{margin:0;width:calc(40% - 7.5px);aspect-ratio:16/9;flex-shrink:0;}
}
/* creator */
section.creator{position:relative;margin:-30px 0 0;width:100%;z-index:1;;}
main.index section.creator{background:var(--black);}
section.creator span.top::before,section.creator span.top::after,section.creator span.bottom::before,section.creator span.bottom::after{content:"";position:absolute;width:100%;height:200px;inset:0;pointer-events:none;z-index:1;}
section.creator span.top::before{top:-100px;background:var(--orange);}
section.creator span.top::after{top:-100px;background:var(--pink);}
section.creator span.bottom::before{top:auto;bottom:-100px;background:var(--purple);}
section.creator span.bottom::after{top:auto;bottom:-100px;background:var(--green);}
section.creator h2{color:var(--white);}
section.creator ul{display:flex;flex-wrap:wrap;gap:30px;}
section.creator ul li{position:relative;padding:20px;background:var(--white);cursor:pointer;transition:transform var(--transition);}
section.creator ul li figure{margin:-20px -20px 20px;aspect-ratio:16/9;overflow:hidden;border-radius:1px;}
section.creator ul li figure img{width:100%;height:100%;object-fit:cover;object-position:center;}
section.creator ul li h4{font-size:var(--large);line-height:1em;}
section.creator ul li p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;min-height:4.5em;overflow:hidden;font-size:var(--medium);line-height:1.5em;}
section.creator ul li div{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0 0;}
section.creator ul li div img{width:30px;height:30px;transition:transform var(--transition);}
section.creator ul li div a:hover img{transform:scale(1.1);}
article.creator dl.history{display:grid;grid-template-columns:7.5em 1fr;column-gap:30px;row-gap:30px;margin:0 0 3em;}
article.creator dl.history dt{position:relative;padding:0.05em 0;font-size:var(--medium);font-weight:var(--bold);}
article.creator dl.history dt::before,article.creator dl.history dt::after{content:"";position:absolute;}
article.creator dl.history dt::before{top:12.5px;right:-7.5px;width:15px;height:15px;border-radius:50%;background:var(--black);transform:translate(0,-50%);z-index:1;}
article.creator dl.history dt::after{top:1em;right:-1px;width:2px;height:calc(100% + 15px);background:var(--border);}
article.creator dl.history dt:last-of-type::after{display:none;}
article.creator dl.history dd{margin:0;padding-bottom:0;font-size:var(--large);}
article.creator div.member{display:flex;flex-wrap:wrap;gap:30px;margin:0 0 3em;}
article.creator div.card{position:relative;display:flex;gap:30px;padding:45px 25px 25px 25px;border:1px solid var(--border);border-radius:1px;box-shadow:0 0 15px rgba(0, 0, 0, 0.1);overflow:hidden;}
article.creator div.card::before{content:"";position:absolute;top:0;left:0;width:100%;height:30px;clip-path:polygon(100% 0%, 100% 75%, 0% 0%);}
article.creator div.card div.head{width:40%;flex-shrink:0;}
article.creator div.card h2{font-size:var(--2xlarge);line-height:1em;}
article.creator div.card h2 em{display:block;margin:0.75em 0 0;font-size:var(--medium);color:var(--gray);}
article.creator div.card h3{margin:1em 0 0;font-size:var(--small);line-height:1em;color:var(--gray);font-weight:var(--bold);}
article.creator div.card h3 time{display:block;margin:0.5em 0 0;font-size:var(--2xlarge);line-height:1em;font-weight:var(--bold);}
article.creator div.card p+figure{padding-top:0.5em;}
article.creator div.card figure img{margin:0;}
article.creator div.erc div.card:nth-of-type(1)::before{background:#9fff33;}
article.creator div.erc div.card:nth-of-type(1) h2{color:#9fff33;}
article.creator div.erc div.card:nth-of-type(1) h3 time{color:#9fff33;}
article.creator div.erc div.card:nth-of-type(2)::before{background:#005809;}
article.creator div.erc div.card:nth-of-type(2) h2{color:#005809;}
article.creator div.erc div.card:nth-of-type(2) h3 time{color:#005809;}
article.creator div.erc div.card:nth-of-type(3)::before{background:var(--lightgray);}
article.creator div.erc div.card:nth-of-type(3) h2{color:var(--lightgray);}
article.creator div.erc div.card:nth-of-type(3) h3 time{color:var(--lightgray);}
article.creator div.erc div.card:nth-of-type(4)::before{background:#405be2;}
article.creator div.erc div.card:nth-of-type(4) h2{color:#405be2;}
article.creator div.erc div.card:nth-of-type(4) h3 time{color:#405be2;}
article.creator div.erc div.card:nth-of-type(5)::before{background:#421519;}
article.creator div.erc div.card:nth-of-type(5) h2{color:#421519;}
article.creator div.erc div.card:nth-of-type(5) h3 time{color:#421519;}
article.creator div.erc div.card:nth-of-type(6)::before{background:#24b2d4;}
article.creator div.erc div.card:nth-of-type(6) h2{color:#24b2d4;}
article.creator div.erc div.card:nth-of-type(6) h3 time{color:#24b2d4;}
article.creator div.erc div.card:nth-of-type(7)::before{background:#f385ff;}
article.creator div.erc div.card:nth-of-type(7) h2{color:#f385ff;}
article.creator div.erc div.card:nth-of-type(7) h3 time{color:#f385ff;}
article.creator div.erc div.card:nth-of-type(8)::before{background:#ff9a2a;}
article.creator div.erc div.card:nth-of-type(8) h2{color:#ff9a2a;}
article.creator div.erc div.card:nth-of-type(8) h3 time{color:#ff9a2a;}
article.creator div.erc div.card:nth-of-type(9)::before{background:var(--black);}
article.creator div.erc div.card:nth-of-type(9) h2{color:var(--black);}
article.creator div.erc div.card:nth-of-type(9) h3 time{color:var(--black);}
article.creator div.erc div.card:nth-of-type(10)::before{background:#d70000;}
article.creator div.erc div.card:nth-of-type(10) h2{color:#d70000;}
article.creator div.erc div.card:nth-of-type(10) h3 time{color:#d70000;}
article.creator div.erc div.card:nth-of-type(11)::before{background:#ffd13d;}
article.creator div.erc div.card:nth-of-type(11) h2{color:#ffd13d;}
article.creator div.erc div.card:nth-of-type(11) h3 time{color:#ffd13d;}
article.creator div.erc div.card:nth-of-type(12)::before{background:#ffc2e1;}
article.creator div.erc div.card:nth-of-type(12) h2{color:#ffc2e1;}
article.creator div.erc div.card:nth-of-type(12) h3 time{color:#ffc2e1;}
article.creator div.nin1 div.card:nth-of-type(1)::before{background:#e60012;}
article.creator div.nin1 div.card:nth-of-type(1) h2{color:#e60012;}
article.creator div.nin1 div.card:nth-of-type(2)::before{background:#0054a7;}
article.creator div.nin1 div.card:nth-of-type(2) h2{color:#0054a7;}
article.creator div.nin1 div.card:nth-of-type(3)::before{background:#45b035;}
article.creator div.nin1 div.card:nth-of-type(3) h2{color:#45b035;}
article.creator div.nin1 div.card:nth-of-type(4)::before{background:#ffd900;}
article.creator div.nin1 div.card:nth-of-type(4) h2{color:#ffd900;}
article.creator div.nin1 div.card:nth-of-type(5)::before{background:#884798;}
article.creator div.nin1 div.card:nth-of-type(5) h2{color:#884798;}
article.creator div.card p{margin:0 0 0.5em;font-size:var(--medium);line-height:1.5em;}
article.creator div.card a img{display:inline-block;margin:0;width:30px;height:30px;transition:transform var(--transition);}
article.creator div.card a:hover img{transform:scale(1.1);}
article.creator div.card dl{flex-grow:1;}
article.creator div.card dt{margin:0 0 0.5em;font-size:var(--xsmall);line-height:1em;font-weight:var(--bold);}
article.creator div.card dd{margin:0 0 0.75em;font-size:var(--medium);}
article.creator div.card dd:last-of-type{margin:0;}
@media (min-width:768px){
  section.creator{padding:120px 0 150px;}
  section.creator ul li{width:calc(50% - 15px);}
  section.creator ul li:hover{transform:translateY(-5px);}
  section.creator span.top::before{clip-path:polygon(100% calc(50% + 50px),100% calc(50% + 15px),0% calc(50% - 15px),0% calc(50% - 0px));}
  section.creator span.top::after{clip-path:polygon(100% calc(50% + 22.5px),100% calc(50% + 0px),0% calc(50% - 15px),0% calc(50% - 9px));}
  section.creator span.bottom::before{clip-path:polygon(100% calc(50% + 60px),100% calc(50% + 15px),0% calc(50% - 15px),0% calc(50% - 0px));}
  section.creator span.bottom::after{clip-path:polygon(100% calc(50% + 37.5px),100% calc(50% - 2.5px),0% calc(50% - 15px),0% calc(50% - 5px));}
  article.creator div.card{width:calc((100% - 30px) / 2);}
}
@media (max-width:767px){
  section.creator{padding:90px 0 120px;}
  section.creator span.top::before{clip-path:polygon(100% calc(50% + 40px),100% calc(50% + 10px),0% calc(50% - 10px),0% calc(50% - 0px));}
  section.creator span.top::after{clip-path:polygon(100% calc(50% + 15px),100% calc(50% + 0px),0% calc(50% - 10px),0% calc(50% - 6px));}
  section.creator span.bottom::before{clip-path:polygon(100% calc(50% + 40px),100% calc(50% + 10px),0% calc(50% - 10px),0% calc(50% - 0px));}
  section.creator span.bottom::after{clip-path:polygon(100% calc(50% + 25px),100% calc(50% + 0px),0% calc(50% - 10px),0% calc(50% - 2.5px));}
  article.creator div.card{width:100%;}
}
/* title */
section.title{position:relative;margin:0 0 30px;padding:60px 0 30px;width:100%;}
section.title h1{font-size:var(--5xlarge);line-height:1em;font-weight:var(--xbold);}
section.title h1 em{font-family:var(--english);}
section.title h1 i{color:var(--gray);}
section.title h1 img{height:75px;}
section.title h1 span{display:block;margin:15px 0 0;font-size:var(--xlarge);line-height:1em;}
section.title p{margin:30px 0 0;font-size:var(--xlarge);line-height:2em;}
section.title small{display:block;margin:15px 0 0;font-size:var(--small);}
section.title span.top::before,section.title span.top::after,section.title span.bottom::before,section.title span.bottom::after{content:"";position:absolute;width:100%;height:200px;inset:0;pointer-events:none;z-index:1;}
section.title span.top::before{top:-100px;background:var(--black);animation:beforeDelta 1s var(--ease) forwards;}
section.title span.top::after{top:-100px;background:var(--black);animation:afterDelta 1s var(--ease) forwards;}
section.title.news span.top::before{background:var(--black);}
section.title.news span.top::after{background:var(--blue);}
section.title.creator span.top::before{background:var(--yellow);}
section.title.creator span.top::after{background:var(--orange);}
section.title.contact span.top::before{background:var(--orange);}
section.title.contact span.top::after{background:var(--green);}
section.title.guidelines span.top::before{background:var(--gray);}
section.title.guidelines span.top::after{background:var(--black);}
@media (min-width:768px){
  section.title span.top::before{clip-path:polygon(100% calc(50% + 75px),100% calc(50% + 15px),0% calc(50% - 15px),0% calc(50% - 0px));}
  section.title span.top::after{clip-path:polygon(100% calc(50% + 45px),100% calc(50% - 2.5px),0% calc(50% - 15px),0% calc(50% - 5px));}
}
@media (max-width:767px){
  section.title span.top::before{clip-path:polygon(100% calc(50% + 50px),100% calc(50% + 10px),0% calc(50% - 10px),0% calc(50% - 0px));}
  section.title span.top::after{clip-path:polygon(100% calc(50% + 30px),100% calc(50% + 0px),0% calc(50% - 10px),0% calc(50% - 2.5px));}
}
/* guidelines */
@media (min-width:768px){
}
@media (max-width:767px){
}
/* contact */
fieldset{border:0;margin:0;padding:0;width:100%;}
input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]),select,textarea{margin:0;border:1px solid var(--border);border-radius:1px;width:100%;font-size:var(--medium);}
input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]){padding:0 1em;height:3em;}
textarea{height:15em;line-height:1.75em;resize:none;}
.wpcf7-form-control-wrap[data-name="category"]{position:relative;}
.wpcf7-form-control-wrap[data-name="category"]::after{content:"";position:absolute;top:50%;right:1em;width:0;height:0;border:5px solid transparent;border-top:5px solid var(--black);transform:translateY(-25%);pointer-events:none;}
.wpcf7-form-control-wrap[data-name="category"] select{padding:0 2.5em 0 1em;height:3em;appearance:none;-webkit-appearance:none;}
.wpcf7-turnstile.cf-turnstile{margin:30px auto 0;text-align:center;}
input[type="radio"],input[type="checkbox"]{position:relative;margin:0 0.5em 0 0;top:0.1em;}
input[type="submit"]{display:block;margin:0 auto;padding:0 3em;background:var(--black);border:0;font-size:var(--xlarge);line-height:60px;color:var(--white);font-weight:var(--bold);text-align:center;cursor:pointer;transition:transform var(--transition);}
input[type="submit"]:hover{transform:scale(1.05);}
article.contact dl dt p{font-size:var(--medium);font-weight:var(--bold);}
article.contact dl dt span{margin-left:0.5em;font-size:var(--xsmall);}
article.contact dl dd a{text-decoration:underline;}
article.contact dl dd a:hover{text-decoration:none;}
article.contact dl>* p{margin:0;}
article.contact span.wpcf7-not-valid-tip{display:block;margin:1em 0 0;font-size:var(--small);line-height:1em;color:var(--red);font-weight:var(--bold);}
article.contact .wpcf7-spinner{position:absolute;top:50%;left:50%;display:none;transform:translate(-50%,-50%);z-index:-1;}
@media (min-width:768px){
  article.contact dl{display:flex;flex-wrap:wrap;gap:30px;}
  article.contact dl dt{flex:0 0 210px;}
  article.contact dl dt p{line-height:3em;}
  article.contact dl dd{flex:0 0 calc(100% - 240px);min-width:0;}
  article.contact dl dd.center{flex:0 0 100%;max-width:100%;}
}
@media (max-width:767px){
  article.contact dl dt{margin:0 0 15px;}
  article.contact dl dt p{line-height:1em;}
  article.contact dl dd{margin:0 0 30px;}
}
/* modal */
.modal{position:fixed;inset:0;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity var(--transition),visibility var(--transition);z-index:1000;}
.modal.is-open{opacity:1;visibility:visible;}
.modal__overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);}
.modal__content{position:relative;background:var(--white);z-index:2;}
.modal__body{max-height:calc(100vh - 180px);overflow-y:auto;-webkit-overflow-scrolling:touch;}
.modal__body section{padding:0;}
.modal__close{position:absolute;width:40px;height:40px;border:0;background:none;cursor:pointer;z-index:3;}
.modal__close::before,.modal__close::after{content:"";position:absolute;top:50%;left:50%;width:30px;height:2px;background:var(--black);transition:var(--transition);pointer-events:none;}
.modal__close::before{transform:translate(-50%,-50%) rotate(45deg);}
.modal__close::after{transform:translate(-50%,-50%) rotate(-45deg);}
.modal__close:hover::before{transform:translate(-50%,-50%) rotate(45deg) scale(1.05);}
.modal__close:hover::after{transform:translate(-50%,-50%) rotate(-45deg) scale(1.05);}
@media(min-width:768px){
	.modal__content{max-width:720px;width:calc(100% - 80px);}
	.modal__body{padding:60px 45px;max-height:calc(100vh - 180px);}
	.modal__close{top:15px;right:15px;}
}
@media(max-width:767px){
	.modal__content{width:calc(100% - 60px);}
	.modal__body{padding:45px 30px;max-height:calc(100vh - 90px);}
	.modal__close{top:10px;right:10px;}
}
/* footer */
footer{padding:90px 0;background:var(--background);clip-path:polygon(100% 15px,100% 100%,0% 100%,0% 0%);}
footer p{margin:0 auto 30px;}
footer p a:hover img{opacity:var(--opacity);transform:scale(1.01);}
footer nav ul{display:flex;flex-wrap:wrap;justify-content:center;font-size:var(--xlarge);line-height:1em;}
footer nav ul:first-of-type{font-family:var(--english);font-weight:var(--bold);}
footer nav ul:first-of-type li:nth-child(1) a{color:var(--red);}
footer nav ul:first-of-type li:nth-child(2) a{color:var(--blue);}
footer nav ul:first-of-type li:nth-child(3) a{color:var(--orange);}
footer nav ul:first-of-type li:nth-child(4) a{color:var(--green);}
footer nav ul:last-of-type{margin:30px auto 45px;font-size:var(--medium);}
footer small{display:block;text-align:center;font-size:var(--medium);font-family:var(--english);}
@media(min-width:768px){
  footer nav ul{gap:30px;}
  footer nav ul:first-of-type li{transition:transform var(--transition);}
  footer nav ul:first-of-type li:hover{transform:scale(1.05);}
  footer nav ul:last-of-type li:hover{text-decoration:underline;}
  footer p{width:270px;}
}
@media(max-width:767px){
  footer nav ul{gap:15px;}
  footer p{width:240px;}
}
