@charset "utf-8";

@media (max-width: 1400px) {
	.scrolltop {right:15px;}
}

@media (max-width: 1024px) {
	/* sub-visual */
	.sub-visual {height:500px; padding-top:100px; padding-bottom:0;}
	.sub-visual h2 {font-size:40px; margin-bottom:24px;}
	.sub-visual p {font-size:18px;}
	/* sub */
	.real-cont {padding:100px 0 120px;}

	.doc-tit {margin-bottom:38px;}
	.doc-tit h3 {font-size:30px; padding-right:20px;}
	.doc-tit h3:after {width:6px; height:6px; bottom:4px;}	
	/* sub 03 */
	.method .cnt {margin-bottom:100px;}
	.method .cnt01 .col {margin:0 -10px;}
	.method .cnt01 .row {padding:0 10px;}
	.method .cnt01 .inner {padding:40px 20px;}
	.method .cnt01 .inner .icon {margin-bottom:30px;}
	.method .cnt01 .inner .icon img {width:100px;}
	.method .cnt01 .inner h4 {font-size:24px; margin-bottom:14px;}
	.method .cnt01 .inner p {font-size:18px;}
	.method .cnt02 .col {padding:45px 0;}
	.method .cnt02 .col .tit-box {max-width:240px; padding:0 20px;}
	.method .cnt02 .col .tit-box h4 {font-size:24px;}
	.method .cnt02 .col .txt-box p {font-size:18px; padding-left:10px;}
	.method .cnt02 .col .txt-box p:before {width:3px; height:3px; top:11px;}
	.method .cnt02 .col .txt-box p strong {margin-bottom:6px;}
	.method .cnt02 .col .txt-box ul {margin-bottom:12px;}
	.method .cnt02 .col .txt-box li {font-size:16px; padding-left:10px;}
	/* sub 01 */
	.introduce .cnt01 {margin-bottom:100px;}
	.introduce .cnt01 .tit-box {display:block; margin-bottom:60px;}
	.introduce .cnt01 .tit-box .tit {max-width:none; margin-bottom:60px;}
	.introduce .cnt01 .tit-box .tit p {font-size:15px; margin-bottom:12px;}
	.introduce .cnt01 .tit-box .tit h3 {font-size:32px;}
	.introduce .cnt01 .tit-box .txt {width:100%;}
	.introduce .cnt01 .tit-box .txt p {font-size:18px; margin-bottom:24px;}
	.introduce .cnt01 .tit-box .txt p br {display:none;}
	.introduce .cnt01 .tit-box .txt p strong {font-size:20px;}
	.introduce .cnt01 .tit-box .txt p strong span {font-size:24px;}
	.introduce .cnt01 .col {margin:0 -10px;}
	.introduce .cnt01 .col .row {padding:0 10px;}
	.introduce .cnt01 .inner {padding:60px 20px 20px;}
	.introduce .cnt01 .inner span {width:40px; line-height:40px; font-size:15px;}
	.introduce .cnt01 .inner p {font-size:18px; margin-bottom:16px;}
	.introduce .cnt02 .col {height:360px; margin-bottom:80px;}
	.introduce .cnt02 .col .txt-box {padding:20px;}
	.introduce .cnt02 .col p {font-size:18px; margin-bottom:20px;}
	.introduce .cnt02 .col p span {font-size:20px;}
	.introduce .cnt02 .col p strong {font-size:24px;}
	.introduce .history .box {padding:40px 20px;}
	.introduce .history .box .year {max-width:120px; font-size:24px;}
	.introduce .history .box .txt li {font-size:18px; padding-left:10px;}
	.introduce .history .box .txt li:before {top:11px;}
	/* sub 02 */
	.survey .cnt {margin-bottom:100px;}
	.survey .title-box {height:360px; margin-bottom:80px;}
	.survey .title-box .txt-box h4 {font-size:28px; margin-bottom:24px;}
	.survey .title-box .txt-box p {font-size:18px;}
	.survey .wrap .col {margin-bottom:80px;}
	.survey .wrap .tit-box {max-width:200px;}
	.survey .wrap .tit-box h4 {font-size:28px;}
	.survey .wrap .txt-box .box {margin:0 -10px -20px;}
	.survey .wrap .txt-box .row {padding:0 10px; margin-bottom:20px; text-align:center;}
	.survey .wrap .txt-box .inner {display:block; padding:20px;}
	.survey .wrap .txt-box .inner .icon {max-width:80px; margin:0 auto 20px;}
	.survey .wrap .txt-box .inner .tx {width:100%; padding-left:0;}
	.survey .wrap .txt-box .inner .tx h5 {font-size:24px; margin-bottom:12px;}
	.survey .wrap .txt-box .inner .tx p {font-size:18px;}
	.survey .wrap .txt-box .txt {padding:30px;}
	.survey .wrap .txt-box .txt li {font-size:18px; padding-left:10px;}
	.survey .wrap .txt-box .txt li:before {top:11px;}
	/* sub 06 */
	.recruitment .title-box {height:360px; margin-bottom:100px;}
	.recruitment .title-box .logo {margin-bottom:30px;}
	.recruitment .title-box p {font-size:18px;}
	.recruitment .cnt {margin-bottom:100px;}
	.recruitment .cnt01 .col {margin:0 -10px;}
	.recruitment .cnt01 .row {padding:0 10px;}
	.recruitment .cnt01 .row .img-box {margin-bottom:30px;}
	.recruitment .cnt01 .row .img-box p {font-size:24px; bottom:20px;}
	.recruitment .cnt01 .row .txt-box {font-size:18px;}
	.recruitment .cnt01 .row .txt-box br {display:none;}
	.recruitment .cnt02 .col {margin:0 -10px;}
	.recruitment .cnt02 .row {padding:0 10px;}
	.recruitment .cnt02 .inner {padding:40px 20px;}
	.recruitment .cnt02 .inner .icon {margin-bottom:20px;}
	.recruitment .cnt02 .inner .icon img {width:100px;}
	.recruitment .cnt02 .inner h4 {font-size:24px; margin-bottom:12px;}
	.recruitment .cnt02 .inner p {font-size:18px;}
	.recruitment .cnt03 .col {margin:0 -10px;}
	.recruitment .cnt03 .row {padding:0 10px; margin-bottom:40px;}
	.recruitment .cnt03 .inner .tit {padding:20px 0; margin-bottom:30px;}
	.recruitment .cnt03 .inner .tit p {font-size:15px; margin-bottom:10px;}
	.recruitment .cnt03 .inner .tit h4 {font-size:24px;}
	.recruitment .cnt03 .inner .tit:after {width:40px; height:40px; margin-top:-20px;}
	.recruitment .cnt03 .inner .txt p {font-size:18px;}
	.recruitment .cnt03 .txt-box p {font-size:18px;}
	/* sub 04 */
	.research-list ul {margin:0 -10px; margin-bottom:60px;}
	.research-list ul li {width:calc(33.333333% - 20px); margin:0 10px 20px;}
	.research-list ul li .txt-box {padding:20px;}
	.research-list ul li .txt-box .tit {font-size:18px; margin-bottom:10px;}
	.research-list ul li .txt-box .date {font-size:14px;}
	/* sub 05 */
	.news-list .none {padding:40px 0; font-size:18px;}
	.news-list .row {padding:30px 20px;}
	.news-list .inner .thumb {max-width:240px;}
	.news-list .inner .txt-box {padding-left:30px;}
	.news-list .inner .txt-box .tit {font-size:20px; margin-bottom:10px;}
	.news-list .inner .txt-box .txt p {font-size:18px; height: calc(1.6em* 1* 3); -webkit-line-clamp:3;}
	.news-list .inner .txt-box .box ul li {font-size:15px;}

	.scrolltop {width:60px; height:60px;}
}

@media (max-width: 640px) {
	/* sub-visual */
	.sub-visual {height:300px; padding-top:80px;}
	.sub-visual h2 {font-size:28px; margin-bottom:18px;}
	.sub-visual p {font-size:16px;}
	/* sub */
	.real-cont {padding:80px 0 100px;}

	.doc-tit {margin-bottom:26px;}
	.doc-tit h3 {font-size:24px; padding-right:10px;}
	.doc-tit h3:after {width:4px; height:4px; bottom:4px;}	
	/* sub 03 */
	.method .cnt {margin-bottom:80px;}
	.method .cnt01 .col {margin:0; display:block;}
	.method .cnt01 .row {padding:0; width:100%; margin-bottom:30px;}
	.method .cnt01 .inner {padding:30px 15px;}
	.method .cnt01 .inner .icon {margin-bottom:20px;}
	.method .cnt01 .inner .icon img {width:60px;}
	.method .cnt01 .inner h4 {font-size:20px; margin-bottom:10px;}
	.method .cnt01 .inner p {font-size:16px;}
	.method .cnt01 .inner p br {display: none;}
	.method .cnt02 .col {padding:20px 0; display:block;}
	.method .cnt02 .col .tit-box {max-width:none; padding:0; margin-bottom:20px;}
	.method .cnt02 .col .tit-box h4 {font-size:20px;}
	.method .cnt02 .col .tit-box h4 br {display:none;}
	.method .cnt02 .col .txt-box {width:100%;}
	.method .cnt02 .col .txt-box p {font-size:16px; padding-left:8px;}
	.method .cnt02 .col .txt-box p:before {top:9px;}
	.method .cnt02 .col .txt-box p strong {margin-bottom:4px;}
	.method .cnt02 .col .txt-box ul {margin-bottom:8px;}
	.method .cnt02 .col .txt-box li {font-size:14px; padding-left:8px;}
	/* sub 01 */
	.introduce .cnt01 {margin-bottom:80px;}
	.introduce .cnt01 .tit-box {margin-bottom:30px;}
	.introduce .cnt01 .tit-box .tit {margin-bottom:40px;}
	.introduce .cnt01 .tit-box .tit p {font-size:14px; margin-bottom:10px;}
	.introduce .cnt01 .tit-box .tit h3 {font-size:26px;}
	.introduce .cnt01 .tit-box .txt  p {font-size:16px; margin-bottom:16px;}
	.introduce .cnt01 .tit-box .txt  p strong {font-size:18px;}
	.introduce .cnt01 .tit-box .txt  p strong span {font-size:22px;}
	.introduce .cnt01 .col {margin:0 0 -30px; display:block;}
	.introduce .cnt01 .col .row {padding:0; width:100%; margin-bottom:30px;}
	.introduce .cnt01 .inner span {width:36px; line-height:36px; font-size:14px;}
	.introduce .cnt01 .inner p {font-size:16px; margin-bottom:10px;}
	.introduce .cnt01 .inner img {width:50px;}
	.introduce .cnt02 .col {display:block; height:auto; margin-bottom:60px;}
	.introduce .cnt02 .col > div {width:100%;}
	.introduce .cnt02 .col .img-box {height:300px;}
	.introduce .cnt02 .col .txt-box {padding:20px;}
	.introduce .cnt02 .col p {font-size:16px; margin-bottom:12px;}
	.introduce .cnt02 .col p span {font-size:18px;}
	.introduce .cnt02 .col p strong {font-size:20px;}
	.introduce .history .box {padding:30px 20px;}
	.introduce .history .box .year {max-width:80px; font-size:20px;}
	.introduce .history .box .txt li {font-size:16px;}
	.introduce .history .box .txt li:before {top:10px;}
	/* sub 02 */
	.survey .cnt {margin-bottom:100px;}
	.survey .title-box {height:auto; display:block; margin-bottom:60px;}
	.survey .title-box > div {width:100%;}
	.survey .title-box .img-box {height:300px;}
	.survey .title-box .txt-box {padding:30px 20px;}
	.survey .title-box .txt-box h4 {font-size:24px; margin-bottom:16px;}
	.survey .title-box .txt-box p {font-size:16px;}
	.survey .wrap .col {margin-bottom:40px; display:block;}
	.survey .wrap .tit-box {max-width:none; margin-bottom:30px;}
	.survey .wrap .tit-box h4 {font-size:24px;}
	.survey .wrap .txt-box {width:100%;}
	.survey .wrap .txt-box .inner .icon {max-width:60px;}
	.survey .wrap .txt-box .inner .tx h5 {font-size:20px; margin-bottom:10px;}
	.survey .wrap .txt-box .inner .tx p {font-size:16px;}
	.survey .wrap .txt-box .txt {padding:20px;}
	.survey .wrap .txt-box .txt li {font-size:16px;}
	.survey .wrap .txt-box .txt li:before {top:10px;}
	/* sub 06 */
	.recruitment .title-box {height:300px; margin-bottom:80px;}
	.recruitment .title-box .logo {margin-bottom:20px;}
	.recruitment .title-box p {font-size:16px;}
	.recruitment .cnt {margin-bottom:80px;}
	.recruitment .cnt01 .col {margin:0 auto -30px; display:block; max-width:430px; width:100%;}
	.recruitment .cnt01 .row {padding:0; width:100%; margin-bottom:30px;}
	.recruitment .cnt01 .row .img-box {margin-bottom:20px;}
	.recruitment .cnt01 .row .img-box p {font-size:20px;}
	.recruitment .cnt01 .row .txt-box {font-size:16px;}
	.recruitment .cnt02 .col {margin:0 0 -30px; display:block;}
	.recruitment .cnt02 .row {padding:0; width:100%; margin-bottom:30px;}
	.recruitment .cnt02 .inner {padding:30px 20px;}
	.recruitment .cnt02 .inner .icon img {width:80px;}
	.recruitment .cnt02 .inner h4 {font-size:20px; margin-bottom:10px;}
	.recruitment .cnt02 .inner p {font-size:16px;}
	.recruitment .cnt03 .col {margin:0; display:block;}
	.recruitment .cnt03 .row {padding:0; width:100%; margin-bottom:30px;}
	.recruitment .cnt03 .inner .tit {padding:15px 0; margin-bottom:20px;}
	.recruitment .cnt03 .inner .tit p {font-size:14px; }
	.recruitment .cnt03 .inner .tit h4 {font-size:20px;}
	.recruitment .cnt03 .inner .tit:after {width:30px; height:30px; margin-top:-15px;}
	.recruitment .cnt03 .inner .txt p {font-size:16px;}
	.recruitment .cnt03 .txt-box p {font-size:16px;}
	/* sub 04 */
	.research-list ul {margin-bottom:40px;}
	.research-list ul li {width:calc(50% - 20px);}
	.research-list ul li .txt-box .tit {font-size:16px;}
	.research-list ul li .txt-box .date {font-size:13px;}
	/* sub 05 */
	.news-list .none {padding:20px 0; font-size:16px;}
	.news-list .row {padding:20px;}
	.news-list .inner .thumb {max-width:160px;}
	.news-list .inner .txt-box {padding-left:20px;}
	.news-list .inner .txt-box .tit {font-size:18px;}
	.news-list .inner .txt-box .txt p {font-size:16px; height: calc(1.6em* 1* 2); -webkit-line-clamp:2;}
	
	.news-list .inner .txt-box .box ul li {font-size:14px; padding:0 7px;}
	.news-list .inner .txt-box .box ul li:after {height:8px; margin-top:-4px;}
	
	#bo_cate ul li {padding:0 10px;}
	#bo_cate ul li:after {height:14px; margin-top:-7px;}
	#bo_cate ul li a {font-size:16px;}
	
	.scrolltop {width:50px; height:50px; bottom:150px;}
}

@media (max-width: 400px) {
	.introduce .history .box {display:block;}
	.introduce .history .box .year {max-width:none; margin-bottom:20px;}
	.introduce .history .box .txt {width:100%;}
	
	.survey .wrap .txt-box .box {display:block; margin:0 0 -20px;}
	.survey .wrap .txt-box .box .row {width:100%; padding:0;}
	
	.news-list .row {padding:15px;}
	.news-list .inner .thumb {max-width:120px;}
	.news-list .inner .txt-box {padding-left:15px;}
	.news-list .inner .txt-box .txt p {font-size:14px; height:calc(1.6em * 1 * 1); -webkit-line-clamp:1;}
	
	.survey .title-box .img-box {height:200px;}
}