@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 60px;
	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: 86%;
	}
	.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;

	}
}

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

STYLE

---------------------------------------------------------------------------*/
.bg-middle{
	background:url(../images/bgmiddle.png) no-repeat;
	max-width:840px;
	margin: 20px auto 0px;
	padding:30px 0 30px 30px;
}
@media screen and (max-width:768px){
.bg-middle{
	background:url(../images/bgmiddle.png) no-repeat;
	max-width:100%;
	margin: 20px auto 60px;
	padding:15px 0 15px 15px;
	}
}

.bg-big{
	background:url(../images/bgmiddle2.png) no-repeat;
}
@media screen and (max-width:768px){
.bg-big{
	background:url(../images/bgmiddle2.png) no-repeat;
	}
}

.bg-middle ul li{
	margin:5px 0 20px;
	letter-spacing:2px;
}
@media screen and (max-width:768px){
.bg-middle ul li{
	margin:0 0 13px;
	font-size:.9rem;
	}
}

.bg-middle ul li:before{
	content:"●";
	color:#D9E021;
}
.oneday2{
	max-width:840px;
	margin: 20px auto 10px;
	letter-spacing:2.2px;
}
.oneday2 span{
	display:block;
	font-size:.9rem;
	margin:20px 0 50px;
}
.space-marign_top{
	margin:90px auto 0px;
}

.con-btn{
	text-align:center;
}

.btnarrow-req{
	position: relative;
	padding: 10px 60px 10px 60px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	color: #fff;
	outline: none;
	transition: all .2s linear;
	background:#FF914A;
	border-radius:50px;
	letter-spacing:1px;
}

.btnarrow-req:hover{
	background:#333;
	color:#fff;
}

.btnarrow-req::before{
	content:"";
	position: absolute;
	top:50%;
	right:10px;
	width:20px;
	height:1px;
	background:#fff;
	transition: all .2s linear;
}

.btnarrow-req::after{
	content:"";
	position: absolute;
	top: 35%;
	right: 13px;
	width:2px;
	height:8px;
	background:#fff;
	transform:skewX(45deg);
	transition: all .2s linear;
}

.btnarrow-req:hover::before{
	right:15px;
}

.btnarrow-req:hover::after{
	right:17px;
}