@charset "UTF-8";
/* -------------------------------------------------------
CSS基本設定
---------------------------------------------------------- */
html {
  font-size: 62.5%;
  /* 1rem = 10px */
  width: 100%;
}

body {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-family: Hiragino Sans,"ヒラギノ角ゴシック",Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3″, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
  width: 100%;
  position: relative;
  color: #262626;
  font-weight: 300;
  background-color: #fff;
  line-height: 1.6;
  /* iPhone(Safari)でテキスト拡大を防ぐため */
  -webkit-text-size-adjust: 100%;
}

p {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  text-align: justify;
  font-size: 1.6rem;
}

img {
  border: 0px;
  max-width: 100%;
  vertical-align: bottom;
}

ul, li {
  list-style: none;
}

/* リンクの色等を指定 */
a {
  color: #262626;
  text-decoration: none;
}

a img {
  border: none;
}

/* reset */
* {
  margin: 0;
  padding: 0;
  list-style: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* iOSでのデフォルトスタイルをリセット。ただし、MW LEADのフォームとWEB写真館を除く */
body:not(.lead-form) input{
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}

form.pstudio input[type="checkbox"]{
  -webkit-appearance: checkbox;
}

/*▼ common-------------------------------------------- ▼*/
/* スマホ非表示設定 */
.pc-only {
  display: none;
}

/* floatをクリアするためのCSS */
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}

/* 中央揃え */
.inner {
  margin: 0 auto;
  width: 100%;
}

/* 見出し(円アイコン左表示) */
.sub-heading {
  font-size: 1.4rem;
  font-weight: 600;
  background-image: url("/common/soon/images/v1/common/sub-heading-icon.png");
  background-position: left;
  background-repeat: no-repeat;
  padding: 3px 0 0 25px;
  margin-bottom: 10px;
}

.sub-heading span {
  font-weight: 300;
}

/* ボタン(もっと見る) */
.more-btn {
  margin-top: 20px;
}

.more-btn a {
  margin: 0 auto;
  border: 1px solid #4aa453;
  border-radius: 6px;
  color: #4aa453;
  display: block;
  width: 75%;
  height: 42px;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  text-align: center;
}

.more-btn a span {
  background-image: url("/common/soon/images/v1/common/more-btn-icon.svg");
  background-position: right;
  background-repeat: no-repeat;
  background-size: 8px 8px;
  display: block;
}

/* 区切り線（斜線） */
.oblique-line {
  margin-top: 30px;
  background-image: url(/common/soon/images/v1/common/hr.png);
  background-position: top;
  background-repeat: repeat-x;
  height:6px;
  width:100%;
}
.oblique-line hr {
  display: none;
}

/*▼ 有料記事タイトル用アイコン ▼*/
.title.smart {
    display: inline-block;
}

.title.smart:after {
    content: "";
    background-image: url(/common/soon/images/v1/common/icon-smart.png);
    background-size: 0.9em;
    background-repeat: no-repeat;
    background-position: bottom right;
    width: 1em;
    height: 1em;
    display: inline-block;
    padding: 0 0 0 0.3em;
}

/*▼ header-------------------------------------------- ▼*/
header {
  position: relative;
  background-color: #fff;
/*  position: fixed; */
  width: 100%;
  z-index: 990;
  border-bottom: 1px solid #4aa453;
}

#header-inner {
  display: table;
  padding: 10px 4% 10px 4%;
  width: 100%;
  min-height: 75px;
}

.menu-search {
  display: table-cell;
  width: calc(100% / 3);
  vertical-align: middle;
}

.menu-search .menu {
  text-align: center;
  display: inline-block;
  line-height: 1.2;
}

.menu-search .menu img {
  width: 25px;
}

.menu-search .search img {
  width: 32px;
  vertical-align: top;
}

.header-search {
  display: none;
  position: absolute;
  left:0;
  border-top: 1px solid #4aa453;
  width: 100%;
}

.search-box {
  padding: 15px 4%;
  background-color: #f7faf8;
  -webkit-box-shadow: 0 2px 1px 0 #dae3de;
          box-shadow: 0 2px 1px 0 #dae3de;
}

.search-box form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

input.search-input {
  width: 85%;
  min-height: 35px;
  background-image: url("/common/soon/images/v1/common/search-icon.svg");
  background-position: left;
  background-repeat: no-repeat;
  padding: 3px 0 0 23px;
  background-size: 20px 20px;
  border: 1px solid #dae3de;
}

.search-button {
  width: 15%;
  background-color: #ddd;
  color: #fff;
  border: none;
  font-size: 1.2rem;
  min-height: 35px;
}

.date-section {
  display: table-cell;
  font-size: 1.2rem;
  line-height: 1.1;
  width: calc(100% / 9 * 2);
  text-align: right;
  vertical-align: middle;
}

.date-section .weather img {
  max-width: 22px;
}

.key-section{
  display: table-cell;
  font-size: 1.2rem;
  line-height: 1.1;
  width: calc(100% / 9 * 1);
  text-align: right;
  vertical-align: middle;
}

.key-section img{
  width:20px;
}


.logo {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: calc(100% / 3);
}

.logo img {
  width: 100%;
  max-width: 115px;
}

/*#▼ハンバーガーメニュー▼*/
body.open {
  overflow: hidden;
}
#mainnavi{
position:relative;
}
#mainnavi nav{
background-color: rgba(0,0,0,0.5);
z-index:1000;
/* position:fixed !important; */
display:none;
position:absolute;
top:75px;
left:0;
bottom:0;
width:100%;
/* height:100%; */
border-right:1px solid #efefef;
border-bottom:1px solid #efefef;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
#mainnavi nav::-webkit-scrollbar {
    width: 0px;
}

#mainnavi ul{margin:0;padding:0;width:80%;}
#mainnavi ul li{list-style:none;display:block;clear:both;height:auto;position:relative;background-color:#4aa453;}
#mainnavi ul li .menu,#mainnavi ul li span{display:block;padding:0 10px;font-size:14px;color:#00448b;line-height:44px;cursor:pointer;}
#mainnavi ul.main li .menu{position:relative;color:#fff;}
#mainnavi ul.main li.current .menu,#mainnavi ul.main li .menu:hover{
background:#fff;color:#4aa453;text-decoration:none;cursor:pointer;
}
#mainnavi ul.main li.current span.title,#mainnavi ul.main li span.title:hover{
background:#2361ad;color:#fff;text-decoration:none;cursor:pointer;
}
#mainnavi ul.main li span.title:hover{cursor:default;}
#mainnavi ul.main li.current .menu::before,
#mainnavi ul.main li .menu:hover::before,
#mainnavi ul.main li.current span::before,
#mainnavi ul.main li span.title:hover::before
{border-top: 1px solid #fff;border-right: 1px solid #fff;}

#mainnavi ul.main li a.link{
display:block;
position:absolute;
right:50px;
top:18px;
width: 8px;
height: 8px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
text-indent:-1000em;
}
#mainnavi ul.main li span.opener{
display:block;
position:absolute;
right:0px;
top:1px;
width: 44px;
height: 44px;
font-size:18px;
color:#fff;
cursor:pointer;
text-indent:0em;
z-index:100;
}
#mainnavi ul.main li span.opener::before{
content:"+";
position:absolute;
top:0;
right:30%;
}
#mainnavi ul.main li span.opener.current::before{
text-indent:0em;
content:"-";
position:absolute;
top:0;
right:30%;
}


#mainnavi ul.sub{border-top:solid 1px #eee;}

#mainnavi ul li .sub-menu{
display:none;
/*
position:absolute;
top:-5px;
left:180px;
z-index:995;
width:200px;
*/
}
#mainnavi ul li .sub-menu-box{
position:relative;
padding:10px 0px 10px 10px;
background:rgba(255,255,255,0.9);
}
#mainnavi ul li .sub-menu .sub-menu-box .smenu{display:block;}
#mainnavi ul li .sub-menu .sub-menu-box .smenu{font-size:13px;padding:10px;height:auto;line-height:1.4;color:#333;}
#mainnavi ul li .sub-menu .sub-menu-box .smenu:hover{text-decoration:underline;color:#2361ad;}
#mainnavi ul li .sub-menu .sub-menu-box .smenu::before,#mainnavi ul.sub li .sub-menu .sub-menu-box .smenu::after{display:none;}


/*▼ グローバルナビ ▼*/
nav {
  background-image: url("/common/soon/images/v1/common/line.png");
  background-position: bottom;
  background-repeat: repeat-x;
  position: sticky;
  top: 0;
  background-color: rgba(255,255,255,0.95);
  z-index: 30;
    white-space:nowrap;
    overflow-x:auto
}

#global-navi {
  margin: 0 auto;
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  /* position: sticky; */
  /* top: 0; */
  justify-content: space-between;
  /* background: #fff; */

}

#global-navi li a {
  width: auto;
  display: block;
  padding-top: 7px;
  min-height: 50px;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 600;
  border-bottom: 12px solid #dae3de;
  color: #333;
  padding:7px 15px 0 10px
}

#global-navi li a:hover {
  border-bottom: 12px solid #4aa453;
  color: #4aa453;
}

#global-navi li.home a {
  width: 50px;
  background-image: url("/common/soon/images/v1/common/gnavi-home.svg");
  background-position: top 12px left 50%;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  padding: 38px 0 0 0;
  font-size: 1rem;
}

#global-navi li.home.current a {
  background-image: url("/common/soon/images/v1/common/gnavi-home_green.svg");
}

#global-navi li.movie a {
  width: 50px;
  background-image: url("/common/soon/images/v1/common/gnavi-movie.svg");
  background-position: top 7px left 50%;
  background-repeat: no-repeat;
  background-size: 25px 25px;
  padding: 38px 0 0 0;
  font-size: 1rem;
}

#global-navi li.current a {
  border-bottom: 12px solid #2a6330;
  color: #4aa453;
}


/*▼ トピックス ▼*/
.topics-section {
  width: 100%;
  border-top: 1px solid #4aa453;
  border-bottom: 1px solid #4aa453;
  background-color: #4aa453;
  height: 40px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

.topics-section:after {
  content:" ";
  display:block;
  clear:both;
}

.topics-section-title {
  color: #fff;
  font-size: 1.2rem;
  padding: 0.9rem 1.5rem 0 1.5rem;
  text-align: center;
  white-space: nowrap;
  float: left;
  background-color: #4aa453;
  min-height: 39px;
}

.topics-section ul {
  padding: 0.8rem 0 0.8rem 1rem;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  background-color: #fff;
  min-height: 39px;
 -webkit-overflow-scrolling: touch;
}

.topics-section ul li {
  font-size: 1.4rem;
  padding-right: 1.5em;
  display: inline-block;
}

.top-banner {
  width: 320px;
  text-align: center;
  margin:10px auto;
}

/*▼ contents-------------------------------------------- ▼*/
#contents {
  margin: 0 auto;
  width: 100%;
/*  padding-top: 74px; */
}
.original-feature #contents,
body.company #contents {
  padding-top: 35px;
}

#main-column {
  width: 100%;
}

/*▼ スクロールタブ ▼*/
#scrolltabs_wrap {
  height: 60px;
  overflow-y: hidden;
}

#scrolltabs {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  padding-bottom: 20px;
  margin-left: 4%;
  -webkit-overflow-scrolling: touch;
}

#scrolltabs li {
  display: inline-block;
    min-width : 100px ;
}

#scrolltabs li:not(.tab_selected):not(:last-child) {
  border-right: 1px solid #fff;
}

#scrolltabs li.tab_selected {
  border-left: 1px solid #f1f1f1;
}

#scrolltabs li.tab_selected a {
  background-color: #fff;
  border-bottom: none;
  border-top: 0.6rem solid #4aa453;
  color: #43944b;
}

#scrolltabs li a {
  background-color: #f2f2f2;
  text-align: center;
  padding: 0.9rem 2.5rem 1.5rem  2.5rem;
  border-top: 0.6rem solid #f2f2f2;
  display: block;
  font-weight: 600;
  font-size: 1.3rem;
}

#scrolltabs.scroll_tabs_theme_light {
    height: auto;
}

#scrolltabs.scroll_tabs_theme_light .tab_selected a {
    background-image: none;
}

/*▼ TOPニュースタブ ▼*/
#headline-news-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 20px;
}

#headline-news-tab li {
  width: calc(100% / 4);
}

#headline-news-tab li:not(.current):not(:last-child) {
  border-right: 2px solid #fff;
}

#headline-news-tab li.current a {
  background-color: #fff;
  border-bottom: none;
  border-top: 0.6rem solid #4aa453;
  color: #43944b;
}

#headline-news-tab li a {
  background-color: #f2f2f2;
  text-align: center;
  padding: 0.9rem 0 1.5rem 0;
  border-top: 0.6rem solid #f2f2f2;
  display: block;
  font-weight: 600;
  font-size: 1.3rem;
}

/* タブの中身 */
#news-tab-list > li{
  display:none;
}
#news-tab-list > li.current{
  display:block;
}

.headline-more-link {

}

.headline-more-link a {
  display: block;
  text-align: center;
  color: #fff;
  width: 80%;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 1rem 2rem 1rem 1rem;
  background-image: url(/common/soon/images/v1/common/more-btn-icon_white.svg);
  background-position: right 4% top 50%;
  background-repeat: no-repeat;
  background-size: 8px 8px;
  margin:0 auto;
  background-color: #4b4b4b;
}

/*▼ topタブ[速報] ▼*/
.newsletter-list {
  margin-top: 10px;
}

.newsletter-list ul li {
  border-bottom: 1px solid #d9d9d9;
}

.newsletter-list ul li a {
  display: block;
  padding: 2rem 4%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.newsletter-list ul li .title {
  font-size: 1.6rem;
  color: #333;
  width: 78%;
  font-weight:bold;
}

.newsletter-list ul li .date {
  font-size: 1.2rem;
  color: #808080;
  width: 20%;
  text-align: right;
  margin-left: 2%;
}

@media screen and (max-width: 320px) {
  .newsletter-list ul li .title{width: 75%;}
  .newsletter-list ul li .date {width: 23%;}
}

.newsletter-list ul li.first-article a {
  background-color: #f7faf8;
}
.newsletter-list ul li.first-article .title {
  font-weight: 600;
}

.newsletter-list ul li.first-article .date {
  font-weight: 600;
  color: #333;
}

.newsletter-list ul li.first-article a:before {
  content: "速報";
  color: #fff;
  background-color: #8fc995;
  display: inline-block;
  width: 5rem;
  text-align: center;
  font-weight: normal;
  font-size: 1.2rem;
  padding: 0.2rem 0;
  margin-right: 1rem;
}

/*▼ TOPニュースリスト ▼*/
.headline-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 20px;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  width: 100%;
}

.headline-list li {
  padding-bottom: 1rem;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 1rem;
}

.headline-list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  width: 100%;
  padding: 0 4%;
}

.headline-list li a .text {
  width: calc(100% - 110px);
}

.headline-list li a .title {
  font-size: 1.6rem;
  font-weight:bold;
}

.headline-list li a .summary {
  font-size: 1.3rem;
  margin-top:1rem;
  color: #808080;
}

.headline-list li a .date {
  font-size: 1.2rem;
  color: #808080;
  padding: 8px 0 0 0;
}

.headline-list li a .thumb {
  padding-right: 10px;
  position:relative;
}

.headline-list li a .thumb img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
}

/*▼ contents-bottom-------------------------------------------- ▼*/
#contents-bottom {
  margin-top: 30px;
}

/*▼ 購読・電子版ご案内 ▼*/
#regist {
  padding: 0 4% 0 4%;
  margin-bottom: 30px;
}

.subscription-btn {
  margin-top: 10px;
}

.subscription-btn a {
  margin: 0 auto;
  border: 1px solid #4aa453;
  border-radius: 6px;
  color: #4aa453;
  display: block;
  width: 100%;
  height: 42px;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 10px;
  background-color: #fff;
  text-align: left;
}

.subscription-btn a span {
  background-image: url("/common/soon/images/v1/common/more-btn-icon.svg");
  background-position: right;
  background-repeat: no-repeat;
  background-size: 8px 8px;
  display: block;
}

.web-btn {
  margin-top: 10px;
}

.web-btn a {
  margin: 0 auto;
  border: 1px solid #4aa453;
  border-radius: 6px;
  color: #fff;
  background-color: #4aa453;
  display: block;
  width: 100%;
  height: 42px;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 10px;
  text-align: left;
}

.web-btn a span {
  background-image: url("/common/soon/images/v1/common/more-btn-icon_white.svg");
  background-position: right;
  background-repeat: no-repeat;
  background-size: 8px 8px;
  display: block;
}

.web-btn a span small {
  padding-left: 10px;
  font-weight: normal;
  font-size: 1.2rem;
}

@media screen and (max-width: 320px) {
  .web-btn a span small {
    font-size: 1.1rem;
  }
}

/*▼ 速報 ▼*/
.newsletter {
  margin-top: 10px;
  width: 100%;
}

.newsletter-heading {
  display: none;
}

.newsletter ul {
  border-bottom: 1px solid #8fc995;
}

.newsletter ul li:not(:first-child) {
  border-top: 1px dotted #b2b2b2;
}

.newsletter ul li a {
  display: block;
  padding: 8px 4%;
  font-size: 1.4rem;
  line-height: 1.4;
}

.newsletter ul li a .title {
  width: 100%;
}

.newsletter ul li a .date {
  text-align: right;
  font-size: 1.2rem;
  margin-top: 1rem;
  width: 100%;
  color: #808080;
}

/*▼ 検索エリア ▼*/
#main-column .search-outer {
  background-color: #f7faf8;
  width: 100%;
  padding: 20px 20px 20px 20px;
  margin-bottom: 30px;
}

#main-column .search-outer .section-ttl-box {
  padding-bottom: 3px;
  margin-bottom: 15px;
  border-bottom: 2px solid #bfbfbf;
  display: block;
}
#main-column .search-outer .section-ttl-box__ttl{
  font-size: 2.4rem;
  color: #88002c;
  display: inline;
}
#main-column .search-outer .author-box{
  /*
  display:flex;
  flex-direction:row;
  align-items: flex-start;
  */
}
#main-column .search-outer .author-image-icon{
  float:left;
  max-width:none;
  width:100px;
  margin-right:20px;
}
#main-column .search-outer .author-profile-name.--kanji{
  font-size: 2.4rem;
}
#main-column .search-outer .author-profile-name.--hiragana{
  margin-left: 20px;
  font-size: 1.6rem;
}
#main-column .search-outer .author-profile-title{
  font-size: 1.4rem;
}
#main-column .search-outer .author-profile-title__author-affiliation{
  margin-right: 20px;
}

.search form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin:20px 4% 20px 4%;
}

.search-input {
  width: 85%;
  height: 27px;
  background-image: url("/common/soon/images/v1/common/search-icon.svg");
  background-position: left;
  background-repeat: no-repeat;
  padding: 3px 0 0 23px;
  background-size: 20px 20px;
  border: 1px solid #dae3de;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.search-button {
  width: 15%;
  background-color: #ddd;
  color: #fff;
  border: none;
  font-size: 1.2rem;
  height: 27px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*▼ ランキング ▼*/
.ranking {
  margin-top: 10px;
  border-bottom: 1px solid #b2b2b2;
}

.ranking .sub-heading {
  display: none;
  margin: 0 4% 10px 4%;
}

.ranking-tab {
  overflow: hidden;
  border-top: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ranking-tab li {
  width: 50%;
  padding: 8px 0;
  text-align: center;
  font-size: 1.3rem;
  font-weight: 600;
  color: #999999;
  background-color: #f2f2f2;
}

.ranking-tab li.current {
  color: #43944b;
  background-color: #fff;
}

.ranking .tab-list li:not(:first-child) {
  border-top: 1px dotted #b2b2b2;
}

.ranking .tab-list li a {
  padding: 10px 4%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.ranking .tab-list li a .rank {
  font-size: 2.4rem;
  font-weight: 600;
  color: #43944b;
  margin-right: 10px;
  width: 5%;
}

.ranking .tab-list li a .rank_row {
  font-size: 2.4rem;
  color: #808080;
  margin-right: 10px;
}

.ranking .tab-list li a .title {
  font-size: 1.6rem;
  width: 95%;
    font-weight:bold;
}

/* タブの中身 */
.ranking .ranking-list .tab-list {
  display: none;
}

.ranking .ranking-list .tab-list.current {
  display: block;
}

/*▼ PR ▼*/
#pr-section {
  padding: 15px 4% 0 4%;
  width: 100%;
  position: relative;
}

#pr-section .next {
  position: absolute;
  background-position: left;
  background-repeat: no-repeat;
  padding: 15px;
  background-size: 30px 30px;
  top: 40%;
  left: 4%;
  background-image: url("/common/soon/images/v1/common/carousel-left64_gray.svg");
}

#pr-section .prev {
  position: absolute;
  background-position: right;
  background-repeat: no-repeat;
  padding: 15px;
  background-size: 30px 30px;
  top: 40%;
  right: 4%;
  background-image: url("/common/soon/images/v1/common/carousel-right64_gray.svg");
}

#pr-section ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 40px;
}

#pr-section ul li {
  width: 50%;
}

#pr-section ul li a {
  display: block;
  padding:0 5px;
}

#pr-section ul li a .thumb {
  width: 100%;
}

#pr-section ul li a .thumb img {
  width: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}

#pr-section ul li a .text {
  padding: 8px;
}
#pr-section ul li a .text .title {
  font-size: 1.4rem;
}

#pr-section ul li a .text .date {
  text-align: right;
  padding-top: 8px;
  font-size: 1.2rem;
  color: #808080;
}


/* bxslider css対応 */
.bx-wrapper {
  max-width: 100% !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  margin-bottom: 0 !important;
}

#pr-section .bx-wrapper {
  border: 30px solid #fff !important;
}

#pr-section .next .bx-next,
#pr-section .prev .bx-prev,
.order-box .next .bx-next,
.order-box .prev .bx-prev {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
}

.bx-viewport {
  height: auto !important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background-color: #fff !important;
  border: 1px solid #bdbdbd !important;
}
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover {
  background-color: #4aa453 !important;
  border: 1px solid #4aa453 !important;
}

/*▼ 会社案内 ▼*/
#company-section {
  margin: 60px auto 0 auto;
  border-top: 2px solid #b3b3b3;
  padding-top: 30px;
  width: 100%;
}

#company-section-title {
  font-size: 2.4rem;
  font-weight: 600;
  text-align: center;
  margin: 0 4%;
}

.company-info {
  margin-top: 10px;
}

.company-info .sub-heading {
  margin: 0 4%;
}

.company-info-list {
  margin-top: 10px;
  background-color: #f7faf8;
  padding: 4% 6%;
}

.company-info-list li {
  margin-top: 5px;
  font-size: 1.4rem;
  line-height: 1.5;
}

.company-info-list li a {
  background-image: url("/common/soon/images/v1/common/icon-link-small_gray.png");
  background-position: top left;
  background-repeat: no-repeat;
  padding: 0 0 3px 15px;
  display: block;
}

.company-sns {
  margin: 20px auto 0 auto;
  padding: 0 4%;
}

.sns-heading:after {
  content: " ";
  display: block;
  clear: both;
}

.sns-heading .sub-heading {
  float: left;
}

.sns-heading .sns-heading-link {
  float: right;
  font-size: 1.3rem;
  margin-top: 5px;
}

.sns-heading-link a {
  background-image: url("/common/soon/images/v1/common/icon-link-small_gray.png");
  background-position: top right;
  background-repeat: no-repeat;
  padding: 3px 15px 0 0;
}

.fb-iframe {
  text-align: center;
  margin-top: 10px;
}

.sns-link:after {
  content: " ";
  display: block;
  clear: both;
}

.sns-link p {
  float: left;
  font-size: 1.4rem;
  padding-top: 1rem;
}

.sns-link .twi {
  float: right;
  margin-left: 5px;
}

.sns-link .fb {
  float: right;
}

.sns-icon span a {
  display: block;
  width: 40px;
  height: 40px;
  background-color: #999999;
  padding: 8px 0;
  border-radius: 4px;
}

.sns-icon span a img {
  display: block;
  margin: 0 auto;
  height: 100%;
}

/*▼ 動画 ▼*/
#movie-section,
#webphoto-section {
  background-color: #f2f2f2;
  padding: 20px 0;
  margin-top: 40px;
}

#movie-section_inner {
  margin: 0 auto;
  width: 100%;
}

#movie-section-title {
  font-size: 2.4rem;
  font-weight: 600;
  text-align: center;
}

.movie-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-top: 10px;
  padding: 0 0 0 4%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.movie-list ul li {
  background-color: #fff;
  margin-right:20px;
}

.movie-list ul li a {
  padding-bottom: 0;
  display: block;
}

.movie-list ul li a .thumb {
  width: 100%;
  background-color: #fff;
}

.movie-list ul li a .thumb img {
  width: 100%;
  height: 233px;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}

.movie-list ul li a .text {
  padding: 5%;
}

.movie-list ul li a .text .title {
  font-size: 1.4rem;
  line-height: 1.4;
}

.movie-list ul li a .text .date {
  text-align: right;
  font-size: 1.2rem;
  padding-top: 5%;
  color: #808080;
}

.movie-list {
  position: relative;
}

.movie-list .next {
  position: absolute;
  background-position: bottom;
  background-repeat: no-repeat;
  padding: 15px;
  background-size: 30px 30px;
  left: 4%;
  bottom: -40px;
  background-image: url("/common/soon/images/v1/common/carousel-left64_gray.svg");
}

.movie-list .prev {
  position: absolute;
  background-position: bottom;
  background-repeat: no-repeat;
  padding: 15px;
  background-size: 30px 30px;
  right: 4%;
  bottom: -40px;
  background-image: url("/common/soon/images/v1/common/carousel-right64_gray.svg");
}

.movie-list .next .bx-next,
.movie-list .prev .bx-prev{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
}

.movie-list .bx-wrapper {
  border-left: 20px solid #f2f2f2 !important;
  border-right: 20px solid #f2f2f2 !important;
  border-top:none !important;
  border-bottom:none !important;
  background: #f2f2f2 !important;
}

#movie-section_inner .page {
  text-align: center;
  margin-top: 30px;
}

#movie-section_inner .page li {
  display: inline-block;
}

#movie-section_inner .page li a {
  background-color: #fff;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  border-radius: 10px;
  border: 1px solid #bdbdbd;
}

#movie-section_inner .page li.active a {
  background-color: #4aa453;
  border: 1px solid #4aa453;
}

#movie-section_inner .more-btn {
  margin-top: 60px;
}

/*▼ 特集 ▼*/
#feature-section {
  margin: 40px auto 0 auto;
  width: 100%;
}

#feature-section-title {
  font-size: 2.4rem;
  font-weight: 600;
  text-align: center;
  padding: 0 4%;
}

.feature-list {
  padding: 0 4%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 10px;
}

.feature-list a {
  width: 100%;
  position: relative;
}

.feature-list a:not(:first-child) {
  margin-top: 10px;
}

.feature-list a li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 5px solid #f2f2f2;
}

.feature-list a li .thumb {
  width: 80px;
  height: 80px;
}

.feature-list a li .thumb img {
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
}

.feature-list a li .text {
  padding: 8px;
  width: calc(100% - 80px);
}

.feature-list a li .title {
  font-size: 1.6rem;
}

.feature-list a li .date {
  text-align: right;
  font-size: 1.2rem;
  color: #808080;
  position: absolute;
  bottom: 13px;
  right: 13px;
}

/*▼ payment ▼*/
#payment-section {
  background-color: #f1f1f1;
  padding: 20px 4%;
  margin-top: 40px;
}

ul.login-list-main {
  width: 100%;
}

ul.login-list-main li {
  display: inline-block;
  width: 48%;
}

ul.login-list-main li:not(:nth-child(2n)) {
  margin-right: 2%;
}

ul.login-list-main li a {
  padding: 1.5rem 1.5rem 1.5rem 4rem;
  display: block;
  background-color: #fff;
  color: #4aa453;
  position:relative;
  line-height: 1.6rem;
  margin-bottom: 10px;
 -webkit-box-shadow: 0 1px 1px #ccc;
          box-shadow: 0 1px 1px #ccc;
  font-size: 1.4rem;
}

ul.login-list-main li.regist a {
  background-color: #f2852c;
  color: #fff;
}

ul.login-list-main li a:before {
  content: "";
  position: absolute;
  left: 1.5rem;
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
}

ul.login-list-main li.login a:before {
  background: url("/common/soon/images/v1/payment/icon-login.png") no-repeat;
  background-size: contain;
}

ul.login-list-main li.regist a:before {
  background: url("/common/soon/images/v1/payment/icon-regist_white.png") no-repeat;
  background-size: contain;
}

ul.login-list-main li.member a:before {
  background: url("/common/soon/images/v1/payment/icon-member.png") no-repeat;
  background-size: contain;
}

ul.login-list-main li.alert a:before {
  background: url("/common/soon/images/v1/payment/icon-alert.png") no-repeat;
  background-size: contain;
}

ul.login-list-sub li {
  padding-top: 5px;
   font-size: 1.4rem;
}

ul.login-list-sub li a {
  font-size: 1.4rem;
  position: relative;
  padding-left: 1.5rem;
}

ul.login-list-sub li a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid #666;
  border-right: 1px solid #666;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

/*▼ 利用規約モーダル ▼*/
#terms {
    padding: 3rem 2rem;
}

#terms p {
  font-size: 1.4rem;
  line-height: 1.6;
  margin-top: 1.5rem;
}

#terms .add-box {
  margin: 20px 0 0 0;
}

#terms .add-box p:first-child {
  margin-top: 0;
}

.modal {
  display: none;
}

#terms ul li {
  font-size: 1.4rem;
  line-height: 1.6;
  margin-top: 0.5rem;
}


/*▼ footer ▼*/
footer {
  margin-top: 60px;
  /*古いSafariでfooterが横に広がるのを防ぐため*/
  overflow:hidden;
}

.page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

.move-page-top {
  display: block;
  z-index: 999;
  padding: 0 0 0;
  border-radius: 30px;
  width: 43px;
  height: 43px;
  text-decoration: none;
  text-align: center;
  opacity: 0.9;
  background: url(/common/soon/images/v1/common/icon-page-top.png) no-repeat #4aa453 top 45% center;
  background-size: 18px;
}

#company-logo {
  margin: 0 auto;
  width: 100%;
  text-align: center;
}

#footer-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  border-top: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
}

#footer-menu li {
  width: 50%;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  font-size: 1.4rem;
}
#footer-menu li:nth-of-type(2n+1) {
clear:both;
}
#footer-menu li a {
  display: block;
  padding: 10px 10px 10px 30px;
}

#footer-menu li a span {
  display: block;
  background-image: url("/common/soon/images/v1/common/icon-link-small_gray.png");
  background-position: right top;
  background-repeat: no-repeat;
}

.primary-navi {
  margin: 30px 4% 0 4%;
  text-align: center;
}

.primary-navi li {
  font-size: 1.1rem;
  display: inline-block;
  padding-left: 10px;
}

.primary-navi li:not(:last-child) {
  border-right: 1px solid #666666;
  padding-right: 10px;
}

#copy {
  margin-top: 10px;
  background-color: #3c8543;
  color: #edf5f1;
  padding: 10px 4%;
}

#copy p {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  font-size:1rem;
}

#copy p:not(:first-child) {
  padding-top: 10px;
}

/*▼ 下層ページ -------------------------------------------- ▼*/
/*▼ pickup ▼*/
#contents-bottom .pickup {
  padding: 0 4%;
}

#contents-bottom .pickup ul li:not(:first-child) {
  padding-top: 15px;
}

#contents-bottom .pickup ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#contents-bottom .pickup ul li a .text {
  width: calc(100% - 80px);
}

#contents-bottom .pickup ul li a .text .title {
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 600;
}

#contents-bottom .pickup ul li a .text .copy {
  padding-top: 5px;
  font-size: 1.2rem;
  line-height: 1.5;
  color: #4c4c4c;
}

#contents-bottom .pickup ul li a .text .copy small {
  color: #999999;
}

#contents-bottom .pickup ul li a .thumb {
  width: 70px;
  height: 70px;
  padding-right: 10px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

#contents-bottom .pickup ul li a .thumb img {
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
  width: 70px;
  height: 70px;
}

/*▼ breadcrumb ▼*/
#breadcrumb {
  padding: 30px 4% 0 4%;
  font-size: 1.2rem;
}

#breadcrumb a {
  font-weight: 600;
  color: #4c4c4c;
}

#breadcrumb a:hover {
  color: #4aa453;
}

#breadcrumb a:not(:first-child):before,
#breadcrumb span.lowermost:before {
  content: "/";
  display: inline-block;
  padding: 0 0.7rem;
  font-size: 1.4rem;
  font-weight: normal;
  color: #666;
}

/*▼ 記事ページ▼*/
#signage {
  margin: 20px 4% 0 4%;
}

#signage h1 {
  font-size: 2.4rem;
  line-height: 1.4;
}

#signage h2 {
  font-size: 1.5rem;
  font-weight: normal;
  color:#666;
}

#signage .pubdate {
  border-left: 3px solid #4aa453;
  padding: 0 0 0 8px;
  font-size: 1.2rem;
  line-height: 1;
  color: #808080;
  margin-top: 15px;
}

#signage ul.tags {
  margin-top: 10px;
}

#signage ul.tags li {
  display: inline-block;
}

#signage ul.tags li:not(:first-child) {
  margin-left: 5px;
}

#signage ul.tags li a {
  display: block;
  background-color: #f2f2f2;
  border: 1px solid #e5e5e5;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 5px 10px;
  font-size: 1.2rem;
}

/* #▼記事ページ基本設定▼ */
.article-body {
  font-size: 1.6rem;
  line-height: 1.8;
  padding: 40px 4% 0 4%;
}

.article-body .caption {
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 0;
  color: #666;
  padding-top: 5px;
}

.article-body a {
  color: #4aa453;
  text-decoration: underline;
}

.article-body a:hover {
  text-decoration: none;
}

.article-body ul,
.article-body ol {
  margin-left: 4%;
}

.article-body ul.pstudio-item {
  margin-left: 0;
}

.article-body ul li:before {
  content: "●";
  padding-right: 1rem;
}

.article-body ul.pstudio-item li:before,
.article-body ul.order-item li:before,
.article-body ul#spride-archive li:before {
    display: none;
}

.article-body ol {
  counter-reset: section;
}

.article-body ol li:before {
  padding-right: 0.6rem;
  counter-increment: section;
  /* section カウンタのこのインスタンスのみ増加 */
  content: counters(section, "-") " ";
  /* "." で区切られた section カウンタのインスタンスの値を付加 */
}

.article-body ol ol {
  padding: 1rem 0 0 0;
  font-size: 1.5rem;
}

.article-body ol ol li:before {
  padding-left: 2rem;
}

.article-body p {
  margin-bottom: 1.6rem;
  overflow-wrap: break-word;
  word-wrap: break-word;
  text-align: justify;
  font-size:110%;
}

.article-body p iframe {
  width: 100% !important;
}

.article-body p:not(:first-child) {
  margin-top: 1.5rem;
}

/* #▼ 記事ページ中のh2,h3,h4の指定▼ */
.article-body h2 {
  font-size: 2.2rem;
  line-height: 1.4;
}

.article-body h3 {
  font-size: 1.8rem;
  line-height: 1.4;
}

.article-body h4 {
  font-size: 1.6rem;
  line-height: 1.4;
}


.article-body h1:not(:first-child),
.article-body h2:not(:first-child),
.article-body h3:not(:first-child),
.article-body h4:not(:first-child),
.article-body h5:not(:first-child),
.article-body h6:not(:first-child) {
  margin-top: 3.5rem;
}

.article-body h2,
.article-body h3,
.article-body h4,
.article-body h5,
.article-body h6,
.article-body ul,
.article-body ol,
.article-body table {
  margin-bottom: 1.5rem;
}

.article-body h4:after {
  content: '';
  display: block;
  margin-top: 0.5rem;
  width: 80px;
  height: 2px;
  background-color: #ccc;
}

/* #▼ 記事ページ中の.frameの指定▼ */
.article-body .frame {
  display: block;
  clear: both;
  padding: 5px;
  color: #222;
  background-color: #f5f5f5;
  border: dotted 2px #ccc;
  margin: 0 0 30px;
  font-size: 1.5rem;
  line-height: 1.6;
}

.article-body video {
  width: 100%;
}


/* #▼投稿用画像の設定▼ */
.article-body img {
  max-width: 100%;
  text-align: center;
  margin: 0 auto;
}

.image-area {
  width: 100% !important;
  margin-bottom: 10px;
}

.image-area img {
  max-width: 100%;
  display: block;
  margin:0 auto;
}

.article-body .article-photo-slide {
  margin-bottom: 20px;
  position:relative;
}

.article-body .img-rectangle .article-photo-slide .slide-area .slide .photo {
  height: 200px;
  background-color: #e6e6e6;
  position: relative;
}

.article-body .img-rectangle .article-photo-slide .slide-area .slide:nth-child(n+2) {
  /*margin-top: 20px;*/
}

.article-body .img-rectangle .article-photo-slide .slide-area .slide .photo img {
  position: absolute;
  display: block;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.article-body .img-rectangle .article-photo-slide .slide-area .slide .expand {
  position: absolute;
  right: 0;
  bottom: 0px;
  display: block;
  font-size: 1.2rem;
  background-color: #8fc995;
  padding: 2px 10px 2px 27px;
  border-radius: 4px;
  background-image: url("/common/soon/images/v1/common/rupe-white.svg");
  background-repeat: no-repeat;
  background-position: 6px 3px;
  background-size: 16px;
}

.article-body .img-rectangle .article-photo-slide .slide-area .slide .expand span {
  color: #fff;
}

.article-body .expand a {
  text-decoration: none;
}

.article-body .img-rectangle .article-photo-slide .slide-area .slide .summary p {
  font-size: 1.2rem;
  line-height: 1.5;
  margin: 0;
  color: #666;
  margin-top: 0.5rem;
}

.article-body .slide-wrapper .bx-wrapper{
  margin:0px 0px 0px 0px;
  border:none;
  box-shadow:0 0 0 #fff;
}

.article-body .slide-wrapper #slide-next{
  position: absolute;
  top: 80px;
  right: -10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  text-indent: -100em;
  background: url(/common/soon/images/v1/common/arrow-gray-right.svg) no-repeat left top;
  background-size: 30px;
  z-index:10;
}
.article-body .slide-wrapper #slide-prev{
  position: absolute;
  top: 80px;
  left: -10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  text-indent: -100em;
  background: url(/common/soon/images/v1/common/arrow-gray-left.svg) no-repeat left top;
  background-size: 30px;
  z-index:10;
}

.article-body .slide-wrapper #slide-next a,
.article-body .slide-wrapper #slide-prev a{
  display: block;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.article-photo-slide .thumbnail{
  margin-top:0px;
  height:auto;
  background-color:#f2f2f2;
  text-align:center;
}
.article-photo-slide .thumbnail span{
  width:50px;
  overflow:hidden;
  display:inline-block;
  margin:4px 0px 4px 2px;
  text-align:center;
}

.article-photo-slide .thumbnail span:nth-of-type(6n){
  margin:4px 2px 4px 0px;
}

.article-photo-slide .thumbnail span a{
  opacity:0.6;
}
.article-photo-slide .thumbnail span a.active{
  opacity:1;
}
.article-photo-slide .thumbnail span:last-child{
  margin-right:0;
}
.article-photo-slide .thumbnail span a{
  height:50px;
  display:block;
  position: relative;
}
.article-photo-slide .thumbnail span img{
  display:block;
  bottom: 0;
  left: 0;
  margin: auto;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  
  -o-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  width: 100%;
  height: 100%;
}


/* #▼動画が投稿された場合の設定▼ */
.video {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
}

.video iframe {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.videofull {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
}

.videofull iframe {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.videofull-v {
max-width: 360px;
    margin: 20px auto;
    height: 640px;
    position: relative;
}

.videofull-v iframe {
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*▼ 記事ページ もっと読む▼*/
a.more-c {
  background-color: #4aa453;
  color: #fff;
  font-size: 1rem;
  padding: 0.5rem 1rem;
  display: block;
  margin: 1rem auto 2rem;
  width: 80%;
  text-align: center;
}

.article-body .next-page-info {
  margin: 60px auto 0;
  font-size: 1.6rem;
  font-weight: 300;
  clear: both;
  text-align: left;
}

.article-body .next-page-info a {
  display: inline-block;
  text-decoration: none;
  padding: 1rem 4%;
  border-bottom: 1px solid #aaa;
  border-top: 1px solid #aaa;
  width: 100%;
}

.article-body .next-page-info a:before {
  content: " ";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 0 7px 12.1px;
  border-color: transparent transparent transparent #4aa453;
  padding-right: 0.8rem;
}

#main-column .pagination {
  margin: 20px 0;
  vertical-align: baseline;
  text-align: center;
  clear: both;
}

.pagination span {
  display: inline-block;
  border: 1px solid #f2f2f2;
  font-size: 2rem;
  width: 4rem;
  height: 4rem;
  text-align: center;
  color: #4aa453;
  vertical-align: middle;
  margin-left: 8px;
  line-height: 2;
}

#main-column .pagination a {
  display: inline-block;
}

.pagination .current {
  background-color: #4aa453;
  color: #fff;
}

.pagination a .next {
  position: relative;
  text-indent: -100rem;
}

.pagination a .prev {
  position: relative;
  text-indent: -100rem;
}

.pagination .next::before, .pagination .prev::before {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  display: inline-block;
  border: 1px solid #aaa;
  width: 10px;
  height: 10px;
  position: absolute;
  border-top: medium none;
  border-left: medium none;
}

.pagination .next::before {
  right: 0.5rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.pagination .prev::before {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  left: 0.5rem;
}

/*▼ 記事ページ内テーブル ▼*/
.article-body table {
  width: 100%;
  border-top: 1px solid #f2f2f2;
  border-left: 1px solid #f2f2f2;
  border-spacing: 0;
  font-size: 14px;
}

.article-body table th {
  background-color: #f2f2f2;
  border-right: 1px solid #f2f2f2;
  border-bottom: 1px solid #fff;
  padding: 8px;
}

.article-body table th:not(:last-child) {
  border-right: 1px solid #fff;
}

.article-body table td {
  padding: 8px;
  border-bottom: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
}

.article-sns {
  padding: 1rem 4% 0;
  margin-top: 30px;
}

.article-sns a {
  display: block;
  width: 23%;
  height: 32px;
  text-align: center;
  border-radius: 3px;
  padding: 7px 0;
  float: left;
  margin-right: 2%;
  margin-top: 0;
}

.article-sns a img {
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  display: block;
}

.article-sns .twitter {
  background-color: #111;
}

.article-sns .facebook {
  background-color: #365899;
}

.article-sns .line {
  background-color: #00b900;
}

.article-sns .hatena {
  background-color: #1a99ce;
}

.article-body .login-wrapper {
  margin: 40px 0 0 0;
}

.article-body .login-wrapper p {
  text-align: left;
  font-size: 1.4rem;
}

.article-body .login-wrapper .entry,
.article-body .login-wrapper .login {
  margin-top: 10px;
}

.article-body .login-wrapper .entry a {
  margin: 0 auto;
  border: 1px solid #4aa453;
  border-radius: 6px;
  color: #fff;
  background-color: #4aa453;
  display: block;
  width: 100%;
  height: 42px;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 10px;
  text-align: center;
}

.article-body .login-wrapper .entry a span {
  background-image: url("/common/soon/images/v1/common/more-btn-icon_white.svg");
  background-position: right;
  background-repeat: no-repeat;
  background-size: 8px 8px;
  display: block;
}

.article-body .login-wrapper .login a {
  margin: 0 auto;
  border: 1px solid #4aa453;
  border-radius: 6px;
  color: #4aa453;
  display: block;
  width: 100%;
  height: 42px;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 10px;
  background-color: #fff;
  text-align: center;
}

.article-body .login-wrapper .login a span {
  background-image: url("/common/soon/images/v1/common/more-btn-icon.svg");
  background-position: right;
  background-repeat: no-repeat;
  background-size: 8px 8px;
  display: block;
}

#related-article {
  padding: 40px 4% 20px 4%;
  border-bottom: 1px solid #e5e5e5;
}

#related-article ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#related-article ul li {
  width: 48%;
  padding-bottom: 20px;
}

#related-article ul li:not(:nth-child(2n)) {
  margin-right: 4%;
}

#related-article ul li a {
  display: block;
}

#related-article ul li a .thumb {
  width: 100%;
}

#related-article ul li a .thumb img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
}

#related-article ul li a .title {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-top: 5px;
}

#related-article ul li a .date {
  text-align: right;
  padding: 5px 0 0 0;
  font-size: 1.2rem;
  color: #808080;
}

#article-headline {
  margin-top: 40px;
}

#article-headline .sub-heading {
  margin: 0 4% 20px 4%;
  background: none;
  text-align: center;
  padding-left: 0;
}

.article-body .related-news-simple-container:before{content:"【関連ニュース】";font-size:1.1rem;font-weight:bold}
.article-body .related-news-simple-container a{font-weight:bold;;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px 20px;background:#fafafa;display:block;}
  
/*▼ カテゴリページ ▼*/
#article-category {
  margin: 20px 0 0 0;
}

#article-category .heading,
h1.heading {
  font-size: 2.4rem;
  line-height: 1.3;
  border-left: 0.4rem solid #4aa453;
  padding-left: 1rem;
  margin: 0 4% 30px 4%;
}

#article-category h1.heading.small {
  font-size: 1.8rem;
}

ul.article-category-list {
  width: 100%;
}

ul.article-category-list li {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 1rem;
  padding: 0 4% 1rem 4%;
  width: 100%;
}

ul.article-category-list li a {
  width: 100%;
}

ul.article-category-list li a:after {
    content:" ";
    display:block;
    clear:both;
}

ul.article-category-list li a .text {
  /*width: calc(100% - 110px);*/
  overflow: hidden;
}

.special-type-a ul.article-category-list li a .text {
  width: 100%;
}

ul.article-category-list li a .link {
  background-image: url(/common/soon/images/v1/common/icon-link-small_gray.png);
  background-position: top left;
  background-repeat: no-repeat;
  padding: 0 0 3px 10px;
  display: block;
  font-size: 1.2rem;
  margin-top: 1rem;
  color: #4aa453;
  text-decoration: underline;
}

ul.article-category-list li a .title {
  font-size: 1.6rem;
  line-height: 1.4;
}

ul.article-category-list li a .sub-title {
  font-size: 1.2rem;
  line-height: 1.4;
  padding: 8px 0 0 0;
}

ul.article-category-list li a .date {
  font-size: 1.2rem;
  color: #808080;
  padding: 8px 0 0 0;
}

ul.article-category-list li a .thumb {
  padding-left: 10px;
  float: right;
  position:relative;
}

ul.article-category-list li a .thumb img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
}

#sp_top_1st_rec {
  margin-top: 30px;
}

.no-result {
    font-size: 1.6rem;
    padding: 0 4% 1rem 4%;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 3rem;
}

/* ▼ 静的ページ ▼ */
.static{
  margin-bottom: 30px;
}

.static h1 {
  font-size: 2.4rem;
  line-height: 1.4;
  border-left: 0.4rem solid #4aa453;
  padding-left: 1rem;
  font-weight: 600;
  margin-bottom: 20px;
}

.static h2 {
  border-top: 2px solid #666;
  border-bottom: 2px solid #666;
  padding: 15px 20px;
  width: 100%;
}

.static h3 {
  color: #4aa453;
}

.static h3:before,
.static h4:after {
  display: none;
}

.article-body.static {
    padding: 20px 4% 0 4%;
}

/*▼tableを横スクロールさせる▼*/
.static .scroll table {
  width:670px;
}
.static .scroll {
  overflow: auto;　　　　
  white-space: nowrap;
  margin-bottom: 1.5rem;
}
.static .scroll::-webkit-scrollbar {
  height: 5px;
}
.static .scroll::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.static .scroll::-webkit-scrollbar-thumb {
  background: #ccc;
}
/*▲tableを横スクロールさせる▲*/

/* ▼お天気ページ（サンプル）▼ */
#main-column .weather{
margin-bottom:10rem;
padding: 20px 4% 0 4%;
}
.weather h1 {
font-size: 2.4rem;
line-height: 1.3;
border-left: 0.4rem solid #4aa453;
padding-left: 1rem;
margin: 0 0 30px 0;
}
.weather .heading{
margin-bottom:1rem;
border-bottom:1px solid #efefef;
}
#area0-weather,
#area1--weather,
#area2--weather,
#area3--weather,
#area4--weather,
#area5--weather,
#area6--weather{
padding-top:4rem;
margin-top:-75px;
padding-top:calc(75px + 4rem);
}
.weather-nav ul li {
padding-left:1em;
}
.weather-nav ul li:not(:last-child) {
border-bottom:1px solid #ccc;
}

.weather-nav ul li a {
font-size: 1.4rem;
padding:0.5em 1em 0.5em 1.2em;
position: relative;
display: block;
}

.weather-nav ul li a:before {
content: "";
display: inline-block;
position: absolute;
top: 40%;
left: 0.3em;
width: 5px;
height: 5px;
border-top: 1px solid #4aa453;
border-right: 1px solid #4aa453;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.weather .heading:after {
content:" ";
display:block;
clear:both;
}

span.weekly-link {
float:right;
font-size:1.2rem;
}

span.weekly-link a {
font-size: 1.2rem;
background-color: #666;
color: #fff;
padding: 0.5em 1em;
}

.weather .today{
width:100%;
margin-bottom: 20px;
}
.weather .tomorrow{
width:100%;
}
.weather .today .heading,.weather .tomorrow .heading{
text-align:center;
border:none;
margin-bottom:1rem;
}
.weather .heading span{
font-size:2rem;
}
.weather .today .heading span,.weather .tomorrow .heading span{
border:none;
padding:0 0 2px;
border-bottom:1px dashed #909090;
font-size:1.5rem;
font-weight:300;
display:inline;
color: #4aa453;
}
.weather .weekly{
clear:both;

margin-top:-75px;
padding-top:calc(75px + 4rem);
}
.weather .weekly.first{
padding-top:calc(75px + 2rem);
}
.weather .weather-icon{
width:20%;
margin:0 2% 10px auto;
float:left;
}
.weather .weather-icon img{
width:100%;
display:block;
}
.weekly-heading {
margin:60px 0 0 0;
}
.weather .temp{
font-size:1rem;
text-align:center;
margin-bottom:8px;
}
.weather .temp span{
padding:0 2px;
}
.weather .hot{
color:#ffae95;
}
.weather .cold{
color:#2361ad;
}
.weather .rain{
font-size:1.2rem;
width:78%;
border:1px solid #efefef;
}
.weather .rain .time{
background:#f8f8f8;
border:1px solid #efefef;
}
.weather .rain th{
text-align:center;
vertical-align:middle;
font-weight:300;
}
.weather .rain td{
text-align:center;
vertical-align:middle;
font-weight:200;
}
.weather .weekly table{
width:99.5%;
margin:0 auto;
border-collapse: separate;
border-spacing: 2px;
border:1px solid #efefef;
}
.weather .weekly table td{
text-align:center;
vertical-align:middle;
font-size:1.2rem;
}
.weather .weekly table tr td:first-child{
text-align:left;
width:17%;
font-weight:300;
background-color:#f8f8f8;
font-size:1.4rem;
}
.weather .weekly table tr:first-child td{
background-color:#f8f8f8;
}
.weather .weekly table td img{
width:50%;
}
.weather .alart .heading{
margin-bottom:1rem;
}
/* ▲お天気ページ▲ */

/* ▼ フォトギャラリー ▼ */
#photo-gallery {
    margin: 20px 4% 0 4%;
}

.gallery-heading {
  padding-bottom: 10px;
  border-bottom: 2px solid #bfbfbf;
  margin-bottom: 30px;
}

.gallery-heading .pubdate {
  color: #808080;
  text-align: right;
  font-size: 1.2rem;
  margin-top: 15px;
}

.gallery-heading h1 {
  font-size: 2.4rem;
  line-height: 1.4;
  font-weight: 700;
}

.gallery-heading h1 span.sub {
  display:block;
  border-left: 1rem solid #4aa453;
  padding: 0 0 0 0.5rem;
  font-size: 1.2rem;
  line-height: 1;
  margin-bottom: 15px;
}

.gallery-heading-category {
  position: relative;
  margin-top: 40px;
}

.gallery-heading-category .sub-heading {
  width: 80%;
}

.gallery-heading-category .more {
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
  font-size: 1.3rem;
  width: 20%;
  text-decoration: underline;
}

#main-photo-area{
position:relative;
clear:both;
width:100%;
padding-bottom:10px;
font-size:1rem;
line-height:1.4;
overflow:hidden;
}
/* ▼各デバイス別フォトギャラリーの高さ指定▼ */
@media screen and (max-width: 320px) {
#main-photo{
position:relative;
width:100%;
height:300px;
margin:0;
padding-bottom:20px;
}
}
@media screen and (min-width: 321px){
#main-photo{
position:relative;
width:100%;
height:356px;
margin:0;
}
}
/*▲各デバイス別フォトギャラリーの高さ指定ここまで▲ */

#main-photo .photo{
position:relative;
width:100%;
height:100%;
margin:auto;
background-color:transparent;
margin-bottom:10px;
display:none;
}
#main-photo .photo img{
position: absolute;
display:block;
top:0;
bottom:0;
right:0;
left:0;
margin:auto;
max-width:100%;
max-height:100%;
}
#main-photo .photo.current{
display:block;
}
#main-photo .photo .photo-frame{
display:block;
position:relative;
width:100%;
height:73%;
background-color:#fafafa;
margin-bottom:10px;
}
#main-photo .photo.current .photo-frame{
background-color:#fafafa;
}
#main-photo .photo .caption{
display:none;
}
#main-photo .photo.current .caption{
display:block;
width:100%;
}
#main-photo .photo.current .caption .text{
font-size:1.6rem;
line-height:1.6;
}
#main-photo .photo .link{
display:block;
text-align:right;
font-size:1.3rem;
margin-top:1%;
text-decoration:underline;
font-weight:600;
}
#main-photo-area .next{
position: absolute;
top:30%;
right: 5px;
width: 2.5rem;
height: 2.5rem;
text-indent: -100em;
background: url(/common/soon/images/v1/common/carousel-right64_gray.svg) no-repeat left top;
background-size: 2.5rem;
}
#main-photo-area .prev{
position: absolute;
top: 30%;
left: 5px;
width: 2.5rem;
height: 2.5rem;
text-indent: -100em;
background: url(/common/soon/images/v1/common/carousel-left64_gray.svg) no-repeat left top;
background-size: 2.5rem;
}


/* ▼サムネイル一覧▼ */
ul.small-block-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

ul.small-block-list li {
  width: 48%;
  padding-bottom: 40px;
}

ul.small-block-list li:not(:nth-child(2n)) {
  margin-right: 4%;
}

ul.small-block-list li a {
  display: block;
}

ul.small-block-list li .thumb {
  width: 100%;
  height: 150px;
}

ul.small-block-list li .thumb img {
  width: 100%;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
}

ul.small-block-list li .title {
  font-size: 1.4rem;
  line-height: 1.5;
  margin-top: 5px;
}

ul.small-block-list li .link {
  width: 100%;
  margin-top: 10px;
}

ul.small-block-list li .link a {
  margin: 0 auto;
  border: 1px solid #4aa453;
  border-radius: 6px;
  color: #4aa453;
  display: block;
  width: 100%;
  height: 42px;
  font-size: 1.3rem;
  padding: 10px;
  background-color: #fff;
}

ul.small-block-list li .link a span {
  background-image: url("/common/soon/images/v1/common/more-btn-icon.svg");
  background-position: right;
  background-repeat: no-repeat;
  background-size: 8px 8px;
  display: block;
}
/* ▲サムネイル一覧▲ */

/* ▼特設サイト（共通部分）▼ */
.original-feature header,
body.company header {
  width: 100%;
  padding: 5px 4% 5px 4%;
  background-color: #fff;
  border-bottom: 2px solid #dae3de;
  display: table;
}

.original-feature header .logo,
body.company header .logo {
  display: table-cell;
  width: 50%;
  text-align: left;
  vertical-align: middle;
}

.original-feature header .logo img,
body.company header .logo img {
  max-width: 150px;
}

.original-feature header .link,
body.company header .link {
  display: table-cell;
  width: 50%;
  text-align: right;
  vertical-align: middle;
  font-size: 1.2rem;
}

.original-feature header .link a,
body.company header .link a {
  background-image: url(/common/soon/images/v1/common/icon-link-small_gray.png);
  background-position: top right;
  background-repeat: no-repeat;
  padding: 0.1rem 1rem 0 0;
  display: block;
  font-size: 1.2rem;
}

#original-feature-title {
  padding: 20px 4% 20px 4%;
}

#original-feature-title h1 {
  text-align: center;
  width: 80%;
  font-weight: normal;
  margin: auto;
}

#original-feature-title h1 a {
  display: block;
}

#original-feature-title h1 img {
  text-align: center;
  max-width: 180px;
  display: block;
  margin: auto;
}

#original-feature-title .copy {
  font-size: 1.2rem;
  display: block;
  padding-top: 0.5rem;
}

#toggle-menu {
  width: 100%;
  margin-top: 20px;
  font-family: Georgia,"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","游明朝",YuMincho,HGSMinchoE,serif;
}

#toggle-menu dt {
  display: block;
  background-color: #4aa453;
  /* ▲サイトごとに要変更。▲ */
  text-align: center;
  border-radius: 6px;
  cursor:pointer;
}

#toggle-menu dt span {
  display: inline-block;
  color: #fff;
  font-size: 1.6rem;
  padding: 0.5rem 15px 0.5rem 40px;
  position: relative;
}

#toggle-menu dt span:before {
  height: 3px;
  width: 15px;
  position: absolute;
  top: 0;
  left: 15px;
  bottom: 0;
  background: #fff;
  -webkit-box-shadow: 0 5px 0 #fff, 0 -5px 0 #fff;
          box-shadow: 0 5px 0 #fff, 0 -5px 0 #fff;
  content: '';
  display: block;
  margin: auto 0;
}

#toggle-menu dd {
  display: none;
  background-color: #ccc;
  /* ▲サイトごとに要変更。▲ */
}

/* pressoclub start */
#pressoclub-toggle-menu {
  width: 100%;
  margin-top: 20px;
  font-family: Georgia,"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","游明朝",YuMincho,HGSMinchoE,serif;
}

#pressoclub-toggle-menu dt {
  display: block;
  background-color: #4aa453;
  text-align: center;
  border-radius: 6px;
  cursor:pointer;
}

#pressoclub-toggle-menu dt span {
  display: inline-block;
  color: black;
  font-size: 1.6rem;
  padding: 0.5rem 15px 0.5rem 40px;
  position: relative;
}

#pressoclub-toggle-menu dt span:before {
  height: 3px;
  width: 15px;
  position: absolute;
  top: 0;
  left: 15px;
  bottom: 0;
  background: black;
  -webkit-box-shadow: 0 5px 0 black, 0 -5px 0 black;
          box-shadow: 0 5px 0 black, 0 -5px 0 black;
  content: '';
  display: block;
  margin: auto 0;
}

#pressoclub-toggle-menu dd {
  display: none;
  background-color: black;
}
/* pressoclub end*/




#original-feature-menu {
  width: 100%;
  margin: 0 auto;
  background-color: #f1f1f1;
  /* ▲サイトごとに要変更。▲ */
}

#original-feature-menu li {
  width: 100%;
  text-align: center;
  font-size: 1.4rem;
  font-family: Georgia,"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","游明朝",YuMincho,HGSMinchoE,serif;
  /* ▲サイトごとに変更可。▲ */
  font-weight: 600;
  border-top: 1px solid #fff;
}

#original-feature-menu li a {
  display: block;
  padding: 10px 0;
}

#original-feature-pickup {
  margin-bottom: 30px;
}

#original-feature-pickup img {
  max-width: 100%;
  display: block;
}

#original-feature-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 4%;
  width: 100%;
}

#original-feature-list ul li {
  width: 48%;
  background-color: #fff;
  margin-bottom: 40px;
}

#original-feature-list ul li:not(:nth-child(2n)) {
  margin-right: 4%;
}

#original-feature-list ul li a {
  display: block;
}

#original-feature-list ul li a .thumb {
  width: 100%;
  min-height: 100px;
  background-color: #f1f1f1;
}

#original-feature-list ul li a .thumb img {
  width: 100%;
  min-height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
}

#original-feature-list ul li a .text {
  padding: 1rem 1.5rem;
}

#original-feature-list ul li a .title {
  font-size: 1.4rem;
}

#original-feature-list ul li a:hover .title {
  text-decoration: underline;
}

#original-feature-list ul li a .date {
  text-align: right;
  padding: 5px 0 0 0;
  font-size: 1.2rem;
  color: #808080;
}

.original-feature-bnr-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding: 0 4%;
  margin-bottom: 40px;
}

.original-feature-bnr-list ul li {
  width: 48%;
  margin-bottom: 20px;
}

.original-feature-bnr-list ul li:not(:nth-child(2n)) {
  margin-right: 4%;
}

.original-feature-bnr-list ul li img {
  width: 100%;
}

.original-feature-contents {
  margin-bottom: 30px;
}

.original-feature-contents .department {
  font-weight: 600;
  font-size: 1.6rem;
  padding: 0 4%;
}

.original-feature-contents .add {
  font-size: 1.4rem;
  padding: 0 4%;
}

.department-list {
  display: table;
  padding: 0 4%;
  width: 100%;
  margin-top: 20px;
}

.department-list li {
  display: table-cell;
  width: 50%;
  font-size: 1.4rem;
  border-left: 3px solid #ccc;
  padding-left: 10px;
}

/* ▲特設サイト（共通部分）▲ */
/* ▼ASPO用▼ */
.aspo #toggle-menu dt {
  background-color: #f25f71;
}

.aspo #original-feature-menu {
  background-color: #fff0f5;
}

.aspo .subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #f25f71;
  font-size: 1.6rem;
  font-family: Georgia,"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","游明朝",YuMincho,HGSMinchoE,serif;
  font-weight: 600;
  margin-bottom: 20px;
}

.aspo .subtitle:before,
.aspo .subtitle:after {
  content: '';
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 2px;
  background: #f25f71;
  min-width: 20px;
  display: inline-block;
  vertical-align: middle;
}

.aspo .subtitle:before {
  margin-right: 20px;
}

.aspo .subtitle:after {
  margin-left: 20px;
}

.aspo #original-feature-list ul li {
  background-color: #fff0f5;
}

.feature-about {
  padding-bottom: 30px;
}

.feature-about .text {
  font-size: 1.3rem;
  line-height: 1.8;
  margin: 0 4%;
}

#aspo-paper {
  background-image: url(/common/soon/images/v1/common/hr.png);
  background-position: bottom;
  background-repeat: repeat-x;
  padding: 0 0 10px 0;
}

#aspo-paper ul {
  background-image: url(/common/soon/images/v1/common/hr.png);
  background-position: top;
  background-repeat: repeat-x;
  padding: 30px 0 0 0;
}

#aspo-paper ul li {
  clear: both;
  margin-bottom: 20px;
  padding: 0 4%;
}

#aspo-paper ul li:after {
  content: " ";
  display: block;
  clear: both;
}

#aspo-paper ul li .thumb {
  float: right;
  margin: 0 0 10px 10px;
  width: 40%;
}

#aspo-paper ul li .thumb img {
  width: 100%;
}

#aspo-paper ul li .copy {
  font-size: 1.2rem;
  margin-top: 1rem;
}

#aspo-paper .pink-title a {
  color: #f25f71;
  font-size: 1.4rem;
  font-weight: 600;
}

#aspo-paper .pink-title a span {
  display: inline-block;
  color: #fff;
  background-color: #f25f71;
  padding: 1px 8px;
  margin-left: 1rem;
  font-size: 1.2rem;
  font-weight: normal;
}

#aspo-paper .blue-title a {
  color: #5eb0f2;
  font-size: 1.4rem;
  font-weight: 600;
}

#aspo-paper .blue-title a span {
  display: inline-block;
  color: #fff;
  background-color: #5eb0f2;
  padding: 1px 8px;
  margin-left: 1rem;
  font-size: 1.2rem;
  font-weight: normal;
}

.ad-info .thumb {
  text-align: center;
}

.ad-info .thumb img {
  width: 100px;
}

.ad-info .btn {
  margin-top: 20px;
}

.ad-info .btn a {
  margin: 0 auto;
  text-align: center;
  border-radius: 6px;
  display: block;
  width: 250px;
  height: 42px;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 10px;
  color: #fff;
  background-color: #f25f71;
}

.ad-info .btn a:hover {
  background-color: rgba(242, 95, 113, 0.5);
}

.ad-info .btn a span {
  background-image: url("/common/soon/images/v1/common/more-btn-icon_white.svg");
  background-position: right;
  background-repeat: no-repeat;
  background-size: 8px 8px;
  display: block;
}

.aspo-sns {
   margin: 30px auto 0 auto;
   width: 300px;
}

/* ▼しもつけ21フォーラム用▼ */
.forum #toggle-menu dt {
  background-color: #004ea3;
}

.forum #original-feature-menu {
  background-color: #f5f0ff;
}

.forum .subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #004ea3;
  font-size: 1.6rem;
  font-family: Georgia,"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","游明朝",YuMincho,HGSMinchoE,serif;
  font-weight: 600;
  margin-bottom: 20px;
}

.forum .subtitle:before,
.forum .subtitle:after {
  content: '';
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 2px;
  background: #004ea3;
  min-width: 20px;
  display: inline-block;
  vertical-align: middle;
}

.forum .subtitle:before {
  margin-right: 20px;
}

.forum .subtitle:after {
  margin-left: 20px;
}

.forum #original-feature-list ul li {
  background-color: #f5f0ff;
}
.forum #archive-menu table {
  width: 100%;
  margin: 20px auto;
  table-layout: fixed;
  font-size: 14px;
}

.forum #archive-menu table tr {
  background-color: #004ea3;
  border: 1px solid #fff;
  padding: 5px 0;
  text-align: center;
}

.forum #archive-menu table td {
  padding: 5px 0;
  border: 1px solid #fff;
  text-align: center;
}

.forum #archive-menu table td a {
  color: #fff;
}

.forum #archive-menu table td span {
  font-size: 0.8rem;
}

.forum .forum-footer {
  width: 100%;
  margin: 20px auto;
}

.forum .forum-footer .forum-about {
  background-color: #004ea3;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 20px;
}

.forum .forum-footer .forum-contact {
  background-color: #004ea3;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 300;
  padding: 20px;
}

.forum #next-forum {
  margin-bottom: 20px;
  padding: 20px;
  font-size: 1.3rem;
}

.forum #forum-info {
  margin-bottom: 20px;
  padding: 20px;
  font-size: 1.3rem;
}

.forum #forum-member a {
  font-size: 1.4rem;
  font-weight: 600;
  color: #004ea3;
}

.forum #forum-syuzai a {
  font-size: 1.4rem;
  font-weight: 600;
  color: #ffffff;
}

/* ▼採用案内ページ用▼ */
.recruit #toggle-menu dt {
  background-color: #004ea3;
}

.recruit #original-feature-menu {
  background-color: #004ea3;
}

.recruit #original-feature-menu li a {
  display: block;
  padding: 2px 0;
  color: #fff;
}

.recruit #original-feature-menu li ul{
  background-color: #4e9e52;
}

.recruit #original-feature-list ul li {
  width: 100px;
  margin-right: 10px;
}

.recruit #original-feature-list ul li .thumb a {
  width: 100px;
  height: 100px;
}

.recruit #original-feature-list ul li .thumb a img {
  width: 100px;
  height: 100px;
}

.recruit .article-body ul li:before {
  display: none;
}

.recruit .recruit-title {
  font-size: 2rem;
  font-weight: 800;
  border-bottom: 3px solid #004ea3;
  margin: 20px;
}

.recruit #footer-menu {
  padding: 20px;
  background-color: #004ea3;
  color: #fff;
  font-size: 1.4rem;
}

.recruit #footer-menu-inner ul {
   display: block;
   margin-bottom:20px;  border:none;
  padding:0;
}

.recruit #footer-menu-inner ul li {
  border: none;
  padding: 0;
  width: 100%;
}

.recruit #footer-menu-inner ul li a {
  border:none;
  padding:0;
  color: #fff;
  text-decoration: underline;
  font-size: 1.6rem;
}

.recruit #footer-menu-inner ul li.cat_title {
   color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.recruit #footer-menu-inner ul li:not(.cat_title) {
  padding-left: 2rem;
}

.recruit #recruit-contact {
  width: 100%;
  margin: 30px auto;
  color: #fff;
  text-align: center;
}

.recruit #recruit-contact p {
  text-align: center;
}

.recruit #recruit-box {
  max-width: 100%;
  margin: 0 auto 10px auto;
  padding: 5px;
  text-align: center;
  border: 1px solid #6695c8;
  font-size:1.6rem;
}

#recruit-add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-top: 10px;
}

#recruit-add a {
  color:#fff;
  text-decoration: underline;
}

#recruit-tel {
  width: 49%;
  margin-right: 2%;
}

#recruit-tel:before {
  content: url(/common/soon/images/v1/common/recruit-tel.png);
  display: block;
  opacity: 0.4;
}

#recruit-mail {
  width: 49%;
}

#recruit-mail:before {
  content: url(/common/soon/images/v1/common/recruit-mail.png);
  display: block;
  opacity: 0.4;
}

.recruit #copy {
  background-color: #004ea3;
}

.recruit #copy p {
  border-top: 2px solid #6695c8;
  padding-top: 20px;
}

.recruit .recruit-note {
  margin: 5px 0px;
  padding: 5px;
  background-color: #faeaeb;
}

/* 高校野球特集(hsbp)トップ */
body.hsbp .feature-heading {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1;
  margin:30px 4% 20px 4%;
  border-left: 1rem solid #262626;
  padding: 0 0 0 0.5rem;
}
body.hsbp ul.article-category-list li a .sub-title {
  color: #808080;
  padding: 1em 0 0 0;
}
body.hsbp .more-link {
  margin-bottom:30px;
}
body.hsbp .more-link a {
  text-align: right;
  display: block;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 0 4%;
  text-decoration: underline;
}
body.hsbp .more-link a:after {
  content: ">>";
  font-weight: normal;
  display: inline-block;
  padding: 0 0 0 0.5rem;
  font-size: 1.2rem;
  opacity: 0.9;
  text-decoration: none;
}
body.hsbp .more-link a:hover {
  text-decoration: none;
}
.tournament-wrapper {
  margin-bottom:40px;
}
.tournament-heading {
  background-color: #666;
  padding: 1rem 1.5rem;
  color: #fff;
  font-size: 1.8rem;
}
.tournament-heading:after {
  content:" ";
  display:block;
  clear:both;
}
.tournament-heading span {
  background-color: #262626;
  font-size: 1.4rem;
  display: inline-block;
  padding: 2px 12px;
  margin-left:1rem;
  float: right;
}
.tournament-block ul {
  border-top: 1px solid #262626;
  border-bottom: 1px solid #262626;
  padding: 0.5em 4% 0;
  margin-top: 1px;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
}
.tournament-block ul li {
  display:inline-block;
  padding-bottom: 0.5em;
}
.tournament-block ul li:before,
ul.hsbp-schedule li:before,
ul.hsbp-team li:before {content: none;}
.tournament-block ul li a {
  font-size: 1.4rem;
  padding-left: 1.2em;
  position: relative;
  margin-right: 1em;
  text-decoration: none;
  color: #4aa453;
}
.tournament-block ul li a::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 30%;
  left: 0.3em;
  width: 5px;
  height: 5px;
  border-top: 1px solid #4aa453;
  border-right: 1px solid #4aa453;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
body.hsbp h3 {
  /* padding:2em 4% 0.5em; */
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: 600;
}
body.hsbp h3#schedule,body.hsbp h3#team {
  padding:2em 4% 0.5em;
}

body.hsbp .hsbp-tab-contents h3 {padding:1em 4% 0.5em;}
body.hsbp h3:before {
  content: "";
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 0.4rem;
  width: 1rem;
  height: 0.2rem;
  background-color: #262626;
}
body.hsbp h3#schedule:before,body.hsbp h3#team:before {
  margin-right: 0.5rem;
  height: 0.5rem;
  background-color: #ccc;
}

ul.hsbp-schedule {
  padding-left: 2em;
}
ul.hsbp-schedule li a {
  text-decoration: underline;
  font-size: 1.5rem;
  color: #4aa453;
}
.tournamen-body {
  font-size:1.6rem;
}
ul.team-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
  border-left: 1px solid #f2f2f2;
}
ul.team-list li {
  width: calc(100% / 3);
  padding: 12px;
  color: #4aa453;
  font-size: 1.6rem;
  font-weight: bold;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
}
ul.team-list li:nth-child(n + 4) {
  border-top: none;
}
ul.team-list li:before {
  content: none;
}
ul.team-list li a {
  text-decoration: none;
  color: #4aa453;
}
ul.team-list li .team-sn a {
  font-size: 1.2rem;
  text-decoration: none;
  position: relative;
  background-color: #4aa453;
  border: 1px solid #4aa453;
  font-weight: normal;
  color: #fff;
  border-radius: 16px;
  padding: 0.2em 0.8em;
}
.team-sn a:hover {
   color: #4aa453;
   background-color: #fff;
}
.teams-area {
  background-color: #f2f2f2;
  padding: 0.3em 4%;
  font-size:1.6rem;
}
body.hsbp h2.past {
    background-image: url(/common/soon/images/v1/common/hr.png);
    background-position: top;
    background-repeat: repeat-x;
    padding: 30px 4% 10px;
}
ul.hsbp-columns {
  padding:0 4%;
}
ul.hsbp-columns li {
  padding-left: 1em;
  padding-bottom: 0.3em;
}
ul.hsbp-columns li a,
ul.hsbp-team li a{
  display: block;
  font-size: 1.5rem;
  padding-top: 0.1em;
  color: #4aa453;
  text-decoration: underline;
}
.hsbp-heading {
    padding:20px 4% 10px;
    border-bottom: 2px solid #bfbfbf;
    margin-bottom: 20px;
}
.hsbp-heading h1 {
  font-size: 2.4rem;
  line-height: 1.4;
  font-weight: 700;
}
.hsbp-heading h1 span.sub {
  display:block;
  border-left: 1rem solid #262626;
  padding: 0 0 0 0.5rem;
  font-size: 1.2rem;
  line-height: 1;
  margin-bottom: 15px;
}
ul.hsbp-team {
  padding:0 4%;
}
ul.hsbp-team li {
  padding-bottom: 0.3em;
}
.hsbp-tab-list {
  display: none;
}
.hsbp-tab-list.current {
 display: block;
}
.hsbp-tab {
  overflow: hidden;
  border-top: 1px solid #b2b2b2;
  border-bottom: 1px solid #b2b2b2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hsbp-tab li {
  width: 50%;
  padding: 8px 0;
  text-align: center;
  font-size: 1.3rem;
  font-weight: 600;
  color: #999999;
  background-color: #f2f2f2;
  cursor: pointer;
}
.hsbp-tab li.current {
  color: #43944b;
  background-color: #fff;
}
.tournament-wrapper,
.hsbp-team-wrapper,
body.hsbp #feature-related-list_wrap,
body.hsbp .article-body {
  margin-bottom: 60px;
}

/* 特集テーマトップ */
.feature-heading {
  margin: 10px 20px 0px 15px;
  font-size: 1.6rem;
  font-weight: 700;
}

.feature-heading .feature-link {
  float: right;
  font-size: 1.5rem;
}

/* 特集トップ */
.feature-unit h1.heading {
    margin: 30px 4% 30px 4%;
}

.feature-unit .feature-article {
  padding:0 4%;
}

.feature-unit .feature-article li {
  width: 90%;
  margin: 0 auto 30px auto;
}

.feature-unit .feature-article li .thumb {
  width: 100%;
  height: auto;
}

.feature-unit .feature-article li .thumb img {
  display: block;
  width: 100%;
  height: auto;
}

.feature-article li h2 {
  font-size: 1.8rem;
  font-weight: normal;
  margin-top: 0.5rem;
}

.feature-article li h2 a {
  display: block;
}

/* WEB写真館 */
form.pstudio {
  margin-bottom: 40px;
}

.pstudio-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 30px;
}

ul.order-item {
  width: 100%;
  overflow: hidden;
  margin: auto;
}

.pstudio-item li {
  margin-bottom: 20px;
  width: 48%;
}

.order-item li {
  width: 100%;
}

.pstudio-item li:not(:nth-child(2n)) {
  margin-right: 4%;
}

.pstudio-item li .thumb,
.order-box li .thumb {
  position:relative;
  width: 100%;
  height: 120px;
  background-color: #efefef;
}

.pstudio-item li .thumb img,
.order-box li .thumb img {
  position: absolute;
  display: block;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom:0;
  display: block;
}

.pstudio-item .order {
  font-size:1.3rem;
  text-align: center;
  margin-top: 0.5rem;
}

.order-btn {
  text-align: center;
  width: 100%;
  margin:20px 0 40px 0;
}

.order-btn input {
  text-align: center;
  width: 130px;
  background-color: #666666;
  color: #fff;
  border: none;
  height: 30px;
  margin:0 10px;
}
@media only screen and (max-width: 320px) {
  .order-btn input {
    width: 120px;
  }
}

.order-box {
  background-color: #f1f1f1;
  padding:20px 50px;
  position:relative;
 }
 
.order-box .bx-wrapper {
  margin: auto;
}

.order-box .next {
  position: absolute;
  background-position: left;
  bottom: 70px;
  left: 10px;
  background-repeat: no-repeat;
  padding: 15px;
  background-size: 30px 30px;
  background-image: url("/common/soon/images/v1/common/carousel-left64_gray.svg");
}

.order-box .prev {
  position: absolute;
  background-position: right;
  bottom: 70px;
  right: 10px;
  background-repeat: no-repeat;
  padding: 15px;
  background-size: 30px 30px;
  background-image: url("/common/soon/images/v1/common/carousel-right64_gray.svg");
}
 
.pstudio-subtitle {
  font-size: 2.2rem;
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.order-box-title {
  font-size: 2.2rem;
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 1rem;
  text-align: center;
}
 
 .pstudio .attention {
  color: #ff0000;
  margin-bottom: 3rem;
}

.pstudio-regist a {
    background-color: #f2852c;
    color: #fff;
    width: 80%;
    min-height: 44px;
    padding: 1rem;
    text-decoration: none;
    display: block;
    font-size: 1.5rem;
    text-align: center;
    -webkit-box-shadow: 0 2px 0px #ccc;
    box-shadow: 0 2px 0px #ccc;
    margin:0 auto;
}

/* ▼トップインタビュー▼ */
.top-interview #breadcrumb {
    padding: 1rem 4%;
}

#top-interview-list ul {
    margin: 0 4%;
}

#top-interview-list {
  width: 100%;
  margin: 30px 0;
  background-image: url(/common/soon/images/v1/common/hr.png);
  background-position: top;
  background-repeat: repeat-x;
  padding: 30px 0 0 0;
}

#top-interview-list ul li {
  clear: both;
  margin-bottom: 10px;
  -webkit-box-shadow: 0px 1px 2px #f1f1f1;
          box-shadow: 0px 1px 2px #f1f1f1;
}

#top-interview-list ul li a {
  display: block;
  border: 1px solid #f1f1f1;
}

#top-interview-list ul li a:after {
  content: " ";
  display: block;
  clear: both;
}

#top-interview-list ul li a .thumb {
  width: 100px;
  height: 100px;
  background-color: #f1f1f1;
  position: relative;
  float: left;
  margin-right: 4%;
}

#top-interview-list ul li a .thumb img {
  position: absolute;
  display: block;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  left: 0;
  right: 0;
}

#top-interview-list ul li a .text {
  padding: 1rem 1.5rem;
}

#top-interview-list ul li a .title {
  font-size: 1.5rem;
  font-weight: 600;
}

#top-interview-list ul li a .link {
  background-image: url(/common/soon/images/v1/common/icon-link-small_gray.png);
  background-position: top left;
  background-repeat: no-repeat;
  padding: 0 0 3px 10px;
  display: inline-block;
  font-size: 1.2rem;
  margin-top:0.5rem;
  color:#4aa453;
  text-decoration: underline;
}

/*▼ 会社案内 ▼*/
body.company .company-menu {
  margin: 10px 0 0 0;
  width: 100%;
}

body.company .company-menu .company-heading {
  background-color: #666;
  padding: 1rem 4%;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 600;
}

body.company .company-menu ul {
}

body.company .company-menu ul li {
  border-top: 1px solid #fff;
}

body.company .company-menu ul li a {
  padding: 1em 10% 1rem 4%;
  display: block;
  width: 100%;
  background-color: #f9f9f9;
  font-size: 1.4rem;
  line-height: 1.4;
  position: relative;
}

body.company .company-menu ul li a:after {
  content: url(/common/soon/images/v1/common/icon-link-small_gray.png);
  padding: 0 6% 3px 0;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 1rem;
}

body.company #toggle-menu dt {
  background-color: #666;
}

body.company #breadcrumb {
  padding: 0 4% 0 4%;
}

/*▼ 特集サイトA ▼*/
.special-type-a #breadcrumb {
  padding: 10px 4% 0 4%;
}

#special-type-a-title {
  padding: 20px 0;
}

#special-type-a-title h1 {
  text-align: center;
  font-weight: normal;
  margin: auto;
}

#special-type-a-title h1 a {
  display: block;
}

#special-type-a-title h1 img {
  text-align: center;
  display: block;
  margin: auto;
}

#special-type-a-title .copy {
  font-size: 1.2rem;
  display: block;
  padding-top: 0.5rem;
}

.special-navi {
  background-color: #fff;
  border-bottom: 1px dotted #262626;
  border-top: 1px dotted #262626;
  padding: 1rem 1rem;
  margin:0 0 0 4%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

.spdef-signage .thumb {
margin: 20px 4% 0;
}

.naver.special-nav {
margin: 20px 4% 0;
}

.special-nav ul li {
padding-left:1em;
}
.special-nav ul li:not(:last-child) {
border-bottom:1px solid #ccc;
}

.special-nav ul li a {
font-size: 1.4rem;
padding:0.5em 1em 0.5em 1.2em;
position: relative;
display: block;
}

.special-nav ul li a:before {
content: "";
display: inline-block;
position: absolute;
top: 40%;
left: 0.3em;
width: 5px;
height: 5px;
border-top: 1px solid #4aa453;
border-right: 1px solid #4aa453;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.special-navi a {
  font-size: 1.3rem;
  background-image: url(/common/soon/images/v1/common/icon-link-small_gray.png);
  background-position: top left;
  background-repeat: no-repeat;
  padding: 0 2rem 0 10px;
  display: inline-block;
  color: #4aa453;
}
.feature-related-article .sub-heading {
  margin-bottom: 2rem;
  width: 100%;
  min-height: 80px;
  background-image: linear-gradient(135deg, #f2a96d 55px, transparent 0);
  padding: 1rem 0 0 4%;
  border-top: 1px solid #f2a96d;
}

.feature-related-article .sub-heading .feature-name {
  font-size: 1.6rem;
  font-weight: 600;
  font-family: Georgia,"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","游明朝",YuMincho,HGSMinchoE,serif;
}

.feature-related-article .sub-heading:after {
  content: " ";
  display: block;
  clear: both;
}

.feature-related-article .sub-heading span {
  font-size: 1.3rem;
  margin:1rem 4% 0 0;
  text-align: right;
  display: block;
}

.feature-related-article .sub-heading span a {
  background-image: url(/common/soon/images/v1/common/icon-link-small_gray.png);
  background-position: top right;
  background-repeat: no-repeat;
  padding: 3px 10px 0 0;
  text-decoration: underline;
  color: #4aa453;
}

.feature-related-article .sub-heading small {
    font-size: 1.1rem;
    font-weight: normal;
    display: block;
    color: #4d4d4d;
    font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
}

.feature-related-article {
  margin-top:20px;
}

ul.feature-related-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 4%;
}

ul.feature-related-list li {
  width: 48%;
  padding-bottom: 20px;
}

ul.feature-related-list li:not(:nth-child(2n)) {
  margin-right: 4%;
}

ul.feature-related-list li a {
  display: block;
}

ul.feature-related-list li a .thumb {
  width: 100%;
}

ul.feature-related-list li a .thumb img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
}

ul.feature-related-list li a .text {
  padding: 1rem 0;
}

ul.feature-related-list li a .title {
  font-size: 1.4rem;
}

ul.feature-related-list li a .link {
  background-image: url(/common/soon/images/v1/common/icon-link-small_gray.png);
  background-position: top left;
  background-repeat: no-repeat;
  padding: 0 0 3px 10px;
  display: block;
  font-size: 1.2rem;
  margin-top:0.5rem;
  color:#4aa453;
  text-decoration: underline;
}

#feature-link {
  margin: 60px 4% 30px 4%;
}

.feature-link-box {
  width: 100%;
  padding: 15px 0 0 0;
  margin-bottom: 40px;
  border-top: 1px solid #ccc;
}

.feature-link-box:after {
  content: " ";
  display: block;
  clear: both;
}

.feature-link-box .image {
   margin: 0 auto;
   width: 60%;
}

.feature-link-box .image img {
  max-width: 100%;
}

.feature-link-box .copy {
  text-align: left;
  background-color: #262626;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 600;
  padding: 0.5rem 1rem;
  display: inline;
}

.feature-link-box .image {
  margin-top:20px;
}

.feature-link-box .title-area {
  width: 100%;
}

.feature-link-box .title {
  margin-top: 1rem;
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: 600;
}

.feature-link-box .sub-title {
  text-align: right;
  font-size: 1.2rem;
  line-height: 1.4;
  margin-top: 1rem;
}

.feature-link-box .text-area {
  padding: 1rem 2rem 1.5rem 2rem;
  position: relative;
  margin:2rem 0;
}

.feature-link-box .text-area:before,
.feature-link-box .text-area:after {
  content: '';
  width: 20px;
  height: 30px;
  position: absolute;
  display: inline-block;
}

.feature-link-box .text-area:before {
  border-left: double 3px #262626;
  border-top: double 3px #262626;
  top: 0;
  left: 0;
}

.feature-link-box .text-area:after {
  border-right: double 3px #262626;
  border-bottom: double 3px #262626;
  bottom: 0;
  right: 0;
}

.feature-link-box .text-area p {
  margin-top: 1rem;
  font-size: 1.4rem;
}

.feature-link-box .link-area a {
  background-image: url(/common/soon/images/v1/common/icon-link-small_gray.png);
  background-position: top left;
  background-repeat: no-repeat;
  margin-left:2rem;
  padding: 0 0 3px 10px;
  display: block;
  font-size: 1.3rem;
  margin-top: 0.5rem;
  color: #4aa453;
  text-decoration: underline;
}

.feature-summary {
  width: 100%;
  min-height:100px;
  background: #fff;
  background-image: linear-gradient(135deg, #f2a96d 80px, transparent 0);
  margin-top:40px;
}

.feature-summary_bottom {
  padding:0 0 60px 0;
  background-image: url(/common/soon/images/v1/common/hr.png);
  background-position: bottom;
  background-repeat: repeat-x;
}

.feature-summary_bottom .more-btn a,
#feature-list .more-btn a {
  width: 84%;
}

.feature-summary p {
  line-height: 1.8;
  font-size: 1.4rem;
}

.feature-summary p:not(:first-child) {
  margin-top: 1rem;
}

.feature-summary .feature-title {
  font-size: 1.6rem;
  font-weight: 600;
  padding: 2rem 8% 2rem 8%;
  font-family: Georgia,"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","游明朝",YuMincho,HGSMinchoE,serif;
}

.feature-summary .feature-title small {
  font-size: 1.1rem;
  font-weight: normal;
  display: block;
  color: #4d4d4d;
  font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
}

.feature-summary .feature-text {
  padding:0 8%;
}

#feature-list {
  margin: 30px 4% 0 4%;
}

#feature-list ul li:not(:first-child) {
  padding-top: 15px;
}

#feature-list ul li a {
  display: block;
}

#feature-list ul li a:after {
  content: " ";
  display: block;
  clear: both;
}

#feature-list ul li a .text .title {
  font-size: 1.4rem;
  font-weight: 600;
}

#feature-list ul li a:hover .title {
  text-decoration: underline;
}

#feature-list ul li a .text .subcat {
  font-size: 1.2rem;
  color: #808080;
}

#feature-list ul li a .thumb {
  float: left;
  width: 70px;
  height: 70px;
  margin-right: 10px;
}

#feature-list ul li a .thumb img {
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
  width: 70px;
  height: 70px;
}

.letter {
  background-color: #FAF8F3;
  width: 100%;
  margin: 40px auto;
  padding: 4rem 2.5rem 6rem;
  -webkit-box-shadow: #cccccc 0px 1px 3px;
          box-shadow: #cccccc 0px 1px 3px;
  background-image: url(/common/soon/images/v1/common/glover-letter-bg.png);
  background-position: top 0 left 3rem;
  background-repeat: repeat-x;
  background-size: 63px 28px;
  position: relative;
}

.letter.continued {
  background-image:
    url(/common/soon/images/v1/common/glover-letter-bg.png),
    url(/common/soon/images/v1/common/TBC-320.png);
  background-position: top 0 left 3rem, bottom 3rem right 3rem;
  background-repeat:  repeat-x, no-repeat;
  background-size: 63px 28px, 160px 25px;
}

.letter p {
  font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;
  line-height: 2;
}

.memo {
    margin:50px 0;
    position: relative;
    padding: 2.5rem 3.5rem;
    border-bottom: solid 2px #262626;
}

.memo:before,
.memo:after {
    content: "";
    position: absolute;
    top: -10px;
    width: 2px;
    height: calc(100% + 20px);
    background-color: #262626;
}
.memo:before {left: 10px;}
.memo:after {right: 10px;}

.memo h3 {
  width: 100%;
  position: absolute;
  top: -10px;
  left: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #4aa453;
  font-size: 1.6rem;
  font-family: Georgia,"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","游明朝",YuMincho,HGSMinchoE,serif;
  font-weight: 600;
  margin-bottom: 20px;
}

.memo h3:before,
.memo h3:after {
  content: '';
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 2px;
  background: #262626;
  min-width: 3rem;
  display: inline-block;
  vertical-align: middle;
}

.memo h3:before {
  margin-right: 20px;
}

.memo h3:after {
  margin-left: 20px;
}


.article-body.special-type-a-wrap {
  padding: 0;
  background-color: #f1f1f1;
  padding-bottom: 2rem;
}

.special-image {
    position: relative;
}

.special-image img {
    width: 100%;
    max-height: 600px;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    display: block;
}

.special-image .copy {
  font-family: Georgia,"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","游明朝",YuMincho,HGSMinchoE,serif;
  line-height: 1.4;
  margin:20px 4% 0 4%;
  top: 40%;
  left: 0;
  position: absolute;
}

.special-image.typeL {
  padding: 0 10% 0 0;
}

.special-image.typeL .copy {
  top: 40%;
  right: 0;
  text-align: right;
}

.special-image.typeR {
  padding: 0 0 0 10%;
}

.special-image.typeR .copy {
  top: 40%;
  left: 0;
}

.special-image.typeC-tate {
  padding: 5rem 0 0 0;
}

.special-image.typeC-tate .copy {
  top: 0;
  left: 5%;
  -webkit-writing-mode: tb-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: tb-rl;
  height: 80%;
}

.special-image .copy p {
  margin-bottom: 0;
  display: inline;
  background-color: rgba(0,0,0,0.8);
  color: #fff;
  font-size:18px
}

.special-prologue {
  border-left: 5px solid #262626;
  padding-left: 15px;
  margin:20px 4% 0 4%;
}

.special-prologue p {
  font-size: 1.4rem;
}

.special-content_bottom {
  background-color: #fff;
  margin-bottom: 60px;
}

.special-content_bottom div.image {
  position: relative;
  margin-bottom: 6rem;
  width: 108%;
  margin-left: -4%;
}


.special-content_bottom .image:after {
  content: " ";
  display: block;
  clear: both;
}

.special-content_bottom .image img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
  display: block;
}

.article-body .special-content_bottom h2 {
  font-size: 2.4rem;
  line-height: 1.4;
  font-weight: 700;
  background-color: #fff;
  margin: 0 auto;
  position: absolute;
  bottom: -2rem;
  left: 0;
  right: 0;
  padding: 1rem 1rem 0 1rem;
  text-align: center;
  max-width: 70%;
}

.special-content_bottom h2:after {
  content: "";
  border-bottom: 1px solid #4c4c4c;
  display: block;
  width: 1.5rem;
  padding-bottom: 1rem;
  margin: 0 auto;
}

.special-content_bottom h3 {
    border-left: 0.4rem solid #4aa453;
    padding-left: 1rem;
}

.special-content_bottom h3:before {
  display: none;
}

/* ▼ SPRIDE [スプライド] ▼ */
.spride #breadcrumb {
  padding: 1rem 4%;
}
#spride-header {
  margin-bottom: 40px;
}

#spride-header h1 {
  margin: 0 auto;
  padding: 0 8%;
}

.spride-about {
  padding: 2rem 8%;
  background-color: #f1f1f1;
  margin-top: 30px;
}

.spride-about p {
  margin-bottom: 2rem;
  line-height: 1.9;
  font-size:1.4rem;
}

.spride-inner .latest .image {
  text-align: center;
}

.spride-inner .latest .image a, .spride-inner .latest .image a img {
  display: block;
}

.spride-inner .latest .image p {
  text-align: center;
  margin-top: 0;
}

.spride-inner .latest .btn a {
  text-align: center;
  display: inline-block;
  width: 100%;
  min-height: 42px;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 10px;
  color: #fff;
  background-color: #666464;
  text-decoration: none;
}

.spride .latest .btn a span {
    background-image: url(/common/soon/images/v1/common/more-btn-icon_white.svg);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 8px 8px;
    display: block;
}

.spride .latest .date {
  font-weight: 600;
}

ul#spride-archive {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.article-body ul#spride-archive {
  margin-left: 0;
}

ul#spride-archive li {
  width: 48%;
  background-color: #fff;
  margin-bottom: 30px;
}

ul#spride-archive li:not(:nth-child(2n)) {
  margin-right: 4%;
}

ul#spride-archive li {
  display: block;
  list-style: none;
}

ul#spride-archive li .image {
  width: 100%;
  height: 150px;
  position: relative;
  border: 1px solid #f1f1f1;
}

ul#spride-archive li .image img {
  position: absolute;
  display: block;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 5px 0;
}

ul#spride-archive li .text {
  background-color: #f1f1f1;
  padding: 1rem 1.5rem;
}

ul#spride-archive li .text p {
  font-size: 1.2rem;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 0;
}

/* 斜め区切り線 */
.spride-point_wrap {
  padding: 0;
}

.spride-point_wrap p {
  color: #fff;
  line-height: 1.8;
}

.spride-point_wrap.blue {
  background-color: #155183;
}

.spride-point_wrap.gold {
  background-color: #957f47;
}

.spride-point_wrap:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 100vw 0 0;
}

.spride-point_wrap.last:after {
  display: none;
}

.spride-point_wrap.last {
  padding-bottom:50px;
}

.spride-point_wrap.blue:after {
  border-color: #155183 #957f47 transparent transparent;
}

.spride-point_wrap.gold:after {
  border-color: #957f47 #155183 transparent transparent;
}

.spride-point_wrap.reverse:after {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}

.spride-point_wrap .point-title {
  padding-top:30px;
}

.spride-point_wrap .point-title:after {
  content: " ";
  display: block;
  clear: both;
}

.spride-point_wrap .number {
  padding: 1.5rem 2rem;
  margin-left:0;
  border: 1px solid #f1f1f1;
  display: inline-block;
  position: relative;
  width: 90px;
  height: 70px;
  font-size: 2rem;
}

.spride-point_wrap .number:before {
  content: "point";
  font-size: 1.2rem;
  padding-right: 0.5rem;
}

.spride-point_wrap .number:after {
  border: 1px solid #f1f1f1;
  content: "";
  width: 90px;
  height: 70px;
  display: inline-block;
  position: absolute;
  left: 5px;
  top: 5px;
}

.spride-point_wrap .text {
  padding: 3rem 2rem 2rem 5rem;
}

.spride-point_wrap .title {
  font-size: 2.2rem;
  padding-bottom: 3rem;
  font-weight: bold;
  line-height: 1.5;
}

/*▼ テンプレートadd-box ▼*/
.add-box {
  border: 1px solid #dae3de;
  padding: 2rem 2.5rem 1rem 2.5rem;
  position: relative;
  margin: 60px 0;
}

.add-box:before {
  content: '';
  position: absolute;
  left: -1px;
  top: -3px;
  display: inline-block;
  width: 50%;
  height: 5px;
  background-color: #666;
}

.add-box .add-title {
  font-weight: 600;
}

.add-box p {
    margin-bottom: 1rem;
}

/*▼ 栃木看護職就職ガイダンス ▼*/
body#kango #breadcrumb {
    padding: 1rem 4%;
}

body#kango .mainvisual {
  background-color: #f067a6;
  padding: 40px 4%;
  text-align: center;
}

body#kango #signage h1 {
    border-bottom: 4px solid #666;
    padding: 0 0 10px 0;
}

body#kango h2 {
  color: #036eb8;
  font-size: 1.8rem;
  font-weight: 600;
  border: 1px solid #ccc;
  padding: 1rem 2rem;
  margin-left: 2px;
  margin-bottom: 10px;
  position: relative;
}

body#kango h2:before{
  content: "";
  display: inline-block;
  width: 3px;
  height: 60%;
  background-color: #036eb8;
  position: absolute;
  left: -2px;
  top: 20%;
}

.kango-menu .heading {
  font-size: 1.4rem;
  font-weight: 600;
  padding: 0.5rem 4%;
  text-align: center;
  margin-left: 2px;
  margin-bottom: 10px;
}

.kango-menu ul li {
  border-top: 1px solid #fff;
}

.kango-menu ul li a {
  padding: 1rem 2.5rem 1rem 4%;
  display: block;
  width: 100%;
  background-color: #f9f9f9;
  font-size: 1.4rem;
  line-height: 1.4;
  position: relative;
}

.kango-menu ul li a:after {
  content: url(/common/soon/images/v1/common/icon-link-small_gray.png);
  padding: 0 10px 3px 0;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 1rem;
}

.kango-menu-area {
  background-color: #036eb8;
  padding: 1rem 1.5rem;
  color: #fff;
  font-size: 1.4rem;
}

body#kango #footer-menu {
  background-color: #f2f4f5;
}

body#kango #footer-menu p {
  font-size: 1.2rem;
  text-align: center;
  width: 100%;
  padding: 2rem;
}

body#kango #copy {
  margin-top: 0;
  background-color: #036eb8;
}

body#kango .article-body .main-image {
    width: auto;
}


/*▼ テンプレート（h2ユニット） ▼*/
.h2-unit {
  margin-top: 40px;
}

.h2-unit .contents:after {
  content: " ";
  display: block;
  clear: both;
}

.h2-unit .contents .image {
  margin: 0 auto 20px auto;
  text-align: center;
}

.h2-unit .contents .image img {
  display: inline-block;
  padding: 3px;
  -webkit-box-shadow: 0px 0px 3px #cccccc, 0px 0px 1px white inset;
          box-shadow: 0px 0px 3px #cccccc, 0px 0px 1px white inset;
}

.h2-unit table {
  width: auto;
}

.h2-unit table th,
.h2-unit table td {
  display: block;
}

/*▼ 有料記事ログインボタン ▼*/
.article-body .login-area {
  background-color: #f1f1f1;
  padding: 40px 4% 40px 4%;
}

.article-body .login-area ul li:before {
  display: none;
}

.login-area .carrier-list {
  margin-left: 0;
}

.login-area .carrier-list li {
    width: 100%;
    margin-bottom: 10px;
}

.login-area .carrier-list li a,
input.login-submit {
   border: 1px solid #e0e0e0;
    background-color: #fff;
  -webkit-box-shadow: 0 2px 0px #e5e5e5;
          box-shadow: 0 2px 0px #e5e5e5;
  display: block;
  width: 100%;
  min-height: 70px;
  padding-top:40px;
  text-decoration: none;
  text-align: center;
  color: #333;
  font-size: 1.4rem;
  font-weight:bold;
}

.login-submit {
  padding-top: 35px;
}

.login-area .shimotsuke a {
    background-image: url(/common/soon/images/v1/payment/shimotsuke-id.png);
    background-repeat: no-repeat;
    background-position: center top 5px;
    background-size: 120px;
}

.login-area .docomo .login-submit {
    background-image: url(/common/soon/images/v1/payment/logo_docomo.png);
    background-repeat: no-repeat;
    background-position: center top 10px;
    background-size: 120px;
}

.login-area .au .login-submit {
    background-image: url(/common/soon/images/v1/payment/logo_au.png);
    background-repeat: no-repeat;
    background-position: center top 10px;
    background-size: 65px;
}

.login-area .sb .login-submit {
    background-image: url(/common/soon/images/v1/payment/logo_softbank.png);
    background-repeat: no-repeat;
    background-position: center top 10px;
    background-size: 130px;
}

.payment-btn a {
    width: 80%;
    margin:20px auto;
    min-height: 44px;
    padding: 1rem 3rem 1rem 1rem;
    border: 1px solid #4aa453;
    text-decoration: none;
    display: block;
    font-size: 1.4rem;
    text-align: center;
    position: relative;
}

.payment-btn.to-top a {
  background-color: #4aa453;
  border:1px solid #4aa453;
  color: #fff;
}

.payment-btn a:after {
    content: "";
    border: 1px solid #4aa453;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 16px;
    right: 20px;
    transition: all 0.2s ease-out 0.35s;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    border-top: medium none;
    border-left: medium none;
}

.payment-btn.regist a:after {
    content: "";
    border: 1px solid #fff;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 16px;
    right: 20px;
    transition: all 0.2s ease-out 0.35s;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    border-top: medium none;
    border-left: medium none;
}

.payment-btn.to-top a:after {
    content: "";
    border: 1px solid #f1f1f1;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 16px;
    right: 20px;
    transition: all 0.2s ease-out 0.35s;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    border-top: medium none;
    border-left: medium none;
}

.login-area .lead {
  margin-bottom: 1.5rem;
}

.login-area .regist a {
    background-color: #f2852c;
    border: 1px solid #f2852c;
    color: #fff;
    border-radius: 6px;
    width: 100%;
    min-height: 44px;
    padding: 1rem;
    text-decoration: none;
    display: block;
    font-size: 1.4rem;
    text-align: center;
  -webkit-box-shadow: 0 2px 0px #ccc;
          box-shadow: 0 2px 0px #ccc;
}

.smart-link .lead {
  margin-bottom: 1rem;
  text-align: left;
  font-size: 1.5rem;
}

.article-body .smart-link {
  padding:0;
  margin: 60px 0 40px 0;
}

.smart-link .regist {
}

.smart-link .regist a {
  background-color: #f2852c;
  border: 1px solid #f2852c;
  color: #fff;
  border-radius: 0px;
  width: 100%;
  min-height: 44px;
  padding: 1rem;
  text-decoration: none;
  display: block;
  font-size: 1.4rem;
  text-align: center;
  -webkit-box-shadow: 0 2px 0px #d9d9d9;
          box-shadow: 0 2px 0px #d9d9d9;
}

.smart-link .regist a span {
  background-image: url(/common/soon/images/v1/common/more-btn-icon_white.svg);
  background-position: top 0.7rem right 1rem;
  background-repeat: no-repeat;
  background-size: 8px 8px;
  display: block;
}

.member-lead {
  padding: 0;
  display: block;
  position: relative;
  line-height: 1.4rem;
  margin-bottom: 20px;
  font-size: 1.4rem;
  font-weight: bold;
}

.member-lead .icon img {
  width:16px;
  height:16px;
}

/*▼ 記事ページ内PDF ▼*/
.article-body .pdf{
  float:none;
  line-height: 180%;
}
.article-body .pdf a{
  display:block;
  margin:20px 0;
}
.article-body .pdf .image{
  display:block;
  float:right;
  width:40px;
  margin:0px 0px 0px 10px;
}
.article-body .pdf .title{
  display:block;
  float:right;
  max-width : -webkit-calc(100% - 74px) ;
  max-width : calc(100% - 74px) ;
  margin-top:2%;

}

/* -------------------------------------------------------
旧システムからの移行記事用スタイル
---------------------------------------------------------- */

/* 幅と高さ指定を解除し、センター寄せにする */
.migration .article-body > img,
.migration .article-body > p >img{
  display:block;
  margin:auto;
  width:auto!important;
  height:auto!important;
}

.thumb.movie_icon:before{
    z-index: 1;
    width: 32px;
    height: 32px;
    border-radius: 16px;
    background: hsla(0,0%,100%,.7);
}

.thumb.movie_icon:after{
z-index: 2;
    left: 51%;
    border-top: 9px solid rgba(55,199,121,0);
    border-bottom: 9px solid rgba(55,199,121,0);
    border-left: 11px solid #396;
}

.thumb.movie_icon:before,.thumb.movie_icon:after{
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);

}
/*▼ トップ著名人コラム ▼*/
.top-famous-person-column-list {
  display: flex;
  overflow-x: scroll;
  margin-bottom: 100px;
  padding: 10px;
  width: 100%;
}
.famous_person_column_wrapper {
  width: 100%;
  margin-right: 18px;
  margin-bottom: 10px;
}
.famous_person_column {
  background: #fff;
  width: 300px;
  max-hight: 300px;
}
.famous_person_column_img {
  width: 300px;
}
.famous_person_column_content {
  padding: 10px;
}
.famous_person_column_content p {
  margin-bottom:4px;
}
.famous_person_column_title {
  font-size: 1.6rem;
  color: #303945;
  font-weight: 700;
}
.famous_person_column_desc {
  color: #777;
  font-size: 1.2rem;
  line-height: 1.5;
  min-height: 90px;
}
.famous_person_column_article {
  width: 280px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #d9d9d9;
}
.famous_person_column_article_title {
  font-size: 1.4rem;
  line-height: 1.2;
  width: 190px;
  font-weight: 500;
}
.famous_person_column_readmore {
  font-size: 1.6rem;
  font-weight: 400;
  display: block;
  width: 250px;
  margin: 0 auto;
  padding: 5px;
  text-align: center;
  border: 1px solid #333;
}
.famous_person_column_readmore:hover {
  border: 1px solid #4aa453;
  background-color: #4aa453;
  color: white;
}
.scroll-btn-left {
    position: absolute;;
    z-index:999;
    background-position: left;
    top: 190px;
    left: -2px;
    background-repeat: no-repeat;
    padding: 15px;
    background-size: 30px 30px;
    background-image: url(/common/soon/images/v1/common/carousel-left64_gray.svg);
}
.scroll-btn-right {
    position: absolute;;
    z-index:999;
    background-position: right;
    top: 190px;
    right: 0;
    background-repeat: no-repeat;
    padding: 15px;
    background-size: 30px 30px;
    background-image: url(/common/soon/images/v1/common/carousel-right64_gray.svg);
}
/*▼ トップバナータイル ▼*/
.topbannertile {
  display:flex;
  justify-content: space-between;
  font-size: 1.2rem;
}
.topbannertile {
  margin:20px auto;
  width:300px
}
.topbannertile div {
  text-align:center;
}
.topbannertile a{
  color:#43944b;
}
.topbannertile img{
  width:140px;
}