.slider {width: 50%; margin: 100px auto;}
.slide{max-width: 985px; margin: 0 auto;}
.slick-slide {margin: 0px 10px;}
.slick-slide img {width: 100%;}
.slick-arrow {width: 12px; height: 20px; position: absolute; top: 96px; text-indent: -9999px; border: none; cursor: pointer; outline: none;}
.slick-prev {left: -45px; background: url("../img/common/btn_prev.png") no-repeat top left/100% auto;}
.slick-next {right: -45px; background: url("../img/common/btn_next.png") no-repeat top left/100% auto;}
.slick-dots{display: flex; justify-content: center; margin: 2.5rem 0 0 0;}
.slick-dots li {background: #c7c7c7; margin: 0 10px; width: 10px; height: 10px; border-radius: 100%; text-indent: -9999px; cursor: pointer;}
.slick-dots .slick-active {background: #d80c18;}

#rph{font-size: 1.6rem;}
#rph * {box-sizing: border-box;}
#rph h3 {font-size: 3rem; padding: 15px 0; text-align: center; border-top: 2px solid #c7c7c7; border-bottom: 2px solid #c7c7c7; margin: 0 auto 3rem;}
#rph h4 {font-size: 2.4rem; line-height: 1.3; color: #d80c18; font-weight: bold;}
#rph h4 .no {font-size: 3.4rem;}
#rph .tit-h4 {text-align: center; margin: 0 auto 40px;}
#rph .tit-h4 .cap {margin: 10px 0 0;}
#rph a:hover {opacity: 0.7;}
#rph .slide-cap {text-align: center; margin: 10px 0 0;}
#rph .cap {font-size: 1.2rem; margin: 1rem 0 0;}

#rph .btn {padding: 3rem 0 6rem; text-align: center; font-size: 0;}
#rph .btn a {display: inline-block; width: 210px; text-align: center; background: #333; color: #fff; padding: 10px 0; border-radius: 10px; font-size: 1.4rem; margin: 0 10px 0 0; position: relative;}
#rph .btn a:after {position: absolute; content: ''; top: calc(50% - 3px); right: 5%; border: solid #fff; border-width: 0 1px 1px 0; display: inline-block; padding: 2px; transform: rotate(45deg); -webkit-transform: rotate(45deg);}

#rph a.exlink{color: #d80c18; display: inline-block; position: relative; padding-right: 18px;}
#rph a.exlink:before{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #d80c18;}
#rph a.exlink:after{content: ''; position: absolute; top: 3px; right: 1px; width: 10px; height: 10px; background: url("../img/common/ic_exlink_red.svg") no-repeat top left/100% auto; display: block;}
#rph a.exlink:hover{color :#f00;}

#rph .mv {position: relative;}
#rph .mv .mv-img {width: 100%;}
#rph .mv .mv-txt {position: absolute; bottom: 7.7%; left: 0; right: 0; margin: 0 auto;}

@media only screen and (min-width: 1601px){
	#rph .mv {background: url("../img/rph/mv.jpg") no-repeat center center/100% auto; height: 452px;}
	#rph .mv .mv-img {display: none;}
}

#rph .lst-btn{background: #f4f4f4; padding: 3rem 0;}
#rph .lst-btn ul{max-width: 980px; margin: 0 auto; position: relative; z-index: 0; padding: 0 0 3rem;}
#rph .lst-btn ul:after{content: ''; background: #d80c18; border-radius: 5px; position: absolute; bottom: 0; left: 0; width: 100%; height: 13.3rem; z-index: -1;}
#rph .lst-btn li{padding: 0 3%;}
#rph .lst-btn li:nth-of-type(1){margin-bottom: 1.4rem;}
#rph .lst-btn li:nth-of-type(2){margin-bottom: 0.5rem;}
#rph .lst-btn form{width: calc(50% - 5px); margin: 0 auto; display: block;}
#rph .btn-card{background: url("../img/rph/btn_03.png") no-repeat top left/100% auto; max-width: 454px; width: 100%; padding-bottom: 13%; border: none; cursor: pointer;}
#rph .btn-card:hover{opacity: .8;}

#rph .box-para {padding: 20px 0 0; font-size: 1.2rem;}

#rph #box-02 {margin: 0 auto 8rem;}
#rph #box-02 .row {position: relative; border: 2px solid #d80c18; padding: 30px; border-radius: 5px; margin: 0 0 25px;}
#rph #box-02 .row .row-tit {position: relative; margin: 0 0 3rem;}
#rph #box-02 .row .row-tit .tit-txt {position: absolute; top: 0; left: 120px;}
#rph #box-02 .row .row-tit .tit-txt > span {background: #484033; color: #fff; border-radius: 20px; padding: 2px 20px; line-height: 1;}
#rph #box-02 .row .row-tit .tit-txt h4 {margin: 5px 0 0;}
#rph #box-02 .row > img {position: absolute; right: 30px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}

#rph #box-02 .row-01 > img {width: 40.3%; max-width: 375px;}
#rph #box-02 .row-02 > img {width: 31.4%; max-width: 311px;}
#rph #box-02 .row-03 > img {width: 34.4%; max-width: 320px;}

#rph #box-02 .row .row-txt {width: 60%;}
#rph #box-02 .row .row-btn {display: block; width: 290px; padding: 10px 0; text-align: center; background: #d80c18; color: #fff; padding: 14px 0; border-radius: 5px; margin: 30px auto 0; position: relative;}
#rph #box-02 .row .row-btn:after {position: absolute; content: ''; top: calc(50% - 3px); right: 5%; border: solid #fff; border-width: 0 1px 1px 0; display: inline-block; padding: 2px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
#rph #box-02 .row-03 {padding-bottom: 80px; padding-top: 50px;}

#rph #box-03 {padding: 0 0 8rem;}

#rph #box-04 {background: #f4f4f4; padding: 6rem 0; margin: 0 0 30px;}
#rph #box-04 .tit-h4 {position: relative;}
#rph #box-04 .tit-h4 .lb {position: absolute; top: -52%; right: 18%;}
#rph #box-04 .para {margin: 20px 0;}

#rph #box-05 {margin: 0 auto 8rem;}

#rph #box-05 .row-02 table {width: 100%; margin: 0 auto 20px; text-align: center; font-size: 1.6rem;}
#rph #box-05 .row-02 table,
#rph #box-05 .row-02 th,
#rph #box-05 .row-02 td {border-collapse: collapse; border: 1px solid #c0c0c0; padding: 10px 5px;}
#rph #box-05 .row-02 .tb1 {text-align: left;}
#rph #box-05 .row-02 .tb1 tr:nth-of-type(2n+1) td {background: #ececec;}
#rph #box-05 .row-02 th {background: #ececec; text-align: center;}
#rph #box-05 .row-02 td span {display: block; color: #ff0000;}
#rph #box-05 .row-02 .tit {text-align: center; background: #005396; color: #fff; margin: 0 auto 10px; padding: 3px 0;}
#rph #box-05 .row-02 .tb2 td:nth-of-type(1) {}
#rph #box-05 .row-02 .tb2 td:nth-of-type(2) {width: 40%;}
#rph #box-05 .row-02 .tb2 td:nth-of-type(3) {width: 40%;}

#rph #box-05 .row-02 .tb3 td:nth-of-type(1) {}
#rph #box-05 .row-02 .tb3 td:nth-of-type(2) {width: 35%;}
#rph #box-05 .row-02 .tb3 td:nth-of-type(3) {width: 35%;}

#rph #box-05 .para-cap {font-size: 1.2rem; margin: 0 auto 20px;}
#rph #box-05 .tit-logo {text-align: center; margin: 0 auto 20px;}
#rph #box-05 .tit-logo img {margin: 0 0 20px;}

#rph .btn-2 {margin: 80px auto 140px;}
#rph .btn-2 a {display: block; max-width: 920px; margin: 0 auto; background: #f4f4f4; border: 2px solid #c7c7c7; text-align: center; padding: 20px 0; border-radius: 10px; font-size: 2rem; position: relative;}
#rph .btn-2 a:after {position: absolute; content: ''; top: calc(50% - 3px); right: 5%; border: solid #ff0000; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}
#rph .btn-2 a > * {display: inline-block; margin: 0 10px 0 0; vertical-align: middle;}
#rph .btn-2 a:nth-of-type(1) {margin: 0 auto 20px;}

#attention{ margin-top: 40px; border-radius: 6px; padding: 20px; box-sizing: border-box; border: 2px solid #d5d5d5;}
#attention .tit{ color: #d80c18; text-align: center; font-size: 20px; font-weight: bold; line-height: 1.4em; margin: 0 0 20px;}
#attention .txt{ font-size: 14px; line-height: 1.8em;}
#attention .txt a.exlink{ color: #d80c18; text-decoration: underline; text-underline-offset: 0.3em; padding-right: 0; display: inline;}
#attention .txt a.exlink:before{ content: none;}
#attention .txt a.exlink::after{ position: static; content: ''; display: inline-block; width: 11px; height: 11px; margin: 0 0.3rem 0 0.3rem; background: url("../../assets/img/common/ic_exlink_red.svg") no-repeat right center/100% auto;}


/* --- Responsive --- */
@media only screen and (max-width: 1600px){
	  #rph .mv .mv-txt {width: 45.9375%;}
}

@media only screen and (max-width: 1200px){
	#rph #box-03 .container {width: calc(100% - 100px);}
	#rph #box-04 .container {width: calc(100% - 100px);}
}

@media only screen and (max-width: 1080px){
	#rph #box-02 .row .row-txt {width: 50%;}
	#rph #box-02 .row > img {top: 55%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
	#rph #box-02 .row-03 {padding-bottom: 30px; padding-top: 30px;}
}

@media only screen and (max-width: 1000px){
	#rph .lst-btn ul:after{height: calc(10vw + 3.5rem);}
}

@media only screen and (max-width: 666px){
	.slick-slide {margin: 0 5px;}
	.slick-arrow{top: 12vw;}
	.slick-prev{left: -5%;}
	.slick-next{right: -5%;}

	#rph h4 {font-size: 2rem;}
	#rph h4 .no {font-size: 2.2rem;}

	#rph .btn .container {display: flex; justify-content: space-between;}
	#rph .btn a {width: 47%;}

	#rph .mv .mv-txt {width: 100%; max-width: 750px; top: 50%; transform: translateY(-50%);}

	#rph .lst-btn{padding: 3rem 0 0 0;}
	#rph .lst-btn img{width: 100%;}
	#rph .lst-btn ul{width: 100%;}
	#rph .lst-btn ul:after{border-radius: 0; height: 31.5vw;}
	#rph .lst-btn li{padding: 0 5%; flex-wrap: wrap;}
    #rph .lst-btn form{width: 100%;}
    #rph .btn-card{background: url("../img/rph/btn_03_sp.png") no-repeat top left/100% auto; max-width: 670px; padding-bottom: 18.1%;}

	#rph #box-02 .row {padding: 3rem; margin: 0 auto 2.5rem; border: 2px solid #c7c7c7}
	#rph #box-02 .row > img {position: static; display: block; margin: 2rem auto 0; width: auto; max-width: 100%; transform: translateY(0);}
	#rph #box-02 .row .row-tit > img {max-width: 160px; width: 23%;}
	#rph #box-02 .row .row-tit .tit-txt {left: 25%;}
	#rph #box-02 .row .row-txt {max-width: 100%; width: 100%;}
	#rph #box-02 .row .row-btn {width: 70%; margin: 2rem auto 0; display: block;}

	#rph #box-03 .container {width: 85%;}

	#rph #box-04 .container {width: 85%;}
	#rph #box-04 .tit-h4 .lb {width: 20%; max-width: 138px; right: 2%;}
	#rph #box-04 .para {text-align: left;}
	#rph #box-04 .tit-h4 .cap {text-align: left;}

	#rph #visa .tit-logo img{width: 9.5rem;}

	#attention{ padding: 30px 20px;}
	#attention .tit{ font-size: 18px; margin: 0 0 20px;}
	#attention .txt{ font-size: 14px;}
}