@charset "utf-8";

/* **************************************************

  content-header
  
************************************************** */
#content-header {
  color: #fff;
  padding: 130px 0px 100px;
  position: relative;
  overflow: hidden;
}
#content-header .header-image {
  width: 100%;
  height: 100%;
  background: url(../images/header_bg_01.jpg) no-repeat center center;
  background-size: cover !important;
  z-index: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  -webkit-transition: top 0.01s ease-out;
  -moz-transition: top 0.01s ease-out;
  -ms-transition: top 0.01s ease-out;
  -o-transition: top 0.01s ease-out;
  transition: top 0.01s ease-out;
}
#content-header .inner-1000 {
  letter-spacing: -0.4em;
  position: relative;
  z-index: 1;
}
#content-header .inner-1000 > * { letter-spacing: normal; }
#content-header .title {
  font-family: "Montserrat", sans-serif;
  font-size: 357.142%;
  text-transform: uppercase;
  line-height: 1;
  text-shadow: 2px 2px 0px rgba(0,0,0,0.5);
}
#content-header .title-jp {
  font-size: 128.571%;
  margin-top: 10px;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
}
#content-header.min { padding: 78px 0px 60px; }
#content-header.min .title,
#content-header.min .title-jp { display: inline-block; }
#content-header.min .title { font-size: 285.714%; }
#content-header.min .title-jp {
  font-size: 100%;
  margin-left: 1em;
}

@media screen and (max-width:767px) {
#content-header { padding: 20px 0px !important; }
#content-header .wrapper-30 { text-align: center; }
#content-header .title,
#content-header .title-jp { display: block !important; }
#content-header .title { font-size: 285.714%; }
#content-header .title-jp {
  font-size: 100%;
  margin-top: 5px;
}
}



/* **************************************************

  banner-info
  
************************************************** */
#banner-info {
  font-size: 14px;
  background: #fff;
}
#banner-info .inner {
  letter-spacing: -0.4em;
  text-align: left;
  max-width: 1000px;
  margin: 0px auto;
  padding: 20px 0px;
  overflow: hidden;
  zoom: 1;
}
#banner-info a {
}
#banner-info .title,
#banner-info .text {
  line-height: 24px;
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
}
#banner-info .title {
  color: #fff;
  background: #f4b431;
  padding: 0px 0.5em;
  margin-right: 0.8em;
  border-radius: 2px;
  white-space: nowrap;
}
@media screen and (max-width:767px) {
#banner-info { font-size: 12px; }
#banner-info .inner { padding: 0; }
#banner-info a {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
}
}



/* **************************************************

  content
  
************************************************** */
/* --------------------------------------------------
  content-box
-------------------------------------------------- */
#content .content-box {
  background: #fff;
  padding: 6% 4%;
  border-radius: 10px;
  box-shadow: 5px 5px 0px rgba(0,0,0,0.2);
}
#content .content-box > * { margin-top: 6.666666666666667%; }
#content .content-box > *:first-child { margin-top: 0; }

/* anchor */
#content .content-box .anchor {
  margin-top: -156px !important;
  padding-top: 156px !important;
}
#content .content-box .anchor:first-child + * { margin-top: 0 !important; }
#content .content-box .anchor + * { margin-top: 3.333333333333333%; }

/* title */
#content .content-box .content-title {
  font-size: 214.285%;
  color: #2fc8d4;
  line-height: 1.4;
  margin: 10% 0px 0;
  padding-bottom: 12px;
  border-bottom: 2px dotted #2fc8d4;
}
#content .content-box .content-title:first-child { margin-top: 0px; }
#content .content-box .content-title + * { margin-top: 3.333333333333333%; }
#content .content-box .content-title .line {
  display: block;
  padding-left: 20px;
  border-left: 6px solid #2fc8d4;
}
#content .content-box .content-title .icon-co-staff,
#content .content-box .content-title .icon-co-works { margin-right: 10px; }
#content .content-box .content-title .jp,
#content .content-box .content-title .en {
  font-size: 50%;
  line-height: 1;
  display: inline-block;
  text-transform: uppercase;
  margin-left: 1em;
}
#content .content-box .content-title .jp { color: #ffc046; }
#content .content-box .content-title .en { color: #b6b6b6; }
#content .content-box .content-meta + * { margin-top: 2.89855% !important; }
#content .content-box .content-meta {
  font-size: 92.857%;
  line-height: 1;
  letter-spacing: -0.4em;
  text-align: right;
}
#content .content-box .content-meta li {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  margin-left: 1em;
  padding-left: 1em;
  border-left: 1px solid #ccc;
}
#content .content-box .content-meta li:first-child {
  margin-left: 0;
  padding-left: 0;
  border-style: none;
}
#content .content-box .content-meta li .fa { color: #ccc; }
#content .content-box .content-meta li a:hover { color: #000 !important; }
#content .content-box .content-meta li.position .fa { color: #e4694f; }
#content .content-box .content-meta li.position span:before {
  display: inline-block;
  content: "／";
  vertical-align: top;
}
#content .content-box .content-meta li.position .fa + span:before { display: none; }
#content .content-box .content-main img {
  width: 100%;
  border-radius: 10px;
}
#content .content-box .toindex {
  margin-top: 6.521739130434783%;
  background: #f5f5f5;
  padding: 3.260869565217391%;
  border-radius: 10px;
}
#content .content-box .file { margin-top: 2em; }

@media screen and (max-width:767px) {
#content .content-box {
  padding: 9.375% 4.6875%;
  border-radius: 0px;
  box-shadow: 0px 5px 0px rgba(148,138,98,0.5);
}
#content .content-box .anchor {
  margin-top: -130px !important;
  padding-top: 130px !important;
}
#content .content-box .content-title {
  font-size: 171.428% !important;
  padding-bottom: 10px;
}
#content .content-box .content-title .line {
  border-width: 4px;
  padding-left: 10px;
}
#content .content-box .content-title .icon-co-staff,
#content .content-box .content-title .icon-co-works { margin-right: 5px; }
#content .content-box .content-title .jp,
#content .content-box .content-title .en {
  display: block;
  margin: 5px 0px 0px;
}
#content .content-box .toindex {
  margin: 6.896551724137931% -5.172413793103448% 0;
  padding: 5.172413793103448%;
  border-radius: 0px;
}
body.single-staff #content .content-box .content-title .jp,
body.single-staff #content .content-box .content-title .en,
body.single-works #content .content-box .content-title .jp,
body.single-works #content .content-box .content-title .en { margin-left: 30px; }
#content .content-box .content-meta li { font-size: 85.714%; }
}


/* --------------------------------------------------
  content-section
-------------------------------------------------- */
#content .content-section {
  margin-top: 5.797101449275362% !important;
  padding-top: 5.797101449275362% !important;
  border-top: 1px dotted #ccc;
}
#content .content-section:first-child {
  padding-top: 0 !important;
  border-top: none !important;
}
#content .content-section.staff .image img {
  box-sizing: border-box;
  border: solid 1px #eee;
}


/* --------------------------------------------------
  content-pager
-------------------------------------------------- */
#content .content-pager { margin-top: 0 !important; }
#content .content-pager .wp-pagenavi { margin-top: 11.5942% !important; }
#content .content-pager > * {
  letter-spacing: -0.4em;
  text-align: center;
}
#content .content-pager > * > * {
  line-height: 20px;
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  margin: 0px 10px;
}
#content .content-pager > * > *.arr a,
#content .content-pager > * > a.previouspostslink,
#content .content-pager > * > a.nextpostslink,
#content .content-pager > * > a.first,
#content .content-pager > * > a.last {
  font-size: 142.857%;
  position: relative;
  top: -1px;
}
#content .content-pager > * > a.first { margin-right: 0; }
#content .content-pager > * > a.last { margin-left: 0; }
#content .content-pager > * > * { padding: 5px; }
#content .content-pager > * > * a {
  display: block;
  padding: 5px;
}
#content .content-pager > * > * .fa {
  position: relative;
  top: -1px;
}

@media screen and (max-width:767px) {
#content .content-pager > * > * { margin: 0px 5px; }
}


/* --------------------------------------------------
  content-body
-------------------------------------------------- */
#content .content-body {
  color: #799098;
  margin-top: 5.797101449275362%;
}
#content .content-body:first-child { margin-top: 0 !important; }
#content .content-body > * { margin-top: 1.5em; }
#content .content-body > *:first-child { margin-top: 0 !important; }
#content .content-body img { border-radius: 10px; }

/* heading */
#content .content-body h3,
#content .content-body h4,
#content .content-body h5,
#content .content-body h6 { color: #2fc8d4; }
#content .content-body h3 {
  font-size: 178.571%;
  line-height: 1.4;
  margin-top: 2em;
  padding-bottom: 0.1em;
  border-bottom: 2px solid #2fc8d4;
}
#content .content-body h4 { font-size: 142.857%; }
#content .content-body h5 { font-size: 128.571%; }
#content .content-body h6 + * { margin-top: 0.5em; }

/* list */
#content .content-body li {
  margin-top: 0.5em;
  padding-left: 1.5em;
}
#content .content-body li:first-child { margin-top: 0; }
#content .content-body li:before {
  font-family: 'FontAwesome';
  display: inline-block;
  content: "\f0da";
  width: 1em;
  margin-left: -1em;
}

/* table */
#content .content-body table { border-bottom: 1px dotted #ccc; }
#content .content-body table th,
#content .content-body table td {
  box-sizing: border-box;
  padding: 20px;
  border-top: 1px dotted #ccc;
  border-left: 1px dotted #ccc;
}
#content .content-body table th:first-child,
#content .content-body table td:first-child { border-left: none; }
#content .content-body table th { background: #f5f5f5; }

/* video */
#content .content-body .video-container {
  display: block;
  width: 100%;
  margin-top: 2em;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
#content .content-body .video-container > * {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#content .content-body .video-container iframe { border: none !important; }

/* image */
#content .content-body > p:after {
  content: "";
  clear: both;
}
#content .content-body img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#content .content-body img.alignleft {
  float: left;
  margin: 0 1em 1em 0;
}
#content .content-body img.alignright {
  float: right;
  margin: 0 0 1em 1em;
}

/* staff */
#content .content-body.staff h3 .position {
  color: #b6b6b6;
  font-size: 80%;
}

@media screen and (max-width:767px) {
#content .content-body > * { margin-top: 1em; }
#content .content-body img { border-radius: 6px; }
#content .content-body h3 {
  font-size: 142.857%;
  margin-top: 2em;
  border-width: 1px;
}
#content .content-body h4 { font-size: 114.285%; }
#content .content-body h5 { font-size: 107.142%; }

/* table */
#content .content-body table { width: 100% !important; }
#content .content-body table th,
#content .content-body table td { padding: 10px; }
}


/* --------------------------------------------------
  content-info
-------------------------------------------------- */
#content .content-info {
  color: #2fc8d4;
  background: url(../images/bg_02.png) repeat left top;
  margin-top: 10.1449%;
  padding: 20px;
  border-radius: 10px;
}
#content .content-info .info-inner > * { margin-top: 1em; }
#content .content-info .info-inner > *:first-child { margin-top: 0 !important; }
#content .content-info .title {
  font-size: 200%;
  line-height: 1.4;
  padding: 0px 15px;
}
#content .content-info .text {
  line-height: 1.4;
  background: #fff;
  margin-top: 10px;
  padding: 15px;
  border-radius: 8px;
}
#content .content-info .text p { margin-top: 1em !important; }
#content .content-info .text p:first-child { margin-top: 0 !important; }

@media screen and (max-width:767px) {
#content .content-info {
  padding: 16px;
  border-radius: 6px;
}
#content .content-info .title {
  font-size: 135.7142857142857%;
  padding: 0px 12px;
}
#content .content-info .text {
  margin-top: 8px;
  padding: 12px;
  border-radius: 4px;
}
}


/* --------------------------------------------------
  content-gallery
-------------------------------------------------- */
#content .content-gallery > .title {
  font-size: 200%;
  line-height: 1.4;
  color: #2fc8d4;
  padding-bottom: 10px;
  border-bottom: 2px dotted #5acae9;
}
#content .content-gallery > .content-carousel {
  background: url(../images/bg_02.png) repeat left top;
  margin-top: 20px;
  padding: 20px 15px;
  border-radius: 10px;
}

@media screen and (max-width:767px) {
#content .content-gallery > .title {
  font-size: 135.714%;
  padding-bottom: 8px;
  border-width: 1px;
}
#content .content-gallery > .content-carousel {
  background-size: 100px auto;
  margin-top: 16px;
  padding: 16px 11px 11px;
  border-radius: 6px;
}
}


/* --------------------------------------------------
  content-banner
-------------------------------------------------- */
#content .content-banner { text-align: center; }
#content .content-banner li { margin-top: 1.449275362318841%; }
#content .content-banner li:first-child { margin-top: 0; }
#content .content-banner li img {
  box-shadow: 5px 5px 0px rgba(0,0,0,0.1);
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1.0;
}

@media screen and (max-width:767px) {
#content .content-banner li img {
  width: 100%;
  box-shadow: 3px 3px 0px rgba(0,0,0,0.1);
}
}


/* --------------------------------------------------
  content-links
-------------------------------------------------- */
#content .content-links .title {
  font-size: 142.857%;
  color: #2fc8d4;
}
#content .content-links ul { margin-top: 1em; }
#content .content-links li { margin-top: 0.5em; }
#content .content-links li:first-child { margin-top: 0; }


/* --------------------------------------------------
  content-table
-------------------------------------------------- */
#content table.content-table {
  color: #799098;
  table-layout: fixed;
  width: 100%;
  border-bottom: 1px dotted #ccc;
}
#content table.content-table th,
#content table.content-table td {
  padding: 20px 0px;
  border-left: none;
  border-top: 1px dotted #ccc;
}
#content table.content-table th {
  font-weight: bold;
  background: none;
  width: 15em;
}
#content table.content-table th .required { color: #d94f3a; }

@media screen and (max-width:767px) {
#content table.content-table th,
#content table.content-table td {
  font-size: 85.714%;
  display: block;
  float: left\9;
}
#content table.content-table th {
  width: auto;
  padding: 10px 0px 5px;
}
#content table.content-table td {
  padding: 5px 0px 10px;
  border: none;
}
}


/* --------------------------------------------------
  content-form
-------------------------------------------------- */
#content .content-form th,
#content .content-form td { vertical-align: middle; }
#content .content-form input[type=text],
#content .content-form input[type=email],
#content .content-form input[type=tel],
#content .content-form textarea {
  font-family: "秀英丸ゴシック L", "Noto Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif !important;
  color: #333;
  background: #f5f5f5;
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-sizing: border-box;
  box-shadow: 2px 2px 0px rgba(0,0,0,0.1) inset;
  -webkit-appearance: none;
}
#content .content-form textarea {
  height: 15em;
  resize: none;
}

@media screen and (max-width:767px) {
#content .content-form input[type=text],
#content .content-form input[type=email],
#content .content-form input[type=tel],
#content .content-form textarea { box-shadow: 1px 1px 0px rgba(0,0,0,0.1) inset; }
}


/* --------------------------------------------------
  content-map
-------------------------------------------------- */
#content .content-map {
  background: #f5f5f5;
	width: 100%;
  height: 388px;
}
#content .content-map img {  max-width: inherit !important; }


/* --------------------------------------------------
  content-buttom
-------------------------------------------------- */
#content .content-button { margin-top: 3em !important; }


/* --------------------------------------------------
  content-items 作品資料ページ
-------------------------------------------------- */
#content .content-items {
  background: url(../images/bg_02.png) repeat left top;
  padding: 3.260869565217391%;
  border-radius: 10px;
}
#content .content-items .item-wrap {
  letter-spacing: -0.4em;
  margin: -0.5813953488372093%;
}
#content .content-items .item {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  width: 23.79310344827586%;
  margin: 0.5747126436781609%;
}

@media screen and (max-width:1000px) {
#content .content-items .item { width: 30.95238095238095%; }
}

@media screen and (max-width:767px) {
#content .content-items {
  background-size: 100px auto;
  margin: 0;
  padding: 4.6875%;
  border-radius: 6px;
}
#content .content-items .item-wrap { margin: 0px; }
#content .content-items .item { width: 100%; }
}


/* --------------------------------------------------
  archives-items
-------------------------------------------------- */
#content .archives-items .item,
#content .archives-items .item .item-inner { border-radius: 10px; }
#content .archives-items .item {
  box-shadow: 5px 5px 0px rgba(0,0,0,0.1);
  cursor: pointer;
}
#content .archives-items .item .item-inner {
  background: #fff;
  box-sizing: border-box;
  padding: 8px 8px 44px;
  border-radius: 10px;
  position: relative;
}
#content .archives-items .item .item-inner:after {
  font: 24px FontAwesome;
  line-height: 24px;
  color: #45bcce;
  content: "\f0a9";
  display: block;
  position: absolute;
  right: 8px;
  bottom: 8px;
}
#content .archives-items .item .thumb {
  border-radius: 6px;
  overflow: hidden;
  position: relative;
}
#content .archives-items .item .thumb img { width: 100%; }
#content .archives-items .item .text {
  padding: 10px 5px 0px;
  position: relative;
}
#content .archives-items .item .category {
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  background: #000;
  max-width: 92%;
  padding: 0px 10px;
  border-radius: 2px;
  position: absolute;
  left: 5px;
  top: -25px;
  box-sizing: border-box;
  box-shadow: 2px 2px 0px rgba(0,0,0,0.1);
}
#content .archives-items .item .title { word-break: break-all; }
#content .archives-items .item .position {
  letter-spacing: -0.4em;
  margin-top: 5px;
}
#content .archives-items .item .position li {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
}
#content .archives-items .item .position li:before {
  display: inline-block;
  content: "／";
}
#content .archives-items .item .position li:first-child:before { display: none; }

@media screen and (max-width:767px) {
#content .archives-items .item,
#content .archives-items .item .item-inner { border-radius: 4px; }
#content .archives-items .item {
  display: block;
  margin: 5px 0px 0px;
  box-shadow: 3px 3px 0px rgba(0,0,0,0.1);
}
#content .archives-items .item:first-child { margin-top: 0; }
#content .archives-items .item .item-inner {
  padding: 3px;
  overflow: hidden;
  zoom: 1;
}
#content .archives-items .item .item-inner:after {
  font-size: 20px;
  line-height: 20px;
  bottom: 4px;
  right: 4px;
}
#content .archives-items .item .thumb {
  float: left;
  width: 30%;
  border-radius: 2px;
}
#content .archives-items .item .text {
  box-sizing: border-box;
  float: right;
  width: 68%;
  padding: 0px 24px 0px 0px;
}
#content .archives-items .item .category {
  font-size: 71.428%;
  line-height: 1.8;
  display: inline-block;
  position: static;
}
#content .archives-items .item .title {
  font-size: 100% !important;
  text-align: left !important;
}
#content .archives-items .item .position {
  font-size: 85.714%;
  margin-top: 2px;
}
#content .archives-items .item .category + .title { margin-top: 5px; }
}


/* --------------------------------------------------
  zoom
-------------------------------------------------- */
#content .archives-items.zoom .item .item-inner:after { content: "\f065"; }


/* --------------------------------------------------
  document
-------------------------------------------------- */
#content .archives-items.document .item .item-inner  { padding-bottom: 8px; }
#content .archives-items.document .item .item-inner:after { display: none; }

@media screen and (max-width:1000px) {
#content .archives-items.document .item {
  width: 23.79310344827586%;
  margin: 0.5747126436781609%;
}
#content .archives-items.document .item .thumb { width: auto; }
}

@media screen and (max-width:767px) {
#content .archives-items.document { padding: 2.34375%; }
#content .archives-items.document .item {
  display: inline-block;
  width: 30.20833333333333%;
  margin: 1.5625%;
}
#content .archives-items.document .item .item-inner  { padding: 3px; }
}


/* **************************************************

  carousel
  
************************************************** */
/* --------------------------------------------------
  content-carousel
-------------------------------------------------- */
.content-carousel.archives-items {
  margin-top: 5%;
  padding: 0px 9%;
}
.content-carousel.archives-items .slick-list { margin: 0px -6px; }
.content-carousel.archives-items .item { margin: 0px 5px 5px; }
.content-carousel.archives-items .item a { color: #2fc8d4 !important; }
.content-carousel.archives-items .item .title { min-height: 3em; }

/* arrow */
.content-carousel.archives-items .slick-arrow {
  color: #fff;
  background: #afdd6c;
  text-align: center;
  width: 64px;
  height: 64px;
  margin-top: -48px;
  border-radius: 50%;
  cursor: pointer;
  position: absolute;
  top: 50%;
  -webkit-transition: transform 0.2s ease-in-out;
  -moz-transition: transform 0.2s ease-in-out;
  -ms-transition: transform 0.2s ease-in-out;
  -o-transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  box-shadow: 5px 5px 0 rgba(138,162,164, 0.5);
}
.content-carousel.archives-items .slick-arrow:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
.content-carousel.archives-items .slick-arrow > i {
  font-size: 36px;
  line-height: 64px;
}
.content-carousel.archives-items .slick-arrow.arrow-prev { left: -9.6%; }
.content-carousel.archives-items .slick-arrow.arrow-next { right: -9.6%; }
.content-carousel.archives-items .slick-arrow.arrow-prev > i { text-indent: -5px; }
.content-carousel.archives-items .slick-arrow.arrow-next > i { text-indent: 5px; }

@media screen and (max-width:1000px) {
.content-carousel.archives-items .slick-arrow {
  width: 52px;
  height: 52px;
  margin-top: -41px;
}
.content-carousel.archives-items .slick-arrow > i {
  font-size: 28px;
  line-height: 52px;
}
.content-carousel.archives-items .slick-arrow.arrow-prev > i { text-indent: -4px; }
.content-carousel.archives-items .slick-arrow.arrow-next > i { text-indent: 4px; }
}

@media screen and (max-width:767px) {
.content-carousel.archives-items { padding: 0px 5px; }
.content-carousel.archives-items .item-wrap { margin: 0 -5px; }
.content-carousel.archives-items .item { margin: 0 5px 5px !important; }
.content-carousel.archives-items .item .title { min-height: 0; }
.content-carousel.archives-items .slick-arrow { display: none !important; }
}


/* --------------------------------------------------
  carousel-min
-------------------------------------------------- */
.content-carousel.archives-items.min {
  margin-top: 2.898550724637681%;
  padding: 0px;
}
.content-carousel.archives-items.min .item .item-inner { padding: 4px 4px 28px !important; }
.content-carousel.archives-items.min .item .item-inner:after {
  font-size: 20px !important;
  line-height: 20px !important;
  bottom: 4px !important;
  right: 4px !important;
}
.content-carousel.archives-items.min .item .title { font-size: 85.714%; }

/* arrow */
.content-carousel.archives-items.min .slick-arrow { display: none !important; }

@media screen and (max-width:767px) {
.content-carousel.archives-items.min .item-wrap { margin: 0; }
.content-carousel.archives-items.min .item .item-inner { padding: 4px !important; }
.content-carousel.archives-items.min .item .title { font-size: 100%; }
}


/* --------------------------------------------------
  carousel-gallery
-------------------------------------------------- */
.content-carousel.archives-items.gallery .item .item-inner { padding: 0 !important; }
.content-carousel.archives-items.gallery .item .item-inner:after { display: none !important; }
.content-carousel.archives-items.gallery .item .thumb {
  float: none !important;
  width: auto !important;
  border-radius: 0;
}


/* --------------------------------------------------
  dots
-------------------------------------------------- */
.dots .slick-dots {
  font-size: 0px;
  letter-spacing: -0.4em;
  text-align: center;
  margin: 0px;
  padding: 16px 0px;
}
.dots .slick-dots li {
  font-size: 0px;
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  margin: 0px 8px;
}
.dots .slick-dots li button {
  background: #f5d54f;
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 10px;
  border: none;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.dots .slick-dots li button:hover { background: #45bcce; }
.dots .slick-dots li.slick-active button {
  background: #45bcce;
  cursor: default;
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
}

@media screen and (max-width:767px) {
.dots .slick-dots { padding: 10px 0px; }
.dots .slick-dots li { margin: 0px 6px; }
.dots .slick-dots li button {
  width: 8px;
  height: 8px;
}
}



/* **************************************************

  content-wrap
  
************************************************** */
/* --------------------------------------------------
  content-wrap-tow
-------------------------------------------------- */
.content-wrap-tow:after {
  content: "";
  display: block;
  clear: both;
}

/* main
-------------------------------------------------- */
.content-wrap-tow #main {
  float: left;
  width: 100%;
  box-sizing: border-box;
  margin-right: -230px;
  padding-right: 230px;
}
.content-wrap-tow #main > * { margin-top: 5.7971%; }
.content-wrap-tow #main > *:first-child { margin-top: 0px !important; }

@media screen and (max-width:767px) {
.content-wrap-tow #main {
  float: none;
  width: auto;
  margin: 0;
  padding: 0px;
}
}

/* sidebar
-------------------------------------------------- */
.content-wrap-tow #sidebar {
  float: right;
  width: 200px;
}
.content-wrap-tow #sidebar > * { margin-top: 12.5%; }
.content-wrap-tow #sidebar > *:first-child { margin-top: 0; }

@media screen and (max-width:767px) {
.content-wrap-tow #sidebar {
  float: none;
  width: auto;
  margin-top: 9.375%;
}
.content-wrap-tow #sidebar > * { margin-top: 6.896551724137931%; }
}


/* --------------------------------------------------
  content-wrap-text
-------------------------------------------------- */
.content-wrap-text { margin-top: 30px; }
.content-wrap-text:after {
  content: "";
  display: block;
  clear: both;
}

/* column-text
-------------------------------------------------- */
.content-wrap-text > .column-text {
  float: left;
  width: 58.69565217391304%;
}

/* column-image
-------------------------------------------------- */
.content-wrap-text > .column-image {
  float: right;
  width: 36.95652173913043%;
}

@media screen and (max-width:767px) {
.content-wrap-text { margin-top: 24px; }
.content-wrap-text > .column-text,
.content-wrap-text > .column-image {
  float: none !important;
  width: auto;
  margin-top: 5%;
}
}



/* **************************************************

  column
  
************************************************** */
/* --------------------------------------------------
  column-text
-------------------------------------------------- */
.column-text > .column-text { margin-top: 3em; }
.column-text > * { margin-top: 1.5em; }
.column-text > *:first-child { margin-top: 0 !important; }


/* --------------------------------------------------
  column-image
-------------------------------------------------- */
.column-image > .img {
  margin-top: 3em;
  border-radius: 10px;
  overflow: hidden;
}
.column-image > .img:first-child { margin-top: 0; }
.column-image > .img img { width: 100%; }
.column-image > .img a:after { border-radius: 10px; }

@media screen and (max-width:767px) {
.column-image > .img {
  text-align: center;
  border-radius: 6px;
}
.column-image > .img img { width: auto; }
.column-image > .img a:after { border-radius: 6px; }
}



/* **************************************************

  main
  
************************************************** */
/* --------------------------------------------------
  content-news
-------------------------------------------------- */
#main .content-news .list {
  border-bottom: 1px dotted #ccc;
  overflow: hidden;
  zoom: 1;
}
#main .content-news .list > * {
  line-height: 20px;
  padding: 15px 0px;
  border-top: 1px dotted #ccc;
}
#main .content-news .list > *:first-child,
#main .content-news .list > *:first-child + dd,
#main .content-news .list > *:first-child + dd + dd { border-top: none; }
#main .content-news .date {
  color: #57c6da;
  float: left;
  clear: left;
  width: 6em;
  padding-left: 1em;
}
#main .content-news .category {
  float: left;
  width: 8em;
}
#main .content-news .category .icon {
  font-size: 12px;
  color: #fff;
  display: block;
  background: #666;
  text-align: center;
  display: block;
  border-radius: 2px;
}
#main .content-news .text {
  margin-left: 15em;
  padding-left: 2em;
}
#main .content-news .text a:hover {
  text-decoration: none;
  color: #000;
}

@media screen and (max-width:1000px) {
#main .content-news .list { border: none; }
#main .content-news .list > * {
  padding: 0px;
  border: none;
}
#main .content-news .date { width: auto; }
#main .content-news .category { margin-left: 1em; }
#main .content-news .text {
  clear: left;
  margin: 0px 0px 10px;
  padding: 10px 0px;
  border-bottom: 1px dotted #ccc;
}
#main .content-news .text:last-child { margin-bottom: 0px; }
}

@media screen and (max-width:767px) {
#main .content-news .list > * {
  font-size: 85.714%;
  line-height: 18px;
}
#main .content-news .text {
  margin: 0px 0px 8px;
  padding: 8px 0px;
}
#main .content-news .text:last-child { margin-bottom: 0px; }
}


/* --------------------------------------------------
  content-items スタッフ・作品一覧
-------------------------------------------------- */
#main .content-items { padding: 4.347826086956522%; }
#main .content-items .item-wrap { margin: -0.7936507936507937%; }
#main .content-items .item {
  width: 31.71875%;
  margin: 0.78125%;
}

@media screen and (max-width:884px) {
#main .content-items .item { width: 48.4375%; }
}

@media screen and (max-width:767px) {
#main .content-items {
  margin: 0 -5.172413793103448%;
  padding: 5.172413793103448%;
  border-radius: 0;
}
#main .content-items .item-wrap { margin: 0; }
#main .content-items .item {
  width: 100%;
  margin: 5px 0px 0px;
}
}



/* **************************************************

  sidebar
  
************************************************** */
/* --------------------------------------------------
  category-nav
-------------------------------------------------- */
#sidebar .category-nav li { margin-top: 10px; }
#sidebar .category-nav li:first-child { margin-top: 0 !important; }
#sidebar .category-nav li a {
  font-size: 15px;
  color: #fff;
  background: #000;
  display: block;
  padding: 2px;
  border-radius: 5px;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.5);
  box-shadow: 5px 5px 0px rgba(0,0,0,0.1);
  text-indent: -5px;
}
#sidebar .category-nav li a .ov {
  display: block;
  padding: 7px 9px 7px 19px;
  border: solid 1px transparent;
  border-radius: 4px;
}
#sidebar .category-nav li a:hover .ov {
  background: url(../images/nav_bg_01.png) repeat left top;
  background-size: 102px auto;
  border: solid 1px #fff;
}
#sidebar .category-nav li a .ov .fa { margin-right: 0.2em; }

@media screen and (max-width:767px) {
#sidebar .category-nav li { margin-top: 8px; }
#sidebar .category-nav li a {
  font-size: 12px;
  box-shadow: 3px 3px 0px rgba(0,0,0,0.1);
}
}


/* --------------------------------------------------
  archives-nav
-------------------------------------------------- */
#sidebar .archives-nav .title {
  font-size: 15px;
  color: #fff;
  background: #375368;
  display: block;
  padding: 8px 10px 8px 20px;
  border-radius: 5px;
  box-shadow: 5px 5px 0px rgba(0,0,0,0.1);
  text-indent: -5px;
}
#sidebar .archives-nav ul,
#sidebar .archives-nav li { margin-top: 10px; }
#sidebar .archives-nav li:first-child { margin-top: 0 !important; }
#sidebar .archives-nav li a {
  font-size: 15px;
  color: #80bad0;
  background: #fff;
  display: block;
  padding: 2px;
  border: 1px solid #b6d6e4;
  border-radius: 5px;
  box-shadow: 5px 5px 0px rgba(0,0,0,0.1);
  text-indent: -5px;
}
#sidebar .archives-nav li a .ov {
  display: block;
  padding: 8px 10px 8px 20px;
  border-radius: 4px;
}
#sidebar .archives-nav li a:hover .ov {
  color: #fff;
  background: #80bad0 url(../images/nav_bg_01.png) repeat left top;
  background-size: 102px auto;
}
#sidebar .archives-nav li a .ov .fa { margin-right: 0.2em; }

@media screen and (max-width:767px) {
#sidebar .archives-nav .title { box-shadow: 3px 3px 0px rgba(0,0,0,0.1); }
#sidebar .archives-nav ul,
#sidebar .archives-nav li { margin-top: 8px; }
#sidebar .archives-nav li a {
  font-size: 12px;
  box-shadow: 3px 3px 0px rgba(0,0,0,0.1);
}
}


/* --------------------------------------------------
  banner-nav
-------------------------------------------------- */
#sidebar .banner-nav li { margin-top: 20px; }
#sidebar .banner-nav li:first-child { margin-top: 0 !important; }
#sidebar .banner-nav li a {
  display: block;
  box-shadow: 5px 5px 0px rgba(0,0,0,0.1);
}
#sidebar .banner-nav li img { width: 100%; }

@media screen and (max-width:767px) {
#sidebar .banner-nav li { margin-top: 16px; }
#sidebar .banner-nav li a { box-shadow: 3px 3px 0px rgba(0,0,0,0.1); }
}



/* **************************************************

  section
  
************************************************** */
/* --------------------------------------------------
  section-head
-------------------------------------------------- */
.section-head {
  background: #fff;
  text-align: center;
  padding: 32px 0px;
}
.section-head .headline {
  font: 214.285% "Montserrat", sans-serif;
  color: #18b0dc;
  line-height: 1;
  display: inline-block;
  padding: 0em 1em 0.5em;
  border-bottom: 2px dotted #18b0dc;
}

@media screen and (max-width:767px) {
.section-head { padding: 3% 0%; }
.section-head .headline {
  font-size: 171.428%;
  padding: 0em 1em 0.25em;
  border-width: 1px;
}
}


/* --------------------------------------------------
  section-content
-------------------------------------------------- */
.section-content .description {
  font-size: 128.571%;
  text-align: center;
}

@media screen and (max-width:1000px) {
.section-content .description {
  font-size: 114.285%;
  text-align: left;
}
}

@media screen and (max-width:767px) {
.section-content .description { font-size: 85.714%; }
}


/* --------------------------------------------------
  section-decoration
-------------------------------------------------- */
.section-decoration:before,
.section-decoration:after {
  content: "";
  display: block;
  pointer-events: none;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}

@media screen and (max-width:1000px) {
.section-decoration:before,
.section-decoration:after { display: none !important; }
}



/* **************************************************

  movie
  
************************************************** */
/* --------------------------------------------------
  video-ico
-------------------------------------------------- */
a.video-ico {
  display: block;
  position: relative;
  overflow: hidden;
}
a.video-ico:after {
  background: rgba(0,0,0,0.3);
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
a.video-ico:hover:after {
  -ms-filter: "alpha(opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
}
a.video-ico img { width: 100%; }
a.video-ico .ico {
  background: #57c6da;
  display: block;
  pointer-events: none;
  text-align: center;
  margin: -37px 0px 0px -37px;
  padding: 3px;
  border-radius: 50%;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
a.video-ico .ico i {
  font-size: 36px;
  line-height: 64px;
  color: #fff;
  display: block;
  text-indent: 6px;
  width: 64px;
  border-radius: 50%;
  border: 2px solid #fff;
}
a.video-ico:hover img {
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1.0;
}
a.video-ico:hover .ico {
  -ms-filter: "alpha(opacity=0)" !important;
  filter: alpha(opacity=0) !important;
  opacity: 0 !important;
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
}

@media screen and (max-width:767px) {
a.video-ico .ico { margin: -31px 0px 0px -31px; }
a.video-ico .ico i {
  font-size: 28px;
  line-height: 52px;
  text-indent: 5px;
  width: 52px;
}
}



/* **************************************************

  contact-form-7
  
************************************************** */
.wpcf7 > * { margin-top: 1.5em; }
.wpcf7 > .wpcf7-form > * { margin-top: 1.5em; }
.wpcf7 .wpcf7-response-output {
  color: #fff;
  background: #ffbd4a;
  text-align: center;
  margin: 1.5% 0px 0px;
  padding: 20px;
  border-style: none;
  border-radius: 10px;
}
.wpcf7 .wpcf7-response-output.wpcf7-validation-errors { background: #e75b5b; }
.wpcf7 .wpcf7-response-output.wpcf7-mail-sent-ok { background: #a5cf4a; }
.wpcf7 .wpcf7-not-valid-tip {
  font-size: 12px;
  color: #e75b5b;
  margin-top: 10px;
}
.wpcf7 input[type=submit][disabled] {
  -ms-filter: "alpha(opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.4;
  cursor: not-allowed;
}
.wpcf7 .ajax-loader { display: none; }

@media screen and (max-width:767px) {
.wpcf7 .wpcf7-response-output {
  border-radius: 6px;
  padding: 10px;
}
}



/* **************************************************

  staff
  
************************************************** */
/* title */
#content.staff .content-title {
  font-size: 214.285%;
  color: #fff;
  line-height: 1.4;
  margin: 10% 0px 0;
  padding-bottom: 12px;
  border-bottom: 2px solid #fff;
}
#content.staff .content-title:first-child { margin-top: 0px; }
#content.staff .content-title + * { margin-top: 3.333333333333333%; }
#content.staff .content-title .icon-co-staff { margin-right: 10px; }
#content.staff .content-title .en {
  font-size: 50%;
  line-height: 1;
  display: inline-block;
  text-transform: uppercase;
  margin-left: 1em;
}

/* exp */
#content.staff .exp { font-size: 128.5714285714286%; }

@media screen and (max-width:767px) {
/* title */
#content.staff .content-title {
  font-size: 171.428% !important;
  padding-bottom: 10px;
}
#content.staff .content-title .icon-co-staff { margin-right: 5px; }
#content.staff .content-title .en {
  display: block;
  margin: 5px 0px 0px;
}
#content.staff .content-title .en { margin-left: 30px; }

/* exp */
#content.staff .exp { font-size: 100%; }
}


/* --------------------------------------------------
  content-staff
-------------------------------------------------- */
#content-staff {
  color: #fff;
  background: url(../../images/staff/bg_01.jpg) no-repeat center center;
  background-size: cover;
}
#content-staff .staff-inner { padding: 5.5% 0 16%; }
#content-staff .staff-nav {
  text-align: center;
  margin-top: 3%;
}
#content-staff .staff-nav ul { letter-spacing: -0.4em; }
#content-staff .staff-nav li {
  display: inline-block;
  letter-spacing: normal;
  width: 21%;
  margin: 2%;
}
#content-staff .staff-nav li span { display: block; }
#content-staff .staff-nav li .thumb,
#content-staff .staff-nav li .thumb img { border-radius: 50%; }
#content-staff .staff-nav li .thumb { box-shadow: 5px 5px 0 rgba(0,0,0,0.2); }
#content-staff .staff-nav li a { display: block; }
#content-staff .staff-nav li .title {
  font-size: 171.4285714285714%;
  font-weight: bold;
  line-height: 1;
  margin-top: 20px;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}

@media screen and (max-width:767px) {
#content-staff .staff-nav li {
  width: 42%;
  margin: 4%;
}
#content-staff .staff-nav li .title {
  font-size: 128.571%;
  margin-top: 16px;
}
}


/* --------------------------------------------------
  interview
-------------------------------------------------- */
#interview { color: #645d5d; }
#interview.index { background: url(../images/bg_02.png) repeat center center; }
#interview.index .interview-inner { padding: 10% 0; }
#interview .content-title {
  color: #63d2df !important;
  border-color: #63d2df !important;
}
#interview .content-title .en { color: #63d2df !important; }
#interview .interview-items .item { margin-top: 3%; }
#interview .interview-items .item:first-child { margin-top: 0 !important; }
#interview .interview-items .item .item-inner {
  overflow: hidden;
  zoom: 1;
}
#interview .interview-items .item .thumb {
  float: left;
  width: 16.30434782608696%;
}
#interview .interview-items .item .thumb img {
  box-sizing: border-box;
  width: 100%;
  border-radius: 6px;
  border: solid 1px #eee;
}
#interview .interview-items .item .text {
  float: right;
  width: 81.52173913043478%;
  padding-bottom: 2em;
  position: relative;
}
#interview .interview-items .item .title { font-size: 128.571%; }
#interview .interview-items .item .excerpt,
#interview .interview-items .item .more { margin-top: 8px; }
#interview .interview-items .item .meta {
  font-size: 85.714%;
  letter-spacing: -0.4em;
  position: absolute;
  right: 0;
  bottom: 0;
}
#interview .interview-items .item .meta li {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
}
#interview .interview-items .item .meta li .fa {
  color: #ccc;
  position: relative;
  top: -1px;
}
#interview .interview-items .item .more > a { margin: 0 !important; }

@media screen and (max-width:767px) {
#interview.index { background-size: 100px auto; }
#interview .interview-items .item { margin-top: 6%; }
#interview .interview-items .item .thumb { width: 30%; }
#interview .interview-items .item .thumb img { border-radius: 2px; }
#interview .interview-items .item .text {
  width: 66%;
  padding-bottom: 0;
}
#interview .interview-items .item .title { font-size: 100%; }
#interview .interview-items .item .excerpt { font-size: 85.714%; }
#interview .interview-items .item .excerpt,
#interview .interview-items .item .more,
#interview .interview-items .item .meta { margin-top: 5px; }
#interview .interview-items .item .meta {
  font-size: 85.714%;
  position: static;
}
#interview .interview-items .item .more { display: none; }
#interview .interview-items .item .more > a { padding: 8px !important; }
#interview .content-more { margin-top: 13.33334%; }
}