/* ---------------------------------------------------------------
	start min 1200px
--------------------------------------------------------------- */

@media screen and ( min-width: 1200px ) {



	/* --------------- top --------------- */

	.name_topgroup {
		margin-right: 170px;
	}



	/* --------------- company/world --------------- */

	.col_world2:before {
		width: 124px;
		height: 212px;
		top: -104px;
		left: -160px;
	}




	/* --------------- csr --------------- */

	.col_csr3 {
		overflow: visible;
	}

	.box_csr_for {
		max-width: 1200px;
		padding: 0;
	}

	.box_csr_for dl {
		width: 50%;
		max-width: 562px;
	}

	.box_csr_for dl dt {
		width: 440px;
	}

	.box_csr_for dl dt:after {
		width: 504px;
		height: 98px;
		left: 58px;
	}




/* ---------------------------------------------------------------
	end min 1200px
--------------------------------------------------------------- */
}


/* ---------------------------------------------------------------
	start max 550px
--------------------------------------------------------------- */

@media screen and ( max-width: 550px ) {


	/*------------ actionplan ------------*/

	dl.box_announce_actionplan dd .list {
		display: block;
	}

	dl.box_announce_actionplan dd .list .left {
		padding-left: 1em;
		text-indent: -1em;
	}

	dl.box_announce_actionplan dd .list .left .iblock {
		text-indent: 0;
	}

	dl.box_announce_actionplan dd .list .right {
		width: auto;
		padding-left: 1em;
		text-align: left;
	}

	dl.box_announce_actionplan dd .list .left .bg::before {
		content: none;
	}
	
	
	/* --------------- common - sustainability --------------- */
	
	table.tbl_material1 th { padding: 0.9em 0.4em 0.8em; }
	table.tbl_material1 td { padding: 0.9em 0.5em 0.8em; }
	table.tbl_material1 thead th { width: calc( 74% / 3 ); }
	table.tbl_material1 thead th:first-child { width: 26%; }
	
	
	
	/* --------------- climate - sustainability --------------- */
	
	table.tbl_climate1 th { padding: 1em 0.5em 0.9em; }
	table.tbl_climate1 thead th { padding: 1em 0.3em 0.9em; }
	table.tbl_climate1 .total th { padding: 0.4em 0.4em; }
	table.tbl_climate1 td { padding: 1em 0.8em 0.9em; }
	table.tbl_climate1 .total td { padding: 0.6em 0.6em 0.5em; }

	/* --------------- safety - sustainability --------------- */
		.cont_chart_safe .area .bot_box span.name{
		padding: 2.8vw 0;
	}

	
/* --------------- governance - sustainability --------------- */
	    .governance .col_ttl_sustainability .ttl {
        font-size: 30px;
    }
	
	

}
/* ---------------------------------------------------------------
	end max 550px
--------------------------------------------------------------- */




/* ---------------------------------------------------------------
	start max 450px
--------------------------------------------------------------- */

@media print,screen and ( max-width: 450px ) {


	/*------------ common ------------*/



	/*------------ header ------------*/

	#header {
		display: block;
	}

	.logo_header {
		width: 85%;
		margin: 0;
		padding: 15px 0 0 10px;
		float: left;
	}

	ul.col_header_group {
		width: 40%;
		padding: 3% 0 0 0;
		float: left;
		display: none;
	}

	/*------------ footer ------------*/



	/*------------ top ------------*/

	#mainimg {
		height: 107.5vw;
	}

	.copy_mainimg div:nth-child(3) {
		padding: 1% 0;
	}

	.copy_mainimg div:before {
		padding: 2% 3%;
		top: -10%;
		left: -3%;
	}

	.copy_mainimg div:nth-child(1):before {
		padding-top: 5%;
		top: -20%;
	}

	.bg_topgreeting .col_top1 {
		padding-bottom: 7%;
	}

	dl.txt_topgreeting dd p {
		margin-bottom: 30px;
	}

	.img_topgreeting {
		width: 180px;
		right: 0;
	}

	.bg_topgroup {
		padding: 10% 0 8%;
	}

	.txt_topproduct {
		padding-top: 10%;
		font-size: 5.1vw;
		line-height: 7.2vw;
	}


	/*------------ contact ------------*/

	.mds_contact1 {
		font-size: 5.2vw;
		line-height: 6vw;
	}

	.btn_contact input {
		width: 100%;
	}



	/*------------ company ------------*/

	.bg_pagettl.company {
		background-size: auto 178px;
	}

	.tabbtn_company ul li {
		font-size: 15px;
		line-height: 18px;
	}

	.lead_logo_company {
		font-size: 6.2vw;
	}

	.txt_logo_company {
		padding-left: 15px;
		font-size: 3.6vw;
	}

	.txt_logo_company:before {
		width: 85%;
		height: 25%;
	}

	.col_company_group1 h4 {
		font-size: 16px;
	}

	.col_company_group1 h4 span {
		padding-left: 38px;
	}

	.col_company_group1 h4.company1 span,
	.col_company_group1 h4.company2 span,
	.col_company_group1 h4.company3 span,
	.col_company_group1 h4.company4 span {
		background-size: 30px auto;
	}

	dl.list_company_unit1:nth-of-type(odd) dd.img_company_unit1,
	dl.list_company_unit1:nth-of-type(even) dd.img_company_unit1 {
		margin-bottom: calc( 80px -1vw);
	}

	ul.col_bnr_company li a {
		padding-bottom: 12px;
		font-size: 15px;
	}

	.img_bnr_company {
		margin-bottom: 10px;
	}

	ul.col_bnr_company li span:before {
		top: 1.5px;
	}

	ul.col_bnr_company li span:after {
		top: 6.5px;
	}



	/*------------ company_world ------------*/

	.lead_world1 span {
		font-size: 20px;
	}

	.col_world2:before {
		width: 70px;
		height: 120px;
		right: 0;
		top: -163px;
	}


	/* --------------- company_story --------------- */

	.bgimg_story1 {
		width: 95%;
		margin: 0 auto 20px auto;
		float: none;
	}



	/* --------------- csr --------------- */

	dl.list_policy1 {
		background-size: 100% 100%;
	}

	dl.list_policy1 dt {
		height: 13vw;
		padding-left: 16vw;
		padding-top: 2.5vw;
		font-size: 4.8vw;
	}

	dl.list_policy1 dt img {
		width: 12%;
	}

	dl.list_policy1 dt .small {
		font-size: 3.5vw;
	}



	/* --------------- effort --------------- */

	ul.pagenavi_effort li {
		height: 42px;
	}

	ul.pagenavi_effort li a {
		padding-left: 12px;
		font-size: 11px;
	}

	ul.pagenavi_effort li span:before {
		width: 6px;
		height: 6px;
		top: 4px;
		left: -13px;
	}

	.col_effort_hide.is-hide {
		height: 65vh;
	}

	ul.item_effort7s li {
		width: 20vw;
		height: 20vw;
		margin-right: 3vw;
		font-size: 15px;
	}

	.circle_effort7s dl,
	.circle_effort7s dl:last-child {
		width: 260px;
		height: 260px;
		padding-top: 66px;
	}

	.circle_effort7s dl dt {
		font-size: 18px;
	}

	.circle_effort7s dl:before {
		width: 46px;
		height: 46px;
		left: 17px;
	}

	.catch_effort1 {
		font-size: 20px;
		line-height: 27px;
	}

	.col_effort_club dl dt {
		font-size: 14px;
		line-height: 46px;
	}
	
	
	/* --------------- common - sustainability --------------- */
	
	.col_ttl_sustainability .tag { font-size: 15px; }
	.col_ttl_sustainability .ttl { font-size: 30px; }
	.mds_sustainability_d { margin: 0 0 25px; }
	.mds_sustainability_d .mds {
		padding: 0.5em 5px 0.5em 21px;
		font-size: 20px;
	}
	.cont_sustainability_d .submds span { padding: 0 0 0.45em; }
	.mds_sustainability_d .mds::before {
		width: 5px;
		left: 8px;
	}
	.cont_chart_iso .box {
		
	}
	.cont_chart_iso .area::before { width: 76%; }
	.cont_chart_iso .area dl {
		width: 24%;
		padding: 0 3%;
	}
	
	.cont_sustainability_d table.tbl_iso td { padding: 0.8em 0.8em; }


/* --------------- governance - sustainability --------------- */
	    .governance .col_ttl_sustainability .ttl {
        font-size: 22px;
    }


	/* --------------- recruit_new --------------- */

	.bg_pagettl.recruit_new {
		background-size: auto 178px;
	}

	.col_recruit .mds1 {
		margin-bottom: 45px;
	}


	ul.tabs_recruit li {
		font-size: 4vw;
		line-height: 4.8vw;
	}

	.copy_recnew {
		font-size: 4.8vw;
	}

	.col_message_rec .img_message_rec {
		width: 55%;
	}

	.mds_recevent {
		font-size: 14px;
	}


	/* ���Ў��E���C */

	.col_list_training dl {
		margin: 0 0 13px 0;
		display: block;
	}

	.col_list_training dl dt {
		width: 100%;
		margin: 0;
		padding: 0;
		color: #00aa71;
		display: block;
	}

	.col_list_training dl dd {
		margin: 0;
		padding: 0;
		display: block;
	}


	/* ���W�v���E�G���g���[ */

	.mds_require {
		font-size: 3.2vw;
	}

	.confirm .btnarea_recform input {
		width: 100%;
	}

	.confirm .btnarea_recform input[name="submitBack"] {
		margin: 0 0 25px 0;
	}


	/* --------------- recruit_career --------------- */

	.bg_pagettl.recruit_career {
		background-size: auto 178px;
	}



	/* --------------- product --------------- */

	.bg_pagettl.product {
		background-size: auto 178px;
	}

	.name_list_product {
		font-size: 13px;
	}

	.col_pickup_product .slick-arrow {
		width: 40px;
		height: 40px;
		top: 42%;
	}



	/* --------------- product-detail --------------- */

	.mds_img_product_d,
	.mds_shiyou_product {
		font-size: 20px;
	}



	/* --------------- actionplan --------------- */

	dl.txt_actionplan {
		margin: 0 auto 8vw;
		padding: 2vw 0 0 0;
	}

	dl.txt_actionplan dt {
		margin: 0 0 15px;
		display: block;
	}

	dl.txt_actionplan dt .mds {
		width: 100%;
	}

	dl.txt_actionplan dt .txt {
		width: 100%;
	}




}
/* ---------------------------------------------------------------
	end max 450px
--------------------------------------------------------------- */