/*
Theme Name: ハイ！屋根・外壁修理
Theme URI: http://hi-yane-gaiheki.com
Author: tomoaki yuasa
Version: 1.0
*/
@charset "utf-8";
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
* {
  margin: 0;
  padding: 0;
}
ul {
  list-style: none;
}
ul.inside {
  list-style-position: inside;
  margin-left: 1.5em;
}
ul.decimal {
  list-style-type: decimal;
  margin-left: 1.5em;
}
ul.armenian {
  list-style-type: armenian;
  margin-left: 1.5em;
}
ul.circle {
  list-style-type: circle;
  margin-left: 1.5em;
}
ul.cjk-ideographic {
  list-style-type: cjk-ideographic;
  margin-left: 1.5em;
}
ul.disc {
  list-style-type: disc;
  margin-left: 1.5em;
}
ul.georgian {
  list-style-type: georgian;
  margin-left: 1.5em;
}
ul.hebrew {
  list-style-type: hebrew;
  margin-left: 1.5em;
}
ul.hiragana {
  list-style-type: hiragana;
  margin-left: 1.5em;
}
ul.hiragana-iroha {
  list-style-type: hiragana-iroha;
  margin-left: 1.5em;
}
ul.katakana {
  list-style-type: katakana;
  margin-left: 1.5em;
}
ul.katakana-iroha {
  list-style-type: katakana-iroha;
  margin-left: 1.5em;
}
ul.lower-alpha {
  list-style-type: lower-alpha;
  margin-left: 1.5em;
}
ul.lower-greek {
  list-style-type: lower-greek;
  margin-left: 1.5em;
}
ul.lower-latin {
  list-style-type: lower-latin;
  margin-left: 1.5em;
}
ul.lower-roman {
  list-style-type: lower-roman;
  margin-left: 1.5em;
}
ul.square {
  list-style-type: square;
  margin-left: 1.5em;
}
ul.upper-alpha {
  list-style-type: upper-alpha;
  margin-left: 1.5em;
}
ul.upper-latin {
  list-style-type: upper-latin;
  margin-left: 1.5em;
}
ul.upper-roman {
  list-style-type: upper-roman;
  margin-left: 1.5em;
}
img {
  border: none;
  vertical-align: bottom;
}
strong {
  font-weight: bold;
}
.clear:after {
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
  font-size: 0;
}
*+html .clear {
  zoom: 100%;
}
* html .clear {
  zoom: 100%;
}
.floatright {
  float: right;
}
.floatleft {
  float: left;
}
.imgfloatright {
  float: right;
  margin-left: 10px;
}
.imgfloatleft {
  float: left;
  margin-right: 10px;
}
.textleft {
  text-align: left;
}
.textright {
  text-align: right;
}
.t5 {
  margin-top: 5px;
}
.t10 {
  margin-top: 10px;
}
.t15 {
  margin-top: 15px;
}
.t20 {
  margin-top: 20px;
}
.t30 {
  margin-top: 30px;
}
.t40 {
  margin-top: 40px;
}
.t50 {
  margin-top: 50px;
}
.t60 {
  margin-top: 60px;
}
.b5 {
  margin-bottom: 5px;
}
.b10 {
  margin-bottom: 10px;
}
.b15 {
  margin-bottom: 15px;
}
.b20 {
  margin-bottom: 20px;
}
.b30 {
  margin-bottom: 30px;
}
.b40 {
  margin-bottom: 40px;
}
.b50 {
  margin-bottom: 50px;
}
.b60 {
  margin-bottom: 60px;
}
.center {
  text-align: center;
}
.small {
  font-size: 0.8em;
}
@media screen and (min-width: 1001px) {
  .grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
@media screen and (min-width: 1001px) {
  .grid .col-1 {
    -ms-flex-preferred-size: 8.333333333333334%;
        flex-basis: 8.333333333333334%;
  }
}
.grid .col-1 img {
  text-align: center;
  width: 90%;
  height: inherit;
}
@media screen and (min-width: 1001px) {
  .grid .col-2 {
    -ms-flex-preferred-size: 16.666666666666668%;
        flex-basis: 16.666666666666668%;
  }
}
.grid .col-2 img {
  text-align: center;
  width: 90%;
  height: inherit;
}
@media screen and (min-width: 1001px) {
  .grid .col-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
  }
}
.grid .col-3 img {
  text-align: center;
  width: 90%;
  height: inherit;
}
@media screen and (min-width: 1001px) {
  .grid .col-4 {
    -ms-flex-preferred-size: 33.333333333333336%;
        flex-basis: 33.333333333333336%;
  }
}
.grid .col-4 img {
  text-align: center;
  width: 90%;
  height: inherit;
}
@media screen and (min-width: 1001px) {
  .grid .col-5 {
    -ms-flex-preferred-size: 41.66666666666667%;
        flex-basis: 41.66666666666667%;
  }
}
.grid .col-5 img {
  text-align: center;
  width: 90%;
  height: inherit;
}
@media screen and (min-width: 1001px) {
  .grid .col-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
}
.grid .col-6 img {
  text-align: center;
  width: 90%;
  height: inherit;
}
@media screen and (min-width: 1001px) {
  .grid .col-7 {
    -ms-flex-preferred-size: 58.333333333333336%;
        flex-basis: 58.333333333333336%;
  }
}
.grid .col-7 img {
  text-align: center;
  width: 90%;
  height: inherit;
}
@media screen and (min-width: 1001px) {
  .grid .col-8 {
    -ms-flex-preferred-size: 66.66666666666667%;
        flex-basis: 66.66666666666667%;
  }
}
.grid .col-8 img {
  text-align: center;
  width: 90%;
  height: inherit;
}
@media screen and (min-width: 1001px) {
  .grid .col-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
  }
}
.grid .col-9 img {
  text-align: center;
  width: 90%;
  height: inherit;
}
@media screen and (min-width: 1001px) {
  .grid .col-10 {
    -ms-flex-preferred-size: 83.33333333333334%;
        flex-basis: 83.33333333333334%;
  }
}
.grid .col-10 img {
  text-align: center;
  width: 90%;
  height: inherit;
}
@media screen and (min-width: 1001px) {
  .grid .col-11 {
    -ms-flex-preferred-size: 91.66666666666667%;
        flex-basis: 91.66666666666667%;
  }
}
.grid .col-11 img {
  text-align: center;
  width: 90%;
  height: inherit;
}
@media screen and (min-width: 1001px) {
  .grid .col-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.grid .col-12 img {
  text-align: center;
  width: 90%;
  height: inherit;
}
.annotation:before {
  content: "※";
}
@media screen and (min-width: 769px) {
  .aside {
    -ms-flex-preferred-size: 290px;
        flex-basis: 290px;
  }
}
.aside__banner {
  margin-bottom: 20px;
}
.aside__bannerlist li {
  text-align: center;
  margin-bottom: 20px;
}
.aside__archives {
  margin-bottom: 20px;
}
.aside__facebook {
  margin-bottom: 20px;
}
#footer {
  background-color: #f0f1ed;
}
#footer__copyright {
  font-size: 0.8em;
}
@media screen and (min-width: 769px) {
  #footer__copyright {
    grid-row: 2/3;
    grid-column: 2/3;
  }
}
@media screen and (max-width: 768px) {
  #footer__copyright {
    text-align: center;
  }
}
#footer .section_inner {
  color: #666;
}
@media screen and (min-width: 769px) {
  #footer .section_inner {
    display: grid;
    grid-template-columns: 200px 1fr;
  }
}
@media screen and (min-width: 769px) {
  #footer__logo {
    grid-row: 1/3;
    grid-column: 1/2;
  }
}
@media screen and (max-width: 768px) {
  #footer__logo {
    text-align: center;
  }
}
@media screen and (min-width: 769px) {
  #footer__nav {
    grid-row: 1/2;
    grid-column: 2/3;
  }
}
#footer__nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
  #footer__nav__list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media screen and (max-width: 768px) {
  #footer__nav__list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#footer__nav__list li {
  margin-right: 2em;
  text-align: left;
}
#footer__nav__list li a {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
}
#header {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #f0f1ed;
  position: relative;
/*z-index 0
 overflow hidden
 &:before
  content ''
  background inherit
  filter blur(5px)
  position absolute
  top -5px
  left -5px
  right -5px
  bottom -5px
  z-index -1*/
}
@media screen and (min-width: 769px) {
  #header .section_inner {
    padding-top: 80px;
  }
}
@media screen and (max-width: 768px) {
  #header .section_inner {
    padding-top: 50px;
  }
}
#header__navButton {
  z-index: 10;
  width: 40px;
  height: 40px;
  top: 10px;
  left: 10px;
  position: absolute;
  border: 0;
  border-radius: 50%;
  background: #083450;
}
@media screen and (min-width: 769px) {
  #header__navButton {
    display: none;
  }
}
#header__navButton:after,
#header__navButton:before,
#header__navButton span {
  display: block;
  position: absolute;
  height: 4px;
  width: 60%;
  margin: auto;
  background: #fff;
  border-radius: 2px;
}
#header__navButton:after {
  content: "";
  top: 65%;
  left: 20%;
  right: 20%;
}
#header__navButton:before {
  content: "";
  top: 25%;
  left: 20%;
  right: 20%;
}
#header__navButton span {
  top: 45%;
  left: 20%;
  right: 20%;
}
#header__nav {
  z-index: 9;
  position: fixed;
  width: 100%;
  background-color: #fff;
  left: 0;
  top: 0;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
          box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5);
}
@media screen and (min-width: 769px) {
  #header__nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
@media screen and (max-width: 768px) {
  #header__nav__list {
    display: none;
  }
}
#header__nav__list li {
  -ms-flex-preferred-size: 20%;
      flex-basis: 20%;
  text-align: center;
}
#header__nav__list li a {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
}
#header__logo {
  text-align: center;
}
@media screen and (min-width: 769px) {
  #header__logo img {
    width: 400px;
    height: inherit;
  }
}
@media screen and (max-width: 768px) {
  #header__logo img {
    width: 80vw;
    height: inherit;
  }
}
@media screen and (min-width: 769px) {
  #main_section .section_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  #main_section .section_inner main {
    margin-right: 20px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
#airtic__header {
  margin-bottom: 20px;
}
#airtic__header h1 {
  font-family: "Noto Sane Jpanese";
  font-size: 1.5em;
}
#airtic__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.7em;
  line-height: 1;
  vertical-align: middle;
  color: #fff;
  text-align: center;
  width: 5em;
  height: 5em;
  border-radius: 50%;
  background-color: #91ac52;
}
#airtic__body {
  margin-bottom: 20px;
}
#airtic__body__eyecatch {
  margin-bottom: 20px;
}
#airtic__body__eyecatch img {
  width: 100%;
  height: inherit;
}
#airtic__body figure {
  text-align: center;
  margin-bottom: 20px;
}
#airtic__body figcaption {
  text-align: center;
}
#airtic__body img.fullscreen {
  width: 90%;
  height: inherit;
  text-align: center;
}
#airtic__body img.half {
  text-align: center;
}
@media screen and (min-width: 1001px) {
  #airtic__body img.half {
    width: 45%;
    height: inherit;
  }
}
@media screen and (max-width: 1000px) and (min-width: 769px) {
  #airtic__body img.half {
    width: 90%;
    height: inherit;
  }
}
@media screen and (max-width: 768px) {
  #airtic__body img.half {
    width: 90%;
    height: inherit;
  }
}
#airtic__body img.responsive {
  text-align: center;
}
@media screen and (max-width: 1000px) and (min-width: 769px) {
  #airtic__body img.responsive {
    width: 90%;
    height: inherit;
  }
}
@media screen and (max-width: 768px) {
  #airtic__body img.responsive {
    width: 90%;
    height: inherit;
  }
}
#airtic__body ul,
#airtic__body ol {
  list-style-type: disc;
  margin-left: 2em;
  margin-bottom: 2em;
  margin-top: 2em;
}
#airtic__body h2 {
  font-family: "Noto Sane Jpanese";
  font-size: 1.4em;
  border-left: 6px solid #a0b86a;
  background-color: #f9f9f9;
  padding: 15px 0 15px 0.5em;
}
#airtic__body h3 {
  font-family: "Noto Sane Jpanese";
  font-size: 1.4em;
  border-bottom: 2px solid #a0b86a;
  padding-bottom: 10px;
}
#airtic__body h4 {
  font-size: 1.2em;
  font-family: "Noto Sane Jpanese";
}
#airtic__body h2,
#airtic__body h3,
#airtic__body h4 {
  margin-top: 2em;
  margin-bottom: 1em;
}
#airtic__body table {
  border-collapse: collapse;
  width: 100%;
}
#airtic__body th,
#airtic__body td {
  padding: 10px;
  border: 1px solid #ddd;
}
#airtic__body th {
  background: #f4f4f4;
}
#airtic__body p {
  margin-bottom: 2em;
}
#airtic__body strong,
#airtic__body b {
  font-weight: bold;
  text-decoration: underline;
}
#airtic__body strong.yellow {
  font-weight: bold;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff6));
  background: linear-gradient(transparent 60%, #ff6 60%);
  text-decoration: none;
}
#airtic__body strong.pink {
  font-weight: bold;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #f6f));
  background: linear-gradient(transparent 60%, #f6f 60%);
  text-decoration: none;
}
#airtic__body strong.green {
  font-weight: bold;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #6fc));
  background: linear-gradient(transparent 60%, #6fc 60%);
  text-decoration: none;
}
@font-face {
  font-family: "Noto Sane Jpanese";
  font-style: normal;
  font-weight: 500;
  src: url("./font/NotoSansCJKjp-Medium.eot");
  src: url("./font/NotoSansCJKjp-Medium.eot?#iefix") format('embedded-opentype'), url("./font/NotoSansCJKjp-Medium.woff") format('woff'), url("./font/NotoSansCJKjp-Medium.ttf") format('truetype');
}
@font-face {
  font-family: "Noto Sane Jpanese";
  font-style: normal;
  font-weight: 700;
  src: url("./font/NotoSansCJKjp-Bold.eot");
  src: url("./font/NotoSansCJKjp-Bold.eot?#iefix") format('embedded-opentype'), url("./font/NotoSansCJKjp-Bold.woff") format('woff'), url("./font/NotoSansCJKjp-Bold.ttf") format('truetype');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: url("./font/Oswald-Bold.eot");
  src: url("./font/Oswald-Bold.eot?#iefix") format('embedded-opentype'), url("./font/Oswald-Bold.woff") format('woff'), url("./font/Oswald-Bold.ttf") format('truetype');
}
body {
  font-family: "Lucida Grande", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 16px;
  line-height: 1.8em;
  color: #000;
  font-weight: normal;
}
a:link {
  color: #083450;
  text-decoration: underline;
}
a:visited {
  color: #083450;
  text-decoration: underline;
}
a:active {
  color: #083450;
  text-decoration: underline;
}
a:hover {
  color: #083450;
  text-decoration: underline;
}
@media screen and (min-width: 1001px) {
  .section_inner {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 1000px) and (min-width: 769px) {
  .section_inner {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .section_inner {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.sns__buttonlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.sns__buttonlist li {
  margin-left: 20px;
  margin-right: 20px;
}
@media screen and (min-width: 769px) {
  #case__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#case__list article {
  margin-bottom: 20px;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.05);
          box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.05);
}
@media screen and (min-width: 769px) {
  #case__list article {
    width: 48%;
    -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
  }
}
@media screen and (max-width: 768px) {
  #case__list article {
    width: 100%;
  }
}
#case__list article a {
  text-decoration: none;
  color: #083450;
}
#case__list article:nth-child(odd) {
  margin-right: 20px;
}
#case__list article figure {
  margin-bottom: 10px;
}
#case__list article figure img {
  width: 100%;
  height: inherit;
}
#case__list article h1 {
  padding: 10px;
  font-size: 1em;
}
.case__details__list {
  font-size: 0.8em;
  line-height: 1.5;
  text-decoration: none;
  padding: 10px;
}
.case__details__list dt {
  display: inline-block;
  color: #999;
}
.case__details__list dt:after {
  content: "：";
}
.case__details__list dt:nth-child(n + 2):before {
  content: "／ ";
}
.case__details__list dd {
  font-weight: bold;
  color: #000;
  margin-right: 0.5em;
  display: inline-block;
}
.pickup__section {
  background-color: #f0f1ed;
}
@media screen and (min-width: 769px) {
  .pickup__section .section_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.pickup__section .section_inner .pickup__article {
  -ms-flex-preferred-size: 32%;
      flex-basis: 32%;
  background-color: #fff;
}
.pickup__section .section_inner a {
  text-decoration: none;
}
.pickup__section .section_inner a:hover h1 {
  text-decoration: underline;
}
.pickup__section .section_inner figure img {
  width: 100%;
  height: inherit;
}
.pickup__section .section_inner .pickup__content {
  position: relative;
  padding: 40px 20px;
}
.pickup__section .section_inner .pickup__content h1 {
  font-family: "Noto Sane Jpanese";
  font-size: 1.2em;
  font-weight: bold;
}
.pickup__section .section_inner .pickup__content date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: -30px;
  left: 10px;
  font-size: 0.7em;
  line-height: 1;
  vertical-align: middle;
  color: #fff;
  text-align: center;
  width: 5em;
  height: 5em;
  border-radius: 50%;
  background-color: #91ac52;
}
#articles_list article {
  padding-top: 30px;
  padding-bottom: 30px;
  clear: both;
}
#articles_list article date {
  color: #666;
  font-size: 0.8em;
  font-weight: bold;
}
#articles_list article a {
  text-decoration: none;
  color: #000;
}
#articles_list article a:hover h1 {
  text-decoration: underline;
}
#articles_list article h1 {
  font-family: "Noto Sane Jpanese";
  font-size: 1.2em;
  margin-bottom: 1em;
}
@media screen and (min-width: 769px) {
  #articles_list article figure {
    float: left;
    margin-right: 20px;
  }
}
@media screen and (max-width: 768px) {
  #articles_list article figure {
    text-align: center;
  }
}
@media screen and (min-width: 1001px) {
  #articles_list article figure img {
    width: 320px;
    height: inherit;
  }
}
@media screen and (max-width: 1000px) and (min-width: 769px) {
  #articles_list article figure img {
    width: 30vw;
    height: inherit;
  }
}
@media screen and (max-width: 768px) {
  #articles_list article figure img {
    width: 100%;
    height: inherit;
  }
}
#contact__senction__form {
  margin-bottom: 1em;
  line-height: 1em;
}
#contact__senction__form a {
  text-decoration: none;
  font-family: "Noto Sane Jpanese";
  border-radius: 10px;
  border: 1px solid #ffb400;
  background-color: #ffb400;
  display: block;
  text-align: center;
  padding-top: 1em;
  padding-bottom: 1em;
  color: #fff;
  font-weight: bold;
}
#contact__senction__form a h1 {
  font-size: 1.8em;
  line-height: 1;
}
#contact__senction__tel {
  color: #6c6c6c;
  text-decoration: none;
  font-family: "Noto Sane Jpanese";
  border-radius: 10px;
  border: 1px solid #7cc124;
  display: block;
  text-align: center;
  padding-top: 1em;
  padding-bottom: 1em;
}
#contact__senction__tel h1 {
  font-size: 2.2em;
  line-height: 1;
}
#form_list dt {
  font-size: 1.2em;
  font-weight: bold;
}
#form_list dd {
  margin-bottom: 2em;
}
#form_list dd input.wpcf7-text {
  width: 100%;
  padding: 0.4em;
  font-size: 1.4em;
}
#form_list dd textarea.wpcf7-textarea {
  width: 100%;
  padding: 0.4em;
  font-size: 1.4em;
}
#freeinspection__step__list dt {
  float: left;
  width: 4em;
  text-align: center;
  font-family: "Noto Sane Jpanese";
  background-color: #86b016;
  border: 2px solid #86b016;
  border-radius: 6px;
  color: #fff;
  padding: 2em;
}
#freeinspection__step__list dd {
  margin-bottom: 2em;
  font-family: "Noto Sane Jpanese";
  border-radius: 6px;
  border: 2px solid #86b016;
  padding: 2em 2em 2em 14em;
}
#index_pickup_section {
  background-color: #f0f1ed;
}
.outline__list {
  border-top: 1px dotted #ccc;
}
.outline__list dt {
  font-weight: bold;
}
@media screen and (min-width: 769px) {
  .outline__list dt {
    width: 10em;
    float: left;
    clear: left;
    margin-top: 20px;
    margin-bottom: 20px;
    border-right: 2px solid #ccc;
  }
}
@media screen and (max-width: 768px) {
  .outline__list dt {
    padding-top: 20px;
  }
}
@media screen and (min-width: 769px) {
  .outline__list dd {
    border-bottom: 1px dotted #ccc;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 11em;
  }
}
@media screen and (max-width: 768px) {
  .outline__list dd {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 20px;
  }
}