@charset "utf-8";

/*============================================
  
  shataku CSS
  
  ============================================ */

/* 17pxに変更・調整 の上書き用
---------------------------------------------------------- */
body {
  font-size: 17px;
}

#wrap {
    margin: 0 auto;
    padding: 0;
    width: 1000px;
    text-align: left;
}

#wrap > #contents {
	width:950px;
	margin:0 auto 20px;
	}
	
#wrap > #contents * {
	box-sizing: content-box;
	overflow: hidden;
}

#wrap > #contents > h1 {
	margin: 0px 5px 15px 5px;
 padding: 11px 0 8px 5px;
 font-size: 1.2rem;
 font-weight: normal;
	border-bottom:1px solid #c8e6fd;
	}
#wrap > #contents > h1.none_bd {
	margin: 0 0 15px 0;
 padding: 9px 0 8px;
 font-size: 1rem;
 font-weight: normal;
	border-bottom:none;
	}

#wrap > #contents > h1 + img {
	display:block;
	overflow:hidden;
	margin-bottom:15px;
	}

div#wrap > #contents > p,
div#wrap > #contents > section p {
	width: 45em;
	line-height:1.6;
	margin:auto;
 font-size: 16px;
	}

#wrap > #contents > h1.none_bd + p {
	width: 42.4em;
	line-height:1.6;
	margin:auto;
 font-size: 17px;
 letter-spacing:-0.01em;
 text-align:justify;
}
#wrap > #contents > h1.none_bd + p + section > h2{
 border-bottom:2px solid #1e8ebf;
 border-top:2px solid #1e8ebf;
 font-size: 25px;
 line-height:1.3em;
 padding:8px 0;
 margin:35px auto 20px;
 text-align:center;
 width:900px;
}


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

div#wrap > section h2 {
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
}

div#wrap > section ul, div#wrap > section ol, div#wrap > section li { list-style: none; }

div#wrap a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}

div#wrap > #contents > p.mini {
	 font-size: .95rem; 
	 padding:1rem 0 1rem 1rem;
	 text-indent:-1rem;
  line-height: 1.4;
}

section.box_nayami {
	height: 530px;
	position: relative;
	-webkit-box-shadow: 1px 2px 4px rgba(50,50,50,.5);
	-moz-box-shadow: 1px 2px 4px rgba(50,50,50,.5);
	box-shadow: 1px 2px 4px rgba(50,50,50,.5);
	background: #f6f6f6;
	margin: 30px 53px 0 53px;
	border: 1px solid #fff;
 filter: progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, direction=135, strength=3, enabled=true);
}

section.box_nayami:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border: 1px solid #ddd;
}

section.box_nayami h2 { margin: 20px 105px 0 105px; }

section.box_nayami ul.nayami_li {
	overflow: hidden;
	width: 760px;
	margin: 20px 50px;
}

section.box_nayami ul.nayami_li li {
	float: left;
	margin: 15px;
}

#arrow {
	text-align: center;
	margin: 30px;
	clear: both;
}

section.box_shikumi {
	border: #e082aa solid 2px;
	margin: 10px 51px 0 53px;
	padding-bottom: 20px;
}

section.box_shikumi .nagare { margin: 20px 30px 15px 30px; }

section.box_shikumi #text { overflow: hidden; }

section.box_shikumi #text p.tx_01, section.box_shikumi #text p.tx_02, section.box_shikumi #text p.tx_03 {
	float: left;
	width: 50px;
	width: 220px !important;
}

section.box_shikumi #text p.tx_01 { margin-left: 30px !important; }

section.box_shikumi #text p.tx_02 { margin-left: 56px !important; }

section.box_shikumi #text p.tx_03 { margin-left: 61px !important; }

section.box_merit {
	border: #34b05b solid 2px;
	margin: 50px 51px 0 53px;
	height: 500px;
	background: url(../image/merit_bc.png) no-repeat right ;
}

section.box_merit ol { margin: 30px; }

section.box_merit ol li { margin: 0 0 25px 40px;}

section.box_merit ol li img { width: auto;
 							  max-height: 28px;
							}


section.box_form {
	clear: both;
	overflow: hidden;
	margin: 30px 51px 50px 90px;
}

section.box_form img { float: left; }

section.box_form .form_img { margin: 5px 0 0 30px; }

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

section.box_merit2 {
	border: #3fa2d4 solid 2px;
	margin: 50px 51px 0 53px;
	height: 520px;
	padding-bottom: 5px;
	background: url(../image/merit2_bg1x.jpg) no-repeat 85% 40px;
}
@media (-webkit-min-device-pixel-ratio: 1.5),
       (min--moz-device-pixel-ratio: 1.5),
       (-o-min-device-pixel-ratio: 2/1) {
section.box_merit2 {
	background: url(../image/merit2_bg2x.jpg) no-repeat 85% 40px;
	background-size:300px auto;
}
}
section.box_merit2 ol { margin: 20px 50px; }

section.box_merit2 ol li { margin-bottom: 20px; }

section.box_shikumi2 {
	border: #418250 solid 2px;
	margin: 10px 51px 0 53px;
	padding-bottom: 20px;
}

section.box_shikumi2 .nagare { margin: 20px 30px 15px 30px; }

section.box_shikumi2 #text { overflow: hidden; }

section.box_shikumi2 #text p.tx2_01, section.box_shikumi2 #text p.tx2_02, section.box_shikumi2 #text p.tx2_03 {
	float: left;
	width: 50px;
	width: 200px !important;
}

section.box_shikumi2 #text p.tx2_01 { margin-left: 30px !important; }

section.box_shikumi2 #text p.tx2_02 { margin-left: 90px !important; }

section.box_shikumi2 #text p.tx2_03 { margin-left: 100px !important; }

div#jigyo_top_title { 
display:flex;
margin: 15px auto 20px; 
position:relative;
}

div#jigyo_top_title #tenpo_bridge_img {
	position:absolute;
	top:2rem;
	right:0;
}


div#bridge_img_box {
 display:-webkit-flex;
 display:flex;
	width: 850px;
	margin: 20px auto 1px;
}
div#bridge_img_box > h3 {
 order:0;
 margin:50px 4px 0;
}
div#bridge_img_box > .corporate {
 order:-1; 
}
div#bridge_img_box > .landowner {
 order:1; 
}

div#shikumi_img_box {
	width: 850px;
	margin: 0 auto;
}

dl.bridge_text_box {
	height: 260px !important;
 letter-spacing:0.05em;
}

dl.bridge_text_box dt {
	background-color: #09C;
	display: block;
	font-size: 17px;
	color: #FFF;
	text-align: center;
	line-height: 36px;
	height: 36px;
	-moz-border-radius: 6px 6px 0 0;    /* Firefox */
	-webkit-border-radius: 6px 6px 0 0; /* Safari,Chrome */
	border-radius: 6px 6px 0 0;         /* CSS3 */
}

dl.bridge_text_box dd { 
  padding: 9px 14px;
  font-size: 17px;
  text-align: justify;
  letter-spacing:-0.01em;
  line-height:1.5;
}

#bridge_gaiyou {
 position: relative;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
	background: #c7ebf7;
	height: auto;
	margin: 60px auto 30px;
	padding: 30px 30px 40px;
	text-align: center;
	width:850px;
}
#bridge_gaiyou::after {
  position: absolute;
  top: -70px;
  left: calc(50% - 40px);
  content: '';
  width: 0;
  height: 0;
  border: 40px solid transparent;
  border-top: 35px solid #c7ebf7;
  transform: rotateX(180deg);
}


#bridge_gaiyou h3,
#bridge_gaiyou h3 span {
  background: #fff;
  border-bottom: 3px solid #3C9468;
  color: #3C9468;
  font-family: "source-han-sans-japanese", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 25px;
  line-height: 1;
  padding: 9px 0 10px;
  transform: scaleY(1.2);
  margin: 0 auto;
  width: 800px;
}

#bridge_gaiyou h3 span {
  letter-spacing: -2px;
}

#bridge_gaiyou > ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 auto;
  width: 800px;
}

#bridge_gaiyou p {
	width: auto !important;
	margin-bottom: 0 !important;
 text-align: left;
}

#bridge_gaiyou > p {
 margin: 1em auto 1.5em !important;
	width: 43em !important;
}

#arrow_left {
	text-align: center;
	margin: 30px 30px 10px 160px;
	clear: both;
	float: left;
}

#arrow_right {
	text-align: center;
	margin: 30px 160px 10px 30px;
	float: right;
}

a .bridge_btn {
	width: 380px;
 -moz-box-sizing:border-box;
 box-sizing:border-box;
 background:url(../image/img_arrow.png) #fff 100% 100% no-repeat;
 background-size: 35px 35px;
	border: 1px solid #81b69d;
	color: #000;
}

a:hover .bridge_btn {
	border: 1px solid #f09;
	background: #ffe5f5;
	color: #000;
}

.bridge_btn > img {
	display: block;
	clear: both;
	padding: 14px 12px 10px;
	margin: 0 auto;
	background: transparent !important;
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
	-ms-filter: "alpha( opacity=100 )" !important;
}

.bridge_btn h2,
.bridge_btn h4  {
 font-size:16px;
 font-weight:600;
	padding: 0 0 3px 15px;
	background: url(/common5/image/mrk_arrow_pink01.gif) no-repeat 0 4px;
 text-align:left;
}

.bridge_btn div {
	padding: 3px 15px 12px 13px;
	overflow: hidden;
}

.bridge_btn div > img {
	display: block;
	float: left;
	clear: both;
	padding: 4px 9px 0 0;
	background: transparent !important;
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
	-ms-filter: "alpha( opacity=100 )" !important;
}

.bridge_btn div > p {
	word-break: break-all;
	word-wrap: break-word;
	width: auto !important;
	margin: auto !important;
 font-size: 16px !important;
 letter-spacing:-0.025em;
}

#hojin-chukai {
  background-color:#fffff5;
  border: 1px solid #e68aa9;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding:30px 22px 30px 20px;
  margin:0 auto;
  width:870px;
}
#hojin-chukai > div {
  width: 525px;
  order:2;
}
div#wrap > section #hojin-chukai h2 {
  font-size:22px;
  line-height:1.3;
  border-bottom: 2px solid #dc5783;
  padding:0 0 4px 4px;
  margin-bottom:10px;
}
#hojin-chukai p {
	width: auto !important;
	margin-bottom: 0 !important;
 text-align: justify; 
 font-size:17px !important;
}

#hojin-chukai p.btn_hojin-chukai {
  text-align:right;
}
#hojin-chukai p.btn_hojin-chukai a{
  display:inline-block;
  margin-top:10px;
}

.hidden { overflow: hidden; }

section.box_nayami_syutten {
	width:790px;
	height: 485px;
	margin: 30px auto 0 auto;
	padding:25px 0 0;
	position: relative;
	background:#217dac;
	-moz-border-radius: 16px;    /* Firefox */
	-webkit-border-radius: 16px; /* Safari,Chrome */
	border-radius: 16px;         /* CSS3 */
	behavior: url("/css/PIE.htc");
}
section.box_nayami_syutten h2 { width:504px; margin: 0 auto 10px !important; }

section.box_nayami_syutten ul.nayami_li {
	overflow: hidden;
	width: 754px;
	margin: 0 auto;
}

section.box_nayami_syutten ul.nayami_li li {
	float: left;
	padding: 15px;
}

.tx2_03{
	letter-spacing: -1.6px;
}

/*リード文*/
.leadbox img{
	float:left;
	padding:40px 0 0 20px;
}

.p-box{
	
	width:620px;
	padding:0 0 0 35px;
	font-size:17px;
	line-height:1.5;
}

.mini{
	margin:15px 0 0 0;
	font-size:15px;
	padding-left:1em;
	text-indent:-1em;
	
}