@charset "utf-8";

.l-content {
  width: 1200px;
  margin: 0 auto;
}

/* .gnav */
.l-content .gnav {
  position: relative;
  display: flex;
  background: #0169c6 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA7YAAAA4CAYAAADJqGStAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmIwZjhiZTkwLCAyMDIxLzEyLzE1LTIxOjI1OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjMuMiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REI1MDk3MDJBMDM5MTFFQzkyMkFBNTdCQjhEOEJBMkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REI1MDk3MDNBMDM5MTFFQzkyMkFBNTdCQjhEOEJBMkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQjUwOTcwMEEwMzkxMUVDOTIyQUE1N0JCOEQ4QkEyRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQjUwOTcwMUEwMzkxMUVDOTIyQUE1N0JCOEQ4QkEyRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pla1uUsAAAFBSURBVHja7NfBDQAgEAJBNdd/y2gbmJmEBvjtTrIAAACgVI4PAAAAaCZsAQAAELYAAAAgbAEAAEDYAgAAIGwBAABA2AIAAICwBQAAAGELAACAsAUAAABhCwAAAMIWAAAAhC0AAADCFgAAAIQtAAAACFsAAACELQAAAAhbAAAAELYAAAAgbAEAABC2AAAAIGwBAABA2AIAAICwBQAAQNgCAACAsAUAAABhCwAAAMIWAAAAYQsAAADCFgAAAIQtAAAAwhYAAACELQAAAAhbAAAAELYAAAAIWwAAABC2AAAAIGwBAABA2AIAACBsAQAAQNgCAACAsAUAAABhCwAAgLAFAAAAYQsAAADCFgAAAGELAAAAwhYAAACELQAAAAhbAAAAhC0AAAAIWwAAABC2AAAAIGwBAAD40rzFDQAAALS6AgwA5YkFbToRAEsAAAAASUVORK5CYII=) no-repeat 100% 100%;
}

.l-content .gnav > li,
.l-content .gnav > li a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #0169c6;
  width: 170px;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 16px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
.l-content .gnav > li {
  height: 55px;
  z-index: 1;
}
.l-content .gnav > li:not(:last-child) {
  border-right: 1px solid #e7ecf3;
}
.l-content .gnav > li::after {
  position: absolute;
  bottom: 8px;
  content: "";
  border-right: 5px solid transparent;
  border-top: 5px solid #fff;
  border-left: 5px solid transparent; 
}
.l-content .gnav > li.navi_top::after {
  border-top: 5px solid #514f4f;
}
.l-content .gnav > li.navi_top,
.l-content .gnav > li.navi_top a{
  background: #ffdb4c;
  width: 180px;
  color: #514f4f;
}
.l-content .gnav > li.on {
  background: #e7ecf3;
  padding-bottom: 7px;
  color: #0169c6;
}
.l-content .gnav > li.navi_top.on {
  background: #ffdb4c;
  color: #514f4f;
}
.l-content .gnav > li.on::after {
  border-top: 0;
  border-bottom: 5px solid #0169c6;
}
.l-content .gnav > li.navi_top.on::after {
  border-bottom: 5px solid #514f4f;
}
.l-content .gnav > li a {
  height: 100%;
  padding-bottom: 7px;
}
.l-content .gnav > li a:hover {
  background: #4d96d7;
}
.l-content .gnav > li.navi_top a:hover {
  background: #ffe580;
}

/* レスポンシブ */
/* 幅950px以下 */
@media (max-width: 950px) {
.l-content {
  width: 100%;
}
.l-content .gnav {
  flex-wrap: wrap;
}
.l-content .gnav > li,
.l-content .gnav > li.navi_top {
  width: 33.33%;
}
.l-content .gnav > li a,
.l-content .gnav > li.navi_top a {
  width: 100%;
}
.l-content .gnav > li {
  border-right: 1px solid #e7ecf3;
  border-bottom: 1px solid #e7ecf3;
}
.l-content .main img {
  width: 99.9%;
}

}

/* 幅640px以下 */
@media (max-width: 640px) {


}