@charset "UTF-8";

/* Theme Name: 2021_ConteDeFees */

/*-----------------------------
共通da
-----------------------------*/

#home #sec3 /*,
#footer .bottom .right .pageList li:nth-of-type(1),
#footer .bottom .right .pageList li:nth-of-type(3),
#footer .bottom .right .pageList li:nth-of-type(4)*/ {
  display: none;
}

@font-face {
  font-family: "midashi_en";
  src: url("fonts/midashi_en.eot") format("embedded-opentype"),
    url("fonts/midashi_en.ttf") format("truetype"),
    url("fonts/midashi_en.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "number";
  src: url("fonts/number.eot") format("embedded-opentype"),
    url("fonts/number.ttf") format("truetype"),
    url("fonts/number.woff") format("woff");
  font-display: swap;
  unicode-range: U+0030-0039;
}

@-webkit-keyframes arrowMove {
  0% {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  100% {
    -webkit-transform: translate(5px, -50%);
    transform: translate(5px, -50%);
  }
}

@keyframes arrowMove {
  0% {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }

  100% {
    -webkit-transform: translate(5px, -50%);
    transform: translate(5px, -50%);
  }
}

audio {
	display: block; 
	height: 30px;
  margin: 10px 5px;
}
.inner {
  width: 1200px;
  margin: 0 auto;
}

.inner.big {
  width: 1300px;
}

.post-categories {
  display: flex;
}

.post-categories li:not(:last-of-type) {
  margin-right: 10px;
}

.post-categories a {
  padding: 2px 10px;
  background-color: #41c195;
  color: #fff;
  display: inline-block;
  font-size: 12px;
}

.post-categories a:hover {
  background-color: #212a2f;
}

.breadcrumb {
  width: 100%;
  padding: 10px 20px;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  white-space: nowrap;
}

.breadcrumb > li {
  color: #fff;
}

.breadcrumb > li a {
  display: inline-block;
}

.breadcrumb > li:not(:last-of-type)::after {
  margin: 0 5px;
  content: "/";
}

.breadcrumb > li:last-of-type {
  overflow: hidden;
  text-overflow: ellipsis;
}

.nextLink {
  margin: 50px 0;
}

.nextLink a {
  width: 360px;
  border: 1px solid;
  font-size: 20px;
  font-size: 2rem;
  line-height: 70px;
  text-align: center;
  position: relative;
  z-index: 1;
  margin: 0 auto;
}

.nextLink a::before {
  width: 0;
  height: 100%;
  background-color: #212a2f;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.4s;
  z-index: -1;
}

.nextLink a svg {
  -webkit-animation: arrowMove 0.6s infinite alternate;
  animation: arrowMove 0.6s infinite alternate;
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.nextLink a:hover {
  color: #fff;
}

.nextLink a:hover::before {
  width: 100%;
}

.nextLink a:hover .cls-1 {
  fill: #fff;
}

.nextLink a:hover svg {
  -webkit-animation: none;
  animation: none;
}

.nextLink a:hover {
  border-color: #212a2f;
}

.nextLink a::after {
  content: "＞";
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.navigation h2 {
  display: none;
}

.navigation .nav-links {
  display: flex;
  justify-content: center;
}

.navigation span,
.navigation a {
  margin: 0 5px;
  padding: 10px;
  border: 1px solid;
}

.navigation .current,
.navigation a:hover {
  background: #212a2f;
  color: #ffffff;
  border-color: #212a2f;
}

.at-style-responsive .at-share-btn {
	width: 19.50%;
}
.at-share-btn-elements {
	margin-bottom: 30px;
}

#edit {
  margin-bottom: 50px;
}

#edit h2 {
	position: relative;
  padding: 15px;
  background-color: #AE8565;
  font-size: 32px;
  font-size: 3.2rem;
	color: #fff;
	margin-bottom: 30px;
	border-radius: 20px;
	text-indent: 45px;
	text-shadow: 2px 4px 5px #7F5444;
}
#edit h2::before,
#edit h2::after {
   position: absolute;
   content: '';
   border-radius: 100%
}
#edit h2::before {
	image-rendering: -webkit-optimize-contrast;
	background: url(images/h2_bg_title1.png);
	background-size: 60%;
	background-repeat: no-repeat;
	background-position-y: center;
	top: 14px;
	left: 15px;
	width: 55px;
	height: 55px;
	border-radius: 0;
}

#edit h3 {
	position: relative;
  padding-left: 15px;
	height: 50px;
  font-size: 24px;
	background: url(images/h3_bg_title2.png);
	image-rendering: -webkit-optimize-contrast;
	text-align: left;
	color: #FFFFFF;
	text-shadow: 1px 3px 5px #7F5444;
	z-index:0;
	padding: 5px 0 0 50px;
}
#edit h3::before,
#edit h3::after {
   position: absolute;
   content: '';
   border-radius: 100%
}
#edit h3::before {
	image-rendering: -webkit-optimize-contrast;
	background: url(images/h3_bg_title1.png);
	background-size: 100%;
	background-position-y: center;
	top: 0px;
	left: 0px;
	width: 100px;
	height: 50px;
	border-radius: 0;
	z-index:-1;
}
#edit h3::after {
	image-rendering: -webkit-optimize-contrast;
	background: url(images/h3_bg_title3.png);
	background-size: 100%;
	background-position-y: center;
	top: 0px;
	right: 0px;
	width: 100px;
	height: 50px;
	border-radius: 0;
	z-index: -2;
}

#edit b.uline {
    background-position: -100% .5em;
}

#edit b {
    background: -moz-linear-gradient(left, transparent 50%,  rgba(255,0,0,0.2), rgba(255,69,0,0.2), rgba(255,255,0,0.2), rgba(0,128,0,0.2), rgba(0,0,255,0.2), rgba(75,0,130,0.2) );
    background: -ms-linear-gradient(left, transparent 50%,  rgba(255,0,0,0.2), rgba(255,69,0,0.2), rgba(255,255,0,0.2), rgba(0,128,0,0.2), rgba(0,0,255,0.2), rgba(75,0,130,0.2) );
    background: -webkit-linear-gradient(left, transparent 50%,  rgba(255,0,0,0.2), rgba(255,69,0,0.2), rgba(255,255,0,0.2), rgba(0,128,0,0.2), rgba(0,0,255,0.2), rgba(75,0,130,0.2) );
    background: -o-linear-gradient(left, transparent 50%,  rgba(255,0,0,0.2), rgba(255,69,0,0.2), rgba(255,255,0,0.2), rgba(0,128,0,0.2), rgba(0,0,255,0.2), rgba(75,0,130,0.2) );
    background: linear-gradient(left, transparent 50%,  rgba(255,0,0,0.2), rgba(255,69,0,0.2), rgba(255,255,0,0.2), rgba(0,128,0,0.2), rgba(0,0,255,0.2), rgba(75,0,130,0.2) );
    background-repeat: repeat-x;
    background-size: 200% .8em;
    background-position: 0 .5em;
    transition: all 2s ease;
    font-weight: bold;
    font-size: 1.5em;
}

#edit p,
#edit li,
#edit blockquote {
  line-height: 1.9;
}
#edit p,
#edit blockquote {
	padding: 10px;
}
#edit p {
	margin-bottom: 30px;
}

#edit a {
  display: inline-block;
  line-height: 1.5;
}

.at-resp-share-element .at-share-btn .at-label {
	font-size: 12pt !important;
}

#edit img {
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
}

#edit img.ph50 {
  max-width: 50%;
}

#edit li {
  list-style-position: inside;
}

#edit ul li {
  list-style-type: disc;
}

#edit ol li {
  list-style-type: decimal;
}

#edit ul.post-categories {
	display: block;
} 
#edit ul.post-categories li {
  list-style-type: none;
	display: inline-block;
} 
#edit video {
  height: auto;
}

#edit blockquote {
  padding: 10px 15px !important;
  border: 1px solid #bbbbbb !important;
  position: relative;
  background: #f6e7c4;
  color: #000;
	margin: 50px 0;
}

#edit blockquote::before,
#edit blockquote::after {
  color: #424959;
  font-size: 50px;
  font-size: 5rem;
  line-height: 1;
  position: absolute;
}

#edit blockquote::before {
  content: "❝";
  top: -20px;
  left: -5px;
}

#edit blockquote::after {
  content: "❞";
  bottom: -34px;
  right: -5px;
}

#edit section {
  margin-bottom: 30px !important;
}

#edit .margin_b5 {
  margin-bottom: 5px !important;
}

#edit .margin_b10 {
  margin-bottom: 10px !important;
}

#edit .margin_b15 {
  margin-bottom: 15px !important;
}

#edit .margin_b20 {
  margin-bottom: 20px !important;
}

#edit .margin_b25 {
  margin-bottom: 25px !important;
}

#edit .margin_b30 {
  margin-bottom: 30px !important;
}

#edit .margin_b35 {
  margin-bottom: 35px !important;
}

#edit .margin_b40 {
  margin-bottom: 40px !important;
}

#edit .margin_b45 {
  margin-bottom: 45px !important;
}

#edit .margin_b50 {
  margin-bottom: 50px !important;
}

#edit .b {
  font-weight: bold;
}

#edit .f10 {
  font-size: 10px !important;
}

#edit .f11 {
  font-size: 11px !important;
}

#edit .f12 {
  font-size: 12px !important;
}

#edit .f13 {
  font-size: 13px !important;
}

#edit .f14 {
  font-size: 14px !important;
}

#edit .f15 {
  font-size: 15px !important;
}

#edit .f16 {
  font-size: 16px !important;
}

#edit .f17 {
  font-size: 17px !important;
}

#edit .f18 {
  font-size: 18px !important;
}

#edit .f19 {
  font-size: 19px !important;
}

#edit .f20 {
  font-size: 20px !important;
}

#edit .f21 {
  font-size: 21px !important;
}

#edit .f22 {
  font-size: 22px !important;
}

#edit .f23 {
  font-size: 23px !important;
}

#edit .f24 {
  font-size: 24px !important;
}

#edit .f25 {
  font-size: 25px !important;
}

#edit .f30 {
  font-size: 30px !important;
}

#edit .f35 {
  font-size: 35px !important;
}

#edit .f40 {
  font-size: 40px !important;
}

#edit .f45 {
  font-size: 45px !important;
}

#edit .f50 {
  font-size: 50px !important;
}

#edit .bold {
  font-weight: bold !important;
}

#edit .red {
  color: red !important;
}

#edit .pink {
  color: pink !important;
}

#edit .gray {
  color: gray !important;
}

#edit .blue {
  color: blue !important;
}

#edit .text_center {
  text-align: center;
}

#edit .text_right {
  text-align: right;
	display: block;
}

#edit .mk_yellow {
  background-color: yellow !important;
}

#edit .bg_pink {
  padding: 15px !important;
	background: #f9b6b8 !important;
	border: 5px dashed #ffe0e1 !important;
	margin-bottom: 30px;
}

#edit .bg_yellow {
  padding: 15px !important;
	background: rgba(236,200,58,0.6) !important;
	border: 5px dashed #fff9ce !important;
	margin-bottom: 30px;
}

#edit .bg_blue {
  padding: 15px !important;
  background-color: #4ed5e3 !important;
	border: 5px dashed #aaf7ff !important;
	margin-bottom: 30px;
}

#edit .bg_green {
  padding: 15px !important;
	background: rgba(147,220,75,0.6) !important;
  border: 5px dashed #dbffaf !important;
	margin-bottom: 30px;
}

#edit .bg_gray {
  padding: 15px !important;
  background-color: #f9f9f9 !important;
  border: 1px solid #bbbbbb !important;
	margin-bottom: 30px;
}

#edit .bg_yellow_iv {
  background-color: rgba(255, 253, 224, 0.5) !important;
}

#edit .bg_blue_iv {
  background-color: rgba(228, 239, 255, 0.5) !important;
}

#edit .bg_pink_iv {
  background-color: rgba(255, 241, 241, 0.5) !important;
}

#edit .bg_gray_iv {
  background-color: rgba(249, 249, 249, 0.5) !important;
}

#edit .bg_quest_iv {
  font-family: "dot";
  color: #fff;
  background-color: black;
}

#edit .serif {
  overflow: hidden;
  display: block;
  margin-bottom: 30px;
  position: relative;
  min-height: 80px;
  padding-left: 100px;
  font-size: 18px;
  line-height: 1.9;
  font-weight: normal;
}

#edit .serif > img {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  margin: 0;
  border-radius: 40px;
}

#edit .serif .serif_box {
  padding: 15px;
  border-radius: 4px;
  border: solid 2px #000 !important;
  position: relative;
  line-height: 1.5;
}

#edit .serif .serif_box > span {
  display: inline;
  font-size: 18px;
  line-height: 1.9;
  font-weight: normal;
}

#edit .serif .serif_box::after {
  position: absolute;
  top: 24px;
  left: -22px;
  content: "";
  height: 0;
  width: 0;
  border: 10px solid rgba(255, 255, 255, 0);
  border-right: 10px solid #000;
}

#edit .serif_l {
  overflow: hidden;
  display: block;
  margin-bottom: 30px;
  position: relative;
  min-height: 80px;
  padding-right: 100px;
  font-size: 18px;
  line-height: 1.9;
  font-weight: normal;
}

#edit .serif_l > img {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  margin: 0;
  border-radius: 40px;
}

#edit .serif_l .serif_box {
  padding: 15px;
  border-radius: 4px;
  border: solid 2px #000 !important;
  position: relative;
  line-height: 1.5;
}

#edit .serif_l .serif_box > span {
  display: inline;
  font-size: 18px;
  line-height: 1.9;
  font-weight: normal;
}

#edit .serif_l .serif_box::after {
  position: absolute;
  top: 24px;
  right: -22px;
  content: "";
  height: 0;
  width: 0;
  border: 10px solid rgba(255, 255, 255, 0);
  border-left: 10px solid #000;
}

#edit .button_1 {
	display: block;
	width: 300px;
	max-width: 100%;
	margin: 30px auto;
	padding: 20px;
  background: #FD837C;
  border-radius: 35px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.35);
  color: #fff !important;
  text-align: center;
  text-decoration: none !important;
}

#edit .button_2 {
	display: block;
  width: 300px;
  max-width: 100%;%;
  margin: 30px auto;
  padding: 20px 0;
  background: #FF9B67;
  border-radius: 35px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.35);
  color: #fff !important;
  text-align: center;
  text-decoration: none !important;
}

#edit .button_3 {
	display: block;
  width: 300px;
  max-width: 100%;
  margin: 30px auto;
  padding: 20px 0;
  background: #BAD682;
  border-radius: 35px;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.35);
  color: #fff !important;
  text-align: center;
  text-decoration: none !important;
}

#edit .button_1:hover,
#edit .button_2:hover,
#edit .button_3:hover {
transform: translateY(-4px);
    color: #fff;
    text-decoration: none;
}

#edit table {
  width: 100%;
  border-collapse: collapse;
	margin-bottom: 30px;
}

#edit table tr th,
#edit table tr td {
  padding: 15px 20px;
  border: 1px solid #ddd;
  vertical-align: middle;
  line-height: 2;
}

#edit table tr th {
  font-weight: bold;
  background: #f5f4f4;
}

#edit table th:nth-child(1) {
  width: 50%;
}

#edit .b-col2 {
  padding: 30px;
  background: #f5f5f5;
}

#edit .b-col2-wrap {
  display: flex;
  flex-flow: row wrap;
}

#edit .b-col2-wrap > p {
  width: 65%;
}

#edit .form-block {
  width: 35%;
  padding-top: 8px;
  font-weight: bold;
}

#edit .c-pink {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 3px 5px;
  color: #fff;
  background: #e95996;
  margin-right: 10px;
  font-weight: bold;
}

#edit .c-skyblue {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 3px 5px;
  color: #fff;
  background: #59c1df;
  margin-right: 10px;
  font-weight: bold;
}

#edit .is-consent {
  margin: 20px 0;
  text-align: center;
}

#edit .is-consent label {
  padding: 20px 35px;
  border: 1px solid rgba(0, 0, 0, 0.5);
  cursor: pointer;
  display: inline-block;
}

#edit .arrow-r {
  text-align: center;
}

#edit .arrow-r input {
  width: 380px;
  padding: 20px 0;
  background: #3473b8;
  color: #fff;
  display: inline-block;
}

/*-----------------------------
リセットcss
-----------------------------*/

* {
  max-width: 100%;
  /*max-width: none;で解除(initialはIEで動かない)*/
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  transition: all 0.3s;
}

*::before,
*::after {
  box-sizing: border-box;
  display: inline-block;
}

html {
  background: url(images/bg.png) repeat;
  font-size: 62.5%;
  word-wrap: break-word;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  image-rendering: -webkit-optimize-contrast;
}

html.bgGray {
  background: url("images/bg_404.jpg") no-repeat center/cover fixed;
}

body,
input,
select,
textarea {
  color: #7F5444;
  font-family: "number", "M PLUS Rounded 1c", sans-serif;
	font-size: 19px;
  font-style: normal;
  line-height: 1.6;
}

body.home {
  /* background: url("images/bg_joint.png") repeat-y bottom center/cover fixed; */
  transition: 0s;
}

main {
  display: block;
  overflow-x: hidden;
}

img {
  height: auto;
  border: 0;
  display: block;
}

a {
  color: inherit;
  display: block;
  text-decoration: none;
}

ul,
ol {
  list-style-type: none;
}

table {
  width: 100%;
  border-collapse: collapse;
}

table th {
  white-space: nowrap;
}

input:not([type="checkbox"]):not([type="radio"]),
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input:not([type="submit"]):not([type="button"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]),
select,
textarea {
  width: 100%;
  padding: 15px 5px;
  border: 1px solid #a9a9a9;
  border-radius: 0;
  line-height: 1.8;
}

textarea {
  resize: none;
}

input[type="submit"],
input[type="button"],
input[type="reset"],
button {
  background: #f7f7f7;
  background: linear-gradient(to bottom, #f7f7f7 0%, #dddddd 100%);
  border: 1px solid #a6a6a6;
  border-radius: 0px;
  cursor: pointer;
}

article iframe,
article video {
  vertical-align: bottom;
	width: 100%;
  height: 480px;
	margin-bottom: 30px
}

.clear {
  clear: both;
}

.clearfix::after {
  content: "";
  clear: both;
  display: block;
}

.fs0 {
  font-size: 0;
  letter-spacing: 0;
  word-spacing: 0;
}

.dib {
  display: inline-block;
  vertical-align: top;
}

.pr {
  position: relative;
}

.pa {
  position: absolute;
}

/*-----------------------------
ヘッダー
-----------------------------*/

#header {
  color: #fff;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 99;
}

#header #loading {
  width: 100%;
  height: 100vh;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "midashi_en";
  font-size: 28px;
  font-size: 2.8rem;
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
  z-index: 1000;
}

#header #fv {
  /* height: 92vh; */
  overflow: hidden;
  position: relative;
  width: 1920px;
  max-width: 1920px;
  height: 587px;
	margin: 0 auto;
	background: #000;
}

#header #fv img.bg_top {
}

#header #fv .ch_lily {
	position: absolute;
  top: 345px;
  left: 920px;
  width: 200%;
	z-index: 100;
}
#header #fv .ch_hili {
	position: absolute;
  top: 345px;
  left: 330px;
    width: 200%;
	z-index: 100;
}

	
#header #fv .pick_mov {
	position: absolute;
  top: 95px;
  left: 400px;
	z-index: 1;
}
#header #fv .ch_morimon {
	position: absolute;
  top: 330px;
  width:100%;
		transform: translateX(100%);
		animation: marquee 30s linear infinite;
	z-index: 100;
}
#header #fv .ch_puckle {
	position: absolute;
  top: 390px;
  width:200%;
		transform: translateX(100%);
		animation: marquee 15s linear infinite;
	z-index: 100;
}
#header #fv .ch_puckle_2 {
	position: absolute;
  top: 400px;
	right: 100px;
  width:200%;
		transform: translateX(100%);
		animation: marquee 12s linear infinite;
}
#header #fv .ch_puckle_3 {
	position: absolute;
	z-index: 100;
  top: 410px;
	right: 150px;
  width:200%;
		transform: translateX(100%);
		animation: marquee 17s linear infinite;
}
#header #fv .ch_puckle_4 {
	position: absolute;
  top: 110px;
  left: 100px;
  width:200%;
}
@keyframes marquee {
  0% {
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
	}
#header #fv #video {
  width: auto;
  height: auto;
  max-width: none;
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -100;
}

#header #fv .hgroup {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 57vw;
  -webkit-transform: translateY(calc(-50% - 30px));
  transform: translateY(calc(-50% - 30px));
  transition: 1.2s;
}

#header #fv .hgroup.in {
  opacity: 1;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
	z-index: 1000;
}

#header #fv .hgroup h1 {
  padding-bottom: 40px;
  font-family: "midashi_en";
  font-size: 100px;
  font-size: 10rem;
  font-weight: normal;
  position: relative;
}

#header #fv .hgroup h1 img {
  width: 520px;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="4" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.5)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.5));
}

#header #fv .hgroup h1::after {
  width: 230px;
  height: 4px;
  background-color: #fff;
  text-shadow: 0 0 4px #000;
  content: "";
  position: absolute;
  bottom: 15px;
  left: 0;
}

#header #fv .hgroup p {
  margin-bottom: 20px;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: bold;
  text-shadow: 0 0 4px #000;
}

#header #fv .hgroup a {
  width: 400px;
  border: 1px solid;
  font-size: 20px;
  font-size: 2rem;
  line-height: 80px;
  text-align: center;
  position: relative;
  z-index: 1;
  padding-left: 20px;
  background-color: rgba(0, 0, 0, 0.9);
  border-width: 4px;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: left;
}

#header #fv .hgroup a::before {
  width: 0;
  height: 100%;
  background: linear-gradient(to right, #f6c3c5, #f6e7c4 25%, #d2e3c4 50%, #c3c7eb 75%, #f2dcf4);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.4s;
  z-index: -1;
}

#header #fv .hgroup a svg {
  -webkit-animation: arrowMove 0.6s infinite alternate;
  animation: arrowMove 0.6s infinite alternate;
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#header #fv .hgroup a:hover {
  color: #000;
}

#header #fv .hgroup a:hover::before {
  width: 100%;
}

#header #fv .hgroup a:hover .cls-1 {
  fill: #000;
}

#header #fv .hgroup a:hover svg {
  -webkit-animation: none;
  animation: none;
}

#header #fv .hgroup a svg {
  width: 16px;
  height: 28px;
  fill: #fff;
}

#header .headerImg {
  height: 350px;
  background-position: center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

#header .headerImg h1,
#header .headerImg .header {
  font-size: 25px;
  font-weight: normal;
  text-align: center;
}

#header .headerImg h1 span,
#header .headerImg .header span {
  display: block;
  font-family: "midashi_en";
  font-size: 3.75em;
  line-height: 1.2;
}

#header .headerImg .bannerLink {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}

#header .headerImg .bannerLink:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

#header .logo {
  padding: 12px 29px;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

#header .logo:hover {
  background-color: #000;
}

#header .logo.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
	z-index: 100000;
}

#header .logoImg img {
  width: auto;
  height: 52px;
}

#header .gnav > ul {
  display: flex;
  align-items: center;
}

#header .gnav > ul > li {
  font-size: 12px;
  text-align: center;
  transition-delay: 0.2s;
  transition-duration: 0.2s;
}

#header .gnav > ul > li img {
  margin: 0 auto 5px;
}

#header .gnav > ul > li span {
  display: block;
  font-size: 23px;
  font-family: "midashi_en";
  position: relative;
  transition: 0s;
}

#header .gnav > ul > li span::after {
  width: 0;
  height: 1px;
  background-color: #fff;
  content: "";
  position: absolute;
  bottom: 1px;
  left: 0;
  transition: 0.2s;
}

#header .gnav > ul > li:not(:last-of-type) {
  margin-right: 69px;
}

#header .gnav > ul > li:last-of-type {
  padding-left: 16px;
  border-left: 1px solid #555555;
	margin-top: 5px;
}

#header .gnav > ul > li:last-of-type span {
  font-size: 14px;
  font-size: 1.4rem;
}

#header .gnav > ul > li:hover span::after,
#header .gnav > ul .active span::after {
  width: 100%;
  transition-delay: 0.2s;
}

#header .gnav > ul > li#navContents1:hover,
#header .gnav > ul > li#navContents1.active {
  color: #F6C3C5;
}

#header .gnav > ul > li#navContents1:hover span::after,
#header .gnav > ul > li#navContents1.active span::after {
  background-color: #F6C3C5;
}

#header .gnav > ul > li#navContents2:hover,
#header .gnav > ul > li#navContents2.active {
  color: #F6E7C4;
}

#header .gnav > ul > li#navContents2:hover span::after,
#header .gnav > ul > li#navContents2.active span::after {
  background-color: #F6E7C4;
}

#header .gnav > ul > li#navContents3:hover,
#header .gnav > ul > li#navContents3.active {
  color: #D2E3C4;
}

#header .gnav > ul > li#navContents3:hover span::after,
#header .gnav > ul > li#navContents3.active span::after {
  background-color: #D2E3C4;
}

#header .gnav > ul > li#navContents4:hover,
#header .gnav > ul > li#navContents4.active {
  color: #C3C7EB;
}

#header .gnav > ul > li#navContents4:hover span::after,
#header .gnav > ul > li#navContents4.active span::after {
  background-color: #C3C7EB;
}

#header .gnav > ul > li#navContents5:hover,
#header .gnav > ul > li#navContents5.active {
  color: #F2DCF4;
}

#header .gnav > ul > li#navContents5:hover span::after,
#header .gnav > ul > li#navContents5.active span::after {
  background-color: #F2DCF4;
}

#header .gnav > ul > li#navContents6:hover,
#header .gnav > ul > li#navContents6.active {
  color: #b85bd7;
}

#header .gnav > ul > li#navContents6:hover span::after,
#header .gnav > ul > li#navContents6.active span::after {
  background-color: #b85bd7;
}

#header .gnav > ul > li#navWorks {
  color: #888;
}

#header .gnav > ul > li#navWorks:hover span::after {
  background-color: #888;
}

#header .gnav > ul .spNav {
  display: none;
}

#header .gnav > ul #spContact {
  width: 280px;
  border: 1px solid;
  font-size: 20px;
  font-size: 2rem;
  line-height: 60px;
  text-align: center;
  position: relative;
  z-index: 1;
  margin: 30px auto;
  background-color: #41c195;
  position: relative;
}

#header .gnav > ul #spContact::before {
  width: 0;
  height: 100%;
  background-color: #212a2f;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.4s;
  z-index: -1;
}

#header .gnav > ul #spContact svg {
  -webkit-animation: arrowMove 0.6s infinite alternate;
  animation: arrowMove 0.6s infinite alternate;
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#header .gnav > ul #spContact:hover {
  color: #fff;
}

#header .gnav > ul #spContact:hover::before {
  width: 100%;
}

#header .gnav > ul #spContact:hover .cls-1 {
  fill: #fff;
}

#header .gnav > ul #spContact:hover svg {
  -webkit-animation: none;
  animation: none;
}

#header .gnav > ul #spContact .mailImg {
  position: absolute;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#header .gnav > ul #spContact svg {
  fill: #fff;
}

#header .gnav > ul #spPrivacy {
  color: #212a2f;
  text-align: center;
}

#header .gnav .subNav {
  width: 100%;
  padding: 18px 0;
  background-color: #fff;
  color: #212a2e;
  display: none;
  justify-content: center;
  position: absolute;
  top: 100%;
  left: 0;
}

#header .gnav .subNav li {
  padding: 0 30px;
  font-weight: bold;
  line-height: 1;
}

#header .gnav .subNav li:not(:last-of-type) {
  border-right: 1px solid;
}

#header .gnav #subContents1 a:hover {
  color: #F6C3C5;
}

#header .gnav #subContents2 a:hover {
  color: #F6E7C4;
}

#header .gnav #subContents3 a:hover {
  color: #D2E3C4;
}

#header .gnav #subContents4 a:hover {
  color: #C3C7EB;
}

#header #menu-toggle {
  width: 40px;
  height: 40px;
  display: none;
  position: relative;
  z-index: 2;
}

#header #menu-toggle .border {
  width: 100%;
  height: 5px;
  background: #fff;
  border-radius: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  transition: 0.3s;
}

#header #menu-toggle .top {
  -webkit-transform: translate(-50%, calc(-50% - 14px));
  transform: translate(-50%, calc(-50% - 14px));
}

#header #menu-toggle .middle {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#header #menu-toggle .bottom {
  -webkit-transform: translate(-50%, calc(-50% + 14px));
  transform: translate(-50%, calc(-50% + 14px));
}

#header #menu-toggle.open .top {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

#header #menu-toggle.open .middle {
  display: none;
}

#header #menu-toggle.open .bottom {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.home #header {
  top: -62.5vh;
}

.single #header,
.page #header,
.archive #header,
.search #header {
  top: -350px;
}
#header,
.single #header,
.archive #header,
.search #header {
  top: 0px;
}

/*-----------------------------
各メインページ
-----------------------------*/

body.page main div.inner {
	padding: 50px;
	background: #fff;
}
body.page main #edit .serif,
body.page main #edit .serif_l {
	font-size: 20px;
}

/*-----------------------------
ホーム
-----------------------------*/

.home .content {
  padding: 50px 0;
}

.home .content h2 {
  margin-bottom: 50px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
}

.home .content h2 span{
  display: block;
  font-family: "midashi_en";
  font-size: 70px;
  line-height: 1.1;
}
.pick_mov h2 span {
	
	color: #000;
}

#home figure .thumb img {
	width: 100%;
	height: 230px;
  object-fit: cover;
}

#home #sec1 {
  padding: 80px 0;
}

#home #sec1 .inner {
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.5);
  background-color: #FFFBEF;
  display: flex;
  position: relative;
}

#home #sec1 .inner .left,
#home #sec1 .inner .right {
  padding: 56px 50px;
}

#home #sec1 .inner .left {
  width: 35%;
	color: #ff879f;
}

#home #sec1 .inner .left li {
  padding: 0 20px;
  border: 1px solid;
  cursor: pointer;
  display: flex;
  align-items: center;
  line-height: 68px;
  position: relative;
	font-size: 20px;
	border-radius: 50px;
	color: #7F5444;
}

#home #sec1 .inner .left li img {
  width: 40px;
  margin-right: 20px;
}

#home #sec1 .inner .left li:hover {
  background-color: #f6d09d;
  border-color: #f6d09d;
}


#home #sec1 .inner .left .active {
  background-color: #f6d09d;
  border-color: #f6d09d;
  position: relative;
}

#home #sec1 .inner .left .active::after {
  width: 0;
  height: 0;
  border-top: 35px solid transparent;
  border-right: 51px solid #f6d09d;
  border-bottom: 35px solid transparent;
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#home #sec1 .inner .left li:not(:last-of-type) {
  margin-bottom: 20px;
}

#home #sec1 .inner .right {
  width: 65%;
  background-color: #f6d09d;
}

#home #sec1 .inner .right li {
  display: none;
}

#home #sec1 .inner .right .active {
  display: block;
}

#home #sec1 .inner .right h3 {
  display: none;
  align-items: center;
}

#home #sec1 .inner .right h3 img {
  width: 30px;
  margin-right: 10px;
}

#home #sec1 .inner .right .serviceImg,
#home #sec1 .inner .right p {
  margin-bottom: 50px;
}

#home #sec1 .inner .right a {
  width: 420px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 70px;
  text-align: center;
  position: relative;
  z-index: 1;
  margin: 0 auto;
	border-radius: 50px;
	background: #000;
	color: #fff;
}

#home #sec1 .inner .right a::before {
  width: 0;
  height: 100%;
  background-color: #ff878f;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.4s;
  z-index: -1;
	border-radius: 50px;
}

#home #sec1 .inner .right a svg {
  -webkit-animation: arrowMove 0.6s infinite alternate;
  animation: arrowMove 0.6s infinite alternate;
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#home #sec1 .inner .right a:hover {
  color: #fff;
}

#home #sec1 .inner .right a:hover::before {
  width: 100%;
}

#home #sec1 .inner .right a:hover .cls-1 {
  fill: #fff;
}

#home #sec1 .inner .right a:hover svg {
  -webkit-animation: none;
  animation: none;
}

#home #sec1 .inner .right a:hover {
  border-color: #212a2f;
}

#home #sec1 .inner .img_column_l_top,
#home #sec1 .inner .room1 {
  position: absolute;
  z-index: 1;
}

#home #sec1 .inner .img_column_l_top {
  width: 89px;
  height: 129px;
  background: url("images/img_column_l_top.png") no-repeat center/cover;
  top: -64px;
  left: -56px;
}

#home #sec1 .inner .room1 {
  width: 319px;
  height: 283px;
  background: url("images/img_block1.png") no-repeat center/cover;
  top: 165px;
  right: -223px;
}

#home #sec1 .banner {
  margin-top: 30px;
}

#home #sec1 .banner a,
#home #sec1 .banner img {
  width: 100%;
}

#home #sec1 .banner a {
  padding: 10px;
}

#home #sec1 .banner a:hover {
  background-color: #f9d023;
}

#home #sec1 .banner a .sp {
  display: none;
}








/*共通ボタンなど*/

#home #sec2 .left .button,
#home #sec-news .left .button {
  width: 360px;
  border: 1px solid;
  font-size: 20px;
  font-size: 2rem;
  line-height: 70px;
  text-align: center;
  position: relative;
  z-index: 1;
  margin: 60px auto 0;
}
#home #sec2 .left .button::before,
#home #sec-news .left .button::before {
  width: 0;
  height: 100%;
  background-color: RGBA(0,0,0,.9);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.4s;
  z-index: -1;
}
#home #sec2 .left .button svg,
#home #sec-news .left .button svg {
  -webkit-animation: arrowMove 0.6s infinite alternate;
  animation: arrowMove 0.6s infinite alternate;
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
#home #sec2 .left .button:hover,
#home #sec-news .left .button:hover {
  color: #fff;
}
#home #sec2 .left .button:hover::before,
#home #sec-news .left .button:hover::before {
  width: 100%;
}
#home #sec2 .left .button:hover .cls-1,
#home #sec-news .left .button:hover .cls-1 {
  fill: #fff;
}
#home #sec2 .left .button:hover svg,
#home #sec-news .left .button:hover svg {
  -webkit-animation: none;
  animation: none;
}
#home #sec2 .left .button:hover,
#home #sec-news .left .button:hover {
  border-color: #212a2f;
}
#home #sec2,
#home #sec-news {
  margin-bottom: 80px;
  background-color: #FFFBEF;
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.5);
}
#home #sec2 .inner,
#home #sec-news {
  position: relative;
}
#home #sec2 h2,
#home #sec2 h2 + p {
  text-align: center;
}



/*共通記事部分*/

#home .left {
  width: 860px;
  display: flex;
  flex-wrap: wrap;
}
#home article.common {
  width: 50%;
}
#home article.common:nth-of-type(odd) {
  padding-right: 20px;
  border-right: 1px solid #dddddd;
}
#home article.common:nth-of-type(even) {
  padding-left: 20px;
}
#home article.common:nth-of-type(-n + 6) {
  padding-bottom: 30px;
  border-bottom: 1px solid #dddddd;
}
#home article.common:nth-last-of-type(-n + 6) {
  padding-top: 30px;
}
#home article.common figure iframe {
  height: 230px;
	margin-bottom: 0px;
}





/*-----------------------------
sec-news　ニュース
-----------------------------*/

#home #sec-news .pickup  {
  width: 1200px;
  display: flex;
  flex-wrap: wrap;
}

#home #sec-news article {
	width: 50%;
}
#home #sec-news iframe {
	width: none !important;
	height: none !important;
  margin-bottom: 40px !important;
}

#home #sec-news .news {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
#home #sec-news .left {
  width: 400px;
  display: flex;
  flex-wrap: wrap;
}
#home #sec-news .right {
  width: 720px;
}
#home #sec-news .right ul {
}
#home #sec-news .right li {
	padding: 18px 0;
  border-bottom: 1px solid #dddddd;
}
#home #sec-news .right li:first-child {
  border-top: 1px solid #dddddd;
}
.home #sec-news .news h2 {
  margin-bottom: 30px;
  font-size: 16px;
  font-weight: normal;
}
.home #sec-news .news h2 span {
  display: block;
  font-family: "midashi_en";
  font-size: 70px;
  line-height: 1.1;
	text-align: left;
}



/*-----------------------------
sec2　FREE BGM
-----------------------------*/

#home #sec2 .column {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}


#home #sec2 .left a .title {
  background-image: linear-gradient(180deg, transparent 94%, #41c195 0);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  display: inline;
}
#home #sec2 .left a .thumb {
  overflow: hidden;
  position: relative;
}
#home #sec2 .left a .thumb::after {
  width: 100%;
  height: 100%;
  background-color: #000;
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
#home #sec2 .left a .wp-post-image {
  width: 100%;
}
#home #sec2 .right li  a:hover,
#home #sec-news .right li  a:hover {
  background-size: 100% 100%;
  color: #41c195;
}
#home #sec2 .left a:hover .title,
#home #sec-news .left a:hover .title {
  background-size: 100% 100%;
  color: #41c195;
}
#home #sec2 .left a:hover .thumb::after,
#home #sec-news .left a:hover .thumb::after {
  opacity: 0.25;
}
#home #sec2 .left a:hover .wp-post-image,
#home #sec-news .left a:hover .wp-post-image {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
#home #sec2 .left time {
  margin-bottom: 5px;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}
#home #sec2 .left .postMeta {
  margin: -25px 0 10px;
  padding-left: 15px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  font-size: 11px;
  font-size: 1.1rem;
  position: relative;
  z-index: 1;
}
#home #sec2 .left .postMeta .user img {
  width: 50px;
  background-color: orange;
  border: 3px solid #fff;
  border-radius: 50%;
  box-shadow: 0px 2px 5px #bdbdbd;
}
#home #sec2 .left .postMeta > ul {
  display: flex;
}
#home #sec2 .left .postMeta > ul .button_name,
#home #sec2 .left .postMeta > ul .braces {
  display: none;
}
#home #sec2 .left .postMeta > ul > li {
  display: flex;
  align-items: center;
	font-size: 15px;
}
#home #sec2 .left .postMeta > ul > li::before {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
}
#home #sec2 .left .postMeta > ul > li:first-of-type {
  margin-right: 15px;
}
#home #sec2 .left .postMeta > ul > li:first-of-type::before {
  background-image: url("images/icon_good.png");
}
#home #sec2 .left .postMeta > ul > li:last-of-type::before {
  background-image: url("images/icon_ex.png");
}
#home #sec2 .left .post-categories {
  margin-top: 15px;
}
#home #sec2 .left .post-categories li:not(:first-of-type) {
  display: none;
}






#home #sec2 .right {
  width: 300px;
}
#home #sec2 #topblogright-wid .widget-conts:not(:last-of-type) {
  margin-bottom: 30px;
}
#home #sec2 #topblogright-wid h3 {
	position: relative;
  padding-left: 15px;
	height: 50px;
  font-size: 24px;
  font-size: 19px;
	background: url(images/h3_bg_title2.png);
	image-rendering: -webkit-optimize-contrast;
	text-align: left;
	color: #FFFFFF;
	text-shadow: 1px 3px 5px #7F5444;
	z-index:0;
	padding: 10px 0 0 45px;
	margin-bottom: 10px;
}
#home #sec2 #topblogright-wid h3::before,
#home #sec2 #topblogright-wid h3::after {
   position: absolute;
   content: '';
   border-radius: 100%
}
#home #sec2 #topblogright-wid h3::before {
	image-rendering: -webkit-optimize-contrast;
	background: url(images/h3_bg_title1.png);
	background-size: 100%;
	background-position-y: center;
	top: 0px;
	left: 0px;
	width: 100px;
	height: 50px;
	border-radius: 0;
	z-index:-1;
}
#home #sec2 #topblogright-wid h3::after {
	image-rendering: -webkit-optimize-contrast;
	background: url(images/h3_bg_title3.png);
	background-size: 100%;
	background-position-y: center;
	top: 0px;
	right: 0px;
	width: 100px;
	height: 50px;
	border-radius: 0;
	z-index:-2;
}
#home #sec2 #topblogright-wid #recruit li:not(:last-of-type) {
  margin-bottom: 30px;
}
#home #sec2 #topblogright-wid #recruit li:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
#home #sec2 #topblogright-wid #recruit a {
  font-size: 12px;
  font-size: 1.2rem;
}
#home #sec2 #topblogright-wid #recruit a .title {
  background-image: linear-gradient(180deg, transparent 94%, #41c195 0);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  display: inline;
}
#home #sec2 #topblogright-wid #recruit a .thumb {
  overflow: hidden;
  position: relative;
}
#home #sec2 #topblogright-wid #recruit a .thumb::after {
  width: 100%;
  height: 100%;
  background-color: #000;
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
#home #sec2 #topblogright-wid #recruit a .wp-post-image {
  width: 100%;
}
#home #sec2 #topblogright-wid #recruit a:hover .title {
  background-size: 100% 100%;
  color: #41c195;
}
#home #sec2 #topblogright-wid #recruit a:hover .thumb::after {
  opacity: 0.25;
}
#home #sec2 #topblogright-wid #recruit a:hover .wp-post-image {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
#home #sec2 #topblogright-wid #recruit a > div {
  margin-bottom: 15px;
}
#home #sec2 #topblogright-wid #pickup article:not(:last-of-type) {
  margin-bottom: 30px;
}
#home #sec2 #topblogright-wid #pickup a .title {
  background-image: linear-gradient(180deg, transparent 94%, #41c195 0);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  display: inline;
}
#home #sec2 #topblogright-wid #pickup a .thumb {
  overflow: hidden;
  position: relative;
}
#home #sec2 #topblogright-wid #pickup a .thumb::after {
  width: 100%;
  height: 100%;
  background-color: #000;
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
#home #sec2 #topblogright-wid #pickup a .wp-post-image {
  width: 100%;
}
#home #sec2 #topblogright-wid #pickup a:hover .title {
  background-size: 100% 100%;
  color: #41c195;
}
#home #sec2 #topblogright-wid #pickup a:hover .thumb::after {
  opacity: 0.25;
}
#home #sec2 #topblogright-wid #pickup a:hover .wp-post-image {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}







#home #sec3 {
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.5);
  background-color: #fff;
  position: relative;
}

#home #sec3 .inner {
  padding-bottom: 40px;
  display: flex;
  position: relative;
}

#home #sec3 .inner .crew2,
#home #sec3 .inner .ufo2,
#home #sec3 .inner .room3 {
  position: absolute;
  z-index: 1;
}

#home #sec3 .inner .crew2 {
  width: 101px;
  height: 162px;
  background: url("images/img_crew2.png") no-repeat center/cover;
  position: absolute;
  bottom: 20px;
  left: 0;
  z-index: 1;
}

#home #sec3 .inner .ufo2 {
  width: 154px;
  height: 177px;
  background: url("images/img_ufo2.png") no-repeat center/cover;
  top: -203px;
  left: -55px;
}

#home #sec3 .inner .room3 {
  width: 371px;
  height: 304px;
  background: url("images/img_block3.png") no-repeat center/cover;
  top: -235px;
  right: -228px;
}

#home #sec3 .left {
  width: calc(100% - 590px);
  padding-right: 90px;
}

#home #sec3 .left p {
  margin-bottom: 40px;
}

#home #sec3 .left .button {
  width: 360px;
  border: 1px solid;
  font-size: 20px;
  font-size: 2rem;
  line-height: 70px;
  text-align: center;
  position: relative;
  z-index: 1;
}

#home #sec3 .left .button::before {
  width: 0;
  height: 100%;
  background-color: #212a2f;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.4s;
  z-index: -1;
}

#home #sec3 .left .button svg {
  -webkit-animation: arrowMove 0.6s infinite alternate;
  animation: arrowMove 0.6s infinite alternate;
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#home #sec3 .left .button:hover {
  color: #fff;
}

#home #sec3 .left .button:hover::before {
  width: 100%;
}

#home #sec3 .left .button:hover .cls-1 {
  fill: #fff;
}

#home #sec3 .left .button:hover svg {
  -webkit-animation: none;
  animation: none;
}

#home #sec3 .left .button:hover {
  border-color: #212a2f;
}

#home #sec3 .worksList {
  -o-border-image: url("images/img_works_belt.jpg") 60 0 repeat;
  border-image: url("images/img_works_belt.jpg") 60 0 repeat;
  border-style: solid;
  border-width: 30px 0;
}

#home #sec3 .worksList article {
  border-right: 10px solid #000;
  border-left: 10px solid #000;
}

#home #sec3 .worksList .slick-track {
  max-width: none;
}

#home #sec4 {
  padding: 80px 0;
}

#home #sec4 .inner {
  position: relative;
}

#home #sec4 .inner::before,
#home #sec4 .inner::after {
  content: "";
  position: absolute;
  z-index: 1;
}

#home #sec4 .inner .room4,
#home #sec4 .inner .room5 {
  position: absolute;
  z-index: 1;
}

#home #sec4 .inner .room4 {
  width: 395px;
  height: 323px;
  background: url("images/img_block4.png") no-repeat center/cover;
  top: -61px;
  left: -289px;
}

#home #sec4 .inner .room5 {
  width: 372px;
  height: 344px;
  background: url("images/img_block5.png") no-repeat center/cover;
  bottom: 287px;
  right: -220px;
}

#home #sec4 .mainImg {
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.5);
  width: 900px;
  border: 20px solid #fff;
}

#home #sec4 section {
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.5);
  width: 1500px;
  padding: 50px;
  margin: -200px 0 0 380px;
  background-color: #fff;
  position: relative;
  z-index: 1;
}

#home #sec4 section p {
  width: 770px;
  margin-bottom: 40px;
}

#home #sec4 .button {
  width: 360px;
  border: 1px solid;
  font-size: 20px;
  font-size: 2rem;
  line-height: 70px;
  text-align: center;
  position: relative;
  z-index: 1;
}

#home #sec4 .button::before {
  width: 0;
  height: 100%;
  background-color: #000;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.4s;
  z-index: -1;
}

#home #sec4 .button svg {
  -webkit-animation: arrowMove 0.6s infinite alternate;
  animation: arrowMove 0.6s infinite alternate;
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#home #sec4 .button:hover {
  color: #fff;
}

#home #sec4 .button:hover::before {
  width: 100%;
}

#home #sec4 .button:hover .cls-1 {
  fill: #fff;
}

#home #sec4 .button:hover svg {
  -webkit-animation: none;
  animation: none;
}

#home #sec4 .button:hover {
  background-color: RGBA(0,0,0,.9);
}

/*-----------------------------
SERVICE事業案内
-----------------------------*/

#page-service .content {
  padding-bottom: 100px;
}

#page-service .content .inner {
  position: relative;
}

#page-service .content .header {
  display: flex;
}

#page-service .content .header section {
  background-color: #212a2f;
  color: #fff;
  position: relative;
}

#page-service .content .header section::after {
  width: 2000px;
  height: 100%;
  background-color: inherit;
  content: "";
  position: absolute;
  top: 0;
}

#page-service .content .header section h2 {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  font-size: 48px;
  font-size: 4.8rem;
}

#page-service .content .header section svg {
  margin-right: 10px;
}

#page-service .content .header section p {
  color: #cccccc;
  font-size: 18px;
  font-size: 1.8rem;
}

#page-service .content .header img {
  width: 540px;
}

#page-service .content ul {
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  position: relative;
}

#page-service .content ul::after {
  width: 2000px;
  height: 100%;
  background-color: inherit;
  content: "";
  position: absolute;
  top: 0;
}

#page-service .content ul li {
  width: 33.33333%;
  padding-right: 50px;
  display: flex;
  align-items: center;
  font-size: 18px;
  font-size: 1.8rem;
}

#page-service .content ul li img {
  width: 50px;
  margin-right: 15px;
}

#page-service .content ul li:not(:nth-last-of-type(-n + 3)) {
  margin-bottom: 50px;
}

#page-service .content .portfolio {
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.5);
  width: 1000px;
  margin: 30px auto 0;
  padding: 50px 0;
  background-color: #eee;
  display: none;
  position: relative;
  text-align: center;
  z-index: 0;
}

#page-service .content .portfolio h3 {
  margin-bottom: 30px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
}

#page-service .content .portfolio a {
  width: 360px;
  border: 1px solid;
  font-size: 20px;
  font-size: 2rem;
  line-height: 70px;
  text-align: center;
  position: relative;
  z-index: 1;
  margin: 0 auto;
}

#page-service .content .portfolio a::before {
  width: 0;
  height: 100%;
  background-color: #212a2f;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.4s;
  z-index: -1;
}

#page-service .content .portfolio a svg {
  -webkit-animation: arrowMove 0.6s infinite alternate;
  animation: arrowMove 0.6s infinite alternate;
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#page-service .content .portfolio a:hover {
  color: #fff;
}

#page-service .content .portfolio a:hover::before {
  width: 100%;
}

#page-service .content .portfolio a:hover .cls-1 {
  fill: #fff;
}

#page-service .content .portfolio a:hover svg {
  -webkit-animation: none;
  animation: none;
}

#page-service .content .portfolio a .cls-1 {
  fill: #212a2f;
}

#page-service .content .portfolio a:hover {
  border-color: #212a2f;
}

#page-service .content .bunner {
  width: 1000px;
  margin: 30px auto 0;
}

#page-service .content:nth-of-type(odd) .header section {
  padding: 50px 50px 50px 0;
}

#page-service .content:nth-of-type(odd) .header section::after {
  right: 100%;
}

#page-service .content:nth-of-type(odd) ul {
  padding: 50px 50px 50px 0;
}

#page-service .content:nth-of-type(odd) ul::after {
  right: 100%;
}

#page-service .content:nth-of-type(even) .header {
  flex-direction: row-reverse;
}

#page-service .content:nth-of-type(even) .header section {
  padding: 50px 0 50px 50px;
}

#page-service .content:nth-of-type(even) .header section::after {
  left: 100%;
}

#page-service .content:nth-of-type(even) ul {
  padding: 50px 0 50px 50px;
}

#page-service .content:nth-of-type(even) ul::after {
  left: 100%;
}

#page-service #sec1 {
  padding-top: 100px;
}

#page-service #sec1 .portfolio {
  display: block;
}

#page-service #sec2 .inner::after {
  width: 274px;
  height: 691px;
  background: url("images/img_service-block1.png") no-repeat center/cover;
  content: "";
  position: absolute;
  bottom: calc(100% - 150px);
  left: calc(100% + 20px);
}

#page-service #sec3 .inner::after {
  width: 328px;
  height: 430.5px;
  background: url("images/img_service-block2.png") no-repeat center/cover;
  content: "";
  position: absolute;
  bottom: calc(100% - 45px);
  right: 100%;
}

#page-service #sec4 .inner::after {
  width: 342px;
  height: 520px;
  background: url("images/img_service-block3.png") no-repeat center/cover;
  content: "";
  position: absolute;
  bottom: calc(100% - 110px);
  left: 100%;
}

#page-service #sec5 .inner::after {
  width: 308px;
  height: 360.5px;
  background: url("images/img_service-block4.png") no-repeat center/cover;
  content: "";
  position: absolute;
  bottom: calc(100% - 110px);
  right: calc(100% + 20px);
}

#page-service2 .content {
  padding-bottom: 100px;
}

#page-service2 .content .inner {
  width: 900px;
  position: relative;
}

#page-service2 .content .white {
  height: 800px;
  position: relative;
  z-index: 0;
}

#page-service2 .content .white::before {
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.5);
  width: calc(50vw + 220px);
  height: 100%;
  background-color: #fff;
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
}

#page-service2 .content .white h2 {
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  font-size: 48px;
  font-size: 4.8rem;
}

#page-service2 .content .white h2 img {
  margin-right: 10px;
}

#page-service2 .content .white h2 + p {
  margin-bottom: 40px;
}

#page-service2 .content .white ul {
  width: 480px;
  border: 1px solid;
  display: inline-block;
}

#page-service2 .content .white ul li {
  list-style-position: inside;
  list-style-type: disc;
}

#page-service2 .content .white ul li:not(:last-of-type) {
  margin-bottom: 10px;
}

#page-service2 .content .white > img {
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.5);
  width: 540px;
  position: absolute;
  top: 275px;
}

#page-service2 .content .portfolio {
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.5);
  margin-top: -115px;
  padding: 50px 0;
  background-color: #eee;
  display: none;
  position: relative;
  text-align: center;
  z-index: 0;
}

#page-service2 .content .portfolio h3 {
  margin-bottom: 30px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
}

#page-service2 .content .portfolio a {
  width: 360px;
  border: 1px solid;
  font-size: 20px;
  font-size: 2rem;
  line-height: 70px;
  text-align: center;
  position: relative;
  z-index: 1;
  margin: 0 auto;
}

#page-service2 .content .portfolio a::before {
  width: 0;
  height: 100%;
  background-color: #212a2f;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.4s;
  z-index: -1;
}

#page-service2 .content .portfolio a svg {
  -webkit-animation: arrowMove 0.6s infinite alternate;
  animation: arrowMove 0.6s infinite alternate;
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#page-service2 .content .portfolio a:hover {
  color: #fff;
}

#page-service2 .content .portfolio a:hover::before {
  width: 100%;
}

#page-service2 .content .portfolio a:hover .cls-1 {
  fill: #fff;
}

#page-service2 .content .portfolio a:hover svg {
  -webkit-animation: none;
  animation: none;
}

#page-service2 .content .portfolio a:hover {
  border-color: #212a2f;
}

#page-service2 .content .bunner {
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.5);
  margin-top: 30px;
}

#page-service2 section:nth-of-type(odd) .white {
  padding: 50px 280px 170px 0;
}

#page-service2 section:nth-of-type(odd) .white::before {
  right: calc(50% - 220px);
}

#page-service2 section:nth-of-type(odd) .white ul {
  padding: 30px;
}

#page-service2 section:nth-of-type(odd) .white > img {
  right: -50px;
}

#page-service2 section:nth-of-type(even) .white {
  padding: 50px 0 170px 280px;
}

#page-service2 section:nth-of-type(even) .white::before {
  left: calc(50% - 220px);
}

#page-service2 section:nth-of-type(even) .white ul {
  padding: 30px 30px 30px 100px;
  float: right;
}

#page-service2 section:nth-of-type(even) .white > img {
  left: -50px;
}

#page-service2 #sec1 {
  padding-top: 100px;
}

#page-service2 #sec2 .inner::after {
  width: 274px;
  height: 691px;
  background: url("images/img_service-block1.png") no-repeat center/cover;
  content: "";
  position: absolute;
  bottom: calc(100% - 150px);
  left: calc(100% + 120px);
}

#page-service2 #sec3 .inner::after {
  width: 328px;
  height: 430.5px;
  background: url("images/img_service-block2.png") no-repeat center/cover;
  content: "";
  position: absolute;
  bottom: calc(100% - 45px);
  right: calc(100% + 115px);
}

#page-service2 #sec4 .inner::after {
  width: 342px;
  height: 520px;
  background: url("images/img_service-block3.png") no-repeat center/cover;
  content: "";
  position: absolute;
  bottom: calc(100% - 110px);
  left: calc(100% + 70px);
}

#page-service2 #sec5 .inner::after {
  width: 308px;
  height: 360.5px;
  background: url("images/img_service-block4.png") no-repeat center/cover;
  content: "";
  position: absolute;
  bottom: calc(100% - 110px);
  right: calc(100% + 70px);
}

/** 人気記事のアイキャッチ内に順位番号を表示 */
body{
  counter-reset: rank_number;  
}
.wpp_thumb_wrapper{
  position: relative;
}
.wpp-views {
	font-size: 15px;
}
.wpp-list li {
    margin-bottom: 12px;
}
.wpp_thumb_wrapper:after{
  counter-increment: rank_number;
  content: counter(rank_number);
  display: block;
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  background: rgba(50, 50, 50, 0.8);
  color: white;
  font-size: 14px;
  text-align: center;
  border-radius: 2px;
}

/*-----------------------------
BLOGブログ共通
-----------------------------*/

#single-post tag {
	argin-bottom: 40px;
}

#archive .content .inner,
#archive .content .inner,
#single-post .content .inner {
  background-color: #FFFBEF;
  display: flex;
	border-radius: 0px;
	border: solid 2px #CE9C70;
}

#archive #sec1,
#single-post #sec1 {
  padding: 20px 0;
}

#archive .column,
#single-post .column {
  padding: 50px;
}
#archive .column,
#single-post .column img.attachment-post-thumbnail {
  width: 100%;
}

#archive .left,
#single-post .left {
  width: 900px;
	padding-right: 0;
}

#archive .right,
#single-post .right {
  width: 400px;
}


#archive #singleright-wid .widget-conts h3,
#single-post #singleright-wid .widget-conts h3 {
	position: relative;
  padding-left: 15px;
	height: 50px;
  font-size: 24px;
  font-size: 19px;
	background: url(images/h3_bg_title2.png);
	image-rendering: -webkit-optimize-contrast;
	text-align: left;
	color: #FFFFFF;
	text-shadow: 1px 3px 5px #7F5444;
	z-index:0;
	padding: 10px 0 0 45px;
	margin-bottom: 10px;
}
#archive #singleright-wid .widget-conts h3::before,
#archive #singleright-wid .widget-conts h3::after,
#single-post #singleright-wid .widget-conts h3::before,
#single-post #singleright-wid .widget-conts h3::after {
   position: absolute;
   content: '';
   border-radius: 100%
}
#archive #singleright-wid .widget-conts h3::before,
#single-post #singleright-wid .widget-conts h3::before {
	image-rendering: -webkit-optimize-contrast;
	background: url(images/h3_bg_title1.png);
	background-size: 100%;
	background-position-y: center;
	top: 0px;
	left: 0px;
	width: 100px;
	height: 50px;
	border-radius: 0;
	z-index:-1;
}
#archive #singleright-wid .widget-conts h3::after,
#single-post #singleright-wid .widget-conts h3::after{
	image-rendering: -webkit-optimize-contrast;
	background: url(images/h3_bg_title3.png);
	background-size: 100%;
	background-position-y: center;
	top: 0px;
	right: 0px;
	width: 100px;
	height: 50px;
	border-radius: 0;
	z-index:-2;
}

#archive #singleright-wid .widget-conts:not(:last-of-type),
#single-post #singleright-wid .widget-conts:not(:last-of-type) {
  margin-bottom: 20px;
}

#archive #singleright-wid .widget_search .searchform > div,
#single-post #singleright-wid .widget_search .searchform > div {
  position: relative;
}

#archive #singleright-wid .widget_search input,
#single-post #singleright-wid .widget_search input {
  height: 50px;
  border-radius: 25px;
  overflow: hidden;
}

#archive #singleright-wid .widget_search #s,
#single-post #singleright-wid .widget_search #s {
  padding: 0 50px 0 15px;
  border-width: 2px;
  border-color: #212a2f;
}

#archive #singleright-wid .widget_search #searchsubmit,
#single-post #singleright-wid .widget_search #searchsubmit {
  width: 50px;
  background: #212a2f url("images/icon_serch.svg") no-repeat center/20px;
  position: absolute;
  top: 0;
  right: 0;
}

#archive #singleright-wid .widget-conts:first-child ul,
#single-post #singleright-wid .widget-conts:first-child ul {
  border: none;
}

#archive #singleright-wid .widget-conts:first-child ul,
#single-post #singleright-wid .widget-conts:first-child ul {
  border: none;
}

#archive #singleright-wid .widget-conts ul,
#single-post #singleright-wid .widget-conts ul {
  border: 1px solid #ccc;
}

#archive #singleright-wid .widget-conts ul > li:not(:last-of-type),
#single-post #singleright-wid .widget-conts ul > li:not(:last-of-type) {
  border-bottom: 1px solid #ccc;
}

#archive #singleright-wid .widget-conts:first-child ul a,
#single-post #singleright-wid .widget-conts:first-child ul a {
  padding: 0;
  position: static;
}

#archive #singleright-wid .widget-conts ul a,
#single-post #singleright-wid .widget-conts ul a {
  padding: 10px 20px;
  position: relative;
	font-size: 12px;
}

#archive #singleright-wid .widget-conts:first-child ul a::after,
#single-post #singleright-wid .widget-conts:first-child ul a::after {
  content: "";
  font-weight: bold;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#archive #singleright-wid .widget-conts ul a::after,
#single-post #singleright-wid .widget-conts ul a::after {
  content: "＞";
  font-weight: bold;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#archive #singleright-wid .widget-conts ul a:hover,
#single-post #singleright-wid .widget-conts ul a:hover {
  background-color: #eeeeee;
}

#archive #singleright-wid #pickup article a .title,
#single-post #singleright-wid #pickup article a .title {
  background-image: linear-gradient(180deg, transparent 94%, #41c195 0);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  display: inline;
}

#archive #singleright-wid #pickup article a .thumb,
#single-post #singleright-wid #pickup article a .thumb {
  overflow: hidden;
  position: relative;
}

#archive #singleright-wid #pickup article a .thumb::after,
#single-post #singleright-wid #pickup article a .thumb::after {
  width: 100%;
  height: 100%;
  background-color: #000;
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

#archive #singleright-wid #pickup article a .wp-post-image,
#single-post #singleright-wid #pickup article a .wp-post-image {
  width: 100%;
}

#archive #singleright-wid #pickup article a:hover .title,
#single-post #singleright-wid #pickup article a:hover .title {
  background-size: 100% 100%;
  color: #41c195;
}

#archive #singleright-wid #pickup article a:hover .thumb::after,
#single-post #singleright-wid #pickup article a:hover .thumb::after {
  opacity: 0.25;
}

#archive #singleright-wid #pickup article a:hover .wp-post-image,
#single-post #singleright-wid #pickup article a:hover .wp-post-image {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

#archive #singleright-wid #pickup article:not(:last-of-type),
#single-post #singleright-wid #pickup article:not(:last-of-type) {
  margin-bottom: 30px;
}

/*-----------------------------
BLOGブログ一覧
-----------------------------*/

#archive .pickup {
  display: flex;
  flex-wrap: wrap;
}

#archive .pickup article {
  width: 50%;
}

#archive .pickup article:nth-of-type(odd) {
  padding-right: 20px;
  border-right: 1px solid #dddddd;
}

#archive .pickup article:nth-of-type(even) {
  padding-left: 20px;
}

#archive .pickup article:nth-of-type(-n + 2) {
  padding-bottom: 30px;
  border-bottom: 1px solid #dddddd;
}

#archive .pickup article:nth-last-of-type(-n + 2) {
  padding-top: 30px;
}

#archive .pickup a .title {
  background-image: linear-gradient(180deg, transparent 94%, #41c195 0);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  display: inline;
}

#archive .pickup a .thumb {
  overflow: hidden;
  position: relative;
}

#archive .pickup a .thumb::after {
  width: 100%;
  height: 100%;
  background-color: #000;
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

#archive .pickup a .wp-post-image {
  width: 100%;
}

#archive .pickup a:hover .title {
  background-size: 100% 100%;
  color: #41c195;
}

#archive .pickup a:hover .thumb::after {
  opacity: 0.25;
}

#archive .pickup a:hover .wp-post-image {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

#archive .pickup time {
  margin-bottom: 5px;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}

#archive .pickup figure {
  position: relative;
}

#home .pickup figure .pickup {
  padding: 5px 10px;
  background-color: #000;
  border: 2px solid #fff;
  color: #f5ce40;
  font-family: "midashi_en";
  font-size: 18px;
  font-size: 1.8rem;
  position: absolute;
  top: -7px;
  right: -7px;
  text-align: center;
}

#archive .pickup .postMeta {
  margin: -25px 0 10px;
  padding-left: 15px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  font-size: 11px;
  font-size: 1.1rem;
  position: relative;
  z-index: 1;
}

#archive .pickup .postMeta .user img {
  width: 50px;
  background-color: orange;
  border: 3px solid #fff;
  border-radius: 50%;
  box-shadow: 0px 2px 5px #bdbdbd;
}

#archive .pickup .postMeta > ul {
  display: flex;
}

#archive .pickup .postMeta > ul .button_name,
#archive .pickup .postMeta > ul .braces {
  display: none;
}

#archive .pickup .postMeta > ul > li {
  display: flex;
  align-items: center;
}

#archive .pickup .postMeta > ul > li::before {
  width: 20px;
  height: 23px;
  margin-right: 5px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
}

#archive .pickup .postMeta > ul > li:first-of-type {
  margin-right: 15px;
}

#archive .pickup .postMeta > ul > li:first-of-type::before {
  background-image: url("images/icon_good.png");
}

#archive .pickup .postMeta > ul > li:last-of-type::before {
  background-image: url("images/icon_ex.png");
}

#archive .pickup .post-categories {
  margin-top: 15px;
}

#archive .pickup .post-categories li:not(:first-of-type) {
  display: none;
}

#archive .postWrap article {
  border-bottom: 1px solid #eee;
  position: relative;
}

#archive .postWrap article {
  padding: 30px 0;
}

#archive .postWrap article .title {
  background-image: linear-gradient(180deg, transparent 94%, #41c195 0);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  display: inline;
}

#archive .postWrap article .thumb {
  overflow: hidden;
  position: relative;
	width: 240px;
	height: 160px;
}

/*#archive .postWrap article .thumb::after {
  width: 100%;
  height: 100%;
  background-color: #000;
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}*/
#archive .postWrap article .thumb .movie-one iframe {
  width: 240px !important;
  height: 181px !important;
	position: absolute;
  bottom: -41px;
}

#archive .postWrap article .wp-post-image {
  width: 100%;
}

#archive .postWrap article a:hover .title {
  background-size: 100% 100%;
  color: #41c195;
}

#archive .postWrap article:hover .thumb::after {
  opacity: 0.25;
}

#archive .postWrap article:hover .wp-post-image {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

#archive .postWrap article figure {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

#archive .postWrap article .attachment-post-thumbnail {
  width: 240px !important;
}

#archive .postWrap article figcaption {
  width: calc(100% - 270px);
}

#archive .postWrap article figcaption audio {
	position: absolute;
	top: 145px;
	left: 0;
	width: 230px;
	opacity: 0.5;
}
#archive .postWrap article figcaption audio:hover {
	opacity: 1;
}

#archive .postWrap article time {
  margin-bottom: 10px;
  padding-top: 3px;
  display: block;
}

#archive .postWrap article h2 {
  font-size: 18px;
å}

#archive .postWrap article .postMeta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 11px;
  position: relative;
  z-index: 1;
}

#archive .postWrap article .postMeta .user {
  display: flex;
  align-items: center;font-size: 15px;
}

#archive .postWrap article .postMeta .user img {
  width: 50px;
  margin-right: 10px;
  background-color: orange;
  border: 3px solid #fff;
  border-radius: 50%;
  box-shadow: 0px 2px 5px #bdbdbd;
}

#archive .postWrap article .postMeta > ul {
  display: flex;
  font-size: 14px;
	margin: 0 0 0 auto;
}

#archive .postWrap article .postMeta > ul .button_name,
#archive .postWrap article .postMeta > ul .braces {
  display: none;
}

#archive .postWrap article .postMeta > ul > li {
  display: flex;
  align-items: center;
}

#archive .postWrap article .postMeta > ul > li::before {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
}

#archive .postWrap article .postMeta > ul > li:first-of-type {
  margin-right: 15px;
}

#archive .postWrap article .postMeta > ul > li:first-of-type::before {
  background-image: url("images/icon_good.png");
    border-radius: 0;
    image-rendering: -webkit-optimize-contrast;
}

#archive .postWrap article .postMeta > ul > li:last-of-type::before {
  background-image: url("images/icon_ex.png");
}

#archive .postWrap article .new {
	animation: flash 1s linear infinite;
  width: 60px;
  background-color: #000;
  border: 2px solid #fff;
  color: #f5ce40;
  font-family: "midashi_en";
  font-size: 18px;
  line-height: 38px;
  position: absolute;
  top: 23px;
  left: 187px;
  text-align: center;
}
@keyframes flash {
  0%,100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}

#archive .postWrap article .post-categories {
  position: absolute;
  top: 30px;
  left: 380px;
}

#archive ul.post_menu {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #eee;
  position: relative;
	background: #fff;
}

#archive ul.post_menu li {	
	line-height: 50px;
	font-size: 1.6rem;
	font-weight: 700;
	letter-spacing: 0;
	margin: 0 auto;
	width: 100%;
  text-align: center;
}

#archive ul.post_menu li a: {

}

#archive ul.post_menu li a::before {
	width: 0;
	height: 100%;
	background: linear-gradient(to right, #f6c3c5, #f6e7c4 25%, #d2e3c4 50%, #c3c7eb 75%, #f2dcf4);
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	transition: 0.4s;
	z-index: -1;
}


/*-----------------------------
BLOGブログ詳細
-----------------------------*/

#single-post .left .header h1 {
  margin-bottom: 10px;
	font-size: 25px;
}

#single-post .left .header .postMeta {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 11px;
  font-size: 1.1rem;
  position: relative;
  z-index: 1;
}

#single-post .left .header .postMeta .user {
  display: flex;
  align-items: center;
	font-size: 15px;
}

#single-post .left .header .postMeta .user img {
  width: 50px;
  margin-right: 10px;
  background-color: orange;
  border: 3px solid #fff;
  border-radius: 50%;
  box-shadow: 0px 2px 5px #bdbdbd;
}

#single-post .left .header .postMeta > ul {
  display: flex;
}

#single-post .left .header .postMeta > ul .button_name,
#single-post .left .header .postMeta > ul .braces {
  display: none;
}

#single-post .left .header .postMeta > ul > li {
  display: flex;
  align-items: center;
	font-size: 15px;
}

#single-post .left .header .postMeta > ul > li::before {
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
}

#single-post .left .header .postMeta > ul > li:nth-of-type(1) {
  margin-right: 15px;
}

#single-post .left .header .postMeta > ul > li:nth-of-type(2) {
  margin-right: 15px;
}

#single-post .left .header .postMeta > ul > li:nth-of-type(2)::before {
  background-image: url("images/icon_good.png");
}

#single-post .left .header .postMeta > ul > li:last-of-type::before {
  background-image: url("images/icon_ex.png");
}

#single-post .left .header .post-categories {
  display: flex;
	margin: 10px 0;
}

#single-post .left .header .post-categories li:not(:last-of-type) {
  margin-right: 10px;
}

#single-post .left .movie-one iframe {
	width: 100%;
	height: 477px;
	margin-bottom: 0px;
}

#single-post .left #toc_container {
  margin-bottom: 50px;
  padding: 15px;
  background-color: #f6c3c5;
  border: 1px solid #cfcfcf;
  display: inline-block;
}

#single-post .left #toc_container a { 
}

#single-post .left #toc_container .toc_title {
    text-align: center;
    font-weight: 700;
    margin: 0;
    padding: 0;
}

#single-post .left #toc_container .toc_list {
  margin-top: 15px;
}

#single-post .left #toc_container .toc_list > li > ul {
  padding-left: 15px;
}

#single-post .left #toc_container .toc_list li {
  list-style: none;
}

#single-post .left #toc_container .toc_list a {
	display: block;
    padding: 5px 0;
    background: url(//conte-de-fees.com/wp-content/themes/keni62_wp_corp_140729/./images/common/puckle_s.gif) top left no-repeat;
    background-size: 18px 18px;
    background-position: 0px 45%;
    text-decoration: none;
    font-size: 18px;
    letter-spacing: -1.2px;
    color: #fff;
    font-weight: bold;
    text-shadow: 0px 0px 5px rgb(0 0 0 / 50%);
    text-indent: 25px;
    transition: all 150ms;
    -webkit-transition: all 150ms;
    -moz-transition: all 150ms;
    -o-transition: all 150ms;
}

#single-post .left #toc_container .toc_list a:hover {
	opacity: 0.8;
    text-decoration: underline;
    font-weight: bold;
    text-shadow: 0px 0px 5px rgb(255 255 255 / 50%);
    transition: all 150ms;
    -webkit-transition: all 150ms;
    -moz-transition: all 150ms;
    -o-transition: all 150ms;
}

#single-post .left .footer section:not(:last-of-type) {
  margin-bottom: 40px;
}

#single-post .left .footer .favorite {
  margin: 0 50px;
  padding: 30px;
  border: 3px solid;
  text-align: center;
}

#single-post .left .footer .favorite h4 {
  margin-bottom: 20px;
}

#single-post .left .footer .favorite h4::before {
  margin-right: 20px;
  content: "\\";
}

#single-post .left .footer .favorite h4::after {
  margin-left: 20px;
  content: "/";
}

#single-post .left .footer .favorite span.wpfp-span {
	margin: 0 100px 20px;
	padding: 20px 0;
	background-color: #F6C3C5;
	border-radius: 32px;
	color: #fff;
	cursor: pointer;
	display: block;
}

#single-post .left .footer .favorite span.wpfp-span:hover {
	color: #F6C3C5;
    background: #fff;
}

#single-post .left .footer .favorite span.wpfp-span > a {
  position: relative;
}

#single-post .left .footer .favorite span.wpfp-span > a:hover {
	color: #F6C3C5;
    background: #fff;
}

#single-post .left .footer .favorite span.wpfp-span > a::before {
  width: 32px;
  height: 32px;
  background: url("images/icon_good.png") no-repeat center/cover;
  content: "";
  position: absolute;
  top: 50%;
  left: calc(50% - 200px);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#single-post .left .footer .favorite .snsList {
  margin-bottom: 5px;
  display: flex;
  justify-content: center;
}

#single-post .left .footer .favorite .snsList li {
  border-radius: 10px;
  overflow: hidden;
}

#single-post .left .footer .favorite .snsList li a {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#single-post .left .footer .favorite .snsList li:not(:last-of-type) {
  margin-right: 20px;
}

#single-post .left .footer .favorite p {
  font-size: 14px;
  font-size: 1.4rem;
  letter-spacing: 1px;
}

#single-post .left .footer .tag h4,
#single-post .left .footer .related h4 {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid;
  display: flex;
  align-items: center;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: normal;
}

#single-post .left .footer .tag h4 span,
#single-post .left .footer .related h4 span {
  width: calc(100% - 50px);
  display: inline-block;
}

#single-post .left .footer .tag h4::before,
#single-post .left .footer .related h4::before {
  width: 40px;
  margin-right: 10px;
  content: "";
}

#single-post .left .footer .tag h4::before {
  height: 40px;
  background: url("images/icon_tag.svg") no-repeat center/cover;
}

#single-post .left .footer .related h4::before {
  height: 28px;
  background: url("images/icon_related.svg") no-repeat center/cover;
}

#single-post .left .footer .writer {
  margin: 0 50px;
  padding: 20px;
  border: 1px solid;
}

#single-post .left .footer .writer h4 {
  margin-bottom: 10px;
}

#single-post .left .footer .writer h5 {
  font-size: 30px;
  font-size: 3rem;
}

#single-post .left .footer .writer figure {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid;
  display: flex;
  align-items: flex-start;
}

#single-post .left .footer .writer figure img {
  margin-right: 20px;
}

#single-post .left .footer .writer figure span {
  display: block;
}

#single-post .left .footer .writer figure .positionname::first-letter {
  font-size: 0;
}

#single-post .left .footer .writer .linkList {
  display: flex;
  align-items: center;
}

#single-post .left .footer .writer .linkList li:not(:last-of-type) {
  margin-right: 10px;
}

#single-post .left .footer .writer .linkList .sns a {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#single-post .left .footer .writer .linkList .fb {
  background-color: #2f5096;
}

#single-post .left .footer .writer .linkList .tw {
  background-color: #2ba6e0;
}

#single-post .left .footer .writer .linkList .ig {
  background: linear-gradient(to right, #fa712c 0%, #ee1682 50%, #3253f3 100%);
}

#single-post .left .footer .writer .linkList .url {
  background-color: #2ecea3;
}

#single-post .left .footer .writer .linkList .writerLink a {
  width: 300px;
  border: 1px solid;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  position: relative;
  z-index: 1;
}

#single-post .left .footer .writer .linkList .writerLink a::before {
  width: 0;
  height: 100%;
  background-color: #212a2f;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.4s;
  z-index: -1;
}

#single-post .left .footer .writer .linkList .writerLink a svg {
  -webkit-animation: arrowMove 0.6s infinite alternate;
  animation: arrowMove 0.6s infinite alternate;
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#single-post .left .footer .writer .linkList .writerLink a:hover {
  color: #fff;
}

#single-post .left .footer .writer .linkList .writerLink a:hover::before {
  width: 100%;
}

#single-post .left .footer .writer .linkList .writerLink a:hover .cls-1 {
  fill: #fff;
}

#single-post .left .footer .writer .linkList .writerLink a:hover svg {
  -webkit-animation: none;
  animation: none;
}

#single-post .left .footer .writer .linkList .writerLink a:hover {
  border-color: #212a2f;
}

#single-post .left .footer .writer .linkList li img {
  width: 30px;
}

#single-post .left .footer .writer .linkList .url {
  margin-right: 0 !important;
}

#single-post .left .footer .writer .linkList li:last-of-type {
  margin-left: auto;
}

#single-post .left .footer .writer .linkList li:hover {
  opacity: 0.7;
}

#single-post .left .footer .tag {
  margin-bottom: 30px;
}

#single-post .left .footer .tag .post-tags {
  display: flex;
  flex-wrap: wrap;
}

#single-post .left .footer .tag .post-tags li {
  margin: 0 10px 10px 0;
}

#single-post .left .footer .tag .post-tags a {
  padding: 5px 15px;
  background-color: #41c195;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
}

#single-post .left .footer .tag .post-tags a:hover {
  background-color: #212a2f;
}

#single-post .left .footer .related > div {
  display: flex;
  flex-wrap: wrap;
}

#single-post .left .footer .related article {
  width: calc(33.33333% - 16.66667px);
  border: 1px solid #eee;
	height: 275px;
}

#single-post .left .footer .related article a .title {
		background-image: linear-gradient(
		180deg, transparent 94%, #41c195 0);
    background-repeat: no-repeat;
    background-size: 0% 100%;
    display: inline;
    font-size: 15px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
	}

#single-post .left .footer .related article a .thumb {
  overflow: hidden;
  position: relative;
}

#single-post .left .footer .related article a .thumb::after {
  width: 100%;
  height: 100%;
  background-color: #000;
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
#single-post .left .footer .related article audio {
  position: relative;
  top: -120px;
	width: 96%;
}

#single-post .left .footer .related article a .wp-post-image {
	width: 100%;
	height: 181px;
	object-fit: cover;
}

#single-post .left .footer .related article a:hover .title {
  background-size: 100% 100%;
  color: #41c195;
}

#single-post .left .footer .related article a:hover .thumb::after {
  opacity: 0.25;
}

#single-post .left .footer .related article a:hover .wp-post-image {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

#single-post .left .footer .related article:not(:nth-of-type(3n)) {
  margin-right: 25px;
}

#single-post .left .footer .related article:not(:nth-last-of-type(-n + 3)) {
  margin-bottom: 25px;
}

#single-post .left .footer .related figcaption {
  padding: 8px 12px;
}

#single-post .left .footer .related time {
  display: block;
	font-size: 13px;
}

#single-post .left .footer .pager .prev-next {
  margin-bottom: 40px;
  display: flex;
  justify-content: space-between;
}

#single-post .left .footer .pager .prev-next > div {
  width: calc(50% - 12.5px);
}

#single-post .left .footer .pager .prev-next a {
  border: 2px solid;
  display: flex;
  font-size: 14px;
  font-size: 1.4rem;
}

#single-post .left .footer .pager .prev-next a:hover figure::after {
  display: block;
}

#single-post .left .footer .pager .prev-next .arrow {
  padding: 0 8px;
  background-color: #212a2e;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

#single-post .left .footer .pager .prev-next figure {
	width: 100%;
  padding: 18px;
  display: flex;
  align-items: center;
  position: relative;
}

#single-post .left .footer .pager .prev-next figure::after {
  width: 100%;
  height: 100%;
  background-color: rgba(33, 42, 46, 0.2);
  content: "";
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

#single-post .left .footer .pager .prev-next .prev figure {
  flex-direction: row-reverse;
}

#single-post .left .footer .pager .prev-next .text {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid;
  text-align: center;
}

#single-post .left .footer .pager .prev-next .title {
  height: 44px;
  overflow: hidden;
}

#single-post .left .footer .pager .prev-next img {
  width: 120px;
}

#single-post .left .footer .pager .prev-next .prev img {
  margin-right: 18px;
}

#single-post .left .footer .pager .prev-next .next img {
  margin-left: 18px;
}

#single-post .left .footer .pager .button {
  width: 400px;
  border: 1px solid;
  font-size: 20px;
  font-size: 2rem;
  line-height: 70px;
  text-align: center;
  position: relative;
  z-index: 1;
  margin: 0 auto;
}

#single-post .left .footer .pager .button::before {
  width: 0;
  height: 100%;
  background-color: #212a2f;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.4s;
  z-index: -1;
}

#single-post .left .footer .pager .button svg {
  -webkit-animation: arrowMove 0.6s infinite alternate;
  animation: arrowMove 0.6s infinite alternate;
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#single-post .left .footer .pager .button:hover {
  color: #fff;
}

#single-post .left .footer .pager .button:hover::before {
  width: 100%;
}

#single-post .left .footer .pager .button:hover .cls-1 {
  fill: #fff;
}

#single-post .left .footer .pager .button:hover svg {
  -webkit-animation: none;
  animation: none;
}

#single-post .left .footer .pager .button:hover {
  border-color: #212a2f;
}

/*-----------------------------
Lyric
-----------------------------*/
#single-post .left .lyric {
	background: url(images/bg_lyrics2.png);
	background-size: 100%;
	padding-top: 40px;
	padding: 60px;
	z-index: 1;
	position: relative;
	margin-bottom: 200px;
	font-size: 18px;
	margin-top: 70px;
}
#single-post .left .lyric::before {
	content: "";
	background: url(images/bg_lyrics1.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position-x: left;
	z-index: 3;
	width: 100%;
	margin-top: -70px;
	height: 65px;
	position: absolute;
	left: 0;
}
#single-post .left .lyric::after {
	content: "";
	background: url(images/bg_lyrics3.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position-x: left;
	z-index: 3;
	width: 100%;
	height: 250px;
	position: absolute;
	left: 0;
	z-index: 2;
}
#single-post .left .lyric h3 {
	margin-bottom: 20px;
}
/*-----------------------------
WORKS制作実績一覧
-----------------------------*/

#archive-works .taxList {
  background-color: #eeeeee;
}

#archive-works .taxList ul {
  padding: 30px 0 20px;
  display: flex;
  flex-wrap: wrap;
}

#archive-works .taxList li {
  margin: 0 10px 10px 0;
}

#archive-works .taxList a {
  padding: 5px 15px;
  background-color: #fff;
  border: 1px solid #41c195;
  border-radius: 15px;
  color: #41c195;
  font-size: 12px;
  font-size: 1.2rem;
}

#archive-works .taxList a::before {
  content: "#";
}

#archive-works .taxList a:hover {
  background-color: #41c195;
  color: #fff;
}

#archive-works #sec1 .inner {
  padding: 100px 50px;
  background-color: #fff;
}

#archive-works #sec1 .taxName {
  margin-bottom: 100px;
  padding: 20px 0 20px 80px;
  background-color: #eee;
  position: relative;
}

#archive-works #sec1 .taxName::before {
  width: 5px;
  height: 30px;
  background-color: #212a2e;
  content: "";
  position: absolute;
  top: 25px;
  left: 50px;
}

#archive-works #sec1 .worksWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

#archive-works #sec1 .worksWrap article {
  width: calc(33.33333% - 33.33333px);
  position: relative;
}

#archive-works #sec1 .worksWrap article:not(:nth-of-type(3n)) {
  margin-right: 50px;
}

#archive-works #sec1 .worksWrap article:not(:nth-last-of-type(-n + 3)) {
  margin-bottom: 60px;
}

#archive-works #sec1 .worksWrap .thumb {
  margin-bottom: 10px;
}

#archive-works #sec1 .worksWrap h2,
#archive-works #sec1 .worksWrap h3 {
  font-size: 1.5em;
}

#archive-works #sec1 .worksWrap a .title {
  background-image: linear-gradient(180deg, transparent 94%, #41c195 0);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  display: inline;
}

#archive-works #sec1 .worksWrap a .thumb {
  overflow: hidden;
  position: relative;
}

#archive-works #sec1 .worksWrap a .thumb::after {
  width: 100%;
  height: 100%;
  background-color: #000;
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

#archive-works #sec1 .worksWrap a .wp-post-image {
  width: 100%;
}

#archive-works #sec1 .worksWrap a:hover .title {
  background-size: 100% 100%;
  color: #41c195;
}

#archive-works #sec1 .worksWrap a:hover .thumb::after {
  opacity: 0.25;
}

#archive-works #sec1 .worksWrap a:hover .wp-post-image {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

#archive-works #sec1 .worksWrap .post-taxonomies {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
}

#archive-works #sec1 .worksWrap .post-taxonomies li:not(:last-of-type) {
  margin: 0 10px 10px 0;
}

#archive-works #sec1 .worksWrap .post-taxonomies a {
  padding: 5px 15px;
  background-color: #fff;
  border: 1px solid #41c195;
  border-radius: 15px;
  color: #41c195;
  font-size: 12px;
  font-size: 1.2rem;
}

#archive-works #sec1 .worksWrap .post-taxonomies a::before {
  content: "#";
}

#archive-works #sec1 .worksWrap .post-taxonomies a:hover {
  background-color: #41c195;
  color: #fff;
}

#archive-works #sec1 .worksWrap .text {
  height: 76px;
  margin-bottom: 10px;
  overflow: hidden;
}

#archive-works #sec1 .worksWrap .involved {
  color: #747474;
}

/*-----------------------------
WORKS制作実績シングル
-----------------------------*/

#single-works #sec1 .inner {
  padding: 100px 150px;
  background-color: #fff;
}

#single-works #sec1 .header {
  margin-bottom: 10px;
}

#single-works #sec1 .header h1 {
  margin-bottom: 5px;
  font-size: 40px;
  font-size: 4rem;
}

#single-works #sec1 .header .post-taxonomies li {
  margin-bottom: 10px;
  display: inline-block;
}

#single-works #sec1 .header .post-taxonomies li:not(:last-of-type) {
  margin-right: 10px;
}

#single-works #sec1 .header .post-taxonomies a {
  padding: 5px 15px;
  background-color: #fff;
  border: 1px solid #41c195;
  border-radius: 15px;
  color: #41c195;
  font-size: 12px;
  font-size: 1.2rem;
}

#single-works #sec1 .header .post-taxonomies a::before {
  content: "#";
}

#single-works #sec1 .header .post-taxonomies a:hover {
  background-color: #41c195;
  color: #fff;
}

#single-works #sec1 .worksImg {
  margin-bottom: 50px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

#single-works #sec1 .worksImg > * {
  width: calc(50% - 25px);
}

#single-works #sec1 .worksImg:nth-of-type(even) {
  flex-direction: row-reverse;
}

#single-works #sec1 .footer .title {
  margin-bottom: 5px;
  color: #747474;
  font-size: 18px;
  font-size: 1.8rem;
}

#single-works #sec1 .footer .user {
  padding: 20px 20px 0;
  border: 2px solid #eee;
  display: flex;
  flex-wrap: wrap;
}

#single-works #sec1 .footer .user figure {
  margin: 0 40px 20px 0;
  display: flex;
  align-items: center;
}

#single-works #sec1 .footer .user img {
  width: 80px;
  margin-right: 10px;
}

#single-works #sec1 .footer .user .positionname {
  display: block;
}

#single-works #sec1 .footer .user .positionname::first-letter {
  font-size: 0;
}

/*-----------------------------
COMPANY会社概要
-----------------------------*/

#page-company .content {
  padding-bottom: 100px;
}

#page-company .content h2 {
  color: #fff;
  font-size: 24px;
  font-size: 2.4rem;
  position: relative;
  z-index: 2;
}

#page-company .content h2 span {
  display: block;
  font-size: 2.5em;
  line-height: 1.2;
}

#page-company .content h2::before {
  width: 2000px;
  height: 100%;
  background-color: #212a2f;
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
}

#page-company .content .body {
  margin-top: -90px;
  padding: 170px 80px 80px 80px;
  position: relative;
  z-index: 1;
}

#page-company .content .body::before {
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.5);
  width: 2000px;
  height: 100%;
  background-color: #fff;
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
}

#page-company .content .body .text {
  overflow: hidden;
}

#page-company .content .body .text img {
  width: 450px;
  margin: 0 0 40px 40px;
  float: right;
}

#page-company .content .body .text p {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 2;
}

#page-company .content .body .ceo,
#page-company .content .body .coo {
  overflow: hidden;
}

#page-company .content .body .ceo img,
#page-company .content .body .coo img {
  width: 300px;
}

#page-company .content .body .ceo p,
#page-company .content .body .coo p {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 2;
}

#page-company .content .body .ceo {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid;
}

#page-company .content .body .ceo img {
  margin-left: 40px;
  float: right;
}

#page-company .content .body .coo img {
  margin-right: 40px;
  float: left;
}

#page-company .content .body .link {
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.5);
  margin: 50px 50px 0;
  padding: 50px 0;
  background-color: #eee;
  position: relative;
  text-align: center;
  z-index: 0;
}

#page-company .content .body .link h3 {
  margin-bottom: 30px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
}

#page-company .content .body .link a {
  width: 360px;
  border: 1px solid;
  font-size: 20px;
  font-size: 2rem;
  line-height: 70px;
  text-align: center;
  position: relative;
  z-index: 1;
  margin: 0 auto;
}

#page-company .content .body .link a::before {
  width: 0;
  height: 100%;
  background-color: #212a2f;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.4s;
  z-index: -1;
}

#page-company .content .body .link a svg {
  -webkit-animation: arrowMove 0.6s infinite alternate;
  animation: arrowMove 0.6s infinite alternate;
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#page-company .content .body .link a:hover {
  color: #fff;
}

#page-company .content .body .link a:hover::before {
  width: 100%;
}

#page-company .content .body .link a:hover .cls-1 {
  fill: #fff;
}

#page-company .content .body .link a:hover svg {
  -webkit-animation: none;
  animation: none;
}

#page-company .content .body .link a:hover {
  border-color: #212a2f;
}

#page-company section:nth-of-type(odd) h2 {
  padding: 35px 0;
}

#page-company section:nth-of-type(odd) h2::before {
  right: calc(50% - 220px);
}

#page-company section:nth-of-type(odd) .body::before {
  right: 0;
}

#page-company section:nth-of-type(even) h2 {
  padding: 35px 0 35px 430px;
}

#page-company section:nth-of-type(even) h2::before {
  left: calc(50% - 220px);
}

#page-company section:nth-of-type(even) .body::before {
  left: 0;
}

#page-company #sec1 {
  padding-top: 100px;
}

#page-company #sec3 .inner {
  margin-top: -90px;
}

#page-company #sec3 .bg {
  height: 600px;
  background: url("images/img_company.jpg") no-repeat center/cover;
}

#page-company #sec3 .text > ul > li:not(:last-of-type) {
  margin-bottom: 30px;
}

#page-company #sec3 h3 {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #555;
  font-size: 28px;
  font-size: 2.8rem;
}

#page-company #sec3 h4 {
  margin-bottom: 10px;
}

#page-company #sec3 .address {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

#page-company #sec3 .address iframe {
  margin-bottom: 10px;
  display: block;
}

#page-company #sec3 .bank li {
  list-style-position: inside;
  list-style-type: disc;
}

#page-company #sec3 .bank li:not(:last-of-type) {
  margin-bottom: 10px;
}

#page-company #sec4 .historyList {
  position: relative;
}

#page-company #sec4 .historyList .year:not(:last-of-type) {
  margin-bottom: 30px;
}

#page-company #sec4 .historyList h3 {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  font-size: 32px;
  font-size: 3.2rem;
}

#page-company #sec4 .historyList h3 span {
  margin-left: 10px;
  display: inline-block;
  font-size: 0.6em;
}

#page-company #sec4 .historyList h3::before {
  width: 24px;
  height: 24px;
  margin-right: 20px;
  background-color: #41c195;
  border-radius: 50%;
  content: "";
}

#page-company #sec4 .historyList .monthList {
  padding-left: 55px;
}

#page-company #sec4 .historyList .monthList .month:not(:last-of-type) {
  margin-bottom: 20px;
}

#page-company #sec4 .historyList h4 {
  font-size: 20px;
  font-size: 2rem;
}

#page-company #sec4 .historyList p::before {
  content: "・";
}

#page-company #sec4 .historyList a {
  color: #337ab7;
  display: inline;
}

#page-company #sec4 .historyList::before {
  width: 2px;
  height: 100%;
  background-color: #eee;
  content: "";
  position: absolute;
  top: 14px;
  left: 11px;
  z-index: -1;
}

/*-----------------------------
MEMBERメンバー一覧
-----------------------------*/

#archive-member .content {
  padding-bottom: 100px;
}

#archive-member #sec1 {
  padding-top: 100px;
}

#archive-member .top {
  padding: 50px 0 100px;
  background-color: #fff;
}

#archive-member .top .inner {
  width: 1000px;
}

#archive-member h2 {
  margin-bottom: 100px;
  padding: 35px 0;
  color: #fff;
  font-size: 24px;
  font-size: 2.4rem;
  position: relative;
  z-index: 1;
}

#archive-member h2 span {
  display: block;
  font-size: 2.5em;
  line-height: 1.2;
}

#archive-member h2::before {
  width: 100%;
  height: 180px;
  background-color: #212a2e;
  content: "";
  position: absolute;
  right: calc(50% - 220px);
  bottom: 0;
  z-index: -1;
}

#archive-member h3 {
  margin-bottom: 20px;
  padding-bottom: 20px;
  font-size: 24px;
  font-size: 2.4rem;
  position: relative;
}

#archive-member h3::after {
  width: 100px;
  height: 2px;
  background-color: #000;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
}

#archive-member h3 span {
  display: block;
  font-size: 2.5em;
  line-height: 1.2;
}

#archive-member h3 + p {
  margin-bottom: 50px;
}

#archive-member figure {
  display: flex;
  align-items: flex-start;
}

#archive-member figure img {
  width: 400px;
  margin-right: 50px;
}

#archive-member figure p {
  width: calc(100% - 450px);
}

#archive-member .memberList {
  width: 1000px;
  margin-top: -50px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

#archive-member .memberList li {
  width: calc(25% - 30px);
  background-color: #fff;
}

#archive-member .memberList li .rotate {
  position: relative;
}

#archive-member .memberList li .rotate .front,
#archive-member .memberList li .rotate .back {
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.6s;
}

#archive-member .memberList li .rotate .front img,
#archive-member .memberList li .rotate .back img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

#archive-member .memberList li .rotate .back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

#archive-member .memberList li a:hover .front {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

#archive-member .memberList li a:hover .back {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

#archive-member .memberList li .info {
  padding: 20px;
  font-size: 18px;
  font-size: 1.8rem;
}

#archive-member .memberList li .info span {
  font-size: 0.722em;
}

#archive-member .memberList li .info .positionname::first-letter {
  font-size: 0;
}

#archive-member .memberList li:not(:nth-of-type(4n)) {
  margin-right: 40px;
}

#archive-member .memberList li:not(:nth-last-of-type(-n + 4)) {
  margin-bottom: 40px;
}

#archive-member .memberList span {
  display: block;
}

/*-----------------------------
MEMBARメンバー詳細
-----------------------------*/

#single-member #sec1 {
  position: relative;
}

#single-member #sec1::before {
  width: 100%;
  height: 395px;
  /* background-color: rgba(255, 255, 0, 0.9); */
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}

#single-member #sec1 .inner {
  padding: 50px 100px 0;
  display: flex;
  justify-content: space-between;
  position: relative;
}

#single-member #sec1 .left {
  width: 510px;
  padding-bottom: 50px;
}

#single-member #sec1 .left .department {
  padding: 10px 30px 10px 60px;
  background-color: #212a2f;
  border-radius: 21px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
}

#single-member #sec1 .left .department img {
  width: 52px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#single-member #sec1 .left h2 {
  margin-bottom: 10px;
  border-bottom: 2px solid;
  font-size: 50px;
  font-size: 5rem;
}

#single-member #sec1 .left .postMeta {
  margin-bottom: 50px;
  display: flex;
  align-items: center;
}

#single-member #sec1 .left .postMeta span {
  margin-right: auto;
  display: inline-block;
}

#single-member #sec1 .left .postMeta .positionname::first-letter {
  font-size: 0;
}

#single-member #sec1 .left .postMeta .linkList {
  display: flex;
  align-items: center;
}

#single-member #sec1 .left .postMeta .linkList li:not(:last-of-type) {
  margin-right: 10px;
}

#single-member #sec1 .left .postMeta .linkList .sns a {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#single-member #sec1 .left .postMeta .linkList .fb {
  background-color: #2f5096;
}

#single-member #sec1 .left .postMeta .linkList .tw {
  background-color: #2ba6e0;
}

#single-member #sec1 .left .postMeta .linkList .ig {
  background: linear-gradient(to right, #fa712c 0%, #ee1682 50%, #3253f3 100%);
}

#single-member #sec1 .left .postMeta .linkList .url {
  background-color: #2ecea3;
}

#single-member #sec1 .left .postMeta .linkList .writerLink a {
  width: 300px;
  border: 1px solid;
  font-size: 20px;
  font-size: 2rem;
  line-height: 50px;
  text-align: center;
  position: relative;
  z-index: 1;
}

#single-member #sec1 .left .postMeta .linkList .writerLink a::before {
  width: 0;
  height: 100%;
  background-color: #212a2f;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.4s;
  z-index: -1;
}

#single-member #sec1 .left .postMeta .linkList .writerLink a svg {
  -webkit-animation: arrowMove 0.6s infinite alternate;
  animation: arrowMove 0.6s infinite alternate;
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#single-member #sec1 .left .postMeta .linkList .writerLink a:hover {
  color: #fff;
}

#single-member #sec1 .left .postMeta .linkList .writerLink a:hover::before {
  width: 100%;
}

#single-member #sec1 .left .postMeta .linkList .writerLink a:hover .cls-1 {
  fill: #fff;
}

#single-member #sec1 .left .postMeta .linkList .writerLink a:hover svg {
  -webkit-animation: none;
  animation: none;
}

#single-member #sec1 .left .postMeta .linkList .writerLink a:hover {
  border-color: #212a2f;
}

#single-member #sec1 .left .postMeta .linkList li img {
  width: 30px;
}

#single-member #sec1 .left .memberText {
 /* height: 100px; */
  margin-bottom: 40px;
  overflow: hidden;
}

#single-member #sec1 .left .profList li::before {
  content: "■";
}

#single-member #sec1 .left .profList li:not(:last-of-type) {
  margin-bottom: 10px;
}

#single-member #sec1 .right1 {
  width: 440px;
  position: relative;
}

#single-member #sec1 .right1 #profImg {
  height: 100%;
}

#single-member #sec1 .right1 #profImg li {
  height: 100%;
  position: relative;
}

#single-member #sec1 .right1 #profImg img {
  width: auto;
  height: 100%;
  max-width: none;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

#single-member #sec1 .right1 #profImg .photo img {
  bottom: 15px;
}

#single-member #sec1 .right1 #profImg .zoomin {
  display: none;
}

#single-member #sec1 .right1 #profImg .zoomin img {
  bottom: 0;
}

#single-member #sec1 .right1 #profImg .illust {
  display: none;
}

#single-member #sec1 .right1 #profImg .illust img {
  width: auto;
  height: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#single-member #sec1 .right1 #serif {
  width: 210px;
  height: 298px;
  padding: 50px 45px;
  background: url("images/serif.png") no-repeat;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.3;
  position: absolute;
  right: 40px;
  bottom: 20px;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  text-orientation: mixed;
}

#single-member #sec1 .right1 .buttonList {
  width: 50px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: absolute;
  left: 0;
}

#single-member #sec1 .right1 .buttonList li {
  width: 100%;
  border-radius: 50%;
  line-height: 50px;
  overflow: hidden;
  text-align: center;
}

#single-member #sec1 .right1 .buttonList li:not(:last-of-type) {
  margin-bottom: 10px;
}

#single-member #sec1 .right1 #chageButton {
  top: 0;
}

#single-member #sec1 .right1 #chageButton li {
  background-color: #fff;
  border: 2px solid #212a2f;
  position: relative;
}

#single-member #sec1 .right1 #chageButton .active::after {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}

#single-member #sec1 .right1 #zoomButton {
  bottom: 50px;
}

#single-member #sec1 .right1 #zoomButton li {
  background-color: #41c195;
}

#single-member #sec1 .right1 #zoomButton .active {
  background-color: #212a2f;
}

#single-member #sec1 .right2 {
  width: 440px;
  height: 589px;
  position: relative;
}

#single-member #sec1 .right2 input {
  display: none;
}

#single-member #sec1 .right2 label {
  width: 50px;
  border-radius: 50%;
  line-height: 50px;
  position: absolute;
  left: 0;
  overflow: hidden;
  text-align: center;
  z-index: 1;
}

#single-member #sec1 .right2 .imgLabel,
#single-member #sec1 .right2 .zoomLabel {
  cursor: pointer;
}

#single-member #sec1 .right2 .imgLabel {
  background-color: #fff;
  border: 2px solid #212a2f;
}

#single-member #sec1 .right2 .zoomLabel {
  background-color: #41c195;
  color: #fff;
}

#single-member #sec1 .right2 .photoLabel {
  top: 0;
}

#single-member #sec1 .right2 .illustLabel {
  top: 60px;
}

#single-member #sec1 .right2 .zoominLabel {
  bottom: 110px;
}

#single-member #sec1 .right2 .zoomoutLabel {
  bottom: 50px;
}

#single-member #sec1 .right2 .img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  opacity: 0;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(calc(-50% + 30px));
  transform: translateX(calc(-50% + 30px));
  transition: 0.5s;
}

#single-member #sec1 .right2 .zoomout {
  bottom: 15px;
}

#single-member #sec1 .right2 .zoomin,
#single-member #sec1 .right2 .illust {
  opacity: 0;
}

#single-member #sec1 .right2 .zoomin {
  bottom: 0;
}

#single-member #sec1 .right2 .illust {
  top: 50%;
  -webkit-transform: translate(calc(-50% + 30px), -50%);
  transform: translate(calc(-50% + 30px), -50%);
}

#single-member #sec1 .right2 #photo:checked ~ label[for="photo"]::after,
#single-member #sec1 .right2 #illust:checked ~ label[for="illust"]::after {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}

#single-member #sec1 .right2 #zoomin:checked ~ label[for="zoomin"],
#single-member #sec1 .right2 #zoomout:checked ~ label[for="zoomout"] {
  background-color: #212a2f;
}

#single-member #sec1 .right2 #photo:checked ~ #zoomout:checked ~ .zoomout {
  opacity: 1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transition-delay: 0.5s;
}

#single-member #sec1 .right2 #photo:checked ~ #zoomout:checked ~ .zoomLabel,
#single-member #sec1 .right2 #photo:checked ~ #zoomout:checked ~ #serif {
  opacity: 1;
  transition-delay: 0.5s;
}

#single-member #sec1 .right2 #photo:checked ~ #zoomin:checked ~ .zoomin {
  opacity: 1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transition-delay: 0.5s;
}

#single-member #sec1 .right2 #photo:checked ~ #zoomin:checked ~ .zoomLabel,
#single-member #sec1 .right2 #photo:checked ~ #zoomin:checked ~ #serif {
  opacity: 1;
  transition-delay: 0.5s;
}

#single-member #sec1 .right2 #illust:checked ~ .illust {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
  transition-delay: 0.5s;
}

#single-member #sec1 .right2 #illust:checked ~ .zoomLabel,
#single-member #sec1 .right2 #illust:checked ~ #serif {
  opacity: 0;
  -webkit-transform: translateX(30px);
  transform: translateX(30px);
}

#single-member #sec1 .right2 #serif {
  width: 210px;
  height: 298px;
  padding: 50px 45px;
  background: url("images/serif.png") no-repeat center/cover;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.3;
  position: absolute;
  right: 40px;
  bottom: 20px;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
}

#single-member #sec1 .pager {
  width: 50px;
  background-color: rgba(33, 42, 47, 0.5);
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 100px;
  position: absolute;
  top: 50%;
  text-align: center;
}

#single-member #sec1 .prev {
  left: 0;
}

#single-member #sec1 .prev:hover {
  text-indent: -5px;
}

#single-member #sec1 .next {
  right: 0;
}

#single-member #sec1 .next:hover {
  text-indent: 5px;
}

#single-member #sec2 .inner,
#single-member #sec3 .inner {
  padding: 80px 0;
}

#single-member #sec2 h3,
#single-member #sec3 h3 {
  margin-bottom: 30px;
  font-size: 30px;
  font-size: 3rem;
  text-align: center;
}

#single-member #sec2 .button,
#single-member #sec3 .button {
  width: 360px;
  border: 1px solid;
  font-size: 20px;
  font-size: 2rem;
  line-height: 70px;
  text-align: center;
  position: relative;
  z-index: 1;
  margin: 60px auto 0;
}

#single-member #sec2 .button::before,
#single-member #sec3 .button::before {
  width: 0;
  height: 100%;
  background-color: #212a2f;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.4s;
  z-index: -1;
}

#single-member #sec2 .button svg,
#single-member #sec3 .button svg {
  -webkit-animation: arrowMove 0.6s infinite alternate;
  animation: arrowMove 0.6s infinite alternate;
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#single-member #sec2 .button:hover,
#single-member #sec3 .button:hover {
  color: #fff;
}

#single-member #sec2 .button:hover::before,
#single-member #sec3 .button:hover::before {
  width: 100%;
}

#single-member #sec2 .button:hover .cls-1,
#single-member #sec3 .button:hover .cls-1 {
  fill: #fff;
}

#single-member #sec2 .button:hover svg,
#single-member #sec3 .button:hover svg {
  -webkit-animation: none;
  animation: none;
}

#single-member #sec2 .button:hover,
#single-member #sec3 .button:hover {
  border-color: #212a2f;
}

#single-member #sec2 {
  background-color: #fff;
}

#single-member #sec2 .articleWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

#single-member #sec2 article {
  width: calc(33.33333% - 33.33333px);
}

#single-member #sec2 article a .title {
  background-image: linear-gradient(180deg, transparent 94%, #41c195 0);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  display: inline;
}

#single-member #sec2 article a .thumb {
  overflow: hidden;
  position: relative;
}

#single-member #sec2 article a .thumb::after {
  width: 100%;
  height: 100%;
  background-color: #000;
  content: "";
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

#single-member #sec2 article a .wp-post-image {
  width: 100%;
}

#single-member #sec2 article a:hover .title {
  background-size: 100% 100%;
  color: #41c195;
}

#single-member #sec2 article a:hover .thumb::after {
  opacity: 0.25;
}

#single-member #sec2 article a:hover .wp-post-image {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

#single-member #sec2 article time {
  margin-bottom: 5px;
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
}

#single-member #sec2 article .thumb {
  margin-bottom: 10px;
}

#single-member #sec2 article .post-categories {
  margin-top: 15px;
}

#single-member #sec2 article .post-categories li:not(:first-of-type) {
  display: none;
}

#single-member #sec2 article:not(:nth-of-type(3n)) {
  margin-right: 50px;
}

#single-member #sec2 article:not(:nth-last-of-type(-n + 3)) {
  margin-bottom: 50px;
}

#single-member #sec3 .memberWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

#single-member #sec3 .memberWrap article {
  width: calc(20% - 20px);
  background-color: #fff;
}

#single-member #sec3 .memberWrap article .rotate {
  position: relative;
}

#single-member #sec3 .memberWrap article .rotate .front,
#single-member #sec3 .memberWrap article .rotate .back {
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.6s;
}

#single-member #sec3 .memberWrap article .rotate .front img,
#single-member #sec3 .memberWrap article .rotate .back img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

#single-member #sec3 .memberWrap article .rotate .back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

#single-member #sec3 .memberWrap article a:hover .front {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

#single-member #sec3 .memberWrap article a:hover .back {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

#single-member #sec3 .memberWrap article .info {
  padding: 20px;
  font-size: 18px;
  font-size: 1.8rem;
}

#single-member #sec3 .memberWrap article .info span {
  font-size: 0.722em;
}

#single-member #sec3 .memberWrap article .info .positionname::first-letter {
  font-size: 0;
}

#single-member #sec3 .memberWrap article:not(:nth-of-type(5n)) {
  margin-right: 25px;
}

#single-member #sec3 .memberWrap article:not(:nth-last-of-type(-n + 5)) {
  margin-bottom: 25px;
}

#single-member #sec3 .memberWrap span {
  display: block;
}

/*-----------------------------
RECRUIT求人情報
-----------------------------*/

#archive-recruit .content {
  padding-bottom: 100px;
}

#archive-recruit .content .inner {
  padding: 50px;
  background-color: #fff;
}

#archive-recruit .content h2 {
  padding-bottom: 5px;
  border-bottom: 1px solid;
  font-size: 48px;
  font-size: 4.8rem;
}

#archive-recruit .content section {
  padding: 50px;
  border-bottom: 1px solid #ccc;
  position: relative;
}

#archive-recruit .content h3,
#archive-recruit .content .text {
  color: #747474;
}

#archive-recruit .content h3 {
  margin-bottom: 15px;
  padding-bottom: 10px;
  font-size: 28px;
  font-size: 2.8rem;
  position: relative;
}

#archive-recruit .content h3::before {
  width: 80px;
  height: 2px;
  background-color: #747474;
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
}

#archive-recruit .content .show {
  display: none;
}

#archive-recruit .content table {
  margin: 20px 0;
}

#archive-recruit .content table th,
#archive-recruit .content table td {
  padding: 20px 0;
}

#archive-recruit .content table th {
  width: 160px;
  text-align: left;
  vertical-align: top;
}

#archive-recruit .content .toggle {
  width: 54px;
  background-color: #41c195;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  line-height: 54px;
  position: absolute;
  top: 50px;
  right: 50px;
  text-align: center;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: 0.5s;
}

#archive-recruit .content .toggle.open {
  background-color: #212a2f;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

#archive-recruit .content .button {
  width: 360px;
  border: 1px solid;
  font-size: 20px;
  font-size: 2rem;
  line-height: 70px;
  text-align: center;
  position: relative;
  z-index: 1;
  margin: 0 auto;
}

#archive-recruit .content .button::before {
  width: 0;
  height: 100%;
  background-color: #212a2f;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.4s;
  z-index: -1;
}

#archive-recruit .content .button svg {
  -webkit-animation: arrowMove 0.6s infinite alternate;
  animation: arrowMove 0.6s infinite alternate;
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#archive-recruit .content .button:hover {
  color: #fff;
}

#archive-recruit .content .button:hover::before {
  width: 100%;
}

#archive-recruit .content .button:hover .cls-1 {
  fill: #fff;
}

#archive-recruit .content .button:hover svg {
  -webkit-animation: none;
  animation: none;
}

#archive-recruit .content .button:hover {
  border-color: #212a2f;
}

#archive-recruit .content .norecuit {
  margin-top: 50px;
  color: #747474;
  font-size: 38px;
  font-size: 3.8rem;
  font-weight: bold;
  text-align: center;
}

#archive-recruit #sec1 {
  padding-top: 100px;
}

/*-----------------------------
CONTACTお問い合わせ
-----------------------------*/

#page-contact #sec1 .inner {
  padding: 100px;
  background-color: #fff;
}

#page-contact .intro {
  margin-bottom: 100px;
  text-align: center;
}

#page-contact .intro .text {
  margin-bottom: 40px;
}

#page-contact .intro .tel {
  padding: 20px 145px;
  background-color: #212a2f;
  border-radius: 50px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
}

#page-contact .intro .tel br {
  display: none;
}

#page-contact .intro .tel .num {
  display: block;
  font-size: 2.85em;
  line-height: 1;
}

#page-contact .item {
  text-align: center;
}

#page-contact .item h2 {
  padding: 20px;
  background-color: #eee;
  font-weight: normal;
}

#page-contact .item h2 + p {
  margin: 40px 0;
}

#page-contact .item .button {
  width: 500px;
  border: 1px solid;
  font-size: 20px;
  font-size: 2rem;
  line-height: 90px;
  text-align: center;
  position: relative;
  z-index: 1;
  margin: 0 auto;
}

#page-contact .item .button::before {
  width: 0;
  height: 100%;
  background-color: #212a2f;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.4s;
  z-index: -1;
}

#page-contact .item .button svg {
  -webkit-animation: arrowMove 0.6s infinite alternate;
  animation: arrowMove 0.6s infinite alternate;
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#page-contact .item .button:hover {
  color: #fff;
}

#page-contact .item .button:hover::before {
  width: 100%;
}

#page-contact .item .button:hover .cls-1 {
  fill: #fff;
}

#page-contact .item .button:hover svg {
  -webkit-animation: none;
  animation: none;
}

#page-contact .item .button:hover {
  border-color: #212a2f;
}

#page-contact section:not(:last-of-type) {
  margin-bottom: 100px;
}

#page-contact .form {
  padding: 0 190px;
}

#page-contact .mw_wp_form_input .step li:first-of-type {
  border: 2px solid #212a2f;
  color: #212a2f;
}

#page-contact .mw_wp_form_input .step li:first-of-type > span {
  background-color: #fff;
}

#page-contact .mw_wp_form_input .step li:nth-of-type(3),
#page-contact .mw_wp_form_input .step li:last-of-type {
  background-color: #eee;
  border: 2px solid #eee;
}

#page-contact .mw_wp_form_confirm .step li:nth-of-type(3) {
  border: 2px solid #212a2f;
  color: #212a2f;
}

#page-contact .mw_wp_form_confirm .step li:nth-of-type(3) > span {
  background-color: #fff;
}

#page-contact .mw_wp_form_confirm .step li:first-of-type,
#page-contact .mw_wp_form_confirm .step li:last-of-type {
  background-color: #eee;
  border: 2px solid #eee;
}

#page-contact .mw_wp_form_complete .step li:last-of-type {
  border: 2px solid #212a2f;
  color: #212a2f;
}

#page-contact .mw_wp_form_complete .step li:last-of-type > span {
  background-color: #fff;
}

#page-contact .mw_wp_form_complete .step li:first-of-type,
#page-contact .mw_wp_form_complete .step li:nth-of-type(3) {
  background-color: #eee;
  border: 2px solid #eee;
}

#page-contact .step {
  margin-bottom: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  counter-reset: number;
}

#page-contact .step > li {
  padding: 25px 0;
  color: #747474;
  position: relative;
  text-align: center;
}

#page-contact .step > li > span {
  padding: 0 3px;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: bold;
  position: absolute;
  top: -29px;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}

#page-contact .step > li > span span {
  font-size: 1.65em;
}

#page-contact .step > li:nth-of-type(odd) {
  width: 24%;
}

#page-contact .step > li:nth-of-type(even) {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
}

#page-contact .mw_wp_form table {
  margin-bottom: 20px;
}

#page-contact .mw_wp_form th,
#page-contact .mw_wp_form td {
  padding: 15px 0;
}

#page-contact .mw_wp_form th {
  width: 300px;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}

#page-contact .mw_wp_form th span {
  margin-left: 10px;
  padding: 1px 8px 2px;
  background-color: #ea7034;
  border-radius: 11px;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
}

#page-contact .mw_wp_form td.js-error input,
#page-contact .mw_wp_form td.js-error textarea,
#page-contact .mw_wp_form td.js-error select {
  background-color: rgba(255, 0, 0, 0.25);
}

#page-contact .mw_wp_form input[type="text"],
#page-contact .mw_wp_form input[type="email"],
#page-contact .mw_wp_form textarea {
  padding: 10px;
  background-color: #eeeeee;
  border-color: #eeeeee;
}

#page-contact .mw_wp_form input:focus {
  border-color: #969696;
}

#page-contact .mw_wp_form .mwform-radio-field label,
#page-contact .mw_wp_form .mwform-checkbox-field label {
  border: 1px solid;
  border-radius: 23px;
  cursor: pointer;
}

#page-contact .mw_wp_form .mwform-radio-field label {
  padding: 10px 20px;
  display: block;
}

#page-contact .mw_wp_form .mwform-checkbox-field label {
  padding: 10px 30px;
  display: inline-block;
}

#page-contact .mw_wp_form .mwform-radio-field:not(:last-of-type) {
  margin-bottom: 10px;
}

#page-contact .mw_wp_form .agree {
  margin-bottom: 50px;
  text-align: center;
}

#page-contact .mw_wp_form .agree p {
  margin-bottom: 20px;
}

#page-contact .mw_wp_form input[type="submit"] {
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.5);
  width: 500px;
  margin: 0 auto;
  background: #41c195;
  border: none;
  color: #fff;
  display: block;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 90px;
}

#page-contact .mw_wp_form_confirm .agree {
  display: none;
}

/*-----------------------------
SEOページ
-----------------------------*/

#page-seo #sec1 .inner {
  padding: 50px;
  background-color: #fff;
}

/*-----------------------------
404
-----------------------------*/

#not-found #sec1 {
  padding: 50px 0;
  text-align: center;
}

#not-found #sec1 h1 {
  font-family: "midashi_en";
  font-size: 100px;
  font-weight: normal;
  line-height: 1;
  text-shadow: 0px -10px 0px #fff, 10px 0px 0px #fff, 0px 10px 0px #fff,
    -10px 0px 0px #fff;
}

#not-found #sec1 h2 {
  margin-bottom: 40px;
  color: #fff;
  font-size: 38px;
}

#not-found #sec1 h2 + img {
  margin: 0 auto 40px;
	margin-top: -45px;
}

#not-found #sec1 a {
  width: 350px;
  border: 1px solid;
  font-size: 20px;
  font-size: 2rem;
  line-height: 70px;
  text-align: center;
  position: relative;
  z-index: 1;
  margin: 0 auto;
  color: #212a2f;
}

#not-found #sec1 a::before {
  width: 0;
  height: 100%;
  background-color: #212a2f;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.4s;
  z-index: -1;
}

#not-found #sec1 a svg {
  -webkit-animation: arrowMove 0.6s infinite alternate;
  animation: arrowMove 0.6s infinite alternate;
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#not-found #sec1 a:hover {
  color: #fff;
}

#not-found #sec1 a:hover::before {
  width: 100%;
}

#not-found #sec1 a:hover .cls-1 {
  fill: #fff;
}

#not-found #sec1 a:hover svg {
  -webkit-animation: none;
  animation: none;
}

#not-found #sec1 a:hover {
  border-color: #212a2f;
}

#not-found #sec1 svg {
  fill: #212a2f;
}

/*-----------------------------
プライバシーポリシーPRIVACY POLICY
-----------------------------*/

#page-privacy-policy .inner {
  padding: 50px;
  background-color: #fff;
}

#page-privacy-policy #edit {
  margin-bottom: 0;
}

#page-privacy-policy ul li,
#page-privacy-policy ol li {
  list-style-type: none;
}

#page-privacy-policy th,
#page-privacy-policy td {
  padding: 20px;
  border: 1px solid #ddd;
}

#page-privacy-policy th {
  background: #f5f4f4;
}



/*-----------------------------
プラグイン
-----------------------------*/

.popular-posts img {
	width: 120px;
	height: 80px;
	object-fit: cover;
	margin: 0 10px 10px 0;
}
.popular-posts a {
	font-size: 13.3px;
}
.popular-posts span {
	font-size: 12px;
}

/*-----------------------------
フッター
-----------------------------*/

#footer {
  color: #fff;
  position: relative;
}

#footer .top {
  padding: 80px 0;
  position: relative;
  text-align: center;
  z-index: 1;
}

#footer .top::before,
#footer .top::after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#footer .top::before {
  background: url("images/img_block6_bg.jpg") no-repeat bottom center/auto 0%;
  content: "";
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0, 0.45, 1, 0.25);
  z-index: -1;
}

#footer .top::after {
  background: rgba(33, 42, 46, 0.6);
  content: "";
  z-index: -1;
}

#footer .top .inner {
  position: relative;
}

#footer .top .inner .room6,
#footer .top .inner .crew3,
#footer .top .inner .crew4 {
  position: absolute;
  z-index: 1;
}

#footer .top .inner .room6 {
  width: 338px;
  height: 360px;
  background: url("images/img_block6.png") no-repeat center/cover;
  display: none;
  top: -30px;
  left: -119px;
}

#footer .top .inner .crew3 {
  width: 196px;
  height: 195px;
  background: url("images/img_crew3.png") no-repeat center/cover;
  content: "";
  position: absolute;
  top: 70px;
  right: 0;
  z-index: 1;
}

#footer .top .inner .crew4 {
  width: 184px;
  height: 197px;
  background: url("images/img_crew4.png") no-repeat center/cover;
  bottom: -65px;
  left: -20px;
}

#footer .top h4 {
  margin-bottom: 20px;
  font-size: 32px;
  font-size: 3.2rem;
}

#footer .top h4 + p {
  margin-bottom: 40px;
}

#footer .top .tel {
  width: 640px;
  margin: 0 auto 40px;
  padding: 40px 0;
  border-top: 1px solid #e5e5e3;
  border-bottom: 1px solid #e5e5e3;
}

#footer .top .tel p {
  font-size: 24px;
  font-size: 2.4rem;
}

#footer .top .tel .telNum {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 60px;
  font-size: 6rem;
}

#footer .top .tel .telNum img {
  /* width: 65px;
  margin-right: 15px; */
	margin-top: 10px;
}

#footer .top .tel:hover {
  background-color: #212a2f;
}

#footer .top h5 {
  margin-bottom: 20px;
  font-size: 24px;
  font-size: 2.4rem;
}

#footer .top .button {
  width: 500px;
  border: 1px solid;
  font-size: 20px;
  font-size: 2rem;
  line-height: 90px;
  text-align: center;
  position: relative;
  z-index: 1;
  margin: 0 auto;
}

#footer .top .button::before {
  width: 0;
  height: 100%;
  background-color: #212a2f;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.4s;
  z-index: -1;
}

#footer .top .button svg {
  -webkit-animation: arrowMove 0.6s infinite alternate;
  animation: arrowMove 0.6s infinite alternate;
  position: absolute;
  top: 50%;
  right: 25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#footer .top .button:hover {
  color: #fff;
}

#footer .top .button:hover::before {
  width: 100%;
}

#footer .top .button:hover .cls-1 {
  fill: #fff;
}

#footer .top .button:hover svg {
  -webkit-animation: none;
  animation: none;
}

#footer .top .button img {
  position: absolute;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#footer .top .button svg {
  fill: #fff;
}

#footer .bottom {
  padding: 80px 0 20px;
  background-color: #212a2f;
	background-image: url(images/footer_bg);
}

#footer .bottom .inner {
  display: flex;
  justify-content: space-between;
}

#footer .bottom .left {
  width: 600px;
  position: relative;
}

#footer .bottom .left .logoImg {
  width: 184px;
  margin-bottom: 30px;
}

#footer .bottom .left .comInfo {
  margin-bottom: 30px;
  color: #999;
}

#footer .bottom .left .snsList {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}

#footer .bottom .left .snsList li {
  width: calc(50% - 10px);
  border: 1px solid #fff;
}

#footer .bottom .left .snsList li:not(:nth-last-of-type(-n + 2)) {
  margin-bottom: 20px;
}

#footer .bottom .left .snsList li:nth-of-type(odd) {
  margin-right: 20px;
}

#footer .bottom .left .snsList .tw a::before {
  background-color: #1da1f2;
}

#footer .bottom .left .snsList .fb a::before {
  background-color: #4267b2;
}

#footer .bottom .left .snsList .insta a::before {
  background: #fa712c;
  background: linear-gradient(to right, #fa712c 0%, #ee1682 50%, #3253f3 100%);
}

#footer .bottom .left .snsList .tiktok a::before {
  background: #3f0921;
  background: radial-gradient(ellipse at center, #3f0921 0%, #080b1a 100%);
}

#footer .bottom .left .snsList a {
  padding: 19px 0;
  position: relative;
  text-align: center;
  z-index: 1;
}

#footer .bottom .left .snsList a::before {
  width: 0;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transition: 0.4s;
}

#footer .bottom .left .snsList a p:first-of-type {
  font-family: "midashi_en";
  font-size: 18px;
  font-size: 1.8rem;
}

#footer .bottom .left .snsList a p:last-of-type {
  font-size: 12px;
  font-size: 1.2rem;
}

#footer .bottom .left .snsList a:hover::before {
  width: 100%;
}

#footer .bottom .left .copyright {
  color: #999;
  position: absolute;
  bottom: 0;
  left: 0;
}

#footer .bottom .left .copyright small {
  font-size: 14px;
  font-size: 1.4rem;
}

#footer .bottom .left .copyright a {
  display: inline-block;
}

#footer .bottom .right {
  display: flex;
}

#footer .bottom .right h4 {
  margin-bottom: 20px;
  font-family: "midashi_en";
  font-size: 24px;
}

#footer .bottom .right h5 {
  margin: 10px 0;
  font-size: 13px;
  font-weight: normal;
}

#footer .bottom .right a {
  color: #999;
  display: inline-block;
  font-size: 12px;
  position: relative;
}

#footer .bottom .right a::after {
  width: 0;
  height: 1px;
  background-color: #fff;
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  transition: 0.4s;
}

#footer .bottom .right a:hover {
  color: #fff;
}

#footer .bottom .right a:hover::after {
  width: 100%;
}

#footer .bottom .right .blog {
  margin-right: 45px;
}

#footer .bottom .right .blog .column {
  display: flex;
}

#footer .bottom .right .blog .column div:first-of-type {
  margin-right: 20px;
  padding-left: 10px;
  border-left: 1px solid #999;
}

#footer .bottom .right .blog .column div:first-of-type ul:first-of-type {
  margin-bottom: 20px;
}

#footer .bottom .right .blog ul {
  padding-left: 10px;
}

#footer .bottom .right .serviceList {
  margin-bottom: 40px;
  padding-left: 10px;
  border-left: 1px solid #999;
}

#footer .bottom .right .pageList {
  font-family: "midashi_en";
}

#footer .bottom .right .pageList li:nth-of-type(1) a:hover {
  color: #e74b90;
}

#footer .bottom .right .pageList li:nth-of-type(1) a:hover::after {
  background-color: #e74b90;
}

#footer .bottom .right .pageList li:nth-of-type(2) a:hover {
  color: #f5ce40;
}

#footer .bottom .right .pageList li:nth-of-type(2) a:hover::after {
  background-color: #f5ce40;
}

#footer .bottom .right .pageList li:nth-of-type(3) a:hover {
  color: #69b344;
}

#footer .bottom .right .pageList li:nth-of-type(3) a:hover::after {
  background-color: #69b344;
}

#footer .bottom .right .pageList li:nth-of-type(4) a:hover {
  color: #58c1df;
}

#footer .bottom .right .pageList li:nth-of-type(4) a:hover::after {
  background-color: #58c1df;
}

#footer .bottom .right .pageList li:nth-of-type(5) a:hover {
  color: #ea7034;
}

#footer .bottom .right .pageList li:nth-of-type(5) a:hover::after {
  background-color: #ea7034;
}

#footer .bottom .right .pageList li:nth-of-type(6) a:hover {
  color: #b3cd39;
}

#footer .bottom .right .pageList li:nth-of-type(6) a:hover::after {
  background-color: #b3cd39;
}

#footer .bottom .right .pageList a {
  font-size: 18px;
  font-size: 1.8rem;
}

#footer #pageTop {
  width: 124px;
  display: none;
  position: fixed;
  bottom: 80px;
  right: 10px;
  transition: 0s;
  z-index: 99;
  image-rendering: -webkit-optimize-contrast;
}

#footer .contactImg {
  width: 380px;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 99;
}

#footer.in .top::before {
  background: url("images/img_city.png") no-repeat bottom center/auto 100%;
}

.home #footer .room6 {
  display: block !important;
}

.home #footer .contactImg {
  opacity: 0;
  -webkit-transform: translateX(30px);
  transform: translateX(30px);
  transition: 1.2s;
}

.home #footer .contactImg.in {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}






/*--------------------------------------------------------------------------
ホーム
----------------------------------------------------------------------------*/











@media all and (max-width: 1220px) {

	

  #header #fv {
		width: 100%;
  }
	#header .gnav > ul > li:not(:last-of-type) {
    margin-right: 17px;
  }
}






@media all and (max-width: 959px) {
	
  #header #fv {
		width: 100%;
  }
	#header #fv img.bg_top {
		width: 1920px !important;
		height: 100%;
		object-fit: cover;
		object-position: 0 100%;
	}
	#archive-works .taxList ul {
    padding: 30px 30px 20px;
  }

  #archive-works #sec1 .inner {
    padding: 30px;
  }

  #archive-works #sec1 .worksWrap article {
    width: calc(50% - 15px);
  }

  #archive-works #sec1 .worksWrap article:not(:nth-of-type(3n)) {
    margin-right: 0;
  }

  #archive-works #sec1 .worksWrap article:not(:nth-last-of-type(-n + 3)) {
    margin-bottom: 0;
  }

  #archive-works #sec1 .worksWrap article:nth-of-type(odd) {
    margin-right: 30px;
  }

  #archive-works #sec1 .worksWrap article:not(:nth-last-of-type(-n + 2)) {
    margin-bottom: 30px;
  }

  #single-works #sec1 .inner {
    padding: 30px;
  }

  #single-works #sec1 .worksImg {
    display: block;
  }

  #single-works #sec1 .worksImg > * {
    width: 100%;
  }

  #single-works #sec1 .worksImg img {
    margin-bottom: 20px;
  }
}







@media all and (max-width: 896px) {

	
	.home #header {
 	 top: -78.5vh;
	}
	
	
	.post-categories a {
    padding: 5px 10px;
    font-size: 1.2rem;
  }

  #edit h2 {
    font-size: 2rem;
  }

  #edit h3 {
    font-size: 1.8rem;
  }

  #header #loading img {
    max-width: 80%;
    margin: 0 auto;
  }

  #header #fv {
		width: 100%;
  }
	
	#header #fv img.bg_top {
		width: 1920px !important;
		height: 100%;
		object-fit: cover;
		object-position: 0 100%;
	}

  #header #fv #video {
    max-width: 100%;
  }

  #header #fv .hgroup {
    width: calc(100% - 40px);
    left: 20px;
  }

  #header #fv .hgroup p {
    font-size: 1.7rem;
  }

  #header #fv .hgroup a {
    padding-left: 10px;
    font-size: 1.6rem;
    line-height: 60px;
  }

  #header .headerImg {
    height: 120px;
  }

  #header .headerImg h1 span,
  #header .headerImg .header span {
    font-size: 20px;
  }

  #header .logo {
    padding: 12px 15px;
  }

  #header .logoImg img {
    height: 40px;
  }

  #header .gnav {
    width: 100%;
    height: calc(100vh - 64px);
    background-color: #fff;
    display: none;
    position: fixed;
    top: 64px;
    left: 0;
    z-index: 3;
  }

  #header .gnav > ul {
    display: block;
  }

  #header .gnav > ul > li {
    border-bottom: 2px solid #999;
    font-size: 1.4rem;
    text-align: left;
  }

  #header .gnav > ul > li > a {
    padding: 5px 20px;
    display: flex;
    align-items: center;
    position: relative;
  }

  #header .gnav > ul > li > a::after {
    width: 14px;
    height: 16px;
    background: url("images/arrow_black.svg") no-repeat center/cover;
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  #header .gnav > ul > li span {
    margin-right: 10px;
    display: inline-block;
    font-size: 1.8em;
  }

  #header .gnav > ul > li:not(:last-of-type) {
    margin-right: 0;
  }

  #header .gnav > ul > li#navContents6 {
    display: none;
  }

  #header .gnav > ul > li#navContents1,
  #header .gnav > ul > li#navContents2,
  #header .gnav > ul > li#navContents3,
  #header .gnav > ul > li#navContents4,
  #header .gnav > ul > li#navContents5,
  #header .gnav > ul > li#navContents6 {
    color: #212a2f;
  }

  #header .gnav > ul > li#navWorks {
    display: none;
  }

  #header .gnav > ul .spNav {
    display: block;
  }

  #header .gnav .subNav {
    display: none !important;
  }

  #header .gnav .subNav li {
    padding: 0;
  }

  #header .gnav .subNav li:not(:last-of-type) {
    border-right: none;
  }

  #header #menu-toggle {
    display: block;
  }

  .single #header,
  .page #header,
  .archive #header,
  .search #header {
    top: 0px;
  }

  .home .content {
    padding: 20px 0;
  }

  .home .content h2 {
    margin-bottom: 30px;
    text-align: center;
  }

  .home .content h2 span,
	.home .content .news h2 span,
	#home #sec-news h2 span{
    font-size: 40px;
		text-align: center;
  }

	
	
	
	#home #sec-news article {
		width: 100%;
	}
	#home #sec-news article iframe {
		width: 100% !important;
		height: 250px;
	}	
	
	
	
	
  #home #sec1 {
    padding: 50px 20px;
  }

  #home #sec1 .inner {
    display: block;
  }

  #home #sec1 .inner .left,
  #home #sec1 .inner .right {
    padding: 20px;
  }

  #home #sec1 .inner .left {
    width: 100%;
  }

  #home #sec1 .inner .left ul {
    display: flex;
  }

  #home #sec1 .inner .left li {
    width: 20%;
    padding: 10px;
  }

  #home #sec1 .inner .left li img {
    margin: 0 auto;
  }

  #home #sec1 .inner .left li span {
    display: none;
  }

  #home #sec1 .inner .left .active::after {
    border-top: 20px solid transparent;
    border-right: 22px solid #f6d09d;
    border-bottom: 20px solid transparent;
    top: calc(100% - 8px);
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(90deg);
    transform: translateX(-50%) rotate(90deg);
  }

  #home #sec1 .inner .left li:not(:last-of-type) {
    margin-right: 5px;
    margin-bottom: 0;
  }

  #home #sec1 .inner .right {
    width: 100%;
  }

  #home #sec1 .inner .right h3 {
    margin-bottom: 15px;
    display: flex;
  }

  #home #sec1 .inner .right .serviceImg,
  #home #sec1 .inner .right p {
    margin-bottom: 20px;
  }

  #home #sec1 .inner .ufo1 {
    width: 61px;
    height: 70px;
    top: -25px;
    left: -15px;
  }

  #home #sec1 .inner .room1 {
    width: 99px;
    height: 88px;
		top: 210px;
    right: -20px;
  }

	#home #sec-news .news {
		display: block;
		align-items: flex-start;
		justify-content: space-between;
	}
	
  #home #sec2,
	#home #sec-news {
    margin-bottom: 0;
  }
  #home #sec2 .column {
    display: block;
  }
  #home #sec2 .left,
	#home #sec-news .left {
    width: 100%;
    display: block;
  }
  #home #sec2 .left article,
	#home #sec-news .left article{
    width: 100%;
    padding: 20px;
    border: none !important;
  }
  #home #sec2 .left .button,
	#home #sec-news .button {
    width: 280px;
    margin: 30px auto;
  }
  #home #sec2 .right,
	#home #sec-news .right {
    width: 100%;
    padding: 20px;
  }

	
	
  #home #sec4 {
    padding: 50px 0;
  }

  #home #sec4 .inner .room4 {
    width: 120px;
    height: 98px;
    top: -70px;
    left: -20px;
  }

  #home #sec4 .inner .room5 {
    width: 92px;
    height: 86px;
    top: 0;
    right: 0;
    bottom: unset;
  }

  #home #sec4 .mainImg {
    width: calc(100% - 30px);
    border-width: 10px;
  }

  #home #sec4 section {
    width: calc(100% - 30px);
    margin: -20px 0 0 30px;
    padding: 20px;
  }

  #page-service .content {
    padding-bottom: 50px;
  }

  #page-service .content .header {
    display: block;
  }

  #page-service .content .header section::after {
    display: none;
  }

  #page-service .content .header section h2 {
    margin-bottom: 20px;
    font-size: 2.4rem;
  }

  #page-service .content .header section p {
    font-size: 1.6rem;
  }

  #page-service .content .header img {
    width: 100%;
  }

  #page-service .content ul::after {
    display: none;
  }

  #page-service .content ul li {
    width: 50%;
    padding-right: 0;
    flex-direction: column;
    font-size: 1.6rem;
    text-align: center;
  }

  #page-service .content ul li img {
    margin: 0 0 10px;
  }

  #page-service .content ul li:nth-of-type(odd) {
    padding-right: 10px;
  }

  #page-service .content ul li:nth-of-type(even) {
    padding-left: 10px;
  }

  #page-service .content ul li:not(:nth-last-of-type(-n + 3)) {
    margin-bottom: 0;
  }

  #page-service .content ul li:not(:nth-last-of-type(-n + 2)) {
    margin-bottom: 20px;
  }

  #page-service .content .portfolio {
    width: calc(100% - 40px);
    margin: 20px 20px 0;
    padding: 20px;
  }

  #page-service .content .portfolio h3 {
    margin-bottom: 20px;
    font-size: 1.6rem;
  }

  #page-service .content .portfolio a {
    font-size: 1.6rem;
  }

  #page-service .content:nth-of-type(odd) .header section {
    padding: 20px;
  }

  #page-service .content:nth-of-type(odd) ul {
    padding: 20px;
  }

  #page-service .content:nth-of-type(even) .header section {
    padding: 20px;
  }

  #page-service .content:nth-of-type(even) ul {
    padding: 20px;
  }

  #page-service #sec1 {
    padding-top: 50px;
  }

  #page-service2 .content {
    padding-bottom: 50px;
  }

  #page-service2 .content .white {
    height: auto;
    background-color: #fff;
  }

  #page-service2 .content .white::before {
    display: none;
  }

  #page-service2 .content .white h2 {
    margin-bottom: 20px;
    font-size: 2.8rem;
  }

  #page-service2 .content .white h2 + p {
    margin-bottom: 20px;
  }

  #page-service2 .content .white ul {
    width: calc(100% - 20px);
    margin: 0 10px;
  }

  #page-service2 .content .white > img {
    margin: -10px auto 0;
    position: static;
  }

  #page-service2 .content .portfolio {
    margin-top: 0;
    padding: 20px;
  }

  #page-service2 .content .portfolio h3 {
    margin-bottom: 20px;
    font-size: 1.6rem;
  }

  #page-service2 .content .bunner {
    margin-top: 20px;
  }

  #page-service2 section:nth-of-type(odd) .white {
    padding: 20px;
  }

  #page-service2 section:nth-of-type(odd) .white ul {
    padding: 20px 20px 30px;
  }

  #page-service2 section:nth-of-type(even) .white {
    padding: 20px;
  }

  #page-service2 section:nth-of-type(even) .white ul {
    padding: 20px 20px 30px;
    float: none;
  }

  #page-service2 #sec1 {
    padding-top: 50px;
  }

  #archive .content .inner,
  #single-post .content .inner {
    display: block;
  }

  #archive #sec1,
  #single-post #sec1 {
    padding: 20px 0;
  }

  #archive .column,
  #single-post .column {
    padding: 20px;
  }

  #archive .right,
  #single-post .right {
    width: 100%;
  }

  #archive .pickup article {
    width: 100%;
    margin-bottom: 20px;
    border: none !important;
  }

  #archive .pickup article:nth-of-type(odd) {
    padding-right: 0;
    border-right: none;
  }

  #archive .pickup article:nth-of-type(even) {
    padding-left: 0;
  }

  #archive .pickup article:nth-of-type(-n + 2) {
    padding-bottom: 0;
    border-bottom: none;
  }

  #archive .pickup article:nth-last-of-type(-n + 2) {
    padding-top: 0;
  }

	#archive .postWrap article {
 	 padding: 5px 0;
	}
	
  #archive .postWrap article > a {
    padding: 20px 0 66px;
  }

  #archive .postWrap article .attachment-post-thumbnail {
    width: 100% !important;
    height: 180px;
    object-fit: cover;
  }

  #archive .postWrap article figcaption {
    width: 100%;
  }

  #archive .postWrap article time {
    margin-bottom: 0;
    padding-top: 0;
    font-size: 1.2rem;
  }

  #archive .postWrap article h2 {
    font-size: 15px;
  }

  #archive .postWrap article .postMeta {
    width: 100%;
    position: relative;
    bottom: 0px;
    left: 0;
  }

  #archive .postWrap article .postMeta .user img {
    width: 36px;
  }

  #archive .postWrap article .new {
    width: 44px;
    font-size: 1.4rem;
    line-height: 22px;
    top: 13px;
    left: 320px;
  }

  #archive .postWrap article .post-categories {
    display: none;
  }

	
	
	
	#archive .content .inner,
	#archive .content .inner,
	#single-post .content .inner {
		background-color: #FFFBEF;
		display: block;
		border-radius: 0px;
		border: none;
	}

	
	
  #single-post .left .footer .favorite {
    margin: 0;
    padding: 20px;
  }

  #single-post .left .footer .favorite h4 {
    font-size: 1.5rem;
  }

  #single-post .left .footer .favorite h4::before {
    margin-right: 5px;
  }

  #single-post .left .footer .favorite h4::after {
    margin-left: 5px;
  }

  #single-post .left .footer .favorite .reaction_button {
    margin: 0 0 20px;
  }

  #single-post .left .footer .tag h4,
  #single-post .left .footer .related h4 {
    font-size: 2rem;
  }

  #single-post .left .footer .writer {
    margin: 0;
  }

  #single-post .left .footer .writer h5 {
    font-size: 2rem;
  }

  #single-post .left .footer .writer figure img {
    width: 50px;
    margin-right: 10px;
  }

  #single-post .left .footer .writer .linkList .sns a {
    width: auto;
  }

  #single-post .left .footer .writer .linkList .writerLink a {
    width: 100%;
  }

  #single-post .left .footer .writer .linkList {
    flex-wrap: wrap;
  }

  #single-post .left .footer .writer .linkList .sns {
    width: calc(25% - 7.5px);
    margin-bottom: 20px;
  }

  #single-post .left .footer .writer .linkList li:last-of-type {
    width: 100%;
  }

  #single-post .left .footer .writer .linkList li:last-of-type a {
    font-size: 1.6rem;
  }

  #single-post .left .footer .tag .post-tags a {
    padding: 5px 10px;
    font-size: 1.2rem;
  }

  #single-post .left .footer .related article {
    width: calc(50% - 10px);
		height: 240px;
	}

  #single-post .left .footer .related article:nth-of-type(odd) {
    margin-right: 20px !important;
  }

  #single-post .left .footer .related article:not(:nth-of-type(3n)) {
    margin-right: 0;
  }

  #single-post .left .footer .related article:not(:nth-last-of-type(-n + 2)) {
    margin-bottom: 20px !important;
  }

  #single-post .left .footer .related article:not(:nth-last-of-type(-n + 3)) {
    margin-bottom: 0;
  }

  #single-post .left .footer .related figcaption {
    font-size: 1.2rem;
  }

  #single-post .left .footer .pager .prev-next {
    display: block;
  }

  #single-post .left .footer .pager .prev-next > div {
    width: 100%;
  }

  #single-post .left .footer .pager .prev-next > div + div {
    margin-top: 20px;
  }

  #page-company .content {
    padding-bottom: 50px;
  }

  #page-company .content h2 {
    width: calc(100% - 20px);
    padding: 20px !important;
    background-color: #212a2f;
    font-size: 1.6rem;
  }

  #page-company .content h2 span {
    font-size: 1.6em;
    line-height: 1.6;
  }

  #page-company .content h2::before {
    display: none;
  }

  #page-company .content .body {
    margin-top: -52.5px;
    padding: 72.5px 20px 20px;
    background-color: #fff;
  }

  #page-company .content .body::before {
    display: none;
  }

  #page-company .content .body .text img {
    margin: 0 auto 20px;
    float: none;
  }

  #page-company .content .body .ceo {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  #page-company .content .body .ceo img {
    margin: 0 auto 20px;
    float: none;
  }

  #page-company .content .body .coo img {
    margin: 0 auto 20px;
    float: none;
  }

  #page-company .content .body .link {
    margin: 20px 0 0;
    padding: 20px;
  }

  #page-company section:nth-of-type(odd) h2::before {
    right: 20px;
  }

  #page-company section:nth-of-type(even) h2 {
    margin-left: 20px;
  }

  #page-company section:nth-of-type(even) h2::before {
    left: 20px;
  }

  #page-company #sec1 {
    padding-top: 50px;
  }

  #page-company #sec3 .bg {
    height: 300px;
  }

  #page-company #sec3 .address {
    display: block;
  }

  #page-company #sec3 .address > div:first-of-type {
    margin-bottom: 20px;
  }

  #page-company #sec3 .address iframe {
    width: 100%;
  }

  #page-company #sec4 .historyList h3 {
    font-size: 2.2rem;
  }

  #page-company #sec4 .historyList .monthList {
    padding-left: 35px;
  }

  #archive-member .content {
    padding-bottom: 50px;
  }

  #archive-member #sec1 {
    padding-top: 50px;
  }

  #archive-member .top {
    padding: 20px 20px 40px;
  }

  #archive-member h2 {
    margin-bottom: 20px;
    padding: 20px 0 20px 20px;
    font-size: 1.4rem;
  }

  #archive-member h2::before {
    height: 104px;
    right: calc(50% - 120px);
  }

  #archive-member h3 {
    font-size: 1.4rem;
  }

  #archive-member h3 + p {
    margin-bottom: 20px;
  }

  #archive-member figure {
    display: block;
  }

  #archive-member figure img {
    margin: 0 auto 20px;
  }

  #archive-member figure p {
    width: 100%;
  }

  #archive-member .memberList {
    margin-top: -20px;
    padding: 0 20px;
  }

  #archive-member .memberList li {
    width: calc(50% - 5px);
  }

  #archive-member .memberList li .info {
    padding: 10px;
    font-size: 1.3rem;
  }

  #archive-member .memberList li:not(:nth-of-type(4n)) {
    margin-right: 0;
  }

  #archive-member .memberList li:nth-of-type(odd) {
    margin-right: 10px;
  }

  #archive-member .memberList li:not(:nth-last-of-type(-n + 4)) {
    margin-bottom: 0;
  }

  #archive-member .memberList li:not(:nth-last-of-type(-n + 2)) {
    margin-bottom: 10px;
  }

  #single-member #sec1::before {
    height: 325px;
  }

  #single-member #sec1 .inner {
    padding: 20px 20px 0;
    flex-direction: column-reverse;
  }

  #single-member #sec1 .left {
    width: 100%;
    padding-bottom: 20px;
  }

  #single-member #sec1 .left .department {
    margin-bottom: 10px;
  }

  #single-member #sec1 .left h2 {
    font-size: 2.8rem;
  }

  #single-member #sec1 .left .postMeta {
    margin-bottom: 30px;
    display: block;
  }

  #single-member #sec1 .left .postMeta span {
    margin-bottom: 10px;
  }

  #single-member #sec1 .left .postMeta .linkList .sns a {
    width: auto;
  }

  #single-member #sec1 .left .postMeta .linkList .writerLink a {
    width: 100%;
  }

  #single-member #sec1 .left .postMeta .linkList li a {
    width: 50px !important;
  }

  #single-member #sec1 .left .memberText {
    margin-bottom: 20px;
  }

  #single-member #sec1 .right2 {
    width: 100%;
    height: calc(100vh - 84px);
  }

  #single-member #sec1 .right2 .zoominLabel {
    bottom: 80px;
  }

  #single-member #sec1 .right2 .zoomoutLabel {
    bottom: 20px;
  }

  #single-member #sec1 .right2 .img {
    top: 50% !important;
    -webkit-transform: translate(calc(-50% + 30px), -50%) !important;
    transform: translate(calc(-50% + 30px), -50%) !important;
  }

  #single-member #sec1 .right2 .zoomin {
    top: 20px;
    bottom: unset;
  }

  #single-member #sec1 .right2 #photo:checked ~ #zoomout:checked ~ .zoomout {
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
  }

  #single-member #sec1 .right2 #photo:checked ~ #zoomin:checked ~ .zoomin {
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
  }

  #single-member #sec1 .right2 #serif {
    width: 145px;
    height: 206px;
    padding: 30px;
    font-size: 1.6rem;
    right: 50px;
  }

  #single-member #sec1 .pager {
    width: 45px;
    line-height: 85px;
    top: 16%;
  }

  #single-member #sec2 .inner,
  #single-member #sec3 .inner {
    padding: 20px;
  }

  #single-member #sec2 h3,
  #single-member #sec3 h3 {
    font-size: 2rem;
  }

  #single-member #sec2 .button,
  #single-member #sec3 .button {
    width: 280px;
    margin: 30px auto 0;
  }

  #single-member #sec2 .articleWrap {
    display: block;
  }

  #single-member #sec2 article {
    width: 100%;
  }

  #single-member #sec2 article:not(:nth-of-type(3n)) {
    margin-right: 0;
  }

  #single-member #sec2 article:not(:nth-last-of-type(-n + 3)) {
    margin-bottom: 0;
  }

  #single-member #sec2 article:not(:last-of-type) {
    margin-bottom: 20px;
  }

  #single-member #sec3 {
    padding-bottom: 50px;
  }

  #single-member #sec3 .memberWrap article {
    width: calc(50% - 5px);
  }

  #single-member #sec3 .memberWrap article .info {
    padding: 10px;
    font-size: 1.3rem;
  }

  #single-member #sec3 .memberWrap article:not(:nth-of-type(5n)) {
    margin-right: 0;
  }

  #single-member #sec3 .memberWrap article:not(:nth-last-of-type(-n + 5)) {
    margin-bottom: 0;
  }

  #single-member #sec3 .memberWrap article:nth-of-type(odd) {
    margin-right: 10px;
  }

  #archive-recruit .content {
    padding-bottom: 50px;
  }

  #archive-recruit .content .inner {
    padding: 20px;
  }

  #archive-recruit .content h2 {
    font-size: 2.8rem;
  }

  #archive-recruit .content section {
    padding: 20px 0;
  }

  #archive-recruit .content h3 {
    font-size: 1.9rem;
  }

  #archive-recruit .content .text {
    font-size: 1.4rem;
  }

  #archive-recruit .content table {
    font-size: 1.4rem;
  }

  #archive-recruit .content table th,
  #archive-recruit .content table td {
    padding: 10px 0;
  }

  #archive-recruit .content table th {
    width: auto;
    padding-right: 20px;
  }

  #archive-recruit .content .toggle {
    width: 40px;
    font-size: 2rem;
    line-height: 40px;
    top: 20px;
    right: 0;
  }

  #archive-recruit .content .norecuit {
    margin-top: 20px;
    font-size: 2rem;
  }

  #archive-recruit #sec1 {
    padding-top: 50px;
  }

  #page-contact #sec1 .inner {
    padding: 20px;
  }

  #page-contact .intro {
    margin-bottom: 50px;
  }

  #page-contact .intro .text {
    margin-bottom: 20px;
  }

  #page-contact .intro .tel {
    padding: 20px 40px;
    border-radius: 61px;
  }

  #page-contact .intro .tel br {
    display: block;
  }

  #page-contact .intro .tel .num {
    font-size: 2.8rem;
  }

  #page-contact .item h2 {
    font-size: 2rem;
  }

  #page-contact .item h2 + p {
    margin: 20px 0;
  }

  #page-contact .item .button {
    line-height: 60px;
  }

  #page-contact section:not(:last-of-type) {
    margin-bottom: 50px;
  }

  #page-contact .form {
    padding: 20px 0;
  }

  #page-contact .step {
    margin-bottom: 50px;
    display: block;
  }

  #page-contact .step > li {
    padding: 20px 0;
  }

  #page-contact .step > li:nth-of-type(odd) {
    width: 100%;
  }

  #page-contact .step > li:nth-of-type(even) {
    font-size: 2rem;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  #page-contact .mw_wp_form table,
  #page-contact .mw_wp_form tbody,
  #page-contact .mw_wp_form tr,
  #page-contact .mw_wp_form th,
  #page-contact .mw_wp_form td {
    display: block;
  }

  #page-contact .mw_wp_form th {
    padding: 0;
  }

  #page-contact .mw_wp_form input[type="submit"] {
    font-size: 2rem;
    line-height: 60px;
  }

  #not-found #sec1 {
    padding: 30px 0;
  }

  #not-found #sec1 h1 {
    margin-bottom: 10px;
    padding: 0 20px;
    font-size: 5rem;
    text-shadow: 0px -5px 0px #fff, 5px 0px 0px #fff, 0px 5px 0px #fff,
      -5px 0px 0px #fff;
  }

  #not-found #sec1 h2 {
    margin-bottom: 10px;
    padding: 0 20px;
    font-size: 2rem;
  }

  #not-found #sec1 h2 + img {
    width: 200px;
  }

  #not-found #sec1 a {
    width: calc(100% - 40px);
  }

  #page-privacy-policy .inner {
    padding: 20px;
  }

  #page-privacy-policy h2 {
    font-size: 2rem;
  }

  #page-privacy-policy h3 {
    font-size: 1.6rem;
  }

  #page-privacy-policy th,
  #page-privacy-policy td {
    width: 50%;
    padding: 5px 10px !important;
    font-size: 1.3rem;
  }

  #footer .top {
    padding: 50px 20px;
  }

  #footer .top .inner .room6 {
    width: 98px;
    height: 104px;
    top: unset;
    bottom: 100%;
    left: -20px;
  }

  #footer .top .inner .crew3 {
    width: 86px;
    height: 85px;
    top: unset;
    right: -10px;
    bottom: calc(100% + 10px);
  }

  #footer .top .inner .crew4 {
    width: 64px;
    height: 69px;
    top: calc(100% + 10px);
    bottom: unset;
  }

  #footer .top h4 {
    font-size: 2rem;
  }

  #footer .top h4 + p {
    margin-bottom: 20px;
  }

  #footer .top .tel {
    margin: 0 auto 20px;
    padding: 20px 0;
  }

  #footer .top .tel p {
    font-size: 2rem;
  }

  #footer .top .tel .telNum {
    font-size: 3rem;
  }

  #footer .top .tel .telNum img {
    width: ;
  }

  #footer .top h5 {
    font-size: 2rem;
  }

  #footer .bottom {
    padding: 50px 20px 20px;
  }

  #footer .bottom .left {
    width: 100%;
  }

  #footer .bottom .left .logoImg {
    margin: 0 auto 30px;
  }

  #footer .bottom .left .snsList {
    margin-bottom: 30px;
    display: block;
  }

  #footer .bottom .left .snsList li {
    width: 100%;
  }

  #footer .bottom .left .snsList li:not(:nth-last-of-type(-n + 2)) {
    margin-bottom: 0;
  }

  #footer .bottom .left .snsList li:nth-of-type(odd) {
    margin-right: 0;
  }

  #footer .bottom .left .snsList li:not(:last-of-type) {
    margin-bottom: 20px;
  }

  #footer .bottom .left .snsList a {
    padding: 15px 0;
  }

  #footer .bottom .left .copyright {
    position: static;
    text-align: center;
  }

  #footer .bottom .right {
    display: none;
  }

  #footer #pageTop {
    display: none !important;
  }

  #footer .contactImg {
    display: none;
  }
}

@media all and (max-width: 559px) {

	body,
	input,
	select,
	textarea {
		color: #7F5444;
		font-family: "number", "M PLUS Rounded 1c", sans-serif;
		font-size: 16px;
		font-style: normal;
		line-height: 1.6;
	}

	body.page main div.inner {
	padding: 20px;
	background: #fff;
}
	
	#header #fv .ch_hili {
		left: 270px !important;
	}
	#header #fv .ch_lily {
		left: 0px !important;
	}
	
	#archive .column,
  #single-post .column {
    padding: 10px;
  }
	#archive .column,
  #single-post .column .header img {
    width: 100%;
  }
	
  #header #fv {
		width: 100%;
  }
	#header #fv img.bg_top {
		width: 1920px !important;
		height: 100%;
		object-fit: cover;
		object-position: 0 100%;
	}	
	#header #fv .ch_morimon {
	position: absolute;
    top: 335px;
    width:100%;
		transform: translateX(100%);
	  animation: marquee 30s linear infinite;
	}
	#home #sec1 .banner a .pc {
    display: none;
  }

  #home #sec1 .banner a .sp {
    display: block;
  }

	#header .headerImg h1,
	#header .headerImg .header {
		font-size: 15px;
		font-weight: normal;
		text-align: center;
	}
	#home #sec2 .news {
		display: block;
		align-items: flex-start;
		justify-content: space-between;
	}
	
  #archive-works .taxList ul {
    padding: 20px 20px 10px;
  }

  #archive-works #sec1 .inner {
    padding: 20px;
  }

  #archive-works #sec1 .worksWrap article {
    width: 100%;
  }

  #archive-works #sec1 .worksWrap article:nth-of-type(odd) {
    margin-right: 0;
  }

  #archive-works #sec1 .worksWrap article:not(:nth-last-of-type(-n + 2)) {
    margin-bottom: 0;
  }

  #archive-works #sec1 .worksWrap article:not(:last-of-type) {
    margin-bottom: 20px;
  }
	
	#edit div.at-share-btn-elements a {
		width: 18.0%;
	}

	#edit p {
		margin-bottom: 5px;
	}
	
	#single-post .left .header h1 {
  margin-bottom: 10px;
	font-size: 20px;
	}
	
	#edit h2 {
	position: relative;
  padding: 15px;
  background-color: #AE8565;
	color: #fff;
	margin-bottom: 10px;
	border-radius: 20px;
	text-indent: 45px;
	text-shadow: 2px 4px 5px #7F5444;
}
#edit h2::before,
#edit h2::after {
   position: absolute;
   content: '';
   border-radius: 100%
}
#edit h2::before {
	image-rendering: -webkit-optimize-contrast;
	background: url(images/h2_bg_title1.png);
	background-size: 60%;
	background-repeat: no-repeat;
	background-position-y: center;
	top: 0px;
	left: 15px;
	width: 55px;
	height: 55px;
	border-radius: 0;
}
	#edit h3 {
	position: relative;
  padding-left: 15px;
	height: 50px;
	background: url(images/h3_bg_title2.png);
	image-rendering: -webkit-optimize-contrast;
	text-align: left;
	color: #FFFFFF;
	text-shadow: 1px 3px 5px #7F5444;
	z-index:0;
	padding: 10px 0 0 50px;
}
	#edit h3::before,
	#edit h3::after {
		 position: absolute;
		 content: '';
		 border-radius: 100%
	}
	#edit h3::before {
		image-rendering: -webkit-optimize-contrast;
		background: url(images/h3_bg_title1.png);
		background-size: 100%;
		background-position-y: center;
		top: 0px;
		left: 0px;
		width: 100px;
		height: 50px;
		border-radius: 0;
		z-index:-1;
	}
	#edit h3::after {
		image-rendering: -webkit-optimize-contrast;
		background: url(images/h3_bg_title3.png);
		background-size: 100%;
		background-position-y: center;
		top: 0px;
		right: 0px;
		width: 100px;
		height: 50px;
		border-radius: 0;
		z-index: -2;
	}
	
	#single-post .left .footer .tag h4 span,
	#single-post .left .footer .related h4 span {
		width: calc(100% - 50px);
		display: inline-block;
		font-size: 16px;
	}
	
  #single-works #sec1 .inner {
    padding: 20px;
  }

  #single-works #sec1 .header h1 {
    font-size: 3rem;
  }

  #single-member #sec1::before {
    height: 400px;
  }

  #single-member #sec1 .left .memberText {
    height: 175px;
  }
	
	#single-post .left .movie-one iframe {
		width: 100%;
		height: 200px !important;
		margin-bottom: 0px;
	}
	#single-post .related .movie-one iframe {
		width: 100%;
		height: 120px !important;
		margin-bottom: 0px;
	}
	
	#single-post .left .lyric {
	background: url(images/bg_lyrics2.png);
	background-size: 100%;
	padding-top: 40px;
	padding: 30px;
	z-index: 1;
	position: relative;
	margin-bottom: 85px;
	font-size: 12px;
	margin-top: 70px;
	}
	
	#archive .postWrap article figure {
  display: block;
  align-items: flex-start;
  justify-content: space-between;
	}

	#archive .postWrap article .thumb {
		overflow: hidden;
		position: relative;
		width: 100%;
		height: 230px;
		object-fit: cover;
	}

	#archive .postWrap article .thumb .movie-one iframe {
		width: 100% !important;
		height: 230px !important;
		position: absolute;
		bottom: -41px;
	}

	#archive .postWrap article figcaption audio {
	position: absolute;
	top: 135px;
	left: 0;
	width: 96%;
	opacity: 1;
	}
	#archive .postWrap article figcaption audio:hover {
		opacity: 1;
	}
	
	#single-post .left .footer .favorite span.wpfp-span {
		margin: 0 0px 20px;
		padding: 20px 0;
		background-color: #F6C3C5;
		border-radius: 32px;
		color: #fff;
		cursor: pointer;
		display: block;
		}

	#single-post .left .footer .favorite span.wpfp-span:hover {
		color: #F6C3C5;
			background: #fff;
	}

	#single-post .left .footer .favorite span.wpfp-span > a {
		position: relative;
	}

	#single-post .left .footer .favorite span.wpfp-span > a:hover {
		color: #F6C3C5;
			background: #fff;
	}

	#single-post .left .footer .favorite span.wpfp-span > a::before {
		width: 32px;
		height: 32px;
		background: url("images/icon_good.png") no-repeat center/cover;
		content: "";
		position: absolute;
		top: 50%;
		left: 10%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#single-post .left .footer .related article a .wp-post-image {
	width: 100%;
	height: 120px;
	object-fit: cover;
	}
	#single-post .left .footer .related article a:hover .wp-post-image {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
	}
	
	#edit table tr th {
  font-weight: bold;
  background: #f5f4f4;
	font-size: 10px;
	}
	
	#edit table tr th,
	#edit table tr td {
  padding: 10px;
  border: 1px solid #ddd;
  vertical-align: middle;
  line-height: 2;
	font-size: 10px;
	}

}

iframe#music-movie {
	width: 100%;
  height: 230px;
}

body.single iframe#music-movie {
	width: 100%;
  height: 437px;
}
.breadcrumb {
  width: 100%;
  padding: 10px 20px;
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  white-space: nowrap;
	font-size: 12px;
}