@charset "UTF-8";

/*--------------------
シェアボタン
--------------------*/
#foot_sharebutton{
	position: absolute;
	top: 20px;
	right: 0;
	z-index: 999;
}

#foot_sharebutton ul{
	margin: 0;
	padding-left: 0;
	display: flex;
}

#foot_sharebutton ul li{
	list-style: none;
}

@media only screen and (max-width: 767.98px){
	#foot_sharebutton{
		position: static;
		padding: 40px 3% 10px 8%;
	}
}


/*--------------------
枠組み・基本設定
--------------------*/
body{
	max-width: none;
}

.Main__content{
	max-width: 100%;
	width: 100%;
	padding: 0;
	position: relative;
	color: #111;
	font-family: 'YakuHanJP', "Roboto", "Noto Sans JP", sans-serif;
	font-weight: 500;
	background: #000;
}

.Main__content img{
	width: 100%;
	display: block;
}

.Main__content h1,
.Main__content h2{
	margin: 0;
}

.l_main a{
	transition: 0.5s;
	display: block;
}

.l_main a:hover{
	filter:Alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.50;
}

.l_main p{
	text-align: justify;
}

.l_main .br_pc { display: block !important;}
.l_main .br_sp, .md_inline .br_sp { display: none !important;}

.l_main p{
	margin-top: 0;
	margin-bottom: 0;
}

.l_main ul{
	padding-left: 0;
}

.l_main ul li{
	list-style: none;
}

@media only screen and (max-width: 767.98px){
	.l_main .br_pc { display: none !important;}
	.l_main .br_sp, .md_inline .br_sp { display: block !important;}
}


/*---------------------
スクロールアニメーション
---------------------*/
.l_main .is_scrollanime{
	opacity: 0 !important;
	transition: all .8s ease !important;
}

.l_main .is_scrollanime.show{
	opacity: 1 !important;
	transform: none !important;
}

.l_main .is_rl{         transform: translate(-100px, 0) !important;}
.l_main .is_rr{         transform: translate(100px, 0) !important;}
.l_main .is_up{         transform: translate(0, 100px) !important;}
.l_main .is_down{       transform: translate(0, -100px) !important;}
.l_main .is_scaleUp{    transform: scale(.8) !important;}
.l_main .is_scaleDown{  transform: scale(1.5) !important;}
.l_main .is_rotateL{    transform: rotate(180deg) !important;}
.l_main .is_rotateR{    transform: rotate(-180deg) !important;}


/*--------------------
背景
--------------------*/
.l_main .md_cont{
	max-width: 1240px;
	width: 84%;
	margin: 0 auto;
}

@media only screen and (max-width: 767.98px){
	.l_main .md_cont{
		width: 100%;
	}
}

/*--------------------
ティザー
--------------------*/
.l_main .l_kv{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.l_main .l_kv > div{
	width: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.l_main .l_kv div h1{
	width: 90%;
}

.l_main .l_teaser{
	padding: 60px 6%;
}

.l_main h2{
	background: #af811f;
	margin: 60px 0 40px 0;
	padding: 10px 40px;
}

.l_main h2 + p{
	color: #fff;
	font-size: 150%;
	padding: 0 40px;
}

.l_main h2 + p + p{
	color: #fff;
	font-size: 150%;
	padding: 20px 40px 0 40px;
}


@media only screen and (max-width: 767.98px){
	.l_main .l_kv > div{
		width: 100%;
		padding: 0 0 20px 0;
	}
	
	.l_main .l_teaser{
		padding: 10px 6% 20px 6%;
	}
	.l_main h2{
		margin: 30px 0 20px 0;
		padding: 10px 4%;
	}
	
	.l_main h2 + p{
		font-size: 100%;
		padding: 0 4% 10px 4%;
	}
	
	.l_main h2 + p + p{
		font-size: 100%;
		padding: 0 4%;
	}
	
}