@charset "utf-8";

/**************************
/* トップのタイトル
**************************/
#top-box-no-129{
	clear:both;
	margin:0;
	padding:30px 40px 0px 40px;
	position:relative;
	text-align:left;
	background-color: #e6fae1;
	color:#fff;
	}

#top-box-no-129 h1.heading-no-129 { font-weight:600; font-size:20px; line-height:20px; letter-spacing: 0.08em; padding:0 0 10px 0px; margin:0; color: #d72f8b; border-bottom:1px solid #d72f8b; }
#top-box-no-129 img.top-educare-logo-no-129 { width:64%; height:auto; }

/* トップのグラデーションボックス
*****************************************************/
#edu-top{
	clear:both;
	width: 100%; 
	margin:0;
	padding:0;
	position:relative;
	background-image: linear-gradient(0deg, #ffffff, #e6fae1 70%);
	}

#edu-top.no-129 { display: flex; flex-wrap: wrap; width: 100%; margin: 0; padding: 3% 0 5% 0; }
#edu-top.no-129 .top-books { width: 40%; padding: 0; text-align:center; }
#edu-top.no-129 .top-info { width: 60%; padding: 0;}

.top-books-photo { position:relative; max-width:90%; height:auto; vertical-align:top; margin-left:2%; }
.top-info-photo { position:relative; max-width:92%; height:auto; vertical-align:top; margin-top:3%; }

/* ボックス
*****************************************************/

.box-edu-flex-100 { display: flex; flex-wrap: wrap; width: 100%; margin: 0 0 20px 0; padding: 0; }

.box-edu-info { width: 50%; margin:0; padding: 0; }

.box-edu-page-100 { width: 100%; margin: 0 0 20px 0; padding: 0; text-align:center; }
.box-edu-page-50 { width: 50%; margin: 0 0 20px 0; padding: 0; text-align:center; align-self:center; }
.box-edu-page-25 { width: 25%; margin: 0 0 20px 0; padding: 0; text-align:center;}

.box-edu-flex-100 img.edu-2page-photo { position:relative; max-width:95%; height:auto; vertical-align:top; margin:0 auto; }
.box-edu-flex-100 img.edu-1page-photo { position:relative; max-width:90%; height:auto; vertical-align:top; margin:0 auto; }

/* 目次ボタン
*****************************************************/

.edu-contents-button a {
    background: #fff;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 0 30px 0;
    width: 75%;
    padding:15px 16px 17px 16px;
    color: #d72f8b;
    border: 2px solid #d72f8b;
    transition: all 0.4s ease-in-out;
    font-weight: 500;
	font-size:16px; 
	line-height:1.0em; 
	}
.edu-contents-button a:hover {
    background: #d72f8b;
    color: #fff;
    }
.edu-contents-button a:after {
    content: '';
    width: 8px;
    height: 8px;
    border-top: 3px solid #d72f8b;
    border-right: 3px solid #d72f8b;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 48%;
    right: 25px;
    border-radius: 1px;
    transition: all 0.4s ease-in-out;
    }
.edu-contents-button a:hover:after {
    border-color: #fff;
    }


/* タイポグラフィ
*****************************************************/

.post h3.edu-no-129 {
	position: relative;
	padding: .75em 1em .9em 1.4em;
	border-top:1px solid #d72f8b; 
	border-bottom:1px solid #d72f8b;
	margin:0 0 20px 0; font-size:16px; font-weight:400; line-height: 1.0; color:#d72f8b;
	}

.post h3.edu-no-129::after {
	position: absolute;
	top: .5em;
	left: .4em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #d72f8b;
	border-radius: 4px;
	}

hr.edu-last-no-129{ border-top: 1px solid #d72f8b; margin-top:40px; margin-bottom:40px; }


@media only screen and (max-width:959px){
	.edu-contents-button a { width: 85%; }
	
	#top-box-no-129 { padding: 30px 3% 0 3%; }
}

@media only screen and (max-width:640px){
	
	#top-box-no-129 img.top-educare-logo-no-129 { width:85%; }
	
	#edu-top.no-129 { padding: 6% 0 6% 0; }
	#edu-top.no-129 .top-books { width: 100%; padding: 0; text-align:center; }
	#edu-top.no-129 .top-info { width: 100%; padding: 0 2% 0% 2%; text-align:center; }
	
	.top-books-photo { width:60%; margin-left:0; }
	.top-info-photo { width:90%; margin-top:-5%; }

}

@media only screen and (max-width:480px){
	#top-box-no-129{ text-align:center; }
	#top-box-no-129 img.top-educare-logo-no-129 { width:70%; }
	
	#edu-top.no-129 { padding: 8% 0 9% 0; }
	.top-books-photo { width:70%; }
	
	.box-edu-info { width: 100%; padding: 0;}
	.box-edu-page-100 { width: 100%; }
	.box-edu-page-50 { width: 100%; }
	.box-edu-page-25 { width: 50%; }
	
	.edu-contents-button a { width: 100%; }
}