@charset "utf-8";

/* ナビゲーション・フッター用の会社概要カラー */
#g-nav-list .a_company strong { color:#FF9D00; }
#g-nav-list .a_company span { color:#FF9D00; }
footer .sp_company a { color:#FF9D00; }

/* 見出し */
h1 { color:#214C3C; }

/* 背景ラップ */
.bg_wrap .contents {
  width: 90%;
  background: #fff;
  display: block;
  margin: 50px auto 50px auto;
  padding:0; 
  margin-bottom:80px;
}

/* 概要 */
.outline { 
    width:100%; 
    display:flex; 
    flex-wrap:wrap; 
    line-height:1.75em; 
}

.outline dt {
  width: 100%;
  padding: 5px 5% 5px 5%;
  background: #E8E8E8;
}

.outline dd { 
    width:100%; 
    padding:10px 5% 10px 5%; 
}

.outline dd a { 
    text-decoration:underline; 
}

.outline dd a:hover { 
    text-decoration:none;
}

/* 電話番号の表示切り替え */
.pc_tel { 
    display:none; 
}

.sp_tel { 
    display:inline; 
}

/* 地図表示 */
.div_map { 
    width:100%;  
    display:block; 
    margin-top:10px;  
}

.div_map iframe {   
    width:100%;  
    height:300px; 
}

/* PC表示（768px以上） */
@media screen and (min-width:768px) {
  .bg_wrap .contents { width:80%; }
    .bg_wrap .contents { 
        margin-bottom:120px; background:none; 
    }
    
    .outline dt { 
        width:20%; background: none;   border-top: 1px solid #000;
    }
    
    .outline dd { 
        width:80%;
        border-top: 1px solid #000;
    }
    
    .pc_tel { 
        display:inline-block; 
    }
    
    .sp_tel { 
        display:none; 
    }
    
    .div_map { 
        width:80%;   
        margin:10px 0 0 0;
    }
    
    .div_map iframe {  
        width:100%; 
        height:300px;  
    }
}