@charset "UTF-8";
/* CSS Document */

* {
    margin: 0;
    padding: 0
}

a{
    text-decoration: none;
    color: #000;
}

body{
    line-height: 0;
}

.text01{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
    letter-spacing: 0.05em;
	font-size:13px;
	line-height:230%;
    text-align: left;
    margin: 0px auto;
     color: #000;
}

.text02{
	font-family: 'Italiana', serif;
	font-weight: 300;
    letter-spacing: 0.05em;
	font-size:12px;
	line-height:200%;
    text-align: center;
    margin: 0px auto;
     color: #000;
}

.link1{
    border-bottom: 1px solid #dddddd;
}

.hidden_show a {
     border-bottom: 1px solid rgba(0,0,0,0.1);
}

section.conte {
  height: 100vh;
  width:auto;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
    position: relative;
  min-width: 800px;
}

.img01{
    z-index: -99;
  background-image: url("/user_data/packages/default/client/lp/2021/autumn/pc/img/main.jpg");
}


.sc{
    color: #000;
    position: absolute;
    bottom: 8%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    font-family: 'Italiana', serif;
    font-size: 15px;
    z-index: 99;
}

.line01{
      content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 1px;
    opacity: 0.7;
  height: 2.7em;
  background: #000;
  animation: sdl 1.5s cubic-bezier(1, 0, 0, 1) infinite;
    z-index: 99;
}
@keyframes sdl {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  50.1% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}


.wrapper01{
    margin: 130px auto 0px auto;
　text-align: center;
    min-width: 950px;
  　max-width: 1100px;
    width: 85%;
}


.content01{
    float: left;
   width: 40%;
}


.content02{
    float: right;
   width: 60%;
}

.content03{
    float: right;
   width: 40%;
}


.content04{
    float: left;
   width: 60%;
    clear: both;
}

.content05{
    clear: both;
    margin: 0 auto;
    text-align: center;
   width: 40%;
}

.no{
    font-family: 'Italiana', serif;
    font-size: 1.7em;

}

.s_title{
    color: #000;
    position: relative;
    margin-top: 2.5em;
    margin-bottom: 0.8em;
     font-family: 'Italiana', serif;
    font-size: 4.3em;
    line-height: 165%;
   letter-spacing: 2px;
    width: 100%;
   
}

.title2{
  position: absolute;
    top: -0.5em;
      left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    font-family: 'Italiana', serif;
}

.title2 img{
    width: 230px;
}

.charm {
    width: 98%;
     padding:0% 1%;
    display: flex;
}

.charm img{
 width: 100%;
}

.charm-item1{
    float: left;
    margin: 1%;
}

.charm-item2{
    float: left;
    margin: 1%;
}



.cap {
	overflow:		hidden;
	position:		relative;	/* 相対位置指定 */
}
.cap .caption {
	text-align: center;
           position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
   font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 280%;
	color:			#fff;
    width: 80%;
}

.cap a{
    border-bottom: 1px solid rgba(255,255,255,0.3);
    color: #fff;
    
}

.cap .mask {
	width:			100%;
	height:			100%;
	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.6);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
}
.cap:hover .mask {
	opacity:		1;	/* マスクを表示する */
}


.footerbtn {
    line-height: 130%;
    margin: 0px 0 100px 0;
     color: #000;
    border: 0;
    clear: both;
    padding-top: 150px;

}

.footerbtn p{
	 font-family: 'Italiana', serif;
    letter-spacing: 1px;
    font-style: normal;
    font-size:18px;
    font-weight: 400;
    width:265px;
    height:40px;
    color:#000;
    background-color:#fff;
    text-align:center;
    display:table-cell;
    vertical-align:middle;
    border: 1px solid #000;
   
}



.bottom{
   font-family: 'Italiana', serif;
   font-size: 13px;
    letter-spacing: 0.5px;
   color: #000;
   text-align: right;
   line-height: 190%;
   background-color:#43432b;
}

.footer{
    font-family: 'Italiana', serif;
 border-top:solid 1px #fff;
 margin-top: 5px;

}

.icon img{
 width:45px;
 padding:80px 10px 30px 10px;
}