@charset "utf-8";
/* CSS Document */

.base-title {
    width: 100%;
    height: 70vh;
    background-image: url(../images/staff/voice-top2.jpg);	
	background-position: top;
	background-size: cover;
	position:relative;
}
.contact {
	width:80%;
	margin:auto;
	position:relative;
}
.contact-content {
	/*border:solid 3px #CEE8E8;*/
	border-radius:20px;
	padding:40px 0;
	margin-bottom:100px;
	/*background-color:#fff;*/
}

/*背景*/
body {
  background-image: url('../images/schedule/background.png'); 
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%; 
  /*opacity: 0.1;*/
}
.list1{
  margin-top: 0px;
}
.list2{
  margin-top: 88px;
}
.list3{
  margin-top: 0px;
}
.list4{
  margin-top: 56px;
}
.list5{
  margin-top: 88px;
}
.list6{
  margin-top: 0px;
}
.list7{
  margin-top: 56px;
}
.schedule-title{
	background-color: #78C3C3;
	color: #FFFFFF;
	padding: 8px 16px;
	font-size: 16px;
	text-align: center;
	margin-bottom: 56px;
}
/*.schedule-title h2 {
  padding: 1rem 2rem;
  border-top: 6px double #78C3C3;
  border-bottom: 6px double #78C3C3;
  font-size: 22px;
  text-align: center;
  margin-bottom: 56px;
  font-weight: bold;
}*/
.schedule-list{
	display: flex;
	width: 100%;
}
.schedule-list-item{
	padding-left: 48px;
	width: 45%;
}
.schedule-img{
	width: 45%;  
	margin-right: 40px;
	margin-bottom: 40px;
}
.schedule-list img{
	width: 100%;
	border-radius: 18px;
}
.list-item1{
	position: relative;
	font-weight: bold;
	font-size: 30px;
}
.list-item2{
	font-weight: bold;
	margin-left: 8px;
	font-size: 20px;
	position: relative;
    top: -2px;
}
.list-item3{
	font-size: 16px;
	margin-top: 8px;
}

/*アイコン*/
.list-item1::before {
	position: absolute;
	content: ''; /* 空設定 */
	display: inline-block;
	width: 40px; /* 画像表示の幅 */
	height: 40px; /* 画像表示の高さ */
	background: url("../images/schedule/icon.png") no-repeat; /* 画像のパスと繰り返しなし*/
	background-size: contain;
	vertical-align: middle; /* 上下中央配置 */
	top:6px;
	left:-61px;
}

/*縦線*/
.schedule-list-item{
	position: relative;
}
.schedule-list-item::before {
	position: absolute;
	left: 6px;
	content: "";
	width: 3px;
	height: 100%;
	background-color: #78C3C3;
}
@media(max-width:768px){
	.list1{
	margin-top: 16px;
	}
	.list2{
	margin-top: 16px;
	margin-bottom: 8px;
	}
	.list3{
	margin-top: 16px;
	}
	.list4{
	margin-top: 16px;
	}
	.list5{
	margin-top: 16px;
	}
	.list6{
	margin-top: 16px;
	}
	.list7{
	margin-top: 16px;
	}
	.list-item3{
	font-size: 15px;
	margin-bottom: 16px;	
	}
	.schedule-title{
	padding: 8px 16px;
	font-size: 15px;
	text-align: center;
	margin-bottom: 32px;
    }
	.schedule-list{
		display:flex;
        flex-flow: column;
		margin-left: 32px;
	}
	.schedule-img{
		width: 90%; 
	    margin-right: 0px;
	    margin-bottom: 0px;
	}	
	.schedule-list-item{
		width: 90%;
		padding: 16px 8px 32px 10px; 
	}
	/*アイコン*/
	.list-item1::before {
		position: absolute;
		content: ''; /* 空設定 */
		display: inline-block;
		width: 40px; /* 画像表示の幅 */
		height: 40px; /* 画像表示の高さ */
		background: url("../images/schedule/icon.png") no-repeat; /* 画像のパスと繰り返しなし*/
		background-size: contain;
		vertical-align: middle; /* 上下中央配置 */
		top:6px;
		left:-60px;
	}
	
	/*縦線*/
    .schedule-list{
		position: relative;
    }
    .schedule-list::before {
		position: absolute;
		left: -31px;
		content: "";
		width: 3px;
		height: 100%;
		background-color: #78C3C3;
    }
	/*線消し*/
    .schedule-list-item::before {
		background-color: transparent;
    }	
}
@media(max-width:520px){
	.list-item1{
		font-size: 26px;
	}
	.list-item2{
		font-size: 16px;
	}
	.list-item3{
		font-size: 14px;
	}
}