@charset "utf-8";

body {font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
color:#000000;
margin:0;
font-size:1em;
line-height:180%;
background-color:#e4eaf3;
}
h1,h2,h3,h4{
margin:0;
line-height:140%;
}
p{
margin:0 0 1em;
}
input[type="text"],
input[type="password"],
input[type="text"],
textarea
{
padding:5px;
border-radius:3px;
border:1px solid #cacaca;
font-size:1.2em;
}
select{
/* styling */
background-color: #f5f5f5;
border: thin solid #cacaca;
border-radius: 4px;
display: inline-block;
font: inherit;
font-size:100%;
line-height: 1.5em;
color:#000;
padding: 0.2em 2em 0.2em 0.5em;
/* reset */
margin: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
/* arrow */
background-image:
linear-gradient(45deg, transparent 50%, gray 50%),
linear-gradient(135deg, gray 50%, transparent 50%),
linear-gradient(to right, #ccc, #ccc);
background-position:
calc(100% - 12px) calc(0.8em + 0px),
calc(100% - 7px) calc(0.8em + 0px),
calc(100% - 1.5em) 0.2em;
background-size:
5px 5px,
5px 5px,
1px 1.5em;
background-repeat: no-repeat;
}
select::-ms-expand {
display: none;
}
select option:checked{
color:#000000;
/*background:#ffffff;*/
}

input[type="radio"],
input[type="checkbox"]{
margin-right:3px;
}
::placeholder{
color:#bbbbbb;
font-size:small;
}
textarea{
width:95%;
}
label{
display:inline-block;
margin-right:10px;
}
button{
display:inline-block;
margin:0 auto 10px;
border:none;
border-radius:5px;
padding:14px 30px;
cursor:pointer;
}
.red{
color:#e60000;
}
header,
main,
footer{
box-sizing:border-box;
background-color:#ffffff;
}
header,
footer{
text-align:center;
}
footer{
font-size:small;
}
h1{
text-align:center;
border-bottom:4px solid #004ea5;
padding-bottom:20px;
}
h1 span{
display:block;
}
h1 > span:nth-child(2){
margin-top:20px;
}
main > p{
margin-bottom:30px;
}
dt > i{
display:inline-block;
margin-left:3px;
font-style:normal;
color:#e60000;
font-weight:bold;
}
dt > span{
display:block;
margin-bottom:20px;
}
dt > span a{
color:#0c4392;
text-decoration:underline;
}
dt div#policy{
border:1px solid #000;
overflow:scroll;
padding:10px;
line-height:120%;
}
dd{
margin-left:0;
border-bottom:2px solid #e4eaf3;
}
dd .vshort{
width:10%;
}
dd .short{
width:30%;
}
dd .middle{
width:50%;
}
dd .long{
width:100%;
box-sizing:border-box;
}
dd strong{
display:block;
color:#e60000;
margin-top:10px;
padding:0 10px;
background-color:#ffd900;
}
#confirm dd{
font-weight:bold;
}
div#submit{
text-align:center;
}
button.go{
background-color:#1d4194;
color:#ffffff;
}
button.back{
background-color:#888;
color:#ffffff;
}
#flashMessage{
text-align:center;
font-weight:bold;
color:#e60000;
margin-bottom:20px;
}

/*
   PC -----------------------------------
 */
@media screen and (min-width: 429px){

.pc{
display:block;
}
.sp{
display:none;
}

header,
main,
footer{
width:1000px;
margin:0 auto;
padding:20px;
}
button{
width:200px;
margin-left:20px;
margin-left:20px;
}
header img{
width:100%;
}

h1{
font-size:20px;
margin-bottom:30px;
}
h1 span{
font-size:20px;
}
dt > span{
font-size:14px;
}
dt{
margin-bottom:10px;
}
dt div#policy{
height:200px;
}
dt div#policy p{
font-size:14px;
}
dd{
padding-bottom:20px;
margin-bottom:20px;
}
select{
width:30%;
}
div#submit{
margin:40px 0;
}
#flashMessage{
font-size:20px;
}



} /* END:PC */

/*
   MOBILE -----------------------------------
 */
@media screen and (max-width:428px){

.pc{
display:none;
}
.sp{
display:block;
}

header,
main,
footer{
width:96%;
margin:0 auto;
padding:10px;
}
button{
    width:100%;
    font-size:1.2em;
}

header img{
width:100%;
}

h1{
font-size:16px;
margin-bottom:30px;
}
h1 span{
font-size:14px;
}
dt > span{
font-size:14px;
}
dt{
margin-bottom:10px;
}
dt div#policy{
height:200px;
}
dt div#policy p{
font-size:13px;
}
dd{
padding-bottom:20px;
margin-bottom:20px;
}
dd .middle{
width:80%;
}
dd .short{
width:40%;
}
dd .vshort{
width:30%;
}
select{
width:100%;
}
div#submit{
margin:40px 0;
}
#flashMessage{
font-size:18px;
}












}