html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, address, em, img, small, strong, b, i,
dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, tfoot, thead, tr, th, td, article, canvas, footer,
header, menu, nav, section, time, audio, video, figure {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
body {
  line-height: 1;
  font-family: "Noto Sans Japanese", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 500;
  color: #373232;
  overflow-x: hidden;
}
article, footer, header, menu, nav, section {
  display: block; }

.sp {
  display: none;
}
ul {
  list-style: none; }
a {
  margin: 0;
  color: inherit;
  padding: 0;
  font-size: 100%;
  text-decoration: none;
  vertical-align: baseline;
  background: transparent;
}
a:link{
  transition: .3s;
}
a:link:hover{
  opacity: 0.7;
  cursor: pointer;
}

table {
  border-collapse: collapse;
  border-spacing: 0; }

em, b {
  font-style: normal; }

img {
  max-width: 100%;
  height: auto;
  vertical-align: top; 
  image-rendering: -webkit-optimize-contrast;
}

hr {
  display: block;
  height: 1px;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0; }

input, select {
  vertical-align: middle;
}
@media screen and (max-width:767px){
  body{font-size: 14px;}
}
/* /////////////////////////////
      Parts
///////////////////////////// */

.is-pc{display: block;}
.is-sp{display: none;}
.inline{display: inline-block;}
.cf::after{content: "";clear: both;display: block;}
.ta-c{text-align: center;}
.ta-l{text-align: left;}
.ta-r{text-align: right;}
.border-btm{border-bottom: 1px solid;}
.op{display: block;cursor: pointer;transition: .3s;}
.op:hover{opacity: 0.7;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}
.mb55{margin-bottom: 55px;}
.mb60{margin-bottom: 60px;}
.mb65{margin-bottom: 65px;}
.mb70{margin-bottom: 70px;}
.mb75{margin-bottom: 75px;}
.mb80{margin-bottom: 80px;}
.mb85{margin-bottom: 85px;}
.mb90{margin-bottom: 90px;}
.mb95{margin-bottom: 95px;}
.mb100{margin-bottom: 100px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt45{margin-top: 45px;}
.mt50{margin-top: 50px;}
.mt55{margin-top: 55px;}
.mt60{margin-top: 60px;}
.mt65{margin-top: 65px;}
.mt70{margin-top: 70px;}
.mt75{margin-top: 75px;}
.mt80{margin-top: 80px;}
.mt85{margin-top: 85px;}
.mt90{margin-top: 90px;}
.mt95{margin-top: 95px;}
.mt100{margin-top: 100px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}
.mr35{margin-right: 35px;}
.mr40{margin-right: 40px;}
.mr45{margin-right: 45px;}
.mr50{margin-right: 50px;}
.mr55{margin-right: 55px;}
.mr60{margin-right: 60px;}
.mr65{margin-right: 65px;}
.mr70{margin-right: 70px;}
.mr75{margin-right: 75px;}
.mr80{margin-right: 80px;}
.mr85{margin-right: 85px;}
.mr90{margin-right: 90px;}
.mr95{margin-right: 95px;}
.mr100{margin-right: 100px;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}
.ml35{margin-left: 35px;}
.ml40{margin-left: 40px;}
.ml45{margin-left: 45px;}
.ml50{margin-left: 50px;}
.ml55{margin-left: 55px;}
.ml60{margin-left: 60px;}
.ml65{margin-left: 65px;}
.ml70{margin-left: 70px;}
.ml75{margin-left: 75px;}
.ml80{margin-left: 80px;}
.ml85{margin-left: 85px;}
.ml90{margin-left: 90px;}
.ml95{margin-left: 95px;}
.ml100{margin-left: 100px;}
.pb5{padding-bottom: 5px;}
.pb10{padding-bottom: 10px;}
.pb15{padding-bottom: 15px;}
.pb20{padding-bottom: 20px;}
.pb25{padding-bottom: 25px;}
.pb30{padding-bottom: 30px;}
.pb35{padding-bottom: 35px;}
.pb40{padding-bottom: 40px;}
.pb45{padding-bottom: 45px;}
.pb50{padding-bottom: 50px;}
.pb55{padding-bottom: 55px;}
.pb60{padding-bottom: 60px;}
.pb65{padding-bottom: 65px;}
.pb70{padding-bottom: 70px;}
.pb75{padding-bottom: 75px;}
.pb80{padding-bottom: 80px;}
.pb85{padding-bottom: 85px;}
.pb90{padding-bottom: 90px;}
.pb95{padding-bottom: 95px;}
.pb100{padding-bottom: 100px;}
.pb140{padding-bottom: 140px;}
.pb170{padding-bottom: 170px;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}
.pt35{padding-top: 35px;}
.pt40{padding-top: 40px;}
.pt45{padding-top: 45px;}
.pt50{padding-top: 50px;}
.pt55{padding-top: 55px;}
.pt60{padding-top: 60px;}
.pt65{padding-top: 65px;}
.pt70{padding-top: 70px;}
.pt75{padding-top: 75px;}
.pt80{padding-top: 80px;}
.pt85{padding-top: 85px;}
.pt90{padding-top: 90px;}
.pt95{padding-top: 95px;}
.pt100{padding-top: 100px;}
.pt140{padding-top: 140px;}
.pl5{padding-left: 5px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}
.pl35{padding-left: 35px;}
.pl40{padding-left: 40px;}
.pl45{padding-left: 45px;}
.pl50{padding-left: 50px;}
.pl55{padding-left: 55px;}
.pl60{padding-left: 60px;}
.pl65{padding-left: 65px;}
.pl70{padding-left: 70px;}
.pl75{padding-left: 75px;}
.pl80{padding-left: 80px;}
.pl85{padding-left: 85px;}
.pl90{padding-left: 90px;}
.pl95{padding-left: 95px;}
.pl100{padding-left: 100px;}
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr30{padding-right: 30px;}
.pr35{padding-right: 35px;}
.pr40{padding-right: 40px;}
.pr45{padding-right: 45px;}
.pr50{padding-right: 50px;}
.pr55{padding-right: 55px;}
.pr60{padding-right: 60px;}
.pr65{padding-right: 65px;}
.pr70{padding-right: 70px;}
.pr75{padding-right: 75px;}
.pr80{padding-right: 80px;}
.pr85{padding-right: 85px;}
.pr90{padding-right: 90px;}
.pr95{padding-right: 95px;}
.pr100{padding-right: 100px;}
.rel{position: relative;}
.abs{position: absolute;}
.bold{font-weight: bold;}
.bold-900{font-weight: 900;}
.auto{margin: 0 auto;}
.font50{font-size: 50px;}
.font48{font-size: 48px;}
.font46{font-size: 46px;}
.font44{font-size: 44px;}
.font40{font-size: 40px;}
.font38{font-size: 38px;}
.font36{font-size: 36px;}
.font34{font-size: 34px;}
.font32{font-size: 32px;}
.font30{font-size: 30px;}
.font28{font-size: 28px;}
.font27{font-size: 27px;}
.font26{font-size: 26px;}
.font24{font-size: 24px;}
.font22{font-size: 22px;}
.font20{font-size: 20px;}
.font18{font-size: 18px;}
.font16{font-size: 16px;}
.font15{font-size: 15px;}
.font14{font-size: 14px;}
.font12{font-size: 12px;}
.font10{font-size: 10px;}
.lh10{line-height: 1;}
.lh11{line-height: 1.1;}
.lh12{line-height: 1.2;}
.lh13{line-height: 1.3;}
.lh14{line-height: 1.4;}
.lh15{line-height: 1.5;}
.lh16{line-height: 1.6;}
.lh17{line-height: 1.7;}
.lh18{ line-height: 1.8; }
.lh19{line-height: 1.9;}
.lh20{line-height: 2;}
.ls01{letter-spacing: 1px;}
.ls02{letter-spacing: 2px;}
.ls03{letter-spacing: 3px;}
.ls04{letter-spacing: 4px;}
.ls05{letter-spacing: 5px;}
.left{float:left;}
.right{float:right;}
.gothic{font-family: 'Noto Sans JP',"貂ｸ繧ｴ繧ｷ繝�け菴�", YuGothic, "貂ｸ繧ｴ繧ｷ繝�け Medium", "Yu Gothic Medium", "貂ｸ繧ｴ繧ｷ繝�け", "Yu Gothic", "繝｡繧､繝ｪ繧ｪ", sans-serif;}

/******************
delay
*******************/
.delay01 { animation-delay:0.1s; }
.delay02 { animation-delay:0.2s; }
.delay03 { animation-delay:0.3s; }
.delay04 { animation-delay:0.4s; }
.delay05 { animation-delay:0.5s; }
.delay06 { animation-delay:0.6s; }
.delay07 { animation-delay:0.7s; }
.delay08 { animation-delay:0.8s; }
.delay09 { animation-delay:0.9s; }
.delay10 { animation-delay:1s; }
.delay11 { animation-delay:1.1s; }
.delay12 { animation-delay:1.2s; }
.delay13 { animation-delay:1.3s; }
.delay14 { animation-delay:1.4s; }
.delay15 { animation-delay:1.5s; }
.delay16 { animation-delay:1.6s; }
.delay17 { animation-delay:1.7s; }
.delay18 { animation-delay:1.8s; }
.delay19 { animation-delay:1.9s; }
.delay20 { animation-delay:2s; }
.delay24 { animation-delay:2.4s; }
.ani2,.ani3,.ani4,.ani5,.ani6,.ani7,.zoomin01{
 opacity: 0;
}
.ani1{
 opacity: 1;
}

/******************
      list
*******************/
.flex-list{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.flex-list.start{justify-content: flex-start;}
.flex-list.center{justify-content: center;}
.flex-list.end{justify-content:flex-end;}
.flex-list.around{justify-content:space-around;}
.flex-list.middle {align-items: center;}
.flex-list.wrap{flex-wrap: wrap;}
.flex-list.nowrap{flex-wrap: nowrap;}
.item_center{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.culm-3::after{content:"";display: block;width:30%;}
.w-5{width: 5%}
.w-10{width: 10%}
.w-15{width: 15%}
.w-20{width: 20%}
.w-24{width: 24%}
.w-25{width: 25%}
.w-30{width: 30%}
.w-32{width: 32%}
.w-33{width: 33%}
.w-34{width: 34%}
.w-35{width: 35%}
.w-40{width: 40%}
.w-45{width: 45%}
.w-46{width: 46%}
.w-47{width: 47%}
.w-48{width: 48%}
.w-49{width: 49%}
.w-50{width: 50%}
.w-55{width: 55%}
.w-60{width: 60%}
.w-62{width: 62%}
.w-65{width: 65%}
.w-68{width: 68%}
.w-70{width: 70%}
.w-75{width: 75%}
.w-80{width: 80%}
.w-85{width: 85%}
.w-90{width: 90%}
.w-100{width: 100%}

@media screen and (max-width:860px){
  .font50{font-size: 28px ;}
  .font48{font-size: 28px;}
  .font44{font-size: 26px;}
  .font40{font-size: 24px ;}
  .font38{font-size: 22px ;}
  .font36{font-size: 21px ;}
  .font34{font-size: 20px ;}
  .font32{font-size: 18px ;}
  .font30{font-size: 18px ;}
  .font28{font-size: 18px ;}
  /* .font26{font-size: 18px ;} */
  .font26{font-size: 24px ;}
  .font24{font-size: 16px ;}
  .font22{font-size: 16px ;}
  .font20{font-size: 16px ;}
  .font18{font-size: 14px ;}
  .font15{font-size: 13px;}
  .font14{font-size: 12px;}
  .font12{font-size: 10px;}
  .is-pc{display: none;}
  .is-sp{display: block;}
  .mb15,.mb20,.mb25{margin-bottom: 3vw;}
  .mb30,.mb35{margin-bottom: 3.5vw;}
  .mb40,.mb45{margin-bottom: 4vw;}
  .mb50,.mb55{margin-bottom: 4.5vw;}
  .mb60,.mb65,.mb70,.mb75{margin-bottom: 5.2vw;}
  .mb80,.mb85,.mb90,.mb95{margin-bottom: 40px;}
  .mb100{margin-bottom: 50px;}
  .mt15,.mt20,.mt25{margin-top: 3vw;}
  .mt30,.mt35{margin-top: 3.5vw;}
  .mt40,.mt45{margin-top: 4vw;}
  .mt50,.mt55{margin-top: 4.5vw;}
  .mt60,.mt65,.mt70,.mt75{margin-top: 5.2vw;}
  .mt80,.mt85,.mt90,.mt95{margin-top: 6.5vw;}
  .mt100{margin-top: 50px;}
  .pb15,.pb20,.pb25{padding-bottom: 3vw;}
  .pb30,.pb35{padding-bottom: 3.5vw;}
  .pb40,.pb45{padding-bottom: 4vw;}
  .pb50,.pb55{padding-bottom: 4.5vw;}
  .pb60,.pb65,.pb70,.pb75{padding-bottom: 5.2vw;}
  .pb80,.pb85,.pb90,.pb95{padding-bottom: 6.5vw;}
  .pb100{padding-bottom: 50px;}
  .pb140{padding-bottom: 60px;}
  .pb170{padding-bottom: 80px;}
  .pt15,.pt20,.pt25{padding-top: 3vw;}
  .pt30,.pt35{padding-top: 3.5vw;}
  .pt40,.pt45{padding-top: 4vw;}
  .pt50,.pt55{padding-top: 4.5vw;}
  .pt60,.pt65,.pt70,.pt75{padding-top: 5.2vw;}
  .pt80,.pt85,.pt90,.pt95{padding-top: 6.5vw;}
  .pt100{padding-top: 50px;}
  .pt140{padding-top: 60px;}
  .font27_sp{
    font-size: 27px;
  }
  .font24_sp{
    font-size: 24px;
  }
  .font16_sp{
    font-size: 16px !important;
  }
  .w-86_sp{width: 86%;}
  .w-100_sp{width: 100%;}
  .mb0_sp{margin-bottom: 0px !important;}
  .mb10_sp{margin-bottom: 10px !important;}
  .mb15_sp{margin-bottom: 15px !important;}
  .mb20_sp{margin-bottom: 20px;}
  .mb25_sp{margin-bottom: 25px !important;}
  .mb30_sp{margin-bottom: 30px !important;}
  .mb40_sp{margin-bottom: 40px !important;}
  .mb50_sp{margin-bottom: 50px;}
  .mb60_sp{margin-bottom: 60px;}
  .ml10_sp{margin-left: 10px;}
  .mr10_sp{margin-right: 10px;}
  .pt0_sp{padding-top: 0 !important;}
  .pt3w_sp{padding-top: 3vw !important;}
}

#hokushin_fund {
  padding-bottom: 96px;
}


/* ////////////////////
    header
//////////////////// */

header {
  position: fixed;
  width: 100%;
  z-index: 1000;
  top: 0;
  left: 0;
}

#header {
  width: 100%;
  position: relative;
  z-index: 1000;
  background: #ffffff;
  /* border-bottom: 1px solid #e5e5e5; */
}

#header .header {
  width: 980px;
  position: relative;
  margin: 0 auto 0 auto;
  padding: 10px 0 10px 0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

#header .header .headerBox {
  width: 45%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
}

#header .header .logo {
  width: 27%;
  padding: 0 3% 0 3%;
  font-weight: bold;
}

#header .header .logo:hover {
  opacity: 0.5;
}

#header .header .headerInner {
  font-size: 17px;
  margin-left: 6%;
  font-weight: bold;
  padding: 0 0 0 0;
}


/*===================sp=*/

@media screen and (max-width: 860px) {
  header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: rgba(255, 255, 255, 0.90);
  }
  header.f {
    height: 100%;
  }
  #header .header {
    width: 94%;
    height: auto;
    min-height: 60px;
    padding: 0 0 0 0;
    margin: 0 auto 0 auto;
    -webkit-align-items: center;
    align-items: center;
  }
  #header .header .headerBox {}
  #header .header .headerBox {
    width: 90%;
    padding: 5px 0 5px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
      -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
  }
  #header .header .logo {
    width: 26%;
    padding: 0 0 0 0;
    line-height: 0;
  }
  #header .header .headerInner {
    font-size: 22px;
    font-size: 3.4vw;
  }
}


/*====================*/


#header .btnBox {
  width: 55%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
}

#header .btnBox li {
  font-size: 14px;
  margin-right: 3%;
  background: #b82020;
  display: block;
  position: relative;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.20);
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

#header .btnBox li:after {
  content: "";
  background: url(../common_v2/img/arrow_w_01.svg) no-repeat right center;
  position: absolute;
  right: 15px;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

#header .btnBox li a {
  color: #ffffff;
  padding: 8px 40px 10px 40px;
  display: block;
  position: relative;
  z-index: 2;
}

#header .btnBox li:hover {
  opacity: 0.5;
}

#header .btnBox li a {
  letter-spacing: 0;
  text-align: left;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

#header .btnBox li.btn01 {
  background: #3e3e3e;
}

#header .btnBox li.btn02 {}

#header .btnBox li.btn01 a:before {
  content: '';
  position: absolute;
  width: 6%;
  height: 100%;
  left: 6%;
  top: 0;
  background: url(../common_v2/img/icon_search.png) no-repeat left center;
  background-size: 100% auto;
}

#header .btnBox li.btn02 a:before {
  content: '';
  position: absolute;
  width: 6%;
  height: 100%;
  left: 8%;
  top: 0;
  background: url(../common_v2/img/icon_inquiry.png) no-repeat left center;
  background-size: 100% auto;
}


/*===================sp=*/

@media screen and (max-width: 860px) {
  #header .btnBox {
    display: none;
  }
}


/*====================*/


/* globalNav
--------------------------------------------------------------*/

.globalNav {
  width: 100%;
  position: relative;
  margin: 0 auto 0 auto;
  border-bottom: 1px solid #e5e5e5;
  background: #ffffff;
}

.globalNav ul {
  background: rgba(255, 255, 255, 0.90);
}

.f .globalNav ul {
  background: none;
}

.globalNav ul {
  width: 980px;
  position: relative;
  margin: 0 auto 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}

.globalNav ul li {
  font-size: 15px;
  font-weight: bold;
}

.globalNav ul li a {
  color: #3d3932;
  padding: 18px 40px 18px 40px;
  display: block;
}

.globalNav ul li a:hover {
  opacity: 0.5;
}

.globalNav ul li.cr {
  color: #045f29;
  position: relative;
}

.globalNav ul li.cr a {
  color: #045f29;
}

.globalNav ul li.cr:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 4px;
  bottom: -2px;
  left: 0;
  z-index: 5;
  background: #045f29;
}

.globalNav ul ul {
  display: none;
}

#navibtn {
  display: none;
}

.globalNav ul li {
  display: block;
  position: relative;
}

.globalNav ul li a {
  display: block;
  position: relative;
  z-index: 2;
}

.globalNav ul li:hover {
  opacity: 0.5;
}


/*===================sp=*/

@media screen and (max-width: 860px) {
  .globalNav ul li:after {
    content: "";
    background: url(../common_v2/img/arrow_g_01.svg) no-repeat 15px center;
    background-size: auto 40%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
  }
  .globalNav ul li.btn01:after, .globalNav ul li.btn02:after {
    content: "";
    background: url(../common_v2/img/arrow_w_01.svg) no-repeat right center;
    background-size: auto 35%;
    position: absolute;
    right: 15px;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
  }
  .globalNav ul li a {
    letter-spacing: 0;
    text-align: left;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
  }
  .globalNav ul li.btn02 {
    background: rgba(34, 34, 34, 0.80);
    padding-left: 0;
  }
  .globalNav ul li.btn01 {
    background: rgba(184, 31, 31, 0.90);
    padding-left: 0;
  }
  .globalNav ul li.btn02:before {
    content: '';
    position: absolute;
    width: 4%;
    height: 100%;
    left: 4%;
    top: 0;
    background: url(../common_v2/img/icon_search.png) no-repeat left center;
    background-size: 100% auto;
  }
  .globalNav ul li.btn01:before {
    content: '';
    position: absolute;
    width: 4%;
    height: 100%;
    left: 4%;
    top: 0;
    background: url(../common_v2/img/icon_inquiry.png) no-repeat left center;
    background-size: 100% auto;
  }
  .globalNav {
    width: 100%;
    display: none;
    position: absolute;
    z-index: 100;
    background: none;
  }
  .globalNav ul ul {
    display: block;
  }
  .globalNav ul ul li {
    background: rgba(184, 31, 31, 0.90);
    color: #ffffff;
    border-bottom: 1px solid #ffffff;
  }
  .globalNav ul ul li a {
    color: #ffffff;
  }
  .globalNav ul {
    width: 100%;
  }
  .globalNav li {
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #045f29;
  }
  .globalNav ul li a {
    padding: 18px 4% 18px 4%;
  }
  .globalNav ul ul li a {
    padding: 18px 4% 18px 12%;
  }
  .globalNav .home {
    display: none;
  }
  #navibtn {}
  #navibtn, #navibtn span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
  }
  #navibtn {
    position: relative;
    width: 20px;
    height: 19px;
  }
  #navibtn span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #045f29;
  }
  #navibtn span:nth-of-type(1) {
    top: 0;
  }
  #navibtn span:nth-of-type(2) {
    top: 8px;
  }
  #navibtn span:nth-of-type(3) {
    bottom: 0;
  }
  #navibtn.active span:nth-of-type(1) {
    -webkit-transform: translateY(8px) rotate(-45deg);
    transform: translateY(8px) rotate(-45deg);
  }
  #navibtn.active span:nth-of-type(2) {
    left: 50%;
    opacity: 0;
    -webkit-animation: navibtnmv .8s forwards;
    animation: navibtnmv .8s forwards;
  }
  @-webkit-keyframes navibtn {
    100% {
      height: 0;
    }
  }
  @keyframes navibtnmv {
    100% {
      height: 0;
    }
  }
  #navibtn.active span:nth-of-type(3) {
    -webkit-transform: translateY(-8px) rotate(45deg);
    transform: translateY(-8px) rotate(45deg);
  }
}

/* breadCrumb
--------------------------------------------------------------*/
.breadCrumb {

}
	.breadCrumb {
		width: 980px;
		margin: 0 auto 0 auto;
		padding: 20px 0 20px 0;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap:         wrap;
		-webkit-align-items: center;
		align-items:         center;
	}
	.breadCrumb li {
		font-size: 10px;
		padding: 0 10px 0 0;
		font-weight: bold;
	}
		.breadCrumb li a {
			color: #045f29;
			text-decoration: underline;
		}
		.breadCrumb li a:hover {
			text-decoration: none;
		}
		.breadCrumb li:after {
			content: ">";
			padding: 0 0 0 10px;
		}
		.breadCrumb li:last-child:after {
			display: none;
		}

					/*===================sp=*/@media screen and (max-width: 860px) {

	.breadCrumb {
		width: 94%;
		margin: 0 auto 0 auto;
		padding:2vw 0 2vw 0;
	}
	.breadCrumb li {
    font-size: 2.4vw;
    padding: 1vw 1vw 0 0;
		font-weight: bold;
	}

					}/*====================*/
main {
  background: url(assets/img/bg_green_pattern.jpg) repeat-y;
  background-size: 100% auto;
}

/* ////////////////////
    common
//////////////////// */
.container-fund{
  /* margin-top: 132px; */
  /* padding-bottom: 96px; */
  overflow: hidden;
}
.cont{
  max-width: 960px;
  margin: auto;
}
.mark{
  background: linear-gradient(transparent 60%, #fffa00 60%);
}
.c-white{
  color: #fff;
}
.c-yellow{
  color: #fffa00;
}
.c-orange{
  color: #E6B333; /*#d28246;*/
}
.c-green{
  color: #82AA5A; /*#80AB59;*/
}
.c-pink{
  color: #f2637b;
}
.c-pink2{
  color: #f0666f;
}
.c-pink3{
  color: #f0646e;
}
.c-blue{
  color: #497eb3;
}
.bg-white{
  background-color: white;
}
.bg-beige{
  /*background-color: antiquewhite;*/
  background-color: rgba( 230, 179, 51, 0.3);
}
.bg-ivory {
  background-color: #faf5e1;
}
.bg-smoke{
  background-color: #F0F0F0;
}
.ita{
  font-style: italic;
}
.marker_yellow {
  background: linear-gradient(transparent 55%, #F2D999 58%);
  font-weight: bold;
}
.marker_dark{
  background: linear-gradient(transparent 50%, rgba(180,175,70,0.8) 51% );
  font-weight: bold;
}
@media screen and (max-width: 860px) {
  .container-fund{
    /* padding-bottom: 15vw; */
  }
}
/* ==================
    modal
================== */
.modal {
    display: none;
    position: fixed;
    width: 960px;
    max-width: 100%;
    top: 54%;
    left: 50%;
    transform: translate(-50%, -54%);
    background: white;
    z-index: 10;
    padding: 30px 30px;
    height: calc(100vh - 280px);
    overflow-y: scroll;
    /* opacity: 0.9; */
}
.modal-close {
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 0;
  right: 0;
}
.modal-close::before,
.modal-close::after {
  content: '';
  position: absolute;
  display: block;
  width: 25px;
  top: 50%;
  left: 25%;
  border-top: 2px solid #000;
}
.modal-close::before {
  transform: skewY(-45deg) translateY(-50%);
}
.modal-close::after {
  transform: skewY(45deg) translateY(-50%);
}
.modal-close:hover {
  opacity: .6;
}

.modal .heading {
  background: none;
  /* margin-left: -30px;
  margin-right: -30px; */
}
.label {
  color: white;
  background: #004ea2;
}
.modal .label {
  font-size: 18px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 20px;
  font-weight: 700;
}
.modal .flex__item {
  width: 49%;
  max-width: 49%;
}

.modal .flex__item img {
  cursor: pointer;
}

.modal .flex__item img.active {
  
}

.modal-icon {
  display: block;
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  width: 30%;
}
.modal .flex__item a {
  position: static;
  transform: none;
  width: 50%;
}
.modal .flex .flex__item [class*="btn_"] {
  width: 100%;
  height: 100%;
  font-size: 20px;
  color: #ffffff;
  font-weight: 500;
  position: relative;
  border-radius: 3px;
}
.modal .flex .flex__item .btn_f {
  background: #90c31f;
}
.modal .flex .flex__item .btn_k {
  background: #5fb4f0;
}
.modal .flex .flex__item [class*="btn_"] a {
  color: #ffffff;
  display: block;
  /* height: 100%; */
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  letter-spacing: 0.2em;
  background: none;
}
.modal .flex .flex__item [class*="btn_"] a::before {
  content: "";
  background: url(/common_v2/img/arrow_w_05.svg) no-repeat center center;
  background-size: 100% auto;
  height: 100%;
  width: 30px;
  display: block;
  position: absolute;
  right: 5%;
  top: 0;
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
}
.modal .flex .flex__item [class*="btn_"]::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 15px;
  width: 7px;
  height: 7px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  transform: translateY(-50%) rotate(45deg);
  display: block;
}

#overlay {
  display: none;
  background: rgba(0,0,0,.7);
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
  cursor: pointer;
}


/* -- NEW -- */

/* ////////////////////
    sec_01
//////////////////// */
/* mv */
.mv {
  width: 100%;
  height: 700px;
  padding: 0;
  font-size: 0;
  line-height: 0;
  margin: 0;
  position: relative;
}

.mv .item {
  position: absolute;
  display: none;
}
.item.family01.default {
  top: 54%;
  left: 59%;
}
.item.family02.default {
  top: 46%;
  left: 5%;
}
.item.car.default {
  top: 15%;
  left: 60%;
}
.item.wallet.default {
  top: 10%;
  left: 26%;
}
.item.i_house.default  {
  top: 22%;
  left: 15%;
}
.item.plane.default {
  top: 32%;
  left: 76%;
}
.item.purse.default {
  top: 20%;
  left: 67%;
}

.item.display {
  animation-name: shake1;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 2s;
}
@keyframes shake1 {
  0% {
    transform: translate(0,0px);
  }

  100% {
    transform: translate(0,-10px)
  }
}
.item.house {
  width: 73%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.item.family01 {
  top: 50%;
  left: 69%;
  z-index: 1;
  transition: 1s;
  width: 31%;
}
.item.family02 {
  top: 42%;
  left: -5%;
  z-index: 1;
  transition: 1s;
  width: 34%;
}
.item.car {
  top: 10%;
  left: 68%;
  transition: 1s;
  width: 10%;
}
.item.house_l {
  top: 48%;
  left: -13%;
  transition: 1s;
  width: 34.5%;

}
.item.house_r {
  top: 49%;
  left: 69%;
  transition: 1s;
  width: 43.8%;

}
.item.i_house {
  top: 29%;
  left: 10%;
  transition: 1s;
  width: 11%;
}
.item.plane {
  top: 27%;
  left: 81%;
  transition: 1s;
  width: 11%;
}
.item.purse {
  top: 12%;
  left: 81%;
  transition: 1s;
  width: 10.5%;

}
.item.title {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
}
.item.wallet {
  top: 4%;
  left: 30%;
  transition: 1s;
  width: 13.5%;
}
.item.speech {
  top: 17%;
  left: 21%;
  transition: 1s;
  z-index: 1;
}



.bg_Long{
  background: url(assets/img/long_yellow_bg.png) center / cover no-repeat;
  height: 50px;
}
.pink-area{
  background: url(assets/img/bg_pink.jpg) repeat-y;
  /*background-size: cover;*/
  padding: 0 15px 45px;
}
/* ====================
  #top_banner  sec_01
===================== */
#top_banner{
  /* background: url(assets/img/bg_green_pattern.jpg) repeat-y;
  background-size: 100% auto; */
}

/* ====================
  #tell_speech  sec_02
===================== */
#tell_speech .cont{
  max-width: 1060px;
}
#tell_speech{
  /* background-image:  url(assets/img/c2_bg.png), url(assets/img/bg_green_pattern.jpg);
  background-repeat:  no-repeat, repeat;
  background-size: auto, 100% auto;
  background-position: center 120px, top; */
  background-image:  url(assets/img/c2_bg.png);
  background-repeat:  no-repeat;
  background-size: auto;
  background-position: center 120px;
  padding: 175px 0 70px;
  overflow-x: hidden;
}
#tell_speech .font-title{
  font-size: 36px;
  margin-bottom: 35px;
}
#tell_speech .mx-center{
  margin-left: auto;
  margin-right: auto;
}


/* ======================
  #question_loan  sec_03
======================= */
.sec_03{
  /* background: url(assets/img/bg_green_pattern.jpg) repeat-y; */
  background-size: contain;
  /* padding: 80px 0 180px; */
  /* padding-bottom: 180px; */
  /* margin-top: -198px; */
  overflow-y: visible;
  /* background-color: #fff; */
}
.sec_03 .ttl{
  /* margin-top: -77px; */
  /* margin-top: -124px; */
  top: 47px;
}
.question{
  margin: 40px auto;
  /* width: fit-content; */
  max-width: 945px;
}
.question *{
  box-sizing: border-box;
}
.question_loan_inner {
  padding-bottom: 180px;
}
/* /- 0318
.question-half{
  width: 50%;
  border-color: #c8c8c8;
  border-style: solid;
  padding: 0 10px;
}
.question-half.l{
  border-right-width: 1px;
}
.question-half.r{
  border-left-width: 1px;
}
.question-half .inner{
  padding: 10px 0;
  border-bottom: 2px solid #c8c8c8;
}
.question-half .inner.no_border {
  border-bottom: none;
}
.question-half .inner:last-child{
  border-bottom: none;
}
.question-half.l .inner{
  padding-left: 0;
}
.question-half.r .inner{
  padding-right: 0;
}
*/
.q-object{
  padding: 15px 20px;
  border: 6px solid transparent;
  border-radius: 12px;
  overflow: hidden;
  display: table;
  min-width: 196px;
}
.q-object:hover{
  border-color: #373232;  
}
.hover-group .onhover{
  display: none;
  margin: auto;
  transition: 2s;
}
a.hover-group:hover{
  opacity: 1;
}
/* --- */
.hover-group:hover .onhover{
  display: block;
  animation: fadeOutDown;
}
.hover-group:hover .outhover{
  display: none;
}
/* --- */

.q-object .head{
  width: 48px;
  height: 48px;
  margin: 0 auto 18px;
  padding: 5px;
  box-sizing: border-box;
  font-size: 26px;
  font-weight: bold;
  background-color: #e6b432;
  text-align: center;
  border-radius: 26px;
}
.q-object .text{
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
  font-size: 18px;
}
.q-object .main-img{
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 25px 20px;
    height: 10em;
    position: relative;
}
.q-object .main-img img{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: calc( 100% - 60px );
  margin: auto;
}
.q-object .button{
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}


/* ======================
 .sec_04
======================= */
.sec_04{  
  padding: 80px 0 0;
  margin-bottom: 100px;

  background: url(assets/img/c2_bg01.png) no-repeat, url(assets/img/c2_bg02.png) no-repeat, url(assets/img/c2_bg01.png) no-repeat;
  background-size: contain, contain, contain;
  background-position: 0 22%, 0 52%, 0 85%;
}
.bg_comic{
  background: url(assets/img/sec02_img12.png) center / contain no-repeat;
  margin-top: -100px;
  margin-bottom: 10px;
}
.bg_comic p.font32{
  padding: 155px 0;
}
.bg_comic .nan-to{
  position: absolute;
  top: -10px;
  left: 12%;
}

.sec_04 .comic{
  margin-top: 40px;
  background: url(assets/img/sec02_bg_icon.png) no-repeat;
  background-size: 860px;
  background-position: center 28px;
}
.sec_04 .comic img{
  max-width: none;
}
.sec_04 .comic-left div:first-child{
  margin-bottom: 190px;
}
.sec_04 .comic-left div:nth-child(2){
  margin-bottom: 100px;

}
.sec_04 .comic-left div:nth-child(3){
  margin-bottom: 190px;

}
.sec_04 .comic-left div:nth-child(4){
}

.sec_04 .comic-right div:first-child{
  margin: 250px 0 190px;
}
.sec_04 .comic-right div:nth-child(2){
  margin-bottom: 115px;
  margin-right: -13px;
}
.sec_04 .comic-right div:nth-child(3){
  margin-bottom: 190px;

}
.sec_04 .comic-right div:nth-child(4){
  margin-bottom: 260px;
  margin-left: -21px;
}

.sec_04 .sounaranai{
  max-width: 800px;
  margin: auto;
  padding-top: 50px;
}
.sec_04 .sounaranai .balloon-point{
  width: 17%;
  max-width: 121px;
  top: -15px;
  right: 0;
}
.sec_04 .black-border{
  border: 5px solid #373232;
  border-radius: 10px;
}
.sec_04 .sounaranai .inner{
  background-image: url(assets/img/sounaranai_bg_pink.png);
  background-size: cover;
  border: 8px solid white;
  border-radius: 5px;
  padding: 10px 10px 0;
}
.sec_04 .marker_orange {
  background: linear-gradient(transparent 60%, #f09566 40%);
}
/* ======================
  #loan_kotsu  .sec_05
======================= */
.sec_05{
  /* background: url(assets/img/bg_green_pattern.jpg) repeat-y;
  background-size: contain; */
  padding-bottom: 100px;
}
#loan_kotsu .balloon-green{
  max-width: 20%;
  display: inline;
  position: absolute;
  top: -42px;
  left: 20px;
  margin-left: 25px;
}
#loan_kotsu .ttl{
  
}
#loan_kotsu .read{
  max-width: 800px;
  margin: 3.6vw auto 0;
  position: relative;
  padding: 0 10px;
}
#loan_kotsu .read .smaller{
  font-size: 30px;
  line-height: 1.5;
}
#loan_kotsu .read .bigger{
  font-size: 36px;
  line-height: 1.5;
}
#loan_kotsu .read .read-man{
  position: absolute;
  height: 95%;
  bottom: 0;
  right: 10%;
}
#loan_kotsu .point-area{
  background-color: white;
  border-radius: 16px;
  padding-bottom: 20px;
}
#loan_kotsu .point-area .inner{
  padding: 45px 20px;
}
#loan_kotsu .point-area .green-title{
  margin-top: 30px;
  margin-bottom: 30px;
  font-weight: bold;
  color: #80AB59;
  font-size: 36px;
  line-height: 1.3;
  text-align: center;
}
#loan_kotsu .point-area .white-title{
  margin-top: 30px;
  margin-bottom: 30px;
  font-weight: bold;
  color: #FFF;
  font-size: 36px;
  line-height: 1.3;
  text-align: center;
}
#loan_kotsu .point-area .main-text{
  padding-left: 50px;
  padding-right: 50px;
  font-size: 20px;
}
#loan_kotsu .point_link {
}
#loan_kotsu .point_link ul{
}
#loan_kotsu .point_link li{
  background: #373232;
  border-radius: 62px;
  padding: 18px;
  margin: 0 0 1vw;
}
#loan_kotsu .point_link li img{
  width: 15%;
  max-width: 76px;
  margin-right: 20px;
}
#loan_kotsu .point_link a:after {
    display: block;
    content: "";
    height: 26px;
    width: 27px;
    background: url(assets/img/icon_arw.png) right center / contain no-repeat;
}
#loan_kotsu .point_link a span{
  display: block;
  margin-right: 5px;
  width: 84%;
  font-size: 30px;
}


.bg-green{
  background-color: #82aa5a;
}
.bg-gray{
  background-color: #F0F0F0;
}
#loan_kotsu .bg-gray .inner, #loan_kotsu .bg-green .inner{
  padding: 45px 70px;
}
.point-area .img-point{
  display: block;
  margin: auto;
}
#loan_kotsu .point-area .each-step{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  flex-wrap: wrap;
  padding-top: 60px;
  padding-bottom: 10px;
}
#loan_kotsu .point-area .each-step .icon-step{
  width: 10%;
}
#loan_kotsu .point-area .each-step .step-content{
  width: 90%;
  box-sizing: border-box;
  padding-left: 1.4vw;
  margin-top: -5px;
}
#loan_kotsu .point-area .border-text{
  margin-bottom: 20px;
  padding: 10px;
  border-width: 2px; 
  border-style: solid;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
.sec_05 .img-c{
  /*display: block;*/
  margin: 30px auto;
}

.sec_05 .acc-btn{
  background-color: #82aa5a;
  margin-right: auto;
  cursor: pointer;
  width: 100%;
  display: block;
  /* padding: 12px 40px; */
  padding: 12px 0;
  max-width: 232px;
  border: 2px solid #ffffff;
  border-radius: 6px;
  margin-left: 25%;
  margin-top: 20px;
}
.sec_05 #point02 .acc-btn{
  margin-left: auto;
}
.acc-btn .mt40_in{
  /* width: 148px; */
  /* padding: 12px 40px; */
  margin: auto;
  /* background-color: #82aa5a; */
  /* border: 2px solid #ffffff; */
  color: #ffffff;
  /* border-radius: 6px; */
  text-align: center;
  /* box-sizing: content-box; */
}
.sec_05  .acc-btn .txt{
  position: relative;
  width: 102px;
  margin-left: 10px;
}
.sec_05  .acc-btn.open .txt{
  width: 84px;
  margin-left: 18px;
}
.sec_05  .acc-btn .txt::before{
  position: absolute;
  font-size: 18px;
  font-weight: bold;
  left: 0;
  top: 6px; /* top: 0 */
  content: "続きを読む";
}
.sec_05  .acc-btn.open .txt::before{
  content: "閉じる";
}
.acc-btn.open .plus {
  transform: rotate(45deg);
}
.acc-btn.open .mt40_in{
  width: 120px;
}
.sec_05 .all-check{
  max-width: 660px;
  margin: auto;
}
.sec_05 .all-check .check-icon{
  margin-right: 15px;
}
.sec_05 .all-check .check-text{
  width: calc( 100% - 41px );
  margin-bottom: 1em;
}
/* ======================
  #model_case  .sec_06
======================= */
#model_case{
  /* background: url(assets/img/bg_green_pattern.jpg); */
  background-size: contain;
  /* margin-bottom: 45px; */
}
.sec_06 .ttl{
  margin-top: -56px;
  position: relative;
  top: 1px;
}
.sec_06 .main{
  margin: auto;
  margin-top: -47px;
  padding: 2.8vw 0;
  max-width: 800px;
}
.sec_06 .img-c{
  display: block;
  margin: 30px auto;
}
.sec_06 .icon-c{
  margin: 55px auto;
  max-width: 7%;
}
.sec_06 .bg-smoke p{
/*  width: fit-content;*/
  margin: auto;
}
.sec_06 .bg-smoke p.w-540{
  max-width: 540px;
}
.sec_06 .aura-modelcase{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}
.aura-modelcase .light{
  max-width: 10%;
}

/* ======================
  .sec_07
======================= */
#buy_time{
  padding-top: 55px;
  padding-bottom: 100px;
  background-color: #fff;

}
.sec_07 .main{
  max-width: 800px;
  margin: auto;
}
.sec_07 .img-c{
  display: block;
  margin: auto;
}
#kaidoki_frame {
  background: url(assets/img/bg_yellow_pattern.png);
  border: 3px solid #373232;
  border-radius: 4px;
}
#kaidoki_frame *{
  box-sizing: border-box;
}
.sec_07 .w420{
  max-width: 420px;
  
}
.sec_07 .black-pill{
  background: #373232;
  border-radius: 50px;
  padding: 1rem 4px;
  color: #fff;
  text-align: center;
}
.sec_07 .black-pill p {  
  font-size: 22px;
  line-height: 1.3;
}
.img-mxauto {
  display: block;
  margin: auto;
}
@media screen and (max-width: 860px) {
	.inner.mt100 {
		margin-top: 90px;
	}
}

/* ======================
  #link_shiryo .sec_08
======================= */
/*
.sec_08{
  background: url(assets/img/bg_green_pattern.jpg);
  background-size: contain;
  padding-top: 50px;
}
.read_text{
  margin-bottom: 60px;
}
.sec_08 .td-wrap{
  padding-top: 80px;
  padding-bottom: 80px;
}
.sec_08 .inner{
  padding-left: 15px;
  padding-right: 15px;
}
.sec_08 .imgArea{
  padding-bottom: 40px;
}
*/



/* -- footer -- */
.toTop{
  /* padding: 15px 0; */
  height: 50px;
  background-color: #82aa5a;
}
.toTop::after{
  content: "";
  position: absolute;
  top: calc(50% - 6px);
  left: calc(50% - 6px);
  width: 20px;
  height: 20px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(-45deg);
}
.bottomArea{
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 20px 0;
  background-color: #373232;
  display: none;
}


.modal .contents {
  text-align: center;
  padding: 30px 50px;
}
.modal_ttl {
  font-size: 36px;
  margin: 32px auto;
  font-weight: bold;

}
.modal_image_wrap {
  margin-bottom: 54px;
}
.modal_text_wrap {
  line-height: 2;
  font-size: 20px;
  text-align: left;
  margin-top: 30px;
}
.modal_text_wrap .note {
  font-size: 16px;
  font-weight: 300;
}
.modal-next,
.modal-prev,
.modal-close {
  cursor: pointer;
}

.modal-next {
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.modal-next::before,
.modal-next::after {
  content: '';
  position: absolute;
  display: block;
  width: 20px;
  left: 25%;
  border-top: 2px solid #000;
}
.modal-next::before {
  transform: skewY(-45deg) translateY(-50%);
  top: 70%;

}
.modal-next::after {
  transform: skewY(45deg) translateY(-50%);
  top: 30%;

}
.modal-next:hover {
  opacity: .6;
}

.modal-prev {
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.modal-prev::before,
.modal-prev::after {
  content: '';
  position: absolute;
  display: block;
  width: 20px;
  right: 25%;
  border-top: 2px solid #000;
}
.modal-prev::before {
  transform: skewY(-45deg) translateY(-50%);
  top: 30%;

}
.modal-prev::after {
  transform: skewY(45deg) translateY(-50%);
  top: 70%;

}
.modal-prev:hover {
  opacity: .6;
}


/* SLICK */
.container-fund .slick-prev,
.container-fund .slick-next{
  left: 8px;  
  z-index: 5;
  width: 34px;
  height: 34px;
  background-color: rgba( 255,255,255,0.5);
  text-align: center;
  padding: 0;
  border-radius: 50%;
}
.container-fund .slick-next{
  left: auto;
  right: 8px;
}
.container-fund .slick-prev:before{
  color: rgba( 0,0,0,0.7);
  font-size: 40px;
  font-weight: bold;
  margin-left: -3px;
}
.container-fund .slick-next:before{
  color: rgba( 0,0,0,0.7);
  font-size: 40px;
  font-weight: bold;
  margin-left: -2px;
}

.step-content-list li {
  /* text-indent: -1.5em; */
  position: relative;
  padding-left: 2.5em;
}
.step-content-list li:before {
  position: absolute;
  left: 0;
}
.step-content-list li:first-child:before {
  content: '※1';
}
.step-content-list li:nth-child(2):before {
  content: '※2';
}

/* .sec_07  */

.sec_07 .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 960px;
  margin: auto;
  margin-top: 50px;
}
.sec_07 a {
  display: block;
  transition: all .4s;
}
.sec_07 a:hover {
  opacity: .8;
}

.sec_07 .row .col {
  flex: 0 0 48%;
  position: relative;
  
}

@media screen and (min-width: 1000px)  {
  /* .sec_07 .row .col {
    max-width: 460px;
  
  } */
  .sec_07-table01 img {
    max-width: 416px;
  }
  
  .sec_07-table02 img,
  .sec_07-table03 img,
  .sec_07-table04 img,
  .sec_07-table05 img,
  .sec_07-table06 img,
  .sec_07-table07 img {
    max-width: 413px;
  }
}

.sec_07 .gray-card {
  background-color: #fff5da;
  border: 3px solid #373232;
  padding: 20px 19px 40px;
  margin: 25px 0;
  border-radius: 6px;
}

.sec_07 .gray-card02 {
  padding-top: 20px;
  padding-bottom: 6px;
}

.sec_07 .gray-card03 .card-text {
  letter-spacing: 1px;
  margin-bottom: 30px;
}

.sec_07 .gray-card04 .card-text {
  /* letter-spacing: -0.008em; */
  margin-bottom: 40px;
}

.sec_07 .gw-gray-card {
  padding: 20px 0 35px;
}

.sec_07 .card-text {
  font-size: 20px;
  line-height: 1.6;
  font-weight: 500;
}

.sec_07 .gray-card > .card-caption {
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  margin-bottom: 10px;
  position: relative;
  color: #000000;
  line-height: 1.25;
  background-image: url(./assets/img/sec07_ttl_bg.png);
  background-size: cover;
  background-position: center center;
  border-radius: 4px;
}
.sec_07 .gray-card > .card-caption.card-caption01 {
  padding: 13px 0;
  
}
.sec_07 .gray-card > .card-caption.card-caption02 {
  padding: 25px 0;
}
.sec_07 .gray-card03 > h5 > .sec_07-txt-sm {
  margin-top: 16px;
  display: block;
}
.sec_07 .gray-card03 > h5 {
  margin-bottom: 30px;
  font-size: 18px;
}
.sec_07 .gray-card04 > h5 {
  padding-left:1em;
	text-indent:-1em;
  line-height: 1.3;
}


.sec_07 .gray-card > .balloon-caption {
  position: absolute;
  top: 0;
  width: 95px;
  height: 91px;
}
.sec_07 .gray-card > .balloon-caption.caption01 {
  left: -20px;
  top: 0;
  background: url(./assets/img/balloon_07_01.png) no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  transform-origin: bottom right;
  animation: badgeLeft 4s infinite;
}
.sec_07 .gray-card > .balloon-caption.caption02 {
  right: -20px;
  background: url(./assets/img/balloon_07_02.png) no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  transform-origin: bottom left;
  animation: badgeRight 4s infinite;
}
.sec_07 .gray-card > .balloon-caption.caption03 {
  left: -20px;
  background: url(./assets/img/balloon_07_03.png) no-repeat;
  background-size: contain;
  transform-origin: bottom right;
  animation: badgeLeft 4s infinite;
}
.sec_07 .gray-card > .balloon-caption.caption04 {
  right: -20px;
  background: url(./assets/img/balloon_07_04.png) no-repeat;
  background-size: contain;
  transform-origin: bottom left;
  animation: badgeRight 4s infinite;
}

@keyframes badgeLeft {
  0% {
    opacity: 0;
    transform: scale(0.7) rotate(-15deg);
  }
  10% {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
  90% {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: scale(0.65) rotate(-15deg);
  }
}
@keyframes badgeRight {
  0% {
    opacity: 0;
    transform: scale(0.7) rotate(15deg);
  }
  10% {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
  90% {
    opacity: 1;
    transform: scale(1) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: scale(0.65) rotate(15deg);
  }
}


.sec_07 .grey-text {
  text-align: center;
  background-color: #aeadad;
  position: relative;
  margin: 25px 0;
}


.sec_07 .grey-text h4 {
  color: #fff;
  font-size: 20px;
  line-height: 1;
  padding: 10px 0;
}

.sec_07 .gw-gray-card .p-19 {
  padding-left:  19px;
  padding-right:  19px;
}

.sec_07 .gw-gray-card .m-19 {
  margin-left:  19px;
  margin-right:  19px;
}

.sec_07 h5 {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 20px;
}

.sec_07 .gray-card-inner ul {
  width: 97%;
  margin-bottom: 30px;
}


.sec_07 .gray-card-inner ul li {
  padding-left:1em;
	text-indent:-1em;
  line-height: 1.6;
  font-size: 18px;
}

.sec_07 .blk-circle {
  color: #373232;
}

.sec_07 .gray-card-inner .sec_07-table01 {
  margin-bottom: 35px;
}

.sec_07 .gray-card-inner .sec_07-table02 {
  margin-bottom: 30px;
}


.sec_07 .sec_07-table03 {
  margin-bottom: 20px;
}

.sec_07 .sec_07-table04 {
  margin-bottom: 75px;
}
.sec_07 .sec_07-table05 {
  margin-bottom: 35px;
}
.sec_07 .sec_07-table07 {
  margin-bottom: 45px;
}

.sec_07 .gray-card02 .card-text {
  margin-bottom: 30px;
}

.sec_07 h5 .sec_07-txt-sm {
  font-weight: normal;
  font-size: 16px;
}


.sec_07 .container-2 {
  margin-bottom: 0;
}

.fz30 {
  font-size: 30px;
}