@charset "UTF-8";
/* ---------------------------------------------------------
   base.css
----------------------------------------------------------*/
/* default */
html {
  font-size: 62.5%;
  font-family: Meiryo, "メイリオ", sans-serif;
  line-height: 1.7;
}

/* color */
/* border */
/* fontsize */
/* indent */
/* customize */
.nomal {
  font-size: 13px !important;
  font-size: 1.3rem !important;
}

.small {
  font-size: 12px !important;
  font-size: 1.2rem !important;
  color: rgba(51, 51, 51, 0.8);
}

.big {
  font-size: 20px !important;
  font-size: 2rem !important;
}

.caption {
  text-indent: -1em;
  padding-left: 1em;
}

.indent {
  padding-left: 1em;
  text-indent: -1em;
}
.indent a {
  display: inline;
}

body {
  background: url("../img/common/bg_note.png.png") repeat;
  font-size: 14px !important;
  font-size: 1.4rem !important;
  color: #333333;
}

figure {
  margin: 0;
}

img {
  width: 100%;
  max-width: auto;
  vertical-align: bottom;
}

ul {
  margin: 15px;
  padding: 0 0 0 15px;
}

li {
  list-style-type: square;
}

.list_nomal {
  margin: 0 0 20px 0;
  padding: 0;
}
.list_nomal li {
  list-style-type: none;
}

a {
  display: block;
  color: #00a6f3;
}
a:hover {
  text-decoration: none;
}

label {
  transition: 0.2s ease-in-out;
}

.color_blue {
  color: #11284a;
}

/* h */
h1 {
  margin: 0;
  padding: 0;
}

h2 {
  font-size: 18px !important;
  font-size: 1.8rem !important;
  background: #11284a;
  color: #fff;
  text-align: center;
  border-bottom: 1px solid #11284a;
  margin: 0;
  padding: 15px 0 10px 0;
}

/* header */
header {
  overflow: hidden;
  *zoom: 1;
  background: #fff;
  padding: 15px;
  border-bottom: 3px solid #11284a;
}

.logo {
  float: left;
  width: 56px;
  margin: 0;
}

.sp_head {
  float: right;
  width: 224px;
}

.pc_head {
  display: none;
}

/* content */
.clickbox {
  cursor: pointer;
}

.br_pc {
  display: none;
}

.container {
  padding: 20px 20px 0 20px;
}

.box {
  margin: 0 0 30px 0;
  background: #fff;
  border: 1px solid #11284a;
  border-radius: 3px;
}

.txt_copy {
  font-size: 19px !important;
  font-size: 1.9rem !important;
  font-weight: bold;
  margin: 0 0 20px 0;
  color: #11284a;
}

strong {
  background: #fff100;
}

.txt_point {
  color: #11284a;
  font-weight: bold;
  background: linear-gradient(rgba(0, 0, 0, 0) 60%, #fff100 60%);
}

.link_txt {
  margin: 0 0 20px 0;
  padding: 0;
}
.link_txt li {
  list-style-type: none;
}

.box_caption {
  font-size: 12px !important;
  font-size: 1.2rem !important;
  margin: 0 0 20px 0;
}
.box_caption .strong {
  font-size: 14px !important;
  font-size: 1.4rem !important;
  font-weight: bold;
}

.label_radio {
  cursor: pointer;
}

.marker {
  background: linear-gradient(rgba(0, 0, 0, 0) 40%, #fff100 40%);
}

.myButton {
  -moz-box-shadow: inset 0px 1px 16px -1px #11325F;
  -webkit-box-shadow: inset 0px 1px 16px -1px #11325F;
  box-shadow: inset 0px 1px 16px -1px #11325F;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2e5a99), color-stop(1, #0e223e));
  background: -moz-linear-gradient(top, #2e5a99 5%, #0e223e 100%);
  background: -webkit-linear-gradient(top, #2e5a99 5%, #0e223e 100%);
  background: -o-linear-gradient(top, #2e5a99 5%, #0e223e 100%);
  background: -ms-linear-gradient(top, #2e5a99 5%, #0e223e 100%);
  background: linear-gradient(to bottom, #2e5a99 5%, #0e223e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#224C88', endColorstr='#0e223e',GradientType=0);
  background-color: #224C88;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #0d3166;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: arial;
  text-decoration: none;
  text-shadow: 1px 1px 0px #031957;
  font-size: 16px !important;
  font-size: 1.6rem !important;
  font-weight: bold;
  width: 100%;
  text-align: center;
  padding: 10px 0;
  margin: 0 0 30px 0;
}
.myButton img {
  width: 10px;
  vertical-align: middle;
  margin: 0 10px 2px 0;
}

.myButton:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0e223e), color-stop(1, #224C88));
  background: -moz-linear-gradient(top, #0e223e 5%, #224C88 100%);
  background: -webkit-linear-gradient(top, #0e223e 5%, #224C88 100%);
  background: -o-linear-gradient(top, #0e223e 5%, #224C88 100%);
  background: -ms-linear-gradient(top, #0e223e 5%, #224C88 100%);
  background: linear-gradient(to bottom, #0e223e 5%, #224c88 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e223e', endColorstr='#2e5a99',GradientType=0);
  background-color: #0e223e;
}

.myButton:active {
  position: relative;
  top: 1px;
}

.myButton_gray {
  -moz-box-shadow: inset 0px 0px 15px 3px #e6e6e6;
  -webkit-box-shadow: inset 0px 0px 15px 3px #e6e6e6;
  box-shadow: inset 0px 0px 15px 3px #e6e6e6;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fffaff), color-stop(1, #ededed));
  background: -moz-linear-gradient(top, #fffaff 5%, #ededed 100%);
  background: -webkit-linear-gradient(top, #fffaff 5%, #ededed 100%);
  background: -o-linear-gradient(top, #fffaff 5%, #ededed 100%);
  background: -ms-linear-gradient(top, #fffaff 5%, #ededed 100%);
  background: linear-gradient(to bottom, #fffaff 5%, #ededed 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffaff', endColorstr='#ededed',GradientType=0);
  background-color: #fffaff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #cacaca;
  display: inline-block;
  cursor: pointer;
  color: #11284a;
  font-family: arial;
  font-size: 15px;
  padding: 6px 13px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #fafafa;
  font-size: 16px !important;
  font-size: 1.6rem !important;
  font-weight: bold;
  width: 100%;
  text-align: center;
  padding: 10px 0;
  margin: 0 0 30px 0;
}
.myButton_gray img {
  width: 10px;
  vertical-align: middle;
  margin: 0 10px 2px 0;
}

.myButton_gray:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #fffaff));
  background: -moz-linear-gradient(top, #ededed 5%, #fffaff 100%);
  background: -webkit-linear-gradient(top, #ededed 5%, #fffaff 100%);
  background: -o-linear-gradient(top, #ededed 5%, #fffaff 100%);
  background: -ms-linear-gradient(top, #ededed 5%, #fffaff 100%);
  background: linear-gradient(to bottom, #ededed 5%, #fffaff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#fffaff',GradientType=0);
  background-color: #ededed;
}

.myButton_gray:active {
  position: relative;
  top: 1px;
}

.myButton_facebook {
  -moz-box-shadow: inset 0px 1px 16px -1px #33609E;
  -webkit-box-shadow: inset 0px 1px 16px -1px #33609E;
  box-shadow: inset 0px 1px 16px -1px #33609E;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4783D8), color-stop(1, #3368B1));
  background: -moz-linear-gradient(top, #4783D8 5%, #3368B1 100%);
  background: -webkit-linear-gradient(top, #4783D8 5%, #3368B1 100%);
  background: -o-linear-gradient(top, #4783D8 5%, #3368B1 100%);
  background: -ms-linear-gradient(top, #4783D8 5%, #3368B1 100%);
  background: linear-gradient(to bottom, #4783d8 5%, #3368b1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c4980', endColorstr='#3368B1',GradientType=0);
  background-color: #2c4980;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #315385;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: arial;
  text-decoration: none;
  text-shadow: 1px 1px 0px #031957;
  font-size: 16px !important;
  font-size: 1.6rem !important;
  font-weight: bold;
  width: 100%;
  text-align: center;
  padding: 10px 0;
  margin: 0 0 30px 0;
}
.myButton_facebook img {
  width: 10px;
  vertical-align: middle;
  margin: 0 10px 2px 0;
}

.myButton_facebook:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3368B1), color-stop(1, #4783d8));
  background: -moz-linear-gradient(top, #3368B1 5%, #4783d8 100%);
  background: -webkit-linear-gradient(top, #3368B1 5%, #4783d8 100%);
  background: -o-linear-gradient(top, #3368B1 5%, #4783d8 100%);
  background: -ms-linear-gradient(top, #3368B1 5%, #4783d8 100%);
  background: linear-gradient(to bottom, #3368b1 5%, #4783d8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3368B1', endColorstr='#4783D8',GradientType=0);
  background-color: #3368B1;
}

.myButton_facebook:active {
  position: relative;
  top: 1px;
}

.myButton_twitter {
  -moz-box-shadow: inset 0px 1px 16px -1px #BDF2FF;
  -webkit-box-shadow: inset 0px 1px 16px -1px #BDF2FF;
  box-shadow: inset 0px 1px 16px -1px #BDF2FF;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0FCFFF), color-stop(1, #11B7E0));
  background: -moz-linear-gradient(top, #0FCFFF 5%, #11B7E0 100%);
  background: -webkit-linear-gradient(top, #0FCFFF 5%, #11B7E0 100%);
  background: -o-linear-gradient(top, #0FCFFF 5%, #11B7E0 100%);
  background: -ms-linear-gradient(top, #0FCFFF 5%, #11B7E0 100%);
  background: linear-gradient(to bottom, #0fcfff 5%, #11b7e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c4980', endColorstr='#11B7E0',GradientType=0);
  background-color: #11B7E0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #11B7E0;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-family: arial;
  text-decoration: none;
  text-shadow: 1px 1px 0px #048ABE;
  font-size: 16px !important;
  font-size: 1.6rem !important;
  font-weight: bold;
  width: 100%;
  text-align: center;
  padding: 10px 0;
  margin: 0 0 30px 0;
}
.myButton_twitter img {
  width: 10px;
  vertical-align: middle;
  margin: 0 10px 2px 0;
}

.myButton_twitter:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #11B7E0), color-stop(1, #0FCFFF));
  background: -moz-linear-gradient(top, #11B7E0 5%, #0FCFFF 100%);
  background: -webkit-linear-gradient(top, #11B7E0 5%, #0FCFFF 100%);
  background: -o-linear-gradient(top, #11B7E0 5%, #0FCFFF 100%);
  background: -ms-linear-gradient(top, #11B7E0 5%, #0FCFFF 100%);
  background: linear-gradient(to bottom, #11b7e0 5%, #0fcfff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74DDFF', endColorstr='#0FCFFF',GradientType=0);
  background-color: #0FCFFF;
}

.myButton_twitter:active {
  position: relative;
  top: 1px;
}

.btn_close {
  margin: 0 0 30px 0;
}
.btn_close a {
  background: #E8E8E8;
  padding: 10px;
  text-align: center;
  color: #333333;
  cursor: pointer;
  width: 40%;
  margin: 0 auto;
  border-radius: 3px;
}
.btn_close a img {
  width: 10px;
  vertical-align: middle;
  margin: -5px 10px 0 0;
}

/* footer */
footer {
  overflow: hidden;
  *zoom: 1;
  font-size: 12px !important;
  font-size: 1.2rem !important;
  background: #11284a;
  border: none;
  color: #fff;
  padding-bottom: 0;
  vertical-align: bottom;
  text-align: center;
}
footer p {
  margin: 0;
}
footer a {
  color: #fff;
  padding: 20px 0;
}
footer a {
  padding: 10px 0;
}

.label_hover {
  background: #11284a;
  color: #fff;
}

/* 404 */
.btn_404 {
  margin: 0 0 30px 0;
}
.btn_404 img {
  width: 10px;
  vertical-align: middle;
  margin-right: 10px;
}
.btn_404 a {
  color: #11284a;
}