@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');


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


.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;
    }
}

/*  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: 1.2rem 0;
}

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

.l-footer__foot, .l-footer__widgetArea {
    padding-top: 4em !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 .5rem 0 !important;
	margin:0 !important;
	  font-family: "Oswald", sans-serif;
	  font-optical-sizing: auto;
	  font-weight: 400;
	  font-size:1.6rem !important;
	  font-style: normal;
	  letter-spacing:0;
}

.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;
}

/*  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%;
	}
}


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

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

.top_ttl01::before {
	content:"";
	top:0 !important;
	left:0;
	width: 50% !important;
	height: 2px !important;
	background: linear-gradient(
	to right, 
	#efda28 0%, #efda28 25%, /*yellow*/
	#333333 25%, #333333 100% /*black*/
	) !important;
	border:none !important;
}


.top_ttl01.en{
	font-family: "Josefin Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
}

.top_ttl01.en .ja{
	display:block;
	font-size:0.9rem;
	letter-spacing:0.1em;
	font-family: "Zen Kaku Gothic New", 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	padding-bottom:0.2em;
}

.white {
	color:#FFF !important;
}

.post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title))::before {
    background: repeating-linear-gradient(90deg, var(--color_htag) 0%, var(--color_htag) 29.3%, rgb(0 0 0 / 15%) 29.3%, rgb(0 0 0 / 15%) 100%) !important;
}


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

.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-news .viewmore span,
#top-case .viewmore span {
	vertical-align: middle;
}
.top-news .viewmore .swl-inline-icon:after,
#top-case .viewmore .swl-inline-icon:after {
	color:#efda28;
}

#top-banner01 .c-bannerLink:before {
	background-image: linear-gradient(0deg, rgba(255, 255, 255, 1) 15%, rgba(0, 0, 0, 0) 60%);
}

#top-banner01 .c-bannerLink__text {
    color: #333;
    justify-content: end;
}

#top-banner01 .c-bannerLink__text  .c-bannerLink__title {
	font-size:1.8rem;
	font-family: "Zen Old Mincho", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.05em;
	text-shadow: rgb(255, 255, 255) 0px 0px 4px, rgb(255, 255, 255) 0px 0px 4px, rgb(255, 255, 255) 0px 0px 4px, rgb(255, 255, 255) 0px 0px 4px;
}

#top-banner01 .c-bannerLink__text  .c-bannerLink__description {
	font-size: 1.05em;
	letter-spacing:0.1em;
	line-height:1.5em;
}

#top-banner02 .c-bannerLink__title {
    font-family: "Zen Old Mincho", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.15em;
	font-size:2.2rem;
    line-height: 1.2;
}


#case-list {
}

#case-list li {
	display:inline-block;
	width: 28%;
    margin: 1rem 2%;
}

   @media (max-width: 768px) {
		#voice-list  li,
		#case-list li  {
			width: 45%;
		}
   }

#case-list li a {
	color:#333 !important;
	text-align:center;
}

#case-list li figure img {
  width: 100%;
  height: 240px;
  object-fit: cover;
}

   @media (max-width: 768px) {
		#case-list li figure img {
		  height: 180px;
		}
   }


#top-case .c-postThumb__figure {
    height: 220px !important;
}


@media (max-width: 768px) {

	.top #content {
		padding: 1em 0 0 0 !important;
	}

	.top-news .p-postList__body, .top-news .p-postList__meta {
		width: 100%;
	}

	.top-news .p-postList__body, .top-news .-type-simple .p-postList__title {
		display:block !important;
	}
	
	#top-banner01 .c-bannerLink__text .c-bannerLink__description {
		font-size: 0.8em;
	}
	
	#top-banner01 .c-bannerLink__text {
		padding: 0.5em;
	}
	
	#top-banner01 .c-bannerLink__text .c-bannerLink__title {
		font-size: 1.2rem;
	}

	#top-case .wp-block-columns {
		padding:5%;
	}
		
	#top-banner02 .swell-block-columns__inner {
		display:block !important;
	}

	#top-banner02 .c-bannerLink__figure {
		height:240px;
	}

	#top-banner02 .c-bannerLink__title {
		font-size: 1.4rem !important;
	}
	
	
	
	

}