@import url(//fonts.googleapis.com/earlyaccess/cwtexyen.css);

body {
    background: #EEE;
    margin: 0;
    padding: 0;
}

*:focus { outline: none; }
.clear { clear: both; }

.wrapper {
    position: relative;
    min-width: 320px;
    width: 100%;
    margin: 0 auto;
}

.wrapper-inner {
    position: absolute;
    top: 0;
    left: 50%;
    max-width: 1200px;
    min-width: 320px;
    width: 100%;
}

.c-top { width: 100%; height: auto; margin-bottom: 3px; }
.c-top > img { width: 100%; }
.c-top > a { position: absolute; top: 5px; left: 38%; width: 20.083333%; }
.c-top > a  > img  { width: 100%; }

.c-txt > div { margin-bottom: 2px; }
.c-txt > div:nth-child(2) > div:nth-child(1), 
.c-txt > div:nth-child(2) > div:nth-child(2) { float: left; }

.c-txt > div:nth-child(1) { padding: 0 3%; }
.c-txt > div:nth-child(1) > img { width: 52.166666% }
.c-txt > div:nth-child(2) > div:nth-child(1) { width: 26.75%; padding: 0 3%; }
.c-txt > div:nth-child(2) > div:nth-child(2) { width: 46.416666%; padding: 0 3%; }
.c-txt > div:nth-child(2) > div > img { width: 100%; }

.c-content > div:nth-child(1) > div { width: 64%; margin: 0 auto; }
.c-content > div:nth-child(1) > div > div { width: 45%; max-width: 315px; float: left; margin: 1px 1%; position: relative; }
.c-content > div:nth-child(1) > div > div > img  { width: 100%; position: relative; }
.c-content > div:nth-child(1) > div > div > span:nth-child(2) {
	font-size: 11pt;
	font-family: 'cwTeXYen', sans-serif;
    font-weight: bold;
	display: block; 
	position: absolute; 
	top: 8%; 
	left: 22%; 
	color: #264c7b; 	
	text-shadow: 0px 0px 10px #fff, 
				 0px 0px 10px #fff, 
				 0px 0px 10px #fff, 
				 0px 0px 10px #fff, 
				 0px 0px 10px #fff, 
				 0px 0px 10px #fff, 
				 0px 0px 10px #fff;
} 
.c-content > div:nth-child(1) > div > div > span:nth-child(3) { 
	display: block; 
	position: absolute; 
	bottom: 10%; 
	left: 11%; 
	right: 5%;
	color: #FFF; 
	font-size: 10pt;
	font-family: 'cwTeXYen', sans-serif;
    font-weight: bold;
	text-align: center;
} 

.c-content > div:nth-child(3) > div { width: 30.72%; max-width: 315px; float: left; margin: 1px 1%; position: relative; }
.c-content > div:nth-child(3) > div > img { width: 100%; position: relative; }
.c-content > div:nth-child(3) > div > span:nth-child(2) { 
	font-size: 11pt;
	font-family: 'cwTeXYen', sans-serif;
    font-weight: bold;
	display: block; 
	position: absolute; 
	top: 8%; 
	left: 22%; 
	color: #264c7b; 
	text-shadow: 0px 0px 10px #fff, 
				 0px 0px 10px #fff, 
				 0px 0px 10px #fff, 
				 0px 0px 10px #fff, 
				 0px 0px 10px #fff, 
				 0px 0px 10px #fff, 
				 0px 0px 10px #fff;
} 
.c-content > div:nth-child(3) > div > span:nth-child(3) { 
	display: block; 
	position: absolute; 
	bottom: 10%; 
	left: 11%; 
	right: 5%;
	color: #FFF; 
	font-size: 10pt;
	font-family: 'cwTeXYen', sans-serif;
    font-weight: bold;
	text-align: center;
} 


.c-fill { width: 100%; max-width: 1089px; margin: 5px auto 5px auto; }
/* .c-fill > img, .c-fill > a { float: left; } */
.c-fill > img { width: 44.666666%; max-width: 476px; margin-left: 5%; }
/* .c-fill > a { float: right; width: 27%; max-width: 264px; margin-right: 5%; }
.c-fill > a  > img { width: 100%; } */

.signup_form { width: 100%; max-width: 1089px; margin: 10px auto 10px auto; }
.signup_form > div.c-input { float: left; width: 48%; height: 25px; margin: 0 1%; }

input[type=text],
input[type="tel"],
input[type="email"],
select {
    display: block;
    float: left;
    width: calc(100% - 30px);
    height: 20px;
    border-radius: 3px;
    font-size: 10pt;
    color: #444;
    background-color: #FFF;
    box-shadow: 2px 2px 3px rgba(20%, 20%, 40%, 0.5);
    border: 0;
    padding: 0 15px;
}

select {
    width: 100%;
    height: 20px; 
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */
    background: url(../../img/arr_down.png) no-repeat right #FFF;
    padding: 0px 25px 0px 15px;
}
select::-ms-expand { display: none; }

.place_holder { color: gray; }
select:focus option.holder { display: none; }


.signup_form > div.send { text-align: center; width: 100%; margin-top: 1px; }
.signup_form > div.send input[type=image] { width: 80%;  max-width: 625px; }

@media only screen and (min-width: 375px) {
	.signup_form > div.c-input { height: 30px; }
    
	input[type=text],
	input[type="tel"],
	input[type="email"],
	select { height: 25px; }
}
@media only screen and (min-width: 768px) {
	.c-top { margin-bottom: 10px; }
	.c-top > a { top: 15px; }
    .c-content > div:nth-child(1) > div > div { margin: 5px 1%; }
    .c-content > div:nth-child(3) > div { margin: 5px 1%; }
	
	.c-content > div:nth-child(1) > div > div > span:nth-child(2) { font-size: 20pt; top: 10%; }
	.c-content > div:nth-child(3) > div > span:nth-child(2) { font-size: 18pt; top: 10%; }
	
	.c-content > div:nth-child(1) > div > div  > span:nth-child(3) { font-size: 18pt; }
	.c-content > div:nth-child(3) > div > span:nth-child(3) { font-size: 16pt; }
	
    .c-fill { margin: 25px auto 15px auto; }
    .signup_form > div.c-input { height: 53px; margin-bottom: 10px; }
    input[type=text],
    input[type="tel"],
    input[type="email"],
    select {
        height: 48px;
        font-size: 16pt;
    }
}

@media only screen and (min-width: 945px) {
    .c-content > div:nth-child(1) > div > div { margin: 8px 3%; width: 40%;}
    .c-content > div:nth-child(3) > div  { margin: 8px 3%; width: 25.6%; }
    .c-content > div:nth-child(3) > div > div:nth-child(1) { margin: 8px 3% 8px 4%; }
    .c-content > div:nth-child(3) > div > div:nth-child(3) { margin: 8px 4% 8px 3%; }
	
	.c-content > div:nth-child(1) > div > div > span:nth-child(2) { font-size: 22pt; }
	.c-content > div:nth-child(3) > div > span:nth-child(2) { font-size: 22pt; }
	
	.c-content > div:nth-child(1) > div > div  > span:nth-child(3) { font-size: 18pt; }
	.c-content > div:nth-child(3) > div > span:nth-child(3) { font-size: 18pt; }
	.c-content > div:nth-child(3) > div:nth-child(1) > span:nth-child(3) { font-size: 17pt; }
}