@charset "UTF-8";

/* reset-fonts.css
	Copyright (c) 2008, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License:
	http://developer.yahoo.net/yui/license.txt
	version: 2.5.0 + 03
	*/
	/*html{color:#000;background:#FFF;}*/body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q::before,q::after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}/*input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}*/legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}

/* #region フォント設定  */
	/* Noto Font */
		@font-face {
			font-family: 'Noto Sans R';
			src: url('./_lib/font/notoRegular.eot');
			src: url('./_lib/font/notoRegular.eot?iefix') format('eot'),
				url('./_lib/font/notoRegular.woff') format('woff');
		}
		@font-face {
			font-family: 'Noto Sans B';
			src: url('./_lib/font/notoBold.eot');
			src: url('./_lib/font/notoBold.eot?iefix') format('eot'),
				url('./_lib/font/notoBold.woff') format('woff');
		}

	/* TELフォント */
		@font-face {
			font-family: 'Tel Futura Hv';
			src: url('./_lib/font/telFutuHv.eot');
			src: url('./_lib/font/telFutuHv.eot?iefix') format('eot'),
				url('./_lib/font/telFutuHv.woff') format('woff');
		}

	/* TELアイコン */
		@font-face {
			font-family: 'icomoon';
			src:url('./_lib/font/telfax.eot?abq9gw');
			src:url('./_lib/font/telfax.eot?abq9gw#iefix') format('embedded-opentype'),
				url('./_lib/font/telfax.woff?abq9gw') format('woff');
			font-weight: normal;
			font-style: normal;
		}

		[class^="icon-"], [class*=" icon-"] {
			font-family: 'icomoon' !important;
			font-style: normal;
			font-weight: normal;
			font-variant: normal;
			text-transform: none;
			line-height: 1;

			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}

		.icon-tel:before {
			content: "\e900";
		}
		.icon-fax:before {
			content: "\e901";
		}
/* #endregion */

/* #region ベース */
	html {
		overflow-y:scroll;
	}

	body {
		position: relative;
		color: #333;
		font-family:'Noto Sans R', 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
		font-size: 100%;
		line-height: 1.5;
		text-align: center;
		background: url(./img/pagebg.jpg) repeat-x top;
	}

	#wrapper {
		min-width: 1080px;
	}

	.container {
		position: relative;
		width: 1080px;
		margin: 0 auto;
		box-sizing: border-box;
	}

	a {
		color: #162448;
	}
	a:link { color: #162448; }
	a:visited { color: #162448; }
	a:hover {
		color: #999;
	}
/* #endregion */

/* #region 一般設定 */
	/* テーブル */
	td, th {
		vertical-align: top;
	}

	/* float解除 */
	.cl::after {
		content: "";
		clear: both;
		display: block;
	}

	.contentHr {
		clear:both;
		height:1px;
	/*\*/
		overflow: hidden;
	/**/
	}

	/* CSS無効時用 */
	.nocsscomment,
	.nocsshr {
		display: none;
		visibility: hidden;
	}

	.btn {
		display: inline-block;
		margin-bottom: 0;
		text-align: center;
		text-decoration: none;
		vertical-align: middle;
		touch-action: manipulation;
		cursor: pointer;
		background-image: none;
		border: 1px solid transparent;
		white-space: nowrap;
	}
/* #endregion */

/* #region ヘッダ */
	header {
		background-color: #fff;
	}

	header .container {
		overflow: hidden;
	}

	header .siteTitle {
		float: left;
		padding: 20px;
	}

	header .headerMenu {
		float: right;
	}

		header .contentMenu {
		}

			header li {
				display: inline-block;
				padding: 15px;
				padding-top: 36px;
			}

				header a {
					position: relative;
					display: block;
					padding-bottom: 4px;
					color: #005284 !important;
					font-weight: bold;
					text-decoration: none;
				}

					header li a::after {
						position: absolute;
						display: block;
						content: '';
						left: 0;
						bottom: 0;
						width: 100%;
						height: 4px;
						background-color: #fff;
						transition: 0.3s;
					}

					header li.current a::after ,
					header li a:hover::after {
						background-color: #1ba1e6;
					}

	.spMenuBtn {
		display: none;
	}
/* #endregion */

/* #region フッタ */
	footer {
		position: relative;
		padding: 60px 0;
		color: #fff;
		background-color: #1ba1e6;
		overflow: hidden;
	}

	footer a {
		color: #fff !important;
		text-decoration: none;
	}

	footer .companyData {
		float: left;
		font-size: 90%;
		text-align: left;
	}

	footer .contentMenu {
		float: right;
		text-align: right;
	}

		footer .contentMenu li {
			display: inline-block;
		}

			footer .contentMenu a {
				position: relative;
				display: block;
				padding: 10px 0px;
				padding-left: 35px;
				font-size: 90%;
				line-height: 1;
				transition: .2s;
			}

				footer .contentMenu a::after {
					content: '';
					position: absolute;
					top: 50%;
					left: 10px;
					margin-top: -6px;
					width: 10px;
					height: 10px;
					border-top: 1px solid #fff;
					border-left: 1px solid #fff;
					-webkit-transform: rotate(135deg);
							transform: rotate(135deg);
					transition: .2s;
				}

				footer .contentMenu a:hover {
					color: #84d1e7 !important;
				}
				footer .contentMenu a:hover::after {
					border-top: 1px solid #84d1e7;
					border-left: 1px solid #84d1e7;
				}

	footer .copyright {
		clear: right;
		float: right;
		padding-top: 30px;
		font-size: 80%;
		text-align: right;
	}
/* #endregion */

/* #region ナビゲーション */
	/* ページの先頭へ戻る */
		.goPagetop {
			position: relative;
			width: 100%;
			z-index: 999;
		}

		.goPagetop.navifixed {
			position: fixed;
			bottom: 0px;
		}

		.goPagetop a {
			position: absolute;
			display: block;
			width: 72px;
			height: 72px;
			top: -120px;
			left: 50%;
			margin-left: 500px;
			z-index: 999;

			font-size: 0px;
			text-decoration: none;
			background-color: #e6e6e6;
		}

			.goPagetop a::after {
				content: '';
				position: absolute;
				top: 30px;
				left: 50%;
				margin-left: -10px;
				width: 18px;
				height: 18px;
				border-top: 3px solid #000;
				border-left: 3px solid #000;
				-webkit-transform: rotate(45deg);
						transform: rotate(45deg);
			}
/* #endregion */

/* #region コンテンツ */

	#content {
		clear: both;
		word-break: break-all;
		overflow: hidden;
	}

	#pageTitle {
		padding: 60px 0;
		color: #fff;
		font-size: 280%;
	}

	#pageImage {
		position: relative;
		width: 100%;
		height: 360px;
		overflow: hidden;
	}

		#pageImage img {
			position: absolute;
			top: -150px;
			left: 50%;
			margin-left: -600px;
		}

	/* 見出し */
		#content h2 {
			margin-bottom: 60px;
			color: #005284;
			font-size: 250%;
			line-height: 1;
		}

		#content h2 span {
			font-size: 55%;
		}

		#content h3 {
			margin-bottom: 20px;
			font-size: 140%;
			font-weight: bold;
		}

	/* 本文 */
		.sectionBox {
		}

		.sectionBox .container {
			padding: 80px 0;
		}

		.mbBR {
			display: none;
		}

		/* 写真 */
			.photo_left {
				float: left;
				margin-right: 25px;
				margin-bottom: 20px;
			}

			.photo_right {
				float: right;
				margin-left: 25px;
				margin-bottom: 20px;
			}

		/* レイアウトボックス */
			.layoutbox2-left,.layoutbox2-right,

			.layoutbox3-left,.layoutbox3-right,
			.layoutbox3-2-left,.layoutbox3-2-right,

			.layoutbox4-left,.layoutbox4-right ,
			.layoutbox4-2-left,.layoutbox4-2-right ,
			.layoutbox4-3-left,.layoutbox4-3-right {
				box-sizing: border-box;
				padding: 0 0 0px;
			}


			.layoutbox2-left,
			.layoutbox2-right {
				width: 50%;
			}
			.layoutbox2-left {
				float: left;
				padding-right: 5px;
			}
			.layoutbox2-right {
				float: right;
				padding-left: 5px;
			}

			.layoutbox3-left,
			.layoutbox3-right {
				width: 33.3%;
			}

			.layoutbox3-2-left,
			.layoutbox3-2-right {
				width: 66.6%;
			}

			.layoutbox3-left ,
			.layoutbox3-2-left {
				float: left;
				padding-right: 5px;
			}
			.layoutbox3-right ,
			.layoutbox3-2-right {
				float: right;
				padding-left: 5px;
			}

			.layoutbox4-left,
			.layoutbox4-right {
				width: 25%;
			}

			.layoutbox4-2-left,
			.layoutbox4-2-right {
				width: 50%;
			}

			.layoutbox4-3-left,
			.layoutbox4-3-right {
				width: 75%;
			}

			.layoutbox4-left ,
			.layoutbox4-2-left ,
			.layoutbox4-3-left {
				float: left;
				padding-right: 5px;
			}
			.layoutbox4-right ,
			.layoutbox4-2-right ,
			.layoutbox4-3-right {
				float: right;
				padding-left: 5px;
			}

			.layoutbox2-left img,.layoutbox2-right img,

			.layoutbox3-left img,.layoutbox3-right img,
			.layoutbox3-2-left img,.layoutbox3-2-right img,

			.layoutbox4-left img,.layoutbox4-right img ,
			.layoutbox4-2-left img,.layoutbox4-2-right img ,
			.layoutbox4-3-left img,.layoutbox4-3-right img {
				max-width: 100%;
				height: auto;
			}


	.ready {
		padding: 6em 0;
		color: #999;
		font-size: 200%;
	}
/* #endregion */

@media screen and (max-width: 767px) {

	img {
		max-width: 100%;
		height: auto;
	}

	/*--- ベース ---*/

		body{
			background-image: none;
		}
		#wrapper {
			min-width: 1px;
		}

		.container {
			width: 100%;
		}

	/* ヘッダ header */

		header {
			height: 50px;
		}

		header .container {
			width: 100%;
			overflow: visible;
		}

		header .siteTitle {
			float: none;
			width: 210px;
			padding: 10px 10px 6px;
		}

		header .siteTitle a {
			font-size: 0;
		}

		header .headerMenu {
			display: none;
			float: none;
			left: 0px;
			position: absolute;
			top: 50px;
			width: 100%;
			z-index: 999;
		}

		header .contentMenu {
		}

		header li {
			display: block;
			padding: 0px;
		}

		header .contentMenu a {
			padding: 10px;
			color: #fff !important;
			font-weight: normal;
			border-bottom: 1px solid #fff;
			background-color: rgba(0,82,132,0.8);
		}

		header li a::after {
			display: none;
		}

		.spMenuBtn {
			display: block;
			position: absolute;
			top: 0;
			right: 0;
		}

		.menu-trigger {
			display: block;
			float: left;

			position: relative;
			width: 50px;
			height: 50px;
			box-sizing: border-box;

			background-color: #fff;
			border: 12px solid #fff;
			border-width: 14px 12px;
			cursor: pointer;
		}

		.menu-trigger span,
		.menu-trigger span:nth-of-type(2)::after {
			display: inline-block;
			transition: all .3s;
			box-sizing: border-box;

			position: absolute;
			left: 0;
			width: 100%;
			height: 2px;
			background-color: #247ebf;
			border-radius: 2px;
		}

		.menu-trigger span:nth-of-type(1) {
			top: 2px;
		}
		.menu-trigger span:nth-of-type(2) {
			top: 10px;
		}
		.menu-trigger span:nth-of-type(3) {
			bottom: 2px;
		}
		.menu-trigger span:nth-of-type(2)::after {
			top: 0;
			content: '';
			transition: all .3s;
		}

		.menu-trigger.active span:nth-of-type(1) {
			transform: translateY(20px) scale(0);
		}
		.menu-trigger.active span:nth-of-type(2) {
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}
		.menu-trigger.active span:nth-of-type(2)::after {
			-webkit-transform: rotate(90deg);
			transform: rotate(90deg);
		}
		.menu-trigger.active span:nth-of-type(3) {
			transform: translateY(-20px) scale(0);
		}

	/* フッタ footer */

		footer {
			padding: 0;
		}

		footer .companyData {
			/* display: none; */
			float: none;
			padding: 10px;
			border-bottom: 1px solid #fff;
		}

		footer .contentMenu {
			float: none;
			text-align: center;
		}

		footer .contentMenu li {
			display: block;
			text-align: left;
		}

		footer .contentMenu a {
			padding: 12px 10px;
			padding-left: 50px;
			border-bottom: 1px solid #fff;
		}

		footer .contentMenu a::after {
			left: 20px;
		}

		footer .copyright {
			float: none;
			padding: 10px 0;
			font-size: 70%;
			text-align: center;
		}

	/* ナビゲーション */

		/* ページの先頭へ戻る */

		.goPagetop {
			position: static;
			bottom: auto;
		}

		.goPagetop a {
			position: relative;
			width: auto;
			height: auto;
			top: auto;
			left: auto;
			margin-left: 0px;

			padding: 35px 0 20px;
			font-size: 80%;
			font-weight: bold;
		}

		.goPagetop a::after {
			top: 22px;
			margin-left: -8px;
			width: 16px;
			height: 16px;
			border-top: 2px solid #000;
			border-left: 2px solid #000;
		}

	/* コンテンツ */
		#content {
		}

		#pageTitle {
			padding: 30px 0;
			font-size: 200%;
			background-color: #1da2e7;
		}

		#pageImage {
			height: 200px;
		}

		#pageImage img {
			top: -60px;
			max-width: 600px;
			width: 600px;
			height: auto;
			margin-left: -300px;
		}


		/* 見出し */
			#content h2 {
				font-size: 160%;
				margin-bottom: 40px;
			}

			#content h3 {
				font-size: 115%;
			}

		/* 本文 */

			.sectionBox {
			}

			.sectionBox .container {
				padding: 40px 10px;
			}

			.pcBR {
				display: none;
			}

			.mbBR {
				display: inline;
			}

			/* 写真 */

				.photo_left {
					float: left;
					margin-right: 25px;
					margin-bottom: 20px;
				}

				.photo_right {
					float: right;
					margin-left: 25px;
					margin-bottom: 20px;
				}

			/* レイアウトボックス */
				.layoutbox2-left,.layoutbox2-right,

				.layoutbox3-left,.layoutbox3-right,
				.layoutbox3-2-left,.layoutbox3-2-right,

				.layoutbox4-left,.layoutbox4-right ,
				.layoutbox4-2-left,.layoutbox4-2-right ,
				.layoutbox4-3-left,.layoutbox4-3-right {
					box-sizing: border-box;
					padding: 0 0 0px;
				}


				.layoutbox2-left,
				.layoutbox2-right {
					width: 50%;
				}
				.layoutbox2-left {
					float: left;
					padding-right: 5px;
				}
				.layoutbox2-right {
					float: right;
					padding-left: 5px;
				}

				.layoutbox3-left,
				.layoutbox3-right {
					width: 33.3%;
				}

				.layoutbox3-2-left,
				.layoutbox3-2-right {
					width: 66.6%;
				}

				.layoutbox3-left ,
				.layoutbox3-2-left {
					float: left;
					padding-right: 5px;
				}
				.layoutbox3-right ,
				.layoutbox3-2-right {
					float: right;
					padding-left: 5px;
				}

				.layoutbox4-left,
				.layoutbox4-right {
					width: 25%;
				}

				.layoutbox4-2-left,
				.layoutbox4-2-right {
					width: 50%;
				}

				.layoutbox4-3-left,
				.layoutbox4-3-right {
					width: 75%;
				}

				.layoutbox4-left ,
				.layoutbox4-2-left ,
				.layoutbox4-3-left {
					float: left;
					padding-right: 5px;
				}
				.layoutbox4-right ,
				.layoutbox4-2-right ,
				.layoutbox4-3-right {
					float: right;
					padding-left: 5px;
				}

				.layoutbox2-left img,.layoutbox2-right img,

				.layoutbox3-left img,.layoutbox3-right img,
				.layoutbox3-2-left img,.layoutbox3-2-right img,

				.layoutbox4-left img,.layoutbox4-right img ,
				.layoutbox4-2-left img,.layoutbox4-2-right img ,
				.layoutbox4-3-left img,.layoutbox4-3-right img {
					max-width: 100%;
					height: auto;
				}


		#topImage {
			height: 300px;
		}

		#content {
		}

}
.mask-section {
	margin: 80px auto 0;
}
.mask-section img {
	
}