@charset "UTF-8";

#footer_outline {
	border-top: solid 8px rgb(44,84,120);
	border-bottom: solid 8px rgb(44,84,120);
	padding: 1em 0 1em 0;
}

.footer-wrap {
	display: flex;
}

.footer-item {
	padding: 1em;
	width: calc(50% - 2em);
}

.footer-item:nth-child(1) {
	/*background-color: silver; /*仮*/
}

.footer-item:nth-child(2) {
	/*background-color: orange; /*仮*/
}

.footer-logo {
	border-bottom: solid 8px rgba(44,84,120,0.5);
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 1em;
	padding: 0 1em 0.5em 1em;
	font-family: serif;
	font-weight: bold;
	font-size: 1.6em;
	color: rgb(44,84,120);
}

.footer-logo img {
	height: 3em;
}

.footer-text {
	padding: 1em;
}

.footer-telfax{
	margin-top: 1em;
}

.footer-telfax p {
	font-weight: bold;
	color: rgb(44,84,120);
}

.telfax-item {
	display: flex;
	align-items: center;
}

.footer-item h4 {
	margin-left: 0.6em;
	margin-bottom: 0.2em;
}

.telfax-item p:nth-child(1) {
	background-color: rgb(44,84,120);
	margin: 0.3em 0.5em 0em 0em;
	padding: 0em 0.5em 0em 0.5em;
	color: white;
}

.telfax-item p:nth-child(2) {
	font-weight: bold;
	font-size: 2.0em;
	color: rgb(44,84,120);
}

.footer-list {
	background: linear-gradient(120deg, rgb(250,250,250), rgb(230,230,230));
	border-radius: 3px;
	border: solid 1px silver;
	box-shadow: 4px 4px 0px rgba(44,84,120,0.5);
	display: flex;
	padding: 0.5em;
}

.footer-list:not(:last-child) {
	margin-bottom: 2em;
}

.list-left {
	width: 12em;
}

.list-left p {
	border-bottom: solid 1px gray;
}

.list-right {
	width: calc(100% - 12em - 2px);
}

.list-right p {
	border-bottom: solid 1px gray;
}

#my_footer {
	background-color: white;
	display: flex;
	align-items: center;
	height: 3em;
	color: rgb(44,84,120);
}


/*------------------------------------------------*/
@media screen and (max-width: 1080px) {

.footer-wrap {
	display: block;
}

.footer-item {
	width: calc(100% - 2em);
}

}

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

.footer-wrap {
	display: block;
	font-size: 0.7rem;
}

.footer-item {
	width: calc(100% - 2em);
}

#my_footer {
	font-size: 0.7rem;
}

}
/*------------------------------------------------*/