@charset "UTF-8";

/*
/access/hikari/au/cpn/index.html  ************/

/* cpnOptionItem cpnOptionItem hover */
.cpnPanelItem a,
.cpnOptionItem a {
display: block;
height: 100%;
color: #223;
}

.cpnPanelItem > a:hover,
.cpnOptionItem > a:hover {
text-decoration: none;
color: #223;
background: #f4f8f3;
}

.cpnPanelItem > a:hover {
border-radius: 8px;
}

.cpnPanelItem a:hover .textLink,
.cpnOptionItem a:hover .textLink {
text-decoration: underline;
color: #0074bd;
}

.cpnPanelItem .textLink,
.cpnOptionItem .textLink {
display: block;
margin-top:10px;
color: #314da5;
}

.cpnPanelItem .textLink:after,
.cpnOptionItem .textLink:after {
display:inline;
padding-left: 20px;
width: 8px;
height: 14px;
content: '';
background: url(/access/common/img/icon/icon_arrow_02.png)  right .2em no-repeat;
}

/* cpnPanelItem */
.cpnPanelItem {
box-sizing: border-box;
border-radius: 8px;
border: 1px solid #ccc;
}

.cpnPanelItem + .cpnPanelItem {
margin-top: 30px;
}

.cpnPanelTitle {
padding: 10px 20px 8px;
background-color: #f8f8f8;
border-radius: 8px 8px 0 0;
}

.cpnPanelTitleHdg {
display: inline-block;
margin-right: 20px;
font-weight: bold;
font-size: 20px;
font-size: 2rem;
line-height: 1.3em;
}

.cpnPanelInner {
padding: 20px;
}

.cpnPanelInner:after {
display: block;
clear: both;
content: '';
}

.cpnPanelImg {
float: left;
width: 230px;
margin-right: 20px;
}

.cpnPanelText {
float: left;
width: 418px;
}

/* cpnOptionItem */
.cpnOptionItem {
border-top: 1px solid #ccc;
}

.cpnOptionInner {
padding: 20px;
box-sizing: border-box;
}

.cpnOptionItem:last-child {
border-bottom: 1px solid #ccc;
}

.cpnOptionInner:after {
display: block;
clear: both;
content: '';
}

.cpnOptionImg {
float: left;
width: 230px;
margin-right: 20px;
}

.cpnOptionText {
float: left;
width: 418px;
}

.mod-linkInner > li:first-child > a {
  color: #fff;
  background: #000;
}

@media only screen and (max-width: 767px) {

/* cpnPanel */
.cpnPanelTitleHdg {
margin-right: 0;
}

.cpnPanelInner {
padding: 15px;
}

.cpnPanelImg {
float: none;
width: auto;
text-align: center;
margin: 0 0 15px;
}

.cpnPanelText {
float: none;
width: auto;
}

/* cpnOption */
.cpnOptionInner {
padding: 20px 10px;
}

.cpnOptionImg {
float: none;
width: auto;
text-align: center;
margin: 0 0 15px;
}

.cpnOptionText {
float: none;
width: auto;
}

}/* mediaquey END*/


.mod-linkInner {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-left: 1px solid #ccc;
  flex-wrap: wrap;
}

.mod-linkInner > li {
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0;
  display: -webkit-flex!important;
  display: -ms-flexbox!important;
  display: flex!important;
  padding-left: 0!important;
  padding-right: 0!important;
  width: 21%!important;
}

.mod-linkInner > li:nth-child(2) {
  width: 28%!important;
}

.mod-linkInner > li:last-child {
  width: 30%!important;
}

.mod-linkInner > li:first-child > a {
  color: #fff;
  background: #000;
}

.mod-linkInner > li:first-child > a::before {
  border-left: 6px solid #fff;
}

.mod-linkInner > li > a {
  padding: 12px 16px 12px 30px;
  display: block;
  width: 100%;
}

.mod-linkInner > li > a::before {
  top: calc(.5em + 12px);
  left: calc(-1em + 34px);
}

.mod-listNum.not_period  li > .mark::after {
  content: none;
  }

@media only screen and (max-width: 767px) {
  .mod-linkInner > li:nth-child(n+3), .mod-linkInner > li:nth-child(n+4) {
      border-top: 0;
  }
  .type-block.mod-linkInner > li {
    width: 50%!important;
  }
  .merit .point03__box {
    margin-top: 7.03125vw;
    border: 0.78125vw solid #eb5505;
    -moz-border-radius: 1.04167vw;
    border-radius: 1.04167vw;
    background-color: #fff;
  }
  .merit .point03__box dl {
    margin: 0 auto;
    padding: 3.90625vw;
  }
  .merit .point03__box dl dt {
    font-size: 4.6875vw;
    font-weight: bold;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 3.64583vw;
  }
  .merit .point03__box dl dd {
    padding: 3.25521vw 0 0;
  }
  .merit .point03__box dl dd .return__title {
    padding: 0 1.95313vw;
  }
}

@media screen and (min-width: 768px), print {
  .merit .point03__box {
    margin-top: 32px;
    border: 4px solid #eb5505;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color: #fff;
  }
  .merit .point03__box dl {
    width: 800px;
    margin: 0 auto;
    padding: 30px 0;
  }
  .merit .point03__box dl dt {
    font-size: 3.2rem;
    font-weight: bold;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 14px;
  }
  .merit .point03__box dl dd {
    padding: 30px 0 15px;
  }
}