@charset "utf-8";

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓

	Common

┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#contents .service{
	position:relative;
	margin-top:calc(var(--center_block_margin) + 40px);
	padding:50px 20px 20px;
	background-color:#eee;
}

/*──────────────────┐

	Mobile

└──────────────────*/

@media screen and (max-width:670px){

	#contents .service{
		padding:45px 15px 15px;
		background-color:#eee;
	}

}/* @media */

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓

	h2

┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#contents .service h2{
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
	position: absolute;
	top: -40px;
	left: 30px;
	width: 180px;
	height: 70px;
	color: #fff;
	border-radius: 10px;
	background-color: var(--orange);
	background-image:url(/contents/image/sakura.png);
	background-size:220px;
	background-position:center;
	background-repeat:no-repeat;
}

/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓

	Srvice

┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#contents .service .wrapper{
	width:100%;
	padding: 15px;
	border:var(--gray) 1px solid;
	border-radius: 10px;
	background:#fff;
}

#contents .service .wrapper .popup{
	cursor:pointer;
}
	
























/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓

	Anchor

┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*
#contents .breadcrumb a,
#contents .company a,
#contents .footer a,
#contents .anchor{
	text-decoration:none;
}

#contents .breadcrumb a:link,
#contents .company a:link,
#contents .footer a:link,
#contents .anchor:link{
	transition:all 0.2s;
	color:blue;
}

#contents .breadcrumb a:visited,
#contents .company a:visited,
#contents .footer a:visited,
#contents .anchor:visited{
	color:blue;
}

#contents .breadcrumb a:hover,
#contents .company a:hover,
#contents .footer a:hover,
#contents .anchor:hover{
	transition:all 0.2s;
	color:#f66b1e;
}

#contents .breadcrumb a:active,
#contents .company a:active,
#contents .footer a:active,
#contents .anchor:active{
	color:#f66b1e;
}

a.link{
	padding-right:1em;
	text-decoration:none;
	background-image:url(/contents/image/link.png);
	background-size:10px;
	background-position:top right;
	background-repeat:no-repeat;
}

a.link:link{
	transition:all 0.2s;
	color:blue;
}

a.link:visited{
	color:blue;
}

a.link:hover{
	transition:all 0.2s;
	color:var(--orange);
}

a.link:active{
	color:var(--orange);
}