/* default ///////////////////////*/
html,
body {
  /* overflow:hidden;
height:100%;
-webkit-text-size-adjust: 100%;
*/
}
body,
div,
td,
th,
ul,
ol,
li,
dl,
dt,
dd,
p,
h1,
h2,
h3,
h4,
h5,
h6,
address {
  /* font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; */
  /* font-family: "돋움","중고딕","중명조",dotum,AppleGothic,Arial,Helvetica,Clean,sans-serif; */
  font-family: Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-weight: normal;
  font-style: normal;
  margin: 0;
  padding: 0;
}
ul,
ol,
dl {
  list-style-type: none;
  list-style-position: outside;
  letter-spacing: -1em;
}
li,
dt,
dd,
p {
  letter-spacing: normal;
}
table,
td,
th {
  border-spacing: 0px;
  border-collapse: collapse;
  border: 0px;
  padding: 0px;
  /* vertical-align:top; */
}
.cr:after,
.cr:before,
#contents:after,
#contents:before {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0px;
  clear: both;
}
img {
  -ms-interpolation-mode: bicubic;
  vertical-align: bottom;
}
a img {
  border: 0px;
}
em {
  font-style: normal;
}
/* float ///////////////////////*/
.fl,
.left {
  float: left;
}
.fr,
.right {
  float: right;
}
.fn,
.none {
  float: none;
}
.cr,
.clear {
  clear: both;
}
.center {
  margin: 0 auto;
}
/* display ///////////////////////*/
.db {
  display: block;
}
.di {
  display: inline;
}
.dib {
  display: inline-block;
}
.dt {
  display: table;
}
.dtc {
  display: table-cell;
}
.dn {
  display: none;
}
.ds {
  display: static;
}
.oh {
  overflow: hidden;
}
.os {
  overflow-y: scroll;
}
.nw {
  white-space: nowrap;
}
/* text ///////////////////////*/
.bold {
  font-weight: bold;
}
.tdn {
  text-decoration: none;
}
.tdu {
  text-decoration: underline;
}
.tsn {
  text-shadow: none;
}
.tac {
  text-align: center;
}
.tal {
  text-align: left;
}
.tar {
  text-align: right;
}
.vat {
  vertical-align: top;
}
.vam {
  vertical-align: middle;
}
.vab {
  vertical-align: bottom;
}
/* font ///////////////////////*/
.fwb {
  font-weight: bold;
}
.fwn {
  font-weight: normal;
}
/* position ///////////////////////*/
.pa {
  position: absolute;
}
.pr {
  position: relative;
}
.pf .fx {
  position: fxied;
}
.ps {
  position: static;
}
/* border ///////////////////////*/
.bs {
  border: 1px #FF0000 solid;
}
/* hover ///////////////////////*/
.hover {
  -webkit-transition: 0.2s ;
  transition: 0.2s ;
}
.hover:hover,
.ahover {
  opacity: 0.3;
  filter: alpha(opacity=50);
}
/* pointer ///////////////////////*/
.pointer {
  cursor: pointer;
}
/* color ///////////////////////*/
.white {
  color: #FFFFFF;
}
.glay {
  color: #F1F1F1;
}
.glay2 {
  color: #B2B2B2;
}
.glay3 {
  color: #66666E;
}
.glay4 {
  color: #4D4D55;
}
.glay5 {
  color: #4D4D4D;
}
.glay5 {
  color: #4D4D4D;
}
.glay6 {
  color: #111111;
}
.red {
  color: #FF0000;
}
.c1 {
  color: #0069B4;
}
.c2 {
  color: #288AC4;
}
.c3 {
  color: #24AA67;
}
.c4 {
  color: #FA952A;
}
.c5 {
  color: #354B6E;
}
.p_white {
  background: url(../image/point_white.svg) no-repeat 97% 50%;
}
.p1 {
  background: url(../image/point_black.svg) no-repeat 97% 50%;
}
.p2 {
  background: url(../image/point_glay.svg) no-repeat right 50%;
}
.p3 {
  background: url(../image/point_blue.svg) no-repeat left 50%;
}
.p4 {
  background: url(../image/point_green.svg) no-repeat right 50%;
}
/* bg ///////////////////////*/
.bg_white {
  background-color: #FFFFFF;
}
.bg_glay {
  background-color: #F1F1F1;
}
.bg_glay2 {
  background-color: #B2B2B2;
}
.bg_glay3 {
  background-color: #66666E;
}
.bg_glay4 {
  background-color: #4D4D55;
}
.bg_glay5 {
  background-color: #4D4D4D;
}
.bg_glay6 {
  background-color: #111111;
}
.bg_red {
  background-color: #FF0000;
}
.bg_red2 {
  background-color: #FFEEEE;
}
.bg1 {
  background-color: #0069B4;
}
.bg2 {
  background-color: #288AC4;
}
.bg3 {
  background-color: #24AA67;
}
.bg4 {
  background-color: #FA952A;
}
.bg5 {
  background-color: #354B6E;
}
.gd1 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #0066B0), color-stop(0.01, #00397A));
  background: -webkit-linear-gradient(left, #00397A 1%, #0066B0 100%);
  background: -moz-linear-gradient(left, #00397A 1%, #0066B0 100%);
  background: -o-linear-gradient(left, #00397A 1%, #0066B0 100%);
  background: -ms-linear-gradient(left, #00397A 1%, #0066B0 100%);
  background: linear-gradient(to right, #00397A 1%, #0066B0 100%);
}
.gd2 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #012855), color-stop(0.01, #00467A));
  background: -webkit-linear-gradient(left, #012855 1%, #00467A 100%);
  background: -moz-linear-gradient(left, #012855 1%, #00467A 100%);
  background: -o-linear-gradient(left, #012855 1%, #00467A 100%);
  background: -ms-linear-gradient(left, #012855 1%, #00467A 100%);
  background: linear-gradient(to right, #012855 1%, #00467A 100%);
}
/* radius ///////////////////////*/
/* a ///////////////////////*/
a {
  color: #354B6E;
  text-decoration: none;
  -webkit-transition: 0.2s ;
  transition: 0.2s ;
}
a:hover {
  color: #288AC4;
}
.hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
}
/* em ///////////////////////*/
em:first-child:before {
  content: '';
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 100%;
  background: #B2B2B2;
  position: relative;
  left: -5px;
  top: -1px;
}
.req em:first-child:before {
  background: #FF0000;
}
.req em {
  color: #FF0000;
}
/* type ///////////////////////*/
.type {
  padding: 50px 0 0 0;
}
.type h1 {
  text-align: center;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
  border-bottom: 1px #111111 solid;
  font-size: 20pt;
  line-height: 110%;
  font-weight: bold;
}
@media (max-width: 1024px) {
  .type h1 {
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
  }
  .type h1 img {
    height: 23px;
    max-width: 100%;
  }
}
@media (max-width: 480px) {
  .type {
    padding: 20px 0 0 0;
  }
  .type h1 {
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    font-size: 16pt;
  }
  .type h1 img {
    height: auto;
    width: 100%;
  }
}
/* step ///////////////////////*/
.step {
  padding: 20px 0 0 0;
}
.step ul {
  width: 100%;
  height: 50px;
  margin: 20px 0;
  line-height: 50px;
}
.step ul li {
  display: inline-block;
  width: 33%;
  text-align: center;
}
.step .s1 {
  background: url(../image/contact_step1.png) no-repeat center 50%;
  background-size: 100% 50px;
}
.step .s1 li:first-child {
  color: #FFFFFF;
}
.step .s2 {
  background: url(../image/contact_step2.png) no-repeat center 50%;
  background-size: 100% 50px;
}
.step .s2 li:nth-child(2) {
  color: #FFFFFF;
}
.step .s3 {
  background: url(../image/contact_step3.png) no-repeat center 50%;
  background-size: 100% 50px;
}
.step .s3 li:nth-child(3) {
  color: #FFFFFF;
}
.step em {
  color: #FF0000;
}
@media (max-width: 1024px) {
  .step .image img {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .step ul {
    margin: 0 0 10px 0;
    height: 40px;
    line-height: 40px;
  }
  .step ul li {
    font-size: 80%;
  }
}
/* form ///////////////////////*/
.form {
  padding: 30px 0;
}
.form h2 {
  padding: 20px 0;
  border-bottom: 1px #111111 solid;
  font-weight: bold;
}
.form dl {
  padding: 20px 0;
}
.form dd {
  padding: 5px 0 20px 0;
}
.form em {
  color: #B2B2B2;
  font-style: normal;
  padding: 0 5px 0 0;
}
.form .req em {
  color: #FF0000;
}
.form .table {
  width: 100%;
  margin: 10px 0;
}
.form th,
.form td {
  padding: 10px;
}
.form th {
  text-align: left;
  width: 220px;
}
.form input,
.form textarea {
  border: 1px #B2B2B2 solid;
}
.form textarea {
  width: 98%;
  height: 150px;
}
.form input {
  height: 30px;
  display: inline-block;
  vertical-align: middle;
}
.form .req input,
.form .req textarea {
  border: 2px #FF0000 solid;
  background-color: #FFEEEE;
}
.form .type1 {
  width: 80px;
}
.form .type2 {
  width: 150px;
}
.form .type3 {
  width: 400px;
}
.form .type4 {
  width: 600px;
}
@media (max-width: 1024px) {
  .form .type1,
  .form .type2,
  .form .type3,
  .form .type4 {
    width: 98%;
  }
}
@media (max-width: 480px) {
  .form h2 {
    padding: 10px 0;
    font-size: 12pt;
  }
  .form h2 img {
    height: 18px;
  }
  .form th,
  .form td {
    display: block;
    width: auto;
  }
  .form th {
    padding: 10px 0 0 0;
    border-bottom: 0;
  }
  .form td {
    padding: 3px 0 10px 0;
  }
}
/* privacy ///////////////////////*/
.privacy .text {
  text-align: center;
  padding: 0 0 20px 0;
}
.privacy .wrap {
  background-color: #F1F1F1;
  padding: 30px;
}
.privacy h3 {
  text-align: center;
  padding: 0 0 20px 0;
}
@media (max-width: 480px) {
  .privacy .text {
    text-align: left;
  }
  .privacy .wrap {
    padding: 20px 10px 10px 10px;
  }
}
/* submit ///////////////////////*/
.submit {
  padding: 50px 0 100px 0;
}
.submit input {
  width: 100%;
  height: 80px;
  font-size: 1.2em;
  border-style: none;
  cursor: pointer;
  background-color: #FFFFFF;
  border: 1px #66666E solid;
}
.submit input:hover {
  background-color: #0069B4;
  color: #FFFFFF;
  border: 0;
}
@media (max-width: 480px) {
  .submit {
    padding: 30px 0 60px 0;
  }
}