@charset "utf-8";
/* CSS Document */

/*-------トップページのモーダルウィンドウの設定-------*/
body {
}

.top_modal_wrapper {
  background: #02459e;
  background: -moz-linear-gradient(left, #02459e 0%, #33a1bd 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #02459e), color-stop(100%, #33a1bd));
  background: -webkit-linear-gradient(left, #02459e 0%, #33a1bd 100%);
  background: -o-linear-gradient(left, #02459e 0%, #33a1bd 100%);
  background: -ms-linear-gradient(left, #02459e 0%, #33a1bd 100%);
  background: linear-gradient(to right, #02459e 0%, #33a1bd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$brand-primary, endColorstr=$brand-secondary, GradientType=1 );
width: 600px;
margin: auto;
padding: 1em;
}

.top_modal_whitewrapper {
background-color: #FFFFFF;
text-align: center;
padding-bottom: 30px;
}

.top_modal_whitewrapper_box {
width: 480px;
margin: 0 auto;
}

.top_modal_whitewrapper h1 {
font-size: 60px;
font-weight: bold;
line-height: 1.2em;
text-align: left;
}

.top_modal_whitewrapper_box p {
text-align: left;

}

.top_modal_whitewrapper_box .close_btn  {
margin-left: auto;
margin-right: auto;
width: 326px;
height: 60px;
background-color: #3DCDBD;
color: #FFFFFF;
font-size: 16px;
text-align: center;
line-height: 3.8em;
}

.top_modal_whitewrapper_box .close_btn span {
vertical-align: middle;
}

.top_modal_whitewrapper_box .close_btn img {
vertical-align: middle;
}

.topmodal_midashi {
font-size: 24px;
line-height: 1.3em;
font-weight: bold;
color: #0B56A4;
}

@media screen and (max-width: 600px) {
.top_modal_wrapper {
width: 93%;
margin: auto;
padding: 1em;
}

.top_modal_whitewrapper_box {
width: 95%;
margin: 0 auto;
}
.top_modal_whitewrapper h1 {
font-size: 50px;
}

.top_modal_whitewrapper_box img {
width: 100%;
height: auto;
}

.top_modal_whitewrapper_box .close_btn img {
width: auto;
}

.top_modal_whitewrapper_box .numberone_man_s {
width: auto;
}
.top_modal_whitewrapper_box .close_btn  {
margin-left: auto;
margin-right: auto;
width: 100%;
height: 60px;
background-color: #3DCDBD;
color: #FFFFFF;
font-size: 16px;
text-align: center;
line-height: 3.8em;
}

}