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

.w-800{
	max-width: 800px;
	margin: 0 auto;
}

.w-fit{
	width: fit-content;
	margin: 0 auto;
}

.d-none{
	display:none;
}

.sp-only{
	display:none;
}

.solution-heading .swl-bg-color{
	padding: .75em
}

.swell-block-dl--feature .swell-block-dl__dt{
	font-size: 1.3em;
	border-left: 3px solid var(--color_main);
}

.grecaptcha-badge { visibility: hidden; }

@media screen and (max-width: 768px){
	.sp-only{
		display:block;
	}
}

/**TOP**/

.post_content p.fv__lead-copy{
	font-size: 22px;
}

.post_content h2.fv__main-copy{
	font-size:40px;
	margin-bottom:32px;
}

.fv__tag-items{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 16px;
	justify-content: left;
}

.fv__tag-item{
	background-color:#fff;
	padding:2px 8px;
	width:fit-content;
}

@media screen and (max-width: 768px){
	.post_content p.fv__lead-copy{
		font-size: 16px;
	}
	.post_content h2.fv__main-copy{
		font-size: 26px;
	}
	.fv__tag-items{
		row-gap: 0;
	}
}

/**問い合わせフォーム**/

.contact-form{
	max-width:800px;
	margin:0 auto;
}
.contact-form__list{
	margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 8px;
}

.contact-form__list dt{
	background: #333;
    color: #fff;
    font-size: 16px;
    padding: 10px 15px;
    width: 30%;
}

.contact-form__list dd{
	background: #f2f2f2;
    font-size: 16px;
    line-height: 24px;
    padding: 15px 15px;
    width: 70%;
}

.contact-form input,
.contact-form select
{
	background: #fff;
	font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding: 0 5px;
}

.contact-form input,
.contact-form textarea{
	background: #fff;
	width:100%;
}

.contact-form__button input{
	background: #D62222;
    border: 0;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    height: 60px;
    line-height: 60px;
    letter-spacing: 0.14em;
    margin: 0 auto;
    text-align: center;
    width: 320px;
}

.contact-form__button input:hover{
	opacity:.8;
}