@charset "shift-jis";

/*----------------------------------------

header
#gnSolution #headerArea{min-width:862px;}

----------------------------------------*/

#gnSolution {width: 100%;}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 480px) {
#gnSolution {min-width: 320px;}
}





/*----------------------------------------
text
----------------------------------------*/

.txtLg{font-size:128.57143%;}
.catch{margin-bottom:15px; font-size:171.42857%; color:#00b6ac;}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 768px) {
.catch{margin-bottom:12px; font-size:151.42857%;}
}
@media screen and (max-width: 480px) {
.catch{margin-bottom:10px; font-size:131.42857%;}
}



/*----------------------------------------
outline
----------------------------------------*/


section.bg_01{min-width:862px; background:url("/division_common/img/co_bg_section_01.gif") repeat-x center top;}
section.bg_02,aside.bg_02{min-width:862px; background:url("/division_common/img/co_bg_section_02.gif") repeat-x center top;}
section.bg_02 .content,aside.bg_02 .content{background:url("../../division_common/img/co_bg_content_01.gif") no-repeat center top;}
article.bg_01{min-width:862px; background:url("../../division_common/img/co_bg_case_01.gif") repeat left top;}
section > .content{ margin:0 auto; width:862px; line-height:1.5;}
.content{padding-top:50px;}

@media screen and (max-width: 980px) {
}

@media screen and (max-width: 861px) {
section.bg_01{width:100%; min-width:769px; padding: 0%}
section.bg_02,aside.bg_02{width:100%; min-width:769px; padding: 0}
article.bg_01{width:100%; min-width:769px; padding: 0%}
section > .content{margin:0; width:98%; padding-left:1%; padding-right:1%;}
.content{padding-top:40px;}
}

@media screen and (max-width: 768px) {
section.bg_01{width:100%; min-width:481px; padding: 0}
section.bg_02,aside.bg_02{width:100%; min-width:461px; padding: 0}
article.bg_01{width:100%; min-width:481px; padding: 0}
section > .content{ margin:0 auto; width:98%; padding-left:1%; padding-right:1%;}
.content{padding-top:20px;}
}
@media screen and (max-width: 480px) {
section.bg_01{width:100%; min-width:320px; padding: 0;}
section.bg_02,aside.bg_02{width:100%; min-width:320px; padding: 0;}
article.bg_01{width:100%; min-width:320px; padding: 0;}
section > .content{margin:0 auto; width:96%; padding-left:2%; padding-right:2%;}
.content{padding-top:20px;}
}







/*==[ headBlock ]========================================*/
#headBlock {position: relative; width: 100%;	max-width: 980px;	margin: 0 auto; padding: 0 0 10px 0;}
#headBlock:after {display: block;	clear: both;	content: "";}
#headBlock a {display: block;}
#headBlock dl {/*- navigation 02 -*/ position: absolute; left: -9999px;}
#headBlock kbd {/*- accesskey kbd -*/	position: absolute;	left: -9999px;}

/*==[ headSubNavigation ]========================================*/
#headSubNav {float: right;}
#headSubNav ul {zoom: 1;}
#headSubNav ul:after {	display: block; clear: both;	content: "";}
#headSubNav ul li {float: left;}
#headSubNav ul li a {	padding-left: 10px;	background: url(../../common/img/ico_arrow_01.png) no-repeat 0 3px;}
#headSubNav ul li + li {	margin-left: 15px;}

@media screen and (max-width: 1000px) {
#headBlock {width: 98%; padding: 0 1% 18px 1%;}
}
@media screen and (max-width: 768px) {
#headSubNav ul {margin-top: 6px;}
#headSubNav ul li + li {	margin-left: 10px;}
}
@media screen and (max-width: 480px) {
#headSubNav {float:none; display:table; margin:0px auto; padding-top:12px;}
}





#icon-hamburger {background:#fff; border:1px solid #ccc; cursor:pointer; height:40px; position:absolute; width:40px; display:none; margin-bottom:0.4em; left:5px; top:0px;;}
#icon-hamburger span {background: #cccccc; display: block; height: 16%; left: 50%; margin: -8% 0 0 -42%; position: absolute; top: 50%; width: 84%;}
#icon-hamburger span::before,
#icon-hamburger span::after {background: #cccccc; content: ""; display: block; height: 100%; left: 50%; margin: -8% 0 0 -50%; position: absolute; top: 50%; width: 100%;}
#icon-hamburger span::before {margin-top: -38%;}
#icon-hamburger span::after {margin-top: 19%;}

.secName div h1 {padding: 40px 0px; color: #007871; font-weight: normal; font-size: 102.571% !important; background-image: url(../img/ttl_kv.jpg); background-size:auto; background-position-x: 100%; background-repeat: no-repeat;}




/*==[ headSection ]========================================*/
#headSection {margin-top: 2px;	width: 65%;	float: left;}
#headSection:after {display: block;	clear: both;	content: "";}
#headSection:after {display: block;	clear: both;	content: "";}
#headSection h1, #headSection h2 {float: left;}
#headSection h2 {margin-top: 12px;	margin-left: 14px;	padding-left: 11px;	background: url(../../common/img/head_ttl_02.gif) no-repeat;}

/*==[ headSearch ]========================================*/
#headSearch {margin-top:7px; float:right;}
#headSearch:after {display:block; clear:both; content: "";}
#headSearch input#hdBrKeyword {display:inline;	width:200px;	height:27px;	padding:0 0 0 6px !important;	float:left;	background-color:#d9d9d9;	border:none !important;	vertical-align:middle;	line-height:27px !important;}
#headSearch input#hdSubmit {	position:relative;	top:auto;	left:auto;	border-left:none;	float:left;}

/*==[ headNav ]========================================*/
#headNav {width:100%;	height:44px; background-color:#333333; border-bottom:solid 2px #1c8d84; margin:0; position:relative;}
#headNav ul {height: 46px; background-color: #cccccc; margin: 0 auto; display: flex;}
#headNav ul li {flex-flow: row nowrap; width:200px; font-size:14px; border-left: solid 1px #999999; text-align: center;}
#headNav ul li:last-child {border-right: solid 1px #999999;}
#headNav ul li a {display: block; height: 30px; background-color: #333333; border-bottom:solid 2px #1c8d84; padding-top: 14px;}
#headNav ul li a:link {color: #ffffff;text-decoration: none;}
#headNav ul li a:visited {color: #ffffff;text-decoration: none;}
#headNav ul li a:hover {color: #ffffff; background-color: #555555;text-decoration: none;}

@media screen and (max-width: 980px) {
.secName div h1 {padding: 40px 6px; font-size: 102.571% !important;}
#headNav ul {width: 100%;}
#headNav ul li {width:auto; flex: 1 0 auto;}
}
@media screen and (max-width: 768px) {
.secName div h1 {padding: 35px 6px; font-size: 92.571% !important;}
#headSection {width:42%;}
#headSection h1, #headSection h2 {float:none;}
#headSection h1 img {width: 219px; height:auto;}
#headSection h2 {margin-top: 6px;	margin-left:20px;	padding-left: 0; background:none;}
#headSection h2 img {width: 200px; height:auto;}
#headSearch {margin-top:12px;}
#headSearch input#hdBrKeyword {width:190px;}
}
@media screen and (max-width: 480px) {
#icon-hamburger {display: inline-block;}
.secName div h1 {padding: 30px 6px; font-size: 82.571% !important; background:none;} 
#headSection {width:100%;}
#headSection h1, #headSection h2 {float:none; text-align:center;}
#headSection h1 img {width:60%; height:auto;}
#headSection h2 {margin-top:4px;	margin-left:0;	padding-left: 6px;}
#headSection h2 img {width:50%; height:auto;}
#headSearch {margin-top:12px; float:none; width:76%; padding:0 12%;}
#headSearch form {width:100%;}
#headSearch input#hdBrKeyword {width:86%;}
#headNav {height: 220px; display:none;}
#headNav .menu {position:absolute; display:block; width:100%;}
#headNav .menu .menu-item a {border-bottom:1px solid #ccc; border-right:none;}
#headNav .menu .menu-item:last-child a {border-bottom:none;}
}





/*----------------------------------------
heading
----------------------------------------*/
.hdgLv_01{margin:0 auto; padding:40px 0; width:862px; font-size:228.57143% !important; font-weight:normal; olor:#00b6ac;}
.hdgLv_02{position:relative; margin-bottom:45px; padding:7px 0 7px 2em; font-size:200% !important; font-weight:normal;}
.hdgLv_03{position:relative; border-bottom:2px solid #4CCCC4; margin:50px 0 30px; padding:0 0 5px 1.4em; font-size:171.42857% !important; font-weight:normal;}
.hdgLv_04{position:relative; margin:45px 0 30px; padding-left:1.4em; font-size:142.85714% !important; font-weight:bold;}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 768px) {
.hdgLv_02{margin-bottom:35px; padding:7px 0 7px 2.2em; font-size:180% !important;}
.hdgLv_03{margin:50px 0 30px; padding:0 0 5px 1.4em; font-size:151.42857% !important;}
}
@media screen and (max-width: 480px) {
.hdgLv_02{margin-bottom:25px; padding:7px 0 7px 2.5em; font-size:160% !important;}
.hdgLv_03{margin:50px 0 30px; padding:0 0 5px 1.4em; font-size:131.42857% !important;}
}










/*----------------------------------------
list
----------------------------------------*/
.listNews_01 {padding-top:18px; background:url("../../division_common/img/co_bg_dot_02.png") repeat-x left top;}
.listNews_01 > li{background:url("../../division_common/img/co_bg_dot_02.png") repeat-x left bottom;}
.listNews_01 > li > dl{padding:0 15px 15px 15px;}
.listNews_01 > li > dl > dt{float:left; width:11em;}
.listNews_01 > li > dl > dd{padding-left:11em;}
.listNews_01 > li > dl > dd > p{margin-top:15px; padding-left:1.2em; font-size:85.71428%;}
.listNews_01 > li > dl > dd > p.detail{padding:2px 0 0 1.8em;}
.listNews_01 > li > dl > dd > a{color:#333; text-decoration:underline;}
.listNews_01 > li > dl > dd dl{margin-top:15px; padding-left:1.2em; font-size:85.71428%;}
.listNews_01 > li > dl > dd dl > dt{margin-bottom:8px; font-weight:bold;}
.listNews_01 > li > dl > dd dl > dd + dt{margin-top:20px;}
.listNews_01 > li > dl > dd > .tag{margin:0 10px 5px 0; width:7em; text-align:center;}
.tag{display:inline-block; margin-left:5px; margin-bottom: 2px; padding:3px 5px; vertical-align:middle; font-size:78.57142%; font-weight:normal; color:white !important; background:#666;}

.listQa_01,.listAnc_01{margin:0 auto; padding-top:2px; width:866px; background:url("../../division_common/img/co_bg_qa_01.png") no-repeat left top;}
.listAnc_01{margin-left:-2px;}
.listQa_01 + .listQa_01{margin-top:30px;}
.listQa_01 > ul,.listAnc_01 > ul{padding:0; border:2px #dedede solid;}
/*----------------------------------------
.listQa_01 > ul,.listAnc_01 > ul{padding:0 1px 2px; background:url("../../division_common/img/co_bg_qa_02.png") no-repeat left bottom;}
----------------------------------------*/
.listAnc_01 > ul > li{float:left;}
.listAnc_01 > ul > li > a{display:block; border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 15px 8px; color:#333;}
.listAnc_01 > ul > li > a:hover{background-color:#FCF8E3;}
.listAnc_01 > ul > li > a > span{display:block; padding-left:1.5em; background:url("../../division_common/img/co_ic_al_def_01.png") no-repeat left 2px;}
.listQa_01 > ul > li > span{display:block; margin:0; padding:12px 20px 10px; font-size:114.28571%; font-weight:bold; background:#00b6ac; color:#fff;}
.listQa_01 > ul > li > ul > li > a{display:block; border-top:1px solid #ddd; margin:0; padding:15px 15px 15px 4.5em; text-decoration:underline; color:#333; background:url("../../division_common/img/co_ic_q_01.png") no-repeat 20px 10px;}
.listQa_01 > ul > li > ul > li:first-child > a{border-top:none;}
.listQa_01 > ul > li > ul > li > a:hover{background-color:#FCF8E3;}
.listQa_01 > ul > li > ul > li > a > span{display:block; padding:1px 20px 0 0; background:url("../../division_common/img/co_ic_al_def_01.png") no-repeat right center;}

.catWrap {max-width:862px;	margin:70px auto 10px; display:flex; flex-wrap:wrap; justify-content:center;}
.catList{width:210px;	height:250px;	border:2px solid #dedede;	border-radius:10px;	margin-right:5px;	margin-bottom:12px;	box-sizing:border-box;}
.catList__inner{padding:25px 20px;}
.catList__image{text-align:center; margin-bottom:10px; height:60px;}
.catList__image--2{text-align: center; margin-top:-15px; margin-bottom:25px; height:60px;}
.catList__title{text-align: center; color: #007871; font-size: 20px; font-weight: bold; margin-bottom: 20px;}
.catList__title--2{text-align: center; color: #007871; font-size: 19px; font-weight: bold; margin-bottom: 20px;}


@media screen and (max-width: 980px) {
.listQa_01,.listAnc_01{width:100%;  max-width:866px;}
}
@media screen and (max-width: 862px) {
.listQa_01,.listAnc_01{width:100%;}
.listNews_01{background:none;}
.listNews_01 > li > dl > dt:first-child {float:none; width:100%; margin-top:12px; padding-top:12px; border-top:none; display:inline-block;}
.listNews_01 > li > dl > dt{float:none; width:100%; margin-top:12px; padding-top:12px; border-top:1px dotted #ccc; display:inline-block;}
.listNews_01 > li > dl > dd{padding-left:0;}
.listNews_01 > li > dl > dd > .tag{display:block;}
.tag{display:inline-block; margin-left:5px; padding:1px 3px; vertical-align:middle; font-size:70.57142%;}
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 480px) {
.catList{width:100%;	height:auto;	margin-right:0;	margin-bottom:10px;}
}




/*--- mainvisual ----------*/
.mainvisual {width:100%; text-align:center; background:url(../img/index_eyecatch01.jpg) no-repeat center top; background-size:cover; background-color:#333333;}
.mainvisual__inner {position:relative; z-index:2; display:flex; flex-direction:column; width:100%; max-width:990px; height:200px; margin:auto; color:#fff; align-items:center; justify-content:center;}
.mainvisual--top .mainvisual__inner {height: 370px;}
.mainvisual__title {font-size: 2rem;line-height:1.25;}
.mainvisual--top .mainvisual__title {margin-bottom:20px;}
.mainvisual__lead {font-size: 0.8rem;line-height:1.25;}
.mainvisual--top .mainvisual__lead {margin-bottom:30px;}
.mainvisual .btn {display: inline;}
.mainvisual .btn a {font-size:1rem ; margin:0 20px; padding:10px 20px; font-weight:bold; display:inline-block; text-align:center; text-decoration: none; color:#fff; border-radius:60px; background:linear-gradient(to right, #000000 0%, #000000 100%);}
.mainvisual .btn a:link {color: #fff !important;}
.mainvisual .btn a:visited {color: #fff !important;}
.mainvisual .btn a:hover {color: #ff0 !important;}
.mainvisual .btn a:active {color: #fff !important;}
.mainvisual__logoimg {position:absolute; top:30px; left:10px; width:140px; height:auto;}

@media screen and (max-width: 980px) {
.mainvisual--top .mainvisual__inner {height: 310px; padding-top:60px;}
.mainvisual__logoimg {position:absolute; top:20px; left:10px; width:130px;}
}
@media screen and (max-width: 768px) {
.mainvisual--top .mainvisual__inner {height:250px; padding-top:50px;}
.mainvisual__title {font-size: 1.55rem;}
.mainvisual__lead {font-size: 0.7rem;}
.mainvisual--top .mainvisual__lead {margin-bottom:25px;}
.mainvisual .btn a {font-size:0.9rem ; margin:0 20px;}
.mainvisual__logoimg {position:absolute; top:15px; left:10px; width:110px;}
}
@media screen and (max-width: 480px) {
.mainvisual--top .mainvisual__inner {height:170px; padding-top:40px;}
.mainvisual__title {font-size: 1.1rem;}
.mainvisual--top .mainvisual__title {margin-bottom:10px;}
.mainvisual__lead {font-size: 0.6rem;}
.mainvisual--top .mainvisual__lead {margin-bottom:20px;}
.mainvisual .btn a {font-size:0.7rem ; margin:0 15px;}
.mainvisual__logoimg {position:absolute; top:10px; left:5px; width:80px;}
}





/*--- fullwide ----------*/
.fullwide-bgblock {position:relative; display:flex; flex-direction:column; padding:80px 40px 10px; background-color:#666666; justify-content:center; align-items:center;}
.fullwide-bgblock__inner {position: relative; z-index: 2; width: 100%; margin: auto; text-align: center; color: #fff;}
.fullwide-bgblock__title {font-size: 2rem; margin-bottom: 15px;}
.fullwide-bgblock__lead {font-size: 1rem; margin-bottom: 30px;}
.fullwide-bgblock__btn {margin-bottom:35px;}
.fullwide-bgblock__btn .btn a {min-width: 360px; font-size: 1.5rem; font-weight: bold; display: inline-block; padding: 20px 50px; text-align: center; text-decoration: none; color: #fff; border-radius: 60px; background: linear-gradient(to right, #000000 0%, #000000 100%);}
.fullwide-bgblock__btn .btn a:link {color: #fff !important;}
.fullwide-bgblock__btn .btn a:visited {color: #fff !important;}
.fullwide-bgblock__btn .btn a:hover {color: #ff0 !important;}
.fullwide-bgblock__btn .btn a:active {color: #fff !important;}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 768px) {
.fullwide-bgblock__title {font-size: 1.5rem; margin-bottom: 10px;}
.fullwide-bgblock__lead {font-size: 0.8rem; margin-bottom: 20px;}
.fullwide-bgblock__btn .btn a {min-width: 300px; font-size: 1.2rem; padding: 10px 30px; border-radius: 60px;}
}
@media screen and (max-width: 480px) {
.fullwide-bgblock {padding:30px 20px 10px;}
.fullwide-bgblock__title {font-size: 1.1rem; margin-bottom: 8px;}
.fullwide-bgblock__lead {font-size: 0.7rem; margin-bottom: 15px;}
.fullwide-bgblock__btn {margin-bottom:15px;}
.fullwide-bgblock__btn .btn a {min-width: 220px; font-size: 1rem; padding: 8px 15px; border-radius: 40px;}
}





/*==[ breadCrumbSection ]==*/
#gnSolution #contentsArea #contentsBlock #breadCrumbSection {padding:10px 0 10px 0; font-size:96.1%; background:#F2F2F2;}
#gnSolution #contentsArea #contentsBlock #breadCrumbSection ul {margin:0 auto; padding: 0 0 0 5px; width: 862px;}

@media screen and (max-width: 980px) {
#gnSolution #contentsArea #contentsBlock #breadCrumbSection {width:100%; min-width:769px;}

}
@media screen and (max-width: 861px) {
#gnSolution #contentsArea #contentsBlock #breadCrumbSection {width:100%; min-width:769px;}
#gnSolution #contentsArea #contentsBlock #breadCrumbSection ul {width: calc(100% - 5px);}

}
@media screen and (max-width: 768px) {
#gnSolution #contentsArea #contentsBlock #breadCrumbSection {min-width:481px;}
}
@media screen and (max-width: 480px) {
#gnSolution #contentsArea #contentsBlock #breadCrumbSection {display:none;}
}





/*==[ mainSection ]==*/
#gnSolution #contentsArea #contentsBlock #mainSection {float:none; width:100%; font-size:112.1%;}
#mainSection #mvContent {min-width:862px;}
#mainSection #mvContent h1 {text-align:center;}
#mainSection #h1Content {margin:0 auto; padding:15px 0 10px; min-width:862px; min-height:47px; background:#fff;}
#mainSection #h1Content h1 { margin:0 auto; width:862px;}
#mainSection #h1Content a { display:inline-block; margin-left:20px; vertical-align:middle;}
#mainSection #h1Content a:first-child {margin-left:0;}
#mainSection .h1Content{min-width:862px;}
#fixed {padding-bottom:4px; width:100%; background:url("../../division_common/img/co_bg_lnav_01.gif") repeat-x left bottom white;}
.fixed { position:fixed; top:0; width:100%; z-index:100;}
#fixed.fixed {padding-bottom:7px; background:url("../../division_common/img/co_bg_lnav_03.png") repeat-x left bottom;}
#localNav {border-top:4px solid #00b6ac; width:100%; background:url("../../division_common/img/co_bg_lnav_02.gif") repeat-x left bottom white;}
#fixed.fixed #localNav {border-top:none !important; border-bottom:4px solid #00b6ac;}
#localNav.lower {border-top:4px solid #00b6ac;}
#localNav #lnavContent {display:table; margin:0 auto; width:862px;}
#localNav #lnavContent ul {display:table-cell; margin:0 auto; width:100%; vertical-align:middle;}
#localNav #lnavContent ul li {display:table-cell; border-right:1px solid #ddd; text-align:center; vertical-align:middle;}
#localNav #lnavContent ul li:last-child {border-right: none;}
#localNav #lnavContent ul li:first-child {border-left:1px solid #ddd;}
#localNav #lnavContent ul li.contact {background:none !important;}
#localNav #lnavContent ul li.current {background:#00B6AC !important;}
#localNav #lnavContent ul li.current a {color:#fff;}
#localNav #lnavContent ul li a {display: table-cell; padding: 24px 13px 23px; vertical-align: middle; color: #333; max-width: 110px;}
#localNav #lnavContent ul li a:hover{text-decoration:none; background:url("../../division_common/img/co_bg_lnav_def_01.gif") repeat-x left bottom; color:#007871;}
#localNav #lnavContent ul li.current a:hover{color:white !important;}
#localNav #lnavContent .bt_contact {background: #E17D30;	background-image: url(../img/navicon_contact.png), linear-gradient(to bottom, #F29D39, #E17F30);	background-repeat: no-repeat, repeat-x;	background-size: 16px, 100%;	background-position:left 8px center,center ;	border-radius: 4px;	width: 95px;	height: 16px;	color: #000000;	font-weight: bold;	padding: 17px 14px 17px 31px;	text-decoration: none;	display: inline-block;	cursor: pointer;	text-align: center; margin-left: 66px;}
#localNav #lnavContent .bt_contact:hover {background: #F29D39;	background-image: url(../img/navicon_contact.png), linear-gradient(to bottom, #E17D30, #C76F2A); background-repeat: no-repeat, repeat-x;	background-size: 16px, 100%;	background-position:left 8px center,center ;	border-radius: 4px;	text-decoration: none; color: #000000;	font-weight: bold;}

@media screen and (max-width: 880px) {
#localNav #lnavContent {width:90%; min-width:769px; margin:0 auto;}
#localNav #lnavContent ul li a {padding:24px 10px 23px;}
#localNav #lnavContent .bt_contact {margin-left:16px;}
}
@media screen and (max-width: 768px) {
#fixed.fixed {padding:0; background-image:none;}
#localNav {border-top:4px solid #00b6ac; background-image:none;}
#fixed.fixed #localNav {border:none;}
#localNav.lower {border-top:4px solid #00b6ac;}
#localNav #lnavContent {display:block; margin:0; width:100%; min-width:480px;}
#localNav #lnavContent ul {margin:0; width: 100%; display:flex; flex-wrap:wrap;}
#localNav #lnavContent ul li {display:block; padding:0 ;width: 25%; box-sizing: border-box; list-style: none; text-align: center; border-bottom:1px solid #ddd;}
#localNav #lnavContent ul li.current a {color:#fff; background:#00B6AC !important;}
#localNav #lnavContent ul li.contact {background:#f68600 !important;}
#localNav #lnavContent ul li a {padding: 16px 0 14px; max-width: none; border: none; display:inline-block;}
#localNav #lnavContent .bt_contact {background: #f68600;	background-image:none; border-radius: 0; width: auto;	height: auto;	color: #ffffff;	font-weight: normal;	margin-left:0; padding: 16px 10px 14px 10px;}
#localNav #lnavContent .bt_contact:hover {background: #da7a05;	background-image:none ;	border-radius:  0; width: auto;	height: auto;	font-weight: normal;	color: #ffffff;}
}
@media screen and (max-width: 480px) {
#localNav #lnavContent {min-width:320px;}
#localNav #lnavContent ul li {width: 50%;}
#localNav #lnavContent ul li a {padding: 12px 0 10px;}
#localNav #lnavContent .bt_contact {padding: 12px 10px 10px 10px;}
}






/*----------------------------------------
column
----------------------------------------*/
.columnLayout.box > .coll {border:1px solid #DEDEDE; padding:25px;}
.columnLayout.col2 > .coll {width:418px;}
.columnLayout.col3 > .coll {width:30%; margin-right:5%; margin-bottom:20px; box-sizing:border-box;}
.columnLayout.col3 > .coll:nth-child(3n) {margin-right:0;}
.columnLayout.box > .coll .catch{margin:15px 0 0; font-size:114.28571%; font-weight:bold; color:#333333 !important;}
.columnLayout.col2.box > .coll {box-sizing:border-box; width:420px; margin-right: 11px; margin-bottom: 20px; min-height: 220px;}
.columnLayout.col2.box > .coll:last-child {margin-right: 0;}
.columnLayout > .coll {float:left; margin-left:0;}
.columnLayout.box > .coll .txt { margin-top: 8px;}
.columnLayout.box > .coll .ttlText {font-size: 142.85714%; font-weight: bold; color: #00b6ac;}
.columnLayout.box > .coll .ttlText a {display: inline-block; padding-left: 1em; text-decoration: underline; background: url(../../division_common/img/icons/co_ic_link_01.png) no-repeat left 3px; color: #00b6ac;}
.columnLayout.colFree{text-align:center;}
.columnLayout.colFree > .col {display:inline-block;　vertical-align:top; width: 45%;}
.columnLayout.colFree > .col img{width:70%;}

.columnMerit {box-sizing:border-box; border:4px solid #DEDEDE; margin-top:60px; width:100%; background:url("../../division_common/img/co_bg_merit_01.png") repeat-y center top; background-size:33%;}
.columnMerit.second {margin-top:-4px;}
.columnMerit > .col{float:left; box-sizing:border-box; padding:0 25px 30px; width:33.3333%;}
.columnMerit > .col h3 {margin:-28px 0 15px; line-height:1.5; ont-size:128.57143%; text-align:center;}
.columnMerit > .col h3 img {margin-bottom:20px;}
.columnMerit > .col h3 span {display:block;}
.columnMerit > .col h3 em {font-size:111.111%; color:#00b6ac;}
.columnMerit > .col h3 + p {line-height:1.7;}
.columnMerit > .col .img {margin-bottom:20px;text-align:center;}
.columnMerit > .col .img img {width:100%;}

.columnMerit2 {box-sizing:border-box; border:4px solid #DEDEDE; margin:60px 5% 10px; width:90%;}
.columnMerit2 > .col {float:left; box-sizing:border-box; padding:0 25px 30px; width:50%; border-left: 1px #dedede solid;}
.columnMerit2 > .col h3 {margin:-28px 0 15px; line-height:1.5; font-size:128.57143%; text-align:center;}
.columnMerit2 > .col h3 img {margin-bottom:20px;}
.columnMerit2 > .col h3 span {display:block;}
.columnMerit2 > .col h3 em {font-size:111.111%; color:#00b6ac;}
.columnMerit2 > .col h3 + p {line-height:1.7;}
.columnMerit2 > .col .img {margin-bottom:20px; text-align:center;}
.columnMerit2 > .col .img img {width:100%;}

.columnContact{padding:1px 1px 20px 1px; box-sizing:border-box; width:100%; background:url("../../division_common/img/co_bg_contact_01.gif") no-repeat center top;}
.columnContact .columnContactContent{border-top:4px solid #00b6ac; padding:30px 0 0; ackground:url("../../division_common/img/co_bg_contact_03.png") no-repeat center top;}
.columnContact.col2 .columnContactContent{background:url("../../division_common/img/co_bg_contact_02.png") no-repeat center top;}
.columnContact.col1 .columnContactContent{background:none;}
.columnContact .col{float:left; box-sizing:border-box; padding:0 25px 5px; width:33.3333%; text-align:center;}
.columnContact.col3 .col{width:33%; border-right:1px dotted #cccccc;}
.columnContact.col3 .col:last-child {width:33%; border-right:none;}
.columnContact.col2 .col{width:50%;}
.columnContact.col1 .col{width:100%;}
.columnContact .col h3{position:relative; display:table; margin:0 auto 10px; padding:2px 0 5px 2.2em; line-height:1.5; font-size:114.28571%;}
.columnContact + .listNotice_01, .infoBox + .listNotice_01{margin-top:30px;}

@media screen and (max-width: 980px) {
}
@media screen and (max-width: 861px) {
.columnLayout.col2.box > .coll {box-sizing:border-box; width:48%; margin-right: 2%;}
.columnLayout.col2.box > .coll:last-child {margin-right: 0;}
.columnContact .col h3{font-size:104.28571%;}
}
@media screen and (max-width: 768px) {
.columnContact.col3 .col{width:50%;}
.columnContact.col3 .col:last-child {width:100%; margin-top:20px;}
.columnMerit {width:60%; background:none; margin: 60px 20% 10px;}
.columnMerit > .col{float:none; box-sizing:border-box; padding:0 5% 60px; margin: 0 auto; width:100%; }
.columnLayout.col3 > .coll {width:48%; margin-right:4%;}
.columnLayout.col3 > .coll:nth-child(3n) {margin-right:4%;}
.columnLayout.col3 > .coll:nth-child(2n) {margin-right:0;}
.columnLayout.box > .coll {padding:20px 2%;}
.columnLayout.box > .coll .ttlText {font-size: 132.85714%;}
.columnLayout.col2.box > .coll {width:100%; margin-bottom: 12px; min-height: 120px; margin-right: 0;}
}
@media screen and (max-width: 549px) {
.columnContact.col2 .columnContactContent{background:none;}
.columnContact.col3 .columnContactContent{background:none;}

.columnContact .col {float:none; padding:0 25px 25px;}
.columnContact.col2 .col {width:100%;}
.columnContact.col3 .col {width:100%; border-right:none;}

}
@media screen and (max-width: 480px) {
.columnMerit {width:90%; background:none; margin:60px 5% 10px;}
.columnMerit2 > .col {float:none; width:100%; box-sizing:border-box; padding:0 5% 60px; margin:0 auto; border-left:none;}
.columnMerit2 > .col h3 {margin:-28px 0 15px;}
.columnLayout.box > .coll .ttlText {font-size: 122.85714%;}
.columnLayout.col2.box > .coll {width:100%; margin-bottom:12px; min-height: 100px; margin-right: 0;}
.columnLayout > .coll {float:none;}
.columnLayout.col3 > .coll {width:100%; margin-right:0; margin-bottom:10px;}
.columnLayout.col3 > .coll:nth-child(3n) {margin-right:0;}
.columnLayout.box > .coll {padding:10px 5%;}
.columnLayout.colFree > .col {width: 100%;}
.columnLayout.colFree > .col img{width:60%;}
}






/*----------------------------------------
footer
----------------------------------------*/
#serviceFooter {padding:37px 0 40px; min-width:862px; font-size:112.1%; background:#F2F2F2;}
#serviceFooter .group {border-bottom:1px solid #DEDEDE; margin:0 auto; padding-bottom:20px; width:862px;}
#serviceFooter .group > li{position:relative; padding-left:20px;}
#serviceFooter .group > li > a{float:left; width:195px; font-weight:bold;}
#serviceFooter .group > li > ul{float:left; margin-top:-3px; width:647px;}
#serviceFooter .group > li > ul > li{position:relative; display:inline-block; margin-top:3px; padding-left:1.2em; width:195px; vertical-align:top;}
#serviceFooter .group > li > ul > li > a{padding-right:20px;}
#serviceFooter .other{margin:0 auto;padding-top:20px;width:862px;}
#serviceFooter .other > li{position:relative; display:inline-block; margin-top:3px; padding-left:1.2em; width:194px; vertical-align:top;}
#serviceFooter .other > li > a{padding-right:20px;}
#serviceFooter a{vertical-align:top; font-size:78.57142%; color:#6e6e6e;}

@media screen and (max-width: 980px) {
#serviceFooter{padding:37px 0 40px 2px; min-width:767px;}
#serviceFooter .group{width:100%;}
#serviceFooter .group > li > a{float:none; width:195px;}
#serviceFooter .group > li > ul{float:none; margin-top:10px;width:100%;}
#serviceFooter .group > li > ul > li{width:183px;}
#serviceFooter .other{margin: 0 0 0 20px; padding-top:20px; width: calc(100% - 20px);}
#serviceFooter .other > li{width:19%;}
}
@media screen and (max-width: 850px) {
#serviceFooter .group > li > ul > li{width:163px;}
}
@media screen and (max-width: 768px) {
#serviceFooter {min-width:479px;}
#serviceFooter .group > li > ul > li{width:43%;}
#serviceFooter .other > li{width:42%;}
}
@media screen and (max-width: 480px) {
#serviceFooter{min-width:318px;}
#serviceFooter .group > li > ul > li{width:90%;}
#serviceFooter .other > li{width:90%;}
}





/*==[ footerArea ]========================================*/
#gnSolution #footerArea{min-width:862px;}
#footerArea {width: 100%;border-top: 2px solid #d9d9d9;background-color: #f2f2f2;text-align: left;}
#footerArea:after {display: block;clear: both;content: "";}
#footerArea a {color: black;}
#footerArea a:hover {color: #007871;}
#footerArea ol {position: absolute;left: -9999px;}
#footerArea #footBlock {width: 980px;margin: 0 auto;}
#footerArea #footLBlock {float: left;}
#footerArea #footLBlock ul {margin-top: 35px;}
#footerArea #footLBlock ul:after {display: block;clear: both;content: "";}
#footerArea #footLBlock ul li {display:inline-block; line-height:1.1; margin-right:14px; padding-right:17px; border-right:1px dotted #999;}
#footerArea #footLBlock ul li:last-child {border-right:none;}

#footerArea #footLBlock p {margin-top: 17px;color: #666;}
#footerArea #footRBlock {margin: 32px 0;float: right;}
#footerArea #footRBlock_2{margin: 16px 0;float: right;}
#footerArea #footRBlock a {display: block;}

@media screen and (max-width: 1000px) {
#footerArea #footBlock {width: 98%;margin: 0 1%;}
#footerArea #footLBlock ul li {margin-right:7px; padding-right:10px;}
}
@media screen and (max-width: 816px) {
#gnSolution #footerArea{min-width:769px;}
#footerArea #footLBlock ul li {margin-right:3px; padding-right:6px;}
}
@media screen and (max-width: 768px) {
#gnSolution #footerArea{min-width:481px; padding-bottom: 20px;}
#footerArea #footRBlock {margin:6px 0 15px; float:none; text-align: center;}
#footerArea #footLBlock {float:none; text-align: center;}
#footerArea #footLBlock ul {margin: 20px auto 0;}
#footerArea #footLBlock p {margin-top:15px;}
}
@media screen and (max-width: 480px) {
#gnSolution #footerArea{min-width:320px;}
}




.content > p,.content > ol,.content > ul,.content > dl,.content > figure{margin-top:30px;}
.content > p + .hdgLv_02{margin-top:50px;}

.content__img{margin-top: 70px; display: block;}
.content__mbimg{margin-top: 30px; display: none;}

.contImg_main {width:100%;}
.contImg_subL {float: left; margin-right: 20px !important; width:250px;}
.contImg_subR {float: right; margin-left: 20px !important; width:250px;}

.keyvisual2 {padding: 13px 0; width:862px; margin: auto;}
.keyvisual2 img {width:120px; height:auto;}

.moviecont{width:100%; border:4px solid #ccc6b7; position:relative; padding-top:56.25%; margin:10px auto 80px; overflow:hidden;}
.moviecont iframe {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}

.icon-hamburger {background: #fff; border: 1px solid #ccc; cursor: pointer; height: 50px; position: relative; width: 50px; display: none; margin-bottom: 0.4em;}
.icon-hamburger span {background: #cccccc; display: block; height: 16%; left: 50%; margin: -8% 0 0 -42%; position: absolute; top: 50%; width: 84%;}
.icon-hamburger span::before,
.icon-hamburger span::after {background: #cccccc; content: ""; display: block; height: 100%; left: 50%;  margin: -8% 0 0 -50%; position: absolute; top: 50%; width: 100%;}
.icon-hamburger span::before {margin-top: -38%;}
.icon-hamburger span::after {margin-top: 19%;}

@media screen and (max-width: 980px) {
.moviecont{margin:10px auto 50px;}
}
@media screen and (max-width: 861px) {
.keyvisual2 {padding: 6px 0 6px 10px; width:calc(100% - 10px);}
.keyvisual2 img {width:100px; height:auto;}
.moviecont{margin:10px auto 50px;border:none; }
}
@media screen and (max-width: 768px) {
.contImg_subL {width:50%;}
.contImg_subR {width:50%;}
.moviecont{margin:10px auto 30px;}
.content > p,.content > ol,.content > ul,.content > dl,.content > figure{margin-top:20px;}
.content > p + .hdgLv_02{margin-top:35px;}
.content__img{margin-top: 50px;}
}
@media screen and (max-width: 480px) {
.contImg_subL {float: none; width:100%; margin-right: 0 !important;}
.contImg_subR {float: none; width:100%; margin-left: 0 !important;}
.keyvisual2 {display: none;}
.moviecont{margin:10px auto 10px;}
.icon-hamburger {display: inline-block;}
.content > p,.content > ol,.content > ul,.content > dl,.content > figure{margin-top:10px;}
.content > p + .hdgLv_02{margin-top:20px;}
.content__img{margin-top: 30px;}
	.content__img{margin-top: 70px; display: none;}
.content__mbimg{margin-top: 30px; display: block;}
}




.secName{width:862px;	margin:0 auto;}
.secName .secName_ttl{width:100%;	font-size:31px;}

.underbox {clear:both;	margin:20px 0 30px;	padding:15px; height:auto;	display:inherit;	vertical-align:middle;	border:2px solid rgb(206,245,242);}
.underbox img {vertical-align:middle;	padding-right:8px;	padding-left:0px;}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 861px) {
.secName{width:100%; min-width:320px;}
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 480px) {
}






/*----------------------------------------
imgL_01はイベントで、imgL_02は導入事例で、imgL_03は商品詳細で使用
----------------------------------------*/
.iatLayout {display: flex;}
.iatLayout.imgL_02 {justify-content:flex-end;}
.iatLayout + .iatLayout {margin-top:30px;}

.iatLayout.imgL_01 .col {width:2000px;}
.iatLayout.imgL_01 .img {padding-right:25px; vertical-align:top;}
.iatLayout.imgL_01 .img img {width:100%;}
.iatLayout.imgL_02 .col {width:500px;}
.iatLayout.imgL_02 .img {padding-right:25px; vertical-align:top; width:400px;}
.iatLayout.imgL_02 .img img {width:100%;}
.iatLayout.imgL_03 .col {width:90%;}
.iatLayout.imgL_03 .img {padding-right:25px; vertical-align:top; width:10%;}
.iatLayout.imgL_03 .img img {width:100%;}
.iatLayout.imgL_03b .col {width:75%;}
.iatLayout.imgL_03b .img {padding-right:25px; vertical-align:top; width:25%;}
.iatLayout.imgL_03b .img img {width:100%;}
.iatLayout > .col {vertical-align:top;}
.iatLayout.imgR .img {padding-left:25px; vertical-align:top;}
.iatLayout.imgR .img img {width:100%;}
.caption {display:block;margin-top:8px;padding:0 10px;font-size:85.71428%;color:#808080;text-align:center;}



.iatLayout.imgL_03 .col {width:90%;}

.cvContent .iatLayout .col {padding-top:10px;}
.cvContent .iatLayout .img {padding:0 40px 0 15px;}
.suppleBox .iatLayout .img {padding:0 30px;background:url("../../division_common/img/co_bg_dot_01.png") repeat-y right top;}
.suppleBox .iatLayout.imgR .img {padding:0 30px;background:url("../../division_common/img/co_bg_dot_01.png") repeat-y left top;}
.suppleBox .iatLayout.imgR .img.nobg {background:none;}
.suppleBox .iatLayout .img img {padding:5px 0;}
.suppleBox .iatLayout .col {padding:5px 25px 0;}
.iatLayout .col .before {position:relative;padding:3px 0 0 2em;font-size:142.85714%;}
.iatLayout .col .after {position:relative;margin-top:25px;padding:3px 0 0 2em;font-size:142.85714%;font-weight:bold;color:#00b6ac;}
.iatLayout > .col .catch3 {font-size:128.57143%;font-weight:bold;line-height:1.2;}
.iatLayout > .col .sppHdg {margin-top:10px;font-size:114.28571%;font-weight:bold;}
.iatLayout > .col .sppHdg em {display:inline-block;padding:10px 10px 8px;box-sizing:border-box;width:243px;text-align:center;}
.follow .iatLayout > .col .sppHdg em {border:4px solid #EC6C00;color:#EC6C00;}
.follow .iatLayout > .col .sppHdg em + em {position:relative;margin-left:64px;}
.follow .iatLayout > .col .sppHdg em + em:before {display:block;content:"";position:absolute;top:50%;left:-47px;margin-top:-12px;width:24px;height:24px;background:url("/follow_s/follow-saas/img/index_ic_plus_01.gif") no-repeat left center;}
.iatLayout > .col .sppHdg a {color:inherit;}
.flowContent .iatLayout + .iatLayout {margin-top:0;}
.flowContent .iatLayout .img {padding-right:15px; background:url("../../division_common/img/fl_bg_01.gif") repeat-y 38px top;}
.flowContent .iatLayout.last .img {background:none;}
.flowContent .iatLayout .img img {margin-top:-5px;}
.flowContent .iatLayout .col dl.fc {padding:25px 20px 40px; background:none;}
.flowContent .iatLayout .col dl {padding:25px 20px 40px; background:url("../../division_common/img/co_bg_dot_02.png") repeat-x left top;}
.flowContent .iatLayout .col dl dt {margin-bottom:10px; font-size:142.85714%; font-weight:bold; color:#00b6ac;}
.flowContent .iatLayout .col dl dd {line-height:1.5;}

@media screen and (max-width: 980px) {
}
@media screen and (max-width: 768px) {
.iatLayout .img {}
.iatLayout .img p img {}
.iatLayout .col .before{font-size:122.85714%;}
.iatLayout .col .after{font-size:122.85714%;}
.iatLayout.imgL_01 .col {width:1500px;}
.iatLayout.imgL_03 .col {width:86%;}
.iatLayout.imgL_03 .img {padding-right:15px; vertical-align:top; width:14%;}
.iatLayout.imgL_03b .col {width:70%;}
.iatLayout.imgL_03b .img {width:30%;}
}
@media screen and (max-width: 480px) {
.iatLayout{display: block;}
.iatLayout.imgL_01 .img {width:100%; padding-right:0; margin-bottom:25px; margin-top:15px; text-align: center;}
.iatLayout.imgL_01 .img img {width:40%;}
.iatLayout.imgL_02 .img {width:100%; padding-right:0; margin-bottom:25px; margin-top:15px; text-align: center;}
.iatLayout.imgL_02 .col {width:100%;}
.iatLayout.imgL_01 .col {width:100%;}
.imgL_03 {background-color:#ffffff; margin-bottom:10px; border-radius:10px; border:2px dashed #a2a2a2;}
.iatLayout.imgL_03 .col {width:100%;}
.iatLayout.imgL_03 .img {padding-right:40%; padding-left:40%; width:20%;}
.iatLayout.imgL_03 .img img {width:100%;}
.iatLayout.imgL_03b .col {width:100%;}
.iatLayout.imgL_03b .img {width:100%; margin-bottom:14px; text-align:center;}
.iatLayout.imgL_03b .img img {width:50%;}
.iatLayout.imgR .img {padding-left:0;}
.iatLayout .col .before{padding:3px 0 0 2.5em;font-size:102.85714%;}
.iatLayout .col .after{padding:3px 0 0 2.5em;font-size:102.85714%;}
.flowContent .iatLayout:first-child .col{background:none;}
.flowContent .iatLayout .col dl {padding:5px 20px 20px; background:none;}
.flowContent .iatLayout .col dl dt {font-size:132.85714%; text-align:center;}
.flowContent .iatLayout .col dl dd {text-align:center;}
.flowContent .iatLayout .img{padding-top:25px;padding-bottom:0; background:none;}
}





/*----------------------------------------
Box
----------------------------------------*/

.emBox{margin-top:40px !important; padding-left:0; background:#FCF9E8;}
.emBox .emBoxContent{border-top:4px solid #00b6ac; padding:22px 28px 22px 28px;}
.emBox .emBoxContent .iatLayout .img p img {width:168px; height:auto;}
.defBox{border:1px solid #DEDEDE; margin-top:40px !important; padding:22px 28px; background:#F2F2F2;}
.DocuBox{margin-top:40px !important; padding-left:22px; border:1px solid #dddddd; background:#ffffff;}
.DocuCont{padding:22px 22px 22px 0; display:flex; flex-wrap:wrap;}
.DocuCont .Docuimg{flex-basis:166px;}
.DocuCont .Docuinfo{flex-basis:200px; flex-grow:2; margin-left:25px; padding:8px; text-align:left; background:#d6e8e7;}
.DocuCont .Docuinfo .name{font-weight:bold; font-size:16px; margin:0 0 4px;}
.DocuCont .Docuinfo .squarebt {display:block;	width:140px;	padding:0.3em;	text-align:center;	text-decoration:none; background:#fff;}
.DocuCont .Docuinfo .squarebt a:hover {cursor:pointer;	text-decoration:none;	background:#aaa;}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 768px) {
.defBox{margin-top:30px !important; padding:18px 22px;}
}
@media screen and (max-width: 480px) {
.emBox .emBoxContent .iatLayout .img p img {width:100%;}
.defBox{margin-top:20px !important; padding:10px 12px;}
.DocuCont .Docuimg{flex-basis:100%;}
.DocuCont .Docuimg img{width:100%; height:auto;}
.DocuCont .Docuinfo{flex-basis:100%; margin-left:0;}
.DocuCont .Docuinfo .squarebt {margin: 15px 0 0 0;}
}







.column .entrycont {width:612px; margin:0; padding:0;	float:left; background-color:#ffffff;}
.column .entrycont h3 {display: inline-block;	color: #1a807a;	font-size: 28px;	padding-top: 0;	padding-bottom: 10px;	font-weight: normal; line-height: 1.2em;}
.column .entrycont img {max-width: 100%; height: auto; margin: 0 0 16px 0}
.column .entrylist {height: auto;	width: 230px; margin: 0; padding: 0 0 0 20px;	float:right;}
.column .entrylist #latest_col{margin: 8px 0 18px 0;}
.column .entrylist #latest_col dl {margin-top: 2px;}
.column .entrylist #latest_col dt {width: 30%; height: auto; margin: 16px 8px 0 0; float:left;}
.column .entrylist #latest_col dt img {width: 100%; padding:1px; border:1px solid #cccccc;}
.column .entrylist #latest_col dd{width: 60%; height: auto; margin: 16px 8px 0 0; float:right;}
.column .entrylist #latest_col dd .ymd {display: inline-block;	color: #ffffff; background-color: #c1b9a7;	font-size: 10px;	margin: 0 0 2px 0; line-height: 1em; padding: 2px 4px;}
.column .entrylist #latest_col dd .cat01 {display: inline-block;	color: #ffffff; background-color: #E5454A;	font-size: 10px;	margin: 0 0 2px 0; line-height: 1em; padding: 2px 4px;}
.column .entrylist #latest_col dd .cat02 {display: inline-block;	color: #ffffff; background-color: #679840;	font-size: 10px;	margin: 0 0 2px 0; line-height: 1em; padding: 2px 4px;}
.column .entrylist #latest_col dd .cat03 {display: inline-block;	color: #ffffff; background-color: #2251DC;	font-size: 10px;	margin: 0 0 2px 0; line-height: 1em; padding: 2px 4px;}
.column .entrylist #latest_col dd .cat04 {display: inline-block;	color: #ffffff; background-color: #1992b4;	font-size: 10px; margin: 0 0 2px 0; line-height: 1em; padding: 2px 4px;}
.column .entrylist #latest_col dd .ttlText {font-size: 14px; line-height: 1.2em; margin: 4px 0 0 0; padding: 2px 0px; display: inline-block;}
.column .entrylist h4 {display: inline-block; height: 30px;	color: #1a807a;	font-size: 20px;	padding: 0px;	font-weight: bold; line-height: 1.2em;}
.column .entrylist #latest {margin: 0 0 20px 0;}
.column .entrylist #category {margin: 50px 0 20px 0;}


@media screen and (max-width:980px) {
.column .entrycont {width:calc(100% - 250px);}
.column .entrylist {width:230px;}
}
@media screen and (max-width: 600px) {
.column .entrycont {width:100%; float:none;}
.column .entrylist {width:100%; float:none; padding: 0 0 0 0px;}
.column .entrylist #latest_col{margin:18px 0 0 0; padding:20px; background-color:#deeaea;}
.column .entrylist #category {margin:0 0 18px 0; padding:20px; background-color:#eeeeee;}
.column .entrylist #latest_col dt {width:80px;}
.column .entrylist #latest_col dd {width:calc(100% - 100px);}
}
@media screen and (max-width: 480px) {
}







/*----------------------------------------
	smartbilling-column (記事一覧)
----------------------------------------*/
.archives .entries {display:flex; flex-flow:row wrap;}
.archives .entries .entrybox {width:274px; border:5px solid #cccccc; background-color:#f2f2f2; margin:10px 10px 10px 10px; padding:13px; box-sizing:border-box; }
.archives .entries .entrybox:nth-child(3n+1) {margin-left:0;}
.archives .entries .entrybox:nth-child(3n) {margin-right:0;}

.archives .cat01 {color: #ffffff; background-color: #cc0000;	font-size: 10px;	margin : 1px; line-height: 1em; padding: 2px 4px;}
.archives .cat02 {color: #ffffff; background-color: #679840;	font-size: 10px;	margin : 1px; line-height: 1em; padding: 2px 4px;}
.archives .cat03 {color: #ffffff; background-color: #2251DC;	font-size: 10px;	margin : 1px; line-height: 1em; padding: 2px 4px;}
.archives .cat04 {color: #ffffff; background-color: #1992b4;	font-size: 10px;	margin : 1px; line-height: 1em; padding: 2px 4px;}
.cat01 a, .cat02 a, .cat03 a, .cat04 a {color: #ffffff !important;}
.archives .ymd {color: #ffffff; background-color: #c1b9a7;	font-size: 10px;	margin : 1px; line-height: 1em; padding: 2px 4px;}
.archives .entries .entrybox h3 {display: inline-block; height: 50px;	color: #1a807a;	font-size: 20px;	padding-top: 20px;	padding-bottom: 10px;	font-weight: bold; line-height: 1.2em;}
.archives .entries .entrybox p {margin: 14px 0 4px 0;}
.archives .entries .entrybox p a{color : #4C4235; text-decoration: none;}
.archives .entries .entrybox .imglink  {background-color: #f2f2f2 !important; display: contents;}
.archives .entries .entrybox .button a {display: inline-block; margin: 20px 0 4px 0; padding: 8px; border-radius: 4px;}
.archives .entries .entrybox .button a:link, .archives .entries .entrybox .button a:active, .archives .entries .entrybox .button a:visited {color: #ffffff !important; background-color: #666666 !important; transition: background 0.15s ease;}
.archives .entries .entrybox .button a:hover {color: #ffffff !important; background-color: #333333 !important; transition: background 0.15s ease;}
.archives .entries .entrybox img {width: 100%; height: auto; margin: 0 0 0 0}

.archives .cat_nav {border-bottom: solid 1px #aaaaaa; padding: 2px 0; margin-bottom: 10px;}
.archives .cat_nav .cnav00 {color: #333333 !important; font-weight: bold; display: inline-block; border-top: #00b6ac 3px solid; width: 32.9%; padding: 12px 0; text-align: center; line-height: 1em;}
.archives .cat_nav .cnav01 {color: #333333 !important; font-weight: bold; display: inline-block; border-top: #cc0000 3px solid; width: 32.9%; padding: 12px 0; text-align: center; line-height: 1em;}
.archives .cat_nav .cnav02 {color: #333333 !important; font-weight: bold; display: inline-block; border-top: #679840 3px solid; width: 32.9%; padding: 12px 0; text-align: center; line-height: 1em;}
.archives .cat_nav .cnav03 {color: #333333 !important; font-weight: bold; display: inline-block; border-top: #2251DC 3px solid; width: 32.9%; padding: 12px 0; text-align: center; line-height: 1em;}
.archives .cat_nav a:link {background-color: #ffffff!important;}
.archives .cat_nav a:hover {background-color: #efefef !important; transition-duration: 400ms;}

/*pager*/
.pager ul.pagination {text-align: center; margin: 60px 0; padding: 0;}
.pager .pagination li { display: inline-block; margin: 0 2px; padding: 0; background:#7d796f; width: 50px; height: 50px; text-align: center; position: relative;}
.pager .pagination li a{vertical-align: middle; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display:table; color: #fff; text-decoration: none;}
.pager .pagination li a span{display:table-cell; vertical-align:middle;}
.pager .pagination li a:link,.pager .pagination li a.visited{color: #fff !important; background: #7d796f !important;}
.pager .pagination li a:hover,.pager .pagination li a.active{color: #000 !important; background: #c5c2ba !important;}


@media screen and (max-width: 980px) {
}
@media screen and (max-width: 861px) {
.archives .entries .entrybox {width:48%;}

.archives .entries .entrybox:nth-child(3n+1) {margin-left:10px;}
.archives .entries .entrybox:nth-child(3n) {margin-right:10px;}

.archives .entries .entrybox:nth-child(2n+1) {margin-left:0;}
.archives .entries .entrybox:nth-child(2n) {margin-right:0;}

.archives .cat_nav .cnav00 {width:32.2%; line-height:1.3em;}
.archives .cat_nav .cnav01 {width:32.2%; line-height:1.3em;}
.archives .cat_nav .cnav02 {width:32.2%; line-height:1.3em;}
.archives .cat_nav .cnav03 {width:32.2%; line-height:1.3em;}
}
@media screen and (max-width: 536px) {
.archives .entries .entrybox {float:none; width:100%; margin:10px 0;}
.archives .entries .entrybox:nth-child(3n+1) {margin-left:0;}
.archives .entries .entrybox:nth-child(3n) {margin-right:0;}

.archives .cat_nav .cnav00 {width:100%; padding:18px 0; line-height:1em;}
.archives .cat_nav .cnav01 {width:100%; padding:18px 0; line-height:1em;}
.archives .cat_nav .cnav02 {width:100%; padding:18px 0; line-height:1em;}
.archives .cat_nav .cnav03 {width:100%; padding:18px 0; line-height:1em;}
}
@media screen and (max-width: 480px) {
}




/*----------------------------------------
	smartbilling-column (個別記事)
----------------------------------------*/
sup.a { font-size: 10px; }
.remarks {background-color: #eeeeee; padding: 14px; margin-top: 30px;}
.remarks li {list-style: decimal;list-style-position: inside; margin: 10px 0; font-size: 10px;}
.remarks a {font-size: 10px; word-break: break-all; line-height: 1.3em;}
.catch2 {margin:40px 0 15px 0; padding:8px 10px 0 0; font-size:20px !important; text-align:left; color:#007871 !important; font-weight:bold;} 

/*----------------------------------------
h3下部の日付とカテゴリ表示
----------------------------------------*/
.entrycont .ymd {display: inline-block;	color: #ffffff; background-color: #c1b9a7;	font-size: 10px;	margin: 0 0 2px 0; line-height: 1em; padding: 2px 4px; margin-right: 2px;}
.entrycont .cat01 {display: inline-block;	color: #ffffff; background-color: #E5454A;	font-size: 10px;	margin: 0 0 2px 0; line-height: 1em; padding: 2px 4px;}
.entrycont .cat02 {display: inline-block;	color: #ffffff; background-color: #679840;	font-size: 10px;	margin: 0 0 2px 0; line-height: 1em; padding: 2px 4px;}
.entrycont .cat03 {display: inline-block;	color: #ffffff; background-color: #2251DC;	font-size: 10px;	margin: 0 0 2px 0; line-height: 1em; padding: 2px 4px;}
.entrycont .cat04 {display: inline-block;	color: #ffffff; background-color: #1992b4;	font-size: 10px; margin: 0 0 2px 0; line-height: 1em; padding: 2px 4px;}


/*----------------------------------------
関連する記事
----------------------------------------*/
.column #related_entry {height: auto; margin: 40px 0 20px 0; padding:0;}
.column #related_entry h4 {height: 30px;	color: #333333;	font-size: 20px;	padding: 0;	font-weight: bold; line-height: 1.2em;}
.column #related_entry .entry {background-color:#000000; width:22%; height:160px; margin:0 1% 10px 0 ; padding:0 1%; float:left;}
.column #related_entry div:last-of-type {margin:0 0 10px 0;}
.column #related_entry .entry .bg {height: 100%; position: relative; z-index: 1; display: flex; justify-content: center; align-items: center;}
.column #related_entry .entry .bg img {position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:100%; height:auto; vertical-align:middle; opacity:0.5; z-index:10;}
.column #related_entry .entry .bg img:hover {opacity: 0.3; transition-duration: 400ms;}
.column #related_entry .entry .bg .ttl {z-index:20; text-align:center; line-height:20px; font-size:16px; font-weight:bold; color:#ffffff;}
.column #related_entry .ttl a {color: #ffffff;}
.column #related_entry .ttl a:hover {text-decoration: underline;}
.column #related_entry .ttl a:link, .column #related_entry .ttl a:visited, .column #related_entry .ttl a:active {}
@media screen and (max-width: 861px) {.column #related_entry .entry {height:155px;}}
@media screen and (max-width: 841px) {.column #related_entry .entry {height:152px;}}
@media screen and (max-width: 820px) {.column #related_entry .entry {height:150px;}}
@media screen and (max-width: 768px) {.column #related_entry .entry {height:140px;} .column #related_entry .entry .bg .ttl {line-height:21px; font-size:14px;}}
@media screen and (max-width: 728px) {.column #related_entry .entry {height:135px;}}
@media screen and (max-width: 708px) {.column #related_entry .entry {height:130px;}}
@media screen and (max-width: 688px) {.column #related_entry .entry {height:125px;}}
@media screen and (max-width: 645px) {.column #related_entry .entry {height:115px;}}
@media screen and (max-width: 600px) {.column #related_entry .entry {height:220px; width:45%; padding:0 2%;} .column #related_entry .entry .bg .ttl {line-height:21px; font-size:14px;}}
@media screen and (max-width: 570px) {.column #related_entry .entry {height:210px;}}
@media screen and (max-width: 540px) {.column #related_entry .entry {height:200px;}}
@media screen and (max-width: 510px) {.column #related_entry .entry {height:185px;}}
@media screen and (max-width: 480px) {.column #related_entry .entry {height:170px; width:45%; padding:0 2%;} .column #related_entry .entry .bg .ttl {line-height:18px; font-size:12px;}}
@media screen and (max-width: 440px) {.column #related_entry .entry {height:159px;}}
@media screen and (max-width: 400px) {.column #related_entry .entry {height:137px;}}
@media screen and (max-width: 360px) {.column #related_entry .entry {height:115px;}}



/*----------------------------------------
関連するDLC
----------------------------------------*/
.column #related_dlc {height: 200px; margin: 40px 0 20px 0; padding: 0px;}
.column #related_dlc img {width: 280px; padding:2px; border:1px solid #cccccc; margin: 0 20px 0 0; float: left;}
.column #related_dlc .notes{margin: 0;}
.column #related_dlc h4 {height: 30px;	color: #333333;	font-size: 20px;	padding: 0px;	font-weight: bold; line-height: 1.2em;}
.column #related_dlc .notes h5 {margin-bottom:10px;	color: #00000;	font-size: 16px;	padding: 0px;	font-weight: bold; line-height: 1.2em;}
.column #related_dlc .notes .cta {margin-top:18px; float: left;}
.column #related_dlc .notes .cta a {color: #ffffff; background-color: #00B6ac;	font-size: 16px;	font-weight: bold; line-height: 1em; padding: 4px 12px;}

/*mod_titlearea*/
.mod_titlearea1 h2 {font-size: 24px !important;	margin-top: 30px;	line-height: 1.4em;	text-align: left;	color: #007871;	font-weight: normal;}
.mod_titlearea1 h2 img {margin-top: 0;}
.mod_titlearea1 p {font-size: 16px;	line-height: 1.4em;	text-align: left;	margin-top: 15px;}
.mod_titlearea1 img {margin-top: 30px; width: 100%;}

/*mod_textarea*/
.mod_textarea1 p {margin-top: 10px;	text-align: left;	line-height: 1.5em;}
.mod_textarea1 .hdgLv_02 + p {margin-top: 23px;}
.mod_textarea1 .hdgLv_03 + p {margin-top: 30px;}
.mod_textarea1 .hdgLv_02 {margin-top: 50px;	margin-bottom: 0px;}
.mod_textarea1 .hdgLv_03 {margin-top: 40px; margin-bottom: 0px;}
.mod_textarea1 .hdgLv_02 + .hdgLv_03 {margin-top: 23px;}

/*mod_textbox*/
.mod_textbox1 {border: #AAAAAA 4px solid;	margin-top: 50px;}
.hdgLv_02 + .mod_textbox1 {margin-top: 23px;}
.mod_textbox1 h3 {text-align: center;	background-color: #00B6AC; color: #ffffff; font-size: 18px !important; padding: 18px 0 17px;}
.mod_textbox1 ul {padding: 23px;}
.mod_textbox1 ul li {margin-top: 10px;	padding-left: 20px; position: relative;}
.mod_textbox1 ul li:first-child,.mod_textbox1 ul p {margin-top: 0;}

/*mod_btnarea*/
.mod_btnarea {background: url("../../division_common/img/co_bg_case_03.png") no-repeat left top;	margin-top: 50px;	padding: 30px 0;}
img + .mod_btnarea {margin-top: 20px;}
.mod_btnarea .linkBtn {background: url("../../division_common/img/co_btnbg_off_03.png") no-repeat left top;	width: 309px;}
.mod_btnarea a:hover.linkBtn {background: url("../../division_common/img/co_btnbg_on_03.png") no-repeat left top;}
.mod_btnarea .linkBtn div {background: url("../../division_common/img/co_btnbg_off_04.png") no-repeat left bottom;}
.mod_btnarea a:hover.linkBtn div {background: url("../../division_common/img/co_btnbg_on_04.png") no-repeat left bottom;}
.mod_btnarea .linkBtn p {margin-top: 0;	text-align: center;}

@media screen and (max-width:980px) {
}
@media screen and (max-width:768px) {
.mod_titlearea1 h2 {font-size:22px !important;	margin-top:25px;	line-height:1.3em;}
.column #related_dlc {height: auto;}
.column #related_dlc img {width:200px; margin:0 10px 0 0;}
}
@media screen and (max-width:480px) {
.mod_titlearea1 h2 {font-size:20px !important;	margin-top:20px;	line-height:1.2em;}
.column #related_dlc img {width:98%; margin:0 0 20px 0; float:none;}
}







/*----------------------------------------
そのほか
----------------------------------------*/
.always_fullwidth {width:100%; height: auto;}
.cover {height:100px; position:absolute;	background:url(../../division_common/img/co_bg_content_01.gif) repeat-x center top;	width:100%;}
.clear {clear: both;}

@media screen and (max-width: 861px) {
.cover {width:auto;}
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 480px) {
}