@charset"UTF-8";

/*header{background:url(../images/bg_top.png);  position: relative;}*/
header{background: #F7CDD7;}
header h1{margin: 0 0 0 0;
height: 433px;}

.text{
	padding: 30px 0 30px 0 ;
background: #FFFFF;
text-align: center;
font-size: 1.3em;
	line-height: 200%;
}

section {
	margin: 20px 0 0 0;
}

.tpoborder{
background: #D53672; height: 10px;}

.logo14 img {
  position: absolute;
  right: 10px;
	top:25px;
	 width:147px;
	height:70px;
}

.topflower img {
  position: absolute;
  left: 0px;
	top:0px;
	 width:px;
	height:px;
}

@media all and (max-width: 768px) {
	header h1{margin: 0 0 0 0;
height: 100%;}
.logo14 img {
display: none;
}
	.topflower img{
	display: none;
}
	.text{

font-size: 1em;
	line-height: 190%;
}

}

.subt{
	margin: 0 auto;
	padding: 50px 0 30px 0;
	clear: both;
	display: block;
	width:100%;
}
.num ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
  list-style: none;
}
.num ul li{
width: 47%;
	height: auto;
	background: #FFFFFF;
  transition: opacity 0.7s;
  -moz-transition: opacity 0.7s;
  -webkit-transition: opacity 0.7s;
  -o-transition: opacity 0.7s;
  transition: transform 0.7s;
  -moz-transition: transform 0.7s;
  -webkit-transition: transform 0.7s;
  -o-transition: transform 0.7s;
	padding:15px;

}

.lo{
width: 65% !important;
}


.sh{
width: 30% !important;
}



.num ul li:nth-child(2n+1){
margin: 0 0 10px 20px;
}

.num ul li:nth-child(2n){
margin: 0 0 10px 30px;
padding-right: 0;
}

.title_num{
	display: block;
	margin: 0 0 20px 0;
	font-weight: bold;
	font-size: 1.5em;
		line-height: 150%;
}

.p_num{
	margin: 10px 0 0px 0px ;
	clear: both;
	font-size: 0.8em;
	line-height: 150%;
}
.p_num_l{
	display: block;
		float: left;
	margin: 10px 10px 0px 0 ;
		font-size: 0.8em;
		line-height: 150%;
}
.p_num_r{
		float: right;
	margin: 0px 0 0px 0px ;
		font-size: 0.8em;
			line-height: 150%;
}

.p_num img, .p_num_l img, .p_num_r img{
	margin: 0 0  8px 0;
}


.text_06_01{position: relative;top: -148px; left: 15px;}
.text_06_02{position: relative;top: -18px; left: 225px;}


.pickup{
	margin: 0 auto;
	padding: 50px 0 0px 0;
	clear: both;
	display: block;
	width:100%;
}

.ichiran{
	margin: 50px 0 0 0 !important;
	border: 20px solid #f7bad3;
	text-align: center;
	clear: both;
}


.junior{
	clear: both;
	margin: 30px 0 50px 0;}
.junior img{
		margin: 0px 30px 0 0;
}

.banner {
	margin: 30px 0 50px;
}

@media(max-width:768px){
	.banner {
		margin: 5px 0 25px;
		padding: 0 20px;
	}

	.banner img {
		width: 100%;
		height: auto;;
	}
}

.ichiran a:hover{
opacity: 0.7;
}

.high{
	margin: 30px 0 30px 0;
		clear: both;
}

.high img{
	/*margin: 0px 15px 30px 15px;*/
	margin: 0px 5px 10px 5px
}

/*/////// break point 768px///////*/

@media(max-width:768px){
header img{
width: 100%;
}

.text{
	padding: 0px 0 0px 0;
	margin: 30px 30px 30px 30px !important;
	display: block;
	text-align: center;
}
	
.subt{
width: 100%;
	margin: 0;
		padding: 30px 0 20px 0;
}
	.num ul{
-webkit-flex-direction:column;/*--- safari（PC）用 ---*/
    flex-direction:column;
}

.num ul li:nth-child(2n+1){
margin: 0 0 0 0;
	width: 100%;
}

.num ul li:nth-child(2n){
margin: 0 0 0 0;
		width: 100%;
}
.title_num img{
width: 50px;
}
.w100{
width: 100% !important;
	margin: -20px 0 0 0 !important;
}
.w45{
width: 45% !important;
}
.w60{
width: 60% !important;	
	
}
.w30{
width: 30% !important;	
	
}
	
.w50{
width: 50% !important;	
	
}
.w40{
width: 40% !important;
	
}
	

.text_06_01{display: none;}
.text_06_02{display: none;}

	.p_num img, .p_num_l img, .p_num_r img{
	width: 100% !important;
}
	.pickup{
	margin: 0 auto;
	padding: 70px 0 30px 0;
	clear: both;
	display: block;
		width: 100%;
}

	
	.ichiran{
	margin: 10px 0 0 0 !important;
	border: 20px solid #f7bad3;
	text-align: center;
	clear: both;
}

.junior{
	clear: both;
	margin: 0px auto 30px auto;
	text-align: center;}
	
.junior img, .high img{
	width: 40%;
		margin: 0px auto 0px auto;
	text-align: center;}


.high{
	margin:0px 0 10px 0;
		clear: both;

}

}




@media(max-width:768px){
.t_jh{
width: 100px;
	
}

.t_hcourse{
	width: 105px !important;

}
.t_jh{
width: 100px;
	margin: 0 0 5px 0;

}
}


.new{
position: relative; top:-150px; left:-70px;

}

.left120px{
	margin-left:120px !important;
	
}

@media(max-width:768px){
.left120px{
	margin-left:120px !important;
	
}	
}

/* インタビュー -------------------- */

.btn_msg {display: block; margin: 20px auto !important;width: 100%;
}

.btn_msg a{
background:#FB3C83; color: #FFFFFF;
	text-decoration: none;
	padding: 10px 18px 10px 18px;width: 500px;
	font-size: 18px;border-radius: 40px;display: block;text-align: center !important;display: block; margin: 0 auto !important;
}

@media(max-width:768px){
.btn_msg a{
width: 95%;
}
}


.btn_msg a:hover{
background:#FD8BC4;transition: 1.0s;
}


.iv{
	width: 80%;
	margin: 60px auto;
	padding: 20px 0 20px 0;
}

.t_iv{
	text-align: center;
	margin: 0 auto 50px auto;
}



.iv_box{
	margin:0 0 0 0;

}


.p_iv_l{

	margin: 0 30px 0 0;
	display: block;
	float: left;
}
.p_iv_r{

	margin: 0 0 0 30px;
	display: block;
	float: right;
}
.iv_name{
	font-size: 13px;
	text-align: center;
	margin: 3px 0 15px 0;
}
.tbox_iv{
	text-align: left;
	margin: 0 0 0 0;
}


.iv_sh{
	display: block;
	color: #ec7a9a;
	font-size: 17px;
	margin: 0 0 2px 0;
}

.iv_lead{
	display: block;
	font-weight: bold;
	font-size: 17px;
}
.iv_txt{
	margin: 5px 0 0 0;
 line-height: 180%;
}

.border_iv{
	clear:both;
	border-bottom: dotted 1px #ed819e;
	margin: 25px 0 25px 0;
}


@media all and (max-width: 767px){
.iv{
	width: 80%;
	margin: 0px auto;
padding: 20px 0 20px 0;
}
.t_iv{
		margin: 0 auto 30px auto;
	}

.t_iv img{
	width: 90%;
	height: auto;
}
.p_iv_l{
	margin: 0 15px 0 0;
	width: 33%;

}
.p_iv_l img{
	width: 100%;
	height: auto;
}

.p_iv_r{
	margin: 0 0 0 15px;
	width: 33%;

}
.p_iv_r img{
	width: 100%;
	height: auto;
}
.iv_name{
	margin: 0px 0 15px 0;
}
.iv_sh{
	font-size: 15px;
}

.iv_lead{
	margin: 5px 0 0 0;
	font-size: 14px;
	line-height: 130%;

}
.iv_txt{
	margin: 8px 0 0 0;
	font-size: 13px;
}
	
}

/* 卒業生からのメッセージ -------------------- */

.g_pickup{

}

.p_wrpper{
	display:flex;
}

.p_profile{
	width: auto;
}

.f_profile{
	width: 50%;
	background:#eeeeef;
	padding: 1em;
}


.g_msg{
	margin: 50px 20px 0;
	padding-bottom: 10px;
	background: #FCE5EB;
}

.gm_message{
	margin: 30px 0 30px;
}


.g_msg .univ_s h2{
	text-align: center;
}

.g_msg .univ_s h2 img{
	max-width:100%;
}

.gm_wrapper{
	background: #fff;
	margin:0 2.5% 40px;
	padding: 40px 20px 0 20px;
}

.gm_wrapper02{
	display:flex;
	box-sizing: border-box;
    flex-wrap:wrap;
}

.gm_wrapper h3{
	margin: 0 auto;
	padding: .4em 0 .2em;
	text-align: center;
	margin: 0 0 40px;
	color:#EA668E;
	font-size:1.6em;
	border: solid 1px #EA668E;
}

.univs_01{
	width:48%;
	box-sizing: border-box;
	margin:0 25px 80px 0;
}

.univs_01:nth-child(2n){
	margin:0 0 50px 0;
}

.gm_wrapper02 .univs_01:nth-child(n+3) {
	margin-bottom:40px;
}


.gm_wrapper p.txt{
	margin-bottom: 20px;
}


dl.definition_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: left;
}
dl.definition_list div{
    width: 48%;
    margin: 0;
    padding: 0;
}
dl.definition_list dt{
    float: left;
    width: 140px;
    /*padding: 10px 0;
    border-top: solid 1px #A5A5A5;*/

    font-weight: bold;
}
dl.definition_list dd{
    float: left;
    width: calc(100% - 140px);
    /*padding: 10px 0;
    border-top: solid 1px #A5A5A5;*/
}


/* 950px以下 */
@media only screen and (max-width: 950px) {
dl.definition_list{
    display: block;
}
dl.definition_list div{
    width: 100%;
}dl.definition_list dt{
}
dl.definition_list dd{
}
}

@media all and (max-width: 767px){
	
.univs_01:nth-child(2n){
	margin:0 0 40px 0;
}	
	
.univs_01{
	width:100%;
	box-sizing: border-box;
	margin: 0 0 40px 0;
	padding-bottom: 40px;
	border-bottom: dotted 2px #ccc;
}
	
.gm_wrapper{
	background: #fff;
	margin:0 2.5% 0;
	padding-left: 20px;
}
	
.p_wrpper{
	display: block;
}	

.f_profile{
	width: 100%;
	margin-bottom: 30px;
}
	
.g_pickup{
	padding-bottom: 30px;
	border-bottom: dotted 2px #ccc;
}	
	
.p_profile{
	margin-bottom: 20px;
}
	
.gm_wrapper h3{
	font-size:1.2em;
	margin: 0 0 20px;
}	
}

p.course{
	color:#EB668E;
	padding: .5em 0 .5em;
	font-weight: bold;
}

p span.course_b{
	border: solid 1px #EB668E;
	padding: .2em .4em;
}


p.course02{
	color:#9A7BB6;
	padding: .5em 0 .5em;
	font-weight: bold;
}

p span.course02_b{
	border: solid 1px #9A7BB6;
	padding: .2em .4em;
}

.gm_txt{
	float:left;
	width:50%;
}

.gm_img{
	float:left;
	margin:0 15px 0 0;
}

.profile{
	margin:0 0 20px 0;
}


@media only screen and (max-width: 414px) {
.p_wrpper{
	display: block;
}	
.gm_txt{
	width: 100%;
}
.gm_img{
	width: 100%;
	text-align: center;
}

.profile{
	margin:0 0 20px 0;
	text-align: center;
}

.p_profile{
	text-align: center;
}
}






/* 梅花の進学実績 -------------------- */

.s_achieve{
	margin: 50px 20px 0;
	padding: 0 20px 20px;
	border: solid 1px #C70852;
}
.s_achieve h2{
	text-align: center;
}

.s_achieve h2 img{
	max-width:100%;
}
.s_achieve h3{
	margin-bottom: 20px;
}


.s_achieve h3 img{
	max-width:100%;
}

.achieve_wrappaer{
 display:flex;
 box-sizing: border-box;
margin-bottom: 40px;
}

.achieve_wrappaer h5{
font-size: 1em;
color: #C70852;
font-weight: bold;
margin: 10px 0;
}

.achieve_k,.achieve_s{
	background: #EFEFEF;
	width:50%;
	padding: 10px;
}

.achieve_k{
	margin-right: 20px;
}

.achieve_wrappaer .d_name{
	float: left;
    width: calc(50%);
	font-weight: bold;
}

.shitei,.christ{
	background: #EFEFEF;
	width:50%;
	padding: 10px;
}

.shitei{
	margin-right: 20px;
}

.b_suisen{
 display:flex;
 height:auto;
}

.b_suisen table{
	width: 100%;
}

.f_right{
	text-align: right;
}

.s_achieve p.txt{
	margin-bottom: 10px;
}

.s_achieve h4{
margin-bottom: 10px;
color: #C70852;
}

table , td, th {

	border: 1px solid #595959;
	border-collapse: collapse;
}
td, th {
	padding: 3px;
	height: 25px;
}

td {
	width: 30%;
}

th {
	width: 20%;
	background: #FADFEB;
}
.even {
	background: #fbf8f0;
}
.odd {
	background: #fefcf9;
}


@media only screen and (max-width: 768px) {
.achieve_wrappaer .d_name{
	width:100%;
}

.achieve_wrappaer{
display: block;
width: 100%;
}

.achieve_k,.achieve_s{
	background: #EFEFEF;
	width:100%;
	padding: 10px;
	margin-bottom: 20px;
}
.shitei,.christ{
	background: #EFEFEF;
	width:100%;
	padding: 10px;
	margin-bottom: 20px;
}
	
.b_suisen{
	display: block;
}
	

.s_achieve{
	margin-top:20px;
}
	
}



#pagetop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#pagetop a {
    display: inline-block;
    position: relative;
	width: 45px;
	height: 45px;
	margin: 3px;
    background: #DD4B87;
	width: 45px;
	height: 45px;
	margin: 3px;
	-webkit-border-radius: 45px;
	-moz-border-radius: 45px;
	border-radius: 45px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	opacity: 0.8;
}
#pagetop a:hover {
	background: #D3075A;
	color: #fff;
	text-decoration: none;
}
#pagetop a span.ico:before{
   	content:''; 
    display:block; 
    position:absolute; 
    height:0; 
    width:0; 
    top:0px; 
	left:15px;
	border-top: 10px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 10px solid #fff;
	border-left: 8px solid transparent;
}
#pagetop a span.ico:after{
    content:''; 
    display:block; 
    position:absolute; 
	top:13px; 
	left:21px;
	height:21px; 
	width:4px; 
    background:#fff; 
	border-radius:5px;
}