/* -------------------- */
/* home.css     */
/* -------------------- */



/*===================================================================
  Mobile
===================================================================*/
@media( max-width:959px )
{
/* HOME */
	.homeTitleArea{ width:100%; height:90vw; padding-bottom:calc(100vw / 3); }
	.homeTitleSlider{ width:100%; height:100%; position:absolute; top:0; left:0; }
	.homeTitleSlider div{ width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; }
	.homeTitleStr{ position:absolute; bottom:calc(100vw / 3 + 1.2rem); left:1rem; }
	.homeTitleStr > p{ font-size:2rem; font-weight:bold; color:#ffffff; line-height:120%; text-shadow:0 0 1rem #666666; }
	.homeTitleWm{ width:50%; height:auto; position:absolute; top:2vw; right:1vw; }
	.homeTitleLink{ width:100%; height:calc(100vw / 3); position:absolute; top:calc(90vw - (100vw / 3)); left:0; display:flex; flex-direction:row; flex-wrap:nowrap; }
	.homeTitleLink > a{ display:block; width:calc(100vw / 3); height:calc(100vw / 3); display:flex; flex-direction:column; justify-content:center; align-items:center; text-decoration:none; }
	.homeTitleLink > a:hover{ text-decoration:none; }
	.homeTitleLink > a:nth-of-type(1){ background-color:#f2c700; }
	.homeTitleLink > a:nth-of-type(2){ background-color:#96c920; }
	.homeTitleLink > a:nth-of-type(3){ background-color:#006a99; }
	.homeTitleLink > a > p{ font-size:1rem; font-weight:bold; color:#ffffff; line-height:100%; }
	.homeTitleLink > a > p > span{ display:block; font-size:0.8rem; margin-top:0.2rem; font-weight:bold; }
	.homeTitleLink > a > span{ display:block; font-size:0.6rem; color:#ffffff; line-height:100%; padding-top:0.6rem; }
	.homeNewsArea{ width:94vw; margin:0 auto; margin-top:1rem; }
	.homeNewsTitle{ font-size:1.8rem; line-height:100%; padding:1rem 0; text-align:center; border-bottom:1px #dfdfdf solid; }
	.homeNews{ width:100%; padding:1rem 0; border-bottom:1px #dfdfdf solid; }
	.homeNews > div:nth-of-type(1){ width:100%; color:#006a99; }
	.homeNews > div:nth-of-type(2){ width:100%; }
	.homeNews > div:nth-of-type(2) > p > a{ color:#333333; }
	.homeNews > div:nth-of-type(2) > p > a:hover{ text-decoration:none; }
	.homeBtnNewsList{ width:60%; margin:0 auto; margin-top:1rem; }
	.homeEventArea{ width:94vw; margin:0 auto; margin-top:5rem; }
	.homeEventTitle{ font-size:1.8rem; line-height:100%; padding:1rem 0; padding-bottom:0; text-align:center; }
	.homeEventListArea{ width:100%; }
	.homeEventBox{ width:100%; margin-top:1rem; border:1px #dfdfdf solid; color:#333333; text-decoration:none; display:block; }
	.homeEventImg{ width:100%; height:auto; background-color:#ffffff; background-position:center; background-size:cover; }
	.homeEventBox > div{ padding:0.3rem 0.8rem; }
	.homeEventBox > div:nth-of-type(1){ padding:0; }
	.homeEventBoxTitle{ font-size:1.2rem; font-weight:bold; line-height:140%; margin-top:0.5rem; margin-bottom:0.5rem; }
	.homeEventBoxStr{}
	.homeEventBoxStr:before{ content:'●'; display:inline-block; color:#006a99; font-weight:bold; }
	.homeBtnEventList{ width:200px; margin:0 auto; margin-top:3rem; }
}
/*===================================================================
  PC
===================================================================*/
@media( min-width:960px )
{
/* HOME */
	.homeTitleArea{ width:100%; height:35vw; max-height:600px; padding-right:256px; }
	.homeTitleSlider{ width:100%; height:100%; position:absolute; top:0; left:0; }
	.homeTitleSlider div{ width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; }
	.homeTitleStr{ position:absolute; bottom:2.6rem; left:3rem; max-width:calc(100% - 3rem - 256px - 3rem); }
	.homeTitleStr > p{ font-size:3.4rem; font-weight:bold; color:#ffffff; line-height:110%; text-shadow:0 0 1rem #666666; }
	.homeTitleWm{ width:410px; height:auto; position:absolute; top:16px; right:272px; }
	.homeTitleLink{ width:256px; height:35vw; max-height:600px; position:absolute; top:0; right:0; }
	.homeTitleLink > a{ display:block; width:256px; height:calc(35vw / 3); max-height:200px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-decoration:none; }
	.homeTitleLink > a:hover{ opacity:0.7; transition:0.3s; text-decoration:none; }
	.homeTitleLink > a:nth-of-type(1){ background-color:#f2c700; }
	.homeTitleLink > a:nth-of-type(2){ background-color:#96c920; }
	.homeTitleLink > a:nth-of-type(3){ background-color:#006a99; }
	.homeTitleLink > a > p{ font-size:1.5rem; font-weight:bold; color:#ffffff; line-height:100%; text-align:center; }
	.homeTitleLink > a > p > span{ display:block; font-size:1rem; margin-top:0.2rem; font-weight:bold; }
	.homeTitleLink > a > span{ display:block; font-size:0.9rem; color:#ffffff; line-height:100%; padding-top:0.6rem; }
	.homeNewsArea{ max-width:calc(800px + 4rem); margin:0 auto; margin-top:3rem; padding:0 2rem; }
	.homeNewsTitle{ font-size:2rem; line-height:100%; padding:1rem 0; text-align:center; border-bottom:1px #dfdfdf solid; }
	.homeNews{ width:100%; padding:1rem 0; display:flex; flex-wrap:nowrap; border-bottom:1px #dfdfdf solid; }
	.homeNews > div:nth-of-type(1){ width:10rem; color:#006a99; }
	.homeNews > div:nth-of-type(2){ flex:1; }
	.homeNews > div:nth-of-type(2) > p > a{ color:#333333; }
	.homeNews > div:nth-of-type(2) > p > a:hover{ text-decoration:none; }
	.homeBtnNewsList{ width:200px; margin:0 auto; margin-top:2rem; }
	.homeEventArea{ max-width:1720px; margin:0 auto; margin-top:8rem; padding:0 2rem; }
	.homeEventTitle{ font-size:2rem; line-height:100%; padding:1rem 0; text-align:center; }
	.homeEventListArea{ width:100%; display:flex; flex-wrap:wrap; justify-content:center; }
	.homeEventBox{ width:382px; margin:1rem; border:1px #dfdfdf solid; color:#333333; text-decoration:none; }
	/*.homeEventImg{ width:100%; height:16rem; background-color:#ffffff; background-position:center; background-size:cover; }*/
	.homeEventImg{ width:100%; border-bottom:1px #dfdfdf solid; }
	.homeEventBox > div:nth-of-type(2){ padding:0.6rem 1rem; }
	.homeEventBox:hover{ color:#333333; text-decoration:none; }
	.homeEventBoxTitle{ font-size:1.2rem; font-weight:bold; line-height:140%; margin-bottom:0.5rem; }
	.homeEventBoxStr{ }
	.homeEventBoxStr:before{ content:'●'; display:inline-block; color:#006a99; font-weight:bold; }
	.homeBtnEventList{ width:200px; margin:0 auto; margin-top:3rem; }
}