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

.tab_container {
	padding-bottom: 1em;
/*	background-color: #fff;*/
	/*border:1px solid #37beb0;*//*#ffb74b #37beb0*/
	margin: 0 auto;
}
.tab_item {
	width: calc(100%/6);
	padding:10px 3px;
	background-color: #f5ffef;
	text-align: center;
	color:#333;
	display: block;
	display:inline;
	display: grid;
    align-items: center;
	float: left;
	text-align: center;
	/*font-weight: bold;*/
	transition: all 0.2s ease;
	border-radius: 10px 10px 0 0;
	border-right:1px solid #dbdbdb;
	border-left:1px solid #dbdbdb;
	border-top:1px solid #dbdbdb;
	/*border-bottom: 2px solid #ffb74b ;*//*#ffb74b #37beb0*/
	/*border-left:1px solid #FFF;*/
	height:71px;
	font-size:16px;
}
@media only screen and (max-width: 899px){
	.tab_item {
		width: calc(100%/3);
	}
}

.tab_item:hover {
	opacity: 0.75;
}
input[name="tab_item"] {
	display: none;
}
.tab_content {
	display: none;
	/*padding: 1em 1em 0;*/
	padding:1em;
	clear: both;
	overflow: hidden;
	border-left:2px solid #ffb74b; /*#ffb74b #37beb0*/
	border-right:2px solid #ffb74b;/*#ffb74b #37beb0*/
	border-bottom:2px solid #ffb74b;/*#ffb74b #37beb0*/
	border-top:2px solid #ffb74b;/*#ffb74b #37beb0*/
	border-radius: 0 0 10px 10px ;
    background-color: #fff7ec;
}
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content,
#tab4:checked ~ #tab4_content,
#tab5:checked ~ #tab5_content,
#tab6:checked ~ #tab6_content {
display: block;
}
.tab_container input:checked + .tab_item {
	background-color: #E7A543 ;/*#ffb74b #37beb0*/
	color: #fff;
}
label.tab_item{
	margin-bottom:0px;
	text-shadow: #c3c3c3 1px 1px 0px;
}
p.c-txtsp{
	margin-bottom:0px;
}
.tab_content_description h7{
	display:block;
}

.guide_kensaku_btn {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 15pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 5%;   /* 余白       */
  background    : #f5970c;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 3px 3px 1px #666666;  /* 影の設定 */
  border        : 2px solid #f5970c;    /* 枠の指定 */
}
.guide_kensaku_btn:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #f5970c;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}