@charset "UTF-8";
/* CSS Document */

/*contact用スタイル*/
.main .content{
	margin-top: 30px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0);
	background-color: initial;
}

.content ul{
	box-shadow: 2px 5px 10px rgba(0, 0, 0, .15);
	margin-bottom:50px;
	background-color: #fff;
	padding:50px;
}
.cnt-List li{
  display: flex;
}
.cnt-List .title{
	background-color: #FEF761;
	width:30%;
	padding:10px 20px 10px 20px;
	margin-bottom: 3px;
	font-weight: bolder;
}
.cnt-List .text{
	background-color: #F7F7F7;
	width:70%;
	padding:10px 20px 10px 20px;
	margin-bottom: 3px;
}
.txtbox{
    display: inline-block;
    width: 100%;
}
textarea{
	width:100%;
}
.msg{text-align: center;}
/*****スマホ****/
@media (max-width: 780px){
	.content ul{
		padding:5%;
	}
	.content li{
	}
	.cnt-List .title{
		width:100%;
		font-weight: bolder;
		padding:2%;
		margin-bottom: 0;
	}
	.cnt-List .text{
		width:100%;
		padding:2%;
	}
	.cnt-List li{
		display: block;
	}
	.msg{text-align: left;}
}

/*ヘッドライン*/
@media screen and (max-width: 767px){
  .main .content{
	margin-top: 0px;
  }
  .main .container{
    padding-right: 0px;
    padding-left: 0px;
  }   
}
@media (min-width: 1500px) {
	.container{
		width:1575px;
	}
}
/****************/