@charset "utf-8";

@media screen and (max-width: 1150px) {
    .md_none {
        display: none!important;
    }

	/* Header
	------------------------------ */
	.header_inner {
		height: 80px;
	}
    /* ハンバーガーメニュー */
	.hamburger {
        display: block;
		overflow: hidden;
	}
	#hamburger_toggle {
		overflow: hidden;
	}
	.hamburger_open, 
	.hamburger_close {
		cursor: pointer;
		position: absolute;
		top: 0;
		right: 0;
	}
	.hamburger_open{
		z-index: 101;
		width: 80px;
		height: 80px;
		color: #fff;
		background: #67A762;
		font-size: 1.6em;
		text-align: center;
		-webkit-transition: background-color 0.6s,-webkit-transform 0.6s;
		transition: background-color 0.6s,transform 0.6s;
	}
	#hamburger_toggle:checked+.hamburger_open {
		color: #67A762;
		background-color: #fff;
		-webkit-transform: translateX(-250px);
		transform: translateX(-250px);
	}
    .hamburger_bars {
        position: relative;
        display: block;
    }
    .hamburger_bar {
        position: absolute;
        display: block;
		width: 35px;
		height: 3px;
        left: 50%;
        transform: translateX(-50%);
        background: #fff;
    }
    #hamburger_toggle:checked+.hamburger_open .hamburger_bar {
        background: #67A762;
    }
    .hamburger_bar:nth-of-type(1) {
        top: 16px;
    }
    .hamburger_bar:nth-of-type(2) {
        top: 28px;
    }
    .hamburger_bar:nth-of-type(3) {
		top: 40px;
    }
	.hamburger_title{
		position: relative;
		display: block;
		font-size: 1.4rem;
		font-weight: 600;
		line-height: 1;
		letter-spacing: 0;
        padding-top: 53px;
	}
	.hamburger_close {
		pointer-events: none;
		z-index: 1;
		width: 100%;
		height: 100%;
		transition: background-color 0.6s;
	}
	#hamburger_toggle:checked~.hamburger_close {
		pointer-events: auto;
		background-color: rgba(0,0,0,.3);
		height: 100vh;
		z-index: 2;
	}
	.hamburger_nav{
		position: fixed;
		overflow: auto;
		top: 0;
		right: 0;
		width: 250px;
		height: 100%;
		background: #fff;
		transform: translateX(100%);
		-webkit-transition: -webkit-transform 0.6s;
		transition: transform 0.6s;
		box-sizing: border-box;
		z-index: 200;
        padding: 50px 10px 10px;
	}
	#hamburger_toggle:checked~.hamburger_nav {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	.hamburger_lists {
		padding: 0;
	}
	.hamburger_list {
		position: relative;
		border-bottom: 1px solid #67A762;
	}
	.hamburger_list a {
		display: block;
		padding: 10px 15px;
	}
	.header_nav {
		display: none;
	}
	main {
		margin-top: 80px;
	}

	/* product
	------------------------------ */
	.product_guide_about_head {
		display: block;
	}
	.product_guide_about_text {
		margin-top: 10px;
	}
	.product_guide_about_item_img {
		max-width: 300px;
	}
	.product_guide_about_item_img img {
		height: 100%;
		object-fit: cover;
	}
	.product_guide_about_item_content {
		width: calc(100% - 300px);
		padding: 20px 25px 20px;
	}
	.product_guide_materials_head {
		display: block;
	}
	.product_guide_materials_text {
		margin-top: 10px;
	}
	.product_guide_materials_item {
		width: calc(50% - 20px);
	}
	.product_guide_materials_item:nth-of-type(n + 3) {
		margin-top: 30px;
	}

	/* effort
	------------------------------ */
	.effort_plant_image:nth-of-type(2) {
		width: 100%;
		transform: none;
		margin-top: 30px;
	}

	/* company
	------------------------------ */
	.company_map_unit  {
		margin-top: 0;
	}

	/* info
	------------------------------ */
	.info_company_figure dt {
		min-width: 250px;
	}
	.info_company_figure dd {
		width: calc(100% - 250px);
	}
	.info_company_figure_lists:first-of-type {
		margin-right: 20px;
	}

	/* news - single
	------------------------------ */
	.news_article_buttons {
		flex-wrap: wrap;
	}
	.news_article_button_previous {
		max-width: 48%;
		order: 1;
	}
	.news_article_button_all {
		max-width: 300px;
		order: 3;
		margin: 30px auto 0;
	}
	.news_article_button_next {
		max-width: 48%;
		order: 2;
	}

	/* recruit
	------------------------------ */
	.recruit_voice_items {
		flex-wrap: wrap;
	}
	.recruit_voice_item {
		width: calc(50% - 10px);
	}
	.recruit_voice_item:nth-of-type(n + 3) {
		margin-top: 20px;
	}
	.recruit_job_content dt {
		max-width: 250px;
	}
	.recruit_job_content dd {
		width: calc(100% - 250px);
	}
	.recruit_form_title {
		min-width: 250px;
	}
	.recruit_form_input {
		width: calc(100% - 250px);
	}
	.recruit_form_radio_buttons {
		display: block;
	}
	.recruit_form_radio_button {
		margin-right: 0;
	}
	.recruit_form_radio_button:nth-of-type(n + 2) {
		margin-top: 5px;
	}


    /* news
    ------------------------------ */
	.news_wrapper {
		display: block;
	}
	.news_head {
		width: 400px;
		max-width: 100%;
	}
	.news_lists {
		width: 90%;
		margin: 30px auto 0;
	}

    /* footer
    ------------------------------ */
	.footer_wrapper {
		display: block;
	}
	.footer_bnr {
		width: 80%;
	}
	.footer_nav {
		width: 100%;
		justify-content: right;
		margin-top: 30px;
	}
}