@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
*/
.-txt .c-headLogo__link{
	font-size:16px;
	    line-height: 1.2;
}
p{
	line-height: 2.4em;
}
h2{
	font-size:2.2em!important;
}
h3{
	line-height: 2.8em!important;
}
.is-style-broken.wp-block-media-text{
	--ark-mediatext--gap:0;
	--swl-mediatext--lap:-8em
}
.wp-block-group {
    --swl-box_padding: 1em 4em 4em;
}
.pc-on{
	display:block;
}
.sp-on{
	display:none;
}
#merit h3{
	margin: 1em 0 2em!important;
}
#merit p {
    line-height: 1.8em;
	margin-inline: auto;
    width: 90%;
}
.swell-block-box-menu.is-style-default {
    --the-border-color: #fff;
}
#main_content > div > div > div:nth-child(4){
	    margin-top: 4em;
}
#main_content > div > div > div:nth-child(5){
	margin-top:4rem;
}
.page-id-344 .l-content{
margin: 0 auto 0em;	
}
/* コンセプト */
#concept:before{
	content: "CONCEPT";
    font-size: 0.57143em;
    transform: translate(0%,-55%) skewX(-1deg);
	  color: #afafaf;
  background: -webkit-linear-gradient(-90deg, #afafaf, white);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#main_content > div > div > div:nth-child(4) > div > div.alignwide.swell-block-columns > div > div:nth-child(1) > h3{
	margin: 2em 0 1em;
}

/* ビジネス */
#business:before{
	content: "BUSINESS";
    font-size: 0.57143em;
    transform: translate(0%,-55%) skewX(-1deg);
	  color: #afafaf;
  background: -webkit-linear-gradient(-90deg, #afafaf, white);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* メリット */
#merit-title:before{
	content: "MERIT";
    font-size: 0.57143em;
    transform: translate(0%,-35%) skewX(-1deg);
	  color: #afafaf;
  background: -webkit-linear-gradient(-90deg, #afafaf, #2c2e35);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* 施工事例 */
#casestudy:before{
	content: "CASE STUDY";
    font-size: 0.57143em;
    transform: translate(0%,-55%) skewX(-1deg);
	  color: #afafaf;
  background: -webkit-linear-gradient(-90deg, #afafaf, white);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* カンパニー */
#company:before{
	content: "COMPANY";
    font-size: 0.57143em;
    transform: translate(0%,-55%) skewX(-1deg);
	  color: #afafaf;
  background: -webkit-linear-gradient(-90deg, #afafaf, white);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* コンタクト */
#contact:before{
	content: "CONTACT";
    font-size: 0.57143em;
    transform: translate(0%,-55%) skewX(-1deg);
	  color: #afafaf;
  background: -webkit-linear-gradient(-90deg, #afafaf, white);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.swell-block-fullWide.has-bg-img:before {
    backdrop-filter: brightness(0.5);
}

/* アバウト */
#about:before{
	content: "ABOUT";
    font-size: 0.57143em;
    transform: translate(0%,-55%) skewX(-1deg);
	  color: #afafaf;
  background: -webkit-linear-gradient(-90deg, #afafaf, white);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* 種類 */
#feature:before{
	content: "FEATURE";
    font-size: 0.57143em;
    transform: translate(0%,-55%) skewX(-1deg);
	  color: #afafaf;
  background: -webkit-linear-gradient(-90deg, #afafaf, white);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/* コンサルティング */
#consulting:before{
	content: "CONSULTING";
    font-size: 0.57143em;
    transform: translate(0%,-55%) skewX(-1deg);
	  color: #afafaf;
  background: -webkit-linear-gradient(-90deg, #afafaf, white);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* コンタクトフォーム */
label {
font-size: 1.125rem;
	font-weight:600;
}
label > span {
font-size: 1.025rem;
	color:#FF0000;
}
#wpcf7-f131-p18-o1 > form > p:nth-child(6){
	margin-bottom:24px;
}
input[name="your-name"],
input[name="your-email"],
input[name="your-tel"],
input[name="your-subject"]{
width: 100%;
margin-top: 10px;
margin-bottom: 24px;
	background: white;
}
textarea[name="your-message"] {
width: 100%;
margin-top:10px;
margin-bottom: 20px;
	background: white;
}
#wpcf7-f131-p18-o1 > form > p:nth-child(6),
#wpcf7-f131-p18-o1 > form > p:nth-child(7){
	text-align:center;
}
.wpcf7-list-item{
	margin:0;
}
.wpcf7-not-valid-tip{
	margin-top:-18px;
	font-weight: 600;
}
.wpcf7-submit {
border: none;
cursor: pointer;
line-height: 1;
font-size: 1.2rem;
background-color: var(--color_main);
color: #ffffff;
border-radius: 80px;
padding: 18px 96px;
box-shadow: var(--swl-btn_shadow);
transition: box-shadow .25s;
	font-weight:600;
}
.wpcf7-submit:hover {
box-shadow:0 4px 12px rgb(0 0 0 / 10%),0 12px 24px -12px rgb(0 0 0 / 20%);
opacity: 1;
}
.wpcf7-spinner{
	position:absolute;
}

.swell-block-columns__inner {
    justify-content: center!important;
}

@media screen and (max-width: 782px){
	.-txt .c-headLogo__link{
	font-size:12px;
}
p{
	font-size:0.875em;
	line-height: 1.9116em;
}
h2{
	font-size:1.65em!important;
	line-height: 1.65em!important;
}
	h2#news{
	font-size:1.25em!important;
	line-height: 1.65em!important;
}
		h2#concept{
	font-size:1.45em!important;
	line-height: 1.65em!important;
}
	/* コンセプト */
#concept:before{
	content: "CONCEPT";
    font-size: 0.57143em;
    transform: translate(0%,-25%) skewX(-1deg);
	  color: #afafaf;
  background: -webkit-linear-gradient(-90deg, #afafaf, white);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
h3{
	line-height: 2.8em!important;
}
		#merit h3{
	margin: 1em 0 3em!important;
		line-height:1.8em!important;
}
	.page-id-18 #main_content > div > div > div:nth-child(5) {
    margin-top: 2em;
}
	.page-id-18 #main_content > div > div > div:nth-child(7){
		padding-top:1.6em!important;
	}
	.pc-on{
	display:none;
}
.sp-on{
	display:block;
}
	.swell-block-box-menu__figure svg {
    display: block;
height: 5em;
    width: 5em;
}
	#merit-title{
		margin-bottom:32px;
	}
	#main_content > div > div > div:nth-child(4){
		margin-top:2.4em;
	}
	#business{
		margin-bottom:40px;
	}
	.page-id-344 #main_content > div > div > div:nth-child(3){
		padding-top:7.2rem!important;
	}
	#consulting{
		margin-bottom:16px;
	}
	#merit{
		padding-top:2rem!important;
		padding-bottom:0rem!important;
	}
	#merit > div > div{
		padding-bottom:0!important;
	}
/* 	.swell-block-fullWide__SVG {
    height: 10vw!important;
} */
	#casestudy{
		margin-bottom:1.6em;
	}
	#main_content > div > div > div:nth-child(4) > div > p:nth-child(5){
		margin-bottom:4.8em;
	}
	#main_content > div > div > div:nth-child(5) > div > div > div{
		padding: 2.5vw;
	}
	#main_content > div > div > div:nth-child(5) > div > div > div > div{
		padding: 8vw 4vw 12vw;
	}
	#main_content > div > div > div:nth-child(5) > div > div > div > div > div > div.swell-block-columns.is-style-default > div > div:nth-child(2) > p:nth-child(2){
		margin-bottom:0px;
	}
	.wp-block-group {
    --swl-box_padding: 0em 2em 2em;
}
	#merit p {
    line-height: 1.8em;
    width: 98%;
}
	#main_content > div > div > div:nth-child(2) > div > div.wp-block-spacer{
		display:none;
	}
	.post_content h3{
		margin: 1.2em 0 2em;
	}
	.l-header__logo {
    padding: 6px 17vw 0 5vw;
}
	.c-iconBtn {
    margin-top: 4px;
}
	.l-header__inner {
    padding-bottom: 4px;
}
	#main_content > div > div > div:nth-child(4){
		padding-bottom:1em!important;
	}
	#main_content > div > div > div.swell-block-fullWide.pc-py-60.sp-py-60.alignfull{
		padding-bottom:0px!important;
	}
	#main_content > div > div > div.swell-block-fullWide.pc-py-0.sp-py-40.alignfull > div > div > div{
		padding:0 15px;
	}
	#main_content > div > div > div.swell-block-fullWide.pc-py-0.sp-py-40.alignfull > div > div > div > div{
		padding:15px;
	}
}
@media not all and (min-width: 960px){
	.swell-block-fullWide__inner.l-article, .swell-block-fullWide__inner.l-container {
    --swl-fw_inner_pad: var(--swl-pad_container,7.5vw);
}
}
:root {
	--swl-pad_container: 7.5vw;
}