@charset "utf-8";
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.brcl {
  clear: both;
}
.brcl_h_0 {
  clear: both;
  visibility: hidden;
  height: 0;
}
/*PC SP　表示・非表示*/
@media screen and (min-width:781px) {
  .pc_none {
    visibility: hidden !important;
    display: none !important;
  }
}
@media screen and (min-width:240px) and (max-width:780px) {
  .sp_none {
    visibility: hidden !important;
    display: none !important;
  }
}
/*PC SP　表示・非表示*/
a {
  text-decoration: none;
  text-decoration: underline;
}
.decoration_none a {
  text-decoration: none !important;
}
a:link {
  color: #008fd1;
  text-decoration: underline;
  font-weight: bold;
}
a:visited {
  color: #008fd1;
}
a:hover {
  color: #FF5300;
  text-decoration: underline;
}
a img {
  border: none;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}
a:hover, a:hover img, a:hover:after {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.border_none {
  border: none !important
}
.overflow_visible {
  overflow: visible !important;
}
.overflow_hidden {
  overflow: hidden !important;
}
img {
  max-width: 100%;
  height: auto;
}
.img_w100 {
  width: 100%;
  height: auto;
}
.img_w10_only {
  width: 10%;
}
.img_w20_only {
  width: 20%;
}
.img_w40_only {
  width: 40%;
}
.img_w50_only {
  width: 50%;
}
.img_w60_only {
  width: 60%;
}
.img_w80_only {
  width: 80%;
}
.img_w100_only {
  width: 100%;
}
.img_w100_h100 {
  width: 100%;
  height: 100%;
}
/*margin　padding*/
@media screen and (min-width:781px) {
  .m_top_0 {
    margin-top: 0 !important;
  }
  .m_bottom_0 {
    margin-bottom: 0 !important;
  }
  .p_top_0 {
    padding-top: 0px !important;
  }
  .p_bottom_0 {
    padding-bottom: 0px !important;
  }
  .m_left_5 {
    margin-left: 5px !important;
  }
  .m_right_5 {
    margin-right: 5px !important;
  }
  .m_top_5 {
    margin-top: 5px !important;
  }
  .m_top_-5 {
    margin-top: -5px !important;
  }
  .m_bottom_5 {
    margin-bottom: 5px !important;
  }
  .m_bottom_-5 {
    margin-bottom: -5px !important;
  }
  .p_top_5 {
    padding-top: 5px !important;
  }
  .p_bottom_5 {
    padding-bottom: 5px !important;
  }
  .p_bottom_-5 {
    padding-bottom: -5px !important;
  }
  .m_top_8 {
    margin-top: 8px !important;
  }
  .m_top_10 {
    margin-top: 10px !important;
  }
  .m_bottom_10 {
    margin-bottom: 10px !important;
  }
  .m_left_10 {
    margin-left: 10px !important;
  }
  .m_right_10 {
    margin-right: 10px !important;
  }
  .p_all_10 {
    padding: 10px !important;
  }
  .p_top_10 {
    padding-top: 10px !important;
  }
  .p_bottom_10 {
    padding-bottom: 10px !important;
  }
  .m_top_15 {
    margin-top: 15px !important;
  }
  .m_top_20 {
    margin-top: 20px !important;
  }
  .m_top_-20 {
    margin-top: -20px !important;
  }
  .m_bottom_20 {
    margin-bottom: 20px !important;
  }
  .m_bottom_-20 {
    margin-bottom: -20px !important;
  }
  .m_left_20 {
    margin-left: 20px !important;
  }
  .m_right_20 {
    margin-right: 20px !important;
  }
  .p_top_20 {
    padding-top: 20px !important;
  }
  .p_bottom_20 {
    padding-bottom: 20px !important;
  }
  .p_left_20 {
    padding-left: 20px !important;
  }
  .p_right_20 {
    padding-right: 20px !important;
  }
  .p_all_20 {
    padding: 20px !important;
  }
  .m_top_25 {
    margin-top: 25px !important;
  }
  .m_top_30 {
    margin-top: 30px !important;
  }
  .m_bottom_30 {
    margin-bottom: 30px !important;
  }
  .m_left_30 {
    margin-left: 30px !important;
  }
  .m_right_30 {
    margin-right: 30px !important;
  }
  .m_top_40 {
    margin-top: 40px !important;
  }
  .m_top_-40 {
    margin-top: -40px !important;
  }
  .m_bottom_40 {
    margin-bottom: 40px !important;
  }
  .m_left_40 {
    margin-left: 40px !important;
  }
  .m_right_40 {
    margin-right: 40px !important;
  }
  .p_top_40 {
    padding-top: 40px !important;
  }
  .p_bottom_40 {
    padding-bottom: 40px !important;
  }
  .p_all_40 {
    padding: 40px !important;
  }
  .m_top_60 {
    margin-top: 60px !important;
  }
  .m_bottom_60 {
    margin-bottom: 60px !important;
  }
  .m_top_80 {
    margin-top: 80px !important;
  }
  .m_bottom_80 {
    margin-bottom: 80px !important;
  }
  .m_top_87 {
    margin-top: 87px !important;
  }
  .m_bottom_87 {
    margin-bottom: 87px !important;
  }
  .m_bottom_-87 {
    margin-bottom: -87px !important;
  }
  .p_bottom_87 {
    padding-bottom: 87px !important;
  }
  .m_top_100 {
    margin-top: 100px !important;
  }
  .m_top_-100 {
    margin-top: -100px !important;
  }
  .m_bottom_100 {
    margin-bottom: 100px !important;
  }
  .m_left_100 {
    margin-left: 100px !important;
  }
  .m_right_100 {
    margin-right: 100px !important;
  }
  .p_top_100 {
    padding-top: 100px !important;
  }
  .p_bottom_100 {
    padding-bottom: 100px !important;
  }
  .m_top_200 {
    margin-top: 200px !important;
  }
  .m_bottom_200 {
    margin-bottom: 200px !important;
  }
}
@media screen and (min-width:240px) and (max-width:780px) {
  .sp_m_all_0 {
    margin: 0 !important;
  }
  .sp_p_all_0 {
    padding: 0 !important;
  }
  .sp_m_top_0 {
    margin-top: 0 !important;
  }
  .sp_m_bottom_0 {
    margin-bottom: 0 !important;
  }
  .sp_p_all_5 {
    padding: 5px !important;
  }
  .sp_m_top_10 {
    margin-top: 10px !important;
  }
  .sp_m_bottom_10 {
    margin-bottom: 10px !important;
  }
  .sp_m_left_10 {
    margin-left: 10px !important;
  }
  .sp_p_all_10 {
    padding: 10px !important;
  }
  .sp_p_top_10 {
    padding-top: 10px !important;
  }
  .sp_p_left_10 {
    padding-left: 10px !important;
  }
  .sp_p_bottom_10 {
    padding-bottom: 10px !important;
  }
  .sp_p_all_20 {
    padding: 20px !important;
  }
  .sp_m_top_20 {
    margin-top: 20px !important;
  }
  .sp_m_bottom_20 {
    margin-bottom: 20px !important;
  }
  .sp_p_top_20 {
    padding-top: 20px !important;
  }
  .sp_p_bottom_20 {
    padding-bottom: 20px !important;
  }
  .sp_m_top_-30 {
    margin-top: -30px !important;
  }
  .sp_m_top_40 {
    margin-top: 40px !important;
  }
  .sp_m_bottom_40 {
    margin-bottom: 40px !important;
  }
  .sp_m_top_-50 {
    margin-top: -50px !important;
  }
  .sp_p_top_50 {
    padding-top: 50px !important;
  }
  .sp_m_top_60 {
    margin-top: 60px !important;
  }
  .sp_m_bottom_60 {
    margin-bottom: 60px !important;
  }
  .sp_m_left_60 {
    margin-left: 60px !important;
  }
  .sp_m_top_80 {
    margin-top: 80px !important;
  }
  .sp_m_bottom_80 {
    margin-bottom: 80px !important;
  }
  .sp_m_left_80 {
    margin-left: 80px !important;
  }
  .sp_m_top_100 {
    margin-top: 100px !important;
  }
  .sp_m_bottom_100 {
    margin-bottom: 100px !important;
  }
  .sp_m_left_100 {
    margin-left: 100px !important;
  }
  .sp_p_top_100 {
    padding-top: 100px !important;
  }
  .sp_p_bottom_100 {
    padding-bottom: 100px !important;
  }
  .sp_p_top_200 {
    padding-top: 200px !important;
  }
  .sp_p_bottom_200 {
    padding-bottom: 200px !important;
  }
}
/*margin　padding*/
/*max-width*/
.max-w_240 {
  max-width: 240px !important;
}
.max-w_300 {
  max-width: 300px !important;
}
.max-w_320 {
  max-width: 320px !important;
}
.max-w_400 {
  max-width: 400px !important;
}
.max-w_460 {
  max-width: 460px !important;
}
.max-w_480 {
  max-width: 480px !important;
}
.max-w_500 {
  max-width: 500px !important;
  margin: 0 auto;
}
.max-w_540 {
  max-width: 540px !important;
  margin: 0 auto;
}
.max-w_640 {
  max-width: 640px !important;
  margin: 0 auto;
}
.max-w_710 {
  max-width: 710px !important;
  margin: 0 auto;
}
.max-w_760 {
  max-width: 760px !important;
  margin: 0 auto;
}
.max-w_800 {
  max-width: 800px !important;
  margin: 0 auto;
}
.max-w_960 {
  max-width: 960px !important;
  margin: 0 auto;
}
.max-w_1132 {
  max-width: 1132px !important;
  margin: 0 auto;
}
.max-w_1180 {
  max-width: 1180px !important;
  margin: 0 auto;
}
.max-w_1280 {
  max-width: 1280px !important;
  margin: 0 auto;
}
.max-w_1400 {
  max-width: 1400px !important;
  margin: 0 auto;
}
.max-w_1600 {
  max-width: 1600px !important;
  margin: 0 auto;
}
/*max-width*/
/*背景*/
.bgfff {
  background-color: #fff;
}
.bgeee {
  background-color: #eee;
}
.bgddd {
  background-color: #ddd;
}
.bgccc {
  background-color: #ccc;
}
.bg222 {
  background-color: #222;
}
.bg000 {
  background-color: #000;
}
.bgfdeee7 { /*薄いオレンジ*/
  background-color: #fdeee7;
}
.bg7aa228 { /*濃いオレンジ*/
  background-color: #7aa228;
}
.bg_blue01 { /*薄いブルー*/
  background-color: #d3edfa;
}
.bg_green01 { /*薄い緑*/
  background-color: #e8f1d6;
}
/*背景*/
/*テキスト*/
.mincho {
  font-family: "HGP明朝B" !important;
  font-weight: bold;
}
.p_center {
  text-align: center;
}
.p_right {
  text-align: right;
}
.check_01 {
  font-size: 18px !important;
  font-weight: bold;
  line-height: 25px;
  margin: 20px 0 !important;
  padding: 4px 0 0px 48px !important;
  background-image: url(../img/icon/check_01.png) !important;
  background-repeat: no-repeat !important;
  color: #EF6F00;
}
.p_q {
  line-height: 40px !important;
  margin: 10px 0;
  padding: 0 0 0 40px;
  background-image: url(../img/icon/q.png);
  background-repeat: no-repeat;
  color: #033e8e !important;
  font-size: 1.6em !important;
  font-weight: bold;
  border-bottom: 1px solid #033e8e;
}
.p_a {
  line-height: 36px !important;
  margin: 0px;
  padding: 0 0 0 70px;
  background-image: url(../img/icon/a.png);
  background-repeat: no-repeat;
}

@media screen and (min-width:781px) {
	.p_pc_center {
  text-align: center;
  }

  .f14 {
    font-size: 14px;
    line-height: 1.6;
  }
  .f18 {
    font-size: 18px;
    line-height: 1.6;
  }
  .f20 {
    font-size: 20px;
    line-height: 1.6;
  }
  .f24 {
    font-size: 24px;
    line-height: 1.6;
  }
  .f36 {
    font-size: 36px;
    line-height: 1.6;
  }
  .f48 {
    font-size: 48px;
    line-height: 1.6;
  }
	
.font_ss {
  font-size: 10px;
}
.font_s {
  font-size: 12px;
}
.font_m {
  font-size: 16px;
  font-weight: bold;
  line-height: 2.0;
}
.font_l {
  font-size: 20px;
  font-weight: bold;
  line-height: 2.0;
}
.font_ll {
  font-size: 28px;
  font-weight: bold;
  line-height: 2.0;
}
.font_xl {
  font-size: 36px;
  font-weight: bold;
  line-height: 2.0;
}
}

@media screen and (max-width: 780px) { /* 780px以下*/
  .sp_f12 {
    font-size: 12px;
  }
  .sp_f14 {
    font-size: 14px;
  }
  .sp_f16 {
    font-size: 16px;
  }
  .sp_f18 {
    font-size: 18px;
  }
  .sp_f24 {
    font-size: 24px;
  }
  .sp_f28 {
    font-size: 28px;
  }
	
  .font_ss {
    font-size: 10px;
  }
  .font_s {
    font-size: 12px;
  }
  .font_m {
    font-size: 16px;
    font-weight: bold;
  }
  .font_l {
    font-size: 18px;
    font-weight: bold;
  }
  .font_ll {
    font-size: 24px;
    font-weight: bold;
  }
  .font_xl {
    font-size: 28px;
    font-weight: bold;
  }
} /* 640px以下*/


span.f13{font-size:13px;}
span.f16{font-size:16px;}
span.ore{color:#f36100;}
span.red_bg-yellow{color:#ff0042;font-weight:bold;background-color:#FFFF00;}


/*テキスト*/
/*ボックススタイル*/
.pointbox {
  margin: 2em 0;
  background: #dcefff;
}
.pointbox .box-title {
  font-size: 18px;
  background: #5fb3f5;
  padding: 10px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.pointbox p {
  padding: 10px 20px !important;
  margin: 0;
}
.pointbox_red {
  margin: 2em 0;
  background: #fdd9d5;
}
.pointbox_red .box-title {
  font-size: 18px;
  background: #ff3a25;
  padding: 10px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.pointbox_red p {
  padding: 10px 20px !important;
  margin: 0;
}
.pointbox_black {
  margin: 2em 0;
  border: 2px solid #111;
}
.pointbox_black .box-title {
  font-size: 18px;
  background: #111;
  padding: 10px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
}
.pointbox_black p {
  padding: 10px 20px;
  margin: 0;
}
/*ボックススタイル*/
/*PC 閲覧　最上部へ*/
@media screen and (min-width:781px) {
  .topup {
    width: 50px;
    display: block;
    position: fixed;
    right: 10px;
    bottom: 10px;
    height: 50px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    color: #666;
    z-index: 999;
  }
}
/*PC 閲覧　最上部へ*/