@charset "utf-8";
.slide-box.pc_slider{
	display : block;
}
.slide-box.sp_slider{
	display : none;
}
/* # =================================================================
#### 1200
# ================================================================= */
@media screen and (max-width: 1200px){
/* # =================================================================
#### header
# ================================================================= */
header{
	padding : 15px;
}
.header_inner{
	width : 100%;
}
nav.header{
	width : 100%;
}
.menu_contents p.title{
	top : 0;
	display : block;
	margin : 0 0 15px 0;
}
.menu_contents{
	padding : 20px;
}
ul.sub-menu{
	text-indent: 0.5em;
}
/* # =================================================================
#### footer
# ================================================================= */
footer{
	padding : 30px 15px;
}
footer .wrap{
	width : 100%;
}
/* # =================================================================
#### front
# ================================================================= */
main{
	padding : 30px 15px;
}
.breadcrumb{
	padding : 20px 15px 0;
}
ul#breadcrumb{
	width : 100%;
}
/**/
ul.front{
	width : 100%;
}
/* # =================================================================
#### page_common
# ================================================================= */
.page_wrap{
	width : 100%;
}
/* # =================================================================
#### 会社案内
# ================================================================= */

/* # =================================================================
#### お問い合わせ
# ================================================================= */
.contact_area{
	width : 100%;
	padding : 0 50px;
}

































}/* 1200 */
/* # =================================================================
#### 1024
# ================================================================= */
@media screen and (max-width: 1024px){

}/* 1024 */
/* # =================================================================
#### 896
# ================================================================= */
@media screen and (max-width: 896px){
/* # =================================================================
#### menu
# ================================================================= */
.drawer.drawer--top{
	display : block;
}
button.drawer-toggle.drawer-hamburger {
	position : absolute;
	top : 21px;
	right : 15px;
}
.drawer--top .drawer-hamburger,
.drawer--top.drawer-open .drawer-hamburger{
	right : 15px;
}
/* # =================================================================
#### header
# ================================================================= */
.header_inner{
	display : block;
	margin : 0;
}
.header_inner .left_box{
	width : 100%;
}
.header_inner .left_box h1{
	width : 85px;
}
.header_inner .left_box p{
	top : -16px;
}
.header_inner .right_box{
	display : none;
}
nav.header{
	display : none;
}
/* # =================================================================
#### footer
# ================================================================= */
footer.pc{
	display : none;
}
footer.sp{
	position : relative;
	display :-webkit-box;
	display :-ms-flexbox;
	display :flex;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
}
footer.sp .left_box{
	position : relative;
	display : block;
	width : 45%;
	height : auto;
}
footer.sp .left_box h2{
	position : relative;
	display : block;
	width : 190px;
	height : auto;
	margin-bottom : 30px;
}
footer.sp .left_box h2 a{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
footer.sp .left_box h2 a:hover{
	opacity : 0.5;
}
footer.sp .left_box h2 a img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.footer_nav{
	width : 100%;
	padding : 0;
}
.footer_link{
	margin-top : 30px;
}
footer.sp .right_box{
	position : relative;
	display : block;
	width : 55%;
	height : auto;
	color : #fff;
}
footer.sp .right_box .contact_box span{
	margin-bottom : 10px;
}
footer.sp .right_box .contact_box a{
	position : relative;
	display : block;
	width : 315px;
	height : auto;
	margin-bottom : 10px;
}
footer.sp small{
	margin-top : 30px;
}
/* # =================================================================
#### 会社案内
# ================================================================= */
.page_footer_link{
	padding : 15px;
}
.page_footer_link ul{
	display : block;
	padding-left : 25px;
}
.page_footer_link ul li a{
	display : inline-block;
}
.page_footer_link ul li a:after{
	right : auto;
	left : -20px;
}
/* 経営理念 */
.company_image{
	padding : 30px 100px;
}
/* 会社概要 */
.outline_list > dl{
	display : block;
}
.outline_list > dl > dt{
	width : 100%;
	background : #fff;
	padding : 5px 15px;
	border : none;
}
.outline_list > dl > dd{
	width : 100%;
	padding : 5px 15px;
	margin : 0;
}
.outline_list > dl dd dl.list01 dt,
.outline_list > dl dd dl.list01 dd,
.outline_list > dl dd dl.list02 dt,
.outline_list > dl dd dl.list02 dd{
	margin-bottom : 5px;
}
/* 沿革 */
.history_list dl{
	display : block;
}
.history_list dl dt{
	width : 100%;
	background : #fff;
	padding : 5px 15px;
	text-align : left;
	margin : 0;
}
.history_list dl dd{
	width : 100%;
	padding : 5px 15px;
	margin : 0;
}
/* 生産設備 */
.page_footer_link.three{
	width : 100%;
}
/* # =================================================================
#### 品質管理
# ================================================================= */
.page_link.center{
	position : relative;
	display :-webkit-box;
	display :-ms-flexbox;
	display :flex;
	-ms-flex-wrap : wrap;
	flex-wrap : wrap;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
}
.page_link.center li{
	display : block;
	width : 48%;
	height : auto;
	margin : 0;
}
/* # =================================================================
#### 製品例
# ================================================================= */
dl.product dt,
dl.product dd{
	padding : 10px;
}
/* # =================================================================
#### お問い合わせ 896
# ================================================================= */
.contact_area{
	padding : 0;
}
.form_body{
	padding : 0;
}
.form_body dl{
	display : block;
}
.form_body dl dt{
	width : 100%;
	padding : 10px 20px;
	margin-bottom : 0;
}
.form_body dl dd{
	width : 100%;
	background : #fff;
	padding : 20px;
	margin-bottom : 0;
}
.form_body dl dd.medium_box input,
.form_body dl dd.medium_box select{
	width : 100%;
}
.form_body h4.info,
.form_body ul.info{
	padding : 20px;
}
.submit{
	padding : 20px;
}
.submit p:nth-child(2),
.submit p:nth-child(3){
	display : block;
	margin : 0 auto 20px;
}
}/* 896 */
/* # =================================================================
#### 768
# ================================================================= */
@media screen and (max-width: 768px){
.factory_type02 dt:nth-child(1){
	width : 70%;
}
.factory_type02 dd:nth-child(2){
	width : 30%;
}
.factory_type02 dt{
	width : 60%;
}
.factory_type02 dd{
	width : 40%;
}
}/*768*/
/* # =================================================================
#### 600
# ================================================================= */
@media screen and (max-width: 600px){
/* slider */
.slide-box.pc_slider {
	display : none;
}
.slide-box.sp_slider{
	display : block;
}
/* 生産設備 */
.flex_box{
	display : block;
	flex-wrap : nowrap;
}
.flex_box .box{
	width : 100%;
	padding : 0;
}
.flex_box .box.img .images_box{
	display : block;
}
.flex_box .box.img img{
	width : 100%;
	margin-bottom : 10px;
}
/* 技術提案 */
.proposal_flex .box{
	display : block;
}
.proposal_flex .box img {
	width : 90%;
	height : auto;
	margin : 0 auto 15px;
	display : block;
}
/**/
.factory_type01,
.factory_type02{
	display : block;
}
.factory_type01 dt,
.factory_type02 dt{
	width : 100%;
	border : none;
	padding : 5px 15px;
	margin : 0;
	background : #ccc;
}
.factory_type01 dd,
.factory_type02 dd{
	width : 100%;
	border : none;
	padding : 5px 15px;
	margin-bottom : 0;
}
.factory_type02 dt:nth-child(1),
.factory_type02 dd:nth-child(2){
	border : none;
}
.flex_box .box p{
	width : 100%;
	border : none;
	padding : 5px 15px;
	margin : 0;
}
.factory_type02 dt:nth-child(1){
	width : 100%;
}
.factory_type02 dd:nth-child(2){
	width : 100%;
}
/* 検査設備 */
h3.title{
	font-size : 18px;
	padding-bottom : 10px;
	margin-bottom : 20px;
}
.proposal_list{
	margin-bottom : 10px;
}
p.bold{
	font-size : 16px;
	margin-bottom : 10px;
}

/* 弊社品質方針 */
.policy_area p{
	margin-bottom : 10px;
}
.policy_area ol li{
	margin-bottom : 10px;
}
















}/* 600 */
/* # =================================================================
#### 480
# ================================================================= */
@media screen and (max-width: 480px){
/* # =================================================================
#### header
# ================================================================= */
.header_inner .left_box p{
	display : block;
	top : 0;
	left : 0;
}
/* # =================================================================
#### footer
# ================================================================= */
footer.sp{
	display : block;
}
footer.sp .left_box{
	width : 100%;
	margin-bottom : 30px;
}
footer.sp .left_box h2{
	margin : 0  auto 30px;
}
footer.sp .right_box{
	width : 100%;
}
footer.sp .right_box .contact_box a{
	width : 100%;
}
/* # =================================================================
#### front
# ================================================================= */
h2.main_headline img{
	width : 100%;
}
h2.main_headline span{
	font-size : 16px;
}
ul.front{
	display : block;
	margin : 0;
}
ul.front.two li,
ul.front.three li{
	width : 90%;
	margin : 0 auto 20px;
}
/* # =================================================================
#### page_common
# ================================================================= */
.page_link{
	display : block;
}
.page_link li{
	width : 90%;
	margin : 0 auto 20px;
}
h2.headline{
	font-size : 20px;
	margin-bottom : 30px;
}
h3.headline{
	font-size : 18px;
	margin-bottom : 20px;
}
p.headline{
	font-size : 18px;
}
.right_link{
	width : 100%;
	margin : 50px 0;
}
.right_link a{
	font-size : 16px;
	padding : 10px;
}
.right_link a:after{
	top : 15px;
}
/* # =================================================================
#### 会社案内
# ================================================================= */
.page_footer_link{
	margin : 30px auto 30px;
}
/* 経営理念 */
.company_image{
	padding : 15px 30px;
}
/* 会社概要 */
.outline_list > dl dd dl.list01,
.outline_list > dl dd dl.list02{
	width : 100%;
}
/* アクセス */
.access_box{
	display : block;
}
.access_box .box{
	width : 100%;
	margin-bottom : 15px;
}
/* # =================================================================
#### SASAYAのものづくり
# ================================================================= */
.manufacturing_menu_list{
	display : block;
	border : none;
}
.manufacturing_menu_list dt{
	width : 100%;
	border : none;
	padding : 5px 15px;
}
.manufacturing_menu_list dd{
	width : 100%;
	border : none;
	padding : 5px 15px;
}
/* 技術力 */
ul.page_link.sp_link{
	display : none;
}
ul.page_link.link_main li > ul{
	display : block;
	margin-top : 20px;
}
/* 技術提案 */
.proposal_image{
	display : block;
}
.proposal_image figure{
	width : 90%;
	margin : 0 auto 20px;
}
.proposal_flex p.bold{
	font-size : 18px;
}
.proposal_flex .box img{
	width : 90%;
	height : auto;
	margin : 0 auto 15px;
}
.proposal_flex .box p{
	display : block;
	width : 100%;
}
/* # =================================================================
#### 品質管理
# ================================================================= */
.page_link.center{
	display : block;
}
.page_link.center li{
	width : 90%;
	height : auto;
	margin : 0 auto 20px;
}
.page_link.center li:last-child{
	margin : 0 auto;
}
/* 弊社品質方針 */
.policy_area{
	padding : 15px;
}
.policy_area .info{
	display : block;
}
.policy_area .info .box{
	width : 100%;
	margin-bottom : 15px;
}

.policy_area .info .box img{
	width : 150px;
}
.page_footer_link.two{
	width : 100%;
}
/* # =================================================================
#### 製品例
# ================================================================= */
dl.product dt,
dl.product dd{
	padding : 5px 10px;
}
/* # =================================================================
#### MOVIE
# ================================================================= */
.page_link.movie li{
	width : 100%;
}
/* # =================================================================
#### 採用情報
# ================================================================= */
/* 募集要項 */
dl.info{
	display : block;
	padding : 0;
}
dl.info dt{
	width : 100%;
	font-size : 16px;
	padding : 5px 15px;
	background : #fff;
	margin : 0;
}
dl.info dd{
	width : 100%;
	font-size : 16px;
	padding : 5px 15px;
	margin : 0;
}
/*  */
p.small{
	font-size : 16px;
	text-align : left;
}
h3.recruit_header{
	font-size : 20px;
	margin-bottom : 40px;
}
/*  */
ul.department_list{
	width : 100%;
	margin-bottom : 15px;
}
ul.department_list li{
	font-size : 18px;
}
.department_box{
	display : block;
	margin-bottom : 30px;
}
.department_box .side_box{
	width : 100%;
}
.department_box p:last-child{
	margin : 0;
}
.department_box p{
	margin-bottom : 15px;
}
/* # =================================================================
#### お問い合わせ 480
# ================================================================= */
.form_body dl dd.tel_box input{
	width : 30%;
}
.form_body dl dt{
	padding : 5px 20px;
	background : #ccc;
}
.form_body dl dd{
	padding : 5px 20px;
}
/* # =================================================================
#### 個人情報保護方針 480
# ================================================================= */
.privacy_info p.bold,
.privacy_info p{
	margin-bottom : 10px;
}







}/* 480 */
/* # =================================================================
#### 320
# ================================================================= */
@media screen and (max-width: 320px){

}/* 320 */