@charset "utf-8";

.content {vertical-align: top; }
.clearboth {clear: both;}
.content .main {
	box-sizing: border-box;
	/*white-space: nowrap;*/
	vertical-align: top; 
}

/* study */
body#study .content .main ul.col2 {
	display: table; width: 100%; box-sizing: border-box;
	margin: 10px 0 20px; 
	padding: 10px 0 20px; 
	border-bottom: 1px solid #777;
}
body#study .content .main ul.col2 li {
	display: table-cell; 
	vertical-align: top;
}
body#study .content .main ul.col2 li.l {
	width: 63.64%; padding-right: 37px
}
body#study .content .main ul.col2 li.r {
	width: 36.36%; text-align: center;
}
body#study .content .main ul.col2 li p {
	font-size: 130%; padding: 10px 0px; 
	font-weight: 600;
}
body#study div.desWaku {
	font-size: 100%; color: #ea6fa5; padding: 10px; 
	border: 1px solid #777; margin: 20px 0;
}
body#study .content .main ul.col2 li.r img { 
	width: 100%; height :auto; border: 1px solid #ccc;
}

body#study h2 {
	color: #ea6fa5; font-size: 160%; padding-bottom: 5px; 
	letter-spacing: 4px;
}
body#study div.des { 
	font-size: 110%; line-height: 1.7;
	margin-bottom: 20px; padding-bottom: 20px; 
}
body#study div.des.t1 { border-bottom: 1px solid #777;}
body#study p.link {
	margin: 40px 50px 40px;
	background: url(../img/arrow_r_pink.png) no-repeat right 10px center;
	border: 1px solid #ea6fa5; padding: 20px 30px 20px 14px;
}
body#study p.link a {
	color: #ea6fa5; font-size: 160%; letter-spacing: 4px;
}



@media screen and (max-width: 1100px){
	
}
@media screen and (max-width: 900px){
	body#study .content .main ul.col2,
	body#study .content .main ul.col2 li {display: block; }
	body#study .content .main ul.col2 li.l {
	width: auto; padding-right: 0px}
	body#study .content .main ul.col2 li.r {width: auto; }
	body#study .content .main ul.col2 li.r img {width: auto; max-width: 300px; }
	
	body#study h2 {font-size: 140%; letter-spacing: 2px;}
	body#study div.des { font-size: 100%; line-height: 1.6;}
	body#study .content .main ul.col2 li p {font-size: 120%; padding: 10px 0px; }
	body#study p.link {margin: 30px 30px 30px;}
	body#study p.link a { font-size: 140%;  letter-spacing: 2px;}
}
@media screen and (max-width: 640px){	
	body#study p.link {margin: 30px 10px 30px;padding-right: 30px; }
	body#study p.link a { font-size: 130%;  letter-spacing: 1px;}
}
@media screen and (max-width: 400px){
	body#study p.link {margin: 30px 0px 30px;padding-right: 50px; }
	body#study p.link a { font-size: 110%; }
}