@charset "utf-8";
/* ==================================================
		
		トップ PC

================================================== */
@media screen and (min-width:750px) {
 
/* --------------------------------------------------
		#Header
-------------------------------------------------- */
#header .logoShimadzu a svg {
 fill: #000;
} 
#header .logo-s a .black {
 display: none;
}
#header.change .logo-s a .black {
 display: block;
}
  
/*	.drawer
-------------------------------------------------- */ 
.drawer .link-mail a {
 color: #000000;
 background-image: url(../common/img/icon_mail_black.png);
}
 
/*	#navbar_toggle
-------------------------------------------------- */ 
.navbar_toggle_icon {
 background: #000000;
}
 
/* --------------------------------------------------
		.vi
-------------------------------------------------- */
#contents .vi .movie {
 width: 100%;
 height: 100vh;
 position: relative;
 overflow: hidden;
}
#contents .vi .movie video {
 position: absolute;
 top: 50%;
 left: 50%;
 min-width: 100%;
 min-height: 100%;
 -webkit-transform: translate(-50%, -50%);
 -moz-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}
#contents .vi .icon-scroll {
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 margin: auto;
 padding-bottom: 55px;
 text-align: center;
 color: #464646;
 letter-spacing: 2px;
}
/*
#contents .vi .icon-scroll > span {
  display: inline-block;
  padding: 0 1em;
  border: 1px solid #464646;
}*/
#contents .vi .icon-scroll:after {
 content: "";
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 width: 1px;
 height: 55px;
 margin: auto;
 background: #464646;
 animation: pathmove 1.6s cubic-bezier(1, 0, 0, 1) infinite;
}
@keyframes pathmove{
  0%{
    transform-origin: top;
    transform: scale(1, 0);
  }
  50%{
    transform-origin: top;
    transform: scale(1, 1);
  }
  50.1%{
    transform-origin: bottom;
    transform: scale(1, 1);
  }
  100%{
    transform-origin: bottom;
    transform: scale(1, 0);
  }
}

#contents .vi .btn-skip {
 position: absolute;
 bottom: 50px;
 right: 50px;
 text-align: center;
 color: #fff;
 width: 4em;
 height: 4em;
 border-radius: 2em;
 display: flex;
 align-items: center;
 justify-content: center;
 letter-spacing: 2px;
 background-color: #3d3d3d;
 font-size: 13px;
 cursor: pointer;
 transition: opacity 0.5s;
}
#contents .vi .btn-skip:hover { opacity: 0.7; }

/* --------------------------------------------------
		.intro
-------------------------------------------------- */
#contents .intro .intro-inner {
  display: flex;
  justify-content: space-between;
}
#contents .intro .intro-txt { width: 615px;}
#contents .intro .intro-movie { width: 481px;}
#contents .intro .intro-txt,
#contents .intro .intro-movie { width: calc( 50% - 32px);}
#contents .intro .intro-txt .txt {
 font-size: 18px;
 font-weight: bold;
 line-height: 2;
}
#contents .intro img { max-width: 100%; }
  
/* --------------------------------------------------
		.mission
-------------------------------------------------- */
#contents .mission .mission-inner .mission-box {
 width: 301px;
}
#contents .mission .mission-inner .mission-box .img {
 display: flex;
 align-items: end;
}
#contents .mission .mission-inner .mission-box .txt {
 line-height: 1.8;
}
  
/* --------------------------------------------------
		.facility
-------------------------------------------------- */
/*	#gall-area
-------------------------------------------------- */ 
#contents #gall-area .gall-list ul {
 display: flex;
 justify-content: center;
}
#contents #gall-area .gall-slide ul li,
#contents #gall-area .gall-list ul li {
 padding: 0 15px;
}
#contents #gall-area .gall-list ul li + li { 
 margin-top: 40px; 
}
#contents #gall-area .gall-slide ul li a,
#contents #gall-area .gall-list ul li a {
 text-decoration: none;
 display: block;
}
#contents .slick-next {
 right: -55px !important;
}
#contents .slick-next:before {
 background: url(../img/arrow-right.png) !important;
 background-size: contain !important;
}
#contents .slick-prev {
 left: -55px !important;
}
#contents .slick-prev:before {
 background: url(../img/arrow-left.png) !important;
 background-size: contain !important;
}
#contents .slick-arrow {
 position: absolute;
 z-index: 2 !important;
 width: 30px !important;
 height: 33px !important;
 top: 0;
 bottom: 0;
 margin: auto;
 text-indent: -9999px !important;
 cursor: pointer;
}
#contents .slick-arrow:before {
 content: "" !important;
 width: 100% !important;
 height: 100% !important;
 position: absolute;
 top: 0;
 left: 0;
 opacity: 1 !important;
}
#contents #gall-area .gall-list ul li { 
 width: 304px;
}
#contents #gall-area .gall-list ul li + li { 
 margin-top: 0; 
}
#contents .slick-slide .wrap-scale {
 overflow: hidden;
}
#contents .slick-slide a .wrap-scale img {
 transition: transform .3s linear 0s;
}
#contents .slick-slide a:hover .wrap-scale img {
 transform: scale(1.05) rotate(0.0001deg);
}
#contents #gall-area .gall-slide ul li .list-tag li a:hover,
#contents #gall-area .gall-list ul li a:hover {
 opacity: .7;
}
#contents .slick-slide img {
 max-width: 100%;
}
 
/* --------------------------------------------------
		.access
-------------------------------------------------- */
#contents .access {
 background: #f0f0f0;
}
#contents .access .access-inner .access-box .access-wrapper {
 margin-top: -9px;
}
#contents .access .access-inner .access-box .access-wrapper h3 {
 letter-spacing: -1px;
}
#contents .access .access-inner .access-box .access-wrapper dl {
 font-size: 15px;
}
#contents .access .access-inner .access-box .access-wrapper dl dt {
 width: 108px;
}
#contents .access .access-inner .access-box .access-wrapper dl dd {
 width: 420px;
}
#contents .access .access-inner .access-box .map .cap {
 font-size: 15px;
}
.access-box02 > div:nth-of-type(2n-1) {
  width: 481px;
}
.access-box02 > div:nth-of-type(2n) {
  width: 595px
}

 
}

@media screen and (max-width:749px) {
}
/* ==================================================
		
		トップ SP

================================================== */
@media screen and (max-width:749px) {
 
/* --------------------------------------------------
		#Header
-------------------------------------------------- */
#header .logoShimadzu a svg {
 fill: #000;
} 
#header .logo-s a .black {
 display: none;
}
#header.change .logo-s a .black {
 display: block;
}
  
/*	.drawer
-------------------------------------------------- */ 
.drawer .link-mail a {
 color: #000000;
 background-image: url(../common/img/icon_mail_black.png);
}

/*	#navbar_toggle
-------------------------------------------------- */ 
.navbar_toggle_icon {
 background: #000000;
}
/* --------------------------------------------------
		.vi
-------------------------------------------------- */
#contents .vi .movie video {
 aspect-ratio: 16 / 9;
 width: 100%;
 height: 100%;
}
#contents .vi .icon-scroll,
#contents .vi .btn-skip {
 display: none;
}
 
/* --------------------------------------------------
		.intro
-------------------------------------------------- */
#contents .intro .intro-txt .txt {
 font-size: 15px;
 font-weight: bold;
}
  
/* --------------------------------------------------
		.mission
-------------------------------------------------- */
#contents .mission .mission-inner .mission-box .img img {
 width: 60%;
}
  
/* --------------------------------------------------
		.facility
-------------------------------------------------- */
/*	#gall-area
-------------------------------------------------- */ 
#contents #gall-area .gall-slide ul li,
#contents #gall-area .gall-list ul li {
 padding: 0 10px;
 font-size: 15px;
}
#contents #gall-area .gall-slide ul li h3,
#contents #gall-area .gall-list ul li h3 {
 margin-top: 15px;
}
#contents #gall-area .gall-slide ul li p,
#contents #gall-area .gall-list ul li p {
 margin-top: 10px;
}
#contents #gall-area .gall-slide ul li p span,
#contents #gall-area .gall-list ul li p span {
 font-size: 13px;
 margin-top: 0;
}
#contents #gall-area .gall-slide ul li .list-tag li {
 margin: 0 3px 6px 0;
 padding: 0;
}
#contents #gall-area .gall-slide ul li .list-tag li a {
 font-size: 12px;
}
#contents .slick-next {
 right: 0 !important;
}
#contents .slick-next:before {
 background: url(../img/arrow-right.png) !important;
 background-size: contain !important;
}
#contents .slick-prev {
 left: 0 !important;
}
#contents .slick-prev:before {
 background: url(../img/arrow-left.png) !important;
 background-size: contain !important;
}
#contents .slick-arrow {
 position: absolute;
 z-index: 2 !important;
 width: 20px !important;
 height: 23px !important;
 top: 0;
 bottom: 0;
 margin: auto;
 text-indent: -9999px !important;
 cursor: pointer;
}
#contents .slick-arrow:before {
 content: "" !important;
 width: 100% !important;
 height: 100% !important;
 position: absolute;
 top: 0;
 left: 0;
 opacity: 1 !important;
}
#contents .slick-slider {
 padding: 0 30px !important;
}
#contents .slick-slide .wrap-scale {
 overflow: hidden;
}
 
/* --------------------------------------------------
		.access
-------------------------------------------------- */
#contents .access {
 background: #f0f0f0;
}
#contents .access .access-inner .access-box .access-wrapper dl {
 font-size: 12px;
}
#contents .access .access-inner .access-box .map iframe {
 aspect-ratio: 16 / 9;
 width: 100%;
 height: 100%;
}
#contents .access .access-inner .access-box .map .cap {
 font-size: 12px;
}
 
}