@charset "utf-8";html {width: 100%; }body {width: 100%; }body a:hover > img, body .btn input:hover {-webkit-font-smoothing: antialiased;text-decoration: none;opacity: 0.6; }html.ios body a:hover > img, html.ios body .btn input:hover {opacity: 1; }body [class^="grid_"].clearFix {float: none;margin-left: auto;margin-right: auto; }body .innerL {width: 1210px; }body .innerM {width: 1030px; }body .innerS {width: 830px; }body [class^="inner"] {position: relative;max-width: 100%;margin-left: auto;margin-right: auto;padding-left: 15px;padding-right: 15px; }body [class^="inner"] [class^="inner"] {padding-left: 0;padding-right: 0; }body .clearFix {display: block; }body .clearFix:after {content: "";display: block;height: 0;font-size: 0;line-height: 0;visibility: hidden;clear: both; }body .flex {-js-display: flex;display: flex;flex-wrap: wrap; }body .dn {color: #fa0000; }body .jost {font-weight: bold;font-family: 'Jost', sans-serif; }body .btn {margin-top: 40px;text-align: center; }body .btn a {position: relative;display: inline-block;padding: 10px 20px;width: 100%;max-width: 500px;font-weight: bold;background-color: #fff;border: #000 1px solid; }body .btn a:after {content: '';position: absolute;display: block;right: 20px;top: 50%;width: 12px;height: 12px;margin: auto;border-top: #000 1px solid;border-right: #000 1px solid;-webkit-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg); }body .btn a:hover {text-decoration: none;background-color: #000;color: #fff; }body .btn a:hover:after {border-color: #fff; }body .btn.btnBK a {background-color: #000;color: #fff; }body .btn.btnBK a:after {border-color: #fff; }body .btn.btnBK a:hover {background-color: #fff;color: #000; }body .btn.btnBK a:hover:after {border-color: #000; }@media (min-width: 897px) {body .btn.rBtn {position: absolute;width: 280px;top: 0;right: 15px;margin-top: 0; } }body .btn02 {margin-top: 50px; }@media screen and (max-width: 896px) {body .btn02 {margin-top: 30px; } }body .btn02 a {display: block;padding: 20px;font-size: 20px;font-weight: 500;text-align: center;background-color: #fafafa;border: #fafafa 1px solid; }@media screen and (max-width: 896px) {body .btn02 a {padding: 10px;font-size: 16px; } }body .btn02 a:hover {text-decoration: none;background-color: #f0f0f0;border-color: #d0d0d0; }body #wrapper {position: relative;min-height: 100vh;overflow: hidden; }body #wrapper #bg {width: 100%;height: 100%;padding: 0 60px;position: fixed;top: 0;left: 0;background: transparent;z-index: -1; }@media screen and (max-width: 896px) {body #wrapper #bg {padding: 0 15px; } }body #wrapper #bg #bgInner, body #wrapper #bg #bgLine {position: relative;width: 100%;height: 100%; }body #wrapper #bg #bgLine div, body #wrapper #bg #bgLine div span {height: 100%;position: absolute;top: 0; }body #wrapper #bg #bgLine > div {width: 1px;overflow: hidden;margin: 0 0 0 -1px;background: #fafafa; }body #wrapper #bg #bgLine > div:nth-child(1) {left: 0;margin: 0; }body #wrapper #bg #bgLine > div:nth-child(2) {left: 25%; }@media screen and (max-width: 1000px) {body #wrapper #bg #bgLine > div:nth-child(2) {left: calc(100%/3); } }body #wrapper #bg #bgLine > div:nth-child(3) {left: 50%; }@media screen and (max-width: 1000px) {body #wrapper #bg #bgLine > div:nth-child(3) {left: calc(100%/3*2); } }body #wrapper #bg #bgLine > div:nth-child(4) {left: 75%; }@media screen and (max-width: 1000px) {body #wrapper #bg #bgLine > div:nth-child(4) {left: 100%; } }body #wrapper #bg #bgLine > div:nth-child(5) {left: 100%;/*					span{						display: block;						width: 100%;						left: 0;						transform: translateY(-100%);						background: rgba($gray03,1);					}					*/ }@media screen and (max-width: 1000px) {body #wrapper #bg #bgLine > div:nth-child(5) {display: none; } }body #wrapper #header {padding: 30px 0; }@media screen and (max-width: 896px) {body #wrapper #header {padding: 15px 0; } }body #wrapper #header #headerInner {justify-content: space-between;align-items: center; }body #wrapper #header #headerInner #logo {width: 150px;height: auto; }body #wrapper #header #headerInner #logo a {display: block;width: 100%; }@media screen and (max-width: 896px) {body #wrapper #gNavi {position: fixed;left: 0;top: 0;bottom: 0;width: 100%;height: 100%;margin: 0;padding-top: 70px;opacity: 0;visibility: hidden;transition: all 0.5s;background-color: #fff;-webkit-overflow-scrolling: touch; }body #wrapper #gNavi.open {visibility: visible;opacity: 1;z-index: 9999; } }body #wrapper #gNavi > ul {-js-display: flex;display: flex;flex-wrap: wrap;align-items: center; }@media screen and (max-width: 896px) {body #wrapper #gNavi > ul {display: block;width: 100%;height: 100%;overflow-y: auto; } }body #wrapper #gNavi > ul > li {margin-left: 30px;font-weight: bold; }@media screen and (max-width: 1000px) {body #wrapper #gNavi > ul > li {margin-left: 25px; } }@media screen and (max-width: 896px) {body #wrapper #gNavi > ul > li {display: block;width: 100%;margin-left: 0;border-top: 1px #e0e0e0 solid; }body #wrapper #gNavi > ul > li:last-child {border-bottom: 1px #e0e0e0 solid; } }body #wrapper #gNavi > ul > li > a {-js-display: flex;display: flex;flex-wrap: wrap;align-items: center; }@media screen and (max-width: 896px) {body #wrapper #gNavi > ul > li > a {display: block;padding: 20px;overflow: hidden; } }body #wrapper #gNavi > ul > li > a img {width: auto;height: 18px; }body #wrapper #menuBtn {display: none; }@media screen and (max-width: 896px) {body #wrapper #menuBtn {position: absolute;display: block;width: 50px;height: 50px;right: 0;top: 4px;transition: all 0.5s;z-index: 9999; } }body #wrapper #menuBtn i {position: absolute;display: block;width: 24px;height: 2px;left: 0;right: 0;margin: auto;background-color: #000;transition: all 0.5s; }body #wrapper #menuBtn i:nth-child(1) {top: 11px;transform-origin: left top; }body #wrapper #menuBtn i:nth-child(2) {top: 19px; }body #wrapper #menuBtn i:nth-child(3) {top: 27px;transform-origin: left bottom; }body #wrapper #menuBtn:after {content: "MENU";position: absolute;display: block;bottom: 5px;width: 100%;color: #000;font-size: 10px;font-weight: bold;text-align: center;line-height: 1;-webkit-transform: scale(0.7);transform: scale(0.7); }body #wrapper #menuBtn.open i:nth-child(2) {opacity: 0; }body #wrapper #menuBtn.open i:nth-child(1) {left: 8px;transform: rotate(45deg); }body #wrapper #menuBtn.open i:nth-child(3) {left: 8px;transform: rotate(-45deg); }body #wrapper #content .ttl01 {position: relative;margin-bottom: 30px;padding-left: 20px;font-size: 40px;font-weight: bold;line-height: 1.4; }@media screen and (max-width: 896px) {body #wrapper #content .ttl01 {font-size: 24px; } }body #wrapper #content .ttl01:before {content: '';position: absolute;display: block;width: 5px;height: 34px;left: 0;top: 50%;background-color: #000;transform: translateY(-50%); }body #wrapper #content .ttlWrap {text-align: center; }body #wrapper #content .ttlWrap > .jost {font-size: 40px;line-height: 1.2; }@media screen and (max-width: 896px) {body #wrapper #content .ttlWrap > .jost {font-size: 20px; } }body #wrapper #content .ttlWrap h1 {line-height: 1.2;font-size: 50px;font-weight: bold; }@media screen and (max-width: 896px) {body #wrapper #content .ttlWrap h1 {font-size: 28px; } }body #wrapper #content .ttlWrap p {font-size: 20px; }@media screen and (max-width: 896px) {body #wrapper #content .ttlWrap p {font-size: 12px; } }body #wrapper #content .ttl02 {padding-bottom: 20px;font-size: 24px;font-weight: bold; }@media screen and (max-width: 896px) {body #wrapper #content .ttl02 {font-size: 20px;padding-bottom: 15px; } }body #wrapper #content .videoWrap {position: relative;width: 100%;height: 0;padding-top: 56.25%; }body #wrapper #content .videoWrap video {position: absolute;width: 100%;height: 100%;left: 0;top: 0; }body #wrapper #content #blog .archive {-js-display: flex;display: flex;flex-wrap: wrap; }body #wrapper #content #blog .archive.col4 > * {width: 23.72%;margin-right: 1.69%; }@media screen and (max-width: 896px) {body #wrapper #content #blog .archive.col4 > * {width: 48%;margin-right: 4px;justify-content: space-between; } }@media (min-width: 897px) {body #wrapper #content #blog .archive.col4 > *:nth-child(4n) {margin-right: 0; } }@media (min-width: 897px) {body #wrapper #content #blog .archive.col4 > *:nth-child(n+5) {margin-top: 40px; } }@media screen and (max-width: 896px) {body #wrapper #content #blog .archive.col4 > *:nth-child(2n) {margin-right: 0; } }@media screen and (max-width: 896px) {body #wrapper #content #blog .archive.col4 > *:nth-child(n+3) {margin-top: 30px; } }body #wrapper #content #blog .archive.col3 > * {position: relative;width: 31.48148%;margin-right: 2.77778%; }@media screen and (max-width: 896px) {body #wrapper #content #blog .archive.col3 > * {width: 48%;margin-right: 4%; } }@media screen and (max-width: 896px) {body #wrapper #content #blog .archive.col3 > *:nth-child(2n) {margin-right: 0; } }@media (min-width: 897px) {body #wrapper #content #blog .archive.col3 > *:nth-child(3n) {margin-right: 0; } }@media screen and (max-width: 896px) {body #wrapper #content #blog .archive.col3 > *:nth-child(n+3) {margin-top: 20px; } }@media (min-width: 897px) {body #wrapper #content #blog .archive.col3 > *:nth-child(n+4) {margin-top: 50px; } }body #wrapper #content #blog .archive.col3 > * a {display: block; }body #wrapper #content #blog .archive article a > figure {position: relative;height: 0;padding-top: 160px;overflow: hidden; }body #wrapper #content #blog .archive article a > figure img {position: absolute;width: 120%;height: auto;max-width: none;left: 50%;top: 50%;transform: translateY(-50%) translateX(-50%); }body #wrapper #content #blog .archive article a h2 {margin-top: 15px;line-height: 1.5;font-weight: bold; }@media screen and (max-width: 896px) {body #wrapper #content #blog .archive article a h2 {font-size: 13px; } }body #wrapper #content #blog .archive article a time {display: inline-block;margin-top: 4px;color: #707070;font-size: 12px; }@media screen and (max-width: 896px) {body #wrapper #content #blog .archive article a time {font-size: 10px; } }body #wrapper #content #blog .archive article a .info {margin-top: 10px;-js-display: flex;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center; }body #wrapper #content #blog .archive article a .info figure {width: 30px;height: 30px;overflow: hidden;border-radius: 50%;-js-display: flex;display: flex;flex-wrap: wrap;align-items: center;border: #fafafa 1px solid; }body #wrapper #content #blog .archive article a .info .infoTxt {width: calc(100% - 40px); }body #wrapper #content #blog .archive article a .info .infoTxt .name {font-size: 12px;font-weight: bold;line-height: 1.2; }body #wrapper #content #blog .archive article a .info .infoTxt .company {font-size: 10px; }body #wrapper #content #project #taxonomy {padding: 20px;-js-display: flex;display: flex;flex-wrap: wrap;justify-content: space-between; }@media screen and (max-width: 896px) {body #wrapper #content #project #taxonomy {padding: 0 15px; } }body #wrapper #content #project #taxonomy article {width: calc(50% - 10px); }@media screen and (max-width: 896px) {body #wrapper #content #project #taxonomy article {width: 100%; } }@media (min-width: 897px) {body #wrapper #content #project #taxonomy article:nth-child(n+3) {margin-top: 20px; } }@media screen and (max-width: 896px) {body #wrapper #content #project #taxonomy article:nth-child(n+2) {margin-top: 20px; } }body #wrapper #content #project #taxonomy article a {position: relative;display: block; }body #wrapper #content #project #taxonomy article a .text {position: absolute;width: 100%;padding: 30px 20px 0;top: 0;left: 0;text-align: center; }@media screen and (max-width: 896px) {body #wrapper #content #project #taxonomy article a .text {padding-top: 20px;padding-left: 15px;padding-right: 15px; } }body #wrapper #content #project #taxonomy article a .text h2 {padding-bottom: 10px;color: #fff;font-size: 36px;font-weight: 900; }@media screen and (max-width: 896px) {body #wrapper #content #project #taxonomy article a .text h2 {padding-bottom: 5px;font-size: 24px; } }body #wrapper #content #project #taxonomy article a .text p {color: #fff; }@media screen and (max-width: 896px) {body #wrapper #content #project #taxonomy article a .text p {font-size: 14px; } }body #wrapper #content #memberList {width: 810px;margin-top: 40px;margin-left: auto;margin-right: auto;-js-display: flex;display: flex;flex-wrap: wrap; }body #wrapper #content #memberList article {width: 22.22%;margin-right: 3.7%;text-align: center; }@media screen and (max-width: 896px) {body #wrapper #content #memberList article {width: 48%;margin-right: 4%; } }@media (min-width: 897px) {body #wrapper #content #memberList article:nth-child(4n) {margin-right: 0px; } }@media screen and (max-width: 896px) {body #wrapper #content #memberList article:nth-child(2n) {margin-right: 0px; } }@media (min-width: 897px) {body #wrapper #content #memberList article:nth-child(n+5) {margin-top: 40px; } }@media screen and (max-width: 896px) {body #wrapper #content #memberList article:nth-child(n+3) {margin-top: 30px; } }body #wrapper #content #memberList article figure {position: relative;width: 100%;height: 0;padding-top: 100%;border-radius: 50%;overflow: hidden; }body #wrapper #content #memberList article figure img {position: absolute;top: 50%;left: 50%;width: auto;height: auto;max-width: none;max-height: 100%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%); }body #wrapper #content #memberList article figure img:hover {-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%); }body #wrapper #content #memberList article .position {padding: 7px 0 6px;font-size: 11px;font-weight: bold;border: #707070 1px solid;border-radius: 30px;line-height: 1.4;letter-spacing: -0.03em; }@media screen and (max-width: 896px) {body #wrapper #content #memberList article .position {font-size: 10px; } }body #wrapper #content #memberList article h3 {margin-top: 10px;font-size: 18px;font-weight: bold; }body #wrapper #content #memberList article .company {margin-top: 5px;font-size: 12px;color: #b4b4b4;line-height: 1.4; }body #wrapper #footer {padding-top: 100px;padding-bottom: 100px; }@media screen and (max-width: 896px) {body #wrapper #footer {padding-top: 60px;padding-bottom: 40px; } }body #wrapper #footer #secretariat {width: 1000px;padding: 40px 60px;margin-left: auto;margin-right: auto;margin-bottom: 100px;background-color: #fafafa;text-align: center; }@media screen and (max-width: 896px) {body #wrapper #footer #secretariat {width: 100%;margin-bottom: 50px;padding: 22px; } }body #wrapper #footer #secretariat #secretariatTtl {font-size: 40px;font-weight: 900; }@media screen and (max-width: 896px) {body #wrapper #footer #secretariat #secretariatTtl {font-size: 22px; } }body #wrapper #footer #secretariat address {display: block;margin-bottom: 20px;font-size: 18px;font-weight: bold; }@media screen and (max-width: 896px) {body #wrapper #footer #secretariat address {font-size: 13px; } }@media screen and (max-width: 896px) {body #wrapper #footer #secretariat address + p {font-size: 14px; } }body #wrapper #footer #secretariat .flex {margin-top: 40px;justify-content: space-between; }@media screen and (max-width: 896px) {body #wrapper #footer #secretariat .flex {margin-top: 25px; } }body #wrapper #footer #secretariat .flex > div {width: 47.05%; }@media screen and (max-width: 896px) {body #wrapper #footer #secretariat .flex > div {width: 100%; } }@media screen and (max-width: 896px) {body #wrapper #footer #secretariat .flex #secretariatL .btn {margin-top: 20px; } }body #wrapper #footer #secretariat .flex #secretariatL .btn:first-child {margin-top: 0; }body #wrapper #footer #secretariat .flex #secretariatL .btn a {border-color: #b4b4b4;background-color: transparent; }body #wrapper #footer #secretariat .flex #secretariatL .btn a:hover {color: #000; }body #wrapper #footer #secretariat .flex #secretariatR {padding: 15px 50px;border: #b4b4b4 1px solid; }@media screen and (max-width: 896px) {body #wrapper #footer #secretariat .flex #secretariatR {margin-top: 20px;padding: 10px; } }body #wrapper #footer #secretariat .flex #secretariatR #tel {margin: 10px 0;line-height: 1;font-size: 40px;font-weight: bold;font-family: Arial, Helvetica, "sans-serif"; }@media screen and (max-width: 896px) {body #wrapper #footer #secretariat .flex #secretariatR #tel {font-size: 30px; } }body #wrapper #footer #secretariat .flex #secretariatR #tel a:hover {text-decoration: none; }body #wrapper #footer #secretariat .flex #secretariatR time {display: inline-block;text-align: left; }@media screen and (max-width: 896px) {body #wrapper #footer #secretariat .flex #secretariatR time {font-size: 13px; } }body #wrapper #footer strong {display: block;font-size: 40px;font-weight: bold;text-align: center; }@media screen and (max-width: 896px) {body #wrapper #footer strong {font-size: 26px; } }body #wrapper #footer #footerNavi {-js-display: flex;display: flex;flex-wrap: wrap;margin-top: 60px;justify-content: space-between; }@media screen and (max-width: 896px) {body #wrapper #footer #footerNavi {margin-top: 30px; } }body #wrapper #footer #footerNavi ul {-js-display: flex;display: flex;flex-wrap: wrap; }@media screen and (max-width: 896px) {body #wrapper #footer #footerNavi ul {display: none; } }body #wrapper #footer #footerNavi ul li {margin-right: 30px; }body #wrapper #footer #footerNavi ul li a {color: #707070; }body #wrapper #footer #footerNavi #copyright {font-size: 10px;font-weight: bold; }@media screen and (max-width: 896px) {body #wrapper #footer #footerNavi #copyright {width: 100%;text-align: center; } }