/*
Theme Name: 1列型A-1 2019
Author: クオリティWebデザイン
Author URI: https://web.1os.co.jp/
*/
/********** Reset **********/

*{margin:0;padding:0;box-sizing:border-box;border:none}html{line-height:1.15}article, aside, footer, header, nav, section{display:block}h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:400}nav ul,aside ul{list-style:none}table{border-collapse:collapse;border-spacing:0}figcaption, figure, main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b, strong{font-weight:inherit}b, strong{font-weight:bolder}code, kbd, samp{font-family:monospace, monospace}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub, sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio, video{display:inline-block}audio:not([controls]){display:none;height:0}img{border:none;max-width:100%;height:auto;vertical-align:bottom}svg:not(:root){overflow:hidden}button, input, optgroup, select, textarea{margin:0}button, input{overflow:visible}button, select{text-transform:none}button, html [type="button"], [type="reset"], [type="submit"]{-webkit-appearance:button}button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"], [type="radio"]{box-sizing:border-box;padding:0}[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-cancel-button, [type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details, menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}img[src$=".svg"],img[src$=".svgz"],svg{max-width:100%}

/********** Common **********/

html {
	font-size:					90%;
	overflow-y:					scroll;
}
body {
	cursor:						default;
	overflow-wrap:				break-word;
	word-wrap:					break-word;
	-webkit-text-size-adjust:	none;
	font-size:					0.9em;
	line-height:				1.8;
	background:					#fff;
	color:						#444;
}

/*** Font Family ***/

body, .fGoc, #contactForm input, #contactForm select, #contactForm textarea, .searchfield, .searchsubmit, .wpcf7-submit, #touroku_mail {
	font-family:				"メイリオ", "Meiryo", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "verdana", sans-serif;
}
/*** ゴシック系 ***/
.fDes1 {
	font-family:				'Open Sans', 'Noto Sans JP', "メイリオ", "Meiryo", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "verdana", sans-serif;
}
/*** 明朝系 ***/
.fDes2 {
	font-family:				'Lora', 'Noto Serif JP', "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Georgia, serif;
}
.mLink a span:after, .navMenu > .menu-item a:before, .navMenu .menu-item-has-children:after, .navMenu .menu-item-has-children.isActive:after, .sub-menu .menu-item a:before, .flex-direction-nav a, .cat-item a:after
 {
	font-family:				"Font Awesome 5 Free";
	font-weight:				900;
}

/*** Font Size ***/

small, .sSS{
	font-size:					0.8em;
}
.sS {
	font-size:					0.9em;
}
.sL {
	font-size:					1.1em;
}
.sX	{
	font-size:					1.2em;
}
.sXL {
	font-size:					1.4em;
}
.sXX {
	font-size:					1.6em;
}

/*** Width & Height ***/

.fullW, html, body, .maxWidth, .navMenu > .menu-item, .imgBoxImg, .imgBoxTxt, .flex-control-nav {
	width:						100%;
}
.fullH, html, body {
	height:						100%;
}
.maxWidth, .navMenu, #breadcrumbList {
	max-width:					1280px;	/* サイトによって変更 */
	margin:						auto;
}
.maxWidth {
	padding:					0 8px;
}

/*** Flex ***/

.flex, .mLink, .searchform, .cat-item a {
	display:					-webkit-box;
	display:					-webkit-flex;
	display:					flex;
}
.fhC, .cat-item a {
	-webkit-box-pack:			center;
	-moz-box-pack:				center;
	-ms-flex-pack:				center;
	-webkit-justify-content:	center;
	justify-content:			center;
}
.fhL {
	-webkit-box-pack:			start;
	-moz-box-pack:				start;
	-ms-flex-pack:				start;
	-webkit-justify-content:	flex-start;
	justify-content:			flex-start;
}
.fhR {
	-webkit-box-pack:			end;
	-moz-box-pack:				end;
	-ms-flex-pack:				end;
	-webkit-justify-content:	flex-end;
	justify-content:			flex-end;
}
.fhLR {
	-webkit-box-pack:			justify;
	-moz-box-pack:				justify;
	-ms-flex-pack:				justify;
	-webkit-justify-content:	space-between;
	justify-content:			space-between;
}
.fvS {
	-webkit-box-align:			start;
	-webkit-align-items:		start;
	align-items:				flex-start;
}
.fvC, .cat-item a {
	-webkit-box-align:			center;
	-webkit-align-items:		center;
	align-items:				center;
}
.fvE {
	-webkit-box-align:			end;
	-webkit-align-items:		end;
	align-items:				flex-end;
}
.fCol {
	-webkit-box-orient:			block-axis;
	-webkit-flex-direction:		column;
	flex-direction:				column;
}
.fWrap {
	box-lines:					multiple;
	-webkit-flex-wrap:			wrap;
	flex-wrap:					wrap;
}
.flexList > * {
	margin:						0.5em 0;
}
.w1-2-2 > *, .w1-2-3 > *, .w1-2-4 > * {
	width:						100%;
}
.w2-2-4 > * {
	width:						50%;
}
.fhLR.w2-2-4 > * {
	width:						49%;
}
.flexList, #topTopicsList {
	margin:						1em auto 1.5em;
}

/*** Position ***/

body, .pRel, .menu-item a {
	position:					relative;
}
.pAbs {
	position:					absolute;
}
.pFix {
	position:					fixed;
}

/*** Align ***/

body, .center, .mLink a, .wpcf7-submit {
	text-align:					center;
}
.left {
	text-align:					left;
}
.right {
	text-align:					right;
}
.aligncenter, .alignleft, .alignright {
	margin:						0 auto 1em;
}

/*** Display ***/

.block, .mLink a span, .menu-item a, .sub-menu, #breadcrumb span, #breadcrumb a, .nextPrev a, .aligncenter, .alignleft, .alignright, #topicEye .topicImg img, .imgBox img, .wpcf7-submit span {
	display:					block;
}
.iBlock {
	display:					inline-block;
}
.spNone, #MenuH::-webkit-scrollbar {
	display:					none;
}

/*** Background ***/


.bg0 {
	background:					rgba(255, 255, 255, 0.9);
}
.bg1,
.iconMenu .line {
	background:					#fff;
}
.bg2,
.mLink a,
#breadcrumb,
.nextPrev a,
a.page-numbers,
.searchsubmit,
.wpcf7-submit
{
	background-color:			#0000ff;
}
.bg3,
span.page-numbers {
	background:					#5151ff;
}
.bg4,
#contactForm dt
 {
	background:					#ddd;
}
.navToggle.isActive {
	background-color:			#0000bb;
}

/*** Font Color ***/

.bg2,
.bg3,
.mLink a,
#headerCopy,
.navMenu > .menu-item > a,
#copyright a,
#breadcrumb, #breadcrumb a,
.nextPrev a,
a.page-numbers, .searchsubmit, .wpcf7-submit {
	color:						#fff;
}
a {
	color:						#0000ff;
}
em, .cRed {
	color:						#e73030;
	font-style:					normal;
}
.cBlk, a:hover.cBlk, .titleH2 {
	color:						#000;
}
.cWht, a:hover.cWht {
	color:						#fff;
}
.titleH3 {
	color:						#222;
}
.cat-item a, .cat-item a:hover {
	color:						#333;
}

/*** Decoration ***/

.bold {
	font-weight:				700;
}
.decoNone, .menu-item a, .mLink a, a.page-numbers, .cat-item a {
	text-decoration:			none;
	list-style:					none;
}
.clear:after, .content:after {
	content:					"";
	clear:						both;
	height:						0;
	display:					block;
	visibility:					hidden;
}
.bRadius, .mLink a, .mLink a span, .searchsubmit, .nextPrev a, .page-numbers, .wpcf7-submit, .wpcf7-submit span, .wpcf7 .wpcf7-response-output, .attachment-thumbnail {
	-webkit-border-radius:		4px;
	border-radius:				4px;
}
.txtOF,
.menu-item a,
#breadcrumb li,
#breadcrumb span
 {
	overflow:					hidden;
	white-space:				nowrap;
	text-overflow:				ellipsis;
	min-width:					0;
}
.txtShadow {
	-webkit-text-shadow:		2px 2px 2px rgba(0, 0, 0, 0.3);
	text-shadow:				2px 2px 2px rgba(0, 0, 0, 0.3);
}
.indent {
	padding-left:				1em;
	text-indent:				-1em;
}
.tOlineW {
	text-shadow:				1px 1px 0 #fff,
								-1px 1px 0 #fff,
								1px -1px 0 #fff,
								-1px -1px 0 #fff;
}
.tOlineB {
	text-shadow:				1px 1px 0 #000,
								-1px 1px 0 #000,
								1px -1px 0 #000,
								-1px -1px 0 #000;
}

/*** Border ***/

.bLine1, #contactForm input, #contactForm select, #contactForm textarea, .tbBox th, .tbBox td, #touroku_mail {
	border:						1px solid #aaa;
}
.bLine2, .attachment-thumbnail, .thumb-of-pdf, .cat-item a {
	border:						1px solid #ccc;
}
.bBottom1,
.navMenu > .menu-item > a,
.sub-menu .menu-item:last-child a {
	border-bottom:				1px solid #aaa;
}
.bBottom2,
.sub-menu .menu-item a {
	border-bottom:				1px solid #ccc;
}
.bright1 {
	border-right:				1px solid #aaa;
}
.bright2,
#breadcrumb a span {
	border-right:				1px solid #ccc;
}

/*** Button ***/

.mLink, .wpcf7-submit {
	margin:						1.5em auto;
}
.mLink a, .topBtn, #pageTop, .searchsubmit, .wpcf7-submit {
	padding:					1px;
}
.mLink a span, .searchsubmit span, .wpcf7-submit span {
	padding:					6px 12px;
	border:						1px solid #fff;
}
.mLink a span:after {
	content:					"\f138";
	padding-left:				0.4em;
}

/*** Table etc. ***/

dl.tbBox {
	border-top:					1px solid #acac9d;
	border-left:				1px solid #acac9d;
}
.tbBox dt, .tbBox dd {
	border-right:				1px solid #acac9d;
	border-bottom:				1px solid #acac9d;
}
.tbBox th, .tbBox td, .tbBox dt, .tbBox dd {
	font-weight:				400;
	vertical-align:				top;
}
.imgBox img {
	max-width:					80%;
	margin:						auto;
}
.paddOut1 {
	margin-left:				-0.5em;
	margin-right:				-0.5em;
}
.paddBox1, .tbBox th, .tbBox td, .tbBox dt, .tbBox dd, .cat-item {
	padding:					0.5em;
}
.paddBox2 {
	padding:					1em;
}

#header, #headerMain, #logo a, #MenuH, .navToggle {
	-webkit-transition:			all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	transition:					all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}
.switch {
	visibility:					visible;
}

/********** Header **********/

#header {
	height:						80px;
	z-index:					10;
}
#headerMain {
	padding:					0 16px;
	max-width:					1312px;
	margin:						0 auto;
}
.scroll #header {
	height:						50px;
	-webkit-box-shadow:			1px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow:					1px 1px 3px rgba(0, 0, 0, 0.3);
}
.navOpen #header, .scroll #header {
	background:					rgba(255, 255, 255, 0.9);
}
#logo {
	margin-right:				auto;
}
#logo a {
	width:						180px;
}
.scroll #logo a {
	width:						130px;
}
.navToggle, .nextPrev a, .page-numbers {
	width:						36px;
	height:						36px;
	line-height:				36px;
	cursor:						pointer;
}
.others #mainContainer {
	top:						80px;
}


/********** Navigation **********/

.navToggle {
	padding:					1px;
	line-height:				1;
}
.iconMenu {
	border:						1px solid #fff;
	display:					inline-block;
	vertical-align:				middle;
}
.line {
	left:						18%;
	width:						64%;
	height:						2px;
	-webkit-transition:			all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition:					all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	-webkit-transition-timing-function:
								cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition-timing-function:	cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.line-1 {
	top: 						8px;
}
.isActive .line-1 {
	-webkit-transform:			translateY(7px) translateX(0) rotate(45deg);
	transform:					translateY(7px) translateX(0) rotate(45deg);
}
.line-2 {
	top:						50%;
	margin-top:					-1px;
}
.isActive .line-2 {
	opacity:					0;
	top:						100%;
}
.line-3 {
	bottom:						8px;
}
.isActive .line-3 {
	-webkit-transform:			translateY(-7px) translateX(0) rotate(-45deg);
	transform:					translateY(-7px) translateX(0) rotate(-45deg);
}
#MenuH {
	top:						80px;
	right:						0;
	z-index:					15;
	overflow-y:					auto;
	visibility:					hidden;
	-ms-overflow-style:			none;
	height:						calc(100% - 80px);
	border-top:					1px solid #ccc;
	-webkit-transform:			translateX(100%);
	transform:					translateX(100%);
	-webkit-overflow-scrolling:	touch;
}
.scroll #MenuH {
	top:						50px;
	height:						calc(100% - 50px);
}
#MenuH.isVisible {
	visibility:					visible;
	-webkit-transform:			translateX(0);
	transform:					translateX(0);
	-webkit-transition:			all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
	transition:					all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}
.navMenu > .menu-item > a {
	padding:					0 8px;
	height:						48px;
	line-height:				48px;
	background-color:			#0000ff;
}
.menuEng {
	font-size:					0.9em;
	color:						#ddd;
	font-family: 'Libre Baskerville', serif;
}
.menuEng:before {
	content:					" - ";
}
.navMenu .menu-item a:before {
	padding-right:				0.4em;
}
.navMenu > .menu-item > a:before {
	content:					"\f138";
}
.navMenu .menu-item-has-children, .navMenu .menu-item-has-children a {
	position:					relative;
	cursor:						pointer;
}
.navMenu .menu-item-has-children a {
}
.navMenu > .menu-item-has-children:after {
	font-size:					1.4em;
	line-height:				47px;
}
.navMenu .menu-item-has-children:after {
	content:					"\f0d7";
	position:					absolute;
	top:						0;
	right:						0;
	width:						48px;
	text-align:					center;
	border-left:				1px solid #aaa;
	color:						#fff;
}
.navMenu .menu-item-has-children.isActive:after {
	content:					"\f0d8";
	background-color:			#0000bb;
	color:						#fff;
}
.sub-menu .menu-item a {
	visibility:					hidden;
	height:						0;
	line-height:				0;
	margin-top:					-1px;
	opacity:					0;
	padding:					0 0 0 20px;
	background:					rgba(252, 252, 252, 0.9);
	-webkit-transition:			margin-top .25s, height .25s ease-out, line-height .25s ease-out, opacity .3s ease-out, visibility .25s ease-out, color .25s;
	transition:					margin-top .25s, height .25s ease-out, line-height .25s ease-out, opacity .3s ease-out, visibility .25s ease-out, color .25s;
	}
.sub-menu .menu-item a:before {
	content:					"\f0da";
}
.navMenu > .menu-item > .sub-menu.isVisible > .menu-item > a {
	opacity:					1;
	visibility:					visible;
	margin-top:					0;
	height:						42px;
	line-height:				42px;
}

/********** Slideshow **********/

#slideshow {
	overflow:					hidden;
	height:						420px;
}
.flex-direction-nav {
	display:					none;
}
.flex-control-nav {
	position:					absolute;
	left:						8px;
	bottom:						8px;
	z-index:					5;
	text-align:					center;
}
.flex-control-nav li {
	margin:						6px;
	display:					inline-block;
}
.flex-control-paging a {
	width:						16px;
	height:						16px;
	display:					block;
	border:						1px solid #fff;
	background-color:			#44aeea;
	cursor:						pointer;
	text-indent:				-9999px;
	-webkit-border-radius:		100%;
	border-radius:				100%;
	-webkit-box-shadow:			0 0 4px rgba(0, 0, 0, 0.4);
	box-shadow:					0 0 4px rgba(0, 0, 0, 0.4);
}
.flex-control-paging li a.flex-active {
	background-color:			#0080c9;
	cursor:						default;
}
.sImage {
	background-position:50% 50%;
	background-size:	cover;
}
.sImage1 {
	background-image:	url("/img/slide-1_sp.jpg");
}
.sImage2 {
	background-image:	url("/img/slide-2_sp.jpg");
}
.sImage3 {
	background-image:	url("/img/slide-3_sp.jpg");
}
#slideCopy {
	z-index:					5;
	padding:					5%;
	text-shadow:				1px 1px 1px #fff,
								-1px 1px 1px #fff,
								1px -1px 1px #fff,
								-1px -1px 1px #fff,
								0 0 2px #fff,
								0 0 4px #fff;
}
#slideCopy h1 {
	font-size:					1.4em;
	margin-bottom:				0.4em;
}
#slideCopy h2 {
	font-size:					1em;
	line-height:				1.2;
}

/********** BreadCrumb **********/

#breadcrumb {
	margin:						0 0 8px;
}
#breadcrumb li {
	min-width:					80px;
}
#breadcrumb span {
	padding:					0.6em 0.4em;
}

/********** Page Title **********/

#pageTitle {
	height:						300px;
	padding:					8px;
}
#seminar #ptIn {
	background:					url(/img/bg_pageTitle-seminar.jpg) 50% 50%;
}
#inquiry #ptIn {
	background:					url(/img/bg_pageTitle-inquiry.jpg) 50% 50%;
}
#report #ptIn {
	background:					url(/img/bg_pageTitle-report.jpg) 50% 50%;
}
#knowledge #ptIn {
	background:					url(/img/bg_pageTitle-knowledge.jpg) 50% 50%;
}
#about #ptIn {
	background:					url(/img/bg_pageTitle-about.jpg) 50% 50%;
}
#efforts #ptIn {
	background:					url(/img/bg_pageTitle-efforts.jpg) 50% 50%;
}
#ptIn {
	background-size:			cover;
	color:						#fff;
	-webkit-text-shadow:		-1px -1px 2px rgba(0, 0, 0, 0.6),
								0 0 2px rgba(0, 0, 0, 0.8),
								2px 2px 3px rgba(0, 0, 0, 0.5);
	text-shadow:				-1px -1px 2px rgba(0, 0, 0, 0.6),
								0 0 2px rgba(0, 0, 0, 0.8),
								2px 2px 3px rgba(0, 0, 0, 0.5);
}

/********** Fixed Page Contents **********/

.content {
	margin:						2em auto;
}
.titleH2, .titleH3, .titleH4, #pageTitle h2 {
	line-height:				1.2;
}
.titleH2 {
	margin:						3em 0 2em;
	background:					url(/img/bg_titleH2.png) 8px 0 no-repeat;
	background-size:			20px;
	padding:					0 0.4em 0.3em 34px;
	border-bottom:				1px solid #6cb4ee;
}
.titleH3 {
	margin:						2em 0 1em;
}
.titleH4 {
	margin:						1em 0 0.8em;
}
.content p {
	margin:						0.8em 0.5em;
}
.oForm {
	max-width:						100%;
}
.oFormL {
	padding-right:					1em;
}
.linkBtn {
	-webkit-box-shadow:			1px 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow:					1px 1px 3px rgba(0, 0, 0, 0.3);
}
.aboutBox {
	margin:						auto;
	max-width:					840px;
}

#fbContainer{padding:0.5em;}
.fbWrapper{width:100%;max-width:500px;margin:auto;}
.fbWrapper > .fb-page{width:100%;}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe{width:100% !important;}

/********** Topics **********/

.topTopicsContainer {
	padding:					1em;
}
.topicLink {
	padding:					0.2em;
}
#topTopicsList .topicDate {
	margin-right:				0.8em;
}
.topicEye {
	padding:					0.4em;
}
#topicEye .topicImg {
	width:						30%;
}
#topicEye .topicTxt {
	width:						68%;
}
#topicEye .topicExce {
  display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
#topicEye .topicLink {
	padding:					0 1.2em 0.4em 0.4em;
	line-height:				1;
}
#topicEye .topicLink .fas {
	right:						0;
}
.nextPrev a {
	margin:						0 1em;
	font-size:					1.2em;
}
.page-numbers {
	margin:						0 0.2em;
	font-size:					1.2em;
}

.topMedia:before {
	content:					"";
	display:					block;
	padding-top:				75%;
}
.topMediaIn {
	top:						0;
	left:						0;
	bottom:						0;
	right:						0;
	overflow:					hidden;
}
.topicItem {
	padding:					0.4em;
}
.topicItem > * {
	padding:					0.4em;
}
.topicCat {
	line-height:				1;
	padding:					0.4em;
	margin:						0.4em 0;
	flex:						0 0 auto;
	background-color:			#D7EEFB;
	font-size:					0.9em;
	color:						#444;
}
.topicTitle {
	flex:						0 1 auto;
	margin:						0.4em 0 0 0.4em;
}
.topicTitle .fas {
	margin-right:				0.3em;
}
.attachment-thumbnail {
	top:						0;
	bottom:						0;
	left:						0;
	right:						0;
	height:						auto;
	width:						auto;
	max-width:					100%;
	max-height:					100%;
	margin:						auto;
}
.topicPhoto {
	width:						38%;
}
.topicInfo {
	width:						60%;
}
.topicTitle {
	padding:					0 0.2em 0.2em;
}
.topicCatDate, .topicExce {
	margin:						0.4em;
}
.pagination, .nextPrev {
	margin:						3em auto;
}
.page-numbers, .nextPrev a {
	padding:					1px;
	margin:						0 0.4em;
	position:					relative;
}
.page-numbers:after {
	content:					"";
	display:					block;
	border:						1px solid #fff;
	position:					absolute;
	top:						1px;
	left:						1px;
	width:						32px;
	height:						32px;
}
.nextPrev a {
	line-height:				32px;
}

#postNoContent .attachment-thumbnail {
	margin:						0 10% 2em;
	width:						80%;
}
.cat-item {
	margin:						1em 0;
}
.cat-item a {
	position:					relative;
	min-width:					120px;
	height:						72px;
	padding:					0 2em;
}
.cat-item a:after {
	position:					absolute;
	content:					"\f0da";
	bottom:						0;
	right:						8px;
	-webkit-transform:			rotate(45deg);
	transform:					rotate(45deg);
	font-size:					2em;
	line-height:				1;
	color:						#666;
}
.cat-item-6 a {
	background-color:			#d2dbee;
}
.cat-item-7 a {
	background-color:			#f9e697;
}
.cat-item-8 a {
	background-color:			#f2dae8;
}
.cat-item-9 a {
	background-color:			#fbe8dd;
}
.cat-item-10 a {
	background-color:			#a5d1f4;
}
.cat-item-11 a {
	background-color:			#d2dbee;
}
.cat-item-12 a {
	background-color:			#f9e697;
}

/********** Bottom **********/

.searchfield {
	margin-right:				0.5em;
	padding:					0.2em 0.4em;
}
.searchsubmit {
	cursor:						pointer;
}
.searchsubmit span {
	padding:					6px 12px;
}
#pageTop {
	display:					none;
	bottom:						48px;
	z-index:					8;
	right:						-48px;
	font-size:					1.6em;
	width:						40px;
	height:						40px;
	line-height:				38px;
	opacity:					0;
	-webkit-transition:			0.5s;
	transition:					0.5s;
}
#pageTop span {
	border:						1px solid #fff;
}
#footer {
	margin:						2em auto 0;
	padding:					2em 0;
}
#fLogo {
	font-size:					1.2em;
}
#fLogoL {
	margin:						0 0 1em;
}
#copyright {
	padding:					0.4em 0;
}

/********** Contact Form **********/

#contactForm {
	border-top:					1px solid #aaa;
	border-left:				1px solid #aaa;
}
#contactForm dt, #contactForm dd {
	border-right:				1px solid #aaa;
	border-bottom:				1px solid #aaa;
	padding:					4px;
}
#contactForm dt, #contactForm dd {
	width:						100%;
}
#contactForm input, #contactForm select, #contactForm textarea, #touroku_mail {
	max-width:					100%;
}
.mailconf {
	margin-top:					4px;
}
.wpcf7-submit {
	cursor:						pointer;
}
#contactForm input, #contactForm select, #contactForm textarea, .searchfield, #touroku_mail {
	font-size:					16px;
	padding:					4px;
}
.width .wpcf7-radio input{margin-right:0.4em}
.width .wpcf7-radio label{margin-right:0.8em}
.wpcf7 .wpcf7-not-valid{background:#F4E6E6;border:1px solid #C06B6B}
.wpcf7 .wpcf7-response-output{padding:4px 8px;margin:0 8px 0 0}
.wpcf7 .wpcf7-validation-errors{background:#F4E6E6;border:1px solid #C06B6B}
.wpcf7 .wpcf7-mail-sent-ok{color:#242415;background:#bfffdf;border:1px solid #4dff4d}
.wpcf7-not-valid-tip, .screen-reader-response{display:none}

/********** Contents Animation **********/

.inview {
	opacity:					0;
	-webkit-transition:			opacity 2s, -webkit-transform 1.5s;
	transition:					opacity 2s, transform 1.5s;
	-webkit-transform:			translate(0, 60px);
	transform:					translate(0, 60px);
}
.mvAfter {
	opacity:					1.0;
	-webkit-transform:			translate(0, 0);
	transform:					translate(0, 0);
}

/* /////////////////////// SPhone Horizontal /////////////////////// */

@media all and (min-width:620px) , print{

	.sL{font-size:1.2em}
	.sX{font-size:1.3em}
	.sXL{font-size:1.4em}
	.sXX{font-size:1.6em}
	.w1-2-2 > *, .w1-2-3 > * {
		width:						50%;
	}
	.fhLR.w1-2-2 > *, .fhLR.w1-2-3 > *{
		width:						49%;
	}
	#fLogoL, #fLogoR {
		width:						auto;
		margin:						0 auto;
	}
	.alignleft, .alignright {
		max-width:					40%;
	}
	.alignleft {
		float:						left;
		margin-right:				1em;
	}
	.alignright {
		float:						right;
		margin-left:				1em;
	}
	.imgBoxImg, .imgBoxTxt{width:auto}
	.imgBox > .imgBoxImg {
		width:						40%;
	}
	.imgBoxImg, .imgBoxR > .imgBoxImg {
		margin:						0 0 0 1em;
	}
	.imgBoxL > .imgBoxImg {
		margin:						0 1em 0 0;
	}
	.imgBoxTxt {
		flex:						1;
	}
	.imgBoxL > .imgBoxTxt {
		order:						2;
	}
	.imgBox img {
		max-width:					100%;
		display:					inline;
	}
	.oFormR {
		padding-right:					1em;
	}

/********** Topics **********/

	#topicEye .topicImg, #topicEye .topicTxt {
		width:						100%;
	}
	#topicEye .topicImg img {
		width:						80%;
		margin:						auto;
	}

	#contactForm dt {
		width:						30%;
	}
	#contactForm dd {
		width:						70%;
	}
}

/* /////////////////////// PC Size /////////////////////// */

@media all and (min-width:940px) , print {

	body {
		font-size:					1em;
	}

	#contactForm input, #contactForm select, #contactForm textarea, .searchfield, #touroku_mail{font-size:1em}
	.sL{font-size:1.25em}
	.sX{font-size:1.4em}
	.sXL{font-size:1.6em}
	.sXX{font-size:1.8em}
	.w1-2-3 > * {
		width:						33.3%;
	}
	.alignleft {
		margin-right:				2em;
	}
	.alignright {
		margin-left:				2em;
	}
	.spNone {
		display:					inline;
	}
	.pcNone {
		display:					none;
	}

	.pcBlock, .topBtn .spNone {
		display:					block;
	}
	a:hover, #breadcrumb a:hover {
		color:						#0000bb;
	}
	.fhLR.w1-2-3 > * {
		width:						32.6%;
	}
	.w2-2-4 > * {
		width:						25%;
	}
	.fhLR.w2-2-4 > * {
		width:						24.2%;
	}
	.over0, .over1 {
		-webkit-transition:			opacity 0.3s;
		transition:					opacity 0.3s;
	}
	.over0, .over1:hover {
		filter:						alpha(opacity=100);
		-moz-opacity:				1;
		opacity:					1;
	}
	.over1, .over0:hover, .cat-item a:hover {
		filter:						alpha(opacity=70);
		-moz-opacity:				0.7;
		opacity:					0.7;
	}
	a,
	.navMenu .menu-item a,
	.searchsubmit, .wpcf7-submit {
		-webkit-transition:			opacity 0.3s, background 0.3s, color 0.3s;
   		transition:					opacity 0.3s, background 0.3s, color 0.3s;
	}
	.navMenu .menu-item a:hover {
		color:						#111;
	}
	a.bg2:hover,
	.navMenu > .menu-item > a:hover,
	.mLink a:hover,
	.nextPrev a:hover,
	a:hover.page-numbers, .searchsubmit:hover, .wpcf7-submit:hover, .navMenu > .menu-item > a:hover
	{
		background:					-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.3)), to(rgba(255,255,255,0)));
		background:					linear-gradient(rgba(255,255,255,0.3),rgba(255,255,255,0));
		background-color:			#0080c9;
		color:						#fff;
	}
	.mLink a span {
		padding:					2px 12px;
	}

/********** Header **********/

	#header, .scroll #header {
		position:					absolute;
		top:						calc(100vh - 80px);
		height:						80px;
		z-index:					20;
		-webkit-transition:			none;
		transition:					none;
		background:					rgba(255, 255, 255, 0.9);
		-webkit-box-shadow:			1px 1px 3px rgba(0, 0, 0, 0.3);
		box-shadow:					1px 1px 3px rgba(0, 0, 0, 0.3);
	}
	.sc600#header, .others #header, .scroll .others #header {
		position:					fixed;
		top:						0;
	}
	.others #header {
		background:					rgba(255, 255, 255, 0.9);
		-webkit-box-shadow:			1px 1px 3px rgba(0, 0, 0, 0.3);
		box-shadow:					1px 1px 3px rgba(0, 0, 0, 0.3);
	}
	.others #headerMain {
		background:					none;
		-webkit-box-shadow:			none;
		box-shadow:					none;
	}
	#logo a, .scroll #logo a {
		width:						200px;
	}
	.others #mainContainer {
		top:						80px;
	}

/********** Navigation **********/

	.navToggle {
		display:					none;
	}
	#MenuH, .scroll #MenuH, #MenuH.isVisible {
		height:						40px;
		position:					relative;
		top:						0;
		z-index:					10;
		visibility:					visible;
		overflow-y:					visible;
		-webkit-transform:			translateX(0);
		transform:					translateX(0);
		background:					none;
		border:						none;
	}
	.navMenu > .menu-item > a, #MenuH, .scroll #MenuH, #MenuH.isVisible {
		background:					none;
	}
	.navMenu > .menu-item {
		width:						auto;
	}
	.navMenu > .menu-item > a, .navMenu > .menu-item > a:hover {
		padding:					0.3em 5px;
		text-align:					center;
		color:						#0000bb;
		background:					none;
		font-weight:				700;
	}
	.navMenu > .menu-item > a {
		border:						none;
		height:						auto;
		line-height:				1;
	}
	.menuEng {
		display:					block;
		font-size:					0.75em;
		margin-top:					0.4em;
		font-weight:				400;
		color:						#777;
	}
	.menuEng:before {
		content:					"";
	}
	.navMenu .menu-item a:before {
		content:					"";
		padding-right:				0;
	}
	.navMenu > .menu-item:first-child > a {
		border-left:				none;
	}
	.navMenu .menu-item-has-children a, .navMenu .menu-item-has-children:hover a {
		padding-right:				16px;
	}
	.navMenu .menu-item-has-children:after, .navMenu .menu-item-has-children.isActive:after {
		font-size:					0.8em;
		line-height:				1.5;
		content:					"\f0d7";
		right:						8px;
		width:						auto;
		background:					none;
		border:						none;
		color:						#0000ff;
		-webkit-text-shadow:		1px 1px 1px rgba(0, 0, 0, 0.5);
		text-shadow:				1px 1px 1px rgba(0, 0, 0, 0.5);
	}
	.navMenu > .menu-item > a:before, .navMenu > .menu-item > a:after {
		padding:					0;
		position:					absolute;
		top:						2.4em;
		content:					"";
		display:					inline-block;
		width:						0;
		height:						2px; 
		background:					#0000bb;
		-webkit-transition:			0.5s;
		transition:					0.5s;
	}
	.navMenu > .menu-item > a:before {
		left:						50%;
	}
	.navMenu > .menu-item > a:after {
		right:						50%;
	}
	.navMenu > .menu-item > a:hover:before, .navMenu > .menu-item > a:hover:after {
		width: 50%;
	}
	.navMenu .menu-item .sub-menu, .navMenu .menu-item-has-children:hover .sub-menu {
		position:					absolute;
		width:						200px;
		left:						50%;
		margin-left:				-100%;
	}
	.navMenu .menu-item-has-children .sub-menu {
		border-top:					rgba(255, 255, 255, 0);
		-webkit-transition-delay:	0.5s;
		transition-delay:			0.5s;
		-webkit-transition:			border .3s;
		transition:					border .3s;
	}
	.navMenu .menu-item-has-children:hover .sub-menu {
		border-top:					1px solid #acac9d;
	}
	.sub-menu .menu-item a, .navMenu > .menu-item > .sub-menu.isVisible > .menu-item > a {
		visibility:					hidden;
		height:						0;
		line-height:				0;
		margin-top:					-1px;
		opacity:					0;
		padding:					0 8px;
		-webkit-transition:			margin-top .1s, height .25s ease-out, line-height .25s ease-out, opacity .25s ease-out, visibility .25s ease-out, color .25s, background .25s;
		transition:					margin-top .1s, height .25s ease-out, line-height .25s ease-out, opacity .25s ease-out, visibility .25s ease-out, color .25s, background .25s;
	}
	.sub-menu .menu-item a, .navMenu > .menu-item-has-children:hover > .sub-menu > .menu-item > a {
		border-left:				1px solid #acac9d;
		border-right:				1px solid #acac9d;
	}
	.sub-menu .menu-item a {
		background:					rgba(255, 255, 255, 0.9);
		border-bottom:				1px solid #cecebf;
	}
	.sub-menu .menu-item a:hover {
		background:					rgba(215, 238, 251, 0.9);
	}
	.navMenu > .menu-item-has-children:hover > .sub-menu > .menu-item > a {
		opacity:					1;
		visibility:					visible;
		margin-top:					0;
		height:						32px;
		line-height:				32px;
	}
	.sub-menu .menu-item-has-children .sub-menu .menu-item a {
		padding:					0 8px;
	}
	.sub-menu .menu-item-has-children:hover .sub-menu .menu-item a {
		opacity:					1;
		visibility:					visible;
		margin-top:					0;
		height:						32px;
		line-height:				32px;
		padding:					0 8px;
		border-bottom:				1px solid #acac9d;
	}
	.sub-menu .menu-item-has-children.isActive:last-child a {
		border-bottom:				1px solid #acac9d;
	}
	.navMenu > .menu-item-has-children:hover .menu-item-has-children:after {
		height:						32px;
		line-height:				32px;
		opacity:					1;
		visibility:					visible;
		content:					"\f0da";
		color:						#007484;
		-webkit-text-shadow:		none;
		text-shadow:				none;
	}

/********** Slideshow **********/

	#slideshow {
		height:						100vh;
	}
	.flex-direction-nav {
		display:			inline;
		height:				0;
	}
	.flex-direction-nav a {
		opacity:					0;
		font-size:					0;
		width:						40px;
		height:						40px;
		line-height:				40px;
		margin:						-20px 0 0;
		position:					absolute;
		top:						50%;
		z-index:					5;
		overflow:					hidden;
		cursor:						pointer;
		color:						#686859;
		text-decoration:			none;
		-webkit-transition:			all 0.3s ease-in-out;
		transition:					all 0.3s ease-in-out;
	}
	.flex-direction-nav a:before {
		font-size:					48px;
		color:						#fff;
		-webkit-text-shadow:		1px 1px 1px rgba(0, 0, 0, 0.5);
		text-shadow:				1px 1px 1px rgba(0, 0, 0, 0.5);
	}
	.flex-prev {
		left:						-30px;
	}
	.flex-prev:before {
		content:					"\f0d9";
	}
	.flex-next {
		right:						-30px;
	}
	.flex-next:before {
		content:					"\f0da";
	}
	.flexslider:hover .flex-prev {
		opacity:					0.6;
		left:						5px;
	}
	.flexslider:hover .flex-next {
		opacity:					0.6;
		right:						5px;
	}
	.flexslider:hover .flex-prev:hover, .flexslider:hover .flex-next:hover {
		opacity:					1;
	}
	.flex-disabled {
		opacity:					0;
		filter:						alpha(opacity=0);
		cursor:						default;
		z-index:					-1;
	}
	.flex-control-paging li a:hover{
		background-color:			#0080c9;
	}
	.sImage1 {
		background-image:	url("/img/slide-1_pc.jpg");
	}
	.sImage2 {
		background-image:	url("/img/slide-2_pc.jpg");
	}
	.sImage3 {
		background-image:	url("/img/slide-3_pc.jpg");
	}
	.sImage4 {
		background-image:	url("/img/slide-4_pc.jpg");
	}
	#slideCopy h1 {
		font-size:					2em;
		margin-bottom:				0.2em;
	}
	#slideCopy h2 {
		font-size:					1.2em;
	}

/********** BreadCrumb **********/

	#breadcrumb {
		background:					none;
		color:						#242415;
		padding:					0 8px;
		margin:						0;
	}
	#breadcrumb li {
		min-width:					0;
		flex:						0 0 auto;
	}
	#breadcrumb li:last-child {
		flex:						0 1 auto;
	}
	#breadcrumb span {
		padding:					0.3em 0.2em;
	}
	#breadcrumb a {
		color:						#006dd9;	/* 「a」と同様 */
		text-decoration:			underline;
	}
	#breadcrumb a span {
		border:						none;
	}
	#breadcrumb a span:after {
		content:					" >";
	}

/********** Page Title **********/

	#pageTitle {
		height:						400px;
	}

/********** Fixed Page Contents **********/

	#home #content {
		padding-top:				20px;
	}
	.content {
		margin:						3em 0;
	}
	#fbContainer{padding:1em;}
	.titleH2 {
		background-size:			24px;
		padding:					0 0.4em 0.3em 40px;
	}


/********** Topics **********/

	#topicEye .topicImg {
		width:						30%;
	}
	#topicEye .topicTxt {
		width:						68%;
	}
	.searchfield {
		padding:					0.4em;
	}
}

/* /////////////////////// Large Size /////////////////////// */

@media all and (min-width:1300px) , print{	/* <=maxWidth + 20px */

	.maxWidth{padding:0}

/********** Navigation **********/

	.navMenu > .menu-item:first-child > a {
		border-left:				1px solid #fff;
	}
	.navMenu > .menu-item:last-child > a {
		border-right:				1px solid #fff;
	}

}

@media print {

	#pageTop, .scroll #pageTop {
		display:					none;
		opacity:					0;
	}
	#wrapper {
		padding:					0 4px;
	}
	#header {
		position:					relative;
		font-size:					0.9em;
	}
	.scroll #header, .others #header {
		-webkit-box-shadow:			none;
		box-shadow:					none;
	}
	.topBtn, .scroll .topBtn, .navToggle {
		line-height:				1;
	}
	#breadcrumb {
		margin-top:					20px;
	}
	.inview, .mvAfter {
		opacity:					1.0;
		-webkit-transform:			translate(0, 0);
		transform:					translate(0, 0);
	}

}

/* /////////////////////// Common /////////////////////// */

.firstM {
	margin-top:					0 !important;
}
.lastM {
	margin-bottom:				0 !important;
}
#noPost {
	width:						100%;
}

/********** Post Contents **********/

#postContent {
	line-height:				1.8;
	font-family:				"メイリオ", "Meiryo", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "verdana", sans-serif;
	margin:						3em 0;
}
#postContent:after{content:"";clear:both;height:0;display:block;visibility:hidden}

#postContent h1, #postContent h2, #postContent h3, #postContent h4, #postContent h5, #postContent h6 {
	font-weight:				700;
	color:						#000;
}
#postContent h1 {
	font-size:					1.6em;
	margin:						2em auto;
}
#postContent h2 {
	font-size:					1.4em;
	margin:						1.6em auto;
}
#postContent h3 {
	font-size:					1.2em;
	margin:						1.4em auto;
}
#postContent h4 {
	font-size:					1.1em;
	margin:						1.2em auto;
}
#postContent p {
	margin:						1em auto;
}
#postContent a {
	color:						#0000ff;
}
#postContent a:hover {
	color:						#0000bb;
}
.content ul {
	margin:						1em 1em 1em 1.5em;
}
.content ol {
	margin:						1em 1em 1em 2em;
}
#postContent table th, #postContent table td {
    border:						solid 1px #aaa;
	padding:					0.2em;
}