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



/* 基本
------------------------------------------------------*/
body {
  font: 14px/22px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a:hover,
#page-top:hover {
  filter: alpha(opacity=70);
  -moz-opacity:0.7;
  opacity:0.7;
}

img:not(.instagram-logo){
	max-width: 100%;
	display: block;
	margin: 0 auto;
	vertical-align: bottom;
}

.lpwrap {
	margin: 0 auto;
	padding: 0;
	width: 768px;
	max-width: 100%;
	background-color: #000;
}


/*cta*/

.cta_box {
  position: relative;
}

.cta-bg {
  display: block;
  width: 100%;
  height: auto;
}

.cta-btn {
    position: absolute;
    bottom: 0;
    left: 0%;
    width: 100%;
    display: block;
}



/* mv youtubu */

.vid-wrap {
  position: relative;
  display: block;
  line-height: 0; 
}

.vid-bg {
  display: block;
  width: 100%;
  height: auto;
}

.yt-box {
    position: absolute;
    top: 0%;
    left: 3%;
    width: 93.5%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.yt-box iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.mp4-wrap {
  position: relative;
  display: block;
  line-height: 0;
}

.mp4-bg {
  display: block;
  width: 100%;
  height: auto;
}

.mp4-box {
    position: absolute;
    top: 0%;
    left: 3%;
    width: 93.5%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
}

.mp4-box video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border: none;
}



/* accordion */
.accordion-area {
	list-style: none;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.accordion-area p {
	text-align: justify;
	line-height: 2.5em;
	font-size: 1.1em;
	letter-spacing: 0.05em;
}


/** アコーディオンタイトル **/

.title {
	height: auto;
	width: 100%;
	cursor: pointer;
	font-weight: normal;
	transition: all .5s ease;
	border-width: 1px;
}


/*アコーディオンエリア*/

.box {
	display: none;
	height: auto;
	width: 100%;
}

/**　layout　**/
h3 {
	text-align: center;
	margin: 0;
}

/** icon 切り替え **/
.icon_ue {
	display: none !important;
}

.change .icon_ue {
	display: inline !important;
}

.change .icon {
	display: none;
}

/*フッター*/
.footer {
	font-family: '游ゴシック体', 'Yu Gothic', 'YuGothic', sans-serif;
	background-color: #f5f4f1;
	color: #333;
}

.footer-container {
	max-width: 768px;
	margin: 0 auto;
	text-align: center;
	padding: 10% 10%;
	background-color: #f5f4f1;
}

.footer-container a {
	display: block;
	padding: 3% 0;
	color: #333;
	text-decoration: none;
	font-size: 4vw;
}


.copyright {
	background-color: #d5001c;
	color: white;
	padding: 15px 0;
	font-size: 3vw;
	text-align: center;
}

@media screen and (min-width: 460px) {

	/*矢印の位置調整*/
	.footer-container a {
		font-size: 14px;
	}

	.copyright {
		font-size: 12px;
	}
}


/** 追従ボタンここから **/
#btn-syokai {
  display: none;    
  position: fixed;
  bottom: 0;                  /* 画面下に固定 */
  left: 50%;                  /* 中央基準 */
  transform: translateX(-50%);/* 横中央に補正 */
  width: 768px;               /* ボタンの最大幅 */
  max-width: 100%;            /* スマホ画面でははみ出さない */
  padding: 0;
  margin: 0;
  text-align: center;
  z-index: 15;
}

#btn-syokai a {
  display: inline-block;
}

#btn-syokai img {
  width: 100%;
  height: auto;
  display: block;
}

/* PC・SP表示切替（必要なら） */
.pc-block { display: block; }
.sp-block { display: none; }

@media screen and (max-width: 767px) {
  .pc-block { display: none; }
  .sp-block { display: block; }
}