@charset "UTF-8";
/*
* this css file for original style
*
*
*/
/*=====================
* root
=====================*/
:root {
    --def-black: #333333;
    --def-gray-dark: #b1b3b6;
    --def-gray-light: #ccc;
    --def-gray-hightlight: #eee;
    --text-link-color: #1686D1;
  
    --primary-color: #2c303b;
    --primary-color-rgb: 44,48,59;
    --primary-color-comp: #ffffff;
    --primary-color-comp-rgb: 255,255,255;
    --primary-color-impact: #8dff98;
  
    --secondary-color: #696c79;
    --tertiary-color: #FF7043;
    --tertiary-color-rgb: 255, 112, 67;
    --quaternary-color: #FCE5BF;
  
    --shdow-color-rgb: 0,0,0;
  }

/*=====================
* General
=======================*/
body {
    padding-bottom: 0;
}

/*=====================
* Module
=======================*/
/*-----
* margin-padding
-----*/
.mt_2 {
    margin-top: 2em;
}
.mb_08 {
    margin-bottom: 0.8em !important;
}
/*-----
* headline
-----*/
.hdg_lv2.font-stayle {
    font-size: 2.4em;
    font-family: 'Fraunces', serif;
    text-align: center;
}
.hdg_lv3 {
    font-size: 1.8em;
    margin-bottom: 0.4em;
    line-height: 1.2;
}
.hdg_lv3.font-stayle {
    font-size: 1.6em;
    font-family: 'Fraunces', serif;
    text-align: center;
    margin-bottom: 1.8em;
}
.hdg_lv4 {
    font-size: 1.2em;
    margin-bottom: 0.6em;
    width: calc(100% - 1.6em);
    margin: 0 auto 0.8em;
}
.item > .hdg_lv4 {
    width: 100%;
}
.hdg_lv5 {
    font-size: 1em;
    margin-bottom: 0.6em;   
}
.sub-title {
    display: block;
    font-size: 0.4em;
    font-family: 'Questrial', Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-weight: normal;
    color: var(--def-gray-dark);
    margin-top: 0.8em;
}
/*-----
* section
-----*/
[id*='-section']{
    position: relative;
}
/*-----
* text
-----*/
.text {
    line-height: 1.8;
    margin-bottom: 1.2em;
}
a.marker {
    background-color: rgba(var(--tertiary-color-rgb), 0.3);
    padding: 0 0.2em;
}
/*-----
* button
-----*/
.btn_lv1 {
    text-align: center;
}
.btn_lv1 > a {
    width: 100%;
    color: var(--primary-color-comp);
    background-color: var(--primary-color);
    border-radius: 0.1em;
    margin: 0 auto;
    display: block;
    width: 280px;
}
.btn_lv2 {
    text-align: center;
}
.btn_lv2 > a {
    color: var(--primary-color-comp);
    border-color: var(--primary-color-comp);
    margin: 0.8em auto 0;
}
/*----
* facility-info-table
----*/
.facility-info-table {
    border-collapse: collapse;
    font-size: 0.8em;
    margin-bottom: 2em;
}
.facility-info-table th {
   background-color: var(--def-gray-dark);
   border: 1px solid rgba(var(--primary-color-comp-rgb), 0.2);
   color: var(--primary-color-comp);
   font-weight: normal;
   padding: 0.8em 0.4em;    
   text-align: left;
   white-space: nowrap;
} 
.facility-info-table td {
    border: 1px solid rgba(var(--primary-color-rgb), 0.2);
    padding: 0.8em 0.4em;
    line-height: 1.4;
} 
/*---
* box
---*/
.box-line {
    border: 1px solid rgba(var(--primary-color-rgb), 0.2);
    border-radius: 0.4em;
    padding: 1em;
  }
.box {
    background-color: rgba(var(--primary-color-rgb), 0.2);
    border-radius: 0.4em;
    padding: 1em;
  }

/*---
* toggle
---*/
.toggle .trigger {
    background-color: var(--primary-color);
}

/*=====================
* loading
======================*/
.loading img {
    width: 130px;
}
/*=====================
* main-visual-section
=======================*/
#main-visual-section {
    position: inherit;
}
#main-visual-section::after {
    content: none;
}
#main-visual-section .inner .page-logo a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
#main-visual-section .inner .page-logo a > .logo-symbol {
    width: 62%;
    margin: 0 auto 2em;
}
#main-visual-section .inner .page-logo a > .catch {
    font-size: 0.42em;
    font-weight: normal;
    text-align: center;
    letter-spacing: 1px;
    display: block;
    margin: 0 auto 0.4em;
    color: var(--primary-color-comp);
    white-space: nowrap;
}
#main-visual-section .inner .page-logo a > .logo-text {
   /* width: 42vw; */
    margin: 0 auto;
}
.btn_lv2.black {
    margin: 1.2em 0 2.4em;
}
.btn_lv2.black a {
    color: var(--def-black);
    border-color: var(--def-black);
}
@media screen and (max-width:960px) {
    header > .title {
        margin: 0;
        float: inherit;
        max-width: initial;
    }
    #main-visual-section .inner .page-logo a > .logo-symbol {
        width: 48%;
        margin: 0 auto 1em;
    }
    #main-visual-section .inner .page-logo a > .logo-text {
        width: 48vw;
    }
}


/*=====================
* front-page
=======================*/
#front-page > main > #main-visual-section {
    background-image: url('../../common/images/main_visual.png');
    background-size: cover;
    background-position: bottom;
    height: 98vh;
    position: relative;
    overflow: hidden;
  }
  .webp #front-page > main > #main-visual-section {
    background-image: url('../../common/images/main_visual.webp');
  }
  #front-page > main > #main-visual-section.day-time {
    background-image: url('../../common/images/main_visual.png');
  }
  .webp #front-page > main > #main-visual-section.day-time {
    background-image: url('../../common/images/main_visual.webp');
  }
  #front-page > main > #main-visual-section.evening-time {
    background-image: url('../../common/images/main_visual_02.png');
  }
  .webp #front-page > main > #main-visual-section.evening-time {
    background-image: url('../../common/images/main_visual_02.webp');
  }
  #front-page > main > #main-visual-section.evening-time {
    background-image: url('../../common/images/main_visual_03.png');
  }
  .webp #front-page > main > #main-visual-section.evening-time {
    background-image: url('../../common/images/main_visual_03.webp');
  }
  #front-page > main > #main-visual-section.evening-time {
    background-image: url('../../common/images/main_visual_04.png');
  }
  .webp #front-page > main > #main-visual-section.evening-time {
    background-image: url('../../common/images/main_visual_04.webp');
  }
  #front-page > main > #main-visual-section .inner {
    position: initial;
  }
  #front-page > main > #main-visual-section .inner .page-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 24%;
  }
@media screen and (max-width:960px) {
    #front-page > main > #main-visual-section {
        height: 92vh;
    }
    #front-page > main > #main-visual-section .inner .page-logo {
        top: 42%;
        width: 60%;
    }
}
@media screen and (max-width:520px) {
    #front-page > main > #main-visual-section .inner .page-logo {
        top: 42%;
        width: 80%;
    }
}
/*=====================
* wave
=======================*/
/* waves */
.ocean {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200%;
    z-index: 1;
}
.illust_top {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 32%;
    z-index: 0;
}
.waves {
position:relative;
width: 100%;
height:15vh;
margin-bottom:-7px; /*Fix for safari gap*/
min-height:100px;
max-height:150px;
}
.content {
position:relative;
height:20vh;
text-align:center;
background-color: white;
}
/* Animation */
.parallax > use {
animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite;
}
.parallax > use:nth-child(1) {
animation-delay: -2s;
animation-duration: 7s;
}
.parallax > use:nth-child(2) {
animation-delay: -3s;
animation-duration: 10s;
}
.parallax > use:nth-child(3) {
animation-delay: -4s;
animation-duration: 13s;
}
.parallax > use:nth-child(4) {
animation-delay: -5s;
animation-duration: 20s;
}
@keyframes move-forever {
0% {
transform: translate3d(-90px,0,0);
}
100% {
transform: translate3d(85px,0,0);
}
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
.waves {
height:40px;
min-height:40px;
}
.content {
height:30vh;
}
}
/* ウェーブのアニメーション */
@keyframes wave {
    0% {transform: translateX(0);}
    50% {transform: translateX(-25%);}
    100% {transform: translateX(-50%);}
}
@media screen and (max-width:960px) {
    .ocean {
        height: 25%;
    }
    .ocean .waves {
        position: absolute;
        bottom: 0;
        height: 3vh;
    }
}
@media screen and (max-width:520px) {
}
/*=====================
* conversion
=======================*/
.conversion .item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.conversion .item:first {
    border-right: 1px solid var(--def-gray-dark);
    padding-right: 0.8em;
}
.conversion .item .logo {
    margin-top: 0.8em;
    width: 100%;
}
@media screen and (max-width:960px) {
    .conversion .item:first {
        border-right: 0;
        border-bottom: 1px solid var(--def-gray-dark);
        padding-bottom: 0.8em;
    }
    .conversion .item .logo  {
      width: 100%;
    }
    .conversion .tel a {
        font-size: 6.8vw;
    }
  }
/*=====================
* concept-movie
=======================*/
.concept-movie {
    margin-bottom: 1.8em;
}
.concept-movie video {
    width: 80%;
}
@media screen and (max-width:960px) {
    .concept-movie video {
        width: 100%;
    }
}

/*=====================
* news-section
=======================*/

/*=====================
* point-section
=======================*/
#point-section .inner .hdg_lv2{
    margin-bottom: 0.9em;
}
#point-section .col2 {
    margin-bottom: 0.8em;
}
#point-section .col2 > .item > .hdg-lv3 {
    text-align: center;
    line-height: 1.6;
    margin-bottom: 1.2em;
}
#point-section .col2 > .item > figure {
    width: 64%;
    margin: 0 auto 1.6em;
}
#point-section .col2 > .item > .hdg_lv4 {
    text-align: center;
}
#point-section .col2 > .item > .text {
    margin-bottom: 1.4em;
}
@media screen and (max-width:960px) {
}
@media screen and (max-width:520px) {
}
/*=====================
* about-section
=======================*/
#about-section {
    background-image: url('../../common/images/about_section_background.jpg');
    padding-top: 3.2em;
    margin-bottom: 0;
}
.webp #about-section {
    background-image: url('../../common/images/about_section_background.webp');
}
#about-section .hdg_lv2 {
    margin-bottom: 0.8em;
}
#about-section .hdg_lv2 > .sub-title {
    color: var(--primary-color-comp);
}
#about-section .col2 > .item {
    padding: 1.2em;
}
#about-section .col2 > .item iframe {
    width: 100%;
    aspect-ratio: 1/1;
}
#about-section .col2 .item .circle {
    aspect-ratio: 1/1;
    border-radius: 50%;
    overflow: hidden;
    transform: translateY(0px);
} 
#about-section .col2 .item .circle > iframe {
    width: 100%;
    height: 100%;
    vertical-align: bottom; 
  }
  #about-section .col2 .item .info > .item > dt {
    min-width: 8em;
  }
  #about-section .col2 .item .inner-section {
    margin-top: 1.4em;
  }
#about-section .activity .item {
    padding: 0;
    margin: 0;
    font-size: 0.9em;
}
/*=====================
* concept-section
=======================*/
#concept-section > .inner > .col2 > .item > .sponsorship.col2 {
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
}
#concept-section > .inner > .col2 > .item > .sponsorship.col2 > .item {
    text-align: center;
}
#concept-section > .inner > .col2 > .item > .sponsorship > .item.firegraphix > a > img {
    width: 48%;
}
@media screen and (max-width:960px) {
    #concept-section > .inner > .col2 > .item > .sponsorship.col2{
        margin-top: 2em;
    }
}
@media screen and (max-width:520px) {
}
/*=====================
* menu-section
=======================*/
#menu-section {
    background-image: url('../../common/images/menu_section_background.png');
    padding-top: 3.2em;
}
#menu-section .hdg_lv2 {
    margin-bottom: 0.8em;
}
#menu-section .col2 .item .conoworld {
    text-align: center;
}
#menu-section .col2 .item .conoworld > a > img {
    width: 60%;
    margin-top: 2em;
}
/*=====================
* facility-ditail-section
=======================*/
#facility-ditail-section .information {
    margin-bottom: 0.8em;
    justify-content: flex-start;
}
#facility-ditail-section .information .hdg_lv4 {
    margin-bottom: 1.8em;
}
#facility-ditail-section .information .hdg_lv4.active {
    margin-bottom: 0;
}
#facility-ditail-section .information .col3 > .item {
    margin: 0.4em 0.8em;
}
.information.box-line {
    padding: 2em;
    margin: 1.6em;
}
.information .col3.list-bot {
    justify-content: flex-start;
}
.information .col2.rental {
    margin-bottom: 2em;
}
.information .col2.rental > .item {
    display: flex;
    border-bottom: 1px solid var(--def-gray-light);
    padding: 0 0.4em;
}
.information .col2.rental > .item span {
    display: block;
    align-items: center;
}
.information .col2.rental > .item .item-title {
    flex-grow: 1;
}
.information .col2.rental > .item .item-title .caption {
    font-size: 0.9em;
}
.information .col2.rental > .item .item-price {
    margin: 0;
    padding: 0;
    text-align: right;
}
@media screen and (max-width:960px) {
    .information.box-line {
        padding: 1em;
    }
    .information.box-line .item,
    .information .col2.rental > .item {
        display: block;
        list-style: none;
    }
    #facility-ditail-section .information .hdg_lv4 {
        margin-bottom: 0.8em;
    }
}
/*=====================
* reservation-status-section
=======================*/
#reservation-status-section,
.reservation_status {
    margin-bottom: 0;
}
/*=====================
* gallery-section
=======================*/
#gallery-section::after {
    top: -100%;
    right: inherit;
    left: 0;
    transform: scale(-1, -1);
}
/*=====================
* footer
=======================*/
footer {
    background-color: var(--secondary-color);
    color: var(--primary-color-comp)
}
#front-page footer .inner {
    margin-top: 0;
}
footer .inner {
    margin: 1.6em auto;
    padding: 0.8em 0.8em 0;
}
footer .col2 {
    justify-content: center;
    align-items: center;
    margin: 0 0 1.2em;
}
footer .item > .info {
    font-size: 0.8em;
}
footer .item > .info > .item {
    margin: 0;
}
footer .item > .footer-logo > figure {
    width: 62%;
    margin-left: auto;
    margin-bottom: 0.4em;
}
footer .item > .sns-follow {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
footer .item > .sns-follow > li {
    margin: 0 0.4em;
    max-width: 24px;
}
footer .item > .sns-follow > li > a {
    max-width: 24px;
}
footer .footer {
    background-color: var(--primary-color);
}
@media screen and (max-width:960px) {
    footer .item > .footer-logo > figure {
        width: 100%;
        margin: 0 auto;
    }
}
@media screen and (max-width:520px) {
}

/*=====================
* archive
=======================*/
#archive  [id*='-section'] {
  overflow: hidden;
  margin-bottom: 0;
  padding-bottom: 0;
}
@media screen and (max-width:960px) {
    #archive-section h1{
        text-align: center;
    }
}
@media screen and (max-width:520px) {
}
/*=====================
* single
=======================*/
#single #main-section .inner_head {
    margin: 1.4em 0;
}
#single #main-section .hdg_lv1 {
    margin: 1.4em 0 0.4em;
}
#single #main-section .categoly {
    display: flex;
    margin-bottom: 1.8em;
}
#single #main-section .categoly li {
    font-size: 0.8em;
    border: 1px solid var(--def-gray-hightlight);
    padding: 0.2em 0.4em;
}

/*=====================
* page: general
=======================*/
[id*='-under-page'] main {
    overflow: inherit;
}
[id*='-under-page'] header {
    background-color: rgba(var(--primary-color-comp-rgb), 0.6);
    position: relative;
    z-index: 9;
}
#page-main-visual-section {
    background-image: url('../../common/images/about_section_background.jpg');
    height: 180px;
    overflow: hidden;
    margin-bottom: 0;
}
#topickpath-section {
    margin-bottom: 0;
}
.topickpath-list {
    display: flex;
    align-items: center;
}
.topickpath-list li {
    font-size: 0.8em;
}
.topickpath-list li:after {
    content: ">";
    margin: 0 0.4em;
}
.topickpath-list li:last-child::after {
    content: none;
}
/*-----
* wave at page
-----*/
.ocean-top {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 200%;
    z-index: 1;
}
/*=====================
* page: fcility
=======================*/
.lead {
    width: 80%;
    margin-bottom: 3.2em;
}
.local-map {
    width: 80%;
    margin: 0 auto;
}
.price {
    margin: 2.4em auto 1.2em;
    padding: 0.4em 0.8em;
    background-color: rgba(var(--primary-color-rgb), 0.4);
}
#facility-main-content .inner {
    width: 900px;
}
#facility-main-content .hdg_lv1 {
    font-size: 1.8em;
    margin: 0 0 1.6em;
}
#facility-main-content .content-area {
    margin: 0 0 6.8em;
}
#facility-main-content .content-area .content-area-inner {
    margin-bottom: 3.2em;
}
#facility-main-content .content-area .content-area-inner p {
    margin-bottom: 1.2em;
}
#facility-main-content .hdg_lv2.font-stayle {
    margin: 0 auto 0.6em;
}
#facility-main-content .wp-block-table {
    width: 100%;
    border-collapse:  collapse; /* セルの線を重ねる */
    margin-top: 2em;
}
#facility-main-content .wp-block-table tr:first-child td {
    background-color: var(--quaternary-color);
    text-align: center;
}
#facility-main-content .wp-block-gallery {
    margin-top: 2em;
}
@media screen and (max-width:960px) {
    .lead {
        width: calc(100% - 1.6em);
        text-align: left;
    }
}
@media screen and (max-width:520px) {
}
/****************************
* カレンダーのスタイル
****************************/
/* monthly-calendar */
.monthly-calendar {
    margin: 0.8em auto 2.4em;
}
.monthly-calendar table {
    width: 100%;
    border-collapse:  collapse; /* セルの線を重ねる */
}
.monthly-calendar caption {
    padding: 1.2em;
}
.monthly-calendar tbody tr {
    border: 1px solid var(--def-gray-hightlight);
}
.monthly-calendar tbody th,
.monthly-calendar tbody td {
    border: 1px solid var(--def-gray-hightlight);
    padding: 10px;      /* 余白指定 */
}
.monthly-calendar tbody th {
    background-color: var(--quaternary-color);
    border: 1px solid var(--def-gray-hightlight);
}
.monthly-calendar tbody td {
    border: 1px solid var(--def-gray-hightlight);
}
.monthly-calendar .monthly-prev-next {
    margin-top: 0.8em;
}
/*----------
* 予約フォームの情報入力ページ
----------*/
#page > #header {
    display: none;
}
#page > hr {
    display: none;
}
#calender-section > .inner {
    max-width: 900px;
}
.content-form fieldset {
    margin-bottom: 2.4em !important;
    border-radius: 0.2em;
    border: 1px solid var(--def-gray-hightlight);
    box-shadow: 2px 2px 6px rgba(var(--shdow-color-rgb), 0.2);
}
.content-form fieldset legend {
    font-size: 1.6em;
    font-weight: normal !important;
    padding: 0 0.8em !important;
}
.content-form th,
.content-form td {
    border: 0 !important;
    padding: 0.4em 0.8em !important;
    vertical-align: middle !important;
}
.content-form th {
    font-weight: normal;
    background-color: var(--def-gray-hightlight);
    border-radius: 0.1em 0 0 0.1em;
}
.content-form fieldset#booking-reservation-fieldset > table > tbody > tr:first-child td {
    font-size: 1.4rem;
    line-height: 1.8rem;
}
.content-form fieldset#booking-reservation-fieldset > table > tbody > tr:first-child td {
    border-bottom: 1px solid var(--def-gray-hightlight) !important;
} 
.content-form table {
    margin-bottom: 1.8em !important;
}
.content-form input,
.content-form textarea {
    padding: 0.4em 0.8em !important;
    margin-bottom: 3px !important;
    font-size: 1rem !important;
    border: 1px solid var(--def-gray-light);
    border-radius: 0.2em;
}
.content-form td > select {
    padding: 0.4em 0.8em !important;
    border: 1px solid var(--def-gray-light);
}
button {
    font-size: 1.2rem;
    padding: 0.4em !important;
    border: 0px;
    border-radius: 0.1em;
    width: 240px !important;
    background-color: var(--primary-color);
    color: var(--primary-color-comp);
}
/*--- slider ---*/
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_cssslider {
	width: 100%;
	padding-top: 68%; /* 画像の高さ */
	position: relative;
	margin: 2em auto;
	text-align: center;
}
.cp_cssslider > figure {
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.5s;
	border-radius: 3px;
	/* box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3); */
}
.cp_cssslider input[name^='cp_switch'] {
	display: none;
}
/* サムネイル */
.cp_cssslider label {
	margin: 15px 5px 0 5px;
	border: 2px solid var(--primary-color-comp);
	display: inline-block;
	cursor: pointer;
	transition: all 0.5s ease;
	opacity: 0.6;
    width: 10%;
}
.cp_cssslider label:hover {
	opacity: 0.9;
}
.cp_cssslider label figure {
	display: block;
	width: 40px;
	border-radius: 2px;
}
.cp_cssslider input[name^='cp_switch']:checked + label {
	opacity: 1;
}
.cp_cssslider input[name^='cp_switch']:checked + label img {
	border: 2px solid var(--tertiary-color);
}
.cp_cssslider input[name^='cp_switch'] ~ figure {
	opacity: 0;
}
.cp_cssslider input[name^='cp_switch']:checked + label + figure {
	opacity: 1;
}
@media screen and (max-width:960px) {
    .cp_cssslider{
        padding-top: 67vw; /* 画像の高さ */
    }
    .cp_cssslider > figure {
        width: 100%;
    }
}
@media screen and (max-width:520px) {
}
/*=====================
* page: menu-page
=======================*/
#menu-under-page .menu-list {
    margin-top: 2em;
}
#menu-under-page .menu-list li .price {
    margin: 1em 0;
    padding: 0;
    text-align: right;
    background: inherit;
}
#menu-under-page .menu-list li .hdg_lv3 {
    font-size: 1.2em;
    line-height: 1.4;
}
#menu-under-page .boxs > .item {
    border-radius: 0;
    box-shadow: initial;
}
#menu-under-page .information.box-line {
    justify-content: flex-start;
}
@media screen and (max-width:960px) {
    #menu-under-page .news-items.col4.menu-list {
        display: flex;
    }
    #menu-under-page .news-items.col4.menu-list .item {
        width: calc(50% - 1.6em);
    }
}
/*=====================
* SNS
=======================*/
.sns-box .item figure {
    width: 50px !important;
}
.sns-box .lead {
    margin-bottom: 0;
}
.sns-box .col2 > .item {
    width: inherit;
}

/*=====================
* page: staff
=======================*/
.staff-list .col2.img-content .item.image {
    width: calc(30% - 1.6em);
}
.staff-list .col2.img-content .item.content {
    width: calc(70% - 1.6em);
    height: auto;
    text-align: left;
}
.staff-list .col2.img-content .item.content P {
    margin-top: 1.2em;
}
.staff-list .col2.img-content .item.content .hdg_lv3 {
    text-align: left;
}
.staff-list .col2.img-content .item.content .hdg_lv3 .sub-title {
    font-size: 0.6em;
    line-height: 0;
    color: var(--def-black);
    white-space: normal;
}
.staff-list .col2.img-content .item.content figure img {
    margin-bottom: 1em;
}
.stuff-info-item {
    font-size: 0.8em;
    display: flex;
    align-items: center;
}
.stuff-info-item dd a {
    text-decoration: underline;
}
.relation-info {
    margin-top: 2em;
}
.col2.relation-info .item figcaption {
    white-space: normal;
    line-height: 1.4;
}
@media screen and (max-width:960px) {
    .staff-list .col2.img-content .item.image,
    .staff-list .col2.img-content .item.content {
        width: calc(100% - 1.6em);
    }
}