@charset "UTF-8";
/* -------------------------------

- anime

 ------------------------------- */

/* inview
------------------------------- */
/* viewGray */
.inview.viewGray:after,
.inview.viewWhite:after {
	transform: translateX(0%);
}
.viewGray,
.viewWhite {
	position: relative;
	overflow: hidden;
}
.viewGray:after,
.viewWhite:after {
	content: "";
	width: 100%;
	height: 100%;
	background: #F4F4F4;
	position: absolute;
	top: 0;
	right: 0;
	transform: translateX(101%);
	transition: 1s;
}
.viewWhite:after  {
	background: #fff;
}
/* fadeIn */
.inview.fadeIn {
	opacity:0;
	transform: translateY(30%) scale(.75);
}
.fadeIn {
	opacity:1;
	transform:scale(1);
	transition: .5s;
}

/* viewRotate */
.inview.viewRotate {
	opacity:0;
	transform: translateY(30%) scale(.5) rotate(180deg);
}
.viewRotate {
	opacity:1;
	transform:scale(1);
	transition: 1s;
}
/* -------------------------------

- header

 ------------------------------- */
.site-header .sitelog {
	opacity: 1;
	width: 7.8rem;
	position: fixed;
	top: 3rem;
	left: 4rem;
	z-index: 999;
	transition: .5s;
}
.home .site-header.mvIn .sitelog {
	opacity: 0;
	left: 0;
	transform: translateX(-100%);
}
@media only screen and (max-width: 737px) {
	.site-header .sitelog {
		width: 3rem;
		top: 1.5rem;
		left: 1.5rem;
	}
}
/* globalNav
------------------------------- */
/* nav */
.nav-open {
	overflow: hidden;
}
.site-header .globalNav {
	opacity: 0;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	transform: translate(100%,-100%);
	z-index: 998;
	overflow: hidden;
  transition: opacity 1.5s;
}
.site-header .globalNav .globalNav_inner {
 	overflow-x: hidden;
	min-height: 100vh;
	height: 100%;
	padding: 15rem 12rem 3rem;
	overflow-y: scroll;
 	display: flex;
 	flex-direction: column;
 	justify-content: space-between;
}
.nav-open .site-header .globalNav {
	opacity: 1;
	transform: translate(0,0);
}
.site-header .globalNav:before {
	content: "";
	position: fixed;
	top: 0;
	right: 0;
	z-index: -1;
  width: 100%;
  min-height: 100vh;
  padding-bottom: 100%;
  border-radius: 50%;
  background: #fff;
	border: 1px solid #333333;
  transform: translate(100%,-100%) scale(0);
  transition: transform 1.5s;
}
.nav-open .site-header .globalNav:before {
  transform: translate(0,0) scale(2);
}
.nav-open .site-header .globalNav,
.nav-open .site-header .globalNav nav {
	opacity: 1;
}
.site-header .globalNav nav {
  transition: all 1s;
	opacity: 0;
	display: flex;
	flex-wrap: wrap;
	margin-left: -12.5rem;
	margin-top: -2em;
}
.site-header .globalNav nav > ul {
	margin-left: 12.5rem;
}
.site-header .globalNav nav > ul > li {
	font-size: 2.5rem;
	font-weight: 400;
}
.site-header .globalNav nav > ul > li > a,
.site-header .globalNav nav > ul > li > p {
	display: inline-block;
}

.site-header .globalNav nav li {
	font-size: 1.5rem;
	font-weight: 400;
	font-family: "ゴシックMB101 R" ,"Gothic MB101 Regular", sans-serif;
	margin-top: 2em;
}
.site-header .globalNav nav .childNav li a {
	display: inline-block;
	color: #ADADAD;
}
.site-header .copyright {
	margin-top: 5em;
	font-size: 1.4rem;
	font-weight: 400;
	color: #ADADAD;
	text-align: right;
}
/* menuBtn */
.site-header #menuBtn {
	width: 9rem;
	height: 9rem;
	border: 1px solid #FFFFFF;
	background-color: rgba(255,255,255,.7);
	border-radius: 50%;
	position: fixed;
	top: 3rem;
	right: 4rem;
	z-index: 999;
   z-index: 999;
   overflow: hidden;
}
.site-header #menuBtn:before,
.site-header #menuBtn span:before,
.site-header #menuBtn span:after {
	content: "";
	width: 3rem;
	height: 3px;
	background-color: #333333;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.site-header #menuBtn span:before {
	top: calc(50% + 1rem);
}
.site-header #menuBtn span:after {
	top: calc(50% - 1rem);
}
.nav-open .site-header #menuBtn:before{
	display: none;
}
.nav-open .site-header #menuBtn span:before {
	top: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
}
.nav-open .site-header #menuBtn span:after {
	top: 50%;
	transform: translate(-50%,-50%) rotate(-45deg);
}
.site-header #menuBtn:hover {
	transform: scale(1.1);
}
/* layer */
.nav-open #layer {
	display: block;
}
#layer {
	display: none;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,.7);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 997;
}
@media only screen and (max-width: 737px) {
	/* nav */
	.site-header .globalNav {
		width: 100%;
	}
	.site-header .globalNav .globalNav_inner {
		padding: 10rem 5.5rem;
	}
		.site-header .globalNav nav  {
			flex-direction: column;
		}
	.site-header .globalNav nav > ul > li {
		font-size: 1.4rem;
	}
	.site-header .globalNav nav .child-open .childNav {
		display: block;
	}
	.site-header .globalNav nav .childNav li {
		font-size: 1rem;
	}
	.site-header .copyright {
		font-size: 1rem;
	}
	/* menuBtn */
	.site-header #menuBtn {
		width: 3.8rem;
		height: 3.8rem;
		top: 1.5rem;
		right: 1.5rem;
	}
	.site-header #menuBtn:before,
	.site-header #menuBtn span:before,
	.site-header #menuBtn span:after {
		width: 10px;
		height: 1px;
	}
	.site-header #menuBtn span:before {
		top: calc(50% + 4px);
	}
	.site-header #menuBtn span:after {
		top: calc(50% - 4px);
	}
	/* header/footer child */
	.site-header .globalNav nav > ul > li.accordionLink > p,
	.site-footer .globalNav > ul > li.accordionLink > p  {
		display: inline-block;
		position: relative;
		padding-right: 2em;
		cursor: pointer;
	}
	.site-header nav > ul > li.accordionLink > p:before,
	.site-footer .globalNav > ul > li.accordionLink > p:before {
		content: "";
		display: inline-block;
		width: 16px;
		height:16px;
		border-radius: 50%;
		text-align: center;
		vertical-align: middle;
		color: #fff;
		background-color: #767676;
		background-repeat: no-repeat;
		background-position: center;
		background-image: url(./images/common/plus_white.svg);
		background-size: 6px;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	.site-footer .globalNav > ul > li.accordionLink > p:before  {
		background-color: #333;
	}
	.site-header nav > ul > li.child-open > p:before,
	.site-footer .globalNav > ul > li.child-open > p:before {
		background-image: url(./images/common/minus_white.svg);
		background-size: 6px;
	}
	.site-header nav li.accordionLink .childNav,
	.site-footer .globalNav li.accordionLink .childNav {
		display: none;
	}
	.site-header nav > ul > li.child-open .childNav,
	.site-footer .globalNav > ul > li.child-open .childNav {
		display: block;
	}
}

/* -------------------------------

- footer

 ------------------------------- */
.site-footer {
	color: #fff;
	background-color: #0E0E0E;
	overflow: hidden;
}
.site-footer a {
	color: #fff;
}
.site-footer .globalNav .childNav a,
.site-footer .snsNav,
.site-footer .policyNav a,
.site-footer .copyright {
	color: #767676;
}
.site-footer .footer_inner {
	margin: 12rem auto 5.5rem;
}
@media only screen and (max-width: 737px) {
	.site-footer .footer_inner {
		margin: 4.5rem 1.5rem 3rem;
	}
}
/* nav
------------------------------- */
.site-footer  nav {
	display: flex;
	flex-wrap: wrap;
}
.site-footer .sitelog {
	width: 7.7rem;
	margin-right: 39rem;
}
.site-footer .globalNav {
	display: flex;
	flex-wrap: wrap;
}
.site-footer .globalNav a {
	display: inline-block;
	line-height: 1.33;
}
.site-footer .globalNav > ul:first-child {
	margin-right: 19.5rem;
}
.site-footer .globalNav li {
	font-size: 2.5rem;
	font-weight: 400;
	line-height: 1.33;
	margin-top: 1.5em;
}
.site-footer .globalNav .childNav li {
	font-size: 1.5rem;
	line-height: 1.33;
	letter-spacing: 0.03em;
	font-weight: 400;
	font-family: "ゴシックMB101 R" ,"Gothic MB101 Regular", sans-serif;
	color: #959595;
}
.site-footer .globalNav .childNav > ul > li:first-child {
	margin-top: 2em;
}
@media only screen and (max-width: 737px) {
	.site-footer  nav {
		flex-direction: column;
	}
	.site-footer .sitelog {
		width: 3rem;
		margin: 0 0 6rem;
	}
	.site-footer .globalNav {
		flex-direction: column;
	}
	.site-footer .globalNav li {
		font-size: 1.4rem;
		}
	.site-footer .globalNav .childNav li {
		font-size: 1rem;
	}
}
/* snsNav / policyNav
------------------------------- */
.site-footer .snsNav {
	margin-bottom: 4rem;
}
.site-footer .snsNav .snsNav_title {
	font-size: 2rem;
	font-weight: 400;
	letter-spacing: 0.03em;
	margin-bottom: 2rem;
}
.site-footer .snsNav ul,
.site-footer .policyNav ul {
	display: flex;
}
.site-footer .snsNav ul li{
	margin-right: 1rem;
}
.site-footer .policyNav ul li {
	margin-right: 2.2rem;
}
@media only screen and (max-width: 737px) {
	.site-footer .snsNav {
		margin: 10rem 0 3rem;
	}
	.site-footer .snsNav ul li{
		width: 2.9rem;
		margin-right: 0.8rem;
	}
	.site-footer .snsNav .snsNav_title {
		font-size: 1rem;
		margin-bottom: 1rem;
	}
	.site-footer .policyNav ul {
		display: block;
	}
	.site-footer .policyNav ul li {
		font-size: 0.8rem;
		margin-bottom: 1em;
	}
	.site-footer .policyNav ul li:last-child {
		margin-bottom: 1em;
	}
}
/* copyright
------------------------------- */
.site-footer .copyright {
	font-size: 1.4rem;
	font-weight: 400;
	letter-spacing: 0.03em;
	margin-top: 2rem;
}
@media only screen and (max-width: 737px) {
	.site-footer .copyright {
		font-size: 0.8rem;
	}
}
/* -------------------------------

- home

 ------------------------------- */

/* title
------------------------------- */
/* title01 */
.home .title01 {
	margin-bottom: 11.5rem;
}
.home .title01 .main {
	font-size: 7rem;
	line-height: 1.7;
	font-weight: 400;
	letter-spacing: 0.05em;
}
.home .title01 .sub {
	font-size: 2.5rem;
	font-weight: 400;
	line-height: 1.7;
	letter-spacing: 0.05em;
	font-family: din-2014, sans-serif;
	color: #767676;
}
/* title02*/
.home .title02 {
	margin-bottom: 8.5rem;
}
.home .title02 .main {
	font-size: 4.5rem;
	line-height: 1.088;
	letter-spacing: 0.05em;
}
.home .title02 .sub {
	font-size: 2.5rem;
	font-weight: 400;
	line-height: 1.32;
	letter-spacing: 0.02em;
	font-family: din-2014, sans-serif;
	color: #767676;
	margin-top: 3.2rem;
}
/* title03*/
.home .title03 {
	margin-bottom: 3.5rem;
}
.home .title03 .main {
	font-size: 3rem;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 0;
}
.home .title03 .sub {
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.33;
	letter-spacing: 0;
	font-family: din-2014, sans-serif;
	color: #767676;
}

@media only screen and (max-width: 737px) {
	/* title01 */
	.home .title01 {
		margin-bottom: 9rem;
	}
	.home .title01 .main {
		font-size: 3.2rem;
	}
	.home .title01 .sub {
		font-size: 1.2rem;
	}
	/* title02*/
	.home .title02 {
		margin-bottom: 5rem;
	}
	.home .title02 .main {
		font-size: 2rem;
		line-height: 2;
		letter-spacing: 0.03em;
	}
	.home .title02 .sub {
		font-size: 1.1rem;
		line-height: 1.36;
		margin-top: .5rem;
	}
	/* title03*/
	.home .title03 {
		margin-bottom: 2.5rem;
	}
	.home .title03 .main {
		font-size: 1.6rem;
	}
	.home .title03 .sub {
		font-size: 1.1rem;
	}
}
 /* topMvanime
------------------------------- */
.topanime .home .site-header.mvIn #menuBtn,
.topanime .home  #topMv .lp_bnr  {
	position: fixed;
	right: 0;
	transform: translateX(100%);
}
.site-header #menuBtn,
#topMv .lp_bnr  {
	transition: transform .3s;
}
.topanime .home #topMv:before {
	transform:translateY(0%);
	opacity: 1;
}
.home #topMv:before {
	content: "";
	background-color: #fff;
	width: 100%;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 998;
	transform: translateY(-100%);
	opacity: 0;
	transition: .3s ease-in;
}
 .home #topMv .sitelog.black  {
	opacity: 0;
 	z-index: 999;
}
.topanime .home #topMv .sitelog.black  {
	opacity: 1;
	animation: mvlogo 3s;
}
@-webkit-keyframes mvlogo {
   0% {
  	  transform: translate(-50%,-50%) scale(0.8);
      opacity: 0;
  }
  100% {
  	  transform: translate(-50%,-50%) scale(1);
      opacity: 1;
  }
}
 /* topMv
------------------------------- */
#topMv {
	max-height: 100vh;
	position: relative;
	overflow: hidden;
}
.topanime #topMv {
	height: 100vh;
}
.topanime #topMv:after {
	opacity: 0;
}
#topMv:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: #1C1818 0% 0% no-repeat padding-box;
	opacity: .2;
	backdrop-filter:brightness(20%);
	-webkit-backdrop-filter: brightness(20%);
}
#topMv video {
/*	position: absolute;
  top:50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%,-50%);*/
  max-width: 100%;
}
#topMv .sitelog {
	width: 20rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 3;
}
#topMv .lp_bnr.scrollTop {
	position: absolute;
	transition: .3s;
}
#topMv .lp_bnr {
	display: block;
	max-width: 40rem;
	position: fixed;
	bottom: 3.5rem;
	right:5.1rem;
	z-index: 997;
	transition: .3s;
}
#topMv .lp_bnr a {
	display: block;
}
#topMv .lp_bnr .closeBtn {
	width: 2.7rem;
	height: 2.7rem;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right:0;
	transform: translate(50%,-50%);
	background: #ADADAD;
	opacity: .85;
	cursor: pointer;
}
#topMv .lp_bnr .closeBtn:before,
#topMv .lp_bnr .closeBtn:after {
	content: "";
	width: 1rem;
	height: 1px;
	background: #fff;
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%,-50%) rotate(45deg);
}
#topMv .lp_bnr .closeBtn:after {
	transform: translate(-50%,-50%) rotate(-45deg);
}
/* 縦向き */
@media screen and (orientation: portrait) {
	#topMv video.spNone {
		display: none!important;
	}
	#topMv video.pcNone {
		display: block!important;
	}
}
@media only screen and (max-width: 737px) {
	#topMv video {

	  height: auto;
	  width: 100%;
	}
	#topMv .sitelog {
		width: 9.5rem;
	}
	#topMv .lp_bnr {
		max-width: 23.9rem;
		bottom: 1.5rem;
		right:2rem;
	}
	#topMv .lp_bnr .closeBtn {
		width: 2rem;
		height: 2rem;
	}
}
 /* leadSec
------------------------------- */
.leadSec_text {
	font-size: 30px;
	font-size: 1.5vw; /*30px*/
	line-height: 2.33;
	letter-spacing: 0;
	font-family: "リュウミン R-KL", "Ryumin Regular KL", serif;
	color: #0E0E0E;
}
.leadSec .title01 .sub {
	font-size: 25px;
 	font-size: 1.302vw; /*25px*/
 	line-height: 1.32;
	letter-spacing: 0.02em;
}
 /* lead01  */
#lead01 {
 	margin: 28.5rem auto 21.7rem;
}
#lead01 .leadSec {
	text-align: center;
 	margin-left: auto;
 	margin-right: auto;
 }
#lead01 .title01  {
	margin-bottom: 	109px;
	margin-bottom: 5.677vw; /*109px*/
}
#lead01 .title01 .main {
	font-size: 70px;
	font-size: 3.646vw; /*70px*/
	line-height: 1.085;
	letter-spacing: 0.05em;
}
#lead01 .title01 .sub {
	margin-top: 45px;
 	margin-top: 2.344vw; /*45px*/
}
 #lead01 .leadSec  .leadSec_inner {
	display: inline-block;
	text-align: left;
}
 #lead01 .btnUnit {
 	margin-top: 13.7rem;
 }

 /* lead01-02_image  */
 #lead01-02_image {
 	width: 90%;
 	margin-left: auto;
 }

 /* lead02  */
 #lead02 {
 	margin: 25.2rem auto 30.6rem;
 }
 #lead02 .leadSec {
 	width: 60%;
 	margin-left: auto;
 }
/* lead03  */
#lead03 .section01 {
	margin: 20.7rem auto 14.6rem;
}
#lead02 .title01,
#lead03 .title01 {
	margin-bottom: 	40px;
	margin-bottom: 2.083vw;/*40px*/
}
#lead02 .title01 .main,
#lead03 .title01 .main {
	font-size: 60px;
	font-size: 3vw; /*60px*/
	line-height: 1.66;
	letter-spacing: 0.03em;
}
#lead02 .title01 .sub,
#lead03 .title01 .sub {
 	line-height: 1.32;
	letter-spacing: 0.02em;
	margin-top: 50px;
 	margin-top: 2.604vw; /*50px*/
}
#lead03 .leadSec {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

#lead03 .leadSec .textWrap {
	width: 48%;
}
#lead03 .leadSec .imgWrap {
	width: 50%;
}
#lead03 .leadSec  .leadSec_text {
	width: 86%;
}
@media only screen and (max-width: 1520px) {
	.leadSec_text {
		font-size: 1.5vw;
	}
	.leadSec .title01 .sub {
		font-size: 1.645vw;
	}
	#lead01 .title01  {
		margin-bottom: 	7.171vw;
	}
	#lead01 .title01 .main {
		font-size: 4.605vw;
	}
	#lead01 .title01 .sub {
		margin-top: 2.961vw;
	}
	#lead02 .title01,
	#lead03 .title01 {
		margin-bottom: 	2.632vw;
	}
	#lead02 .title01 .main,
	#lead03 .title01 .main {
		font-size: 3vw;
	}
	#lead02 .title01 .sub,
	#lead03 .title01 .sub {
		margin-top: 3.289vw;
	}
}
@media only screen and (max-width: 1200px) {
	.leadSec_text {
		font-size:2.5vw;/*30px*/
	}
	.leadSec .title01 .sub {
	 	font-size: 2.083vw;/*25px*/
	 }
	 #lead01 .title01 .main {
		font-size: 4.605vw; /*70px*/
	}
	#lead01 .title01 .sub {
	 	margin-top:3.75vw; /*45px*/
	}
	#lead02 .title01,
	#lead03 .title01 {
		margin-bottom: 3.333vw;/*40px*/
	}
	#lead02 .title01 .main,
	#lead03 .title01 .main {
		font-size:  4.167vw;;/*60px*/
	}
	#lead02 .title01 .sub,
	#lead03 .title01 .sub {
	 	margin-top: 2.604vw; /*50px*/
	}
	#lead03 .leadSec  .leadSec_text {
		width: auto;
	}
}
@media only screen and (max-width: 737px) {
	#lead01 {
	 	margin: 12.3rem auto 9rem;
	}
	.leadSec_text {
		font-size: 1.5rem;
		line-height: 2.13;
	}
	#lead01 .leadSec {
		text-align: left;
	}
	#lead01 .leadSec_text {
		font-size: 1.6rem;
		line-height: 2;
	}
	#lead01 .title01 {
		margin-bottom: 9.3rem;
	}
	 #lead01 .title01 .main {
		font-size: 3.2rem;
		line-height: 1.62;
	}
	 #lead01 .title01 .sub {
		font-size: 1.2rem;
	 	margin-top: 1.5rem;
	}
	#lead01 .btnUnit {
		margin-top: 4rem;
	}
	 /* lead01-02_image  */
	 #lead01-02_image {
	 	width: auto;
	 }
	 /* lead02  */
	 #lead02 {
	 	margin: 6.7rem auto 7rem;
	 }
	 #lead02 .leadSec {
	 	width:auto;
	 }
	 /* lead03  */
	 #lead02 .title01,
	 #lead03 .title01 {
	 	margin-bottom: 6.7rem;
	 }
	#lead02 .title01 .main,
	#lead03 .title01 .main {
		font-size: 2.2rem;
		line-height: 1.9;
	}
	#lead02 .title01 .sub,
	#lead03 .title01 .sub {
		font-size: 1.1rem;
	 	margin-top: 1.5rem;
	}
	#lead03 .section01 {
		margin: 6.6rem auto 5rem;
	}
	#lead03 .leadSec {
		display: block;
	}

	#lead03 .leadSec .textWrap {
		width: auto;
	}
	#lead03 .leadSec .imgWrap {
		width: auto;
		max-width: 29.3rem;
		margin: 4rem auto 0;
	}
}

 /* #works
------------------------------- */
#works {
	margin: 30.2rem auto 28.2rem;
}
#works .btnUnit {
	margin-top: 16.9rem;
}
@media only screen and (max-width: 737px) {
	#works {
		margin: 11.2rem auto 10.8rem;
	}
	#works .btnUnit {
		margin-top: 5.4rem;
	}
}
 /* functionality
------------------------------- */
#functionality {
	margin: 28.2rem auto 37rem;
}
#functionality .title02 {
	margin-bottom: 15.4rem;
}
@media only screen and (max-width: 737px) {
	#functionality {
		margin: 10.8rem auto 10rem;
	}
	#functionality .title02 {
		margin-bottom: 4.2rem;
	}
}
 /* challenge
------------------------------- */
#challenge {
	margin: 37rem auto 35rem;
}
#challenge .title02 {
	margin-bottom: 17rem;
}
#challenge .challengeBox {
	position: relative;
	margin-bottom: 18.5rem;
}
#challenge .challengeBox:last-child {
	margin-bottom: 0;
}
#challenge .challengeBox .challengeBox_inner {
	width: 90%;
	max-width: calc(100% - 20rem);
	margin-left: auto;
	margin-right: 0;
}
#challenge .challengeBox.nene .challengeBox_inner {
	margin-right: auto;
	margin-left: 0;
}
#challenge .challengeBox .imgWrap {
	width: calc(100% - 47rem);
	float: right;
}
#challenge .challengeBox .textWrap,
#challenge .challengeBox .btnUnit  {
	width: 40rem;
	float: left;
}
#challenge .challengeBox .btnUnit {
	margin-top: 14.5rem;
	clear: left;
}
#challenge .challengeBox.nene .imgWrap {
	float: left;
}
#challenge .challengeBox.nene .textWrap,
#challenge .challengeBox.nene .btnUnit {
	float: right;
	clear: right;
}
#challenge .challengeBox .textWrap .title  {
	font-size: 3rem;
	line-height: 2;
	font-weight: 500;
	letter-spacing: 0.03em;
	font-family: "リュウミン R-KL", "Ryumin Regular KL", serif;
	color: #0E0E0E;
	margin-bottom: 5rem;
}
#challenge .challengeBox.nene .textWrap .title {
		letter-spacing: 0;
}

#challenge .challengeBox .textWrap .comment  {
	font-size: 1.6rem;
	font-weight: 400;
	font-family: "ゴシックMB101 R" ,"Gothic MB101 Regular", sans-serif;
	line-height: 2;
	letter-spacing: 0.02em;
}
@media only screen and (max-width: 1200px) {
	#challenge .challengeBox .challengeBox_inner {
		width: 95%;
		max-width: none;
	}
}
@media only screen and (max-width: 737px) {
	#challenge {
		margin: 10rem auto 10rem;
	}
	#challenge .title02 {
		margin-bottom: 5.2rem;
	}
	#challenge .challengeBox {
		margin-bottom: 8rem;
	}
	#challenge .challengeBox .challengeBox_inner,
	#challenge .challengeBox.nene .challengeBox_inner {
		width: auto;
		margin: 0 auto;
	}
	#challenge .challengeBox .imgWrap,
	#challenge .challengeBox.nene .imgWrap {
		width: calc(100% + 1.5rem);
		float: none;
		margin-top: 5rem;
		margin-right: :-1.5rem;
	}
	#challenge .challengeBox.nene .imgWrap {
		margin-right: auto;
		margin-left:-1.5rem;
	}
	#challenge .challengeBox .textWrap,
	#challenge .challengeBox .btnUnit,
	#challenge .challengeBox.nene .textWrap,
	#challenge .challengeBox.nene .btnUnit   {
		width: auto;
		float: none;
	}
	#challenge .challengeBox .btnUnit {
		text-align: right;
		margin-top: 5rem;
	}
	#challenge .challengeBox .textWrap .title  {
		font-size: 1.6rem;
		margin-bottom: 2rem;
	}
	#challenge .challengeBox .textWrap .comment  {
		font-size: 1.3rem;
		line-height: 1.92;
	}
}


 /* facility
------------------------------- */
#facility  {
	margin: 35rem auto 37.1rem;
}
#facility .facilityBox {
	margin-bottom: 22rem;
}
#facility .facilityBox:last-child {
	margin-bottom: 0;
}
#facility .facilityBox .textWrap,
#facility .facilityBox .btnUnit {
	float: left;
	width: 34%;
}
#facility .facilityBox .btnUnit {
	margin-top: 11rem;
	clear: left;
}
#facility .facilityBox .imgWrap {
	float: right;
	width: 63%;
}
#facility .facilityBox .textWrap .name {
	font-size: 3rem;
	line-height: 1.66;
	letter-spacing: 0.03em;
	font-family: "ヒラギノ明朝 W3 JIS2004", "Hiragino Mincho W3 JIS2004", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro";
	color: #0E0E0E;
	margin-bottom: 4rem;
}
#facility .facilityBox .textWrap .comment {
	font-size: 1.6rem;
	line-height: 2;
	font-weight: 400;
	font-family: "ゴシックMB101 R" ,"Gothic MB101 Regular", sans-serif;
}
@media only screen and (max-width: 737px) {
	#facility  {
		margin: 10rem auto 10rem;
	}
	#facility .facilityBox {
		margin-bottom: 8rem;
	}
	#facility .facilityBox .textWrap,
	#facility .facilityBox .btnUnit{
		float: none;
		width: auto;
	}
	#facility .facilityBox .btnUnit {
		margin-top: 4.5rem;
		text-align: right;
	}
	#facility .facilityBox .imgWrap {
		float: none;
		width: calc(100% + 1.5rem);
		margin-top: 4.5rem;
	}
	#facility .facilityBox.satellite .imgWrap {
		margin-left: -1.5rem;
	}
	#facility .facilityBox .textWrap .name {
		font-size: 1.6rem;
		margin-bottom: 2rem;
	}
	#facility .facilityBox .textWrap .comment {
		font-size: 1.3rem;
		line-height: 1.92;
		font-weight: 400;
	}
}

 /* our-client
------------------------------- */

#our-client {
	margin: 37.1rem auto 31.2rem;
	display: flex;
}
#our-client  .our-client_title {
	width: 24%;
}
#our-client .client-logo_Sec {
	width: 76%;
	display: flex;
	flex-wrap: wrap;
}
#our-client .client-logo_Sec li {
	width: 33.33%;
}
@media only screen and (max-width: 737px) {
	#our-client {
		margin: 10rem auto 8rem;
		display: block;
	}
	#our-client  .our-client_title {
		width: auto;
	}
	#our-client .client-logo_Sec {
		width: auto;
	}
	#our-client .client-logo_Sec li {
		width: 50%;
	}
}
 /* news
------------------------------- */
#news {
	margin: 31.2rem auto 31.2rem;
}
#news .btnUnit {
	margin-top: 18.4rem;
}
@media only screen and (max-width: 737px) {
	#news {
		margin: 8rem auto 10rem;
	}
	#news .btnUnit {
		margin-top: 5rem;
	}
}
 /* recruit
------------------------------- */
#recruit {
	margin: 31.2rem auto 29.2rem;
}
#recruit .recruitBox {
	pointer-events:none;
	border: 1px solid #333333;
	padding: 6.5rem 6.5rem 6.5rem 11.8rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#recruit .title02 {
	margin-bottom: 0;
	white-space: nowrap;
	margin-right: 12.5rem;
}
#recruit .title02 .main {
	line-height: 1.08;
}
#recruit .title02 .sub {
	line-height: 1.32;
	margin-top: 0.4rem;
}
#recruit .lead {
	font-size: 1.6rem;
	line-height: 2;
	font-weight: 400;
	font-family: "ゴシックMB101 R" ,"Gothic MB101 Regular", sans-serif;
	margin: 2rem 0;
	margin-right: 2em;
}
#recruit .btnUnit  {
	margin-left: auto;
	white-space: nowrap;
	pointer-events:auto;
}
@media only screen and (max-width: 737px) {
	#recruit {
		margin: 10rem auto 10rem;
	}
	#recruit .recruitBox {
		pointer-events:auto;
		padding: 2.5rem 2rem;
		display: block;
	}
	#recruit .recruitBox:hover {
		cursor: pointer;
	}
	#recruit .title02 {
		margin-right: 0;
	}
	#recruit .lead {
		font-size: 1.2rem;
		margin: 2.5rem 0 2rem;
	}
}

 /* inquiry
------------------------------- */
#inquiry {
	display: flex;
}
#inquiry .inquiryBox {
	display: block;
	width: 50%;
	padding: 11.2rem 3rem 11.4rem;
	text-align: center;
}
#inquiry .inquiryBox_inner {
	max-width: 35em;
	margin: 0 auto;
}
#inquiry .inquiryBox.contact {
	background-color: #EAEAEA;
}
#inquiry .inquiryBox.contact .inquiryBox_inner {
	margin-left: auto;
}
#inquiry .inquiryBox.guide {
	background-color: #D8D8D8;
}
#inquiry .inquiryBox.guide  .inquiryBox_inner{
	margin-right: auto;
}
#inquiry .inquiryBox .title {
	margin: 0 auto 2.7rem;
}
#inquiry .inquiryBox .title .main {
	font-size: 2.5rem;
	font-weight: 400;
	font-family: "ゴシックMB101 R" ,"Gothic MB101 Regular", sans-serif;
	letter-spacing: 0.03em;
	background-color: #fff;
	max-width: 300px;
	margin: 0 auto 3.1rem;
	padding: 2rem 1rem 2.5rem;
}
#inquiry .inquiryBox .title .sub {
	font-size: 2.5rem;
	font-weight: 400;
	font-family: din-2014, sans-serif;
	color: #767676;
}
#inquiry .inquiryBox .comment {
	font-weight: 400;
	font-family: "ゴシックMB101 R" ,"Gothic MB101 Regular", sans-serif;
	letter-spacing: 0.02em;
	line-height: 2;
}
@media only screen and (max-width: 737px) {
	#inquiry {
		display: block;
	}
	#inquiry .inquiryBox {
		width:auto;
		padding: 4rem 2rem;
	}
	#inquiry .inquiryBox_inner,
	#inquiry .inquiryBox.contact .inquiryBox_inner,
	#inquiry .inquiryBox.guide  .inquiryBox_inner {
		max-width: auto;
		margin: 0 auto;
	}
	#inquiry .inquiryBox .title {
		margin: 0 auto 2rem;
	}
	#inquiry .inquiryBox .title .main {
		font-size: 1.3rem;
		max-width: 14.4rem;
		margin: 0 auto 2rem;
		padding: 1rem;
	}
	#inquiry .inquiryBox .title .sub {
		font-size: 1rem;
	}
	#inquiry .inquiryBox .comment {
		font-size: 1rem;
		line-height: 2.5;
	}
}

/* -------------------------------

- privacy / policy

 ------------------------------- */
.privacy .textSec,
.policy .textSec {
	font-weight: 400;
	font-family: "ゴシックMB101 R" ,"Gothic MB101 Regular", sans-serif;
}
@media only screen and (max-width: 737px) {
	.privacy .textSec,
	.policy .textSec {
		letter-spacing: 0.03em;
	}
}
 /* privacy
------------------------------- */
.privacy .privacy01 {
	margin-bottom: 	17.5rem;
}
.privacy .title02 .main {
	margin-bottom: 3rem;
 font-family: "リュウミン R-KL", "Ryumin Regular KL", serif;
	color: #0E0E0E;
}
.privacy .title02 .sub {
	margin-bottom: 1.6rem;
	line-height: 1.923;
	font-weight: 700;
 font-family: "リュウミン R-KL", "Ryumin Regular KL", serif;
	color: #0E0E0E;
	margin-bottom: 3rem;
}
.privacy .textSec .fontL {
	font-size: 125%;
	font-weight: 500;
font-family: 'Noto Sans JP';
}
.privacy .pmark {
	width: 13.2rem;
	margin-left: auto;
}
@media only screen and (max-width: 737px) {
	.privacy .privacy01 {
		margin-bottom: 	8rem;
	}
	.privacy .title02 .main {
		margin-bottom: 1.5rem;
		font-weight: 700;
	}
	.privacy .title02 .sub {
		margin-bottom: 1.3rem;
	}
	.privacy .textSec .fontL {
		font-size: 100%;
	}
	.privacy .pmark {
		width: 5.2rem;
		margin-right: 3rem;
	}
}

 /* policy
------------------------------- */
.policy .title02 .main {
	font-family: "リュウミン R-KL", "Ryumin Regular KL", serif;
	color: #0E0E0E;
}


/* -------------------------------

- guide / contact

 ------------------------------- */
.formSec .formSec_inner {
	margin: 12rem auto 18rem;
}
@media only screen and (max-width: 737px) {
	.formSec .formSec_inner {
		margin: 4.5rem auto 7.5rem;
	}
}
/* formlead
------------------------------- */
.formleadSec {
	margin-bottom: 16rem;
}
@media only screen and (max-width: 737px) {
	.formleadSec {
		margin-bottom: 	4.5rem;
	}
}
/* form_flow
------------------------------- */
.form_flow  {
	font-size: 1.5rem;
	font-weight: 500;
	color: #767676;
	display: flex;
	align-items: center;
	margin-bottom: 8rem;
}
.form_flow .active {
	color: #333;
}
.form_flow li {
	padding-right: calc(8rem + 1em);
	margin-right: 1em;
	position: relative;
}
.form_flow li:after {
	content: "";
	width: 8rem;
	height: 1px;
	background-color: #333;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.form_flow li:last-child:after {
	display: none;
}
@media only screen and (max-width: 737px) {
	.form_flow  {
		font-size: 1.1rem;
		margin-bottom: 4.8rem;
	}
	.form_flow li {
		padding-right: calc(4rem + 1em);
	}
	.form_flow li:after {
		width: 4rem;
	}
}
/* form
------------------------------- */
#form {
	font-size: 1.5rem;
	font-weight: 500;
	letter-spacing: 0.03em;
	margin-bottom: 16.5rem;
}
#form dl {
	margin-bottom: 4rem;
}
#form dl:last-child {
	margin-bottom: 0;
}
#form dl dt {
	margin-bottom: 1rem;
}
#form dl dt .required {
	color: #E70F21;
	margin-left: 1em;
}
#form dl dt,
#form dl dd {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
#form .error {
	margin-top: 5px;
}
#form dl input:not([type="radio"]),
#form dl textarea {
	width: 100%;
  max-width: 100%;
  min-height: 55px;
  background-color: #fff;
  box-sizing: border-box;
  padding: 15px 25px;
  border-radius:10px;
  -webkit-border-radius: 10px;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
	border: 1px solid #fff;
  transition: .3s;
}
#form dl input:not([type="radio"]):focus,
#form dl input:not([type="radio"]):hover,
#form dl input:not([type="radio"]):active,
#form dl textarea:focus,
#form dl textarea:hover,
#form dl textarea:active {
	outline: none;
	border: 1px solid #000;
  transition: .3s;
}
#form dl input:placeholder {
	font-weight: 400;
	font-family: "ゴシックMB101 R" ,"Gothic MB101 Regular", sans-serif;
	color: rgba(51,51,51,.4);
}
#form dl .inputfield {
  width: 47%;
  margin-right: 6%;
}
#form dl .inputfield:last-child {
  margin-right: 0;
}
#form dl textarea {
	width: 100%;
	min-height: 34.9rem;
}
/* radio */
#form dl.radio dt {
	margin-bottom: 3.5rem;
}
#form dl.radio dd {
	display: block;
}
#form dl.radio dd input[type=radio] {
  display: none;
}
#form dl.radio dd input[type=radio] + span {
	position: relative;
	display: inline-block;
	line-height: 2;
	padding-left: calc(1.5em + 2rem);
	padding-right: 5.2rem;
}
#form dl.radio dd input[type=radio] + span::before,
#form dl.radio dd input[type=radio] + span::after {
  content: '';
  display: inline-block;
	width: 22px;
	height: 22px;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #333333;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  box-sizing: border-box;
}
#form dl.radio dd input[type=radio] + span::after {
	opacity: 0;
	width: 10px;
	height: 10px;;
	border: none;
	background-color: #333;
  left:6px;
	transition: .2s;
}
#form dl.radio dd input[type=radio]:checked + span::after {
	opacity: 1;
}
/*confirmation*/
.guide-confirmation #form dl .inputfield,
.contact-confirmation #form dl .inputfield {
	width: auto;
}
@media only screen and (max-width: 737px) {
	#form {
		font-size: 1.1rem;
		margin-bottom: 7.5rem;
	}
	#form dl {
		margin-bottom: 2.5rem;
	}
	#form dl dt {
		margin-bottom: .7rem;
	}
	#form dl dd {
		display: block;
	}
	#form dl input:not([type="radio"]),
	#form dl textarea  {
  	padding: 15px 19px;
	  border-radius:5px;
	  -webkit-border-radius: 5px;
	}
	#form dl .inputfield {
		width: 100%;
		margin-right: 0;
	  margin-bottom: .8rem;
	}
	#form dl .inputfield:last-child {
	  margin-bottom: 0;
	}
	#form dl textarea {
		min-height: 16.4rem;
	}
	/* radio */
	#form dl.radio dt {
		margin-bottom: 2.5rem;
	}
	#form dl.radio dd input[type=radio] + span {
		padding-left: calc(1.5em + 1rem);
		padding-right: 3.5rem;
	}
	#form dl.radio dd input[type=radio] + span::before,
	#form dl.radio dd input[type=radio] + span::after {
		width: 15px;
		height: 15px;
	}
	#form dl.radio dd input[type=radio] + span::after {
		width: 7px;
		height: 7px;
	  left:4px;
	}
}
/* submit
------------------------------- */
.precautions {
	font-weight: 400;
	font-family: "ゴシックMB101 R" ,"Gothic MB101 Regular", sans-serif;
	margin-bottom: 30rem;
}
.privacyAgree {
	font-size: 1.8rem;
	font-weight: 400;
	font-family: "ゴシックMB101 R" ,"Gothic MB101 Regular", sans-serif;
	margin-bottom: 8rem;
}
.privacyAgree input {
	margin-right: 1em;
}
.submit {
	font-size: 1.8rem;
	font-weight: 400;
	font-family: "ゴシックMB101 R" ,"Gothic MB101 Regular", sans-serif;
	width: 100%;
	background: #fff;
	text-align: center;
  position: relative;
  z-index: 1;
}
.submit input,
.submit button {
  display: inline-block;
  width: 100%;
  padding: 1.7rem 1.5rem;
  text-indent: -9999px;
  position: relative;
  z-index: 3;
  background: transparent;
	border: 1px solid #333333;
	outline: none;
	cursor: pointer;
}
.submit_text {
	display: flex;
	align-items: center;
	justify-content: center;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  width: 100%;
  height: 100%;
  line-height: 1.4;
  z-index: 2;
}
.submit_text:before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-right: 14px;
	background: url(./images/icon/circle-arw_right_red.svg) center no-repeat;
	background-size: contain;
}
.guide .submit_text:after,
.contact .submit_text:after {
	content: "入力内容を確認する";
}
.guide-confirmation .submit_text:after,
.contact-confirmation .submit_text:after {
	content: "送信する";
}

@media only screen and (max-width: 737px) {
	.precautions {
		margin-bottom: 6rem;
	}
	.privacyAgree {
		font-size: 1.1rem;
		margin-bottom: 6rem;
	}
	.submit {
		font-size: 1.1rem;
	}
	.submit input {
  	padding: 2.2rem 1.5rem;
	}
	.submit_text:before {
		width: 14px;
		height: 14px;
		margin-right: 10px;
	}
}
/* -------------------------------

- guide

 ------------------------------- */
.guide-complet .download {
	display: flex;
	align-items: center;
	margin-top: 10rem;
}

.guide-complet .download .pdf-image {
	width: 40%;
	margin-right: 5%;
}
.guide-complet .download .btnUint {
	width: 55%;
}
.guide-complet .download .btnUint p{
	font-weight: 400;
font-family: "ゴシックMB101 R" ,"Gothic MB101 Regular", sans-serif;
}
.guide-complet .download .btn01 {
	margin-top: 1em;
}
@media only screen and (max-width: 737px) {
	.guide-complet .download {
		/*display: block;*/
	}
}
/* -------------------------------

- recruit

 ------------------------------- */
.recruit .lead {
 	margin-bottom: 21rem;
}
.recruit .functionalityList {
 	margin-bottom: 21rem;
}
.recruit .functionalityList:last-child {
 	margin-bottom: 0;
}
.recruit .functionalityList .functionalityList_title {
	font-size: 3rem;
	font-weight: 400;
	line-height: 1.33;
	font-family: "ヒラギノ明朝 W3 JIS2004", "Hiragino Mincho W3 JIS2004", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro";
	color: #0E0E0E;
	margin-bottom: 5rem;
}
.recruit .functionalityList .comment {
	font-size: 1.6rem;
	margin-top: 1rem;
}
@media only screen and (max-width: 737px) {
	.recruit .lead {
	 	margin-bottom: 5.3rem;
	}
	.recruit .functionalityList {
	 	margin-bottom: 5.9rem;
	}

	.recruit .functionalityList .functionalityList_title {
		font-size: 1.6rem;
		margin-bottom: 	2rem;
	}
	.recruit .functionalityList .comment {
		font-size: 1.2rem;
		margin-top: 0.5rem;
	}
}
/* -------------------------------

- recruit details

 ------------------------------- */
.no-recruit {
	font-size: 3.4rem;
	line-height: 	1.97;
	font-weight: 500;
	letter-spacing: 0.05em;
	font-family: "リュウミン R-KL", "Ryumin Regular KL", serif;
	color: #0E0E0E;
	padding-bottom: 17rem;
	border-bottom: 1px solid #333333;
}
@media only screen and (max-width: 737px) {
	.no-recruit {
		font-size: 1.6rem;
		letter-spacing: 0;
		padding-bottom: 2.5rem;
	}
}

/* -------------------------------

- company

 ------------------------------- */
 .company .title01 {
 	margin-bottom: 8rem;
 }
 /* profile
------------------------------- */
#profile {
	margin-bottom: 36rem;
}
#profileTable {
	font-size: 1.6rem;
	line-height: 2.5;
}
#profileTable dl {
	display: flex;
	margin-bottom: 6rem;
}
#profileTable dl:last-child {
	margin-bottom: 0;
}
#profileTable dl dt {
	font-weight: 500;
	font-family: "リュウミン R-KL", "Ryumin Regular KL", serif;
	color: #0E0E0E;
	width: 17.5rem;
	margin-right: 6rem;
}
#profileTable dl dd {
	font-weight: 400;
	font-family: "ゴシックMB101 R" ,"Gothic MB101 Regular", sans-serif;
	width: calc(100% - 23.5rem);
}
#profileTable dl dd .fwB {
	font-family: "リュウミン R-KL", "Ryumin Regular KL", serif;
	color: #0E0E0E;
}
@media only screen and (max-width: 737px) {
	#profile {
		margin-bottom: 18.5rem;
	}
	#profileTable {
		font-size: 1.3rem;
		line-height: 1.92;
		letter-spacing: 0.02em;
	}
	#profileTable dl {
		display: block;
		margin-bottom: 3.5rem;
	}
	#profileTable dl dt {
		width: auto;
		margin-right: 0;
	}
	#profileTable dl dd {
		width: auto;
	}
	#profileTable dl dd p {
		margin-bottom: 3.5rem;
	}
}
/* history
------------------------------- */
.history_inner {
	margin-top: 9rem;
	position: relative;
}
#history .title01 {
	margin-bottom: 0;
	position: absolute;
	top: 0;
	left: 0;
}
@media only screen and (max-width: 737px) {
	.history_inner {
		margin-top: 4rem;
	}
	#history .title01 {
		position: static;
	}
}
/* office
------------------------------- */
.officeSec {
	margin-bottom: 18.5rem;
	display: flex;
}
.officeSec:last-child {
	margin-bottom: 0;
}
.officeSec .place {
	font-weight: 700;
	width: 16.5rem;
  font-family: "リュウミン R-KL", "Ryumin Regular KL", serif;
	color: #0E0E0E;
}
.officeSec .details {
	width: calc(100% - 16.5rem);
}
.officeSec .details address {
	font-weight: 400;
	font-family: "ゴシックMB101 R" ,"Gothic MB101 Regular", sans-serif;
	margin-bottom: 7.5rem;
}
.officeSec .details address dl {
	display: flex;
}
.officeSec .details address dt {
	width: 4em;
}
.officeSec .details address dd {
	width: calc(100% - 4em);
}
.officeSec .details .gmap {
  width: 100%;
  max-width: 100%;
  padding-top: 37.5401%;
}
@media only screen and (max-width: 737px) {
	.officeSec {
		margin-bottom: 8.5rem;
		display: block;
	}
	.officeSec .place {
		width:auto;
	}
	.officeSec .details {
		width: auto;
	}
	.officeSec .details address {
		line-height:1.92;
		margin-bottom: 3rem;
	}
	.officeSec .details address dt {
		width: 3em;
	}
	.officeSec .details address dd {
		width: calc(100% - 3em);
	}
}
/* -------------------------------

- facility

 ------------------------------- */
 /* lead
------------------------------- */
.facility .lead {
	margin-bottom: 12rem;
}
@media only screen and (max-width: 737px) {
	.facility .lead {
		margin-bottom: 5rem;
	}
}
 /* studioImages
------------------------------- */
#studio .studioImages {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 13rem;
}
#studio .studioImages .main_image {
	width: auto;
	margin-bottom: 13rem;
}
#studio .studioImages .sub_image {
	width: calc(50% - 2.8rem / 2);
	margin-right: 2.8rem;
	margin-top: 5.5rem;
}
#studio .studioImages .sub_image:nth-of-type(2n - 1) {
	margin-right: 0;
}
#studio .studioImages .sub_image:nth-of-type(2),
#studio .studioImages .sub_image:nth-of-type(3) {
	margin-top: 0;
}
#studio .studioImages .sub_image .textWrap {
	margin-top: 2.9rem;
}
#studio .studioImages .sub_image .textWrap .jp {
	font-size: 2rem;
	line-height: 1.33;
	font-weight: 500;
	font-family: "リュウミン R-KL", "Ryumin Regular KL", serif;
	color: #0E0E0E;
}
#studio .studioImages .sub_image .textWrap .en {
	font-size: 1.8rem;
	line-height: 1.33;
	font-weight: 400;
	letter-spacing: 0.02em;
	font-family: din-2014, sans-serif;
	margin-top: 1.5rem;
}
@media only screen and (max-width: 737px) {
	#studio .studioImages {
		margin-bottom: 9rem;
	}
	#studio .studioImages .main_image {
		width: auto;
		margin-bottom: 3.6rem;
	}
	#studio .studioImages .sub_image {
		width: calc(50% - 1.5rem / 2);
		margin-right: 1.5rem;
		margin-top: 2.5rem;
	}
	#studio .studioImages .sub_image:nth-of-type(2n - 1) {
		margin-right: 0;
	}
	#studio .studioImages .sub_image .textWrap {
		margin-top: 1rem;
	}
	#studio .studioImages .sub_image .textWrap .jp {
		font-size: 1.2rem;
	}
	#studio .studioImages .sub_image .textWrap .en {
		font-size: 1.1rem;
		margin-top: 0;
	}
}
 /* floor
------------------------------- */
.floor {
	display: flex;
}
.floor .textWrap {
	width: 24.5rem;
	margin-right: 3rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.floor .textWrap .studio_logo {
	width: 7.3rem;
}
.floor .textWrap .details {
	font-size: 1.4rem;
	line-height: 2.142;
	font-weight: 400;
	font-family: "ゴシックMB101 R" ,"Gothic MB101 Regular", sans-serif;
}
.floor .imgWrap {
	width: 27.5rem;
}
@media only screen and (max-width: 737px) {
	.floor {
		display: block;
	}
	.floor .textWrap {
		width: auto;
		margin-right: 0;
		display: flex;
		flex-direction: row;
	}
	.floor .textWrap .studio_logo {
		width: 4rem;
		margin-right: 6rem;
	}
	.floor .textWrap .details {
		width: calc(100% - 10rem);
		font-size: 1.1rem;
		line-height: 1.818;
		letter-spacing: 0.02em;
	}
	.floor .imgWrap {
		width: auto;
		margin-left: 10rem;
		margin-top: 3rem;
	}
}

/* -------------------------------

- about-us

 ------------------------------- */

.about-us .textSec {
	font-size: 30px;
	font-size: 1.5vw; /*30px;*/
	line-height: 2.33;
 	font-family: "リュウミン R-KL", "Ryumin Regular KL", serif;
	color: #0E0E0E;
	text-align: left;
}
.about-us .title01 {
	margin-bottom: 	96px;
	margin-bottom: 5vw; /*96px*/
}
@media only screen and (max-width: 1200px) {
	.about-us .textSec {
		font-size:1.5vw;/*30px;*/
	}
	.about-us .title01 {
		margin-bottom: 8vw; /*96px*/
	}
}
@media only screen and (max-width: 737px) {
	.about-us .textSec {
		font-size: 1.6rem;
		line-height: 2;
	}
	.about-us .title01 {
		margin-bottom: 7.3rem;
	}
}
/* aboutTitle
------------------------------- */
.aboutTitle .sub01 {
	font-size: 50px;
	font-size: 2.604vw; /*50px;*/
	font-weight: 400;
	line-height: 1.34;
	font-family: 'Bodoni Moda', serif;
	color: #0E0E0E;
	margin-bottom: 0;
}
.aboutTitle .main {
	font-size: 80px;
	font-size: 4.167vw; /*80px;*/
	font-weight: 300;
	line-height: 1.7;
	letter-spacing: 0.05em;
	font-family: "ヒラギノ明朝 W3 JIS2004", "Hiragino Mincho W3 JIS2004", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro";
	color: #0E0E0E;
}
.aboutTitle .sub02 {
	font-size: 25px;
	font-size: 1.302vw;  /*25px;*/
	line-height: 1.32;
	font-weight: 400;
	color: #767676;
	font-family: din-2014, sans-serif;
	letter-spacing: 0.02em;
	margin-top: 0;
}
@media only screen and (max-width: 1200px) {
	.aboutTitle .sub01 {
		font-size: 4.167vw; /*50px;*/
	}
	.aboutTitle .main {
		font-size:6.667vw; /*80px;*/
	}
	.aboutTitle .sub02 {
		font-size: 2.083vw; /*25px;*/
	}
}
@media only screen and (max-width: 737px) {
	.aboutTitle .sub01 {
		font-size: 2rem;
		margin-bottom: 1.5rem;
	}
	.aboutTitle .main {
		font-size: 3.2rem;
		line-height: 1.66;
		letter-spacing: 0.05em;
	}
	.aboutTitle .sub02 {
		font-size: 1.2rem;
		margin-top: 1rem;
	}
}
 /* about
------------------------------- */
#about {
	margin-bottom: 23.5rem;
}
#about .aboutTitle {
	text-align: left;
}
#aboutMv {
	padding-bottom: 12.3711%;
	position: relative;
}
#aboutMv .main {
	width: 72%;
}
#aboutMv .logo {
	width: 35%;
	position: absolute;
	bottom: 0;
	right: 0;
}
@media only screen and (max-width: 737px) {
	#about {
		margin-bottom: 3rem;
	}
	#about .aboutTitle {
		text-align: left;
	}
	#aboutMv {
		padding-bottom: 0;
		position: relative;
	}
	#aboutMv .main {
		width:auto;
	}
	#aboutMv .logo {
		width: 57%;
		margin-top: -4%;
		position: relative;
		margin-left: auto;
	}
}
/* vission
------------------------------- */
#vission {
	margin-bottom: 30rem;
	text-align: right;
}
#vission .textWrap {
	display: inline-block;
	text-align: center;
}
#vission .aboutTitle {
	text-align: left;
	margin-bottom: 9.5rem;
}
@media only screen and (max-width: 737px) {
	#vission {
		margin-bottom: 16rem;
		text-align: left;
	}
	#vission .aboutTitle {
		text-align: left;
		margin-bottom: 8rem;
	}
	#vission .aboutTitle .sub02 {
		margin-top: 0;
	}
}
/* mission
------------------------------- */
#mission {
	background-image: url(./images/about-us/logo_white.svg);
	background-position: left top;
	background-size: 35% auto;
	background-repeat: no-repeat;
}
.mission_inner {
	margin-top: 20.7rem;
	margin-bottom: 25.7rem;
	text-align: right;
}
#mission .aboutTitle {
	display: inline-block;
	text-align: left;
	margin-bottom: 230px;
	margin-bottom: 11.979vw; /*230px*/
}
#mission .aboutTitle .main {
	line-height: 1.75;
}

@media only screen and (max-width: 1200px) {
	#mission .aboutTitle {
		margin-bottom: 19.167vw; /*230px*/
	}
}
@media only screen and (max-width: 737px) {
	#mission {
		background-size: 57% auto;
	}
	.mission_inner {
		margin-top: 16.6rem;
		margin-bottom: 8rem;
	}
	#mission .aboutTitle {
		margin-bottom: 6rem;
	}
	#mission .textSec {
		font-size: 1.5rem;
	}
}

/* Solution
------------------------------- */
#solution .aboutTitle {
	text-align: center;
	margin-bottom: 6.479vw;
}
#solution .aboutTitle .sub01 {
	margin-bottom: 4rem;
}
#solution .aboutTitle .main {
	font-size: 65px;
	font-size: 3.385vw; /*65px;*/
	line-height: 1.0923;
}
#solution .aboutTitle .main.main2line {
	line-height: 1.6;
}
#solution .aboutTitle .sub02 {
	margin-top: 5rem;
}
#solution .textSec {
	margin-bottom: 5.2vw;
}
#solution .imgSec  {
	max-width: 97.7rem;
	margin: 0 auto 10vw; /*192px*/
}
@media only screen and (max-width: 1200px) {
	#solution .aboutTitle {
		margin-bottom:15.167vw;/*182px*/
	}
	#solution .aboutTitle .main {
		font-size: 5.417vw; /*65px;*/
	}
	#solution .imgSec  {
		margin: 0 auto 16vw;/*192px*/
	}
}
@media only screen and (max-width: 737px) {
	#solution .aboutTitle {
		margin-bottom:5.8rem;
	}
	#solution .aboutTitle .sub01 {
		margin-bottom: 2rem;
	}
	#solution .aboutTitle .main {
		font-size: 2.2rem;
		letter-spacing: 0.03em;
	}
	#solution .aboutTitle .sub02 {
		margin-top: 1rem;
	}
	#solution .imgSec  {
		margin: 0 auto 7.5rem;
	}
	#solution .textSec {
		font-size: 1.5rem;
	}
}


/* success
------------------------------- */
#success .aboutTitle {
	text-align: center;
	margin-bottom: 182px;
	margin-bottom: 9.479vw;/*182px*/
}
#success .aboutTitle .sub01 {
	margin-bottom: 4rem;
}
#success .aboutTitle .main {
	font-size: 65px;
	font-size: 3.385vw; /*65px;*/
	line-height: 1.0923;
}
#success .aboutTitle .sub02 {
	margin-top: 5rem;
}
#success .imgSec  {
	max-width: 97.7rem;
	margin: 0 auto 192px;
	margin: 0 auto 10vw; /*192px*/
}
@media only screen and (max-width: 1200px) {
	#success .aboutTitle {
		margin-bottom:15.167vw;/*182px*/
	}
	#success .aboutTitle .main {
		font-size: 5.417vw; /*65px;*/
	}
	#success .imgSec  {
		margin: 0 auto 16vw;/*192px*/
	}
}
@media only screen and (max-width: 737px) {
	#success .aboutTitle {
		margin-bottom:5.8rem;
	}
	#success .aboutTitle .sub01 {
		margin-bottom: 2rem;
	}
	#success .aboutTitle .main {
		font-size: 2.2rem;
		letter-spacing: 0.03em;
	}
	#success .aboutTitle .sub02 {
		margin-top: 1rem;
	}
	#success .imgSec  {
		margin: 0 auto 7.5rem;
	}
	#success .textSec {
		font-size: 1.5rem;
	}
}

/* -------------------------------

- service 共通

 ------------------------------- */
 /* service_lead
------------------------------- */
.service_lead {
	display: flex;
	margin-bottom: 30rem;
}
.service_lead .main {
	width: 41%;
	font-size: 3rem;
	font-weight: 500;
	line-height: 2.5;
	letter-spacing: 0.05em;
	font-family: "リュウミン R-KL", "Ryumin Regular KL", serif;
	color: #0E0E0E;
	margin-top: -.5em;
}
.service_lead .textSec {
	width: 59%;
	font-weight: 400;
	font-family: "ゴシックMB101 R" ,"Gothic MB101 Regular", sans-serif;
	letter-spacing: 0.05em;
}
@media only screen and (max-width: 737px) {
	.service_lead {
		display: block;
		margin-bottom: 5rem;
	}
	.service_lead .main {
		width: auto;
		font-size: 1.6rem;
		letter-spacing: 0;
		margin-top: 0;
		margin-bottom: 2rem;
	}
	.service_lead .textSec {
		width: auto;
		letter-spacing: 0.02em;
	}
}


 /* flow
------------------------------- */
.flow .flow_inner {
	margin-top: 9rem;
}
.flowList_title {
	font-size: 1.4rem;
	font-weight: 500;
	margin-bottom: 3rem;
}
.flowList {
	line-height: 2;
	font-weight: 400;
	font-family: "ゴシックMB101 R" ,"Gothic MB101 Regular", sans-serif;
	margin-left: 1.5rem;
	border-left: 1px solid  #333333;
}
.flowList .fwM {
	font-weight: 500!important;
	font-family: 'Noto Sans JP';
}
.flowList > ul > li {
	padding-left: 5rem;
	padding-bottom: 	3rem;
	position: relative;
	counter-increment: number 1;
}
.flowList > ul > li:before,
.flowList > ul > li:after {
	content: "";
	width: 3rem;
	height: 3rem;
	background-color: #333333;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0;
	transform: translateX(-50%);
}
.flowList > ul > li:after {
	width: 1rem;
	height: 1rem;
	background-color: #fff;
	top: 1rem;
}
.flowList.numberList > ul > li:after  {
  content: counter(number,decimal-leading-zero) " ";
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 3rem;
	font-family: din-2014, sans-serif;
  color: #fff;
  width: auto;
  height: auto;
  background: none;
	top: 0;
}
.flowList .flow_title {
	font-size: 2.5rem;
	line-height: 1.5;
	font-weight: 400;
	font-family: "ゴシックMB101 R" ,"Gothic MB101 Regular", sans-serif;
	margin-bottom: 2rem;
}
@media only screen and (max-width: 737px) {
	.flow .flow_inner {
		margin-top: 4.5rem;
	}
	.flowList_title {
		font-size: .9rem;
		margin-bottom: 1.3rem;
	}
	.flowList {
		font-size: 1.1rem;
		list-style: 1.818;
		margin-left: 0.9rem;
	}
	.flowList > ul > li {
		padding-left: 3.3rem;
		padding-bottom: 3rem;
	}
	.flowList > ul > li:before,
	.flowList > ul > li:after {
		width: 1.8rem;
		height: 1.8rem;
	}
	.flowList > ul > li:after {
		width: .6rem;
		height: .6rem;
		top: .6rem;
	}
	.flowList.numberList > ul > li:after  {
	  font-size: 1.1rem;
	  line-height: 1.8rem;
	}
	.flowList .flow_title {
		font-size: 1.4rem;
		letter-spacing: 0.05em;
		margin-bottom: .7rem;
	}
}
 /* service_works
------------------------------- */
#service_works .btnUnit {
	margin-top: 12.8rem;
}
@media only screen and (max-width: 737px) {
	#service_works .btnUnit {
		margin-top: 7.1rem;
	}
}
/* -------------------------------

- service vmd

 ------------------------------- */
.vmd .flowList {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.vmd .flowList > ul{
	width: 52%;
}
.vmd .flowList .flow_img {
	width: 46%;
}
.vmd .flow03 {
	padding-bottom: 6rem;
}

@media only screen and (max-width: 737px) {
	.vmd .flowList {
		display: block;
	}
	.vmd .flowList > ul {
		width: auto;
	}
	.vmd .flowList .flow_img {
		width: auto;
		max-width: 22.7rem;
		margin: 0 auto;
		padding-bottom: 3rem;
	}
	.vmd .flow03 {
		padding-bottom: 3rem;
	}
}
/* -------------------------------

- service ec

 ------------------------------- */
.ec .imgSec {
	max-width: 101rem;
	margin: 0 auto;
}
/* -------------------------------

- service campaign

 ------------------------------- */

/* -------------------------------

- service crm

 ------------------------------- */
.crm .imgSec {
	max-width: 101.1rem;
	margin: 0 auto;
}
/* -------------------------------

- service media video

 ------------------------------- */
.media .flow .textSec,
.video .flow .textSec  {
	font-weight: 400;
	font-family: "ゴシックMB101 R" ,"Gothic MB101 Regular", sans-serif;
}
.media .flow .dottedList {
	margin-left: -1em;
}
.media .flow .dottedList li {
	display: inline-block;
	margin-left: 1em;
	text-indent: 0;
}
@media only screen and (max-width: 737px) {

}
 /* flow
------------------------------- */
.media .flowList > ul > li {
	display: flex;
	align-items: center;
	padding-bottom: 6rem;
}
.media .flowList > ul > li:last-child {
	padding-bottom: 10rem;
}
.media .flowList .textSec {
	width: 67%;
	margin-right: 4%;
}
.media .flowList .flow_img {
	width: 16%;
	text-align: center;
}
.media .flowList > .flow_img {
	display: none;
}
@media only screen and (max-width: 737px) {
	.media .flowList > ul > li,
	.media .flowList > ul > li:last-child {
		display: block;
		padding-bottom: 3rem;
	}
	.media .flowList .textSec {
		width: auto;
		margin-right: 0;
	}
	.media .flowList > ul > li .flow_img {
		display: none;
	}
	.media .flowList > .flow_img {
		width: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin :0 1.5rem;
	}
	.media .flowList > .flow_img .img {
		margin :0 1.5rem 3rem;
	}
}
/* -------------------------------

- service video

 ------------------------------- */
.video .flowList  {
 	display: flex;
 }
.video .flowList > ul  {
	width: 67%;
	margin-right: 4%;
}
.video .flowList > ul > li {
	padding-bottom: 6rem;
}
.video .flowList > ul > li:last-child {
	padding-bottom: 10rem;
}
.video .flowList .flow_img {
	width: 14%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.video .flowList .flow_img .img {
	margin-bottom: 7rem;
}
@media only screen and (max-width: 737px) {
	.video .flowList  {
	 	display: block;
	}
	.video .flowList > ul  {
		width: auto;
		margin-right: 0;
	}
	.video .flowList > ul > li,
	.video .flowList > ul > li:last-child {
		padding-bottom: 3rem;
	}
	.video .flowList .flow_img {
		width: auto;
		display: flex;
		flex-direction: row;
		justify-content: center;
		margin :0 1.5rem;
	}
	.video .flowList .flow_img .img {
		margin :0 1.5rem 3rem;
	}
}

/* -------------------------------

- service design

 ------------------------------- */
.designList > ul > li {
	border-top: 1px solid #767676;
	padding: 4rem 0;
	display: flex;
	align-items: center;
}
.designList > ul > li:last-child {
	border-bottom: 1px solid #767676;
}
.designList .textWrap {
	width: 56%;
	margin-right: 17%;
}
.designList .design_img {
	width: 14%;
}
.designList .title02 .main {
	font-family: "リュウミン R-KL", "Ryumin Regular KL", serif;
	color: #0E0E0E;
}
.designList .textWrap .textSec {
	letter-spacing: 0.05em;
	font-weight: 400;
	font-family: "ゴシックMB101 R" ,"Gothic MB101 Regular", sans-serif;
}
@media only screen and (max-width: 737px) {
	.designList > ul > li {
		padding: 2.5rem 0 3.5rem;
		display: block;
	}
	.designList .textWrap {
		width: auto;
		margin-right: 0;
	}
	.designList .design_img {
		width: 11.3rem;
		margin: 2rem auto 0;
	}
	.designList .textWrap .textSec {
		font-weight: 400;
		font-family: "ゴシックMB101 R" ,"Gothic MB101 Regular", sans-serif;
	}
}
/* -------------------------------

-archive single 共通

 ------------------------------- */
 /* wp-pagenavi
------------------------------- */
.archive .wp-pagenavi {
	font-size: 2rem;
	font-weight: 400;
	font-family: "ゴシックMB101 R" ,"Gothic MB101 Regular", sans-serif;
	line-height: 1;
	margin-top: 30rem;
	text-align: center;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.archive .wp-pagenavi a,
.archive .wp-pagenavi span {
  text-decoration: none;
  border: none;
  padding: 1rem .5rem;
  margin: 1rem 2rem;
}
.archive .wp-pagenavi .current {
	border-bottom: 1px solid #333333;
}
.archive .wp-pagenavi .previouspostslink {
	margin-right: 9rem;
}
.archive .wp-pagenavi .nextpostslink {
	margin-left: 9rem;
}
.archive .wp-pagenavi .previouspostslink span,
.archive .wp-pagenavi .nextpostslink span {
	width: 6rem;
	background-image:  url(./images/icon/arw_left.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.archive .wp-pagenavi .nextpostslink span {
	background-image:  url(./images/icon/arw_right.svg);
}
@media only screen and (max-width: 737px) {
	.archive .wp-pagenavi {
		font-size: .9em;
		margin-top: 8rem;
	}
	.archive .wp-pagenavi a,
	.archive .wp-pagenavi span {
	  text-decoration: none;
	  border: none;
	  padding: .5rem .2rem;
	}
	.archive .wp-pagenavi .previouspostslink {
		margin-right: 3rem;
	}
	.archive .wp-pagenavi .nextpostslink {
		margin-left: 3rem;
	}
	.archive .wp-pagenavi .previouspostslink span,
	.archive .wp-pagenavi .nextpostslink span {
		width: 3rem;
	}
}

 /*pageNav
------------------------------- */
.single .pageNav {
	max-width: 62.5rem;
	margin: 33.4rem auto 0;
	font-size: 1.4rem;
	font-weight: 400;
	font-family: "ゴシックMB101 R" ,"Gothic MB101 Regular", sans-serif;
}
.single .pageNav .prev {
	float: left;
}
.single .pageNav .next {
	float: right;
}
@media only screen and (max-width: 737px) {
	.single .pageNav {
		max-width: 19.4rem;
		margin: 6.5rem auto 0;
		font-size: .9rem;
	}
}
/* -------------------------------

-archive-works

 ------------------------------- */
.work-cat {
 	margin-bottom: 14rem;
}
.category-list {
 	font-weight: 400;
 	font-family: "ゴシックMB101 R" ,"Gothic MB101 Regular", sans-serif;
 	line-height: 1;
 	margin-left: -2em;
 	margin-top: -2em;
}
.category-list li {
 	display: inline-block;
 	padding: 0 2em;
 	margin-top: 2em;
 	border-right: 1px solid #333333;
 	cursor: pointer;
	transition: 0.3s;
}
.category-list li.thin  {
	color: #CCC;
}
.category-list li.thin.active {
	color: #333333;
}
.category-list li:last-child {
 	border-right: none;
}
.category-list li:hover {
	opacity: .5;
	color: #333333;
}
.category-list li[data-group="all"] {
		display: none;
}
.category-list li[data-group="all"].show {
		display: inline-block;;
}
@media only screen and (max-width: 737px) {
	.work-cat {
	 	margin-bottom: 4rem;
	}

	.category-list {
		font-size: .9rem;
	}
}
 /* worksList
------------------------------- */
.post-type-archive-works .worksList > ul {
	margin-top: 0;
}
.post-type-archive-works .worksList .worksBox,
.post-type-archive-works .worksList .worksBox:nth-of-type(3n) {
	width: calc(50% - 3rem / 2);
	margin-top: 6rem;
	margin-right: 3rem;
}
.post-type-archive-works .worksList .worksBox:nth-of-type(2n) {
	margin-right: 0;
}
@media only screen and (max-width: 737px) {
	.post-type-archive-works .worksList > ul {
		margin-top: 0;
	}
	.post-type-archive-works .worksList .worksBox,
	.post-type-archive-works .worksList .worksBox:nth-of-type(3n) {
		width: 100%;
		margin-top: 3.4rem;
		margin-right: 0;
	}
	.post-type-archive-works .worksList .worksBox:nth-of-type(2n) {
		margin-right: 0;
	}
	.worksList .worksBox .imgWrap {
		padding-top: 63.7681%;
		margin-bottom:  1.2rem;
	}
	.post-type-archive-works .worksList .worksBox .textWrap .title {
		font-size: 1.6rem;
		line-height: 1.875;
	}
	.post-type-archive-works .worksList .worksBox .textWrap .category {
		margin-top: 0;
	}

}

/* -------------------------------

-shingle 共通

 ------------------------------- */
.single .article-body strong {
	 font-family: "ゴシックMB101 B" ,"Gothic MB101 Bold";
}
/* youtube
------------------------------- */
.single .article-body .youtube {
	padding-bottom: 56.25%;
	width: 100%;
	height: 0;
	overflow: hidden;
	position: relative;
}
.single .article-body .youtube iframe {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
 width: 100%;
 height: 100%;
}
/* -------------------------------

-shingle-works

 ------------------------------- */
 /* article-header
------------------------------- */
.single-works .article-header {
	margin-bottom: 11.1rem;
}
.single-works .article-header .title {
 	font-size: 4.5rem;
 	line-height: 1.66;
 	font-weight: 500;
	letter-spacing: 0.05em;
	font-family: "リュウミン R-KL", "Ryumin Regular KL", serif;
	color: #0E0E0E;
}
.single-works .article-header .cat {
	line-height: 2.4;
 	letter-spacing: 0.05em;
 	font-weight: 400;
 	font-family: "ゴシックMB101 R" ,"Gothic MB101 Regular", sans-serif;
 	color: #767676;
	margin-top: 1rem;
}
.single-works .article-header .cat li {
	display: inline-block;
}
.single-works .article-header .cat li:after {
	content: "/";
	margin: 0 0.5em;
}
.single-works .article-header .cat li:last-child:after  {
	content: "";
}
@media only screen and (max-width: 737px) {
	.single-works .article-header {
		margin-bottom: 3.6rem;
	}
	.single-works .article-header .title {
	 	font-size: 1.8rem;
	}
	.single-works .article-header .cat {
		line-height: 1.2;
		margin-top: .7rem;
	}
	.single-works .article-header .cat li {
		font-size: 1rem;
	}
}
 /*article-body
------------------------------- */
.single-works .article-body .imgSec {
	margin-bottom: 8.4rem;
}
.single-works .article-body .imgSec ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: -4rem;
}
.single-works .article-body .imgSec li {
	width: 100%;
	text-align: center;
	margin-top: 4rem;
}
.single-works .article-body .imgSec li:nth-of-type(3),
.single-works .article-body .imgSec li:nth-of-type(4) {
	width: calc(50% - 3rem / 2);
}
.single-works .article-body .imgSec li:nth-of-type(3) {
	margin-right: 3rem;
}
.single-works .article-body .desc {
	font-weight: 400;
	font-family: "ゴシックMB101 R" ,"Gothic MB101 Regular", sans-serif;
	letter-spacing: 0.05em;
}
.single-works .article-body .credit {
	font-size: 1.4rem;
	font-weight: 400;
	font-family: "ゴシックMB101 R" ,"Gothic MB101 Regular", sans-serif;
	letter-spacing: 0.05em;
	margin-top: 18rem;
}

@media only screen and (max-width: 737px) {
	.single-works .article-body .imgSec {
		margin-bottom: 3.2rem;
	}
	.single-works .article-body .imgSec ul {
		margin-top: -1.5rem;
	}
	.single-works .article-body .imgSec li {
		width: 100%;
		margin-top: 1.5rem;
	}
	.single-works .article-body .imgSec li:nth-of-type(3),
	.single-works .article-body .imgSec li:nth-of-type(4) {
		width: 100%;
	}
	.single-works .article-body .imgSec li:nth-of-type(3) {
		margin-right: 0;
	}
	.single-works .article-body .desc {
		letter-spacing: 0.02em;
	}
	.single-works .article-body .credit {
		font-size: 1.2rem;
		line-height: 2.083;
		letter-spacing: 0;
		margin-top: 11.6rem;
	}
}

/* -------------------------------

-archive-news

 ------------------------------- */
.post-type-archive-news .newsList .newsBox {
  margin-bottom: 4.5rem;
}
@media only screen and (max-width: 737px) {
	.post-type-archive-news .newsList .newsBox {
	  margin-bottom: 2.3rem;
	}
}
/* -------------------------------

-shingle-news

 ------------------------------- */
 /* article-header
------------------------------- */
.single-news .article-header {
	margin-bottom: 10.4rem;
}
.single-news .article-header .date {
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: 0.02em;
	color: #767676;
	font-family: din-2014, sans-serif;
	margin-bottom: 3.5rem;
}
.single-news .article-header .title {
 	font-size: 4.5rem;
 	line-height: 1.66;
 	font-weight: 500;
	letter-spacing: 0.05em;
	font-family: "リュウミン R-KL", "Ryumin Regular KL", serif;
	color: #0E0E0E;
}
.single-news .article-header .cat {
	font-size: 1.8rem;
	line-height: 1;
 	letter-spacing: 0.05em;
 	font-weight: 400;
 	font-family: "ゴシックMB101 R" ,"Gothic MB101 Regular", sans-serif;
 	color: #767676;
 	margin-top: 1rem;
}
.single-news .article-header .cat li {
	display: inline-block;
}
.single-news .article-header .cat li:after {
	content: "、";
}
.single-news .article-header .cat li:last-child:after  {
	content: "";
}
@media only screen and (max-width: 737px) {
	.single-news .article-header {
		margin-bottom: 3.6rem;
	}
	.single-news .article-header .date {
		font-size: 1rem;
		margin-bottom: 1.6rem;
	}
	.single-news .article-header .title {
	 	font-size: 1.8rem;
	}
	.single-news .article-header .cat {
		margin-top: 1rem;
		font-size: 1rem;
	}
}
 /*article-body
------------------------------- */
.single-news .article-body .imgSec {
	margin-bottom: 5rem;
}
.single-news .article-body .imgSec ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: -4rem;
}
.single-news .article-body .imgSec li {
	width: 100%;
	text-align: center;
	margin-top: 4rem;
}
.single-news .article-body .imgSec li img {
	margin: 0;
}
.single-news .article-body .imgSec li:nth-of-type(2),
.single-news .article-body .imgSec li:nth-of-type(3) {
	width: calc(50% - 3rem / 2);
}
.single-news .article-body .imgSec li:nth-of-type(2) {
	margin-right: 3rem;
}
.single-news .article-body  {
	font-weight: 400;
	font-family: "ゴシックMB101 R" ,"Gothic MB101 Regular", sans-serif;
	letter-spacing: 0.05em;
}
.single-news .article-body p {
  margin-bottom: 1.5em;
}
.single-news .article-body h2 {
	font-size: 3rem;
	line-height: 1.66;
	font-weight: 500;
	letter-spacing: 0.05em;
	font-family: "リュウミン R-KL", "Ryumin Regular KL", serif;
	color: #0E0E0E;
	margin: 4.5rem 0 4rem;
}
.single-news .article-body img {
	margin: 5rem 0;
}
.single-news .article-body table {

}
@media only screen and (max-width: 737px) {
	.single-news .article-body .imgSec {
		margin-bottom: 3.2rem;
	}
	.single-news .article-body .imgSec ul {
		margin-top: -1.5rem;
	}
	.single-news .article-body .imgSec li {
		width: 100%;
		margin-top: 1.5rem;
	}
	.single-news .article-body .imgSec li:nth-of-type(2),
	.single-news .article-body .imgSec li:nth-of-type(3) {
		width: 100%;
	}
	.single-news .article-body .imgSec li:nth-of-type(2) {
		margin-right: 0;
	}
	.single-news .article-body  {
		font-weight: 400;
		line-height: 1.923;
		letter-spacing: 0.02em;
	}
	.single-news .article-body h2 {
		font-size: 1.6rem;
		line-height: 1.875;
		letter-spacing: 0;
		font-family: "リュウミン R-KL", "Ryumin Regular KL", serif;
		color: #0E0E0E;
		margin: 3.4rem 0;
	}
	.single-news .article-body img {
		margin: 3rem 0;
	}
}

/* -------------------------------

-archive-photo

 ------------------------------- */
.post-type-archive-photo .service_lead {
	margin-bottom: 20rem;
}
#photographer {
	margin: 0 auto 20rem;
}
/* photoList
------------------------------- */
.photoListTitle .sub {
	font-size: 2.5rem;
}
.photoList > ul  {
	display: flex;
	flex-wrap: wrap;
	margin-top: -10%;
	overflow: hidden;
}
.photoList .photoBox  {
	width: 30%;
	margin-right: 5%;
	margin-top: 10%;
}
.photoList .photoBox:nth-of-type(3n) {
	margin-right: 0;
}
.photoList .photoBox .imgWrap {
	padding-top: 100%;
	margin-bottom: 2rem;
	position: relative;
	overflow: hidden;
	background-color: #fff;
	transition: .5s;
}
.photoList .photoBox .imgWrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	transition: .5s;
}
.photoList .photoBox:hover .imgWrap {
	background-color: #333;
}
.photoList .photoBox:hover .imgWrap img {
	opacity: .5;
	transform: translate(-50%,-50%) scale(1.1);
}
.photoList .photoBox .textWrap {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
}
.photoList .photoBox .textWrap .name_en {
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.33;
	letter-spacing: 0.02em;
	font-family: din-2014, sans-serif;
	margin-bottom: 1.5rem;
}
.photoList .photoBox .textWrap .name_jp {
	font-size: 3rem;
	line-height: 1.2;
	font-weight: 500;
	font-family: "リュウミン M-KL", " Ryumin Medium KL", serif;
}
.photoList .photoBox .textWrap .view {
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 3rem;
	letter-spacing: 0.02em;
	font-family: din-2014, sans-serif;
	margin-left: auto;
	display: inline-block;
	padding-right: 2rem;
	background: url(./images/icon/arw_right.svg) right center no-repeat;
	background-size: 0.6rem 1.2rem;
}
@media only screen and (max-width: 737px) {
	.post-type-archive-photo .service_lead {
		margin-bottom: 6.5rem;
	}
	#photographer {
		margin: 0 auto 17.6rem;
	}
	/* photoList
	------------------------------- */
	.photoListTitle .sub {
		font-size: 1.1rem;
		margin-top: 1rem;
	}
	.photoListTitle  {
		margin-bottom: 3.5rem;
	}
	.photoList > ul {
		margin-top: -4rem;
	}
	.photoList .photoBox  {
		width: 100%;
		margin-right: 0;
		margin-top: 4rem;
	}
	.photoList .photoBox:nth-of-type(3n) {
		margin-right: 0;
	}
	.photoList .photoBox .imgWrap {
		margin-bottom: 1.8rem;
	}

	.photoList .photoBox .textWrap .name_en {
		font-size: 1.1rem;
		margin-bottom: 0.5rem;
	}
	.photoList .photoBox .textWrap .name_jp {
		font-size: 2rem;
	}
	.photoList .photoBox .textWrap .view {
		font-size: 1.1rem;
		background-size: 0.5rem 1rem;
	}
}

/* -------------------------------

-single-photo

 ------------------------------- */
/* nameHeader
------------------------------- */
.single-photo #nameHeader {
	margin-bottom: 11.1rem;
}
.single-photo #nameHeader .photo_cat {
	font-size: 2rem;
	font-weight: 400;
	line-height: 1.33;
	letter-spacing: 0.04em;
	font-family: din-2014, sans-serif;
	margin-bottom: 1.7rem;
}
.single-photo #nameHeader .name_en {
	font-size: 4.5rem;
	font-weight: 400;
	line-height: 1.33;
	letter-spacing: 0.05em;
	font-family: "ヒラギノ明朝 W3 JIS2004", "Hiragino Mincho W3 JIS2004", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro";
	margin-bottom: 2.5rem;
}
.single-photo #nameHeader .name_jp {
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.33;
	letter-spacing: 0.2em;
	font-family: "ヒラギノ明朝 W3 JIS2004", "Hiragino Mincho W3 JIS2004", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro";
}
@media only screen and (max-width: 737px) {
	.single-photo #nameHeader {
		margin-bottom: 5rem;
	}
	.single-photo #nameHeader .photo_cat {
		font-size: 1.1rem;
		margin-bottom: 1.3rem;
	}
	.single-photo #nameHeader .name_en {
		font-size: 2rem;
		margin-bottom: 1rem;
	}
	.single-photo #nameHeader .name_jp {
		font-size: 1rem;
	}
}
/* main_image
------------------------------- */
.single-photo #main_image {
	margin-bottom: 13.5rem;
}
.single-photo #main_image img {
	width: 100vw;
}
.single-photo #profile {
	font-weight: 400;
	font-family: "ゴシックMB101 R" ,"Gothic MB101 Regular", sans-serif;
	margin-bottom: 19rem;
}
@media only screen and (max-width: 737px) {
	.single-photo #main_image {
		margin-bottom: 5rem;
	}
	.single-photo #profile {
		font-size: 1.2rem;
		margin-bottom: 5rem;
	}
}
/* feadUp
------------------------------- */
.feadUp {
	opacity: 1;
	transform: translateY(0);
	transition: transform 1s linear, opacity 1s linear;
}
.inview.feadUp {
	opacity: 0;
	transform: translateY(1vw);
}
@media only screen and (max-width: 737px) {
	.feadUp {
		transition: transform .5s linear, opacity .5s linear;
	}
}

/* imgSec
------------------------------- */
.single-photo .imgSec li {
	margin-bottom: 19rem;
}
.single-photo .imgSec li .text {
	margin-top: 3rem;
	font-weight: 400;
	font-family: "ゴシックMB101 R" ,"Gothic MB101 Regular", sans-serif;
}
@media only screen and (max-width: 737px) {
	.single-photo .imgSec li {
		margin-bottom: 4rem;
	}
	.single-photo .imgSec li .text {
		margin-top: 2rem;
		font-size: 1.2rem;
	}
}