@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
/* Google Fonts から Noto Sans JP を読み込む */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');

/* サイト全体のフォントを Noto Sans JP に統一 */
body, button, input, select, textarea, .p-article, .c-swl_post, .post_content {
    font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
}
a:hover {
	opacity: .7;
}
:root {
	--color-primary1: #308F48;
	--color-primary2: #66B981;
	--color-secondary1: #006169;
	--color-secondary2: #8CD2D2;
	
	--color-N0: #fff;
}
.top #content {
	padding: 0;
}
#content.l-content {
	margin: 0 auto;
	padding: 0;
}
/*　ヘッダー　*/
#header {
	width: 96vw;
    position: fixed;
    top: 2%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 5px;
}
.l-header__inner.l-container {
	max-width: 100%;
	margin: 0;
	padding-right: 0;
}
#gnav {
	width: 100%;
}
.-series .l-header__logo {
	padding: 0;
}
.c-gnav>.menu-item>a .ttl {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-weight: bold;
}
.c-gnav>.menu-item:nth-last-child(2) {
	width: 200px;
	margin: 0 0 0 auto;
	border-left: solid 1px var(--color-primary1);
	color: var(--color-primary1);
	
}
.c-gnav>.menu-item:nth-last-child(2) a .ttl::before,
.c-gnav>.menu-item:last-child a .ttl::before {
	display: inline-block;
	content: "";
	width: 28px;
	height: 28px;
	margin: 0 12px 0 0;
	background: url(https://jpd.tokyo/startechno/wp-content/uploads/2026/03/ic_recruit.png);
}
.c-gnav>.menu-item:last-child {
	width: 200px;
	background: linear-gradient(135deg, #8CD2D2, #66B981);
	color: var(--color-N0);
	border-radius: 0 5px 5px 0;
}
.c-gnav>.menu-item:last-child a .ttl::before {
	width: 32px;
	height: 25px;
	background: url(https://jpd.tokyo/startechno/wp-content/uploads/2026/03/ic_mail.png);
}
/* spメニュー　*/
.c-iconBtn {
	background: linear-gradient(135deg, #8CD2D2, #66B981);
	border-radius: 0 5px 5px 0;
}
.p-spMenu__closeBtn .c-iconBtn {
	background: none;
}
.-series .l-header__logo {
    padding: 0;
}
.l-header__inner.l-container,
.l-header__menuBtn {
    border-radius: 5px;
}
.c-widget__title.-spmenu,
.c-gnav .sub-menu a:before,
.c-listMenu a:before{
	display: none;
}
.p-spMenu__inner {
	padding: 80px 0;
	
}
.p-spMenu__inner::before {
	background: rgba(255,255,255,.9);
}
.c-listMenu a {
    padding: 1em 0;
	font-weight: bold;
}
/*メインビジュアル*/
.p-mainVisual__slideTitle {
	font-size: 60px;
	font-weight: bold;
}
.c-pageTitle {
	font-size: 2em;
}
.l-topTitleArea {
	min-height: 350px;
}
.c-filterLayer.-texture-dot:after {
	background-color: rgba(0, 0, 0, 1);
    background-image: none;
 
}
@media (max-width: 900px) {
	.p-mainVisual__slideTitle {
	font-size: 32px;
	font-weight: bold;
}
}

/*　ボタン　*/
a.swell-block-button__link {
	width: 300px;
	padding: 16px 40px;
	font-size: 16px;
	font-weight: bold;
	box-shadow: none;
	border: solid 2px var(--color-primary1);
	color: var(--color-primary1);
}
a.swell-block-button__link:hover {
	color: #fff;
	background: var(--color-primary1);
}
.footer a.swell-block-button__link {
	color: #fff;
	border: solid 2px #fff;;
	background: none;
}
.footer a.swell-block-button__link:hover {
	color: #fff;
	border: solid 2px #fff;;
	background: none;
}
@media (max-width: 900px) {
	.-img .c-headLogo__link {
		padding: 0;
	}
	a.swell-block-button__link {
		padding: 12px 20px;
	}	
}
/*　最新情報　*/
.news_wrapper {
	background: linear-gradient(135deg, #8CD2D2, #66B981);
}
.p-postList__body {
	display: flex;
}
.-type-simple .p-postList__meta {
	margin: 0;
	white-space: nowrap;
}
.p-postList .p-postList__title,.p-postList__link {
	color: var(--color-N0);
}
/*　タイトル　*/
.post_content h2 {
	font-size: 2em;
}
.swell-block-columns__inner:has(h2.is-style-section_ttl) {
	align-items: center;
}
.post_content .is-style-section_ttl {
	line-height: 1.4;
	display: flex;
}
.post_content h2.is-style-section_ttl.has-text-align-center {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
}
h2.is-style-section_ttl .sub {
	display: flex;
	align-items: center;
	font-size: 0.5em;
	margin: 0 0 0 36px;
	padding: 0 0 0 36px;
	border-left: 4px solid var(--color-primary2);
	color: var(--color-primary2);
	letter-spacing: 4px;
}
.post_content h2.is-style-section_ttl.has-text-align-center .sub {
	border-top: 4px solid var(--color-primary2);
	border-left: none;
	padding: 20px 0 0 0;
	margin: 0;
}
h2.is-style-section_ttl.news_ttl {
	display: flex;
	flex-direction: column;
	font-size: 1.6em;
}
h2.is-style-section_ttl.news_ttl .sub {
	border-left: none;
	padding: 20px 0 0 0;
	margin: 0;
	color: var(--color-primary1);
	font-size: 0.6em;
}
h2.is-style-section_ttl .number {
	font-size: 0.6em;
    vertical-align: top;
    margin: 0 16px 0 0;
}
.post_content h3.is-style-section_ttl {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: var(--color-N0);
	font-size: 2em;
}
h3.is-style-section_ttl .sub {
	display: flex;
	align-items: center;
	font-size: 0.5em;
	margin: 20px 0 0 0;
	color: var(--color-secondary2);
	letter-spacing: 4px;
}
@media (max-width: 960px) {
h2.is-style-section_ttl  {
	font-size: 1.5em
}
h2.is-style-section_ttl .sub {
	margin: 0 0 0 20px;
	padding: 0 0 0 20px;
}
	.post_content h3.is-style-section_ttl {
		font-size: 1.5em
	}
}
/*　製品一覧　*/
.swell-block-linkList.is-style-default.-flex {
    --the-gap: .75em 1em;
}
.swell-block-linkList__link:hover {
	cursor: pointer;
}
.product_more {
	justify-content: end;
}
.wp-block-gallery.columns-3 .wp-block-image {
	max-width: 33.333%;
}
@media (max-width: 600px) {
.product_more {
    justify-content: center;
}
	.wp-block-gallery.has-nested-images.is-cropped figure.wp-block-image:not(#individual-image):nth-child(odd):not(:first-child) img {
		width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) / 2);	
	}
	.wp-block-gallery.columns-3 .wp-block-image {
	max-width: 100%;
}
}
/*　アプリケーションラボ　*/
.application .swell-block-fullWide__inner {
	background: rgba(255,255,255,.9);
	padding: 60px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 40px;
	border: 1px solid var(--color-primary2);
}
.application.swell-block-fullWide {
	padding: 2em 1em;
}
/*　フッター　*/
.footer_link_wrapper {
	border-bottom: 1px solid var(--color-secondary2);
}
.footer_link_block {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 40px;
}
.footer_link_block:first-of-type {
	border-right: 1px solid var(--color-secondary2);
}
.circle_link .c-bannerLink {
	display: flex;
	align-items: center;
	justify-content: center;
}
.swell-block-bannerLink.circle_link .c-bannerLink__figure {
    border-radius: 100%;
    width: 200px;
    height: 200px;
}
.swell-block-bannerLink.circle_link .c-bannerLink__img {
	border-radius: 100%;
    overflow: hidden;
    width: 200px;
    height: 200px;
}
.footer_links {
	justify-content: end;
}
@media (max-width: 600px) {
	.footer_link_wrapper.swell-block-fullWide{
		padding: 0!important;
	}
	.swell-block-column.footer_link_block {
		padding: 40px 0;
	}
.footer_links {
	display: none;
}
	.footer_link_block:first-of-type {
		border-bottom: 1px solid var(--color-secondary2);
		border-right: none;
	}
	.footer_info .is-layout-flex:not(.is-vertical).is-content-justification-right {
		justify-content: center;
	}
}
/*会社概要*/

.swell-block-linkList__item.active .swell-block-linkList__link {
	background: var(--the-color);
    
    color: #fff;
}
/*投稿ページ*/
.p-articleFoot {
	display: none;
}
.l-mainContent__inner>.post_content {
	margin: 4em 0 0 0;
}