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

/* wordpressへの移植にあたってスタイルシート（/wp-content/theme/assets/css/style.css?r=0930）を適切に反映させるための調整 */
/* ページ全体 */
#content {
	background-color: var(--color_bg);
	padding: 0!important;
	margin: 0 auto;
}

/* ヘッダー、gnavi */
.l-header__inner {
	position: relative;
}
.l-header__inner .l-header__wrap {
	margin-right: auto;
}
.l-header__logo {
    display: flex;
	align-items: center;
}
.c-headLogo {
	margin-right: 1rem;
}
@media(min-width: 960px){
	.l-header.-parallel .l-header__inner .l-header__wrap {
		width: 100%;
		max-width: 1280px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.l-header.-parallel .l-header__logo {
		width: auto;
		margin: 0 0 0 1rem;
		padding: 0;
	}
	.l-header.-parallel .l-header__logo .c-catchphrase {
		font-size: 100%;
        margin-top: 0;
    }
	.l-header.-parallel .w-header {
		margin: 0 1rem 0 0;
		width: auto;
		display: flex;
	}
	.l-fixHeader.-parallel .w-header {
		display: none;
	}
	.l-header.-parallel .w-header ul,.l-fixHeader.-parallel .w-header ul {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
	}
	.l-header.-parallel .w-header ul li,.l-fixHeader.-parallel .w-header ul li {
		margin-left: 1em;
	}
	.l-header.-parallel .w-header ul li a,.l-fixHeader.-parallel .w-header ul li a {
		color: #fff;
		text-decoration: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		background-color: #000;
		border-radius: 30px;
		height: 42px;
		padding: 0 1em;
	}
	.l-header.-parallel .w-header ul li:last-child a,.l-fixHeader.-parallel .w-header ul li:last-child a {
		background-color: #EC8E26;
	}
	.l-header.-parallel .l-header__gnav .c-gnav {
		width: 100%;
		max-width: 1280px;
		margin: 0 auto;
		justify-content: space-around;
	}
	.l-fixHeader__inner {
		height: 56px;
	}
	.l-fixHeader__logo {
		padding: 0;
	}
}
@media not all and (min-width: 960px) {
	.l-header__inner .c-catchphrase {
		display:initial;
		font-size: 12px;
	}
}
@media screen and (min-width: 1280px) {
	.l-fixHeader.-parallel .w-header {
		margin: 0 1rem 0 0;
		width: auto;
		display: flex;
	}
}
@media screen and (max-width: 940px) {
	.c-headLogo {
		width: 60px;
	}
}
.l-header .l-header__inner .l-header__customBtn {
	display: none;	
}
.-parallel .l-header__gnav {
	height: 3rem;
}
.c-gnav>.menu-item>a .ttl {
	font-size: 1rem;
}
.c-widget__title.-spmenu {
	background-color: var(--color_deep01);
}

/*　wordpress デフォルトのh1非表示 対象：以下の移植ページ >> 各ページのcss欄で制御　*/
/*　/services, /services/competitor, /services/adwords, /aboutus, /ev/contact 　*/
/*
#body_wrap.page-id-33 .l-topTitleArea, #body_wrap.page-id-55 .l-topTitleArea, #body_wrap.page-id-57 .l-topTitleArea, #body_wrap.page-id-59 .l-topTitleArea, #body_wrap.page-id-61 .l-topTitleArea {
	display: none;
}
*/

/* メインコンテンツ */
#main_content {
	max-width: unset;
}
.l-mainContent__inner>.post_content {
	padding: 0;
	margin: 0;
}
.main.no-titleblock {
	margin-bottom: 0;
}
.-frame-on .l-mainContent {
	padding: 0!important;
}
.page-mv .breadcrumb-list {
	padding-left: 0;
}
.w-frontBottom {
	margin: 0;
}
.w-beforeFooter {
	margin: 0;
}

/* 見出し */
.post_content h1 {
	font-size: 3rem;
}
@media screen and (max-width: 940px) {
	.post_content h1 {
		font-size: inherit;
	}
}

.post_content h2.top-ttl {
	font-size: 4rem;
	font-weight: 300;
	margin-bottom: 1.5rem;
}
@media screen and (max-width: 480px) {
	.post_content h2.top-ttl {
		font-size: 2.5rem;
	}
}
.post_content h2.page-ttl {
	font-size: 1.5rem;
	font-weight: 400;
	margin: 0 0 2.5rem;
}
@media (min-width: 600px) {
	.post_content h2.page-ttl {
		font-size: 2rem;
	}
}
.post_content .top-features-list h3.top-features-list-item-ttl {
	font-size: 1.5rem;
	font-weight: 400;
	margin: 0;
	margin-bottom: 1rem;
}
@media screen and (max-width: 940px) {
	.post_content .top-features-list h3.top-features-list-item-ttl {
		margin-left: 200px;
	}
}
@media screen and (max-width: 480px) {
	.post_content .top-features-list h3.top-features-list-item-ttl {
		margin-left: 140px;
	}
}

.post_content h2.title-h2 {
	font-size: 1.5rem;
    font-weight: 700;
    line-height: 180%;
}
.post_content .t-section-02 h2.title-h2, .t-section-03 h2.title-h2 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 150%;	
}
.post_content .t-section-04 h2.title-h2{
	font-size: 1.5rem;
    font-weight: 700;
	margin: 0;
}
@media (min-width: 768px) {
	.post_content h2.title-h2 {
    	font-size: min(calc(40 / 1440 * 100vw), 40px);
		margin-bottom: 2rem;
	}
	.post_content .t-section-02 h2.title-h2, .t-section-03 h2.title-h2 {
		font-size: min(calc(32 / 1440 * 100vw), 32px);
		margin-bottom: 1rem;
	}
	.post_content .t-section-04 h2.title-h2{
		font-size: min(calc(32 / 1440 * 100vw), 32px);
	}
}

.post_content h3.top-comparison-contents-table-ttl,
.post_content h3.services-comparison-contents-table-ttl {
	font-size: 1.5rem;
	font-weight: 500;
	margin: auto;
	margin-bottom: 40px;
	position: relative;
}
@media screen and (min-width: 941px) {
	.post_content h3.top-comparison-contents-table-ttl,
	.post_content h3.services-comparison-contents-table-ttl {
		font-size: 1.5rem;
		font-weight: 500;
	}
}

.post_content h3.top-example-list-item-ttl,
.post_content h3.services-example-list-item-ttl {
	font-size: 1.25rem;
	font-weight: 500;
	margin: 0;
}
.post_content h4.top-example-list-item-ttl-sub,
.post_content h4.services-example-list-item-ttl-sub {
	font-size: 1rem;
	font-weight: 500;
	margin: 0;
	padding: 10px 0;
}

.post_content h3.services-casestudy-list-item-ttl {
	font-size: 1.25rem;
	font-weight: 500;
	margin: 0;
}

.post_content h3.top-aboutus-ttl {
	font-size: 1.5rem;
	font-weight: 400;	
}
.post_content h3.services-features-list-item-ttl {
	font-size: 1.5rem;
	font-weight: 400;
	margin: 0 0 1rem;
}
.post_content .t-section-04 .title-h3 {
	margin: 0;
	margin-bottom: 1rem;
}
.post_content .t-section-04 .title-h3.mt-100-160 {
	margin-top: 100px;
}

/* table調整 */
.post_content table {
	text-align: unset;
}
.post_content table th, .post_content table td {
	background: transparent;
	border: none;
}
.post_content  ul.services-example-list li.services-example-list-item table th,
.post_content  ul.services-example-list li.services-example-list-item table td {
	border: none;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.services-example-notes-table table th, .services-example-notes-table table td {
	border: none;
}
/* list調整 */
.post_content ul{
	padding-left: 0;
}
.top-features-list, .post_content ul.top-flow-list {
	list-style-type: none;
}
@media screen and (max-width: 940px) {
	.services-features-list-item {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	.services-features-list-item-num {
		margin: 0 auto!important;
	}
	.post_content h3.services-features-list-item-ttl {
		width: 100%;
	}
	.services-features-list-item-img {
		position: relative!important;
		margin: 0!important;
	}
	.services-features-list-item-txt {
		margin-left: 1rem!important;
		width: calc(100% - 200px);
	}	
}
@media screen and (max-width: 480px) {
	.services-features-list-item-txt {
		width: calc(100% - 140px);
	}
}
/* トップ　QA調整 */
.post_content dt.top-qa-contents-ttl {
	font-weight: 500;
}
@media screen and (min-width: 481px) {
	.top-qa-contents .top-qa-contents-txt {
		padding-top: 0.5rem;
	}
}
/* プライバシーポリシー */
.privacy h2 {
	margin: 0;
}

/* wordpressのパンくず */
.p-breadcrumb.-bg-on {
	background-color: #fcfcfc;
}
.p-breadcrumb__list {
	max-width: 1200px;
}

/* フッター */
.l-footer .l-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row-reverse;
	width: 100%;
	max-width: 1280px;
	padding: 1rem 1.25rem;
}
@media screen and (max-width: 480px) {
	.l-footer .l-container {
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding: 0 1.25rem;
	}
}

.l-footer .l-container > * {
	padding: 0;
}
.l-footer .copyright {
	font-size: 1rem;
}
@media screen and (max-width: 480px) {
	.l-footer__nav {
		flex-direction: column;
		padding-bottom: 1rem!important;
	}
}.l-footer__nav a {
	border: none!important;
	font-size: 14px;
}