@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 20220251030
    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;
}

.adx-displaynone {
	display: none;
}
/* ドロップシャドウ
--------------------------------------------------------------- */
.adx-wp-block-group,/* ←このクラスは以下のクラスに置き換えて消す方向 */
.adx-box-shadow,
/* SWELL＞ボックスメニュー */
.adx-swell-box-menu-shadow .swell-block-box-menu__item,
/* SWELL＞リッチカラム */
.adx-swell-column-shadow .swell-block-column {
	border-radius: 0px;
	box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.2);
}


/* 角丸
--------------------------------------------------------------- */
.adx-border-radius50p { border-radius: 50%; }
.adx-border-radius3 { border-radius: 3px; }
.adx-border-radius6 { border-radius: 6px; }
.adx-border-radius9 { border-radius: 9px; }
.adx-border-radius12 { border-radius: 12px; }
.adx-border-radius15 { border-radius: 15px; }
.adx-border-radius18 { border-radius: 18px; }


/* 表示切り替え
--------------------------------------------------------------- */
/* 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) {
	.forPCTB { display:none !important; }
	.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-30p { height: 30% !important; }
.adx-height-40p { height: 40% !important; }
.adx-height-50p { height: 50% !important; }
.adx-height-60p { height: 60% !important; }
.adx-height-70p { height: 70% !important; }
.adx-height-80p { height: 80% !important; }
.adx-height-90p { height: 90% !important; }
.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＞子テーマ＞クライアント別設定＞シーサイド（2025／SWELL版）

===============================================================================================
 */
/* 全体
--------------------------------------------------------------- */
/* フォント変更
----------------------------------------------- */
body {
}


/* ラベルデザイン
--------------------------------------------------------------- */
/* SWELL　＞　ブロック　＞ボックスメニュー
（※全体に設定せず、個別に設定する）
----------------------------------------------- */
.adx-icon-square-s-red svg,
.adx-icon-circle-s-red svg,
.adx-icon-square-s-blue svg,
.adx-icon-circle-s-blue svg,
.adx-icon-square-s-green svg,
.adx-icon-circle-s-green svg,
.adx-icon-square-s-lightgreen svg,
.adx-icon-circle-s-lightgreen svg,
.adx-icon-square-s-yellow svg,
.adx-icon-circle-s-yellow svg,
.adx-icon-square-s-purple svg,
.adx-icon-circle-s-purple svg,
.adx-icon-square-s-orange svg,
.adx-icon-circle-s-orange svg {
	width: 40px;
	height: 40px;
	padding: 8px;
}
.adx-icon-square-m-red svg,
.adx-icon-circle-m-red svg,
.adx-icon-square-m-blue svg,
.adx-icon-circle-m-blue svg,
.adx-icon-square-m-green svg,
.adx-icon-circle-m-green svg,
.adx-icon-square-m-lightgreen svg,
.adx-icon-circle-m-lightgreen svg,
.adx-icon-square-m-yellow svg,
.adx-icon-circle-m-yellow svg,
.adx-icon-square-m-purple svg,
.adx-icon-circle-m-purple svg,
.adx-icon-square-m-orange svg,
.adx-icon-circle-m-orange svg {
	width: 60px;
	height: 60px;
	padding: 14px;
}
.adx-icon-circle-s-red svg,
.adx-icon-circle-s-blue svg,
.adx-icon-circle-s-green svg,
.adx-icon-circle-s-lightgreen svg,
.adx-icon-circle-s-yellow svg,
.adx-icon-circle-s-purple svg,
.adx-icon-circle-s-orange svg,
.adx-icon-circle-m-red svg,
.adx-icon-circle-m-blue svg,
.adx-icon-circle-m-green svg,
.adx-icon-circle-m-lightgreen svg,
.adx-icon-circle-m-yellow svg,
.adx-icon-circle-m-purple svg,
.adx-icon-circle-m-orange svg {
	border-radius: 50%;
}
.adx-icon-square-s-red svg,
.adx-icon-circle-s-red svg,
.adx-icon-square-m-red svg,
.adx-icon-circle-m-red svg {
	color: #EF4445 !important;
	background-color: rgba( 239, 68, 69, 0.2 );
}
.adx-icon-square-s-blue svg,
.adx-icon-circle-s-blue svg,
.adx-icon-square-m-blue svg,
.adx-icon-circle-m-blue svg {
	color: #528DF7 !important;
	background-color: rgba( 82, 141, 247, 0.2 );
}
.adx-icon-square-s-green svg,
.adx-icon-circle-s-green svg,
.adx-icon-square-m-green svg,
.adx-icon-circle-m-green svg {
	color: #0D9488 !important;
	background-color: rgba( 13, 148, 136, 0.2 );
}
.adx-icon-square-s-lightgreen svg,
.adx-icon-circle-s-lightgreen svg,
.adx-icon-square-m-lightgreen svg,
.adx-icon-circle-m-lightgreen svg {
	color: #2DD4BF !important;
	background-color: rgba( 45, 212, 191, 0.2 );
}
.adx-icon-square-s-yellow svg,
.adx-icon-circle-s-yellow svg,
.adx-icon-square-m-yellow svg,
.adx-icon-circle-m-yellow svg {
	color: #EAB30A !important;
	background-color: rgba( 234, 179, 10, 0.2 );
}
.adx-icon-square-s-purple svg,
.adx-icon-circle-s-purple svg,
.adx-icon-square-m-purple svg,
.adx-icon-circle-m-purple svg {
	color: #9334EB !important;
	background-color: rgba( 147, 52, 235, 0.2 );
}
.adx-icon-square-s-orange svg,
.adx-icon-circle-s-orange svg,
.adx-icon-square-m-orange svg,
.adx-icon-circle-m-orange svg {
	color: #F97217 !important;
	background-color: rgba( 249, 114, 23, 0.2 );
}



/* ラベルデザイン
--------------------------------------------------------------- */
/* SWELL　＞　ブロック　＞リスト　＞　design1（シンプルスクエア）
----------------------------------------------- */
ul.adx-li-design1 {
	gap: 0.1em 0.5em;
	list-style: none;
	padding: 0;
}
ul.adx-li-design1 li {
	color: #FFF;/* サイト別調整 */
	background-color: #0D9488;/* サイト別調整 */
	padding: 1px 6px;
	border-radius: 3px;
}


/* SWELL　＞　ブロック　＞リスト　＞　design2（白抜きスクエア）
----------------------------------------------- */
ul.adx-li-design2 {
	gap: 0.1em 0.5em;
	list-style: none;
	padding: 0;
}
ul.adx-li-design2 li {
	color: #0D9488;/* サイト別調整 */
	background-color: #FFF;/* サイト別調整 */
	border:#0D9488 solid 1px;/* サイト別調整 */
	padding: 1px 6px;
	border-radius: 3px;
}


/* カスタムラベル　＞　事業内容　＞　料金目安、制作期間
----------------------------------------------- */
.adx-label-service-white {
	display: flex;
	align-items: center;
	justify-content: center;
	width: auto;
	height: auto;
	margin-right: 0.6em !important;
	padding: 0.4em 0.8em !important;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}


/* 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: #0D9488;
	padding-bottom: 8px !important;
	border-bottom: #0D9488 solid 2px;
}
dl.adx-company-profile dd {
}


/* デフォルト設定の解除 */
.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: 90% !important;
	}
	dl.adx-company-profile dt {
		width: 200px !important;
		font-size: 1.2em;
		margin-right: 30px;
		margin-bottom: 60px;
	}
	dl.adx-company-profile dd {
		width: 540px !important;
		padding-left: 1.2em !important;
		padding-bottom: 8px !important;
		margin-bottom: 60px;
		border-bottom: #0D9488 solid 1px;
	}
}
@media screen and (min-width:600px) and (max-width:959px) {
	dl.adx-company-profile {
		width: 96% !important;
	}
	dl.adx-company-profile dt {
		width: 26% !important;
		font-size: 1.0em;
		margin-right: 20px;
		margin-bottom: 30px;
	}
	dl.adx-company-profile dd {
		width: 70% !important;
		padding-bottom: 8px !important;
		margin-bottom: 30px;
		border-bottom: #0D9488 solid 1px;
	}
	dl.adx-company-profile dd P {
		font-size: 1.2em;
	}
}
@media screen and (max-width:599px) {
	dl.adx-company-profile {
		width: 90% !important;
	}
	dl.adx-company-profile dt {
		width: 160px !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: 1.8em;
	}
}


/* コワーキングスペース　＞　「導入メリット」パート
--------------------------------------------------------------- */
/* SWELL　＞　ブロック　＞ボックスメニュー
----------------------------------------------- */
.adx-circle-size30,
.adx-circle-size60,
.adx-circle-size90,
.adx-circle-size120,
.adx-circle-size150,
.adx-circle-size180,
.adx-circle-size210,
.adx-circle-size240,
.adx-circle-size270 {
	border-radius: 50%;
	display: flex;
	align-items: center;/* 垂直中央 */
	justify-content: center;/* 水平中央 */
	text-align: center;/* 改行時の中央揃え */
	box-sizing: border-box;
}
.adx-circle-size30  { width:  30px; height:  30px; }
.adx-circle-size60  { width:  60px; height:  60px; }
.adx-circle-size90  { width:  90px; height:  90px; }
.adx-circle-size120 { width: 120px; height: 120px; }
.adx-circle-size150 { width: 150px; height: 150px; }
.adx-circle-size180 { width: 180px; height: 180px; }
.adx-circle-size210 { width: 210px; height: 210px; }
.adx-circle-size240 { width: 240px; height: 240px; }
.adx-circle-size270 { width: 270px; height: 270px; }



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


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