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

#camp01_sp {
  display: none;
}

#camp01_sp_CP01 {
  display: none;
}

#camp01_sp_CP02 {
  display: none;
}

#camp01_sp_CP03 {
  display: none;
}

#camp01_sp_CP04 {
  display: none;
}

#camp01_sp_CP05 {
  display: none;
}

#camp01_pc {
  display: block;
}

#camp01_pc_CP01 {
  display: block;
}

#camp01_pc_CP02 {
  display: block;
}

#camp01_pc_CP03 {
  display: block;
}

#camp01_pc_CP04 {
  display: block;
}

#camp01_pc_CP05 {
  display: block;
}

#camp02_sp {
  display: none;
}

#camp02_sp_CP01 {
  display: none;
}

#camp02_sp_CP02 {
  display: none;
}

#camp02_sp_CP03 {
  display: none;
}

#camp02_sp_CP04 {
  display: none;
}

#camp02_sp_CP05 {
  display: none;
}

#camp02_pc {
  display: block;
}

#camp02_pc_CP01 {
  display: block;
}

#camp02_pc_CP02 {
  display: block;
}

#camp02_pc_CP03 {
  display: block;
}

#camp02_pc_CP04 {
  display: block;
}

#camp02_pc_CP05 {
  display: block;
}

.camp01 {
  width: 46em;
  margin: 2em 0.5em 0 0.5em;
}

.camp01-total .camp01-txt {
  margin-bottom: 0.63636em;
  margin-right: 0;
  padding-bottom: 0;
  border: 0;
}
.camp01-total .camp01-txt .em {
  color: #ec4818;
}
.camp01-total .camp01-body {
  font-size: 18px;
  font-size: 1.8rem;
}
.camp01-total .camp01-body .em span {
  font-size: 11px;
  font-size: 1.1rem;
}

/*▽▽▽▽▽▽▽▽▽▽　申込みボタンナビ　▽▽▽▽▽▽▽▽▽▽*/
.nav-cv-btn a {
  max-width: 21.48148em;
  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 auto;
}

/*▽▽▽▽▽▽▽▽▽▽　ヘッダー　▽▽▽▽▽▽▽▽▽▽*/
.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);
  z-index: 10;
}

.logo {
  max-width: 104em;
  margin: 0 auto;
  padding: 1.5em 2em;
}
.logo p {
  padding-top: 1em;
  line-height: 1;
  font-size: 20px;
  font-size: 2rem;
}
.logo p .em {
  display: inline;
  margin-left: 0.2em;
}

.logo-img {
  width: 15.0em;
  margin-right: 1.5em;
}

.info-wrap {
  padding: 0 2em;
}
#maintEmergencyUrl {
  width: 100em;
  margin: 0 auto;
}
.info {
  max-width: 100em;
  margin: 1em auto;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: solid 1px #004f9f;
}
.info li {
  position: relative;
  padding: 0.3em 1em 0.3em 2.25em;
  font-size: 11px;
  font-size: 1.1rem;
}
.info li:before {
  position: absolute;
  left: 1em;
  top: 0.45455em;
  content: "";
  border-top: 0.36364em solid transparent;
  border-right: 0;
  border-bottom: 0.36364em solid transparent;
  border-left: 0.54545em solid #4f90c8;
}
.info li:first-child {
  margin-top: 0.6em;
}
.info li:last-child {
  margin-bottom: 0.6em;
}

.agency {
  width: 100%;
  position: absolute;
  right: auto;
  top: 0;
  margin: 0;
  padding: 0;
}
#agencyName {
  font-size: 1.6rem;
}
.agency span {
  display: block;
  margin: 0 auto;
}
.agency .agency-ttl {
  max-width: 65em;
  padding: 1.0625em 1.25em 0 1.25em;
  font-size: 16px;
  font-size: 1.6rem;
}
.agency .agency-txt {
  max-width: 94.54545em;
  padding: 0 1.81818em 0 1.81818em;
  font-size: 11px;
  font-size: 1.1rem;
}

/*▽▽▽▽▽▽▽▽▽▽　ヒーロービジュアル　▽▽▽▽▽▽▽▽▽▽*/
.main {
  background-color: #FFF;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_main.jpg");
  background-size: auto;
  background-position: center top;
  background-repeat: no-repeat;
}

.main-content {
  width: 100em;
  margin: 0 auto;
}
.main-content:before {
  content: normal;
}

.main-content-wrap {
  position: relative;
  width: 50em;
  padding: 5em 3em 5em 0;
  min-height: 40em;
  background: rgba(255, 255, 255, 0.7);
  background: -moz-linear-gradient(left, white 0%, white 60%, rgba(255, 255, 255, 0.7) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, white 0%, white 60%, rgba(255, 255, 255, 0.7) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, white 0%, white 60%, rgba(255, 255, 255, 0.7) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.main-content-wrap div {
  top: 50%;
}
.main-content-wrap h1 {
  margin: 0 0 0 -0.5em;
}
.main-content-wrap h1 + p {
  width: 30em;
  padding: 0 0 0 0.3125em;
}

.nocamp .main-content-wrap {
  position: relative;
}
.nocamp .main-content-ttl {
  position: absolute;
  top: 10em;
}

.head-cv-btn a:link, .head-cv-btn a:hover, .head-cv-btn a:active, .head-cv-btn a:visited {
  max-width: 16.66667em;
  margin: 0 auto 0.27778em auto;
}

/*▽▽▽▽▽▽▽▽▽▽　おすすめポイント　▽▽▽▽▽▽▽▽▽▽*/
.intro {
  max-width: 104em;
  margin: 0 auto;
  padding: 5em 2em;
}
.intro li {
  padding: 0.83333em 0.55556em 6.66667em 0.55556em;
  font-size: 18px;
  font-size: 1.8rem;
}
.intro li:after {
  bottom: 5.38889em;
  -webkit-transform: translate(-0.27778em, 0);
  -ms-transform: translate(-0.27778em, 0);
  transform: translate(-0.27778em, 0);
  border-top: 0.44444em solid #4f90c8;
  border-right: 0.27778em solid transparent;
  border-left: 0.27778em solid transparent;
}

/*▽▽▽▽▽▽▽▽▽▽　保険料例　▽▽▽▽▽▽▽▽▽▽*/
.chap-price {
  padding-bottom: 5em;
  padding-right: 2em;
  padding-left: 2em;
}
.chap-price header {
  margin: 0 -2em;
}

.price-terms li span {
  padding-top: 5em;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_price_terms.gif");
  background-size: 12em auto;
  background-repeat: no-repeat;
}
.price-terms li.price-terms01 span {
  background-position: center 0;
}
.price-terms li.price-terms02 span {
  background-position: center -5em;
}
.price-terms li.price-terms03 span {
  background-position: center -10em;
}
.price-terms li.price-terms04 span {
  background-position: center -15em;
}
.price-terms li.price-terms05 span {
  background-position: center -20em;
}
.price-terms li.price-terms06 span {
  background-position: center -25em;
}

.price-content {
  max-width: 100em;
  margin: 5em auto 0 auto;
  background: #FFF;
}

.price-sample {
  margin: 1em 2em 0 2em;
  overflow: hidden;
}

.price-sample-ttl {
  padding: 3em 1em 1em 1em;
  height: 11em;
  text-align: center;
  width: 40.62%;
  float: left;
}
.price-sample-ttl .sample-ttl-s {
  display: none;
}
.price-sample-ttl .sample-ttl-l1,
.price-sample-ttl .sample-ttl-l2 {
  display: block;
  width: 15em;
  height: 0;
  margin: 0 auto;
  padding-top: 2.6em;
  overflow: hidden;
  background-size: auto;
  line-height: 2;
}
.price-sample-ttl .sample-ttl-l1 {
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_price1_ex.gif");
}
.price-sample-ttl .sample-ttl-l2 {
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_price2_ex.gif");
}
.price-sample-ttl:before {
  content: "";
  position: absolute;
  right: -3.5em;
  top: 0;
  border-top: 5.5em solid transparent;
  border-right: 0;
  border-bottom: 5.5em solid transparent;
  border-left: 2.5em solid #f2f0ee;
  z-index: 1;
}
.price-sample-ttl:after {
  content: "";
  position: absolute;
  right: -2.5em;
  top: 0;
  border-top: 5.5em solid transparent;
  border-right: 0;
  border-bottom: 5.5em solid transparent;
  border-left: 2.5em solid #004f9f;
  z-index: 2;
}

.price-sample-body {
  width: 59.38%;
  padding: 1.5em 3.33333em 0.16667em 0.83333em;
}
.price-sample-body:before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 0.08333em;
  height: 9em;
  width: 0.83333em;
  background: #f2f0ee;
}
.price-sample-body .sample-body-s {
  font-size: 20px;
  font-size: 2rem;
}

.price-sample-body .sample-body-prce1 {
  width: 31.66667em;
  padding-top: 7.16667em;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_price1.gif");
  background-size: auto;
  background-position: right top;
}
.price-sample-body .sample-body-prce2 {
  width: 31.66667em;
  padding-top: 7.16667em;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_price2.gif");
  background-size: auto;
  background-position: right top;
}

/*▽▽▽▽▽▽▽▽▽▽　お客様の声　▽▽▽▽▽▽▽▽▽▽*/
.chap-voice {
  max-width: 104em;
  margin: 0 auto;
  padding: 4em 0 4em 0;
}
.chap-voice h1 {
  width: 31.36364em;
  height: 0;
  padding-top: 1.90909em;
  font-family: "Open Sans", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, Arial, Meiryo, "MS P Gothic", "MS Pゴシック", sans-serif;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_voice_text.gif");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center top;
  overflow: hidden;
}

/*▽▽▽▽▽▽▽▽▽▽　選ばれる理由　▽▽▽▽▽▽▽▽▽▽*/
.point-menu {
  margin: 6em auto 0 auto;
  max-width: 104em;
}
.point-menu + .note-link {
  margin: 0.90909em auto 3.63636em auto;
  padding: 0 1.81818em;
  max-width: 94.54545em;
}

.chap-point01,
.chap-point02,
.chap-point03 {
  border-top: solid 6px #e8e5e3;
}
.chap-point01:before,
.chap-point02:before,
.chap-point03:before {
  content: normal;
}
.chap-point01 .point-head,
.chap-point02 .point-head,
.chap-point03 .point-head {
  padding: 6em 2em 5.5em 2em;
  margin: 0 -2em;
  background-color: #FFF;
  background-position: center top;
}
.chap-point01 .point-head .point-head-wrap,
.chap-point02 .point-head .point-head-wrap,
.chap-point03 .point-head .point-head-wrap {
  max-width: 100em;
  margin: 0 auto;
  padding: 0;
  background: none;
}
.chap-point01 .point-head h2 .point-ttl,
.chap-point02 .point-head h2 .point-ttl,
.chap-point03 .point-head h2 .point-ttl {
  display: block;
  height: 0;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: left top;
  overflow: hidden;
}
.chap-point01 .point-head .point-head-txt,
.chap-point02 .point-head .point-head-txt,
.chap-point03 .point-head .point-head-txt {
  max-width: 33.125em;
}

/*▽▽▽▽▽▽▽▽▽▽　理由その1　▽▽▽▽▽▽▽▽▽▽*/
.chap-point01 {
  padding: 0 2em 6em 2em;
}
.chap-point01 h2 .point-ttl {
  padding: 3.52941em 0 0 0;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_point1_ttl.png");
}

.point01-cost {
  max-width: 100em;
  margin: 6em auto 4em auto;
}

/*▽▽▽▽▽▽▽▽▽▽　理由その2　▽▽▽▽▽▽▽▽▽▽*/
.chap-point02 {
  padding: 0 2em 5em 2em;
}
.chap-point02 h2 .point-ttl {
  padding: 4.11765em 0 0 0;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_point2_ttl.png");
}

.point02-system {
  max-width: 100em;
  margin: 6em auto 6em auto;
}

.point02-option {
  max-width: 100em;
  margin: 0.5em auto 5em auto;
}

.point02-road {
  max-width: 100em;
  margin: 5em auto 1em auto;
}

.point02-option-wrap {
  margin: 0 -2em;
  padding: 5em 2em 0.1em 2em;
}

/*▽▽▽▽▽▽▽▽▽▽　理由その3　▽▽▽▽▽▽▽▽▽▽*/
.chap-point03 {
  padding: 0 2em 5em 2em;
}
.chap-point03 h2 .point-ttl {
  padding: 3.52941em 0 0 0;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_point3_ttl.png");
}

.point-head-txt + .note-link {
  text-align: left;
}

.point03-data > div {
  border-spacing: 6em 0;
}
.point03-data p {
  width: 50%;
}
.point03-data .point03-data-img {
  width: 50%;
}
.point03-data .point03-data-txt span {
  width: 100%;
  max-width: 20em;
  height: 0;
  padding-top: 3.40909em;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_data_txt.gif");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left top;
  overflow: hidden;
}

.point03-24h-wrap {
  margin: 0 -2em;
}

.point03-24h {
  max-width: 100em;
  margin: 0 auto;
}

.point03-staff {
  max-width: 101em;
  margin: 5em auto 1em auto;
}

.point03-staff-list {
  display: table;
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 1em 0;
}
.point03-staff-list:before, .point03-staff-list:after {
  content: normal;
}
.point03-staff-list li + li,
.point03-staff-list li {
  display: table-cell;
  float: none;
  width: 25%;
  margin: 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;
}

/*▽▽▽▽▽▽▽▽▽▽　キャンペーン情報(ページ下部)　▽▽▽▽▽▽▽▽▽▽*/
.camp02-wrap {
  max-width: 100em;
  margin: 0 auto;
}
.camp02-wrap .camp02-data {
  float: left;
}
.camp02-wrap .camp500-img {
  float: right;
  margin: 0;
}
.camp02-wrap .camp1000-img {
  float: right;
  margin: 0;
}
.camp02-wrap .camp1500-img {
  float: right;
  margin: 0;
}
.camp02-wrap + p {
  margin: 0.71429em auto 0 auto;
  max-width: 71.42857em;
  text-align: right;
}

/*▽▽▽▽▽▽▽▽▽▽　お申込みの流れ　▽▽▽▽▽▽▽▽▽▽*/
.chap-flow {
  padding: 0 2em;
}
.chap-flow h1 {
  margin: 0 -0.55556em;
}

.flow-items {
  max-width: 100em;
  margin: 4em auto 5em auto;
  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 {
  text-align: left;
  overflow: auto;
}
.flow-items li.flow-items01 {
  width: 18%;
  padding-left: 10px;
}
.flow-items li.flow-items05 {
  padding-right: 10px;
}
.flow-items li.flow-items03 {
  width: 22%;
}
.flow-items li:before {
  float: left;
  margin: 0 1.2em 0 0;
}

.flow-step {
  padding: 4.5em 2em 5em 2em;
  margin: 0 -2em;
}

.flow-step ol {
  max-width: 100em;
  margin: 0 auto;
  overflow: hidden;
}
.flow-step li {
  width: 21.62%;
  margin-left: 4.50%;
  float: left;
}
.flow-step li:first-child {
  margin: 0;
}
.flow-step li + li {
  margin-top: 0;
}
.flow-step li + li:before {
  left: -3.0em;
  top: 50%;
  border-top: 2.9em solid transparent;
  border-right: 0;
  border-bottom: 2.9em solid transparent;
  border-left: 1.6em solid #A89F96;
  -webkit-transform: translate(0, -2.9em);
  -ms-transform: translate(0, -2.9em);
  transform: translate(0, -2.9em);
}

.step-ttl {
  padding: 0.83333em 0.55556em;
  line-height: 1;
}
.step-ttl:before {
  display: block;
  margin: 0 0 0.71429em 0;
}

.step-txt {
  padding: 1.42857em 1.42857em 1.28571em 1.42857em;
}
.step-txt:before {
  position: relative;
  left: auto;
  top: auto;
  display: block;
  width: 100%;
  height: 0.70833em;
  margin-bottom: 0.125em;
  font-size: 120px;
  font-size: 12rem;
  line-height: 0.66667;
}

/*▽▽▽▽▽▽▽▽▽▽　キャンペーン詳細　▽▽▽▽▽▽▽▽▽▽*/
.camp-info {
  max-width: 104em;
  padding: 5em 2em;
  margin: 0 auto;
}

/*▽▽▽▽▽▽▽▽▽▽　メッセージ　▽▽▽▽▽▽▽▽▽▽*/
.messa-txt {
  text-align: center;
}

.messa-body span {
  display: block;
  height: 0;
  padding-top: 11.57%;
  background-image: url("/-/Media/jpz/nwd/divert/agency/images/pc_messa.gif");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: left top;
  overflow: hidden;
}

/*▽▽▽▽▽▽▽▽▽▽　注釈　▽▽▽▽▽▽▽▽▽▽*/
.chap-note {
  max-width: 104em;
  margin: 0 auto;
  padding: 5em 2em;
}

/*▽▽▽▽▽▽▽▽▽▽　お米キャンペーン　▽▽▽▽▽▽▽▽▽▽*/

.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;
}