@charset "utf-8";

/* header
======================== */
.mv {
	position: relative;
	width: 100%;
	background: #000;
	background-size:cover;
}
.mv > div{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	filter:alpha(opacity=26);
	opacity:0.26;
	-moz-opacity:0.26;
}
#video {
	width: 100%;
	vertical-align: bottom;
}

header .h2_wrap {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	   -moz-transform: translate(-50%,-50%);
	    -ms-transform: translate(-50%,-50%);
	     -o-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
}

header h2 {
	font-family: Georgia,"游明朝","Yu Mincho",YuMincho,"Hiragino Mincho ProN","HGS明朝E","メイリオ",Meiryo,serif;
	font-size: 21px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

header h2 span {
	display: block;
	font-size: 72px;
}


.item_text{
  animation: key1 0.6s ease infinite alternate;
}

@keyframes key1{
  0% {transform: translateY(0px);}
  100% {transform: translateY(-10px);}
}

.h2_wrap a:hover img {
	opacity: 1;
}

header .arrow {
	width: 25%;
	margin: 0 auto 10px;
}

header .arrow img {
	width: 100%;
}

header .scroll_text {
	font-size: 15px;
	color: #fff;
	text-align: center;
}

/* main
======================== */
main .flex {
	display: flex;
	justify-content: space-between;
	width: 90%;
	margin: 0 auto;
}

main h2 {
	margin-bottom: 28px;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-size: 26px;
	font-weight: bold;
	color: #eb6fa7;
	width: 600px;
	margin: 0 auto;
}

main h3 {
	padding: 46px 0 36px;
	text-align: center;
}

main h4.catch {
	background-color: #f08200;
	color: #ffffff;
	margin: 0px 0px 20px 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 30px;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	font-weight: bold;
	text-align: center;
}
main h4.catch span {
	font-size: 36px;
}

main .catch_text {
	width: 90%;
	max-width: 600px;
	margin: 0 auto 38px;
}
main .catch_text span.title {
	font-size: 24px;
	color: white;
	font-weight: bold;
	background-color: #41a949;
	padding: 2px;
}

main .catch_text span.point {
	font-weight: bold;
	text-decoration: underline;
}

main .contents_wrap {
	max-width: 640px;
}

main .content {
	width: 258px;
	margin-bottom: 96px;
	text-align: center;
}

main .content_img img {
	border-radius: 50%;
	margin-bottom: 25px;
}

main .content h4 {
	margin-bottom: 25px;
	font-family: Georgia,"游明朝","Yu Mincho",YuMincho,"Hiragino Mincho ProN","HGS明朝E","メイリオ",Meiryo,serif;
	font-size: 34px;
	font-weight: bold;
	color: #ef8b36;
}



main .content p {
	margin-bottom: 45px;
	text-align: left;
}



.parallax-window {
	position: relative;
    min-height: 400px;
    margin-bottom: 49px;
    background: transparent;
}

.parallax-window h3 {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	padding: 10px 0;
	font-family: Georgia,"游明朝","Yu Mincho",YuMincho,"Hiragino Mincho ProN","HGS明朝E","メイリオ",Meiryo,serif;
	font-size: 45px;
	font-weight: bold;
	color: #fff;
	background-color: rgba(0,0,0,0.6);
}















/* news
======================== */
.slick-prev, .slick-next {
    width: 41px; /* 画像幅 */
    height: 70px /* 画像高さ */
}










/* sns
======================== */
#sns {
	background-color: #fac771;
}

#sns iframe {
	height: 310px !important;
	vertical-align: bottom;
}

.fb_iframe_widget span {
	height: 310px !important;
}

#sns h3 {
	font-family: Georgia,"游明朝","Yu Mincho",YuMincho,"Hiragino Mincho ProN","HGS明朝E","メイリオ",Meiryo,serif;
	font-size: 34px;
	font-weight: bold;
	color: #f08200;
}

#sns .flex {
	max-width: 960px;
	padding-bottom: 70px;
}

#sns h4 img {
	height: 1em;
	vertical-align: baseline;
}

#sns h4 {
	margin-bottom: 10px;
	font-weight: bold;
	text-align: center;
}

#sns #facebook h4 img,
#sns .twitter h4 img {
	margin-right: 10px;
}

#sns #facebook {
	width: 31%;
}

/* .fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
} */

/* #pageplaugin {
	width: 100% !important;
}

.fb_iframe_widget {
	width: 100% !important;
}

.fb_iframe_widget span {
	width: 100% !important;
}

iframe {
	width: 100% !important;
}

._2p3a {
    width: 100% !important;
} */

#sns .twitter {
	width: 31%;
}
#sns .line {
	width: 31%;
}

#sns .line a img {
	width: 100%;
	max-height: 310px;
}

#sns .square {
	width: 100%;
	height: 500px;
	border: 1px solid #333;
	background-color: #fff;
}

#sns .instagram {
	padding-bottom: 120px;
}

#sns .insta {
	width: 90%;
	max-width: 950px;
	margin-bottom: 28px;
	margin: 10px auto 0;
}

#sns .insta iframe {
	height: inherit !important;
}

#sns .instagram h4 img {
	height: 28px;
}

#instafeed {
	display: flex;
}

#instafeed li:not(:last-child) {
	margin-right: 3.7%;
}

#instafeed img {
	width: 100%;
	max-width: 162px;
}

.insta_photo {
	display: block;
	position: relative;
}

.iine_num {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    color: white;
    font-size: 18px;
    transition: .3s ease;
    opacity: 0;
}

#instafeed li a:hover .iine_num {
	opacity: 1;
}

#sns .more {
	margin-top: 22px;
}

/* youtube
======================== */
#youtube {
	padding-bottom: 120px;
	background-color: #3C3C3C;
}

#youtube .flex {
	max-width: 960px;
	margin-bottom: 80px;
}

#youtube h3 img {
	height: 60px;
}

#youtube h4 {
	margin-bottom: 45px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

.youtube_content {
  width: 31%;
}
.youtube_content iframe {
	width: 100%;
}

#youtube .more {
	border: 1px solid #fff;
	border-radius: inherit;
	background-color: inherit;
}

.bnr {
	margin-top: 100px;
}

@media screen and (max-width: 1050px) {
	#sns iframe {
		height: 29.7vw !important;
	}

	.fb_iframe_widget span {
		height: 29.7vw !important;
	}
}

@media screen and (max-width: 920px) {
	main .contents_wrap {
		display: block;
	}

	main .content {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 90%;
		margin: 0 auto 13vw;
	}

	main .content h4 {
		text-align: center;
		margin-bottom: 3vw;
	}

	main .content p {
		text-align: justify;
		margin-bottom: 7vw;
	}

	main .content_img {
		width: 100%;
	}

	main .content_img img {
		width: 60%;
		margin-bottom: 3vw;
	}

	main .content_text {
		width: 100%;
	}
}






@media screen and (max-width: 768px) {
	/* header
	======================== */
	header .h2_wrap {
		top: 65%;
	}

	header h2 {
		font-size: 3vw;
	}

	header h2 span {
		font-size: inherit;
	}

	header .arrow {
		margin-bottom: 0.5vw;
	}

	/* main
	======================== */

	main h2 {
		width: 70%;
		padding: 0;
	    /*margin: 6vw auto 3vw;*/
	    margin: 0 6vw;
	    font-size: 5vw;
	}

	main h3 {
		width: 80%;
		padding: 0;
	    margin: 6vw auto 3vw;
	}

	main h4.catch {
		font-size: 4vw;
	}

	main h4.catch span {
		font-size: 5vw;
	}

	main .catch_text {
		width: 90%;
	    margin-bottom: 8vw;
	}
	main .catch_text br {
		display: none;
	}

	main .catch_text span {
		width: 90%;
	}

	main .more {
		width: 30vw;
	}

	/* .parallax-window {
		min-height: 50vw;
		background-attachment: fixed;
	} */

	.parallax-window {
		min-height: 40vw;
		margin-bottom: 8vw;
	}

	.parallax-window h3 {
		width: 100%;
		padding: 2vw 0;
		margin: 0;
		font-size: 6vw;
	}



	#sns {
		padding-top: 0.1vw;
	}

	#sns iframe {
		height: 500px !important;
	}

	.fb_iframe_widget span {
		height: 500px !important;
	}


	#sns .flex {
		display: block;
		padding-bottom: 13vw;
	}

	#sns #facebook {
		width: 100%;
		text-align: center;
	}

	#sns .twitter {
		width: 100%;
	}

	#sns .twitter iframe {
		width: 780px !important;
	}

	#sns .line {
		width: 100%;
		text-align: center;
	}

	#sns h4 {
		margin-top: 9vw;
		margin-bottom: 2.5vw;
	}

	#sns #facebook h4 img,
	#sns .twitter h4 img {
		width: 1em;
		margin-right: 2vw;
	}

	#sns .line h4 img {
		width: 4em;
	}

	#sns .line a img {
		max-height: inherit;
	}

	#sns .insta {
		width: 90%;
		margin: 3vw auto 0;
	}

	#sns .instagram {
		padding-bottom: 13vw;
	}

	#sns .instagram h4 {
		margin-top: 0;
	}

	#sns .instagram h4 img {
		width: auto;
		height: 28px;
	}

	#sns #instafeed {
		justify-content: space-between;
		flex-wrap: wrap;
	}

	#instafeed li {
		width: 48%;
		margin-bottom: 4vw;
	}

	#instafeed li:not(:last-child) {
		margin-right: 0;
	}

	#instafeed img {
		max-width: inherit;
	}

	#youtube {
		padding-top: 0.1vw;
		padding-bottom: 13vw;
	}

	#youtube h3 img {
		width: 60%;
		height: auto;
	}

	#youtube h4 {
		font-size: 3.2vw;
		margin-bottom: 7vw;
	}

	#youtube .flex {
		display: block;
		margin-bottom: 0;
	}

	.youtube_content {
		width: 100%;
		margin-bottom: 7vw;
		text-align: center;
	}

	.youtube_content iframe {
		height: 50vw;
	}

	.bnr {
		margin-top: 10vw;
	}

}