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



#k_mds .k_mds_img {
	background-image: url("../images/company/cmainp.jpg");
}

.company #content > .box table {
	text-align: left;
	border-collapse: collapse;
	width: 100%;
	display: block;
}

.company #content > .box table tbody {
	display: block;
}

.company #content > .box table tbody tr {
	display: block;
	border-top: solid 1px #d6d6d6;
}

.company #content > .box table tbody tr:first-of-type {
	border-top: none;
}

.company #content > .box table th {
	width: 100%;
	padding: 20px 0 5px;
	vertical-align: top;
	display: block;
}

.company #content > .box table td {
	padding: 0 0 20px;
	vertical-align: top;
	display: block;
}

.company #content > .box table tr:first-of-type th {
	border-top: none;
	padding: 0 0 5px;
}

.company #content > .box table tr:first-of-type td {
	border-top: none;
	padding: 0 0 20px;
}

.company #content > .box table tr:last-of-type th {
	padding: 20px 0 0;
}

.company #content > .box table tr:last-of-type td {
	padding: 5px 0 0 0;
}

.company #content > .box table td .box2 {
	display: table;
	width: 100%;
}

.company #content > .box table td .box2 > div {
	display: table-cell;
	width: 50%;
}

.company #content > .box table td .box2 > div:first-of-type {
	padding-right: 10px;
}

.company #content > .box table td .box2 > div:last-of-type {
	padding-left: 10px;
}


/*ご挨拶*/

.greeting #content > .box .mds {
	font-size: 2rem;
    font-weight: bold;
    color: #248966;
}

.greeting #content > .box .mds2 {
	font-size: 1.8rem;
    font-weight: bold;
    color: #248966;
	padding: 30px 0;
}

.greeting #content > .box .name {
	display: block;
	margin-top: 30px;
	margin-left: auto;
	margin-right: 0;
}

.greeting #content > .box .name > span {
	display: block;
}

.greeting #content > .box .name > span:last-of-type {
	font-size: 2rem;
    font-weight: bold;
	padding-left: 0;
}

.greeting #content > .box2 {
	background-color: #f0f7f4;
	padding: 20px 5%;
	margin-top: 30px;
}

.greeting #content > .box2 .mds {
	font-size: 2rem;
    font-weight: bold;
	text-align: center;
}

.greeting #content > .box2 .txt {
    font-weight: bold;
    color: #248966;
}

.greeting #content > .box2 .txt ul {
	margin: 0;
	padding-left: 0;
	list-style: none;
}

.greeting #content > .box2 .txt ul li {
	display: table;
	padding-top: 15px;
}

.greeting #content > .box2 .txt ul li > span {
	display: table-cell;
}


/*沿革*/


.history #content > .box table {
	text-align: left;
	border-collapse: collapse;
	width: 100%;
	display: block;
}

.history #content > .box table tbody {
	display: block;
}

.history #content > .box table tbody tr {
	display: block;
	border-top: solid 1px #d6d6d6;
}

.history #content > .box table tbody tr:first-of-type {
	border-top: none;
}

.history #content > .box table th {
	width: 100%;
	padding: 20px 0 5px;
	vertical-align: top;
	display: block;
}

.history #content > .box table td {
	padding: 0 0 20px;
	vertical-align: top;
	display: block;
}

.history #content > .box table tr:first-of-type th {
	border-top: none;
	padding: 0 0 5px;
}

.history #content > .box table tr:first-of-type td {
	border-top: none;
	padding: 0 0 20px;
}

.history #content > .box table tr:last-of-type th {
	padding: 20px 0 0;
}

.history #content > .box table tr:last-of-type td {
	padding: 5px 0 0;
}

.history #content > .box table td .box2 {
	display: table;
	width: 100%;
}

.history #content > .box table td .box2 > div {
	display: table-cell;
	width: 50%;
}


/*関連会社*/

.group #content > .box > div {
	display: block;
	width: 100%;
	border-top: solid 1px #d6d6d6;
}

.group #content > .box > div:first-of-type {
	border-top: none;
}

.group #content > .box > div > div {
	display: block;
	vertical-align: middle;
	padding: 20px 0;
}

.group #content > .box > div:first-of-type > div {
	padding: 0 0 20px;
}

.group #content > .box > div > div.link a {
	display: block;
    background-color: #353535;
    padding: 15px 30px 15px 15px;
    text-align: center;
    color: #ffffff;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    vertical-align: middle;
    text-decoration: none;
    max-width: 250px;
}
.group #content > .box > div > div.link a::after,.group #content > .box > div > div.link a::before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.group #content > .box > div > div.link a::before {
    right: 15px;
    width: 5px;
    height: 5px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.group #content > .box > div > div.link a:hover {
	background:rgba(53,53,53,0.8);
    text-decoration: none;
}

.group #content > .box > div > div.img {
	text-align: center;
}

.group #content > .box > div > div.img img {
	max-width: 220px;
}

.group #content > .box > div > div.mds {
	width: 17em;
}


/*交通アクセス*/

.map #content > .box {
	display: block;
	width: 100%;
}

.map #content > .box > div {
	width: 100%;
}

.map #content > .box > div:first-of-type {
	margin-right: 20px;
}

.map #content > .box > div:last-of-type {
	margin-top: 40px;
}

.map #content > .box > div .mds{
    font-weight: bold;
    color: #248966;
	font-size: 1.8rem;
}

.map #content > .box > div .table table {
	margin-right: 15px;
	width: 100%;
	border-collapse: collapse;
}

.map #content > .box > div .table table tbody {
    display: block;
}

.map #content > .box > div .table table tr {
display: block;
}

.map #content > .box > div .table table th {
	border-top: solid 1px #d6d6d6;
	padding: 20px 0 5px;
	text-align: left;
	display:block;
}

.map #content > .box > div .table table td {
	padding: 0 0 20px;
	display:block;
}

.map #content > .box > div .table table tr:first-of-type th {
	border-top: none;
}

.map #content > .box > div .table table tr:first-of-type td {
	border-top: none;
}

.map #content > .box > div .map {
	margin-top: 15px;
}





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


.company #content > .box table {
	display: table;
}

.company #content > .box table tbody {
	display: table-row-group;
}

.company #content > .box table tbody tr {
	display: table-row;
}

.company #content > .box table th {
	width: 13em;
	padding: 25px 0;
	display: table-cell;
}

.company #content > .box table tr:last-of-type th {
    padding: 25px 0 0;
}

.company #content > .box table td {
	display: table-cell;
	padding: 25px 0;
}

.company #content > .box table tr:first-of-type th {
	padding: 0 0 25px;
}

.company #content > .box table tr:first-of-type td {
	padding: 0 0 25px;
}

.company #content > .box table tr:last-of-type td {
	padding: 25px 0 0;
}


/*ご挨拶*/

.greeting #content > .box .mds {
	font-size: 2.6rem;
}

.greeting #content > .box .mds2 {
	padding: 30px 0 25px;
	font-size: 2rem;
}

.greeting #content > .box .name {
	display: table;
}

.greeting #content > .box .name > span {
	display: table-cell;
}

.greeting #content > .box .name > span:last-of-type {
	padding-left: 30px;
	font-size: 2.4rem;
}

.greeting #content > .box2 {
	margin-top: 60px;
	padding: 30px;
}

.greeting #content > .box2 .mds {
	font-size: 2rem;
}




/*沿革*/

.history #content > .box table {
	display: table;
}

.history #content > .box table tbody {
	display: table-row-group;
}

.history #content > .box table tbody tr {
	display: table-row;
}

.history #content > .box table th {
	width: 13em;
	padding: 25px 0;
	display: table-cell;
}

.history #content > .box table td {
	padding: 25px 0;
}

.history #content > .box table tr:first-of-type th {
	border-top: none;
	padding: 0 0 25px;
}

.history #content > .box table tr:first-of-type td {
	border-top: none;
	padding: 0 0 25px;
}

.history #content > .box table tr:last-of-type th {
	padding: 25px 0 0;
}

.history #content > .box table tr:last-of-type td {
	padding: 25px 0 0;
}



/*関連会社*/

.group #content > .box > div {
	display: table;
}

.group #content > .box > div > div {
	display: table-cell;
	padding: 30px 0;
}

.group #content > .box > div:first-of-type > div {
	padding: 0 0 30px;
}

.group #content > .box > div > div.link a {
    margin-left: auto;
    margin-right: 0;
	width: 100%;
}

.group #content > .box > div > div.img {
	text-align: left;
	padding-left: 15px;
	padding-right: 25px;
	width: 30%;
}

.group #content > .box > div > div.img img {
	width: 100%;
}

.group #content > .box > div > div.link {
	min-width: 16em;
}


/*交通アクセス*/

.map #content > .box {
	display: flex;
}

.map #content > .box > div {
	width: 50%;
}

.map #content > .box > div:last-of-type {
	margin-top: 0;
}

.map #content > .box > div .mds{
	font-size: 2.6rem;
}

.map #content > .box > div .table table tbody {
    display: table-row-group;
}

.map #content > .box > div .table table tr {
display: table-row;
}

.map #content > .box > div .table table th {
	padding: 25px 0;
	display:table-cell;
	width: 7em;
}

.map #content > .box > div .table table td {
	border-top: solid 1px #d6d6d6;
	padding: 25px 0;
	display:table-cell;
}


}