@charset "utf-8";
@charset "utf-8";
@charset "utf-8";
html.swipebox-html.swipebox-touch {
overflow: hidden !important;
}
#swipebox-overlay img {
border: none !important;
}
#swipebox-overlay {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99999 !important;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#swipebox-container {
position: relative;
width: 100%;
height: 100%;
}
#swipebox-slider {
-webkit-transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
height: 100%;
left: 0;
top: 0;
width: 100%;
white-space: nowrap;
position: absolute;
display: none;
cursor: pointer;
}
#swipebox-slider .slide {
height: 100%;
width: 100%;
line-height: 1px;
text-align: center;
display: inline-block;
}
#swipebox-slider .slide:before {
content: "";
display: inline-block;
height: 50%;
width: 1px;
margin-right: -1px;
}
#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container {
display: inline-block;
max-height: 100%;
max-width: 100%;
margin: 0;
padding: 0;
width: auto;
height: auto;
vertical-align: middle;
}
#swipebox-slider .slide .swipebox-video-container {
background: none;
max-width: 1140px;
max-height: 100%;
width: 100%;
padding: 5%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
width: 100%;
height: 0;
padding-bottom: 56.25%;
overflow: hidden;
position: relative;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
}
#swipebox-slider .slide-loading {
background: url(/img/loader.gif) no-repeat center center;
}
#swipebox-bottom-bar,
#swipebox-top-bar {
-webkit-transition: 0.5s;
transition: 0.5s;
position: absolute;
left: 0;
z-index: 999;
height: 50px;
width: 100%;
}
#swipebox-bottom-bar {
bottom: 0;
}
#swipebox-bottom-bar.visible-bars { }
#swipebox-top-bar {
top: -50px;
}
#swipebox-top-bar.visible-bars { }
#swipebox-title {
display: block;
width: 100%;
text-align: center;
}
#swipebox-prev,
#swipebox-next,
#swipebox-close {
background-image: url(/img/icons.png);
background-repeat: no-repeat;
border: none !important;
text-decoration: none !important;
cursor: pointer;
width: 50px;
height: 50px;
top: 0;
}
#swipebox-arrows {
display: block;
margin: 0 auto;
width: 100%;
height: 50px;
}
#swipebox-prev {
background-position: -32px 13px;
float: left;
}
#swipebox-next {
background-position: -78px 13px;
float: right;
}
#swipebox-close {
top: 0;
right: 0;
position: absolute;
z-index: 9999;
background-position: 15px 12px;
}
.swipebox-no-close-button #swipebox-close {
display: none;
}
#swipebox-prev.disabled,
#swipebox-next.disabled {
opacity: 0.3;
}
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
-webkit-animation: rightSpring 0.3s;
animation: rightSpring 0.3s;
}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
-webkit-animation: leftSpring 0.3s;
animation: leftSpring 0.3s;
}
.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all .3s ease;
transition: all .3s ease;
content: ' ';
position: absolute;
z-index: 999;
top: 0;
height: 100%;
width: 20px;
opacity: 0;
}
.swipebox-touch #swipebox-container:before {
left: 0;
-webkit-box-shadow: inset 10px 0px 10px -8px #656565;
box-shadow: inset 10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-container:after {
right: 0;
-webkit-box-shadow: inset -10px 0px 10px -8px #656565;
box-shadow: inset -10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
opacity: 1;
}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
opacity: 1;
}
@-webkit-keyframes rightSpring {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@keyframes rightSpring {
0% {
left: 0;
}
50% {
left: -30px;
}
100% {
left: 0;
}
}
@-webkit-keyframes leftSpring {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@keyframes leftSpring {
0% {
left: 0;
}
50% {
left: 30px;
}
100% {
left: 0;
}
}
@media screen and (min-width: 800px) {
#swipebox-close {
right: 10px;
}
#swipebox-arrows {
width: 92%;
max-width: 800px;
}
} #swipebox-overlay {
background: #0d0d0d;
}
#swipebox-bottom-bar,
#swipebox-top-bar {
text-shadow: 1px 1px 1px black;
background: #000;
opacity: 0.95;
}
#swipebox-top-bar {
color: white !important;
font-size: 15px;
line-height: 43px;
font-family: Helvetica, Arial, sans-serif;
}

* { box-sizing:border-box; }
html { overflow:auto; -webkit-text-size-adjust:100%; }
body {
margin:0; padding:0;
font-size:16px; color:#222222; line-height:1.8; letter-spacing:0.02em;
font-family:
'EB Garamond', "游明朝", "Yu Mincho", YuMincho,
"ヒラギノ明朝 ProN W6", "HiraMinProN-W6",
"HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; 
}
h1, h2, h3, dl, dd, ul, form, textarea, figure { margin:0; padding:0; font-size:100%; }
article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; } .clearfix:after { content:""; clear:both; display:block; } a { color:#000; }
a:not(.fade) { -webkit-transition:all .3s; transition:all .3s; }
a:active, a:hover { color:#4175c3; }
strong { font-size:1.2em; }
em { font-style:normal; font-weight:bold; }
fieldset { border:none; }
table { border-collapse:collapse; border-spacing:0; }
map area:focus, map area:active { outline:none; border:0; }
ul { list-style-type:none; }
ul.disc, ul.square { padding-left:1.3em; }
.disc li { list-style-type:disc; }
.square li { list-style-type:square; }
.decimal li { list-style-type:decimal; }
img { max-width:100%; height:auto; font-size:0; line-height:0; border-width:0px; vertical-align:bottom; }
img.middle { vertical-align:middle; }
.serif {
font-family:
'Noto Sans JP', "游ゴシック", "Yu Gothic", YuGothic,
"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
"メイリオ", "Meiryo", Osaka, sans-serif;
}
.fleft  { float:left; }
.fright { float:right; }
.left   { text-align:left; }
.center { text-align:center; }
.right  { text-align:right; }
.big    { font-size:1.3em; }
.small  { font-size:.85em; }
.bold   { font-weight:bold; }
.italic { font-style:italic; }
.marker { background:linear-gradient(transparent 50%, #fff284 0%); }
.clear  { clear:both; }
.hide   { display:none; }
.iblock { display:inline-block; }
.wide   { width:100%; }
.indent { text-indent:-1em; padding-left:1em; }
.shadow { box-shadow:0 0 3px rgba(0,0,0,0.3); }
.red    { color:#8c000e; }
.flex { display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; }
.flex-between { justify-content:space-between; -webkit-justify-content:space-between; }
.flex-center  { justify-content:center; -webkit-justify-content:center; }
.flex-align-center { -webkit-box-align:center; -webkit-align-items:center; align-items:center; }
.link-disabled { cursor:default; pointer-events:none; opacity:0.6; }
.fixed { position:fixed !important; width:100%; height:100%; } @media screen and (min-width: 959px) {
a[href^='tel:'] { cursor:default; pointer-events:none; }
} label { display:inline-block; }
select { padding:3px 8px 6px; }
input[type="text"], input[type="email"], input[type="tel"], textarea {
border-radius:3px; padding:4px 8px;
}
input[type="submit"], input[type="button"]  { cursor:pointer; }
input[type="text"], textarea, select { margin:3px 0; }
input.t { width:15%; }
input.s { width:30%; }
input.m { width:60%; }
input.l { width:96%; }
textarea { width:96%; }
label input { margin:0; } @media screen and (max-width: 600px) {
.sp_none { display:none; }
} @media screen and (min-width: 601px) {
.sp_none { display: block; }
.sp_only { display:none; }
} @media screen and (min-width: 961px) {
.pc_none { display:none; }
.txt_vertical {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
} a .scale { -webkit-transition:all .5s ease-out; transition:all .5s ease-out; }
a:hover .scale  { -webkit-transform: scale(1.05); transform: scale(1.05); }
}
 .gf-garamond{ font-family: 'EB Garamond', serif; }
.wf-hannari { font-family: "Hannari"; } body{ background:#FFF; }
#wrapper{ width:100%; position:relative; overflow:hidden; }
.inner{ max-width:1100px; margin:0 auto; }
main{ position:relative; display:block; padding-top:70px;
-webkit-transition:all .3s; transition:all .3s; }
a:hover{ text-decoration:none; }
.tel a{ text-decoration:none; color:#4175c3; }
.bg_g{ background:#edeff2; }
.fixed{ top:0; left:0; }
::selection { background:#DDD; }
::-moz-selection { background:#DDD; } .title_c{ position:relative; z-index:1; padding-bottom:0.4em; font-size:1.9em; 
color:#b5c2d4; letter-spacing:0.1em; }
.title_c::before{ position:absolute; z-index:-1; content:""; width:2.8em; height:2.8em;
top:-0.5em; left:-1.5em; background:url(/img/circle_b.svg) no-repeat 0 0 / 100%; }
.bg_g .title_c::before{ top:0; left:-1em;
background-image:url(/img/circle.svg); }
.a_link{ position:relative; height:1.6em; padding:0.3em 2em 0.6em 1.8em; line-height:1.0;
text-decoration:none; color:#FFF !important; background:#9ba0a7; }
.a_link::before{ position:absolute; content:""; width:0; height:0; top:45%; left:0.8em;
border-style: solid;
border-width: 2px 0 2px 7px;
border-color: transparent transparent transparent #FFF; }
.a_link:hover{ background:#8ea4c2; }
.t_box .title_c{ width:60%; }
.t_box .a_link{ margin-top:1em; } #header{ -webkit-transition:all .3s; transition:all .3s; }
#header .logo{ position:absolute; z-index: 3; width:18%; left:50%; top:0.7em; text-align:center;
-webkit- transform: translateX(-50%); transform: translateX(-50%); }
#header .logo .logo_mark, #header .logo .logo_txt{ display:block; margin:0.6em auto; }
.logo_mark{ height: 33px; } #gmenu{ display:none; }
#gnav .main_menu li{ position:relative; }
#gnav .main_menu a{ text-decoration:none; }
.sub_menu li{ width:22px; height:22px; overflow:hidden; margin:0.2em 0.5em; }
.sub_menu img{ display:block; } .copyright { text-align:center; }
.copyright a{ text-decoration:none; }
.copyright a:hover{ color:#6698e8; }
.f-privacy{ position:relative;  z-index:10; letter-spacing:0.08em; }
.f-privacy a{ text-decoration:none; } .button { position:relative; z-index:2; display:inline-block; overflow:hidden; min-width:260px;
padding:.7em 3em .6em 3em; text-align:center; }
.button.icon:before { content:""; display:inline-block; width:1.2em; height:1.2em; margin:.3em .5em 0 0; 
vertical-align:top; background:no-repeat center / 100%; } .news_list{ margin-bottom:2em; border-bottom:1px solid #c0c4ca; }
.news_list p{ margin:0; }
.news_list li{ margin-bottom:2em; }
.news_list li a{ display:block; position:relative; overflow:hidden; z-index:1; 
margin-bottom:0.5em; padding-top:75%; text-decoration:none; }
.news_list li .pic{ position:absolute; top:50%; left:50%;
-webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.news_list .sub{ font-weight:500; }
.news_list .date{ text-align:right; }
.news_list .category{ display: inline-block; position:absolute; z-index:1; top:0; right:0; min-width:8em;
text-align:center; color:#FFF; background:#404c5c;
-webkit-transition:all .3s; transition:all .3s; }
.news_list .category .cat_txt{ opacity:1; -webkit-transition:all .3s; transition:all .3s; }
.news_list .category:hover{ background:#718fb5; -webkit-transition:all .3s; transition:all .3s; }
.news_list .category:hover .cat_txt{ opacity:0; }
.news_list .category:hover::before{ position:absolute; content:"read more"; top:0; right:0;
width:100%; height:100%; } #about{ position:relative; z-index:5; }
#about .title_c{ margin-bottom:1em; }
#about .sub{ margin-bottom:1em; font-size:1.15em; font-weight:500; }
#about .statement{ margin-bottom:4em; }
#about .txt_jp{ font-size:0.95em; }
.bio_list{ margin-bottom:3em; }
.bio_list li{ display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap;
margin-bottom:1em; }
.bio_list li span{ display:block; width:5.5em; }
.bio_list li .txt{ -webkit-flex:1; flex:1; margin:0; }
.bio_list li .txt p{ margin:0; font-size:0.95em; }
.exhibition .news_list{ margin-bottom:0; border:0; }
#about .txt_en{ margin-top:2.5em; }  @media screen and (min-width: 960px) {
main{ padding-top:180px; } #header{ position:fixed; z-index:5; width:100%; padding:1em 2em; background:#FFF; }
#header.is-fixed{ z-index:9999; }
#header .logo .logo_mark, #header .logo .logo_txt{ 
-webkit-transition:all .3s; transition:all .3s; }
#header .logo .logo_txt{ opacity: 1; visibility: visible; 
-webkit-transition:opacity .1s; transition: opacity 1s }
#header .logo .logo_txt img{ width:100%; -webkit-transition:all .3s; transition:all .3s; }
#header.is-fixed .logo .logo_mark{ margin-top:11px; -webkit-transition:all .3s; transition:all .3s; }
#header.is-fixed .logo .logo_txt{ line-height: 1; 
-webkit-transition:opacity .1s; transition: opacity 1s, visibility 1s;
opacity:0; visibility: hidden; } #gnav a{ display:block; height:100%; text-decoration:none;
color:#585858; letter-spacing:0.1em; }
.main_menu{ float:left; }
.main_menu a{ padding:0.5em 0.8em; }
#gnav .main_menu a:hover{ color:#6698e8; }
#gnav .main_menu ul{ display: none; position: absolute; z-index:100; top: 40px; left: 0; 
width: 200px; text-align:left; overflow: hidden; background: rgba(255,255,255,0.6); }
#gnav .main_menu ul a{ padding: 0.2em 0.8em; }
.sub_menu{ float:right; }
.sub_menu a:hover img{ margin:-22px 0 0 0; }
} @media screen and (min-width: 600px) { .profile_txt{ -webkit-box-flex:1; flex:1; }
.pic_profile{ width:32%; margin-left:2.5em; } #footer { position:fixed; z-index:99; top:50%; left:-6em; }
.copyright { position: absolute; top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
margin:0; font-size:0.95em; font-weight:400;
white-space: nowrap; letter-spacing: 0.07em; color:#585858;
-webkit-transform: rotate(90deg); transform: rotate(90deg); line-height: 1; }
} @media screen and (max-width: 1190px) {
.inner, .narrow { margin: 0 100px; }
.title_c{ font-size: 1.6em; }
.a_link{ padding:0.2em 1.5em 0.5em; } #footer { left:-8em; }
} @media screen and (max-width: 959px) {
body { font-size:15px; }
.inner, .narrow { margin: 0 50px; } #gmenu{ display:block; }
.c_menu{ width:70px; height:70px; position:fixed; top:15px; right:15px; padding:15px 0; 
font-size:1.05em; font-weight:400;
border-radius:50%; border:2px solid #638bca;
text-align:center; text-decoration:none; color:#638bca; background:#FFF;
cursor: pointer; z-index: 600; transition:all .3s; }
.c_menu::before{ position:absolute; content:""; width:6px; height:6px; top:45px; left:50%; margin-left:-4px;
border-top: 3px solid #638bca; border-right: 3px solid #638bca;
-webkit-transform: rotate(135deg); transform: rotate(135deg); }
.c_menu span{ display:block; letter-spacing:0.08em }
.c_menu span:after{ content: attr(data-txt-menu); }
.c_menu:hover{ color:#FFF; background:#638bca; }
.c_menu:hover::before{ border-color:#FFF; }
.open .c_menu span:after { content: attr(data-txt-close); } .open .g_nav { -webkit-transition: all .5s; transition: all .5s;
visibility: visible; opacity: 1; }
.open .c_menu::before{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .g_nav { display: flex; flex-direction: column; justify-content: center; align-items: center;
position: fixed; top: 0; left: 0; width: 100%; height: 100%;
background:rgba(255,255,255,0.95); -webkit-transition: all .5s; transition: all .5s;
visibility: hidden; opacity: 0; z-index:500; }
#gnav{ width:100%; position: fixed; }
.main_menu{ width:40%; margin:0 auto 1.5em; }
.main_menu li{ width:100%; }
.main_menu li a{ display: block; padding:0.5em; text-align:center; font-size:1.2em; }
.sub_menu li{ width:28px; height:28px; margin:1em 0.6em; }
} @media screen and (max-width: 599px){
body { font-size:14px; }
.wide_inner,
.inner, .narrow { margin: 0 20px; }
#header .logo{ width: auto; } .c_menu{ width:56px; height:56px; padding: 10px 0; }
.c_menu::before{ top: 35px; }
.pic_profile{ width:80%; margin:0 auto 3em; }
}
 #slider{ width:100%; margin-bottom:2em; padding:2em 1em 0; background:#FFF; }
#slider img{ margin:0 auto; } #a_news{ width:100%; color:#585858; }  @media screen and (min-width: 960px) { #slider { width:62%; padding:180px 150px 50px; position:absolute; top:0; left:0; }
#slider img{ max-height:calc(100vh - 200px); }
#slider.fixed { z-index:2; } #a_news{ width:38%; padding:50px 70px 50px; } #about{ width:62%; padding:0 100px 50px 130px; 
transition: all .6s; -webkit-transition: all .6s; }
} @media screen and (min-width: 600px) {
} @media screen and (max-width: 1190px) {
#a_news{ padding: 50px 50px 30px; } #about{ padding: 50px 80px 50px 100px; }
} @media screen and (max-width: 959px) {
#slider{ padding: 4em 4em 0; -webkit-order:1; order:1; position:static; }
#a_news{ padding: 50px 100px 30px; -webkit-order:2; order:2; }
#about{ -webkit-order:3; order:3; }
} @media screen and (max-width: 599px){
#slider{ padding: 3em 2em 0; }
#a_news{ padding: 30px; }
#about{ padding: 30px; }
}