@charset "utf-8";
/*.design-bg{ width: 1280px; height: 4621px; background: url('../design_img/corporate.jpg') 0 0 no-repeat; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); z-index: -1; opacity: .5; background-size: 1280px; }*/


@media print, screen and (min-width: 751px) {
.mainImage 				{ background: url('../img/corporate/main-image.jpg') 50% 50% no-repeat; background-size: cover; }

#corporatenaiyo			{margin-top: 125px; padding-bottom: 83px; border-bottom: 1px solid #cfd0d0;}
#corporatenaiyo h2 		{ font-size: 1.73rem; font-weight: 500; line-height: 1.8; }
#corporatenaiyo .box 	{ margin-top: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#corporatenaiyo .box p{ text-align: justify; line-height: 2.2; }
#corporatenaiyo figure	{margin: -30px auto 0; position: relative; z-index: -1; text-align: center; max-width: 900px;}

#message 				{ margin-top: 125px; padding-bottom: 83px; border-bottom: 1px solid #cfd0d0; }
#message h2 			{ font-size: 1.73rem; font-weight: 500; line-height: 1.8; }
#message .box 			{ margin-top: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#message .box>div:nth-of-type(1){ width: 67.5%; }
#message .box>div:nth-of-type(1) p{ text-align: justify; line-height: 2.2; }
#message .box>div:nth-of-type(2){ width: 26.852%; margin-top: 10px; margin-left: auto; }
#message .box>div:nth-of-type(2) p:nth-of-type(1){ margin-top: 10px; }
#message .box>div:nth-of-type(2) p:nth-of-type(3){ font-size: 1.5rem; }

#philosophy 			{ padding: 84px 0 131px; border-bottom: 1px solid #f2f2f2; }
#philosophy .master 	{ background: url('../img/corporate/yotsuba.svg') 50% 40px no-repeat; }
#philosophy h2 			{ text-align: center; font-size: 1.6rem; font-weight: 500; }
#philosophy h2 span 	{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#philosophy h2 span:before{ content: ''; width: 45px; height: 1px; margin-right: 20px; border-top: 1px solid #736357; display: block; }
#philosophy h2 span:after{ content: ''; width: 45px; height: 1px; margin-left: 20px; border-top: 1px solid #736357; display: block; }
#philosophy .master>div { text-align: center; }
#philosophy .master>div:nth-of-type(1) h2{ margin-bottom: 0; }
#philosophy .master>div:nth-of-type(1) p{ font-size: 2.8rem; line-height: 2; }
#philosophy .master>div:nth-of-type(2){ margin-top: 40px; }
#philosophy .master>div:nth-of-type(3){ margin-top: 35px; }
#philosophy .master>div:nth-of-type(2) p,#philosophy .master>div:nth-of-type(3) p{ margin-top: 10px; font-size: 2.2rem; line-height: 1.7; }

#overview 				{ padding: 110px 0 0; }
#overview .master 		{ max-width: 1100px; }
#overview h2 			{ font-size: 1.5rem; font-weight: 500; text-align: center; }
#overview h2 span 		{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#overview h2 span:before{ content: ''; width: 45px; height: 1px; margin-right: 30px; border-top: 1px solid #736357; display: block; }
#overview h2 span:after{ content: ''; width: 45px; height: 1px; margin-left: 30px; border-top: 1px solid #736357; display: block; }
#overview .box 			{ margin-top: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; }
#overview .box dl 		{  }
#overview .box dl:nth-of-type(1){ width: 39%; border-bottom: 1px dotted #c7b299; -ms-flex-item-align: start; align-self: flex-start; }
#overview .box dl:nth-of-type(2){ width: 58%; margin-left: auto; position: relative; -ms-flex-item-align: start; align-self: flex-start }
#overview .box dl:nth-of-type(2):before{ content: ''; height: 100%; display: block; border-left: 1px dotted #736357; position: absolute; top: 0; left: 72px; }
#overview .box dl:nth-of-type(1)>div{ padding: 8px 0; border-top: 1px dotted #c7b299; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 2; }
#overview .box dl:nth-of-type(1)>div dt{ width: 110px; padding-left: 15px; }
#overview .box dl:nth-of-type(1)>div dd{ width: calc(100% - 110px); }
#overview .box dl:nth-of-type(2)>div{ display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 1.7; }
#overview .box dl:nth-of-type(2)>div:nth-of-type(n+2){ margin-top: 1px; }
#overview .box dl:nth-of-type(2)>div dt{ width: 90px; }
#overview .box dl:nth-of-type(2)>div dd{ width: calc(100% - 90px); }
#overview .box dl:nth-of-type(2)>div dd.red{ color: #f00; }
}


@media screen and (max-width: 1100px) and (min-width: 751px) {
}


@media screen and (max-width: 1050px) and (min-width: 751px) {
#philosophy .master 	{ background-size: 600px; }
#philosophy .master>div:nth-of-type(1) p{ font-size: 2.5rem; }
#philosophy .master>div:nth-of-type(2) p, #philosophy .master>div:nth-of-type(3) p{ font-size: 1.8rem; }
}


@media screen and (max-width: 750px) {
.mainImage 				{ background: url('../img/corporate/main-image.jpg') 50% 50% no-repeat; background-size: cover; }

#corporatenaiyo			{margin-top: 50px; padding-bottom: 50px; border-bottom: 1px solid #cfd0d0;}
#corporatenaiyo h2 		{font-size: 1.2rem; font-weight: 500; line-height: 1.8;}
#corporatenaiyo .box 	{margin-top: 20px;}
#corporatenaiyo .box p	{ text-align: justify; line-height: 2; }
#corporatenaiyo figure	{margin: 20px auto 0;}

#message 				{ margin-top: 50px; padding-bottom: 50px; border-bottom: 1px solid #cfd0d0; }
#message h2 			{ font-size: 1.2rem; font-weight: 500; line-height: 1.8; }
#message .box 			{ margin-top: 20px; }
#message .box>div:nth-of-type(1){  }
#message .box>div:nth-of-type(1) p{ text-align: justify; line-height: 2; }
#message .box>div:nth-of-type(2){ width: 65%; max-width: 400px; margin-top: 20px; margin-left: auto; }
#message .box>div:nth-of-type(2) p:nth-of-type(1){ margin-top: 10px; }
#message .box>div:nth-of-type(2) p:nth-of-type(3){ font-size: 1.2rem; }

#philosophy 			{ padding: 50px 0 50px; border-bottom: 1px solid #f2f2f2; }
#philosophy .master 	{ max-width: 800px; background: url('../img/corporate/yotsuba.svg') 50% 40px no-repeat; background-size: 290px; }
#philosophy h2 			{ text-align: center; font-size: 1.1rem; font-weight: 500; }
#philosophy h2 span 	{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#philosophy h2 span:before{ content: ''; width: 40px; height: 1px; margin-right: 15px; border-top: 1px solid #736357; display: block; }
#philosophy h2 span:after{ content: ''; width: 40px; height: 1px; margin-left: 15px; border-top: 1px solid #736357; display: block; }
#philosophy .master>div { text-align: center; }
#philosophy .master>div:nth-of-type(1) h2{ margin-bottom: 5px; }
#philosophy .master>div:nth-of-type(1) p{ font-size: 1.2rem; line-height: 2; text-align: justify; }
#philosophy .master>div:nth-of-type(2){ margin-top: 42px; }
#philosophy .master>div:nth-of-type(3){ margin-top: 35px; }
#philosophy .master>div:nth-of-type(2) p,#philosophy .master>div:nth-of-type(3) p{ margin-top: 10px; font-size: 1rem; line-height: 1.7; text-align: justify; }

#overview 				{ padding: 60px 0 0; }
#overview .master 		{ width: 100%; }
#overview h2 			{ font-size: 1.2rem; font-weight: 500; text-align: center; }
#overview h2 span 		{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#overview h2 span:before{ content: ''; width: 45px; height: 1px; margin-right: 30px; border-top: 1px solid #736357; display: block; }
#overview h2 span:after{ content: ''; width: 45px; height: 1px; margin-left: 30px; border-top: 1px solid #736357; display: block; }
#overview .box 			{ margin-top: 23px; }
#overview .box dl 		{ padding: 0 5%; }
#overview .box dl:nth-of-type(1){ border-bottom: 1px dotted #f2f2f2; }
#overview .box dl:nth-of-type(2){ margin-top: 30px; position: relative; }
#overview .box dl:nth-of-type(2):before{ content: ''; height: 100%; display: block; border-left: 1px dotted #736357; position: absolute; top: 0; left: 100px; }
#overview .box dl>div 	{ padding: 19px 0; border-top: 1px dotted #c7b299; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 2; }
#overview .box dl:nth-of-type(2)>div{ padding: 0; border-top: 0; }
#overview .box dl:nth-of-type(1)>div dt{ width: 110px; padding-left: 10px; }
#overview .box dl:nth-of-type(1)>div dd{ width: calc(100% - 110px); }
#overview .box dl:nth-of-type(2)>div dt{ width: 95px; padding-left: 10px; }
#overview .box dl:nth-of-type(2)>div dd{ width: calc(100% - 95px); }
#overview .box dl:nth-of-type(2)>div dd ul li:nth-of-type(n+2){ margin-top: 9px; }
#overview .box .history { margin: 50px 0 20px; }
}