@charset "UTF-8";
/* CSS Document */

.heading02{
	background-image:linear-gradient(rgba(0,0,0,0.1),rgba(0,0,0,0.1)),url(../images/head_contact.jpg);
	background-position:50% 75%;
}

.lead{
	margin-top:80px;
}

.lead h4{
	font-size:22.5px;
	letter-spacing:0.15em;
	text-indent:0.15em;
	font-weight:500;
	line-height:1.7;
	margin-bottom:20px;
	text-align:center;
	color:#348c51;
}

.list li::before{
	content:"■";
	font-size: 80%;
	margin-right: 10px;
}


.list ul{
	text-align:left;
	font-size:14px;
	opacity:0.7;
	line-height:1.8;
	letter-spacing:0.025em;
}

.red_text{
	color: red;
	font-weight: bold;
}

.font_bold{
	font-weight: bold;
}


.center h4{
	font-size: 17px;
	opacity: 0.8;
	border-left: 5px solid #348c51;
	padding: 15px;
	letter-spacing: 0.15em;
	background: #F9F9F9;
	margin-bottom: 32px;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.08);
}

.nolinep{
	text-align: center;
}


@media(min-width:768px){
	/* 大きい画面 */

	.container{
		width: 88%;
	}
	
	.lead h4 br{
		display:none;
	}


.annai_img{
	display: flex;
	justify-content: space-around;
	margin-bottom: 80px;
	/* padding: 0 100px; */
	max-width: 100%;
	/* text-align: center; */
	overflow: hidden;
}

.line_wrap{
	text-align: center;
	display: table-cell;
}

.line_wrap img{
	margin: 0 10px;
	vertical-align: middle;
}

.sns_wrap{
	/* width: 100%; */
  display: flex;
	/* flex-flow: column; */
	padding: 50px 50px;
	height: auto;
}


.qr_wrap{
	gap: 20px;
	display: flex;
	width: 100%;
	margin-bottom: 30px;
	align-items: center;
}
.qr_wrap p{
	font-size: 20px;
	font-weight: bold;
}


/* .flex-item{
float: left;
} */

.sns_url{
/* float: right; */
  width: 100%;
	display: block;
	/* height: 140px; */
	text-align: left;
}
.sns_url img{
float: left;
  width: auto;
	height: 50px;
	display: block;
	/* height: 140px; */
}
.sns_url a{
	clear: both;
		width: auto;
		display: block;
		/* height: 140px; */
	}


.sns_text{
float: left;
/* justify-content: center; */
/* margin: 0 auto; */
/* display: block; */
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 10px;
}
.sns_text p{
	line-height: 50px;
	padding-left: 80px;
}

.line_wrap_outer{
	display: table;
  width: 100%;
	margin-bottom: 80px;
}

.contact-url{
	margin-bottom: 30px;
	font-size: 15px;
	line-height: 1.8;
	opacity: 0.8;
	letter-spacing: 0.025em;
}

/* urlホバーエフェクト */
.qr_wrap a{
	color: #18580C;
	transition: .3s;
	font-size: 20px;
	}
	.qr_wrap a:hover{
		color: rgb(156, 225, 227);
		text-decoration: none;
	}

	.contact-url a{
		color: #18580C;
		transition: .3s;
		text-decoration: underline;
	}

	.contact-url a:hover{
		color: rgb(156, 225, 227);
	}

	.tejun{
		margin-bottom: 30px;
		font-size: 15px;
    line-height: 1.8;
    opacity: 0.8;
    letter-spacing: 0.025em;
	}


 .borderbox{
	border: solid 1px rgba(0, 0, 0, 0.5);
	padding: 50px;
 }

 .wakusita{
	margin: 10px 0 80px 0;
	text-align: left;
    font-size: 14px;
    opacity: 0.7;
    line-height: 1.8;
    letter-spacing: 0.025em;
}


 .tblock{
	display: table;
width: 100%;
}

.tblock_inner{
	display: table-cell;
	vertical-align: middle;
	
}


.tblock img{
width: 80px;
float: left;
margin-right: 30px;
}
}


@media(max-width:768px){
	/* 小さい画面 */
	.container{
		width: 88%;
	}

	.lead h4{
		font-size:19px;
	}

	.stitle{
		display: none;
	}
	.stitlepcno{
		display: block;
	}

			
	.turn{
		display: inline-block;
	}

	.borderbox{
		border: solid 1px rgba(0, 0, 0, 0.5);
		padding: 20px;
	 }

	 .line_wrap{
		text-align: center;
		display: table-cell;
	}
	
	.line_wrap img{
		margin: 20px 10px;
		vertical-align: middle;
	}

	.wakusita{
		margin: 10px 0 80px 0;
		text-align: left;
		font-size: 14px;
    opacity: 0.7;
    line-height: 1.8;
    letter-spacing: 0.025em;

	 }

	.annai_img{
		text-align: center;

	}
	.annai_img img{
		box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.484);
		margin-bottom: 10px;
}

.tejun{
	margin-bottom: 50px;
	font-size: 15px;
	line-height: 1.8;
	opacity: 0.8;
	letter-spacing: 0.025em;
}


.contact-url{
	margin: 50px 0 30px 0;
	font-size: 15px;
	line-height: 1.8;
	opacity: 0.8;
	letter-spacing: 0.025em;
}

.qr_wrap{
	margin-bottom: 40px;
}


.sns_wrap{
	text-align: center;
	margin-bottom: 30px;

}

.sns_url{
	text-align: left;
	margin: 20px 0 ;
}

.sns_url img{
float: left;
margin-right: 5px;
}
.sns_url p{
	font-weight: bold;
	line-height: 20px;
	font-size: 15px;
}

/* urlホバーエフェクト */
.qr_wrap a{
	color: #18580C;
	transition: .3s;
	font-size: 15px;
	}
	.qr_wrap a:hover{
		color: rgb(156, 225, 227);
		text-decoration: none;
	}

	.contact-url a{
		color: #18580C;
		transition: .3s;
		text-decoration: underline;
	}

	.contact-url a:hover{
		color: rgb(156, 225, 227);
	}


 .tblock{
	display: table;
width: 100%;
}

.tblock_inner{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}


/* .tblock p{
	margin-bottom: -50px;
	font-weight: bold;
	text-align: left;
} */
.tblock img{
width: 80px;
margin: 30px 0;
}

}

@media(min-width:768px){
	/* 大きい画面 */
	.list ul{
		display:flex;
		flex-flow: column;
		align-items:flex-start;
		justify-content:center;
	}
	.stitle{
		display: block;
	}
	
	.stitlepcno{
		display: none;
	}


}




@media(min-width:768px){
	/* 大きい画面 */
	.list ul li{
		padding:0 15px;
	}

	.list ul li:first-child{
		margin-top: 10px;
	}

}

@media(max-width:768px){
	/* 小さい画面 */
	.list ul li{
		margin-bottom:10px;
	}

	.list ul li:first-child{
		margin-top: 15px;
	}

}

.list ul li span{
	font-size:13px;
	opacity:0.9;
	display:block;
}


.tblock p{
	margin-bottom: 30px;
	font-size: 15.5px;
	opacity: 0.68;
	line-height: 1.8;
	letter-spacing: 0.05em;
	font-weight: bold;
}

h3{
	line-height: 100px;
}

.stitle2{
	display: block;
}

.stitlepcno2{
	display: none;
	}

	@media(min-width:768px){
		.stitle2{
			display: none;
		}

		.stitlepcno2{
			display: block;
			}
}


@media(min-width:1080px){
	.stitle2{
		display: block;
	}

	.stitlepcno2{
		display: none;
		}

}