@charset "utf-8";
/* CSS Document */


.accordion-menu {
	max-width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
}
.accordion-menu.pink {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	max-width: 900px;
}

.dropdownlink img {
	max-width: 405px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.dropdownlink {
	background-image: url(../img/arrow_y_01.png);
	background-repeat: no-repeat;
	background-size: 25px auto;
	background-position: right 45px center;
	cursor: pointer;
	display: block;
	font-size: 18px;
	border-bottom: 1px solid #ccc;
	color: #212121;
	position: relative;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	padding-top: 20px;
	background-color: #ff536c;
}
.dropdownlink.pink {
	background-image: url(../img/arrow_w_01.png);
	background-repeat: no-repeat;
	background-size: 25px auto;
	background-position: right 45px center;
	background-color: #ff83a3;
}
div .dropdownlink.pink img {
	max-width: 126px;
}
div .dropdownlink.pink2 img {
}
div .dropdownlink.pink .pinktoiawase {
	max-width: 188px;
}







.accordion-menu div.open .dropdownlink {
	color: #CDDC39;
	background-image: url(../img/arrow_y_02.png);
}
.accordion-menu div.open .dropdownlink.pink {
	color: #CDDC39;
	background-image: url(../img/arrow_w_02.png);
}

.accordion-menu div.open .dropdownlink .fa-chevron-down {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	background-image: url(../img/arrow_y_02.png);
}

.accordion-menu div:last-child .dropdownlink {
	border-bottom: 0;
	padding-bottom: 20px;
	padding-top: 23px;
}


.dropdownlink i {
  position: absolute;
  top: 17px;
  left: 16px;
}
.dropdownlink .fa-chevron-down {
  right: 12px;
  left: auto;
}

.submenuItems {
	background: #fff;
	padding-top: 86px;
	display: none;
}
.submenuItems div {

}

.submenuItems a {
  display: block;
  color: #727272;
  padding: 12px 12px 12px 45px;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}
.submenuItems a:hover {
  background-color: #CDDC39;
  color: #fff;
}
.accordion-menu.pink div .submenuItems.pink {
	border: 2px solid #FF83A3;
	border-radius: 0px;
}
.oubo {
	max-width: 520px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.oubo .p-step {
	font-size: 2.5rem;
	margin-bottom: 0px;
}
.oubo p {
	font-size: 1.6rem;
	line-height: 3.5rem;
}
.oubo p span {
	color: #FF536C;
}
.oubo .p-folo {
	margin-bottom: 21px;
}

.oubo .button {
	margin: 0px 0px 33px;
	line-height: 0px;
	border-radius: 10px;
}
.oubo .button a {
	padding: 19px;
	background-color: #FFE600;
	border-radius: 10px;
}
.oubo .button a:hover {
}


.oubo .button.b2 {
	margin-bottom: 11px;
}
.oubo .button.b2 a {
	background-color: #FFE600;
}
.oubo .button.b2 a:hover {
}


.oubo .p-step-last2 {
	font-size: 1.4rem;
	margin-bottom: 80px;
	padding-bottom: 80px;
}


.oubo .step-p-last {
	margin-bottom: 30px;
}

.oubo .step-p-aki {
	margin-bottom: 22px;
}

.oubo .button img {
	max-width: 333px;
	vertical-align: top;

}
.oubo .button.b2 img {
	max-width: 200px;
}

.oubo .stepalow {
	max-width: 43px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}








@media screen and (max-width:600px){
.accordion-menu {
	width: 85%;
	margin-top: 0px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	margin-bottom: 20px;
}
.accordion-menu.pink.pinklast {
	margin-bottom: 61px;
}

.dropdownlink img {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 70%;
}
div .dropdownlink.pink img {
	width: 25%;

}
div .dropdownlink.pink .pinktoiawase {
	width: 38%;
}


.dropdownlink {
	background-image: url(../img/arrow_y_01.png);
	background-repeat: no-repeat;
	background-size: 15px auto;
	background-position: right 10px center;
	padding-top: 12px;
	padding-bottom: 12px;
}
.dropdownlink.pink {
	background-image: url(../img/arrow_w_01.png);
	background-repeat: no-repeat;
	background-size: 15px auto;
	background-position: right 10px center;
}

.accordion-menu div:last-child .dropdownlink {
	border-bottom: 0;
	padding-bottom: 10px;
	padding-top: 10px;
}
.accordion-menu.pink div .submenuItems.pink {
	border: 1px solid #FF83A3;
	margin-bottom: 53px;
	padding-top: 20px;
}
.submenuItems {
	background: #fff;
	padding-top: 22px;
	padding-bottom: 10px;
}
.oubo .p-step {
	font-size: 5vw;
	margin-bottom: 0px;
}
.oubo .p-folo {
	margin-bottom: 14px;
	font-size: 3.5vw;
	line-height: 21px;
}
.oubo .button {
	background-color: #FFE600;
	margin: 0px auto 12px;
	line-height: 0px;
	border-radius: 5px;
	width: 80%;
}
.oubo .button a {
	padding-top: 12px;
	padding-bottom: 12px;
}

.oubo .stepalow {
	max-width: 33px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 4px;
}
.oubo .step-p-aki {
	margin-bottom: 22px;
	font-size: 3vw;
	line-height: 21px;
}
.oubo .step-p-last {
	margin-bottom: 20px;
	font-size: 3vw;
	line-height: 21px;
}
.oubo .button.b2 img {
	width: 59%;

}
.oubo .button.b2 {
	margin-bottom: 0px;
}
.oubo .button.b2 a {
	padding-top: 12px;
	padding-bottom: 10px;
}

.oubo .p-step-last2 {
	font-size: 2vw;
	margin-bottom: 12px;
	padding-bottom: 0px;
}
.submenuItems div {

	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

}
