@charset "utf-8";

/* ======================================================
 * layout_pc.css?20220824
 * ------------------------------------------------------
 * @media print, screen and (min-width: 768px)
 * - Common
 * - Header
 * - Gnav
 * - Main
 * - Assist
 * - Footer
 * - Other
 * - Clearfix
 * Media Queries
 * Print
====================================================== */

@media print, screen and (min-width: 768px) {
	/* ------------------------------------------------------
	 * Common
	------------------------------------------------------ */
	#pageContainer {
		overflow: hidden;
	}

	/* ------------------------------------------------------
	 * Gnav
	------------------------------------------------------ */
	.Gnav {
		width: 100%;
		background: url(../../../system/common2/img/header_bg01.gif) repeat 0 0;
		border-bottom: solid 1px #192f68;
	}

	.Gnav *,
	.Gnav *::before,
	.Gnav *::after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	/* ----- GnavBody ----- */
	.Gnav .GnavBody {
		width: 1000px;
		margin: 0 auto;
	}

	/* gnavList */
	.Gnav .GnavBody .gnavList {
		-webkit-display: flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		width: 100%;
	}

	.Gnav .GnavBody .gnavList > li {
		position: relative;
		display: table;
	}

	.Gnav .GnavBody .gnavList > li > a {
		display: table-cell;
		height: 58px;
		color: #333;
		font-size: 1.5rem;
		font-size: 15px;
		text-decoration: none;
		vertical-align: middle;
	}
	.Gnav .GnavBody .gnavList > li > a:hover{
		opacity: 0.8;
	}

	.Gnav .GnavBody .gnavList > li.nav01 > a,
	.Gnav .GnavBody .gnavList > li.nav02 > a,
	.Gnav .GnavBody .gnavList > li.nav03 > a,
	.Gnav .GnavBody .gnavList > li.nav04 > a {
		padding: 0 0 0 25px;
	}

	.Gnav .GnavBody .gnavList > li.nav01 > a {
		background: url(../../../system/common2/img/header_ic01.svg) no-repeat 5px 45%;
	}

	.Gnav .GnavBody .gnavList > li.nav02 > a {
		background: url(../../../system/common2/img/header_ic02.svg) no-repeat 5px 45%;
	}

	.Gnav .GnavBody .gnavList > li.nav03 > a {
		background: url(../../../system/common2/img/header_ic03.svg) no-repeat 5px 45%;
	}

	.Gnav .GnavBody .gnavList > li.nav04 > a {
		background: url(../../../system/common2/img/header_ic04.svg) no-repeat 5px 45%;
	}

	.Gnav .GnavBody .gnavList > li.nav01.on > a:after,
	.Gnav .GnavBody .gnavList > li.nav01 > a:hover:after,
	.Gnav .GnavBody .gnavList > li.nav02.on > a:after,
	.Gnav .GnavBody .gnavList > li.nav02 > a:hover:after,
	.Gnav .GnavBody .gnavList > li.nav03.on > a:after,
	.Gnav .GnavBody .gnavList > li.nav03 > a:hover:after,
	.Gnav .GnavBody .gnavList > li.nav04.on > a:after,
	.Gnav .GnavBody .gnavList > li.nav04 > a:hover:after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 5px;
		display: block;
		height: 4px;
	}

	.Gnav .GnavBody .gnavList > li.nav01.on > a:after,
	.Gnav .GnavBody .gnavList > li.nav01 > a:hover:after {
		width: 100%;
		background: #24597F;
	}

	.Gnav .GnavBody .gnavList > li.nav02.on > a:after,
	.Gnav .GnavBody .gnavList > li.nav02 > a:hover:after {
		width: 100%;
		background: #DC515C;
	}

	.Gnav .GnavBody .gnavList > li.nav03.on > a:after,
	.Gnav .GnavBody .gnavList > li.nav03 > a:hover:after {
		width: 100%;
		background: #9FBA51;
	}

	.Gnav .GnavBody .gnavList > li.nav04.on > a:after,
	.Gnav .GnavBody .gnavList > li.nav04 > a:hover:after {
		width: 100%;
		background: #E8803F;
	}

	.Gnav .GnavBody .gnavList > li.nav05 > a {
		font-size: 1.4rem;
		font-size: 14px;
		text-align: center;
	}

	.Gnav .GnavBody .gnavList > li.nav06 > a {
		text-align: center;
	}

	.Gnav .GnavBody .gnavList > li.nav05.on > a:after,
	.Gnav .GnavBody .gnavList > li.nav05 > a:hover:after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 50%;
		display: block;
		width: 4em;
		height: 4px;
		margin-left: -2em;
		background: #3578b7;
	}

	.Gnav .GnavBody .gnavList > li.nav06.on > a:after,
	.Gnav .GnavBody .gnavList > li.nav06 > a:hover:after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 50%;
		display: block;
		width: 9em;
		height: 4px;
		margin-left: -4.5em;
		background: #3578b7;
	}

	.Gnav .GnavBody .gnavList > li.nav05 > a:before,
	.Gnav .GnavBody .gnavList > li.nav06 > a:before {
		content: "";
		position: absolute;
		top: 50%;
		left: -10px;
		display: block;
		width: 1px;
		height: 30px;
		margin-top: -15px;
		background: #ccc;
	}

	/* ------------------------------------------------------
	 * ヘッダー固定時スタイル
	------------------------------------------------------ */
	.fixedObject.fixed{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
	}
	/*製品ヘッダースタイル調整*/
	.jsLowdirTopMenu{
		width: 100%;
		background: #fff;
		border-bottom: 3px solid #e6e3df;
	}


	/* ------------------------------------------------------
	 * Main
	------------------------------------------------------ */
	/* ----- pageGuide ----- */
	.pageGuide {
		width: 100%;
		background: #f9f9f9;
	}

	/* breadcrumbs */
	.pageGuide .breadcrumbs {
		-webkit-display: flex;
		display: flex;
		width: 1000px;
		margin: 0 auto;
		padding: 16px 0 15px;
	}

	.pageGuide .breadcrumbs li {
		font-size: 1.3rem;
	}

	.pageGuide .breadcrumbs li:before {
		content: ">";
		margin: 0 8px;
		color: #999;
		font-size: 1.0rem;
		vertical-align: middle;
	}

	.pageGuide .breadcrumbs li:first-child:before {
		display: none;
	}

	/* ----- pageHead ----- */
	.pageHead {
		width: 100%;
		background: #3679b7;
	}

	.pageHead .heading-lv1 {
		width: 1000px;
		margin: 0 auto;
		padding: 35px 0 33px;
	}

	.pageHead .heading-lv1 .heading_title {
		color: #fff;
		font-size: 3.6rem;
	}

	/* ------------------------------------------------------
	 * contact-layout
	------------------------------------------------------ */
	.contact-layout {
		height: 185px;
		padding-top: 35px;
		background: url(../../../system/img/com_im01.jpg) no-repeat 50% 0;
		text-align: center;
	}

	.contact-layout .lead {
		font-size: 2.0rem;
		font-weight: bold;
	}

	.contact-layout .btn {
		margin-top: 25px;
	}

	.contact-layout .btn a {
		display: inline-block;
		padding: 15px 50px 15px 35px;
		background: #e8823e;
		border-radius: 5px;
		color: #fff !important;
		font-size: 2.0rem;
		font-weight: bold;
	}

	.contact-layout .btn a:hover {
		background: #d65c0b;
		text-decoration: none !important;
	}

	.contact-layout .btn a:before {
		content: "";
		display: inline-block;
		width: 31px;
		height: 25px;
		margin: 0 18px 4px 0;
		background: url(../../../system/img/index_ic12.png) no-repeat 0 0;
		vertical-align: middle;
	}

	/* ------------------------------------------------------
	 * contents-link
	------------------------------------------------------ */
	.contents-link {
		padding: 35px 0 40px;
	}

	.contents-link .title {
		font-size: 2.6rem;
		text-align: center;
	}

	.contents-link .field-link {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		margin-top: 25px;
	}

	.contents-link .field-link li {
		width: 225px;
		margin-right: 34px;
	}

	.contents-link .field-link li:last-child {
		margin-right: 0;
	}

	.contents-link .field-link li a {
		display: block;
		padding-top: 18px;
		padding-right: 10px;
		padding-bottom: 17px;
		border-radius: 5px;
		color: #fff !important;
		font-size: 1.6rem;
		font-weight: bold;
	}

	.contents-link .field-link li.field01 a {
		padding-left: 74px;
		background: #a0ba52 url(../../../system/img/com_ic01on.png) no-repeat 12px 50%;
	}

	.contents-link .field-link li.field02 a {
		padding-left: 66px;
		background: #6cabd1 url(../../../system/img/com_ic02on.png) no-repeat 12px 50%;
	}

	.contents-link .field-link li.field03 a {
		padding-left: 80px;
		background: #9189ca url(../../../system/img/com_ic03on.png) no-repeat 12px 50%;
	}

	.contents-link .field-link li.field04 a {
		padding-left: 98px;
		background: #3478b7 url(../../../system/img/com_ic04.png) no-repeat 12px 50%;
	}

	.contents-link .field-link li.field05 a {
		padding-left: 60px;
		background: #e8823e url(../../../system/img/com_ic05.png) no-repeat 12px 50%;
	}
}

/* ======================================================
 * Print
====================================================== */
@media print {
	/* ------------------------------------------------------
	 * Common
	------------------------------------------------------ */
	.sp-hidden,
	.Pagetop {
		display: none!important;
	}
}