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

/* contact form 7 ここから */
.contact7 {
	max-width: 100%;
	box-sizing: border-box;
}
.contact7 dd {
	background-color:none;
}
.contact7 dt {
	font-weight: normal;
}
span.wpcf7-list-item {
	display: block;
}



/* 必須マーク */
.contact7 .must {
	background: var(--color_link);
}
 
/* 任意マーク */
.contact7 .optional {
	background: #329CD1;
}
 
.contact7 .must,
.contact7 .optional {
	color: #FFF;
	border-radius: 3px;
	font-size: 10px;
	margin-left: 10px;
	padding: 3px 8px;
	letter-spacing: 2px;
}
.wpcf7-text {
	border-radius: 3px;
	}
.wpcf7-select {
	border-radius: 3px;
	}
.btn_contact7 input {
	box-shadow: none!important;
	transition: all .3s ease;
}
.btn_contact7 input:hover {
	box-shadow: 0 10px 20px -5px var(--color_main)!important;
	transform: translateY(-2px);
	transition: all .3s ease;
}
.btn_contact7 input{
	width: 70%;
	background-color: var(--color_main);
	font-weight: bold;
	color: white;
	border-radius: 50px;
}

.contact7 hr {
	width: 80%;
}

@media screen and (min-width: 768px) {
.contact7 dt {
	float: left;
	clear: left;
	width: 35%;
	padding: 5px 10px 5px 0;
	}
.contact7 dd {
	margin-left: 35%;
	}
}

/* ここまで */