@charset "UTF-8";
.br {
  display: inline;
}

.note-link {
  font-size: 11px;
  font-size: 1.1rem;
  text-align: right;
}

/*▽▽▽▽▽▽▽▽▽▽　申込みボタンナビ　▽▽▽▽▽▽▽▽▽▽*/
.nav-cv-btn a {
  font-size: 27px;
  font-size: 2.7rem;
}
.nav-cv-btn a:link, .nav-cv-btn a:hover, .nav-cv-btn a:active, .nav-cv-btn a:visited {
  margin: 0.64815em 0.74074em;
  padding: 0.44444em 0 0.2963em 0;
  line-height: 1.66667;
  letter-spacing: 0.1em;
  border-radius: 0.2963em;
}
.nav-cv-btn a:before {
  content: "ネット専用自動車保険";
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
}
.nav-cv-btn a:after {
  vertical-align: -0.125em;
}

/*▽▽▽▽▽▽▽▽▽▽　ヘッダー　▽▽▽▽▽▽▽▽▽▽*/
.head {
  position: relative;
  padding: 0;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.logo {
  padding: 1em;
}
.logo p {
  font-size: 16px;
  font-size: 1.6rem;
}

.logo-img {
  width: 7.2em;
  margin-right: 1.5em;
  padding-top: 5.7em;
}

.info-wrap {
  background: #f2f0ee;
  padding: 0 1em;
  overflow: hidden;
}

.info {
  margin: 1em 0;
}

.onAgency h{
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  padding: 1.5em 1em 0 1em;
  border-top: none;
}
.agency .agency-ttl {
  text-align: right;
  font-size: 14px;
  font-size: 1.4rem;
}
.agency .agency-txt {
  height: auto;
  max-width: 40em;
  padding: 0;
  text-align: right;
  background: none;
  overflow: visible;
}

/*▽▽▽▽▽▽▽▽▽▽　ヒーロービジュアル　▽▽▽▽▽▽▽▽▽▽*/
.main-content {
  background: none;
  padding-top: 0;
}
.main-content:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 50%;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_main.jpg");
  background-size: auto 100%;
  background-position: 85% top;
  background-repeat: no-repeat;
}

.main-content-wrap {
  padding: 2.2em 1em 2em 1em;
  background: rgba(255, 255, 255, 0.7);
}
.main-content-wrap h1 {
  width: 48em;
  padding-top: 11em;
  margin: 0 auto;
  background-size: 47.5em auto;
  background-position: right bottom;
  overflow: hidden;
}
.main-content-wrap h1 + p {
  width: 29.6875em;
  padding: 0 0.41667em;
  margin: 0.9375em auto 0 auto;
  font-size: 16px;
  font-size: 1.6rem;
}

.head-cv {
  position: relative;
  padding: 5.35714em 1.42857em 2.85714em 1.42857em;
  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+ */
  font-size: 14px;
  font-size: 1.4rem;
}
.head-cv .head-cv-btn + p {
  position: absolute;
  top: 2em;
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-size: 2rem;
  letter-spacing: 0.1em;
  line-height: 1;
}

.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.27778em;
  padding: 0.83333em 0 0.66667em 0;
  line-height: 1;
  font-size: 36px;
  font-size: 3.6rem;
  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 5px #FFF;
  -moz-box-shadow: -1px -1px 0 #D82A19 inset, 1px 1px 0.27778em rgba(0, 0, 0, 0.7);
  box-shadow: -1px -1px 0 #D82A19 inset, 1px 1px 0.27778em rgba(0, 0, 0, 0.7);
  border-radius: 0.27778em;
}
.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;
}

.camp01 {
  margin: 5em auto;
  width: 47em;
  background: #FFF;
}
.camp01 h2 {
  background-color: #ff9515;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_camp2.gif");
  background-size: auto 2em;
  background-repeat: no-repeat;
  background-position: center top;
}
.camp01 h2 + .row {
  padding: 1.2em 12em 1.0em 1.5em;
}
.camp01 .camp01-txt {
  margin-bottom: 0.63636em;
  font-size: 11px;
  font-size: 1.1rem;
  letter-spacing: 0;
}
.camp01 .camp01-body {
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.2;
}
.camp01 .camp01-body .camp01-link {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1;
}
.camp01 .camp01-img {
  right: 1.07143em;
  width: 7.14286em;
}
.camp01 .camp01-1-img {
  right: 1.07143em;
}

.camp01-total .camp01-body .em {
  margin: 0 0.1em 0.4em 0.1em;
}

/*▽▽▽▽▽▽▽▽▽▽　おすすめポイント　▽▽▽▽▽▽▽▽▽▽*/
.intro {
  padding: 5em 1em;
}
.intro h1 {
  font-size: 26px;
  font-size: 2.6rem;
  margin: 0em 0.38462em 0.96154em 0.38462em;
  padding-bottom: 0.76923em;
  line-height: 1;
  border-bottom: solid 1px #A89F96;
}
.intro h1 .em {
  margin-right: 0;
}
.intro h1 .br {
  margin-right: 0.1em;
}
.intro ul {
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 1em 0;
}
.intro li {
  display: table-cell;
  width: 33.33%;
  min-height: 0;
  margin: 0;
  padding: 0.66667em 0.66667em 7.66667em 0.66667em;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  color: #FFF;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  border: 0;
  background-color: #4f90c8;
}
.intro li:before {
  left: 0;
  top: auto;
  bottom: 0;
  width: 100%;
  overflow: hidden;
  height: 0.95455em;
  background-color: #FFF;
  border: solid 1px #e8e5e3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 110px;
  font-size: 11rem;
  line-height: 0.90909em;
  color: #a89f96;
  text-shadow: none;
}
.intro li.intro-li-seve:before {
  background-position: center center;
}
.intro li.intro-li-net:before {
  background-position: center center;
}
.intro li.intro-li-road:before {
  background-position: center center;
}
.intro li:after {
  left: 50%;
  top: auto;
  bottom: 6.46667em;
  -webkit-transform: translate(-0.33333em, 0);
  -ms-transform: translate(-0.33333em, 0);
  transform: translate(-0.33333em, 0);
  border-top: 0.53333em solid #4f90c8;
  border-right: 0.33333em solid transparent;
  border-bottom: 0;
  border-left: 0.33333em solid transparent;
}

/*▽▽▽▽▽▽▽▽▽▽　保険料例　▽▽▽▽▽▽▽▽▽▽*/
/*▽▽▽▽▽▽▽▽▽▽　保険料例　▽▽▽▽▽▽▽▽▽▽*/
.chap-price {
  padding-bottom: 5em;
}

.chap-price header h1 {
  padding: 0.97222em 0.55556em 0.88889em 0.55556em;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1;
}
.chap-price header h2 {
  margin: 1.11111em 0 0.61111em 0;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1;
}
.chap-price header p {
  padding-bottom: 2.5em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
}
.chap-price header:after {
  bottom: -2.5em;
  border-top: 2.5em solid #FFF;
  border-right: 1.7em solid transparent;
  border-left: 1.7em solid transparent;
  -webkit-transform: translateX(-1.7em);
  -ms-transform: translateX(-1.7em);
  transform: translateX(-1.7em);
}

.price-content {
  padding: 0 0 2em 0;
  margin: 5em 2em 0 2em;
  background: #FFF;
}
.price-content h2 {
  padding: 0.85em 0 0.65em 0;
  font-size: 20px;
  font-size: 2rem;
}

.price-terms {
  margin: 2.5em 2em 2em 2em;
  overflow: hidden;
}
.price-terms li {
  float: left;
  width: 16.66%;
  font-size: 10px;
  font-size: 1rem;
  background: #f2f0ee;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-right: solid 3px #FFF;
}
.price-terms li:last-child {
  border-right: 0;
  border-left: solid 2px #FFF;
}

.price-sample {
  margin: 1em 2em 0 2em;
  -webkit-box-shadow: 1px 1px 0 #e8e5e3 inset, -1px -1px 0 #e8e5e3 inset;
  box-shadow: 1px 1px 0 #e8e5e3 inset, -1px -1px 0 #e8e5e3 inset;
  overflow: hidden;
}
.price-sample + .note-link {
  padding: 0.90909em 1.81818em 0 0.90909em;
}

.price-sample-ttl {
  position: relative;
  padding: 3em 1em 1em 1em;
  height: 7.5em;
  text-align: center;
  width: 40.62%;
  width: 50%;
  float: left;
}
.price-sample-ttl:before {
  content: "";
  position: absolute;
  right: -2.5em;
  top: 0;
  border-top: 3.75em solid transparent;
  border-right: 0;
  border-bottom: 3.75em solid transparent;
  border-left: 1.5em solid #f2f0ee;
  z-index: 1;
}
.price-sample-ttl:after {
  content: "";
  position: absolute;
  right: -1.5em;
  top: 0;
  border-top: 3.75em solid transparent;
  border-right: 0;
  border-bottom: 3.75em solid transparent;
  border-left: 1.5em solid #004f9f;
  z-index: 2;
}

.price-sample-body {
  position: relative;
  width: 59.38%;
  width: 50%;
  float: left;
}
.price-sample-body:before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  height: 6.25em;
  width: 0.83333em;
  background: #f2f0ee;
}
.price-sample-body .sample-body-s {
  font-size: 14px;
  font-size: 1.4rem;
}

.price-plus {
  margin: 0em 0em 0.57692em 0em;
  font-size: 26px;
  font-size: 2.6rem;
}
.price-plus .em {
  width: 3.75em;
  height: 3.75em;
  padding-top: 0.125em;
  font-size: 16px;
  font-size: 1.6rem;
}
.price-plus .em:after {
  bottom: 0.0625em;
  right: 0em;
  border-top: 0.75em solid #004f9f;
  border-right: 0.375em solid transparent;
  border-left: 0.375em solid transparent;
}
.price-plus .sub {
  vertical-align: 0;
}

/*▽▽▽▽▽▽▽▽▽▽　お客様の声　▽▽▽▽▽▽▽▽▽▽*/
.chap-voice {
  padding: 5em 0 4em 0;
}
.chap-voice h1 {
  margin: 0 auto 0.90909em auto;
  font-size: 22px;
  font-size: 2.2rem;
}

.voice-wrap {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2em 0;
}
.voice-wrap > div + div {
  margin-top: 1em;
}
.voice-wrap p {
  display: table-cell;
  width: 50%;
  min-height: 0;
  margin: 0;
  padding: 1.25em 1.25em 1.25em 7.8125em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.7;
}
.voice-wrap p .voice-profile {
  font-size: 14px;
  font-size: 1.4rem;
}
.voice-wrap p:before {
  left: 0.5em;
  top: 0.32857em;
  width: 1em;
  height: 1em;
  font-size: 70px;
  font-size: 7rem;
}
.voice-wrap p:after {
  top: 2.8125em;
  border-top: 0.75em solid transparent;
  border-bottom: 0.75em solid transparent;
  border-left: 1.25em solid #FFF;
}
.voice-wrap + .note-link {
  margin: 0.90909em 1.81818em 0 1.81818em;
}

/*▽▽▽▽▽▽▽▽▽▽　選ばれる理由　▽▽▽▽▽▽▽▽▽▽*/
.chap-point h1 {
  padding: 0.97222em 0.55556em 0.88889em 0.55556em;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1;
}

.point-menu {
  display: table;
  margin: 6em 0 0 0;
  width: 100%;
  border-collapse: separate;
  border-spacing: 2em 0;
}
.point-menu a {
  display: table-cell;
  width: 33.33%;
  min-height: 0;
  margin: 0;
}
.point-menu li {
  position: relative;
  padding: 8.125em 0.625em 1.25em 0.625em;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  background-size: 6.875em auto;
  background-repeat: no-repeat;
  background-position: center 1.5625em;
}
.point-menu li .em {
  left: 0.71429em;
  top: -1.07143em;
  width: 5.71429em;
  height: 5.71429em;
  padding-top: 2.35714em;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}
.point-menu li.point-menu-price {
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_point_menu1.gif");
}
.point-menu li.point-menu-option {
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_point_menu2.gif");
}
.point-menu li.point-menu-data {
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_point_menu3.gif");
}
.point-menu + .note-link {
  margin: 0.90909em 1.81818em 3.63636em 1.81818em;
}

.chap-point01,
.chap-point02,
.chap-point03 {
  background: #f2f0ee;
}
.chap-point01:before,
.chap-point02:before,
.chap-point03:before {
  content: normal;
}
.chap-point01 .point-head,
.chap-point02 .point-head,
.chap-point03 .point-head {
  position: relative;
  padding: 0;
  background-color: #FFF;
  background-position: 70% top;
  background-repeat: no-repeat;
}
.chap-point01 .point-head .point-head-wrap,
.chap-point02 .point-head .point-head-wrap,
.chap-point03 .point-head .point-head-wrap {
  background: rgba(255, 255, 255, 0.8);
  padding: 6em 2em 5.5em 2em;
}
.chap-point01 .point-head h2,
.chap-point02 .point-head h2,
.chap-point03 .point-head h2 {
  padding: 0 0 0 6.90476em;
}
.chap-point01 .point-head h2 .point-ttl,
.chap-point02 .point-head h2 .point-ttl,
.chap-point03 .point-head h2 .point-ttl {
  font-size: 34px;
  font-size: 3.4rem;
  line-height: 1.6;
}
.chap-point01 .point-head h2 .point-mark,
.chap-point02 .point-head h2 .point-mark,
.chap-point03 .point-head h2 .point-mark {
  left: 0;
  top: 0;
  width: 6em;
  height: 6em;
  padding-top: 0.6em;
  font-size: 20px;
  font-size: 2rem;
  font-family: "Open Sans", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, Arial, Meiryo, "MS P Gothic", "MS Pゴシック", sans-serif;
  letter-spacing: 0.05em;
  line-height: 5;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
  background: #ff9515;
}
.chap-point01 .point-head .point-head-txt,
.chap-point02 .point-head .point-head-txt,
.chap-point03 .point-head .point-head-txt {
  margin-top: 1.875em;
  padding: 0;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2.0;
  border: 0;
}
.chap-point01 .point-head:after,
.chap-point02 .point-head:after,
.chap-point03 .point-head:after {
  content: "";
  position: absolute;
  bottom: -2.5em;
  left: 50%;
  border-top: 2.5em solid #FFF;
  border-right: 1.7em solid transparent;
  border-bottom: 0;
  border-left: 1.7em solid transparent;
  transform: translateX(-1.7em);
  -webkit-transform: translateX(-1.7em);
  -ms-transform: translateX(-1.7em);
  transform: translateX(-1.7em);
}

.point01-cost h3, .point02-system h3,
.point02-option h3,
.point02-road h3, .point03-24h h3, .point03-staff h3 {
  margin: -0.90909em -0.90909em 1.36364em -0.90909em;
  padding: 0.72727em 0.45455em 0.54545em 0.45455em;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1;
}
.point01-cost h3 .sub, .point02-system h3 .sub,
.point02-option h3 .sub,
.point02-road h3 .sub, .point03-24h h3 .sub, .point03-staff h3 .sub {
  font-size: 11px;
  font-size: 1.1rem;
}

/*▽▽▽▽▽▽▽▽▽▽　理由その1　▽▽▽▽▽▽▽▽▽▽*/
.chap-point01 {
  padding-bottom: 5em;
}

.point-head {
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_point01.jpg");
  background-position: 70% top;
}

.chap-point01:before {
  background: #CCC;
}

.point01-cost {
  padding: 2em 2em 3em 2em;
  margin: 5em 2em 4em 2em;
  background: #FFF;
}
.point01-cost p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  line-height: 2.0;
}

.point01-cost-img {
  margin: 1.25em -1.25em 0 -1.25em;
  padding: 1.5625em 1.25em 0 1.25em;
  border-top: solid 1px #e8e5e3;
  border-bottom: none;
}
.point01-cost-img span {
  width: 100%;
  padding-top: 20.83%;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_point1_cost.jpg");
  background-position: center top;
}

.point01-plus {
  position: relative;
  margin: 1.53846em 0em 1.15385em 0em;
  font-size: 26px;
  font-size: 2.6rem;
  text-align: center;
}
.point01-plus .em {
  position: relative;
  width: 3.75em;
  height: 3.75em;
  padding-top: 0.125em;
  -webkit-transform: translateY(-1.2em);
  -ms-transform: translateY(-1.2em);
  transform: translateY(-1.2em);
  font-size: 16px;
  font-size: 1.6rem;
}
.point01-plus .em:after {
  bottom: 0.0625em;
  right: 0em;
  border-top: 0.75em solid #004f9f;
  border-right: 0.375em solid transparent;
  border-left: 0.375em solid transparent;
}
.point01-plus .sub {
  padding-left: 0.38462em;
  vertical-align: 0;
  line-height: 1.3;
  color: #ec4818;
}
.point01-plus .sub .br-tb {
  display: block;
}

.point01-net {
  width: 68em;
  padding: 0;
  margin: 0 auto;
  overflow: hidden;
}
.point01-net p {
  width: 50%;
  padding: 0 0.5em;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
}
.point01-net p span {
  border: 0;
}
.point01-net .point01-li-ttl {
  padding: 0.6em 0.5em 0.4em 0.5em;
}
.point01-net .point01-li-ttl:after {
  bottom: -0.4em;
  content: "";
  border-top: 0.4em solid #4f90c8;
  border-right: 0.25em solid transparent;
  border-left: 0.25em solid transparent;
  -webkit-transform: translateX(-0.25em);
  -ms-transform: translateX(-0.25em);
  transform: translateX(-0.25em);
}
.point01-net .point01-li-txt {
  padding: 1.5625em 0 1.25em 0;
  font-size: 16px;
  font-size: 1.6rem;
  background: #FFF;
}
.point01-net .point01-li-txt:before {
  margin: 0 auto 0.10345em auto;
  width: 1em;
  height: 0.58621em;
  font-size: 145px;
  font-size: 14.5rem;
  line-height: 0.48276em;
}

/*▽▽▽▽▽▽▽▽▽▽　理由その2　▽▽▽▽▽▽▽▽▽▽*/
.chap-point02 .point-head {
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_point02.jpg");
}

.point02-system,
.point02-option,
.point02-road {
  padding: 0 0 3em 0;
  margin: 5em 2em 4em 2em;
}
.point02-system h3,
.point02-option h3,
.point02-road h3 {
  margin: 0 0 1.36364em 0;
}
.point02-system p,
.point02-option p,
.point02-road p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  line-height: 2.0;
}

.point02-system {
  background: #FFF;
}

.point02-system-wrap {
  position: relative;
  margin: 2em 1em 0 1em;
  display: block;
  overflow: hidden;
}
.point02-system-wrap dl {
  float: left;
  width: 50%;
  padding: 0 1em;
  font-size: 10px;
  font-size: 1rem;
}
.point02-system-wrap dl dt, .point02-system-wrap dl dd {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  border: 0;
}
.point02-system-wrap dl dt {
  padding: 0.6em 0 0.4em 0;
  margin-bottom: 0.25em;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
}
.point02-system-wrap dl dd {
  padding: 0.7em 0 0.5em 0;
  margin-top: 0.05em;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
}
.point02-system-wrap dl dd .sub {
  font-size: 11px;
  font-size: 1.1rem;
}
.point02-system-wrap:after {
  bottom: 3em;
  width: 7em;
  height: 7em;
  border: solid 2px #A89F96;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_point2_plus.gif");
  -webkit-transform: translateX(-3.5em);
  -ms-transform: translateX(-3.5em);
  transform: translateX(-3.5em);
}

.point02-option dt {
  padding: 0.6em 0 0.4em 0;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
}
.point02-option dt:after {
  bottom: -0.4em;
  border-top: 0.4em solid #4f90c8;
  border-right: 0.25em solid transparent;
  border-left: 0.25em solid transparent;
  -webkit-transform: translateX(-0.25em);
  -ms-transform: translateX(-0.25em);
  transform: translateX(-0.25em);
}

.point02-option-wrap {
  background: #FFF;
  padding: 4em 2em;
}

.point02-option {
  margin: 0;
  background: #f2f0ee;
}
.point02-option .row {
  margin: 2em 0 0 0;
  width: 100%;
  border-collapse: separate;
  border-spacing: 2em 0;
}
.point02-option .row + p {
  font-weight: normal;
  margin-top: 1.25em;
}
.point02-option dl,
.point02-option dl + dl {
  display: table-cell;
  width: 50%;
  padding: 0;
  margin: 0;
  background: #FFF;
}
.point02-option dd {
  min-height: 7.5em;
  padding: 8.57143em 1.42857em 1.07143em 1.42857em;
  font-size: 14px;
  font-size: 1.4rem;
  background: #FFF;
}
.point02-option dd:before {
  top: 0.20492em;
  left: 50%;
  width: 1em;
  height: 0.67213em;
  font-size: 122px;
  font-size: 12.2rem;
  line-height: 0.57377;
  -webkit-transform: translateX(-0.53279em);
  -ms-transform: translateX(-0.53279em);
  transform: translateX(-0.53279em);
}

.point02-road {
  background: #FFF;
  padding-bottom: 2em;
}
.point02-road h3 {
  position: relative;
  padding: 0.81818em 0.45455em 0.63636em 0.45455em;
  margin-bottom: 0;
}
.point02-road h3 .br {
  display: block;
  margin-bottom: 0.625em;
  font-size: 16px;
  font-size: 1.6rem;
}
.point02-road h3 .sub {
  position: absolute;
  right: 1.81818em;
  bottom: 1.45455em;
}
.point02-road h3 + p {
  position: relative;
  background: #CCC;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_point02_road.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  min-height: 15em;
  padding: 0 1.25em;
  text-align: left;
}
.point02-road h3 + p span {
  position: absolute;
  top: 50%;
  display: block;
  max-width: 31.875em;
  -webkit-transform: translateY(-2em);
  -ms-transform: translateY(-2em);
  transform: translateY(-2em);
}

.point02-road-list {
  border-top: solid 1px #e8e5e3;
  margin-top: 0;
  padding-top: 1.5em;
}
.point02-road-list > div {
  display: table;
  margin-top: 1em;
  border-collapse: separate;
  border-spacing: 2em 0;
}
.point02-road-list dl {
  width: 50%;
  display: table-cell;
  background: #f2f0ee;
}
.point02-road-list dt {
  padding: 0.6875em 0.625em 0.625em 0.625em;
  line-height: 1;
}
.point02-road-list dt:after {
  content: normal;
}
.point02-road-list dd {
  padding: 1.07143em 1.42857em 1.07143em 8.92857em;
  font-size: 14px;
  font-size: 1.4rem;
}
.point02-road-list dd:before {
  font-size: 84px;
  font-size: 8.4rem;
  line-height: 0.85714;
  top: 0.2381em;
  left: 0.2381em;
}

/*▽▽▽▽▽▽▽▽▽▽　理由その3　▽▽▽▽▽▽▽▽▽▽*/
.chap-point03 .point-head {
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_point03.jpg");
}

.point02-road h3 + p:before,
.point03-24h h3 + p:before {
  content: normal;
}

.point03-data {
  padding: 5em 0;
  margin: 0;
  border: 0;
}
.point03-data > div {
  width: 100%;
  display: table;
  border-collapse: separate;
  border-spacing: 3em 0;
}
.point03-data p {
  display: table-cell;
}
.point03-data .point03-data-img {
  text-align: right;
  vertical-align: top;
  width: 40%;
}
.point03-data .point03-data-img img {
  vertical-align: bottom;
  width: 14.70588em;
}
.point03-data .point03-data-txt {
  position: relative;
  text-align: left;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.7;
}
.point03-data .point03-data-txt span {
  display: block;
  position: absolute;
  top: 50%;
  top: 5.68182em;
  -webkit-transform: translateY(-1.7em);
  -ms-transform: translateY(-1.7em);
  transform: translateY(-1.7em);
}

.point03-24h-wrap {
  background: #FFF;
  padding: 5em 0;
}

.point03-24h {
  padding: 1px;
  margin: 0 2em 0 2em;
  -webkit-box-shadow: 1px 1px 0 #e8e5e3 inset, -1px -1px 0 #e8e5e3 inset;
  box-shadow: 1px 1px 0 #e8e5e3 inset, -1px -1px 0 #e8e5e3 inset;
}
.point03-24h h3 {
  margin: 0;
}
.point03-24h h3 + p {
  position: relative;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_point03_24h.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  min-height: 15em;
  padding: 0 1.25em;
  text-align: left;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2.0;
}
.point03-24h h3 + p span {
  position: absolute;
  max-width: 31.875em;
  top: 50%;
  display: block;
  -webkit-transform: translateY(-3em);
  -ms-transform: translateY(-3em);
  transform: translateY(-3em);
}

.point03-staff {
  padding: 0 1em 3em 1em;
  margin: 5em 2em 5em 2em;
  background: #FFF;
}
.point03-staff h3 {
  margin: 0 -0.45455em 1.36364em -0.45455em;
}

.point03-staff-list {
  margin: 0 1em;
}
.point03-staff-list:before, .point03-staff-list:after {
  content: "";
  display: table;
  clear: both;
}
.point03-staff-list li + li,
.point03-staff-list li {
  float: left;
  width: 49%;
  margin-right: 2%;
  margin-top: 0;
}
.point03-staff-list li + li:nth-child(2n+0),
.point03-staff-list li:nth-child(2n+0) {
  margin-right: 0;
}
.point03-staff-list li + li:nth-child(3), .point03-staff-list li + li:nth-child(4),
.point03-staff-list li:nth-child(3),
.point03-staff-list li:nth-child(4) {
  margin-top: 0.625em;
}
.point03-staff-list li + li span,
.point03-staff-list li span {
  padding: 0.9375em 0;
  line-height: 1.8;
}

/*▽▽▽▽▽▽▽▽▽▽　キャンペーン情報(ページ下部)　▽▽▽▽▽▽▽▽▽▽*/
.camp02 {
  padding: 5em 2em;
  border-top: solid 5px #e8e5e3;
}

.camp02-and {
  margin-bottom: 1.09375em;
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 1;
}
.camp02-and:after {
  bottom: -0.46875em;
  border-top: 0.28125em solid #ec4818;
  border-right: 0.1875em solid transparent;
  border-left: 0.1875em solid transparent;
  -webkit-transform: translateX(-0.1875em);
  -ms-transform: translateX(-0.1875em);
  transform: translateX(-0.1875em);
}

.camp02-wrap {
  padding: 0.6em 0.6em 1.2em 0.6em;
  border: solid 0.4em #004f9f;
}
.camp02-wrap h3 {
  font-size: 26px;
  font-size: 2.6rem;
  margin: -0.23077em -0.23077em 0.23077em -0.23077em;
  padding: 0.42308em 0 0.5em 0;
  letter-spacing: 0.1em;
  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+ */
}
.camp02-wrap h4 {
  display: none;
}
.camp02-wrap .row {
  max-width: 90em;
  margin: 0 auto;
  padding: 3em 0 2em 0;
  overflow: hidden;
}
.camp02-wrap .camp02-data {
  position: relative;
  max-width: 49em;
  margin: 0 auto;
}
.camp02-wrap .camp02-data:before {
  content: "";
  display: block;
  height: 0;
  padding-top: 3em;
  background-color: #ff9515;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_camp2.gif");
  background-size: auto 3em;
  background-repeat: no-repeat;
  background-position: center top;
}
.camp02-wrap .camp02-txt {
  margin-top: 0.2963em;
  font-size: 27px;
  font-size: 2.7rem;
  letter-spacing: 0.06em;
}
.camp02-wrap .camp02-body {
  font-size: 47px;
  font-size: 4.7rem;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0em;
  text-align: justify;
  text-justify: inter-ideograph;
  letter-spacing: 0.01em;
  text-shadow: 0.06383em 0.06383em 0 rgba(0, 0, 0, 0.1);
}
.camp02-wrap .camp02-body .em {
  margin: 0 0.1em;
}
.camp02-wrap .camp02-note {
  position: absolute;
  right: 1em;
  bottom: 1em;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 2;
  letter-spacing: 0.05em;
}
.camp02-wrap .camp02-tb-500 {
  position: absolute;
  left: 26em;
  top: 15em;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 2;
  letter-spacing: 0.05em;
}

.camp02-wrap .camp02-tb{
  position: absolute;
  left: 26em;
  top: 13em;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 2;
  letter-spacing: 0.05em;
}

.camp02-wrap .camp500-img {
  position: relative;
  bottom: auto;
  right: auto;
  width: 37em;
  margin: 1em auto 0 auto;
  font-size: 10px;
  font-size: 1rem;
}
.camp02-wrap .camp1000-img {
  position: relative;
  bottom: auto;
  right: auto;
  width: 37em;
  margin: 1em auto 0 auto;
  font-size: 10px;
  font-size: 1rem;
}
.camp02-wrap .camp1500-img {
  position: relative;
  bottom: auto;
  right: auto;
  width: 37em;
  margin: 1em auto 0 auto;
  font-size: 10px;
  font-size: 1rem;
}
.camp02-wrap .camp500-img span {
  display: block;
  height: 0;
  padding-top: 54.05%;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_lib1500.jpg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left top;
}
.camp02-wrap .camp1000-img span {
  display: block;
  height: 0;
  padding-top: 54.05%;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_lib1500.jpg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left top;
}
.camp02-wrap .camp1500-img span {
  display: block;
  height: 0;
  padding-top: 54.05%;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_lib1500.jpg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left top;
}

.camp02-1500 .camp1500-img span {
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_lib1500.jpg");
}

.camp02-1000 .camp1000-img span {
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_lib1000.jpg");
}

.camp02-500 .camp02-body .em {
  margin: 0 0.05em 0 0.15em;
  font-size: 58px;
  font-size: 5.8rem;
}
.camp02-500 .camp500-img span {
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_lib500.jpg");
}

.camp02-total .camp02-data {
  max-width: 50em;
}
.camp02-total .camp02-txt {
  margin-top: 0.83333em;
  margin-bottom: 0.27778em;
  padding: 0;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: left;
  letter-spacing: 0.02em;
  border-bottom: solid 1px #e8e5e3;
  border: none;
}
.camp02-total .camp02-txt .em {
  color: #ec4818;
}
.camp02-total .camp02-body {
  font-size: 46px;
  font-size: 4.6rem;
  letter-spacing: 0.01em;
}
.camp02-total .camp02-body .em span {
  margin: 0 0.1em;
  line-height: 1.2;
  font-size: 18px;
  font-size: 1.8rem;
}
.camp02-total .camp1500-img span {
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_lib1500.jpg");
}

.camp02-wrap .camp500-img_sp {
    position: relative;
    bottom: -5em;
    left: 5em;
    width: 37em;
    margin: 1em auto 0 auto;
    padding-top: 23em;
    font-size: 10px;
    font-size: 1rem;
    background-position: left top;
}

.camp02-wrap .camp1500-img_sp {
    position: relative;
    bottom: -5em;
    left: 5em;
    width: 37em;
    margin: 1em auto 0 auto;
    padding-top: 23em;
    font-size: 10px;
    font-size: 1rem;
    background-position: left top;
}

.camp02-wrap .camp1000-img_sp {
    position: relative;
    bottom: -5em;
    left: 5em;
    width: 37em;
    margin: 1em auto 0 auto;
    padding-top: 23em;
    font-size: 10px;
    font-size: 1rem;
    background-position: left top;
}

/*▽▽▽▽▽▽▽▽▽▽　お申込みの流れ　▽▽▽▽▽▽▽▽▽▽*/
.chap-flow h1 {
  padding: 0.88889em 0.55556em 0.77778em 0.55556em;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.2;
}
.chap-flow h1 span {
  display: inline-block;
}

.flow-items {
  margin: 4em 2em 5em 2em;
  background: #FFF;
}
.flow-items h2 {
  margin: 0 0 0.96154em 0;
  font-size: 26px;
  font-size: 2.6rem;
}
.flow-items h2:after {
  bottom: -0.46154em;
  border-top: 0.34615em solid #a89f96;
  border-right: 0.23077em solid transparent;
  border-left: 0.23077em solid transparent;
  -webkit-transform: translateX(-0.23077em);
  -ms-transform: translateX(-0.23077em);
  transform: translateX(-0.23077em);
}
.flow-items p {
  padding: 1.5625em 0.9375em 1.25em 0.9375em;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
  background: #f2f0ee;
}
.flow-items ul {
  display: table;
  width: 100%;
  padding: 2em 0;
  border-collapse: separate;
  border-spacing: 1em 0;
  background: #f2f0ee;
}
.flow-items li {
  display: table-cell;
  width: 20%;
  margin: 0;
  text-align: center;
  overflow: auto;
}
.flow-items li .sub {
  font-size: 11px;
  font-size: 1.1rem;
}
.flow-items li:before {
  float: none;
  font-size: 10px;
  font-size: 1rem;
  margin: 0 auto 1em auto;
  width: 8.1em;
  background-size: 80px auto;
  height: 6em;
}

.flow-step {
  padding: 4.5em 2em 5em 2em;
}
.flow-step h2 {
  margin-bottom: 1em;
}
.flow-step h2 .em2 {
  font-size: 26px;
  font-size: 2.6rem;
}

.step-ttl {
  text-align: center;
}

/*▽▽▽▽▽▽▽▽▽▽　キャンペーン詳細　▽▽▽▽▽▽▽▽▽▽*/
.camp-info {
  padding: 5em 2em;
}
.camp-info table {
  margin-top: 1em;
  border: solid 1px #e8e5e3;
}
.camp-info table + p {
  margin-top: 0.83333em;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.8;
  text-align: left;
}
.camp-info th, .camp-info td {
  display: table-cell;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 1em 1.25em;
  line-height: 1.7;
}
.camp-info tr {
  border-bottom: solid 1px #e8e5e3;
}
.camp-info th {
  width: 11.66667em;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  background: #f2f0ee;
}

/*▽▽▽▽▽▽▽▽▽▽　メッセージ　▽▽▽▽▽▽▽▽▽▽*/
.chap-30th {
  background: #f2f0ee;
  padding: 5em 2em;
}

.messa-txt {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2.0;
}

.messa-body {
  width: 100%;
  max-width: 43.18182em;
  margin: 0.90909em auto 0 auto;
  font-size: 22px;
  font-size: 2.2rem;
}

/*▽▽▽▽▽▽▽▽▽▽　注釈　▽▽▽▽▽▽▽▽▽▽*/
.chap-note {
  padding: 5em 2em;
}
.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: #333;
}
.chap-note .number {
  color: #004f9f;
  margin-top: 1em;
  text-align: right;
  font-size: 11px;
  font-size: 1.1rem;
}
.number_1 {
  color: #000000;
  margin-top: 1em;
  text-align: right;
  font-size: 11px;
  font-size: 1.1rem;
} 

/*▽▽▽▽▽▽▽▽▽▽　フッターメニュー　▽▽▽▽▽▽▽▽▽▽*/
.footer {
  background: #004f9f;
  padding: 5em 2em 15em 2em;
}
.footer ul {
  text-align: center;
  padding: 0;
  border: 0;
}
.footer li {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 0;
  padding: 0 1em;
  line-height: 1.2;
  border-left: solid 1px #91b3de;
}
.footer li:first-child {
  border-left: 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;
}