@import url(../../assets/css/font-awesome.min.css);
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,400italic,600italic|Roboto+Slab:400,700");
@charset "UTF-8";


.footer_flex{
	display: block;
	text-align: center
}
.footer_flex_cn{
	width: 100%;
}
.about-area{
	background-color: #fff;
}
.slider-area .rr_title_top p{
	font-family: "Cormorant Garamond", serif;
  font-size: 1rem;
	
}
.slider-area .rr_title_top h1{
	font-family: "Cormorant Garamond", serif;
	text-align: center;
	
}
.rr_sevtion-padding_top{
	padding: 0;
}
.rr_section-tittle h2{
	margin-top:0;
	text-align: left;
}
.rr_mb150 .about-caption p{
		line-height: 2.5;
	}
.about-caption br{
		display: none;
	}
p.copyright {
	font-size: 0.6rem;
}
.rr_section-padding{
	background-color: #E6E1D5;
}
.rr_col-xxl-9{
		width:100%;
	}

/* ------------ rrコンテンツ（中央） ------------ */

.rr_wrapper {
	max-width: 1460px;
	margin: 2rem auto 0;
}

.rr_inner {
	margin: 0 6%;
	padding: 1.9rem 0rem 0;
}

.rr_contents {
	padding: 2rem 0 0;
	position: relative;
}

.rr_contents .rr_circle {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background: #ffffff;
    border: solid 2px #C1BCAE;
    position: absolute;
    top: 450px;
    opacity: 0.8;
    display: flex;
    flex-direction: column;
    align-items: center; /* 横方向の中央揃え */
    justify-content: center; /* 縦方向の中央揃え */
    text-align: center;
    margin-left: 0px;
}


.rr_circle {
    position: absolute;
    top: -30px; /* 画像の上に配置 */
    left: 20px;
    background: white;
    padding-top: 1.1rem;
    padding-right: auto;
    padding-left: auto;
    padding-bottom: auto;
    border-radius: 50%;
    z-index: 10;
    margin-left: 111px;
}

.rr_circle p {
    margin: 0;
	font-color: #C1BCAE;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: 0.85rem;
    font-weight: bold;
}

.rr_circle_icon {
    width: 56%;  /* .rr_circle の 10% のサイズ */
    height: auto;
    margin-top: -18px;
    margin-right: 0;
    margin-bottom: 0.45rem;  /* 上下の間隔を調整 */
    align-self: center; /* アイコンを中央に配置 */
}

.rr_circle span {
    font-size: 18px;
    font-weight: bold;
}

.rr_circle p span {
	font-size: 2rem;
}

.rr_contents h2 {
    font-size: 2rem;
    line-height: 3.8rem;
    text-align: left;
    margin-bottom: 8rem;
    position: relative;
    letter-spacing: .1rem;
    padding-left: 0px;
    color: #FFFFFF;
}

.rr_contents h2 p {
    font-family: regina, sans-serif;
	font-size: 1.8rem;
	color: #ffffff;
	transform: rotate(-10deg);
	position: absolute;
	left: 5rem;
}

.rr_ibox {
    position: relative;
    margin-bottom: 5rem;
}

.rr_photo {
    position: relative;
    width: 100%;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
	margin-bottom: 7rem;
}

.rr_photo img {
    width: 100%;
    display: block;
}

.rr_overlay {
	font-color: #FFFFFF;
    position: absolute;
    top: 20px; /* 画像内の適切な位置に配置 */
    left: 20px;
    right: 20px;
    /* background: rgba(255, 255, 255, 0.8); 半透明の背景 */
    padding: 15px;
    border-radius: 10px;
    text-align: center;
}

.rr_overlay h2 {
  text-shadow: 2px 2px 10px #666666; /* 影のオフセット、ぼかし、色 */
}

.rr_caption {
    margin-top: 20px; /* 画像との間隔を確保 */
    text-align: center;
    font-size: 1em;
    line-height: 1.6;
}

.rr_caption {
    margin-top: 20px; /* 画像との間隔を確保 */
    text-align: center;
    font-size: 1em;
    line-height: 1.6;
}

.rr_photo img {
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 100%;
    height: 500px;
    object-fit: cover;
    margin-left: 0px;
}



.rr_box {
	text-align: center;
	margin-bottom: 5rem;
    position: absolute;
    top: 20px; /* 上のマージン調整 */
    left: 20px; /* 左のマージン調整 */
    right: 20px;
    /* background: rgba(255, 255, 255, 0.8); 背景を半透明に */
    padding: 15px;
    border-radius: 10px;
}

.rr_icon {
    margin-top: 3rem;
}

.rr_icon img {
    width: 12rem;
}

.rr_icon p {
    font-family: regina, sans-serif;
	font-size: 2rem;
	color: #AB9567;
}

.rr_caption {
	margin-top: 3rem;
	line-height: 2.5rem;
}

.rr_caption p {
	font-size: 1.1rem;
	line-height: 2.5rem;
	text-align: justify;
	color: #444444;
}


/* -- @media only screen and (min-width: 413px) and (max-width: 576px){

	.rr_contents h2 {
		font-size: 2rem;
		text-align: left;
		margin-bottom: 3rem;
	}

	.rr_box {
		display: flex;
	}

	.rr_photo {
		width: 60%;
	}

	.rr_photo img {
		width: 100%;
	}

	.rr_icon {
		width: 40%;
		text-align: center;
	}

	.rr_icon img {
		width: 7rem;
	}

	.rr_caption {
		margin-top: 3rem;
	    line-height: 2.5rem;
	}

	.rr_caption p {
		font-size: 1.1rem;
	    line-height: 2.5rem;
		text-align: justify;
		color: #444444;
	}

}


@media only screen and (min-width: 576px) and (max-width: 767px){
	
	.rr_wrapper {
		max-width: 576px;
		margin: 0 auto;
	}

	.rr_inner {
		margin: 0 8%;
		padding: 1.9rem 0rem 0;
	}

	.rr_contents h2 {
		font-size: 2rem;
		text-align: left;
		margin-bottom: 3rem;
	}

	.rr_box {
		display: flex;
	}

	.rr_photo {
		width: 60%;
	}

	.rr_photo img {
		width: 100%;
	}

	.rr_icon {
		width: 40%;
		text-align: center;
	}

	.rr_icon img {
		width: 8rem;
	}

	.rr_caption {
		margin-top: 3rem;
	    line-height: 2.5rem;
	}

	.rr_caption p {
		font-size: 1.1rem;
	    line-height: 2.5rem;
		text-align: justify;
	}

}

@media only screen and (min-width: 767px) and (max-width: 900px){
	
	.rr_wrapper {
		max-width: 767px;
		margin: 2rem auto 0;
	}

	.rr_contents {
		padding: 2rem 0 0;
	}

	.rr_contents h2 {
		font-size: 2.5rem;
		text-align: left;
		margin-bottom: 3rem;
	}

	.rr_box {
		display: flex;
	}

	.rr_photo {
		width: 40%;
	}

	.rr_photo img {
		width: 18rem;
	}

	.rr_icon {
		width: 40%;
		text-align: center;
		display: flex;
		margin-top: 2rem;
		margin-left: 2rem;
	}

	.rr_icon img {
		width: 8rem;
	}

	.rr_contents .rr_caption {
		width: 50%;
		margin-top: 3rem;
	    line-height: 2.5rem;
		transform: translate(93%,-140%);	
	}

	.rr_caption p {
		font-size: 0.9rem;
	    line-height: 2.5rem;
		text-align: justify;
	}

}

@media only screen and (min-width: 900px) and (max-width: 992px){
	
	.rr_wrapper {
		max-width: 900px;
		margin: 2rem auto 0;
	}

	.rr_inner {
		margin: 0 10%;
		padding: 1.9rem 0rem 0;
	}

	.rr_contents {
		padding: 2rem 0 0;
	}

	.rr_contents h2 {
		font-size: 3rem;
		text-align: left;
		margin-bottom: 3rem;
	}

	.rr_box {
		display: flex;
	}

	.rr_photo {
		width: 40%;
	}

	.rr_photo img {
		width: 20rem;
	}

	.rr_icon {
		width: 55%;
		text-align: center;
		display: flex;
		margin-top: 3rem;
		margin-left: 4rem;
	}

	.rr_icon img {
		width: 8rem;
	}

	.rr_contents .rr_caption {
		width: 50%;
		margin-top: 3rem;
	    line-height: 2.5rem;
		transform: translate(100%,-150%);	
	}

	.rr_caption p {
		font-size: 0.9rem;
	    line-height: 2.5rem;
		text-align: justify;
	}

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
	.rr_wrapper {
		max-width: 992px;
		margin: 2rem auto 0;
	}

	.rr_inner {
		margin: 0 2%;
		padding: 1.9rem 0rem 0;
	}

	.rr_contents {
		padding: 2rem 0 0;
	}

	.rr_contents h2 {
		font-size: 3rem;
		text-align: left;
		margin-bottom: 3rem;
	}

	.rr_box {
		display: flex;
	}

	.rr_photo {
		width: 40%;
	}

	.rr_photo img {
		width: 25rem;
	}

	.rr_icon {
		width: 40%;
		text-align: center;
		display: flex;
		margin-top: 5rem;
		margin-left: 3rem;
	}

	.rr_icon img {
		width: 10rem;
	}

	.rr_contents .rr_caption {
		width: 50%;
		margin-top: 3rem;
	    line-height: 2.5rem;
		transform: translate(95%,-200%);	
	}

	.rr_caption p {
		font-size: 1.1rem;
	    line-height: 2.5rem;
		text-align: justify;
	}
	
}

@media only screen and  (min-width: 1200px){
	
	.rr_wrapper {
		max-width: 1340px;
		margin: 2rem auto 0;
	}

	.rr_inner {
		margin: 0 2%;
		padding: 1.9rem 0rem 0;
	}

	.rr_contents {
		padding: 2rem 0 0;
	}

	.rr_contents h2 {
		font-size: 5rem;
		text-align: left;
		margin-bottom: 3rem;
	}

	.rr_box {
		display: flex;
	}

	.rr_photo {
		width: 40%;
	}

	.rr_photo img {
		width: 30rem;
	}

	.rr_icon {
		width: 40%;
		text-align: center;
		display: flex;
		margin-top: 5rem;
		margin-left: 3rem;
	}

	.rr_icon img {
		width: 13rem;
	}

	.rr_contents .rr_caption {
		width: 50%;
		margin-top: 3rem;
	    line-height: 2.5rem;
		transform: translate(89%,-300%);	
	}

	.rr_caption p {
		font-size: 1.1rem;
	    line-height: 2.5rem;
		text-align: justify;
	}

}

/* ------------ rrコンテンツ（右アイコン）

.rr_wrapper {
	max-width: 1460px;
	margin: 2rem auto 0;
}

.rr_inner {
	margin: 0 6%;
	padding: 1.9rem 0rem 0;
}

.rr_contents {
	padding: 2rem 0 0;
}

.rr_contents h2 {
	font-size: 2rem;
	text-align: left;
	margin-bottom: 3rem;
}

.rr_box {
	display: flex;
}

.rr_photo {
	width: 100%;
}

.rr_photo img {
	width: 14rem;
}


.rr_icon {
	width: 40%;
	text-align: center;
}

.rr_icon img {
	width: 7rem;
}

.rr_caption {
	margin-top: 3rem;
	line-height: 2.5rem;
}

.rr_caption p {
	font-size: 1.1rem;
	line-height: 2.5rem;
	text-align: justify;
	color: #444444;
}


@media only screen and (min-width: 413px) and (max-width: 576px){

	.rr_contents h2 {
		font-size: 2rem;
		text-align: left;
		margin-bottom: 3rem;
	}

	.rr_box {
		display: flex;
	}

	.rr_photo {
		width: 60%;
	}

	.rr_photo img {
		width: 100%;
	}

	.rr_icon {
		width: 40%;
		text-align: center;
	}

	.rr_icon img {
		width: 7rem;
	}

	.rr_caption {
		margin-top: 3rem;
	    line-height: 2.5rem;
	}

	.rr_caption p {
		font-size: 1.1rem;
	    line-height: 2.5rem;
		text-align: justify;
		color: #444444;
	}

}


@media only screen and (min-width: 576px) and (max-width: 767px){
	
	.rr_wrapper {
		max-width: 576px;
		margin: 0 auto;
	}

	.rr_inner {
		margin: 0 8%;
		padding: 1.9rem 0rem 0;
	}

	.rr_contents h2 {
		font-size: 2rem;
		text-align: left;
		margin-bottom: 3rem;
	}

	.rr_box {
		display: flex;
	}

	.rr_photo {
		width: 60%;
	}

	.rr_photo img {
		width: 100%;
	}

	.rr_icon {
		width: 40%;
		text-align: center;
	}

	.rr_icon img {
		width: 8rem;
	}

	.rr_caption {
		margin-top: 3rem;
	    line-height: 2.5rem;
	}

	.rr_caption p {
		font-size: 1.1rem;
	    line-height: 2.5rem;
		text-align: justify;
	}

}

@media only screen and (min-width: 767px) and (max-width: 900px){
	
	.rr_wrapper {
		max-width: 767px;
		margin: 2rem auto 0;
	}

	.rr_contents {
		padding: 2rem 0 0;
	}

	.rr_contents h2 {
		font-size: 2.5rem;
		text-align: left;
		margin-bottom: 3rem;
	}

	.rr_box {
		display: flex;
	}

	.rr_photo {
		width: 40%;
	}

	.rr_photo img {
		width: 18rem;
	}

	.rr_icon {
		width: 40%;
		text-align: center;
		display: flex;
		margin-top: 2rem;
		margin-left: 2rem;
	}

	.rr_icon img {
		width: 8rem;
	}

	.rr_contents .rr_caption {
		width: 50%;
		margin-top: 3rem;
	    line-height: 2.5rem;
		transform: translate(93%,-140%);	
	}

	.rr_caption p {
		font-size: 0.9rem;
	    line-height: 2.5rem;
		text-align: justify;
	}

}

@media only screen and (min-width: 900px) and (max-width: 992px){
	
	.rr_wrapper {
		max-width: 900px;
		margin: 2rem auto 0;
	}

	.rr_inner {
		margin: 0 10%;
		padding: 1.9rem 0rem 0;
	}

	.rr_contents {
		padding: 2rem 0 0;
	}

	.rr_contents h2 {
		font-size: 3rem;
		text-align: left;
		margin-bottom: 3rem;
	}

	.rr_box {
		display: flex;
	}

	.rr_photo {
		width: 40%;
	}

	.rr_photo img {
		width: 20rem;
	}

	.rr_icon {
		width: 55%;
		text-align: center;
		display: flex;
		margin-top: 3rem;
		margin-left: 4rem;
	}

	.rr_icon img {
		width: 8rem;
	}

	.rr_contents .rr_caption {
		width: 50%;
		margin-top: 3rem;
	    line-height: 2.5rem;
		transform: translate(100%,-150%);	
	}

	.rr_caption p {
		font-size: 0.9rem;
	    line-height: 2.5rem;
		text-align: justify;
	}

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
	.rr_wrapper {
		max-width: 992px;
		margin: 2rem auto 0;
	}

	.rr_inner {
		margin: 0 2%;
		padding: 1.9rem 0rem 0;
	}

	.rr_contents {
		padding: 2rem 0 0;
	}

	.rr_contents h2 {
		font-size: 3rem;
		text-align: left;
		margin-bottom: 3rem;
	}

	.rr_box {
		display: flex;
	}

	.rr_photo {
		width: 40%;
	}

	.rr_photo img {
		width: 25rem;
	}

	.rr_icon {
		width: 40%;
		text-align: center;
		display: flex;
		margin-top: 5rem;
		margin-left: 3rem;
	}

	.rr_icon img {
		width: 10rem;
	}

	.rr_contents .rr_caption {
		width: 50%;
		margin-top: 3rem;
	    line-height: 2.5rem;
		transform: translate(95%,-200%);	
	}

	.rr_caption p {
		font-size: 1.1rem;
	    line-height: 2.5rem;
		text-align: justify;
	}
	
}

@media only screen and  (min-width: 1200px){
	
	.rr_wrapper {
		max-width: 1340px;
		margin: 2rem auto 0;
	}

	.rr_inner {
		margin: 0 2%;
		padding: 1.9rem 0rem 0;
	}

	.rr_contents {
		padding: 2rem 0 0;
	}

	.rr_contents h2 {
		font-size: 5rem;
		text-align: left;
		margin-bottom: 3rem;
	}

	.rr_box {
		display: flex;
	}

	.rr_photo {
		width: 40%;
	}

	.rr_photo img {
		width: 30rem;
	}

	.rr_icon {
		width: 40%;
		text-align: center;
		display: flex;
		margin-top: 5rem;
		margin-left: 3rem;
	}

	.rr_icon img {
		width: 13rem;
	}

	.rr_contents .rr_caption {
		width: 50%;
		margin-top: 3rem;
	    line-height: 2.5rem;
		transform: translate(89%,-300%);	
	}

	.rr_caption p {
		font-size: 1.1rem;
	    line-height: 2.5rem;
		text-align: justify;
	}

} ------------ */



/* ------------ rrコンテンツ（左アイコン） ------------ */

.rr_wrapper02 {
	max-width: 1460px;
	margin: 0 auto;
}

.rr_inner02 {
	margin: 0 6%;
	padding: 1.9rem 0rem 0;
}

.rr_contents02 {
	padding: 2rem 0 0;
}

.rr_contents02 h2 {
	font-size: 2rem;
	text-align: left;
	margin-bottom: 3rem;
}

.rr_box02 {
	display: flex;
}

.rr_photo02 {
	width: 100%;
}

.rr_photo02 img {
	width: 14rem;
}


.rr_icon02 {
	width: 40%;
	text-align: center;
}

.rr_icon02 img {
	width: 7rem;
}

.rr_caption02 {
	margin-top: 3rem;
	line-height: 2.5rem;
}

.rr_caption02 p {
	font-size: 1.1rem;
	line-height: 2.5rem;
	text-align: justify;
	color: #444444;
}


@media only screen and (min-width: 413px) and (max-width: 576px){

	.rr_contents02 h2 {
		font-size: 2rem;
		text-align: left;
		margin-bottom: 3rem;
	}

	.rr_box02 {
		display: flex;
	}

	.rr_icon02 {
		width: 40%;
		text-align: center;
	}

	.rr_icon02 img {
		width: 7rem;
		margin-left: -3rem;
	}

	.rr_photo02 {
		width: 60%;
	}

	.rr_photo02 img {
		width: 100%;
	}

	.rr_caption02 {
		margin-top: 3rem;
	    line-height: 2.5rem;
	}

	.rr_caption02 p {
		font-size: 1.1rem;
	    line-height: 2.5rem;
		text-align: justify;
		color: #444444;
	}

}


@media only screen and (min-width: 576px) and (max-width: 767px){
	
	.rr_wrapper02 {
		max-width: 576px;
		margin: 0 auto;
	}

	.rr_inner02 {
		margin: 0 8%;
		padding: 1.9rem 0rem 0;
	}

	.rr_contents02 h2 {
		font-size: 2rem;
		text-align: left;
		margin-bottom: 3rem;
	}

	.rr_box02 {
		display: flex;
	}

	.rr_icon02 {
		width: 40%;
		text-align: center;
	}

	.rr_icon02 img {
		margin-left: -3rem;
		width: 8rem;
	}

	.rr_photo02 {
		width: 60%;
	}

	.rr_photo02 img {
		width: 100%;
	}

	.rr_caption02 {
		margin-top: 3rem;
	    line-height: 2.5rem;
	}

	.rr_caption02 p {
		font-size: 1.1rem;
	    line-height: 2.5rem;
		text-align: justify;
	}

}

@media only screen and (min-width: 767px) and (max-width: 900px){
	
	.rr_wrapper02 {
		max-width: 767px;
		margin: 0 auto;
	}

	.rr_contents02 {
		padding: 2rem 0 0;
	}

	.rr_contents02 h2 {
		font-size: 2.5rem;
		text-align: left;
		margin-bottom: 3rem;
	}

	.rr_box02 {
		display: flex;
	}

	.rr_icon02 {
		width: 40%;
		text-align: center;
		display: flex;
		margin-top: 2rem;
		margin-left: -1rem;
	}

	.rr_icon02 img {
		width: 8rem;
	}

	.rr_photo02 {
		width: 40%;
	}

	.rr_photo02 img {
		width: 18rem;
		margin-left: 8rem;
	}

	.rr_contents02 .rr_caption02/**/ {
		width: 50%;
		margin-top: 3rem;
	    line-height: 2.5rem;
		transform: translate(0%,-140%);	
	}

	.rr_caption02 p {
		font-size: 0.9rem;
	    line-height: 2.5rem;
		text-align: justify;
	}

}

@media only screen and (min-width: 900px) and (max-width: 992px){
	
	.rr_wrapper02 {
		max-width: 900px;
		margin: 0 auto;
	}

	.rr_inner02 {
		margin: 0 10%;
		padding: 1.9rem 0rem 0;
	}

	.rr_contents02 {
		padding: 2rem 0 0;
	}

	.rr_contents02 h2 {
		font-size: 3rem;
		text-align: left;
		margin-bottom: 3rem;
	}

	.rr_box02 {
		display: flex;
	}

	.rr_icon02 {
		width: 55%;
		text-align: center;
		display: flex;
		margin-top: 3rem;
		margin-left: -2rem;
	}

	.rr_icon02 img {
		width: 8rem;
	}

	.rr_photo02 {
		width: 40%;
		margin-left: 3rem;
	}

	.rr_photo02 img {
		width: 20rem;
	}

	.rr_contents02 .rr_caption02 {
		width: 50%;
		margin-top: 3rem;
	    line-height: 2.5rem;
		transform: translate(0%,-150%);	
	}

	.rr_caption02 p {
		font-size: 0.9rem;
	    line-height: 2.5rem;
		text-align: justify;
	}

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	
	.rr_wrapper02 {
		max-width: 992px;
		margin: 0 auto;
	}

	.rr_inner02 {
		margin: 0 2%;
		padding: 1.9rem 0rem 0;
	}

	.rr_contents02 {
		padding: 2rem 0 0;
	}

	.rr_contents02 h2 {
		font-size: 3rem;
		text-align: left;
		margin-bottom: 3rem;
	}

	.rr_box02 {
		display: flex;
	}

	.rr_photo02 {
		width: 40%;
		margin-left: 10rem;
	}

	.rr_photo02 img {
		width: 25rem;
	}

	.rr_icon02 {
		width: 40%;
		text-align: center;
		display: flex;
		margin-top: 5rem;
		margin-left: -2rem;
	}

	.rr_icon02 img {
		width: 10rem;
	}

	.rr_contents02 .rr_caption02 {
		width: 50%;
		margin-top: 3rem;
	    line-height: 2.5rem;
		transform: translate(0%,-200%);	
	}

	.rr_caption02 p {
		font-size: 1.1rem;
	    line-height: 2.5rem;
		text-align: justify;
	}
	
}

@media only screen and  (min-width: 1200px){
	
	.rr_wrapper02 {
		max-width: 1340px;
		margin: 0 auto;
	}

	.rr_inner02 {
		margin: 0 2%;
		padding: 1.9rem 0rem 0;
	}

	.rr_contents02 {
		padding: 2rem 0 0;
	}

	.rr_contents02 h2 {
		font-size: 5rem;
		text-align: left;
		margin-bottom: 3rem;
	}

	.rr_icon02 {
		width: 40%;
		text-align: center;
		display: flex;
		margin-top: 5rem;
		margin-left: -2rem;
	}

	.rr_icon02 img {
		width: 13rem;
	}

	.rr_box02 {
		display: flex;
	}

	.rr_photo02 {
		width: 40%;
		margin-left: 15rem;
	}

	.rr_photo02 img {
		width: 30rem;
	}

	.rr_contents02 .rr_caption02 {
		width: 50%;
		margin-top: 3rem;
	    line-height: 2.5rem;
		transform: translate(0%,-300%);	
	}

	.rr_caption02 p {
		font-size: 1.1rem;
	    line-height: 2.5rem;
		text-align: justify;
	}

}



/* ------------ ブランドリスト ------------ */


.rr_brand_content .section-tittle img {
  margin-bottom: 30px; }
.rr_brand_content .rr_brand_list::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #010a44;
    opacity: 0;
    visibility: hidden;
    /* [disabled]z-index: 1; */
    -webkit-transition: all 0.4s ease-out 0s;
    -moz-transition: all 0.4s ease-out 0s;
    -ms-transition: all 0.4s ease-out 0s;
    -o-transition: all 0.4s ease-out 0s;
    transition: all 0.4s ease-out 0s;
}
.rr_brand_content .rr_brand_list i {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  top: 45%;
  color: #fff;
  font-size: 30px;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -ms-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s; }

.rr_brand_content .rr_brand_list:hover i {
  top: 48%;
  opacity: 1;
  visibility: visible; }
.rr_brand_content .rr_brand_list:hover::before {
  visibility: visible;
  opacity: .3; }










/* ------------ フッター ------------ */

footer {
	border-top: 1px solid #DFD9C5;
	text-align: center;
	margin:0 5%;
}

footer h2 {
    font-family: a-otf-ryumin-pr6n, serif;
	margin: 2.5rem 0;
	/* -- margin-top: 0;境界線ない時 -- */
	color:  #DFD9C5;
	font-size: 2rem;
}

a.contact {
	display: inline-block;
	width: 3rem;
	height: 3rem;
	border: .99px solid #DFD9C5;
	border-radius: 50%;
	margin: 2rem 0.5rem;
}
a:hover {
	opacity: 0.7;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
	color: #444444;
}

i.fa {
	font-size: 1.3rem;
	line-height: 3rem;
}

p.tel {
	font-size: 1.4rem;
	margin-bottom: 0.6rem;
	color: #444444;
	font-family: a-otf-ryumin-pr6n, serif;
}

p.mail {
	font-size: 1.0rem;
	color: #444444;
	margin-bottom: 0.6rem;
}
a, button {
    color: #444444;
    outline: medium none;
	font-family: a-otf-ryumin-pr6n, serif;
	line-height: 2;
}
footer .english{
	color: #444444;
}
p.copyright {
	font-size: 0.6rem;
}
footer .logo {
    width: 10rem;
    margin: 2rem 0 3rem;
}
.icon::before {
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900;
  content: "\f007";
}


@media only screen and (min-width: 767px) {
   .rr_icon-wrapper {
        top: 0;
        width: 200px;
        height: 30px;
        position: relative; /* img要素の基準にする */
        margin: 2rem auto;
	}
	.rr_icon-wrapper img {
        width: 80%;
        height: auto;
        padding-top: 0px;
        position: absolute; /* 絶対配置 */
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); /* 中央に移動 */
	}
}


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

	.rr_icon-wrapper {
        position: absolute;
        top: 0; /* セクションの最上部に配置 */
        left: 50%;
        transform: translateX(-50%); /* 水平方向に中央配置 */
        width: 140px; /* アイコンの幅 */
        height: 86px; /* アイコンの高さ */
        display: flex;
        align-items: center;
        justify-content: center;
	}
	.rr_icon-wrapper img {
        width: 100%; /* アイコンを親要素いっぱいにする */
        height: auto;
        padding-top: 0px;
	}
	
    .hero-bg1{
        height : 60vh;
        margin-top: 86px;
	}
    .rr_title_top{
	    bottom : 20rem;
	    font-family: "Cormorant Garamond", serif;
	}
    .slider-area .rr_title_top h1{
	    font-size: 3rem;
		line-height: 4rem;
	}
	.rr_slider-height1{
		height: 100%;
	}
	.rr_section-padding {
	padding: 0;
}
	.rr_container{
	margin-top: 35px;
	margin-bottom: 35px;
}
	.rr_mb150{
	margin: 0;
}
	.align-items-center .rr_about-img img{
		margin-bottom: 0;
	}
	.rr_mb150 .about-caption p{
		margin: 50px 0;
        line-height: 2.5rem;
		text-align: left;
	}
	.about-caption br{
		display: none;
}
	.rr_section-tittle h2{
	text-align: left;
}
	footer h2 {
	font-size: 1.5rem;
}
	
}

@media only screen and (min-width: 767px){
	
	.about-caption br{
		display: none;
	}
	
	}

@media only screen and  (min-width: 1200px){
	
	footer h2 {
	font-size: 2rem;
}
	.rr_container{
		text-align: center;
		margin: 0 auto;
	}

	.rr_row_top{
		display: block;
		margin: 0 auto;
	}
	.rr_col-xxl-9{
		width:100%;
	}
	
	
}