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



a {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
a img{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

h2 {
	font-weight: normal;
}






@media screen and (min-width:1001px){
#gNavi li a {
	font-size: 14px;
	color: #000000;
	text-decoration: none;
}

/*タブ切り替え全体のスタイル*/
#contact_container .tabs {
  margin-top: 50px;
  padding: 0;
  width: 1000px;
  margin: 0 auto;}

/*タブのスタイル*/
#contact_container .tab_item {
  width: 50%;
  height: 50px;
/*  border-bottom: 3px solid #7ac036;
*/  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
	margin-bottom: 15px;
	border-radius: 5px 5px 0 0;
	letter-spacing: 1px;
}
#contact_container .tab_item:hover {
  opacity: 0.75;
}

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

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


/*選択されているタブのコンテンツのみを表示*/
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content,
#tab4:checked ~ #tab4_content {
  display: block;
}

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


@media screen and (min-width:769px) and (max-width:1000px){
#gNavi li a {
	font-size: 14px;
	color: #000000;
	text-decoration: none;
}

/*タブ切り替え全体のスタイル*/
#contact_container .tabs {
  margin-top: 50px;
  padding: 0;
  width: 93%;
  margin: 0 auto;}

/*タブのスタイル*/
#contact_container .tab_item {
  width: 50%;
  height: 50px;
/*  border-bottom: 3px solid #7ac036;
*/  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
	margin-bottom: 15px;
	border-radius: 5px 5px 0 0;
	letter-spacing: 1px;
}
#contact_container .tab_item:hover {
  opacity: 0.75;
}

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

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


/*選択されているタブのコンテンツのみを表示*/
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content,
#tab4:checked ~ #tab4_content {
  display: block;
}

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


@media screen and (max-width:768px){
#gNavi li a {
	font-size: 14px;
	color: #000000;
	text-decoration: none;
}

/*タブ切り替え全体のスタイル*/
#contact_container .tabs {
  margin-top: 50px;
  padding: 0;
  width: 93%;
  margin: 0 auto;}

/*タブのスタイル*/
#contact_container .tab_item {
  width: 50%;
  height: 50px;
/*  border-bottom: 3px solid #7ac036;
*/  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 13px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
	margin-bottom: 15px;
	border-radius: 5px 5px 0 0;
	letter-spacing: 1px;
}
#contact_container .tab_item:hover {
  opacity: 0.75;
}

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

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


/*選択されているタブのコンテンツのみを表示*/
#tab1:checked ~ #tab1_content,
#tab2:checked ~ #tab2_content,
#tab3:checked ~ #tab3_content,
#tab4:checked ~ #tab4_content {
  display: block;
}

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




@media screen and (max-width:1070px){
	.blankmenu {
		display: none;
	}
}