/**** < 767 / mobile **********************************************************/
@media (max-width:767px) {

.mobile-hidden {
	display:none!important;
}
.pc-hidden {
	display:block!important;
}
.mobile-only {
	display:block!important;
}
.t-center-mobile {
	text-align:center!important;
}


.flex-nomobile {
	flex-wrap:wrap;
}
.flex-nomobile > * {
	width:100%;
	margin:0 0 30px 0;
}
.flex-nomobile > *:last-child {
	margin:0 0 0 0;
}

a.to-home {
	width:160px;
	top:12px;
}
/**** layout **********************************************************/
.content-width {
	width:90%;
}
body, div.screen, div.head-in {
  background-size:700px auto;
}
div.head-in {
	width:100%;
	background-size:700px 458px;
	height:458px;
	padding-top:0;		
}
.noindex div.head-in {
  height:100px;  
}
div.page-in-in {
	padding-left:20px;
	padding-right:20px;
}

a.showmenu {
	top:15px;
}

h1, .h1 {
	font-size:24px;
	padding:0 0 0 0;
}
h1 em, .h1 em {
	min-width:50px;
}


/*** boxy ***/
.boxy > * {
	width:100%;
	background:none;
	padding-top:0!important;
	padding-bottom:0!important;
}

.stromky-list {
	display:inline-flex;
	flex-direction:column;
}
.stromky-list > * {
	margin:0 0 15px 0;
	justify-content:flex-start;
}
.stromky-list span {
	white-space:nowrap;
}





/*** steps ***/
div.steps {
	margin:30px 0 0 0;
	flex-wrap:wrap;
}
div.steps .item {
	width:100%;
	margin:0 0 50px 0;
	flex:auto;
	display:flex;
	flex-direction:column;
}
div.steps .item .step-icon img {
	height:65px;
}
div.steps .item .no {
	width:30px;
	height:30px;
	line-height:30px;
	font-size:15px;
	order:-1;
}
div.steps .item .h {
	font-size:15px;
}
div.steps .arr {
	margin:0 0 0 0;
	display:none;
}




.cikcak-item {
	flex-wrap:wrap;
}
.cikcak-item > * {
	width:100%;
	margin:0 0 10px 0;
	text-align:center;
}
.cikcak-item > * {
	width:100%;
}
.cikcak-image {
	order:-1;
}
.cikcak-image img {
	margin:auto!important;
	max-height:250px;
	max-width:100%;
}



/*** foot ***/
div.foot-in {
	flex-wrap:wrap;
}
div.foot-in > * {
	width:100%;
	text-align:center;
	margin:0 0 30px 0;
}
div.foot-in > *:last-child {
	margin:0 0 0 0;
}




}