@charset "UTF-8";

/* ==========================================================

title : 
scope : /blog_curat/

========================================================== */

html {
  min-width: inherit;
}

body {
  background: none;
}

@media screen and (max-width: 767px) {
  body {
    max-width: 100%;
    min-width: 375px;
  }
}

div,
p,
ul,
li,
img,
h1,
h2 {
  margin: 0;
  padding: 0;
}

ul,
section,
figure,
aside {
  display: block;
  margin: 0;
  padding: 0;
}

.hide_pc {
  display: none;
}

@media only screen and (max-width: 767px) {
  .hide_pc {
    display: block;
  }

  .hide_sp {
    display: none;
  }
}

img {
  width: 100%;
  height: auto;
}

.content h1 {
  margin: 0 auto;
  text-align: center;
}

.content h1 > img {
  max-width: 1000px;
}

p.lead {
  font-size: 1.6rem;
  letter-spacing: .02em;
  line-height: 1.71;
  margin: 30px auto 0;
  max-width: 720px;
}

@media only screen and (max-width: 767px) {
  p.lead {
    padding: 0 1.063em;
  }
}

.main_box {
  max-width: 1000px;
  width: auto;
}

.blog_category {
  position: relative;
  width: 950px;
  height: 48px;
  line-height: 48px;
  margin: 48px auto 0;
  font-size: 22px;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
  background: url(../image/bg_h2.png) 0 0 / auto 100% no-repeat;
  padding: 0 28px;
}

@media only screen and (max-width: 767px) {
  .blog_category {
    align-items: center;
    background: url(../image/bg_h2_sp.png) 0 0 / auto 100% no-repeat;
    display: grid;
    font-size: 18px;
    height: 55px;
    line-height: 1.2;
    margin: 48px 1rem 0;
    padding: 4px 30px;
    width: auto;
  }
}

.blog_category span {
  display: inline-block;
}

.blog_category.heading_senryu {
  background: url(../image/bg_h2_senryu.png) 0 0 / auto 100% no-repeat;
}

@media only screen and (max-width: 767px) {
  .blog_category.heading_senryu {
    background: url(../image/bg_h2_senryu_sp.png) 0 0 / auto 100% no-repeat;
  }
}

ul.blog_list {
  display: flex;
  flex-wrap: wrap;
  margin: 30px auto 0;
  max-width: 910px;
}

@media only screen and (max-width: 767px) {
  ul.blog_list {
    justify-content: center;
  }
}

@media only screen and (max-width: 767px) {

  ul.blog_list:not(.list_01) {
    gap: 1.5rem 1rem;
    grid-template-columns: 1fr 1fr;
    width: 100%;
  }
}

ul.blog_list.list_01 {
  background: url(/blog_curat/image/bg_bloglist_col1.jpg) no-repeat right 101%/260px auto;
/* background: url(/blog_curat/image/bg_bloglist.png) no-repeat right bottom/634px 410px;*/
}

@media only screen and (max-width: 767px) {
  ul.blog_list.list_01 {
    background: none;
    padding: 0 2rem;
  }
}


ul.blog_list.list_02 {
  position: relative;
  margin: 100px auto 0;
}

ul.blog_list.list_02::before {
  position: absolute;
  display: block;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #94722d;
  left: 0;
  top: -50px;
}

ul.blog_list.list_tado li.blank {
  background: url(/blog_curat/image/blank03.png) no-repeat center;
  background-size: contain;
}

ul.blog_list.list_shuga li.blank {
  background: url(/blog_curat/image/blank04.png) no-repeat center;
  background-size: contain;
}

.blog_category + ul.blog_list {
  margin-top: 1.4rem;
}

ul.blog_list li {
  background-color: #fcf0e4;
  margin: 0 20px 0 0;
  width: 290px;
}

@media only screen and (max-width: 767px) {
  ul.blog_list li {
    margin: 0 auto;
    width: 100%;
  }

  ul.blog_list:not(.list_01) li {
    margin: 0;
    max-width: 44%;
  }
}

ul.blog_list li a{
  color: #000;
}

ul.blog_list li img{
  height: auto;
  width: 100%;
}

ul.blog_list li a:hover img{
  opacity: .7;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  ul.blog_list li a:hover img {
    opacity: 1;
  }
}

ul.blog_list li:nth-child(3n) {
  margin:  0;
}

@media only screen and (max-width: 768px) {
  ul.blog_list li:nth-child(3n) {
    margin: 15px auto 0;
  }
  ul.blog_list.list_02 li:nth-child(3n),
  ul.blog_list.list_senryu li:nth-child(3n) {
    margin: 0;
  }
}

@media only screen and (max-width: 768px) {
  .blog_list:not(.list_01) li .ttl_box {
    height: 46px;
  }
  .blog_list:not(.list_01) li .ttl_box p {
    align-items: center;
    display: flex;
    height: 100%;
  }
}

ul.blog_list li .ttl_box p {
  color: #fff;
  font-size: 17px;
  font-weight: 600;
  margin: 0;
  line-height: 38px;
  padding: 0 0 0 46px;
  position: relative;
}

@media only screen and (max-width: 767px) {
  ul.blog_list:not(.list_01) li .ttl_box p {
    font-size: 1.4rem;
    line-height: 1.2;
    padding: 0 24px;
  }
}

ul.blog_list li.list_02_14 .ttl_box p {
  font-size: 15px;
  line-height: 1.13333;
  padding-top: 2px;
  padding-bottom: 2px;
}

@media only screen and (max-width: 767px) {
  ul.blog_list li.list_02_14 .ttl_box p {
    font-size: 1.4rem;
  }
}

ul.blog_list li .ttl_box p::after{
  content: "";
  position: absolute;
  right: 5px;
  top: 0;
  bottom: 0;
  margin: auto 0;;
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


@media only screen and (max-width: 767px) {
  ul.blog_list:not(.list_01) li .ttl_box p::after{
    content: "";
    background: url(../image/ico_arrow_sp.png) 96% 50% / 3.5vw auto no-repeat;
    border: none;
    width: 20px;
    height: 16px;
    transform: none;
  }
}

ul.blog_list li .ttl_box figure {
  margin: 4px 0 0 0;
  height: 30px;
  text-align: right;
  width: 290px;
}

ul.blog_list li .ttl_box figure a:hover {
  opacity: .75;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  ul.blog_list li .ttl_box figure a:hover {
    opacity: 1;
  }
}

ul.blog_list li .ttl_box figure a img {
  height: 20px;
  width: auto;
}

ul.blog_list li .ttl_box h2 {
  border-left: 3px solid #ff60b6;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  letter-spacing: 1px;
  margin: 2px 0 0 0;
  padding: 0 7px 0;
  position: relative;
  height: 38px;
  line-height: 17px;
  width: 290px;
}

ul.blog_list li .ttl_box h2 .center_box {
  height: auto;
  width: 272px;
}

ul.blog_list li .ttl_box h2 .center_box span {
  display: inline-block;
}

ul.blog_list li .content_box {
  margin: 0;
  position: relative;
}

ul.blog_list li .content_box dl {
  width: 100%;
}

ul.blog_list li .content_box dl dt {
  background: white;
}

ul.blog_list li .content_box dl dd {
  box-sizing: border-box;
  font-size: 1.4rem;  
  line-height: 1.6;
  padding: 10px;
  min-height: 164px;
  letter-spacing: 0;
}

@media screen and (max-width: 767px) {
  ul.blog_list li .content_box dl dd {
    min-height: auto;
  }
}

/* ブログを読む */
ul.blog_list li .blog_list_link {
  display: none;
}

@media screen and (max-width: 767px) {
  ul.blog_list li .blog_list_link {
    position: relative;
    width: 70%;
    height: 44px;
    margin: 0 auto 16px;
    font-size: 1.6rem;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2px 12px 0;
    color: #fff;
  }

  ul.blog_list li .blog_list_link::before {
    content: '';
    background-size: contain;
    width: 28px;
    height: 28px;
    background-image: url(../image/ico_book.png);
    background-repeat: no-repeat;
  }

  ul.blog_list li .blog_list_link:hover {
    opacity: .8;
  }
  
  ul.blog_list li .blog_list_link::after{
    content: "";
    right: 5px;
    top: 0;
    bottom: 0;
    margin: auto 0;;
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  ul.blog_list li.senior .blog_list_link {
    background: #81bd37;
    box-shadow: 0 3px 0 0 #4f6e28;
  }

  ul.blog_list li.rest .blog_list_link {
    background: #e96e00;
    box-shadow: 0 3px 0 0 #a44d02;
  }

  ul.blog_list li.shop .blog_list_link {
    background: #e54d42;
    box-shadow: 0 3px 0 0 #ad3a31;
  }

  ul.blog_list li.clinic .blog_list_link {
    background: #27b0b0;
    box-shadow: 0 3px 0 0 #176868;
  }

  ul.blog_list li.pet .blog_list_link {
    background: #8bab0c;
    box-shadow: 0 3px 0 0 #5d7208;
  }

  ul.blog_list li.sekkotsu .blog_list_link {
    background: #57a61d;
    box-shadow: 0 3px 0 0 #346411;
  }

  ul.blog_list li.judo .blog_list_link {
    background: #2387dc;
    box-shadow: 0 3px 0 0 #144a7a;
  }

  ul.blog_list li.school .blog_list_link {
    background: #d89e00;
    box-shadow: 0 3px 0 0 #8b6701;
  }

  ul.blog_list li.tour .blog_list_link {
    background: #ee582a;
    box-shadow: 0 3px 0 0 #96371b;
  }

  ul.blog_list li.catsle .blog_list_link {
    background: #ee582a;
    box-shadow: 0 3px 0 0 #96371b;
  }

  ul.blog_list li.hotel .blog_list_link {
    background: #3b4b79;
    box-shadow: 0 3px 0 0 #2d395c;
  }

  ul.blog_list li.wedding .blog_list_link {
    background: #d861a4;
    box-shadow: 0 3px 0 0 #994072;
  }

  ul.blog_list li.entame .blog_list_link {
    background: #333;
    box-shadow: 0 3px 0 0 #000;
  }

  ul.blog_list li.mascomi .blog_list_link {
    background: #da4068;
    box-shadow: 0 3px 0 0 #962c48;
  }

  ul.blog_list li.race .blog_list_link {
    background: #71542a;
    box-shadow: 0 3px 0 0 #5a411f;
  }

  ul.blog_list li.sport .blog_list_link {
    background: #3aa5c4;
    box-shadow: 0 3px 0 0 #1d5564;
  }

  ul.blog_list li.stock .blog_list_link {
    background: #e29500;
    box-shadow: 0 3px 0 0 #7a5200;
  }

  ul.blog_list li.finance .blog_list_link {
    background: #c0a700;
    box-shadow: 0 3px 0 0 #7a6a00;
  }

  ul.blog_list li.insurer .blog_list_link {
    background: #498ec2;
    box-shadow: 0 3px 0 0 #2c5777;
  }

  ul.blog_list li.public .blog_list_link {
    background: #983949;
    box-shadow: 0 3px 0 0 #6e2834;
  }

  ul.blog_list li.company .blog_list_link {
    background: #4568c0;
    box-shadow: 0 3px 0 0 #263c72;
  }

  ul.blog_list li.access .blog_list_link {
    background: #1a9804;
    box-shadow: 0 3px 0 0 #146d04;
  }

  ul.blog_list li.rentacar .blog_list_link {
    background: #28b18f;
    box-shadow: 0 3px 0 0 #19755e;
  }
}

ul.blog_list.list_02 li .content_box dl dd,
ul.blog_list.list_tado li .content_box dl dd,
ul.blog_list.list_shuga li .content_box dl dd,
ul.blog_list.list_senryu li .content_box dl dd  {
  font-size: 1.4rem;  
  font-feature-settings: "palt";
  line-height: 1.71;
  max-height: 92px;
  min-height: auto;
  padding: 10px 10px 10px 15px;
}

@media screen and (max-width: 767px) {
  ul.blog_list.list_02 li .content_box dl dd,
  ul.blog_list.list_tado li .content_box dl dd,
  ul.blog_list.list_shuga li .content_box dl dd,
  ul.blog_list.list_senryu li .content_box dl dd {
    max-height: none;
    min-height: auto;
  }
}

ul.blog_list li .content_box dl dd.narrow {
  letter-spacing: 0.06em;
}

ul.blog_list.list_tado li .content_box dl dd {
  letter-spacing: 0.04em;
}

ul.blog_list.list_shuga li .content_box dl dd {
  letter-spacing: 0.02em;
}

ul.blog_list.list_02 li .ttl_box p,
ul.blog_list.list_tado li .ttl_box p,
ul.blog_list.list_shuga li .ttl_box p,
ul.blog_list.list_senryu li .ttl_box p  {
  background: url(../image/ico-square.svg) no-repeat 1.4rem center/18px;
}

@media screen and (max-width: 767px) {
  ul.blog_list.list_02 li .ttl_box p,
  ul.blog_list.list_tado li .ttl_box p,
  ul.blog_list.list_shuga li .ttl_box p,
  ul.blog_list.list_senryu li .ttl_box p  {
    background: url(../image/ico-square.svg) no-repeat 6px center/1.4rem;
  }
}

ul.blog_list.list_02 li.list_02_13 .ttl_box p {
  background: url(../image/ico-toublo.svg) no-repeat 5px center/33px;
}

@media screen and (max-width: 767px) {
  ul.blog_list.list_02 li.list_02_13 .ttl_box p {
    background: url(../image/ico-toublo.svg) no-repeat 5px center/28px;
    padding-left: 35px;
  }
}

ul.blog_list.list_02 li.list_02_14 .ttl_box p {
  background: url(../image/ico-touken-news.svg) no-repeat 9px center/23px;
}

@media screen and (max-width: 767px) {
  ul.blog_list.list_02 li.list_02_14 .ttl_box p {
    background: url(../image/ico-touken-news.svg) no-repeat 5px center/23px;
    padding-left: 35px;
  }
}

ul.blog_list.list_02 li.list_02_15 .ttl_box p {
  background: url(../image/ico-touken-hiroba.svg) no-repeat 8px center/28px;
}

@media screen and (max-width: 767px) {
  ul.blog_list.list_02 li.list_02_15 .ttl_box p {
    background: url(../image/ico-touken-hiroba.svg) no-repeat 2px center/28px;
    padding-left: 35px;
  }

  ul.blog_list li.blank_token {
    align-items: center;
    background-color: white;
    display: flex;
  }
}

ul.blog_list.list_02 li.list_02_01 {
  background-color: #fee6ed;
  border: 2px solid #fb5885;
}

ul.blog_list.list_02 li.list_02_01 .ttl_box p { background-color: #fb5885; }
ul.blog_list.list_02 li.list_02_01 .content_box dl dd { background-color: #fee6ed; }

ul.blog_list.list_02 li.list_02_02 { border: 2px solid #4f2112; }
ul.blog_list.list_02 li.list_02_02 .ttl_box p { background-color: #4f2112; }
ul.blog_list.list_02 li.list_02_02 .content_box dl dd { background-color: #e5dedc; }

ul.blog_list.list_02 li.list_02_03 { border: 2px solid #3c9468; }
ul.blog_list.list_02 li.list_02_03 .ttl_box p { background-color: #3c9468; }
ul.blog_list.list_02 li.list_02_03 .content_box dl dd { background-color: #e2efe8; }

ul.blog_list.list_02 li.list_02_04 {
  background-color: #d9e7f3;
  border: 2px solid #005bac; 
}
ul.blog_list.list_02 li.list_02_04 .ttl_box p { background-color: #005bac; }
ul.blog_list.list_02 li.list_02_04 .content_box dl dd { background-color: #d9e7f3; }

ul.blog_list.list_02 li.list_02_05 {
  background-color: #e5ecff;
  border: 2px solid #001548;
}
ul.blog_list.list_02 li.list_02_05 .ttl_box p { background-color: #001548; }
ul.blog_list.list_02 li.list_02_05 .content_box dl dd { background-color: #e5ecff; }

ul.blog_list.list_02 li.list_02_06 { border: 2px solid #55b232; }
ul.blog_list.list_02 li.list_02_06 .ttl_box p {
  background-color: #55b232;
  font-size: 15px;
  line-height: 1.13333;
  padding-top: 2px;
  padding-bottom: 2px;
}

@media only screen and (max-width: 767px) {
  ul.blog_list.list_02 li.list_02_06 .ttl_box p {
    font-size: 1.4rem;
  }
}

ul.blog_list.list_02 li.list_02_06 .content_box dl dd { background-color: #e6f4e0; }

ul.blog_list.list_02 li.list_02_07 {
  background-color: #fdefd9;
  border: 2px solid #f39500;
}

ul.blog_list.list_02 li.list_02_07 .ttl_box p { background-color: #f39500; }
ul.blog_list.list_02 li.list_02_07 .content_box dl dd {
  background-color: #fdefd9;
  height: 92px;
}

ul.blog_list.list_02 li.list_02_08 { border: 2px solid #80ca4f; }
ul.blog_list.list_02 li.list_02_08 .ttl_box p { background-color: #80ca4f; }
ul.blog_list.list_02 li.list_02_08 .content_box dl dd {
  background-color: #ecf7e5;
  height: 92px;
}

@media screen and (max-width: 767px) {
  ul.blog_list.list_02 li.list_02_08 .content_box dl dd,
  ul.blog_list.list_02 li.list_02_07 .content_box dl dd {
    height: auto;
  }
}

ul.blog_list.list_02 li.list_02_09 {
  background-color: #f3dce3;
  border: 2px solid #ac1445;
}
ul.blog_list.list_02 li.list_02_09 .ttl_box p { background-color: #ac1445; }
ul.blog_list.list_02 li.list_02_09 .content_box dl dd { background-color: #f3dce3; }

ul.blog_list.list_02 li.list_02_10 {
  background-color: #fbd9dc;
  border: 2px solid #e60012;
}

ul.blog_list.list_02 li.list_02_10 .ttl_box p { background-color: #e60012; }
ul.blog_list.list_02 li.list_02_10 .content_box dl dd { background-color: #fbd9dc; }

ul.blog_list.list_02 li.list_02_11 {
  background-color: #e0ecff;
  border: 2px solid #1a4b9b;
}
ul.blog_list.list_02 li.list_02_11 .ttl_box p { background-color: #1a4b9b; }
ul.blog_list.list_02 li.list_02_11 .content_box dl dd { background-color: #e0ecff; }

ul.blog_list.list_02 li.list_02_12 { border: 2px solid #17634e; }
ul.blog_list.list_02 li.list_02_12 .ttl_box p { background-color: #17634e; }
ul.blog_list.list_02 li.list_02_12 .content_box dl dd { background-color: #dce8e5; }

ul.blog_list.list_02 li.list_02_13 { border: 2px solid #950012; }
ul.blog_list.list_02 li.list_02_13 .ttl_box p { background-color: #950012; }
ul.blog_list.list_02 li.list_02_13 .content_box dl dd { background-color: #fcf0e4; }

ul.blog_list.list_02 li.list_02_14 { border: 2px solid #9d5b8b; }
ul.blog_list.list_02 li.list_02_14 .ttl_box p { background-color: #9d5b8b; }
ul.blog_list.list_02 li.list_02_14 .content_box dl dd { background-color: #fcf0e4; }

ul.blog_list.list_02 li.list_02_15 { border: 2px solid #94722d; }
ul.blog_list.list_02 li.list_02_15 .ttl_box p { background-color: #94722d; }
ul.blog_list.list_02 li.list_02_15 .content_box dl dd { background-color: #fcf0e4; }


ul.blog_list.list_tado li.list_tado_01 ,
ul.blog_list.list_shuga li.list_shuga_01 {
  background-color: #e1ede1;
  border: 2px solid #398934;
}

ul.blog_list.list_tado li.list_tado_01 .ttl_box p,
ul.blog_list.list_shuga li.list_shuga_01 .ttl_box p { background-color: #398934; }
ul.blog_list.list_tado li.list_tado_01 .content_box dl dd,
ul.blog_list.list_shuga li.list_shuga_01 .content_box dl dd { background-color: #e1ede1; }

ul.blog_list.list_tado li.list_tado_02 , ul.blog_list.list_shuga li.list_shuga_02 { border: 2px solid #1c2850; }
ul.blog_list.list_tado li.list_tado_02 .ttl_box p,
ul.blog_list.list_shuga li.list_shuga_02 .ttl_box p { background-color: #1c2850; }
ul.blog_list.list_tado li.list_tado_02 .content_box dl dd,
ul.blog_list.list_shuga li.list_shuga_02 .content_box dl dd { background-color: #e8edfd; }


ul.blog_list.list_senryu li.list_senryu_01 { border: 2px solid #0f2058; }
ul.blog_list.list_senryu li.list_senryu_01 .ttl_box p { background-color: #0f2058; }
ul.blog_list.list_senryu li.list_senryu_01 .content_box dl dd { background-color: #dfe6fc; }

ul.blog_list.list_senryu li.list_senryu_02 { border: 2px solid #034796; }
ul.blog_list.list_senryu li.list_senryu_02 .ttl_box p { background-color: #034796; }
ul.blog_list.list_senryu li.list_senryu_02 .content_box dl dd { background-color: #d9e4ef; }

ul.blog_list.list_senryu li.list_senryu_03 { border: 2px solid #6cbc35; }
ul.blog_list.list_senryu li.list_senryu_03 .ttl_box p { background-color: #6cbc35; }
ul.blog_list.list_senryu li.list_senryu_03 .content_box dl dd { background-color: #e9f5e1; }

ul.blog_list.list_senryu li.list_senryu_04 { border: 2px solid #800000; }
ul.blog_list.list_senryu li.list_senryu_04 .ttl_box p { background-color: #800000; }
ul.blog_list.list_senryu li.list_senryu_04 .content_box dl dd { background-color: #ecd9d9; }

ul.blog_list.list_senryu li.list_senryu_05 { border: 2px solid #22892d; }
ul.blog_list.list_senryu li.list_senryu_05 .ttl_box p { background-color: #22892d; }
ul.blog_list.list_senryu li.list_senryu_05 .content_box dl dd { background-color: #deede0; }

ul.blog_list.list_senryu li.list_senryu_06 {
  background-color: #fbd9dc;
  border: 2px solid #e60012;
}
ul.blog_list.list_senryu li.list_senryu_06 .ttl_box p { background-color: #e60012; }
ul.blog_list.list_senryu li.list_senryu_06 .content_box dl dd { background-color: #fbd9dc; }

ul.blog_list.list_senryu li.list_senryu_07 {
  background-color: #fce7ef;
  border: 2px solid #ea6094;
}

ul.blog_list.list_senryu li.list_senryu_07 .ttl_box p { background-color: #ea6094; }
ul.blog_list.list_senryu li.list_senryu_07 .content_box dl dd { background-color: #fce7ef; }

ul.blog_list.list_senryu li.list_senryu_08 { border: 2px solid #821445; }
ul.blog_list.list_senryu li.list_senryu_08 .ttl_box p { background-color: #821445; }
ul.blog_list.list_senryu li.list_senryu_08 .content_box dl dd { background-color: #ecdce3; }

ul.blog_list.list_senryu li.list_senryu_09 { border: 2px solid #c92121; }
ul.blog_list.list_senryu li.list_senryu_09 .ttl_box p { background-color: #c92121; }
ul.blog_list.list_senryu li.list_senryu_09 .content_box dl dd { background-color: #f7dede; }


ul.blog_list li .content_box a {
  display: block;
  position: absolute;
  bottom: 13px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transition: all 0.2s;
  width: 224px;
}

ul.blog_list li .content_box a:hover {
  opacity: .75;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  ul.blog_list li .content_box a:hover {
    opacity: 1;
  }
}

ul.blog_list li:nth-of-type(n+4) {
  margin-top: 15px;
}

@media only screen and (max-width: 767px) {
  ul.blog_list li {
    margin-top: 15px;
  }
  ul.blog_list:not(.list_01) li:nth-of-type(n+4) {
    margin-top: 0;
  }
}

ul.blog_list li.clinic .ttl_box p {
  background: url(/image_cmn/icon/ico-clinic.svg) no-repeat 9px center/26px;
  background-color: #27b0b0;
}

ul.blog_list li.clinic{
  border: 2px solid #27b0b0;
}

ul.blog_list li.rest .ttl_box p {
  background: url(/image_cmn/icon/ico-rest.svg) no-repeat 6px center/32px;
  background-color: #e96e00;
}

ul.blog_list li.rest{
  border: 2px solid #e96e00;
}

ul.blog_list li.senior .ttl_box p {
  background: url(/image_cmn/icon/ico-senior.svg) no-repeat 8px center/26px;
  background-color: #81bd37;
}

ul.blog_list li.senior{
  border: 2px solid #81bd37;
}

ul.blog_list li.sekkotsu .ttl_box p {
  background: url(/image_cmn/icon/ico-sekkotsu.svg) no-repeat 5px center/30px;
  background-color: #57a61d;
}

ul.blog_list li.sekkotsu {
  border: 2px solid #57a61d;
}

ul.blog_list li.judo .ttl_box p {
  background: url(/image_cmn/icon/ico-judo.svg) no-repeat 9px center/27px;
  background-color: #2387dc;
}

ul.blog_list li.judo {
  border: 2px solid #2387dc;
}

ul.blog_list li.wedding .ttl_box p {
  background: url(/image_cmn/icon/ico-wedding.svg) no-repeat 9px center/27px;
  background-color: #d861a4;
}

ul.blog_list li.wedding {
  border: 2px solid #d861a4;
}

ul.blog_list li.rentacar .ttl_box p {
  background: url(/image_cmn/icon/ico-rentacar.svg) no-repeat 8px center/28px;
  background-color: #28b18f;
}

ul.blog_list li.rentacar {
  border: 2px solid #28b18f;
}

ul.blog_list li.sport .ttl_box p {
  background: url(/image_cmn/icon/ico-sport.svg) no-repeat 8px center/27px;
  background-color: #3aa5c4;
}

ul.blog_list li.sport {
  border: 2px solid #3aa5c4;
}

ul.blog_list li.mascomi .ttl_box p {
  background: url(/image_cmn/icon/ico-mascomi.svg) no-repeat 6px center/32px;
  background-color: #da4068;
}

ul.blog_list li.mascomi {
  border: 2px solid #da4068;
}

ul.blog_list li.entame .ttl_box p {
  background: url(/image_cmn/icon/ico-entame.svg) no-repeat 7px center/28px;
  background-color: #333;
}

ul.blog_list li.entame {
  border: 2px solid #333;
}

ul.blog_list li.access .ttl_box p {
  background: url(/image_cmn/icon/ico-access.svg) no-repeat 7px center/28px;
  background-color: #1a9804;
}

ul.blog_list li.access {
  border: 2px solid #1a9804;
}

ul.blog_list li.school .ttl_box p {
  background: url(/image_cmn/icon/ico-school.svg) no-repeat 8px center/29px;
  background-color: #d89e00;
}

ul.blog_list li.school {
  border: 2px solid #d89e00;
}

ul.blog_list li.race .ttl_box p {
  background: url(/image_cmn/icon/ico-race.svg) no-repeat 6px center/32px;
  background-color: #71542a;
}

ul.blog_list li.race {
  border: 2px solid #71542a;
}

ul.blog_list li.shop .ttl_box p {
  background: url(/image_cmn/icon/ico-shop.svg) no-repeat 6px center/30px;
  background-color: #e54d42;
}

ul.blog_list li.shop {
  border: 2px solid #e54d42;
}

ul.blog_list li.company .ttl_box p {
  background: url(/image_cmn/icon/ico-company.svg) no-repeat 8px center/26px;
  background-color: #4568c0;
}

ul.blog_list li.company {
  border: 2px solid #4568c0;
}

ul.blog_list li.tour .ttl_box p {
  background: url(/image_cmn/icon/ico-tour.svg) no-repeat 6px center/30px;
  background-color: #ee582a;
  font-size: 15px;
  line-height: 1.1em;
  height: 38px;
  padding-top: 2px;
}

ul.blog_list li.tour {
  border: 2px solid #ee582a;
}

ul.blog_list li.pet .ttl_box p {
  background: url(/image_cmn/icon/ico-pet.svg) no-repeat 6px center/30px;
  background-color: #8bab0c;
}

ul.blog_list li.pet {
  border: 2px solid #8bab0c;
}

ul.blog_list li.catsle .ttl_box p {
  background: url(/image_cmn/icon/ico-tour.svg) no-repeat 6px center/30px;
  background-color: #ee582a;
}

ul.blog_list li.catsle {
  border: 2px solid #ee582a;
}

ul.blog_list li.hotel .ttl_box p {
  background: url(/image_cmn/icon/ico-hotel.svg) no-repeat 6px center/30px;
  background-color: #3b4b79;
}

ul.blog_list li.hotel {
  border: 2px solid #3b4b79;
}

ul.blog_list li.stock .ttl_box p {
  background: url(/image_cmn/icon/ico-stock.svg) no-repeat 6px center/30px;
  background-color: #e29500;
}

ul.blog_list li.stock {
  border: 2px solid #e29500;
}

ul.blog_list li.finance .ttl_box p {
  background: url(/image_cmn/icon/ico-finance.svg) no-repeat 6px center/30px;
  background-color: #c0a700;
}

ul.blog_list li.finance {
  border: 2px solid #c0a700;
}

ul.blog_list li.insurer .ttl_box p {
  background: url(/image_cmn/icon/ico-insurer.svg) no-repeat 6px center/30px;
  background-color: #498ec2;
}

ul.blog_list li.insurer {
  border: 2px solid #498ec2;
}

ul.blog_list li.public .ttl_box p {
  background: url(/image_cmn/icon/ico-public.svg) no-repeat 6px center/30px;
  background-color: #983949;
}

ul.blog_list li.public {
  border: 2px solid #983949;
}

ul.blog_list li.gray .ttl_box p {
  background-color: #a9a9a9;
}

ul.blog_list li.gray .ttl_box h2 {
  border-color: #bbb;
}

ul.blog_list li.gray .ttl_box a {
  pointer-events: none;
}

ul.blog_list li.gray .content_box dd {
  background-color: #f3f3f3;
  color: #444;
}

ul.blog_list li.gray .content_box a {
  pointer-events: none;
}

aside.bnr_area {
  margin: 70px auto 0;
  max-width: 620px;
}

@media only screen and (max-width: 767px) {
  aside.bnr_area {
    padding: 0 1.063em;
  }
}

aside.bnr_area ul {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  aside.bnr_area ul {
    display: block;
    padding: 0 1.9rem;
  }
}

aside.bnr_area ul li {
  width: 300px;
}

@media only screen and (max-width: 767px) {
  aside.bnr_area ul li {
    margin: 0 auto 20px;
    width: 100%;
  }

  aside.bnr_area ul li img {
    width: 100%;
  }
}

aside.bnr_area ul li figure {
  margin: 0;
  text-align: left;
  width: 100%;
}

aside.bnr_area ul li figure a {
  display: block;
  transition: all .2s;
}

aside.bnr_area ul li figure a:hover {
  opacity: .85;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  aside.bnr_area ul li figure a:hover {
    opacity: 1;
  }
}

aside.bnr_area ul li p {
  font-size: 1.4rem;
  margin: 10px 0 0;
  text-align: left;
  text-align: justify;
}

.mo_box {
  background-color: #fff;
  border: 3px solid #ffd8e7;
  box-sizing: border-box;
  clear: both;
  display: block;
  line-height: 1.2em;
  margin: 6.15rem auto 0;
  overflow: hidden;
  padding: 18px 20px 18px 20px;  
  text-align: justify;
  width: 850px;
}

@media screen and (max-width: 750px) {
  .mo_box {
    background: #fbe8f0;
    border: none;
    margin: 2rem 0;
    padding: 2rem;
    width: auto;
  }
}

.mo_box {
  margin: 60px auto 15px;
}

@media only screen and (max-width: 767px) {
  .mo_box {
    width: calc(100% - 1.9rem * 2);
  }  
}

.mo_box p {
  color: #000;
  font-size: 1.5rem;
  letter-spacing: .03em;
  line-height: 1.65;
}

@media screen and (max-width: 750px) {
  .mo_box p {
    font-size: 1.2rem;
    line-height: 1.6;
  }
}

#btn_pagetop > img:hover {
  opacity: unset;
}