@charset "utf-8";
/*
===== Content =====
1.Base Setting
	1-1.Reset
	1-2.Font / Text
	1-3.Margin
	1-4.Padding
	1-5.Position
  1-6.Float
	1-7.None

2.General Setting

3.Outline
	3-1.Header
	3-2.Contents
	3-3.Main
	3-4.Footer

4.Parts

5.Page Setting
	5-1.Top Page
	5-2.Headline Page
	5-3.List Page
*/

/*----------------------------------------------------------
	1.Base Setting
		1-1.Reset
		1-2.Font / Text
		1-3.Margin
		1-4.Padding
		1-5.Position
		1-6.Float
		1-7.None
----------------------------------------------------------*/

/****************************************
	1-1.Reset
****************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, a {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	font-size: 62.5%;
}
body {
	font-size: 1.6rem;
	line-height: 1.5em;
	position: relative;
}
@media screen and (max-width:767px) {
	body {
		font-size: 1.4rem;
	}
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
	display: block;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
ins {
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
hr {
	border: none;
	border-top: 1px solid #ccc;
	display: block;
	height: 1px;
	padding: 0;
}
* + hr {
	margin-top: 24px;
}
.hrDash {
	border-top: none;
	background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%223px%22%20height%3D%221px%22%20viewBox%3D%220%200%203%201%22%20style%3D%22enable-background%3Anew%200%200%203%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23CCCCCC%3B%7D%3C%2Fstyle%3E%3Crect%20class%3D%22st0%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3C%2Fsvg%3E') repeat-x;
}

input, select {
	vertical-align: middle;
}
button, textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  border-radius: 0;
	font-family: "HiraKakuPro",-apple-system, "Lucida Grande", "Helvetica Neue", "メイリオ", meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 1.6rem;
  margin: 0; 
  padding: 0;
}
@media screen and (max-width:767px){
	textarea, select, input {
		font-size: 1.6rem;
	}
}

input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

pre {
  white-space: pre-wrap;
}
i {
	font-style: normal;
}

h1, h2, h3, h4, h5, h6, dt, dd, li, caption, th, td, col, p, address {
	line-height: 1.5em;
}


/****************************************
	1-2.Font Text
****************************************/
/***** Font Style *****/
.txt-sanserif {
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
}
.txt-transform {
	transform: rotate(0.03deg);
}
.txt-sizeL {
	color: #4d4d4d;
	font-size: 7.2rem;
}
.txt-sizeM {
	color: #333333;
	font-size: 1.9rem;
}
.txt-sizeS {
	color: #666666;
	font-size: 1.4rem;
}
	
/***** Font Size *****/
.txt-size10 { font-size: 1.0rem !important; }	.txt-size11 { font-size: 1.1rem !important; }	.txt-size12 { font-size: 1.2rem !important; }	.txt-size13 { font-size: 1.3rem !important; } .txt-size14 { font-size: 1.4rem !important; }
.txt-size15 { font-size: 1.5rem !important; }	.txt-size16 { font-size: 1.6rem !important; }	.txt-size17 { font-size: 1.7rem !important; } .txt-size18 { font-size: 1.8rem !important; }	.txt-size19 { font-size: 1.9rem !important; }
.txt-size20 { font-size: 2.0rem !important; }	.txt-size21 { font-size: 2.1rem !important; } .txt-size22 { font-size: 2.2rem !important; }	.txt-size23 { font-size: 2.3rem !important; }	.txt-size24 { font-size: 2.4rem !important; }
.txt-size25 { font-size: 2.5rem !important; } .txt-size26 { font-size: 2.6rem !important; }	.txt-size27 { font-size: 2.7rem !important; }	.txt-size28 { font-size: 2.8rem !important; }	.txt-size29 { font-size: 2.9rem !important; }
.txt-size30 { font-size: 3.0rem !important; }	.txt-size31 { font-size: 3.1rem !important; }	.txt-size32 { font-size: 3.2rem !important; }	.txt-size33 { font-size: 3.3rem !important; } .txt-size34 { font-size: 3.4rem !important; }
.txt-size35 { font-size: 3.5rem !important; }	.txt-size36 { font-size: 3.6rem !important; }	.txt-size37 { font-size: 3.7rem !important; } .txt-size38 { font-size: 3.8rem !important; }	.txt-size39 { font-size: 3.9rem !important; }
.txt-size40 { font-size: 4.0rem !important; }	.txt-size41 { font-size: 4.1rem !important; } .txt-size42 { font-size: 4.2rem !important; }	.txt-size43 { font-size: 4.3rem !important; }	.txt-size44 { font-size: 4.4rem !important; }
.txt-size45 { font-size: 4.5rem !important; } .txt-size46 { font-size: 4.6rem !important; }	.txt-size47 { font-size: 4.7rem !important; }	.txt-size48 { font-size: 4.8rem !important; }	.txt-size49 { font-size: 4.9rem !important; }
.txt-size50 { font-size: 5.0rem !important; }

/***** text-align *****/
.txt-left { text-align: left !important; }
.txt-right { text-align: right !important; }
.txt-center { text-align: center !important; }

/***** Vertical-align *****/
.va-top { vertical-align: top; }
.va-mid { vertical-align: middle; }
.va-bot { vertical-align: bottom; }
.va-bas { vertical-align: baseline;}

/***** Color *****/
.txt-red { color: #CC1421 !important; }

/***** Weight *****/
.txt-bold { font-weight: bold !important; }
.txt-normal { font-weight: normal !important; }

/***** hide text *****/
.txt-hide {
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

/***** Icon Font *****/
@font-face {
  font-family: 'JNet21Icon';
  src:
    url('/common/fonts/JNet21Icon.ttf?hp6m0f') format('truetype'),
    url('/common/fonts/JNet21Icon.woff?hp6m0f') format('woff'),
    url('/common/fonts/JNet21Icon.svg?hp6m0f#JNet21Icon') format('svg');
  font-weight: normal;
  font-style: normal;
}

.icons {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'JNet21Icon' !important;
	font-size: .8em;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: inherit;
	text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a .icons {
	display: inline-block;
	margin: 0 .5em;
}

.icon-arrowDown::before				{ content: "\e900"; }
.icon-arrowLeft::before				{ content: "\e901"; }
.icon-arrowRight::before			{ content: "\e902"; }
.icon-arrowUp::before					{ content: "\e903"; }
.icon-openArrowDown::before		{ content: "\e90d"; }
.icon-openArrowLeft::before		{ content: "\e90e"; }
.icon-openArrowRight::before	{ content: "\e90f"; }
.icon-openArrowUp::before			{ content: "\e910"; }
.icon-external::before				{ content: "\e908"; }
.icon-filesPdf::before				{ content: "\e911"; }
.icon-filesDoc::before,
.icon-filesDocx::before				{ content: "\e906"; }
.icon-filesPpt::before,
.icon-filesPptx::before				{ content: "\e912"; }
.icon-filesXls::before,
.icon-filesXlsx::before				{ content: "\e914"; }
.icon-filesZip::before				{ content: "\e915"; }
.icon-class::before						{ content: "\e905"; }
.icon-docsearch::before				{ content: "\e907"; }
.icon-hands::before						{ content: "\e90b"; }
.icon-calendar::before				{ content: "\e904"; }
.icon-info::before						{ content: "\e90c"; }
.icon-faqA::before						{ content: "\e909"; }
.icon-faqQ::before						{ content: "\e90a"; }
.icon-search::before					{ content: "\e913"; }
.icon-return:before						{ content: "\e916"; }
.icon-rss:before							{	content: "\e917";	}
.icon-play:before							{ content: "\e918"; }
.icon-pause:before						{ content: "\e919"; }

.icon-filesPdf,
.icon-filesDoc,
.icon-filesDocx,
.icon-filesPpt,
.icon-filesPptx,
.icon-filesXls,
.icon-filesXlsx,
.icon-filesZip {
	font-size: 1em;
	margin: 0 .4em;
}

.icon-filesPdf {
	color: #d81d00;
}
.icon-filesDoc,
.icon-filesDocx {
	color: #2a3280;
}
.icon-filesPpt,
.icon-filesPptx {
	color: #db3c01;
}
.icon-filesXls,
.icon-filesXlsx {
	color: #007233;
}
.icon-filesZip {
	color: #4d4d4d;
}


/****************************************
	1-3.Margin
****************************************/
/***** Margin All *****/
.m0  { margin:  0px !important; }	.m4  { margin:  4px !important; }	.m6  { margin:  6px !important; }	.m8  { margin:  8px !important; } .m10 { margin: 10px !important; } .m12 { margin: 12px !important; }	
.m16 { margin: 16px !important; }	.m20 { margin: 20px !important; } .m24 { margin: 24px !important; }	.m28 { margin: 28px !important; }	.m32 { margin: 32px !important; }	.m36 { margin: 36px !important; }
.m40 { margin: 40px !important; }	.m44 { margin: 44px !important; }	.m48 { margin: 48px !important; }	.m52 { margin: 52px !important; } .m56 { margin: 56px !important; }	.m60 { margin: 60px !important; }
.m64 { margin: 64px !important; }	.m68 { margin: 68px !important; } .m72 { margin: 72px !important; }	.m76 { margin: 76px !important; }	.m80 { margin: 80px !important; }	.m84 { margin: 84px !important; }
.m88 { margin: 88px !important; }	.m92 { margin: 92px !important; }	.m96 { margin: 96px !important; }	.m100 { margin: 100px !important; }

/***** Margin Top *****/
.mT0  { margin-top:  0px !important; } .mT4  { margin-top:  4px !important; } .mT6  { margin-top:  6px !important; } .mT8  { margin-top:  8px !important; } .mT10 { margin-top: 10px !important; }
.mT12 { margin-top: 12px !important; } .mT16 { margin-top: 16px !important; }	.mT20 { margin-top: 20px !important; } .mT24 { margin-top: 24px !important; }	.mT28 { margin-top: 28px !important; }
.mT32 { margin-top: 32px !important; } .mT36 { margin-top: 36px !important; } .mT40 { margin-top: 40px !important; } .mT44 { margin-top: 44px !important; }	.mT48 { margin-top: 48px !important; }
.mT52 { margin-top: 52px !important; } .mT56 { margin-top: 56px !important; }	.mT60 { margin-top: 60px !important; } .mT64 { margin-top: 64px !important; }	.mT68 { margin-top: 68px !important; }
.mT72 { margin-top: 72px !important; } .mT76 { margin-top: 76px !important; }	.mT80 { margin-top: 80px !important; } .mT84 { margin-top: 84px !important; } .mT88 { margin-top: 88px !important; }
.mT92 { margin-top: 92px !important; } .mT96 { margin-top: 96px !important; }	.mT100 { margin-top: 100px !important; }

/***** Margin Bottom *****/
.mB0  { margin-bottom:  0px !important; } .mB4  { margin-bottom:  4px !important; }	.mB6  { margin-bottom:  6px !important; }	.mB8  { margin-bottom:  8px !important; } .mB10 { margin-bottom: 10px !important; }
.mB12 { margin-bottom: 12px !important; }	.mB16 { margin-bottom: 16px !important; } .mB20 { margin-bottom: 20px !important; } .mB24 { margin-bottom: 24px !important; }	.mB28 { margin-bottom: 28px !important; }
.mB32 { margin-bottom: 32px !important; }	.mB36 { margin-bottom: 36px !important; } .mB40 { margin-bottom: 40px !important; }	.mB44 { margin-bottom: 44px !important; }	.mB48 { margin-bottom: 48px !important; }
.mB52 { margin-bottom: 52px !important; } .mB56 { margin-bottom: 56px !important; }	.mB60 { margin-bottom: 60px !important; }	.mB64 { margin-bottom: 64px !important; }	.mB68 { margin-bottom: 68px !important; }
.mB72 { margin-bottom: 72px !important; }	.mB76 { margin-bottom: 76px !important; }	.mB80 { margin-bottom: 80px !important; }	.mB84 { margin-bottom: 84px !important; } .mB88 { margin-bottom: 88px !important; }
.mB92 { margin-bottom: 92px !important; }	.mB96 { margin-bottom: 96px !important; }	.mB100 { margin-bottom: 100px !important; }

/***** Margin Left *****/
.mL0  { margin-left:  0px !important; }	.mL4  { margin-left:  4px !important; }	.mL6  { margin-left:  6px !important; }	.mL8  { margin-left:  8px !important; } .mL10 { margin-left: 10px !important; }
.mL12 { margin-left: 12px !important; }	.mL16 { margin-left: 16px !important; }	.mL20 { margin-left: 20px !important; } .mL24 { margin-left: 24px !important; }	.mL28 { margin-left: 28px !important; }
.mL32 { margin-left: 32px !important; }	.mL36 { margin-left: 36px !important; } .mL40 { margin-left: 40px !important; }	.mL44 { margin-left: 44px !important; }	.mL48 { margin-left: 48px !important; }
.mL52 { margin-left: 52px !important; } .mL56 { margin-left: 56px !important; }	.mL60 { margin-left: 60px !important; }	.mL64 { margin-left: 64px !important; }	.mL68 { margin-left: 68px !important; }
.mL72 { margin-left: 72px !important; }	.mL76 { margin-left: 76px !important; }	.mL80 { margin-left: 80px !important; }	.mL84 { margin-left: 84px !important; } .mL88 { margin-left: 88px !important; }
.mL92 { margin-left: 92px !important; }	.mL96 { margin-left: 96px !important; }	.mL100 { margin-left: 100px !important; }

/***** Margin Right *****/
.mR0  { margin-right:  0px !important; } .mR4  { margin-right:  4px !important; }	.mR6  { margin-right:  6px !important; } .mR8  { margin-right:  8px !important; } .mR10 { margin-right: 10px !important; }
.mR12 { margin-right: 12px !important; } .mR16 { margin-right: 16px !important; } .mR20 { margin-right: 20px !important; } .mR24 { margin-right: 24px !important; } .mR28 { margin-right: 28px !important; }
.mR32 { margin-right: 32px !important; } .mR36 { margin-right: 36px !important; } .mR40 { margin-right: 40px !important; } .mR44 { margin-right: 44px !important; }	.mR48 { margin-right: 48px !important; }
.mR52 { margin-right: 52px !important; } .mR56 { margin-right: 56px !important; } .mR60 { margin-right: 60px !important; } .mR64 { margin-right: 64px !important; } .mR68 { margin-right: 68px !important; }
.mR72 { margin-right: 72px !important; } .mR76 { margin-right: 76px !important; }	.mR80 { margin-right: 80px !important; } .mR84 { margin-right: 84px !important; } .mR88 { margin-right: 88px !important; }
.mR92 { margin-right: 92px !important; } .mR96 { margin-right: 96px !important; } .mR100 { margin-right: 100px !important; }

.mBem1 { margin-bottom: 1em !important; }	.mBem1-5 { margin-bottom: 1.5em !important; }	.mBem2 { margin-bottom: 2em !important; }	.mBem2-5 { margin-bottom: 2.5em !important; }


/****************************************
	1-4.Padding
****************************************/
/***** Padding All *****/
.p0  { padding:    0 !important; } .p4  { padding:  4px !important; }	.p6  { padding:  6px !important; } .p8  { padding:  8px !important; } .p10 { padding: 10px !important; } .p12 { padding: 12px !important; }
.p16 { padding: 16px !important; } .p20 { padding: 20px !important; } .p24 { padding: 24px !important; } .p28 { padding: 28px !important; }	.p32 { padding: 32px !important; } .p36 { padding: 36px !important; }
.p40 { padding: 40px !important; } .p44 { padding: 44px !important; }	.p48 { padding: 48px !important; } .p52 { padding: 52px !important; } .p56 { padding: 56px !important; } .p60 { padding: 60px !important; }
.p64 { padding: 64px !important; } .p68 { padding: 68px !important; } .p72 { padding: 72px !important; } .p76 { padding: 76px !important; }	.p80 { padding: 80px !important; } .p84 { padding: 84px !important; }
.p88 { padding: 88px !important; } .p92 { padding: 92px !important; }	.p96 { padding: 96px !important; } .p100 { padding: 100px !important; }

/***** Padding Top *****/
.pT0  { padding-top:  0px !important; } .pT4  { padding-top:  4px !important; } .pT6  { padding-top:  6px !important; } .pT8  { padding-top:  8px !important; } .pT10 { padding-top: 10px !important; }
.pT12 { padding-top: 12px !important; } .pT16 { padding-top: 16px !important; } .pT20 { padding-top: 20px !important; } .pT24 { padding-top: 24px !important; } .pT28 { padding-top: 28px !important; }
.pT32 { padding-top: 32px !important; } .pT36 { padding-top: 36px !important; } .pT40 { padding-top: 40px !important; } .pT44 { padding-top: 44px !important; } .pT48 { padding-top: 48px !important; }
.pT52 { padding-top: 52px !important; } .pT56 { padding-top: 56px !important; } .pT60 { padding-top: 60px !important; } .pT64 { padding-top: 64px !important; } .pT68 { padding-top: 68px !important; }
.pT72 { padding-top: 72px !important; } .pT76 { padding-top: 76px !important; } .pT80 { padding-top: 80px !important; } .pT84 { padding-top: 84px !important; } .pT88 { padding-top: 88px !important; }
.pT92 { padding-top: 92px !important; } .pT96 { padding-top: 96px !important; } .pT100{ padding-top:100px !important; }

/***** Padding Bottom *****/
.pB0  { padding-bottom:  0px !important; } .pB4  { padding-bottom:  4px !important; }	.pB6  { padding-bottom:  6px !important; } .pB8  { padding-bottom:  8px !important; } .pB10 { padding-bottom: 10px !important; }
.pB12 { padding-bottom: 12px !important; } .pB16 { padding-bottom: 16px !important; } .pB20 { padding-bottom: 20px !important; } .pB24 { padding-bottom: 24px !important; } .pB28 { padding-bottom: 28px !important; }
.pB32 { padding-bottom: 32px !important; } .pB36 { padding-bottom: 36px !important; } .pB40 { padding-bottom: 40px !important; } .pB44 { padding-bottom: 44px !important; }	.pB48 { padding-bottom: 48px !important; }
.pB52 { padding-bottom: 52px !important; } .pB56 { padding-bottom: 56px !important; } .pB60 { padding-bottom: 60px !important; } .pB64 { padding-bottom: 64px !important; } .pB68 { padding-bottom: 68px !important; }
.pB72 { padding-bottom: 72px !important; } .pB76 { padding-bottom: 76px !important; }	.pB80 { padding-bottom: 80px !important; } .pB84 { padding-bottom: 84px !important; } .pB88 { padding-bottom: 88px !important; }
.pB92 { padding-bottom: 92px !important; } .pB96 { padding-bottom: 96px !important; } .pB100 { padding-bottom: 100px !important; }

/***** Padding Left *****/
.pL0  { padding-left:  0px !important; } .pL4  { padding-left:  4px !important; } .pL6  { padding-left:  6px !important; } .pL8  { padding-left:  8px !important; } .pL10 { padding-left: 10px !important; }
.pL12 { padding-left: 12px !important; } .pL16 { padding-left: 16px !important; } .pL20 { padding-left: 20px !important; } .pL24 { padding-left: 24px !important; } .pL28 { padding-left: 28px !important; }
.pL32 { padding-left: 32px !important; } .pL36 { padding-left: 36px !important; } .pL40 { padding-left: 40px !important; } .pL44 { padding-left: 44px !important; } .pL48 { padding-left: 48px !important; }
.pL52 { padding-left: 52px !important; } .pL56 { padding-left: 56px !important; } .pL60 { padding-left: 60px !important; } .pL64 { padding-left: 64px !important; } .pL68 { padding-left: 68px !important; }
.pL72 { padding-left: 72px !important; } .pL76 { padding-left: 76px !important; } .pL80 { padding-left: 80px !important; } .pL84 { padding-left: 84px !important; } .pL88 { padding-left: 88px !important; }
.pL92 { padding-left: 92px !important; } .pL96 { padding-left: 96px !important; } .pL100 { padding-left: 100px !important; }

/***** Padding Right *****/
.pR0  { padding-right:  0px !important; } .pR4  { padding-right:  4px !important; }	.pR6  { padding-right:  6px !important; } .pR8  { padding-right:  8px !important; } .pR10 { padding-right: 10px !important; }
.pR12 { padding-right: 12px !important; }	.pR16 { padding-right: 16px !important; } .pR20 { padding-right: 20px !important; } .pR24 { padding-right: 24px !important; } .pR28 { padding-right: 28px !important; }
.pR32 { padding-right: 32px !important; } .pR36 { padding-right: 36px !important; } .pR40 { padding-right: 40px !important; } .pR44 { padding-right: 44px !important; }	.pR48 { padding-right: 48px !important; }
.pR52 { padding-right: 52px !important; } .pR56 { padding-right: 56px !important; } .pR60 { padding-right: 60px !important; }	.pR64 { padding-right: 64px !important; } .pR68 { padding-right: 68px !important; }
.pR72 { padding-right: 72px !important; } .pR76 { padding-right: 76px !important; }	.pR80 { padding-right: 80px !important; } .pR84 { padding-right: 84px !important; } .pR88 { padding-right: 88px !important; }
.pR92 { padding-right: 92px !important; }	.pR96 { padding-right: 96px !important; } .pR100 { padding-right: 100px !important; }


/****************************************
  1-5.Position
****************************************/
.relative { position: relative !important; }
.absolute { position: absolute !important; }

/****************************************
  1-6.float
****************************************/
.fl, .res-fl { float: left !important; }
.fr, .res-fr { float: right !important; }

@media screen and (max-width:767px) {
	.res-fl { float: none !important; }
	.res-fr { float: none !important; }
}

/***** Clearfix *****/
.clearfix::after { content: ""; display: table; clear: both; }

/****************************************
  1-7.None
****************************************/
.pc-none,
.pc-none-inline,
.cont-none {
  display: none;
}

@media screen and (max-width: 767px) {
  .sp-none {
    display: none;
  }
  .pc-none {
    display: block;
  }
  .sp-none-inline {
    display: inline;
  }
}

/*----------------------------------------------------------
	2.General Setting
----------------------------------------------------------*/
body {
	color: #333333;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "メイリオ", meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
	-webkit-text-size-adjust: 100%;
	position: relative;
}

a {
	color: #1b2285;
	text-decoration: underline;
}
a:hover {
	color: #4e5280;
	text-decoration: none;
}
a:active {
	color: #0CF;
}
a[href^="tel:"], a[href^="tel:"]:focus {
	color: #333;
	cursor: default;
	pointer-events: none;
	text-decoration: none;
}
a[href^="tel:"].sp-link {
	color: #06F;
	pointer-events: auto;
	text-decoration: underline;
}
a:focus {
	color: #666;
	text-decoration: none;
}

img {
	border-style: none;
	height: auto;
	-ms-interpolation-mode: bicubic;
	vertical-align: top;
	max-width: 100%; 
}
object, embed, iframe {
	vertical-align: top;
	max-width: 100%;
}

sup, sub {
	font-size: 1.2rem;
}
sup {
	vertical-align: super;
}
sub {
	vertical-align: sub;
}

* + p {
	margin-top: calc(1em * 1.5 - 1em * .25);
}

dt {
	font-weight: bold;
}

table {
	border: 1px solid #808080;
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}
* + .table {
	margin-top: 24px;
}
@media screen and (max-width:767px){
	.table {
		overflow: auto;
		white-space: nowrap;
	}
	.table table {
		width: auto;
	}
}

caption {
	text-align: center;
	margin-bottom: calc(12px - 1em * .25);
}

th,td {
	background: #fff;
	border: 1px solid #808080;
	padding: 10px 14px;
	vertical-align: top;
}

th, .th {
	background-color: #e6e6e6;
	font-weight: bold;
	text-align: left;
}

@media screen and (max-width:767px) {
	th,td {
		padding: 8px 12px;
	}
}

/***** h1-5 *****/
.h1-subTitle + h1 {
	margin-top: calc(19px - 2.8rem * .25);
}
.h1-subTitle,
.h2-subTitle,
.h3-subTitle,
.h4-subTitle,
.h5-subTitle {
	color: #4d4d4d;
	font-size: 1.4rem;
	font-weight: bold;
	margin-top: calc(12px - 1em * .25);
}
@media screen and (max-width:767px){
	.h1-subTitle,
	.h2-subTitle,
	.h3-subTitle,
	.h4-subTitle,
	.h5-subTitle {
		font-size: 1.2rem;
		margin-top: calc(8px - 1em * .25);
	}
}
.txt-center + .h1-subTitle,
.txt-center + .h2-subTitle,
.txt-center + .h3-subTitle,
.txt-center + .h4-subTitle,
.txt-center + .h5-subTitle {
	text-align: center;
}

main h1 {
	border-bottom: 2px solid #b32424;
	color: #4d4d4d;
	font-size: 2.8rem;
	position: relative;
}
main h1 + * {
	margin-top: calc(40px - 1em * .25);
}
@media screen and (max-width:767px){
	main h1 {
		font-size: 2.4rem;
	}
	main h1 + * {
		margin-top: calc(32px - 1em * .25);
	}
}

h1.withIcon {
	padding-left: 56px;
	position: relative;
}
h1.withIcon .icons:first-child {
	font-size: 3rem;
	left: 8px;
	position: absolute;
	top: 1px;
}
@media screen and (max-width:767px){
	h1.withIcon {
		padding-left: 40px;
	}
	h1.withIcon .icons:first-child {
		font-size: 2.2rem;
		left: 6px;
		top: 1px;
	}
}

main * + h2 {
	margin-top: calc(40px - 1em * .25);
}
@media screen and (max-width:767px){
	main * + h2 {
		margin-top: calc(32px - 1em * .25);
	}
}
main * + h3,
main * + h4,
main * + h5 {
	margin-top: calc(32px - 1em * .25);
}
@media screen and (max-width:767px){
	main * + h3,
	main * + h4,
	main * + h5 {
		margin-top: calc(24px - 1em * .25);
	}
}

main h2 {
	border-bottom: 2px solid #b32424;
	box-sizing: border-box;
	color: #4d4d4d;
	font-size: 2.4rem;
	padding: 0 0 1px 16px;
	position: relative;
}
main h2::before,
main h2::after {
	content: "";
	background: #b32424;
	height: calc(100% - 2.4rem * .5);
	left: 0;
	position: absolute;
	top: calc(24px * .25);
	width: 4px;
}
main h2::after {
	left: 5px;
	width: 1px;
}
main h2.txt-center::after {
	content: none;
}
main h2.txt-center::before {
	bottom: -4px;
	height: 1px;
	top: auto;
	width: 100%;
}
@media screen and (max-width:767px){
	main h2 {
		font-size: 2.2rem;
	}
	main h2::before,
	main h2::after {
		height: calc(100% - 2.2rem * .5);
		top: calc(22px * .25);
	}
}
main h3 {
	border-bottom: 2px solid #b32424;
	color: #4d4d4d;
	font-size: 2.2rem;
	padding: 0 0 0 1px;
}
@media screen and (max-width:767px){
	main h3 {
		font-size: 2rem;
	}
}
main h4 {
	border-bottom: 1px solid #b32424;
	color: #4d4d4d;
	font-size: 2rem;
	padding: 0 0 2px 0;
}
@media screen and (max-width:767px){
	main h4 {
		font-size: 1.8rem;
	}
}
main h5 {
	color: #4d4d4d;
	font-size: 1.8rem;
}
@media screen and (max-width:767px){
	main h5 {
		font-size: 1.6rem;
	}
}

/***** ul ol *****/
* + ul,
* + ol {
	margin-top: calc(24px - 1em * .25);
}


li {
	margin: 0 0 0 1.5em;
}

li li {
	margin: 0 0 0 2em;
}

li + li {
	margin-top: calc(1em - 1em * .25);
}
ul ul, ol ol, ul ol, ol ul {
	margin: calc(1em - 1em * .25) 0 0 0;
}
ol ul {
	margin: 8px 0 0 16px;
}

main ul li {
	list-style-type: disc;
}
main ul li li {
	list-style-type: circle;
}
main ul li li li {
	list-style-type: disc;
}

main ol {
  counter-reset: ol-count;
  list-style: none;
}
main ol li {
	position: relative;
}
main ol li::before {
  content: counter(ol-count)".";
  counter-increment: ol-count;
  display: block;
  float: left;
  margin-left: -1.5em;
}
main ol li li::before {
  content: counter(ol-count)"）";
}
main ol li li li::before {
	content: "（"counter(ol-count)"）";
	margin-left: -2.5em;
}
main ol ul li::before {
  content: "" !important;
}
main ol ul li {
	padding-left: 0 !important;
}

.userBulletList li {
	list-style-type: none !important;
	margin-left: 0;
	padding-left: 2em;
	position: relative;
}
.userBulletList li::before {
	content: none;
}
.userBulletList li span {
	left: 0;
	position: absolute;
}

/***** dl *****/
dl {
	display: flex;
	flex-wrap: wrap;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}
* + dl {
	margin-top: 24px;
}
dl + dl {
	border-top: none;
	margin-top: 0;
}
dt {
	margin: 24px 16px;
	width: 144px;
}
dd {
	margin: 24px 0 24px auto;
	width: calc(100% - 176px);
}
dd + dd {
	margin-top: 0;
}
@media screen and (max-width:767px){
	dl {
		padding-bottom: calc(20px - 1em * .25);
	}
	dt {
		margin: calc(20px - 1em * .25) 0 0 0;
		width: 100%;
	}
	dd {
		margin: calc(20px - 1em * .25) 0 0 0;
		width: 100%;
	}
	dd + dd {
		margin-top: calc(20px - 1em * .25);
	}
}

/*----------------------------------------------------------
	3.OutLine
		3-1.Header
		3-2.Contents
		3-3.Main
		3-4.Footer
----------------------------------------------------------*/

/****************************************
  3-1.Header
****************************************/
header {
	border-bottom: 1px solid #f2f2f2;
	position: relative;
	width: 100%;
}
@media screen and (max-width:767px) {
	header {
		background: #fff;
		border: none;
		margin: 0;
		padding: 0 0 24px 0;
		z-index: 1000;
	}
}

.topPage header {
	/*margin-bottom: 80px;*/
	margin-bottom: 40px;
}
@media screen and (max-width:767px){
	.topPage header {
		margin-bottom: 0;
	}
}
.header-box {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	min-width: 1220px;
	max-width: 1366px;
}
@media screen and (max-width:1366px){
	.header-box {
		box-sizing: border-box;
		padding: 0 30px;
		max-width: 1280px;
	}
}
@media screen and (max-width:767px){
	.header-box {
		padding: 0;
		min-width: 320px;
		max-width: auto;
	}
}

.header-siteDesc {
	align-items: center;
	display: flex;
	order: 1;
	padding-top: 20px;
	width: 100%;
}
.header-siteDesc p {
	font-size: 1.4rem;
	margin: 0 auto 0 0;
}
.header-siteDesc a {
	color: #333;
	line-height: 1em;
}
.header-siteDesc a:hover {
	color: #333;
}

@media screen and (max-width:767px){
	.header-siteDesc {
		align-items: flex-end;
		flex-direction: column;
		padding: 0;
	}
	.float + .header-siteDesc,
	.float2 + .header-siteDesc {
		margin-bottom: 85px;
	}
	.header-siteDesc p {
		background: #f2f2f2;
		font-size: 1.2rem;
		padding: calc(8px - 1.2rem * .25) 0;
		margin: 0;
		text-align: center;
		width: 100%;
	}
	.header-siteDesc a {
		font-size: 1.2rem;
		padding: calc(8px - 1.2rem * .25) 10px 0 0;
	}
}

.header-cont {
	display: flex;
	justify-content: space-between;
	margin: 4px 0 18px 0;
	order: 2;
	width: 100%;
}
@media screen and (max-width:767px){
	.header-cont {
		background: #ffffff;
		box-sizing: border-box;
		margin: 0;
		padding: 16px 10px 0;
	}
	.header-cont.float,
	.header-cont.float2 {
		align-items: center;
		left: 0;
		padding: 7px 10px 7px;
		position: fixed;
		top: 0;
		border-bottom: 2px solid #f2f2f2;
	}
}

/***** Global Navigation for PC *****/
.nav-box.sp-none {
	margin-top: 19px;
	order: 1;
	position: relative;
	width: 300px;
}

.sp-none .nav-btn {
	background: #b32424;
	color: #f2f2f2;
	font-size: 1.8rem;
	font-weight: bold;
	height: 40px;
	transition: background-color .3s;
	width: 200px;
}
.sp-none .nav-btn:hover,
.sp-none .nav-btn:focus {
	background: #8c0015;
	cursor: pointer;
}
.sp-none .nav-btn[aria-expanded="true"] {
	background: #8c0015;
	border-radius: 2px 2px 0 0;
}
.sp-none .nav-btn i.icons {
	margin-left: 10px;
}
.sp-none .nav-btn i.icon-arrowDown,
.sp-none .nav-btn[aria-expanded="true"] i.icon-arrowUp {
	display: inline;
}
.sp-none .nav-btn[aria-expanded="true"] i.icon-arrowDown,
.sp-none .nav-btn i.icon-arrowUp {
	display: none;
}

#navPCBox {
	height: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 40px;
	z-index: 1000;
}
.disp-none {
	display: none;
}
.navPCBoxInner {
	background: #f7f7f7;
	border: 2px solid #8c0015;
	border-radius: 0 2px 2px 2px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	padding: 38px 38px 58px;
	width: 1366px;
}

@media screen and (max-width:1366px){
	#navPCBox,
	.navPCBoxInner {
		width: 1220px;
	}
}

.navPC-cont {
	display: flex;
	justify-content: space-between;
	width: 880px;
}
@media screen and (max-width:1366px){
	.navPC-cont {
		width: 768px;
	}
}
.navPC-cont-item {
	width: 400px;
}
@media screen and (max-width:1366px){
	.navPC-cont-item {
		width: 360px;
	}
}
.navPC-cont-title {
	border-bottom: 2px solid #b3b3b3;
	font-size: 2rem;
	font-weight: bold;
	padding-bottom: calc(16px - 20px * .25);
}

.navPCBox ul {
	margin: 0;
}
.navPC-cont ul li {
	border-bottom: 1px solid #cccccc;
	display: flex;
	list-style-type: none;
	margin: 0;
}
.navPC-cont ul li a {
	align-items: center;
	box-sizing: border-box;
	color: #333;
	font-size: 1.8rem;
	display: flex;
	min-height: 82px;
	padding: 0 30px 0 6px;
	position: relative;
	text-decoration: none;
	transition: all .3s;
	width: 100%;
}
.navPC-cont ul li a:hover,
.navPC-cont ul li a:focus {
	background: #e3e3e3;
	text-decoration: underline;
}
.navPC-cont ul li a span {
	background-size: 24px 16px;
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 34px;
}
.navPC-cont ul li a i.icons {
	bottom: 0;
	font-size: 1.3rem;
	height: 13px;
	line-height: 1em;
	margin: auto;
	position: absolute;
	right: 14px;
	top: 0;
	width: 13px;
}

.nav-bannerPC {
	width: 326px;
}
.nav-bannerPC ul li {
	list-style-type: none;
	margin: 0;
}
.nav-bannerPC ul li + li {
	margin-top: 24px;
}
.nav-bannerPC ul li a.HL-link {
	align-items: center;
	background: #ffffff;
	border: 1px solid #ccc;
	box-sizing: border-box;
	color: #4d4d4d;
	display: inline-flex;
	font-size: 1.8rem;
	font-weight: bold;
	height: 82px;
	justify-content: center;
	text-decoration: none;
	transition: background-color .3s, color .1s;
	width: 100%;
}
.nav-bannerPC ul li a.HL-link:hover {
	background: #b32424;
	color: #ffffff;
}
.nav-bannerPC ul li a.HL-link span {
	margin: 0 16px;
}
.nav-bannerPC ul li a.HL-link .icons {
	font-size: 1.6rem;
	margin: 0;
}
.nav-bannerPC ul li a.HL-link .icon-info {
	font-size: 2.8rem;
	vertical-align: middle;
}
.nav-bannerPC ul li a.HL-link .icon-calendar {
	font-size: 2.4rem;
	vertical-align: middle;
}

/***** Global Navigation for SP *****/

/***** Header Logo *****/
header .logo {
	height: 73px;
	margin: 0 auto;
	order: 2;
	width: 193px;
}
header .logo a {
	display: block;
	transition: opacity .3s;
}
header .logo a:hover {
	opacity: .7;
}
@media screen and (max-width:767px){
	header .logo {
		height: 64px;
		margin: 0 auto 0 0;
		width: 169px;
		transition: height .3s, width .3s;
	}
	.float .logo,
	.float2 .logo {
		height: 47px;
		width: 126px;
	}
}

#pc-cse-search-box {
	display: flex;
	height: 32px;
	margin-top: 24px;
	order: 3;
	width: 300px;
}
@media screen and (max-width:767px){
	#pc-cse-search-box {
		display: none;
	}
}
.gcs-text-box {
	align-items: center;
	background: #fff;
	box-sizing: border-box;
	border-radius: 16px;
	border: 1px solid #999;
	display: flex;
	width: 251px;
}
.gcs-text {
	box-sizing: border-box;
	font-size: 1.4rem;
	padding: 0 16px;
	width: 100%;
}
@media screen and (max-width:767px){
	.gcs-text {
		font-size: 1.6rem;
	}
}
.gcs-text-bg {
	background: url("https://www.google.com/cse/static/images/1x/googlelogo_lightgrey_46x16dp.png") no-repeat scroll 16px center;
	text-indent: 48px;
}
.gcs-submit {
	color: #999;
	margin-left: 12px;
	transition: color .3s;
}
.gcs-submit:hover,
.gcs-submit:focus {
	color: #333;
	cursor: pointer;
}
#pc-cse-search-box i.icons {
	font-size: 2.5rem;
}

@media screen and (max-width:767px){
	.nav-box.pc-none {
		margin: 0 2px 0 0;
		order: 4;
		width: 64px;
	}
	#nav-btnSP:hover {
		cursor: pointer;
	}
	#nav-btnSP[aria-expanded="true"] .nav-btnSPOpen,
	#nav-btnSP[aria-expanded="false"] .nav-btnSPClose {
		display: none;
	}
	#nav-btnSP[aria-expanded="false"] .nav-btnSPOpen,
	#nav-btnSP[aria-expanded="true"] .nav-btnSPClose {
		display: block;
	}

	#navSPBox	{
		background: #fff;
		border-top: 1px solid #e6e6e6;
		display: none;
		height: calc(100vh - 174px);
		left: 0;
		opacity: 0;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch;
		position: absolute;
		top: 100%;
		width: 100vw;
		z-index: 1000;
	}
	.float #navSPBox,
	.float2 #navSPBox {
		height: calc(100vh - 85px);
	}
	#nav-btnSP[aria-expanded="true"] + #navSPBox {
		display: block;
	}
  #spBox.fixed {
		position: fixed;
	}
	.nav-bannerSP	{
		padding: 0 16px;
	}
	.nav-bannerSP ul li {
		list-style-type: none;
		margin: 24px 0 0;
	}
	.nav-bannerSP ul li a.HL-link {
		align-items: center;
		background: #ffffff;
		border: 1px solid #ccc;
		box-sizing: border-box;
		color: #4d4d4d;
		display: inline-flex;
		font-size: 1.6rem;
		height: 49px;
		justify-content: center;
		text-decoration: none;
		transition: background-color .3s, color .1s;
		width: 100%;
	}
	.nav-bannerSP ul li a.HL-link span {
		margin: 0 16px;
	}
	.nav-bannerSP ul li a.HL-link .icons {
		font-size: 1rem;
		margin: 0;
		vertical-align: middle;
	}
	.nav-bannerSP ul li a.HL-link .icon-info {
		font-size: 2.8rem;
		vertical-align: middle;
	}
	.nav-bannerSP ul li a.HL-link .icon-calendar {
		font-size: 2.4rem;
		vertical-align: middle;
	}

	.navSP-cont {
		border-top: 1px solid #e6e6e6;
		margin-top: 24px;
		padding: 24px 16px 0;
	}
	.navSP-cont-item {
		margin-bottom: calc(40px - 1.6rem * .25);
	}
	.navSP-cont-title {
		border-bottom: 2px solid #f2f2f2;
		font-size: 1.6rem;
		font-weight: bold;
		padding-bottom: calc(16px - 1em * .25);
	}
	.navSP-cont ul {
		margin: 0;
	}
	.navSP-cont li {
		border-bottom: 1px solid #e6e6e6;
		display: flex;
		list-style-type: none;
		margin: 0;
	}
	.navSP-cont ul li a {
		align-items: center;
		box-sizing: border-box;
		color: #333;
		font-size: 1.4rem;
		display: flex;
		min-height: 46px;
		padding: 0 31px 0 8px;
		position: relative;
		text-decoration: none;
		width: 100%;
	}
	.navSP-cont ul li a span {
		background-size: 19px 13px;
		background-repeat: no-repeat;
		background-position: left center;
		padding: 0 27px;
	}
	.navSP-cont ul li a i.icons {
		bottom: 0;
		font-size: 1rem;
		height: 10px;
		line-height: 1em;
		margin: auto;
		position: absolute;
		right: 14px;
		top: 0;
		width: 10px;
	}

	#sp-cse-search-box {
		display: flex;
		height: 32px;
		margin: 0 auto;
		width: 287px;
	}
	#sp-cse-search-box i.icons {
		font-size: 2.4rem;
	}

	#nav-closeBtnSP {
		background: #b32424;
		color: #fff;
		display: block;
		font-size: 1.6rem;
		font-weight: bold;
		height: 40px;
		line-height: 41px;
		margin: 40px auto 140px;
		padding: 0 90px;
		text-align: center;
	}
	#nav-closeBtnSP:hover {
		cursor: pointer;
	}
	#nav-closeBtnSP span {
		background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2217px%22%20height%3D%2217px%22%20viewBox%3D%220%200%2017%2017%22%20style%3D%22enable-background%3Anew%200%200%2017%2017%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Crect%20x%3D%22-2.5%22%20y%3D%227.5%22%20transform%3D%22matrix(0.7071%200.7071%20-0.7071%200.7071%208.5%20-3.5208)%22%20class%3D%22st0%22%20width%3D%2222%22%20height%3D%222%22%2F%3E%20%3Cg%3E%20%3Crect%20x%3D%22-2.5%22%20y%3D%227.5%22%20transform%3D%22matrix(0.7071%20-0.7071%200.7071%200.7071%20-3.5208%208.5)%22%20class%3D%22st0%22%20width%3D%2222%22%20height%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat left center;
		display: inline-block;
		padding-left: 30px;
	}
}

/***** Bread Crum *****/
#breadCrum {
	background: #f2f2f2;
	/*margin-bottom: 64px;*/
	margin-bottom: 32px;
}
#breadCrum ul {
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	min-width: 46px;
	margin: 0 auto;
	padding: calc(8px - 1.4rem *.25) 30px calc(16px - 1.4rem *.25);
	width: 100%;
	max-width: 1020px;
}
@media screen and (max-width:767px){
	#breadCrum ul {
		padding: calc(8px - 1.2rem *.25) 10px calc(16px - 1.2rem *.25);
		max-width: auto;
		min-width: 320px;
	}
}

#breadCrum ul li {
	list-style: none;
	margin: 8px 0 0 0;
	font-size: 1.4rem;
}
#breadCrum ul li i {
	color: #999999;
	margin: 0 10px;
}
#breadCrum ul li a {
	color: #333;
	font-size: 1.4rem;
}
#breadCrum ul li a:hover {
	color: #666;
}
@media screen and (max-width:767px){
	#breadCrum ul li {
		margin: 4px 0 0 0;
		font-size: 1.2rem;
	}
	#breadCrum ul li i {
		margin: 0 8px;
	}
	#breadCrum ul li a {
		font-size: 1.2rem;
	}
}


/****************************************
  3-2.Contents
****************************************/
#contents {
	margin: 0 auto 80px;
	width: 100%;
	max-width: 1366px;
}

.commonPage #contents {
	max-width: 960px;
}
@media screen and (max-width:1366px){
	#contents {
		box-sizing: border-box;
		padding: 0 30px;
		max-width: 1280px;
		min-width: 1220px;
	}
	.commonPage #contents {
		min-width: 1020px;
	}
}
@media screen and (max-width:767px){
	#contents {
		padding: 0 10px;
		max-width: auto;
		min-width: 320px;
	}
	.commonPage #contents {
		min-width: 320px;
	}
}



/****************************************
  3-4.Footer
****************************************/
/***** Page Top Button *****/
.pageTopBtn {
	bottom: 40px;
	display: none;
	height: 60px;
	position: fixed;
	right: 10%;
	width: 60px;
}
.pageTopBtn a {
	background: #B32424;
	border-radius:30px;
	box-shadow:0px 3px 0px 0px rgba(0,0,0,.15);
	display: block;
	height: 60px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: opacity .3s;
	width: 60px;
}
.pageTopBtn a i.icons {
	color: #ffffff;
	font-size: 2.8rem;
	line-height: 60px;
	margin: 0;
}

.pageTopBtn a:hover {
	opacity: .9;
}
@media screen and (max-width:767px){
	.pageTopBtn {
		bottom: 20px;
		height: 40px;
		right: 10px;
		width: 40px;
	}
	.pageTopBtn a {
		height: 40px;
		width: 40px;
	}
	.pageTopBtn a i.icons {
		font-size: 1.86rem;
		line-height: 40px;
	}
}

footer {
	border-top: 2px solid #808080;
	margin: 20px 0 0 0;
	padding: 48px 0 calc(30px - 14px * .25) 0;
}
.footer-box {
	margin: 0 auto;
	position: relative;
	min-width: 1220px;
	max-width: 1366px;
}
@media screen and (max-width:1366px){
	.footer-box {
		padding: 0 30px;
		max-width: 1220px;
	}
}
@media screen and (max-width:767px){
	footer {
		margin: 4px 0 0 0;
		padding: 0 0 calc(40px - 10px * .25);
	}
	.footer-box {
		box-sizing: border-box;
		padding: 0 10px;
		width: 100%;
		min-width: 320px;
		max-width: auto;
	}
}

.footer-cont {
	align-items: center;
	display: flex;
	margin: 0 0 32px;
}
@media screen and (max-width:767px){
	.footer-cont {
		flex-direction: column;
		justify-content: center;
		margin: 0 0 16px;
	}
}

.footer-link {
	letter-spacing: -.4em;	
	margin: 0;
}
.footer-link li {
	display: inline-block;
	list-style-type: none;
	letter-spacing: normal;
	margin: 0;
}
.footer-link li::after {
	content: "|";
	color: #999999;
	margin: 0 16px;
}
.footer-link li:last-child::after {
	content: none;
}
.footer-link li a {
	color: #333;
	font-size: 1.4rem;
}
.footer-link li a:hover {
	color: #666;
}
@media screen and (max-width:767px){
	.footer-link {
		margin: 0 0 calc(40px - 1.2rem *.25);
		text-align: center;
	}
	.footer-link li {
		margin: calc(16px - 1.2rem *.25) 0 0;
	}
	.footer-link li::after {
		margin: 0 8px;
	}
	.footer-link li a {
		font-size: 1.2rem;
	}
}

.footer-snsLink {
	margin: 0 0 0 auto;
}
.footer-snsLink li {
	display: inline-block;
	list-style-type: none;
	margin: 0 0 0 24px;
}
.footer-snsLink li a {
	transition: opacity .3s;
}
.footer-snsLink li a:hover {
	opacity: .8;
}
@media screen and (max-width:767px){
	.footer-snsLink {
		margin: 0;
	}
	.footer-snsLink li {
		margin: 0 0 0 16px;
	}
	.footer-snsLink li:first-child {
		margin: 0;
	}
}

footer h2.logo {
	text-align: center;
	margin: 0;
}
footer .logo a {
	display: inline-block;
	transition: opacity .3s;
}
footer .logo a:hover {
	opacity: .7;
}
@media screen and (max-width:767px){
	footer .logo a {
		width: 70px;
	}
}

footer small,
footer p {
	display: block;
	font-size: 1.4rem;
	line-height: 1.5em;
	text-align: center;
}
footer p {
	margin: calc(40px - 1.4rem * .25) 0 0;
}
footer small {
	margin: calc(13px - 1.4rem * .5) 0 0;
}
@media screen and (max-width:767px){
	footer small,
	footer p {
		font-size: 1.2rem;
	}
	footer p {
		margin: calc(16px - 1.2rem * .25) 0 0;
	}
	footer small {
		margin: calc(8px - 1.2rem * .5) 0 0;
	}
}

/*----------------------------------------------------------
	4.Parts
----------------------------------------------------------*/

/****************************************
	4.Parts
****************************************/
.rss-box {
	text-align: right;
	margin: calc(8px - 1em * .25) 0 0;
}
.rss-link {
	color: #4d4d4d;
	font-weight: bold;
}

.h1-labels {
	letter-spacing: -.4em;
	margin: 16px 0 0 -10px;
}
.h1-labels + * {
	margin-top: calc(40px - 1em * .25);
}
.h1-labels li {
	display: inline-block;
	letter-spacing: normal;
	list-style-type: none;
	margin: 6px 0 0 10px;
}

.label {
	border: 1px solid #808080;
	color: #333;
	display: inline-block;
	font-size: 1.4rem;
	padding: 0 8px;
	text-align: center;
	text-decoration: none;
	transition: background-color .3s;
	min-width: 150px;
}
a.label:hover {
	color: #333333;
	background: #f0f0f0;
}
.topPage .label {
	width: 150px;
}
@media screen and (max-width:767px){
	.label {
		font-size: 1.2rem;
		min-width: 125px;
	}
}
/* 人材不足解消 */
.label.cate1 { 
	border-color: #008c2e;
}
/* 強い組織作り */
.label.cate2 {
	border-color: #802900;
}
/* 生産性向上 */
.label.cate3 {
	border-color: #5e8c00;
}
/* 商品開発・市場開拓 */
.label.cate4 {
	border-color: #005e8c;
}
/* 資金繰り改善 */
.label.cate5 {
	border-color: #2e008c;
}
/* 事業承継 */
.label.cate6 {
	border-color: #8c005e;
}

article section {
	margin-top: 40px;
}
.section {
	margin-top: 40px;
}

/***** Lists *****/
.innerLink {
	letter-spacing: -.4em;
}
.innerLink.txt-justify {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.innerLink li {
	display: inline-block;
	letter-spacing: normal;
	list-style-type: none;
	margin-left: 0;
	margin-top: 0;
}
.innerLink li::after {
	background: #999;
	content: "";
	display: inline-block;
	height: 1em;
	margin: 0 15px;
	vertical-align: middle;
	width: 1px;
}
.innerLink li:last-child::after {
	content: none;
}
.innerLink li .icons {
	margin: 0 8px 0 0;
}

.listLink li {
	list-style: none;
	margin-left: 0;
}
.listLink li a {
	display: inline-block;
	padding-left: 1.2em;
	position: relative;
}
.listLink li .icons:first-child {
	left: 0;
	margin-left: 0;
	position: absolute;
	top: 2px;
}
.listLinkDesc {
	display: block;
	padding-left: 1.2em;
}

.glossaryLink {
	margin-top: calc(8px - 1em * .25);
}
.glossaryLink::before{
  content: "";
  display: block;
  width: calc((100% - 24px * 3) / 4);
  order:1;
}
.glossaryLink::after{
  content: "";
  display: block;
  width: calc((100% - 24px * 3) / 4);
}
.glossaryLink li {
	width: calc((100% - 24px * 3) / 4);
	margin-top: calc(24px - 1em * .25);
}
@media screen and (max-width:767px){
	.glossaryLink {
		margin-top: calc(4px - 1em * .25);
	}
	.glossaryLink li {
		width: calc((100% - 20px * 1) / 2);
		margin-top: calc(20px - 1em * .25);
	}
}

.themeLink {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 24px 0 0;
}
.themeLink li {
	list-style-type: none;
	margin: 8px 0 0;
	width: calc((100% - 24px) / 2);
}
.themeLink li a {
	display: inline-block;
	padding: calc(8px - 1em * .25) 10px calc(8px - 1em * .25) 29px;
	position: relative;
}
.themeLink li .current {
	background: #ebebeb;
	border-radius: 2px;
	color: #333;
	text-decoration: none;
}
.themeLink li a .icon-openArrowRight {
	left: 10px;
	position: absolute;
	margin: 0;
	top: 5px;
}
@media screen and (max-width:767px){
	.themeLink {
		margin: 16px 0 0;
	}
	.themeLink li {
		margin: 4px 0 0;
		width: 100%;
	}
	.themeLink li a {
		padding: calc(8px - 1em * .25) 10px calc(8px - 1em * .25) 26px;
	}
}
/***** Columns *****/
.resColumns,
.columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
	list-style-type: none;
	margin: 0;
  width: 100%;
}
.column3::after{
  content: "";
  display: block;
  width: calc((100% - 40px * 2) / 3);
}
.column4::before{
  content: "";
  display: block;
  width: calc((100% - 40px * 3) / 4);
  order:1;
}
.column4::after{
  content: "";
  display: block;
  width: calc((100% - 40px * 3) / 4);
}

.column2 .columnItem {
  width: calc((100% - 40px * 1) / 2);
}
.column3 .columnItem {
  width: calc((100% - 40px * 2) / 3);
}
.column4 .columnItem {
  width: calc((100% - 40px * 3) / 4);
}

.column-ratio2to1 .columnItem:nth-child(1n) {
  width: calc((100% / 3 * 2) - (40px * 1 / 2));
}
.column-ratio2to1 .columnItem:nth-child(2n) {
  width: calc((100% / 3 * 1) - (40px * 1 / 2));
}
.column-ratio3to1 .columnItem:nth-child(1n) {
  width: calc((100% / 4 * 3) - (40px * 1 / 2));
}
.column-ratio3to1 .columnItem:nth-child(2n) {
  width: calc((100% / 4 * 1) - (40px * 1 / 2));
}

.columnItem {
  margin: 24px 0 0 0;
}

@media screen and (max-width: 767px) {
  .column3::after{
    width: calc((100% / 3) - (16px * 2 / 3));
  }
  .column4::before{
    width: calc((100% / 4) - (16px * 3 / 4));
  }
  .column4::after{
    width: calc((100% / 4) - (16px * 3 / 4));
  }

  .column2 .columnItem {
    width: calc((100% / 2) - (16px * 1 / 2));
  }
  .column3 .columnItem {
    width: calc((100% / 3) - (16px * 2 / 3));
  }
  .column4 .columnItem {
    width: calc((100% / 4) - (16px * 3 / 4));
  }
  .resColumns .columnItem,
  .resColumns .section {
    width: 100% !important;
    margin-right: 0;
    padding: 0;
  }

  .main-menu .column-list {
    margin-bottom: 0;
  }
}

/***** Box *****/
* + .Box {
	margin-top: 24px;
}
.Box.outline {
	background: #fff;
	border: 1px solid  #999;
	box-sizing: border-box;
	border-radius: 4px;
	padding: 32px;
}
@media screen and (max-width:767px){
	.Box.outline {
		padding: 24px 16px;
	}
}
.Box.outline.annotation {
	border-radius: 6px;
	padding: calc(23px - 1em * .25) 23px;
}
@media screen and (max-width:767px){
	.Box.outline.annotation {
		padding: calc(16px - 1em * .25) 16px;
	}
}

.Box.outline section:first-of-type {
	margin-top: 0;
}

.glossaryBox {
	margin-top: 24px;
	padding-left: 24px;
}
@media screen and (max-width:767px){
	.glossaryBox {
		margin-top: calc(24px - 1em * .25);
		padding-left: 0;
	}
}

.box-bg {
	padding: 10px 14px; box-sizing: border-box; background: #eee; }
.box-radius {
	padding: 10px 14px; box-sizing: border-box; background: #eee; border-radius: 5px; }

/***** Responsive Table (only 2 column) *****/
@media screen and (max-width:767px) {
	.res-table tr {
		display: block;
	}
	.res-table th, table.res-table td {
		box-sizing: border-box;
		display: list-item;
		list-style-type: none;
		width: 100%;
	}
}

/***** img Float *****/
img.res-fl {
	margin: 4px 16px 10px 0;
}
img.res-fr {
	margin: 4px 0 10px 16px;
}
@media screen and (max-width:767px) {
	img.res-fl, img.res-fr {
		display: block;
		margin: 0 auto 12px auto;
	}
}

/***** Image Caption *****/
figcaption {
	color: #4d4d4d;
	font-size: 1.4rem;
	margin-top: calc(16px - 1em * .25);
}
.imgCaption {
	position: relative;
}
.imgCaption a {
	display: block;
	position: relative;
	text-decoration: none;
}
.imgCaption a .imgCaptionImg {
	transition: opacity .3s;
}
.imgCaption a .icon-external {
	background: #ffffff;
	border-radius: 3px;
	margin: 0;
	padding: 0 6px;
	position: absolute;
	top: 8px;
	right: 8px;
}
.imgCaption a:hover .imgCaptionImg {
	opacity: .8;
}
.imgCaption figcaption {
	display: none;
	transition: color .1s;
}
.imgCaption a:hover figcaption {
	color: #4e5280;
}
.res-fr.imgCaption img,
.res-fl.imgCaption img,
.res-center.imgCaption img {
	max-width: 300px;
}
@media screen and (max-width:768px){
	.imgCaption {
		max-width: 100%;
	}
	figcaption {
		font-size: 1.2rem;
	}
}

.imgCenter {
	margin: 0 auto;
}
.imgRight {
	margin: 0 0 0 auto;
}

* + figure {
	margin-top: 24px;
}

figure.res-fl, figure.fl {
	margin: 4px 16px calc(23px - 1.4rem * .25) 0;
}
figure.res-fr, figure.fr {
	margin: 4px 0 calc(23px - 1.4rem * .25) 16px;
}
figure.res-center, figure.center {
	margin: 4px auto calc(23px - 1.4rem * .25) auto;
}
@media screen and (max-width:767px) {
	img.res-fl,
	img.res-fr,
	figure.res-fl,
	figure.res-fr {
		display: block;
		margin: 0 auto 12px auto;
	}
}

/***** Button *****/
.button {
	align-items: center;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #b3b3b3;
	border-radius: 7px;
	color: #333;
	display: flex;
	height: 100%;
	margin: 24px auto 0;
	padding: calc(24px - 1em * .25) 24px;
	text-decoration: none;
	transition: background-color .3s, color .1s, border-color .3s;
	width: 100%;
	max-width: 320px;
}
.button:hover {
	background: #4d4d4d;
	border-color: #4d4d4d;
	color: #fff;
}
.button .icons {
	transition: color .1s;
}
.button:hover .icons {
	color: #fff;
}
.resColumns .button {
	height: auto;
	max-width: 288px;
	margin: 0 auto;
}
.resColumns * + .button {
	margin-top: 24px;
}

.button i.icon-openArrowRight {
	padding-left: 16px;
	margin: 0 0 0 auto;
}
.button.return {
	font-weight: bold;
	justify-content: center;
	padding: calc(15px - 1em * .25) 12px;
	max-width: 400px
}
.button.return .icon-return {
	font-size: 1em;
}
@media screen and (max-width:767px){
	.button.return {
		padding: calc(14px - 1em * .25) 12px;
		max-width: 260px
	}
}

/***** Annotation *****/
.annotation {
	color: #666;
}

/***** Movie *****/
.movie {
	border: 1px solid #b3b3b3;
	margin-left: auto;
	margin-right: auto;
	max-width: 454px;
}
.column2 .movie.columnItem,
.column3 .movie.columnItem,
.column4 .movie.columnItem {
	margin: 24px 0 0;
}
.movie a {
	box-sizing: border-box;
	color: #333;
	display: block;
	padding: 32px 32px calc(24px - 1em * .25) 32px;
	text-decoration: none;
}
@media screen and (max-width:767px){
	.movie a {
		padding: 24px 16px calc(24px - 1em * .25) 16px;
	}
}

.column3 .movie a {
	padding: 24px 24px calc(24px - 1em * .25) 24px;
}
.movie a .inner {
	padding-top: 75%;
	position: relative;
}
.movie a .inner .img {
	position: absolute;
	top: 0;
	left: 0;
	transition: opacity .3s;
	width: 100%;
}
.movie a:hover .inner .img {
	opacity: 0.8;
}
.movie a .inner .img::after {
	background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22120px%22%20height%3D%2285px%22%20viewBox%3D%220%200%20120%2085%22%20style%3D%22enable-background%3Anew%200%200%20120%2085%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FF0000%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22XMLID_13_%22%3E%20%3Cpath%20id%3D%22XMLID_15_%22%20class%3D%22st0%22%20d%3D%22M117.5%2C13.4c-1.4-5.2-5.4-9.3-10.6-10.7C97.5%2C0.2%2C60%2C0.2%2C60%2C0.2s-37.5%2C0-46.9%2C2.5%20C8%2C4.1%2C3.9%2C8.2%2C2.5%2C13.4C0%2C22.8%2C0%2C42.5%2C0%2C42.5s0%2C19.7%2C2.5%2C29.1c1.4%2C5.2%2C5.4%2C9.3%2C10.6%2C10.7c9.4%2C2.5%2C46.9%2C2.5%2C46.9%2C2.5%20s37.5%2C0%2C46.9-2.5c5.2-1.4%2C9.2-5.5%2C10.6-10.7c2.5-9.4%2C2.5-29.1%2C2.5-29.1S120%2C22.8%2C117.5%2C13.4z%22%2F%3E%20%3Cpolygon%20id%3D%22XMLID_14_%22%20class%3D%22st1%22%20points%3D%2247.7%2C60.3%2079.1%2C42.5%2047.7%2C24.7%20%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat;
	bottom: 0;
	content: "";
	left: 0;
	height: 86px;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 120px;
}
.column3 .movie a .inner .img::after {
	background-size: 80px 56px;
	height: 56px;
	width: 80px;
}
.movie a .inner .text {
	margin-top: calc(32px - 2.2rem *.25);
	transition: color .1s;
}
.column3 .movie a .inner .text {
	margin: calc(24px - 2.2rem *.25) 0 0;
}
.movie a:hover .inner .text {
	color: #666;
}
.movie a .inner .text h3 {
	border: none;
	color: #4d4d4d;
	font-size: 2.2rem;
	margin: 0 0 calc(24px - 1em * .25);
	text-decoration: underline;
	transition: color .1s;
}
.movie a:hover .inner .text h3 {
	color: #666;
	text-decoration: none;
}

/***** Article Set *****/

.ArticleSet {
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: calc(20px - 1em * .25);
	list-style-type: none;
}

.ArticleSet a {
	color: #333333;
	display: block;
	text-decoration: none;
}
@media screen and (max-width:767px){
	.resColumns .ArticleSet {
		padding-bottom: calc(20px - 1em * .25);
	}
	.ArticleSet.noLabel a {
		display: flex;
		flex-direction: column;
	}
}

.ArticleSet .date-label-title {
	margin-bottom: calc(1em - 1em * .25);
}
.ArticleSet .date-label-title span {
	color: #666666;
	font-size: 1.4rem;
}
.ArticleSet .date-label-title h3 {
	border: none;
	font-size: 1.8rem;
	margin: calc(12px - 1.4rem * .25 - 1em * .25) 0 0 0;
	text-decoration: underline;
}
.ArticleSet .date-label-title span + h3 {
	margin-top: 0;
}
@media screen and (max-width:767px){
	.ArticleSet .date-label-title {
		margin: calc(16px - 1.6rem * .25) 0 calc(16px - 1.2rem * .25) 0;
	}
	.ArticleSet.noLabel .date-label-title {
		order: 2;
	}
	.ArticleSet .date-label-title span {
		font-size: 1.2rem;
	}
	.ArticleSet .date-label-title h3 {
		font-size: 1.6rem;
		margin: calc(12px - 1.4rem * .25 - 1em * .25) 0 0 0;
	}
}

.ArticleSet .titleImg {
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	float: right;
	margin: calc(1em * .25) 0 calc(16px - 1.4rem * .25) 16px;
	width: 222px;
}
.ArticleSet .titleImg {
	transition: opacity .3s;
}
.ArticleSet a:hover .titleImg {
	opacity: .8;
}
.ArticleSet.noResFlo .titleImg {
	margin: calc(1em * .25) 0 calc(16px - 1.4rem * .25) 15px;
	width: 120px;
}

@media screen and (max-width:767px){
	.ArticleSet.noLabel .titleImg {
		float: none;
		margin: 0 auto;
		order: 1;
	}
	.ArticleSet.noResFlo .titleImg {
		margin: calc(1em * .25) 0 calc(8px - 1.4rem * .25) 8px;
	}
}

@media screen and (max-width:767px){
	.ArticleSet.noLabel .text {
		order: 3;
	}
	.ArticleSet .text {
		margin-top: calc(16px - 1em * .25 - 1.6rem * .25);
	}
}

.ArticleSet .cate {
	clear: both;
	font-size: 1.4rem;
	text-align: right;
}
@media screen and (max-width:767px){
	.ArticleSet.noLabel .cate {
		order: 4;
	}	
	.ArticleSet .cate {
		font-size: 1.2rem;
		margin: 0;
		text-align: right;
	}
}
.ArticleSet a:hover,
.ArticleSet a:hover .date-label-title h3 {
	color: #666;
	text-decoration: none;
}

/***** FAQ Contents *****/
.FAQCont {
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	padding: 24px 0;
	margin-top: 32px;
}
.FAQCont + .FAQCont {
	border-top: none;
	margin-top: 0;
}
.FAQCont .inner {
	min-height: 40px;
	padding-left: 96px;
	position: relative;
}
.FAQCont .inner + .inner {
	margin-top: 40px;
}
.FAQCont .icon-faqQ,
.FAQCont .icon-faqA {
	display: block;
	font-size: 4rem;
	height: 40px;
	left: 24px;
	line-height: 1em;
	position: absolute;
	top: 0;
}
.FAQCont h3 {
	border: none;
	font-size: 1.6rem;
	margin: 0;
}
@media screen and (max-width:767px){
	.FAQCont {
		padding: 20px 0;
		margin-top: 24px;
	}
	.FAQCont .inner {
		min-height: 32px;
		padding-left: 68px;
	}
	.FAQCont .inner + .inner {
		margin-top: 32px;
	}
	.FAQCont .icon-faqQ,
	.FAQCont .icon-faqA {
		font-size: 3.2rem;
		height: 32px;
		left: 12px;
	}
	.FAQCont h3 {
		font-size: 1.4rem;
	}
}

/***** Keywords *****/
.keywordsCommon {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 0 -24px;
}
@media screen and (max-width:767px){
	.keywordsCommon {
		margin: 8px 0 0 -8px;
	}
}
.keywordsCommon li {
	list-style-type: none;
	margin: 24px 0 0 24px;
}
.keywordsCommon li a {
	border: 1px solid #999;
	border-radius: 4px;
	box-sizing: border-box;
	color: #333;
	display: block;
	padding: calc(14px - 1.6rem * .25) 22px;
	text-decoration: none;
	transition: background-color .3s, color .1s;
}
.keywordsCommon li a:hover {
	background-color: #4d4d4d;
	color: #ffffff;
}
@media screen and (max-width:767px){
	.keywordsCommon li {
		margin: 16px 0 0 8px;
	}
	.keywordsCommon li a {
		padding: calc(13px - 1.4rem * .25) 13px;
	}
}

/***** Related Links *****/
.related {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: calc(6px - 1em * .25);
}
.related::before{
  content: "";
  display: block;
  width: calc((100% - 18px * 3) / 4);
  order:1;
}
.related::after{
  content: "";
  display: block;
  width: calc((100% - 18px * 3) / 4);
}

.related li {
	border: 1px solid #999;
	box-sizing: border-box;
	display: flex;
	list-style-type: none;
	margin: 18px 0 0 0;
	width: calc((100% - 18px * 3) / 4);
}
@media screen and (max-width:767px){
	.related {
		margin: 24px 0 0;
		flex-direction: column;
	}
	.related::before,
	.related::after {
		content: none;
	}
	.related li {
		border: none;
		margin: 0;
		width: 100%;
	}
}

.related li a {
	color: #333;
	display: block;
	padding: calc((24px - 1.8rem * .25) + 66.6%) 15px calc(23px - 1.6rem * .25);
	position: relative;
	text-decoration: none;
	width: 100%;
}
.related li a img {
	border-bottom: 1px solid #e6e6e6;
	left: 0;
	position: absolute;
	top: 0;
	transition: opacity .3s;
}
.related li a:hover img,
.related ul li a:focus img {
	opacity: 0.8;
}
.related li a h3 {
	border: none;
	font-size: 1.8rem;
	margin: 0;
	text-decoration: underline;
}
.related li a:hover h3 {
	color: #666;
	text-decoration: none;
}
.related li a p {
	margin: calc(8px - 1.8rem * .25 - 1.6rem * .25) 0 0 0;
	text-decoration: none;
}
.related li a:hover p {
	color: #666;
}
@media screen and (max-width:767px){
	.related li a {
		align-items: center;
		border-bottom: 1px solid #ccc;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 16px;
		padding: 0 0 calc(16px - 1.4rem * .25) 0;
	}
	.related li a img {
		border-bottom: none;
		left: auto;
		margin-right: 8px;
		position: static;
		top: auto;
		width: 120px;
	}
	.related li a h3 {
		font-size: 1.6rem;
		width: calc(100% - 129px);
	}
	.related li a p {
		margin: 16px 0 0 0;
		padding: 0 8px;
	}
}

/***** Feature List *****/
.featureList {
	margin: -16px 0 0;
}
.featureList + .featureList {
	margin: 0;
}
.featureList li {
	list-style: none;
	margin: 40px 0 0;
}
@media screen and (max-width:767px){
	.featureList li {
		margin: calc(32px - 1em * .25) 0 0;
	}
}
.featureList li > a {
	align-content: flex-start;
	background: #fff;
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	text-decoration: none;
}
@media screen and (max-width:767px){
	.featureList li > a {
		height: auto;
	}
}
.featureList .topics-title {
	width: 100%;
}
@media screen and (max-width:767px){
	.featureList .topics-title {
		width: calc(100% - 128px);
	}
}
.featureList .label {
	color: #333;
	margin: 0 0 calc(10px - 18px * .25) 1px;
	width: 150px;
}
@media screen and (max-width:767px){
	.featureList .label {
		width: 125px;
	}
}
.featureList h3 {
	border: none;
	font-size: 1.8rem;
	margin: 0 0 11px;
	padding: 0;
	text-align: justify;
	text-decoration: underline;
}
.featureList a:hover h3,
.featureList a:focus h3 {
	color: #666;
	text-decoration: none;
}
@media screen and (max-width:767px){
	.featureList h3 {
		font-size: 1.6rem;
		margin: 0 0 calc(8px - 1em * .25);
	}
}
.featureList .topics-image {
	margin-bottom: 16px;
	width: 100%;
	transition: opacity .3s;
}
.featureList a:hover .topics-image {
	opacity: 0.8;
}
@media screen and (max-width:767px){
	.featureList .topics-image {
		width: 120px;
		margin: 0 8px calc(8px - 1.6rem * .25) 0;
	}
}
.featureList .topics-image
.featureList .topics-image img {
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
}
.featureList .topics-text {
	width: 100%;
}
.featureList .topics-text p {
	color: #4d4d4d;
	font-size: 1.4rem;
	margin: 0;
	text-align: right;
}
.featureList a:hover .topics-text p {
	color: #666 !important;
}
@media screen and (max-width:767px){
	.featureList .topics-text p {
		font-size: 1.2rem;
	}
}
.featureList .topics-text p:first-child {
	display: none;
	margin: 0 0 calc(16px - 1.6rem * .25) 0;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.featureList .topics-text p:last-child {
	clear: both;
}

.column2.featureList li a {
	display: block;
}
.column2.featureList li:first-child a::after {
	content: "";
	display: table;
	clear: both;
}
.column2.featureList .topics-image {
	float: right;
	margin: 0 0 calc(16px - 1.6rem * .25) 16px;
	width: 307px;
}
.column2.featureList .topics-text p:first-child {
	color: #333;
	display: block;
	font-size: 1.6rem;
	text-align: left;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
@media screen and (max-width:767px){
	.column2.featureList .topics-title {
		width: 100%;
	}
	.column2.featureList .topics-image {
		margin: 0 0 calc(8px - 1.6rem * .25) 8px;
		width: 200px;
	}
	.column2.featureList .topics-text p:first-child {
		font-size: 1.4rem;
	}
}
/***** SNS　Buttons *****/
.share {
	align-items: center;
	display: flex;
	justify-content: center;
}
.share li {
	box-sizing: border-box;
	height: 24px;
	list-style-type: none;
	margin: 0;
	width: 89px;
}
.share li + li {
	margin: 0 0 0 16px;
}
.share li a {
	background-repeat: no-repeat;
	border-radius: 5px;
	box-sizing: border-box;
	display: block;
	color: #fff;
	font-size: 1.1rem;
	height: 24px;
	line-height: 1em;
	padding: 6px 3px 0 24px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: background-color .3s;
}
.share .fb a {
	background-color: #4267b2;
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2212px%22%20height%3D%2212px%22%20viewBox%3D%220%200%2012%2012%22%20style%3D%22enable-background%3Anew%200%200%2012%2012%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M6%2C12H1.7C0.7%2C11.9%2C0%2C11.2%2C0%2C10.2V1.7C0%2C0.8%2C0.7%2C0%2C1.6%2C0c0%2C0%2C0%2C0%2C0%2C0h8.7C11.2%2C0%2C12%2C0.7%2C12%2C1.6c0%2C0%2C0%2C0%2C0%2C0v8.6%20c0%2C0.9-0.7%2C1.7-1.7%2C1.8H8V8h1.3L10%2C6H8v-1C8%2C4.5%2C8.2%2C4%2C8.9%2C4H10V2.2C10%2C2.2%2C9.1%2C2%2C8.5%2C2C7.2%2C2%2C6%2C2.7%2C6%2C4.1V6H4V8h2V12z%22%2F%3E%3C%2Fsvg%3E');
	background-position: 5px center;
}
.share .fb a:hover,
.share .fb a:focus {
	background-color: #365899;
}
.share .tw a {
	background-color: #1b95e0;
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2215px%22%20height%3D%2213px%22%20viewBox%3D%220%200%2015%2013%22%20style%3D%22enable-background%3Anew%200%200%2015%2013%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M4.7%2C12.6c5.7%2C0%2C8.8-4.7%2C8.8-8.8c0-0.1%2C0-0.3%2C0-0.4c0.6-0.4%2C1.1-1%2C1.5-1.6c-0.6%2C0.2-1.1%2C0.4-1.8%2C0.5%20c0.6-0.4%2C1.1-1%2C1.4-1.7c-0.6%2C0.4-1.3%2C0.6-2%2C0.7c-0.6-0.6-1.4-1-2.2-1c-1.7%2C0-3.1%2C1.4-3.1%2C3.1c0%2C0.2%2C0%2C0.5%2C0.1%2C0.7%20C4.8%2C4.1%2C2.6%2C2.8%2C1%2C1C0.8%2C1.4%2C0.6%2C2%2C0.6%2C2.5c0%2C1.1%2C0.5%2C2%2C1.4%2C2.6c-0.5%2C0-1-0.2-1.4-0.4c0%2C0%2C0%2C0%2C0%2C0c0%2C1.5%2C1.1%2C2.7%2C2.5%2C3%20C2.8%2C7.8%2C2.5%2C7.9%2C2.3%2C7.9c-0.2%2C0-0.4%2C0-0.6-0.1C2.1%2C9%2C3.2%2C9.9%2C4.6%2C9.9c-1.1%2C0.8-2.4%2C1.3-3.8%2C1.3c-0.2%2C0-0.5%2C0-0.7%2C0%20C1.4%2C12.1%2C3%2C12.6%2C4.7%2C12.6%22%2F%3E%3C%2Fsvg%3E');
	background-position: 4px center;
}
.share .tw a:hover,
.share .tw a:focus {
	background-color: #0c7abf;
}
.share .ln a {
	background-color: #00b900;
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2215px%22%20height%3D%2215px%22%20viewBox%3D%220%200%2015%2015%22%20style%3D%22enable-background%3Anew%200%200%2015%2015%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M15%2C6.4c0-3.4-3.4-6.1-7.5-6.1C3.4%2C0.4%2C0%2C3.1%2C0%2C6.4c0%2C3%2C2.7%2C5.5%2C6.3%2C6c0.2%2C0.1%2C0.6%2C0.2%2C0.7%2C0.4%20C7%2C13%2C7%2C13.3%2C7%2C13.5c0%2C0-0.1%2C0.5-0.1%2C0.6c0%2C0.2-0.2%2C0.7%2C0.6%2C0.4c0.8-0.3%2C4.3-2.5%2C5.9-4.4h0C14.5%2C9%2C15%2C7.8%2C15%2C6.4z%20M4.9%2C8.2%20c0%2C0.1-0.1%2C0.1-0.1%2C0.1H2.6h0c0%2C0-0.1%2C0-0.1%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0-0.1%2C0-0.1v0V5c0-0.1%2C0.1-0.1%2C0.1-0.1h0.5%20c0.1%2C0%2C0.1%2C0.1%2C0.1%2C0.1v2.6h1.4c0.1%2C0%2C0.1%2C0.1%2C0.1%2C0.1V8.2z%20M6.1%2C8.2c0%2C0.1-0.1%2C0.1-0.1%2C0.1H5.5c-0.1%2C0-0.1-0.1-0.1-0.1V5%20c0-0.1%2C0.1-0.1%2C0.1-0.1H6c0.1%2C0%2C0.1%2C0.1%2C0.1%2C0.1V8.2z%20M9.7%2C8.2c0%2C0.1-0.1%2C0.1-0.1%2C0.1H9.1c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0%20c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0l-1.5-2v1.9c0%2C0.1-0.1%2C0.1-0.1%2C0.1H6.8%20c-0.1%2C0-0.1-0.1-0.1-0.1V5c0-0.1%2C0.1-0.1%2C0.1-0.1h0.5c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0%20c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0%20c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0l1.5%2C2V5c0-0.1%2C0.1-0.1%2C0.1-0.1h0.5c0.1%2C0%2C0.1%2C0.1%2C0.1%2C0.1V8.2z%20M12.6%2C5.5%20c0%2C0.1-0.1%2C0.1-0.1%2C0.1h-1.4v0.6h1.4c0.1%2C0%2C0.1%2C0.1%2C0.1%2C0.1v0.5c0%2C0.1-0.1%2C0.1-0.1%2C0.1h-1.4v0.6h1.4c0.1%2C0%2C0.1%2C0.1%2C0.1%2C0.1v0.5%20c0%2C0.1-0.1%2C0.1-0.1%2C0.1h-2.1h0c0%2C0-0.1%2C0-0.1%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0-0.1%2C0-0.1v0V5v0c0%2C0%2C0-0.1%2C0-0.1c0%2C0%2C0%2C0%2C0%2C0%20c0%2C0%2C0%2C0%2C0%2C0c0%2C0%2C0.1%2C0%2C0.1%2C0h0h2.1c0.1%2C0%2C0.1%2C0.1%2C0.1%2C0.1V5.5z%22%2F%3E%3C%2Fsvg%3E');
	background-position: 3px center;
}
.share .ln a:hover,
.share .ln a:focus {
	background-color: #02a52f;
}

/***** Company data *****/
.companyData {
	align-items: flex-start;
	display: flex;
}
.companyData .image {
	flex: 0 0 300px;
	margin: 32px 40px 0 0;
	text-align: center;
}
.companyData .text {
	border: none;
	display: flex; 
	flex-wrap: wrap;
	margin: 32px 0 0 0;
}
.companyData dt:first-of-type,
.companyData dd:first-of-type {
	padding-top: 0;
}
.companyData dt {
	box-sizing: border-box;
	border-bottom: 1px dotted #808080;
	margin: 0;
	padding: calc(16px - 1em * .25) 8px;
	width: 163px;
}
.companyData dd {
	border-bottom: 1px dotted #808080;
	margin: 0;
	padding: calc(16px - 1em * .25) 0;
	width: calc(100% - 163px);
}
@media screen and (max-width:767px){
	.companyData {
		display: block;
		margin-top: 24px;
	}
	.companyData .image {
		width: 100%;
	}
	.companyData .image img {
		display: block;
		margin: 0 auto;
	}
	.companyData .text {
		flex-wrap: wrap;
		width: 100%;
	}
	.companyData dt {
		padding-left: 0;
		width: 109px;
	}
	.companyData dd {
		padding: calc(16px - 1em * .25) 0;
		width: calc(100% - 109px);
	}
}

/***** Profile *****/
.profile {
	display: flex;
	margin-top: 32px;
}
.profile .text {
	width: 100%;
}
.profile .text .name {
	font-size: 1.8rem;
	font-weight: bold;
	border: none;
}
.profile .image {
	flex: 0 0 198px;
	margin-left: 40px;
	text-align: center;
	width: 198px;
}
.profile .image img {
	display: block;
	margin: 0 auto;
}
@media screen and (max-width:767px){
	.profile {
		margin-top: 24px;
		flex-direction: column;
	}
	.profile .text {
		margin-top: 32px;
		order: 2;
		width: 100%;
	}
	.profile .text .name {
		font-size: 1.4rem;
	}
	.profile .image {
		margin: 0;
		order: 1;
		width: 100%;
	}
	.profile .image img {
		width: 158px;
	}
	.profile .image figcaption {
		display: block;
		margin: calc(16px - 1em * .25) auto 0;
		width: 200px;
	}
}

/***** Search *****/
.search {
	background: #f7f7f7;
	border: 1px solid #808080;
	box-sizing: border-box;
	margin: 40px auto 0;
	padding: calc(32px - 2.2rem * .25) 0 32px 0;
	width: 555px;
}
.search .title {
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
}
.search .form {
	display: flex;
	height: 32px;
	margin: calc(24px - 2.2rem * .25) auto 0;
	width: 457px;
}
.search .form .gcs-text-box {
	width: 422px;
}
.search .form .gcs-submit {
	margin-left: auto;
}
.search .form .gcs-submit .icon-search {
	display: block;
	font-size: 2.4rem;
	padding-top: 2px;
}
@media screen and (max-width:767px){
	.search {
		margin: 24px auto 0;
		padding: calc(24px - 2rem * .25) 24px 24px;
		width: 100%;
	}
	.search .title {
		font-size: 2rem;
	}
	.search .form {
		height: 32px;
		margin: calc(24px - 2rem * .25) auto 0;
		width: 100%;
	}
	.search .form .gcs-text-box {
		width: calc(100% - 40px) ;
	}
	.search .form .gcs-submit {
		margin-left: auto;
	}
}

/*----------------------------------------------------------
	5.Page Setting
		5-1.Top Page
		5-2.Headline Page
		5-3.List Page
----------------------------------------------------------*/

/****************************************
	5-1.Top Page
****************************************/
/***** Slider *****/
@media screen and (max-width:767px){
	#slider-box {
		margin: 0 0 50px 0;
		height: auto;
		padding: 0;
		position: relative;
		z-index: 900;
	}
	#slider {
		background: #444;
	}
	.sp-slides {
		display: flex;
	}
	#slider .sp-mask {
		overflow: hidden;
		transition: height 0.1s ease 0s !important;
	}
	.sp-slide {
		display: flex;
		flex-direction: column;
	}
	.sp-imgLink {
		text-align: center;
	}
	#slider-box .sp-layer {
		height: 100%;
		position: static;
		transform: none !important;
		transition: none;
		width: 100%;
	}
	.sp-layer a {
		box-sizing: border-box;
		color: #ffffff;
		display: block;
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 1.375em;
		padding: calc(16px - 1em * 0.375) 10px;
		width: 100%;
	}
	.sp-slide img {
		/* position: absolute; */
	}
	.sp-layer:hover {
		background: rgba(0,0,0,0);
	}
}

#slider-box .sp-buttons {
	bottom: -26px;
	padding: 0;
	position: absolute;
}
#slider-box .sp-button {
	background: #b3b3b3;
	border: none;
	border-radius: 0;
	margin: 0 8px;
	height: 10px;
	width: 20px;
}
#slider-box .sp-selected-button {
	background: #b32424;
}

@media screen and (max-width:767px){
#slider-control {
	bottom: 0;
	height: 0;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: calc(-16.47% - .5em);
	width: calc(100% - 12px);
	z-index: 1;
}


.next-btn, .prev-btn {
	background: rgba(255,255,255,.75);
	border-radius: 50%;
	bottom: 0;
	color: #333;
	cursor: pointer;
	height: 35px;
	margin: auto;
	position: absolute;
	text-align: center;
	top: -17.5px;
	transition: background-color .3s ease;
	width: 35px;
}
.next-btn i.icons, .prev-btn i.icons {
	font-size: 1.8rem;
	line-height: 37.5px;
	margin: 0;
}
.next-btn:hover, .prev-btn:hover {
	background: rgba(255,255,255,1);
}
.next-btn {
	padding-left: 1px;
	right: 0px;
}
.prev-btn {
	padding-right: 1px;
	left: 0px;
}

}

#slider-pbutton {
	bottom: 0px;
	height: 0;
	margin: auto;
	position: absolute;
	right: 0;
	width: 100%;
	z-index: 100;
}

#slider-pbutton button {
	background: #b32424;;
	border-radius: 2px;
	bottom: -33px;
	height: 24px;
	position: absolute;
	right: 8px;
	transition: background-color .3s ease;
	width: 24px;
}

#slider-pbutton button:hover, #slider-pbutton button:focus {
	cursor: pointer;
}
#slider-pbutton i.icons {
	font-size: 1.2rem;
	color: #fff;
}
#slider-pbutton .icon-play, #slider-pbutton.pause .icon-pause {
  display: none;
}
#slider-pbutton.pause .icon-play {
  display: inline-block;
}



.topPage h2 {
	border: none;
	color: #4d4d4d;
	font-size: 2rem;
	line-height: 1em;
	margin-bottom: calc(16px - 16px * .25);
	padding: 0;
	text-align: center;
}
.topPage h2::before {
	height: 2px;
	top: calc(50% - 1px);
	width: 100%;
	z-index: 1;
}
.topPage h2::after {
	content: none;
}
.topPage h2 span {
	background: #fff;
	padding: 0 16px;
	position: relative;
	z-index: 10;
}
@media screen and (max-width:767px){
	.topPage h2 {
		font-size: 1.8rem;
		margin: 0;
		text-align: center;
	}
	.topPage h2 span {
		padding: 0 8px;
	}
}

.topPage .descText {
	text-align: center;
	margin: 0;
}
@media screen and (max-width:767px){
	.topPage .descText {
		display: none;
	}
}

.listArea {
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width:767px){
	.listArea {
		flex-direction: column;
		margin-top: 40px;
	}
}

.listArea h3 {
	border: none;
	font-size: 1.8rem;
	margin: 0 0 11px;
	padding: 0;
}
@media screen and (max-width:767px){
	.listArea h3 {
		font-size: 1.4rem;
	}
}

.listArea li {
	list-style: none;
	margin: 0;
}

.listArea .topicsBox {
	width: 891px;
	margin: 0;
}
@media screen and (max-width:1366px){
	.listArea .topicsBox {
		width: 794px;
	}
}
@media screen and (max-width:767px){
	.listArea .topicsBox {
		width: 100%;
	}
}

.topics-list,
.topics-listNoImage {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0;
}
@media screen and (max-width:767px){
	.topics-listNoImage {
		display: none;
	}
}

.topics-list::after{
  content: "";
  display: block;
  width: 277px;
}
@media screen and (max-width:767px){
	.topics-list {
		flex-direction: column;
	}
	.topics-list::after{
		content: none;
	}
}

.topicsBox .label {
	color: #333;
	margin:0 0 calc(10px - 18px * .25) 1px;
}
@media screen and (max-width:767px){
	.topicsBox .label {
		font-size: 1.2rem;
		line-height: 1.26em;
		margin: 0 0 calc(8px - 14px * .25) 0;
		width: 125px;
		min-width: 125px;
	}
}

.topicsBox li {
	margin-top: 40px;
}
@media screen and (max-width:767px){
	.topicsBox li {
		margin-top: calc(32px - 1.2rem * .25);
	}
}

.topics-list li {
	width: 277px;
}
.topics-listNoImage li {
	width: 431px;
	margin-top: 40px;
}
@media screen and (max-width:1366px){
	.topics-list li,
	.topics-listNoImage li {
		width: 381px;
	}
}
@media screen and (max-width:767px){
	.topics-list li {
		width: 100%;
	}
}

.topicsBox li > a {
	align-content: flex-start;
	background: #fff;
	box-shadow: 0px 0px 0 0 rgba(0,0,0,0.3);
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	outline: solid 8px #fff;
	text-decoration: none;
	transition: box-shadow .3s;
}
.topicsBox li > a:hover,
.topicsBox li > a:focus {
	box-shadow: 0 6px 12px 8px rgba(0,0,0,0.3);
}
.topicsBox li a h3 {
	text-decoration: underline;
}
.topicsBox li a:hover h3,
.topicsBox li a:focus h3 {
	text-decoration: none;
}
@media screen and (max-width:1366px){
	.topics-list li > a {
		display: block;
	}
	.topics-list li > a::after {
		content: "";
		display: table;
		clear: both;
	}
}
@media screen and (max-width:767px){
	.topicsBox li > a {
		box-shadow: 0px 0px 0 0 rgba(0,0,0,0.3);
		display: flex;
		height: auto;
		outline: none;
		transition: none;
	}
	.topicsBox li > a:hover,
	.topicsBox li > a:focus {
		box-shadow: none;
	}
}

.topics-list .topics-image {
	margin-bottom: 16px;
	width: 100%;
}
.topics-list .topics-image img {
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
}

@media screen and (max-width:1366px){
	.topics-list .topics-image {
		float: right;
		margin: 0 0 calc(16px - 1.6rem * .25) 16px;
		width: 190px;
	}
}
@media screen and (max-width:767px){
	.topics-list .topics-image {
		margin: 0 16px 0 0;
		order: 1;
		width: 120px;
	}
}

.topicsBox .topics-title {
	width: 100%;
}
@media screen and (max-width:767px){
	.topicsBox .topics-title {
		order: 2;
		width: calc(100% - 137px);
	}
}
.topicsBox .topics-title h3 {
	padding-left: 4px;
	text-align: justify;
}
@media screen and (max-width:767px){
	.topicsBox .topics-title h3 {
		padding-left: 0;
	}
}

.topicsBox .topics-text {
	width: 100%;
}
@media screen and (max-width:767px){
	.topicsBox .topics-text {
		order: 3;
	}
}
.topicsBox .topics-text p {
	color: #4d4d4d;
	font-size: 1.4rem;
	text-align: right;
}
@media screen and (max-width:767px){
	.topicsBox .topics-text p {
		font-size: 1.2rem;
	}
}
.topicsBox .topics-text p:first-child {
	display: none;
}
.topicsBox .topics-text p:last-child {
	margin: 0 0 1px;
}

.topics-list li:first-child {
	width: 584px;
}
.topics-list li:first-child a {
	display: block;
}
.topics-list li:first-child a::after {
	content: "";
	display: table;
	clear: both;
}
@media screen and (max-width:767px){
	.topics-list li:first-child {
		margin-top: 16px;
		width: 100%;
	}
	.topics-list li:first-child > a {
		display: flex;
	}
	.topics-list li:first-child a::after {
		content: none;
	}
}

.topics-list li:first-child .topics-text p:first-child {
	color: #333;
	display: block;
	font-size: 1.6rem;
	margin: 0 0 calc(16px - 1.6rem * .25) 0;
	padding-left: 4px;
	text-align: left;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
@media screen and (max-width:767px){
	.topics-list li:nth-child(n+5),
	.topics-list li:first-child .topics-text p:first-child {
		display: none;
	}
}
.topics-list li:first-child .topics-image {
	float: right;
	margin: 0 0 calc(16px - 1.6rem * .25) 16px;
	width: 325px;
}
@media screen and (max-width:1366px){
	.topics-list li:first-child {
		width: 100%;
	}
	.topics-list li:first-child .topics-title {
		float: left;
		width: 365px;
	}
	.topics-list li:first-child .topics-image {
		width: 413px;
	}
}
@media screen and (max-width:767px){
	.topics-list li:first-child .topics-title {
		float: none;
		width: calc(100% - 136px);
	}
	.topics-list li:first-child .topics-image {
		float: none;
		margin: 0 16px 0 0;
		width: 120px;
	}
}

.topicsBox .listLink {
	margin: calc(40px - 1.6rem * .25 * 2) 0 0;
	text-align: right;
}
.topicsBox .listLink a {
	color: #333;
}


.topPage #NewsBox {
	width: 435px;
	margin: 0;
}
@media screen and (max-width:1366px){
	.topPage #NewsBox {
		width: 386px;
	}
}
@media screen and (max-width:767px){
	.topPage #NewsBox {
		margin-top: calc(48px - 1.4rem * .25);
		width: 100%;
	}
}

.topPage #NewsBox li {
	border-bottom: 1px solid #e6e6e6;
	margin-top: 18px;
	padding-bottom: calc(24px - (1.4rem * .25));
}
.topPage #NewsBox li:first-child {
	margin-top: 34px;
}
@media screen and (max-width:767px){
	.topPage #NewsBox li {
		border-bottom: none;
		margin-top: calc(32px - 1.4rem * .25);
		padding-bottom: 0;
	}
	.topPage #NewsBox li:first-child {
		margin-top: 16px;
	}
}

.topPage #NewsBox li a {
	background: #fff;
	border-bottom: 1px solid #fff;
	box-shadow: 0px 0px 0 0 rgba(0,0,0,0.3);
	color: #333;
	display: block;
	outline: solid 8px #fff;
	text-decoration: none;
	transition: box-shadow .3s;
}
.topPage #NewsBox li a:hover,
.topPage #NewsBox li a:focus {
	box-shadow: 0 6px 12px 8px rgba(0,0,0,0.3);
}
.topPage #NewsBox li a::after {
	clear: both;
	content: "";
	display: table;
}
@media screen and (max-width:767px){
	.topPage #NewsBox li a {
		background: #fff;
		border-bottom: none;
		box-shadow: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		outline: none;
		transition: none;
	}
	.topPage #NewsBox li a:hover,
	.topPage #NewsBox li a:focus {
		box-shadow: none;
	}
}

.topPage #NewsBox li:first-child a {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}
.topPage #NewsBox li:first-child a {
	flex-direction: column;
}
@media screen and (max-width:767px){
	.topPage #NewsBox li:first-child a {
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.topPage #NewsBox li:first-child a {
		flex-direction: row;
	}
}

.topPage #NewsBox li a .titleImg {
	float: right;
	margin: 0 0 calc(10px - 1.6rem * .25) 16px;
	width: 120px;
}
.topPage #NewsBox li a .titleImg img {
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	margin-top: 6px;
}
.topPage #NewsBox li:first-child a .titleImg {
	margin: 0 auto;
	order: 0;
	width: auto;
	text-align: center;
}
.topPage #NewsBox li:first-child a .titleImg img {
	max-width: 300px;
}
@media screen and (max-width:767px){
	.topPage #NewsBox li a .titleImg,
	.topPage #NewsBox li:first-child a .titleImg {
		float: none;
		margin: 4px 16px 0 0;
		width: 120px;
	}
	.topPage #NewsBox li a .titleImg img,
	.topPage #NewsBox li:first-child a .titleImg img {
		margin-top: 0;
		max-width: 100%;
	}
}

.topPage #NewsBox li a .date-title {
	margin-left: 4px;
}
.topPage #NewsBox li a .date-title span {
	color: #666;
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1.5em;
}
.topPage #NewsBox li a .date-title h3 {
	font-size: 1.6rem;
	line-height: 1.5em;
	margin-top: calc(10px - 1.6rem * .25 - 1.4rem * .25);
}
.topPage #NewsBox li a .date-title h3 {
	text-decoration: underline;
}
.topPage #NewsBox li a:hover .date-title h3 {
	text-decoration: none;
}

.topPage #NewsBox li:first-child a .date-title {
	margin-top: 9px;
}
.topPage #NewsBox li:first-child a .date-title h3{
	font-size: 1.8rem;
	margin-top: calc(10px - 1.8rem * .25 - 1.4rem * .25);
	line-height: 1.444em;
}

.topPage #NewsBox li a .cate {
	clear: both;
	font-size: 1.4rem;
	margin-bottom: 1px;
	line-height: 1.5em;
	text-align: right;
}

.topPage #NewsBox .listLink {
	margin: calc(24px - 1.6rem * .25) 0 0;
	text-align: right;
}
.topPage #NewsBox .listLink a {
	color: #333;
}

@media screen and (max-width:767px){
	.topPage #NewsBox li a .date-title,
	.topPage #NewsBox li:first-child a .date-title {
		margin: 0;
		width: calc(100% - 136px);
	}
	.topPage #NewsBox li a .date-title span {
		font-size: 1.2rem;
	}
	.topPage #NewsBox li a .date-title h3,
	.topPage #NewsBox li:first-child a .date-title h3 {
		font-size: 1.4rem;
		line-height: 1.5em;
		margin: calc(8px - 1.4rem * .25 - 1.2rem * .25) 0 0;
	}
	
	.topPage #NewsBox li a .cate {
		font-size: 1.2rem;
		margin-top: calc(8px - 1.4rem * .25);
		text-align: right;
		width: 100%;
	}

	.topPage #NewsBox .listLink {
		margin: calc(32px - 1.2rem * .25) 0 0;
		text-align: right;
	}
}

.topPage .LinkBtnArea {
	margin-top: calc(80px - 1.6rem * .25);
}
.topPage .LinkBtnArea ul {
	display: flex;
	justify-content: space-between;
}
.topPage .LinkBtnArea ul li {
	list-style-type: none;
	margin: 0;
	width: calc(50% - 16px);
}
.topPage .LinkBtnArea ul li a {
	align-items: center;
	border: 1px solid #ccc;
	box-sizing: border-box;
	color: #4d4d4d;
	display: inline-flex;
	font-size: 1.8rem;
	font-weight: bold;
	height: 66px;
	justify-content: center;
	text-decoration: none;
	transition: background-color .3s, color .1s;
	width: 100%;
}
.topPage .LinkBtnArea ul li a:hover {
	background: #b32424;
	color: #ffffff;
}

.topPage .LinkBtnArea ul li a span {
	margin: 0 16px;
}
.topPage .LinkBtnArea ul li a .icons {
	font-size: 1.6rem;
	margin: 0;
}
.topPage .LinkBtnArea ul li a .icon-info {
	font-size: 2.8rem;
	vertical-align: middle;
}
.topPage .LinkBtnArea ul li a .icon-calendar {
	font-size: 2.4rem;
	vertical-align: middle;
}

.topPage .LinkBtnArea.pc-none {
	margin-top: 24px;
}
.topPage .LinkBtnArea.pc-none ul li {
	width: calc(50% - 8px);
}
.topPage .LinkBtnArea.pc-none ul li a {
	border-radius: 3px;
	font-size: 1.6rem;
	font-weight: normal;
	height: 60px;
	justify-content: flex-start;
}
.topPage .LinkBtnArea.pc-none ul li a span {
	margin: 0;
}
.topPage .LinkBtnArea.pc-none ul li a .icons {
	text-align: center;
	width: 60px;
}
@media screen and (max-width:374px){
	.topPage .LinkBtnArea.pc-none ul li {
		width: calc(50% - 4px);
	}
	.topPage .LinkBtnArea.pc-none ul li a {
		font-size: 1.4rem;
	}
	.topPage .LinkBtnArea.pc-none ul li a .icons {
		text-align: center;
		width: 52px;
	}
}
#SegmentMenu {
	margin: 85px 0 0;
}
@media screen and (max-width:767px){
	#SegmentMenu {
		margin: calc(48px - 1.4rem *.25) 0 0;
	}
}
#SegmentMenu .descText:last-child {
	margin-top: calc(48px - 1.6rem *.25);
}

#SegmentMenu .taskMenu {
	background: #ccc;
	display: flex;
	flex-wrap: wrap;
	padding: 1px 1px 0;
	justify-content: space-between;
	list-style-type: none;
	margin: calc(40px - 1.6rem * .25) 0 calc(49px - 1.6rem * .25);
}
#SegmentMenu .taskMenu li {
	border-bottom: 1px solid #ccc;
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	width: calc((100% - 2px) / 3);
}
#SegmentMenu .taskMenu li a {
	background: #ffffff;
	color: #333;
	display: block;
	padding-top: 152px;
	position: relative;
	text-decoration: none;
	transition: background-color .3s;
}
#SegmentMenu .taskMenu li a:hover,
#SegmentMenu .taskMenu li a:focus {
	background: #f0f0f0;
}
@media screen and (max-width:767px){
	#SegmentMenu .taskMenu {
		margin: 16px 0 0;
	}
	#SegmentMenu .taskMenu li {
		width: calc((100% - 1px) / 2);
	}
	#SegmentMenu .taskMenu li a {
		padding-top: 0;
	}
}

#SegmentMenu .taskMenu li a img {
	height: 152px;
	left: -100%;
	margin: auto;
	position: absolute;
	right: -100%;
	top: 0;
	width: auto;
	max-width: none;
}
@media screen and (max-width:767px){
	#SegmentMenu .taskMenu li a img {
		height: auto;
		position: static;
		width: auto;
		max-width: 100%;
	}
}

#SegmentMenu .taskMenu li a::after {
	content: "";
	display: block;
	height: 2px;
	position: absolute;
	top: 150px;
	width: 100%;
}
@media screen and (max-width:767px){
	#SegmentMenu .taskMenu li a::after {
		height: 1px;
		top: auto;
		bottom: 61px;
	}
}

#SegmentMenu .taskMenu li a .taskMenu-text::before {
	background-size: 24px 16px;
	content: "";
	display: inline-block;
	height: 16px;
	margin-right: 8px;
	width: 24px;
}
@media screen and (max-width:767px){
	#SegmentMenu .taskMenu li a .taskMenu-text::before {
		background-size: 19px 13px;
		height: 13px;
		margin: 1px 8px 0 0;
		width: 19px;
	}
}
@media screen and (max-width:374px){
	#SegmentMenu .taskMenu li a .taskMenu-text::before {
		background-size: 16px 11px;
		height: 11px;
		margin: 1px 4px 0 0;
		width: 16px;
	}
}

/* 人材不足 */
#SegmentMenu .taskMenu li.taskCate1 a .taskMenu-text::before,
nav .taskCate1 {
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2248px%22%20height%3D%2232px%22%20viewBox%3D%220%200%2048%2032%22%20style%3D%22enable-background%3Anew%200%200%2048%2032%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23008c2e%3B%7D%20.st1%7Bfill%3A%23004d19%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M28.9%2C17.8L17.8%2C28.9c-1.5%2C1.5-4%2C1.5-5.5%2C0L1.1%2C17.8c-1.5-1.5-1.5-4%2C0-5.5L12.2%2C1.1c1.5-1.5%2C4-1.5%2C5.5%2C0%20l11.1%2C11.1C30.4%2C13.8%2C30.4%2C16.2%2C28.9%2C17.8z%22%2F%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M47.4%2C24.4l-7%2C7c-0.8%2C0.8-2%2C0.8-2.8%2C0l-7-7c-0.8-0.8-0.8-2%2C0-2.8l7-7c0.8-0.8%2C2-0.8%2C2.8%2C0l7%2C7%20C48.2%2C22.4%2C48.2%2C23.6%2C47.4%2C24.4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
/* 強い組織 */
#SegmentMenu .taskMenu li.taskCate2 a .taskMenu-text::before,
nav .taskCate2 {
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2248px%22%20height%3D%2232px%22%20viewBox%3D%220%200%2048%2032%22%20style%3D%22enable-background%3Anew%200%200%2048%2032%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23802900%3B%7D%20.st1%7Bfill%3A%234d1900%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M28.9%2C17.8L17.8%2C28.9c-1.5%2C1.5-4%2C1.5-5.5%2C0L1.1%2C17.8c-1.5-1.5-1.5-4%2C0-5.5L12.2%2C1.1c1.5-1.5%2C4-1.5%2C5.5%2C0%20l11.1%2C11.1C30.4%2C13.8%2C30.4%2C16.2%2C28.9%2C17.8z%22%2F%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M47.4%2C24.4l-7%2C7c-0.8%2C0.8-2%2C0.8-2.8%2C0l-7-7c-0.8-0.8-0.8-2%2C0-2.8l7-7c0.8-0.8%2C2-0.8%2C2.8%2C0l7%2C7%20C48.2%2C22.4%2C48.2%2C23.6%2C47.4%2C24.4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
/* 生産性 */
#SegmentMenu .taskMenu li.taskCate3 a .taskMenu-text::before,
nav .taskCate3 {
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2248px%22%20height%3D%2232px%22%20viewBox%3D%220%200%2048%2032%22%20style%3D%22enable-background%3Anew%200%200%2048%2032%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%235e8c00%3B%7D%20.st1%7Bfill%3A%23334d00%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M28.9%2C17.8L17.8%2C28.9c-1.5%2C1.5-4%2C1.5-5.5%2C0L1.1%2C17.8c-1.5-1.5-1.5-4%2C0-5.5L12.2%2C1.1c1.5-1.5%2C4-1.5%2C5.5%2C0%20l11.1%2C11.1C30.4%2C13.8%2C30.4%2C16.2%2C28.9%2C17.8z%22%2F%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M47.4%2C24.4l-7%2C7c-0.8%2C0.8-2%2C0.8-2.8%2C0l-7-7c-0.8-0.8-0.8-2%2C0-2.8l7-7c0.8-0.8%2C2-0.8%2C2.8%2C0l7%2C7%20C48.2%2C22.4%2C48.2%2C23.6%2C47.4%2C24.4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
/* 商品開発・市場開拓 */
#SegmentMenu .taskMenu li.taskCate4 a .taskMenu-text::before,
nav .taskCate4 {
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2248px%22%20height%3D%2232px%22%20viewBox%3D%220%200%2048%2032%22%20style%3D%22enable-background%3Anew%200%200%2048%2032%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23005e8c%3B%7D%20.st1%7Bfill%3A%2300334d%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M28.9%2C17.8L17.8%2C28.9c-1.5%2C1.5-4%2C1.5-5.5%2C0L1.1%2C17.8c-1.5-1.5-1.5-4%2C0-5.5L12.2%2C1.1c1.5-1.5%2C4-1.5%2C5.5%2C0%20l11.1%2C11.1C30.4%2C13.8%2C30.4%2C16.2%2C28.9%2C17.8z%22%2F%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M47.4%2C24.4l-7%2C7c-0.8%2C0.8-2%2C0.8-2.8%2C0l-7-7c-0.8-0.8-0.8-2%2C0-2.8l7-7c0.8-0.8%2C2-0.8%2C2.8%2C0l7%2C7%20C48.2%2C22.4%2C48.2%2C23.6%2C47.4%2C24.4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
/* 資金繰り */
#SegmentMenu .taskMenu li.taskCate5 a .taskMenu-text::before,
nav .taskCate5 {
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2248px%22%20height%3D%2232px%22%20viewBox%3D%220%200%2048%2032%22%20style%3D%22enable-background%3Anew%200%200%2048%2032%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%232e008c%3B%7D%20.st1%7Bfill%3A%2319004d%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M28.9%2C17.8L17.8%2C28.9c-1.5%2C1.5-4%2C1.5-5.5%2C0L1.1%2C17.8c-1.5-1.5-1.5-4%2C0-5.5L12.2%2C1.1c1.5-1.5%2C4-1.5%2C5.5%2C0%20l11.1%2C11.1C30.4%2C13.8%2C30.4%2C16.2%2C28.9%2C17.8z%22%2F%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M47.4%2C24.4l-7%2C7c-0.8%2C0.8-2%2C0.8-2.8%2C0l-7-7c-0.8-0.8-0.8-2%2C0-2.8l7-7c0.8-0.8%2C2-0.8%2C2.8%2C0l7%2C7%20C48.2%2C22.4%2C48.2%2C23.6%2C47.4%2C24.4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
/* 事業承継 */
#SegmentMenu .taskMenu li.taskCate6 a .taskMenu-text::before,
nav .taskCate6 {
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2248px%22%20height%3D%2232px%22%20viewBox%3D%220%200%2048%2032%22%20style%3D%22enable-background%3Anew%200%200%2048%2032%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%238c005e%3B%7D%20.st1%7Bfill%3A%234d0034%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M28.9%2C17.8L17.8%2C28.9c-1.5%2C1.5-4%2C1.5-5.5%2C0L1.1%2C17.8c-1.5-1.5-1.5-4%2C0-5.5L12.2%2C1.1c1.5-1.5%2C4-1.5%2C5.5%2C0%20l11.1%2C11.1C30.4%2C13.8%2C30.4%2C16.2%2C28.9%2C17.8z%22%2F%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M47.4%2C24.4l-7%2C7c-0.8%2C0.8-2%2C0.8-2.8%2C0l-7-7c-0.8-0.8-0.8-2%2C0-2.8l7-7c0.8-0.8%2C2-0.8%2C2.8%2C0l7%2C7%20C48.2%2C22.4%2C48.2%2C23.6%2C47.4%2C24.4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}

#SegmentMenu .taskMenu li.taskCate1 a::after {
	background-color: #008c2e;
}
#SegmentMenu .taskMenu li.taskCate2 a::after {
	background-color: #802900;
}
#SegmentMenu .taskMenu li.taskCate3 a::after {
	background-color: #5e8c00;
}
#SegmentMenu .taskMenu li.taskCate4 a::after {
	background-color: #005e8c;
}
#SegmentMenu .taskMenu li.taskCate5 a::after {
	background-color: #2e008c;
}
#SegmentMenu .taskMenu li.taskCate6 a::after {
	background-color: #8c005e;
}

#SegmentMenu .taskMenu li a .taskMenu-text {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	font-size: 1.8rem;
	height: 66px;
	padding: 8px 0;
	justify-content: center;
	text-align: center;
}
#SegmentMenu .taskMenu li a .taskMenu-text p {
	margin: 0;
}
@media screen and (max-width:767px){
	#SegmentMenu .taskMenu li a .taskMenu-text {
		align-items: flex-start;
		font-size: 1.6rem;
		height: 62px;
		padding: 16px 0;
	}
	#SegmentMenu .taskMenu li a .taskMenu-text p {
		line-height: .9em;
	}
	#SegmentMenu .taskMenu li a .taskMenu-text span {
		font-size: 1.2rem;
	}
}
@media screen and (max-width:374px){
	#SegmentMenu .taskMenu li a .taskMenu-text {
		font-size: 1.25rem;
	}
	#SegmentMenu .taskMenu li a .taskMenu-text span {
		font-size: 1.1rem;
	}
	#SegmentMenu .taskMenu li a .taskMenu-text p {
		line-height: 1.1em;
	}
}

#SegmentMenu .infoMenu {
	border-bottom: 1px solid #999;
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
	padding: 0 24px calc(1.8rem - 1.8rem * .25);
}
@media screen and (max-width:1366px){
	#SegmentMenu .infoMenu {
		display: flex;
		padding: 0 0 calc(1.8rem - 1.8rem * .25);
	}
}
@media screen and (max-width:767px){
	#SegmentMenu .infoMenu {
		border-bottom: 2px solid #b3b3b3;
		flex-direction: column;
		margin-top: 40px;
		padding: 0;
	}
}

#SegmentMenu .infoMenu li {
	list-style-type: none;
	margin: calc(1em - 1em * .25) 0 0;
}
#SegmentMenu .infoMenu li a {
	color: #333;
	font-size: 1.8rem;
}
#SegmentMenu .infoMenu li a:hover {
	color: #666;
}
#SegmentMenu .infoMenu li a .icons {
	margin: 0 8px 0 0;
}
@media screen and (max-width:767px){
	#SegmentMenu .infoMenu li {
		border-top: 1px solid #e6e6e6;
		margin: 0;
	}
	#SegmentMenu .infoMenu li a {
		display: block;
		font-size: 1.6rem;
		padding: calc(20px - 1.6rem * .25) 32px calc(20px - 1.6rem * .25) 4px;
		position: relative;
		text-decoration: none;
	}
	#SegmentMenu .infoMenu li a .icons {
		font-size: 1.2rem;
		margin: auto;
		position: absolute;
		right: 16px;
	}
}

.topPage #LinkArea {
	margin-top: 80px;
}
.topPage #LinkArea::after { content: ""; display: table; clear: both; }

.topPage #LinkArea .keywords,
.topPage #LinkArea .recomend {
	width: 891px;
	float: left;
}
@media screen and (max-width:1366px){
	.topPage #LinkArea .keywords,
	.topPage #LinkArea .recomend {
		width: 794px;
	}
}
@media screen and (max-width:767px){
	.topPage #LinkArea {
		margin-top: 46px;
	}
	.topPage #LinkArea .keywords,
	.topPage #LinkArea .recomend {
		width: 100%;
		float: none;
	}
}

.topPage #LinkArea .keywords ul {
	display: flex;
	flex-wrap: wrap;
	padding: 0 16px 0 0;
	margin: calc(16px - 1.6rem * .25) 0 0 -8px;
}
@media screen and (max-width:1366px){
	.topPage #LinkArea .keywords ul {
		padding: 0;
		margin: calc(16px - 1.6rem * .25) 0 0 -24px;
	}
}
@media screen and (max-width:767px){
	.topPage #LinkArea .keywords ul {
		margin: 0 0 0 -8px;
	}
}
.topPage #LinkArea .keywords ul li {
	list-style-type: none;
	margin: 24px 0 0 24px;
}
.topPage #LinkArea .keywords ul li a {
	border: 1px solid #999;
	border-radius: 4px;
	box-sizing: border-box;
	color: #333;
	display: block;
	padding: calc(14px - 1.6rem * .25) 22px;
	text-decoration: none;
	transition: background-color .3s, color .1s;
}
.topPage #LinkArea .keywords ul li a:hover {
	background-color: #4d4d4d;
	color: #ffffff;
}
@media screen and (max-width:767px){
	.topPage #LinkArea .keywords ul li {
		margin: 16px 0 0 8px;
	}
	.topPage #LinkArea .keywords ul li a {
		padding: calc(13px - 1.4rem * .25) 13px;
	}
}

.topPage #LinkArea .recomend {
	margin-top: 80px;
}
.topPage #LinkArea .recomend ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 0 -30px;
}
.topPage #LinkArea .recomend ul::after{
  content: "";
  display: block;
  width: calc((100% - 90px) / 3);
}
.topPage #LinkArea .recomend ul li {
	border: 1px solid #999;
	box-sizing: border-box;
	display: flex;
	list-style-type: none;
	margin: 40px 0 0 30px;
	width: calc((100% - 90px) / 3);
}
@media screen and (max-width:1366px){
	.topPage #LinkArea .recomend ul {
		margin: 0 0 0 -24px;
	}
	.topPage #LinkArea .recomend ul::after{
		width: calc((100% - 72px) / 3);
	}
	.topPage #LinkArea .recomend ul li {
		margin: 40px 0 0 24px;
		width: calc((100% - 72px) / 3);
	}
}
@media screen and (max-width:767px){
	.topPage #LinkArea .recomend {
		margin-top: 40px;
	}
	.topPage #LinkArea .recomend ul {
		margin: 16px 0 0;
		flex-direction: column;
	}
	.topPage #LinkArea .recomend ul::after{
		content: none;
	}
	.topPage #LinkArea .recomend ul li {
		border: none;
		margin: 0;
		width: 100%;
	}
}

.topPage #LinkArea .recomend ul li a {
	color: #333;
	padding: calc((24px - 1.8rem * .25) + 66.6%) 15px calc(23px - 1.6rem * .25);
	position: relative;
	text-decoration: none;
	transition: background-color .3s;
	width: 100%;
}
.topPage #LinkArea .recomend ul li a:hover,
.topPage #LinkArea .recomend ul li a:focus {
	background: #f0f0f0;
}
.topPage #LinkArea .recomend ul li a img {
	border-bottom: 1px solid #e6e6e6;
	left: 0;
	position: absolute;
	top: 0;
}
.topPage #LinkArea .recomend ul li a h3 {
	border: none;
	font-size: 1.8rem;
	margin: 0;
	text-decoration: underline;
}
.topPage #LinkArea .recomend ul li a:hover h3 {
	text-decoration: none;
}
.topPage #LinkArea .recomend ul li a p {
	margin: calc(16px - 1.8rem * .25 - 1.6rem * .25) 0 0 0;
	text-decoration: none;
}
@media screen and (max-width:767px){
	.topPage #LinkArea .recomend ul li a {
		align-items: center;
		border-bottom: 1px solid #ccc;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 16px;
		padding: 0 0 calc(16px - 1.4rem * .25) 0;
		position: relative;
		text-decoration: none;
		transition: background-color .3s;
		width: 100%;
	}
	.topPage #LinkArea .recomend ul li a:hover,
	.topPage #LinkArea .recomend ul li a:focus {
		background: #f0f0f0;
		color: #333333;
	}
	.topPage #LinkArea .recomend ul li a img {
		border-bottom: none;
		left: auto;
		margin-right: 8px;
		position: static;
		top: auto;
		width: 120px;
	}
	.topPage #LinkArea .recomend ul li a h3 {
		font-size: 1.6rem;
		width: calc(100% - 129px);
	}
	.topPage #LinkArea .recomend ul li a p {
		margin: 16px 0 0 0;
		padding: 0 8px;
	}
}

.topPage #LinkArea .right {
	width: 435px;
	float: right;
}
@media screen and (max-width:1366px){
	.topPage #LinkArea .right {
		width: 386px;
	}
}
@media screen and (max-width:767px){
	.topPage #LinkArea .right {
		float: none;
		margin-top: 40px;
		width: 100%;
	}
}

.topPage #LinkArea .right ul li {
	list-style-type: none;
	margin: 0;
}
.topPage #LinkArea .right ul li + li {
	margin-top: 24px;
}
@media screen and (max-width:767px){
	.topPage #LinkArea .right ul li + li {
		margin-top: 16px;
	}
}
.topPage #LinkArea .right ul li a {
	display: block;
	position: relative;
	transition: opacity .3s;
}
.topPage #LinkArea .right ul li a .icon-external {
	background: #ffffff;
	border-radius: 3px;
	margin: 0;
	padding: 0 6px;
	position: absolute;
	top: 8px;
	right: 8px;
}
.topPage #LinkArea .right ul li a:hover {
	opacity: .8;
}


/****************************************
	5-2.Headline Page
****************************************/
.HL-top-cateTitle {
	border: none;
	font-size: 2rem;
	text-align: center;
}
.HL-top-cateLink {
	display: flex;
	justify-content: space-between;
	margin: 8px 0 0;
}
.HL-top-cateLink li {
	display: flex;
	list-style-type: none;
	margin: 16px 0 0;
	width: calc((100% - 32px) / 3);
}
.HL-top-cateLink li a {
	border-radius: 10px;
	box-sizing: border-box;
	color: #ffffff;
	display: block;
	padding: calc(204px - 1em * .25) 16px 16px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: background-color .3s;
	width: 100%;
}
.HL-top-cateLink .HL-support a {
	background: #006B53;
}
.HL-top-cateLink .HL-support a:hover {
	background: #406B62;
}
.HL-top-cateLink .HL-event a {
	background: #8C003D;
}
.HL-top-cateLink .HL-event a:hover {
	background: #8C385D;
}
.HL-top-cateLink .HL-public a {
	background: #775300;
}
.HL-top-cateLink .HL-public a:hover {
	background: #776230;
}
.HL-top-cateLink li a h4 {
	border: none;
	color: #ffffff;
	margin: 0;
	position: absolute;
	top: calc(20px - 1em * .25);
	width: calc(100% - 32px);
}
.HL-top-cateLink li a i.icons {
	color: #ffffff;
	display: block;
	font-size: 12rem;
	margin: 0;
	position: absolute;
	top: 68px;
	line-height: 1em;
	width: calc(100% - 32px);
}
@media screen and (max-width:767px){
	.HL-top-cateTitle {
		font-size: 1.8rem;
	}
	.HL-top-cateLink {
		flex-wrap: wrap;
		margin: 0;
	}
	.HL-top-cateLink li {
		width: 100%;
	}
	.HL-top-cateLink li a {
		align-items: center;
		border-radius: 8px;
		display: inline-flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 16px;
		text-align: left;
	}
	.HL-top-cateLink li a h4 {
		position: static;
		width: auto;
	}
	.HL-top-cateLink li a i.icons {
		font-size: 6rem;
		margin: 0 0 0 auto;
		position: static;
		line-height: 1em;
		text-align: center;
		width: 74px;
	}
	.HL-top-cateLink li a span {
		margin-top: calc(16px - 1em * .25);
	}
	.HL-top-cateLink li a span br {
		display: none;
	}
}

.HL-common main h1 {
	padding-left: 56px;
	position: relative;
}
.HL-common main h1::before {
	font-family: 'JNet21Icon' !important;
	font-size: 3rem;
	left: 8px;
	position: absolute;
	top: 1px;
}
@media screen and (max-width:767px){
	.HL-common main h1 {
		padding-left: 40px;
	}
	.HL-common main h1::before {
		font-size: 2.2rem;
		left: 6px;
		top: 1px;
	}
}

.HL-common.HL-support main h1,
.HL-common.HL-support main h2,
.HL-common.HL-support main h3,
.HL-common.HL-support main h4 {
	border-color: #006B53;
}
.HL-common.HL-support main h1::before {
	color: #006b53;
	content: "\e90b";
}
.HL-common.HL-support main h2::before,
.HL-common.HL-support main h2::after {
	background: #006B53;
}

.HL-common.HL-event main h1,
.HL-common.HL-event main h2,
.HL-common.HL-event main h3,
.HL-common.HL-event main h4 {
	border-color: #8C003D;
}
.HL-common.HL-event main h1::before {
	color: #8C003D;
	content: "\e905";
}
.HL-common.HL-event main h2::before,
.HL-common.HL-event main h2::after {
	background: #8C003D;
}

.HL-common.HL-public main h1,
.HL-common.HL-public main h2,
.HL-common.HL-public main h3,
.HL-common.HL-public main h4 {
	border-color: #775300;
}
.HL-common.HL-public main h1::before {
	color: #775300;
	content: "\e907";
}
.HL-common.HL-public main h2::before,
.HL-common.HL-public main h2::after {
	background: #775300;
}

.HL-form {
	background: #f2f2f2;
	padding: 24px;
	margin: 24px 0 0;
}
@media screen and (max-width:767px){
	.HL-form {
		padding: 24px 16px 24px;
		margin: 24px 0 0;
	}
}

.HL-form .region,
.HL-form .genre,
.HL-form .freeWord {
	display: flex;
	margin-bottom: 20px;
}
.HL-form .region {
	margin: 0;
}
@media screen and (max-width:767px){
	.HL-form .genre {
		margin: 5px 0 10px;
		flex-direction: column;
	}
}
.HL-form .region .title,
.HL-form .genre .genreInner .title {
	font-size: 1.8rem;
	font-weight: bold;
	flex: 0 0 60px;
}
@media screen and (max-width:767px){
	.HL-form .region .title,
	.HL-form .genre .genreInner .title {
		font-size: 1.6rem;
		flex: 0 0 100%;
	}
}

.HL-form .regionInner {
	flex: 1;
}
.HL-form .regionInner button {
	padding-right: 19px;
	position: relative;
}
.HL-form .regionInner button:hover {
	cursor: pointer;
}
.HL-form .regionInner button::after {
	bottom: 0;
	display: block;
	font-family: 'JNet21Icon' !important;
	font-size: 0.8em;
	line-height: 1em;
	height: 1em;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 1em;
}
.HL-form .regionInner button[aria-expanded="false"]::after { content: "\e90d"; }
.HL-form .regionInner button[aria-expanded="true"]::after { content: "\e910"; }

#regionSelect {
	height: 0;
	margin-top: calc(16px - 1em * .25);
	overflow: hidden;
}

.regionSelectInner {
	border-top: 1px solid #999;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 13px 0 20px 16px;
}
@media screen and (max-width:767px){
	.regionSelectInner {
		padding: 19px 0 0 0;
	}
}
#regionSelect input {
	position: absolute;
	opacity: 0;
}

/*.HL-support #region48 + label,
.HL-public #region48 + label,
.HL-event #region00 + label {
	display: none;
}*/

#regionSelect label {
	box-sizing: border-box;
	margin-bottom: 20px;
	padding-left: 22px;
	position: relative;
	width: calc(100% / 7);
}
@media screen and (max-width:767px){
	#regionSelect label {
		padding-left: 16px;
		width: calc(100% / 3);
	}
}
#regionSelect label::before {
	bottom: 0;
	content: "";
	background : #fff;
	border: 1px solid #999;
	border-radius : 2px;
	height: 14px;
	left: 0;
	margin: auto;
	position: absolute;
	top: 0;
	width: 14px;
	z-index: 0;
}
#regionSelect input[type="checkbox"]:checked + label::after {
	background: url('/common/img/icon_check.svg') no-repeat;
	background-size: 14px 14px;
	bottom: 6px;
	content: "";
	height: 14px;
	left: 3px;
	margin: auto;
	position: absolute;
	top: 0;
	width: 14px;
	z-index: 1;
}
@media screen and (max-width:767px){
	#regionSelect label::before {
		top: 1px;
		height: 10px;
		width: 10px;
	}
	#regionSelect input[type="checkbox"]:checked + label::after {
		background-size: 10px 10px;
		bottom: 4px;
		height: 10px;
		left: 2px;
		width: 10px;
	}
}

#regionSelect input:focus + label::before {
  outline: 1px dotted #333;
}

.HL-form .genre .genreInner {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	width: 50%;
}
@media screen and (max-width:767px){
	.HL-form .genre .genreInner {
		width: 100%;
	}
	.HL-form .genre .genreInner + .genreInner {
		margin-top: 15px;
	}
}

.genre-selectBox {
	background: #fff;
	border: 1px solid #999;
	flex: 0 0 320px;
	position: relative;
	cursor: pointer;
}

@media screen and (max-width:767px){
	.genre-selectBox {
		flex: 0 0 100%;
	}
	.HL-form .genreInner .description{
		margin-left: 0;
		font-size: 1.4rem;
	}
}

.genre-selectBox select {
	background: transparent;
	background-image: none;
	box-shadow: none;
	box-sizing: border-box;
	color: #333;
	cursor: pointer;
	line-height: 30px;
	padding: 0 36px 0 20px;
	width: 100%;
}

.genre-selectBox select::-ms-expand {
	display: none;
}
.genre-selectBox::before {
	bottom: 0;
	content: "\e90d";
	font-family: 'JNet21Icon' !important;
	font-size: 1.6rem;
	height: 16px;
	line-height: 1em;
	margin: auto;
	padding: 0;
	pointer-events: none;
	position: absolute;
	right: 11px;
	top: 0;
	width: 16px;
}

.HL-form .freeWord {
	align-items: center;
}
@media screen and (max-width:767px){
	.HL-form .freeWord {
		flex-wrap: wrap;
	}
}
.HL-form .freeWord .title {
	font-size: 1.8rem;
	font-weight: bold;
	flex: 0 0 132px;
}
@media screen and (max-width:767px){
	.HL-form .freeWord .title {
		font-size: 1.6rem;
		flex: 0 0 100%;
	}
}
.HL-form .freeWord #freeWord {
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #999;
	flex: 0 0 594px;
	font-size: 1.6rem;
	height: 32px;
	line-height: 32px;
	padding: 0 20px;
}
@media screen and (max-width:767px){
	.HL-form .freeWord #freeWord {
		flex: 0 1 100%;
		font-size: 1.6rem;
		height: 30px;
		line-height: 30px;
		margin-top: calc(10px - 1.6rem * .25);
		padding: 0 12px;
	}
}

.HL-form .detailConditionButton,
.HL-form .buttons {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	width: 524px;
}

.HL-form .detailConditionButton button,
.HL-form .buttons button {
	box-sizing: border-box;
	cursor: pointer;
	font-size: 1.8rem;
	font-weight: bold;
	border-radius: 2px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	transition: background-color .3s;
	width: 222px;
}

.HL-form .detailConditionButton button {
	width: 100%;
	font-size: 1.6rem;
	line-height: 30px;
	height: 30px;
}

.HL-form .buttons button[type="submit"] {
	background: #2b265e;
	color: #fff;
}
.HL-form .buttons button[type="submit"]:hover {
	background: #45425e;
}

.HL-form .detailConditionButton button[type="button"],
.HL-form .buttons button[type="button"] {
	border: 1px solid #6e6e6e;
	background: #d8f1f5;
	color: #333;
}

.HL-form .detailConditionButton button[type="button"]:hover,
.HL-form .buttons button[type="button"]:hover {
	background: #a0dce6;
}
@media screen and (max-width:767px){
	.HL-form .buttons {
		width: 100%;
	}
	.HL-form .buttons button {
		font-size: 1.6rem;
		width: calc(50% - 16px);
	}
	.HL-form .detailConditionButton {
		font-size: 1.6rem;
		width: 100%;
	}
}
@media screen and (max-width:374px){
	.HL-form .buttons button {
		font-size: 1.4rem;
		width: calc(50% - 8px);
	}
}

.HL-result {
	margin-top: 50px;
	padding-top: calc(42px - 2rem * .25);
	position: relative;
}
.HL-result::before {
	background: #e6e6e6;
	content: "";
	display: block;
	height: 2px;
	left: 50%;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: 100vw;
}
#spBox {
	overflow: hidden;
	width: 100%;
}
@media screen and (max-width:767px){
	.HL-result {
		margin-top: 20px;
		padding-top: calc(33px - 1.8rem * .25);
	}
	.HL-result::before {
		height: 1px;
	}
}
.HL-result .title {
	color: #4d4d4d;
	font-size: 2rem;
	font-weight: bold;
}
@media screen and (max-width:767px){
	.HL-result .title {
		font-size: 1.8rem;
		text-align: center;
	}
}

.HL-result .currentSearchCondition{
	background: #f2f2f2;
	padding: 15px;
}
.HL-result .currentSearchCondition .condition{
	font-size: 1.6rem;
}
.HL-form .detailCondition{
	margin-bottom:10px;
}

.HL-result .sort {
	align-items: center;
	display: flex;
	margin: calc(40px - 2rem * .25) 0 80px;
}
@media screen and (max-width:767px){
	.HL-result .sort {
		flex-wrap: wrap;
		margin: calc(24px - 1.8rem * .25) 0 40px;
	}
}

.HL-result .sort .title {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 24px 0 0;
}
@media screen and (max-width:767px){
	.HL-result .sort .title {
		font-size: 1.6rem;
		margin: 0;
		text-align: left;
		width: 88px;
	}
	.HL-result .sort .title:nth-child(3) {
		margin-top: 16px;
	}
}

.HL-result .sort .selectBox {
	background: #f2f2f2;
	border: 1px solid #999;
	flex: 0 0 248px;
	margin-right: 40px;
	position: relative;
}
.HL-result .sort .selectBox:last-child {
	flex: 0 0 160px;
}
@media screen and (max-width:767px){
	.HL-result .sort .selectBox {
		flex: 1 1 auto;
		margin-right: 0;
		width: calc(100% - 90px);
	}
	.HL-result .sort .selectBox:last-child {
		margin-top: 16px;
	}
}
.HL-result .sort .selectBox select {
	background: transparent;
	background-image: none;
	box-shadow: none;
	box-sizing: border-box;
	color: #333;
	cursor: pointer;
	line-height: 30px;
	padding: 0 36px 0 20px;
	width: 100%;
}
.HL-result .sort .selectBox select::-ms-expand {
	display: none;
}
.HL-result .sort .selectBox::before {
	bottom: 0;
	content: "\e90d";
	font-family: 'JNet21Icon' !important;
	font-size: 1.6rem;
	height: 16px;
	line-height: 1em;
	margin: auto;
	padding: 0;
	pointer-events: none;
	position: absolute;
	right: 11px;
	top: 0;
	width: 16px;
}

.HL-pagenation {
	display: flex;
	justify-content: center;
	margin-top: 40px;
}
@media screen and (max-width:767px){
	.HL-pagenation {
		flex-wrap: wrap;
	}
}
.HL-pagenation .prevBox {
	display: flex;
	margin: 0 6px 0 0;
	width: 212px;
}
.HL-pagenation .nextBox {
	display: flex;
	margin: 0 0 0 6px;
	width: 212px;
}
@media screen and (max-width:767px){
	.HL-pagenation .prevBox {
		margin: 24px 6.5px 0 0;
		order: 2;
		width: calc(50% - 6.5px);
		max-width: 172px;
	}
	.HL-pagenation .nextBox {
		margin: 24px 0 0 auto;
		order: 3;
		width: calc(50% - 6.5px);
		max-width: 172px;
	}
}

.HL-pagenation li {
	list-style-type: none;
	margin: 0;
}

.HL-pagenation a {
	align-items: center;
	border: 1px solid #999;
	box-sizing: border-box;
	color: #333333;
	display: inline-flex;
	font-weight: bold;
	height: 40px;
	position: relative;
	text-decoration: none;
	transition: background-color .3s;
}
.HL-pagenation a:hover {
	background: #f2f2f2;
}

.HL-pagenation .prevBox a {
	padding-left: 40px;
	width: 100px;
}
.HL-pagenation .nextBox a {
	padding-right: 40px;
	justify-content: flex-end;
	width: 100px;
}
@media screen and (max-width:767px){
	.HL-pagenation .prevBox li,
	.HL-pagenation .nextBox li {
		width: calc(50% - 6px);
	}
	.HL-pagenation .prevBox a {
		padding-left: 28px;
		width: 100%;
	}
	.HL-pagenation .nextBox a {
		padding-right: 28px;
		width: 100%;
	}
}
@media screen and (max-width:374px){
	.HL-pagenation .prevBox a {
		padding-left: 24px;
		font-size: 1.2rem;
	}
	.HL-pagenation .nextBox a {
		padding-right: 24px;
		font-size: 1.2rem;
	}
}
.HL-pagenation .prevBox .prev {
	margin-left: auto;
}
.HL-pagenation .nextBox .next {
	margin-right: auto;
}

.HL-pagenation .prevBox a::before,
.HL-pagenation .prevBox a::after,
.HL-pagenation .nextBox a::before,
.HL-pagenation .nextBox a::after {
	bottom: 0;
	color: #b3b3b3;
	font-family: 'JNet21Icon' !important;
	height: 16px;
	left: 0;
	line-height: 1em;
	margin: auto;
	padding: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 16px;
}
.HL-pagenation .prevBox a::before,
.HL-pagenation .prevBox a::after {
	content: "\e90e";
	left: 8px;
	right: auto;
}
.HL-pagenation .prevBox a::after {
	left: 16px;
}

.HL-pagenation .nextBox a::before,
.HL-pagenation .nextBox a::after {
	content: "\e90f";
	right: 8px;
	left: auto;
}
.HL-pagenation .nextBox a::after {
	right: 16px;
}
.HL-pagenation .prevBox .prev a::after,
.HL-pagenation .nextBox .next a::after{
	content: none;
}
@media screen and (max-width:767px){
	.HL-pagenation .prevBox a::before,
	.HL-pagenation .prevBox a::after,
	.HL-pagenation .nextBox a::before,
	.HL-pagenation .nextBox a::after {
		height: 12px;
		width: 12px;
	}
	.HL-pagenation .prevBox a::before,
	.HL-pagenation .prevBox a::after {
		left: 5px;
	}
	.HL-pagenation .prevBox a::after {
		left: 11px;
	}
	
	.HL-pagenation .nextBox a::before,
	.HL-pagenation .nextBox a::after {
		right: 5px;
	}
	.HL-pagenation .nextBox a::after {
		right: 11px;
	}
}

.HL-pagenation .numberBox {
	margin: 0;
	display: flex;
}
.HL-pagenation .numberBox li {
	margin: 0 6px;
}
.HL-pagenation .numberBox a {
	font-size: 1.8rem;
	justify-content: center;
	min-width: 60px;
}
.HL-pagenation .numberBox .current {
	background: #2b265e;
	color: #fff;
}
@media screen and (max-width:767px){
	.HL-pagenation .numberBox {
		order: 1;
		justify-content: center;
		width: 100%;
	}
	.HL-pagenation .numberBox li {
		margin: 0 6px;
	}
	.HL-pagenation .numberBox a {
		font-size: 1.6rem;
		min-width: 54px;
	}
}
@media screen and (max-width:374px){
	.HL-pagenation .numberBox a {
		min-width: 50px;
	}
}

.HL-resultList {
	border-top: 2px solid #e6e6e6;
	margin: 40px 0 0;
}
.HL-resultList li {
	border-bottom: 2px solid #e6e6e6;
	display: flex;
	list-style-type: none;
	margin: 0;
	padding: calc(24px - 1.8rem * .25) 8px calc(40px - 1em * .25);
}
@media screen and (max-width:767px){
	.HL-resultList {
		border-top: 1px solid #e6e6e6;
	}
	.HL-resultList li {
		border-bottom: 1px solid #e6e6e6;
		flex-direction: column;
		padding: 24px 0;
	}
}

.HL-resultList .date-electric {
	color: #666;
	font-size: 1.4rem;
	flex: 0 0 134px;
}
.HL-resultList .electric {
  background: #0073B3;
	border-radius: 3px;
	color: #ffffff;
	display: inline-block;
	line-height: 1em;
	margin: calc(14px - 1em * .25) 0 0;
	padding: 8px 12px;
}
@media screen and (max-width:767px){
	.HL-resultList .date-electric {
		color: #333;
		font-size: 1.2rem;
		flex: 0 0 28px;
	}
	.HL-resultList .electric {
		margin: 0 0 0 26px;
		padding: 8px 10px;
	}
}

.HL-resultList .title-meta {
	width: 778px;
}
.HL-resultList .title {
	color: #333;
	font-size: 1.8rem;
	font-weight: bold;
}
.HL-resultList .meta {
	border: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: calc(12px - 1em * .25 - 1.8rem * .25) 0 0 0;
}
.HL-resultList .meta::after {
	content: none;
}
@media screen and (max-width:767px){
	.HL-resultList .title-meta {
		width: 100%;
		margin-top: calc(16px - 1.6rem * .25);
	}
	.HL-resultList .title {
		color: #333333;
		font-size: 1.6rem;
	}
	.HL-resultList .meta {
		margin: calc(24px - 1em * .25 - 1.6rem * .25) 0 0 0;
	}
}

.HL-resultList .meta dt,
.HL-resultList .meta dd {
	font-weight: normal;
	margin: calc(12px - 1em * .25) 0 0 0;
}
.HL-resultList .meta dt {
	position: relative;
	width: 84px;
}
.HL-resultList .meta dt::after {
	content: "：";
	right: 0;
	position: absolute;
	top: 0;
}
.HL-resultList .meta dd {
	width: 682px;
}
@media screen and (max-width:767px){
	.HL-resultList .meta dt {
		width: 76px;
	}
	.HL-resultList .meta dd {
		width: calc(100% - 88px);
	}
}

.HL-cateLink {
	align-items: center;
	display: flex;
	justify-content: center;
	margin: 80px 0 0 0;
}
.HL-cateLink li {
	display: flex;
	height: 66px;
	margin: 0 40px;
	width: 258px;
}
@media screen and (max-width:767px){
	.HL-cateLink {
		margin: 64px -16px 0 -16px;
	}
	.HL-cateLink li {
		height: 69px;
		margin: 0 16px;
		width: calc(50% - 16px);
	}
}
@media screen and (max-width:374px){
	.HL-cateLink {
		margin: 64px -8px 0 -8px;
	}
	.HL-cateLink li {
		height: 69px;
		margin: 0 8px;
		width: calc(50% - 8px);
	}
}
.HL-cateLink li a {
	align-items: center;
	border-radius: 8px;
	color: #fff;
	display: flex;
	font-size: 1.8rem;
	font-weight: bold;
	justify-content: center;
	text-decoration: none;
	width: 100%;
	transition: background-color .3s;
}
@media screen and (max-width:767px){
	.HL-cateLink li a {
		font-size: 1.6rem;
		text-align: center;
	}
}
@media screen and (max-width:374px){
	.HL-cateLink li a {
		font-size: 1.4rem;
	}
}

.HL-cateLink .HL-support a {
	background: #006B53;
}
.HL-cateLink .HL-support a:hover {
	background: #406B62;
}
.HL-cateLink .HL-event a {
	background: #8C003D;
}
.HL-cateLink .HL-event a:hover {
	background: #8C385D;
}
.HL-cateLink .HL-public a {
	background: #775300;
}
.HL-cateLink .HL-public a:hover {
	background: #776230;
}
.HL-event .HL-cateLink .HL-event,
.HL-support .HL-cateLink .HL-support,
.HL-public .HL-cateLink .HL-public {
	display: none;
}

.HL-cateLink li a .icons {
	font-size: 2.4rem;
	margin: 0 13px 0 0;
}
@media screen and (max-width:374px){
	.HL-cateLink li a .icons {
		font-size: 2rem;
		margin: 0 8px 0 0;
	}
}

@media screen and (max-width:767px){
	.HL-desc dt {
		margin: calc(20px - 1em * .25) 16px 0 16px;
		width: 98px;
	}
	.HL-desc dd {
		margin: calc(20px - 1em * .25) 0 0 auto;
		width: calc(100% - 130px);
	}
}

.HL-common .electricBtnBox {
	background: #f3f3fa;
	margin: calc(64px - 1em * .25) 0;
	padding: calc(32px - 1em * .25) 16px 32px;
	text-align: center;
}

.HL-common .electricBtnBox a {
	background: #0073b3;
	border-radius: 8px;
	color: #fff;
	display: block;
	font-size: 1.8rem;
	font-weight: bold;
	margin: calc(24px - 1em * .25) auto 0;
	padding: calc(18px - 1.8rem * .25) 0;
	text-decoration: none;
	transition: background-color .3s;
	width: 240px;
}
.HL-common .electricBtnBox a:hover,
.HL-common .electricBtnBox a:focus {
	background: #005280;
}
@media screen and (max-width:767px){
	.HL-common .electricBtnBox {
		margin: calc(40px - 1em * .25) -10px;
		padding: calc(24px - 1em * .25) 10px 24px;
	}
	.HL-common .electricBtnBox a {
		border-radius: 7px;
		font-size: 1.6rem;
		padding: calc(20px - 1.6rem * .25) 0;
		text-decoration: none;
	}
}

.HL-common .backPage {
	margin-top: 80px;
	text-align: center;
}

.HL-common .backPage a {
	background: #1c1d47;
	box-sizing: border-box;
	color: #fff;
	border-radius: 8px;
	color: #fff;
	display: inline-block;
	font-size: 1.8rem;
	font-weight: bold;
	padding: calc(24px - 1em * .25) 30px calc(24px - 1em * .25) 48px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: background-color .3s;
	min-width: 260px;
}
.HL-common .backPage a:hover,
.HL-common .backPage a:focus {
	background: #3c385e;
}
.HL-common .backPage a i.icon-openArrowLeft {
	bottom: 0;
	display: block;
	font-size: 3.2rem;
	height: 3.2rem;
	left: 17px;
	line-height: 1em;
	margin: auto;
	position: absolute;
	top: 0;
	width: 3.2rem;
}
@media screen and (max-width:767px){
	.HL-common .backPage {
		margin-top: 60px;
	}
	.HL-common .backPage a {
		border-radius: 7px;
		font-size: 1.6rem;
		padding: calc(20px - 1em * .25) 29px calc(20px - 1em * .25) 47px;
	}
	.HL-common .backPage a i.icon-openArrowLeft {
		font-size: 2.8rem;
		height: 2.8rem;
		left: 19px;
		width: 2.8rem;
	}
}

#regionSelect input:focus + label::before {
	outline: 1px dotted #333;
}

/* ↓ ADD */
.HL-form .category .categorySelectInner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#categorySelect input {
	position: absolute;
	opacity: 0;
}

.HL-form .yearRound .yearRoundInner {
	align-items: center;
	display: flex;
	width: 40%;
}

.HL-form .yearRound input {
	position: absolute;
	opacity: 0;
}

.HL-form .tag .title{
	font-size: 1.8rem;
	font-weight: bold;
	flex: 0 0 132px;
}


#yearRoundSelect label {
	box-sizing: border-box;
	padding-left: 0;
	position: relative;
	width: 80px;
    font-size: 1.8rem;
	font-weight: bold;
	flex: 0 0 180px;
}

#yearRoundSelect label::before {
	bottom: 0;
	content: "";
	background : #fff;
	border: 1px solid #999;
	border-radius : 2px;
	height: 14px;
	left: 200px;
	margin: auto;
	position: absolute;
	top: 0;
	width: 14px;
	z-index: 0;
}

#yearRoundSelect input[type="checkbox"]:checked + label::after {
	background: url('/common/img/icon_check.svg') no-repeat;
	background-size: 14px 14px;
	bottom: 6px;
	content: "";
	height: 14px;
	left: 203px;
	margin: auto;
	position: absolute;
	top: 0;
	width: 14px;
	z-index: 1;
}

.HL-form .category,  
.HL-form .tag,  
.HL-form .industry, 
.HL-form .city,
.HL-form .yearRound,
.HL-form .period {
	display: flex;
    margin-bottom: 15px;
}

.HL-form .period{
	margin-top: 10px;
}

.period-selectBox {
	background: #fff;
	border: 1px solid #999;
	flex: 0 0 200px;
	position: relative;
    margin-right: 10px;
}

.periodDateInner {
	flex:0 0 450px;
	display:flex;
}

.period-selectBox select {
	background: transparent;
	background-image: none;
	box-shadow: none;
	box-sizing: border-box;
	color: #333;
	cursor: pointer;
	line-height: 30px;
	padding: 0 36px 0 20px;
	width: 100%;
}
.period-selectBox select::-ms-expand {
	display: none;
}

.period-selectBox::before {
	bottom: 0;
	content: "\e90d";
	font-family: 'JNet21Icon' !important;
	font-size: 1.6rem;
	height: 16px;
	line-height: 1em;
	margin: auto;
	padding: 0;
	pointer-events: none;
	position: absolute;
	right: 11px;
	top: 0;
	width: 16px;
}

.HL-form .period #tilde {
	box-sizing: border-box;
	flex: 0 0 50px;
	font-size: 1.6rem;
	height: 32px;
	line-height: 32px;
	padding: 0 40px 0;
}

.HL-form .period #startDate,
.HL-form .period #endDate  {
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #999;
	flex: 0 0 200px;
	font-size: 1.6rem;
	height: 32px;
	line-height: 32px;
	padding: 0 20px;
	width:100%;
}

.HL-form .category .title {
	font-size: 1.8rem;
	font-weight: bold;
}

/**タグ */
.HL-form .tag {
	align-items: center;
	display: flex;
}

.tag-selectBox {
	background: #fff;
	border: 1px solid #999;
	flex: 0 0 220px;
	position: relative;
}

.tag-selectBox select {
	background: transparent;
	background-image: none;
	box-shadow: none;
	box-sizing: border-box;
	color: #333;
	cursor: pointer;
	line-height: 30px;
	padding: 0 36px 0 20px;
	width: 100%;
}
.tag-selectBox select::-ms-expand {
	display: none;
}

.tag-selectBox::before {
	bottom: 0;
	content: "\e90d";
	font-family: 'JNet21Icon' !important;
	font-size: 1.6rem;
	height: 16px;
	line-height: 1em;
	margin: auto;
	padding: 0;
	pointer-events: none;
	position: absolute;
	right: 11px;
	top: 0;
	width: 16px;
}

/**市区町村 */
.HL-form .period .title,
.HL-form .industry .title, 
.HL-form .city .title {
	font-size: 1.8rem;
	font-weight: bold;
	flex: 0 0 80px;
}

.HL-form .detailCondition,
.HL-form .industryInner,
.HL-form .citiesInner {
	flex: 1;
}

.HL-form .detailConditionButton button,
.HL-form .industryInner button,
.HL-form .citiesInner button {
	padding-right: 19px;
	position: relative;
}

.HL-form .detailConditionButton button:hover,
.HL-form .industryInner button:hover,
.HL-form .citiesInner button:hover {
	cursor: pointer;
}

.HL-form .detailConditionButton button::after,
.HL-form .industryInner button::after,
.HL-form .citiesInner button::after {
	bottom: 0;
	display: block;
	font-family: 'JNet21Icon' !important;
	font-size: 0.8em;
	line-height: 1em;
	height: 1em;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 1em;
}
.HL-form .detailConditionButton button::after{
	right: 15px;
}

.HL-form .detailConditionButton button[aria-expanded="false"]::after,
.HL-form .industryInner button[aria-expanded="false"]::after,
.HL-form .citiesInner button[aria-expanded="false"]::after {
    content: "\e90d"; 
}

.HL-form .detailConditionButton button[aria-expanded="true"]::after,
.HL-form .industryInner button[aria-expanded="true"]::after,
.HL-form .citiesInner button[aria-expanded="true"]::after { 
    content: "\e910"; 
}

#detailConditionSelect {
	height: 0;
	margin-top: calc(16px - 1em * .25);
	overflow: hidden;
}

.detailConditionInner {
	border-top: 1px solid #999;
	/*display: flex;*/
	flex-wrap: wrap;
	justify-content: space-between;
}

#industrySelect,
#citySelect {
	height: 0;
	margin-top: calc(16px - 1em * .25);
	overflow: hidden;
}

.citySelectInner,
.industrySelectInner {
	border-top: 1px solid #999;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 13px 0 20px 16px;
}

@media screen and (max-width:767px){
	.industrySelectInner {
		padding: 19px 0 0 0;
	}
}
#industrySelect input,
#citySelect input {
	position: absolute;
	opacity: 0;
}
#categorySelect {
    flex: 1;
}


#industrySelect label, 
#citySelect label {
	box-sizing: border-box;
	margin-bottom: 20px;
	padding-left: 22px;
	position: relative;
	width: calc(100% / 3);
}
#categorySelect label
{
	box-sizing: border-box;
	margin-bottom: 20px;
	padding-left: 22px;
	position: relative;
	width: calc(100% / 3);
}

#categorySelect label::before,
#citySelect label::before,
#industrySelect label::before {
	bottom: 0;
	content: "";
	background : #fff;
	border: 1px solid #999;
	border-radius : 2px;
	height: 14px;
	left: 0;
	margin: auto;
	position: absolute;
	top: 0;
	width: 14px;
	z-index: 0;
}
#categorySelect input[type="checkbox"]:checked + label::after,
#citySelect input[type="checkbox"]:checked + label::after,
#industrySelect input[type="checkbox"]:checked + label::after {
	background: url('/common/img/icon_check.svg') no-repeat;
	background-size: 14px 14px;
	bottom: 6px;
	content: "";
	height: 14px;
	left: 3px;
	margin: auto;
	position: absolute;
	top: 0;
	width: 14px;
	z-index: 1;
}

@media screen and (max-width:767px){
	.HL-form {
		margin-top: 10px;
		padding-top:10px;
	}
	
	.HL-form .region,
	.HL-form .category{
		display: flex;
		flex-wrap: wrap;
	}
	
	.HL-form .category .categorySelectInner{
		flex: 0 0 100%;
	}

	.HL-form .region .title{
		flex: 0 0 100%;
	}
	
	#categorySelect {
		flex: 0 0 100%;
	}

	.HL-form .region .regionInner{
		font-size: 1.6rem;
		flex: 0 0 100%;
	}

    .HL-form .periodInner .title,
    .HL-form .industry .title{
		font-size: 1.6rem;
		flex: 0 0 80px;
	}

	.HL-form .city,
	.HL-form .industry{
		flex-wrap: wrap;
	}

	.HL-form .industry .title,
    .HL-form .city .title{
		flex: 0 0 100%;
	}

	.HL-form .city .citiesInner{
		font-size: 1.6rem;
		flex: 0 0 100%;
	}

	.HL-form .industryInner{
		font-size: 1.6rem;
		flex: 0 0 100%;
	}

	.HL-form .tag,
	.HL-form .period {
		flex-wrap: wrap;
	}
	
	.HL-form .tag .title {
		font-size: 1.6rem;
		flex: 0 0 100%;
	}
	
	.HL-form .category{
		margin-bottom: 5px;
	}
	
	.HL-form .category .title{
		font-size: 1.8rem;
		margin-bottom: 10px;
	}
	
	.HL-form .yearRoundInner .title {
		font-size: 1.6rem;
		font-weight: bold;
		flex: 0 0 80px;
	}
	
	.HL-form .tag .tag-selectBox,
	.HL-form .period .period-selectBox {
		flex: 0 1 100%;
		margin: 0 0 10px;
		margin-top: calc(10px - 1.6rem * .25);
	}
	
	.HL-form .period .period-selectBox {
		margin-bottom: 0 0 10px;
	}
	
	.HL-form .period .periodDateInner {
		align-items: center;
		flex: 0 1 100%;
		margin: 0 0 10px;
		display: flex;
		flex-wrap: wrap;
	}
	
	.HL-form .period .periodDateInner #startDate,
	.HL-form .period .periodDateInner #endDate {
		font-size: 1.6rem;
		flex: 0 1 100%;
	}
	.HL-form .period #tilde {
		text-align: center;
		flex: 0 0 100%;
		padding: 0 24px 0;
	}

	#categorySelect label {
		width: 100%;
		margin-bottom: 10px;
	}
	#industrySelect label {
		width: 100%;
	}

    #citySelect label {
		padding-left: 16px;
		width: calc(100% / 2);
	}

	#citySelect label::before,
    #industrySelect label::before {
		top: 1px;
		height: 10px;
		width: 10px;
	}
    #citySelect input[type="checkbox"]:checked + label::after,
	#industrySelect input[type="checkbox"]:checked + label::after {
		background-size: 10px 10px;
		bottom: 4px;
		height: 10px;
		left: 2px;
		width: 10px;
	}
}

.detailListLink li {
	list-style: none;
	margin-left: 0;
}

.detailListLink li a {
	display: inline-block;
	padding-left: 1.2em;
	position: relative;
	font-size:2.0rem;
}

/* help button  */
.HL-form .category .help_area {
	flex: 0 0 130px;
	position:relative;
}
.HL-form .category .help_area .help_icon {
	border-radius:50%;
	width:20px;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	font-size:18px;
	text-align:center;
	background: linear-gradient(#fdcc62, 70%, #dc6603);
	background:-ms-linear-gradient(#fdcc62, #dc6603); /* IE */
	color:white;
	cursor:pointer;
}
.HL-form .category .help_text {
	position:absolute;
	border:2px solid;
    background-color:#fefdbb;
	border-color:#ff9a00;
	color:brack;
	border-radius:0.3em;
	padding:0.3em;
	margin:2em 0 0 1em;
	width:650px;
    flex: 0 0 100%;
    z-index:1;
	display:none;
	
}
@media all and (-ms-high-contrast: none) {
  .HL-form .category .help_text {
    margin-left:-7em;
  }
}

@media screen and (max-width:767px){
	.HL-form .category .help_text {
		width:250px;
	}
}

/***** print　Button *****/
#HL-detailPrint .print {
	margin-top:-30px;
}
#HL-detailPrint .print li .label {
	font-size:1.5rem;
	min-width:85px;
	padding:5px;
}

@media print {
	.HL-common header,
	.HL-common footer,
	.HL-common #breadCrum,
	.HL-common #HL-detailPrint,
	.HL-common .share,
	article .backPage{
		display: none;
	}
}

/****************************************
	5-3.List Page
****************************************/
.listPage-list {
	margin: calc(32px - 1em *.25) 0 0 0;
}
.listPage-list .list {
	background: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%223px%22%20height%3D%221px%22%20viewBox%3D%220%200%203%201%22%20style%3D%22enable-background%3Anew%200%200%203%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23CCCCCC%3B%7D%3C%2Fstyle%3E%3Crect%20class%3D%22st0%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3C%2Fsvg%3E') repeat-x left bottom;
	display: flex;
	padding-bottom: calc(21px - 1em * .25);
	margin: 0;
}
.listPage-list .list + .list {
	margin-top: calc(20px - 1em * .25);
}
.listPage-list .list .date {
	color: #4d4d4d;
	flex: 0 0 166px;
	font-size: 1.4rem;
}
.listPage-list .list .title {
	color: #333;
}

@media screen and (max-width:767px){
	.listPage-list {
		margin: calc(24px - 1.2rem *.25) 0 0 0;
	}
	.listPage-list .list {
		flex-direction: column;
		padding-bottom: calc(17px - 1em * .25);
	}
	.listPage-list .list + .list {
		margin-top: calc(16px - 1.2rem * .25);
	}
	.listPage-list .list .date {
		flex: 0 0 100%;
		font-size: 1.2rem;
	}
	.listPage-list .list .title {
		margin-top: calc(8px - 1em * .25);
	}
}

.yearLink {
	letter-spacing: -.4em;
	list-style-type: none;
	margin-left: -40px;
}
.yearLink li {
	display: inline-block;
	letter-spacing: normal;
	margin: calc(8px - 1em * .25) 0 0 40px;
}
.yearLink li a {
	padding-left: 22px;
	position: relative;
}
.yearLink li i.icon-openArrowRight {
	position: absolute;
	left: 0;
	top: .1em;
}
@media screen and (max-width:767px){
	.yearLink {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		letter-spacing: 0;
		margin:calc(16px - 1em * .25) 0 0 0;
	}
	.yearLink::after{
		content: "";
		display: block;
		width: calc((100% - 32px * 2) / 3);
	}
	.yearLink li {
		display: block;
		width: calc((100% - 32px * 2) / 3);
		margin: calc(8px - 1em * .25) 0 0 0;
	}
	.yearLink li a {
		padding-left: 18px;
	}
}

/****************************************
	5-4.Result Page
****************************************/
.commonPage .gsc-control-cse {
	padding: 0;
}
.gsc-control-cse table {
	border: none;
	table-layout: auto;
}

.gsc-control-cse table th,
.gsc-control-cse table td {
	border: none;
	padding: 0 12px 0 0;
}
.commonPage .gsib_a {
	height: 27px;
	padding-left: 12px;
}
.commonPage .gsc-above-wrapper-area {
	padding: 12px 0;
}
.gsc-results {
	margin-top: 14px;
}
.commonPage .gsc-webResult.gsc-result,
.commonPage .gsc-webResult.gsc-result:hover {
	padding: 24px 0;
	border-bottom: 1px solid #ccc;
	margin-bottom: 0;
}

/****************************************
	5-5.Event Calendar Page
****************************************/
.calendar-month-box {
	letter-spacing: -.4px;
	text-align: center;
}
.calendar-month-box h2 {
	border: none;
	color: #333;
	margin: 0 16px 24px;
	padding: 0;
}
.calendar-month-box h2:after,.calendar-month-box h2:before {
	height: 0;
	width: 0;
}
.calendar-month-box * {
	display: inline-block;
	letter-spacing: normal;
	font-size: 2.26rem;
}
.calendar-month-box i.icons {
	margin: 0;
}
.event-calendar td {
	vertical-align: middle;
}
.event-calendar .link-list {
	margin: 0;
}
.event-calendar .sat td {
	background-color: #dbeef4;
}
.event-calendar .sun td {
	background-color: #f2dcdb;
}
.event-calendar .date,
.event-calendar .day {
	width: 1em;
	text-align: center;
}