@charset "utf-8";
::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #000;
    opacity: 0.5;
    font-size: 1em;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #000;
    opacity: 0.5;
    font-size: 1em;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #000;
    opacity: 0.5;
    font-size: 1em;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #000; 
    opacity: 0.5;
    font-size: 1em;
}

:placeholder-shown {
    color: #000;
    opacity: 0.5;
    font-size: 1em;    
}

article h3 {
    font-size: 1.2em
}

.box form * a {
	position: relative;
	bottom: 0;
	right: 0;
}

/*----------Smartphone------------*/

@media screen and (max-width: 480px) {
    select,
    input,
    textarea {
        box-sizing: border-box;
        padding: 5px 2px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }
    select {
        font-size: 0.8em;
    }
    .formbox {
        margin: 0 auto;
        width: 100%;
    }
    .formbox p {
        margin: 10px 0;
    }
    .formrow {
        display: flex;
		flex-direction: column;
    }
    .formrow label {
	flex: 0.5;
	padding: 6px 10px 0 0;
    }
    .formrow select {
        flex: 0.7;
    }
    .formrow input {
        flex: 0.7;
    }
    .formrow textarea {
        flex: 0.7;
        min-height: 150px;
        max-height: 150px;
    }
	.formrow command {
		padding: 0;
		text-align: center;
		font-size: 0.75em;
	}
    .button {
        display: flex;
    }
    .button label {
        flex: 0.3;
        padding: 7px 10px 0 0;
    }
    .button input {
        flex: 0.4;
    }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
    select,
    input,
    textarea {
        box-sizing: border-box;
        padding: 8px 2px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background: rgba(255, 255, 255, 0.7);
    }
    select {
        font-size: 0.8em;
    }
    .formbox {
        margin: 0 auto 10%;
        width: 100%;
        padding-right: 0%;
    }
    .formbox p {
        margin: 20px 0;
    }
    .formrow {
        display: flex;
		flex-direction: column;
    }
    .formrow label {
        flex: 0.45;
        padding: 6px 10px 0 0;
    }
    .formrow select {
        flex: 0.6;
    }
    .formrow input {
        flex: 0.6;
    }
    .formrow textarea {
        flex: 0.6;
        min-height: 150px;
        max-height: 150px;
    }
	.formrow command {
		padding: 0;
		text-align: center;
		font-size: 0.75em;
	}
    .button {
        display: flex;
    }
    .button label {
        flex: 0.25;
        padding: 7px 10px 0 0;
    }
    .button input {
        flex: 0.25;
        background: #AAB3C2;
    }
}

@media screen and (min-width: 769px) {
    select,
    input,
    textarea {
        box-sizing: border-box;
        padding: 8px 2px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background: rgba(255, 255, 255, 0.7);
    }
    select {
        font-size: 1em;
    }
    .formbox {
        margin: 0 auto 10%;
        width: 100%;
        padding-right: 0%;
    }
    .formbox p {
        margin: 20px 0;
    }
    .formrow {
        display: flex;
    }
    .formrow label {
        flex: 0.3;
        padding: 6px 10px 0 0;
    }
    .formrow select {
        flex: 0.5;
    }
    .formrow input {
        flex: 0.5;
    }
	.formrow command {
		padding: 0;
		font-size: 0.75em;
	}
    .formrow textarea {
        flex: 0.5;
        min-height: 150px;
        max-height: 150px;
    }
    .button {
        display: flex;
    }
    .button label {
        flex: 0.2;
        padding: 7px 10px 0 0;
    }
    .button input {
    flex: 0.18;
    background: #f08400;
    }
}