@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400&family=Noto+Serif+JP:wght@400;600&display=swap');
/* -----------------------------------------------
 HTML RESET
-------------------------------------------------- */

html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size : 20px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, label, legend { display: block; }
body {
	font-size:100%;
	line-height: 1.7;
	vertical-align: bottom;
	color: #252525;
	 font-family: 'Noto Sans JP', sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	background-repeat: repeat;
}
img{vertical-align: bottom;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-spacing: 0; }
input,
textarea,
select {
	font-size: 18px;
}

/* Lists Resets */
ul,ol { margin: 0; }
ul {list-style: none inside;}
ol { list-style: decimal inside; margin-left: 1em;}
.disc { list-style-type: disc; padding-left: 1em; text-indent: -1em; }
.circle { list-style-type: circle; }
li {line-height: 1.6; text-align: left;}
ul ul, ol ol { margin: 0.7em 0 0 1.42em; }

/* Clearfixes*/
.clearfix {
	content:" ";
	display:block;
	clear:both;
}
/* Text */
sub, sup {font-size: 60%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
i { font-style: italic; line-height: inherit; }
strong, b { font-weight: bold; line-height: inherit; }
small { font-size: 70%; line-height: inherit; }
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 20px 0 20px; height: 0; }

a {text-decoration: none; color: rgba(6,168,165,1.00)}
a:hover p {opacity: 0.5;}


/* -----------------------------------------------
  Layout
-------------------------------------------------- */

html {
	background-color: #FFFFFF;
  -webkit-overflow-scrolling: touch;
}
body {
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  text-align: left;
  /*background-color: #fff;*/
}
* html,body {height:100%;}
#wrapper {
  width: 100%;
  text-align: center;
  position: relative;
  overflow: none; 
  margin: 0 auto;
}
#wrapper:after {
  content: "";
  display: table;
  height: 0;
  visibility: hidden;
  clear: both;
}

.container{
	padding: 6em 0;
	text-align: center;
}
.container p{
	line-height: 2;
	}
.row p {
	margin-bottom:1em;
	line-height: 2;
	text-align: left;
}
.w800{
	max-width: 800px;
	margin: 0 auto;
}
.w800 p{
	text-align: left
}
img {
	/* width: 100%; */
	max-width: 100%;
	height: auto;
	margin: 0;
}
[class*="col-"] img {
	max-width: 100%;
	height: auto;
}

/* -----------------------------------------------
 Aligns & Formats
-------------------------------------------------- */
.fl {float: left;}
.fr {float: right;}
.center {
	float: none;
	margin: 0 auto;
	display: block;
	text-align: center;
}
.imgleft {
  float: left;
  margin: 5px 20px 20px 0;
}
.imgright {
  float: right;
  margin: 5px 0 20px 20px;
}
.imgcenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-bottom: 20px;
}
.oh {overflow: hidden;}
.hidden {display: none !important;}
.hidden-text {font: 0/0 !important;}
.clear {clear: both; display: block;}

/* -----------------------------------------------
Table
--------------------------------------------------*/ 
/* table{
	width:100%;
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 0px;
	border-top: 1px solid #ccc;
	line-height:1.8em;
}
table th{
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	color: #444;
	font-size:14px;
	background-color: #F2F2F2;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	line-height:1.8em;
}
table td{
	font-size:14px;
	line-height:1.8em;
	padding: 10px 1em;
   border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
	vertical-align: middle;
	background-color: white;
}
.alignC td{
	text-align: center;
}
table td p{
	font-size:14px;
	line-height: 1.8em;
}
table td ul li{
	font-size:14px;
	line-height: 1.8em;
}
table th:last-child, table td:last-child{
	border-right: none;
}
table tr.bg_lg th{
	background-color:rgba(237,245,246,1.00)
}
table tr.bg_lp th{
	background-color:rgba(238,228,242,1.00)
} */

/*レスポンシブ用table_scroll*/
.table-scroll {
  overflow-x: auto;
 margin-top: 0;
  margin-bottom:1em;
 padding-top: 0
}
.table-scroll::-webkit-scrollbar {
  height: 10px;
}
.table-scroll::-webkit-scrollbar-track {
  margin: 0 2px;
  background: #ccc;
}
.table-scroll::-webkit-scrollbar-thumb {
  background: #666;
}
/*tableのセル内にある文字の折り返しを禁止*/
@media screen and (max-width: 768px) {
	.table-scroll table th {white-space: nowrap;}
}
/* -----------------------------------------------
 structure module
-------------------------------------------------- */
.container a {
	color: #4E9A98;
	text-decoration: underline;
}
.container a:hover, a:focus {opacity: 0.7;}
.container a:hover { text-decoration: none;}

.border_box{
	padding: 2em;
	border: 1px solid #CCC;
}
.radius{
	border-radius: 5px;
}
.circle {
  border-radius: 50%;
}
.bg_white{ background-color: #FFF;}
.bg_lgray {background-color: rgba(245,246,248,1.00)}
.bg_beige{ background-color: #F1EFEB;}
.bg_pgray{background-color: #dcdcdc;}
.shadow {
　　-webkit-box-shadow: rgba(31,31,31,.2) 0 2px 2px;
	-webkit-box-shadow: rgba(31,31,31,.2) 0 2px 2px;
	        box-shadow: rgba(31,31,31,.2) 0 2px 2px;
}
/*ロールオーバー透過画像*/
a :hover.lo {
	filter: alpha(opacity=60); 
	opacity:0.6; 
	-moz-opacity:0.6;
}
.t_box {
	padding: 5%;
	text-align: center;
}
/* 背景画像の透過用css */
.bkRGBA{
  height: 100%;
  background: rgba(0,0,0,0.2);
}
.border{border: 1px solid #ddd}
.border2{border: 1px solid #1F8B66}
.border-x{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd}
.border-y{border-left: 1px solid #ddd; border-right: 1px solid #ddd}
.border-top{border-top: 1px solid #ddd}
.border-right{border-right: 1px solid #ddd}
.border-bottom{border-bottom: 1px solid #ddd}
.border-left{border-left: 1px solid #ddd}

/* -----------------------------------------------
list module
-------------------------------------------------- */
ul#inline li{
	padding: 5px;
	float:left;
	display: inline-block;
	width: 25%;
}
/* ul disc */
ul.listDisc {
	margin-bottom: 1em;
}
ul.listDisc li {
	padding-left: 1em; /*1em（1文字）分、右に動かす*/
	text-indent: -1em; /*最初の行だけ1em（1文字）分、左に動かす*/
	list-style-type: disc;
	padding-bottom:0.5em;
}
 .listDisc li .listDecimal li{
	 line-height:1.4;
	 margin-bottom:0
 }
/* ul disc */
ul.list li {
	list-style-type: none;
	margin-bottom: 0.7em;
	padding-left: 3em; /*1em（1文字）分、右に動かす*/
	text-indent: -3em; /*最初の行だけ1em（1文字）分、左に動かす*/
}
/* ol decimal */
ol.listDecimal {
	padding-left:1.5em;
	text-indent:-1.5em;
}
ol.listDecimal li {
	list-style-type:decimal;
	padding: 0 0 10px 0;
	margin: 0;
	line-height: 1.6;
}
ol.listDecimal li ul {
	margin-top: 0.5em
}
ol.listDecimal li ul li {
	list-style: disc;
	padding-left:1.5em;
	text-indent:-1.5em;
}


/* -----------------------------------------------
 text module
-------------------------------------------------- */
h1, h2, h3, h4, h5 {
  font-family: 'Noto Serif JP', serif !important;
  font-weight: 600;
  margin: 0 0 1rem;
  line-height: 1.6;
  letter-spacing: 1px;
  display: block;
  width: 100%;
}
h1 {
  margin-top: 0;
  font-size: 2.25em;
}
h2 {
	position: relative;
	display: inline-block;
	font-size: 1.75em;
	margin-bottom: 2em;
	color: rgba(32,54,102,1.00)
}
h2:before {
  content: '';
  position: absolute;
  bottom: -20px;
  display: inline-block;
  width: 50px;
  height: 1px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
  background-color: rgba(33,54,102,1.00);
  border-radius: 2px;
}
h3 {
	font-size: 1.5em;
	color: rgba(32,54,102,1.00)
}

.text_bold {
	font-weight: bold;
	line-height: normal;
}
.text_small,.text_small a {
	font-size: 12px;
	line-height: 1.6
}
.fs14{font-size: 14px}
.fs16{font-size: 16px}
.fs18{font-size: 18px}
.fs20{font-size: 20px}
.fs24{font-size: 24px}
.fs26{font-size: 26px}
.alignL {text-align:left !important;}
.alignR {text-align:right !important;}
.alignC {text-align:center !important;}
.alignC p {text-align:center !important; margin: 0 auto}
.uLine {padding-bottom: 1em; margin-bottom: 1em;border-bottom: 1px solid #CCC;}
.col_bk {color: #000 !important;}
.col_white {color: #FFF;}
.col_blue {color: #14407D;}
.col_red {color: #C00;}
.marker {background: -o-linear-gradient(transparent 70%, #FFEF51 70%);background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #FFEF51));background: linear-gradient(transparent 70%, #FFEF51 70%);}
.marker_v {background: -o-linear-gradient(transparent 70%, #D3D2E0 70%);background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #D3D2E0));background: linear-gradient(transparent 70%, #D3D2E0 70%);}

/* -----------------------------------------------
 margin style
-------------------------------------------------- */
.mb0{ margin-bottom:0px !important; }
.mb5{ margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }
.mb50{ margin-bottom:50px !important; }
.ma0{ margin:0 !important; }
/* -----------------------------------------------
 margin style
-------------------------------------------------- */
.mt0{ margin-top:0px !important; }
.mt5{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }
.mt50{ margin-top:50px !important; }

/* -----------------------------------------------
 padding style
-------------------------------------------------- */
.pt0{ padding-top:0px !important; }
.pt10{ padding-top:10px !important; }
.pt20{ padding-top:20px !important; }
.pt40{ padding-top:40px !important; }
.pb0{ padding-bottom:0px !important; }
.pr0{ padding-right:0px !important; }
.pr10{ padding-right:10px !important; }
.pa0{ padding:0px !important; }
.pa5{ padding:5px !important; }
.pa15{ padding:15px !important; }
.pa20{ padding:20px !important; }
.pa30{ padding:30px !important; }
.px0{ padding-left: 0; padding-right:0 !important; }
.py0{ padding-top: 0; padding-bottom:0 !important; }
.py20{ padding-top: 20px; padding-bottom:20px !important; }
.px20{ padding-left: 20px; padding-right:20px !important; }


/* -----------------------------------------------
 Button
-------------------------------------------------- */
.button {
	text-decoration: none;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
.button a {
	display: inline-block;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	padding:1em 2em;
	margin: 10px 0;
	border-radius: 5px;
	font-size: 22px;
	font-weight: bold;
	background: rgba(241,151,12,1.00);
}
.button a:hover {
	opacity: .8;
	color: white
}
.button2{
	text-decoration: none;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
.button2 a {
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	padding:1em;
	margin: 10px 0;
	border-radius: 5px;
	font-size: 22px;
	font-weight: bold;
	background: rgba(116,178,49,1.00);
}
.button2 a:hover {
	opacity: .8;
	color: white
}
/* .button3{
	text-decoration: none;
	margin: 0 auto;
	z-index: 2;
}
.button3 a,.button3 input {
	position: relative;
	display: inline-block;
	color: white;
	text-decoration: none;
	padding:0.3em 2.5em;
	margin: 10px 0;
	border-radius: 50px;
	font-size: 22px;
	font-weight: bold;
	background: rgba(118,118,118,1.00)
}
.button3 a::before{
  position: absolute;
  top:15px;
  right: 12px;
  font-size: 15px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f054';
  color: white;
}
.button3 a:hover{
	color: white;
	opacity: 1;
	background: rgba(118,118,118,.6);
} */

/* ▼▼▼ 詳しくはこちらボタン ▼▼▼ */
.button3 a,.button3 input{
	margin: 10px 0;
	position: relative;
	font-size: 22px;
	display: inline-block;
	text-decoration: none;
	font-weight: bold;
	padding:0.3em 2.5em;
	background-color: #eaeef1;
	background-image: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.1));
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1)));
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.1));
	border-radius: 50px;
	color: rgba(0,0,0,.6);
	text-shadow: 0 1px 1px rgba(255,255,255,.7);
	-webkit-box-shadow: 0 0 0 1px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.2), inset 0 1px 2px rgba(255,255,255,.7);
	        box-shadow: 0 0 0 1px rgba(0,0,0,.2), 0 1px 2px rgba(0,0,0,.2), inset 0 1px 2px rgba(255,255,255,.7);
  }
.button3 a::before {
	position: absolute;
	top:15px;
	right: 12px;
	font-size: 15px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f054';
	color: rgba(0,0,0,.6);
}


  .button3 a:hover, .button3 a.hover {
	opacity: 0.7;
  }
  
  .button3 a:active {
	background-color: #d0d3d6;
	background-image: -o-linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0));
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.1)), to(rgba(0,0,0,0)));
	background-image: linear-gradient(rgba(0,0,0,.1), rgba(0,0,0,0));
	-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,.2), inset 0 2px 5px rgba(0,0,0,.2), 0 1px rgba(255,255,255,.2);
	        box-shadow: inset 0 0 2px rgba(0,0,0,.2), inset 0 2px 5px rgba(0,0,0,.2), 0 1px rgba(255,255,255,.2);
  }
/* ▲▲▲ 詳しくはこちらボタン ▲▲▲ */

/* ▼▼▼記事を読むボタン▼▼▼ */
.button3.voice a{
	padding: 0 1em;
	font-size: 18px;
}
.button3.voice a::before{
	position: absolute;
	top: 6px;
	right: 6px;
}
/* ▲▲▲記事を読むボタン▲▲▲ */

/* ▼▼▼案件検索ボタン▼▼▼ */
.search-results .button3,.anken_list .button3,.search-no-results .button3{
	position: relative;
	display: inline-block;
	margin-top: 50px;
}
.search-results .button3 input,.anken_list .button3 input{
	margin: 0;
}
.search-results .button3::before,.anken_list .button3::before,.search-no-results .button3::before{
	position: absolute;
	top: 11px;
	right: 12px;
	font-size: 15px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f054';
	color: rgba(0,0,0,.6);
	z-index: 1;
  }
  .search-no-results .button3::before{
	top: 20px;
  }
.button3 input:hover {
	  color: rgba(0,0,0,.6);
	  opacity: 0.7;
	  /* background: rgba(118,118,118,.6); */
  }
.button3 input[type="submit"]{
	border: 0;
}
.button3 .icon_search{
	background-image: url("../images/icon_search.svg");
	background-size: 18px;
	background-repeat: no-repeat;
	background-position: 20px;
	/* padding: 0.5em 3em 0.5em 5em; */
	margin-bottom: 0
}
@media (max-width: 576px) {
	.button3 input{
		font-size: 16px;
		padding: 1em 2em;
	}
	.search-results .button3::before,.anken_list .button3::before{
		top: 15px;
	}
	.search-no-results .button3::before{
		top: 25px;
	}
	.button3 .icon_search{
		background-position: 12px;
	}
	.button3 .icon_search{
		background-size: 15px;
	}
}
/* ▲▲▲案件検索ボタン▲▲▲ */


/* ▼▼▼会員登録フォームへのボタン▼▼▼ */
.editor .button4 a{
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	padding: 1em 2em;
	margin: 10px 0;
	border-radius: 5px;
	font-size: 22px;
	font-weight: bold;
	background: #74b231;
}
.editor .button4 a:hover {
	opacity: .8;
	color: white
}
/* ▲▲▲会員登録フォームへのボタン▲▲▲ */

/* ▼▼▼不活性化会員登録フォームへのボタン▼▼▼ */
.editor p.btn_off{
	display: inline-block;
	color: #888;
	text-decoration: none;
	padding: 1em 2em;
	margin: 10px 0;
	border-radius: 5px;
	font-size: 22px;
	font-weight: bold;
	background: #ddd;
}
.editor p.btn_off:last-child {
    margin-bottom: 10px;
}
/* ▲▲▲不活性化会員登録フォームへのボタン▲▲▲ */

.w80{width: 80% !important}

/* -----------------------------------------------
 index
-------------------------------------------------- */

/*---cover---*/
#cover{
	position:relative;
	width:100%;
}
.center-item img{
	width: 100%;
	height: 93vh;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: 'object-fit: cover;';
  }
#cover .cover_ttl{
	width: 80%;
	position: absolute;
	top:15%;
	left:0;
	right: 0;
	margin: 0 auto;
	z-index: 2
}
#cover .cover_ttl h1{
	font-size: 4.5vw;
	line-height: 1.4;
	font-family: 'Noto Serif JP', serif !important;
	font-weight: 600;
	text-align: left;
	text-shadow: 1px 1px 2px white, 0 0 1em white, 0 0 0.2em white;
}
#cover .cover_ttl p{
	font-size: 22px;
	font-weight: bold;
	line-height: 2;
	margin-bottom: 2em;
	text-align: left;
	text-shadow: 1px 1px 2px white, 0 0 1em white, 0 0 0.2em white;
}
#cover .cover_ttl .button{
	text-shadow: none;
	line-height: 1.4
}
.center-item .akita_map{
	position: absolute;
	bottom: 0;
	right: 5%;
	z-index: 1
}
.center-item .akita_map img{
	  min-width: 100%;
	  width: auto;
	  height: 65vh;
}
.cover_detail{
	position: absolute;
	top:42%;
	left:15%;
	z-index: 100
}
.matching{
	margin: 2em 0
}

/** --- NEWS --- **/

#news{
	width: 90%;
}
#news li{
	list-style-type: none;
	overflow: hidden;
	border-bottom: 1px dotted #CCC;
	color:#333;
	line-height: 2;
	padding: 1em 0.5em
}
#news li span a{
	margin: 0 1em;
	padding: 2px 20px 3px;
	display: inline-block;
	font-size: 70%;
	font-weight: bold;
	color: white;
	text-decoration: none;
}
#news li span a:hover{
	opacity: 0.7;
	color: white;
}
#news li a{
	display: block;
    margin-top: 0.5rem;
	text-decoration: none;
	color: #333;
}
#news li a:hover{
	text-decoration: none;
	color: #949494;
}
.seminar p{
	text-align: center
}
.cat_news{background-color: rgba(188,149,130,1.00)}
.cat_seminar{background-color: rgba(126,115,172,1.00)}
.cat_joto{background-color: rgba(0,99,181,1.00)}
.cat_joujyu{background-color: rgba(0,180,184,1.00)}

.border_bl{
  border-top: 4px solid #37A2BC;
  -o-border-image: -o-linear-gradient(left, #4DBCC1 0%, #0164AE 100%);
     border-image: -webkit-gradient(linear, left top, right top, from(#4DBCC1), to(#0164AE));
     border-image: linear-gradient(to right, #4DBCC1 0%, #0164AE 100%);
  border-image-slice: 1;
}
.border_bl .col-lg-6{
	min-height: 300px
}
.top_tbox{padding: 10%}
.top_img01, .top_img02, .top_img03, .top_img05{
	background-size: cover;
	background-position: center
}
.top_img01{background-image: url("../images/topimg01.jpg");}
.top_img02{background-image: url("../images/topimg02.jpg"); background-position: right 35% top;}
.top_img03{background-image: url("../images/topimg03.jpg");}
.top_img05{background-image: url("../images/topimg05.jpg");}

p.catch{
	position: relative;
	display: block;
	border: 4px solid #0361AE;
	border-radius: 5px;
	color: #0361AE;
	padding: 20px 20px 20px 90px;
	text-align: left;
	font-size: 26px;
	line-height: 1.4;
	font-weight: bold;
}
p.catch::before{
	content: "";
	position: absolute;
	width: 80px;
	height: 80px;
	top:-20px;
	left:-20px;
	background-image: url("../images/icon_speak.svg");
	background-size: 80px;
	background-repeat: no-repeat;
}

/*サービスの特徴*/
#point .col-md-4{
	position: relative;
	background-color: #0361AE;
	border: 10px solid #F5F6F8;
	padding: 3%;
	border-radius: 20px;
	margin-bottom: 1em
}
#point .col-md-4 .number{
	position: absolute;
	top:-30px;
	left:0;
	right: 0;
	margin: 0 auto
}
#point .col-md-4 img.number {
	width: 60px
}
#point p{
	font-weight: 600;
	margin-bottom: 1em;
	text-align: center;
	color: white;
	font-size: 24px;
	line-height: 1.4
}
#point p img{
	width: 160px;
	margin: 1em
}
/*メリット・デメリット*/
#top_merit{
	position: relative;
	/*background-image: url("../images/topimg04.jpg");
	background-size: cover;
	background-position: center;
	z-index: -1*/
}
#top_merit .w_box{
	background-color: white;
	border-radius: 0px 0px 5px 5px;
	padding: 10%
}
#top_merit .w_box ul{
	margin-bottom: 1.5em
}
#top_merit .w_box ul li{
	background-image: url("../images/check01.svg");
	background-repeat: no-repeat;
	background-position: 5px 3px;
	background-size: 18px;
	list-style-type: none;
	margin-bottom: 1em;
	padding-left: 2.5em; /*1em（1文字）分、右に動かす*/
}
#top_merit .syokei .w_box ul li{
	background-image: url("../images/check02.svg");
}
#top_merit .sinki h3, #top_merit .syokei h3{
	background-color: rgba(241,151,11,1.00);
	color: white;
	margin-bottom: 0;
	border-radius: 5px 5px 0px 0px;
	padding: 1em
}
#top_merit .syokei h3{
	background-color: rgba(115,176,50,1.00);
}
#top_merit .merit{
	background-color: rgba(10,106,178,1.00);
	border-radius: 50px;
	padding: 10px;
	font-family: 'Noto Sans JP' !important;
	color: white;
	font-size: 26px
}
#top_merit .demerit{
	background-color: rgba(80,80,80,1.00);
	border-radius: 50px;
	padding: 10px;
	font-family: 'Noto Sans JP' !important;
	color: white;
	font-size: 26px
}
/*譲渡案件一覧*/
.box_jouto{
	position: relative;
	background-color: white;
	padding: 6em 2em 2em 2em;
	-webkit-box-shadow: rgba(31,31,31,.2) 0 2px 2px;
	box-shadow: rgba(31,31,31,.2) 0 2px 2px;
	margin-bottom: 3em
}
.box_jouto h3{
	position: absolute;
	width: 80%;
	top:-1em;
	padding: 0.7em 0 1em 0;
	background-color: rgba(1,96,171,1.00);
	color: white;
	border-radius: 5px;
}
.box_jouto h3 span{
	position: absolute;
	display: block;
	width: 60%;
	font-size: 16px;
	bottom:-1em;
	left:0;
	right: 0;
	margin: 0 auto;
	color: white;
	border-radius: 50px;
	padding: 0.2em;
	font-family: 'Noto Sans JP' !important;
	font-weight: 600
}
.box_jouto h3 span.koshochu{background-color: rgba(252,165,30,1.00);}
.box_jouto h3 span.uketsukechu{background-color: rgba(137,195,62,1.00);}
.box_jouto h3 span.seiyakuzumi{background-color: rgba(124,124,124,1.00);}
.box_jouto .no_area{
	border-top:1px solid #C3C3C3;
	border-bottom:1px solid #C3C3C3;
	padding: 0.3em 0 0.6em 0;
	font-weight: 600;
	font-size: 20px;
	line-height: 1.6;
	color: rgba(1,95,170,1.00)
}
.box_jouto .no_area span{
	font-size: 13px;
	color: rgba(44,44,45,1.00)
}
.box_jouto dl{
  width: 100%;
}
.box_jouto dl dt{
  width: 5em;
  float: left;
  margin:0 20px 5px 0;
  background-color: rgba(229,239,247,1.00);
}
.box_jouto dl dd{
  margin-left: 5em;
  margin-bottom: 5px;
  text-align: left;
}
.top_bn img{
	width: 80%;
}

/* -----------------------------------------------
 contents common
-------------------------------------------------- */

/*cover2*/
#cover2{
	background-image: url("../images/common_cover.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
	position: relative;
	width: 100%;
	height: 300px;
	z-index:2;
}
#cover2 h1{
	position: absolute;
	color:#fff;
	top:42%
}

/* -----------------------------------------------
 list
-------------------------------------------------- */

dl.list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	width: 100%;
}
dl.list dt{
	width: 9em;
	padding: 0.7em;
	margin-bottom: 0;
	border-top: 1px solid #ccc;
	background-color: rgba(233,230,226,0.5);
}
dl.list dt:last-of-type{
	border-bottom: 1px solid #ccc;
}
dl.list dd{
	width: calc(100% - 9em);
	padding: 0.7em;
	margin-bottom: 0;
	border-top: 1px solid #ccc;
	text-align: left
}
dl.list dd:last-of-type{
	border-bottom: 1px solid #ccc;
}
dl.list dd input[type="checkbox"]{
	padding-left: 0.5em;
	margin-bottom: 0.5em;
}
@media screen and (max-width: 575px) {
dl.list dt{
	width: 100%;
	text-align: left;
	border-top: none;
  }
dl.list dd{
	width: 100%;
	padding-top: 0.5rem;
	border-top: none;
  }
}
/* -----------------------------------------------
 list-backup
-------------------------------------------------- */

/* dl.list {
  width: 100%;
  overflow: hidden;
  border-top: none;
  border-bottom: 1px solid #ccc;
  background-color: rgba(233,230,226,0.5);
  line-height: 1.4;
  margin-bottom: 1em
}
dl.list dt{
  width: 9em;
  float: left;
  padding: 0.7em;
  margin-bottom: 0;
  border-top: 1px solid #ccc;
  box-sizing: border-box;
}
dl.list dd{
  margin-left: 9em;
  padding: 0.7em;
  margin-bottom: 0;
  border-top: 1px solid #ccc;
  background: #fff;
  text-align: left
}
dl.list dd input[type="checkbox"]{
  padding-left: 0.5em;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 575px) {
dl.list dt{
	width: 100%;
	float: none;
	text-align: left;
  }
dl.list dd{
	padding-top: 0.5rem;
	margin-left: auto;
	border-left: none;
  }
} */

/* -----------------------------------------------
pager
-------------------------------------------------- */
.post-single-page .pager-prev a,
.post-single-page .pager-next a,
.post-single-page .pager-all a { 
	margin: 0 auto;
	border-radius: 10px;
	border: 1.1178px solid #0063b1;
	display: block;
	padding-top: 1rem;
	padding-bottom: 1rem;
	color: #222;
	text-decoration: none;
	position: relative;
}
.post-single-page .pager-all a{
	color: #fff;
	background-color: #0063b1;
}
.post-single-page .pager-prev a:before,
.post-single-page .pager-next a:before {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	color: #222;
	width: 12px;
	height: 12px;
}
.post-single-page .pager-prev a {
	padding-left: 2.5rem;
	padding-right: 1.25rem;
}
.post-single-page .pager-next a {
	padding-right: 2.5rem;
	padding-left: 1.25rem;
}
/*左向き, 右向きの矢印*/
.post-single-page .pager-prev a,
.post-single-page .pager-next a {
	position: relative;
}
.post-single-page .pager-prev a:before,
.post-single-page .pager-next a:before {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	content: "";
	width: 13px;
	height: 13px;
	border-top: 2px solid #0063b1;
	border-right: 2px solid #0063b1;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
/*左向きの矢印*/
.post-single-page .pager-prev a:before {
	left: 1rem;
	right: auto;
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
/*右向きの矢印*/
.post-single-page .pager-next a:before {
	right: 1rem;
	left: auto;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.post-single-page .pager-prev a:hover,
.post-single-page .pager-prev a:active, 
.post-single-page .pager-next a:hover,
.post-single-page .pager-next a:active{ 
	color: #aaa;
	border-color: #eee;
	/* background-color: #ccddff; */
}
.post-single-page .pager-all a:hover,
.post-single-page .pager-all a:active{
	opacity: 0.7;
}
	/* ==================================================
		pager > PCのみ
	================================================== */
	@media (min-width:721px) {
		.post-single-page .pager { 
			margin-top: 2rem;
			display: -webkit-box;
			display: -ms-flexbox;
			display: flex;
			-webkit-box-pack: justify;
				-ms-flex-pack: justify;
					justify-content: space-between;
		}
		.post-single-page .pager-all{
			margin-top: 2rem;
		}
		.post-single-page .pager-prev,
		.post-single-page .pager-next {
			width: calc(50% - 1rem);
		}
}

	/* ==================================================
		pager > sCのみ
	================================================== */
	 @media (max-width:720px) {
		 .post-single-page .pager { 
			 margin-top: 1.5rem
		 }
		 .post-single-page .pager-all{
			margin-top: 1.5rem;
		}
		 .post-single-page .pager-prev+.pager-next {
			margin-top: 1rem;
		}
	}
/* ==================================================
	TELタップ 
================================================== */
.tab{
	display: none;
}
@media only screen and (max-width: 768px) {
	.tab{
		display: block;
	}
}
#footer a[href^="tel:"] {
    pointer-events: none;
    text-decoration: none;
	color: inherit;
}
/* タップ電話 */
@media only screen and (max-width: 576px) {
    #footer a[href^="tel:"] {
    pointer-events: auto;
    cursor: pointer;
    text-decoration: underline;
	font-size: 1.3rem;
}
}
/* ==================================================
	プライバシーポリシー、サイトマップ
================================================== */
/* pdfアイコン非表示 */
#footer .info_area a[href$=".pdf"]:before{
	content: none;
}
/* ファイルサイズ非表示 */
.info_area .fileInfo{
	display: none;
}
/* ==================================================
	コピーライト
================================================== */
#footer .copyright.container{
	padding: 1em 0 2.5em;
}
#footer .copyright.container p{
	font-size: 12px;
}
@media (max-width: 576px){
	#footer .copyright.container p{
		text-align: left;
		font-size: 10px;
	}
	#footer .info_area a{
		font-size: 16px;
	}
}



/* ==================================================
	20220217公開非公開改修css
================================================== */

/* ================================================== トップボタン ==================================================*/
.jototoroku_box{
	text-align: left;
	width: 380px;
	border: 4px solid #0361AE;
	position: relative;
	font-size: 1.6rem;
	background-color: #fff;
}
.jototoroku_box:hover{
	opacity: .7;
}
.jototoroku_box a:hover{
	opacity: inherit;
}
#cover .cover_ttl .jototoroku_box::before{
	content: "";
	position: absolute;
	width: 80px;
	height: 80px;
	top: -20px;
	left: -20px;
	background-image: url(../images/anken/icon-hand-holding-medical.svg);
	background-size: 80px;
	background-repeat: no-repeat;
}
#cover .cover_ttl .jototoroku_box::after{
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	font-size: 1.5rem;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f054';
	color: #0361AE;
}
#cover .cover_ttl .jototoroku_box:hover::after{
	right: 10px;
}
.jototoroku_box a{
	color: #333;
	display: block;
	position: relative;
	padding: 15px 30px;
}
#cover .cover_ttl .jototoroku_box p{
	margin-bottom: 0;
	letter-spacing: 1.5px;
	line-height: 1.5;
	font-weight: bold;
}
#cover .cover_ttl .jototoroku_box p:nth-of-type(1){
	font-size: 1.5rem;
}
#cover .cover_ttl .jototoroku_box p:nth-of-type(2){
	font-size: 1.25rem;
}
.jototoroku_box span{
	font-size: 2rem;
	color: #0361AE;
}
@media screen and (max-width:1040px){
	.jototoroku_box{
		width: 70%;
	}
}
@media screen and (max-width:768px){
	.jototoroku_box{
		width: 100%;
	}
}
@media screen and (max-width:576px){
	#cover .cover_ttl .jototoroku_box::before{
		width: 60px;
		height: 60px;
		background-size: 60px;
	}
	#cover .cover_ttl .jototoroku_box p:nth-of-type(1){
		font-size: 1.3rem;
	}
	#cover .cover_ttl .jototoroku_box p:nth-of-type(2){
		font-size: 1rem;
	}
	#cover .cover_ttl .jototoroku_box span{
		font-size: 2rem;
	}
}
/* ================================================== トップボタン ==================================================*/



/* ================================================== チェックボックススタイル（案件検索） ==================================================*/
.checkbox_area h3{
	position: relative;
	padding: 0 55px;
	width: inherit;
}
.checkbox_area h3:before, .checkbox_area h3:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: calc(50% - 4rem);
	height: 1px;
	background-color: black;
}
.checkbox_area h3:before{
	left: 0;
}
.checkbox_area h3:after{
	right: 0;
}
.checkbox_area p{
	font-size: 0.7rem;
	color: #adadad;
}
.checkbox_area img:nth-of-type(1){
	width: 20px;
	height: auto;
	margin-bottom: -50px;
}
.checkbox_area img:nth-of-type(2){
	width: 20px;
	height: auto;
	margin-bottom: -50px;
}
.checkbox_area img:nth-of-type(3){
	width: 25px;
	height: auto;
	margin-bottom: -50px;
}
.checkbox_area img:nth-of-type(4){
	width: 30px;
	height: auto;
	margin-bottom: -50px;
}
/* ================================================== チェックボックススタイル（案件検索） ==================================================*/



/* ================================================== 譲渡案件ページ（トップの件数スタイル） ==================================================*/
.top_kensu{
	border: 4px solid #0361AE;
	margin-bottom: 2rem;
	position: relative;
	padding: 1rem 2rem 1rem 4.1rem;
}
.top_kensu::before{
	content: "";
	position: absolute;
	width: 100px;
	height: 100px;
	top: -20px;
	left: -20px;
	background-image: url(../images/anken/icon-hand-holding-medical.svg);
	background-size: 100px;
	background-repeat: no-repeat;
}
.torokukensu{
	font-size: 1.3rem;
	font-weight: bold;
	letter-spacing: 1.5px;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid #ccc;
}
.private-contact{
	padding-top: 1.5rem;
}
.torokukensu .torokukensu_num{
	font-size: 2rem;
	color: #0361AE;
}
.release-private{
	font-size: 1.3rem;
}
@media screen and (max-width: 768px){
	.top_kensu{
		padding: 1rem 1.5rem;
	}
}
@media screen and (max-width: 576px){
	.torokukensu{
		font-size: 1.5rem;
	}
	.release-private{
		font-size: 1rem;
	}
	.top_kensu .button a{
		font-size: 1rem;
	}
	.top_kensu::before{
		width: 60px;
		height: 60px;
		background-size: 60px;
	}
	.top_kensu{
		padding: 1rem;
	}
}
.tb_br{
	display: none;
}
@media screen and (max-width: 1000px){
	.tb_br{
		display: block;
	}
}
/* ================================================== 譲渡案件ページ（トップの件数スタイル） ==================================================*/



/* ================================================== 譲渡案件ページ（地図、エリアスタイル） ==================================================*/
.area_box{
	border: 3px solid #0361AE;
	margin: 1.5rem 0;
	position: relative;
	border-radius: 5px;
}
.area_box::before{
	content: "";
	width: 40px;
	height: 40px;
	position: absolute;
	top: -25px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	background-image: url(../images/anken/icon-map-marker-alt.svg);
	background-size: 40px;
	background-repeat: no-repeat;
}
.area_box:hover:before{
	top: -20px;
}
.area_box span{
	font-size: 0.7rem;
	color: #adadad;
	margin-bottom: 0;
}
.area_box a{
	display: block;
	padding: 1.5rem 1rem 1rem;
}
@media screen and (max-width: 576px){
	.area_box a{
		padding: 1.5rem 0rem 1rem;
	}

}
/* ================================================== 譲渡案件ページ（地図、エリアスタイル） ==================================================*/