@charset "UTF-8";

@media (min-width: 760px){
}

@media (max-width: 759px){
}

@media all and (min-width: 760px){
	#tv-mode_movie.c-youtube-button {
		margin-bottom: 20px;
	}
	#how_to_improve_anchor {
		margin-bottom: 80px;
	}
	.l-grid--5 {
		margin: 0 0 20px;
	}
	.l-grid--5 .l-grid-col {
	width: calc((100% - 160px)/ 5);
    margin-right: 40px;
    margin-bottom: 14px;
	}
	.c-icon-tvmode,
	.c-icon-not-tvmode1,
	.c-icon-not-tvmode2 {
	display: inline-block;
    width: 36px;
    height: 32px;
    position: relative;
    margin-right: 0;
	}.c-icon-tvmode::before {
    content: '';
    display: block;
    width: 36px;
    height: 32px;
    background: url(../img/index/tvmode.png) 50% 50% no-repeat;
    background-size: 32px 32px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
	}
	.c-icon-not-tvmode1::before {
    content: '';
    display: block;
    width: 36px;
    height: 32px;
    background: url(../img/index/not_tvmode1.png) 50% 50% no-repeat;
    background-size: 32px 32px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
	}
	.c-icon-not-tvmode2::before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    background: url(../img/index/not_tvmode2.png) 50% 50% no-repeat;
    background-size: 32px 32px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
	}

	.c-icon-tablemode,
	.c-icon-not-tablemode1,
	.c-icon-not-tablemode2 {
	display: inline-block;
    width: 32px;
    height: 32px;
    position: relative;
    margin-right: 0;
	}
	.c-icon-tablemode::before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    background: url(../img/index/tablemode.png) 50% 50% no-repeat;
    background-size: 32px 32px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
	}
	.c-icon-not-tablemode1::before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    background: url(../img/index/not_tablemode1.png) 50% 50% no-repeat;
    background-size: 32px 32px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
	}
	.c-icon-not-tablemode2::before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    background: url(../img/index/not_tablemode2.png) 50% 50% no-repeat;
    background-size: 32px 32px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
	}

	.c-icon-handheldmode,
	.c-icon-not-handheldmode1,
	.c-icon-not-handheldmode2 {
	display: inline-block;
    width: 36px;
    height: 32px;
    position: relative;
    margin-right: 0;
	}.c-icon-handheldmode::before {
    content: '';
    display: block;
    width: 36px;
    height: 32px;
    background: url(../img/index/handheldmode.png) 50% 50% no-repeat;
    background-size: 32px 32px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
	}
	.c-icon-not-handheldmode1::before {
    content: '';
    display: block;
    width: 36px;
    height: 32px;
    background: url(../img/index/not_handheldmode1.png) 50% 50% no-repeat;
    background-size: 32px 32px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
	}
	.c-icon-not-handheldmode2::before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    background: url(../img/index/not_handheldmode2.png) 50% 50% no-repeat;
    background-size: 32px 32px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
	}
}

@media all and (min-width: 860px){
}

@media all and (min-width: 1024px){
}

@media all and (max-width: 759px){
	.l-grid--5 {
		margin: 0 auto 20px;
		width: 90%;
	}
	.l-grid--5 .l-grid-col {
		width: calc(85% / 2 - 50px / 2);
    margin-right: 0;
    margin-bottom: 0;
		margin: 0 20px 14px;
	}
	#tv-mode_movie.c-youtube-button {
		margin-bottom: 20px;
	}
	#how_to_improve_anchor {
		margin-bottom: 80px;
	}
    .c-icon-tvmode,
    .c-icon-not-tvmode1,
    .c-icon-not-tvmode2 {
    display: inline-block;
    width: 36px;
    height: 32px;
    position: relative;
    margin-right: 0;
    }.c-icon-tvmode::before {
    content: '';
    display: block;
    width: 36px;
    height: 32px;
    background: url(../img/index/tvmode.png) 50% 50% no-repeat;
    background-size: 32px 32px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    }
    .c-icon-not-tvmode1::before {
    content: '';
    display: block;
    width: 36px;
    height: 32px;
    background: url(../img/index/not_tvmode1.png) 50% 50% no-repeat;
    background-size: 32px 32px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    }
    .c-icon-not-tvmode2::before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    background: url(../img/index/not_tvmode2.png) 50% 50% no-repeat;
    background-size: 32px 32px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    }

    .c-icon-tablemode,
    .c-icon-not-tablemode1,
    .c-icon-not-tablemode2 {
    display: inline-block;
    width: 32px;
    height: 32px;
    position: relative;
    margin-right: 0;
    }
    .c-icon-tablemode::before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    background: url(../img/index/tablemode.png) 50% 50% no-repeat;
    background-size: 32px 32px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    }
    .c-icon-not-tablemode1::before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    background: url(../img/index/not_tablemode1.png) 50% 50% no-repeat;
    background-size: 32px 32px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    }
    .c-icon-not-tablemode2::before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    background: url(../img/index/not_tablemode2.png) 50% 50% no-repeat;
    background-size: 32px 32px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    }

    .c-icon-handheldmode,
    .c-icon-not-handheldmode1,
    .c-icon-not-handheldmode2 {
    display: inline-block;
    width: 36px;
    height: 32px;
    position: relative;
    margin-right: 0;
    }.c-icon-handheldmode::before {
    content: '';
    display: block;
    width: 36px;
    height: 32px;
    background: url(../img/index/handheldmode.png) 50% 50% no-repeat;
    background-size: 32px 32px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    }
    .c-icon-not-handheldmode1::before {
    content: '';
    display: block;
    width: 36px;
    height: 32px;
    background: url(../img/index/not_handheldmode1.png) 50% 50% no-repeat;
    background-size: 32px 32px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    }
    .c-icon-not-handheldmode2::before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    background: url(../img/index/not_handheldmode2.png) 50% 50% no-repeat;
    background-size: 32px 32px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    }
}