@charset 'utf-8';
/*
YUI 3.6.0 (build 5521)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html{color:#333;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#333}#yui3-css-stamp.cssreset{display:none}
body{font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino kaku Gothic Pro', 'MS Pゴシック', 'MS PGothic', sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}#yui3-css-stamp.cssfonts{display:none}

.clear { clear: both; }

.txtAR{ text-align: right;}

.txtAC{ text-align: center;}

.txtAL{ text-align: left;}

.fWB{font-weight:bold;}

.mt10{ margin-top: 10px;}

.mt20{ margin-top: 20px;}

.mt30{ margin-top: 30px;}

.mt40{ margin-top: 40px;}

.mt50{ margin-top: 50px;}

.mt60{ margin-top: 60px;}

.mr10{ margin-right: 10px;}

.mr20{ margin-right: 20px;}

.mr30{ margin-right: 30px;}

.mr40{ margin-right: 40px;}

.mr50{ margin-right: 50px;}

.mb10{ margin-bottom: 10px;}

.mb20{ margin-bottom: 20px;}

.mb30{ margin-bottom: 30px;}

.mb40{ margin-bottom: 40px;}

.mb50{ margin-bottom: 50px;}

.ml5 { margin-left: 5px; }

.ml10{ margin-left: 10px;}

.ml20{ margin-left: 20px;}

.ml30{ margin-left: 30px;}

.ml40{ margin-left: 40px;}

.ml50{ margin-left: 50px;}
.txt18 {
  font-size: 18px;
}
.txt24 {
  font-size: 24px;
}

ul li{
  line-height: 1.6;
}
.gray {
  color: #666;
}
.emphasizeGold {
  color: #b07400;
  margin-bottom: 10px;
}

.container.container--without-nav{
  width: auto;
  margin: 0;
}

.container *, .container *::before, .container *::after {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
/*
.slideNav .container a:hover, .slideNav .container a:active {
  background-color: #003686;
}

.slideNav .container .current a:hover, .slideNav .container .current a:active {
  background-color: #00a1e9;
} */

/*module
-------------------------------------------------------------*/
.btn_detail
{
    position: absolute;
    right: 0;
    bottom: 0;
}
.btn_detail.border
{
    right: 2px;
    bottom: 2px;
}
.rate
{
    font-weight: bold;
    line-height: 1.6;

    position: absolute;

    display: block;

    width: 100%;

    text-align: center;
}
.noteslist li em {
  text-decoration: underline;
}
.textF14px { font-size: 14px; }
.col {
  display: table;
  width: 100%;
}
.col2{
  float: left;
}
.anchorInPage a {
  background-position: 98% 50%;
}

/*Header
-------------------------------------------------------------*/
#Header {
  margin-bottom: 10px;

  border-bottom: 1px solid #e5e7e7;
}

#Header .inner {
  width: 940px;
  margin: 0 auto;
  padding: 14px 0 13px 0;
}

/*Main
-------------------------------------------------------------*/
#Main {
  width: 940px;
  margin: 0 auto;

}
#Main>img {
  float:left;
}
#Main h1 {
  font-size: 36px;
  font-weight: bold;
  float: right;
  height: 90px;
  line-height: 95px;
}
#Main .lead {
  margin-bottom: 20px;
}

#Main .point {
  margin: 0 0 0 20px;
}

#Main .point li {
  font-size: 0;

  margin-bottom: 17px;
}

#Main .point .point03 {
  margin-bottom: 10px;
}

#Main p.notes {
  font-size: 22px;

  margin: 0 0 73px 20px;

  color: #fff;
}
#Main p.tpbtn{
  position:absolute;
  right:20px;
  top:450px;
}
#Main .unit h2 {
  position: absolute;
  top: 512px;
  left: 0;
}

#Main .unit ul {
  overflow: hidden;

  margin: 0 0 50px 18px;
}

#Main .unit ul li {
  font-size: 0;

  float: left;

  margin-right: 17px;
}

#Main .noteslist {
  /*margin-bottom: 55px;*/
  /**/margin-bottom: 30px;
  padding: 0 20px;
}

#Main .noteslist li {
  font-size: 12px;
  line-height: 1.666;

  margin-bottom: 8px;
  padding-left: 2em;

  text-indent: -2em;

  color: #666;
}

#Main .noteslist a {
  color: #09f;
}
#Main #colMain {
  width: 880px;
  height: 152px;
  padding: 30px;
  background-color: #daedfb;
}
#Main #colMain .colBox {
  width: 266px;
  height: 145px;
  float: left;
  margin-right: 25px;
  margin-bottom: 50px;
  border: 5px solid #00a1e9;
  background-color: #fff;
}
#Main #colMain .colBox3 {
  margin-right: 0;
}
#Main #colMain .colNum {
  background-color: #00a1e9;
  width: 16px;
  padding: 3px 10px;
  color: white;
  font-size: 20px;
  font-weight: bold;
}
#Main #colMain .colText {
  text-align: center;
  font-size: 24px;
  padding-top: 40px;
}
#Main #colMain .colText span {
  font-size: 28px;
  font-weight: bold;
  color: #00a1e9;
}
.triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0px 0 70px 70px;
  border-color: transparent transparent transparent #00a1e9;
  position: relative;
  top: -120px;
  left: 0px;
  z-index: 1;
}
.triangle p {
  font-size: 24px;
  position: relative;
  top: 5px;
  left: -58px;
  color: #fff;
  font-weight: bold;
}

/*Contents
-------------------------------------------------------------*/
#Contents {
  width: 940px;
  margin: 0 auto;
  clear: both;
  line-height: 1.3;
}

#Contents h2 {
  margin-top: 30px;
  font-size: 42px;
  font-weight: bold;
  color: #fff;
  background-color: #0075c3;
  padding: 10px;
}
#Contents h2 span{
  font-size: 28px;
}
#Contents #toku_01 h3,
#Contents #toku_02 h3,
#Contents #toku_03 h3 {
  font-size: 35px;
  font-weight: bold;
  padding-bottom: 10px;
  border-bottom: 5px solid #00a1e9;
}
#Contents a:hover {
  text-decoration: none;
}

#everywhere {
  margin-bottom: 50px;
}

/* cv */
#Contents .cv {
  position: relative;
}

#Contents .cv .notes {
  position: absolute;
  top: -25px;
  right: 20px;

  text-align: right;

  color: #000;
}

#Contents .cv .notes a {
  color: #09f;
}

#Contents .cv .inner {
  margin-bottom: 40px;
}

#Contents #cv01 .inner {
  height: 338px;
}

#Contents .cv .inner img {
  vertical-align: top;
}

#Contents .cv .links {
  overflow: hidden;
  padding: 30px 0 0;
}
#Contents .cv .links2 {
  padding: 0 !important;
}
#Contents .cv .check {
  overflow: hidden;
  padding: 17px 0 17px;
  border-top: 3px dotted #ddd;
  border-bottom: 3px dotted #ddd;
}

#Contents .cv .check p {
  float: left;

  margin: 19px 0 0 85px;
}

#Contents .cv .check div {
  float: right;

  margin-right: 64px;
}

#Contents .cv .checkBtn {
  text-align: center;
}
#cv03 {
  margin-bottom: 20px;
}
#cv05 {
  margin-bottom: 20px;
}
#toku_02 h2,
#toku_02 h3 {

}
.h3Num {
  background-color: #00a1e9;
  color: white;
  margin-right: 20px;
  display: block;
  float: left;
  font-size: 35px !important;
  font-weight: bold !important;
  padding: 34px 20px;
}
.h3Num_02 {
  background-color: #00a1e9;
  color: white;
  padding: 12px 20px;
  margin-right: 20px;
  display: block;
  width: 22px;
  float: left;
  font-size: 35px !important;
  font-weight: bold !important;
}

.h3Num_02 + span,
.h3Num + span {
  display: block;
  padding: 12px;
}

#Contents .notes {
  font-size: 12px;
  padding-left: 1em;
  text-align: left;
  text-indent: -1em;
  color: #666;
  line-height: 1.6;
}
#Contents .featureMain {
  padding: 30px 17px;
  border: 2px solid #ddd;
  border-top: none;
}
#Contents .featureMain .col > div {
  float: right;
  padding: 0 20px;
}
.cvTitle {
  font-size: 35px;
  font-weight: bold;
  margin: 30px 0 10px;
}
.more img {
  margin: 0 auto;
  display: block;
  padding-top: 20px;
}
/* example
-------------------------------------------------------------- */
#example .lead {
  margin-bottom: 60px;
}

#example h3 {
  margin-bottom: 24px;

  text-align: center;
}

#example .figure {
  overflow: hidden;

  margin-bottom: 20px;
}

#example .figure li {
  float: left;

  margin-bottom: 18px;
}

#example .figure li img {
  vertical-align: top;
}

#example .figure li:nth-child(even) {
  float: right;
}

#example .figure li.hour24 {
  position: relative;
}

#example li.hour24 span {
  font-size: 12px;

  position: absolute;
  bottom: 15px;

  text-align: center;

  color: #666;
}

#example .convenient {
  position: relative;

  margin-bottom: 70px;
}

#example .convenient span {
  position: absolute;
  bottom: -25px;
  left: 70px;

  color: #333;
}

#example .noteslist li {
  font-size: 12px;
  line-height: 1.6666;

  padding-left: 1em;

  text-indent: -1em;

  color: #666;
}
/* #cv05
-------------------------------------------------------------- */
#cv05 .h2Title_02{
    margin-top: 40px;
    margin-bottom: 10px;
    border-bottom: 4px solid #E5E7E8 !important;
    padding-top: 9px;
    padding-bottom: 3px;
    padding-left: 20px;
    font-size: 24px;
    font-weight: bold;
    background-image: url("/powerflex/housing/common/images/icon_heading_blue.gif") !important;
    background-repeat: no-repeat;
    background-position: left center;
    position: relative;
    z-index: 1;
}
#cv05 .h2Title_02:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 250px;
  height: 4px;
  background-color: #0076C7;
}
#cv05 .h3Title{
    margin-bottom: 10px;
    border-bottom: 4px solid #E5E7E8;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 18px;
    font-weight: bold;
}
#cv05 a{color: #09f;}
#cv05 ol.numberList{
  list-style-type: decimal;
  margin-left: 1.5em;
  padding-left: 0;
  text-align: left;
  margin-bottom: 10px;
}
#cv05 .numberList li{
  margin-top: 5px;
  margin-bottom: 5px;
}
#cv05 .light_blue{font-weight:bold;font-size:22px;color: #3691CA;}
#cv05 table {margin:20px 50px;width:90%;border:2px solid #dddddd;text-align:center;}
#cv05 table thead th {
  background-color: #3691CA;
  color: #FFF;
}
#cv05 table thead th{
  border: 1px solid #E5E7E8;
  padding: 7px;
  text-align:center;
}
#cv05 table thead th:first-child {
    border-left: 1px solid #E5E7E8;
}
#cv05 table td {
    border: 1px solid #E5E7E8;
    padding: 7px;
}
#cv05 .caution02{
    padding: 15px 20px 15px 40px;
    background-position: 10px 15px;
    width: 860px;
    margin-bottom: 10px;
    margin-top: 30px;
    border: 3px solid #E9D3C8;
    background-color: #FEFFED;
    background-image: url("/common13/imgs/icon/icn_attention02.png");
    background-repeat: no-repeat;
    background-position: 10px 10px;
}
#cv05 .normalList li {
    background-image: url("/common13/imgs/icon/icn_normal_list.png");
    background-repeat: no-repeat;
    padding-left: 1.5em;
    background-position: left 3px;
    text-align: left;
    margin-bottom: 5px;
    line-height: 1.6;
}
#cv05 .annotationList li {
    background-image: url("/common13/imgs/icon/icn_annotation_list1.png");
    background-repeat: no-repeat;
    font-size: 13px;
    padding-left: 1.6em;
    background-position: left 3px;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 1.6;
    color:#666666;
}
/* rate
-------------------------------------------------------------- */
.kariireStep {
  width: 860px;
  margin: 0 auto;
}
.kariireStep > div {
  margin: 30px 0;
}
.kariireStep .arrowNext {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 50px 0 50px;
  border-color: #0075c3 transparent transparent transparent;
  margin: 0 auto;
}
.kariireStep .stepTitle{
  border: 3px solid #0075c3;
}
.kariireStep .stepTitle p {
    background-color: #0075c3;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    padding: 13.9px 0 9.9px;
    display: inline-block;
    width: 180px;
    text-align: center;
}
.kariireStep .stepTitle h3 {
  font-weight: normal !important;
  font-size: 26px !important;
  color: #000;
  display: inline-block;
  padding: 0 20px;
}

.kariireStep h3 sub {
  font-size: 16px;
  vertical-align: top;
}
.kariireStep .col {
  border: 3px solid #b2b2b2;
  border-top: none;
  width: 814px;
  padding: 20px 20px 30px;
}
.kariireStep .col .stepCust {
  color: #fff;
  font-weight: bold;
  background-color: #ff6801;
  padding: 47px 20px;
  border-radius: 60px;
  display: inline-block;
  font-size: 20px;
}
.kariireStep .col .stepBank {
  color: #fff;
  font-weight: bold;
  background-color: #00a1e9;
  padding: 47px 20px;
  border-radius: 60px;
  display: inline-block;
  font-size: 20px;
}
.kariireStep .col .col2:nth-child(2) {
    font-size: 24px;
    padding: 20px 0 0 20px;
    width: 660px;
}
.kariireStep .col .col2 p {
  display: inline-block;
  padding-top: 25px;
}
.kariireStep .col .col2 img {
  display: inline-block;
  vertical-align: middle;
  float: right;
}
.kariireStep .col .stepBankText p {
  line-height: 1.5;
  padding-top: 15px;
}

#rate .unit h3 {
  margin-bottom: 30px;
  text-align: center;
}
#rate .unit h4 {
  margin-bottom: 30px;
  text-align: center;
}
#rate .unit p {
  text-align: center;
}

#rate .unit01 .notes {
  font-size: 12px;

  margin: 20px 0 55px 50px;
  padding-left: 1em;

  text-align: left;
  text-indent: -1em;

  color: #666;
}

#rate .unit02 .notes01 {
  font-size: 12px;

  margin: 10px 0 40px 50px;

  text-align: left;

  color: #666;
}

#rate .unit02 .notes02 {
  font-size: 12px;

  margin: 10px 0 65px 50px;

  text-align: left;

  color: #666;
}

#rate .simuration {
  text-align: center;
}

#rate .simuration div {
  margin-bottom: 58px;
}

.discArea {
  width: 940px;
  margin: 0 auto 30px;
}

.discArea #discAreaHead {
  margin-bottom: 35px;

  text-align: center;
}

.discArea .disclaimer {
  margin: 0 20px;
}

.discArea .disclaimer > p {
  font-size: 16px;

  margin: 0 0 15px;
}

.discArea .disclaimer_pop {
  margin-bottom: 35px;
}

.discArea .disclaimer_pop {
  margin-bottom: 35px;
}

.discArea .disclaimer_pop ul {
  /*   padding: 0 20px; */
}

.discArea .disclaimer_pop ul > li {
  font-size: 12px;
  line-height: 1.5;

  margin-bottom: 10px;
  padding-left: 1em;

  text-indent: -1em;

  color: #666;
}

.discArea .disclaimer_pop ul > li:before {
  content: '※';
}

.discArea .disclaimer_pop ul.attentionList li:before {
  content: '';
}

.discArea .disclaimer_pop ul > li img {
  padding-right: 5px;

  vertical-align: middle;
}

.discArea .disclaimer_pop ul > li .fWB {
  text-decoration: none !important;
}

.discArea .disclaimer_pop .disclaimer + p {
  display: none;
}

.discArea .disclaimer_pop a {
  color: #01afec;
}

.discArea .disclaimer_pop a:hover {
  text-decoration: none;
}

.contact {
  overflow: hidden;

  width: 870px;
  margin: 0 auto 50px;
  padding: 21px 32px 20px 38px;

  background: url(/lp/imgs/cam_splus/bg_contact_01.png) 0 0 no-repeat;
}

.contact h2 {
  float: left;
}

.contact .tel {
  float: right;
}

.contact .operator {
  clear: both;
}

.slide {
  position: relative;
  padding: 0 0 0 0;
  width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.slide .slideNav {
  position: relative;
  z-index: 1;
  text-align: center;
  margin-top: 10px;
}

.slideNav li {
  position: relative;
  overflow: hidden;
}

.slideNav li a{
  background: #003686!important;
  text-indent: -9999px;
  display: block;
  width: 16px;
  height: 16px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  text-decoration: none;
  padding: 0 !important;
}
.slideNav li.current a{
  background: #00a1e9!important;
}


.slideNav li img {
  position: absolute;
  top: 0;
  left: 0;
}

.slideNav li.current img {
  top: -100%;
}

.slideNav li.hover img {
  top: -100%;
}

.slideArrow {
  position: absolute;
  width: 940px;
  z-index: 100;
}

.slideArrow .prev {
  position: absolute;
  top: 0;
  left: 0px;
  cursor: pointer;
  display: none;
}

.slideArrow .next {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.slideContent {
  position: relative;
  width: 940px;
  overflow: hidden;
  background: #fff;
  text-align: center;
  margin:0px auto -2px auto;
}

.slideContent ul {
  position: absolute;
  left: 0;
  top: 0;
}

.slideContent ul li {
  float: left;
  width: 940px;
}

#kv_slider .slideArrow {
  position: absolute;
  top: 185px;
}

#kv_slider .slideNav li {
  margin-right: 0px;
  height: 63px;
    display: inline-block;
}

#kv_slider .slideNav li.last {
  margin-right: 0;
  width: 140px;
}

.torihikiFlow {
  position: relative;
  width: 940px;
  padding: 0px;
}
#kv_slider .slideContent {
  height: 363px;
}








/*Footer
    -------------------------------------------------------------*/
#footer{
  background-color: #F2F2ED;
  font-size: 12px;
}

#footer .footerBody{
  width: 940px;
  margin: 0 auto;
}

#footer #footerBottom{
  background-color: #323B44;
  padding-top: 30px;
  padding-bottom: 30px;
}

#footer #footerBottom #siteNav{
  margin-top: 5px;
  margin-bottom: 10px;
}
#footer #footerBottom #siteNav li{
  display: inline;
  padding: 0 6px 0 10px;
  border-left: solid 1px #fff;
}
#footer #footerBottom #siteNav li:first-child{
  border-left: none;
}
#footer #footerBottom #siteNav li a{
  color: #fff;
}
#footer #footerBottom #selfInfo p{
  display: inline;
  padding: 5px 10px;
  float: left;
  color: #9D9E9F;
  font-size: 10px;
}
#footer #footerBottom #copyright{
  padding: 5px 10px;
  float: right;
  color: #9D9E9F;
  font-size: 10px;
}


.discArea .disclaimer_pop a[href$="pdf"]{
  background-image:none;
  padding-right:0;
}

/* cam_1904splus */
.cam_1904splus {
  width: 700px;
  margin: 50px auto;
}
.cam_1904splus .emphasizeR {
  color: #BE100A;
}
.cam_1904splus .textF22px {
  font-size: 22px;
}
.cam_1904splus .h3Title {
  margin-bottom: 10px;
  border-bottom: solid 4px #E5E7E8;
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: bold;
}
.cam_1904splus ul li {
  font-size: 14px;
}

.bgPink {
  background-color: #ffeded;
  padding: 0 20px 20px;
}


/* ヘッダー右 */
.textCam {
  float: right;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #d3a953;
  position: relative;
  top: -25px;
}
#add_splusBnrArea.colsplusBnrArea{margin:40px auto;width:700px;display:table;}
#add_splusBnrArea.colsplusBnrArea .col2L{width:340px;display:table-cell;padding-right:20px;}
#add_splusBnrArea.colsplusBnrArea .col2R{width:340px;display:table-cell;}

/* modal */
.modalMain{
  margin: 0 auto;
  padding: 40px;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.modal{
display: none;
height: 100vh;
position: fixed;
top: 0;
width: 100%;
right: 0%;
z-index: 10;
opacity: 1;
background: none;
-webkit-transition: none;
-o-transition: none;
transition: none;
}
.modal__bg{
  background: rgba(0,0,0,0.35);
  height: 100vh;
  position: absolute;
  width: 100%;
}
.modal__content{
  background: #fff;
  left: 50%;
  padding: 40px;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 60%;
}

.header_txt_container {
  width: 100%;
  max-width: 940px;
  position: relative;
  text-align: right;
  margin: 20px auto;
}
.txtTel {
  margin-left: auto;
}
.txtTel span {
  font-size: 25px;
  font-weight: bold;
  color: #0083bd;
  line-height: 1;
}
.txtTitle {
  font-weight: bold;
  color: #0083bd;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#Header .inner {
  display: flex;
  align-items: center;
  position: relative;
}

.icon-pdf{
	display: none!important;
}
.widflexible {
  width: 900px;
  margin: 20px auto;
  line-height: 1.4;
}

.widflexible a {
  text-decoration: none!important;
}