/* =========================================================
 BASE
========================================================= */
#Mainvis_wrap {padding-top: 118px;}

#Main #Main_inner,.ecolog #Dirpath ul {
	width: 950px;
	margin: 0 auto;}

#Page_titlearea {}
#Page_titlearea > .inner {
	width: 950px;
	margin: 0 auto;
	padding: 10px 0;}
#Page_titlearea > .inner h2 {
	color: #333;
	font-size: 28px;
	line-height: 1;}

#Main {
	padding: 0 0 100px;
	background: url(../../../common_repair/images/pc/bg_slash.png) 0 0 repeat;}
.secondary #Main {padding: 0;}

/* =========================================================
 NOREN PAGE
========================================================= */
.seven #Mainvis_wrap {padding-top: 0;}
.seven #Page_titlearea {background: url(../../../common_repair/images/pc/bg_slash.png) 0 0 repeat;}
.seven #Page_titlearea > .inner {padding: 17px 0;}
.seven #Dirpath {
	margin-bottom: 0;
	padding-top: 150px;
	background: url(../../../common_repair/images/pc/bg_slash.png) 0 0 repeat;}

#Cont {
	margin-bottom: 20px;
	background: #fff;}
#Cont > .inner {
	width: 940px;
	margin: 0 auto;}
.seven.seventop #Cont {
	margin-bottom: 20px;
	padding: 10px 15px;
	background: #fff;}

/* =========================================================
 UTILITY
========================================================= */
.link-cursol {
	margin: 6px 10px 10px 0;
	padding-left: 10px;
	background: url(../images/parts/cursol.png) 0 0 no-repeat;
	display: block;}
.link-color {
	padding: 5px;
	text-align: center;
	color: #fff!important;
	background: #552500;
	display: block;}

/* =========================================================
 SPACE
========================================================= */
.mblock {margin: 20px 0 !important;}
.pblock {padding: 20px 0 !important;}

.mreset {margin: 0;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mtb5 {margin: 5px 0 !important;}

.preset {padding: 0;}
.p5 {padding: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pt30 {padding-top: 30px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb30 {padding-bottom: 30px !important;}

/* =========================================================
 POSITION
========================================================= */
.va-top {vertical-align: top;}
.va-mid {vertical-align: middle;}
.va-bot {vertical-align: bottom;}
.flo-l {float: left;}
.fix {margin: 0 auto;}
.flo-r {float: right;}
.p-rel {position: relative;}
.p-abs {position: absolute;}
.ta-l {text-align: left;}
.ta-c {text-align: center;}
.ta-r {text-align: right;}

.imgicon {margin: 0;padding: 0 2px;vertical-align: middle;}
.imgleft {margin: 0 0.5rem 0.5rem 0;}
.imgright {margin: 0 0 0.5rem 0.5rem;}
.imgb {vertical-align: bottom;}
.imgframe {max-width: 50%;border: 0.375rem solid #ccc;}
.imgbox {padding: 5px;border:1px solid #29aa3f;}

/* =========================================================
 OPTION
========================================================= */
/* ---------- clear */
.txt-indent-clear {
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;}

.clearfix:before, .clearfix:after {
	content: " ";
	display: table;}
.clearfix:after {
	clear: both;}
.clearfix {
	*zoom: 1;}

/* =========================================================
 SEVEN
========================================================= */
/* ----- DOM */
h1,h2,h3,h4 {
	margin: 0;
	padding: 0;}
h1 {font-size: 180%;}
#Main h1 {
	padding:10px 0;
	color: #0059b1;
	line-height: 1.2;}
h2 {
	margin: 0 0 10px 0;
	padding: 1% 0 0 0;
	color: #0059b1;
	font-size: 150%;
	border-bottom: 1px solid #0059b1;}
#Page_titlearea h2,#Rside h2 {border-bottom: none;}
h2.topcaption {padding:.3em .5em;color:#fff;background:#00b32d;border-bottom:0;}

h3 {
	font-size: 120%;
	color: #0059b1;}
h3.topcaption2 {margin: 0 0 10px 0;color: #0059b1;font-size: 150%;border-bottom: 1px solid #0059b1;}
sup {
	font-size: 70%;
	vertical-align: super;}

/* ----- basic */
.column2 {width: 48%;}
.column3 {width: 33%;}
.column3-space {margin: 0 0.5%;}
.column4 {width: 25%;}
.side {width: 200px;}
.contents {width: 710px;}

/* ---------- top */
.home-listlink {
	min-height: 60px;
	margin-bottom: 8px;
	padding: 1%;
	font-size: 110%;
	border: 2px solid #29aa3f;
	display: block;}
.home-listlink.aomori {background: #29aa3f url("../images/top/bg-aomori.jpg") right no-repeat;}
.home-listlink.iwate {background: #29aa3f url("../images/top/bg-iwate.jpg") right no-repeat;}
.home-listlink.miyagi {background: #29aa3f url("../images/top/bg-miyagi.jpg") right no-repeat;}
.home-listlink.akita {background: #29aa3f url("../images/top/bg-akita.jpg") right no-repeat;}
.home-listlink.yamagata {background: #29aa3f url("../images/top/bg-yamagata.jpg") right no-repeat;}
.home-listlink.niigata {background: #29aa3f url("../images/top/bg-niigata.jpg") right no-repeat;}
.home-listlink.fukushima {background: #29aa3f url("../images/top/bg-fukushima.jpg") right no-repeat;}
.sienlink {text-align: center;}
.sien00 {
	color: #fff!important;
	font-weight: bold;
	background: #29aa3f;}
.sien01 {
	color: #29aa3f!important;
	font-weight: bold;}
.sien02 {
	color: #0059b1!important;
	font-weight: bold;
	border: 2px solid #0059b1!important;}
.sien03 {
	color: #ff7800!important;
	font-weight: bold;
	border: 2px solid #ff7800!important;}
.single {line-height: 4;}
.cursollink {
	margin: 0 10px 0 0;
	padding: 0 0 0 18px;
	background: url("../images/icon/icon-cursollink.jpg") 0 0 no-repeat;}

.pagetitle {margin:0 0 1em 0;}

.concept {font-size:120%;}

.home-tohoku_niigata {display:flex;align-items: flex-start;}
.home-tohoku_niigata img {width:30%;max-width:30%;height:auto;}
.home-tohoku_niigata p {width:67%;margin:0 0 0 3%;}

.topicsinfodata {margin:1em 0;display:flex;}
.topicsinfodata .dataimage {position:relative;}
.topicsinfodata .dataimage .catchtxt {top:85px;right:30px;width:55%;padding:.5em;position:absolute;z-index:5;}
.topicsinfodata nav {width:230px;margin:0 0 0 10px;}

.linkbtn {border:1px solid #063;background:#e4f5e6;}
.linkbtn table {width:100%;height:250px;}
.linkbtn table tr td {vertical-align:middle;}
.linkbtn a {margin:.6em;/* padding:1em; */padding:0.5em;/* ←2020.11.11 変更 */color:#063!important;text-align:center;font-weight:bold;border:2px solid #063;background:#fff;display:block;}
.linkbtn a:hover {color:#fff!important;background:#063;}

/* 2020.11.11 追加 */
.linkbtn_out {color:#063;text-align:center;font-weight:bold;margin-bottom:-.6em}


.home-bannerlink {margin:1em 0 0 0;}
.home-bannerlink a {width:455px;display:inline-block;}
.home-bannerlink a:last-child {margin:0 0 0 10px;}

/* 20220311 停止
.serviceinfolink {margin:0 0 0 16px;}
*/

/* top_guidLink ----- */
.top_guidLink{
	margin-bottom:20px;}
.top_guidLink img{vertical-align:middle;display: inline;}
.guidLinkPref {}
.guidLinkPref li{width:32%;margin:0 6px 10px 6px;padding: 1%;border: 2px solid #29aa3f;background: #dbf6e0;float:left;}
.guidLinkPref li a{color: #29aa3f!important;font-size: 110%;text-decoration:none;font-weight:bold;}
.guidLinkPref li a:hover{ opacity:0.7!important;}
.guidLinkCity {}
.guidLinkCity li{width:24%; float:left; margin:0 3px; padding-left:20px; background:url("../images/top/mark_arrow02.png") 0 3px no-repeat;  }
.guidLinkCity li a{height: 48px;display:block;color:#29aa3f!important;}

.subnav {margin:0 0 1em 0;}
.subnav a{width:32%;padding:1em;font-size:110%;text-align:center;border-top:3px solid #ddd;background:#eee;display:inline-block;}
.subnav a:nth-child(2){width:32%;margin:0 1%;}

/* ---------- second */
.second-page p {margin: 0 0 6px 0;}
.second-page .thumbnail {
	padding: 4px;
	border: 1px solid #ccc;}
.second-page .description {
	width: 533px;
	font-size: 90%;
	text-indent: 14px;}
.thumbimg {
	max-width: 100%;
	padding: 0.5%;
	border: 1px solid #29aa3f;}

.linklist {}
.linklist li {
	width: 49%;
	margin: 0 3px;
	float: left;}
.linklist li a {
	height: 60px;
	margin: 0 3px;
	padding: 10px 0 0 20px;
	border-bottom: 1px solid #ddd;
	background: url("../images/icon/icon-cursollink.jpg") 0 14px no-repeat;
	display: block;}

.infobox {
	padding: 10px;
	border: 1px solid #ddd;}

/* ----- widget */
.hlink {font-size: 90%;}
.p-rel {position: relative;}
.portimg {width: 22px;display:inline;}
.inframap {
	width: 700px;
	height: 943px;
	position: relative;
}
.inframaplink {
	top: 200px;
	left: 0;
	position: absolute;
}

.aaa:hover {
	opacity: 0.60;
	filter: alpha(opacity =60);}

/* ----- typography */
.txts {font-size: 90%;}

/* ----- color */
.epcogreen {color: #29aa3f;}
.light-green {color: #e7ffa8;}
.bg-light-green {background-color: #e7ffa8;}
.green {color: #5da700;}
.bg-green {background-color: #5da700;}
.orange {color: #e77400;}
.bg-orange {background-color: #e77400;}
.bgw {background: #fff;}
.alert {color: #f00;}
.bb {border-bottom: 1px solid #666;}
.air-kokunai {color: #68b82e;}
.air-kokusai {color: #854b9a;}

.topcatch {
	top:0px;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	position:absolute;
	z-index:1;}
.topcatchtxt {
	width: 520px;
	top:280px;
	left:200px;
	z-index:2;}
.topcatchlink {
	top: 160px;
	left: 370px;
	position: absolute;
	z-index: 3;}
.topcatchlinkbtn {
	margin: 0 10px 0 0;
	padding: 5px;
	font-size:120%!important;
	text-align: right;
	background: #fff url("../images/icon/icon-cursollink.jpg") 4px 10px no-repeat;
	border: 1px solid #29aa3f;
	display: block;
	float: left;}
a.topcatchlinkbtn {color: #29aa3f!important;}
.topcatchlinkbtn.smallbtn-left {padding: 4px 4px 4px 20px;}
.topcatchlinkbtn.smallbtn-right {margin:0 0 0 7px;padding: 4px 4px 4px 20px;}
.topcatchlinkbtn.largebtn {margin-top: 10px;padding: 4px 4px 4px 20px;}
.txtsize120 {font-size: 120%;}
.txtsize130 {font-size: 130%;}
.sldr {
	width: 920px;
	margin: 0 auto;
	clear: both;
	display: block;
	overflow: hidden;
	position: relative;
}
.sldr > ul > li {
	display: block;
	float: left;
}
.sldr img {width:920px;}
.sldrwrp {
	margin: 0;
	padding: 0;}
ul.sldrselect {
	margin: 0;
	padding: 0;
	color: #ECECEC;
	text-align: center;
	list-style: none;
	/*background: #cdcdf3;*/
}
ul.animate {
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-moz-transition: transform 0.5s cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-o-transition: transform 0.5s cubic-bezier(0.860, 0.000, 0.070, 1.000);
	transition: transform 0.5s cubic-bezier(0.860, 0.000, 0.070, 1.000); /* ease-in-out */
}
.selectors {
	text-align: center;
}

.selectors li {
	font-size: 46px;
	line-height: 32px;
	display: inline;
	padding: 0 2px;
}

.selectors li a {
	text-decoration: none;
}

.selectors li.focalPoint a {
	color: #CCC;
	cursor: default;
}


/* ****************************** */
@media screen and (max-width: 667px) {
.column2,.column3 {width: 100%;}
.column3-space {margin: 0;}

#Mainvis_wrap {padding-top: 46px;}

#Page_titlearea > .inner {
	width: 93.75%;
	margin: 0 auto;}
#Page_titlearea > .inner h2 {
	color: #4c4c4c;
	font-size: 24px;
	line-height: 1.3;}

#Main {
	padding-bottom: 0;
	background: none;}
#Main #Main_inner {
	width: 93.75%;
	padding-top: 3.125%;}

#Cont {margin-bottom: 0;}
#Cont > .inner {
	width: 93.75%;
	margin: 0 auto;
	padding-top: 0;}

.spcenter {
	width: 100%;
	text-align: center;}

.seven #Mainvis_wrap {padding-top: 21vw;}
.seven #Page_titlearea > .inner {padding: 10px 0;}
.seven.seventop #Cont {
	margin: 0 auto 20px;
	padding: 0;}

.utility img {
	max-width: 70%;
	margin: 0 auto;
	padding: 10px 0 0 0;}

.linklist li,.guidLinkCity li {
	width: 100%;
	margin: 0px;
	float: none;}

.hlink {
	height: 24px;
	padding: 1%;
	font-size: 60%;
	line-height: 16px;
	background: #e0f5e3;}
.tohokulink a {
	color: #fff!important;
	line-height: 2;}
.home-listlink {margin-bottom: 14px;}
.single {
	padding-top: 3%;
	line-height: 2;}
.cursollink {
	width: 100%;
	margin: 0 10px 0 0;
	padding: 10px 0 10px 18px;
	background: url("../images/icon/icon-cursollink.jpg") 0 15px no-repeat;
	border-bottom: 1px solid #ccc;
	display: block;}

.guidLinkPref li{width:100%;margin:0 0 .5em 0;}
.guidLinkPref li a{width:100%;padding: 5px 0;display: block;}

.subnav a,.subnav a:nth-child(2){width:100%;padding:1em;}
.subnav a:nth-child(2) {margin:.5em 0;}

.sptopcatchlinkbtn {
	margin: 0 0 10px 0;
	padding: 16px 0 16px 20px!important;
	color: #29aa3f!important;
	font-size: 110%;
	font-weight: bold;
	background: #fff url("../images/icon/icon-cursollink.jpg") 3px 22px no-repeat;
	border: 2px solid #29aa3f;
	display: block;}

.sldr {width:100%;}
.sldr > ul > li {width:100%;}

.home-tohoku_niigata {display:block;}
.home-tohoku_niigata img {width:50%;max-width:50%;margin:0 auto;padding:1em;}
.home-tohoku_niigata p {width:100%;margin:0;}
.home-bannerlink a:last-child {margin:0;}
.home-bannerlink a {width:70%;height:auto;}
.topicsinfodata {display:block;}
.topicsinfodata .dataimage,.topicsinfodata.right .dataimage {width:100%;}
.topicsinfodata .dataimage .catchtxt {width:50%;height:auto;top:25px;right:25px;}
.topicsinfodata nav {width:100%;margin:0;}
.topicsinfodata.right nav {width:100%;padding:250px 0 0 0;position:static;}
.serviceinfolink {margin:0;}
.linkbtn a {color:#fff!important;background:#063!important;}
.linkbtn table {height:auto;}

}

/* 20220311追加↓ */
.solution img:hover {
   opacity: 0.75!important; /* 25％ほど透明にする */
}