@charset "utf-8";

/*===================================================================
 CSS Import
===================================================================*/
@import url(./ress.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&display=swap');

.fMincho{ font-family:'Noto Serif JP','Times New Roman','YuMincho','Hiragino Mincho ProN','Yu Mincho','MS PMincho',serif; }
.fGothicB{ font-family:'Noto Sans JP',sans-serif; font-weight:900; }

/*===================================================================
 Common
===================================================================*/
*{ font-family:'UD Shin Go NT Light',sans-serif; font-weight:300; }
html{ width:100%; }
body{ width:100%; background-color:#444444; }
a{ color:#000000; text-decoration:none; }
a:hover{ text-decoration:none; }
div{ position:relative; }
img{ display:block; width:100%; height:auto; }
p{ line-height:200%; color:#000000; }

/*===================================================================
 Font, Color
===================================================================*/
.f080{ font-size:0.8rem; }
.f130{ font-size:1.3rem; }
.fBold{ font-weight:bold; font-weight:700; }
.cWhite{ color:#ffffff; }
.cRed{ color:#5a0000; }
.cRed2{ color:#c80000; }
.cBlue{ color:#00649b; }
.cGreen{ color:#1ab11e; }
.cBrown{ color:#463200; }
.cGray{ color:#cccccc; }

.newsCatColor1{ color:#ff9e34; } /* お知らせ   */
.newsCatColor2{ color:#3cbd85; } /* 行事       */
.newsCatColor3{ color:#2d56bd; } /* 研究       */
.newsCatColor4{ color:#e66dcd; } /* 受賞/表彰  */
.newsCatColor5{ color:#b1154e; } /* 教職員公募 */
.newsCatColor6{ color:#50dbfc; } /* メディア   */
.newsCatColor7{ color:#877700; } /* 報告       */

/*===================================================================
 SP
===================================================================*/
@media( max-width:1099px )
{
	.sp{ display:block; }
	.pc{ display:none !important; }
	/* COMMON */
	html{ font-size:100%; }
	body{ background-color:#ffffff; }





	/*HOME*/
	.homeMainArea{ width:100%; padding-top:5rem; }
	.homeTopArea{ width:90vw; margin:auto }
	.homeTopArea > div:nth-of-type(1){ width:100%; height:90vw; overflow:hidden; border-radius:1rem; }
	.homeTopArea > div:nth-of-type(2){ width:100%; }
	.homeTopArea > div:nth-of-type(3){ width:100%; }
	
/*
	.homeTopArea2{ width:90vw; margin:auto }
	.homeTopArea2 > div:nth-of-type(1){ width:100%; height:90vw; overflow:hidden; border-radius:1rem; }
	.homeTopArea2 > div:nth-of-type(2){ width:100%; }
	.homeTopArea2 > div:nth-of-type(3){ width:100%; }	
*/
	
	
	
	
	.slickSlider{ width:100%; height:100%; }
	.slick-list{ width:100%; height:100% !important; }
	.slick-track{ width:100%; height:100%; }
	.slick-track > div{ width:100%; height:100%; }
	.slick-dots li.slick-active button:before{ background-color:#e84028 !important; }
	.slickSliderItems{ width:100%; height:100%; display:flex !important; flex-wrap:wrap; justify-content:center; align-content:center; background-position:center; background-size:cover; }
	.slickSliderItems > p{ width:100%; text-align:center; line-height:110%; color:#ffffff; }
	.slickSliderItems > p:nth-of-type(1){ font-size:2rem; font-weight:bold; }
	.slickSliderItems > p:nth-of-type(1) > span{ display:block; line-height:150%; font-size:1rem; }
	.slickSliderItems > p:nth-of-type(2){ font-size:1rem; font-weight:bold; padding-top:1.25rem;  }
	.Item05Str{ font-size:1rem; font-weight:bold; padding-top:1.25rem; line-height: 150%; }


	
	
	
	.slickSliderItems.Item01{ background-image:url('../../img/homeSlideBg01sp.jpg'); }
	.slickSliderItems.Item02{ background-image:url('../../img/homeSlideBg02sp.jpg'); }
	.slickSliderItems.Item03{ background-image:url('../../img/homeSlideBg03sp.jpg'); }
	.slickSliderItems.Item04{ background-image:url('../../img/homeSlideBg04sp.jpg'); }
	.slickSliderItems.Item05{ background-image:url('../../img/homeSlideBg05sp.jpg'); }
	.slickSliderItems.Item06{ background-image:url('../../img/homeSlideBg06sp.jpg'); }
	.homeLeftMenu{ width:100%; padding-top:1rem; }
	.homeLeftMenu > a{ display:block; position:relative; width:100%; margin:0.2rem 0; margin-top:0.4rem; padding:0.8rem; padding-left:2.4rem; background-color:#f5f5f5; border-radius:0.6rem; }
	.homeLeftMenu > a:before{ content:''; display:block; position:absolute; top:0; bottom:0; left:0.6rem; width:1.2rem; margin:auto; height:1.2rem; background-image:url('../img/iconArrowBlueR.svg'); background-size:contain; }
	.homeBottomMenu{ width:100%; padding-top:1rem; }
	.homeBottomMenu > a{ display:block; position:relative; width:100%; height:3.5rem; margin-top:0.5rem; padding-top:1.25rem; text-align:center; color:#ffffff; line-height:110%; font-size:1rem; font-weight:bold; background:#354097; background:linear-gradient(0deg,rgba(53, 64, 151, 1) 0%, rgba(110, 180, 225, 1) 100%); border-radius:0.6rem; }
	.homeTopAreaBottomLink{ width:90vw; margin:auto; margin-top:1rem; }
	.homeTopAreaBottomLink > a{ display:inline-block; margin-right:1rem; font-size:1rem; }
	.homeTopAreaBottomLink > a:before{ content:''; display:inline-block; width:0.9em; margin:auto; height:0.9em; background-image:url('../img/iconArrowBlueR.svg'); background-size:contain; }
	.homeInfoArea{ width:100%; margin:auto; margin-top:4rem; }
	.homeInfoArea > div:nth-of-type(1){ width:100%; }
	.homeInfoArea > div:nth-of-type(2){ width:100%; height:410px; margin-top:1.4rem; }
	.homeInfoBtn{ width:100%; display:flex; flex-wrap:wrap; justify-content:center; }
	.homeInfoBtn > p:nth-of-type(1){ width:100%; padding-bottom:1.4rem; font-size:2rem; color:#354097; text-align:center; line-height:100%; }
	.homeInfoBtn > p.btnActive, .homeInfoBtn > p.btnDisable{ width:3rem; height:3rem; position:relative; margin:0 0.5rem; border-radius:2rem; }
	.homeInfoBtn > p > img{ display:block; width:1.6rem; height:1.6rem; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; }
	.homeInfoBtn > p.btnActive{ background-color:#333333;  }
	.homeInfoBtn > p.btnDisable{ background-color:#858585;  }
	.homeInfoBoxOuter{ width:100%; height:100%; position:relative; overflow:hidden; }
	.homeInfoBox{ position:absolute; top:0; left:0; width:100%; height:410px; display:flex; }
	.homeInfoNavi{ width:90%; height:1rem; margin:auto; margin-top:1rem; display:flex; flex-wrap:nowrap; justify-content:center; }
/*	.homeInfoNaviBtn{ width:3rem; height:1rem; margin:0 0.1rem; background-color:#e6e6e6; border-radius:0; }*/
	.homeInfoNaviBtn{ width:3rem; height:0.5rem; background-color:#e6e6e6; border-radius:0; }
	.homeInfoNaviBtn:hover{ cursor:pointer; opacity:0.7; transition:.4s; }
	.homeInfoNaviBtn.now{ background-color:#eb7867; }
	.homeInfoBody{ width:260px; height:410px; position:relative; flex-shrink:0; margin:0 0.5rem; padding:2rem 1rem 1rem 1rem; text-decoration:none; background-color:#ffffff; border:1px #cccccc solid; border-radius:0.8rem; }
	.homeInfoBody:after{ content:''; display:block; width:2rem; height:2rem; position:absolute; top:1rem; right:1rem; margin:auto; background-image:url('../img/iconArrowBlueUR.svg'); background-size:contain; }
	
	.homeInfoDate{ width:100%; line-height:100%; }
	.homeInfoTitle{ width:100%; margin-top:0.8rem; color:#354097; font-size:1rem; font-weight:bold; line-height:140%; }
	.homeInfoStr{ width:100%; height:auto; margin-top:1rem; line-height:160%; }
	.homeInfoImg{ width:90%; height:120px; position:absolute; bottom:1rem; left:0; right:0; margin:auto; border:1px #cccccc solid; background-color:#ffffff; background-size:contain; background-position:center; background-size:contain; }
	
    .homeInfoStr2{ width:100%; height:auto; margin-top:1rem; line-height: 200%; max-height: 10rem; overflow: hidden; position: relative; }
    /* 溢れた時だけJSで付与されるクラス */
    .is-overflow::after {  content: "...";position: absolute; right: 0; bottom: 0; padding-left: 20px; background: linear-gradient(to right, rgba(255,255,255,0), white 50%); }


	.homeInfoSlider{ margin-top:0.4rem; margin-inline:auto; width:100%; }
	.homeInfoSlider .slick-track{ display:flex; }
	.homeInfoSlider .slick-slide{ height: auto !important; }
	.homeInfoSliderArea{ width:100%; margin-top:3rem; }
	.homeInfoSliderArea:before{ content:''; display:block; width:10%; height:100%; position:absolute; top:0; left:0; z-index:9998; background:linear-gradient(270deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); }
	.homeInfoSliderArea:after{ content:''; display:block; width:10%; height:100%; position:absolute; top:0; right:0; z-index:9998; background:linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); }
	.homeInfoSliderArea .homeInfoSliderBtnPrev{ content:''; width:10vw; height:10vw; position:absolute; margin:auto; top:0; bottom:0; left:2vw; z-index:9999; background-image:url('../../img/homeInfBtnPrev.svg'); background-size:contain; }
	.homeInfoSliderArea .homeInfoSliderBtnNext{ content:''; width:10vw; height:10vw; position:absolute; margin:auto; top:0; bottom:0; right:2vw; z-index:9999; background-image:url('../../img/homeInfBtnNext.svg'); background-size:contain; }
	.homeInfoSliderHead{ width:90%; margin:auto; }
	.homeInfoSliderHead > p{ padding-bottom:1rem; font-size:2rem; color:#354097; line-height:100%; text-align: center; }
	.homeInfoSliderDots{ margin-top:1.5rem; display:flex; justify-content:center; }
	.homeInfoSliderDots li{ width:1rem; height:1rem; margin:0 0.3rem; background:#cccccc; border-radius:50%; cursor:pointer; list-style:none; }
	.homeInfoSliderDots li button { display:none; appearance:none; outline:none; padding:0; border:none; background-color:transparent; }
	.homeInfoSliderDots li.slick-active{ background:#e84028; }
	.homeInfoSliderItem{ display:block; margin:0 0.2rem; padding:1rem; background-color:#ffffff; border:1px #cccccc solid; border-radius:0.8rem; }
	.homeInfoSliderItem > img{ display:block; width:100%; height:auto; }
	.homeInfoSliderDate{ width:100%; position:relative; margin-top:1rem; line-height:100%; }
	.homeInfoSliderDate:after{ content:''; display:block; width:2rem; height:2rem; position:absolute; top:0; right:0; background-image:url('../img/iconArrowBlueUR.svg'); background-size:contain; }
	.homeInfoSliderTitle{ width:100%; margin-top:1rem; color:#354097; font-size:1rem; font-weight:bold; line-height:140%; }
	.homeInfoSliderStr{ width:100%; height:auto; margin-top:1rem; }


	.homeEventArea{ width:100%; margin-top:3rem; padding:3rem 0 2rem 0; background-color:#f2f2f2; }
	.homeEventInner{ width:90%; margin:auto; }
	.homeEventHead > p{ font-size:2rem; color:#354097; text-align:center; }
	.homeEventList{ width:100%; }
	.homeEvent{ display:block; position:relative; width:100%; height:auto; margin-top:1rem; padding:2rem 1rem 1rem 1rem; border:1px #cccccc solid; background-color:#ffffff; border-radius:1rem; }
	.homeEventDate{ width:100%; line-height:100%; }
	.homeEventCategorie{ width:100%; margin-top:0.8rem; color:#354097; font-size:1rem; font-weight:bold; line-height:140%; }
	.homeEventTitle{ width:100%; margin-top:1rem; color:#354097; font-size:1rem; font-weight:bold; line-height:200%; }
	.homeEventStr{ width:100%; height:auto; margin-top:1rem; line-height:160%; }
	.homeEvent:after{ content:''; display:block; width:2rem; height:2rem; position:absolute; top:1rem; right:1rem; margin:auto; background-image:url('../img/iconArrowBlueUR.svg'); background-size:contain; }
	.homeEventBtn{ margin-top:1rem; }
	.homeEventBtn > span{ display:inline-block; width:60%; position:relative; height:2rem; line-height:1.9rem; padding-left:1.4rem; color:#ffffff; text-decoration:none; background-color:#354097; border-radius:1rem; }
	.homeEventBtn > span:hover{ cursor:pointer; opacity:0.7; transition:.4s; }
	
	.homeEventMore{ width:100%; margin-top:1rem; text-align:right; }
	.homeEventMore > a{ display:inline-block; margin-right:1rem; font-size:1rem; line-height: 1rem; color: #354097; }
	.homeEventMore > a:before{ content:''; display:inline-block; width:1em; margin:auto; height:1em; background-image:url('../img/iconArrowBlueR.svg'); background-size:contain; margin-right: 0.25rem; }
	
	.homeNewsArea{ width:90%; margin:auto; padding:2rem 0; }
	.homeNewsHead > p{ width:100%; display:inline-block; line-height:100%; font-size:2rem; padding-bottom:1rem; border-bottom:2px #ccc solid; text-align: center; color:#354097; }
	.homeNews{ padding:1rem 0; display:flex; flex-wrap:wrap; border-bottom:1px #ccc solid; }
	.homeNews > p:nth-of-type(1){ width:6.5rem; font-size:1rem; }
	.homeNews > p:nth-of-type(2){ width:7rem; margin-top: 0.2rem; }
	.homeNews > p:nth-of-type(3){}
	.homeNews > p:nth-of-type(3) > a{ color: #0064a0; text-decoration:underline; }	
	.newsCategoryIcon{ width:7rem; height:1.5rem; line-height:1.5rem; font-size:0.8rem; padding:0 0.8rem; border:1px #888 solid; background-color:#ffffff; border-radius:0.7rem; }
	.newsCategoryIcon > span{ display:inline-block; margin-right:0.2rem; }
	.homeNews > p:nth-of-type(3){ width:100%;  margin-top:0.4rem;}
	.homeNews .newWin:after{ background:url(../../img/homeNewsNewWin.svg) 0 0 no-repeat; content:''; display:inline-block; width:1rem; height:1rem; margin:0 0.2rem; }
	.homeNews .newPDF:after{ background:url(../img/ico_PDF.svg) 0 0 no-repeat; content:''; display:inline-block; width:1rem; height:1rem; margin:0 0.2rem; }
	
	.homeNewsMore{ width:100%; margin-top:1rem; text-align:right; }
	.homeNewsMore > a{ display:inline-block; margin-right:1rem; font-size:1rem; line-height: 1rem; color: #354097; }
	.homeNewsMore > a:before{ content:''; display:inline-block; width:1em; margin:auto; height:1em; background-image:url('../img/iconArrowBlueR.svg'); background-size:contain; margin-right: 0.25rem; }		
	
	
	.homeNewsGoList{ display:inline-block; position:relative; margin-top:1.5rem; padding-left:1.2rem; color:#00649b; text-decoration:none; }
	.homeNewsGoList:before{ background:url(../../img/homeEventArrow.svg) 0 0 no-repeat; content:''; display:block; width:1rem; height:1rem; position:absolute; top:0.2rem; left:0; }
	.homeBottomLinkArea{ width:100%; margin-top:4rem; }
	.homeBottomLinkArea > a{ display:block; width:100%; height:6rem; display:flex; flex-wrap:wrap; justify-content:center; align-content:center; background-color:#354097; border:1px #ffffff solid; }
	.homeBottomLinkArea > a > span{ width:100%; display:block; text-align:center; color:#ffffff; line-height:150%; font-size:0.9rem; }
	.homeBottomLinkArea > a > p{ width:100%; display:block; text-align:center;  color:#ffffff; line-height:150%; font-size:1rem; font-weight:bold; }
	.homeBottomSocialArea{ width:90%; margin:auto; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }
	.homeBottomIconYouTube{ width:3rem; margin:1rem; }
	.homeBottomIconX{ width:3rem; margin:1rem; }
	.homeBottomBannerArea{ width:90%; margin:auto; margin-top:1rem; margin-bottom:4rem; }
	.homeBottomBannerArea > div{ width:100%; margin-top:1rem; border:1px #cccccc solid; }















	/*HEADER*/
	.header{ width:100%; height:3rem; position:fixed; top:0; left:0; z-index:99999; }
	.headerBody{ width:100%; height:4rem; display:flex; align-items:center; justify-content:space-between; background-color:#ffffff; border-bottom:1px #eee solid; }
	.headerLogo{ width:50vw; height:auto; margin-left:2vw; margin-top:0.2rem; }
	.headerBtnSpMenuOpen{ width:4rem; height:4rem; display:flex; align-items:center; justify-content:center; background-color:#232c35; }
	.headerMenuSp{ display:none; width:100%; height:100vh; position:absolute; top:0; left:0; z-index:+10; background-color:#232c35; }
	.headerBtnSpMenuClose{ width:4rem; height:4rem; display:flex; align-items:center; justify-content:center; background-color:#232c35; }
	.headerMenuBody{ width:100vw; height:calc(100vh - 3rem); overflow:scroll; padding-bottom:2rem; border-top:1px #ffffff solid; }
	.spHeaderMenuBtn{ padding:0.8rem 1rem; border-bottom:1px #ffffff solid; }
	.spHeaderMenuBtn > p{ color:#ffffff; }
	.headerSubMenuBody{ display:none; padding:0.5rem; background-color:#dfe5ea; }
	.headerSubMenuBody > p{ }
	.headerSubMenuBody > a{ line-height:220%; padding-left:1rem; text-decoration:none; }
	.googleSearchArea{ margin-top:2rem; padding-left:1rem; display:flex; align-items:center; }
	.googleSearchInput{ display:block; width:10rem; height:2.2rem; border:1px #999999 solid; background-color:#d1d3d5; }
	.googleSearchSubmit{ display:block; width:2rem; height:2rem; margin-left:0.4rem; }
	.headerBtnLink{ margin-top:2rem; padding-left:1rem; }
	.headerBtnLink > a{ display:block; width:6.6rem; height:2rem; }
	.headerBtnAccess{ margin-top:1rem; padding-left:1rem; }
	.headerBtnAccess > a{ display:block; width:6.6rem; height:2rem; }
	.headerBtnLng{ margin-top:2rem; padding-left:1rem; display:flex; }
	.headerBtnLng > a{ display:block; width:3rem; height:3rem; margin-right:0.5rem; }
	.headerBtnTwitter{ margin-top:2rem; padding-left:1rem; }
	.headerBtnTwitter > a{ display:block; width:13rem; height:auto; }
	.headerSubMenuBody >div > a[target="_blank"]:after{ content:''; display:inline-block; width:0.8rem; height:0.8rem; background:url("../img/ico_window02.svg") no-repeat left bottom; background-size:contain; margin-left:0.5rem; margin-right:1rem; }
	.headerSubMenuBody > a[target="_blank"]:after { content:''; display:inline-block; width:0.8rem; height:0.8rem; background:url("../img/ico_window.svg") no-repeat left bottom; background-size:contain; margin-left:0.5rem; margin-right:1rem; }


	/*FOOTER*/
	.btnPgTop{ background-color:#232c35; display:block; padding-bottom:2rem; text-align:right; }
	.btnPgTop > img{ width:3rem; height:3rem; margin-left:auto; margin-right:2rem; }
	.btnPgTop > img:hover{ cursor:pointer; opacity:0.7; }
	.btnPgTop02{ position:fixed; bottom:1rem; right:1rem; display:block; width:2rem; z-index:8888; }
	.btnPgTop02 > img:hover{ cursor:pointer; opacity:0.7; }
	.footerBottomLink{ width:100%; background-color:#e4eff4; }
	.footerBottomLinkBody{ width:90%; margin:auto; padding-top:1rem; padding-bottom:4rem; }
	.footerBottomLinkBody > div{ width:100%; margin-top:1rem; }
	.footerBottomLinkBody > div > p{ border-bottom:1px #232c35 solid; }
	.footerBottomLinkBody > div > p.Cont2Line{ display:block; margin-top:1rem; }
	.footerBottomLinkBody > div > div{ display:none; }
	.footerBottomLinkBody > div > div > a{ display:inline-block; margin-top:0.5rem; font-size:0.8rem; text-decoration:none; }
	.footer{ width:100%; background-color:#232c35; }
	.footer > div{ width:90%; margin:auto; padding:2rem 0; }
	.footer > div > p:nth-of-type(1){ color:#ffffff; font-size:0.8rem; }
	.footer > div > p:nth-of-type(2){ padding-top:2rem; color:#ffffff; font-size:0.8rem; }
	.footerBottomLinkBody > div > div > p{ display:inline-block; margin-top:0.5rem; font-size:0.8rem; }
	.footerBottomLinkBody > div > div > a[target="_blank"]:after { content:''; display:inline-block; width:0.8rem; height:0.8rem; background:url("../img/ico_window.svg") no-repeat left bottom; background-size:contain; margin-left:0.5rem; margin-right:1rem; }
}
/*===================================================================
 PC
===================================================================*/
@media( min-width:1100px )
{
	.sp{ display:none !important; }
	.pc{ display:block; }
	/* COMMON */
	html{ overflow-y:scroll; font-size:100%; }
	body{ background-color:#ffffff; }
	a:hover{ cursor:pointer; opacity:0.7; }





	/*HOME*/
	.homeMainArea{ width:100%; padding:0 2rem; padding-top:6rem; }
	.homeTopArea{ width:100%; display:flex; flex-wrap:wrap; }
	.homeTopArea > div:nth-of-type(1){ width:calc(100% - 20rem); overflow:hidden; border-radius:1rem;  }
	.homeTopArea > div:nth-of-type(2){ width:20rem; }
	.homeTopArea > div:nth-of-type(3){ width:100%; }
	
/*
	.homeTopArea2{ width:100%; display:flex; flex-wrap:wrap; }
	.homeTopArea2 > div:nth-of-type(1){ width:calc(100% - 20rem); overflow:hidden; border-radius:1rem; height: calc((100vw - 20rem) * 0.4); min-height: 460px; }
	.homeTopArea2 > div:nth-of-type(2){ width:20rem; }
	.homeTopArea2 > div:nth-of-type(3){ width:100%; }
*/
	
	
	
	
/*	.slickSlider{ width:100%; height:100%; }*/
	.slickSlider{ width:100%; height:100%; background-image: url("../../img/homeSlickBg.jpg"); background-size: 100% 100%; }
	.slick-list{ width:100%; height:100% !important; }
	.slick-track{ width:100%; height:100%; }
	.slick-track > div{ width:100%; height:100%; }
	.slick-dots li.slick-active button:before{ background-color:#e84028 !important; }
/*	.slickSliderItems{ width:100%; height:100%; display:flex !important; flex-wrap:wrap; justify-content:center; align-content:center; background-position:center; background-size:cover; }*/
	.slickSliderItems{ width:100%; height:100%; display:flex !important; flex-wrap:wrap; justify-content:center; align-content:center; background-position:center; background-size: contain; }	
	
	.slickSliderItems > p{ width:100%; text-align:center; line-height:100%; color:#ffffff; }
	.slickSliderItems > p:nth-of-type(1){ font-size:2.5rem; font-weight:bold; }
	.slickSliderItems > p:nth-of-type(1) > span{ display:block; line-height:150%; font-size:1.5rem;  }
	.slickSliderItems > p:nth-of-type(2){ font-size:1rem; font-weight:bold; padding-top:1.25rem; }
	.Item05Str{ font-size:1rem; font-weight:bold; padding-top:1.25rem; }
	.slickSliderItems.Item01{ background-image:url('../../img/homeSlideBg01.jpg'); }
	.slickSliderItems.Item02{ background-image:url('../../img/homeSlideBg02.jpg'); }
	.slickSliderItems.Item03{ background-image:url('../../img/homeSlideBg03.jpg'); }
	.slickSliderItems.Item04{ background-image:url('../../img/homeSlideBg04.jpg'); }
	.slickSliderItems.Item05{ background-image:url('../../img/homeSlideBg05.jpg'); }
	.slickSliderItems.Item06{ background-image:url('../../img/homeSlideBg06.jpg'); }
	.homeLeftMenu{ display:flex; flex-wrap:wrap; align-content:center; margin: 1.25rem 0 1.25rem 0; }
	.homeLeftMenu > a{ display:block; position:relative; width:100%; margin:0.2rem 0; margin-left:1rem; padding:0.5rem 0.8rem; padding-left:2.4rem; background-color:#f5f5f5; border-radius:0.6rem; }
	.homeLeftMenu > a:before{ content:''; display:block; position:absolute; top:0; bottom:0; left:0.6rem; width:1.2rem; margin:auto; height:1.2rem; background-image:url('../img/iconArrowBlueR.svg'); background-size:contain; }
	.homeBottomMenu{ padding-top:1.5rem; display:flex; justify-content:space-between; }
	.homeBottomMenu > a{ display:table-cell; position:relative; width:19.6%; height:4rem; padding-top:1.5rem; text-align:center; color:#ffffff; line-height:110%; font-size:1rem; font-weight:bold; background:#354097; background:linear-gradient(0deg,rgba(53, 64, 151, 1) 0%, rgba(110, 180, 225, 1) 100%); border-radius:0.6rem; }
	.homeTopAreaBottomLink{ width:100%; margin-top:0.4rem; }
	.homeTopAreaBottomLink > a{ display:inline-block; margin-right:1rem; font-size:1rem; }
	.homeTopAreaBottomLink > a:before{ content:''; display:inline-block; width:0.9em; margin:auto; height:0.9em; background-image:url('../img/iconArrowBlueR.svg'); background-size:contain; }
	.homeInfoArea{ width:1100px; margin:auto; margin-top:8rem; display:flex; justify-content:flex-start; align-items:flex-start; }
	.homeInfoArea > div:nth-of-type(1){ flex:1; }
	.homeInfoArea > div:nth-of-type(2){ width:826px; height:410px; }
	.homeInfoBtn{ width:12rem; display:flex; flex-wrap:wrap; justify-content:center; }
	.homeInfoBtn > p:nth-of-type(1){ width:100%; padding-bottom:1rem; font-size:2.5rem; color:#354097; text-align:center; line-height:100%; }
	.homeInfoBtn > p.btnActive, .homeInfoBtn > p.btnDisable{ width:4rem; height:4rem; position:relative; margin:0 0.5rem; border-radius:2rem; }
	.homeInfoBtn > p > img{ display:block; width:2rem; height:2rem; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; }
	.homeInfoBtn > p.btnActive{ background-color:#333333;  }
	.homeInfoBtn > p.btnDisable{ background-color:#858585;  }
	.homeInfoBtn > p.btnActive:hover{ cursor:pointer; opacity:0.7; transition:.4s; }
	.homeInfoBoxOuter{ width:100%; height:100%; position:relative; overflow:hidden; }
	.homeInfoBox{ position:absolute; top:0; left:0; width:826px; height:410px; display:flex; }
	.homeInfoNavi{ width:100%; height:1rem; margin-top:1rem; display:flex; flex-wrap:nowrap; }
	.homeInfoNaviBtn{ width:4rem; height:0.5rem; background-color:#e6e6e6; border-radius:0; }
	.homeInfoNaviBtn:hover{ cursor:pointer; opacity:0.7; transition:.4s; }
	.homeInfoNaviBtn.now{ background-color:#eb7867; }
	.homeInfoBody{ width:260px; height:410px; position:relative; flex-shrink:0; margin:0 0.5rem; padding:2rem 1rem 1rem 1rem; text-decoration:none; background-color:#ffffff; border:1px #cccccc solid; border-radius:0.8rem; }
	.homeInfoBody:after{ content:''; display:block; width:2rem; height:2rem; position:absolute; top:1rem; right:1rem; margin:auto; background-image:url('../img/iconArrowBlueUR.svg'); background-size:contain; }
	.homeInfoDate{ width:100%; line-height:100%; }
	.homeInfoTitle{ width:100%; margin-top:0.8rem; color:#354097; font-size:1rem; font-weight:bold; line-height:140%; }
	.homeInfoStr{ width:100%; height:auto; margin-top:1rem; line-height:200%; }
	.homeInfoImg{ width:90%; height:120px; position:absolute; bottom:1rem; left:0; right:0; margin:auto; border:1px #cccccc solid; background-color:#ffffff; background-size:contain; background-position:center; background-size:contain; }
    .homeInfoStr2{ width:100%; height:auto; margin-top:1rem; line-height: 200%; max-height: 10rem; overflow: hidden; position: relative; }
    /* 溢れた時だけJSで付与されるクラス */
    .is-overflow::after {  content: "..."; position: absolute; right: 0; bottom: 0; padding-left: 20px; background: linear-gradient(to right, rgba(255,255,255,0), white 50%); }


	.homeInfoSlider{ margin-top:0.4rem; margin-inline:auto; width:100%; }
	.homeInfoSlider .slick-track{ display:flex; }
	.homeInfoSlider .slick-slide{ height: auto !important; }
	.homeInfoSliderArea{ width:100%; margin-top:6rem; }
	.homeInfoSliderArea:before{ content:''; display:block; width:10%; height:100%; position:absolute; top:0; left:0; z-index:9998; background:linear-gradient(270deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); }
	.homeInfoSliderArea:after{ content:''; display:block; width:10%; height:100%; position:absolute; top:0; right:0; z-index:9998; background:linear-gradient(90deg,rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); }
	.homeInfoSliderArea .homeInfoSliderBtnPrev{ content:''; width:4rem; height:4rem; position:absolute; margin:auto; top:0; bottom:0; left:1rem; z-index:9999; background-image:url('../../img/homeInfBtnPrev.svg'); background-size:contain; }
	.homeInfoSliderArea .homeInfoSliderBtnPrev:hover{ cursor:pointer; opacity:0.7; transition:.4s; }
	.homeInfoSliderArea .homeInfoSliderBtnNext{ content:''; width:4rem; height:4rem; position:absolute; margin:auto; top:0; bottom:0; right:1rem; z-index:9999; background-image:url('../../img/homeInfBtnNext.svg'); background-size:contain; }
	.homeInfoSliderArea .homeInfoSliderBtnNext:hover{ cursor:pointer; opacity:0.7; transition:.4s; }
	.homeInfoSliderHead{ width:1100px; margin:auto; }
	.homeInfoSliderHead > p{ padding-bottom:1rem; font-size:2.5rem; color:#354097; line-height:100%; }
	.homeInfoSliderDots{ margin-top:2rem; display:flex; justify-content:center; }
	.homeInfoSliderDots li{ width:1rem; height:1rem; margin:0 0.5rem; background:#cccccc; border-radius:50%; cursor:pointer; list-style:none; }
	.homeInfoSliderDots li:hover, .homeInfoSliderDots li.slick-active{ background:#e84028; }
	.homeInfoSliderDots li button { display:none; appearance:none; outline:none; padding:0; border:none; background-color:transparent; }
	.homeInfoSliderItem{ display:block; margin:0 0.5rem; padding:1rem; background-color:#ffffff; border:1px #cccccc solid; border-radius:0.8rem; }
	.homeInfoSliderItem > img{ display:block; width:100%; height:auto; }
	.homeInfoSliderDate{ width:100%; position:relative; margin-top:1rem; line-height:100%; }
	.homeInfoSliderDate:after{ content:''; display:block; width:2rem; height:2rem; position:absolute; top:0; right:0; background-image:url('../img/iconArrowBlueUR.svg'); background-size:contain; }
	.homeInfoSliderTitle{ width:100%; margin-top:1rem; color:#354097; font-size:1rem; font-weight:bold; line-height:140%; }
	.homeInfoSliderStr{ width:100%; height:auto; margin-top:1rem; }


	.homeEventArea{ width:100%; margin-top:6rem; padding:2rem; background-color:#f2f2f2; }
	.homeEventInner{ width:1100px; margin:auto; }
	.homeEventHead > p{ font-size:2.5rem; color:#354097; }
	.homeEventList{ width:100%; display:flex; flex-wrap:wrap; justify-content:stretch; align-content:stretch; }
	.homeEvent{ display:block; position:relative; width:32%; height:auto; margin:0.4rem 0.5%; padding:2rem 1rem 1rem 1rem; border:1px #cccccc solid; background-color:#ffffff; border-radius:1rem; }
	.homeEventDate{ width:100%; line-height:100%; }
	.homeEventCategorie{ width:100%; margin-top:0.8rem; color:#354097; font-size:1rem; font-weight:bold; line-height:140%; }
	.homeEventTitle{ width:100%; margin-top:1rem; color:#354097; font-size:1rem; font-weight:bold; line-height:200%; }
	.homeEventStr{ width:100%; height:auto; margin-top:1rem; line-height:160%; }
	.homeEvent:after{ content:''; display:block; width:2rem; height:2rem; position:absolute; top:1rem; right:1rem; margin:auto; background-image:url('../img/iconArrowBlueUR.svg'); background-size:contain; }
	.homeEventBtn{ margin-top:1rem; }
	.homeEventBtn > span{ display:inline-block; width:60%; position:relative; height:2rem; line-height:1.9rem; padding-left:1.4rem; color:#ffffff; text-decoration:none; background-color:#354097; border-radius:1rem; }
	.homeEventBtn > span:hover{ cursor:pointer; opacity:0.7; transition:.4s; }
	
	.homeEventMore{ width:100%; margin-top:1rem; text-align:right; }
	.homeEventMore > a{ display:inline-block; margin-right:1rem; font-size:1rem; line-height: 1rem; color: #354097; }
	.homeEventMore > a:before{ content:''; display:inline-block; width:1em; margin:auto; height:1em; background-image:url('../img/iconArrowBlueR.svg'); background-size:contain; margin-right: 0.25rem; }
	
	.homeNewsArea{ width:1100px; margin:auto; }
	.homeNewsHead{ width:100%; display:inline-block; line-height:100%; font-size:2.5rem; border-bottom:1px #ccc solid; }
	.homeNewsHead > p{ display:inline-block; line-height:100%; color:#354097; font-size:2.5rem; margin-bottom:1rem; }
	.homeNewsArea .homeNews{ padding:1rem 0; display:flex; flex-wrap:nowrap; border-bottom:1px #ccc solid; }
	.homeNewsArea .homeNews > p:nth-of-type(1){ width:7rem; font-size:1rem;  }
	.homeNewsArea .homeNews > p:nth-of-type(2){ width:7rem; margin-top:0.2rem; }
	.homeNewsArea .homeNews > p:nth-of-type(3){ flex:1; padding-left:1rem; }
	.homeNewsArea .homeNews > p:nth-of-type(3) > a{ color: #0064a0; text-decoration:underline; }
	.homeNewsArea  .newsCategoryIcon{ width:7rem; height:1.5rem; line-height:1.5rem; font-size:0.8rem; padding:0 0.8rem; border:1px #888 solid; background-color:#ffffff; border-radius:0.7rem; }
	.homeNewsArea  .newsCategoryIcon > span{ display:inline-block; margin-right:0.2rem; }
	.homeNews .newWin:after{ background:url(../../img/homeNewsNewWin.svg) 0 0 no-repeat; content:''; display:inline-block; width:0.8rem; height:0.8rem; margin:0 0.5rem; }
	.homeNews .newPDF:after{ background:url(../img/ico_PDF.svg) 0 0 no-repeat; content:''; display:inline-block; width:1rem; height:1rem; margin:0 0.2rem; }
	.homeNewsGoList{ display:inline-block; position:relative; margin-top:1.5rem; padding-left:1.2rem; color:#00649b; text-decoration:none; }
	.homeNewsGoList:before{ background:url(../../img/homeEventArrow.svg) 0 0 no-repeat; content:''; display:block; width:1rem; height:1rem; position:absolute; top:0.2rem; left:0; }
	
	.homeNewsMore{ width:100%; margin-top:1rem; text-align:right; }
	.homeNewsMore > a{ display:inline-block; margin-right:1rem; font-size:1rem; line-height: 1rem; color: #354097; }
	.homeNewsMore > a:before{ content:''; display:inline-block; width:1em; margin:auto; height:1em; background-image:url('../img/iconArrowBlueR.svg'); background-size:contain; margin-right: 0.25rem; }	
	
	
	.homeBottomLinkArea{ width:100%; margin-top:8rem; display:flex; flex-wrap:wrap; }
	.homeBottomLinkArea > a{ display:block; width:25%; height:6rem; display:flex; flex-wrap:wrap; justify-content:center; align-content:center; background-color:#354097; border:1px #ffffff solid; }
	.homeBottomLinkArea > a > span{ width:100%; display:block; text-align:center; color:#ffffff; line-height:150%; font-size:0.9rem; }
	.homeBottomLinkArea > a > p{ width:100%; display:block; text-align:center;  color:#ffffff; line-height:150%; font-size:1rem; font-weight:bold; }
	
	.homeBottomSocialArea{ width:1100px; margin:auto; margin-top:1rem; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; }
	.homeBottomIconYouTube{ width:3rem; margin:1rem; }
	.homeBottomIconX{ width:3rem; margin:1rem; }
	.homeBottomBannerArea{ width:1100px; margin:auto; margin-top:1rem; margin-bottom:8rem; display:flex; flex-wrap:wrap; justify-content:flex-start; align-content:flex-start; }
	.homeBottomBannerArea > div{ width:31%; margin:1%; border:1px #cccccc solid; }


	/*pcHomeMenu*/
	.homeBtnPcMenuOpen{ width:5.5rem; height:5.5rem; position:absolute; top:0; left:2rem; }
	.homeBtnPcMenuOpen:hover{ cursor:pointer; opacity:0.7; }


	.homeBtnPcMenuClose{ width:5.5rem; height:5.5rem; position:absolute; top:0; left:2rem; z-index:+100; }
	.homeBtnPcMenuClose:hover{ cursor:pointer; opacity:0.7; }
	.pcHomeMenuWrapper{ display:none; width:100%; height:100vh; position:fixed; top:0; left:0; z-index:99999; background-color:rgba(53,64,151,0.85); }
	.pcHomeMenuBodyLeft{ display:block; width:20rem; height:100vh; padding-top:7rem; position:fixed; top:0; left:0; z-index:+10; background-color:rgba(53,64,151,1); }
	.pcHomeMenuBodyLeft > p{ width:100%; height:2.75rem; position:relative; line-height:2.75rem; color:#ffffff; font-size:1.25rem; font-weight:400; padding-left:2rem; }
	.pcHomeMenuBodyLeft > p:hover{ cursor:pointer; background-color:rgba(255,255,255,0.2); }
	.pcHomeMenuBodyLeft > p:after{ background:url(../img/pcHomeMenuArrowW.svg) 0 0 no-repeat; content:''; display:block; width:1.2rem; height:1.2rem; margin:auto; position:absolute; top:0; bottom:0; right:1rem; }
	.pcHomeMenuBodyLeft > p.ON{ color:#354097; background-color:#ffffff; }
	.pcHomeMenuBodyLeft > p.ON:after{ background:url(../img/pcHomeMenuArrowB.svg) 0 0 no-repeat; content:''; display:block; width:1.2rem; height:1.2rem; margin:auto; position:absolute; top:0; bottom:0; right:1rem; }
	.pcHomeMenuBodyRight{ display:block; margin-top:7rem; padding-left:20rem; position:absolute; top:0; left:-26rem; }
	.pcHomeMenuBodyRightSub{ display:block; width:100%; height:2.75rem; position:relative; line-height:2.75rem; color:#ffffff; font-size:1.25rem; font-weight:400; padding-left:2rem; }
	.pcHomeMenuBodyRight > a, .pcHomeMenuBodyRight > div > a{ display:block; width:26rem; height:2.75rem; position:relative; line-height:2.75rem; color:#ffffff; font-size:1.25rem; padding-left:2rem; }
	.pcHomeMenuBodyRight > div > a{ padding-left:4rem; }
	.pcHomeMenuBodyRight > a.newWin:after, .pcHomeMenuBodyRight > div > a.newWin:after{ content:''; display:inline-block; width:1rem; height:1rem; margin-left:0.4rem; background-image:url('../img/iconOpenNewWin.svg'); background-size:contain; }
	.pcHomeMenuBodyRight a:hover{ background-color:rgba(255,255,255,0.5); }

	.pcHomeMenuBody{ width:1100px; margin:auto; padding-top:3rem; display:flex; }
	.pcHomeMenuBody > div{ width:20%; padding:0 0.5rem; }
	.pcHomeMenuBody a{ display:inline-block; margin-top:0.8rem; color:#ffffff; position:relative; line-height:150%; }
	.pcHomeMenuBody p{ display:inline-block; margin-top:0.8rem; color:#ffffff; position:relative; line-height:150%; }
	.menuLinkT1{ width:100%; font-size:1rem; font-weight:bold; padding-top:1.5rem; padding-bottom:0.6rem; border-bottom:1px #ffffff solid; }
	.menuLinkT2{ }
	.menuLinkT3{ font-size:1rem; }
	.menuLinkT3B{ font-size:1rem; font-weight: bold; }
	.menuLinkT4{ margin-left:1rem; }
	.pcHomeMenuBody a.newWin:after{ content:''; display:inline-block; width:1rem; height:1rem; margin-left:0.4rem; background-image:url('../img/iconOpenNewWin.svg'); background-size:contain; }





	/*HEADER*/
	.header{ width:100%; height:96px; position:fixed; top:0; left:0; z-index:99990; }
	.headerTop{ width:100%; height:96px; position:absolute; top:0; left:0; background-color:#ffffff; }
	.headerLogo{ width:322px; height:auto; position:absolute; top:12px; left:9rem; }
	.headerTopBtn{ height:96px; display:flex; position:absolute; top:0; right:2rem; }
	.headerBtnLink{ width:80px; height:96px; display:flex; justify-content:center; align-items:center; border-left:1px #dfe5ea solid; }
	.headerBtnLink > a{ display:block; width:40px; height:40px; }
	.headerBtnAccess{ width:80px; height:96px; display:flex; justify-content:center; align-items:center; border-left:1px #dfe5ea solid; }
	.headerBtnAccess > a{ display:block; width:40px; height:40px; }
	.headerBtnLng{ width:150px; height:96px; display:flex; justify-content:center; align-items:center; border-left:1px #dfe5ea solid; }
	.headerBtnLng > a{ display:block; width:40px; height:40px; margin:5px; }
	.headerBtnTwitter{ width:40px; height:96px; display:flex; justify-content:center; align-items:center; }
	.headerBtnTwitter > a{ display:block; width:40px; height:40px; }
	.googleSearchArea{ padding-right:1rem; display:flex; align-items:center; }
	.googleSearchInput{ display:block; width:5rem; height:1.5rem; background-color:#d2d4d6; }
	.googleSearchSubmit{ display:block; width:1.5rem; height:1.5rem; margin-left:0.4rem; }
	.googleSearchSubmit:hover{ cursor:pointer; opacity:0.7; }
	.headerMenuArea{ width:100%; height:60px; position:absolute; top:96px; left:0; background-color:rgba(30,40,50,1); }
	.headerMenu{ width:1100px; height:60px; margin:auto; display:flex; flex-wrap:nowrap; justify-content:center; align-items:center; }
	.headerMenuBtn{ padding:0 1rem; height:60px; display:flex; justify-content:center; align-items:center; background-color:rgba(30,40,50,0.7); }
	.headerMenu > .now{ background-color:rgba(0,100,160,0.7); }
	.headerMenuBtn:hover{ cursor:pointer; background-color:rgba(0,100,160,0.7); }
	.headerMenuBtn > div:nth-of-type(1){ width:185px; }
	.headerMenuBtn > p{ color:#ffffff; }
	.headerSubMenu{ display:none; width:100%; position:absolute; top:60px; left:0; background-color:#000000; }
	.headerSubMenuBody{ width:1100px; margin:auto; padding:3rem 0; display:flex; flex-wrap:nowrap; justify-content:left; }
	.headerSubMenuBody > div{ width:25rem; border-left:1px #ffffff solid; }
	.headerSubMenuBody > div > p{ padding-left:1rem; color:#ffffff; line-height:150%; }
	.headerSubMenuBody > div > a{ padding-left:2rem; line-height:200%; color:#ffffff; text-decoration:none; }
	.headerSubMenuBody > div:nth-of-type(1){ width:15rem; border:0; }
	.headerSubMenuBody > div:nth-of-type(1) > p{ font-size:1.5rem; color:#ffffff; width:15rem; border:0; }
	.headerSubMenuBody > div > a[target="_blank"]:after { content:''; display:inline-block; width:0.8rem; height:0.8rem; background:url("../img/ico_window02.svg") no-repeat left bottom; background-size:contain; margin-left:0.5rem; margin-right:1rem; }


	/*FOOTER*/
	.btnPgTop{ background-color:#232c35; display:block; padding-bottom:2rem; text-align:right; }
	.btnPgTop > img{ width:3rem; height:3rem; margin-left:auto; margin-right:2rem; }
	.btnPgTop > img:hover{ cursor:pointer; opacity:0.7; }
	.btnPgTop02{ position:fixed; bottom:2rem; right: 2rem; display:block; width:3rem; z-index:9999; }
	.btnPgTop02 > img{ width:3rem; height:3rem; margin-left:auto; margin-right:2rem; }
	.btnPgTop02 > img:hover{ cursor:pointer; opacity:0.7; }
	.footerBottomLink{ width:100%; background-color:#e4eff4; }
	.footerBottomLinkBody{ width:1100px; margin:auto; padding:4rem 0; display:flex; flex-wrap:nowrap; }
	.footerBottomLinkBody > div{ width:16.6%; padding:0 0.5rem; }
	.footerBottomLinkBody > div > p{ text-align:center; border-bottom:1px #232c35 solid; font-size:0.8rem; }
	.footerBottomLinkBody > div > p.Cont2Line{ display:block; margin-top:1rem; }
	.footerBottomLinkBody > div > div{ display:block !important; }
	.footerBottomLinkBody > div > div > a{ display:inline-block; margin-top:0.5rem; font-size:0.8rem; text-decoration:none; }
	.footerBottomLinkBody > div > div > a.Sub{ padding-left:1rem; }
	.footer{ width:100%; background-color:#232c35; }
	.footer > div{ width:1100px; margin:auto; padding-top:1rem; padding-bottom:5rem; display:flex; flex-wrap:nowrap; justify-content:space-between; font-size:0.9rem; }
	.footer > div > p:nth-of-type(1){ color:#ffffff; }
	.footer > div > p:nth-of-type(2){ color:#ffffff; font-size:0.8rem; }
	.footerBottomLinkBody > div > div > p{ display:inline-block; margin-top:0.5rem; font-size:0.8rem; }
	.footerBottomLinkBody > div > div > a[target="_blank"]:after { content:''; display:inline-block; width:1rem; height:1rem; background:url("../img/ico_window.svg") no-repeat left top 0.3rem; background-size:0.7rem; margin-left:0.3rem; }
}