@charset "UTF-8";
/*========================767px以下========================*/
@media screen and (max-width: 767px) {
.Card {
	width: 55%;
	margin: 5% auto; 0
}

.spbunner_wrap {
	margin: 0 5%;
	padding-top: 4%;
	padding-bottom: 4%;
}

/*アコーディオン*/
.Accordion {
    height: auto;
    width: 90%;
    margin: 0px auto;
	text-align: center;
}

label {
    padding: 0px;
    display: block;
    margin: 0;
}

input[type="checkbox"].on-off{
    display: none;
}

.Accordion ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
  }

.Accordion li {
    padding: 10px 0 20px 0;
	text-align: center;
	margin: auto;
	_border-bottom: 1px solid #a7a7a7;
  }

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: 106vh;
}


/*.spbunner_wrap {
	margin: 0 5%;
	padding-top: 4%;
}*/



}

/*========================768px以上========================*/
@media screen and (min-width: 768px) {
.Card img {
	float: right;
	width: 168px;
	height: 63px;
	margin-top: 15px;
	margin-right: 6%;
}

.spbunner_wrap {
	width: 884px;
	margin: 0 auto;
	padding-top: 30px;
}

/*アコーディオン*/
.Accordion {
    height: auto;
    width: 884px;
    margin: 0px auto;
    padding: 30px 0 30px 0;
}

label {
    padding: 0px;
    display: block;
    margin: 0;
}

input[type="checkbox"].on-off{
    display: none;
}

.Accordion ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
  }

.Accordion li {
    padding: 50px 0 0px 0;
	text-align: center;
	margin: auto;
  }

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

.Accordion a:link {
    text-decoration: none;
    color: #ef0707;
	}

.Accordion a:visited {
    text-decoration: none;
    color: #ef0707;
	}

.Accordion a:active { 
    text-decoration: none;
    color: #ef0707;
    }

.Accordion a:hover {
    _text-decoration: underline;
    color: #ef0707;
    }

input[type="checkbox"].on-off:checked + ul{
    height: 1788px;
}

}
/*
PC
<p class="Card"><img src="top/img/card/banner.jpg" alt="カード使えます。"></p>
SP
<p class="sp Card"><img src="top/img/card/banner.jpg" alt="カード使えます。"></p>
*/