@charset "Shift_JIS";
/* Common */

a{
    text-decoration: none;
}
p{
    margin: 30px 0 0;
}
.f-13{
    font-size: 1.3rem;
    line-height: 3rem;
}
.f-15{
    font-size: 1.5rem;
}
.f-24{
    font-size: 2.4rem;
}
.f-45{
    font-size: 4.5rem;
}
.f-100{
	font-size: 10rem;
	line-height: 1.0;
}
.left{
    text-align: left;
}
.right{
    text-align: right;
}
.f-ja{
  font-family: 'Noto Sans JP', 'Ropa Sans',sans-serif;
}
.f-en{
  font-family: 'Ropa Sans', sans-serif;
  font-weight: 700;
}
.in-blc{
	display: inline-block !important;
}
.blc{
  display: block !important;
}
.v-m{
	vertical-align: middle;
}
.ma_5{
	margin: 5% 0;
}
/* Unique */
#mainArea{
  color: #000000;
  line-height: 2.0;
  letter-spacing: 0.5px;
}
.mainLead_{
  text-align: center;
  margin: 5% auto;
  line-height: 1.8;
  width: 1070px;
  text-align: left;
}
.subTtl_::after{
	width: 3%;
	border-bottom: 1px solid #ffffff;
	display: block;
	content: "";
	margin: 1.5% auto;
	text-align: center;
}
h4::after{
	width: 3%;
	border-bottom: 1px solid #ffffff;
	display: block;
}
.w_31{
	width: 31%;
}
.w_55{
	width: 55%;
}
.w_66{
	width: 66%;
}
.w_30{
	width: 30%;
	text-align: right;
	padding: 0 0 0 25px;
	margin: 10% 0 0;
	vertical-align: top;
}
section{
	    margin: 0 0 15%;
			position: relative;
}
.t_1{
	position: absolute;
	top: -3%;
	left: 8%;
}
.t_2,.t_6{
  position: absolute;
    top: -3%;
    left: 4%;
}
.t_3,.t_7{
	position: absolute;
	top: -3%;
	right: 43%;
}
.t_4{
	position: absolute;
	top: -3%;
	left: 4%;
}
.t_5{
	position: absolute;
	top: 7%;
	right: 4%;
}
.t_8{
	position: absolute;
	top: 15%;
	left: 12%;
}
.btnArea_{
	text-align: center;
  margin: 0 0 5% 0;
}
.btnArea_ a {
	color: #ffffff;
	text-align: center;
	padding: 2% 6%;
	font-size: 1.8rem;
	margin: -10% 0 0 0;
	transition: all .3s;
	display: inline-block;
	text-decoration: none;
	background: #000000;
	width: 50%;
  border: 1px solid #000000;
}
.btnArea_ a:hover {
	border: 1px solid #000000;
	color: #000000 !important;
	background: #ffffff;
}
/* 驛｢�ｧ�ｽ�ｺ驛｢譎｢�ｽ�ｼ驛｢譎｢�ｿ�ｽ驍ｵ�ｲ�つ€*/
#slide_wrapp {
    position: relative;
    overflow: hidden;
    z-index: -99999;
}
#slide_wrapp ul{
    background: #000000;
}
#slide_wrapp .slide_item {
    opacity: 0;
    transform: scale(1);
    transition: opacity 2s linear, transform 7.5s linear;
    position: relative;
}
#slide_wrapp .slide_item:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
}
#slide_wrapp .slide_item.show_ {
    opacity: 1;
}
#slide_wrapp .slide_item.zoom_ {
    transform: scale(1.1);
}
#slide_wrapp .slide_item img {
    display: block;
    width: 100vw;
    /*opacity: 0.8;*/
}
.inner-content {
  color: #ffffff;
  width: 100%;
  text-align: center;
  position: absolute;
      top: 30%;
      left: 0;
}
.inner-content p {
	margin: 1% 0;
	letter-spacing: 0.5px;
}

#conceptArea{
  background: #f1f1f1;
}
.itemTtl_{
  font-weight: 700;
      padding: 10% 0 5% 0;
      display: block;
      line-height: 1.8rem;
}
.list_l_{
  width: 540px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  padding: 0 20px;
}
.linkArea_::before{
  width: 30px;
  border-bottom: 1px solid #000000;
  display: block;
  content: "";
  margin: 20px 0;
  text-align: left;
}
.linkArea_{
    margin: 5% 0;
}
.linkArea_ div.item_ {
  display: inline-block;
  width: 79%;
  vertical-align: middle;
}
.linkArea_ div.item_ p{
  line-height: 1.8;
  margin: 0 0 5%;
  vertical-align: middle;
  font-size: 1.3rem;
}
.linkArea_ div.item_ p span{
  color: #999999;
}
.detailBtn_ {
  text-align: center;
  width: 100px;
  display: inline-block;
  margin: 0;
}
.detailBtn_ a{
  text-align: center;
    padding: 8% 0;
    margin: 0;
    transition: all .3s;
    display: inline-block;
    text-decoration: none;
    width: 100px;
    color: #ffffff;
    background-color: #000000;
    border: 1px solid #000000;
    font-size: 1.3rem;
}
.detailBtn_ a:hover {
    border: 1px solid #000000;
    color: #000000 !important;
    background: #ffffff;
}
.bg_{
	background: #ebebeb;
}
.inner_{
	width: 1100px;
	margin: 0 auto;
	padding: 5% 0 10%;
	text-align: center;
}
.l-logo{
    margin: 5% 0 3%;
}
h4{
	border-bottom: 4px solid #000000;
	z-index: 1;
	line-height: 1.5;
}