﻿@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/scripts/boxsizing.htc);
  /*  If you need support for IE7 and lower make 
    sure the boxsizing.htc file is linked properly.
    More info here:  https://github.com/Schepp/box-sizing-polyfill */
}

body {
  color: #333;
}

#camp01_pc {
  display: none;
}

#camp01_pc_CP01 {
  display: none;
}

#camp01_pc_CP02 {
  display: none;
}

#camp01_pc_CP03 {
  display: none;
}

#camp01_pc_CP04 {
  display: none;
}

#camp01_pc_CP05 {
  display: none;
}

#camp02_pc {
  display: none;
}

#camp02_pc_CP01 {
  display: none;
}

#camp02_pc_CP02 {
  display: none;
}

#camp02_pc_CP03 {
  display: none;
}

#camp02_pc_CP04 {
  display: none;
}

#camp02_pc_CP05 {
  display: none;
}

.br {
  display: block;
}

.note-link {
  font-size: 10px;
  font-size: 1rem;
  text-align: left;
  color: #666;
}
.note-link a:link,
.note-link a:visited {
  color: #666;
}
.note-link a:hover,
.note-link a:active {
  color: #666;
  text-decoration: none;
}

/*▽▽▽▽▽▽▽▽▽▽　申込みボタンナビ　▽▽▽▽▽▽▽▽▽▽*/
.nav-cv {
  position: fixed;
  bottom: -1px;
  width: 100%;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.05em;
  line-height: 1;
  background: rgba(255, 255, 255, 0.9);
  z-index: 100;
}

.nav-cv-btn a {
  font-size: 18px;
  font-size: 1.8rem;
}
.nav-cv-btn a:link, .nav-cv-btn a:hover, .nav-cv-btn a:active, .nav-cv-btn a:visited {
  display: block;
  margin: 0.55556em;
  line-height: 2.22222;
  letter-spacing: 0.05em;
  text-decoration: none;
  color: #FFF;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
  background: #f1501c;
  background: -moz-linear-gradient(top, #F95E21 0%, #E84215 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #F95E21 0%, #E84215 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #F95E21 0%, #E84215 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  -moz-box-shadow: 1px 1px 0.16667em rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 0.16667em rgba(0, 0, 0, 0.4);
  border-radius: 0.16667em;
}
.nav-cv-btn a:hover, .nav-cv-btn a:active {
  background: #E84215;
  text-shadow: none;
  -webkit-transform: translate(1px, 1px);
  -ms-transform: translate(1px, 1px);
  transform: translate(1px, 1px);
  -moz-box-shadow: 1px 1px 0 #D82A19 inset;
  box-shadow: 1px 1px 0 #D82A19 inset;
}
.nav-cv-btn a:after {
  content: "\e904";
  font-family: 'icomoon';
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.11111em;
}

/*▽▽▽▽▽▽▽▽▽▽　ヘッダー　▽▽▽▽▽▽▽▽▽▽*/
.head {
  padding: .3em;
  background: #FFF;
}

.logo {
  padding: .7em .7em 1em .7em;
  overflow: hidden;
}
.logo p {
  line-height: 1.4;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #010059;
}
.logo p .em {
  display: block;
  color: #ff9515;
}

.logo-img {
  float: left;
  left: 0;
  width: 11.0em;
  height: 0;
  margin-right: 1em;
  padding-top: 4.2em;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/logo.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  font-size: 10px;
  font-size: 1rem;
  overflow: hidden;
}

.info {
  background: #FFF;
  -webkit-box-shadow: 2px 2px 0 #004f9f inset, -2px -2px 0 #004f9f inset;
  box-shadow: 2px 2px 0 #004f9f inset, -2px -2px 0 #004f9f inset;
  overflow: hidden;
}
.info li {
  padding: 0.2em 0.7em;
  line-height: 1.1;
  font-size: 10px;
  font-size: 1rem;
}
.info li:first-child {
  margin-top: 0.5em;
}
.info li:last-child {
  margin-bottom: 0.5em;
}

.onAgency {
  font-size: 10px;
  font-size: 1rem;
  margin: .3em -.3em 0 -.3em;
  padding: 1.0em 1.0em .6em 1.0em;
  border-top: solid 1px #e8e5e3;
}
.agency .agency-ttl {
  display: block;
  line-height: 1.2;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: bold;
}
.agency .agency-txt {
  display: block;
  width: 100%;
  max-width: 28em;
  height: 0;
  margin-top: 0.25em;
  padding-top: 1em;
  font-size: 10px;
  font-size: 1rem;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/sp_agency.gif");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left top;
  overflow: hidden;
}

/*▽▽▽▽▽▽▽▽▽▽　ヒーロービジュアル　▽▽▽▽▽▽▽▽▽▽*/
.main {
  background: #f2f0ee;
  overflow: hidden;
}

.main-content {
  width: 100%;
  padding-top: 50%;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/sp_main.jpg");
  background-size: 100% auto;
  background-position: left top;
  background-repeat: no-repeat;
}

.main-content-wrap {
  padding: 2.2em 0.75em 2em 1em;
  background: rgba(255, 255, 255, 0.7);
}
.main-content-wrap h1 {
  width: 100%;
  height: 0;
  padding-top: 23.33%;
  overflow: hidden;
  font-size: 10px;
  font-size: 1rem;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/sp_main_h1.png");
  background-size: 100% auto;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.main-content-wrap h1 + p {
  margin-top: 0.83333em;
  padding: 0 0.41667em;
  font-size: 12px;
  font-size: 1.2rem;
}

.head-cv {
  padding: 1.5em 1em;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.05em;
  line-height: 1;
  color: #FFF;
  text-shadow: 1px 1px 0 #010059;
  background: #324ea3;
  background: -moz-linear-gradient(top, #2D46A0 0%, #3656A5 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #2D46A0 0%, #3656A5 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2D46A0 0%, #3656A5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.head-cv-btn a:link, .head-cv-btn a:hover, .head-cv-btn a:active, .head-cv-btn a:visited {
  display: block;
  margin-bottom: 0.5em;
  line-height: 2.2;
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 0.05em;
  text-decoration: none;
  color: #FFF;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
  background: #f1501c;
  background: -moz-linear-gradient(top, #F95E21 0%, #E84215 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #F95E21 0%, #E84215 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #F95E21 0%, #E84215 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border: solid 3px #FFF;
  -moz-box-shadow: -1px -1px 0 #D82A19 inset, 1px 1px 0.15em rgba(0, 0, 0, 0.4);
  box-shadow: -1px -1px 0 #D82A19 inset, 1px 1px 0.15em rgba(0, 0, 0, 0.4);
  border-radius: 0.25em;
}
.head-cv-btn a:hover, .head-cv-btn a:active {
  background: #E84215;
  text-shadow: none;
  -webkit-transform: translate(1px, 1px);
  -ms-transform: translate(1px, 1px);
  transform: translate(1px, 1px);
  -moz-box-shadow: 1px 1px 0 #D82A19 inset;
  box-shadow: 1px 1px 0 #D82A19 inset;
}
.head-cv-btn a:after {
  content: "\e904";
  font-family: 'icomoon';
  font-weight: normal;
  line-height: 1;
  vertical-align: -0.1em;
}

.camp01 {
  margin: 2em 1em 2.2em 1em;
  background: #FFF;
  -webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.camp01 h2 {
  height: 0;
  padding-top: 2em;
  background-color: #4f90c8;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/sp_camp1.gif");
  background-size: 20em auto;
  background-repeat: no-repeat;
  background-position: center top;
  font-size: 15px;
  font-size: 1.5rem;
  overflow: hidden;
  text-align: center;
  color: #FFF;
}
.camp01 h2 + .row {
  position: relative;
  min-height: 8em;
  padding: 1.2em 9.5em 1.2em 1em;
}
.camp01 .camp01-txt {
  margin-bottom: 0.41667em;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0.1em;
}
.camp01 .camp01-body {
  display: inline-block;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.4;
}
.camp01 .camp01-body span {
  display: inline-block;
}
.camp01 .camp01-body .em {
  margin: 0 0.1em;
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.1;
  color: #ED1C24;
  border-bottom: dotted 1px #ED1C24;
}
.camp01 .camp01-body .camp01-link {
  font-size: 10px;
  font-size: 1rem;
  font-weight: normal;
  vertical-align: 0.1em;
}
.camp01 .camp01-body .camp01-link a:link,
.camp01 .camp01-body .camp01-link a:hover,
.camp01 .camp01-body .camp01-link a:active,
.camp01 .camp01-body .camp01-link a:visited {
  color: #666;
}
.camp01 .camp01-img {
  position: absolute;
  bottom: 1.07143em;
  right: 0.71429em;
  width: 5.71429em;
}
.camp01 .camp01-img img {
  max-width: 100%;
  height: auto;
  line-height: 1;
  vertical-align: bottom;
}
.camp01 .camp01-1-img {
  bottom: 1.07143em;
  right: 0.71429em;
}
.camp01 .camp01-1-img img {
  max-width: 100%;
  height: auto;
  line-height: 1;
  vertical-align: bottom;
}
.camp01-total h2 + .row {
  position: relative;
  min-height: 8em;
  padding: 1.2em 9.5em 1.2em 1em;
}
.camp01-total .camp01-txt {
  margin-bottom: 0.83333em;
  margin-right: -7.08333em;
  padding-bottom: 0.41667em;
  font-size: 12px;
  font-size: 1.2rem;
  border-bottom: solid 1px #e8e5e3;
  letter-spacing: 0em;
}
.camp01-total .camp01-txt .em {
  font-weight: bold;
  color: #ED1C24;
}
.camp01-total .camp01-body .em {
  margin: 0 0.1em 0.2em 0.1em;
}

/*▽▽▽▽▽▽▽▽▽▽　おすすめポイント　▽▽▽▽▽▽▽▽▽▽*/
.intro {
  padding: 2em 1em 3em 1em;
}
.intro h1 {
  margin-bottom: 0.625em;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.05em;
  line-height: 1.45;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.intro h1 .em {
  margin-right: 0.1em;
  color: #ff9515;
}
.intro li {
  position: relative;
  min-height: 4.66667em;
  margin-top: 0.46667em;
  padding: 0.66667em 0.66667em 0.66667em 5.66667em;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  border: solid 1px #e8e5e3;
}
.intro li:first-child {
  margin-top: 0;
}
.intro li:before {
  position: absolute;
  left: -1px;
  top: -1px;
  display: block;
  width: 1.25em;
  height: 1.25em;
  background-color: #4f90c8;
  font-size: 56px;
  font-size: 5.6rem;
  font-family: 'icomoon';
  line-height: 1.25em;
  text-align: center;
  font-weight: normal;
  color: #FFF;
}
.intro li.intro-li-seve:before {
  content: "\e902";
}
.intro li.intro-li-net:before {
  content: "\e901";
}
.intro li.intro-li-road:before {
  content: "\e900";
}
.intro li:after {
  content: "";
  position: absolute;
  left: 1.21429em;
  top: 50%;
  -webkit-transform: translateY(-0.08929em);
  -ms-transform: translateY(-0.08929em);
  transform: translateY(-0.08929em);
  border-top: 0.08929em solid transparent;
  border-right: 0;
  border-bottom: 0.08929em solid transparent;
  border-left: 0.14286em solid #4f90c8;
}

/*▽▽▽▽▽▽▽▽▽▽　保険料例　▽▽▽▽▽▽▽▽▽▽*/
.chap-price {
  background: #f2f0ee;
}

.chap-price header {
  position: relative;
  background: #FFF;
}
.chap-price header h1 {
  padding: 1em;
  background: #f8891d;
  background: -moz-linear-gradient(top, #ef7b24 0%, #ff9515 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ef7b24 0%, #ff9515 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ef7b24 0%, #ff9515 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  color: #FFF;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.chap-price header h2 {
  margin: 1.11111em 0 0.55556em 0;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: center;
  letter-spacing: 0.05em;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.chap-price header h2 .em {
  color: #EE5F5B;
}
.chap-price header p {
  padding-bottom: 1.07143em;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}
.chap-price header:after {
  content: "";
  position: absolute;
  bottom: -1.5em;
  left: 50%;
  border-top: 1.5em solid #FFF;
  border-right: 1em solid transparent;
  border-bottom: 0;
  border-left: 1em solid transparent;
  -webkit-transform: translateX(-1em);
  -ms-transform: translateX(-1em);
  transform: translateX(-1em);
}

.price-content {
  padding: 3em 0 2em 0;
}
.price-content h2 {
  padding: 0.5em 0;
  background: #4f90c8;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #FFF;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.price-content h2 .em {
  font-weight: bold;
}

.price-terms {
  margin: 1em;
  overflow: hidden;
}
.price-terms li {
  float: left;
  width: 33.33%;
  font-size: 10px;
  font-size: 1rem;
  background: #FFF;
  -webkit-box-shadow: 1px 1px 0 #f2f0ee inset, -1px -1px 0 #f2f0ee inset;
  box-shadow: 1px 1px 0 #f2f0ee inset, -1px -1px 0 #f2f0ee inset;
}
.price-terms li span {
  display: block;
  height: 0;
  padding-top: 3.4em;
  overflow: hidden;
  color: #FFF;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/sp_price_terms.gif");
  background-size: 9.8em auto;
  background-repeat: no-repeat;
}
.price-terms li.price-terms01 span {
  background-position: center 0;
}
.price-terms li.price-terms02 span {
  background-position: center -3.4em;
}
.price-terms li.price-terms03 span {
  background-position: center -6.8em;
}
.price-terms li.price-terms04 span {
  background-position: center -10.2em;
}
.price-terms li.price-terms05 span {
  background-position: center -13.6em;
}
.price-terms li.price-terms06 span {
  background-position: center -17.0em;
}

.price-sample {
  margin: 1em 1em 0.2em 1em;
  background: #FFF;
}
.price-sample + .note-link {
  padding: 0 1em;
}

.price-sample-ttl {
  padding: 1em;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1;
  color: #FFF;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  background: #004f9f;
}

.sample-ttl-l1,
.sample-ttl-l2 {
  font-size: 20px;
  font-size: 2rem;
}
.sample-ttl-l1 .em,
.sample-ttl-l2 .em {
  display: inline-block;
  border-bottom: dotted 1px #FFF;
}

.sample-ttl-s:first-child {
  margin-right: 0.25em;
}

.sample-ttl-l1 + .sample-ttl-s,
.sample-ttl-l2 + .sample-ttl-s {
  margin-left: -0.5em;
}

.price-sample-body {
  padding: 1.16667em 0.83333em 0.5em 0.83333em;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: right;
}
.price-sample-body span {
  display: inline-block;
}
.price-sample-body .sample-body-s {
  width: 3.1em;
  padding-bottom: 0.5em;
  margin-right: 0.5em;
  text-align: justify;
  text-justify: inter-ideograph;
}
.price-sample-body .sample-body-prce1 {
  width: 16.25em;
  height: 0;
  padding-top: 4.58333em;
  vertical-align: bottom;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/sp_price1.gif");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left top;
  overflow: hidden;
}
.price-sample-body .sample-body-prce2 {
  width: 18.75em;
  height: 0;
  padding-top: 4.58333em;
  vertical-align: bottom;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/sp_price2.gif");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left top;
  overflow: hidden;
}

.price-plus, .point01-plus {
  margin-top: 0.55556em;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  color: #010059;
}
.price-plus .em, .point01-plus .em {
  position: relative;
  display: inline-block;
  width: 3.84615em;
  margin-right: 1em;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 3.84615;
  color: #FFF;
  background: #004f9f;
  border-radius: 50%;
  -webkit-transform: ranslateY(-0.5em);
  -ms-transform: ranslateY(-0.5em);
  transform: ranslateY(-0.5em);
}
.price-plus .em:after, .point01-plus .em:after {
  content: "";
  position: absolute;
  bottom: 0.07692em;
  right: 0em;
  border-top: 0.92308em solid #004f9f;
  border-right: 0.46154em solid transparent;
  border-bottom: 0;
  border-left: 0.46154em solid transparent;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.price-plus .sub, .point01-plus .sub {
  display: inline-block;
  text-align: left;
  vertical-align: bottom;
  letter-spacing: 0.05em;
}

/*▽▽▽▽▽▽▽▽▽▽　お客様の声　▽▽▽▽▽▽▽▽▽▽*/
.chap-voice {
  padding: 2em 1em 3em 1em;
}
.chap-voice h1 {
  text-align: center;
  margin-bottom: 0.83333em;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.chap-voice h1 .em {
  margin: 0 0.05em;
  font-size: 22px;
  font-size: 2.2rem;
  color: #ec4818;
}
.chap-voice h1 .sub {
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: normal;
  font-family: "Open Sans", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, Arial, Meiryo, "MS P Gothic", "MS Pゴシック", sans-serif;
  color: #999;
}

.voice-wrap p {
  position: relative;
  padding: 0.71429em 0.71429em 0.71429em 4.64286em;
  margin-bottom: 0.35714em;
  font-size: 14px;
  font-size: 1.4rem;
  background: #f2f0ee;
}
.voice-wrap p .voice-profile {
  display: block;
  font-size: 11px;
  font-size: 1.1rem;
  color: #a29688;
}
.voice-wrap p:before {
  position: absolute;
  left: 0.375em;
  top: 0.25em;
  display: block;
  width: 1em;
  height: 1em;
  font-size: 40px;
  font-size: 4rem;
  font-family: 'icomoon';
  font-weight: normal;
  line-height: 1;
  color: #ff9515;
}
.voice-wrap p:after {
  content: "";
  position: absolute;
  left: 0;
  top: 1.78571em;
  border-top: 0.35714em solid transparent;
  border-right: 0;
  border-bottom: 0.35714em solid transparent;
  border-left: 0.71429em solid #FFF;
}
.voice-wrap div:nth-child(1) p:nth-child(1):before {
  content: "\e910";
}
.voice-wrap div:nth-child(1) p:nth-child(2):before {
  content: "\e911";
}
.voice-wrap div:nth-child(2) p:nth-child(1):before {
  content: "\e912";
}
.voice-wrap div:nth-child(2) p:nth-child(2):before {
  content: "\e913";
}

/*▽▽▽▽▽▽▽▽▽▽　選ばれる理由　▽▽▽▽▽▽▽▽▽▽*/
.chap-point {
  background: #f2f0ee;
}
.chap-point h1 {
  padding: 1em;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  color: #FFF;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  background: #324ea3;
  background: -moz-linear-gradient(top, #2D46A0 0%, #3656A5 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #2D46A0 0%, #3656A5 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2D46A0 0%, #3656A5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.point-menu {
  margin: 2em 1em .5em 1em;
}
.point-menu a {
  display: block;
  margin-top: 0.9375em;
  font-size: 16px;
  font-size: 1.6rem;
  background: #FFF;
}
.point-menu a:first-child {
  margin-top: 0;
}
.point-menu a:link, .point-menu a:hover, .point-menu a:active, .point-menu a:visited {
  text-decoration: none;
  color: inherit;
}
.point-menu li {
  position: relative;
  padding: 0.75em 0.625em 0.75em 4.0625em;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
  background-size: 5.625em auto;
  background-repeat: no-repeat;
  background-position: right top;
}
.point-menu li.point-menu-price {
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/sp_point_menu1.gif");
}
.point-menu li.point-menu-option {
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/sp_point_menu2.gif");
}
.point-menu li.point-menu-data {
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/sp_point_menu3.gif");
}
.point-menu li .em {
  display: block;
  position: absolute;
  left: -0.38462em;
  top: -0.76923em;
  width: 4.61538em;
  height: 4.61538em;
  padding-top: 1.15385em;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.25;
  text-align: center;
  color: #FFF;
  text-shadow: none;
  background: #ff9515;
  border-radius: 50%;
}
.point-menu li .sub {
  font-size: 10px;
  font-size: 1rem;
  font-weight: normal;
}
.point-menu + .note-link {
  margin: .5em 1em 2em 1em;
}

.chap-point01,
.chap-point02,
.chap-point03 {
  border-top: solid 4px #e8e5e3;
  background: #FFF;
}
.chap-point01:before,
.chap-point02:before,
.chap-point03:before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-top: 50%;
}
.chap-point01 .point-head,
.chap-point02 .point-head,
.chap-point03 .point-head {
  padding: 1.5em 1em 1.5em 1em;
}
.chap-point01 .point-head h2,
.chap-point02 .point-head h2,
.chap-point03 .point-head h2 {
  position: relative;
  padding: 0 0 0 4.04762em;
  font-size: 21px;
  font-size: 2.1rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  letter-spacing: 0.05em;
  color: #ec4818;
  text-shadow: 4px 4px 0 rgba(0, 0, 0, 0.05);
}
.chap-point01 .point-head h2 .point-mark,
.chap-point02 .point-head h2 .point-mark,
.chap-point03 .point-head h2 .point-mark {
  position: absolute;
  left: -0.38462em;
  top: -2.30769em;
  width: 6.15385em;
  height: 6.15385em;
  font-size: 13px;
  font-size: 1.3rem;
  font-family: "Open Sans", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, Arial, Meiryo, "MS P Gothic", "MS Pゴシック", sans-serif;
  letter-spacing: 0;
  line-height: 6.15385;
  text-align: center;
  color: #FFF;
  background: #ff9515;
  border-radius: 50%;
}
.chap-point01 .point-head h2 .sub,
.chap-point02 .point-head h2 .sub,
.chap-point03 .point-head h2 .sub {
  font-size: 10px;
  font-size: 1rem;
  font-family: "Open Sans", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, Arial, Meiryo, "MS P Gothic", "MS Pゴシック", sans-serif;
  font-weight: normal;
  color: #999;
}
.chap-point01 .point-head .point-head-txt,
.chap-point02 .point-head .point-head-txt,
.chap-point03 .point-head .point-head-txt {
  margin-top: 1.07143em;
  padding-top: 1.07143em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  border-top: solid 1px #e8e5e3;
}

.point01-cost h3, .point02-system h3,
.point02-option h3,
.point02-road h3, .point03-24h h3,
.point03-staff h3 {
  margin: 0 -0.625em 0.9375em -0.625em;
  padding: 0.8125em 0.625em;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: #FFF;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
  background: #004f9f;
}
.point01-cost h3 .sub, .point02-system h3 .sub,
.point02-option h3 .sub,
.point02-road h3 .sub, .point03-24h h3 .sub,
.point03-staff h3 .sub {
  display: block;
  font-size: 10px;
  font-size: 1rem;
  font-weight: normal;
}

/*▽▽▽▽▽▽▽▽▽▽　理由その1　▽▽▽▽▽▽▽▽▽▽*/
.chap-point01:before {
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/sp_point1.jpg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left top;
}

.point01-cost {
  padding: 0 1em;
}
.point01-cost p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
}

.point01-cost-img {
  margin: 1.42857em 0 1.07143em 0;
  padding: 1.07143em 0;
  border-top: solid 1px #e8e5e3;
  border-bottom: solid 1px #e8e5e3;
}
.point01-cost-img span {
  display: block;
  width: 21.42857em;
  height: 0;
  margin: 0 auto;
  padding-top: 120%;
  padding-top: 25.71429em;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/sp_point1_cost.jpg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left top;
  overflow: hidden;
}

.point01-plus {
  position: relative;
  min-height: 3em;
  padding: 0 0.55556em;
  margin-bottom: 0.83333em;
}
.point01-plus .em {
  position: absolute;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  text-align: center;
}
.point01-plus .sub {
  padding-left: 3.61111em;
}

.point01-net {
  padding: 0 .5em 3em .5em;
  overflow: hidden;
}
.point01-net p {
  float: left;
  width: 50%;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.875em;
  letter-spacing: 0.05em;
}
.point01-net p span {
  font-weight: bold;
  text-align: center;
  border-right: solid 0.3125em #FFF;
  border-left: solid 0.3125em #FFF;
}
.point01-net .point01-li-ttl {
  position: relative;
  display: block;
  color: #FFF;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  background: #4f90c8;
}
.point01-net .point01-li-ttl:after {
  position: absolute;
  bottom: -0.5em;
  left: 50%;
  content: "";
  border-top: 0.5em solid #4f90c8;
  border-right: 0.3125em solid transparent;
  border-bottom: 0;
  border-left: 0.3125em solid transparent;
  -webkit-transform: translateX(-0.3125em);
  -ms-transform: translateX(-0.3125em);
  transform: translateX(-0.3125em);
}
.point01-net .point01-li-txt {
  display: block;
  padding-top: 1.07143em;
  font-size: 14px;
  font-size: 1.4rem;
  background: #f2f0ee;
}
.point01-net .point01-li-txt:before {
  font-family: 'icomoon';
  font-weight: normal;
  font-size: 80px;
  font-size: 8rem;
  line-height: 0.5625em;
  content: "";
  display: block;
  margin: 0 auto;
  width: 1em;
  height: 0.6625em;
  color: #a89f96;
}

.point01-req .point01-li-txt:before {
  content: "\e901";
}

.point01-pay .point01-li-txt:before {
  content: "\e905";
}

/*▽▽▽▽▽▽▽▽▽▽　理由その2　▽▽▽▽▽▽▽▽▽▽*/
.chap-point02:before {
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/sp_point2.jpg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left top;
}

.point02-system,
.point02-option,
.point02-road {
  padding: 0 1em 2em 1em;
}
.point02-system p,
.point02-option p,
.point02-road p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
}

.point02-system-wrap {
  position: relative;
  margin: 1.5em -0.5em 0 -0.5em;
  overflow: hidden;
}
.point02-system-wrap dl {
  float: left;
  width: 50%;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.875em;
  letter-spacing: 0.05em;
}
.point02-system-wrap dl dt, .point02-system-wrap dl dd {
  text-align: center;
  border-right: solid 0.3125em #FFF;
  border-left: solid 0.3125em #FFF;
}
.point02-system-wrap dl dt {
  margin-bottom: 0.1875em;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2em;
  letter-spacing: 0.05em;
  color: #FFF;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.point02-system-wrap dl dd {
  margin-top: 0.0625em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2.25em;
  background: #f2f0ee;
}
.point02-system-wrap:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 3.2em;
  display: block;
  width: 3.0em;
  height: 3.0em;
  background-color: #FFF;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/sp_point2_plus.gif");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left top;
  border: solid 1px #A89F96;
  border-radius: 50%;
  -webkit-transform: translateX(-1.5em);
  -ms-transform: translateX(-1.5em);
  transform: translateX(-1.5em);
}

.point02-system-bs dt {
  background: #91b3de;
}
.point02-system-bs dd {
  color: #4f90c8;
}

.point02-system-op dt {
  background: #4f90c8;
}
.point02-system-op dd {
  color: #004f9f;
}

.point02-option dt,
.point02-road dt, .point03-staff li span {
  position: relative;
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.875em;
  letter-spacing: 0.05em;
  color: #FFF;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  background: #4f90c8;
}

.point03-staff span b{
  font-size: 1.3rem;
}

.point02-option dt:after,
.point02-road dt:after, .point03-staff li span:after {
  position: absolute;
  bottom: -0.5em;
  left: 50%;
  content: "";
  border-top: 0.5em solid #4f90c8;
  border-right: 0.3125em solid transparent;
  border-bottom: 0;
  border-left: 0.3125em solid transparent;
  -webkit-transform: translateX(-0.3125em);
  -ms-transform: translateX(-0.3125em);
  transform: translateX(-0.3125em);
  z-index: 2;
}

.point02-option dl + dl,
.point02-road dl + dl {
  margin-top: 1em;
}
.point02-option dd,
.point02-road dd {
  position: relative;
  min-height: 7.30769em;
  padding: 0.76923em 0.76923em 0.76923em 7.69231em;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 2;
  background: #f2f0ee;
}
.point02-option dd:before,
.point02-road dd:before {
  content: "";
  position: absolute;
  top: 0.27778em;
  left: 0.20833em;
  display: block;
  width: 1.04167em;
  height: 0.90278em;
  font-family: 'icomoon';
  font-weight: normal;
  font-size: 72px;
  font-size: 7.2rem;
  text-align: center;
  vertical-align: bottom;
}

.point02-option .row {
  margin: 1.5em 0;
}

.point02-option-road dd:before,
.point02-option-law dd:before {
  height: 0.69444em;
  line-height: 0.48611em;
  color: #004f9f;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}

.point02-option-road dd:before {
  content: "\e900";
}

.point02-option-law dd:before {
  content: "\e903";
}

.point02-road-list {
  margin: 1.5em 0 1em 0;
}
.point02-road-list dl {
  margin-top: 1em;
}
.point02-road-list dd:before {
  line-height: 1;
  color: #a89f96;
}

.point02-road-24h dd:before {
  top: 0.11111em;
  content: "\e914";
}

.point02-road-100km dd:before {
  top: 0em;
  content: "\e900";
}

.point02-road-rent dd:before {
  top: 0.02778em;
  content: "\e915";
}

.point02-road-battery dd:before {
  top: 0em;
  content: "\e916";
}

.point02-road-trip dd:before {
  top: 0.18056em;
  content: "\e917";
}

.point02-road-carr dd:before {
  top: 0.25em;
  content: "\e918";
}

/*▽▽▽▽▽▽▽▽▽▽　理由その3　▽▽▽▽▽▽▽▽▽▽*/
.chap-point03 header .note-link {
  margin-top: 0.5em;
}

.chap-point03:before {
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/sp_point3.jpg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left top;
}

.point02-road h3 + p:before,
.point03-24h h3 + p:before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-top: 33.33%;
  margin-top: 1.42857em;
  margin-bottom: 1.07143em;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left top;
}

.point02-road h3 + p:before {
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/sp_point03_24h.jpg");
}

.point03-24h h3 + p:before {
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/sp_point02_road.jpg");
}

.point03-24h,
.point03-staff {
  padding: 0 1em 1.5em 1em;
}

.point03-data {
  margin: 0 1em;
  padding: 2em 0 1.5em 0;
  border-top: solid 1px #e8e5e3;
}
.point03-data p {
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: bold;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.point03-data .point03-data-img img {
  width: 11.76471em;
  height: auto;
}

.point03-24h p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
}

.point03-staff ul {
  margin-top: 2em;
  margin-bottom: 1.5em;
}

.point03-staff li span {
  padding: 0.625em 0;
  line-height: 1.4;
}
.point03-staff li:after {
  content: "";
  display: block;
  font-family: 'icomoon';
  font-weight: normal;
  font-size: 105px;
  font-size: 10.5rem;
  line-height: 0.85714em;
  text-align: center;
  height: 0.85714em;
  color: #a29688;
  background-color: #f2f0ee;
}
.point03-staff li.point03-staff-one:after {
  content: "\e90a";
}
.point03-staff li.point03-staff-1h:after {
  content: "\e90b";
}
.point03-staff li.point03-staff-sp:after {
  content: "\e903";
}
.point03-staff li.point03-staff-tel:after {
  content: "\e90c";
}
.point03-staff li + li {
  margin-top: 0.625em;
}

/*▽▽▽▽▽▽▽▽▽▽　キャンペーン情報(ページ下部)　▽▽▽▽▽▽▽▽▽▽*/
.camp02 {
  padding: 2em 1em;
  background: #FFF;
  border-top: solid 1px #e8e5e3;
}

.camp02-and {
  position: relative;
  margin-bottom: 0.625em;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.05em;
  color: #ec4818;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.camp02-and:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -0.20833em;
  border-top: 0.375em solid #ec4818;
  border-right: 0.25em solid transparent;
  border-bottom: 0;
  border-left: 0.25em solid transparent;
  -webkit-transform: translateX(-0.25em);
  -ms-transform: translateX(-0.25em);
  transform: translateX(-0.25em);
}

.camp02-wrap {
  padding: 0.6em 0.6em 1.2em 0.6em;
  border: solid 0.4em #004f9f;
}
.camp02-wrap h3 {
  font-size: 16px;
  font-size: 1.6rem;
  margin: -0.375em -0.375em 0.375em -0.375em;
  padding: 0.75em 0 0.8125em 0;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.05em;
  color: #FFF;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  background: #004f9f;
}
.camp02-wrap h4 {
  height: 0;
  padding-top: 1.78571em;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  color: #FFF;
  background-color: #ff9515;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/sp_camp2.gif");
  background-size: 20em auto;
  background-repeat: no-repeat;
  background-position: center top;
  overflow: hidden;
}
.camp02-wrap .row {
  position: relative;
  max-width: 28em;
  margin: 0 auto;
}
.camp02-wrap .camp02-txt {
  margin-top: 0.53333em;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: justify;
  text-justify: inter-ideograph;
  letter-spacing: 0.05em;
}
.camp02-wrap .camp02-body {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.04em;
  text-align: justify;
  text-justify: inter-ideograph;
  text-shadow: 0.11538em 0.11538em 0 rgba(0, 0, 0, 0.1);
}
.camp02-wrap .camp02-body span {
  display: inline-block;
}
.camp02-wrap .camp02-body .em {
  margin: 0 0.05em;
  color: #ec4818;
}
.camp02-wrap .camp02-note {
  color: #A89F96;
  font-size: 10px;
  font-size: 1rem;
}
.camp02-wrap .camp500-img {
  position: absolute;
  bottom: .1em;
  right: .5em;
  width: 9.3em;
  font-size: 10px;
  font-size: 1rem;
}
.camp02-wrap .camp500-img span {
  display: block;
  height: 0;
  padding-top: 6em;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/00pc_lib500.gif");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left top;
  overflow: hidden;
}
.camp02-wrap .camp500-img_sp {
  position: absolute;
  right: .5em;
  width: 9.3em;
  font-size: 1rem;
  height: 0;
  padding-top: 6em;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/00pc_lib500.gif");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left;
  overflow: hidden;
}
.camp02-wrap .camp1000-img {
  position: absolute;
  bottom: .1em;
  right: .5em;
  width: 9.3em;
  font-size: 10px;
  font-size: 1rem;
}
.camp02-wrap .camp1000-img span {
  display: block;
  height: 0;
  padding-top: 6em;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/00pc_lib1000.gif");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left top;
  overflow: hidden;
}
.camp02-wrap .camp1000-img_sp {
  position: absolute;
  right: .5em;
  width: 9.3em;
  font-size: 1rem;
  height: 0;
  padding-top: 6em;
  background-image: url(/-/Media/jpz/nwd/divert/agency/images/00pc_lib1000.gif);
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left;
  overflow: hidden;
}
.camp02-wrap .camp1500-img {
  position: absolute;
  bottom: .1em;
  right: .5em;
  width: 9.3em;
  font-size: 10px;
  font-size: 1rem;
}
.camp02-wrap .camp1500-img span {
  display: block;
  height: 0;
  padding-top: 6em;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/00pc_lib1500.gif");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left top;
  overflow: hidden;
}
.camp02-wrap .camp1500-img_sp {
  position: absolute;
  right: .5em;
  width: 9.3em;
  font-size: 1rem;
  height: 0;
  padding-top: 6em;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/00pc_lib1500.gif");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left;
  overflow: hidden;
}
.camp02-wrap + p {
  margin-top: 0.71429em;
  text-align: center;
}
.camp02-wrap + p a:link,
.camp02-wrap + p a:hover,
.camp02-wrap + p a:active,
.camp02-wrap + p a:visited {
  color: #004f9f;
}

.camp02-total .camp02-txt {
  margin-top: 0.61538em;
  margin-bottom: 0.61538em;
  padding-bottom: 0.38462em;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: normal;
  text-align: center;
  letter-spacing: 0em;
  border-bottom: solid 1px #e8e5e3;
}
.camp02-total .camp02-txt .em {
  color: #ff9515;
  font-weight: bold;
}
.camp02-total .camp02-body {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.4;
}
.camp02-total .camp02-body .em span {
  display: inline-block;
  margin: 0 0.5em;
  width: 1em;
  line-height: 1;
  font-size: 10px;
  font-size: 1rem;
}

.camp02-500 .camp02-body {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.4;
}
.camp02-500 .camp02-body .em {
  margin: 0 0.05em 0 0.15em;
  font-size: 32px;
  font-size: 3.2rem;
}

/*▽▽▽▽▽▽▽▽▽▽　お申込みの流れ　▽▽▽▽▽▽▽▽▽▽*/
.chap-flow h1 {
  padding: 1em;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  color: #FFF;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  background: #324ea3;
  background: -moz-linear-gradient(top, #2D46A0 0%, #3656A5 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #2D46A0 0%, #3656A5 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #2D46A0 0%, #3656A5 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.flow-items {
  margin: 2em 1em;
  background: #f2f0ee;
  overflow: hidden;
}
.flow-items h2 {
  position: relative;
  margin: 0.9375em 0 1.25em 0;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}
.flow-items h2:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -0.75em;
  border-top: 0.5625em solid #a89f96;
  border-right: 0.375em solid transparent;
  border-bottom: 0;
  border-left: 0.375em solid transparent;
  -webkit-transform: translateX(-0.375em);
  -ms-transform: translateX(-0.375em);
  transform: translateX(-0.375em);
}
.flow-items p {
  padding: 0 1.07143em 0.71429em 1.07143em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
  border-bottom: solid 1px #FFF;
}
.flow-items ul {
  padding: 1.5em;
}
.flow-items li {
  margin-top: 0.71429em;
  font-size: 14px;
  font-size: 1.4rem;
  color: #004f9f;
  overflow: hidden;
}
.flow-items li .sub {
  display: block;
  font-size: 10px;
  font-size: 1rem;
  -webkit-transform: translateX(-0.4em);
  -ms-transform: translateX(-0.4em);
  transform: translateX(-0.4em);
}
.flow-items li:first-child {
  margin-top: 0;
}
.flow-items li:before {
  content: "";
  float: left;
  display: block;
  width: 3.57143em;
  height: 2.71429em;
  margin-right: 1.07143em;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left top;
}
.flow-items li.flow-items01:before {
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_flow_items1.gif");
}
.flow-items li.flow-items02:before {
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_flow_items2.gif");
}
.flow-items li.flow-items03:before {
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_flow_items3.gif");
}
.flow-items li.flow-items04:before {
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_flow_items4.gif");
}
.flow-items li.flow-items05:before {
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_flow_items5.gif");
}

.flow-step {
  padding: 2em 1em;
  background: #f2f0ee;
}
.flow-step h2 {
  margin-bottom: 0.75em;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.05em;
  color: #004f9f;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.flow-step h2 .em {
  margin: 0 0.08108em;
  font-size: 37px;
  font-size: 3.7rem;
}
.flow-step li + li {
  position: relative;
  margin-top: 2.5em;
  font-size: 10px;
  font-size: 1rem;
}
.flow-step li + li:before {
  content: "";
  position: absolute;
  left: 50%;
  top: -1.9em;
  border-top: 1.2em solid #A89F96;
  border-right: 2em solid transparent;
  border-bottom: 0;
  border-left: 2em solid transparent;
  -webkit-transform: translateX(-2em);
  -ms-transform: translateX(-2em);
  transform: translateX(-2em);
}

.step-ttl {
  display: block;
  padding: 0 0.83333em;
  background: #4f90c8;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2.22222;
  color: #FFF;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.step-ttl:before {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  margin-right: 0.8em;
}
.flow-step01 .step-ttl:before {
  content: "STEP1";
}
.flow-step02 .step-ttl:before {
  content: "STEP2";
}
.flow-step03 .step-ttl:before {
  content: "STEP3";
}
.flow-step04 .step-ttl:before {
  content: "STEP4";
}

.flow-step04 .step-ttl {
  background: #ff9515;
}

.step-txt {
  position: relative;
  display: block;
  min-height: 7.14286em;
  padding: 0.92857em 0.71429em 0.92857em 8.57143em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  background: #FFF;
}
.step-txt:before {
  content: "";
  position: absolute;
  left: 0.10526em;
  top: 0.15789em;
  display: block;
  width: 1em;
  height: 0.73684em;
  font-size: 95px;
  font-size: 9.5rem;
  font-family: 'icomoon';
  font-weight: normal;
  text-align: center;
  line-height: 0.69474;
  color: #a89f96;
}
.flow-step01 .step-txt:before {
  content: "\e906";
}
.flow-step02 .step-txt:before {
  content: "\e907";
}
.flow-step03 .step-txt:before {
  content: "\e908";
}
.flow-step04 .step-txt:before {
  content: "\e909";
}

/*▽▽▽▽▽▽▽▽▽▽　キャンペーン詳細　▽▽▽▽▽▽▽▽▽▽*/
.camp-info-ttl {
  font-weight: bold;
  color: #004f9f;
}

.camp-info {
  padding: 3em 1em;
}
.camp-info table {
  margin-top: 0.5em;
  border: solid 1px #e8e5e3;
}
.camp-info table + p {
  margin-top: 0.90909em;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.8;
}
.camp-info th, .camp-info td {
  display: block;
}
.camp-info th {
  padding: 0.5em 0.75em;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1;
  text-align: left;
  background: #f2f0ee;
}
.camp-info td {
  padding: 0.54545em 0.81818em;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.8;
}

/*▽▽▽▽▽▽▽▽▽▽　メッセージ　▽▽▽▽▽▽▽▽▽▽*/
.chap-30th {
  background: #f2f0ee;
  padding: 3em 1em;
}

.messa-txt {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.7;
}

.messa-body {
  margin-top: 0.58824em;
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: bold;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 1.76471;
}
.messa-body .sub {
  margin: 0 0.3em;
  font-size: 10px;
  font-size: 1rem;
  font-weight: normal;
  font-family: "Open Sans", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, Arial, Meiryo, "MS P Gothic", "MS Pゴシック", sans-serif;
}

/*▽▽▽▽▽▽▽▽▽▽　注釈　▽▽▽▽▽▽▽▽▽▽*/
.chap-note {
  padding: 3em 1em;
}
.chap-note p {
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 1.25em;
}
.chap-note .note-small {
  margin-top: 0;
  margin-bottom: 0.8em;
  font-size: 10px;
  font-size: 1rem;
  color: #999;
}
.chap-note .number {
  color: #004f9f;
  margin-top: 1.5em;
  text-align: right;
  font-size: 10px;
  font-size: 1rem;
}
.number_1 {
  color: #000000;
  margin-top: 1.5em;
  text-align: right;
  font-size: 10px;
  font-size: 1rem;
}

/*▽▽▽▽▽▽▽▽▽▽　フッターメニュー　▽▽▽▽▽▽▽▽▽▽*/
.footer {
  background: #004f9f;
  padding: 2em 1em 8em 1em;
}
.footer ul {
  padding-left: 1.5em;
  border-left: solid 1px #91b3de;
}
.footer li {
  font-size: 13px;
  font-size: 1.3rem;
  margin-top: 0.76923em;
}
.footer li:first-child {
  margin-top: 0;
}
.footer li a:link,
.footer li a:visited {
  color: #FFF;
  text-decoration: none;
}
.footer li a:hover,
.footer li a:active {
  color: #FFF;
  text-decoration: underline;
}

/*▽▽▽▽▽▽▽▽▽▽　共通　▽▽▽▽▽▽▽▽▽▽*/


/*▽▽▽▽▽▽▽▽▽▽　お米キャンペーン　▽▽▽▽▽▽▽▽▽▽*/

.camp01 h3 {
    padding: 0.5em;
    background-color: #4f90c8;
    background-size: 20em auto;
    background-repeat: no-repeat;
    background-position: center top;
    font-size: 15px;
    font-size: 1.5rem;
    overflow: hidden;
    text-align: center;
    color: #FFF;
}

.camp01 h3 + .row {
  position: relative;
  min-height: 8em;
  padding: 1.2em 9.5em 1.2em 1em;
}

.camp02-wrap h2 {
    padding: 0.5em;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    color: #FFF;
    background-color: #ff9515;
    background-size: 20em auto;
    background-repeat: no-repeat;
    background-position: center top;
    overflow: hidden;
}
