@charset "utf-8";
/* CSS Document */

/*=================================
		Common
===================================*/

#header div p.sitetitle {
	display: table-cell;
	height: 70px;
	vertical-align: middle;
	padding: 0;
	table-layout: inherit;
	width: inherit;
}


#header div p.sitetitle {
	text-align: left;
}

#header div p.sitetitle a img:hover {
	opacity: 0.6;
}



#menuBox {
	border-bottom: 1px solid #e1e1e1;
}

#menuBox li.active_page a {
	border-bottom: 2px solid #0bba9b;
}


#contants {
	padding: 97px 0 116px 0;
	color: #333333;
	font-size: 15px;
	line-height: 1.7;
}

#contants-group {
	padding: 0 0 50px 0;
	color: #333333;
	font-size: 15px;
	line-height: 1.7;
}

#contants p,
#contants-group p {
	margin: 0 0 37px 0;
}


h1 {
	position: relative;
}

h1 img {
	width: 100%;
}

h1 p {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	/*margin: -31px 0 0;*/
	width: 100%;
}

h1.black p {
	color: #333;
}
h1.white p {
	color: #FFF;
}

h1 p img {
	margin: 0 auto 14px auto;
	width: initial;
	width: auto;
	max-width: 100%;
}

h1 p span {
	position: relative;
	font-size: 17px;
}

h1 p span:before {
	content: "-";
	position: absolute;
	left: -10px;
}
h1 p span:after {
	content: "-";
	position: absolute;
	right: -10px;
}

h1 p span.bfno:before,
h1 p span.bfno:after {
	content:"";
}


h2 {
	font-size: 30px;
	text-align: center;
	color: #333333;
	background: url(../img/common/lower/h3_bg.png) center bottom no-repeat;
	padding: 0 0 52px 0;
	margin: 0 0 50px 0;
}

/*=================================
		Company
===================================*/

.company-menubox {
	width: 1200px;
	margin: 0 auto;
	font-size: 0;
}

.company-menubox div {
	display: inline-block;
	width: 48.7%;
	box-sizing: border-box;
	margin: 0 0 0 31px;
}

.company-menubox div:first-child {
	margin: 0 0 50px 0;
}

.company-menubox div:nth-of-type(2) {
	margin: 0 0 50px 31px;
}

.company-menubox div:nth-of-type(3) {
	margin: 0;
}

.company-menubox div a {
	display: block;
	width: 100%;
}

.company-menubox div a img {
	margin: 0 0 15px 0;
}

.company-menubox div a:hover {
	opacity: 0.6;
}

#contants .company-menubox div a p {
	color: #888888;
	font-size: 13px;
	margin: 0;
}

.company-menubox div a span {
	font-size: 20px;
	color: #333333;
	display: block;
	margin: 0 0 14px 0;
	
}

.company-menubox div a span i {
	font-style: normal;
	background: url(../img/company/index/icon.png) right center no-repeat;
	background-size: 18px;
	padding: 0 30px 0 0;
}

/*============ Message ============*/

.message {
	width: 1000px;
	margin: 0 auto;
	background: url(../img/company/message/message_bg.png) right bottom no-repeat;
	padding: 0 0 36px 0;
}

.message p {
	font-size: 15px;
}

.message p:last-child {
	margin: 0;
}

.message + div {
	width: 1000px;
	margin: 16px auto 0 auto;
}

.message + div p {
	text-align: right;
	font-size: 13px;
}
.message + div p span {
	font-size: 23px;
	padding: 0 0 0 18px;
}

/*============ Access ============*/
.map{
	width: 90%;
	margin: 0 auto 40px;
}

.ggmap {
position: relative;
padding-bottom: 27.5%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.map .zoom{
	display:block;
	text-align: right;
}

.map .zoom a{
	font-size: 13px;
	color: #333;
	display: inline-block;
	background:url(../img/company/access/circle_g.png) left bottom no-repeat;
	padding: 10px 0 0 25px;
}

.map .add{
	margin-top: -20px;
}

.map .add dt{
	font-size: 17px;
	font-weight: bold;
}

.map .add dd{
	color: #888;
}

/*============ Outline ============*/

.company-info {
	width: 85%;
	margin: 0 auto;
}

.company-info table {
	width: 70%;
	border-collapse: collapse;
	float:left;
}

.company-info table th {
	width: 20%;
    font-weight: bold;
    background: #f3f3f3;
    border: 1px solid #dcdcdc;
    padding: 5px 10px;
	border-left: none;
	text-align: right;
	border-right: none;
}

.company-info table td {
	border: 1px solid #dcdcdc;
    padding: 5px 10px;
	border-right: none;
}
.company_image{
	width: 27%;
	float:right;
}
.company-info .cf:after { 
   display: block ;
   height: 0 ;
   visibility: hidden ;
   clear: both ;
   content:".";
}
.company-info .cf {
   display: inline-block ;
}
.company-info .cf {
	display: block ;
}
#contants .company-info p {
		text-align: left;
		color: #888888;
		font-size: 15px;
		margin: 15px 0 0;
		padding: 0;
	}
	
.company-company-info p a {
		font-style: normal;
		background: url(../img/company/index/icon.png) right center no-repeat;
		background-size: 16px;
		padding: 0 22px 0 0;
	}
	
.company-company-info p a:hover {
		color: #0bba9b;
	}
	

/*============ Group ============*/

.group-inner {
	background: url(../img/company/group/read_img.jpg) left top no-repeat;
	background-size: contain;
	padding: 47% 0 0;
	position: relative;
}

.group-inner h2 {
	position: absolute;
	top: 2%;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 34px;
	background: none;
	padding: 0;
}
	

.group-list {
	max-width: 1040px;
	margin: 0 auto;
	padding: 0 20px;
}

.group-list h3,
.group-list h4 {
	font-size: 23px;
	margin: 0 0 17px 5px;
	position: relative;
}

.group-list h3 span,
.group-list h4 span {
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 13px;
}

.group-list h3 em,
.group-list h4 em {
	font-style: normal;
	font-size: 16px;
}

.group-list table {
	width: 100%;
    border-collapse: collapse;
	margin: 0 0 60px 0;
	line-height: 1;
}

.group-list th {
	width: 20%;
    font-weight: normal;
    background: #f3f3f3;
    border: 1px solid #dcdcdc;
	border-left: none;
	border-right: none;
	padding: 20px 10px 20px 23px;
}

.group-list td {
	border: 1px solid #dcdcdc;
    padding: 20px 10px 20px 23px;
	border-right: none;
	border-left: none;
}

.group-list td ul {
	margin: 0 0 0 18px;
}

.group-list td li {
	list-style: outside disc;
	margin: 0 0 10px 0;
}
.group-list td li:last-child {
	margin: 0;
}
	
/*=================================
		Business
===================================*/

.businessinfo {
	width: 85%;
	margin: 0 auto;
}

.businessinfo h2 span {
	color: #ed6481;
}

.businessinfo h2 span i {
	font-style: normal;
	font-size: 50px;
	font-weight: bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}

.flow {
	background: #96c93f;
}

#contants .flow p {
	margin: 0;
	color: #FFF;
	font-size: 22px;
	text-align: center;
	padding: 19px 0;
}

.flow + div {
	border: 1px solid #e1e1e1;
	border-top: none;
	padding: 18px 5px 26px 5px;
	margin: 0 0 116px 0;
	display: table;
	table-layout: fixed;
	width: 100%;
}

.flow + div div {
	display: table-cell;
	min-height: 255px;
	border-right: 1px dotted #7f7f7f;
	box-sizing: border-box;
	padding: 0 6px;
	vertical-align: top;
}

.flow + div div:nth-of-type(1) {
	padding: 0 6px 0 0;
}
.flow + div div:nth-of-type(4) {
	padding: 0 0 0 6px;
}

.flow + div div:last-child {
	border: none;
}

.flow + div div dt {
	background: #f0f7e3;
	padding: 0 0 0 52px;
	margin: 0 0 23px 0;
	position: relative;
}

.flow + div div dt:before {
	content: "";
	border: 21px solid transparent;
	border-left: 16px solid #cccccc;
	position: absolute;
	left: -6px;
	top: 0;
	bottom: 0;
	margin: auto 0;
	display: block;
	height: 44px;
	width: 16px;
}

.flow + div div:nth-of-type(1) dt:before {
	display: none;
}

.flow + div div:nth-of-type(4) dt {
	padding: 0 0 0 24px;
}

#contants .flow + div div dt p {
	display: table-cell;
	vertical-align: middle;
	font-size: 10px;
	color: #0bba9b;
	height: 97px;
	padding: 0 0 0 57px;
}

#contants .flow + div div dt p span {
	font-size: 18px;
	color: #333333;
	display: block;
	font-weight: bold;
}

.flow + div div dd li {
	text-align: center;
	font-size: 14px;
	color: #636363;
	margin: 0 0 7px 0;
	line-height: 1;
}

#contants .flow + div div:nth-of-type(1) dt p {
	background: url(../img/index/flow_icon_01.png) left center no-repeat;
}
#contants .flow + div div:nth-of-type(2) dt p {
	background: url(../img/index/flow_icon_02.png) left center no-repeat;
}
#contants .flow + div div:nth-of-type(3) dt p {
	background: url(../img/index/flow_icon_03.png) left center no-repeat;
}
#contants .flow + div div:nth-of-type(4) dt p {
	background: url(../img/index/flow_icon_04.png) left center no-repeat;
}

#contants .point {
	background: #0bba9b;
	text-align: center;
	padding: 35px 0;
	position: relative;
	margin: 30px 0 68px 0;
}

#contants .point:before {
	content: "";
	border-top: 1px solid #6dd6c3;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	z-index: 1;
	left: 0;
}

#contants .point p {
	font-size: 30px;
	color: #FFF;
	margin: 0;
	background: #0bba9b url(../img/index/point_icon.png) 45px center no-repeat;
	height: 72px;
	line-height: 57px;
	display: inline-block;
	padding: 0 45px 0 143px;
	position: relative;
	z-index: 5;
}

#contants .point p span {
	color: #ed6481;
	font-size: 55px;
	font-weight: bold;
}

.point-detail {
	border-bottom: 1px dotted #000000;
	padding: 0 0 35px 0;
	margin: 0 0 40px 0;
}
.point-detail:nth-child(2) {
	border-bottom:none;
	margin-bottom:0;
	padding-bottom:0;
}
.point-detail02merit {
	border-bottom: 1px dotted #000000;
	padding: 0 0 35px 0;
	margin: 0 0 40px 0;
}
.point-detail dl {
	margin: 0 0 30px 0;
}

.point-detail dt {
	float: left;
	clear: left;
	background: #96c93f;
	width: 133px;
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	color: #FFF;
	text-align: center;
}
.point-detail dt span {
	font-size: 22px;
	padding: 0 0 0 9px;
}
.point-detail dd {
	padding: 0 0 0 160px;
	font-size: 27px;
	color: #333333;
}

.point-detail dd span {
	font-size: 20px;
}

.point-detail dl + div {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.point-detail dl + div div {
	display: table-cell;
	vertical-align: bottom;
}

.point-detail dl + div div:nth-of-type(1) {
	width: 76%;
	vertical-align: top;
}

.point-detail dl + div.point01-posi div:nth-of-type(1) {
	width: 50%;
}

#contants .point-detail dl + div.point01-posi div:nth-of-type(1) p:last-child {
	margin: 0;
}

.order .point-detail dl + div div:nth-of-type(2) {
	padding: 0 0 0 60px;
}

.point-detail dl + div.point01-posi div:nth-of-type(2) {
	padding: 0 0 0 50px;
	vertical-align: top;
}

.order div:nth-of-type(1) div:nth-of-type(2) {
	padding: 0 50px 0 0;
}
.order div:nth-of-type(2) div:nth-of-type(2) {
	padding: 0 32px 0 0;
}
.order div:nth-of-type(3) div:nth-of-type(2) {
	padding: 0 9px 0 0;
}
.order div:nth-of-type(4) div:nth-of-type(2) {
	padding: 0 17px 0 0;
}
.order div:nth-of-type(5) div:nth-of-type(2) {
	padding: 10px 0  0 0;
}
.order div:nth-of-type(6) div:nth-of-type(2) {
	padding: 0 5px 0 0;
}

#contants .point-detail dl + div div p,
#contants .point-detail dl + div.point01-posi + p {
	font-size: 15px;
	color: #888888;
}
#contants .point-detail dl + div.point01-posi + p {
	margin: 15px 0;
}

#contants .point-detail dl + div div p span {
	font-size: 13px;
}

div.point01-posi em {
	font-style: normal;
	background: #ed6481;
	color: #FFF;
	padding: 0 2px;
}

.point-detail table.yield {
	width: 100%;
	border-collapse: collapse;
}

.point-detail table.yield th {
	background: #e9e9e9;
	border: 1px solid #FFF;
	height: 53px;
	vertical-align: middle;
	padding: 0 5px 0 22px;
	width: 25.2%;
}

.point-detail table.yield tr:last-child th {
	background: #0bba9b;
	color: #FFF;
}


.point-detail table.yield th span {
	font-size: 12px;
}

.point-detail table.yield td {
	border: 1px solid #FFF;
	background: #f3f3f3;
	text-align: center;
	height: 53px;
	vertical-align: middle;
	width: 18.7%;
}

.point-detail table.yield tr:last-child td {
	background: #b5eae1;
	color: #ed6481;
	font-size: 18px;
	font-weight: bold;
}

#contants .point-detail ul {
	/*background: #f0f7e3;*/
	/*padding: 30px;*/
	/*margin: 20px 0 0 0;*/
}
.order div:nth-of-type(1) ul {
	width: 76%;
}

#contants .point-detail li {
	font-size: 15px;
	/*color: #587c1b;*/
	list-style: inside disc;
}

#contants .point-detail li span {
	font-size: 13px;
	padding: 0 0 0 13px;
}

.business-introduction {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.business-introduction li {
	display: table-cell;
	vertical-align: top;
}

.business-introduction li a {
	display: block;
	line-height: 1.3;
	background: #3f3f3f url(../img/index/btn_icon.png) 90% center no-repeat;
	border-radius: 5px;
	text-align: center;
	color: #FFF;
	font-size: 16px;
	vertical-align: middle;
	line-height: 1;
}

.business-introduction a:hover {
	background: #797979 url(../img/index/btn_icon.png) 90% center no-repeat;
}


.business-introduction li:nth-of-type(1) a {
	margin: 0 15px 0 0;
	padding: 16px 0;
	line-height: 1.3;
}

.business-introduction li:nth-of-type(2) a {
	margin: 0 0 0 15px;
	line-height: 72px;
	height: 72px;
}

.footer_point {
	background: url(../img/index/footer_img.jpg) left top no-repeat;
	width: 100%;
	background-size: cover;
	padding: 65px 10px 90px 10px;
	text-align: center;
	color: #FFF;
}

.footer_point .icon {
	margin: 0 0 25px 0;
}

.footer_point img {
	margin: 0 auto;
}

.footer_point h2 {
	font-size: 30px;
	margin: 0 0 50px 0;
	background: none;
	color: #FFF;
	padding: 0;
}

/*.footer_point p.icon {
	width: 74px;
	margin: 0 auito;
}*/

/*============ Procedure ============*/

.flow-dateil {
	border-bottom: 1px dotted #000;
	background: url(../img/procedure/flow_bg.png) 36px top repeat-y;
	padding: 30px 0;
	position: relative;
	overflow: hidden;
}
.last {
	background: url(../img/procedure/flow_bg_last.png) 36px top no-repeat;
}

.flow-dateil dl {
	margin: 6px 0 0;
}

.flow-dateil dl.first {
	margin: 0;
}

.flow-dateil dt {
	position: relative;
	float: left;
}

#contants .flow-dateil dt p {
	position: absolute;
	left: 0;
	top: -30px;
	width: 220px;
	height: 82px;
	margin: 0;
}
.flow-dateil dt p span:nth-of-type(1) {
	background: url(../img/procedure/stepno_bg.png) left top no-repeat;
	background-size: 84px;
	width: 84px;
	height: 84px;
	line-height: 1;
	text-align: center;
	font-size: 15px;
	display: inline-block;
	vertical-align: middle;
}

.flow-dateil dt p span:nth-of-type(1) i {
	display: table-cell;
	vertical-align: middle;
	width: 84px;
	height: 84px;
}

.flow-dateil dt p span:nth-of-type(2) {
	font-size: 18px;
	color: #FFF;
	background: #96c93f;
	text-align: center;
	height: 46px;
	margin: 3px 0 0;
	line-height: 1;
	display: inline-block;
	width: 133px;
	vertical-align: middle;
}

.flow-dateil dt p span:nth-of-type(2) i {
	display:table-cell;
	vertical-align: middle;
	height: 46px;
	width: 130px;
}

#contants .flow-dateil .last-flow dt p {
	height: 36px;
	position: static;
}

.flow-dateil .last-flow {
	margin: 0;
}

.flow-dateil .last-flow dt p span:nth-of-type(1)  {
	font-size: 18px;
	color: #FFF;
	background: #96c93f;
	text-align: center;
	height: 46px;
	margin: 0;
	line-height: 1;
	display: inline-block;
	width: 216px;
	vertical-align: middle;
}

.flow-dateil .last-flow dt p span:nth-of-type(1) i {
	width: 216px;
	height: 46px;
}

.flow-dateil dd {
	padding: 0 0 0 236px;
	font-size: 27px;
	line-height: 1;
	margin: 0 0 30px 0;
}

.flow-dateil .last-flow dd {
	height: 36px;
	line-height: 36px;
}

.flow-dateil dd span {
	font-size: 20px;
}

.flow-dateil img {
	width: 278px;
	/*position: absolute;
	top: 25px;
	right: 0;*/
	float: right;
	display: block;
	margin: 0 0 5px 10px;
}

.flow-dateil div {
	margin: 0 0 0 82px;
}

.flow-dateil div p {
	font-size: 15px;
	color: #888888;
}

.flow-dateil div p span {
	display: block;
	font-size: 13px;
	padding: 0 0 0 15px;
	text-indent: -16px;
	margin: 13px 0 0;
}


.flow-dateil .contact {
	display: table;
	table-layout: fixed;
	width: 568px;
	clear: both;
}

.flow-dateil .contact div {
	display: table-cell;
	vertical-align: top;
}

.flow-dateil .contact div:nth-of-type(1) {
	border-right: 1px solid #ececec;
	padding: 0 26px 0 0;
}
.flow-dateil .contact div:nth-of-type(2) {
	padding: 0 0 0 27px;
}

#contants .flow-dateil .contact div p {
	margin: 0;
	text-align: right;
}
#contants .flow-dateil .contact div p img {
	/*position: static;*/
	display: inline;
	width: 225px;
	float: none;
	margin: 0;
}

.flow-dateil .contact div:nth-of-type(2) a {
	font-size: 14px;
	color: #FFF;
	background: #3f3f3f url(../img/procedure/contact_icon.png) 95% center no-repeat;
	text-align: center;
	display: block;
	width: 255px;
	height: 45px;
	line-height: 45px;
	border-radius: 10px;
}

.flow-dateil .contact div:nth-of-type(2) a:hover {
	background: #797979 url(../img/procedure/contact_icon.png) 95% center no-repeat;
}
.flow-dateil .contact div:nth-of-type(2) a span {
	background: url(../img/procedure/mail_icon.png) left center no-repeat;
	padding: 0 0 0 30px
}

/*============ Panel ============*/

ul.page-change {
	text-align: center;
	font-size: 0;
}

ul.page-change li {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 0 0 0 5px;
}
ul.page-change li:first-child {
	margin: 0;
	position: relative;
}

ul.page-change li:last-child {
	position: relative;
}

ul.page-change li a {
	display: table-cell;
	width: 40px;
	height: 40px;
	vertical-align: middle;
	text-align: center;
	background: #dadada;
	color: #FFF;
	font-size: 14px;
}

ul.page-change li a:hover {
	background: #0bba9b;
}

ul.page-change li.active a {
	background: #0bba9b;
}

ul.page-change li:first-child span {
	content: "";
	display: block;
	width: 9px;
	height: 17px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -30px;
	margin: auto 0;
}

ul.page-change li:last-child span {
	content: "";
	display: block;
	width: 9px;
	height: 17px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -30px;
	margin: auto 0;
}

ul.page-change span a {
	width: 9px;
	height: 17px;
	background: none;
}

ul.page-change span a:hover {
	opacity: 0.6;
}

ul.page-change span img {
	width: 9px;
	height: 17px;
}

.case-list {
	font-size: 0;
	margin: 0 0 62px 0;
}

.case-list div {
	display: inline-block;
	width: 31%;
	background: url(../img/panel/index/list_img_bg.png) left top no-repeat;
	background-size: 100%;
	margin: 0 0 0 30px;
	padding: 0 1% 0 0;
	vertical-align: top;
}

.case-list div:first-child,
.case-list div:nth-of-type(4),
.case-list div:nth-of-type(7),
.case-list div:nth-of-type(10),
.case-list div:nth-of-type(13),
.case-list div:nth-of-type(16),
.case-list div:nth-of-type(19),
.case-list div:nth-of-type(22),
.case-list div:nth-of-type(25),
.case-list div:nth-of-type(28) {
	margin: 0;
}

.case-list div img {
	margin: 0 0 22px 0;
	width: 100%;
	height: auto;
}

.case-list div a:hover img{
	opacity: 0.6;
}

.case-list div a dt {
	font-size: 18px;
	margin: 0 0 13px 0;
	text-align: center;
	color: #333;
}

.case-list div a dd {
	font-size: 12px;
	color: #888888;
	margin: 0 0 50px 0;
	padding: 0 19px 0 0;
}

.datail-info {
	width: 802px;
	margin: 0 auto;
}

.datail-info dl.read {
	margin: 0 0 47px 0;
}

.datail-info dl.read dt {
	font-size: 20px;
	margin: 0 0 27px 0;
}

.datail-info dl.read dd {
	color: #888888;
}

.datail-info table {
	width: 100%;
    border-collapse: collapse;
	margin: 0 0 40px 0;
}

.datail-info th {
	width: 20%;
    font-weight: bold;
    background: #f3f3f3;
    border: 1px solid #dcdcdc;
    padding: 5px 10px;
	border-left: none;
}

.datail-info td {
	border: 1px solid #dcdcdc;
    padding: 5px 10px;
	border-right: none;
}

.datail-info dl.example dt {
	border: 2px solid #96c93f;
	background: #96c93f;
	font-size: 21px;
	color: #FFF;
	text-align: center;
	height: 60px;
	line-height: 60px;
}

.datail-info dl.example dd {
	background: #f0f7e3;
	border: 2px solid #96c93f;
	border-top: none;
	padding: 25px 0;
}

.datail-info dl.example dd ul {
	width: 450px;
	margin: 0 auto;
}

.datail-info dl.example dd li {
	font-size: 20px;
	margin: 0 0 20px 0;
	line-height: 1;
}

.datail-info dl.example dd li:last-child {
	margin: 0;
}

.datail-info dl.example dd li span {
	color: #ed6481;
	font-size: 26px;
	padding: 0;
}

.datail-info dl.example dd li span em {
	font-style: normal;
	font-size: 35px;
}

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

.slideShow .prevpage,
.slideShow .nextpage {
    top: 0;
    width: 5%;
    height: 100%;
    position: absolute;
    z-index: 3;
}

.slideShow .prevpage a,
.slideShow .nextpage a {
	display: block;
	height: 100%;
	position: relative;
	background: #d7d7d7
}

.slideShow .prevpage a img,
.slideShow .nextpage a img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.slideShow .prevpage a:hover,
.slideShow .nextpage a:hover {
	opacity: 0.5;
}

.slideShow .prevpage {
	/*background: #d7d7d7 url(../img/panel/ibaragi/slide_prev.png) center no-repeat*/;
	left: -83px;
}
.slideShow .nextpage {
    right: -76px;
	/*background: #d7d7d7 url(../img/panel/ibaragi/slide_next.png) center no-repeat*/;
}
 
 
.page_in_link{
	text-align:center;
}
.page_in_link ul{
	display:inline-block;
} 
.page_in_link ul li{
	float:left;
	padding:0 8px;
	font-size:15px;
} 
.page_in_link ul li a{
	text-decoration:underline;
}
.page_in_link ul li:first-child a,
.page_in_link ul li:last-child a{
	text-decoration:none;
}
.page_in_link ul li a:hover{
	text-decoration:none;
}
 /*
 			<ul class="clearfix page_in_link">
				<li>01</li>
				<li>|</li>
				<li><a href="">02</a></li>
				<li>|</li>
				<li><a href="">03</a></li>
			</ul>

 

/*=================================
		Merit
===================================*/


ol.merit{
	list-style: decimal;
    background: #f0f7e3;
    padding: 30px;
    margin: 20px 0 ;}

#contants ol.merit li{
	list-style:inside decimal;
}

.businessinfo .textBox{
	padding:0px 0 90px;
}

.textBox:before{
	content:url(../img/merit/merit_img05.png);
	width: 420px;
	height: 331px;
	float: left;
	margin:0 30px 0px 0;
}

.textBox p{
	padding-left: 290px;
}



#contants .mn{
	margin: 0;
}

#contants ol.merit + p{
	 font-size: 15px;
    color: #888888;
}

.meritTable table{
	width: 100%;
	border-collapse:0;
}

.meritTable th{
	font-size: 15px;
	font-weight: bold;
	padding: 20px 0 20px 20px;
	background: #e9e9e9;
	color: inherit;
	border: 1px solid #fff;
	line-height: 1.3;
}

.meritTable th .em{
	font-weight: bold;
	display: block;
}

.meritTable tr:last-child th{
	background: #0bba9b;
	color: #fff;
}

.meritTable td{
	text-align: center;
	background: #f3f3f3;
	border: 1px solid #fff;
	padding: 10px 5px;
	line-height: 1.3;
}

.meritTable td span{
	display: block;
	font-size: 13px;
}

.meritTable tr:last-child td{
	background:rgba(11,186,155,0.3) ;
	color: #ed6481;
	font-size: 18px;
	vertical-align: middle;
}

.merit_2{
	background: url(../img/merit/footer_img.jpg) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	text-align: center;
}

.merit_2 .frame{
font-size: 0;
margin-bottom: 5px;
}

.merit_2 .footerTextbox{
	width: 40%;
	font-size: 14px;
	display: inline-block;
	text-align: left;
	margin-bottom: 0;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.merit_2 .frame .footerTextbox:nth-of-type(1){
	margin-right: 5%;
	
}

.merit_2 .footerTextbox .tit{
	font-size: 18px;
	border-bottom: 1px solid #fff;
	padding: 0 0 10px 0;
	margin-bottom: 20px;
}

.merit_2 .footerTextbox p{
	margin-bottom: 25px;
}

.merit_2 .footerTextbox ul{
	list-style: disc;
	margin:0-0 25px 1em;
}

.merit_2 .footerTextbox li{
	list-style: inside;

}

.merit_2 .footerTextbox .small{
	font-size: 13px;
	display: block;
}

.merit_2 .footerTextbox .small a{
	color: #fff;
	display: block;
	background: url(../img/merit/footerText_icon.png) left 3px no-repeat;
	padding: 3px 0 2px 23px;
}

.merit_2 .footerTextbox .small a:hover{
	opacity: 0.6;
}


/* 追加　2016/11/28 */
div.order .cf:after {
	content: "";
	clear: both;
	display: block;
}
div.order .fl {
	float: left;
}
div.order .fr {
	float: right;
}
div.order {
	font-family:"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color:#6b6b6b !important;
}
div.order h2 {
	text-align: center;
	background: url(../../img/about/h2_border.png) no-repeat center bottom;
	font-weight: bold;
	font-size: 30px;
	padding-bottom: 30px;
	margin-bottom: 100px;
}
div.order div.head.cf {
	margin-bottom: 55px;
}
div.order div.head.cf figure.fl {
	width: 42%;
	max-width: 420px;
}
div.order div.head.cf p.fr {
	font-size: 16px;
	max-width: 520px;
	width: 52%;
	line-height: 23px;
}
div.order div.merit {
/*simulation*/ }
div.order div.merit div.h3_box {
	margin-bottom: 35px !important;
}
div.order div.merit div.h3_box p {
    max-width: 130px;
    font-weight: bold;
    width: 15%;
    text-align: center;
    background: #96c93f;
    color: #fff;
    padding: 3px 0px;
    display: inline-block;
	margin:0 !important;
}
div.order div.merit div.h3_box p span {
	font-size: 24px;
}
div.order div.merit div.h3_box h3 {
	display: inline-block;
	font-size: 26px;
	line-height: 30px;
	margin-left: 10px;
	font-weight: bold;
	vertical-align: middle;
}
div.order div.merit p.head {
	font-size: 16px;
	margin-bottom: 60px;
}
div.order div.merit p.head span {
	color: #e56262;
}
div.order div.merit p.head span.att {
	margin-top: 40px;
	color: inherit;
	display: block;
	margin-bottom: 50px;
}
div.order div.merit p.head.fl {
	width: 60%;
	max-width: 600px;
	margin-bottom:0 !important;
}
div.order div.merit figure.fr.merit4_img {
	width: 19%;
	max-width: 190px;
	margin-top: -20px;
	margin-bottom: 60px;
	margin-bottom:0 !important;
}
div.order div.merit div.merit_list {
	margin-bottom: 40px;
}
div.order div.merit div.merit_list dl dt {
	margin-bottom: 30px;
	background: #e9e9e9;
	font-weight: bold;
	font-size: 18px;
	color:#6b6b6b;
}
div.order div.merit div.merit_list dl dt span {
	text-align: center;
    display: inline-block;
    width: 52px;
    padding: 6px 0;
    background: #0bba9b;
    color: #fff;
    font-size: 24px;
    margin-right: 1.7%;
    /* height: 52px; */
}
div.order div.merit div.merit_list dl dt p {
	display: inline-block;
	margin:0 !important;
	font-weight:bold;
}
div.order div.merit div.merit_list dl dd.cf {
	color: #6b6b6b;
	margin-bottom: 40px;
	padding-bottom: 25px;
	border-bottom: 1px dotted #aaa;
}
.order div:nth-of-type(1) ul {
    width: 100%;
}
div.order div.merit div.merit_list dl dd.cf ul li {
	font-size: 16px;
	margin-bottom: 10px;
	text-indent: -1em;
	margin-left: 1em;
}
div.order div.merit div.merit_list dl dd.cf ul.fl {
	width: 60%;
	max-width: 600px;
}
div.order div.merit div.merit_list dl dd.cf table {
	float: right;
	max-width: 340px;
	width: 34%;
	font-weight: bold;
	margin-bottom: 40px;
}
div.order div.merit div.merit_list dl dd.cf table tbody tr th {
	padding: 10px;
	text-align: center;
	font-weight: bold;
	background: #0bba9b;
	color: #fff;
	border: 1px solid #fff;
}
div.order div.merit div.merit_list dl dd.cf table tbody tr td {
	padding: 10px 15px;
	background:#b6eae1;
	border: 1px solid #fff;
}
div.order div.merit div.merit_list dl dd.cf p {
	text-align: center;
	font-size: 18px;
	color: #373f4a;
	font-weight: bold;
	border-bottom: 1px solid #aaa;
	padding-bottom: 5px;
	margin: 60px 0 0 !important;
}
div.order div.merit div.merit_list dl dd.cf.bdn {
	border-bottom: none;
}
div.order div.merit div.merit_list dl dd.cf div.fl p {
	margin-top: 20px;
	border-bottom: none;
	font-size: 14px;
	color: inherit;
	font-weight: normal;
	text-align: left;
}
div.order div.merit div.simulation {
	margin-bottom: 60px;
	position: relative;
	padding: 10px;
	background:#0bba9b;
}
div.order div.merit div.simulation figure {
	max-width: 150px;
	position: absolute;
	left: 30px;
	top: -15px;
}
div.order div.merit div.simulation .simu_inner {
	background: #fff;
	padding: 60px 8%;
	text-align: center;
}
div.order div.merit div.simulation .simu_inner p {
	text-align: center;
}
div.order div.merit div.simulation .simu_inner span.big {
	font-size: 50px;
	font-weight:bold;
}
div.order div.merit div.simulation .simu_inner span.small {
	font-size: 16px;
}
div.order div.merit div.simulation .simu_inner span.yellow {
	color: #f5ff00;
}
div.order div.merit div.simulation .simu_inner p.case {
	font-size: 20px;
	line-height: 30px;
	color: #0bba9b;
	font-weight: bold;
	margin-bottom: 0 !important;
}
div.order div.merit div.simulation .simu_inner div.yoryo {
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 0 !important;
}
div.order div.merit div.simulation .simu_inner div.yoryo span {
	color: #96c93f;
}
div.order div.merit div.simulation .simu_inner div.yoryo span.small {
	color: inherit;
}
div.order div.merit div.simulation .simu_inner p.att1 {
	font-size: 14px;
	color: #aaaaaa;
	margin-bottom:10px !important;
}
div.order div.merit div.simulation .simu_inner p.yoso {
	font-weight: bold;
	font-size: 32px;
	margin-bottom: 0 !important;
}
div.order div.merit div.simulation .simu_inner p.yoso span.big {
	color: #e56262;
}
div.order div.merit div.simulation .simu_inner p.yoso span.small {
	font-size: 18px;
}
div.order div.merit div.simulation .simu_inner p.mikomi {
	font-size: 22px;
	background: #0bba9b;
	color: #fff;
	font-weight: bold;
	padding: 5px 20px 0px;
	border-radius: 50px;
	margin-bottom: 20px;
}
div.order div.merit div.simulation .simu_inner p.att2 {
	text-align: left;
	color: #aaaaaa;
	font-size: 12px;
	margin:0 !important;
}
div.order div.merit div.simulation .simu_inner table {
	margin-bottom: 30px;
	width: 100%;
}
div.order div.merit div.simulation .simu_inner table thead td {
	height: 57px;
	text-align: center;
	vertical-align: top;
	padding-top: 8px;
	font-weight:bold;
}
div.order div.merit div.simulation .simu_inner table thead td:not(:first-child) {
	background: url(../img/merit/fukidashi.png) no-repeat center top;
	background-size: contain;
}
div.order div.merit div.simulation .simu_inner table tbody th {
	background:#0bba9b;
	text-align: center;
	border: 1px solid #fff;
	padding: 15px;
	font-weight: bold;
}
div.order div.merit div.simulation .simu_inner table tbody td {
	border: 1px solid #fff;
	background: #b6eae1;
	padding: 15px 20px;
	font-weight: bold;
	text-align: center;
}
#loan {
	padding-top: 120px;
	margin-top: -120px;
}

/*IEハック*/
@media all and (-ms-high-contrast: none) {
	div.order div.merit div.simulation .simu_inner p.mikomi {
		padding: 35px 20px 15px;
	}
}

/*=================================
		Recruit
===================================*/

.recruit{
	width: 85%;
	margin: 0 auto 50px auto;
}

.recruit table{
	width: 100%;
	border-collapse:collapse;
}

.recruit table th{
	width: 30%;
	font-weight: bold;
	background: #f3f3f3;
	border: 1px solid #dcdcdc;
	padding: 5px 10px;
	border-left: none;
	text-align: right;
}
.part table th{
	background: #e4f9f6;
}

.regular table th{
	background: #f6fdde;
}

.recruit table td{
	border: 1px solid #dcdcdc;
	padding: 5px 10px;
	border-left: none;
	border-right: none;
}

.recruit ol{
	list-style: decimal;
}

.recruit ol li{
	list-style: inside decimal;
}

.recruit-movie-wrapper {
margin: 0 auto;
max-width: 700px;
}
.recruit-movie {
position: relative;
width:100%;
padding-top: 56.25%;
}

.recruit-movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
} 

#footerContact .recruitFooter .contactBox div:nth-of-type(1){
	text-align: center;
	padding: 0;
}

#footerContact .recruitFooter .contactBox div:nth-of-type(1) p{
	text-align: center;
}

#footerContact .recruitFooter p{
margin-bottom: 20px;}

.recruitFooter p .small{
	display: block;
	font-size: 18px;
}


/*=================================
		Practical
===================================*/

.practicalinfo {
	width: 85%;
	margin: 0 auto;
}

.practicalinfo h2 span {
	color: #ed6481;
}

.practicalinfo h2 span i {
	font-style: normal;
	font-size: 50px;
	font-weight: bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}

.practicalinfo p{
   text-align:center;
}

.practicalinfo ul{
   display: flex;
   justify-content: space-between;
   margin: 0 auto;
   width: 80%;
   max-width: 1000px;

}

.practicalinfo li {
   text-align: center;
}
.practicalinfo ul li img{
   display: block;
   margin-bottom: 1em;
}

.practicalinfo .tochi li{
   font-weight: bold;
}
.practicalinfo .search ul {
   display: flex;
   justify-content: space-between;
   width:73%;
   max-width: 730px;
   margin: 60px auto;
}

.practicalinfo .search li:first-child{
   background: url("../img/practical/hiatari.png") no-repeat;
   padding-top: 70px;
}
.practicalinfo .search li:nth-child(2){
   background: url("../img/practical/heichi.png") no-repeat;
}
.practicalinfo .search li:last-child{
   background: url("../img/practical/keisha.png") no-repeat;
}

.search {
   margin-bottom: 3em;
}

.search ul li {
    text-align: center;
    font-weight: bold;
    max-width: 320px;
   font-size: 20px;
    color: #fff;
    width: 28% !important;
    height: 202px;
      padding-top: 90px;
}
.practicalinfopoint {
	background: #0bba9b;
	text-align: center;
	padding: 35px 0;
	position: relative;
	margin: 60px 0 68px 0;
}

.practicalinfopoint :before {
	content: "";
/*	border-top: 1px solid #6dd6c3;
*/	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	z-index: 1;
	left: 0;
}

.practicalinfopoint p {
	font-size: 20px;
   font-weight: bold;
	color: #FFF;
	margin: 0;
	background: #0bba9b url("../img/practical/obi_icon.png") 45px center no-repeat;
	height: 115px;
	line-height: 57px;
	display: inline-block;
	padding: 0 45px 0 170px;
	position: relative;
	z-index: 5;
}

.practicalinfopoint p span {
	font-size: 40px;
	font-weight: bold;
}

.practicalinfopoint .yellow {
	color:#ffff00;
}

p .left {
   text-align: left;
}
/*=================================
		Contact
===================================*/

.contact{
	width: 85%;
	margin: 0 auto;
}

.contact p:first-child{
	text-align: center;
}

.contact th{
	width: 30%;
	background: #f3f3f3;
	padding: 10px 10px 10px 20px;
	border: 1px solid #e2e2e2;
	vertical-align: middle;
}

.contact th span {
	color: #F00;
}

.error{
	color: #F00;
}

.contact td{
	padding: 10px 5px 10px 25px;
	vertical-align: middle;
	border: 1px solid #e2e2e2;
}


.contact tr:not(:last-child) td input{
	min-height:30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 10px;
}

.contact tr:nth-of-type(3) td input,
.contact tr:nth-of-type(5) td input,
.contact tr:nth-of-type(7) td input{
	width: 95%;
}


.contact tr.question_kind td input{
	min-height: unset !important;
	box-sizing: unset !important;
	padding: unset !important;
}
.contact tr.question_kind td .question_kind_other input.text{
	width: 83% !important;
	padding: 5px 0 !important;
}
.contact tr.question_kind td label{
	text-align: left !important;
	margin-right: 20px !important;
}

.contact tr:nth-of-type(7) td input:last-child{
	margin: 5px 0 0;
}

.contact select{
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  margin: 0 0 10px 0;
}

.contact textarea{
	width: 95%;
	height: 100px;
	padding: 10px;
}

.contact tr:last-child td{
	text-align: left;
	padding-left:25px;
}

.contact tr:last-child td label{
	text-align: left;
	margin-right: 20px;
}


.contact tr:last-child td .other .text{
	width: 83%;
	padding: 5px 0;
}

.contact .submit {
	margin: 20px 0 0;
	text-align: center;
}

.contact .submit input:hover{
	opacity: 0.6;
}

.contact .submit .btn_gry{
	width: 280px;
	font-weight: bold;
	background:url(../img/contact/formBtn_icon_gry.png) 10% center no-repeat #9a9a9a;
	color: #fff;
	border-radius:5px;
	border: none;
	padding: 15px 0;
	margin: 0 20px 0 0;
	vertical-align: top;
	cursor: pointer;
	font-size: 18px;
}

.contact .submit .btn{
	font-size: 18px;
	font-weight: bold;
	width: 280px;
	background:url(../img/contact/fromBtn_icon_green.png) 90% center no-repeat #0bba9b;
	-webkit-background-size: 18px 18px;
	background-size: 18px 18px;
	color: #fff;
	border-radius:5px;
	border: none;
	padding: 15px 0;
	margin: 0 0 0 20px;
	cursor: pointer;
}

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

.contact_comp .btn{
	text-align: center;
	margin: 0 auto;
}

.contact_comp .btn a{
	font-size: 18px;
	display: inline-block;
	font-weight: bold;
	text-align: center;
	width: 375px;
	background:url(../img/contact/formBtn_icon_green_l.png) 10% center no-repeat #0bba9b;
	-webkit-background-size: 18px 18px;
	background-size: 18px 18px;
	color: #fff;
	border-radius:5px;
	border: none;
	padding: 15px 0;
	margin: 20px 0 0 0;
	cursor: pointer;
}


/*=================================
		News
===================================*/


.news,
.news_lower{
	width: 85%;
	margin: 0 auto;
}

.news *{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/*.news .link{
	font-size: 0;
	margin-bottom: 20px;
}
.news .link li{
	display: inline-block;
	border-right: 1px solid #000;
	padding:0 5px 0 4px;
	font-size: 18px;
}

.news .link li a{
	min-height:32px;
	color: #333;
	display: block;
	padding: 0 10px;
}

.news .link li a:hover{
	color: #0bba9b;
	border-bottom: 1px solid #0bba9b;
}*/

.news .newsContainer{
	margin-bottom: 50px;
}

/*.news .newsContainer h3{
	padding-top: 78px;
}*/

.news .newsLast{
	margin: 0;
}


.news .newsContainer dt,
.news_lower dt{
    font-size: 13px;
    color: #333333;
	float: left;
	clear: both;
}
.news .newsContainer em,
.news_lower em{
    width: 90px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    font-size: 11px;
    color: #FFF;
    background: #9e9e9e;
    display: inline-block;
    margin: 0 17px 0 0;
}
.news .newsContainer dd,
.news_lower dd{
padding: 0 0 0 202px;
    font-size: 13px;
    color: #333333;
    margin: 0 0 10px 0;
}
.news .newsContainer dd a span{
padding: 0 0 2px 0;
    display: inline;
    color: #333;
}

.news .newsContainer dd a:hover span{
	border-bottom: 1px solid #0bba9b;
	color: #0bba9b;
}

.news_lower h2{
	font-size: 24px;
	font-weight: bold;
    text-align: center;
    color: #333333;
	margin: 0 0 50px 0;
}

.news_lower dl{
	width: 215px;
	margin: 0 0 0 auto;
}
.news_lower dd{
	padding: 0 0 0 100px;
	text-align: right;
}

.news_lower .article{
	padding: 45px 20px;
}


/*=================================
		Faq
===================================*/

.faq{
	width: 85%;
	margin: 0 auto;
}

/*.faq h3 {
	font-size: 27px;
	margin: 0 0 30px 0;
	border-left: 3px solid #0bba90;
	padding: 0 0 0 25px;
}*/

.faq h2 {
	font-size: 27px;
	margin: 0 0 30px 0;
	border-left: 3px solid #0bba90;
	padding: 0 0 0 25px;
	text-align: left;
	background: none;
}

.faq .section:not(:last-child){
	margin-bottom: 70px;
}

.faq dt{
	font-size: 17px;
	padding: 7px 0 7px 45px;
	border-bottom: 1px dotted #000;
	background: url(../img/faq/q.png) left 7px no-repeat;
}

.faq dd{
	padding: 10px 0 7px 75px;
	margin: 0 0 50px 0;
	background: url(../img/faq/a.png) 47px 10px no-repeat;
}

.faq .section dd:last-child{
	margin-bottom: 0;
}

.faq dd ul{
	padding-left: 1em;
	font-size: 14px;
}


/*=================================
		Security
===================================*/

.security{
	width: 85%;
	margin: 0 auto;
}

.security dt h2{
	font-size: 16px;
	font-weight: bold;
}

.security dd{
	padding: 0 0 45px 0;
	text-align: center;
}



/*=================================
		Sitemap
===================================*/

.sitemap{
	width: 85%;
	margin: 0 auto;
	display: table;
	table-layout: fixed;
}

.sitemap div {
	display: table-cell;
}

.sitemap li{
	margin: 0 0 15px;
}

.sitemap li:nth-of-type(2),
.sitemap li:nth-of-type(3){
	margin: 0 0 15px;}

.sitemap li a{
	color: #333;
    font-size: 24px;
    font-weight: bold;
    border-left: 3px solid #0bba90;
    padding: 0 0 0 10px;
}

.sitemap li a:hover{
	color: #0bba90;
	border-bottom:2px solid #0bba90 ;
}

.sitemap li ul{
	list-style: inside disc;
    margin: 10px 0 0 24px;
}

.sitemap li li{
	margin: 0 0 15px;
}

.sitemap li li:nth-of-type(1),
.sitemap li li:nth-of-type(2){
	margin:0 0 15px;
}

.sitemap li li a{
	font-size: 18px;
	font-weight: normal;
	border: none;
	padding: 0;
}

/*============*/
.btn{
	width: 350px;
	margin: 0 0 0 auto;
}

.btn a{
	display: block;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	background:url(../img/contact/fromBtn_icon_green.png) 90% center no-repeat #0bba9b;
	-webkit-background-size: 18px 18px;
	background-size: 18px 18px;
	color: #fff;
	border-radius:5px;
	border: none;
	padding: 15px 0;
	cursor: pointer;
}

.btn a:hover{
	opacity: 0.6;
}



/*170927 追加*/

div.sup_wrap{
	width: 100%;
	
}
div.sup_wrap div{
}

div.sup_wrap div img.pc{
	padding-left: 60px;
}
div.sup_wrap div.sup{
	background: #f0f7e3;
	padding: 15px!important;
	margin-top: 20px;
	width: 100%;
}
div.sup_wrap div.sup ul li{
	color: #587c1b;
}

div.sup_wrap div.sup ul li span{
	font-size: 11px!important;
	padding: 0!important;
}


div.sup_wrap div.sup p{
	margin: 25px 0 0!important;
	padding: 0;
	font-size: 12px;
    color: #587c1b;
}


/*++++++++++++++++++++++++++++++++++
		SmartPhone
++++++++++++++++++++++++++++++++++*/

@media screen and (max-width:640px){
	
/*=================================
		Common
===================================*/

	#header div p.sitetitle {
    display: table-cell;
    height: 56px;
    vertical-align: middle;
	}
	
	#header div p.sitetitle {
		text-align: left;
	}
	
	
	h1 {
		position: relative;
		margin: 56px 0 0;
	}
	
	h1 img {
		width: 100%;
	}
	
	h1 p {
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		text-align: center;
		width: 100%;
		line-height: 1;
	}
	
	h1 p img {
		margin: 0 auto 8px auto;
		width: initial;;
		max-width: 50%;
	}
	
	h1 p span {
		position: relative;
		font-size: 12px;
	}
	
	h1 p span:before {
		content: "-";
		position: absolute;
		left: -10px;
	}
	h1 p span:after {
		content: "-";
		position: absolute;
		right: -10px;
	}

	
	h2 {
	font-size: 21px;
	background: url(../img/common/lower/h3_bg.png) center bottom no-repeat;
	background-size: 30px 2px;
	padding: 0 0 25px 0;
	margin: 0 0 24px 0;
	}
	
	
	
	#contants {
		padding: 48px 20px 58px 20px;
		font-size: 12px;
		line-height: 1.5;
	}
	
	#contants-group {
		padding: 0 0 25px 0;
		font-size: 12px;
		line-height: 1.5;
	}

	#contants p,
	#contants-group p {
		margin: 0 0 23px 0;
	}
	
/*=================================
		Company
===================================*/
	
	.company-menubox {
	width: 100%;
	}
	
	.company-menubox div {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 25px 0;
	}
	
	.company-menubox div:last-child {
		margin: 0;
	}
	
	.company-menubox div:first-child,
	.company-menubox div:nth-of-type(2),
	.company-menubox div:nth-of-type(3) {
		margin: 0 0 25px 0;
	}
	
	.company-menubox div a {
		display: block;
		width: 100%;
		height: inherit;
	}
	
	.company-menubox div a:hover {
		opacity: 1;
	}
	
	.company-menubox div a img {
		width: 100%;
		height: auto;
		margin: 0;
	}
	
	#contants .company-menubox div a p {
		text-align: left;
		color: #888888;
		font-size: 12px;
		margin: 15px 0 0;
		padding: 0;
	}
	
	.company-menubox div a span {
		font-size: 15px;
		color: #333333;
		display: block;
		margin: 0 0 10px 0;
	}
	
	.company-menubox div a span i {
		font-style: normal;
		background: url(../img/company/index/icon.png) right center no-repeat;
		background-size: 16px;
		padding: 0 22px 0 0;
	}
		
/*============ Message ============*/

	.message {
		width: 100%;
		margin: 0;
		background: url(../img/company/message/message_bg.png) right bottom no-repeat;
		background-size: 79px 126px;
		padding: 0 0 25px 0;
	}
	
	.message p {
		font-size: 12px;
	}
	
	.message p:last-child {
		margin: 0;
	}
	
	.message + div {
		width: 100%;
		margin: 25px 0 0 0;
	}
	
	.message + div p {
		text-align: right;
		font-size: 12px;
	}
	.message + div p span {
		font-size: 20px;
		padding: 0 0 0 16px;
	}
	
	/*============ Access ============*/
	.map{
		width: 100%;
		margin: 0 auto 20px;
	}
		
	.ggmap {
	position: relative;
	padding-bottom: 70%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	}
	
	.map .zoom a{
		font-size: 12px;
		background:url(../img/company/access/circle_g.png) left 80% no-repeat;
		-webkit-background-size: 14px;
		background-size: 14px;
		padding: 10px 0 0 20px;
	}
	
	.map .add{
		margin-top: 0px;
	}
	
	.add dt{
		font-size: 16px;
	}
	
	.add dd{
		font-size: 12px;
	}
	
/*============ Outline ============*/
	
	.company-info table {
		width: 100%;
		float:none;
	}

	.company-info table th {
	width: 35%;
    font-weight: bold;
    background: #f3f3f3;
    border: 1px solid #dcdcdc;
    padding: 3px 6px;
	border-left: none;
	text-align: right;
	border-right: none;
	}

	.company_image{
		width: 100%;
		float:none;
		margin-top:20px;
	}
	
/*============ Group ============*/

	.group-inner {
		background: url(../img/company/group/read_img_sp.jpg) left top no-repeat;
		background-size: contain;
		padding: 109% 0 0;
	}
	
	.group-inner h2 {
		position: absolute;
		top: 2%;
		left: 0;
		right: 0;
		margin: 0 auto;
		font-size: 21px;
		background: none;
		padding: 0;
	}
	
	.group-inner h2 span {
		display: block;
	}
	
	.group-list {
		max-width: 100%;
		margin: 0;
		padding: 0 20px;
	}
	
	.group-list h3,
	.group-list h4 {
		font-size: 17px;
		margin: 0 0 8px 0;
		position: inherit;
	}
	
	.group-list h3 em,
	.group-list h4 em {
		font-size: 12px;
	}
	
	.group-list table {
		margin: 0 0 35px 0;
		line-height: 1;
	}
	
	.group-list table:nth-of-type(1) {
		margin: 0 ;
	}
	
	.group-list table + span {
		display: block;
		text-align: right;
		font-size: 10px;
		margin: 10px 0 35px;
	}
	
	.group-list th {
		width: 32%;
		padding: 12px 5px 12px 9px;
	}
	
	.group-list td {
		padding: 12px 5px 12px 10px;
	}
	
	.group-list td ul {
		margin: 0 0 0 14px;
	}
	
	.group-list td li {
		margin: 0 0 5px 0;
	}
	.group-list td li:last-child {
		margin: 0;
	}
	
/*=================================
		Business
===================================*/

	.businessinfo {
		width: 100%;
		margin: 0;
	}
	
	#contants .flow p {
		font-size: 16px;
		padding: 14px 48px;
	}
	
	.flow + div {
		border: 1px solid #96c93f;
		padding: 10px 4px 14px 4px;
		margin: 0 0 52px 0;
	}
	
	.flow + div div {
		display: block;
		width: 100%;
		min-height: inherit;
		border-right: none;
		border-bottom: 1px dotted #7f7f7f;
		box-sizing: border-box;
		padding: 0;
		vertical-align: top;
		margin: 0 0 9px 0;
	}
	
	.flow + div div:nth-of-type(1) {
		padding: 0;
	}
	.flow + div div:nth-of-type(4) {
		padding: 0;
		margin: 0;
	}
	
	.flow + div div:last-child {
		border: none;
	}
	
	.flow + div div dt {
		background: #f0f7e3;
		padding: 0;
		margin: 0 0 13px 0;
		text-align: center;
	}
	
	.flow + div div dt:before {
		content: "";
		border: 21px solid transparent;
		border-top: 16px solid #cccccc;
		position: absolute;
		left: 0;
		right: 0;
		top:-9px;
		bottom: inherit;
		margin: 0 auto;
		display: block;
		height: 44px;
		width: 16px;
	}
	
	.flow + div div:nth-of-type(1) dt:before {
		display: none;
	}
	
	.flow + div div:nth-of-type(4) dt {
		padding: 0 0 0 24px;
	}
	
	
	#contants .flow + div div dt p {
		display: inline-block;
		vertical-align: auto;
		font-size: 10px;
		color: #0bba9b;
		height: inherit;
		padding: 18px 0 18px 60px;
		text-align: left;
		margin: 0;
	}
	
	.flow + div div dd {
		padding: 0 0 15px 0;
		text-align: center;
	}
	
	.flow + div div:nth-of-type(1) dd ul,
	.flow + div div:nth-of-type(3) dd ul  {
		display: inline-block;
		vertical-align: top;
	}
	.flow + div div:nth-of-type(1) dd ul:first-child {
		padding: 0 44px 0 0;
	}
	.flow + div div:nth-of-type(3) dd ul:first-child {
		padding: 0 76px 0 0;
	}
	
	.flow + div div dd li {
		text-align: center;
		font-size: 14px;
		color: #636363;
		margin: 0 0 7px 0;
		line-height: 1;
	}
	
	#contants .flow + div div:nth-of-type(1) dt p {
		background: url(../img/index/flow_iconsp_01.png) left center no-repeat;
		background-size: 44px;
	}
	#contants .flow + div div:nth-of-type(2) dt p {
		background: url(../img/index/flow_iconsp_02.png) left center no-repeat;
		background-size: 44px;
	}
	#contants .flow + div div:nth-of-type(3) dt p {
		background: url(../img/index/flow_iconsp_03.png) left center no-repeat;
		background-size: 44px;
	}
	#contants .flow + div div:nth-of-type(4) dt p {
		background: url(../img/index/flow_iconsp_04.png) left center no-repeat;
		background-size: 44px;
	}
	
	#contants .point {
		padding: 25px 15px;
		position: inherit;
		margin: 0 0 20px 0;
	}
	
	#contants .point:before {
		content: "";
		display: none;
	}
	
	#contants .point p {
		font-size: 21px;
		background: #0bba9b url(../img/index/point_iconsp.png) left center no-repeat;
		background-size: 49px;
		height: 49px;
		line-height: 1.3;
		display: table-cell;
		vertical-align: middle;
		padding: 0 0 0 62px;
		position: inherit;
		z-index: inherit;
	}
	
	#contants .point-detail dl + div div p,
	#contants .point-detail dl + div.point01-posi + p {
	font-size: 12px;
	color: #888888;
	}
	
	#contants .point p span {
		font-size: 35px;
	}
	
	.point-detail {
		padding: 0 0 23px 0;
		margin: 0 0 24px 0;
	}

	.point-detail02merit {
		border-bottom: 1px dotted #000000;
		padding: 0 0 23px 0;
		margin: 0 0 24px 0;
	}

	.point-detail02merit div.simulation{
		margin-bottom:0 !important;
	}
	
	
	.point-detail img {
		height: inherit;
		/*max-width: none;*/
		max-width: 100%;
	}
	
	.point-detail dl {
		margin: 0 0 20px 0;
	}
	
	.point-detail dt {
		float: none;
		clear: inherit;
		width: 112px;
		height: 30px;
		line-height: 30px;
		font-size: 13px;
		text-align: center;
		margin: 0 0 14px 0;
	}
	.point-detail dt span {
		font-size: 18px;
		padding: 0 0 0 7px;
	}
	.point-detail dd {
		padding: 0;
		font-size: 18px;
		color: #333333;
	}
	
	.point-detail dd span {
		font-size: 14px;
	}
	
	.point-detail dl + div {
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	
	.point-detail dl + div div {
		display: table-cell;
		vertical-align: top;
	}
	
	.point-detail dl + div.point01-posi div {
		display: block;
	}
	
	
	.point-detail dl + div div:nth-of-type(1) {
		width: 56%;
	}
	
	.point-detail dl + div.point01-posi div:nth-of-type(1) {
		width: 100%;
	}
	
	
	.order .point-detail dl + div div:nth-of-type(2) {
		text-align: right;
		padding: 0 0 0 10%;
	}
	
	.order .point-detail dl + div.point01-posi div:nth-of-type(2) {
		padding: 0;
	}
	
	.order .point-detail dl + div.point01-posi div:nth-of-type(2) img {
		width: 100%;
		margin: 0 0 25px 0;
	}
	
	.point-detail table.yield th {
		font-size: 9px;
		padding: 5px 3px 5px 6px;
	}
	
	.point-detail table.yield td {
		padding: 5px 0;
		font-size: 9px;
	}
	
	.order div:nth-of-type(1) div:nth-of-type(2),
	.order div:nth-of-type(2) div:nth-of-type(2),
	.order div:nth-of-type(3) div:nth-of-type(2),
	.order div:nth-of-type(4) div:nth-of-type(2),
	.order div:nth-of-type(5) div:nth-of-type(2),
	.order div:nth-of-type(6) div:nth-of-type(2) {
		padding: 0;
	}
	
	
	#contants .point-detail dl + div div p {
		font-size: 12px;
		color: #888888;
	}
	#contants .point-detail dl + div div p span {
		font-size: 10px;
	}
	
	.point-detail table.yield tr:last-child td {
		font-size: 11px;
	}
	
	#contants .point-detail ul {
		background: #f0f7e3;
		padding: 12px;
		margin: 0;
	}
	
	.order div:nth-of-type(1) ul {
		width: 100%;
	}
	
	
	#contants .point-detail li {
		font-size: 12px;
		list-style: outside disc;
		margin: 0 0 0 13px;
	}
	
	#contants .point-detail li span {
		font-size: 10px;
		padding: 0;
	}
	
	.business-introduction {
		display: block;
		table-layout: inherit;
		width: 100%;
	}
	
	.business-introduction li {
		display: table;
		vertical-align: top;
		width: 100%;
	}
	
	.business-introduction li a {
		display: table-cell;
		line-height: 1.3;
		background: #3f3f3f url(../img/index/btn_iconsp.png) 98% center no-repeat;
		background-size: 16px;
		border-radius: 5px;
		text-align: center;
		color: #FFF;
		font-size: 16px;
		vertical-align: middle;
		height: 66px;
	}
	
	.business-introduction a:hover {
		background: #797979 url(../img/index/btn_iconsp.png) 98% center no-repeat;
	}
	
	.business-introduction li:nth-of-type(1) {
		margin: 0 0 14px 0;
	}
	
	.business-introduction li:nth-of-type(1) a {
		margin: 0;
		padding: 0;
		line-height: 1.3;
	}
	
	.business-introduction li:nth-of-type(2) a {
		margin: 0;
		line-height: none;
		height: 66px;
	}
	
	.footer_point {
		background: url(../img/index/footer_img.jpg) left top no-repeat;
		width: 100%;
		background-size: cover;
		padding: 30px 20px 53px 20px;
		text-align: center;
		color: #FFF;
	}
	
	.footer_point .icon {
		margin: 0 0 17px 0;
	}
	
	.footer_point h2 {
		font-size: 20px;
		margin: 0 0 33px 0;
	}

/*============ Procedure ============*/

	.flow-dateil {
		border-bottom: 1px dotted #000;
		background: url(../img/procedure/flow_bg.png) 21px top repeat-y;
		background-size: 8px auto;
		padding: 0 0 24px 0;
		position: relative;
	}
	.last {
		background: url(../img/procedure/flow_bg_last.png) 21px top no-repeat;
		background-size: 8px 57px;
	}
	
	.flow-dateil dl {
		margin: 26px 0 0;
	}
	
	.flow-dateil dl.first {
		margin: 13px 0 0;
	}
	
	.flow-dateil dt {
		position: relative;
		float: none;
		height: 47px;
	}
	
	#contants .flow-dateil dt p {
		position: absolute;
		left: 0;
		top: -13px;
		width: 150px;
		height: 55px;
		margin: 0;
	}
	.flow-dateil dt p span:nth-of-type(1) {
		background: url(../img/procedure/stepno_bg.png) left top no-repeat;
		background-size: 55px;
		width: 55px;
		height: 55px;
		line-height: 1.3;
		text-align: center;
		font-size: 12px;
		display: inline-block;
		vertical-align: middle;
	}
	
	.flow-dateil dt p span:nth-of-type(1) i {
		height: 55px;
		width: 55px;
	}
	
	.flow-dateil dt p span:nth-of-type(2) {
		font-size: 13px;
		color: #FFF;
		background: #96c93f;
		text-align: center;
		height: initial;
		margin: 13px 0 0;
		line-height: 0;
		display: inline-block;
		width: 91px;
		vertical-align: top;
	}
	
	.flow-dateil dt p span:nth-of-type(2) i {
		height: 30px;
	}
	
	.flow-dateil dd {
		padding: 0;
		font-size: 18px;
		line-height: 1;
		margin: 0 0 12px 40px;
	}
	
	.flow-dateil dd span {
		font-size: 14px;
		display: block;
	}
	
	.flow-dateil img {
		/*width: 115px;
		height: 63px;*/
		width: 42%;
		height: auto;
		/*position: absolute;
		top: 25px;
		right: 0;*/
		display: block;
		margin: 26px 0 0;
	}
	
	.flow-dateil img.first-img {
		margin: 13px 0 0;
	}
	
	.flow-dateil div {
		margin: 0;
		padding: 0 0 0 42px;
	}
	
	.flow-dateil div p {
		font-size: 12px;
		color: #888888;
	}
	
	.flow-dateil div p span {
		display: block;
		font-size: 10px;
		padding: 0 0 0 12px;
		text-indent: -13px;
		margin: 13px 0 0;
	}
	
	.flow-dateil .contact {
		display: block;
		table-layout: inherit;
		width: 100%;
	}
	
	.flow-dateil .contact div {
		display: block;
		vertical-align: auto;
	}
	
	.flow-dateil .contact div:nth-of-type(1) {
		border-right: none;
		padding: 0;
		margin: 0 0 16px 0;
	}
	.flow-dateil .contact div:nth-of-type(2) {
		padding: 0;
		margin: 0;
	}
	
	#contants .flow-dateil .contact div p {
		margin: 0;
		text-align: inherit;
	}
	#contants .flow-dateil .contact div p img {
		position: static;
		display: inline;
		width: auto;
		height: auto;
	}
	
	.flow-dateil .contact div:nth-of-type(2) a {
		font-size: 14px;
		color: #FFF;
		background: #3f3f3f url(../img/procedure/contact_icon.png) 95% center no-repeat;
		background-size: 16px;
		text-align: center;
		display: block;
		height: 46px;
		line-height: 46px;
		border-radius: 5px;
		width: inherit;
		margin: 0;
	}
	
	.flow-dateil .contact div:nth-of-type(2) a:hover {
		background: #797979 url(../img/procedure/contact_icon.png) 95% center no-repeat;
		background-size: 16px;
	}
	.flow-dateil .contact div:nth-of-type(2) a span {
		background: url(../img/procedure/mail_icon_sp.png) left center no-repeat;
		background-size: 20px 13px;
		padding: 0 0 0 30px
	}
	
	.flow-dateil .last-flow dt {
		margin: 0 0 22px 0;
	}
	
	.flow-dateil .last-flow dt p span:nth-of-type(1) {
		font-size: 13px;
		height: 30px;
		margin: 26px 0 0;
		line-height: 1;
		display: inline-block;
		width: 137px;
		vertical-align: middle;
	}
	
	.flow-dateil .last-flow dt p span:nth-of-type(1) i {
		width: 137px;
		height: 30px;
	}
	
	.flow-dateil .last-flow dd {
		line-height: 1.3;
	}
	
/*============ Panel ============*/

	ul.page-change {
		text-align: center;
		font-size: 0;
	}
	
	ul.page-change li {
		display: inline-block;
		width: 40px;
		height: 40px;
		margin: 0 0 0 5px;
	}
	ul.page-change li:first-child {
		margin: 0;
		position: relative;
	}
	
	ul.page-change li:last-child {
		position: relative;
	}
	
	ul.page-change li a {
		display: table-cell;
		width: 40px;
		height: 40px;
		vertical-align: middle;
		text-align: center;
		background: #dadada;
		color: #FFF;
		font-size: 14px;
	}
	
	ul.page-change li a:hover {
		background: #0bba9b;
	}
	
	ul.page-change li.active a {
		background: #0bba9b;
	}
	
	ul.page-change li:first-child span {
		content: "";
		display: block;
		width: 8px;
		height: 15px;
		position: absolute;
		top: 0;
		bottom: 0;
		left: -30px;
		margin: auto 0;
	}
	
	ul.page-change li:last-child span {
		content: "";
		display: block;
		width: 8px;
		height: 15px;
		position: absolute;
		top: 0;
		bottom: 0;
		right: -30px;
		margin: auto 0;
	}
	
	ul.page-change span a {
		width: 8px;
		height: 15px;
		background: none;
	}
	
	ul.page-change span a:hover {
		opacity: 0.6;
	}
	
	ul.page-change span img {
		width: 8px;
		height: 15px;
	}
	
	.case-list {
		font-size: 0;
		margin: 50px 0;
	}
	
	.case-list div {
		display: inline-block;
		width: 50%;
		background: none;
		margin: 0;
		padding: 0;
		background: #f5f5f5;
	}
	
	.case-list div:first-child,
	.case-list div:nth-of-type(4)  {
		margin: 0;
	}
	
	.case-list div:nth-of-type(1),
	.case-list div:nth-of-type(4),
	.case-list div:nth-of-type(5),
	.case-list div:nth-of-type(8),
	.case-list div:nth-of-type(9) {
		background: #e9e9e9;
	}
	
	
	
	.case-list div img {
		margin: 0 0 16px 0;
	}
	
	.case-list div a dt {
		font-size: 14px;
		margin: 0 0 6px 0;
		text-align: center;
	}
	
	.case-list div a dd {
		font-size: 11px;
		color: #333;
		margin: 0 0 20px 0;
		padding: 0 20px;
	}
	
	.datail-info {
		width: 100%;
		margin: 0 auto;
	}
	
	.datail-info dl.read {
		margin: 0 0 16px 0;
	}
	
	.datail-info dl.read dt {
		font-size: 18px;
		margin: 0 0 17px 0;
	}
	
	.datail-info dl.read dd {
		color: #888888;
	}
	
	.datail-info table {
		width: 100%;
		border-collapse: collapse;
		margin: 0 0 30px 0;
	}
	
	.datail-info th {
		width: 30%;
		font-weight: bold;
		background: #f3f3f3;
		border: 1px solid #dcdcdc;
		padding: 5px 10px;
		border-left: none;
	}
	
	.datail-info td {
		border: 1px solid #dcdcdc;
		padding: 5px 10px;
		border-right: none;
	}
	
	.datail-info dl.example dt {
		border: 2px solid #96c93f;
		background: #96c93f;
		font-size: 15px;
		color: #FFF;
		text-align: center;
		height: 35px;
		line-height: 35px;
	}
	
	.datail-info dl.example dd {
		background: #f0f7e3;
		border: 2px solid #96c93f;
		border-top: none;
		padding: 13px 0 13px 5%;
	}
	
	.datail-info dl.example dd ul {
		width: 100%;
		margin: 0;
	}
	
	.datail-info dl.example dd li {
		font-size: 14px;
		margin: 0 0 11px 0;
		line-height: 1;
	}
	
	.datail-info dl.example dd li:last-child {
		margin: 0;
	}
	
	.datail-info dl.example dd li span {
		color: #ed6481;
		font-size: 17px;
		padding: 0 0 0 18px;
	}
	
	.datail-info dl.example dd li span em {
		font-style: normal;
		font-size: 24px;
	}
	
/* sideNavi
------------------------- */

	.slideShow .prevpage,
	.slideShow .nextpage {
		top: 0;
		width: 20px;
		height: 100%;
		position: absolute;
		z-index: 3;
	}
	
	
	.slideShow .prevpage a,
	.slideShow .nextpage a {
		display: block;
		height: 100%;
		position: relative;
		background: #d7d7d7
	}
	
	.slideShow .prevpage a img,
	.slideShow .nextpage a img {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		width: 9px;
		height: 17px;
	}
	
	.slideShow .prevpage a:hover,
	.slideShow .nextpage a:hover {
		opacity: 0.5;
	}
	
	.slideShow .prevpage {
		/*background: #d7d7d7 url(../img/panel/ibaragi/slide_prev.png) center no-repeat*/;
		left: -20px;
	}
	.slideShow .nextpage {
		right: -20px;
		/*background: #d7d7d7 url(../img/panel/ibaragi/slide_next.png) center no-repeat*/;
	}
	




	
/*=================================
		Merit
===================================*/
	.textBox:before{
		content:" ";
		width: 0;
		height: 0;
	}
	
	.textBox p{
		padding: 0;
	}
	
	.textBox p:last-child:before{
		content:" ";
		width: 160px;
		height: 130px;
		background: url(../img/merit/merit_img05.png) no-repeat;
		-webkit-background-size: contain;
		background-size:contain ;
		float: left;
		margin-right:10px;
	}
	ol.merit{
		padding: 12px;
		margin: 15px 0;
	}
	
	.meritTable th{
		font-size: 14px;
		padding:2%;
	}
	
	.meritTable td{
		width: 14%;
		padding: 2%;
		vertical-align: middle;
	}
	
	.meritTable td span{
		display: block;
		font-size: 12px;
	}
	
	.merit_2{
	  width: 100%;
		background: url(../img/merit/footer_img_sp.jpg) left top no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		text-align: center;
	}
	
	.merit_2 .footerTextbox{
		width: 100%;
		display:block;
		text-align: left;
		vertical-align: top;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.merit_2 .footerTextbox:first-child{
		margin-bottom: 30px;
	}
	
	.merit_2 .footerTextbox p{
		margin-bottom: 15px;
	}
	
	#contants ol.merit + p{
	 font-size: 12px;
    color: #888888;
}

/* 追加2016/1128 */

div.order {
/*merit*/ }
div.order h2 {
	font-size: 20px;
	line-height: 28px;
	margin-bottom: 60px;
}
div.order div.head.cf {
	margin-bottom: 55px;
}
div.order div.head.cf figure.fl {
	width: 100%;
	max-width: 800px;
	float: none;
	margin-bottom: 20px;
}
div.order div.head.cf p.fr {
	width: 100%;
	max-width: 800px;
	float: none;
}
div.order p.head.fl {
	width: 100% !important;
	max-width: 800px !important;
}
div.order figure.fr {
	display: none;
}
div.order div.merit {
/*simulation*/ }
div.order div.merit div.h3_box {
	margin-bottom: 20px;
}
div.order div.merit div.h3_box p {
	max-width: 120px;
	width: 50%;
	padding: 5px 20px;
	display: block;
	margin-bottom: 5px;
}
div.order div.merit div.h3_box h3 {
	display: block;
	font-size: 20px !important;
	margin-left: 0;
}
div.order div.merit p.head span.att {
	margin-top: 40px;
	color: inherit;
	display: block;
	margin-bottom: 50px;
}
div.order div.merit div.merit_list {
	margin-bottom: 40px;
}
div.order div.merit div.merit_list dl dt {
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-box-pack: center;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: center;/*--- IE10 ---*/
	-webkit-justify-content: center;/*--- safari（PC）用 ---*/
	justify-content: center;
	margin-bottom: 20px;
	font-size: 17px;
}
div.order div.merit div.merit_list dl dt span {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;/*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
	-webkit-box-pack: center;/*--- Androidブラウザ用 ---*/
	-ms-flex-pack: center;/*--- IE10 ---*/
	-webkit-justify-content: center;/*--- safari（PC）用 ---*/
	justify-content: center;
	width: 11%;
	padding: 1.5% 1%;
	margin-right: 0;
}
div.order div.merit div.merit_list dl dt p {
	width: 89%;
	padding: 10px;
}
div.order div.merit div.merit_list dl dd.cf {
	color: #6b6b6b;
	margin-bottom: 30px;
	padding-bottom: 30px;
}
div.order div.merit div.merit_list dl dd.cf ul li {
	margin-bottom: 15px;
}
div.order div.merit div.merit_list dl dd.cf ul.fl {
	width: 100%;
	max-width: 800px;
	float: none;
}
div.order div.merit div.merit_list dl dd.cf table {
	float: none;
	max-width: 800px;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 0px;
}
div.order div.merit div.merit_list dl dd.cf p {
	font-size: 16px;
	margin-top: 0 !important;
}
div.order div.merit div.simulation figure {
	width: 40%;
	left: 10px;
	top:10px;
}
div.order div.merit div.simulation .simu_inner {
	padding: 33% 5% 35px;
}
div.order div.merit div.simulation .simu_inner span.big {
	font-size: 30px;
}
div.order div.merit div.simulation .simu_inner span.small {
	font-size: 14px;
}
div.order div.merit div.simulation .simu_inner p.case {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 20px !important;
}
div.order div.merit div.simulation .simu_inner div.yoryo {
	word-wrap: break-word;
	font-size: 15px;
	margin-bottom: 5px;
	line-height: 30px;
}
div.order div.merit div.simulation .simu_inner p.att1 {
	font-size: 12px;
	color: #aaaaaa;
	margin-bottom: 30px;
}
div.order div.merit div.simulation .simu_inner p.yoso {
	font-weight: bold;
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 25px !important;
}
div.order div.merit div.simulation .simu_inner p.yoso span.big {
	color: #e56262;
}
div.order div.merit div.simulation .simu_inner p.yoso span.small {
	font-size: 16px;
}
div.order div.merit div.simulation .simu_inner p.mikomi {
	font-size: 18px;
	line-height: 30px;
	background: #0bba9b;
	color: #fff;
	font-weight: bold;
	padding: 20px 10px;
	border-radius: 20px;
	margin-bottom: 20px;
}
div.order div.merit div.simulation .simu_inner table {
	margin-bottom: 30px;
	width: 100%;
	font-size: 13px;
}
div.order div.merit div.simulation .simu_inner table.onlyPC {
	display:none !important;
}
div.order div.merit div.simulation .simu_inner table th {
	padding: 10px !important;
}
div.order div.merit div.simulation .simu_inner table th.ttl {
	height: 57px;
	padding-top: 5px;

	background:url(../img/merit/fukidashi.png) no-repeat center top;
	background-size: auto;
	vertical-align: top;
}
div.order div.merit div.simulation .simu_inner table td {
	background: #f5f5f5;
	padding: 10px 15px !important;
}

/*=================================
		Practical
===================================*/

.practicalinfo {
	width: 100%;
	margin: 0 auto;
}

.practicalinfo h2 span {
	color: #ed6481;
}

.practicalinfo h2 span i {
	font-style: normal;
	font-size: 50px;
	font-weight: bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}

.practicalinfo p{
   text-align:left;
}

.practicalinfo ul{
   width: 100%;
   display: block;
   margin: 0 auto;

}

.practicalinfo li {
   text-align: center;
   margin-top:2em;
}
.practicalinfo ul li img{
   display: block;
   margin: 0 auto 1em;
   
}
   
   .practicalinfopoint {
	background: #0bba9b;
	text-align: center;
	padding: 35px 0;
	position: relative;
	margin: 60px 0 68px 0;
}

.practicalinfopoint :before {
	content: "";
/*	border-top: 1px solid #6dd6c3;
*/	width: 100%;
	height: 1px;
	position: absolute;
	top: 50%;
	z-index: 1;
	left: 0;
}

.practicalinfopoint p {
    padding:140px 16px 0 16px;
    height: auto;
    line-height: 27px;
    display: block;
    text-align: center;
    background: url(../img/practical/obi_icon.png) no-repeat center top;
   width: 100%;
}
   
.practicalinfopoint p span {
   font-size: 26px ;
   }
   

.practicalinfo .search ul {
   display: block;
   width: 100%;
    max-width: 730px;
    margin: 60px auto 0 !important;
}

.search ul li {
   margin: 0 auto;
    max-width: 320px;
   font-size: 20px;
    color: #fff;
    width: 100% !important;
    height: 202px;
   padding-top: 90px;
}
   
   .practicalinfo .search li:first-child{
   background: url("../img/practical/hiatari.png") no-repeat center;
   padding-top: 70px;
}
.practicalinfo .search li:nth-child(2){
   background: url("../img/practical/heichi.png") no-repeat center;
   margin-top: 2em;
}
.practicalinfo .search li:last-child{
   background: url("../img/practical/keisha.png") no-repeat center;
   margin-top: 2em;

}
/*=================================
		Recruit
===================================*/


	.recruit{
		width: 100%;
	}
	
	.recruit th,
	.recruit td{
		font-size: 87.5%;
	}
	
	.recruitFooter p .small{
		display: block;
		font-size: 14px;
	}


/*=================================
		Contact
===================================*/

	.contact{
		width: 100%;
	}
	
	.contact th{
		float: left;
		font-weight: bold;
		width: 100%;
		clear: both;
		border: none;
		border-top:1px solid #eee ;
		padding: 0;
		background: none;
	}
	
	.contact td{
		float: left;
		width: 100%;
		border: none;
		border-bottom:1px solid #eee ;
		padding-left: 0;
	}
	
	.contact table tr td input,
	.contact table tr td textarea,
	.contact tr:nth-of-type(3) td input,
	.contact tr:nth-of-type(4) td input,
	.contact tr:nth-of-type(5) td input,
	.contact tr:nth-of-type(7) td input{
		width: 100%;
	}
	.contact tr.question_kind td input{
		width: inherit;
	}
	.contact tr.question_kind td input.text{
		width: 100%;
		padding: 5px 0 !important;
	}
	
	.contact .other{
		padding: 7px 0 0;
	}
	
	.contact tr:last-child td .other input{
		width: 100%;
	}
	
	.contact tr:last-child td{
		padding-left: 0;
	}
	
	.contact tr:last-child td label input, .contact tr:last-child td .other label input{
		width: inherit;
	}
	.contact tr:last-child td label{
	margin-right: 0;}
	
	.contact .submit {
    margin: 15px 0 0;
    text-align: inherit;
	display: table;
	table-layout: fixed;
	width: 100%;
	}
	
	.contact .submit span {
		display: table-cell;
	}
	
	.contact .submit .btn_gry{
		width: 100%;
		background:url(../img/contact/formBtn_icon_gry.png) 10% center no-repeat #9a9a9a;
		margin-right: 5%;
		font-size: 100%;
	}
	
	.contact .submit .btn{
		width: 100%;
		font-size: 100%;
		margin-left: 5%;
		background:url(../img/contact/fromBtn_icon_green.png) 95% center no-repeat #0bba9b;
		-webkit-background-size: 14px 14px;
		background-size: 14px 14px;}
	
	.contact_comp h3 span{
		display: block;
	}
	
	.contact_comp .btn a{
		width: 65%;
		font-size: 100%;
		background:url(../img/contact/formBtn_icon_green_l.png) 10% center no-repeat #0bba9b;
		-webkit-background-size: 14px 14px;
		background-size: 14px 14px;}


/*=================================
		News
===================================*/

	.news,
	.news_lower{
		width: 100%;
		margin: 0 auto;
	}
	
	/*.news .link li a{
		font-size: 16px;
		min-height: 25px;
		color: #333;
		display: block;
		padding: 0 10px;
	}*/
	
	.news .newsContainer dt{
		float: none;
	}
	
	.news .newsContainer dd{
		padding: 5px 0 5px 0;
	}
	
	.btn{
		width: 100%;
		margin: 0 auto;
	}
	.btn a{
		font-size: 100%;
		text-align: left;
		padding: 15px 0 15px 10%;
		background:url(../img/contact/fromBtn_icon_green.png) 95% center no-repeat #0bba9b;
		-webkit-background-size: 14px 14px;
		background-size: 14px 14px;
	}
	
	.news_lower h2{
		font-size: 125%;
		padding-top:56px;
		margin-bottom: 25px;
	}
	
	.news_lower .article{
		padding: 20px 5%;
	}
	
/*=================================
		Faq
===================================*/

	.faq{
		width: 100%;
	}
	
	.faq h3 {
	font-size: 18px;
	margin: 0 0 15px 0;
	border-left: 2px solid #0bba90;
	padding: 0 0 0 16px;
	}


	
	.faq .section:not(:last-child){
		margin-bottom: 35px;
	}
	
	.faq dt{
		font-size: 16px;
		padding: 7px 0 7px 30px;
		border-bottom: 1px dotted #000;
		background: url(../img/faq/q.png) left 7px no-repeat;
		-webkit-background-size:23px 20px;
		background-size:23px 20px ;
	}
	
	.faq dd{
		padding: 10px 0 7px 40px;
		margin: 0 0 50px 0;
		background: url(../img/faq/a.png) 20px 11px no-repeat;
		-webkit-background-size:14px 11px;
		background-size:14px 11px ;
	}
	
	.faq dd ul{
		padding-left: 1em;
		font-size: 12px;
	}

/*=================================
		Security
===================================*/

	.security{
		width: 100%;
	}
	
	.security dt h2{
		font-size: 14px;
	}
	
	.security dd {
	text-align: left;
	padding: 0 0 8px 0;
	}
	
	

/*=================================
		Sitemap
===================================*/

	.sitemap{
		width: 100%;
		display: block;
	}
	
	.sitemap div {
	display: block;
	}
	
	.sitemap li a{
		font-size: 20px;
	}
	
	.sitemap li li a{
		font-size: 16px;
	}



div.sup_wrap{
	display: table;
	
}
div.sup_wrap div{
	display: table-cell;
	vertical-align: top;

	padding-left: 10%!important;
}

div.sup_wrap div img.sp{
}
div.sup_wrap div.sup{
	width: 56%;
}
div.sup_wrap div.sup dl dt{
	margin-bottom: 5px;
}
div.sup_wrap div.sup dl dt,
div.sup_wrap div.sup dl dd{
	font-size: 12px;
}

div.sup_wrap div.sup dl dt span, div.sup_wrap div.sup dl dd span{
	font-size: 11px;
}

	
}