@charset "utf-8";
.BOTTOM_header_white {
    width: 100%;
    background-color: #002E48;
}
.BOTTOM_header_black {
    width: 100%;
    margin-top: -4px;
    margin-bottom: -8px;
    z-index: 1000;
}
.BOTTOM_header_basic {
    width: 100%;
    margin-top: -4px;
    margin-bottom: -8px;
    z-index: 1000;
}
.Header_base {
    width: 100%;
}
.BOTTOM_header_image {
    width: 100%;
    padding-top: 0px;
    margin-bottom: -10px;
}
.BOTTOM_header_green {
    display: none;
    text-align: center;
}
.TOP_INTRO_image {
    width: 100%;
    margin-bottom: 20px;
}
.TOP_INTRO_image_input {
    width: 100%;
    text-align: center;
    padding-left: 20%;
    padding-right: 20%;
    margin-bottom: 15px;
}

.BOTTOM_header_yellow {
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
    margin-top: -10px;
    margin-bottom: 25px;
}
.BOTTOM_header_yellow03 {
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
}
.BOTTOM_header_yellow_input {
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
    margin-top: -10px;
}
.BOTTOM_header_image02 {

}
.TAGS_INTRO_movie {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}
.TAGS_INTRO_movie_squid {
    width: 100%;
    margin-top: 80px;
    margin-bottom: -1px;
}
.TAGS_image_text {
    width: 100%;
    margin-top: -10px;
    z-index: -1;
}
.TAGS_INTRO_image {
    width: 100%;
    padding-top: 2%;
    padding-right: 2%;
    padding-bottom: 2%;
    padding-left: 2%;
}
.TAGS_INTRO_image_input {


}
.TAGS_INTRO_image_device {
    width: 100%;
    margin-bottom: 15px;
    margin-top: -5px;
    padding-right: 40px;
    margin-left: -15px;
}
.TAGS_INTRO_image_iphone {
    margin-top: -5px;
}
.BOTTOM_header_yellow02 {
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
}
.INPUT_image_raw {
    width: 80%;
    padding-bottom: 10%;
    padding-top: 10%;
    padding-right: 30%;
    padding-left: 10%;
    margin-left: 0px;
    margin-top: 0px;
}
.TAGS_INTRO_movie_glass {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}
@media (max-width:880px){
	.TOP_INTRO_image_input {
    width: 100%;
    padding-left: 20%;
    padding-right: 10%;
}
	.BOTTOM_header_yellow {
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
    margin-top: 20px;
}
	.TAGS_INTRO_image_iphone {
    width: 100%;
    margin-top: 20px;
}
	.TAGS_INTRO_image {
    width: 100%;
    padding-top: 2%;
    padding-right: 2%;
    padding-bottom: 2%;
    padding-left: 2%;
}
}
@media (max-width:770px){
	.BOTTOM_header_yellow {
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
    margin-top: -50px;
    padding-bottom: 30px;
}
	.TAGS_INTRO_image_device {
    width: 100%;
    margin-bottom: 15px;
    margin-top: -5px;
    padding-right: 40px;
    margin-left: -3px;
}
	.TAGS_INTRO_image_iphone {
    width: 100%;
    margin-top: -10px;
    padding-top: 0%;
    padding-right: 0%;
    padding-bottom: 0%;
    padding-left: 0%;
}
}

@media (max-width:660px){

	.BOTTOM_header_yellow {
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
    margin-top: -50px;
    padding-bottom: 30px;
}
	.TAGS_INTRO_image_iphone {
    width: 80%;
    margin-top: 10px;
}
}
@media (max-width:580px){

	.BOTTOM_header_yellow {
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
    margin-top: -50px;
    padding-bottom: 30px;
    margin-bottom: -30px;
}
	.TAGS_INTRO_image {
    width: 100%;
    margin-top: 35px;
}
	.BOTTOM_header_yellow03 {
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
    margin-top: -50px;
}
}
@media (max-width:480px){

	.BOTTOM_header_yellow {
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
    margin-top: -50px;
    padding-bottom: 30px;
    margin-bottom: -30px;
}
.TAGS_INTRO_image {
    width: 100px;
    margin-top: 30px;
}
	.TAGS_INTRO_image_iphone {
    width: 100px;
    margin-top: -10px;
}
}
	
@media (max-width:450px){
	.BOTTOM_header_green {
    width: 100%;
    height: auto;
	}
	.BOTTOM_header_yellow {
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
    margin-top: -45px;
    margin-bottom: 0px;
}
	.TOP_INTRO_image {
    width: 100%;
    margin-bottom: 10px;
    height: 100%;
}
	.TOP_INTRO_image_input {
    width: 100%;
    margin-top: 20px;
}
	.BOTTOM_header_yellow02 {
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
    margin-top: -50px;
}
.TAGS_INTRO_image {
    width: 100%;
    padding-right: 5%;
    padding-left: 5%;
    padding-bottom: auto;
    padding-top: auto;
    z-index: 1;
}
	.BOTTOM_header_yellow03 {
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
    margin-bottom: -10px;
    margin-top: -70px;
}
	.BOTTOM_header_black {
    width: 100%;
    margin-bottom: -7px;
    margin-left: 0px;
}
	.TAGS_INTRO_image_iphone {
    margin-top: -10px;
    width: 320px;
}
	.TAGS_INTRO_image_device {
    width: 100%;
}
	.BOTTOM_header_basic {
    width: 100%;
    margin-top: -4px;
    margin-bottom: -30px;
    z-index: 1000;
    margin-left: 5px;
}
	.TAGS_INTRO_movie_squid {
    width: 100%;
    margin-top: 10px;
    margin-bottom: -0.5px;
}
}