@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* CSS Basic Style ---------------------------------------------------------- */

/* reset elements */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table.table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	font-family: 'Noto Sans Japanese', sans-serif;
}


:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
table.table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
figure {
	margin: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}
p, hr, blockquote, address, noscript {
	margin: 0px;
	padding: 0px;
	border: none;
}
li {
	list-style-type: none;
}
table, img {
	border: none;
}
em, q, dfn, code, samp, kbd, var, cite, abbr, acronym {
	margin: 0px;
	padding: 0px;
	font-style: normal;
	font-weight: normal;
}
hr {
	display: none;
	clear: both;
}
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
}
body {
	zoom: 1;
	font-size: 16px;
	font-size: 1.6rem;
	overflow-x: hidden;
	line-height:30px;
}
body:after {
	content: "";
	display: block;
	clear: both;
}
* {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-size: 1.6rem;
	box-sizing:border-box;
}

a {
	color: #000000;
	text-decoration:none;
}
a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #666666;
}
a:active {
	color: #000000;
}

* html body {
	overflow: hidden;
}
img {
	max-width: 100%;
	border: none;
}
.pc {
	display: block;
}
.sp {
	display: none;
}
.clearfix:after{
visibility: hidden;
display: block;
content: " ";
clear: both;
height: 0;
}

* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

a:hover img{
	opacity:0.6;
}
.br_break{
display:none;
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------
common
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.wrap_1300{
	min-width: 800px;
	max-width: 1300px;
	margin:0 auto;
	clear: both;
    overflow: hidden;
}
.wrap_1100{
	min-width: 800px;
	max-width: 1100px;
	margin:0 auto;
	clear: both;
    overflow: hidden;
}
.wrap_1000{
	min-width: 800px;
	max-width: 1000px;
	margin:0 auto;
	clear: both;
    overflow: hidden;
}
.wrap_800{
	width:800px;
	margin:0 auto;
	clear: both;
    overflow: hidden;
}
#toggle{
display:none;
position:fixed;
width:20%;
height:100%;
background:#ff0000;
top: 0;
right: 0;
z-index:9999999999;
}
#toggle li{
float:none;
width:65%;
display:block;
margin:0 auto;
padding:13px 0;
color:#ffffff;
font-size:18px;
font-size:1.8rem;
text-align:center;
}
#toggle li:first-child{
width:100%;
}
#toggle li a{
color:#ffffff;
}
#close_toggle{
color:#ffffff;
text-align:right;
font-size:50px;
padding: 0 50px 0 0;
cursor: pointer;
cursor: hand;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------
main
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
section{
	clear: both;
	overflow: hidden;
	margin:0 0 100px 0;
}
.main_content{
	clear: both;
	overflow: hidden;
	margin: 200px 0 100px 0;
}
#title{
	margin:0 0 100px 0;
	text-align: center;
}
.ti_lead{
	font-size:24px;
	font-size:2.4rem;
	font-weight: 500;
	margin:0 0 50px 0;
	text-align:center;
	line-height: 44px;
}
.sub_lead{
	font-size:18px;
	font-size:1.8rem;
	font-weight: 500;
	margin:0 0 30px 0;
	text-align:center;
	line-height: 44px;
}
.bt_contact{
	text-align: center;
}
.sig{
	text-align: right;
	font-size:16px;
	font-size:1.6rem;
	margin:30px 0 0 0;
}		

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------
header
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#header{
	clear: both;
	overflow: hidden;
	position: relative;
}
#header #logo{
	margin: 20px 0 0 0;
	float:left;
}
#header #head_link{
	margin:30px 0 0 200px;
	float:left;
}
#header #head_link li{
	float:left;
	font-size:18px;
	font-size:1.8rem;
	font-weight: 500;
	margin:0 100px 0 0;
}
#header #head_link li a:hover{
	padding-botto:5px;
border-bottom: solid 3px #e7310e;
}
#header #head_bt , #index_header #head_bt{
	position: absolute;
	right: 0;
	top:0;
	background:#e7310e;
	padding:20px 0 20px 20px;
	z-index: 3;
}
#header #head_bt li , #index_header #head_bt li{
	float:left;
	margin:0 20px 0 0
}
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------
footer
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#footer{
	clear:both;
	overflow:hidden;
}
#footer #footer_red{
	background:#e7310e;
	padding:30px 0;
	width:100%;
}
#footer #footer_red li{
	float:left;
}
#footer #footer_red li:first-child{
	margin:0 27% 0 0;
}
#footer #footer_red li:nth-child(2){
	margin:25px 10% 0 0;
}
#footer #footer_red li:nth-child(3){
	margin:25px 0 0 0;
}
#footer #footer_rizing{
background-image: linear-gradient(90deg, rgba(0, 40, 150, 1), rgba(0, 7, 80, 1));
	padding:20px 0;
	width:100%;
	clear:both;
	overflow:hidden;
	position: relative;
}
#footer #footer_rizing #rizing_logo{
position:absolute;
top: 57%;
left: 45px;
transform: translate(0%, -50%);
}
#footer #footer_rizing #rizing_lead{
text-align:center;
color:#ffffff;
font-size:24px;
line-height:40px;
font-weight:bold;
}
#footer #footer_bk{
	background:#000000;
	padding:20px 0;
	width:100%;
	clear:both;
	overflow:hidden;
	position: relative;
}
#footer #footer_bk #link{
	float:left;
	width: 50%;
    margin: 0 0 20px 0%;
}
#footer #footer_bk #link li{
	float:left;
	width:auto;
	text-align: left;
	font-size:14px;
	font-size:1.4rem;
    margin: 0 40px 0 0;
}
#footer #footer_bk #link li a{
	color:#ffffff;
}
#footer #footer_bk #banner{
	float:right;
}
#footer #footer_bk #banner li{
	float:left;
	margin:0 10px 0 0;
}
#footer #footer_bk #banner li:last-child{
    margin: 0;
}
#footer #footer_bk #copy{
	text-align: left;
	color:#ffffff;
	font-size:12px;
	font-size:1.2rem;
	margin:0px 0 0 0;
    float: left;
}
#footer #footer_bk #pagetop{
	position: fixed;
	bottom:20px;
	right:20px;
	z-index:999999999;
}


/* -----------------------------------
index
--------------------------------------- */
#index #index_header{
	position: relative;
	margin: 0 0 150px 0;
	padding: 0;
}
#logo_sp{
display:none;
}
#index #index_header #head_bt_contents , #head_bt_contents-sticky-wrapper{
	background-color: rgba( 255, 255, 254, 0.8 );
	width: 100%;
	position: absolute;
	bottom:0;
	padding:20px 0;
	z-index:9999999;
	height:90px;
}
#index #index_header #head_bt_contents #logo{
	float: left;
	margin:0 0px 0 0;
}
#index #index_header #head_bt_contents ul{
	float:right;
	padding:15px 0 0 0;
}
#index #index_header #head_bt_contents li{
	float:left;
	font-size:18px;
	font-size:1.8rem;
	margin:0 80px 0 0;
}

#index #index_header #head_bt_contents li a:hover{
	color:#000000;
	padding-botto:5px;
border-bottom: solid 3px #e7310e;
}
#index #index_header #index_video{
	position: absolute;
	top:0;
	z-index: 2;
	width:100%;
}
#index #index_header #index_video video{
	width:100%;
}
#index #service{
	border-top:25px solid #427d96;
	padding: 150px 0 0 0;
    margin: 50px 0 100px 0;
	position: relative;
	overflow: visible;
	min-height: 625px;
}
#index #service .title{
	text-align: left;
	width:1300px;
	margin:0 auto;
	position: relative;
	z-index: 3;
	margin-bottom:50px;
}
#index #service .index_lead{
	font-size:18px;
	font-size:1.8rem;
	margin:50px auto;
	width:1300px;
	position: relative;
	z-index: 3;
}
#index #service .index_lead p{
	width:300px;
}
#index #service .bt_index{
	width:1300px;
	position: relative;
	z-index: 3;
	margin: 0 auto;
}
#index #service .main_img{
	position: absolute;
	top:0;
	right: 0;
	z-index: 1;
}


#index #works{
	border-top:25px solid #d87e3c;
	padding: 150px 0 0 0;
    margin: 50px 0 100px 0;
	position: relative;
	overflow: visible;
	min-height: 625px;
}
#index #works .title{
	text-align: right;
	max-width:1300px;
	min-width:800px;
	margin:0 auto;
	position: relative;
	z-index: 3;
	margin-bottom:50px;
}
#index #works .index_lead{
	font-size:18px;
	font-size:1.8rem;
	margin:50px auto;
	max-width:1300px;
	min-width:800px;
	position: relative;
	z-index: 3;
	text-align: right;
}
#index #works .index_lead ul{
	width:300px;
	position: absolute;
    right: 0;
    text-align: left;
}
#index #works .index_lead ul li{
	margin-bottom:10px;
	background:url("../images/works/i_txt_detail.png") no-repeat left center;
	padding:0 0 0 30px;
}
#index #works .bt_index{
	width:1300px;
	position: relative;
	z-index: 3;
	text-align: right;
	margin: 0 auto;
	top: 200px;
}
#index #works .main_img{
	position: absolute;
	top:0;
	left: 0;
	z-index: 1;
}


#index #company{
	border-top:25px solid #a15f7f;
	padding: 150px 0 0 0;
    margin: 50px 0 100px 0;
	position: relative;
	overflow: visible;
	min-height: 625px;
}
#index #company .title{
	text-align: left;
	width:1300px;
	margin:0 auto;
	position: relative;
	z-index: 3;
	margin-bottom:50px;
}
#index #company .index_lead{
	font-size:18px;
	font-size:1.8rem;
	margin:50px auto;
	width:1300px;
	position: relative;
	z-index: 3;
}
#index #company .index_lead p{
	width:300px;
}
#index #company .bt_index{
	width:1300px;
	position: relative;
	z-index: 3;
	margin: 0 auto;
}
#index #company .main_img{
	position: absolute;
	top:0;
	right: 0;
	z-index: 1;
}


#index #voice{
	border-top:25px solid #729f54;
	padding: 150px 0 0 0;
    margin: 50px 0 100px 0;
	position: relative;
	overflow: visible;
	min-height: 625px;
}
#index #voice .title{
	text-align: right;
	max-width:1300px;
	min-width:800px;
	margin:0 auto;
	position: relative;
	z-index: 3;
	margin-bottom:50px;
}
#index #voice .index_lead{
	font-size:18px;
	font-size:1.8rem;
	margin:50px auto;
	max-width:1300px;
	min-width:800px;
	position: relative;
	z-index: 3;
}
#index #voice .index_lead p{
	width:175px;
	position: absolute;
	right: 0;
	text-align: left;
}
#index #voice .bt_index{
	width:1300px;
	position: relative;
	z-index: 3;
	margin: 0 auto;
	text-align: right;
	top: 100px;
}
#index #voice .main_img{
	position: absolute;
	top:0;
	left: 0;
	z-index: 1;
}

#index #other{
	clear: both;
	overflow: hidden;
	width: 900px;
	margin:200px auto;
}
#index #other li:nth-child(odd){
	float:left;
}
#index #other li:nth-child(even){
	float:right;
}

#index #news{
		clear: both;
	overflow: hidden;
	width: 1100px;
	margin:100px auto;
}

#index #news #ti_news{
	float:left;
	width:55px;
	margin:40px 50px 0 0;
}
#index #news #i_news{
	float:left;
	width:650px;
}
#index #news #i_news dt{
  float: left;
	width:120px;
}

#index #news #i_news dd{
  margin: 0 0 10px 120px;
}
#index #news #bt_news{
	float:right;
	width:143px;
	margin:40px 0 0 0;
}

#index #contact{
	padding:30px 0;
	text-align: center;
	background:url("../images/index/i_contact.png") no-repeat center center;
	background-size:cover;
}

#index #footer #footer_red li:first-child{
	margin:100px 100px 0 0;
}
#index #footer #footer_red li:nth-child(2){
	margin:0 0 0 0;
}
#index #footer #footer_red li .area{
	margin:0 0 50px 0;
	clear: both;
	overflow: hidden;
}
#index #footer #footer_red li .area:nth-child(2){
margin:0;
}
#index #footer #footer_red li .ti_access_link{
	float:left;
	width:150px;
	margin:50px 0 0 0;
}
#index #footer #footer_red li .access_txt{
	float:right;
	width:550px;
	color:#ffffff;
}

/* -----------------------------------
company
--------------------------------------- */
#company{
border-top:25px solid #a15f7f;
margin:50px 0 0 0;
}
#company #p_main{
width:100%;
margin:0 0 100px 0;
}
#company #p_main img{
width:100%;
}
#company #company_list{
	clear: both;
	overflow: hidden;
}
#company #company_list li{
	margin-bottom:100px;
}
#company #company_list li .img{
margin-bottom:10px;
}
#company #company_list li p{
	font-size:20px;
	font-size:2.0rem;
	font-weight:500;
	margin-bottom:30px;
}
#company #company_list li .bt_more{
	text-align: right;
}
#company #company_list li:nth-child(odd){
	float:left;
}
#company #company_list li:nth-child(even){
	float:right;
}


/* -----------------------------------
service
--------------------------------------- */
#service{
border-top:25px solid #427d96;
margin:50px 0 0 0;
}
#service #p_main{
width:100%;
margin:0 0 100px 0;
}
#service #p_main img{
width:100%;
}

#txt_main_lead{
	float:left;
	width:520px;
}
#p_main_lead{
	float:right;
	width: 330px;
}
#service .tab{
	clear:both;
	overflow: hidden;
	width:750px;
	margin:0 auto;
	padding:100px 0 0 0;
	font-weight: 500;
}
#service #line{
	clear:both;
	overflow: hidden;
}

#service .ti_service{
	margin-bottom:50px;
}

#service #one_stop li{
	clear: both;
	overflow: hidden;
}
#service #one_stop li:nth-of-type(1){
	background: url("../images/service/i_line0101.png") no-repeat center bottom;
	padding-bottom: 200px;
}
#service #one_stop li:nth-of-type(1) .p_os , #service #one_stop li:nth-of-type(3) .p_os{
	width:200px;
	float: left;
	margin: 0 50px 0 0;
	line-height: 0;
}
#service #one_stop li:nth-of-type(1) .i_os , #service #one_stop li:nth-of-type(3) .i_os{
	float:left;
	width:550px;
}
#service #one_stop li:nth-of-type(2) .p_os , #service #one_stop li:nth-of-type(4) .p_os{
	width:200px;
	float: right;
	margin: 0;
	line-height: 0;
}
#service #one_stop li:nth-of-type(2) .i_os , #service #one_stop li:nth-of-type(4) .i_os{
	float:left;
	width:530px;
	margin:0 0 0 250px;
}
#service #one_stop li:nth-of-type(2){
	background: url("../images/service/i_line0102.png") no-repeat center bottom;
	padding-bottom: 200px;
}
#service #one_stop li:nth-of-type(3){
	background: url("../images/service/i_line0103.png") no-repeat center bottom;
	padding-bottom: 200px;
}
#service #one_stop li .ti_os{
	margin:20px 0;
}


#service #expert li{
	margin-bottom:100px;
	min-height: 400px;
    padding: 100px 0;
}
#service #expert li:nth-of-type(1){
	background: url("../images/service/p_0201.png") no-repeat center center;
	background-size:cover;
	text-align: right;
}
#service #expert li:nth-of-type(2){
	background: url("../images/service/p_0202.png") no-repeat center center;
	background-size:cover;
}
#service #expert li:nth-of-type(3){
	background: url("../images/service/p_0203.png") no-repeat center center;
	background-size:cover;
	text-align: right;
}
#service #expert li:nth-of-type(4){
	background: url("../images/service/p_0204.png") no-repeat center center;
	background-size:cover;
}
#service #expert li:nth-of-type(5){
	background: url("../images/service/p_0205.png") no-repeat center center;
	background-size:cover;
	text-align: right;
}

#service #proposal li{
	margin-bottom:100px;
}
#service #proposal li:nth-of-type(2) ,#service #proposal li:nth-of-type(4){
	text-align: right;
}
#service #proposal li:nth-of-type(2) p , #service #proposal li:nth-of-type(4) p{
	float: right;
	text-align: left;
}
#service #proposal li .img{
	width:100%;
	margin-bottom:50px;
}
#service #proposal li .img img{
	width:100%;
}
#service #proposal li .ti_proposal{
	font-size:28px;
	font-size:2.8rem;
	font-weight: 500;
	margin-bottom:10px;
}
#service #proposal li .sub_proposal{
	font-size:18px;
	font-size:1.8rem;
	font-weight: 500;
	margin-bottom:20px;
}
#service #proposal li p{
	width:840px;
}
/* -----------------------------------
access
--------------------------------------- */
#access{
	margin: 50px 0 100px 0;
}
#access #main{
	margin-bottom:200px;
}
#access #main img{
	width: 100%;
}
#access .access_map{
	margin-bottom:50px;
}
#access .access_map iframe{
	width: 100%;
	height: 500px;
}
#access .ti_access{
	font-size:20px;
	font-size:2.0rem;
	font-weight: 500;
	text-align: center;
	margin-bottom:20px;
}
#access .address_access{
	width:400px;
	margin:0 auto 100px auto;
	font-size:18px;
	font-size:1.8rem;
}

/* -----------------------------------
profile
--------------------------------------- */
#profile{
	margin: 50px 0 100px 0;
}
#profile #main{
	margin-bottom:200px;
}
#profile #main img{
	width: 100%;
}
.profile_list{
	clear: both;
	overflow: hidden;
	width: 500px;
	margin: 0 auto;
}
.profile_list dt{
	width: 20%;
	float: left;
	padding: 20px 10px;
	box-sizing: border-box;
	text-align: right;
}
.profile_list dd{
  margin-left: 23%;
  padding: 20px 10px 0 25px;
border-left: 1px solid #000000;
}
.profile_list dd:after{
  display: block;
  content: "";
  clear: both;
}


/* -----------------------------------
eco
--------------------------------------- */
#eco{
	margin: 50px 0 100px 0;
}
#eco #main{
	margin-bottom:200px;
}
#eco #main img{
	width: 100%;
}

#eco_detail{
	clear: both;
	overflow: hidden;
	font-size:16px;
	font-size:1.6rem;
	width:800px;
	margin:0 auto;
}
#eco_detail dt{
	width: 27%;
	float: left;
	padding: 10px;
	box-sizing: border-box;
	text-align: right;
}
#eco_detail dd{
  margin-left: 30%;
  padding: 10px 10px 0 30px;
border-left: 1px solid #000000;
}
#eco_detail dd:after{
  display: block;
  content: "";
  clear: both;
}
#eco_ninsho{
	width:800px;
	margin:0 auto 30px auto;
	clear: both;
	overflow: hidden;
}

#eco_ninsho li:nth-child(odd){
	float:left;
}
#eco_ninsho li:nth-child(even){
	float:right;
}
#txt_ninsho{
	clear: both;
	overflow: hidden;
	text-align: center;
}


/* -----------------------------------
iso
--------------------------------------- */
.i_lead{
	text-align: center;
	margin: 0 0 50px 0;
}
#iso p{
	font-size:16px;
	font-size:1.6rem;
}

#iso_detail{
	clear: both;
	overflow: hidden;
	font-size:16px;
	font-size:1.6rem;
}
#iso_detail dt{
	width: 20%;
	float: left;
	padding: 10px;
	border-right: 1px solid #000000;
	box-sizing: border-box;
}
#iso_detail dd{
  margin-left: 25%;
  padding: 10px 10px 0 10px;
}
#iso_detail dd:after{
  display: block;
  content: "";
  clear: both;
}
#bsi{
	clear: both;
	overflow: hidden;
	margin: 0 0 100px 0;
}
#bsi li:nth-child(odd){
	float:left;
}
#bsi li:nth-child(even){
	float:right;
}

/* -----------------------------------
news
--------------------------------------- */
#news_list{
	clear: both;
	overflow: hidden;
	position: relative;
	border-top: solid 1px #666666;
}
#news_list dt {
    position: absolute;
    left: 0;
    width: 150px;
	padding:15px;
}

#news_list dd {
    border-bottom: solid 1px #666666;
	padding:15px 15px 15px 150px;
}
#news_detail{
	clear: both;
	overflow: hidden;
	position: relative;
}
#news_detail #title_txt{
	font-size:24px;
	font-size:2.4rem;
	font-weight: 500;
	margin: 0 0 50px 0;
}
#news_detail #date{
	text-align:right;
	margin: 0 0 50px 0;
}
#news_detail .img{
	margin:0 0 50px 0;
}
#news_detail .text{
	font-size:16px;
	margin:0 0 100px 0;
}
#news_detail #bt_list{
	text-align: right;
	margin-top:50px;
}

.pnavi{
	text-align: center;
}
.pnavi .prev , .pnavi .next{
	color:#cccccc;
	padding:0 20px;
}
.page-numbers{
	padding:0 10px;
}


/* -----------------------------------
contact
--------------------------------------- */
#contact p{
	font-size:16px;
	font-size:1.6rem;
	margin-bottom: 15px;
}
.att{
color:#ff0000;
}
.error_list{
	margin-bottom:30px;
	font-size:16px;
	font-size:1.6rem;
	color:#ff0000;
}
.contact_table {
    border-collapse:  collapse;
    margin:0 0 50px 0;
	font-size:16px;
	font-size:1.6rem;
	width: 100%;
}
.contact_table th, .contact_table td {
    border-top: solid 1px #000;
	border-bottom: solid 1px #000;
    padding: 25px 15px;
    text-align:left;
}
.contact_table th{
width:220px;
vertical-align: middle;
	background:#dcdddd;
}

.bt_contact{
text-align:center;
width:340px;
margin:0 auto;
}
#recruit .bt_contact{
width:100%;
}
.bt_contact_conf{
text-align:center;
width:1000px;
margin:0 auto;
}
.contact_conf{
cursor: pointer;
  display: block;
  width: 340px;
  height: 80px;
  border: none;
  text-indent: -9999px;
  background: url(../images/contact/contact01.png) no-repeat 0 0;
  }
  .contact_back{
  	cursor: pointer;
  display: block;
  width: 340px;
  height: 80px;
  border: none;
  text-indent: -9999px;
  background: url(../images/contact/contact02.png) no-repeat 0 0;
  margin:0 40px;
  }
 .contact_send{
  	cursor: pointer;
  display: block;
  width: 340px;
  height: 80px;
  border: none;
  text-indent: -9999px;
  background: url(../images/contact/contact03.png) no-repeat 0 0;
  }

input[type="text"]{
border:1px solid #000;
padding:10px;
font-size:14px;
	font-size:1.4rem;
}
input[type="text"].input_name{
width:40%;
margin:0 20px 0 0;
}
input[type="text"].input_h{
width:40%;
}
input[type="text"].input_l{
width:90%;
}
input[type="text"].input_tel{
width:40%;
}
textarea{
width:100%;
padding:10px;
border:1px solid #000;
height:200px;
}
::placeholder {
  color: #cccccc;
}
#thank{
	text-align: center;
	color: #ff0000;
	font-size:32px;
	font-size:3.2rem;
	margin-bottom:30px;
	font-weight: 500;
}
/* -----------------------------------
security
--------------------------------------- */
#security .wrap_800{
width:820px;
}
#security section{
margin-bottom:200px;
}
#security section#privacy{
margin-bottom:0;
}
#security p{
	font-size:16px;
	font-size:1.6rem;
	margin-bottom:50px;
}
#security p strong{
	font-weight:500;
}

/* -----------------------------------
partner
--------------------------------------- */
#partner .wrap_1100 p{
	font-size:16px;
	font-size:1.6rem;
	margin-bottom:50px;
}
#partner_list li:nth-child(odd){
	float:left;
}
#partner_list li a.underline{
	border-bottom:2px solid #000000;
}
#partner_list li:nth-child(even){
	float:right;
}

#line{
	border-top:2px solid #000000;
	padding:100px 0 0 0;
	width:100%;
	margin:50px 0 0 0;
	clear: both;
	overflow: hidden;
}

#partner_detail{
	clear: both;
	overflow: hidden;
	position: relative;
	font-size:16px;
	font-size:1.6rem;
	margin-bottom:100px;
}
#partner_detail dt {
    width: 20%;
	float: left;
	padding: 10px;
	box-sizing: border-box;
	text-align: right;
	clear:both;
}
#partner_detail dd{
  margin-left: 23%;
  padding: 10px 10px 0 25px;
border-left: 1px solid #000000;
}
#partner_detail dd strong{
	font-weight: 500;
}
#partner_detail dd .border{
	border:1px solid #000000;
	margin:20px 0;
	padding:20px;
	font-weight:500;
	display: inline-block;
}

/* -----------------------------------
recruit
--------------------------------------- */
#recruit{
border-top:25px solid #729f54;
margin:50px 0 0 0;
}
#recruit #p_main{
width:100%;
margin:0 0 100px 0;
}
#recruit #p_main img{
width:100%;
}
#recruit_list{
	width: 500px;
	margin: 0 auto;
}
#recruit_list li:nth-child(odd){
	float:left;
}
#recruit_list li a.underline{
	border-bottom:2px solid #000000;
}
#recruit_list li:nth-child(even){
	float:right;
}
#recruit_detail{
	clear: both;
	overflow: hidden;
	position: relative;
	font-size:16px;
	font-size:1.6rem;
}
#recruit_detail dt {
    width: 20%;
	float: left;
	padding: 20px 0 0 0;
	box-sizing: border-box;
	text-align: right;
}
#recruit_detail dd{
  margin-left: 23%;
  padding: 20px 10px 0 25px;
border-left: 1px solid #000000;
}
#recruit_detail dd:last-child{
	padding: 20px 10px 20px 25px;
}
.txt_recruit{
	font-size:15px;
	margin-bottom:20px;
	text-align:center;
}


/* -----------------------------------
works
--------------------------------------- */
#works{
border-top:25px solid #d87e3c;
margin:50px 0 0 0;
}
#works #p_main{
width:100%;
margin:0 0 100px 0;
}
#works #p_main img{
width:100%;
}
.tab li{
	float:left;
	margin-right:80px;
}
.tab li:last-child{
	margin-right:0;
}
.tab li.active{
	border-bottom:2px solid #000000;
}
#service .tabContents {
  display: none;
}
#service .tabContents.active {
  display: block;
}

.works_list{
	clear: both;
	overflow: hidden;
	margin: 0 0 50px 0;
}
.works_list li{
	width:545px;
	margin-bottom:10px;
	height:370px;
	position:relative;
	overflow:hidden;
}
.works_list li .photo{
	line-height:0;
}
.works_list li .txt_works{
	background:#3e3a39;
	color:#ffffff;
	padding:15px 20px;
	position:absolute;
	bottom:0;
	width:100%;
	height:65px;
	line-height:18px;
}
.works_list li a:hover .txt_works{
	background:#666666;
}
.works_list li:nth-child(odd){
	float:left;
}
.works_list li:nth-child(even){
	float:right;
}
#works_photo_detail{
	margin-top:100px;
}
#works_photo_detail li{
	margin-bottom:100px;
	text-align:center;
}
#works_photo_detail li img{
width:100%;
}
#works_txt_detail{
	width:950px;
	margin:0 auto;
}
#works_txt_detail li{
	margin-bottom:10px;
	background:url("../images/works/i_txt_detail.png") no-repeat left center;
	padding:0 0 0 30px;
}
#works_txt_detail li br{
display:none;
}
#works_detail #bt_list{
	text-align: right;
	margin-top:50px;
}


/* -----------------------------------
voice
--------------------------------------- */
/*#voice{
	border-top:25px solid #729f54;
	padding: 250px 0 0 0;
    margin: 50px 0 100px 0;
	position: relative;
}
#voice #main{
	height:530px;
}
#voice #title{
	text-align: left;
	width:1100px;
	margin:0 auto;
	position: relative;
	z-index: 3;
}
#voice #main_img{
	position: absolute;
	top:0;
	right: 0;
	z-index: 1;
}*/
#voice{
border-top:25px solid #729f54;
margin:50px 0 0 0;
}
#voice #p_main{
width:100%;
margin:0 0 100px 0;
}
#voice #p_main img{
width:100%;
}

#voice .voice_list{
	clear: both;
	overflow: hidden;
	margin: 0 auto 100px auto;
	width:900px;
}
#voice .voice_list li{
	float:left;
	width:20%;
	text-align: center;
	font-size:20px;
	font-size:2.0rem;
	font-weight: 500;
}
#voice .voice_list li a:hover{
	border-bottom:2px solid #000000;
}
#voice .voice_list li:after{
	content: "／";
	padding:0 0 0 50px;
	font-weight: 100;
}
#voice .voice_list li:last-child:after{
	content: "";
	padding:0;
	}
#voice .voice_list02{
	clear: both;
	overflow: hidden;
	margin: 0 auto 100px auto;
	width:760px;
}
#voice .voice_list02 li{
	float:left;
	width:25%;
	text-align: center;
	font-size:20px;
	font-size:2.0rem;
	font-weight: 500;
}
#voice .voice_list02 li a:hover{
	border-bottom:2px solid #000000;
}
#voice .voice_list02 li:after{
	content: "／";
	padding:0 0 0 50px;
	font-weight: 100;
}
#voice .voice_list02 li:last-child{
    width:21%;
}
#voice .voice_list02 li:last-child:after{
	content: "";
	padding:0;
	}


#voice .ti_img{
	clear: both;
	overflow: hidden;
	margin-bottom:50px;
}
#voice .box{
	clear: both;
	overflow: hidden;
	margin:0 0 50px 0;
}
#voice .box .name{
	font-size:16px;
	font-size:1.6rem;
	font-weight:500;
	margin-bottom:70px;
}
#voice .box .name strong{
	font-size:22px;
	font-size:2.2rem;
	display: block;
}
#voice .box .photo01{
	float:right;
	width:535px;
	margin-bottom:50px;
}
#voice .box .photo02{
	float:left;
	width:535px;
	clear: both;
	margin-bottom:50px;
}

#voice .box .txt01{
	float:left;
	width:545px;
	margin-bottom:50px;
}
#voice .box .txt02{
	float:right;
	width:550px;
	margin-bottom:50px;
}
#voice .box .qu{
	margin:0px 0 30px 0;
	font-size:18px;
	font-size:1.8rem;
	font-weight:500;
}
#voice .box .ans{
	font-size:16px;
	font-size:1.6rem;
}
#bt_recruit{
	padding:50px 0;
	text-align: center;
	background:url("../images/voice/i_recruit.png") no-repeat center center;
	background-size:cover;
}

/* -----------------------------------
effort
--------------------------------------- */
#effort .ti_lead{
    font-size:44px;
    font-weight: bold;
}
#effort .effort_list li{
    margin: 0 auto 50px auto;
}
#effort .effort_list li:last-child{
    margin: 0 auto;
}
/* -----------------------------------
sdgs
--------------------------------------- */
#sdgs .ti_lead{
    font-size:28px;
    font-weight: bold;
}
#sdgs .ti_lead span{
    color: #427d96;
}
#sdgs .sdgs_list{
    display: flex;
    flex-wrap: wrap;
}
#sdgs .sdgs_list dt{
    width: 180px;
    margin: 0 30px 50px 0;
}
#sdgs .sdgs_list dd{
    width: 580px;
    margin: 30px 0 50px 0;
}
#sdgs .sdgs_list dd .ti{
    font-size:24px;
    font-weight: bold;
    margin: 0 0 20px 0;
}