@charset "utf-8";

.campany_text {
    margin-bottom: 16px;
}
.campany_name {
    font-size: 24px;
    font-weight: 600;
}
/* 「お客さま窓口」設定 */
#cs-address{
    margin: 40px 0 80px;
	padding:18px 24px;
	background:#EEE;
}
#cs-address dt{
	margin:0 0 10px 0;
	font-size:18px;
	font-weight:bold;
}
#cs-address dt span{
  font-size:14px;
  font-weight:normal;
  margin:0 0 0 10px;
}
#cs-address dd{
  font-size:14px;
  line-height:40px;
}
#cs-address dd span{
	font-weight:bold;
	color:#FFF;
	background:#090;
	padding:4px 10px;
	margin:0 5px 0 0;
}
#cs-address dd > span:nth-of-type(2) {
    margin-left: 30px;
}
/* 事業内容 */
#mp_link ul {
    display: flex;
    flex-wrap: nowrap;
    gap:26px;
    margin-top: 20px;
}
#mp_link ul li a::after {
    content: url(/common/img/ico_outlink.png);
    position: relative;
    top: 0;
    left: 4px;
}
/* 事業沿革 */
.history {
    width: 100%;
    display: grid;
    grid-template-columns: 180px 1fr;
}
.history dt,
.history dd {
    padding: 4px;
    border-bottom: 1px dotted #CCC;
}
/* アクセス */
#map {
    width:100%;
    height:400px;
    margin: 20px 0 10px !important;
}

@media screen and (max-width: 750px) {
    .campany_text {
        margin-bottom: calc(20*100vw/750);
    }
    .campany_name {
        font-size: calc(38*100vw/750);
    }
    /* 「お客さま窓口」設定 */
    #cs-address{
        margin: calc(60*100vw/750) 0 calc(100*100vw/750);
        padding:calc(30*100vw/750);
    }
    #cs-address dt{
        margin:0 0 calc(20*100vw/750) 0;
        font-size:calc(30*100vw/750);
        font-weight:bold;
    }
    #cs-address dt span{
        display: block;
        font-size:calc(24*100vw/750);
        margin:0;
    }
    #cs-address dd{
      font-size:calc(28*100vw/750);
      line-height:calc(60*100vw/750);
    }
    #cs-address dd span{
        font-weight:bold;
        color:#FFF;
        background:#090;
        padding:calc(8*100vw/750) calc(20*100vw/750);
        margin:0 calc(10*100vw/750) 0 0;
    }
    #cs-address dd > span:nth-of-type(2) {
        margin-left: 0;
    }
    /* 事業内容 */
    #mp_link ul {
        display: flex;
        flex-wrap: nowrap;
        gap:calc(60*100vw/750);
        margin-top: calc(50*100vw/750);
    }
    #mp_link ul li a::after {
        left: calc(8*100vw/750);
    }
    /* 事業沿革 */
    .history {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
    }
    .history dt {
        padding: calc(8*100vw/750) calc(8*100vw/750) 0 ;
        border-bottom: none;
    }
    .history dd {
        padding: 0 calc(8*100vw/750) calc(8*100vw/750);
    }
    /* アクセス */
    #map {
        width:100%;
        height:400px;
        margin: calc(30*100vw/750) 0 calc(20*100vw/750) !important;
    }
}