@charset "UTF-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%
}
body {
	min-width: 990px;
	color: #333;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.6;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	*font-size:small;
	*font:x-small
}

@media screen and (max-width:769px) {
body {
	min-width: 100%;
	-webkit-text-size-adjust: 100%
}
}
body {
	font-size: 75%\9
}
body:not(:target) {
	font-size: 75%\9
}
img {
	border: 0;
	vertical-align: middle
}
strong {
	font-weight: bold
}
a:link, a:visited {
	color: #005bac;
	text-decoration: underline
}
a:hover, a:active {
	color: #53a3eb;
	text-decoration: underline
	cursor:pointer;
}

#contact_page_wrap a:link,#contact_page_wrap a:visited {
	color: #666;
	transition-duration: 0.2s;
	text-decoration: none;
}
#contact_page_wrap a:hover,#contact_page_wrap a:active {
	color: #005bac;
	text-decoration: underline
	cursor:pointer;
}

hr {
	margin-bottom: 40px;
	border: 0;
	height: 1px;
	background-color: #dadada
}
hr+hr {
	margin-top: -20px
}
ol {
	margin-bottom: 40px;
	counter-reset: number;
	list-style: none
}
ol li {
	text-indent: -2em;
	margin: 5px 0 0 2em
}
ol li:first-child {
	margin: 0 0 0 2em
}
ol li:before {
	margin-right: 3px;
	counter-increment: number;
	content: counter(number)"．";
	font-weight: bold;
	color: #005bac
}
ol li ul li {
	margin: 0 !important
}
ol li ol li:before {
	content: counter(number, lower-alpha)"．"
}
ol li ul li:before {
	counter-reset: none;
	content: none !important
}
img {
	max-width: 100%;
	height: auto;
	width: auto
}
#wpadminbar {
	z-index: 10000000 !important
}
body {
	padding-top: 100px;
	position: relative
}
body.home {
	padding-top: 93px
}

@media screen and (max-width: 769px) {
	body,
	body.home {
		padding-top: 45px;
	}
}
#header_wrapper {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100000;
	width: 100%;
	background: #FFF;
	box-shadow:0px 0px 1px rgba(0,0,0,0.2); 
}
#header_wrapper {
  box-shadow:0px 0px 2px rgba(0,0,0,0.4)\9; /* IE10以下 */
}

@media all and (-ms-high-contrast: none){
  #header_wrapper {
    box-shadow:0px 0px 2px rgba(0,0,0,0.4); /* IE10以上 */
  }
}
/*@media screen and (max-width:769px) {
#header_wrapper {
	position: static;
	top: auto;
	left: auto;
	z-index: auto;
	width: auto;
	background: 0
}
}*/
@media screen and (max-width: 769px) {
	#header_wrapper {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100000;
		width: 100%;
		background: #FFF;
		box-shadow:0px 2px 2px rgba(0,0,0,0.3); 
	}
}
#header {
	clear: both;
	width: 1052px;
	margin: 0 auto 0;
	padding-top: 20px;
	padding-bottom: 5px;
	overflow: hidden;
	zoom: 1;
	background: #FFF
}
#header #hd_logo {
	float: left;
	width: 275px
}
#header #hd_logo p {
	float: left;
	color: #8e8e8e;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 131%
}
#header #hd_logo p #logo_svg {
	width: 100%;
	max-width: 290px;
	min-height:auto;
	/*min-height:23px!important;*/
}
#header #hd_logo h1 #logo_svg {
	width: 100%;
	max-width: 290px;
	min-height:auto;
	/*min-height:23px!important;*/
}
@-moz-document url-prefix() {
	#header #hd_logo p #logo_svg {
	width: 100%;
	max-width: 260px;
	min-height:auto;
	min-height:26px!important;
}
	#header #hd_logo h1 #logo_svg {
	width: 100%;
	max-width: 260px;
	min-height:auto;
	min-height:26px!important;
}
}

#header #hd_logo .site_ttl {
	margin-left: 8px;
	overflow: hidden
}
#header #choose_region {
	float: right;
	line-height:25px;
	min-height: 20px;
	padding: 0px 10px 0px 20px;
	/*background: url(/img/common/hd_icon_earth.svg) left center no-repeat;*/
	/*font-family: 'Open Sans', sans-serif;*/
	font-weight: normal;
	font-size: 116%
}
#header #choose_region a:hover{
	text-decoration:underline;
}
#header #choose_region img {
	/*float:left;*/
    width: 18px;
    margin: -4px 5px 0 0;
}
#header #choose_region a {
	color: #333;
	display: inline-block;
	text-decoration: none;
	margin: 3px 0 0 0;
	display: inline-block;
}
/*
#header #choose_region a img {
	display: none !important
}
*/
#header #hd_lang {
	float: right;
	width: 114px;
	margin-left: 13px;
	padding: 4px 4px 4px 2px;
	background-color: #f5f5f5;
	border: 1px solid #e1e1e1
}
#header #hd_lang ul {
	clear: both;
	width: 114px
}
#header #hd_lang li {
	float: left;
	margin-left: 2px;
	list-style: none
}
#header #hd_lang_select {
	float: right;
	width: 122px;
	height: 32px;
	margin-left: 13px;
	background-color: #7f7f7f;
	color: #fff;
	font-size: 85%;
	position: relative;
	z-index: 100000
}
#header #hd_lang_select ul {
	clear: both;
	width: 122px;
	height: 32px;
	position: absolute;
	top: 0
}
#header #hd_lang_select li {
	list-style: none;
	cursor: pointer
}
#header #hd_lang_select li a, #header #hd_lang_select li span {
	display: block;
	height: 25px;
	padding: 7px 20px 0 10px;
	color: #fff;
	text-decoration: none;
	background-color: #7f7f7f
}
#header #hd_lang_select li span {
	background: #7f7f7f url(../img/common/hd_lang_arrow.gif) 104px center no-repeat
}
#header #hd_lang_select li a:hover {
	background: #9d9d9d
}
#header #hd_lang_select li img {
	margin-right: 5px;
	vertical-align: middle
}
#header #hd_lang_select li.eng, #header #hd_lang_select li.eur {
	display: none
}
#header #hd_search {
	float: right;
	width: 230px;
	margin-left: 3px;
	border: 1px solid #d6d6d7
}
#header #hd_search input {
	border: 0;
	outline: 0;
	font-size: 100%
}
#header #hd_search .search_btn {
	float: left;
	width: 33px;
	height: 30px
}
#header #hd_search .search_txt {
	float: right;
	width: 197px;
	height: 30px;
	color: #cdcccc
}
#header #font_change {
	float: right;
	width: 104px;
	height: 26px;
	padding: 4px 5px 0 8px;
	margin-left: 3px;
	background-color: #f5f5f5;
	border: 1px solid #d6d6d7
}
#header #font_change p {
	float: left;
	width: 60px
}
#header #font_change ul {
	float: right;
	width: 44px
}
#header #font_change li {
	float: left;
	width: 22px;
	height: 22px;
	list-style: none;
	line-height: 0
}
#header #sp_menu {
	display: none
}

@media screen and (max-width:769px) {
#header {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	zoom: 1;
}
#header #hd_logo {
	float: left;
	width: 70%;
	padding: 8px 0 0 3%;
	box-sizing: border-box
}
#header #hd_logo p {
	float: none;
	display: inline;
	font-size: 93%
}
#header #hd_logo p img {
	width: 90%;
	max-width: 260px;
	height: auto
}
#header #font_change, #header #hd_search, #header #choose_region, #header #hd_lang_select, #header #hd_lang {
	display: none !important
}
#header #sp_menu {
	display: block;
	float: right;
	width: 60px;
	padding: 8px 0 0px 0;
	background-color: #005bac;
	text-align: center;
	box-sizing: border-box;
	color: #FFF;
	font-size: 0.8em;
}

/*メニューボタンアニメーション*/

.panel-btn{
}
.panel-btn p{
    text-indent: 0px;
    font-family: sans-serif;
    line-height: 11px;
    font-size: 11px;
    color: #FFF;
}
.panel-btn:hover{
}
.close {
  background: transparent!important;
}
#panel-btn-icon{
	display: block;
	position: absolute;
	top: 20px;
	right: 17px;
	width: 29px;
	height: 3px;
	margin: 0px 0 0 0px;
	background: #ffffff;
	transition: .2s;
}
#panel-btn-icon:before{
    display: block;
    content: "";
    position: absolute;
    top: -9px;
    right: 0px;
    width: 29px;
    height: 3px;
    background: #ffffff;
    transition: .3s;
}
#panel-btn-icon:after{
    display: block;
    content: "";
    position: absolute;
    top: 9px;
    right: 0px;
    width: 29px;
    height: 3px;
    background: #ffffff;
    transition: .3s;
}
.close:before{
  margin-top: 8px;
}
.close:after{
  margin-top: -10px;
}
.close:before{
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.close:after{
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}


#header #sp_menu img {
	width: 40% !important;
	height: auto !important
}
}
#menu {
	display: block;
	position: relative;
	z-index: 100
}
#menu li {
	list-style: none
}
#gmenu {
    clear: both;
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    border-bottom: 3px solid #7A6E67;
    zoom: 1;
    font-size: 110%;
    position: relative;
}
#gmenu .ar_btm{
	width:20px;
	display:inline-block;
}
#gmenu ul {
	width: 1030px;
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden
}
#gmenu li {
	display: inline-block;
	text-align: center;
	list-style: none;
	position: relative;
	box-sizing: border-box
}
#gmenu li:first-child {
	border-left: 0
}
/*
#gmenu01 {
	width: 120px
}
#gmenu02 {
	width: 250px
}
#gmenu03 {
	width: 155px
}
#gmenu04 {
	width: 180px
}
#gmenu05 {
	width: 120px
}
#gmenu06 {
	width: 155px
}
*/
#gmenu li a {
	display: block;
	padding: 12px 26px 8px
}
#gmenu li a.pc {
	font-size: 15px;
}
#gmenu li a:link, #gmenu li a:visited {
	color: #000;
	text-decoration: none
}
#gmenu li a.current, #gmenu li a:hover, #gmenu li a:active {
	color: #fff;
	background: rgba(0,86,201,1.0);
	text-decoration: none
}
#gmenu li.arrow a.current, #gmenu li a:hover, #gmenu li a:active {
	color: #fff;
	background: rgba(0,86,201,1.0);
	text-decoration: none
}
#gmenu .sp_choose, #gmenu #gsearch {
	display: none
}
.gsub li{
    display: block;
    text-align: left;
    border-bottom: none;
}
.gsub li a{
    display: block;
    padding: 0;
}
.gsub li a.arrow{
	background: url(/img/common/icon_arrow02.png) 162px center no-repeat;
}

.top_bnr_sp {
	display: none
}

@media screen and (max-width:769px) {
#menu {
	width: 100%;
	position: absolute;
	font-size: 108%;
	display: none
}
#gmenu {
    padding-bottom: 30px;
    overflow: scroll;
    max-height: 500px;
}
#gmenu ul {
	width: 100%;
	min-width: 100%;
	text-align: left;
	white-space: normal !important
}
#gmenu li {
	display: block;
	text-align: left;
	border-bottom: 1px solid #337cbd;
}
#gmenu01, #gmenu02, #gmenu03, #gmenu04, #gmenu05, #gmenu06, #gmenu07 {
	width: 100%
}
#gmenu ul ul li a {
	display: block;
	padding: 10px 15px;
	background: url(/img/common/icon_arrow10.png) 97% center no-repeat;
	background-size: 8px auto;
	-webkit-background-size: 8px auto;
	-moz-background-size: 8px auto;
	-o-background-size: 8px auto
}
#gmenu ul ul li a.sublist {
	padding-top: 0;
	background: none;
}
#gmenu ul ul li a.sublist li {
	border-bottom: none!important;
}
#gmenu ul ul ul li a {
	display: block;
	padding: 10px 15px;
	background: url(/img/common/icon_arrow08.png) 97% center no-repeat;
	background-size: 8px auto;
	-webkit-background-size: 8px auto;
	-moz-background-size: 8px auto;
	-o-background-size: 8px auto
}
#gmenu li a:hover {

}
#gmenu ul li .sp{
	background: url(/img/common/gmenu_ico_p.gif) 98% center no-repeat;
	background-size: 15px auto;
	-webkit-background-size: 15px auto;
	-moz-background-size: 15px auto;
	-o-background-size: 15px auto;
}
#gmenu ul li .sp.arrow{
	background-image: url(/img/common/icon_arrow10.png);
	background-position: 97% center;
	background-repeat:no-repeat;
	background-size: 7px auto;
	-webkit-background-size: 7px auto;
	-moz-background-size: 7px auto;
	-o-background-size: 7px auto;
}
#gmenu ul ul li .sp{
    background: url(/img/common/gmenu_ico_darw.png) 99% center no-repeat;
    background-size: 22px auto;
    -webkit-background-size: 22px auto;
	-moz-background-size: 22px auto;
	-o-background-size:22px auto;
}
#gmenu li a:hover , #gmenu li a:active{
	color: #000;
	background-color: #d8d8d8;
	background: #d8d8d8;
}
#gmenu li a.current, #gmenu li li a:hover, #gmenu li li li a:hover {
	color: #000;
	background: url(/img/common/icon_arrow10.png) 97% center no-repeat;
	background-size: 15px auto;
	-webkit-background-size: 15px auto;
	-moz-background-size: 15px auto;
	-o-background-size: 15px auto;
	background-color: #d8d8d8;
}
.ico_m{
	background: url(/img/common/gmenu_ico_m.gif) 98% center no-repeat!important;
	background-size: 15px auto!important;
	-webkit-background-size: 15px auto!important;
	-moz-background-size: 15px auto!important;
	-o-background-size: 15px auto!important;
}
#gmenu ul ul li .ico_m{
	background: url(/img/common/gmenu_ico_uarw.png) 99% center no-repeat!important;
	background-size: 22px auto!important;
	-webkit-background-size: 22px auto!important;
	-moz-background-size: 22px auto!important;
	-o-background-size: 22px auto!important;
}
#gmenu06 .sp{
	background: url(/img/common/icon_arrow08.png) 98% center no-repeat!important;
	background-size: 5px auto!important;
	-webkit-background-size: 5px auto!important;
	-moz-background-size: 5px auto!important;
	-o-background-size: 5px auto!important;
}
#gmenu .sp_choose {
	display: block;
	width: 94%;
	margin: 20px auto
}
#gmenu .sp_choose img {
	width: 100%;
	height: auto
}
#gmenu #gsearch {
	display: block;
	width: 94%;
	margin: 12px auto 12px auto;
	border: 1px solid #d6d6d7;
	background-color: #fff;
	box-sizing: border-box
}
#gmenu #gsearch table {
	width: 100%
}
#gmenu #gsearch th {
	width: 33px
}
#gmenu #gsearch input {
	border: 0;
	color: #cdcccc;
	outline: 0;
	font-size: 100%
}
#gmenu #gsearch .search_btn {
	width: 37px;
	height: 34px
}
#gmenu #gsearch .search_txt {
	width: 100%;
	height: 34px
}
}
#smenu {
	width: 100%;
	position: absolute;
	z-index: 10000
}
#smenu_block {
	width: 1045px;
	z-index: 100;
	border-top: 4px solid #0056b9;
	margin: -4px auto 0 auto;
	padding: 15px 0 0;
	background: rgba(250, 250, 250, 0.97);
	display: none;
	box-shadow: 0px 2px 3px 1px #656565;
}
#smenu .smenu_col1 {
	width: 1030px;
	margin: 0 25px 25px;
	padding: 0 25px 0
}
#smenu .smenu_col2 {
	clear: both;
	width: 1030px;
	margin: 0 auto 25px;
	/*background: url(/img/common/smenu_border_col2.png) left top repeat-y;*/
	overflow: hidden;
	zoom: 1
}
#smenu .smenu_col3 {
	clear: both;
	width: 1030px;
	margin: 0 auto 25px;
	/*background: url(/img/common/smenu_border_col3.png) left top repeat-y;*/
	overflow: hidden;
	zoom: 1
}
#smenu .smenu_col1 .cate_top, #smenu .smenu_col2 .cate_top, #smenu .smenu_col3 .cate_top {
	margin: 0 25px 25px;
	padding-left: 10px;
	font-size: 123.1%;
	line-height: 1.4;
	font-weight: 700
}
#smenu .smenu_col1 .cate_top {
	margin: 0 0 25px
}
#smenu .smenu_col2 .smenu_box {
    float: left;
    width: 200px;
    padding: 0 2px 0 2px;
}
#smenu .smenu_col3 .smenu_box {
    float: left;
    width: 200px;
    padding: 0 3px 0 3px;
}
#smenu .smenu_bnr {
	clear: both;
	padding: 15px 17px 15px 16px;
	background: rgba(250, 250, 250, 0.97);
	overflow: hidden;
	zoom: 1;
	margin: 20px 0 0 0;
}
#smenu .smenu_bnr li {
	float: left;
	width: 195px;
	margin: 0 0 0 10px
}
#smenu .smenu_bnr li:first-child {
	margin: 0
}
#smenu .smenu_bnr li.size_l_bnr {
	width: 383px !important
}
#smenu .smenu_col1 li, #smenu .smenu_col2 li, #smenu .smenu_col3 li {
	margin: 10px 0 0;
	padding-left: 10px;
	font-size: 103%;
	line-height: 1.4;
	font-weight: 700
}
#smenu .smenu_col1 li:first-child, #smenu .smenu_col2 li:first-child, #smenu .smenu_col3 li:first-child {
	margin: 0
}
#smenu .smenu_col1 li a, #smenu .smenu_col2 li a, #smenu .smenu_col3 li a, #smenu .cate_top a {
	/*color: #fff;*/
	text-decoration: none
}
#smenu .smenu_col1 li a:hover, #smenu .smenu_col2 li a:hover, #smenu .smenu_col3 li a:hover {
	color: #323a40;
	text-decoration: underline
}
#smenu .smenu_col1 li ul, #smenu .smenu_col2 li ul, #smenu .smenu_col3 li ul {
	margin: 5px 0 0 0
}
#smenu .smenu_col1 li ul li, #smenu .smenu_col2 li ul li, #smenu .smenu_col3 li ul li {
	margin: 3px 0 0;
	padding-left: 0px;
	font-size: 90%;
	font-weight: 400
}
_:-ms-lang(x), #smenu .smenu_col1 li ul li, #smenu .smenu_col2 li ul li, #smenu .smenu_col3 li ul li {
	padding-left: 5px;
}
#smenu .smenu_col1 li ul li a, #smenu .smenu_col2 li ul li a, #smenu .smenu_col3 li ul li a{
	color:#191919;
}
#smenu .smenu_col1 li ul li:first-child, #smenu .smenu_col2 li ul li:first-child, #smenu .smenu_col3 li ul li:first-child {
	margin: 0
}

#smenu02 .first_row,#smenu02 .second_row,#smenu03 .first_row,#smenu03 .second_row,#smenu07 .first_row,#smenu07 .second_row{
	clear:both;
}
.second_row{
	padding:20px 0 0 0;
}
#smenu .smenu_col2 li.product {
	margin:5px 0 0 0;
	padding-right: 0px;
    background: none;
    display: inherit;
	line-height: 1.4;
}
#smenu .smenu_col2 li.product a:hover{
	color: #323a40;
	text-decoration: underline
}
#smenu .smenu_col2 li.product a {
	background:none;
  	color: #191919;
  	padding-left: 0px;
    font-size: 90%;
    font-weight: 400;
}
@media screen and (max-width:769px) {
#smenu {
	display: none
}
}
#smenu01, #smenu02, #smenu03, #smenu04, #smenu05, #smenu07  {
	overflow: hidden;
	display: none
}
#footer {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background-color: #0056b9;
}
#footer a {
	color: #fff;
	text-decoration: none
}
#footer a:hover {
	text-decoration: underline
}
#footer li {
    margin-bottom: 15px;
    list-style: none;
    line-height: 105%;
    font-size: 110%;
    font-weight: bold;
}
#footer li a {
    background-size: 5px;
    padding: 0 18px 0 0;
    display: table-cell;
    vertical-align: middle;
}
#footer li li{
    margin: 5px 0 0 2px;
    list-style: none;
    line-height: 100%;
    font-size: 100%;
    font-weight: normal!important;
}
#footer #pc_sitemap {
	display: block;
	clear: both;
	width:1055px;
	margin: 0 auto 15px;
	overflow: hidden;
	zoom: 1
}
#footer #pc_sitemap li{
	color:#FFF;
}
#footer #pc_sitemap li a{
    background: url(/img/common/icon_arrow08.png) 4px center no-repeat;
    background-size: 4px;
    padding: 0 0 0 18px;
    display: table-cell;
    vertical-align: middle;
}
#footer #pc_sitemap li li a{
    background: none;
    padding: 0px 0px 0 18px;
    display: table-cell;
    vertical-align: middle;
    background: url(/img/common/icon_arrow08.png) 4px center no-repeat;
    background-size: 4px;
}
#footer #pc_sitemap p{
    margin-bottom: 10px;
    font-weight: bold;
    display: table;
    color: #FFF;
    font-size:115%;
    width: 100%;
    min-height: 38px;
    vertical-align: middle;
    border-bottom: 1px solid #e3e3e3;
}
#footer #pc_sitemap p a{
background: url(/img/common/icon_arrow08.png) 5px center no-repeat;
    background-size: 5px;
    padding: 0 0 0 18px;
    display: table-cell;
    vertical-align: middle;
}
#footer #pc_sitemap p span{
    padding: 0 18px 0 0;
    display: table-cell;
    vertical-align: middle;
}
#footer #pc_sitemap .f_sm_box01 {
	float: left;
	width: 225px
}
#footer #pc_sitemap .f_sm_box02 {
	float: left;
	width: 225px;
	margin-left: 35px
}
#footer #pc_sitemap .f_sm_box03 {
	float: left;
	width: 230px;
	margin-left: 35px
}
#footer #pc_sitemap .f_sm_box04 {
	float: left;
	width: 230px;
	margin-left: 35px
}
#footer #pc_sitemap .f_sm_box05 {
	float: left;
	width: 160px;
	margin-left: 35px
}
#footer #pc_sitemap .f_sm_box03 p, #footer #pc_sitemap .f_sm_box05 p {
	margin-top: 35px
}
#footer #pc_sitemap .f_sm_box03 p:first-child, #footer #pc_sitemap .f_sm_box05 p:first-child {
	margin-top: 0
}

@media screen and (max-width:769px) {
#footer {
	padding: 15px 0 0
}
#footer #pc_sitemap {
	display: none
}
}
#sp_f_nav {
	display: none
}

@media screen and (max-width:769px) {
#sp_f_nav {
	display: block;
	width: 94%;
	margin: 0 auto 15px
}
#sp_f_nav p {
	margin-bottom: 1px;
	text-align: center
}
#sp_f_nav p a {
	display: block;
	padding: 10px;
	background-color: #7f7f7f;
	color: #fff;
	text-decoration: none;
	font-size: 108%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-bottom: 3px solid #757575
}
#sp_f_nav li {
	display: inline-block;
	margin-bottom:1px;
}
#sp_f_nav li a {
    display: inline-block;
    padding: 3px 10px 2px 22px;
    color: #fff;
    text-decoration: none;
    background: url(/img/common/icon_arrow09.png) 10px center no-repeat;
}
}
#footer #ft_nav {
	width: 100%;
	margin: 0 auto;
	padding: 12px 0 6px;
	background-color: #0056b9;
	color: #fff;
	border-top: 1px solid #fff;
}
#footer #ft_nav a {
	color: #fff
}
#footer #ft_nav .ft_nav_block {
	clear: both;
	width: 970px;
	margin: 0 auto;
	overflow: hidden;
	zoom: 1
}
#ft_logo img{
	height:20px;
}
#footer #ft_nav .ft_nav_block #ft_logo {
	float: right;
	width: 140px;
	margin-left: 30px
}
#footer #ft_nav .ft_nav_block .ft_copy {
	overflow: hidden;
	zoom: 1
}
#footer #ft_nav .ft_nav_block .ft_copy li {
	font-size: 100%;
	display: inline
}
#footer #ft_nav .ft_nav_block .ft_copy li a {
	margin-right: 5px;
	padding-bottom: 5px
}
#footer #ft_nav .ft_nav_block .ft_copy p {
	padding-top: 5px;
	font-size: 85%;
	color: #fff;
}
#footer #ft_nav .sp_pagetop {
	display: none
}

@media screen and (max-width:769px) {
#footer #ft_nav {
	padding: 5px 0;
}
#footer #ft_nav .ft_nav_block {
	width: 94%;
	margin: 0 auto
}
#footer #ft_nav .ft_nav_block #ft_logo {
	float: none;
	margin-left: 0
}
#footer #ft_nav .ft_nav_block .ft_copy ul {
	display: none
}
#footer #ft_nav .ft_nav_block .ft_copy p {
	padding-top: 5px
}
#footer #ft_nav .sp_pagetop {
	display: block;
	float: right;
	width: 30px;
	margin-left: 10px
}
}
.pagetop {
	z-index: 5;
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	_display: block;
	_width: 978px;
	_margin: 0 auto;
	_text-align: right;
	_padding: 0 0 20px;
}

@media screen and (max-width:769px) {
.pagetop {
	display: none !important
}
}
hr.hr_dot {
	border-top: 1px dotted #ccc;
	color: #fff;
	background-color: #fff !important
}
.clear {
	clear: both
}
.float_l {
	float: left
}
.float_r {
	float: right
}
.img_float_l {
	float: left;
	margin-right: 10px
}
.img_float_r {
	float: right;
	margin-left: 10px
}
.align_c {
	text-align: center
}
.align_r {
	text-align: right
}
.font10 {
	font-size: 77%
}
.font11 {
	font-size: 85%
}
.font14 {
	font-size: 108%
}
.font15 {
	font-size: 116%
}
.font16 {
	font-size: 123.1%
}
.font17 {
	font-size: 131%
}
.font18 {
	font-size: 138.5%
}
.font19 {
	font-size: 146.5%
}
.font20 {
	font-size: 153.9%
}
.font21 {
	font-size: 161.6%
}
.font22 {
	font-size: 167%
}
.font23 {
	font-size: 174%
}
.font24 {
	font-size: 182%
}
.font25 {
	font-size: 189%
}
.font26 {
	font-size: 197%
}
.font_exlarge {
	font-size: 153.9%
}
.font_large {
	font-size: 123.1%
}
.font_small {
	font-size: 85%
}
.font_normal {
	font-weight: normal !important
}
.mt0 {
	margin-top: 0 !important
}
.mt05 {
	margin-top: 5px !important
}
.mt10 {
	margin-top: 10px !important
}
.mt15 {
	margin-top: 15px !important
}
.mt20 {
	margin-top: 20px !important
}
.mt25 {
	margin-top: 25px !important
}
.mt30 {
	margin-top: 30px !important
}
.mb0 {
	margin-bottom: 0 !important
}
.mb05 {
	margin-bottom: 5px !important
}
.mb10 {
	margin-bottom: 10px !important
}
.mb15 {
	margin-bottom: 15px !important
}
.mb20 {
	margin-bottom: 20px !important
}
.mb25 {
	margin-bottom: 25px !important
}
.mb30 {
	margin-bottom: 30px !important
}
.mb35 {
	margin-bottom: 35px !important
}
.mb40 {
	margin-bottom: 40px !important
}
.mr05 {
	margin-right: 5px !important
}
.mr10 {
	margin-right: 10px !important
}
.mr15 {
	margin-right: 15px !important
}
.mr20 {
	margin-right: 20px !important
}
.mr25 {
	margin-right: 25px !important
}
.mr30 {
	margin-right: 30px !important
}
.mr35 {
	margin-right: 35px !important
}
.mr40 {
	margin-right: 40px !important
}
.ml05 {
	margin-left: 5px !important
}
.ml10 {
	margin-left: 10px !important
}
.ml15 {
	margin-left: 15px !important
}
.ml20 {
	margin-left: 20px !important
}
.ml25 {
	margin-left: 25px !important
}
.ml30 {
	margin-left: 30px !important
}
.ml35 {
	margin-left: 35px !important
}
.ml40 {
	margin-left: 40px !important
}
.clearfix:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: .1px;
	font-size: .1em;
	line-height: 0
}
.clearfix {
	display: inline-block;
	min-height: 1%
}/*\*/
* html .clearfix {
	height: 1%
}
.clearfix {
	display: block
}/**/
.displaynone {
	display: none !important
}
.wp-video {
	margin: 0 auto
}

.txt_indent{
    text-indent: -14px;
    margin: 0 0 0 14px;
}
@media screen and (max-width:769px) {
.top_bnr_sp {
	display: block !important
}
}
.top_bnr_pc {
	display: block
}

@media screen and (max-width:769px) {
.top_bnr_pc {
	display: none !important
}
}

/*メニューアニメーション*/ 	
	
#menuButton { 	
display: block; 	
width: 45px; 	
height:17px; 	
/*top: 10px;*/ 	
/*right: 10px;*/ 	
z-index: 3; 	
} 	
#menuButton span { 	
display: block; 	
background: #FFF; 	
width: 24px; 	
height: 2px; 	
position: absolute; 	
right: 18px; 	
transition: all 0.4s; 	
-webkit-transition: all 0.4s; 	
-moz-transition: all 0.4s; 	
} 	
#menuButton span:first-child { 	
top: 5px; 	
} 	
#menuButton span:nth-child(2) { 	
    top: 13px;	
} 	
#menuButton span:last-child { 	
top: 21px; 	
} 
#menuButton.active span:first-child { 	
-webkit-transform: translateY(8px) rotate(45deg); 	
-moz-transform: translateY(8px) rotate(45deg); 	
-ms-transform: translateY(8px) rotate(45deg); 	
transform: translateY(8px) rotate(45deg); 	
} 	
#menuButton.active span:nth-child(2) { 	
opacity: 0; 	
} 	
#menuButton.active span:last-child { 	
-webkit-transform: translateY(-8px) rotate(-45deg); 	
-moz-transform: translateY(-8px) rotate(-45deg); 	
-ms-transform: translateY(-8px) rotate(-45deg); 	
transform: translateY(-8px) rotate(-45deg); 	
}

.spmenu li {
	text-indent: 22px;
	color: #4c4c4c!important;
	background-color: #ccc!important;
	font-size:0.9em;
    border-bottom: 1px solid #7f7f7f!important;
}
.spmenu .spmenu li{
	text-indent: 30px;
	color: #4c4c4c!important;
	background-color: #aaa!important;
	font-size:0.9em;
	border-bottom: 1px solid #7f7f7f!important;
}
.spmenu li a:hover {
    background: rgb(166, 166, 166);
    text-decoration: none;
}
.spmenu{
	display:none;
}
.spmenu li ul li{
	border-bottom: none!important;
}
.spmenu li.sp_product_menu {
    text-indent: 30px;
    color: #4c4c4c!important;
    background-color: #aaa!important;
    font-size: 0.9em;
    border-bottom: 1px solid #7f7f7f!important;
}
.spmenu li.sp_product_menu a{
    display: block;
    padding: 10px 15px;
    background: url(/img/common/icon_arrow08.png) 97% center no-repeat;
}
/* wp-pagenavi 攻撃回避のためwp-pagenavi.cssを削除した為 */
.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	color: #005bac;
	background: #f2f8fe;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

.sp {
	display: none!important;
}
@media screen and (max-width:769px) {
.sp {
	display: block!important;
}
}
.pc {
	display: blockimportant;
}
@media screen and (max-width:769px) {
.pc {
	display: none !important;
}
}
.btn img{
	width:auto!important;
	height:22px!important;
	min-width:60px;
}
.btn_rss img{
	width:auto!important;
	height:22px!important;
	min-width:60px;
}
.btn {
    margin-bottom: 22px;
    margin-top: -45px;
    text-align: right;
}

@media screen and (max-width:769px) {
.cto_img {
	width:50%!important;
	margin:0 auto!important;
}
}
.txt_indent_m {
	text-indent: 0px;
	margin-left: 0px!important;
}
.rep_to{
	width:400px;
}
.blogroll {
	position:relative;
}	
.blogroll p {
	width:274px;
	height:21px;
	background:url(pbd-css-blogroll-rollover-img.png) 0 0 no-repeat;
	text-indent:-9999px;
	margin:0;
}
.blogroll ul {
	width:100%;
	background:#0056B9;
	position:absolute;
	left:0;top:31px;
	margin:0;
	padding:0;
	list-style:none;
}

.blogroll ul a:link, .blogroll ul a:visited {
    display: block;
    width: 100%;
    text-indent: 20px;
    padding: 4px 0 4px 0px;
    text-decoration: none;
    color: #FFF;
    font-weight: normal;
}
.blogroll ul a:hover, .blogroll ul a:active {
	background:#3389FF;
}

.blogroll {
	height:21px;
	overflow:hidden;
}
.blogroll:hover {
	overflow:visible;
}

.blogroll {
	display:none;
}
html>body .blogroll {
	display: block;
    margin: 5px;
    padding: 5px 10px;
    border: 1px #c3c3c3 solid;
    background: #f2f8fe url(/img/en/common/icon_arrow01_btm.png) 96% center no-repeat;

}
.irframe {
  overflow:auto;
  width:100%;
  position:relative;
  top:0px;
  left:0px;
  right:0px;
  bottom:0px;
}

.float_map_box{
    position: absolute;
    width: 737px;
    padding: 15px 0px 19px 8px;
    right: 0%;
    top: 41px;
    border: 1px solid #c3c3c3;
    background-color:#FFF;
    display: none;
    z-index: 10000;
}
.float_map_box li {
    display: inline-block;
    width: 45%;
}
.float_map_box li a{
    font-size: 108%;
    list-style: none;
}
.float_map_box li a{
    display: block;
    padding-left: 15px;
    background: url(/img/common/icon_arrow02.png) left 8px no-repeat;
    color: #333;
}
.float_map_box li img{
    margin-top:-3px;
    margin-right:10px;
}
.float_map_box  .ttl{
    border-bottom: 1px solid #0056b9;
    width: 96%;
}
.float_map_box  .ttl a{
    text-decoration: none!important;
}

.em_link{
    background: white;
    font-size:85%!important;
    padding: 7px 5px 5px 12px;
    border: 2px solid #C3C3C3;
    margin:0 0 5px 0!important;
}
.em_link a{
    background: url(/img/common/icon_arrow02.png) right no-repeat!important;
    padding: 0 10px 0 0!important;
}
//.em_link img.jump_link_icon {
//    display: none!important;
//}
.em_link {
	-moz-box-shadow:inset 0px -3px 7px 0px #008ed0;
	-webkit-box-shadow:inset 0px -3px 7px 0px #008ed0;
	box-shadow:inset 0px -1px 9px -10px #008ed0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2dabf9), color-stop(1, #0688fa));
	background:-moz-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-webkit-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-o-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-ms-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dabf9', endColorstr='#0688fa',GradientType=0);
	background-color:#2dabf9;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #efefef;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:6px 15px;
	text-decoration:none;
	text-shadow:0px 1px 0px #0056b9;
}
.em_link:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0688fa), color-stop(1, #2dabf9));
	background:-moz-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-webkit-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-o-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-ms-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0688fa', endColorstr='#2dabf9',GradientType=0);
	background-color:#0688fa;
}
.em_link:active {
	position:relative;
	top:1px;
}
.em_link a{
    background: url(/img/common/icon_arrow02.png) right no-repeat!important;
    padding: 0 10px 0 0!important;
    color:#FFF!important;
}
#cbnr2{
	width: 66%!important;
}
#cbnr2 .related_img_block{
    height: 133px;
    margin: 0;
    padding: 40px 0 0 0;
}
@media screen and (max-width:769px) {
#cbnr2{
	width: 100%!important;
}
#cbnr2 .related_img_block{
    height: 133px;
    margin: 0 0 40px 0;
    padding: 40px 10px 0 10px;
}
}


/*役員一覧用ＣＳＳ　林*/
.directors{
    margin: 10px;
    background: -moz-linear-gradient(top, #FFC778, #FFF);
    background: -webkit-linear-gradient(top, #ececec, #FFF);
    background: linear-gradient(to bottom right, #f1f1f1, #ffffff);
}
.directors .d_photo{
    display: inline-block;
    text-align: right;
    width: 100%;
    padding:10px 10px 0 10px;
}
.directors img{
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}
.directors .d_name{
    font-size: 24px;
    display: inline-block;
    text-align: left;
    float: left;
    font-weight: bold;
    margin: 20px;
}
.directors .d_keireki{
    display:none;
    margin: 10px 30px 10px 30px;
    line-height: 2;
    font-size: 13px;
    border-top: 1px dotted #c3c3c3;
padding: 0 0 15px 0;
}
.directors .d_kata{
    font-size: 14px;
    font-weight: bold;
}
.directors .d_kana{
    font-size: 18px;
    font-weight: normal;
}
.directors .d_btn_area:hover{
    cursor:pointer;
}
.directors .d_btn_area:after{
    display: block;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.directors  .ryakureki{
    font-size: 13px;
    margin: -30px 0 10px 0px;
    text-decoration: none;
    display: block;
    color: #a3a3a3;
    text-align: center;
}

.directors .downarrow{
    text-align: center;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
    margin: -10px 0 0 0;
}
.directors .isclose{
   	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
}
@media screen and (max-width:769px) {
.directors{
    margin: 5px;
}
.directors  .ryakureki{
    font-size: 13px;
    margin:-30px 0 10px 35px;
    text-decoration: none;
    display: block;
    color: #a3a3a3;
    text-align: left;
}
.directors .downarrow{
    text-align: left;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    -o-transition: all .15s linear;
    transition: all .15s linear;
    margin: -10px 0 0 55px;
}

.directors .isclose{
   	-webkit-transform: rotate(0deg);
	        transform: rotate(0deg);
}
.directors .d_keireki{
    display:none;
    margin: 10px 0px 10px 0px;
    line-height: 2;
    font-size: 13px;
    border-top: 1px dotted #c3c3c3;
    padding: 0 0 15px 0;
}
.d_keireki tr td:first-child{
    width: 80px;
    vertical-align: top;
    white-space: nowrap;
    font-weight: bold;
    display: block;
}
.d_keireki tr td:nth-child(2){
	display:block;
}
}
.smenu_box li span img{
	margin:5px 0;
	display:block;
}
.smenu_box li{
	display:block;
	margin:5px 0;
	color:#0056B9;
	font-size:75%;
}
.smenu_box li a{
    padding-right: 10px;
    background: url(/img/common/icon_arrow02.png) 162px center no-repeat;
    display: block;
    margin: 0;
}
.smenu_box li li a{
    padding-right: 0px;
    background: none;
    display: inherit;
    margin: 0;
}
.smenu_box li a.sublist{
    padding-right: 0px;
    background: none;
    display: inherit;
    margin: 0;
}
.smenu_box li a.sublist li{
	color: #333;
	font-size: 80%;
}
.subttl{
	font-size:75%;
}
.sqbox{
	display:inline!important;
    margin: 0 5px 0 0!important;
}
.sqbox img{
	display:inline!important;
}
.sqbox_link{
}
.menu_em_bnr{
    display: inline-block;
    width: 580px;
    float: right;
    padding: 12px 10px;
    background-color: #e3e3e3;
    margin: 0px 20px 0 0;
}
.menu_em_bnr a:first-child{
    margin:0 10px 0 0 ;
}
//application向けCSS　林

.application{
}
.application p{
	font-size:110%;
}
.application .subttl{
	margin: 10px 0px 35px; padding: 20px 50px; text-align: center; font-size: 110%; font-weight: bold; background-color: rgba(255, 255, 255, 0.8);border-top:2px solid #0056b9;border-bottom:2px solid #0056B9;
}
#app_form_box{
	display:;
}
#form_opener{
    background-color: #0056b9;
    font-size: 1.2em;
    padding: 12px 38px;
    max-width: 100%;
    margin: 10px auto 30px auto;
}
#form_opener span img{
    margin:0 0 0 15px;
    transform: rotate(0deg);
    transition:  0.2s;
}
#form_opener span.clicked img{
    transform: rotate(180deg);
    transition:  0.2s;
}

.app_form_btn{
	background-color:#fff!important;
}
.text-center{
	text-align:center;
}
@media (max-width: 768px) {
	.application .subttl{
		    margin: 10px 0px 35px;
		    padding: 10px;
		    text-align: center;
		    font-size: 95%;
		    font-weight: bold;
		    background-color: rgba(255, 255, 255, 0.8);
		    border-top: 2px solid #0056b9;
		    border-bottom: 2px solid #0056B9;
	}
}

.application .list_img img{
margin:0 0 20px 0;
border:2px solid #c3c3c3;
}
.application .list_btn img{

}
.application_h1{
font-size: 28px!important;
font-weight: 400;
letter-spacing: 0.1em;
}
.kon_ttl{
font-size: 28px!important;
font-weight: bold;
letter-spacing: 0.1em;
padding-bottom: 18px;
}

@media (max-width: 768px) {
	.kon_ttl{
	font-size: 110%!important;
	font-weight: bold;
	letter-spacing: 0.1em;
	padding-bottom: 18px;
	}
}

.kon_ttl span{
	padding:5px;
	margin:0 20px 0 0;
	border:1px solid #0056b9;
}
.kon_product{
    font-size: 120%;
    margin: 0 0 24px 0;
}
.kon_product::after {
    content: "";
    display: block;
    width: 50px;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #0056B9;
}
.application h3{
    font-size:120%;
}
.kon_product span{
	padding:5px;
	margin:0 20px 0 0;
	border:1px solid #0056b9;
	background:#FFF;
}
.rotate{
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    color:#0056b9!important;
    display: inline-block;
    margin:0 5px 0 0;
}
.app_merit{
    line-height:1.5;
    margin-bottom: 25px;
    padding: 30px;
    background-color: #f4f4f4;
}
.app_merit p{
	margin:0 0 0 20px;
}
.app_info{
    text-align:center;
    line-height:1.5;
    margin-bottom: 25px;
    padding: 30px;
    background-color: rgba(121,203,255,0.2);
}
.app_product{
    display: block;
    margin: 0 0 20px 0;
    text-align: center;
}
.app_contact{
    display: block;
    background: #ecf9ff;
    padding: 40px 0 10px 0;
}
.app_mail{
}
.app_button {
  text-align: center;
  margin: 30px 0;
}
.sdgs_img td img{
	width:100px!important;
	height:auto;
	margin:5px;
}

@media (min-width: 768px) {
  .app_button {
    margin: 30px 0;
  }
}
.app_button a {
  width: 100%;
  max-width: 300px;
  position: relative;
  display: inline-block;
  padding: 15px 3%;
  border: 1px solid #0056b9;
  color: #0056b9;
  text-align: center;
  text-decoration: none;
  transition: .2s;
  background-color:#fff;

}
.com_info{
	padding:15px 30px!important;
	border:2px solid #0056b9;
}
@media (min-width: 768px) {
	.application .com_info img {
		float: right;
	}
}

@media (min-width: 768px) {
  .app_button a {
    width: 28%;
    max-width: 300px;
  }
}
.app_button a::after {
    position: absolute;
    top: 50%;
    right: 17px;
    z-index: 1;
    content: '>';
    margin-top: -13px;
    font-size: 16px;
}
@media (min-width: 768px) {
  .app_button a:hover {
    background-color:#e3edff;
  }
  .app_button a::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    content: '';
    background: #0056b9;
    transform-origin: right top;
    transform: scale(0, 1);
    transition: transform .1s;
  }
  .app_button a:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
  .app_button a:hover::after {
    transform: translateX(5px);
    transition: transform .5s;
  }
}

.application .center_al{
	text-align:center;
}
.application .ttl_link{
	display: table;
	height:60px;
}
.application .ttl_link a{
    display: table-cell!important;
    vertical-align: middle;
}
.application .ttl_link{
font-size:85%!important;
}
.youto{
}
.youto dt{
display:inline-block;
padding:3px 10px;
background-color:#fff;
margin:0 0 5px 0;
}
.youto dd{
display:inline-block;
}
.search_link{
    display: inline-block;
    float: right;
    width: auto;
    font-size:15px;
    line-height: 32px;
    margin-left: 16px;
    padding-left: 22px;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    background: url(/img/common/ico_search.png) left no-repeat;
    cursor:pointer;
    font-weight:normal;
}
.search_link:hover{
	text-decoration:underline;
}
#hd_search{
float: right;
    width: 230px;
    margin-left: 3px;
    border: 1px solid #d6d6d7;
}
.serchform{
    display:none;
    top: 41px;
    right: 0;
    z-index: 9999999;
    padding: 15px;
    background-color: #FFF;
    position: absolute;
    border: 1px solid #ccc;
    width: 240px;
    height: 32px;
}
.emecha_link{
    display: inline-block;
    float: right;
    line-height: 30px;
    min-height: 20px;
    padding: 0px 10px 0px 25px;
    font-weight: 700;
    font-size: 113%;
    font-weight:normal;
    background: url(/img/common/icon_arrow02.png) 12px 9px no-repeat;
}
.emecha_link a{
	text-decoration:none;
	color:#000;
}
.emecha_link a:hover{
	/*text-decoration:underline;*/
}
}


/* お問い合わせページデザイン調整 */

#contact_page_wrap{
}
#contact_page_wrap h3{
	color: #444!important;
	border:none!important;
	text-align: center;
	font-size: 1.2em;
	margin: 0px 0 10px 0;
}
#contact_page_wrap .w50a h3{
	color: #444!important;
	border:none!important;
	text-align: center;
	font-size: 1.2em;
	padding-top: 10px;
	margin: 5px 0 10px 0;
}
#contact_page_wrap h2{
	border:none!important;
	text-align: center;
	padding-left: 0;
	margin: 20px 0 20px 0;
	font-size: 123.1%;
}
#contact_page_wrap h2.second{
	margin: 60px 0 20px 0;
}
#contact_page_wrap .contact_box_wrap{
	width:100%;
	display: table;
	vertical-align: top;
	clear: both;
}
#contact_page_wrap .w50{
	display:inline-block;
	width: calc(50% - 10px)!important;
	vertical-align: top;
	/* position: relative; */
	text-align: center;
}
#contact_page_wrap .w50a{
	/* width: 100%; */
	background: #eff6ff;
	color: #444;
	vertical-align: top;
	/* position: relative; */
	margin: 0 0 0 0;
	padding: 0 0 0;
	padding: 10px 0 15px 0;
	text-align: center;
}
#contact_page_wrap .w50b{
	width: 100%;
	background: #eff6ff;
	color: #444;
	vertical-align: top;
	/* position: relative; */
	margin: 10px 0 0 0;
	/* padding: 10px; */
	text-align: center;
}
#contact_page_wrap .col6{
	margin: 0 0 10px 20px!important;
	/* padding:5px; */
	width: calc(50% - 25px);
}
#contact_page_wrap .w50second{
	background: #eff6ff;
	color: #444;
	text-align: center;
	vertical-align: top;
	padding-bottom: 8px;
	padding: 15px 5px;
}

#contact_page_wrap a.contact_outer_txtlink{
	position: relative;
	/* padding: 0 12px 0 0; */
	display: block;
	/* width: calc(100% - 34px); */
}
#contact_page_wrap a.contact_outer_txtlink:after{
	content:"";
	transition-duration: 0.2s;
	display: block;
	background: no-repeat center url(/img/common/outerlink_gray.png);
	width:20px;
	height:20px;
	vertical-align: middle;
	right: -18px;
	top: 23%;
	display: inline-block;
}
#contact_page_wrap a.contact_outer_txtlink:hover:after{
	background: no-repeat center url(/img/common/outerlink_gray_hover.png);
}

#contact_page_wrap .contact_btn{
	color:white;
	width: 80%;
	padding: 20px;
	margin: 0 auto;
	/* border-bottom: 1px solid #ccc; */
}
#contact_page_wrap .contact_btn a{
	color:white!important;
	background:#0056b9;
	padding: 15px 0px;
	transition-duration: 0.2s;
	text-align: center;
	/* margin: 0 auto; */
	font-weight: bold;
	position: relative;
	text-decoration: none;
	/* width: auto; */
	display: block;
	/* border: 1px solid; */
	font-size: 1.2em;
}
#contact_page_wrap .contact_btn a img{
	margin:0 10px 0 0;
}
#contact_page_wrap .contact_btn a:hover{
	/* opacity:0.5; */
	background: #12447e;
}
#contact_page_wrap .contact_btn a:after{
	content:"";
	transition-duration: 0.5s;
	display: block;
	background:no-repeat center url(/img/common/outerlink_blue.png);
	width:20px;
	height:20px;
	position: absolute;
	right: 10px;
	top: 21px;
}
#contact_page_wrap .contact_btn a img:hover{
	opacity:0.5;
}
#contact_page_wrap .outer_link:after{
	content:"";
	width:10px;
	height:10px;
}
#contact_page_wrap .outer_link02:after{
	/* content:""; */
	width:10px;
	height:10px;
}
#contact_page_wrap .link_btn a{
	border: none;
	background: url(/img/common/icon_arrow10.png) 96% center no-repeat #eff6ff;
	text-align: center;
	color: #444;
	padding: 15px 20px;
	font-weight: bold;
	transition-duration: 0.2s;
	font-size: 1.2em;
	display: block;
}
#contact_page_wrap .link_btn a:hover{
	background: #909090;
	background: url(/img/common/icon_arrow10.png) 97% center no-repeat #b3cff0;
	/* color: #FFF; */
}
#contact_page_wrap .link_btn {
    margin-bottom: 25px;
    padding: 0;
    background-color: transparent;
}
	
.link_btn_contact{
	text-align:center;
	font-size: 110%;
	margin: 25px 0;
}
.link_btn_contact img{
	margin: 0 0 0 10px;
}
.link_btn_contact.fontsmall{
	font-size: 100%;
}
.w50_btns{
	/* width:100%; */
	display:block;
	position:relative;
	text-decoration: none!important;
	color: #444!important;
	padding: 20px 20px;
	font-size: 1.2em;
	transition-duration: 0.2s;
	font-weight: bold;
	background: #eff6ff;
}
.w50_btns:hover{
	/* opacity:0.5; */
	background: #b3cff0;
	color: inherit;
}
.w50_btns:after{
	content:"";
	display: block;
	transition-duration: 0.2s;
	background: no-repeat center url(/img/common/outerlink_gray.png);
	width: 20px;
	height: 20px;
	position: absolute;
	right: 15px;
	top: 23px;
}
.w50_btns:hover:after{
	background: no-repeat center url(/img/common/outerlink_gray_hover.png);
}

.contact_toggle{
	text-align: right;
	display: flex;
	align-items: center;
	color: #000;
	position: relative;
	text-decoration: none;
	background:none;
	padding-right: 0;
	/* float: right; */
	/* position: absolute; */
	margin: 10px 5px 10px 0;
	/* cursor: pointer; */
	z-index: auto;
	justify-content: end;
}
.contact_toggle a{
	height: 20px;
	width: 20px;
	text-decoration: none;
	display:block;
	font-weight: bold;
	font-size: 1em;
	float: right;
}
.contact_toggle a:after{
	content:"+";
	display: block;
	color: #005BAC;
	font-size: 1.2em;
	position: relative;
	background:none;
	padding-right: 20px;
	cursor: pointer;
	z-index: auto;
}

.contact_toggle.isopen a:after{
	content:"－"!important;
}
.contact_toggle_slide {
	/* font-size:1.5em; */
	height: 90px;
	margin: 15px 0 5px 0;
}
.bg_none {
	background:none!important;
}
.main_span_txt{
	font-size: 1.9em;
	font-weight: bold;
}
.main_span_txt img{
	margin:0 10px 3px 0;
}
.freecall{
	font-size: 0.8em;
}
.span_txt{
	font-size: 0.8em;
	display: block;
	margin: 0px 0 10px 0;
}
.main_span_txt.pc{
	display:inline-block!important;
}
#contact_page_wrap .link_btn ul {
    margin-top: 0px!important;
}
.span_txt a{
	text-decoration:underline!important;
	color:#005bac!important;
}
.span_txt a:hover{
	text-decoration:underline!important;
	color:#53a3eb!important;
}
@media (max-width: 768px) {
#contact_page_wrap .col6 {
    margin: 10px auto 10px auto!important;
    padding: 0;
    width: calc(100% - 0px);
}
#contact_page_wrap .link_btn .col6{
    margin: 0px auto 10px auto!important;
}
#contact_page_wrap .w50{
	display:inline-block;
	width: calc(100%)!important;
	color: #444;
	vertical-align: top;
	margin: 0 0 10px 0;
	text-align: center;
}
#contact_page_wrap .w50b{
	margin: 0;
	padding: 0;
}
#contact_page_wrap .w50second{
	margin: 0px auto 0px auto!important;
	padding: 10px 0 0 0;
}

.main_span_txt.sp{
	display:inline-block!important;
}
.main_span_txt.pc{
	display:none!important;
}
#contact_page_wrap .contact_btn{
	color: white;
	width: 95%;
	padding: 20px 0px;
	margin: 0 auto;
}

#gsub li{
    display: block;
    text-align: left;
    border-bottom: none;
}
#gsub li a{
    display: block;
    padding: 8px 35px 7px;
}
#gsub li.arrow a{
	background: url(/img/common/icon_arrow02.png) 40px center no-repeat;
	padding-left: 55px;
}
#gsub li.arrow a:hover{
	background:url(/img/common/icon_arrow02.png) 40px center no-repeat #d8d8d8;
	padding-left: 55px;
}
}

@media print {
#contact_page_wrap .col6 {
    margin: 10px 0px 10px 0px!important;
    padding: 0 5px;
    width: calc(49% - 30px);
}
#contact_page_wrap .w50b {
    width: 100%;
    background: #eff6ff;
    color: #444;
    vertical-align: top;
    /* position: relative; */
    margin: 10px 0 0 0;
    /* padding: 10px; */
    text-align: center;
}
#contact_page_wrap .w50second {
    background: #eff6ff;
    color: #444;
    text-align: center;
    vertical-align: top;
    padding-bottom: 8px;
    padding: 15px 5px 18px 5px;
}
}

/************* robot application*************/

.appflex{
    display: flex
}

.apflex_list {
    margin: 0px 0px 30px 20px;
    width: 230px;
}


.apflex_list:first-child {
    margin-left: 0;
}

.application_list {
    background: url(/img/common/icon_arrow01.png) right 5px no-repeat;
    display: inline-block;
    width: 100%;
    margin: 5px 0 5px 0;
    
}

.application_list a {
	 text-decoration: none;
}

img.application_list_img {
    border: solid 1px #c3c3c3;
}


@media screen and (max-width: 769px) {
.appflex {
        display: flex;
        flex-direction: column;
}
.apflex_list {
    margin: 20px 0 0 0;
    width: 100%;
}


}



/************* end robot application *************/