@charset "UTF-8";

/* --------------------------------------------------------------------
	リセット
--------------------------------------------------------------------- */
.add-html-set {
	color:#333;
	background:#FFF;
}
.add-html-set * {
  box-sizing: border-box;
}
.add-html-set dl,
.add-html-set dt,
.add-html-set dd,
.add-html-set ul,
.add-html-set ol,
.add-html-set li,
.add-html-set h1,
.add-html-set h2,
.add-html-set h3,
.add-html-set h4,
.add-html-set h5,
.add-html-set h6,
.add-html-set pre,
.add-html-set code,
.add-html-set form,
.add-html-set fieldset,
.add-html-set legend,
.add-html-set input,
.add-html-set textarea,
.add-html-set p,
.add-html-set blockquote,
.add-html-set th,
.add-html-set td {
	margin:0;
	padding:0;
}
.add-html-set table {
	border-collapse:collapse;
	border-spacing:0;
}
.add-html-set fieldset,
.add-html-set img {
	border:0;
}
.add-html-set address,
.add-html-set caption,
.add-html-set cite,
.add-html-set code,
.add-html-set dfn,
.add-html-set em,
.add-html-set strong,
.add-html-set th,
.add-html-set var {
	font-style:normal;
	font-weight:normal;
}
.add-html-set li {
	list-style:none;
}
.add-html-set caption,
.add-html-set th {
	text-align:left;
}
.add-html-set h1,
.add-html-set h2,
.add-html-set h3,
.add-html-set h4,
.add-html-set h5,
.add-html-set h6 {
	font-size:100%;
	font-weight:normal;
}
.add-html-set q:before,
.add-html-set q:after {
	content:'';
}
.add-html-set abbr,
.add-html-set acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
.add-html-set sup {
	vertical-align:text-top;
}
.add-html-set sub {
	vertical-align:text-bottom;
}
.add-html-set input,
.add-html-set textarea,
.add-html-set select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
.add-html-set figure {
	margin: 0;
}
/*because legend doesn't inherit in IE */
.add-html-set legend {
	color:#333;
}

/* --------------------------------------------------------------------
	共通
--------------------------------------------------------------------- */
.add-html-set a:link,
.add-html-set a:focus,
.add-html-set a:visited,
.add-html-set a:focus-visible,
.add-html-set a:focus-within {
  color: #333;
}
.add-html-set {
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 14px;
  color: #333;
}
.add-html-set * {
  font-family: "Noto Sans JP", sans-serif;
}
.add-html-set img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}
.add-html-set .hover_gray {
  transition: .3s;
}
.add-html-set .hover_gray:hover {
  background-color: #e0e0e0;
  opacity: 1;
}
.add-html-set .hover_lightgray {
  transition: .3s;
}
.add-html-set .hover_lightgray:hover {
  background-color: #f5f5f5;
  opacity: 1;
}
.add-html-set .bg_gray {
  background-color: #F5F5F5;
}
.add-html-set .hover_line_yellow {
  position: relative;
}
.add-html-set .hover_line_yellow:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 0px solid #ffe600;
  content: '';
  transition: .2s;
  pointer-events: none;
}
.add-html-set .hover_line_yellow:hover {
  opacity: 1;
}
.add-html-set .hover_line_yellow:hover:after {
  border: 4px solid #ffe600;
}
.add-html-set .btn_link {
  display: inline-block;
  padding: 10px 25px;
  border: 1px solid #333;
  border-radius: 50px;
  font-size: 14px;
}
.add-html-set .btn_more {
  display: flex;
  justify-content: center;
}
.add-html-set .btn_more a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 240px;
  height: 48px;
  border: 1px solid #333;
  border-radius: 50px;
}
.add-html-set .btn_more a span {
  display: inline-block;
  font-size: 14px;
}
.add-html-set .btn_more a span img {
  display: inline-block;
  margin-left: 8px;
}
.add-html-set .btn_more a:hover {
  opacity: 1;
  border: 1px solid #e0e0e0;
}
.add-html-set .btn_more.btn_details {
  justify-content: flex-start;
}
.add-html-set .btn_more.btn_details a {
  background-image: url(../../img/usr/common/icon_pc_arrow_headernavsub.png);
  background-size: 6px 13px;
  background-repeat: no-repeat;
  background-position: right 16px center;
}
.add-html-set .btn_yellow a {
  display: inline-block;
  padding: 12px 50px;
  background-color: #ffe600;
  border-radius: 50px;
  font-size: 14px;
  text-align: center;
}
.add-html-set .btn_yellow:has(img) a {
  display: flex;
  justify-content: center;
  align-items: center;
}
.add-html-set .out-external-link span {
    display: inline-block;
    padding-right: 25px;
    background: url(../../img/usr/common/ico-out-external-link.svg) 100% center no-repeat;
}

@media (min-width: 1081px) {
    .add-html-set .container {
        width: 95%;
        max-width: 1480px;
        margin-left: auto;
        margin-right: auto;
    }
    .add-html-set .pc_flex,
    .add-html-set .flex {
      display: flex;
    }
}
@media (max-width: 599px) {
    .add-html-set .container {
        width: 100%;
    }
    .add-html-set .sp_container {
      width: 92.523vw;
      margin-left: auto;
      margin-right: auto;
    }
}