@charset "utf-8";#content #pan {display: block; }#content #pan:after {content: "";display: block;height: 0;font-size: 0;line-height: 0;visibility: hidden;clear: both; }#content #pan > li {float: left;position: relative;margin-bottom: 5px;line-height: 1; }#content #pan > li + li {padding-left: 2em; }#content #pan > li + li:before {content: "";position: absolute;left: 0.5em;top: 50%;width: 0.5em;height: 0.5em;border-top: 1px #333 solid;border-right: 1px #333 solid;transform: rotate(45deg) translateY(-50%); }#content #heroHeader {position: relative;margin-bottom: 60px;padding-top: 80px;width: 100%;height: 400px;text-align: center;background-size: cover;overflow: hidden;color: #fff; }@media screen and (max-width: 768px) {#content #heroHeader {margin-bottom: 30px;padding-top: 60px;height: 200px; } }#content #heroHeader video {position: absolute;right: 0;bottom: 0;width: 100%;margin: auto; }#content #heroHeader #overlay {position: absolute;display: block;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0, 0, 0, 0.4); }#content #heroHeader h1 {position: absolute;width: 100%;left: 0;right: 0;top: 50%;margin: auto;text-align: center;font-size: 50px;font-weight: bold;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); }@media screen and (max-width: 768px) {#content #heroHeader h1 {font-size: 30px; } }#content #single {padding-top: 90px; }@media screen and (max-width: 768px) {#content #single {padding-top: 70px; } }#content #vr {width: 100%; }#content #vr #vrWrap #tab {position: fixed;bottom: 0;left: 0;width: 100%;z-index: 900;-js-display: flex;display: flex;flex-wrap: wrap; }@media screen and (max-width: 768px) {#content #vr #vrWrap #tab {border-bottom: none; } }#content #vr #vrWrap #tab a {display: block;width: 50%;text-align: center;color: #fff;cursor: pointer; }#content #vr #vrWrap #tab a.current {display: none; }#content #vr #vrWrap #tab a[data-id="movie"] {background-color: #0cb59b; }#content #vr #vrWrap #tab a[data-id="vrview"] {background-color: #75aed0; }#content #vr #vrWrap #tab a[data-id="detail"] {background-color: #505050; }#content #vr #vrWrap #tab a i {display: block;padding: 20px; }#content #vr #vrWrap #tabContent {position: relative;min-height: calc(100vh - 65px);overflow: hidden; }#content #vr #vrWrap #tabContent .tabBox {position: absolute;left: 100%;top: 0;width: 100%;height: 100%; }#content #vr #vrWrap #tabContent .tabBox.current {left: 0; }#content #vr #vrWrap #detail {position: absolute;display: block !important;padding: 150px 0;left: -100%;top: -100%; }#content #vr #vrWrap #detail.current {position: static; }@media screen and (max-width: 768px) {#content #vr #vrWrap #detail {padding: 100px 0 120px; } }#content #vr #vrWrap #detail .innerM > section:nth-of-type(n+2) {padding-top: 80px; }@media screen and (max-width: 768px) {#content #vr #vrWrap #detail .innerM > section:nth-of-type(n+2) {padding-top: 40px; } }#content #vr #vrWrap #detail h1 {padding: 10px;font-size: 24px;font-weight: bold;background-color: #f0f0f0; }@media screen and (max-width: 768px) {#content #vr #vrWrap #detail h1 {font-size: 18px; } }#content #vr #vrWrap #detail #slider {position: relative;overflow: hidden; }#content #vr #vrWrap #detail #slider figure {float: left;width: 100%;text-align: center; }#content #vr #vrWrap #detail #slider figure img {width: 100%; }#content #vr #vrWrap #detail #slider > figure:nth-child(n+2) {display: none; }#content #vr #vrWrap #detail #slider > figure img {width: 100%;max-width: none; }#content #vr #vrWrap #detail #slider .pht {float: left;width: 100%;text-align: center; }#content #vr #vrWrap #detail #slider .pht img {width: 100%;max-width: none; }#content #vr #vrWrap #detail #slider > .pht:nth-child(n+2) {display: none; }#content #vr #vrWrap #detail #slider .slick-list {overflow: hidden; }#content #vr #vrWrap #detail #slider .slick-track {max-width: none;display: block; }#content #vr #vrWrap #detail #slider .slick-track:after {content: "";display: block;height: 0;font-size: 0;line-height: 0;visibility: hidden;clear: both; }#content #vr #vrWrap #detail #slider .slick-dots {font-size: 0px;text-align: left;letter-spacing: -0.4em;margin-top: 10px;text-align: center; }#content #vr #vrWrap #detail #slider .slick-dots > * {display: inline-block;font-size: 14px;letter-spacing: 0;vertical-align: top; }#content #vr #vrWrap #detail #slider .slick-dots > * * {letter-spacing: 0; }#content #vr #vrWrap #detail #slider .slick-dots li button {display: block;width: 5px;height: 5px;margin: 0 5px;padding: 0;border: none;border-radius: 50%;text-indent: -9999px;background-color: rgba(0, 0, 0, .6);transition: all 0.5s; }#content #vr #vrWrap #detail #slider .slick-dots li button:hover {background-color: #000; }#content #vr #vrWrap #detail #slider .slick-dots li.slick-active button {background-color: #000; }#content #vr #vrWrap #detail #slider .slick-arrow {position: absolute;z-index: 100;display: block;width: 20px;height: 20px;padding: 0;border: none;text-indent: -9999px;transform: translateY(-50%); }#content #vr #vrWrap #detail #slider .slick-arrow.slick-prev {left: 10px; }#content #vr #vrWrap #detail #slider .slick-arrow.slick-next {right: 10px;transform: translateY(-50%) rotate(180deg); }#content #vr #vrWrap #detail #thumbnail {margin-top: 2px; }@media screen and (max-width: 768px) { }#content #vr #vrWrap #detail #thumbnail .slick-list {width: 100%; }#content #vr #vrWrap #detail #thumbnail .slick-list .slick-track {width: 100% !important; }#content #vr #vrWrap #detail #thumbnail li {float: left;position: relative;width: 24.25 !important;cursor: pointer; }#content #vr #vrWrap #detail #thumbnail li + li {margin-left: 1%; }#content #vr #vrWrap #detail #drawing {margin-top: 20px;padding: 60px;border: #e0e0e0 1px solid; }@media screen and (max-width: 768px) {#content #vr #vrWrap #detail #drawing {padding: 20px; } }#content #vr #vrWrap #detail #spec {margin-top: 40px;padding: 30px;background-color: #f0f0f0; }#content #vr #vrWrap #detail #spec #price {margin-top: 30px; }#content #vr #vrWrap #detail #spec #price > div {font-size: 20px;font-family: Arial, Helvetica, "sans-serif"; }#content #vr #vrWrap #movie {display: block;width: 100%; }#content #vr #vrWrap #movie video {position: relative;width: 100%;height: calc(100vh - 65px);background-color: #333; }#content #vr #vrWrap #vrview {position: relative;display: block;width: 100%;height: 100vh;padding-bottom: 65px;/*			#tabBtn01:checked ~ #tab label[for="tabBtn01"]{				background-color: $gray01;			}			#tabBtn01:checked ~ #tab01{				display: block;			}			#tabBtn02:checked ~ #tab label[for="tabBtn02"]{				background-color: $gray01;			}			#tabBtn02:checked ~ #tab02{				display: block;			}						#tabBtn03:checked ~ #tab label[for="tabBtn03"]{				background-color: $gray01;			}			#tabBtn03:checked ~ #tab03{				display: block;			}			*/ }#content #vr #vrWrap #vrview #pop {display: none; }@media screen and (max-width: 768px) {#content #vr #vrWrap #vrview #pop {position: absolute;display: block;width: 140px;height: 140px;margin: auto;left: 0;right: 0;top: 0;bottom: 0;z-index: 1000; } }@media screen and (max-width: 768px) and (orientation: landscape) {#content #vr #vrWrap #vrview #pop {display: none; } }#content #vr #vrWrap #vrview iframe {position: relative; }#content #vr #vrArchive {margin-top: 60px; }@media screen and (max-width: 768px) {#content #vr #vrArchive {margin-top: 40px; } }#content #vr #single {height: 100vh; }#content #professor #main {margin-top: 60px;-js-display: flex;display: flex;flex-wrap: wrap; }@media screen and (max-width: 768px) {#content #professor #main {margin-top: 40px; } }#content #professor #main article {width: 22%;margin-right: 4%; }@media screen and (max-width: 768px) {#content #professor #main article {width: 32%;margin-right: 2%; } }@media screen and (max-width: 768px) {#content #professor #main article:nth-child(3n) {margin-right: 0; } }@media (min-width: 769px) {#content #professor #main article:nth-child(4n) {margin-right: 0; } }@media screen and (max-width: 768px) {#content #professor #main article:nth-child(n+4) {margin-top: 30px; } }@media (min-width: 769px) {#content #professor #main article:nth-child(n+5) {margin-top: 60px; } }#content #professor #main article .name {margin-top: 10px; }#content #professor #main article .name strong, #content #professor #main article .name em {display: block; }#content #professor #main article .name strong {font-size: 18px; }@media screen and (max-width: 768px) {#content #professor #main article .name strong {font-size: 15px; } }#content #professor #main article .name em {color: #999; }@media screen and (max-width: 768px) {#content #professor #main article .name em {font-size: 10px; } }#content #professor #single > section:nth-of-type(n+2) {margin-top: 80px;padding: 80px 0; }@media screen and (max-width: 768px) {#content #professor #single > section:nth-of-type(n+2) {margin-top: 30px;padding: 30px 0; } }#content #professor #single #mv {margin-bottom: 60px; }@media screen and (max-width: 768px) {#content #professor #single #mv {margin-bottom: 20px; } }#content #professor #single #mv #userVisual {position: relative;width: 100%;height: 80vh;overflow: hidden;text-align: center; }@media screen and (max-width: 768px) {#content #professor #single #mv #userVisual {height: 250px; } }#content #professor #single #mv #userVisual img {position: absolute;max-width: none;width: 100%;height: auto;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); }@media screen and (max-width: 768px) {#content #professor #single #mv #userVisual img {width: auto;height: 100%; } }#content #professor #single #mv video {width: 100%;height: auto; }#content #professor #single #userInfo {-js-display: flex;display: flex;flex-wrap: wrap;align-items: center;margin-bottom: 30px; }#content #professor #single #userInfo #userImg {width: 50px;height: 50px;margin-right: 10px;border-radius: 50%;overflow: hidden; }#content #professor #single #userInfo #userText {width: calc(100% - 60px); }#content #professor #single #userInfo #userText h1 {font-weight: bold;font-size: 15px; }#content #professor #single #userInfo #userText h2 {font-size: 12px;color: #505050; }@media (min-width: 769px) {#content #professor #single .archive {-js-display: flex;display: flex;flex-wrap: wrap; } }@media (min-width: 769px) {#content #professor #single .archive article {width: 30%;margin-right: 5%;-webkit-box-shadow: -1px 4px 74px -16px rgba(51, 51, 51, .15);box-shadow: -1px 4px 74px -16px rgba(51, 51, 51, .15); } }@media screen and (max-width: 768px) {#content #professor #single .archive article:nth-child(n+2) {margin-top: 10px; } }@media (min-width: 769px) {#content #professor #single .archive article:nth-child(n+3) {margin-right: 0; } }#content #professor #single .archive article a {display: block; }@media screen and (max-width: 768px) {#content #professor #single .archive article a {-js-display: flex;display: flex;flex-wrap: wrap; } }@media screen and (max-width: 768px) {#content #professor #single .archive article a .leftBox {width: 100px; } }#content #professor #single .archive article a .leftBox figure {position: relative;width: 100%;height: 0;padding-top: 66.66667%;text-align: center;overflow: hidden; }@media screen and (max-width: 768px) {#content #professor #single .archive article a .leftBox figure {padding-top: 0;height: 100%; } }#content #professor #single .archive article a .leftBox figure img {position: absolute;max-width: none;width: 100%;height: auto;left: 0;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%); }@media screen and (max-width: 768px) {#content #professor #single .archive article a .leftBox figure img {width: auto;height: auto;top: 50%;left: 50%;max-width: 100%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%); } }#content #professor #single .archive article a .rightBox {background-color: #fff;padding: 20px 20px 30px; }@media screen and (max-width: 768px) {#content #professor #single .archive article a .rightBox {width: calc(100% - 100px);padding: 10px 12px; } }#content #professor #single .archive article a .rightBox h3 {margin-bottom: 10px;font-size: 16px;font-weight: bold; }@media screen and (max-width: 768px) {#content #professor #single .archive article a .rightBox h3 {font-size: 13px;margin-bottom: 6px; } }#content #professor #single .archive article a .rightBox .cat {display: inline-block;padding: 2px;background-color: #333;color: #fff;font-size: 12px; }@media screen and (max-width: 768px) {#content #professor #single .archive article a .rightBox .cat {font-size: 10px; } }#content #professor #single .archive article a .rightBox time {color: #999; }#content #professor #single .archive article a .rightBox .info {margin-top: 10px;font-size: 13px;color: #999; }@media screen and (max-width: 768px) {#content #professor #single .archive article a .rightBox .info {font-size: 10px;line-height: 1.4; } }#content #professor #single .archive article a .rightBox .text {font-size: 12px; }@media screen and (max-width: 768px) {#content #professor #single .archive article a .rightBox .text {display: none; } }#content #newsletter {padding-top: 120px;text-align: center; }#content #newsletter h1 {font-size: 24px;font-weight: bold; }@media screen and (max-width: 768px) {#content #newsletter h1 {font-size: 18px; } }#content #newsletter dl {width: 100%;margin-top: 40px;padding: 20px;border: #e0e0e0 1px solid;-js-display: flex;display: flex;flex-wrap: wrap;align-items: center; }#content #newsletter dl dt {width: 30%;font-weight: bold; }@media screen and (max-width: 768px) {#content #newsletter dl dt {width: 100%; } }#content #newsletter dl dd {width: 70%; }@media screen and (max-width: 768px) {#content #newsletter dl dd {width: 100%;margin-top: 10px; } }#content #newsletter dl dd input {width: 100%;border: #999 1px solid; }#content #contact {padding-top: 120px; }@media screen and (max-width: 768px) {#content #contact .contact_form table.form {display: block; } }@media screen and (max-width: 768px) {#content #contact .contact_form table.form tbody {display: block; } }@media screen and (max-width: 768px) {#content #contact .contact_form table.form tbody tr {display: block; } }#content #contact .contact_form table.form tbody tr th, #content #contact .contact_form table.form tbody tr td {padding-bottom: 30px;vertical-align: top; }@media screen and (max-width: 768px) {#content #contact .contact_form table.form tbody tr th, #content #contact .contact_form table.form tbody tr td {display: block; } }#content #contact .contact_form table.form tbody tr th {width: 180px;font-weight: bold; }@media screen and (max-width: 768px) {#content #contact .contact_form table.form tbody tr th {width: auto;padding-bottom: 0; } }#content #contact .contact_form table.form tbody tr th.req:after {content: "※";color: #b00;font-weight: normal; }#content #contact .contact_form table.form tbody tr td input[type="number"], #content #contact .contact_form table.form tbody tr td input[type="email"], #content #contact .contact_form table.form tbody tr td input[type="text"], #content #contact .contact_form table.form tbody tr td input[type="tel"] {width: 100%;height: 30px;padding: 0 10px;border: 1px #f0f0f0 solid; }#content #contact .contact_form table.form tbody tr td textarea {width: 100%;height: 200px;padding: 10px;border: 1px #f0f0f0 solid; }#content #contact .contact_form table.form tbody tr td label {display: inline-block;margin-right: 10px;vertical-align: top; }#content #contact .contact_form table.form tbody tr td label input {position: relative;vertical-align: middle; }#content #contact .contact_form table.form tbody tr td .error {margin-top: 5px;color: #b00; }#content #contact form .table {margin-top: 30px;border-top: #f0f0f0 1px solid;font-size: 13px; }#content #contact form .table tbody tr th, #content #contact form .table tbody tr td {padding: 20px 0; }#content #contact form .table tbody tr th {width: 25%;font-weight: normal; }#content #contact form .table tbody tr th.req {position: relative; }#content #contact form .table tbody tr th.req:before, #content #contact form .table tbody tr th.req:after {position: absolute; }#content #contact form .table tbody tr th.req:before {content: "";display: block;background-color: #333;width: 40px;height: 20px;right: 30px; }@media screen and (max-width: 768px) {#content #contact form .table tbody tr th.req:before {right: 0; } }#content #contact form .table tbody tr th.req:after {content: "必須";color: #fff;font-size: 10px;right: 40px;line-height: 2; }@media screen and (max-width: 768px) {#content #contact form .table tbody tr th.req:after {right: 10px; } }#content #contact form .table tbody tr td {width: 70%; }#content #contact form .table tbody tr td input, #content #contact form .table tbody tr td textarea {border: none;padding: 10px;background-color: #f0f0f0; }@media screen and (max-width: 768px) {#content #contact form .table tbody tr td input, #content #contact form .table tbody tr td textarea {width: 100%; } }#content #contact form .table tbody tr td input[type="text"], #content #contact form .table tbody tr td input[type="email"], #content #contact form .table tbody tr td input[name="contact_address"] {width: 100%; }#content #contact form .table tbody tr td input[name*="_zip0"] {width: 60px; }#content #contact form .table tbody tr td textarea {width: 100%;height: 200px; }#content #contact form .table tbody tr td .error {margin-top: 5px;color: #b00; }#content #contact form .table tbody tr td .clearFix > div.left {width: 48%; }#content #contact form .table tbody tr td .clearFix > div.left:first-child {margin-right: 4%; }#content #contact form .table tbody tr td .clearFix > div.left input[type="text"] {width: 100%; }