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

@import url('https://fonts.googleapis.com/css2?family=Hina+Mincho&family=Oswald:wght@200..700&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Ms+Madi&family=Zen+Kaku+Gothic+New&family=Zen+Old+Mincho&display=swap');


.alignwide, .l-content .alignfull {
left: calc(50% - 50vw + var(--swl-scrollbar_width, 0)/2);
width: calc(100vw - var(--swl-scrollbar_width, 0));
max-width: 100vw !important;
}

@media (min-width: 960px) {
    .-frame-on .l-mainContent {
        padding:32px 32px 0 32px !important;
    }
}

/**
 * アーカイブページにコンテンツヘッダーのタイトルを表示
 */


.post-type-archive .l-topTitleArea__body.l-container:before {
	font-size: 1.3em;
    line-height: 1.4;
    position: relative;
	display: inline;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}

.post-type-archive .l-topTitleArea__body.l-container:after {
	font-style: italic;
    letter-spacing: var(--swl-letter_spacing, 1px);
    margin-left: 1em;
    opacity: .8;
    position: relative;
    top: -2px;
	display: inline;
}

@media (min-width: 600px) {
	.post-type-archive .l-topTitleArea__body.l-container:before {
        font-size: 1.5em;
    }
}

.wp-block-table.is-style-simple table {
  border-top: none; /* テーブル全体の上枠線を消す */
}

.wp-block-table.is-style-simple table thead tr:first-child th,
.wp-block-table.is-style-simple table tbody tr:first-child td {
  border-top: none; /* 最初の行のセルの上枠線を消す */
}

.wp-block-table.is-style-simple th {
  border-top: none !important;
}

.wp-block-table.is-style-simple th,
.wp-block-table.is-style-simple td {
    padding: 1.2em !important ;
}

@media (max-width: 600px) {
	.wp-block-table.is-style-simple th,
	.wp-block-table.is-style-simple td {
		padding: 0.6em !important ;
		width:100%;
		display:block;
		border-top: none !important;
	}
	.wp-block-table.is-style-simple th {
		border-bottom: none !important;
		padding-bottom: 0 !important ;
	}
}

/*  case
------------------------*/

.post-type-archive-case .l-topTitleArea__body.l-container:before {
    content: '事例';
}

.post-type-archive-case .l-topTitleArea__body.l-container:after {
	content: '– case –';
}

/*--------------------
	common
--------------------*/

body,
input,
textarea,
select {
	font-family: "Zen Kaku Gothic New", 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 400;
	line-height: 1.7 !important;
	color: #333;
	-webkit-text-size-adjust: 100%;
	letter-spacing:0.1em;
}

img {
	border-radius:0 !important;
}
@media (min-width: 960px) {
	body,input,textarea,select {
		font-size:16px !important;
	}
}

.top #content {
	margin: 0 auto !important;
}

.top .w-beforeFooter {
    margin: 0em auto !important;
}

.top .swl-inline-icon {
	font-size:2.6em !important;
}

.tel {
	font-family: "Oswald", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	letter-spacing:0;
}

 .tel span {
    background: url(img/icon-tel-01.svg) no-repeat left 59%;
    background-size: auto 42px;
    padding-left: 22px;
    font-family: "Oswald", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	letter-spacing:0;
    line-height: 1;
    letter-spacing: 0;
}

/* case の個別ページとアーカイブページでサイドバー非表示 */
body .single-case .l-sidebar,
body .post-type-archive-case .l-sidebar {
    display: none !important;
}

/* メインコンテンツを全幅に調整 */
body .single-case .l-mainContent,
body .post-type-archive-case .l-mainContent {
    width: 100% !important;
    max-width: none !important;
    float: none !important;
    margin: 0 auto;
    padding-right: 0;
    padding-left: 0;
    box-sizing: border-box;
}

/*  header
------------------------*/

.home .l-header .l-header__inner  {
    margin: 0 auto;
    padding: 1.2rem 2rem !important;
    max-width: 100%;
}

.l-header .l-header__inner  {
	margin: 0 auto;
	padding: 0.5rem 2rem !important;
	max-width: 100%;
}

.w-header.pc_ {
	display: block;
    position: absolute;
    top: 0;
    right:-5px;
}

#custom_html-2 .swell-block-box-menu {
    border:none !important;
	--the-border-color: transparent !important;
}

#custom_html-2 .swell-block-box-menu .swell-block-box-menu__inner div:nth-child(1) {
	background:#4b4f7e;
	color:#FFF;
}

#custom_html-2 .swell-block-box-menu .swell-block-box-menu__inner div:nth-child(2) {
	background:#fcec69;
	color:#4b4f7e;
}

#custom_html-2 .swell-block-box-menu__link {
    padding: 1.6em 1em;
}

#custom_html-2 .swell-block-box-menu .swell-block-box-menu__figure {
    margin-bottom: 0.4em;
}

#custom_html-2 .swell-block-box-menu .swell-block-box-menu__inner div:nth-child(1) .swell-block-box-menu__figure {
	margin-bottom: 0.9em;
}

#custom_html-2 .swell-block-box-menu .swell-block-box-menu__figure>img {
	width:auto !important;
	height:22px !important;
}

#custom_html-2 .swell-block-box-menu__text {
	font-size:0.9rem;
	text-indent:0 !important;
}

@media not all and (min-width: 960px) {
	.home .l-header .l-header__inner {
		padding: 0.6rem 0.8rem !important;
	}
}

/*  fixed
------------------------*/
#fix_header #custom_html-2 .swell-block-box-menu__link {
    padding: 0.8em 1em;
}
.l-fixHeader__inner {
   max-width: 100%;
}

#header #gnav,
.l-fixHeader .l-fixHeader__gnav	{
	margin-right:300px;
}


/*  footer
------------------------*/

.l-footer {
    z-index: 1;
}

.l-footer__widgetArea {
    padding-top: 4em !important;
	font-size:0.9rem;
}

.l-footer__foot {
    padding-top: 1em !important;
	font-size:0.9rem;
}

.l-footer__widgetArea .swl-inline-icon {
	font-size:2.0em !important;
}

.l-footer__widgetArea .tel span {
    background: url(img/icon-tel-02.svg) no-repeat left 64%;
	background-size: auto 30px !important;
}

.w-footer__box:first-child {
	min-width:50%;
}

.l-footer__widgetArea .swell-block-linkList.is-style-default {
    --the-gap: 1.05em !important;
}

.l-footer__widgetArea h2 {
	border:none !important;
	padding:0 0 1.0rem 0 !important;
	margin:0 !important;
	font-weight: bold;
	font-size:1.1rem !important;
	font-style: normal;
	letter-spacing:0.1em;
}

.l-footer__widgetArea .swell-block-linkList.is-style-default .swell-block-linkList__icon {
	color:#d7c950 !important;
}

.l-footer__widgetArea .swell-block-linkList.is-style-default .swell-block-linkList__link:hover {
    color: #ccc;
}

#custom_html-4 .swell-block-box-menu {
    border:none !important;
	--the-border-color: transparent !important;
}

#custom_html-4 .swell-block-box-menu .swell-block-box-menu__inner div:nth-child(1) {
	background:#c05e7f;
	color:#FFF;
}

#custom_html-4 .swell-block-box-menu .swell-block-box-menu__inner div:nth-child(2) {
	background:#fcec69;
	color:#4b4f7e;
}

#custom_html-4 .swell-block-box-menu__link {
    padding: 1.6em 2em;
	text-align: center;
}

#custom_html-4 .swell-block-box-menu .swell-block-box-menu__figure>img {
	width:auto !important;
	height:22px !important;
}

#custom_html-4 .swell-block-box-menu__text {
	font-size:1.2rem;
	font-weight:bold;
	text-indent:0 !important;
}

@media not all and (min-width: 960px) {
	#custom_html-4 {
		position:fixed !important;
		bottom:0;
		left:0;
		width:100% !important;
		max-width:100% !important;
		z-index:1000;
	}
	#custom_html-4 .swell-block-box-menu__link {
		padding: 0.9em 1em;
		text-align: center;
	}
	#custom_html-4 .swell-block-box-menu__text {
		font-size: 0.9rem;
	}
	
}

/*  breadcrumb
------------------------*/

.-body-solid .p-breadcrumb.-bg-on {
    box-shadow: none;
    background: transparent;
    float: right;
    letter-spacing: 0.1rem;
}


/*  gnav
------------------------*/

.l-header .c-gnav>li>a:after {
    background: #efda28;
}

.c-gnav>.menu-item>a .ttl {
    font-size: 0.95rem;
    letter-spacing: 0.15em;
    font-weight: 500;
	margin-bottom:0.5em;
}

.c-smallNavTitle {
	font-family: "Josefin Sans", sans-serif;
	font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.15em;
}

/*  mainvisual
------------------------*/

.p-mainVisual__textLayer .p-blogParts {
	margin:0 !important;
	text-align:center !important;
}

.p-mainVisual__slideTitle {
	font-family: "Zen Old Mincho", serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.15em;
	line-height: 1.2;
}

.p-mainVisual__slideText {
    margin-top: 0;
    font-family: "Hina Mincho", serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.0;
}

.p-mainVisual__slideText_en {
	color:#d7c950;
	font-size:1.8rem;
	font-family: "Ms Madi", cursive;
	font-weight: 400;
	font-style: normal;
	line-height:1;
}

@media (min-width: 600px) {
    .p-mainVisual__slideTitle {
        font-size: 2.0rem;
    }
	.p-mainVisual__slideText {
        font-size: 4.5rem;
    }
}

.p-mainVisual__textLayer {
	padding-top:8%;
}

@media (max-width: 768px) {
	.p-mainVisual__textLayer {
		padding-top:20%;
	}
}

#post_slider .p-postList__title {
	display:none;
}

#wpmem_restricted_msg {
	border-top: 5px dotted #dbdbdb;
    padding-top: 2rem;
}


/*  title
------------------------*/

.top_ttl01 {
	display:block;
	font-size:2.4rem !important;
	margin: 1em 0 .1em !important;
	background: transparent !important;
	color:#333 !important;
	padding:1rem 0 !important;
	border:none !important;
	letter-spacing: 0.1em !important;
}

	@media (max-width: 768px) {
		.top_ttl01 {
			font-size:1.7rem !important;
		}
		.top_ttl01 .en {
			font-size:0.5em;
		}
	}

.top_ttl01 .en {
	display:block;
	font-family: "Josefin Sans", sans-serif;
	font-size:0.4em;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	color:#4b4f7e;
	letter-spacing: 0.02em !important;
}

@media (min-width: 600px) {
	    .post_content h2 {
			font-size: 2.2em;
		}
    .post_content h3 {
        font-size: 1.5em !important;
		margin-bottom: 1em !important;
    }
}


/*  top
------------------------*/

.top-button .wp-block-image figcaption {
	font-size:1.18em;
	font-weight:bold;
}

@media (max-width: 768px) {
	.top-button .wp-block-image img {
		width:80px !important;
	}
	.top-button .wp-block-image figcaption {
		font-size: 0.8em !important;
	}
}

.top-news .c-tabList__button {
	font-size:1.2rem;
	letter-spacing:0.2rem;
}

@media (max-width: 768px) {
	.top-news .c-tabList__button {
		font-size:1.0rem;
		letter-spacing:0.1rem;
	}
}

.top-news .p-postList.-type-simple {
    border-top:none !important;
}

.top-news .p-postList__meta {
	font-size: 1rem !important;
	color:#333 !important;
}
	
.top-news .icon-posted:before,
.top-news .p-postList__cat:before {
    display:none;
}

.top-news .p-postList__cat {
	background:#ddd;
	border-radius:15px;
	font-size:0.9em;
	padding:.2em .8em;
}

.top-news .p-postList__body,
.top-news .-type-simple .p-postList__title {
    display: flex !important;
}

.top-rengo .swell-block-box-menu__item {
	border:none !important;
	background:#FFF;
	border-radius:10px;
}

.top-rengo .swell-block-box-menu__link {
    padding: 3em 1em;
}

.top-rengo .swell-block-box-menu__figure>img {
	height: 70px;
	width: 70px;
}


/*  button
------------------------*/

form input[type="submit"] {
    background: linear-gradient(90deg, #4b4f7e, #5f65ab) !important;
	display: block !important;
	margin: .6em auto !important;
}
#wpmem_login .button_div, #wpmem_reg .button_div {
    text-align: center;
}

	@media (max-width: 768px) {
			.l-container {
				padding:1rem 4% 1rem 4% !important;
			}
			.top #content {
				padding: 2rem 4% 0 4% !important;
				margin: 0 auto 0 !important;
			}
			.top-button .swell-block-columns__inner {
				row-gap: 1.5rem !important;
			}
			.top-button .swell-block-columns .swell-block-column {
				margin: 0 0 0 1.0rem !important;
			}
			.top-button, .top-news {
				margin-bottom:-3rem !important;
			}
			.top-rengo .swell-block-box-menu__link {
				padding: 1.5em 0.7em !important;
			}
			.p-fixBtnWrap {
				bottom: 4.25em;
			}
	}

/* href属性あり → 下線を付ける */
.shotengai-box .swell-block-linkList__item a[href] {
  text-decoration: underline;
}

/* href属性なし → 下線を消す */
.shotengai-box .swell-block-linkList__item a:not([href]) {
  text-decoration: none;
  cursor: default; /* リンクっぽさを消したい場合 */
}

.page-link .swell-block-linkList__item {
	min-width:49.5%;
}

.page-link .swell-block-linkList__link {
	padding: .5rem 1rem;
	box-sizing:border-box;
	font-size:1.1em !important;
	border: 1px solid #dbdbdb !important;
}

	@media (max-width: 768px) {
		.page-link .swell-block-linkList__item {
			min-width:100%;
		}

		.page-link .swell-block-linkList__link {
			padding: .4rem .8rem;
		}
	}