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

	Theme Name: KINSEN CO.,LTD. Web site
	Description: Main Style Sheet 02-22-2017 (mm-dd-yyyy)
	Version: 1.3

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

html {
    font-size: 16px;
}

body {
	font: 16px/26px Helvetica, 'Helvetica Neue', Arial;
}



/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
    font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Osaka, Meiryo, メイリオ, 'ＭＳ Ｐゴシック', 'MS P Gothic', Arial, Helvetica, sans-serif;
    line-height: 1.8;
    background-color: #000;
}

img {
	width: 100%;
	margin: 0;
	padding: 0;
	max-width:100%;
	height: auto;
}

#scroll-page-top p {
	width: 50px;
	height: 50px;
	font-size: .8em;
	font-size: .8rem;
	line-height: 1.5;
}

#scroll-page-top a {
	display: block;
	width: 50px;
	height: 50px;
	margin: 0;
	color: #fff;
	text-decoration: none;
	background-color: #ddd;
	background-image: url('../img/page_top_arrow.png');
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	position: fixed;
	right: 0;
	bottom: -100px;
	z-index: 10;
}

#scroll-page-top a:hover {
	coclor: #fff;
	background-color: #aaa;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

#map-field,
#map-field2 {
	width: 100%;
	height: 350px;
	margin: 30px 0 5px;
	background-color: #fff;
	overflow: hidden;
}

#map-field div img {
	max-width: none !important;
}

.map-link {
	margin-bottom: 30px;
	text-align: center;
}

.map-link a {
	color: #555;
}

.map-link a:hover {
	color: #d70c18;
	text-decoration: none;
}

.map-link small {
	font-size: .8em;
	font-size: .8rem;
}

a.link-arrow:before {
	margin-right: 3px;
  	font-family: "FontAwesome", sans-serif;
  	font-style: normal;
  	font-weight: normal;
  	font-variant: normal;
  	content: "\f0da";
}



/*----------------------------------------------
	Header Styles
----------------------------------------------*/

.header-container {
	background-color: #ca362b;
}

.language-container {
	background-color: #a20c18;
}

.language ul {
	margin: 0;
	padding: 0;
}

.list-inline li {
	margin: 0;
	padding: 0;
}

.language li {
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: .9em;
	font-size: .9rem;
	text-align: center;
}

.language li a {
	display: block;
	padding: 2px 0;
	color: #ccc;
	text-decoration: none;
	background-color: #64070f;
}

.language li a:hover {
	color: #fff;
	background-color: #4a050b;
}

.language li span {
	display: block;
	padding: 2px 0;
	background-color: #a28789;
}

.logo-type {
	width: 100px;
	margin: 16px 0 12px;
	padding: 0;
	font-size: 1.8em;
	font-size: 1.8rem;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url('../img/logo.png') 0 0 no-repeat;
	background-size: contain;
}

.navbar {
	margin-bottom: 0;
	border: 0;
}

.navbar-default .navbar-brand {
	height: auto;
	margin: 0;
	padding: 0 0 0 15px;
	color: #555;
	font-size: auto;
	text-align: center;
	line-height: 1;
}

.navbar-default {
	background: none;
	border-radius: 0;
		-webkit-box-shadow: none;
	box-shadow:	none;
}

.navbar-collapse {
	padding: 0;
}

.navbar-default .navbar-toggle {
	margin-top: 13px;
	margin-bottom: 13px;
	border: none;
	border-color: transparent;
	background-color: #555;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #222;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #ccc;
}



/*----------------------------------------------
		Global Navi Styles
----------------------------------------------*/

.navbar-nav {
	margin: 0;
	padding: 0;
}

.navbar-nav li {
	font-size: .9em;
	font-size: .9rem;
	background-color: #222;
	border-top: 1px solid #aaa;
}

.navbar-nav li.gn-01 {
	border-top: none;
}

.navbar-default .navbar-nav > li > a {
	display: block;
	padding: 20px 10px;
	color: #ccc;
	text-decoration: none;
	text-shadow: none;
	background-color: #222;
	line-height: 1;
}

.navbar-nav li a:before {
	margin-right: 3px;
  	font-family: "FontAwesome", sans-serif;
  	font-style: normal;
  	font-weight: normal;
  	font-variant: normal;
  	content: "\f054";
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #fff;
	background-color: #555;
}

.navbar-nav li a:hover {

}



/*----------------------------------------------
	Footer Styles
----------------------------------------------*/

.footer-container {
	padding: 15px 0;
	color: #ccc;
	background-color: #000;
}

.copyright {
	text-align: center;
}

.footer-nav {

}


.footer-nav ul {
	margin: 0 0 5px;
	padding: 0;
}

.footer-nav li {
	width: 49%;
	margin-bottom: 10px;
	padding: 0;
	font-size: .9em;
	font-size: .9rem;
	text-align: center;
}

.footer-nav li a {
	display: block;
	width: 100%;
	padding: 8px;
	color: #ccc;
	text-decoration: none;
	border: solid 1px #ccc;
}

.footer-nav li a:hover {
	color: #ccc;
	background-color: #333;
	border: solid 1px #fff;
}

.footer-nav li a.active {
	color: #fff;
	border: solid 1px #fff;
}

.list-inline > li {
	display: block;
	width: 100%;
}

/*----------------------------------------------
	Main Contents Styles
----------------------------------------------*/

.main-container {
	background-color: #fff;
}

.header-image {

}

.header-image h1 {
	width: 13em;
	margin: 0 auto;
	padding: 20px 30px;
	color: #d70c18;
	font-size: 1.4em;
	font-size: 1.4rem;
	text-align: center;
	line-height: 1.5;
}


.bread-crumbs {
	display: none;
	font-size: .9em;
	font-size: .9rem;
}

.bread-crumbs a {
	color: #888;
}

.bread-crumbs a:hover {
	color: #222;
	text-decoration: none;
}

.contents-container {
	margin-top: 30px;
}

.contents {
	padding-bottom: 30px;
}

.contents section {
	margin-bottom: 50px;
}

.contents p {
	margin-top: 0;
}

.contents h1 {
	margin-top: 0;
	margin-bottom: 20px;
	padding-left: 10px;
	font-size: 1.6em;
	font-size: 1.6rem;
	font-weight: bold;
	border-left: solid 6px #d70c18;
}

.contents h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 1.2em;
	font-size: 1.2rem;
	font-weight: bold;
}

.link-arrow ul {
	margin: 30px 0 0;
	padding: 0;
}

.link-arrow li a {
	padding: 12px 30px;
	color: #555;
	border: solid 1px #555;
}

.link-arrow li a:hover {
	color: #ccc;
	text-decoration: none;
	background-color: #222;
}

.link-arrow a:before {
	margin-right: 3px;
  	font-family: "FontAwesome", sans-serif;
  	font-style: normal;
  	font-weight: normal;
  	font-variant: normal;
  	content: "\f0da";
}



/*----------------------------------------------
	Sidebar Styles
----------------------------------------------*/

.sidebar {
	margin: 0 0 30px;
}

.side-nav h3 {
	margin: 0;
	padding: 12px 10px 12px 4em;
	padding: 12px 10px 12px 4rem;
	font-size: .9em;
	font-size: .9rem;
	color: #555;
	text-decoration: none;
	border-top: solid 1px #ccc;
	background-color: #ccc;
}

.side-nav ul {
	margin: 0;
	padding: 0;
}

.side-nav li {
	font-size: .9em;
	font-size: .9rem;
	border-top: solid 1px #ccc;
}

.side-nav li.first {
	border-top: none;
}



.side-nav li a {
	display: block;
	padding: 8px 10px;
	color: #eee;
	text-decoration: none;
	background-color: #555;
}

.side-nav li a:before {
	margin-right: 3px;
  	font-family: "FontAwesome", sans-serif;
  	font-style: normal;
  	font-weight: normal;
  	font-variant: normal;
  	content: "\f0da";
}

.side-nav li li a {
	padding-left: 2em;
	padding-left: 2rem;
}

.side-nav li li li a {
	padding-left: 4em;
	padding-left: 4rem;
}

.side-nav li a.active {
	background-color: #777;
}

.side-nav li a:hover {
	color: #eee;
	background-color: #222;
}



/*----------------------------------------------
	Home Styles
----------------------------------------------*/

.home-feature {
	margin: 50px 0px 30px;
	padding: 0;
}

.home-feature a {
	display: block;
	margin-bottom: 20px;
	color: #555;
	border: solid 1px #ccc;
	background: url('../img/triangle_mark.png') right bottom no-repeat;
}

.home-feature a:hover {
	color: #222;
	text-decoration: none;
	border: solid 1px #c5001a;
}

.home-feature .feature {
	margin: 15px;
	text-align: center;
}

.home-feature h2 {
	display: inline-block;
	margin: 20px 0 10px;
	padding-bottom: 5px;
	font-size: 1.1em;
	font-size: 1.1rem;
	text-align: center;
	border-bottom: solid 2px #777;
}

.home-feature .summary {
	margin: 0 0 10px;
	font-size: .9em;
	font-size: .9rem;
	text-align: left;
}


/*----------------------------------------------
	About us Styles
----------------------------------------------*/

.about-us .basic-policy ol {
	list-style-position: inside;
	margin: 0;
	padding: 0;
	font-size: 1.5em;
	font-size: 1.5rem;
}

.about-us .basic-policy li {
	margin-bottom: 20px;
}

.about-us .basic-policy-photo {
	text-align: center;
}

.about-us .basic-policy-photo img {
	width: 80%;
}

.president {
	margin: 0 0 50px;
	padding: 0;
}

.president .photo {
	margin: 0 0 10px;
	text-align: center;
}

.president .photo img {
	width: 50%;
	margin: 0 auto;
	padding: 0;
}

.manage p {
	margin: 0 0 10px;
	font-size: .9em;
	font-size: .9rem;
	text-align: justify;
}

.manage p.president-name {
	margin-top: 10px;
	text-align: center;
	line-height: 1.5;
}

.button {
	margin: 50px 0px;
	padding: 0;
}

.button a {
	display: block;
}

.button a:hover {
	color: #222;
	text-decoration: none;
}

.button-banner {
	padding: 15px 0;
	text-align: center;
}

.button-banner h2 {
	margin: 0;
}

.headoffice .button-banner {
	border: solid 4px #d70c18;
}

.headoffice a {
	margin-bottom: 20px;
	color: #d70c18;
}

.headoffice a:hover {
	color: #fff;
	background-color: #d70c18;
}


.network .button-banner {
	border: solid 4px #1d2087;
}

.network a {
	color: #1d2087;
}

.network a:hover {
	color: #fff;
	background-color: #1d2087;
}


.head-office-member .member {
	font-size: .8em;
	font-size: .8rem;
}

.head-office-member .member p {
	margin-top: 5px;
}

.head-office-item,
.branch-office-item,
.medium-item {
	font-size: .9em;
	font-size: .9rem;
}

.head-office-item .photo {
	margin: 0 0 10px;
	text-align: center;
}

.head-office-item .photo img {
	width: 50%;
	margin: 0 auto;
	padding: 0;
}

.branch-office .side-nav h3:before {
	margin-right: 3px;
  	font-family: "FontAwesome", sans-serif;
  	font-style: normal;
  	font-weight: normal;
  	font-variant: normal;
  	content: "\f0c8";
}

.branch-office-item .profile {

}

.branch-office-item .profile-table {

}

.branch-office-item .profile .name {

}

.branch-office-item .profile h2 {
	margin: 30px 0 10px;
	padding: 0;
	font-size: 1.1em;
	font-size: 1.1rem;
	font-weight: normal;
	line-height: 1.4;
}

.branch-office-item .profile h2 span {
	font-size: .9em;
	font-size: .9rem;
}

.branch-office-item .profile .photo {

}

.branch-office-item .details {
	margin: 20px 0;
	padding: 0;
}

.head-office-member img,
.branch-office-item img {

}

.head-office-item ul,
.branch-office-item ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.branch-office-list h2:before {
	margin-right: 3px;
  	font-family: "FontAwesome", sans-serif;
  	font-style: normal;
  	font-weight: normal;
  	font-variant: normal;
  	content: "\f0c8";
}

.branch-office-list ol {
	list-style-position: inside;
	margin: 30px 0 0;
	padding: 0;
}

.branch-office-list li a {

}

.branch-office-list li a:hover {
	color: #222;
	text-decoration: none;
}

.medium-item {
	margin-bottom: 30px;
	border-top: solid 1px #ccc;
}

.medium-item h2 {
	margin: 20px 0 10px;
	color: #d70c18;
	font-size: 1.2em;
	font-size: 1.2rem;
	font-weight: normal;
}

.medium-item ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.medium-item li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.medium-item li:before {
	margin-right: 3px;
  	font-family: "FontAwesome", sans-serif;
  	font-style: normal;
  	font-weight: normal;
  	font-variant: normal;
  	content: "\f111";
}

.information-item h2:before {
	margin-right: 3px;
  	font-family: "FontAwesome", sans-serif;
  	font-style: normal;
  	font-weight: normal;
  	font-variant: normal;
  	content: "\f0c8";
}

.overview-item,
.history-item,
.information-item {
	font-size: .9em;
	font-size: .9rem;
}

.overview-table dl {

}

.overview-table dt,
.history-table dt,
.information-table dt {
	margin: 0;
	padding: 10px;
	background-color: #dfdfdf;
}

.overview-table dt.first {

}

.overview-table dd,
.history-table dd,
.information-table dd {
	margin: 0 0 5px;
	padding: 10px;
}

.overview-table dd.first {

}

.overview-table dd p,
.history-table p,
.information-table dd p {
	margin: 0;
}

.history-table p {
	line-height: 1.8;
}

.information-table .table > thead > tr > th,
.information-table .table > tbody > tr > th,
.information-table .table > tfoot > tr > th {
	width: 40%;
	padding: 15px 10px;
	background-color: #dfdfdf;
	border-bottom: none;
	white-space: nowrap;
}

.information-table .table > thead > tr > td,
.information-table .table > tbody > tr > td,
.information-table .table > tfoot > tr > td {
	padding: 15px 10px;

}

.table > thead:first-child > tr:first-child > th,
.table > thead:first-child > tr:first-child > td {
	border-top: solid 1px #ccc;
}

.information-table .table > thead > tr > th,
.information-table .table > thead > tr > td,
.information-table .table > tbody > tr > th,
.information-table .table > tbody > tr > td {
	border-bottom: solid 1px #ccc;
}

.information-table .table > thead > tr > th.last,
.information-table .table > tbody > tr > th.last,
.information-table .table > tfoot > tr > th.last,
.information-table .table > thead > tr > td.last,
.information-table .table > tbody > tr > td.last,
.information-table .table > tfoot > tr > td.last {
	border-left: solid 1px #ccc;
}

.branch-office-list {
	margin: 40px 0 30px;
}

.branch-office-list h2 {
	margin: 0 0 10px;
	font-size: 1.1em;
	font-size: 1.1rem;
}

.branch-office-list.east h2 {
	color: #1d2087;
}

.branch-office-list.west h2 {
	color: #d70c18;
}

.branch-office-list ol {
	list-style-position: inside;
	margin: 0;
	font-size: .9em;
	font-size: .9rem;
}

.branch-office-list li {
	width: 100%;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
}

.branch-office-list li.first {
	border-top: solid 1px #ccc;
}

.branch-office-list li a {
	display: block;
	padding: 8px 10px;
	text-decoration: none;
	background-color: #ebebeb;
}

.branch-office-list li a.active {
	background-color: #fff;
}

.branch-office-list li a:hover {
	background-color: #e5e5e5;
}



/*----------------------------------------------
	Media Styles
----------------------------------------------*/

.media-contents p {
	margin: 0 0 10px;
	padding: 0;
	font-size: .9em;
	font-size: .9rem;
}

.thumb-button {
	margin: 0;
	padding: 0;
}

.thumb-button .caption {
	margin-left: 0;
	padding: 10px;
}

.thumb-button h2 {
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	font-size: 1.1rem;
}

.manage .thumb-button h2 {
	padding: 10px 0 0;
	text-align: center;
}

.thumb-button p {
	margin: 0;
	padding: 0;
	font-size: .9em;
	font-size: .9rem;
}

.thumb-button a {
	display: block;
	margin-bottom: 15px;
	padding: 15px;
	color: #555;
	border: solid 1px #ccc;
	background: url('../img/triangle_mark.png') right bottom no-repeat;
}

.thumb-button a:hover {
	color: #222;
	text-decoration: none;
	border: solid 1px #d70c18;
}

.thumb-button-banner {
	margin: 0;
	text-align: left;
}

.caption h2 {
	color: #d70c18;
}

.media-nav {
	display: none;
	margin: 20px 0;
	padding: 0;
}

.media-nav ul {
	margin: 0;
	padding: 0;
}

.media-nav li {
	display: inline-block;
	width: 100%;
	margin: 0 0 5px;
	padding: 0;
	font-size: .9em;
	font-size: .9rem;
	text-align: center;
	border: solid 4px #ccc;
}

.media-nav li a {
	display: block;
	padding: 12px 5px;
	color: #555;
}

.media-nav li a:hover {
	color: #222;
	text-decoration: none;
	background-color: #ddd;
}

.media-link {
	text-align: center;
}

.media-link a {
	color: #555;
}

.media-link a:hover {
	color: #d70c18;
	text-decoration: none;
}

.transport-item {
	margin: 0;
	padding: 40px 0 30px;
	border-top: solid 1px #ccc;
}

.transport-item.first {
	padding-top: 20px;
	border-top: none;
}

.transport-item h2 {
	margin: 0 0 10px;
	padding: 0;
	font-size: 1.2em;
	font-size: 1.2rem;
}

.transport-item h2:before {
	margin-right: 3px;
  	font-family: "FontAwesome", sans-serif;
  	font-style: normal;
  	font-weight: normal;
  	font-variant: normal;
  	content: "\f0c8";
}

.transport-item .drawing-imege {
	margin-bottom: 25px;
}

.transport-item p {
	margin: 0;
	padding: 0;
	font-size: .9em;
	font-size: .9rem;
}

.figure {
	margin: 0;
	padding: 20px 0 0;
}

.figure h3 {
	margin: 0 0 10px;
	padding: 0;
	font-size: 1em;
	font-size: 1rem;
}

.figure ul {
	margin: 0 0 10px;
	padding: 0;
	list-style-position: inside;
}

.figure li {
	margin: 0;
	padding: 0;
	font-size: .9em;
	font-size: .9rem;
}

.figure p {
	margin: 10px 0;
	padding: 0;
}

.figure img {
	max-width: none;
}

.figure img.transport-figure-01 {
	max-width: 661px;
}

.figure img.transport-figure-02 {
	max-width: 619px;
}

.figure img.transport-figure-03 {
	max-width: 293px;
}

.figure img.transport-figure-04 {
	max-width: 730px;
}

.figure img.station-figure-01 {
	max-width: 729px;
}


/*----------------------------------------------
	Price List Styles
----------------------------------------------*/

.price-list-contents p {
	margin: 0;
	padding: 0;
	font-size: .9em;
	font-size: .9rem;
}

.price-list-item {
	margin: 0 0 50px;
}

.price-list-list ol {
	list-style-position: inside;
	margin-top: 50px;
	padding: 0;
	font-size: .9em;
	font-size: .9rem;
}

.price-list-list li {
	width: 100%;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
}

.price-list-list li.first {
	border-top: solid 1px #ccc;
}

.price-list-list li a {
	display: block;
	padding: 8px 10px;
	color: #555;
	text-decoration: none;
	background-color: #ebebeb;
}

.price-list-list li a.active {
	background-color: #fff;
}

.price-list-list li a:hover {
	background-color: #e5e5e5;
}

.pdf-link,
.adobe-pdf-link	{
	margin: 0;
	padding: 20px 0;
	text-align: left;
}

.adobe-pdf-link	{
	padding: 15px 15px 8px;
	border: solid 1px #ccc;
}

.pdf-link p,
.adobe-pdf-link p {
	font-size: .8em;
	font-size: .8rem;
	text-align: left;
}

.pdf-link .icon,
.adobe-pdf-link .icon {
	margin: 0 auto;
	text-align: center;
}

.pdf-link img {
	max-width: 54px;
	margin: 0 0 10px;
	vertical-align: top;
	border: none;
}

.adobe-pdf-link img	{
	max-width: 158px;
	margin: 0 0 10px;
	vertical-align: top;
	border: none;
}


.file-update { /*2015-07-29　追加　*/
	margin: 0;
	padding: 0;
}

.file-update p { /*2015-07-29　追加　*/
	margin: 0;
	padding: 0;
	font-size: .75em;
	font-size: .75rem;
	text-align: right;
}


/*----------------------------------------------
	Recruit Styles
----------------------------------------------*/

.recruit-contents,
.recruit-item,
.recruit-schedule {
	margin: 0 0 50px;
}

.recruit-contents p,
.recruit-item p,
.recruit-schedule p {
	margin: 0 0 10px;
	padding: 0;
	font-size: .9em;
	font-size: .9rem;
}

.recruit-contents ul {
	list-style-position: inside;
	padding: 0;
	font-size: .9em;
	font-size: .9rem;
}

.recruit-item h2 {
	margin: 0 0 10px;
	padding: 0;
	font-size: 1.2em;
	font-size: 1.2rem;
}

.recruit-item {
	margin: 20px 0;
}

.recruit-item .button-banner {
	margin: 0 0 10px;
	padding: 10px 0;
}

.recruit-item .button-banner h3 {
	margin: 0;
}

.recruit-item .button-banner img.recruit_banner_mynavi {
	max-width: 245px;
}

.recruit-item .button-banner img.recruit_banner_recnavi {
	max-width: 241px;
}

.recruit-schedule h3 {
	margin: 20px 0 10px;
	font-size: 1em;
	font-size: 1rem;
	font-weight: 700;
}

.recruit-schedule dl {
	margin: 0 0 10px;
	padding: 0;
	font-size: .9em;
	font-size: .9rem;
}

.recruit-schedule dt,
.recruit-schedule dd {
	width: 100%;
	font-weight: 400;
}

.recruit-schedule dt {

}

.recruit-schedule dd {
	margin-left: 0;
}

.recruit-schedule p {
	margin: 10px 0;
}



p.internship-title {
	margin: 30px 0 30px;
	font-size: 1.4em;
	font-size: 1.4rem;
	font-weight: 700;
}

.recruit-schedule.internship dl {
	margin: 0 0 10px;
	padding: 0;
	font-size: .9em;
	font-size: .9rem;
}

.recruit-schedule.internship dt,
.recruit-schedule.internship dd {
	width: 100%;
	font-weight: 400;
}

.recruit-schedule.internship dt {
	font-weight: 700;
}

.recruit-schedule.internship dd {
	margin-left: 0;
}

.recruit-schedule.internship p {
	margin: 10px 0;
}



.recruit-item .accept-btn {
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.recruit-item .accept-btn a {
	margin: 0 auto;
	padding: 10px 30px;
	color: #fff;
	font-size: 1em;
	font-size: 1rem;
	/* font-weight: 700; */
	background-color: #00a62b;
	border-color: #00a62b;
}

@media (min-width: 768px) {
	.recruit-item .accept-btn a {
		padding: 10px 30px;
		font-size: 1.2em;
		font-size: 1.2rem;
	}
}

.recruit-item .accept-btn a:hover,
.recruit-item .accept-btn a:focus,
.recruit-item .accept-btn a.focus,
.recruit-item .accept-btn a:active {
	color: #fff;
	background-color: #ca362b;
	border-color: #ca362b;
}

.recruit-item .accept-btn a:active,
.recruit-item .accept-btn a.active {
	background-image: none;
}

.recruit-item .accept-btn a {
	text-decoration: none;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
	transition: all .3s ease;
}



/*----------------------------------------------
	Privacy Policy Styles
----------------------------------------------*/

.policy-contents {

}

.policy-convention {
	font-size: .9em;
	font-size: .9rem;
}

.policy-convention p {
	margin: 0 0 10px;
	padding: 0;
}

.policy-convention ol {
	margin: 20px 0;
	padding: 0 0 0 1.4em;
	padding: 0 0 0 1.4rem;
	font-weight: bold;
}

.policy-convention ol p {
	font-weight: normal;
}

.policy-convention ol ul {
	list-style-type: disc;
	margin: 0 0 10px 1.2em;
	padding: 0;
	font-weight: normal;
}

.policy-enactment {
	font-size: .9em;
	font-size: .9rem;
}

	.policy-enactment:after {
		content: "";
		display: table;
		clear: both;
	}

.policy-enactment dl {
	float: right;
}

.policy-enactment dt {
	float:left;
	width: 4em;
	width: 4rem;
	margin: 0 0 0;
	line-height: 1.8;
}

.policy-enactment dd {
	margin: 0 0 0 4em;
	margin: 0 0 0 4rem;
	padding: 0;
	line-height: 1.8;
}

.policy-contact {

}

.policy-purpose h2 {
	font-size: 1.5em;
	font-size: 1.5rem;
}

.policy-item,
.policy-pmark {
	margin: 10px 0 30px;
	font-size: .9em;
	font-size: .9rem;
}

.foregoing {
	font-size: .9em;
	font-size: .9rem;
}

.policy-item.contact,
.policy-pmark {
	margin-top: 0;
}

.policy-item.contact h2:before {
	margin-right: 8px;
  	font-family: "FontAwesome", sans-serif;
  	font-style: normal;
  	font-weight: normal;
  	font-variant: normal;
  	content: "\f0c8";
}

.policy-item h2,
.policy-pmark h2 {
	margin: 0 0 10px;
	font-size: .9em;
	font-size: .9rem;
	font-weight: bold;
}

.policy-item ol {
	margin: 0 0 10px;
}

.policy-item ol.alpha {
	list-style: lower-alpha;
}

.policy-item ol.contact {
	margin: 0;
	/* font-weight: bold; */
}

.policy-item ol.roman {
	list-style: upper-roman;
	font-weight: normal;
}


.policy-item ol p {
	font-weight: normal;
}


.policy-item address {
	line-height: 1.8;
}

.policy-pmark .p-mark	{
	text-align: center;
}

.policy-pmark img	{
	width: 40%;
	margin: 0 auto;
	border: none;
}



.bsi-pmark {
	margin: 10px 0 10px;
	padding: 0 0 0 20px;
	font-size: .9em;
	font-size: .9rem;
	font-family: Tahoma, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', Osaka, Meiryo, メイリオ, 'ＭＳ Ｐゴシック', 'MS P Gothic', Arial, Helvetica, sans-serif;
	text-align: center
}

.bsi-pmark p {
	margin: 0;
}


/*----------------------------------------------
	Sitemap Styles
----------------------------------------------*/

.sitemap-contents {

}

.sitemap-contents ul {
	margin: 0;
	padding: 0;
}

.sitemap-contents li {
	font-size: .9em;
	font-size: .9rem;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
}

.sitemap-contents li li {
	border-right: none;
	border-bottom: none;
	border-left: none;
	border-top: solid 1px #ccc;
}

.sitemap-contents li li li {
	border-right: none;
	border-bottom: none;
	border-left: none;
}

.sitemap-contents li li li li {
	border-right: none;
	border-bottom: none;
	border-left: none;
}

.sitemap-contents li.first {
	border-top: solid 1px #ccc;
}

.sitemap-contents a {
	display: block;
	padding: 8px 10px;
	color: #555;
	text-decoration: none;
	background-color: #ebebeb;
}

.sitemap-contents a:before {
	margin-right: 3px;
  	font-family: "FontAwesome", sans-serif;
  	font-style: normal;
  	font-weight: normal;
  	font-variant: normal;
  	content: "\f0da";
}

.sitemap-contents li li a {
	padding-left: 2em;
	padding-left: 2rem;
}

.sitemap-contents li li li a {
	padding-left: 4em;
	padding-left: 4rem;
}

.sitemap-contents li li li li a {
	padding-left: 6em;
	padding-left: 6rem;
}

.sitemap-contents li a.active {
	/* color: #f15a24; */
	background-color: #fff;
}

.sitemap-contents li a:hover {
	/* color: #eee; */
	background-color: #e5e5e5;
}



/*----------------------------------------------
	Recruit Styles
----------------------------------------------*/

.recruit-banner {
	margin: 20px 0;
}

.recruit-item a {
	color: #000;
	text-decoration: underline;
}

.recruit-item a:hover {
	color: #d70c18;
}

.recruit-item p.recnavi-banner {
	margin-bottom: 15px;
	padding: 10px;
	border: solid 1px #0065cd;
}

.internship span {
	display: inline-block;
	color: #ff0000;
	line-height: 1.4;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media only screen and (min-width: 480px) {

	.logo-type {
		width: 145px;
		height: 40px;
		margin: 20px 0 0;
	}

	.navbar-header {
		float: none;
		text-align: center;
	}

	.navbar > .container .navbar-brand,
	.navbar > .container-fluid .navbar-brand {
		float: none;
		display: inline-block;
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}



	/*----------------------------------------------
			Global Navi Styles
	----------------------------------------------*/

	.global-nav ul {

	}

	.navbar-nav {
		width: 100%;
		margin: 0 0 0;
		padding: 0;
		table-layout: fixed;
	}

	.navbar-nav li {
		font-size: .9em;
		font-size: .9rem;
		background: none;
		text-align: center;
		vertical-align: middle;
		border: none;
	}

	.navbar-nav li.first {
		padding: 0;
	}

	.navbar-default .navbar-nav > li > a {
		display: block;
		padding: 25px 8px;
		color: #fff;
		text-decoration: none;
		background: none;
	}

	.navbar-nav li a {

	}

	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > li > a.active {
		color: #000;
		background: #fff;
	}

	.navbar-nav li a:hover {

	}



	/*----------------------------------------------
		Main Contents Styles
	----------------------------------------------*/

	.header-image h1 {
		width: 100%;
		padding: 20px 0;
	}

	.president .photo img {
		width: 30%;
		margin: 0 auto;
		padding: 0;
	}



	/*----------------------------------------------
		About us Styles
	----------------------------------------------*/

	.information-table .table > thead > tr > th,
	.information-table .table > tbody > tr > th,
	.information-table .table > tfoot > tr > th {
		padding: 15px 30px;
	}

	.information-table .table > thead > tr > td,
	.information-table .table > tbody > tr > td,
	.information-table .table > tfoot > tr > td {
		padding: 15px 30px;
	}



	/*----------------------------------------------
		Media Styles
	----------------------------------------------*/

	.media-nav li {
		width: 32%;
		font-size: .8em;
		font-size: .8rem;
	}



	/*----------------------------------------------
		Price List Styles
	----------------------------------------------*/

	.pdf-link {
		width: 90%;
		margin: 0 auto;
	}

	.pdf-link p,
	.adobe-pdf-link p {
		font-size: .9em;
		font-size: .9rem;
	}

	.adobe-pdf-link p {
		line-height: 1.6;
	}

	.pdf-link .icon,
	.adobe-pdf-link .icon {
		float: left;
		width: auto;
		margin: 0 10px 0 0;
		vertical-align: top;
		border: none;
	}

	.adobe-pdf-link img	{
		margin-bottom: 0;
	}

	/*----------------------------------------------
		Privacy Policy Styles
	----------------------------------------------*/

	.policy-pmark img	{
		width: auto;
	}

}



@media only screen and (min-width: 768px) {

	/*----------------------------------------------
		Header Styles
	----------------------------------------------*/

	.language ul {
		float: right;
		margin: 2px 0;
	}

	.language li {
		width: auto;
		padding-left: 20px;
		text-align: right;
	}

	.language li a {
		display: inline;
		color: #ddd;
		background: none;
	}

	.language li a:hover {
		background: none;
	}

	.language li span {
		display: inline;
		padding: 0;
		background: none;
	}

	.logo-type {
		width: 145px;
		height: 40px;
		margin: 15px 0 0;
	}

	.navbar-header {
		float: left;
		text-align: left;
	}

	.navbar > .container .navbar-brand,
	.navbar > .container-fluid .navbar-brand {
		float: left;
		height: auto;
		padding: 0;
		line-height: 1;
	}

	/*----------------------------------------------
			Global Navi Styles
	----------------------------------------------*/

	.global-nav ul {

	}

	.navbar-nav {
		width: auto;
		margin: 0 0 0;
		padding: 0;
		display: table;
		table-layout: fixed;
	}

	.navbar-nav li {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
	}

	.navbar-nav li.gn-01 {

	}

	.navbar-default .navbar-nav > li > a {
		padding: 25px 0;
		overflow: hidden;
		text-indent: -9999px;
		background: url('../img/global_navi_sprite.png') 0 15px no-repeat;
	}

	.navbar-nav li a {

	}

	.navbar-default .navbar-nav > li.gn-01 {
		width: 140px;
	}

	.navbar-default .navbar-nav > li.gn-01 > a {
		background: url('../img/global_navi_sprite.png') 0 15px no-repeat;
	}

	.navbar-default .navbar-nav > li.gn-01 > a:hover,
	.navbar-default .navbar-nav > li.gn-01 > a:focus,
	.navbar-default .navbar-nav > li.gn-01 > a.active {
		color: #000;
		background: #fff url('../img/global_navi_sprite.png') 0 -75px no-repeat;
	}

	.navbar-default .navbar-nav > li.gn-02 {
		width: 137px;
	}

	.navbar-default .navbar-nav > li.gn-02 > a {
		background: url('../img/global_navi_sprite.png') -140px 15px no-repeat;
	}

	.navbar-default .navbar-nav > li.gn-02 > a:hover,
	.navbar-default .navbar-nav > li.gn-02 > a:focus,
	.navbar-default .navbar-nav > li.gn-02 > a.active {
		color: #000;
		background: #fff url('../img/global_navi_sprite.png') -140px -75px no-repeat;
	}

	.navbar-default .navbar-nav > li.gn-03 {
		width: 137px;
	}

	.navbar-default .navbar-nav > li.gn-03 > a {
		background: url('../img/global_navi_sprite.png') -277px 15px no-repeat;
	}

	.navbar-default .navbar-nav > li.gn-03 > a:hover,
	.navbar-default .navbar-nav > li.gn-03 > a:focus,
	.navbar-default .navbar-nav > li.gn-03 > a.active {
		color: #000;
		background: #fff url('../img/global_navi_sprite.png') -277px -75px no-repeat;
	}

	.navbar-default .navbar-nav > li.gn-04 {
		width: 113px;
	}

	.navbar-default .navbar-nav > li.gn-04 > a {
		background: url('../img/global_navi_sprite.png') -414px 15px no-repeat;
	}

	.navbar-default .navbar-nav > li.gn-04 > a:hover,
	.navbar-default .navbar-nav > li.gn-04 > a:focus,
	.navbar-default .navbar-nav > li.gn-04 > a.active {
		color: #000;
		background: #fff url('../img/global_navi_sprite.png') -414px -75px no-repeat;
	}




	/*----------------------------------------------
		Footer Styles
	----------------------------------------------*/

	.copyright {
		text-align: left;
	}

	.footer-nav ul {
		float: right;
		margin: 0;
	}

	.footer-nav li {
		width: auto;
		margin-bottom: 0;
		text-align: right;
	}

	.footer-nav li a {
		display: inline;
		background: none;
		border: none;
	}

	.footer-nav li a:hover,
	.footer-nav li a.active {
		color: #fff;
		background: none;
		border: none;
	}

	.list-inline > li {
		display: inline-block;
		width: auto;
	}


	/*----------------------------------------------
		Main Contents Styles
	----------------------------------------------*/

	.header-image {
		position: relative;
	}

	.header-image h1 {
		display: block;
		width: 306px;
		height: 115px;
		padding: 0;
		background-image: url('../img/home_catch.png');
		background-position: 0 0;
		background-repeat: no-repeat;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		position: absolute;
		top: 30%;
		right: 7%;
		z-index: 10;
	}

	.bread-crumbs {
		display: block;
		margin-top: 30px;
		padding: 0;
		list-style: none;
	}

	.bread-crumbs li {
		float: left;
		margin: 0 8px 0 0;
		padding: 0;
		color: #000;
		font-size: .9em;
		font-size: .9rem;
	}

	.bread-crumbs li:before {
		margin-right: 8px;
		color: #ccc;
		font-family: "FontAwesome", sans-serif;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		content: "\f054";
	}

	.bread-crumbs li.first:before {
		margin-right: 0;
  		content: none;
  	}

  	.link-arrow li a {
  		padding: 0;
		color: #555;
		background: none;
		border: none;
	}

	.link-arrow li a:hover {
		color: #d70c18;
		background: none;
	}



  	/*----------------------------------------------
		Sidebar Styles
	----------------------------------------------*/

	.side-nav h3 {
		margin: 15px 0 5px 1.8em;
		margin: 15px 0 5px 1.8rem;
		padding: 0;
		border-top: none;
		background: none;
	}

	.side-nav li {
		border-top: none;
	}

	.side-nav li a {
		padding: 0 0 5px;
		color: #555;
		/* color: #428bca; */
		background: none;
	}

	.side-nav li li a {
		padding-left: 1em;
		padding-left: 1rem;
	}

	.side-nav li li li a {
		padding-left: 2em;
		padding-left: 2rem;
	}

	.side-nav li a.active {
		color: #d70c18;
		background: none;
	}

	.side-nav li a:hover {
		color: #d70c18;
		background: none;
	}


	/*----------------------------------------------
		About us Styles
	----------------------------------------------*/

	.about-us .basic-policy-photo img {
		width: 100%;
	}

	.manage .thumb-button h2 {
		padding: 0;
	}

	.president .photo,
	.head-office-item .photo img {
		margin: 0;
	}

	.president .photo img,
	.head-office-item .photo img {
		width: 100%;
	}

	.button-banner {
		padding: 30px 0;
		text-align: center;
	}

	.overview-table,
	.history-table,
	.information-table {
		display: table;
		width: 100%;
		border-collapse: separate;
		border-spacing: 0 0;
	}

	.information-table {
		width: 92%;
	}

	.overview-table dl,
	.history-table dl,
	.information-table dl {
		display: table-row;
	}

	.overview-table dt,
	.history-table dt,
	.information-table dt {
		display: table-cell;
		margin: 10px 0;
		padding: 15px 30px;
		text-align: center;
		vertical-align: middle;
		background-color: #dfdfdf;
		border-bottom: solid 1px #ccc;
		white-space: nowrap;
	}

	.history-table dt {
		text-align: left;
	}

	.overview-table dt.first,
	.history-table.first,
	.information-table dt.first {
		border-top: solid 1px #ccc;
	}

	.overview-table dd,
	.history-table dd,
	.information-table dd {
		display: table-cell;
		margin: 10px 0;
		padding: 15px 10px;
		text-align: left;
		vertical-align: middle;
		border-bottom: solid 1px #ccc;
	}

	.information-table dt,
	.information-table dd {
		padding: 15px 30px;
		text-align: left;
	}

	.information-table dd.last {
		border-left: solid 1px #ccc;
	}

	.overview-table dd.first,
	.history-table dd.first,
	.information-table dd.first {
		border-top: solid 1px #ccc;
	}

/*
	.information-table .table > thead > tr > th,
	.information-table .table > tbody > tr > th,
	.information-table .table > tfoot > tr > th {
		padding: 15px 30px;
	}

	.information-table .table > thead > tr > td,
	.information-table .table > tbody > tr > td,
	.information-table .table > tfoot > tr > td {
		padding: 15px 30px;
	}
*/


	.branch-office-item .profile {

	}

	.branch-office-item .profile-table {

	}

	.branch-office-item .profile .name {

	}

	.branch-office-item .profile .name h2 {

	}

	.branch-office-item .profile .photo {

	}

	.branch-office-list ol {
		padding: 0;
	}

	.branch-office-list li {
		float: left;
		width: 25%;
		padding-right: 0;
		color: #000;
		background: none;
		border: none;
	}

	.branch-office-list li.first {
		border: none;
	}

	.branch-office-list li a {
		display: inline;
		padding: 0;
		color: #555;
		background: none;
	}

	.branch-office-list li a:hover,
	.branch-office-list li a.active {
		color: #d70c18;
		background: none;
	}


	/*----------------------------------------------
		Media Styles
	----------------------------------------------*/

	.media-nav {
		display: block;
		margin: 20px 0;
		padding: 0;
	}

	.media-nav li {
		width: 24%;
		font-size: .8em;
		font-size: .8rem;
	}

	.media-nav li a {
		padding: 5px 0;
	}

	.thumb-button {
		margin: 30px 0;
	}

	.thumb-button .caption {
		margin-left: 0;
		padding: 0 15px 0 0;
	}

	.thumb-button h2 {
		margin-top: 15px;
		margin-bottom: 10px;
		padding: 0;
	}

	/*----------------------------------------------
		Price List Styles
	----------------------------------------------*/

	.price-list-list li {
		float: left;
		width: 33.33%;
		padding-right: 0;
		color: #000;
		background: none;
		border: none;
	}

	.price-list-list li.first {
		border: none;
	}

	.price-list-list li a {
		display: inline;
		padding: 0;
		color: #555;
		background: none;
	}

	.price-list-list li a:hover {
		color: #d70c18;
		background: none;
	}

	.pdf-link {
		width: 50%;
		margin: 0 auto;
	}

	.adobe-pdf-link	{
		width: 85%;
		margin: 0 auto;
	}

	.adobe-pdf-link p {
		line-height: 1.5;
	}

	.adobe-pdf-link .icon {
		margin-bottom: 0;
	}



	/*----------------------------------------------
		Sitemap Styles
	----------------------------------------------*/

	.sitemap-contents li {
		border-top: none;
		line-height: 3;
		border-top: solid 1px #ccc;
		border-right: none;
		border-bottom: none;
		border-left: none;
	}

	.sitemap-contents li.first {
		border: none;
	}

	.sitemap-contents li a {
		display: inline;
		padding: 0 0 5px;
		color: #555;
		background: none;
	}

	.sitemap-contents li li {
		border-top: solid 1px #ccc;
	}

	.sitemap-contents li li a {
		padding-left: 2em;
		padding-left: 2rem;
	}

	.sitemap-contents li a.active {
		color: #d70c18;
		background: none;
	}

	.sitemap-contents li a:hover {
		color: #d70c18;
		background: none;
	}

	.sitemap-contents ul ul ul ul {
		margin-bottom: 3px;
		padding-left: 6em;
		padding-left: 6rem;
		border-top: solid 1px #ccc;
	}

	.sitemap-contents li li li {
		display: inline-block;
		width: 100%;
	}

	.sitemap-contents li li li a {
		padding-left: 4em;
		padding-left: 4rem;
	}

	.sitemap-contents li li li li {
		display: inline-block;
		width: auto;
		border: none;
	}

	.sitemap-contents li li li li a {
		padding-left: 1em;
		padding-left: 1rem;
	}


	/*----------------------------------------------
		Recruit Styles
	----------------------------------------------*/

	.recruit-item p.recnavi-banner {
		width: 200px;
		margin: 0 auto;
		padding: 7px 3px;
		text-align: center;
		border: solid 1px #0065cd;
	}

	.recruit-item p.mynavi-banner {
		width: 195px;
		margin: 0 auto;
		text-align: center;
	}

	.recruit-schedule dl {
		display: table;
		width: 100%;
		margin-left: 30px;
		margin-bottom: 0;
		text-align: left;
	}

	.recruit-schedule dt,
	.recruit-schedule dd {
		display: table-cell;
		font-size: .9em;
		font-size: .9rem;
		text-align: left;
		line-height: 1.8;
		vertical-align: top;
	}

	.recruit-schedule dt {
		width: 10%;
		padding-right: 16px;
		/* font-weight: 400; */
		text-align: justify;
		text-justify: inter-ideograph;
			-moz-text-align-last: justify;
		text-align-last: justify;

	}


	.recruit-schedule.internship dl {
		display: table;
		width: 100%;
		margin-left: 30px;
		margin-bottom: 0;
		text-align: left;
	}

	.recruit-schedule.internship dt,
	.recruit-schedule.internship dd {
		display: table-cell;
		font-size: .9em;
		font-size: .9rem;
		text-align: left;
		line-height: 1.8;
		vertical-align: top;
	}

	.recruit-schedule.internship dt {
		width: 10%;
		/* width: 20%; */
		padding-right: 16px;
		/* font-weight: 400; */
		text-align: justify;
		text-justify: inter-ideograph;
			-moz-text-align-last: justify;
		text-align-last: justify;

	}

}




@media only screen and (min-width: 992px) {

	/*----------------------------------------------
		About us Styles
	----------------------------------------------*/

	.manage .thumb-button h2 {
		padding: 20px 0;
		text-align: center;
	}

	.branch-office-item .profile {

	}

	.branch-office-item .profile .name h2 {

	}

	.information-table {
		width: 70%;
	}

	/*----------------------------------------------
		Media Styles
	----------------------------------------------*/

	.media-nav li {
		font-size: .9em;
		font-size: .9rem;
	}

	.media-nav li a {
		padding: 5px;
	}



	/*----------------------------------------------
		Price List Styles
	----------------------------------------------*/

	.pdf-link {
		width: 40%;
		margin: 0 auto;
	}

	.adobe-pdf-link	{

	}



	/*----------------------------------------------
		Recruit Styles
	----------------------------------------------*/

	.recruit-item p.recnavi-banner {
		width: 200px;
		margin: 0 auto;
		text-align: center;
	}

	.recruit-schedule dt {
		width: 8%;
	}



	.recruit-schedule.internship dt {
		width: 8%;
		/* width: 15%; */
	}

}



/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    overflow: hidden;
    border: 0;
    background-color: transparent;
    *text-indent: -9999px;
}

.ir:before {
    display: block;
    width: 0;
    height: 100%;
    content: "";
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    position: static;
    overflow: visible;
    clip: auto;
    margin: 0;
    width: auto;
    height: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: " ";
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}



/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {

    thead {
        /* display: table-header-group; */ /* h5bp.com/t */
    }


    /*
     * Bootstrap Style
     */

	a[href]:after {
    	content: "";
	}
	abbr[title]:after {
		content: "";
	}
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	.navbar {
		display: block;
	}

	.navbar-toggle,
	.navbar-collapse,
	.collapse,
	.global-nav {
		display: none;
	}

	.container {
		width: 100%;
	}

	body,
	.header-container,
	.footer-container,
	.main-container {
		background: none;
	}

	.language-container,
    .footer-nav,
    .sidebar,
    #scroll-page-top {
	    display: none;
    }

	.contents {
		width: 100%;
		padding: 0 15px;
	}

	.contents section {
		margin-bottom: 30px;
	}

	.logo-type {
		/* display: block; */
		width: 145px;
		height: 40px;
		margin: 12px auto 10px;
		padding: 0;
		font-size: 1.8em;
		font-size: 1.8rem;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		background: url('../img/logo_blue.png') 0 0 no-repeat;
		background-size: contain;
	}

	.header-image {
		padding: 0 15px;
	}

	.contents.col-md-push-3 {
		left:0;
	}

	/*----------------------------------------------
		Footer Styles
	----------------------------------------------*/

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


	/*----------------------------------------------
		Main Contents Styles
	----------------------------------------------*/

	.header-image h1 {
		display: block;
		width: 200px;
		height: 75px;
		padding: 0;
		background-image: url('../img/home_catch_print.png') !important;
		background-position: 0 0;
		background-repeat: no-repeat;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		position: absolute;
		top: 20%;
		right: 7%;
		z-index: 10;
	}

	.home-feature .col-md-4 {
		float: left;
		width: 33.33333333%;
	}

	.home-feature .feature {
		margin: 5px;
	}



	/*----------------------------------------------
		About us Styles
	----------------------------------------------*/

	.about-us .basic-policy .col-md-8 {
		float: left;
		width: 66.66666667%;
	}

	.about-us .basic-policy .col-md-4 {
		float: left;
		width: 33.33333333%;
	}

	.manage .president .col-md-9 {
		float: left;
		width: 75%;
	}

	.manage .president .col-md-3 {
		float: left;
		width: 25%;
	}

	.manage .thumb-button .col-md-6 {
		float: left;
		width: 50%;
	}

	.head-office .head-office-item .col-sm-5 {
		float: left;
		width: 50%;
	}

	.head-office .head-office-item .col-sm-5 img {
		width: 100%;
	}

	.head-office .head-office-item .map-link,
	.branch-office .branch-office-item .map-link {
		display: none;
	}

	.branch-office-list ol {
		padding: 0;
	}

	.branch-office-list {
		margin: 30px 0;
	}

	.branch-office-list li {
		float: left;
		width: 25%;
		padding-right: 0;
		color: #000;
		background: none;
		border: none;
	}

	.branch-office-list li.first {
		border: none;
	}

	.branch-office-list li a {
		display: inline;
		padding: 0;
		color: #555;
		background: none;
	}

	.branch-office-list li a:hover,
	.branch-office-list li a.active {
		color: #d70c18;
		background: none;
	}

	.overview .link-arrow {
		display: none;
	}

	.overview-table,
	.history-table,
	.information-table {
		display: table;
		width: 100%;
		border-collapse: separate;
		border-spacing: 0 0;
	}

	.overview-table dl,
	.history-table dl,
	.information-table dl {
		display: table-row;
	}

	.overview-table dt,
	.history-table dt,
	.information-table dt {
		display: table-cell;
		margin: 10px 0;
		padding: 10px 10px;
		text-align: center;
		vertical-align: middle;
		background-color: #dfdfdf;
		border-bottom: solid 1px #ccc;
		white-space: nowrap;
	}

	.history-table dt {
		text-align: left;
	}

	.overview-table dt.first,
	.history-table.first,
	.information-table dt.first {
		border-top: solid 1px #ccc;
	}

	.overview-table dd,
	.history-table dd,
	.information-table dd {
		display: table-cell;
		margin: 10px 0;
		padding: 10px 10px;
		text-align: left;
		vertical-align: middle;
		border-bottom: solid 1px #ccc;
	}

	.overview-table dd.first,
	.history-table dd.first,
	.information-table dd.first {
		border-top: solid 1px #ccc;
	}

	.information-table .table > thead > tr > th,
	.information-table .table > tbody > tr > th,
	.information-table .table > tfoot > tr > th {
		padding: 15px 30px;
		background-color: #dfdfdf !important;
	}

	.information-table .table > thead > tr > td,
	.information-table .table > tbody > tr > td,
	.information-table .table > tfoot > tr > td {
		padding: 15px 30px;
	}



	/*----------------------------------------------
		Media Styles
	----------------------------------------------*/

	.media-nav {
		display: none;
	}

	.media-introduction.thumb-button {
		margin: 10px 0;
	}

	.media-introduction .thumb-button .col-md-6 {
		float: left;
		width: 50%;
	}

	.media-introduction .thumb-button-banner .col-md-7 {
		padding: 5px;
	}

	.media-introduction .thumb-button a {
		padding: 10px;
	}

	.media-introduction .thumb-button .caption {
		margin-left: 0;
		padding: 0 15px 0;
	}

	.media-introduction .thumb-button h2 {
		margin-top: 10px;
		margin-bottom: 5px;
		padding: 0;
	}

	.media-introduction .media-link {
		display: none;
	}

	.transport-item .col-md-5 {
		float: left;
		width: 41.66666667%;
	}

	.transport-item .col-md-7 {
		float: left;
		width: 58.33333333%;
	}

	.transport-item .col-md-6 {
		float: left;
		width: 50%;
	}



	/*----------------------------------------------
		Price List Styles
	----------------------------------------------*/

	.price-list-item .col-md-12 {
		width: 85%;
		margin: 10px auto;
	}

	.price-list-list ol {
		margin: 0;
	}

	.price-list-list li {
		float: left;
		width: 33.33%;
		padding-right: 0;
		color: #000;
		font-size: .9em;
		background: none;
		border: none;
	}

	.price-list-list li.first {
		border: none;
	}

	.price-list-list li a {
		display: inline;
		padding: 0;
		color: #222;
		background: none;
	}

	.adobe-pdf-link	{
		display: none;
	}



	/*----------------------------------------------
		Sitemap Styles
	----------------------------------------------*/

	.sitemap-contents li {
		border-top: none;
		line-height: 3;
		border-top: solid 1px #ccc;
		border-right: none;
		border-bottom: none;
		border-left: none;
	}

	.sitemap-contents li.first {
		border: none;
	}

	.sitemap-contents li a {
		display: inline;
		padding: 0 0 5px;
		color: #555;
		background: none;
	}

	.sitemap-contents li li {
		border-top: solid 1px #ccc;
	}

	.sitemap-contents li li a {
		padding-left: 2em;
		padding-left: 2rem;
	}

	.sitemap-contents li a.active {
		color: #d70c18;
		background: none;
	}

	.sitemap-contents li a:hover {
		color: #d70c18;
		background: none;
	}

	.sitemap-contents ul ul ul ul {
		margin-bottom: 3px;
		padding-left: 6em;
		padding-left: 6rem;
		border-top: solid 1px #ccc;
	}

	.sitemap-contents li li li {
		display: inline-block;
		width: 100%;
	}

	.sitemap-contents li li li a {
		padding-left: 4em;
		padding-left: 4rem;
	}

	.sitemap-contents li li li li {
		display: inline-block;
		width: auto;
		border: none;
	}

	.sitemap-contents li li li li a {
		padding-left: 1em;
		padding-left: 1rem;
	}


}



/* ==========================================================================
   201810 edit
   ========================================================================== */
.mt10 { margin-top: 10px;}
.mt20 { margin-top: 20px;}
.movie-link {
	text-align: left;
}
.movie-link a {
/*	color: #555;*/
/*
	font-size: .9em;
	font-size: .9rem;
*/
	transition: .3s;
}
.movie-link a:hover {
/*
	color: #d70c18;
	text-decoration: none;
*/
	filter: brightness(1.10);
	opacity: .9;
}
.movie-link img {
	width: 386px;
}
.function li {
	list-style: none;
}
.function dt {
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 27%;
	vertical-align: top;
	font-weight: normal;
}
.function dt:before {
	content: '';
	position: absolute;
	top: 0.61em;
	left: 0;
	width: 95%;
	height: 1px;
	border-top: 1px dotted #555;
	z-index: 0;
}
.function dt span {
	position: relative;
	padding-right: 0.5em;
	background-color: #fff;
	z-index: 1;
}
.function dd {
	display: inline-block;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	width: 73%;
	vertical-align: top
}
.app-btn {
	margin-top: 50px;
}
.app-btn a {
	margin-right: 15px;
}
.app-btn a:last-child {
	margin-right: 0;
}
.app-btn a img {
	width: auto;
	height: 60px;
}
@media (min-width: 768px) and (max-width: 990px) {
	.function dt {
		width: 35%;
	}
	.function dd {
		width: 65%;
	}
}
@media (max-width: 768px) {
	.movie-link img {
		width: 100%;
	}
	.function dt {
		width: 45%;
	}
	.function dd {
		width: 55%;
	}
	.app-btn a {
		margin-right: 2.55vw;
	}
	.app-btn a img {
		height: 13.6vw;
	}
}