@charset "UTF-8";

/* ───────────────────────────────────────────────────────────── Form Page(checkbox, radio CSS3) */

input[type=checkbox], input[type=radio] {
	margin-left:2%;
}

.checkbox, .radio {
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding-left:1.75em;
position:relative;
}

.checkbox:hover:after, .radio:hover:after {
border-color:#71c7d1;
}

.checkbox:after {
border:2px solid #eaeef1;
display:block;
content:"";
width:16px;
height:16px;
-webkit-transition:border-color 0.25s linear;
transition:border-color 0.25s linear;
margin-top:-10px;
padding-left:-1.25em;
position:absolute;
top:50%;
left:0;
}

.radio:after {
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
border:2px solid #eaeef1;
display:block;
content:"";
width:16px;
height:16px;
-webkit-transition:border-color 0.25s linear;
transition:border-color 0.25s linear;
margin-top:-10px;
padding-left:-1.25em;
position:absolute;
top:50%;
left:0;
}

/*
checkboxのチェックマーク
*/

.checkbox:before {
border-right:3px solid #e61a69;
border-bottom:3px solid #e61a69;
display:block;
width:5px;
height:9px;
content:"";
opacity:0;
-webkit-transition:opacity 0.25s linear;
transition:opacity 0.25s linear;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
margin-top:-7px;
position:absolute;
top:50%;
left:6px;
}

/*
radioのチェックマーク
*/

.radio:before {
background-color:#e61a69;
-moz-border-radius:50%;
-webkit-border-radius:50%;
border-radius:50%;
display:block;
width:8px;
height:8px;
content:"";
opacity:0;
-webkit-transition:opacity 0.25s linear;
transition:opacity 0.25s linear;
margin-top:-4px;
position:absolute;
top:50%;
left:6px;
}

input[type=checkbox]:checked + .checkbox:before {
opacity:1.0;
}

input[type=radio]:checked + .radio:before {
opacity:1.0;
}


/* ───────────────────────────────────────────────────────────── Form Page(select CSS3) */

select {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background:url("arrow_down.svg") no-repeat 98% center;
background-size:18px auto;
cursor:pointer;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius:0;
border:2px solid #eaeef1;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
width:100%;
height:2.25em;
font-size:100%;
vertical-align:text-top;
padding:0.25em 2em 0.25em 0.5em;
position:relative;
z-index:2;
}

select::-moz-focus-inner {
border:0;
outline:none;
}

select::-ms-expand {
display:none;
}


/* ───────────────────────────────────────────────────────────── SmartPhone CSS */

@media only screen and (max-width: 414px) {

#top #contents section:nth-child(1) {
margin:0 auto;
padding:0.25em 3.125% 0;
}

}