@charset "UTF-8";
#header {
	background-color: rgba(255,255,255,1);
}
.content__mv .img {
    background: url(../img/header_img_pc.webp) #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.other-work{width: 90%;margin: 1em auto;}
.other-work dl {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    line-height: 1.7;
}
.other-work dl dt {
    position: relative;
    box-sizing: border-box;
    width: 10em;
    flex-shrink: 0;
    border-bottom: 1.5px solid #2ea7e0;
    padding: 1em 1em;
    text-align: left;
	color: #2ea7e0;
}
.other-work dl dd {
    box-sizing: border-box;
    width: calc(100% - 10em);
    border-bottom: 1.5px solid #8b8c8c;
    padding: 1em 2em;
}
.other-work dl dd ul li{width: 16em; position: relative;}
.other-work dl dd ul li span{position: absolute;right:0;}


.history dl {
    position: relative;
    padding-bottom: 1.5em;
    line-height: 1.5;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}
.history dl:last-child {
    padding-bottom: 0;
}
.history dl::before {
    position: absolute;
    content: "";
    top: 0;
    left: 5px;
    width: 1px;
    height: 100%;
    background-color: #2ea5de;
}
.history dl::after {
    position: absolute;
    content: "";
    top: 0.3em;
    left: 0;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background-color: #2ea5de;
}
.history dt {
    color: #2ea5de;
    width: 8em;
    padding-left: 25px;
    flex-shrink: 0;
    font-feature-settings: "palt" off;
    font-family: "Osaka-mono", "MS Gothic", monospace;
}
.gmap{width: 90%;margin:3em auto;}
.gmap iframe{width: 100%;height: 350px; }

/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {

	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
.content__mv .img {
    background: url(../img/header_img_sp.webp) #fff;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.page_title{font-size: 1.4em;margin-bottom: 1em;margin-top: 0;position: relative;padding-bottom: 0.2em; /* 見出しと下線の間の余白 */}	
.other-work dl {
    font-size: 0.92em;
}
.other-work dl dt {
    width: 100%;
    border-bottom: 0;
    padding: 0.6em 1em 0;
    text-align: left;
}
.other-work dl dd {
    box-sizing: border-box;
    width: 100%;
    border-bottom: 1px solid #333;
    padding: 0em 1em 0.6em;
	line-height: 1.4em;
}

.history dl {
    flex-wrap: wrap;
}
.history dt {
    box-sizing: border-box;
    width: 100%;
    padding-left: 25px;
}
.history dd {
    padding-left: 25px;
}
	.gmap{width: 90%;margin:1em auto;}
.gmap iframe{width: 100%;height: 250px; }
}