/** tab ************************************************************/
@media screen and (max-width: 1200px) {

.container {
max-width: 100%;
margin-right: 30px;
margin-left: 30px;
}

header {
/*position: relative;*/
padding-top: 10px;
padding-bottom: 5px;
}

.top_message .container,
.top_service .container,
.top_recruit .container,
.top_news .container,
.top_news .news_area,
.top_news .bnr_area {
width: auto;
}

.top_message .img_area {
}

footer .box {
display: block;
}

footer .in1 {
width: 100%;
}

footer .in2 {
width: 100%;
}

footer .contact {
    position: relative;
    top: 2px;
    float: none;
    margin-left: 0;
    margin-bottom: 0;
}

footer .tel {
    color: black;
    }

.caption {
top: auto;
bottom: 170px;
left: 80px;
right: 80px;
font-size: 30px;
animation: animation1 2s 1 ease 1s both;
}
@keyframes animation1 {
	from {
	transform: translateY(-500px);
	}
	to {
	transform: translateY(150px);
	}
}




}



/**************************************************************/
@media screen and (max-width: 1100px) {

.head_box {
display: block;
}

.head_box .logo_area {
width: 100%;
}

.pc_navi {
width: 100%;
}

.page_top .inner {
right: 60px;
}



}
/**************************************************************/
@media screen and (max-width: 922px) {

.foot_navi li:first-of-type a::before {
right: 20px;
}
.foot_navi li a::after {
left: 20px;
}

.top_news .news_area {
width: 90%;
}

#anc0, #anc1, #anc2, #anc3, #anc4, #anc5, #anc6, #anc7, #anc8, #anc9, #anc10, #anc11, #anc12, #anc13, #anc14, #anc15, #anc16, #anc17, #anc18, #anc19, #anc20, #anc21, #anc22, #anc23, #anc24, #anc25, #anc26, #anc27, #anc28, #anc29, #anc30, #anc31, #anc32, #anc33, #anc34, #anc35, #anc36, #anc37, #anc38, #anc39, #anc40, #anc41, #anc42, #anc43, #anc44, #anc45, #anc46, #anc47, #anc48, #anc49, #anc50 {
margin-top: -180px;
padding-top: 100px;

}

}
/**************************************************************/
@media screen and (max-width: 816px) {

.top_message .img_area {
}

.foot_navi li:first-of-type a::before {
right: 10px;
}
.foot_navi li a::after {
left: 10px;
}

.bnrlink_area li a {
height: 150px;
}



}
@/**************************************************************/
media screen and (max-width: 756px) {

.foot_navi li:first-of-type a::before {
right: 5px;
}
.foot_navi li a::after {
left: 5px;
}



}