@charset "utf-8";
/* 	Base
------------------------------------ */
html{
	box-sizing: border-box;
    font-size: 62.5%;
}

*, ::after, ::before {
    box-sizing: border-box;
}

html,body,.wrapper {
	width: 100%;
	position: relative;
	font-size: 14px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	line-height: 2rem;
	color: #64696d;
}
#wrapper {
	margin: 0 auto;
	position: relative;
}

a:hover {
	-moz-opacity:0.5;
	opacity:0.5;
}
a {
	text-decoration: none;
	-webkit-transition: all 0.2s 0s ease;
	-moz-transition: all 0.2s 0s ease;
	transition: all 0.2s 0s ease;
}

.is-coming{
	-moz-opacity:0.5;
	opacity:0.5;
}

.right {
	float: right;
	width: 50%;
}
.left {
	float: left;
	width: 50%;
}
.cf img {
	width: 100%;
}
section {
}

ul{
	padding: 0 0 0 0;
	padding-inline-start: 0;
}

ul li{
	list-style-type: none;
}

.pc{
	display: block;
}

.sp{
	display: none;
}

header,#wrapper {
	width: 100%;
}

@media only screen and (min-width: 992px){
.inner {
    max-width: 960px;
}
}

@media only screen and (min-width: 1200px){
.inner {
    max-width: 1140px;
}
#news .inner,	
#about .inner {
    max-width: 960px;
}	

.works-links,
.works-links-content{
	max-width: 960px;
}	

}


/* 	header
------------------------------------ */
header {
	width: 100%;
	z-index: 9999;
	margin: 0 auto;
}
header.fixed {
}

header #header_inner{
	width: 96%;
	display: flex;
    flex-direction: row;
	padding: 60px 0;
	margin: 0 auto;
}

header #header_inner p.logo{
	width: 100%;
	margin-right: 2em;
}

header nav,
footer nav{
	text-transform: lowercase;
	margin: 0 auto;
    padding: 0;
	display: flex;
    justify-content: flex-end;
    align-items: center;
}

nav ul {
    margin: 0 auto;
    padding: 0;
    display: flex;
    list-style: none;
}

footer nav ul,
footer.content_footer nav ul{
	margin: 0 auto 50px auto;
}
footer nav ul li{
	display: inline;
}

nav li {
	text-align: center;
	box-sizing: border-box;
	font-weight: bold;
	position: relative;
	line-height: 1.4;
	font-size: 12px;
	width: 100%;
	white-space: nowrap;
	display: block;
}
nav li>a {
	font-family: 'Poppins', sans-serif;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	padding: 7px 1.5em;
	color: #728699;
}

nav li>a:hover {
	opacity: 1;
	color: #005fb0;
}

nav li .global-nav-name {
    font-size: 18px;
	letter-spacing: 2px;
    display: block;
    width: 100%;
    white-space: nowrap;
}
footer nav li .global-nav-name {
	font-size: 14px;
	letter-spacing: 2px;
}

nav li a::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #00459f;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
nav li a:hover::after {
  transform: scale(1, 1);
}

.archive nav li a::after {
  background: #ffffff;

}


header h1{
	display: none;
}

header #header_info{
}







#wrapper section{
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 30px 0 30px 0;
	background-color: #005fb0;
}
#wrapper section#works,
#wrapper section#news,
#wrapper section#contact,
#wrapper section#business{
	background-color: transparent;
}

#preview-page #wrapper section,
#thanks-page #wrapper section{
	padding: 0 0 30px 0;
}

#wrapper section h2{
	text-align: center;
	color: #ffffff;
	font-family: 'Jost', sans-serif;
	font-size: 50px;
	font-weight: 200;
	text-transform: capitalize;
	letter-spacing: 10px;
	height: auto;
	margin: 0 auto;
	padding: 40px 0 50px 0;

}

#wrapper section#works h2,
#wrapper section#news h2,
#wrapper section#contact h2,
#wrapper section#business h2{
	color: #005fb0;
}


.inner{
	margin: 0 auto;
}

/* top-movie */
#wrapper section#top-movie{
	
}

#top-movie{
	width: 100%;
}

#top-movie-inner{
	text-align: center;
	margin: 0 auto;
	padding: 0 0;
	width: 100%;
	max-width: 900px;
}
#top-movie-inner video{
	width: 100%;
}

/* top-movie-02 */
#wrapper section#top-movie-02{
	padding: 0 0;
}

#top-movie-02{
	width: 100%;
}

#top-movie-inner-02{
	position: relative;
	text-align: center;
	margin: 0 auto;
	padding: 0 0;
	width: 100%;
	height: 76vh;
	max-height: 600px;
	overflow: hidden;
}
#top-movie-inner-02 > p#movie-logo{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
	min-width: 180%;
    min-height: 180%;
	z-index: 1000;
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20841.89%20595.28%22%20style%3D%22enable-background%3Anew%200%200%20841.89%20595.28%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bdisplay%3Anone%3B%7D%20.st1%7Bdisplay%3Ainline%3Bstroke%3A%23FFFFFF%3Bstroke-miterlimit%3A10%3B%7D%20.st2%7Bdisplay%3Ainline%3B%7D%20.st3%7Bfill%3A%23005FB0%3B%7D%20.st4%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20class%3D%22st0%22%3E%20%3Crect%20x%3D%22224.27%22%20y%3D%22117.19%22%20class%3D%22st1%22%20width%3D%22404.72%22%20height%3D%22356.97%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20class%3D%22st0%22%3E%20%3Cg%20id%3D%22aiv%E3%83%AD%E3%82%B4%22%20class%3D%22st2%22%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st3%22%20d%3D%22M317.27%2C371.7c-0.12%2C2.17%2C0.44%2C6.07-2.65%2C6.07c-1.93%2C0-2.45-1.17-2.45-2.89c0-0.96%2C0.12-2.09%2C0.88-2.73%20c1.37-1.12%2C2.93-2.01%2C4.22-2.89V371.7z%20M322.94%2C381.18c-0.28-1.04-0.44-2.09-0.44-3.17v-13.38c0.08-2.97-0.36-6.71-7.47-6.71%20c-6.55%2C0-7.95%2C3.01-7.91%2C7.31h4.98c-0.04-2.05%2C0.36-3.29%2C2.73-3.29c1.41%2C0%2C2.21%2C0.16%2C2.45%2C1.16c0.44%2C1.85-0.36%2C2.85-2.57%2C3.78%20c-4.1%2C1.69-7.75%2C2.93-7.75%2C8.12c0%2C4.66%2C1.85%2C6.79%2C6.07%2C6.79c1.77%2C0%2C3.37-1.04%2C4.58-2.93h0.08c-0.08%2C0.8-0.04%2C1.61%2C0.32%2C2.33%20H322.94z%22%2F%3E%20%3Cpath%20class%3D%22st3%22%20d%3D%22M348.41%2C381.18v-22.66h5.22v22.66H348.41z%20M348.41%2C355.8v-4.74h5.22v4.74H348.41z%22%2F%3E%20%3Cpath%20class%3D%22st3%22%20d%3D%22M377.09%2C358.53h5.62l2.21%2C12.69c0.44%2C2.05%2C0.64%2C5.62%2C0.72%2C6.71h0.08c0.08-1.08%2C0.28-4.66%2C0.72-6.71%20l2.25-12.69h5.42l-5.22%2C22.66h-6.51L377.09%2C358.53z%22%2F%3E%20%3Cpath%20class%3D%22st3%22%20d%3D%22M422.04%2C362.54h0.08c0.64-1.65%2C1.29-2.57%2C2.05-3.21c1.49-1.25%2C2.49-1.17%2C3.25-1.21v6.19%20c-2.89-0.28-5.1%2C0.44-5.18%2C3.78v13.1h-5.22v-22.66h5.02V362.54z%22%2F%3E%20%3Cpath%20class%3D%22st3%22%20d%3D%22M451.05%2C381.18v-22.66h5.22v22.66H451.05z%20M451.05%2C355.8v-4.74h5.22v4.74H451.05z%22%2F%3E%20%3Cpath%20class%3D%22st3%22%20d%3D%22M490.3%2C366.4v-2.53c-0.08-1.25-0.68-1.93-1.81-1.93c-2.01%2C0-2.01%2C2.29-1.97%2C5.06v5.34%20c-0.12%2C4.42%2C0.4%2C5.22%2C1.97%2C5.42c1.61-0.04%2C1.65-1.53%2C1.81-3.33v-2.09h5.22v2.09c0%2C4.74-1.97%2C7.35-7.15%2C7.35%20c-4.62%2C0-7.27-2.45-7.07-8.48v-7.35c-0.04-6.35%2C3.09-8.03%2C7.07-8.03c5.26%2C0%2C7.19%2C3.29%2C7.15%2C6.67v1.81H490.3z%22%2F%3E%20%3Cpath%20class%3D%22st3%22%20d%3D%22M519.18%2C381.18v-30.13h5.22v13.62c0%2C0.96-0.04%2C1.89-0.08%2C2.85h0.08l4.94-9h5.71l-5.71%2C9.12l5.54%2C13.54h-5.83%20l-3.25-9.24l-1.41%2C2.33v6.91H519.18z%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st3%22%20d%3D%22M370.08%2C408.64c-0.21%2C2.23%2C0.64%2C2.17%2C1.29%2C2.17c0.79%2C0%2C1.35-0.58%2C1.16-1.35c-0.04-0.69-0.84-1.07-1.38-1.44%20l-1.52-1.05c-1.4-0.97-2.3-2.08-2.3-3.82c0-1.87%2C1.48-2.94%2C4.17-2.94c2.7%2C0%2C3.95%2C1.42%2C3.89%2C4.02h-2.79%20c0.06-1.35-0.32-1.87-1.29-1.87c-0.67%2C0-1.18%2C0.3-1.18%2C0.99c0%2C0.71%2C0.51%2C1.03%2C1.05%2C1.4l2.28%2C1.54c0.71%2C0.41%2C1.82%2C1.57%2C1.91%2C2.39%20c0.24%2C2.1-0.28%2C4.29-4.14%2C4.29c-1.48%2C0-4.25-0.62-3.93-4.32H370.08z%22%2F%3E%20%3Cpath%20class%3D%22st3%22%20d%3D%22M392.35%2C412.68c-1.65%2C0.19-3.97%2C0.34-3.97-1.91v-8.21h-1.14v-2.04h1.12v-3.33h2.81v3.33h1.18v2.04h-1.18%20v7.52c0.06%2C0.51%2C0.84%2C0.45%2C1.18%2C0.41V412.68z%22%2F%3E%20%3Cpath%20class%3D%22st3%22%20d%3D%22M410.24%2C410.83h-0.04c-0.43%2C1.44-1.24%2C2.1-2.6%2C2.13c-2.21%2C0-2.71-1.14-2.71-3.16v-9.28h2.79v8.29%20c0%2C0.54-0.02%2C1.14%2C0.28%2C1.61c0.24%2C0.26%2C0.49%2C0.39%2C0.86%2C0.39c1.31%2C0%2C1.29-1.48%2C1.29-2.43v-7.86h2.79v12.11h-2.66V410.83z%22%2F%3E%20%3Cpath%20class%3D%22st3%22%20d%3D%22M431.63%2C408.66c0%2C1.39-0.45%2C2.15-1.35%2C2.15c-0.86%2C0-1.16-0.92-1.22-2.08v-4.04c0.09-1.2-0.04-2.34%2C1.27-2.34%20c1.31%2C0%2C1.35%2C1.72%2C1.31%2C2.69V408.66z%20M431.63%2C412.63h2.79v-16.11h-2.79v4.14c0%2C0.37%2C0.02%2C0.71%2C0.09%2C1.08h-0.04%20c-0.56-1.16-1.31-1.57-2.49-1.55c-1.8%2C0.04-2.86%2C0.97-2.92%2C4.29v4.38c0.06%2C1.93%2C0.56%2C4.08%2C2.92%2C4.08%20c1.1-0.06%2C1.87-0.39%2C2.41-1.61h0.04V412.63z%22%2F%3E%20%3Cpath%20class%3D%22st3%22%20d%3D%22M448.19%2C412.63v-12.11h2.79v12.11H448.19z%20M448.19%2C399.06v-2.53h2.79v2.53H448.19z%22%2F%3E%20%3Cpath%20class%3D%22st3%22%20d%3D%22M467.24%2C404.65c0-1.14%2C0-2.3%2C1.48-2.3c1.4%2C0%2C1.4%2C1.16%2C1.4%2C2.3v4.04c0%2C1.48-0.11%2C2.13-1.4%2C2.13%20c-1.35%2C0-1.48-0.65-1.48-2.13V404.65z%20M468.72%2C412.96c3.61%2C0.07%2C4.21-1.74%2C4.19-5.95c-0.02-4.14-0.04-6.81-4.19-6.81%20c-4.21%2C0-4.25%2C2.66-4.27%2C6.81C464.43%2C411.22%2C465.05%2C413.02%2C468.72%2C412.96z%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20class%3D%22st3%22%20d%3D%22M487.57%2C302.66c-6.16%2C0-11.16%2C5-11.16%2C11.17c0%2C6.16%2C5%2C11.16%2C11.16%2C11.16c6.16%2C0%2C11.16-5%2C11.16-11.16%20C498.73%2C307.66%2C493.73%2C302.66%2C487.57%2C302.66z%20M484.13%2C320.36c-1.25%2C0-3.6-0.53-3.33-3.65h2.36c-0.18%2C1.89%2C0.54%2C1.83%2C1.09%2C1.83%20c0.67%2C0%2C1.14-0.49%2C0.98-1.14c-0.04-0.58-0.71-0.91-1.16-1.22l-1.29-0.89c-1.18-0.82-1.94-1.76-1.94-3.23%20c0-1.58%2C1.25-2.49%2C3.53-2.49c2.29%2C0%2C3.34%2C1.2%2C3.29%2C3.4h-2.36c0.05-1.14-0.27-1.58-1.09-1.58c-0.56%2C0-1%2C0.25-1%2C0.84%20c0%2C0.6%2C0.44%2C0.87%2C0.89%2C1.18l1.93%2C1.31c0.6%2C0.34%2C1.54%2C1.33%2C1.62%2C2.02C487.84%2C318.51%2C487.41%2C320.36%2C484.13%2C320.36z%20M492.93%2C311.57%20h-1v6.36c0.05%2C0.44%2C0.71%2C0.38%2C1%2C0.34v1.85c-1.4%2C0.16-3.36%2C0.29-3.36-1.62v-6.94h-0.96v-1.73h0.95v-2.82h2.38v2.82h1V311.57z%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%AD%E3%82%B4%E3%83%A1%E3%82%A4%E3%83%B3%22%20class%3D%22st3%22%20d%3D%22M487.23%2C256.59c0-21.64%2C9.54-41.05%2C24.64-54.26l-2.26-2.84%20c-14.83%2C2.83-24.63%2C9.06-33.64%2C18.45c-12.79-20.09-35.23-33.42-60.81-33.42c-39.8%2C0-72.06%2C32.27-72.06%2C72.07%20c0%2C39.8%2C32.26%2C72.07%2C72.06%2C72.07C454.97%2C328.66%2C487.23%2C296.39%2C487.23%2C256.59z%20M447.51%2C274.25c-16.53%2C7.76-36.84-0.65-45.35-18.77%20c-8.51-18.13-2.01-39.12%2C14.53-46.88c16.54-7.77%2C36.84%2C0.64%2C45.35%2C18.77C470.55%2C245.5%2C464.04%2C266.49%2C447.51%2C274.25z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22%E7%99%BD%22%3E%20%3Cg%20id%3D%22aiv%E3%83%AD%E3%82%B4_00000135691379491181295200000002652672462506658452_%22%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st4%22%20d%3D%22M317.27%2C371.7c-0.12%2C2.17%2C0.44%2C6.07-2.65%2C6.07c-1.93%2C0-2.45-1.17-2.45-2.89c0-0.96%2C0.12-2.09%2C0.88-2.73%20c1.37-1.12%2C2.93-2.01%2C4.22-2.89V371.7z%20M322.94%2C381.18c-0.28-1.04-0.44-2.09-0.44-3.17v-13.38c0.08-2.97-0.36-6.71-7.47-6.71%20c-6.55%2C0-7.95%2C3.01-7.91%2C7.31h4.98c-0.04-2.05%2C0.36-3.29%2C2.73-3.29c1.41%2C0%2C2.21%2C0.16%2C2.45%2C1.16c0.44%2C1.85-0.36%2C2.85-2.57%2C3.78%20c-4.1%2C1.69-7.75%2C2.93-7.75%2C8.12c0%2C4.66%2C1.85%2C6.79%2C6.07%2C6.79c1.77%2C0%2C3.37-1.04%2C4.58-2.93h0.08c-0.08%2C0.8-0.04%2C1.61%2C0.32%2C2.33%20H322.94z%22%2F%3E%20%3Cpath%20class%3D%22st4%22%20d%3D%22M348.41%2C381.18v-22.66h5.22v22.66H348.41z%20M348.41%2C355.8v-4.74h5.22v4.74H348.41z%22%2F%3E%20%3Cpath%20class%3D%22st4%22%20d%3D%22M377.09%2C358.53h5.62l2.21%2C12.69c0.44%2C2.05%2C0.64%2C5.62%2C0.72%2C6.71h0.08c0.08-1.08%2C0.28-4.66%2C0.72-6.71%20l2.25-12.69h5.42l-5.22%2C22.66h-6.51L377.09%2C358.53z%22%2F%3E%20%3Cpath%20class%3D%22st4%22%20d%3D%22M422.04%2C362.54h0.08c0.64-1.65%2C1.29-2.57%2C2.05-3.21c1.49-1.25%2C2.49-1.17%2C3.25-1.21v6.19%20c-2.89-0.28-5.1%2C0.44-5.18%2C3.78v13.1h-5.22v-22.66h5.02V362.54z%22%2F%3E%20%3Cpath%20class%3D%22st4%22%20d%3D%22M451.05%2C381.18v-22.66h5.22v22.66H451.05z%20M451.05%2C355.8v-4.74h5.22v4.74H451.05z%22%2F%3E%20%3Cpath%20class%3D%22st4%22%20d%3D%22M490.3%2C366.4v-2.53c-0.08-1.25-0.68-1.93-1.81-1.93c-2.01%2C0-2.01%2C2.29-1.97%2C5.06v5.34%20c-0.12%2C4.42%2C0.4%2C5.22%2C1.97%2C5.42c1.61-0.04%2C1.65-1.53%2C1.81-3.33v-2.09h5.22v2.09c0%2C4.74-1.97%2C7.35-7.15%2C7.35%20c-4.62%2C0-7.27-2.45-7.07-8.48v-7.35c-0.04-6.35%2C3.09-8.03%2C7.07-8.03c5.26%2C0%2C7.19%2C3.29%2C7.15%2C6.67v1.81H490.3z%22%2F%3E%20%3Cpath%20class%3D%22st4%22%20d%3D%22M519.18%2C381.18v-30.13h5.22v13.62c0%2C0.96-0.04%2C1.89-0.08%2C2.85h0.08l4.94-9h5.71l-5.71%2C9.12l5.54%2C13.54h-5.83%20l-3.25-9.24l-1.41%2C2.33v6.91H519.18z%22%2F%3E%20%3C%2Fg%3E%20%3Cpath%20class%3D%22st4%22%20d%3D%22M487.57%2C302.66c-6.16%2C0-11.16%2C5-11.16%2C11.17c0%2C6.16%2C5%2C11.16%2C11.16%2C11.16c6.16%2C0%2C11.16-5%2C11.16-11.16%20C498.73%2C307.66%2C493.73%2C302.66%2C487.57%2C302.66z%20M484.13%2C320.36c-1.25%2C0-3.6-0.53-3.33-3.65h2.36c-0.18%2C1.89%2C0.54%2C1.83%2C1.09%2C1.83%20c0.67%2C0%2C1.14-0.49%2C0.98-1.14c-0.04-0.58-0.71-0.91-1.16-1.22l-1.29-0.89c-1.18-0.82-1.94-1.76-1.94-3.23%20c0-1.58%2C1.25-2.49%2C3.53-2.49c2.29%2C0%2C3.34%2C1.2%2C3.29%2C3.4h-2.36c0.05-1.14-0.27-1.58-1.09-1.58c-0.56%2C0-1%2C0.25-1%2C0.84%20c0%2C0.6%2C0.44%2C0.87%2C0.89%2C1.18l1.93%2C1.31c0.6%2C0.34%2C1.54%2C1.33%2C1.62%2C2.02C487.84%2C318.51%2C487.41%2C320.36%2C484.13%2C320.36z%20M492.93%2C311.57%20h-1v6.36c0.05%2C0.44%2C0.71%2C0.38%2C1%2C0.34v1.85c-1.4%2C0.16-3.36%2C0.29-3.36-1.62v-6.94h-0.96v-1.73h0.95v-2.82h2.38v2.82h1V311.57z%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%AD%E3%82%B4%E3%83%A1%E3%82%A4%E3%83%B3_00000152223684608284267050000000014947275827979950_%22%20class%3D%22st4%22%20d%3D%22M487.23%2C256.59%20c0-21.64%2C9.54-41.05%2C24.64-54.26l-2.26-2.84c-14.83%2C2.83-24.63%2C9.06-33.64%2C18.45c-12.79-20.09-35.23-33.42-60.81-33.42%20c-39.8%2C0-72.06%2C32.27-72.06%2C72.07c0%2C39.8%2C32.26%2C72.07%2C72.06%2C72.07C454.97%2C328.66%2C487.23%2C296.39%2C487.23%2C256.59z%20M447.51%2C274.25%20c-16.53%2C7.76-36.84-0.65-45.35-18.77c-8.51-18.13-2.01-39.12%2C14.53-46.88c16.54-7.77%2C36.84%2C0.64%2C45.35%2C18.77%20C470.55%2C245.5%2C464.04%2C266.49%2C447.51%2C274.25z%22%2F%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st4%22%20d%3D%22M370.08%2C408.64c-0.21%2C2.23%2C0.64%2C2.17%2C1.29%2C2.17c0.79%2C0%2C1.35-0.58%2C1.16-1.35c-0.04-0.69-0.84-1.07-1.38-1.44%20l-1.52-1.05c-1.4-0.97-2.3-2.08-2.3-3.82c0-1.87%2C1.48-2.94%2C4.17-2.94c2.7%2C0%2C3.95%2C1.42%2C3.89%2C4.02h-2.79%20c0.06-1.35-0.32-1.87-1.29-1.87c-0.67%2C0-1.18%2C0.3-1.18%2C0.99c0%2C0.71%2C0.51%2C1.03%2C1.05%2C1.4l2.28%2C1.54c0.71%2C0.41%2C1.82%2C1.57%2C1.91%2C2.39%20c0.24%2C2.1-0.28%2C4.29-4.14%2C4.29c-1.48%2C0-4.25-0.62-3.93-4.32H370.08z%22%2F%3E%20%3Cpath%20class%3D%22st4%22%20d%3D%22M392.35%2C412.68c-1.65%2C0.19-3.97%2C0.34-3.97-1.91v-8.21h-1.14v-2.04h1.12v-3.33h2.81v3.33h1.18v2.04h-1.18v7.52%20c0.06%2C0.51%2C0.84%2C0.45%2C1.18%2C0.41V412.68z%22%2F%3E%20%3Cpath%20class%3D%22st4%22%20d%3D%22M410.24%2C410.83h-0.04c-0.43%2C1.44-1.24%2C2.1-2.6%2C2.13c-2.21%2C0-2.71-1.14-2.71-3.16v-9.28h2.79v8.29%20c0%2C0.54-0.02%2C1.14%2C0.28%2C1.61c0.24%2C0.26%2C0.49%2C0.39%2C0.86%2C0.39c1.31%2C0%2C1.29-1.48%2C1.29-2.43v-7.86h2.79v12.11h-2.66V410.83z%22%2F%3E%20%3Cpath%20class%3D%22st4%22%20d%3D%22M431.63%2C408.66c0%2C1.39-0.45%2C2.15-1.35%2C2.15c-0.86%2C0-1.16-0.92-1.22-2.08v-4.04c0.09-1.2-0.04-2.34%2C1.27-2.34%20c1.31%2C0%2C1.35%2C1.72%2C1.31%2C2.69V408.66z%20M431.63%2C412.63h2.79v-16.11h-2.79v4.14c0%2C0.37%2C0.02%2C0.71%2C0.09%2C1.08h-0.04%20c-0.56-1.16-1.31-1.57-2.49-1.55c-1.8%2C0.04-2.86%2C0.97-2.92%2C4.29v4.38c0.06%2C1.93%2C0.56%2C4.08%2C2.92%2C4.08c1.1-0.06%2C1.87-0.39%2C2.41-1.61%20h0.04V412.63z%22%2F%3E%20%3Cpath%20class%3D%22st4%22%20d%3D%22M448.19%2C412.63v-12.11h2.79v12.11H448.19z%20M448.19%2C399.06v-2.53h2.79v2.53H448.19z%22%2F%3E%20%3Cpath%20class%3D%22st4%22%20d%3D%22M467.24%2C404.65c0-1.14%2C0-2.3%2C1.48-2.3c1.4%2C0%2C1.4%2C1.16%2C1.4%2C2.3v4.04c0%2C1.48-0.11%2C2.13-1.4%2C2.13%20c-1.35%2C0-1.48-0.65-1.48-2.13V404.65z%20M468.72%2C412.96c3.61%2C0.07%2C4.21-1.74%2C4.19-5.95c-0.02-4.14-0.04-6.81-4.19-6.81%20c-4.21%2C0-4.25%2C2.66-4.27%2C6.81C464.43%2C411.22%2C465.05%2C413.02%2C468.72%2C412.96z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	/*mix-blend-mode: screen;*/
	font-size: 0;
	opacity: 0.7;
}
#top-movie-inner-02 > video{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
	min-width: 100%;
    min-height: 100%;
}

/* news */
#news .inner{
	width: 96%;
	margin: 0 auto;
}

#news ul{
	margin: 20px auto 0 auto;
}

#news .news-text{
	margin: 15px auto 0;
}

#news .news-text p{
	margin: 0 6px;
}

#news .news-text a{
	color: #005fb0;
	text-decoration: underline;
}

#news .news-text a:hover{
	text-decoration: none;
	opacity: 1;
}

/*==================================================
スライダーのためのcss
===================================*/
.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
   width:94%;
    margin:0 auto;
}

.slider img {
    width:100%;/*スライダー内の画像を横幅100%に*/
    height:auto;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider .slick-slide {
    margin:0 10px;
}

/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #666;/*矢印の色*/
    border-right: 2px solid #666;/*矢印の色*/
    height: 15px;
    width: 15px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left: -1.5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right: -1.5%;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
    text-align:center;
	margin:20px 0 0 0;
}

.slick-dots li {
    display:inline-block;
	margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:8px;/*ドットボタンのサイズ*/
    height:8px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    background:#ccc;/*ドットボタンの色*/
}

.slick-dots .slick-active button{
    background:#005fb0;/*ドットボタンの現在地表示の色*/
}




/* works */
#works h2:before{
	font-family: "Font Awesome 5 Free";
	content: '\f8cc';
	font-weight: 900;
	font-size: 30px;
	padding-right : 15px;/*文字との隙間*/
	color: #005fb0;/*アイコンの色*/
	display: inline-block;
	transform: rotate(20deg);
}

/* タグリストサイドバージョン */
#works .inner.tag-side{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
    flex-wrap: wrap;
	padding: 0 0 50px 0;
	
}

#works-body{
	width: 72%;
	margin: 0 2% 0 2%;
	display: flex;
	justify-content: flex-start;
    flex-wrap: wrap;
}


.works-links{
	margin: 20px auto 50px auto;
}

.works-links ul{
   width: 94%;
    margin:0 auto;
	display: flex;
	justify-content: flex-start;
    flex-wrap: wrap;
	justify-content: space-around;
	
}
.works-links ul li{
	width: 30%;
	margin: 0 0 0 0;
	text-align: left;
}

.works-links ul li h3{
	width: 80%;
/*	max-width: 140px;*/
	font-family: 'Jost', sans-serif;
    font-size: 30px;
    font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 10px;
	text-indent: 10px;
	margin: 0 auto 20px auto;
}


.works-links ul li h3 a span{
	display: block;
	font-size: 12px;
	letter-spacing: 1px;
}

.works-links ul li h3 a{
	width: 100%;
	display: block;
	padding: 10px 0 5px 0;
	color: #00459f;
/*
	border: 3px solid #5082b4;
	border-radius: 10px;
*/
}

.works-links ul li p{
	color: #64696d;
	line-height: 1.6rem;
	margin: 0 6px;
}

.works-links ul li p span{
	display: inline;
	
}

.works-links ul li h3 a:hover{
	background-color: #00459f;
	color: #FFFFFF;
	opacity: 1;
}

.works-links ul li.links-cg h3 a:hover{
/*
	color: #ffffff;
	background-color: #82003a;
	border: 3px solid #82003a;
	opacity: 1;
*/
}
.works-links ul li.links-web h3 a:hover{
/*
	color: #ffffff;
	background-color: #005fb0;
	border: 3px solid #005fb0;
	opacity: 1;
*/
}
.works-links ul li.links-writer h3 a{ pointer-events: none;}
.works-links ul li.links-writer h3 a:hover{
/*
	color: #ffffff;
	background-color: #5082b4;
	opacity: 1;
*/
}

/* works-links-content */
p.works-nav-title{
	text-align: center;
	color: #005fb0;
	font-family: 'Jost', sans-serif;
    font-size: 50px;
    font-weight: 200;
	text-transform: capitalize;
	letter-spacing: 10px;
	height: auto;
	margin: 30px auto 20px auto;
	padding: 0 0 0 0;
}

p.works-nav-title::before{
	font-family: "Font Awesome 5 Free";
	content: '\f8cc';
	font-weight: 900;
	font-size: 30px;
	padding-right : 15px;/*文字との隙間*/
	color: #005fb0;/*アイコンの色*/
	display: inline-block;
	transform: rotate(20deg);
}

.works-links-content{
	margin: 30px auto 50px auto;
}

.works-links-content ul{
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto;
	
}
.works-links-content ul li{
	width: 30%;
	margin: 0 0 0 0;
	text-align: center;
	list-style-type: none;
}
.works-links-content ul li.links-se{
	width: 90%;
	margin: 20px 0 0 0;
	letter-spacing: 5px;
}
.works-links-content ul li:first-child h3{
	margin: 0 0 0 auto;
}
.works-links-content ul li:last-child h3{
	margin: 0 auto 0 0;
}


.works-links-content ul li h3{
	font-family: 'Jost', sans-serif;
    font-size: 30px;
    font-weight: 400;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 10px;
	margin: 0 auto 0 auto;
}

.works-links-content ul li h3 a{
	width: 100%;
	display: block;
	padding: 5px 0 10px 0;
	color: #00459f;
/*
	color: #5082b4;
	border: 3px solid #5082b4;
	border-radius: 10px;
*/
}

.works-links-content  ul li h3 a span {
    display: block;
    font-size: 12px;
    letter-spacing: 1px;
}

.body a:focus{
	text-decoration: none !important;

}

.works-links-content ul li p{
	color: #5082b4;
	font-weight: bold;
	line-height: 1.8rem;
}

.works-links-content ul li h3 a:hover{
	color: #FFFFFF;
	background-color: #00459f;
	opacity: 1;
}

.works-links-content ul li.links-cg h3 a:hover{
/*
	color: #ffffff;
	background-color: #82003a;
	border: 3px solid #82003a;
	opacity: 1;
*/
}
.works-links-content ul li.links-web h3 a:hover{
/*
	color: #ffffff;
	background-color: #005fb0;
	border: 3px solid #005fb0;
	opacity: 1;
*/
}
.works-links-content ul li.links-movie h3 a:hover{
/*
	color: #ffffff;
	background-color: #5082b4;
	opacity: 1;
*/
}

.works-section{
	position: relative;
	width: 32%;
	/*width: 24%;*/
	display: flex;
	align-items: center;
    flex-wrap: wrap;
	margin: 0 0.5% 1% 0.5%;
	text-align: center;
}


.works-section:nth-of-type(3n){
}
.archives-section{
/*	max-width: 300px;*/
}

.works-section::before{
	content: "";
	display: block;
	padding-top: 100%;
}

.archives-section label::before{
	content: "";
	display: block;
	padding-top: 100%;
}
.archives-section .popup_content label::before{
	content: "";
	display: block;
	padding-top: 0;
}

.works-cat{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 0;
}
.cg-works .works-cat>label:hover{
	transition: 0.1s;
    border:2px solid #82003a;
}

.web-works .works-cat>label:hover{
 	transition: 0.1s;
   border:2px solid #005fb0;
}

.works-cat>label{
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	margin: 0 auto;
    border:1px solid #dddddd;
	position: relative;
	z-index: 10;
}

.works-cat label>img{
	width: 80%;
	height: 100%;
	object-fit: contain;
	margin: 0 auto;
	text-align: center;
	position: relative;
	z-index: 0;
}


.works-cat:before{
	font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 400;
	letter-spacing: 2px;
	text-transform: uppercase;
    padding: 2px 10px;
	color: #fff;
	position: absolute;
	top: 0;
    left: 0;
	z-index: 100;

}

.cg-works .works-cat:before{
	content: "cg";
	background-color: #82003a;
}
.web-works .works-cat:before{
	content: "web";
	background-color: #005fb0;
}


.popup_wrap input {
  display: none;
}

.popup_wrap{
	position: absolute;
	z-index: 10000;
}
.popup_overlay {
  display: flex;
  justify-content: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: #005fb03d;
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
}
.popup_trigger {
  position: absolute;
  width: 100%;
  height: 100%;
}
.popup_content {
  position: relative;
  align-self: center;
  width: 90%;
  max-width: 800px;
  box-sizing: border-box;
  background: #fff;
  line-height: 1.4em;
  transition: 0.5s;
  border-radius: 12px;
  box-shadow: 0 0 5px rgba(94, 94, 94, 0.7);
padding: 50px 20px;
}
.cg-works .popup_content {
	width: 90%;
 	max-width: 500px;
	margin: 0 auto;
	text-align: center;
	padding: 30px 20px;
}
/* 詳細があるとき*/
.web-works .popup-main{
	display: flex;
	justify-content: flex-start;
}

.cg-works .popup_content img{
	width: 90%;
 	max-width: 500px;
}

.popup_content img{
	width: 40%;
	max-width: 380px;
	height: auto;
	object-fit: contain;
	align-self: center;
}

.popup_text {
	width: 48%;
	padding: 0 0 0 0;
	margin: 0 auto;
	display: none;
}

.web-works .popup_text {
	display: block;
}

.popup_text h3{
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

.cg-works .popup_text h3{
	color: #82003a;
	border-bottom: 2px solid #82003a;
	line-height: 1.4em;
}

.web-works .popup_text h3{
	color: #005fb0;
	border-bottom: 2px solid #005fb0;
}


.popup_text p{
	font-size: 14px;
	text-align: left;
	line-height: 1.8em;
    padding:20px 0 5px 0;
	font-weight: normal;
    color: #64696d;
}

.popup_text p{ 
}

.popup_text p.date{
	font-size: 12px;
	text-align: right;
	padding: 0 0 0 0;
}

.popup_text p a{
	text-decoration: underline;
}
.popup_text p a:hover{
	text-decoration: none;
}
.cg-works .popup_text p a{
	color: #82003a;
}
.web-works .popup_text p a{
	color: #005fb0;
}

.close_btn {
  position: absolute;
  top: 14px;
  right: 16px;
  font-size: 30px;
  cursor: pointer;
  color:#005fb0;
}
.popup_wrap input:checked ~ .popup_overlay {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}

.popup_overlay {
	z-index: 10000;
}
.open_btn {
    cursor: pointer;
}
.open_btn img{
}


#tag-list{
	width: 90%;
	margin: 30px auto;
	border: 1px solid #005fb0;
	padding: 10px 10px;
}

.tag-list-cnts{
	width: 100%;
	margin: 30px auto;
	border: 1px solid #005fb0;
	padding: 10px 10px;
}

.inner.tag-side #tag-list{
	width: 24%;
	margin: 0 auto;
	border: none;
	padding: 0 0;
}

#tag-list h3,
.tag-list-cnts h3{
	color: #005fb0;
	text-align: left;
	font-family: 'Jost', sans-serif !important;
	font-size: 20px;
	font-weight: 400;
	text-transform: capitalize;
    letter-spacing: 10px;
    height: auto;
    padding: 30px 0 40px 0;
}

.details__summary{
	color: #005fb0;
	text-align: left;
	font-family: 'Jost', sans-serif !important;
	font-size: 20px;
	font-weight: 400;
	text-transform: capitalize;
    letter-spacing: 4px;
    height: auto;
    padding: 0 0 0 20px;
	cursor: pointer;
}
.details__summary:hover{
	background-color: #ebf6ff;
}

.details {
  color: #005fb0;
  line-height: 2;
  margin: 0 auto 0;
}
 .details__summary {
    position: relative;
    display: block;
    cursor: pointer;
	 margin: 0;
}
 .details__summary::-webkit-details-marker {
      display: none;
 }
 .details__summary::before {
      display: block;
      content: "";
      box-sizing: border-box;
      position: absolute;
      top: calc(50% - 6px);
      right: 16px;
      width: 6px;
      height: 6px;
      border: 6px solid transparent;
      border-left: 6px solid #005fb0;
      transition: all 0.4s ease-out;
      transform-origin: 3px 6px;
	 transform: rotate(90deg);
}
.details[open] .details__summary::before{
        transform: rotate(-90deg);
  }
 .details__content {
    overflow: hidden;
    margin: 0;
    padding-left: 16px;
    padding-right: 16px;
}

div.details__content{
	padding-top: 16px;
}


.inner.tag-side #tag-list h3,
.tag-list-cnts h3{
    letter-spacing: 4px;
    padding: 0 0 20px 0;
}

#tag-list h3:before,
.tag-list-cnts h3:before{
    font-family: "Font Awesome 5 Free";
    content: '\f02b';
    font-weight: 900;
	font-size: 20px;
	margin-left: 20px;
    padding-right: 10px;
    color: #005fb0;
    display: inline-block;
}

.inner.tag-side #tag-list h3:before{
	margin-left: 0;
}


#tag-list ul,
.tag-list-cnts ul{
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 20px 0;
}

#tag-list ul li{
	width: 16%;
	margin: 0 0.5%;
	text-align: center;
	white-space: nowrap;
	font-size: clamp(10px, 2vw, 14px);
}

.tag-list-cnts ul li{
	width: 16%;
	margin: 0 0.5%;
	text-align: center;
	white-space: nowrap;
	font-size: clamp(10px, 1.8vw, 14px);
}

.inner.tag-side #tag-list ul{
	display: block;
	margin: 0 0 0 0;
}

.inner.tag-side #tag-list ul li {
	width: 99%;
	margin: 0 0.5% 5px;
	text-align: left;
	white-space: nowrap;
}

#tag-list ul a,
.tag-list-cnts ul a{
	color: #64696d;
	text-decoration: underline;
}
#tag-list ul a:hover,
.tag-list-cnts ul a:hover{
	text-decoration: none;
}


/* about */
#about{
	color: #ffffff;
}

#about-main{
	width: 96%;
	margin: 20px auto 50px auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.about-content{
	width: 40%;
	margin-left: auto;
}
/*.about-content:last-child{
	width: 12%;
}*/

.about-content dd span{
	white-space: nowrap;
}

#compabout{
	width: 58%;
}

#about-main dl{
	display: flex;
	flex-wrap: wrap;
}
#about-main dt{
	width: 40%;
}

#about-main #compabout dt{
	font-weight: normal;
	width: 20%
}
#about-main #compabout dd{
	width: 78%;
}

#about-main #compabout dt.business-content,
#about-main #compabout dt.business-content ~ dd{
	margin: 20px 0 0 0;
}

#about-main dd{
	width: 58%;
	margin: 0 0 0 0;
}

#map{
	text-align: center;
}

#map iframe{
	max-width: 900px;
	margin: 0 auto;
}

/* contact */
#formWrap{
	width: 100%;
	max-width: 850px;
	margin: 0 auto;
	padding: 10px 0 40px 0;
}

#formWrap h3{
	text-align: center;
	font-size: 14px;
	width: 90%;
	margin: 0 auto 40px auto;
}

#form-confirm .formTable{
	padding: 0 0 40px 0;
}

#form-confirm .formTable th{
	color: #005fb0;
}

.formTable{
	width: 70%;
	margin: 0 auto;
}

.formTable *{
	font-size: 14px;
}

.formTable th{
	display: block;
	width: 90%;
	text-align: left;
	margin: 0 auto 5px auto;
}

.formTable td{
	display: block;
	width: 90%;
	margin: 0 auto 20px auto;
	text-align: center;

}

.formTable input{
	box-sizing: border-box;
	width: 100%;
	min-height: 30px;
}

.formTable input[type="text"],
.formTable textarea {
	border: 1px solid #64696d;
	background-color: #f4f9ff;
}
.formTable input[type="text"]:focus,
.formTable textarea:focus {
	outline: 0;
}

.formTable textarea{
	box-sizing: border-box;
	width: 100%;
	min-height: 100px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

#submit_btn input{
	background-color: #005fb0;
	color: #FFFFFF;
	padding: 5px 30px;
}

#form-confirm input{
	background-color: #005fb0;
	color: #FFFFFF;
	padding: 5px 30px;
}


.error{
	width: 90%;
	margin: 0 auto;
}

.error h4{
	margin: 0 0 20px 0;
}

.error h4 span,
.error .error_messe{
	color: #FF0000;
}


#contact #thanks{
	width: 96%;
	margin: 0 auto 0;
	text-align: center;
}

#contact #thanks p.comp{
	font-size: 18px;
	font-weight: bold;
	margin: 50px auto;
}

#contact #thanks p.comp span{
	padding: 10px 30px;
	color: #ffffff;
	background-color: #005fb0;
}

#contact #thanks p.back-index{
	font-size: 16px;
	margin: 50px auto;
}
#contact #thanks p.back-index:before{
	content: "≫";
	color: #005fb0;
	padding: 0 5px 0 0;
}
#contact #thanks p.back-index:after{
	content: "≪";
	color: #005fb0;
	padding: 0 0 0 5px;
}

#contact #thanks p.back-index a{
	color: #005fb0;
	text-decoration: underline;
	opacity: 1;
}

#contact #thanks p.back-index a:hover{
	text-decoration: none;
}

/* official-line */
#wrapper section#official-line{
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	padding: 10px 0 40px 0;
	background-color: #00B900;
}

#wrapper section#official-line p{
	color: #FFFFFF;
}

#line-info{
	width: 96%;
	margin: 0 auto;
}

#line-info p{
	text-align: center;
	margin: 0 0 20px 0;
}

#line-info p strong{
	letter-spacing: 2px;
}
#line-info p strong:before{
	content: "【";
}
#line-info p strong:after{
	content: "】";
}

#line-info ul{
	background-color: #FFFFFF;
	text-align: center;
	width: 80%;
	margin: 0 auto;
	padding: 10px 0;
}

/* business */
#business{
	width: 96%;
	max-width: 1140px;
	margin: 0 auto 150px auto;
	display: flex;
	justify-content: flex-start;
    flex-wrap: wrap;
}


/* content */
#content{
	width: 96%;
	max-width: 1140px;
	margin: 0 auto 150px auto;
	display: flex;
	justify-content: flex-start;
    flex-wrap: wrap;
}


.archive .site-branding{
	width: 96%;
	max-width: 1140px;
    display: flex;
    flex-direction: row;
	margin: 0 auto 0 auto;
	padding: 60px 0;
}


@media only screen and (min-width: 768px){
.archive .site-branding {
    margin: 0 auto;
}
}

@media only screen and (min-width: 992px){
.archive .site-branding,
#content {
    max-width: 960px;
}
}

@media only screen and (min-width: 1200px){
.archive .site-branding,
#content {
    max-width: 1140px;
}
}



nav#site-navigation{
	font-family: 'Poppins', sans-serif;
	text-transform: lowercase;
    margin: 0 0 0 auto;
    padding: 0;
}

.archive header.site-header{
	background-color: #005fb0;
	color: #FFFFFF;
}

.archive header.site-header .site-title{
	text-align: left;
	margin: 0 auto 0 0;
}
.archive header.site-header .site-title a{
	font-size: 0;
	display: block;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20289.497%2050.406%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23ffffff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20id%3D%22%E3%83%AD%E3%82%B4%E3%83%A1%E3%82%A4%E3%83%B3%22%20class%3D%22cls-1%22%20d%3D%22M50.128%2C25.34A25.006%2C25.006%2C0%2C0%2C1%2C58.7%2C6.467l-.784-.986a20.451%2C20.451%2C0%2C0%2C0-11.7%2C6.418A25.059%2C25.059%2C0%2C1%2C0%2C50.128%2C25.34ZM36.311%2C31.482c-5.75%2C2.7-12.813-.225-15.772-6.53s-.7-13.608%2C5.052-16.307%2C12.813.224%2C15.774%2C6.53S42.062%2C28.782%2C36.311%2C31.482Z%22%2F%3E%3Cg%20id%3D%22st%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M48.715%2C46.251c-.063.657.19.638.38.638a.318.318%2C0%2C0%2C0%2C.341-.4c-.013-.2-.247-.317-.405-.424l-.449-.31a1.312%2C1.312%2C0%2C0%2C1-.676-1.125c0-.55.436-.866%2C1.226-.866a1.018%2C1.018%2C0%2C0%2C1%2C1.145%2C1.182h-.822c.019-.4-.095-.55-.379-.55-.2%2C0-.348.089-.348.291s.152.3.309.411l.671.455a1.278%2C1.278%2C0%2C0%2C1%2C.562.7c.07.619-.082%2C1.264-1.22%2C1.264a1.067%2C1.067%2C0%2C0%2C1-1.157-1.27Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M52.109%2C47.439c-.486.057-1.169.1-1.169-.563V44.462h-.335v-.6h.329v-.98h.828v.98h.347v.6h-.347v2.212c.019.152.246.133.347.12Z%22%2F%3E%3C%2Fg%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M110.194%2C17c-.1%2C1.786.364%2C4.994-2.183%2C4.994-1.588%2C0-2.017-.959-2.017-2.38a2.87%2C2.87%2C0%2C0%2C1%2C.727-2.25c1.125-.926%2C2.415-1.654%2C3.473-2.382Zm4.664%2C7.806a9.945%2C9.945%2C0%2C0%2C1-.364-2.613V11.18c.066-2.447-.3-5.524-6.152-5.524-5.391%2C0-6.549%2C2.481-6.516%2C6.02h4.1c-.033-1.687.3-2.712%2C2.25-2.712%2C1.157%2C0%2C1.819.132%2C2.017.959.364%2C1.522-.3%2C2.348-2.117%2C3.109-3.373%2C1.389-6.383%2C2.414-6.383%2C6.682%2C0%2C3.836%2C1.521%2C5.589%2C4.994%2C5.589a4.561%2C4.561%2C0%2C0%2C0%2C3.771-2.414h.066a3.459%2C3.459%2C0%2C0%2C0%2C.264%2C1.918Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M135.828%2C24.807V6.153h4.3V24.807Zm0-20.9V0h4.3V3.9Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M159.444%2C6.153h4.631L165.894%2C16.6a48.149%2C48.149%2C0%2C0%2C1%2C.595%2C5.524h.066a48.376%2C48.376%2C0%2C0%2C1%2C.595-5.524L169%2C6.153h4.465l-4.3%2C18.654H163.81Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M196.455%2C9.46h.067a6.163%2C6.163%2C0%2C0%2C1%2C1.687-2.646%2C3.7%2C3.7%2C0%2C0%2C1%2C2.679-.992v5.094c-2.382-.232-4.2.363-4.267%2C3.108V24.807h-4.3V6.153h4.134Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M220.336%2C24.807V6.153h4.3V24.807Zm0-20.9V0h4.3V3.9Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M252.651%2C12.636V10.551c-.066-1.025-.562-1.587-1.489-1.587-1.653%2C0-1.653%2C1.885-1.62%2C4.168v4.4c-.1%2C3.638.331%2C4.3%2C1.62%2C4.464%2C1.324-.033%2C1.357-1.256%2C1.489-2.745V17.531h4.3V19.25c0%2C3.9-1.621%2C6.053-5.888%2C6.053-3.8%2C0-5.987-2.017-5.821-6.979V12.271c-.033-5.225%2C2.547-6.615%2C5.821-6.615%2C4.333%2C0%2C5.921%2C2.712%2C5.888%2C5.491v1.489Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M276.432%2C24.807V0h4.3V11.213c0%2C.794-.033%2C1.554-.066%2C2.349h.066L284.8%2C6.153h4.7l-4.7%2C7.508%2C4.565%2C11.146h-4.8L281.89%2C17.2l-1.158%2C1.918v5.689Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M152.487%2C46.542c-.175%2C1.838.53%2C1.787%2C1.061%2C1.787a.889.889%2C0%2C0%2C0%2C.955-1.116c-.035-.566-.69-.884-1.132-1.183l-1.254-.868a3.668%2C3.668%2C0%2C0%2C1-1.894-3.147c0-1.539%2C1.22-2.423%2C3.431-2.423%2C2.227%2C0%2C3.255%2C1.167%2C3.2%2C3.307h-2.3c.053-1.114-.265-1.539-1.061-1.539-.548%2C0-.971.248-.971.814%2C0%2C.584.423.849.865%2C1.15l1.875%2C1.272a3.573%2C3.573%2C0%2C0%2C1%2C1.573%2C1.965c.2%2C1.732-.23%2C3.535-3.413%2C3.535a2.981%2C2.981%2C0%2C0%2C1-3.235-3.554Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M170.824%2C49.867c-1.361.159-3.271.283-3.271-1.574V41.538h-.938V39.859h.92V37.116h2.318v2.743h.971v1.679h-.971v6.189c.053.424.689.37.971.335Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M185.554%2C48.345h-.036A2.094%2C2.094%2C0%2C0%2C1%2C183.38%2C50.1c-1.822%2C0-2.229-.938-2.229-2.6V39.859h2.3v6.824a2.446%2C2.446%2C0%2C0%2C0%2C.23%2C1.327.9.9%2C0%2C0%2C0%2C.708.319c1.079%2C0%2C1.061-1.221%2C1.061-2v-6.47h2.3V49.83h-2.193Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M203.167%2C46.561c0%2C1.148-.371%2C1.768-1.114%2C1.768-.708%2C0-.955-.761-1.008-1.717V43.289c.07-.991-.036-1.929%2C1.043-1.929s1.115%2C1.415%2C1.079%2C2.212Zm0%2C3.269h2.3V36.569h-2.3V39.98a4.987%2C4.987%2C0%2C0%2C0%2C.071.886H203.2a1.978%2C1.978%2C0%2C0%2C0-2.052-1.274c-1.486.035-2.351.8-2.4%2C3.536v3.608c.053%2C1.593.459%2C3.36%2C2.4%2C3.36a2%2C2%2C0%2C0%2C0%2C1.981-1.326h.035Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M216.8%2C49.83V39.859h2.3V49.83Zm0-11.176V36.569h2.3v2.085Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M232.486%2C43.252c0-.936%2C0-1.892%2C1.219-1.892%2C1.149%2C0%2C1.149.956%2C1.149%2C1.892v3.325c0%2C1.22-.088%2C1.752-1.149%2C1.752-1.113%2C0-1.219-.532-1.219-1.752Zm1.219%2C6.844c2.971.054%2C3.467-1.433%2C3.449-4.9-.018-3.413-.035-5.606-3.449-5.606-3.466%2C0-3.5%2C2.193-3.519%2C5.606C230.17%2C48.663%2C230.682%2C50.15%2C233.705%2C50.1Z%22%2F%3E%3C%2Fsvg%3E');	
	background-position: left center;
	text-align: left;
	margin: 0 auto 0 0;
	min-width: 200px;
	min-height: 34px;
	height: auto;
	background-repeat: no-repeat;
	background-position: center;
	
}
.archive header.site-header {
    margin: 0;
    padding: 12px 0;
}
@media only screen and (min-width: 768px){
.archive header.site-header {
    margin: 0;
    padding: 12px 0;
}
}


.archive nav.site-navigation{
font-family: 'Anton', sans-serif;
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.archive nav ul{
	margin: 0 auto;
    padding: 0;
    display: flex;
    list-style: none;
}

.archive nav.main-navigation ul li>a{
	font-size: 18px;
    letter-spacing: 2px;
    display: block;
    width: 100%;
    white-space: nowrap;
	color: #FFFFFF;
}
.archive footer.content_footer nav ul li>a{
	color: #FFFFFF;
}

#archive-list{
	width: 96%;
	max-width: 1140px;
	margin: 0 auto 0 auto;
	display: flex;
	justify-content: flex-start;
    flex-wrap: wrap;
}
.works-list-fadein {
  opacity : 0;
  transition : all 0.5s;
}
 
.works-list-fadein.active{
  opacity : 1;
}

#content article{
	position: relative;
	width: 24%;
	/*display: flex;*/
	align-items: flex-start;
    flex-wrap: wrap;
	margin: 0 0.5% 1% 0.5%;
}

.archive .page-header, .search .page-header, .error404 .page-header {
    margin: 0 0 !important;
    /*text-align: center !important;*/
    height: auto !important;
    padding: 30px 0 40px 0 !important;
}

.archive .page-header .page-title, .search .page-header .page-title, .error404 .page-header .page-title {
	color: #005fb0 !important;
    display: inline;
    font-family: 'Jost', sans-serif, "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic" !important;
    font-weight: bold !important;
    font-size: 20px !important;
    font-weight: 400;
	text-transform: uppercase;
    letter-spacing: 2px !important;

}

body.tag header.page-header::before{
	font-family: "Font Awesome 5 Free";
	content: '\f02b';
	font-weight: 900;
	font-size: 17px;
	padding-right : 5px;/*文字との隙間*/
	color: #005fb0;/*アイコンの色*/
	display: inline-block;
}

#content .works-cat{
	position: relative;
	width: 100%;
	height: 100%;
	top: 0;
}
#content .works-cat h3{
	font-size: 0.5em;
    color: #005fb0;
	margin: 20px 0 0 0;
}

#content #primary{
	width: 100%;
	margin: 30px auto 0 auto;
}

#content .navigation {
	width: 100%;
}

body .entry .entry-footer-original > span{
	display: none;
}

body .entry .entry-footer-original > span.tags-links{
	display: block;
}


footer.entry-footer-original{
	width: 96%;
	font-size: 0.61111em;
    color: #767676;
    margin: 0 0 0 0;
    padding: 10px 0 20px 0;
	flex: 1;
	align-items: flex-start;
 	min-height: 0%;
}
footer.entry-footer-original a{
    color: #767676;
}

.tags-links svg{
	fill: #005fb0;
	position: relative;
	top: 4px;
	margin-right: 3px;
}

body .pagination .nav-links {
	width: 100%;
	opacity: 0;
}

#infscr-loading{
	position: relative;
	width: 100%;
	display: block;
	margin: 0 auto 0 auto;
	text-align: center;
	font-family: 'Jost', sans-serif;
	font-size: 16px;
	color: #005fb0;
	font-style: normal;
}

@media only screen and (min-width: 768px){
body .pagination .nav-links {
	margin-right: auto;
    margin-left: auto;
    padding: 0;
	justify-content: center;
}
}


/* pagetop */

.scrolled .page_top_btn {
    display: block;
    opacity: 1;
    color: transparent;
}

.page_top_btn {
    position: fixed;
    right: 2%;
    bottom: 3%;
    z-index: 99999;
    width: 40px;
    height: 38px;
    color: transparent;
    border: none;
    background: rgba(0,0,0,.8);
    box-shadow: 0 0 0 1px rgb(255 255 255 / 80%), 0 0 0 2px rgb(0 0 0 / 80%);
    background-image: url(https://aivrick.com/wp_2022/wp-content/plugins/vk-all-in-one-expansion-unit/assets/images/to-top-btn-icon.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transition: opacity .3s;
    text-decoration: none;
	font-size: 0;
}

.pagetop {
    position: fixed;
    right: 0;
    bottom: 0;
    text-indent: -9999px;
    margin: 0;
}
.pagetop a {
    position: relative;
    display: block;
    width: 65px;
    height: 65px;
    background: rgba(0,0,0,1);
    transition: opacity .6s ease;
}
.pagetop a:hover {
    opacity: .3;
}
.pagetop a::before {
    position: absolute;
    top: 7px;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 14px;
    height: 14px;
    margin: auto;
    content: '';
    transform: rotate(-45deg);
    border-top: 1px solid #FFF;
    border-right: 1px solid #FFF;
}
@media screen and (max-width:700px) {
#pagetop a {
    width: 45px;
    height: 45px;
}
}
/* footer */


footer{
	width: 96%;
	color: #005fb0;
	margin: 0 auto;
	padding: 50px 0 0 0;
}

footer.content_footer{
	width: 100%;
	background-color: #005fb0;
	color: #FFFFFF;
	margin: 100px auto 0 auto;
	
}


footer #footer_inner{
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
}

#top footer #footer_inner{
	opacity: 0;
}

footer h1,
footer p.footer-title{
	text-indent: -9999px;
	min-width: 250px;
	min-height: 45px;
	height: auto;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20289.497%2050.406%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23005fb0%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20id%3D%22%E3%83%AD%E3%82%B4%E3%83%A1%E3%82%A4%E3%83%B3%22%20class%3D%22cls-1%22%20d%3D%22M50.128%2C25.34A25.006%2C25.006%2C0%2C0%2C1%2C58.7%2C6.467l-.784-.986a20.451%2C20.451%2C0%2C0%2C0-11.7%2C6.418A25.059%2C25.059%2C0%2C1%2C0%2C50.128%2C25.34ZM36.311%2C31.482c-5.75%2C2.7-12.813-.225-15.772-6.53s-.7-13.608%2C5.052-16.307%2C12.813.224%2C15.774%2C6.53S42.062%2C28.782%2C36.311%2C31.482Z%22%2F%3E%3Cg%20id%3D%22st%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M48.715%2C46.251c-.063.657.19.638.38.638a.318.318%2C0%2C0%2C0%2C.341-.4c-.013-.2-.247-.317-.405-.424l-.449-.31a1.312%2C1.312%2C0%2C0%2C1-.676-1.125c0-.55.436-.866%2C1.226-.866a1.018%2C1.018%2C0%2C0%2C1%2C1.145%2C1.182h-.822c.019-.4-.095-.55-.379-.55-.2%2C0-.348.089-.348.291s.152.3.309.411l.671.455a1.278%2C1.278%2C0%2C0%2C1%2C.562.7c.07.619-.082%2C1.264-1.22%2C1.264a1.067%2C1.067%2C0%2C0%2C1-1.157-1.27Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M52.109%2C47.439c-.486.057-1.169.1-1.169-.563V44.462h-.335v-.6h.329v-.98h.828v.98h.347v.6h-.347v2.212c.019.152.246.133.347.12Z%22%2F%3E%3C%2Fg%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M110.194%2C17c-.1%2C1.786.364%2C4.994-2.183%2C4.994-1.588%2C0-2.017-.959-2.017-2.38a2.87%2C2.87%2C0%2C0%2C1%2C.727-2.25c1.125-.926%2C2.415-1.654%2C3.473-2.382Zm4.664%2C7.806a9.945%2C9.945%2C0%2C0%2C1-.364-2.613V11.18c.066-2.447-.3-5.524-6.152-5.524-5.391%2C0-6.549%2C2.481-6.516%2C6.02h4.1c-.033-1.687.3-2.712%2C2.25-2.712%2C1.157%2C0%2C1.819.132%2C2.017.959.364%2C1.522-.3%2C2.348-2.117%2C3.109-3.373%2C1.389-6.383%2C2.414-6.383%2C6.682%2C0%2C3.836%2C1.521%2C5.589%2C4.994%2C5.589a4.561%2C4.561%2C0%2C0%2C0%2C3.771-2.414h.066a3.459%2C3.459%2C0%2C0%2C0%2C.264%2C1.918Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M135.828%2C24.807V6.153h4.3V24.807Zm0-20.9V0h4.3V3.9Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M159.444%2C6.153h4.631L165.894%2C16.6a48.149%2C48.149%2C0%2C0%2C1%2C.595%2C5.524h.066a48.376%2C48.376%2C0%2C0%2C1%2C.595-5.524L169%2C6.153h4.465l-4.3%2C18.654H163.81Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M196.455%2C9.46h.067a6.163%2C6.163%2C0%2C0%2C1%2C1.687-2.646%2C3.7%2C3.7%2C0%2C0%2C1%2C2.679-.992v5.094c-2.382-.232-4.2.363-4.267%2C3.108V24.807h-4.3V6.153h4.134Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M220.336%2C24.807V6.153h4.3V24.807Zm0-20.9V0h4.3V3.9Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M252.651%2C12.636V10.551c-.066-1.025-.562-1.587-1.489-1.587-1.653%2C0-1.653%2C1.885-1.62%2C4.168v4.4c-.1%2C3.638.331%2C4.3%2C1.62%2C4.464%2C1.324-.033%2C1.357-1.256%2C1.489-2.745V17.531h4.3V19.25c0%2C3.9-1.621%2C6.053-5.888%2C6.053-3.8%2C0-5.987-2.017-5.821-6.979V12.271c-.033-5.225%2C2.547-6.615%2C5.821-6.615%2C4.333%2C0%2C5.921%2C2.712%2C5.888%2C5.491v1.489Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M276.432%2C24.807V0h4.3V11.213c0%2C.794-.033%2C1.554-.066%2C2.349h.066L284.8%2C6.153h4.7l-4.7%2C7.508%2C4.565%2C11.146h-4.8L281.89%2C17.2l-1.158%2C1.918v5.689Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M152.487%2C46.542c-.175%2C1.838.53%2C1.787%2C1.061%2C1.787a.889.889%2C0%2C0%2C0%2C.955-1.116c-.035-.566-.69-.884-1.132-1.183l-1.254-.868a3.668%2C3.668%2C0%2C0%2C1-1.894-3.147c0-1.539%2C1.22-2.423%2C3.431-2.423%2C2.227%2C0%2C3.255%2C1.167%2C3.2%2C3.307h-2.3c.053-1.114-.265-1.539-1.061-1.539-.548%2C0-.971.248-.971.814%2C0%2C.584.423.849.865%2C1.15l1.875%2C1.272a3.573%2C3.573%2C0%2C0%2C1%2C1.573%2C1.965c.2%2C1.732-.23%2C3.535-3.413%2C3.535a2.981%2C2.981%2C0%2C0%2C1-3.235-3.554Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M170.824%2C49.867c-1.361.159-3.271.283-3.271-1.574V41.538h-.938V39.859h.92V37.116h2.318v2.743h.971v1.679h-.971v6.189c.053.424.689.37.971.335Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M185.554%2C48.345h-.036A2.094%2C2.094%2C0%2C0%2C1%2C183.38%2C50.1c-1.822%2C0-2.229-.938-2.229-2.6V39.859h2.3v6.824a2.446%2C2.446%2C0%2C0%2C0%2C.23%2C1.327.9.9%2C0%2C0%2C0%2C.708.319c1.079%2C0%2C1.061-1.221%2C1.061-2v-6.47h2.3V49.83h-2.193Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M203.167%2C46.561c0%2C1.148-.371%2C1.768-1.114%2C1.768-.708%2C0-.955-.761-1.008-1.717V43.289c.07-.991-.036-1.929%2C1.043-1.929s1.115%2C1.415%2C1.079%2C2.212Zm0%2C3.269h2.3V36.569h-2.3V39.98a4.987%2C4.987%2C0%2C0%2C0%2C.071.886H203.2a1.978%2C1.978%2C0%2C0%2C0-2.052-1.274c-1.486.035-2.351.8-2.4%2C3.536v3.608c.053%2C1.593.459%2C3.36%2C2.4%2C3.36a2%2C2%2C0%2C0%2C0%2C1.981-1.326h.035Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M216.8%2C49.83V39.859h2.3V49.83Zm0-11.176V36.569h2.3v2.085Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M232.486%2C43.252c0-.936%2C0-1.892%2C1.219-1.892%2C1.149%2C0%2C1.149.956%2C1.149%2C1.892v3.325c0%2C1.22-.088%2C1.752-1.149%2C1.752-1.113%2C0-1.219-.532-1.219-1.752Zm1.219%2C6.844c2.971.054%2C3.467-1.433%2C3.449-4.9-.018-3.413-.035-5.606-3.449-5.606-3.466%2C0-3.5%2C2.193-3.519%2C5.606C230.17%2C48.663%2C230.682%2C50.15%2C233.705%2C50.1Z%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: center;
	margin: 0 0 30px 0;
}

footer.content_footer p.footer-title{
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20289.497%2050.406%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23ffffff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20id%3D%22%E3%83%AD%E3%82%B4%E3%83%A1%E3%82%A4%E3%83%B3%22%20class%3D%22cls-1%22%20d%3D%22M50.128%2C25.34A25.006%2C25.006%2C0%2C0%2C1%2C58.7%2C6.467l-.784-.986a20.451%2C20.451%2C0%2C0%2C0-11.7%2C6.418A25.059%2C25.059%2C0%2C1%2C0%2C50.128%2C25.34ZM36.311%2C31.482c-5.75%2C2.7-12.813-.225-15.772-6.53s-.7-13.608%2C5.052-16.307%2C12.813.224%2C15.774%2C6.53S42.062%2C28.782%2C36.311%2C31.482Z%22%2F%3E%3Cg%20id%3D%22st%22%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M48.715%2C46.251c-.063.657.19.638.38.638a.318.318%2C0%2C0%2C0%2C.341-.4c-.013-.2-.247-.317-.405-.424l-.449-.31a1.312%2C1.312%2C0%2C0%2C1-.676-1.125c0-.55.436-.866%2C1.226-.866a1.018%2C1.018%2C0%2C0%2C1%2C1.145%2C1.182h-.822c.019-.4-.095-.55-.379-.55-.2%2C0-.348.089-.348.291s.152.3.309.411l.671.455a1.278%2C1.278%2C0%2C0%2C1%2C.562.7c.07.619-.082%2C1.264-1.22%2C1.264a1.067%2C1.067%2C0%2C0%2C1-1.157-1.27Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M52.109%2C47.439c-.486.057-1.169.1-1.169-.563V44.462h-.335v-.6h.329v-.98h.828v.98h.347v.6h-.347v2.212c.019.152.246.133.347.12Z%22%2F%3E%3C%2Fg%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M110.194%2C17c-.1%2C1.786.364%2C4.994-2.183%2C4.994-1.588%2C0-2.017-.959-2.017-2.38a2.87%2C2.87%2C0%2C0%2C1%2C.727-2.25c1.125-.926%2C2.415-1.654%2C3.473-2.382Zm4.664%2C7.806a9.945%2C9.945%2C0%2C0%2C1-.364-2.613V11.18c.066-2.447-.3-5.524-6.152-5.524-5.391%2C0-6.549%2C2.481-6.516%2C6.02h4.1c-.033-1.687.3-2.712%2C2.25-2.712%2C1.157%2C0%2C1.819.132%2C2.017.959.364%2C1.522-.3%2C2.348-2.117%2C3.109-3.373%2C1.389-6.383%2C2.414-6.383%2C6.682%2C0%2C3.836%2C1.521%2C5.589%2C4.994%2C5.589a4.561%2C4.561%2C0%2C0%2C0%2C3.771-2.414h.066a3.459%2C3.459%2C0%2C0%2C0%2C.264%2C1.918Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M135.828%2C24.807V6.153h4.3V24.807Zm0-20.9V0h4.3V3.9Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M159.444%2C6.153h4.631L165.894%2C16.6a48.149%2C48.149%2C0%2C0%2C1%2C.595%2C5.524h.066a48.376%2C48.376%2C0%2C0%2C1%2C.595-5.524L169%2C6.153h4.465l-4.3%2C18.654H163.81Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M196.455%2C9.46h.067a6.163%2C6.163%2C0%2C0%2C1%2C1.687-2.646%2C3.7%2C3.7%2C0%2C0%2C1%2C2.679-.992v5.094c-2.382-.232-4.2.363-4.267%2C3.108V24.807h-4.3V6.153h4.134Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M220.336%2C24.807V6.153h4.3V24.807Zm0-20.9V0h4.3V3.9Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M252.651%2C12.636V10.551c-.066-1.025-.562-1.587-1.489-1.587-1.653%2C0-1.653%2C1.885-1.62%2C4.168v4.4c-.1%2C3.638.331%2C4.3%2C1.62%2C4.464%2C1.324-.033%2C1.357-1.256%2C1.489-2.745V17.531h4.3V19.25c0%2C3.9-1.621%2C6.053-5.888%2C6.053-3.8%2C0-5.987-2.017-5.821-6.979V12.271c-.033-5.225%2C2.547-6.615%2C5.821-6.615%2C4.333%2C0%2C5.921%2C2.712%2C5.888%2C5.491v1.489Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M276.432%2C24.807V0h4.3V11.213c0%2C.794-.033%2C1.554-.066%2C2.349h.066L284.8%2C6.153h4.7l-4.7%2C7.508%2C4.565%2C11.146h-4.8L281.89%2C17.2l-1.158%2C1.918v5.689Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M152.487%2C46.542c-.175%2C1.838.53%2C1.787%2C1.061%2C1.787a.889.889%2C0%2C0%2C0%2C.955-1.116c-.035-.566-.69-.884-1.132-1.183l-1.254-.868a3.668%2C3.668%2C0%2C0%2C1-1.894-3.147c0-1.539%2C1.22-2.423%2C3.431-2.423%2C2.227%2C0%2C3.255%2C1.167%2C3.2%2C3.307h-2.3c.053-1.114-.265-1.539-1.061-1.539-.548%2C0-.971.248-.971.814%2C0%2C.584.423.849.865%2C1.15l1.875%2C1.272a3.573%2C3.573%2C0%2C0%2C1%2C1.573%2C1.965c.2%2C1.732-.23%2C3.535-3.413%2C3.535a2.981%2C2.981%2C0%2C0%2C1-3.235-3.554Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M170.824%2C49.867c-1.361.159-3.271.283-3.271-1.574V41.538h-.938V39.859h.92V37.116h2.318v2.743h.971v1.679h-.971v6.189c.053.424.689.37.971.335Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M185.554%2C48.345h-.036A2.094%2C2.094%2C0%2C0%2C1%2C183.38%2C50.1c-1.822%2C0-2.229-.938-2.229-2.6V39.859h2.3v6.824a2.446%2C2.446%2C0%2C0%2C0%2C.23%2C1.327.9.9%2C0%2C0%2C0%2C.708.319c1.079%2C0%2C1.061-1.221%2C1.061-2v-6.47h2.3V49.83h-2.193Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M203.167%2C46.561c0%2C1.148-.371%2C1.768-1.114%2C1.768-.708%2C0-.955-.761-1.008-1.717V43.289c.07-.991-.036-1.929%2C1.043-1.929s1.115%2C1.415%2C1.079%2C2.212Zm0%2C3.269h2.3V36.569h-2.3V39.98a4.987%2C4.987%2C0%2C0%2C0%2C.071.886H203.2a1.978%2C1.978%2C0%2C0%2C0-2.052-1.274c-1.486.035-2.351.8-2.4%2C3.536v3.608c.053%2C1.593.459%2C3.36%2C2.4%2C3.36a2%2C2%2C0%2C0%2C0%2C1.981-1.326h.035Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M216.8%2C49.83V39.859h2.3V49.83Zm0-11.176V36.569h2.3v2.085Z%22%2F%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M232.486%2C43.252c0-.936%2C0-1.892%2C1.219-1.892%2C1.149%2C0%2C1.149.956%2C1.149%2C1.892v3.325c0%2C1.22-.088%2C1.752-1.149%2C1.752-1.113%2C0-1.219-.532-1.219-1.752Zm1.219%2C6.844c2.971.054%2C3.467-1.433%2C3.449-4.9-.018-3.413-.035-5.606-3.449-5.606-3.466%2C0-3.5%2C2.193-3.519%2C5.606C230.17%2C48.663%2C230.682%2C50.15%2C233.705%2C50.1Z%22%2F%3E%3C%2Fsvg%3E');
	
}


footer #footer_address p.footer-title{
	font-size: 14px;
}

footer h1 strong{
}

footer #footer_address{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
	display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
	flex-wrap: wrap;

}

footer #footer_address p{
	font-size: 12px;
	text-align: center;
}
.archive footer #footer_address p,
.archive footer p#footer_copy{
	font-size: 12px;
	text-align: center;
}

footer p#footer_copy{
	font-size: 12ppx;
	padding: 20px 0 20px 0;
	margin: 0 0 0 0;
	color: #64696d;
}

footer.content_footer p#footer_copy{
	color: #FFFFFF;
}


/* スクロールで表示初期非表示設定 */
section .inner{
	opacity: 0;
}
section#works .inner{
	opacity: 1;
}
section#works .inner h2{
	opacity: 0;
}

#tag-list{
	opacity: 0;
}

.works-links li,
.works-section{
	opacity: 0;
}

/*==================================================
動かしたい動き
===================================*/

#top-movie-inner {
animation-name:zoomInAnime;
animation-duration: 0.5s;
animation-fill-mode:forwards;
animation-delay: 0.5s;
opacity: 0;
}

@keyframes zoomInAnime{
  from {
    opacity: 0;
	transform: scale(0);
  }

  to {
    opacity: 1;
	transform: scale(1);
  }
}

.fadeIn {
animation-name:fadeInAnime;
animation-duration: 2s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}

#top header {
animation-name:fadeUpAnime;
animation-duration: 0.5s;
animation-fill-mode:forwards;
animation-delay: 0.5s;
opacity: 0;
}

.fadeUp {
animation-name:fadeUpAnime;
animation-duration: 0.5s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(30px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}

.fadeUp-delay {
animation-name:fadeUpAnime-delay;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime-delay{
  from {
    opacity: 0;
	top: 100px;
  }

  to {
    opacity: 1;
	top: 0;
  }
}



.both{
	clear: both;
}