@charset "utf-8";
/* CSS Document */

/* 翻訳結果調整 */
html[lang='en'] .company .pageContent dl:first-of-type dd:first-of-type font,
html[lang='en'] .company .pageContent dl:first-of-type dd:nth-of-type(3) font,
html[lang='en'] .company .pageContent dl:first-of-type dd:nth-of-type(10) font{
	display: none;
}
html[lang='en'] .company .pageContent dl:first-of-type dd:first-of-type::before{
	content: 'WAKITA CSS Co., Ltd.';
	display: inline;
}
html[lang='en'] .company .pageContent dl:first-of-type dd:nth-of-type(3)::before{
	content: '3F Sark Building, 1251 Kotta, Tama City, Tokyo 206-0014';
	display: inline;
}
html[lang='en'] .company .pageContent dl:first-of-type dd:nth-of-type(10) a::before{
	content: 'List of registered technologies of WAKITA CSS';
	display: inline;
}
html[lang='en'] .company .pageContent dl.companyOutline dd:nth-of-type(1) font,
html[lang='en'] .company .pageContent dl.companyOutline dd:nth-of-type(23) font{
	display: none;
}
html[lang='en'] .company .pageContent dl.companyOutline dd:nth-of-type(1)::before{
	content: 'CSS Co., Ltd. was founded (founder: Takashiro Yuzo) and surveying software "Omakase-kun" was developed.';
	display: inline;
}
html[lang='en'] .company .pageContent dl.companyOutline dd:nth-of-type(23)::before{
	content: 'Company name changed to WAKITA CSS Co., Ltd.';
	display: inline;
}
html[lang='en'] .company .pageContent .companyDeclaration.csshtt .cdBody .mt3rem a font{
	display: none;
}
html[lang='en'] .company .pageContent .companyDeclaration.csshtt .cdBody .mt3rem a::before{
	content: 'WAKITA CSS\2019s "HTT Promotion Initiative"';
	display: inline;
}
html[lang='en'] .company .pageContent .companyDeclaration.csskenko .cdBody p:nth-of-type(1) font,
html[lang='en'] .company .pageContent .companyDeclaration.csskenko .cdBody .mt3rem a font{
	display: none;
}
html[lang='en'] .company .pageContent .companyDeclaration.csskenko .cdBody p:nth-of-type(1)::before{
	content: 'Tama City, Tokyo, where WAKITA CSS is headquartered, is promoting a "healthy town development" initiative to support every citizen, including those who work in the city, in achieving health and happiness.';
	display: inline;
}
html[lang='en'] .company .pageContent .companyDeclaration.csskenko .cdBody .mt3rem a::before{
	content: 'WAKITA CSS\2019s "Healthy Work Declaration"';
	display: inline;
}
html[lang='en'] footer .ftWrap .ftCopy font{
	display: none;
}
html[lang='en'] footer .ftWrap .ftCopy::before{
	content: 'Copyright © WAKITA CSS Co., Ltd. All Rights Reserved.';
	display: inline;
}


/* フッター調整 */
.ftLogo{
	position: relative;
}
.ftLogo::after{
	content: '株式会社ワキタCSS技術開発';
	display: block;
	position: absolute;
	font-size: 13px;
	color: #00a0e9;
	text-align: center;	
	width: 100%;
	margin-top: -30px;
}

@media(max-width:750px){
	.ftLogo::after{
		text-align: left;
		padding-left: 0.3rem;
	}
	.ftMenu ul{
		margin-top: 5rem;
	}
}

/* お知らせ調整 ----------------------------- */
/* h要素調整 */
main.pageMain.news .pageContent .newsDateWrap+h2{
	font-size: 26px;
	font-weight: 600;
	margin-bottom: 4rem;
}
main.pageMain.news .pageContent h3{
	font-size: 24px;
	font-weight: 500;
}
main.pageMain.news .pageContent h4{
	font-size: 20px;
	font-weight: 500;
	color: #008AD3;
	margin-bottom: 0.5em;
}
main.pageMain.news .pageContent .wp-block-column *:first-child{
	margin-top: 0;
}

/* 注釈 */
.css-note{
	border: 1px solid #999;
	border-radius: 5px;
	margin-bottom: 6rem;
	padding: 2rem;
}
.css-note p:first-child strong{
	font-size: 1.2em;
	font-weight: 600;
}
.css-note *:last-child{
	margin-bottom: 0;
}
.css-note>.wp-block-image{
	float: left;
	margin-right: 2.5em;
}
.css-note::after {
  content: "";
  display: block;
  clear: both;
}

/* 画像横の見出し調整 */
main.pageMain.news .wp-block-columns>.wp-block-column>h2:first-child{
	margin-top: 0;
}
.css-text-light h2:first-child,
.css-text-light h3:first-child,
.css-text-light h4:first-child,
.css-text-left h2:first-child,
.css-text-left h3:first-child,
.css-text-left h4:first-child{
	margin-top: 0;
}
.css-text-light h2:not(:first-child),
.css-text-light h3:not(:first-child),
.css-text-light h4:not(:first-child),
.css-text-left h2:not(:first-child),
.css-text-left h3:not(:first-child),
.css-text-left h4:not(:first-child){
	margin-top: 3rem;
}
@media(max-width:1200px){
	main.pageMain.news .col2custom02 .col2custom03R{
		padding: 0 0 0 6%;
	}
	main.pageMain.news .col2custom02-b .col2custom02L{
		padding: 0 6% 0 0;
	}
}
@media(max-width:782px){
	main.pageMain.news .col2custom02,
	main.pageMain.news .col2custom02-b{
		flex-direction: column-reverse;
	}
	main.pageMain.news .col2custom02>div:last-child,
	main.pageMain.news .col2custom02-b>div:last-child{
		margin-bottom: 1.5rem;
	}
	.col2custom02.css-bloc .col2custom03R figure,
	.css-bloc .col2custom02L figure{
		margin-bottom: 1.5rem;
	}
	main.pageMain.news .col2custom02 .col2custom03R{
		padding: 0;
	}
}

/* リンク（小）調整 */
@media(max-width:782px){
	main.pageMain.news .serviceInternalLink a:after{
		display: none;
	}
	main.pageMain.news .serviceInternalLink a{
		display: inline-block;
		padding: 0.5em 1.5em 0.6em;
		border: 1px solid #008AD3;
	}
}

/* bloc間の余白調整 */
main.pageMain.news .wp-block-columns,
main.pageMain.news .strengthInternal,
main.pageMain.news .css-block{
	margin-top: 0;
	margin-bottom: 4rem;
}
.css-margin{
	margin-bottom: 4rem;
}

/* 横並びボックス設定 */
.css-flex-box-side{
	display: flex;
	gap:1rem;
	margin-bottom: 2rem;
}
.css-flex-box-side .css-flex-box-child{
	width: 100%;
}

/* 区切り線 */
.wp-block-separator.css-hr{
	margin: 6rem 0;
	border-top: 1px solid;
	border-bottom: 0;
	border-color: #999;
}
.css-block .css-hr{
	margin: 2rem 0;
	border-color: #ccc;
}
/* フッター余白調整 */
main.pageMain.news .newsDetailFootCat{
	margin: 10rem 0 0;
}
/* Youtube埋め込み */
.css-youtube{
	width: 70%;
	height: auto;
	aspect-ratio: 350 / 197;
	margin: 4rem 0;
}
@media(max-width:782px){
	.css-youtube{
		width: 100%;
		margin: 2rem 0;
	}
}

/* リスト調整 */
.css-list-no li{
	margin-bottom: 1rem;
}
.css-list-no li::marker{
	font-weight: bold;
}

/* ボタン */
.css-button-l a,
.css-button-s a{
	position: relative;
    font-weight: 700;
	border-radius: 0;
	text-align: left;
}
.css-button-l a::after,
.css-button-s a::after{
	content: '';
	position: absolute;
	display: block;
	background: url('/images/arrowR01.svg') right center no-repeat;
}
.css-button-l{
	margin-bottom: 4rem;
}
.css-button-l a{
	background-color: #fff;
    font-size: 18px;
	padding-right: 3em;
}
.css-button-l a::after{
	width: 22px;
	height: 22px;
	right: 1em;
	top: calc(50% - 11px);
}
.css-button-s{
	margin-bottom: 3rem;
}
.css-button-s a{
    font-size: 16px;
	padding: 0.5em 2em 0.5em 0.9em;
	border: 1px solid #009CE5;
}
.css-button-s a::after{
	width: 18px;
	height: 18px;
	right: 0.8em;
	top: calc(50% - 9px);
}

/* 白背景ブロック調整 */
main.pageMain.news .css-block .whiteWrap{
	margin: 0;
}
main.pageMain.news .css-block .whiteWrap p:first-child{
	margin: 1rem 0;
}

/* ギャラリー調整 */
main .wp-block-gallery.columns-2.css-block .wp-block-image{
	width: calc(50% - 30px)!important;
	margin-bottom: 60px !important;
}
main .wp-block-gallery.columns-2.css-block .wp-block-image figcaption{
	color: #666;
	position: relative;
	background: initial;
	text-shadow: initial;
	overflow: initial;
	font-size: 0.9em;
	padding: 0.5em;
}
main .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before{
	-webkit-backdrop-filter: initial;
	backdrop-filter: initial;
}
@media(max-width:782px){
	main .wp-block-gallery.columns-2.css-block .wp-block-image {
		width: calc(50% - 15px) !important;
		margin-bottom: 30px !important;
	}
}

/* 実績調整 ----------------------------- */
main.performance .performanceMain{
	flex-direction: column;
}
main.performance .performanceMain>.pfMainImage{
	width: 100%;
	margin-bottom: 2rem;
}
main.performance .performanceMain>.pfMainBody{
	width: 100%;
}
main.performance .performanceMain>.pfMainBody .video{
	aspect-ratio: 16 / 9;
	width: 60%
}
main.performance .performanceMain>.pfMainBody .video>iframe{
	width: 100%;
	height: 100%;
}
main.performance .pfSubImages figure{
	margin-bottom: 2.7rem;
}
main.performance .pfSubImages .pfModalThumb>span{
	display: block;
	width: 100%;
	font-size: 0.9em;
	text-align: center;
	line-height: 1em;
}
main.performance .pfModal .pfModalCloser{
	top:-45px;
	right: 10px;
	width: 25px;
	height: 25px;
}
.performanceArchives .performanceTileCats li{
	margin-bottom: 0.3rem;
}
.performanceArchives .performanceTabList ul,
.performanceArchives .performanceTileCats{
	margin: 0.2rem 0 0.5rem;
}
.performanceArchives .performanceTileMoreBtn{
	transition: all 0.3s;
}
.performanceArchives .performanceTileMoreBtn:hover{
	background-color: #FFF;
}
.performanceArchives .performanceTileImage img{
	transition: all 0.3s;
}
.performanceArchives .performanceTileImage img:hover{
	opacity: 0.6;
}
main.performance .pfvBody h3{
	margin-bottom: 1em;
}
@media(max-width:782px){
	main.performance .performanceMain>.pfMainBody .video{
		width: 100%;
	}
}


/* 私たちの強み・画像にキャプション追加 */
main .strengthIndent .strtcol21Image>.css-caption{
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 0.5em;
	font-size: 0.8em;
}

/* プライバシーポリシー ----------------------------- */
.privacy .css-li{
	margin-top: 2rem;
}
.privacy .css-li li{
	margin-bottom: 0.8rem;
}
.css-sign{
	width: 14em;
	margin: 0 0 0 auto;
}
.css-sign p{
	text-align: justify;
	text-align-last:justify;
}

/* サービスサイトリンク ----------------------------- */
main .servicePart.css-servicesite{
	border-bottom: none;
	margin: 4rem 2rem 2rem;
	background-color: rgba(255,255,255,0.6);
	padding: 1.2rem 2rem;
	position: relative;
}
main .servicePart.css-servicesite>a{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
main .css-servicesite>.servicePartImage{
	background-color: initial;
}
main .css-servicesite>.servicePartBody ul li a:after{
	background: url(/images/external.svg) center center;
}
main .css-servicesite>.servicePartBody ul li{
	padding: 0 0.5rem 1px;
	font-size: 17px;
	font-weight: 600;
}

/* 非表示 ----------------------------- */
.css-none,
.pfCatAll .performanceTabList ul li:nth-of-type(2),
.pfCatAll .performanceTabList ul li:nth-of-type(6),
.pfCatAll .performanceTabList ul li:nth-of-type(8),
.pfCatAll .performanceTabList ul li:nth-of-type(9){
	display: none;
}