/*==================================
		headoffice / index
==================================*/
/*========== body ==========*/
body {
	background: url(../../img/headoffice/headoffice.jpg) no-repeat center 0;
	background-size: contain;	
}

/*========== mainWrap ==========*/
#headoffice h4 {
	margin: 0 0 1.0rem 0 !important;
	font-size: 150%;
	line-height: 1.6;
}

#headoffice01 p {
	margin: 0 0 1.0rem 0;
}

#headoffice01 p span {
	color: #666666;
	font-size: 75%;
}

#headoffice01 p.right {
	text-align: right;
}

#headoffice01 .flex {
	display: block;
}

#headoffice01 .flex:nth-of-type(1) > div:first-child {
    max-width: 35%;
    margin: 0 0 2.5rem 2.5rem;
    shape-outside: circle();
    float: right;
}

#headoffice01 .flex:nth-of-type(2) {
	margin: 3.0rem 0 0 0;
}

#headoffice01 .flex:nth-of-type(2) > div:first-child {
    max-width: 35%;
    margin: 0 2.5rem 2.5rem 0;
    float: left;
    shape-outside: circle();
}

#headoffice02 .tableWrap {
	display: block;
}

#headoffice02 .tableWrap table {
	width: 100%;
}

#headoffice02 .tableWrap table th {
    padding: 1.0rem 3.0rem;
}

#headoffice02 .tableWrap table .small {
	color: #ffffff;
    font-size: 75%;
}

#headoffice02 .tableWrap p.small {
	margin: 0.5rem 0 0 0;
	text-align: right;
    font-size: 75%;
}

@media screen and (max-width: 768px){
}


@media screen and (max-width: 480px){
#headoffice01 .flex {
	display: flex;
	flex-direction: column;
}

#headoffice01 .flex:nth-of-type(2) > div:first-child img {
	margin: 0;
}

#headoffice01 .flex:nth-of-type(1) > div:first-child,
#headoffice01 .flex:nth-of-type(2) > div:first-child {
    max-width: 60%;
    margin: 0 auto 1.0rem;
}

#headoffice02 .tableWrap table th {
    padding: 0.5rem 0.75rem;
}
}



/*= ver.purple =*/
.purple#headoffice h4 {
	color: #ae1c87;
}