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

.works-archive{
	display:flex;
    flex-wrap: wrap;
	gap:10px;
	padding-top: 3em;
}

.works-item{
	width: 32.5%;
}
.works-thumb {
    overflow: hidden;
    height: 100%;
    aspect-ratio: 4 / 3;
}
.works-item img {
    aspect-ratio: 4 / 3;
    object-fit: cover;
	width: 100%;
	transition: ease 0.3s;
}

.works-item a{
	display: block;
    color: #000;
	overflow: hidden;
}
.works-item .works-title{
	margin: 0;
    font-size: 1em;
}
.works-item .works-title::before{
	content:"";
	display: none;
}
.works-item a:hover img{
	transform:scale(1.1);
}

@media not all and (min-width: 600px){
	.works-item{
		width: 100%;
	}
}

.contact-form {
	padding-bottom: 3em;
}
.contact-form dt {
	font-weight: bold;
}
.contact-form dt .need{
	color:#f00;
	font-size: 0.8em;
}
.contact-form dd {
}
.contact-form dd textarea,
.contact-form dd input[type="text"],
.contact-form dd input[type="email"],
.contact-form dd input[type="tel"]{
	width:100%;
}
.wpcf7-spinner{
    display: block;
	margin: 1em auto 0;
}

@media not all and (min-width: 600px){
	.contact-form dd {
		padding-bottom: 1em;
	}

}
@media not all and (max-width: 599px){
	.contact-form {
		display: flex;
		flex-flow: wrap;
		gap: 20px 2%;
	}
	.contact-form dt {
	  width: 20%;
	}

	.contact-form dd {
	  width: 78%;
	}
}

.submit input[type="submit"].swell-block-button__link{
	align-items: center;
    display: inline-flex;
    gap: .5em;
    justify-content: center;
	box-shadow: 0 4px 0 var(--the-solid-shadow, var(--color_main_dark));
    color: #fff;
    font-weight: 700;
    transition: box-shadow .25s, -webkit-transform .25s;
    transition: transform .25s, box-shadow .25s;
    transition: transform .25s, box-shadow .25s, -webkit-transform .25s;
    z-index: 1;
    background: var(--the-btn-bg);
    border-radius: var(--the-btn-radius, 0);
    display: inline-block;
    letter-spacing: var(--swl-letter_spacing, 1px);
    line-height: 1.5;
    margin: 0;
    min-width: var(--the-min-width);
    padding: var(--the-padding);
    position: relative;
    text-decoration: none;
    width: var(--the-width);
	border: none;
}
.submit input[type="submit"].swell-block-button__link:hover{
	box-shadow: 0 0 0 transparent !important;
    -webkit-transform: translate3d(0, 4px, 0);
    transform: translate3d(0, 4px, 0);
}

.w-beforeFooter{
	margin-bottom: 0;
}