@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
*/

/* ========== サイト共通部分 ========== */
body {
	font-family: "Noto Sans JP", sans-serif !important;
	letter-spacing: 0.04em;
}

body a {
	text-decoration: none;
}

:root{
	--color-br:#0F64C4;
	--color-red:#BF2D0B;
    --color-text:#333333;
}

#breadcrumb {
	display: none;
}

.c-pageTitle {
	display: none;
}

/* セクション上下の余白 */
.top #content {
    padding-top: 0;
}

.l-content {
	padding: 0;
	margin: 0;
	max-width: 100%;
}

.post_content {
	padding: 0 !important;
}

.l-article {
	max-width: 100% !important;
}

.alignfull {
    left: auto;
    width: 100%;
}

.swell-block-fullWide.sec-padding {
	padding: 100px 0 !important;
}

@media(max-width: 640px) {
	.swell-block-fullWide.sec-padding {
	    padding: 56px 0 !important;
    }
}

/* セクション内のコンテンツ幅 */
.content {
	width: 1200px;
	margin: 0 auto;
}

@media(max-width: 1200px) {
	.content {
	    width: 89.333vw;
    }
}

.br-sp {
    display: none;
}

@media(max-width: 720px) {
    .br-sp {
        display: block;
    }
}

/* リキャプチャ */
.grecaptcha-badge {
	z-index: 1
}

/* トップボタン */
@media (min-width: 960px) {
    .p-fixBtnWrap {
        bottom: 5.5em;
		right: 1em;
		
    }
}

@media not all and (min-width: 960px) {
    .p-fixBtnWrap {
        bottom: 84px;
    }
}

/* -------- ヘッダー -------- */
header {
	height: 72px;
}

.l-header__inner, .l-fixHeader__inner {
	width: 1200px;
	height: 72px;
	margin: 0 auto;
	padding: 0;
}

.c-gnav a::after {
    display: none !important;
}

.c-gnav>.menu-item>a {
    padding: 0 24px;
}

.l-header__inner .ttl, #fix_header .l-fixHeader__inner .ttl {
	transition: all .2s;
}

.l-header__inner .ttl, .l-fixHeader__inner .ttl {
	font-size: 16px !important;
	font-weight: 700 !important;
}

.l-header__inner .c-smallNavTitle, .l-fixHeader__inner .c-smallNavTitle {
	font-size: 13px !important;
	font-weight: 500 !important;
	color: var(--color-text) !important;
	opacity: 1;
}


.l-header__inner li:hover, #fix_header .l-fixHeader__inner li:hover .ttl {
	color: #0F64C4;
}

@media(max-width: 1260px) {
	.l-header__inner, .l-fixHeader__inner {
	    width: 89.333vw;
    }
}

@media(max-width: 960px) {
	header, .l-header__inner  {
	    height: 64px;
    }
	
	.p-spMenu__inner {
		padding-top: 64px;
	}
	
	.-right .p-spMenu__closeBtn {
        right: 5.333vw;
		top: 10px;
    }
	
	.p-spMenu__nav {
        margin-top: 0;
    }
	
	.c-widget__title {
		display: none;
	}
	
	.c-listMenu a {
        padding: .5em 1em .5em 1.2em;
		border-bottom: none;
	}
	
	.c-listMenu a:hover {
		padding-left: 1.5em;
	}
	
	.c-listMenu a:hover {
        background-color: #FFF;
		color: var(--color-or);
   }
	
	.c-gnav .sub-menu a:before, .c-listMenu a:before {
        content: "";
		background-image: url(/wp-content/uploads/2026/02/arrow02.png);
		width: 5px;
		height: 6px;
    }
	
	.p-spMenu__bottom {
		margin-top: 12px;
	}
	
	.p-spMenu .cta-buttons {
		margin-bottom: 16px;
	}
	
	.p-spMenu .cta-btn {
		justify-content: center;
	}
	
	.p-spMenu .cta-btn--orange {
        color: var(--color-or);
    }
	
	.p-spMenu .cta-btn--green {
        color: var(--color-gr);
    }
	
	.p-spMenu__bottom .cta-btn, .nav-btn {
        width: 320px;
	}
	
	.nav-btn {
		color: #FFF !important;
		justify-content: center;
    }
	
	.nav-btn:hover {
		color: var(--color-or) !important;
    }
}

/* -------- 【ここまで】ヘッダー -------- */

/* -------- テキスト関連 -------- */
h2, h3, h4 {
	margin: 0 !important;
}

/* セクションタイトル */
.sec-titles {
	margin-bottom: 56px;
}

.sec-title {
	font-size: 3rem !important;
	margin-bottom: 10px !important;
}

.sec-sub-title {
	font-size: 0.875rem !important;
}

@media(max-width: 600px) {
	.sec-title {
	    font-size: clamp(32px, 8.533vw, 48px) !important;
    }
}

@media(max-width: 480px) {
	.sec-titles {
	    margin-bottom: 40px;
    }
}
/* -------- 【ここまで】テキスト関連 -------- */

/* -------- ボタン -------- */
.swell-block-button a {
	padding: 20px 70px;
	border-radius: 0;
	width: auto;
	min-width: auto;
}
/* -------- 【ここまで】ボタン -------- */

/* -------- 帯 -------- */
#band .text01 {
	font-size: 3rem;
	margin-bottom: 10px !important;
}
/* -------- 【ここまで】帯 -------- */

/* -------- フッター -------- */
#footer {
	padding: 56px 0 32px;
}

#footer .l-footer__inner {
	width: 1200px;
	margin: 0 auto;
}

#footer .l-footer__widgetArea {
    padding: 0;	
}

#footer .l-container {
	padding: 0;
}

#footer .w-footer__box {
	padding: 0;
}

#footer .footer-inner {
	margin-bottom: 32px;
}

#footer .footer-inner ul {
	display: flex;
	justify-content: center;
	align-items: center;
}

#footer .footer-inner ul li {
	padding: 0 50px;
}

#footer .footer-inner ul li:not(:last-child) {
	border-right: solid 1px #0F64C4;
}

#footer .footer-inner ul li:first-child {
	padding-left: 0;
}

#footer .footer-inner ul li:last-child {
	padding-right: 0;
}

#footer .footer-inner ul li a {
	display: flex;
	align-items: center;
	gap: 4px;
}

#footer .footer-inner ul li p {
	font-size: 1.375rem;
	font-weight: 700;
}

#footer .footer-inner ul li .img01 {
	width: 73px;
	height: 54px;
}

#footer .footer-inner ul li .img02 {
	width: 95px;
	height: 52px;
}

#footer .footer-inner ul li .text-br {
	color: #0F64C4;
}

#footer .l-footer__foot {
	padding: 0;
} 

#footer .l-footer__foot .l-footer__nav {
	padding-top: 0;
	padding-bottom: 32px;
}

.l-footer__nav a {
    border-right: none;
    font-size: 13px;
	font-weight: 500;
    padding: 0 40px;
}

.l-footer__nav li:first-child a {
    border-left: none;
}

.l-footer__nav a:hover {
    text-decoration: none;
}

@media(max-width: 1260px) {
	#footer .l-footer__inner {
	    width: 89.333vw;
    }
	
    #footer .footer-inner ul li {
        padding: 0 32px !important;
    }
	
	#footer .footer-inner ul li:first-child {
	    padding-left: 0 !important;
    }

    #footer .footer-inner ul li:last-child {
	    padding-right: 0 !important;
    }

    #footer .footer-inner ul li p {
	    font-size: 1.25rem;
    }

    #footer .footer-inner ul li .img01 {
	    width: 48px;
	    height: auto;
    }

    #footer .footer-inner ul li .img02 {
	    width: 72px;
	    height: auto;
    }

    .l-footer__nav a {
        padding: 0 24px;
    }
}

@media(max-width: 1100px) {
	#footer .footer-inner ul {
		flex-direction: column;
		row-gap: 24px;
    }
	
	#footer .footer-inner ul li {
        border-right: none !important;
		padding: 0 !important;
    }
	
	.l-footer__nav {
        row-gap: 16px;
	}
}
/* -------- 【ここまで】フッター -------- */
/* ========== 【ここまで】サイト共通部分 ========== */


/* ========== 下層ページ 共通部分 ========== */
/* -------- ファーストビュー -------- */
#lower-fv {
	height: 284px;
	display: flex;
    align-items: center;
}

#lower-fv h2 {
	font-size: 3rem;
}

@media(max-width: 640px) {
	#lower-fv {
	    height: 200px;
    }

    #lower-fv h2 {
	    font-size: 2.25rem;
    }
}
/* -------- 【ここまで】ファーストビュー -------- */

/* -------- 背景の三角 -------- */
#message, #history, #store, #recruit {
	position: relative;
}

#message::before, #message::after, #history::before, #history::after, #store::before, #store::after, #recruit::before, .education-content::after {
	content: "";
	position: absolute;
	background-image: url(/wp-content/uploads/2026/02/shape01.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 216px;
	height: 470px;
}


#message::before, #store::before, #recruit::before {
	left: 0;
	top: 0;
}

#history::before {
	transform: scaleX(-1);
	top: 0;
	left: auto;
	right: 0;
}

#message::after,  #store::after,  .education-content::after {
	transform: rotate(180deg);
	right: 0;
	bottom: 0;
}

#history::after {
	transform: rotate(180deg) scaleX(-1);
	left: 0;
	bottom: 0;
}

@media(max-width: 960px) {
	#message::before, #message::after, #history::before, #history::after, #store::before, #store::after, #recruit::before,  .education-content::after {
	    width: 160px;
	    height: 348px;
    }
}

@media(max-width: 640px) {
	#message::before, #message::after, #history::before, #history::after, #store::before, #store::after, #recruit::before,  .education-content::after {
	    width: 100px;
	    height: 218px;
    }
}
/* -------- 【ここまで】背景の三角 -------- */

.bg-wh {
	background-color: #FFF;
	padding-left: 3px;
}
/* ========== 【ここまで】下層ページ 共通部分 ========== */









/* -------- 採用情報 -------- */
#top-recruit .wp-block-columns {
	align-items: center !important;
}

#top-recruit .text01 {
    font-size: 2.625rem;
	margin-bottom: 24px;
}

#top-recruit .text02 {
    font-size: 1.25rem;
	margin-bottom: 40px;
}

#top-recruit .btn a {
	background: #BF2D0B; 
}

@media(max-width: 1200px) {
    #top-recruit .text01 {
        font-size: 2rem;
    }

    #top-recruit .text02 {
        font-size: 1.125rem;
	    margin-bottom: 32px;
    }
}

@media(max-width: 960px) {
	#top-recruit .wp-block-columns {
		flex-direction: column;
		row-gap: 40px !important;
	}
	
	#top-recruit .text01 {
        font-size: 2.25rem;
    }

}
/* -------- 【ここまで】採用情報 -------- */
/* ========== 【ここまで】トップページ ========== */