@charset "UTF-8";
/* Reset
  ========================================================================== */
.renewal2017_breadcrumbs,
.renewal2017_main-content,
.renewal2017_sub-content {
  font-size: .9375em;
  line-height: 1.5;
  text-align: left;
}
@media screen and (max-width: 640px) {
  .renewal2017_breadcrumbs,
  .renewal2017_main-content,
  .renewal2017_sub-content {
    font-size: .859375em;
  }
}
.renewal2017_breadcrumbs a,
.renewal2017_main-content a,
.renewal2017_sub-content a {
  color: #333333;
}
.renewal2017_breadcrumbs a:hover,
.renewal2017_main-content a:hover,
.renewal2017_sub-content a:hover,
.renewal2017_breadcrumbs a:active,
.renewal2017_main-content a:active,
.renewal2017_sub-content a:active {
  color: #253494;
}
/* Adjust Common Area
  ========================================================================== */
p {
  margin: 0;
}
img {
  vertical-align: top;
}
#header .inner {
  padding-right: 0;
  padding-left: 0;
}
#header .inner .head_right {
  right: 0;
}
#header .inner #mainnav ul {
  width: 100%;
}
@media screen and (max-width: 640px) {
  #header .inner {
    padding-right: 10px;
    padding-left: 10px;
  }
}
div#n-global-dropdown .dropdown-inner {
  width: 1000px;
}
#wrapper {
  background: #fff;
}
#footer .f_upper .inner {
  padding-right: 0;
  padding-left: 0;
}
@media screen and (max-width: 640px) {
  #footer {
    margin-top: 41px;
    background: #fff;
  }
  #footer .f_lower {
    border-top: 1px solid #ccc;
  }
  #footer .pagetop {
    position: relative;
    top: 1px;
  }
}
#f_link ul li:first-child {
  padding-left: 0;
}
/* ==========================================================================
   Bread Crumbs
   ========================================================================== */
.renewal2017_breadcrumbs {
  padding: 10px 0 9px;
}
.renewal2017_breadcrumbs > ul {
  width: 1000px;
  margin: 0 auto;
  overflow: hidden;
}
.renewal2017_breadcrumbs > ul > li {
  float: left;
  padding-left: 16px;
  margin-left: 8px;
  background: url(/corporate/common_renew/img/layout/breadcrumbs_bg01.png) no-repeat left center;
}
.renewal2017_breadcrumbs > ul > li:first-child {
  padding-left: 0;
  margin-left: 0;
  background: none;
}
.renewal2017_breadcrumbs > ul > li a {
  color: #666666;
}
@media screen and (max-width: 640px) {
  .renewal2017_breadcrumbs {
    display: none;
  }
}
/* ==========================================================================
   Aside Content
   ========================================================================== */
/* Banner Area
  ========================================================================== */
.banner-area {
  position: relative;
  width: 1000px;
  height: 68px;
  margin: 80px auto 0;
  overflow: hidden;
}
.banner-area:before,
.banner-area:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 135px;
  height: 100%;
  background-color: #fff;
  z-index: 1;
}
.banner-area:before {
  left: 0;
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), to(#ffffff));
  background: -webkit-linear-gradient(right, rgba(255, 255, 255, 0), #ffffff);
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0), #ffffff);
}
.banner-area:after {
  right: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#ffffff));
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #ffffff);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), #ffffff);
}
.banner-area .bx-wrapper {
  position: relative;
}
.banner-area .bx-wrapper .bx-prev,
.banner-area .bx-wrapper .bx-next {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 26px;
  height: 68px;
  background: no-repeat center center;
  z-index: 2;
  white-space: nowrap;
  text-indent: 200%;
  overflow: hidden;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.banner-area .bx-wrapper .bx-prev:hover,
.banner-area .bx-wrapper .bx-next:hover,
.banner-area .bx-wrapper .bx-prev:active,
.banner-area .bx-wrapper .bx-next:active {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.banner-area .bx-wrapper .bx-prev {
  left: 98px;
  background-image: url(/corporate/common_renew/img/layout/banner_bg01.png);
}
.banner-area .bx-wrapper .bx-prev:hover,
.banner-area .bx-wrapper .bx-prev:active {
  left: 94px;
}
.banner-area .bx-wrapper .bx-next {
  right: 98px;
  background-image: url(/corporate/common_renew/img/layout/banner_bg02.png);
}
.banner-area .bx-wrapper .bx-next:hover,
.banner-area .bx-wrapper .bx-next:active {
  right: 94px;
}
@media screen and (max-width: 640px) {
  .banner-area {
    width: auto;
    height: auto;
    margin: 40px 4px 0;
  }
  .banner-area:before,
  .banner-area:after {
    display: none;
  }
}
.banner-area_inner {
  margin: 0 -94px;
}
@media screen and (max-width: 640px) {
  .banner-area_inner {
    margin: 0;
  }
}
.banner-area_list {
  overflow: hidden;
  margin: 0 auto;
}
.banner-area_list > li {
  float: left;
  width: 228px;
  margin-right: 12px;
}
.banner-area_list > li a {
  position: relative;
  display: block;
  padding-top: 29.47%;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.banner-area_list > li a:hover,
.banner-area_list > li a:active {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.banner-area_list > li a img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
@media screen and (max-width: 640px) {
  .banner-area_list {
    margin: 0 auto;
    max-width: 404px;
  }
  .banner-area_list > li {
    width: 50%;
    margin-right: 0;
    margin-top: 13px;
    padding: 0 6px;
  }
  .banner-area_list > li:nth-child(-n+2) {
    margin-top: 0;
  }
  .banner-area_list > li:nth-child(2n+1) {
    clear: left;
  }
  .banner-area_list > li a:hover,
  .banner-area_list > li a:active {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .banner-area_list > li a img {
    max-width: 100%;
  }
}
/* Conv Area
  ========================================================================== */
.conv-area {
  display: none;
}
@media screen and (max-width: 640px) {
  .conv-area {
    display: block;
    margin-top: 40px !important;
  }
}
/* Sns Area
  ========================================================================== */
.sns-area {
  margin-top: 35px;
  border-top: 1px solid #dadada;
  padding: 15px 0 16px;
}
@media screen and (max-width: 640px) {
  .sns-area {
    display: none;
    margin-top: 40px;
    border-bottom: 1px solid #dadada;
    padding: 18px 0 26px;
  }
}
.sns-area_inner {
  display: table;
  max-width: 1000px;
  margin: 0 auto;
}
.sns-area_inner .sns-area_title,
.sns-area_inner .sns-area_list {
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-width: 640px) {
  .sns-area_inner {
    display: block;
    max-width: none;
    overflow: hidden;
  }
  .sns-area_inner .sns-area_title,
  .sns-area_inner .sns-area_list {
    display: block;
  }
}
.sns-area_title {
  padding: 0 29px;
  font-size: 1.14em;
}
@media screen and (max-width: 640px) {
  .sns-area_title {
    padding: 0;
    font-size: 1em;
    text-align: center;
  }
}
.sns-area_list {
  overflow: hidden;
  border-right: 1px solid #eee;
}
.sns-area_list > li {
  float: left;
  border-left: 1px solid #eee;
}
.sns-area_list > li a {
  display: block;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.sns-area_list > li a:hover,
.sns-area_list > li a:active {
  text-decoration: none;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
@media screen and (max-width: 640px) {
  .sns-area_list {
    margin: 21px 7px 0;
    border-right: none;
  }
  .sns-area_list > li {
    width: 33.33%;
    padding: 0;
  }
  .sns-area_list > li:first-child {
    border-left: none;
  }
  .sns-area_list > li a:hover,
  .sns-area_list > li a:active {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.sns-area_list_item {
  display: table;
  padding: 0 25px;
}
.sns-area_list_item > figure,
.sns-area_list_item > p {
  display: table-cell;
  vertical-align: middle;
}
.sns-area_list_item > figure {
  height: 40px;
  width: 40px;
  text-align: center;
}
.sns-area_list_item > figure img {
  max-width: 40px;
  max-height: 40px;
}
.sns-area_list_item > p {
  padding-left: 16px;
}
@media screen and (max-width: 640px) {
  .sns-area_list_item {
    display: block;
    padding: 0;
    text-align: center;
  }
  .sns-area_list_item > figure {
    display: inline-block;
    width: 33.33%;
    height: 0;
    padding-top: 33.33%;
  }
  .sns-area_list_item > p {
    display: none;
  }
}
/* Return to top Link
  ========================================================================== */
.return-top {
  position: fixed;
  right: 20px;
  bottom: -40px;
  z-index: 100;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.return-top.is-active {
  bottom: 20px;
  opacity: 1;
}
.return-top > a {
  white-space: nowrap;
  text-indent: 200%;
  overflow: hidden;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  display: block;
  width: 40px;
  height: 40px;
  background: url(/corporate/common_renew/img/layout/returntop_bg01.png) no-repeat center center;
  background-size: 100%;
}
.return-top > a:hover,
.return-top > a:active {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
@media screen and (max-width: 640px) {
  .return-top {
    opacity: 0.7;
    filter: alpha(opacity=70);
  }
  .return-top > a:hover,
  .return-top > a:active {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
/* ==========================================================================
   Footer
   ========================================================================== */
#footer .f_link_box {
	position: relative;
	overflow: hidden;
	line-height: 1.2;
}

.ftr_res_fst{
    width: 100%;
	height: 123px;
	display:inline-block;
	clear: both;
}

.ftr_res_sec{
	display:inline-block;
	clear: both;
}

li.ftr_res_corplist a{
    position: relative;
    display: block;
    font-weight: bold;
    margin-top: 23px;
    padding: 7px 17px !important;
    border: 1px solid #CCCCCC;
    background-position: 7px 10px !important;
    background-color: #FFFFFF;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	transition: background-color 0.8s ease 0s;
}

li.ftr_res_corplist a:hover{
    background-color: #FF7E00;
    text-decoration: none !important;
}

#footer .f_link_box li.sub_t{
	font-size: 110% !important;
}

.corporate-sitelink {
  overflow: hidden;
}
.corporate-sitelink > li {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 25%;
  margin-top: 13px;
}
.corporate-sitelink > li:nth-child(-n+4) {
  margin-top: 0;
}
.corporate-sitelink_haslower {
  width: 75% !important;
  overflow: hidden;
}
.corporate-sitelink_haslower > p {
  margin: 0;
}
.corporate-sitelink_lower {
  margin-top: 13px;
}
.corporate-sitelink_lower > dl {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 33.33%;
  margin: 0;
  padding: 0 10px;
}
.corporate-sitelink_lower_title {
  font-size: .875em;
  font-weight: normal;
}
.corporate-sitelink_lower_list {
  font-size: .76041em;
  font-weight: normal;
}
.corporate-sitelink_lower_list > ul {
  margin: 10px 0 0;
}
#footer .f_link_box li.title .corporate-sitelink_lower_list > ul > li a {
  display: inline-block;
  padding: 3px 1px 3px 15px;
  background-image: url(/common/image/icon_arrow01.png);
  background-repeat: no-repeat;
  background-position: left 4px;
}
/* ==========================================================================
   Content
   ========================================================================== */
.renewal2017_main-content {
  overflow: hidden;
}
.page-width {
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .page-width {
    width: auto;
    padding: 0 10px;
  }
}
.side-wrap {
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .side-wrap {
    width: auto;
    padding: 0 10px;
  }
}
.side-wrap .left-side {
  width: 230px;
  float: left;
}
@media screen and (max-width: 640px) {
  .side-wrap .left-side {
    display: none;
  }
}
.side-wrap .right-side {
  width: 770px;
  float: left;
}
@media screen and (max-width: 640px) {
  .side-wrap .right-side {
    width: 100%;
  }
}
.article {
  margin-top: 0;
}
@media screen and (max-width: 640px) {
  .article {
    margin-top: 0;
  }
}
.section {
  margin-top: 35px;
}
.section:first-child {
  margin-top: 0;
}
/* ==========================================================================
sidenav
========================================================================== */
.sidenav {
  width: 195px;
}
.sidenav .upperlayer li p {
  display: block;
  padding: 16px 0 15px 15px;
  background: #253494;
  color: #fff;
  font-weight: bold;
  font-size: 1.333em;
  margin: 0;
  line-height: 1.3;
}
.sidenav .underlayer {
  margin: 0;
}
.sidenav .underlayer li a {
  position: relative;
  display: block;
  background: #f7f7f7;
  border-top: 1px solid #dadada;
  padding: 12px 10px 10px 20px;
  text-decoration: none;
  color: #253494;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1.083em;
  line-height: 1.3;
}
.sidenav .underlayer li a:hover {
  background: #f0f2fe;
}
.sidenav .underlayer li a:before {
  position: absolute;
  display: block;
  content: "";
  width: 5px;
  height: 8px;
  background: url(/corporate/common_renew/img/module/sidenav_arrow.png) 0 0 no-repeat;
  background-size: 5px 8px;
  top: 15px;
  left: 9px;
}
.sidenav .underlayer li a.is-active {
  background: #9299c9;
  color: #fff;
  font-weight: bold;
}
.sidenav .underlayer li a.is-active:hover {
  background: #f0f2fe;
  color: #253494;
  font-weight: normal;
}
/* ==========================================================================
   General module
   ========================================================================== */
.heading01 {
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f8f8f8));
  background: -webkit-linear-gradient(#fefefe, #f8f8f8);
  background: linear-gradient(#fefefe, #f8f8f8);
}
.heading01 .head {
  display: block;
  padding: 9px 0 9px 15px;
  border-bottom: 4px solid #253494;
  font-size: 2.5em;
  font-weight: bold;
  color: #253494;
}
.heading01 .head small {
  font-size: .6em;
  color: #253494;
  word-wrap: break-word;
}
.heading01:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 30%;
  height: 4px;
  background-color: #fff100;
}
@media screen and (max-width: 640px) {
  .heading01 .head {
    padding-left: 0;
    font-size: 2.0909em;
    padding-bottom: 8px;
  }
  .heading01 .head small {
    display: block;
    font-size: .74em;
    line-height: 1.2;
  }
}
.heading02 {
  border-bottom: 2px solid #253494;
  padding: 6px 0 6px 15px;
}
.heading02 .head {
  display: block;
  position: relative;
  font-weight: bold;
  font-size: 2em;
  color: #253494;
}
.heading02 .head:before,
.heading02 .head:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 7px;
  left: -15px;
  width: 4px;
  margin: auto 0;
}
.heading02 .head:before {
  top: 6px;
  background-color: #253494;
}
.heading02 .head:after {
  top: 44%;
  background-color: #fff100;
}
@media screen and (max-width: 640px) {
  .heading02 .head {
    font-size: 1.8182em;
  }
}
.heading03 {
  border-bottom: 1px solid #cccccc;
  padding: 6px 0 6px 15px;
}
.heading03 .head {
  display: block;
  position: relative;
  font-weight: normal;
  font-size: 1.8333em;
  color: #000;
}
.heading03 .head a {
  color: #0000ff;
  text-decoration: underline;
}
.heading03 .head:before,
.heading03 .head:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 7px;
  left: -15px;
  width: 4px;
  margin: auto 0;
}
.heading03 .head:before {
  top: 6px;
  background-color: #253494;
}
.heading03 .head:after {
  top: 44%;
  background-color: #fff100;
}
@media screen and (max-width: 640px) {
  .heading03 .head {
    font-size: 1.6364em;
  }
}
/* ==========================================================================
Layout
========================================================================== */
.heading04 {
  margin-top: 16px;
  padding: 6px 0 6px 15px;
}
@media screen and (max-width: 640px) {
  .heading04 {
    margin-top: 12px;
  }
}
.heading04:first-child {
  margin-top: 0;
}
.heading04 .head {
  display: block;
  position: relative;
  font-weight: normal;
  font-size: 1.667em;
  line-height: 1.3;
  color: #000;
}
.heading04 .head:before,
.heading04 .head:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 7px;
  left: -15px;
  width: 4px;
  margin: auto 0;
}
.heading04 .head:before {
  top: 6px;
  background-color: #253494;
}
.heading04 .head:after {
  top: 44%;
  background-color: #fff100;
}
@media screen and (max-width: 640px) {
  .heading04 .head {
    font-size: 1.636em;
  }
}
.heading05 {
  margin-top: 16px;
  padding: 6px 0 6px 15px;
}
@media screen and (max-width: 640px) {
  .heading05 {
    margin-top: 12px;
  }
}
.heading05:first-child {
  margin-top: 0;
}
.heading05 .head {
  display: block;
  position: relative;
  font-weight: normal;
  font-size: 1.4167em;
  line-height: 1.3;
  color: #000;
}
.heading05 .head:before,
.heading05 .head:after {
  content: '';
  display: block;
  position: absolute;
  bottom: 4px;
  left: -15px;
  width: 4px;
  margin: auto 0;
}
.heading05 .head:before {
  top: 1px;
  background-color: #ccc;
}
@media screen and (max-width: 640px) {
  .heading05 .head {
    font-size: 1.6364em;
  }
}
.mod-heading-casestudy {
  margin-top: 16px;
	display: inline-block;
}
.mod-heading-casestudy:first-child {
  margin-top: 0;
}
.mod-heading-casestudy dt {
  display: table-cell;
  width: 48px;
  height: 53px;
  color: #fff;
  font-size: 1.083em;
  font-weight: bold;
  line-height: 1.3;
  padding: 9px 10px;
  background: url(/corporate/common_renew/img/module/heading-casestudy_bg.png) 0 0 no-repeat;
  background-size: 48px 53px;
  text-align: center;
  vertical-align: top;
}
.mod-heading-casestudy dd {
  display: table-cell;
  padding-left: 10px;
  font-size: 1.667em;
  font-weight: bold;
  line-height: 1.4;
  color: #222;
}
@media screen and (max-width: 640px) {
  .mod-heading-casestudy dd {
    font-size: 1.636em;
  }
}
.mod-image {
  margin-top: 16px;
  text-align: center;
}
.mod-image img {
  max-width: 100%;
}
@media screen and (max-width: 640px) {
  .mod-image img {
    width: 100%;
  }
}
.mod-image:first-child {
  margin-top: 0;
}
.section > .mod-image:first-child {
  margin-top: 50px;
}
h1 + .mod-image,
h2 + .mod-image,
h3 + .mod-image,
h4 + .mod-image,
h5 + .mod-image,
h6 + .mod-image {
  margin-top: 30px;
}
@media screen and (max-width: 640px) {
  h1 + .mod-image,
  h2 + .mod-image,
  h3 + .mod-image,
  h4 + .mod-image,
  h5 + .mod-image,
  h6 + .mod-image {
    margin-top: 20px;
  }
}
.mod-text {
  font-size: 1.0833em;
  line-height: 1.5;
  margin-top: 20px;
}
@media screen and (max-width: 640px) {
  .mod-text {
    margin-top: 6px;
    font-size: 1.091em;
  }
}
.mod-text:first-child {
  margin-top: 0;
}
.mod-text.opt-strong {
  font-size: 1.333em;
  font-weight: bold;
  color: #222;
  line-height: 1.3;
}
@media screen and (max-width: 640px) {
  .mod-text.opt-strong {
    font-size: 1.273em;
  }
}
.mod-list {
  margin-top: 20px;
}
.mod-list:first-child {
  margin-top: 0;
}
@media screen and (max-width: 640px) {
  .mod-list {
    margin-top: 10px;
  }
  .mod-list:first-child {
    margin-top: 0;
  }
}
ul.mod-list {
  list-style-type: disc;
  padding-left: 1.4em;
}
ol.mod-list {
  list-style-type: decimal;
  padding-left: 2em;
}
.mod-list > li {
  margin-top: 10px;
}
.mod-list > li:first-child {
  margin-top: 0;
}
.mod-list > li a {
  color: #0000ff;
  text-decoration: underline;
}
@media screen and (max-width: 640px) {
  .mod-list > li {
    margin-top: 5px;
  }
  .mod-list > li:first-child {
    margin-top: 0;
  }
}
.mod-list span.mod-list_note {
  font-size: .9167em;
}
.mod-ul {
  margin-top: 16px;
}
.mod-ul:first-child {
  margin-top: 0;
}
.mod-ul li {
  display: table;
  font-size: 1.083em;
  font-weight: bold;
  line-height: 1.6;
}
.mod-ul li:before {
  display: table-cell;
  content: "■";
  color: #253494;
  padding-right: 6px;
}
.mod-ul_min {
  margin: 0;
}
.mod-ul_min li {
  display: table;
  font-size: 1em;
  line-height: 1.6;
}
.mod-ul_min li:before {
  display: table-cell;
  content: "・";
  color: #253494;
  padding-right: 4px;
  font-weight: bold;
}
.mod-dl {
  margin-top: 16px;
}
.mod-dl:first-child {
  margin-top: 0;
}
.mod-dl dt {
  display: table;
  font-size: 1.083em;
  font-weight: bold;
  line-height: 1.6;
}
.mod-dl dt:before {
  display: table-cell;
  content: "■";
  color: #253494;
  padding-right: 6px;
}
.mod-dl dd {
  display: table;
  font-size: 1.083em;
}
.mod-dl dd:before {
  display: table-cell;
  content: "　";
  padding-right: 6px;
}
.mod-ol {
  margin-top: 16px;
  counter-reset: my-counter;
  list-style: none;
}
.mod-ol:first-child {
  margin-top: 0;
}
.mod-ol li {
  display: table;
  font-size: 1.083em;
  font-weight: bold;
  line-height: 1.6;
}
.mod-ol li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #253494;
  color: #fff;
  display: block;
  float: left;
  text-align: center;
  height: 16px;
  width: 16px;
  margin-right: 6px;
  font-size: 0.9em;
  line-height: 1.6;
}
.mod-ol_min {
  counter-reset: my-counter;
  list-style: none;
  margin: 0;
}
.mod-ol_min li {
  display: table;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.6;
}
.mod-ol_min li:before {
  display: block;
  content: counter(my-counter) ".";
  counter-increment: my-counter;
  color: #253494;
  background: none;
  float: left;
  text-align: center;
  height: 16px;
  width: 16px;
  margin-right: 2px;
  font-size: 1.083em;
  font-weight: bold;
  line-height: 1.4;
}
.mod-ol .mod-ol_min {
  margin-left: 22px;
}
.mod-category-list {
  margin-top: 10px;
  overflow: hidden;
}
.mod-category-list:first-child {
  margin-top: 0;
}
.mod-category-list dl {
  display: table-cell;
  padding-left: 10px;
  vertical-align: top;
}
@media screen and (max-width: 640px) {
  .mod-category-list dl {
    display: table;
    width: 100%;
    padding-left: 0;
    margin-top: 10px;
  }
}
.mod-category-list dl:first-child {
  padding-left: 0;
}
@media screen and (max-width: 640px) {
  .mod-category-list dl:first-child {
    margin-top: 0;
  }
}
.mod-category-list dl dt {
  display: table-cell;
  min-width: 80px;
  max-width: 110px;
  color: #253494;
  font-size: 1.083em;
  font-weight: bold;
  background: #d9d9e6;
  text-align: center;
  vertical-align: middle;
  padding: 5px 4px 4px;
  line-height: 1.2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .mod-category-list dl dt {
    width: auto;
  }
}
.mod-category-list dl dt.opt-w20 {
  width: 20%;
}
.mod-category-list dl dt.opt-w30 {
  width: 30%;
}
.mod-category-list dl dt.opt-w40 {
  width: 40%;
}
.mod-category-list dl dt.opt-w50 {
  width: 50%;
}
.mod-category-list dl dt.opt-alignleft {
  text-align: left;
}
.mod-category-list dl dd {
  display: table-cell;
  min-width: 120px;
  vertical-align: middle;
  font-size: 1.083em;
  line-height: 1.2;
  background: #eee;
  padding: 5px 6px 4px;
}
@media screen and (max-width: 640px) {
  .mod-category-list dl dd {
    width: auto;
  }
}
.mod-category-list dl dd.opt-wide {
  width: auto;
}
.mod-link > a,
.mod-link > span {
  display: inline-block;
  position: relative;
  padding-left: 15px;
}
.mod-link > a:before,
.mod-link > span:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: .4em;
  width: 5px;
  height: 8px;
  margin: auto 0;
  background: url(/corporate/common_renew/img/module/link_bg01.png) no-repeat left center;
  background-size: 100%;
}
.mod-link.opt-underlayer {
  margin-top: 10px;
  font-size: 1.083em;
}
.mod-link.opt-underlayer > a,
.mod-link.opt-underlayer > span {
  padding-left: 10px;
}
.mod-link.opt-blank {
  margin-top: 10px;
  font-size: 1.083em;
}
.mod-link.opt-blank > a,
.mod-link.opt-blank > span {
  padding-left: 10px;
  padding-right: 20px;
}
.mod-link.opt-blank > a:after,
.mod-link.opt-blank > span:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: .2em;
  width: 14px;
  height: 10px;
  margin: auto 0;
  background: url(/corporate/common_renew/img/module/link_bg03.png) no-repeat left center;
  background-size: 100%;
}
.mod-link.opt-pdf {
  margin-top: 10px;
  font-size: 1.083em;
}
.mod-link.opt-pdf > a,
.mod-link.opt-pdf > span {
  padding-left: 10px;
  padding-right: 14px;
}
.mod-link.opt-pdf > a:after,
.mod-link.opt-pdf > span:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 13px;
  height: 13px;
  margin: auto 0;
  background: url(/corporate/common_renew/img/module/link_bg04.png) no-repeat left center;
  background-size: 100%;
}
.mod-inlinelink {
  color: #253494 !important;
  text-decoration: underline !important;
}
.mod-inlinelink:hover,
.mod-inlinelink:active {
  text-decoration: none !important;
}
.mod-button {
  line-height: 1.2;
  font-size: 1.8333em;
  font-weight: bold;
}
.mod-button > a {
  display: block;
  width: 100%;
  position: relative;
  padding: 26px 34px 21px 42px;
  border-bottom: 4px solid #f0f0f0;
  background-color: #fff;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.mod-button > a:hover,
.mod-button > a:active {
  text-decoration: none;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.mod-button > a:after {
  content: '';
  display: block;
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  width: 14px;
  height: 26px;
  margin: auto 0;
  background: url(/corporate/common_renew/img/module/button_bg01.png) no-repeat right center;
  background-size: 100%;
}
.mod-button > a > span {
  display: table-cell;
  height: 50px;
  vertical-align: middle;
  color: #253494;
  word-break: break-all;
}
.mod-button > a > span small {
  display: block;
  margin-top: 1px;
  font-size: .7727em;
  color: #253494;
}
@media screen and (max-width: 640px) {
  .mod-button {
    font-size: 1.6364em;
  }
  .mod-button > a {
    padding: 15px 30px 10px 16px;
    text-align: center;
  }
  .mod-button > a:hover,
  .mod-button > a:active {
    opacity: 1;
    filter: alpha(opacity=100);
  }
  .mod-button > a:after {
    right: 15px;
    width: 10px;
    height: 19px;
  }
  .mod-button > a > span {
    height: 42px;
    margin: 0 auto;
    text-align: left;
  }
  .mod-button > a > span small {
    font-size: .8333em;
  }
}
.mod-button.opt-button-thin {
  font-size: 1.25em;
}
.mod-button.opt-button-thin > a {
  padding: 15px 24px 11px 17px;
}
.mod-button.opt-button-thin > a:after {
  right: 15px;
  width: 8px;
  height: 16px;
}
.mod-button.opt-button-thin > a > span {
  height: 30px;
}
@media screen and (max-width: 640px) {
  .mod-button.opt-button-thin {
    font-size: 1.2727em;
  }
  .mod-button.opt-button-thin > a > span small {
    font-size: .7143em;
  }
}
.mod-button.theme-button-green > a {
  border-bottom: 4px solid #6da600;
  background-color: #80c300;
}
.mod-button.theme-button-green > a:after {
  background-image: url(/corporate/common_renew/img/module/button_bg02.png);
}
.mod-button.theme-button-green > a > span,
.mod-button.theme-button-green > a > span small {
  color: #fff;
}
.mod-button.theme-button-greentext > a:after {
  background-image: url(/corporate/common_renew/img/module/button_bg04.png);
}
.mod-button.theme-button-greentext > a > span,
.mod-button.theme-button-greentext > a > span small {
  color: #80c300;
}
.mod-button.theme-button-calc > a span,
.mod-button.theme-button-building > a span,
.mod-button.theme-button-document > a span {
  background: no-repeat left center;
  background-size: auto 50px;
}
@media screen and (max-width: 640px) {
  .mod-button.theme-button-calc > a span,
  .mod-button.theme-button-building > a span,
  .mod-button.theme-button-document > a span {
    background-size: auto 36px;
  }
}
.mod-button.theme-button-calc.opt-button-thin > a span,
.mod-button.theme-button-building.opt-button-thin > a span,
.mod-button.theme-button-document.opt-button-thin > a span {
  background-size: auto 30px;
}
.mod-button.theme-button-calc > a span {
  padding-left: 50px;
  background-image: url(/corporate/common_renew/img/module/button_icon03.png);
}
@media screen and (max-width: 640px) {
  .mod-button.theme-button-calc > a span {
    padding-left: 36px;
  }
}
.mod-button.theme-button-calc.opt-button-thin > a span {
  padding-left: 30px;
}
.mod-button.theme-button-building > a span {
  padding-left: 76px;
  background-image: url(/corporate/common_renew/img/module/button_icon02.png);
}
@media screen and (max-width: 640px) {
  .mod-button.theme-button-building > a span {
    padding-left: 55px;
  }
}
.mod-button.theme-button-building.opt-button-thin > a span {
  padding-left: 43px;
}
.mod-button.theme-button-document > a span {
  padding-left: 50px;
  background-image: url(/corporate/common_renew/img/module/button_icon01.png);
}
@media screen and (max-width: 640px) {
  .mod-button.theme-button-document > a span {
    padding-left: 36px;
  }
}
.mod-button.theme-button-document.opt-button-thin > a span {
  padding-left: 30px;
}
.mod-button02 {
  text-align: center;
}
.mod-button02 > a,
.mod-button02 > span {
  display: block;
  position: relative;
  border: 1px solid #253494;
  padding: 8px 26px;
  background-color: #fff;
  color: #253494;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.mod-button02 > a:after,
.mod-button02 > span:after {
  content: '';
  display: block;
  position: absolute;
  right: 9px;
  top: 0;
  bottom: 0;
  width: 8px;
  height: 15px;
  margin: auto 0;
  background: url(/corporate/common_renew/img/module/button_bg01.png) no-repeat right center;
  background-size: 100%;
}
.mod-button02 a:hover,
.mod-button02 a:active {
  text-decoration: none;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
@media screen and (max-width: 640px) {
  .mod-button02 > a,
  .mod-button02 > span {
    padding: 9px 26px;
  }
  .mod-button02 a:hover,
  .mod-button02 a:active {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.mod-button02.opt-button02-thin {
  font-size: .9167em;
}
.mod-button02.opt-button02-thin > a {
  padding: 4px 24px;
}
.mod-button02.opt-button02-thin > a:after {
  right: 7px;
  width: 6px;
  height: 13px;
}
@media screen and (max-width: 640px) {
  .mod-button02.opt-button02-thin {
    font-size: .9091em;
  }
}
.mod-button02.opt-button02-up > a,
.mod-button02.opt-button02-up > span {
  padding: 8px 40px;
}
.mod-button02.opt-button02-up > a:after,
.mod-button02.opt-button02-up > span:after {
  right: 18px;
  width: 15px;
  height: 8px;
  background-image: url(/corporate/common_renew/img/module/button_bg03.png);
}
@media screen and (max-width: 640px) {
  .mod-button02.opt-button02-up > a,
  .mod-button02.opt-button02-up > span {
    padding: 9px 40px;
  }
}
.mod-button03 {
  font-size: .9167em;
}
.mod-button03 > a {
  display: block;
  border: 1px solid #253494;
  padding: 1px 10px 1px 17px;
  background: #d9d9e6 url(/corporate/common_renew/img/module/link_bg01.png) no-repeat 7px center;
  background-size: 5px;
  color: #253494;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.mod-button03 > a:hover,
.mod-button03 > a:active {
  opacity: 0.7;
  filter: alpha(opacity=70);
  text-decoration: none;
}
@media screen and (max-width: 640px) {
  .mod-button03 {
    font-size: 1em;
  }
  .mod-button03 > a:hover,
  .mod-button03 > a:active {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.mod-button03.opt-button03-right {
  text-align: right;
}
.mod-button03.opt-button03-right > a {
  display: inline-block;
}
.mod-button03.opt-button03-left {
  text-align: left;
}
.mod-button03.opt-button03-left > a {
  display: inline-block;
}
.mod-button04 {
  text-align: center;
  margin: 0;
}
.mod-button04 > a,
.mod-button04 > span {
  display: block;
  position: relative;
  padding: 10px 26px 9px;
  background-color: #253494;
  color: #fff;
  font-size: 1.167em;
  font-weight: bold;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
.mod-button04 > a:after,
.mod-button04 > span:after {
  content: '';
  display: block;
  position: absolute;
  right: 9px;
  top: 0;
  bottom: 0;
  width: 8px;
  height: 15px;
  margin: auto 0;
  background: url(/corporate/common_renew/img/module/button_bg02.png) no-repeat right center;
  background-size: 100%;
}
.mod-button04 > a span,
.mod-button04 > span span {
  color: #fff;
}
.mod-button04 > a small,
.mod-button04 > span small {
  display: block;
  color: #fff;
  font-size: .71em;
}
.mod-button04 a:hover,
.mod-button04 a:active {
  text-decoration: none;
  color: #fff;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
@media screen and (max-width: 640px) {
  .mod-button04 > a,
  .mod-button04 > span {
    padding: 9px 26px;
  }
  .mod-button04 a:hover,
  .mod-button04 a:active {
    opacity: 1;
    filter: alpha(opacity=100);
  }
}
.mod-button04.opt-strong > a,
.mod-button04.opt-strong > span {
  background-color: #162166;
}
.mod-button04.opt-white > a,
.mod-button04.opt-white > span {
  color: #253494;
  background-color: #fff;
  border: 1px solid #253494;
  -webkit-transition: all 200ms linear;
  transition: all 200ms linear;
}
.mod-button04.opt-white > a:after,
.mod-button04.opt-white > span:after {
  background-image: url(/corporate/common_renew/img/module/button_bg01.png);
}
.mod-button04.opt-white > a:hover,
.mod-button04.opt-white > a:active {
  opacity: 1;
  text-decoration: none;
  background: #f0f2fe;
}
.mod-button04.opt-center > a,
.mod-button04.opt-center > span {
  display: inline-block;
  min-width: 200px;
  padding-left: 37px;
  padding-right: 37px;
}
.mod-button04.opt-anchor > a,
.mod-button04.opt-anchor > span {
  padding: 10px 33px 9px 26px;
}
.mod-button04.opt-anchor > a:after,
.mod-button04.opt-anchor > span:after {
  right: 12px;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.mod-button04.theme-button-building > a > span,
.mod-button04.theme-button-building > span > span {
  display: table-cell;
  height: 45px;
  padding-left: 48px;
  background: url(/corporate/common_renew/img/module/button_icon02_white.png) no-repeat left center;
  background-size: 39px;
  text-align: left;
  vertical-align: middle;
  word-break: break-all;
}
.mod-button04.theme-button-building.opt-center > a,
.mod-button04.theme-button-building.opt-center > span {
  min-width: 324px;
}
.mod-button_wrap {
  text-align: center;
}
.mod-button_wrap li {
  display: inline-block;
  width: 200px;
  margin-left: 20px;
  font-size: 1em;
}
@media screen and (max-width: 640px) {
  .mod-button_wrap li {
    width: auto;
    min-width: 200px;
    margin-left: 0;
    margin-top: 10px;
  }
  .mod-button_wrap li:first-child {
    margin-top: 0;
  }
}
.mod-button_wrap li:nth-child(4n+1) {
  margin-left: 0;
}
.mod-mainvisual {
  margin-top: 30px;
  text-align: center;
}
.mod-mainvisual img {
  max-width: 100%;
  vertical-align: top;
}
@media screen and (max-width: 640px) {
  .mod-mainvisual {
    overflow: hidden;
  }
  .mod-mainvisual .mod-mainvisual_inner {
    margin-right: -34.37%;
    margin-left: -34.37%;
  }
}
.mod-float {
  margin-top: 20px;
  overflow: hidden;
}
.mod-float:first-child {
  margin-top: 0;
}
@media screen and (max-width: 640px) {
  .mod-float {
    margin-top: 10px;
  }
  .mod-float:first-child {
    margin-top: 0;
  }
}
.mod-float .mod-float_image {
  width: 40%;
}
.mod-float .mod-float_image .mod-float_image_inner {
  position: relative;
  padding-top: 74.8%;
}
.mod-float .mod-float_image .mod-float_image_inner > img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.mod-float .mod-float_image figcaption {
  margin-top: 10px;
  font-size: .92em;
}
.mod-float .mod-float_image figcaption:first-child {
  margin-top: 0;
}
@media screen and (max-width: 640px) {
  .mod-float .mod-float_image figcaption {
    margin-top: 5px;
  }
  .mod-float .mod-float_image figcaption:first-child {
    margin-top: 0;
  }
}
.mod-float .mod-float_body {
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  .mod-float .mod-float_image {
    width: auto;
  }
  .mod-float .mod-float_body {
    margin-top: 10px;
  }
}
.mod-float.opt-float-right .mod-float_image {
  float: right;
  margin-left: 27px;
}
@media screen and (max-width: 640px) {
  .mod-float.opt-float-right .mod-float_image {
    float: none;
    margin-left: 0;
  }
}
.mod-float.opt-float-left .mod-float_image {
  float: left;
  margin-right: 27px;
}
@media screen and (max-width: 640px) {
  .mod-float.opt-float-left .mod-float_image {
    float: none;
    margin-right: 0;
  }
}
.mod-float.opt-half .mod-float_image {
  width: 50%;
}
@media screen and (max-width: 640px) {
  .mod-float.opt-half .mod-float_image {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .mod-float.opt-half .mod-float_image .mod-float_image_inner {
    position: static;
    padding-top: 0;
  }
}
.mod-float.opt-half .mod-float_image .mod-float_image_inner img {
  bottom: auto;
}
@media screen and (max-width: 640px) {
  .mod-float.opt-half .mod-float_image .mod-float_image_inner img {
    position: static;
    width: 100%;
  }
}
.mod-note {
  position: relative;
  margin-top: 10px;
  padding-left: 1.3em;
}
.mod-note > span:first-child {
  position: absolute;
  top: 0;
  left: 0;
}
li .mod-note {
  margin-right: 0;
  margin-left: 0;
}
.mod-note-ul {
  margin-top: 10px;
}
.mod-note-ul > li {
  position: relative;
  margin-top: 10px;
  padding-left: 1.3em;
}
.mod-note-ul > li:first-child {
  margin-top: 0;
}
.mod-note-ul > li > span:first-child {
  position: absolute;
  top: 0;
  left: 0;
}
li .mod-note-ul {
  margin-right: 0;
  margin-left: 0;
}
.mod-note-ul.opt-underlayer > li {
  font-size: 0.917em;
  margin-top: 0;
}
.mod-note-ol {
  margin-top: 10px;
}
.mod-note-ol > li {
  position: relative;
  margin-top: 10px;
  padding-left: 2em;
}
.mod-note-ol > li:first-child {
  margin-top: 0;
}
.mod-note-ol > li > span:first-child {
  position: absolute;
  top: 0;
  left: 0;
}
li .mod-note-ol {
  margin-right: 0;
  margin-left: 0;
}
.mod-note-ol.opt-underlayer > li {
  font-size: 0.917em;
  margin-top: 0;
}
.mod-horizontal {
  margin-top: 50px;
}
.mod-horizontal > ul {
  display: table;
  table-layout: fixed;
  margin: 0 auto;
}
.mod-horizontal > ul .mod-horizontal_item {
  display: table-cell;
  padding: 0 10px;
}
.mod-horizontal > ul .mod-horizontal_item .mod-horizontal_item_image-wrapper {
  position: relative;
  text-align: center;
}
.mod-horizontal > ul .mod-horizontal_item .mod-horizontal_item_image-wrapper:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 0 1px #e6e6e6 inset;
          box-shadow: 0 0 0 1px #e6e6e6 inset;
  content: "";
}
.mod-horizontal > ul .mod-horizontal_item img {
  width: 100%;
  height: auto;
}
.mod-horizontal.opt-noborder > ul .mod-horizontal_item_image-wrapper:after {
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media screen and (max-width: 640px) {
  .mod-horizontal {
    margin-top: 25px;
  }
  .mod-horizontal > ul {
    display: block;
    margin: 0 auto;
  }
  .mod-horizontal > ul .mod-horizontal_item {
    display: block;
    margin-top: 20px;
    padding: 0;
  }
  .mod-horizontal > ul .mod-horizontal_item:first-child {
    margin-top: 0;
  }
}
.mod-products-nav {
  border-bottom: 8px solid #151f65;
  background-color: #253494;
}
.mod-products-nav > dl {
  zoom: 1;
  position: relative;
  width: 1000px;
  margin: 0 auto;
  padding: 0 26px;
}
.mod-products-nav > dl:before,
.mod-products-nav > dl:after {
  content: '';
  display: table;
}
.mod-products-nav > dl:after {
  clear: both;
}
.mod-products-nav > dl > dt {
  float: left;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 33.33%;
  padding: 0 26px;
}
.mod-products-nav > dl > dt.is-active:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -16px;
  left: 0;
  right: 0;
  width: 35px;
  height: 16px;
  margin: 0 auto;
  background: url(/corporate/common_renew/img/module/products-nav_bg01.png) no-repeat center top;
  z-index: 2;
}
.mod-products-nav > dl > dd {
  display: none;
  position: absolute;
  top: 76px;
  left: 0;
  right: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 28px 30px 29px;
  background-color: #f2f4f7;
  -webkit-box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.5);
          box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 640px) {
  .mod-products-nav {
    border-bottom: none;
    background-color: #f2f4f7;
  }
  .mod-products-nav > dl {
    width: auto;
    padding: 0;
  }
  .mod-products-nav > dl > dt {
    float: none;
    width: auto;
    padding: 15px 59px 15px 19px;
    border-top: 1px solid #fff;
    background-color: #253494;
    color: #fff;
  }
  .mod-products-nav > dl > dt:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 20px;
    left: auto;
    width: 20px;
    height: 20px;
    margin: auto 0;
    background: url(/corporate/common_renew/img/module/products-nav_bg03.png) no-repeat center top;
    background-size: 100%;
  }
  .mod-products-nav > dl > dt.is-active {
    background-color: #fff100;
    color: #253494;
  }
  .mod-products-nav > dl > dt.is-active:after {
    top: 0;
    bottom: 0;
    right: 20px;
    left: auto;
    width: 20px;
    height: 20px;
    margin: auto 0;
    background: url(/corporate/common_renew/img/module/products-nav_bg03.png) no-repeat center bottom;
    background-size: 100%;
  }
  .mod-products-nav > dl > dd {
    position: static;
    width: auto;
    padding: 0;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}
.mod-products-nav_title {
  position: relative;
  display: block;
  padding: 20px 0 19px;
  font-size: 1.4167em;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.mod-products-nav_title:before,
.mod-products-nav_title:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 52px;
  height: 100%;
  background: url(/corporate/common_renew/img/module/products-nav_bg02.png) no-repeat left top;
  background-size: 200% 200%;
}
.mod-products-nav_title:before {
  left: -52px;
}
.mod-products-nav_title:after {
  right: -52px;
}
.is-active .mod-products-nav_title,
.mod-products-nav_title:hover {
  background-color: #fff100;
  color: #253494;
}
.is-active .mod-products-nav_title:before,
.mod-products-nav_title:hover:before,
.is-active .mod-products-nav_title:after,
.mod-products-nav_title:hover:after {
  z-index: 1;
}
.is-active .mod-products-nav_title:before,
.mod-products-nav_title:hover:before {
  background-position: left bottom;
}
.is-active .mod-products-nav_title:after,
.mod-products-nav_title:hover:after {
  background-position: right bottom;
}
@media screen and (max-width: 640px) {
  .mod-products-nav_title {
    padding: 0;
    font-size: 1.4545em;
    color: inherit;
    text-align: left;
    cursor: default;
  }
  .mod-products-nav_title:before,
  .mod-products-nav_title:after {
    display: none;
  }
  .is-active .mod-products-nav_title,
  .mod-products-nav_title:hover {
    background-color: inherit;
    color: inherit;
  }
}
.mod-products-nav_list {
  margin: 0 -7px;
  overflow: hidden;
}
.mod-products-nav_list > li {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 33.33%;
  margin-top: 14px;
  padding: 0 7px;
}
.mod-products-nav_list > li:nth-child(-n+3) {
  margin-top: 0;
}
.mod-products-nav_list > li:nth-child(3n+1) {
  clear: left;
}
.mod-products-nav_list > li a {
  display: inline-block;
  position: relative;
  padding-left: 15px;
}
.mod-products-nav_list > li a:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: .4em;
  width: 5px;
  height: 8px;
  margin: auto 0;
  background: url(/corporate/common_renew/img/module/link_bg01.png) no-repeat left center;
  background-size: 100%;
}
@media screen and (max-width: 640px) {
  .mod-products-nav_list {
    margin: 0;
  }
  .mod-products-nav_list > li {
    float: none;
    width: auto;
    margin-top: 0;
    border-top: 1px solid #fff;
    padding: 0;
  }
  .mod-products-nav_list > li a {
    display: block;
    padding: 12px 48px 12px 30px;
  }
  .mod-products-nav_list > li a:after {
    left: auto;
    right: 19px;
    width: 9px;
    height: 15px;
    top: -1px;
    bottom: 1px;
    background: url(/corporate/common_renew/img/module/link_bg02.png) no-repeat right center;
    background-size: 100%;
  }
  .mod-products-nav_list > li a:hover,
  .mod-products-nav_list > li a:active {
    color: #333333;
    text-decoration: none;
  }
}
.mod-apply {
  margin-top: 30px;
  padding: 15px 60px;
  background-color: #e9ecef;
  overflow: hidden;
}
.mod-apply:first-child {
  margin-top: 0;
}
@media screen and (max-width: 640px) {
  .mod-apply {
    margin-top: 20px;
  }
  .mod-apply:first-child {
    margin-top: 0;
  }
}
.mod-apply > li {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
  padding: 0 40px;
}
@media screen and (max-width: 640px) {
  .mod-apply {
    padding: 24px 20px;
  }
  .mod-apply > li {
    float: none;
    width: auto;
    padding: 0;
    margin-top: 20px;
  }
  .mod-apply > li:first-child {
    margin-top: 0;
  }
}
.mod-apply.opt-underlayer {
  padding: 20px 35px;
}
@media screen and (max-width: 640px) {
  .mod-apply.opt-underlayer {
    padding: 25px 21px;
  }
}
.mod-apply.opt-underlayer > li {
  padding: 0 13px;
}
@media screen and (max-width: 640px) {
  .mod-apply.opt-underlayer > li {
    font-size: 1.455em;
    line-height: 1.3;
    padding: 0;
  }
}
.mod-apply.opt-underlayer > li a {
  padding-left: 36px;
}
@media screen and (max-width: 640px) {
  .mod-apply.opt-underlayer > li a {
    padding: 14px 30px 10px 27px;
  }
}
.mod-apply.opt-underlayer .mod-button.opt-button-thin a span {
  padding-left: 37px;
}
@media screen and (max-width: 640px) {
  .mod-apply.opt-underlayer .mod-button.opt-button-thin a span {
    background-size: auto 37px;
    padding: 2px 0 2px 37px;
  }
}
@media screen and (max-width: 640px) {
  .mod-apply.opt-underlayer .mod-button.opt-button-thin a span small {
    font-size: 0.625em;
    font-weight: normal;
    line-height: 1.3;
  }
}
.mod-underlayer-mv {
  margin-top: 30px;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-mv {
    margin-top: 20px;
  }
}
.mod-underlayer-mv .image {
  line-height: 0;
}
.mod-underlayer-mv .image img {
  width: 100%;
}
.mod-underlayer-mv .title {
  color: #fff;
  font-size: 1.833em;
  font-weight: bold;
  background: #253494;
  padding: 22px 20px 20px;
  border-top: 2px solid #fff100;
  margin: 0;
  line-height: 1.3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-mv .title {
    font-size: 1.455em;
    padding: 18px 20px 16px;
  }
}
.mod-underlayer-mv .title sup {
  color: #fff;
  font-size: .6em;
  vertical-align: top;
}
.mod-underlayer-request {
  display: inline-block;
  margin-top: 22px;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-request {
    display: block;
    margin-top: 32px;
  }
}
.mod-underlayer-request li {
  width: 372px;
  float: left;
  margin-left: 26px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-request li {
    width: 100%;
    float: none;
    margin: 20px 0 0;
  }
}
.mod-underlayer-request li .border-wrap {
  width: 100%;
  height: inherit;
  padding: 22px 23px 0;
  border: 8px solid #eee;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-request li .border-wrap {
    padding: 22px 20px 0;
  }
}
.mod-underlayer-request li:first-child {
  margin-left: 0;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-request li:first-child {
    margin-top: 0;
  }
}
.mod-underlayer-request li .title {
  font-size: 1.667em;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  color: #253494;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-request li .title {
    font-size: 1.636em;
    line-height: 1.4;
  }
}
.mod-underlayer-request li .fukidashi {
  width: 100%;
  min-height: 78px;
  display: table;
  font-size: 1.167em;
  font-weight: bold;
  line-height: 1.4;
  background: #e5edff;
  padding: 10px;
  margin: 22px 0 0;
  color: #222;
  border-radius: 5px;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-request li .fukidashi {
    margin: 20px 0 0;
    font-size: 1.189em;
  }
}
.mod-underlayer-request li .fukidashi:after {
  content: "";
  display: block;
  width: 24px;
  height: 12px;
  background: url(/corporate/common_renew/img/module/request_arrow.png) 0 0 no-repeat;
  background-size: 24px 12px;
  position: absolute;
  bottom: -12px;
  left: 0;
  right: 0;
  margin: auto;
}
.mod-underlayer-request li .fukidashi span {
  display: table-cell;
  vertical-align: middle;
}
.mod-underlayer-request li .fukidashi span small {
  font-size: .785em;
  font-weight: lighter;
}
.mod-underlayer-request li .text {
  width: 272px;
  font-size: 1.167em;
  line-height: 1.5;
  text-align: left;
  margin: 30px auto 22px;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-request li .text {
    width: 100%;
    max-width: 276px;
    font-size: 1.189em;
  }
}
.mod-underlayer-request li .text.opt-note {
  font-size: .9167em;
  margin-top: -4px;
  color: #333;
}
.mod-underlayer-request li .text.opt-note span {
  letter-spacing: .5em;
}
.mod-underlayer-2clm-box {
  margin-top: 4px;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-2clm-box {
    margin-top: 0;
  }
}
.mod-underlayer-2clm-box li {
  float: left;
  width: 372px;
  background: #eee;
  margin: 26px 0 0 26px;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-2clm-box li {
    float: none;
    width: auto;
    margin: 20px 0 0;
  }
}
.mod-underlayer-2clm-box li:nth-child(2n+1) {
  margin-left: 0;
}
.mod-underlayer-2clm-box li:nth-child(n+2) {
  margin-top: 26px;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-2clm-box li:nth-child(n+2) {
    margin-top: 20px;
  }
}
.mod-underlayer-2clm-box li .upper-side ul {
  margin: 0;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-2clm-box li .upper-side ul {
    overflow: hidden;
  }
}
.mod-underlayer-2clm-box li .upper-side ul li {
  display: table;
  width: 312px;
  min-height: 60px;
  padding: 12px 15px 10px;
  font-size: 1.083em;
  line-height: 1.5;
  margin: 0;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-2clm-box li .upper-side ul li {
    width: auto;
    font-size: 1.091em;
  }
  .mod-underlayer-2clm-box li .upper-side ul li:last-child {
    margin-left: 60px;
    overflow: visible;
    padding: 10px 15px 9px;
  }
}
.mod-underlayer-2clm-box li .upper-side ul li:first-child {
  width: 60px;
  padding: 8px 0 4px;
  font-size: 1.636em;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  color: #fff;
  background: #253494;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-2clm-box li .upper-side ul li:first-child {
    width: 55px;
    padding: 9px 0 6px;
    font-size: 1.545em;
    float: left;
    display: table;
  }
}
.mod-underlayer-2clm-box li .upper-side ul li:first-child span {
  color: #fff;
}
.mod-underlayer-2clm-box li .upper-side ul li span {
  font-weight: bold;
  color: #253494;
  display: table-cell;
  vertical-align: middle;
}
.mod-underlayer-2clm-box li p {
  margin: 0;
}
.mod-underlayer-2clm-box li .image {
  display: block;
}
.mod-underlayer-2clm-box li .image img {
  display: block;
  border-top: 1px solid #fff;
  width: 100%;
}
.mod-underlayer-2clm-box li .lower-side {
  margin: 0;
  font-size: 1.333em;
  line-height: 1.4;
  padding: 17px 20px 15px;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-2clm-box li .lower-side {
    font-size: 1.273em;
  }
}
.mod-underlayer-2clm-box li .lower-side.opt-note {
  display: table;
  font-size: .9167em;
  padding: 0 20px 15px;
  margin-top: -5px;
}
.mod-underlayer-2clm-box li .lower-side.opt-note:before {
  content: "※";
  display: table-cell;
  padding-right: .5em;
}
.mod-underlayer-3clm-box {
  margin-top: 4px;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-3clm-box {
    margin-top: 0;
  }
}
.mod-underlayer-3clm-box li {
  float: left;
  width: 246px;
  background: #eee;
  margin: 16px 0 0 16px;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-3clm-box li {
    float: none;
    width: auto;
    margin: 20px 0 0;
  }
}
.mod-underlayer-3clm-box li:nth-child(3n+1) {
  margin-left: 0;
}
.mod-underlayer-3clm-box li:nth-child(n+2) {
  margin-top: 16px;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-3clm-box li:nth-child(n+2) {
    margin-top: 20px;
  }
}
.mod-underlayer-3clm-box li .upper-side ul {
  margin: 0;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-3clm-box li .upper-side ul {
    overflow: hidden;
  }
}
.mod-underlayer-3clm-box li .upper-side ul li {
  display: table;
  width: 186px;
  min-height: 60px;
  padding: 12px 15px 10px;
  font-size: 1.083em;
  line-height: 1.5;
  margin: 0;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-3clm-box li .upper-side ul li {
    width: auto;
    font-size: 1.091em;
  }
  .mod-underlayer-3clm-box li .upper-side ul li:last-child {
    margin-left: 60px;
    overflow: visible;
    padding: 10px 15px 9px;
  }
}
.mod-underlayer-3clm-box li .upper-side ul li:first-child {
  width: 60px;
  padding: 8px 0 4px;
  font-size: 1.636em;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  color: #fff;
  background: #253494;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-3clm-box li .upper-side ul li:first-child {
    width: 55px;
    padding: 9px 0 6px;
    font-size: 1.545em;
    float: left;
    display: table;
  }
}
.mod-underlayer-3clm-box li .upper-side ul li:first-child span {
  color: #fff;
}
.mod-underlayer-3clm-box li .upper-side ul li span {
  color: #253494;
  font-weight: bold;
  display: table-cell;
  vertical-align: middle;
}
.mod-underlayer-3clm-box li p {
  margin: 0;
}
.mod-underlayer-3clm-box li .image {
  display: block;
}
.mod-underlayer-3clm-box li .image img {
  border-top: 1px solid #fff;
  display: block;
  width: 100%;
}
.mod-underlayer-3clm-box li .lower-side {
  margin: 0;
  font-size: 1.333em;
  line-height: 1.4;
  padding: 17px 20px 15px;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-3clm-box li .lower-side {
    font-size: 1.273em;
  }
}
.mod-underlayer-2clm {
  margin-top: 14px;
  overflow: hidden;
}
.mod-underlayer-2clm li {
  width: 372px;
  border: 1px solid #d2d2d2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  margin: 26px 0 0 26px;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-2clm li {
    width: 100%;
    float: none;
    margin: 20px 0 0;
  }
}
.mod-underlayer-2clm li:nth-child(2n+1) {
  margin-left: 0;
}
.mod-underlayer-2clm li p {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}
.mod-underlayer-2clm li .image {
  display: block;
  margin-top: 0;
}
.mod-underlayer-2clm li .image img {
  display: block;
  width: 100%;
}
.mod-underlayer-2clm li .lower-side {
  padding: 0 20px 20px;
  border-top: 1px solid #d2d2d2;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-2clm li .lower-side {
    padding: 0 20px 16px;
  }
}
.mod-underlayer-2clm li .lower-side .lower-side_inner {
  margin-top: 16px;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-2clm li .lower-side .lower-side_inner {
    margin-top: 14px;
  }
}
.mod-underlayer-2clm.opt-noborder li {
  border: none;
}
.mod-underlayer-2clm.opt-noborder li .lower-side {
  padding: 0;
  border: none;
}
.mod-underlayer-3clm {
  margin-top: 14px;
  overflow: hidden;
}
.mod-underlayer-3clm li {
  width: 246px;
  border: 1px solid #d2d2d2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  margin: 16px 0 0 16px;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-3clm li {
    width: 100%;
    float: none;
    margin: 20px 0 0;
  }
}
.mod-underlayer-3clm li:nth-child(3n+1) {
  margin-left: 0;
}
.mod-underlayer-3clm li p {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}
.mod-underlayer-3clm li .image {
  display: block;
  margin-top: 0;
}
.mod-underlayer-3clm li .image img {
  display: block;
  width: 100%;
}
.mod-underlayer-3clm li .lower-side {
  padding: 0 20px 20px;
  border-top: 1px solid #d2d2d2;
}
.mod-underlayer-3clm li .lower-side .lower-side_inner {
  margin-top: 16px;
}
.mod-underlayer-3clm.opt-noborder li {
  border: none;
}
.mod-underlayer-3clm.opt-noborder li .lower-side {
  padding: 0;
  border: none;
}
.mod-2clm {
  overflow: hidden;
  margin-top: 20px;
}
.mod-2clm_narrow {
  float: left;
  width: 372px;
}
@media screen and (max-width: 640px) {
  .mod-2clm_narrow {
    float: none;
    width: 100%;
  }
}
.opt-right .mod-2clm_narrow {
  float: right;
}
@media screen and (max-width: 640px) {
  .opt-right .mod-2clm_narrow {
    float: none;
  }
}
.mod-2clm_narrow img {
  width: 100%;
}
.mod-2clm_wide {
  float: left;
  width: 398px;
  padding-left: 26px;
}
@media screen and (max-width: 640px) {
  .mod-2clm_wide {
    float: none;
    width: 100%;
    padding-left: 0;
    margin-top: 6px;
  }
}
.opt-right .mod-2clm_wide {
  float: right;
  padding-left: 0;
  padding-right: 26px;
}
@media screen and (max-width: 640px) {
  .opt-right .mod-2clm_wide {
    float: none;
    padding-right: 0;
  }
}
.mod-2clm_wide img {
  width: 100%;
}
.mod-underlayer-video {
  display: table;
  width: 100%;
  overflow: hidden;
  background: #eee;
  margin-top: 20px;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-video {
    display: block;
  }
}
.mod-underlayer-video li {
  display: table-cell;
  vertical-align: top;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-video li {
    display: block;
  }
}
.mod-underlayer-video li p {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}
.mod-underlayer-video .video {
  width: 54.545%;
  height: 236px;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-video .video {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
  }
}
.mod-underlayer-video .video iframe {
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-video .video iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}
.mod-underlayer-video .text {
  width: 350px;
  padding: 20px;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-video .text {
    width: 100%;
  }
}
.mod-underlayer-video.opt-reverse .video {
  float: right;
}
.mod-underlayer-video.opt-reverse .text {
  float: right;
}
.mod-underlayer-video.opt-vertical {
  width: 419px;
  margin: 20px auto 0;
}
@media screen and (max-width: 640px) {
  .mod-underlayer-video.opt-vertical {
    width: 100%;
  }
}
.mod-underlayer-video.opt-vertical .video {
  display: block;
  width: 100%;
  float: none;
}
.mod-underlayer-video.opt-vertical .text {
  display: block;
  width: 100%;
  float: none;
}
.mod-strong-text {
  font-size: 2em;
  line-height: 1.5;
  font-weight: normal;
  color: #222;
  background: #ddd;
  padding: 26px 30px;
  margin-top: 20px;
}
@media screen and (max-width: 640px) {
  .mod-strong-text {
    font-size: 1.818em;
    padding: 17px 20px 16px;
  }
}
.mod-image-below {
  width: 100%;
  overflow: hidden;
  margin-top: 28px;
}
@media screen and (max-width: 640px) {
  .mod-image-below {
    margin-top: 20px;
  }
}
.mod-image-below li {
  float: left;
}
@media screen and (max-width: 640px) {
  .mod-image-below li {
    float: none;
  }
}
.mod-image-below li p,
.mod-image-below li dl {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}
.mod-image-below .text {
  width: 58.5%;
  padding-right: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 640px) {
  .mod-image-below .text {
    width: 100%;
    padding-right: 0;
  }
}
.mod-image-below .text .text_inner {
  margin-top: 20px;
}
@media screen and (max-width: 640px) {
  .mod-image-below .text .text_inner {
    margin-top: 10px;
  }
}
.mod-image-below .image {
  width: 41.5%;
}
@media screen and (max-width: 640px) {
  .mod-image-below .image {
    width: 100%;
    margin-top: 20px;
  }
}
.mod-image-below .image img {
  width: 100%;
}
.mod-table {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-top: 30px;
}
@media screen and (max-width: 640px) {
  .mod-table {
    margin-top: 20px;
  }
}
.mod-table tr {
  border-top: 1px solid #ccc;
}
.mod-table th {
  padding: 10px 17px 8px;
  border-left: 1px solid #ccc;
  background: #f7f7f7;
  font-weight: bold;
  color: #222;
  font-size: 1.167em;
}
@media screen and (max-width: 640px) {
  .mod-table th {
    padding: 10px 10px 8px;
  }
}
.mod-table th.opt-w8 {
  width: 8%;
}
@media screen and (max-width: 640px) {
  .mod-table th.opt-w8 {
    width: 8%;
  }
}
.mod-table th.opt-w15 {
  width: 15%;
}
@media screen and (max-width: 640px) {
  .mod-table th.opt-w15 {
    width: 15%;
  }
}
.mod-table th.opt-w20 {
  width: 20%;
}
@media screen and (max-width: 640px) {
  .mod-table th.opt-w20 {
    width: 24.8%;
  }
}
.mod-table th.opt-w24 {
  width: 24%;
}
@media screen and (max-width: 640px) {
  .mod-table th.opt-w24 {
    width: 24.8%;
  }
}
.mod-table th.opt-w30 {
  width: 30%;
}
@media screen and (max-width: 640px) {
  .mod-table th.opt-w30 {
    width: 29.8%;
  }
}
.mod-table th.opt-w34 {
  width: 34%;
}
@media screen and (max-width: 640px) {
  .mod-table th.opt-w34 {
    width: 33.8%;
  }
}
.mod-table th.opt-w40 {
  width: 40%;
}
@media screen and (max-width: 640px) {
  .mod-table th.opt-w40 {
    width: 36.8%;
  }
}
.mod-table th.opt-w50 {
  width: 50%;
}
@media screen and (max-width: 640px) {
  .mod-table th.opt-w50 {
    width: 50%;
  }
}
.mod-table th.opt-center {
  text-align: center;
}
.mod-table td {
  padding: 11px 17px 9px;
  border-left: 1px solid #ccc;
  font-size: 1.083em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  vertical-align: middle;
}
@media screen and (max-width: 640px) {
  .mod-table td {
    padding: 11px 10px 9px;
  }
}
.mod-table td.opt-w20 {
  width: 20%;
}
@media screen and (max-width: 640px) {
  .mod-table td.opt-w20 {
    width: 24.8%;
  }
}
.mod-table td.opt-w24 {
  width: 24%;
}
@media screen and (max-width: 640px) {
  .mod-table td.opt-w24 {
    width: 24.8%;
  }
}
.mod-table td.opt-w30 {
  width: 30%;
}
@media screen and (max-width: 640px) {
  .mod-table td.opt-w30 {
    width: 29.8%;
  }
}
.mod-table td.opt-w34 {
  width: 34%;
}
@media screen and (max-width: 640px) {
  .mod-table td.opt-w34 {
    width: 33.8%;
  }
}
.mod-table td.opt-w40 {
  width: 40%;
}
@media screen and (max-width: 640px) {
  .mod-table td.opt-w40 {
    width: 36.8%;
  }
}
.mod-table td.opt-w50 {
  width: 50%;
}
@media screen and (max-width: 640px) {
  .mod-table td.opt-w50 {
    width: 50%;
  }
}
.mod-table td.opt-center {
  text-align: center;
}
.mod-table .opt-note {
  font-size: .7857em;
  color: #333;
  font-weight: lighter;
  vertical-align: middle;
}
.mod-banner {
  width: 100%;
  margin-top: 30px;
  font-size: 0;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .mod-banner {
    margin-top: 20px;
  }
}
.mod-banner li {
  width: 32%;
  display: inline-block;
  text-align: center;
  margin-left: 2%;
}
@media screen and (max-width: 640px) {
  .mod-banner li {
    width: 48%;
    margin-left: 4%;
  }
  .mod-banner li:nth-child(2n+1) {
    margin-left: 0;
  }
  .mod-banner li:nth-child(n+3) {
    margin-top: 13px;
  }
}
.mod-banner li:nth-child(3n+1) {
  margin-left: 0;
}
.mod-banner li:nth-child(n+4) {
  margin-top: 20px;
}
.mod-banner li a {
  margin-left: 16px;
}
.mod-banner li a:first-child {
  margin-left: 0;
}
.mod-banner li a img {
  max-width: 100%;
}
.mod-banner li a img:hover {
  opacity: .75;
}
/* ==========================================================================
Helper classes
========================================================================== */
/* sup
========================================================================== */
sup {
  font-size: .733em;
  color: inherit;
  vertical-align: top;
}
/* br
========================================================================== */
@media screen and (max-width: 640px) {
  .br-pc {
    display: none;
  }
}
.br-sp {
  display: none;
}
@media screen and (max-width: 640px) {
  .br-sp {
    display: inline;
  }
}
/* Space
========================================================================== */
.space-section-normal {
  margin-top: 35px;
}
.space-section-normal:first-child {
  margin-top: 0;
}
.space-section-far {
  margin-top: 40px;
}
.space-section-far:first-child {
  margin-top: 0;
}
.space-normal {
  margin-top: 20px;
}
.space-normal:first-child {
  margin-top: 0;
}
@media screen and (max-width: 640px) {
  .space-normal {
    margin-top: 10px;
  }
  .space-normal:first-child {
    margin-top: 0;
  }
}
.space-near {
  margin-top: 10px;
}
.space-near:first-child {
  margin-top: 0;
}
@media screen and (max-width: 640px) {
  .space-near {
    margin-top: 5px;
  }
  .space-near:first-child {
    margin-top: 0;
  }
}
.space-far {
  margin-top: 30px;
}
.space-far:first-child {
  margin-top: 0;
}
@media screen and (max-width: 640px) {
  .space-far {
    margin-top: 20px;
  }
  .space-far:first-child {
    margin-top: 0;
  }
}
.space-none {
  margin-top: 0 !important;
}
/* Font style
========================================================================== */
.weight-normal {
  font-weight: normal !important;
}
.weight-bold {
  font-weight: bold !important;
}
.style-lined {
  text-decoration: underline !important;
}
/* Font color
========================================================================== */
.color-normal {
  color: #666666 !important;
}
/* Font size
========================================================================== */
.fs140 { font-size: 1.4em !important;}
/* Align
========================================================================== */
/* Horizontal */
.align-left {
  text-align: left !important;
}
.align-center {
  text-align: center !important;
}
.align-right {
  text-align: right !important;
}
/* Vertical */
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-baseline {
  vertical-align: baseline !important;
}
/* Margin
========================================================================== */
.mt-40 {
  margin-top: -40px !important;
}
.mt-30 {
  margin-top: -30px !important;
}
.mt-20 {
  margin-top: -20px !important;
}
.mt-15 {
  margin-top: -15px !important;
}
.mt-10 {
  margin-top: -10px !important;
}
.mt-5 {
  margin-top: -5px !important;
}
.mt-1 {
  margin-top: -1px !important;
}
.mt0 {
  margin-top: 0 !important;
}
.mt1 {
  margin-top: 1px !important;
}
.mt2 {
  margin-top: 2px !important;
}
.mt3 {
  margin-top: 3px !important;
}
.mt4 {
  margin-top: 4px !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt6 {
  margin-top: 6px !important;
}
.mt7 {
  margin-top: 7px !important;
}
.mt8 {
  margin-top: 8px !important;
}
.mt9 {
  margin-top: 9px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt45 {
  margin-top: 45px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt55 {
  margin-top: 55px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mr-40 {
  margin-right: -40px !important;
}
.mr-30 {
  margin-right: -30px !important;
}
.mr-20 {
  margin-right: -20px !important;
}
.mr-15 {
  margin-right: -15px !important;
}
.mr-10 {
  margin-right: -10px !important;
}
.mr-5 {
  margin-right: -5px !important;
}
.mr-1 {
  margin-right: -1px !important;
}
.mr0 {
  margin-right: 0 !important;
}
.mr1 {
  margin-right: 1px !important;
}
.mr2 {
  margin-right: 2px !important;
}
.mr3 {
  margin-right: 3px !important;
}
.mr4 {
  margin-right: 4px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr6 {
  margin-right: 6px !important;
}
.mr7 {
  margin-right: 7px !important;
}
.mr8 {
  margin-right: 8px !important;
}
.mr9 {
  margin-right: 9px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr35 {
  margin-right: 35px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.mr45 {
  margin-right: 45px !important;
}
.mr50 {
  margin-right: 50px !important;
}
.mr55 {
  margin-right: 55px !important;
}
.mr60 {
  margin-right: 60px !important;
}
.mb-40 {
  margin-bottom: -40px !important;
}
.mb-30 {
  margin-bottom: -30px !important;
}
.mb-20 {
  margin-bottom: -20px !important;
}
.mb-15 {
  margin-bottom: -15px !important;
}
.mb-10 {
  margin-bottom: -10px !important;
}
.mb-5 {
  margin-bottom: -5px !important;
}
.mb-1 {
  margin-bottom: -1px !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mb1 {
  margin-bottom: 1px !important;
}
.mb2 {
  margin-bottom: 2px !important;
}
.mb3 {
  margin-bottom: 3px !important;
}
.mb4 {
  margin-bottom: 4px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb6 {
  margin-bottom: 6px !important;
}
.mb7 {
  margin-bottom: 7px !important;
}
.mb8 {
  margin-bottom: 8px !important;
}
.mb9 {
  margin-bottom: 9px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb45 {
  margin-bottom: 45px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb55 {
  margin-bottom: 55px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.ml-40 {
  margin-left: -40px !important;
}
.ml-30 {
  margin-left: -30px !important;
}
.ml-20 {
  margin-left: -20px !important;
}
.ml-15 {
  margin-left: -15px !important;
}
.ml-10 {
  margin-left: -10px !important;
}
.ml-5 {
  margin-left: -5px !important;
}
.ml-1 {
  margin-left: -1px !important;
}
.ml0 {
  margin-left: 0 !important;
}
.ml1 {
  margin-left: 1px !important;
}
.ml2 {
  margin-left: 2px !important;
}
.ml3 {
  margin-left: 3px !important;
}
.ml4 {
  margin-left: 4px !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml6 {
  margin-left: 6px !important;
}
.ml7 {
  margin-left: 7px !important;
}
.ml8 {
  margin-left: 8px !important;
}
.ml9 {
  margin-left: 9px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml35 {
  margin-left: 35px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.ml45 {
  margin-left: 45px !important;
}
.ml50 {
  margin-left: 50px !important;
}
.ml55 {
  margin-left: 55px !important;
}
.ml60 {
  margin-left: 60px !important;
}
/* Padding
========================================================================== */
.pt0 {
  padding-top: 0 !important;
}
.pt1 {
  padding-top: 1px !important;
}
.pt2 {
  padding-top: 2px !important;
}
.pt3 {
  padding-top: 3px !important;
}
.pt4 {
  padding-top: 4px !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pt6 {
  padding-top: 6px !important;
}
.pt7 {
  padding-top: 7px !important;
}
.pt8 {
  padding-top: 8px !important;
}
.pt9 {
  padding-top: 9px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt35 {
  padding-top: 35px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pt45 {
  padding-top: 45px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.pt55 {
  padding-top: 55px !important;
}
.pt60 {
  padding-top: 60px !important;
}
.pr0 {
  padding-right: 0 !important;
}
.pr1 {
  padding-right: 1px !important;
}
.pr2 {
  padding-right: 2px !important;
}
.pr3 {
  padding-right: 3px !important;
}
.pr4 {
  padding-right: 4px !important;
}
.pr5 {
  padding-right: 5px !important;
}
.pr6 {
  padding-right: 6px !important;
}
.pr7 {
  padding-right: 7px !important;
}
.pr8 {
  padding-right: 8px !important;
}
.pr9 {
  padding-right: 9px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pr35 {
  padding-right: 35px !important;
}
.pr40 {
  padding-right: 40px !important;
}
.pr45 {
  padding-right: 45px !important;
}
.pr50 {
  padding-right: 50px !important;
}
.pr55 {
  padding-right: 55px !important;
}
.pr60 {
  padding-right: 60px !important;
}
.pb0 {
  padding-bottom: 0 !important;
}
.pb1 {
  padding-bottom: 1px !important;
}
.pb2 {
  padding-bottom: 2px !important;
}
.pb3 {
  padding-bottom: 3px !important;
}
.pb4 {
  padding-bottom: 4px !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pb6 {
  padding-bottom: 6px !important;
}
.pb7 {
  padding-bottom: 7px !important;
}
.pb8 {
  padding-bottom: 8px !important;
}
.pb9 {
  padding-bottom: 9px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pb45 {
  padding-bottom: 45px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
.pb55 {
  padding-bottom: 55px !important;
}
.pb60 {
  padding-bottom: 60px !important;
}
.pl0 {
  padding-left: 0 !important;
}
.pl1 {
  padding-left: 1px !important;
}
.pl2 {
  padding-left: 2px !important;
}
.pl3 {
  padding-left: 3px !important;
}
.pl4 {
  padding-left: 4px !important;
}
.pl5 {
  padding-left: 5px !important;
}
.pl6 {
  padding-left: 6px !important;
}
.pl7 {
  padding-left: 7px !important;
}
.pl8 {
  padding-left: 8px !important;
}
.pl9 {
  padding-left: 9px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pl35 {
  padding-left: 35px !important;
}
.pl40 {
  padding-left: 40px !important;
}
.pl45 {
  padding-left: 45px !important;
}
.pl50 {
  padding-left: 50px !important;
}
.pl55 {
  padding-left: 55px !important;
}
.pl60 {
  padding-left: 60px !important;
}
/* Table cell's collective settings.
========================================================================== */
/* Font weight */
.th-weight-normal th,
.td-weight-normal td {
  font-weight: normal;
}
.th-weight-bold th,
.td-weight-bold td {
  font-weight: bold;
}
/* Align */
.th-align-left th,
.td-align-left td {
  text-align: left;
}
.th-align-center th,
.td-align-center td {
  text-align: center;
}
.th-align-right th,
.td-align-right td {
  text-align: right;
}
.th-align-top th,
.td-align-top td {
  vertical-align: top;
}
.th-align-middle th,
.td-align-middle td {
  vertical-align: middle;
}
.th-align-bottom th,
.td-align-bottom td {
  vertical-align: bottom;
}
.th-align-baseline th,
.td-align-baseline td {
  vertical-align: bottom;
}


/* part
========================================================================== */

.banner-bt-v1{
    background: #000000;
}

.banner-bt-v1 a{
	transition: opacity 0.8s ease 0s;
}

.banner-bt-v1 a:hover{
    opacity: 0.8;
}


/* REQUEST LINK
========================================================================== */
ul.request-area {
	margin-top: 30px;
	padding: 20px;
	background-color: #E9ECEF;
	overflow: hidden;
}

li.req-form-link {
	margin: 0 auto;
	width: 530px;
	height: 100px;
	position: relative;
}

.btn-icon {
	position: absolute;
	top: 24px;
	z-index: 2;
}

.req-form-btn {
	margin: 0 0 10px 15px;
	padding: 16px;
	width: 515px;
	height: 90px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	font-size: 1.9em;
	line-height: 1.3;
	background-color: #FC4F1E;
	border: 3px solid #FFF;
	border-radius: 10px;
	position: absolute;
	z-index: 1;
}

.req-form-btn a {
	display: block;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.req-form-btn a:hover {
	opacity: 0.3;
    background-color: #FFF;
	cursor: pointer !important;
}

.req-form-btn span {
	color: #FFF;
	font-size: 0.9em;
}

.req-form-btn span.smallOs {
	font-size: 0.85em;
}

.req-form-btn2 {
	margin: 0 0 10px 15px;
	padding: 16px;
	width: 515px;
	height: 90px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	font-size: 1.9em;
	line-height: 1.3;
	background-color: #FFA21B;
	border: 3px solid #FFF;
	border-radius: 10px;
	position: absolute;
	z-index: 1;
}

.req-form-btn2 a {
	display: block;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.req-form-btn2 a:hover {
	opacity: 0.3;
    background-color: #FFF;
	cursor: pointer !important;
}

.req-form-btn2 span {
	color: #FFF;
	font-size: 0.9em;
}

.req-form-btn2 span.smallOs {
	font-size: 0.85em;
}

.req-form-btn2 span.date {
	font-size: 0.3em;
}

/* index */
.form-link_inner div.btn-icon {
	top: 34px;
}

.form-link_inner ul li.req-form-link {
	margin-right: 40px;
	padding-bottom: 10px !important;
	width: 480px;
	height: 110px
}

.form-link_inner ul li.req-form-link div.req-form-btn {
	padding-top: 32px;
	width: 465px;
	height: 100px;
	font-size: 2.0em;
}

.form-link_inner ul li.req-form-link div.req-form-btn2 {
	padding-top: 32px;
	width: 465px;
	height: 100px;
	font-size: 2.0em;
}

/* list */
.req-form-btn-list {
	padding-top: 30px;
}

.req-form-btn2-list {
	padding-top: 30px;
}

@media screen and (max-width: 640px) {
	ul.request-area {
		margin-top: 20px;
		overflow: visible;
	}
	
	li.req-form-link {
		width: 100%;
		min-height: 80px;
	}
	
	.btn-icon {
		top: 20px;
	}
	
	.btn-icon img {
		width: 32px;
	}

	.req-form-btn {
		width: calc(100% - 15px);
		width: -webkit-calc(100% - 15px);
		height: auto;
		min-height: 80px;
		font-size: 1.5em;
	}

	.req-form-btn2 {
		width: calc(100% - 15px);
		width: -webkit-calc(100% - 15px);
		height: auto;
		min-height: 80px;
		font-size: 1.5em;
	}

	ul.conv-area .req-form-btn {
		padding-top: 24px;
		font-size: 1.9em;
	}

	ul.conv-area .req-form-btn2 {
		padding-top: 24px;
		font-size: 1.9em;
	}

	.req-form-btn span.small, .req-form-btn span.smallOs {
		font-size: 0.7em;
	}
	/* index */
	.form-link_inner div.btn-icon {
		top: 19px;
	}

	.req-form-btn2 span.small, .req-form-btn2 span.smallOs {
		font-size: 0.7em;
	}
	/* index */
	.form-link_inner div.btn-icon {
		top: 19px;
	}

	.form-link_inner ul li.req-form-link {
		width: 100%;
		height: 90px;
		margin-right: 0;
	}
	
	.form-link_inner ul li.req-form-link div.req-form-btn {
		width: calc(100% - 15px);
		width: -webkit-calc(100% - 15px);
		padding-top: 26px;
		height: 85px;
		font-size: 1.9em;
	}
	.form-link_inner ul li.req-form-link div.req-form-btn2 {
		width: calc(100% - 15px);
		width: -webkit-calc(100% - 15px);
		padding-top: 26px;
		height: 85px;
		font-size: 1.9em;
	}
	
	/* list */
	.req-form-btn-list {
		padding-top: 28px;
	}
    .req-form-btn2-list {
		padding-top: 28px;
	}
}

/* QR Additions(190702)
========================================================================== */
/*.qr-link a {
	font-size: 1.2em;
	color: #253494;
	text-decoration: underline;
}

.qr-link a:hover {
	text-decoration: none;
}*/

.qr-caption {
	margin: 12px 12px 0 12px;
	padding: 3px 10px 0 10px;
	display: inline-block;
	color: #253494;
	font-size: 1.2em;
	font-weight: bold;
	border: 1px solid  #253494;
	border-radius: 20px;
}

.qr-sub {
	font-size: 0.6em;
	color: #253494;
}

ul.merit {
	margin-top: 20px;
	overflow: hidden;
}

ul.merit li {
	margin: 0 18px;
	width: 220px;
	float: left;
}

.merit-notes {
	margin: 5px 0 0 284px;
	text-align: left;
}

.qr-list li {
	margin-left: 1.2em;
	font-size: 1.5em;
	color: #253494;
	list-style: outside;
	list-style-type: disc;
}

@media screen and (max-width: 640px) {
	.qr-caption {
		margin: 12px 0 0 0;
	}
	
	ul.merit li {
		margin: 0 0 15px 0;
		width: 100%;
		float: none;
	}
	
	ul.merit li div {
		text-align: center;
	}

	ul.merit li p {
		font-size: 1.4em;
	}

	.merit-notes {
		margin: 5px 10px 0 10px;
		text-align: left;
		font-size: 1.4em;
	}

	.qr-list li {
		font-size: 1.5em;
	}
}

/* Drone(191209)
========================================================================== */
li.fullwide {
	width: 770px;
}

.mod-underlayer-2clm-box li.fullwide .upper-side ul li:last-child {
  width: 710px;
}

.droneSp {display: none;}

ul.droneBtn {
	margin: 0 auto;
	width: 730px;
	overflow: hidden;
}

ul.droneBtn li {
	margin: 0 20px 20px 0;
	width: 355px;
	height: 60px;
	text-align: center;
	background:#253494 url(/corporate/common_renew/img/module/button_bg02.png) no-repeat 95% center;
	background-size: 8px 15px;
	float: left;
	position: relative;
}

ul.droneBtn li:last-child {
	margin: 0;
}

ul.droneBtn li:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

ul.droneBtn li a {
	padding: 20px 0 0 0;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	color: #FFF;
	font-size: 15px;
}

ul.droneBtn li a:hover {
	color: #FFF;
	text-decoration: none;
}

.droneCompPc tr.nobt {
	border-top: none;
}

.droneCompPc tr td {
	text-align: center;
}

.droneCompPc tr td img {
    border-radius: 10px; 
    -webkit-border-radius: 10px;
}

.dronePrice {
	color: #253494;
	font-size: 17px !important;
	font-weight: bold;
}

.droneCompSp {display: none;}


.bgGray {
	background-color: #F0F0F0;
}


@media screen and (max-width: 640px) {
	li.fullwide {
	  width: 100%;
	}
	.mod-underlayer-2clm-box li.fullwide .upper-side ul li:last-child {
	  width: auto;
	}
	.dronePc {display: none;}
	.droneSp {display: inline;}
	.droneSp img {width: 100%}

	ul.droneBtn {
		width: calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
	}

	ul.droneBtn li {
		margin: 0 0 20px 0;
		width: 100%;
	}
	
	ul.droneBtn li:last-child {
		margin: 0 0 20px 0;
	}

	.droneCompPc {display: none;}
	
	table.droneCompSp {
		width: 100%;
		display: inline;
	}

	.droneCompSp tr th {
		padding: 10px;
		border: 1px solid #ccc;
		text-align: center;
		vertical-align: middle;
	}

	.droneCompSp tr td {
		padding: 10px;
		border: 1px solid #ccc;
		text-align: center;
		vertical-align: middle;
	}

	.droneCompSp tr td img {
		width: 100px;
		height: auto;
		margin-top: 10px;
		border-radius: 10px; 
		-webkit-border-radius: 10px;
	}
	.dronePrice {
		font-size: 14px !important;
	}
}

/* choju(20 01)
========================================================================== */
.txtRed {
	color: #DB0000;
}

.txtUl {
	text-decoration: underline;
}

.nowrap {
	white-space: nowrap;
}

.chojuTblPc {
	display: block;
}

.chojuTblSp {
	display: none;
}

.chojuImg img {
	width: 100%;
}

.receivingImg img {
	width: 272px;
}
@media screen and (max-width: 640px) {
	.chojuTblPc {
		display: none;
	}
	
	.chojuTblSp {
		display: block;
	}
	
	.chojuImg img {
		width: 50%
	}
	.receivingImg img {
		width: 80%
	}
}

/* guard system(202002)
========================================================================== */
.bn-g7 {
	margin-top: 20px;
	width: 100%;
	text-align: center;
}

.bn-g7 img:hover {
	opacity: 0.6;
}
@media screen and (max-width: 640px) {
	.bn-g7 img {
		width: 100%;
	}
}

/* soliton securedesktop service(202009)
========================================================================== */
.sdt_mov {margin-top: 30px;}

.sdt_mov video {
	width: 770px;
}

.sdt_req {font-size: 0.82em!important;}

.sdt_pt3 {margin-left: 26px!important;}

.sdt_faq {
	margin: 30px 0 0 0;
	overflow: hidden;
	width: 100%;
}

.sdt_faq dl {
	width: 420px;
	float: left;
}

.sdt_faq dt {
	padding: 0 0 0 58px;
	font-size: 1.5em;
	font-weight: bold;
	background: url("/corporate/service/soliton_securedesktop_service/img/icon_q.jpg") top left/48px 53px no-repeat;
}

.sdt_faq dd {
	padding: 0 0 0 30px;
	background: url("/corporate/service/soliton_securedesktop_service/img/icon_a.jpg") top left/20px 20px no-repeat;
}

.sdt_faq_pct {
	width: 320px;
	float: right;
}

.sdt_faq_pct img {width: 100%;}

.sdt_btn {
	margin: 10px 0 0 0;
	width: 100%;
	height: 50px;
	position: relative;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	background: #253495 url(/corporate/common_renew/img/module/button_bg02.png) 95% center/7px 14px no-repeat;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	transition: opacity 0.3s ease-out;
	-webkit-transition: opacity 0.3s ease-out;
	-ms-transition: opacity 0.3s ease-out;
}

.sdt_btn:hover {
    -moz-opacity:0.6;
    opacity:0.6;
    zoom:1;
}

.sdt_btn a {
	padding: 14px;
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	color: #FFF!important;
	text-decoration: none;
}
@media screen and (max-width: 640px) {
	.sdt_mov video {
		width: 100%;
	}

	.sdt_pt3 {margin-left: 0!important;}

	.sdt_faq dl {
		width: 100%;
		float: none;
	}

	.sdt_faq dt {
		padding: 0 0 0 52px;
		background-size: 42px auto;
	}

	.sdt_faq dd {
		padding: 0 0 15px 30px;
	}

	.sdt_faq_pct {
		width: 100%;
		float: none;
	}
}

/* thermalcamera (202102)
========================================================================== */
.thermalcamera_anchor_title {
	margin: 0 0 30px 0;
	text-align: center;
	color: #25348F;
	font-size: 1.9em;
	font-weight: bold;
}

ul.thermalcamera_anchor {
	overflow: hidden;
	margin: 0 auto;
	width: 620px;
}

ul.thermalcamera_anchor li {
	position: relative;
	float: left;
	width: 300px;
	background: #25348F;
}
ul.thermalcamera_anchor li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -999px;
}
ul.thermalcamera_anchor li:hover {
    -moz-opacity:0.6;
    opacity:0.6;
}
ul.thermalcamera_anchor li:first-child {margin: 0 20px 0 0;}
ul.thermalcamera_anchor li img {width: 100%;}

ul.thermalcamera_anchor li h4 {
	margin: 15px 0 0 0; 
	text-align: center;
	color: #FFF;
	font-size: 1.6em;
	font-weight: bold;
}

ul.thermalcamera_anchor li p {
	margin: 8px 0 10px;
	padding: 0 20px 20px; 
	color: #FFF;
	font-size: 1.07em;
	background: url("../../thermalcamera/img/arrow.png") center bottom/15px 10px no-repeat;
}

ul.thermalcamera_case {
	overflow: hidden;
}

ul.thermalcamera_case li {
	float: left;
	margin: 0 10px 0 0;
	width: 185px;
}
ul.thermalcamera_case li:last-child {margin: 0;}

ul.thermalcamera_case li img {
	width: 100%;
	border-radius: 50%;
}

ul.thermalcamera_case li h5 {
	margin: 8px 0 0 0;
	text-align: center;
	font-weight: bold;
}
@media screen and (max-width: 640px) {
	.thermalcamera_anchor_title {
		margin: 0 0 15px 0;
		font-size: 1.6em;
	}

	ul.thermalcamera_anchor {
		width: 100%;
	}

	ul.thermalcamera_anchor li {
		float: left;
		width: calc(50% - 5px);
		background: #25348F;
	}
	ul.thermalcamera_anchor li:first-child {margin: 0 10px 0 0;}

	ul.thermalcamera_anchor li h4 {
		margin: 10px 0 0 0; 
	}

	ul.thermalcamera_anchor li p {
		margin: 8px 0 10px;
		padding: 0 15px 20px; 
	}

	ul.thermalcamera_case li {
		width: calc(50% - 5px);
	}
	ul.thermalcamera_case li:nth-child(1) {margin: 0 10px 20px 0;}
	ul.thermalcamera_case li:nth-child(2) {margin: 0;}
	ul.thermalcamera_case li:nth-child(3) {margin: 0 10px 0 0;}
	ul.thermalcamera_case li:last-child {margin: 0;}
}
/* announce (202103)
========================================================================== */
div.qtl_mgn_tb p.announce{
  font-size: 1.5em;
  font-weight: bold;
  color: #FF0000;
  text-align: center;
	}