@charset "UTF-8";
/* slider */
.slider {
  position: relative;
  margin-bottom: 50px;
}

.slide_selector {
  min-width: 670px;
}
.slide_selector img {
  width: 100%;
}
.slide_selector a {
  position: absolute;
  bottom: 8%;
  right: 5%;
  padding: 5px 10px;
  font-size: 0.688rem;
  color: #fff;
  background-color: #c1272d;
}
.slide_selector a img {
  width: auto;
  display: inline;
  vertical-align: inherit;
}

.slide_selector_arrows {
  position: absolute;
  width: 100%;
  height: 46px;
  min-width: 670px;
  top: 50%;
  left: 0px;
  margin-top: -23px;
}

.slide_selector_arrows div {
  display: inline-block;
  margin-top: -23px;
  position: absolute;
}

.custom-slick-prev {
  top: 50%;
  left: 5%;
  cursor: pointer;
}

.custom-slick-next {
  top: 50%;
  right: 5%;
  cursor: pointer;
}

/* content */
.content h3 {
  margin: 0;
  padding: 25px 0;
  border-top: solid 3px #c1272d;
  border-bottom: solid 1px #ccc;
  font-size: 1.438rem;
}
.content > p {
  margin-bottom: 30px;
}
.content p {
  margin-top: 20px;
  font-size: .875rem;
  letter-spacing: 0.4px;
  line-height: 1.8;
}
.content .distance {
  padding: 10px 0 50px;
}
.content .caption {
  padding-bottom: 20px;
  margin-bottom: 50px;
  border-bottom: 1px dotted #CCC;
}
.content .caption:last-child {
  border: none;
  margin-bottom: 0;
}
.content .caption h4 {
  position: relative;
  font-size: 1.125rem;
  padding-left: 1rem;
  margin: 0;
}
.content .caption h4:before {
  position: absolute;
  content: '■';
  color: #ac2127;
  font-size: 1.375rem;
  top: -5.5px;
  left: 0;
}
.content .caption .comment {
  font-size: .875rem;
  float: left;
  width: 55.22388%;
  margin-top: 20px;
}
.content .caption .feature {
  float: right;
  margin-top: 20px;
  width: 40.2985%;
  text-align: center;
}
.content .caption .feature span {
  display: block;
  width: 200px;
  font-size: .75rem;
  background-color: #fff;
  margin: 30px auto 0;
  padding: 4px 0px 4px 12px;
}
.content .caption .feature span a {
  position: relative;
  color: #333;
}
.content .caption .feature span a:before {
  position: absolute;
  content: '';
  top: 3px;
  left: -12px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6.9px;
  border-color: transparent transparent transparent #c32f34;
}

.main_img {
  margin-bottom: 50px;
}

.content .caption_bg {
  padding-top: 20px;
  padding-bottom: 20px;
}
.content .caption_bg h4 {
  position: relative;
  background-color: #e6e6e6;
  font-size: 1.125rem;
  margin-top: 0;
  padding: 10px 0 10px 25px;
}
.content .caption_bg h4:before {
  position: absolute;
  content: '';
  background: url(../contents/common/common/caption_triangle.png);
  top: 0;
  left: 0;
  width: 21px;
  height: 21px;
}
.content .caption_bg .comment {
  font-size: .875rem;
  float: left;
  width: 55.22388%;
  letter-spacing: 0;
}
.content .caption_bg img {
  float: right;
  width: 40.2985%;
  margin-top: 20px;
}
.content .caption_bg.float_none .comment {
  float: none;
  width: 100%;
}
.content .caption_bg.float_none img {
  float: none;
  width: 100%;
  margin: 0;
}