/************************************

	company.css

*************************************/

@charset "utf-8";


h1 img{
	vertical-align: bottom;
}

footer{
	margin: 0;
}

div.bule_bk{
	background: #eaf6fd;
}

div.mainimg_box{
	margin-bottom: 0;
}

/*img*/
img.pc_img,
img.ty_img,
img.tt_img,
img.sy_img{
	display: none;
}
/*br*/
span.sy_br{
	display: none;
}

/*wrap*/
span.oneblock{
	font-family: inherit;
}


section{
	width: 100%;
	max-width: 100%;
}

div.bule_bk{
	margin: 0;
	padding: 8rem 0 6rem 0;
}

div.blue_obi{
	width: 100%;
	max-width: 100%;
	background: #036eb8;
	height: 12rem;
	position: relative;
	z-index: 10;
}

div.blue_inner{
	background: url(../img/company_obibk.png) no-repeat;
	background-position: right 5.5% center;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	height: 7rem;
	display: flex;
	align-items: center;
	padding: 0 0 0 5%;
}

h2.title_2{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.9rem;
	line-height: 2.2rem;
	text-align: left;
	color: #fff;
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
}

span.title_2onepad{
	padding: 0 2rem 0 0;
}

div.white_box{
	width:90%;
	max-width: 90%;
	position: relative;
	z-index: 20;
	margin: -5rem auto 5rem auto;
	background: #fff;
	padding: 2rem 0;
}

a.ggl_mapbtn{
	display: none;
}

/*greeting===============================================*/
div.greeting_box{
	width: 88%;
	max-width: 88%;
	margin: 0 auto;
}

div.president_box{
	width: 100%;
}

div.president_box img{
	width: 22.9rem;
	display: block;
	margin: 0 auto 2.5rem auto;
}

div.greeting_txtbox{
	width: 100%;
	max-width: 100%;
}

p.greeting_txt{
	font-size: 1.4rem;
	line-height: 2.7rem;
	color: #595757;
	text-align: justify; 
	text-justify: inter-ideograph;/*IE用justify*/
	padding: 0;
	margin: 0;
	text-indent: 1.4rem;
}

tr{
	display: block;
}
/*end====================================================*/

/*company================================================*/
table.company_outline{
	width: 88%;
	max-width: 88%;
	margin: 0 auto;
	display: block;
}

th.company_th,
td.company_td{
	display: block;
	font-size: 1.3rem;
	line-height: 2.1rem;
	color: #595757;
	text-align: left;
}

th.company_th{
	font-family: 'Noto Sans Japanese', serif;
	border: none;
	border-top: solid 0.1rem #b4b5b5;
	border-bottom: solid 0.1rem #b4b5b5;
	padding: 0.5rem 0;
	width: 100%;
	max-width: 100%;
}

td.company_td{
	border: none;
	padding: 1rem 0 2rem 0;
	width: 100%;
	max-width: 100%;
}

p.company_txt{
	font-size: 1.3rem;
	line-height: 2.1rem;
	color: #595757;
	text-align: left;
}

p.com_indent{
	padding: 0 0 0 1.3rem;
	text-indent: -1.3rem;
}

span.one_pad{
	padding: 0 1.4rem 0 0;
}

span.name_pad{
	padding: 0 0.7rem 0 0;
}

span.dept_pad{
	padding: 0 0.5rem 0 0;
}

span.employee_2{
	padding: 0 0 0 1.4rem;
}

span.employee_3{
	padding: 0 0 0 2.8rem;
}


/*end====================================================*/

/*accsess================================================*/
div.map_outbox{
	width: 90%;
	max-width: 90%;
	margin: 0 auto;
}

div.all_mapbox{
	display: block;
	width: 96%;
	margin: 0 auto;
}

img.st_img,
img.sp_img{
	display: block;
	width: 100%;
	max-width: 100%;
	vertical-align: bottom;
}

a.sp_kakudai{
	display: block;
	width: 14.3rem;
	height: 3.1rem;
	border-radius: 0.3rem;
	background: #00a0e8;
	text-align: center;
	font-size: 1.3rem;
	line-height: 1.3rem;
	color: #fff;
	margin: 1.5rem auto 0 auto;
	padding: 0.9rem 0 0 0;
}

a.sp_kakudai:active{
	background: #036eb8;
}

a.full_wide{
	width: 100%;
	margin-top: 1.5rem;
}

div.detail_mapbox_out{
	width: 96%;
	max-width: 96%;
	margin: 0 auto;
}

div.detail_mapbox1,
div.detail_mapbox2,
div.detail_mapbox3{
	width: 100%;
	margin: 0;
	padding: 0;
}

div.detail_mapbox1,
div.detail_mapbox2{
	margin-bottom: 3rem;
}

div.detail_mapbox1 img,
div.detail_mapbox2 img,
div.detail_mapbox3 img{
	width: 100%;
}

div.txt_outbox{
	width: 100%;
}

p.place_name,
p.adress_txt{
	font-size: 1.2rem;
	line-height: 1.6rem;
	color: #595757;
	text-align: center;
	margin: 0;
	padding: 0;
}

p.place_name{
	margin-top: 1.5rem;
	margin-bottom: 1rem;
}

a.ggl_mapbtn_st{
	display: block;
	border: solid 0.1rem #036eb8;
	padding: 0.8rem 0 0 0;
	margin: 1.5rem auto 1rem auto;
	font-size:1.3rem;
	color: #036eb8;
	line-height: 1.6rem;
	text-align: center;
	width: 100%;
	height: 3.3rem;
}

a.ggl_mapbtn_st:active{
  color: #fff;
  background: #036eb8;;
}

div.accsess_mapbox{
	width: 90%;
    max-width: 90%;
	margin: 4rem auto 0 auto;
}

div.accsess_imgbox{
	display: block;
}

p.accsess_title{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.6rem;
	line-height: 1.6rem;
	text-align: left;
	color: #003f98;
	font-weight: bold;
}

p.ttsyst_maptxt{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.8rem;
	line-height: 1.8rem;
	text-align: center;
	font-weight: bold;
	color: #595757;
	margin: 5rem 0 0 0;
}

div.small_map{
	width: 100%;
	margin: 2rem auto 0 auto;
}

span.sy_map_onepad{
	padding-right: 1.2rem;
}

ul.accsess_ul{
	margin: 2rem auto 0 auto;
}

li.accsess_li{
	padding: 1.5rem 0;
	border-top: solid 0.1rem #b4b5b5;
}

li.accsess_li:last-child{
	border-bottom: solid 0.1rem #b4b5b5;
}


p.sp_plaece,
p.sp_accsess{
	font-size: 1.4rem;
	line-height: 2rem;
	color: #595757;
}

p.sp_plaece{
	font-weight: bold;
}

p.sp_accsess{
	padding-left: 2.8rem;
	text-indent: -2.8rem;
}


/*end====================================================*/


/*history================================================*/
table.history_outline{
	width: 88%;
    max-width: 88%;
	margin: 0 auto;
	display: block;
}

th.history_th,
td.history_td{
	display: block;
	font-size: 1.4rem;
	line-height: 2.3rem;
	color: #595757;
	text-align: left;
}

th.history_th{
	border: none;
	padding: 1rem 0 0 0;
	width: 100%;
	max-width: 100%;
	font-weight: normal;
	border-top: solid 0.1rem #b4b5b5;
}

td.history_td{
	border: none;
	padding: 0 0 1rem 0;
	width: 100%;
	max-width: 100%;
}

p.history_txt{
	font-size: 1.4rem;
	line-height: 2.2rem;
	color: #595757;
	text-align: left;
}

p.history_indent{
	padding: 0 0 0 1.4rem;
	text-indent: -1.4rem;
}

span.his_year,
span.his_onpad{
	padding: 0 1.4rem 0 0;
}

/*end====================================================*/


/*business_line==========================================*/

div.business_line{
	width: 88%;
    max-width: 88%;
	margin: 0 auto;
	padding: 0;
}

p.business_box{
	font-size: 1.4rem;
	line-height: 2.8rem;
	color: #595757;
	text-align: left;
	padding: 0 0 0 1.4rem;
	text-indent: -1.4rem;
}

/*end====================================================*/

/*business_line==========================================*/

div.client{
	width: 88%;
	min-width: 88%;
	margin: 0 auto;
	padding: 0;
}

p.client_box{
	font-size: 1.4rem;
	line-height: 2.8rem;
	color: #595757;
	text-align: left;
	padding: 0;
	margin: 0;
}

p.client_right{
	font-size: 1.2rem;
	line-height: 2.8rem;
	color: #595757;
	text-align: right;
	padding: 0;
	margin: 0;
}

span.client_pad{
	padding: 0 2.8rem 0 0;
}
/*end====================================================*/

td.last_line{
	padding-bottom: 0;
}

/*end====================================================*/

div.comp-pdf-mt{
	position: relative;
	z-index: 20;
	margin: 0 auto 5rem auto;
}

.comp-pdf{
	width: 300px;
	margin: 0 auto;
    position: relative;
	overflow: hidden;
   	text-decoration: none;
	display: block;
   	border: 1px solid #003b82;
    padding: 15px 30px;
    text-align: center;
    outline: none;
    transition: ease .2s;
	font-size: 1.5rem;
	line-height: 1.6rem;
	font-weight: bold;
	background:#003b82;
	border-radius: 0.5rem;
}

.comp-pdf span{
	position: relative;
	z-index: 3;
	color:#fff;
}

.comp-pdf:active span{
	color:#003b82;
}

.comp-pdf:active{
	background: #fff

}

div.comp-pdf-ub{
	margin-bottom: 2rem!important;
}

div.comp-pdf-mt{
	position: relative;
	z-index: 20;
	margin: 0 auto 5rem auto;
}







/****************************************
for スマホ横(767px以下)
*****************************************/
@media print,screen and (min-width:568px) and ( max-width:767px){
section{
	width: 100%;
	max-width: 100%;
}

div.bule_bk{
	margin: 0;
	padding: 8rem 0 6rem 0;
}

div.blue_obi{
	width: 100%;
	max-width: 100%;
	background: #036eb8;
	height: 14.5rem;
	position: relative;
	z-index: 10;
}

div.blue_inner{
	background: url(../img/company_obibk.png) no-repeat;
	background-position: right 6% center;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	height: 9rem;
	display: flex;
	align-items: center;
	padding: 0 0 0 6.5rem;
}

h2.title_2{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 2rem;
	line-height: 2.2rem;
	text-align: left;
	color: #fff;
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
}

span.title_2onepad{
	padding: 0 2rem 0 0;
}

div.white_box{
	width:90%;
	max-width: 96.8rem;
	position: relative;
	z-index: 20;
	margin: -5.5rem auto 5rem auto;
	background: #fff;
	padding: 3rem 0;
}

/*greeting===============================================*/
div.greeting_box{
	width: 88%;
	max-width: 88%;
	margin: 0 auto;
}

div.president_box{
	width: 100%;
	max-width: 100%;
}

div.president_box img{
	width: 22.9rem;
	display: block;
	margin: 0 auto 2.5rem auto;
}

div.greeting_txtbox{
	width: 100%;
	max-width: 100%;
}

p.greeting_txt{
	font-size: 1.4rem;
	line-height: 2.7rem;
	color: #595757;
	text-align: justify; 
	text-justify: inter-ideograph;/*IE用justify*/
	padding: 0;
	margin: 0;
	text-indent: 1.4rem;
}
/*end====================================================*/

/*company================================================*/
table.company_outline{
	width: 88%;
	max-width: 88%;
	margin: 0 auto;
	display: block;
}

th.company_th,
td.company_td{
	display: block;
	font-size: 1.4rem;
	line-height: 2.3rem;
	color: #595757;
	text-align: left;
}

th.company_th{
	font-family: 'Noto Sans Japanese', serif;
	border: none;
	border-top: solid 0.1rem #b4b5b5;
	border-bottom: solid 0.1rem #b4b5b5;
	padding: 1rem 0;
	width: 100%;
	max-width: 100%;
}

td.company_td{
	border: none;
	padding: 1rem 0 2rem 0;
	width: 100%;
	max-width: 100%;
}

p.company_txt{
	font-size: 1.4rem;
	line-height: 2.3rem;
	color: #595757;
	text-align: left;
}

p.com_indent{
	padding: 0 0 0 1.4rem;
	text-indent: -1.4rem;
}

span.one_pad{
	padding: 0 1.4rem 0 0;
}

span.name_pad{
	padding: 0 0.7rem 0 0;
}

span.dept_pad{
	padding: 0 0.5rem 0 0;
}

span.employee_2{
	padding: 0 0 0 1.4rem;
}

span.employee_3{
	padding: 0 0 0 2.8rem;
}

span.sy_br{
	display: inline;
}

span.sy_pad1{
	padding: 0 0 0 8.4rem;
}

/*end====================================================*/

/*accsess================================================*/
div.map_outbox{
	width: 90%;
	max-width: 90%;
	margin: 0 auto;
}

div.all_mapbox{
	display: block;
	width: 96%;
	min-width: 44.9rem;
	margin: 0 auto;
}

img.sy_img,
img.sp_img{
	display: block;
	width: 100%;
	max-width: 84.5rem;
	vertical-align: bottom;
}

a.sp_kakudai{
	display: block;
	width: 14.3rem;
	height: 3.1rem;
	border-radius: 0.3rem;
	background: #00a0e8;
	text-align: center;
	font-size: 1.3rem;
	line-height: 1.3rem;
	color: #fff;
	margin: 2.5rem auto 0 auto;
	padding: 0.9rem 0 0 0;
}

a.sp_kakudai:active{
	background: #036eb8;
}

a.full_wide{
	width: 14.3rem;
}

div.detail_mapbox_out{
	width: 87%;
	max-width: 87%;
	margin: 0 auto;
}

div.detail_mapbox1,
div.detail_mapbox2,
div.detail_mapbox3{
	width: 100%;
	min-width: 27rem;
	margin: 0;
	padding: 0;
	display: flex;
	align-content: space-between;
	flex-wrap: wrap;
}

div.detail_mapbox1,
div.detail_mapbox2{
	margin-bottom: 2rem;
}

div.detail_mapbox1 img,
div.detail_mapbox2 img,
div.detail_mapbox3 img{
	width: 100%;
}

div.txt_outbox{
	width: 100%;
}

p.place_name,
p.adress_txt{
	font-size: 1.2rem;
	line-height: 1.6rem;
	color: #595757;
	text-align: center;
	margin: 0;
	padding: 0;
}

p.place_name{
	margin-top: 1.5rem;
	margin-bottom: 1rem;
}

a.ggl_mapbtn{
	display: block;
	border: solid 0.1rem #036eb8;
	padding: 0.8rem 0 0 0;
	margin: 1.5rem auto 1rem auto;
	font-size:1.3rem;
	color: #036eb8;
	line-height: 1.6rem;
	text-align: center;
	width: 23rem;
	height: 3.3rem;
}

a.ggl_mapbtn:active{
  color: #fff;
  background: #036eb8;;
}

div.accsess_mapbox{
	width: 90%;
    max-width: 90%;
	margin: 4rem auto 0 auto;
}

div.accsess_imgbox{
	display: block;
}

p.accsess_title{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.6rem;
	line-height: 1.6rem;
	text-align: left;
	color: #003f98;
	font-weight: bold;
}

p.ttsyst_maptxt{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.8rem;
	line-height: 1.8rem;
	text-align: center;
	font-weight: bold;
	color: #595757;
	margin: 5rem 0 0 0;
}

div.small_map{
	width: 67%;
	min-width: 27.1rem;
	margin: 2rem auto 0 auto;
}

span.sy_map_onepad{
	padding-right: 1.2rem;
}

ul.accsess_ul{
	margin: 2rem auto 0 auto;
}

li.accsess_li{
	padding: 1.5rem 0;
	border-top: solid 0.1rem #b4b5b5;
}

li.accsess_li:last-child{
	border-bottom: solid 0.1rem #b4b5b5;
}


p.sp_plaece,
p.sp_accsess{
	font-size: 1.4rem;
	line-height: 2rem;
	color: #595757;
}

p.sp_plaece{
	font-weight: bold;
}

p.sp_accsess{
	padding-left: 2.8rem;
	text-indent: -2.8rem;
}


div.st_onlybtn,
span.notsy_br{
	display: none;
}
/*end====================================================*/


/*history================================================*/
table.history_outline{
	width: 88%;
    max-width: 88%;
	margin: 0 auto;
	display: block;
}

th.history_th,
td.history_td{
	display: block;
	font-size: 1.4rem;
	line-height: 2.3rem;
	color: #595757;
	text-align: left;
}

th.history_th{
	border: none;
	padding: 1rem 0 0 0;
	width: 100%;
	max-width: 100%;
	font-weight: normal;
	border-top: solid 0.1rem #b4b5b5;
}

td.history_td{
	border: none;
	padding: 0 0 1rem 0;
	width: 100%;
	max-width: 100%;
}

p.history_txt{
	font-size: 1.4rem;
	line-height: 2.2rem;
	color: #595757;
	text-align: left;
}

p.history_indent{
	padding: 0 0 0 1.4rem;
	text-indent: -1.4rem;
}

span.his_year,
span.his_onpad{
	padding: 0 1.4rem 0 0;
}

/*end====================================================*/


/*business_line==========================================*/

div.business_line{
	width: 88%;
    max-width: 88%;
	margin: 0 auto;
	padding: 0;
}

p.business_box{
	font-size: 1.4rem;
	line-height: 2.8rem;
	color: #595757;
	text-align: left;
	padding: 0 0 0 1.4rem;
	text-indent: -1.4rem;
}

/*end====================================================*/

/*business_line==========================================*/

div.client{
	width: 88%;
	min-width: 88%;
	margin: 0 auto;
	padding: 0;
}

p.client_box{
	font-size: 1.4rem;
	line-height: 2.8rem;
	color: #595757;
	text-align: left;
	padding: 0;
	margin: 0;
}

p.client_right{
	font-size: 1.2rem;
	line-height: 2.8rem;
	color: #595757;
	text-align: right;
	padding: 0;
	margin: 0;
}

span.client_pad{
	padding: 0 2.8rem 0 0;
}
/*end====================================================*/

td.last_line{
	padding-bottom: 0;
}

span.st_br,
img.st_img{
	display: none;
}

div.comp-pdf-mt{
	position: relative;
	z-index: 20;
	margin: 0 auto 5rem auto;
}

.comp-pdf{
	width: 300px;
	margin: 0 auto;
    position: relative;
	overflow: hidden;
   	text-decoration: none;
	display: block;
   	border: 1px solid #003b82;
    padding: 15px 30px;
    text-align: center;
    outline: none;
    transition: ease .2s;
	font-size: 1.5rem;
	line-height: 1.6rem;
	font-weight: bold;
	background:#003b82;
}

.comp-pdf span{
	position: relative;
	z-index: 3;
	color:#fff;
}

.comp-pdf:active span{
	color:#003b82;
}

.comp-pdf:active{
	background: #fff

}

div.comp-pdf-ub{
	margin-bottom: 2rem!important;
}

div.comp-pdf-mt{
	position: relative;
	z-index: 20;
	margin: 0 auto 5rem auto;
}
}




/****************************************
for タブレット縦～PC(980px以下)
*****************************************/

@media print,screen and (min-width:768px) and (max-width:980px){
section{
	width: 100%;
	max-width: 100%;
}

div.bule_bk{
	margin: 0;
	padding: 8rem 0 6rem 0;
}

div.blue_obi{
	width: 100%;
	max-width: 100%;
	background: #036eb8;
	height: 14.5rem;
	position: relative;
	z-index: 10;
}

div.blue_inner{
	background: url(../img/company_obibk.png) no-repeat;
	background-position: right 6.5rem center;
	width: 100%;
	max-width: 109rem;
	margin: 0 auto;
	height: 9rem;
	display: flex;
	align-items: center;
	padding: 0 0 0 6.5rem;
}

h2.title_2{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 2rem;
	line-height: 2.2rem;
	text-align: left;
	color: #fff;
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
}

span.title_2onepad{
	padding: 0 2rem 0 0;
}

div.white_box{
	width:94.43%;
	max-width: 96.8rem;
	position: relative;
	z-index: 20;
	margin: -5.5rem auto 5rem auto;
	background: #fff;
	padding: 5rem 0;
}

tr{
	display: table-row;
}

/*greeting===============================================*/
div.greeting_box{
	display: flex;
	justify-content: space-between;
	width: 90%;
	max-width: 90%;
	margin: 0 auto;
}

div.president_box{
	width: 36%;
}

div.president_box img{
	width: 100%;
}

div.greeting_txtbox{
	width: 59%;
	max-width: 59%;
}

p.greeting_txt{
	font-size: 1.4rem;
	line-height: 2.7rem;
	color: #595757;
	text-align: justify; 
	text-justify: inter-ideograph;/*IE用justify*/
	padding: 0;
	margin: 0;
	text-indent: 1.4rem;
}
/*end====================================================*/

/*company================================================*/
table.company_outline{
	width: 62.6rem;
	max-width: 62.6rem;
	margin: 0 auto;
	display: table;
}

th.company_th,
td.company_td{
	display: table-cell;
	font-size: 1.4rem;
	line-height: 2.3rem;
	color: #595757;
	text-align: left;
	height: 4.5rem;
	vertical-align: top;
}

th.company_th{
	font-family: 'メイリオ','Hiragino Kaku Gothic Pro',"ＭＳ Ｐゴシック",sans-serif;
	border: none;
	border-right: solid 0.1rem #717071;
	text-align: right;
	/*padding: 1rem 4rem 1rem 0;*/
	padding: 1rem 2rem 1rem 0;
	width: 25.2rem;
	max-width: 25.2rem;
	font-weight: normal;
}

td.company_td,
td.last_line{
	border: none;
	/*padding: 1rem 0 1rem 4rem;*/
	padding: 1rem 0 1rem 2rem;
	width: 39.4rem;
	max-width: 39.4rem;
}

p.company_txt{
	font-size: 1.4rem;
	line-height: 2.3rem;
	color: #595757;
	text-align: left;
}

p.com_indent{
	padding: 0 0 0 1.4rem;
	text-indent: -1.4rem;
}

span.one_pad{
	padding: 0 1.4rem 0 0;
}

span.name_pad{
	padding: 0 0.7rem 0 0;
}

span.dept_pad{
	padding: 0 0.5rem 0 0;
}

span.employee_2{
	padding: 0 0 0 1.4rem;
}

span.employee_3{
	padding: 0 0 0 2.8rem;
}

/*end====================================================*/

/*accsess================================================*/
div.map_outbox{
	width: 90%;
	max-width: 90%;
	margin: 0 auto;
}

div.all_mapbox{
	display: block;
	width: 87%;
	max-width: 87%;
	min-width: 56.9rem;
	margin: 0 auto;
}

img.tt_img{
	display: block;
	width: 100%;
	max-width: 84.5rem;
	vertical-align: bottom;
}

div.detail_mapbox_out{
	width: 87%;
	max-width: 87%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
}

div.detail_mapbox1,
div.detail_mapbox2,
div.detail_mapbox3{
	width: 48.5%;
	min-width: 27rem;
	margin: 0;
	padding: 0;
	display: flex;
	align-content: space-between;
	flex-wrap: wrap;
}

div.detail_mapbox1,
div.detail_mapbox2{
	margin-bottom: 2rem;
}

div.detail_mapbox1 img,
div.detail_mapbox2 img,
div.detail_mapbox3 img{
	width: 100%;
}

div.txt_outbox{
	width: 100%;
}

p.place_name,
p.adress_txt{
	font-size: 1.2rem;
	line-height: 1.6rem;
	color: #595757;
	text-align: center;
	margin: 0;
	padding: 0;
}

p.place_name{
	margin-top: 1.5rem;
	margin-bottom: 1rem;
}

a.ggl_mapbtn{
	display: block;
	border: solid 0.1rem #036eb8;
	padding: 0.8rem 0 0 0;
	margin: 1.5rem auto 0 auto;
	font-size:1.3rem;
	color: #036eb8;
	line-height: 1.6rem;
	text-align: center;
	width: 23rem;
	height: 3.3rem;
}

a.ggl_mapbtn:active{
  color: #fff;
  background: #036eb8;
}

div.accsess_mapbox{
	width: 90%;
    max-width: 90%;
	margin: 4rem auto 0 auto;
}

div.accsess_imgbox{
	display: block;
}

p.accsess_title{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.6rem;
	line-height: 1.6rem;
	text-align: left;
	color: #003f98;
	font-weight: bold;
}

p.ttsyst_maptxt{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.8rem;
	line-height: 1.8rem;
	text-align: center;
	font-weight: bold;
	color: #595757;
	margin: 3rem 0 0 0;
}

div.small_map{
	width: 100%;
	margin: 2rem 0 0 0;
}

div.st_onlybtn,
div.accsess_txtbox,
a.sp_kakudai{
	display: none;
}
/*end====================================================*/


/*history================================================*/
table.history_outline{
	width: 62.6rem;
    max-width: 62.6rem;
	margin: 0 auto;
	display: table;
}

th.history_th,
td.history_td{
	display: table-cell;
	font-size: 1.4rem;
	line-height: 2.3rem;
	color: #595757;
	text-align: left;
	vertical-align: top;
}

th.history_th{
	border: none;
	border-right: solid 0.1rem #717071;
	text-align: right;
	padding: 0.5rem 3rem 1rem 0;
	width: 14.6rem;
	max-width: 14.6rem;
	font-weight: normal;
}

td.history_td,
td.last_line{
	border: none;
	padding: 0 0 1rem 3rem;
	width: 48rem;
	max-width: 48rem;
}

table.company_outline td.last_line{
	padding-top: 1rem;
}

p.history_txt{
	font-size: 1.4rem;
	line-height: 3.1rem;
	color: #595757;
	text-align: left;
}

p.history_indent{
	padding: 0 0 0 1.4rem;
	text-indent: -1.4rem;
}

span.his_year,
span.his_onpad{
	padding: 0 1.4rem 0 0;
}

/*end====================================================*/


/*business_line==========================================*/

div.business_line{
	width: 62.6rem;
    max-width: 62.6rem;
	margin: 0 auto;
	padding: 0;
}

p.business_box{
	font-size: 1.4rem;
	line-height: 2.8rem;
	color: #595757;
	text-align: left;
	padding: 0 0 0 1.4rem;
	text-indent: -1.4rem;
}

/*end====================================================*/

/*business_line==========================================*/

div.client{
	width: 90%;
	min-width: 62.6rem;
	margin: 0 auto;
	padding: 0;
}

p.client_box{
	font-size: 1.4rem;
	line-height: 2.8rem;
	color: #595757;
	text-align: left;
	padding: 0;
	margin: 0;
}

p.client_right{
	font-size: 1.2rem;
	line-height: 2.8rem;
	color: #595757;
	text-align: right;
	padding: 0;
	margin: 0;
}

span.client_pad{
	padding: 0 2.8rem 0 0;
}
/*end====================================================*/

span.st_br,
img.st_img,
img.sp_img{
	display: none;
}


div.comp-pdf-mt{
	position: relative;
	z-index: 20;
	margin: 0 auto 5rem auto;
}

.comp-pdf{
	width: 300px;
	margin: 0 auto;
    position: relative;
	overflow: hidden;
   	text-decoration: none;
	display: block;
   	border: 1px solid #003b82;
    padding: 15px 30px;
    text-align: center;
    outline: none;
    transition: ease .2s;
	font-size: 1.5rem;
	line-height: 1.6rem;
	font-weight: bold;
	background:#003b82;
}

.comp-pdf span{
	position: relative;
	z-index: 3;
	color:#fff;
}

.comp-pdf:active span{
	color:#003b82;
}

.comp-pdf:active{
	background: #fff

}

div.comp-pdf-ub{
	margin-bottom: 2rem!important;
}

div.comp-pdf-mt{
	position: relative;
	z-index: 20;
	margin: 0 auto 5rem auto;
}
}











/****************************************
for タブレット横～PC(1024px以下)
*****************************************/

@media print,screen and (min-width:981px) and ( max-width:1025px){
section{
	width: 100%;
	max-width: 100%;
}

div.bule_bk{
	margin: 0;
	padding: 8rem 0 6rem 0;
}

div.blue_obi{
	width: 100%;
	max-width: 100%;
	background: #036eb8;
	height: 14.5rem;
	position: relative;
	z-index: 10;
}

div.blue_inner{
	background: url(../img/company_obibk.png) no-repeat;
	background-position: right 6.5rem center;
	width: 100%;
	max-width: 109rem;
	margin: 0 auto;
	height: 9rem;
	display: flex;
	align-items: center;
	padding: 0 0 0 6.5rem;
}

h2.title_2{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 2rem;
	line-height: 2.2rem;
	text-align: left;
	color: #fff;
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
}

span.title_2onepad{
	padding: 0 2rem 0 0;
}

div.white_box{
	width:94.43%;
	max-width: 96.8rem;
	position: relative;
	z-index: 20;
	margin: -5.5rem auto 5rem auto;
	background: #fff;
	padding: 5rem 0;
}

tr{
	display: table-row;
}

/*greeting===============================================*/
div.greeting_box{
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 84.5rem;
	margin: 0 auto;
}

div.president_box{
	width: auto;
}

div.greeting_txtbox{
	width: 58.8rem;
	max-width: 58.8rem;
}

p.greeting_txt{
	font-size: 1.4rem;
	line-height: 2.7rem;
	color: #595757;
	text-align: justify; 
	text-justify: inter-ideograph;/*IE用justify*/
	padding: 0;
	margin: 0;
	text-indent: 1.4rem;
}
/*end====================================================*/

/*company================================================*/
table.company_outline{
	width: 84.5rem;
	max-width: 84.5rem;
	margin: 0 auto;
	display: table;
}

th.company_th,
td.company_td{
	display: table-cell;
	font-size: 1.4rem;
	line-height: 2.3rem;
	color: #595757;
	text-align: left;
	height: 4.5rem;
	vertical-align: top;
}

th.company_th{
	font-family: 'メイリオ','Hiragino Kaku Gothic Pro',"ＭＳ Ｐゴシック",sans-serif;
	border: none;
	border-right: solid 0.1rem #717071;
	text-align: right;
	padding: 1rem 4rem 1rem 0;
	width: 23.2rem;
	max-width: 23.2rem;
	font-weight: normal;
}

td.company_td,
td.last_line{
	border: none;
	padding: 1rem 0 1rem 4rem;
	width: 61.3rem;
	max-width: 61.3rem;
}

p.company_txt{
	font-size: 1.4rem;
	line-height: 2.3rem;
	color: #595757;
	text-align: left;
}

p.com_indent{
	padding: 0 0 0 1.4rem;
	text-indent: -1.4rem;
}

span.one_pad{
	padding: 0 1.4rem 0 0;
}

span.name_pad{
	padding: 0 0.7rem 0 0;
}

span.dept_pad{
	padding: 0 0.5rem 0 0;
}

span.employee_2{
	padding: 0 0 0 1.4rem;
}

span.employee_3{
	padding: 0 0 0 2.8rem;
}

/*end====================================================*/

/*accsess================================================*/
div.map_outbox{
	width: 84.5rem;
	max-width: 84.5rem;
	margin: 0 auto;
}

div.all_mapbox{
	display: block;
	width: 100%;
	max-width: 96.3rem;
}

img.ty_img{
	display: block;
	width: 100%;
	max-width: 84.5rem;
	vertical-align: bottom;
}

div.detail_mapbox_out{
	width: 100%;
	max-width: 84.5rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
}

div.detail_mapbox1,
div.detail_mapbox2,
div.detail_mapbox3{
	width: 27rem;
	max-width: 27rem;
	margin: 0;
	padding: 0;
	display: flex;
	align-content: space-between;
	flex-wrap: wrap;
}

div.txt_outbox{
	
}

p.place_name,
p.adress_txt{
	font-size: 1.2rem;
	line-height: 1.6rem;
	color: #595757;
	text-align: center;
	margin: 0;
	padding: 0;
}

p.place_name{
	margin-top: 1.5rem;
	margin-bottom: 1rem;
}

a.ggl_mapbtn{
	display: block;
	border: solid 0.1rem #036eb8;
	padding: 0.8rem 0 0 0;
	margin: 1.5rem auto 0 auto;
	font-size:1.3rem;
	color: #036eb8;
	line-height: 1.6rem;
	text-align: center;
	width: 23rem;
	height: 3.3rem;
	-webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #fff;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

a.ggl_mapbtn:before {
   content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #036eb8;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

a.ggl_mapbtn:hover{
  color: #fff;
}

a.ggl_mapbtn:hover:before{
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}


div.accsess_mapbox{
	width: 84.5rem;
	max-width: 84.5rem;
	margin: 7rem auto 0 auto;
}

div.accsess_imgbox{
	display: block;
}

p.accsess_title{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.6rem;
	line-height: 1.6rem;
	text-align: left;
	color: #003f98;
	font-weight: bold;
}



div.st_onlybtn,
div.small_map,
div.accsess_txtbox,
p.ttsyst_maptxt,
a.sp_kakudai{
	display: none;
}
/*end====================================================*/


/*history================================================*/
table.history_outline{
	width: 84.5rem;
	max-width: 84.5rem;
	margin: 0 auto;
	display: table;
}

th.history_th,
td.history_td{
	display: table-cell;
	font-size: 1.4rem;
	line-height: 2.3rem;
	color: #595757;
	text-align: left;
	vertical-align: top;
}

th.history_th{
	border: none;
	border-right: solid 0.1rem #717071;
	text-align: right;
	padding: 0.5rem 3rem 1rem 0;
	width: 14.6rem;
	max-width: 14.6rem;
	font-weight: normal;
}

td.history_td,
td.last_line{
	border: none;
	padding: 0 0 1rem 3rem;
	width: 69.9rem;
	max-width: 69.9rem;
}

table.company_outline td.last_line{
	padding-top: 1rem;
}

p.history_txt{
	font-size: 1.4rem;
	line-height: 3.1rem;
	color: #595757;
	text-align: left;
}

p.history_indent{
	padding: 0 0 0 1.4rem;
	text-indent: -1.4rem;
}

span.his_year,
span.his_onpad{
	padding: 0 1.4rem 0 0;
}

/*end====================================================*/


/*business_line==========================================*/

div.business_line{
	width: 84.5rem;
	max-width: 84.5rem;
	margin: 0 auto;
	padding: 0;
}

p.business_box{
	font-size: 1.4rem;
	line-height: 2.8rem;
	color: #595757;
	text-align: left;
	padding: 0 0 0 1.4rem;
	text-indent: -1.4rem;
}

/*end====================================================*/

/*business_line==========================================*/

div.client{
	width: 84.5rem;
	max-width: 84.5rem;
	margin: 0 auto;
	padding: 0;
}

p.client_box{
	font-size: 1.4rem;
	line-height: 2.8rem;
	color: #595757;
	text-align: left;
	padding: 0;
	margin: 0;
}

p.client_right{
	font-size: 1.2rem;
	line-height: 2.8rem;
	color: #595757;
	text-align: right;
	padding: 0;
	margin: 0;
}

span.client_pad{
	padding: 0 2.8rem 0 0;
}
/*end====================================================*/

span.st_br,
img.st_img,
img.sp_img{
	display: none;
}

.comp-pdf{
	width: 300px;
	margin: 0 auto;
    position: relative;
	overflow: hidden;
   	text-decoration: none;
	display: block;
   	border: 1px solid #003b82;
    padding: 15px 30px;
    text-align: center;
    outline: none;
    transition: ease .2s;
	font-size: 1.5rem;
	line-height: 1.6rem;
	font-weight: bold;
	background:#003b82;
}


.comp-pdf span {
	position: relative;
	z-index: 3;
	color:#fff;
}

.comp-pdf:hover span{
	color:#003b82;
}

.bgcentery:before {
	content: '';
   	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
   	background: #fff;
	width: 100%;
	height: 100%;
    transition: transform .4s;
	transform: scale(1, 0);
	transform-origin:center;
}

.bgcentery:hover:before{
	transform:scale(1, 1);
}

div.comp-pdf-ub{
	margin-bottom: 2rem!important;
}

div.comp-pdf-mt{
	position: relative;
	z-index: 20;
	margin: 0 auto 5rem auto;
}
}















/****************************************
for PC
*****************************************/

@media print,screen and (min-width:1025px) {
section{
	width: 100%;
	max-width: 100%;
}

div.bule_bk{
	margin: 0;
	padding: 8rem 0 6rem 0;
}

div.blue_obi{
	width: 100%;
	max-width: 100%;
	background: #036eb8;
	height: 14.5rem;
	position: relative;
	z-index: 10;
}

div.blue_inner{
	background: url(../img/company_obibk.png) no-repeat;
	background-position: right 6.5rem center;
	width: 100%;
	max-width: 109rem;
	margin: 0 auto;
	height: 9rem;
	display: flex;
	align-items: center;
	padding: 0 0 0 6.5rem;
}

h2.title_2{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 2rem;
	line-height: 2.2rem;
	text-align: left;
	color: #fff;
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
}

span.title_2onepad{
	padding: 0 2rem 0 0;
}

div.white_box{
	width:100%;
	max-width: 107.5rem;
	position: relative;
	z-index: 20;
	margin: -5.5rem auto 5rem auto;
	background: #fff;
	padding: 5rem 0;
}

tr{
	display: table-row;
}

/*greeting===============================================*/
div.greeting_box{
	display: flex;
	justify-content: space-between;
	width: 96.3rem;
	max-width: 96.3rem;
	margin: 0 auto;
}

div.president_box{
	width: auto;
}

div.greeting_txtbox{
	width: 70rem;
	max-width: 70rem;
}

p.greeting_txt{
	font-size: 1.4rem;
	line-height: 2.7rem;
	color: #595757;
	text-align: justify; 
	text-justify: inter-ideograph;/*IE用justify*/
	padding: 0;
	margin: 0;
	text-indent: 1.4rem;
}
/*end====================================================*/

/*company================================================*/
table.company_outline{
	width: 96.3rem;
	max-width: 96.3rem;
	margin: 0 auto;
	display: table;
}

th.company_th,
td.company_td{
	display: table-cell;
	font-size: 1.4rem;
	line-height: 2.3rem;
	color: #595757;
	text-align: left;
	height: 4.5rem;
	vertical-align: top;
}

th.company_th{
	font-family: 'メイリオ','Hiragino Kaku Gothic Pro',"ＭＳ Ｐゴシック",sans-serif;
	border: none;
	border-right: solid 0.1rem #717071;
	text-align: right;
	padding: 1rem 4rem 1rem 0;
	width: 23.2rem;
	max-width: 23.2rem;
	font-weight: normal;
}

td.company_td,
td.last_line{
	border: none;
	padding: 1rem 0 1rem 4rem;
	width: 73.1rem;
	max-width: 73.1rem;
}

p.company_txt{
	font-size: 1.4rem;
	line-height: 2.3rem;
	color: #595757;
	text-align: left;
}

p.com_indent{
	padding: 0 0 0 1.4rem;
	text-indent: -1.4rem;
}

span.one_pad{
	padding: 0 1.4rem 0 0;
}

span.name_pad{
	padding: 0 0.7rem 0 0;
}

span.dept_pad{
	padding: 0 0.5rem 0 0;
}

span.employee_2{
	padding: 0 0 0 1.4rem;
}

span.employee_3{
	padding: 0 0 0 2.8rem;
}

/*end====================================================*/

/*accsess================================================*/
div.map_outbox{
	width: 96.3rem;
	max-width: 96.3rem;
	margin: 0 auto;
}

div.all_mapbox{
	display: block;
	width: 100%;
	max-width: 96.3rem;
}

img.pc_img{
	display: block;
	width: 100%;
	max-width: 96.3rem;
	vertical-align: bottom;
}

div.detail_mapbox_out{
	width: 100%;
	max-width: 93.6rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
}

div.detail_mapbox1,
div.detail_mapbox2,
div.detail_mapbox3{
	width: 27rem;
	max-width: 27rem;
	margin: 0;
	padding: 0;
	display: flex;
	align-content: space-between;
	flex-wrap: wrap;
}

div.txt_outbox{
	
}

p.place_name,
p.adress_txt{
	font-size: 1.2rem;
	line-height: 1.6rem;
	color: #595757;
	text-align: center;
	margin: 0;
	padding: 0;
}

p.place_name{
	margin-top: 1.5rem;
	margin-bottom: 1rem;
}

a.ggl_mapbtn{
	display: block;
	border: solid 0.1rem #036eb8;
	padding: 0.8rem 0 0 0;
	margin: 1.5rem auto 0 auto;
	font-size:1.3rem;
	color: #036eb8;
	line-height: 1.6rem;
	text-align: center;
	width: 23rem;
	height: 3.3rem;
	-webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #fff;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

a.ggl_mapbtn:before {
   content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #036eb8;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

a.ggl_mapbtn:hover{
  color: #fff;
}

a.ggl_mapbtn:hover:before{
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}


div.accsess_mapbox{
	width: 96.3rem;
	max-width: 96.3rem;
	margin: 7rem auto 0 auto;
}

div.accsess_imgbox{
	display: block;
}

p.accsess_title{
	font-family: 'Noto Sans Japanese', serif;
	font-size: 1.6rem;
	line-height: 1.6rem;
	text-align: left;
	color: #003f98;
	font-weight: bold;
}



div.st_onlybtn,
div.small_map,
div.accsess_txtbox,
p.ttsyst_maptxt,
a.sp_kakudai{
	display: none;
}
/*end====================================================*/


/*history================================================*/
table.history_outline{
	width: 96.3rem;
	max-width: 96.3rem;
	margin: 0 auto;
	display: table;
}

th.history_th,
td.history_td{
	display: table-cell;
	font-size: 1.4rem;
	line-height: 2.3rem;
	color: #595757;
	text-align: left;
	vertical-align: top;
}

th.history_th{
	border: none;
	border-right: solid 0.1rem #717071;
	text-align: right;
	padding: 0.5rem 4rem 1rem 0;
	width: 23.2rem;
	max-width: 23.2rem;
	font-weight: normal;
}

td.history_td,
td.last_line{
	border: none;
	padding: 0 0 1rem 4rem;
	width: 73.1rem;
	max-width: 73.1rem;
}

table.company_outline td.last_line{
	padding-top: 1rem;
}

p.history_txt{
	font-size: 1.4rem;
	line-height: 3.1rem;
	color: #595757;
	text-align: left;
}

p.history_indent{
	padding: 0 0 0 1.4rem;
	text-indent: -1.4rem;
}

span.his_year,
span.his_onpad{
	padding: 0 1.4rem 0 0;
}

/*end====================================================*/


/*business_line==========================================*/

div.business_line{
	width: 96.3rem;
	max-width: 96.3rem;
	margin: 0 auto;
	padding: 0;
}

p.business_box{
	font-size: 1.4rem;
	line-height: 2.8rem;
	color: #595757;
	text-align: left;
	padding: 0 0 0 1.4rem;
	text-indent: -1.4rem;
}

/*end====================================================*/

/*business_line==========================================*/

div.client{
	width: 96.3rem;
	max-width: 96.3rem;
	margin: 0 auto;
	padding: 0;
}

p.client_box{
	font-size: 1.4rem;
	line-height: 2.8rem;
	color: #595757;
	text-align: left;
	padding: 0;
	margin: 0;
}

p.client_right{
	font-size: 1.2rem;
	line-height: 2.8rem;
	color: #595757;
	text-align: right;
	padding: 0;
	margin: 0;
}

span.client_pad{
	padding: 0 2.8rem 0 0;
}
/*end====================================================*/

span.st_br,
img.st_img,
img.sp_img{
	display: none;
}


.comp-pdf{
	width: 300px;
	margin: 0 auto;
    position: relative;
	overflow: hidden;
   	text-decoration: none;
	display: block;
   	border: 1px solid #003b82;
    padding: 15px 30px;
    text-align: center;
    outline: none;
    transition: ease .2s;
	font-size: 1.5rem;
	line-height: 1.6rem;
	font-weight: bold;
	background:#003b82;
}


.comp-pdf span {
	position: relative;
	z-index: 3;
	color:#fff;
}

.comp-pdf:hover span{
	color:#003b82;
}

.bgcentery:before {
	content: '';
   	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
   	background: #fff;
	width: 100%;
	height: 100%;
    transition: transform .4s;
	transform: scale(1, 0);
	transform-origin:center;
}

.bgcentery:hover:before{
	transform:scale(1, 1);
}

div.comp-pdf-ub{
	margin-bottom: 2rem!important;
}

div.comp-pdf-mt{
	position: relative;
	z-index: 20;
	margin: 0 auto 5rem auto;
}
}





/*Safariだけに適用されるCSSハック*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	
}

input[type="submit"],input.clear_btn{
   
}

}

/* IE10以降だけに適用されるCSSハック*/
@media all and (-ms-high-contrast:none){

}