@charset "utf-8";

@-ms-viewport {
    width: device-width;
}

/* check
*{
	border:1px solid #FF0000;
}
*/

/* clearfix
------------------------------------------------*/
.clearfix { *zoom:1; }
.clearfix:before,
.clearfix:after {
	display: table;
	content:"";
	line-height: 0;
}
.clearfix:after { clear: both; }

/* 全体
------------------------------------------------*/
body{
	margin: 0;
	padding: 0;
    font-family: YakuHanJP, 'Noto Sans JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	font-feature-settings: "palt";
	font-weight: 400;
	background:#ffffff;
	position: relative;
	width: 100%;
}

.wrapper{
	width:100%;
	margin: 0 auto;
	overflow: hidden;
	background: #ffffff;
	position: relative;
}

@media screen and (min-width:581px){
	.wrapper{
		width: 580px;
	}
}

/* hover
------------------------------------------------*/
a:hover img {
  opacity: 0.9;
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
}
a:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
}
input[type="image"]:hover {
  opacity: 0.9;
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
}

/* TOPへ戻る
------------------------------------------------*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
    z-index: 9999999;
}

#page-top a {
    background: #027cc3;
    text-decoration: none;
    color: #fff;
    width: 40px;
	height:40px;
    padding: 14px 0;
    text-align: center;
    display: block;
    font-weight: 900;
	border-radius: 50%;
}

/* header
------------------------------------------------*/
/* 上部固定 */
.header_nav {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
	text-align: center;
}
.header_nav a img{
	max-width: 580px;
	width: 100%;
	display: inline;
}

/* キービジュアル
------------------------------------------------*/
.t_lp_kv{
	width: 100%;
    height: 0;
    /* (画像の高さ / 画像の横幅) × 100 */
    padding-top: 132.269503546099291%;
    background: url(../img/mv_bg_horse.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
	position: relative;
	margin-top: -0.5em;
}
.t_lp_kv a img{
	position: absolute;
	left: 50%;
	bottom: 1em;
	transform: translateX(-50%);
	width: 90%;
}

@media screen and (min-width:641px){
	.t_lp_kv a img{
	bottom: 3em;
	width: 90%;
}
}

/* 共通箇所
------------------------------------------------*/
/* 画像幅 */
.img_100 img{
	width: 100%;
	margin: 1em auto;
}

/* テキスト箇所 */
.section p{
	line-height: 1.7em;
	color: #3F3F3F;
	margin:0 auto 0.8em auto;
	width: 93%;
}

/* スライドショー
------------------------------------------------*/
/* 共通箇所 */
.slider img{
	width: 100%;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
}
.slick-dots li button:before{
	font-size: 12px!important;
	margin: 0.5em 0;
}
.slick-prev, .slick-next{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}
.slick-prev{
	left: 10px!important;
	z-index: 1;
}
.slick-next{
	right: 14px!important;
	z-index: 1;
}
.slick-prev:before, .slick-next:before{
	font-size: 25px!important;
}
.slick-dotted.slick-slider{
	margin-bottom: 50px!important;
}
.slick-slide{
	margin: 0 10px!important;
}

/* アプリ紹介の画像 */
.slider_introduction img {
    border-radius: 10px;
    overflow: hidden;
}

/* LINE登録エリア
------------------------------------------------*/
.line_entry{
	width: 90%;
	margin: 0 auto 1em auto;
	text-align: center;
}
.line_entry a img{
	display: inline;
	width: 100%;
}