@charset "UTF-8";

/*

デフォルト
	=> font-size: 2.0rem

120em = 1920px（FHD）
	=> font-size: 2.4rem

75em = 1200px（タブレットよこ）
	=> font-size: 1.8rem

52.5em = 840px（タブレットたて）
	=> font-size: 1.8rem

40em = 640px（SPたて）
	=> font-size: 1.7rem


@media screen and (min-width: 120em) {
	//FHD 以上
	//基本レイアウト PC
}
@media screen and (max-width: 75em) and (orientation: landscape) {
	//タブレット（ヨコ向き）
	//基本レイアウト PC（）
}
@media screen and (max-width: 52.5em) and (orientation: portrait) {
	//タブレット（縦向き）
	//基本レイアウト タブレット
}
@media screen and (max-width: 52.5em) and (orientation: landscape) {
	//SP（ヨコ向き）
	//基本レイアウト タブレット
}
@media screen and (max-width: 40em) and (orientation: portrait) {
	//SP（縦向き）
	//基本レイアウト SP
}

WP参考
https://www.dropbox.com/home/works_new/MII/_1909_renewal/_html/wp/wp-content/themes/mii2021_04?preview=header.php

*/

/* -----------------------------------------------------------------
   Foundation
----------------------------------------------------------------- */
/* Reset
   ----------------------------------------------------------------- */
article,aside,audio,blockquote,body,canvas,caption,code,dd,div,dl,dt,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,iframe,legend,li,main,menu,nav,object,ol,p,pre,section,table,tbody,td,tfoot,th,thead,ul,video{margin:0;padding:0}article,aside,figcaption,figure,footer,h1,h2,h3,h4,h5,h6,header,hgroup,main,menu,nav,section{display:block}


/* -----------------------------------------------------------------
   var

   margin-top: var(--margin-top);
----------------------------------------------------------------- */
:root {
	--fontColor-base: #000;
	--fontColor-sub: #888;
	--fontsize-base: 2.0rem;
	--fontsize-L: 105%;
	--fontsize-S: 94%;
	--fontsize-XS: 80%;
	--margin-top: 1.4rem;
	--margin-side: 2.8rem;
	--margin-bottom: 2.8rem;
	--page-width: 68.75vw;
	--page-margin-top: 15.2rem;
	--page-margin-right: 22.917vw; /*33rem;*/
	--page-margin-bottom:20rem;
	--page-margin-left: 11vw; /*16rem;*/
	--sct-margin-top: 12.8rem;
	--sctTtl-margin-bottom: 4.8rem;
	--sctBody-gap: 4.8rem;
}

@media screen and (max-width: 75em) {
	/* タブレットよこ */
	:root {
		--fontsize-base: 1.7rem;
	}
}

@media screen and (max-width: 52.5em) and (orientation: portrait) {
	/* タブレット タテ */
	:root {
		--fontsize-base: 1.7rem;
		--margin-side: 2.4rem;
		--page-margin-top: 12rem;
		--page-margin-right: 15vw;
		--page-margin-bottom:12rem;
		--page-margin-left: var(--margin-side);

		--sct-margin-top: 10.4rem;
		--sctTtl-margin-bottom: 3.6rem;
		--sctBody-gap: 3.6rem;
	}
}

@media screen and (max-width: 52.5em) and (orientation: landscape),
screen and (max-width: 40em) and (orientation: portrait) {
	/* SPタテヨコ */
	:root {
		--fontsize-base: 1.7rem;

		--margin-top: .6rem;
		--margin-side: 1.2rem;
		--margin-bottom: 2.2rem;

		--page-margin-top: 8.4rem;
		--page-margin-right: 15vw;
		--page-margin-bottom:12rem;
		--page-margin-left: var(--margin-side);

		--sct-margin-top: 8rem;
		--sctTtl-margin-bottom: 3.6rem;
		--sctBody-gap: 3.6rem;
	}
}

@media screen and (max-width: 40em) and (orientation: portrait) {
	/* SPタテのみ */
	:root {
		--page-margin-right: var(--margin-side);
	}
}
/* -----------------------------------------------------------------
   Typography
----------------------------------------------------------------- */
/* Yaku Han JP v3.4.1 (OFL-1.1 AND MIT) by Qrac */
@font-face{font-family:YakuHanJPs;font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/YakuHanJPs/YakuHanJPs-Regular.eot);src:url(../fonts/YakuHanJPs/YakuHanJPs-Regular.woff2) format("woff2"),url(../fonts/YakuHanJPs/YakuHanJPs-Regular.woff) format("woff");unicode-range:U+3008,U+3009,U+300a,U+300b,U+300c,U+300d,U+300e,U+300f,U+3010,U+3011,U+3014,U+3015,U+ff08,U+ff09,U+ff3b,U+ff3d,U+ff5b,U+ff5d}

/* -----------------------------------------------------------------
   Base
----------------------------------------------------------------- */
*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
	-webkit-user-select: inherit;
	-moz-user-select: inherit;
	-ms-user-select: inherit;
	user-select: inherit;

	-webkit-backface-visibility: inherit;
	backface-visibility: inherit;
	-webkit-user-drag: inherit;
}

* {
	min-width: 0;
}

html,
body {
	width: 100%;
	min-height: 100%;
}

html {
	font-size: 62.5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	_overflow: auto;
}
@media screen and (min-width: 120em) {
	/* FHD以上はremを1.2倍に */
	html {
		font-size: 75%;
	}
}

html:not(.is-loaded),
html:not(.is-loaded) * {
	cursor: progress;
}

body {
	font-family: YakuHanJPs, aktiv-grotesk, Gothic Medium BBB, "Helvetica Neue", Helvetica, Arial, YuGothic, "Hiragino Kaku Gothic Pro", Meiryo, "MS PGothic", Arial, Osaka, Sans-Serif;
	font-size: var(--fontsize-base);
	/* font-size: clamp(1.8rem, .694vw + 1rem, 2.4rem); */
	line-height: 1.7;
	color: var(--fontColor-base);
	background: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overscroll-behavior: none;
	-ms-scroll-chaining: none;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

a {
	position: relative;
	cursor: pointer;
	text-decoration: none;
	color: inherit;
}
@media (hover: hover) and (pointer:fine) {
	a:hover {
		color: var(--fontColor-sub);
		text-decoration: none;
	}
}

a[href^="tel"] {
	text-decoration: none;
	color: inherit;
}


h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}li,ol,ul{list-style:none}table{font-size:100%;border-spacing:0;border-collapse:collapse}caption,td,th{font-weight:400;text-align:left;vertical-align:top}dd,dl,dt{zoom:1}fieldset{border:none}button,input[type=button],input[type=email],input[type=number],input[type=password],input[type=submit],input[type=tel],input[type=text],label,select,textarea{font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:middle;border:none;border-radius:0;outline:0;background:0 0;-webkit-box-shadow:none;box-shadow:none}button,input[type=button],input[type=email],input[type=number],input[type=password],input[type=submit],input[type=tel],input[type=text],textarea{-webkit-appearance:none;-moz-appearance:none}input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],select,textarea{width:100%;padding:10px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:aktiv-grotesk,"Helvetica Neue",Helvetica,Arial,YakuHanJPs,YuGothic,"Hiragino Kaku Gothic Pro",Meiryo,"MS PGothic",Arial,Osaka,Sans-Serif}input:-webkit-autofill,select:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset}button{cursor:pointer}textarea{overflow:auto}label{cursor:pointer}legend{display:none}img,svg,video{max-width:100%;height:auto;vertical-align:top;border:none}object{vertical-align:middle;outline:0}em{font-style:normal}strong{font-weight:inherit}small{font-size:100%}abbr,acronym{font-variant:normal;border:none}address,caption,cite,code,dfn,var{font-weight:400;font-style:normal}code,pre{font-family:monospace}sub{vertical-align:text-bottom}hr{display:none}

/* selection */
::-moz-selection {
	color: var(--fontColor-base);
	opacity: 1;
	background: #dadada;
}

::selection {
	color: var(--fontColor-base);
	opacity: 1;
	background: #dadada;
}

/* -----------------------------------------------------------------
   Utility
----------------------------------------------------------------- */
.u-lazyPr {
	background: #eee;
}

.u-lazy {
	opacity: 0;
	/* transition: opacity .2s ease; */
}

.is-loaded .u-lazy.lazyloaded {
	opacity: 1;
}

/* display:none
---------------*/
.u-dn {
	display: none;
}

/* display:inline-block
---------------*/
.u-dib {
	display: inline-block;
}

/* object-fit
---------------*/
.u-objectfit {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	/* max-width: initial; */
}

/* txt
---------------*/
.u-txt:not(.u-en) {
	text-align: justify;
	overflow-wrap: break-word;
}

.u-txt>*:not(:last-child) {
	margin-bottom: 1.4em;
}

@media screen and (max-width: 52.5em) {
}


/* underlineWrap
子要素のaタグにアンダーラインがつく
---------------*/
.u-underlineWrap a {
	text-decoration: underline;
	-webkit-text-decoration-color: #383838;
	text-decoration-color: #383838;
	text-decoration-thickness: 1px;
}
@media (hover: hover) and (pointer:fine) {
	.u-underlineWrap a:hover {
		text-decoration: none;
	}
}


/* ttlJa
日本語タイトルは少し小さく表示
---------------*/
.u-ttlJa {
	-webkit-transform: scale(.97);
	-ms-transform: scale(.97);
	transform: scale(.97);
	display: block;
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left;
	width: 105%;

	-webkit-font-feature-settings: 'palt';

	font-feature-settings: 'palt';
	letter-spacing: .09em;
}

/* バイリンガル英語
line-heightを低く設定
---------------*/
.u-ja {
	text-align: justify
}
.u-en {
	line-height: 1.55;
}

/* gap
2言語間の余白設定
---------------*/
[class*="u-gap-"] {
	display: flex;
	flex-direction: column;
}
.u-gap-s {
	gap: .3em;
}
.u-gap-m {
	gap: 1.4em;
}


/* gap
PC/SP切り替え
---------------*/
.u-pc {
	display:block
}

.u-sp {
	display: none
}
@media screen and (max-width: 52.5em) {
    .u-pc {
        display:none
    }

    .u-sp {
        display: block
    }
}

/* -----------------------------------------------------------------
   Component
----------------------------------------------------------------- */
/* sct
------------------------------*/


.c-sct {
}

.c-sct {
	padding-top: var(--sct-margin-top);
}

.c-sctTtl {
	margin-bottom: var(--sctTtl-margin-bottom);
	font-size: var(--fontsize-L);
}

.c-sctBody {
	/* margin-top: -0.5rem;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1; */
}

@media screen and (max-width: 52.5em) {
	.c-sct {}

	.c-sct+.c-sct {}

	.c-sctTtl {}

	.c-sctBody {}
}

@media screen and (max-width:40em) and (orientation: portrait) {

	.c-sct {}

	.c-sct+.c-sct {
	}

	.c-sctTtl {
		/* margin-right: 1.4rem; */
	}

	.c-sctBody {
		/* margin-top: -0.3rem;
		font-size: 97%; */
	}
}


/* innerSct
------------------------------*/
.c-innerSct:first-child {
	margin-top: 4.0rem;
}

.c-innerSct+.c-innerSct {
	margin-top: 3.5rem;
}

.c-innerSctTtl {
	font-size: var(--fontsize-XS);
	line-height: 1;
	margin-bottom: .5rem;
}

.c-innerSctBody {}



@media screen and (max-width: 52.5em) {}

@media screen and (max-width:40em) and (orientation: portrait) {

	.c-innerSct:first-child {
		margin-top: 3.0rem;
	}

	.c-innerSct+.c-innerSct {
		margin-top: 3rem;
	}

	.c-innerSctTtl {}
}

/* info
------------------------------*/
.c-infoList {}

.c-infoItem {
	padding-left: 1em;
	position: relative;
}

.c-infoItem:before {
	content: "\30FB";
	position: absolute;
	left: 0;
	top: 0;
}

.c-infoItem_name {}


.c-infoItem_child+.c-infoItem_child:before {
	content: " / ";
}

.c-infoItem_year {}

.c-infoItem_year {}

.c-infoItem_work {}


/* list
------------------------------*/

.c-list {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}
.c-list_item {}
.c-list_itemTtl {
    font-size: var(--fontsize-XS);
	color: var(--fontColor-sub);
    margin-bottom: .2rem;
}
.c-list_itemTtl a {}
.c-list_itembody {}
.c-list_itemList {}
.c-list_itemItem {
	padding-left: 1em;
	position: relative;
	line-height: 1.6;
}
.c-list_itemItem:before {
	content: "\30FB";
	position: absolute;
	left: 0;
	top: 0;
}
.c-list_itemItem a {}


@media screen and (max-width: 40em) and (orientation: portrait) {
.c-list {}
.c-list_item {}
.c-list_itemTtl {}
.c-list_itemTtl a {}
.c-list_itembody {}
.c-list_itemList {}
.c-list_itemItem {}
.c-list_itemItem a {}
}

/* sticyUI
------------------------------*/
.c-sticyUI {
	position: fixed;
	bottom: var(--margin-bottom);
	right: var(--margin-side);
	z-index: 5001;
}

.c-sticyUI_link {
	line-height: 1;
	cursor: pointer;
	font-size: 95%;
	text-align: right;
	display: block;
}

.c-sticyUI_linkInner {
	position: relative;
	display: block;
	padding-right: .9em;
}

.c-sticyUI_linkInner:after {
	content: "";
	width: 0.7em;
	height: 1em;
	background: url(../img/icon-arrow.svg?3) no-repeat center;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

@media screen and (max-width: 52.5em) {
	.c-sticyUI {}

	.c-sticyUI_link {}

	.c-sticyUI_linkInner {}

	.c-sticyUI_linkInner:after {}
}

@media screen and (max-width: 40em) and (orientation: portrait) {
	.c-sticyUI {
		bottom: 0;
		left: 0;
		padding: 0 var(--margin-side);
		background: #fff;
		width: 100%;
	}

	.c-sticyUI_link {
		font-size: 100%;
		padding: 1.2rem 0;
	}

	.c-sticyUI_linkInner {
		padding-right: 1em;
		/* -webkit-transform: scale(0.9); */
		-ms-transform: scale(0.9);
		/* transform: scale(0.9); */
		-webkit-transform-origin: right;
		-ms-transform-origin: right;
		transform-origin: right;
	}

	.c-sticyUI_linkInner:after {
		/* top: auto; */
		/* left: 0; */
		width: 0.7em;
	}
}

/*
------------------------------*/
@media screen and (max-width: 52.5em) {}

/* -----------------------------------------------------------------
   for js
----------------------------------------------------------------- */
.js-loadItem {
	opacity: 0;
}

.js-loadItem--show {
	opacity: 1;
}

/* -----------------------------------------------------------------
   project
----------------------------------------------------------------- */
/* page - common
------------------------------*/
.wrapper {
	position: relative;
	min-height: 100vh;
	min-height: calc(var(--vh, 1vh) * 100);
	padding: var(--page-margin-top) 0 var(--page-margin-bottom);
}

.header,
.c-sctTtl {
	/* top: 6px; */
	/* margin-top: 0px; */
}

.header,
.footer {}

/* header
---------------*/
.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	font-size: var(--fontsize-L);
	line-height: 1.6;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-direction: row-reverse;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	padding: var(--margin-top) var(--margin-side) 0;
	-webkit-font-feature-settings: 'palt';
	font-feature-settings: 'palt';
}

.top .header_navItem+.header_navItem {}

.header_aiar {
}

.header_nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 0.8em;
}

.header_navItem {
	position: relative;
}
.is-works .header_navItem--works a,
.is-office .header_navItem--office a,
.is-contact .header_navItem--contact a {
	text-decoration: underline;
	text-decoration-thickness: 1px;
	color: var(--fontColor-base)!important;
	cursor:default
}

.header_navItemTarget {
}

body.top:not(.is-topWorks) .header_navItemTarget,
body.news .header_navItemTarget {
}

.header_navItem+.header_navItem,
.is-topWorks.top .header .header_navItem+.header_navItem {
}

.header_navItemInner {
	position: relative;
	display: inline-block;
}

/* arrow */
.header_navItemTrg {
	width: 3.0rem;
	height: 1em;
	position: absolute;
	top: -0.5rem;
	bottom: 0;
	right: -3.0rem;
	margin: auto;
	cursor: pointer;
}

.header_navItemTrg:before {
	content: "";
	width: .8rem;
	height: .8rem;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	border: solid #111;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	display: block;
}

.header_navItemTrg:hover:before {
	border-color: #aaa;
}

/* current */
.header_navItem+.header_navItem.is-current {
	/* margin-left: 1.8em; */
	/* font-style: italic; */
	color: inherit;
}

.is-current .header_navItemTarget {
	opacity: 1;
	color: inherit;
	/* font-style: italic; */
}


/* -area */
.header-area {
	z-index: 3000;
	opacity: 0;
	display: none
}

.works .header-area {
	display: block
}

.works .header-area:hover+.wrapper .works_imgs {
	z-index: 500;

}
@media screen and (max-width: 52.5em) {
}

@media screen and (max-width: 40em) and (orientation: portrait) {

	.header {
		/* top: auto; */
		/* bottom: 0; */
		/* left: 0; */
		/* width: 100%; */
		/* background: #fff; */
		/* padding: 1.8rem 1.5rem 1.6rem; */
		/* padding-bottom: var(--margin-top); */
		/* mix-blend-mode: exclusion; */
		/* color: #fff; */
		/* font-size: 100%; */
		/* padding-bottom: 1rem; */
	}

	.header_nav {
		gap: 1.0rem;
	}

	.header_navItem {
		/* font-size: 1.5rem; */
	}

	.header_navItem+.header_navItem {
		/* margin-top: 0; */
		/* margin-left: 1.5rem; */
	}

	.header_navItemTarget {}

	/* current */
	.header_navItem.is-current {}

	.header_navItem.is-current:before {
		/* left: 0; */
		/* right: 0; */
		/* margin: auto; */
		/* width: 0.3rem; */
		/* height: 0.3rem; */
		/* bottom: auto; */
		/* top: -.5rem; */
	}

}

/* main
---------------*/
.main {
	padding: 0 var(--page-margin-right) 0 var(--page-margin-left);
}

.main:before {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 100;
	/* transition: all .2s cubic-bezier(0.27, 0.08, 0.09, 0.97) .4s; */
	-webkit-transition: all 0s linear .4s;
	-o-transition: all 0s linear .4s;
	transition: all 0s linear .4s;
}
.mainInner {
	/* max-width: var(--page-maxWidth);
	margin: 0 auto; */
}

/* is-loaded */
.is-loaded .main {}

.is-loaded .main:before {
	display: none;
}

@media screen and (max-width: 52.5em) {
	.main {
		/* margin: 0 auto 0 var(--margin-side); */
	}
}

/* footer
---------------*/
.footer {
	/* text-align: right; */
	padding: 0 var(--margin-side) var(--margin-bottom);
	/* margin-top: 16rem; */
	/* align-content: flex-end; */
	position: absolute;
	bottom: 0;
	width: 100%;
	display: none;
}

.footer_copyrights {
	/* font-size: 1.5rem; */
	font-size: var(--fontsize-XS);
	line-height: 1;
	display: block;
}

@media screen and (max-width: 52.5em) {
	.footer {}

	.footer_copyrights {
		/* font-size: 1.1rem; */
	}
}

/* page - top
------------------------------*/
.top .main {
	/* padding-top: 0; */
}

/* topNews
---------------*/
.topNews {
	margin-top: 2rem;
	/* margin-bottom: 6rem; */
}

.topNews .u-frame {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.topNews_slide {
	/* overflow: hidden; */
	/* height: 1.6rem; */
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.topNews_list {}

.topNews_item {
	/* margin: 10px 0; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}


.topNews_item img,
.topNews_item br {
	display: none
}

.topNews_itemTarget {}

.topNews_itemDate,
.topNews_itemTtl {
	/* line-height: 1.6; */
	/* font-size: 1.6rem; */
}

.topNews_itemDate {
	margin-right: 2rem;
}

.topNews_itemTtl {
	/* overflow: hidden; */
	-o-text-overflow: ellipsis;
	/* text-overflow: ellipsis; */
	/* white-space: nowrap; */
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	/* font-size: 100%; */
}

.topNews_link {
	width: 5rem;
	text-align: right;
}

.topNews_linkTarget {}

/* swiper */
.swiper-slide {
	opacity: 0 !important;
	/* -webkit-transition: opacity .5s ease; */
	/* transition: opacity .5s ease; */
}

.swiper-slide-active {
	opacity: 1 !important;
}


@media screen and (max-width: 52.5em) {

	/* topNews
---------------*/
	.topNews {
		/* font-size: 1.2rem; */
	}

	.topNews_slide {}

	.topNews_list {}

	.topNews_item {}

	.topNews_itemTarget {}

	.topNews_itemDate,
	.topNews_itemTtl {
		/* font-size: 1.2rem; */
	}

	.topNews_itemDate {
		/* margin-right: 2rem; */
	}

	.topNews_itemTtl {}

	/* swiper */
	.swiper-slide {}

	.swiper-slide-active {}
}

/* topWorks
---------------*/
.topWorks {}

.topWorks_sort {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
	gap: 2rem;
	text-transform: capitalize;
}

.topWorks_sortTtl {}



.topWorks_sortTtlInner {}

.topWorks_sortTtlInner:after {
	background-image: url(../img/icon-arrow-accordion.svg?3);
}


.topWorks_sortList {
	line-height: 1;
	visibility: hidden;
	opacity: 0;
	display: none;
	text-align: right;
}

.topWorks_sortItem {
	/* opacity: .3; */
}

.topWorks_sortItem.is-current {
	/* opacity: 1; */
	/* text-decoration: line-through; */
	/* text-decoration-thickness: 1px; */
}

.topWorks_sortItem+.topWorks_sortItem {
	margin-top: 1.2rem;
}

.topWorks_sortItem a {}

.topWorks_listWrap {
	/* width: var(--frame-pc); */
	/* margin: 0 auto 0 9vw; */
	margin-bottom: -4.8vw;
}

.topWorks_list {
	--worksListMargin: 3.6vw;
	--worksListGap: 1px; /*よくわからないけど必要*/
	margin: 0 calc(-1 * var(--worksListMargin));
	display: -ms-grid;
	display: grid;
	grid-gap: var(--worksListGap);
	grid-template-columns: repeat(auto-fill, minmax(calc(50% - var(--worksListGap)), 1fr));/*2カラムは35vw*/
	grid-auto-rows: 0px;
}
@media screen and (max-width: 52.5em) {
.topWorks_list {
	--worksListMargin: 1.4rem;
}
}

.topWorks_item {
	/* width: 49%; */
	padding: 0 var(--worksListMargin);
}

.topWorks_item.is-hide {
	display: none;
	/* visibility: hidden; */
	/* width: 0; */
	/* height: 0; */
	/* padding: 0; */
	/* font-size: 0; */
}

.topWorks_item:nth-child(even) {
	/* float: right; */
}

.topWorks_itemTarget {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 4vw;
}

.topWorks_itemContent {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.topWorks_itemThumb {
	/* margin-bottom: 1.4rem; */
}

.topWorks_itemThumb img {
	width: 100%;
	height: auto
}

.topWorks_itemTxt {
	margin-top: .4rem;
	line-height: 1.5;
}

.topWorks_itemTtl {
	/* font-size: 1.7rem; */
	/* width: 50%; */
}


.topWorks_itemData {
	line-height: 1;
	/* font-size: 90%; */
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	margin-right: .3em;
	position: absolute;
	left: calc(-1em - .4rem);
	text-transform: capitalize;
}

.topWorks_sortOl {
	background: #fff;
	width: 100vw;
	height: 100vh;
	/* height: calc(var(--vh, 1vh) * 100); */
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5000;
	opacity: 0;
	visibility: hidden;
}

/* @media screen and (min-width: 51.3125em) {
	.topWorks_sortOl {
		opacity: 0;
		visibility: hidden;
	}
} */

/* hover */


/* is-topWorks */
.is-topWorks .topWorks_sort {
	/* opacity: 1; */
	/* visibility: visible; */
}

body:not(.is-topSortOpen) .topWorks_sortOl {
	opacity: 0;
	visibility: hidden
}

/* is-topSortOpen */
.is-topSortOpen .topWorks_sortTtlInner:after {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.is-topSortOpen .topWorks_sortList {
	visibility: visible;
	opacity: 1;
	display: block;
}

@media screen and (max-width: 52.5em) {
	.is-topSortOpen .topWorks_sortOl {
		opacity: .95;
		visibility: visible;
	}
}


/*************** worksSort ***************/
.worksSort,
.worksSort_ol {
	display: none;
}

.worksSort_item a {
	text-transform: capitalize;
	/* font-size: 80%; */
	color: #999;
}

.worksSort_item+.worksSort_item {
	margin-top: .6rem;
}

.worksSort_item.is-current a {
	opacity: 1;
}

.worksSort_ol {
	background: #fff;
	width: 100vw;
	height: 100vh;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 50;
	opacity: 0;
	visibility: hidden;
}

/*************** is-topSortOpen ***************/
.is-topSortOpen .header_navItemTrg:after {
	top: .35rem;
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

.is-topSortOpen .worksSort {
	display: block;
	margin: 1rem 0 1rem;
}

.is-topSortOpen .worksSort_ol {
	opacity: .9;
	visibility: visible;
}



/* is-current */
.worksSort_item a:hover,
.worksSort_item.is-current a {
	color: inherit
}

@media screen and (max-width: 52.5em) {

	.topWorks {
		/* margin-top: 2rem; */
		/* padding-top: 5rem; */
	}

	.topWorks_sort {}

	.is-topWorks .topWorks_sort {}

	.topWorks_sortTtl {}



	.topWorks_sortTtlInner {}

	.topWorks_sortTtlInner:after {}


	.topWorks_sortList {}

	.topWorks_sortItem {}

	.topWorks_sortItem+.topWorks_sortItem {}

	.topWorks_sortItem a {}


	.topWorks_listWrap {
		margin-bottom: -3.5rem;
	}

	.topWorks_list {
		/* margin: 0 -2.5vw; */
		/* grid-template-columns: repeat(auto-fill, minmax(38.2vw, 1fr)); */
	}

	.topWorks_item {
		/* padding: 0 2.5vw; */
	}

	.topWorks_item.is-hide {}

	.topWorks_item:nth-child(even) {}

	.topWorks_itemTarget {
		padding-bottom: 2.8rem;
	}

	.topWorks_itemThumb {}

	.topWorks_itemTxt {}

	.topWorks_itemTtl {}

	.topWorks_itemData {
    position: relative;
    left: 0;
    margin-right: .2em;
}

	/* is-topSortOpen */
	.is-topSortOpen .topWorks_sortTtlInner:after {}

	.is-topSortOpen .topWorks_sortList {}

	.is-topSortOpen .topWorks_sortOl {
		/* opacity: .9; */
		/* visibility: visible; */
	}

	.is-topSortOpen .header {}

	/* is-current */
	.topWorks_sortItem:hover,
	.topWorks_sortItem.is-current {}

	.topWorks_sortItem.is-current:hover a {}


}

@media screen and (max-width: 40em) and (orientation: portrait) {

	.top .main {}

	.topWorks {
		/* padding: 0; */
	}

	.topWorks_sort {
		/* bottom: 0; */
		/* left: 0; */
		/* padding: 1.0rem var(--margin-side); */
		/* background: #fff; */
		/* width: 100%; */
		/* gap: 3rem; */
		/* color: #fff; */
		/* mix-blend-mode: difference; */
	}

	.is-topWorks .topWorks_sort {}

	.topWorks_sortTtl {
		/* position: relative; */
		/* color: #fff; */
		/* mix-blend-mode: difference; */
	}



	.topWorks_sortTtlInner {
		/* padding-right: 1.6rem; */
		/* padding-left: 0; */
		/* position: static; */
	}

	.topWorks_sortTtlInner:after {
		/* top: 1.2rem; */
		/* -webkit-transform: rotate(45deg); */
		/* transform: rotate(45deg); */
		/* right: 0; */
		/* bottom: auto; */
		/* width: 0.7em; */
	}


	.topWorks_sortList {}

	.topWorks_sortItem {}

	.topWorks_sortItem+.topWorks_sortItem {}

	.topWorks_sortItem a {}


	.topWorks_listWrap {
		margin-bottom: -2.8rem;
		/* width: var(--frame-w-pc); */
		/* padding-right: 4rem; */
	}

	.topWorks_list {
		/* display: block; */
		/* margin: 0; */
	}

	.topWorks_item {
		/* padding: 0 0 4rem; */
		/* width: 100%; */
		padding: 0;
	}

	.topWorks_item.is-hide {}

	.topWorks_item:nth-child(even) {}

	.topWorks_itemTarget {
		padding-bottom: 2.8rem;
	}

	.topWorks_itemThumb {}

	.topWorks_itemTxt {
		/* font-size: 100%; */
	}

	.topWorks_itemTtl {}

	.topWorks_itemData {
		/* font-size: 90%; */
		margin-left: -.10em;
	}

	/* is-topSortOpen */

	.is-topSortOpen .topWorks_sort {
		background: 0;
	}

	.is-topSortOpen .topWorks_sortTtlInner:after {
		/* top: 1.3rem; */
		/* -webkit-transform: rotate(-135deg); */
		/* transform: rotate(-135deg); */
	}

	.is-topSortOpen .topWorks_sortList {
		/* padding-bottom: 2rem; */
	}

	.is-topSortOpen .topWorks_sortOl {}

	.is-topSortOpen .header {
		/* background: none; */
	}

	/* is-current */
	.topWorks_sortItem:hover,
	.topWorks_sortItem.is-current {}

	.topWorks_sortItem.is-current:hover a {}


}

@media screen and (max-width: 40em) and (orientation: portrait) {
	.topWorks_list {
		display: block;
		margin: 0;
	}
}

/* page - works
------------------------------*/
@media screen and (min-width: 51.3125em) {
	.works .wrapper {
		padding-top: 0;
	}
}

.works_ttlWrap {
	/* position: fixed; */
	/* bottom: 0px; */
	/* right: 0; */
	/* margin-bottom: -.38em; */
	/* z-index: 10000; */
	/* font-size: var(--fontsize-L); */
	/* line-height: 1; */
	/* padding: 0 var(--margin-side) var(--margin-bottom); */
	/* width: calc((100vw - var(--frame-pc)) / 2); */
	/* text-align: right; */
}

.works_ttl {
	line-height: 1;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	position: fixed;
	right: var(--margin-side);
	top: var(--page-margin-top);
}

.works_ttlTxt-en,
.works_ttlTxt-ja {
	display: block;
}

.works_ttlTxt-en {
	margin-left: 0.7em;
}

.works_ttlTxt-ja {
	margin-top: -.1em;
}

.works_ttlTxt-ja.u-ttlJa {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
}

.js-worksInfo .works_anchor {
	opacity: 0;
	visibility: hidden;
}

.works_body {
	/* width: var(--frame-pc); */
	/* max-width: var(--frame-max-pc); */
	/* margin: 0 auto; */
}

.works_imgs {}

.works_txtWrap {
	padding-top: 9.6rem;
	position: relative;
}
@media screen and (max-width: 52.5em) {
	.works_txtWrap {
	padding-top: 5.6rem;
	}
}

.header_area {
	z-index: 3000;
}

.header_area:hover {
	z-index: 500;
}

.header_area:hover+.wrapper .works_imgs {
	z-index: 500;
}

.works_img {
	/* display: inline-block; */
	/* background: #f0f0f0; */
}

.works_img img {
	width: 100%;
	height: auto
}

.works_img-portrait {
	/* width: auto; */
	height: var(--page-width);
	/* max-height: var(--frame-max-pc); */
	display: inline-block;
	text-align: left;
}

.works_img+.works_img {
	margin-top: 3rem;
}

.works_img-portrait img {
	height: 100%;
	width: auto;
}

.works_youtubePlayer {
	aspect-ratio: 16/9;
    width: 100%;
    height: auto;
	vertical-align: bottom;
}

.worksInfoSct {
	padding-top: 8rem;
}

.worksInfoSct_ttl {
	opacity: 0;
	visibility: hidden
}

.works_txt {
	margin-bottom: 8.8rem;
	/* display: flex; */
	/* flex-direction: column; */
	/* gap: 3.2rem; */
}

/* works before
------------------------------*/
.works_before {
	font-size: 90%;
	position: absolute;
	top: 1.2rem;
	right: 0;
}

.works_beforeHead {
	display: flex;
	justify-content: flex-end;
	margin-right: -0.3em;
	/* margin: -3rem 0 4rem; */
}

.works_beforeTtl {
    margin-right: 0.4rem;
}

.works_beforeNum {}

.works_beforeNum.js-current {}

.works_beforeNum {
	padding: 0 .3em;
	text-decoration: underline;
}

.works_beforeNum.js-current {
	text-decoration: none;
}
@media (hover: hover) and (pointer:fine) {
	.works_beforeNum:hover {
		text-decoration: none;
	}
}

.works_beforeContent {
	/* display: none; */
	position: absolute;
	bottom: 2em;
	right: 0;
}

.works_beforeImgs {
	/* position: relative; */
}

.works_beforeImg {
	width: 48rem;
	max-width: 80vw;
	height: 48rem;
	max-height: 80vw;
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	visibility: hidden;
	opacity: 0;
}
.works_beforeImg.js-current {
	visibility: visible;
	opacity: 1;
}

.works_beforeImg img {
	object-fit: contain;
	width: 100%;
	height: 100%;
	object-position: right bottom;
}

.works_data {
	display: flex;
	flex-direction: column;
	gap: 2.2rem;
}

.works_dataRow{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2.4rem;
}
.works_dataItem {
	/* border-top: 1px solid #e7e7e7; */
	/* padding: 1.3rem 0; */
	line-height: 1.4;
	}

.works_dataItemTtl {
	font-size: var(--fontsize-XS);
	color: var(--fontColor-sub);
	/* color: #333; */
	margin-bottom: .6rem;
}

.works_dataItemBody {
	font-size: var(--fontsize-S)
}

.works_dataItem-en .works_dataItemBody {
	transform: translateY(-.05em);
}

.works_listLink {
	margin-top: 10rem;
	display: block;
}

@media screen and (max-width: 52.5em) {
	.works_ttlWrap {
		/* width: 100%; */
	}

	.works_ttl {}

	.works_body {}

	.works_imgs {}

	.works_img {
		/* margin-top: 1.9rem; */
	}

	.works_img+.works_img {
		/* margin-top: 1rem; */
	}

	.works_img-portrait {}

	.works_img-portrait img {}

	.worksInfoSct {
		padding-top: 6rem;
	}

	.works_txt {
    margin-bottom: 5.6rem;
}

	.works_data {
    gap: 1.6rem;
}

	.works_dataItem {}

	.works_dataItemTtl {
    margin-bottom: .5rem;
}

	.works_dataItemBody {}

	.works_listLink {}
}

@media screen and (max-width: 40em) and (orientation: portrait) {

	.works_ttlWrap {
		/* left: 0; */
		/* top: 0; */
		/* bottom: auto; */
		/* margin-top: 0; */
		/* position: sticky; */
		/* padding: .7rem var(--margin-side); */
		/* width: 100%; */
		/* background: #fff; */
	}

	.works_ttl {
		top: auto;
		bottom: 0;
		left: 0;
		-webkit-writing-mode: initial;
		-ms-writing-mode: initial;
		writing-mode: initial;
		z-index: 4000;
		width: 100%;
		padding: 1.2rem var(--margin-side);
		background: #fff;
		height: 4rem;
	}

	.works_ttlTxt {
			display: inline-block;
			position: absolute;
			left: auto;
			top: 0;
			bottom: 0;
			margin: auto;
			height: 1em;
	}

	.works_ttlTxt-ja {
		-webkit-font-feature-settings: 'palt';
		font-feature-settings: 'palt';
		letter-spacing: .09em;
	}

	.works_ttlTxt-en {
		margin-left: 0;
	}
	/* ↓日英用意されているとき、SPタテでは日英を切り替える↓ */
	.works_ttl:has(.works_ttlTxt-ja) .works_ttlTxt{
		animation: switch 6s infinite;
	}
	.works_ttl:has(.works_ttlTxt-ja) .works_ttlTxt-ja{
		animation-delay: 3s;
		opacity:0
	}
	@keyframes switch {
		0%, 49% {
			opacity: 1;
		}
		50%, 99% {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
	/* ↑日英用意されているとき、SPタテでは日英を切り替える↑ */


	.works_ttlTxt-ja.u-ttlJa {
		-webkit-transform-origin: center left;
		-ms-transform-origin: center left;
		transform-origin: center left;
	}

	.works_anchor {
		background: none;
	}

	.works_body {
		/* width: 100%; */
		/* padding-right: 2.4rem; */
		/* margin-right: -1.2rem; */
	}


	.works_imgs {
		/* margin-top: 6rem; */
		/* padding-right: 3.5rem; */
		/* margin: 0 calc(-1 * var(--margin-side)); */
	}

	.works_imgs .u-frame {
		/* width: 100%; */
	}

	.works_img {
		height: initial;
		max-height: 100%;
		width: 100%;
	}

	.works_img+.works_img {
		margin-top: 1.0rem;
	}

	.works_img-portrait {}

	.works_img-portrait img {
		width: 100%;
		height: auto;
	}

	.worksInfoSct {
		padding-top: 5rem;
	}

	.worksInfoSct_ttl {
		/* display: none; */
	}

	.works_txtWrap {
	padding: 6.4rem 0 0;
	}

	.works_before {
		top: 0.5rem;
	}


	.works_txt {
		margin-bottom: 6.4rem;
	}

	.works_data {}

	.works_dataCol {}

	.works_dataRow {
    grid-template-columns: 1fr 1fr;
    gap: 0;
}

	.works_dataItem-ja {
    padding-right: 1.6rem;
}

	.works_dataItemTtl {
    font-size: var(--fontsize-XS);
    margin-bottom: .3rem;
}

	.works_dataItemBody {
    font-size: var(--fontsize-S)
}

	.works_listLink {
		/* margin-top: 7rem; */
	}
}

/* page - office

ボタン非活性実装
https://mirailog.jp/contact-form7-required
------------------------------*/

.office .main {
}

/* profileSct
---------------*/

.profileSct {
	/* margin-top: 1.4rem; */
}

.profileSct_ttl {}

.profileSct_body {}

.profileSct_data {
	/* margin-left: 1.04em; */
	position: relative;
	z-index: 1;
}

.profileSct_dataItem {
	/* display: flex; */
}

.profileSct_dataItem+.profileSct_dataItem {
	/* margin-top: 1em; */
}

.profileSct_dataLabel {
	/* font-size: 1.3rem; */
	/* margin-top: 1rem; */
	/* width: 6.5em; */
	margin-right: .7em;
	/* display: inline; */
	/* display: block; */
}

.people {
	/* margin-top: 5.6rem; */
	position: relative;
	z-index: 1;
}

.about {
	display: flex;
	flex-direction: column;
	gap: var(--sctBody-gap);
	margin-top: -0.3em;
}

.about_img {
	--aboutImg-size: 23.61vw;
	position: absolute;
	width: 100%;
	height: 100svh;
	left: 0;
	top: 0;
}

@media screen and (max-width: 75em) {
	.about_img {
		/* --aboutImg-size:30rem; */
	}
}
@media screen and (max-width: 52.5em) and (orientation: portrait) {

	.about_img {
		/* --aboutImg-size: 30rem; */
	}
}
@media screen and (max-width: 40em) and (orientation: portrait) {
    /* SPたて */
	.about_img {
		--aboutImg-size: calc(100vw - 24vw);
	}
}
.is-contact .about_img {
}

.about_imgInner {
	position: absolute;
	right: var(--margin-side);
	bottom: var(--margin-bottom);
	width: var(--aboutImg-size);
	height: var(--aboutImg-size);
}


.about_imgSrc {
	width: var(--aboutImg-size);
	height: var(--aboutImg-size);
}

.about_img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: bottom right;
}
@media screen and (max-width: 52.5em){
    /* タブレットたて */
	/* .about_img img {
		object-position: initial;
	} */
}

.about_imgCredit {
	font-size: var(--fontsize-XS);
	text-align: right;
	line-height: 1;
	/* margin-top: .4rem; */
	display: block;
	position: absolute;
	right: 0;
	bottom: auto;
	padding-top: .3em;
	writing-mode: vertical-rl;
	position: absolute;
	bottom: 0;
	right: -18px;
}
@media screen and (max-width: 52.5em) {
	.about_imgCredit {
		position: static;
		writing-mode: initial;
	}
}

.people_list {
	display: flex;
	flex-direction: column;
	gap: var(--sctBody-gap);
}

.people_item {
}

.people_item+.people_item {
	/* margin-top: 4.7rem; */
}

.people_itemName {
	/* margin-bottom: 0.6rem; */
	/* font-size: 88%; */
}

.people_career {
	/* font-size: 92%; */
	/* text-indent: 1em; */
}

.people_careerItem {
	/* font-size: 83.333%; */
}


/* contactSct
---------------*/
.contactSct {
	/* padding-bottom: 8rem; */
}

.contactSct_ttl {}

.contactSct_body {
    display: flex;
    flex-direction: column;
    gap: var(--sctBody-gap);
}

.contactSct_lead {
}
.contactSct_inquiry {
}

.form {
    margin-top: 1.2rem;
}
@media screen and (min-width: 51.3125em) {
.form {
    /* width: 50%; */
}
}

.form_item {}

.form_item+.form_item {
	margin-top: 2rem;
}

.form_itemTtl {
	font-size: var(--fontsize-XS);
	color: var(--fontColor-sub);
	line-height: 1;
	margin-bottom: .8rem;
}

.form_itemBody {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.form_itemBody .wpcf7-form-control-wrap {
	display: block
}

.form_itemBody input,
.form_itemBody textarea {
	border: 1px solid #ddd;
}

.form_itemBody textarea {
	height: 32rem;
}


.form_btnWrap {
	text-align: center;
	margin-top: 2rem;
}

.form_btn {
	color: inherit;
	cursor: pointer;
}

.form_btn:disabled {
	opacity: .3;
}

/* is-focused */

.form_item.is-focused input,
.form_item.is-focused textarea {
	border-color: #333;
}

/* contact form 7 */
.form_item span.wpcf7-not-valid-tip {
	/* font-size: 1.1rem; */
	/* color: red; */
	/* position: absolute; */
	/* bottom: -20px; */
	/* display: block; */
	/* right: 0; */
	display: none;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {}

div.wpcf7-response-output {
	text-align: center;
	font-size: var(--fontsize-XS);
	border: 0 !Important;
	color: #d81010;
}

.wpcf7 form.sent .wpcf7-response-output {
	color: inherit;
}


@media screen and (max-width: 52.5em) {
	.office .main {}




	/* profileSct
	---------------*/

	.profileSct {}

	.profileSct_ttl {}

	.profileSct_body {}

	.profileSct_data {}

	.profileSct_dataItem {}

	.profileSct_dataItem+.profileSct_dataItem {}

	.profileSct_dataLabel {}

	.people {
		/* margin-top: 2.2rem; */
	}

	.about_img {
		position: relative;
		/* height: var(--aboutImg-size); */
		/* width: var(--aboutImg-size); */
		height: auto;
		width: 100%;
		right: -50px;
	}

	.about_imgInner {
		position: static;
		/* width: 100%; */
		margin-left: auto;
		margin-right: calc(var(--page-margin-right) * -1 + var(--margin-side));
	}

	.about_imgSrc {
		/* width: 100%; */
		/* max-width: initial; */
	}

	.about_img img {}

	.people_list {
		/* grid-template-columns: 1fr; */
		/* gap: 2rem 0; */
		/* display: block; */
	}

	.people_item {
		/* margin-top: 2.2rem; */
		/* width: 100%; */
	}

	.people_item+.people_item {
		/* margin-top: 2rem; */
	}

	.people_itemName {
		/* margin-bottom: .5rem; */
	}

	.people_career {}

	.people_careerItem {}


	/* contactSct
	---------------*/
	.contactSct {}

	.contactSct_ttl {}

	.contactSct_body {}

	.contactSct_lead {
		/* margin-bottom: 2.5rem; */
	}

	.form {}

	.form_item {
		/* padding-bottom: 1rem; */
	}

	.form_item+.form_item {}

	.form_itemTtl {
		/* font-size: 1.1rem; */
		/* padding-bottom: .4rem */
	}

	.form_itemBody {}

	.form_itemBody input {}

	.form_itemBody input,
	.form_itemBody textarea {
		/* font-size: 1.6rem; */
	}

	.form_itemBody textarea {
		/* height: 12rem; */
	}


	.form_btnWrap {
		/* margin-top: 2rem; */
	}

	.form_btn {}

	/* contact form 7 */
	.form_item span.wpcf7-not-valid-tip {}

	div.wpcf7-validation-errors,
	div.wpcf7-acceptance-missing {}

	div.wpcf7-response-output {}
}




@media screen and (max-width:40em) and (orientation: portrait) {
	.office .main {}


	/* profileSct
	---------------*/

	.profileSct {
		/* margin-top: 1.5rem; */
	}

	.profileSct_ttl {
		/* margin-top: 1.4rem; */
	}

	.profileSct_body {}

	.profileSct_data {}

	.profileSct_dataItem {}

	.profileSct_dataItem+.profileSct_dataItem {}

	.profileSct_dataLabel {}

	.people {
}

	.about_img {
		/* margin-top: 2.5rem; */
		width: 100%;
	}

	.about_imgSrc {
		width: 100%;
	}

	.about_img img {}

	.people_list {
		/* grid-template-columns: 1fr; */
		/* gap: 2rem 0; */
		/* display: block; */
	}

	.people_item {
		/* width: 100%; */
		/* margin-top: 2.5rem; */
	}

	.people_itemName {}

	.people_career {}

	.people_careerItem {}


	/* contactSct
	---------------*/
	.contactSct {}

	.contactSct_ttl {}

	.contactSct_body {}

	.contactSct_lead {}

	.form {}

	.form_item {}

	.form_item+.form_item {}

	.form_itemTtl {
		/* width: 9em; */
	}

	.form_itemBody {}

	.form_itemBody input {}

	.form_itemBody textarea {}


	.form_btnWrap {}

	.form_btn {}

	/* contact form 7 */
	.form_item span.wpcf7-not-valid-tip {}

	div.wpcf7-validation-errors,
	div.wpcf7-acceptance-missing {}

	div.wpcf7-response-output {}


}


/* page - news
------------------------------*/
/* .news_ttl {
	display: none;
}

.NewsArc {
}

.NewsArc:first-child {
}

.NewsArc+.NewsArc {
	margin-top: 2.6rem;
}

.NewsArc_head {
}

.NewsArc_date {
	line-height: 1.5;
	font-size: var(--fontsize-XS);
	display: block;
	margin-bottom: .5rem;
	margin-top: 0px;
}

.NewsArc_ttl {}

.NewsArc_body {}

.NewsArc_body p {}

@media screen and (max-width: 52.5em) {
	.news_ttl {
	}

	.NewsArc {}

	.NewsArc+.NewsArc {
	}

	.NewsArc_head {}

	.NewsArc_date {
	}

	.NewsArc_ttl {}

	.NewsArc_body {}

	.NewsArc_body p {}

	.NewsArc_body p a {}

	.NewsArc_body p a:hover {}

}

@media screen and (max-width: 52.5em) and (orientation: portrait) {
	.news_ttl {}

	.NewsArc {
	}

	.NewsArc+.NewsArc {}

	.NewsArc_head {
	}

	.NewsArc_date {}

	.NewsArc_ttl {}

	.NewsArc_body {
	}

	.NewsArc_body p {}

	.NewsArc_body p a {}

	.NewsArc_body p a:hover {}

} */