@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'Barlow Semi Condensed SemiBold';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('../../../../../common/font/BarlowSemiCondensed-SemiBold.woff2') format('woff2');
}
.number,
.number_af {
	color: #0852A0;
	font-family: "Barlow Semi Condensed SemiBold", sans-serif;
	font-optical-sizing: auto;
	font-weight: 600;
	font-style: normal;
	line-height:0.8;
}

/*リンクボタン*/
	a.ata_link_btn {
		display: block;
        position: relative;
		width: fit-content;
		padding: 8px 64px 8px 24px;
		background-color: #0852A0;
		color: #fff;
		text-decoration: none;
	}
	a.ata_link_btn::before,
	a.ata_link_btn::after{
		content: "";
		position: absolute;
		vertical-align: middle;
		top: 50%;
		-webkit-transition: all .2s ease-out 0s;
		transition: all .2s ease-out 0s;
	}
	a.ata_link_btn::before {
		margin-top: -2px;
		right: 30px;
		width: 16px;
		height: 1px;
		background: #fff;
		margin-left: 20px;
	}
	a.ata_link_btn::after {
		right: 30px;
		margin-top: -6px;
		width: 9px;
		height: 9px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		margin-left: 20px;
	}
	a.ata_link_btn:hover {
		background-color: #48A8EE;
	}
	a.ata_link_btn:hover::before {
		right: 22px;
	}
	a.ata_link_btn:hover::after {
		right: 23px;
	}

/*パーパス-----------------------------------------------------------------*/
	section#ata01 {
		background-color:#fff;
		background-image:url(../img/title_bg.jpg);
		background-size: cover;
		background-position:bottom right;
	}
/*身近なKOMORI-----------------------------------------------------------------*/
	section#ata02 {
		background: #f5f9fc;
	}
	.pps_bx,
	.vsn_bx {
		margin-bottom:0;
	}
	/*開閉*/
	summary p {
		width:100%;
		max-width:750px;
		margin:auto;
		text-align:center;
		color:#00428e;
		font-weight:bold;
	}
	.opn_summ1 {
		padding:1em 0 0;
	}
	.opn_summ2 span {
		display:inline-block;
	}
	/*開閉内*/
	.vsn_bx {
		width:100%;
		max-width:920px;
		margin:auto;
		background:#ebf3fa;
		border:solid 1px #bad3ec;
		filter:drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.1));
	}
	.vs_bx_wp {
		border-top:solid 1px #bad3ec;
	}
	.vs_bx {
		width: 100%;
		max-width:840px;
		margin: 0 auto;
		position: relative;
	}
	/*開閉ボタン*/
	details summary::before,
	details[open] summary::before {
		display: block;
		content: '';
		background-color: #00428e;
		position: absolute;
		width: 17px;
		height: 3px;
		top: 50%;
			transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
	}
	details summary::before {
		width: 3px;
		height: 17px;
		top: 50%;
			transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
		background-color: #00428e;
	}
	details summary::after {
		display: block;
		content: '';
		background-color: #00428e;
		position: absolute;
		width: 17px;
		height: 3px;
		top: 50%;
			transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
	}
	details[open] summary::before {
		transform: rotate(45deg);
	}
	details[open] summary::after {
		transform: rotate(135deg);
	}
	
	
/*事業領域-----------------------------------------------------------------*/
	section#ata03 {
		background: #fff;
	}
/*数字で見るKOMORI-----------------------------------------------------------------*/
	section#ata04 {
		background: #f5f9fc;
	}
	.caition_period {
		position:absolute;
		display:block;
		font-size:80%;
		top:-2em;
		right:0;
		text-align:right;
	}
/*KOMORIの歴史-----------------------------------------------------------------*/
	section#ata05 {
		background: #fff;
		background-image: linear-gradient(0deg, #f0f6fb, #ffffff 50%);
	}
	
	
/*共通-----------------------------------------------------------------*/
	.sizeSS {
		font-size: 70%;
	}
	
/*PC*/
@media print, screen and (min-width: 768px) {
	img.sp {
		display:none;
	}
	body.at-a-glance .container {
		width:100%;
	}
	body.at-a-glance footer {
		min-width:100%;
	}
	
	/*ページタイトルとメニュー*/
	.ata_title {
		width: 100%;
		background: #0852A0;
		background-image:url(../img/hayawakari_bg1_pc.jpg);
		background-size: cover;
	}
	.ata_title span {
		display:block;
		max-height:240px;
		background-image:url(../img/hayawakari_bg2.svg);
		background-size: contain;
		background-position:right center;
		background-repeat:no-repeat;
	}
	.ata_title div {
		display: block;
		padding: 60px 28px 55px;
		width: 100%;
		max-width: 1256px;
		max-height:240px;
		margin:auto;
		color: #fff;
	}
	.ata_title div h2 {
		height:120px;
		position:relative;
		display:block;
		background-image:url(../img/hayawakari.svg);
		background-size: contain;
		background-position:left center;
		background-repeat:no-repeat;
		overflow:hidden;
		padding-top:120px;
	}
	.ata_menu {
		width: 100%;
		padding: 1em 0;
		background: #0852A0;
	}
	.ata_menu ul {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		justify-content:center;
	}
	.ata_menu ul li {
		margin-right: 3em;
	}
	.ata_menu ul li:last-child {
		margin-right: 0;
	}
	.ata_menu ul li a {
		display: block;
		color: #fff;
		font-weight: bold;text-decoration: none;
	}
	/*ページパーツ*/
	body.at-a-glance section {
		width: 100%;
		margin: auto;
		display: block;
		position: relative;
		padding-top: 5em;
		padding-bottom: 4em;
	}
	.ata_content {
		display: block;
		position: relative;
		width: 100%;
		max-width: 1256px;
		margin: auto;
		padding-left: 28px;
		padding-right: 28px;
	}
	.ata_content h2 {
		display: flex;
		font-size:26px;
		align-items: center;
		font-weight: bold;
		color: #0852A0;
		margin-bottom: 1.2em;
	}
	.ata_content h2::before {
		content: "";
		width: 30px;
		height: 1px;
		background: #0852A0;
		margin-right: 10px;
	}
	.white_box {
		display: block;
		width: 100%;
		background: #fff;
		margin-bottom: 1em;
		padding-top: 2em;
		position:relative;
	}
	.white_box.pd {
		padding:2em;
	}
	.ata_content h3 {
		display: inline-block;
		position: relative;
		padding-left: 1.3em;
		font-weight: bold;
		color: #0852A0;
		font-size:20px;
		line-height:1.2;
		margin-bottom:0.8em;
	}
	.ata_content h3::before {
		content: "";
		width: 20px;
		height: 20px;
		background: #0852A0;
		margin-right: 10px;
		position: absolute;
		left: 0;
	}
	br.sp {
		display:none;
	}
	br.pc {
		display:block;
	}
	/*パーパス-----------------------------------------------------------------*/
	
	section#ata01 {
		padding-bottom:5em;
	}
	.ata01_box h2 {
		margin-bottom:1em;
	}
	.title_purpose {
		font-size:44px;
		color:#333;
		line-height:1.3;
		margin-bottom:24px;
	}
	.title_purpose2 {
		color:#555555;
		line-height:1.75;
		margin-bottom:2em;
		max-width:810px;
	}
	/*身近なKOMORI-----------------------------------------------------------------*/

	.ata02_box.ata_content h3 {
		margin-bottom:1.4em;
	}
	.ata02_box.ata_content h3 span.font_sp1 {
		font-size:70%;
		letter-spacing: -0.01em;
	}
	#ata02 h4 {
		font-size:26px;
		font-weight:bold;
		margin-bottom:0.5em;
		line-height:1.4;
	}
	.ata02_txt1 {
		margin-bottom:2em;
		text-align:left;
	}
	.pps_bx,
	.vsn_bx {
		margin-bottom:0;
	}
	/*開閉*/
	.opn_summ2 {
		font-size:20px;
		padding:0 1em 8px;
	}
	/*開閉内*/
	details .vs_bx_wp {
		padding: 3rem 1rem 3rem;
	}
	.vs_bx {
		width: 100%;
		max-width:840px;
		margin: 0 auto;
		position: relative;
	}
	.vs_bx ul {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin-bottom:1.5em;
	}
	.vs_bx ul > li:first-child {
		width:100%;
	}
	.vs_bx ul > li:nth-child(2) {
		width: calc(97% - 315px);
		background:#fff;
		margin-right:3%;
		padding:1em 3.5em;
	}
	.vs_bx ul > li.gravure_offset_box {
		padding:1em 1em;
	}
	.vs_bx ul > li:nth-child(2) .gravure {
		width:100%;
		position:relative;
		border:solid 3px #e5ecf4;
	}
	.vs_bx ul > li:nth-child(2) .gravure span {
		display:block;
		font-weight:bold;
		font-size:19px;
		color:#fff;
		background-color:#00428e;
		line-height:1;
		padding:8px 0;
		width: 34px;
		text-align:center;
		position:absolute;
		top:-1px;
		left:-1px;
		height:35px;
	}
	.vs_bx ul > li:nth-child(2) .gravure p {
		display:inline-block;
		color:#00428e;
		font-weight:bold;
		font-size:18px;
		margin-left:40px;
		margin-bottom:0.8em;
		margin-top: 4px;
	}
	.vs_bx ul > li:nth-child(2) .gravure2 {
		text-align:center;
	}
	.vs_bx ul > li:nth-child(2) .gravure img {
		padding:0 1em;
	}
	.vs_bx ul > li:nth-child(2) .gravure2 img {
		max-width:30px;
	}
	.vs_bx ul > li:last-child {
		width:315px;
	}
	.vs_bx ul > li h5 {
		font-size:20px;
		color:#00428e;
		font-weight:bold;
	}
	
	
	/*開閉ボタン*/
	details summary::before,
	details[open] summary::before {
		right: 32px;
	}
	details summary::before {
		right: 39px;
	}
	details summary::after {
		right: 32px;
	}

	/*個別のレイアウト*/
	.opn_box1 .layout {
		display: flex;
		flex-wrap: wrap;
		justify-content:center;
		width: 100%;
		margin:auto;
		margin-bottom:2em;
		max-width:1100px;
	}
	.layout .num_box_item {
		text-align:center;
	}
	.opn_box1 .layout div.lay_bx1 {
		width:47%;
		min-width: 400px;
		margin-right:1.5%;
		text-align:center;
		margin-bottom:1.5em;
	}
	.opn_box1 .layout div.lay_bx1 img {
		max-width:445px;
	}
	.opn_box1 .layout div.lay_bx2 {
		width:50%;
		min-width:520px;
	}
	.opn_box1 .layout > div:last-child {
		margin-left:1.5%;
	}
	.opn_box1-ly2 {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin:auto;
	}
	.opn_box1-ly2 > li {
		width:47.5%;
		margin-right:5%;
	}
	.opn_box1-ly2 > li:last-child {
		margin-right: 0;
	}
	p.bulebg_title {
		display:block;
		width:100%;
		font-size:18px;
		color:#fff;
		font-weight:bold;
		line-height:1;
		padding:7px 0;
		background:#00428e;
		border-radius: 16px;
		margin-bottom:10px;
		text-align:center;
	}
	.opn_box1 .layout div.lay_bx2 .sizeS,
	.opn_box2 .layout div.lay_bx2 .sizeS {
		line-height: 1;
		display: block;
	}
	.opn_box2 .layout {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		max-width:1100px;
		margin-bottom:2em;
	}
	.opn_box2 .layout div.lay_bx1 {
		width: calc(98.5% - 275px);
		text-align:center;
	}
	.opn_box2 .layout div.lay_bx1 img {
		max-width:690px;
	}
	.opn_box2 .layout div.lay_bx2 {
		width:275px;
		margin-left:1.5%;
	}
	.opn_box3 .layout,
	.opn_box4 .layout {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin-bottom:2em;
		max-width:1100px;
	}
	.opn_box3 .layout div.lay_bx1,
	.opn_box4 .layout div.lay_bx1 {
		width:42.5%;
	}
	.opn_box3 .layout div.lay_bx2,
	.opn_box4 .layout div.lay_bx2 {
		width:56%;
		margin-left:1.5%;
	}
	.opn_box5 .layout {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin-bottom:2em;
		max-width:1100px;
	}
	.opn_box5 .layout div.lay_bx1 {
		width:55.5%;
	}
	.opn_box5 .layout div.lay_bx2 {
		width:43%;
		margin-left:1.5%;
	}
	.opn_box5 .layout div.lay_bx2 img {
		max-width:300px;
	}
	.mb30 {
		margin-bottom:30px;
	}
	
	
	
	/*事業領域-----------------------------------------------------------------*/

	.industry {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		margin-bottom:40px;
	}
	.indus_box1 {
		border:solid 2px #2b6eb3;
	}
	.indus_box2 {
		border:solid 2px #578e03;
	}
	.indus_box1 p,
	.indus_box2 p {
		color:#fff;
		font-weight:bold;
		text-align:center;
		font-size:28px;
		line-height:1;
		padding:16px 0;
		width:100%;
		margin-bottom:35px;
	}
	.indus_box1 p {
		background:#2b6eb3;
	}
	.indus_box2 p {
		background:#578e03;
	}
	.industry > div {
		width: calc((100% - 20px) / 2 );
	}
	.industry > div.indus_box1 {
		margin-right:20px;
	}
	.industry ul {
		display: flex;
		flex-wrap: wrap;
		width: calc(100% - 80px);
		padding:0 0 30px;
		margin:0 auto 0;
	}
	.industry .indus_box1 ul.border_clr {
		border-bottom:solid 1px #2b6eb3;
		margin:0 auto 35px;
	}
	.industry .indus_box2 ul.border_clr {
		border-bottom:solid 1px #578e03;
		margin:0 auto 40px;
	}
	.industry ul li:nth-child(1) {
		width:100%;
	}
	.industry ul li:nth-child(2) {
		width:55%;
		margin-right:5%;
	}
	.industry ul li:nth-child(3) {
		width:40%;
	}
	.industry .indus_box1 ul li h3 {
		color:#2b6eb3;
	}
	.industry .indus_box2 ul li h3 {
		color:#578e03;
	}
	.industry .indus_box1 ul li h3::before {
		background:#2b6eb3;
	}
	.industry .indus_box2 ul li h3::before {
		background:#578e03;
	}
	.right_link {
		display: flex;
		justify-content: flex-end;
	}
	/*数字で見るKOMORI-----------------------------------------------------------------*/
	

	/*KOMORIの歴史-----------------------------------------------------------------*/
	
	.ata05_box h2 {
		margin-bottom:1.5em;
	}
	.ata05_in_box {
		width: 100%;
		max-width: 1200px;
		margin: auto;
		display: flex;
		flex-wrap: wrap;
	}
	.ata05_in_box .ata_num_box {
		margin-bottom:1.2em;
	}
	.ata05_in_box p {
		margin-bottom:2em;
	}
	.ata05_in_box > div:first-child {
		width:70%;
		margin-right:3%;
	}
	.ata05_in_box > div:last-child {
		width:27%;
	}
	#ata05 .pc_btn {
		display:block;
	}
	#ata05 .sp_btn {
		display:none;
	}
	
	/*分割-----------------------------------------------------------------*/
	/*2と1の3分割*/
	 ul.ata_sep2to1{
		 display: flex;
		 flex-wrap: wrap;
		 width: 100%;
		 margin-bottom: 2em;
		 padding-right: 1em;
	}
	 ul.ata_sep2to1 li {
		 width: 25%;
		 border-right: dotted 1px #CFD9E3;
		 padding-left: 2em;
		 padding-right: 1em;
	}
	ul.ata_sep2to1 li:nth-child(1) .num_box_item,
	ul.ata_sep2to1 li:nth-child(2) .num_box_item {
		margin:auto;
		text-align:center;
	}
	ul.ata_sep2to1 li:last-child {
		width: 50%;
		border-right: #fff;
	}
	ul.ata_sep2to1 li:last-child h3 {
		margin-bottom:1.5em;
	}
	ul.ata_sep2to1 li:last-child .ata_num_box {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	ul.ata_sep2to1 li:last-child .ata_num_box div.num_box_item {
		width:275px;
	}
	ul.ata_sep2to1 li:last-child .ata_num_box div.num_illust {
		width:calc(100% - 275px);
		text-align:center;
	}
	ul.ata_sep2to1 li:last-child .ata_num_box div.num_illust img {
		max-width:227px;
	}
	
	/*5分割*/
	 ul.ata_sep5 {
		 display: flex;
		 flex-wrap: wrap;
		 width: 100%;
		 margin-bottom: 2em;
		 padding-right: 1em;
	}
	 ul.ata_sep5 li {
		 width: 20%;
		 border-right: dotted 1px #CFD9E3;
		 padding-left: 2em;
		 padding-right: 1em;
	}
	 ul.ata_sep5 li:last-child {
		border-right: #fff;
	}
	.ata_sep5 li .num_illust {
		padding-top:1em;
	}
	/*3分割*/
	 ul.ata_sep3 {
		 display: flex;
		 flex-wrap: wrap;
		 width: 100%;
		 margin-bottom: 2em;
		 padding-right: 1em;
	}
	 ul.ata_sep3 li {
		 width: 33%;
		 border-right: dotted 1px #CFD9E3;
		 padding-left: 2em;
		 padding-right: 1em;
	}
	 ul.ata_sep3 li:last-child {
		 border-right: #fff;
	}
	.ata_sep3 li .num_illust {
		max-width:216px;
	}
	ul.ata_sep3.dottd {
		margin-bottom:1em;
	}
	/*2分割　2－2*/
	 ul.ata_sep2-2 {
		 display: flex;
		 flex-wrap: wrap;
		 width: calc(100% - 4em);
		 margin:0 auto 2em;
		 border-top: dotted 1px #CFD9E3;
		 padding-top:2em;
	}
	ul.ata_sep2-2 li {
		 width: 50%;
	}
	ul.ata_sep2-2 li:first-child {
		 display: flex;
		 flex-wrap: wrap;
		 align-items: flex-start;
		 border-right: dotted 1px #CFD9E3;
		 padding-right: 1em;
	}	
	ul.ata_sep2-2 li:last-child {
		 padding-left: 1em;
	}
	ul.ata_sep2-2 li:last-child .sp_border {
		 width: 100%;
		 display: flex;
		 flex-wrap: wrap;
		 align-items: flex-start;
	}
	ul.ata_sep2-2 li:first-child h3 {
		width:210px;
	}
	ul.ata_sep2-2 li:last-child h3 {
		width:260px;
	}
	ul.ata_sep2-2 li:last-child h3 span.sizeS {
		display:block;
		position:absolute;
		bottom:-15px;
		left:20px;
	}

	
	/*2分割*/
	 ul.ata_sep2 {
		 display: flex;
		 flex-wrap: wrap;
		 width: 100%;
		 margin-bottom:1em;
	}
	 ul.ata_sep2 li {
		 width: calc((100% / 2 ) - 0.5em );
		 padding:2em 1em 2em 2em;
		 background:#fff;
	}
	 ul.ata_sep2 li:first-child {
		 border-right: dotted 1px #CFD9E3;
		 margin-right:1em;
	}
	.ata_sep2 li:first-child .ata_num_box {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	.ata_sep2 li:first-child .ata_num_box div.num_box_item {
		width: 312px;
		padding-left: 0;
		padding-right: 1em;
	}
	.ata_sep2 li:first-child .ata_num_box div.num_illust {
		width: calc(100% - 312px);
		text-align:center;
		margin:auto;
		padding-left: 1em;
		padding-right: 1em;
	}
	.ata_sep2 li:last-child .ata_num_box div.num_box_item {
		text-align:center;
	}
	/*2分割 円グラフ*/
	 ul.ata_sep2.chart {
		 display: flex;
		 flex-wrap: wrap;
		 width: calc(100% - 4em);
		 margin:0 auto 2em;
		 border-top: dotted 1px #CFD9E3;
		 padding-top:2em;
	}
	 ul.ata_sep2.chart li {
		 width: calc(50% - 0.5em);
		 padding:0;
	}

	.num_illust.graph {
		text-align:center;
	}
	.num_illust.graph img {
		max-width:400px;
	}
	
	/*数字アップ-----------------------------------------------------------------*/
	.sizeL {
		font-size: 20px;
		font-weight:bold;
	}
	.sizeM {
		font-size: 14px;
		font-weight:bold;
	}
	.sizeS {
		font-size: 12px;
		font-weight:bold;
	}
	.number,
	.number_af {
	  font-size: 74px;
	}
	.number.numyear {
	  font-size: 90px;
	}
	.ata_sep5 .number {
	  font-size: 64px;
	}

	/*数字のイラスト*/
	.num_illust {
		margin:auto;
	}
	
	/*数字イラストの位置調整*/
	.paddtop30 {
		padding-top:30px;
	}
}


@media only screen and (max-width: 1050px) {
/*ページタイトルとメニュー*/
	.ata_title span {
		max-height:22.9vw;
	}
	.ata_title div {
		padding: 5.71vw 28px 5.24vw;
		max-height:22.9vw;
	}
	.ata_title div h2 {
		width:41vw;
	}
}
/*PC/tab*/
@media only screen and (max-width: 950px) {
	.industry ul li:nth-child(2) {
		width: 100%;
		margin-right: 0;
	}
	.industry ul li:nth-child(3) {
    	width: 100%;
		text-align:center;
	}
	.industry ul li:nth-child(3) img {
		max-width:80%;
	}
	
	/*2と1の3分割*/
	ul.ata_sep2to1 li {
		 width: 50%;
	}
	ul.ata_sep2to1 li:nth-child(2) {
		border-right: #fff;
	}
	ul.ata_sep2to1 li:last-child {
		width: 100%;
		border-top: dotted 1px #CFD9E3;
		border-right: #fff;
		padding-top:2em;
		margin-top:1em;
	}
	
}


/*SP*/
@media only screen and (max-width: 767px) {
	img.pc {
		display:none;
	}
	body.at-a-glance .container .contents {
		width: 100%;
		padding: 0;
	}
	/*ページタイトルとメニュー*/
	.ata_title {
		width: 100%;
		background: #0852A0;
		background-image:url(../img/hayawakari_bg1_pc.jpg);
		background-size: cover;
	}
	.ata_title span {
		display:block;
		max-height:120px;
		height:120px;
		background-image:url(../img/hayawakari_bg2_sp.svg);
		background-size: cover;
		background-position:right center;
		background-repeat:no-repeat;
	}
	.ata_title div {
		display:block;
		height:120px !important;
		height:120px;
		padding: 20px 23px 23px;
		width: 100%;
		margin:auto;
		width:100%;
	}
	.ata_title div h2 {
		height:80px;
		position:relative;
		display:block;
		background-image:url(../img/hayawakari_sp.svg);
		background-size: contain;
		background-position:left center;
		background-repeat:no-repeat;
		overflow:hidden;
		padding-top:80px;
	}
	.ata_menu {
		width: 100%;
		padding: 1em 0 0.5em;
		background: #0852A0;
	}
	.ata_menu ul {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		justify-content:center;
	}
	.ata_menu ul li {
		margin-right: 1em;
		margin-left:1em;
		margin-bottom:0.5em;
	}
	.ata_menu ul li:last-child {
		margin-right: 1em;
	}
	.ata_menu ul li a {
		display: block;
		color: #fff;
		font-weight: bold;text-decoration: none;
	}
	
	/*ページパーツ*/
	body.at-a-glance section {
		width: 100%;
		margin: auto;
		display: block;
		position: relative;
		padding-top: 3em;
		padding-bottom: 3em;
	}
	.ata_content {
		display: block;
		position: relative;
		width: 100%;
		margin: auto;
		padding-left: 10px;
		padding-right: 10px;
	}
	.ata_content h2 {
		display: flex;
		font-size:18px;
		align-items: center;
		font-weight: bold;
		color: #0852A0;
		margin-bottom: 1em;
	}
	.ata_content h2::before {
		content: "";
		width: 25px;
		height: 1px;
		background: #0852A0;
		margin-right: 10px;
	}
	.white_box {
		display: block;
		width: 100%;
		background: #fff;
		margin-bottom: 1em;
		padding-top: 2em;
		position:relative;
	}
	.white_box.pd {
		padding:2em 10px;
	}
	.ata_content h3 {
		display: inline-block;
		position: relative;
		padding-left: 1.5em;
		font-weight: bold;
		color: #0852A0;
		font-size:16px;
		line-height:1.2;
		margin-bottom:0.8em;
		letter-spacing: 0.1em;
	}
	.ata_content h3::before {
		content: "";
		width: 14px;
		height: 14px;
		background: #0852A0;
		margin-right: 10px;
		position: absolute;
		left: 0;
		top:2px;
	}
	br.sp {
		display:block;
	}
	br.pc {
		display:none;
	}
	/*パーパス-----------------------------------------------------------------*/
	section#ata01 {
		padding-bottom:6em;
	}
	.title_purpose {
		font-size:24px;
		color:#333;
		line-height:1.3;
		margin-bottom:8px;
	}
	.title_purpose2 {
		color:#555555;
		line-height:1.75;
		margin-bottom:2em;
		max-width:100%;
	}
	#ata01 .ata_btn_posi,
	.right_link {
		display: flex;
		justify-content: flex-end;
	}
	
	/*身近なKOMORI-----------------------------------------------------------------*/
	.ata02_box.ata_content h3 {
		margin-bottom:1em;
	}
	.ata02_box.ata_content h3 span.font_sp1 {
		font-size:80%;
		letter-spacing: -0.05em;
	}
	#ata02 h4 {
		font-size:18px;
		font-weight:bold;
		margin-bottom:0.5em;
		line-height:1.5;
		letter-spacing: 0.05em;
	}
	.ata02_txt1 {
		margin-bottom:1em;
		text-align:left;
	}
	.img_mb_sp1 {
		margin-bottom:1.5em;
		padding:0 1em;
	}
	.img_mb_sp2 {
		margin-bottom:1.5em;
		padding:0 3em;
	}
	.img_mb_sp3 {
		margin-top:1.5em;
		padding:0;
	}
	.img_mb_sp4 {
		margin-top:1.5em;
		padding:0 3em;
	}
	/*開閉*/
	.opn_summ1 {
		font-size:13px;
		margin-bottom: 0.5em;
	}
	.opn_summ2 {
		font-size:16px;
		padding: 0 2.5em 8px;
	}
	/*開閉内*/
	details .vs_bx_wp {
		padding: 2rem 1rem 1rem;
	}
	.vs_bx ul {
		display: block;
		width: 100%;
		margin-bottom:1.8em;
	}
	.vs_bx ul > li {
		width:100%;
	}
	.vs_bx ul > li:nth-child(2) {
		background:#fff;
		padding:1em 1.5em;
		margin-bottom:0.8em;
	}
	.vs_bx ul > li:nth-child(2) .gravure {
		width:100%;
		position:relative;
		border:solid 3px #e5ecf4;
	}
	.vs_bx ul > li:nth-child(2) .gravure span {
		display:block;
		font-weight:bold;
		font-size:19px;
		color:#fff;
		background-color:#00428e;
		line-height:1;
		padding:8px 0;
		width: 34px;
		text-align:center;
		position:absolute;
		top:-1px;
		left:-1px;
		height:36px;
	}
	.vs_bx ul > li:nth-child(2) .gravure p {
		display:inline-block;
		color:#00428e;
		font-weight:bold;
		font-size:16px;
		margin-left:40px;
		margin-bottom:0.8em;
		margin-top:5px;
	}
	.vs_bx ul > li:nth-child(2) .gravure2 {
		text-align:center;
	}
	.vs_bx ul > li:nth-child(2) .gravure2 img {
		max-width:30px;
	}
	.vs_bx ul > li h5 {
		font-size:18px;
		color:#00428e;
		font-weight:bold;
		margin-bottom: 0.4em;
	}
	/*開閉ボタン*/
	details summary::before,
	details[open] summary::before {
		right: 12px;
	}
	details summary::before {
		right: 19px;
	}
	details summary::after {
		right: 12px;
	}
	
	/*個別のレイアウト*/
	.opn_box1 .layout,
	.opn_box2 .layout {
		width: 100%;
		margin:auto;
		margin-bottom:2em;
	}
	.layout .num_box_item {
		text-align:center;
	}
	.opn_box1-ly2,
	.sp_flex1 {
		display: block;
		width: 100%;
		max-width:235px;
		margin:auto;
	}
	.opn_box1-ly2 > li,
	.sp_flex1 > li {
		width:100%;
		margin-bottom:1em;
	}
	.opn_box1-ly2 > li:nth-child(2) span.sizeS {
		display:block;
	}
	p.bulebg_title {
		display:block;
		width:100%;
		font-size:14px;
		color:#fff;
		font-weight:bold;
		line-height:1.3;
		padding:5px 5px;
		background:#00428e;
		border-radius: 14px;
		margin-bottom:10px;
		text-align:center;
	}
	.opn_box5 .lay_bx2 {
		text-align:center;
	}
	.opn_box5 .img_mb_sp1 {
		padding:0;
		width:65%;
	}
	.opn_box2 span.sizeS {
		display:block;
	}
	
	
	/*事業領域-----------------------------------------------------------------*/
	body.at-a-glance section#ata03 {
		padding-bottom: 3.5em;
	}
	.industry {
		width: 100%;
		margin-bottom:10px;
	}
	.indus_box1 {
		border:solid 2px #2b6eb3;
	}
	.indus_box2 {
		border:solid 2px #578e03;
	}
	.indus_box1 p,
	.indus_box2 p {
		color:#fff;
		font-weight:bold;
		text-align:center;
		font-size:18px;
		line-height:1;
		padding:16px 0;
		width:100%;
		margin-bottom:16px;
	}
	.indus_box1 p {
		background:#2b6eb3;
	}
	.indus_box2 p {
		background:#578e03;
	}
	.industry > div {
		width: 100%;
	}
	.industry > div.indus_box1 {
		margin-bottom:10px;
	}
	.industry ul {
		display: block;
		width: calc(100% - 32px);
		padding:0 0 16px;
		margin:0 auto 0;
	}
	.industry .indus_box1 ul.border_clr {
		border-bottom:solid 1px #2b6eb3;
		margin:0 auto 16px;
	}
	.industry .indus_box2 ul.border_clr {
		border-bottom:solid 1px #578e03;
		margin:0 auto 16px;
	}
	.industry ul li:nth-child(1) {
		width:100%;
	}
	.industry ul li:nth-child(2) {
		width:100%;
	}
	.industry ul li:nth-child(3) {
		width:100%;
	}
	.industry .indus_box1 ul li h3 {
		color:#2b6eb3;
	}
	.industry .indus_box2 ul li h3 {
		color:#578e03;
	}
	.industry .indus_box1 ul li h3::before {
		background:#2b6eb3;
	}
	.industry .indus_box2 ul li h3::before {
		background:#578e03;
	}
	.industry ul li:nth-child(3) img {
		max-width: 65%;
	}
	
	/*数字で見るKOMORI-----------------------------------------------------------------*/

	/*KOMORIの歴史-----------------------------------------------------------------*/
	
	/*数字アップ-----------------------------------------------------------------*/
	.sizeL {
		font-size: 16px;
		font-weight:bold;
	}
	.sizeM {
		font-size: 12px;
		font-weight:bold;
		display:inline-block;
		letter-spacing: -0.01em;
	}
	.sizeS {
		font-size: 9px;
		font-weight:bold;
		display:inline-block;
		letter-spacing: -0.01em;
	}
	.number {
	  font-size: 53px;
	}
	.number_af {
	  font-size: 53px;
	}
	.number.numyear {
	  font-size: 50px;
	}
	.ata_sep5 .number {
	  font-size: 53px;
	}
	
	/*数字のイラスト*/
	.num_illust {
		margin:auto;
	}
	
	/*分割-----------------------------------------------------------------*/
	/*2と1の3分割*/
	 ul.ata_sep2to1{
		 display: flex;
		 flex-wrap: wrap;
		 width: 100%;
		 margin-bottom: 2em;
		 padding: 0 10px;
	}
	 ul.ata_sep2to1 li {
		 width: 50%;
		 border-right: dotted 1px #CFD9E3;
		 padding-left: 0;
		 padding-right: 0;
	}
	ul.ata_sep2to1 li:nth-child(2) {
		padding-left: 10px;
	}
	ul.ata_sep2to1 li:nth-child(1) .num_box_item,
	ul.ata_sep2to1 li:nth-child(2) .num_box_item {
		margin:auto;
		text-align:center;
	}
	ul.ata_sep2to1 li:last-child {
		width: 100%;
		border-right: #fff;
	}
	
	/*2分割*/
	 ul.ata_sep2 {
		 display: block;
		 width: 100%;
		 margin-bottom:1em;
	}
	ul.ata_sep2 li {
		 width: 100%;
		 padding:2em 10px 2em 10px;
		 background:#fff;
	}
	ul.ata_sep2 li:first-child {
		 margin-bottom:1em;
	}
	ul.ata_sep2 li .num_illust {
		text-align:center;
	}
	ul.ata_sep2 li .num_illust img {
		width:90%;
	}
	/*2分割 円グラフ*/
	ul.ata_sep2.chart {
		 border-top: dotted 1px #CFD9E3;
		 padding-top:0em;
		 width: calc(100% - 20px);
		 margin: 0 auto 1em;
	}
	ul.ata_sep2.chart li {
		padding:1em 0 1em 0;
	}
	ul.ata_sep2.chart li:first-child {
		 border-bottom: dotted 1px #CFD9E3;
	}
	
	/*5分割*/
	ul.ata_sep5 {
		 display: flex;
		 flex-wrap: wrap;
		 width: calc(100% - 20px);
		 margin: 0 auto 1em;
	}
	ul.ata_sep5 li {
		 width: 50%;
		 border-bottom: dotted 1px #CFD9E3;
		 margin-bottom:1.5em;
		 padding-bottom:1em;
	}
	.sp_border {
		border-left: dotted 1px #CFD9E3;
		padding-left:10px;
	}
	ul.ata_sep5 li:nth-child(even) {
		padding-left:0;
	}
	ul.ata_sep5 li:last-child {
		width: 100%;
		border-bottom:initial;
		margin-bottom:0;
		display:flex;
		flex-wrap: wrap;
	}
	ul.ata_sep5 li:last-child h3 {
		width: 100%;
	}
	ul.ata_sep5 li:last-child .ata_num_box {
		width: 40%;
	}
	ul.ata_sep5 li:last-child .num_illust {
		width: 30%;
		margin-right:30%;
	}
	ul.ata_sep3 {
		display:block;
		width: calc(100% - 20px);
		 margin: 0 auto 1.5em;
	}
	ul.ata_sep3 li {
		 width: 100%;
		 border-bottom: dotted 1px #CFD9E3;
		 margin-bottom:1.5em;
		 padding-left:0;
		 padding-right:0;
		 padding-bottom:1em;
	}
	ul.ata_sep3 li:last-child {
		 border-bottom: initial;
		 padding-bottom:0;
	}
	ul.ata_sep3 li.sustaina1 {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	ul.ata_sep3 li.sustaina1 h3 {
		width: 100%;
	}
	ul.ata_sep3 li.sustaina1 .ata_num_box {
		width: 55%;
	}
	ul.ata_sep3 li.sustaina1 .ata_num_box .num_box_item {
		position:relative;
	}
	ul.ata_sep3 li.sustaina1 .ata_num_box .num_box_item span.sizeS {
		position:absolute;
		bottom:-15px;
		left:65px;
		display:block;
	}
	ul.ata_sep3 li.sustaina1 .num_illust {
		width: 45%;
	}
	ul.ata_sep3 li.sustaina2 .num_illust {
		width: 45%;
	}
	ul.ata_sep3 li.sustaina3 .num_illust {
		width: 45%;
	}
	ul.ata_sep3.dottd {
		display: flex;
		flex-wrap: wrap;
		width: calc(100% - 20px);
		margin: 0 auto 1.5em;
	}
	ul.ata_sep3.dottd li {
		 width: 50%;
		 border-bottom: dotted 1px #CFD9E3;
		 margin-bottom:1.5em;
		 padding-left:0;
		 padding-right:0;
		 padding-bottom:1em;
	}
	ul.ata_sep3.dottd li:nth-child(even) {
		padding-left:0;
	}
	ul.ata_sep3.dottd li:last-child {
		width: 100%;
		margin-bottom:0;
		display:flex;
		flex-wrap: wrap;
	}
	ul.ata_sep3.dottd li:last-child h3 {
		width: 100%;
	}
	ul.ata_sep3.dottd li:last-child .ata_num_box {
		width: 40%;
	}
	ul.ata_sep3.dottd li:last-child .num_illust {
		width: 25%;
		margin-right:35%;
	}
	ul.ata_sep3.dottd li:nth-child(2) h3 span.sizeS {
		display:block;
		position:absolute;
		bottom: -10px;
		right:5px;
	}
	ul.ata_sep2-2 {
		display: flex;
		 flex-wrap: wrap;
		 width: 100%;
	}
	ul.ata_sep2-2 li {
		width: 50%;
		position:relative;
		 margin-bottom:1.5em;
		 padding-left:10px;
		 padding-right:10px;
		 padding-bottom:1em;
	}
	ul.ata_sep2-2 li:nth-child(even) {
		padding-left:0;
	}
	ul.ata_sep2-2 li:first-child .ata_num_box {
		position:absolute;
		bottom:1em;
		display:block;
	}
	
	/*KOMORIの歴史*/
	#ata05 .ata_num_box {
		margin-bottom:10px;
	}
	#ata05 .pc_btn {
		display:none;
	}
	#ata05 .sp_btn {
		display:flex;
	}
	.history_imgs1 {
		margin:0 auto 2em;
		width:60%;
	}
	
	
	
	
}

/*インラインブロック*/
.inlineblocks {
	display:inline-block;
}