@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 {
    position: relative;
}

body:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    content: "";
    height: 500px;
    background-image: linear-gradient(180deg, rgba(236, 245, 255, 1), rgba(252, 252, 252, 1) 50%);
}

:root {
    --color_content_bg: var(--color_bg);
    --swl-post_slide_width--pc: 50%;
    --swl-post_slide_width--sp: 83%;
    --swl-post_slide_padY: 16px;
    --swl-post_slide_padY--mb: 16px;
    --ps_space: 16px;
}

:root :where(.wp-block-image.is-style-rounded img, .wp-block-image .is-style-rounded img) {
    border-radius: 10px;
}


/* 1カラム時の設定 */
.single .l-mainContent__inner {
    max-width: 700px;
    margin: 0 auto;
}

/* サイドバーの幅 */
@media (min-width: 1200px) {
    :root {
        --swl-sidebar_width: 320px;
    }
}

/* 共通ヘッダー 
----------------------------------------- */

/* PCでハンバーガーメニューを表示 */
@media screen and (min-width: 961px) {
    .l-header__menuBtn.sp_ {
        display: block !important;
        position: relative;
        height: auto;
    }

    .p-spMenu {
        display: block !important;
    }

    .p-spMenu__inner {
        max-width: 400px;
    }
}

/* PCでヘッダーバーのグローバルナビを非表示 */
.l-header__gnav {
    display: none;
}

.l-header__customBtn.sp_ {
    display: block !important;
    height: auto;
}

/* PC:ヘッダー内のボタン */
@media (min-width: 960px) {
    .-series-right .w-header {
        margin-left: auto;
    }
}

/* PCでも検索アイコンをヘッダーに表示 */
.l-header__customBtn.sp_ .c-iconBtn {
    display: block !important;
}

.c-iconBtn__icon icon-search {
    display: block !important;
}

/* ロゴの幅を調整 */
@media (min-width: 960px) {
    .-series .l-header__logo {
        width: 33vw;
    }
}

/* ロゴ下のコピーを改行 */
@media (min-width: 960px) {
    .-series .l-header__logo {
        display: block;
    }
}

/* ロゴ下のコピー */
.-series .l-header__logo .c-catchphrase {
    display: block !important;
    font-size: 10px;
    padding: 0 0 8px;
}

@media (min-width: 600px) {
    .-series .l-header__logo .c-catchphrase {
        font-size: 12px;
    }
}

@media (min-width: 960px) {
    .-series .l-header__logo .c-catchphrase {
        padding: 10px 4px 0;
    }
}

/* ハンバーガーメニュー内 */
.p-spMenu .widget_categories>ul>.cat-item>a:before {
    content: "#";
    font-family: sans-serif !important;
    font-weight: 700;
    font-size: 1.2em;
    top: 53%;
    opacity: 1;
}

/* 検索ボックス */
.p-searchModal__inner{
	background: transparent;
}
.c-searchForm__submit {
    border-radius: 0 4px 4px 0;
}

/* ヘッダーのボタン */
.l-header .wp-block-buttons.is-layout-flex{
	gap: 0.8em;
}


/* 共通フッター
----------------------------------------- */
.l-footer__nav a {
    border: none;
}

@media (min-width: 600px) {
    .l-footer__nav li:first-child a {
        border: none;
    }
}

/* サイドバー
----------------------------------------- */
@media (max-width: 599px) {
.l-sidebar{
	margin-left: var(--swl-pad_container, 0);
  margin-right: var(--swl-pad_container, 0);
}
}

/* 人気の記事 */
.l-sidebar .wpp-list {
    line-height: 1.5;
}

.l-sidebar .wpp-list .wpp-cat {
	font-size: 12px;
	display: block;
	line-height: 1.2;
	margin-bottom: 3px;
	color: #777;
}

.l-sidebar .wpp-list .wpp-cat a {
	color: #777;
}

.l-sidebar .wpp-post-info a{
	color: var(--color_text);
  	text-decoration: none;
}

.l-sidebar .c-widget {
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 0 15px #eee;
    padding: 20px;

}


/* 記事・ブロック設定
----------------------------------------- */

.l-mainContent__inner>.post_content{
	padding: 0;
}

/* アウトラインボタンのボーダー幅 */
.wp-block-button.is-style-outline a {
    border-width: 1px;
}
/* 引用のスタイル */
.post_content blockquote {
    padding: 2.5em 1.5em;
}

@media (min-width: 600px) {
    .post_content blockquote {
        padding: 1.5em 3em;
    }
}

.post_content blockquote::before,
.post_content blockquote::after {
    font-family: serif;
    font-size: 4em;
    color: rgba(200, 200, 200, .6);
}

@media (min-width: 600px) {
    .post_content h2 {
        font-size: 1.45em;
    }
}

/* 記事内 H2 */
.post_content h2:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
    background: transparent;
    padding: .5em 1em;
    border-left-width: 6px;
    margin-left: 0;
}

@media (min-width: 600px) {
    .post_content h2:where(:not([class^="swell-block-"]): not(.faq_q):not(.p-postList__title)) {
        border-left-width: 8px;
    }
}

/* 記事内 H3 */
.post_content h3 {
    margin: 3em 0 1.2em;
}

.post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
    padding: 0 .5em .5em;
    border-bottom: 1px dotted var(--color_htag);
}

.post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) :before {
    content: none;
}

/* 記事内リスト */
.post_content li {
    line-height: inherit
}

.post_content li+li {
    margin-top: 0.75em;
}

/* ピックアップスライダー 
----------------------------------------- */

.p-postSlider {
    --swiper-nav-size: 46px;
}

.p-postSlider__titleWrapper{
	margin-bottom: 1em;
	max-width: calc(var(--container_size, 0px) + var(--swl-pad_container, 0px) * 2);
		padding-left: var(--swl-pad_container, 0);
		padding-right: var(--swl-pad_container, 0);
		margin: 2em auto 1em;
		display: flex;
		justify-content: space-between;
}

.p-postSlider__title {
    text-align: left;
}

.p-postSlider__btn a{
    background-image: linear-gradient(90deg, rgba(79, 177, 226, 1), rgba(178, 205, 232, 1));
    border-radius: 32px;
    padding: 0.5em 2em !important;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (min-width: 600px) {
    .p-postSlider__title {
        padding-left: 0;
        text-align: left;
        margin-bottom: 0;
    }
}

@media (min-width: 600px) {
    .p-postSlider.-fz-pc-l .p-postList__title {
        font-size: 22px;
    }
}

.p-postSlider .p-postList__meta {
    margin-top: 1em;
}

.swiper-button-next,
.swiper-button-prev {
    background: #fff;
    color: #333;
    height: calc(var(--swiper-nav-size) * 0.8);
    width: calc(var(--swiper-nav-size)*0.8);
    border-radius: 100%;
    padding: calc(var(--swiper-nav-size) * .3) calc(var(--swiper-nav-size) * .15);
    box-shadow: 0 0 10px rgba(00, 00, 00, .3);
}

@media (min-width: 600px) {
    .swiper-button-next,
    .swiper-button-prev {
        height: calc(var(--swiper-nav-size) * 1.2);
        width: calc(var(--swiper-nav-size)*1.2);
        padding: calc(var(--swiper-nav-size) * .45) calc(var(--swiper-nav-size) * .3);
    }
}

.swiper-button-next:after {
    right: calc(var(--swiper-nav-size) * -.07);
}

.swiper-button-prev:after {
    left: calc(var(--swiper-nav-size) * .2);
}

.swiper-button-next:after,
.swiper-button-prev:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    height: calc(var(--swiper-nav-size) * .2);
    width: calc(var(--swiper-nav-size) * .2);
}

@media (min-width: 600px) {

    .swiper-button-next:after,
    .swiper-button-prev:after {
        height: calc(var(--swiper-nav-size) * .3);
        width: calc(var(--swiper-nav-size) * .3);
    }
}


/* 記事リスト
----------------------------------------- */

/* 記事リスト（共通） */
.p-postList__title+.p-postList__meta {
    line-height: 1;
    margin-top: 1.5em;
}

.p-postList__item .p-postList__cat {
    font-size: 14px;
    font-weight: 700;
    color: #0288d1;
}

@media (max-width: 599px) {
    .p-postList__item .p-postList__cat {
        font-size: 13px;
    }
}

.p-postList__item .p-postList__cat:before {
    content: "/";
    color: #aaa;
    font-family: "Roboto" !important;
    font-size: 12px;
}

.p-postList__item .c-postTimes__posted {
    font-size: 13px;
}

@media (max-width: 599px) {
    .p-postList__item .c-postTimes__posted {
        font-size: 12px;
    }
}

.p-postList__item .c-postTimes__posted:before {
    content: "";
    margin-left: -0.1em;
}

/* 記事リスト（カード型） */
.-type-card .p-postList__item {
    padding: 0 0.7em;
}

@media (max-width: 599px) {
    .-type-card .p-postList__title,
    .-type-list .p-postList__title,
    .-type-list2 .p-postList__title {
        font-size: 3.4vw
    }
}

/* 記事リスト（リスト型） */
@media (min-width: 600px) {
    .-type-list .p-postList__title {
        font-size: 20px;
    }
}

@media (min-width: 600px) {
    .-type-list .p-postList__excerpt {
        font-size: 14px;
        letter-spacing: 0.05em;
        margin-top: 1em;
        margin-bottom: 1em;
        color: #888;
    }
}


/* 記事詳細
----------------------------------------- */

/* 副業をお考えのみなさんへ */

.p-forTalent_card {
    border-color: #aaa;
}

.p-forTalent_card:before {
    content: "";
    background: var(--color_bg) url(assets/img/txt_fortalents.svg) 50% 50% no-repeat;
    background-size: contain;
    border: none;
    border-radius: 0;
    width: clamp(11.25rem, 5.625rem + 15vw, 15rem);
    height: 2.8em;
    left: auto;
    right: 0.3em;
    position: absolute;
    top: -1px;
}

.p-articleMetas__termList.c-categoryList:before{
	content: "";
}

.c-categoryList__link {
    background-color: var(--color_link);
    color: #fff;
}

/* アーカイブ
----------------------------------------- */

/* パンくず */
.p-breadcrumb__list .icon-home:before {
    content: "\e922";
    content: "HOME";
    font-family: inherit !important;
}

/* ページング */
.c-pagination{

}

[class*=page-numbers].current {
    background-color: transparent;
    color: #000;
    font-weight: bold;
}

[class*=page-numbers] {
	box-shadow: none;
	color: #000;
}

/* アーカイブ */
.archive .l-article h1.c-pageTitle:before {
    content: "#";
    display: inline;
    font-style: italic;
    margin-right: 5px;
}

.archive .l-article h1.c-pageTitle .c-pageTitle__inner {
    display: inline;
}

/* TOP
----------------------------------------- */

.home .l-mainContent {
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 0 15px #eee;
    padding: 20px;
}

@media (max-width: 599px) {
	.home .l-mainContent {
    border-radius: 0;
	}
    .home #content {
				padding-top: 1em;
        padding-left: 0;
        padding-right: 0;
    }
}

.c-homeRead {
    padding: 1em 0.5em 0;
    margin-bottom: 3em;
}

@media (min-width: 600px) {
    .c-homeRead {
        padding: 2.5em 3em 0;
        margin-bottom: 3em;
    }
}

.c-homeRead .wp-block-heading {
    letter-spacing: 0.1em;
    margin-bottom: 1.2em;
		word-break: keep-all;
		overflow-wrap: break-word;
}

.c-homeRead p {
    letter-spacing: 0.07em;
    font-size: 15px;
    text-align: justify;
    color: #333;
}

.c-homeRead a {
    text-decoration: none;
    font-weight: bold;
    display: block;
    margin-top: 1.5em;
}

.c-homeRead:after,
.c-homeRead:before {
    border-width: 3px;
}

.c-homeRead .wp-block-heading span {
    transform: skew(-10deg) scale(1, 1.2) translateY(1px);
    color: var(--color_deep03);
    margin-right: 5px;
}


/* TOP 記事リスト PCで4件目を非表示 */
@media (min-width: 1320px) {
    .c-homePostList .-type-card.-pc-col3 .p-postList__item:nth-of-type(4n) {
        display: none;
    }
}

/* TOP すべて表示リンク */
.p-homeMoreLink a {
    text-decoration: none;
    padding-right: 5px;
    font-size: 3.2vw;
}

@media (min-width: 600px) {
    .p-homeMoreLink a {
        font-size: 16px;
    }
}

/* フォーム
----------------------------------------- */

input[type="text"],
input[type="email"], textarea {
    color: #333;
    padding: .5em .5em;
    width: 100%;
}

.wpcf7-form p+p{
	margin-top: 1em;
}

.wpcf7-form .wpcf7-form-control-wrap {
    margin-top: 0.5em;
    display: block;
}

.wpcf7-form [type=button], 
.wpcf7-form [type=reset], 
.wpcf7-form [type=submit], 
.wpcf7-form button {
    -webkit-appearance: button;
    background: var(--color_text);
    color: #fff;
    border-radius: 9999px;
    padding: 0.8em 2em;
    min-width: 10em;
}

@media (min-width: 600px) {
	.u-spNoBr br {
		display: none;
	}
}