@charset "UTF-8";

/*==================================================================

HEADER_AREA

==================================================================*/
@media screen and (min-width:961px) {
.header_area{
width:700px;
margin:0 auto;
}
.header_area h1{
width:70%;
margin:15px auto 0;
}
}
@media only screen and (min-width:768px) and (max-width:960px) {
.header_area{
width:80%;
margin:30px auto 0;
}
.header_area h1{
width:70%;
margin:15px auto 0;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.header_area{
width:98%;
margin:30px auto 50px;
}
.header_area h1{
width:90%;
margin:0 auto;
}
}









/*==================================================================

RESEARCHERS_AREA

==================================================================*/
@media screen and (min-width:961px) {
.researchers_area{
width:100%;
margin:30px auto 80px;
background:url("../../images/header_october_index_resercher.png") no-repeat right top;
background-size:contain;
padding:1px 0 0;
}
.researchers_area h2{
display:none;
}
.researchers_area div{
width:90%;
margin:100px 10% 0 0;
}
.researchers_area ul{
}
.researchers_area ul li{
width:46%;
height:380px;
margin:20px 2% 0;
float:left;
}
.researchers_area ul li a{
text-decoration:none;
}
.researchers_area ul li a img{
background:#111;
}
.researchers_area ul li a img:hover{
opacity:0.5;
transition:0.3s;
}
.researchers_area ul li img{
/*border-radius:50%;*/
margin-bottom:10px;
}
.researchers_area ul li h4{
font-size:24px;
font-weight:700;
text-align:center;
margin-top:0.5em;
}
.researchers_area ul li h5{
font-size:1em;
text-align:center;
line-height:1.3em;
}
}
@media only screen and (min-width:768px) and (max-width:960px) {
.researchers_area{
width:100%;
margin:30px auto 60px;
background:url("../../images/header_october_index_resercher.png") no-repeat right top;
background-size:contain;
padding:1px 0 0;
}
.researchers_area h2{
display:none;
}
.researchers_area div{
width:94%;
margin:60px 6% 0 0;
}
.researchers_area ul{
}
.researchers_area ul li{
width:46%;
height:350px;
margin:20px 2% 0;
float:left;
}
.researchers_area ul li a{
text-decoration:none;
}
.researchers_area ul li a img{
background:#111;
}
.researchers_area ul li a img:hover{
opacity:0.5;
transition:0.3s;
}
.researchers_area ul li img{
margin-bottom:10px;
}
.researchers_area ul li h4{
font-size:22px;
font-weight:700;
text-align:center;
margin-top:0.5em;
}
.researchers_area ul li h5{
font-size:0.9em;
text-align:center;
line-height:1.3em;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.researchers_area{
width:94%;
margin:40px auto　60px;
background:url("../../images/header_october_index_resercher.png") no-repeat right top;
background-size:130%;
padding:1px 0 0;
}
.researchers_area h2{
display:none;
}
.researchers_area div{
width:90%;
margin:50px 5% 0 5%;
}
.researchers_area ul{
margin-bottom:50px;
}
.researchers_area ul li{
width:80%;
margin:20px 10% 0;
float:left;
}
.researchers_area ul li a{
text-decoration:none;
}
.researchers_area ul li a img{
background:#111;
}
.researchers_area ul li a img:hover{
opacity:0.5;
transition:0.3s;
}
.researchers_area ul li img{
margin-bottom:10px;
}
.researchers_area ul li h4{
font-size:22px;
font-weight:700;
text-align:center;
margin-top:0.35em;
margin-bottom:1.5em;
}
.researchers_area ul li h5{
font-size:0.9em;
text-align:center;
line-height:1.3em;
}
}








/*==================================================================

RESEARCHER_AREA

==================================================================*/
@media screen and (min-width:961px) {
.researcher_area{
width:100%;
margin:30px auto 80px;
background:url("../../images/header_october_index_resercher.png") no-repeat right top;
background-size:contain;
padding:1px 0 0;
}
.researcher_area h2{
display:none;
}
.researcher_area div{
width:90%;
margin:100px 10% 0 0;
}
.researcher_area h3{
font-size:26px;
font-weight:700;
letter-spacing:0.05em;
word-spacing:0.1em;
text-align:center;
line-height:1;
}
.researcher_area h4{
font-size:16px;
text-align:center;
margin:0.5em auto 2em;
}
.researcher_area div div.irie{
width:50%;
height:auto;
margin:0 auto;
}
.researcher_area div div.inoue{
width:100%;
height:auto;
margin:0 auto;
}
.researcher_area div div.takeda{
width:70%;
height:auto;
margin:0 auto;
}
.researcher_area div div.harada{
width:60%;
height:auto;
margin:0 auto;
}
.researcher_area div div.matsumura{
width:100%;
height:auto;
margin:0 auto;
}
.researcher_area div div.yonezu{
width:50%;
height:auto;
margin:0 auto;
}
.researcher_area div h6{
font-size:0.9em;
text-align:right;
line-height:1;
margin-top:0.4em;
}
.researcher_area p{
margin:3em 0 0;
}
}
@media only screen and (min-width:768px) and (max-width:960px) {
.researcher_area{
width:100%;
margin:30px auto 60px;
background:url("../../images/header_october_index_resercher.png") no-repeat right top;
background-size:contain;
padding:1px 0 0;
}
.researcher_area h2{
display:none;
}
.researcher_area div{
width:94%;
margin:60px 6% 0 0;
}
.researcher_area h3{
font-size:26px;
font-weight:700;
letter-spacing:0.05em;
word-spacing:0.1em;
text-align:center;
line-height:1;
}
.researcher_area h4{
font-size:16px;
text-align:center;
margin:0.5em auto 2em;
}
.researcher_area div div.irie{
width:50%;
height:auto;
margin:0 auto;
}
.researcher_area div div.inoue{
width:80%;
height:auto;
margin:0 auto;
}
.researcher_area div div.takeda{
width:60%;
height:auto;
margin:0 auto;
}
.researcher_area div div.harada{
width:60%;
height:auto;
margin:0 auto;
}
.researcher_area div div.matsumura{
width:80%;
height:auto;
margin:0 auto;
}
.researcher_area div div.yonezu{
width:50%;
height:auto;
margin:0 auto;
}
.researcher_area div h6{
font-size:0.9em;
text-align:right;
line-height:1;
margin-top:0.4em;
}
.researcher_area p{
margin:3em 0 0;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.researcher_area{
width:94%;
margin:60px auto;
background:url("../../images/header_october_index_resercher.png") no-repeat right top;
background-size:130%;
padding:1px 0 0;
}
.researcher_area h2{
display:none;
}
.researcher_area div{
width:90%;
margin:50px 5% 0 5%;
}
.researcher_area h3{
font-size:22px;
font-weight:700;
letter-spacing:0.05em;
word-spacing:0.1em;
text-align:center;
line-height:1;
}
.researcher_area h4{
font-size:14px;
text-align:center;
margin:0.5em auto 2em;
}
.researcher_area div div.irie{
width:80%;
height:auto;
margin:0 auto;
}
.researcher_area div div.inoue{
width:100%;
height:auto;
margin:0 auto;
}
.researcher_area div div.takeda{
width:80%;
height:auto;
margin:0 auto;
}
.researcher_area div div.harada{
width:90%;
height:auto;
margin:0 auto;
}
.researcher_area div div.matsumura{
width:100%;
height:auto;
margin:0 auto;
}
.researcher_area div div.yonezu{
width:80%;
height:auto;
margin:0 auto;
}
.researcher_area div h6{
font-size:0.9em;
text-align:right;
line-height:1;
margin-top:0.4em;
}
.researcher_area p{
margin:3em 0 0;
}
}









/*==================================================================

OTHERS_AREA

==================================================================*/
@media screen and (min-width:961px) {
.others_area{
width:100%;
margin:80px auto 80px;
}
.others_area h3{
width:26%;
margin:0 auto 30px;
}
.others_area ul{
}
.others_area ul li{
width:30%;
height:280px;
margin:20px 1.5% 0;
float:left;
}
.others_area ul li a{
text-decoration:none;
}
.others_area ul li a img{
background:#111;
}
.others_area ul li a img:hover{
opacity:0.5;
transition:0.3s;
}
.others_area ul li img{
border-radius:50%;
margin-bottom:10px;
}
.others_area ul li h4{
font-size:18px;
font-weight:500;
text-align:center;
margin-top:0.5em;
}
.others_area ul li h5{
font-size:0.8em;
text-align:center;
line-height:1.3em;
}
}
@media only screen and (min-width:768px) and (max-width:960px) {
.others_area{
width:100%;
margin:80px auto 80px;
}
.others_area h3{
width:26%;
margin:0 auto 30px;
}
.others_area ul{
}
.others_area ul li{
width:30%;
height:280px;
margin:20px 1.5% 0;
float:left;
}
.others_area ul li a{
text-decoration:none;
}
.others_area ul li a img{
background:#111;
}
.others_area ul li a img:hover{
opacity:0.5;
transition:0.3s;
}
.others_area ul li img{
border-radius:50%;
margin-bottom:10px;
}
.others_area ul li h4{
font-size:18px;
font-weight:500;
text-align:center;
margin-top:0.5em;
}
.others_area ul li h5{
font-size:0.8em;
text-align:center;
line-height:1.3em;
}
}
@media only screen and (min-width:320px) and (max-width:767px) {
.others_area{
width:94%;
margin:60px auto;
}
.others_area h3{
width:40%;
margin:0 auto 20px;
}
.others_area ul{
}
.others_area ul li{
width:40%;
height:220px;
margin:20px 5% 0;
float:left;
}
.others_area ul li a{
text-decoration:none;
}
.others_area ul li a img{
background:#111;
}
.others_area ul li a img:hover{
opacity:0.5;
transition:0.3s;
}
.others_area ul li img{
border-radius:50%;
margin-bottom:10px;
}
.others_area ul li h4{
font-size:16px;
font-weight:500;
text-align:center;
margin-top:0.5em;
}
.others_area ul li h5{
font-size:0.7em;
text-align:center;
line-height:1.3em;
}
}