/* ----------
https://www.providesign.co.jp/
2019. providesign

@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
---------- */

/*ringosha-----------------*/



#ringosha #main-img {
	background-image: url(../images/ringosha/main-bg-sp.jpg);
	height: 58vh;
	width: 100%;
}

.ringo-txt{padding: 1rem 0;}
.ringo-txt h2{
	width: 36%;
	padding-bottom: 0.5rem;
}
.ringo-txt p{width: 80%; margin-left: 0.1rem;}

#ringo-news{width: 100%;}

#ringo-side-menu{
margin-bottom: 2.8rem;
}

#ringo-side-menu ul{
	list-style: none;
	padding-left: 0;
}

#ringo-side-menu ul li a{
	width: 100%;
	padding: 1rem 0;
	margin-bottom: 0.5rem;
	text-align: center;
	display: block;
	line-height: 1.1;
}

#ringo-side-menu ul li a:hover{text-decoration: none;}
#ringo-side-menu ul li:first-child a{
	background-color:#737373;
	border: 1px solid #737373;
	color: #fff;
}


#ringo-side-menu ul li:nth-child(n+2) a{
	background-color: #ffffff;
	color: #482911;
	border: 1px solid #482911;
}

#ringo-side-menu ul li:last-child a{margin-bottom: 0}


#insta-area{
	background-color: #f4f1f2;
	padding: 1.5rem 1rem;
	margin-bottom: 3rem
}


@media (min-width: 768px) {
	#insta-area{
	padding: 1rem 1rem 0rem 1rem;
	margin-bottom: 0rem
	}
}

@media (min-width: 992px) {
	#insta-area{
		padding: 1.5rem 1rem;
	}
}


@media (min-width: 768px) {

#ringosha #main-img {
	background-image: url(../images/ringosha/main-bg.jpg);
	height: 69vh;
	width: 100%;
}

	.ringo-txt{
		padding-top: 18vh;
	}

	.ringo-txt h2 {
		width: 23%;
		padding-bottom: 0;
		margin-bottom: 1.5rem;
}

	.ringo-txt p {
		width: 42%;
		margin-left: 0.1rem;
	}


}


@media (min-width: 992px) {

	#ringosha #main-img {height: 100vh;}

	.ringo-txt{padding-top: 24vh}

	.ringo-txt h2 {
		width: 16.8%;
		margin-bottom: 2.5rem;
		}

		.ringo-txt p {
		width: 29%;}

}


/*ringosha-about-----------*/

.about-main-img{
	background-image: url(../images/ringosha-about/gallery-key-visual-sp.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	padding-top: 25rem;

}


@media (min-width: 768px) {
	.about-main-img{
		background-image: url(../images/ringosha-about/gallery-key-visual.jpg);
		position: relative;
	}

	.about-main-catch {
		position: absolute;
		top: 10%;
		right: 50%;
		left: 47%;
		width: 8%;
	}

	.about-main-txt {
		position: absolute;
		left: 5%;
		bottom: 2%;
		width: 31%;
	}

	#light-box-about ul li{
	}

}


@media (min-width: 992px) {

	.about-main-img{
		padding-top: 43rem;
	}

	.about-main-catch {
		top: 13%;
		right: 50%;
		left: 47%;
		width: 6%;
	}

	.about-main-txt {
		left: 4%;
		bottom: 7%;
		width: 20%;
		}

.profile {
		display: flex;
		flex-wrap: wrap;
		align-items: stretch;
		box-sizing: border-box;
		justify-content: space-between !important;
		}

.profile >*:first-child {width: 56%}
.profile >*:last-child {width: 41%}

}