@charset "UTF-8";
/* CSS Document */

.company h1 { padding: 50px 0 0;}

.company h2 {
	width: 98%;
	border-left: #008B5F 10px solid;
	box-sizing: border-box;
	margin: 0 0 30px;
	padding: 0 0 0 2%;
	line-height: 40px;
	float: left;
}

.company .profile table td a{
	color: #004831;
	text-decoration: underline;
}
.company .profile table td a:hover{
	text-decoration: none;
}

/* ************************************************************* */
/*          SALUTATION  RAYOUT
/* ************************************************************* */

.company .salutation {
	width: 100%;
	margin: 0 0 50px;
	padding: 0;
	float: left;
}

.company .salutation .glid {
	width: 40%;
	max-width: 400px;
	margin: 0;
	padding: 0;
	float: left;
}

.company .salutation .glid.main {
	width: 60%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	float: right;
}

.company .salutation .glid.main .message {
	width: 95%;
	margin: 0;
	padding: 0;
	float: right;
}

.company .salutation .glid.main .message p {
	margin: 0 0 1em;
}

.company .salutation .glid.main .message .sign {
	padding-top: 20px;
	font-family: "Shippori Mincho", serif;
	font-size: 24px;
	text-align: right;
	line-height: 1.3em;
}

.company .salutation .glid .photo {
	width: 95%;
	height: 200px;
	margin: 0;
	padding: 0;
	background-color: #B2B2B2;
	color: #fff;
	text-align: center;
}

/* ************************************************************* */
/*          PHILOSOPHY  RAYOUT
/* ************************************************************* */

.company .philosophy {
	width: 100%;
	margin: 50px 0;
	padding: 0;
	float: left;
}

.company .philosophy .copy {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	font-family: "Shippori Mincho", serif;
	font-size: 45px;
	line-height: 1.3em;
	letter-spacing: 0;
}

.company .philosophy .message {
	width: 80%;
	margin: 50px 10%;
	padding: 0;
	float: left;
}

.company .philosophy .message h3 {
	text-align: center;
}



/* ************************************************************* */
/*          PROFILE  RAYOUT
/* ************************************************************* */

.company .profile {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
}

.company .profile .wp-block-table { width: 100%;float: left; }

.company .profile table {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	border-collapse: collapse;
	background-color: #E2EFBC;
}

.company .profile table th,
.company .profile table td:nth-of-type(1) {
	width: 130px;
	margin: 0;
	padding: 10px 20px;
	border: none;
	border-bottom: #FFF 2px solid;
	color: #004831;
	vertical-align: top;
}

.company .profile table td:nth-of-type(2) {
	padding: 10px 20px;
	background-color: #F9F9F9;
	border: none;
	border-bottom: #FFF 2px solid;
}

/* ************************************************************* */
/*          HISTORY  RAYOUT
/* ************************************************************* */

.company .chart {
	width: 100%;
	margin: 100px 0 0;
	padding: 0;
	float: left;
}

.company .chart p {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
}

.company .chart .box {
	width: 100%;
	margin: 50px 0;
	padding: 0;
	float: left;
	aspect-ratio: 1024 / 500;
	background-color: #F9F9F9;
	background-image: url("../images/company/Icon awesome-image.png");
	background-repeat: no-repeat;
	background-position: center;
}

.company .chart ul {
	width: 100%;
	margin: 0px 0 0;
	padding: 0;
	float: left;
}

.company .chart ul li {
	width: 280px;
	margin: 0 20px 20px 0;
	padding: 0;
	float: left;
}

.company .chart ul li a {
	width: 90%;
	margin: 0;
	padding: 0 5%;
	display: block;
	line-height: 50px;
	background-color: #004831;
	color: #FFF;
	transition: ease 0.5s all;
	border-radius: 5px;
	background-image: url("../images/common/Icon awesome-file-pdf.png");
	background-repeat: no-repeat;
	background-position: center right 20px;
	opacity: 1;
}

.company .chart ul li a:hover {
	opacity: 0.7;
}

/* ************************************************************* */
/*          HISTORY  RAYOUT
/* ************************************************************* */

.company .history {
	width: 100%;
	margin: 50px 0;
	padding: 0;
	float: left;
}

.company .history table {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	border-collapse: collapse;
}

.company .history td {
	margin: 0;
	padding: 20px 0 0;
}

.company .history .first td {
	padding: 0;
}

.company .history td:nth-of-type(1) {
	width: 60px;
	font-size: 18px;
	font-family: "Shippori Mincho", serif;
}

.company .history td:nth-of-type(2) {
	width: 20px;
	text-align: center;
	font-size: 12px;
	background-image: url("../images/company/history-line.svg");
	background-position: center;
	background-repeat: repeat-y;
}

.company .history .first td:nth-of-type(2) {
	background-position: center top 32px;
	background-repeat: no-repeat;
}

.company .history .last td:nth-of-type(2) {
	background-position: center bottom 1em;
	background-repeat: no-repeat;
}

.company .history td:nth-of-type(3) {
	width: 40px;
	text-align: right;
}

.company .history td:nth-of-type(4) {
	padding-left: 1em;
}

.company .history .pickup td:nth-of-type(1) {
	font-size: 24px;
}

.company .history .pickup td:nth-of-type(2) {
	font-size: 18px;
}

/* ************************************************************* */
/*          FINANCIAL  RAYOUT
/* ************************************************************* */

.company .financial {
	width: 100%;
	margin: 50px 0;
	padding: 0;
	float: left;
}

.company .financial .message {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
}

.company .financial ul {
	width: 100%;
	margin: 50px 0 0;
	padding: 0;
	float: left;
}

.company .financial ul li {
	width: 280px;
	margin: 0 20px 20px 0;
	padding: 0;
	float: left;
}

.company .financial ul li a {
	width: 90%;
	margin: 0;
	padding: 0 5%;
	display: block;
	line-height: 50px;
	background-color: #004831;
	color: #FFF;
	transition: ease 0.5s all;
	border-radius: 5px;
	background-image: url("../images/common/Icon awesome-file-pdf.png");
	background-repeat: no-repeat;
	background-position: center right 20px;
	opacity: 1;
}

.company .financial ul li a:hover {
	opacity: 0.7;
}



/* ************************************************************* */
/*          OFFICE  RAYOUT
/* ************************************************************* */

.company .office {
	width: 100%;
	margin: 50px 0;
	padding: 0;
	float: left;
}

.company .office h3 {
	background-image: url("../images/common/Ico_pin.png");
	background-repeat: no-repeat;
	background-position: center left;
	background-size: 10px;
	padding-left: 20px;
}

.company .office h4 {
	margin: 1em 0 0.3em;
}

.company .office .head_office,
.company .office .branch {
	width: 100%;
	margin: 0 0 50px;
	padding: 0 0 50px;
	float: left;
	border-bottom: #B5B5B5 1px solid;
}

.company .office .branch#office06 {
	border-bottom: none;
}

.company .office .branch.last { border:none; }

.company .office .head_office .glid {
	width: 40%;
	margin: 0;
	float: left;
}

.company .office .head_office .glid.map {
	width: 60%;
	float: right;
}

.company .office .branch .glid {
	width: 60%;
	margin: 0;
	float: left;
}

.company .office .branch .glid.map {
	width: 40%;
	float: right;
}

.company .office .branch .more {
	margin: 1em 0;
}

.company .office .branch .more a {
	font-size: 14px;
	font-weight: 700;
	color: #004831;
}

.company .office .branch .more a::after {
	content: url("../images/common/arr_right01.png");
	margin-left: 10px;
}

.company .office .branch table {
	width: 90%;
	margin: 0 10% 0 0;
	float: left;
}

.company .office .branch th {
	width: 135px;
	padding: 10px 20px;
	background-color: #F9F9F9;
	border-bottom: #FFF 2px solid;
	font-weight: 400;
}

.company .office .branch td {
	padding: 10px 0 10px 20px;
	text-align: justify;
}

.content { padding: 0; }


body { background-color: #A7D821;z-index: 0; }

/* ************************************************************************************
          Responsive Layout Whideth 1000px
*************************************************************************************** */
@media only screen and (max-width: 1000px) {

.company .financial ul li {	width: 31%;margin: 0 1% 20px; }

.company .philosophy .copy {
	font-size: 4.0vw;
}

}

/* ************************************************************************************
          Responsive Layout Whideth 880px
*************************************************************************************** */
@media only screen and (max-width: 880px) {

.company .office .head_office .glid { width: 100%; }
.company .office .head_office .glid.map { width: 100%; }
.company .office .head_office .glid.map iframe { width: 100%;float: left; }

.company .office .branch .glid { width: 100%; }
.company .office .branch .glid.map { width: 100%; }
.company .office .branch .glid.map iframe { width: 100%;float: left; }
.company .office .branch table { width: 100%;margin: 0 0 30px; }
.company .office .branch td { padding: 10px 20px; }

}

/* ************************************************************************************
          Responsive Layout Whideth 680px
*************************************************************************************** */
@media only screen and (max-width: 680px) {

.company .salutation .glid { margin: 30px auto;width: 100%;max-width: 100%;padding: 0; }
.company .salutation .glid.main { width: 100%; }
.company .salutation .glid .photo {
	width: 70%;
	margin: 0 15%;
	height: auto;
}

.company .philosophy .copy {
	font-size: 20px;
}

.company .financial ul li {	width: 80%;margin: 0 10% 20px; }

}

/* ************************************************************************************
          Responsive Layout Whideth 580px
*************************************************************************************** */
@media only screen and (max-width: 580px) {

.sub_nav {	display: none; }

.company .salutation .glid.main .message .sign {
	font-size: 18px;
}

.company .profile table th,
.company .profile table td:nth-of-type(1) {
	width: 90%;
	padding: 10px 5%x;
	float: left;
	text-align: center;
}

.company .profile table td:nth-of-type(2) {
	width: 90%;
	padding: 10px 5%;
	margin: 0;
	float: left;
	border: none;
}

.company .chart .box {	margin: 0; }
.company .financial { margin: 0; }

.company .office .head_office,
.company .office .branch { margin: 0 0 20px; }

}


/* ************************************************************************************
          Responsive Layout Whideth 480px
*************************************************************************************** */
@media only screen and (max-width: 480px) {

.content .inner { width: 80%;margin: 0 10%;padding: 0; float: left; }

.company .philosophy .message {	width: 100%;margin: 50px 0; }

.company .financial ul li {	width: 100%;margin: 0 0 20px; }

.company .office .branch th {
	width: 100%;
	padding: 5px 0;
	border-bottom: none;
	float: left;
	text-align: center;
}

.company .office .branch td {
	width: 100%;
	padding: 5px 0;
	float: left
}

}