/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
/*sub,*/
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin : 0;
  padding : 0;
  border : 0;
  font-size : 100%;
  font : inherit;
  vertical-align : baseline;
}
/**! HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display : block;
}
ul {
  list-style : none;
}
ol {
  margin-left: 17px;
}
img {
  vertical-align : bottom;
  height : auto;
}
blockquote,
q {
  quotes : none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content : "";
  content : none;
}
table {
  border-collapse : collapse;
  border-spacing : 0;
}
.clearfix:after {
  content : "";
  display : table;
  clear : both;
}
html {
  font-size : 62.5%;
  font-weight : 300;
}
body {
  font-size : 14px;
  font-family:"Microsoft Yahei","PingHei" ,"sans-serif";
  line-height : 100%;
  background : #f0f0f0;
  color : #333;
}
.mac body,
.iphone body,
.ipod body,
.ipad body {
  font-family: "Hiragino Sans GB","Hiragino Sans GB W3","STXihei";
}
a,
a:focus,
a:hover {
  color : #337ab7;
}
a:focus {
  text-decoration : none;
  outline : none;
}
.fred {
  color : #f00;
}
.mt0 {
  margin-top : 0px !important;
}
.mt5 {
  margin-top : 5px !important;
}
.pt5 {
  padding-top : 5px !important;
}
.mt10 {
  margin-top : 10px !important;
}
.pt10 {
  padding-top : 10px !important;
}
.mt15 {
  margin-top : 15px !important;
}
.pt15 {
  padding-top : 15px !important;
}
.mt20 {
  margin-top : 20px !important;
}
.pt20 {
  padding-top : 20px !important;
}
.mt25 {
  margin-top : 25px !important;
}
.pt25 {
  padding-top : 25px !important;
}
.mt30 {
  margin-top : 30px !important;
}
.pt30 {
  padding-top : 30px !important;
}
.mt35 {
  margin-top : 35px !important;
}
.pt35 {
  padding-top : 35px !important;
}
.mt40 {
  margin-top : 40px !important;
}
.pt40 {
  padding-top : 40px !important;
}
.mt45 {
  margin-top : 45px !important;
}
.pt45 {
  padding-top : 45px !important;
}
.mt50 {
  margin-top : 50px !important;
}
.pt50 {
  padding-top : 50px !important;
}
.mt55 {
  margin-top : 55px !important;
}
.pt55 {
  padding-top : 55px !important;
}
.mt60 {
  margin-top : 60px !important;
}
.pt60 {
  padding-top : 60px !important;
}
.mt65 {
  margin-top : 65px !important;
}
.pt65 {
  padding-top : 65px !important;
}
.mt70 {
  margin-top : 70px !important;
}
.pt70 {
  padding-top : 70px !important;
}
.mt75 {
  margin-top : 75px !important;
}
.pt75 {
  padding-top : 75px !important;
}
.mt80 {
  margin-top : 80px !important;
}
.pt80 {
  padding-top : 80px !important;
}
.mt85 {
  margin-top : 85px !important;
}
.pt85 {
  padding-top : 85px !important;
}
.mt90 {
  margin-top : 90px !important;
}
.pt90 {
  padding-top : 90px !important;
}
.mt95 {
  margin-top : 95px !important;
}
.pt95 {
  padding-top : 95px !important;
}
.mt100 {
  margin-top : 100px !important;
}
.pt100 {
  padding-top : 100px !important;
}
.mod_container {
  width : 100%;
  max-width : 1024px;
  padding : 0 20px;
  margin-left : auto;
  margin-right : auto;
}
.mod_container:before {
  display : table;
  content : " ";
}
.mod_container:after {
  content : " ";
  display : table;
  clear : both;
}
.mod_headerarea {
  background : #fff;
  padding : 20px 0 15px;
  text-align : right;
}
.header_container {
  position : relative;
}
.header_logo {
  position : absolute;
  top : -5px;
  left : 20px;
}
.header_logo:has(img[src$=".svg"]) {
  top: -7px;
}
.header_logo img[src$=".svg"] {
  width: 100%;
  max-width: 166px;
}
.mod_gnavi {
  display : inline-block;
  margin-right : 136px;
}
.gnavi_item {
  display : inline-block;
  color : #222;
  font-size : 15px;
  padding : 8px 0;
  margin-right : 25px;
  text-align : center;
  text-decoration : none;
  border-bottom : 2px solid transparent;
  cursor : pointer;
}
.gnavi_item:hover {
  color : #19598a;
  text-decoration : none;
  border-bottom : 2px solid #19598a;
}
.gnavi_item:last-child {
  margin-right : 0;
}
.gnavi_item .icon-arrow_7_1 {
  padding-left : 6px;
  font-size : 16px;
}
.gnavi_item.dropdown {
  padding : 0;
}
.gnavi_item.dropdown .dropdown-toggle {
  padding : 8px 0;
}
/*-- Gナビ dropdownボタン ホバー化 */
.gnavi_item.dropdown:hover > .dropdown-menu {
	display: block !important;
}
.open > .dropdown-menu {
	display: none !important;
}
/* Gナビ dropdownボタン ホバー化 --*/
.gnavi_dropdown {
  min-width : 100%;
  padding : 0;
  margin-left: -1px;
  border : 1px solid #ffffff;
  border-radius : 3px;
  border-top-left-radius : 0;
  border-top-right-radius : 0;
  box-shadow : 0 0 0;
}
.dropdown-menu > li {
  border-bottom : 1px solid #ffffff;
  background : #f0f0f0;
}
.dropdown-menu > li:last-child {
  border-bottom : 0;
  border-radius : 3px;
  border-top-left-radius : 0;
  border-top-right-radius : 0;
}
.dropdown-menu > li > a {
  line-height : 39px;
  height : 39px;
  padding : 0 10px;
}
.dropdown-menu > li > a.active,
.dropdown-menu > li > a:hover {
  background : #d7ecff;
  color : #19598a;
}
.dropdown-menu > li:last-child > a.active,
.dropdown-menu > li:last-child > a:hover {
  border-radius : 3px;
  border-top-left-radius : 0;
  border-top-right-radius : 0;
}
.dropdown-menu .icon-arrow_4_2 {
  padding-right : 6px;
  color : #19598a;
}
.gnavi_active {
  color : #19598a;
  border-bottom : 2px solid #19598a;
}
.header_link {
  display : inline-block;
  background : #669bcb;
  color : #fff;
  height : 27px;
  line-height : 27px;
  text-align : center;
  width : 96px;
  position : absolute;
  right : 20px;
  top : 3px;
  border-radius : 2px;
  text-indent : 0px;
}
.header_link:hover {
  background : #d20000;
  color : #fff;
}
.header_link .icon-win_2_1 {
  position : absolute;
  right : 5px;
  top : 5px;
}
.mod_mainarea {
  background : #fff;
  padding-bottom : 50px;
}
.mod_mainarea .mod_container {
  overflow : hidden;
}
.mod_footerarea {
  background : #f0f0f0;
  padding : 30px 0 40px;
  position : relative;
}
.footer_logo {
  float : left;
  width : 151px;
}
.mod_snsarea {
  float : right;
  width : 83px;
}
.mod_snsarea:after {
  display : table;
  content : " ";
  clear : both;
}
.sns_item {
  display : block;
  width : 34px;
  float : left;
  margin-right : 15px;
}
.sns_item:last-child {
  margin : 0;
}
.mod_copy {
  clear : both;
  padding-top : 0px;
  color : #333;
  font-size : 11px;
}
/** drawer */
.mod_drawer {
  display : none;
}
.drawer_button {
  display : block;
  position : absolute;
  right : 20px;
  top : 23px;
  width : 22px;
  height : 14px;
  cursor : pointer;
  z-index : 5000;
  -webkit-transition : all .6s cubic-bezier(.19, 1, .22, 1);
  transition : all .6s cubic-bezier(.19, 1, .22, 1);
}
.drawer_button span,
.drawer_button span:before,
.drawer_button span:after {
  display : block;
  width : 100%;
  height : 2px;
  -webkit-transition : all .6s cubic-bezier(.19, 1, .22, 1);
  transition : all .6s cubic-bezier(.19, 1, .22, 1);
  background-color : #19598a;
}
.drawer_button span:before,
.drawer_button span:after {
  position : absolute;
  left : 0;
  content : "";
}
.drawer_button span:before {
  top : 7px;
}
.drawer_button span:after {
  top : 14px;
}
.drawer_list {
  background : #fff;
  width : 272px;
  height : 100%;
  position : fixed;
  right : 0;
  top : 0;
  z-index : 4990;
  -webkit-transform : translateX(272px);
  transform : translateX(272px);
  -webkit-transition : all .6s cubic-bezier(.19, 1, .22, 1);
  transition : all .6s cubic-bezier(.19, 1, .22, 1);
}
.drawer_item {
  border-bottom : 1px solid #d1d1d1;
}
.drawer_link {
  display : block;
  font-size : 15px;
  line-height : 49px;
  height : 50px;
  background : #fff;
  padding-left : 15px;
  color : #222;
}
.drawer_link.drawer_active,
.drawer_link:hover {
  background : #d7ecff;
  color : #19598a;
  text-decoration : none;
}
.drawer_link .icon-arrow_4_2 {
  color : #19598a;
  font-size : 11px;
  margin-right : 6px;
}
.drawer_link .icon-win_2_1 {
  margin-left : 6px;
}
.drawer_heading {
  display : block;
  font-size : 15px;
  line-height : 50px;
  height : 50px;
  color : #999;
  padding-left : 25px;
}
.drawer_inner {
  padding-bottom : 20px;
}
.drawer_inner_link {
  display : block;
  font-size : 15px;
  line-height : 35px;
  height : 35px;
  background : #fff;
  padding-left : 25px;
  color : #222;
}
.drawer_inner_link.active,
.drawer_inner_link:hover {
  background : #d7ecff;
  color : #19598a;
  text-decoration : none;
}
.drawer_inner_link .icon-arrow_4_2 {
  color : #19598a;
  font-size : 11px;
  margin-right : 6px;
}
.drawer-open .drawer_button {
  -webkit-transform : translateX(-260px);
  transform : translateX(-260px);
}
.drawer-open .drawer_button span {
  background-color : transparent;
}
.drawer-open .drawer_button span:before {
  top : 0;
  -webkit-transform : rotate(45deg);
  transform : rotate(45deg);
  background-color : #fff;
}
.drawer-open .drawer_button span:after {
  top : 0;
  -webkit-transform : rotate(-45deg);
  transform : rotate(-45deg);
  background-color : #fff;
}
.drawer-open .drawer_list {
  right : 0;
  -webkit-transform : translateX(0);
  transform : translateX(0);
}
.mod_btntop {
  display : none;
  position : fixed;
  bottom : 20px;
  right : 20px;
  z-index : 10;
}
.mod_btntop a {
  padding-top : 13px;
  padding-bottom : 14px;
  width : 48px;
  background : #000 no-repeat 14px 17px;
  color : #fff;
  font-weight : bold;
  display : block;
  text-align : center;
  border-radius : 3px;
  opacity : .5;
  filter : alpha(opacity=50);
  text-decoration : none;
}
.mod_btntop .icon-btntop {
  font-size : 20px;
  font-size : 2rem;
}
.mod_overlay {
  opacity : 0;
  filter : alpha(opacity=0);
  position : fixed;
  width : 100%;
  height : 100%;
  background : rgba(0,0,0,.7);
  z-index : -10;
  top : 0;
  left : 0;
  -webkit-transition : all .6s cubic-bezier(.19, 1, .22, 1);
  transition : all .6s cubic-bezier(.19, 1, .22, 1);
}
@media screen and (max-width: 991px) {
  .mod_headerarea {
    text-align : left;
  }
  .header_logo {
    left : 20px;
  }
  .header_link {
    right : 20px;
  }
  .mod_gnavi {
    display : block;
    margin-top : 48px;
    margin-right : 0;
  }
  .mod_row_top {
    max-width : 676px;
    margin : auto;
  }
  .mod_mainarea {
    padding-bottom : 40px;
  }
  .mod_container {
    padding : 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .mod_row_top {
    max-width : 308px;
    margin : auto;
  }
}
@media screen and (max-width: 650px) {
  .mod_headerarea {
    height : 68px;
  }
  .mod_gnavi,
  .header_link {
    display : none;
  }
  .mod_drawer {
    display : block;
  }
  .drawer-open {
    overflow : hidden;
  }
  .drawer-open .drawer_button {
    position : fixed;
  }
  .drawer-open .mod_overlay {
    opacity : 1;
    filter : alpha(opacity=100);
    z-index : 10;
  }
}