.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: 0.2em 0.8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: "";
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display:block;
}
nav ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
} ins {
background-color:#ff9;
color:#000;
text-decoration:none;
} mark {
background-color:#ff9;
color:#000; 
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
} hr {
display:block;
height:1px;
border:0;   
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select {
vertical-align:middle;
}* {
-webkit-text-size-adjust: 100%;
-webkit-overflow-scrolling: touch;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
a{
word-break: break-all;
} .cf:before,
.cf:after {
content:"";
display:table;
}
.cf:after {
clear:both;
} .cf {
zoom:1;
}
.none{
display:none !important;
}
a{
color:inherit;
}
body{
font-family:Helvetica, Arial,
'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
Meiryo, メイリオ, sans-serif;
font-weight:bold;
letter-spacing: 0.06em;
} .menu_board{
position:fixed;
top:0;
left:0;
height:100%;
width:25%;
background:#191919;
cursor:pointer;
}
.menu_area{
position:fixed;
top:0;
left:25%;
height:100%;
width:75%;
pointer-events:none;
z-index:100;
}
.menu_open .menu_area{
pointer-events:auto;
}
.menu_panel{
float:left;
width:16.666%;
height:100%;
border-left:solid 1px #000;
color:#fff;
position:relative;
font-size: 12px;
background:rgba(0,0,0,0.9);
display:block;
}
.menu_inner{
width:100%;
text-align:center;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.menub_inner{
color:#fff;
font-size: 21px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.menu_panel.menu_close{
background:rgba(0,0,0,0.6);
cursor:pointer;
}
.menu_cbs{
width:24px;
height:1px;
position:relative;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.menu_cbs div{
background:#fff;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.menu_cb_1{
transform: rotate(-45deg);
}
.menu_cb_2{
transform: rotate(45deg);
}
.ltr:before{
-webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
-moz-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
-o-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); content:".";
color:rgba(0,0,0,0);
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
opacity:0; background: #d8d8d8; background: -moz-radial-gradient(center, ellipse cover, #d8d8d8 0%, #565656 100%); background: -webkit-radial-gradient(center, ellipse cover, #d8d8d8 0%,#565656 100%); background: radial-gradient(ellipse at center, #d8d8d8 0%,#565656 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#565656',GradientType=1 ); }
.ltr:hover:before{
opacity:0.3;
}
.menu_panel{
opacity:0;
-webkit-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
-moz-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
-o-transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 
transition: all 500ms cubic-bezier(0.190, 1.000, 0.220, 1.000); }
.menu_open .menu_panel{
opacity:1;
}
.menu_panel:nth-of-type(1){
transition-delay:0s;
}
.menu_panel:nth-of-type(2){
transition-delay:0.04s;
}
.menu_panel:nth-of-type(3){
transition-delay:0.08s;
}
.menu_panel:nth-of-type(4){
transition-delay:0.12s;
}
.menu_panel:nth-of-type(5){
transition-delay:0.16s;
}
.menu_panel:nth-of-type(6){
transition-delay:0.2s;
}
.menu_panel:nth-of-type(7){
transition-delay:0.24s;
} .content_area{
position:fixed;
top:0;
right:0;
width:75%;
height:100%;
background:#000;
overflow:auto;
color:#fff;
}
.content_inner_index{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-size:cover;
background-position:center center;
}
.work_box{
position:relative;
width:100%;
height:400px;
display:block;
background-size:cover;
background-position:center center;
}
.work_box_link{
background:rgba(0,0,0,0.8);
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:block;
}
.work_box_link_in{
text-align:center;
text-decoration:none;
color:#fff;
font-size:20px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width:80%;
}
.works_img{
display:block;
width:100%;
height:auto;
}
.works_mov{
position: relative;
width: 100%;
}
.works_mov:before {
content:"";
display: block;
padding-top: 56.25%; }
.works_mov iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.tom .works_mov{
pointer-events:none;
}
.works_texts{
padding:100px;
}
.works_texts h1{
font-size:24px;
margin-bottom:30px;
}
.works_txt{
font-size:15px;
line-height:180%;
}
.bio_left{
float:left;
width:50%;
}
.bio_wrap{
padding:100px;
}
.bio_right{
float:left;
width:50%;
padding-left:40px;
}
.bio_txt{
font-size:15px;
line-height:180%;
font-weight:normal;
}
.bio_name{
line-height:150%;
font-size:24px;
margin-bottom:20px;
}
.media_box{
display:block;
position:relative;
width:100%;
padding:25px 100px;
text-decoration:none;
font-size:14px;
}
.mb_date{
display:inline-block;
width:100px;
}
.mb_title{
font-weight:normal;
}
.content_inner_media{
padding:100px 0;
}
.b_date{
display:inline-block;
padding-right:40px;
}
.b_title{
font-weight:normal;
}
.jpen{
position:absolute;
bottom:0px;
padding:40px;
color:#fff;
font-size:15px;
opacity:0.5;
cursor:pointer;
width:50%;
height:140px;
}
.jpen_jp{
left:0;
text-align:right;
padding-right:10px;
}
.jpen_en{
right:0;
text-align:left;
padding-left:10px;
}
.jpen:hover{
opacity:1;
}
[lng="jp"] [lngr="jp"].jpen{
opacity:1;
}
[lng="en"] [lngr="en"].jpen{
opacity:1;
}
[lng="jp"] [en]{
display:none !important;
}
[lng="en"] [jp]{
display:none !important;
}
.bio_sns a{
display:block;
text-decoration:none;
font-size:13px;
padding:15px 0;
}
.bio_sns{
margin-top:30px;
}
.bio_sns a:hover{
opacity:0.5;
}