@charset "UTF-8";
/*-------------------------------
知識ページ共通
-------------------------------*/
.d_carrot .innerBlock{
max-width: 1000px;
margin: 0 auto;
width: 100%;
}
.d_carrot .colItem{
float:left;
}
.d_carrot h2{
margin: 10px auto 53px;
}
.d_carrot .navBlock {
margin: 0 auto 3.75%;
}
.d_carrot .navBlock ul{
margin: 0 auto;
width: 66%;
}
.d_carrot .navBlock li{
width: 45.5%;
margin:0 0 3.4%;
}
.d_carrot .navBtn{
border:#c01a2b 1px solid;
box-sizing: border-box;
display: block;
text-align: center;
}
.d_carrot .navBtn img{
padding: 3% 5%;
max-width: 90%;
}
.d_carrot .navBtn:hover{
background: #c01a2b;
opacity: 1.0;
}
.d_carrot .navBlock li:nth-child(2){
margin:0 0 3.4% 9%;
}
.d_carrot .navBlock li:nth-child(3){
margin:0;
}
.d_carrot .navBlock li:nth-child(4){
margin:0 0 0 9%;
}
.d_carrot .leadBlock{
padding: 9.5% 0 9.2% 10%;
}
.d_carrot .leadBlock h3 {
max-width: 930px;
margin: 0 auto;
}
.d_carrot .leadBlock dl {
width: 95%;
margin: 0 auto;
}
.d_carrot .leadBlock dt {
max-width: 4.1%;
width: 4.1%;
padding: 0 5% 0 0;
}
.d_carrot .leadBlock dd {
border-left: 1px solid #fff;
line-height: 2rem;
width: 90%;
}
.d_carrot .leadBlock dd th{
width: 20%;
padding: 0 0 0 6%;
text-align: left;
}
.d_carrot .leadBlock p,
.d_carrot .leadBlock th,
.d_carrot .leadBlock td{
color: #fff;
font-size: 0.875rem;
line-height: 1.6;
}
.d_carrot h2{
max-width: 88px;
}
.d_carrot .contentsBlock,
.d_carrot .contentsBlock02,
.d_carrot .contentsBlock03,
.d_carrot .contentsBlock04{
margin: 0 auto 5.5%;
}
.d_carrot .contentsBlock02{
margin: 0 auto 2.1%;
}
.d_carrot .contentsBlock h2,
.d_carrot .contentsBlock02 h2,
.d_carrot .contentsBlock03 h2,
.d_carrot .contentsBlock04 h2{
border-bottom: 1px solid #000;
border-top: 1px solid #000;
margin: 0 auto 4.3%;
max-width: 70px;
padding: 9px 0px;
box-sizing: border-box;
}
.d_carrot .contentsBlock02 h2{
max-width: 30px;
}
.d_carrot .leadBlock{
background:url(../../common/img/densiti/car_bg_01_pc.jpg) no-repeat center;
background-size:cover;
position: relative;
margin: 0 0 5.9%;
}
.d_carrot .carrot {
bottom: -95px;
position: absolute;
right: 19%;
width: 18.2%;
}
.d_carrot .imgColBlock{
max-width: 1000px;
margin: 0 auto;
}
.d_carrot .imgColBlock p{
margin: 0 auto 1.3%;
}
.d_carrot .contentsBlock04 .imgColBlock p {
  margin: 0 auto 3.5%;
}
.d_carrot .imgRightBlock,
.d_carrot .imgLeftBlock{
max-width: 1000px;
margin: 0 auto 5%;
}
.d_carrot .imgColBlock .text,
.d_carrot .imgColBlock .img{
float:right;
width: 52.1%;
margin: 0 0 0 3.4%;
text-align: justify;
padding: 0 2% 0 0;
box-sizing: border-box;
}
.d_carrot .imgColBlock dl{
line-height: 1.8;
}
.d_carrot .imgColBlock dt{
margin: 0 0 1.4%;
font-size: 1.063rem;
}
.d_carrot .imgColBlock dd{
font-size: 0.9065rem;
}
.d_carrot .imgRightBlock .text,
.d_carrot .imgRightBlock .text{
float:left;
}
.d_carrot .imgColBlock .img{
padding : 0;
margin: 0;
width: 44.4%;
}
.d_carrot .imgColBlock .text p{
margin: 0 0 1rem;
line-height: 1.85;
font-size: 0.9065rem;
letter-spacing: -0.03em;
}
.d_carrot .imgLeftBlock .img li{
margin: 0 0 1rem;
}
.d_carrot .imgLeftBlock .img li:last-child{
margin: 0;
}
.d_carrot .imgRightBlock .text{
margin: 0;
width: 62.8%;
}
.d_carrot .imgRightBlock .img{
margin: 5% 3.8% 0 0;
width: 30.3%;
}
.d_carrot .contentsBlock02 p{
margin: 0 0 4.6%;
}
.d_carrot .contentsBlock02 .imgRightBlock{
 margin: 0;
}
.d_carrot .contentsBlock03 p{
margin: 0 auto 3.5%;
}
.d_carrot .contentsBlock03 .text{
float: none;
width: 100%;
margin: 0;
padding: 0;
}
.d_carrot .contentsBlock03 .text p{
margin: 0 0 1.5rem;
}
.d_carrot .contentsBlock04 .text p{
margin: 0 0 3rem;
}
.d_carrot .contentsBlock04 .imgRightBlock .text {
width: 70%;
}
.d_carrot .contentsBlock04 .imgRightBlock .img {
margin: 7.3% 0 0;
width: 26%;
}
/*historyBlock*/
.historyBlock{
background-image: url(../../common/img/densiti/car_bg_02_top.jpg),url(../../common/img/densiti/car_bg_02_bottom.jpg);
background-position: left top,left bottom;
background-size: 100% auto,100% auto;
background-repeat: no-repeat,no-repeat;
max-width: 1000px;
margin: 0 auto 4%;
padding: 1% 0 1.2%;
box-sizing: border-box;
}
.historyBlock .inner{
background: url(../../common/img/densiti/car_bg_02_middle.jpg) left top repeat-y;
background-size: 100% auto;
padding: 15px 3.5%;
}
.historyBlock dl{
background: url(../../common/img/densiti/car_bg_02_line.png) left bottom no-repeat;
background-size: 100% 6px;
padding: 0 0 17px;
margin: 13px 0 0;
}
.historyBlock dl:first-child{
margin: 0;
}
.historyBlock dl:last-child{
background: none;
padding: 0;
}
.historyBlock dt,
.historyBlock dd{
float: left;
display: block;
font-size: 0.9065rem;
line-height: 1.8;
text-align: justify;
}
.historyBlock dt {
margin: 0 4.2% 0 0;
width: 11.8%;
padding: 0 0 0 2%;
}
.historyBlock dd{
width: 78.9%;
}
@media screen and (max-width: 1500px) {
.d_carrot .carrot {
bottom: -55px;
right: 13%;
}
}
@media screen and (max-width: 1200px) {
.d_carrot .carrot {
bottom: -55px;
right: 8%;
}
}
@media screen and (max-width: 1000px) {
.d_carrot .imgLeftBlock,
.d_carrot .imgRightBlock,
.d_carrot .contentsBlock03 .text{
max-width: 95%;
margin: 0 auto;
}
.d_carrot .carrot {
bottom: -55px;
right: 2%;
width: 22.3%;
}
/*history*/
.historyBlock{
max-width: 95%;
margin: 0 auto 4%;
}
}
@media screen and (max-width: 800px) {
.d_carrot .leadBlock {
padding: 8.1% 0 8.1%;
}
.d_carrot .leadBlock dt {
padding: 0 3% 0 0;
}
.d_carrot .leadBlock dd th {
padding: 0 0 0 3%;
width: 19%;
}
}
@media screen and (max-width: 750px) {
.d_carrot .carrot {
width: 30.3%;
}
}
@media screen and (max-width: 599px) {
.d_carrot {
margin: 120px 0 0;
}
.d_carrot .spDispNone{
display: none;
}
.d_carrot h2 {
max-width: 47.6%;
margin: 0 auto 9%;
}
.d_carrot .innerBlock {
width: 90%;
margin: 0 auto 12.45%;
}
.d_carrot .navBlock ul {
width: 100%;
}
.d_carrot .navBtn img {
padding: 15% 10%;
max-width: 80%;
}
.d_carrot .leadBlock {
padding: 12.1% 0;
margin: 0 0 36.05%;
}
.d_carrot .leadBlock dt,
.d_carrot .leadBlock dd{
float: none;
width: 100%;
max-width:100%;
}
.d_carrot .leadBlock dt{
margin: 0 auto;
max-width: 46.8%;
padding: 0 0 5%;
}
.d_carrot .leadBlock dd{
border-left: medium none;
border-top: 1px solid #fff;
line-height: 1.8rem;
padding: 5% 0 0;
width: 100%;
}
.d_carrot .leadBlock dd th {
padding: 0 2% 0 5%;
width: 23%;
white-space: nowrap;
}
.d_carrot .leadBlock dd td {
width: 70%;
padding: 0.5% 0 0 3.5%;
}
.d_carrot .carrot {
width: 45.3%;
 bottom: -14%;
}
.d_carrot .contentsBlock,
.d_carrot .contentsBlock02,
.d_carrot .contentsBlock03,
.d_carrot .contentsBlock04 {
  margin: 0 auto 3.9%;
}
.d_carrot .contentsBlock,
.d_carrot .contentsBlock03{
margin: 0 0 25%;
}
.d_carrot .contentsBlock h2,
.d_carrot .contentsBlock02 h2,
.d_carrot .contentsBlock03 h2,
.d_carrot .contentsBlock04 h2{
border-color: -moz-use-text-color #000;
border-style: none solid;
border-width: medium 1px;
margin: 0 auto 5%;
max-width: 80%;
padding: 10px 4%;
}
.d_carrot .contentsBlock02 h2 {
max-width: 52.8%;
}
.d_carrot .imgColBlock {
margin: 0 auto;
max-width: 95%;
}
.d_carrot .imgColBlock .text,
.d_carrot .imgColBlock .img{
float: none;
width: 100%;
margin: 0;
padding: 0;
}
.d_carrot .contentsBlock li{
float: left;
width: 48%;
}
.d_carrot .contentsBlock .imgLeftBlock .img li{
margin: 0 4% 0 0;
}
.d_carrot .contentsBlock .imgLeftBlock .img li:last-child {
margin: 0;
}
.d_carrot .imgColBlock dt {
text-align: center;
}

.d_carrot .contentsBlock04 .imgRightBlock .text {
width: 100%;
}
.d_carrot .contentsBlock04 .imgRightBlock dt{
text-align: center;
}
/*history*/
.historyBlock {
margin: 0 auto 25%;
}
.historyBlock .inner {
padding: 15px 3.5%;
box-sizing: border-box;
}
.historyBlock dt {
width: 21.8%;
font-size: 0.8rem;
}
.historyBlock dd{
width: 71.9%;
font-size: 0.8rem;
}
}
@media screen and (max-width: 450px) {
.d_carrot .carrot {
width: 45.3%;
 bottom: -10%;
}
.d_carrot .leadBlock dd td {
width: 50%;
}
}
@media screen and (max-width: 350px) {
.d_carrot .carrot {
width: 40%;
 bottom: -7.5%;
}
}