@charset "UTF-8";


/* topスライド */

.slider_top {
	position: relative;
	width: 100%;
	height: 800px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
}

.slider_top#top1 {
	background-image: url(../../images/top/top_img01.jpg);
	background-position: right top;
}
.slider_top#top2 {
	background-image: url(../../images/top/top_img02.jpg);
}
.slider_top#top3 {
	background-image: url(../../images/top/top_img03.jpg);
	background-position: left top;
}
.slider_top#top4 {
	background-image: url(../../images/top/top_img04.jpg);
}
.slider_top#top5 {
	background-image: url(../../images/top/top_img05.jpg);
}

.slider_top .txtBox {
	position: absolute;
}
.slider_top .txtBox.top1 {
	top: 75%;
	left: 3%;
	width: 100%;
	max-width: 297px;
}

.slider_top .txtBox.top2 {
	top: 20%;
	width: 100%;
}
.slider_top .txtBox.top2 h3 {
	width: 100%;
	max-width: 151px;
	margin: auto;
}

.slider_top .txtBox.top3 {
	top: 4%;
	right: 2%;
	width: 100%;
	max-width: 267px;
}
.slider_top .txtBox.top4 {
	top: 35%;
	left: 3%;
	width: 100%;
	max-width: 326px;
}
.slider_top .txtBox.top5 {
	top: 15%;
	right: 9%;
	width: 100%;
	max-width: 136px;
}


/* レイアウト */

a:hover {
	box-shadow: none;
}
html,body{}
body{
	font-weight: 200;
	line-height: 1.8em;
	-webkit-text-size-adjust: 100%;
	position: relative;
}
.top #page_top {
    margin-top: 100%;
    background: #fff;
    position: relative;
    z-index: 1;
}
#page_top {
    margin-top: 0%;
    position: relative;
}

.section {
	margin: auto;
	max-width: 984px;
	width: 94%;
	position: relative;
	padding: 20px 0px 50px;
	text-align: left;
}
.section p {
	padding: 10px 0px 20px;
}
.section p strong {
	font-size: 130%;
	display: inline-block;
	padding-bottom: 10px;
}
.section01 p {
	max-width: 700px;
	width: 72%;
	padding-top: 45px;
}
.section01 .img {
	position: absolute;
	max-width: 364px;
	right: -11%;
	top: 25%;
	width: 40%;
}
.section01 .img img {
	width: 100%;
}

a.btn_detail {
	padding: 16px 14px 16px 40px;
	border: 4px solid #39894a;
	background-color: #fff;
	color: #39894a;
	font-weight: 300;
	font-size: 130%;
	text-decoration: none;
	display: inline-block;
	margin-top: 30px;
	letter-spacing: 0.2em;
}
a.btn_detail .icon-arrow-right {
	padding-left: 40px;
	top: 3px;
	position: relative;
	font-size: 110%;
}

a.btn_renewal {
	padding: 16px 10px 16px 20px;
	border: 4px solid #ffcb89;
	background-color: #ffad46;
	color: #fff;
	font-weight: 300;
	font-size: 130%;
	text-decoration: none;
	display: inline-block;
	margin-top: 30px;
	letter-spacing: 0.2em;
}
a.btn_renewal .icon-arrow-right {
	padding-left: 20px;
	top: 3px;
	position: relative;
	font-size: 110%;
}

a.btn_estate {
	padding: 16px 10px 16px 20px;
	border: 4px solid #a0cfe7;
	background-color: #47a2d1;
	color: #fff;
	font-weight: 300;
	font-size: 130%;
	text-decoration: none;
	display: inline-block;
	margin-top: 30px;
	letter-spacing: 0.2em;
}
a.btn_estate .icon-arrow-right {
	padding-left: 20px;
	top: 3px;
	position: relative;
	font-size: 110%;
}

.flow_2btn li {
	float: right;
}
.flow_2btn li:first-child {
	float: left;
}
.flow_2btn_box {
	display: none;
}

.sp {
	display: none;
}


.hed_ime {
	width: 100%;
	position: fixed;
	z-index: 0 !important;
	top: 0px;
}
.hed_ime img {
	width: 100%;
}

.s_nav,
#menu_btn {
	display: none;
}

#header {
	position: relative;
	z-index: 5;
}
#main {
	position: relative;
	z-index: 1;
	background-color: #fff
}

#header .nav {
	background-color: rgba(58,138,75,0.75);
	color: #fff;
	font-size: 110%;
	width: 100%;
}
#header .nav .nav_inner {
	padding: 10px 0px 0px;
}

#header .nav .logo {
	display: inline-block;
	float: left;
	padding-left: 20px;
/* 	width: 20%; */
	width: 226px;
}
#header .nav .logo a {
	
}

#header .g_nav {
	float: right;
}

#header .nav li {
	float: left;
	padding: 28px 5px 10px 15px;
	position: relative;
}

#header .nav li:first-child {
	padding: 28px 5px 10px 5px;
}

#header .nav li a {
	color: #fff;
	text-decoration: none;
}
#header .nav .parent_li a {
	padding-bottom: 15px;
	display:block;
}
#header .nav .parent_li.active a,
#header .nav .parent_li a:hover {
	border-bottom: 2px solid #fff;
	padding-bottom: 13px;
}

#header .nav .btn_img {
	max-width: 240px;
	padding: 10px 20px 10px 15px;
	float: right;
}
#header .nav .btn_img .hed_tel {
	max-width: 240px;
}
#header .nav .btn_img .btn_img_in a {
	width: 50%;
}
#header .nav .btn_img .btn_img_in a img {
	width: 100%;
}

#header .nav .btn_img a {
	float: left;
}

.estate #header .nav .btn_img .btn_img_in a,
.renewal #header .nav .btn_img .btn_img_in a {
	float: right;
}

#header .nav li ul.child{
	opacity: 0;
	display: none;
	text-align: left;
    position: absolute;
    margin-left: -5px;
    padding: 0;
    background-color: rgba(58,138,75,0.75);
    color: #39894a;
    width: 250%;
    top:120px;
    z-index: 100;
    padding: 10px 0px;
}
#header .nav li ul.child li {
	float: none;
	padding: 10px 20px 10px;
}
#header .nav .parent_li.active ul.child li a,
#header .nav li ul.child li a{
    display: block;
    padding: 0px;
    border-bottom: none;
}

#header .nav li ul.child li a:hover {
	border-bottom: none;
	padding: 0px;
}

.catch {
	position: relative;
	font-size: 240%;
	line-height: 1.4em;
	padding: 8px 30px 4px;
	letter-spacing: 0em;
	display: inline-block;
	margin: 30px auto 30px;
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	font-weight: 200;
}
.catch.long {
	font-size: 220%;
}
.catch.en {
	font-family: "Lato";
	font-weight: 300;
	letter-spacing: 0.1em;
	padding: 8px 40px 4px;
}

.catch:after {
	content: '';
	height: 135%;
	width: 1px;
	background: #ececec;
	position: absolute;
	right: 20px;
	top: -15%;
	z-index: 2;
}
.catch:before {
	content: '';
	height: 135%;
	width: 1px;
	background: #ececec;
	position: absolute;
	left: 20px;
	top: -15%;
	z-index: 2;
}

.catch_title {
	position: relative;
	font-size: 240%;
	line-height: 1.4em;
	padding: 8px 40px 2px;
	letter-spacing: 0em;
	display: inline-block;
	margin: 30px auto 30px;
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	font-weight: 200;
	letter-spacing: 0.2em;
}

.catch_title.w {
	color: #fff;
}
.catch_title:after {
	content: '';
	height: 135%;
	width: 1px;
	background: #ececec;
	position: absolute;
	right: 20px;
	top: -15%;
	z-index: 2;
}
.catch_title:before {
	content: '';
	height: 135%;
	width: 1px;
	background: #ececec;
	position: absolute;
	left: 20px;
	top: -15%;
	z-index: 2;
}
.catch_title span {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 50%;
	position: relative;
	vertical-align: middle;
	display: inline-block;
	padding-bottom: 5px;
	letter-spacing: 0.1em;
}


.bk_c01 {
	background-color: #39894a;
}

.recruit {
	width: 100%;
	max-width: 1220px;
	margin: auto;
	color: #fff;
	padding: 10px 0px;
	position: relative;
}
.recruit_inner {
	position: relative;
	left: -5%;
}
.recruit .img {
	position: relative;
	float: left;
}
.recruit .txt {
	position: relative;
	max-width: 455px;
	width: 100%;
	float: right;
	padding-top: 50px;
}
.recruit .txt .title {
	margin-bottom: 30px;
}
.recruit .txt p img {
	margin-bottom: 12px;
}


.works_list {
	width: 100%;
	overflow: hidden;
}
.works_list ul {
	width: 1002px;
	float: left;
	position: relative;
	left: -50%;
	margin-left: -30px;
}

.works_list li {
	position: relative;
	left: 50%;
	float: left;
	padding-left: 23px;
	padding-bottom: 20px;
	width: 31%;
}
.works_list li .ph {
	position: relative;
}
.works_list li .ph .cat {
	background-color: rgba(58,138,75,0.75);
	color: #fff;
	padding: 5px 10px;
	position: absolute;
	font-size: 80%;
	bottom: 0px;
	left: 0px;
}
.works_list li p {
	padding: 10px 0px;
	line-height: 1.5em;
}
.works_list li a {
	display: block;
}


.bk_banner {
	background-image: url(../images/bk_banner.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	width: 100%;
	border-top: solid 5px #92bf9a;
	padding-bottom: 10px;
}

.banner_list {
	width: 100%;
	margin: 40px auto 0px;
}
.banner_list a {
	display: block;
}
/*
.banner_list ul {
	width: 1002px;
	float: left;
	position: relative;
	left: -50%;
	margin-left: -16px;
}

.banner_list li {
	position: relative;
	left: 50%;
	float: left;
	padding-left: 16px;
}
*/



.tab li {
	float: left;
	width: 25%;
	cursor: pointer;
}
.tab li a,
.tab li p {
	text-align: center;
	padding: 10px;
	border: solid 4px #39894a;
	border-left: none;
	display: block;
}
.tab li.active a,
.tab li.active p {
	background-color: #39894a;
	color: #fff;
}
.tab li:first-child a,
.tab li:first-child p {
	border-left: solid 4px #39894a;
}

/*
.news_list {
	text-align: left;
	margin: 20px auto;
}
.news_list .cat {
	background-color: #666;
	color: #fff;
	padding: 1px 10px;
	font-size: 80%;
	-webkit-border-radius : 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	min-width: 4em;
	display: inline-block;
	text-align: center;
	margin-right: 10px;
}

.news_list li {
	padding: 20px;
}
.news_list li:nth-child(even) {
	background-color: #f5f5f5;
}
*/

.news_list {
	text-align: left;
	margin: 20px auto;
}
.news_list .cat {
	background-color: #666;
	color: #fff;
	padding: 2px 8px;
	font-size: 80%;
	-webkit-border-radius : 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	min-width: 8%;
	display: inline-block;
	text-align: center;
	margin-right: 10px;
	margin-top: 4px;
	float: left;
	line-height: 1.7em;
}

.news_list li {
	padding: 20px;
	
}
.news_list li a {
	display: block;
	float: right;
	width: 87%;
}
.news_list li:nth-child(even) {
	background-color: #f5f5f5;
}


.news_list .news_top_date {
	display: block;
}





.footer {
	text-align: left;
	line-height: 1.5em;
	background-color: #f5f5f5;
	border-top: 5px solid #91be99;
	padding-bottom: 25px;
	position: relative;
	z-index: 1;
}
.footer .section {
	margin-bottom: 0px;
	padding: 35px 0px 50px;
}

.footer .li_title {
	float: left;
	min-width: 150px;
}
.footer .gl .li_title {
	float: left;
	min-width: 300px;
}
.footer .li_title ul {
	margin-top: 5px;
}
.footer .li_title li {
	font-size: 80%;
	position: relative;
	padding-left: 1.75em;
}
.footer .li_title li:before {
	content: 'ー';
	margin-right: 5px;
}

.ft_nav {
	width: 66%;
	max-width: 612px;
	float: left;
	line-height: 1.7em;
}


.footer .ft_info {
	width: 34%;
	max-width: 336px;
	font-size: 90%;
	line-height: 1.5em;
	float: right;
}
.footer .ft_info .comp_name {
	width: 50%;
}

.footer .ft_info h3 {
	float: left;
	padding: 10px 10px 20px 0px;
	width:16%;
}
.footer .ft_info h3 img {
	width: 100%;
}
.footer .ft_info p img {
	margin: 5px auto;
}
.footer .ft_info ul {
	text-align: center;
}
.footer .ft_info li {
	padding-left: 1%;
	min-width: 30%;
	display: inline-block;
}
.footer .ft_info li:first-child {
	padding-left: 0%;
}
a.btn_ft {
	padding: 6px 4px 6px 10px;
	border: 2px solid #39894a;
	background-color: #fff;
	color: #39894a;
	font-weight: 300;
	font-size: 100%;
	text-decoration: none;
	display: inline-block;
}
a.btn_ft .icon-arrow-right {
	padding-left: 5px;
	top: 2px;
	position: relative;
	font-size: 110%;
}

.copyright {
	text-align: center;
	padding: 10px 0px 20px;
	font-size: 90%;
	position: relative;
	z-index: 1;
	background-color: #fff;
}





/* 下層ページ */

.pankuzu {
	background-color: #f5f5f5;
	padding: 10px 10px 10px 40px;
}
.pankuzu dt,
.pankuzu dd {
	float: left;
	padding-top: 5px;
    display: inline-block;
}
.pankuzu .icon-arrow-right {
	color: #39894a;
}

.pankuzu li {
	float: left;
	padding-right: 5px;
}
.pankuzu .icon-arrow-right {
	color: #39894a;
}



.one_section {
	margin-bottom: 60px;
}
.left_box_section .one_section {
	margin-bottom: 0px;
	padding: 0px 20px 20px 0px;
}

.title_margin {
	margin: 20px auto 30px;
}

.renewal .title_margin {
	margin: 40px auto 30px;
}

.pb_section {
	padding: 0px 0px 95px 0px;
}
.pd_section {
	padding: 40px 0px 40px 0px;
}

.main_img {
	position: relative;
	padding-top: 10px;
}

.main_img .main_title {
	float: left;
}

.main_img .main_title .title_box {
	position: absolute;
	height: 50%;
	width: 35%;
	bottom: 0px;
	background-color: rgba(58,138,75,0.75);
	z-index: 4;
}
.renewal .main_img .main_title .title_box.big_w,
.main_img .main_title .title_box.big_w {
	width: 45%;
}

.main_img .main_title .title {
	font-family:'Lato','Noto Sans Japanese', sans-serif;
	font-size: 220%;
	position: absolute;
	line-height: 1em;
	letter-spacing: 0.2em;
	color: #fff;
	right: 30px;
	bottom: 15px;
	font-weight: 100;
}
.main_img .main_title .title_box.big_w .title {
	line-height: 1.5em;
}
.main_img .main_title .title .line_top {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 40%;
	position: relative;
	vertical-align: middle;
	display: inline-block;
	border-bottom: none;
	border-top: 2px solid #fff;
	padding-bottom: 0px;
	padding-top: 5px;
	margin-top: 20px;
	letter-spacing: 0.1em;
}
.main_img .main_title .title .line_bottom {
	font-family: 'Noto Sans Japanese', sans-serif;
	letter-spacing: 0.1em;
	margin-bottom: 20px;
	font-size: 50%;
}
.main_img .main_title .title .line_none {
	border-bottom: none;
}

.main_img .img {
	float: right;
	position: relative;
} 
.main_img .img:before {
	content: '';
	height: 100%;
	width: 141px;
	position: absolute;
	z-index: 2;
	background-image: url(../images/bk_wh.png);
	background-repeat: repeat-y;
	background-position: left top;
	left: -20px;
} 

.information {
	margin-bottom: 40px;
}
.company_list {
	width: 49%;
	position: relative;
	margin-bottom: 30px;
}
.company_list.detail01 {
	background-image: url(../../images/company/bk_btn01.jpg);
	background-repeat:no-repeat;
	background-position: left top;
	background-size: cover;
	float: left;
}
.company_list.detail02 {
	background-image: url(../../images/company/bk_btn02.jpg);
	background-repeat:no-repeat;
	background-position: right top;
	background-size: cover;
	float: right;
}
.company_list.detail03 {
	background-image: url(../../images/company/bk_btn03.jpg);
	background-repeat:no-repeat;
	background-position: left top;
	background-size: cover;
	float: left;
}
.company_list.detail04 {
	background-image: url(../../images/company/bk_btn04.jpg);
	background-repeat:no-repeat;
	background-position: right top;
	background-size: cover;
	float: right;
}
.company_list.detail05 {
	background-image: url(../../images/company/bk_btn05.jpg);
	background-repeat:no-repeat;
	background-position: left top;
	background-size: cover;
	float: left;
}
.company_list.detail06 {
	background-image: url(../../images/company/bk_btn06.jpg);
	background-repeat:no-repeat;
	background-position: right top;
	background-size: cover;
	float: right;
}


.company_list .box_r {
	padding: 55px 0px;
	width: 316px;
	background:  rgba(58,138,75,0.75);
	border: 9px solid rgba(255,255,255,0.34);
	color: #fff;
	float: right;
	position: relative;
	z-index: 2;
}
.company_list .box_l {
	padding: 55px 82px;
	background:  rgba(58,138,75,0.75);
	border: 9px solid rgba(255,255,255,0.34);
	color: #fff;
	float: left;
	position: relative;
	z-index: 2;
}

.company_list h3 {
	font-family:'Lato','Noto Sans Japanese', sans-serif;
	font-size: 160%;
	line-height: 1em;
	letter-spacing: 0.2em;
	color: #fff;
	right: 30px;
	bottom: 30px;
	font-weight: 100;
}

.company_list .box_r.l_height {
	padding-top: 37px;
}
.company_list .l_height h3 {
	font-family:'Lato','Noto Sans Japanese', sans-serif;
	font-size: 160%;
	line-height: 1.4em;
	letter-spacing: 0.2em;
	color: #fff;
	right: 30px;
	bottom: 30px;
	font-weight: 100;
}


.company_list h3 span {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 60%;
	position: relative;
	vertical-align: middle;
	display: inline-block;
	border-bottom: none;
	letter-spacing: 0.1em;
}

.company_list .btn_detail {
	font-size: 100%;
	letter-spacing: 0em;
	border: none;
	padding: 10px 10px 10px 20px;
	margin-top: 20px;
}

.company_list a.btn_detail .icon-arrow-right {
	padding-left: 20px;
}




/* column_3 */

.bk_c_g {
	background-color: #f5f5f5;
	padding: 14px;
}

.ph_r {
	float: right;
	padding: 0px 0px 20px 30px
}
.ph_r.vison {
	margin-top: -70px;
}
.ph_r.approach {
	margin-top: -40px;
}

.map_canvas {
	position: relative;
	width: 100%;
	height: 320px;
	margin-bottom: 10px;
	position: relative;
}
.map_canvas iframe {
	width: 100%;
	height: 320px;
}


.sub_catch {
	position: relative;
	font-family:'Lato','Noto Sans Japanese', sans-serif;
	font-size: 200%;
	line-height: 1.4em;
	padding: 8px 0px 4px;
	letter-spacing: 0.1em;
	display: inline-block;
	margin: 0px auto 30px;
	font-weight: 200;
}
.sub_catch span {
	font-size: 80%;
	font-weight: 300;
}

.sub_catch:before {
	content: '';
	height: 2px;
	width: 100px;
	background: #39864a;
	position: absolute;
	left: 0px;
	bottom: -10px;
}
.sub_catch.white:before {
	content: '';
	height: 2px;
	width: 100px;
	background: #fff;
	position: absolute;
	left: 0px;
	bottom: -10px;
}

.sub_title {
	font-size: 240%;
	font-weight: 400;
	line-height: 1.5em;
	color: #679f6e;
	margin-bottom: 15px;
}
.sub_title_s {
	font-size: 150%;
	font-weight: 400;
	line-height: 1.5em;
	color: #679f6e;
}

.column_3 {
	position: relative;
	width: 100%;
	margin: 70px auto 90px;
}
.column_3.overview {
	margin: 70px auto 0px;
}

.column_3 .main_column {
	position: relative;
	width: 82%;
	float: right;
	text-align: left;
}
.column_3 .main_column .main_box {
	width: 100%;
	position: relative;
	text-align: left;
}
.column_3 .main_column .left_box {
	position: relative;
	width: 56%;
	padding-left: 6%;
}

.column_3 .main_column .left_box_w {
	position: relative;
	width: 74%;
	padding-left: 6%;
}
.column_3 .main_column .left_box_w_big {
	position: relative;
	width: 84%;
	padding-left: 6%;
}
.column_3 .main_column .left_box_section {
	position: relative;
	width: 56%;
	padding-left: 0%;
}


.column_3 .main_column .right_box {
	position: absolute;
	width: 31%;
	max-width: 384px;
	right: 0px;
	top: 0px;
}

.column_3 .main_column_w100 {
	width: 100%;
	position: relative;
	clear: both;
	text-align: left;
}
.column_3 .main_column_w100.chart {
	margin-top: 40px;
}
.column_3 .main_column_w100.history {
	margin: 40px auto 140px;
}
.column_3 .main_column_w100 .m_w {
	width: 76%;
}
.bg_c_g01 {
	background-color: #f5f5f5;
	border-top: 4px solid #ececec;
	border-bottom: 4px solid #ececec;
	padding: 50px 0px;
}


.table01 {
	width: 100%;
}
.contact_box .table01 {
	margin-top: 20px;
	border-bottom: 8px solid #eef5f0;
}

.table01 th,
.table01 td {
	padding: 14px 24px;
}

.table01 th {
	border-right: 2px solid #fff;
	vertical-align: text-top;
	width: 25%;
}

.table01 tr:nth-child(odd) th {
	background-color: #ddebe1;
}

.table01 tr:nth-child(odd) td {
	background-color: #eef5f0;
}

.table02 {
	width: 100%;
}

.table02 th,
.table02 td {
	padding: 10px 24px;
}

.table02 th {
	border-right: 2px solid #fff;
	vertical-align: text-top;
	width: 25%;
}

.table02 tr:nth-child(odd) th {
	background-color: #e4e4e4;
}

.table02 tr:nth-child(odd) td {
	background-color: #f5f5f5;
}

.table03 {
	width: 100%;
}

.table03 th,
.table03 td {
	padding: 7px 20px;
}

.table03 th {
	border-right: 2px solid #fff;
	vertical-align: text-top;
	width: 22%;
}

.table03 tr:nth-child(odd) th {
	background-color: #f5f5f5;
}

.table03 tr:nth-child(odd) td {
	background-color: #f5f5f5;
}


.dl_flow dt,
.dl_flow dd {
	float: left;
}
.dl_flow dt {
	width: 15%;
}
.dl_flow dd {
	width: 85%;
}
.dl_flow:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.dl_flow {
  min-height: 1px;
}
* html .dl_flow {
  height: 1px;
  /*?*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.dl_flow_b dt,
.dl_flow_b dd {
	float: left;
}
.dl_flow_b dt {
	width: 30%;
}
.dl_flow_b dd {
	width: 66%;
	padding-left: 4%;
}
.dl_flow_b:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.dl_flow_b {
  min-height: 1px;
}
* html .dl_flow_b {
  height: 1px;
  /*?*//*/
  height: auto;
  overflow: hidden;
  /**/
}


.indent01 li {
	text-indent: -2em;
	padding-left: 2em;
}
.indent02 li {
	text-indent: -1em;
	padding-left: 1em;
}


#construction {
	background-image: url(../../images/section/section_bk01.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 10px;
	margin-left: 6%;
	margin-bottom: 40px;
}
#engineering {
	background-image: url(../../images/section/section_bk02.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 10px;
	margin-left: 6%;
	margin-bottom: 40px;
}
#renewal {
	background-image: url(../../images/section/section_bk03.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 10px;
	margin-left: 6%;
	margin-bottom: 40px;
}
#estate {
	background-image: url(../../images/section/section_bk04.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 10px;
	margin-left: 6%;
	margin-bottom: 40px;
}
#insurance {
	background-image: url(../../images/section/section_bk05.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 10px;
	margin-left: 6%;
	margin-bottom: 40px;
}
#lease {
	background-image: url(../../images/section/section_bk06.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 10px;
	margin-left: 6%;
	margin-bottom: 40px;
}
.img_section {
	position: absolute;
	top: -20px;
	right: 5%;
	z-index: 10;
	width: 30%;
	max-width: 364px;
}
.img_section img {
	width: 100%;
}
.bk_c_w {
	background-color: #fff;
	padding-top: 30px;
}
.bk_c_w50 {
	background-color: rgba(255,255,255,0.69);
	padding: 40px;
}
.column_3 .main_column.section_column .left_box_w {
	width: 82%;
}
.section_column .left_box_w .one_section {
	    width: 62%;
}
.column_3 .main_column.section_column .right_box {
		width: 28%;
		max-width: auto;
}

.column_3 .main_column.section_column .right_box li {
		float: left;
		width: 49%;
		padding-left: 2%;
}
.column_3 .main_column.section_column .right_box li:first-child {
	padding-left: 0%;
}
.column_3 .main_column.section_column .right_box p {
	font-size: 80%;
	line-height: 1.5em;
	text-align: right;
}
.column_3 .main_column.section_column .right_box p span {
	padding-top: 5px;
	display: inline-block;
}

#construction_btn {
	background-image: url(../../images/section/section_btn_bk01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	width: 100%;
	max-width: 694px;
	margin: auto;
	text-align: center;
}
#engineering_btn {
	background-image: url(../../images/section/section_btn_bk02.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	width: 100%;
	max-width: 694px;
	margin: auto;
	text-align: center;
}
.section_btn div {
	position: relative;
	display: inline-block;
	font-size: 190%;
	border-top: 1px solid rgba(255,255,255,0.79);
	border-bottom: 1px solid rgba(255,255,255,0.79);
	letter-spacing: 0.1em;
	padding: 0em 0.5em;
	margin: 50px auto;
}
.section_btn div a {
	background: rgba(58,138,75,0.75);
	padding: 0.25em 1.7em 0.25em 1em;
	color: #fff;
	display: inline-block;
}
.section_btn div a .icon-arrow-right {
	position: absolute;
	right: 5%;
	top: 20%;
}
.section_btn div a .s_txt {
	font-size: 50%;
	display: inline-block;
	padding-top: 0.75em;
}
.section_btn div a:hover {
	text-decoration: none;
}
.section_btn div:after {
	content: '';
	height: 2.4em;
	width: 1px;
	background: rgba(255,255,255,0.79);
	position: absolute;
	right: 0.5em;
	top: -0.3em;
	z-index: 2;
}
.section_btn div:before {
	content: '';
	height: 2.4em;
	width: 1px;
	background: rgba(255,255,255,0.79);
	position: absolute;
	left: 0.5em;
	top: -0.3em;
	z-index: 2;
}


/* .column_3 .side */

.column_3 .side {
	position: absolute;
	width: 17%;
	float: left;
	z-index: 10;
}

.side {
	text-align: left;
}
.side .side_inner {
	position: relative;
	width: 100%;
}
.side .side_inner .menu {
	position: relative;
	background: rgba(255,255,255,0.53);
}
.w17 {
	width: 17%;
}
.side .side_inner .menu h2 {
	background-color: #d5e5d7;
	font-size: 100%;
	font-weight: 200;
	padding: 10px 10px 10px 25px;
}
.side .side_inner .menu a {
	display: block;
	position: relative;
	width: 100%;
}
.side .side_inner .menu a .txt {
	padding: 10px 10px 10px 25px;
	display: inline-block;
}
.side .side_inner .menu a .icon {
	float: right;
	padding: 10px 20px;
	color: #679f6e;
}
.side .side_inner .menu a:hover .icon,
.side .side_inner .menu .active .icon {
	background-color: #c5dcca;
}
.side .side_inner .menu a:hover,
.side .side_inner .menu .active {
	background-color: #679f6e;
	color: #fff;
}




/* .column_1 */

.main_imgbox {
	width: 100%;
	position: relative;
}
.main_imgbox .main_imgbox_title {
	position: absolute;
	text-align: center;
	width: 36%;
	left:  32%;
}
.main_imgbox li {
	float: left;
	width: 50%;
}
.main_imgbox li img {
	width: 100%;
}


.attractive_list {
	text-align: left;
	width: 66%;
	margin: auto;
	position: relative;
}
.attractive_list .box_r01 {
	float: right;
	width: 56%;
}
.attractive_list .box_l01 {
	float: left;
	width: 41%;
}
.attractive_list .box_r02 {
	float: right;
	width: 37%;
}
.attractive_list .box_l02 {
	float: left;
	width: 58%;
}
.attractive_list .box_r03 {
	float: right;
	width: 50%;
	min-width: 590px;
}
.attractive_list .box_l03 {
	float: left;
	width: 34%;
}


.box_w {
	background: rgba(0,0,0,0.47);
	padding: 30px 40px;
	color: #fff;
	border: 9px solid rgba(255,255,255,0.16);
	max-width: 620px;
	width: 80%;
	margin: auto;
	text-align: left;
}

.bk_attractive02 {
	background-image: url(../../images/attractive/attractive_img08.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding: 80px 0px;
	border-top: 9px solid #bfbab9;
	border-bottom: 9px solid #bfbab9;
	margin-top: 100px;
}
.bk_attractive01 {
	background-image: url(../../images/attractive/attractive_img04-bk.jpg);
	background-repeat: no-repeat;
	background-position: center -50px;
	background-size: contain;
	padding: 0px 0px 100px;
	margin: auto;
	width: 85%;
}

.bk_attractive01 .box {
	background-image: url(../../images/attractive/attractive_img04-03.jpg);
	background-repeat: no-repeat;
	position: relative;
	width: 33%;
	max-width: 480px;
	margin: auto;
	text-align: left;
	padding-top: 50px;
	left: -3%;
}
.bk_attractive01 .box_l  {
	float: left;
	width: 27%;
}
.bk_attractive01 .box_r  {
	float: right;
	width: 33%;
}
.bk_attractive01 .box img,
.bk_attractive01 .box_l img,
.bk_attractive01 .box_r img {
	width: 100%;
}



/* renewal */

.renewal .main_imgbox .main_imgbox_title {
	position: absolute;
	text-align: center;
	width: 38%;
	left:  31%;
}

.renewal .main_img .main_title .title_box {
	position: absolute;
	height: 50%;
	width: 35%;
	bottom: 0px;
	background-color: rgba(255,171,69,0.80);
	z-index: 4;
}

.renewal .map_canvas  {
	margin-top: 20px;
}

.renewal #header .nav {
	background-color: rgba(255,171,69,0.80);
	color: #fff;
	font-size: 110%;
	width: 100%;
}
.renewal #header .nav li ul.child{
	background-color: rgba(255,171,69,0.80);
}

.renewal .pankuzu .icon-arrow-right {
	color: #ffad46;
}


.renewal .sub_catch:before {
	content: '';
	height: 2px;
	width: 100px;
	background: #ffad46;
	position: absolute;
	left: 0px;
	bottom: -10px;
}

.renewal .obi01 {
	background-color: #f5f5f5;
	padding: 10px 14px;
	color: #ffad46;
	font-weight: 300;
	margin: 5px auto 20px;
	font-size: 130%;
}

.slider_box {
	position: relative;
}
.slider_box p {
	float: left;
	position: relative;
}
.slider_box .yazi {
	padding: 10px;
	padding-top: 40%;
	font-size: 200%;
	color: #ffad46;
	position: relative;
}
.slider_box .slider_img span {
	display: block;
	position: absolute;
	width: 92%;
	padding: 2% 4%;
	color: #fff;
	bottom: 0px;
	font-family: "Lato";
	font-weight: 600;
	font-size: 130%;
	letter-spacing: 0.1em;
}
.slider_box .after span {
	background-color: rgba(255,171,69,0.40);
	padding: 2% 5%;
}
.slider_box .after {
	padding-right: 40px;
}
.slider_box .after .top_line {
	background: solid rgba(255,171,69,0.40);
	width: 100%;
	height: 2px;
}

.slider_box .before span {
	background-color: rgba(255,171,69,0.80);
}

.slider_box .after:after {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	
	content: "\e619";
	font-size: 200%;
	color: #ffad46;
	position: absolute;
	bottom: 2%;
	right: 2%;
}

.column_3flow {
	margin: 70px auto 40px;
	line-height: 1.5em;
}

.column_3flow .flow_box {
	width: 32%;
	padding-left: 2%;
	float: left;
}
.column_3flow .flow_box:first-child {
	padding-left: 0%;
}
.column_3flow .flow_box .obi01 {
	margin: 5px auto 10px;
}
.column_3flow .ph {
	border-bottom: 2px solid #ffad46;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.renewal .column_3 .main_column {
	width: 83%;
}
.renewal .column_3 .main_column .left_box {
	position: relative;
	width: 62%;
	padding-left: 0%;
}
.renewal .column_3 .main_column .left_box_w {
	padding-left: 0%;
	width: 80%;
}

.renewal .column_3 .main_column .info_box {
	width: 60%;
	margin-top: 140px;
}

.column_3 .main_column .right_box.info {
		width: 36%;
}




/* estate */
.estate .main_imgbox .main_imgbox_title {
	position: absolute;
	text-align: center;
	width: 38%;
	left:  31%;
}
.estate .main_img .main_title .title_box {
	position: absolute;
	height: 50%;
	width: 35%;
	bottom: 0px;
	background-color: rgba(118,177,232,0.80);
	z-index: 4;
}

.estate #header .nav {
	background-color: rgba(118,177,232,0.80);
	color: #fff;
	font-size: 110%;
	width: 100%;
}
.estate #header .nav li ul.child{
	background-color: rgba(118,177,232,0.80);
}

.estate .pankuzu .icon-arrow-right {
	color: #76b1e8;
}

.estate .title_margin {
	margin: 40px auto 30px;
}

.estate .sub_catch:before {
	content: '';
	height: 2px;
	width: 100px;
	background: #76b1e8;
	position: absolute;
	left: 0px;
	bottom: -10px;
}

.estate .obi01 {
	background-color: #f5f5f5;
	padding: 10px 14px;
	color: #76b1e8;
	font-weight: 300;
	margin: 5px auto 20px;
	font-size: 130%;
}

.estate .map_canvas  {
	margin-top: 20px;
}

.estate .attractive_list {
	margin-bottom: 40px;
}

.estate .column_3 .main_column {
	width: 83%;
}
.estate .column_3 .main_column .left_box {
	position: relative;
	width: 62%;
	padding-left: 0%;
}
.estate .column_3 .main_column .left_box_w {
	padding-left: 0%;
	width: 80%;
}

.estate .column_3 .main_column .info_box {
	width: 60%;
	margin-top: 200px;
}

.estate_no1_bk {
	position: relative;
	background-image: url(../../images/estate/estate_bk01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
}
.estate_no1 {
	position: relative;
	width: 100%;
	padding-top: 30px;
	overflow: hidden;
}
.estate_no1 ul {
	position: relative;
	float: left;
	left: 48%;
	width: 92%;
}
.estate_no1 ul li {
	position: relative;
	float: left;
	left: -50%;
	width: 48%;
}
.estate_no1 ul li:nth-child(even) {
	float: right;
}
.estate_no1 li span {
	float: left;
	padding: 0px 10px 10px 0px;
	position: relative;
	top: -20px;
}
.estate_no1 .big_w li {
	width: 100%;
}
.estate_no1 .big_w {
	width: 70%;
	margin-top: 20px;
}
.estate_no1 ul .big_w li span {
	top: -30px;
}


.estate_no1_bk .approach_img {
	position: absolute;
	bottom: 0px;
	right: 10%;
}
.estate_list {
	position: relative;
	width: 100%;
	margin: 40px auto 50px;
}
.estate_list ul {
	position: relative;
	border: 6px solid #b3d4f5;
	padding: 20px;
	width: 77%;
}

.estate_list li {
	float: left;
	color: #76b1e8;
	width: 30%;
    padding: 4px 10px;
}

.estate_list:after {
	content: url(../../images/estate/estate_img04.jpg);
	width: 12%;
	position:absolute;
	right: 0px;
	top: 0px;
}

.mediation {
	margin-bottom: 20px;
}
.mediation_right {
	float: right;
	width: 36%;
}
.mediation_right img {
	width: 100%;
}
.mediation  .mediation_left {
	width: 62%;
	float: left;
}
.mediation_left dl {
	border: 1px solid #deecfa;
	float: right;
	width: 48%;
}
.mediation_left h5 {
	font-weight: normal;
	margin-bottom: 15px;
}
.mediation_left>h5+dl {
	float: left;
}
.mediation_left dt {
	background-color: #deecfa;
	color: #76b1e8;
	padding: 0.5em 1em;
}
.mediation_left dd {
	padding: 1em;
	font-size: 90%;
	line-height: 1.6em;
}





/* works */

.works_cat_list {
	width: 100%;
	position: relative;
	margin: auto;
	border-top: solid 6px #f5f5f5;
	border-bottom: solid 6px #f5f5f5;
	padding: 20px 0px 10px;
	margin: 30px auto 50px;
}

.works_cat_list ul {
	float: left;
	position: relative;
	left: -30%;
	margin: auto;
	width: 80%;
}

.works_cat_list li {
	position: relative;
	left: 50%;
	float: left;
	padding-left: 3%;
	padding-bottom: 10px;
}

.works_cat_list li a {
	border-bottom: 2px solid #fff;
	padding-bottom: 2px;
}

.works_cat_list li .active,
.works_cat_list li a:hover {
	text-decoration: none;
	border-bottom: 2px solid #39894a;
	color: #39894a;
}



.works .works_list {
	width: 100%;
	overflow: hidden;
}
.works .works_list ul {
	width: 1002px;
	float: left;
	position: relative;
	left: -50%;
	margin-left: -30px;
}

.works .works_list li {
	position: relative;
	left: 50%;
	float: left;
	width: 18%;
	padding-left: 2%;
	padding-bottom: 20px;
}
.works .works_list li .ph {
	position: relative;
}
.works .works_list li .ph .cat {
	background-color: rgba(58,138,75,0.75);
	color: #fff;
	padding: 5px 10px;
	position: absolute;
	font-size: 80%;
	bottom: 0px;
	left: 0px;
}
.works .works_list li p {
	padding: 10px 0px;
}
.works .works_list li a {
	display: block;
}

.bx-pager {
	position: relative;
	overflow: hidden;
}
.bx-pager ul {
	text-align: center;
}
.bx-pager li {
	display: inline-block;
	padding: 20px 10px;
	min-width: 118px;
}
.bx-pager li a {
	border: 2px solid #fff;
	display: inline-block;
}
.bx-pager li .active ,
.bx-pager li a:hover {
	border: 2px solid #39894a;
}

.works_detail {
	margin: 40px auto;
	width: 90%;
	max-width: 565px;
	padding-bottom: 20px;
	text-align: left;
	border-bottom: 4px solid #f5f5f5;
}

.btn_next {
	margin-bottom: 50px;
	position: relative;
	overflow: hidden;
}

.btn_next ul {
	position: relative;
	left: 50%;
	float: left;
}

.btn_next ul li {
	position: relative;
	left: -50%;
	float: left;
	padding: 10px;
}

.next a {
	padding: 6px 10px 6px 20px;
	border: 4px solid #74ac7f;
	background-color: #fff;
	color: #39894a;
	font-weight: 300;
	font-size: 100%;
	text-decoration: none;
	display: inline-block;
	letter-spacing: 0.2em;
}
.next a .icon-arrow-right {
	padding-left: 5px;
	top: 3px;
	position: relative;
	font-size: 110%;
}

a.home {
	padding: 6px 10px 6px 10px;
	border: 4px solid #74ac7f;
	background-color: #fff;
	color: #39894a;
	font-weight: 300;
	font-size: 100%;
	text-decoration: none;
	display: inline-block;
	letter-spacing: 0.2em;
}

.prev a {
	padding: 6px 20px 6px 10px;
	border: 4px solid #74ac7f;
	background-color: #fff;
	color: #39894a;
	font-weight: 300;
	font-size: 100%;
	text-decoration: none;
	display: inline-block;
	letter-spacing: 0.2em;
}
.prev a .icon-arrow-left {
	padding-right: 5px;
	top: 3px;
	position: relative;
	font-size: 110%;
}


/* news */

.news {
	margin-bottom: 60px;
}

.news_post {
	text-align: left;
	position: relative;
}

.news_post .news_title .cat {
	background-color: #666;
	color: #fff;
	padding: 1px 10px;
	font-size: 80%;
	-webkit-border-radius : 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	min-width: 4em;
	display: inline-block;
	text-align: center;
	margin-right: 10px;
}

.section .news_post .news_title p {
	padding: 20px 0px 5px;	
}

.section .news_post {
	border-bottom: 4px solid #f5f5f5;
	padding-bottom: 60px;
	margin-bottom: 20px;
}



.waku01 {
	border: 8px solid #39894a;
	padding: 20px 40px;
}


.contact_box {
	margin-bottom: 80px;
}





/* recruit */

.recruit_page .back_btn {
	position: absolute;
	right: 0px;
	top: 0px;
	font-size: 80%;
}
.recruit_page .back_btn a {
	padding: 1px 7px 0px 7px;
	border-top: 2px solid #e8e8e8;
	background-color: #f5f5f5;
	display: inline-block; 
}


.recruit_page .main_title {
	background-color: #1c1993;
	background-image: url(../../images/recruit/recruit_bk04.png);
	background-repeat: repeat;
	color: #fff;
	padding: 40px 0px 20px;
}

.recruit_page .main_title .title {
    font-family: 'Lato','Noto Sans Japanese', sans-serif;
    font-size: 200%;
    position: relative;
    line-height: 1em;
    letter-spacing: 0.2em;
}
.recruit_page .main_title .title span {
	font-size: 65%;
    border-top: 2px solid #c90018;
    border-bottom: none;
    padding-top: 5px;
    margin-top: 10px;
}

.recruit_page .recruit_bk {
	background: url(../../images/recruit/recruit_bk03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	width: 100%;
}
.recruit_page .recruit_bk_dotto {
	background: url(../../images/recruit/recruit_bk02.png);
	background-repeat: repeat;
	width: 100%;
}

.recruit_page #main {}

.recruit_section {
	width: 100%;
	max-width: 1049px;
	margin: 30px auto 20px;
	padding-bottom: 40px;
}

.recruit_section .recruit_works {
	float: left;
	width: 100%;
	max-width: 635px;
	position: relative;
}
.recruit_section .recruit_works a {
	display: block;
}
.recruit_section .recruit_works .img_title {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 100;
}

.recruit_page .bx-wrapper .bx-pager.bx-default-pager {
    position: absolute;
    top: auto;
    bottom: 0px;
    margin-bottom: 0px;
}
.recruit_page .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 45%;
}
.recruit_page .bx-wrapper .bx-prev {
	left: 10px;
}
.recruit_page .bx-wrapper .bx-next {
   	right: 10px;
}

.recruit_section .recruit_workers {
	float: right;
	margin-bottom: 20px;
}

.recruit_page_2btn {
	width: 100%;
	margin-top: 10px;
}
.recruit_page_2btn.works_tab {
	margin-top: 50px;
	margin-bottom: 40px;
}

.recruit_page_2btn ul {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.recruit_page_2btn ul li {
	position: relative;
	display: inline-block;
	width: 32%;
}

.btn_ent_box {
	float: right;
	margin: 15px 0px 10px 20px
}
a.btn_ent {
	padding: 7px 14px 7px 14px;
	border: 3px solid #f6d1d6;
	background-color: #c90018;
	color: #fff;
	font-weight: 300;
	font-size: 80%;
	text-decoration: none;
	display: block;
	margin-top: 10px;
}
a.btn_ent .icon-arrow-right {
	top: 3px;
	position: relative;
	font-size: 100%;
}
a.btn_new {
	padding: 30px 0px 30px 0px;
	border: 6px solid #fff;
	background-color: #ff801e;
	color: #fff;
	font-weight: 300;
	font-size: 180%;
	text-decoration: none;
	display: block;
	margin-top: 0px;
	letter-spacing: 0.2em;
	position: relative; 
	background-image: url(../../images/recruit/recruit_btn_icon.png);
	background-repeat: no-repeat;
	background-position: 12% center;
	background-size: contain;
}
.btn_bottom a.btn_new {
	border: 6px solid #ffe4cf;
}
a.btn_new .icon-arrow-right {
	top: 30%;
	right: 2%;
	position: absolute;
	font-size: 110%;
}

a.btn_inter {
	padding: 30px 0px 30px 0px;
	border: 6px solid #fff;
	background-color: #208037;
	color: #fff;
	font-weight: 300;
	font-size: 180%;
	text-decoration: none;
	display: block;
	margin-top: 0px;
	letter-spacing: 0;
	position: relative; 
	background-image: url(../../images/recruit/recruit_btn_icon.png);
	background-repeat: no-repeat;
	background-position: 6% center;
	background-size: contain;
}
.btn_bottom a.btn_inter {
	border: 6px solid #c5def5;
}
a.btn_inter .icon-arrow-right {
	top: 30%;
	right: 2%;
	position: absolute;
	font-size: 110%;
}

a.btn_mid {
	padding: 30px 0px 30px 0px;
	border: 6px solid #fff;
	background-color: #3f92de;
	color: #fff;
	font-weight: 300;
	font-size: 180%;
	text-decoration: none;
	display: block;
	margin-top: 0px;
	letter-spacing: 0.2em;
	position: relative; 
	background-image: url(../../images/recruit/recruit_btn_icon.png);
	background-repeat: no-repeat;
	background-position: 12% center;
	background-size: contain;
}
.btn_bottom a.btn_mid {
	border: 6px solid #c5def5;
}
a.btn_mid .icon-arrow-right {
	top: 30%;
	right: 2%;
	position: absolute;
	font-size: 110%;
}

a.btn_tab {
	padding: 20px 0px 20px 0px;
	color: #fff;
	font-weight: 300;
	font-size: 140%;
	text-decoration: none;
	display: block;
	margin-top: 0px;
	letter-spacing: 0.2em;
	position: relative; 
	background-color: #fff;
	color: #39884a;
	border: 6px solid #579a65;
}
a.btn_tab:hover,
a.btn_tab.active {
	padding: 20px 0px 20px 0px;
	color: #fff;
	font-weight: 300;
	font-size: 140%;
	text-decoration: none;
	display: block;
	margin-top: 0px;
	letter-spacing: 0.2em;
	position: relative; 
	background-color: #39884a;
	border: 6px solid #579a65;
}


.zinzai {
	margin: 20px auto 0px;
}
.zinzai ._inner {
	background: url(../../images/recruit/recruit_bk01.png);
	padding: 0px 20px 20px;
}

.zinzai ._inner p {
	padding: 20px 20px 40px;
	background-color: rgba(255,255,255,0.80);
}

footer {
	position: relative;
	z-index: 4;
}
.recruit_page .recruit_footer {
	background: #39884a;
}

.recruit_page .recruit_footer .section {
	padding: 20px 0px 20px 0px;
	width: 100%;
	max-width: 1049px;
}

.recruit_page .recruit_footer a {
	color: #fff;
	font-weight: 300;
	padding-right: 20px;
}


.recruit_page #header .nav .logo {
	width: 172px;
	padding-bottom: 10px;
}

.recruit_page #header .nav {
	background-color: transparent;
	color: #333;
}
.recruit_page .nav_in {
	background-color: #fff;
}
.recruit_page .nav_bottom {
	background-color: rgba(0,0,0,0.10);
	height: 4px;
	width: 100%;
}

.recruit_page #header .nav .nav_inner {
	max-width: 1049px;
	margin: auto;
	position: relative;
}

.recruit_page #header .nav li a {
	color: #333;
}

.recruit_page #header .nav .parent_li {
	padding: 35px 5px 10px 15px;
}
.recruit_page #header .nav li:first-child {
	padding: 35px 5px 10px 5px;
}
.recruit_page #header .nav .parent_li a {
	padding-bottom: 13px;
	display:block;
}
.recruit_page #header .nav .parent_li a:hover {
	border-bottom: 2px solid #39884a;
	padding-bottom: 11px;
}



/* works */

.recruit_page .works_img {
	position: relative;
	text-align: left;
	margin-bottom: 40px;
}

.recruit_page .works_img .main_txt {
	background-color: rgba(58,133,74,0.7);
	border: 7px solid rgba(58,133,74,0.55);
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 20px 30px;
	color: #fff;
}
.recruit_page .works_img .main_txt.left {
	left: 0px;
	right: auto;
}
.recruit_page .works_img .main_txt h2 {
	font-weight: 300;
	line-height: 1.7em;
	letter-spacing: 0.1em;
	font-size: 150%;
	margin-bottom: 10px;
}
.recruit_page .works_img .main_txt p {
	float: right;
}

.recruit_page .works_main {
	text-align: left;
	margin-bottom: 50px;
}
.recruit_page .works_main.graduates {
	text-align: left;
	margin-bottom: 10px;
}

.recruit_page .works_main.mess {
	background-color: #39884a;;
	background-image: url(../../images/recruit/recruit_bk04.png);
	background-repeat: repeat;
	border: 7px solid #579a65;
	color: #fff;
	padding: 20px 40px 30px;
	margin-bottom: 100px;
}
.recruit_page .works_main.mess .sub_catch {
    color: #fff;
}
.recruit_page .works_main.mess .sub_catch:before {
    background: #fff;
}
.recruit_page .sub_catch {
	color: #1c1993;
}

.recruit_page .sub_catch:before {
    background: #c9001b;
}
.ph_r.fukuri,
.ph_r.works {
	margin-top: -60px;
}

.recruit_page .works_main .box_r01 {
	float: right;
	width: 56%;
}
.recruit_page .works_main .box_l01 {
	float: left;
	width: 41%;
	max-width: 405px;
}
.recruit_page .works_main .box_r02 {
	float: right;
	width: 56%;
	max-width: 586px;
}
.recruit_page .works_main .box_l02 {
	float: left;
	width: 41%;
}
.recruit_page .works_main .box_r03 {
	float: right;
	width: 41%;
}
.recruit_page .works_main .box_l03 {
	float: left;
	width: 56%;
	max-width: 586px;
}
.recruit_page .works_main .box_r04 {
	float: right;
	width: 40%;
	max-width: 407px;
}
.recruit_page .works_main .box_l04 {
	float: left;
	width: 58%;
}

.recruit_page .obi01.cat {
	letter-spacing: 0.1em;
	margin-bottom: 0px;
	padding: 20px;
	font-size: 160%;
	color: #333;
	font-weight: 200;
	border-top: 2px solid #e3e3e3;
}

.recruit_page .sub_title {
	font-size: 160%;
	font-weight: 300;
	margin: 50px auto 60px;
	color: #1c1993;
	line-height: 2em;
}

.recruit_page .worker {
	position: relative;
	width: 100%;
	overflow: hidden;
	text-align: left;
	margin: 50px auto;
}

.recruit_page .worker ul {
	position: relative;
	left: 50%;
	float: left;
	margin-left: -1%;
}

.recruit_page .worker li {
	position: relative;
	float: left;
	left: -50%;
	width: 23%;
/* 	min-width: 243px; */
	padding-left: 2%;
	margin-bottom: 20px;
	display: inline-block;
}
.recruit_page .worker li a {
	display: block;
}

.recruit_page .worker li .cat {
	padding: 5px 10px 5px 10px;
	color: #fff;
	font-weight: 300;
	font-size: 100%;
	text-decoration: none;
	display: block;
	position: relative; 
	background-color: #39884a;
	border: 4px solid #579a65;
	text-align: center;
}
.recruit_page .worker li p {
	line-height: 1.5em;
	padding: 10px 0px;
}

.recruit_page .worker li a:hover {
	text-decoration: none;
}
.recruit_page .worker li a:hover p {
	color: #39884a;
}



.worker_img {
	position: relative;
	padding-top: 10px;
	margin-bottom: 50px;
}


.worker_img .main_txt  {
	background-color: rgba(58,138,75,0.75);
	border: 7px solid rgba(58,138,75,0.35);
	z-index: 4;
	color: #fff;
	position: absolute; 
	top: 36%;
}
.worker_img ._inner {
	padding: 40px 30px;
	text-align: center;
}
.worker_img ._inner h2 {
	padding: 10px 0px 20px;
	letter-spacing: 0.2em;
	font-size: 180%;
}

.worker_img ._inner p {
	border-top: 2px solid #fff;
	padding-top: 20px;
	display:inline-block; 
	text-align: center;
	letter-spacing: 0.2em;
	font-size: 100%;
}

.worker_img .img {
	float: right;
	position: relative;
} 

.worker_img .img:before {
	content: '';
	height: 100%;
	width: 141px;
	position: absolute;
	z-index: 2;
	background-image: url(../images/bk_wh.png);
	background-repeat: repeat-y;
	background-position: left top;
	left: -20px;
} 

.recruit_page .btn_next {
	border-top: 4px solid #f5f5f5;
	margin-top: 80px;
	padding-top: 20px;
}


.recruit_page #main_column {
	position: relative;
	float: right;
	width: 77%;
	max-width: 800px;
}

.bk_table {
	background-color: #e7e7e7;
	padding: 9px;
	margin-bottom: 40px;
}


.table04 {
	width: 100%;
	border-right: 1px solid #b5b5b5;
	border-bottom: 1px solid #b5b5b5;
}

.table04 th,
.table04 td {
	padding: 14px 24px;
	border-top: 1px solid #b5b5b5;
	border-left: 1px solid #b5b5b5;
	background-color: #fff;
}

.table04 th {
	border-top: 1px solid #b5b5b5;
	border-left: 1px solid #b5b5b5;
	vertical-align: text-top;
	width: 25%;
	background-color: #f5f5f5;
}


.nagare {
	padding: 20px;
	border: solid 6px #b2d1b9;
	margin-bottom: 20px;
}

.nagare dt {
	float: left;
	width: 25%;
	font-size: 180%;
	color: #39884a;
}
.nagare dt span {
	font-size: 120%;
	padding-right: 0.5em;
}
.nagare dd {
	float: right;
	width: 70%;
}

.obi_nagare {
	border: solid 6px #b2d1b9;
	background-color: #599b68;
	padding: 20px;
	text-align: center;
	color: #fff;
	font-weight: 300;
	font-size: 180%;
	line-height: 1.5em;
	letter-spacing: 1em;
}

	
a.btn_ent_big {
	padding: 30px 0px 30px 0px;
	border: 6px solid #f6d1d6;
	background-color: #c90018;
	text-align: center;
	color: #fff;
	font-weight: 300;
	font-size: 180%;
	text-decoration: none;
	display: block;
	margin-top: 0px;
	letter-spacing: 0.2em;
	position: relative; 
}
a.btn_ent_big .icon-arrow-right {
	top: 30%;
	right: 2%;
	position: absolute;
	font-size: 110%;
}
.btn_ent_mg {
	margin: 30px auto 0px;
}

.btn_bottom {
	width: 100%;
	max-width: 1049px;
	margin: 0px auto 20px;
	padding-bottom: 40px;
}

.sub_top_txt {
	padding: 10px 0px 30px;
}





/* .recruit_page .side */

.recruit_page .side {
	position: absolute;
	width: 14%;
	float: left;
	z-index: 10;
}

.recruit_page .side {
	text-align: left;
}
.recruit_page .side .side_inner {
	position: relative;
	width: 100%;
/* 	max-width: 200px; */
}
.recruit_page .side .side_inner .menu {
	position: relative;
}
.recruit_page .w17 {
	width: 14%;
}
.recruit_page .side .side_inner .menu h2 {
	background-color: rgba(155,197,238,0.49);
	font-size: 100%;
	font-weight: 200;
	padding: 10px 10px 10px 15px;
}
.recruit_page .side .side_inner .menu a {
	display: block;
	position: relative;
}
.recruit_page .side a:hover {
	color: #1c1993;
}
.recruit_page .side .side_inner .menu a .txt {
	padding: 10px 43px 10px 10px;
	display: inline-block;
}
.recruit_page .side .side_inner .menu a .icon {
	position: absolute;
    padding: 10px 10px;
    color: #1c1993;
    right: 0px;
}
.recruit_page .side .side_inner .menu a:hover .icon,
.recruit_page .side .side_inner .menu .active .icon {
	background-color: #aed7ff;
}
.recruit_page .side .side_inner .menu a:hover,
.recruit_page .side .side_inner .menu .active {
	background-color: #99c3ed;
	color: #fff;
}

.red {
	color: #c90018;
}



#page-topBtn {
    position: fixed;
    bottom: 55px;
    right: 0px;
    font-size: 110%;
    z-index: 999999999;
}
#page-topBtn a {
    background: rgba(51,51,51,0.75);
    text-decoration: none;
    color: #fff;
    padding: 10px 15px;
    text-align: center;
    display: block;
}
#page-topBtn a:hover {
    text-decoration: none;
    background: rgba(51,51,51,0.92);
}

.sub_title_r {
	text-align: left;
	font-weight: 300;
	font-size: 140%;
	padding: 5px 0px 10px;
	display: inline-block;
	line-height: 1.65em;
}

.sitemap {
	width: 80%;
	margin: auto;
	margin-bottom: 50px;
}
.sitemap a {
	display: block;
}
.sitemap li {
	padding: 10px;
	position: relative;
}
.sitemap .li_title li {
	padding: 10px;
	padding-left: 2em;
	border-top: 1px dotted #ccc;
}
.sitemap .li_title li:first-child{
	border-top: none;
}
.sitemap .parent {
	background: #f5f5f5;
	padding: 10px;
	padding-left: 1em;
	position: relative;
}

.sitemap a .icon-arrow-right {
	position: absolute;
	right: 1em;
	top: 35%;
}

.recruit_news {
	padding: 30px 0px 50px;
	width: 50%;
	max-width: 500px;
	margin: auto;
	float: left;
}
.recruit_news .news_list li a {
    display: block;
    float: right;
    width: 82%;
}
.facebook_box {
	padding: 30px 0px 50px;
	width: 50%;
	max-width: 500px;
	margin: auto;
	float: right;
}

/* 追加css */

.sub_title .s_txt {
	display: inline-block;
    font-size: 0.75em;
    line-height: 1.5em;
}
.sub_title.txt_left {
	text-align: left;
}

#message .sub_title {
	line-height: 1.25em;
}


/* 追加 */

.internship_section {
	
}
.internship_section ._internship_hed {
	width: 90%;
	max-width: 468px;
	margin: auto;
}
.internship_section ._internship_hed ._inner1 {
	position: relative;
	padding: 110px 0;
}
.internship_section ._internship_hed ._inner1 .img01 {
	position: absolute;
	width: 408px;
	top: 30px;
	left: -408px;
}
.internship_section ._internship_hed ._inner1 .img02 {
	position: absolute;
	width: 408px;
	bottom: -30px;
	right: -408px;
}
.internship_section ._internship_hed .ttl_c2 {
	margin-top: 20px;
	margin-bottom: 40px;
}
.internship_section .ttl_c2 {
	display: flex;
	align-items: center;
}
.internship_section .ttl_c2 .icon {
	width: 35px;
	margin-right: 15px;
}
.internship_section .ttl_c2 .txt {
	width: calc( 100% - 50px );
	color: #208037;
	text-align: left;
	font-weight: 600;
	font-size: 1.8em;
	line-height: 1.1em;
}
.internship_section .pc_br {
	display: block;
}
.internship_section p {
	font-size: 1.2em;
	font-weight: 500;
	line-height: 1.8em;
}

.internship_point {
	background-color: #208037;
	background-image: url(../../images/recruit/internship/bk.jpg);
	background-position: center top;
	background-size: cover;
}
.internship_point ._inner {
	width: 90%;
	max-width: 1044px;
	margin: auto;
	padding: 100px 0 60px;
}
.internship_point ._inner ._ch {
	font-size: 1.3em;
	font-weight: 500;
	line-height: 1.8em;
	color: #fff;
	display: inline-block;
	margin: 34px auto 0;
}
.internship_point .point_sec {
	background: #fff;
	padding: 24px 24px 24px 0;
	border-radius: 24px;
	margin-left: 20px;
	margin-top: 50px;
}
.internship_point .point_sec .c2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.internship_point .point_sec .c2 .ph {
	width: 35%;
	max-width: 350px;
	margin-left: -20px;
	margin-top: -40px;
}
.internship_point .point_sec .c2 .ph img {
	width: 100%;
	border-radius: 12px;
}
.internship_point .point_sec .c2 .txt {
	width: 65%;
	text-align: left;
}
.internship_point .point_sec .c2 .txt .icon {
	font-size: 1.6em;
	color: #fff;
	background: #208037;
	line-height: 1em;
    padding: 7px 20px;
	border-radius: 0px 20px 20px 0px;
	border-left: 4px solid #39ad4a;
	font-weight: 600;
	text-align: left;
	display: inline-block;
	margin-left: -40px;
}
.internship_point .point_sec .c2 .txt h3 {
	font-size: 1.6em;
	color: #208037;
	line-height: 1.5em;
	margin: 10px 0;
	font-weight: 600;
	text-align: left;
}
.internship_program ._inner_hed {
	background: url(../../images/recruit/internship/img06.jpg);
	background-position: center top;
	background-size: cover;
	padding: 80px 0 40px;
}
.internship_program ._inner_hed ._ch {
	font-size: 1.3em;
    font-weight: 500;
    line-height: 1.8em;
    display: inline-block;
    margin: 34px auto 0;
}
.internship_program ._inner {
    width: 90%;
    max-width: 1024px;
    margin: auto;
    padding: 60px 0;
}

.program_sec .c2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: row-reverse;
	align-items: center;
}

.program_sec .c2 .ph {
	width: 35%;
	max-width: 350px;
}
.program_sec .c2 .ph img {
	width: 100%;
	border-radius: 12px;
}
.program_sec .c2 .txt {
	width: 62%;
	text-align: left;
}

.ttl_program {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 14px 0;
}
.ttl_program .icon {
	width: 29px;
	margin-right: 21px;
	display: block;
}
.ttl_program ._txt {
	width: calc( 100% - 50px );
	text-align: left;
}
.ttl_program ._txt h3 {
	font-size: 1.8em;
    color: #208037;
    line-height: 1.5em;
    margin: 5px 0;
    font-weight: 600;
    text-align: left;
}
.ttl_program ._txt ._icon {
    font-size: 1.2em;
    color: #fff;
    background: #208037;
    line-height: 1em;
    padding: 7px 20px;
    border-radius: 20px;
    font-weight: 600;
    text-align: left;
    display: inline-block;
}

.btn_c2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 30px;
}
.btn_c2 li {
	margin: 7px;
}
a.btn_inter01 {
	font-size: 1.3em;
	line-height: 1.5em;
	color: #fff;
	font-weight: 600;
	display: inline-block;
	min-width: 300px;
	padding: 24px 0;
	background: #39ad4a;
	border: 4px solid #dedede;
	border-radius: 42px;
	position: relative;
}
a.btn_inter01:after {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e619";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}
a.btn_inter02 {
	font-size: 1.3em;
	line-height: 1.5em;
	color: #fff;
	font-weight: 600;
	display: inline-block;
	min-width: 300px;
	padding: 24px 0;
	background: #0168af;
	border: 4px solid #dedede;
	border-radius: 42px;
	position: relative;
}
a.btn_inter02:after {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e619";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}
a.btn_inter01:hover,
a.btn_inter02:hover {
	text-decoration: none;
}

.internship_voice {
	background: #208037;
}
.internship_voice ._inVoice {
	width: 90%;
	max-width: 1024px;
	padding: 60px 0;
	margin: auto;
}
._inVoice_ttl {
	text-align: center;
	color: #ffff;
}
._inVoice_ttl h2 {
	font-size: 2.3em;
	line-height: 1.2em;
	font-weight: 600;
	display: inline-block;
	position: relative;
}
._inVoice_ttl h2 .s_txt {
	font-size: 0.6em;
	line-height: 1.5em;
	display: block;
}
._inVoice_ttl h2:after {
	content: '';
	width: 60px;
	height: 1px;
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}


._inVoice_data .c2 {
	background: #fff;
	padding: 20px;
	border-radius: 24px;
    margin-top: 30px;
}
._inVoice_data .c2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: row-reverse;
}

._inVoice_data .c2 .ph {
	width: 35%;
	max-width: 350px;
}
._inVoice_data .c2 .ph img {
	width: 100%;
	border-radius: 12px;
}
._inVoice_data .c2 .txt {
	width: calc( 62% - 14px );
	text-align: left;
	padding-left: 14px;
}
._inVoice_data .c2 .txt .s_txt {
	font-size: 1em;
	font-weight: 500;
	margin-top: 7px;
}
._inVoice_data .c2 .txt h3 {
	font-size: 1.8em;
	line-height: 1.5em;
	margin-bottom: 12px;
	font-weight: 500;
	border-bottom: 1px solid #c4c4c4;
	padding-bottom: 7px;
}

.program_sec .indent_li li {
	font-size: 1.2em;
	font-weight: 500;
	line-height: 1.8em;
	margin: 4px 0;
	text-indent: -1em;
	margin-left: 1em;
}

._inVoice_c3 {
	display: flex;
	flex-wrap: wrap;
	margin-top: 14px;
}
._inVoice_c3 li {
	width: calc( 33% - 13px );
    background: #fff;
    border-radius: 24px;
    margin: 20px 0 0 22px;
}
._inVoice_c3 li:nth-child(3n+1) {
	margin-left: 0;
}
._inVoice_c3 li p {
	padding: 24px;
}

._cov {
	padding: 34px;
	border: 4px solid #208037;
	border-radius: 24px;
	margin: 80px 0;
}
._cov h3 {
	color: #208037;
	font-size: 1.6em;
	line-height: 1.5em;
	margin-bottom: 18px;
	font-weight: 600;
	border-bottom: 1px solid #c4c4c4;
	padding-bottom: 14px;
}

#nav.fixed {
	top: 0;
}