body {
  font-family: 'Muli', 'Century Gothic', "Helvetica Neue", Helvetica, "Arial", 'Kosugi Maru', "メイリオ", Meiryo, "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #737273;
  background-color: #F2F2F2;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: transparent;
}

@-ms-viewport {
  width: device-width;
}

@media (max-width: 576px){
	footer { font-size: 3.5vw}
}

a.anchor{
    display: block;
    padding-top: 70px;
    margin-top: -70px;
}

/*タイトル*/
h2 {
    margin:  0;             /* デフォルトCSS打ち消し */
    position:  relative;    /* 位置調整 */
    font-weight:  normal;   /* 文字の太さ調整 */
    margin-bottom: 35px;    /* 周りの余白指定 */
    font-size: 40px;        /* 文字サイズ指定 */
    text-align:  center;    /* 文字位置指定 */
    font-family: kan415typos-std,sans-serif;
    font-style: normal;
}

h2 span {
    display:  block;        /* ブロック要素にする */
    font-size:  30px;       /* 文字サイズ指定 */
    margin-top:  10px;      /* 周りの余白指定 */
    position:  relative;    /* 位置調整 */
    width: 140px;           /* 幅指定 */
    margin: 10px auto 0;    /* 周りの余白指定 */
    background-color:  #F2F2F2;/* 背景色指定 */
	font-family: coquette, sans-serif;
    font-weight: 700;
    font-style: normal;
	color: rgba(115,114,115,0.5)
}
 
h2 span::before {
    content: '';            /* 空の要素を作る */
    height:  1px;           /* 高さ指定 */
    background-color: rgba(115,114,115,0.5);/* 背景色指定 */
    position:  absolute;    /* 位置調整 */
    top: 0;                 /* 位置調整 */
    bottom:  0;             /* 位置調整 */
    margin:  auto;          /* 位置調整 */
    z-index: -1;            /* 重なり調整 */
    width: 200px;           /* 幅指定 */
    left:  -30px;           /* 位置調整 */
}

h5.title {
  color: #F7CFC6;
  font-size: 4rem;
    font-family: coquette, sans-serif;
    font-weight: 700;
    font-style: normal;
}

h5 span{
	position: relative;
	padding: 0.25em 0;
}
h5 span:after {
	content: "";
	display: block;
	height: 4px;
	background: -moz-linear-gradient(to right, #F7CFC6, #BFA19F);
	background: -webkit-linear-gradient(to right, #F7CFC6, #BFA19F);
	background: linear-gradient(to right, #F7CFC6, #BFA19F);
}

.timeline-event-copy{
	border: 1px solid #BFA19F;
	border-radius: 5px;
}

.timeline-event-copy h3, .timeline-event-copy h4, .timeline-event-copy p{
	padding-left: 30px;
	padding-right: 30px;
}

.timeline-event-copy h5 {
	font-size: 1rem;
	margin-left: 1.5rem;
}

.timeline-event-copy h4 {
	opacity: .8;
	font-size: 1.2rem;
}

.timeline-event-copy p{
	font-size: 0.9rem;
}

.timeline-event-copy p:not(.timeline-event-thumbnail) {
  padding-bottom: 1.2em;
}
.timeline-event-copy p.first {
  text-indent: 1rem;
  padding-bottom: 0;
  text-align: justify;
}
.timeline-event-copy p.next {
  text-indent: 1rem;
  margin-top: -1rem;
  padding-bottom: 0;
  text-align: justify;
}
.timeline-event-copy p.last {
  text-indent: 1rem;
  margin-top: -1rem;
  text-align: justify;
}
.timeline-event-copy a {
	color: #BFA19F;
}
.timeline-event-copy a:hover {
	opacity: .8;
	text-decoration: none;
    transition: all .4s;
}

.timeline-event-thumbnail{
	color: #BFA19F;
	padding: 10px 20px;
	text-align: right;
	border-bottom: 1px solid #BFA19F;
}

news_title {
	display: block;
	background: linear-gradient(transparent 70%, #F2D3D0 70%);
	opacity: .8;
}

.square_btn{
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #BFA19F;
    background: #F2F2F2;
    transition: .4s;
  }

.square_btn:hover {
    background: #F7CFC6;
    color: #F2F2F2;
}

.btn_news {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 0 5px; 
	border: 1px solid #BFA19F;
	border-radius: 5px;
	font-size: .8rem;
}

.btn_news:hover{
	color: #F2F2F2;
	background: #BFA19F;
	opacity: .6;
}

ol.news {
  font-size: .8rem;
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
  background: #F2F2F2;
 }
ol.news li {
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
}

ol.news li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #BFA19F;
  color: #F2F2F2;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}


small.news{
  color: #F2F2F2;
  background: #737273;
}