@charset "UTF-8";

/*イントロテキストエリア*/
.text_wrapper {margin: 20px 0;}

.text_wrapper h2{font-size: 28px;
	font-weight: bold;
	color:white;
	margin-bottom: 20px;}

.text_wrapper p {color: white;}

/* バナーエリア */
.banner_box{display: flex;/*中にある.bannerを横並びにするため*/
    justify-content: space-between;}/*均等に配置する*/

.banner {width: 280px;
	background-color: rgb(235, 140, 140);
	padding: 10px;}

.banner h3 {
    padding: 10px;
	font-size: 16px;}


/* メインビジュアル */
.main_image img{width: 100%;}

/* jQuery スライド */
.slideshow {
	margin: 0 0 10px 0;
	position:relative;
	width:100%;
	height:400px;
	overflow:hidden;}

.slideshow img { position:absolute;
    top:0;
    left:0;
    z-index:8;
    width: 100%;}

.slideshow img.active { z-index:10; }

.slideshow img.last-active { z-index:9; }