@charset "utf-8";
/* ==================================================================
	Site Name:
	Author:高橋 潤
	Version: 1.0

	Page Title:	TOP

=================================================================== */

/* pdf要素
----------------------------------------------------------- */
.pdf a[href$=".pdf"]	{ 
	background: url(../../images/common/mark/pdf-s.gif) no-repeat right center;
    padding-right: 15px;
    font-weight: bold;
}
/*
* html a.pdf{ 
	background: url(../../images/common/mark/pdf-s.gif) no-repeat 100% 50%;
}*/

/* ページ内リンクズレ解消　*/
div[id*="course"] {
    margin-top: -30px;
    padding-top: 30px;
}

h2.title {
    background: url("../../office/images/title-bg.png") no-repeat;
    background-position: center;
}
.map-list {
    text-align: center;
    padding: 2rem 0; 
}

h4 {
    background-position: center left;
    text-align: left;
    padding: 0.5rem;
    color: #fff;
}
h4.service {
    background: url("../../office/images/service-bg.gif") no-repeat;

}
h4.nichinichi {
    background: url("../../office/images/nichinichi-bg.gif") no-repeat;
}
h4.mortors {
    background: url("../../office/images/mortors-bg.gif") no-repeat;
}

.office dl {
    display: flex;
    flex-wrap: wrap;
    margin: 1rem 0;
    text-align: left;
    border-top: 1px solid #4d4d4d;
    padding-bottom: 2rem;
}

.office dt {
    width: 24rem;
    border-bottom: 1px solid #4d4d4d;
    padding: 1rem 0rem 1rem 0;
}
.office dd {
    width: calc(100% - 40rem);
    border-bottom: 1px solid #4d4d4d;
    padding: 1rem 0;
}
.office dd.map {
    display: flex;
    align-items: center;
    width: 16rem;
}
dd.map span {
    background: #0064B3;
    color: #fff;
    padding: 0.5rem 2rem;
    border-radius: 5px;
    margin-left: 2rem;
}

dd.map span::before {
    content: "＞";
    margin-right: 0.5rem;
}

.office_jump{
	display: flex;
	flex-direction: row;
	margin-bottom: 10px!important;
}

.office_jump a{
	width: 20%;
	padding: 5px 0;
	border-right: 1px solid black;
	font-size: 1.4em;
	color: black!important;
}

.office_jump a:first-child{
	border-left: 1px solid black;
}

.office_jump a:hover{
	background-color: lightgray;
}

/*responsive*/
@media screen and (max-width:768px) {
	.office_jump a{
		font-size: 1em;
	}
}

@media screen and (max-width:479px) {
h1, h2, h3 {
    font-size: 2rem;
}
    .map-list {
        padding: 0;
    }
    .office dt, .office dd, .office dd.map {
        width: 100%;
    }
    .office dd:nth-of-type(1) {
        border-bottom: none;
    }
    .office dt {
        text-align: center;
    }
    dd.map {
        justify-content: center;
    }
    dd.map span {
        margin-left: 0;
    }
}