@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700&display=swap');
/* レスポンシブ01 ホワイト */
:root {
    --first-color: #153c72;
    --second-color: #44b0c2;
    --third-color: #318dcd;
    --base-color: #e7f3fc;
}
body {
  font-family: 'Noto Sans JP',游ゴシック体,YuGothic,游ゴシック,Yu Gothic,メイリオ,Hiragino Kaku Gothic ProN,Hiragino Sans,Helvetica,Roboto,sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size:17px;
    color: #444;
}
#mainContents {
  padding-top: 0;
}
.mainImage #slider li {
      height: auto !important;
}
.mainArticles .article .article_body.article_center .image, .mainArticles .article .article_body.article_center img {
  max-width: 100%;
}
a {
  color: #007ea5;
  transition: all .5s ease;
  font-weight: normal;
}
a:hover {
  color: #222;
  font-weight: normal;
}
.align-c{
  text-align:center;
}
.mainArticles .icon .image img {
    max-width: 128px !important;
}

.article.img200 .image,
.article.img200 .image img,
.article.img400 .image,
.article.img400 .image img {
    width: 100%;
  margin: 0 auto 10px;
}
.article.img200 .image,
.article.img200 .image img {
    max-width: 200px;
}
.article.img400 .image,
.article.img400 .image img {
    max-width: 400px;
}
.article a.btn,.freeHtml a.btn{
    min-width: 200px;
    width: 100%;
    margin: 12px auto;
    display: block;
    background: linear-gradient(90deg, var(--second-color), var(--third-color));
    border:none;
    box-shadow: 4px 4px 4px rgba(14, 132, 229, .3);
    border-radius: 999px;
    color: #FFF;
}
.article a.btn:hover,
.freeHtml a.btn:hover{
      opacity: .7;
    background: linear-gradient(90deg, var(--second-color), var(--third-color));
    color: #FFF;
}
.article a.btn {
    max-width: 600px;
    margin: 28px auto 10px;
}

#title_outer, div#title_body, div#footer_body, #topMenu_outer, #topMenu_body, #topMenu .topMenu, #mainTopics, #listTopics, #mainServices {
  width: 100%;
  min-width: inherit;
  max-width: 1200px;
}
.mainArticles .article, .mainArticles .gallery {
    margin-bottom: 3em;
}
.mainArticles .article.common_margin {
    margin-bottom: .8em;
}
.article p:last-of-type {
  margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
  body {
    font-size: 16px;
  }
}
@media only screen and (max-width: 600px) {
  body {
        font-size: 15px;
  }
  #mainContents {
  padding-top: 0;
  }
  .mainArticles .article, .mainArticles .gallery {
    padding-bottom: 10px;
  }
  .mainArticles .icon .image img {
    max-width: 64px !important;
}
  .mainArticles .icon.gray .image img {
    margin-top: 20px;
}
  .mainArticles .icon .image {
    margin-bottom: 0;
}
}


/*ヘッダー*/
#title,
#title_outer,
#title h1 a {
    height: 80px;
}
#title h1 a {
    width: 260px;
    background: url(/materials/175342660787101.png) left center no-repeat;
    background-size: 100%;
  text-indent: -9000px;
}
#title h1:hover{
  opacity:0.7;
}
#title_outer{
    background: url(/materials/175342660787102.png) right center no-repeat;
    background-size: 225px;
}
#footer, .article.bg {
    background: linear-gradient(145deg, var(--third-color), var(--second-color));
}
#mainImage{
  background:none;
}

@media only screen and (max-width: 600px) {
  #title, #title_outer, #title_body, h1 {
    height: auto;
  }
  #title {
        height: 56px;
}
  #title h1 {
    padding: 0;
  }
#title h1 a {
        background: url(/materials/175366996746101.png) left center no-repeat;
        background-size: 100%;
        height: 56px;
        background-size: 100%;
        margin: 0 auto 0 2%;
        width: 200px;
  }
  #title_outer{
    background: none;
    margin-right: auto;
  }
}

/*メニュー*/
#topMenu {
    min-height: auto;
    position: relative;
    background: none;
    border-bottom: solid 4px var(--first-color);
}
#topMenu .topMenu li a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: normal;
  line-height: 2.6em;
  font-size: 1.1em;
  color: #222;
}

#topMenu .topMenu li a:hover,
#topMenu .topMenu li:hover{
    background: unset;
}
#topMenu .topMenu li a:hover{
  background: var(--base-color);
  color: var(--first-color);
    transform: translatey(-4px);
}

@media only screen and (max-width: 600px) {
  #topMenu .topMenu li {
    border-color: #4d636b;
    font-size:1.1em;
  }
  #toggle, .active #toggle {
    background-color: var(--third-color);
}
  #topMenu .topMenu li a {
    justify-content: unset;
}
  #topMenu .topMenu li a:hover {
    transform: unset;
}
}

/*見出し*/
#mainArticles h2, #listTopics h2, #mainArticles .article h2, .mainContents .article h3, #mainTopics h2, #listTopics h2, .mainContents div.gallery h3, .article h4, .article h5, #mainServices h2, .article table.normalTbl th, a.btn, .serif, #footer_body li a, .sideContents h2, .menubox li a {
    font-weight: 700;
    font-optical-sizing: auto;
    font-style: normal;
}
.mainContents .article h3:after, .mainContents div.gallery h3:after,
#mainServices h2:after, #mainTopics h2:after, #mainArticles div[id^="blog"] h2:after {
    background-color: var(--first-color);
    left: 0;
    height: 3px;
}
#mainArticles h2, #mainServices h2, #mainTopics h2, #listTopics h2 {
  min-width: inherit;
    width: 100%;
}

#sideContents{
    background: var(--base-color);
    padding-bottom: 60px;
}
#mainArticles h2,#listTopics h2 {
  font-size: 2.2em;
  line-height: 1.2em;
  letter-spacing: .06em;
    color: var(--first-color);
    background: url(/materials/175342803593401.jpg) no-repeat bottom -10px center;
    background-size: cover;
    margin: 0;
    padding: 80px 0 20px;
    width: 100%;
}

#listTopics h2 {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}
.mainContents .article h3,
.mainContents div.gallery h3,
#mainArticles div[id^="blog"] h2,
#mainTopics h2{
  font-size: 1.8em;
  color: var(--first-color);
  padding-bottom: 10px;
  margin: 0 auto 1.6em;
  text-align: left;
  width: auto;
}
.mainContents .article.bg h3 {
  color: #397fdc;
}
.mainContents .article.bg h3::after {
  background: #397fdc;
}
.article h4 {
  border:none;
  padding: 12px 0 8px;
    font-size: 1.5em;
  display: flex;
  color: var(--third-color);
}
.article h4::after {
	position: unset;
	content: "";
	width: auto;
	background: var(--third-color);
	flex-grow: 1;
	margin: .6em 0 0 .4em;
	height: 2px;
}
.article h5 {
    padding: 8px 15px;
    margin-bottom: 1em;
    margin-top: 1.5em;
    font-size: 1.1em;
    border-radius: 4px;
    background: var(--first-color);
    color: #FFF;
    text-align: center;
}
.article h5::before {
  content: none;
}

@media only screen and (max-width: 600px){
  #mainArticles h2,#listTopics h2 {
    padding: 25px 10px;
    margin: 0 auto;
    margin-left: calc(50% - 50vw);
    font-size: 1.8em;
        background-position: center bottom;
}
  .mainContents .article h3, .mainContents div.gallery h3, #mainServices h2, #mainTopics h2 {
    font-size: 1.6em;
    padding-top: 1.5em;
  }
  .article.col3 h5 {
    margin: .6em 0 1em;
}
}

.mainArticles .article.bg h3,
.article.bg table.normalTbl th{
    color: #FFF;
}
.mainArticles .article.bg h3::after,
.article.bg h4::after {
    background: var(--base-color);
}
.article.bg h4 {
    border: none;
}
.article.bg table.normalTbl th {
    border-color: #84ccff;
}

/*リスト*/
ul.maru li {
    line-height: 1.4em;
    margin-bottom: 8px;
}
ul.maru li::before {
    font-size: .8em;
    color: var(--first-color);
    margin-right: .3em;
    margin-left: -1.3em;
}
/*faq*/
ul.faq {
    padding: 10px 0 20px;
    margin-bottom: 10px;
}
ul.faq li.qus, ul.faq li.ans {
    display: block;
    font-size: 100%;
    line-height: 1.8;
    padding-bottom: 14px;
    padding-left: 60px;
    padding-right: 25px;
}
ul.faq li.qus {
    background: var(--first-color);
    color: #fff;
    font-size: 1.1em;
    font-weight: 700;
    margin-bottom: 0;
}
 ul.faq li.ans {
    background: #FFF;
    line-height: 1.6em;
    padding-bottom:18px;
    }
ul.faq li.qus::before, ul.faq li.ans::before {
    color: #404040;
    display: inline-block;
    font-size: 1.8em;
    font-weight:bold;
    line-height:1.6em;
    margin: 0 14px 0 -46px;
    text-align: center;
    background: none;
}
ul.faq li.qus::before {
    content: "Q";
    color: #fff;
}
ul.faq li.ans::before {
    content: "A";
    color: #1b305e;
}

/*リンク*/
.menubox{
    overflow:hidden;
  	margin: 12px 0;
}
.menubox li a{
    width: 48%;
    float: left;
    border-radius: 3px;
    text-align: center;
    margin: 0 1% 10px;
    padding: 8px;
    font-feature-settings: 'palt';
    color: var(--first-color);
    text-decoration: none;
    border: solid 1px var(--first-color);
    background: #FFF;
}
ul.menubox.col3 a {
    width: 31.2%;
}
.menubox li a:hover {
    background: #bbd2f2;
}
.menubox li a:before{
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  border: 0;
  border-top: solid 3px var(--second-color);
  border-right: solid 3px var(--second-color);
  margin-right: 10px;
  transform: rotate(45deg);
}

/*サブメニュー*/
#sideContents h2 {
    background: url(/themes/responsive/html1/08_002/colors/ylw/submenu.png) no-repeat left center / 32px;
    padding: 14px 0 14px 44px;
    color: #212346;
}
#sideContents .sideMobile h2 {
    background: url(/themes/responsive/html1/08_002/colors/ylw/sidemobile.png) no-repeat left center / 32px;
}
#sideServices a, #sideBlogCategories a, #sideBlogDates a, #sideMobile a {
  display: flex;
  padding: 8px 15px;
  border-radius: 6px;
  background: none;
  align-items: center;
  color: #000000;
}
#sideServices a:hover, #sideBlogCategories a:hover, #sideBlogDates a:hover, #sideMobile a:hover {
  text-decoration: none;
    color: var(--third-color);
}
.sideMobile p {
  color: #000000;
}
.freeHtml {
  margin: 0;
}
.sideBlogCategories ul {
  flex-direction: column;
  display: flex;
}
#sideBanners {
  margin: 30px 0;
}
.side-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    background:  #FFF;
    padding: 20px;
    gap: 30px;
}
.side-wrap .side-logo img {
  max-width: 260px;
    width: 100%;
}
.side-wrap .side-info {width: 56%;}
.side-info table.normalTbl {
    width: 100%;
}
.side-info table.normalTbl th,.side-info table.normalTbl td {
    border-bottom: dotted 1px #999;
    line-height: 1.4em;
    padding: 6px 12px;
    font-size:.9em;
}
.side-info table.normalTbl th {
    border-bottom: solid 1px var(--third-color);
}
.side-wrap * {
    color: #222;
}
.freeHtml a.btn {
    margin: 12px 0 0;
}
#contact {
    margin-bottom: 0;
}
#contact .image {
  max-width:700px;
}
@media only screen and (max-width: 980px) {
  #sideServices {
    display: block;
    margin-top: 14px;
  }
  .side-wrap {
    display: block;
}
.side-wrap .side-info {
    width: 100%;
}
.side-info table.normalTbl th, .side-info table.normalTbl td,
  .article table.normalTbl th, .article table.normalTbl td {
    display: block;
    width: 100%;
    padding: 8px 0;
}
}

table.contactTable input[type="text"],
table.contactTable input[type="password"],
table.contactTable textarea {
    background: #FFF;
    border: solid 1px #DDD;
}
.article table#flowTbl td strong {
    color: var(--third-color);
}
.article table#flowTbl td::after {
    top: auto;
    bottom: -0.55em;
    font-size: 5em;
    transform: scaleY(0.4);
  line-height: 1em;
  color:#f0f0f0;
}
.article table#flowTbl td {
  border: none;
  border-radius: 4px;
  margin-bottom: 1.5em;
  background:#f0f0f0;
  z-index: 1;
}
.article table#flowTbl tr:last-child td {
  background: var(--third-color);
}

/*フッター*/
#footer {
    padding: 20px 0 14px;
}
.footer ul.topMenu {
  justify-content: center;
}
.footer ul.topMenu li {
  flex: none;  
}
.footer ul.topMenu a,
.footer ul.services a {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    justify-content: center;
    font-size: 0.9em;
}
.footer ul.topMenu a:hover,
.footer ul.services a:hover {
    color: #59d7ff;
    font-weight: normal;
}

.footer .copyright, .footer .copyright a {
    font-size: .9em;
    letter-spacing: .1em;
    color: #FFF;
}

@media only screen and (max-width: 600px) {
  #footer {
    padding-top: 0;
  }
.footer ul.topMenu:before, .footer ul.services:before {
    background-color: #282828;
}
.footer ul.topMenu, .footer ul.services {
    background: #333;
}
  .footer ul.topMenu li, .footer ul.services li {
    border-bottom: none;
  }
  .footer ul.services {
    display: none;
  }
  .footer ul.topMenu a, .footer ul.services a {
    font-weight: normal;
  }
  .footer .copyright {
    margin-top: 10px;
    padding: 0;
  }
  #sideServices li {
    list-style: square;
    color: #222;
}
#sideServices ul {
    padding-left: 20px;
}
#sideServices li a {
    padding: 4px;
}
}

/*最新情報*/
.mainTopics .topics {
    margin-top: 50px;
}
#mainTopics h2 {
  font-size: 1.8em;
    text-align: left;
}
#mainTopics .topics li .thumb, #mainTopics .topics li .thumb img {
  max-width: 180px;
}
.mainTopics .topics li .date {
  display: inline-block;
  padding: 4px 14px;
  background: #ecedf3;
  font-size: 0.9em;
  color: #666;
  margin-bottom: 4px;
}
.mainTopics .topics li .more a {
    border: none;
    background-color: var(--third-color);
    }

.mainTopics .topics li .more a:hover {
    border: none;
    background-color: #65cce8;
    color:#FFF;
}
#mainTopics .topics h3 a,.mainTopics .topics li h3 a {
  text-decoration: none;
  color: #333;
  font-size: 1.1em;
}
#mainTopics .topics h3 a:hover,.mainTopics .topics li h3 a:hover {
  color: #666;
}

#mainTopics {
  max-width: 980px;
  margin-bottom: 10px;
}
.mainTopics .topics {
    min-width: unset;
}
.mainTopics .topics, #mainTopics .listview {
  border-bottom: none;
}
#mainTopics .listview {
  text-align: right;
}

@media only screen and (max-width: 600px) {
  #mainTopics .topics {
  margin-top: 20px;
    margin-bottom: 2%;
    padding: 0;
  }
  #mainTopics .topics li {
    padding: 15px;
    min-height: inherit;
  }
  #mainTopics .topics .description {
    font-size: 1em;
  }
  #mainTopics .topics li .more a {
    font-size: 1em;
    padding: 4px 20px;
  }
}
@media only screen and (max-width: 400px) {
  #mainTopics .topics li .more {
  position: unset;
  margin: -4px 0 4px;
}
}

/*サイト案内*/
.gallery.info-link {
    background: linear-gradient(0deg, var(--first-color) 0%, var(--first-color) 50%, transparent 50%, transparent 100%);
    margin-top: 40px;
}
.gallery.info-link .gallery_grid li.galleryGrid .image {
  margin-bottom: 0;
}
.gallery.info-link .image,
.gallery.info-link .comment{
    background: #fff;
}
.gallery.info-link .comment {
  padding: 10px 15px;
  max-width: 360px;
  margin: 0 auto;
  font-size: 1em;
}

  #info-link .image a {
    display: inline-block;
    padding: 2px;
    box-sizing: border-box;
    border-radius: 4px;
    background: #222;
}
#info-link .image a img {
    opacity: 0.6;
}
#info-link .image a:hover,#info-link .image a:hover img {
    opacity: 1;
}
#info-link .comment {
    font-size: 1em;
  	pointer-events: none;
}
#info-link .comment::before {
    content: '≫';
    font-weight: bold;
    margin-right: 10px;
    color: #c3ac65;
}

.mainArticles .article.max .article_left:not(.image, img) {
    padding-right: 0;
}

@media only screen and (max-width: 600px) {
  .gallery.info-link {
    background: linear-gradient(0deg,var(--third-color) 0%,var(--third-color) 70%,transparent 70%,transparent 100%);
    margin-top: 0;
}
  .gallery.info-link .image {
    max-width: 260px !important;
    margin: 0 auto 5px;
  }
  .gallery.info-link .comment {
    max-width: 260px;
  }
  .gallery.info-link.serviceNavi {
    margin-top: 10px;
  }
  .gallery.info-link.serviceNavi .gallery_grid li.galleryGrid {
    width: 49.9% !important;
  }
}

/*テーブル*/
.article table.normalTable {
  width: 100%;
}
.article table.normalTable th, .article table.normalTable td {
  padding: 15px 15px;
  border-right: none;
}
.article table.normalTbl thead th {
    background: #eeeeee;
    color: #333;
}
.article table.normalTbl th,
table.contactTable th{
  color: #333;
  border-color: var(--third-color);
}
.article table.normalTbl th,
.article table.normalTbl td {
    padding: 12px 20px;
}

@media only screen and (max-width: 600px) {
  .article table.normalTable {
    border-bottom: none;
  }
  .article table.normalTbl th, .article table.normalTbl td {
    padding: 10px 2px;
}
  .article table.normalTable th {
    white-space: nowrap;
    border-bottom: none;
  }
  .article table.normalTable td {
    border-bottom: solid 1px #ccc;
  }
  .article table.normalTable th,
  .article table.normalTable td{
  display:block;
    text-align: left;
}
  .article table.normalTbl {
    border: none;
}
.article table.normalTbl th {
    background: none;
    padding: 6px 0;
}


table.normalTbl.price thead {
    display: none;
}
table.normalTbl.price tr {
    display: block;
    border-bottom: solid 1px #424789;
}
table.normalTbl.price th {
    display: block;
    padding: 10px;
}
table.normalTbl.price th::before {
content: attr(data-label);
    float: left;
    font-weight: bold;
}
table.normalTbl.price td {
    display: block;
    padding: 10px;
    text-align: right;
}
table.normalTbl.price td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    font-feature-settings: 'palt';
    color: #424789;
}
.article table.normalTbl.price {
    border: none;
    font-size:.9em;
}
}

/*背景*/
.article.gray {
  background: #f0f0f0;
}
.gallery.bg {
  background: #f8f8f8;
  margin-bottom: 0;
}
@media only screen and (max-width: 600px) {
  .gallery.bg .gallery_grid li.galleryGrid {
    margin-bottom: 15px;
  }
  .gallery.bg .gallery_grid li.galleryGrid .comment {
    align-items: center;
  }
  .mainArticles .article.col2.gray {
  margin-bottom: 0;
  padding-bottom: 10px;
}
  
  .article.bg .article_body {
    flex-direction: column;
  }
  .article.bg .image {
    width: 100%;
  }
  
}

/*envelope*/
.envelope {
    border: solid 1px #999;
    margin: 1.5em auto;
}

/*SP時ギャラリー調整*/
@media only screen and (max-width: 600px) {
  .gallery_grid2 li.galleryGrid, .gallery_grid3 li.galleryGrid{
    width: 100% !important;
  }
  .info-link .gallery_grid4 li.galleryGrid {
  width: 49%;
}
  .mainArticles div.gallery {
    padding: 0 3% 24px;
  }
}


/*フォーム*/
.formConfirmation #mainArticles h2 {
    margin: 0 calc(50% - 50vw);
}
table.contactTable input[type="button"],
table.contactTable input.button {
    width: 46%;
    display: inline-block;
    margin: 2%;
    height: 4em;
}

table.contactTable input.button {
  background: var(--third-color);
  border: none;
  transition: all .5s ease;
}
table.contactTable input.button:hover {
  border: none;
  background: #027e9f;
  color: #FFF;
}
@media only screen and (max-width: 600px) {
  .formConfirmation #mainArticles h2 {
    margin: 0 -16px 20px;
}
  table.contactTable {
    border: none;
}
table.contactTable th {
    background: unset;
    border: none;
    border-top: #CCC solid 1px;
    padding-bottom: 0;
}
table.contactTable td {
    padding-bottom: 12px;
}
  table.contactTable input[type="button"], table.contactTable input.button {
    width: 100%;
    display: block;
    margin: 0 0 12px;
}
}
@media only screen and (min-width: 740px) {
table.contactTable label {
    display:block;
    width: 49%;
}
}


/*----------------------------------------------------------
画面下部固定のリンクパーツ
----------------------------------------------------------*/
#wrap {
    margin-bottom: 100px;
}
#bLink {
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 100;
height: 100px;
overflow: hidden;
padding: 5px 0;
    background: #ff9d26;
    background: linear-gradient(333deg, #ff9d26 0%, #ffa730 40%, #ffb821 80%, #e9c900 100%);
box-sizing: border-box;
box-shadow:0 0 10px 0 #929587;
}
#bLink_outer {
      max-width: 860px;
      height: 100px;
      margin: auto;
      display: grid;
      grid-template-columns: 420px 400px;
      gap: 40px;
}
#bLink p.bTel {
display: inline-block;
vertical-align: middle;
    width: 420px;
}
#bLink p.bMail {
 display: inline-block;
vertical-align: middle;
 width: 400px;}

#bLink p.bTel,
#bLink p.bMail {
  display: grid;
  place-items: center;
}

@media only screen and (max-width: 920px) {
#bLink p.bTel,#bLink p.bMail {
  width: auto;
}
#bLink_outer {
  grid-template-columns: 50% 46%;
  gap: 2%;
}
}
body.body-media-pc.ams-build #bLink {
    position: static;
}
img {
    max-width: 100%;
}

#bottomLink {
  display: none;
}
@media only screen and (max-width: 600px) {
  #bLink{
  display: none;
}
  /*call*/
#bottomLink {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 1000;
    height: 50px;
    overflow: hidden;
    box-shadow: 0px -1px 3px 1px rgb(0 0 0 / 40%);
}
#bottomLink1,
#bottomLink2 {
  display: block;
  width: 50%;
  height:56px;
  float: left;
}
#bottomLink a {
    display: inline-block;
    padding: 2px 0;
    color: #fff;
        background: var(--third-color);
    text-decoration: none;
    font-weight:bold;
    font-feature-settings:
    'palt';
    line-height: 3.2em;
    height: 100%;
    width: 100%;
}
#bottomLink2 a {
    background: var(--first-color);
}
#bottomLink1 a:before, #bottomLink2 a:before{
    display: inline-block;
    content:'';
    width: 16px;
    height: 16px;
    margin-right:4px;
    background: url(/materials/175366549265902.png)no-repeat;
    background-size: 100%;
}
 #bottomLink2 a:before {
    background: url(/materials/175366549265901.png)no-repeat;
    background-size: 100%;
}
#wrap {
    margin-bottom: 50px;
}
}


/*ブログ*/
#mainArticles div[id^="blog"] {
  margin: 0 auto;
  padding-bottom: 0;
}
#mainArticles div[id^="blog"]:last-of-type {
  padding-bottom:32px;
}
#mainArticles div[id^="blog"] h3 a,
#mainArticles div[id^="blog"] h3 a:hover {
    font-weight: bold;
}
@media only screen and (max-width: 600px) {
  #mainArticles div[id^="blog"] {
    padding: 4% 4% 0;
}
  #mainArticles div[id^="blog"]:last-of-type {
  padding-bottom:4%;
}
  #mainArticles div[id^="blog"] .article_body {
  padding: 4%;
}
}