/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 06 2023 | 03:52:43 */
/* ここにCSSコードを追加

例:
.example {
    color: red;
}

CSS の知識に磨きをかけるためにご覧ください。
http://www.w3schools.com/css/css_syntax.asp

コメント終わり */ 

#main h1{
	text-align:center;
}

#content-wrap[
	max-width: 1000px;
   width: 100%;
   margin: 100px auto 0;
]

/* Work */
.wp-block-image img {
    height: 300px;
 }

/* About */
.pf_clm{
	max-width:920px;
	width:100%;
	margin:0;
	gap:0;
}

figure{
	text-align:center;
	margin:0;
}

.pf_clm img{
	 width: 70%;
    border-radius: 50%;
}

.pf_text{
	padding-top:30px;
}

/* contact */
/* form */
form{
	width:100%;
	max-width:1000px;
	margin:0;
}

.wpcf7-submit:hover{
	opacity:0.5;
}

label{
	max-width:1000px;
	width:100%;
}

.wpcf7-form-control-wrap{
	width:100%;
}

.wpcf7-text{
	float:right;
	height:40px;
	width:90%;
}

select{
   float:right;
	height:40px;
	width:90%;
}

textarea{
	float:right;
	width:90%;
}

.wpcf7-submit{
	height:40px;
	width:20%;
	margin-left:43%;
	transition:1s;
}

.wpcf7-submit:hover;{
	transition:1s;
}

@media screen and (max-width: 480px) {
.pf_clm:nth-child(2){
	flex-direction: column-reverse;
	}
	
.pf_clm img {
    width: 100%;
}
	
	.pf_clm2{
		display:flex;
		flex-direction: column-reverse;
	}
	
	.container{
		margin-left:0 !important;
		margin-right:0 !important;
		padding-left:0 !important;
		padding-right:0 !important;
	}
	
	.col-md-12{
		padding:0 !important;
	}
	
	.wpcf7 {
	padding:0 10px;
	}
	
	.wpcf7-text{
	float:unset;
	height:40px;
	width:100%;
}

select{
   float:unset;
	height:40px;
	width:100%;
}

textarea{
	float:unset;
	width:100%;
}
	
	.wpcf7-submit{
	height:40px;
	width:40%;
	margin-left:30%;
	transition:1s;
}

	
}