@charset "utf-8";
/* CSS Document */
/*---------------------------------------
#dannavi_lp
---------------------------------------*/
.dannavi_main { text-align: center; }
.dannavi_title01 {
 clear: both;
 text-align: center;
 padding: 4px 5px 1px 5px;
 margin: 40px 0 15px 0;
 color: #ffffff;
 font-size: 25px;
 font-weight: bold;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2394FE), color-stop(1, #0480F2));
 background: -moz-linear-gradient(top, #2394FE 5%, #0480F2 100%);
 background: -webkit-linear-gradient(top, #2394FE 5%, #0480F2 100%);
 background: -o-linear-gradient(top, #2394FE 5%, #0480F2 100%);
 background: -ms-linear-gradient(top, #2394FE 5%, #0480F2 100%);
 background: linear-gradient(to bottom, #2394FE 5%, #0480F2 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2394FE', endColorstr='#0480F2', GradientType=0);
 background-color: #0480F2;
}
.dannavi_title01 span {
 color: #FFEC9A;
 font-size: 28px;
}
.dannavi_main img {
 vertical-align: top;
}
.dannavi_sec01 {
 background-color: #D8F3FF;
 margin: 20px 0 0 0;
}
.dannavi_sec01 .left {
 float: left;
 width: 495px;
 padding: 25px 0 15px 15px;
 color: #222222;
 font-size: 16px;
}
.dannavi_sec01 .left span {
 color: #F24600;
 font-weight: bold;
}
.dannavi_sec01 .right {
 float: right;
 width: 399px;
 padding: 10px 15px 15px 0;
 text-align: right;
}
.dannavi_sec01 .right dt {
 padding: 0 15px 0 0;
}
.dannavi_sec01 .right dd a:hover img {
 opacity: 0.85;
 filter: alpha(opacity=85);
}
.dannavi_sec02 {
 padding: 0 11px 0 11px;
}
.dannavi_sec02 .left {
 float: left;
 width: 590px;
}
.dannavi_sec02 .left span {
 color: #F24600;
 font-weight: bold;
}
.dannavi_sec02 .left .request {
 margin: 1em 0 1em 1.5em;
}
.dannavi_sec02 .left .request li {
 list-style-type: disc;
 margin: 5px 0 0 0;
}
.dannavi_sec02 .left .link li {
 background: url(/img/icon01.gif) no-repeat left 0.5em;
 padding: 1px 0 0 17px;
}
.dannavi_sec02 .right {
 float: right;
 width: 300px;
}
.dannavi_sec03 {
 padding: 0 11px 0 11px;
}
.dannavi_sec03 .pic {
 float: right;
 width: 249px;
}
.dannavi_sec03 .merit {
 display: table;
 table-layout: fixed;
 width: 671px;
 border-collapse: separate;
 border-spacing: 8px;
 margin: 30px 0 0 0;
}
.dannavi_sec03 .merit li {
 display: table-cell;
}
.dannavi_sec03 .merit li div {
 background-color: #FFD200;
 color: #132259;
 font-size: 17px;
 font-weight: bold;
 text-align: center;
}
.dannavi_sec03 .merit li div span {
 font-size: 25px;
 vertical-align: -1px;
}
.dannavi_sec03 .merit li p {
 border-left: 1px solid #DDDDDD;
 border-bottom: 1px solid #DDDDDD;
 border-right: 1px solid #DDDDDD;
 color: #FF3C32;
 font-size: 20px;
 font-weight: bold;
 padding: 10px;
 line-height: 1.3;
 min-height: 4em;
}
.dannavi_sec04 {
 padding: 0 11px 0 11px;
}
.dannavi_sec04 {
 text-align: center;
}
.dannavi_sec04 ol {
 display: inline-block;
 overflow: hidden;
 letter-spacing: -.40em;
 vertical-align: top;
}
.dannavi_sec04 ol li {
 text-align: left;
 letter-spacing: normal;
 display: inline-block;
 vertical-align: top;
}
.dannavi_sec04 ol li p {
 width: 246px;
 font-size: 19px;
 font-weight: bold;
 line-height: 1.3;
 padding: 10px 5px 5px 5px;
}
.dannavi_sec04 .logo {
 text-align: center;
 margin: 20px 0 0 0;
}
.dannavi_sec04 .logo dd {
 padding: 10px 0 0 0;
}
.dannavi_conversion {
 padding: 70px 0 0 0;
 text-align: center;
}
.dannavi_conversion dt {
 display: inline-block;
 padding: 10px 20px 10px 20px;
 color: #ffffff;
 background-color: #0066C2;
 font-weight: bold;
 font-size: 28px;
 line-height: 1.2;
 position: relative;
}
.dannavi_conversion dt:before {
 content: url(/img/dannavi_img07.png);
 position: absolute;
 right: -80px;
 top: -70px;
}
.dannavi_conversion .btn {
 padding: 66px 0 0 0;
 background: url(/img/dannavi_bg04.png) no-repeat center top;
}




@media screen and (max-width: 960px) {
 .dannavi_title01 {
  padding: 4px 5px 1px 5px;
  margin: 40px -8px 15px -8px;
  font-size: 18px;
 }
 .dannavi_title01 span {
  font-size: 18px;
 }
 .dannavi_main {
  margin: 0 -8px 0 -8px;
 }
 .dannavi_sec01 {
  margin: 0 -8px 0 -8px;
  padding: 15px;
 }
 .dannavi_sec01 .left {
  float: none;
  width: 100%;
  padding: 0;
 }
 .dannavi_sec01 .right {
  float: none;
  width: 100%;
  padding: 10px 0 0 0;
  text-align: center;
 }
 .dannavi_sec01 .right dt {
  padding: 0;
 }
 .dannavi_sec01 .right dt img {
  width: auto;
  max-width: 60%;
 }
 .dannavi_sec01 .right dd img {
  width: auto;
  max-width: 100%;
 }
 .dannavi_sec02 {
  padding: 0;
 }
 .dannavi_sec02 .left {
  float: none;
  width: 100%;
 }
 .dannavi_sec02 .right {
  float: none;
  width: 100%;
  text-align: center;
  padding: 20px 0 0 0;
 }
 .dannavi_sec02 .right img {
  width: auto;
  max-width: 70%;
 }
 .dannavi_sec03 {
  padding: 0;
 }
 .dannavi_sec03 .pic {
  width: 40%;
 }
 .dannavi_sec03 .merit {
  clear: both;
  display: block;
  width: 100%;
  margin: 10px 0 0 0;
 }
 .dannavi_sec03 .merit li {
  display: block;
  padding: 13px 0 0 0;
 }
 .dannavi_sec03 .merit li:first-child {
  padding-top: 0;
 }
 .dannavi_sec03 .merit li div {
  font-size: 16px;
 }
 .dannavi_sec03 .merit li div span {
  font-size: 23px;
  vertical-align: -2px;
 }
 .dannavi_sec03 .merit li p {
  font-size: 18px;
  line-height: 1.3;
  min-height: auto;
  padding: 15px 10px 15px 10px;
 }
 .dannavi_sec04 {
  padding: 0;
 }
 .dannavi_sec04 .logo {
  margin: 30px 0 0 0;
 }
 .dannavi_sec04 .logo dt img {
  width: auto;
  max-width: 100%;
 }
 .dannavi_sec04 .logo dd img {
  width: auto;
  max-width: 100%;
 }
 .dannavi_conversion {
  padding: 20px 0 0 0;
 }
 .dannavi_conversion dt {
  padding: 10px 10px 10px 10px;
  font-size: 18px;
  line-height: 1.3;
 }
 .dannavi_conversion dt:before { content: none; }
 .dannavi_conversion .btn {
  padding: 40px 0 0 0;
  background-size: auto 40px;
 }
}