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


body{
    margin:0;
    background:#c60018;
    color:#fff;
    font-family:"Noto Sans JP",sans-serif;
    line-height:1.8;
}

img{
    display:block;
    max-width:100%;
    height:auto;
}

a{
    color:inherit;
    text-decoration:none;
}

.sp{display: none;}

#container{width: 100%; max-width: 1280px; margin: 0 auto;position:relative;
padding-bottom: 50px;}

/*==================================================
LEFT SIDE
==================================================*/

.kv-side{ position: absolute;
	width:auto;
	padding:25px 20px;
	
}

.kv-title{
	font-size:30px;
	font-weight:900;
	line-height:1.1;
	letter-spacing:.02em;
}

.kv-title:hover{color: rgba(255,255,255,.7);}

@media screen and (max-width:1280px){
.kv-side{ position: relative;padding:25px 0px;}
.kv-title{ text-align: center; margin-bottom: 0;}
}

@media screen and (max-width:767px){

.sp{display: inline-block;}

/*.kv-side{
	display:none;
}*/
.kv-title{
	font-size:20px;}
	
.lp-common{
	padding:40px 15px;
}

.lp-inner{
	max-width:100%;
}

}


/*--------------------------------------------------
layout
--------------------------------------------------*/

.lp-common{  padding:50px 20px;}

.lp-inner{
    max-width:950px;
    margin:auto;
}

@media screen and (max-width:1280px){
.lp-common{  padding:20px 20px 50px;}
}


/*--------------------------------------------------
heading
--------------------------------------------------*/

/*--------------------------------
Heading
--------------------------------*/

.lp-head{

    margin:0 auto 50px;
    text-align:center;

}

.lp-head h1{
    position:relative;
    margin:0;
    padding-bottom:30px;
    font-size:clamp(42px,5vw,55px);
    line-height:1.5;
    font-weight:900;
    letter-spacing:.03em;
    text-transform:uppercase;
}


.lp-head h1.medium{
font-size:clamp(32px,5vw,45px); line-height: 1.2;
}

.le-head h1 > *{
    display:block;
}


.lp-head h1 span{ font-weight: 700; font-size: 24px;text-transform: none;}
.lp-head h1 span.sub_midashi{ font-weight: 700; font-size: 28px;text-transform: none; display: inline-block; margin: -30px auto 20px; line-height: 0.5;}


.lead-title{
    margin:0;
    line-height:1;
}

.lead-title span{
    display:block;
}

.lead-title .main{
    font-size:clamp(42px,5vw,55px);
    margin-bottom:0px;
	font-weight:900;
    letter-spacing:.03em;
	text-transform:uppercase;
}

.lead-title .copy{
    font-size:28px;
    margin-bottom:0px;
}

.lead-title .midashi{
    font-size:clamp(42px,5vw,55px);
    margin-bottom:15px;
		font-weight:900;
    letter-spacing:.03em;
	text-transform:uppercase;
}

.lead-title .place{
    font-size:24px;
}

/* 黒ライン */

.lp-head h1::after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:4px;
    background:#111;
}

/* SPECIAL COLLABORATION */

.sub-title{

    display:inline-block;

    margin:-16px auto 0;

    padding:7px 38px;

    background:#111;

    color:#d40019;

    font-size:15px;

    font-weight:700;

    letter-spacing:.45em;

    text-transform:uppercase;

    clip-path:polygon(0 0,
                      calc(100% - 20px) 0,
                      100% 100%,
                      20px 100%);

}

.lp-lead{
    text-align:center;
    margin:0 auto 70px;
    max-width:760px;
}

.lp-lead p{

    margin:0; font-size: 18px; font-weight: bold;

}
.lp-lead span{font-size: 13px;}
.lp-lead img{width: 200px; margin: 0 auto;}

/*==================================================
SP
==================================================*/



@media screen and (max-width:767px){


/*------------------------------
Heading
------------------------------*/

.lp-head{
	margin-bottom:35px;
}

.lp-head h1{

	font-size:34px;
	padding-bottom:24px;
	line-height:1.2;
}

.lead-title .main{font-size:34px;}

.lead-title .copy{
    font-size:24px;
    margin:10px 0;
}

.lp-head h1 span.sub_midashi{ font-size: 24px;}

.lp-head h1::after{

	height:3px;

}

.sub-title{

	/*font-size:11px;*/
	letter-spacing:.25em;

	padding:6px 18px;

	margin-top:-12px;

}

.lp-lead{

	margin-bottom:40px; 

}

.lp-lead p{

	font-size:18px;
	line-height:1.4;

}

}


@media screen and (max-width:600px){
.lp-head h1 span.sub_midashi{ font-size: 22px; letter-spacing: -0.07em;}
.lead-title .copy{ font-size: 22px; letter-spacing: -0.07em;}
}