@charset "utf-8";

header, footer, hgroup, menu, nav, main, article, section, aside, details, figure, figcaption { display: block; }
body { line-height: 1; }

.mainvisual_title{
	width:17%;
	max-width: 17%;
	position: absolute;
    top:20%;
    left:8%;
}

.mainvisual_title_ja{
	color:white;
	font-size:105%;
	font-weight:bold;
	position: absolute;
    top:54%;
    left:12%;
    letter-spacing:0.1;
}


/* Main contents*/

.studio_container {
	padding:20px 0;
	margin:0 auto;
	text-align:center;
}

.studio_content {
  	width:100%;
  	margin:0 auto;
  	padding:5px 50px 30px;
}

.studio_text {
	text-align:left;
	width:500px;
  	margin:0 auto;
  	padding:20px 0;
  	line-height:2em;
}

.btn { 
	background:#E81E79;
	font-size:0.8em;
	color:white;
	padding:3px 5px;
	margin-right:0.6em;
}

h2 {
	font-size:1.4em;
	margin:20px 0 40px;
	text-align:center;
	color:#E81E79;
	line-height:1.9em;
}

.studio_list {
	font-size:1.1rem;
}

.obi {
	padding: 18px 0 7px;
	font-size: 1.2em;
	height:70px;
}

.title { 
	font-size:0.6em;
	letter-spacing:0.7;
	line-height:2.3em;
}

.flex {
	display:flex;
}

.left,.right {
	width:50%;
}


/*main*/



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


}

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

.mainvisual_title{
	width:44%;
	max-width: 44%;
	position: absolute;
    top:17%;
    left:28%;
}

.mainvisual_title_ja{
	color:white;
	font-size:100%;
	font-weight:bold;
	position: absolute;
    top:38%;
    left:36%;
    letter-spacing:0.1;
}

.studio_container {
	padding:0;
}

h2 {
	font-size:1em;
	margin:10px 15px 20px;
	text-align:center;
	color:#E81E79;
	line-height:2.3em;
}

.studio_list {
	font-size:0.7rem;
	line-height:1.7em;
	text-align:center;
}

.studio_content {
	padding: 0 0 30px;
}

.studio_text {
	text-align:left;
	font-size:0.9rem;
	width:100%;
  	margin:0 auto;
  	padding:15px 20px;
  	line-height:1.9em;
}

.obi {margin-bottom:0;}

.flex {
	display:block;
}

.left,.right {
	width:100%;
}

.studioimg { 
	width:100%;
	object-fit:cover; 
}

}


}