﻿@charset "utf-8";
/* CSS Document */
.bentoblock .bento_contents .bentologo1{display:block}
.bentoblock .bento_contents .bentologo2{display:none;}

.rightheader{display:none}
@media screen and (min-width:1300px){
	.bentoblock{padding:0px 0}
	.bentoblock .bento_contents{margin:0 auto; width:1015px; text-align:center}
	.bentoblock .bento_contents .bentologo1{display:none}
	.bentoblock .bento_contents .bentologo2{position:static; display:block; margin:20px auto 0 auto; float:none}
}

@media screen and (max-width:1015px){
	.wrapper{padding-left:10px; padding-right:10px;}
	#header .navtop > ul > li > a{padding-left:12px; padding-right:12px}
	#header .logo{padding-right:10px}
	.our_services .right_block{width:72%}
	.our_services .right_block.fullwidth{width:auto !important;}
}
@media screen and (max-width:980px){
	.chart_blocks > aside{width:50%; margin-bottom:20px;}
	.chart_blocks .block .graph{width:254px; margin:0 auto}
	.chart_blocks > aside:nth-child(3n){float:none; clear:both; width:auto; margin:20px 0 0 0;}
	.chart_blocks > aside:nth-child(3n) .block{height:auto}
}
@media screen and (max-width:956px){
	.bannerblock{height:auto}
	.bannerblock aside{padding:70px 20px; width:auto}
	.bentoblock{padding:10px 0}
	.bentoblock .bento_contents{margin:0 10px; text-align:center}
	.bentoblock .bento_contents .bentologo1{display:none}
	.bentoblock .bento_contents .bentologo2{position:static; display:block; margin:20px auto 0 auto; float:none}
}
@media screen and (max-width:935px){
	#header .navtop > ul > li > a{padding-left:10px; padding-right:10px}
	.f_link_block .f_links .block.block1{display:none}
	.f_link_block .f_links .block.block2{padding:0 20px 0 0}
	.our_services .right_block{width:70%}
}

@media screen and (max-width:910px){
	#header .navtop{display:none}
	#header .navtop.rightheader{display:block}
	#header .navtop > ul > li.navico > a{font-size:30px; padding-top:0; padding-bottom:0; line-height:31px}
	
	#header #nav_slider{display:block; overflow:auto; background:#FFF; position:fixed; top:53px; bottom:0; right:-255px; width:250px; z-index:100;
		box-shadow:0 5px 5px rgba(0, 0, 0, 0.2);
		-ms-box-shadow:0 5px 5px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow:0 5px 5px rgba(0, 0, 0, 0.2);
		-o-box-shadow:0 5px 5px rgba(0, 0, 0, 0.2);
	}
	.navico.active a i.fa-bars:before{content:"\f00d"}
	body.openmenu{overflow:hidden}
	.openmenu #header #nav_slider{right:0}
	#header #nav_slider.navtop > ul{padding:0; border-top:1px solid #DDD}
	#header #nav_slider.navtop > ul > li{float:none; border-bottom:1px solid #CCC}
	#header #nav_slider.navtop > ul > li:after{display:none}
	#header #nav_slider.navtop > ul > li > a{padding:15px}
	#header #nav_slider.navtop > ul > li > a > .fa-chevron-down{margin:0px 0 0 5px; font-size:12px; position:relative; left:auto;}
	#header #nav_slider.navtop > ul > li.icon{display:none}
	#header #nav_slider.navtop > ul > li > ul{opacity:1; margin:0 10px 10px 10px; visibility:visible; padding:0; position:static; height:auto; width:auto; border-top:1px solid #DDD}
	#header #nav_slider.navtop > ul > li:before{display:none}
	.our_services .left_block{display:none}
	.our_services .right_block{float:none; width:auto}
	.contents figure.banner img{width:100%}
	.article ul.bullet li:hover{transform:scale(1); -ms-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1);}
}
@media screen and (max-width:700px){
	.bentoblock .bento_logo{position:static; margin-top:15px;}
	.article ul.bullet{padding-left:0; padding-right:0;}
}
@media screen and (max-width:630px){
	.bannerblock aside h1{font-size:28px; line-height:28px}
	.bannerblock aside article{font-size:20px; line-height:25px}
	.bannerblock aside .buttons{padding-top:35px}
	.bannerblock aside .buttons a{margin:0 5px; width:160px}
	.mapblock .contact_block{float:none; width:auto; text-align:center; padding-bottom:40px}
	.mapblock .contact_form{float:none; width:auto}
	.post_resume aside .col{display:block; text-align:center}
	.post_resume aside .col:last-child{width:auto; padding:30px 0 0 0}
	.post_resume aside a.btn{display:inline-block; padding-left:30px; padding-right:30px}
	.feedback_block .feedback_btn{transform:rotate(0); -ms-transform:rotate(0); -webkit-transform:rotate(0); top:auto; bottom:0; margin:0; padding:17px 20px; right:10px; height:45px}
	.our_services .right_block{text-align:left}
	.our_services .right_block.fullwidth{text-align:left}
	.formfield ul li{float:none; width:auto}
	.formfield ul li:after{clear:both; content:""; overflow:hidden; height:0; width:100%; display:block}
	
	.feedbackblock .table{text-align:center}
	.feedbackblock .table .row{padding:20px 0; border-bottom:1px solid #CCC; display:block}
	.feedbackblock .table .table_header{display:none}
	.feedbackblock .table .column:first-child{display:block; width:auto; text-align:center}
	.feedbackblock .table .column{display:inline-block; width:auto; border:none;}
	.blank_table{margin-top:0}
	.chart_blocks > aside{float:none; width:auto}
}
@media screen and (max-width:500px){
	.article ul.bullet li{float:none; width:auto; text-align:center}
}
@media screen and (max-width:400px){
	.bannerblock aside h1{font-size:26px; line-height:26px; padding-bottom:22px}
	.contents h2{font-size:26px; line-height:26px;}
	.bannerblock aside article{font-size:18px; line-height:23px}
	.bannerblock aside .buttons a{margin:10px 0; width:auto; display:block}
	.bentoblock .bento_contents{padding:20px}
	.contact_form .row p{float:none; width:auto; padding-bottom:15px}
	.contact_form .row p:last-child{float:none; padding-bottom:0}
}
@media screen and (max-width:353px){
	.f_link_block .f_links .block.block2{padding-right:0; margin-bottom:40px}
	.f_link_block .f_links .block{display:block}
	#header .navtop > ul > li.icon > a{padding-left:4px; padding-right:4px}
	#header .navtop > ul > li.icon > a img{height:20px}
	#header .logo img{width:140px}
	#header .navtop > ul > li.navico > a{font-size:26px}
	body{min-width:320px}
	#header{min-width:320px}
}

