@charset "UTF-8";
/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.posAbs {position:absolute;}
.posRel {position:relative;}
.fl {float:left;}
.fr {float:right;}
.imgR {float: right; margin: 0 0 10px 10px;}
.imgL {	float: left; margin: 0 10px 10px 0;}
.btn {text-align: center;}
.p0 {padding:0!important;}
.p5 {padding:5px!important;}
.pl5 {padding-left:5px!important;}
.pl10 {padding-left:10px!important;}
.pr5 {padding-right:5px!important;}
.pr10 {padding-right:10px!important;}
.pt5 {padding-top:5px!important;}
.pt10 {padding-top:10px!important;}
.pt25 {padding-top:25px!important;}
.pb5 {padding-bottom:5px!important;}
.pb10 {padding-bottom:10px!important;}
.m0 {margin:0!important;}
.ml0 {margin-left:0!important;}
.ml2 {margin-left:2px!important;}
.ml3 {margin-left:3px!important;}
.ml4 {margin-left:4px!important;}
.ml5 {margin-left:5px!important;}
.ml7 {margin-left:7px!important;}
.ml10 {margin-left:10px!important;}
.ml15 {margin-left:15px!important;}
.ml20 {margin-left:20px!important;}
.ml23 {margin-left:23px!important;}
.ml30 {margin-left:30px!important;}
.ml40 {margin-left:40px!important;}
.ml50 {margin-left:50px!important;}
.ml100 {margin-left:100px!important;}
.ml120 {margin-left:120px!important;}
.mr0 {margin-right:0!important;}
.mr3 {margin-right:3px!important;}
.mr5 {margin-right:5px!important;}
.mr10 {margin-right:10px!important;}
.mr13 {margin-right:13px!important;}
.mr15 {margin-right:15px!important;}
.mr17 {margin-right:17px!important;}
.mr20 {margin-right:20px!important;}
.mr23 {margin-right:23px!important;}
.mr30 {margin-right:30px!important;}
.mr35 {margin-right:35px!important;}
.mr40 {margin-right:40px!important;}
.mr50 {margin-right:50px!important;}
.mr70 {margin-right:70px!important;}
.mr100 {margin-right:100px!important;}
.mt-3 {margin-top:-3px!important;}
.mt-15 {margin-top:-15px!important;}
.mt-60 {margin-top:-60px!important;}
.mt0 {margin-top:0!important;}
.mt2 {margin-top:2px!important;}
.mt3 {margin-top:3px!important;}
.mt5 {margin-top:5px!important;}
.mt6 {margin-top:6px!important;}
.mt10 {margin-top:10px!important;}
.mt15 {margin-top:15px!important;}
.mt25 {margin-top:25px!important;}
.mt30 {margin-top:30px!important;}
.mt35 {margin-top:35px!important;}
.mt50 {margin-top:50px!important;}
.mt100 {margin-top:100px!important;}
.mt120 {margin-top:120px!important;}
.mb0 {margin-bottom:0!important;}
.mb2 {margin-bottom:2px!important;}
.mb5 {margin-bottom:5px!important;}
.mb10 {margin-bottom:10px!important;}
.mb20 {margin-bottom:20px!important;}
.mb30 {margin-bottom:30px!important;}
.mb40 {margin-bottom:40px!important;}
.mb50 {margin-bottom:50px!important;}
.mb100 {margin-bottom:100px!important;}
.mLRauto {margin-right: auto; margin-left: auto;}
.w0035 {width:3.5%!important;}
.w005 {width:5%!important;}
.w010 {width:10%!important;}
.w013 {width:13%!important;}
.w015 {width:15%!important;}
.w020 {width:20%!important;}
.w025 {width:25%!important;}
.w030 {width:30%!important;}
.w035 {width:35%!important;}
.w040 {width:40%!important;}
.w045 {width:45%!important;}
.w050 {width:50%!important;}
.w060 {width:60%!important;}
.w070 {width:70%!important;}
.w080 {width:80%!important;}
.w085 {width:85%!important;}
.w090 {width:90%!important;}
.w095 {width:95%!important;}
.w099 {width:99%!important;}
.w100 {width:100%!important;}
.w250 {width:250px!important;}
.w300 {width:300px!important;}
.w550 {width:550px!important;}
.h095 {height:95%!important;}
.fb {font-weight:bold!important;}
.fn {font-weight:normal!important;}
.f10 {font-size:10px!important;}
.f11 {font-size:11px!important;}
.f12 {font-size:12px!important;}
.f13 {font-size:13px!important;}
.f14 {font-size:14px!important;}
.f15 {font-size:15px!important;}
.f16 {font-size:16px!important;}
.f18 {font-size:18px!important;}
.f20 {font-size:20px!important;}
.f25 {font-size:25px!important;}
.f30 {font-size:30px!important;}
.f35 {font-size:35px!important;}
.f40 {font-size:40px!important;}
.f25-18 {font-size:25px;}

.txtR {text-align:right!important;}
.txtL {text-align:left!important;}
.txtC {text-align:center!important;}
.vaM {vertical-align:middle!important;}
.vaB {vertical-align:bottom!important;}
.appLH {line-height:1.3em!important;}
.redTxt {color:#FF0000!important;}
.blueTxt {color:#0066FF!important;}
.lightBlueTxt {color:#61DCFF!important;}
.greenTxt { color:#00CC00!important;}
.greenTxt2 { color:#00C981!important;}
.orangeTxt {color:#FF6600!important;}
.orangeTxt2 { color:#FFAA55!important;}
.grayTxt {color:#CCCCCC!important;}
.grayTxt2 {color:#666666!important;}
.whiteTxt {color:#FFFFFF!important;}
.bt01 {border-top:1px dotted #999999;}
.clear {clear: both;}
.borderR {
	width:98%;
	margin:0 auto;
	padding:10px;
	border-radius:8px;
	background:url(../img/community/timeline/bg_TL.gif) repeat-x top left;
}
.txtdecoUnder { text-decoration:underline;}
.bs1 {
	box-shadow:rgba(0,0,0,1) 0 0 2px;
}
.bs2 {
	box-shadow:rgba(100,100,100,1) 0 0 2px;
}
.bsNone {
	box-shadow:none;
}
.unDisplay_IE {display:none\9;}
.tableDefault {
	border-collapse: collapse!important;
	border-spacing: 0!important;
	border:none!important;
}
.circleFrame {
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	background:#FF8000;
	padding:2px 6px;
	-webkit-border-radius:20px;
		-moz-border-radius:20px;
	-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
	border-radius:20px;
	box-shadow:rgba(204,204,204,1) 0 0 2px;
}
/*
	clearfix
*/
.pkg:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.pkg {
	display: inline-block;
}
/* 正月　非表示 */
/* .youtube{display: none;} */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}
audio, canvas, video {
	display: inline-block
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden], template {
display:none
}
html {
/*	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
    font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Osaka, "MS PGothic", sans-serif;
/*
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
*/
        font-size: 15px;
}
body {
	margin: 0
}
a {
	background: transparent;
}
a:focus {
	outline: thin dotted
}
a:active, a:hover {
	outline: 0
}
h1 {
	font-size: 2em;
	margin: .67em 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: 700
}
dfn {
	font-style: italic
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}
mark {
	background: #ff0;
	color: #000
}
code, kbd, pre, samp {
	font-family: monospace, serif;
	font-size: 1em
}
pre {
	white-space: pre-wrap
}
q {
	quotes: "\201C" "\201D" "\2018" "\2019"
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -.5em
}
sub {
	bottom: -.25em
}
img {
	border: 0
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 0
}
fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}
legend {
	border: 0;
	padding: 0
}
button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0
}
button, input {
	line-height: normal
}
button, select {
	text-transform: none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], html input[disabled] {
	cursor: default
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
textarea {
	overflow: auto;
	vertical-align: top
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
html {
/*	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
        font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Osaka, "MS PGothic", sans-serif;
	font-size: 15px;
	line-height: 1.6;
	color: #333;
	background: #fff;
	min-width: 1000px
}
body {
	margin: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}
blockquote, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, pre, span, td, th, ul {
	margin: 0;
	padding: 0
}
p {
	text-justify: inter-ideograph
}
h1, h2, h3, h4, h5, h6 {
	font-size: 1rem;
	font-weight: 500
}
a {
	text-decoration: none;
	color: #006990;
	transition: color .1s linear
}
a:active, a:hover {
	outline: 0;
	text-decoration: underline
}
b, strong {
	font-weight: 700
}
h1, h2, h3, p, div, table {
	margin: 0
}
ul, li {
	list-style: none
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -.5em
}
sub {
	bottom: -.25em
}
img {
	border: 0
}
pre {
	overflow: auto
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
figure {
	margin: 0;
	padding: 0
}
address {
	font-size: 1rem;
	font-style: normal
}
i {
	font-style: normal
}
.android h1, .android h2, .android h3, .android h4, .android h4, .android h6, .android p, .android dt, .android dd, .android li {
	background: url(image)
}
html > * {
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.inner {
	box-sizing: border-box;
	position: relative;
	zoom: 1;
	width: 960px;
	margin: 0 auto;
	padding: 0 10px;
}
.innerIndex {
	box-sizing: border-box;
	position: relative;
	zoom: 1;
	margin: 0 auto;
	background: url(../img/nav_bg.png) no-repeat center bottom
}

.inner:after {
	content: "";
	display: block;
	clear: both
}
.innerIndex:after {
	content: "";
	display: block;
	clear: both
}
#menuSp {
	display: none
}
.hide {
	visibility: hidden
}
.disNon {
	display: none
}
.pw20 {
	padding-left: 20px;
	padding-right: 20px
}
.mb00 {
	margin-bottom: 0!important
}
.pl20 {
	padding-left: 20px
}
.ml00 {
	margin-left: 0!important
}
.mr00 {
	margin-right: 0!important
}
.clear {
	clear: both
}
.ipad header #gNav ul ul {
	border-radius: 0 0 0 5px!important
}
.ipad header .close {
	display: block!important
}
.ipad #floatNav {
	display: none
}
header {
	width: 100%;
	z-index: 50000;
	transition: top .3s;
	-webkit-transform: translate3d(0, 0, 0);
	position: fixed;
	top: 0;
	background: url(../img/bg_head_pc.png) repeat-x left bottom;
	height: 139px
}
header #siteLogo {
	z-index: 500;
	position: absolute;
	left: 50%;
	top: 10px;
	margin-left: -36px
}
header #siteLogo a {
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/logo_l.png) no-repeat left top;
	width: 72px;
	height: 95px
}
header {
	width: 100%;
	z-index: 50000;
	transition: top .3s;
	-webkit-transform: translate3d(0, 0, 0);
	position: fixed;
	top: 0;
	background: url(../img/bg_head_pc.png) repeat-x left bottom;
	height: 162px
}
.header_text{
	background: url(../img/top_bg.png) repeat-x left bottom;
/*	height:23px;*/  
    height: 40px;
    line-height: 38px;
/*	overflow:hidden;*/
}
/*20200302追加*/
.header_info_position{
    width: 1065px;
    margin: auto;
    position: relative;
}
.header_text p{
    width: 960px;
	font-size:12px;
	padding:0px 10px 3px 30px;
    margin: 0 auto;
}

header .inner {
	background: url(../img/nav_bg.png) no-repeat center bottom
}
header .login {
	position: absolute;
	top: 10px;
	right: 10px
}
header .login a {
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/btn_login.png) no-repeat left top;
	width: 150px;
	height: 40px
}
header #gNav {
	-webkit-transition: translate3d(0, 0, 0);
	behavior: url(/common/pie/PIE.htc);
	padding-top: 66px
}
header #gNav > ul > li > a {
	display: block;
	height: 66px;
	width: 93px;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer
}
header #gNav ul {
	position: relative;
	zoom: 1;
	width: 940px;
	margin: 0 auto;
}
header #gNav ul:after {
	content: "";
	display: block;
	clear: both
}
header #gNav ul li {
	float: left;
	list-style: none;
	width: 93px;
}
header #gNav ul li span {
	display: block;
	height: 66px;
	width: 93px;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer
}
header #gNav ul li.nav01 a {
	background: url(../img/gnav/nav01.png) no-repeat left top;
}
header #gNav ul li.nav02 a {
	background: url(../img/gnav/nav02.png) no-repeat left top;
}
header #gNav ul li.nav03 a {
	background: url(../img/gnav/nav03.png) no-repeat left top;
}
header #gNav ul li.navcase {
	margin-right: 196px;
}
header #gNav ul li.navcase a {
	background: url(../img/gnav/navcase.png) no-repeat left top;
}
header #gNav ul li.navcase a:hover {
	background-position: 0 -66px
}

header #gNav ul li.nav04 a {
	background: url(../img/gnav/nav04.png) no-repeat left top
}
header #gNav ul li.nav05 a {
	background: url(../img/gnav/nav05.png) no-repeat left top;
}
header #gNav ul li.navir a {
	background: url(../img/gnav/navir.png) no-repeat left top
}
header #gNav ul li.nav06 a {
	background: url(../img/gnav/nav06.png) no-repeat left top
}
/*
header #gNav ul li a:hover,
header #gNav ul li span:hover,
header #gNav ul li.current a
*/
header #gNav ul li.current a {
	background-position: 0 -66px
}

header #secondMenu {
	display: none;
	position: absolute;
	width: 940px;
	/*left: 10px; */
	background: #fff \9;
	background: rgba(255,255,255,0.9);
	behavior: url(/common/pie/PIE.htc);
	border-radius: 0 0 5px 5px;
	transform: scale(0.8, 0.8) translate(0px, -10px) perspective(500px) rotateX(-35deg);
	transition: .3s
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4);
}
header #secondMenu:hover {
	display: block;
	opacity: 1;
	transform: scale(1, 1) translate(0) perspective(0px) rotateX(0deg)
}
header #secondMenu > ul{
	display:none;
	width: 100%;
	max-width: 940px;
	margin: 0 auto;
	color: #000;
}

header #secondMenu > ul > li {
	float: left;
	/*width: 235px;*/
	display: flex;
	/*border-right: 1px solid #fff;*/
	/*border-bottom: 1px solid #fff;*/
	box-sizing: border-box;
	border-collapse: collapse;
}
header #secondMenu > ul > li.secondMenuTitle {
	width: 100%;
	border-bottom: 1px dotted #999;
	padding-left: 20px;
}
header #secondMenu > ul > li.secondMenuTitle > h2 {
	font-size: 20px;
	margin: 50px 0 10px 0;
	font-weight: bold;
	color:#333;
}
header #secondMenu > ul > li.secondMenuTitle > h2 > a {
	position: relative;
	vertical-align: middle;
	padding-left: 20px;
	box-sizing: border-box;
	display: table-cell;
	color: #004ea1;
}
header #secondMenu > ul > li.secondMenuTitle > h2 > a:before {
	content: "";
	position: absolute;
	display: block;
	top: 10px;
	left: 0px;
	background: url(../img/list_arrowb_black.png) no-repeat left top;
	width: 11px;
	height: 9px;
	vertical-align: middle
}

header #secondMenu > ul > li.secondMenuContent {
	width:66%;
	padding-left: 20px;
}
header #secondMenu > ul > li.secondMenuContent > ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: 15px;
	margin-bottom: 30px;
	width: 100%;
}
header #secondMenu > ul > li.secondMenuContent > ul > li {
	width: 50%;
	margin-bottom: 10px;
	font-size: 18px;

}
header #secondMenu > ul > li.secondMenuContent > ul > li > a {
	position: relative;
	vertical-align: middle;
	padding-left: 20px;
	box-sizing: border-box;
	display: table-cell;
	color: #004ea1;
}
header #secondMenu > ul > li.secondMenuContent > ul > li > a:before {
	content: "";
	position: absolute;
	display: block;
	top: 8px;

	left: 0px;
	background: url(../img/list_arrowa_black.png) no-repeat left top;
	width: 11px;
	height: 9px;
	vertical-align: middle
}
header #secondMenu > ul > li.smbn {
	width:34%;
	padding-top: 19px;
	line-height: 1;
}

header.small {
	top: -79px;
	transition: top .3s
}
header.small #siteLogo {
	margin-left: -22.5px;
	height: 45px;
	overflow: hidden;
	top: 65px
}
header.small #siteLogo a {
	width: 45px;
	background: url(../img/logo_s.png) no-repeat left top;
	width: 72px;
	height: 95px
}
header.small .login {
	display: none
}


article {
	padding-top:23px;
	padding-bottom: 50px
}
article #floatNav {
	transition: all .5s;
	position: fixed;
	z-index: 10000;
	right: -500px;
	top: 50%;
	transition: .5s
}
article #floatNav ul li a {
	width: 160px;
	color: inherit;
	font-weight: 700;
	background: url(../img/ico_circle_ss.png) no-repeat 10px center rgba(238,238,238,0.8);
	padding: 10px;
	padding-left: 40px;
	display: block
}
article #floatNav ul li a.current {
	background-color: rgba(150,150,150,0.8)
}
article #floatNav.appear {
	right: -170px
}
article #floatNav:hover {
	right: 0
}
article .breadCrumbs {
	margin-bottom: 15px
}
article .breadCrumbs ul li {
	display: inline;
	font-size: 86%
}
article .breadCrumbs ul li a {
	color: inherit
}
article .breadCrumbs ul li:after {
	content: " > "
}
article .breadCrumbs ul li:last-child:after {
	content: ""
}
article #lNav {
	padding: 15px 10px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 50px
}
article #lNav ul {
	zoom: 1
}
article #lNav ul:after {
	content: "";
	display: block;
	clear: both
}
article #lNav ul li {
	float: left;
	margin-right: 15px
}
article #lNav ul li a {
	color: inherit;
	background: url(../img/ico_circle_s.png) no-repeat left center;
	padding: 5px 0 5px 25px
}
article .ttlLL {
	font-size: 172%;
	background: url(../img/line_slash.png) repeat-x left bottom;
	position: relative;
	padding-left: 40px;
	padding-bottom: 20px;
	margin-bottom: 25px
}
article .ttlLL:before {
	content: "";
	width: 20px;
	height: 20px;
	background: url(../img/ico_circle_m.png) no-repeat left center;
	display: block;
	position: absolute;
	top: 10px;
	left: 10px
}
article .ttlL {
	font-size: 129%;
	font-weight: 700;
	background: url(../img/ico_line01.png) no-repeat left center;
	padding: 5px 0 5px 20px;
	margin-bottom: 20px
}
article .ttlL2 {
	font-size: 129%;
	font-weight: 700;
	background: url(../img/ico_line02.png) no-repeat left center;
	padding: 5px 0 5px 20px;
	margin-bottom: 20px
}
article .ttlArrow01 {
	font-size: 19px;
	font-weight: 700;
	background: url(../img/ico_arrow05.png) no-repeat left 10px;
	padding: 5px 0 5px 25px;
	line-height: 1.5
}
article .ttlCenterBorder {
	text-align: center;
	font-size: 172%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	font-weight: 700;
	margin-bottom: 40px
}
article .ttlBgGray {
	font-size: 108%;
	background: #eee;
	border: 1px solid #ddd;
	padding: 10px;
	font-weight: 700;
	margin-bottom: 20px;
	color: #666
}
article .ttlBgGray:before {
	content: "■ "
}
article .ttlBgGrayNoSquare {
	font-size: 108%;
	background: #eee;
	border: 1px solid #ddd;
	padding: 10px;
	font-weight: 700;
	margin-bottom: 20px;
	color: #666
}
article .spBr {
	display: none
}
footer#footer {
	background: url(../img/bg_foot_rep.png) repeat-x center top #333;
	height: 320px;
	box-sizing: border-box
}
footer#footer .bg {
	height: 350px;
	background: url(../img/bg_foot.png) no-repeat Center top
}
footer#footer .inner {
	padding: 20px 0 0
}
footer#footer #pagetop {
	position: absolute;
	top: -50px;
	right: 0
}
footer#footer #pagetop a {
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/btn_pagetop.png) no-repeat left top;
	width: 107px;
	height: 66px
}
footer#footer #footNav {
	float: left;
	/* width: 620px; */
	display: table
}
footer#footer #footNav .block {
	display: table-cell
}
footer#footer #footNav .block.b01 {
	width: 53%
}
footer#footer #footNav .block.b02 {
	width: 22%
}
footer#footer #footNav .block.b03 {
	width: 25%
}
footer#footer #footNav .block .box {
/*	margin-bottom: 45px*/
	margin-bottom: 12px;
}
footer#footer #footNav .block .box.last {
	margin-bottom: 0
}
footer#footer #footNav .block .box h2 a {
	font-size:15px;
	font-weight: 700;
	text-decoration: none;
	color: #fff
}
footer#footer #footNav .block .box ul li a {
	font-size: 86%;
	color: #fff;
	text-decoration: underline
}
footer#footer .footBnr {
	float: right;
	padding-top: 20px;
	width: 300px
}
footer#footer2nd {
	background: url(../img/bg_foot2nd_pc_rep.png) repeat-x left top
}
footer#footer2nd .inner {
	background: url(../img/bg_foot2nd_pc_line.png) no-repeat left 63px;
	height: 130px
}
footer#footer2nd #footSubNav {
	padding: 25px 0 40px
}
footer#footer2nd #footSubNav ul li {
	display: inline;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #333
}
footer#footer2nd #footSubNav ul li.last {
	border-right: none
}
footer#footer2nd #footSubNav ul li a {
	color: inherit
}
footer#footer2nd #mark {
	position: absolute;
	right: 0;
	top: -47px;
	background: #fff;
	border-radius: 5px;
	padding: 10px 5px 0
}
footer#footer2nd #mark ul {
	zoom: 1
}
footer#footer2nd #mark ul:after {
	content: "";
	display: block;
	clear: both
}
footer#footer2nd #mark ul li {
	float: left;
	padding: 0 15px
}
footer#footer2nd small {
	text-align: center;
	display: inherit
}
footer#footer2nd small br {
	display: none
}
footer{line-height:1.5;}
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: none;
	-webkit-tap-highlight-color: transparent
}
.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0
}
.slick-list:focus {
	outline: none
}
.slick-loading .slick-list {
	background: #fff url(../img/ajax-loader.gif) center center no-repeat
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	zoom: 1
}
.slick-track:before, .slick-track:after {
	content: "";
	display: table
}
.slick-track:after {
	clear: both
}
.slick-loading .slick-track {
	visibility: hidden
}
.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none
}
[dir="rtl"] .slick-slide {
	float: right
}
.slick-slide img {
	display: block
}
.slick-slide.slick-loading img {
	display: none
}
.slick-slide.dragging img {
	pointer-events: none
}
.slick-initialized .slick-slide {
	display: block
}
.slick-loading .slick-slide {
	visibility: hidden
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}
@font-face {
	font-family: "slick";
	src: url(fonts/slick.eot);
	src: url(fonts/slick.eot?#iefix) format("embedded-opentype"), url(fonts/slick.woff) format("woff"), url(fonts/slick.ttf) format("truetype"), url(fonts/slick.svg#slick) format("svg");
	font-weight: 400;
	font-style: normal
}
.slick-prev, .slick-next {
	position: absolute;
	display: block;
	height: 20px;
	width: 20px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: transparent;
	color: transparent;
	top: 50%;
	margin-top: -10px;
	padding: 0;
	border: none;
	outline: none
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
	outline: none;
	background: transparent;
	color: transparent
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
	opacity: 1
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
	opacity: .25
}
.slick-prev {
	left: -25px
}
[dir="rtl"] .slick-prev {
	left: auto;
	right: -25px
}
.slick-prev:before {
	content: "\2190"
}
[dir="rtl"] .slick-prev:before {
	content: "\2192"
}
.slick-next {
	right: -25px
}
[dir="rtl"] .slick-next {
	left: -25px;
	right: auto
}
.slick-next:before {
	content: "\2192"
}
[dir="rtl"] .slick-next:before {
	content: "\2190"
}
.slick-slider {
	margin-bottom: 30px
}
.slick-dots {
	position: absolute;
	bottom: -45px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	width: 100%
}
.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer
}
.slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	height: 20px;
	width: 20px;
	outline: none;
	line-height: 0;
	font-size: 0;
	color: transparent;
	padding: 5px;
	cursor: pointer
}
.slick-dots li button:hover, .slick-dots li button:focus {
	outline: none
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
	opacity: 1
}
.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "\2022";
	width: 20px;
	height: 20px;
	font-family: "slick";
	font-size: 6px;
	line-height: 20px;
	text-align: center;
	color: #000;
	opacity: .25;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
	color: #000;
	opacity: .75
}
/*body.top #news {
	background: url(../../img/img_visual_pc.jpg) no-repeat center top;
	padding-top: 500px;
	height: 440px
}
*/
body.top #news {
	background: url(../../img/img_visual_pc.jpg) no-repeat center top;
	padding-top: 500px;
	height: 440px
}
/* 年末年始用
body.top #news {
	background: url(../../img/img_newYear_visual_pc02.jpg) no-repeat center top;
	padding-top: 500px;
	height: 440px
}*/

body.top #news .catchCopy {
	text-align: center;
	font-size: 250%;
  font-weight:600;
	position: absolute;
	top: 290px;
	left: 0;
	width: 100%;
	color: #fff;
	text-shadow: 0 0 5px #000;
	line-height: 1.3;
}
body.top #news .catchCopy span {
	font-size: 68%;
  font-weight:500;
  line-height:1;
}
body.top #news #tabNews {
	z-index: 0
}
body.top #news #tabNews ul {
	zoom: 1;
	margin-left: 20px
}
body.top #news #tabNews ul:after {
	content: "";
	display: block;
	clear: both
}
body.top #news #tabNews ul li {
	position: relative;
	float: left;
	margin: 0 3px;
	width: 125px;
	text-align: center
}
body.top #news #tabNews ul li.current {
	top: -10px
}
body.top #news #tabNews ul li:hover {
	top: -10px
}
body.top #news #tabNews ul li a {
	display: block;
	border-radius: 8px;
	padding: 10px 0 40px;
	color: inherit;
	font-weight: 700
}
body.top #news #tabNews ul li.tab01 a {
	color: #fff;
	background: #f79800;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3OTgwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNDVmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #f79800 0%, #e45f00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f79800), color-stop(100%, #e45f00));
	background: -webkit-linear-gradient(top, #f79800 0%, #e45f00 100%);
	background: -o-linear-gradient(top, #f79800 0%, #e45f00 100%);
	background: -ms-linear-gradient(top, #f79800 0%, #e45f00 100%);
	background: linear-gradient(to bottom, #f79800 0%, #e45f00 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f79800', endColorstr='#e45f00', GradientType=0);
	border: 1px solid #ffc600
}
body.top #news #tabNews ul li.tab02 a {
	background: #bcf736;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JjZjczNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3NWU1MjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #bcf736 0%, #75e521 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bcf736), color-stop(100%, #75e521));
	background: -webkit-linear-gradient(top, #bcf736 0%, #75e521 100%);
	background: -o-linear-gradient(top, #bcf736 0%, #75e521 100%);
	background: -ms-linear-gradient(top, #bcf736 0%, #75e521 100%);
	background: linear-gradient(to bottom, #bcf736 0%, #75e521 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bcf736', endColorstr='#75e521', GradientType=0);
	border: 1px solid #cdff86
}
body.top #news #tabNews ul li.tab03 a {
	background: #98e6fe;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk4ZTZmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ZmIyZmEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #98e6fe 0%, #5fb2fa 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #98e6fe), color-stop(100%, #5fb2fa));
	background: -webkit-linear-gradient(top, #98e6fe 0%, #5fb2fa 100%);
	background: -o-linear-gradient(top, #98e6fe 0%, #5fb2fa 100%);
	background: -ms-linear-gradient(top, #98e6fe 0%, #5fb2fa 100%);
	background: linear-gradient(to bottom, #98e6fe 0%, #5fb2fa 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#98e6fe', endColorstr='#5fb2fa', GradientType=0);
	border: 1px solid #e2e2e2
}
body.top #news #tabNews ul li.tab04 a {
	background: #dcdcdc;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjZGNkYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MjkyOTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, gainsboro 0%, #929292 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, gainsboro), color-stop(100%, #929292));
	background: -webkit-linear-gradient(top, gainsboro 0%, #929292 100%);
	background: -o-linear-gradient(top, gainsboro 0%, #929292 100%);
	background: -ms-linear-gradient(top, gainsboro 0%, #929292 100%);
	background: linear-gradient(to bottom, #dcdcdc 0%, #929292 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#929292', GradientType=0);
	border: 1px solid #e2e2e2
}
body.top #news #tabContent {
	top: -40px;
	position: relative;
	z-index: 10;
	background: #fff;
	height: 370px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	border-radius: 15px;
	padding: 30px 10px;
	box-sizing: border-box
}
body.top #news #tabContent .block {
	position: absolute;
	left: 10px;
	top: 30px
}
body.top #news #tabContent .block .newsScrollBox {
	width: 920px;
	margin-left: 0
}
body.top #news #tabContent .block .newsScrollBox .topic {
	width: 210px;
	height: 315px;
	box-sizing: border-box;
	margin: 0 10px;
font-size:.82em
}
body.top #news #tabContent .block .newsScrollBox .topic a {
	display: block;
	color: inherit
}
body.top #news #tabContent .block .newsScrollBox .topic figure {
	margin-bottom: 10px
}
body.top #news #tabContent .block .newsScrollBox .topic figure img {
	margin: 0 auto
}
body.top #news #tabContent .block .newsScrollBox .topic h2 {
	font-weight: 700!important
}
body.top #news #tabContent .block .slick-slider {
	margin-bottom: 0
}
body.top #news #tabContent .block .slick-next, body.top #news #tabContent .block .slick-prev {
	width: 48px;
	height: 48px
}
body.top #news #tabContent .block .slick-next.slick-disabled, body.top #news #tabContent .block .slick-prev.slick-disabled {
	background-position: 0 -48px
}
body.top #news #tabContent .block .slick-next {
	right: -43px;
	background: url(../img/btn_next.png) no-repeat left top
}
body.top #news #tabContent .block .slick-prev {
	left: -43px;
	background: url(../img/btn_prev.png) no-repeat left top
}
body.top #news #tabContent .btn {
	position: absolute;
	right: 25px;
	top: -20px;
	z-index: 100
}
body.top #news #tabContent .btn a {
	display: block;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/btn_news_more.png) no-repeat left top;
	width: 127px;
	height: 32px
}
body.top .section h2 {
	height: 137px;
	border-bottom: 3px solid #f39712;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	background: #fff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, white 0%, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #efefef));
	background: -webkit-linear-gradient(top, white 0%, #efefef 100%);
	background: -o-linear-gradient(top, white 0%, #efefef 100%);
	background: -ms-linear-gradient(top, white 0%, #efefef 100%);
	background: linear-gradient(to bottom, #fff 0%, #efefef 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#efefef', GradientType=0);
	behavior: url(/common/pie/PIE.htc);
	-pie-background: linear-gradient(to bottom, #fff 0%, #efefef 100%)
}
body.top .section h2 span {
	display: block;
	width: 100%;
	height: 100%
}
body.top .section .catchCopy {
	color: #fff
}
body.top .section .catchCopy h3 {
	padding: 0 0 20px;
	font-size: 190%;
	font-weight: 700
}
body.top .section .catchCopy p {
	font-size: 110%
}
body.top .section .catchCopy .btn a {
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto
}
body.top .section#field h2 span {
	background: url(../../img/ttl_field.png) no-repeat center 40px
}
body.top .section#field .catchCopy {
	background: #fff;
	position: relative;
	box-sizing: border-box
}
body.top .section#field .catchCopy .bg {
	background: url(../../img/bg_field.jpg) no-repeat center top;
	height: 440px
}
body.top .section#field .catchCopy h3 {
	padding-bottom: 10px
}
body.top .section#field .catchCopy h3, body.top .section#field .catchCopy h3 {
	text-align: center;
    line-height:normal;

}
body.top .section#field .catchCopy p {
	text-align: left;
	width: 660px;
	margin:0 15px
}
body.top .section#field .catchCopy .inner {
	position: absolute;
	bottom: 30px;
	right: 5%;
	width: 700px;
	background: rgba(0,120,0,0.5);
	border-radius: 20px;
	padding: 10px;
	text-shadow: 0 0 5px #000
}
body.top .section#challenge {
	text-align: center
}
body.top .section#challenge h2 span {
	background: url(../../img/ttl_challenge.png) no-repeat center 40px
}
body.top .section#challenge .catchCopy {
	background: #fff;
	position: relative;
	box-sizing: border-box
}
body.top .section#challenge .catchCopy .bg {
	background: url(../../img/bg_challenge.jpg) no-repeat center top;
	height: 420px
}
body.top .section#challenge .catchCopy .inner {
	position: absolute;
	bottom:35px;
	left: 10%;
	width: 700px;
	text-shadow: 0 0 5px #000
}
body.top .section#challenge .catchCopy h3, body.top .section#challenge .catchCopy h3 {
	padding-bottom: 15px;
	text-align: left;
	width: 550px;
  line-height:normal;
}
body.top .section#challenge .catchCopy p {
	padding-bottom: 25px;
	text-align: left;
	width: 540px
}
body.top .section#challenge .catchCopy .btn {
	text-align: center
}
body.top .section#challenge .catchCopy .btn a {
	background: url(../../img/btn_approach.png) no-repeat center top;
	width: 345px;
	height: 46px;
	margin: 0 0 0 80px;
*margin-left:150px
}
body.top .section#approach h2 span {
	background: url(../../img/ttl_approach.png) no-repeat center 40px
}
body.top .section#approach .catchCopy {
	position: relative;
	background: #fff;
  margin-bottom:30px;
}
body.top .section#approach .catchCopy .bg {
	background: url(../../img/bg_approach.jpg) no-repeat center top;
	height: 440px;
}
body.top .section#approach .catchCopy h3 {
	padding-bottom: 0
}
body.top .section#approach .catchCopy h3 {
	text-align: center;
  line-height:normal;
  margin-bottom:10px;
}
body.top .section#approach .catchCopy p {
	text-align: left
}
body.top .section#approach .catchCopy h3 + p {
	margin-bottom: 10px
}
body.top .section#approach .catchCopy .inner {
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: -400px;
	width: 800px;
	background: rgba(0,120,150,0.4);
	border-radius: 20px;
	padding: 10px 18px;
	text-shadow: 0 0 5px #000
}
body.top .section#approach .catchCopy .btn ul {
	display: table;
	width: 100%;
	padding: 0;
	box-sizing: border-box
}
body.top .section#approach .catchCopy .btn ul li {
	display: table-cell;
	text-align: center;
	padding: 0 10px
}
body.top .section#approach .catchCopy .btn ul li.btn01 a {
	background: url(../../img/btn_challenge01.png) no-repeat left top;
	width: 345px;
	height: 46px
}
body.top .section#approach .catchCopy .btn ul li.btn02 a {
	background: url(../../img/btn_challenge02.png) no-repeat left top;
	width: 345px;
	height: 46px
}
body.top .section#search h2 {
	border-bottom: 5px solid #999;
	position: relative
}
body.top .section#search h2 span {
	background: url(../../img/ttl_search.png) no-repeat center 82px
}
body.top .section#search .catchCopy {
	background: url(../../img/bg_search_rep.jpg) repeat left top;
	min-height: 930px;
}
body.top .section#search .catchCopy .bg {
	zoom: 1;
	background: url(../../img/bg_search.jpg) no-repeat center top;
	height: 570px;
	transition: height .5s;
	transition: min-height .5s
}
body.top .section#search .catchCopy .bg:after {
	content: "";
	display: block;
	clear: both
}
body.top .section#search .catchCopy .inner:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0;
	border-color: #999 transparent transparent;
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -10px
}
body.top .section#search .catchCopy h3 {
	padding: 35px 0 20px;
	text-align: center
}
body.top .section#search .catchCopy .searchTabContent {
	position: relative;
	background: rgba(255,255,255,0.8);
	behavior: url(/common/pie/PIE.htc);
	-pie-background: rgba(255,255,255,0.8);
	border-radius: 5px 5px 0 0;
	zoom: 1
}
body.top .section#search .catchCopy .searchTabContent:after {
	content: "";
	display: block;
	clear: both
}
body.top .section#search .catchCopy .searchTabContent .block {
	float: left
}
body.top .section#search .catchCopy .searchTabContent .block:nth-child(1) h4 {
	border-radius: 5px 0 0 0
}
body.top .section#search .catchCopy .searchTabContent .block:nth-child(6) h4 {
	border-radius: 0 5px 0 0
}
body.top .section#search .catchCopy .searchTabContent .block:nth-child(6n) h4 {
	width: 160px;
	border-right: none
}
body.top .section#search .catchCopy .searchTabContent .block h4 {
	background: url(../img/ico_arrow02.png) no-repeat 15px center;
	padding-left: 40px;
	width: 156px;
	box-sizing: border-box;
	line-height: 1.2;
	height: 70px;
	border-right: 1px solid #bfbbba;
	border-bottom: 1px solid #bfbbba;
	color: #333;
	display: table-cell;
	vertical-align: middle;
	cursor: pointer
}
body.top .section#search .catchCopy .searchTabContent .block h4:nth-child(6n) {
	border-right: none;
	width: 161px
}
body.top .section#search .catchCopy .searchTabContent .block h4:nth-child(6) {
	border-radius: 0 5px 0 0
}
body.top .section#search .catchCopy .searchTabContent .block h4.current, body.top .section#search .catchCopy .searchTabContent .block h4:hover {
	background-color: #f29715;
	background-image: url(../img/ico_arrow02_o.png)
}
body.top .section#search .catchCopy .searchTabContent .block .list {
	border-top: 5px solid #f29715;
	position: absolute;
	left: 0;
	top: 140px;
	behavior: url(/common/pie/PIE.htc);
	-pie-background: rgba(255,255,255,0.8);
	background: rgba(255,255,255,0.8);
	width: 100%
}
body.top .section#search .catchCopy .searchTabContent .block .list ul {
	padding: 20px 0
}
body.top .section#search .catchCopy .searchTabContent .block .list ul li {
	margin: 0 20px;
	border-bottom: 1px dotted #333
}
body.top .section#search .catchCopy .searchTabContent .block .list ul li a {
	background: url(../img/ico_arrow03.png) no-repeat left center;
	padding: 10px 0 10px 35px;
	display: block
}

body.top .section#kanamic-cloud h2 {
	border-bottom: 5px solid #999;
	position: relative;
}
body.top .section#kanamic-cloud h2 span {
	background: url(../../img/ttl_kanamic-cloud.png) no-repeat center 82px;
}
body.top .section#kanamic-cloud .catchCopy {
	background-color:#FFEDDA;
	zoom: 1;
	background: url(../../img/bg_kanamic-cloud.png) no-repeat center top;
	background-color:#C6E4FC;
	color: inherit
}
body.top .section#kanamic-cloud .catchCopy .bg {
	padding-bottom:30px;
}
body.top .section#kanamic-cloud .catchCopy .inner:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0;
	border-color: #999 transparent transparent;
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -10px
}
body.top .section#kanamic-cloud .catchCopy .bg:after {
	content: "";
	display: block;
	clear: both;
}

body.top .section#kanamic-cloud .catchCopy .bg .content {
	width:940px;
	margin:0 auto;
	color:#333;
	clear:both;
}
body.top .section#kanamic-cloud .catchCopy .bg .content p{
	font-size:115%;
}

body.top .section#kanamic-cloud .catchCopy .bg .content h3{
	text-align:center;
	padding-top:60px;
	text-shadow:white 1px 1px 3px, white -1px 1px 3px, white 1px -1px 3px, white -1px -1px 3px;
}
body.top .section#kanamic-cloud .catchCopy .bg .content h4{
	text-align:left;
	font-size:21px;
	font-weight:bold;
	padding-bottom:10px;
	text-shadow:white 1px 1px 3px, white -1px 1px 3px, white 1px -1px 3px, white -1px -1px 3px;
	}
body.top .section#kanamic-cloud .catchCopy .bg .content-left {
	width:48%;
	float:left;
}
body.top .section#kanamic-cloud .catchCopy .bg .content-right {
	width:47%;
	float:right;
}
body.top .section#kanamic-cloud .catchCopy .bg .content ul{
	text-align:center;
	margin-top:20px;
}
body.top .section#kanamic-cloud .catchCopy .bg .content li{
	padding-top:10px;
}



body.top .section#example {
	margin-bottom: -50px
}
body.top .section#example h2 {
	border-bottom: 5px solid #999;
	position: relative
}
body.top .section#example h2 span {
	background: url(../../img/ttl_example.png) no-repeat center 82px
}
body.top .section#example .catchCopy {
	background: url(../../img/bg_example_rep.jpg) repeat-x center top;
	height: 525px;
	color: inherit
}
body.top .section#example .catchCopy .bg {
	background: url(../../img/bg_example.jpg) repeat-x center bottom;
	height: 615px
}
body.top .section#example .catchCopy .inner:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0;
	border-color: #999 transparent transparent;
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -10px
}
body.top .section#example .catchCopy .btn a {
	background: url(../../img/btn_example.png) no-repeat left top;
	width: 195px;
	height: 46px
}
body.top .section#example .catchCopy h3 {
	padding: 15px 0;
	display: inline;
	padding-left: 50px
}
body.top .section#example .catchCopy figure {
	padding: 10px 0
}
body.top .section#example .catchCopy h4 {
	font-weight: 700;
	margin-bottom: 10px;
	text-align: left
}
body.top .section#example .catchCopy p {
	text-align: left;
	margin-bottom: 10px;
	font-size: 1rem
}
body.top .section#example .catchCopy .col {
	padding-top: 30px;
	display: table
}
body.top .section#example .catchCopy .col > div {
	display: table-cell;
	width: 460px
}
body.top .section#example .catchCopy .left {
	text-align: center
}
body.top .section#example .catchCopy .left h3 {
	background: url(../img/ico_wheelchair.png) no-repeat left center
}
body.top .section#example .catchCopy .left figure {
	text-align: left
}
body.top .section#example .catchCopy .right {
	text-align: center;
	padding-left: 20px
}
body.top .section#example .catchCopy .right h3 {
	background: url(../img/ico_hospital.png) no-repeat left center
}
body.top .section#example .catchCopy .right figure {
	text-align: left
}
.under article {
	padding-top: 113px;
}
.under #ttlArea {
	padding-top: 23px;
	margin-bottom: 15px;
	position: relative
}
.under #ttlArea:after {
	content: "";
	display: block;
	width: 100%;
	position: absolute;
	height: 5px;
	bottom: 0;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjI1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.25) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(1%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.25)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.25) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.25) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.25) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.25) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#40000000', GradientType=0)
}
.under #ttlArea .inner {
	height: 148px;
	width: 100%;
	padding: 0!important
}
.under #ttlArea .inner h1 {
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	height: 148px;
	background-position: center top!important
}
.under .breadCrumbs + h2 {
	font-weight: 700;
	margin-bottom: 20px
}
.under .lead {
	margin-bottom: 30px
}
.under .section {
	margin-bottom: 50px
}
.under .section .col + .ttlL {
	margin-top: 50px
}
.under .section .ttlLL + p {
	margin-bottom: 35px;
	padding: 0 10px
}
.under .section .col + .col {
	margin-top: 50px
}
.under .section .col + .bgOrange {
	margin-top: 50px
}
.under .section .bgOrange {
	padding: 10px;
	background: #fff9ef;
	border: 1px solid #ffeac3;
	color: #d96d00;
	font-weight: 700;
	margin-bottom: 30px
}
.under .section > .txt {
	margin-bottom: 50px
}
.under .section .col {
	margin-bottom: 50px
}
.under .section .col .img {
	display: table-cell;
	vertical-align: top;
	width: 490px;
	padding-right: 30px;
	box-sizing: border-box
}
.under .section .col .img p {
	margin-bottom: 20px
}
.under .section .col .img img {
	width: 100%;
	height: auto
}
.under .section .col .img01 {
	display: table-cell;
	vertical-align: top;
	padding-right: 30px;
	box-sizing: border-box;
}
.under .section .col .img01 p {
	margin-bottom: 20px
}

.under .section .col .img02 {
	display: table-cell;
	vertical-align: top;
	box-sizing: border-box
}
.under .section .col .img02 p {
	margin-bottom: 20px
}
.under .section .col .txt {
	display: table-cell;
	vertical-align: top;
	width: 450px;
	box-sizing: border-box
}
.under .section .col .img03 {
	display: table-cell;
	vertical-align: top;
	padding-right: 30px;
	box-sizing: border-box;
}
.under .section .col .img03 img{
	width: 320px;
}
.under .section .col .img03 p {
	margin-bottom: 20px
}
.under .section .col .img04 {
	display: table-cell;
	vertical-align: top;
	padding-right: 10px;
	box-sizing: border-box;
	float:right;
	margin-left: 30px;
}
.under .section .col .img04 img{
	width: 150px;
}

.under .section .col .txt h3 {
	font-weight: 700;
	font-size: 129%;
	margin-bottom: 10px
}
.under .section .col .txt strong {
	font-size: 129%
}
.under .section .col .txt img {
	padding: 30px 0
}
.under .section .col .txt01 {
	display: table-cell;
	vertical-align: top;
	width: 450px;
	box-sizing: border-box
}
.under .section .col .txt01 h3 {
	font-weight: 700;
	font-size: 129%;
	margin-bottom: 10px
}
.under .section .col .txt01 strong {
	font-size: 129%
}
.under .section .col .txt01 img {
	padding: 30px 0
}
.min510 {
  max-width: 100%;
}

.under .section .col_2 {
	position: relative;
	margin-bottom: 50px;
	zoom: 1;
	border-bottom: 1px solid #ccc;
	padding-bottom: 45px;
	margin-bottom: 45px;
	min-height: 200px
}
.under .section .col_2:after {
	content: "";
	display: block;
	clear: both
}
.under .section .col_2:last-child {
	margin-bottom: 0
}
.under .section .col_2 h3 {
	padding-left: 20px;
	font-weight: 700;
	font-size: 129%;
	margin-bottom: 10px;
	width: 590px
}
.under .section .col_2 .img {
	position: absolute;
	right: 0;
	top: 0;
	width: 350px;
	padding-left: 30px;
	box-sizing: border-box
}
.under .section .col_2 .img p {
	margin-bottom: 20px
}
.under .section .col_2 .img img {
	width: 100%;
	height: auto
}
.under .section .col_2 .txt {
	float: left;
	width: 590px;
	box-sizing: border-box
}
.under .section .col_2 .txt strong {
	font-size: 129%
}
.under .section .col_2 .txt img {
	padding: 30px 0
}
.under .section .col3 {
	display: table;
	width: 100%
}
.under .section .col3 div {
	width: 300px;
	display: table-cell
}
.under .section .col3 div:nth-child(2) {
	padding: 0 20px
}
.under .section .col3 div p {
	margin-bottom: 10px
}
.under .section .col3 div img {
	width: 100%;
	height: auto
}
.under .section .colImg img {
	width: 460px;
	height: auto
}
.under .section .colImg img.first {
	padding-right: 20px
}
.under #example {
	margin-bottom: 50px
}
.under #example h2 {
	height: 137px;
	border-bottom: 3px solid #f39712;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	background: linear-gradient(to bottom, #fff 0%, #efefef 100%);
	border-bottom: 5px solid #999;
	position: relative;
	overflow: hidden;
}
.under #example h2 span{
	background:url(../../img/ttl_example.png) no-repeat center 82px;
	display:block;
	width:100%;
	height:100%;
}

.under #example h2.jisseki {
	height: 137px;
	border-bottom: 3px solid #f39712;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	background:  linear-gradient(to bottom, #fff 0%, #efefef 100%);
/*	background-position: center 82px;
*/	border-bottom: 5px solid #999;
	position: relative
}
.under #example h2.jisseki span{
	background:url(../../img/ttl_example2.png) no-repeat center 82px;
	display:block;
	width:100%;
	height:100%;
}
.under #example .catchCopy {
	background: url(../../img/bg_example_rep2.jpg) repeat center top;
	color: inherit
}
.under #example .catchCopy .bg {
	background: url(../../img/bg_example_rep.jpg) repeat-x center top
}
.under #example .catchCopy .inner {
	padding-top: 50px
}
.under #example .catchCopy .inner:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0;
	border-color: #999 transparent transparent;
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -10px
}
.under #example .catchCopy .inner .col {
	margin-bottom: 0
}
.under #example .catchCopy .inner .col > div {
	display: table-cell;
	width: 463px;
	vertical-align: top
}
.under #example .catchCopy .inner .col > div figure img {
	width: 100%;
	height: auto
}
.under #example .catchCopy .inner .col > div.left {
	padding-right: 34px
}
.under #example .catchCopy .inner .col > div .ico {
	margin-bottom: 10px
}
.under #example .catchCopy .inner .col > div .ico span {
	padding-right: 20px;
	font-weight: 700
}
.under #example .catchCopy .inner .col > div .ico img {
	vertical-align: middle;
	width: 29px;
	height: auto;
	padding-right: 5px
}
.under #example .catchCopy .inner .col > div h3 {
	font-size: 129%;
	color: #004c66;
	margin-bottom: 10px;
	font-weight: 700
}
.under #example .catchCopy .inner .center {
	width: 500px;
	margin: 0 auto
}
.under #example .catchCopy .inner .center .heading {
	font-weight: 700;
	text-align: center;
	font-size: 20px;
	margin-bottom: 10px;
	color: inherit
}
.under #example .catchCopy .inner .center .heading + p {
	font-size: 15px;
	text-align: center;
	margin-bottom: 15px
}
.under #example .catchCopy .inner .center figure img {
	width: 100%;
	height: auto
}
.under #example .catchCopy .inner .center .ico {
	margin-bottom: 10px
}
.under #example .catchCopy .inner .center .ico span {
	padding-right: 20px;
	font-weight: 700
}
.under #example .catchCopy .inner .center .ico img {
	vertical-align: middle;
	width: 29px;
	height: auto;
	padding-right: 5px
}
.under #example .catchCopy .inner .center h3 {
	font-size: 129%;
	color: #004c66;
	margin-bottom: 10px;
	font-weight: 700
}
.under #example .catchCopy .inner .btn {
	padding: 50px 0
}
.under #example .catchCopy .inner .btn a {
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	background: url(../../medical/img/btn_iryo01.png) no-repeat left top;
	width: 324px;
	height: 44px;
	margin: 0 auto
}
.under .flow {
	zoom: 1
}
.under .flow:after {
	content: "";
	display: block;
	clear: both
}
.under .flow .box {
	float: left;
	width: 300px;
	margin: 0 10px 30px
}
.under .flow .box:nth-child(3n) {
	margin-right: 0
}
.under .flow .box:nth-child(3n+1) {
	margin-left: 0;
	clear: both
}
.under .flow .box h3 {
	color: #333;
	font-size: 115%;
	font-weight: 700;
	position: relative;
	padding-left: 25px;
	margin-bottom: 10px
}
.under .flow .box h3 span {
	background: #eb7a12;
	color: #fff;
	border-radius: 50px;
	display: block;
	position: absolute;
	width: 20px;
	box-sizing: border-box;
	padding-top: 3px;
	height: 20px;
	left: 0;
	top: 2px;
	line-height: 1;
	font-size: 1rem;
	text-align: center;
	font-weight: 400;
	margin-right: 10px
}
.under .flow .box p {
	color: #333
}
.under .flow > :first-child {
	margin-left: 0;
	clear: both
}
.under .flow > :first-child + * + * + * {
	margin-left: 0;
	clear: both
}
.under .flow > :first-child + * + * {
	margin-right: 0
}
.under .flow > :first-child + * + * + * + * + * + * {
	margin-left: 0;
	clear: both
}
.under .flow > :first-child + * + * + * + * + * {
	margin-right: 0
}
.under .flow > :first-child + * + * + * + * + * + * + * + * {
	margin-right: 0
}
.medical article {
	padding-bottom: 0
}
.medical article #example {
	margin-bottom: 0
}
.medical article #example .catchCopy {
	padding-bottom: 50px
}
.medical #ttlArea {
	background: #eeefea
}
.medical #ttlArea .inner h1 {
	background: url(../../medical/img/ttl_iryo.jpg) no-repeat left top
}
.medical .section #sec02_3 {
	margin-top: -100px;
	padding-top: 100px
}
.medical .section#sec01 {
	margin-top: -150px;
	padding-top: 150px
}
.medical .section#sec02 {
	margin-top: -100px;
	padding-top: 100px
}
.medical .section#sec03 {
	margin-top: -100px;
	padding-top: 100px
}
.medical .section#example {
	margin-top: -50px;
	padding-top: 50px
}
.medical .section#sec03 .col {
	border-bottom: 1px solid #ccc;
	padding-bottom: 50px
}
.medical .section#sec03 .img {
	width: 320px;
	padding-right:0px;
}
.medical .section#sec03 .txt {
	width: 620px;
	padding-right: 30px;
	padding-left:20px;
}
.care #ttlArea {
	background: #dae3b8
}
.care #ttlArea .inner h1 {
	background: url(../../care/img/ttl_kaigo.jpg) no-repeat left top;
	background-color: #dae3b8;
}
.care.kyotaku #ttlArea {
	background: #e3e3df
}
.care.kyotaku #ttlArea .inner h1 {
	background: url(../../care/img/ttl_kyotaku.jpg) no-repeat center top!important
}
.care.houkatsu #ttlArea {
	background: #f6faf9
}
.care.houkatsu #ttlArea .inner h1 {
	background: url(../../care/img/ttl_houkatsu.jpg) no-repeat center top!important
}
.care.houkatsu .colImg {
	padding-top: 20px
}
.care.houmon #ttlArea {
	background: #f0f5fb
}
.care.houmon #ttlArea .inner h1 {
	background: url(../../care/img/ttl_houmon.jpg) no-repeat center top!important
}
.care.tsusyo #ttlArea {
	background: #fcfaf9
}
.care.tsusyo #ttlArea .inner h1 {
	background: url(../../care/img/ttl_tsusyo.jpg) no-repeat center top!important
}
.care.shisetsu #ttlArea {
	background: #f1e5d8
}
.care.shisetsu #ttlArea .inner h1 {
	background: url(../../care/img/ttl_shisetsu.jpg) no-repeat center top!important
}
.care.yougu #ttlArea {
	background: #f3f1e7
}
.care.yougu #ttlArea .inner h1 {
	background: url(../../care/img/ttl_yougu.jpg) no-repeat center top!important
}
.care.yougu #example .catchCopy .inner {
	padding-bottom: 30px
}
.care.tiiki #ttlArea {
	background: #b9d0e1
}
.care.tiiki #ttlArea .inner h1 {
	background: url(../../care/img/ttl_chiiki.jpg) no-repeat center top!important
}
.care.sougoushien #ttlArea {
	background: #fff
}
.care.sougoushien #ttlArea .inner h1 {
	background: url(../../care/img/ttl_shogai.jpg) no-repeat center top!important
}
.care.sougoushien #example .catchCopy .inner {
	padding-bottom: 30px
}
.care.kanaerutouch #ttlArea .inner h1 {
	background: url(../../care/img/kanaerutouch/visual_pc.jpg) no-repeat center top!important;
	height:450px;
}
.kanaerutouch.under #ttlArea .inner {
	height: 450px;
	width: 100%;
	padding: 0!important
}
.care #ttlArea {
	background: #ffffff
}

.care .section #sec02_1 {
	margin-top: -100px;
	padding-top: 100px
}
.care .section #sec02_1 .img {
	top: 100px
}
.care .section #sec02_2 {
	margin-top: -100px;
	padding-top: 100px
}
.care .section #sec02_2 .img {
	top: 100px
}
.care .section #sec02_3 {
	margin-top: -100px;
	padding-top: 100px
}
.care .section #sec02_3 .img {
	top: 100px
}
.care .section #sec02_4 {
	margin-top: -100px;
	padding-top: 100px
}
.care .section #sec02_4 .img {
	top: 100px
}
.care .section#sec01 {
	margin-top: -150px;
	padding-top: 150px
}
.care .section#sec02 {
	margin-top: -100px;
	padding-top: 100px
}
.care .section#example {
	margin-top: -50px;
	padding-top: 50px
}
.care .section#sec04 {
	margin-top: -100px;
	padding-top: 100px
}
.care .section#sec03,
.case .section#sec03 {
	background: #eee;
	box-shadow: inset 0 5px 5px 0 rgba(0,0,0,0.1);
	padding: 70px 0
}
.care .section#sec03 h2,
.case .section#sec03 h2 {
	text-align: center;
	font-size: 172%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	font-weight: 700;
	margin-bottom: 40px
}
.care .section#sec03 .lineup {
	zoom: 1
}
.case .section#sec03 .lineup {
	zoom: 1;
    text-align: center
}
.care .section#sec03 .lineup:after,
.case .section#sec03 .lineup:after {
	content: "";
	display: block;
	clear: both
}
.care .section#sec03 .lineup .box {
	float: left;
	width: 220px;
	margin: 0 10px 30px
}
.case .section#sec03 .lineup .box {
	width: 220px;
	margin: 0 10px 30px;
    display: inline-block;
	text-align: left
}

.care .section#sec03 .lineup .box:nth-child(4n) {
	margin-right: 0
}
.care .section#sec03 .lineup .box:nth-child(4n+1) {
	margin-left: 0;
	clear: both
}
.care .section#sec03 .lineup .box p,
.case .section#sec03 .lineup .box p {
	color: #333
}
.care .section#sec03 .btn a,
.case .section#sec03 .btn a {
	background: url(../../care/img/btn_siryo.png) no-repeat left top;
	width: 332px;
	height: 52px;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto
}
.case .section#sec03 .btn a {
	background: url(../../case/img/btn_siryo.png) no-repeat left top;
}
.care .section#sec04 {
	padding-bottom: 50px
}
.care .section#sec04 h2 {
	text-align: center;
	font-size: 172%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	font-weight: 700;
	margin-bottom: 40px
}
.care .section#sec04 .btn a {
	background: url(../../care/img/btn_siryo.png) no-repeat left top;
	width: 332px;
	height: 52px;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto
}

.child-care article {
	padding-bottom: 0
}
.child-care article #example {
	margin-bottom: 0
}
.child-care article #example .catchCopy {
	padding-bottom: 50px
}
.child-care #ttlArea {
	background: #FFF1CE
}
.child-care #ttlArea .inner h1 {
	background: url(../../child-care/img/ttl_child.jpg) no-repeat left top
}
.child-care .section #sec02_3 {
	margin-top: -100px;
	padding-top: 100px
}
.child-care .section#sec01 {
	margin-top: -150px;
	padding-top: 150px
}
.child-care .section#sec02 {
	margin-top: -100px;
	padding-top: 100px
}
.child-care .section#sec03 {
	margin-top: -100px;
	padding-top: 100px
}
.child-care .section#example {
	margin-top: -50px;
	padding-top: 50px
}
.child-care .section#sec03 .col {
	border-bottom: 1px solid #ccc;
	padding-bottom: 130px;
}
.child-care .section#sec03 .img {
	width: 320px;
	padding-right:0px;
}
.child-care .section#sec03 .txt {
	width: 620px;
	padding-right: 30px;
	padding-left:20px;
}
.child-care .btn a {
	background: url(../../care/img/btn_siryo.png) no-repeat left top;
	width: 332px;
	height: 52px;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto 70px;
}

.request #ttlArea {
	background: #e7eaeb
}
.request #ttlArea .inner h1 {
	background: url(../../request/img/ttl_request.jpg) no-repeat left top
}
.request .section .ico {
	font-size: 26px;
	padding: 0 20px;
	margin-bottom: 15px
}
.request .section .ico img {
	vertical-align: middle;
	padding-right: 10px
}
.request .section .ico + p {
	padding: 0 20px
}
.request .section#sec02 > p img {
	vertical-align: middle;
	padding-right: 3px
}
.request .section .formBlock {
	border-top: 1px solid #ccc;
	margin-bottom:50px;
}
.request .section .formBlock .box {
	display: table;
	width: 100%
}
.request .section .formBlock .box .ttl {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	display: table-cell;
	width: 195px;
	background: #ffeccf;
	vertical-align: middle;
	padding: 20px;
	box-sizing: border-box
}
.request .section .formBlock .box .ttl img {
	vertical-align: middle;
	padding-left: 8px
}
.request .section .formBlock .box .input {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 745px;
	display: table-cell;
	box-sizing: border-box;
	padding: 20px;
	vertical-align: middle
}
.request .section .formBlock .box .input select {
	margin-bottom: 10px
}
.request .section .formBlock .box .input input.w165 {
	width: 165px
}
.request .section .formBlock .box .input input.w260 {
	width: 260px
}
.request .section .formBlock .box .input input.w350 {
	width: 350px
}
.request .section .formBlock .box .input input.w670 {
	width: 670px
}
.request .section .formBlock .box .input input[type="checkbox"] {
	margin-right: 10px;
	vertical-align: middle
}
.request .section .formBlock .box .input textarea {
	width: 590px;
	height: 80px
}
.request .section .formBlock .box .input dl dd {
	margin-bottom: 20px
}
.request .section .formBlock .box .input dl dd ul li {
	
	margin-left: 3em
}
.request .section .formBlock .box .input dl dd ul li span{
	background:url(../img/ico_circle.png) no-repeat left center;
	padding-left:15px;
	padding-right:30px;
}

.request .section .formBlock .box .input .inquiryCheck {
	height: 125px;
	overflow: scroll;
	overflow-x: hidden;
	border: 1px solid #333;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 20px
}
.request .section .formBlock .box .input .inquiryCheck + p, .request .section .formBlock .box .input .inquiryCheck + p + p {
	display: inline;
	padding-right: 30px
}
.request .section .formBlock .box .input .inquiryCheck + p input, .request .section .formBlock .box .input .inquiryCheck + p + p input {
	vertical-align: middle;
	margin-right: 10px
}
.request .section .formBlock .submitBtn {
	margin: 40px auto 100px;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	background: url(../../request/img/btn_confirm.png) no-repeat left top;
	width: 332px;
	height: 52px;
	cursor: pointer
}
.request .section .formBlock .confirmBtn {
	margin: 40px auto 100px;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	background: url(../../request/img/btn_send.png) no-repeat left top;
	width: 380px;
	height: 52px;
	cursor: pointer
}
.request .section .formBlock .returnBtn {
	position: absolute;
	right: 10px;
	bottom: 0;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	background: url(../../request/img/btn_back.png) no-repeat left top;
	width: 205px;
	height: 52px;
	cursor: pointer
}
.request .section .returnTopBtn a {
	margin: 40px auto 100px;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	background: url(../../request/img/btn_returntop.png) no-repeat left top;
	width: 205px;
	height: 52px;
	cursor: pointer
}
.recruit #ttlArea {
	background: #dbe8f9
}
.recruit #ttlArea .inner h1 {
	background: url(../../recruit/img/ttl_recruit.jpg) no-repeat left top
}
.recruit.newgraduates #ttlArea {
	background: #d2dde7
}
.recruit.newgraduates #ttlArea .inner h1 {
	background: url(../../recruit/img/ttl_newgraduates.jpg) no-repeat left top
}
.recruit.newgraduates.form #ttlArea {
	background: #d2dde7
}
.recruit.newgraduates.form #ttlArea .inner h1 {
	background: url(../../recruit/img/ttl_newgraduates_form.jpg) no-repeat left top
}
.recruit.career #ttlArea {
	background: #e1ecee
}
.recruit.career #ttlArea .inner h1 {
	background: url(../../recruit/img/ttl_career.jpg) no-repeat left top
}
.recruit.career.form #ttlArea {
	background: #e1ecee
}
.recruit.career.form #ttlArea .inner h1 {
	background: url(../../recruit/img/ttl_career_form.jpg) no-repeat left top
}
.recruit .recruitSelect {
	padding-bottom: 50px;
	display: table
}
.recruit .recruitSelect div {
	width: 50%;
	box-sizing: border-box;
	display: table-cell
}
.recruit .recruitSelect div a {
	color: inherit
}
.recruit .recruitSelect .new {
	padding-right: 20px
}
.recruit .newOne {
	width: 50%;
	margin: 0 auto
}
.recruit .newOne a {
	color: inherit
}
.recruit .col {
	display: table
}
.recruit .col p {
	display: table-cell;
	width: 455px;
	padding-right: 15px
}
.recruit .col p + p {
	padding: 0 0 0 15px
}
.recruit .btnToForm {
	position: relative;
	z-index: 1;
	background: #f6f6f6;
	padding: 40px 0;
	margin-bottom: 50px
}
.recruit .btnToForm a {
	background: url(../../recruit/img/btn_form_newgraduate.png) no-repeat left top;
	width: 412px;
	height: 52px;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto
}
.recruit.careertop .btnToForm {
	background: #f6f6f6;
	padding: 40px 0;
	margin-bottom: 50px
}
.recruit.careertop .resume-down a {
	background: url(../../recruit/img/btn_resume-down.png) no-repeat left bottom;
	width: 412px;
	height: 52px;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto;
	transition:.2s;
}
.pcheck:checked ~ a.entrysheet {
	background: url(../../recruit/img/btn_resume-down.png) no-repeat left top;
	width: 412px;
	height: 52px;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto
}
.recruit .colVideo1 {
	display: table;
	width: 100%
}
.recruit .colVideo1 .video {
	width: 590px;
	display: table-cell;
	padding-left: 10px
}
.recruit .colVideo1 .txt {
	display: table-cell;
	vertical-align: top
}
.recruit.newtop #sec01 {
	margin-top: -150px;
	padding-top: 150px
}
.recruit.newtop #sec02 {
	margin-top: -100px;
	padding-top: 100px
}
.recruit.newtop #sec03 {
	margin-top: -100px
}
.recruit.newtop #sec04 {
	margin-top: -100px;
	padding-top: 100px
}
.recruit.newtop #sec02 {
	margin-bottom: 200px
}
.recruit.newtop #sec02 .formBlock .ttl {
	background: #eee
}
.recruit.newtop #sec03 {
	background: #eee;
	padding: 100px 0
}
.recruit.newtop #sec03 .box h3 span {
	background: none!important;
	color: inherit;
	font-size: inherit;
	font-weight: 700
}
.recruit.newtop #sec03 .box h3 span:after {
	content: "."
}
.recruit.newtop #sec04 {
	margin-bottom: 100px
}
.recruit.careertop #sec01 {
	margin-top: -150px;
	padding-top: 150px
}
.recruit.careertop #sec02 {
	margin-top: -100px
}
.recruit.careertop #sec03 {
	margin-top: -100px;
	padding-top: 100px
}
.recruit.careertop #sec01 {
	margin-bottom: 200px
}
.recruit.careertop #sec01 .formBlock .ttl {
	background: #eee
}
.recruit.careertop #sec02 {
	background: #eee;
	padding: 100px 0
}
.recruit.careertop #sec02 .box h3 span {
	background: none!important;
	color: inherit;
	font-size: inherit;
	font-weight: 700
}
.recruit.careertop #sec02 .box h3 span:after {
	content: "."
}
.recruit.careertop #sec03 {
	margin-bottom: 100px
}
.recruit.confirm .input ul br {
	display: none
}
.recruit .tabBtn {
	margin-bottom: 50px
}
.recruit .tabBtn ul {
	zoom: 1
}
.recruit .tabBtn ul:after {
	content: "";
	display: block;
	clear: both
}
.recruit .tabBtn ul li {
	float: left;
	margin-right: 20px
}
.recruit .tabBtn ul li a {
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	width: 242px;
	height: 37px
}
.recruit .tabBtn ul li a:hover {
	background-position: 0 -37px!important
}
.recruit .tabBtn ul li.current a {
	background-position: 0 -37px!important
}
.recruit .tabBtn ul li.btnForm a {
	background: url(../../recruit/img/btn_form.png) no-repeat left top
}
.recruit .tabBtn ul li.btnUpload a {
	background: url(../../recruit/img/btn_upload.png) no-repeat left top
}
.recruit #sec01 > p {
	margin-bottom: 30px;
	padding: 0 20px
}
.recruit #sec01 > p img {
	vertical-align: middle;
	padding-right: 3px
}
.recruit .formBlock{
	border-top: 1px solid #ccc;
	margin-bottom: 45px
}
.recruit .formBlock .ttlGroup {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 100%;
	background: #ffeccf;
	vertical-align: middle;
	padding: 10px 20px;
	box-sizing: border-box
}
.recruit .formBlock .ttlGroup img {
	vertical-align: middle;
	padding-left: 8px
}
.recruit .formBlock .box {
	display: table;
	width: 100%
}
.recruit .formBlock .box .ttl {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	display: table-cell;
	width: 195px;
	background: #ffeccf;
	vertical-align: middle;
	padding: 20px;
	box-sizing: border-box
}
.recruit .formBlock .box .ttl img {
	vertical-align: middle;
	padding-left: 8px
}
.recruit .formBlock .box .input {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 745px;
	display: table-cell;
	box-sizing: border-box;
	padding: 20px;
	vertical-align: middle
}
.recruit .formBlock .box .input select {
	margin-bottom: 10px
}
.recruit .formBlock .box .input input.w100 {
	width: 100px
}
.recruit .formBlock .box .input input.w50 {
	width: 50px
}
.recruit .formBlock .box .input input.w165 {
	width: 165px
}
.recruit .formBlock .box .input input.w190 {
	width: 190px
}
.recruit .formBlock .box .input input.w260 {
	width: 260px
}
.recruit .formBlock .box .input input.w350 {
	width: 350px
}
.recruit .formBlock .box .input input.w670 {
	width: 670px
}
.recruit .formBlock .box .input input[type="checkbox"], .recruit .formBlock .box .input input[type="radio"] {
	margin-right: 10px;
	vertical-align: middle
}
.recruit .formBlock .box .input textarea {
	width: 590px;
	height: 80px
}
.recruit .formBlock .box .input dl dd {
	margin-bottom: 20px
}
.recruit .formBlock .box .input dl dd ul li {
	list-style: disc;
	margin-left: 3em
}
.recruit .formBlock .box .input ul.liInline li {
	display: inline;
	padding-right: 20px
}
.recruit .formBlock .box .input .name dt {
	width: 60px;
	float: left;
	clear: both
}
.recruit .formBlock .box .input .name dd {
	padding-left: 70px;
	margin-bottom: 10px
}
.recruit .formBlock .box .input.sex label {
	margin-right: 30px
}
.recruit .inquiryCheck,
.request .inquiryCheck
 {
	height: 125px;
	overflow: scroll;
	overflow-x: hidden;
	border: 1px solid #333;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 20px
}
.recruit .taC,
.request .taC {
	text-align: center;
	margin-bottom: 35px
}
.recruit .taC p,
.request .taC p {
	display: inline;
	padding-right: 30px
}
.recruit .taC p input,
.request .taC p input {
	vertical-align: middle;
	margin-right: 10px
}
.recruit .confirmBtn{
	margin: 40px auto 100px;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	background: url(../../request/img/btn_send.png) no-repeat left top;
	width: 380px;
	height: 52px;
	cursor: pointer
}
.recruit .submitBtn,
.request .submitBtn {
	margin: 40px auto 100px;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	background: url(../../request/img/btn_confirm.png) no-repeat left top;
	width: 332px;
	height: 52px;
	cursor: pointer
}
.recruit .returnBtn {
	position: absolute;
	left: 10px;
	bottom: 0;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	background: url(../../request/img/btn_back.png) no-repeat left top;
	width: 205px;
	height: 52px;
	cursor: pointer
}
.recruit .returnTopBtn a {
	margin: 40px auto 100px;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	background: url(../../request/img/btn_returntop.png) no-repeat left top;
	width: 205px;
	height: 52px;
	cursor: pointer
}
.recruit .resumeUploadBtn {
	zoom:1;
	margin-bottom:50px;
}
.recruit .resumeUploadBtn:after {
	content: ""; 
	display: block; 
	clear: both;
}

.recruit .resumeUploadBtn a {
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	background: url(../../recruit/img/btn_resume.png) no-repeat left top;
	width: 242px;
	height: 37px;
	float:left;
}
.recruit .resumeUploadBtn .fileTxt{
	float:left;
	margin-left:30px;
	line-height:37px;
	color:#bbb;
}

.recruit .resumeUploadBtn {
	float:left;
	margin-left:30px;
	line-height:37px;
	color:#bbb;
}
.recruit .resume-down{
	text-align:center;
	margin:20px 0 20px 0;
	background: #f6f6f6;
	padding: 40px 0;
}
.recruit .careercatch{
	font-size:16px;}
.recruit .resumeSousin{
	margin-bottom:50px;}
.recruit .resumeFAX{
	font-size:18px;
	margin-bottom:5px;
	margin-left:20px;}

/*  エントリーボタン  */
a.entryBtn {
  display: inline-block;
  line-height:30px;
  font-size: 20px;
  font-weight:bold;
  border:#FFFFFF solid 4px;
  border-radius: 12px;
  color: white;
  text-decoration: none;
  box-shadow: 0px 2px 6px #999;
  cursor: pointer;
  transition: all 0.3s ease;
  padding:14px 44px 6px 44px;
  background-size: 150% 100% !important;
  background-position: 100% 0% !important;
}
a.entryBtn span {
	font-size:36px;
}
a.entryBtn.red {
  background: -moz-linear-gradient(to bottom, #DBA551, #85202c);
  background: -webkit-linear-gradient(to bottom, #DBA551, #85202c);
  background: linear-gradient(to bottom, #DBA551, #85202c);
}
a.entryBtn.red2 {
  background: -moz-linear-gradient(to bottom, #FB9A00, #E05D22);
  background: -webkit-linear-gradient(to bottom, #FB9A00, #E05D22);
  background: linear-gradient(to bottom, #FB9A00, #E05D22);
}
a.entryBtn:hover {
  background-position: 0% !important;
  box-shadow: 0 6px 12px #AAA;
  opacity:0.8;
  transition: all 0.3s ease;
  transform: translateY(-2px);
}
a.entryBtn:active {
  transform: translateY(0);
  background-position: 50% !important;
}	


.case #ttlArea {
	background: #ebe9e0
}
.case #ttlArea .inner h1 {
	background: url(../../case/img/ttl_case.jpg) no-repeat left top
}
.case .lead strong {
	font-weight: 700
}
.case .lead strong span {
	color: #eb8e00
}
.case #lNav ul li.filterAll a {
	background: url(../../case/img/btn_filter_all.png) no-repeat left top;
	width: 122px
}
.case #lNav ul li.filterKaigo a {
	background: url(../../case/img/btn_filter_kaigo.png) no-repeat left top;
	width: 112px
}
.case #lNav ul li.filterIryo a {
	background: url(../../case/img/btn_filter_iryo.png) no-repeat left top;
	width: 112px
}
.case #lNav ul li.filterGyosei a {
	background: url(../../case/img/btn_filter_gyosei.png) no-repeat left top;
	width: 112px
}
.case #lNav ul li a {
	padding: 0;
	height: 33px;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer
}
.case #lNav ul li a:hover, .case #lNav ul li a.current {
	background-position: 0 -33px
}
.case #sec01 {
	margin-bottom: 100px
}
.case #sec01 > div {
	margin-top: -100px;
	padding-top: 100px
}
.case h2.ttlLL {
	padding-left: 0
}
.case h2.ttlLL span {
	margin-right: 40px
}
.case h2.ttlLL img {
	vertical-align: middle;
	padding-right: 10px;
	width: 31px;
	height: 31px
}
.case h2.ttlLL:before {
	display: none
}
.case .col .video {
	width: 435px;
	display: table-cell
}
.case .col .txt {
	width: 505px
}
.case .col .txt h3 {
	font-size: 122%!important
}
.case .col .txt .box {
	background: #f3f3f3;
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 20px;
	box-sizing: border-box
}
.case .col .txt .box .img {
	display: table-cell;
	width: 165px
}
.case .col .txt .box .img img {
	padding: 0
}
.case .col .txt .box ul {
	display: table-cell;
	width: 300px
}
.case .col .txt .box ul li {
	word-break: break-all
}
.case .col .txt .box ul li h4 {
	font-weight: bold;
    margin-top: 10px;
}
.case .col .txt .box ul li ul {
	display:inline-block;
}
.case .col .txt .box ul li ul li {
	background: url(../img/ico_arrow05.png) no-repeat left center;
	padding-left:20px;
}
.company.companyTop #ttlArea {
	background: #b5d8ec
}
.company.companyTop #ttlArea .inner h1 {
	background: url(../../company/img/ttl_index.jpg) no-repeat left top
}
.company.companyTop #sec01 {
	zoom: 1
}
.company.companyTop #sec01:after {
	content: "";
	display: block;
	clear: both
}
.company.companyTop #sec01 .block {
	float: left;
	width: 300px;
	margin-bottom: 80px
}
.company.companyTop #sec01 .block:nth-child(3n-1) {
	margin: 0 20px
}
.company.companyTop #sec01 .block a {
	color: inherit
}
.company.message #ttlArea {
	background: #f5ede3
}
.company.message #ttlArea .inner h1 {
	background: url(../../company/img/ttl_message.jpg) no-repeat left top
}
.company.message .col {
/*	padding-bottom: 200px
*/}
.company.message .col .img {
	width: 460px
}
.company.message .col .txt {
	width: 480px
}
.company.message .column2 {
	column-count: 2;
	column-width: 200px;
	-webkit-column-count: 2;
	-webkit-column-gap: 50px
}
.company.message dl {
	float: right;
	padding-bottom: 50px
}
.company.message dl dt {
	/* 20200202 english */
	/* width: 150px; */
	/* 20200202 english */
	float: left;
	clear: both
}
.company.message dl dd {
	/* 20200202 english */
	/* padding-left: 170px */
	padding-left: 310px
	/* 20200202 english */
}
.company.concept #sec02 {
	padding-bottom: 50px
}
.company.concept #ttlArea {
	background: #add2a0
}
.company.concept #ttlArea .inner h1 {
	background: url(../../company/img/ttl_concept.jpg) no-repeat left top
}
.company.concept .video, .company.concept .img {
	width: 435px;
	display: table-cell
}
.company.concept .txt {
	width: 505px!important
}
.company.concept .section#sec01 {
	margin-top: -150px;
	padding-top: 150px
}
.company.concept .section#sec02 {
	margin-top: -100px;
	padding-top: 100px
}
.company.outline #ttlArea {
	background: #e8e8ea
}
.company.outline #ttlArea .inner h1 {
	background: url(../../company/img/ttl_outline.jpg) no-repeat left top
}
.company.outline #sec01 {
	padding-bottom: 50px
}
.company.outline .formBlock {
	border-top: 1px solid #ccc;
	margin-bottom: 45px
}
.company.outline .formBlock .box {
	display: table;
	width: 100%
}
.company.outline .formBlock .box .ttl {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	display: table-cell;
	width: 195px;
	background: #ffeccf;
	vertical-align: middle;
	padding: 20px;
	box-sizing: border-box
}
.company.outline .formBlock .box .ttl img {
	vertical-align: middle;
	padding-left: 8px
}
.company.outline .formBlock .box .txt {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 745px;
	display: table-cell;
	box-sizing: border-box;
	padding: 20px;
	vertical-align: middle
}
.company.outline .formBlock .box .txt dl dd {
	margin-bottom: 20px
}
.company.outline .formBlock .box .txt .sp {
	display: none
}
.company.access #ttlArea {
	background: #fcfcfc
}
.company.access #ttlArea .inner h1 {
	background: url(../../company/img/ttl_access.jpg) no-repeat left top
}
.company.access article .block {
	padding-top: 120px;
	margin-top: -120px
}
.company.access article .block#tokyo {
	padding-top: 160px;
	margin-top: -160px
}
.company.access article .block .col .img {
	width: 300px;
	padding-right: 20px
}
.company.access article .block .col .txt {
	width: 620px
}
.company.access article .block .col .txt .col {
	width: 100%;
	margin-bottom: 15px
}
.company.access article .block .col .txt .col .address {
	display: table-cell;
	width: 310px
}

.company.officer #ttlArea {
	background: #f1f0e8
}
.company.officer #ttlArea .inner h1 {
	background: url(../../company/img/ttl_officer.jpg) no-repeat left top
}
.company.officer .block {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ddd
}
.company.officer .block .col3 {
	border-width: 10px 0 10px 10px;
	border-style: solid;
	-webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb441), to(#ed6207)) 1 100%;
	-webkit-border-image: -webkit-linear-gradient(#fbb441, #ed6207) 1 100%;
	-moz-border-image: -moz-linear-gradient(#fbb441, #ed6207) 1 100%;
	-o-border-image: -o-linear-gradient(#fbb441, #ed6207) 1 100%;
	border-image: linear-gradient(to bottom, #fbb441, #ed6207) 1 100%;
	border: none\9;
	border-left: 5px solid #ed6207 \9
}
.company.officer .block .col3 div {
	vertical-align: middle;
	text-align: center;
	line-height: 30px
}
.company.officer .block .col3 div h3 {
	font-size: 158%
}
.company.officer .block .col3 div ul {
	text-align: left
}
.company.officer .block .col3 div ul li {
	font-size: 158%
}
.company.officer .block .col3 div ul li.enL {
	font-size: 129%;
	margin-top:-5px;
}
.company.officer .block .col3 div ul li.enS {
	font-size: 115%;
	margin-top:-5px;
}
.company.officer .block .col3 div ul li.normal {
	font-size: 1rem;
	margin-top:4px;
	margin-bottom:-10px;
}
.company.officer img.border {
	border:1px solid #DDDDDD;
}
#skillmatrix{
	margin-top: -120px;
  	padding-top: 120px;
}
.skill {
	margin-left: 120px;
	font-size: 130%;
}

/*--- 2022/5/10 グループ会社ページ css ---*/
.company.group #ttlArea {
	background: #eeefea;
}
.company.group #ttlArea .inner h1 {
	background: url("../../company/img/ttl_group0_en.jpg") no-repeat left top;
}
.company.group article .block {
	padding-top: 120px;
	margin-top: -120px;
}
.company.group article .block#tokyo {
	padding-top: 160px;
	margin-top: -160px;
}
.company.group article .block .col .img {
	width: 300px;
	padding-right: 20px;
}
.company.group article .block .col .txt {
	width: 620px;
}
.company.group article .block .col .txt .col {
	width: 100%;
	margin-bottom: 15px;
}
.company.group article .block .col .txt .col .address {
	display: table-cell;
	width: 310px;
}
.company.group #sec01 {
	padding-bottom: 50px;
}
.group_box {
	margin-top: 30px;
}
.group_box ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	list-style: none;
}
.group_box ul li {
	width: 48%;
	text-align: center;
	border-radius: 2px;
	box-shadow: 0 0 5px #d3d3d3;
}
.group_box ul li section {
	background: #ffeccf;
	padding: 40px;
}
.group_box ul li img {
	width: 400px;
}
.group_box .group_h2 {
	margin-bottom: 3%;
	line-height: 1.5;
	text-align: left;
	font-size: 160%;
	color: #333;
}
.group_box .group_txt {
	line-height: 1.9;
	text-align: left;
	color: #333;
	height: 145px;
}
.group_box .group_txt2 {
	line-height: 1.9;
	text-align: left;
	color: #333;
	height: 145px;
	font-size: 90%; 
}
.group_box .group_btn {
	margin: 20px 0 0 0;
}
.group_box .group_btn div {
	display: block;
	position: relative;
	width: 75%;
	height: 25px;
	max-width: 238px;
	margin: 0 auto;
	padding: 10px 0;
	border: solid 1px #ccc;
	color: #333;
	border-radius: 2px;
	text-decoration: none;
	text-align: center;
	background: #fff none;
	cursor: pointer;
	box-shadow: 0 0 1px transparent;
	transition-duration: 0.1s;
}
.group_box ul li a:hover .group_btn div {
	background: #FF6600 none;
	border: solid 1px #FF6600;
}
.group_box ul li a:hover .group_btn div p {
	color: #fff;
}
.group_box .group_btn div p {
	display: inline-block;
	position: relative;
	padding: 0 16px 0 8px;
	font-weight: bold;
}
.group_box .group_btn div p span.group_site_mark{
	background: url("../../company/img/icon_site.png");
	width: 16px;
	height: 16px;
	position: relative;
	top: -22px;
	left: 135px;
	display: block;
}
.group_box ul li a:hover .group_btn div p span.group_site_mark {
	background: url("../../company/img/icon_site_hover.png");
	width: 16px;
	height: 16px;
	position: relative;
	top: -22px;
	left: 135px;
	display: block;
}


.company.group .formBlock {
	border-top: 1px solid #ccc;
	margin-bottom: 45px;
}
.company.group .formBlock .box {
	display: table;
	width: 100%;
}
.company.group .formBlock .box .ttl {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	display: table-cell;
	width: 195px;
	vertical-align: middle;
	padding: 20px;
	box-sizing: border-box;
}
.company.group .formBlock .box .ttl img {
	vertical-align: middle;
}
.company.group .formBlock .box .txt {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 745px;
	display: table-cell;
	box-sizing: border-box;
	padding: 20px;
	vertical-align: middle;
}
.company.group .formBlock .box .txt dl dd {
	margin-bottom: 20px;
}
.company.group .formBlock .box .txt .sp {
	display: none;
}
/*--- 2022/5/10 グループ会社ページ css ここまで---*/


/*.company.officer .officerbox{
	width:100%;	
}
.company.officer .personalbox{
	width:50%;
	float:left;
}
.company.officer .personalbox div{
	float:left;
	margin:0 20px 10px 0;
}
.company.officer .personalbox div img{
	width:240px;
	border-width: 0 0 0 10px;
	border-style: solid;
	-webkit-border-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb441), to(#ed6207)) 1 100%;
	-webkit-border-image: -webkit-linear-gradient(#fbb441, #ed6207) 1 100%;
	-moz-border-image: -moz-linear-gradient(#fbb441, #ed6207) 1 100%;
	-o-border-image: -o-linear-gradient(#fbb441, #ed6207) 1 100%;
	border-image: linear-gradient(to bottom, #fbb441, #ed6207) 1 100%;
	border: none\9;
	border-left: 5px solid #ed6207 \9
}
.company.officer .personalbox h3{
	font-size:140%;
	margin-top:-5px;
}
.company.officer .personalbox .name{
	font-size:160%;
	margin-top:20px;
}
.company.officer .personalbox .e-name{
	font-size:120%;
}
.company.officer .personalbox .titlename{
	font-size:90%;
}
.company.officer .personalbox table{
	clear:both; 
	font-size:90%;
	margin-bottom:50px;
	padding:0;
}
.company.officer .personalbox table .td1{
	width:100px;
	vertical-align:text-top;
}
.company.officer .personalbox table .td2{
	width:350px;
}
.company.officer hr{
	clear:both;
	margin-bottom:30px;
	border-top:1px #ddd solid;
}
*/
.sitemap #ttlArea:after {
	display: none
}
.sitemap #ttlArea .inner {
	height: 105px
}
.sitemap #ttlArea .inner h1 {
	background: url(../../sitemap/img/ttl_sitemap.png) no-repeat left top
}
.sitemap #sec01 .col {
	table-layout: fixed;
	width: 100%
}
.sitemap #sec01 .left, .sitemap #sec01 .right {
	display: table-cell;
	width: 470px;
	padding-right: 20px;
	box-sizing: border-box
}
.sitemap #sec01 .block {
	margin-bottom: 50px
}
.sitemap #sec01 .block ul {
	margin-left: 20px
}
.sitemap #sec01 .block ul li {
	list-style: disc;
	margin-left: 20px
}
.sitemap #sec01 .block a {
	color: inherit
}
.privacy #ttlArea:after {
	display: none
}
.privacy #ttlArea .inner {
	height: 105px
}
.privacy #ttlArea .inner h1 {
	background: url(../../privacy/img/ttl_privacy.png) no-repeat left top
}
.privacy article p {
	padding-left: 20px;
	padding-right: 20px
}
.privacy article .section .desc {
	text-align: right;
	margin-bottom: 30px
}
.privacy article .section h3 {
	margin: 1em 0 0 1em;
}
.privacy article .section ul {
	padding-left: 20px;
	padding-right: 20px
}
.privacy article .section ol {
	padding-left: 20px;
	padding-right: 20px;
}
.privacy article .section ol > li {
	margin-left: 1em;
	margin-right: 1em;
}
.privacy article .section ol.typeDecimal {
	margin-top:1em;
}
.privacy article .section ol.typeDecimal > li {
	list-style-type: decimal;
	margin-left:2em;
}
.privacy article .section ul.typeDisc {
	margin: 1em 0;
}
.privacy article .section ul.typeDisc > li {
	list-style-type: disc;
	margin-left: 2em;
}
.privacy article .section ul.mL20 {
	margin-left: 20px
}
.privacy article .section .list {
	margin-bottom: 30px;
	position: relative
}
.privacy article .section .list img {
	position: absolute;
	right: 20px;
	top: 0
}
.privacy article .section .list li {
	list-style: decimal;
	margin-left: 30px;
	margin-bottom: 10px
}
.privacy article .section .list li:first-child {
	padding-right: 150px
}
.privacy article .section .list li:nth-child(2) {
	padding-right: 150px
}
.topics #ttlArea:after {
	display: none
}
.topics #ttlArea .inner {
	height: 108px
}
.topics #ttlArea .inner h1 {
	background: url(../../topics/img/ttl_topics.png) no-repeat left top
}
.topics .breadCrumbs {
	margin-bottom: 50px
}
.topics #main {
	width: 790px;
	float: right
}
.topics #side {
	padding-top: 7px;
	width: 150px;
	float: left
}
.topics #side ul li {
	margin-bottom: 20px
}
.topics #side ul li a {
	position: relative;
	padding-left: 25px;
	font-weight: 700;
	line-height: 1;
	color: inherit
}
.topics #side ul li a:before {
	background: url(../img/ico_arrow06.png) no-repeat left -15px;
	content: "";
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -7px
}
.topics #side ul li.current a:before {
	background-position: 0 0
}
.topics.list #main {
	padding-bottom: 50px
}
.topics.list #main .topicList dl {
	zoom: 1
}
.topics.list #main .topicList dl:after {
	content: "";
	display: block;
	clear: both
}
.topics.list #main .topicList dl dt {
	padding: 15px;
	float: left;
	width: 120px;
	box-sizing: border-box
}
.topics.list #main .topicList dl dd {
	padding: 15px;
	padding-left: 140px;
	border-bottom: 1px dotted #ccc
}
.topics .section:first-child{
	margin-top:-150px;
	padding-top:150px;
	}
.topics .section{
	margin-top:-100px;
	padding-top:100px;
	}
/*メディアページ（仮）ここから*/
.media_page #ttlArea .inner {
    margin: 0 auto;
	width:960px;
	height: 108px;
	padding:0 10px!important;
}
.media_page #ttlArea .inner h1 {
	text-indent: 0px;
    height:auto;
	padding:40px 10px 10px 10px;
    font-size: 25px;
	border-bottom: 1px solid #CCCCCC;
}
.media_page #ttlArea:after {
	display: none
}
.media_page h2 {
	font-weight:bold;
	font-size:18px;
}
.media_page .btn a{
	display:inline-block;
	background: #e1e1e1;
	background: -moz-linear-gradient(top,  #ffffff 0%, #e1e1e1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e1e1e1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#e1e1e1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #CCCCCC;
    padding: 10px;
	color:#000000;
	margin-top:20px;
	margin-bottom:20px;
}
.media_page .btn a::before{
	content: "";
	display: inline-block;
	border: 5px solid transparent;
	border-left-color: #000;
}
.media_page .btn a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	text-decoration:none;
}
.media_page .section ul.media_img {
	border: solid 1px #e1e1e1;
	margin:20px 0;
}
.media_page .section ul.media_img li{
	padding:0;
	margin:0;
}
.media_page .section ul.media_img li img{
	width:469px;
	vertical-align:top;
}
.media_page .section ul.media_img li:first-child{
	float:right;	
}
.media_page .section ul.media_img li:last-child{
	float:left;
}
.media_page .section ul.media_img:after {
	content: "";
	clear: both;
	display: block;
}
.media_page .section .media_img02 {
	text-align:center;
	margin:20px 0;
}
.media_page .section .media_img02 img {
	border: solid 1px #e1e1e1;
}
/*メディアページ（仮）ここまで*/


/*広告ガイドラインページ*/
div .guideline {
	width: 100%;
	z-index: 50000;
	position: fixed;
	top: 0;
	background:url(../../guideline/img/bg_guideline_header_rep.png)
	repeat-x left bottom;
	height: 90px;
	box-shadow: 0 3px 5px rgba(0,0,0,0.5);
}
.guideline .inner #logo_guideline {
    box-sizing: border-box;
	width:940px;
	height:90px;
	margin:0 auto;
	background-image:url(../../guideline/img/bg_guideline_header_pc.png);
	text-align:center;
	padding-top:15px;
}
.guideline article p {
	padding-left: 20px;
	padding-right: 20px
}
.guideline article .section .desc {
	text-align: right;
	margin-bottom: 30px
}
.guideline article .section ul {
	padding-left: 20px;
	padding-right: 20px
}
.guideline article .section ul.mL20 {
	margin-left: 20px
}
.guideline article .section .list {
	margin-bottom: 30px;
	position: relative
}
.guideline article .section .list img {
	position: absolute;
	right: 20px;
	top: 0
}
.guideline article .section .list li {
	list-style: decimal;
	margin-left: 30px;
	margin-bottom: 10px
}
.guideline article .section .list li:first-child {
	padding-right: 150px
}
.guideline article .section .list li:nth-child(2) {
	padding-right: 150px
}
#footer h2 {
    font-size: 1rem;
}
#footer .block{
	border:none;
}

footer#footer-guideline {
	height: 30px;
	box-sizing: border-box;
}
footer#footer-guideline .inner {
	padding: 45px 0 0
}
footer#footer-guideline #pagetop {
	position: absolute;
	top: -50px;
	right: 0;
}
footer#footer-guideline #pagetop a {
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/btn_pagetop.png) no-repeat left top;
	width: 107px;
	height: 66px;
}
footer#footer2nd-guideline {
	background: url(../img/bg_foot2nd_pc_rep.png) repeat-x left top
}
#footer2nd-guideline .inner {
	background: url(../img/bg_foot2nd_pc_line.png) no-repeat left 63px;
	height: 130px
}
#footer2nd-guideline #footSubNav {
/*	padding: 25px 0 40px
*/
	height:90px;
}
#footer2nd-guideline #footSubNav ul li {
	display: inline;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #333
}
#footer2nd-guideline #footSubNav ul li.last {
	border-right: none
}
#footer2nd-guideline #footSubNav ul li a {
	color: inherit
}
#footer2nd-guideline small {
	text-align: center;
	display: inherit
}
#footer2nd-guideline small br {
	display: none
}


/*↑広告ガイドラインページ*/

.books #ttlArea {
	background: #fffaee
}
.books #ttlArea .inner h1 {
	background: url(../../books/img/ttl_books.jpg) no-repeat left top
}
.books .section .col .img {
	display: table-cell;
	vertical-align: top;
	width: 280px;
	padding-right: 50px;
	box-sizing: border-box
}
.books .section .col .img p {
	margin-bottom: 20px
}
.books .section .col .booktxt {
	display: table-cell;
	vertical-align: top;
	box-sizing: border-box
}
.books .section .col .booktxt h3 {
	font-size:24px;
	font-weight:bold;
}
.under.books p.booksubtitle {
	font-size:20px;
}
.col .bookinfo dt           {
	width:5em;
	font-weight:bold;
	margin-right:3em;
	line-height:2;
}
.col .bookinfo dd           {
	margin-left:6em;
	margin-top:-2.1em;
	line-height:2;
	text-align:left;
}
.col.bookinfo h4 {
	font-weight:bold;
	font-size:16px;
	margin-top:30px;
	margin-bottom:15px;
}
.under.books .bookshr {
	height:1px;
	margin-bottom:40px;
	border-color:#ccc;
}


/*↑お役立ち書籍情報*/.

/*システム研修会ページ*/
.workshop #ttlArea {
	background: #eeefea
}
.workshop #ttlArea .inner h1 {
	background: #eeefea url(../../workshop/img/ttl_workshop.jpg) no-repeat left top
}
.workshop article {
	padding-top: 90px;
	font-size: 120%
}
div .workshop {
	width: 100%;
	z-index: 50000;
	position: fixed;
	top: 0;
	background:url(../../workshop/img/bg_workshop_header_rep.png) repeat-x left bottom;
	height: 90px;
	box-shadow: 0 3px 5px rgba(0,0,0,0.5)
}
.workshop .inner #logo_guideline {
    box-sizing: border-box;
	width:940px;
	height:90px;
	margin:0 auto;
	background-image:url(../../workshop/img/bg_workshop_header_pc.png);
	text-align:center;
	padding-top:15px
}
.workshop article .outline {
	width: 540px
}
.workshop article .outline dl {
	padding: 0 0 10px 0;
	line-height: 1.5em
}

.workshop article .outline dl dt {
	width: 20%;
	float: left;
	font-weight: bold
}
.workshop article .outline dl dt:before {
	content: '・ ';
	color: #CC4305
}
.workshop article .outline dl dd {
	width: 75%;
	float: right
}
h4.date {
	padding: 5px 0 5px 5px;
	margin: 0 0 10px 0;
	font-size: 120%;
	font-weight: bold;
	border-bottom: 1px dashed #6a6a6a
}
ul.schedule {
	padding: 0 0 15px 0;
	margin: 0 0 20px 0
}
ul.schedule li {
	width: 270px;
	padding: 10px 14px;
	margin: 0 20px 10px 0;
	float: left;
	border: 1px solid #a1a1a1;
	background-color: #fff
}
ul.schedule li:nth-child(3n) {
	margin: 0
}
.schedule h5 {
	padding: 0 5px 10px 5px
}
span.cic {
	padding: 3px 0;
	display: block;
	text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	color: #fff;
	background-color: #0c3174
}
span.ham {
	padding: 3px 0;
	display: block;
	text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	color: #fff;
	background-color: #412c92
}
.schedule h5 span.cic, .schedule h5 span.ham {
	width: 80px;
	float: left;
	margin: 0 7px 0 0
}
.schedule h5 span.time {
	display: block;
	font-size: 120%;
	float: left
}
table.workshop_list {
	margin: 0 0 30px 0;
	background-color: #fbffcf
}
table.workshop_list tr {
	border: 1px solid #a1a1a1
}
table.workshop_list caption {
	margin: 0 0 5px 0;
	text-align: left;
	font-size: 110%;
	font-weight: bold
}
table.workshop_list th {
	text-align: center;
	padding: 10px;
	border-left: 1px solid #a1a1a1;
	background-color: #ffeccf
}
table.workshop_list td {
	padding: 10px;
	border-left: 1px solid #a1a1a1
}
table.cic_list tr:nth-child(2n) {
	background-color: #fff
}
table.ham_list tr:nth-child(4n-1), table.ham_list tr:nth-child(4n-2) {
	background-color: #fff
}
.n_width {
	width: 12%
}
.d_width {
	width: 88%
}
.contact_box {
	width: 670px;
	margin: 0 auto;
	padding: 25px;
	border: 2px solid #bbb;
	background-color: #ffeccf
}
.contact_box .company {
	margin: 5px 0 0 0
}
.contact_box .number {
	margin: 5px 0 0 0;
	font-size: 125%;
	font-weight: bold
}
.contact_box .col_2 .img {
	width: 320px!important
}
.apply_area {
	margin: 10px 0 0 0;
}
.btn_wrapp {
	width: 430px;
	margin: 0 auto;
	display: block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
	-webkit-box-shadow: 0 5px 10px 2px #999;
	-moz-box-shadow: 0 5px 10px 2px #999;
	box-shadow: 0 5px 10px 2px #999
}
.apply_area .apply_btn {
	width: 430px;
	height: 80px;
	line-height: 80px;
	display: block;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
	background-color: #f29300;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f29300), color-stop(100%, #eb5c02));
	background-image: -webkit-linear-gradient(#f29300 0%, #eb5c02 100%);
	background-image: -moz-linear-gradient(#f29300 0%, #eb5c02 100%);
	background-image: -o-linear-gradient(#f29300 0%, #eb5c02 100%);
	background-image: linear-gradient(#f29300 0%, #eb5c02 100%);
	text-shadow: 1px 1px 1px #4d4d4d;
	-webkit-box-shadow: 0 4px #d24500;
	-moz-box-shadow: 0 4px #d24500;
	box-shadow: 0 4px #d24500
}
.apply_area a.apply_btn:hover {
	text-decoration: none;
	background-color: #eb5c02;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eb5c02), color-stop(100%, #f29300));
	background-image: -webkit-linear-gradient(#eb5c02 0%, #f29300 100%);
	background-image: -moz-linear-gradient(#eb5c02 0%, #f29300 100%);
	background-image: -o-linear-gradient(#eb5c02 0%, #f29300 100%);
	background-image: linear-gradient(#eb5c02 0%, #f29300 100%);
	text-shadow: 1px 1px 1px #4d4d4d
}
div.schedule02 ul {
	width: 240px;
	margin: 0 0 20px 0;
	float: left
}
table.schedule02 {
	width: 100%;
	margin: 0 0 30px 0;
}
table.schedule02 tr {
	border: 1px solid #a1a1a1
}
table.schedule02 th {
	width: 15%;
	padding: 10px;
	border-right: 1px solid #a1a1a1;
	border-bottom: 1px solid #a1a1a1;
	background-color: #ffeccf
}
table.schedule02 td {
	width: 85%;
	padding: 10px;
	border-bottom: 1px solid #a1a1a1;
	background-color: #fff;
	vertical-align: top
}
.workshop_flow {
	width: 520px
}
.workshop_flow .box {
	padding: 10px;
	margin: 0 0 15px 0;
	border: 1px solid #FF7E00
}
.workshop_flow .box h4 {
	font-size: 1.3rem;
	font-weight: bold
}
.workshop_flow .box h4 span {
	background: #eb7a12;
	color: #fff;
	border-radius: 54px;
	display: inline-block;
	width: 27px;
	box-sizing: border-box;
	padding-top: 3px;
	height: 27px;
	line-height: 1.2;
	font-size: 1.3rem;
	text-align: center;
	font-weight: 400;
	margin-right: 10px
}
.triangle{
    width: 0;
    height: 0;
	margin: 0 auto;
    border-top: 15px solid #eb7a12;
    border-right: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent
}
footer#footer-workshop {
	height: 30px;
	box-sizing: border-box
}
footer#footer-workshop .inner {
	padding: 45px 0 0
}
footer#footer-workshop #pagetop {
	position: absolute;
	top: -50px;
	right: 0
}
footer#footer-workshop #pagetop a {
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/btn_pagetop.png) no-repeat left top;
	width: 107px;
	height: 66px
}
footer#footer2nd-workshop {
	background: url(../img/bg_foot2nd_pc_rep.png) repeat-x left top
}
#footer2nd-workshop .inner {
	background: url(../img/bg_foot2nd_pc_line.png) no-repeat left 63px;
	height: 130px
}
#footer2nd-workshop #footSubNav {
	height:90px
}
#footer2nd-workshop #footSubNav ul li {
	display: inline;
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #333
}
#footer2nd-workshop #footSubNav ul li.last {
	border-right: none
}
#footer2nd-workshop #footSubNav ul li a {
	color: inherit
}
#footer2nd-workshop small {
	text-align: center;
	display: inherit
}
#footer2nd-workshop small br {
	display: none
}
/* ページ内リンク位置調整 */
#sec01, #sec02, #c01, #c02, #c03, #c04, #h01, #h02, #h03, #h04, #h05, #h06 {
  margin-top: -90px;
  padding-top: 90px;
}
/* 影のエフェクト */
.paper_effect
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.paper_effect:before, .paper_effect:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.4);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.4);
    box-shadow:0 0 20px rgba(0,0,0,0.4);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.paper_effect:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}
/* ↑システム研修会ページここまで */

/*イベントページ*/
.event #ttlArea .inner h1 {
	background: #eeefea url(../../event/img/ttl_event.jpg) no-repeat left top
}

.event article .outline {
	width: auto
}
.event article .outline dl {
	padding: 0 0 10px 0;
	line-height: 1.5em
}
.event article .outline dl dt {
	width: 22%;
	float: left;
	font-weight: bold;
	margin-right: 1em;
	text-indent: -1em
}
.event article .outline dl dt:before {
	content: '・ ';
	color: #CC4305
}
.event article .outline dl dd {
	width: 73%;
	float: right
}
.event article .novelty {
	width: 336px!important;
}
.event article .event_sec02 {
	width: 400px!important;
}
.event article .event_sec02_txt {
	width: auto!important;
}
.event .section#sec02 .btn a {
	background: url(../../care/img/btn_siryo.png) no-repeat left top;
	width: 332px;
	height: 52px;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto
}
/* ↑イベントページここまで */

/*カナエルタッチページ*/

.kanaerutouch .topics_page .topics_num>span {
  width: 1em;
  }
.kanaerutouch .fr{
	 float:right; }
.kanaerutouch .mt15 {
	margin-top:15px!important;}
.kanaerutouch .ml20 {
	margin-left: 20px!important;}
.kanaerutouch .mb10{
	margin-bottom:10px;}
.kanaerutouch .txtC {
	text-align:center!important;}
.kanaerutouch .cb{
	clear:both;}
.kanaerutouch .f30{
	font-size: 30px!important;}
.kanaerutouch div .txt{
	overflow: auto;}
.kanaerutouch article .ttlL{
	margin-top:20px;}
.kanaerutouch #sec02b{
	margin-top: -100px;padding-top: 100px;}
.kanaerutouch .fb {font-weight: bold!important;}
body.kanaerutouch > #wrapper > article {
	padding-top:155px;
}
/*↑カナエルタッチページここまで*/


/* 導入事例ページ 追加CSS */
.case_box {
	font-size: 130%;
}
.video_list {
	width: 100%;
	background: #f3f3f3;
}
.video_list .img {
	width: 35%!important;
	padding: 20px;
	display: table-cell
}
.video_list .img img {
	width: 100%;
}
.video_list .txt {
	width: 65%;
}
.case .col .txt .box ul li a.detail_btn {
	width: 150px;
	padding: 10px 0;
	float: right;
	display: block;
	color: #fff;
	text-align: center;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
	background-color: #f29300;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f29300), color-stop(100%, #eb5c02));
	background-image: -webkit-linear-gradient(#f29300 0%, #eb5c02 100%);
	background-image: -moz-linear-gradient(#f29300 0%, #eb5c02 100%);
	background-image: -o-linear-gradient(#f29300 0%, #eb5c02 100%);
	background-image: linear-gradient(#f29300 0%, #eb5c02 100%);
	text-shadow: 1px 1px 1px #4d4d4d;
	-webkit-box-shadow: 0 4px #d24500;
	-moz-box-shadow: 0 4px #d24500;
	box-shadow: 0 4px #d24500
}
.case .col .txt .box ul li a.detail_btn:hover {
	text-decoration: none;
	background-color: #eb5c02;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eb5c02), color-stop(100%, #f29300));
	background-image: -webkit-linear-gradient(#eb5c02 0%, #f29300 100%);
	background-image: -moz-linear-gradient(#eb5c02 0%, #f29300 100%);
	background-image: -o-linear-gradient(#eb5c02 0%, #f29300 100%);
	background-image: linear-gradient(#eb5c02 0%, #f29300 100%);
	text-shadow: 1px 1px 1px #4d4d4d
}
.sp_img {
	display: none;
}
span.question_icon {
	background: #eb7a12;
	color: #fff;
	border-radius: 70px;
	display: block;
	width: 35px;
	box-sizing: border-box;
	padding-top: 3px;
	height: 35px;
	line-height: 1.4;
	font-size: 1.5rem;
	text-align: center;
	margin-right: 15px;
	float: left;
}
.case_box strong {
	font-size: 100%!important;
}
.img_layout {
	margin: -20px 0 20px 0;
	height: 470px;
	position: relative;
	background: transparent url(../../case/img/onozawa/img05.jpg) no-repeat top left;
	background-size: 100% auto;
}
.img_layout_inner {
	position: absolute;
	top: 40px;
	right: 40px;
}
.top_title {
	width: 480px;
}
.img_layout h2, .img_layout p {
	font-weight: bold;
	color: #ffffff;
	text-shadow: 0 1px 5px #333;
}
.video_box {
	width: 320px;
	margin: 25px 0 0 0;
	float: right;
}
.video_box iframe {
	width: 100%;
	height: 220px;
}
.top_name {
	width: 480px;
}
h2.care_d_title {
	line-height: 2.5em;
}
.p_02 {
	margin: 15px 0 0 0;
	line-height: 1.8em;
	text-align: right;
}
.p_02 a {
	color: #ffffff;
}
.fs40px {
	font-size: 40px;
}
.fs30px {
	font-size: 30px;
}
.fs20px {
	font-size: 20px;
}
.k_list {
	margin: -10px 0 0 0;
}
.k_list li {
	width: 50%;
	display: table-cell;
	padding-right: 10px;
}
.k_list li img {
	width: 100%;
}
/* ↑導入事例ページ 追加CSSここまで */

.sp_block{
	display:none;
}
/*Board of Directors 2016年7月更新 追加CSS */
.company.officer #ttlArea {
	background: #f1f0e8
}
.company.officer #ttlArea .inner h1 {
	background: url(../../company/img/ttl_officer.jpg) no-repeat left top
}
.officer-list{
	 width:700px; 
	 margin:0 auto 50px;
}
.officer-list tr{
	 border-bottom:#AAA dotted thin;
}
.officer-list .post{
	 font-size:18px;
	 font-weight:bold;
	 text-align:left;
	 line-height:30px;
	 margin-top:30px;
}
.officer-list .post2{
	 font-size:18px;
	 text-align:left;
	 line-height:35px;
}

.officer-list .name{
	 font-size:21px;
	 margin-right:30px; 
	 text-align:left;
}
.officer-list .name2{
	 font-size:16px;
}
.officer-list .name3{
	 font-size:28px;
	 display:inline-block;
	 margin-top:3px!important;
	 font-weight:bold;
}
.officer-list .name4{
	 font-size:12px; margin-left:15px;
}
.officer-img { max-width:200px; padding-top:10px; }

.bio{
	margin:0 auto;
	display:inline-block;
	padding:2px 8px 1px 8px;
	border:1px solid #999999;
	background:#EFEFEF;
	background:linear-gradient(to bottom, #FFFFFF, #DDDDDD);
	background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
	border-radius:3px;
	color:#333;
	font-size:16px;
	text-decoration:none;
	margin-top:3px;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3);
}
.bio:hover, .bio:active {
	cursor:pointer;
	opacity:0.6;
	background:#D3673E\9;
	text-decoration:none;
}
.unDisplay_pc{
	display:none;
}
.officer-list .date{
	 font-size:16px;
	 text-align:left;
	 vertical-align:top;
}
.officer-list td{padding:15px 0;}
.re-officer-list{
	width:700px;
}
.re-officer-list{
    width: 900px;
    margin: 0 auto 50px;
    text-align: right;
    clear: both;
}
.re-officer-list a{
	margin-top:-30px;
}
.profile{
	text-align:center;
}
.profile p{
	display:inline-block;
	width:80px;}
.profile-icon{
 font-size:20px;
 position:relative;
 top:2px;
 color:#FF6E00;
}


/* ↑Board of Directors 2016年7月更新 追加CSSここまで */


.topic-txt{
	font-size:90%;
}
.presstittle{font-size: 20px;
	text-decoration: underline;
		text-align: center;
	margin-bottom: 30px;
	line-height: 40px;}
.press-fl{float: left;}
.press-fr{float: right;}
.press-clear{clear: both;}
.press-txtR{text-align: right;}


/* ----------------------------------------

	2017.9.1のTOPリニューアル追加分

---------------------------------------- */
/* ------------------------------
	webfont
------------------------------ */

@font-face {
	font-family: "notor";
	src: url("fonts/notor.woff") format('woff');
}
@font-face {
	font-family: "notom";
	src: url("fonts/notom.woff") format('woff');
}
@font-face {
	font-family: "notob";
	src: url("fonts/notob.woff") format('woff');
}
.notor { font-family: "notor"; }
.notom { font-family: "notom"; }
.notom { font-family: "notom"; }

/* ------------------------------
	メインビジュアル
------------------------------ */

body.top #news2 {
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;

	/* 旧トップ　水色背景の掌の画像 */
    /* background: url("../../img/top/back_pc01.jpg") no-repeat top center; */
    /* background-color: #009dfe; */
	
    background: url("../../img/new-topimg-en/new2024_toppc.png") no-repeat top center,
				url("../../img/new-topimg-en/new2024_topback2.png") no-repeat -10% center;
	background-size: 100%;

	/* ↓年末年始　正月用ビジュアル */
    /* background: url("../../img/top/back_pc01_2024_en.jpg") no-repeat top center; */
	/*padding-top: 500px;*/
	/*height: 440px;*/

	/* 旧トップ */
	/* height: 780px; */
	/* height: 700px; */
	height:55vh;
	min-height: 680px;
	max-height: 740px;
}


/* 1830px以上の画面でファーストビュー高さ変更 */
@media screen and ( min-width:1858px ){

	body.top #news2 {
		/* background: url("../../img/new-topimg-en/2024_09_toppc_full.png") no-repeat top center,
					url("../../img/new-topimg-en/new2024_topback2.png") no-repeat -10% center; */
		background-size: 2000px,100%;
		height: 70vh;
		max-height: 900px;
	}
}

/* 1600px以上の画面でフル画像に変更 */
@media screen and ( min-width:1600px ){

	body.top #news2 {
		background: url("../../img/new-topimg-en/new2024_toppc_full01.png") no-repeat center,
					url("../../img/new-topimg-en/new2024_topback2.png") no-repeat  -10%  center;
		/* background-size: contain,100%; */
		background-size: 2200px,100%;
		height: 55vh;
	}
}

/* 1350px以↓の画面で画像サイズ変更 */
@media screen and ( max-width:1350px ){

	body.top #news2 {
		/* background: url("../../img/new-topimg-en/new2024_toppc_full01.png") no-repeat center,
					url("../../img/new-topimg-en/new2024_topback2.png") no-repeat  -10%  center; */
		background-size: cover,100%;
		/* height: 55vh; */
	}
}


/* 1080px以↓の画面で画像サイズ変更 */
@media screen and ( max-width:1080px ){

	body.top #news2 {
		/* 2025年始 background: url("../../img/new-topimg-en/new2024_topsp_mini1.png") no-repeat center,
					url("../../img/new-topimg-en/new2024_topsp_mini2.png") no-repeat  -2%  center;*/
		background: url("../../img/new-topimg-en/new2024_topsp_mini6.png") no-repeat center;
		background-size: cover,100%;
		/* 2025年始 height: 98vh;*/
		height: 1400px;
		max-height:100%;
		min-height:auto;
	}
	body.top #news3 {
		display: none;
	}
}

/* 980px以下*/
/* ９８０px未満のメディアクエリが効きません */
@media screen and ( max-width:980px ){

	body.top #news2 {
		/* 2025年始 background: url("../../img/new-topimg-en/new2024_topsp_mini3.png") no-repeat top center,
					none;*/
		background: url("../../img/new-topimg-en/new2024_topsp_mini6.png") no-repeat top center;
		background-size: 100%;
		/* 2025年始 height: 50vh;
		max-height:100%;*/
		height: 140vh;
		max-height:1200px;
		min-height:auto;
	}
}







/* ▼▼▼▼東証一部上場▼▼▼▼ */

/*body.top #news2 {
    background: url(../../img/top/back_pc.jpg) no-repeat top center;
    background-color: #009dfe;
	height: 700px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "YuGothic", "Yu Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}*/

body.top #news2 .main_area {
	max-width: 1065px;
	margin: 0 auto;
	width: 100%;
	padding-top: 170px;
}

body.top #news2 .catchCopy {
	margin-left: 33rem;
	color: #fff;
	text-shadow: 0 0 5px #000;
	line-height: 0;
	text-align: center;
	margin-bottom: 50px;
}

body.top #news2 .catchCopy img {
	display: block;
	margin: 0 auto;
}

body.top #news2 .catchCopy img.catchCopyImg {
	width: 600px;
}

body.top #news2 .catchCopy img.catchCopyImgSub {
	margin-top: -10px;
}
body.top #news2 .aboutUsBtn {
	background-color: rgba(255,255,255,0.8);
	width: 180px;
	height: 40px;
	font-size: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	position: absolute;
	top: 505px;
	left: 50%;
	margin-left: -90px;
	
	box-shadow:0px 0px 10px 1px rgba(232,100,16,0.6);
	-moz-box-shadow:0px 0px 10px 1px rgba(232,100,16,0.6);
	-webkit-box-shadow:0px 0px 10px 1px rgba(232,100,16,0.6);
	
}

body.top #news2 .aboutUsBtn:hover {
	opacity: 0.8;
	transition: .2s linear;
}

body.top #news2 .aboutUsBtn a {
    text-align: center;
    color: #000;
    width: 100%;
    height: 100%;
    padding: 16px 0 0 0;
}

body.top #news2 .topNav {
	text-align: center;
	width: 100%;
	/* position: absolute; */
	/* top: 593px; */
}
body.top #news2 .topNav ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	margin: 0 auto;
	max-width: 960px;
}

body.top #news2 .topNav ul li {
	font-size: 20px;
	width:100%;
	max-width: 298px;
	height: 104px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #FFF;
	font-weight: 500;
	letter-spacing: 0.1em;
	color: #282828;
	text-align: center;
	line-height: 1.4em;
	box-shadow:0px 5px 10px 5px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 5px 10px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 5px 10px 5px rgba(0,0,0,0.2);
}
body.top #news2 .topNav ul li:first-child {
	margin-left: 0;
}
body.top #news2 .topNav ul li.renkei {
	background: url(../../img/top/topnav_renkei_back.png) no-repeat;
}
body.top #news2 .topNav ul li.kaigo {
	background: url(../../img/top/topnav_kaigo_back.png) no-repeat;
}
body.top #news2 .topNav ul li.kosodate {
	background: url(../../img/top/topnav_kosodate_back.png) no-repeat;
}
body.top #news2 .topNav ul li a {
	color: #282828;
	width: 100%;
	padding: 25px 0;
	background: url(../../img/top/topNav_arrow.png) no-repeat 265px center;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body.top #news2 .youtube {
	margin-left: 35rem;
	background: rgba(255, 255, 255, 0.8);
	padding: 5px 10px;
	border-radius: 5px;

	display: none;
}

body.top #news2 .youtube .title_tag {
	color: #ff0000;
	font-weight: bold;
	margin-bottom: 20px;
}

.title_tag span {
	line-height: 1.3rem;
	font-size: 1.5rem;
}

body.top #news2 .youtube .title_tag .channel {
	display: inline-block;
	margin: 10px 0 5px;
	font-size: 24px;
	color: #333333;
	font-weight: bold;
	border-bottom: 1px solid #ff0000;
	padding-bottom: 5px;
	line-height: normal;
}

.title_tag .channel br.sp_line {
	display: none;
}

body.top #news2 .youtube ul {
	text-align: center;
}

body.top #news2 .youtube ul li {
	display: inline-block;
	background: #ffffff;
	height: 135px;
}

body.top #news2 .youtube ul li a img {
	max-width: 250px;
	width: 100%;
}

body.top #news2 .youtube ul li:nth-child(1) {
	margin-right: 10px;
}
body.top #news2 .catchCopysmall {
	color: #fff;
	text-shadow: 0 0 5px #000;
	line-height: 0;
	margin-top: 180px;
	float: left;
}
body.top #news2 .catchCopysmall_mobile {
	display: none;
}

body.top #news2 .catchCopysmall img {
	width: 500px;
	display: block;
	margin: 0 auto;
}


body.top #news2{
	position:relative;
}

/* #news2の一番下にそろえています */
body.top #news3 {
	/* margin-top: 50px; */
	/* margin-top: 15rem; */
	position:absolute;
	right: 0;
	left: 0;
	margin: 0 auto 35px auto;
	bottom: 0;
}

body.top #news3 .topNav {
	text-align: center;
	width: 100%;
}

body.top #news3 .topNav ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 960px;
}

body.top #news3 .topNav ul li {
	font-size: 20px;
	width: 100%;
	max-width: 298px;
	height: 104px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #FFF;
	font-weight: 500;
	letter-spacing: 0.1em;
	color: #282828;
	text-align: center;
	line-height: 1.4em;
	box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
}

body.top #news3 .topNav ul li:first-child {
	margin-left: 0;
}

body.top #news3 .topNav ul li.renkei {
	background: url(../../img/top/topnav_renkei_back.png) no-repeat;
}

body.top #news3 .topNav ul li.kaigo {
	background: url(../../img/top/topnav_kaigo_back.png) no-repeat;
}

body.top #news3 .topNav ul li.kosodate {
	background: url(../../img/top/topnav_kosodate_back.png) no-repeat;
}

body.top #news3 .topNav ul li a {
	color: #282828;
	width: 100%;
	padding: 25px 0;
	background: url(../../img/top/topNav_arrow.png) no-repeat 265px center;
	font-family: "notom";
}

/* --私たちについて -- */

body.top .remodal-wrapper,
body.top .remodal-overlay {
	 z-index: 99999;
}
div.modal_contents p span.aboutus_slogan {
    font-size: 30px;
    margin-bottom: 20px;
    font-family: serif;
    font-weight: bold;
}
div.slogan_area {
	padding: 40px;
}
div.modal_contents p.aboutus_anthem {
    font-size: 15px;
	font-weight: bold;
    line-height: 2em;
    /* letter-spacing: 0.1em; */
    margin-bottom: 1em;
    color: #666666;
    font-family: serif;
}
div.modal_contents p.signature {
    font-size: 14px;
    text-align: right;
    font-family: serif;
}
	

/* ------------------------------
	お知らせ
------------------------------ */

body.top #topNews {
	width: 100%;
	text-align: center;
	/* margin: 50px 0 40px 0; */
	margin: 0 0 0 0;

}
body.top #topNews .topNewsBox {
	width: 940px;
	margin: 0 auto;
	display:flex;
	font-size: 17px;
}
body.top #topNews .topNewsBox .topNewsTitle {
	width: 12em;
    text-align: left;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding-right: 20px;
}
body.top #topNews .topNewsBox .topNewsList {
	text-align: left;
	border-left: 1px solid #666666;
	padding-left: 30px;
}
body.top #topNews .topNewsBox .topNewsList li {
	margin-bottom: 0.5em;
}
body.top #topNews .topNewsBox .topNewsList dl {
	display: flex;
}
body.top #topNews .topNewsBox .topNewsList dl dt {
	padding-right: 20px;
}
body.top #topNews .topNewsBox .topNewsList dl dd {
}
body.top #topNews .topNewsBox .topNewsList .topNewsMore {
	margin-bottom: 0;
}
body.top #topNews .topNewsBox .topNewsList .topNewsMore a {
	width: 100%;
	display: block;
	text-align: center;
}
/* ------------------------------
	#topRenkei 医療介護連携支援システム
------------------------------ */

body.top #topRenkei {
	background: url(../../img/top/renkei_back_pc.jpg) no-repeat top center;
	padding: 80px 0 80px 0;
	max-width: 1600px;
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 0 auto;
}
body.top #topRenkei h2 {
	text-align: center;
	font-size: 50px;
	padding: 0;
	line-height:1em;
}
body.top #topRenkei h2 span.renkeiCategory {
	font-size: 25px;
	letter-spacing: 0.1em;
	font-weight: 400;
	line-height: 1em;
	display:block;
	position: relative;
	width: 18em;
	margin: 0 auto;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/*
body.top #topRenkei h2 span.renkeiCategory::after {
	content: '';
	position: absolute;
	top: 100%;
	border-style: solid;
	border-color: transparent;
	right: 0;
	border-style: solid;
	border-width: 20px 20px 0 0;
	border-top-color: #268cbf;
}
*/
body.top #topRenkei h2 span.renkeiTitle {
	letter-spacing: 0.1em;
	font-weight: 500;
	margin-top: 40px;
	display:block;
	line-height: 1em;
	color: #000;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
body.top #topRenkei hr {
	height: 0;
	padding: 0;
	border: 0;;
	border-top: 1px solid #000;
	margin: 40px auto;
	width: 60px;
	corlor: #333;
}
body.top #topRenkei .innerBox {
	background-image: url(../../img/top/renkei_inner_back.png);
	background-repeat: no-repeat;
	background-position: center 80px;
	text-align: center;
}
body.top #topRenkei .innerBox p {
	font-size: 18px;
	line-height: 1.7em;
	margin-bottom: 300px;
}
body.top #topRenkei .innerBox ul {
	display: flex;
	margin: 0 auto;
	padding: 0 10px 50px 10px;
	width: 960px;
}
body.top #topRenkei .innerBox ul li {
	background-color: #FFF;
	width: 220px;
	font-size: 18px;
	font-weight: 500;
	margin: 0 10px 0 10px;
	/* color: #e91d3e; */
	box-shadow:0px 5px 10px 0px #eaeaea;
	-moz-box-shadow:0px 5px 10px 0px #eaeaea;
	-webkit-box-shadow:0px 5px 10px 0px #eaeaea;
	padding: 150px 20px 30px 20px;
	line-height: 1.33em;
}
body.top #topRenkei .innerBox ul li.icon1 {
	background-image: url(../../img/top/renkei_point_icon1.png);
	background-repeat: no-repeat;
	background-position: center 40px;
	background-size: 50%;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
body.top #topRenkei .innerBox ul li.icon2 {
	background-image: url(../../img/top/renkei_point_icon2.png);
	background-repeat: no-repeat;
	background-position: center 40px;
	background-size: 50%;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
body.top #topRenkei .innerBox ul li.icon3 {
	background-image: url(../../img/top/renkei_point_icon3.png);
	background-repeat: no-repeat;
	background-position: center 40px;
	background-size: 50%;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
body.top #topRenkei .innerBox ul li.icon4 {
	background-image: url(../../img/top/renkei_point_icon4.png);
	background-repeat: no-repeat;
	background-position: center 40px;
	background-size: 50%;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
body.top #topRenkei .tpoint {
	width: 770px;
	margin: 0 auto;
}
body.top #topRenkei .tpoint ul li {
	display: block;
	float: left;
}
body.top #topRenkei .tpoint ul li.tpicon {
	width:150px;
}
body.top #topRenkei .tpoint ul li.tpinfo {
	width:620px;
	font-size: 18px;
	padding-top: 1.5em;
}
body.top #topRenkei .tpoint ul li.tpinfo span {
	font-size: 20px;
	font-weight: 500;
}
body.top #topRenkei .renkeiBtn {
	width: 460px;
	height: 60px;
	background: url(../../img/top/renkei_btn_back.jpg) no-repeat top center;
	margin: 0 auto;
	text-align: center;
	line-height:30px;
	font-size: 18px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
body.top #topRenkei .renkeiBtn a {
	display: block;
	width:460px;
	height: 60px;
	color: #212121;
}


/* ------------------------------
	#topKaigo 介護業務支援システム
------------------------------ */

body.top #topKaigo {
	background: url(../../img/top/kaigo_back_pc.jpg) no-repeat top center;
	padding: 80px 0 80px 0;
	max-width: 1600px;
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 0 auto;
}
body.top #topKaigo h2 {
	text-align: center;
	font-size: 50px;
	padding: 0;
	line-height:1em;
}
body.top #topKaigo h2 span.renkeiCategory {
	font-size: 25px;
	letter-spacing: 0.1em;
	font-weight: 400;
	line-height: 1em;
	display:block;
	position: relative;
	width: 18em;
	margin: 0 auto;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/*
body.top #topKaigo h2 span.renkeiCategory::after {
	content: '';
	position: absolute;
	top: 100%;
	border-style: solid;
	border-color: transparent;
	right: 0;
	border-style: solid;
	border-width: 20px 20px 0 0;
	border-top-color: #fc7500;
}*/
body.top #topKaigo h2 span.renkeiTitle {
	letter-spacing: 0.1em;
	font-weight: 500;
	margin-top: 40px;
	display:block;
	line-height: 1em;
	color: #000;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
body.top #topKaigo hr {
	height: 0;
	padding: 0;
	border: 0;;
	border-top: 1px solid #000;
	margin: 40px auto;
	width: 60px;
	color: #333;
}
body.top #topKaigo .innerBox {
	background-image: url(../../img/top/kaigo_inner_back.png);
	background-repeat: no-repeat;
	background-position: center 30px;
	text-align: center;
}
body.top #topKaigo .innerBox p {
	font-size: 18px;
	line-height: 1.7em;
	margin-bottom: 300px;
}
body.top #topKaigo .innerBox ul {
	display: flex;
	margin: 0 auto;
	padding: 0 10px 50px 10px;
	width: 960px;
}
body.top #topKaigo .innerBox ul li {
	background-color: #FFF;
	width: 220px;
	font-size: 18px;
	font-weight: 500;
	margin: 0 10px 0 10px;
	/* color: #e91d3e; */
	box-shadow:0px 5px 10px 0px #eaeaea;
	-moz-box-shadow:0px 5px 10px 0px #eaeaea;
	-webkit-box-shadow:0px 5px 10px 0px #eaeaea;
	padding: 150px 20px 30px 20px;
	line-height: 1.33em;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
body.top #topKaigo .innerBox ul li.icon1 {
	background-image: url(../../img/top/kaigo_point_icon1.png);
	background-repeat: no-repeat;
	background-position: center 40px;
	background-size: 50%;
	font-family: "notob";
}
body.top #topKaigo .innerBox ul li.icon2 {
	background-image: url(../../img/top/kaigo_point_icon2.png);
	background-repeat: no-repeat;
	background-position: center 40px;
	background-size: 50%;
	font-family: "notob";
}
body.top #topKaigo .innerBox ul li.icon3 {
	background-image: url(../../img/top/kaigo_point_icon3.png);
	background-repeat: no-repeat;
	background-position: center 40px;
	background-size: 50%;
	font-family: "notob";
}
body.top #topKaigo .innerBox ul li.icon4 {
	background-image: url(../../img/top/kaigo_point_icon4.png);
	background-repeat: no-repeat;
	background-position: center 40px;
	background-size: 50%;
	font-family: "notob";
}
body.top #topKaigo .renkeiBtn {
	width: 460px;
	height: 60px;
	background: url(../../img/top/kaigo_btn_back.jpg) no-repeat top center;
	margin: 0 auto;
	text-align: center;
	line-height: 60px;
	font-size: 18px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	
}
body.top #topKaigo .renkeiBtn a {
	display: block;
	width:460px;
	height: 60px;
	color: #212121;
}

/* ------------------------------
	#topKosodate Childcare Support System
------------------------------ */

body.top #topKosodate {
	background: url(../../img/top/kosodate_back_pc.jpg) no-repeat top center;
	padding: 80px 0 80px 0;
	max-width: 1600px;
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin: 0 auto;
}
body.top #topKosodate h2 {
	text-align: center;
	font-size: 50px;
	padding: 0;
	line-height:1em;
}
body.top #topKosodate h2 span.renkeiCategory {
	font-size: 25px;
	letter-spacing: 0.1em;
	font-weight: 400;
	line-height: 1em;
	display:block;
	position: relative;
	width: 18em;
	margin: 0 auto;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/*
body.top #topKosodate h2 span.renkeiCategory::after {
	content: '';
	position: absolute;
	top: 100%;
	border-style: solid;
	border-color: transparent;
	right: 0;
	border-style: solid;
	border-width: 20px 20px 0 0;
	border-top-color: #84af00;
}*/
body.top #topKosodate h2 span.renkeiTitle {
	letter-spacing: 0.1em;
	font-weight: 500;
	margin-top: 40px;
	display:block;
	line-height: 1em;
	color: #000;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
body.top #topKosodate hr {
	height: 0;
	padding: 0;
	border: 0;;
	border-top: 1px solid #000;
	margin: 40px auto;
	width: 60px;
	color: #333;
}
body.top #topKosodate .innerBox {
	background-image: url(../../img/top/kosodate_inner_back.png);
	background-repeat: no-repeat;
	background-position: top center;
	text-align: center;
}
body.top #topKosodate .innerBox p {
	font-size: 18px;
	line-height: 1.7em;
	margin-bottom: 300px;
}
body.top #topKosodate .innerBox ul {
	display: flex;
	margin: 0 auto;
	padding: 0 10px 50px 10px;
	width: 960px;
}
body.top #topKosodate .innerBox ul li {
	background-color: #FFF;
	width: 220px;
	font-size: 18px;
	font-weight: 500;
	margin: 0 10px 0 10px;
	/* color: #e91d3e; */
	box-shadow:0px 5px 10px 0px #eaeaea;

	-moz-box-shadow:0px 5px 10px 0px #eaeaea;
	-webkit-box-shadow:0px 5px 10px 0px #eaeaea;
	padding: 150px 20px 30px 20px;
	line-height: 1.33em;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
body.top #topKosodate .innerBox ul li.icon1 {
	background-image: url(../../img/top/kosodate_point_icon1.png);
	background-repeat: no-repeat;
	background-position: center 40px;
	background-size: 50%;
	font-family: "notob";
}
body.top #topKosodate .innerBox ul li.icon2 {
	background-image: url(../../img/top/kosodate_point_icon2.png);
	background-repeat: no-repeat;
	background-position: center 40px;
	background-size: 50%;
	font-family: "notob";
}
body.top #topKosodate .innerBox ul li.icon3 {
	background-image: url(../../img/top/kosodate_point_icon3.png);
	background-repeat: no-repeat;
	background-position: center 40px;
	background-size: 50%;
	font-family: "notob";
}
body.top #topKosodate .innerBox ul li.icon4 {
	background-image: url(../../img/top/kosodate_point_icon4.png);
	background-repeat: no-repeat;
	background-position: center 40px;
	background-size: 50%;
	font-family: "notob";
}
body.top #topKosodate .renkeiBtn {
	width: 460px;
	height: 60px;
	background: url(../../img/top/kosodate_btn_back.jpg) no-repeat top center;
	margin: 0 auto;
	text-align: center;
	line-height: 60px;
	font-size: 18px;
	font-weight: 500;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
body.top #topKosodate .renkeiBtn a {
	display: block;
	width:460px;
	height: 60px;
	color: #212121;
}

/* -------------------------
 SERACH
------------------------- */


/*
body.top .section#search .catchCopy .bg {
	background:none !important;
	background: url(../../img/top/search_stripe.png) no-repeat top center ;
}
*/
body.top .section#search .catchCopy .bg:after {
	content: "";
	display: none !important;
	clear: both
}
body.top .section#search2 .catchCopy .inner:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0;
	border-color: #999 transparent transparent;
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -10px
}
body.top .section#search2 .catchCopy h3 {
	padding: 35px 0 20px;
	text-align: center
}
body.top .section#search2 .catchCopy .searchTabContent {
	position: relative;
	background: rgba(255,255,255,0.8);
	behavior: url(/common/pie/PIE.htc);
	-pie-background: rgba(255,255,255,0.8);
	border-radius: 5px 5px 0 0;
	zoom: 1
}
body.top .section#search2 .catchCopy .searchTabContent:after {
	content: "";
	display: block;
	clear: both
}
body.top .section#search2 .catchCopy .searchTabContent .block {
	float: left
}
body.top .section#search2 .catchCopy .searchTabContent .block:nth-child(1) h4 {
	border-radius: 5px 0 0 0
}
body.top .section#search2 .catchCopy .searchTabContent .block:nth-child(6) h4 {
	border-radius: 0 5px 0 0
}
body.top .section#search2 .catchCopy .searchTabContent .block:nth-child(6n) h4 {
	width: 160px;
	border-right: none
}
body.top .section#search2 .catchCopy .searchTabContent .block h4 {
	background: url(../img/ico_arrow02.png) no-repeat 15px center;
	padding-left: 40px;
	width: 156px;
	box-sizing: border-box;
	line-height: 1.2;
	height: 70px;
	border-right: 1px solid #bfbbba;
	border-bottom: 1px solid #bfbbba;
	color: #333;
	display: table-cell;
	vertical-align: middle;
	cursor: pointer
}
body.top .section#search2 .catchCopy .searchTabContent .block h4:nth-child(6n) {
	border-right: none;
	width: 161px
}
body.top .section#search2 .catchCopy .searchTabContent .block h4:nth-child(6) {
	border-radius: 0 5px 0 0
}
body.top .section#search2 .catchCopy .searchTabContent .block h4.current, body.top .section#search2 .catchCopy .searchTabContent .block h4:hover {
	background-color: #f29715;
	background-image: url(../img/ico_arrow02_o.png)
}
body.top .section#search2 .catchCopy .searchTabContent .block .list {
	border-top: 5px solid #f29715;
	position: absolute;
	left: 0;
	top: 140px;
	behavior: url(/common/pie/PIE.htc);
	-pie-background: rgba(255,255,255,0.8);
	background: rgba(255,255,255,0.8);
	width: 100%
}
body.top .section#search2 .catchCopy .searchTabContent .block .list ul {
	padding: 20px 0
}
body.top .section#search2 .catchCopy .searchTabContent .block .list ul li {
	margin: 0 20px;
	border-bottom: 1px dotted #333
}
body.top .section#search2 .catchCopy .searchTabContent .block .list ul li a {
	background: url(../img/ico_arrow03.png) no-repeat left center;
	padding: 10px 0 10px 35px;
	display: block
}

body.top .section#search .catchCopy .inner:after {
	display: none;
}

/* ------------------------------
	#search 職種・業種からカナミックのシステムを知る
------------------------------ */

body.top .section#search {
	background: url(../../img/top/bg_search.png) no-repeat top center ;
	background-size: cover;
}

body.top .section#search .catchCopy .bg {
	background: none;
}

body.top .section#search .catchCopy {
    background-image: none;
    margin: 0 auto;
    padding: 30px 0;
}

body.top .section#search div.catchCopy h3 {
	color: #333333;
}


body.top .section#search .catchCopy .searchTabContent {
    width: 980px;
    border: 1px solid #cccccc;
}

body.top .section#search .catchCopy .searchTabContent .block {
	background: #efefef;
}

body.top .section#search .catchCopy .searchTabContent .block h4 {
	width: 160px;
}

body.top .section#search .catchCopy .searchTabContent .block:nth-child(6n) h4 {
	width: 180px;
}

/* ------------------------------
	#topsecurity 安心・安全への取り組み
------------------------------ */
body.top #topsecurity {
	background: #96c7e1;
	font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
	padding: 80px 0;
}
body.top #topsecurity h2 {
	text-align: center;
	font-size: 50px;
	padding: 0;
	line-height:1em;
}
body.top #topsecurity h2 span.renkeiCategory {
	font-size: 25px;
	letter-spacing: 0.1em;
	font-weight: 400;
	line-height: 1em;
	display:block;
	position: relative;
	width: 18em;
	margin: 0 auto;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
body.top #topsecurity h2 span.renkeiTitle {
	letter-spacing: 0.1em;
	font-weight: 500;
	margin-top: 40px;
	display:block;
	line-height: 1.4em;
	color: #000;
	font-size: 40px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
body.top #topsecurity hr {
	height: 0;
	padding: 0;
	border: 0;;
	/*border-top: 1px solid #000;*/
	margin: 0 auto;
	margin-top: 40px;
	width: 60px;
	color: #333;
}


body.top #topsecurity div.guideline_area {
	max-width: 960px;
    margin: 0 auto;
    display: block;
}

body.top #topsecurity div.guideline_area div.left,
body.top #topsecurity div.guideline_area div.right {
    text-align: center;
    padding-top: 40px;
    width: 440px;
    height: 400px;
    background: #ffffff;
    border-radius: 300px;
    border: 15px solid #cccccc;
    float: left;
}

body.top #topsecurity div.guideline_area div.left p,
body.top #topsecurity div.guideline_area div.right p {
    text-align: center;
    width: 358px;
    margin: 20px auto;
	font-size: 16px;
	line-height:1.6em;
}

body.top #topsecurity div.guideline_area div.left {
	margin-right: 20px;
}

body.top #topsecurity h2.support_title {
	 margin-top: 40px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body.top #topsecurity div.support_area {
	max-width: 940px;
    margin: 40px auto;
    display: block;
}

body.top #topsecurity div.support_area img {
    float: left;
    width: 284px;
    margin-right: 35px;
	border: 8px solid #FFF;
}


body.top #topsecurity div.support_area div.support .txt {
    width: 600px;
    float: left;
	font-size: 18px;
	line-height: 1.6em;
}

body.top #topsecurity div.support_area div.support .txt .title {
    font-size: 20px;
    margin-bottom: 10px;
    color: #F95900;
    font-weight: bold;
}




/* ------------------------------
	#more_kanamic カナミックネットワークをもっと知る
------------------------------ */

body.top  #more_kanamic  {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin: 0 auto;
    padding: 80px 0;
	color: #333;
}

body.top  #more_kanamic div.more_kanamic_area  {
	margin: 0 auto;
	margin-bottom: 100px;
}

body.top  #more_kanamic div.more_kanamic_area h2 {
    letter-spacing: 0.1em;
    font-weight: 500;
    display: block;
    text-align: center;
    font-size: 30px;
	margin-bottom: 50px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}


body.top  #more_kanamic div.more_kanamic_area ul.more_kanamicBtn {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
	/*height: 256px;*/
}


body.top  #more_kanamic div.more_kanamic_area ul.more_kanamicBtn li {
	min-width: 320px;
	max-width: 455px;
}
body.top  #more_kanamic div.more_kanamic_area ul.more_kanamicBtn li img {
	width: 100%;
}

body.top  #more_kanamic div.more_kanamic_area ul.more_kanamicBtn li p.aboutBtn {
    text-align: center;
    font-size: 18px;
	line-height: 0em;
	margin-top: 20px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body.top  #more_kanamic div.more_kanamic_area ul.more_kanamicBtn li p.aboutBtn a {
	background: url(../../img/top/aboutArrow.png) no-repeat center right;
    padding-right: 25px;
    color: #333333;
}

body.top  #more_kanamic div.listBtn_area {
	text-align: center;
    margin: 80px 0 60px 0;
}

body.top  #more_kanamic div.listBtn_area ul li {
	display: inline;
}

body.top  #more_kanamic div.listBtn_area ul li p.aboutBtn {
	display: inline;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

body.top  #more_kanamic div.listBtn_area ul li p.aboutBtn:first-child {
	margin-right: 15px;
}

body.top  #more_kanamic div.listBtn_area ul li p.aboutBtn a {
	padding: 20px 160px;
    border: 1px solid #cccccc;
    font-size: 18px;
    color: #333333;
}

body.top  #more_kanamic div.listBtn_area ul li p.aboutBtn a span {
	background: url(../../img/top/aboutArrow.png) no-repeat center right;
	padding-right: 30px;
}

body.top  #more_kanamic  div.careerArea {
	width: 100%;
	max-width: 1365px;
	margin: 0 auto;
	margin-bottom: 50px;
	height: 210px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	background: url(../../img/top/careers.png) no-repeat top right;
}
body.top  #more_kanamic  div.careerArea a {
	width: 100%;
	height: 210px;
	display: block;
	max-width: 940px;
	line-height: 1.6em;
	margin: 0 auto;
	font-size: 20px;
	padding: 0;
}
body.top  #more_kanamic  div.careerArea a span.careerBox {
	display: block;
	padding-top: 70px;
}
body.top  #more_kanamic  div.careerArea a span.careerTitle {
	font-size:20px;
	color:#333;
	text-decoration: none;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background: url(../../img/top/aboutArrow.png) no-repeat center right;
	padding-right: 30px;
}
body.top  #more_kanamic  div.careerArea a span.careerInfo {
	color:#333;
	text-decoration: none;
	font-size: 16px;
}


body.top  #more_kanamic  div.contact_area p.aboutBtn a {
    width: 400px;
    border: 1px solid #ccc;
    padding: 20px;
	margin: 0 auto;
    font-size: 20px;
	font-weight: 500;
    color: #333333;
    display: block;
	text-align: center;
}

body.top  #more_kanamic  div.contact_area p.aboutBtn a span {
	background: url(../../img/top/aboutArrow.png) no-repeat center right;
	padding-right: 30px;
    margin-left: 15px;
}

body.top  #more_kanamic  div.contact_area p.aboutBtn a span.txt {
    margin-top: 5px;
    display: inline-block;
    background: none;
    padding: 0;
	font-size: 16px;
	font-weight: normal;
}

body.top  #more_kanamic div.contact_area div.jpx {
	text-align: center;
    width: 677px;
    display: block;
    margin: 40px auto 0;
	
}

body.top  #more_kanamic div.contact_area div.jpx img {
    float: left;
    margin-right: 20px;
    width:61px;
}

body.top  #more_kanamic  div.contact_area div.jpx div.txt {
    float: left;
    width: 590px;
    padding: 8px 0;
    color: #b07e0f;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
}

article a:hover {
	opacity: 0.8;
	transition: .2s linear;
	text-decoration: none;
}


body.top #topRenkei,
body.top #topKaigo,
body.top #topKosodate,
body.top #topsecurity,
body.top #search {
	max-width: 100%;
	background-size: cover;
}


header.headerSp {
	display: none;
}

/* ウィンドウ幅が0〜520pxの場合に適用するCSS */
@media screen and ( max-width:520px )
{
div.tc_U520{ align: center !important; }
}

/* --- float-button 
.float-button {
	width: 240px;
	height:65px;
	display: block;
	position: fixed;
	right:16px;
	bottom: 0;
	text-align: center;
	background:#a8d603;
	border-radius: 6px 6px 0px 0px ;
	-moz-border-radius: 6px 6px 0px 0px ;
	-webkit-border-radius: 6px 6px 0px 0px ;
	box-shadow:0px 0px 10px 0px #000000;
	-moz-box-shadow:0px 0px 10px 0px #000000;
	-webkit-box-shadow:0px 0px 10px 0px #000000;
	margin-bottom: -65px;
	z-index: 1;
}--- */

.float-button a {
	display: table-cell;
	vertical-align: middle;
	width: 240px;
	height: 65px;
	text-decoration: none;
	font-size: 17px;
	font-weight:bold;
	color: #111;
}

.float-button a .icon-contact {
	font-size: 30px;
	margin-right: 10px;
	vertical-align: middle;
}

body.top .float-button {
	display:none;
}
.testA {
	border-radius: 6px!important;
	bottom: 16px!important;
}
/* /--- float-button --- */
/* --- float-button2 --- */
.float-button2 {
	width: 240px;
	height:200px;
	/*display: block;*/
	display: none;
	position: fixed;
	left:16px;
	bottom: 0;
	text-align: center;
	border-radius: 6px 6px 0px 0px ;
	-moz-border-radius: 6px 6px 0px 0px ;
	-webkit-border-radius: 6px 6px 0px 0px ;
	box-shadow:0px 0px 10px 0px #000000;
	-moz-box-shadow:0px 0px 10px 0px #000000;
	-webkit-box-shadow:0px 0px 10px 0px #000000;
	margin-bottom: -200px;
	z-index: 1;
	background:#fdd835 url(../img/float-button2.png) no-repeat top center;
}

.float-button2 a {
	display: table-cell;
	vertical-align: middle;
	width: 240px;
	height: 200px;
	text-decoration: none;
	font-size: 17px;
	font-weight:bold;
	color: #111;
	background: url(../img/float-button2img.png) no-repeat top center;
}

body.top .float-button2 {
}
/* /--- float-button --- */

/* -- 2018年7月東証一部上場の見出しとボタン -- */
body.top #news2 .title-jpx1st {
    text-align: center;
    position: absolute;
    top: 470px;
    left: 0;
    width: 100%;
    color: #fff;
    text-shadow: 0 0 5px #000;
    line-height: 0;
    text-align: center;
}
body.top #news2 .btn-jpx1st {
    position: absolute;
    top: 620px;
    left: 0;
	right:0;
	margin: 0 auto;
    color: #fff;
    /*text-shadow: 0 0 5px #000;*/
	width: 300px;
	height: 48px;
    border: 2px solid #fff;
	border-radius: 8px;
	text-align: center;
	background: rgba(0,190,132,0.65)
}
body.top #news2 .btn-jpx1st a {
	display: block;
	width: 100%;
	height: 48px;
	color: #FFF;
	font-weight: bold;
	line-height: 48px;
	font-size:17px;
	letter-spacing: 0.1em;
}

/* -- .spinfo お見舞いなど特別な告知用スペース -- */
.spinfo {
	width: 900px;
	margin: 0 auto;
	margin-bottom: 40px;
	padding: 1.6em 2em;
	background: #def0f0;
	/*border: 1px dotted #aaa;*/
	letter-spacing: 0.1em;
	font-size:14px;
	text-align: left;
}
.spinfo h3 {
	margin-bottom: 0.6em;
	text-align: center;
}
.spinfo p {
	line-height:1.6;
}
.spinfo p a {
	color:#333;
	text-decoration: underline;
}

/* ----------menu icon for sp ----------*/
/* --- スマホ用のアイコン。資料請求用にcontactアイコンを流用するために記載--- */

@font-face {
  font-family: 'icon_menu_sp';
  src:
    url('fonts/icon_menu_sp.ttf?o699z1') format('truetype'),
    url('fonts/icon_menu_sp.woff?o699z1') format('woff'),
    url('fonts/icon_menu_sp.svg?o699z1#icon_menu_sp') format('svg');
  font-weight: normal;
  font-style: normal;
}
.icon-contact {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icon_menu_sp' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /*line-height: 1;*/

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-login:before {
  content: "\e900";
}
.icon-contact:before {
  content: "\e901";
}
.icon-menu:before {
  content: "\e902";
}

.icon-play1:before {
	content: "\e680";
}
/* ----------/menu icon for sp ----------*/


/* --- Newyear --- */
.newyeartGreeting {
	position: absolute;
    top: 175px;
    left: 0;
    right: 0;
    text-align: center;
}


#dailian .col div.address {
	width: 620px;
}


/*nav　英語*/
header {
	background: #F5F5F5;
	height: 130px;
    border-bottom: 5px solid #ED6207;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.80);	
}
header .inner{
	background: #F5F5F5;
/*    padding-top:20px;*/
	padding-top:12px;
}
header.small .inner{
/*    padding-top:30px;*/
	padding-top:12px;
}
header #siteLogo{
	left: 0;
    top: 10px;
	margin-left: 0;
	display: inline-block;
	position:relative;
}
header #siteLogo a{
	background: url(../img/logo_k.gif) no-repeat left top;
	width:182px;
	height:58px;
}
header.small #siteLogo a {
    background: url(../img/logo_k.gif) left top / contain no-repeat;
    width: auto;
    height: 43px;
    top: 30px;
}
header.small #siteLogo {
    margin-left: 0;
    height: 45px;
    overflow: hidden;
    top: 30px;
}
header #gNav{
    float: right;
    /* display: block; */
    width: 70%;
    padding: 35px 0 0 0;
}
header #gNav ul li {
	float:none;
}
header #gNav > ul > li{
	display: inline;
	padding: 10px 20px 10px 20px;
	width:auto;
	border-left:1px solid #999;
}
header #gNav ul li span{
display: inline;
color: #707070;
font-size: 20px;
}
header #gNav > ul > li:first-child{
	border-left:none;
}
header #gNav ul li.nav01 a,
header #gNav ul li.nav02 a,
header #gNav ul li.nav03 a,
header #gNav ul li.nav04 a,
header #gNav ul li.nav05 a,
header #gNav ul li.nav06 a,
header #gNav ul li.navcase a,
header #gNav ul li.navir a{
	background: none;
}
header #gNav ul li.nav01 > a,
header #gNav ul li.nav02 > a,
header #gNav ul li.nav03 > a,
header #gNav ul li.nav04 > a,
header #gNav ul li.nav05 > a,
header #gNav ul li.nav06 > a,
header #gNav ul li.navcase > a,
header #gNav ul li.navir > a{
    display: inline;
	color: #707070;
	font-size: 20px;
	text-decoration: none;
}
header #gNav > ul > li.nav01 > a > span{
    cursor: default;	
}
header #gNav > ul > li > a > span{
}
header .langswitch{
	position: absolute;
    top: 0;
        /* left: 1015px; */
	left: 965px;
    z-index: 100000;
    width: 111px;
        background: #fff;
    
}
.langswitch {
    border: 1px solid #968e8e;
    border-radius: 10px;
    margin: 5px 0;
}
/* エリア検索のスタイル */
#gNav > ul > li {
	position: relative;
}
#gNav > ul > li > ul {
	top: 35px;
	left: 0;
	height:0;
	width: 0;
	position: absolute;
	transition: 0.2s;
	padding-top: 20px;
}
#gNav > ul  > li > ul > li {
	min-height: 17px;
	overflow: hidden;
	width: 0;
	opacity: 0;
	background: #f5f5f5;
}
/* #gNav > ul > li:not(:first-child)::before {
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 2px #009a50;
	border-right: solid 2px #009a50;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -4px;
} */

#gNav > ul > li:hover::before {
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
}
#gNav > ul > li > ul > li > a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#headerCont header nav#searchNav .searchNavBtnList.area ul li:hover > a {
	background: #009a50;
	color: #fff;
}
.searchNavBtnList.area ul li:hover > ul {
	width: 100%;
}
body:not(.index) .searchNavBtnList.area ul li:hover > ul {
	border: 1px solid #d9d9d9;
}
.nav_subtitle > a{
	font-weight: bold;
}
#gNav > ul > li:hover > ul {
	background-color: #f5f5f5;
	height: auto;
	padding: 20px;
	box-shadow: 1px 3px 3px 0px #00000048;
}
#gNav ul li.nav01:hover > ul {
	width: 38em;
}
#gNav > ul > li:not(.nav01):hover > ul {
	width: 100%;
}

#gNav > ul > li:hover > ul > li {
	overflow: visible;
	width: 100%;
	opacity: 10;
	padding:5px 10px;
}
#gNav > ul > li:hover > ul > li li {
	overflow: visible;
	width: 100%;
	opacity: 10;
	padding:5px 10px;
}
#gNav > ul > li ,
#gNav > ul > li > ul a  {
	position: relative;
	display: inline-block;
	text-decoration: none;
  }
  #gNav > ul > li::after ,
  #gNav > ul > li > ul a::after  {
	position: absolute;
	bottom: 0;
	left: 5%;
	content: '';
	width: 90%;
	height: 2px;
	background: #333;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform .3s;
  }
  #gNav > ul > li > ul a::after  {
	left: 0;
	bottom: 0px;
	width: 100%;
	background: #0a6c92;

  }
	#gNav > ul > li:hover::after,
	#gNav > ul > li > ul a:hover::after {
		transform-origin: left top;
	transform: scale(1, 1);
  }

/* ------------------------------
	20200213 english site
------------------------------ */


.col_new {
	display: flex;
	flex-direction: column;
}

.img_new {
	width: 80%;
	margin: 0 auto;
	margin-bottom: 20px;
}

header .langswitch {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

header .langswitch a {
	display: inline-block;
	text-decoration: none;
    padding: 0 10px 0 10px;
    height: 26px;
    line-height: 26px;
    width: 82%;
}

header .langswitch span {
    display: inline-block;
    font-size: 0.7em;
    position: relative;
    top: 2px;
    left: 2px;
    border-radius: 50%;
    padding: 4px 3px 2px 3px;
    background: #F5AB00;
    color: white;
}

.lang_opt {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
    text-align: right;
	padding: 10px 0;
    width: 100%;
    border-radius: 0 0 20px 20px;
	display: none;
/*
	box-shadow: 1px 3px 3px 0px #00000048;
	background: #F5F5F5;
*/
}
.langswitch a{
    color: #4a4747;
    font-weight: 500;
	box-sizing: content-box;
}
/*
header .langswitch .lang_opt a:hover {
    background: url("../../img/icon-check.png") no-repeat 10px center;
    z-index: 1;
    color: #f5a500;
    font-weight: bold;
}
*/

header .langswitch a{
/*    transition: all 0.2s;*/
}


header .langswitch .lang_opt .langswitchJa:hover, .lang_selected:hover{
/*    background:#f5a500 url(../../img/icon-check-white.png) no-repeat 10px center;*/
    background:#f5a500 ;
    z-index: 1;
    color: white;
    font-weight: bold;
    width: 89px;    
}
header .langswitch .lang_opt .lang_selected:hover{

        background:#f5a500 url(../../img/icon-check-white.png) no-repeat 10px center;
    z-index: 1;
    color: white;
    font-weight: bold;
    width: 89px;    
}

header .langswitch .lang_opt a.lang_selected {
    background: url(../../img/icon-check.png) no-repeat 10px center;
    z-index: 1;
    color: #f5a500;
    font-weight: bold;
    width: 89px;    
}
.lang_selected {
/*
	cursor: default;
	pointer-events: none;
	color: #777;
	font-weight: bold;
*/
}

.rotate {
	transform: rotate(180deg);
}

.icon-Aarrow-down::before {
	padding-right: 0;
}


/*2025年1月追加*/
header #gNav{
	padding: 35px 60px 0 0;
}

.langswitch {
	margin: 5px 0 0 -55px;
}

@media only screen and (max-width:1090px){
.langswitch {
	margin: 5px 0 0 -80px;
}
}

@media screen and ( max-width:980px ){
	header #gNav{
		padding: 35px 85px 0 0;
	}
	.langswitch {
		margin: 5px 0 0 -90px;
	}
}


@media screen and ( max-width:700px ){
	body.top #topRenkei .innerBox {
		background-position: center 260px;
	}
	body.top #topKaigo .innerBox {
		background-position: center 310px;
	}
	body.top #topKosodate .innerBox {
		background-position: center 490px;
	}
}
