#detail ul {display: flex;justify-content: space-around;margin: 3rem 0;}
#detail ul li {flex: 1;}
#detail ul li + li {margin-left: 5rem;}
#detail ul li a {display: block;}
#detail ul p {margin-top: 2rem;	line-height: 1.4;position: relative;height: 3em;display: flex;justify-content: center;align-items: center;}
#detail ul p:after {position: absolute;right: .5rem;top: 0;bottom: 0;margin: auto;}
#detail ul .icon-arrow-right-green:hover:after {transform: translateX(0);}
#detail ul li a:hover .icon-arrow-right-green:after {transform: translateX(5px);}
#detail ul .icon-arrow-down-green:hover:after  {transform: rotate(0) translateX(0)}
#detail ul li a:hover .icon-arrow-down-green:after  {transform: rotate(90deg) translateX(5px)}

#success ul {margin-top: 3rem;}
#success ul li {border-bottom: 3px solid #145358;text-align: center;max-width: 78rem;margin: 0 auto;}
#success ul li + li {margin-top: 5rem;}
#success ul li img {max-width: 72rem;width: 94%;vertical-align: bottom;}

.article img {vertical-align: bottom;}
.article .border-dot-top ul {margin: 2rem 2rem 1rem;line-height: 2em;}
.article .border-dot-top ul li {text-indent: -1em;	line-height: 1.6em;}
.article .border-dot-top ul li + li {margin-top: 1rem;}
.article .price {margin-top: 3rem;display: flex;justify-content: flex-start;align-items: flex-start;padding: 2rem 3rem;}
.article .price p + p {margin-top: 0;margin-left: 2rem;}

.payment .article {flex: 1;}
.payment .article + .article {margin-left: 5rem;}
.payment .article .box {height: calc(100% - 10rem);padding: 2rem;display: flex;flex-direction: column;justify-content: center;align-items: center;tac}

@media screen and (min-width: 768px) {
}

@media screen and (max-width: 999px) {
	#detail ul li + li {margin-left: 3rem;}
	#detail ul p {font-size: 1.8rem;}

}
@media screen and (max-width: 767px) {
	#detail ul {flex-direction: column;}
	#detail ul li + li {margin-left: 0;margin-top: 2rem;}
	#detail ul li a {width: 100%;display: flex;align-items: center;}
	#detail ul li figure {width: 30%;max-width: 100px; margin-right: 2rem;}
	#detail ul p {margin-top: 0rem;flex: 1;height: auto;justify-content: flex-start;text-align: left;}
	
	.article .f20 {font-size: 1.8rem;}
	.article .price {flex-direction: column;padding: 5%;}
	.article .price p + p {margin-top: 1rem;margin-left: 0;}
	
	.payment {flex-direction: column;}
	.payment .article + .article {margin-left: 0;}
	.payment .article h3 {font-size: 1.8rem;}
	.payment .article .box {height: auto;padding: 5%;font-size: 1.5rem;}
}

@media screen and (max-width: 400px) {
}


/* ie
------------------------------ */
@media all and (-ms-high-contrast: none) {
}