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

/*サイト全体設定*/
	/*サイト幅全表示*/
	.l-container {
		max-width: 100%;
		padding-right: 0;
		padding-left: 0;
	}

/*ヘッダー設定*/
	/*ヘッダー高さ（PC）*/
	.l-header__inner {
		height: 80px;
	}

	/*追従ヘッダー高さ（PC）*/
	.l-fixHeader__inner {
		height: 70px;
	}

	/*ロゴ*/
	.-series .l-header__logo {
		min-width: 250px;
		margin-right: 0px;
		padding: 16px 0;
		padding-left: var(--swl-pad_container, 0);
	}
	.l-fixHeader__logo {
		padding: 16px 0;
		padding-left: var(--swl-pad_container, 0);
	}
	/***ナビゲーション***/
	.c-gnav > .menu-item > a {
		padding: 0 clamp(13px, 1.5vw, 25px);
	    padding-right: 3rem;
		position: relative;
	}
	/*メニュー（上段）設定*/
	.c-gnav > .menu-item > a .ttl {
		color: #190000;
		font-size: 1.0rem;
		font-weight: bold;
		display: flex;
		flex-direction: column;
	}
	.c-gnav > .menu-item > a .ttl:hover {
		color: #880000;
		transition: .5s;
	}
	/*メニュー（下段）設定*/
	.c-gnav > .menu-item > a .ttl::after {
		color: #190000;
		font-size: 0.75rem !important;
		font-weight: normal;
		padding: 0.5rem 0 0 0;
	}
	.c-gnav > .menu-item > a .ttl:hover::after {
		color: #4B4948;
	}
@media screen and (min-width: 960px) {

	.c-gnav > .menu-item:first-child > a .ttl::after {
		content: 'お知らせ';
	}
	.c-gnav > .menu-item:nth-child(2) > a .ttl::after {
		content: 'リースについて';
	}
	.c-gnav > .menu-item:nth-child(3) > a .ttl::after {
		content: 'よくあるご質問';
	}
	.c-gnav > .menu-item:nth-child(4) > a .ttl::after {
		content: '契約期間中のお客さま';
	}
	.c-gnav > .menu-item:nth-child(5) > a .ttl::after {
		content: '企業情報';
	}

	.c-spnav> .menu-item:first-child > a::after {
		content: '　－お知らせ－';
	}
	.c-spnav> .menu-item:nth-child(2) > a::after {
		content: '　－リースについて－';
	}
	.c-spnav> .menu-item:nth-child(3) > a::after {
		content: '　－よくあるご質問－';
	}
	.c-spnav> .menu-item:nth-child(4) > a::after {
		content: '　－書式ダウンロード－';
	}
	.c-spnav> .menu-item:nth-child(5) > a::after {
		content: '　－企業情報－';
	}
}

/*フッター設定*/
	/***フッター***/
	.w-beforeFooter {
		margin: 0 0 0 0;
		overflow: hidden;
	}

	.l-footer {
		display:none;
	}

	.alignright.size-full.is-resized {
		padding-right:1%;
		padding-bottom:2%;
	}


/*トップページ*/
	/*カバー画像（パーツ）*/
	figure.top-cover > img {
		height:90vh;
	}

	/*news表示（トップと一覧）*/
	/*フォントサイズ、配置、位置*/
	div.p-postList__body {
		font-size: 1.0rem;
		display: flex;
		align-items: center;
	}

	/* 非表示項目設定 カテゴリ、アイコン、小タイトル*/
	.top-newslist time.c-postTimes__posted.icon-posted::before,
	.top-newslist span.p-postList__cat.icon-folder::before,
	.top-newslist .p-postList__cat,
	.p-postList time.c-postTimes__posted.icon-posted::before,
	.p-postList span.p-postList__cat.icon-folder::before,
	.p-postList  .p-postList__cat,
	.c-pageTitle__subTitle
	{
		display: none;
	}

	/* 日付とカテゴリーの文字サイズ */
	.top-newslist time.c-postTimes__posted,
	.p-postList time.c-postTimes__posted {
		font-size: 1.0rem;
	}


/* 投稿ページ */
	/* 左右余白 */
	.archive  .l-content,
	.single-post .l-content {
		padding-right: 5vw;
		padding-left: 5vw;
	}

/*レスポンシブ対応：TAB*/
@media screen and (max-width: 959px) {
/*ヘッダー設定*/
	/*ヘッダー高さ（TAB SP）*/
	.l-header__inner {
		height: 4rem;
	}

	/*追従ヘッダー高さ（TAB SP）*/
	.l-fixHeader__inner {
		height: 3rem;
	}

}

/* レスポンシブ対応：SP */
@media screen and (max-width: 599px) {
    /*フォントサイズを75%に調整*/
    html {
        font-size: 75%;
    }

    /*要素の背景を白に指定したい場合（縦長表示用）*/
    .itembackground {
        min-height:25vh;
    }
}