@charset "UTF-8";
/* CSS Document */

/*!
 * ress.css • v3.0.1
 * MIT License
 * github.com/filipelinhares/ress
 */html{box-sizing:border-box;-webkit-text-size-adjust:100%;word-break:normal;-moz-tab-size:4;tab-size:4}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}hr{overflow:visible;height:0}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}[disabled]{cursor:default}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer;color:inherit}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;border-style:none}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;white-space:normal;max-width:100%}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}img{border-style:none}progress{vertical-align:baseline}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}


/* ==================================
ComingSoon
================================== */

/*#index .content {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	animation: fadein 5s forwards;
}

@supports (-webkit-touch-callout: none) {
#index .content {
    height: -webkit-fill-available;
  }
}

@keyframes fadein {
	0% {opacity: 0}
	100% {opacity: 1}
}

#index .content .logo {
	text-align: center;
	padding-bottom: 40px;
}

#index .content .comingSoon {
	text-align: center;
}

#index .content .comingSoon p {
	width: 340px;
    font-size: 24px;
    font-weight: 900;
    background-color: #E1FF19;
    padding: 5px;
    margin: 10px auto 0;
}

#index .content .comingSoon p span {
    font-size: 0.8em;
}
@media screen and (max-width: 767px) {
	#index .content .logo img {
		width: 80vw;
	}
	#index .content .comingSoon img {
		width: 45vw;
	}
	#index .content .comingSoon p {
		width: 45vw;
		font-size: 0.8em;
	}
}*/

/* ==================================
common
================================== */


/* ==================================
index
================================== */
body {
	font-family: 'Helvetica','Arial','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',YuGothic,'Yu Gothic',sans-serif;
	font-size: 16px;
	margin: 0 auto;
	padding: 0 80px;
	overflow-x: hidden;
	max-width: 1920px;
	animation: fadein 5s forwards;
}

@supports (-webkit-touch-callout: none) {
body {
    height: -webkit-fill-available;
  }
}

@keyframes fadein {
	0% {opacity: 0}
	100% {opacity: 1}
}

#index .header {
	width: 100%;
	height: 120px;
	/*padding: 0 60px;*/
	box-sizing: border-box;
	display: flex;
    justify-content: space-between;
    align-items: center;	
}

#index .header .headerGlobalNav .headerGlobalNav_list {
	list-style: none;
	display: flex;	
}

#index .header .headerGlobalNav .headerGlobalNav_list .headerGlobalNav_listItem {
	margin-left: 48px;
}

#index .header .headerGlobalNav .headerGlobalNav_list .headerGlobalNav_listItem a {
    text-decoration: none;
	padding: 5px;
	color: #000;
}

#index .header .headerGlobalNav .headerGlobalNav_list .headerGlobalNav_listItem a:hover {
    background-color: #E2FF19;
}
#index .mainVisual {
	/*padding:0 60px;*/
}

#index .mainVisual .mainVisualImage {
	Width: 50%;
	height: 0;
	padding-top: 50%;
	margin-left: auto;
	background-image: url("../images/index/mv_pc07.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

#index .mainVisual .mainVisualText {
	position: absolute;
	top: 25%;
	/*left: 60px;	*/
}

#index .mainVisual .mainVisualText .mainVisualText_heading {
	font-size: 3vw;	
	padding-bottom: 40px;
	line-height: 1.25em;
	text-align: justify;
	text-justify: inter-ideograph;
}

#index .mainVisual .mainVisualText .mainVisualText_heading .mainVisualText_heading-small {
	font-size: 2vw;	
}

#index .mainVisual .mainVisualSubtext .mainVisualSubtext_heading {
	font-size: 1.5vw;
	padding-top: 40px;
	margin-bottom: 20px;
	line-height: 1.5em;
	border-top: solid 1px #000;
}

#index .mainVisual .mainVisualSubtext .mainVisualSubtext_text {
	font-size: 1.4vw;	
	line-height: 1.8em;
	text-align: justify;
	text-justify: inter-ideograph;
}

#index .content {
	padding: 80px 0;
}

#index .content .content_heading {
	font-size: 32px;
	color: #004B96;
	text-align: center;
	letter-spacing: 0.05em;
}

#index .content .content_heading::after {
    content: url("../images/index/h2_contents.png");
	margin: 0 auto;
	position: relative;
    top: -32px;
	display: block;
	transform: scale(0.5);
}

#index .content .content_category {
	font-size: 24px;
	text-align: center;
	letter-spacing: 0.1em;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 20px;
}

#index .content .content_category::before,
#index .content .content_category::after {
    content: '';
	border-top: 1px solid;
	width: 40px;
}

#index .content .content_category::before {
    margin-right: 10px;
}

#index .content .content_category::after {
    margin-left: 10px; 
}

#index .content .content_category_list {
	list-style: none;
	text-align: center;
}

#index .content .content_category_list .content_category_listItem {
	display: inline;
	margin: 20px 20px 0px 0px;
	line-height: 2em;
}

#index .content .content_category_list .content_category_listItem:hover {
    background-color: #E2FF19;
}

#index .content .content_category_list .content_category_listItem:not(:nth-child(5n+1))::before {
	content: "｜";
	padding-right: 20px;
}

#index .content .content_category_list .content_category_listItem:nth-child(6n)::before {
	content: '｜\A';
	white-space: pre;
}

#index .content .contentBox {
    margin: 40px auto 120px;
}

/*#index .content .contentBox_list {
	list-style: none;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin: 2em auto;
    width: 90vw;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
}*/

#index .content .contentBox_list {
	list-style: none;
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
    grid-auto-rows: 1fr;
    grid-gap: 3em;
    margin: 0 0 2em;
}

#index .content .contentBox_list .contentBox_listItem {
	margin: 0 auto;
    padding: 0;
    /*width: calc(90% / 4);*/
    background: #fff;
    border: solid 1px #000;
	border-radius: 8px;
	cursor: pointer;
}

#index .content .contentBox_list .contentBox_listItem:hover {
	box-shadow: 4px 4px #E2FF19;
	transition: .4s;
	transform: translate(-4px,-4px);
}

#index .content .contentBox_list .contentBox_listItem a {
    text-decoration: none;
}

/*#index .content .contentBox_list .contentBox_listItem a:hover {
	box-shadow: 4px 4px #E2FF19;
}*/

#index .content .contentBox_list .contentBox_listItem_inner .content_box_listItem_inner-fig {
	margin: 0;
	padding: 0;
}

#index .content .contentBox_list .contentBox_listItem_inner .content_box_listItem_inner-fig img {
    display: block;
    max-width: 100%;
    height: auto;
	border-radius: 8px 8px 0px 0px;
	/*transition-duration: .5s;*/
}

/*#index .content .contentBox_list .contentBox_listItem_inner .content_box_listItem_inner-fig img:hover {
	transition-duration: .5s;
	transform: scale(1.05);
}
*/
#index .content .contentBox_list .contentBox_listItem_inner .contentBox_listItem_inner-text {
	color: #000;
	padding: 20px;
}
#index .content .contentBox_list .contentBox_listItem_inner .contentBox_listItem_inner-tag {
	color: #000;
	padding: 5px;
	background-color: #E2FF19;
}
#index .content .contentBox_list .contentBox_listItem_inner .contentBox_listItem_inner-tittle {
    margin-top: 20px;
	margin-bottom: 40px;
	font-size: 20px;
}
#index .content .contentBox_list .contentBox_listItem_inner .contentBox_listItem_inner-tittle span {
    font-weight: 400;
}
#index .content .contentBox_list .contentBox_listItem_inner .contentBox_listItem_inner-tittle .small {
	font-size: 16px;
}
#index .content .downroad_text {
	text-align: center;
	margin-bottom: 20px;
}

#index .content .downroad_text a {
    text-decoration: none;
	padding: 5px;
	color: #000;
}

#index .content .downroad_text a:hover {
    background-color: #E2FF19;
}

#index .content .downroad_text a:after {
    content: "";
    display: inline-block;
    background-image: url("../images/common/pdf_ico.svg");
    background-size: contain;
    background-repeat: no-repeat;
	position: absolute;
    width: 20px;
    height: 24px;
	margin-left: 5px;
  }

#index .content .backnumber {
	margin :120px auto 40px;
}

#index .content .backnumber h3{
	font-size: 32px;
    color: #004B96;
    text-align: center;
    letter-spacing: 0.05em;
	margin-bottom: 40px;
}

#index .content .backnumber ul {
	display: flex;
	justify-content: center;
	list-style: none;
	flex-wrap: wrap;
	gap: 20p;
}

#index .content .backnumber li {
	width: 33%;
}
/*@media all and (min-width: 961px) {
    #index .content .contentBox_listItem {
        margin: 0.5em 0;
        width: calc(90% / 3);
    }
}

@media all and (min-width: 1441px) {
    #index .content .contentBox_listItem {
        width: calc(90% / 4); 
	}
}

#index .content .contentBox_list::after{
	content: "";
	display: block;
	width: calc(90% / 3);
}*/
#index .present {
	margin: 0 calc(50% - 50vw);
	padding: 120px calc(50vw - 50%);
	width: 100vw;
	background-color: #F0F0DC;
	position: relative;
}

#index .present .present_heading {
	font-size: 32px;
	color: #004B96;
	text-align: center;
	letter-spacing: 0.05em;
	height: 160px;
}

#index .present .present_heading::after {
    content: url("../images/index/h2_present.png");
	margin: 0 auto;
	position: absolute;
    top: -10px;
	left: 50%;
	display: block;
	transform: translateX(-50%) scale(0.5);
}

#index .present .present_text {
	text-align: center;
	margin-bottom: 60px;
}

#index .present .present_text a {
    text-decoration: none;
	padding: 5px;
	color: #000;
}

#index .present .present_text a:hover {
    background-color: #E2FF19;
}

#index .present .present_text a:after {
    content: "";
    display: inline-block;
    background-image: url("../images/common/pdf_ico.svg");
    background-size: contain;
    background-repeat: no-repeat;
	position: absolute;
    width: 20px;
    height: 24px;
	margin-left: 5px;
}

#index .present .pesent_form {
	width: 320px;
	height: 64px;
	background-color: #E2FF19;
	border: solid 1px #000;
	color: #000;
	padding: 20px 0;
	margin: 40px auto 0;
	cursor: pointer;
}

#index .present .pesent_form:hover {
	box-shadow: 4px 4px #000;
	transition: .4s;
	transform: translate(-4px,-4px);
}

#index .present .pesent_form a {
	display: block;
	width: 100%;
	height: 100%;
    text-decoration: none;
	color: #000;
	text-align: center;
	vertical-align: middle;
}

#index .news {
	padding: 120px 0px;
}

#index .news .news_heading {
	font-size: 32px;
	color: #004B96;
	text-align: center;
	letter-spacing: 0.05em;
}

#index .news .news_heading::after {
    content: url("../images/index/h2_news.png");
	margin: 0 auto;
	position: relative;
    top: -32px;
	display: block;
	transform: scale(0.5);
}

#index .news .news_text {
	text-align: center;
	line-height: 1.8em;
	margin-bottom: 20px;
}

#index .news .downroad_text {
	text-align: center;
	margin-bottom: 20px;
}

#index .news .downroad_text a {
    text-decoration: none;
	padding: 5px;
	color: #000;
}

#index .news .downroad_text a:hover {
    background-color: #E2FF19;
}

#index .news .downroad_text a:after {
    content: "";
    display: inline-block;
    background-image: url("../images/common/pdf_ico.svg");
    background-size: contain;
    background-repeat: no-repeat;
	position: absolute;
    width: 20px;
    height: 24px;
	margin-left: 5px;
  }

#index .about {
	padding: 120px 0px;
}

#index .about .about_heading {
	font-size: 32px;
	color: #004B96;
	text-align: center;
	letter-spacing: 0.05em;
}

#index .about .about_heading::after {
    content: url("../images/index/h2_about.png");
	margin: 0 auto;
	position: relative;
    top: -32px;
	display: block;
	transform: scale(0.5);
}

#index .about .about_text {
	text-align: center;
	line-height: 1.8em;
	margin-bottom: 20px;
}

#index .footer {
	margin: 0 calc(50% - 50vw);
	padding: 0px calc(50vw - 50%);
	width: 100vw;
	height: 160px;
	background-color: #004B96;
	/*padding: 0 60px;*/
	box-sizing: border-box;
	display: flex;
    justify-content: space-between;
    align-items: center;	
}

#index .footer .footerNav .footerNav_list {
	list-style: none;
	display: flex;	
}

#index .footer .footerNav .footerNav_list .footerNav_listItem{
	margin-left: 48px;
	color: #fff;
}
#index .footer .footerNav .footerNav_list .footerNav_listItem a {
    text-decoration: none;
	padding: 5px;
	color: #fff;
}
#index .footer .footerNav .footerNav_list .footerNav_listItem a:hover {
    background-color: #E2FF19;
	color: #000;
}
#index .footer .footerNav .footerNav_list02 {
    margin-top: 20px;
	justify-content: flex-end;
}
.termsMain {
	width: 100%;
	max-width: 800px;
	margin: 80px auto;
	padding: 0 10px;
}

.termsMain .terms {
	margin-bottom: 60px;
}

.termsMain .terms h2 {
	font-size: 32px;
	color: #004B96;
	letter-spacing: 0.05em;
	margin-bottom: 10px;
}

.termsMain .terms h4 {
	font-size: 20px;
	margin-bottom: 10px;
}

.termsMain .terms p {
	font-size: 16px;
	line-height: 1.5em;
	margin-bottom: 20px;
}

.termsMain .terms ul {
	margin-bottom: 20px;
	padding-left: 20px;
}

.termsMain .terms .termsContact {
	width: 160px;
	height: 48px;
	background-color: #E2FF19;
	border: solid 1px #000;
	color: #000;
	padding: 14px 0;
	cursor: pointer;	
}

.termsMain .terms .termsContact:hover {
	box-shadow: 4px 4px #000;
	transition: .4s;
	transform: translate(-4px,-4px);
}

.termsMain .terms .termsContact a {
	display: block;
	width: 100%;
	height: 100%;
    text-decoration: none;
	color: #000;
	text-align: center;
	vertical-align: middle;
}
.termsMain .terms table {
	width: 100%;
	margin-bottom: 10px;
	text-align: left;
	font-size: 16px;
    line-height: 1.5em;
	border-collapse: collapse;
    border: 1px solid #000;
}
.termsMain .terms table tr th,.termsMain .terms table tr td {
	padding: 10px;
	border-collapse: collapse;
    border: 1px solid #000;
}
.termsMain .terms table tr th {
	background-color: #ddd;
}
@media screen and (max-width: 767px){
	body {
		padding: 0 0;
	}
	#index .header {
		padding: 0 20px;
		display: fixed;
		height: 64px;
	}
	#index .header .headerLogo,#index .footer .footerLogo {
		margin: 0 auto;
		text-align: center;
	}
	#index .header .headerLogo img,#index .footer .footerLogo img {
		width: 72%;
	}
	#index .header .headerGlobalNav,#index .footer .footerNav {
		display: none;	
	}
	#index .mainVisual {
		position: relative;
	}
	#index .mainVisual .mainVisualImage {
		Width: 96%;
		height: 0;
		padding-top: 96%;
		margin: 0 auto;
	}
	#index .mainVisual .mainVisualText {
		position: absolute;
		top: 480px;
		left: 20px;
		right: 20px;
		/* transform: translate(-50%, -50%); */
		/* -webkit-transform: translate(-50%, -50%); */
		-ms-transform: translate(-50%, -50%);
		/* margin: 0 auto; */
		display: inline-block;
		padding: 10px;
		background-color: rgba(255,255,255,0.9);
	}
	#index .mainVisual .mainVisualText .mainVisualText_heading .mainVisualText_heading-small {
		font-size: 16px;
	}
	#index .mainVisual .mainVisualText .mainVisualText_heading {
		font-size: 24px;	
		padding-bottom: 10px;
		line-height: 1.25em;
		text-align: center;
	}
	#index .mainVisual .mainVisualSubtext {
		text-align: center;
	}
	#index .mainVisual .mainVisualSubtext .mainVisualSubtext_heading {
		font-size: 16px;
		padding-top: 20px;
		margin-bottom: 10px;
		line-height: 1.2em;
		text-align: center;
		display: inline-block;
	}
	#index .mainVisual .mainVisualSubtext .mainVisualSubtext_text {
		font-size: 13px;
		line-height: 1.5em;
		text-align: center;
	}
	#index .news {
		padding: 360px 10px 80px 10px;
	}
	#index .content .content_heading {
		font-size: 24px;
		height: 80px;
	}
	#index .content .content_heading::after {
		top: -48px;
		transform: scale(0.3);
	}
	#index .content .contentBox_list {
		grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
		grid-gap: 0.5em;
	}
	#index .content .contentBox_list .contentBox_listItem_inner .contentBox_listItem_inner-text {
		padding: 15px 10px 10px;
	}
	#index .content .contentBox_list .contentBox_listItem_inner .contentBox_listItem_inner-tag {
		font-size: 13px;
	}
	#index .content .contentBox_list .contentBox_listItem_inner .contentBox_listItem_inner-tittle {
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 14px;
	}
	#index .content .contentBox {
		margin: 40px auto 40px;
	}
	#index .content .downroad_text {
		margin-bottom: 20px;
	}
	#index .present {
		margin: 0;
		padding: 80px 0;
		width: 100vw;
		background-color: #F0F0DC;
	}
	#index .present .present_heading {
		font-size: 24px;
		height: 120px;
	}
	#index .present .present_heading::after {
		top: -60px;
		transform: translateX(-50%) scale(0.3);

	}
	#index .about {
		padding: 80px 10px;
	}
	#index .about .about_heading {
		font-size: 24px;
		height: 160px;
	}
	#index .about .about_heading .sp_br {
		display:inline;
	}
	#index .about .about_heading::after {
		top: -44px;
		transform: scale(0.3);
	}
	#index .about .about_text {
	    font-size: 13px;
	}
	#index .about .about_text .sp_br {
		display:inline;
	}
	#index .footer {
		height: 120px;
	}
	.termsMain {
		margin: 80px auto;
	}
	.termsMain .terms h2 {
		font-size: 24px;
	}
	.termsMain .terms h4 {
		font-size: 18px;
	}
	.termsMain .terms p,.termsMain .terms li,.termsMain .terms table {
		font-size: 13px;
	}
	.sp_br {
		display: inline;
	}
	.termsMain .terms .termsContact {
		margin: 0 auto;
	}
	.pc_br {
		display: none;
	}
}
@media screen and (min-width: 768px){
	.sp_br {
		display: none;
	}
}

@media screen and (min-width: 1025px){
	.header_spMenu,.headerGlobalNav_spMenu {
		display: none;
	}
}

@media screen and (max-width: 1024px){
	/*　ハンバーガーボタン　*/
	.header_spMenu {
	  display : block;
	  position: fixed;
	  z-index : 3;
	  right : 13px;
	  top   : 12px;
	  width : 42px;
	  height: 42px;
	  cursor: pointer;
	  text-align: center;
	}
	.header_spMenu span {
	  display : block;
	  position: absolute;
	  width   : 30px;
	  height  : 2px ;
	  left    : 6px;
	  background : #555;
	  -webkit-transition: 0.3s ease-in-out;
	  -moz-transition   : 0.3s ease-in-out;
	  transition        : 0.3s ease-in-out;
	}
	.header_spMenu span:nth-child(1) {
	  top: 10px;
	}
	.header_spMenu span:nth-child(2) {
	  top: 20px;
	}
	.header_spMenu span:nth-child(3) {
	  top: 30px;
	}

	/* ナビ開いてる時のボタン */
	.header_spMenu.active span{
	  background :#fff;
	}
	.header_spMenu.active span:nth-child(1) {
	  -webkit-transform: translateY(6px);
	  -moz-transform   : translateY(6px);
	  transform        : translateY(6px);
	}
	.header_spMenu.active span:nth-child(2){
	-webkit-transform: translateY(-4px);
	  -moz-transform   : translateY(-4px);
	  transform        : translateY(-4px);
	}  

	.header_spMenu.active span:nth-child(3) {
	  -webkit-transform: translateY(-14px);
	  -moz-transform   : translateY(-14px);
	  transform        : translateY(-14px);
	}

nav.headerGlobalNav_spMenu {
	position: fixed;
	z-index : 2;
	top  : 0;
	left : 0;
	color: #fff;
	background: rgba(0,0,0,0.7);
	text-align: center;
	width: 100%;
	opacity: 0;
	transition: opacity .6s ease, visibility .6s ease;
	visibility: hidden;
	}

	nav.headerGlobalNav_spMenu ul {
	  margin: 0 auto;
	  padding: 0;
	  width: 100%;
	}

	nav.headerGlobalNav_spMenu ul li {
	  list-style-type: none;
	  padding: 0;
	  width: 100%;
	  transition: .4s all;
	}
	nav.headerGlobalNav_spMenu ul li:last-child {
	  padding-bottom: 0;
	}
	nav.headerGlobalNav_spMenu ul li:hover{
	  background :#ddd;
	}
	nav.headerGlobalNav_spMenu ul li a {
	  display: block;
	  color: #fff;
	  padding: 1em 0;
	  text-decoration :none;
	}
	/* このクラスを、jQueryで付与・削除する */
	nav.headerGlobalNav_spMenu.active {
		opacity: 100;
		visibility: visible;				
	}
	#index .header .headerGlobalNav .headerGlobalNav_list {
		display: none;	
	}
}