@charset "UTF-8";

.freakout-page .l-h1-wrap .l-h1-inner {
background: #fff;
}
.l-freakout-subh1 {
color: #aaa;
font-weight: 600;
}
.l-h1-wrap_txt{
color: #707070;
font-size: 2rem;
text-align: center;
}

.l-h1-about{
background: #fff;
padding: 0 5% 50px;
text-align: center;
}
.l-h1-about p{
color: #AA0000;
}
.l-h1-about__lead{
font-size: 2rem;
margin-bottom: 5px;
}

.l-h1-about__img span{
	display: block;
	max-width: 890px;
	margin: 0 auto;
	font-size: 12px;
}

.m-column3 li {
margin-bottom: 40px;
}

.about{
	background-color: #EDEDED;
}
.about__dscNote{
font-size: 1.2rem;
}





.screens{
padding: 50px 5% 140px;
background-color: #F8F8F8;
}
.screens__inner{
max-width: 1110px;
margin-left: auto;
margin-right: auto;
}
.screens h3{ 
margin-top: 40px;
}
.screens__txt{
color: #707070;
text-align: center;
}


.screens_list{
margin: 0 auto ;
display: flex;
}
.screens_list li{
width: calc( 25% - 30px/4);
display: flex;
flex-direction: column;
}

.screens_list li:not(:nth-child(4n - 3)){
margin-left: 10px;
}

.screens_list h4{
padding:5px 10px;
/* position: absolute;
bottom: 0;
width: 100%;
left: 0; */
font-size: 1.4rem;
text-align: center;
background-color: #E6E6E6;
flex: 1;
align-self: stretch;
display: flex;
align-items: center;
justify-content: center;
}


@media screen and (max-width: 767px){
.screens_list{
flex-wrap: wrap;
}
.screens_list li{
width: calc( 50% - 5px);
position: relative;
}
.screens_list li{
margin-left: 0 !important;
}
.screens_list li:not(:nth-child(2n - 1)){
margin-left: 10px !important;
}
.screens_list li:nth-child(n + 3){
margin-top: 20px;
}
.screens_list h3{
font-size: 1rem;
padding:5px ;
}
}