p.button.red{background:#fe2531; font-weight:bold;}
p.button.red:after{background:#fff;}
p.button.red a{color:#fff;}

p.button.large{width:320px; height:60px; line-height:60px; font-size:1.7rem;}

main section div.article-back{padding:80px;}
main section div.article-back p.button{margin:0 auto;}
main section div.article-back p.button:hover::after{width:10px;}
main section div.article-back p.button:hover{opacity:0.8;}
main section div.article-back div.article-wrapper {max-width:800px; margin:0 auto 60px; padding:80px;}
main section div.article-back div.article-wrapper a{margin-bottom:0; display:inline; text-decoration:underline; color:#333; margin:0 0.25rem;}
main section div.article-back div.article-wrapper a:hover{color:#fe2531; transition:0.3s;}
main section div.article-back div.article-wrapper hr{margin-bottom:30px; border: none; border-top: 1px solid #DDD;}
main section div.article-back div.article-wrapper table{width:100%; margin-bottom:40px;}
main section div.article-back div.article-wrapper table tr td{padding:12px 40px 13px 20px; font-size:1.5rem; line-height:1.7; max-width:80%;}
main section div.article-back div.article-wrapper table tr td:first-child{width:20%; background:#444; color:#fff; box-sizing:border-box; border-bottom:1px solid #333;}
main section div.article-back div.article-wrapper table tr td:nth-of-type(n+2){background:#eee; color:#333; box-sizing:border-box; border-bottom:1px solid #ddd;}
main section div.article-back div.article-wrapper table tr td:nth-of-type(n+3){border-left:1px solid #ddd;}
main section div.article-back div.article-wrapper table tr:last-child td{border-bottom: none;}
main section div.article-back div.article-wrapper table p{margin-bottom:0;}
main section div.article-back div.article-wrapper table a{margin-bottom:0;}
main section div.article-back div.article-wrapper ul{margin-bottom:35px;}
main section div.article-back div.article-wrapper ul li{font-size:1.5rem; line-height:1.7; padding-left: 25px; position: relative;}
main section div.article-back div.article-wrapper ul li p{margin-bottom:0;}
main section div.article-back div.article-wrapper ul li:before{content:""; background: url(/images/ul_icon_gray.png) no-repeat left center; background-size: 14px 12px; width: 14px; height: 12px; position: absolute; left: 0; top: 7px;}
main section div.article-back div.article-wrapper ol{ margin-bottom:35px; counter-reset: list_count;}
main section div.article-back div.article-wrapper ol li{font-size:1.5rem;}
main section div.article-back div.article-wrapper ol li:before{margin: 0 15px 0 0; counter-increment: list_count; content: counter(list_count)'.';}
main section div.article-back div.article-wrapper ol li p{margin-bottom:0;}
main section div.article-back div.article-wrapper blockquote {width:100%; border:1px solid #fe2531; box-sizing:border-box; padding:60px 50px 63px; position:relative; margin-bottom:40px;}
main section div.article-back div.article-wrapper blockquote p,
main section div.article-back div.article-wrapper blockquote a{margin-bottom:0; color: #fe2531;}
main section div.article-back div.article-wrapper blockquote:before{content:url(/images/bq_icon.png); position:absolute; left:23px; top:28px;}
main section div.article-back div.article-wrapper h1{font-size: 2.8rem; font-weight: bold; line-height: 1.4; margin-top:60px; margin-bottom:20px;}
main section div.article-back div.article-wrapper h2{font-size:2.4em; font-weight:bold; line-height:1.4; margin-top:52px; margin-bottom:16px;}
main section div.article-back div.article-wrapper h3{font-size:2.0em; font-weight:bold; line-height:1.4; margin-top:42px; margin-bottom:16px;}
main section div.article-back div.article-wrapper img{width:100%; height:auto;}

main section div.article-back div.article-wrapper span.date{font-weight:bold; font-size:1.45rem; line-height:1.7; color:#fe2531; display:block;}
main section div.article-back div.article-wrapper h1.title{font-weight:bold; font-size:3.3rem; line-height:1.4; margin-bottom:45px; margin-top:4px;}
main section div.article-back div.article-wrapper h1.title:after{margin:13px 0 0;}
main section div.article-back div.article-wrapper p{font-size:1.5rem; line-height:1.7; margin-bottom:32px;}

main section div.news-archive-wrapper{max-width:800px; margin:0 auto; padding:76px 0 100px;}
main section div.news-archive-wrapper h2.title{font-size:3.3rem; line-height:1.4; font-weight:bold; text-align:center; margin-bottom:35px;}
main section div.news-archive-wrapper ul.news-archive-block{margin-bottom:30px;}
main section div.news-archive-wrapper ul.news-archive-block{margin-bottom:50px;}
main section div.news-archive-wrapper ul.news-archive-block li.news-archive-title{cursor: pointer;}
main section div.news-archive-wrapper ul.news-archive-block li.news-archive-title{font-size:1.5rem; line-height:1.7; background:#fff; border-left:5px solid #fe2531; margin-bottom:1px; padding: 12px 40px 13px 25px;}
main section div.news-archive-wrapper ul.news-archive-block li.news-archive-title:hover {opacity:0.7;}
main section div.news-archive-wrapper ul.news-archive-block li.news-archive-title a{width:100%; height:100%; color:#333;display:flex; align-items:center; justify-content:flex-start;}
main section div.news-archive-wrapper ul.news-archive-block li.news-archive-title a span.title{display:block;}
main section div.news-archive-wrapper ul.news-archive-block li.news-archive-title a span.date{display:block; font-weight:bold; color:#fe2531; padding-right:45px;}


/* タブレット */
@media (max-width: 1100px){

  main section div.news-archive-wrapper{margin:0 auto; padding:57px 40px 70px;}
  main section div.article-back{padding:60px 40px 80px;}
  main section div.article-back div.article-wrapper{padding:60px 40px; margin-bottom:50px;}
  main section div.article-back div.article-wrapper table tr td:first-child{width:30%;}

}




/* スマホ */
@media (max-width: 760px){

  p.button.large{width:200px; height:40px; line-height:40px; font-size:1.5rem;}

  main section div.article-back{padding:30px 20px 50px;}
  main section div.article-back div.article-wrapper{margin:0 auto 30px; padding:30px 15px;}
  main section div.article-back div.article-wrapper h1{font-size: 2.1rem; font-weight: bold; line-height: 1.4; margin-top:46px; margin-bottom:15px;}
  main section div.article-back div.article-wrapper h2{font-size:1.8em; font-weight:bold; line-height:1.4; margin-top:40px; margin-bottom:12px;}
  main section div.article-back div.article-wrapper h3{font-size:1.5em; font-weight:bold; line-height:1.4; margin-top:32px; margin-bottom:12px;}
  main section div.article-back div.article-wrapper p{margin-bottom:25px;}
  main section div.article-back div.article-wrapper hr{margin-bottom:16px;}
  main section div.article-back div.article-wrapper table{margin-bottom:30px;}
  main section div.article-back div.article-wrapper ul{margin-bottom:25px;}
  main section div.article-back div.article-wrapper ol{margin-bottom:25px;}
  main section div.article-back div.article-wrapper blockquote{margin-bottom:30px; padding: 33px 12px 21px;}
  main section div.article-back div.article-wrapper blockquote:before{left:auto; top:14px;}
  main section div.article-back div.article-wrapper table tr td{padding-left:10px; padding-right: 15px;}
  main section div.article-back div.article-wrapper ul li:before{margin:0 10px 0 0;}
  main section div.article-back div.article-wrapper ol li:before{margin:0 10px 0 0;}

  main section div.article-back div.article-wrapper h1.title{font-size:2.5rem; line-height:1.3; margin-bottom:35px;}
  main section div.article-back div.article-wrapper h1.title:after{width:30px;}

  main section div.news-archive-wrapper{margin:0 auto; padding:40px 20px 58px;}
  main section div.news-archive-wrapper ul.news-archive-block{margin-bottom:0px;}
  main section div.news-archive-wrapper ul.news-archive-block li.news-archive-title{padding: 20px 20px 28px 13px;}
  main section div.news-archive-wrapper h2.title{font-size:2.5rem; line-height:1.4; margin-bottom:32px;}
  main section div.news-archive-wrapper ul.news-archive-block li.news-archive-title a{flex-direction:column; align-items:start;}
  main section div.news-archive-wrapper ul.news-archive-block li.news-archive-title a span.date{padding-bottom:2px;}

  }