@charset "UTF-8";

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/

@media only screen and (min-width:1024px){
.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;

	/* 正月 年末年始で非表示 */
	/* display:none; */
}
/* 正月　年末年始で非表示 */
/* .youtube{display: none;} */

/* トップの最新ニュースの横並び */
/* 正月にh1非表示にすると崩れるため右寄せにしている */
#news2 .main_area .pkg{
	justify-content: end;
}


.virus01 {
	width: 10%;
}

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: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

#wrapper{
	overflow: hidden;
}

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: "メイリオ", "ヒラギノ角ゴ 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; */
	height: 179px;
}
.header_text{
	background: url(../img/top_bg.png) repeat-x left bottom;
    /*height:23px;*/
    height:40px;/*20200302修正*/
    line-height: 38px;/*20200302修正*/
/*	overflow:hidden;*/
}
.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
}


/*--- 2022/5/6 グループ会社ナビ追加 css ---*/
header #secondMenu > ul > li.secondMenuContent02 {
	width:100%;
	padding-left: 20px;
}
header #secondMenu > ul > li.secondMenuContent02 > ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: 15px;
	margin-bottom: 30px;
	width: 100%;
}
header #secondMenu > ul > li.secondMenuContent02 > ul > li {
	width: 33%;
	margin-bottom: 10px;
	font-size: 18px;

}
header #secondMenu > ul > li.secondMenuContent02 > ul > li > a {
	position: relative;
	vertical-align: middle;
	padding-left: 20px;
	box-sizing: border-box;
	display: table-cell;
	color: #004ea1;
}
header #secondMenu > ul > li.secondMenuContent02 > 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
}
/*--- 2022/5/6 グループ会社ナビ追加 cssここまで ---*/


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;
}
}

@media only screen and (min-width:1024px){
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
}

#article {
	padding-top:47px;
	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: 302px;
	box-sizing: border-box
}
footer#footer .bg {
	height: 350px;
	background: url(../img/bg_foot.png) no-repeat Center top
}
/* ページトップへ戻るボタン */
footer#footer #pagetop {
	position: absolute;
	top: -50px;
	right: 0;
	z-index: 999;
}
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: 750px;
	display: table
}
footer#footer #footNav .block {
	display: table-cell
}
footer#footer #footNav .block.b01 {
	width: 35%
}
footer#footer #footNav .block.b02 {
	width: 20%
}
footer#footer #footNav .block.b03 {
	width: 25%
}
footer#footer #footNav .block.b04 {
	width: 20%
}
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: -55px;
	/* 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
}*/
	
}

@media only screen and (min-width:1024px){
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: 132px
}
.under #ttlArea {
	padding-top:26px;
	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
	}
}
@media only screen and (min-width:1024px){
.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;
	z-index: 0;
	height: 148px;
	padding-top: 110px;
}
.care_pt40 {
	padding-top: 40px!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
}
/*法改正cssここから*/
.houkaisei {
	background: #fafad2;
}
.houkaisei p {
	line-height: 30px;
}
.houkaisei_inner {
	box-sizing: border-box;
    position: relative;
    zoom: 1;
    width: 960px;
    margin: 0 auto;
    padding: 54px 10px;
}
.houkaisei_kanamic h2 {
	margin: 30px auto 36px;
	text-align: center;
	font-size: 49px;
	font-weight: bold;
	text-shadow:
           5px 5px 0px #fff, -5px -5px 0px #fff,
          -5px 5px 0px #fff,  5px -5px 0px #fff,
           5px 0px 0px #fff, -5px  0px 0px #fff,
           0px 5px 0px #fff,  0px -5px 0px #fff;
}
.houkaisei_kanamic h3 {
	font-size: 26px;
	color: #ee6600;
	font-weight: bold;
	margin-bottom: 20px;
}
.houkaisei_kanamic h4 {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}
.yellow_line {
	background: linear-gradient(transparent 50%, yellow 50%);
}
.orange {
	color: #ee6600;
}
.dot_line {
	border-bottom: dotted #ee6600 6px;
	margin-bottom: 20px;
}
.houkaisei_life {
	margin: 70px auto 30px;
	background: #fff;
}
.houkaisei_life h2 {
	text-align: center;
	color: #fff;
	font-weight: bold;
	background: #06725d;
	padding: 10px;
}
.houkaisei_life h3 {
	font-size: 18px;
	color: #06725d;
	font-weight: bold;
	margin-bottom: 20px;
}
.houkaisei_life h4 {
	margin: 40px auto;
	text-align: center;
	font-size: 25px;
	font-weight: bold;
	color: #ee6600;
}
.houkaisei_soft img {
	margin: 0 20px 30px 0;
}
.fs25px {
	font-size: 25px;
}
.fs18_26px {
	font-size: 18px;
}
.fs12_20px {
	font-size: 12px;
}
.back_triangle {
	background-image: url(../../care/img/houkaisei/08.png);
}
.houkaisei_kanamic {
	position: relative;
}
.houkaisei_toi {
	position: absolute;
	margin: 90px auto 35px; 
	top: -40px;
	left: 340px;
}
.btn_tel {
	display: inline-block;
  	text-decoration: none;
  	background: #00aa9a;/*ボタン色*/
  	border-radius: 3px;
	margin-left: 70px;

	box-shadow: 2px 6px 6px rgba(0, 0, 0, 0.3);
}
.btn_tel a {
	display: block;
	width: 330px;
	height: 60px;
	text-align: center;
	float: left;
	padding: 5px 30px 0 10px;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
}
.btn_tel img {
	position: relative;
	top: 7px;
}
.btn_tel:active {
	/*ボタンを押したとき*/
	 -webkit-transform: translateY(4px);
	 transform: translateY(4px);/*下に動く*/
	 box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
	 border-bottom: none;
}
.btn_shiryo {
	display: inline-block;
  	text-decoration: none;
  	background: #f59400;/*ボタン色*/
  	border-radius: 3px;
	margin-left: 60px;
	box-shadow: 2px 6px 6px rgba(0, 0, 0, 0.3);
}
.btn_shiryo a {
	display: block;
	width: 330px;
	height: 58px;
	text-align: center;
	float: left;
	padding: 7px 30px 0 10px;
	color: #fff;
	font-size: 25px;
	font-weight: bold;
}
.btn_shiryo img {
	position: relative;
	top: 7px;
}
.btn_shiryo:active {
	/*ボタンを押したとき*/
	 -webkit-transform: translateY(4px);
	 transform: translateY(4px);/*下に動く*/
	 box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
	 border-bottom: none;
}
.display_pc {
	display: block;
}
.display_mobile {
	display: none;
}
/*法改正cssここまで*/
}

@media only screen and (min-width:1024px){
.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: 50px
}
.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;}
}
@media only screen and (min-width:1024px){
/*  エントリーボタン  */
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 #lNav ul li a:hover{
	transition: none;
	opacity: 1;
}
.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, .case .col .thumbnail {
	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 {
	width: 150px;
	float: left;
	clear: both
}
.company.message dl dd {
	padding-left: 170px
}
.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
}

/*--- 2022/5/10 グループ会社ページ css ---*/
.company.group #ttlArea {
	background: #eeefea;
}
.company.group #ttlArea .inner h1 {
	background: url("../../company/img/ttl_group0.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: 124px;
	padding-bottom: 20px;
}
.group_box .group_btn {
	margin: 10px 0 0 0;
}
.group_box .group_btn div {
	display: block;
	position: relative;
	width: 75%;
	height: 25px;
	max-width: 215px;
	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: 100px;
	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: 100px;
	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 #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: -130px;
  	padding-top: 130px;
}
.skill {
	margin-left: 120px;
	font-size: 130%;
}
}
/*.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;
}
*/
@media only screen and (min-width:1024px){
.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
}
/* ↑イベントページここまで */
}
/*カナエルタッチページ*/
@media only screen and (min-width:1024px){
.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;
}
/*役員一覧 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;
}


/* ↑役員一覧 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"; }

/* ------------------------------
	メインビジュアル
------------------------------ */
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
20240104 ポップアップのお知らせのcssは
他のcssとバッティングしてしまうため
SNSアイコンの下に掲載 
▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
body.top #news2 {
	/* 2023までの背景 */
	/* background: url("../../img/speedtest_min/back_pc02-min.jpg") no-repeat top center;  */
    /* 202409~背景 */
	background: url("../../img/new-topimg/new2024_toppc.png") no-repeat bottom center,
	url("../../img/new-topimg/new2024_topback2.png") no-repeat bottom center; 
	/* background-size: contain; */
	background-size: cover;
    background-color: #fff;
	padding-top: 270px;
	/* padding-top: 16vh; */
	height: 450px;
	height: 48vh;
	max-height: 450px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "YuGothic", "Yu Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	position: relative;

	/* 202４年末年始用 */
	/* background: url("../../img/speedtest_min/back_pc02-min_2024_pc.jpg") no-repeat top center; */
	/* 文字なし背景のみ */
	/* background: url("../../img/speedtest_min/nenga_2024_pc_backonly.jpg") no-repeat top center; */
}


.flex {
	display: flex;
}

/* ---------------------------
新しいバナー表示エリア
----------------------------- */
#news2{
	position: relative;
}
body.top #news2 .main_area {
	/* max-width: 1150px; */
	/* background: #fff; */
	margin: 0 auto;
	width: 100%;
	height: 200px;
	height: auto;
	/* padding-top: 160px; */
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
}

/* 新バナー表示エリア */
aside .banner_box {
	max-width: 1150px;
	max-width: 1400px;
	width: 100%;
	margin: 0 auto;
	/* padding-top: 20px; */
	padding-top: 10px;
	height: 200px;
	height: auto;
	max-height: 300px;
    /* background: #ffffff; */
	/* border: 1px solid #666666; */
}



/* スマホ版バナーエリア */
.sp_banner_box{
	display: none;
}

/* @media only screen and (max-width:1024px){
	aside .banner_box {
		display: none;
	}
} */

/* 最新サービス紹介のタイトル */
aside .banner_box{
    text-align: center;
	/* 下線 */
	/* border-bottom: 1px solid #666666; */
}
aside .banner_box .title p {
    font-size: 1.2rem;
    font-weight: bold;
    color: #E76513;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
	/* display: inline-block; */
}
/* 
aside .banner_box .bnr_area {
	text-align: center;
} */

/* バナーの余白 */
aside .banner_box .bnr_area ul li {
    display: inline-block;
	margin-left: 20px;
	margin-left: 10px;
}
aside .banner_box .bnr_area ul li:first-child{
	margin-left: 0;
}
aside .banner_box .bnr_area ul li a {
    display: inline-block;
}

aside .banner_box .bnr_area ul li a:hover{
    opacity:0.8;
}
/* バナーのサイズ */
aside .banner_box .bnr_area ul li a img {
	width: 190px;
	width: 160px;

    box-shadow: 0px 1px 10px -2px #333333;
    -moz-box-shadow: 0px 1px 10px -2px #333333;
    -webkit-box-shadow: 0px 1px 10px -2px rgba(51, 51, 51, 0.61);
}
@media only screen and (max-width:1300px){
	aside .banner_box .bnr_area ul li a img {
		width: calc(100vw / 7);
		width: calc(100vw / 8);

		margin: 0 auto;
	}
}

@media only screen and (max-width:1023px){
	aside .banner_box .bnr_area ul li a img {
		display: none;
	}
}


.catchCopy01_mobile {
	display: none;
}

/* 20200421youtubeトップ */
aside .youtube {
    padding: 0px 5px 20px 15px;
    margin: 1.5rem 0px;
    width: 48%;
    background-size: cover;
	background: #fff;
	border-radius: 10px;
	float: right;
}

aside .youtube .title_img {
   margin-top: 20px;
}

aside .youtube .title_img img {
    float: left;
    width: 80px;
    margin-right: 10px;
}

aside .youtube p {
    font-size: 16px;
    line-height: 0.8em;
    font-weight: bold;
}

aside .youtube p.title_tag {
    font-size: 18px;
    font-weight: bold;
    margin: 15px 0 10px;
}

aside .youtube .title_tag span {
    font-size: 20px;
    line-height: 1em;
    color: #ff0000;
}

aside .youtube ul {
    text-align: center;
}

aside .youtube ul li {
    display: inline-block;
}

aside .youtube ul li a:hover {
    opacity: 0.8;
	display: block;
    box-shadow: 0px 2px 2px 0px #a5a5a5;
    -moz-box-shadow: 0px 2px 2px 0px #a5a5a5;
    -webkit-box-shadow: 0px 2px 2px 0px #a5a5a5;
    transition: .2s linear;
	height: 126px;
}

aside .youtube ul li a img {
    max-width: 230px;
    width: 100%;
    box-shadow: 0px 1px 10px -2px #333333;
    -moz-box-shadow: 0px 1px 10px -2px #333333;
    -webkit-box-shadow: 0px 1px 10px -2px #333333;
}

aside .youtube ul li:nth-child(1) {
    margin-right: 10px;
}
}


@media only screen and (min-width: 1400px) {
	
	body.top #news2 {
		background-size: cover;
		padding-top: 35vh;
		padding-top: 40vh;
		/* padding-top: 30vh; */
		height: 450px;
		max-height: 450px;
	}
}

@media only screen and (min-width: 1950px) {

	body.top #news2 {
		background: url("../../img/new-topimg/new2024_toppc_full.png") no-repeat center center,
		url("../../img/new-topimg/new2024_topbacksp.png") no-repeat center center; 
		background-size: contain,cover!important;

		/* padding-top: 300vh; */
		/* padding-top: 22vh!important; */
		padding-top: 18vh!important;
		height: 600px;
		max-height: 600px;

	}
}

/*.youtube {
    padding: 0px 5px 20px 15px;
    margin: 1.5rem 0px;
    width: 48%;
    background-size: cover;
	background: #fff;
	border-radius: 10px;
	float: right;
}

.youtube .title_img {
   margin-top: 20px;
}

.youtube .title_img img {
    float: left;
    width: 80px;
    margin-right: 10px;
}

.youtube p {
    font-size: 16px;
    line-height: 0.8em;
    font-weight: bold;
}

.youtube p.title_tag {
    font-size: 18px;
    font-weight: bold;
    margin: 15px 0 10px;
}

.youtube .title_tag span {
    font-size: 20px;
    line-height: 1em;
    color: #ff0000;
}

.youtube ul {
    text-align: center;
}

.youtube ul li {
    display: inline-block;
}

.youtube ul li a:hover {
    opacity: 0.8;
	display: block;
    box-shadow: 0px 2px 2px 0px #a5a5a5;
    -moz-box-shadow: 0px 2px 2px 0px #a5a5a5;
    -webkit-box-shadow: 0px 2px 2px 0px #a5a5a5;
    transition: .2s linear;
	height: 126px;
}

.youtube ul li a img {
    max-width: 230px;
    width: 100%;
    box-shadow: 0px 1px 10px -2px #333333;
    -moz-box-shadow: 0px 1px 10px -2px #333333;
    -webkit-box-shadow: 0px 1px 10px -2px #333333;
}

.youtube ul li:nth-child(1) {
    margin-right: 10px;
}*/

@media only screen and (max-width: 1024px) {
    .pc_line {
        display: none;
    }

    .youtube .title_img {
        width: 100%;
        margin-bottom: 10px;
    }

    .youtube ul {
        text-align: center;
    }

/*    .youtube ul li a img {
        max-width: 320px;
    }*/

}

@media only screen and (max-width: 375px) {
    .youtube ul li:nth-child(1) {
        margin: 0 0 10px 0;
    }

    .youtube .title_img img {
        display: none;
    }

    .youtube p {
        text-align: center;
    }

    .pc_line {
        display: inline-block;
    }

}

/* ここまで 20200421youtubeトップ */

@media only screen and (min-width:1024px){
body.top #news2 .catchCopy {
	color: #fff;
	text-shadow: 0 0 5px #000;
	line-height: 0;
	text-align: center;
    margin-bottom: 30px;
	margin-right: 45px;
}
body.top #news2 .catchCopy img {
	display: block;
	margin: 0 auto;
}

body.top #news2 .catchCopy01 {
	float: left;
	color: #fff;
	text-shadow: 0 0 5px #000;
	line-height: 0;
	margin-top: 180px;
}
body.top #news2 .catchCopy01 img {
	width: 480px;
	display: block;
	margin: 0 auto;
}

body.top #news2 .catchCopy img.catchCopyImg {
    width: 500px;
}

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 .youtube {
	margin-left: 28rem;
	
}
*/

body.top #news2 .youtube .title_tag {
	color: #ff0000;
	font-weight: bold;
	border-radius: 5px;
}

.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;
}

.title_tag .channel br.sp_line {
	display: none;
}

body.top #news2 .youtube ul {
	clear: both;
	margin-top: 25px;
	margin-right: 8px;
}


/*
body.top #news2 .youtube ul li {
    display: inline-block;
    background: #ffffff;
    height: 167px;
}

body.top #news2 .youtube ul li a img {
    max-width: 300px;
    width: 100%;
}

body.top #news2 .youtube ul li:nth-child(1) {
	margin-right: 10px;

}
.mask{
	float: left;
}
.maskimg{
	width: 400px;
}
*/
body.top #news3 {
	/* margin-top: 50px; */
	margin-top: 23px;
}

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: 40px;
    margin-bottom: 20px;
    font-family: serif;
    font-weight: bold;
}
div.slogan_area {
	padding: 40px;
}
div.modal_contents p.aboutus_anthem {
    font-size: 20px;
	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;
}
body.top #topNews .topNewsBox {
	width: 940px;
	margin: 0 auto;
	display:flex;
	font-size: 17px;
}
body.top #topNews .topNewsBox .topNewsTitle {
	width: 8em;
    text-align: center;
    font-family: "notor";
    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/speedtest_min/renkei_back_pc-min.jpg") no-repeat top center;
	padding: 80px 0 80px 0;
	max-width: 1600px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "YuGothic", "Yu Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "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: "notom";
}
/*
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: "notob";
}
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/speedtest_min/renkei_inner_back-min.png");
	background-repeat: no-repeat;
	background-position: center 110px;
	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: "notob";
}
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: "notob";
}
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: "notob";
}
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: "notob";
}

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: 60px;
	font-size: 18px;
	font-family: "notob";
}
body.top #topRenkei .renkeiBtn a {
	display: block;
	width:460px;
	height: 60px;
	color: #212121;
}


/* ------------------------------
	#topKaigo 介護業務支援システム
------------------------------ */

body.top #topKaigo {
	background: url("../../img/speedtest_min/kaigo_back_pc-min.jpg") no-repeat top center;
	padding: 80px 0 80px 0;
	max-width: 1600px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "YuGothic", "Yu Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "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: "notom";
}
/*
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: "notob";
}
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/speedtest_min/kaigo_inner_back-min.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: "notob";
}
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: "notob";
	
}
body.top #topKaigo .renkeiBtn a {
	display: block;
	width:460px;
	height: 60px;
	color: #212121;
}

/* ------------------------------
	#topKosodate 子育て支援システム
------------------------------ */

body.top #topKosodate {
	background: url("../../img/speedtest_min/kosodate_back_pc-min.jpg") no-repeat top center;
	padding: 80px 0 80px 0;
	max-width: 1600px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "YuGothic", "Yu Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "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: "notom";
}
/*
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: "notob";
}
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/speedtest_min/kosodate_inner_back-min.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: "notob";
}
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: "notob";
}
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;
}
div.greeting_2021 {
	float: left;
}
div.greeting_2021 img {
	width: 520px;
	position: relative;
	right: 10px;
	box-shadow: 8px 8px 7px rgba(0,0,0,0.4);
}
}
/* ------------------------------
	#search 職種・業種からカナミックのシステムを知る
------------------------------ */
@media only screen and (min-width:1024px){
body.top .section#search {
	background: url("../../img/speedtest_min/bg_search-min.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:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "YuGothic", "Yu Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "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: "notom";
}
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: "notob";
}
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 {
    width: 300px;
    text-align: left;
    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: "notob";
}

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: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "YuGothic", "Yu Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "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: "notom";
}


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: "notom";
}

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: "notom";
}

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: "notom";
	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: 595px;
    display: block;
    margin: 40px auto 0;
	
}

body.top  #more_kanamic div.contact_area div.jpx img {
    float: left;
    margin-right: 20px;
}

body.top  #more_kanamic  div.contact_area div.jpx div.txt {
    float: left;
    padding: 20px 0;
    color: #b07e0f;
    font-size: 16px;
    font-weight: bold;
}

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; }
}

/* 資料請求はこちらのフロートボタン */
@media only screen and (min-width:1024px){
.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: 999;
}

.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;
	width: 230px;
	height:auto;
	right:0;	
	bottom: 26%;
	border:2px solid #fff;
	border-radius: 10px 0px 0px 10px;
	-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	background-color: #00aee9;
	background-image: linear-gradient(56deg, #00aee9 0%, #5fe0d0 89%);
	box-shadow:0px 0px 10px 0px #9E9E9F;
	-moz-box-shadow:0px 0px 10px 0px #9E9E9F;
	-webkit-box-shadow:0px 0px 10px 0px #9E9E9F;
	color:#fff;

} */
body.top .float-button span.icon-contact{
	display:none;
}

br.sp_line{
	display: none;
}

/* --- 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;
} */



/* -- 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;
}
.spinfo_red {
	margin: 0 auto;
	margin-bottom: 18px;
	padding: 1.6em;
	background: #f0dede;
	letter-spacing: 0.1em;
	text-align: left;
}
.spinfo_red h3 {
	margin-bottom: 0.6em;
	text-align: center;
}
.spinfo_red p {
	line-height:1.6;
}
.spinfo_red 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: "\e902";
}
.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;
}


/* ------------------------------
	20200213 english site
------------------------------ */

.header_info_position{
    width: 960px;
    margin: auto;
    position: relative;
}

header .langswitch {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	position: absolute;
    top: 0px;
	left: 910px;
	/* left: 960px; */
	z-index: 100000;
    background: #fff;
    width: 111px;
}
.langswitch{
    /*20200302*/
    border: 1px solid #968e8e;
    border-radius: 10px;
    margin: 5px 0;

}
header .langswitch a {
	display: inline-block;
	/* margin: 5px 10px; */
	text-decoration: none;
	/* color: #f5a500; */
    padding: 0 10px 0 10px;
        height: 26px;
    line-height: 26px;
    width: 82%;
}
.ir header .langswitch a {
	/* display: inline-block;
	text-decoration: none;
    padding: 0 10px 0 0px;
        height: 26px;
    line-height: 26px;
	width: 92%; */
	box-sizing: content-box;	
}

header .langswitch span {
	display: inline-block;
	font-size: 0.7em;
    position: relative;
    top: 2px;
	left: 3px;
	border-radius: 50%;
	padding: 4px 3px 2px 3px;
	background: #F5AB00;
    color: white;
}
#lang_arrow[class^="icon-"]:before, #lang_arrow[class*=" icon-"]:before {
    padding-right: 0;
}
.lang_opt {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
    text-align: right;
/*	padding: 10px 15px;*/
    padding: 10px 0px;
/*
	box-shadow: 1px 3px 3px 0px #00000048;
	background: #F5F5F5;
    
*/
    width: 100%;
    background: #FFF;
	border-radius: 0 0 20px 20px;
	display: none;
}

.lang_selected {
/*
	cursor: default;
	pointer-events: none;
*/
/*
	color: #777;
	font-weight: bold;
*/
}
header .langswitch a{
/*   transition: all 0.2s;*/
}




header .langswitch .lang_opt .lang_selected {
    background: url(../img/icon-check.png) no-repeat 10px center;
    z-index: 1;
    color: #f5a500;
    font-weight: bold;
    /* width: 100%; */
    
}
header .langswitch .lang_opt .langswitchEn:hover{
    background:#f5a500;
/*    background:#f5a500 url(../img/icon-check-white.png) no-repeat 10px center;*/
    z-index: 1;
    color: white;
    font-weight: bold;
    /* width: 100%;     */
}
header .langswitch .lang_opt .lang_selected:hover{
/*    background:#f5a500;*/
    background:#f5a500 url(../img/icon-check-white.png) no-repeat 10px center;
    z-index: 1;
    color: white;
    font-weight: bold;
    /* width: 100%;     */
}

/*SNSアイコン css*/
header .sns_icon {
	display: flex;
	position: absolute;
    top: 3px;
	/*アイコン３つの時
	 left: 745px; */
	/* アイコン２つの時 */
	left: 800px;
	z-index: 100000;
}
header .sns_icon a {
	padding: 0 10px;
}
/*SNSアイコン css ここまで*/	

.rotate {
	transform: rotate(180deg);
}

.icon-Aarrow-down::before {
	padding-right: 0;
}
}


/*モバイル*/

@media only screen and (max-width:1023px) {
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: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
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
}

.virus01 {
	width: 20%;
}
html {
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Osaka, "MS PGothic", sans-serif;
	line-height: 1.71428571429;
	color: #333;
	background: #fff;
	font-size: 26px
}
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: 400
}
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, .android .lead {
	background: url(image);
}

.spDisNon{
	display:none;
}

html > * {
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}
.inner {
	box-sizing: border-box;
	position: relative;
	zoom: 1
}
.inner:after {
	content: "";
	display: block;
	clear: both
}
#menuSp {
	display: none
}
.hide {
	visibility: hidden
}
.disNon {
	display: none
}
.pw20 {
	padding-left: 20px;
	padding-right: 20px
}
.pl20 {
	padding-left: 20px
}
.mb00 {
	margin-bottom: 0!important
}
.android h1, .android h2, .android h3, .android h4, .android h4, .android h6, .android p {
	background: url(image)
}
header {
	display:none;
}
header.headerSp {
	display:block;
	width: 100%;
	z-index: 1000;
	height: 96px;
	background: url(../img/sp/bg_head.png) repeat-x top center;
	position: fixed;
	top: 0;
}
.headerSp .header_text{
	background: url(../img/top_bg.png) repeat-x left bottom;
	height: 60px;
	display: none;
}
.headerSp .header_text p{
	font-size: 20px;
	line-height: 1.4;
	padding: 0px 40px 3px 40px;
	text-align:center;
}
header.headerSp #siteLogo {
	z-index: 500;
	position: absolute;
	left: 20px;
	top: 16px;
}
header.headerSp #siteLogo a {
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/header_logo_sp.png) no-repeat left top;
	width: 208px;
	height: 60px
}
header.headerSp #menuSp {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 120px;
	height: 90px;
	/*text-indent: 100%;*/
	text-align: center;
	border-left: 1px solid #666;
	color: #333;
	cursor: pointer;
	font-size: 18px;
	line-height: 2.3;
}
header.headerSp #menuSp span.icon-menu {
	display: block;
	margin-top: 18px;
	font-size: 30px;
	font-weight: normal;
}
header.headerSp #menuSp.open {
	opacity: 0.7;
}
header.headerSp .contactSp {
	position: absolute;
	top: 0;
	right: 120px;
	width: 120px;
	height: 90px;
	display: block;
	text-align: center;
	border-left: 1px solid #666;
	color: #333;
	font-size: 18px
}
header.headerSp .contactSp a {
	display: block;
	width: 120px;
	height: 90px;
	font-size: 18px;
	color: #333;
	line-height: 2.2;
}
header.headerSp .contactSp a span.icon-contact {
	display: block;
	font-size: 34px;
	padding-top: 16px;
	font-weight: normal;
}
header.headerSp .contactSp a span.icon-earth {
	display: block;
	font-size: 34px;
	padding-top: 16px;
	font-weight: normal;
}
header.headerSp .login {
	position: absolute;
	top: 0;
	right: 240px;
	width: 120px;
	height: 90px;
	display: block;
	text-align: center;
	border-left: 1px solid #666;
	color: #333;
	font-size: 18px
}
header.headerSp .login a {
	display: block;
	width: 120px;
	height: 90px;
	font-size: 18px;
	color: #333;
	line-height: 2;
}
header.headerSp .login a span.icon-login {
	display: block;
	font-size: 38px;
	padding-top: 14px;
	font-weight: normal;
}
header.headerSp #gNav {
	position: absolute;
	display: none;
	z-index: 100000;
	top: 96px;
	left: 0;
	width: 100%;
	background: rgba(34,34,34,0.9)
}
header.headerSp  #gNav .close {
	display: none
}
header.headerSp  #gNav > ul > li > span {
	background: url(../img/sp/ico_toggle_plus.png) no-repeat 580px center
}
header.headerSp  #gNav > ul > li.open > span {
	background: url(../img/sp/ico_toggle_minus.png) no-repeat 580px center
}
header.headerSp  #gNav > ul > li > a {
	background: url(../img/sp/ico_arrow_footnav.png) no-repeat 600px center
}
header.headerSp  #gNav > ul > li > a, header #gNav > ul > li > span {
	width: 100%;
	display: block;
	text-align: center;
	font-size: 28px;
	color: #fff;
	border-bottom: 2px solid #999;
	padding: 20px 0
}
header.headerSp  #gNav > ul > li ul {
	transform: none;
	display: none;
	zoom: 1;
	background: rgba(102,102,102,0.65);
	border-bottom: 2px solid #919191
}
header.headerSp  #gNav > ul > li ul:after {
	content: "";
	display: block;
	clear: both;
}
header.headerSp  #gNav > ul > li ul li {
	width: 50%;
	float: left;
	box-sizing: border-box;
	border-bottom: 2px solid #919191;
	border-right: 2px solid #919191
}
header.headerSp  #gNav > ul > li ul li a {
	display: table-cell;
	height: 100px;
	width: 50%;
	padding: 0 35px;
	color: #fff;
	text-align: center;
	font-size: 23px;
	background: url(../img/sp/ico_arrow_footnav.png) no-repeat 290px center;
	background-size: 10px 13px;
	box-sizing: border-box;
	vertical-align: middle
}
header.headerSp  #gNav > ul > li ul li:nth-child(2n+1) a {
	border-right: 2px solid #919191
}
header.headerSp  #gNav > ul > li ul li.noBorder {
	border-bottom: none
}
header.headerSp  #gNav > ul > li ul li.noBorder_right {
	border-right: none;
}
header.headerSp  #gNav > ul > li ul li.secondary {
	width: 100%;
	float: none;
	box-sizing: border-box;
	border-bottom: 2px solid #919191;
}
header.headerSp  #gNav > ul > li ul li.secondary a {
	display: block;
	height: 100px;
	width: 100%;
	padding: 33px;
	color: #fff;
	text-align: center;
	font-size: 23px;
	background: url(../img/sp/ico_arrow_footnav.png) no-repeat 610px center;
	background-size: 10px 13px;
	box-sizing: border-box;
	vertical-align: middle;
}

article #lNav, article #floatNav {
	display: none
}
article .ttlLL {
	font-size: 36px;
	background: url(../img/line_slash.png) repeat-x left bottom;
	position: relative;
	padding-left: 60px;
	padding-bottom: 10px;
	margin-bottom: 25px
}
article .ttlLL:before {
	content: "";
	width: 31px;
	height: 31px;
	background: url(../img/sp/ico_circle_l.png) no-repeat left center;
	display: block;
	position: absolute;
	top: 13px;
	left: 20px
}
article .ttlL {
	font-size: 30px;
	font-weight: 700;
	background: url(../img/sp/ico_line01.png) no-repeat left 10px;
	padding: 5px 0 5px 20px;
	margin-bottom: 20px;
	line-height: 1.5
}
article .ttlCenterBorder {
	text-align: center;
	font-size: 36px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	font-weight: 700;
	margin-bottom: 40px
}
article .ttlBgGray {
	background: #eee;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 10px;
	font-weight: 700;
	margin-bottom: 20px;
	color: #666
}
article .ttlBgGray:before {
	content: "■ "
}
#article #lNav, #article #floatNav {
	display: none
}
#article .ttlLL {
	font-size: 36px;
	background: url(../img/line_slash.png) repeat-x left bottom;
	position: relative;
	padding-left: 60px;
	padding-bottom: 10px;
	margin-bottom: 25px
}
#article .ttlLL:before {
	content: "";
	width: 31px;
	height: 31px;
	background: url(../img/sp/ico_circle_l.png) no-repeat left center;
	display: block;
	position: absolute;
	top: 13px;
	left: 20px
}
#article .ttlL {
	font-size: 30px;
	font-weight: 700;
	background: url(../img/sp/ico_line01.png) no-repeat left 10px;
	padding: 5px 0 5px 20px;
	margin-bottom: 20px;
	line-height: 1.5
}
#article .ttlCenterBorder {
	text-align: center;
	font-size: 36px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	font-weight: 700;
	margin-bottom: 40px
}
#article .ttlBgGray {
	background: #eee;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 10px;
	font-weight: 700;
	margin-bottom: 20px;
	color: #666
}
#article .ttlBgGray:before {
	content: "■ "
}


footer#footer #pagetop {
	padding: 0 20px 20px
}
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;
	margin: 0 0 0 auto
}
footer#footer #footNav .block h2 a {
	display: table-cell;
	vertical-align: middle;
	/* width: 640px; */
	width: 100vw;
	height: 80px;
	border-bottom: 2px solid #ccc;
	text-align: center;
	font-size: 28px;
	color: #fff;
	background: url(../img/sp/ico_arrow_footnav.png) no-repeat 600px center #666
}
footer#footer #footNav .block ul {
	display: none
}
footer#footer .footBnr {
	padding: 20px
}
footer#footer .footBnr img {
	width: 100%;
	height: auto
}
footer#footer2nd #footSubNav {
	margin-bottom: 25px
}
footer#footer2nd #footSubNav ul li a {
	display: table-cell;
	vertical-align: middle;
	width: 640px;
	height: 80px;
	border-bottom: 2px solid #ccc;
	text-align: center;
	font-size: 28px;
	color: #666;
	background: url(../img/sp/ico_arrow_footnav02.png) no-repeat 600px center
}
footer#footer2nd #mark {
	text-align: center;
	background: url(../img/sp/bg_foot2nd_sp_line.png) no-repeat center bottom;
	padding-bottom: 25px;
	margin-bottom: 25px
}
footer#footer2nd #mark ul li {
	display: inline;
	padding: 0 20px
}
footer#footer2nd small {
	text-align: center;
	display: inherit;
	font-size: 22px;
	padding-bottom: 50px
}
.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
}
}

@media only screen and (max-width:1023px) {
.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/sp/img_visual_sp_bg.jpg) no-repeat left top #fff;
	padding-top: 300px
}
body.top #news .catchCopy {
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	position: absolute;
	line-height: 1.3;
	top: 250px;
	left: 0;
	width: 100%;
	color: #fff;
	text-shadow: 0 0 10px #000;
	line-height: 1.3
}
body.top #news .newsScrollBox figure img {
	width: 100%;
	height: auto
}
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: 135px;
	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;
	position: relative;
	color: inherit;
	font-weight: 700
}
body.top #news #tabNews ul li.tab01 a {
	color: #fff;
	background: #f79800;
	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: -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: -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 {
	width: 170px
}
body.top #news #tabNews ul li.tab04 a {
	background: #dcdcdc;
	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: 700px;
	background: #fff;
	background: -moz-linear-gradient(top, white 0%, #f3f3f3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f3f3f3));
	background: -webkit-linear-gradient(top, white 0%, #f3f3f3 100%);
	background: -o-linear-gradient(top, white 0%, #f3f3f3 100%);
	background: -ms-linear-gradient(top, white 0%, #f3f3f3 100%);
	background: linear-gradient(to bottom, #fff 0%, #f3f3f3 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3', GradientType=0);
	padding: 100px 10px 60px;
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
	box-sizing: border-box
}
body.top #news #tabContent .block {
	position: absolute;
	left: 50%;
	margin-left: -202px;
	top: 120px
}
body.top #news #tabContent .block .newsScrollBox {
	width: 405px;
	margin: 0 auto
}
body.top #news #tabContent .block .newsScrollBox .topic {
	width: 100%;
	box-sizing: border-box;
	margin: 0 10px
}
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 {
	width: 100%;
	height: auto;
	margin: 0 auto
}
body.top #news #tabContent .block .newsScrollBox .topic h2 {
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 10px
}
body.top #news #tabContent .block .newsScrollBox .topic .txt {
	line-height: 1.2
}
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: -80px;
	background: url(../img/btn_next.png) no-repeat left top
}
body.top #news #tabContent .block .slick-prev {
	left: -80px;
	background: url(../img/btn_prev.png) no-repeat left top
}
body.top #news #tabContent .btn {
	position: absolute;
	right: 20px;
	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/sp/btn_news_more.png) no-repeat left top;
	width: 205px;
	height: 64px
}
body.top .section {
	border-bottom: 2px solid #999;
}
body.top .section h2 {
	height: 170px;
	border-bottom: 2px solid #f39712;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden
}
body.top .section .catchCopy h3 {
	padding: 0 0 20px;
	font-size: 28px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	line-height: 1.3
}
body.top .section .catchCopy p {
	padding: 0 20px;
	background: #fff
}
body.top .section .catchCopy .btn a {
	position: relative;
	display: block;
	background: #fff;
	background: -moz-linear-gradient(top, white 0%, #f3f3f3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f3f3f3));
	background: -webkit-linear-gradient(top, white 0%, #f3f3f3 100%);
	background: -o-linear-gradient(top, white 0%, #f3f3f3 100%);
	background: -ms-linear-gradient(top, white 0%, #f3f3f3 100%);
	background: linear-gradient(to bottom, #fff 0%, #f3f3f3 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3', GradientType=0);
	width: 100%;
	padding: 20px;
	color: inherit;
	border-top: 2px solid #ccc;
	box-sizing: border-box
}
body.top .section .catchCopy .btn a:after {
	content: "";
	background: url(../img/ico_arrow04.png) no-repeat left top;
	width: 35px;
	height: 34px;
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -17px
}
body.top .section .catchCopy .btn li:last-child a {
	border-bottom: 2px solid #ccc
}
body.top .section#field h2 {
	background-image: url(../../img/ttl_field.png), linear-gradient(to bottom, #fff 0%, #f3f3f3 100%);
	background-image: url(../../img/ttl_field.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f3f3f3));
	background-repeat: no-repeat, no-repeat;
	background-position: center 60px, 0 0
}
body.top .section#field .catchCopy {
	box-sizing: border-box
}
body.top .section#field .catchCopy .bg {
	background: url(../../img/sp/bg_field.jpg) no-repeat center top;
	padding: 90px 0 0
}
body.top .section#field .catchCopy h3 {
	text-align: center;
	padding-bottom: 120px;
	text-shadow: 0 0 5px #000;
	font-size:18px;
}
body.top .section#challenge h2 {
	background: url(../../img/ttl_challenge.png), linear-gradient(to bottom, #fff 0%, #f3f3f3 100%);
	background-image: url(../../img/ttl_challenge.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f3f3f3));
	background-repeat: no-repeat, no-repeat;
	background-position: center 65px, 0 0
}
body.top .section#challenge .catchCopy .bg {
	background: url(../../img/sp/bg_challenge.jpg) no-repeat center top
}
body.top .section#challenge .catchCopy h3 {
	padding: 80px 0 100px;
	text-align: center;
	text-shadow: 0 0 5px #000;
	font-size:18px;		
}
body.top .section#challenge .catchCopy p {
	padding-bottom: 15px
}
body.top .section#challenge .catchCopy .btn ul {
	width: 100%
}
body.top .section#approach h2 {
	background: url(../../img/ttl_approach.png), linear-gradien(to bottom, white 0%, #f3f3f3 100%);
	background-image: url(../../img/ttl_approach.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f3f3f3));
	background-repeat: no-repeat, no-repeat;
	background-position: center 65px, 0 0
}
body.top .section#approach .catchCopy .bg {
	background: url(../../img/sp/bg_approach.jpg) no-repeat center top
}
body.top .section#approach .catchCopy h3 {
	padding: 70px 20px;
	text-align: center;
	text-shadow: 0 0 5px #000;
	font-size:18px;	
}
body.top .section#approach .catchCopy p {
	margin-bottom: 15px
}
body.top .section#approach .catchCopy .btn a {
	border-bottom: 2px solid #ccc
}
body.top .section#search {
	padding-bottom: 0
}
body.top .section#search h2 {
	background: url(../../img/ttl_search.png), linear-gradient(to bottom, #fff 0%, #efefef 100%);
	background-image: url(../../img/ttl_search.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f3f3f3));
	background-repeat: no-repeat, no-repeat;
	background-position: center 82px, 0 0;
	border-bottom: 5px solid #999;
	position: relative
}
body.top .section#search .catchCopy .bg {
	background: url(../../img/sp/bg_search.png) repeat left top
}
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 {
	padding-bottom: 20px
}
body.top .section#search .catchCopy .searchTabContent .block {
	margin: 0 20px
}
body.top .section#search .catchCopy .searchTabContent .block:last-child {
	border-bottom: 2px solid #ccc
}
body.top .section#search .catchCopy .searchTabContent .block h4 {
	background: url(../img/ico_plus.png), linear-gradient(to bottom, #fff 0%, #efefef 100%);
	background-image: url(../img/ico_plus.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f3f3f3));
	background-repeat: no-repeat, no-repeat;
	background-position: 520px center, left top;
	text-align: center;
	border-top: 2px solid #ccc;
	padding: 30px 60px 30px 0;
	font-size: 30px
}
body.top .section#search .catchCopy .searchTabContent .block h4 br {
	display: none
}
body.top .section#search .catchCopy .searchTabContent .block h4.current {
	background: url(../img/ico_minus.png), linear-gradient(to bottom, #ef9400 0%, #e76a00 100%);
	background-image: url(../img/ico_minus.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ef9400), color-stop(100%, #e76a00));
	background-repeat: no-repeat, no-repeat;
	background-position: 520px center, left top;
	color: #fff
}
body.top .section#search .catchCopy .searchTabContent .block .list {
	background: #fff;
	display: none
}
body.top .section#search .catchCopy .searchTabContent .block .list a {
	display: block;
	color: inherit;
	padding: 20px;
	border-top: 2px solid #ccc;
	background:url(image);
}




body.top .section#kanamic-cloud h2 {
	background: url(../../img/ttl_kanamic-cloud.png), linear-gradient(to bottom, #fff 0%, #efefef 100%);
	background-image: url(../../img/ttl_kanamic-cloud.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f3f3f3));
	background-repeat: no-repeat, no-repeat;
	background-position: center 82px, 0 0;
	border-bottom: 5px solid #999;
	position: relative;
}
body.top .section#kanamic-cloud .catchCopy {
	background-color:#FFEDDA;
	zoom: 1;
	background: url(../../img/bg_kanamic-cloud.png) repeat-y center top;
	background-color:#C6E4FC;
	color: inherit;
}
body.top .section#kanamic-cloud .catchCopy .bg {
	padding:10px;
}
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:100%;
	color:#333;
	clear:both;
	text-align:center;
}
body.top .section#kanamic-cloud .catchCopy .bg .content img{
	width:95%;
}
body.top .section#kanamic-cloud .catchCopy .bg .content p{
	font-size:115%;
	background-color:transparent;
	text-align:left;
}
body.top .section#kanamic-cloud .catchCopy .bg .content h3{
	color:#000;
	text-shadow:none;
	text-align:center;
	padding-top:60px;
}
body.top .section#kanamic-cloud .catchCopy .bg .content h4{
	text-align:left;
	font-size:21px;
	font-weight:bold;
	padding-bottom:10px;
	}
body.top .section#kanamic-cloud .catchCopy .bg .content-left {
	width:95%;
	margin:0 auto;
}
body.top .section#kanamic-cloud .catchCopy .bg .content-right {
	width:95%;
	margin:0 auto;
}
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 {
	padding-bottom: 0
}
body.top .section#example h2 {
	background: url(../../img/ttl_example.png), linear-gradient(to bottom, #fff 0%, #efefef 100%);
	background-image: url(../../img/ttl_example.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f3f3f3));
	background-repeat: no-repeat, no-repeat;
	background-position: center 82px, 0 0;
	border-bottom: 5px solid #999;
	position: relative
}
body.top .section#example .catchCopy {
	background: url(../../img/bg_example.jpg) no-repeat center top;
	background-size: cover;
	padding-bottom: 50px;
	color: inherit
}
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 h3 {
	padding: 15px 0;
	display: inline;
	padding-left: 50px;
	color: inherit
}
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;
	background:url(image);
}
body.top .section#example .catchCopy .left {
	text-align: center;
	padding-top: 30px
}
body.top .section#example .catchCopy .left h3 {
	background: url(../img/ico_wheelchair.png) no-repeat left center
}
body.top .section#example .catchCopy .right {
	text-align: center;
	padding-top: 60px
}
body.top .section#example .catchCopy .right h3 {
	background: url(../img/ico_hospital.png) no-repeat left center
}
body.top .section#example .catchCopy .btn a {
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	background: url(../../img/sp/btn_example.png) no-repeat left top;
	width: 377px;
	height: 74px;
	border: none;
	margin: 0 auto;
	padding: 0
}
body.top .section#example .catchCopy .btn a:after {
	display: none
}

.under #ttlArea {
	/* margin-bottom: 15px; */ 
	display: block;
	padding-top: 95px;
}
.under #ttlArea .inner {
	height: 218px
}
.under #ttlArea .inner h1 {
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	width: 640px;
	height: 218px
}
.under .breadCrumbs + h2 {
	font-weight: 700;
	margin-bottom: 20px
}
.under .lead {
	margin-bottom: 70px;
}
.under .lead, .under .col, .under .col_2, .under .col3 {
	padding-left: 20px;
	padding-right: 20px
}
.under .ttlL {
	margin-left: 20px;
	margin-right: 20px
}
.under .ttlLL + p {
	padding: 0 20px 20px
}
.under .col3 div {
	margin-bottom: 20px
}
.under .col_2 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 45px;
	margin-bottom: 45px
}
.under .col_2:last-child {
	margin-bottom: 0
}
.under .col_2 h3 {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 10px
}
.under .col_2 .txt {
	padding-top: 10px;
	margin-bottom: 0!important
}
.under .colImg {
	padding: 20px
}
.under .colImg img {
	width: 100%;
	height: auto
}
.under .section .img {
	line-height: 1.2
}
.under .section .img img {
	width: 100%;
	height: auto
}
.under .section .img p {
	margin-bottom: 20px
}
.under .section .txt {
	margin-bottom: 80px;
}

.under .section .txt h3 {
	font-size: 30px;
	font-weight: 700
}
.under .section .bgOrange {
	padding: 10px;
	background: #fff9ef;
	border: 1px solid #ffeac3;
	color: #d96d00;
	font-weight: 700;
	margin-bottom: 30px
}
.under #example {
	margin-bottom: 50px
}
.under #example h2 {
	height: 170px;
	background: url(../../img/ttl_example.png), linear-gradient(to bottom, #fff 0%, #efefef 100%);
	background-image: url(../../img/ttl_example.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f3f3f3));
	background-repeat: no-repeat, no-repeat;
	background-position: center 82px, 0 0;
	border-bottom: 5px solid #999;
	position: relative;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden
}
.under #example h2.jisseki {
	height: 170px;
	background: url(../../img/ttl_example2.png), linear-gradient(to bottom, #fff 0%, #efefef 100%);
	background-image: url(../../img/ttl_example2.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f3f3f3));
	background-repeat: no-repeat, no-repeat;
	background-position: center 82px, 0 0;
	border-bottom: 5px solid #999;
	position: relative;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden
}
.under #example .catchCopy {
	background: url(../../img/bg_example_rep2.jpg) repeat left top;
	padding-bottom: 50px;
	color: inherit
}
.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 {
	padding: 0
}
.under #example .catchCopy .inner .col div {
	background: url(../../img/bg_example_rep.jpg) repeat-x left top;
	padding: 40px 20px;
	border-bottom: 3px solid #fff
}
.under #example .catchCopy .inner .col div:last-child {
	border-bottom: none
}
.under #example .catchCopy .inner .col figure img {
	width: 100%;
	height: auto
}
.under #example .catchCopy .inner .col .ico {
	display: none
}
.under #example .catchCopy .inner .col h3 {
	font-weight: 700
}
.under #example .catchCopy .inner .center {
	background: url(../../img/bg_example_rep.jpg) repeat-x left top;
	padding: 40px 20px
}
.under #example .catchCopy .inner .center .heading {
	font-weight: 700;
	font-size: 32px;
	margin-bottom: 10px
}
.under #example .catchCopy .inner .center .heading + p {
	font-size: 28px;
	margin-bottom: 15px
}
.under #example .catchCopy .inner .center figure img {
	width: 100%;
	height: auto
}
.under #example .catchCopy .inner .center .ico {
	display: none
}
.under #example .catchCopy .inner .center h3 {
	font-weight: 700
}
.under #example .catchCopy .btn a {
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	background: url(../../medical/img/sp/btn_iryo01.png) no-repeat left top;
	width: 377px;
	height: 74px;
	margin: 0 auto
}
.under .flow {
	zoom: 1
}
.under .flow:after {
	content: "";
	display: block;
	clear: both
}
.under .flow .box {
	margin-bottom: 60px
}
.under .flow .box a {
	display: block
}
.under .flow .box a h3 {
	color: #333;
	font-size: 115%;
	font-weight: 700;
	position: relative
}
.under .flow .box a h3 span:after {
	content: ". "
}
.under .flow .box a p {
	color: #333
}
.medical #ttlArea .inner h1 {
	background: url(../../medical/img/sp/ttl_iryo.jpg) no-repeat center top
}
.medical .section#sec03 .col {
	border-bottom: 1px solid #ccc;
	padding-bottom: 50px;
	margin-bottom: 50px
}
.medical .section#sec03 .col:last-child {
	margin-bottom: 0
}
.medical .section .txt img {
	width: 100%;
	height: auto
	}}

@media only screen and (max-width:1023px) {
.care #ttlArea .inner h1 {
	background: url(../../care/img/sp/ttl_kaigo.jpg) no-repeat left top
}
.care.kyotaku #ttlArea .inner h1 {
	background: url(../../care/img/sp/ttl_kyotaku.jpg) no-repeat left top!important
}
.care.kyotaku .breadCrumbs + h2 {
	padding: 0 20px
}
.care.houkatsu #ttlArea .inner h1 {
	background: url(../../care/img/sp/ttl_houkatsu.jpg) no-repeat left top!important
}
.care.houkatsu .colImg {
	padding-top: 20px
}
.care.houmon #ttlArea .inner h1 {
	background: url(../../care/img/sp/ttl_houmon.jpg) no-repeat left top!important
}
.care.tsusyo #ttlArea .inner h1 {
	background: url(../../care/img/sp/ttl_tsusyo.jpg) no-repeat left top!important
}
.care.shisetsu #ttlArea .inner h1 {
	background: url(../../care/img/sp/ttl_shisetsu.jpg) no-repeat left top!important
}
.care.yougu #ttlArea .inner h1 {
	background: url(../../care/img/sp/ttl_yougu.jpg) no-repeat left top!important
}
.care.tiiki #ttlArea .inner h1 {
	background: url(../../care/img/sp/ttl_chiiki.jpg) no-repeat left top!important
}
.care.sougoushien #ttlArea .inner h1 {
	background: url(../../care/img/sp/ttl_shogai.jpg) no-repeat left top!important
}
.care.kanaerutouch #ttlArea .inner h1 {
	background: url(../../care/img/kanaerutouch/visual_mob.jpg) no-repeat left top!important;
	height:610px;
}
.child-care #ttlArea .inner h1 {
    background: url(../../child-care/img/sp/ttl_child.jpg) no-repeat left top;
}
.care.kanaerutouch.under #ttlArea .inner {
	height: 610px
}
.care .section#sec03,
.case .section#sec03 {
	background: #eee;
	box-shadow: inset 0 5px 5px 0 rgba(0,0,0,0.1);
	padding: 50px 0
}
.care .section#sec03 .inner,
.case .section#sec03 .inner {
	padding: 0 20px
}
.care .section#sec03 h2,
.case .section#sec03 h2 {
	text-align: center;
	font-size: 36px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 0;
	font-weight: 700;
	margin-bottom: 40px
}
.care .section#sec03 .lineup,
.case .section#sec03 .lineup {
	margin-bottom: 50px
}
.care .section#sec03 .lineup.careTop p,
.case .section#sec03 .lineup.careTop p {
	display: none
}
.care .section#sec03 .lineup .box,
.case .section#sec03 .lineup .box {
	background: #fff;
	background: -moz-linear-gradient(top, white 0%, #f3f3f3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f3f3f3));
	background: -webkit-linear-gradient(top, white 0%, #f3f3f3 100%);
	background: -o-linear-gradient(top, white 0%, #f3f3f3 100%);
	background: -ms-linear-gradient(top, white 0%, #f3f3f3 100%);
	background: linear-gradient(to bottom, #fff 0%, #f3f3f3 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3', GradientType=0)
}
.care .section#sec03 .lineup .box:last-child a,
.case .section#sec03 .lineup .box:last-child a {
	border-bottom: 2px solid #ccc
}
.care .section#sec03 .lineup .box a,
.case .section#sec03 .lineup .box a {
	background: url(../img/sp/ico_arrow_footnav02.png) no-repeat 560px center;
	border-top: 2px solid #ccc;
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
	display: block;
	padding: 20px 50px 20px 20px
}
.care .section#sec03 .lineup .box a .img,
.case .section#sec03 .lineup .box a .img {
	display: none
}
.care .section#sec03 .lineup .box a h3,
.case .section#sec03 .lineup .box a h3 {
	font-size: 32px;
	font-weight: 700
}
.care .section#sec03 .lineup .box a p,
.case .section#sec03 .lineup .box a p {
	color: #333;
	line-height: 1.2
}
.care .section#sec03 .btn a,
.case .section#sec03 .btn a {
	background: url(../../care/img/sp/btn_siryo.png) no-repeat left top;
	width: 600px;
	height: 80px;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto
}
.care .section#sec04 {
	padding: 70px 0
}
.care .section#sec04 .inner {
	padding: 0 20px
}
.care .section#sec04 h2 {
	text-align: center;
	font-size: 36px;
	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/sp/btn_siryo.png) no-repeat left top;
	width: 600px;
	height: 80px;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto
}
	/*法改正cssここから*/
.houkaisei {
	background: #fafad2;
}
.houkaisei_inner {
	box-sizing: border-box;
    position: relative;
    zoom: 1;
    margin: 0 auto;
    padding: 54px 15px;
}
.houkaisei_kanamic h2 {
	margin: 30px auto 36px;
	text-align: center;
	font-size: 38px;
	font-weight: bold;
	text-shadow:
           5px 5px 0px #fff, -5px -5px 0px #fff,
          -5px 5px 0px #fff,  5px -5px 0px #fff,
           5px 0px 0px #fff, -5px  0px 0px #fff,
           0px 5px 0px #fff,  0px -5px 0px #fff;
}
.houkaisei_kanamic h3 {
	font-size: 26px;
	color: #ee6600;
	font-weight: bold;
	margin-bottom: 20px;
}
.houkaisei_kanamic h4 {
	text-align: center;
	font-size: 24px;
	font-weight: bold;
}
.yellow_line {
	background: linear-gradient(transparent 50%, yellow 50%);
}
.orange {
	color: #ee6600;
}
.dot_line {
	border-bottom: dotted #ee6600 6px;
	margin-bottom: 20px;
}
.table-sp {
    width: 100%;
}
.table-sp th,
.table-sp td {
	padding: 0px;
　　 border-bottom: none;
    display: block;
    width: 100%;
}
.houkaisei_life {
	margin: 70px auto 30px;
	background: #fff;
}
.houkaisei_life h2 {
	text-align: center;
	color: #fff;
	font-weight: bold;
	background: #06725d;
	padding: 10px;
}
.houkaisei_life h3 {
	font-size: 28px;
	color: #06725d;
	font-weight: bold;
	margin-bottom: 20px;
}
.houkaisei_life h4 {
	margin: 40px auto;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	color: #ee6600;
}
.houkaisei_soft {
	text-align: center;
}
.fs25px {
	font-size: 25px;
}
.fs18_26px {
	font-size: 26px;
}
.fs12_20px {
	font-size: 20px;
}
.fs18 {
	font-size: 18px;
}
.fs15 {
	font-size: 15px;
}
.lineH {
	line-height: 18px;
}
.pt10 {
	padding-top: 10px;
}
.back_triangle {
	background-image: url(../../care/img/houkaisei/08.png);
}
.houkaisei_kanamic {
	position: relative;
}
.houkaisei_toi {
	position: absolute;
	margin: 90px auto 35px; 
	top: -40px;
	left: 180px;
}
.btn_tel {
	display: inline-block;
  	text-decoration: none;
  	background: #00aa9a;/*ボタン色*/
  	border-radius: 3px;
	margin-left: 120px;
	box-shadow: 2px 6px 6px rgba(0, 0, 0, 0.3);
}
.btn_tel a {
	display: block;
	width: 330px;
	height: 60px;
	text-align: center;
	float: left;
	padding: 5px 30px 0 10px;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
}
.btn_tel img {
	position: relative;
	top: 7px;
}
.btn_tel:active {
	/*ボタンを押したとき*/
	 -webkit-transform: translateY(4px);
	 transform: translateY(4px);/*下に動く*/
	 box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
	 border-bottom: none;
}
.btn_shiryo {
	display: inline-block;
  	text-decoration: none;
  	background: #f59400;/*ボタン色*/
  	border-radius: 3px;
	margin-left: 120px;
	margin-top: 30px;
	box-shadow: 2px 6px 6px rgba(0, 0, 0, 0.3);
}
.btn_shiryo a {
	display: block;
	width: 330px;
	height: 58px;
	text-align: center;
	float: left;
	padding: 7px 30px 0 10px;
	color: #fff;
	font-size: 25px;
	font-weight: bold;
}
.btn_shiryo img {
	position: relative;
	top: 7px;
}
.btn_shiryo:active {
	/*ボタンを押したとき*/
	 -webkit-transform: translateY(4px);
	 transform: translateY(4px);/*下に動く*/
	 box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
	 border-bottom: none;
}
.display_pc {
	display: none;
}
.display_mobile {
	display: block;
}
/*法改正cssここまで*/
}
@media only screen and (max-width:1023px) {
.request #ttlArea .inner h1 {
	background: url(../../request/img/sp/ttl_request.jpg) no-repeat left top
}
.request .section .ico {
	font-size: 42px;
	padding: 0 20px;
	margin-bottom: 15px
}
.request .section .ico img {
	vertical-align: middle;
	padding-right: 10px;
	width: 49px;
	height: 49px
}
.request .section .ico + p {
	padding: 0 20px
}
.request .section#sec01{
	margin-bottom:70px;
}
.request .section#sec02 > p img {
	vertical-align: middle;
	padding-right: 3px;
	width: 72px;
	height: 38px
}
.request .section .formBlock .box .ttl {
	border-top: 1px solid #ffb864;
	border-bottom: 1px solid #ffb864;
	background: #ffeccf;
	padding: 20px;
	box-sizing: border-box;
	font-weight: 700
}
.request .section .formBlock .box .ttl br {
	display: none
}
.request .section .formBlock .box .ttl img {
	vertical-align: middle;
	padding-left: 8px;
	width: 72px;
	height: 38px
}
.request .section .formBlock .box .input {
	padding: 20px;
	vertical-align: middle
}
.request .section .formBlock .box .input select {
	margin-bottom: 10px
}
.request .section .formBlock .box .input input.w165 {
	width: 360px
}
.request .section .formBlock .box .input input.w260 {
	width: 500px
}
.request .section .formBlock .box .input input.w350 {
	width: 100%
}
.request .section .formBlock .box .input input.w670 {
	width: 100%
}
.request .section .formBlock .box .input input[type="checkbox"] {
	margin-right: 10px;
	vertical-align: middle;
	transform: scale(2, 2)
}
.request .section .formBlock .box .input textarea {
	width: 100%;
	height: 270px
}
.request .section .formBlock .box .input dl dd {
	margin-bottom: 20px
}
.request .section .formBlock .box .input dl dd ul li {
	
}
.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: 270px;
	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 {
	margin-bottom: 20px
}
.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: 0 auto 100px;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	background: url(../../request/img/sp/btn_confirm.png) no-repeat left top;
	width: 600px;
	height: 80px;
	cursor: pointer
}
.request .section .formBlock .confirmBtn {
	margin: 0 auto 30px;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	background: url(../../request/img/sp/btn_send.png) no-repeat left top;
	width: 600px;
	height: 80px;
	cursor: pointer
}
.request .section .formBlock .returnBtn {
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	background: url(../../request/img/sp/btn_back.png) no-repeat left top;
	width: 600px;
	height: 80px;
	cursor: pointer;
	margin: 0 auto 100px
}
.request .section .returnTopBtn a {
	margin: 40px auto 100px;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	background: url(../../request/img/sp/btn_returntop.png) no-repeat left top;
	width: 600px;
	height: 80px;
	cursor: pointer
}
.recruit #ttlArea .inner h1 {
	background: url(../../recruit/img/sp/ttl_recruit.jpg) no-repeat left top
}
.recruit.newgraduates #ttlArea .inner h1 {
	background: url(../../recruit/img/sp/ttl_newgraduates.jpg) no-repeat left top
}
.recruit.newgraduates.form #ttlArea .inner h1 {
	background: url(../../recruit/img/sp/ttl_newgraduates_form.jpg) no-repeat left top
}
.recruit.career #ttlArea .inner h1 {
	background: url(../../recruit/img/sp/ttl_career.jpg) no-repeat left top
}
.recruit.career.form #ttlArea .inner h1 {
	background: url(../../recruit/img/sp/ttl_career_form.jpg) no-repeat left top
}
.recruit .tabBtn {
	display: none
}
.recruit #sec01 {
	margin-bottom: 90px
}
.recruit.recruitTop .lead {
	font-weight: 700
}
.recruit.recruitTop .ttlArrow01 {
	font-size: 36px;
	background: url(../img/line_slash.png) repeat-x left bottom;
	position: relative;
	padding-left: 60px;
	padding-bottom: 10px;
	margin-bottom: 25px
}
.recruit.recruitTop .ttlArrow01:before {
	content: "";
	width: 31px;
	height: 31px;
	background: url(../img/sp/ico_circle_l.png) no-repeat left center;
	display: block;
	position: absolute;
	top: 13px;
	left: 20px
}
.recruit.recruitTop a {
	color: inherit
}

.recruit.recruitTop .newOne figure {
	padding: 0 20px
}
.recruit.recruitTop .newOne figure img {
	width: 100%;
	height: auto
}
.recruit.recruitTop .newOne p {
	padding: 0 20px
}
.recruit.recruitTop .recruitSelect > div {
	margin-bottom: 50px
}
.recruit.recruitTop .recruitSelect > div figure {
	padding: 0 20px
}
.recruit.recruitTop .recruitSelect > div figure img {
	width: 100%;
	height: auto
}
.recruit.recruitTop .recruitSelect > div p {
	padding: 0 20px
}
.recruit .btnToForm {
	position: relative;
	z-index: 1;
	background: #f6f6f6;
	padding: 50px 0;
	margin-bottom: 90px
}
.recruit .btnToForm a {
	background: url(../../recruit/img/sp/btn_form_newgraduate.png) no-repeat left top;
	width: 600px;
	height: 80px;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto
}
.recruit .resume-down {
	position: relative;
	z-index: 1;
	background: #f6f6f6;
	padding: 50px 0;
	margin-bottom: 90px
}
.recruit .resume-down a {
	background: url(../../recruit/img/sp/btn_resume-down.png) no-repeat left bottom;
	width: 600px;
	height: 80px;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto;
	transition:.2s;
}
.pcheck:checked ~ a.entrysheet {
	background: url(../../recruit/img/sp/btn_resume-down.png) no-repeat left top;
	width: 600px;
	height: 80px;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto
}
.recruit .colVideo1 .video {
	margin: 0 20px 25px;
	position: relative;
	padding: 30px 0 56.25%;
	height: 0;
	overflow: hidden
}
.recruit .colVideo1 .video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.recruit .colVideo1 .txt {
	padding: 0 20px;
	background:url(image);
}
.recruit.newtop #sec03 {
	background: #eee;
	padding: 50px 20px;
	margin-bottom: 90px
}
.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 #sec02 {
	background: #eee;
	padding: 50px 20px;
	margin-bottom: 90px
}
.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 .section > p {
	padding: 0 20px
}
.recruit .section#sec01 > p img {
	vertical-align: middle;
	padding-right: 3px;
	width: 72px;
	height: 38px
}
.recruit .section .formBlock {
	margin-bottom: 30px
}
.recruit .section .formBlock .ttlGroup {
	border-top: 1px solid #ffb864;
	width: 100%;
	background: #ffeccf;
	vertical-align: middle;
	padding: 10px 20px;
	box-sizing: border-box;
	font-weight: 700
}
.recruit .section .formBlock .ttlGroup img {
	vertical-align: middle;
	padding-left: 8px;
	width: 72px;
	height: 38px
}
.recruit .section .formBlock .box .ttl {
	border-top: 1px solid #ffb864;
	border-bottom: 1px solid #ffb864;
	background: #ffeccf;
	padding: 20px;
	box-sizing: border-box;
	font-weight: 700;
	color: #d86c00
}
.recruit .section .formBlock .box .ttl br {
	display: none;
	
}
.recruit .section .formBlock .box .ttl img {
	vertical-align: middle;
	padding-left: 8px;
	width: 72px;
	height: 38px
}
.recruit .section .formBlock .box .input {
	padding: 20px;
	vertical-align: middle;
	background:url(image);
}
.recruit .section .formBlock .box .input select {
	margin-bottom: 10px
}
.recruit .section .formBlock .box .input input.w100 {
	width: 100px
}
.recruit .section .formBlock .box .input input.w50 {
	width: 50px
}
.recruit .section .formBlock .box .input input.w165 {
	width: 360px
}
.recruit .section .formBlock .box .input input.w260 {
	width: 500px
}
.recruit .section .formBlock .box .input input.w350 {
	width: 100%
}
.recruit .section .formBlock .box .input input.w670 {
	width: 100%
}
.recruit .section .formBlock .box .input input[type="checkbox"], .recruit .section .formBlock .box .input input[type="radio"] {
	margin-right: 10px;
	vertical-align: middle;
	transform: scale(2, 2)
}
.recruit .section .formBlock .box .input textarea {
	width: 100%;
	height: 270px
}
.recruit .section .formBlock .box .input dl dd {
	margin-bottom: 20px
}
.recruit .section .formBlock .box .input dl dd ul li {
	list-style: disc;
	margin-left: 3em;
}
.recruit .section .formBlock .box .input ul br {
	display: none
}
.recruit .section .formBlock .box .input .name dt {
	width: 120px;
	float: left;
	clear: both
}
.recruit .section .formBlock .box .input .name dd {
	padding-left: 130px;
	margin-bottom: 10px
}
.recruit .section .formBlock .box .input.sex label {
	margin-right: 30px
}
.recruit .section .inquiryCheck ,
.request .section .inquiryCheck {
	height: 270px;
	overflow: scroll;
	overflow-x: hidden;
	border: 1px solid #333;
	padding: 10px;
	box-sizing: border-box;
	margin: 0 20px 20px
}
.recruit .section .taC,
.request .section .taC {
	margin: 0 20px
}
.recruit .section .taC p,
.request .section .taC p {
	margin-bottom: 20px
}
.recruit .section .taC p input,
.request .section .taC p input {
	vertical-align: middle;
	margin-right: 10px;
	transform: scale(2, 2)
}
.recruit .section .submitBtn ,
.request .section .submitBtn {
	margin: 50px auto 100px;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	background: url(../../request/img/sp/btn_confirm.png) no-repeat left top;
	width: 600px;
	height: 80px;
	cursor: pointer
}
.recruit .section .confirmBtn {
	margin: 0 auto 30px;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	background: url(../../request/img/sp/btn_send.png) no-repeat left top;
	width: 600px;
	height: 80px;
	cursor: pointer
}
.recruit .section .returnBtn {
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	background: url(../../request/img/sp/btn_back.png) no-repeat left top;
	width: 600px;
	height: 80px;
	cursor: pointer;
	margin: 0 auto 100px
}
.recruit .returnTopBtn a {
	margin: 40px auto 100px;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	background: url(../../request/img/sp/btn_returntop.png) no-repeat left top;
	width: 600px;
	height: 80px;
	cursor: pointer
}
.recruit .resumeSousin{
	margin-bottom:50px;}
.recruit .resumeFAX{
	font-size:30px;
	margin-bottom:5px;
	margin-left:40px;}
	
/*  エントリーボタン  */
a.entryBtn {
  display: inline-block;
  line-height:30px;
  font-size:26px;
  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 36px 8px 36px;
  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;
}	
}
@media only screen and (max-width:1023px) {
.case #ttlArea .inner h1 {
	background: url(../../case/img/sp/ttl_case.jpg) no-repeat left top
}
.case .lead {
	margin-bottom: 40px
}
.case .lead strong {
	font-weight: 700
}
.case .lead strong span {
	color: #eb8e00
}
.case #lNav {
	margin-bottom: 40px;
	display: block
}
.case #lNav ul {
	display: table;
	box-sizing: border-box;
	width: 100%;
	border-top: 1px dotted #d0d0d0;
	border-bottom: 1px dotted #d0d0d0;
	padding: 10px
}
.case #lNav ul li {
	display: table-cell;
	width: 25%;
	padding: 0 10px;
	box-sizing: border-box
}
.case #lNav ul li a {
	border-radius: 5px;
	text-align: center;
	background: #fff;
	background: -moz-linear-gradient(top, white 0%, whitesmoke 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, whitesmoke));
	background: -webkit-linear-gradient(top, white 0%, whitesmoke 100%);
	background: -o-linear-gradient(top, white 0%, whitesmoke 100%);
	background: -ms-linear-gradient(top, white 0%, whitesmoke 100%);
	background: linear-gradient(to bottom, #fff 0%, #f5f5f5 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0);
	display: block;
	border: 2px solid #d0d0d0;
	color: inherit;
	line-height: 1;
	padding: 10px 0
}
.case #lNav ul li a.current {
	background: #feda7f;
	background: -moz-linear-gradient(top, #feda7f 0%, #faca7f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #feda7f), color-stop(100%, #faca7f));
	background: -webkit-linear-gradient(top, #feda7f 0%, #faca7f 100%);
	background: -o-linear-gradient(top, #feda7f 0%, #faca7f 100%);
	background: -ms-linear-gradient(top, #feda7f 0%, #faca7f 100%);
	background: linear-gradient(to bottom, #feda7f 0%, #faca7f 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#feda7f', endColorstr='#faca7f', GradientType=0)
}
.case h2.ttlLL {
	padding-left: 20px
}
.case h2.ttlLL span {
	margin-right: 70px
}
.case h2.ttlLL img {
	vertical-align: middle;
	padding-right: 10px
}
.case h2.ttlLL:before {
	display: none
}
.case .col .video {
	margin-bottom: 20px;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden
}

.case .col .thumbnail {
	margin-bottom: 20px;
	position: relative;
	padding-top: 30px;

	overflow: hidden
}

.case .col .thumbnail img {
	width: 100%;
	height: auto;
}

.case .col .video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.case .col .txt h3 {
	margin-bottom: 10px
}
.case .col .txt .box {
	background: #f3f3f3;
	display: table;
	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;
	width: 140px;
	height: auto
}
.case .col .txt .box ul {
	font-size: 22px;
	display: table-cell;
	vertical-align: top
}
.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 .inner h1 {
	background: url(../../company/img/sp/ttl_index.jpg) no-repeat left top
}
.company.companyTop article .block {
	margin-bottom: 85px
}
.company.companyTop article .block a {
	color: inherit
}
.company.companyTop article .block a .ttlArrow01 {
	font-size: 36px;
	background: url(../img/line_slash.png) repeat-x left bottom;
	position: relative;
	padding-left: 60px;
	padding-bottom: 10px;
	margin-bottom: 25px
}
.company.companyTop article .block a .ttlArrow01:before {
	content: "";
	width: 31px;
	height: 31px;
	background: url(../img/sp/ico_circle_l.png) no-repeat left center;
	display: block;
	position: absolute;
	top: 13px;
	left: 20px
}
.company.companyTop article .block a p {
	padding: 0 20px
}
.company.companyTop article .block a p img {
	width: 100%;
	height: auto
}
.company.message #ttlArea .inner h1 {
	background: url(../../company/img/sp/ttl_message.jpg) no-repeat left top
}
.company.message .col .img {
	margin-bottom: 20px
}
.company.message .txt {
	background:url(image);
	padding:0 20px;
}
.company.message dl {
	padding:0 20px;
}
.company.concept #ttlArea .inner h1 {
	background: url(../../company/img/sp/ttl_concept.jpg) no-repeat left top
}
.company.concept .video {
	margin-bottom: 10px;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden
}
.company.concept .video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.company.concept .img {
	margin-bottom: 10px
}
.company.concept .img img {
	width: 100%
}
.company.outline #ttlArea .inner h1 {
	background: url(../../company/img/sp/ttl_outline.jpg) no-repeat left top
}
.company.outline .formBlock {
	margin-bottom: 30px
}
.company.outline .formBlock .ttlGroup {
	border-top: 1px solid #ffb864;
	width: 100%;
	background: #ffeccf;
	vertical-align: middle;
	padding: 10px 20px;
	box-sizing: border-box;
	font-weight: 700
}
.company.outline .formBlock .ttlGroup img {
	vertical-align: middle;
	padding-left: 8px;
	width: 72px;
	height: 38px
}
.company.outline .formBlock .box .ttl {
	border-top: 1px solid #ffb864;
	border-bottom: 1px solid #ffb864;
	background: #ffeccf;
	padding: 20px;
	box-sizing: border-box;
	font-weight: 700;
	color: #d86c00
}
.company.outline .formBlock .box .ttl br {
	display: none
}
.company.outline .formBlock .box .ttl img {
	vertical-align: middle;
	padding-left: 8px;
	width: 72px;
	height: 38px
}
.android .company.outline .formBlock .box .txt {
	background:url(image);
}
.company.outline .formBlock .box .txt {
	padding: 20px;
	vertical-align: middle;
}
.company.outline .formBlock .box .txt select {
	margin-bottom: 10px
}
.company.outline .formBlock .box .txt dl dd {
	margin-bottom: 30px
}
.company.outline .formBlock .box .txt dl dd ul li {
	list-style: disc;
	margin-left: 3em
}

.company.group #ttlArea .inner h1 {
	background: url("../../company/img/sp/ttl_group0_sp.jpg") no-repeat left top
}
.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: 90%;
	margin: 20px auto;
	text-align: center;
	border-radius: 2px;
	box-shadow: 0 0 5px #d3d3d3;
}
.group_box ul li section {
	background: #ffeccf;
	padding: 40px;
}
.group_box .group_h2 {
	margin-bottom: 3%;
	line-height: 1.5;
	text-align: left;
	font-size: 130%;
	color: #333;
}
.group_box .group_txt {
	line-height: 1.9;
	text-align: left;
	color: #333;
}
.group_box .group_btn {
	margin: 20px 0 0 0;
}
.group_box .group_btn div {
	display: block;
	position: relative;
	width: 75%;
	height: 40px;
	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 20px 0 0;
	font-weight: bold;
}
.group_box .group_btn div p span.group_site_mark{
	background: url("../../company/img/icon_site_sp.png");
	width: 24px;
	height: 24px;
	position: relative;
	top: -37px;
	left: 172px;
	display: block;
}
.group_box ul li a:hover .group_btn div p span.group_site_mark {
	background: url("../../company/img/icon_site_sp_hover.png");
	width: 24px;
	height: 24px;
	position: relative;
	top: -37px;
	left: 172px;
	display: block;
}

.company.group .formBlock {
	margin-bottom: 45px
}
.company.group .formBlock .box {
	display: table;
	border: 1px solid #ccc;
	margin: 0px 10px;
}
.company.group .formBlock .box:last-child {
	border-top: none;
}
.company.group .formBlock .box .ttl {
	border-right: 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 {
	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
}
.company.access #ttlArea .inner h1 {
	background: url(../../company/img/sp/ttl_access.jpg) no-repeat left top
}
.company.access .block .col .address {
	margin-bottom: 40px
}
.company.access .block .col .googleMap {
	position: relative;
	padding-bottom: 44%;
	height: 0;
	overflow: hidden
}
.company.access .block .col .googleMap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%!important;
	height: 100%!important
}
.company.officer #ttlArea .inner h1 {
	background: url(../../company/img/sp/ttl_officer.jpg) no-repeat left top
}

.sitemap #ttlArea .inner {
	height: 164px
}
.sitemap #ttlArea .inner h1 {
	background: url(../../sitemap/img/sp/ttl_sitemap.png) no-repeat left top
}
.sitemap #sec01 {
	margin: 0 0 100px;
	padding: 0
}
.sitemap #sec01 .col {
	padding: 0;
	margin: 0
}
.sitemap #sec01 .block h2 {
	border-bottom: 2px solid #ccc;
	margin: 0;
	padding: 20px 50px;
	background-position: 20px center
}
.sitemap #sec01 .block ul li {
	list-style: disc;
	list-style-position: inside;
	border-bottom: 2px solid #ccc;
	padding: 15px 40px
}
.sitemap #sec01 .block a {
	color: inherit;
	display: block
}
.privacy #ttlArea .inner {
	height: 164px
}
.privacy #ttlArea .inner h1 {
	background: url(../../privacy/img/sp/ttl_privacy.png) no-repeat left top
}
.privacy article p {
	padding-left: 20px;
	padding-right: 20px
}
.privacy article .section {
	margin-bottom: 60px
}
.privacy article .section h2 {
	margin-left: 20px;
	margin-bottom: 20px;
	font-weight:bold;
}
.privacy article .section h3 {
	margin-left: 20px;
	margin-bottom: 20px;
	margin: 20px 0 20px 20px;
}
.privacy article .section .desc {

	text-align: right;
	margin-bottom: 60px;
	padding-left: 20px;
	padding-right: 20px
}
.privacy article .section .list {
	margin-bottom: 30px
}
.privacy article .section .list img {
	padding: 30px 0;
	display: block;
	margin: 0 auto
}
.privacy article .section .list li {
	list-style: decimal;
	margin: 0 20px 0 60px
}
.privacy article .section p + .desc {
	padding-top: 30px
}
.privacy article .section ul {
	padding-left: 20px;
	padding-right: 20px
}
.privacy article .section ol {
	padding-left: 20px;
	padding-right: 20px
}
.privacy article .section ol.typeDecimal {
	margin: 20px 0 20px 20px;
}
.privacy article .section ol.typeDecimal li {
	list-style-type: decimal;
	margin-left: 40px;
}
.privacy article .section ul.typeDisc {
	margin: 20px 0;
}
.privacy article .section ul.typeDisc li {
	list-style-type: disc;
	margin-left: 40px;
}
.privacy article .section ul.mL20 {
	margin-left: 20px
}
.topics #ttlArea .inner {
	height: 164px
}
.topics #ttlArea .inner h1 {
	background: url(../../topics/img/sp/ttl_topics.png) no-repeat left top
}
.topics #side {
	background: #eee;
	margin-bottom: 130px
}
.topics #side ul {
	padding: 20px
}
.topics #side ul li a {
	display: block;
	border: 1px solid #999;
	background: url(../img/sp/ico_arrow_footnav02.png) no-repeat 95% center #fff;
	text-align: center;
	font-size: 28px;
	font-weight: 700;
	padding: 30px 20px;
	color: inherit
}
.topics.list #main {
	margin-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: 200px;
	box-sizing: border-box
}
.topics.list #main .topicList dl dd {
	padding: 15px;
	padding-left: 200px;
	border-bottom: 1px dotted #ccc
}
.topics.list #main .topicList dl dd a {
	color: inherit
}
/*メディアページ（仮）ここから*/
.media_page #ttlArea .inner {
    margin: 0 auto;
	width:100%;
	height: 108px;
	padding:0 10px!important;
}
.media_page #ttlArea .inner h1 {
	width:100%;
	text-indent: 0px;
    height:auto;
	padding:40px 0px 10px 0px;
    font-size: 20px;
	border-bottom: 1px solid #CCCCCC;
}
.media_page #ttlArea:after {
	display: none
}
.media_page h2 {
	font-weight:bold;
	font-size:24px;
}
.media_page .inner {
	width:100%;
	/*padding: 0 10px;*/
}
.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: 10px solid transparent;
	border-left-color: #000;
}
.media_page .btn a:hover{
	text-decoration:none;
}
.media_page .section ul.media_img {
	border: none;
	margin:10px 0;
	}
	
.media_page .section ul.media_img li {
	text-align:center;
}
.media .section ul.media_img li img {
	width:100%;
}
.media_page .section .media_img02 {
	text-align:center;
	margin:20px 0;
}
.media_page .section .media_img02 img {
	width:100%;
	border: solid 1px #e1e1e1;
}

.media_page article .inner {
	padding: 96px 10px 0 10px;
}
.img04 {
	text-align: center;
}
}
/*メディアページ（仮）ここまで*/
/*↓広告ガイドラインページ*/
/*header {
	width: 100%;
	z-index: 1000;
	height: 144px;
	box-shadow: 0 5px 5px rgba(0,0,0,0.2);
	background: url(../img/sp/bg_head.png) no-repeat center top
}
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
}
*/
@media only screen and (max-width:1023px) {
div .guideline {
	width: 100%;
	z-index: 1000;
	height: 100px;
	position:static;
	background:url(../../guideline/img/bg_guideline_head_sp.png);
	margin-bottom:40px;
}
.guideline .inner #logo_guideline {
    box-sizing: border-box;
	height:100px;
	margin:0 auto;
	text-align:center;
	padding-top:15px;
}
.guideline #ttlArea .inner {
	height: 164px
}

.guideline article p {
	padding-left: 20px;
	padding-right: 20px
}
.guideline article .section {
	margin-bottom: 60px
}
.guideline article .section .desc {
	text-align: right;
	margin-bottom: 60px;
	padding-left: 20px;
	padding-right: 20px
}
.guideline article .section .list {
	margin-bottom: 30px
}
.guideline article .section .list img {
	padding: 30px 0;
	display: block;
	margin: 0 auto
}
.guideline article .section .list li {
	list-style: decimal;
	margin: 0 20px 0 60px
}
.guideline article .section p + .desc {
	padding-top: 30px
}
.guideline article .section ul {
	padding-left: 20px;
	padding-right: 20px
}
.guideline article .section ul.mL20 {
	margin-left: 20px
}
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/sp/bg_foot2nd_sp_line.png) repeat-x left top;
}
#footer2nd-guideline #footSubNav {
/*	padding: 25px 0 40px
*/
	height:30px;
}
#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;
	margin-bottom:50px;
}

/*↑広告ガイドラインページ*/

.books #ttlArea {
	background: #fffaee
}
.books #ttlArea .inner h1 {
	background: url(../../books/img/sp/ttl_books.jpg) no-repeat left top
}
.books .section .col .img {
	text-align:center;
	width: 75%;
	margin:0 auto;
}
.books .section .col .booktxt {
	display: table-cell;
	vertical-align: top;
	box-sizing: border-box
}
.books .section .col .booktxt h3 {
	font-size:30px;
	font-weight:bold;
}
.col .bookinfo dt           {
	font-weight:bold;
	text-align:left;
}
.col .bookinfo dd           {
	text-align:left;
}
.col.bookinfo h4 {
	font-weight:bold;
	font-size:20px;
	margin-top:50px;
	margin-bottom:30px;
}
.under.books #wrapper article .inner #sec01 .block .ttlL {
	font-size:35px;
}
.under.books #wrapper article .inner .lead {
	font-size:32px;
}
.under.books h3 .booksubtitle {
	font-size:14px;
}
.under.books p.booksubtitle {
	font-size:20px;
}
.under.books .bookshr {
	height:1px;
	margin-bottom:100px;
	border-color:#ccc;
	width:90%;
}

/*↑お役立ち書籍情報*/

/*システム研修会ページ*/
div.workshop {
	width: 100%;
	z-index: 1000;
	height: 100px;
	position: static;
	margin-bottom:40px
}
.workshop .inner #logo_guideline {
    box-sizing: border-box;
	height:100px;
	margin:0 auto;
	text-align:center;
	padding-top:15px;
	background: url(../../workshop/img/bg_workshop_head_sp.png)
}
.workshop article p {
	padding-left: 20px;
	padding-right: 20px
}
.workshop article .section {
	margin: 0 20px 60px 20px
}
.workshop #ttlArea .inner h1 {
	background: url(../../workshop/img/sp/ttl_workshop.jpg) no-repeat center top
}
.workshop article .outline {
	width: auto
}
.workshop article .outline dl {
	padding: 0 0 10px 0
}
.workshop article .outline dl dt {
	font-weight: bold
}
.workshop article .outline dl dt:before {
	content: '・ ';
	color: #CC4305
}
span.break {
	display: block
}
span.sp_none {
	display: none
}
h4.date {
	padding: 0 0 5px 0;
	margin: 10px 0 15px 5px ;

	border-bottom: 2px dashed #777;
	font-size: 125%;
	font-weight: bold
}
ul.schedule {
	padding: 0 0 25px 0;
	margin: 0 0 10px 0
}
ul.schedule li {
	padding: 10px 20px;
	margin: 0 0 20px 0;
	border: 1px solid #a1a1a1;
	background-color: #fff
}
.schedule h5 {
	padding: 0 5px 5px 5px
}
span.cic {
	width: 135px;
	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 {
	width: 135px;
	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.ham, .schedule h5 span.cic {
	margin: 0 10px 0 0;
	float: left
}
.schedule h5 span.time {
	display: block;
	font-size: 120%;
	float: left
}
.schedule .text {
	padding: 10px 5px 0 5px
}
table.workshop_list {
	margin: 0 0 30px 0;
	background-color: #fbffcf
}
table.workshop_list caption {
	margin: 0 0 5px 0;
	text-align: left;
	font-size: 110%;
	font-weight: bold
}
table.workshop_list tr {
	border: 1px solid #a1a1a1
}
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: 22%
}
.d_width {
	width: 78%
}
table.workshop_list span.cic, table.workshop_list span.ham {
	display: inline-block
}
table.schedule02 {
	width: 100%;
	margin: 0 0 30px 0
}
table.schedule02 tr {
	border: 1px solid #a1a1a1;
	background-color: #fff
}
table.schedule02 th {
	padding: 10px;
	border-bottom: 1px solid #a1a1a1;
	background-color: #ffeccf;
	display: list-item;
	list-style: none
}
table.schedule02 td {
	padding: 10px;
	border-bottom: 1px solid #a1a1a1;
	vertical-align: top;
	background-color: #fff;
	display: list-item;
	list-style: none
}
.contact_box {
	padding: 30px;
	border: 3px solid #bbb;
	background-color: #ffeccf
}
.contact_box .company {
	margin: 5px 0 0 0
}
.contact_box .number {
	margin: 5px 0 0 0;
	font-size: 120%;
	font-weight: bold
}
.apply_area {
	padding: 0 0 20px 0;
	margin: 10px 0 0 0
}
.btn_wrapp {
	width: 100%;
	margin: 0 auto;
	display: block;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
	-webkit-box-shadow: 0 8px 15px 2px #999;
	-moz-box-shadow: 0 8px 15px 2px #999;
	box-shadow: 0 8px 15px 2px #999
}
.apply_area a.apply_btn {
	width: 100%;
	padding: 30px 0;
	display: block;
	color: #fff;
	font-weight: bold;
	text-align: center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
	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 7px #d24500;
	-moz-box-shadow: 0 7px #d24500;
	box-shadow: 0 7px #d24500
}
.apply_area a.apply_btn:hover {
	text-decoration: none;
	background-color: #f29300;
	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
}
.workshop_flow {
	width: 100%;
}
.flowimg_text {
	line-height: 1.8em;
}
.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: 90px;
	display: inline-block;
	width: 45px;
	box-sizing: border-box;
	padding-top: 3px;
	height: 45px;
	line-height: 1.3;
	font-size: 1.3rem;
	text-align: center;
	font-weight: 400;
	margin-right: 10px
}
.triangle{
    width: 0;
    height: 0;
	margin: 0 auto;
    border-top: 20px solid #eb7a12;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px 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: 150px
}
#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
}
}
@media only screen and (max-width:1023px) {
/* 影のエフェクト */
.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);
}
/* clearfix */
.pkg:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.pkg { display: inline-block; }
/* Hides from IE-mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* End hide from IE-mac */

/*↑サポート研修会ページ*/





/*↑イベントページ*/
div.event {
	width: 100%;
	z-index: 1000;
	height: 100px;
	position: static;
	margin-bottom:40px
}
.event article .section {
	margin: 0 20px 60px 20px
}
.event #ttlArea .inner h1 {
	background: url(../../event/img/sp/ttl_event.jpg) no-repeat center top
}
.event article .outline {
	width: auto
}
.event article .outline dl {
	padding: 0 0 10px 0
}
.event article .outline dl dt {
	font-weight: bold
}
.event article .outline dl dt:before {
	content: '・ ';
	color: #CC4305
}
.img100 {
	width: 100%;
}
.img40 {
	width: 40%;
}
.event .section#sec02 .btn a,
.event .section#sec02 .btn a {
	background: url(../../care/img/sp/btn_siryo.png) no-repeat left top;
	width: 600px;
	height: 80px;
	text-indent: 100%;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto
}
.sec02_txt01 {
	margin-bottom: 40px;
}

.pc_img{
	display: none;
}
.right_img{
	float: right;
	margin-left: 10px;
}
.mb20{
	margin-bottom: 20px;
}
/*↑イベントページ*/





.sp_img {
	display: block;
}


span.question_icon {
	background: #eb7a12;
	color: #fff;
	border-radius: 80px;
	display: block;
	width: 40px;
	box-sizing: border-box;
	padding-top: 3px;
	height: 40px;
	line-height: 1.4;
	font-size: 1rem;
	text-align: center;
	margin-right: 15px;
	float: left;
}
.case_box .col .txt strong {
	font-size: 100%!important;
}

.img_layout {
	width: 100%;
}
.img_layout_inner {
	width: auto;
	padding: 0 20px;
}
.img_layout h2, .img_layout p {
	font-weight: bold;
}
.top_title {
	width: 100%;
	margin: -50px 0 0 0;
}
.video_box {
	width: 100%;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	border-bottom: 2px dashed #2a2a2a;
}
.video_box iframe {
	width: 97%;
	height: 340px;
}
.top_name {
	width: 100%;
}
h2.care_d_title {
	line-height: 1.8em;
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
	background: url(../img/line_slash.png) repeat-x left bottom;
}
.p_02 {
	margin: 0 0 20px 0;
}
.fs40px {
	font-size: 150%;
}
.fs30px {
	font-size: auto;
}
.fs20px {
	font-size: auto;
}

.video_list {
	width: auto;
	margin: 0 20px;
	padding: 20px 0;
	background-color: #f3f3f3;
}
.video_list .img {
	width: 100%;
}
.case .col .txt .box ul li a.detail_btn {
	width: 100%;
	padding: 25px 0;
	margin: 10px 0 0 0;
	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
}

.k_list li {
	margin: 15px 0 0 0;
}
.k_list li img {
	width: 100%;

}

.sp_block{
	display:block;
}

/*役員一覧 2016年7月更新 追加CSS */
.officer-list{
	 width:90%; 
	 margin:0 auto 20px;
}
.officer-list tr{
	 border-bottom:#AAA dotted 2px;
}
.officer-list .post{
	 font-size:25px;
	 font-weight:bold;
	 text-align:left;
	 line-height:50px;
}
.officer-list .post2{
	 font-size:25px;
	 text-align:left;
	 line-height:35px;
}
.officer-list .name{
	 font-size:32px;
	 margin-right:30px; 
	 text-align:left;
}
.officer-list .name2{
	 font-size:23px;
}
.officer-list .post2{
	 font-size:20px;
	 text-align:left;
	 line-height:20px;
}

.officer-list .name3{
	 font-size:32px;
	 margin-top:3px!important;
	 font-weight:bold;
}
.officer-list .name4{
	 font-size:20px;
	 margin-left:15px;
}

.officer-list .bio{
	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:25px;
	text-decoration:none;
	margin-top:3px;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.3);

}
.officer-list .bio a:hover, .officer-list .bio a:active {
	cursor:pointer;
	opacity:0.6;
	background:#D3673E\9;
	text-decoration:none;
}
.officer-list .date{
	 font-size:20px;
	 text-align:left;
	 vertical-align:top;
}
.officer-list td{padding:15px 0;}
.officer-img { max-width:200px; padding-top:10px; }

.profile{
	text-align:center;
}
.profile p{
	display:inline-block;
	width:80px;
	font-size:14px;
	}
.profile-icon{
 font-size:20px;
 position:relative;
 top:2px;
 color:#FF6E00;
 display: none;
}
.re-officer-list{
	width:90%;
	margin:0 auto;
	text-align:right;
}
.re-officer-list a{
	margin-bottom:50px;
}
#skillmatrix{
	margin-top: -130px;
  	padding-top: 130px;
}
.skill {
	margin-left: 20px;
	font-size: 130%;
}
.bio{
	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:20px;
	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_sp{
	display:none;
}
.mLRauto{
	margin:0 auto;
}

}
/* ↑役員一覧 2016年7月更新 追加CSSここまで */







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

	/* ↓IR */
.important-point li{
	list-style-type: square;
	margin-left:20px;}
.toiawaseTEL{
	font-size:30px;
	padding-left:10px;}
/* ↑IR ここまで*/

/* -----------------------------------
2017.9.1TOPリニューアル追加分
----------------------------------- */
/* div.main_area {
	height: 300px;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	border: 1px solid #000; 
	padding-top: 115px;
    padding-top: 28vh; 
	max-width: 300px;
	padding-top: 850px;
} */
	
body.top #news2 {
	/* background: url("../../img/speedtest_min/sp/back_sp02-min.jpg") no-repeat center 95px;  */
	/* background: url("../../img/speedtest_min/new2024_topsp.png") no-repeat center -50px;  */
	
	background: url("../../img/new-topimg/new2024_topsp.png") no-repeat; 
	background-position: bottom -80px;
   background-color: #fff;
   background-size: contain;
   background-size: cover;
   
   /*height: 580px;*/
   /* height: 92vh; */
   height: 97vh;
   max-height: 1200px;
   font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "YuGothic", "Yu Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
/*body.top #news2 {
   background: url(../../img/top/back_sp.jpg) no-repeat center 95px;
   background-color: #009dfe;
   background-size: contain;
   height: 526px;
   font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "YuGothic", "Yu Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}*/

/* 正月年末年始にトップビジュアルを変更する時に高さ調整 */
div.main_area {
   /* padding-top: 115px; */
   padding-top: 850px;
}


/*
body.top #news2 .youtube {
	padding: 400px 10px 0 10px;
	display: inline-block;
}

body.top #news2 .youtube .title_tag {
    background: #ffffffd9;
    font-size: 23px;
    padding: 5px 10px;
    color: #ff0000;
    font-weight: bold;
    border-radius: 5px;
    width: 95%;
    text-align: center;
    margin: 0 auto 10px;
}

.title_tag span {
	line-height: 1.2rem;
	font-size: 1.5rem;
}

body.top #news2 .youtube .title_tag .channel {
    display: inline-block;
    margin: 10px 0;
    font-size: 30px;
    line-height: 1.3em;
    color: #333333;
    font-weight: bold;
}
*/

/*
body.top #news2 .youtube ul {

}

body.top #news2 .youtube ul li {

	display: inline-block;
}

body.top #news2 .youtube ul li:nth-child(1) {
	margin-right: 10px;
}

body.top #news2 .youtube ul li:nth-child(2) img {
	width: 300px;
}
*/


/* PC版バナーエリア */
.banner_box {
	display: none;
}

/* -----------------------
スマホ版バナーえりあ
-------------------------*/
.sp_banner_box{
	width: 100%;
	display: block;
	text-align: center;
	/* background: #ffff; */
}

.sp_banner_box img{
    width: 70%;
	margin: 0 auto;
	padding: 1rem 0;
}

/* -----------------------
      スライダー 
------------------------*/
.sp_bnr_slide{
	/* background-color: #fff; */
	margin-bottom: 40px;
   }

/*-----矢印表示-----*/
/* .sp_bnr_slide .slick-next{
	right:30px!important; }
.sp_bnr_slide .slick-prev{
	left:0!important; 
}
.sp_bnr_slide .slick-arrow{
	z-index:2!important; 
}
.sp_bnr_slide .slick-prev:before, .slick-next:before {
    font-family: 'slick';
    font-size: 50px!important;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color: #000!important;
    opacity: 1!important;
	width: 100%;
} */
/* デフォルト矢印非表示 */
/* .sp_bnr_slide .slick-arrow:before{
	content:""!important;
} */

/* .sp_bnr_slide .slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute!important;
    top: 0!important;
    left: 0!important;
}

.sp_bnr_slide .slick-next:before{
    background: url(../../img/top/topbanner/arrow_left.png)!important;
    background-size: contain!important;
}

.sp_bnr_slide .slick-prev:before{
    background: url(../../img/top/topbanner/arrow_right.png)!important;
    background-size: contain!important;
} */

.sp_bnr_slide button.arrow-common {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-size: contain;
    background-repeat: no-repeat;
    /* width: 14%; */
    width: 8%;
	height: 60px;
    padding-top: 6%;
    cursor: pointer;
    z-index: 5;
}

/* 任意の画像に変更 */
.sp_bnr_slide button.arrow-prev {
    background-image: url(../../img/top/topbanner/arrow_left.png);
    left: 2%;
}
.sp_bnr_slide button.arrow-next {
    background-image: url(../../img/top/topbanner/arrow_right.png);
    right: 0%;
}

/* 黒いラインを消す */
.sp_bnr_slide button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}
.sp_bnr_slide button:focus {
    outline: none;
}


/* ----ドットの装飾----- */
.sp_bnr_slide  .slick-dots li button:before {
    opacity: .35;
    color: gray;
	font-size: 10px;
}
.sp_bnr_slide  .slick-dots li.slick-active button:before {
	color: orange;
	opacity: 1;
}



/* 最新サービス紹介のバナーエリア */
/* .banner_box .bnr_area {
	text-align: center;
}
.banner_box .bnr_area ul li {
    display: inline-block;
}
.banner_box .bnr_area ul li a {
    display: inline-block;
} */


}



/* トップイメージレスポンシブ調整 */
@media only screen and (max-width:920px) {
	body.top #news2 {
		height: 90vh;
		max-height: 1400px;
	}
}

@media only screen and (max-width:780px) {
	body.top #news2 {
		/* height: 68vh; */
		max-height: 1200px;
		min-height: 1100px;
		background: url("../../img/new-topimg/new2024_topsp.png") no-repeat top 0; 
		background-size: contain;
		background-size: cover;

		background-position: bottom -10px!important; 
	}
}

@media only screen and (max-width:640px) {
	body.top #news2 {
		/* height: 74vh!important; */
		max-height: 800px;
		min-height: 600px;
	}
}

@media only screen and (max-width:550px) {
	body.top #news2 {
		height: 55vh;
		background-position: bottom -10px!important; 
		background: 
		/* url("../../img/new-topimg/new2024_topsp_mini1.png") no-repeat center bottom, */
		/* テスト08 */
		url("../../img/new-topimg/new2024_topsp_mini1.png") no-repeat center 30%,

		url("../../img/new-topimg/new2024_topsp_mini2.png") no-repeat center;

		background-size: contain,cover;
		min-height: 550px;

	}

	/* バナーエリア調整 */
	.sp_banner_box img{
		width: 74%;
		margin: 0 auto;
		padding: 0.7rem 0;
	}
}

@media only screen and (max-width:380px) {
	body.top #news2 {
		max-height: 550px;
		min-height: 400px;
	}
}


@media only screen and (max-width:324px) {
	.banner_box .title {
		float: none;
		width: 100%;
		margin-top: 30px;
	}
}




/* 20200421youtubeトップ */
@media only screen and (max-width:1024px) {
.youtube {
    padding: 10px;
    margin: 1rem auto;
    border: 1px solid #cccccc;
    background: url("../../img/speedtest_min/sp/youtube_bg-small-min.png") center no-repeat;
    background-size: cover;
}

.youtube .title_img {
    float: left;
    width: 45%;
}

.youtube .title_img img {
	display: none;
}

.youtube p {
    font-size: 1.6rem;
    text-align: center;
}

.youtube p.title_tag {
	font-size: 1.5rem;
	text-align: center;
	font-weight: bold;
	margin: 15px 0;
}

.youtube .title_tag span {
	font-size: 1.6rem;
    line-height: 1em;
    color: #ff0000;
}

.youtube ul {
    text-align: right;
}

.youtube ul li {
    display: inline-block;
}

.youtube ul li a:hover {
    opacity: 0.8;
	display: block;
    box-shadow: 0px 2px 2px 0px #a5a5a5;
    -moz-box-shadow: 0px 2px 2px 0px #a5a5a5;
    -webkit-box-shadow: 0px 2px 2px 0px #a5a5a5;
    transition: .2s linear;
	height: 340px;
}

.youtube ul li a img {
    width: 100%;
    box-shadow: 0px 1px 10px -2px #333333;
    -moz-box-shadow: 0px 1px 10px -2px #333333;
    -webkit-box-shadow: 0px 1px 10px -2px #333333;
}
}

@media only screen and (max-width: 1024px) {
    .pc_line {
        display: none;
    }

    .youtube .title_img {
        width: 100%;
        margin-bottom: 10px;
    }

    .youtube ul {
        text-align: center;
    }
	.youtube_img {
		display: inline;
	}

}

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

    .youtube ul li:nth-child(1) {
        margin: 0 0 10px 0;
    }

    .youtube .title_img img {
        display: none;
    }

    .youtube p {
        text-align: center;
    }

    .pc_line {
        display: inline-block;
    }

}

/* ここまで 20200421youtubeトップ */


@media only screen and (max-width:1024px) {
body.top #news3 {

}

body.top #news3 .topNav {
	/* padding-top: 300px; */
	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.pkg:after {
	display: none;
}

body.top #news3 .topNav ul li {
	font-size: 20px;
	width: 100%;
	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;
}

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: 40px;
    margin-bottom: 20px;
    font-family: serif;
    font-weight: bold;
}
div.slogan_area {
	padding: 40px;
}
div.modal_contents p.aboutus_anthem {
    font-size: 20px;
    line-height: 2em;
    letter-spacing: 0.1em;
    margin-bottom: 1em;
    color: #666666;
    font-family: serif;
}
div.modal_contents p.signature {
    font-size: 18px;
    text-align: right;
    font-family: serif;
}

/* ------------------------------
	お知らせ
------------------------------ */

body.top #topNews {
	width: 100%;
	text-align: center;
}
body.top #topNews .topNewsBox {
	margin: 0 auto;
	font-size: 24px;
	padding: 40px;
}
body.top #topNews .topNewsBox .topNewsTitle {
	width: 100%;
	text-align: center;
}
body.top #topNews .topNewsBox .topNewsList {
	text-align: left;
}
body.top #topNews .topNewsBox .topNewsList dl {
}
body.top #topNews .topNewsBox .topNewsList dl dt {
}
body.top #topNews .topNewsBox .topNewsList dl dd {
}
body.top #topNews .topNewsBox .topNewsList .topNewsMore {
}
body.top #topNews .topNewsBox .topNewsList .topNewsMore a {
	width: 100%;
	display: block;
	text-align: center;
}

/* ------------------------------
	#topRenkei 医療介護連携支援システム
------------------------------ */

body.top #topRenkei {
	background: url("../../img/speedtest_min/sp/renkei_back_sp-min.jpg") no-repeat top center;
	padding: 80px 0 80px 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "YuGothic", "Yu Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	margin: 0 auto;
}
body.top #topRenkei h2 {
	text-align: center;
	font-size: 50px;
	padding: 0 40px;
	line-height: 1em;
}
body.top #topRenkei h2 span.renkeiCategory {
	font-size: 25px;
	letter-spacing: 0.1em;
	font-weight: 400;
	line-height: 1;
	display:block;
	position: relative;
	width: 100%;
	margin: 0 auto;
}
/*
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: 1.3;
	color: #000;
}
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 380px;
	text-align: center;
}
body.top #topRenkei .innerBox p {
	font-size: 27px;
	line-height: 1.6;
	margin-bottom: 300px;
	text-align: left;
	padding: 0 40px;
}
body.top #topRenkei .innerBox ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	width: 100%;
	margin-bottom: 50px;
}
body.top #topRenkei .innerBox ul li {
	background-color: #FFF;
	width: 40.5%;
	font-size: 27px;
	font-weight: 500;
	margin: 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 10px;
	background-size: 50%;
}
body.top #topRenkei .innerBox ul li.icon2 {
	background-image: url(../../img/top/renkei_point_icon2.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 50%;
}
body.top #topRenkei .innerBox ul li.icon3 {
	background-image: url(../../img/top/renkei_point_icon3.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 50%;
}
body.top #topRenkei .innerBox ul li.icon4 {
	background-image: url(../../img/top/renkei_point_icon4.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 50%;
}
body.top #topRenkei .renkeiBtn {
	width: 90%;
	height: 90px;
	background:url(../../img/top/renkei_btn_back2x.jpg) no-repeat;
	margin: 0 auto;
	text-align: center;
	line-height: 90px;
	font-size: 24px;
	font-weight: 500;
}
body.top #topRenkei .renkeiBtn a {
	display: block;
	width:100%;
	height: 90px;
	color: #212121;
	background: url(../../img/top/btn_arrow.png) no-repeat 95% 50%;
}
body.top #topRenkei .tpoint {
	padding:40px;
}
body.top #topRenkei .tpoint ul li {
	text-align: center;
}
body.top #topRenkei .tpoint ul li.tpicon {
}
body.top #topRenkei .tpoint ul li.tpinfo {
	font-size: 27px;
	padding-top: 0.5em;
}
body.top #topRenkei .tpoint ul li.tpinfo span {
	font-size: 30px;
	font-weight: 500;
}

/* ------------------------------
	#topKaigo 介護業務支援システム
------------------------------ */

body.top #topKaigo {
	background: url("../../img/speedtest_min/sp/kaigo_back_sp-min.jpg") no-repeat top center;
	padding: 80px 0 80px 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "YuGothic", "Yu Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	margin: 0 auto;
}
body.top #topKaigo h2 {
	text-align: center;
	font-size: 50px;
	padding: 0 40px;
	line-height:1;
}
body.top #topKaigo h2 span.renkeiCategory {
	font-size: 25px;
	letter-spacing: 0.1em;
	font-weight: 400;
	line-height: 1em;
	display:block;
	position: relative;
	width: 100%;
	margin: 0 auto;
}
/*
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: 1.3;
	color: #000;
}
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 390px;
	text-align: center;
}
body.top #topKaigo .innerBox p {
	font-size: 27px;
	line-height: 1.7;
	margin-bottom: 300px;
	text-align: left;
	padding: 0 40px;
}
body.top #topKaigo .innerBox ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	width: 100%;
	margin-bottom: 50px;
}
body.top #topKaigo .innerBox ul li {
	background-color: #FFF;
	width:40.5%;
	font-size: 27px;
	font-weight: 500;
	margin: 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 #topKaigo .innerBox ul li.icon1 {
	background-image: url(../../img/top/kaigo_point_icon1.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 50%;
}
body.top #topKaigo .innerBox ul li.icon2 {
	background-image: url(../../img/top/kaigo_point_icon2.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 50%;
}
body.top #topKaigo .innerBox ul li.icon3 {
	background-image: url(../../img/top/kaigo_point_icon3.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 50%;
}
body.top #topKaigo .innerBox ul li.icon4 {
	background-image: url(../../img/top/kaigo_point_icon4.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 50%;
}
body.top #topKaigo .renkeiBtn {
	width: 90%;
	height: 90px;
	background: url(../../img/top/kaigo_btn_back2x.jpg) no-repeat top center;
	margin: 0 auto;
	text-align: center;
	line-height: 90px;
	font-size: 24px;
	font-weight: 500;
	
}
body.top #topKaigo .renkeiBtn a {
	display: block;
	width: 100%;
	height: 90px;
	color: #212121;
	background: url(../../img/top/btn_arrow.png) no-repeat 95% 50%;
}
/* ------------------------------
	#topKosodate 子育て支援システム
------------------------------ */

body.top #topKosodate {
	background: url("../../img/speedtest_min/sp/kosodate_back_sp-min.jpg") no-repeat top center;
	padding: 80px 0 80px 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "YuGothic", "Yu Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	margin: 0 auto;
}
body.top #topKosodate h2 {
	text-align: center;
	font-size: 50px;
	padding: 0 40px;
	line-height:1;
}
body.top #topKosodate h2 span.renkeiCategory {
	font-size: 25px;
	letter-spacing: 0.1em;
	font-weight: 400;
	line-height: 1em;
	display:block;
	position: relative;
	width: 100%;
	margin: 0 auto;
}
/*
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: 1.3;
	color: #000;
}
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: center 420px;
	text-align: center;
}
body.top #topKosodate .innerBox p {
	font-size: 27px;
	line-height: 1.7;
	margin-bottom: 300px;
	text-align: left;
	padding: 0 40px;
}
body.top #topKosodate .innerBox ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	width: 100%;
	margin-bottom: 50px;
}
body.top #topKosodate .innerBox ul li {
	background-color: #FFF;
	width: 40.5%;
	font-size: 27px;
	font-weight: 500;
	margin: 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 #topKosodate .innerBox ul li.icon1 {
	background-image: url(../../img/top/kosodate_point_icon1.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 50%;
}
body.top #topKosodate .innerBox ul li.icon2 {
	background-image: url(../../img/top/kosodate_point_icon2.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 50%;
}
body.top #topKosodate .innerBox ul li.icon3 {
	background-image: url(../../img/top/kosodate_point_icon3.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 50%;
}
body.top #topKosodate .innerBox ul li.icon4 {
	background-image: url(../../img/top/kosodate_point_icon4.png);
	background-repeat: no-repeat;
	background-position: center 20px;
	background-size: 50%;
}
body.top #topKosodate .renkeiBtn {
	width: 90%;
	height: 90px;
	background: url(../../img/top/kosodate_btn_back2x.jpg) no-repeat top center;
	margin: 0 auto;
	text-align: center;
	line-height: 90px;
	font-size: 24px;
	font-weight: 500;
}
body.top #topKosodate .renkeiBtn a {
	display: block;
	width: 100%;
	height: 90px;
	color: #212121;
	background: url(../../img/top/btn_arrow.png) no-repeat 95% 50%;
}

/* ------------------------------
	#topsecurity 安心・安全への取り組み
------------------------------ */
body.top #topsecurity {
	background: #96c7e1;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "YuGothic", "Yu Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	padding: 80px 0 20px 0;
}
body.top #topsecurity h2 {
	text-align: center;
	font-size: 50px;
	padding: 0;
	line-height:1;
	padding: 0 40px;
}
body.top #topsecurity h2 span.renkeiCategory {
	font-size: 25px;
	letter-spacing: 0.1em;
	font-weight: 400;
	line-height: 1em;
	display:block;
	position: relative;
	width: 100%;
	margin: 0 auto;
}
body.top #topsecurity h2 span.renkeiTitle {
	letter-spacing: 0.1em;
	font-weight: 500;
	margin-top: 40px;
	display:block;
	line-height: 1.3;
	color: #000;
	font-size: 40px;
}
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 {
    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: 40px;
    width: 100%;
    background: #ffffff;
    border: 15px solid #cccccc;
    float: left;
	box-sizing:border-box;
	margin-bottom: 20px;
}

body.top #topsecurity div.guideline_area div.left p,
body.top #topsecurity div.guideline_area div.right p {
    text-align: left;
    margin: 20px auto;
	font-size: 27px;
	line-height:1.6;
}

body.top #topsecurity div.guideline_area div.left {
}

body.top #topsecurity div.guideline_area div.right {
	
}

body.top #topsecurity h2.support_title {
	 margin-top: 40px;
}

body.top #topsecurity div.support_area {
	width: 100%;
    margin: 40px auto;
    display: block;
}

body.top #topsecurity div.support_area img {
    width: 100%;
}

body.top #topsecurity div.support_area div.support {
	padding: 0 40px;
	margin-bottom: 20px;
}

body.top #topsecurity div.support_area div.support .txt {
	font-size: 27px;
	line-height: 1.6;
}

body.top #topsecurity div.support_area div.support .txt .title {
    font-size: 30px;
	text-align: center;
    margin-bottom: 10px;
    /* color: #F95900; */
    font-weight: bold;
}

/* ------------------------------
	#more_kanamic カナミックネットワークをもっと知る
------------------------------ */

body.top  #more_kanamic  {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "YuGothic", "Yu Gothic", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    padding: 80px 0;
	color: #333;
}

body.top  #more_kanamic div.more_kanamic_area  {
	
}

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;
}

body.top  #more_kanamic div.more_kanamic_area ul.more_kanamicBtn {
}
body.top  #more_kanamic div.more_kanamic_area ul.more_kanamicBtn li {
}
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: 27px;
	margin-top: -10px;
	margin-bottom: 30px;
}

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: 40px 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;
}

body.top  #more_kanamic div.listBtn_area ul li p.aboutBtn:first-child {
}

body.top  #more_kanamic div.listBtn_area ul li p.aboutBtn a {
	padding: 20px 80px;
    border: 1px solid #cccccc;
    font-size: 27px;
    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 350px 0px;
	padding-left: 40px;
}
body.top  #more_kanamic  div.careerArea a {
	width: 100%;
	height: 210px;
	display: block;
	max-width: 940px;
	line-height: 1.6;
	margin: 0 auto;
	margin-top: 70px;
	font-size: 30px;
	padding: 0;
}
body.top  #more_kanamic  div.careerArea a span.careerTitle {
	
}
body.top  #more_kanamic  div.careerArea a span.careerBox {
	display:block;
}
body.top  #more_kanamic  div.careerArea a span.careerInfo {
	color:#333;
	text-decoration: none;
	font-size: 24px;
}


body.top  #more_kanamic  div.contact_area p.aboutBtn a {
    width: 400px;
    border: 1px solid #ccc;
    padding: 20px;
	margin: 0 auto;
    font-size: 30px;
	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: 24px;
	font-weight: normal;
	line-height: 1.4;
}

body.top  #more_kanamic div.contact_area div.jpx {
	text-align: center;
    width: 595px;
    display: block;
    margin: 40px auto 0;
	
}

body.top  #more_kanamic div.contact_area div.jpx img {
    
    margin-right: 20px;
}

body.top  #more_kanamic  div.contact_area div.jpx div.txt {
    float: left;
    padding: 20px 0;
    color: #b07e0f;
    font-size: 20px;
    font-weight: bold;
}

#secondMenu {
	display: none;
}

/* --- float-button --- */
.float-button {
    width: 120px;
    height: 120px;
	display: none;
	position: fixed;
    right: 30px;
    bottom: 50px;
	text-align: center;
	background:#a8d603;
	border-radius: 60px;
	-moz-border-radius: 60px;
	-webkit-border-radius: 60px;
	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: -5px;
	z-index: 999;
}

.float-button a {
	display: table-cell;
	vertical-align: middle;
    width: 120px;
    height: 120px;
	text-decoration: none;
    font-size: 21px;
    font-weight: bold;
	color: #111;
}

.float-button a .icon-contact {
	font-size: 40px;
}
.float-button a .icon-earth {
	font-size: 30px;
}
.float-button a span {
	vertical-align: middle;
}

.float-button span.sp_hide {
	display: none;
}

.float-button .sp_line {
	display: inline-block;
}

/* /--- float-button --- */

/* -- 2018年7月東証一部上場の見出しとボタン -- */
body.top #news2 .title-jpx1st {
    text-align: center;
    position: absolute;
    top: 340px;
    left: 0;
    width: 100%;
    color: #fff;
    text-shadow: 0 0 5px #000;
    line-height: 0;
    text-align: center;
}
body.top #news2 .title-jpx1st img {
	width:100%;
}
body.top #news2 .btn-jpx1st {
    position: absolute;
    top: 460px;
    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;
}
.btn03 {
	text-align: center;
}


/* -- .spinfo お見舞いなど特別な告知用スペース -- */
.spinfo {
	margin: 0 auto;
	margin-top: 70px;
	padding: 0 1em;
	/*background: #def0f0;*/
	/*border: 1px dotted #aaa;*/
	letter-spacing: 0.1em;
	text-align: left;
	line-height: 1.4;
	padding: 1.4em 1.4em 0 1.4em;
	font-size:90%;
}
.spinfo h3 {
	text-align: center;
	margin-bottom: 0.6em;
}
.spinfo p {}
.spinfo p a {
	color:#333;
	text-decoration: underline;
}
.spinfo_red {
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 10px;
	background: #f0dede;
	padding: 1.4em;
	letter-spacing: 0.1em;
	text-align: left;
	line-height: 1.4;
}
.spinfo_red p a {
	color:#333;
	text-decoration: underline;
}
}

@media only screen and (max-width:1023px) {
/* ----------menu icon for sp ----------*/

@font-face {
  font-family: 'icon_menu_sp';
  src:
    url('fonts/icon_menu_sp.ttf?o699z10514') format('truetype'),
    url('fonts/icon_menu_sp.woff?o699z10514') format('woff'),
    url('fonts/icon_menu_sp.svg?o699z10514#icon_menu_sp') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
	font-family: 'icomoon';
	src:
	  url('fonts/icomoon.ttf?o699z10514') format('truetype'),
	  url('fonts/icomoon.woff?o699z10514') format('woff'),
	  url('fonts/icomoon.svg?o699z10514#icon_menu_sp') format('svg');
	font-weight: normal;
	font-style: normal;
  }
  [class^="icon-"], [class*=" icon-"] {
  /* 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-earth:before {
	content: "\e900";
}
.icon-login:before {
  content: "\e901";
}
.icon-contact:before {
  content: "\e902";
}
.icon-menu:before {
  content: "\e903";
}
.icon-play:before {
	content: "\e680";
}
/* ----------/menu icon for sp ----------*/

/* -- 2018年12月25日株主優待発表用 -- */

.ir .winner {
	width: 100%;
	border: 1px solid #ccc;
	margin-bottom: 20px;
	background: #ffebeb;
	padding-left: 20px;
	/* background: #e7feeb; */
}
.ir .winner dl dt {
	padding: 15px;
    float: left;
	line-height: 1;
}
.ir .winner dl dd {
	padding: 15px;
    padding-left: 15px!important;
	border: none!important;
	line-height: 1;
	font-weight: bold;
}
.yutai {
}
.yutai .yutai-date {
	text-align: right;
	margin-bottom: 2em;
}
.yutai h2 {
	font-weight: bold;
	margin-bottom: 2em;
	text-align: center;
}
.yutai p {
	border:none!important;
	padding: 0!important;
}
.yutai p.txtttt {
	width: 100%!important;

	text-indent: 1em!important;
	width: 100%!important;
	line-height: 1.8!important;
	display: inline-block!important;
	margin-bottom: 2em!important;
}
.yutai p.shirusu {
	text-align: center;
	margin-bottom: 2em;
}
.yutai h3 {
	margin-bottom: 1em;
}
.yutai table {
	margin: 0 auto;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 3em;
}
.yutai table th,
.yutai table td {
	padding: 0.4em 1em;
	text-align: center;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	font-weight: normal;
	}
.yutai p.txtttt2 {
	text-indent: 1em!important;
	line-height: 1.8!important;
	margin-bottom: 2em!important;
}
/* -- //2018年12月25日株主優待発表用 -- */


/* 年末年始用 */
.newyeartGreeting {
	padding-top: 102px;
	text-align: center;
}


.mt30{margin-top: 30px;}
.mt50{margin-top: 50px;}
.mb10{margin-bottom: 10px;} 
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.fb{font-weight: bold;}
.presstittle{font-size: 100%;
	text-decoration: underline;
		text-align: center;
	margin-bottom: 30px;
	line-height: 50px;}
.press-fl{float: left;}
.press-fr{float: right;}
.press-clear{clear: both;}
.press-txtR{text-align: right;}


.kyoten-map {
	display: none;
}




/* パンくずスタイル調整　20210729追加 */
.breadCrumbs {
	margin-bottom: 15px;
	padding: 10px 20px;
	background: #f2f2f2;
	font-size: 20px;
}


.breadCrumbs a {
	color: #333;
}

.breadCrumbs li {
	display: inline;
}

.breadCrumbs li:not(:last-child)::after {
	content: ' > ';
}

.breadCrumbs>ul {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.mb-15 {
	margin-bottom: -15px;
}

}
/*SNSアイコン css*/
header.headerSp #gNav .icon_sp {
	text-align: center;
	padding: 20px;
}
header.headerSp #gNav .icon_sp a {
	padding: 0 15px;
}
/*SNSアイコン css ここまで*/




/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼
20240104 ポップアップのお知らせ掲載 
▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
.main_area input {
    display: none;
}

/* ポップアップwindow部分 */
.main_area #overlay {
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 20;
    z-index: 9999999;
    width: 100%;
    height: 100%;
}
/* オーバーレイの背景部分 */
.main_area #bg_gray {
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 80;
}
/* ウィンドウ部分 */
.main_area #window {
    width: 50%;
    padding: 20px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 20px -6px rgba(0,0,0,0.6);
    z-index: 90;
    opacity: 0;
}
@media only screen and (max-width: 1024px) {

	.main_area #window {
		width: 85%;
		padding: 3% 4%;
	}

}
/* 閉じるボタン */
.main_area #btn_cloth {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: gray;
    border-radius: 5px;
    z-index: 100;
    cursor: pointer;
}
.main_area #btn_cloth:hover {
    opacity: 0.7;
}
.main_area #btn_cloth span,
.main_area #btn_cloth span::before {
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background: #fff;
}
.main_area #btn_cloth span {
    transform: rotate(45deg);
}
.main_area #btn_cloth span::before {
    content: "";
    position: absolute;
    bottom: 0;
    transform: rotate(-90deg);
}
/* ポップアップ内テキスト */
.main_area #msg h2{
	font-size: 1.5em;
	margin-bottom: 15px;
}
.main_area #msg  p{
	margin-bottom: 10px;
}
.lasttxt{
	text-align: right;
	margin-top: 10px;
}

@media only screen and (max-width: 1024px) {
	
	.main_area #msg h2{
		font-size: 0.9em;
		font-size: 1.2em;

		margin-bottom: 30px;
	}
	.main_area #msg  p{
		font-size: 0.6em;
		font-size: 0.8em;
		margin-bottom: 18px;
	}
}
/* クリックで表示 */
.main_area #popup:checked ~ #overlay {
    visibility: visible;
}
.main_area #popup:checked ~ #overlay #window {
    animation: fadein 500ms forwards;
    animation-timing-function: ease-in-out;
}
@keyframes fadein {
    100% {
        opacity: 1;
    }
}

/*2024と挨拶とポップアップ表示用のテキスト */
.notice_box{
	margin: 0 auto;
	text-align: center;
}

/* PCとスマホで画像を差し替え*/
.pcimg_2024{display: block;}
.spimg_2024{display: none;}

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

	.pcimg_2024{display:none;}
	.spimg_2024{display:block;}

}

.box_2024_img{
	width: 100%;
	margin: 0 auto;
}

.box_2024_img1 img{
	width: 72%;
	margin: 0 auto;
}

.box_2024_img2 img{
	width: 60%;
	margin: 0 auto;
}

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

	.box_2024_img1 img{
		width: 90%;
		margin: 0 auto;
	}
	
    .box_2024_img2 img{
		width: 80%;
		margin: 0 auto;
	}

}

/* h1とポップアップボタンの箱中央揃え*/
h1.toph1{
	font-size: 0.9rem;
}

.h1_box{
	text-align: center;
}

/* ポップアップが出るボタンの箱 */
.popup_button_box{
	margin: 0 auto;
	text-align: center;
}

/* ポップアップが出るボタンの箱スマホ版*/
.popup_button_box_sp{
	display: none;
}

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

	/* ポップアップボタン */
	.popup_button_box{
		display: none;
	}
	.popup_button_box_sp{
		display: block;
	}
	.txt_link_popup_sp{
		background-color: #fff;
		padding: 5px 0px 4px 0;
		border: 3px solid #d8d8d8;
		color: #006990;
		cursor: pointer;
		display: block;
		width: 100%;
		margin: 4% auto;
		box-sizing: border-box;
	}

}

/* ポップアップが出るボタンの余白*/
.txt_link_popup{
	margin: 23px auto 0 auto;
}

/* ポップアップが出るボタンの装飾*/
.txt_link_popup label{
	background-color: #fff;
	padding: 5px 0px 4px 0;
	/* border-radius: 60px; */
	border: 3px solid #d8d8d8;
	color: #006990;
	/* box-shadow: 0 0 8px gray; */
	/* font-weight: bold; */
	cursor: pointer;
	display: block;
	width: 750px;
	margin: 0 auto;
}

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

	.txt_link_popup label{
		font-size: 0.9em;
		width: 100%;
		border: none;
		border-top: 3px solid #d8d8d8;
    	border-bottom: 3px solid #d8d8d8;
	}

}

.txt_link_popup label:hover{
	color: #d86c00;
	background-color: #e6e6e6;
	opacity: 0.8;
}


/* スマホの最新サービスの上部の余白を年末年始用に調整 */
/* @media only screen and (max-width: 1024px) {
	.banner_box {
    margin: 50px auto 0px;
	}
} */