@charset "UTF-8";
/* CSS Document */
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP");

#exhibition div, #exhibition span, #exhibition h1, #exhibition h2, #exhibition h3, #exhibition h4, #exhibition h5, #exhibition h6, #exhibition p, #exhibitiona, #exhibition img, #exhibitionsmall, #exhibitionstrong, #exhibition b, #exhibition dl, #exhibition dt, #exhibition dd, #exhibition ol, #exhibition ul, #exhibition li, #exhibition table, #exhibition tbody, #exhibition thead, #exhibition tr, #exhibition th, #exhibition td{
	font-family: 'Noto Sans JP', sans-serif;
}

#exhibition{
    padding: 0 0 300px;
}

.pankuzu{
	margin:10px auto 10px !important;
}

#main_img{
	background-image:url(main_img.jpg);
	height:480px !important;
	background-color:#2B3454;
	background-size:auto 100%;
}
.gray_area{
width: 100%;
min-width: 980px;
background: #fff;
background-image: url(../140530_inokuma/gray_area_gradation.jpg);
background-repeat: repeat-x;
}
#exhibition .black_area{
	padding:20px 0 70px !important;
    background-position: bottom;
	background:#fff;
}

#exhibition .black_area h3{
	color:#555;
	line-height: 150%;
    text-align: center;
}
.black_area p{
    color: #555 !important;
	line-height:200%;
}
.bo_20{
    margin-bottom:20px;
}
.bo_30{
    margin-bottom:30px;
}
#exhibition .font_b{
	font-weight:bold;
}
.mb{
    display:none;
}
.pro_box{
    padding-top:20px;
}
.pro_box .font_b{
    font-size:110%;
}
.pro_box h3{
    font-size:180% !important;
}

/* founding */
.founding{
    padding-bottom:50px;
}
.founding .founding_cont{
    margin-bottom:60px;
}
.founding .founding_cont img{
    width:100%;
    margin-bottom:10px;
}

.pic_area{
    background:#2B3454;
    padding:80px 0;
}
.pic_area img{
width:100%;
}


.connect{
    background-color: #ECEEF5;
    padding:30px 20px;
    margin:60px auto;
    text-align: center;
}
.connect b{
    font-weight:bold;
    font-size:160%;
    display: block;
    margin-bottom:20px;
    color:#2B3454;
}
.business_trip{
    background-color: #EEEEEE;
    padding:50px 0 20px;;
}
.business_trip b{
    font-weight:bold;
    font-size:160%;
    display: block;
    text-align: center;
    color: #555;
    margin-bottom:40px;
}
.business_trip p{
    border:1px #BBBBBB solid;
    padding:30px;
}


/* 関連イベント */
.event_cont2{
	margin-bottom:30px;
}
.event_cont2 b{
	font-size: 105%;
}
.event_cont2 .title{
	color:#333333;
	font-size:18px;
	font-weight:bold;
	padding-bottom:10px;
}
.event_cont2 .date_area{
	color:#333333;
	font-size:15px;
	font-weight:bold;
	padding-bottom:10px;
	padding-left:3px;
}
.event_cont2 .rect{
	padding:20px 20px 15px;
	background-color:#EEE;
}
.event_cont2 .rect .bo_30{
    margin-bottom:30px;
}
.event_cont2 .explanation{
	color:#333333;
	font-size:14px;
	padding-bottom:20px;
}
.event_cont2 .rect2{
	padding:20px;
	background-color:#CAE6E1;
}
.event_cont2 .line{
	border-top: 1px #BBBBBB solid;
	padding-bottom:20px;
}
.event_cont2 .one{
	padding-bottom:10px;
    color: black;
}

.event_cont2 img{
	max-width: 100%;
	height: auto;
}
#close_start{
	background:#E1E6EF;
	padding:80px 0;
}
#close_start h3{
	text-align:center;
	font-size:160%;
    line-height:130%;
    margin-top:0;
}
#close_start h3 span{
	font-size:80%;
}
#close_start .date_area{
	color:#555;
	font-size:15px;
	font-weight:bold;
    line-height:160%;
}
#close_start .one{
	padding-bottom:10px;
    color: black;
    color:#555;
}
#close_start .cs_cont .cs_pic{
    text-align: center;
    margin-bottom:50px;
}
#close_start img{
	width:500px;
    margin-bottom:20px;
}
#close_start .cs_cont{
    background-color: #fff;
    border:10px #2B3454 solid;
    padding:65px 85px;
}

.ku_pic{
    margin-top:30px;
}
@media screen and (max-width: 580px) {
	#main_img{
		height:auto !important;
	}
	.gray_area{
		min-width:100%;
	}
    #exhibition .black_area{
        padding-bottom:50px !important;
    }
    #exhibition .black_area h3{
        margin-top:0;
    }
    .pro_pic{
        width:20%;
        margin:auto auto auto auto;
        float:none !important;
    }
    .text_box{
    width:100%;
        margin-top:-3vw;
        margin-bottom:10vw;
}
    
.founding{
    padding-bottom:10px;
}
.connect{
    margin:60px auto !important;
}
.connect b{
    font-size:140%;
    line-height: 70%;
}
.connect b span{
    padding-left:1em;
    display: block;
}
    
    
#close_start img{
	width:100%;
    margin-bottom:10px;
}
#close_start .cs_cont{
    background-color: #fff;
    border:10px #2B3454 solid;
    padding:30px;
}
    
	
.black_area p{
	width:100%;
}
   .box_top{
    padding-top:0;
       margin-top:0;
}
	
}