@charset "utf-8";
/* CSS Document */

#uniquewrapper {color: #333333;background-color: #FFFFFF;}
#uniquewrapper a{ color: #1170cf; text-decoration: underline}

/**********
  汎用CSS
**********/
/*font-size*/
.fz_18vw{ font-size: 2.4vw;}
.fz_24vw{ font-size: 3.2vw;}
.fz_28vw{ font-size: 3.73vw;}
.fz_32vw{ font-size: 4.27vw;}
.fz_40vw{ font-size: 5.33vw;}
/*color*/
.red{ color: #ff0000;}
/*display*/
.inline_block{display: inline-block;}
/*text-align*/
.align_center{ text-align: center;}
.align_left{ text-align: left;}
.align_right{ text-align: right;}
/*font-weight*/
.bold{ font-weight: bold;}
/*width*/
.w690p{ width: 92%; margin: 0 auto;}
/*margin*/
.mt35p{ margin-top: 4.67%;}
.mt40p{ margin-top: 5.33%;}
.mt50p{ margin-top: 6.67%;}
.mt60p{ margin-top: 8%;}
.mt70p{ margin-top: 9.33%;}
.mt100p{ margin-top: 13.33%;}
.mt125p{ margin-top: 16.67%;}
.mt139p{ margin-top: 18.53%;}
/*position*/
.relative{ position: relative;}
.absolute{ position: absolute;}
/*box-sizing*/
.border-box{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
/**********
  共通CSS
**********/
/*h〇〇*/
h1,h2,h3{ background: #8acb3d;}
h1{ padding: 4% 0 6.93%;}
h2{ padding: 6.67% 0;}
h3{ padding: 8.13% 0 8.26%;}
h2 .image_box,h3 .image_box{ margin: 0 auto;}
h4{ line-height: 1; padding: 7.06% 0 7.73%; background: #f3f3f3;}
/*image_box*/
.image_box img{ width: 100%;}
/*cv_btn*/
.image_box_cvbtn{ width: 84%; margin: 0 auto;}
.cv_text{ line-height: 1; margin-top: 2.93%;}
/*annotetion*/
.annotation{ text-indent: -1em;}
.annotation li{ margin-left: 1em;}
/*三角形*/
.triangle{  border-top: 8vw solid #8acb3d; border-right: 9.33vw solid transparent; border-bottom: 8vw solid transparent; border-left: 9.33vw solid transparent; top: 100%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}

/**********
  content01-area
**********/
.content01-area{ background: #c9caca;}
.content01-area h2 .image_box{ width: 90.53%;}
.offer{ padding-bottom: 9.6%;}
/**********
  content02-area
**********/
.content02-area h2 .image_box{ width: 73.47%;}
.content02-area h3 .image_box{ width: 92.66%;}
.content02_Ponta_title img{ width: 66.27%;}
.content02_ponta_feature{ border: 2px solid #8acb3d; border-radius: 20px; background: #fffde0;}
.content02_ponta_feature+.content02_ponta_feature{ margin-top: 5.33%;}
.feature_title,.feature_text{ padding: 0 4.05%}
.feature_title{ color: #7fba01; text-indent: -1.5em; padding-top: 10.14%; margin-left: 1.5em;}
.feature_image01,.feature_text{ padding-top: 5.8%;}
.feature_image01 img{ width: 42.5%;}
.feature_image02 img{ width: 35.6%;}
.feature_image03 img{ width: 39.3%;}
.feature_text{ padding-bottom: 10.14%;}
/**********
  content03-area
**********/
.apply_area{ border: 2px solid #7fba01}
.apply_title{ padding: 4.2% 0 4.49%; border-bottom: 2px solid #7fba01;}
.apply_title{ padding: 4.2% 0 4.49%; background: #dff7c3; border-bottom: 2px solid #7fba01;}
.apply_title img{ width: 26.52%;}
.apply_flow_point,.arrow,.apply_flow_text{ padding-top: 10.14%;}
.apply_flow_text,.apply_flow_text_app{ margin: 0 10.14%;}
.arrow img{ width: 10%;}
.apply_flow_text_app{ text-indent: -1em;  padding: 2.07% 0 13.04% 1em;}
/**********
  content04-area
**********/
.detail_area{ padding-bottom: 14.49%; border-bottom: 1px solid #f3f3f3;}
.green_line{ width: 1.45%; height: 1.2em; vertical-align: -15%; border-radius: 5px; margin-right: 2.61%; background: #82c830;}
/**********
  content05-area
**********/
.reborn_image{ margin: 0;}
.reborn_image img{ width: 99.42%; margin: 0;}
.content05-area h6,.investment_text{ margin-top: 7.97%;}
.content05-area .cvbtn_area{ margin: 16.11% 0 0;}
.basic_image{ margin: 14.49% 0 0;}
.basic_image img{ width: 91.45%;}
/**********
  pageTopLink
**********/
.pageTopLink{ padding: 8.67% 10px 8% 0; background: #ffffff; margin: 0;}
.pageTopLink a{ font-weight: bold; font-size: 4vw; text-decoration: underline; color: #7fba01;}