li.head_logo > a,
.fix_head li a{
	transition: .3s all;
}
.fix_head > ul > li:hover > a,
.fix_head > ul > li:hover,
.fix_head > ul > li:hover > a::after{
	color: rgba(0, 0, 0, .6);
}
.fix_head > ul > li:hover .submenu{
	color: rgba(0, 0, 0, 1);
}
/*----------- ヘッドロゴ -------------*/
li.head_logo > a:active img{
	top: 5px;
}
/*----------- ヘッドナビ -------------*/
.fix_head > ul > li:not(.head_logo) > a{
	position: relative;
}
.fix_head > ul > li:not(.head_logo) > a::after {
	position: absolute;
	bottom: -0.5em;
	left: 0;
	content: '';
	width: 100%;
	height: 1px;
	background-color: #aaa;
	opacity: 0;
	transition: .3s;
}
.fix_head > ul > li > a:hover::after {
	bottom: 0em;
	opacity: 1;
}
.fix_head > ul > li:not(.head_logo):active{
	margin-top: 5px;
}
.fix_head > ul > li:active .submenu li{
	margin-top: -5px;
}
/*----------- フットナビ -------------*/
.to_map,
.to_contact,
.to_top,
.fix_foot > ul > li > a,
.sns_icon li,
.sns_icon li a *{
	transition: .3s all;
}
.to_map:hover,
.to_contact:hover,
.to_top:hover,
.follow_icon:hover{
	background: #fff;
}
.fix_foot > ul > li:hover > a{
	color:rgb(160, 14, 21);
}
.to_map:hover i{
	color: #f75c50;
}
.follow_icon.insta:hover i{
	color: #D93177;
}
.follow_icon.twitter:hover i,
.sns_icon li:hover a .fa-twitter-square{
	color:#00aced;
}
.follow_icon.facebook:hover i,
.sns_icon li:hover a .fa-facebook-square{
	color:#305097;
}
.follow_icon.line:hover span,
.sns_icon li:hover a .icon-line{
	color:#5ae628;
}
li.share:hover{
	flex-basis: 217px;
	text-align: left;
}
li.share:hover .sns_icon li{
	opacity: 1;
}
.to_map:active i,
.to_contact:active i,
.to_top:active i{
	position: absolute;
}
.to_map:active i{
	top:20px;
	left: 22px;
}
.to_contact:active i{
	top:20px;
	left: 18.5px;
}
.to_top:active i{
	top:16px;
	left: 18.5px;
}
/*----------- links -------------*/
.links a::before,
.links a::after {
	position: absolute;
	z-index: 2;
	content: '';
	width: 0;
	height: 0;
	border: 1px solid transparent;
}
.links a::before {
	top: -1px;
	left: -1px;
}
.links a::after {
	bottom: -1px;
	right: -1px;
}
.links a:hover {
	color: rgb(160, 14, 21);
}
.links a:hover::before,
.links a:hover::after {
	width: 100%;
	height: 100%;
}
.links a:hover::before {
	border-bottom-color: rgb(160, 14, 21);
	border-left-color: rgb(160, 14, 21);
	transition: height .3s, width .3s .3s;
}
.links a:hover::after {
	border-top-color: rgb(160, 14, 21);
	border-right-color: rgb(160, 14, 21);
	transition: height .3s, width .3s .3s;
}
.links a:active{
	top: 5px;
}
/*----------- links -------------*/
#works h3 a:hover,
.footer_flex a:hover,
.provision a:hover,
.copyright a:hover{
	color: rgb(160, 14, 21);
}

/*----------- service -------------*/
.webtag img:hover,
.meo img:hover{
	opacity: .7;
}
/*----------- service -------------*/

/*----------- works -------------*/
.cat_links a::before,
.cat_links a::after {
	position: absolute;
	z-index: 2;
	content: '';
	width: 0;
	height: 0;
	border: 1px solid transparent;
}
.cat_links a::before {
	top: -1px;
	left: -1px;
}
.cat_links a::after {
	bottom: -1px;
	right: -1px;
}
.cat_links a:hover {
	color: rgb(160, 14, 21);
}
.cat_links a:hover::before,
.cat_links a:hover::after {
	width: 100%;
	height: 100%;
}
.cat_links a:hover::before {
	border-bottom-color: rgb(160, 14, 21);
	border-left-color: rgb(160, 14, 21);
	transition: height .3s, width .3s .3s;
}
.cat_links a:hover::after {
	border-top-color: rgb(160, 14, 21);
	border-right-color: rgb(160, 14, 21);
	transition: height .3s, width .3s .3s;
}
.cat_links a:active{
	top: 5px;
}
figure.works_item:hover img{
	opacity: .9;
}
figure.works_item:hover h3{
	letter-spacing: 2px;
	transform: translateY(0%);
}
figure.works_item:hover figcaption{
	transform: translateY(0%);
}
figure.works_item figcaption:hover h4 a{
	color: rgb(160, 14, 21);
	letter-spacing: 2px;
}
a.page-numbers::before,
a.page-numbers::after {
	position: absolute;
	z-index: 2;
	content: '';
	width: 0;
	height: 0;
	border: 3px solid transparent;
}
a.page-numbers::before {
	top: -3px;
	left: -3px;
}
a.page-numbers::after {
	bottom: -3px;
	right: -3px;
}
a.page-numbers:hover {
	color: rgb(160, 14, 21);
}
a.page-numbers:hover::before,
a.page-numbers:hover::after {
	width: 100%;
	height: 100%;
}
a.page-numbers:hover::before {
	border-bottom-color: rgb(160, 14, 21);
	border-left-color: rgb(160, 14, 21);
	transition: height .3s, width .3s .3s;
}
a.page-numbers:hover::after {
	border-top-color: rgb(160, 14, 21);
	border-right-color: rgb(160, 14, 21);
	transition: height .3s, width .3s .3s;
}
a.page-numbers:active{
	top: 5px;
}
/*----------- works -------------*/
/*----------- CTA -------------*/
.cta_inner:hover{
	background: #000;
	border: 1px solid #000;
}
.cta_inner:hover i{
	color:rgb(160, 14, 21);
}
.cta_inner:hover i.fa-envelope{
	background: #000 !important;
}
.cta_inner:hover p{
	color:rgb(160, 14, 21);
}
.cta_inner:hover p:first-of-type{
	letter-spacing: 3px;
}
.cta_inner:nth-child(2):hover span,
.cta_inner:nth-child(2):hover p{
	color: #5ae628;
}
/*----------- CTA -------------*/
/*----------- works -------------*/
.term_inner a:hover{
	color: rgb(160, 14, 21);
}
.cta_wrap p:hover,
.cta_wrap a:hover{
	border: 1px solid rgb(160, 14, 21);
	background: #fff;
	color: rgb(160, 14, 21);
	letter-spacing: 2px;
}
figure.works_box:hover img{
	opacity: .9;
}
figure.works_box:hover h2{
	letter-spacing: 2px;
	transform: translateY(0%);
}
figure.works_box:hover figcaption{
	transform: translateY(0%);
}
figure.works_box figcaption:hover h3 a{
	color: rgb(160, 14, 21);
	letter-spacing: 2px;
}
.main_work a:hover{
	color: rgb(160, 14, 21);
}
/*----------- works -------------*/
/*----------- sidebar-works -------------*/
.side_cat_links a:hover::after{
	opacity: 1;
	transform: scale(1, 1);
}
.side_work_thumb:hover img{
	opacity: .7;
	transition: .6s all;
}
.side_work_thumb:hover a{
	color: rgb(160, 14, 21);
	font-weight: bold;
	letter-spacing: 2px;
	transition: .6s all;
}
/*----------- sidebar-works -------------*/
/*----------- contact -------------*/
#contact .form_box input#submit:hover,
#contact .form_box input#return:hover,
#contact .form_box input#send:hover,
.thanks_btn a:hover{
	border: 1px solid rgb(160, 14, 21);
    background: #fff;
    color: rgb(160, 14, 21);
    letter-spacing: 2px;
}
/*----------- contact -------------*/
/*----------- company -------------*/
.company_box p a:hover{
	color: rgb(160, 14, 21);
}
/*----------- company -------------*/

/*----------- contents -------------*/
.contents_box h2 a:hover,
.inner_wrap a:hover{
	color: rgb(160, 14, 21);
}
.contents_cacth a:hover img{
	transform:translate(-50%, -50%) scale(1.1, 1.1);
	opacity: .7;
}
.side_contentscat li a:hover::after{
	opacity: 1;
	transform: scale(1, 1);
}
.single_contents_title_inner p.cat a:hover,
.single_contents_main article a:hover{
	color: rgb(160, 14, 21);
}
/*----------- contents -------------*/