@charset "UTF-8";

@media screen and (max-width: 1089px) {
	section { padding: 6%; }
	section .in { padding: 5vh 0; margin-bottom: 0; }
	.img-loop { padding: 10vh 0 5vh !important; }
}
@media screen and (max-width: 599px) {
	section .in { padding: 0; }
}
@media screen and (min-width: 600px) and (max-width: 1089px) {
	section { padding: 4%; }
	section .in { padding: 2vh 0; margin-bottom: 0; }
	section#anch00 { padding: 0 4%; }
	.img-loop { padding: 10vh 0 5vh !important; }
}
@media screen and (min-width: 1090px) {	
	section#anch00 { padding: 0 4%; }
	section .in { padding: 5vh 0; margin-bottom: 0; }
	.img-loop { padding: 10vh 0 5vh !important; }
}



/*-- プロジェクト -------------------------------------------------------------*/
@media screen and (max-width: 599px) {
	.projectFlex { width: 80%; margin: 0 auto; }
	.projectFlex li { margin: 0 auto 20px; text-align: center; }
}
@media screen and (min-width: 600px) {
	.projectFlex { display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
	.projectFlex li { margin: 0 2% 20px; }
}
@media screen and (min-width: 600px) and (max-width: 899px) {
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
}
@media screen and (min-width: 1090px) and (max-width: 1189px) {
}
@media screen and (min-width: 1190px) and (max-width: 1289px) {
}
@media screen and (min-width: 1290px) and (max-width: 1389px) {
}

/*-- ニュース -------------------------------------------------------------*/
@media screen and (max-width: 899px) {
	.in-flex-L { margin-bottom: 5vh; }
	.in-flex-R { }
	
	.in-flex-L .subTtl { background: url("../img/common/icon01.png") left center no-repeat; background-size: 30px; padding-left: 40px; }
	.in-flex-R .subTtl { background: url("../img/common/icon02.png") left center no-repeat; background-size: 25px; padding-left: 40px; }
	
	.newList li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #dedede; }
	.newList02 li { display: flex; justify-content: flex-start; }
	.newList02 li span { color: var(--base-color); margin-right: 0.5em; min-width: 80px;}
	.cate { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 5px; }
	.cate dt { border: 1px solid var(--base-color); background: var(--base-color); color: #fff; padding: 2px 5px; font-size: 0.7em; line-height: 1.2; }
	.cate dd { border: 1px solid var(--base-color); background: #fff; color: var(--base-color); padding: 2px 5px; font-size: 0.7em; line-height: 1.2; }
	.newList li p { margin-bottom: 0px; }
	.newList li p .fas { opacity: 0.25; }
}
@media screen and (min-width: 900px) {
	.in-flex { display: flex; justify-content: space-between; }
	.in-flex-L { width: 48%; }
	.in-flex-R { width: 48%; }
	
	.in-flex-L .subTtl { background: url("../img/common/icon01.png") left center no-repeat; background-size: 40px; padding-left: 60px; }
	.in-flex-R .subTtl { background: url("../img/common/icon02.png") left center no-repeat; background-size: 45px; padding-left: 60px; }
	
	.newList li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #dedede; }
	.newList02 li { display: flex; justify-content: flex-start; }
	.newList02 li span { color: var(--base-color); margin-right: 0.5em; min-width: 80px;}
	.cate { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 5px; }
	.cate dt { border: 1px solid var(--base-color); background: var(--base-color); color: #fff; padding: 2px 5px; font-size: 0.7em; line-height: 1.2; }
	.cate dd { border: 1px solid var(--base-color); background: #fff; color: var(--base-color); padding: 2px 5px; font-size: 0.7em; line-height: 1.2; }
	.newList li p { margin-bottom: 0px; }
	.newList li p .fas { opacity: 0.25; }
}
@media screen and (min-width: 768px) and (max-width: 899px) {
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
}
@media screen and (min-width: 1090px) and (max-width: 1189px) {
}
@media screen and (min-width: 1190px) and (max-width: 1289px) {
}
@media screen and (min-width: 1290px) and (max-width: 1389px) {
}

/*-- youtube -------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.thirdFlex { width: 100%; margin: 0 auto; }
	.thirdFlex li { margin: 0 auto 20px; width: 100%; }
	.thirdFlex li p { margin: 20px 0 0; text-align: center; }
	
	.fourthFlex { display: flex; justify-content: space-between; flex-wrap: wrap; }
	.fourthFlex li { width: 48%; margin-bottom: 20px; }
	.fourthFlex li p { margin: 20px 0 0; text-align: center; font-size: 0.9em; }
}
@media screen and (min-width: 768px) {
	.thirdFlex { display: flex; justify-content: space-between; flex-wrap: wrap;}
	.thirdFlex li { width: 31%; margin: 0 auto 20px; }
	.thirdFlex li p { margin: 20px 0 0; text-align: center; font-size: 0.9em; }
	
	.fourthFlex { display: flex; justify-content: space-between; flex-wrap: wrap; }
	.fourthFlex li { width: 23%; margin: 0 auto 20px; }
	.fourthFlex li p { margin: 20px 0 0; text-align: center; font-size: 0.9em; }
}
@media screen and (min-width: 768px) and (max-width: 899px) {
	.thirdFlex { display: flex; justify-content: space-between; flex-wrap: wrap;}
	.thirdFlex li { width: 48%; margin: 0 auto 20px; }
	.thirdFlex li p { margin: 20px 0 0; text-align: center; }
	
	.fourthFlex li { width: 48%; margin: 0 auto 40px; }
}


#wrapper { position: relative; overflow: hidden;}
.kika { position: absolute; z-index: -1; width: 20vw; opacity: 0.15;　pointer-events: none; will-change: transform; }

/* 配置（好みに応じて調整できます） */
.kika01 { top: 600px; left: -5vw; }
.kika02 { top: 1200px; right: -5vw; }
.kika03 { top: 1800px; left: -5vw; }
.kika04 { top: 2400px; right: -5vw; }

@media screen and (max-width: 599px) {
	.kika { position: absolute; z-index: -1; width: 40vw; opacity: 0.25;}
}
@media screen and (min-width: 600px) {
}
@media screen and (min-width: 600px) and (max-width: 899px) {
	.kika { position: absolute; z-index: -1; width: 35vw; opacity: 0.25;}
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
	.kika { position: absolute; z-index: -1; width: 30vw; opacity: 0.25;}
}
@media screen and (min-width: 1090px) and (max-width: 1189px) {
	.kika { position: absolute; z-index: -1; width: 25vw; opacity: 0.25;}
}
@media screen and (min-width: 1190px) and (max-width: 1289px) {
}
@media screen and (min-width: 1290px) and (max-width: 1389px) {
}