@charset "utf-8";

/* CSS Document */
#navgation li.nav5{background-position:-790px -73px !important;}
@font-face {
  font-family: 'mplus-2c-midium';
  src: url('../font/mplus-2c-midium.eot');
  src: url('../font/mplus-2c-midium.eot?#iefix') format('embedded-opentype'), 
  url('../font/mplus-2c-midium.woff') format('woff'), 
  url('../font/mplus-2c-midium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'mplus-2c-bold';
  src: url('../font/mplus-2c-bold.eot');
  src: url('../font/mplus-2c-bold.eot?#iefix') format('embedded-opentype'), 
  url('../font/mplus-2c-bold.woff') format('woff'), 
  url('../font/mplus-2c-bold.ttf') format('truetype');
  font-weight: bold;
  font-style: bold;
}
@font-face {
    font-family: 'Keifont';
    src: url('../font/Keifont.eot');
    src: url('../font/Keifont.eot?#iefix') format('embedded-opentype'), url('../font/Keifont.woff2') format('woff2'), url('../font/Keifont.woff') format('woff'), url('../font/Keifont.ttf') format('truetype'), url('../font/Keifont.svg#Keifont') format('svg');
    font-weight: normal;
    font-style: normal;
}
#MainDisp {
  font-family: 'mplus-2c-midium';
  font-weight: normal;
}
html {
  font-size: 62.5%
}
#MainDisp {
  font-family: 'mplus-2c-midium'!important;
}
#Contents {
  width: auto;
}
#pankuzu {
  width: 970px;
  margin-left: auto;
  margin-right: auto;
}
#page_top {
  z-index: 100 !important;
}
.wrapper {
  margin-right: auto;
  margin-left: auto;
  width: 970px;
}
.red {
  color: #f60c00;
  font-weight: bold;
}
#MainDisp h2,h3,h4,h5,h2 p,h3 p,h4 p,h5 p {
  font-family: 'Keifont';
  font-weight: normal;
  color: #492705;
}
#himitsu h3 p,#raku h3 p,#osusume h3 p {
  font-size: 4.6rem;
  color: #fff;
  text-shadow: 2px 2px 1px #492705,
  -2px 2px 1px #492705, 2px -2px 1px #492705,
  -2px -2px 1px #492705, 2px 0px 1px #492705,
  0px 2px 1px #492705, -2px 0px 1px #492705,
  0px -2px 1px #492705;
  letter-spacing: 6px;
  text-align: center;
  padding: 0 0 1rem 0;
}
#himitsu h3 p::before,#raku h3 p::before,#osusume h3 p::before {
  content: url(../images/title-corecarra.png);
  vertical-align: middle;
  padding: 0 1rem 0 0;
}
#himitsu h3 p::after,#raku h3 p::after,#osusume h3 p::after {
  content: url(../images/title-kira.png);
  vertical-align: text-bottom;
}

/* ----- TOP ----- */
#top {
  text-align: center;
  margin-bottom: 3rem;
}
#top h3 {
  display: inline-block;
  background: #ff85b1;
  padding: 2.4rem 2rem;
  border-radius: 6px;
  margin-bottom: -3rem;
  position: relative;
}
#top h3::after {
  border-left: 1.6rem solid transparent;
  border-right: 1.6rem solid transparent;
  border-top: 1.6rem solid #ff85b1;
  content: '';
  position: absolute;
  bottom: -1.6rem;
  left: 50%;
}

/* ----- 人気のヒミツ ----- */
#himitsu {
  background: #fffcbd;
  width: 100%;
  margin: -10rem 0 0;
  padding: 0 0 6rem 0;
}
#himitsu h3 {
  padding: 10rem 0 0;
}
#himitsu ul {
  width: 760px;
  margin: -3rem auto 0;
}
#himitsu li {
  background: #fff;
  margin: 3rem 0;
}
#himitsu li:nth-child(2),#himitsu li:nth-child(3) {
  width: 36rem;
  display: inline-block;
  vertical-align: top;
  margin-top: 0;
  height: 32rem;
}
#himitsu li:nth-child(2) {
  margin-right: 1.8rem;
}
#himitsu li:nth-child(3) {
  margin-left: 1.7rem;
}
#himitsu li h4 {
  color: #fff;
  font-size: 2.2rem;
  background-image: url(../images/himitsu-bg.png);
  text-align: center;
  padding: 0.8rem 0;
  letter-spacing: 3px;
  position: relative;
}
#himitsu li h4 p {
  font-size: 3rem;
  color: #492705;
  position: absolute;
  display: inline-block;
  z-index: 10;
  margin: -0.8rem 0 0 1rem;
}
#himitsu li h4 p::after {
  content: url(../images/himitsu-title.png);
  position: absolute;
  margin-left: -3rem;
  margin-top: -0.4rem;
  z-index: -1;
}
#himitsu li .text {
  font-size: 2rem;
  padding: 1.4rem 3rem;
  line-height: 1.3;
}
#himitsu li .text small {
  font-size: 1.4rem;
}
#himitsu li:first-child div {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin-bottom: 2rem;
}
#himitsu .blue {
  margin-left: 2.9rem;
}
#himitsu .pink {
  margin-right: 2.9rem;
}
#himitsu .blue h5,#himitsu .pink h5 {
  border-radius: 4px;
  font-size: 1.6rem;
  color: #fff;
  padding: 0.4rem 0;
  font-family: 'mplus-2c-regular';
  font-weight: bold;
  width: 30rem;
  margin: 1rem 1rem 0.4rem;

}
#himitsu .blue h5 {
  background: #00b4ed;
}
#himitsu .pink h5 {
  background: #ff85b1;
}
#himitsu .blue p span,#himitsu .pink p span {
  font-family: 'mplus-2c-bold';
}
#himitsu .blue p span {
  color: #00b4ed;
}
#himitsu .pink p span {
  color: #ff85b1;
}
#himitsu li:nth-child(2) img {
  margin: -0.8rem auto 1.4rem;
  display: block;
}
#himitsu .plan {
  margin: 1rem 0;
}
#himitsu .plan:first-child {
  margin: 0 0 0.5rem 0;
}
#himitsu .plan p {
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  padding: 0.8rem 0;
  text-align: center;
  width: 27rem;
  margin: auto;
  border-radius: 6px;
  box-shadow: -0.1rem -0.1rem 0 #fff inset;
}
#himitsu .plan:nth-child(odd) p {
  background: #ffa922;
  border: #ffa922 solid 2px;
}
#himitsu .plan:nth-child(even) p {
  background: #63dd21;
  border: #63dd21 solid 2px;
}
#himitsu .plan:last-child p {
  background: #1ccdf9;
  border: #1ccdf9 solid 2px;
}
#himitsu .plan p span {
  padding: 0.8rem 1.4rem;
  background: #fff;
  font-size: 2rem;
  font-weight: bold;
  vertical-align: middle;
}
#himitsu .plan:nth-child(odd) p span {
  color: #ffa922;
  margin-left: -5.4rem;
  margin-right: 1.4rem;
}
#himitsu .plan:nth-child(even) p span {
  color: #63dd21;
  margin-left: -6rem;
  margin-right: 2.4rem;
}
#himitsu .plan:last-child p span {
  color: #1ccdf9;
  margin-left: -8.6rem;
  margin-right: 4.6rem;
}

/* ----- お問合せ ----- */
.contact {
  background-image: url(../images/contact-bg.gif);
  text-align: center;
  font-family: 'Keifont';
}
.contact .mitumori {
  background: #ff0066;
  color: #fff600;
  font-size: 3rem;
  width: 7rem;
  height: 7rem;
  border-radius: 100px;
  padding: 1.6rem;
  line-height: 1.1;
  letter-spacing: 4px;
  transform: rotate(-30deg);
  top: -3rem;
  left: -40%;
  position: relative;
  text-align: center;
  margin: auto;
}
.contact h3 {
  color: #ff0066;
  font-size: 2.2rem;
  margin-top: -6rem;
}
.contact li {
  display: inline-block;
  background: #fff;
  border: solid #492705 3px;
  height: 7rem;
  width: 32rem;
  vertical-align: bottom;
  line-height: 6.4rem;
  margin: 1rem 1rem 3rem;
}
.contact li:first-child {
  font-size: 2.6rem;
}
.contact li:last-child {
  font-size: 1.8rem;
}
.contact li:first-child i {
  font-size: 2.8rem;
  padding: 0 0.6rem 0 0;
}
.contact li:last-child i {
  font-size: 2.8rem;
  padding: 0 0.6rem 0 0;
  vertical-align: middle;
}
.contact a {
  font-family: 'Keifont';
  letter-spacing: 2px;
  display: block;
  height: 100%;
  line-height: 7.4rem;
}
.contact li:hover {
  background: #492705;
  transition: 0.3s;
}
.contact li a:hover {
  text-decoration: none;
  color: #fff;
}

/* ----- 好きな車にラクラク乗り換え ----- */
#raku {
  font-size: 0px;
  background-image: linear-gradient(to right, #2cccff 0%, #2cccff 50%, #ff85b1 50%, #ff85b1 100%);
}
#raku h3 {
  background: #fff;
  padding: 9rem 0 0;
  position: relative;
}
#raku h3::after {
  border-left: 2.6rem solid transparent;
  border-right: 2.6rem solid transparent;
  border-top: 3rem solid #fff;
  content: '';
  position: absolute;
  left: 50%;
  bottom: -3rem;
  z-index: 10;
  margin-left: -2.7rem;
}
#raku .main {
  display: flex;
}
#raku div {
  text-align: center;
  height: 48rem;
  vertical-align: top;
}
#raku .left,#raku .right {
  position: relative;
  width: 50%;
}
#raku .left p,#raku .right p {
  position: absolute;
  top: 32rem;
  font-family: 'Keifont';
  font-size: 2rem;
  letter-spacing: 1px;
  left: 0%;
  right: 0%;
}
#raku .left p {
  top: 33rem;
}
#raku .left {
  background: #2cccff;
}
#raku .right {
  background: #ff85b1;
}
#raku .left img,#raku .right img {
  position: relative;
}
#raku .left img {
  right: 0.6rem;
  top: 4.8rem;
}
#raku .right img {
  left: 2rem;
  top: 1.6rem;
}
#raku .left p small,#raku .right p small {
  margin-top: 5.8rem;
  display: inline-block;
  font-family: 'mplus-2c-medium';
  font-size: 1.4rem;
  color: #808080;
  letter-spacing: 0;
}
#raku .right p small {
  font-size: 1.1rem;
  line-height: 1.2;
}

/* ----- お客様にあったお得なカーライフを ----- */
#tukiduki h3 {
  font-size: 4.2rem;
  line-height: 1.2;
  left: 24%;
  display: inline-block;
  position: relative;
  padding: 8rem 0 4rem;
}
#tukiduki h3::before {
  content: url(../images/tukiduki-title.jpg);
}
#tukiduki h3 p {
  display: inline-block;
  vertical-align: top;
  padding: 1rem 0 0 2rem;
  letter-spacing: 2px;
}
#kaiteki {
  margin: 5rem auto 9rem;
}
.accordion {
  width: 76rem;
  max-width: 100%;
  margin: auto;
}
.accordion .btn {
  background: #fff;
  width: 5.8rem;
  height: 5.8rem;
  border-radius: 5.8rem;
  border: #492705 2px solid;
  position: absolute;
  top: 8rem;
  right: 1.8rem;
}
/* チェックボックスは非表示 */
.accordion-hidden{
  display: none;
}
/* Question部分 */
.accordion-open {
  display: inline-block;
  cursor: pointer;
  margin: 0 auto;
  position: relative;
  width: 76rem;
  border-radius: 2rem;
  text-align: center;
}
#anshin .accordion-open {
  background: #ffba00;
}
#kaiteki .accordion-open {
  background: #5cd4df;
}
.accordion-open::before,
.accordion-open::after {
  content: '';
  width: 4rem;
  height: 0.3rem;
  background: #492705;
  position: absolute;
  top: 50%;
  right: 3.8%;
  transform: translateY(-50%);
  z-index: 6;
}
.accordion-open::after {
  transform: translateY(-50%) rotate(90deg);
  transition: .5s;
}
.accordion-hidden:checked + .accordion-open:after {
  transform: translateY(-50%) rotate(0);
}
.accordion-close {
  margin-top: -2rem;
  display: block;
  height: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  transition: 0.5s;
}

#anshin .close,#kaiteki .close {
  width: 12rem;
  height: 12rem;
  color: #fff;
  border-radius: 100px;
  text-align: center;
  line-height: 17rem;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 1px;
  margin: -10rem auto 0;
  z-index: -1;
  position: relative;
}
#anshin .close {
  background: #ffba00;
}
#kaiteki .close {
  background: #5cd4df;
}
.accordion-hidden:checked + .accordion-open + .accordion-close {
  height: auto;
  opacity: 1;
  font-weight: 700;
}
#anshin .accordion-close .main,#kaiteki .accordion-close .main {
  margin: -1rem 0 4rem;
  padding: 6rem 1.6rem 0;
  border-radius: 0 0 20px 20px;
  text-align: center;
}
#anshin .accordion-close .main {
  background: linear-gradient(180deg,
  #ffba00 0%, #ffba00 24px, #fff 0px, #fff 100%);
  border: 0.6rem #ffba00 solid;
}
#kaiteki .accordion-close .main {
  background: linear-gradient(
    180deg
    , #5cd4df 0%, 
    #5cd4df 24px, 
    #fff 0px, 
    #fff 100%);
  border: 0.6rem #5cd4df solid;
}

#tukiduki .pack {
  margin-bottom: 5.6rem;
}
#tukiduki .pack h4 {
  background: #f2d5b8;
  font-size: 2.6rem;
  text-shadow: 0px 2px 0 #fff;
  padding: 1.2rem 0 0.8rem;
  background-image: url(../images/pack-left.jpg),
  url(../images/pack-right.jpg);
  background-position: left,right;
  background-repeat: no-repeat;
  position: relative;
  margin-bottom: 3rem;
  letter-spacing: 1px;
}
#tukiduki .pack h4 p {
  font-size: 1.5rem;
  font-family: 'mplus-2c-medium';
  text-shadow: none;
}
#tukiduki .pack h4::after {
  border-left: 1.6rem solid transparent;
  border-right: 1.6rem solid transparent;
  border-top: 1.6rem solid #f2d5b8;
  content: '';
  position: absolute;
  bottom: -2.4rem;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
#tukiduki .pack table {
  margin: 0 auto 1rem;
  border: 2px #492705 solid;
  border-collapse: collapse;
  font-size: 1.8rem;
}
#tukiduki .pack table tr:first-child,
#tukiduki .pack table tr:nth-child(3) {
  background: #faf3ec;
}
#tukiduki .pack table th:nth-child(2) {
  border-left: 1px dashed #492705;
  border-right: 1px dashed #492705;
}
#tukiduki .pack table tr:first-child {
  width: 16rem;
}
#tukiduki .pack table td {
  text-align: left;
  padding: 0 1rem;
}
#tukiduki .pack table th {
  width: 16rem;
  height: 4.2rem;
}
#tukiduki .pack table th span {
  font-size: 2.2rem;
  font-family: 'mplus-2c-bold';
}
#tukiduki .pack table th small {
  font-family: 'mplus-2c-bold';
}
#tukiduki .pack p {
  font-size: 1.6rem;
  line-height: 1.2;
}
#tukiduki .pack p span {
  font-size: 2rem;
  font-family: 'mplus-2c-bold';
}
#tukiduki .pack .siharai {
  font-size: 2.6rem;
  border-bottom: #fff600 8px solid;
  font-family: 'Keifont';
  letter-spacing: 1px;
  display: inline-block;
  margin: 0 0 0.8rem 0;
}
#tukiduki .pack .siharai::before {
  content: url(../images/tukiduki.png);
  margin-right: -0.6rem;
}
#tukiduki .pack .siharai .big {
  font-size: 4.6rem;
  font-family: 'Keifont';
}
#tukiduki .pack .siharai .big .red {
  font-family: 'Keifont';
}
#tukiduki .pack .siharai .middle {
  font-size: 3.6rem;
  font-family: 'Keifont';
}
#tukiduki .pack .list ul {
  margin-bottom: 0.6rem;
}
#tukiduki .pack .list li {
  display: inline-block;
  border: 2px #ffba00 solid;
  border-radius: 100px;
  width: 33.6rem;
  height: 4.6rem;
  margin: 0.6rem 0.8rem;
  background-image: 
  linear-gradient( 45deg, #ffba00 15%, transparent 15%),
  linear-gradient( 500deg, #ffba00 15%, transparent 15%),
  linear-gradient( 90deg, #ffba00 70%, transparent 70%);
  background-position: 15.8rem -2.2rem, 15.8rem 2.4rem,-4.3rem 0,0 0, 0 0, 0 0;
  background-repeat: no-repeat;
  line-height: 4.6rem;
  text-align: left;
}
#tukiduki .pack .list li .left,
#tukiduki .pack .list li .right {
  display: inline-block;
}
#tukiduki .pack .list li .left {
  color: #fff;
  font-size: 1.6rem;
  padding: 0 0 0 1rem;
  font-family: 'mplus-2c-bold';

}
#tukiduki .pack .list li:first-child .right {
  padding: 0 0 0 8rem;
}
#tukiduki .pack .list li:nth-child(2) .right {
  padding: 0 0 0 6.6rem;
}
#tukiduki .pack .list li:nth-child(3) .right {
  padding: 0 0 0 5rem;
}
#tukiduki .pack .list li:last-child .right {
  padding: 0 0 0 1.2rem;
}
#tukiduki .pack:nth-child(2) p small,
#tukiduki .pack:nth-child(2) p small span,
#tukiduki .pack:nth-child(3) p small,
#tukiduki .pack:nth-child(3) p small span,
#tukiduki #kaiteki .pack:nth-child(3) p small,
#tukiduki #kaiteki .pack:nth-child(3) p small span  {
  font-size: 1.1rem;
  color: #808080;
}
#tukiduki .pack:nth-child(3) li,
#tukiduki #kaiteki .pack:first-child li {
  display: inline-block;
  margin: 0 0.8rem;
  vertical-align: top;
}
#tukiduki .pack:nth-child(3) table th,
#tukiduki #kaiteki .pack:first-child table th {
  width: 20rem;
  height: 3.8rem;
  text-align: left;
  font-size: 1.4rem;
  padding: 0 1rem;
}
#tukiduki .pack:nth-child(3) table th:nth-child(even),
#tukiduki #kaiteki .pack:first-child table th:nth-child(even) {
  width: 9rem;
  text-align: right;
}
#tukiduki .pack:nth-child(3) table th:nth-child(even) span,
#tukiduki #kaiteki .pack:first-child table th:nth-child(even) span {
  font-size: 1.8rem;
}
#tukiduki #kaiteki .pack:nth-child(3) small {
  color: #f60c00;
  font-size: 1rem;
}
#tukiduki .short {
  font-size: 1.1rem !important;
}

/* ----- オススメ車両 ----- */
#osusume {
  margin: 6rem auto 0;
}
#osusume h3 {
  background: #ff85b1;
  padding: 3rem 0 0;
  position: relative;
  text-align: center;
  margin-bottom: 7rem;
}
#osusume h3::after {
  border-left: 2.6rem solid transparent;
  border-right: 2.6rem solid transparent;
  border-top: 3rem solid #ff85b1;
  content: '';
  position: absolute;
  left: 47.8%;
  bottom: -3rem;
  z-index: 10;
}
#osusume .car {
  width: 960px;
  padding: 0.6rem;
  background-image: url(../images/osusume-border.gif);
  background-repeat: repeat;
  margin: 2rem auto;
  border-radius: 8px;
  min-height: 240px;
}
#osusume .contents {
  background: #fff;
  border-radius: 6px;
  position: relative;
  align-items: flex-start;
  vertical-align: top;
  min-height: 240px;
}
#osusume .contents .image {
  display: inline-block;
  margin-top: 20px;
  vertical-align: top;
  position: absolute;
  top: 0;
}
#osusume .contents > div {
  padding: 0 1rem 2rem 2rem;
}
#osusume .car .main {
  display: inline-block;
  position: relative;
  padding: 0 0 0 300px;
  width: calc(100% - 245px - 5rem);
  top: 1px;
}
#osusume h4 {
  display: flex;
  flex-wrap: wrap;
  background: #f2d5b8;
  padding: 1.4rem 1rem 1rem 320px;
}
#osusume h4 p {
  font-family: 'mplus-2c-bold';
  font-size: 1.8rem;
  padding: 0 0.4rem;
}
#osusume h4 p span {
  font-size: 1.4rem;
  font-weight: bold;
}
#osusume .soubi {
  width: 46rem;
  display: inline-block;
  margin-top: 1.8rem;
  line-height: 1.2;
}
#osusume .soubi span:after{
  content:'/';
  margin:0 3px;
}
#osusume .soubi span:last-child:after{
  display:none;
}
#osusume .joho {
  display: inline-block;
  background: #faf3ec;
  padding: 0.6rem 1rem;
  font-size: 1.3rem;
  margin: 1.4rem 0 0 1rem;
  position: absolute;
  width: 14.6rem;
}
#osusume .joho p span::after {
  content: ' ▶︎';
  font-size: 1rem;
  padding: 0 0.4rem;
}
#osusume .sub {
  display: inline-block;
}
#osusume .sub li {
  display: inline-block;
  text-align: center;
  padding: 0 1.5rem;
  margin: 1rem auto 0.6rem;
}
#osusume .sub h5 {
  font-family: 'mplus-2c-bold';
  font-size: 1.2rem;
}
#osusume .sub li:first-child,
#osusume .sub li:nth-child(2),
#osusume .sub li:nth-child(3),
#osusume .sub li:nth-child(4) {
  border-right: dotted 2px #e7bb8e;
}
#osusume .sub p span {
  font-size: 1.1rem;
}
#osusume .sub p small {
  font-size: 10px;
  max-width: 150px;
  display: inline-block;
  vertical-align: top;
  line-height: 1;
}
#osusume .kakaku h5 {
  font-size: 1.4rem;
  border: #492705 1px solid;
  padding: 0.2rem 0;
  width: 15.4rem;
  font-family: 'mplus-2c-middium';
  text-align: center;
  margin: 0.2rem auto -0.4rem;
}
#osusume .kakaku li {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.5rem;
}
#osusume .kakaku li:first-child {
  margin: 0 0.5rem 0 0;
  position: relative;
}
#osusume .kakaku li:first-child p {
  padding: 0 1rem;
}
#osusume .kakaku li:first-child .red {
  float: right;
}
#osusume .kakaku .bold {
  font-size: 4rem;
  font-weight: bold;
}
#osusume .kakaku .bold small {
  font-size: 2rem;
  font-weight: bold;
}
#osusume .kakaku small {
  font-size: 1.8rem;
}
#osusume .kakaku .zeikomi {
  position: absolute;
  bottom: 3rem;
  font-size: 1rem;
  color: #f60c00;
  right: 12px;
}
#osusume .kakaku .left {
  vertical-align: -1rem;
}
#osusume .kakaku .left,#osusume .kakaku .right {
  display: inline-block;
}
#osusume .kakaku .right p {
  font-family: 'mplus-2c-bold';
  line-height: 1.2;
}
#osusume .kakaku .right p .big {
  font-size: 2rem;
  font-weight: bold;
}
#osusume .kakaku .right p .bold {
  font-size: 1.4rem;
}
#osusume .kakaku .right p small {
  font-size: 1.2rem;
  font-weight: bold;
  padding: 0 0.2rem;
}


/* ----- はじめてのお客様にお願い ----- */
#onegai {
  margin: 13rem auto 0;
  text-align: center;
}
#onegai h3 {
  padding: 1.6rem 12rem;
  background: #ff85b1;
  position: relative;
  margin: auto;
  display: inline-block;
  z-index: 10;
  color: #fff;
  font-size: 2.2rem;
  letter-spacing: 2px;
  border-radius: 6px;
}
#onegai h3::after {
  border-left: 2.6rem solid transparent;
  border-right: 2.6rem solid transparent;
  border-top: 3rem solid #ff85b1;
  content: '';
  position: absolute;
  left: 47.8%;
  bottom: -2rem;
  z-index: 10;  
}
#onegai .main {
  margin-top: -5rem;
  background: #fffcbd;
  padding: 8rem 0 4rem;
  font-size: 1.8rem;
}
#onegai p small {
  font-size: 1.4rem;
  display: block;
}
#onegai p span {
  font-size: 2.4rem;
  color: #fff;
  text-shadow: 2px 2px 1px #492705,
  -2px 2px 1px #492705, 2px -2px 1px #492705,
  -2px -2px 1px #492705, 2px 0px 1px #492705,
  0px 2px 1px #492705, -2px 0px 1px #492705,
  0px -2px 1px #492705;
  letter-spacing: 2px;
  padding-top: 1rem;
  display: inline-block;
  font-family: 'mplus-2c-bold';
}

/* ----- コレCARラがオススメできない方 ----- */
#no-osusume {
  margin: 6rem auto 0;
  width: 91rem;
  height: 30rem;
  border: 6px #e7bb8e solid;
  padding: 1rem 2rem 0;
  position: relative;
}
#no-osusume h3 {
  font-size: 2.8rem;
  color: #fff;
  text-shadow: 2px 2px 1px #492705,
  -2px 2px 1px #492705, 2px -2px 1px #492705,
  -2px -2px 1px #492705, 2px 0px 1px #492705,
  0px 2px 1px #492705, -2px 0px 1px #492705,
  0px -2px 1px #492705;
  letter-spacing: 3px;
  text-align: center;
  border-bottom: dotted 2px #e7bb8e;
}
#no-osusume h3::before {
  content: url(../images/corecarra-logo.png);
  vertical-align: middle;
  padding: 0 0.6rem 0 0;
}
#no-osusume ul {
  padding: 2rem 0 0 5rem;
}
#no-osusume li {
  font-size: 2.4rem;
  color: #00b4ed;
  font-family: 'Keifont';
  letter-spacing: 2px;
  line-height: 2;
}
#no-osusume li::before {
  content: url(../images/list.png);
  vertical-align: middle;
}
#no-osusume .human {
  position: absolute;
  bottom: 0;
  float: right;
  text-align: right;
  display: inline-block;
  right: 2rem;
}
#no-osusume i {
  color: #fff;
  text-shadow: 2px 2px 1px #492705,
  -2px 2px 1px #492705, 2px -2px 1px #492705,
  -2px -2px 1px #492705, 2px 0px 1px #492705,
  0px 2px 1px #492705, -2px 0px 1px #492705,
  0px -2px 1px #492705;
  font-size: 4rem;
  text-align: center;
  display: block;
}
#no-osusume p {
  font-size: 3rem;
  letter-spacing: 2px;
  text-shadow: #fff600 2px 2px,3px 3px 1px #fff,
  -3px 3px 1px #fff, 3px -3px 1px #fff,
  -3px -3px 1px #fff, 3px 0px 1px #fff,
  0px 3px 1px #fff, -3px 0px 1px #fff,
  0px -3px 1px #fff;
  z-index: 10;
  position: absolute;
  left: 10%;
  right: 10%;
}

/* ----- 新しいこれからのカーライフ ----- */
#new-car-life {
  margin: 8rem auto 0;
  text-align: center;
}
#new-car-life h3 {
  font-size: 4.6rem;
  color: #fff600;
  text-shadow: 2px 2px 1px #492705,
  -2px 2px 1px #492705, 2px -2px 1px #492705,
  -2px -2px 1px #492705, 2px 0px 1px #492705,
  0px 2px 1px #492705, -2px 0px 1px #492705,
  0px -2px 1px #492705;
  letter-spacing: 6px;
  text-align: center;
}
#new-car-life h3::before,#new-car-life h3::after {
  vertical-align: text-top;
}
#new-car-life h3::before {
  content: url(../images/title-left.png);
  padding: 0 2rem 0 0;
}
#new-car-life h3::after {
  content: url(../images/title-right.png);
  padding: 0 0 0 2rem;
}
#new-car-life h4 {
  font-size: 2.6rem;
  font-family: 'mplus-2c-medium';
}
#new-car-life ul {
  background: #faf3ec;
  padding: 2rem 0;
  margin-top: 2rem;
}
#new-car-life li {
  background: #fff;
  display: inline-block;
  width: 38rem;
  margin: 1.4rem 1.6rem;
  position: relative;
}
#new-car-life li:first-child {
  border: 2px #ffa922 solid;
}
#new-car-life li:nth-child(2) {
  border: 2px #63dd21 solid;
}
#new-car-life li:nth-child(3) {
  border: 2px #1ccdf9 solid;
}
#new-car-life li:nth-child(4) {
  border: 2px #fb81dd solid;
}
#new-car-life h5 {
  font-size: 2rem;
  color: #fff;
  letter-spacing: 1px;
  line-height: 1.2;
  padding: 1.2rem 0;
}
#new-car-life li:first-child h5 {
  background-image: url(../images/new-car-life-1.gif);
}
#new-car-life li:nth-child(2) h5 {
  background-image: url(../images/new-car-life-2.gif);
}
#new-car-life li:nth-child(3) h5 {
  background-image: url(../images/new-car-life-3.gif);
}
#new-car-life li:nth-child(4) h5 {
  background-image: url(../images/new-car-life-4.gif);
}
#new-car-life li h5::after {
  border-left: 1.4rem solid transparent;
  border-right: 1.4rem solid transparent;
  border-top: 2rem solid #ff85b1;
  content: '';
  position: absolute;
  left: 47.8%;
  bottom: 7.6rem;
}
#new-car-life li:first-child h5::after {
  border-top: 20px solid #ffa922;
}
#new-car-life li:nth-child(2) h5::after {
  border-top: 20px solid #63dd21;
}
#new-car-life li:nth-child(3) h5::after {
  border-top: 20px solid #1ccdf9;
}
#new-car-life li:nth-child(4) h5::after {
  border-top: 20px solid #fb81dd;
}
#new-car-life li p {
  font-size: 1.6rem;
  line-height: 1.6;
  letter-spacing: 1px;
  padding: 2.2rem 1rem;
}

/* ----- 納車までの流れ ----- */
/* ----- Q&A ----- */
#nousya {
  margin-top: 8rem;
}
#q-a {
  margin-bottom: 7rem;
}
#nousya .accordion,#q-a .accordion {
  background-image: url(../images/pink-bg.gif);
  background-repeat: repeat;
  border-radius: 20px;
}
#nousya .accordion h3,#q-a .accordion h3 {
  color: #fff;
  font-size: 3.4rem;
  letter-spacing: 2px;
  z-index: 10;
}
#nousya .accordion-hidden:checked + .accordion-open + .accordion-close,
#q-a .accordion-hidden:checked + .accordion-open + .accordion-close {
  background: #fff;
}
#nousya .accordion-close,#q-a .accordion-close {
  background: linear-gradient( 180deg,
  #ff85b1 0%, #ff85b1 24px, #fff 0px, #fff 100%);
  border: 6px #ff85b1 solid;
  border-radius: 20px;
  margin: 0 0 4rem;
  padding: 0 4rem 0;
  border-radius: 0 0 20px 20px;
}
#nousya .accordion-open,#q-a .accordion-open {
  margin: 2rem auto 1rem;
}
#nousya .accordion .btn,#q-a .accordion .btn {
  width: 4.2rem;
  height: 4.2rem;
  top: 0.2rem;
  right: 2.5rem;
}
#nousya li {
  margin-top: -0.6rem;
}
#nousya li:first-child {
  margin-top: 2rem;
}
#nousya li:last-child {
  margin-bottom: 3rem;
}
#nousya li .arrow {
  font-size: 3rem;
  color: #fff000;
  background: #492705;
  width: 4.6rem;
  height: 5rem;
  text-align: center;
  line-height: 5rem;
  font-family: 'Keifont';
  position: relative;
  display: inline-block;
}
#nousya li .arrow::after {
  border-left: 20px solid #492705;
  border-right: 24px solid transparent;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  content: '';
  position: absolute;
  left: 100%;
  bottom: 0;
}
#nousya li div {
  display: inline-block;
  padding: 0 0 0 2.4rem;
  line-height: 1.4;
  vertical-align: bottom;
}
#nousya li div h4 {
  font-size: 2.2rem;
  letter-spacing: 1px;
}
#nousya i {
  text-align: center;
  display: block;
  color: #f2d5b8;
  font-size: 5rem;
  margin: -0.6rem 0 0;
}

#q-a li h4 {
  background: #faf3ec;
  font-size: 1.6rem;
  letter-spacing: 1px;
  padding: 0.4rem 1rem;
  margin-top: 1.6rem;
}
#q-a li:first-child h4 {
  margin-top: 2.6rem;
}
#q-a li p {
  font-size: 1.4rem;
  padding: 0.6rem 1rem;
  line-height: 1.4;
}
#q-a li:last-child p {
  margin-bottom: 4rem;
}
#nousya .accordion-open::before,#nousya .accordion-open::after,
#q-a .accordion-open::before,#q-a .accordion-open::after {
  width: 2.8rem;
  right: 4.4%;
}