@charset "utf-8";

@media (max-width: 1700px) {
	.sub-visual .img-box {width: calc(100% - 15px);}

}

@media (max-width: 1400px) {
	/* s101 */
	.greeting .text-box {margin-right: 80px;}
	.greeting .img-box {max-width: 550px;}
	/* s102 */
	.org .arti02 .history-wrap .title {left: 50px; width: 320px;}
	.org .arti02 .history:before {left: 600px;}
	.org .arti02 .history .row .year {max-width: 600px; padding-left: 430px;}
	/* s201 */
	.business .row:nth-child(odd) .img-box {padding-left: 30px;}
	.business .row:nth-child(even) .img-box {padding-right: 30px;}
	.business .row:nth-child(odd) .text-box {padding: 0 40px 0 15px;}
	.business .row:nth-child(even) .text-box {padding: 0 30px 0 50px;}
	.business .row .text-box .br-pc {display: none;}

@media (max-width: 1200px) {
	/* s101 */
	.greeting .text-box {margin-right: 60px;}
	.greeting .img-box {max-width: 500px;}
	/* s102 */
	.org .arti02 .history-wrap .title {left: 40px; width: 300px;}
	.org .arti02 .history:before {left: 560px;}
	.org .arti02 .history .row .year {max-width: 560px; padding-left: 390px;}
}

@media (max-width: 1024px) {
	.sub-visual {margin-top:80px; margin-bottom: 80px;}
	.sub-visual .text-box {padding: 80px 0 30px;}
	.sub-visual .text-box h2 {font-size: 50px; margin-bottom: 30px;}
	.sub-visual .text-box .wrap {display: block;}
	.lnb {margin-bottom: 10px;}
	.lnb ul {margin: 0 -15px;}
	.lnb ul li {padding: 0 15px;}
	.lnb ul li a {font-size: 20px; padding-top: 8px;}
	.path ul {justify-content: flex-end; margin: 0 -12px;}
	.path ul li {padding: 0 12px; font-size: 15px;}
	.path ul li.home {width: 44px; height: 16px; background-size: 16px auto;}
	.path ul li:after {margin-top: -7px;}
	.sub-visual .img-box {height: 340px;}
	.page-title {margin-bottom: 55px;}
	.page-title h3 {font-size: 45px; padding-top: 20px;} 
	.page-title h3:after {margin-left: -13px; width: 26px;}

	.real-cont {padding: 0 0 120px;}
	/* s101 */
	.greeting .text-box {margin-right: 40px;}
	.greeting .text-box small {font-size: 18px; margin-bottom: 20px;}
	.greeting .text-box h4 {font-size: 34px; margin-bottom: 30px;}
	.greeting .text-box > p {font-size: 16px; margin-bottom: 25px;}
	.greeting .text-box .name {margin-top: 40px;}
	.greeting .text-box .name p {font-size: 20px; margin-right: 16px;}
	.greeting .text-box .name b {font-size: 22px;}
	.greeting .img-box {max-width: 380px;}
	/* s102 */
	.org .arti01 figure {padding-bottom: 180px;}
	.org .arti02 {padding-top: 100px;}
	.org .arti02 .img-box {height: 320px;}
	.org .arti02 .history-wrap .title {top: -90px; left: 20px; width: 260px; height: 200px; padding: 35px 30px;}
	.org .arti02 .history-wrap .title h4 {font-size: 32px;}
	.org .arti02 .history {padding: 150px 0 130px;}
	.org .arti02 .history:before {left: 50%;}
	.org .arti02 .history .row:not(:last-child) {margin-bottom: 60px;}
	.org .arti02 .history .row .year {max-width: 50%; padding-left: calc(50% - 150px); font-size: 44px;}
	.org .arti02 .history .row .details {padding-left: 40px; padding-top: 8px;}
	.org .arti02 .history .row .details p {font-size: 18px;}
	/* s201 */
	.business .row:not(:last-child) {margin-bottom: 80px;}
	.business .row:nth-child(odd) .img-box {padding-left: 20px;}
	.business .row:nth-child(even) .img-box {padding-right: 20px;}
	.business .row:nth-child(odd) .text-box {padding: 0 30px 0 15px;}
	.business .row:nth-child(even) .text-box {padding: 0 20px 0 30px;}
	.business .row .text-box b { font-size: 32px; margin-bottom: 15px;}
	.business .row .text-box p {font-size: 16px;}
}

@media (max-width: 768px) {
	.sub-visual {margin-top:60px; margin-bottom: 60px;}
	.sub-visual .text-box {padding: 70px 0 20px;}
	.sub-visual .text-box h2 {font-size: 40px; margin-bottom: 25px;}
	.lnb {margin-bottom: 10px;}
	.lnb ul {margin: 0 -12px;}
	.lnb ul li {padding: 0 12px;}
	.lnb ul li a {font-size: 18px; padding-top: 8px;}
	.path ul {margin: 0 -12px;}
	.path ul li {padding: 0 12px; font-size: 15px;}
	.path ul li.home {width: 44px; height: 16px; background-size: 16px auto;}
	.path ul li:after {margin-top: -7px;}
	.sub-visual .img-box {height: 280px;}
	.page-title {margin-bottom: 50px;}
	.page-title h3 {font-size: 35px; padding-top: 18px;} 
	.page-title h3:after {margin-left: -11px; width: 22px;}

	.real-cont {padding: 0 0 120px;}
	/* s101 */
	.greeting .wrap {display: block;}
	.greeting .text-box {width: 100%; flex: auto; margin-right: 0;}
	.greeting .text-box small {font-size: 16px; margin-bottom: 15px;}
	.greeting .text-box h4 {font-size: 28px; margin-bottom: 25px;}
	.greeting .text-box > p {font-size: 16px; margin-bottom: 20px;}
	.greeting .text-box .name {margin-top: 35px;}
	.greeting .text-box .name p {font-size: 18px; margin-right: 14px;}
	.greeting .text-box .name b {font-size: 20px;}
	.greeting .img-box {max-width: none; text-align: center; margin-top: 50px;}
	/* s102 */
	.org .arti01 figure {padding-bottom: 100px;}
	.org .arti02 {padding-top: 80px;}
	.org .arti02 .img-box {height: 280px;}
	.org .arti02 .history-wrap .title {top: -70px; left: 10px; width: 220px; height: 160px; padding: 30px 25px; z-index: 5;}
	.org .arti02 .history-wrap .title img {width: 100px;}
	.org .arti02 .history-wrap .title h4 {font-size: 28px;}
	.org .arti02 .history {padding: 140px 0 110px;}
	.org .arti02 .history:before {height: calc(100% - 160px); top: 160px; left: 14px; }
	.org .arti02 .history .row {display: block;}
	.org .arti02 .history .row:not(:last-child) {margin-bottom: 40px;}
	.org .arti02 .history .row .year {max-width: none; padding-left: 30px; font-size: 38px;}
	.org .arti02 .history .row .year:after {position: absolute; top: 15px; right: auto; left: 10px;}
	.org .arti02 .history .row .details {width: 100%; flex: auto; padding-left: 30px; padding-top: 12px;}
	.org .arti02 .history .row .details p {font-size: 16px;}
	/* s201 */
	.business .row {display: block;}
	.business .row:not(:last-child) {margin-bottom: 50px;}
	.business .row > div {max-width: 640px; width: 100%; margin: 0 auto;}
	.business .row .img-box {margin-bottom: 20px;}
	.business .row:nth-child(odd) .img-box {padding-left: 0;}
	.business .row:nth-child(even) .img-box {padding-right: 0;}
	.business .row:nth-child(odd) .text-box {padding: 0 5px;}
	.business .row:nth-child(even) .text-box {padding: 0 5px;}
	.business .row .text-box b {font-size: 24px; margin-bottom: 10px;}
	.business .row .text-box p {font-size: 16px;}
}

@media (max-width: 480px) {
	
}