@charset "utf-8";

html, body {
	margin: 0;
	width: 100%;
	height: 100%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

form{margin:0px;}

img {border: 0px;}

.no-border {border: 0 !important;}

#co-wrapper {
	min-height: 100%;
	height: auto !important;
}

.roboto {font-family: 'Roboto', sans-serif;}

/* リンク
------------------------------------------------------------------------- */
/* ロールオーバー */

a:hover.co-onmouse,
a:active.co-onmouse {
	_width: auto;/* IEのバグ対策 */
	/* IEはA:hoverやA:activeにサイズ指定しないと画像が切換らない */
	text-decoration: none;
}

.co-onmouseover,
a:visited .co-onmouseover {
	display: none;
}
a:hover   .co-onmouseover,
a:active  .co-onmouseover {
	display: inline;
}
a:link    .co-onmouseout,
a:visited .co-onmouseout {
	display: inline;
}
a:hover   .co-onmouseout,
a:active  .co-onmouseout {
	display: none;
}

/* リンクアイコン：link-icon */
.co-001w {
	background: url('/img/pre/icon/co-001w.gif') no-repeat scroll left center transparent;
	display: inline-block;
	padding-left: 15px;
}
.co-001w:link,.co-001g:link,.co-002w:link,.co-002g:link,
.co-003w:link,.co-003g:link,.co-004w:link,.co-004g:link,
.co-001w:visited,.co-001g:visited,.co-002w:visited,.co-002g:visited,
.co-003w:visited,.co-003g:visited,.co-004w:visited,.co-004g:visited {
	text-decoration: none !important;
}
.co-001g,.co-001b,.co-002w,.co-002g,.co-003w,.co-003g,.co-004w,.co-004g,
[class*='co-00'] {
	display: inline-block;
	padding-left: 13px;
	text-decoration: none;
	vertical-align: middle;
	background-position: left center;
	background-repeat: no-repeat;
}
.co-001g { background-image: url('/img/pre/icon/co-001g.gif'); }
.co-001b { background-image: url('/img/common/icon/co-001b.png'); }
.co-002w { background-image: url('/img/pre/icon/co-002w.gif'); }
.co-002g { background-image: url('/img/pre/icon/co-002g.gif'); }
.co-003w { background-image: url('/img/pre/icon/co-003w.gif'); }
.co-003g { background-image: url('/img/pre/icon/co-003g.gif'); }
.co-004w { background-image: url('/img/pre/icon/co-004w.gif'); }
.co-004g { background-image: url('/img/pre/icon/co-004g.gif'); }
.co-004b { background-image: url('/img/common/icon/co-004b.png'); }
.co-right-001b {
	background: url('/img/common/icon/co_right_001b.png') center right / 11px no-repeat;
	padding-right: 15px;
}

/* 文中リンク */
.co-writing-link { vertical-align: middle; }
.co-writing-link:link,
.co-writing-link:active,
.co-writing-link:visited {
	display: inline-block;
	text-decoration: underline;
	margin: 0 4px;
}
.co-writing-link:hover { text-decoration: none; }
.co-textlink-green,
.co-textlink-green:link,
.co-textlink-green:visited {
	color: #03AF7A;
	position: relative;
}
.co-textlink-green:after {
	content: '';
	display: inline-block;
	position: absolute;
	top: calc(50% - 3px);
	width: 8px;
	height: 8px;
	border-style: solid;
	border-width: 2px 2px 0 0;
	border-color: #03AF7A;
	transform: rotate(45deg);
	box-sizing: initial;
}
.co-textlink-green:hover {color: #1F6A5B;}
.co-textlink-green:hover:after {border-color: #1F6A5B;}
.co-textlink-underline,
.co-textlink-underline:link,
.co-textlink-underline:visited {
	color: #03AF7A;
	text-decoration: underline;
}
.co-textlink-underline:hover {color: #1F6A5B;}
	

/* CSVダウンロード用リンク */
a:link.co-csv-dl,
a:active.co-csv-dl,
a:visited.co-csv-dl {
	background: url('/img/common/icon/csv_dl_00.gif');
	background-repeat: no-repeat;
	background-position: left;
	line-height: 200%;
	padding-left: 15px;
}
.co-file-dl {
	background: url('/img/common/icon/csv_dl_01.gif') left 3px no-repeat;
	padding-left: 20px;
}
a:hover.co-csv-dl {
	background: url('/img/common/icon/csv_dl_on_00.gif');
	background-repeat: no-repeat;
	background-position: left;
	line-height: 200%;
	padding-left: 15px;
}

/* pdfダウンロードリンク */
.co-pdf-dl {
	background: url('/img/common/icon/pdf_dl_00.gif') left center no-repeat;
	line-height: 200%;
	padding-left: 23px;
}

/* pdfリンク */
.co-pdf {
	background: url('/img/common/icon/icon_pdf_00.png') right center / 15px no-repeat;
	line-height: 200%;
	padding: 5px 20px 5px 0px;
}

@media screen and (max-width:640px){
	.co-pdf-dl {
		background-size: 11px auto;
		background: url('/img/common/icon/pdf_dl_00.gif') left 1px no-repeat;
		line-height: 200%;
		padding-left: 16px;
		background-size: 11px auto;
	}
}
/* ダウンロードリンク */
.co-dlb {
	background: url('/img/common/icon/dl_b_00.svg') left top 3px no-repeat;
	background-size: 13px 15px;
	display: inline-block;
	padding-left: 21px;
}

/* icon popup */
a.co-pop-link {
	vertical-align: middle;
	padding-left: 18px;
	background: url(/img/common/icon/icon_pop_link_00.gif) left center no-repeat;
	display: inline-block;
}

a.co-add-link {
	padding-left: 15px;
	background: url(/img/common/icon/icon_addition_00.gif) left center no-repeat;
}

/* 別窓リンク */
a.co-window-link {
	vertical-align: middle;
	padding-left: 15px;
	background: url(/img/common/icon/icon_window_link_00.gif) left center no-repeat;
	display: inline-block;
	text-decoration: none;
}
.co-window-openb {
	background: url('/img/common/icon/window_open_00.svg') left center no-repeat;
	background-size: 13px 15px;
	display: inline-block;
	padding-left: 21px;
}

/* ホバーで下線 */
.co-hover-underline:hover {text-decoration: underline!important;}

/* 編集アイコン */
.co-edit-link {
	padding-left: 15px;
	background: url(/img/common/icon/edit_00.gif) no-repeat left center;
	display: inline-block;
	text-decoration: none !important;
	vertical-align: middle;
}

/* 削除アイコン */
.co-delete-link {
	padding-left: 15px;
	background: url(/img/common/icon/delete_00.gif) no-repeat left center;
	display: inline-block;
	text-decoration: none !important;
	cursor: pointer;
	vertical-align: middle;
}

.co-delete-link-g {
	padding-left: 15px;
	background: url(/img/common/icon/delete_01.gif) no-repeat left center;
	display: inline-block;
	text-decoration: none !important;
	cursor: pointer;
	vertical-align: middle;
}

.co-delete-link-g:hover {
	color: #028a8b;
	background: url(/img/common/icon/delete_on_01.gif) no-repeat left center;
}
/* くの字矢印リンク */
.co-arr-right .link{
	position: relative;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}
.co-arr-right .link::before,
.co-arr-right .link::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.co-arr-right .link::before{
	left: 0;
	width: 13px;
	height: 13px;
	border-top: 2px solid #029a8b;
	border-right: 2px solid #029a8b;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* くの字矢印リンク SP */
@media screen and (max-width: 640px) {
	.co-arr-right .link::before{
		width: 8px;
		height: 8px;
	}
}
/* お知らせアイコン */
.co-inform {
	background: url('/img/common/icon/icon_info_00.gif') no-repeat left center;
	padding-left: 20px;
}
/* メガホンアイコン */
.co-megaphone {
	background: url('/img/common/icon/megaphone_00.gif') left center no-repeat;
	padding-left: 20px;
}
/* display（使わないで） */
.dsply-none{
	display: none;
}

.dsply-blk{
	display: block;
}

.dsply-inblk{
	display: inline-block;
}

/* display */
.co-dnone { display:none; }
.co-dib { display: inline-block !important; }
.co-dtb { display: table !important; }
.co-dtc { display: table-cell !important; }
.co-db { display: block; }
.co-dflex { display: flex; }


/* PCやSPだけに効くdisplay*/
@media screen and (min-width: 940px){
	.co-db-pconly { display:block; }
	.co-db-sponly { display:none;}
}
@media screen and (max-width: 940px){
	.co-db-pconly { display:none; }
	.co-db-sponly { display:block; }
}

/* z-index */
.co-zindex03 {z-index: 3!important;}

/* lineheight */
.co-lineheight-26 {line-height: 26px!important;}

/* margin */
.co-vm0{margin: 0 auto !important;}
.co-vm2{margin: 2px auto !important;}
.co-vm3{margin: 3px auto !important;}
.co-vm5{margin: 5px auto !important;}
.co-vm10{margin: 10px auto !important;}
.co-vm15{margin: 15px auto !important;}
.co-vm20{margin: 20px auto !important;}
.co-vm25{margin: 25px auto !important;}
.co-vm30{margin: 30px auto !important;}


/* margin */
.co-m0{margin: 0 !important;}
.co-m2{margin: 2px !important;}
.co-m3{margin: 3px !important;}
.co-m5{margin: 5px !important;}
.co-m10{margin: 10px !important;}
.co-m15{margin: 15px !important;}
.co-m20{margin: 20px !important;}
.co-m25{margin: 25px !important;}
.co-m30{margin: 30px !important;}

/* margin-top */
.co-mt0{margin-top: 0 !important;}
.co-mt2{margin-top: 2px !important;}
.co-mt3{margin-top: 3px !important;}
.co-mt5{margin-top: 5px !important;}
.co-mt10{margin-top: 10px !important;}
.co-mt15{margin-top: 15px !important;}
.co-mt20{margin-top: 20px !important;}
.co-mt25{margin-top: 25px !important;}
.co-mt30{margin-top: 30px !important;}
.co-mt35{margin-top: 35px !important;}
.co-mt40{margin-top: 40px !important;}
.co-mt50{margin-top: 50px !important;}

/* margin-bottom */
.co-mb0{margin-bottom: 0 !important;}
.co-mb2{margin-bottom: 2px !important;}
.co-mb3{margin-bottom: 3px !important;}
.co-mb5{margin-bottom: 5px !important;}
.co-mb10{margin-bottom: 10px !important;}
.co-mb15{margin-bottom: 15px !important;}
.co-mb20{margin-bottom: 20px !important;}
.co-mb25{margin-bottom: 25px !important;}
.co-mb30{margin-bottom: 30px !important;}
.co-mb35{margin-bottom: 35px !important;}
.co-mb40{margin-bottom: 40px !important;}
.co-mb45{margin-bottom: 45px !important;}
.co-mb50{margin-bottom: 50px !important;}

/* margin-left */
.co-ml0{margin-left: 0 !important;}
.co-ml2{margin-left: 2px !important;}
.co-ml3{margin-left: 3px !important;}
.co-ml5{margin-left: 5px !important;}
.co-ml8{margin-left: 8px !important;}
.co-ml10{margin-left: 10px !important;}
.co-ml15{margin-left: 15px !important;}
.co-ml20{margin-left: 20px !important;}
.co-ml25{margin-left: 25px !important;}
.co-ml30{margin-left: 30px !important;}
.co-ml35{margin-left: 35px !important;}
.co-ml40{margin-left: 40px !important;}
.co-ml50{margin-left: 50px !important;}

/* margin-right */
.co-mr0{margin-right: 0 !important;}
.co-mr2{margin-right: 2px !important;}
.co-mr3{margin-right: 3px !important;}
.co-mr5{margin-right: 5px !important;}
.co-mr10{margin-right: 10px !important;}
.co-mr15{margin-right: 15px !important;}
.co-mr20{margin-right: 20px !important;}
.co-mr25{margin-right: 25px !important;}
.co-mr30{margin-right: 30px !important;}
.co-mr35{margin-right: 35px !important;}
.co-mr40{margin-right: 40px !important;}
.co-mr50{margin-right: 50px !important;}

/* padding */
.co-p0{padding: 0 !important;}
.co-p2{padding: 2px !important;}
.co-p3{padding: 3px !important;}
.co-p5{padding: 5px !important;}
.co-p10{padding: 10px !important;}
.co-p15{padding: 15px !important;}
.co-p20{padding: 20px !important;}
.co-p25{padding: 25px !important;}
.co-p30{padding: 30px !important;}
.co-p35{padding: 35px !important;}
.co-p40{padding: 40px !important;}

/* padding-top */
.co-pt0{padding-top: 0 !important;}
.co-pt2{padding-top: 2px !important;}
.co-pt3{padding-top: 3px !important;}
.co-pt5{padding-top: 5px !important;}
.co-pt10{padding-top: 10px !important;}
.co-pt15{padding-top: 15px !important;}
.co-pt20{padding-top: 20px !important;}
.co-pt25{padding-top: 25px !important;}
.co-pt30{padding-top: 30px !important;}
.co-pt35{padding-top: 35px !important;}
.co-pt40{padding-top: 40px !important;}
.co-pt50{padding-top: 50px !important;}

/* padding-bottom */
.co-pb0{padding-bottom: 0 !important;}
.co-pb2{padding-bottom: 2px !important;}
.co-pb3{padding-bottom: 3px !important;}
.co-pb5{padding-bottom: 5px !important;}
.co-pb10{padding-bottom: 10px !important;}
.co-pb15{padding-bottom: 15px !important;}
.co-pb20{padding-bottom: 20px !important;}
.co-pb25{padding-bottom: 25px !important;}
.co-pb30{padding-bottom: 30px !important;}
.co-pb35{padding-bottom: 35px !important;}
.co-pb40{padding-bottom: 40px !important;}
.co-pb45{padding-bottom: 45px !important;}
.co-pb50{padding-bottom: 50px !important;}

/* padding-left */
.co-pl0{padding-left: 0 !important;}
.co-pl2{padding-left: 2px !important;}
.co-pl3{padding-left: 3px !important;}
.co-pl5{padding-left: 5px !important;}
.co-pl6{padding-left: 6px !important;}
.co-pl10{padding-left: 10px !important;}
.co-pl15{padding-left: 15px !important;}
.co-pl20{padding-left: 20px !important;}
.co-pl25{padding-left: 25px !important;}
.co-pl30{padding-left: 30px !important;}
.co-pl35{padding-left: 35px !important;}
.co-pl40{padding-left: 40px !important;}
.co-pl50{padding-left: 50px !important;}

/* padding-right */
.co-pr0{padding-right: 0 !important;}
.co-pr2{padding-right: 2px !important;}
.co-pr3{padding-right: 3px !important;}
.co-pr5{padding-right: 5px !important;}
.co-pr10{padding-right: 10px !important;}
.co-pr15{padding-right: 15px !important;}
.co-pr20{padding-right: 20px !important;}
.co-pr25{padding-right: 25px !important;}
.co-pr30{padding-right: 30px !important;}
.co-pr35{padding-right: 35px !important;}
.co-pr40{padding-right: 40px !important;}
.co-pr50{padding-right: 50px !important;}

/* padding-another */
.co-p2535 {padding: 25px 35px!important;}

/* text-align */
.co-tal{text-align: left;}
.co-tar{text-align: right;}
.co-tac{text-align: center;}

/* vertical-align */
.co-vatop {vertical-align: top !important;}
.co-vamid {vertical-align: middle !important;}
.co-vabot {vertical-align: bottom !important;}

/* font-weight */
.co-n{font-weight: normal;}
.co-b{font-weight: bold;}

/* font-size */
.co-fs10{font-size: 77% !important;}
.co-fs11{font-size: 85% !important;}
.co-fs12{font-size: 93% !important;}
.co-fs14{font-size: 108% !important;}
.co-fs15{font-size: 116% !important;}
.co-fs16{font-size: 123.1% !important;}
.co-fs17{font-size: 131% !important;}
.co-fs18{font-size: 138.5% !important;}
.co-fs19{font-size: 146.5% !important;}
.co-fs20{font-size: 153.9% !important;}
.co-fs21{font-size: 161.6% !important;}
.co-fs22{font-size: 167% !important;}
.co-fs23{font-size: 174% !important;}
.co-fs24{font-size: 182% !important;}
.co-fs25{font-size: 189% !important;}
.co-fs26{font-size: 197% !important;}

/* font-color */
.co-fcblack {color: #333333 !important;}
.co-fcwhite {color: #ffffff !important;}
.co-fcgray {color: #666666 !important;}
.co-fcgray02 {color: #cccccc !important;}
.co-fcgray03 {color: #84919E !important;}
.co-fclgreen {color: #029a8b !important;}
.co-fclgreen02 {color: #03AF7A !important;}
.co-fcgreen {color: #24a254 !important;}
.co-fcdgreen {color: #00606A !important;}
.co-fcygreen {color: #50aa00 !important;}
.co-fcblue {color: #00619b !important;}
.co-fcblue02 {color: #0084b4 !important;}
.co-fclblue {color: #00a0e9 !important;}
.co-fcyellow {color: #f0a021 !important;}
.co-fcpurple  {color: #8914b0 !important;}
.co-fcfcpink {color: #ff5e62 !important;}
.co-fcred {color: #FF4000 !important;}

/* font-color with bold */
.co-fcblack-b {
	color: #333333 !important;
	font-weight: bold;
}
.co-fcwhite-b {
	color: #ffffff !important;
	font-weight: bold;
}
.co-fclgreen-b {
	color: #029a8b !important;
	font-weight: bold;
}
.co-fcgreen-b {
	color: #24a254 !important;
	font-weight: bold;
}
.co-fcdgreen-b {
	color: #00746a !important;
	font-weight: bold;
}
.co-fcygreen-b {
	color: #50aa00 !important;
	font-weight: bold;
}
.co-fcblue-b {
	color: #00619b !important;
	font-weight: bold;
}
.co-fcyellow-b {
	color: #f0a021 !important;
	font-weight: bold;
}
.co-fcpurple-b {
	color: #8914b0 !important;
	font-weight: bold;
}

/* background-color */
.co-bgc-green {background-color: #f2f8ec;}
.co-dsbl-gray {background-color: #ececec!important;}
.co-yellowgreen {background-color: #EBF9F0!important;}

/* colorとfont-size */
.co-fs12-fcgray {
	font-size: 93% !important;
	color: #666666 !important;
}

/*** text-shadow ***/
.co-shadow-blk {
	color: #ffffff !important;
	text-shadow: -1px -1px 0px #333333;
}
.co-shadow-wht {
	text-shadow: 1px 1px 0px #ffffff;
}

/* float */
.co-fl{float:left;}
.co-fr{float:right;}

/* cursor */
.co-cp{cursor:pointer;}

/* white-space */
.co-wsn {
	white-space: nowrap;
}

/* ぶら下げインデント */
.co-hang-indent08 {
	text-indent: -0.8em !important;
	padding-left: 0.8em !important;
}

.co-hang-indent10 {
	text-indent: -1em !important;
	padding-left: 1em !important;
}

.co-hang-indent15 {
	text-indent: -1.5em !important;
	padding-left: 1.5em !important;
}

/* clearfix */
.co-clf:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size: 0;
}

.co-clf {display:inline-block;}

/* Hides from IE-mac \*/
* html .co-clf {height:1%;}
.co-clf {display:block;}
/* End hide from IE-mac */

/* positon */
.co-pos-r {
	position: relative;
}

/* 真ん中表示用 */
div.outer {
	display: table;
	text-align:center;
}
	* html div.outer {
		position: relative;
	}
	*+html div.outer {
		position: relative;
	}

div.vertical_middle {
	display: table-cell;
	vertical-align: middle;
}
	* html div.vertical_middle {
		position: absolute;
		top: 50%;
	}
	*+html div.vertical_middle {
		position: absolute;
		top: 50%;
	}

div.vertical_middle p.inner {
	margin: 0;
}
	* html div.vertical_middle p.inner {
		position: relative;
		top: -50%;
		right: 50%;
	}
	*+html div.vertical_middle p.inner {
		position: relative;
		top: -50%;
		right: 50%;
	}


/*** フォーム用 START ***/
.co-fo-container table input,
.co-fo-container table selecte {
	height: 1.6em;
	vertical-align: middle;
}

.co-fo-vshort {
	width: 50px;
	height: 1.5em;
}

.co-fo-short {
	width: 80px;
	height: 1.5em;
}

.co-fo-middle {
	width: 130px;
	height: 1.5em;
}

.co-fo-short-price {
	width: 80px;
	text-align: right;
	height: 1.5em;
}

.co-fo-mailaddress {
	width: 280px;
	font-size: 120%;
	height: 1.5em;
}

.co-fo-long {
	width: 250px;
	height: 1.5em;
}

.co-fo-vlong {
	width: 350px;
	height: 1.5em;
}

.co-fo-extralong-textarea {
	width:400px;
	height:80px;
	font-size:12px;
	height: 1.5em;
}

.co-fo-long-textarea {
	width:250px;
	height:80px;
	font-size:12px;
	height: 1.5em;
}

.co-fo-middle-textarea {
	width:200px;
	height:30px;
	font-size:12px;
	height: 1.5em;
}

.co-fo-button-margin-right {
	margin-right: 5px;
}

.co-fo-placeholder {
	color: #999999;
}

.co-fo-ex {
	color: #666666;
	font-size: 84%;
	margin-left: 12px;
}

.co-fo-imeactive {
	ime-mode: active;
}

.co-fo-imedisabled {
	ime-mode: disabled;
}

.co-fo-indi {
	color: #FF4000;
	font-weight: bold;
	font-size: 84%;
}

.co-frame-red {
	width: 400px;
	border: solid 1px #FF4000;
	margin: 0 auto;
	padding: 5px;
}

.co-button-margin {
	margin: 30px auto 10px;
}

/* step */
.co-step-image {
	text-align: center;
}

.co-step-image img {
	margin: 0 auto 30px;
}

/* error */
.co-error-msg {
	padding: 10px;
	margin-bottom:20px;
	font-weight: bold;
	text-align: left;
	color: #FF4000;
	background: #ffe8e8;
	border: solid 1px #ff4100;
}

.co-error-exclamation {
	color: #FF4000;
	font-weight: normal !important;
	background:url("/img/common/icon/icon_exclamation_00.gif") no-repeat left 50%;
	padding-left:20px;
}

.co-exclamation {
	background:url("/img/common/icon/icon_exclamation_01.gif") no-repeat left 50%;
	padding-left:20px;
}

.co-errmark {
	color: #ff4000;
	background: url("/img/common/icon/icon_errmark_00.png") 2px 3px no-repeat;
	background-size: 14px 14px;
	padding-left: 18px;
}

.co-errmark-l {
	color: #ff4000;
	background: url('/img/common/icon/error_l_00.png') left 2px no-repeat;
	padding-left: 22px;
	font-size: 16px;
	display: inline-block;
	vertical-align: middle;
	min-height: 18px;
}

@media screen and (max-width:640px){
	.co-errmark {
		color: #ff4000;
		background: url("/img/common/icon/icon_errmark_00.png") 1px 3px no-repeat;
		background-size: 12px 12px;
		padding-left: 16px;
	}
}

.co-error-cellbg {
	background-color: #FFE8E8 !important;
}

/* ssl */
.co-fo-ssl {
	float: right;
	text-align: right;
	color: #666666;
	width: 455px;
}

.co-fo-ssl-txt {
	float: left;
	text-align: right;
	font-size: 11px;
	margin: 60px 0 0;
	width: 400px;
}

/*** フォーム用 END ***/

/*** モーダル用 ***/
.modal-outline-text {
	margin-top: 10px;
	text-align: left;
	width: 400px;
}

/*** フッタードメイン紹介欄 ***/
.co-footer-group li{
	margin-bottom: 5px;
}
.co-footer-sd{
	background: url("/img/common/footer_group_sd_00.png") no-repeat 0 1px;
	padding-left: 20px;
}
.co-footer-corec{
	background: url("/img/common/footer_group_corec_00.png") no-repeat 0 2px;
	padding-left: 20px;
}
.co-footer-tg{
	background: url("/img/common/footer_group_tg_00.png") no-repeat 0 1px;
	padding-left: 20px;
}

/*** フッタードメイン紹介欄 END***/

/* エラー
---------------------------------------------------------- */
#errorpage {
	padding-top: 85px;
	text-align: center;
}
#errorpage h3 {
	font-size: 18px;
	margin: 20px 0 10px;
}
#errorpage p { margin-bottom: 20px; }

#errorpage .link_logout {
	border-top: 1px solid #ccc;
	width: 240px;
	margin: 0 auto;
	padding:15px;
	margin-top: 30px;
 }

/* rwd時デバイス別で非表示
-------------------------------------------------------------------------- */
/* PC */
@media screen and (min-width: 941px) {
	.co-ts-only{display: none !important;}
	.co-tb-only{display: none !important;}
	.co-sp-only{display: none !important;}
}
/* TAB */
@media screen and (max-width: 940px) and (min-width: 671px) {
	.co-pc-only{display: none !important;}
	.co-sp-only{display: none !important;}
}
/* SP */
@media screen and (max-width: 670px){
	.co-pc-only{display: none !important;}
	.co-tb-only{display: none !important;}
	.co-pt-only{display: none !important;}
}

/* フッター-footer (企業側やエラーページなど)
----------------------------------------------------------------------------------------------- */
#footer {
	background-color: #666666;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 20px 0 25px;
	text-align: center;
	z-index: 15;
	transition: .4s;
	width: calc(100vw - var(--nav-expanded-width));
	padding-left: var(--nav-expanded-width);
}
#footer ul { margin-bottom: 10px; }
#footer ul,#footer ul li {
	display: inline-block;
}
#footer ul li a {
	margin: 0 15px;
	color: #ffffff;
}
#footer .copyright {
	margin-top: 5px;
	font-size: 11px;
	color: #e3e3e3;
}
/* ナビゲーション収縮時 */
#wrap:has(#nav.nav-collapsed) #footer{
	width: calc(100vw - var(--nav-collapsed-width));
	padding-left: var(--nav-collapsed-width);
}

/* ツールチップ
------------------------------------------------------------------------- */
.co-tooltip {
	display: inline-block;
	position: relative;
}
.co-tooltip .tooltip-icon {
	color: #fff;
	width: 18px;
	height: 18px;
	box-sizing: border-box;
	border-radius: 100%;
	background: #707070;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}
.co-tooltip .tooltip-icon:before {
	content: '?';
	font-family: "メイリオ";
	font-size: 12px;
	font-weight: 700;
    margin: 2px 0 0 1px;
}
.pre-fo2 .sub-title-supple:hover .co-tooltip .tooltip-icon,
.co-tooltip:hover .tooltip-icon {background: #222;}
.co-tooltip .tooltip-sentence {
	position: absolute;
    top: 22px;
    border-radius: 5px;
    background-color: #fffff0;
    border: 1px #cccccc solid;
    padding: 13px 20px;
    display: none;
    text-align: left;
    box-shadow: 0 0 4px 0 rgb(100 100 100 / 40%);
	color: #333333;
	font-size: 14px;
	font-weight: 400;
	z-index: 2;
	line-height: 23px;
}
.pre-fo2 .sub-title-supple:hover .co-tooltip .tooltip-sentence,
.co-tooltip:hover .tooltip-sentence {display: block;}
.pre-fo2 .sub-title-supple:hover .co-tooltip .tooltip-sentence.right,
.co-tooltip:hover .tooltip-sentence.right {right: 0;}
.pre-fo2 .sub-title-supple:hover .co-tooltip .tooltip-sentence:before,
.co-tooltip:hover .tooltip-sentence:before {
	content: '';
	position: absolute;
	width: 200px;
	height: 30px;
	display: block;
	top: -20px;
	left: -10px;
}
.co-tooltip .w18em {width: 18.2em;}
.co-tooltip .w19em {width: 19.2em;}
.co-tooltip .w22em {width: 22.2em;}
@media screen and (max-width: 670px) {
	.co-tooltip .tooltip-sentence {
		font-size: 12px;
		padding: 8px 15px;
		line-height: 20px;
	}
	.co-tooltip .tooltip-sentence.sp-left-minus40 {left: -40px;}
	.co-tooltip .tooltip-sentence.sp-left-minus140 {left: -140px;}
}