/*=============@media (max-width: 1200px)==============*/
@media (max-width: 1200px) {
  .top_txt {
    margin-bottom: 1.2em;
  }
.top_ttl_area {
    padding-top: 81px;
}

.tx_contents {
    width: 140%;
    padding: 2em 4em;
}

.title h3 {
    font-size: 1.4em;
}

.area_t{
  width: 80%;
}
}

/*=============@media (max-width:992px)==============*/
@media (max-width: 992px) {
/*	.container { width: 730px; }*/


.tx_ttl h2 {
    font-size: 2em;
    letter-spacing: .3em;
    margin-bottom: .5em;
}

.tx_ttl p {
    margin-bottom: 1.2em;
    font-size: .9em;
}

.tx_ttl h2 {
    font-size: 1.6em;
}

.height {
    padding: 6em 0;
}
.tx_contents {
  font-size: .9em;
}

.title h3 {
    font-size: 1.2em;
}
input[type="text"] {
    width: 70%;
}
.top_ttl_area {
    padding-top: 81px;
}
}

@media (max-width: 804px) {
.top_ttl_area {
    padding-top: 81px;
}
}
@media (max-width: 802px) {
/*.navbar-default .navbar-brand{
    width: 90%;
}*/
.top_ttl_area {
    padding-top: 81px;
}
}

@media (max-width: 767px) {

.top_ttl_area {
    padding-top: 81px;
}

a.bunnar img {
	width: 100%;
}

.ttl_form {
    padding: 2em 0;
	}
}

/*=============@media (max-width: 480px)==============*/

@media (max-width: 480px) {

.text_center p{
	font-size: .8em;
}
	
.text_center h2 span {
    font-size: .8em;
}

.top_txt{
    margin-bottom: .8em;
}

.top_center {
    position: absolute;
    top: 25%;
    left: 10%;
    right: 10%;
    z-index: 100;
}
.height {
    padding: 3em 0;
}
}