@charset "utf-8";

.revorasabout_wrap .inner,

.revorability_wrap .inner,

.point_wrap .inner,

.info_wrap .inner {

	width: 900px;

}

.bg_wrap {

	background: rgb(0,76,125);

	background: linear-gradient(35deg, rgba(0,76,125,1) 0%, rgba(0,9,52,1) 46%, rgba(0,9,52,1) 80%, rgba(0,165,222,1) 100%);

}



.c-text {

	font-size: 1.7142857142857rem;

	font-weight: 500;

	line-height: 1.75;

}

.c-2column {

	display: flex;

    justify-content: space-between;

}

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

	.revorasabout_wrap .inner,

	.revorability_wrap .inner,

	.point_wrap .inner,

	.info_wrap .inner {

		width: 1560px;

	}

	.bg_wrap {

		background: rgb(0,76,125);

		background: linear-gradient(50deg, rgba(0,76,125,1) 0%, rgba(0,9,52,1) 45%, rgba(0,9,52,1) 70%, rgba(0,165,222,1) 100%);

	}

}

@media only screen and (max-width:750px){

	.revorasabout_wrap .inner,

	.revorability_wrap .inner,

	.point_wrap .inner,

	.info_wrap .inner {

		width: 89.33333333333333vw;

	}

	.bg_wrap {

		background: rgb(0,165,222);

		/*background: linear-gradient(35deg, rgba(0,165,222,1) 0%, rgba(0,9,52,1) 50%, rgba(0,9,52,1) 69%, rgba(0,93,144,1) 100%);*/

		background: linear-gradient(30deg, rgba(0,93,144,1) 0%, rgba(0,9,59,1) 54%, rgba(0,9,52,1) 69%, rgba(0,9,59,1) 83%, rgba(0,93,144,1) 100%);

	}

	.c-text {

		font-size: 1rem;

		line-height: 1.92;

	}



	.c-2column {

		display: block;

	}

}

/* bread_wrap 

-------------------------------------------------------------*/

section.bread_wrap {

	padding-top: 23.6px;

	margin-top: 0;

}

section.bread_wrap ul li,

section.bread_wrap ul li a {

	color: #fff;

}

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

}

@media only screen and (max-width:750px){

}

/* revorasabout_wrap

-------------------------------------------------------------*/

section.revorasabout_wrap {

	margin-top: 104.4px;

}

section.revorasabout_wrap .c-title {

	position: relative;

}

section.revorasabout_wrap .c-title .title img {

	width: 627.95px;

	height: 147.01px;

}

section.revorasabout_wrap .c-title .title h3 {

	font-family: myriad-pro, sans-serif;

	font-size: 5.7142857142857rem;

	font-weight: 300;

	line-height: .71;



	margin-top: 102px;

}

section.revorasabout_wrap .c-title .title .lead {

	font-size: 2.2142857142857rem;

	font-weight: 700;

	line-height: .71;



	margin-top: 40px;

}



section.revorasabout_wrap .c-title .title .lead::after {

	content: "";

	width: 96.26px;

	border-bottom: 1px solid #fff;

	display: block;



	margin-top: 35.6px;

}



section.revorasabout_wrap .c-title .img {

	position: absolute;

	top: -97px;

	right: -538px;

	width: 714px;

}



section.revorasabout_wrap .c-title .img img {

	width: 100%;

}



section.revorasabout_wrap .c-info {

	margin-top: 25px;

}



section.revorasabout_wrap .c-info p + h4 {

	margin-top: 37.8px;

}



section.revorasabout_wrap .c-info h4 {

	font-size: 1.7857142857143rem;

	font-weight: 700;

	line-height: 2.24;

}

section.revorasabout_wrap .c-info h4 span {

	font-family: myriad-pro, sans-serif;

	font-size: 3.2142857142857rem;

	font-weight: 600;

	line-height: .37;



	margin-right: 15px;

	display: inline-block;

}



section.revorasabout_wrap .c-info h4 + p {

	margin-top: 39.1px;

}



section.revorasabout_wrap .c-info ul.step3 {

	display: flex;

	margin-top: 25px;

}



section.revorasabout_wrap .c-info ul.step3 li {

    font-size: 1.7142857142857rem;

    font-weight: 500;

    line-height: 1.75;



	background: url(../../img/revoras/about/3point_bg.png) no-repeat;

	background-size: contain;

	width: 300.23px;

	height: 43.43px;



	padding: 6px 0;

	text-align: center;

}

section.revorasabout_wrap .c-info ul.step3 li a{
	color: #fff;
	text-decoration: none;
}

section.revorasabout_wrap .c-2column {

	margin-top: 150px;

}

section.revorasabout_wrap .c-2column .colLeft {

	width: 524.11px;

	margin-left: -169px;

}



section.revorasabout_wrap .c-2column .colLeft img {

	width: 100%;

}



section.revorasabout_wrap .c-2column .colRight {

	margin-top: 99px;

	margin-left: 43px;

	flex: 1;



}



section.revorasabout_wrap .c-2column .colRight h4 {

	font-family: myriad-pro, sans-serif;

	font-size: 3.3571428571429rem;

	font-weight: 600;

	line-height: .82;

}



section.revorasabout_wrap .c-2column .colRight .lead {

	font-size: 1.5714285714286rem;

	font-weight: 700;

	line-height: 2.27;



	margin-top: 38.8px;

}



section.revorasabout_wrap .c-2column .colRight .lead::after {

	content: "";

	width: 96.26px;

	border-bottom: 1px solid #fff;

	display: block;



	margin-top: 35.6px;

}





section.revorasabout_wrap .c-2column .colRight p + p {

	margin-top: 25px;

}



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



	section.revorasabout_wrap .c-title .img {

		/*top: -97px;*/

		right: -18px;

	}

	section.revorasabout_wrap .c-info {

		display: flex;

	}

	section.revorasabout_wrap .c-info .text {

		width: 1044.38px;

	}

	section.revorasabout_wrap .c-info ul.step3 {

		flex: 1;

		display: block;

		margin-top: 80px;

		margin-left: 110px;

	}

	section.revorasabout_wrap .c-info ul.step3 li:not(:first-child) {

		margin-top: 40px;

	}



	section.revorasabout_wrap .c-info ul.step3 li:first-child {

		margin-left: 87px;

	}



	section.revorasabout_wrap .c-info ul.step3 li:nth-of-type(2) {

		margin-left: 44px;

	}

	section.revorasabout_wrap .c-2column .colLeft {

		width: 741.75px;

		margin-left: -138px;

	}

	section.revorasabout_wrap .c-2column .colRight {

		margin-top: 170px;

		margin-left: 98.2px;

	}

}

@media only screen and (max-width:750px){

	section.revorasabout_wrap {

		margin-top: 0;

		padding-top: 13.333vw;

	}

	section.revorasabout_wrap .c-title .title img {

	    width: 73.065vw;

	    height: 17.105vw;

	}

	section.revorasabout_wrap .c-title .title .img {

		position: static;

		width: 90vw !important;

		height: auto !important;



		margin-top: 15.427vw;

	}

	section.revorasabout_wrap .c-title .title .img img {

		width: 100%;

		height: 100%;

	}

	section.revorasabout_wrap .c-title .title h3 {

		font-size: 4.6428571428571rem;

	    line-height: .84;



		margin-top: 15.88vw;

	}

	section.revorasabout_wrap .c-title .title .lead {

		font-size: 2rem;

		line-height: 1.42;



		margin-top: 5.747vw;

	}

	section.revorasabout_wrap .c-title .title .lead::after {

		width: 12.835vw;



		margin-top: 6.933vw;

	}

	section.revorasabout_wrap .c-info {

		margin-top: 7.747vw;

	}

	section.revorasabout_wrap .c-info p + h4 {

		margin-top: 8.04vw;

	}



	section.revorasabout_wrap .c-info h4 {

		font-size: 1.5rem;

		line-height: 1.33;

	}

	section.revorasabout_wrap .c-info h4 span {

		font-size: 2.8571428571429rem;

		line-height: 1;



		margin-right: 0;

		margin-bottom: 1.333vw;

	}

	section.revorasabout_wrap .c-info h4 + p {

		margin-top: 6.667vw;

	}



	section.revorasabout_wrap .c-info ul.step3 {

		display: block;

		margin: 12.36vw auto 0;



		width: 56vw;

	}

	section.revorasabout_wrap .c-info ul.step3 li {

		background-size: cover;

	    font-size: 1.1428571428571rem;

	    font-weight: 700;

	    line-height: .75;



		width: 56vw;

		/*height: 9.62vw;*/

		height: 4.286vw;

		margin: 0 auto;

		padding: 2.667vw 0;

		text-align: center;

	}

	section.revorasabout_wrap .c-info ul.step3 li:not(:first-child) {

		margin-top: 4vw;

	}

	section.revorasabout_wrap .c-2column {

		margin-top: 20vw;

	}

	section.revorasabout_wrap .c-2column .colLeft {

		width: 100%;

		margin-left: 0;

	}

	section.revorasabout_wrap .c-2column .colRight {

		margin-top: 11.027vw;

		margin-left: 0;

	}

	section.revorasabout_wrap .c-2column .colRight h4 {

	    font-size: 2.8571428571429rem;

	    font-weight: 700;

	    line-height: 1;

	}

	section.revorasabout_wrap .c-2column .colRight .lead {

	    font-size: 1rem;

	    font-weight: 500;

	    line-height: 1.92;



	    margin-top: 4vw;

	}

	section.revorasabout_wrap .c-2column .colRight .lead::after {

		width: 12.835vw;

		

		margin-top: 6.933vw;

	}





	section.revorasabout_wrap .c-2column .colRight p + p {

		margin-top: 6.173vw;

	}

}





/* revorability_wrap 

-------------------------------------------------------------*/

section.revorability_wrap {

	margin-top: 150px;

}

section.revorability_wrap .c-title img {

	width: 500.9px;

}



section.revorability_wrap h3 {

	font-size: 2.8571428571429rem;

	font-weight: 700;

	line-height: 1.25;



	margin-top: 51.5px;

}



section.revorability_wrap h3::after {

	margin-top: 35.6px;

	content: "";

	display: block;

	border-bottom: 1px solid #fff;

	width: 96.26px;

}



section.revorability_wrap p {

	margin-top: 25px;

}



section.revorability_wrap .c-2column {

	margin-top: 65px;

}



section.revorability_wrap .c-2column .colLeft {

	width: 538px;

	margin-left: -123px;

}



section.revorability_wrap .c-2column .colLeft img {

	width: 100%;

}



section.revorability_wrap .c-2column .colRight {

    width: 470px;

}



section.revorability_wrap .c-2column .colRight h4 {

	font-size: 2.1428571428571rem;

	font-weight: 700;

	line-height: 1.33;

}



section.revorability_wrap .c-2column .colRight p {

	margin-top: 49.7px;

}



section.revorability_wrap .c-2column .colRight p.note {

	font-size: 1rem;

	line-height: 1.42;



	margin-top: 49.1px;

}

section.revorability_wrap .c-2column + .c-top_wrap {

	margin-top: 162.8px;

}

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

	section.revorability_wrap .c-title + p {

		width: 1089px;

	}

	section.revorability_wrap .c-2column {

		margin-top: 30px;

	}

	section.revorability_wrap .c-2column .colLeft {

		/*margin-left: 185px;*/

		margin-left: 95px;

	}

	section.revorability_wrap .c-2column .colRight {

		width: 763px;

	}

}

@media only screen and (max-width:750px){

	section.revorability_wrap {

		margin-top: 0;

		padding-top: 20vw;

	}

	section.revorability_wrap .c-title img {

		width: 80vw;

	}

	section.revorability_wrap h3 {

		font-size: 2rem;

		line-height: 1.42;

	}

	section.revorability_wrap h3::after {

		margin-top: 6.933vw;

		width: 12.835vw;

	}

	section.revorability_wrap p {

		margin-top: 5.173vw;

	}

	section.revorability_wrap .c-2column {

		margin-top: 2.667vw;

	}

	section.revorability_wrap .c-2column .colLeft {

		width: 100%;

		margin-left: 0;

	}

	section.revorability_wrap .c-2column .colRight {

		width: 100%;

		margin-top: 4.44vw;

	}

	section.revorability_wrap .c-2column .colRight h4 {

		font-size: 1.5rem;

		line-height: 1.42;

	}

	section.revorability_wrap .c-2column .colRight p {

		margin-top: 8.08vw;

	}

	section.revorability_wrap .c-2column .colRight p.note {

		font-size: 0.78571428571429rem;

		line-height: 1.45;



		margin-top: 8.373vw;

	}

	section.revorability_wrap .c-2column + .c-top_wrap {

		margin-top: 22.32vw;

	}

}



/* point_wrap 

-------------------------------------------------------------*/

section.point_wrap {

	margin-top: 105px;

}



section.point_wrap .c-2column .colLeft {

    width: 1171.63px;

    margin-left: -709px;

}



section.point_wrap .c-2column .colLeft img {

	width: 100%;

}



section.point_wrap .c-2column .colRight {

    width: 406px;

    margin-left: 30.9px;

}



section.point_wrap .c-2column .colRight .text-wrap h4 {

	font-size: 2.5714285714286rem;

	font-weight: 700;

	line-height: 1.38;

} 



section.point_wrap .c-2column .colRight .text-wrap p {

	font-size: 1.2857142857143rem;

	font-weight: 500;

	line-height: 2;



	margin-top: 32.3px;

}



section.point_wrap .c-2column .colRight .text-wrap + .text-wrap {

	margin-top: 85px;

}

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

	section.point_wrap .c-2column .colLeft {

	    width: 2336.1px;

	    margin-left: -1531px;

	}

	section.point_wrap .c-2column .colRight {

		width: 763px;

	}

}

@media only screen and (max-width:750px){

	section.point_wrap {

		margin-top: 14.093vw;

	}

	section.point_wrap .c-2column .colRight {

		width: 100%;

		margin-left: 0;

		margin-top: 22.667vw;

	}

	section.point_wrap .c-2column .colLeft {

		width: 156.217vw;

		margin-left: -66.933vw;

	}



	section.point_wrap .c-2column .colRight .text-wrap h4 {

		font-size: 1.3571428571429rem;

		line-height: 1.63;

	}

	section.point_wrap .c-2column .colRight .text-wrap p {

		font-size: 1rem;

		line-height: 1.64;



		margin-top: 2.867vw;

	}

	section.point_wrap .c-2column .colRight .text-wrap + .text-wrap {

		margin-top: 13vw;

	}

}

/* info_wrap

-------------------------------------------------------------*/

section.info_wrap {

	margin-top: 103.5px;

	padding-bottom: 175.3px;

}



section.info_wrap .inner {

	width: 900px;

	background-color:rgba(255,255,255,0.15);

	padding: 75px 0 70px;

}

section.info_wrap .c-2column {

	justify-content: center;

    align-items: center;

}

section.info_wrap .colLeft p {

	font-size: 1.8571428571429rem;

	font-weight: 700;

	line-height: 2.30;

}

section.info_wrap .colRight {

	margin-left: 97.6px;

}

section.info_wrap .colRight p {

	font-size: 1.2857142857143rem;

	font-weight: 500;

	line-height: 1.66;

}

section.info_wrap .link_items {

	margin-top: 53.6px;

}

section.info_wrap .link_items ul {

	display: flex;

	justify-content: center;

}



section.info_wrap .link_items ul li:not(:last-child) {

    margin-right: 50px;

}



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

	section.info_wrap {

		margin-top: 194.1px;

	}

}

@media only screen and (max-width:750px){

	section.info_wrap {

		margin-top: 17.28vw;

		padding-bottom: 20vw;

	}

	section.info_wrap .inner {

		width: 89.33333333333333vw;



		padding: 10.667vw 0;

	}

	section.info_wrap .colLeft p {

		font-size: 1.1428571428571rem;

		line-height: 1;

		text-align: center;

	}

	section.info_wrap .colRight p {

		font-size: 1rem;

		line-height: 1.5;

	}

	section.info_wrap .colRight {

		margin: 5.933vw auto 0;

		width: 70vw;

	}

	section.info_wrap .link_items {

		margin-top: 8.773vw;

	}

	section.info_wrap .link_items ul {

		display: block;

	}

	section.info_wrap .link_items ul li {

		text-align: center;

	}

	section.info_wrap .link_items li a {

		width: 56vw;

	}

	section.info_wrap .link_items ul li:not(:last-child) {

	    margin-right: 0;

	    margin-bottom: 4vw;

	}



}



/* point_slide 

-------------------------------------------------------------*/

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {

    width: auto;

    bottom: 150px;

    left: -60px;

}



.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 0 7.5px !important;

}

span.swiper-pagination-bullet {

    background: #000934;

    opacity: 1;

}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {

    background: #FFFFFF;

}

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

	.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {

	    bottom: -50.2px;

	    left: 190px;

	}

}



@media only screen and (max-width:750px){

	.swiper-pagination-bullet {

		width: 1.519vw !important;

		height: 1.519vw !important;

	}

	.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {

	    margin: 0 1.333vw !important;

	}

	.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {

		bottom: auto;

		left: 0;

		right: 0;

		margin: auto;

	    top: 81vw;

	}

}




#revoras_detail .revorability_wrap .c-text{
	font-size: 1.2857142857143rem;
}

#revoras_detail section.revorasabout_wrap .c-title .title h3{
	margin-top: 20px;
}
	
#revoras_detail section.revorasabout_wrap .c-title .title .lead{
	margin-top: 30px;
}

#revoras_detail section.revorability_wrap h3{
	font-size: 2rem;
}

#revoras_detail section.revorability_wrap .c-2column{
	margin-top: 120px;
}

#revoras_detail section.revorability_wrap .c-2column .colLeft{
	margin-left: 0;
}

#revoras_detail section.revorability_wrap .c-2column .colLeft img{
	width: 80%;
}

#revoras_detail .img{
	margin: 30px 0 0;
}

#revoras_detail .img img{
	width: 100%;
}

#revoras_detail .bg_wrap{
	padding-bottom: 175.3px;
}

@media only screen and (max-width:750px){
	#revoras_detail .revorability_wrap .c-text{
		font-size: 1rem;
	}
	
	#revoras_detail section.revorasabout_wrap .c-title .title h3{
		margin-top: 4vw;
	}
	
	#revoras_detail section.revorasabout_wrap .c-title .title .lead{
		margin-top: 2vw;
	}
	
	#revoras_detail section.revorability_wrap h3{
		font-size: 1.6rem;
	}
	
	#revoras_detail section.revorability_wrap h3::after{
		margin-top: 3vw;
	}
	
	#revoras_detail section.revorability_wrap .c-2column .colRight p{
		margin-top: 3vw;
	}
	
	#revoras_detail section.revorability_wrap .c-2column{
		margin-top: 20vw;
	}
	
	#revoras_detail section.revorability_wrap .c-2column .colLeft img{
		width: 100%;
	}

	#revoras_detail .img{
		margin: 5vw 0 0;
	}

	#revoras_detail .bg_wrap{
		padding-bottom: 20vw;
	}
}

#revoras_detail .rd_link{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	margin: 6em 0 0;
}

#revoras_detail .rd_link li{
	margin: 0 2em;
}

#revoras_detail .rd_link a{
	color: #fff;
	font-size: 1rem;
	font-weight: 500;
    line-height: 1.75;
	text-decoration: none;
}

#revoras_detail .rd_link a span{
	font-weight: 700;
	font-size: 1.2857142857143rem;
	border-bottom: 1px solid #fff;
}

@media only screen and (max-width:750px){
	#revoras_detail .rd_link{
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		margin: 2em 0 0;
	}
	
	#revoras_detail .rd_link li{
		margin: 2em 0 0;
	}
	
	#revoras_detail .rd_link a span,
	#revoras_detail .rd_link a{
		font-size: 1rem;
	}
}

@media screen and (min-width: 1700px) {
    #revoras_detail .revorasabout_wrap .inner,
	#revoras_detail .revorability_wrap .inner,
	#revoras_detail .point_wrap .inner,
	#revoras_detail .info_wrap .inner {
        width: 900px;
    }
	
	#revoras_detail section.revorasabout_wrap .c-info{
		display: block;
	}
}

/* 詳細リンク

-------------------------------------------------------------*/
section.revorasabout_wrap .c-info ul.step3 li{
	background: none;
	height: auto;
	padding: 0;
}

section.revorasabout_wrap .c-info ul.step3 li img{
	width: 100%;
}