@charset "utf-8";
body {
	animation: loading 1s;
}
@keyframes loading {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

/*----------------------------------------------------------------------------

メインビジュアル

---------------------------------------------------------------------------*/
.contact_main{
	padding:3em 0 ;
	margin: 0 auto;
	max-width:1040px;
	background:url(../../cmn/images/line.png) no-repeat 0 100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.contact_main dt{
	margin:0 0 15px;
}
@media screen and (max-width:768px){
.icon-img img{
	max-width:200px;
	}
}
.headline{
	text-align:center;
	margin:80px auto 40px;
}
.headline_text{
	max-width:520px;
	margin: 0 auto 120px;
	line-height:2;
	letter-spacing:2px;
}
.headline_text span{
	display:block;
	margin:0 0 30px;
}
@media screen and (max-width:768px){
	.headline img {
		max-width: 80%;
	}
	.headline_text {
		margin: 0 auto 60px;
	}
}

/*----------------------------------------------------------------------------

サブメインビジュアル

---------------------------------------------------------------------------*/
.submv{
	text-align:center;
	margin:40px auto 80px;
}
/*----------------------------------------------------------------------------

bg付見出し

---------------------------------------------------------------------------*/
.bg-on-title{
	background:url(../images/bgtext.png) no-repeat 50% 50% ;
	padding:1em 0;
	text-align:center;
	letter-spacing:2px;
	font-size:1.4rem;
	font-weight:500;
}
@media screen and (max-width:768px){
.bg-on-title{
	font-size:1.2rem;
	margin-top: 80px;
	}
}

/*----------------------------------------------------------------------------

STYLE

---------------------------------------------------------------------------*/
.grid-div{
	display:grid;
	grid-template-columns:2fr 1fr;
	gap:0 60px;
	padding:3em 2em;
  max-width:850px;
  margin: 0 auto 30px;
}
@media screen and (max-width:768px){
.grid-div{
	grid-template-columns:1fr;
	gap:60px 0px;
	padding:1em 0em;
	max-width:100%;
	}
}

.grid-div p{
	margin: 0 auto 0px;
	line-height:2;
	letter-spacing:2px;
}
@media screen and (max-width:768px){
.grid-div p{
	text-align:left;
	}
}

.grid-div p span{
	display:block;
	margin:0 0 30px;
}
.green-bg{
	background:#F8F8D3;
	padding:2em;
}
.green-bg li{
	line-height:2;
	letter-spacing:2px;
}
@media screen and (max-width:768px){
.green-bg li{
	line-height:1.5;
	margin:7px 0 ;
	letter-spacing:2px;
	text-indent:-1em;
	padding-left:1em;;
	}
}

.green-bg li:before{
	content:"●";
	color:#D9E021;
}

.grid-text .list01{
	width:450px;
}
@media screen and (max-width:768px){
.grid-text .list01{
	width:100%;
	}
}

.grid-text .list02{
	width:550px;
}
@media screen and (max-width:768px){
.grid-text .list02{
	width:100%;
	}
}


.grid-img{
	display:flex;
	text-align:center;
	justify-content:center;
	align-items: center;
}

.space-margin{

}
.another-space{
	margin:20px 0;
}
iframe{
	width:900px;
	height:450px;
	display:block;
	margin: 45px auto;
}
@media screen and (max-width:768px){
iframe{
	width:90%;
	height:300px;
	margin: 30px auto;
	}
}

.job-table {
}

.job-table th {
	background: #D9E021;
	width: 20%;
	padding: 14px;
	border-bottom: 1px solid #FFF;
}

.job-table td {
	background: #F8F8D3;
	width: 80%;
	padding: 14px 26px 14px 14px;
	border-bottom: 1px solid #FFF;
}