@charset "utf-8";

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

/*===================================================================
  Common
===================================================================*/
*{  font-family:'Noto Sans JP','BIZ UDPGothic',Meiryo,Helvetica,Arial,sans-serif; font-optical-sizing:auto; font-weight:400; font-style:normal; }
body{ color:#ffffff; background-color:#00144b; }
a{ color:#ffffff; text-decoration:underline; }
a:hover, a > *:hover{ cursor:pointer; opacity:0.7; }
div{ position:relative; }
img{ display:block; width:100%; height:auto; }
p{ line-height:200%; }

/*===================================================================
  SP
===================================================================*/
@media( max-width:799px )
{
	.sp{ display:block; }
	.pc{ display:none !important; }
	/* Common */
	html{ width:100%; height:100vh; }
	body{ width:100%; height:100vh; }
	.mainContentsArea{ width:94vw; margin:auto; }
	.mainContentsHeadTitle{ width:100%; padding-top:7rem; padding-right:3vw; }
	.mainContentsHeadTitle > p{ text-align:right; line-height:150%; }
	.mainContentsHeadTitle > p > span{ display:block; }
	.mainContentsHeadTitle > p:nth-of-type(1){ color:#d2a01e; font-size:1.2rem; }
	.mainContentsHeadTitle > p:nth-of-type(2){ color:#ffffff; font-size:0.8rem; padding-top:0.5rem; }
	.pageTitle{ height:8rem; width:80vw; margin:auto; margin-top:5rem; display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; text-decoration:none; }
	.pageTitle > div:nth-of-type(1){ width:4rem; }
	.pageTitle > div:nth-of-type(2){ text-align:center; }
	.pageTitle > div:nth-of-type(2) > p{ line-height:150%; }
	.pageTitle > div:nth-of-type(2) > p > span{ display:block; }
	.pageTitle > div:nth-of-type(2) > p:nth-of-type(1){ color:#d2a01e; font-size:1.5rem; }
	.pageTitle > div:nth-of-type(2) > p:nth-of-type(2){ color:#d2a01e; font-size:1rem; padding-top:0.6rem; }
	.pageTitle > div:nth-of-type(3){ width:4rem; }

	
	/* News */
	.newsBox01{ width:100%; margin:auto; margin-top:4rem; border-top:1px #d2a01e solid; }
	.newsBox01 > div:nth-of-type(1){ margin-top:1rem; }
	.newsBox01 > div:nth-of-type(2){ margin-top:1rem; }
	.newsImgBox{ width:100%; margin:auto; }
	.newsImgBox > div{ width:100%; margin-top:1rem; }

	/* List */
	.listHead{ width:100%; margin:auto; margin-top:4rem; padding-bottom:1rem; border-bottom:1px #d2a01e solid; }
	.listHead > p{ color:#d2a01e; font-size:1.2rem; line-height:130%; }
	.listBox01{ width:100%; margin:auto; border-bottom:1px #d2a01e solid; }
	.listBox01 > div:nth-of-type(1){ margin-top:1rem; }
	.listBox01 > div:nth-of-type(1) > p{ line-height: 150%; }
	.listBox01 > div:nth-of-type(2){ margin:1rem 0; }
	.listBox01 > div:nth-of-type(2) > p:nth-of-type(1){ font-size:1.25rem; line-height:150%; }
	.listBox01 > div:nth-of-type(2) > p:nth-of-type(2){ line-height:150%; padding-top: 0.5rem; }
	

	/* Application */
	.applicationBox01{ width:100%; margin:auto; margin-top:5rem; border-top:1px #d2a01e solid; }
	.applicationBox01 > div:nth-of-type(1){ margin-top:1rem; }
	.applicationBox01 > div:nth-of-type(1) > p{ color:#d2a01e; font-size: 1.25rem; }
	.applicationBox01 > div:nth-of-type(2){ margin-top:1rem; }
	.applicationBox02{ width:100%; margin:auto; margin-top:1rem; border:1px #d2a01e solid; }
	.applicationBox02 > div:nth-of-type(1){ padding:0.4rem 1rem; background-color:#d2a01e; }
	.applicationBox02 > div:nth-of-type(2){ padding:1rem; }

	/* award */
	.awardBox01{ width:100%; margin:auto; margin-top:5rem; }
	.awardBox01 > p:nth-of-type(1){ color:#d2a01e; font-size:1.5rem; line-height: 150%; text-align:center; }
	.awardBox01 > p:nth-of-type(2){ margin-top:1.5rem; }

	/* Home */
	.homeTitleArea{ width:100%; height:100vh; }
	.homeTitle{ position:absolute; top:45%; right:0; transform:translateY(-50%); z-index:+10; }
	.homeTitle > p{ text-align:right; line-height:140%; padding-right:1rem; }
	.homeTitle > p > span{ display:block; }
	.homeTitle > p:nth-of-type(1){ color:#d2a01e; font-size:2rem; }
	.homeTitle > p:nth-of-type(2){ color:#d2a01e; font-size:2rem; padding-top:0.5rem; }
	.homeTitle > p:nth-of-type(3){ color:#ffffff; font-size:1.25rem; padding-top:1.2rem; }
	.homeTitleBody{ width:100%; height:100vh; margin:auto; background-image:url('../../img/homeTitleBg.jpg'); background-position:center bottom; background-size:cover; }
	.homeInfo{ width:94vw; position:absolute; bottom:2rem; left:0; right:0; margin:auto; padding-bottom:0.4rem; border-top:1px #d2a01e solid; border-bottom:1px #d2a01e solid; }
	.homeInfo > p{ padding-top:0.4rem; }
	.homeMainMenu{ margin-top:4rem; }
	.homeMainMenu > a{ height:8rem; width:80vw; margin:auto; margin-top:4rem; display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; text-decoration:none; }
	.homeMainMenu > a > div:nth-of-type(1){ width:4rem; }
	.homeMainMenu > a > div:nth-of-type(2){ text-align:center; }
	.homeMainMenu > a > div:nth-of-type(2) > p{ line-height:150%; }
	.homeMainMenu > a > div:nth-of-type(2) > p > span{ display:block; }
	.homeMainMenu > a > div:nth-of-type(2) > p:nth-of-type(1){ color:#d2a01e; font-size:1.5rem; }
	.homeMainMenu > a > div:nth-of-type(2) > p:nth-of-type(2){ color:#d2a01e; font-size:1rem; padding-top:0.6rem; }
	.homeMainMenu > a > div:nth-of-type(3){ width:4rem; }

	/* Header */
	.spHeaderArea{ width:100%; height:8rem; position:fixed; top:0; left:0; z-index:9990; display:flex; flex-wrap:nowrap; justify-content:space-between; background:linear-gradient(rgba(0,70,170,1),70%,rgba(0,70,170,0)); }
	.headerTitle{ margin-left:0.8rem; padding-top:0.8rem; }
	.headerTitle > p{ font-size: 1.1rem; line-height:150%; font-family:'Noto Sans JP','BIZ UDPGothic',Meiryo,Helvetica,Arial,sans-serif; font-optical-sizing:auto; font-weight:800; }
	.spHeaderOpen{ width:5rem; margin-top:1.5rem; margin-right:0.8rem; }
	.spMenuArea{ display:none; width:100vw; height:100vh; position:fixed; top:0; left:0; z-index:9990; background-color:#000000; }
	.spHeaderClose{ width:5rem; margin-top:1.5rem; margin-left:auto; margin-right:0.8rem; }
	.headerMenu{ width:100%; margin-top:1rem; padding-left:2rem; }
	.headerMenu > a{ display:block; color:#d2a01e; text-decoration:none; }
	.headerMenu > a > p{ line-height:100%; }
	.headerMenu > a > p:nth-of-type(1){ font-size:1.5rem; padding-top:2rem; }
	.headerMenu > a > p:nth-of-type(2){ font-size:1rem; padding-top:0.6rem; }

	/* Footer */
	.footer{ clear:both; width:100%; margin-top:6rem; }
	.footerTitleArea{ width: 94vw; margin: auto;  }
	.footerTitleArea > p{ line-height:130%; }
	.footerTitleArea > p:nth-of-type(1){ color:#ffffff; font-size:0.9rem; line-height: 150%; }
	.footerTitleArea > p:nth-of-type(2){ color:#d2a01e; font-size:1.2rem; line-height: 150%; padding-top:1rem; }
	.footerTitleArea > p:nth-of-type(3){ color:#ffffff; font-size:0.7rem; line-height: 150%; padding-top:0.5rem; }
	.footerLogoArea{ clear:both; width:100%; margin-top:1.5rem; padding:1rem 0 5rem 0 ; background-color:#ffffff; }
	.footerLogoArea > div{ width: 94vw;margin: auto; }
	.footerLogo{ width:15rem; }
}
/*===================================================================
  PC
===================================================================*/
@media( min-width:800px )
{
	.sp{ display:none !important; }
	.pc{ display:block; }
	/* COMMON */
	html{ width:100%; font-size:16px; }
	body{ width:100%; overflow-y:scroll; }
	.mainContentsArea{ width:960px; margin:auto; }
	.mainContentsHeadTitle{ width:100%; padding-top:8rem; padding-right:2rem; }
	.mainContentsHeadTitle > p{ text-align:right; line-height:150%; }
	.mainContentsHeadTitle > p:nth-of-type(1){ color:#d2a01e; font-size:1.25rem;  }
	.mainContentsHeadTitle > p:nth-of-type(2){ color:#ffffff; font-size:0.8rem; padding-top:0.5rem; }
	.pageTitle{ height:6rem; width:480px; margin:auto; margin-top:6rem; margin-bottom:2rem; display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; text-decoration:none; }
	.pageTitle > div:nth-of-type(1){ width:3rem; }
	.pageTitle > div:nth-of-type(2){ text-align:center; }
	.pageTitle > div:nth-of-type(2) > p{ line-height:100%; }
	.pageTitle > div:nth-of-type(2) > p:nth-of-type(1){ color:#d2a01e; font-size:2rem; }
	.pageTitle > div:nth-of-type(2) > p:nth-of-type(2){ color:#d2a01e; font-size:1rem; padding-top:1rem; }
	.pageTitle > div:nth-of-type(3){ width:3rem; }

	
	/* News */
	.newsBox01{ width:960px; margin:auto; margin-top:5rem; padding:1rem 0; display:flex; flex-wrap:nowrap; border-top:1px #d2a01e solid; }
	.newsBox01 > div:nth-of-type(1){ width:210px; }
	.newsBox01 > div:nth-of-type(2){ width:750px; }
	.newsImgBox{ width:750px; margin:auto; display:flex; flex-wrap:wrap; }
	.newsImgBox > div{ width:48%; margin-top:1rem; margin-right:2%; }

	/* List */
	.listHead{ width:960px; margin:auto; margin-top:5rem; padding:1rem 0; border-bottom:1px #d2a01e solid; }
	.listHead > p{ color:#d2a01e; font-size:1.5rem; line-height:150%; }
	.listBox01{ width:960px; margin:auto; padding:1rem 0; display:flex; flex-wrap:nowrap; border-bottom:1px #d2a01e solid; }
	.listBox01 > div:nth-of-type(1){ width:210px; }
	.listBox01 > div:nth-of-type(1) > p{ line-height: 150%; }
	.listBox01 > div:nth-of-type(2){ width:750px; }
	.listBox01 > div:nth-of-type(2) > p:nth-of-type(1){ font-size:1.25rem; line-height:150%; }
	.listBox01 > div:nth-of-type(2) > p:nth-of-type(2){ padding-top: 0.5rem;  }
	
	

	/* Application */
	.applicationBox01{ width:960px; margin:auto; margin-top:5rem; padding:1rem 0; display:flex; flex-wrap:nowrap; border-top:1px #d2a01e solid; }
	.applicationBox01 > div:nth-of-type(1){ width:260px; }
	.applicationBox01 > div:nth-of-type(1) > p{ color:#d2a01e; font-size: 1.25rem; line-height: 160%; }
	.applicationBox01 > div:nth-of-type(2){ width:700px; }
	.applicationBox02{ width:700px; margin:auto; margin-top:1rem; display:flex; flex-wrap:nowrap; border:1px #d2a01e solid; }
	.applicationBox02 > div:nth-of-type(1){ width:10rem; padding:1rem; background-color:#d2a01e; }
	.applicationBox02 > div:nth-of-type(2){ padding:1rem; }

	/* award */
	.awardBox01{ width:720px; margin:auto; margin-top:5rem; }
	.awardBox01 > p:nth-of-type(1){ color:#d2a01e; font-size:2rem; line-height: 150%; text-align:center; }
	.awardBox01 > p:nth-of-type(2){ margin-top:1.5rem; }

	/* Home */
	.homeTitleArea{ width:100%; height:100vh; }
	.homeTitle{ position:absolute; top:50%; right:0; transform:translateY(-50%); z-index:+10; }
	.homeTitle > p{ text-align:right; line-height:100%; padding-right:2rem; }
	.homeTitle > p:nth-of-type(1){ color:#d2a01e; font-size:2.25rem; }
	.homeTitle > p:nth-of-type(2){ color:#d2a01e; font-size:2.25rem; padding-top:1rem; }
	.homeTitle > p:nth-of-type(3){ color:#ffffff; font-size:1.25rem; padding-top:1.75rem; }
	.homeTitleBody{ width:100%; height:100vh; margin:auto; background-image:url('../../img/homeTitleBg.jpg'); background-position:center top; background-size:contain; }
	.homeInfo{ display: block; width:960px; position:absolute; margin: auto;  bottom:2rem; left:0; right: 0; padding-bottom:1rem; border-top:1px #d2a01e solid; border-bottom:1px #d2a01e solid; }
	.homeInfo > p{ padding-top:1rem; }
	.homeMainMenu{ margin-top:8rem; }
	.homeMainMenu > a{ height:6rem; width:480px; margin:auto; margin-top:4rem; display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; text-decoration:none; }
	.homeMainMenu > a > div:nth-of-type(1){ width:3rem; }
	.homeMainMenu > a > div:nth-of-type(2){ text-align:center; }
	.homeMainMenu > a > div:nth-of-type(2) > p{ line-height:100%; }
	.homeMainMenu > a > div:nth-of-type(2) > p:nth-of-type(1){ color:#d2a01e; font-size:2rem; }
	.homeMainMenu > a > div:nth-of-type(2) > p:nth-of-type(2){ color:#d2a01e; font-size:1rem; padding-top:1rem; }
	.homeMainMenu > a > div:nth-of-type(3){ width:3rem; }

	/* Header */
	.header{ width:100%; height:8rem; position:fixed; top:0; left:0; z-index:9990; display:flex; flex-wrap:nowrap; justify-content:space-between; background:linear-gradient(rgba(0,70,170,1),60%,rgba(0,70,170,0)); }
	.headerTitle{ margin-left:1.5rem; padding-top:1.5rem; }
	.headerTitle > p{ font-size:1.25rem; line-height:150%; font-family:'Noto Sans JP','BIZ UDPGothic',Meiryo,Helvetica,Arial,sans-serif; font-optical-sizing:auto; font-weight:800; }
	.headerMenu{ margin-right:1.5rem; padding-top:1.5rem; display:flex; flex-wrap:nowrap; }
	.headerMenu > a{ display:block; height:4rem; padding:0 1rem; text-align:center; text-decoration:none; }
	.headerMenu > a > p{ line-height:100%; }
	.headerMenu > a > p:nth-of-type(1){ font-size:1rem;  }
	.headerMenu > a > p:nth-of-type(2){ font-size:0.75rem; padding-top:0.6rem; }
	.headerMenu > a.now{ color:#d2a01e; }

	/* Footer */
	.footer{ clear:both; width:100%; margin-top:12rem;  }
	.footerTitleArea{ padding-left:1.5rem; margin-bottom: 2rem; }
	.footerTitleArea > p{ line-height:140%; }
	.footerTitleArea > p:nth-of-type(1){ color:#ffffff; font-size:1.25rem; line-height: 150%; }
	.footerTitleArea > p:nth-of-type(2){ color:#d2a01e; font-size:1.4rem; line-height: 150%; padding-top:1rem; }
	.footerTitleArea > p:nth-of-type(3){ color:#ffffff; font-size:0.75rem; line-height: 150%; padding-top:0.5rem; }
	.footerLogoArea{ clear:both; width:100%; height:160px; margin-top:1rem;  background-color:#ffffff; }
	.footerLogoArea > div{ padding-top:1rem; padding-left:1.5rem; }
	.footerLogo{ width:208px; }
}