@charset "utf-8";
/*==================================================
共通　横並びのための設定
===================================*/
@media screen and (min-width:1024px) {
 #g-nav-list {
  display: flex;
  /*flex-wrap: wrap;*/ /*スマホ表示折り返し用なのでPCのみなら不要*/
  /*margin:0 0 50px 0;*/
  list-style: none;
 }
 #g-nav-list li a {
  display: block;
  padding: 4px 0;
  text-decoration: none;
  color: #333;
 }
 #g-nav-list li {
  /*margin-bottom:20px;*/
 }
 /*==================================================
　5-3-1 中心から外に線が伸びる（下部）
===================================*/
 #g-nav-list li a {
  /*線の基点とするためrelativeを指定*/
  position: relative;
 }
 #g-nav-list li.current a, #g-nav-list li a:hover {
  color: #785116;
 }
 #g-nav-list li a::after {
  content: '';
  /*絶対配置で線の位置を決める*/
  position: absolute;
  bottom: 0;
  left: 0;
  /*線の形状*/
  width: 100%;
  height: 3px;
  border-radius: 5px;
  background: #785116;
  /*アニメーションの指定*/
  transition: all .3s;
  transform: scale(0, 1); /*X方向0、Y方向1*/
  transform-origin: center top; /*上部中央基点*/
 }
 /*現在地とhoverの設定*/
 #g-nav-list li.current a::after, #g-nav-list li a:hover::after {
  transform: scale(1, 1); /*X方向にスケール拡大*/
 }
 /*========= レイアウトのためのCSS ===============*/
 .lead {
  padding: 50px 20px;
 }
}