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


/*
===============================================================================================

　SWELL＞子テーマ＞カスタマイズ、ハックを定義する

===============================================================================================
*/

.adx-text-right {
	text-align: right;
}
/* 表示切り替え
--------------------------------------------------------------- */
/* Responsive
------------------------------- */
@media screen and (min-width:960px) {
	.forPCTB { display:block !important; }
	.forPC { display:block !important; }
	.forTB { display:none !important; }
	.forMB { display:none !important; }
}
@media screen and (min-width:600px) and (max-width:959px) {
	.forPCTB { display:block !important; }
	.forPC { display:none !important; }
	.forTB { display:block !important; }
	.forMB { display:none !important; }
}
@media screen and (max-width:599px) {
	.forPC { display:none !important; }
	.forTB { display:none !important; }
	.forMB { display:block !important; }
}


/* width設定
--------------------------------------------------------------- */
/* Responsive
------------------------------- */
@media screen and (min-width: 768px) {
	.adx-width-30  { width: 30px !important; }
	.adx-width-60  { width: 60px !important; }
	.adx-width-90  { width: 90px !important; }
	.adx-width-120 { width: 120px !important; }
	.adx-width-150 { width: 150px !important; }
	.adx-width-180 { width: 180px !important; }
	.adx-width-210 { width: 210px !important; }
	.adx-width-240 { width: 240px !important; }
	.adx-width-270 { width: 270px !important; }
	.adx-width-300 { width: 300px !important; }
	.adx-width-330 { width: 330px !important; }
	.adx-width-360 { width: 360px !important; }
	.adx-width-390 { width: 390px !important; }
	.adx-width-420 { width: 420px !important; }
	.adx-width-450 { width: 450px !important; }
	.adx-width-480 { width: 480px !important; }
	.adx-width-510 { width: 510px !important; }
	.adx-width-540 { width: 540px !important; }
	.adx-width-560 { width: 560px !important; }
	.adx-width-600 { width: 600px !important; }
}
@media screen and (max-width: 767px) {
	.adx-width-30-sp  { width: 30px !important; }
	.adx-width-60-sp  { width: 60px !important; }
	.adx-width-90-sp  { width: 90px !important; }
	.adx-width-120-sp { width: 120px !important; }
	.adx-width-150-sp { width: 150px !important; }
	.adx-width-180-sp { width: 180px !important; }
	.adx-width-210-sp { width: 210px !important; }
	.adx-width-240-sp { width: 240px !important; }
	.adx-width-270-sp { width: 270px !important; }
	.adx-width-300-sp { width: 300px !important; }
}


/* height設定
--------------------------------------------------------------- */
.adx-height-100p { height: 100% !important; }
/* Responsive
------------------------------- */
@media screen and (min-width: 768px) {
	.adx-height-650 { height: 650px !important; }
	.adx-height-600 { height: 600px !important; }
	.adx-height-550 { height: 550px !important; }
	.adx-height-500 { height: 500px !important; }
	.adx-height-450 { height: 450px !important; }
	.adx-height-400 { height: 400px !important; }
	.adx-height-350 { height: 350px !important; }
}
@media screen and (max-width: 767px) {
	.adx-height-650-sp { height: 650px !important; }
	.adx-height-600-sp { height: 600px !important; }
	.adx-height-550-sp { height: 550px !important; }
	.adx-height-500-sp { height: 500px !important; }
	.adx-height-450-sp { height: 450px !important; }
	.adx-height-400-sp { height: 400px !important; }
	.adx-height-350-sp { height: 350px !important; }
}

/* margin設定
--------------------------------------------------------------- */
.adx-marginright-3 { margin-right: 3px; }
.adx-marginright-6 { margin-right: 6px; }
.adx-marginright-9 { margin-right: 9px; }
.adx-marginbottom-3 { margin-bottom: 3px; }
.adx-marginbottom-6 { margin-bottom: 6px; }
.adx-marginbottom-9 { margin-bottom: 9px; }


/* hr設定
-------------------------------------------------------------- */
hr.adx-bordernone {
	border: none;
	margin: 0;
}
hr.adx-space-h3  { margin: 1.5px 0; }
hr.adx-space-h6  { margin: 3.0px 0; }
hr.adx-space-h9  { margin: 4.5px 0; }
hr.adx-space-h12 { margin: 6.0px 0; }
hr.adx-space-h15 { margin: 7.5px 0; }
hr.adx-space-h18 { margin: 9.0px 0; }


/* フッター直前＞スペース削除（SWELLハック）
--------------------------------------------------------------- */
.w-beforeFooter {
	margin: 0;
}


/* リンクリスト（ブロック）＞横並び＞センタリング（SWELLハック）
--------------------------------------------------------------- */
.adx-linklist-center {
	width: fit-content;
	margin: 0 auto;
}


/* リッチカラム
--------------------------------------------------------------- */
/* 「スクロールできます」エリアの非表示
----------------------------------------------- */
.scrolHint-displaynone > .c-scrollHint { display: none; }


/* スクロールバー（横方向）＞非表示
----------------------------------------------- */
.scrollbar-displaynone > .swell-block-columns__inner::-webkit-scrollbar {
	display: none;/* Chrome、Safari、Opera、Edge */
}
.scrollbar-displaynone > .swell-block-columns__inner {
	-ms-overflow-style: none;/* Internet Explorer 10+ */
	scrollbar-width: none;/* Firefox */
}


/* グループ
--------------------------------------------------------------- */
.adx-dropshadow-gray {
	background-color: #dddddd;
	box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
}


/* ボックスメニュー
--------------------------------------------------------------- */
/* 外枠のサイズ
----------------------------------------------- */
.adx-boxmenu-border-3px .swell-block-box-menu__link {
	padding: 3px 4px 10px 4px !important;
}
.adx-boxmenu-border-3px .swell-block-box-menu__figure {
	margin-bottom: 10px !important;
}
.swell-block-box-menu.is-style-fill .swell-block-box-menu__link {
	
}

/* 
===============================================================================================

　SWELL＞子テーマ＞クライアント別設定＞富来こども園

===============================================================================================
 */
/* 全体
--------------------------------------------------------------- */
/* フォント変更
----------------------------------------------- */
body {
font-family: "Zen Maru Gothic", serif;
font-style: normal;
}


/* 角丸処理
----------------------------------------------- */
#body_wrap:not(.home) figure.wp-block-image {
	border-radius: 15px;
	overflow: hidden;
}
/* 角丸処理 */
.adx-radius {
	border-radius: 15px;
	overflow: hidden;
}
/* 円形 */
.adx-circle {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
}

/* 角丸処理＞円形＞Pタグ 
----------------------------------------------- */
.adx-circle-p {
	display: inline-flex;            /* 中央揃えしやすい */
	align-items: center;             /* 縦中央寄せ */
	justify-content: center;         /* 横中央寄せ */
	border-radius: 50% !important;              /* 完全な円にするために50% */
	line-height: 1.2;                /* 行間 */
	overflow: hidden;                /* はみ出し防止 */
	vertical-align: middle;          /* inline要素との配置調整 */
}
/* Responsive
------------------------------- */
@media screen and (min-width:960px) {
	.adx-circle-p {
		width: 120px;
		height: 120px;
	}
}
@media screen and (min-width:600px) and (max-width:959px) {
	.adx-circle-p {
		width: 90px;
		height: 90px;
	}
}
@media screen and (max-width:599px) {
	.adx-circle-p {
		width: 90px;
		height: 90px;
	}
}


/* ヘッダー＞ナビメニュー＞装飾
--------------------------------------------------------------- */
/* HOVER＞丸い背景色出現
----------------------------------------------- */
/* ナビ全体の基本スタイル */
/* 各メニュー項目 */
.c-gnav li {
	position: relative;
	overflow: hidden;
}
/* 中央に出現する丸 */
.c-gnav li::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 0;
	height: 0;
	background: #Fde7d3;
	/*background: rgba(238, 118, 73, 0.6);*/
	border-radius: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	filter: blur(10px);
	transition: all 0.7s ease;
	z-index: 1;
}

/* hover時のふわっと表示 */
.c-gnav li:hover::before {
	width: 40%;
	height: 40%;
	opacity: 0.8;
}

/* 選択中のメニュー */
.c-gnav li.current-menu-item::before {
	width: 40%;
	height: 40%;
	opacity: 0.8;
}


/* ボタン＞デザイン装飾
----------------------------------------------- */
.adx-button {
	height: 60px;
}
.adx-button:hover {
	opacity: 0.5;
}
.adx-button a {
	display: flex !important;
	align-items: center; 
}
.adx-button a > img {
	margin-right: 3px;
}

@media screen and (min-width:1124px) {
	.adx-button-w1123 {
		display: none !important;
	}
}
@media screen and (max-width:1123px) {
	.adx-button-w1124 {
		display: none !important;
	}
	.adx-button-w1123 a {
		padding: 10px 12px;
	}
}
@media screen and (min-width:600px) {
	.adx-button-w599 {
		display: none !important;
	}
	.adx-button-w600>.wp-block-button {
		width: 30% !important;
	}
}
@media screen and (max-width:599px) {
	.adx-button-w600 {
		display: none !important;
	}
}


/* 固定ページ＞ヘッダー＞装飾
--------------------------------------------------------------- */
/* トップページ以外にスタイルを設定 */
#body_wrap:not(.home) h1 {
	display:none;
}
.l-mainContent__inner>.post_content {
	margin-top: 0;
}
#breadcrumb {
	display: none;
}


/* DL、DT、DD＞装飾
--------------------------------------------------------------- */
/* 会社概要
----------------------------------------------- */
dl.adx-company-profile {
	display: flex;/* dl要素をflexコンテナにする */
	align-items: flex-end;/* 子要素を縦方向の中央に揃える */
	margin: 0 auto;
}
dl.adx-company-profile dt {
	text-align: center;
	color: #6BBB61;
	padding-bottom: 8px !important;
	border-bottom: #6BBB61 solid 2px;
}
dl.adx-company-profile dd {
	border-bottom: #6BBB61 solid 1px;
}


/* デフォルト設定の解除 */
.is-style-float>.swell-block-dl__dt {
	padding: 0;
}
.is-style-float>.swell-block-dl__dt:after {
	display: none;
}
.is-style-float>.swell-block-dl__dd {
	padding: 0;
}

/* Responsive
------------------------------- */
@media screen and (min-width:960px) {
	dl.adx-company-profile {
		width: 80% !important;
	}
	dl.adx-company-profile dt {
		width: 180px !important;
		font-size: 1.2em;
		margin-right: 30px;
		margin-bottom: 60px;
	}
	dl.adx-company-profile dd {
		width: 420px !important;
		padding-left: 1.2em !important;
		padding-bottom: 8px !important;
		margin-bottom: 60px;
	}
}
@media screen and (min-width:600px) and (max-width:959px) {
	dl.adx-company-profile {
		width: 90% !important;
	}
	dl.adx-company-profile dt {
		width: 140px !important;
		font-size: 1.0em;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	dl.adx-company-profile dd {
		width: 440px !important;
		font-size: 1.2em;
		padding-bottom: 8px !important;
		margin-bottom: 30px;
	}
}
@media screen and (max-width:599px) {
	dl.adx-company-profile {
		width: 90% !important;
	}
	dl.adx-company-profile dt {
		width: 70% !important;
		font-size: 1.0em;
		margin: 0 auto 1.0em;
	}
	dl.adx-company-profile dd {
		width: 100% !important;
		font-size: 1.0em;
		text-align: center;
		padding-bottom: 1.2em !important;
		margin-bottom: 6.8em;
	}
}


/* 
===============================================================================================


===============================================================================================
*/
/* 
--------------------------------------------------------------- */
/* 
----------------------------------------------- */
/* Responsive
------------------------------- */
@media screen and (min-width:960px) {
}
@media screen and (min-width:600px) and (max-width:959px) {
}
@media screen and (max-width:599px) {
}