@charset "shift_jis";

/* ======================================================
	* PC
====================================================== */
@media print,screen and (min-width: 751px) {

	/* ------------------------------------------------------
	 * contents common
	------------------------------------------------------ */
	/* header */
	#header {
		background-color:#fff;
		padding-top:0;
		padding-bottom:0;
		height: auto;
	}
	.HeaderBody:after {
		clear:both;
		content:"";
		display:block;
	}
	#header h1 {
		float:left;
		margin-top:15px;
	}
	#header .gnav {
		letter-spacing:-0.4em;
		float:right;
	}
	#header .gnav li {
		display:inline-block;
		letter-spacing:normal;
		position:relative;
		vertical-align:middle;
	}
	#header .gnav li:after {
		border-color:transparent;
		border-style:solid;
		border-width:9px 10px 0 10px;
		content:"";
		height:0;
		margin-left:auto;
		margin-right:auto;
		left:0;
		right:0;
		position:absolute;
		bottom:-9px;
		width:0;
		z-index:-1;
	}
	#header .gnav li:nth-child(1):after {
		border-top-color:#52921e;
	}
	#header .gnav li:nth-child(2):after {
		border-top-color:#f8796f;
	}
	#header .gnav li.current:after {
		z-index: 0;
	}
	#header .gnav li a {
		display:block;
	}
	#header .gnav li:last-child {
		margin-left:20px;
	}

	/* footer */
	.Footer {
		background-color:#fff;
		margin-top:0;
	}
	.FooterBody {
		padding-top:20px;
		padding-bottom:20px;
	}
	.Footer .guide_links > li > a,
	.Footer .footer-copyright {
		color:#555;
	}
	.Footer .guide_links > li > a:before {
		background:none;
		border-color:transparent transparent transparent #777;
		border-style:solid;
		border-width:3px 0 3px 6px;
		content:"";
		height:0;
		left:0;
		margin:0;
		position:absolute;
		top:50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width:0;
	}
	.Footer .pagetop {
		background-color:#165eac;
	}
	.Footer .pagetop .pagetop-inner {
		height:30px;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		width:1200px;
	}
	.Footer .pagetop #topbtn {
		cursor:pointer;
		position:absolute;
		bottom:4px;
		right:0;
	}

	/* ------------------------------------------------------
	 * contents
	------------------------------------------------------ */
	/* main */
	.MainBody {
		background:url(../img/index_bg01.png) repeat;
		background-position:left top;
		padding-bottom:30px;
	}
	.pageHead {
		padding-top:52px;
		text-align:center;
	}

	[data-sidebar="true"] .contents {
		float:none;
		width:1200px;
	}
	.contents > :first-child {
		margin-top:30px !important;
	}
	.contents_list {
		background:url(../img/index_im01.png) no-repeat;
		background-position:center bottom;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		padding-bottom:160px;
	}
	.contents_list .each_contents {
		display: flex;
		margin:0 18px;
	}

	.contents_list .each_contents a:hover img {
		opacity: 0;
	}

	.contents_list .each_contents:nth-child(1) a:hover {
		background-image: url(../img/index_bt01_2.png);
	}

	.contents_list .each_contents:nth-child(2) a:hover {
		background-image: url(../img/index_bt02_2.png);
	}

	/* ----- modal colorbox ----- */
	.modal-wrap {
		display: none;
	}

}

/* ======================================================
 * PC Media Queries
====================================================== */
/***
@media screen and (min-width: 1921px) {
}
@media screen and (min-width: 751px) and (max-width: 1920px) {
}
***/

/* ======================================================
 * SP
====================================================== */
@media only screen and (max-width: 750px) {
	/* ------------------------------------------------------
	 * contents common
	------------------------------------------------------ */
	/* header */
	#header {
		background-color:#fff;
		padding-top:0;
		padding-bottom:0;
		padding-right:0;
	}
	.header-identity {
		display: flex;
		justify-content:space-between;
		align-items:center;
		flex-wrap: wrap;
	}
	#header h1 {
		width:70px;
	}
	#header .gnav {
		display: flex;
		justify-content: space-between;
		align-items: center;
		letter-spacing:-0.4em;
		width: 270px;
	}
	#header .gnav li {
		letter-spacing:normal;
		position:relative;
		vertical-align:middle;
		width:33%;
	}
	#header .gnav li a {
		display:block;
	}
	#header .gnav li:last-child {
		margin-left:2.5%;
		margin-right:2.5%;
		width:28%;
	}
	#header .gnav li:after {
		border-color:transparent;
		border-style:solid;
		border-width:5px 6px 0 6px;
		content:"";
		height:0;
		margin-left:auto;
		margin-right:auto;
		left:0;
		right:0;
		position:absolute;
		bottom:-4px;
		width:0;
		z-index:-1;
	}
	#header .gnav li:nth-child(1):after {
		border-top-color:#52921e;
	}
	#header .gnav li:nth-child(2):after {
		border-top-color:#f8796f;
	}
	#header .gnav li.current:after {
		z-index: 0;
	}

	/* footer */
	.Footer {
		background-color:#fff;
		margin-top:0;
	}
	.FooterBody {
		padding-top:15px;
		padding-bottom:15px;
	}
	.Footer .guide_links {
		text-align:center;
	}
	.Footer .guide_links > li {
		margin-left:30px;
		text-align:left;
		width:auto;
	}
	.Footer .guide_links > li:first-child {
		margin-left:0;
	}
	.Footer .guide_links > li > a,
	.Footer .footer-copyright {
		color:#555;
	}
	.Footer .guide_links > li > a:before {
		background:none;
		border-color:transparent transparent transparent #777;
		border-style:solid;
		border-width:3px 0 3px 6px;
		content:"";
		height:0;
		left:0;
		margin:0;
		position:absolute;
		top:50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width:0;
	}
	.Footer .footer-copyright {
		margin-top:15px;
	}
	.Footer .pagetop {
		background-color:#165eac;
	}
	.Footer .pagetop .pagetop-inner {
		height:25px;
		margin-left:auto;
		margin-right:auto;
		position:relative;
	}
	.Footer .pagetop #topbtn {
		position:absolute;
		bottom:6px;
		right:15px;
		width:55px;
	}

	/* main */
	.MainBody {
		background:url(../img/index_bg01.png) repeat;
		background-position:left top;
		padding-bottom:15px;
	}
	.pageHead {
		padding:25px 15px 0;
		text-align:center;
	}

	/* ------------------------------------------------------
	 * contents
	------------------------------------------------------ */
	.contents_list {
		background:url(../img/index_im01.png) no-repeat;
		background-position:center bottom;
		background-size:90% auto;
		margin-top:15px;
		padding:0 15px 20%;
		text-align:center;
	}
	.contents_list .each_contents {
		margin-top:30px;
		padding-left:30px;
		padding-right:30px;
	}
	.contents_list .each_contents:first-child {
		margin-top:0;
	}

	/* ----- modal colorbox ----- */
	.modal-wrap {
		display: none;
	}

}

/* ======================================================
 * SP Media Queries
====================================================== */
/***
@media only screen and (min-width: 320px) and (max-width: 750px) {
}
@media only screen and (max-width: 736px) {
}
@media only screen and (max-width: 667px) {
}
@media only screen and (max-width: 640px) {
}
@media only screen and (max-width: 568px) {
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 414px) {
}
@media only screen and (max-width: 375px) {
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 320px) {
}
***/


/* ======================================================
 * Print
====================================================== */
@media print {
}