@charset 'UTF-8';
/* CSS Document */

/* 受験生の方へ */

body.student
{
	
	
	background: #fdd000;
	transition: 0.25s all;
}

body.student {
	/* min-width: 1200px; */
	/* background: #f0f0f0; */
	height: 100%;
	width: 100%;
	min-width: 1200px;
	/* overflow-x: hidden; */
	box-sizing: border-box;
	/* background: linear-gradient(90deg, #fdd000 0%, #fdd000 50%, #fff 50%, #fff 100%); */
	
	/* min-width: inherit; */
	overflow: visible;
}

body.student:before {
	/* width: 50%;
	height: 100%;
	min-height: 100%;
	background: url(../img/photo_bg.png);
	background-size: 500px 500px;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0; */
	
}


body.student div.wrapper {
	position: relative;
	box-sizing: border-box;
	height: auto;
	background: url(../img/yellow_bg.png);
	background-size: 500px 500px;
	background-attachment: fixed;
	
	overflow: visible;
}


/* div.preparatory-section {
	margin-top: -40px;
	background: url(../img/yellow_bg.png);
} */





/* div.preparatory-section div.subtop-visual img {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
 */
 
body.student header 
{
	position: relative;
	z-index: 1;
}

body.student div.wrapper  
{
	position: relative;
	z-index: 0;

	/* height: calc(100vh - 430px); */
}




/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- layout setting */

.fs1 { font-size: 0.8rem !important; }
.fs2 { font-size: 1.0rem !important; }
.fs3 { font-size: 1.2rem !important; }
.fs4 { font-size: 1.3rem !important; }
.fs5 { font-size: 1.4rem !important; }
.fs6 { font-size: 1.8rem !important; }
.fs7 { font-size: 2.4rem !important; }
.fs8 { font-size: 3.6rem !important; }
.fs9 { font-size: 4.8rem !important; }

.w5 { width: 5%; }
.w10 { width: 10%; }
.w15 { width: 15%; }
.w16 { width: 16%; }
.w20 { width: 20%; }
.w22 { width: 22%; }
.w24 { width: 24%; }
.w25 { width: 25%; }
.w28 { width: 28%; }
.w30 { width: 30%; }
.w32 { width: 32%; }
.w40 { width: 40%; }
.w45 { width: 45%; }
.w49 { width: 49%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w70 { width: 70%; }
.w80 { width: 80%; }
.w90 { width: 90%; }
.w100 { width: 100%; }

.tc {
	text-align: center;
}

.tl {
	text-align: left;
}

.tr {
	text-align: right;
}

.vt {
	vertical-align: top;
}

.vm {
	vertical-align: middle!important;
}

.vb {
	vertical-align: bottom;
}

.m_o0 { margin-top: 0; }
.m_o1 { margin-top: 1%; }
.m_o2 { margin-top: 2%; }
.m_o4 { margin-top: 4%; }

.m_l0 { margin-left: 0; }
.m_l1 { margin-left: 1%; }
.m_l2 { margin-left: 2%; }
.m_l4 { margin-left: 4%; }

.m_r0 { margin-right: 0; }
.m_r1 { margin-right: 1%; }
.m_r2 { margin-right: 2%; }
.m_r4 { margin-right: 4%; }

.m_u10 { margin-bottom: 10px; }
.m_u20 { margin-bottom: 20px; }
.m_u30 { margin-bottom: 30px; }
.m_u40 { margin-bottom: 40px; }
.m_u50 { margin-bottom: 50px; }
.m_u60 { margin-bottom: 60px; }
.m_u80 { margin-bottom: 80px; }
.nomgn { margin: 0; }

.fl {
	float: left;
}

.fr {
	float: right;
}

.center {
	margin-right: auto;
	margin-left: auto;
}

/*
.mceContentBody img {
	display: block;
	max-width: 100%;
	height: auto;
}
*/

/* 中央揃え */

.outbox {
	position: relative;
}

.outbox .inbox {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* @end */

.caption {
	color: #939393;
	font-size: 1.4rem;
}



/*  column Layout */

ul.column2, 
ul.column3, 
ul.column4, 
ul.column5, 
ul.column6, 
ul.column7, 
ul.column8, 
ul.column9 {
	margin: 0;
} 

ul.column2 li::before, 
ul.column3 li::before, 
ul.column4 li::before, 
ul.column5 li::before, 
ul.column6 li::before, 
ul.column7 li::before, 
ul.column8 li::before, 
ul.column9 li::before {
    background: none;
    border-radius: 0;
    content: "";
    height: 0;
    left: 0;
    margin: 0;
    position: relative;
    top: 0;
    transition: none;
    width: 0;
}

ul.column2 li, 
ul.column3 li, 
ul.column4 li, 
ul.column5 li, 
ul.column6 li, 
ul.column7 li, 
ul.column8 li, 
ul.column9 li {
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
	margin-bottom: 2.87%;
}

/* .column2 */
ul.column2 li {  width: 48.56%;  margin-right: 2.88%;}
ul.column2 li:nth-child(2n) {  margin-right: 0;}
/* .column3 */
ul.column3 li {  width: 31.42%;  margin-right: 2.87%;}
ul.column3 li:nth-child(3n) {  margin-right: 0;}
/* .column4 */
ul.column4 li {  width: 22.84%;  margin-right: 2.88%;}
ul.column4 li:nth-child(4n) {  margin-right: 0;}
/* .column5 */
ul.column5 li {  width: 17.68%;  margin-right: 2.9%;}
ul.column5 li:nth-child(5n) {  margin-right: 0;}
/* .column6 */
ul.column6 li {  width: 14.25%;  margin-right: 2.9%;}
ul.column6 li:nth-child(6n) {  margin-right: 0;}
/* .column7 */
ul.column7 li{  width: 11.8%;  margin-right: 2.9%;}
ul.column7 li:nth-child(7n) {  margin-right: 0;}
/* .column8 */
ul.column8 li {  width: 9.98%;  margin-right: 2.88%;}
ul.column8 li:nth-child(8n) {  margin-right: 0;}
/* .column9 */
ul.column9 li {  width: 8.56%;  margin-right: 2.87%;}
ul.column9 li:nth-child(9n) {  margin-right: 0;}

/* @end column Layout */

/*
p {
	margin: 1em 0;
}
*/

.wrap {
	overflow: hidden;
} 
 
/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- section common */


section
{	
	padding: 60px 0;
	position: relative;
}

section div.title span
{
	display: block;
}


section div.title h1
{
	font-size: 3.0rem;
	font-weight: bold;
	text-align: center;	
	
	/* font-family: "Engagement"; */
}

section div.title h2
{
	font-size: 3.0rem;
	font-weight: bold;
	text-align: center;
	
	margin-bottom: 40px;
	
	/* font-family: "Engagement"; */
	
	color: #30439b;
	
	line-height: inherit;
	
}

section div.subTitle
{
    font-size: 3.0rem;
	text-align: center;
	font-weight: bold;
}

 
 section.mainVisual {
	padding: 0;
	background: url(../img/yellow_bg.png);
	background-size: 500px 500px;	
	/* border-bottom: 5px dotted #fff; */
	
	/* max-height: 0; */
	overflow: hidden;
	
/* 	transition: all 10s ease-out 2s; */
	/* -webkit-animation-name: open;
    		animation-name: open;
	-webkit-animation-duration: 5s;
            animation-duration: 5s;
    -webkit-animation-fill-mode: both;
            animation-fill-mode: both; */
			
}

	
section.mainVisual div.wrap {
	/* width: 1000px; fixed
	margin: 0 auto; */
	position: relative;
}

section.mainVisual div.wrap div.logo {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1000;
	width: 100%;
	text-align: center;
}

section.mainVisual div.wrap div.logo img {
	width: 65%;
	max-width: 100%;
	/* height: 50%; */
	/* transition: all 0.5s ease-out 0s;
	animation: animScale 3s ease-out 1 1s forwards;
	transform-origin: 50% 50%;
	animation-play-state: running; */
	opacity: 1;
}

section.mainVisual li {
	background: url(../img/yellow_main_bg_01.png);
	background-size: 500px 500px;
}

section.mainVisual li:nth-child(2n) {
	background: url(../img/yellow_main_bg_02.png);
	background-size: 500px 500px;
}

section.mainVisual li img {
	
	/* transform: scale(0.5,0.5); */
	
	
}

section.mainVisual li.flex-active-slide img {
	/* transform: scale(1,1); */
}


/* @keyframes animScale {
	0% { transform: scale(0.1, 0.1); opacity: 0; }
	25% { transform: scale(1.2, 1.2); opacity: 1; }
	30% { transform: scale(1, 1); opacity: 1; }
	35% { transform: scale(1.1, 1.1); opacity: 1; }
	40% { transform: scale(1, 1); opacity: 1; }
	100% { transform: scale(1, 1); opacity: 1; }
}

@-webkit-keyframes animScale {
    0% { transform: scale(0.1, 0.1); opacity: 0; }
	25% { transform: scale(1.2, 1.2); opacity: 1; }
	30% { transform: scale(1, 1); opacity: 1; }
	35% { transform: scale(1.1, 1.1); opacity: 1; }
	40% { transform: scale(1, 1); opacity: 1; }
	100% { transform: scale(1, 1); opacity: 1; }
} */



 
 

div.preparatory-section section div.title {
    margin-bottom: 40px;	

}
 
div.preparatory-section section div.title h2 {
    color: #30439b;
    font-size: 3.6rem;
    font-weight: bold;
    margin-bottom: 0;
    text-align: center;
}

div.preparatory-section section div.title div.description {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	color: #30439b;
	
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

section.message {
	padding: 60px 0 0;
	}

section.message ul li {
	width: 100%;
	margin-right: 0;
	float: none;	
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
	overflow: hidden;
	
	color: #30439b;
	max-height: 350px;
	overflow: hidden;
}



section.message ul li div.spot {
	float: left;
	width: 39%;
	/* margin-right: 2%; */
	
}



section.message ul li div.spot img {
	display: block;
	max-width: 100%;
	
}

section.message ul li div.message-wrap {
	float: left;
	width: 61%;
	padding: 2em 3em 1em;
	box-sizing: border-box;
	color: #333;
}

section.message ul li:last-child {
	margin-right: 0;
}

section.message ul li div.name {
	font-size: 3.0rem;
	font-weight: bold;
	padding: 0.5em 0 0.25em;
	margin-bottom: 0.45em;	
	
	border-bottom: 2px dotted #30439b;
}

section.message ul li div.name span.post {
	display: block;
	font-size: 1.4rem;
}

section.message ul li div.name span.position {
	font-size: 1.4rem;
}

section.message ul li div.message-content {
	font-size: 1.6rem;
	line-height: 2.5;
}





/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

section.curriculum {
	padding-top: 60px;
	padding-bottom: 60px;	
}

section.curriculum ul li {
	float: left;
	width: 15%;
	margin-right: 2%;
}

section.curriculum ul li:last-child {
	margin-right: 0;
}

section.curriculum ul li a {
	color: #30439b;
}

section.curriculum ul li a div.thumbnail {
	border-radius: 5px;
	overflow: hidden;
	margin-bottom: 0.5em;
	border: 5px solid #fff;
	box-sizing: border-box;	
	
	box-shadow: 0 0 5px rgba(0,0,0,0.25);
}

section.curriculum ul li a div.thumbnail img {
	width: 100%;
	display: block;
}


section.curriculum ul li a div.curriculum-title {
	font-weight: bold;
	text-align: center;
	font-size: 3.0rem;
	position: relative;
	z-index: 2;
	/* color: #fcc257; */
	color: #30439b;
	height: 50px; /* */ 
}

section.curriculum ul li a div.curriculum-title div.number {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateX(-20%) translateY(-20%);
	-webkit-transform: translateX(-20%) translateY(-20%);
	text-align: center;
}

section.curriculum ul li a div.curriculum-title div.number:after {
	width: 70px;
	height: 70px;
	border-radius: 1000px;
	box-sizing: border-box;
	position: absolute;
	z-index: -1;
	background: #fff;
	content: "";
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	box-shadow: 0 0 5px rgba(0,0,0,0.25);
}























section.curriculum ul li a div.curriculum-title:after {
    /* border-right: 4px solid #30439b;
    border-top: 4px solid #30439b;
    content: "";
    display: block;
    height: 16px;
    left: inherit;
    position: absolute;
    right: 0;
    top: 50%;
    transform: rotate(45deg);
    transition: all 0.2s ease-in-out 0s;
    width: 16px; */
}

section.curriculum ul li a div.curriculum-title:before {
    /* content: "";
    display: block;
    height: 4px;
    left: inherit;
    position: absolute;
    right: 0;
    top: 58.5%; 
    width: 24px; 
	background: #30439b; */
}



section.curriculum ul li:last-child a div.curriculum-title:before {
	border: none;
	height: auto;
	margin: 0;
	position: relative;
	width: auto;
	transform: none;
	transition: none;
	display: none;
}


section.curriculum ul li:last-child a div.curriculum-title:after {
	border: none;
	height: auto;
	margin: 0;
	position: relative;
	width: auto;
	transform: none;
	transition: none;
}



section.curriculum ul li a div.curriculum-title span.unit {
	font-size: 1.8rem;

}

section.curriculum ul li a div.message strong {
	display: inline;
	/* background: #f0f0f0; */
	padding: 0 0.5em;

}

section.curriculum ul li a div.message {
	background: #fff;
	position: relative;
	border-radius: 5px 5px 5px 5px; /* */
	z-index: 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	box-shadow: 0 0 5px rgba(0,0,0,0.25);
}

section.curriculum ul li a div.message:after {
	width: 0;
	height: 0;
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-bottom: 30px solid #fff;
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	content: "";
	z-index: -1;
}



/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

div.preparatory-section section.opencampus {
	
}

div.preparatory-section section.curriculum {
	
}

div.preparatory-section section.special-program {
	
}

div.preparatory-section section.campuslife {
	
}

div.preparatory-section section.graduate {
	
}


div.preparatory-section section.special-program {
	padding-top: 60px;
	padding-bottom: 60px;	
	background: url(../img/special-program_bg.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
}

div.preparatory-section section.special-program div.title {
	margin-bottom: 80px;
}

div.preparatory-section section.special-program div.title h2,
div.preparatory-section section.special-program div.title div.description {
	color: #fff;
}

div.preparatory-section section.special-program ul {
	text-align: center;
	font-size: 0;
}

div.preparatory-section section.special-program ul li {
	display: inline-block;
	
	height: 200px;
	font-size: 1.6rem;
	position: relative;
}

div.preparatory-section section.special-program ul.column-3 li {
	width: 32%;
	margin-right: 2%;
}

div.preparatory-section section.special-program ul.column-4 li {
	width: 23.5%;
	margin-right: 2%;
}

div.preparatory-section section.special-program ul.column-3 li:last-child,
div.preparatory-section section.special-program ul.column-4 li:last-child {
	margin-right: 0;
}

div.preparatory-section section.special-program ul li a {
	display: block;
	height: 100%;
	/* background: rgba( 255, 255, 255, 0.5); */
	
	/* background: url(../img/yellow_bg.png);
	background-size: 500px 500px;
	background-attachment: fixed; */
	
	background: #f9ed3a;
	
	border-radius: 5px;
	position: relative;
	
	
	color: #30439b;
	font-size: 3.0rem;
	/* font-style: italic; */
	font-weight: bold;
	/* transform: rotate( -10deg ) skew( -10deg );
	-webkit-transform: rotate( -10deg ) skew( -10deg ); */
}

div.preparatory-section section.special-program ul li a span {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate( -50%, -50%);
	-webkit-transform: translate( -50%, -50%);
	width: 100%;
}


div.preparatory-section section.special-program ul li a:before {
	display: block;
	height: 100%;
/* 	background: #fff; */
border: 5px solid #f9ed3a;
	border-radius: 5px;
	position: absolute;
	top: -0.5em;
	left: -0.5em;
	pointer-events: none;
	content: "";
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	
	
	color: #30439b;
	font-size: 3.0rem;
	/* font-style: italic; */
	font-weight: bold;
	transform: translateX(15px) translateY(-10px) rotate( -5deg ) skew( -5deg );
	-webkit-transform: translateX(15px) translateY(-10px) rotate( -5deg ) skew( -5deg );
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


section.find {
	/* border-bottom: 5px dotted #fff; */
}

section.find.ranking {
	border-bottom: 5px dotted #fff;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- .popularTags */


section.find div.popularTags {
	background: #3e3a39;
	margin-bottom: 40px;
	border-radius: 10px;
	padding: 2em 1em;
}

section.find div.popularTags div.headline {
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	color: #fff;
	margin-bottom: 1em;
}

section.find div.popularTags div.headline span.icon-tag {
	display: block;
}

/* */

span.icon-tag {
	font-size: 1.2rem;
	padding-right: 0.5em;
}


section.find div.popularTags div.headline span.line {
	position: relative;
	display: inline-block;
	padding: 0 55px;
	
}

section.find div.popularTags div.headline span.line:before,
section.find div.popularTags div.headline span.line:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 45px;
	height: 1px;
	background: #fff;

}

section.find div.popularTags div.headline span.line:before { left: 0; }
section.find div.popularTags div.headline span.line:after { right: 0; }


section.find div.popularTags ul li {
	float: left;
}

section.find div.popularTags ul li a {
	padding: 0.2em 1em;
	background: #f8f8f8;
	border-radius: 100px;
	margin: 0 1em 1em 0;
	font-size: 1.4rem;
	display: block;
}

section.find div.popularTags ul li a.red {	background: #bb2b60; color: #fff; }
section.find div.popularTags ul li a.blue {	background: #589d9e; color: #fff; }
section.find div.popularTags ul li a.orange { background: #df9e21; color: #fff; }
section.find div.popularTags ul li a.brown { background: #82141a; color: #fff; }
section.find div.popularTags ul li a.lightblue { background: #a1bfc1; color: #fff; }
section.find div.popularTags ul li a.lightgreen { background: #799e32; color: #fff; }
section.find div.popularTags ul li a.green { background: #3b893a; color: #fff; }

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- .article */

section.find div.article {
    margin-bottom: 2em;
    padding: 2em;
	box-sizing: border-box;	
	
	background: #fff;
	border-radius: 10px;
	position: relative;	
	
	box-shadow: 0 0 5px rgba(0,0,0,0.25);
}

section.find div.article:last-child {
}

section.find div.article div.label {
	background: #fff;
	color: #30439b;
	border-radius: 100%;
	border: 3px solid #30439b;
	
	position: absolute;
	top: -10px;
	left: -10px;
	content: "";
	width: 60px;
	height: 60px;
	
	text-align: center;
	
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1;
	
	z-index: 9999;
}

section.find div.article div.label.gold { background: #e6c973; color: #fff; border: 3px solid #e6c973; }
section.find div.article div.label.silver { background: #dcdddd; color: #fff; border: 3px solid #dcdddd; }
section.find div.article div.label.bronze { background: #bc725f; color: #fff; border: 3px solid #bc725f; }

section.find div.article div.spot {
	overflow: hidden;
	display: table;
	table-layout:fixed;
	position: relative;
	
	background: #fff;
	float: left;
}

section.find div.article div.spot a {
	display: block;
	z-index: 5000;
	left: 0;
	top: 0;
	position: relative;
}

section.find div.article div.spot:after {
    background: #000 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    opacity: 0;
    position: absolute;
    transition: all 0.4s ease 0s;
    width: 100%;
    z-index: 2000;
	left: 0;
	top: 0;
}

section.find div.article div.spot:hover:after {
    opacity: 0;
}

section.find div.article div.spot span {
	display: table-cell;
    height: 223px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
	max-height: auto;
}

section.find div.article div.spot span img {
    display: inline;
    height: auto;
    max-height: 223px;
    max-width: 100%;
	/* width: 100%; */
    vertical-align: middle;
    /* width: auto; */
	position: relative;
	z-index: 50;
    transition: all 1s ease-in-out;
	transform: scale(1.0,1.0);
	width: auto;
}

section.find div.article:hover div.spot span img {
	transform: scale(1.05,1.05);
}

section.find div.article div.wrap {
	padding: 0 1em;
	box-sizing: border-box;	
}

section.find div.article div.title {
	font-size: 3.0rem;
	line-height: 1.4;
	font-weight: bold;
	margin-bottom: 0.2em;
	
	position: relative;
}

section.find div.article div.title a {
	color: #333;
}

section.find div.article div.title a:hover {
	color: #30439b;
	text-decoration: underline;
}


section.find div.article div.title div.strong:before {	
	content: "";
	width: 5px;
	height: 1em;
	background: #ff2255;
	position: absolute;
	
	left: 0;
	
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

section.find div.article div.update {
	color: #30439b;
	margin-bottom: 0.5em;
}

section.find div.article div.description {
	font-size: 1.6rem;
	color: #333;
	margin-bottom: 0.5em;
}


section.find div.article div.from {
	margin-bottom: 0.5em;
	color: #30439b;
	font-size: 1.4rem;
}

section.find div.article div.from span {
}

section.find div.article div.tags {

}

div.tags span.hashtag {
	background: #f8f8f8;
	
	border: 1px solid #f0f0f0;
	
	border-radius: 100px;
	padding: 0.1em 0.5em;
	white-space: nowrap;
	font-size: 1.4rem;
	margin-bottom: 0.5em;
	
	display: inline-block;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- tags */

div.tags span.hashtag.red {	background: #bb2b60; color: #fff; }
div.tags span.hashtag.blue {	background: #589d9e; color: #fff; }
div.tags span.hashtag.orange { background: #df9e21; color: #fff; }
div.tags span.hashtag.brown { background: #82141a; color: #fff; }
div.tags span.hashtag.lightblue { background: #a1bfc1; color: #fff; }
div.tags span.hashtag.lightgreen { background: #799e32; color: #fff; }
div.tags span.hashtag.green { background: #3b893a; color: #fff; }



/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- .article div.second */

 
section.find div.second div.article div.title {
	font-size: 2.1rem;
}


section.find div.second div.article div.wrap {
	padding: 0;
	box-sizing: border-box;	
}

section.find div.second div.article div.spot {
	margin-bottom: 0.5em;
    
}


/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- div.tlLink */

div.tlLink {
	padding: 60px 0;
	border-bottom: 5px dotted #fff;
	overflow: hidden;
}

div.tlLink div.slick-list {
	overflow: visible;
	
}

div.tlLink div.slick-list div.slick-slide {
}

div.tlLink div.slick-list div.slick-slide img {
    transition: all 0.5s ease-out 0s;
	transform: scale(0.8,0.8);	
	border-radius: 10px;
	overflow: hidden;
	/* box-shadow: 0 0 40px rgba(0,0,0,0.25); */
	border: 10px solid #fff;
	box-sizing: border-box;	
	
	box-shadow: 0 0 5px rgba(0,0,0,0.25);
}

div.tlLink div.slick-list div.slick-slide.slick-active {
	opacity: 1;
}

div.tlLink div.slick-list div.slick-slide.slick-active img {
	transform: scale(1,1);	
}


/* */

div.tlLink div.slick-list div.slide-wrap {
	width: 49%;
	float: left;
	margin-right: 2%;
}

div.tlLink div.slick-list div.slide-wrap:nth-child(2) {
	margin-right: 0;
}

div.tlLink div.slick-list div.slick-slide div.slide-wrap img {
	border: 20px solid #fff;
}


@media only screen and (max-width: 640px) {
	div.tlLink div.slick-list div.slide-wrap {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}
	
	div.tlLink div.slick-list div.slide-wrap:nth-child(2) {
		margin-right: 0;
	}
	
	div.tlLink div.slick-list div.slick-slide div.slide-wrap img {
		border: 10px solid #fff;
	}
	
	
	
}


.carousel img {
		
}

.carousel div.slick-slide {
		height: auto;
		width: 100%;
		width: 1000px;
}

.carousel div.slick-slide img {
		height: auto;
		width: 100%;
}


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ .btn */	
/* .btn .default */

section .btns .btn {
	display: inline-block;
}

section .btn {
	background: #eee;
	display: block;
	padding: 0.5em 1em;
	border-radius: 5px;
	box-sizing: border-box;
	text-decoration: none;
	text-align: center;
	transition: all 0.1s ease-in-out;
	
	cursor: pointer;
	
	border: 1px solid;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #a2a2a2;
}


/* .btn color */
section .btn.default {
	background: -moz-linear-gradient(top,#FFF 0%,#EEE);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	background: #eee;	
    color: #111;
}
section .btn.red {
	background: -moz-linear-gradient(top,#ff5a5f 0%,#ff5a5f);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff5a5f), to(#ff5a5f));
    background: #fff;
	border: 2px solid #ff2255;
	color: #ff2255;
}
section .btn.red:hover {
    background: #ff2255;
	color: #fff;
}

section .btn.purple {
	background: -moz-linear-gradient(top,#6f5499 0%,#6f5499);
    background: -webkit-gradient(linear, left top, left bottom, from(#6f5499), to(#6f5499));
    background: #cf8ae5;
	color: #fff;
}
section .btn.blue {
	background: -moz-linear-gradient(top,#337ab7 0%,#337ab7);
    background: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#337ab7));
    background: #30439b;
	color: #fff;
}
section .btn.green {
	background: -moz-linear-gradient(top,#30a6b1 0%,#30a6b1);
    background: -webkit-gradient(linear, left top, left bottom, from(#30a6b1), to(#30a6b1));
    background: #6dcc54;
	color: #fff;
}
section .btn.yellow {
	background: -moz-linear-gradient(top,#faee2b 0%,#faee2b);
    background: -webkit-gradient(linear, left top, left bottom, from(#faee2b), to(#faee2b));
    background: #f7cf4b;
	color: #666;
}
section .btn.orange {
	background: -moz-linear-gradient(top,#f89406 0%,#f89406);
    background: -webkit-gradient(linear, left top, left bottom, from(#f89406), to(#f89406));
    background: #ffa244;
	color: #fff;
}






section .btn:hover {
	 filter: brightness(85%);
 	 -moz-filter: brightness(85%);
	 -webkit-filter: brightness(85%);
}

.btn {
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- div.detail */

div.topicPath {
	margin-bottom: 0;
	position: relative;
	z-index: 1;
}








div.detail {
	/* overflow: hidden; */
	height: calc(100%);
	min-width: 1200px;
	overflow: hidden;
	
}



/* インタビューページ の 詳 細 */


div.detail div.photoWrap {
	width: 50%;
	min-width: 600px;
	height: calc(100vh - 430px);
	float: left;
	position: absolute;
	
	background: url(../img/yellow_bg.png);
	background-size: 500px 500px;
	z-index: 0;
	top: 0;
}


div.detail div.photoWrap div.label {
	font-weight: bold;
	position: absolute; 
	top: 80px;
	left: 0;
	z-index: 1000;
	display: block;
	width: 200px;
	height: 200px;
	box-sizing: border-box;
	background: #30439b;
	-webkit-transform: translate(0, -50%) rotate(-45deg);
			transform: translate(0, -50%) rotate(-45deg);
	transform-origin: left bottom;		

}

div.detail div.photoWrap div.label span {
	position: absolute;
	display: block;
	bottom: 0;
	width: 100%;
	color: #fff;
	text-align: center;
}

div.detail div.photo {
	position: fixed;
	top: 50%;
	
	-webkit-transform: translateX(0) translateY(-50%);
	transform: translateX(0) translateY(-50%);
	width: 50%;
	min-width: 600px;
	/* height: calc(100% - 120px); */
	h/* eight: calc(100%); */
	
	text-align: center;
}

div.detail div.photo img {
	width: auto;	
	max-width: 100%;
	max-height: 100%;
	display: block;
	
	margin: 0 auto;
}

div.detail div.contentsWrap {
	/* width: 50%;
	margin-left: 50%;
	position: absolute;
	
	background: #fff;
	
	box-sizing: border-box;
	
	overflow: visible;
	height: calc(100vh-430px);
	overflow-y: scroll;
	position: relative;
	z-index: 1000; */
	
	position: absolute;
	height: calc(100vh - 430px);
	overflow-y: scroll;
	width: 50%;
	left: 50%;
	z-index: 1000;
	
	background: #fff;
	
}

div.detail div.contentsWrap div.contents {
	padding: 40px;
}

div.detail div.contentsWrap div.title {
	font-size: 3.0rem;
	line-height: 1.4;
	font-weight: bold;
	margin-bottom: 1em;
	
	position: relative;
}

div.detail div.contentsWrap div.title a {
	color: #333;
}

div.detail div.contentsWrap div.title div.strong:before {	
	content: "";
	width: 5px;
	height: 1em;
	background: #ff2255;
	position: absolute;
	
	left: 0;
	
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

div.detail div.contentsWrap div.update {
	color: #30439b;
	margin-bottom: 1em;
}

div.detail div.contentsWrap div.description {
	font-size: 1.6rem;
	color: #333;
	margin-bottom: 2em;
	line-height: 1.8;
}


div.detail div.contentsWrap div.from {
	margin-bottom: 2em;
	color: #30439b;
	font-size: 1.4rem;
}

div.detail div.contentsWrap div.from span {
}

div.detail div.contentsWrap div.tags {

}

div.tags span.hashtag {
	background: #f8f8f8;
	
	border: 1px solid #f0f0f0;
	
	border-radius: 100px;
	padding: 0.1em 0.5em;
	white-space: nowrap;
	font-size: 1.4rem;
	margin-bottom: 0.5em;
	
	display: inline-block;
}


/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- div.contents */


/* インタビュー ページ詳細 */


div.detail div.contentsWrap div.contents h3 {
	font-size: 2.1rem; /* 21px */
	line-height: 1.5;
    font-weight: bold;
	padding: 0.5em 0; 
    margin: 2em 0 1em;
	display: block;
	position: relative;
}
/* 
div.detail div.contentsWrap div.contents h3:before {
	
	content: "";
	padding-right: 0.1em;
	width: 20px;
	height: 3px;
	background: #f35955;
	position: absolute;
	left: -10px;
	
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%);
} */

div.detail div.contentsWrap div.contents > h3:first-child {
    margin: 1em 0 1em;
}

div.detail div.contentsWrap div.contents h4 {
	font-size: 2.5rem; /* 18px */
	font-weight: bold;
	margin: 2em 0 1em;
	/* border-bottom: 1px dotted #dddddd; */
}

div.detail div.contentsWrap div.contents h3 + h4 {
    margin: 1em 0 1em;
}

div.detail div.contentsWrap div.contents h5 {
	font-size: 1.6rem; /* 16px */
	margin: 1em 0 1em;
	display: inline-block;
	/* border-bottom: 3px solid #fe5700; */
}

div.detail div.contentsWrap div.contents h4 + h5 {
	margin: 0;
}


/*
div.detail div.contentsWrap div.contents ul {
	margin: 10px 0 20px;
	padding: 0;
}

div.detail div.contentsWrap div.contents ul li {
	margin: 0;
	padding: 0 0 0 15px;
	position: relative;
}

div.detail div.contentsWrap div.contents ul li::before {
    background: #343434 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 0;
    margin-right: 0.5em;
    position: absolute;
    top: 10px;
    transition: all 0.3s ease-out 0s;
    width: 8px;
}

div.detail div.contentsWrap div.contents ul li.list-unstyled {
	list-style: none;
	background: none;
	padding: 0;
}

div.detail div.contentsWrap div.contents ul li ul li {
	list-style: none;
	background: none;
	margin: 0;
	padding: 0;
}

div.detail div.contentsWrap div.contents ul li ul li:before {
	content:"・";
}
*/

/* インタビュー以外の ページ詳細 */

body.student div.main {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	float: none;
	margin-top: 40px;	
}

body.student div.contentsTitles div.title h1 {
    color: #30439b;
    font-size: 3rem;
	text-align: center;
}

body.student h3.grade {
	background: none;
	border: none;
	border-bottom: 4px solid #30439b;
}

body.student div.main div.description {
	background: none;
	text-align: center;
}

body.student div.main div.detail {
	background: #fff;
	min-width: inherit;
	border-radius: 10px;
}

body.student div.main div.detail .mceContentBody {
	padding: 1em 2em 40px;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ responsive */	

@media only screen and (max-width: 640px) {
	
	body.student div.main div.detail .mceContentBody {
		padding: 1em 1em 40px;
	}
	
	body.student {
		min-width: inherit;
	}
	
	
	
	div.preparatory-section section div.title h2 {
		
		font-size: 3.0rem !important;
	}
	
	body.student section.mainVisual {
		overflow: visible;
		height: 300px !important;	
	}

	body.student section.mainVisual div.wrap div.logo {
		width: 250%;
	}
	
	body.student section.mainVisual div.wrap div.logo img {
		width: 40%;
	}
	
	body.student section.mainVisual .flexslider {
		height: 300px;
	}
	
	body.student div.tlLink {
    	padding: 0;
	}
	
	body.student .slick-prev, .slick-next {
		width: 30px !important;
		height: 30px !important;
		margin-top: -10px !important;
	}
	
	body.student .slick-prev::before {
		right: 10px !important;
		top: 10px !important;
	}
	
	body.student .slick-next::after {
		left: 10px !important;
		top: 10px !important;
	}



	body.student section.message ul li {
		width: 100%;
		margin-right: 0;
		float: none;
		max-height: inherit;
		margin-bottom: 20px;
	}
	
	body.student section.message ul li div.spot {
		border-radius: 5px;
		overflow: hidden;
		padding: 0.5em;
		box-sizing: border-box;
		
		width: 100%;
		float: none;
	}
	
	body.student section.message ul li div.spot img {
		border-radius: 5px;
		overflow: hidden;
	}

	section.message ul li div.message-wrap {
       float: none;
	   padding: 0 1.5em 1.5em;
	   width: 100%;
	   box-sizing: border-box;
	}



	body.student section.curriculum ul li a div.curriculum-title::after {
       display: none;
	}
	
	body.student section.curriculum ul li a div.curriculum-title:before {
		display: none;
	}

	section.curriculum ul li a div.message {
		white-space: nowrap;
		font-size: 1.3rem;
	}

	body.student section.curriculum ul li {
		float: left;
		margin-right: 2%;
		width: 49%;
		margin-bottom: 2em;
	}
	
	body.student section.curriculum ul li:nth-child(2n) {
		float: left;
		margin-right: 0;
		width: 49%;
	}
	
	body.student div.preparatory-section section.special-program ul.column-4 li {
		margin-right: 0;
		width: 100%;
		margin-bottom: 2em;
	}
	
	body.student section.find div.article {
		width: 100%;
		margin-right: 0;
		float: none;
		padding: 1em;
		
	}
	
	body.student section.find div.article div.title {
		font-size: 2.1rem;
		padding: 0.75em 0;
		margin-bottom: 0;
	}
	

	body.student section.find div.article div.spot {
		float: none;
		width: 100%;
	}
	
	body.student section.find div.article div.wrap {
    	width: 100%;
	}
	
	body.student div.detail {
		min-width: 100%;
	}
	
	body.student div.detail div.photoWrap {
		float: none;
		height: auto;
		min-width: inherit;
		position: relative;
		top: 0;
		width: 100%;
		z-index: 0;
	}
	
	body.student div.detail div.photoWrap div.label {
		background: #30439b;
		box-sizing: border-box;
		display: block;
		font-weight: bold;
		height: 100;
		left: 0;
		position: absolute;
		top: -30px;
		transform: translate(0px, -50%) rotate(-45deg);
		transform-origin: left bottom 0;
		width: 100px;
		z-index: 1000;
	}
	
	body.student div.detail div.photo {
		min-width: 100%;
		position: relative;
		top: auto;
		transform: none;
		width: auto;
	}
	
	body.student div.detail div.contentsWrap {
		margin-left: 0;
		width: 100%;
		position: relative;
		height: auto;
		overflow: visible;
		/* width: 50%; */
		left: 0;
		z-index: 1000;
		
		background: #fff;
	
		box-sizing: border-box;
	}

	body.student div.detail div.contentsWrap div.contents {
    	padding: 20px;
	}
	
	
	body.student .deco-box {
		padding: 0.5em;
	}
	.resp_w100 {
    width: 100% !important;
  }
	
	
	
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ コンテンツ よう */

div.voice-wrap {
	position: relative;
	margin-bottom: 80px;
}

/* 左右 */

div.voice-wrap.left-photo div.thumbnail {	margin-right: 1%; float: left; }
div.voice-wrap.left-photo div.information {	float: left; width: 71%; }

div.voice-wrap.right-photo div.thumbnail {	margin-left: 1%; float: right; }
div.voice-wrap.right-photo div.information {	float: left; width: 71%; }


div.voice-wrap div.thumbnail {
	width: 28%;
	position: relative;
	padding-top: 3em;
}

div.voice-wrap div.thumbnail:after {
	position: absolute;
	content: "先輩からのVoice";
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	font-weight: bold;
	font-size: 2.4rem;
	white-space: nowrap;
	/* color: #fcc257; */
	color: #37478a;
}

div.voice-wrap div.thumbnail img {
	display: block;
	/* width: 100%; */
	width: 75%;
	height: auto;
	border-radius: 5px;
	/* border: 10px solid #fcc257; */
	overflow: hidden;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}

div.voice-wrap div.information {
	/* width: 69%;
	float: left; */
	/* overflow: hidden; */
}

div.voice-wrap div.voice-profile {
	/* background: #37478a; */
	/* color: #fff; */
	padding: 1em;
	margin-bottom: 0.5em;
	position: relative;
	overflow: hidden;
	z-index: 0;
	white-space: nowrap;
	text-align: center;
}

div.voice-wrap div.voice-profile:before {
	/* background: #cdd0e1;
	width: 100px;
	height: 100px;
	right: -50px;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	-webkit-transform: translateY(-50%) rotate(45deg);
	position: absolute;
	display: block;
	content: "";
	z-index: 1;	 */
}

div.voice-wrap div.voice-profile > div {
	display: inline-block;
	vertical-align: baseline;
	margin-right: 0.25em;
}

div.voice-wrap div.voice-profile div.grade span {
	font-size: 1.8rem;
	font-weight: bold;
}

div.voice-wrap div.voice-profile div.ja {
	font-size: 1.8rem;
	font-weight: bold;
}

div.voice-wrap div.voice-profile div.en {
	font-size: 1.1rem;
}

@media only screen and (max-width: 640px) {
	div.voice-wrap.left-photo div.thumbnail,
	div.voice-wrap.right-photo div.thumbnail {
		/* padding-top: 3em; */
		position: relative;
		width: 100%;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	
	div.voice-wrap.left-photo div.information,
	div.voice-wrap.right-photo div.information {
		float: none;
		width: 100%;
	}


}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ コンテンツよう 入試情報 */

/* reset */
body.student .mceContentBody .flowArrow {
	overflow: visible;

}

body.student .mceContentBody .flowArrow::before {
	display: none;
}

body.student .mceContentBody .flowArrow.none::after,
body.student .mceContentBody .flowArrow.none::before {
	display: none;
}

body.student .mceContentBody .flowArrow:after {
	margin: 0;
    border-color: #30439b transparent transparent;
    border-style: solid;
    border-width: 30px 30px 0;
    bottom: -50px;
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    width: 0;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	z-index: 1;
}

body.student .mceContentBody .flowArrow:before {
	width: 30px;
	height: 30px;
	display: block;
	background: #30439b;
	position: absolute;
	bottom: -20px;
	border: none;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	margin: 0;
	content: "";	
}