@charset "utf-8";

/*--------------------------------------------------
  == Okasan Online Securities Common Style ==
--------------------------------------------------*/

/*@media print, screen and (min-width: 769px) {*/
/*--------------------------------------------------
基本設定
--------------------------------------------------*/

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: 62.5%; /* 1rem = 10px */
}
#measurementTag {
  position: absolute;
  bottom: 0;
  right: 0;
}
a {
  outline: none;
  text-decoration: none;
}
a:link {
}
a:visited {
}
a:hover,
a:focus,
a:active {
  color: #b01e23;
  text-decoration: underline;
}
table {
  font-size: inherit;
  font: 100%;
}
table,
th,
td {
  border-collapse: collapse;
  border: 1px solid #dddddd;
}

@media screen and (max-width: 768px) {
  table {
    content: '';
    clear: both;
    border: none;
  }
  .tblWrapper {
    overflow-x: auto;
    margin-bottom: 1em;
    -webkit-overflow-scrolling: touch;
  }
  .tbl-data-01 {
    width: 100% !important;
  }
  .tblWrapper .tbl-data-01,
  .tblWrapper .tbl-compare-01 {
    width: 800px !important;
  }
  .tblWrapper .tbl-data-01 .width100per,
  .tblWrapper .tbl-compare-01 .width100per {
    width: 100% !important;
  }
  .tblScroll {
    margin-bottom: 2em !important;
    position: relative;
  }

  .tblScroll:after {
    content: '右にスクロールします→';
    font-size: 10px;
    line-height: 0;
    color: #999;
    position: absolute;
    left: 0;
    bottom: -15px;
  }

  .tblScroll thead {
    white-space: nowrap;
  }

  .tblScroll tbody {
    width: auto;
    overflow-x: auto;
  }
}

input {
  background-color: #efefef;
  border: solid 1px #d9d9d9;
}
a:hover img {
  opacity: 0.6;
}
@media print, screen and (max-width: 768px) {
  a:hover,
  a:focus,
  a:active {
    color: #333333;
    text-decoration: none;
  }
}

/*--------------------------------------------------
レイアウト
--------------------------------------------------*/
#wrapper {
  position: relative;
  width: 100%;
}
#contents {
  box-sizing: border-box;
  max-width: 1280px;
  width: 96%;
  margin: 60px auto 0;
  padding: 0;
}
#maincolumn {
  max-width: 1000px;
  width: calc(100% - 280px);
  float: right;
  margin-bottom: 35px;
}
#subcolumn {
  max-width: 220px;
  min-width: 220px;
  width: 100%;
  float: left;
  margin-right: 60px;
}
@media print, screen and (max-width: 768px) {
  #contents {
    max-width: 100%;
    width: 100%;
    margin: 0px auto;
    padding: 0;
    overflow: hidden;
  }

  #maincolumn {
    max-width: inherit;
    width: 94%;
    margin: 0 3%;
    padding: 0;
    float: none;
  }
  #maincolumn img {
    max-width: 100%;
    height: auto;
  }
  #subcolumn {
    display: none;
  }
}

/*--------------------------------------------------
汎用クラス
--------------------------------------------------*/

/* スペース調整 */
.lay-space-top-01 {
  margin-top: 0 !important;
}
.lay-space-top-02 {
  margin-top: 0.5em !important;
}
.lay-space-top-03 {
  margin-top: 1em !important;
}
.lay-space-top-04 {
  margin-top: 1.5em !important;
}
.lay-space-top-05 {
  margin-top: 2em !important;
}
.lay-space-top-06 {
  margin-top: 2.5em !important;
}
.lay-space-top-07 {
  margin-top: 3em !important;
}
.lay-space-top-08 {
  margin-top: 3.5em !important;
}
.lay-space-top-09 {
  margin-top: 4em !important;
}
.lay-space-btm-01 {
  margin-bottom: 0 !important;
}
.lay-space-btm-02 {
  margin-bottom: 0.5em !important;
}
.lay-space-btm-03 {
  margin-bottom: 1em !important;
}
.lay-space-btm-04 {
  margin-bottom: 1.5em !important;
}
.lay-space-btm-05 {
  margin-bottom: 2em !important;
}
.lay-space-btm-06 {
  margin-bottom: 2.5em !important;
}
.lay-space-btm-07 {
  margin-bottom: 3em !important;
}
.lay-space-btm-08 {
  margin-bottom: 3.5em !important;
}
.lay-space-btm-09 {
  margin-bottom: 4em !important;
}

/* 強調 */
.em-01,
.em-02,
.em-10 {
  font-weight: bold;
}
.em-02 {
  color: #e00025;
}
.em-10 {
  color: #007e8f;
}

.em-03,
.em-05,
.em-09 {
  font-size: 112.5%;
  font-weight: bold;
}
.em-05 {
  color: #e00025;
}
.em-09 {
  color: #308089;
}

.em-04,
.em-06,
.em-07 {
  font-size: 125%;
}
.em-06 {
  margin: 5px 0 0 0;
  padding: 0;
  clear: both;
  color: #e00025;
}
.em-07 {
  color: #007e8f;
}
.em-08 {
  color: #e00025;
}
.em-11,
.em-12,
.em-13 {
}
.em-12 {
  color: #e00025;
}
.em-13 {
  color: #007e8f;
}

.em-14,
.em-15,
.em-16 {
  font-weight: bold;
  font-size: 125%;
}
.em-15 {
  color: #e00025;
}
.em-16 {
  color: #007e8f;
}

.em-17,
.em-18,
.em-19 {
  font-weight: bold;
  font-size: 150%;
}
.em-18 {
  color: #e00025;
}
.em-19 {
  color: #007e8f;
}

.em-20 {
  font-size: 69% !important;
}

.ttl-h5-01,
.ttl-h5-02,
.ttl-h6-01,
.ttl-with-btn-01,
.ttl-pict-01,
.pgh-plain-01,
.pgh-plain-02,
.pgh-right-01,
.pgh-right-02,
.pgh-center-01,
.pgh-center-02,
.pgh-notice-01,
.pgh-notice-02,
.pgh-arrow-01,
.pgh-arrow-02,
.pgh-arrow-center-01,
.list-arrow-01,
.list-arrow-02,
.list-arrow-center-01,
.list-arrow-03,
.list-arrow-04,
.list-arrow-05,
.list-arrow-06,
.list-dot-01,
.list-dot-02,
.list-dot-04,
.list-check-01,
.list-check-02,
.list-check-03,
.list-num-01,
.list-num-02,
.list-num-03,
.list-notice-01,
.list-notice-02,
.list-notice-03,
.list-notice-04,
.list-definition-01,
.list-definition-02,
.list-seminar-01,
.box-02,
.box-03,
.box-04,
.box-06,
.box-important,
.box-notice-01,
.box-qa-01,
.box-example-01,
.box-mobilie-info-01,
.box-keyword-01,
.box-summary-01,
.box-contact-01,
.box-digest-01 .wrap,
.tbl-data-01,
.info_tbl,
.tbl-level-01,
.tbl-compare-01,
.tbl-seminar-01,
.tbl-schedule-01,
.tbl-info-02,
.tbl-campaign-02,
.lay-pict-r-01,
.lay-pict-r-02,
.lay-pict-r-03,
.lay-pict-r-04,
.lay-pict-r-05,
.lay-pict-r-06,
.lay-pict-r-07,
.lay-pict-01,
.lay-pict-l-01,
.lay-pict-l-02,
.lay-pict-l-03,
.lay-pict-l-04,
.lay-pict-l-05,
.lay-pict-l-06,
.lay-pict-l-07,
.lay-pict-col2-02,
.lay-pict-col2-03,
.banner-01,
.banner-02,
.call-center-info-01,
.flow-01,
.flow-02,
.flow-03,
.flow-04,
.nav-toc-01,
.nav-toc-03,
.nav-back-01,
.nav-back-02,
.nav-back-03,
.nav-linear-01,
.nav-go-01,
.nav-go-02,
.nav-go-03,
.nav-go-04,
.nav-subinfo-01,
.nav-tab-01,
.nav-banner-01,
.profile-01,
.profile-02,
.recruit-info-01,
.seminar-index-lead,
.search-qa-01,
.open-account-info-01,
.content-digest-01,
.content-digest-02 .wrap,
.content-digest-03 .wrap,
.content-digest-04,
.content-digest-05 .wrap,
.content-digest-06 .wrap,
.content-digest-07 .wrap,
.recommend-fund {
  margin-bottom: 1em;
}
.clear,
#maincolumn,
#contents,
#footerLinkList,
#footerLink01,
#footerLink02,
#footerBanner,
.infoBox,
.strategyBox,
#loginArea,
#loginArea ul,
#headerArea,
#headerArea #search_box,
#gNav ul,
#productsNav ul,
#introductionTxt,
#products,
#tradeinfoArea,
#infoBtnArea,
#tradetoolsDetail,
#tradetoolsDetail2,
#simpleInfo,
#simpleInfoMain #simpleInfoNews dl,
#pan,
#qaPan,
.infoList dl,
#pickUpFund,
.fundReport dl,
#fxMargin,
#fxOtcBtn,
#spreadCost,
#ask-search-area,
#sns,
.attractiveImg,
#toolArea,
.seminarListBox .seminarIcn,
.seminarListBox .seminarLink,
.seminarDetail .seminarIcn,
.seminarDetail .seminarLink,
.seminarDetail .seminarInstructor,
.seminarDetail .seminarInstructor .instructor,
.indexSeminarList .seminarIcn,
#qrCode,
.welcomeIcnList,
.welcomeIcnList2,
.welcomeIcnList3,
.reportList dl,
#largeNav,
#largePair,
#largePair dl,
#updateArea dl,
.text dl,
#usaBtnList,
#simpleOrderLoginInner,
#simpleOrderLoginInner ul,
#inputArea,
#inputAreaInner,
#inputArea #inputform dl,
#simpleInfoJpLogin .btn a,
#jpLogin .btn dl,
#ntRatioTable2,
#attractiveCost1,
#attractiveCost2,
.attractiveBtn,
#orderList,
#activeMerit,
.attractiveToolBox .icon,
.seminarBox,
.seminarBoxIcon ul,
.seminarTxt ul,
#content,
#footer dl,
#list-association,
#nav-global,
#nav-login dl,
.nav-footer-01 ul,
.pickup-content .inner,
.mp-deal,
.list-time-01,
.list-time-02,
.list-plain-01,
.list-arrow-03,
.list-definition-03,
.content-digest-01 .inner,
.content-digest-02 .wrap,
.content-digest-03 .wrap,
.content-digest-05 .wrap,
.content-digest-06 .wrap,
.content-digest-07 .wrap,
.lay-pict-r-01,
.lay-pict-r-02,
.lay-pict-r-03,
.lay-pict-r-04,
.lay-pict-r-05,
.lay-pict-r-06,
.lay-pict-r-07,
.lay-pict-l-01,
.lay-pict-l-02,
.lay-pict-l-03,
.lay-pict-l-04,
.lay-pict-l-05,
.lay-pict-l-06,
.lay-pict-l-07,
.banner-01,
.banner-02,
.box-mobilie-info-01,
.lay-pict-col2-01 .wrap,
.lay-pict-col2-02,
.lay-pict-col2-02 .pict,
.lay-pict-col2-03,
.lay-pict-col2-03 .pict,
.lay-pict-col3-01 .wrap,
.lay-pict-col4-01 .wrap,
.lay-pict-col3-02 .wrap,
.nav-toc-01 div,
.nav-linear-01,
.profile-01 div,
.list-dot-03,
.nav-subinfo-01,
.nav-subinfo-01 ul,
.nav-category-01,
.nav-category-02,
.nav-category-04,
.closed-seminar .detail,
.list-seminar-01 ul,
.search-qa-01,
.search-qa-01 p.input,
.box-contact-01 .inner,
.nav-tab-01 ul,
.nav-tab-02 ul,
.nav-banner-01,
.tbl-schedule-01 .subinfo-01,
.box-digest-01 .col-1 p,
.box-digest-01 .col-2 p,
.box-digest-01 .wrap,
.box-digest-03 .text,
.list-sitemap,
.seminar-digest-01,
.seminar-digest-01 .speaker,
.open-account-info-01,
.fund-digest-01 .genre,
.fund-digest-01 .genre dd,
.fund-digest-01 .genre div.unit,
.list-icon-01,
.style-digest-01,
.nav-category-03 .list-arrow-01,
.list-arrow-04,
.list-arrow-05,
#main-visual,
.nav-toc-02,
.nav-toc-03,
.list-definition-05,
.nav-back-03,
.nav-go-03,
.nav-go-04,
.mainvisual-banner-01 ul,
.fx-trader,
.fx-tieup-contents,
.recommend-fund,
.box-index-01 {
  zoom: 1;
}
.clear:after,
#maincolumn:after,
#contents:after,
#footerLinkList:after,
#footerLink01:after,
#footerLink02:after,
#footerBanner:after,
.infoBox:after,
.strategyBox:after,
#loginArea:after,
#loginArea ul:after,
#headerArea:after,
#headerArea #search_box:after,
#gNav ul:after,
#productsNav ul:after,
#introductionTxt:after,
#products:after,
#tradeinfoArea:after,
#infoBtnArea:after,
#tradetoolsDetail:after,
#tradetoolsDetail2:after,
#simpleInfo:after,
#simpleInfoMain #simpleInfoNews dl:after,
#pan:after,
#qaPan:after,
.infoList dl:after,
#pickUpFund:after,
.fundReport dl:after,
#fxMargin:after,
#fxOtcBtn:after,
#spreadCost:after,
#ask-search-area:after,
#sns:after,
.attractiveImg:after,
#toolArea:after,
.seminarListBox .seminarIcn:after,
.seminarListBox .seminarLink:after,
.seminarDetail .seminarIcn:after,
.seminarDetail .seminarLink:after,
.seminarDetail .seminarInstructor:after,
.seminarDetail .seminarInstructor .instructor:after,
.indexSeminarList .seminarIcn:after,
#qrCode:after,
.welcomeIcnList:after,
.welcomeIcnList2:after,
.welcomeIcnList3:after,
.reportList dl:after,
#largeNav:after,
#largePair:after,
#largePair dl:after,
#updateArea dl:after,
.text dl:after,
#usaBtnList:after,
#simpleOrderLoginInner:after,
#simpleOrderLoginInner ul:after,
#inputArea:after,
#inputAreaInner:after,
#inputArea #inputform dl:after,
#simpleInfoJpLogin .btn a:after,
#jpLogin .btn dl:after,
#ntRatioTable2:after,
#attractiveCost1:after,
#attractiveCost2:after,
.attractiveBtn:after,
#orderList:after,
#activeMerit:after,
.attractiveToolBox .icon:after,
.seminarBox:after,
.seminarBoxIcon ul:after,
.seminarTxt ul:after,
#content:after,
#footer dl:after,
#list-association:after,
#nav-global:after,
#nav-login dl:after,
.nav-footer-01 ul:after,
.pickup-content .inner:after,
.mp-deal:after,
.list-time-01:after,
.list-time-02:after,
.list-plain-01:after,
.list-arrow-03:after,
.list-definition-03:after,
.content-digest-01 .inner:after,
.content-digest-02 .wrap:after,
.content-digest-03 .wrap:after,
.content-digest-05 .wrap:after,
.content-digest-06 .wrap:after,
.content-digest-07 .wrap:after,
.lay-pict-r-01:after,
.lay-pict-r-02:after,
.lay-pict-r-03:after,
.lay-pict-r-04:after,
.lay-pict-r-05:after,
.lay-pict-r-06:after,
.lay-pict-r-07:after,
.lay-pict-l-01:after,
.lay-pict-l-02:after,
.lay-pict-l-03:after,
.lay-pict-l-04:after,
.lay-pict-l-05:after,
.lay-pict-l-06:after,
.lay-pict-l-07:after,
.banner-01:after,
.banner-02:after,
.box-mobilie-info-01:after,
.lay-pict-col2-01 .wrap:after,
.lay-pict-col2-02:after,
.lay-pict-col2-02 .pict:after,
.lay-pict-col2-03:after,
.lay-pict-col2-03 .pict:after,
.lay-pict-col3-01 .wrap:after,
.lay-pict-col4-01 .wrap:after,
.lay-pict-col3-02 .wrap:after,
.nav-toc-01 div:after,
.nav-linear-01:after,
.profile-01 div:after,
.list-dot-03:after,
.nav-subinfo-01:after,
.nav-subinfo-01 ul:after,
.nav-category-01:after,
.nav-category-02:after,
.nav-category-04:after,
.closed-seminar .detail:after,
.list-seminar-01 ul:after,
.search-qa-01:after,
.search-qa-01 p.input:after,
.box-contact-01 .inner:after,
.nav-tab-01 ul:after,
.nav-tab-02 ul:after,
.nav-banner-01:after,
.tbl-schedule-01 .subinfo-01:after,
.box-digest-01 .wrap:after,
.box-digest-01 .col-1 p:after,
.box-digest-01 .col-2 p:after,
.box-digest-03 .text:after,
.list-sitemap:after,
.seminar-digest-01:after,
.seminar-digest-01 .speaker:after,
.open-account-info-01:after,
.fund-digest-01 .genre:after,
.fund-digest-01 .genre dd:after,
.fund-digest-01 .genre div.unit:after,
.list-icon-01:after,
.style-digest-01:after,
.nav-category-03 .list-arrow-01:after,
.list-arrow-04:after,
.list-arrow-05:after,
#main-visual:after,
.nav-toc-02:after,
.nav-toc-03:after,
.list-definition-05:after,
.nav-back-03:after,
.nav-go-03:after,
.nav-go-04:after,
.mainvisual-banner-01 ul:after,
.fx-trader:after,
.fx-tieup-contents:after,
.recommend-fund:after,
.box-index-01:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: '.';
  font-size: 0;
}
.list-q-01,
.nav-category-01,
.nav-category-02,
.nav-category-03,
.nav-category-04,
.closed-seminar,
.nav-tab-02,
.box-digest-02,
.box-digest-03,
.seminar-digest-01,
.style-digest-01,
.active-fx-merit-digest {
  margin-bottom: 2em;
}

.section {
  width: 100%;
  margin-bottom: 5em;
  box-sizing: border-box;
}

.section.w100 {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .section {
    margin-bottom: 2.5em;
  }
  .section.w100 {
    width: 100%;
  }
}

/* インデント */
.indent1em {
  text-indent: -1em;
  padding-left: 1em;
}

.indent2em {
  text-indent: -2em;
  padding-left: 2em;
}

/* 段落 */
.pgh-arrow-01,
.pgh-arrow-02 {
}
/* For modern browsers */

.pgh-arrow-01:before,
.pgh-arrow-01:after,
.pgh-arrow-02:before,
.pgh-arrow-02:after {
  content: '';
  display: table;
}

.pgh-arrow-01:after,
.pgh-arrow-02:after {
  clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.pgh-arrow-01,
.pgh-arrow-02 {
  zoom: 1;
}

.pgh-arrow-01,
.pgh-arrow-02 {
  position: relative;
}

.pgh-arrow-01 a,
.pgh-arrow-02 a {
  display: inline-block;
  /*padding-right: 30px;*/
  padding-left: 30px;
  line-height: 1.6;
  color: #333333;
}
.pgh-arrow-01 a:hover,
.pgh-arrow-02 a:hover {
  color: #b01e23;
  text-decoration: underline;
}
.pgh-arrow-01 img,
.pgh-arrow-02 img {
  padding-left: 5px;
  margin-top: 3px;
}

/*.pgh-arrow-01 a:after,
.pgh-arrow-02 a:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 0;
    margin-top: -12px;
    width: 20px;
    height: 20px;
    background-image: url(../fonts/icn_arr_right_black.svg);
    background-repeat: no-repeat;
    background-size: 20px 20px;
	-moz-background-size: 20px 20px;
	-webkit-background-size: 20px 20px;
}
*/

.pgh-arrow-01 a:before,
.pgh-arrow-02 a:before {
  position: absolute;
  content: '';
  top: 11px;
  left: 0;
  margin-top: -12px;
  width: 20px;
  height: 20px;
  background-image: url(../fonts/icn_arr_right_black.svg);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
}

.pgh-center-01 {
  text-align: center;
}

.pgh-arrow-center-01 {
  text-align: center;
}
.pgh-arrow-center-01 a {
  padding-left: 16px;
  background-repeat: no-repeat;
  background-position: 0 0.3em;
  background-image: url(../images/mark_normal.png);
  color: #333333;
}
.pgh-arrow-center-01 a:hover {
  color: #b01e23;
  text-decoration: underline;
}

.pgh-arrow-left-01 {
  text-align: left;
}

.pgh-arrow-right-01 {
  text-align: right;
}

.pgh-arrow-right-01 a:after {
  position: relative;
  content: '';
  top: -50%;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-top: -4px;
  margin-left: 7px;
  background-image: url(../images/icn_arr_right_black.svg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
}

.pgh-arrow-right-01 a:hover:after {
  position: relative;
  content: '';
  top: -50%;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-top: -4px;
  margin-left: 7px;
  background-image: url(../fonts/icn_arr_right_red.svg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
}

@media screen and (max-width: 768px) {
  .pgh-arrow-right-01 a:hover:after {
    background-image: url(../fonts/icn_arr_right_black.svg);
  }
}

.pgh-arrow-03 a {
  display: inline-block;
  background: url(../images/com_ic07.png) no-repeat 0 0.25em;
  padding-left: 24px;
  color: #333333;
}
.pgh-arrow-03 a:hover {
  color: #b01e23;
  text-decoration: underline;
}
.pgh-arrow-04 a {
  display: inline-block;
  background: url(../images/com_ic08.png) no-repeat 0 0.2em;
  padding-left: 24px;
  color: #333333;
}
.pgh-arrow-04 a:hover {
  color: #b01e23;
  text-decoration: underline;
}
.pgh-arrow-05 a {
  display: inline-block;
  background: url(../images/com_ic09.png) no-repeat 0 0.2em;
  padding-left: 24px;
  color: #333333;
}
.pgh-arrow-05 a:hover {
  color: #b01e23;
  text-decoration: underline;
}
.pgh-arrow-06 a {
  display: inline-block;
  background: url(../images/com_ic10.png) no-repeat 0 0.2em;
  padding-left: 24px;
  color: #333333;
}
.pgh-arrow-06 a:hover {
  color: #b01e23;
  text-decoration: underline;
}
.pgh-arrow-07 {
  position: relative;
  border-top: 1px solid #dddddd;
  padding-top: 15px;
  min-height: 30px;
}
.pgh-arrow-07-link {
  position: absolute;
  right: 0;
  top: 12px;
  display: inline-block;
}
.pgh-arrow-07-link a {
  display: inline-block;
  background: url(../images/com_ic02.png) no-repeat 0 0.4em;
  padding-left: 24px;
  color: #333333;
}
.pgh-arrow-07-link a:hover {
  color: #b01e23;
  text-decoration: underline;
}

.pgh-arrow-08 a {
  position: relative;
  padding-left: 15px;
}

.pgh-arrow-08 a:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-style: solid;
  border-width: 5px 0 5px 7px;
  border-color: transparent transparent transparent #e00025;
}

.pgh-arrow-09 a {
  position: relative;
  padding-left: 15px;
}

.pgh-arrow-09 a:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-style: solid;
  border-width: 5px 0 5px 7px;
  border-color: transparent transparent transparent #333333;
}

.pgh-arrow-09 a:hover:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-style: solid;
  border-width: 5px 0 5px 7px;
  border-color: transparent transparent transparent #ba001b;
}
@media screen and (max-width: 768px) {
  .pgh-arrow-09 a:hover:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: transparent transparent transparent #333333;
  }
}

.pgh-right-01 {
  text-align: right;
}
.pgh-notice-01,
.pgh-notice-02 {
  padding-left: 1.2em;
  position: relative;
  zoom: 1;
}
.pgh-notice-01 span,
.pgh-notice-02 span {
  position: absolute;
  top: 0;
  left: 0;
}
/*___ pgh-plain-02 ___*/

.pgh-plain-02,
.pgh-right-02,
.pgh-center-02,
.pgh-notice-02 {
  font-size: 87.5%;
}
/*___ pgh-right-01 ___*/

.pgh-right-01,
.pgh-right-02 {
  text-align: right;
}
/*___ pgh-center-01 ___*/

.pgh-center-01,
.pgh-center-02 {
  text-align: center;
}
/*___ pgh-notice-01 ___*/

.pgh-notice-01,
.pgh-notice-02 {
  padding-left: 1.2em;
  position: relative;
  zoom: 1;
}
.pgh-notice-01 span,
.pgh-notice-02 span {
  position: absolute;
  top: 0;
  left: 0;
}
.pgh-notice-03 {
  text-align: right;
}

/* リスト */
.list-arrow-01 {
  width: 100%;
  margin: 0 5px 1em;
  /*
	display:-webkit-box;
	display:-ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
*/
}

.list-arrow-01 li {
  margin-right: 35px;
  line-height: 1.6;
  margin-bottom: 20px;
}

.list-arrow-01 li a {
  position: relative;
  color: #333333;
  padding-left: 14px;
  text-decoration: none;
}

.list-arrow-01 li a:hover {
  color: #b01e23;
  text-decoration: underline;
}

.list-arrow-01 li a:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  margin-top: 5px;
  border-style: solid;
  border-width: 5px 0 5px 7px;
  border-color: transparent transparent transparent #333333;
}

.list-arrow-01 li a:hover:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  margin-top: 5px;
  border-style: solid;
  border-width: 5px 0 5px 7px;
  border-color: transparent transparent transparent #b01e23;
}

.list-plain-01 li,
.list-arrow-01 li,
.list-arrow-center-01 li,
.mjw_topic,
.list-arrow-02 li,
.list-arrow-03 li,
.list-dot-01 li,
.list-dot-02 li,
.list-dot-03 li,
.list-dot-04 li,
.list-check-01 li,
.list-check-02 li,
.list-check-03 li,
.list-num-01 li,
.list-num-02 li,
.list-num-03 li,
.list-notice-01 li,
.list-notice-02 li,
.list-notice-03 li,
.list-notice-04 li,
.list-time-01 li,
.list-time-02 li,
.list-q-01 li,
.list-seminar-01 li,
.list-seminar-02 li,
.list-sitemap li {
  line-height: 1.6;
}
.list-arrow-acco li,
.list-arrow-01 li,
.list-arrow-center-01 li,
.mjw_topic,
.list-arrow-02 li,
.list-dot-01 li,
.list-dot-02 li,
.list-dot-03 li,
.list-dot-04 li,
.list-check-01 li,
.list-check-02 li,
.list-check-03 li,
.list-num-01 li,
.list-num-02 li,
.list-num-03 li,
.list-notice-01 li,
.list-notice-02 li,
.list-notice-03 li,
.list-notice-04 li,
.list-time-01 li,
.list-time-02 li,
.list-q-01 li,
.list-sitemap ul li {
  margin-bottom: 0.6em;
}
.list-arrow-acco li.last,
.list-arrow-01 li.last,
.list-arrow-02 li.last,
.list-arrow-center-01 li.last,
.list-dot-01 li.last,
.list-dot-02 li.last,
.list-dot-04 li.last,
.list-check-01 li.last,
.list-check-02 li.last,
.list-check-03 li.last,
.list-num-01 li.last,
.list-num-02 li.last,
.list-num-03 li.last,
.list-notice-01 li.last,
.list-notice-02 li.last,
.list-notice-03 li.last,
.list-notice-04 li.last,
.list-definition-01 dd.last,
.list-definition-02 dd.last,
.list-q-01 li.last,
.box-keyword-01 dd.last,
.list-talk-01 dt.last,
.list-talk-01 dd.last {
  margin-bottom: 0;
}
.list-arrow-01 ul,
.list-arrow-02 ul,
.list-arrow-03 ul,
.list-arrow-04 ul,
.list-dot-01 ul,
.list-dot-02 ul,
.list-dot-04 ul,
.list-check-01 ul,
.list-check-02 ul,
.list-check-03 ul,
.list-num-01 ul,
.list-num-02 ul,
.list-num-03 ul,
.list-notice-01 ul,
.list-notice-02 ul,
.list-notice-03 ul,
.list-notice-04 ul,
.list-q-01 ul {
  margin-top: 0.5em;
  margin-bottom: 0;
}

/*___ list-plain-01 ___*/
.list-plain-01 li {
  margin-right: 50px;
  padding-bottom: 0.6em;
  float: left;
  white-space: nowrap;
}

/*___ list-arrow-02 ___*/
.list-arrow-02 li {
  padding-left: 15px;
  background: url(../images/blt_arrow_04.png) no-repeat 0 0.5em;
}
.list-arrow-02 li a {
  color: #333333;
}
.list-arrow-02 li a:hover {
  color: #b01e23;
  text-decoration: underline;
}

/*___ list-arrow-03 ___*/
.list-arrow-03 {
  padding: 0.8em 0;
}
.list-arrow-03 li {
  padding-left: 15px;
  float: left;
  background: url(../images/blt_arrow_04.png) no-repeat 0 0.5em;
  margin-right: 40px;
}
.list-arrow-03 li a {
  color: #333333;
}
.list-arrow-03 li a:hover {
  color: #b01e23;
  text-decoration: underline;
}

.list-arrow-03 li.nth-1 {
  width: 76px;
}
.list-arrow-03 li.nth-2 {
  width: 50px;
}

/*___ list-arrow-04 ___*/
.list-arrow-04 {
}

.list-arrow-04 li {
  position: relative;
  float: left;
  width: 470px;
  margin: 0 10px 15px 0;
}

.list-arrow-04 li a {
  padding-left: 30px;
  line-height: 1.6;
  color: #333333;
  display: inherit;
}
.list-arrow-04 li a:hover {
  color: #b01e23;
  text-decoration: underline;
}

.list-arrow-04 li a:before {
  position: absolute;
  content: '';
  top: 13px;
  left: 0;
  margin-top: -12px;
  width: 20px;
  height: 20px;
  background-image: url(../images/icn_arr_right_black.svg);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
}

@media print, screen and (max-width: 768px) {
  .list-arrow-01 {
    width: 100%;
    margin: 0 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .list-arrow-01 li {
    margin-right: 35px;
    line-height: 1.4;
    margin-bottom: 10px;
    text-indent: -0.8em;
    padding-left: 0.8em;
  }

  .list-arrow-01 li a {
    padding-left: 12px;
    font-size: 15px;
    font-size: 1.5rem;
  }

  .list-arrow-01 li a:before {
    position: absolute;
    content: '';
    top: 3px;
    left: 0;
    margin-top: 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: transparent transparent transparent #333333;
  }

  .list-arrow-01 li a:hover {
    color: #333333;
  }

  .list-arrow-01 li a:hover:before {
    position: absolute;
    content: '';
    top: 3px;
    left: 0;
    margin-top: 0;
    border-style: solid;
    border-width: 5px 0 5px 7px;
    border-color: transparent transparent transparent #333333;
  }
}

/*___ list-dot-01 ___*/
.list-dot-01 li,
.list-dot-02 li,
.list-dot-03 li,
.list-dot-04 li,
ul .list-dot-01 li,
ul .list-dot-02 li,
ul .list-dot-04 li,
ul ul .list-dot-01 li,
ul ul .list-dot-02 li,
ul ul .list-dot-04 li,
ul ul ul .list-dot-01 li,
ul ul ul .list-dot-02 li,
ul ul ul .list-dot-04 li,
ul ul ul ul .list-dot-01 li,
ul ul ul ul .list-dot-02 li,
ul ul ul ul .list-dot-04 li {
  padding-left: 18px !important;
}
.list-dot-01 li,
.list-dot-03 li,
.list-dot-04 li {
  background: url(../images/blt_dot_02.gif) no-repeat 0 0.5em;
}
.list-dot-01 > li {
  font-size: 117.5%;
}
.list-dot-01 > li > ul > li {
  font-size: 85.1%;
}
.list-dot-04 li {
  font-weight: bold;
}
.list-dot-04 li > ul > li {
  font-weight: normal;
}

@media print, screen and (max-width: 768px) {
  .list-dot-01 > li {
    font-size: 100%;
  }
}

/*___ list-dot-01 p ___*/
/*.list-dot-01 p{
line-height:1.3;
padding-left:10px;
margin-bottom:0.6em;
background:url(../images/blt_dot_02.gif) no-repeat 0 0.5em;
}*/
.list-dot-01 p.last {
  margin-bottom: 0;
}
/*___ list-dot-02 ___*/
.list-dot-02 li {
  background: url(../images/blt_dot_03.gif) no-repeat 0 0.6em;
}
.list-dot-03 li {
  margin-right: 50px;
  float: left;
}
/*___ list-check ___*/
.list-check-01 li,
.list-check-02 li,
.list-check-03 li,
ul .list-check-01 li,
ul .list-check-02 li,
ul .list-check-03 li,
ul ul .list-check-01 li,
ul ul .list-check-02 li,
ul ul .list-check-03 li,
ul ul ul .list-check-01 li,
ul ul ul .list-check-02 li,
ul ul ul .list-check-03 li,
ul ul ul ul .list-check-01 li,
ul ul ul ul .list-check-02 li,
ul ul ul ul .list-check-03 li {
  padding-left: 24px !important;
}
/*___ list-check-01 ___*/

.list-check-01 li {
  background: url(../images/com_ic05.png) no-repeat 0 0.3em;
  font-size: 125%;
}
/*___ list-check-02 ___*/

.list-check-02 li {
  background: url(../images/com_ic06.png) no-repeat 0 0.3em;
}
/*___ list-check-03 ___*/

.list-check-03 li {
  background: url(../images/com_ic06.png) no-repeat 0 0.3em;
  color: #e00025;
}
/*___ list-num-01 ___*/
.list-num-01 li,
.list-num-02 li,
.list-num-03 li,
.list-notice-01 li,
.list-notice-02 li,
.list-notice-03 li,
.list-notice-04 li {
  position: relative;
  zoom: 1;
}
.list-num-01 li span:first-child,
.list-num-02 li span:first-child,
.list-num-03 li span:first-child,
.list-notice-01 li span:first-child,
.list-notice-02 li span:first-child,
.list-notice-03 li span:first-child,
.list-notice-04 li span:first-child {
  position: absolute;
  top: 0;
  left: 0;
}
.list-num-01 li span {
  position: absolute;
  top: 0;
  left: 0;
  color: #e00025;
}
.list-num-01 li,
ul .list-num-01 li,
ul ul .list-num-01 li,
ul ul ul .list-num-01 li,
ul ul ul ul .list-num-01 li {
  padding-left: 1.8em !important;
}
/*___ list-num-02 ___*/
.list-num-02 li,
ul .list-num-02 li,
ul ul .list-num-02 li,
ul ul ul .list-num-02 li,
ul ul ul ul .list-num-02 li {
  padding-left: 2.4em !important;
}
/*___ list-num-03 ___*/
.list-num-03 li,
ul .list-num-03 li,
ul ul .list-num-03 li,
ul ul ul .list-num-03 li,
ul ul ul ul .list-num-03 li {
  padding-left: 3.8em !important;
}
/*___ list-notice-01 ___*/
.list-notice-01 li,
.list-notice-02 li,
ul .list-notice-01 li,
ul .list-notice-02 li,
ul ul .list-notice-01 li,
ul ul .list-notice-02 li,
ul ul ul .list-notice-01 li,
ul ul ul .list-notice-02 li,
ul ul ul ul .list-notice-01 li,
ul ul ul ul .list-notice-02 li {
  padding-left: 1.1em !important;
}
/*___ list-notice-02 ___*/
.list-notice-02 li,
.list-notice-04 li {
  font-size: 85%;
}
/*___ list-notice-03 ___*/
.list-notice-03 li,
.list-notice-04 li,
ul .list-notice-03 li,
ul .list-notice-04 li,
ul ul .list-notice-03 li,
ul ul .list-notice-04 li,
ul ul ul .list-notice-03 li,
ul ul ul .list-notice-04 li,
ul ul ul ul .list-notice-03 li,
ul ul ul ul .list-notice-04 li {
  padding-left: 2.5em !important;
}
.list-notice-03.type02 li {
  padding-left: 4em !important;
}
.list-notice-04.type02 li {
  padding-left: 4em !important;
}
/*___ list-definition-01 ___*/
.list-definition-01 dt {
  margin-bottom: 0.2em;
  font-size: 112.5%;
  font-weight: bold;
}
.list-definition-01 dd,
.list-definition-02 dd {
  margin-bottom: 1.7em;
}
/*___ list-definition-02 ___*/
.list-definition-02 dd {
  margin-left: 10px;
}
/*___ list-definition-03 ___*/
.list-definition-03 dt {
}
.list-definition-03 dt {
  float: left;
  margin-right: 0.5em;
  padding: 1px 10px;
  background-color: #e5e7eb;
}
.list-definition-03 dd {
  padding: 2px 0;
  margin-bottom: 0.9em;
  overflow: hidden;
  min-height: 24px;
}
/*___ list-definition-04 ___*/
.list-definition-04 dt {
  display: inline-block;
  margin-right: 0.5em;
  padding: 1px 10px;
  background-color: #e5e7eb;
}
.list-definition-04 dd {
  padding: 2px 0;
  margin-bottom: 1.1em;
}
/*___ list-definition-05 ___*/
.list-definition-05 dt {
  display: inline-block;
  margin-right: 0.5em;
  margin-bottom: 1em;
  padding: 1px 10px;
  background-color: #e5e7eb;
}
.list-definition-05 dd {
  display: inline-block;
  margin-bottom: 1em;
  margin-right: 30px;
}
.box-01 {
  margin-bottom: 0.8em;
}
/*___ .list-time ___*/
.list-time-01 li span,
.list-time-02 li span,
.list-time-03 li span {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;
}
.list-time-01 li,
.list-time-02 li,
.list-time-03 li {
  position: relative;
  zoom: 1;
}
.list-time-01 li {
  padding-left: 9.2em !important;
}
.list-time-02 li {
  padding-left: 5em !important;
}
.list-time-03 li {
  padding-left: 6em !important;
}
/*___ .list-q-01 ___*/

.list-q-01 li {
  padding: 2px 0 0 33px;
  margin-bottom: 0.8em;
  background: url(../images/blt_q_01.gif) no-repeat 0 0;
}
/*___ No Bullet ___*/
.list-num-01 li,
.list-num-02 li,
.list-num-03 li,
.list-notice-01 li,
.list-notice-02 li,
.list-notice-03 li,
.list-notice-04 li {
  background-image: none;
}
.list-num-01 li .list-dot-01 li,
.list-num-02 li .list-dot-01 li,
.list-notice-01 li .list-dot-01 li,
.list-notice-02 li .list-dot-01 li,
.list-notice-03 li .list-dot-01 li,
.list-notice-04 l .list-dot-01 li {
  background-image: url(../images/blt_dot_02.gif);
}
.list-num-01 li .list-dot-02 li,
.list-num-02 li .list-dot-02 li,
.list-notice-01 li .list-dot-02 li,
.list-notice-02 li .list-dot-02 li,
.list-notice-03 li .list-dot-02 li,
.list-notice-04 li .list-dot-02 li {
  background-image: url(../images/blt_dot_03.gif);
}
.list-num-01 .list-dot-01 .list-notice-01 li {
  background-image: none;
}
/* ナビゲーション */
/*___ nav-go-01 ___*/
.nav-go-01 {
  display: block;
  padding-left: 15px;
  background-repeat: no-repeat;
  background-position: 0 0.3em;
  background-image: url(../images/mark_normal.png);
}
.nav-go-01 a {
  color: #333333;
}
.nav-go-01 a:hover {
  color: #b01e23;
  text-decoration: underline;
}

/*___ nav-go-02 ___*/
.nav-go-02 {
  text-align: right;
}
.nav-go-02 a {
  padding-right: 15px;
  background-repeat: no-repeat;
  background-position: 100% 0.3em;
  background-image: url(../images/mark_normal.png);
  color: #333333;
}
.nav-go-02 a:hover {
  color: #b01e23;
  text-decoration: underline;
}
.nav-go-03 li a {
  display: block;
  padding-left: 15px;
  background-repeat: no-repeat;
  background-position: 0 0.3em;
  background-image: url(../images/mark_normal.png);
  color: #333333;
}
.nav-go-03 li a:hover {
  color: #b01e23;
  text-decoration: underline;
}
.nav-go-02 img,
.nav-go-03 li img {
  padding-left: 3px;
}
/*___ nav-go-03 ___*/
.nav-go-03 li,
.nav-go-04 li {
  margin-right: 2em;
  float: left;
  background-position: 0 0.3em;
  white-space: nowrap;
}
/*___ nav-go-04 ___*/
.nav-go-04 li {
}
.nav-go-04 li a {
  display: block;
  padding-left: 15px;
  background-repeat: no-repeat;
  background-position: 0 0.3em;
  background-image: url(../images/mark_normal.png);
  color: #333333;
}
.nav-go-04 li a:hover {
  color: #b01e23;
  text-decoration: underline;
}
/*___ nav-back-01 ___*/

.nav-back-01 {
  box-sizing: border-box;
  display: block;
  border: 1px solid #cccccc;
  margin-left: auto;
  margin-right: auto;
  width: 150px;
}
.nav-back-01 a {
  display: block;
  padding: 13px 25px 10px 48px;
  background-repeat: no-repeat;
  background-position: 25px 50%;
  background-image: url(../images/com_ic02.png);
  white-space: nowrap;
  color: #333333;
}
.nav-back-01 a:hover {
  color: #b01e23;
  text-decoration: underline;
}

/*___ nav-back-02 ___*/

.nav-back-02,
.nav-back-03 li {
}
.nav-back-03 li a {
  padding-left: 16px;
  background-repeat: no-repeat;
  background-position: 0 35%;
  background-image: url(../images/arrow_prev.png);
  color: #333333;
}
.nav-back-03 li a:hover {
  color: #b01e23;
  text-decoration: underline;
}
.nav-back-03 li a img {
  margin-left: 5px;
}
/*___ nav-back-03 ___*/

.nav-back-03 li {
  margin-right: 2em;
  float: left;
  white-space: nowrap;
}
/*___ nav-toc-01 ___*/
.nav-toc-01 {
  width: 100%;
  border: 1px solid #cccccc;
}
.nav-toc-01 div {
  box-sizing: border-box;
  padding: 20px 10px 17px;
}
.nav-toc-01 ul {
  margin: 0 0 0 20px;
  float: left;
  width: 45%;
}
.nav-toc-01 li {
  margin-bottom: 0.6em;
}
.nav-toc-01 li a {
  display: block;
  padding-left: 21px;
  background-repeat: no-repeat;
  background-position: 0 0.3em;
  background-image: url(../images/mark_normal.png);
  color: #333333;
}
.nav-toc-01 li a:hover {
  color: #b01e23;
  text-decoration: underline;
}
/*
		.nav-toc-01 li a {
		padding-left:21px;
		background-repeat:no-repeat;
		background-position:0 3px;
		background-image:url(../images/mark_normal.png);
		}
*/
.nav-toc-01 .ttl {
  margin-bottom: 0.4em;
  margin-left: 20px;
  padding-left: 6px;
  border-left: 4px solid #999;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .nav-toc-01 ul {
    margin: 0 0 0 20px;
    float: none;
    width: auto;
  }
}

/*___ nav-toc-02 ___*/
.nav-toc-02 {
  margin-top: 20px;
  padding: 1.1em 20px 0.5em;
  background-color: #f8f9fa;
}
.nav-toc-02 li {
  margin-right: 30px;
  margin-bottom: 0.6em;
  float: left;
  line-height: 1.3;
}
.nav-toc-02 li a {
  white-space: nowrap;
  padding: 0 10px 0 20px;
  background-repeat: no-repeat;
  background-position: 0 45%;
  background-image: url(../images/arrow_btm.png);
  color: #333333;
}
.nav-toc-02 li a:hover {
  color: #b01e23;
  text-decoration: underline;
}

/*___ nav-toc-03 ___*/
.nav-toc-03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 1px;
}
.nav-toc-03 li {
  box-sizing: border-box;
  margin-left: -1px;
  margin-top: -1px;
  width: 25%;
  vertical-align: middle;
  border: 1px solid #cccccc;
}
.nav-toc-03 li a {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  width: 100%;
  padding: 15px 25px 15px 40px;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 20px 50%;
  background-image: url(../images/arrow_btm.png);
  align-items: center;
  color: #333333;
}
.nav-toc-03 li a:hover {
  color: #b01e23;
}

@media screen and (max-width: 768px) {
  .nav-toc-03 li {
    box-sizing: border-box;
    margin-left: -1px;
    margin-top: -1px;
    width: 50%;
    vertical-align: middle;
    border: 1px solid #cccccc;
  }
  .nav-toc-03 li a {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    width: 100%;
    padding: 15px 25px 15px 40px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 20px 50%;
    background-image: url(../images/arrow_btm.png);
    align-items: center;
  }
}

/*___ nav-linear-01 ___*/
.nav-linear-01 {
  background-color: #f8f9fa;
  padding: 17px 20px;
  margin-bottom: 2em;
}
.nav-linear-01 .next {
  float: right;
}
.nav-linear-01 .next a {
  display: block;
  padding-right: 16px;
  background-repeat: no-repeat;
  background-position: 100% 0.4em;
  background-image: url(../images/mark_normal.png);
  color: #333;
}
.nav-linear-01 .next a:hover {
  color: #b01e23;
}
.nav-linear-01 .prev {
  float: left;
}
.nav-linear-01 .prev a {
  padding-left: 16px;
  background-repeat: no-repeat;
  background-position: 0 0.3em;
  background-image: url(../images/arrow_prev.png);
  color: #333;
}
.nav-linear-01 .prev a:hover {
  color: #b01e23;
}

@media screen and (max-width: 768px) {
  .nav-linear-01 li {
    width: 48%;
  }
  .nav-linear-01 .next {
    text-align: right;
  }
}

/*___ nav-back-02 ___*/
.nav-back-02 {
}
.nav-back-02 a {
  padding-left: 16px;
  background-repeat: no-repeat;
  background-position: 0 0.2em;
  background-image: url(../images/arrow_prev.png);
  color: #333;
}
.nav-back-02 a:hover {
  color: #b01e23;
  text-decoration: underline;
}
/* テーブル */
tr.style-01 th,
tr.style-01 td,
th.style-01,
td.style-01 {
  background-color: #f2e7b1 !important;
}
tr.style-02 th,
tr.style-02 td,
th.style-02,
td.style-02 {
  background-color: #eee !important;
}

.tbl-data-01,
.tbl-level-01,
.tbl-compare-01 {
	width:100%;
}

.tbl-data-01 th,
.tbl-data-01 td,
.info_tbl th,
.info_tbl td,
.tbl-level-01 th,
.tbl-level-01 td,
.tbl-compare-01 th,
.tbl-compare-01 td {
  /*padding:0.8em 15px;*/
  padding: 0.8em 10px;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .tbl-data-01 th,
  .tbl-data-01 td,
  .info_tbl th,
  .info_tbl td,
  .tbl-level-01 th,
  .tbl-level-01 td,
  .tbl-compare-01 th,
  .tbl-compare-01 td {
    padding: 0.8em 5px;
    line-height: 1.5;
    font-size: 13px;
  }
}

.info_tbl thead th,
.info_tbl tr.thead th,
.tbl-data-01 thead th,
.tbl-data-01 tr.thead th {
  background-color: #717478;
  /*	font-weight:normal;*/
  font-weight: bold;
  color: #ffffff;
  text-align: center;
}
.info_tbl tbody th,
.info_tbl th,
.tbl-data-01 tbody th,
.tbl-data-01 th,
.tbl-compare-01 tbody th {
  background-color: #f4f4f4;
  color: #333333;
}

@media print, screen and (max-width: 768px) {
  .info_tbl tbody th,
  .info_tbl th,
  .tbl-data-01 tbody th,
  .tbl-data-01 th,
  .tbl-compare-01 tbody th {
  }
}

table.noborder,
table.noborder th,
table.noborder td {
  border: none;
}
.tbl-data-01 .red {
  /* セル色赤 */
  background: #f76051;
  color: #ffffff;
}
.tbl-data-01 .pink {
  /* セル色ピンク */
  background: #fbd2d4;
}
.tbl-data-01 .blue {
  /* セル色青 */
  background: #cae1f5;
}
.tbl-data-01 .gray {
  /* セル色グレー */
  background: #c5c5c5;
}
.tbl-data-01 .noneTopLine {
  /* 上部ライン削除 */
  border-top: none;
}
.tbl-data-01 .noneBtmLine {
  /* 下部ライン削除 */
  border-bottom: none;
}
.tbl-data-01 .addCell {
  /* 追加セル */
  border-top: none;
  padding: 0;
}
.tbl-data-01 .addCell span {
  padding: 0.6em 10px;
  display: block;
  border-top: 1px solid #c1c1c1 !important;
}

/* 要素の配置 */
.tbl-data-01 .cell-left,
.tbl-level-01 .cell-left,
.tbl-compare-01 .cell-left {
	text-align:left;
}
.tbl-data-01 .cell-center,
.tbl-level-01 .cell-center,
.tbl-compare-01 .cell-center {
	text-align:center;
}
.tbl-data-01 .cell-right,
.tbl-level-01 .cell-right,
.tbl-compare-01 .cell-right {
	text-align:right;
}

.scroll-table {
  overflow: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.scroll-table table {
  margin-bottom: 0;
  overflow: auto;
  white-space: nowrap;
}

.tbl-data-01 .lv01 {
  background-color: #4c5866;
  color: #fff;
}

.tbl-data-01 .lv02 {
  background-color: #f4f4f4;
  color: #333;
}

.tbl-data-01 .lv03 {
  background-color: #999999;
  color: #fff;
}

.tbl-data-01 td *:last-child {
  margin-bottom: 0;
}

.tbl-data-01.center th,
.tbl-data-01.center td {
  text-align: center;
  vertical-align: middle;
}

/* tbl-type-01 */
.tbl-data-01.tbl-type-01 th {
  min-width: 170px;
  width: 170px;
}

.tbl-data-01.tbl-type-01 td {
  width: 83%;
}

/* tbl-type-02 */
.tbl-data-01.tbl-type-02 thead th {
  text-align: center;
  vertical-align: middle;
}

.tbl-data-01.tbl-type-02 tbody th {
  width: 22%;
  vertical-align: middle;
  text-align: center;
}

.tbl-data-01.tbl-type-02 tbody th:nth-child(1) {
  width: 34%;
}

.tbl-data-01.tbl-type-02 tbody td {
  width: 22%;
  vertical-align: middle;
  text-align: center;
}

.tbl-data-01.tbl-type-02 tbody td:nth-child(1) {
  width: 34%;
}

@media print, screen and (max-width: 768px) {
  /* tbl-type-01 */
  .tbl-data-01.tbl-type-01 {
    width: 100%;
  }

  .tbl-data-01.tbl-type-01 th {
    display: block;
    min-width: inherit;
    width: calc(100% - 20px);
    padding: 0.8em 10px;
    border: none;
  }

  .tbl-data-01.tbl-type-01 td {
    display: block;
    width: calc(100% - 20px);
    padding: 10px 10px;
    border-right: none;
    border-left: none;
  }

  .tbl-data-01.tbl-type-01 tr:last-child td {
    border-bottom: none;
  }

  /* tbl-type-02 */
  .tbl-data-01.tbl-type-02 thead th {
    font-size: 14px;
  }

  .tbl-data-01.tbl-type-02 tbody th {
    width: 24%;
    padding: 0.8em 5px;
    font-size: 12px;
  }

  .tbl-data-01.tbl-type-02 tbody th:nth-child(1) {
    width: 28%;
  }
  .tbl-data-01.tbl-type-02 tbody td {
    width: 24%;
    padding: 0.8em 3px;
    font-size: 12px;
  }

  .tbl-data-01.tbl-type-02 tbody td:nth-child(1) {
    width: 28%;
  }
}

/*___ tbl-compare-01 ___*/

.tbl-compare-01 thead th {
  background-color: #717478;
  text-align: center;
  color: #ffffff;
}
.tbl-compare-01 tbody th,
.tbl-compare-01 td {
}
.tbl-compare-01 tbody th.ex,
.tbl-compare-01 td.ex {
  text-align: center;
}
.tbl-compare-01 tbody td.crp {
  text-align: left;
}
.tbl-data-01 .bdr-t,
.tbl-compare-01 .bdr-t {
}
.tbl-data-01 .bdr-r,
.tbl-compare-01 .bdr-r {
}
.tbl-data-01 .bdr-b,
.tbl-compare-01 .bdr-b {
}
.tbl-data-01 .bdr-l,
.tbl-compare-01 .bdr-l {
}
.tbl-compare-01 .bdr2-t {
}
.tbl-compare-01 .bdr2-r {
}
.tbl-compare-01 .bdr2-b {
}
.tbl-compare-01 .bdr2-l {
}
.tbl-compare-01 .rank1 {
  font-weight: bold;
  background-color: #fff0f4;
}
.tbl-compare-01 .rank2 {
  background-color: #c3e2c4;
}
.tbl-compare-01 .rank3 {
  background-color: #e4edd3;
}
.tbl-compare-01 thead th.okasan {
  color: #fff;
  font-weight: bold;
  background-color: #e00025;
}
.tbl-compare-01 thead th.other01 {
  color: #fff;
  background: #001bbc url(../images/tbl_compare_bg2.gif) repeat-x 0 0 !important;
}
.tbl-compare-01 thead th.other02 {
  background-color: #e4ecf7 !important;
}
.tbl-compare-01 tbody td.other03 {
  background-color: #7985cd !important;
  color: #ffffff;
}
.tbl-compare-01 em {
  font-weight: bold;
}
.tbl-compare-01 th,
.tbl-compare-01 td {
}
th.highlight01,
td.highlight01 {
  background-color: #4c5866 !important;
  font-weight: bold !important;
}
/*___ tbl-info-01 ___*/

.tbl-info-01,
.tbl-campaign-01 {
  margin-left: 10px;
  width: 660px;
}
body.home .tbl-info-01,
body.home .tbl-campaign-01 {
  width: 612px;
}
.tbl-info-01 .date {
  width: 100px;
}
.tbl-info-01 .cat {
  width: 60px;
}
.tbl-info-01 .text,
.tbl-campaign-01 .text {
  width: 500px;
}
.tbl-stock-margin table {
  float: left;
  width: 290px;
}
.tbl-stock-margin img {
  float: left;
  padding-top: 20px;
}
/* 過去に実施したキャンペーン */
.tbl-info-01 .date-02 {
  width: 125px;
}
.tbl-info-01 .cat-02 {
  width: 60px;
}
.tbl-info-01 .text-02,
.tbl-campaign-01 .text {
  width: 475px;
}
/* //過去に実施したキャンペーン */

/* トップページキャンペーン、フェイスブックキャンペーン */
table .date-03 {
  width: 180px;
}
table .cat-03 {
  width: 60px;
}
table .text-03 {
  width: 420px;
}
/* //トップページキャンペーン、フェイスブックキャンペーン */

body.home .tbl-info-01 .text,
body.home .tbl-campaign-01 .text {
  width: 447px;
}
.tbl-info-01,
.tbl-info-01 th,
.tbl-info-01 td,
.tbl-info-02,
.tbl-info-02 th,
.tbl-info-02 td,
.tbl-campaign-01,
.tbl-campaign-01 th,
.tbl-campaign-01 td,
.tbl-campaign-02,
.tbl-campaign-02 th,
.tbl-campaign-02 td {
  border-collapse: separate;
  border: 0;
}
.tbl-info-01 th,
.tbl-info-01 td,
.tbl-info-02 th,
.tbl-info-02 td,
.tbl-campaign-01 th,
.tbl-campaign-01 td,
.tbl-campaign-02 th,
.tbl-campaign-02 td {
  padding-bottom: 0.6em;
  vertical-align: top;
  text-align: left;
}
.tbl-info-01 .icon,
.tbl-info-02 .icon,
.tbl-campaign-01 .icon,
.tbl-campaign-02 .icon {
  margin-left: 3px;
  vertical-align: middle;
}
/* ボックス */
/*___ box-01 ___*/
.box-01,
.box-02,
.box-04,
.box-example-01,
.box-mobilie-info-01,
.box-keyword-01 {
  border: 1px solid #dddddd;
}
.box-01 {
  padding: 0.8em 25px;
  background-color: #fff;
}
.box-01.after {
  margin-bottom: 0;
  border-bottom: 0;
}
.box-01 h5 {
  margin: 1px 1px 0.6em 1px;
  padding: 0.5em 9px;
  color: #fff;
  background-color: #000;
}
.box-01 h5.pict {
  padding: 0;
  background-color: transparent;
}
.box-01 ul {
  margin: 0 10px;
}
.banner {
  margin-bottom: 20px;
}
.box-01 .banner li {
  margin-bottom: 5px;
}
.box-01 .link-arrow-01 {
  margin: 0 10px;
}
.box-01 .list-arrow-01 li.img {
  margin-top: -0.4em;
  background-image: none;
}
.box-01 h6 {
  line-height: 1.3;
}

@media print, screen and (max-width: 768px) {
  .box-01 {
    padding: 0.8em 10px;
  }
  .box-01 ul {
    margin: 0;
  }
}

/*___ box-02 ___*/
.box-02,
.box-03,
.box-important {
  padding: 1.3em 25px;
}
.box-02 .ttl {
  margin-bottom: 0.4em;
  padding-left: 6px;
  border-left: 4px solid #999;
  font-weight: bold;
}
/*___ box-03 ___*/
.box-03 {
  /*background-color:#f8f9fa;*/
  background-color: #f6f6f6;
}
/*___ box-04 ___*/
.box-04 {
  padding: 1em 15px 0 15px;
}
/*___ box-05 ___*/
.box-05 {
  padding: 0.5em 10px;
  background-color: #eee;
}
/*___ box-06 ___*/
.box-06 {
  padding-bottom: 13px;
  background: url(../images/attractive_bg_btm.gif) no-repeat bottom;
}
.box-06 .inner {
  width: 628px;
  padding: 1em 20px;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.box-notice-01 {
  background-color: #f8f9fa;
  padding: 14px;
}
.box-notice-01 .title {
  padding: 0.6em 15px;
  font-weight: bold;
  font-size: 117.5%;
}
.box-notice-01 .attention:before {
  /*
	padding:0.4em 15px 0.6em 40px;
	background: url(../images/icn_notice_01.png) no-repeat 15px 13px;
*/

  position: relative;
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 24px;
  height: 24px;
  margin-top: -6px;
  margin-right: 10px;
  background-image: url(../images/caution.svg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 24px 24px;
  -moz-background-size: 24px 24px;
  -webkit-background-size: 24px 24px;
}
.box-notice-01 .inner {
  padding: 0.2em 15px 0.8em 22px;
}
/*___ box-important ___*/
.box-important {
  background-color: #fdf2f4;
}
/*___ qaBlock ___*/

.qaBlock {
}
/*___ box-qa-01 ___*/

.box-qa-01 {
  margin-bottom: 0;
}
.qaBlock .box-qa-01:last-child {
  border-bottom: 1px solid #a2a8b0;
}
.box-qa-01 dt {
  border-top: 1px solid #a2a8b0;
  background: #ffffff url(../images/com_ic04.png) no-repeat 98% 50%;
}
.box-qa-01 dt.active {
  background: #f8f9fa url(../images/com_ic03.png) no-repeat 98% 50%;
}
.box-qa-01 dt a {
  color: #333333;
  text-decoration: none;
}
.box-qa-01 dt span {
  display: block;
  padding: 1em 50px 1em 65px;
  line-height: 1.3;
  background: url(../images/qa_set_01_bg.png) no-repeat 28px 50%;
  font-size: 112.5%;
}
.q01 dt span {
  display: block;
  padding: 1em 40px 1em 65px;
  line-height: 1.3;
  background: url(../images/qa_set_01_bg_01.png) no-repeat 28px 50%;
  font-size: 112.5%;
}
.q02 dt span {
  display: block;
  padding: 1em 40px 1em 65px;
  line-height: 1.3;
  background: url(../images/qa_set_01_bg_02.png) no-repeat 28px 50%;
  font-size: 112.5%;
}
.q03 dt span {
  display: block;
  padding: 1em 40px 1em 65px;
  line-height: 1.3;
  background: url(../images/qa_set_01_bg_03.png) no-repeat 28px 50%;
  font-size: 112.5%;
}
.q04 dt span {
  display: block;
  padding: 1em 40px 1em 65px;
  line-height: 1.3;
  background: url(../images/qa_set_01_bg_04.png) no-repeat 28px 50%;
  font-size: 112.5%;
}
.q05 dt span {
  display: block;
  padding: 1em 40px 1em 65px;
  line-height: 1.3;
  background: url(../images/qa_set_01_bg_05.png) no-repeat 28px 50%;
  font-size: 112.5%;
}
.q06 dt span {
  display: block;
  padding: 1em 40px 1em 65px;
  line-height: 1.3;
  background: url(../images/qa_set_01_bg_06.png) no-repeat 28px 50%;
  font-size: 112.5%;
}
.q07 dt span {
  display: block;
  padding: 1em 40px 1em 65px;
  line-height: 1.3;
  background: url(../images/qa_set_01_bg_07.png) no-repeat 28px 50%;
  font-size: 112.5%;
}
.q08 dt span {
  display: block;
  padding: 1em 40px 1em 65px;
  line-height: 1.3;
  background: url(../images/qa_set_01_bg_08.png) no-repeat 28px 50%;
  font-size: 112.5%;
}
.q09 dt span {
  display: block;
  padding: 1em 40px 1em 65px;
  line-height: 1.3;
  background: url(../images/qa_set_01_bg_09.png) no-repeat 28px 50%;
  font-size: 112.5%;
}
.box-qa-01 dd {
  padding: 1em 15px 1em 65px;
  background: #fff url(../images/blt_a_01.png) no-repeat 28px 1em;
}
.a01 dd {
  padding: 1em 15px 1em 65px;
  background: #fff url(../images/blt_a_01_01.png) no-repeat 28px 1em;
}
.a02 dd {
  padding: 1em 15px 1em 65px;
  background: #fff url(../images/blt_a_01_02.png) no-repeat 28px 1em;
}
.a03 dd {
  padding: 1em 15px 1em 65px;
  background: #fff url(../images/blt_a_01_03.png) no-repeat 28px 1em;
}
.a04 dd {
  padding: 1em 15px 1em 65px;
  background: #fff url(../images/blt_a_01_04.png) no-repeat 28px 1em;
}
.a05 dd {
  padding: 1em 15px 1em 65px;
  background: #fff url(../images/blt_a_01_05.png) no-repeat 28px 1em;
}
.a06 dd {
  padding: 1em 15px 1em 65px;
  background: #fff url(../images/blt_a_01_06.png) no-repeat 28px 1em;
}
.a07 dd {
  padding: 1em 15px 1em 65px;
  background: #fff url(../images/blt_a_01_07.png) no-repeat 28px 1em;
}
.a08 dd {
  padding: 1em 15px 1em 65px;
  background: #fff url(../images/blt_a_01_08.png) no-repeat 28px 1em;
}
.a09 dd {
  padding: 1em 15px 1em 65px;
  background: #fff url(../images/blt_a_01_09.png) no-repeat 28px 1em;
}
.box-qa-01 p.qaLink {
  border-top: 1px solid #a2a8b0;
  background: #ffffff url(../images/com_ic01.png) no-repeat 98% 50%;
}
.box-qa-01 p.qaLink a {
  color: #333333;
  text-decoration: none;
}
.box-qa-01 p.qaLink span {
  display: block;
  padding: 1em 40px 1em 65px;
  line-height: 1.3;
  background: url(../images/qa_set_01_bg.png) no-repeat 28px 50%;
  font-size: 112.5%;
}
.box-01 > *:last-child,
.box-02 > *:last-child,
.box-03 > *:last-child,
.box-important > *:last-child,
.box-notice-01 > *:last-child,
.box-qa-01 > *:last-child,
.box-example-01 > *:last-child {
  margin-bottom: 0;
}

/* 画像配置 */
.lay-pict-caption {
  margin-top: 0.8em;
  line-height: 1.3;
  font-size: 85%;
  text-align: left !important;
}
.lay-pict-r-01 .text ul,
.lay-pict-r-02 .text ul,
.lay-pict-r-03 .text ul,
.lay-pict-r-04 .text ul,
.lay-pict-r-05 .text ul,
.lay-pict-r-06 .text ul,
.lay-pict-r-07 .text ul,
.lay-pict-l-01 .text ul,
.lay-pict-l-02 .text ul,
.lay-pict-l-03 .text ul,
.lay-pict-l-04 .text ul,
.lay-pict-l-05 .text ul,
.lay-pict-l-06 .text ul,
.lay-pict-l-07 .text ul {
  float: left;
}
.lay-pict-r-01 .text ul,
.lay-pict-l-01 .text ul {
  width: 691px;
}
.lay-pict-r-02 .text ul,
.lay-pict-l-02 .text ul {
  width: 750px;
}
.lay-pict-r-03 .text ul,
.lay-pict-l-03 .text ul {
  width: 100%;
}
.lay-pict-r-04 .text ul,
.lay-pict-l-04 .text ul {
  /*
width:px;
*/
}
.lay-pict-r-05 .text ul,
.lay-pict-l-05 .text ul {
  /*
width:px;
*/
}
.lay-pict-r-06 .text ul,
.lay-pict-l-06 .text ul {
  /*
width:px;
*/
}
.lay-pict-r-07 .text ul,
.lay-pict-l-07 .text ul {
  /*
width:px;
*/
}
.lay-pict-r-01 .text .box-notice-01 ul,
.lay-pict-r-01 .text .box-02 ul,
.lay-pict-r-01 .text .box-03 ul,
.lay-pict-r-02 .text .box-notice-01 ul,
.lay-pict-r-02 .text .box-02 ul,
.lay-pict-r-02 .text .box-03 ul,
.lay-pict-r-03 .text .box-notice-01 ul,
.lay-pict-r-03 .text .box-02 ul,
.lay-pict-r-03 .text .box-03 ul,
.lay-pict-r-04 .text .box-notice-01 ul,
.lay-pict-r-04 .text .box-02 ul,
.lay-pict-r-04 .text .box-03 ul,
.lay-pict-r-05 .text .box-notice-01 ul,
.lay-pict-r-05 .text .box-02 ul,
.lay-pict-r-05 .text .box-03 ul,
.lay-pict-r-06 .text .box-notice-01 ul,
.lay-pict-r-06 .text .box-02 ul,
.lay-pict-r-06 .text .box-03 ul,
.lay-pict-r-07 .text .box-notice-01 ul,
.lay-pict-r-07 .text .box-02 ul,
.lay-pict-r-07 .text .box-03 ul,
.lay-pict-l-01 .text .box-notice-01 ul,
.lay-pict-l-01 .text .box-02 ul,
.lay-pict-l-01 .text .box-03 ul,
.lay-pict-l-02 .text .box-notice-01 ul,
.lay-pict-l-02 .text .box-02 ul,
.lay-pict-l-02 .text .box-03 ul,
.lay-pict-l-03 .text .box-notice-01 ul,
.lay-pict-l-03 .text .box-02 ul,
.lay-pict-l-03 .text .box-03 ul,
.lay-pict-l-04 .text .box-notice-01 ul,
.lay-pict-l-04 .text .box-02 ul,
.lay-pict-l-04 .text .box-03 ul,
.lay-pict-l-05 .text .box-notice-01 ul,
.lay-pict-l-05 .text .box-02 ul,
.lay-pict-l-05 .text .box-03 ul,
.lay-pict-l-06 .text .box-notice-01 ul,
.lay-pict-l-06 .text .box-02 ul,
.lay-pict-l-06 .text .box-03 ul,
.lay-pict-l-07 .text .box-notice-01 ul,
.lay-pict-l-07 .text .box-02 ul,
.lay-pict-l-07 .text .box-03 ul {
  float: none;
  width: auto;
}
.lay-pict-r-01.loose .text,
.lay-pict-r-02.loose .text,
.lay-pict-r-03.loose .text,
.lay-pict-r-04.loose .text,
.lay-pict-r-05.loose .text,
.lay-pict-r-06.loose .text,
.lay-pict-r-07.loose .text {
  padding-right: 0 !important;
}
.lay-pict-l-01.loose .text,
.lay-pict-l-02.loose .text,
.lay-pict-l-03.loose .text,
.lay-pict-l-04.loose .text,
.lay-pict-l-05.loose .text,
.lay-pict-l-06.loose .text,
.lay-pict-l-07.loose .text {
  padding-left: 0 !important;
}
/*___ 20100105追加 ___*/

.lay-pict-caption-2 {
  margin: 0.5em 0 1.5em;
  line-height: 1.3;
  font-size: 85%;
  text-align: center !important;
}
/*___ lay-pict-01 ___*/

.lay-pict-01 .text {
  margin-top: 0.8em;
}
/*___ lay-pict-r-01 ___*/

.lay-pict-r-01 .pict,
.lay-pict-r-02 .pict,
.lay-pict-r-03 .pict,
.lay-pict-r-04 .pict,
.lay-pict-r-05 .pict,
.lay-pict-r-06 .pict,
.lay-pict-r-07 .pict {
  float: right;
  margin-left: 30px;
}
.lay-pict-r-01 .pict {
  width: 137px;
}
.lay-pict-r-01 .text {
  padding-right: 170px;
}

@media screen and (max-width: 768px) {
  .lay-pict-r-01 .pict {
    text-align: center;
  }
  .lay-pict-r-01 .pict,
  .lay-pict-r-01 .text {
    width: 100%;
    float: none;
    padding: 0;
    margin: 0 0 1em;
  }
}

/*___ lay-pict-r-02 ___*/

.lay-pict-r-02 .pict {
  width: 226px;
}
.lay-pict-r-02 .text {
  /*
padding-right:241px;
*/
  width: 740px;
  float: left;
}

@media screen and (max-width: 768px) {
  .lay-pict-r-02 .pict {
    text-align: center;
  }
  .lay-pict-r-02 .pict,
  .lay-pict-r-02 .text {
    width: 100%;
    float: none;
    padding: 0;
    margin: 0 0 1em;
  }
}

/*___ lay-pict-r-03 ___*/

.lay-pict-r-03 .pict {
  width: 315px;
  margin-bottom: 1em;
}
.lay-pict-r-03 .text {
  /*
padding-right:330px;
*/
  width: 650px;
  max-width: 100%;
  float: left;
}
@media screen and (max-width: 768px) {
  .lay-pict-r-03 .pict {
    text-align: center;
  }
  .lay-pict-r-03 .pict,
  .lay-pict-r-03 .text {
    width: 100%;
    float: none;
    padding: 0;
    margin: 0 0 1em;
  }
}

/*___ lay-pict-r-04 ___*/

.lay-pict-r-04 .pict {
  width: 275px;
}
.lay-pict-r-04 .text {
  padding-right: 290px;
}

@media screen and (max-width: 768px) {
  .lay-pict-r-04 .pict,
  .lay-pict-r-04 .text {
    width: 100%;
    float: none;
    padding: 0;
    margin: 0 0 1em;
  }
}

/*___ lay-pict-r-05 ___*/

.lay-pict-r-05 .pict {
  width: 79px;
}
.lay-pict-r-05 .text {
  padding-right: 94px;
}
/*___ lay-pict-r-06 ___*/

.lay-pict-r-06 .pict {
  width: 263px;
}
.lay-pict-r-06 .text {
  padding-right: 278px;
}

@media screen and (max-width: 768px) {
  .lay-pict-r-06 .pict,
  .lay-pict-r-06 .text {
    width: 100%;
    float: none;
    padding: 0;
    margin: 0 0 1em;
  }
}

/*___ lay-pict-r-07 ___*/

.lay-pict-r-07 .pict {
  width: 200px;
}
.lay-pict-r-07 .text {
  padding-right: 215px;
}

@media screen and (max-width: 768px) {
  .lay-pict-r-07 .pict {
    text-align: center;
  }
  .lay-pict-r-07 .pict,
  .lay-pict-r-07 .text {
    width: 100%;
    float: none;
    padding: 0;
    margin: 0 0 1em;
  }
}

/*___ lay-pict-l-01 ___*/

.lay-pict-l-01 .pict,
.lay-pict-l-02 .pict,
.lay-pict-l-03 .pict,
.lay-pict-l-04 .pict,
.lay-pict-l-05 .pict,
.lay-pict-l-06 .pict,
.lay-pict-l-07 .pict {
  float: left;
  padding-right: 15px;
}
.lay-pict-l-01 .pict {
  width: 137px;
}
.lay-pict-l-01 .text {
  padding-left: 160px;
}

@media screen and (max-width: 768px) {
  .lay-pict-l-01 .pict {
    text-align: center;
  }
  .lay-pict-l-01 .pict,
  .lay-pict-l-01 .text {
    width: 100%;
    float: none;
    padding: 0;
    margin: 0 0 1em;
  }
}

/*___ lay-pict-l-02 ___*/

.lay-pict-l-02 .pict {
  width: 226px;
}
.lay-pict-l-02 .text {
  padding-left: 241px;
}
.lay-pict-l-02 .text_tkbfx {
  margin: 0;
  padding: 0;
  float: left;
  width: 414px;
}

@media screen and (max-width: 768px) {
  .lay-pict-l-02 .pict,
  .lay-pict-l-02 .text {
    width: 100%;
    float: none;
    padding: 0;
    margin: 0 0 1em;
  }
}

/*___ lay-pict-l-03 ___*/

.lay-pict-l-03 .pict {
  width: 315px;
}
.lay-pict-l-03 .text {
  padding-left: 330px;
}

@media screen and (max-width: 768px) {
  .lay-pict-l-03 .pict,
  .lay-pict-l-03 .text {
    width: 100%;
    float: none;
    padding: 0;
  }
}

/*___ lay-pict-l-04 ___*/

.lay-pict-l-04 .pict {
  width: 275px;
}
.lay-pict-l-04 .text {
  padding-left: 290px;
}
/*___ lay-pict-l-05 ___*/

.lay-pict-l-05 .pict {
  width: 79px;
}
.lay-pict-l-05 .text {
  padding-left: 94px;
}
.lay-pict-r-03 .lay-pict-l-05 .pict {
  padding-left: 0;
  width: 79px;
}
.lay-pict-r-03 .lay-pict-l-05 .text {
  padding-right: 0;
}
/*___ lay-pict-l-06 ___*/

.lay-pict-l-06 .pict {
  width: 263px;
}
.lay-pict-l-06 .text {
  padding-left: 278px;
}
/*___ lay-pict-l-07 ___*/

.lay-pict-l-07 .pict {
  width: 200px;
}
.lay-pict-l-07 .text {
  padding-left: 215px;
}

@media screen and (max-width: 768px) {
  .lay-pict-l-07 .pict {
    text-align: center;
  }
  .lay-pict-l-07 .pict,
  .lay-pict-l-07 .text {
    width: 100%;
    float: none;
    padding: 0;
    margin: 0 0 1em;
  }
}

/*___ lay-pict-l-08 ___*/
/* 315px  */

.lay-pict-l-08 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 4%;
}

.lay-pict-l-08 .pict {
  margin: 0 15px 0 0;
  padding: 0;
  max-width: 315px;
  min-width: 200px;
  width: 35%;
}
.lay-pict-l-08 .text {
  max-width: 590px;
  width: 65%;
}

@media screen and (max-width: 1000px) {
  .lay-pict-l-08 {
    margin: 0 2%;
  }
}
@media screen and (max-width: 768px) {
  .lay-pict-l-08 {
    display: -webkit-block;
    display: block;
    margin: 0 2%;
  }

  .lay-pict-l-08 .pict {
    display: block;
    margin: 0 auto 1em;
    padding: 0;
    max-width: 400px;
    min-width: inherit;
    width: 100%;
  }

  .lay-pict-l-08 .text {
    display: block;
    max-width: inherit;
    width: 100%;
  }
}

/*___ lay-pict-col2-01 ___*/

.lay-pict-col2-01,
.lay-pict-col3-01,
.lay-pict-col4-01 {
  padding: 0;
  /*width:900px;*/
  max-width: 1000px;
  width: 96%;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .lay-pict-col2-01,
  .lay-pict-col3-01,
  .lay-pict-col4-01 {
    /*	  padding: 0;*/
    /* width: 900px; */
    max-width: inherit;
    width: 100%;
    /*overflow: hidden;*/
    /*	  margin-left: auto;*/
    /*	  margin-right: auto;*/
  }
}

.lay-pict-col2-01 .wrap,
.lay-pict-col3-01 .wrap,
.lay-pict-col4-01 .wrap {
  padding-bottom: 0.6em;
  overflow: hidden;
  width: 100%;
  margin: 0 auto; /*width:940px;*/
}
.lay-pict-col2-01 div {
  margin-right: 40px;
  width: 435px;
  float: left;
}
.lay-pict-col2-01 div.last {
  margin-right: 0;
  float: right;
  width: 430px;
}
.lay-pict-col2-01 div.box-01,
.lay-pict-col2-01 div.box-02,
.lay-pict-col2-01 div.box-03,
.lay-pict-col2-01 div.box-important {
  margin-right: 0;
  float: none;
}

@media screen and (max-width: 768px) {
  .lay-pict-col2-01 div {
    margin: 0;
    padding: 0;
    width: auto;
    float: none;
  }
  .lay-pict-col2-01 div .last {
    margin: 0;
    padding: 0;
    width: auto;
    float: none;
  }
}

/*___ lay-pict-col2-02 ___*/

.lay-pict-col2-02,
.lay-pict-col2-03 {
  width: 700px;
}
.lay-pict-col2-02 .pict {
  float: left;
  width: 320px;
  overflow: hidden;
}
.lay-pict-col2-02 .pict div {
  margin-right: 10px;
  float: left;
  width: 150px;
}
.lay-pict-col2-02 .pict .nav-go-01 {
  margin-top: 0.8em;
}
.lay-pict-col2-02 .text {
  float: right;
  width: 378px;
}
/*___ lay-pict-col2-03 ___*/

.lay-pict-col2-03 .pict {
  float: left;
  width: 226px;
}
.lay-pict-col2-03 .pict div {
  float: left;
  width: 110px;
}
.lay-pict-col2-03 .pict div.last {
  margin-left: 6px;
}
.lay-pict-col2-03 .pict .nav-go-01 {
  margin-top: 0.8em;
}
.lay-pict-col2-03 .text {
  float: right;
  width: 462px;
}
/*___ lay-pict-col3-01 ___*/

.lay-pict-col3-01 div {
  margin-right: 40px;
  width: 272px;
  float: left;
}

@media screen and (max-width: 768px) {
  .lay-pict-col3-01 div {
    margin: 0;
    width: auto;
    float: none;
  }
}

/*___ lay-pict-col3-02 ___*/

.lay-pict-col3-02 {
  width: 700px;
  overflow: hidden;
  margin: 0 0 20px 0px;
}
/* 20100928追加 */
*html .lay-pict-col3-02 {
  _margin-bottom: 10px;
}
.lay-pict-col3-02 .wrap {
  width: 700px;
}
.lay-pict-col3-02 div {
  margin-right: 20px;
  width: 220px;
  float: left;
}
.lay-pict-col3-02 .last {
  margin-right: 0 !important;
}
/*___ lay-pict-col3-03 （2013/01/07 追加）___*/

.lay-pict-col3-03 {
  width: 700px;
  overflow: hidden;
  margin: 0 0 20px 0px;
}
*html .lay-pict-col3-03 {
  _margin-bottom: 10px;
}
.lay-pict-col3-03 .wrap {
  width: 700px;
}
.lay-pict-col3-03 div {
  margin-right: 8px;
  width: 169px;
  float: left;
}
.lay-pict-col3-03 .last {
  margin-right: 0 !important;
}
/*___ lay-pict-col4-01 （2013/09/19 追加）___*/

.lay-pict-col4-01 div {
  margin-right: 40px;
  width: 195px;
  float: left;
}
.lay-pict-col4-01 div.last,
.lay-pict-col4-01 div:last-child {
  margin-right: 0;
}

/* バナー設定 */
.banner-01,
.banner-02 {
  padding: 12px 10px;
  background-color: #eee;
  margin-bottom: 1em;
}
.banner-01 .pict,
.banner-02 .pict {
  float: left;
}
.banner-01 .text {
  padding-left: 106px;
}
/*___ banner-02 ___*/
.banner-02 .text {
  font-size:90%;
  padding-left: 170px;
}
/* その他汎用クラス */
.nav-pagetop {
  text-align: right;
  margin-bottom: 0.5em;
}
.nav-pagetop a {
  padding-left: 15px;
  background-repeat: no-repeat;
  background-position: 0 8px;
  background-image: url(../images/arrow_top.png);
}
.nav-pagetop a:hover {
  background-image: url(../images/arrow_top_active.png);
}
/*___ content-digest-03 ___*/
.content-digest-03 {
}
.content-digest-03 .col-1 {
  float: left;
  padding-right: 10px;
}
.content-digest-03 .col-2 {
  float: right;
}
.content-digest-03 .col-1,
.content-digest-03 .col-2 {
  width: 48.3%;
  margin-bottom: 0.5em;
}
.content-digest-03 h2,
.content-digest-03 h3 {
  /*
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 2px solid #4c5866;
	background-color: #f8f9fa;
	margin-bottom:0.8em;
*/
}
.content-digest-03 h2 a,
.content-digest-03 h3 a,
.content-digest-03 h2 span,
.content-digest-03 h3 span {
  display: block;
  padding: 11px 15px 11px 40px;
  background-repeat: no-repeat;
  background-position: 20px 0.95em;
  background-image: url(../images/mark_normal.png);
  font-size: 117.5%;
  color: #333333;
}
.content-digest-03 h2 a,
.content-digest-03 h3 a {
}
.content-digest-03 h2 a:hover,
.content-digest-03 h3 a:hover {
}
.content-digest-03 h2 a img,
.content-digest-03 h3 a img {
  margin-left: 5px;
}
.content-digest-03 .wrap {
  margin-bottom: 2em;
}

@media screen and (max-width: 768px) {
  .content-digest-03 {
    /*
	margin:0 3%;
*/
  }
  .content-digest-03 .wrap {
    margin: 0;
  }
  .content-digest-03 .col-1,
  .content-digest-03 .col-2 {
    width: auto;
    float: none;
    padding: 0;
  }
}

/*___ content-digest-05 ___*/

.content-digest-05 .wrap {
  background: url(../images/box_bg_05.gif) no-repeat 0 100%;
}
.content-digest-05 .wrap.single {
  background: url(../images/box_bg_06.gif) no-repeat 0 100%;
}
.content-digest-05 .inner {
  padding: 0.6em 11px;
}
.content-digest-05 h2,
.content-digest-05 h3 {
  padding: 0.4em 0;
  font-weight: bold;
  border: 1px solid #ccc;
  background: #fefefe url(../images/title_bg_11.gif) repeat-x 0 100%;
  line-height: 1.3;
}
.content-digest-05 h2 a,
.content-digest-05 h3 a {
  padding: 0 12px;
  display: block;
  width: 289px;
}
.content-digest-05 .col-1,
.content-digest-05 .col-2 {
  float: left;
  width: 335px;
}
.content-digest-05 .col-1 {
  margin-right: 20px;
}
/*___ content-digest-07 ___*/
.content-digest-07 {
  width: 628px;
}
.content-digest-07 .col-1,
.content-digest-07 .col-2 {
  float: left;
  width: 305px;
}
.content-digest-07 .col-1 {
  margin-right: 18px;
}
.content-digest-07 .wrap.last {
  margin-bottom: 0;
}
.content-digest-07 h3 {
  margin-bottom: 1em;
}
.title_support_mt15 {
  margin-top: 1.5em;
}
#index-bn {
  margin-bottom: 20px;
  padding: 20px 0 0 15px;
  background: url(../images/dottline01.png) 0 0 repeat-x;
}
#index-bn p {
  float: left;
  padding-right: 11px;
}
#index-bn p.last {
  padding: 0;
}
/*___ flow-01 ___*/

.flow-01 {
}
.flow-01 > dl > dt {
  position: relative;
  min-height: 24px;
  width: 100%;
}
.flow-01 > dl > dt:before {
  position: absolute;
  content: '';
  display: block;
  top: -20px;
  left: 40px;
  width: 1px;
  height: 20px;
  background-color: #333333;
}
.flow-01 > dl > dt:first-child:before {
  display: none;
}
.flow-01 > dl > dt .step {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
.flow-01 > dl > dt .step.additionalStep::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.5;
}
.flow-01 > dl > dt .title {
  display: block;
  box-sizing: border-box;
  margin: 0 0 0 40px;
  padding: 24px 40px 10px 66px;
  background-color: #f8f9fa;
  min-height: 84px;
  font-size: 150%;
  font-weight: bold;
  border-top: solid 4px #fff;
}
.flow-01 > dl > dt:after {
  position: absolute;
  content: '';
  display: block;
  top: 81px;
  left: 40px;
  width: 1px;
  height: 100%;
  background-color: #333333;
}

.flow-01 > dl > dd {
  position: relative;
  margin-left: 40px;
  margin-bottom: 20px;
  padding: 0 40px 40px 66px;
  background-color: #f8f9fa;
}
.flow-01 > dl > dd:before {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background-color: #333333;
}
.flow-01 > dl > dd.last,
.flow-01 > dl > dd:last-child {
}
.flow-01 .title {
}
.flow-01 .step {
}

@media screen and (max-width: 768px) {
  .flow-01 > dl > dt:before {
    left: 20px;
  }
  .flow-01 > dl > dt:after {
    top: 41px;
    left: 20px;
  }
  .flow-01 > dl > dt .step {
    width: 40px;
  }
  .flow-01 > dl > dt .title {
    margin: 0 0 0 20px;
    padding: 24px 15px 10px 32px;
  }
  .flow-01 > dl > dd {
    margin-left: 20px;
    margin-bottom: 20px;
    padding: 0 15px 40px 32px;
  }
}

/*___ flow-02 ___*/

.flow-02,
.flow-03,
.flow-04 {
  position: relative;
  width: 630px;
}
.flow-02 {
  height: 340px;
}
.flow-02 .nth-1,
.flow-02 .nth-2,
.flow-03 .nth-1,
.flow-03 .nth-2,
.flow-04 .nth-1,
.flow-04 .nth-2 {
  position: absolute;
}
.flow-02 dd.nth-1 {
  top: 60px;
}
.flow-02 dt.nth-2,
.flow-03 dt.nth-2,
.flow-04 dt.nth-2 {
  right: 0;
}
.flow-02 dd.nth-2 {
  top: 60px;
  right: 0;
}
/*___ flow-03 ___*/

.flow-03 {
  height: 366px;
}
.flow-03 dd.nth-1,
.flow-04 dd.nth-1 {
  top: 40px;
}
.flow-03 dd.nth-2,
.flow-04 dd.nth-2 {
  top: 40px;
  right: 0;
}
/*___ flow-04 ___*/

.flow-04 {
  height: 421px;
}
/*___ nav-category-01 ___*/

.nav-category-01,
.nav-category-02,
.nav-category-04 {
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}
.nav-category-01 li,
.nav-category-02 li,
.nav-category-04 li {
  float: left;
  line-height: 1.3;
}
.nav-category-01 {
  width: 100%;
}
.nav-category-01 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.nav-category-01 li {
  box-sizing: border-box;
  width: 25%;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.nav-category-01 li a,
.nav-category-02 li a,
.nav-category-04 li a {
  box-sizing: border-box;
  padding: 1em 10px 1em 35px;
  display: block;
  background: url(../images/mark_normal.png) no-repeat 20px 48%;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.nav-category-01 li a {
  text-decoration: none;
  color: #333333;
}
.nav-category-01 li.here a,
.nav-category-01 li a:hover,
.nav-category-01 li a:focus,
.nav-category-01 li a:active,
.nav-category-02 li.here a,
.nav-category-02 li a:hover,
.nav-category-02 li a:focus,
.nav-category-02 li a:active,
.nav-category-04 li.here a,
.nav-category-04 li a:hover,
.nav-category-04 li a:focus,
.nav-category-04 li a:active {
  background: #e5e7eb url(../images/mark_normal.png) no-repeat 20px 48%;
  text-decoration: none;
  font-weight: bold;
  color: #333333;
}

@media screen and (max-width: 768px) {
  .nav-category-01 li {
    width: 50%;
  }
}

/*___ nav-category-02 ___*/
.nav-category-02 {
  width: 738px;
}
.nav-category-02 li {
  width: 245px;
  font-size: 93%;
  background: url(../images/nav_cat_02_bg.gif) no-repeat 100% 100%;
  padding: 0 1px 0 0;
}
.nav-category-02 li a {
  width: 211px;
  text-decoration: none;
}
/*___ nav-category-03 ___*/

.nav-category-03 {
  box-sizing: border-box;
  padding: 30px 30px 20px;
  width: 100%;
  background-color: #f8f9fa;
}
.nav-category-03 .unit {
}
.nav-category-03 .unit.last,
.nav-category-03 .unit:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  background-image: none;
}
.nav-category-03 dt {
  margin-bottom: 1em;
  font-size: 125%;
}
.nav-category-03 .list-arrow-01 {
  margin: 0;
  padding: 0;
}
.nav-category-03 .list-arrow-01 li {
  padding-top: 0.8em;
  margin-bottom: 0.8em;
  margin-left: 30px;
  border-top: 1px solid #dddddd;
  float: left;
  width: 260px;
}
.nav-category-03 .list-arrow-01 li.last {
  margin-left: 0;
}
.nav-category-03 .list-arrow-01 li:first-child {
  margin-left: 0;
}
/*___ nav-category-04 ___*/
.nav-category-04 {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.nav-category-04 li {
  width: 450px;
  background: url(../images/nav_cat_03_bg.gif) no-repeat 100% 100%;
  padding: 0 0 1px 0;
}
.nav-category-04 li a {
  width: 449px;
  text-decoration: none;
}
.box-example-01 {
  padding: 0.6em 7px;
}

@media screen and (max-width: 768px) {
  .nav-category-04 {
    width: 94%;
    margin: 0 auto 2em;
  }
  .nav-category-04 li {
    width: 100%;
  }
  .nav-category-04 li a {
    width: 100%;
    display: block;
  }
}

/*___ nav-subinfo-01 ___*/

.nav-subinfo-01 ul {
  float: right;
}
.nav-subinfo-01 li {
  margin-left: 8px;
  float: left;
  text-align: right;
}
.nav-subinfo-01 img {
  display: block;
}
.nav-subinfo-01 span.nav-go-01 {
  margin: 4px 2px 0 0;
  display: block;
}
/*___ .list-icon-01 ___*/

.list-icon-01 li {
  margin-right: 2px;
  margin-bottom: 0.6em;
  float: left;
}
/*___ box-digest-01 ___*/

.box-digest-01 {
  width: 900px;
}
.box-digest-01 .wrap {
  padding-bottom: 1em;
  position: relative;
}
.box-digest-01 .single {
  background-image: url(../images/box_bg_03.gif);
}
.box-digest-01 .col-1,
.box-digest-01 .col-2 {
  padding: 1em 10px;
  border: 1px solid #ccc;
  width: 420px;
}
.box-digest-01 .col-1 {
  float: left;
}
.box-digest-01 .col-2 {
  float: right;
}
.box-digest-01 .pgh-arrow-01 {
  position: absolute;
  bottom: 0;
}
.box-digest-01 .col-1 .pgh-arrow-01 {
  left: 105px;
}
.box-digest-01 .col-2 .pgh-arrow-01 {
  left: 460px;
}
.box-digest-01 p .text {
  padding-bottom: 1.5em;
  display: block;
  float: right;
  width: 230px;
  line-height: 1.3;
}
.box-digest-01 p span span {
  font-weight: bold;
}
.box-digest-01 p img {
  float: left;
}
.box-digest-01 .ttl {
  margin-bottom: 0.4em;
  padding-left: 6px;
  border-left: 4px solid #999;
  font-weight: bold;
}
/*___ box-digest-02 ___*/

.box-digest-02,
.box-digest-03 {
  padding-bottom: 10px;
  border: 1px solid #ccc;
  position: relative;
  width: 698px;
}
.box-digest-02 .lead,
.box-digest-03 h2,
.box-digest-03 h3 {
  padding: 0.4em 10px;
  background: url(../images/gradation_bg.jpg) no-repeat 0 100%;
  font-size: 133%;
  font-weight: bold;
}
.box-digest-02 h2 {
  margin: 10px 0 0 10px;
}
.box-digest-02 .pgh-arrow-01,
.box-digest-03 .pgh-arrow-01 {
  margin-bottom: 0;
  position: absolute;
  right: 10px;
  bottom: 10px;
}
/*___ box-digest-03 ___*/

.box-digest-03 .text {
  padding: 10px;
}
.box-digest-03 .text span {
  padding-bottom: 1.5em;
  display: block;
  float: right;
  width: 518px;
}
.box-digest-03 .text img {
  float: left;
}
/*___ profile-01 ___*/

.profile-01 {
  padding: 10px 12px 0 12px;
  width: 626px;
  background-color: #eee;
}
.profile-01 div {
  padding-bottom: 10px;
}
.profile-01 p {
  float: left;
}
.profile-01 dl {
  padding-left: 113px;
}
.profile-01 dt {
  margin-bottom: 0.2em;
  font-weight: bold;
}
/*___ profile-02 ___*/

.profile-02 {
  padding: 1em 13px;
  background-color: #eee;
}
.profile-02 h4,
.profile-02 h5 {
  margin-bottom: 0.6em;
  padding-left: 6px;
  border-left: 4px solid #999;
  font-weight: bold;
}
.profile-02 .inner {
  margin-left: 12px;
}
/*___ list-talk-01 ___*/

.list-talk-01 dt,
.list-talk-01 dd {
  margin-bottom: 1em;
}
.list-talk-01 dt {
  float: left;
  font-weight: bold;
}
.list-talk-01 dd {
  padding-left: 4em;
}
/*___ box-summary-01 ___*/

.box-summary-01,
.box-contact-01 {
  width: 900px;
}
.box-summary-01 dl,
.box-contact-01 .inner {
  padding: 0;
}
.box-summary-01 dt,
.box-contact-01 dt,
.list-definition-02 dt {
  margin-bottom: 0.2em;
  padding-left: 18px;
  background: url(../images/blt_dot_02.gif) no-repeat 0 0.5em;
  font-weight: bold;
  font-size: 112.5%;
}
/*___ box-contact-01 ___*/

.box-contact-01 dd {
  margin-left: 12px;
}
.box-contact-01 .mail {
  float: left;
  width: 330px;
}
.box-contact-01 .tel {
  float: right;
  width: 400px;
}
.box-contact-01 .num img {
  margin-right: 2px;
  vertical-align: baseline;
}
.box-contact-01 .pgh-arrow-01 {
  margin-bottom: 0;
}
/*___ box-mobilie-info-01 ___*/

.box-mobilie-info-01 {
  padding: 0.8em 15px 0.8em 15px;
}
.box-mobilie-info-01 dt {
  margin-bottom: 0.8em;
  padding-left: 6px;
  border-left: 4px solid #999;
  font-weight: bold;
}
.box-mobilie-info-01 .qr {
  float: left;
}
.box-mobilie-info-01 .text {
  padding-left: 80px;
}
.box-mobilie-info-01 dd span {
  font-size: 85%;
}
.box-mobilie-info-01 .pgh-plain-02 {
  margin-top: 0.6em;
  margin-bottom: 0;
}
/*___ list-qa-01 ___*/

.list-qa-01 {
  margin-bottom: 1em;
}
.list-qa-01 dt,
.list-qa-01 dd {
  padding-left: 52px;
}
.list-qa-01 dt {
  margin-bottom: 1em;
  text-decoration: underline;
}
.list-qa-01 dd {
  padding-bottom: 1em;
}
.list-qa-01 dt {
  position: relative;
  zoom: 1;
}
.list-qa-01 dt img {
  position: absolute;
  top: 0.1em;
  left: 0;
}
.list-qa-01 dt img.update {
  margin-left: 0.2em;
  position: static;
  vertical-align: top;
}
.list-qa-01 dd {
  margin-bottom: 1em;
}
/*___ fund-digest-01 ___*/

.fund-digest-01 {
  padding-bottom: 1em;
  position: relative;
  width: 700px;
}
.fund-digest-01 h2,
.fund-digest-01 h3 {
  margin: 0.2em 0;
  font-weight: bold;
  font-size: 116%;
}
.fund-digest-01 .text {
  padding-left: 100px;
}
.fund-digest-01 .pict {
  position: absolute;
  top: 1em;
  left: 22px;
}
.fund-digest-01 .pict.lie {
  left: 10px;
}
.fund-digest-01 .genre div.unit {
  margin: 0.8em 0 0 15px;
  float: right;
}
.fund-digest-01 .genre li {
  padding-left: 1px;
  float: left;
}
.fund-digest-01 .box-05 {
  width: 540px;
}
.fund-digest-01 .genre dl {
  background: url(../images/line_07.gif) repeat-y 0 0;
}
.fund-digest-01 .genre dt {
  margin-bottom: 0.2em;
  padding-left: 9px;
  font-size: 85%;
}
.fund-digest-01.v2 .genre {
  /* Ver.2 */
  position: absolute;
  top: 0;
  right: 15px;
}
.fund-digest-01.v2 .text {
  /* Ver.2 */
  width: 560px;
}
/*___ lay-icn-top ___*/

img.lay-icn-top,
img.lay-icn-middle,
img.lay-icn-btm {
  margin-right: 0.2em;
  margin-left: 0.2em;
}
img.lay-icn-top {
  vertical-align: text-top;
}
/*___ lay-icn-middle ___*/

img.lay-icn-middle {
  vertical-align: middle;
}
/*___ lay-icn-btm ___*/

img.lay-icn-btm {
  vertical-align: baseline;
}
/*___ lay-icn-mgn-r ___*/

img.lay-icn-mgn-r {
  margin-right: 8px;
}
/*___ lay-icn-mgn-l ___*/

img.lay-icn-mgn-l {
  margin-left: 8px;
}

/*--------------------------------------------------
テキストリンクのアイコン設定
--------------------------------------------------*/

/* PDFアイコン */
.pdfHref:after {
  position: relative;
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-top: -4px;
  margin-left: 7px;
  background-image: url(../images/pdf.svg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
}

/* 別ウインドウアイコン */
.externalHref:after {
  position: relative;
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  margin-top: -4px;
  margin-left: 7px;
  background-image: url(../fonts/external-link.svg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 15px 15px;
  -moz-background-size: 15px 15px;
  -webkit-background-size: 15px 15px;
}

/* NEWアイコン */
.newHref:after {
  position: relative;
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 27px;
  height: 27px;
  margin-top: -3px;
  margin-left: 8px;
  background-image: url(../fonts/new.svg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 27px 27px;
  -moz-background-size: 27px 27px;
  -webkit-background-size: 27px 27px;
}

/* 動画アイコン */
.movieHref:after {
  position: relative;
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-top: -4px;
  margin-left: 4px;
  background-image: url(../fonts/video-player.svg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  -moz-background-size: 20px 20px;
  -webkit-background-size: 20px 20px;
}

/*--------------------------------------------------
ヘッダー
--------------------------------------------------*/
.is-pc_hd #header {
  width: 100%;
  background-color: #ffffff;
  position: relative;
  z-index: 20;
}
.is-pc_hd #header #headerArea {
}
	.is-pc_hd #header #headerArea #headerInner01 {
		display:flex;
		justify-content:flex-end;
		padding-top:15px;
	}
		.is-pc_hd #header #headerArea #headerInner01 nav {
			display:flex;
		}
	.is-pc_hd #header #headerArea #headerInner02 {
		display:flex;
		justify-content:flex-end;
		padding-top:15px;
	}

/* 表示が崩れている場合 */
.is-pc_hd #reload {
  display: none;
}
/* ロゴ・サイト内検索など */
.is-pc_hd #headerArea {
  box-sizing: border-box;
  position: relative;
  max-width: 1280px;
  width: 98%;
  height: 127px;
  margin: 0 auto;
  padding: 0px;
}
.is-pc_hd #headerArea #siteLogo {
  float: left;
  margin-top: 34px;
}
.is-pc_hd #headerArea #siteLogo a {
  display: block;
  color: #666666;
  font-size: 11px;
}
.is-pc_hd #headerArea #search_box {
  border: 2px solid #d3d3d3;
  border-radius: 3px;
  background: #ffffff;
	position:relative;
	margin-left:10px;
	height:fit-content;
}
.is-pc_hd #headerArea #search_box form {
	padding-left:36px;
}
.is-pc_hd #headerArea #search_box .askform-txt {
  color: #c5c5c5;
}
.is-pc_hd #headerArea #search_box .askform-txt input {
  border: none;
  outline: none;
  box-sizing: border-box;
  width: 130px;
  height: 26px;
  padding: 2px 0 2px 10px;
  font-size: 12px;
  text-align: left;
  background-color: #ffffff;
}
.is-pc_hd #headerArea #search_box .askform-txt input::placeholder {
  color: #c5c5c5;
}
.is-pc_hd #headerArea #search_box .askform-btn {
	position:absolute;
	top:0;
	left:0;
}
.is-pc_hd #headerArea #search_box .askform-btn input {
  border: none;
  width: 36px;
  height: 26px;
  background: url(../images/btn_search.png) no-repeat 0 0;
  background-size: 30px 26px;
  cursor: pointer;
  text-indent: -9999px;
  overflow: hidden;
  outline: none;
}
.is-pc_hd #loginBtn,
.is-pc_hd #acBtn {
  display: block;
}
.is-pc_hd #loginBtnSub,
.is-pc_hd #acBtnSub {
  display: none;
}

.is-pc_hd #loginBtn {
  margin-left: 5px;
}
.is-pc_hd #loginBtn a,
.is-pc_hd #loginBtnSub a {
  box-sizing: border-box;
  float: right;
  display: block;
  width: 90px;
  height: 45px;
  line-height: 45px;
  background-color: #333333;
  color: #ffffff;
  font-size: 100%; /* 16px */
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.is-pc_hd #loginBtn a:hover,
.is-pc_hd #loginBtnSub a:hover {
  color: #747474;
  background-color: #333333;
  text-decoration: none;
}
.is-pc_hd #acBtn,
.is-pc_hd #acBtnSub {
  margin-left: 10px;
}
.is-pc_hd #acBtn a,
.is-pc_hd #acBtnSub a {
  box-sizing: border-box;
  float: right;
  display: block;
  width: 120px;
  height: 45px;
  line-height: 45px;
  background-color: #d31328;
  color: #ffffff;
  font-size: 100%; /* 16px */
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.is-pc_hd #acBtn a:hover,
.is-pc_hd #acBtnSub a:hover {
  color: #750112;
  background-color: #d31328;
  text-decoration: none;
}

.is-pc_hd #infoLink {
	display:flex;
	justify-content:flex-end;
}

.is-pc_hd #infoLink li {
  position: relative;
	margin-top:3px;
}

.is-pc_hd #infoLink li:first-child:before,
.is-pc_hd #infoLink li:nth-child(2):before {
  display: none;
}

.is-pc_hd #infoLink li a {
  display: inline-block;
  padding: 2px 8px;
  margin: 0px;
  font-size: 75%; /* 12px */
  color: #333333;
}

.is-pc_hd #infoLink li a:hover {
  color: #8b8b8b;
  text-decoration: none;
}

/* グローバルナビ */
.is-pc_hd #gNav {
	margin-top:15px;
}
.is-pc_hd #gNav ul {
	display:flex;
}
.is-pc_hd #gNav li {
  margin: 0 10px;
  position: relative;
}
#gNav > ul > li:before {
  position: absolute;
  right: -10px;
  top: 0;
  content: '';
  height: 16px;
  width: 1px;
  background-color: #d3d3d3;
}
#gNav > ul > li:last-child:before {
  display: none;
}
.is-pc_hd #gNav li a {
  color: #000000;
}
.is-pc_hd #gNav li a:hover {
  color: #ba001b;
  text-decoration: none;
}
#corporate_reason_index #gNav li#gNavReason > a,
.beginner #gNav li#gNavBeginner > a,
.tradeinfo #gNav li#gNavTradeinfo > a,
.tradetools #gNav li#gNavTradetools > a,
.cost #gNav li#gNavCost > a,
.camp #gNav li#gNavCampaign > a,
.seminar #gNav li#gNavSeminar > a,
.support #gNav li#gNavSupport > a,
.qa #gNav li#gNavQa > a {
  color: #df0025;
  text-decoration: none;
}
#gNav li dl {
  display: none;
  width: 200px;
  position: absolute;
  z-index: 10;
  border: solid 1px #7f7f7f;
  margin-top: 3px;
  background-color: #ffffff;
  box-shadow: 0 0 3px #bbb;
  -moz-box-shadow: 0 0 3px #bbb;
  -webkit-box-shadow: 0 0 3px #bbb;
}
#gNav li dl dt {
  margin-bottom: 10px;
}
#gNav li dl dt a {
  color: #df0025;
  font-weight: bold;
  display: block;
  padding: 10px 5px 7px 12px;
  background: #f3f3f3 url(../images/arrow02.png) 96% 50% no-repeat;
}
#gNav li dl dt a:hover {
  background-color: #ffdbd5;
  background-position: 97% 50%;
}
#gNav li dl dd {
}
#gNav li dl dd:last-child a {
  padding-bottom: 18px;
}
#gNav li dl dd a {
  color: #df0025 !important;
  font-size: 13px;
  display: block;
  padding: 6px 5px 6px 27px;
  background: url(../images/popmenuico.png) 15px 7px no-repeat;
}
#gNav li dl dd a:hover {
  text-decoration: underline !important;
}

@media print, screen and (max-width: 1310px) {
	.is-pc_hd #gNav li {
		margin: 0 8px;
	}
}

@media print, screen and (max-width: 1280px) {
  /* ログイン・口座開設 ボタン左へ移動 */
  .is-pc_hd #loginBtn,
  .is-pc_hd #acBtn {
    display: none;
  }
  .is-pc_hd #loginBtnSub,
  .is-pc_hd #acBtnSub {
    display: block;
  }

	.is-pc_hd #gNav {
		margin-top:0;
	}
	.is-pc_hd #infoLink li {
		margin-top:0;
	}

  .is-pc_hd #infoLink {
    width: 350px;
    flex-wrap: wrap;
  }
  .is-pc_hd #infoLink li {
  }

  /* グローバルナビ */
  .is-pc_hd #gNav {
  }
}

/* 取扱商品ナビ */
#productsNav {
  width: 100%;
  height: 40px;
  background-color: #ba001b; /*border-bottom: 1px solid #cccccc;*/
}
#productsNav > dl {
  box-sizing: border-box;
  max-width: 1280px;
  width: 100%;
  /*height: 60px;*/
  height: 40px;
  margin: 0 auto;
  /*padding: 0 40px;*/
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
#productsNav > dl dt {
  width: 70px;
  vertical-align: middle;
  display: table-cell;
}
#productsNav > dl dt span {
  padding: 2px 5px;
  background-color: #ffffff;
  text-align: center;
  font-size: 87.5%;
}
#productsNav > dl dd {
  -webkit-flex-grow: 1;
  -ms-flex-grow: 1;
  flex-grow: 1;
}
#productsNav > dl dd > ul#productsNavList {
  /*height: 60px;*/
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: start;
  justify-content: center;
}
#productsNav > dl dd > ul#productsNavList > li {
  box-sizing: border-box;
  /*cursor: pointer;*/
  /*position: relative;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  /*padding: 0 5px;*/
  margin: 0 15px;
  padding: 3px 0 0 0;
  border-bottom: 3px solid #ba001b;
}

@media print, screen and (max-width: 1110px) {
	#productsNav > dl dd > ul#productsNavList > li {
		margin: 0 12px;
	}
}

#productsNav > dl dd > ul#productsNavList > li.active {
  border-bottom: 3px solid #ffffff;
}
#productsNav > dl dd > ul > li:hover a,
#productsNav > dl dd > ul > li.active a,
#productsNav > dl dd > ul > li.current a {
  /*color: #e00025;*/
  color: #ffffff;
  text-decoration: none;
}
#productsNav > dl dd > ul > li:hover:after,
#productsNav > dl dd > ul > li.active:after {
  /* display: block;
	position: absolute;
	left: 0; */
  /*bottom: -1px;*/
  /* bottom: 0px;
	content: ""; */
  /*background: url(../images/com_ic20.png) no-repeat 50% 100%; */
  /* text-align: center;
	width: 100%;
	height: 3px; */
  /*		border-bottom: 2px solid #e00025;*/
  /* border-bottom: 3px solid #ffffff; */
}
/*	#productsNav > dl dd > ul > li:before {
		position: absolute;
		right: 0;
		top: 40%;
		content: "";
		height: 15px;
		width: 1px;
		background-color: #dddddd;
	}
*/
#productsNav > dl dd > ul > li:last-child:before {
  display: none;
}
#productsNav > dl dd > ul > li a {
  box-sizing: border-box;
  display: block;
  padding: 0 15px;
  font-size: 14px;
  /*	color:#000000;*/
  color: #ffffff;
}
#productsNav > dl dd > ul > li a:focus {
  outline: auto;
}
#productsNav > dl dd > ul > li a span {
  font-size: 11px;
}
#menuLocal02 {
  display: none;
}

@media print, screen and (max-width: 1300px) {
  #productsNav > dl dd > ul > li {
    margin: 0 5px;
  }
  #productsNav > dl dd > ul > li a {
    padding: 0 3px;
    font-size: 13px;
  }
}

@media print, screen and (max-width: 1280px) {
  /* .is-sp_hd header */
  .gnav {
    border-top: 2px solid #df0025;
    background-color: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 60px;
  }
  .gnavLogo {
    padding-top: 19px;
    padding-left: 10px;
    width: 45%;
    max-width: 165px;
  }
  .gnavLogo img {
    width: 100%;
  }
  .gnavUtil {
    height: 100%;
    display: -webkit-flex;
    display: flex;
  }
  .gnavSwitch {
    position: relative;
    display: -webkit-flex;
    display: flex;
  }
  .gnavSwitch a {
    position: relative;
    width: 55px;
    /*	width: 45px;*/
    /*border-left: 1px solid #dddddd;*/
    display: block;
    padding: 35px 5px 7px;
    font-size: 10px;
    color: #555;
    text-align: center;
  }
  .gnavSwitch a:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: 15px;
    /*top: 50%;*/
    left: 50%;
    width: 14px;
    height: 14px;
    /*		margin-top: -14px;*/
    margin-left: -8px;
    background-repeat: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  .gnavSwitch.is-login a:before {
    background-image: url(../images/com_ic26.png);
  }
  /*.gnavSwitch.is-search a:before {
		background-image: url(../images/com_ic27.png);
	}*/
  /*.gnavSwitch.is-menu a:before {
		background-image: url(../images/com_ic25.png);
	}*/

  .gnavSwitch a em {
    font-style: normal;
  }

  .gnavSwitch.is-current {
    background-color: #363e48;
    z-index: 10005;
    height: 100%;
  }
  .gnavSwitch.is-current > a {
    border-color: #373737;
    color: #363e48;
    background-color: #363e48;
    height: 100%;
  }
  .gnavSwitch.is-current a:before {
    top: 18px;
    background-image: url(../images/com_ic30.png);
    width: 26px;
    height: 27px;
  }
  .gnavSwitch button {
    margin: 0;
    padding: 0;
    width: 65px;
    border: 0;
    background-color: transparent;
  }
  .gnavSwitch .is-search_open {
    position: relative;
    border: 0;
    display: block;
    padding: 35px 5px 8px;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-size: 10px;
    color: #555;
    text-align: center;
    background-color: #ffffff;
    overflow: hidden;
  }
  .gnavSwitch .is-search_open::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    margin: 13px auto auto;
    display: block;
    text-align: center;
    width: 14px;
    height: 14px;
    background-image: url(../images/com_ic27.png);
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .gnavSwitch .is-search_open::after {
    block-size: 0;
    content: attr(data-text);
    display: block;
    visibility: hidden;
  }
  .gnavSwitch .is-search_open.is-current {
    display: none;
  }
  .gnavSwitch .is-search_close {
    display: none;
  }
  .gnavSwitch .is-search_close.is-current {
    position: relative;
    display: block;
    border: 0;
    border-left: 1px solid #373737;
    color: #ffffff;
    background-color: #363e48;
    padding: 0;
  }
  .gnavSwitch .is-search_close.is-current {
    border: 0;
    border-left: 1px solid #373737;
    display: block;
    padding: 35px 5px 8px;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-size: 10px;
    text-align: center;
    overflow: hidden;
  }
  .gnavSwitch .is-search_close.is-current::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    margin: 13px auto auto;
    display: block;
    text-align: center;
    width: 16px;
    height: 16px;
    background-image: url(../images/com_ic31.png);
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .gnavSwitch .is-search_close.is-current::after {
    block-size: 0;
    content: attr(data-text);
    display: block;
    visibility: hidden;
    color: #ffffff;
  }

  .gnavSwitch .is-menu_open {
    position: relative;
    border: 0;
    display: block;
    padding: 35px 5px 8px;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-size: 10px;
    color: #555;
    text-align: center;
    background-color: #ffffff;
    overflow: hidden;
  }
  .gnavSwitch .is-menu_open::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    margin: 13px auto auto;
    display: block;
    text-align: center;
    width: 14px;
    height: 14px;
    background-image: url(../images/com_ic25.png);
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .gnavSwitch .is-menu_open::after {
    block-size: 0;
    content: attr(data-text);
    display: block;
    visibility: hidden;
  }
  .gnavSwitch .is-menu_open.is-current {
    display: none;
  }
  .gnavSwitch .is-menu_close {
    display: none;
  }
  .gnavSwitch .is-menu_close.is-current {
    position: relative;
    display: block;
    border: 0;
    border-left: 1px solid #373737;
    color: #ffffff;
    background-color: #363e48;
    padding: 0;
  }
  .gnavSwitch .is-menu_close.is-current {
    border: 0;
    border-left: 1px solid #373737;
    display: block;
    padding: 35px 5px 8px;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'sans-serif';
    font-size: 10px;
    text-align: center;
    overflow: hidden;
  }
  .gnavSwitch .is-menu_close.is-current::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    margin: 13px auto auto;
    display: block;
    text-align: center;
    width: 14px;
    height: 14px;
    background-image: url(../images/com_ic31.png);
    background-size: 100% auto;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .gnavSwitch .is-menu_close.is-current::after {
    block-size: 0;
    content: attr(data-text);
    display: block;
    visibility: hidden;
    color: #ffffff;
  }

  .gnavSearch + * {
    margin-top: 20px;
  }
  .gnavSearch input[type='text'] {
    width: calc(100% - 50px);
    float: left;
    display: block;
    padding: 5px;
    box-sizing: border-box;
    -webkit-appearance: none;
    border-radius: 0;
    height: 50px;
    background-color: #fff;
    font-size: 1.6rem;
    border: none;
  }
  .gnavSearch input::-webkit-input-placeholder {
    color: #cccccc;
  }
  .gnavSearch input::-moz-placeholder {
    color: #cccccc;
  }
  .gnavSearch input:-ms-input-placeholder {
    color: #cccccc;
  }
  .gnavSearch input:focus::-webkit-input-placeholder {
    opacity: 0;
  }
  .gnavSearch input:focus::-moz-placeholder {
    opacity: 0;
  }
  .gnavSearch input[type='submit'] {
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    width: 50px;
    float: left;
    display: block;
    -webkit-appearance: none;
    border-radius: 0;
    height: 50px;
    background-color: #fff;
    border: none;
    background: #fff url(../images/com_ic27.png) 50% 50% no-repeat;
    -webkit-background-size: 26px auto;
    background-size: 26px auto;
    color: #fff;
  }
  .gnavContents {
    position: absolute;
    position: fixed;
    top: 60px;
    left: 0;
    width: 100%;
    height: calc(100% - 60px);
    /*height: calc(100vh - 130px);*/
    overflow-x: hidden;
    overflow-y: scroll;
    display: none;
    background: #363e48;
    z-index: 10005;
  }
  .gnavContents#gnavWrap01 {
    width: 100%;
    height: 100%;
    overflow-y: auto;
  }
  .gnavHome {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 60px;
    width: calc(100% - 65px);
    background-color: #4c5866;
    z-index: 10005;
    align-items: center;
  }
  .gnavHome.is-current {
    -webkit-display: flex;
    display: flex;
  }
  .gnavHome > a {
    display: block;
    width: 100%;
    padding: 15px 15px 15px 40px;
    color: #fff;
  }
  .gnavHome > a:before {
    position: absolute;
    top: 50%;
    left: 15px;
    content: '';
    display: block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    margin-top: -8px;
    background: url(../images/com_ic32.png) 0 0 no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  .gnavTop {
    padding: 15px;
  }

  /* naviArea */
  .naviArea > ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .naviArea > ul > li {
    width: 50%;
  }
  .naviArea > ul > li > a {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    /*width: 100%;*/
    height: 75px;
    padding: 0 1em;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
  }
  .naviArea > ul > li > a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 5px;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border-top: 1px solid #e00025;
    border-right: 1px solid #e00025;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .naviArea > ul > .account > a {
    background-color: #e00025;
  }
  .naviArea > ul > .login > a {
    background-color: #20252a;
  }
  .naviArea > ul > .account > a:before {
    border-color: #fff;
  }

  #gnavMiddle {
    display: -webkit-flex;
    display: flex;
    flex-wrap: nowrap;
  }
  #gnavMain,
  #gnavSub {
    flex-shrink: 0;
    width: 100vw;
    background-color: #363e48;
    transition: ease all 0.3s;
  }
  #gnavSub {
    opacity: 0;
  }
  .is-current-sub #gnavMain {
    margin-left: -100vw;
    transition: ease all 0.3s;
  }
  .is-current-sub #gnavSub {
    opacity: 1;
    transition: ease all 0.3s;
  }
  .gnavAside {
    display: block;
    padding: 25px 10px 40px;
  }
  .gnavListLv01 > li,
  .gnavListLv02 > li {
    border-top: 1px solid #2e353d;
  }
  .gnavListLv01 > li > a,
  .gnavListLv02 > li > a {
    border-top: 1px solid #5e656d;
    position: relative;
    display: block;
    color: #fff;
    padding: 18px 15px;
    font-size: 1.6rem;
  }
  .gnavListLv02 {
    display: none;
  }
  .gnavListLv02.is-current {
    display: block;
  }
  .gnavListLv02 > li.gnavParents > a {
    position: relative;
    font-size: 1.6rem;
  }
  .gnavListLv02 > li.gnavParents > a:before {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 15px;
    display: block;
    content: '';
    width: 10px;
    height: 19px;
    background: url(../images/com_ic01.png) 0 0 no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  .gnavListLv02 > li > a {
    padding: 14px 15px 14px 35px;
    font-size: 1.4rem;
  }
  .gnavListLv01 > li:last-child,
  .gnavListLv02 > li:last-child {
    border-bottom: 1px solid #5e656d;
  }
  .gnavListLv01 > li:last-child > a,
  .gnavListLv02 > li:last-child > a {
    border-bottom: 1px solid #2e353d;
  }
  .gnavListLv01 > li > a:before {
    position: absolute;
    top: 50%;
    right: 10px;
    content: '';
    width: 11px;
    height: 20px;
    display: block;
    transform: translateY(-50%);
    background: url(../images/com_ic18_sp.png) 0 0 no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  .gnavListLv03 {
    display: -webkit-flex;
    display: flex;
    justify-content: space-around;
    width: 90%;
    margin: 0 auto;
  }
  .gnavListLv03 > li > a {
    position: relative;
    padding-left: 15px;
    color: #fff;
    font-size: 1.3rem;
  }
  .gnavListLv03 > li > a:before {
    position: absolute;
    display: block;
    top: 50%;
    left: 0;
    content: '';
    width: 7px;
    height: 12px;
    margin-top: -6px;
    background: url(../images/com_ic01.png) 0 0 no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  .gnavPrev {
    margin: 0 0 15px;
    padding: 0 10px;
  }
  .gnavPrev a {
    display: block;
    position: relative;
    padding-left: 15px;
    font-size: 1.3rem;
    color: #fff;
  }
  .gnavPrev a:before {
    position: absolute;
    content: '';
    display: block;
    top: 50%;
    left: 0;
    transform: translateY(-50%) rotate(180deg);
    width: 6px;
    height: 11px;
    background: url(../images/com_ic01.png) 0 0 no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }

  .gnavClose {
    display: block;
    width: 185px;
    min-width: 185px;
    margin: 30px auto 0;
    border: 0;
    background-color: transparent;
  }
  .gnavClose .closeBtn {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0px;
    font-size: 1.4rem;
    border: 1px solid #5e656d;
    color: #fff;
    text-align: center;
  }
  .gnavClose .closeBtn:before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    width: 11px;
    height: 11px;
    background: url(../images/com_ic31.png) 0 0 no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }

  /* javascript */
  html.js-gnav-opend body {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  .js-ofScrolling {
    -webkit-overflow-scrolling: touch;
  }
  #js-gnavOvarlay {
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 10000;
    width: 100vw;
    height: 0vh;
    opacity: 0;
    overflow: hidden;
    background-color: transparent;
    -webkit-transition: opacity ease 0.3s;
    transition: opacity ease 0.3s;
  }
  #js-gnavOvarlay.is-current {
    height: 100vh;
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: opacity ease 0.3s;
    transition: opacity ease 0.3s;
  }
  /* clearfix */
  .gnavSearch:after,
  #footerLink01:after {
    content: '';
    display: block;
    clear: both;
  }
}

/* sp ページ内ナビゲーション
----------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1050px) {
  .menu {
    position: relative;
  }

  .menu.is-sp {
    display: block;
  }

  #pageNav {
    overflow: hidden;
    width: 100%;
    padding: 10px 0;
    background: #ffffff;
    position: absolute;
    z-index: 999;
    border-bottom: 2px solid #d5d5d5;
  }

  #pageNav ul li {
    margin: 0 10px;
    border-bottom: 2px dotted #d5d5d5;
  }

  #pageNav ul li:last-child {
    border-bottom: none;
  }

  #pageNav ul li a {
    position: relative;
    display: block;
    padding: 10px;
    font-size: 18px;
    color: #454545;
  }

  #pageNav ul li a:after {
    position: absolute;
    content: '';
    top: 50%;
    right: 10px;
    margin-top: -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8px;
    border-color: transparent transparent transparent #454545;
    line-height: 0px;
    _border-color: #000000 #000000 #000000 #454545;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
  }

  #pageNav ul.pickup {
    margin: 10px 10px 0;
    background-color: #f6f6f6;
  }
  #pageNav ul.pickup li {
    border-bottom: solid 1px #d5d5d5;
  }
  #pageNav ul.pickup li:last-child {
    border-bottom: none;
  }
  #pageNav ul.pickup li a {
    font-size: 15px;
    padding: 10px 20px 10px 10px;
  }

  #sp-icon {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0px;
    top: 0px;
    top: -70px;
    z-index: 999;
  }
  button#sp-icon {
    background: none;
    border: none;
    top: -58px;
  }

  #sp-icon:hover {
    cursor: pointer;
    opacity: 1;
  }

  #sp-icon span,
  #sp-icon span:before,
  #sp-icon span:after {
    display: inline-block;
    width: 20px;
    height: 2px;
    background: #ffffff;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.3s;
  }
  button#sp-icon span,
  button#sp-icon span:before,
  button#sp-icon span:after {
    right: 0;
  }

  #sp-icon span {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }

  #sp-icon span:before {
    content: '';
    transform: translateY(0px) rotate(90deg);
  }

  .sp-open span {
    background: transparent !important;
  }

  .sp-open span:before {
    transform: rotate(-180deg) !important;
  }
}

/* パンくずリスト
----------------------------------------------------------------------------------------------*/
nav.bread {
  width: 100%;
}
#pan {
  box-sizing: border-box;
  max-width: 1280px;
  width: 98%;
  font-size: 75%;
  margin: 0 auto 15px;
  padding: 10px 0 0;
  line-height: 2.5;
}
#pan li {
  /*float:left;*/
  display: inline-block;
  margin-right: 12px;
  color: #fff;
}
#pan li:after {
  color: #cccccc;
  content: '　>';
}
#pan li:last-child {
  color: #cccccc;
  margin-right: 0;
}
#pan li:last-child:after {
  content: '';
}
#pan a {
  display: inline-block;
  color: #ffffff;
  text-decoration: underline;
}
#pan p {
  display: inline-block;
  color: #ffffff;
}
#pan a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 1050px) {
  .breadcrumbs {
    position: relative;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  nav.bread {
    width: 100%;
    white-space: nowrap;
  }

  #pan {
    box-sizing: border-box;
    max-width: inherit;
    width: 100%;
    margin: 0 auto 10px;
    padding: 10px 10px 0;
  }
}
@media screen and (max-width: 768px) {
  #pan {
    box-sizing: border-box;
    max-width: inherit;
    width: 100%;
    margin: 0 auto 5px;
    padding: 5px 10px 0;
  }
  #pan li {
    margin-right: 1px;
  }
  #pan li:after {
    content: ' >';
  }
}

/* フッター
----------------------------------------------------------------------------------------------*/
#footCvArea {
  position: relative;
  margin-bottom: 90px;
  padding-top: 30px;
  padding-bottom: 80px;
  width: 100%;
  background-color:#f6f6f6;
}

#footCvArea #footCvHead {
	text-align:center;
	color:#ba001b;
	font-weight:bold;
	margin-bottom:0.5em;
	font-size:20px;
	font-size:2.0rem;
}
	#footCvArea #footCvHead span {
	}

#footCvArea #footCvBlock01 {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto 80px;
}

#footCvArea #tab-footCv-2 #footCvBlock01 {
  margin: 0 auto;
}

#footCvArea #footCvBlock01 > .colWrap {
  margin-top: 0;
}

#footCvArea #footCvBlock01 .cvBtn01 {
  max-width: 415px;
  width: 100%;
  margin: 0 auto 10px;
}

#footCvArea #footCvBlock01 .cvBtn02 {
  max-width: 415px;
  width: 100%;
  margin: 0 auto 10px;
}

#footCvArea #footCvBlock01 .pgh-arrow-08 a {
  font-size: 14px;
  font-size: 1.4rem;
  color: #e00025;
}

#footCvArea #footCvBlock01 .pgh-arrow-09 a:hover:before {
  border-color: transparent transparent transparent #ba001b;
}

/* 口座開設からお取引までの流れ */
#footCvArea #footCvArea .flow-list {
  margin-bottom: 50px;
}

#footCvArea .flow-list .flow-list_title {
  margin-bottom: 15px;
  text-align: center;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 1px;
}

#footCvArea .flow-list .flow-list__item_step {
  position: relative;
  display: table;
  width: 90%;
  min-height: 100px;
  height: 100%;
  margin: 0 auto 40px auto;
  background-color: #ffffff;
}

#footCvArea .flow-list .flow-list__item_step:before {
  position: absolute;
  content: '';
  bottom: -16px;
  left: 0;
  right: 0;
  width: 0px;
  height: 0px;
  margin: 0 auto;
  border-style: solid;
  border-width: 16px 14px 0 14px;
  border-color: #ffdfe3 transparent transparent transparent;
  line-height: 0px;
  _border-color: #ffdfe3 #000000 #000000 #000000;
  _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}

#footCvArea .flow-list .flow-list__item_step:last-child:before {
  display: none;
}

#footCvArea .flow-list .flow-list__item_step .flow-item-list__number {
  display: table-cell;
  padding-top: 3px;
  width: 80px;
  text-align: center;
  font-size: 12px;
  color: #ffffff;
  background-color: #747474;
  vertical-align: middle;
}

#footCvArea .flow-list .flow-list__item_step .flow-item-list__number span {
  display: block;
  padding-top: 5px;
  text-align: center;
  font-size: 30px;
}

#footCvArea .flow-list .flow-list__item_step .flow-item-list__img {
  display: table-cell;
  width: 100px;
  vertical-align: middle;
  background-color: #ffffff;
}

#footCvArea .flow-list .flow-list__item_step .flow-item-list__lead {
  display: table-cell;
  padding: 15px 0;
  width: cala(100% - 180px);
  vertical-align: middle;
  background-color: #ffffff;
}

#footCvArea .flow-list .flow-list__item_step .flow-item-list__lead dl dt {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
}

#footCvArea .flow-list .flow-list__item_step .flow-item-list__lead dl dd {
  font-size: 14px;
  line-height: 1.4;
  padding-right: 3em;
}

/* svg */
#footCvArea .flow-list .flow-list__item_step .flow-item-list__img {
  width: 20%;
  text-align: center;
}
#footCvArea .flow-list .flow-list__item_step .flow-item-list__img svg.step-01 {
  height: 60px;
}
#footCvArea .flow-list .flow-list__item_step .flow-item-list__img svg.step-02 {
  width: 58px;
}
#footCvArea .flow-list .flow-list__item_step .flow-item-list__img svg.step-03 {
  width: 50px;
  height: 28px;
}
#footCvArea .flow-list .flow-list__item_step .flow-item-list__img svg.step-04 {
  width: 56px;
  height: 32px;
}
#footCvArea .flow-list .flow-list__item_step .flow-item-list__img svg.step-05 {
  width: 56px;
  height: 32px;
}

#footCvArea .flow-list .flow-list__item_step .flow-item-list__img .svg-step01-color-01 {
  fill: #fff;
  fill-opacity: 0;
  stroke: #df0429;
  stroke-linejoin: round;
  stroke-width: 4px;
}
#footCvArea .flow-list .flow-list__item_step .flow-item-list__img .svg-step01-color-02 {
  fill: #df0429;
}
#footCvArea .flow-list .flow-list__item_step .flow-item-list__img .svg-step02-color-01 {
  fill: #fff;
  fill-opacity: 0;
  stroke: #df0429;
  stroke-linejoin: round;
  stroke-width: 4px;
}
#footCvArea .flow-list .flow-list__item_step .flow-item-list__img .svg-step02-color-02 {
  fill: #df0429;
  fill-rule: evenodd;
}
#footCvArea .flow-list .flow-list__item_step .flow-item-list__img .svg-step03-color-01,
.svg-step03-color-02 {
  fill: #fff;
  fill-opacity: 0;
  stroke: #df0429;
  stroke-linejoin: round;
  stroke-width: 5px;
}
#footCvArea .flow-list .flow-list__item_step .flow-item-list__img .svg-step03-color-02 {
  fill-rule: evenodd;
}
#footCvArea .flow-list .flow-list__item_step .flow-item-list__img .svg-step04-color-01 {
  fill: #fff;
  fill-opacity: 0;
  stroke: #df0429;
  stroke-linejoin: round;
  stroke-width: 5px;
}
#footCvArea .flow-list .flow-list__item_step .flow-item-list__img .svg-step04-color-01,
#footCvArea .flow-list .flow-list__item_step .flow-item-list__img .svg-step04-color-02 {
  fill-rule: evenodd;
}

#footCvArea .flow-list .flow-list__item_step .flow-item-list__img .svg-step04-color-02 {
  fill: #df0429;
}
#footCvArea .flow-list .flow-list__item_step .flow-item-list__img .svg-step05-color-01 {
  fill: #fff;
  fill-opacity: 0;
  stroke: #df0429;
  stroke-linejoin: round;
  stroke-width: 4px;
}
#footCvArea .flow-list .flow-list__item_step .flow-item-list__img .svg-step05-color-01,
#footCvArea .flow-list .flow-list__item_step .flow-item-list__img .svg-step05-color-02 {
  fill-rule: evenodd;
}

#footCvArea .flow-list .flow-list__item_step .flow-item-list__img .svg-step05-color-02 {
  fill: #df0429;
}

@media print, screen and (max-width: 768px) {
  #footCvArea {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 20px;
    width: 100%;
  }

  #footCvArea #footCvBlock01 {
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto 40px;
  }

  #footCvArea #tab-footCv-2 #footCvBlock01 {
    margin: 0 auto;
  }

  #footCvArea #footCvBlock01 > .colWrap {
    margin-top: 0;
  }

  #footCvArea #footCvBlock01 .cvBtn01 {
    max-width: inherit;
    width: 78%;
    margin: 0 auto 10px;
  }

  #footCvArea #footCvBlock01 .cvBtn02 {
    max-width: inherit;
    width: 78%;
    margin: 0 auto 10px;
  }

  #footCvBlock01 .pgh-arrow-08 a {
    font-size: 14px;
    font-size: 1.4rem;
    color: #e00025;
  }

  #footCvBlock01 .pgh-arrow-09 a:hover:before {
    border-color: transparent transparent transparent #333333;
  }

  /* 口座開設からお取引までの流れ */
  #footCvArea .flow-list {
    margin-bottom: 30px;
  }

  #footCvArea .flow-list .flow-list_title {
    margin-bottom: 10px;
    font-size: 22px;
    font-size: 2.2rem;
  }

  #footCvArea .flow-list .flow-list__item_step {
    width: 94%;
    margin: 0 auto 30px auto;
  }

  #footCvArea .flow-list .flow-list__item_step:before {
    position: absolute;
    content: '';
    bottom: -16px;
    left: 0;
    right: 0;
    width: 0px;
    height: 0px;
    margin: 0 auto;
    border-style: solid;
    border-width: 16px 14px 0 14px;
    border-color: #ffdfe3 transparent transparent transparent;
    line-height: 0px;
    _border-color: #ffdfe3 #000000 #000000 #000000;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
  }

  #footCvArea .flow-list .flow-list__item_step:last-child:before {
    display: none;
  }

  #footCvArea .flow-list .flow-list__item_step .flow-item-list__number {
    width: 50px;
    font-size: 12px;
    font-size: 1.2rem;
  }

  #footCvArea .flow-list .flow-list__item_step .flow-item-list__number span {
    font-size: 22px;
    font-size: 2.2rem;
  }

  #footCvArea .flow-list .flow-list__item_step .flow-item-list__img {
    width: 80px;
  }

  #footCvArea .flow-list .flow-list__item_step .flow-item-list__lead {
    width: cala(100% - 130px);
  }

  #footCvArea .flow-list .flow-list__item_step .flow-item-list__lead dl dt {
    font-size: 16px;
    font-size: 1.6rem;
  }

  #footCvArea .flow-list .flow-list__item_step .flow-item-list__lead dl dd {
    font-size: 14px;
    font-size: 1.4rem;
    padding-right: 0;
  }
}

#footCvBlock02 {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
}

#footCvBlock02 .supportBlok {
  width: 90%;
  margin: 0 auto 60px;
  padding: 30px 0 20px 0;
  background-color: #ffffff;
}

#footCvBlock02 .supportBlok dl {
  width: 100%;
  text-align: center;
}

#footCvBlock02 .supportBlok dt {
  position: relative;
  display: inline-block;
  margin: 0 auto 13px;
  padding: 0 15px 0 25px;
  text-align: center;
  color: #ba001b;
  font-size: 24px;
  letter-spacing: 2px;
  font-weight: bold;
}

#footCvBlock02 .supportBlok dt:before {
  position: absolute;
  content: '';
  top: 8px;
  left: 0px;
  width: 5px;
  height: 20px;
  -webkit-transform: skewX(200deg);
  -moz-transform: skewX(200deg);
  transform: skewX(200deg);
  border-right: 2px solid #ba001b;
}

#footCvBlock02 .supportBlok dt:after {
  position: absolute;
  content: '';
  top: 8px;
  right: 0px;
  width: 5px;
  height: 20px;
  -webkit-transform: skewX(160deg);
  -moz-transform: skewX(160deg);
  transform: skewX(160deg);
  border-right: 2px solid #ba001b;
}

#footCvBlock02 > .colWrap {
  margin-top: 0;
}

#footCvBlock02 .telTitle {
  font-size: 117.5%;
}

#footCvBlock02 .telText {
  position: relative;
  padding: 0;
  margin: 0 0 7px 0;
  font-size: 250%; /* 40px */
  letter-spacing: 1px;
}

#footCvBlock02 .telText span {
  position: relative;
  z-index: 2;
  font-size: 38px;
  font-weight: bold;
}

#footCvBlock02 .telText em {
  font-size: 20px;
  font-style: normal;
}

#footCvBlock02 .telText:after {
  position: absolute;
  content: '';
  width: 8em;
  height: 10px;
  bottom: 16px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 1;
  background: linear-gradient(transparent 0%, #ffeb7b 0%);
}

#footCvBlock02 .telText2 {
  margin-bottom: 20px;
  font-size: 125%; /* 20px*/
  letter-spacing: 1px;
  vertical-align: text-bottom;
}

#footCvBlock02 .telInfo {
  width: 90%;
  margin: 0 auto;
  padding-top: 15px;
  font-size: 100%; /* 16px */
  line-height: 1.6;
  color: #666666;
  border-top: 2px solid #f6f6f6;
}

#footCvBlock02 .telInfo span {
  display: block;
  font-size: 75%; /* 12px */
  letter-spacing: 1px;
}

#footCvBlock02 .telInfo span span{
  font-size: inherit;
}

#footCvBlock02 .btnType01 {
  width: 90%;
  margin: 0 auto;
}
@media print, screen and (max-width: 968px) {
  #footCvBlock02 .btnType01 {
    margin-top: 0;
  }

  #footCvBlock02 .btnType01 {
    margin: 0 auto;
  }

  #footCvBlock02 .btnType01 li a {
    margin-left: -5%;
    line-height: 1.6;
  }

  #footCvBlock02 .btnType01 li:nth-child(1) a {
    padding: 10px 0 0;
  }

  #footCvBlock02 .btnType01 li:nth-child(2) a {
    height: 70px;
    line-height: 70px;
  }
}

#footCvBlock02 .pgh-arrow-01 {
  margin-bottom: 0;
  text-align: right;
}

@media print, screen and (max-width: 768px) {
  #footCvBlock02 {
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
  }

  #footCvBlock02 .supportBlok {
    width: 94%;
    margin: 0 auto 30px;
    padding: 30px 0 20px 0;
    background-color: #ffffff;
  }

  #footCvBlock02 .supportBlok dl {
    width: 100%;
    text-align: center;
  }

  #footCvBlock02 .supportBlok dt {
    position: relative;
    display: inline-block;
    margin: 0 auto 13px;
    padding: 0 15px 0 25px;
    text-align: center;
    color: #ba001b;
    font-size: 24px;
    letter-spacing: 2px;
    font-weight: bold;
  }

  #footCvBlock02 .supportBlok dt:before {
    position: absolute;
    content: '';
    top: 9px;
    left: 0px;
    width: 5px;
    height: 20px;
    -webkit-transform: skewX(200deg);
    -moz-transform: skewX(200deg);
    transform: skewX(200deg);
    border-right: 2px solid #ba001b;
  }

  #footCvBlock02 .supportBlok dt:after {
    position: absolute;
    content: '';
    top: 9px;
    right: 0px;
    width: 5px;
    height: 20px;
    -webkit-transform: skewX(160deg);
    -moz-transform: skewX(160deg);
    transform: skewX(160deg);
    border-right: 2px solid #ba001b;
  }

  #footCvBlock02 > .colWrap {
    margin-top: 0;
  }

  #footCvBlock02 .telTitle {
    font-size: 28px;
    font-size: 2.8rem;
  }

  #footCvBlock02 .telText {
    position: relative;
    padding: 0;
    margin: 0 0 7px 0;
    font-size: 34px;
    font-size: 3.4rem;
    letter-spacing: 0px;
  }

  #footCvBlock02 .telText span {
    font-size: 30px;
    position: relative;
    z-index: 2;
  }

  #footCvBlock02 .telText:after {
    position: absolute;
    content: '';
    height: 10px;
    bottom: 8px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    background: linear-gradient(transparent 0%, #ffeb7b 0%);
  }

  #footCvBlock02 .telText2 {
    margin-bottom: 15px;
    font-size: 17px;
    font-size: 1.7rem;
  }

  #footCvBlock02 .telInfo {
    padding-top: 10px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
  }

  #footCvBlock02 .telInfo span {
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    letter-spacing: 1px;
  }

  #footCvBlock02 .btnType01 li:nth-child(1) a {
    height: 45px;
    padding: 5px 0 0;
  }

  #footCvBlock02 .btnType01 li:nth-child(2) a {
    height: 50px;
    line-height: 50px;
  }

  #footCvBlock02 .btnType01 a:after {
    position: absolute;
    content: '';
    top: 50%;
    right: 5%;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    background-image: url(../fonts/icn_arr_right_wblack.svg);
    background-repeat: no-repeat;
    background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    -webkit-background-size: 14px 14px;
  }

  #footCvBlock02 .btnType01 a:hover:after {
    background-image: url(../fonts/icn_arr_right_wblack.svg);
    background-repeat: no-repeat;
    background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    -webkit-background-size: 14px 14px;
  }
}

#footCvBlock03,
#footCvBlock04,
#footCvBlock05 {
  padding: 0;
  width: 100%;
}

#footCvBlock03 .tabWrap {
  width: 90%;
  margin: 0 auto 70px;
}

#footCvBlock04 .list-arrow-01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#footCvBlock03 .tabNav li {
  width: 32%;
  height: 100%;
  overflow: hidden;
  border: 2px solid #333333;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #ffffff;
  font-size: 16px;
  line-height: 1.5;
  box-sizing: border-box;
}

#footCvBlock03 .tabNav li span.txt {
  position: relative;
  display: inherit;
  margin: 0 auto;
}
#footCvBlock03 .tabNav li button.modal__btn span.txt {
  position: relative;
  display: table;
  margin: 0 auto;
  font-size: 16px;
}

#footCvBlock03 .tabNav li span.txt2 {
  display: block;
  font-size: 21px;
  font-weight: bold;
}
#footCvBlock03 .tabNav li button.modal__btn span.txt2 {
  display: block;
  font-size: 21px;
  font-weight: bold;
}

#footCvBlock03 .tabNav li a {
  position: relative;
  padding: 20px 0 20px 0px;
  text-align: left;
}
#footCvBlock03 .tabNav li button.modal__btn {
  position: relative;
  padding: 20px 0 20px 0px;
  text-align: left;
  border: 0;
  border-radius: 6px;
  color: #333333;
  box-sizing: border-box;
  cursor: pointer;
  background-color: #ffffff;
  font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'ＭＳ Ｐゴシック', 'MS P Gothic', Verdana, Arial, Helvetica, sans-serif;
}

#footCvBlock03 .tabNav li:nth-child(1) a {
  width: calc(100% - 50px);
  padding-left: 50px;
}

#footCvBlock03 .tabNav li:nth-child(2) a {
  width: calc(100% - 55px);
  padding-left: 55px;
}

#footCvBlock03 .tabNav li:nth-child(3) a {
  width: calc(100% - 60px);
  padding-left: 60px;
}
#footCvBlock03 .tabNav li:nth-child(3) button.modal__btn {
  width: 100%;
  height: 100%;
  padding-left: 60px;
}

#footCvBlock03 .tabNav li:hover {
  border: 2px solid #ba001b;
}

#footCvBlock03 .tabNav li a:hover {
  color: #ba001b;
}
#footCvBlock03 .tabNav li button:hover {
  color: #ba001b;
}

#footCvBlock03 .tabNav li:nth-child(1) a span.txt:before {
  position: absolute;
  content: '';
  width: 30px;
  height: 40px;
  top: 50%;
  left: -50px;
  margin-top: -15px;
  background-image: url(../fonts/icn_01_black.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 30px 40px;
}

#footCvBlock03 .tabNav li:nth-child(2) a span.txt:before {
  position: absolute;
  content: '';
  width: 70px;
  height: 58px;
  top: 50%;
  left: -70px;
  margin-top: -29px;
  background-image: url(../fonts/icn_02_black.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 70px 58px;
}

#footCvBlock03 .tabNav li:nth-child(3) a span.txt:before {
  position: absolute;
  content: '';
  width: 82px;
  height: 58px;
  top: 50%;
  left: -80px;
  margin-top: -24px;
  background-image: url(../fonts/icn_03_black.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 82px 58px;
}
#footCvBlock03 .tabNav li:nth-child(3) button.modal__btn span.txt:before {
  position: absolute;
  content: '';
  width: 82px;
  height: 58px;
  top: 50%;
  left: -80px;
  /* left: -55px; */
  margin-top: -24px;
  background-image: url(../fonts/icn_03_black.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 82px 58px;
}

#footCvBlock03 .tabNav li:nth-child(1) a:hover span.txt:before {
  background-image: url(../fonts/icn_01_red.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 30px 40px;
}

#footCvBlock03 .tabNav li:nth-child(2) a:hover span.txt:before {
  background-image: url(../fonts/icn_02_red.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 70px 58px;
}

#footCvBlock03 .tabNav li:nth-child(3) a:hover span.txt:before {
  background-image: url(../fonts/icn_03_red.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 82px 58px;
}
#footCvBlock03 .tabNav li:nth-child(3) button.modal__btn:hover span.txt:before {
  background-image: url(../fonts/icn_03_red.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 82px 58px;
}

@media print, screen and (max-width: 1229px) {
  #footCvBlock03 .tabNav li {
    font-size: 14px;
  }

  #footCvBlock03 .tabNav li span.txt2 {
    font-size: 19px;
  }
  #footCvBlock03 .tabNav li button.modal__btn span.txt {
    font-size: 14px;
    display: table;
  }
  #footCvBlock03 .tabNav li button.modal__btn span.txt2 {
    font-size: 19px;
  }
}
@media print, screen and (max-width: 1139px) {
  #footCvBlock03 .tabNav li {
    font-size: 12px;
  }

  #footCvBlock03 .tabNav li span.txt2 {
    font-size: 17px;
  }
  #footCvBlock03 .tabNav li button.modal__btn span.txt {
    font-size: 12px;
  }
  #footCvBlock03 .tabNav li button.modal__btn span.txt2 {
    font-size: 17px;
  }
}
@media print, screen and (max-width: 1079px) {
  #footCvBlock03 .tabNav li:nth-child(1) a {
    width: 100%;
    padding: 70px 0 10px;
  }

  #footCvBlock03 .tabNav li:nth-child(2) a {
    width: 100%;
    padding: 70px 0 10px;
  }

  #footCvBlock03 .tabNav li:nth-child(3) a {
    width: 100%;
    padding: 72px 0 10px;
  }
  #footCvBlock03 .tabNav li:nth-child(3) button.modal__btn {
    width: 100%;
    padding: 70px 0 10px;
  }

  #footCvBlock03 .tabNav li:nth-child(1) a span.txt:before {
    position: absolute;
    content: '';
    width: 30px;
    height: 40px;
    top: -50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-image: url(../fonts/icn_01_black.svg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 30px 40px;
  }

  #footCvBlock03 .tabNav li:nth-child(2) a span.txt:before {
    position: absolute;
    content: '';
    width: 60px;
    height: 54px;
    top: -57px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-image: url(../fonts/icn_02_black.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 60px 54px;
  }

  #footCvBlock03 .tabNav li:nth-child(3) a span.txt:before {
    position: absolute;
    content: '';
    width: 70px;
    height: 62px;
    top: -62px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-image: url(../fonts/icn_03_black.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 70px 62px;
  }
  #footCvBlock03 .tabNav li:nth-child(3) button.modal__btn span.txt:before {
    position: absolute;
    content: '';
    width: 70px;
    height: 62px;
    top: -62px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-image: url(../fonts/icn_03_black.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 70px 62px;
  }

  #footCvBlock03 .tabNav li:nth-child(1) a:hover span.txt:before {
    background-image: url(../fonts/icn_01_red.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px 40px;
  }

  #footCvBlock03 .tabNav li:nth-child(2) a:hover span.txt:before {
    background-image: url(../fonts/icn_02_red.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 60px 54px;
  }

  #footCvBlock03 .tabNav li:nth-child(3) a:hover span.txt:before {
    background-image: url(../fonts/icn_03_red.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 70px 62px;
  }
  #footCvBlock03 .tabNav li:nth-child(3) button.modal__btn:hover span.txt:before {
    background-image: url(../fonts/icn_03_red.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 70px 62px;
  }
}
@media print, screen and (max-width: 868px) {
  #footCvBlock03 .tabNav li {
    font-size: 12px;
  }

  #footCvBlock03 .tabNav li span.txt2 {
    font-size: 15px;
  }
  #footCvBlock03 .tabNav li button.modal__btn span.txt {
    font-size: 12px;
  }
  #footCvBlock03 .tabNav li button.modal__btn span.txt2 {
    font-size: 15px;
  }
}
@media print, screen and (max-width: 768px) {
  #footCvBlock03,
  #footCvBlock04,
  #footCvBlock05 {
    padding: 0;
    width: 100%;
  }

  #footCvBlock03 .tabWrap {
    width: 94%;
    margin: 0 auto 40px;
  }

  #footCvBlock03 .tabNav {
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  #footCvBlock03 .tabNav li {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #ffffff;
    font-size: 12px;
    line-height: 1.5;
    box-sizing: border-box;
    height: auto !important;
    width: 30%;
  }

  #footCvBlock03 .tabNav li:hover {
    border: 2px solid #333333;
  }

  #footCvBlock03 .tabNav li span.txt {
    position: relative;
    display: inherit;
    margin: 0 auto;
    text-align: center;
  }
  #footCvBlock03 .tabNav li button.modal__btn span.txt {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    font-size: 12px;
  }
  #footCvBlock03 .tabNav li span.txt2 {
    display: block;
    font-size: 13px;
    font-weight: bold;
  }
  #footCvBlock03 .tabNav li button.modal__btn span.txt2 {
    display: block;
    font-size: 13px;
    font-weight: bold;
  }

  #footCvBlock03 .tabNav li a {
    position: relative;
    padding: 20px 0 30px 0px;
    text-align: left;
  }
  #footCvBlock03 .tabNav li button.modal__btn {
    position: relative;
    padding: 20px 0 30px 0px;
    text-align: left;
  }

  #footCvBlock03 .tabNav li a:hover {
    color: #333333;
    text-align: left;
  }
  #footCvBlock03 .tabNav li button.modal__btn:hover {
    color: #333333;
    text-align: left;
  }

  #footCvBlock03 .tabNav li:nth-child(1) a {
    width: 100%;
    padding: 70px 0 10px;
  }

  #footCvBlock03 .tabNav li:nth-child(2) a {
    width: 100%;
    padding: 70px 0 10px;
  }

  #footCvBlock03 .tabNav li:nth-child(3) a {
    width: 100%;
    padding: 70px 0 10px;
  }
  #footCvBlock03 .tabNav li:nth-child(3) button.modal__btn {
    width: 100%;
    padding: 70px 0 10px;
  }
  #footCvBlock03 .tabNav li:nth-child(1) a span.txt:before {
    position: absolute;
    content: '';
    width: 30px;
    height: 40px;
    top: -50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-image: url(../fonts/icn_01_black.svg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 30px 40px;
  }

  #footCvBlock03 .tabNav li:nth-child(2) a span.txt:before {
    position: absolute;
    content: '';
    width: 60px;
    height: 54px;
    top: -60px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-image: url(../fonts/icn_02_black.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 60px 54px;
  }

  #footCvBlock03 .tabNav li:nth-child(3) a span.txt:before {
    position: absolute;
    content: '';
    width: 70px;
    height: 62px;
    top: -65px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-image: url(../fonts/icn_03_black.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 70px 62px;
  }
  #footCvBlock03 .tabNav li:nth-child(3) button.modal__btn span.txt:before {
    position: absolute;
    content: '';
    width: 70px;
    height: 62px;
    top: -65px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-image: url(../fonts/icn_03_black.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 70px 62px;
  }

  #footCvBlock03 .tabNav li:nth-child(1) a:hover span.txt:before {
    background-image: url(../fonts/icn_01_black.svg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 30px 40px;
  }

  #footCvBlock03 .tabNav li:nth-child(2) a:hover span.txt:before {
    background-image: url(../fonts/icn_02_black.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 60px 54px;
  }

  #footCvBlock03 .tabNav li:nth-child(3) a:hover span.txt:before {
    background-image: url(../fonts/icn_03_black.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 70px 62px;
  }
  #footCvBlock03 .tabNav li:nth-child(3) button.modal__btn:hover span.txt:before {
    background-image: url(../fonts/icn_03_black.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 70px 62px;
  }
}

#footCvBlock03 .col {
  margin-bottom: 120px;
}
#footCvBlock03 .col .btnType01 {
  margin-bottom: 10px;
}

#footCvBlock03 .col .btnType01 li {
  max-width: 424px;
  width: 100%;
  height: 60px;
  line-height: 60px;
  text-align: center;
  margin: 0 auto;
}

#footCvBlock03 .pgh-arrow-09 a {
  font-size: 14px;
  font-size: 1.4rem;
  color: #333333;
}

#footCvBlock03 .pgh-arrow-09 a:hover {
  color: #ba001b;
}

#footCvBlock04 .VariousPolicyBlock,
#footCvBlock05 .VariousPolicyBlock {
  width: 100%;
  padding: 50px 0;
  background-color: #f6f6f6;
}

#footCvBlock05 .VariousPolicyBlock.disclaimer {
  margin-top: -30px;
  padding-top: 0;
}

#footCvBlock04 .VariousPolicyBlock .inner,
#footCvBlock05 .VariousPolicyBlock .inner {
  max-width: 900px;
  width: 90%;
  margin: 0 auto 0px;
  background-color: #ffffff;
}

#footCvBlock04 .VariousPolicyBlock dl,
#footCvBlock05 .VariousPolicyBlock dl {
  padding: 40px 40px 20px;
}

#footCvBlock04 .VariousPolicyBlock dl dt,
#footCvBlock05 .VariousPolicyBlock dl dt {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
}

#footCvBlock04 .VariousPolicyBlock dd .list-arrow-01 li,
#footCvBlock05 .VariousPolicyBlock dd .list-arrow-01 li {
  margin-bottom: 10px;
  text-indent: -12px;
  padding-left: 12px;
}

#footCvBlock04 .VariousPolicyBlock dd .list-arrow-01 a,
#footCvBlock05 .VariousPolicyBlock dd .list-arrow-01 a {
  font-size: 14px;
}

#footCvBlock04 .VariousPolicyBlock dd .vp_ttl,
#footCvBlock05 .VariousPolicyBlock dd .vp_ttl {
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.4;
}

#footCvBlock04 .VariousPolicyBlock dd .vp_txt,
#footCvBlock05 .VariousPolicyBlock dd .vp_txt {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.8;
}

#footCvBlock05 .VariousPolicyBlock .accordion-box input {
  display: none;
}

@media print, screen and (max-width: 768px) {
  #footCvBlock03 .col {
    margin-bottom: 40px;
  }

  #footCvBlock03 .col .btnType01 {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 10px;
  }

  #footCvBlock03 .col .btnType01 li {
    max-width: inherit;
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    margin: 0 auto;
  }

  #footCvBlock03 .pgh-arrow-09 a {
    font-size: 14px;
    font-size: 1.4rem;
    color: #333333;
  }

  #footCvBlock03 .pgh-arrow-09 a:hover {
    color: #333333;
  }

  #footCvBlock04 .VariousPolicyBlock,
  #footCvBlock05 .VariousPolicyBlock {
    width: 100%;
    padding: 40px 0 25px;
    background-color: #f6f6f6;
  }

  #footCvBlock05 .VariousPolicyBlock.disclaimer {
    margin-top: -25px;
    padding-top: 0;
  }

  #footCvBlock04 .VariousPolicyBlock .inner,
  #footCvBlock05 .VariousPolicyBlock .inner {
    max-width: inherit;
    width: 92%;
    margin: 0 auto 15px;
  }

  #footCvBlock04 .VariousPolicyBlock dl,
  #footCvBlock05 .VariousPolicyBlock dl {
    padding: 20px 15px 20px;
  }
  #footCvBlock05 .VariousPolicyBlock.disclaimer dl {
    padding: 20px 20px 10px 15px;
  }

  #footCvBlock04 .VariousPolicyBlock dl dt,
  #footCvBlock05 .VariousPolicyBlock dl dt {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
  }

  #footCvBlock04 .VariousPolicyBlock dd .list-arrow-01,
  #footCvBlock05 .VariousPolicyBlock dd .list-arrow-01 {
    width: 100%;
    margin: 0 5px;
    display: block;
  }

  #footCvBlock04 .VariousPolicyBlock dd .list-arrow-01 li,
  #footCvBlock05 .VariousPolicyBlock dd .list-arrow-01 li {
    margin-right: 0px;
    margin-bottom: 10px;
    text-indent: -12px;
    padding-left: 12px;
  }

  #footCvBlock04 .VariousPolicyBlock dd .list-arrow-01 a,
  #footCvBlock05 .VariousPolicyBlock dd .list-arrow-01 a {
    font-size: 14px;
  }

  #footCvBlock04 .VariousPolicyBlock dd .vp_ttl,
  #footCvBlock05 .VariousPolicyBlock dd .vp_ttl {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
  }

  #footCvBlock04 .VariousPolicyBlock dd .vp_txt,
  #footCvBlock05 .VariousPolicyBlock dd .vp_txt {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.6;
    text-align: justify;
  }

  .accordion-box {
    position: relative;
  }

  .accordion-box label {
    height: 140px; /* グラデーションの高さ */
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    width: 100%;

    /* 以下グラデーションは「背景が白」に併せて設定しています */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
  }

  .accordion-box input:checked + label {
    background: inherit; /* 開いた時には背景グラデーションを消す */
  }

  .accordion-box label:after {
    position: absolute;
    content: '続きを読む'; /* ラベルの文字 */
    width: 100%;
    letter-spacing: 0;
    line-height: 2.5rem;
    bottom: 20px;
    left: 50%;
    font-size: 17px;
    font-weight: bold;
    color: #333333;
    cursor: pointer;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }

  .accordion-box label:before {
    position: absolute;
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    left: 68%;
    bottom: 23px;
    background: url(../images/icn_arr01.png) no-repeat left center;
    background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
  }

  .accordion-box input {
    display: none;
  }
  .accordion-box input:checked + label {
    /* display: none ; 閉じるボタンは要らないとき */
  }
  .accordion-box input:checked + label:after {
    content: '閉じる';
  }
  .accordion-box input:checked + label:before {
    position: absolute;
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    left: 68%;
    bottom: 23px;
    background: url(../images/icn_arr02.png) no-repeat left center;
    background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -webkit-background-size: 20px 20px;
  }
  .accordion-box input:checked ~ .accordion-container {
    height: auto;
    padding-bottom: 50px; /* 閉じるボタンのbottomからの位置 */
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }

  .accordion-box .accordion-container {
    max-height: 19.7em;
    height: 19.7em; /* スクロール表示の高さ */
    overflow: hidden;
    overflow-y: scroll;
    -webkit-overflow-y: scroll;
    -ms-overflow-style: none; /* IE,Edge対応 */
    scrollbar-width: none; /* Firefox対応 */
  }
  /* simplebar */
  .accordion-box .accordion-container::-webkit-scrollbar {
    display: none; /* Chrome,Safari対応 */
  }
  .simplebar-scrollbar {
    height: 15% !important;
  }
  .simplebar-scrollbar::before {
    top: 2px;
    bottom: 2px;
    left: 0px !important;
    right: 0px !important;
    width: 6px !important;
    width: 5px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-radius: 0;
    background: #ffffff;
  }
  .simplebar-scrollbar.simplebar-visible::before {
    opacity: 1;
  }
  .simplebar-track {
    background: #dedede;
    width: 6px !important;
    border-radius: 5px;
  }
}

#footer {
  width: 100%;
  color: #333333;
  -webkit-text-size-adjust: none;
  background-color: #ffffff;
  position: relative;
}
#footMenuArea {
  border-top: solid 1px #c6c8cc;
}

#footerGroupLink .btnBlack {
  display: flex;
  justify-content: center;
}
#footerGroupLink .btnBlack a {
  padding: 0 20px;
  margin: 0 10px;
}
#footerGroupLink .btnBlack button.modal__btn {
  padding: 0 20px;
  margin: 0 10px;
}
.groupLink {
  text-align: left;
}
.groupLink .remodal-close {
  display: block !important;
}
.groupLink .btnType02 {
  text-align: center;
  margin-bottom: 1em;
}
.groupLink .btnType02 a {
  background-color: #e00025;
  padding: 9px 30px 10px;
}
.groupLink .btnType02 a:before {
  background-image: url(../images/arrow10.png);
}

@media print, screen and (max-width: 768px) {
  #footerGroupLink .btnBlack {
    display: block;
  }
}

#footerLinkList {
  box-sizing: border-box;
  max-width: 1280px;
  width: 100%;
  padding: 0 40px 60px;
  margin: 0 auto;
}

#footerBannerArea {
  width: 100%;
  background-color: #ffffff;
  border-top: 1px solid #dddddd;
}
#footerBanner {
  box-sizing: border-box;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 0 40px;
}
#footerBanner li {
  float: left;
}
#footerBanner li a {
  box-sizing: border-box;
  position: relative;
  display: table-cell;
  width: 240px;
  height: 79px;
  padding: 5px 15px 5px 90px;
  border-left: 1px solid #f2f2f2;
  vertical-align: middle;
  color: #333333;
  font-size: 87.5%;
}
#footerBanner li a img {
  position: absolute;
  top: 0;
  left: 0;
}
#footerBanner li:last-child a {
  border-right: 1px solid #f2f2f2;
}
#footerLinkArea {
  width: 100%;
  background-color: #ffffff;
}
#footerLink01 {
  box-sizing: border-box;
  width: 1280px;
  margin: 0 auto;
  padding: 25px 40px;
}
#footerLink01 li {
  float: left;
  position: relative;
  padding-right: 27px;
  margin-right: 27px;
  margin-top: 10px;
  font-size: 87.5%;
}
#footerLink01 li:after {
  position: absolute;
  right: 0;
  top: 25%;
  content: '';
  display: block;
  background-color: #c6c8cc;
  width: 1px;
  height: 14px;
}
@media print, screen and (max-width: 768px) {
  #footerLink01 {
    width: 100%;
  }
  #footerLink01 li {
    padding: 0;
    margin-right: 12px;
  }
  #footerLink01 li:after {
    background: none;
    width: 0;
    height: 0;
  }
}
#footerLink01 li.last {
  margin-right: 0;
  padding: 0;
  clear: right;
}
#footerLink01 li.last:after {
  display: none;
}
#footerLink01 li.last + li {
  clear: left;
}
#footerLink01 li a {
  color: #333333;
}
#footerLink02 {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto 20px;
  padding: 25px 40px 0;
  font-size: 87.5%;
  position: relative;
  background-color: #ffffff;
}

#footerLink02 dl {
  display: block;
  line-height: 1.4;
  font-size: 100%;
  font-size: 85.714%; /* 12px */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 15px;
  line-height: 2;
}

#footerLink02 dt {
}
#footerLink02 dt span {
}

#footerLink02 dt:after {
  content: '：';
}
#footerLink02 dd {
}
#footerLink02 dd.spacer {
  width: 100%;
}
#footerLink02 dd:after {
  content: '、';
}
#footerLink02 dd.tradeName:after,
#footerLink02 dd.spacer:after,
#footerLink02 dd:last-child:after {
  content: none;
}
#footerLink02 dd a {
  color: #333333;
}

#footerLink03 {
  box-sizing: border-box;
  max-width: 1280px;
  width: 100%;
  padding: 0 40px 0px;
  margin: 0 auto 10px;
}

#footerLink03 ul {
  margin: 0;
}

#footerLink03 ul li {
  display: inline-block;
}

#footerLink03 ul li a {
  font-size: 12px;
  font-size: 1.2rem;
}

#copyright {
  box-sizing: border-box;
  width: 100%;
  padding: 15px 0;
  margin: 0 auto;
  font-size: 75%; /* 12px */
  text-align: center;
  color: #ffffff;
  background-color: #485157;
}
@media print, screen and (max-width: 768px) {
  #footer {
    width: 100%;
    color: #333333;
    -webkit-text-size-adjust: none;
    background-color: #ffffff;
    position: relative;
  }

  #footMenuArea {
    border-top: none;
  }

  #footerLinkList {
    box-sizing: border-box;
    max-width: inherit;
    width: 94%;
    margin: 0 auto;
    padding: 40px 0px 40px;
  }

  #footerBannerArea {
    width: 100%;
    background-color: #ffffff;
    border-top: 1px solid #dddddd;
  }

  #footerBanner {
    box-sizing: border-box;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding: 0 40px;
  }
  #footerBanner li {
    float: left;
  }
  #footerBanner li a {
    box-sizing: border-box;
    position: relative;
    display: table-cell;
    width: 240px;
    height: 79px;
    padding: 5px 15px 5px 90px;
    border-left: 1px solid #f2f2f2;
    vertical-align: middle;
    color: #333333;
    font-size: 87.5%;
  }
  #footerBanner li a img {
    position: absolute;
    top: 0;
    left: 0;
  }
  #footerBanner li:last-child a {
    border-right: 1px solid #f2f2f2;
  }
  #footerLinkArea {
    width: 100%;
    background-color: #ffffff;
    /*padding-bottom: 25px;*/
  }

  #footerLink02 {
    box-sizing: border-box;
    width: 94%;
    margin: 0 auto 20px;
    padding: 0;
    font-size: 87.5%;
    position: relative;
    background-color: #ffffff;
  }

  #footerLink02 dl {
    line-height: 2;
    font-size: 85.714%; /* 12px */
    justify-content: left;
  }

  #footerLink02 dt {
    width: 100%;
  }
  #footerLink02 dt:after {
    content: '：';
  }
  #footerLink02 dd {
  }
  #footerLink02 dd a {
    color: #333333;
  }

  #footerLink03 {
    box-sizing: border-box;
    max-width: inherit;
    width: 92%;
    padding: 0;
    margin: 0 auto 20px;
  }

  #footerLink03 ul {
    margin: 0;
  }

  #footerLink03 ul li {
    margin-right: 30px;
  }

  #copyright {
    box-sizing: border-box;
    width: 100%;
    padding: 15px 0;
    margin: 0 auto;
    font-size: 75%; /* 12px */
    text-align: center;
    color: #ffffff;
    background-color: #485157;
  }
}

/* 独立ページ用フッター設定 */
#footerSubwin {
  font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'ＭＳ Ｐゴシック', 'MS P Gothic', Verdana, Arial, Helvetica, sans-serif;
}
#footerSubwin .cvBtn01 a,
#footerSubwin .cvBtn02 a {
  color: #ffffff;
}
body#subwin #footerSubwin #footer {
  font-size: 15px;
}
/*--------------------------------------------------
計測タグ
--------------------------------------------------*/
#measurementTag {
}
/*--------------------------------------------------
見出し設定
--------------------------------------------------*/
/* H1 */
#pageInfo h1 {
  box-sizing: border-box;
  max-width: 1280px;
  width: 98%;
  margin: 0 auto;
  padding: 10px 0;
  font-size: 250%;
  font-weight: normal;
  line-height: 1.2;
  color: #ffffff;
  background-color: #454545;
}
.ttl-h1-02 {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  font-size: 40px;
  font-size: 4rem;
  font-weight: normal;
  color: #ffffff;
  background-color: #4c5866;
}

.ttl-h1-02 span {
  font-size: 30px;
  font-size: 3rem;
}

.ttl-h1-02 .item {
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 1050px) {
  #pageInfo h1 {
    box-sizing: border-box;
    max-width: inherit;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    font-weight: normal;
    font-size: 200%;
    line-height: 1.2;
    padding: 15px 10px;
    background: #454545;
  }
}
@media screen and (max-width: 768px) {
  #pageInfo h1 {
    box-sizing: border-box;
    max-width: inherit;
    width: 100%;
    margin: 0 auto 0.5em;
    font-weight: normal;
    font-size: 180%;
    line-height: 1.2;
    padding: 15px 45px 15px 10px;
    background: #454545;
  }

  #pageInfo.fullpage h1 {
  }

  .ttl-h1-02 {
    font-size: 25px;
    font-size: 2.5rem;
  }

  .ttl-h1-02 span {
    font-size: 20px;
    font-size: 2rem;
  }

  .ttl-h1-02 .item {
    width: 30%;
    height: auto;
  }
}

/* H2 */

.ttl-h2-01 {
  position: relative;
  margin: 0 0 1em 0 !important;
  padding-left: 40px;
  font-size: 225%; /* 36px */
  line-height: 1.6;
  border-bottom: 4px solid #dddddd;
}

.ttl-h2-01:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 24px;
  height: 44px;
  background: url(../images/icn_ttl_h2.png) no-repeat left top;
  background-size: 24px 44px;
}

.ttl-h2-02 {
  margin-bottom: 0.5em !important;
  font-size: 225%; /* 36px */
  text-align: center;
  line-height: 1.6;
}
.ttl-h2-news {
  font-size: 187.5%;
  margin-bottom: 1em !important;
}
@media screen and (max-width: 768px) {
  .ttl-h2-01 {
    margin-bottom: 1em !important;
    padding-bottom: 4px;
    padding-left: 30px;
    font-size: 156.25%; /* 25px */
    font-weight: bold;
    line-height: 1.3;
    border-bottom: 2px solid #dddddd;
  }

  .ttl-h2-01:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 18px;
    height: 35px;
    margin-top: -5px;
    background: url(../images/icn_ttl_h2.png) no-repeat left top;
    background-size: 18px 35px;
  }

  .ttl-h2-02 {
    margin-bottom: 0.5em !important;
    font-size: 156.25%; /* 25px */
  }
  .ttl-h2-news {
    font-size: 187.5%;
    margin-bottom: 1em !important;
  }
}

/* H3 */
.ttl-h3-01 {
  position: relative;
  padding: 9px 20px 12px 30px;
  margin-bottom: 1em;
  font-size: 150%;
  font-weight: bold;
  border-bottom: 2px dotted #dddddd;
}

.ttl-h3-01:before {
  position: absolute;
  content: '';
  display: block;
  top: 0;
  left: 10px;
  margin-top: 10px;
  width: 4px;
  height: 28px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #b01e23;
}
@media screen and (max-width: 768px) {
  .ttl-h3-01 {
    width: auto;
    position: relative;
    padding: 9px 15px 12px 15px;
    margin: 0 0 1em;
    font-size: 137.5%;
  }

  .ttl-h3-01:before {
    left: 5px;
    margin-top: 6px;
  }
}

/* H4 */
.ttl-h4-01 {
  font-size: 137.5%;
  margin-bottom: 1em;
  border-bottom: 2px solid #dddddd;
  padding: 15px 20px 10px;
}
.ttl-h4-01 span {
}
.ttl-h4-01 a {
  display: block;
  padding-left: 20px;
  background: url(../images/com_ic01.png) 0 50% no-repeat;
}

@media screen and (max-width: 768px) {
  .ttl-h4-01 {
    padding: 0;
    margin: 0 auto 1em;
  }
}

/* H5 */
.ttl-h5-01,
.ttl-h5-02 {
  position: relative;
  font-size: 125%;
  color: #333333;
  padding-left: 18px;
  background: url(../images/head_circle01.png) 0 10px no-repeat;
}

@media screen and (max-width: 768px) {
  .ttl-h5-01,
  .ttl-h5-02 {
    margin: 0 0 1em;
  }
}

/* NEW */
.ttl-h2-01 .new {
  color: #df0025;
  font-size: 85%;
}
.ttl-caption {
  margin-bottom: 0.5em;
  font-size: 112.5%;
  font-weight: bold;
}
/*--------------------------------------------------
スライドショー画像
--------------------------------------------------*/
/* 共通 */
#jquery-cycle {
  overflow: hidden;
}
/* 商品トップページ用 */
#secondmain {
  border: solid #cccccc;
  border-width: 0 1px;
  background-color: #ffffff;
  height: 295px;
}
#jp_index #jquery-cycle,
#fx_index #jquery-cycle,
#fx_otc_index #jquery-cycle,
#fop_index #jquery-cycle,
#kabu365_index #jquery-cycle,
#fund_index #jquery-cycle,
#bond_index #jquery-cycle {
  height: 272px;
  background-color: #ffffff;
  border-bottom: solid 1px #cccccc;
}
#jquery-cycle-nav {
  margin-top: 10px;
  text-align: center;
}
#jquery-cycle-nav li {
  width: 11px;
  height: 11px;
  padding: 0 2px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: url(../images/pagination_normal.gif) 50% 0 no-repeat;
}
#jquery-cycle-nav li a {
  display: block;
  width: 11px;
  height: 11px;
  text-indent: -9999em;
  text-decoration: none;
}
#jquery-cycle-nav li.activeSlide {
  background: url(../images/pagination_active.gif) 50% 0 no-repeat;
}
/*--------------------------------------------------
メインカラム内設定
--------------------------------------------------*/

/* 各商品トップメイン画像 */
#productImg,
#cam_pickupImg {
  margin-bottom: 2em;
  width: 740px;
  margin-left: auto;
  margin-right: auto;
}
/* セカンドページメイン画像 */
#secondimg {
  margin: 0 auto 2em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .camp #secondimg {
    width: 106%;
    margin: 0 -3% 2em;
  }
}

/* ページ下部　共通口座開設ボタン */
.open-account-info-01 {
  border: solid 1px #cccccc;
  padding: 6px;
  background-color: #ffffff;
}
.open-account-info-01 .text {
  width: 480px;
  padding: 10px 0 0 14px;
  float: left;
}
.open-account-info-01 .text a {
  display: block;
  padding: 0 0 0 18px;
  background-image: url(../images/mark_normal.png);
  background-repeat: no-repeat;
  background-position: 0 4px;
}
.open-account-info-01 .text a:hover {
  background-image: url(../images/mark_normal.png);
}
.open-account-info-01 .btn {
  float: right;
}
.main-inner {
  background-color: #ffffff;
  border: solid #cccccc;
  border-width: 0 1px 1px;
  margin-bottom: 10px;
  padding: 20px 19px 15px;
  -webkit-text-size-adjust: 100%;
}
#error .main-inner {
  border-width: 1px;
}
/* ページ下部　共通口座開設ボタン 2013/04より */
.open-account-info-01 .subAccountButton a {
  width: 216px;
  display: block;
  text-indent: -9999px;
  text-decoration: none;
  float: right;
}
.open-account-info-01 .subAccountButton a {
  height: 64px;
  background: url(../images/subaccountbutton.jpg) 0 0 no-repeat;
}
.open-account-info-01 .subAccountButton a:hover {
  background-position: 0 -64px;
}
/* セカンドページ等　口座開設ボタン 2013/04より */
.subAccountButton a {
  width: 216px;
  display: block;
  text-indent: -9999px;
  text-decoration: none;
  margin: 0 auto;
}
.subAccountButton a {
  height: 64px;
  background: url(../images/subaccountbutton.jpg) 0 0 no-repeat;
}
.subAccountButton a:hover {
  background-position: 0 -64px;
}
/* お知らせリスト */
.infohead {
  border-top: solid 2px #ed3131;
  border-left: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  border-bottom: solid 1px #cccccc;
  margin-bottom: 1em;
}
.infoheadinner {
  padding: 5px 10px 5px;
  border-bottom: solid 1px #ffffff;
  background: url(../images/gradation_bg.jpg) 0 100% no-repeat;
}
.infoheadinner h2 {
  font-size: 123.1%;
  font-weight: bold;
  float: left;
}
.infoheadinner p {
  padding: 3px 0 0 20px;
  font-weight: bold;
  float: right;
}
.infoheadinner p a {
  color: #333333;
  display: block;
  padding-right: 16px;
  background-repeat: no-repeat;
  background-position: 100% 4px;
  background-image: url(../images/mark_normal.png);
}
.infoheadinner p a:hover {
  color: #ed3131;
  background-image: url(../images/mark_normal.png);
}
.infolist {
}
.infolist dt,
.infolist dd {
  float: left;
}
.infolist dt {
}
.infolist dd {
  width: 825px;
  float: left;
  padding-bottom: 13px;
}
.infolist dd a {
  color: #333;
}
.infolist dd a:hover {
  color: #b01e23;
}

.infolist .date {
  width: 65px;
  padding-top: 2px;
}
.infolist dt.icon {
  width: 95px;
  text-align: center;
  color: #ffffff;
  line-height: 1.8;
  font-size: 1.2rem;
  margin-right: 10px;
  background-color: #999;
}
.infolist dt.icon a {
  color: #fff;
  display: block;
}

/*デザイン刷新前
	.infolist dt.icon.account {background-color:#e0995a;}
	.infolist dt.icon.jp {background-color:#d28fb5;}
	.infolist dt.icon.fund {background-color:#62bcc9;}
	.infolist dt.icon.fop {background-color:#eacd42;}
	.infolist dt.icon.click {background-color:#85be6e;}
	.infolist dt.icon.fx_otc {background-color:#62bba9;}
	.infolist dt.icon.fx_cfd {background-color:#62abbb;}
	.infolist dt.icon.kabu365 {background-color:#7da5cd;}
	.infolist dt.icon.crypto {background-color:#b94f84;}
	.infolist dt.icon.ideco {background-color:#ec9362;}
	.infolist dt.icon.rss {background-color:#348042;}
	.infolist dt.icon.common {background-color:#e76262;}
	.infolist dt.icon.all {background-color:#df0025;}
*/
/*2022年のデザイン刷新後はこちら*/
.infolist dt.icon.account {
  background-color: #e0995a;
}
.infolist dt.icon.jp {
  background-color: #e85377;
}
.infolist dt.icon.fund {
  background-color: #4d4398;
}
.infolist dt.icon.fop {
  background-color: #fdd000;
}
.infolist dt.icon.click {
  background-color: #1c8b7e;
}
.infolist dt.icon.fx_otc {
  background-color: #8fc31f;
}
.infolist dt.icon.fx_cfd {
  background-color: #62abbb;
}
.infolist dt.icon.kabu365 {
  background-color: #7f1084;
}
.infolist dt.icon.crypto {
  background-color: #b94f84;
}
.infolist dt.icon.ideco {
  background-color: #ec9362;
}
.infolist dt.icon.rss {
  background-color: #348042;
}
.infolist dt.icon.common {
  background-color: #e76262;
}
.infolist dt.icon.all {
  background-color: #df0025;
}

.infolist dt.icon_重要 {
  background-color: #df0025;
}
.infolist dt.icon_プレスリリース {
  background-color: #df0025;
}
.infolist dt.icon_お知らせ {
  background-color: #4c5866;
}
.infolist dt.icon_株式 {
  background-color: #4c5866;
}
.infolist dt.icon_システム {
  background-color: #4c5866;
}

.camp .infolist {
}
.camp .infolist .date {
  width: 80px;
  clear: both;
}
.camp .infolist dd {
  width: calc(100% - 190px);
}

.programlist dt,
.programlist dd {
  float: left;
}
.programlist dt.icon {
  width: 70px;
  padding-top: 3px;
}
.programlist dd {
  width: calc(100% - 70px);
  padding-bottom: 13px;
}
.programlist dd a {
  color: #333;
}
.programlist dd a:hover {
  color: #b01e23;
}

@media screen and (max-width: 768px) {
  .infolist dt {
    margin-bottom: 0.3em;
  }
  .infolist dt.date,
  .camp .infolist dt.date {
    padding-top: 4px;
    width: 60px;
    font-weight: bold;
    font-size: 85%;
  }
  .infolist dd,
  .camp .infolist dd {
    width: 100%;
    clear: both;
    float: none;
  }
  .programlist dt {
  }
}

/*--------------------------------------------------
サブカラム内設定
--------------------------------------------------*/

/* 口座をお持ちでない方 */
#account_box {
  padding: 5px;
  background: url(../images/diagonal_bg.gif) 0 0 repeat;
  margin-bottom: 10px;
}
#accountinner {
  border: solid 1px #5c5c5c;
  background-color: #ffffff;
}
#accountinner .account_title {
  margin: 8px 5px 2px;
  padding: 0 2px 5px;
  border-bottom: solid 1px #dbdbdb;
}
#accountinner .account_btn {
  text-align: center;
}
#accountinner .account_txt {
  text-align: center;
  font-weight: bold;
  color: #ed3131;
  margin-bottom: 0.3em;
}
/* 口座をお持ちでない方 2013/04より */
#commonMainButton {
  padding: 4px 4px 0;
  margin: 0 auto 10px;
  border: solid 1px #979689;
  background: url(../images/entryboxbg.jpg) 0 100% no-repeat;
}
#commonMainButton dl {
  border: solid 1px #636363;
  margin-bottom: 5px;
  padding-bottom: 7px;
  background-color: #ffffd7;
}
#commonMainButton dt {
  margin-bottom: 6px;
}
#commonMainButton dd {
  line-height: 1;
  margin: 0;
  padding: 0 0 0 6px;
}
#commonMainButton .mainAccountButton {
}
#commonMainButton .mainAccountButton a,
#commonMainButton .mainAboutButton a,
#commonMainButton .mainBeginnerButton a {
  width: 216px;
  display: block;
  text-indent: -9999px;
  text-decoration: none;
}
#commonMainButton .mainAccountButton a {
  height: 74px;
  background: url(../images/mainaccountbutton.jpg) 0 0 no-repeat;
}
#commonMainButton .mainAboutButton a {
  height: 50px;
  background: url(../images/mainaboutbutton.jpg) 0 0 no-repeat;
}
#commonMainButton .mainBeginnerButton a {
  height: 52px;
  background: url(../images/mainbeginnerbutton.jpg) 0 0 no-repeat;
}
#commonMainButton .mainAccountButton a:hover {
  background-position: 0 -74px;
}
#commonMainButton .mainAboutButton a:hover {
  background-position: 0 -50px;
}
#commonMainButton .mainBeginnerButton a:hover {
  background-position: 0 -52px;
}
/* ボタンリスト */
.btn_list {
  line-height: 0;
  margin-bottom: 10px;
}
.btn_list li {
  text-align: center;
  margin-bottom: 10px;
  font-size: 85%;
}
.btn_list li.snsbanner {
  margin-bottom: 10px;
  line-height: 0;
}
.btn_list li.withTxt {
  line-height: 1.2;
  font-size: 77%;
}
.btn_list_2 {
  width: 220px;
  line-height: 1.2;
  margin-bottom: 10px;
  background: #efeeda;
  padding: 9px 9px 2px 9px;
  border: solid 1px #afab90;
}
.btn_list_2 li {
  text-align: center;
  margin-bottom: 6px;
  font-size: 85%;
}
.home #btn_list_2_sub {
  display: none;
}
/* Twitter・Facebookボタン（h1タイトルの下） */
#pageInfo #sns {
  box-sizing: border-box;
  /*width: 1200px;*/
  max-width: 1280px;
  width: 94%;
  margin: 5px auto 0;
  padding-bottom: 5px;
}
#pageInfo #sns li {
  float: left;
  line-height: 1;
}
#pageInfo #sns li.sns_twitter {
}
#pageInfo #sns li.sns_facebook {
}

/* Twitter・Facebookボタン（maincolumn内） */
#maincolumn #sns {
  box-sizing: border-box;
  width: 100%;
  text-align: right;
  margin-bottom: 1em;
}
#maincolumn #sns li {
  display: inline-flex;
  line-height: 1;
  vertical-align: top;
}
#maincolumn #sns li.sns_line {
  display: none;
}

@media screen and (max-width: 768px) {
  #maincolumn #sns {
    text-align: left;
    margin-bottom: 1.5em;
  }
  #maincolumn #sns li {
    width: 28%;
  }
  #maincolumn #sns li.sns_line {
    display: inline-flex;
  }
}

/* Twitter・Facebookボタン（テキスト内包） */
.snsbutton_twitter,
.snsbutton_facebook {
  margin-bottom: 9px;
}
.snsbutton_twitter {
  border: solid 2px #20c7ff;
}
.snsbutton_facebook {
  border: solid 2px #4a68a6;
}
.snsbutton_twitter a,
.snsbutton_facebook a {
  display: block;
  padding: 8px;
  font-size: 93%;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: 214px 8px;
  background-image: url(../images/icn_blankwin.png);
  color: #333333;
}
.snsbutton_twitter a:hover,
.snsbutton_facebook a:hover {
  color: #333333;
}
.snsbutton_twitter a img,
.snsbutton_facebook a img {
  padding-bottom: 8px;
}
/* ローカルナビ */
.sub_lnavi {
  border-bottom: solid 1px #d9d9d9;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.sub_lnavi .subtitle {
}
.sub_lnavi .subtitleinner {
}
.sub_lnavi .subtitleinner:hover {
}
.sub_lnavi .subtitleinner h2 {
}
.sub_lnavi .subtitleinner h2 a {
  display: block;
  color: #ffffff;
  background: #ab001c url(../images/arrow04.png) 90% 50% no-repeat;
  padding: 15px 15px;
  font-size: 20px;
}
.sub_lnavi .subtitleinner h2 a span {
}
.sub_lnavi ul {
}
.sub_lnavi ul li {
  border-bottom: solid 1px #912638;
}
.sub_lnavi ul li:last-child {
  border: none;
}
.sub_lnavi ul li a {
  display: block;
  color: #ffffff;
  background-color: #7e0015;
  padding: 10px 15px;
  line-height: 1.4;
}
.sub_lnavi ul li a:hover {
}
.sub_lnavi ul li a span {
  /*「NEW」の設定*/
  padding-left: 0.5em;
  color: #ed3131;
  font-size: 14px;
}
.sub_lnavi ul li img {
  margin-left: 5px;
}
.sub_lnavi ul li ul {
  display: none;
}
.sub_lnavi ul li ul li {
}
.sub_lnavi ul li ul li a {
  font-size: 13px;
  color: #000000;
  background-color: #eeeeee;
  padding: 5px 15px;
}
.sub_lnavi ul li ul li a:hover {
}
.sub_lnavi ul li ul li ul li a {
}
/* ローカルナビ アクティブ設定 */
.sub_lnavi ul li.activeNav a {
}
.sub_lnavi ul li.activeNav ul li a {
}
.sub_lnavi ul li.activeNav ul li a:hover,
.sub_lnavi ul li ul li.activeNav a,
.sub_lnavi ul li.activeNav ul li.activeNav a {
}
.sub_lnavi ul li ul li.activeNav ul li a,
.sub_lnavi ul li.activeNav ul li.activeNav ul li a {
}
.sub_lnavi ul li.activeNav ul li.activeNav ul li.activeNav a {
}
.sub_lnavi ul li ul li ul li.activeNav ul li a,
.sub_lnavi ul li.activeNav ul li.activeNav ul li.activeNav ul li a {
}
.sub_lnavi ul li.activeNav ul li.activeNav ul li.activeNav ul li.activeNav a {
}
/* コールセンター */
#subCall {
  margin-bottom: 1em;
  background-color: #ebebeb;
}
#subCall h3 {
  margin-bottom: 1em;
}
#subCall h3 a {
  display: block;
  color: #ffffff;
  padding: 10px 15px;
  background: #575757 url(../images/arrow10.png) 92% 50% no-repeat;
}
#subCall p {
  font-size: 85%;
  padding: 0 15px 0.8em;
}
#subCall .callcenter_tel {
  background: url(../images/callcenter_tel.png) 15px 0 no-repeat;
  font-weight: bold;
  padding-left: 50px;
  font-size: 108%;
  line-height: 1.2;
}
/* リンク・ツール等 */
.sub_navibox,
.sub_listbox {
  border: solid 1px #d9d9d9;
  margin-bottom: 1em;
  padding: 10px;
}
.sub_navibox {
  background-color: #fafafa;
}
.sub_listbox {
  background-color: #ffffff;
}
.sub_navibox h3,
.sub_listbox h3 {
  border-bottom: solid 1px #d9d9d9;
  padding-bottom: 0.3em;
  margin-bottom: 0.5em;
  font-weight: bold;
}
.sub_navibox h3 a,
.sub_listbox h3 a {
  display: block;
  background: url(../images/arrow11.png) 100% 4px no-repeat;
}
.sub_navibox h3 a:hover,
.sub_listbox h3 a:hover {
}
/* 騰落率ランキング */
.sub_listbox #sub_listbox_ranking iframe {
  width: 188px;
  min-height: 210px;
}
.sub_navibox ul,
.sub_listbox ul {
}
.sub_navibox li,
.sub_listbox li {
  padding-bottom: 0.3em;
}
.sub_navibox li a,
.sub_listbox li a {
  font-size: 85%;
  display: block;
  padding-left: 13px;
  background-repeat: no-repeat;
  background-position: 0 4px;
  background-size: 5px auto;
  background-image: url(../images/arrow06.png);
}
.sub_navibox li a:hover,
.sub_listbox li a:hover {
  background-image: url(../images/arrow02.png);
}
.sub_navibox li img,
.sub_listbox li img {
  padding-left: 3px;
}
/*--------------------------------------------------
商品別設定
--------------------------------------------------*/

/* 日本株 */
body.jp .ttl-h1-02 span {
  border-left-color: #d28fb5;
}
body.jp .sub_listbox .subtitle,
body.jp .sub_lnavi .subtitle {
  border-top-color: #bb729b;
}
body.jp .sub_lnavi .subtitleinner:hover {
  background-image: url(../images/gradation_jp_bg.jpg);
}
body.jp .sub_lnavi .subtitleinner h2 a span {
  border-color: #d28fb5;
  background-image: url(../images/mark_jp.png);
}
/* 取引所FX */
body.fx .ttl-h1-02 span {
  border-left-color: #8ac074;
}
body.fx .sub_listbox .subtitle,
body.fx .sub_lnavi .subtitle {
  border-top-color: #548540;
}
body.fx .sub_lnavi .subtitleinner:hover {
  background-image: url(../images/gradation_fx_bg.jpg);
}
body.fx .sub_lnavi .subtitleinner h2 a span {
  border-color: #8ac074;
  background-image: url(../images/mark_fx.png);
}
/* 店頭FX */
body.fx_otc .ttl-h1-02 span {
  border-left-color: #6ec2b1;
}
body.fx_otc .sub_listbox .subtitle,
body.fx_otc .sub_lnavi .subtitle {
  border-top-color: #4ca291;
}
body.fx_otc .sub_lnavi .subtitleinner:hover {
  background-image: url(../images/gradation_fx_otc_bg.jpg);
}
body.fx_otc .sub_lnavi .subtitleinner h2 a span {
  border-color: #6ec2b1;
  background-image: url(../images/mark_fx_otc.png);
}
/* 先物・オプション */
body.fop .ttl-h1-02 span {
  border-left-color: #eacd42;
}
body.fop .sub_listbox .subtitle,
body.fop .sub_lnavi .subtitle {
  border-top-color: #b99f24;
}
body.fop .sub_lnavi .subtitleinner:hover {
  background-image: url(../images/gradation_fop_bg.jpg);
}
body.fop .sub_lnavi .subtitleinner h2 a span {
  border-color: #eacd42;
  background-image: url(../images/mark_fop.png);
}
/* 取引所CFD */
body.kabu365 .ttl-h1-02 span {
  border-left-color: #7da5cd;
}
body.kabu365 .sub_listbox .subtitle,
body.kabu365 .sub_lnavi .subtitle {
  border-top-color: #5b85af;
}
body.kabu365 .sub_lnavi .subtitleinner:hover {
  background-image: url(../images/gradation_kabu365_bg.jpg);
}
body.kabu365 .sub_lnavi .subtitleinner h2 a span {
  border-color: #7da5cd;
  background-image: url(../images/mark_kabu365.png);
}
/* 投資信託 */
body.fund .ttl-h1-02 span {
  border-left-color: #62bcc9;
}
body.fund .sub_listbox .subtitle,
body.fund .sub_lnavi .subtitle {
  border-top-color: #469eab;
}
body.fund .sub_lnavi .subtitleinner:hover {
  background-image: url(../images/gradation_fund_bg.jpg);
}
body.fund .sub_lnavi .subtitleinner h2 a span {
  border-color: #62bcc9;
  background-image: url(../images/mark_fund.png);
}
/* 債券 */
body.bond .ttl-h1-02 span {
  border-left-color: #abc34b;
}
body.bond .sub_listbox .subtitle,
body.bond .sub_lnavi .subtitle {
  border-top-color: #869e28;
}
body.bond .sub_lnavi .subtitleinner:hover {
  background-image: url(../images/gradation_bond_bg.jpg);
}
body.bond .sub_lnavi .subtitleinner h2 a span {
  border-color: #abc34b;
  background-image: url(../images/mark_bond.png);
}
/* はじめての○○：例 */

.bg_exam {
  /*padding:!important;*/
}

.bg_exam .icon {
  float: left;
  padding-right: 10px;
}
.bg_exam .text {
  font-weight: bold;
  color: #696969;
  margin-bottom: 1em;
}
.bg_exam .text02 {
  font-weight: bold;
  color: #696969;
  margin-bottom: 0.5em;
  padding-top: 6px;
}
.bg_exam_cap {
  width: 550px;
  padding-left: 35px;
}
/* ポップアップ */
body#subwin {
  background-color: #f3f3f3;
}
body#subwin .ttl-h1-02 {
  margin-bottom: 1em;
}
body#subwin #base {
  /* Liquid Layout (default) */
  margin: 0 30px;
  width: auto;
  min-width: 748px;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}
body#subwin #base.solid-01 {
  /* Solid Layout */
  margin: 0 auto;
  width: 798px;
}
body#subwin #base.solid-01 #site-logo {
}
body#subwin #header {
  /*
width:728px;
*/
  width: auto;
  min-height: 49px;
  background-image: none !important;
  background-color: #ffffff;
  margin-bottom: 0;
}
body#subwin #header .btn-close {
  margin-right: 10px;
  padding: 1.1em 0 1em 0;
  color: #333;
  line-height: 1.1em;
  text-align: right;
}
body#subwin #header .btn-close span {
  padding: 0.1em 24px 0.2em 0;
  background: url(../images/blt_close_01.gif) no-repeat 100% 0;
  text-decoration: underline;
  cursor: pointer;
}
body#subwin #header .btn-close span:hover {
  text-decoration: none;
}
#site-logo {
  top: 8px;
  left: 18px;
}
body#subwin #site-logo {
  float: left;
  padding-top: 8px;
}
body#subwin #content {
  padding: 10px 0 0 0;
  /*
width:710px;
*/
  width: auto;
  background: #fff;
}
body#subwin #contents {
  padding: 0;
}
body#subwin #content-inner1 {
  padding-left: 9px;
}
body#subwin #content-inner2 {
  padding-right: 9px;
}
body#subwin #main {
  margin-top: 0;
  float: none;
  padding: 1.8em 30px 0 30px;
  /*
width:650px;
*/
  width: auto;
}
/* ポップアップ（動画） */
body#pop_movie {
  background-color: #ffffff;
}
body#pop_movie #moviecontents {
  margin: 0 auto;
  width: 640px;
}
body#pop_movie #movielogo {
  margin-bottom: 10px;
}
/*--- account_step(2011/08/30追加) ---*/
#account_step_a_btn {
  margin: 0 auto;
  padding: 0 0 10px 0;
  width: 610px;
}
dl#account_step_abtn01 {
  margin: 0 40px 0 0;
  padding: 10px 0 0 0;
  background: url(../images/account_step_abtn_bg01.jpg) 0 0 no-repeat;
  text-align: center;
  width: 282px;
  float: left;
}
dl#account_step_abtn01 dt {
  margin: 5px 0 0 0;
  padding: 0;
}
dl#account_step_abtn01 dd {
  margin: 0;
  padding: 10px 0;
  background: url(../images/account_step_abtn_bg02.jpg) 0 bottom no-repeat;
}
dl#account_step_abtn02 {
  margin: 0;
  padding: 22px 0 0 0;
  background: url(../images/account_step_abtn_bg01.jpg) 0 0 no-repeat;
  text-align: center;
  width: 282px;
  float: left;
}
dl#account_step_abtn02 dt {
  margin: 5px 0 0 0;
  padding: 0;
}
dl#account_step_abtn02 dd {
  margin: 0;
  padding: 5px 0 24px 0;
  background: url(../images/account_step_abtn_bg02.jpg) 0 bottom no-repeat;
}
dl#account_step_abtn01 dd ul,
dl#account_step_abtn02 dd ul {
  margin: 0;
  padding: 0;
  text-align: left;
  list-style: none;
  line-height: 1.5;
}
dl#account_step_abtn01 dd li,
dl#account_step_abtn02 dd li {
  margin: 0 0 0 30px;
}
dl#account_step_abtn01 dd li a,
dl#account_step_abtn02 dd li a {
  color: #0000cc;
  font-size: 93%;
  padding: 0 0 0 16px;
  background: url(../images/mark_normal.png) 0 0 no-repeat;
}
dl#account_step_abtn01 dd li a:hover,
dl#account_step_abtn02 dd li a:hover {
  background: url(../images/mark_normal.png) 0 0 no-repeat;
}
dl#account_step_abtn01 dd li a:hover,
dl#account_step_abtn02 dd li a:hover {
  color: #cc0000;
  text-decoration: underline;
}
dl#account_step_abtn01 dd li span,
dl#account_step_abtn02 dd li span {
  font-size: 116%;
  font-weight: bold;
}
/*--------------------------------------------------
お取引開始までの流れ
--------------------------------------------------*/
.flowarea {
  margin-bottom: 2em;
  padding-bottom: 20px;
  background-color: #f4f3ea;
  width: 740px;
  margin-left: auto;
  margin-right: auto;
}
.flowarea h3 {
  font-size: 123.1%;
  font-weight: bold;
  padding: 5px 0;
  margin-bottom: 1em;
  color: #ffffff;
  text-align: center;
  background: url(../images/diagonal_bg.gif) 0 0 repeat;
}
.flowarea table {
  width: 630px;
  margin: 0 auto;
  border: 0;
  border-collapse: separate;
  border-spacing: 2px;
}
.flowarea table tr {
  border: 0;
}
.flowarea table td {
  border: solid 1px #ccc;
  background-color: #ffffff;
  text-align: center;
  padding: 8px;
}
.flowarea table td.arrow {
  border: 0;
  padding: 0;
  background: #f4f3ea url(../images/arrow_under.png) 50% 50% no-repeat;
}
.flowarea table td.arrow_long {
  border: 0;
  padding: 0;
  background: #f4f3ea url(../images/arrow_under_long.jpg) 50% 100% no-repeat;
}
.flowarea table td.space {
  width: 2%;
  border: 0;
  padding: 0;
  background-color: #f4f3ea;
}
.flowarea table td.flow01,
.flowarea table td.flow02,
.flowarea table td.flow03 {
  font-weight: bold;
}
.flowarea table td.flow01 span,
.flowarea table td.flow02 span,
.flowarea table td.flow03 span {
  color: #d53636;
}
.flowarea table td.flow01 {
  width: 49%;
  background: url(../images/gradation_bg.jpg) 0 100% no-repeat;
}
.flowarea table td.flow03 {
  width: 32%;
  background: url(../images/gradation_bg.jpg) 0 100% no-repeat;
}
.flowarea table td.flow02 {
  background: url(../images/gradation_h1_bg.jpg) 0 100% no-repeat;
}
ul.flowarea-btn {
  width: 285px;
  margin: 5px auto 0;
}
ul.flowarea-btn li {
  float: left;
  width: 135px;
  margin-right: 15px;
}
ul.flowarea-btn li.last {
  margin-right: 0px;
}

@media screen and (max-width: 768px) {
  .flowarea {
    width: auto;
  }
  .flowarea table {
    width: auto;
  }
}

/* 力也のFX道場 */
#fxindex_dojo {
  margin-bottom: 2em;
}
#fxindex_dojo dt,
#fxindex_dojo dd {
  float: left;
  font-weight: bold;
  padding-bottom: 3px;
}
#fxindex_dojo dt {
  padding: 0 20px 0 0;
}
#fxindex_dojo dd {
}
#fxindex_dojo dd img {
}
#fxindex_dojo .dojotext {
  margin-bottom: 1em;
  padding-bottom: 1em;
  background: url(../images/dottline01.png) 0 100% repeat-x;
}
/* SNSボタン */
#snsbutton {
  padding: 0;
  margin-bottom: 5px;
}
/* 下線 （2012/10/25 追加　岩下） */
.line01 {
  margin-bottom: 20px;
  padding-bottom: 20px;
  background: url(../images/dottline01.png) 0 100% repeat-x;
}
/* SEO対策テキスト（2013/07/02） */
.seotext {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  padding: 20px 19px 15px;
  margin-bottom: 10px;
}
/* 固定バナー */
#fixbanner {
  position: fixed;
  top: 80px;
  right: 0;
  outline: none;
  z-index: 999;
}
#fixbanner li {
  margin-bottom: 10px;
}
#fixbanner a {
  display: block;
  text-indent: -9999px;
  background-position: 0 0;
}
/* NISAバナー */
#fixbanner .nisa a {
  width: 57px;
  height: 204px;
  background: url(../images/nisa_banner.png) no-repeat;
}
#fixbanner .nisa a:hover {
  background-position: 0 -204px;
}
/* スモモンバナー */
#fixbanner .monsters a {
  width: 57px;
  height: 204px;
  background: url(../images/monsters_banner.png) no-repeat;
}
#fixbanner .monsters a:hover {
  background-position: 0 -204px;
}
/* ツールNo.1バナー */
#fixbanner .toolno1 a {
  width: 57px;
  height: 204px;
  background: url(../images/toolno1_banner.png) no-repeat;
}
#fixbanner .toolno1 a:hover {
  background-position: 0 -204px;
}
/* 雇用統計セミナーバナー */
#fixbanner .seminar a {
  width: 57px;
  height: 204px;
  background: url(../images/seminar_banner_usa.png) no-repeat;
}
#fixbanner .seminar a:hover {
  background-position: 0 -204px;
}
/* 先物セミナーバナー */
#fixbanner .seminar-fop a {
  width: 57px;
  height: 204px;
  background: url(../images/seminar_banner_fop.png) no-repeat;
}
#fixbanner .seminar-fop a:hover {
  background-position: 0 -204px;
}
/* カブトークバナー */
#fixbanner .kabutalk a {
  width: 57px;
  height: 204px;
  background: url(../images/kabutalk_banner.png) no-repeat;
}
#fixbanner .kabutalk a:hover {
  background-position: 0 -204px;
}
/* 2015年2月11日会場セミナーバナー */
#fixbanner .live20150211 a {
  width: 57px;
  height: 204px;
  background: url(../images/live20150211_banner.png) no-repeat;
}
#fixbanner .live20150211 a:hover {
  background-position: 0 -204px;
}
/* 投資のチカラバナー */
#fixbanner .chikara a {
  width: 57px;
  height: 204px;
  background: url(../images/bn_chikara_57x204.png) no-repeat;
}
#fixbanner .chikara a:hover {
  background-position: 0 -204px;
}
#procedure_isa_index #fixbanner {
  display: none; /* NISAページでは削除 */
}
/*--------------------------------------------------
	追加設定：個別ページ
--------------------------------------------------*/
.singlePage {
}
.singlePage #wrapper {
  width: 780px;
}
.singlePage #contents {
  width: 740px;
  margin: 0 auto;
}
.singlePage #header {
  padding: 0;
  width: 100%;
  height: 73px;
  margin-bottom: 20px;
  background: url(../images/header.jpg) 0 0 repeat-x;
}
.singlePage #header #logo {
  width: 740px;
  margin: 0 auto;
  padding-top: 10px;
}
.singlePage #header #logo a {
  text-indent: -9999px;
  width: 193px;
  height: 46px;
  display: block;
  background: url(../images/logo.gif) 0 0 no-repeat;
}
.singlePage #footer {
  background: url(../images/footer_bg_single.jpg) 0 9px no-repeat;
}
.singlePage #footer #pagetop {
  width: 680px;
}
.singlePage #footer #nav-footer-01 {
  width: 739px;
}
.singlePage #footer #nav-footer-03,
.singlePage #footer #nav-footer-04,
.singlePage #footer #copyright,
.singlePage #footer #footerTxt {
  width: 700px;
}
.singlePage #footer #nav-footer-03 li,
.singlePage #footer #nav-footer-04 dd {
  white-space: nowrap;
}
/*--------------------------------------------------
	追加設定：経済指標カレンダー
--------------------------------------------------*/
#calendarAriaToday {
  height: 300px;
  overflow: auto;
  margin-bottom: 0.5em;
}
#calendarTableToday {
  line-height: 1.2;
  margin-bottom: 0.5em;
}
#calendarTableToday thead {
}
#calendarTableToday thead th {
  padding: 10px;
  background-color: #eaeaea;
  white-space: nowrap;
}
#calendarTableToday tbody {
}
#calendarTableToday tbody th,
#calendarTableToday tbody td {
  padding: 3px;
}
#calendarTableToday tbody th {
}
#calendarTableToday tbody td {
  font-size: 93%;
}
#calendarTableToday tbody .line_a th,
#calendarTableToday tbody .line_a td {
  background-color: #ffffff;
}
#calendarTableToday tbody .line_b th,
#calendarTableToday tbody .line_b td {
  background-color: #f6f6f6;
}
#calendarTableToday tbody .line_c th,
#calendarTableToday tbody .line_c td {
  background-color: #dddddd;
}
#calendarTableToday tbody th.date {
}
#calendarTableToday tbody th.time {
}
#calendarTableToday tbody td.flag {
  line-height: 1;
  font-size: 85%;
  white-space: nowrap;
}
#calendarTableToday tbody td.flag img {
  margin-bottom: 3px;
}
/*--------------------------------------------------
	追加設定：FXトップ
--------------------------------------------------*/
#fxtop_calendar,
#fxtop_marketpoint {
}
#fxtop_calendar {
}
#fxtop_marketpoint {
  float: right;
}
#fxtop_marketpoint .marketpoint_scroll {
  border: solid 1px #ccc;
  height: 300px;
  overflow: auto;
  padding: 10px;
  margin-bottom: 0.5em;
}
#fxtop_marketpoint .marketpoint_scroll .s_icst {
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
  background: url(../images/dottline01.png) 0 100% repeat-x;
}
#fxtop_marketpoint .marketpoint_scroll .s_icst dt {
  font-weight: bold;
}
#fxtop_marketpoint .marketpoint_scroll .s_icst dd img {
  margin-right: 3px;
}
/*--------------------------------------------------
	追加設定：先物OP口座開設ボタン（2カラム）
--------------------------------------------------*/
/* キャンペーンに参加するには */
.account2col {
  text-align: center;
  background-color: #f4f3ea;
  padding-bottom: 20px;
  margin-bottom: 2em;
  width: 740px;
  margin-left: auto;
  margin-right: auto;
}
.account2col .head {
  font-size: 123.1%;
  font-weight: bold;
  padding: 5px 0;
  margin-bottom: 1em;
  color: #ffffff;
  background: url(../images/diagonal_bg.gif) 0 0 repeat;
}
.account2col .boxleft,
.account2col .boxright {
  width: 325px;
}
.account2col .boxleft {
  float: left;
  padding: 10px;
  background-color: #dddddd;
  margin-left: 15px;
  border: 1px solid #cccccc;
}
.account2col .boxright {
  float: right;
  padding: 10px;
  background-color: #dddddd;
  margin-right: 15px;
  border: 1px solid #cccccc;
}
.account2col .boxleft .text,
.account2col .boxright .text {
  font-weight: bold;
  padding-bottom: 20px;
  margin-bottom: 10px;
  background: url(../images/arrow_under.png) 50% 100% no-repeat;
}
.account2col .btn_arrow {
  background: url(../images/arrow_under.png) 50% 100% no-repeat;
  margin-bottom: 10px;
  padding-bottom: 20px;
}
.account2col .boxleft .text p,
.account2col .boxright .text p {
  border: solid 1px #cccccc;
  background: url(../images/gradation_bg.jpg) 0 100% no-repeat;
}
.account2col .boxleft .text p span,
.account2col .boxright .text p span {
  padding: 10px;
  display: block;
  border: solid 1px #ffffff;
}
.account2col .boxleft .btn,
.account2col .boxright .btn {
  font-size: 85%;
  line-height: 1.5;
  padding: 10px;
  border: solid 1px #cccccc;
  background-color: #ffffff;
}
.account2col .boxleft .btn a,
.account2col .boxright .btn a {
  background-color: #ffffff;
  border-bottom: none;
  padding: 0;
  margin: 0;
}
.account2col .boxleft .btn img,
.account2col .boxright .btn img {
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .account2col {
    width: auto;
  }
  .account2col .boxleft,
  .account2col .boxright {
    float: none;
    margin: 0 auto 1em;
    padding: 5px;
  }
}

/*--------------------------------------------------
	追加設定：サイト内タブデザイン
--------------------------------------------------*/
.switchTab .selectors li {
  float: left;
  font-weight: bold;
  border-top: solid 1px #d4d4d4;
  border-right: solid 1px #d4d4d4;
  border-bottom: solid 1px #d4d4d4;
  border-left: solid 1px #d4d4d4;
  margin-right: 2px;
  text-align: center;
  background-color: #f2f2f2;
}
.switchTab .selectors li span,
.switchTab .selectors li a {
  cursor: pointer;
  padding: 8px 10px;
  display: block;
  text-decoration: none;
  color: #333333;
}
.switchTab .selectors .active span,
.switchTab .selectors li:hover span,
.switchTab .selectors li:hover a {
  color: #e11839;
}
.switchTab .selectors li:hover,
.switchTab .selectors .active {
  border-top: solid 1px #e2193a;
  background: #ffffff url(../images/tabback.gif) 0 0 repeat-x;
}
.switchTab .selectors .active {
  border-bottom: solid 1px #ffffff;
}
.switchTab .contents {
  margin-top: -1px;
}
.switchTab .contents .content {
  padding: 10px;
  border: solid 1px #cccccc;
  display: block;
}
.switchTab .contents .content.default {
  display: block;
}
/*--------------------------------------------------
トップページジャック左右バナー（通常時はコメントアウト）
--------------------------------------------------*/
#smallBanner {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: -112px;
}
#smallBanner2 {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: -112px;
}
/*--------------------------------------------------
2015年リニューアル時追加分
--------------------------------------------------*/

/* 汎用クラス */
.txtBar01 {
  margin-bottom: 1.5em;
  background-color: #666666;
  color: #ffffff;
  padding: 8px 20px;
}
/* サブカラムメニュー */
#menu {
}
.loginBlock {
  margin-bottom: 30px;
  /*padding: 20px;*/
  /*background-color: #20252a;*/
  color: #ffffff;
}
.loginBlock [class*='cvBtn'] {
  /*margin-top: 5px;*/
  margin-top: 0;
}
.loginBlock .cvBtn01 a {
  /*font-size: 137.5%;*/
  font-size: 112.5%; /*18px */
}
.loginBlock .cvBtn01 a span:first-of-type {
  font-size: 88.889%; /*16px */
}
.loginBlock .cvBtn01 a span:last-of-type {
  font-size: 112.5%; /*18px */
}
.loginBlock .cvBtn02 {
  margin-bottom: 20px;
}
.loginBlock .cvBtn02 a {
  font-size: 137.5%;
}

#subcolumn .loginBlock .cvBtn01 a {
  padding: 20px 0;
  font-size: 15px;
}

#subcolumn .loginBlock .cvBtn01 a span {
  padding: 0;
}

#subcolumn .loginBlock .cvBtn01 a span:first-of-type {
  font-size: 17px;
  line-height: 1.5;
}

#subcolumn .loginBlock .cvBtn01 a span:last-of-type {
  font-size: 19px;
  line-height: 1.5;
}

#pageInfo {
  box-sizing: border-box;
  padding: 0px;
  background-color: #454545;
  min-height: 120px;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1050px) {
  #pageInfo {
    box-sizing: border-box;
    padding: 0px;
    background-color: #363636;
    min-height: 90px;
    width: 100%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  #pageInfo {
    box-sizing: border-box;
    padding: 0px;
    background-color: #363636;
    min-height: 90px;
    width: 100%;
    margin: 0 auto;
  }
}

h2.boxTtl,
h2.boxTtl2,
h2.boxTtl3 {
  font-weight: bold;
  margin: 0;
  border: solid #d9d9d9;
  border-width: 1px 1px 0;
}
h2.boxTtl,
h2.boxTtl3 {
  padding: 3px 8px;
}
h2.boxTtl2 {
  padding: 3px 3px;
  font-size: 77%;
}
h2.boxTtl3 {
  color: #ffffff;
}
#maincolumn h2.boxTtl {
  background-color: #c4dff6;
  background: -moz-linear-gradient(top, #e0effa, #c4dff6); /* mozilla */
  background: -webkit-gradient(linear, center top, center bottom, from(#e0effa), to(#c4dff6)); /* Webkit */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFe0effa', endColorstr='#FFc4dff6'); /* IE5.5以上 */
}
#subcolumn h2.boxTtl {
  background-color: #fad1d6;
  background: -moz-linear-gradient(top, #fce7ea, #fad1d6); /* mozilla */
  background: -webkit-gradient(linear, center top, center bottom, from(#fce7ea), to(#fad1d6)); /* Webkit */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFfce7ea', endColorstr='#FFfad1d6'); /* IE5.5以上 */
}
#subcolumn h2.boxTtl2 {
  background: linear-gradient(#e2e2e2, #b1b1b1);
  background-color: #b1b1b1;
  background: -moz-linear-gradient(top, #e2e2e2, #b1b1b1); /* mozilla */
  background: -webkit-gradient(linear, center top, center bottom, from(#e2e2e2), to(#b1b1b1)); /* Webkit */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFe2e2e2', endColorstr='#FFb1b1b1'); /* IE5.5以上 */
}
#subcolumn h2.boxTtl3 {
  background: linear-gradient(#a5a5a5, #525252);
  background-color: #525252;
  background: -moz-linear-gradient(top, #a5a5a5, #525252); /* mozilla */
  background: -webkit-gradient(linear, center top, center bottom, from(#a5a5a5), to(#525252)); /* Webkit */
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFa5a5a5', endColorstr='#FF525252'); /* IE5.5以上 */
}
h3.boxSubTtl {
  margin-bottom: 8px;
  padding-bottom: 2px;
  border-bottom: solid 1px #d9d9d9;
}
#indexInfo .infoBox {
  border: solid #d9d9d9;
  border-width: 0 1px 1px;
  padding: 15px;
  margin-bottom: 20px;
}
#indexInfo .infoBox2 {
  border: solid #d9d9d9;
  border-width: 0 1px 1px;
  padding: 10px;
  margin-bottom: 10px;
}
#indexInfo .infoBox2 li {
  padding-bottom: 0.3em;
}
#indexInfo .infoBox2 li a {
  font-size: 85%;
  display: block;
  padding-left: 13px;
  background-repeat: no-repeat;
  background-position: 0 4px;
  background-size: 5px auto;
  background-image: url(../images/arrow06.png);
}
#indexInfo .infoBox2 li a:hover {
  background-image: url(../images/arrow02.png);
}
#indexInfo .infoBox2 li a img {
  padding-left: 3px;
}
/* デフォルトボタン設定 */
.btn {
}
.btn a {
  display: block;
  color: #ffffff;
  background-color: #4a4a4a;
  background-image: url(../images/arrow03.png);
  background-repeat: no-repeat;
  text-decoration: none;
  /*
	transition-duration:0.08s;
*/
  padding: 20px 0;
  font-size: 20px;
  background-position: 95% 50%;
  margin-top: -3px;
  border-bottom: solid 3px #000000;
}
.btn a:hover {
  margin-top: -6px;
  border-bottom: solid 6px #333333;
  background-color: #616161;
}
.btn a:active {
  margin-top: 0;
  border-bottom: solid 0 #000000;
}
.btn a img {
  margin-left: 3px;
}
/* デフォルトボタン(小黒)設定 */
.sbtn {
}
.sbtn a {
  display: block;
  margin: 0 10px 0 0;
  width: 340px;
  color: #ffffff;
  background-color: #4a4a4a;
  background-image: url(../images/arrow15.png);
  background-size: 1.5%;
  background-repeat: no-repeat;
  text-decoration: none;
  float: left;
  /*
	transition-duration:0.08s;
*/
  padding: 8px 18px 5px 50px;
  font-size: 15px;
  background-position: 7% 50%;
  margin-top: -3px;
  border-bottom: solid 3px #000000;
}
.sbtn a:hover {
  margin-top: -6px;
  border-bottom: solid 6px #333333;
  background-color: #616161;
}
.sbtn a:active {
  margin-top: 0;
  border-bottom: solid 0 #000000;
}
.sbtn a img {
  margin-left: 3px;
}
/* デフォルトボタン(小赤)設定 */
.sbtn_red {
}
.sbtn_red a {
  display: block;
  width: 120px;
  border-top: solid 1px #df0025;
  border-left: solid 1px #df0025;
  border-right: solid 1px #df0025;
  border-bottom: solid 3px #c50021;
  background-color: transparent;
  color: #df0025;
  background-image: url(../images/arrow02.png);
  background-size: 3%;
  background-repeat: no-repeat;
  text-decoration: none;
  float: left;
  /*
	transition-duration:0.08s;
*/
  padding: 8px 18px 5px 35px;
  font-size: 15px;
  background-position: 7% 50%;
  margin-top: -3px;
  border-bottom: solid 3px #ab001c;
}
.sbtn_red a:hover {
  margin-top: -6px;
  background-color: transparent;
  border-bottom: solid 6px #c50021;
}
.sbtn_red a:active {
  margin-top: 0;
  border-bottom: solid 1px #c50021;
}
.sbtn a img {
  margin-left: 3px;
}
/* CI版TOPボタン基本設定 */
.simpleBtn {
}
.simpleBtn a {
  border-top: solid 1px #df0025;
  border-left: solid 1px #df0025;
  border-right: solid 1px #df0025;
  border-bottom: solid 4px #c50021;
  background-color: transparent;
  color: #df0025;
  background-image: url(../images/arrow02.png);
}
.simpleBtn a:hover {
  background-color: transparent;
  border-bottom: solid 7px #c50021;
}
.simpleBtn a:active {
  border-bottom: solid 1px #c50021;
}
/* 口座開設ボタン基本設定 */
.accountBtn {
}
.accountBtn a {
  background-color: #df0025;
  border-bottom: solid 3px #ab001c;
}
.accountBtn a:hover {
  background-color: #ff2d41;
  border-bottom: solid 3px #df0025;
}
.accountBtn a:active {
  border-bottom: solid 3px #df0025;
}
/* 口座開設ボタン個別設定 */
#footerInner01 .accountBtn {
  width: 610px;
  margin: 0 auto 15px;
  text-align: center;
}
#footerInner01 .accountBtn a {
  padding: 20px 0;
  font-size: 24px;
}
#footerInner01 .accountBtn a:hover {
}
.infoBox .accountBtn {
}
.infoBox .accountBtn a {
  padding: 10px 20px;
}
.infoBox .accountBtn a:hover {
}
#headerArea .accountBtn {
  text-align: left;
}
#headerArea .accountBtn a {
  font-size: 18px;
  padding: 8px 50px 8px 15px;
}
#headerArea .accountBtn a:hover {
}
/* 初心者ボタン設定 */
.beginnerBtn {
  margin-bottom: 10px;
}
.beginnerBtn a {
  padding: 12px 5px 8px 33px;
  font-size: 100%;
  background-color: #6ba955;
  background-image: url(../images/beginner.png);
  background-position: 12px 50%;
  border-color: #517e41;
}
.beginnerBtn a:hover {
  background-color: #6ba955;
  border-color: #517e41;
}
.beginnerBtn a:active {
  background-color: #6ba955;
  border-color: #517e41;
}
/* セミナーボタン設定 */
.seminarBtn {
}
.seminarBtn a {
  padding: 10px 40px 6px 25px;
  font-size: 100%;
}
.seminarBtn a img {
  margin-left: 5px;
}
/* サブカラムボタン設定 */
#subcolumn ul.btn {
}
#subcolumn ul.btn li {
  margin-bottom: 10px;
}
#subcolumn ul.btn li a {
  font-size: 100%;
  padding: 10px 15px 5px;
  background-size: 9px auto;
}
#subcolumn ul.btn li a img {
  margin-left: 3px;
}
/* はじめての方リンク設定 */
#subcolumn #beginner {
}
#subcolumn #beginner li {
  font-size: 13px;
  margin-bottom: 10px;
}
#subcolumn #beginner li:last-child {
  margin-bottom: 0;
}
#subcolumn #beginner li a {
  display: block;
  width: 100%;
  color: #df0025;
  background: url(../images/arrow02.png) 100% 3px no-repeat;
}
/* ページトップに戻る */
#pagetop {
  position: fixed;
  bottom: 24px;
  right: 0;
  z-index: 9;
}
#pagetop a {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 68px;
  height: 68px;
  margin-right: 10px;
  opacity: 0.7;
  background: url(../images/btn_pagetop.png) 0 0 no-repeat;
  background-size: 68px 68px;
  -moz-background-size: 68px 68px;
  -webkit-background-size: 68px 68px;
}
#pagetop a:hover {
  opacity: 1;
}

@media print, screen and (max-width: 768px) {
  #pagetop a {
    width: 40px;
    height: 40px;
    /*	margin-right: 10px;
	  opacity: 0.7;*/
    background: url(../images/btn_pagetop.png) 0 0 no-repeat;
    background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -webkit-background-size: 40px 40px;
  }

  /* 各商品トップのカルーセルバナー */
  #slideBnr {
    background-color: #f5f5f5;
    padding-top: 30px;
    margin-bottom: 30px;
  }
  #slideBnr div {
    font-size: 13px;
  }
  #slideBnr div a {
    display: block;
    color: #000000;
    margin: 0 16px;
    width: 210px;
  }
  #slideBnr div img {
    margin-bottom: 5px;
  }
  #slideBnr .slick-list {
    margin-bottom: 15px;
  }
  #slideBnr .slick-slide {
  }
  #slideBnr .slick-dots {
    position: relative;
    bottom: 0;
    padding-bottom: 20px;
  }
  #slideBnr .slick-dots button {
    display: none;
  }
  #slideBnr .slick-dots li {
    width: 13px;
    height: 13px;
    background: url(../images/dotsnormal.png) 0 0 no-repeat;
  }
  #slideBnr .slick-dots li.slick-active {
    background-image: url(../images/dotsactive.png);
  }
  /* 各商品トップのお知らせ一覧 */
  .infoList {
    border: solid #eeeeee;
    border-width: 1px 0;
    margin-bottom: 1em;
    padding: 20px 0 10px;
  }
  .infoList dl {
    margin-bottom: 10px;
  }
  .infoList dt {
    float: left;
  }
  .infoList dt.date {
    width: 60px;
  }
  .infoList dt.icon {
    width: 70px;
    padding-top: 3px;
  }
  .infoList dd {
    width: 605px;
    float: left;
  }
  /* 各商品トップの特徴、魅力 */
  .attractiveImg {
    margin-bottom: 2em;
    width: 740px;
    margin-left: auto;
    margin-right: auto;
  }
  .attractiveImg li {
    width: 240px;
    text-align: center;
    float: left;
    font-size: 138.5%;
  }
  /* 各商品トップの情報ボタン */
  #infoBtnArea {
    margin-bottom: 2em;
    padding: 20px 0 0 20px;
    background-color: #ededed;
    width: 720px;
    margin-left: auto;
    margin-right: auto;
  }
  #infoBtnArea a {
    float: left;
    width: 190px;
    height: 210px;
    padding: 20px;
    margin: -3px 5px 17px 0;
    color: #000000;
    text-decoration: none;
    display: block;
    background: #ffffff url(../images/arrow02.png) 95% 95% no-repeat;
    border-bottom: solid #d6d5d5;
    border-width: 0 0 3px; /*
	  transition-duration:0.08s;
  */
  }
  #infoBtnArea a:nth-child(3n + 1) {
    clear: both;
  }
  #infoBtnArea a:hover {
    margin-top: -6px;
    border-width: 0 0 6px;
  }
  #infoBtnArea a:active {
    margin-top: 0;
    border-width: 0;
  }
  #infoBtnArea a dt {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
  }
  #infoBtnArea a dd {
    font-size: 14px;
  }
  /* 各商品トップのツール紹介 */
  #toolArea {
    width: 740px;
    margin-left: auto;
    margin-right: auto;
  }
  #toolArea div {
    width: 335px;
    float: left;
    text-align: center;
    margin: 0 15px 30px;
  }
  #toolArea div .img {
    height: 190px;
  }
  #toolArea div dl {
    height: 120px;
  }
  #toolArea div dt {
    font-size: 123.1%;
    margin-bottom: 0.8em;
  }
  #toolArea div dd {
    font-size: 85%;
  }
  #toolArea .btn {
    text-align: left;
  }
  #toolArea .btn a {
    font-size: 100%;
    padding: 8px 15px;
  }
  /* 各商品トップのマーケットポイント */
  #pointProductsTop {
    height: 500px;
    border-top: solid 1px #d9d9d9;
    margin-bottom: 1em;
    overflow: auto;
    background-color: #f5f5f5;
  }
  #pointProductsTop dl {
    border-bottom: solid 1px #d9d9d9;
    padding: 10px 15px;
  }
  #pointProductsTop dt {
    font-weight: bold;
    /*	margin-bottom:;*/
  }
  #pointProductsTop dd {
  }
  /* FXトップの証拠金基準額 */
  #fxMargin {
  }
  #fxMargin li {
    width: 358px;
    float: left;
  }
  #fxMargin li:nth-child(odd) {
    margin-right: 20px;
  }
  #fxMargin li table {
    margin-bottom: 0.5em;
  }
  #fxMargin li table th {
    width: 58%;
  }
  #fxMargin li table td {
    text-align: center;
  }
  /* キャンペーンindex */
  .camp-digest-01 {
    /* border:solid 5px #cccccc; */
    margin-bottom: 20px;
  }
  .camp-digest-01 .pict {
    width: 100px;
    float: left;
  }
  .camp-digest-01 .text {
    width: 780px;
    float: right;
  }
  .camp-digest-01 .title {
    width: 780px;
    float: right;
    font-size: 108%;
    font-weight: bold;
    margin-bottom: 5px;
    line-height: 1.5;
  }
  .camp-digest-01 .title p {
    padding: 3px 0 0 70px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    word-break: normal;
  }
  .camp-digest-01 .title p.account {
    background-image: url(../images/icn_new_account_01.gif);
  }
  .camp-digest-01 .title p.jp {
    background-image: url(../images/icn_jp_01.gif);
  }
  .camp-digest-01 .title p.fund {
    background-image: url(../images/icn_fund_01.gif);
  }
  .camp-digest-01 .title p.fop {
    background-image: url(../images/icn_fop_01.gif);
  }
  .camp-digest-01 .title p.click {
    background-image: url(../images/icn_click_01.gif);
  }
  .camp-digest-01 .title p.fx_otc {
    background-image: url(../images/icn_fx_otc_01.gif);
  }
  .camp-digest-01 .title p.fx_cfd {
    background-image: url(../images/icn_fx_cfd_01.gif);
  }
  .camp-digest-01 .title p.kabu365 {
    background-image: url(../images/icn_kabu365_01.gif);
  }
  .camp-digest-01 .title p.ideco {
    background-image: url(../images/icn_ideco_01.gif);
  }
  .camp-digest-01 .title p.rss {
    background-image: url(../images/icn_rss_01.gif);
  }
  .camp-digest-01 .title p.cp20190401 {
    background-image: url(../images/icn_jp_fop_01.gif);
  }
  .camp-digest-01 .text {
  }
  /* 2015年10月リニューアル以降　セミナー一覧 */
  .seminarListBox {
    padding-bottom: 1em;
    margin-bottom: 1.5em;
    background: url(../images/dottline01.png) 0 100% repeat-x;
  }
  .seminarListBox .seminarIcn {
  }
  .seminarListBox .seminarIcn li {
    float: left;
    margin-right: 2px;
  }
  .seminarListBox .seminarDate {
    font-size: 85%;
  }
  .seminarListBox h3.seminarTitle {
    font-size: 131%;
  }
  .seminarListBox .seminarLink {
  }
  .seminarListBox .seminarLink li {
    float: left;
    margin-right: 20px;
  }
  /* 2015年10月リニューアル以降　セミナー詳細 */
  .seminarDetail {
    margin-bottom: 2em;
  }
  .seminarDetail .seminarIcn {
    margin-bottom: 0;
  }
  .seminarDetail .seminarIcn li {
    float: left;
    margin-right: 2px;
  }
  .seminarDetail .seminarDate {
    font-size: 85%;
    margin-bottom: 1.5em;
  }
  .seminarDetail .seminarDescription {
    margin-bottom: 2em;
  }
  /* セミナーリスト */
  .seminar-list {
    border: 0;
    font-size: 93%;
    margin-bottom: 1em;
  }
  .seminar-list tr,
  .seminar-list td {
    border: 0;
  }
  .seminar-list tr {
    background: url(../images/dottline01.png) 0 100% repeat-x;
  }
  .seminar-list td {
    padding: 10px 0;
    vertical-align: top;
  }
  .seminar-list td.icon {
    width: 11%;
  }
  .seminar-list td.icon img {
    margin-bottom: 2px;
  }
  .seminar-list td.date {
    width: 23%;
    font-size: 85%;
  }
  .seminar-list td.title {
    width: 46%;
    padding-right: 15px;
  }
  .seminar-list td.btn {
  }
  .seminar-list td.btn div p {
    float: left;
  }
  .seminar-list td.btn div p a {
    padding: 0 10px 0 16px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-image: url(../images/mark_normal.png);
    margin: 0;
    border-bottom: none;
    font-size: 100%;
    color: #3c6bc2;
    background-color: #ffffff;
  }
  .seminar-list td.btn div p a:hover {
    background-image: url(../images/mark_normal.png);
    text-decoration: underline;
  }
  .seminar-list td.btn div p a img {
    padding-left: 2px;
  }
  .btn-seminar-list {
    width: 900px;
    clear: both;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .btn-seminar-list li {
    /*	float: right;*/
    margin-left: 20px;
    font-weight: bold;
  }
  .btn-seminar-list li a {
    display: block;
    padding-left: 16px;
    background-repeat: no-repeat;
    background-position: 0 4px;
    background-image: url(../images/mark_normal.png);
  }
  .btn-seminar-list li a:hover {
    background-image: url(../images/mark_normal.png);
  }
  /* 雇用統計セミナーページへの導線 一括非表示（display:none; を記述して下さい） */
  .usaJack {
    display: none;
  }
  .usaLink {
    display: none;
  }
  /* 2017/11/02 米国雇用統計特別レポート */
  #specialReport {
    margin-bottom: 15px;
  }
  #specialReport a {
    display: block;
    border: solid 2px #2867a7;
    background-color: #eff8ff;
    padding: 10px;
  }
  #specialReport dl {
  }
  #specialReport dt {
    float: left;
    margin-right: 10px;
  }
  #specialReport dd {
    width: 140px;
    float: left;
    font-weight: bold;
  }
  /* 2018/03/28 レコメンド */
  h2.recommend1_title {
    width: 240px;
    margin: 0 auto;
    background-color: #d13737;
    color: #fff;
    padding: 5px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
  }
  p.recommend1_second {
    width: 240px;
    margin: 0 auto;
    background-color: #d13737;
    color: #fff;
    padding: 5px;
    text-align: right;
    font-size: 12px;
  }
  p.stock-rank-label {
    width: 238px;
    margin: 10px auto 0 auto;
    background-color: #d9d8d0;
    padding: 5px;
    font-size: 14px;
    border: 1px solid #d9d8d0;
  }
  p.stock-rank-label span {
    font-size: 12px;
  }
  dl.stock-rank-label {
    width: 153px;
    margin: 0 0 5px 0;
    padding: 0;
    height: 28px;
  }
  dl.stock-rank-label dt {
    padding-left: 38px;
    font-size: 12px;
    float: left;
    clear: left;
    width: 65px;
    margin: 0;
  }
  dl.stock-rank-label dd {
    float: left;
    font-size: 12px;
    width: 50px;
    margin: 0;
    color: #d13737;
  }
  .stock-rank-1 {
    background: url(../images/icn_1.gif) no-repeat left top;
    background-position: 2px 2px;
    clear: left;
    width: 248px;
    padding: 0;
    margin: 0 auto;
    border: 1px solid #d9d8d0;
  }
  .stock-rank-2 {
    background: url(../images/icn_2.gif) no-repeat left top;
    background-position: 2px 2px;
    clear: left;
    width: 248px;
    padding: 0;
    margin: 0 auto;
    border: 1px solid #d9d8d0;
  }
  .stock-rank-3 {
    background: url(../images/icn_3.gif) no-repeat left top;
    background-position: 2px 2px;
    clear: left;
    width: 248px;
    padding: 0;
    margin: 0 auto;
    border: 1px solid #d9d8d0;
  }
  .stock-rank-4 {
    background: url(../images/icn_4.gif) no-repeat left top;
    background-position: 2px 2px;
    clear: left;
    width: 248px;
    padding: 0;
    margin: 0 auto;
    border: 1px solid #d9d8d0;
  }
  .stock-rank-5 {
    background: url(../images/icn_5.gif) no-repeat left top;
    background-position: 2px 2px;
    clear: left;
    width: 248px;
    padding: 0;
    margin: 0 auto;
    border: 1px solid #d9d8d0;
  }
  h3.stock-rank-name {
    padding: 0 0 0 42px;
    font-size: 16px;
    line-height: 1.2;
    margin: 10px 0 0 0;
  }
  .stock-rank-img {
    width: 240px;
    text-align: right;
  }
  .stock-rank-img img {
    margin-top: -5px;
  }
  .reccomend-last {
    width: 240px;
    margin: 0 auto 15px;
    font-size: 11px;
    margin-top: 5px;
  }
}

.seminarListBox .seminarInstructor {
  margin-bottom: 0.5em;
}
.seminarListBox .seminarInstructor li {
}
#fop_seminar_yenzo_index .seminarInstructor,
#seminar_usa_index .seminarInstructor,
#tradeinfo_daily_takebe .seminarInstructor,
#tradeinfo_kabu-3minutes .seminarInstructor,
#tradeinfo_theme-chikara .seminarInstructor,
#tradeinfo_emin-channel .seminarInstructor,
.seminarDetail .seminarInstructor {
}
#fop_seminar_yenzo_index .seminarInstructor .instructor,
#seminar_usa_index .seminarInstructor .instructor,
#tradeinfo_daily_takebe .seminarInstructor .instructor,
#tradeinfo_kabu-3minutes .seminarInstructor .instructor,
#tradeinfo_theme-chikara .seminarInstructor .instructor,
#tradeinfo_emin-channel .seminarInstructor .instructor,
.seminarDetail .seminarInstructor .instructor {
  padding: 10px;
  width: 46%;
  margin-bottom: 20px;
  border: solid 1px #cccccc;
}
#fop_seminar_yenzo_index .seminarInstructor .instructor:nth-child(odd),
#seminar_usa_index .seminarInstructor .instructor:nth-child(odd),
#tradeinfo_daily_takebe .seminarInstructor .instructor:nth-child(odd),
#tradeinfo_kabu-3minutes .seminarInstructor .instructor:nth-child(odd),
#tradeinfo_theme-chikara .seminarInstructor .instructor:nth-child(odd),
#tradeinfo_emin-channel .seminarInstructor .instructor:nth-child(odd),
.seminarDetail .seminarInstructor .instructor:nth-child(odd) {
  float: left;
  clear: both;
}
#fop_seminar_yenzo_index .seminarInstructor .instructor:nth-child(even),
#seminar_usa_index .seminarInstructor .instructor:nth-child(even),
#tradeinfo_daily_takebe .seminarInstructor .instructor:nth-child(even),
#tradeinfo_kabu-3minutes .seminarInstructor .instructor:nth-child(even),
#tradeinfo_theme-chikara .seminarInstructor .instructor:nth-child(even),
#tradeinfo_emin-channel .seminarInstructor .instructor:nth-child(even),
.seminarDetail .seminarInstructor .instructor:nth-child(even) {
  float: right;
}
#fop_seminar_yenzo_index .seminarInstructor .instructor .img,
#seminar_usa_index .seminarInstructor .instructor .img,
#tradeinfo_daily_takebe .seminarInstructor .instructor .img,
#tradeinfo_kabu-3minutes .seminarInstructor .instructor .img,
#tradeinfo_theme-chikara .seminarInstructor .instructor .img,
#tradeinfo_emin-channel .seminarInstructor .instructor .img,
.seminarDetail .seminarInstructor .instructor .img {
  float: left;
  margin-right: 10px;
}
#fop_seminar_yenzo_index .seminarInstructor .instructor .txt,
#seminar_usa_index .seminarInstructor .instructor .txt,
#tradeinfo_daily_takebe .seminarInstructor .instructor .txt,
#tradeinfo_kabu-3minutes .seminarInstructor .instructor .txt,
#tradeinfo_theme-chikara .seminarInstructor .instructor .txt,
#tradeinfo_emin-channel .seminarInstructor .instructor .txt,
.seminarDetail .seminarInstructor .instructor .txt {
  width: auto;
  padding-left: 80px;
}
#fop_seminar_yenzo_index .seminarInstructor .instructor .txt dl,
#seminar_usa_index .seminarInstructor .instructor .txt dl,
#tradeinfo_daily_takebe .seminarInstructor .instructor .txt dl,
#tradeinfo_kabu-3minutes .seminarInstructor .instructor .txt dl,
#tradeinfo_theme-chikara .seminarInstructor .instructor .txt dl,
#tradeinfo_emin-channel .seminarInstructor .instructor .txt dl,
.seminarDetail .seminarInstructor .instructor .txt dl {
  margin-bottom: 0.5em;
}
#fop_seminar_yenzo_index .seminarInstructor .instructor .txt dt,
#seminar_usa_index .seminarInstructor .instructor .txt dt,
#tradeinfo_daily_takebe .seminarInstructor .instructor .txt dt,
#tradeinfo_kabu-3minutes .seminarInstructor .instructor .txt dt,
#tradeinfo_theme-chikara .seminarInstructor .instructor .txt dt,
#tradeinfo_emin-channel .seminarInstructor .instructor .txt dt,
.seminarDetail .seminarInstructor .instructor .txt dt {
  font-weight: bold;
}

.seminarDetail .seminarLink {
  margin-bottom: 2em;
}
.seminarDetail .seminarLink li {
  float: left;
  margin-right: 10px;
}

/* キャンペーンに参加するには */
#campaign_entry {
  text-align: center;
  background-color: #f4f3ea;
  padding-bottom: 20px;
  margin-bottom: 2em;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}
.campaign_entry_02 {
  text-align: center;
  background-color: #f4f3ea;
  padding: 20px;
  margin-bottom: 2em;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}
#campaign_entry .head,
.campaign_entry_02 .head {
  font-size: 123.1%;
  font-weight: bold;
  padding: 5px 0;
  margin-bottom: 1em;
  color: #ffffff;
  background: url(../images/diagonal_bg.gif) 0 0 repeat;
}
#campaign_entry .boxleft,
#campaign_entry .boxright {
  width: 425px;
}
#campaign_entry .boxleft {
  float: left;
  padding: 10px;
  background-color: #dddddd;
  margin-left: 40px;
  border: 1px solid #cccccc;
}
#campaign_entry .boxright {
  float: right;
  padding: 10px;
  background-color: #dddddd;
  margin-right: 40px;
  border: 1px solid #cccccc;
}
#campaign_entry .boxleft .text,
#campaign_entry .boxright .text {
  font-weight: bold;
  padding-bottom: 20px;
  margin-bottom: 10px;
  background: url(../images/arrow_under.png) 50% 100% no-repeat;
}
#campaign_entry .btn_arrow {
  background: url(../images/arrow_under.png) 50% 100% no-repeat;
  margin-bottom: 10px;
  padding-bottom: 20px;
}
.campaign_entry_02 .btn_arrow {
  background: url(../images/arrow_right.png) right 50% no-repeat;
  padding-right: 20px;
}
.campaign_entry_02 .btn_plus {
  background: url(../images/plus_ico.png) right 50% no-repeat;
  padding-right: 22px;
}
#campaign_entry .boxleft .text p,
#campaign_entry .boxright .text p,
.campaign_entry_02 .text p,
.campaign_entry_02 .text p {
  border: solid 1px #cccccc;
  background: url(../images/gradation_bg.jpg) 0 100% no-repeat;
}
#campaign_entry .boxleft .text p span,
#campaign_entry .boxright .text p span,
.campaign_entry_02 .text p span,
.campaign_entry_02 .text p span {
  padding: 10px;
  display: block;
  border: solid 1px #ffffff;
}
#campaign_entry .boxleft .btn,
#campaign_entry .boxright .btn,
.campaign_entry_02 .btn,
.campaign_entry_02 .btn {
  line-height: 2;
  padding: 10px;
  border: solid 1px #cccccc;
  background-color: #ffffff;
}
#campaign_entry .boxleft .btn a,
#campaign_entry .boxright .btn a,
.campaign_entry_02 .btn a,
.campaign_entry_02 .btn a {
  background-color: #ffffff;
  color: #333;
  padding: 0;
  margin-top: 0;
  border-bottom: none;
  font-size: 100%;
}
#campaign_entry .boxleft .btn .pgh-arrow-01 a,
#campaign_entry .boxright .btn .pgh-arrow-01 a,
.campaign_entry_02 .btn .pgh-arrow-01 a,
.campaign_entry_02 .btn .pgh-arrow-01 a {
  padding: 0 0 0 25px;
  text-align: left;
}
#campaign_entry .boxleft .btn .pgh-arrow-01 a:hover,
#campaign_entry .boxright .btn .pgh-arrow-01 a:hover,
.campaign_entry_02 .btn .pgh-arrow-01 a:hover,
.campaign_entry_02 .btn .pgh-arrow-01 a:hover {
  color: #b01e23;
  text-decoration: underline;
}
.campaign_entry_02 .btn_01,
.campaign_entry_02 .btn_02 {
  float: left;
  width: 418px;
}
.campaign_entry_02 .btn_01 {
  margin-right: 10px;
}
.campaign_entry_02 .btn_02 {
}

#campaign_entry .btn ul.txtBtn {
  margin-top: 1em;
}
#campaign_entry .btn ul.txtBtn li {
  margin-bottom: 1em;
}
#campaign_entry .btn ul.txtBtn a {
  position: relative;
  border: 1px solid #cccccc;
  background-color: #fff;
  color: #333333;
  padding: 15px 0;
  font-weight: bold;
}
#campaign_entry .btn ul.txtBtn a:hover {
  background-color: #f8f9fa;
}
#campaign_entry .btn ul.txtBtn a:before {
  content: '';
  position: absolute;
  top: 35%;
  left: 14px;
  width: 7px;
  height: 13px;
  background: url(../images/mark_normal.png) no-repeat 0 0;
}

/* 口座開設ボタン */
#campaign_entry .btn ul.txtBtn .accountBtn a {
  background-color: #e00025;
  color: #fff;
}
#campaign_entry .btn ul.txtBtn .accountBtn a:before {
  background: url(../images/arrow15.png) no-repeat 0 0;
}
#campaign_entry .btn ul.txtBtn .accountBtn a:hover {
  background-color: #ba001b;
}

/* 暗号資産ボタン */
#campaign_entry .btn ul.txtBtn .cryrtoBtn a {
  background-color: #b94f84;
  color: #fff;
}
#campaign_entry .btn ul.txtBtn .cryrtoBtn a:before {
  background: url(../images/arrow15.png) no-repeat 0 0;
}
#campaign_entry .btn ul.txtBtn .cryrtoBtn a:hover {
  background-color: #a94577;
}

#campaign_entry .btn ul.txtBtn a[target='_blank']:after {
  content: '別ウインドウで開きます';
  position: absolute;
  top: 50%;
  right: 20px;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  background: url(../images/com_ic11.png) no-repeat 0 0;
  text-align: left !important;
  text-indent: -9999px;
}

@media screen and (max-width: 768px) {
  #fop_seminar_yenzo_index .seminarInstructor .instructor,
  #seminar_usa_index .seminarInstructor .instructor,
  #tradeinfo_daily_takebe .seminarInstructor .instructor,
  #tradeinfo_kabu-3minutes .seminarInstructor .instructor,
  #tradeinfo_theme-chikara .seminarInstructor .instructor,
  #tradeinfo_emin-channel .seminarInstructor .instructor,
  .seminarDetail .seminarInstructor .instructor,
  .seminarDetail .seminarInstructor .instructor:nth-child(odd),
  .seminarDetail .seminarInstructor .instructor:nth-child(even) {
    width: auto;
    float: none;
  }

  #campaign_entry .boxleft,
  #campaign_entry .boxright {
    width: 80%;
    margin: 0 auto 1em;
    float: none;
  }
}

/* Canvas.jsのクレジット非表示 */
.canvasjs-chart-credit {
  display: none !important;
}
.canvasjs-chart-canvas {
  padding: 0 !important;
}
.canvasjs-chart-toolbar {
  display: none !important;
}

/**
 * Q&Aポップアップの表示
 */

.call-qa_popup {
  position: absolute;
  top: 15px;
  right: 0px;
}
.call-qa_popup .qa_icon {
}
.call-qa_popup .qa_icon a {
  display: block;
  width: 30px;
  padding: 5px;
  transition: opacity 0.5s cubic-bezier(0, 0, 0.2, 1);
  box-sizing: border-box;
  -moz-box-sizing: border-box; /* Firefox */
  -webkit-box-sizing: border-box; /* Safari */
}
.call-qa_popup .qa_icon a:hover {
  opacity: 0.5;
}
.call-qa_popup .qa_icon .balloon_box {
  display: none;
  position: absolute;
  z-index: 1001;
  top: -2px;
  right: calc(0px - 11rem - 35px);
  transition: opacity 0.5s cubic-bezier(0, 0, 0.2, 1);
  opacity: 0;
  width: 11rem;
  padding: 8px 12px;
  background: rgba(51, 51, 51, 0.9);
  border-radius: 5px;
  color: #fff;
  font-size: 12px;
}
.balloon_box:after {
  position: absolute;
  bottom: 12px;
  left: -7px;
  width: 0;
  height: 0;
  margin-left: -6px;
  border: solid transparent;
  border-color: rgba(51, 51, 51, 0);
  border-right-color: rgba(51, 51, 51, 0.9);
  border-width: 5px;
  border-right-width: 8px;
  pointer-events: none;
  content: ' ';
}
.call-qa_popup .qa_icon a:hover + .balloon_box {
  display: block;
  opacity: 1;
}
.call-qa_popup .qa_icon svg {
}
@media (max-width: 768px) {
}
@media (min-width: 769px) {
}
@media (max-width: 1590px) {
  .call-qa_popup .qa_icon .balloon_box {
    display: none !important;
    top: 36px;
    right: 0;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25);
  }
  .balloon_box:after {
    bottom: 100%;
    left: calc(-1rem - 1px);
    margin-left: calc(11rem + 15px);
    border-color: rgba(51, 51, 51, 0);
    border-bottom-color: rgba(51, 51, 51, 0.9);
    border-width: 5px;
    border-bottom-width: 8px;
  }
}

/**
 * Q&Aポップアップ
 */

#qa_popup {
  position: fixed;
  top: 5.5rem;
  left: calc(50% - 400px);
  z-index: 1000;
  transform: translateY(calc(-100vh));
  transition: transform 0.25s ease-in-out;
}
#qa_popup.open {
  transform: translateY(calc(0vh));
}
.qa_popup-wrapper {
  background: #fff;
  width: 100%;
  max-width: 800px;
  font-size: 14px;
  box-shadow: 0px 6px 10px -3px rgba(0, 0, 0, 0.25);
}
.qa_popup-header {
  position: relative;
  background: #999;
  padding: 7px 20px;
}
.qa_popup-header form {
  display: flex;
  width: 100%;
}
.qa_popup-header form * {
  box-sizing: border-box;
  -moz-box-sizing: border-box; /* Firefox */
  -webkit-box-sizing: border-box; /* Safari */
}
.qa_popup-header select {
  width: 40%;
  max-width: 130px;
  height: 3rem;
  outline: 0 none;
  padding: 0 8px;
  background-color: #ddd;
  line-height: 1;
  border-color: #666666;
  border-right-width: 0;
}
.qa_popup-header input[type='text'] {
  width: 100%;
  max-width: 558px;
  height: 3rem;
  outline: 0 none;
  padding: 0 8px;
  line-height: 1;
  border-color: #666666;
}
.qa_popup-header input[type='submit'] {
  height: 3rem;
  border-color: #666666;
  color: #ffffff;
  padding: 5px 13px 4px 30px;
  background: #666666 url(../images/searchico.png) 10px 50% no-repeat;
  cursor: pointer;
}
.qa_popup-header h3 {
  color: #fff;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  margin: 8px auto;
}
.qa_popup-close {
  position: absolute;
  top: 0;
  right: 0;
}
.qa_popup-close a {
  color: #fff;
  font-size: 24px;
  line-height: 24px;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
}
.qa_popup-body {
  overflow-y: auto;
  max-height: calc(100vh - 320px);
}
.qa_popup-body h4 {
  padding: 20px 20px 0;
  font-weight: 700;
}
.qa_popup-footer {
  /* border-top: 3px solid #aaa; */
  padding: 0 0 14px;
}
.qa_popup-footer h4 {
  padding: 6px 12px;
  font-weight: 700;
  text-align: center;
}
.qa_popup-ranking {
  padding: 0 20px 20px;
  /* border-bottom: 1px solid #999; */
}
.qa_popup-ranking-item {
  border-bottom: 1px dashed #999;
}
.qa_popup-ranking-item:last-of-type {
  border-bottom: none;
}
.qa_popup-ranking-item a {
  padding: 13px 0;
  display: flex;
  align-items: center;
  color: inherit;
}
.qa_popup-ranking-item figure {
  width: 27px;
  margin: 0 18px 0 6px;
}
.qa_popup-ranking-item img {
  width: 100%;
}
.qa_popup-ranking-item p {
  line-height: 1.4;
}
.qa-show_all {
  padding: 0 20px;
  /* border-top: 1px solid #999; */
  /* border-bottom: 1px solid #999; */
}
.qa-show_all .link_qa {
  max-width: 415px;
  width: 100%;
  margin: 20px auto 10px;
}
.qa-show_all .link_qa :before {
  /* content: ""; */
  position: absolute;
  display: block;
  top: 50%;
  left: 90%;
  width: 27px;
  height: 27px;
  margin-top: -14px;
  background: url(../images/icn_arr_right_wred02.svg) no-repeat 0 0;
  background-size: 27px 27px;
  -moz-background-size: 27px 27px;
  -webkit-background-size: 27px 27px;
}
.qa-show_all a {
  /* 		display: flex;
	align-items: center;
	padding: 12px;
	font-weight: 700;
	line-height: 1; */
  position: relative;
  display: block;
  color: #ffffff;
  font-weight: bold;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #e00025;
  padding: 10px 0;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
}
.qa-show_all a svg {
  position: absolute;
  display: block;
  top: calc(50% - 6.5px);
  left: calc(90% - 6.5px);
  display: block;
  margin-top: -1px;
  margin-left: 6px;
}
.call_phone {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  margin-bottom: 4px;
}
.call_mobile {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1;
  margin-bottom: 10px;
}
.reception_time {
  font-size: 13px;
  text-align: center;
  line-height: 1;
  margin-bottom: 4px;
}
.kome {
  font-size: 13px;
  text-align: center;
  line-height: 1;
}

ul.qa_popup-content {
  padding: 0 10px;
  margin-bottom: 15px;
}

.qa_popup-content {
}
.qa_popup-content-question {
  font-weight: 700;
  font-size: 15px;
  margin-bottom: 20px;
}
.qa_popup-content-answer {
}
.qa_popup-body .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  float: left;
  margin-right: 5px;
  width: 16px;
  height: 16px;
  background: #666;
  font-size: 12px;
  color: #fff;
}
.gnavHelp {
  position: absolute;
  top: 50px;
  right: 1px;
  z-index: 100;
}
.gnavHelp .call-qa_popup .qa_icon .balloon_box {
  /*    background: #ba001b;
    color: #f8f9fa;*/
  background: #fff;
  color: #ba001b;
  display: block;
  opacity: 1;
}
@media (max-width: 768px) {
  #qa_popup {
    left: inherit;
  }
  .qa_popup-body {
    max-height: calc(100vh - 266px);
  }
  .qa_popup-wrapper {
    width: 96%;
    margin: 0 auto;
    box-shadow: 0px -6px 10px -3px rgba(0, 0, 0, 0.25);
  }
  .qa_popup-ranking-item figure {
    width: 10%;
    min-width: 27px;
    max-width: 33px;
    margin: 0 10px 0 0;
  }
  .balloon_box:after {
    /*        border-bottom-color: #ba001b;*/
    border-bottom-color: #fff;
  }
}

/**
 *
 */
.enq_area {
  padding: 20px 0 16px;
  text-align: center;
  border-bottom: 1px solid #999;
}
.enq_area p {
  font-size: 1.5rem;
  font-weight: 700;
}
.enq_impression {
  display: flex;
  justify-content: center;
}
.enq_impression-item {
  width: 42%;
  margin: 0 1%;
}
.enq_impression-item a {
  display: block;
  color: #000;
  padding: 5px 0;
  border-radius: 5px;
  border: 1px solid #666;
}
.enq_impression-item:first-of-type a {
  background-color: #444;
  color: #fff;
}
.enq_impression-item:last-of-type a {
  background-color: #eee;
}
.categories {
}
.categories h4 {
  padding-bottom: 0;
}
.category-items {
  padding: 0 10px;
  margin-bottom: 10px;
}
.category-items:after {
  content: '';
  display: block;
  width: 100%;
  overflow: hidden;
}
.category-item {
  float: left;
  margin-right: 0.5rem;
}
.category-item a {
  display: block;
  text-decoration: none;
  color: #000;
  line-height: 1;
  border-radius: 2rem;
  border: 1px solid #999;
  padding: 5px 1.4rem;
}
.fullsize a {
  display: flex;
  align-items: center;
  padding: 12px;
  font-weight: 700;
  line-height: 1;
}

.fullsize a svg {
  display: block;
  margin-top: -1px;
  margin-left: 4px;
}

.related {
  padding: 0 10px;
}
.related h4 {
  padding: 6px 0 0;
}
.related a {
  color: #000;
}
.related-item .icon {
  margin-top: 0.4rem;
  font-size: 10px;
  width: 14px;
  height: 14px;
  margin-right: 0.3rem;
}

/* 注意文言 */
#maincolumn #caution {
  padding: 10px 15px 10px 43px;
  margin-bottom: 1em;
  background: url(../images/warning.png) 10px 11px no-repeat #fdf2f4;
  color: #e00025;
  font-weight: bold;
}
#caution p {
}

@media (max-width: 768px) {
  #wrapper div#caution {
    margin: 0 -3% 1em;
  }
}

/*--------------------------------------------------
Webアクセシビリティ対応
--------------------------------------------------*/
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important; /* https://github.com/twbs/bootstrap/issues/25686 の修正 */
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* swiper */
.swiper-notification {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  overflow: hidden !important;
}

.ariaWrap {
  position: relative !important;
}

.ariaWrap-inline,
.ariaWrap-img{
  position: relative !important;
  display: inline-block !important;
}

.ariaWrap .visually-hidden,
.ariaWrap-inline .visually-hidden {
  width: inherit !important;
  height: inherit !important;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  clip-path: none !important;
}

.ariaWrap-img .visually-hidden {
  width: 100% !important;
  top: 0;
  left: 0;
  transform: none;
  clip-path: none !important;
  white-space: normal !important;
}