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

/* コンセプト */
#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;
}


/* ビジネス */
#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%,-55%) 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);
}

/* コンタクトフォーム */
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: var(--the-btn-radius,0);
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;
}

@media screen and (max-width: 782px){
p{
	font-size:0.875em;
	line-height: 1.9116em;
}
h2{
	font-size:1.8em!important;
	line-height: 1.65em!important;
}
h3{
	line-height: 2.8em!important;
}
	.pc-on{
	display:none;
}
.sp-on{
	display:block;
}
	#merit > div > div.wp-block-spacer,#main_content > div > div > div:nth-child(5) > div > div > div > div > div > div.swell-block-columns.is-style-default > div > div:nth-child(1) > div,#main_content > div > div > div:nth-child(4) > div > div{
		display:none;
	}
	.swell-block-box-menu__figure svg {
    display: block;
height: 5em;
    width: 5em;
}
	.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 2vw 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;
	}
}
@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;
}