@charset "utf-8";

@media (max-width: 1600px) {
	.section03 .items {padding:0 62px;}
	.section03 .slick-prev {left:22px;}
	.section03 .slick-next {right:22px;}
	
	.foot-col .foot-menu {max-width:311px; margin-right:20px;}
	.foot-col .foot-info {max-width:330px; margin-right:20px;}
	
	.quick {right:15px;}
}

@media (max-width: 1400px) {
	.section01 .slick-prev {left:0;}
	.section01 .slick-next {right:0;}
	
}

@media (max-width: 1024px) {
	#header {height:100px; position:absolute;}
	
	#header.active {transform:translateY(0);}
	#header.hide {transform:translateY(0);}
	
	.sitemap {padding-top:120px;}
	.sitemap .col .row {margin-bottom:40px; padding:0 20px;}
	.sitemap .tit {margin-bottom:10px; padding-bottom:10px;}
	.sitemap .tit p {font-size:20px;}
	.sitemap .subm li a {font-size:16px; line-height:28px; padding-left:10px;}
	.sitemap .subm li a:before {top:11px;}
	.sitemap .subm li a:after {display:none;}
	.sitemap .link li a {font-size:16px;}
	.sitemap .link li a span {height:16px; margin-left:8px;}
	/* section01 */
	.section01 {padding-top:100px;}
	.section01 .col .row {padding:60px 15px 80px;}
	.section01 .txt-box .tit p {font-size:15px;}
	.section01 .txt-box .tit h3 {font-size:20px;}
	.section01 .txt-box .txt p {font-size:15px;}
	.section01 .date p {font-size:14px;}
	.section01 .item .img-box {margin:0 auto 30px;}
	.section01 .item .txt-box .tit {margin-bottom:10px;}
	.section01 .item .txt-box .tit p {margin-bottom:10px;}
	.section01 .item .txt-box .txt p {margin-bottom:16px;}
	.section01 .item .date {padding:14px 0;}
	.section01 .cnt02 .img-box {margin-bottom:20px;}
	.section01 .cnt02 .txt-box .tit {margin-bottom:16px;}
	.section01 .cnt02 .txt-box .tit p {margin-bottom:10px;}
	.section01 .cnt02 .txt-box .txt {margin-bottom:16px;}
	.section01 .cnt03 .img-box {height:180px; margin-bottom:24px;}
	.section01 .cnt03 .txt-box a {margin-bottom:16px; padding-bottom:16px;}
	.section01 .cnt03 .txt-box .tit h4 {font-size:18px;}
	/* section03 */
	.section03 {padding:100px 0;}
	.section03 .cnt {margin-bottom:60px; padding-bottom:60px;}
	.section03 .title {margin-bottom:30px;}
	.section03 .title h3 {font-size:28px;}
	.section03 .title .more {width:18px; height:18px; margin-top:-9px;}
	.section03 .title .more:before {width:18px; margin-left:-9px;}
	.section03 .title .more:after {height:18px; margin-top:-9px;}
	.section03 .items {margin:0 -10px; padding:0 50px;}
	.section03 .items {margin:0 -10px; padding:0 50px;}
	.section03 .item {padding:0 10px;}
	.section03 .item a {box-shadow:none;}
	.section03 .item a .over {position:relative; opacity:1; display:block; padding:20px 10px; background:transparent;}
	.section03 .item a .over h5 {height:calc(1.6em * 1 * 2); overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
	
	.section03 .slick-prev {left:10px;}
	.section03 .slick-next {right:10px;}
	/* section04 */
	.section04 {padding:100px 0;}
	.section04 .col .row:last-child:before,
	.section04 .col .row:last-child:after {width:30px; height:30px; right:-15px;}
	.section04 .col .row:last-child:before {top:-15px;}
	.section04 .col .row:last-child:after {bottom:-15px;}
	.section04 .inner {padding:30px 20px 40px;}
	.section04 .inner .tit {margin-bottom:20px;}
	.section04 .inner .tit h4 {font-size:22px;}
	.section04 .inner .tit a {margin-top:-9px; width:18px; height:18px;}
	
	.section04 .inner .img .over {opacity:1; position:relative; height:auto; padding:20px; height:150px; background:#0a3e32;}
	.section04 .inner .img .over h5 {height:calc(1.6em * 1 * 2); overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
	.section04 .inner .img .over p {}

	.section04 .inner:before,
	.section04 .inner:after {width:30px; height:30px; left:-15px;}
	.section04 .inner:before {top:-15px;}
	.section04 .inner:after {bottom:-15px;}
	/* section05 */	
	.section05 {padding:100px 0;}
	.section05 .title {margin-bottom:38px;}
	.section05 .title h3 {font-size:32px;}
	.section05 .title .more a {margin-top:-9px; width:18px; height:18px;}
	.section05 .title .more a:before {width:18px; margin-left:-9px;}
	.section05 .title .more a:after {height:18px; margin-top:-9px;}
	.section05 .col {margin:0 -15px;}
	.section05 .col .row {padding:0 15px;}
	.section05 .inner .txt-box {padding:30px 20px; position:relative; opacity:1;}
	.section05 .inner .txt-box h4 {font-size:20px; margin-bottom:10px;}
	.section05 .inner .txt-box p {font-size:14px;}
	/* section06 */
	.section06 {padding:100px 0;}
	.section06 .col .row {padding:15px;}
	.section06 .col .row ul {min-height:auto;}
	.section06 .col .row ul li a {width:40px; height:40px;}
	.section06 .col .row p {font-size:20px;}
	.section06 .cnt {margin-top:60px;}
	.section06 .cnt ul {flex-wrap:wrap;}
	.section06 .cnt ul li {width:33.333333%; margin-bottom:60px;}
	.section06 .cnt ul li a .icon {margin-bottom:12px;}
	.section06 .cnt ul li a .icon img {width:90px;}
	.section06 .cnt ul li a p {font-size:20px;}
	/* section07 */
	.section07 {padding:100px 0 110px;}
	.section07 .tab-menu {margin-bottom:32px; padding-right:60px;}
	.section07 .tab-menu ul li a {line-height:60px; font-size:18px; }
	.section07 .tab-menu .more a {width:60px; height:60px;}
	.section07 .tab-menu .more a:before {width:18px; margin-left:-9px;}
	.section07 .tab-menu .more a:after {height:18px; margin-top:-9px;}
	.section07 .tab-content .inner {padding:20px 0;}
	.section07 .tab-content .inner .notice {line-height:32px; font-size:16px;}
	.section07 .tab-content#tab01 .inner .notice {width:80px;}
	.section07 .tab-content#tab02 .inner .notice {width:170px;}
	.section07 .tab-content .inner .txt {padding:0 20px;}
	.section07 .tab-content .inner .txt p {font-size:18px;}
	.section07 .tab-content .inner .date {width:80px; font-size:16px;}
	/* footer */
	.foot-col {padding:50px 0; margin:0 -20px; flex-wrap:wrap;}
	.foot-col > div {margin-right:0; padding:0 20px;}
	.foot-col > div:last-child {padding:0 20px; margin-right:0;}
	.foot-col .foot-menu {max-width:none; width:50%; margin-right:0;}
	.foot-col .foot-info {max-width:none; width:50%; margin-right:0; border-right:0;}
	.foot-col .foot-cnt {width:100%; margin-top:40px; display:flex;}
	.foot-col .title {margin-bottom:10px;}
	.foot-col .title p {font-size:18px;}
	.foot-col .foot-menu li a {font-size:14px; line-height:30px; padding-left:8px;}
	.foot-col .foot-menu li a:before {top:13px;}
	.foot-col .foot-info .tel {margin-bottom:16px;} 
	.foot-col .foot-info .tel a {font-size:20px;padding-left:24px;}
	.foot-col .foot-info .tel a:before {width:16px; height:16px; margin-top:-8px;}
	.foot-col .foot-info dl {margin-bottom:10px; font-size:14px;}
	.foot-col .foot-info dt {padding-left:24px;}
	.foot-col .foot-info dt:before {width:16px; height:16px; margin-top:-8px;}
	.foot-col .foot-row {margin-bottom:0; width:50%; border-right:1px solid rgba(255,255,255,0.2);}
	.foot-col .foot-row:last-child {border-right:0; padding:0 20px;}
	.foot-col .foot-row .more a {font-size:14px; max-width:180px; line-height:38px; padding-left:16px; padding-right:40px;}
	.foot-col .foot-row .more a:after {width:40px; height:40px;}
	.foot-col .foot-row ul {display:flex; margin:0 -14px;}
	.foot-col .foot-row ul li {padding:0 14px; position:relative;}
	.foot-col .foot-row ul li:after {content:''; width:1px; height:10px; background:#fff; opacity:0.2; position:absolute; top:50%; margin-top:-5px; right:0;}
	.foot-col .foot-row ul li:last-child:after {display:none;}
	.foot-col .foot-row ul li a {font-size:14px; padding-left:24px;}
	.foot-col .foot-row ul li a:before {width:16px; height:16px; margin-top:-8px;}
	.foot-wrap {display:block; padding:24px 0; text-align:center;}
	.foot-wrap p {font-size:14px;}
	.foot-wrap ul {justify-content:center; margin:0 -10px;}
	.foot-wrap ul li {padding:0 10px;}
	.foot-wrap ul li a {font-size:14px;}

	.scrolltop {bottom:110px; right:15px; width:40px; height:40px;}
	.scrolltop:before {width:40px; height:40px; background-repeat:no-repeat; background-size:cover;}
	.scrolltop:hover:before {background-position:center center;}
	
	#footer {padding-bottom:95px;}
	.quick {right:auto; top:auto; bottom:0; left:0; margin-top:0; width:100%; border-right:0;}
	.quick ul {display:flex;}
	.quick li {border-bottom:0; border-right:1px solid #ddd; width:25%;}
	.quick li:last-child {border-right:0;}
	.quick .inner {height:96px; width:100%; display:block; padding:10px 15px;}
	.quick .inner .icon img {width:36px;}
	.quick .inner p {font-size:14px; margin-top:8px}
	
}

@media (max-width: 640px) {
	#header {height:80px;}
	
	#header .sitelogo a {width:140px; height:66px; background:url('../img/layout/sitelogo.png') no-repeat; background-size:cover; margin-top:-33px; margin-left:-70px;}
	#header .sitelogo a img {display:none;}
	
	#header .nav ul li {padding-left:10px;}
	#header .nav ul li:first-child {padding-left:0;}
	#header .nav ul li a.lang {font-size:14px; padding-left:20px;}
	#header .nav ul li a.lang:before {width:12px; height:12px; margin-top:-6px;}
	
	

	.sitemap {padding-top:100px;}
	.pc-sitemap {display:none;}
	.mob-sitemap {display:block;}
	
	.sitemap .col {margin:0 -10px; position:relative;}
	.sitemap .col .row {margin-bottom:20px; width:50%; padding:0 10px;}
	
	.sitemap .tit {margin-bottom:6px; padding-bottom:6px;}
	.sitemap .tit p {font-size:16px;}
	.sitemap .subm li a {font-size:14px; line-height:20px;}
	.sitemap .subm li a:before {top:9px;}
	.sitemap .link li a {font-size:14px; line-height:1.8em; padding:5px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.sitemap .link li a span {height:14px;}
	
	.sitemap .more {padding-left:0;}
	.sitemap .more a {font-size:14px; line-height:50px; padding-right:30px;}
	.sitemap .more a:hover:after {right:0;}
	/* section01 */
	.section01 {padding-top:100px;}
	.section01 .col {display:block;}
	.section01 .col .row {width:100%; padding:40px 15px; border-right:0; border-bottom:1px solid #ddd; border-left:0;}
	.section01 .col .row:last-child {border-bottom:0; border-right:0;}
	.section01 .txt-box .tit p {font-size:14px;}
	.section01 .txt-box .tit h3 {font-size:18px;}
	.section01 .txt-box .txt p {font-size:14px;}
	.section01 .date p {font-size:13px;}
	.section01 .item .img-box {margin:0 auto 20px;}
	.section01 .item .date {padding:10px 0;}
	.section01 .cnt03 .img-box {height:240px; margin-bottom:20px;}
	.section01 .cnt03 .txt-box a {margin-bottom:10px; padding-bottom:10px;}
	.section01 .cnt03 .txt-box .tit h4 {font-size:16px;}
	/* section03 */
	.section03 {padding:80px 0;}
	.section03 .cnt {margin-bottom:30px; padding-bottom:30px;}
	.section03 .title {margin-bottom:20px;}
	.section03 .title h3 {font-size:24px;}
	.section03 .title .more {width:16px; height:16px; margin-top:-8px;}
	.section03 .title .more:before {width:16px; margin-left:-8px;}
	.section03 .title .more:after {height:16px; margin-top:-8px;}
	.section03 .items {margin:0; padding:0 40px;}
	.section03 .slick-prev {left:0;}
	.section03 .slick-next {right:0;}	
	/* section04 */
	.section04 {padding:80px 0;}
	.section04 .col {display:block;}
	.section04 .col .row {width:100%; margin-bottom:-1px;}
	.section04 .inner {padding:30px 20px;}
	.section04 .inner .tit {margin-bottom:12px;}
	.section04 .inner .tit h4 {font-size:18px;}
	.section04 .inner .tit a {margin-top:-8px; width:16px; height:16px;}
	
	.section04 .inner .img .over {height:auto;}
	.section04 .inner .img .over h5 {font-size:16px;}
	.section04 .inner .img .over p {font-size:14px;}	
	
	.section04 .inner:before,
	.section04 .inner:after {display:none;}
	.section04 .col .row:last-child:before,
	.section04 .col .row:last-child:after {display:none;}
	/* section05 */	
	.section05 {padding:80px 0;}
	.section05 .title {margin-bottom:30px;}
	.section05 .title h3 {font-size:26px;}
	.section05 .title .more a {margin-top:-8px; width:16px; height:1px;}
	.section05 .title .more a:before {width:16px; margin-left:-8px;}
	.section05 .title .more a:after {height:16px; margin-top:-8px;}
	.section05 .col {margin:0; display:block; display:block;}
	.section05 .col .row {padding:0; margin-bottom:30px; width:100%;}
	.section05 .inner .txt-box {padding:20px 15px;}
	.section05 .inner .txt-box h4 {font-size:18px;}
	/* section06 */
	.section06 {padding:80px 0;}
	.section06 .col {display:block;}
	.section06 .col .row {padding:10px; width:100%; border-right:0; border-top:1px solid #ddd;}
	.section06 .col .row ul li a {width:30px; height:30px;}
	.section06 .col .row p {font-size:16px;}
	.section06 .cnt {margin-top:30px;}
	.section06 .cnt ul li {width:50%; margin-bottom:.0px;}
	.section06 .cnt ul li a .icon {margin-bottom:10px;}
	.section06 .cnt ul li a .icon img {width:60px;}
	.section06 .cnt ul li a p {font-size:16px;}
	/* section07 */
	.section07 {padding:80px 0;}
	.section07 .tab-menu {margin-bottom:24px; padding-right:50px;}
	.section07 .tab-menu ul li a {line-height:50px; font-size:16px;}
	.section07 .tab-menu .more a {width:50px; height:50px;}
	.section07 .tab-menu .more a:before {width:16px; margin-left:-8px;}
	.section07 .tab-menu .more a:after {height:16px; margin-top:-8px;}
	.section07 .tab-content .inner {padding:14px 0;}
	.section07 .tab-content .inner .notice {line-height:30px; font-size:14px;}
	.section07 .tab-content#tab01 .inner .notice {width:60px;}
	.section07 .tab-content#tab02 .inner .notice {width:140px;}
	.section07 .tab-content .inner .txt {padding:0 10px;}
	.section07 .tab-content .inner .txt p {font-size:16px;}
	.section07 .tab-content .inner .date {width:70px; font-size:14px;}
	/* footer */
	.foot-col {padding:30px 0; margin:0; display:block;}
	.foot-col > div {padding:0; width:100%; margin-bottom:30px; border-right:0;}
	.foot-col > div:last-child {padding:0;}
	.foot-col .foot-menu {width:100%;}
	.foot-col .foot-info {width:100%;}
	.foot-col .foot-cnt {margin-top:30px; display:block;}
	.foot-col .title p {font-size:16px;}
	.foot-col .foot-menu li a {font-size:12px; line-height:24px;}
	.foot-col .foot-menu li a:before {top:10px;}
	.foot-col .foot-info .tel {margin-bottom:10px;} 
	.foot-col .foot-info .tel a {font-size:16px; padding-left:20px;}
	.foot-col .foot-info .tel a:before {width:12px; height:12px; margin-top:-6px;}
	.foot-col .foot-info dl {font-size:12px;}
	.foot-col .foot-info dt {padding-left:20px;}
	.foot-col .foot-info dd {padding-left:20px;}
	.foot-col .foot-info dt:before {width:12px; height:12px; margin-top:-6px;}
	.foot-col .foot-row {margin-bottom:30px; width:100%; border-right:0;}
	.foot-col .foot-row:last-child {padding:0;}
	.foot-col .foot-row .more a {font-size:12px; max-width:140px; line-height:28px; padding-left:10px; padding-right:30px;}
	.foot-col .foot-row .more a:after {width:30px; height:30px;}
	.foot-col .foot-row ul {margin:0 -10px;}
	.foot-col .foot-row ul li {padding:0 10px;}
	.foot-col .foot-row ul li a {font-size:12px; padding-left:20px;}
	.foot-col .foot-row ul li a:before {width:12px; height:12px; margin-top:-6px;}
	.foot-wrap {padding:20px 0;}
	.foot-wrap p {font-size:12px; margin-bottom:20px;}
	.foot-wrap ul {justify-content:center; margin:0 -10px;}
	.foot-wrap ul li {padding:0 10px;}
	.foot-wrap ul li a {font-size:12px;}
	
	.main-nodate {font-size:16px;}
	.section07 .main-nodate {padding:20px 0;}
	
	#footer {padding-bottom:95px;}
	.quick .inner {height:95px; padding:10px;}
	.quick .inner .icon img {width:28px;}
	.quick .inner p {font-size:12px;}
	
	.only-pc {display:none;}
	.only-mob {display:block;}
	
}

@media (max-width: 400px) {
	.section07 .tab-menu ul li {height:auto;}
	.section07 .tab-menu ul li a {line-height:1.5em; display:flex; justify-content:center; align-items:center; height:100%;}
	
	.section07 .tab-content .inner {display:block;}
	.section07 .tab-content .inner .notice {margin-bottom:6px;}
	.section07 .tab-content#tab01 .inner .notice {width:60px;}
	.section07 .tab-content#tab02 .inner .notice {width:140px;}
	.section07 .tab-content .inner .txt {width:100%; padding:0; margin-bottom:6px;}
	.section07 .tab-content .inner .date {padding:0; width:100%; text-align:left;}
}