@charset "utf-8";
/* CSS Document */
#wrapp{
	width:100%;
	padding:100px 0;
}


#form_wrap{
	/* padding-left:80px ; */
	background-color:#fff !important;
	max-width:1320px;
	margin:auto;
	width:90%;
}

#form{
	width:100%;
	max-width:800px;
	margin:50px auto;
}

.Bnr,
.sp_bnr{/*右下バナー非表示*/
	display:none !important;
}

.Bnr .Bnr__img{/*右下バナー非表示*/
	display:none !important;
}



#form label{
	width:30%;
	height:40px;
	vertical-align:middle;
	display:inline-block;
	text-align:left;
	margin-right:2%;
	margin-bottom:10px;
	border-left:1px solid #841604;
	padding-left:10px;
	line-height:40px;
	font-size:14px;
	vertical-align:top;
}


#form p{
	width:30%;
	height:40px;
	vertical-align:middle;
	display:inline-block;
	text-align:left;
	margin-right:2%;
	margin-bottom:10px;
	border-left:1px solid #841604;
	padding-left:10px;
	line-height:40px;
	font-size:14px;
	vertical-align:top;
}



#form_wrap p.before{
	font-size:11px !important;
	margin-top:20px;
	color:#666;
	border:1px solid #ececec;
	padding:15px;
	margin-bottom:50px;
}

#thanks p.before{
	max-width:800px;
	text-align:left !important;
	margin:0 auto;
}


#form #radio{
}
#form #radio label{
	width:80% !important;
	border:none !important;
	height:40px;
	vertical-align:left !important;
	text-align:left !important;
	margin-right:0%;
	margin-bottom:10px;
	padding-left:30% !important;
	margin-top:-50px !important;

}



#form label span,#form p span{
	font-size:11px;
	color:#841604;
	margin-left:15px;
	background-color:#ececec;
	padding:10px;
	font-weight:normal;
}



input{
	width:68%;
	max-width:500px;
	display:inline-block;
	border:none;
	border-bottom:1px solid #ccc;
	font-size:16px;
	padding:10px;

}


#form #radio input{
	width:10% !important;
	max-width:500px;
	padding:0px !important;


}



textarea{
	width:500px;
	padding:10px;
	height:200px;
	border:1px solid #ccc;
}


#item li{
	width:45%;
	margin:0 2% 30px;
	display:inline-block;
}

#item li img{
	display:block;
}

#item li label{
	width:100%;
	text-align:left;
	display:block;
}

#item li input{
	width:auto;
	text-align:left;
}

label.naiyou{
	width:100%;
	font-size:30px;
	text-align:left;
	margin-bottom:30px;
	border-left:5px solid #841604;
	padding-left:30px;

}


#detail li{
	width:100%;
	margin-bottom:15px;
	list-style:none;
}


#detail li label{
	width:100%;
	text-align:left;
	display:block;
}


#detail li input{
	width:auto;
	text-align:left;
}



/*

.message label{
	width:30%;
	display:inline-block;
	text-align:left;
}
*/

.message input{
	width:67%;
	max-width:800px;
	display:inline-block;
}




button{
	background-color:#841604;
	padding:30px 120px;
	border:none;
	border-radius:10px;
	color:#fff;
	font-size:18px;
}

#form select{
	padding:10px;
	border:1px solid #ccc;
	border-right:0px;
}



@media only screen and (max-width: 1080px) { 
#wrapp{
	padding:0px 0;
}


#form_wrap{
	padding:0px ;
	
}

#container .title{
	text-align:center;
	
}

#form{
	width:100%;
	max-width:94%;
	margin:50px auto;
}


#form label{
	width:94%;
	height:auto;
	margin-bottom:10px;
	padding-left:10px;
}


#form label span{
	font-size:11px;
	color:#841604;
	margin-left:15px;
	background-color:#ececec;
	padding:0 10px;
}



input{
	width:94%;
	font-size:14px;

}

textarea{
	width:94%;
	padding:10px;
	height:200px;
}





#detail li{
	width:100%;
	margin-bottom:15px;
	list-style:none;
}


#detail li label{
	width:100%;
	text-align:left;
	display:block;
}


#detail li input{
	width:auto;
	text-align:left;
}



.message input{
	width:67%;
	max-width:800px;
	display:inline-block;
}




button{
	width:94%;
	margin:0 3%;
	padding:20px !important;

}

#form #radio p{
	width:100%;
}


#form select{
	width:100% !important;
	padding:10px;
	height:50px !important;
	margin:15px 0px;
	font-size:14px;
}



}



#thanks{
	text-align:center;
}


#thanks .tel{
	font-size:30px;
	font-family: 'Josefin Sans', sans-serif;
	padding:20px 0 0 0;
}

#thanks .btn{
	margin-top:80px;}

#thanks .btn a{
	padding:30px 120px;
	color:#fff !important;
	background-color:#333333;
	margin-top:150px !important;
	border-radius:10px;

}

#thanks .txt30{
	font-size:30px;
	margin-bottom:30px;
}

@media only screen and (max-width: 1080px) { 
#thanks{
	width:94%;
	margin:0 auto;
	text-align:left;
	margin-bottom:50px;
}



#thanks p.before{
	max-width:auto;
	text-align:left !important;
	margin:0 auto;
}


#thanks .tel{
	font-size:30px;
	font-family: 'Josefin Sans', sans-serif;
	padding:20px 0 0 0;
}

#thanks .btn{
	width:94% !important;
	margin-top:0px;
}


#thanks .btn a{
		width:100% !important;
		padding:20px 0;
		display:block;
		text-align:center;
	margin:0 3%;
	margin-top:50px !important;


}



#thanks .txt30{
	font-size:18px;
	font-weight:bold;
}

}

/********************************/
/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
/*  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
  width:100%;
  max-width:1000px;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
/*  width: calc(100%/3);*/
width:31%;
  height: 50px;
  border-bottom:/* 3px solid #5ab4bd*/1px solid #841604;
  background-color: #fff;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #000;
  display: block;
  float: left;
  text-align: center;
/*  font-weight: bold;*/
  transition: all 0.2s ease;
  margin:0 1%;
   cursor: pointer; 
}

.tab_item br{
	display:none;
}


.tab_item:hover {
  opacity: 0.75;
  background-color:#841604;
  color:#fff;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 40px 40px 0;
  clear: both;
  overflow: hidden;
}

.tab_content p{
	font-size:14px;
	line-height:2.0;
}

.tab_content p span{
	font-weight:bold;
}



/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color:#841604;
  color: #fff;
}






@media only screen and (max-width: 1080px) { 

/*タブのスタイル*/
.tab_item {
  height: 50px;
  line-height: 1.5;
  font-size:/*14*/12px;
  text-align: center;
  color: #000;
  display: block;
  float: left;
  text-align: center;
/*  font-weight: bold;*/
  transition: all 0.2s ease;
  margin:0 1%;
   cursor: pointer;
   vertical-align:middle !important;
   padding-top:10px;
}

.takasa{
	line-height:45px !important;
}



.tab_item br{
	display:block;
}



/*タブ切り替えの中身のスタイル*/
.tab_content {
  padding: 10px 10px 0;
}




#form p span{
	margin-left:10px;
	background-color:#ececec;
	padding:0 10px;
	font-weight:normal;
}
#form #radio{
	padding:0 0 10px !important; 
}



#form #radio label{
	width:100% !important;
	border:none !important;
	height:auto;
	vertical-align:left !important;
	text-align:left !important;
	margin-right:0%;
	margin-bottom:0px;
	padding-left:0 !important;
	margin-top:0px !important;

}





}




#line_bana{
	margin:0 0 0 50px;
}


@media only screen and (max-width: 1080px) { 

#line_bana{
	margin:0 0 0 0px;
}

#line_bana img{
	width:100%;
}



}