@charset "UTF-8";

/* header
---------------------------------------- */
header a.privacy{
	color:#D0FF00;
	pointer-events: none;
}

@media screen and (max-width:640px) {
	#smt_menu a.privacy{
		color:#D0FF00;
		pointer-events: none;
	}
	
}


/* mv
---------------------------------------- */
#mv {
    width: 100%;
    background-color: #000;
    aspect-ratio: 2 / 1;
    min-height: 500px;
    max-height: 700px;
    height: 500px;
    position: relative;
}

#mv .container {
    width: calc(100% - 100px);
    max-width: 1120px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

#mv h1 {
    max-width: 440px;
    width: calc(100% - 60px);
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#mv h1 img{
	width:100%;
    @media(width <= 640px){
		height: 27px;
	}
}




@media(width <= 640px){
	

	#mv{
        height: 30svh;
        background-size: auto 85%;
        background-position: 12% 165px;
        position: relative;
        min-height: auto;
           }
       
           #mv h1 {
            width: 75%;
            position: relative;
            top: 57%;
            transform: none;
            margin: 0 auto 10px auto;
            left: auto;
            right: auto;
           }
       

}



/* main
---------------------------------------- */
main{
	float:left;
	width:90%;
	max-width:760px;
	font-size: 14px;
    margin: 0 auto;
}

#sec1{
	margin: 0px 0 0px 0;
}
#sec1 p{
    text-align: left;
font-size: 14px;
margin: 0 0 30px 0;
}






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

	main {
		width: 60%;

	}
	
	
	}




@media screen and (max-width:640px) {
    main{
        float:none;
        width:90%;
        max-width:760px;
        font-size: 14px;
        margin: 0 auto;
    }
}