@charset 'UTF-8';


/* Mainvisual */
#Mainvisual {
	position: relative;
}
#Mainvisual .flexslider {
	margin-top: 200px !important;
	border: none;
	margin-bottom: 0;
}
.slides li {
	text-align: center;
}
.slides li h2 {
	position: absolute;
	color: #fff;
	font-family: 'Merriweather', serif;
	font-size: 360%;
	letter-spacing: 10px;
	top: 47%;
	z-index: 999;
	width: 100%;
	text-shadow: 0 3px 4px rgba(85, 85, 85, 0.4);
}
.slides li h2::after,.slides li h2::before {
	content: "-";
	display: inline-block;
}


/* concept */
.top-h2-line {
	border-bottom: 2px solid #111;
	margin-bottom: 30px;
}
.top-h2-line h2 {
	border-bottom: 4px solid #111;
	margin-bottom: 5px;
	font-family: 'Merriweather', serif;
	font-size: 300%;
	letter-spacing: 10px;
	line-height: 54px;
	padding-bottom: 10px;
}
.top-h2-line h2 span {
	color: #fff;
}

.concept {
	padding: 80px 0;
}

.text-concept p {
	line-height: 24px;
	font-size: 117%;
	margin-bottom: 30px;
}
.more {
	text-align: left;
}
.more a {
	display: inline-block;
	border: 1px solid #111;
	color: #111;
	padding: 10px 20px;
	background: rgba(255,255,255,0.7);
	font-weight: bold;
	font-size: 117%;
	letter-spacing: 2px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.more .fa {
	margin-left: 10px;
}

.more a:hover {
	color: #fff;
	background: rgba(0,0,0,0.8);
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}


/* block-topics */
.block-topics {
	background: #111;
}
.topics-box video {
	vertical-align: bottom;
}
.topics-left {
	padding-left: 0;
	padding-right: 0;
}
.topics-right {
	/*min-height: 500px;*/
	background: #111;
	padding: 20px 20px;
}
.h2-line {
	border-bottom: 2px solid #baab8a;
}
.topics-right .ttl-title {
	font-family: 'Merriweather', serif;
	letter-spacing: 6px;
	font-weight: normal;
	font-size: 280%;
	color: #baab8a;
	padding: 15px 0 10px;
	margin-bottom: 5px;
	border-bottom: 4px solid #baab8a;
}
.group-box {
	padding: 0 10px;
}
.b-txt {
	font-family: 'Merriweather', serif;
	color: #111;
	font-size: 80px;
	letter-spacing: 15px;
	margin: 80px 20px;
}
.b-txt2 {
	color: #fff;
}
.box-inner {
	margin-top: 20px;
}

.news-box iframe {
	height: 240px;
}

/* stamp-block */
.stamp-block {
	padding: 80px 0;
}
.stamp-block .text-concept {}
.stamp-right {
	min-height: 360px;
	padding: 40px;
}
.stamp_frame {
  background: url(../images/index/card_bg_ltl.png),url(../images/index/card_bg_ltr.png),url(../images/index/card_bg_lbr.png),url(../images/index/card_bg_lbl.png),url(../images/index/card_bg_bar_l.png),url(../images/index/card_bg_bar_l.png);
  background-repeat: no-repeat;
  background-position: left top, right top, right bottom, left bottom, left 150px, right 150px;
  padding: 35px;
  background-size: auto,auto,auto,auto,/* auto,auto,auto,auto*/;
}
.stamp-right h3 {
	font-size: 125%;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom: 20px;
}
.stamp-right .card-box {
	border-top: 1px solid #111;
	border-bottom: 1px solid #111;
	padding: 20px 0;
}
.stamp-right p span.red {
	color: #ff0000;
	font-size: 117%;
	font-weight: bold;
}
.stamp-right p span.strong {
	font-size: 117%;
	font-weight: bold;
	padding: 0 5px;
}
.stamp-exp div {
	text-align: center;
	margin-bottom: 20px;
}
h3.ribon{
  font-size: 117%;
  font-weight: bold;
  background: #111;
  color: #fff;
  padding: 15px 0;
  position: relative;
	height: 70px;
	line-height: 22px;
	text-align: center;
	width: 80%;
	display: inline-block;
}
h3.ribon::before {
	width: 0;
	height: 0;
	content: " ";
	position: absolute;
	top: 0px;
	left: 100%;
	border-width: 35px 20px;
	border-style: solid;
	border-color: #111;
	border-right-color: transparent;
}
h3.ribon::after {
  width: 0;
  height: 0;
  content: " ";
  position: absolute;
  top: 0px;
  right: 100%;
  border-width: 35px 20px;
  border-style: solid;
  border-color: #111;
  border-left-color: transparent;
}
.stamp-exp p span.strong {
	font-size: 117%;
	font-weight: bold;
	padding: 0 5px;
}
.card {
	text-align: center;
}

.instagram {
	padding: 80px 0;
	background: #111;
}
.insta-more {
	text-align: center;
	margin-top: 40px;
}
.insta-more a {
	color: #fff;
	font-size: 117%;
	font-weight: bold;
	letter-spacing: 1px;
}
.insta-more .fa {
	margin-left: 10px;
}
.instagram .top-h2-line {
	border-bottom: none;
}

.instagram .top-h2-line h2 {
	color: #fff;
	border-bottom: none;
}


@media screen and (max-width : 1400px) {
	.b-txt {
		font-size: 60px;
		margin: 60px 0;
	}
}
@media screen and (max-width : 1050px) {
	.top-h2-line h2 {
		font-size: 200%;
		line-height: 36px;
	}
	.topics-right .ttl-title {
		font-size: 220%;
		padding: 5px 0 10px;
	}
	.slides li h2  {
		font-size: 250%;
	}
	.b-txt {
		font-size: 42px;
		margin: 50px 0;
	}
}
@media screen and (max-width: 991px) {
	#Mainvisual .flexslider {
		margin-top: 145px !important;
	}
}
@media screen and (max-width : 767px) {
	.concept {
		padding: 40px 0 60px;
	}
	.top-h2-line h2 {
		font-size: 280%;
		line-height: 44px;
	}
	.concept-img {
		margin-top: 60px;
	}
	.text-concept {
		padding-top: 20px;
	}
	.stamp-block {
		padding: 40px 0 60px;
	}
	.stamp-right {
		margin-left: 10px;
		margin-right: 10px;
	}
	.slides li h2  {
		font-size: 200%;
		letter-spacing: 6px;
	}
	.b-txt {
		font-size: 42px;
		margin: 50px 0;
	}
	.card {
		margin-bottom: 20px;
	}
	.card img {
		margin: 0 auto;
	}
	.stamp_frame {
		background: url(../images/index/card_bg_ltl.png),url(../images/index/card_bg_ltr.png),url(../images/index/card_bg_lbr.png),url(../images/index/card_bg_lbl.png),url(../images/index/card_bg_bar.png),url(../images/index/card_bg_bar.png),url(../images/index/card_bg_bar.png),url(../images/index/card_bg_bar.png);
	  background-repeat: no-repeat;
	  background-position: left top, right top, right bottom, left bottom, left 150px, right 150px, left 550px, right 550px;
	  padding: 20px 35px;
	  background-size: auto,auto,auto,auto,auto,auto,auto,auto;
	}
	.instagram {
		padding: 40px 0;
	}
	.insta-more {
		margin-top: 20px;
	}

}
@media screen and (max-width : 600px) {
	.topics-right {
		height: 280px;
	}
}
@media screen and (max-width : 560px) {
	.slides li h2  {
		font-size: 160%;
	}
}
@media screen and (max-width : 495px) {
	.topics-right {
		height: 240px;
	}
}
@media screen and (max-width : 479px) {
	#Mainvisual .flexslider {
		margin-top: 125px!important;
	}
	.slides li h2  {
		font-size: 117%;
		letter-spacing: 3px;
	}
	.b-txt {
		font-size: 32px;
		margin: 40px 0;
		letter-spacing: 10px;
	}
}

@media screen and (max-width : 445px) {
	.stamp_frame {
	  background: url(../images/index/card_bg_ltl_sp.png),url(../images/index/card_bg_ltr_sp.png),url(../images/index/card_bg_lbr_sp.png),url(../images/index/card_bg_lbl_sp.png),url(../images/index/card_bg_bar.png),url(../images/index/card_bg_bar.png);
	  background-repeat: no-repeat;
	  background-position: left top, right top, right bottom, left bottom, left 230px, right 230px;
	  padding: 20px 35px;
	  background-size: auto,auto,auto,auto,auto,auto;
	}
}




/* news */
@media screen and (max-width : 1400px) {
	.news-box iframe {
		height: 200px;
	}
}
@media screen and (max-width : 1200px) {
	.news-box iframe {
		height: 150px;
	}
}
@media screen and (max-width : 991px) {
	.news-box iframe {
		height: 95px;
	}
}
@media screen and (max-width : 767px) {
	.news-box iframe {
		height: 250px;
	}
}