@charset "UTF-8";

/* ======================================================
 * style.css
 * ------------------------------------------------------
 * @media print, screen and (min-width: 768px)
 *
 * Print
====================================================== */

@media screen and (min-width: 768px) {
    .pc_only { display: block; }
	.sp_only { display: none; }
	.sp_max549_only { display: none; }
	.sp_min549_only { display: block; }
	.clearfix::after {
		content: "";
		display: block;
		clear: both;
	}
	.mt60 { margin-top: 60px; }
	section { width: 100%; }
	.headTit { font-size: 3rem; }
	.sub-title {
		margin-bottom: 15px;
		padding-left: 30px;
		background: url("/education/case/setagaya01/img/icon_sub-tit.gif") no-repeat 0 0;
		background-size: 30px 30px;
		overflow: hidden;
		font-size: 2rem;
		font-weight: bold;
	}
	.conTit { 
		font-size: 2.4rem;
		 color: #46a9de;
		font-weight: bold;
	}
	.underBar {
		background: linear-gradient(transparent 60%, #e4f0f7 0%);
	}
	
	.section {
	
   }
	
	.inner {
		max-width: 1000px;
		margin: 0 auto;
		padding: 20px; 
	}
	.layout_center {
		display: block;
		margin: 0 auto;
	}
	.caption {
		font-weight: bold;
		font-size: 1.4rem!important;
	}
	.inner p {
		font-size: 1.7rem;
		line-height: 2em;
	}
	.capPack {
		float: left;
		width: 30%;
		padding-right: 2em;
		padding-bottom: 1em;
	}
	.capPack .caption {
		display: block;
	}
	.textIn_Img {
		max-width: 100%;
	}
	
	
	.lineQuery, .lineQuery2 {
		position:relative;
		text-indent: 3em;
	}
	
	.lineQuery::before{
		content:"";
		display:inline-block;
		width:40px;
		height:1px;
		background-color:#333;
		position:absolute;
		top:0.9em;
		left:0;
	}
	.lineQuery2::before {
		content:"";
		display:inline-block;
		width:40px;
		height:1px;
		background-color:#333;
		position:absolute;
		top:1em;
		left:0;
	}
	.boldFonts { font-weight: bold; }
	.capPack2 {
		float: right;
		width: 30%;
		padding-left: 2em;
		padding-bottom: 1em;
	}
	.flexSet2, .flexSet3 {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		justify-content: center;
	}
	.flexSet3 {
		width: 90%;
		margin: 0 auto;
	}
	.flexSet2 span, .flexSet3 span { display: block; }
	.flexSet2 p, .flexSet3 p { padding-right: 20px; }
	.flexSet2 p:last-child, .flexSet3 p:last-child { padding-right: 0px; }
	.center { text-align: center; }
	.center img { display: block; margin: 0 auto; }
	
	.infoBox {
		border: 1px solid #999;
		border-radius: 6px;
		margin: 20px auto;
		padding: 30px;
		box-sizing: border-box;
	}
	.leftIMG, .info_Txt {
		float: left;
		width: 50%;
	}
	.leftIMG {
		background: url("../../takehaya/img/img05.jpg") top center / cover;
	}
	.mbajust { margin-bottom: 50px; }
	.info_Txt {
		padding: 0px 0px 0px 20px;
	}
	
	.Ban_link { 
		position:relative; 
		padding: 10px 40px; 
		background-color: #5eb7e7;
		border-radius: 6px;
		color: #fff;
		font-weight: bold;
		width: 100%;
		text-align: center;
	}
	.Ban_link a {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	.Ban_link i {
		position: absolute;
		bottom: 32%;
		right: 20px;
	}
	.Ban_link a[target="_blank"] { background: none; }
	.infoTitle {
		font-size: 3rem!important;
		/*margin-top: 0px;*/
		line-height: 1.3em!important;
	}
	.adressTit {
		border: 1px solid #333;
		padding: 4px 8px;
		font-size: 1rem!important;
		display: inline-block;
	}
	.adress {
		line-height: 1.3em!important;
	}
	.Ban_link:hover { opacity: 0.7; }
	
	/*--追加--*/
	
	.flexBaseTop {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	
	/*justify-content: center;*/
	justify-content: space-between;
	position: relative;
	width: 100%;
}
	.img-three {
		width: 32%;
	}
	.noteCap {
		display: block;
		font-size: 1.3rem; 
		line-height: 1.8em;
	}
	.layout_center { position: relative; width: 100%; text-align: center!important; }
	.center_90, .center_80, .center_80_100, .center_70, .center_60, .center_50_sp70, .center_200org, .center_100-businessGraph, .center_pc100_sp60 {
		display: block;
		margin: 0 auto;
	}
	.center_90 { width: 90%!important; }
	.center_80, .center_80_100 { width: 80%!important; }
	.center_70 { width: 70%!important; }
	.center_60 { width: 60%!important; }
	.center_50_sp70 { width: 50%!important; }
	.center_200org { width: 50%!important; max-width: 200px; } 
	.center_100-businessGraph { width: 100%!important; max-width: 750px; }
	.center_pc100_sp60 { width: 100%!important; }
	
}


@media screen and (max-width: 767px) {
    .pc_only { display: none; }
	.sp_only { display: block; }
	.sp_max549_only { display: none; }
	.sp_min549_only { display: block; }
	.clearfix::after { 
		content: "";
		display: block;
		clear: both;
	}
	.mt60 { margin-top: 60px; }
	section { width: 100%; }
	.headTit { font-size: 2.6rem; }
	
	.sub-title {
		margin-bottom: 15px;
		padding-left: 30px;
		background: url("/education/case/setagaya01/img/icon_sub-tit.gif") no-repeat 0 0;	background-size: 30px 30px;
		overflow: hidden;	
		font-size: 2rem;
		font-weight: bold;
	}
	.conTit { 
		font-size: 2.2rem; 
		color: #46a9de;
		font-weight: bold;
	}
	.underBar {
		background: linear-gradient(transparent 60%, #e4f0f7 0%);
	}
	
	.section {
		
	}
	.inner {
		max-width: 767px;
		margin: 0 auto;
		padding: 20px;  
	}
	.layout_center {
		display: block;
		margin: 0 auto;
	}
	.caption {
		font-weight: bold;
		font-size: 1.2rem!important;
	}
	.inner p {
		font-size: 1.4rem;
		line-height: 1.8em;
	}
	.capPack {
		float: left;
		width: 40%;
		padding-right: 2em;
		padding-bottom: 1em;
	}
	.capPack .caption {
		display: block;
	}
	.textIn_Img {
		max-width: 180px;
	}
	
	.lineQuery, .lineQuery2 {
		position:relative;
		text-indent: 3em;
	}
	
	.lineQuery::before {
		content:"";
		display:inline-block;
		width:40px;
		height:1px;
		background-color:#333;
		position:absolute;
		top:0.7em;
		left:0;
	}
	.lineQuery2::before {
		content:"";
		display:inline-block;
		width:40px;
		height:1px;
		background-color:#333;
		position:absolute;
		top:0.8em;
		left:0;
	}
	.boldFonts { font-weight: bold; }
	.capPack2 {
		float: right;
		width: 40%;
		padding-left: 2em;
		padding-bottom: 1em;
	}
	.flexSet2 {
		display:block;
		width: 100%;
		margin: 0 auto;
	}
	.flexSet2 span { display: block; }
	.flexSet2 img { display: block; width: 100%; }
	.flexSet2 p { width: 70%; margin: 0 auto 20px; }
	
	
	.infoBox {
		border: 1px solid #999;
		border-radius: 6px;
		margin: 20px auto;
		padding: 30px;
		box-sizing: border-box;
	}
	.leftIMG, .info_Txt {
		float: left;
		width: 50%;
	}
	.leftIMG {
		background: url("../../takehaya/img/img05.jpg") center center / cover;
	}
	.mbajust { margin-bottom: 20px; }
	.info_Txt {
		padding: 0px 0px 0px 20px;
	}
	
	.Ban_link { 
		position:relative; 
		padding: 10px 40px; 
		background-color: #5eb7e7;
		border-radius: 6px;
		color: #fff;
		font-weight: bold;
		width: 100%;
		text-align: center;
	}
	.Ban_link a {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	.Ban_link i {
		position: absolute;
		bottom: 32%;
		right: 20px;
	}
	.Ban_link a[target="_blank"] { background: none; }
	.infoTitle {
		font-size: 2.3rem!important;
		line-height: 1.3em!important;
	}
	.adressTit {
		border: 1px solid #333;
		padding: 4px 8px;
		font-size: 1rem!important;
		display: inline-block;
	}
	.adress {
		line-height: 1.3em!important;
	}
	.Ban_link:hover { opacity: 0.7; }
	
	.flexBaseTop {
		display: block;
		width: 100%;
	}
	.layout_center { position: relative; width: 100%; text-align: center!important; }
	.center_90, .center_80, .center_80_100, .center_70, .center_60, .center_50_sp70, .center_200org, .center_pc100_sp60 {
		display: block;
		margin: 0 auto;
	}
	.center_90 { width: 100%!important; }
	.center_80 { width: 100%!important; }
	.center_80_100 { width: 100%!important; }
	.center_70 { width: 100%!important; }
	.center_60, .center_pc100_sp60 { width: 100%!important; }
	.center_200org { width: 50%!important; max-width: 200px; } 
	.center_50_sp70 { width: 70%!important; }
}
@media print, screen and (min-width:550px) and ( max-width:767px) {
	.center_90, .center_80, .center_60, .center_pc100_sp60 {
		display: block;
		margin: 0 auto;
	}
	.center_90 { width: 90%!important; }
	.center_80 { width: 80%!important; }
	.center_60, .center_pc100_sp60 { width: 60%!important; }
}
@media screen and (max-width: 549px) {
	.sp_max549_only { display: block; }
	.sp_min549_only { display: none; }
	.flexSet2 p { width: 80%; margin: 0 auto 20px; }
	.leftIMG, .info_Txt {
		float: none;
		width: 100%;
	}
	.leftIMG, .leftIMG img {
		width: 100%;
		height: auto;
	}
	.infoTitle {
		font-size: 2.5rem!important;
		margin-top: 10px;
	}
	.info_Txt {
		padding: 0px;
	}
}