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



/*==============================
 * list
==============================*/

::marker {
    color: #e84348;
}

/*==============================
 * ふきだし
==============================*/
.is-style-balloon_box {
    background-color: #17A3A9;
    border-radius: 10px;
}
.is-style-balloon_box:before {
    border: 12px solid transparent;
    border-top: 12px solid #17A3A9;
}

/*==============================
 * font
==============================*/
.post_content h2 {
    font-size: 28px; 
}
.post_content h3:where(:not([class^="swell-block-"]):not(.faq_q):not(.p-postList__title)) {
    border-left: solid 6px var(--color_htag);
    padding: 0 0 0 9px;
}
.post_content h4 {
    border-bottom: 1px solid #707070;
    padding-bottom: 3px;
	font-size: 1em;
}

/*==============================
 * TOP
==============================*/
.post_content h2.ft001 {
	font-size: 2.8em;
}
.post_content h2.bg-title {
  position: relative;
  text-align: center;
}

.post_content h2.bg-title::before {
  position: absolute;
  left: 50%;
  top: -35px;
  transform: translateX(-50%);
  font-size: clamp(48px, 10vw, 72px);
  font-weight: 700;
  color: #dfe3e8;
  opacity: .7;
  letter-spacing: .08em;
  z-index: -1;
}
.post_content h2.bg-title01::before {
	content: "PROBLEM";
}
.post_content h2.bg-title02::before {
	content: "BUSINESS";
}
.post_content h2.bg-title03::before {
	content: "SERVICE";
}
.post_content h2.bg-title04::before {
	content: "BUSINESS";
}
.post_content h2.bg-title05::before {
	content: "VOICE";
}
.post_content h2.bg-title06::before {
	content: "FLOW";
}
.post_content h2.bg-title07::before {
	content: "SERVICE";
}
.post_content h2.bg-title08::before {
	content: "BLOG";
}
.border01 {
border: 1px solid #707070;
border-radius: 10px;
padding: 20px 10px;
background: #fff;
box-sizing: border-box;
}
.bg-img01 {
	width: 1116px;
    text-align: center;
    margin: 0 auto 40px;
    min-height: 300px;
    box-sizing: border-box;
    padding: 55px 0 0;
	background-image: url(https://nuts-web.conohawing.com/appeal-ad/wp-content/uploads/bg_hukidashi.webp);
	background-repeat: no-repeat;
	left: 0px;
	background-size: contain;
	z-index: 999;
	}

/*======================================================================================================================
 * =====================================================================================================================
 * レスポンシブ（959px以下）
 * =====================================================================================================================
========================================================================================================================*/


/*======================================================================================================================
 * =====================================================================================================================
 * レスポンシブ（599px以下）
 * =====================================================================================================================
========================================================================================================================*/

@media (max-width:599px) {
	
/*==============================
 * font
==============================*/
	.post_content h2 {
    font-size: 22px; 
}

/*==============================
 * TOP
==============================*/
.p-mainVisual__textLayer {
    height: 45%;
}
.post_content h2.ft001 {
    font-size: 22px; 
}
.border01 {
	padding: 10px 5px;
}
.bg-img01 {
	width: 95%;
	min-height: 200px;
    top: -45px;
	background-size: cover;
	}
	.position01 {
	top: 40px;
	}
}


/*==============================
 * voice
==============================*/
.q-number {
	color: #e84348;
	font-size: 1.4em;
	font-weight: bold;
}

.voice-box {
    margin: 2rem 0;
}

.voice-category, .menu-category{
	display:flex;
	gap:10px;
	margin-top:15px;
	margin-bottom:1.5rem;
}

.c-postTitle {
    align-items: center;
    display: flex;
    font-size: 2rem!important;
}

.voice-img img {
    margin: auto;
    display: block;
}

.voice-box h2 {
    font-size: 1.1rem;
}

.voice-category a,.menu-category a {
	display:inline-block;
	padding:5px 12px;
	border-radius:20px;
	background:#e84348;
	text-decoration:none;
	font-size:14px;
}

.voice-category a:hover {
	opacity:.7;
}

.single-project-2,.single-project-5 span,.single-project-staff-title {
    font-weight: bold;
}

.single-project-4 span{
	font-weight: bold;
}


.single-project-2 ,.single-project-3,.single-project-4,.single-project-5,.single-project-staff-title{
    margin: 2rem 0;
}

img.attachment-large.size-large {
    display: block;
    margin: 1rem auto;
}

.c-postMetas,.menuCategory {
    text-align: right;
}

.postBottom {
    display: flex;
    justify-content: space-around;
	margin: 3rem 0 1rem;
}

a.listBack {
    text-align: center;
    display: block;
}

/*==============================
 * 202608
==============================*/
#pl-2260 #panel-2260-1-0-1 {
    margin: -20px 0px -20px 0px!important;
}

div#pg-2260-0 {
    width: fit-content;
    margin: 3rem auto;
}

.sp.panel-widget-style.panel-widget-style-for-2260-9-0-2 {
    display: none;
}

h1.c-postTitle {
    justify-content: flex-end;
}

.c-postMetas {
    display: none;
}


@media (max-width:599px) {
	.sp.panel-widget-style.panel-widget-style-for-2260-9-0-2 {
    display: block;
}
	
	div#panel-2260-9-0-1{
		display:none;
	}
}