@charset "UTF-8";
/*
Theme Name: Emishia
*/

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(https://emishia.jp/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;
	}
}

.contact_main-detail{
	padding:3em 0 5em;
	margin: 0 auto;
	max-width:1040px;
	background:url(https://emishia.jp/cmn/images/line.png) no-repeat 0 100%;
	display:grid;
}
.contact_main-detail dt{
	margin:0 0 15px;
}
.contact_main-detail dd{
	font-size:1.2rem;
	letter-spacing:2px;
}


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

STYLE

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



.news-div{
	max-width:800px;
	margin: 0 auto;
}
.news-div dl{
	margin:0 0 30px;
	border-bottom:1px dotted #ccc;
	padding:0 0 30px;
}

.news-div dl dt span{
	display:block;
	font-size:.9rem;
}
.news-div dl dt {
	font-size:1.15rem;
	margin:0 0 20px;
	letter-spacing:2px;
}

.news-div dl dt a {
	text-decoration: underline;
	color: #1E1E1E;
}

.news-div dl dd a {
	text-decoration: none;
	color: #1E1E1E;
}

.news-div dl a:hover {
	opacity: 60%;
}

.news-div .comment{
	max-width:800px;
	margin: 120px auto 0;
	letter-spacing:2px;
	line-height:2;
}

.news-div p {
	margin-bottom: 14px!important;
}

.backlink{
	text-align:center;
		margin: 100px auto 0;
}
.backlink a{
	color:#333;
}

.navigation {
	width: 20%;
	text-align: center;
	margin: 60px auto 0;
}

.navigation ul {
	display: flex;
	justify-content: center;
}

.navigation ul li {
	margin-right: 30px;
}

@media screen and (max-width:768px){
.navigation {
	width: 20%;
	text-align: center;
	margin: 60px auto 120px;
	}
}