@charset "utf-8";


/* common
----------------------------------------------- */
.comcaselist {
	overflow:hidden;
  /*display: flex;
  justify-content: center;
  align-items: center;
  */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.comcaselist li {
	/* float:left; */
	width:50%;
	padding: 0 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	z-index:2;
}
.comcaselist .comcasein {
	background:#fff;
	height: 100%;
}
.comcaselist .comcaseimg {
	width:100%;
}
.comcaselist .comcaseimg img {
  width: 480px;
  height: auto;
}
.comcaselist .comcasebox {
	padding:40px 30px;
}
.comcaselist .comcasehd {
	color:#0f5286;
	font-size:28px;
	font-weight:bold;
}
.comcaselist .comcasecont {
	font-size:18px;
	margin-top:25px;
}
.comcaselist .comcasename {
	font-size:20px;
	margin-top:25px;
}
.comcaselist .comcasebtn {
	text-align:center;
	margin-top:30px;
}
.comcaselist .comcasebtn a {
	display:inline-block;
	font-size:20px;
	color:#0f5286;
	font-weight:bold;
	background:#fff;
	border:2px #0f5286 solid;
	text-align:center;
	padding:15px 30px;
	position:relative;
	width:280px;
	text-decoration:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.comcaselist .comcasebtn a:before {
	position: absolute;
	content: '\f105';
	font-family: 'Font Awesome 5 Free';
	top: 24px;
  top: calc(100% / 2);
	right:15px;
	-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.comcaselist .comcasebtn a:hover {
	background:#0f5286;
	color:#fff !important;
}
@media (max-width: 767px) {
.comcaselist {
	margin:0 0 0 -15px;
  display: block;
}
.comcaselist li {
	padding-left:15px;
  padding-right: 0;
	z-index:2;
  width: 100%;
  float: none;
}
.comcaselist li+ li {
  margin: 30px 0 0;
}
.comcaselist .comcasebox {
	padding:20px 15px;
}
.comcaselist .comcasehd {
	font-size:20px;
}
.comcaselist .comcasecont {
	font-size:16px;
	margin-top:15px;
}
.comcaselist .comcasename {
	font-size:18px;
	margin-top:15px;
}
.comcaselist .comcasebtn {
	margin-top:20px;
}
.comcaselist .comcasebtn a {
	font-size:16px;
	padding:10px 20px;
	width:100%;
}
.comcaselist .comcasebtn a:before {
	right:10px;
}
.comcaselist .comcaseimg img {
  width: 100%;
  height: auto;
}
}

.comfree {
	padding:80px 0;
	background:#f5f5f5;
}
.comfreelink {
	max-width:680px;
	margin:30px auto 0;
	font-size:18px;
	text-align:right;
}

@media (max-width: 767px) {
.comfree {
	padding:40px 0;
}
.comfreelink {
	max-width:80%;
	margin:20px auto 0;
	font-size:16px;
}
}

.combtnback {
	text-align:center;
	margin-top:80px;
}
.combtnback a {
	display:inline-block;
	font-size:20px;
	color:#0f5286;
	font-weight:bold;
	background:#fff;
	border:2px #0f5286 solid;
	text-align:center;
	padding:15px 90px;
	position:relative;
	text-decoration:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.combtnback a:before {
	position: absolute;
	content: '\f104';
	font-family: 'Font Awesome 5 Free';
	top: 50%;
  top: calc(100% / 2);
	left:25px;
	-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.combtnback a:hover {
	background:#0f5286;
	color:#fff !important;
}


@media (max-width: 767px) {
.combtnback {
	margin-top:40px;
}
.combtnback a {
	font-size:16px;
	padding:15px 10px;
	width:80%;
}
.combtnback a:before {
	left:10px;
}
}

.pagenavi {
	margin-top:80px;
	text-align:center;
}
.pagenavi a,
.pagenavi .current_page {
	display:inline-block;
	margin:5px 10px;
	text-decoration:none;
	border:2px #0f5286 solid;
	background:#0f5286;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	width:60px;
	font-weight:bold;
	height:60px;
	line-height:56px;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.pagenavi a:hover,.pagenavi a.select,.pagenavi .current_page {
	background:#fff;
	color:#0f5286;
}
@media (max-width: 767px) {
.pagenavi {
	margin-top:40px;
}
.pagenavi a,
.pagenavi .current_page {
	font-size:18px;
	margin:5px;
	width:50px;
	height:50px;
	line-height:46px;
}
}


/* top
----------------------------------------------- */
.anchlinks{
	position: fixed;
	right: 20px;
	top:50%;
	transform: translate(0,-50%);
}
.anchlinks li{
	padding: 10px 0;
}
.anchlinks a{
	display: block;
	position: relative;
	width: 30px;
	height: 30px;
	background:url(../images/top/point_anchlinks_no.png) center center no-repeat;
}
.anchlinks a .txt{
	position: absolute;
	right: 100%;
	top:0;
	background:url(../images/top/bg_anchlinks.png) center center no-repeat;
	width:167px;
	height:36px;
	color:#0f5286;
	font-size:16px;
	text-align:center;
	line-height:36px;
	margin-right: 10px;
	display: none;
}

.anchlinks a:hover .txt{
	display: block;
}
.anchlinks a.active{
	background:url(../images/top/point_anchlinks_on.png) center center no-repeat;
}


.mainimg {
	background:url(../images/top/bg_mainimg.png) center bottom no-repeat #deecf3;
	text-align:center;
}
@media (max-width: 767px) {
.mainimg {
	background:#deecf3;
	text-align:center;
}
}
.topnews {
	background:#0f5286;
	padding:20px 0;
}
.topnewshd {
	font-size:18px;
	color:#fff;
	font-weight:bold;
	margin-bottom:15px;
	overflow:hidden;
}
.topnewshd span {
	float:right;
	font-size:14px;
	color:#fff;
}
.topnewshd span a {
	color:#fff;
	font-weight:normal;
}
@media (max-width: 767px) {
.topnewshd {
	font-size:16px;
}
}
.topnewslist {
	color:#fff;
	font-size:14px;
}
.topnewslist a {
	color:#fff;
}
.topnewslist li {
	overflow:hidden;
}
.topnewslist li+li {
	margin-top:10px;
}
.topnews .newstype {
	float:left;
	width:100px;
	padding:3px 0;
	text-align:center;
	margin-right:25px;
}
.topnews .typeblue {
	background:#2ba7e7;
}
.topnews .typegreen {
	background:#009e96;
}
.topnews .information {
	background:#009e96;
}
.topnews .seminar {
	background:#2ba7e7;
}
.topnews .newsdate {
	float:left;
	margin-right:30px;
}
.topnews .newscont {
	overflow:hidden;
}
@media (max-width: 767px) {
.topnews .newstype {
	float:none;
	display:inline-block;
	margin-right:15px;
}
.topnews .newsdate {
	float:none;
	display:inline-block;
	margin-right:0;
}
.topnews .newscont {
	display:block;
	margin-top:5px;
}
}
.toprpa {
	float:none;
  width: 1300px;
  margin: 0 auto;
}
.toprpa .hdl {
	text-align:left;
	margin-bottom:25px;
}
.toprpa .hdl:before {
	left:0;
	bottom:-10px;
	transform:translateX(0);
}
.toprpabox {
	margin-top:30px;
}
.toprpabox p+p {
	margin-top:20px;
}
.toprpacont {
	width:440px;
}
.toprpabox .green {
	color:#009e96;
	font-weight:bold;
}
@media (max-width: 767px) {
.toprpa {
	float:none;
  width: 100%;
}
.toprpabox {
	margin-top:20px;
}
.toprpabox p+p {
	margin-top:10px;
}
.toprpacont {
	width:auto;
}
}

.topvideo {
	background:url(../images/top/bg_top01.jpg) center center no-repeat;
	padding:60px 0;
	background-size:cover;
}
.topvideobox {
	max-width:520px;
	margin:0 auto;
}
.topvideohd {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	font-size:34px;
	font-weight:bold;
	text-align:center;
	margin-bottom:30px;
	color:#fff;
	line-height:1.2;
}
@media (max-width: 767px) {
.topvideo {
	padding:30px 0;
}
.topvideohd {
	font-size:26px;
	margin-bottom:20px;
}
}

.topmarketnote {
	font-size:12px;
	margin-top:15px;
}
@media (max-width: 767px) {
.topmarketnote {
	text-align:left;
}
}

.toppoint {
	overflow:hidden;
	margin:0 0 0 -35px;
}
.toppoint li {
	float:left;
	width:33.33%;
	padding-left:35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.toppointbox {
	background:#fff;
	text-align:center;
}
.toppointarea {
	padding:50px 10px 30px;
	font-size:18px;
}
.toppointtit {
	font-size:28px;
	color:#0f5286;
	margin:35px 0 25px;
	font-weight:bold;
}
.toppointhd {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	background:#0f5286;
	color:#fff;
	font-size:30px;
	text-align:center;
	padding:15px 10px;
	line-height:1.2;
}
@media (max-width: 767px) {
.toppoint {
	overflow:hidden;
	margin:-20px 0 0 0;
}
.toppoint li {
	float:none;
	width:auto;
	padding-left:0;
	margin-top:20px;
}
.toppointbox {
	text-align:left;
}
.toppointarea {
	padding:20px 15px;
	font-size:16px;
	overflow:hidden;
}
.toppointimg {
	float:left;
	margin-right:20px;
	max-width:35%;
}
.toppointtit {
	font-size:18px;
	margin:0 0 10px;
}
.toppointtit+ p {
	font-size:15px;
}
.toppointhd {
	font-size:22px;
}
}
@media (max-width: 320px) {
.toppointtit {
	font-size:16px;
}
.toppointtit+ p {
	font-size:15px;
}
}

.topptother {
	margin-top:50px;
	background:#fff;
	padding:10px;
}
.topptotherin {
	display:table;
	width:100%;
}
.topptotherl {
	display:table-cell;
	vertical-align:middle;
	width:250px;
}
.topptotherr {
	display:table-cell;
	vertical-align:middle;
}
.topptotherr li {
	position:relative;
	padding-left:45px;
}
.topptotherr li:before {
	position:absolute;
	content:"";
	background:url(../images/top/ico_top01.png) 0 0 no-repeat;
	width:35px;
	height:28px;
	left:0;
	top:4px;
	z-index:2;
}
.topptotherr li+li {
	margin-top:10px;
}
.topptotherr li span {
	display:inline;
	background:url(../images/top/line_top01.png) 0 bottom repeat-x;
	font-size:24px;
	color:#0f5286;
	font-weight:bold;
	line-height:1.5;
}
@media (max-width: 767px) {
.topptother {
	margin-top:30px;
}
.topptotherl {
	width:auto;
	padding-right:20px;
}
.topptotherr li span {
	font-size:22px;
}
}
@media (max-width: 479px) {
.topptotherr li {
	padding-left:35px;
}
.topptotherr li:before {
	position:absolute;
	content:"";
	background:url(../images/top/ico_top01.png) 0 0 no-repeat;
	background-size:30px 24px;
	width:30px;
	height:24px;
	left:0;
	top:4px;
	z-index:2;
}
.topptotherr li span {
	font-size:18px;
}
}


.toppointlink {
	max-width:680px;
	margin:15px auto 0;
	font-size:18px;
	text-align:right;
}
@media (max-width: 767px) {
.toppointlink {
	max-width:80%;
	font-size:16px;
}
}

.topsupport {
	max-width:830px;
	margin:40px auto 0;
}
.topsptser {
	display:table;
	width:100%;
}
.topsptserl {
	display:table-cell;
	vertical-align:middle;
	padding-right:30px;
  text-align: right;
}
.topsptserr {
	display:table-cell;
	vertical-align:middle;
	color:#0f5286;
	font-size:38px;
	font-weight:bold;
}
.topsptlist li {
	margin-top:20px;
	padding:20px 40px;
	border:2px #0f5286 solid;
	background:#fff;
}
.topsptlist li .topsptbox {
	display:table;
	width:100%;
}
.topsptlist li .topsptboxl {
	display:table-cell;
	vertical-align:middle;
	width:110px;
}
.topsptlist li .topsptboxr {
	display:table-cell;
	vertical-align:middle;
	font-size:26px;
	font-weight:bold;
}
.topsptlisttxt {
  margin: 20px 0 0;
}
.topsptlistsubttl+ .topsptlisttxt {
  margin: 10px 0 0;
}
.topsptlistsubttl {
  margin: 30px 0 0;
}
.topsptlistsubttl a {
  font-size: 22px;
  color: #0f5286;
  font-weight: bold;
}
.topsptlist li.link {
	padding:0;
}
.topsptlist li.link a {
	padding:20px 40px;
  display: block;
  text-decoration: none;
}
.topsptlist li a:hover {
  text-decoration: none;
  opacity: .7;
}
@media (max-width: 767px) {
.topsupport {
	margin:20px auto 0;
}
.topsptserl {
	padding-right:20px;
}
.topsptserl img {
	width: 60px;
	height: auto;
}
.topsptserr {
	font-size:20px;
}
.topsptlist li {
	padding:20px;
}
.topsptlist li .topsptboxl {
	width:110px;
}
.topsptlist li .topsptboxr {
	font-size:18px;
}
.topsptlistsubttl {
  word-break: break-all;
}
.topsptlistsubttl a {
  font-size: 18px;
}
}

.topscene {
	background:url(../images/top/bg_top02.jpg) center center no-repeat;
	padding:100px 0;
	background-size:cover;
}
.topscenelist {
	overflow:hidden;
	margin:-80px 0 0 -60px;
}
.topscenelist li {
	float:left;
	width:33.33%;
	padding-left:60px;
	margin-top:80px;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.topscenehd {
	display:table;
	width:100%;
}
.topscenehdin {
	color:#0f5286;
	font-size:28px;
	font-weight:bold;
	padding:30px 0;
	display:table-cell;
	vertical-align:middle;
}

.topscenebtn a {
	display:block;
	font-size:20px;
	color:#0f5286;
	font-weight:bold;
	background:#fff;
	border:2px #0f5286 solid;
	text-align:center;
	padding:15px 30px;
	position:relative;
	text-decoration:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.topscenebtn a:before {
	position: absolute;
	content: '\f105';
	font-family: 'Font Awesome 5 Free';
	top: 28px;
  top: calc(100% / 2);
	right:15px;
	-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.topscenebtn a:hover {
	background:#0f5286;
	color:#fff !important;
}
@media (max-width: 767px) {
.topscene {
	padding:50px 0;
}
.topscenelist {
	overflow:hidden;
	margin:-30px 0 0 -20px;
}
.topscenelist li {
	width:50%;
	padding-left:20px;
	margin-top:30px;
}
.topscenehdin {
	font-size:20px;
	padding:20px 0;
}

.topscenebtn a {
	font-size:16px;
	padding:15px 20px;
}
.topscenebtn a:before {
	right:10px;
}
}

.topfeature {
	overflow:hidden;
	margin:0 0 0 -35px;
}
.topfeature li {
	float:left;
	width:33.33%;
	padding-left:35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.topfeature .topfeaturein {
	border:4px #e5e5e5 solid;
	background:#fff;
	padding:35px 20px;
	text-align:center;
	font-size:18px;
}
.topfeature .topfeathd {
	font-size:28px;
	color:#0f5286;
	font-weight:bold;
	margin-bottom:30px;
}
.topfeature .topfeattxt {
	margin-top:30px;
	text-align:left;
}
@media (max-width: 767px) {
.topfeature {
	overflow:hidden;
	margin:-20px 0 0 0;
}
.topfeature li {
	float:none;
	width:auto;
	margin-top:20px;
	padding-left:0;
}
.topfeature .topfeaturein {
	padding:20px 30px;
	font-size:16px;
	overflow:hidden;
	text-align:left;
}
.topfeature .topfeathd {
	font-size:20px;
	margin-bottom:20px;
}
.topfeature .topfeatimg {
	float:left;
	margin-right:20px;
}
.topfeature .topfeatcont {
	overflow:hidden;
}
.topfeature .topfeattxt {
	margin-top:20px;
}
}
@media (max-width: 479px) {
.topfeature .topfeatimg {
	width:40%;
}
}

.topseminar {
	padding:60px 0;
	background:url(../images/top/bg_top03.jpg) center center no-repeat;
	background-size:cover;
}
@media (max-width: 767px) {
.topseminar {
	padding:30px 0;
}
}
.topseminarin {
	background:#fff;
	padding:80px;
	font-size:18px;
}
.topseminarhd {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	text-align:center;
	font-size:40px;
	font-weight:bold;
	color:#0f5286;
	line-height:1.2;
	margin-bottom:40px;
}
.topseminarbtn {
	margin-top:50px;
}
.topseminarbtn a {
	width:630px;
}

@media (max-width: 767px) {
.topseminarin {
	padding:30px;
	font-size:16px;
}
.topseminarhd {
	font-size:28px;
	margin-bottom:20px;
}
.topseminarbtn {
	margin-top:30px;
}
.topseminarbtn a {
	width:100%;
}
}

.topcasehd {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	text-align:center;
	color:#0f5286;
	font-size:44px;
	font-weight:bold;
	line-height:1.2;
	margin-bottom:60px;
}
.topcasehdm {
	font-size:32px;
}
.topcasehds {
	font-size:18px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"メイリオ",Meiryo,'ＭＳ Ｐゴシック',Verdana,Arial,Helvetica,sans-serif;
	font-weight:normal;
}
@media (max-width: 767px) {
.topcasehd {
	font-size:28px;
	margin-bottom:30px;
}
.topcasehdm {
	font-size:20px;
}
.topcasehds {
	font-size:16px;
}
}


/* scene
----------------------------------------------- */
.sceneauto {
	max-width:1100px;
	margin:0 auto;
}
.scenecheck {
	background:url(../images/scene/img_scenemail01.png) right bottom no-repeat;
	padding-bottom:100px;
}
.scenecheck ul {
	width:710px;
}
.scenecheck li+li {
	margin-top:25px;
}
.scenecheck li a {
	display:block;
	background:#e3f1f8;
	padding:20px 55px 20px 40px;
	color:#0f5286;
	font-size:28px;
	outline:none;
	font-weight:bold;
	position:relative;
}
.scenecheck li a:before {
	position:absolute;
	content:"";
	background:url(../images/scene/arrow_scene01.png) 0 0 no-repeat;
	width:24px;
	height:15px;
	top:50%;
	right:30px;
	transform:translateY(-50%);
	z-index:2;
}
.scenecheck li a span {
	display:inline-block;
	background:url(../images/scene/check_scene.png) 0 5px no-repeat;
	padding-left:50px;
}
@media (max-width: 767px) {
.sceneauto {
	padding:0 20px;
}
.scenecheck {
	background:none;
	padding-bottom:0;
}
.scenecheck ul {
	width:auto;
	margin-bottom:20px;
}
.scenecheck li a {
	font-size:20px;
	padding:20px 40px 20px 30px;
}
.scenecheck li a:before {
	background-size:20px 13px;
	width:20px;
	height:13px;
	right:20px;
}
.scenecheck li a span {
	background-size:28px 22px;
	padding-left:40px;
}
}

.sceneconthd {
	background:#0f5286;
	font-size:44px;
	color:#fff;
	margin-bottom:80px;
	font-weight:bold;
	text-align:center;
	padding:35px 20px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	position:relative;
}
.sceneconthd:before {
	position:absolute;
	content:"";
	background:url(../images/scene/arrow_scene02.png) 0 0 no-repeat;
	width:70px;
	height:30px;
	top:100%;
	left:50%;
	transform:translateX(-50%);
	z-index:2;
}
@media (max-width: 767px) {
.sceneconthd {
	font-size:32px;
	margin-bottom:40px;
	padding:20px;
}
.sceneconthd:before {
	background-size:50px 21px;
	width:50px;
	height:21px;
}
}
.scenecont+.scenecont {
	margin-top:60px;
}
.sceneconttxt {
	font-size:18px;
}
.sceneconttxt+.sceneconttxt {
	margin-top:20px;
}
@media (max-width: 767px) {
.scenecont+.scenecont {
	margin-top:30px;
}
.sceneconttxt {
	font-size:16px;
}
}
.scenelist .combtnlarge {
	margin-top:80px;
}
@media (max-width: 767px) {
.scenelist .combtnlarge {
	margin-top:40px;
}
}


/* feature
----------------------------------------------- */
.featuretwo {
	max-width:655px;
	margin:40px auto 0;
}
.featurelist {
	overflow:hidden;
	margin:0 0 0 -35px;
}
.featurelist li {
	float:left;
	width:33.33%;
	padding-left:35px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.featuretwo .featurelist li {
	width:50%;
}
.featurelist .featurebox {
	background:#e3f1f8;
	text-align:center;
	padding:30px;
}
.featurelist .featurehd {
	color:#0f5286;
	font-size:28px;
	font-weight:bold;
	margin-bottom:20px;
}
.featurelist .featuretxt {
	font-size:18px;
	margin-top:30px;
	text-align:left;
}
.featurelist .featureimg {
	text-align:center;
}
.featurelist .featurebtn {
	margin-top:20px;
}
.featurelist .featurebtn a {
	display:block;
	font-size:20px;
	color:#0f5286;
	font-weight:bold;
	background:#fff;
	border:2px #0f5286 solid;
	text-align:center;
	padding:15px 30px;
	position:relative;
	text-decoration:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.featurelist .featurebtn a:before {
	position: absolute;
	content: '\f105';
	font-family: 'Font Awesome 5 Free';
	top: 50%;
  top: calc(100% / 2);
	right:15px;
	-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.featurelist .featurebtn a:hover {
	background:#0f5286;
	color:#fff !important;
}


@media (max-width: 767px) {
.featuretwo {
	max-width:655px;
	margin:20px 0 0;
}
.featurelist {
	margin:-20px 0 0 0;
}
.featurelist li {
	float:none;
	width:auto;
	padding-left:0;
	margin-top:20px;
}
.featuretwo .featurelist li {
	width:auto;
}
.featurelist .featurebox {
	padding:20px;
}
.featurelist .featurehd {
	font-size:20px;
}
.featurelist .featuretxt {
	font-size:16px;
	margin-top:20px;
}
.featurelist .featurebtn a {
	font-size:16px;
	padding:15px 20px;
}
.featurelist .featurebtn a:before {
	right:10px;
}
}

.featureacmsttl {
  font-size: 24px;
  padding: 0 0 0 20px;
  position: relative;
}
.featureacmsttl:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #0f5286;
  display: block;
  position: absolute;
  top: .55em;
  left: 5px;
}
.featureacmslink {
	margin-bottom:15px;
}
.featureacmslink a {
	font-size:24px;
	color:#0f5286;
	background:url(../images/feature/dot_feature01.png) 0 center no-repeat;
	padding-left:20px;
}
.featureacmstxt {
	margin-bottom:50px;
	font-size:18px;
}
.featureacms {
	margin:0 0 50px -30px;
}
.featureacmstable {
  display: table;
  margin: 0 0 50px;
}
.featureacmstableicon {
  display: table-cell;
  vertical-align: middle;
  padding: 0 35px 0 20px;
  border-right: 2px solid #0f5286;
}
.featureacmstableicon a {
  width: 80px;
  display: inline-block;
}
.featureacmstabletxt {
  display: table-cell;
  vertical-align: top;
  padding: 0 0 0 30px;
}
.featureacmstabletxt p {
  margin: 0 0 10px;
}
.featureacmstabletxt a {
  color: #497299;
}
.featureacmstabletxt ul {
  padding: 0 0 0 15px;
}
.featureacmstabletxt ul li {
  padding: 0 0 0 20px;
  position: relative;
  font-size: 18px;
}
.featureacmstabletxt ul li+ li {
  margin: 5px 0 0;
}
.featureacmstabletxt ul li:before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #0f5286;
  display: block;
  position: absolute;
  top: .55em;
  left: 5px;
}
.featureacms li {
	float:left;
	width:50%;
	padding-left:30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.featureacms .featureacmshd {
	background:#e3f1f8;
	text-align:center;
	padding:20px 10px;
	color:#0f5286;
	font-size:26px;
	font-weight:bold;
}
.featureacms .featureacmsbox {
	border:4px #eee solid;
	border-top:none;
	padding:30px 45px;
	text-align:center;
	position:relative;
}
/* .featureacms .featureacmsbox:before {
	position:absolute;
	content:"";
	background:url(../images/feature/ico_feature01.png) 0 0 no-repeat;
	left:50%;
	transform:translateX(-50%);
	bottom:-18px;
	width:109px;
	height:113px;
	z-index:2;
} */
.featureacms .featureacmsafter .featureacmshd {
	background:#0f5286;
	color:#fff;
}
/* .featureacms .featureacmsafter .featureacmsbox:before {
	background:url(../images/feature/ico_feature02.png) 0 0 no-repeat;
	width:97px;
	height:124px;
} */

@media (max-width: 767px) {
.featureacmslink a {
	font-size:18px;
}
.featureacmstxt {
	margin-bottom:30px;
	font-size:16px;
}
.featureacms {
	margin:0;
}
.featureacms li {
	float:none;
	width:auto;
	padding-left:0;
}
.featureacms li+li {
	margin-top:40px;
}
.featureacms .featureacmshd {
	font-size:20px;
}
.featureacms .featureacmsbox {
	border:2px #eee solid;
	border-top:none;
	padding:20px;
}
.featureacmsttl {
  font-size: 20px;
}
.featureacmstable {
  display: block;
  margin: 30px 0 30px;
}
.featureacmstableicon {
  display: block;
  width: auto;
  padding: 0;
  margin: 0 0 10px;
}
.featureacmstabletxt {
  display: block;
  word-break: break-all;
  padding: 0;
}
.featureacmstabletxt ul {
  padding: 0;
}
.featureacmstabletxt ul li {
  font-size: 16px;
}
}

.featureinner {
	font-size:18px;
}
.featureinner .hds {
	margin-bottom:20px;
}
.featureinner+.featureinner {
	margin-top:60px;
}
.featdetailimg {
	text-align:center;
	margin-top:30px;
}
@media (max-width: 767px) {
.featureinner {
	font-size:16px;
}
.featureinner+.featureinner {
	margin-top:30px;
}
}

.featrecordtab {
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.featrecordtab td {
	vertical-align:middle;
	font-size:16px;
	color:#484848;
	border:2px #eee solid;
	text-align:center;
	padding:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.featrecordtab td .featrecordtype {
	padding-left:55px;
	position:relative;
	text-align:left;
}
.featrecordtab td .featrecordtype span {
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);
	z-index:2;
}
.featrecordtab th {
	vertical-align:middle;
	padding:15px 10px;
	font-size:14px;
	color:#fff;
	text-align:center;
	border-right:2px #fff solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.featrecordtab th.bgblue {
	background:#2875bb;
}
.featrecordtab th.bggreen {
	background:#61bd40;
}
.featrecordtab th.bgred {
	background:#e93745;
}
.featrecordtab th.bggray {
	background:#888;
}
.featrecordtab th span {
	font-size:16px;
	font-weight:bold;
}
@media (max-width: 767px) {
.featrecordtab {
	width:1000px;
}
.featrecordbox {
	width:100%;
	overflow-x:scroll;
	padding:15px 0;
}
.featrecordbox::-webkit-scrollbar{
	width: 5px;
	background: #ebe7e7;
	border-radius: 2px;
	border:1px #666 solid;
}
.featrecordbox::-webkit-scrollbar:horizontal{
	height: 5px;
	background: #ebe7e7;
	border-radius: 2px;
	border:1px #666 solid;
}
.featrecordbox::-webkit-scrollbar-thumb{
	background: #666;
	border-radius: 2px;
}
.featrecordbox::-webkit-scrollbar-thumb:horizontal{
	background: #666;
	border-radius: 2px;
}
}


/* case
----------------------------------------------- */
.casebox {
	overflow:hidden;
	font-size:18px;
}
.casebox+.casebox {
	margin-top:80px;
}
.casebox .caseimg {
	float:left;
	margin-right:40px;
}
.casebox .caseimgin {
	position:relative;
	display:inline-block;
  height: 300px;
  overflow-y: hidden;
}
.casebox .caseimgin span {
	display:inline-block;
	text-align:center;
	position:absolute;
	left:0;
	top:0;
	font-weight:bold;
	width:100px;
	padding:5px 0;
	color:#fff;
	font-size:20px;
	background:rgba(15,82,134,0.6);
	z-index:2;
}
.casebox .ftbox {
  height: 300px;
  position: relative;
}
.casebox .casehd {
	color:#0f5286;
	font-size:28px;
  line-height: 1.4;
	font-weight:bold;
	margin-bottom:16px;
}
.casebox .casecompany {
  font-size: 19px;
  margin-top: 16px;
  line-height: 1.4;
}
/* .casebox .casebtn {
	text-align:right;
	margin-top:38px;
} */
.casebox .casebtn {
  position: absolute;
  text-align: right;
  margin-top: 0;
  bottom: 0;
  right: 0;
}
.casebox .casebtn a {
	display:inline-block;
	font-size:20px;
	color:#0f5286;
	font-weight:bold;
	background:#fff;
	width:300px;
	border:2px #0f5286 solid;
	text-align:center;
	padding:16px 10px 14px;
	position:relative;
	text-decoration:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.casebox .casebtn a:before {
	position: absolute;
	content: '\f105';
	font-family: 'Font Awesome 5 Free';
	top: 50%;
  top: calc(100% / 2);
	right:15px;
	-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.casebox .casebtn a:hover {
	background:#0f5286;
	color:#fff !important;
}


@media (max-width: 767px) {
.casebox {
	font-size:16px;
}
.casebox+.casebox {
	margin-top:40px;
}
.casebox .caseimg {
	float:none;
	margin-right:0;
	text-align:center;
	margin-bottom:20px;
}
.casebox .caseimgin span {
	font-size:18px;
}
.casebox .ftbox {
  height: 292px;
}
.casebox .casehd {
  font-size: 20px;
  margin-bottom: 20px;
}
.casebox .casecompany {
	font-size:17px;
	margin-top:18px;
}
.casebox .casebtn {
  position: relative;
	text-align:center;
	margin-top:20px;
}
.casebox .casebtn a {
	font-size:16px;
	padding:12px 10px 8px;
	width:100%;
}
.casebox .casebtn a:before {
	right:10px;
}
}


/* case detail
----------------------------------------------- */
.casedethd {
	padding-right:;
	font-size:36px;
	font-weight:bold;
	color:#0f5286;
	position:relative;
	margin-bottom:20px;
}
.casedethdtype {
	display:inline-block;
  vertical-align: top;
	background:#0f5286;
	padding:5px;
	width:100px;
	text-align:center;
	color:#fff;
	font-size:20px;
	font-weight:bold;
  margin: 3px 15px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
  float: left;
}
.casedethdin {
  display: block;
  float: left;
  width: 880px;
  line-height: 1.2;
}
.casedethd h1 {
  width: auto;
  font-weight: bold;
  display:inline;
	vertical-align:middle;
}
.casedetsmall {
	font-size:30px;
	color:#000;
	font-weight:bold;
}
.casedetpdf {
	/* position:absolute;
	right:0;
	top:0;
	z-index:2; */
  float: right;
  width: 240px;
}
.casedetpdf a {
	width:240px;
	display:block;
	text-decoration:none;
	text-align:center;
	color:#0f5286;
	font-weight:bold;
	font-size:14px;
	border:2px #e5e5e5 solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.casedetpdf a:hover {
  opacity: .7;
}
.casedetpdf a span {
	display:inline-block;
	background:url(../images/case/pdf_casedet.png) 0 center no-repeat;
	padding:15px 0 15px 30px;
}
.casedetbox {
	margin-top:30px;
	font-size:18px;
	/* overflow:hidden; */
  word-break: break-all;
}
.casedetbox .casedetimg {
	float:left;
  margin-left: auto !important;
  margin-right: 40px!important;
  margin-bottom: 30px;
}

.casedetbox p {
	margin:30px 0;
	font-size:18px;
}
.casedetbox p:first-child {
	margin: 0 0 30px;
}
.casedetbox h2 {
  background: url(../images/news/dot_newsdet01.png) 0 0 no-repeat;
  font-size: 28px;
  line-height: 1.6;
  color: #0f5286;
  font-weight: bold;
  padding-left: 15px;
  margin: 50px 0 30px;
}
.casedetbox h2:first-child {
    margin: 0 0 30px;
}
.casedetbox b {
  font-size: 20px;
  font-weight: bold;
}
.casedetbox strong {
  font-size: 20px;
  font-weight: bold;
  color: #009e96;
}
.casedetbox h3 {
  font-size: 20px;
  color: #0f5286;
  font-weight: bold;
  margin: 20px 0;
}
.casedetbox ul {
  margin: 30px 0;
}
.casedetbox ul li {
    background: url(../images/news/dot_newsdet02.png) 0 10px no-repeat;
    padding-left: 17px;
}
.casedetbox ul li+ li {
    margin-top: 5px;
}
.casedetbox img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
}
.cominfo {
  border: 10px #deecf3 solid;
  padding: 50px;
  margin-top: 60px;
}
.cominfoimg {
  float: left;
  width: 38%;
}
.cominfotxt {
  float: right;
  width: 58%;
  text-align: left;
  line-height: 1.4;
}
.cominfotxtttl {
  font-size: 28px;
  color: #0f5286;
  margin: 0 0 10px;
}
.cominfotxtsubttl {
  margin: 0 0 30px;
}
.cominfotxtadd {
  margin: 0 0 20px;
}
.cominfotxtcontact p {
  margin: 0!important;
}

@media (max-width: 767px) {
.casedethd {
	padding-right:0;
	font-size:28px;
}
.casedethdtype {
	font-size:16px;
  float: none;
  display: block;
  margin: 3px 15px 10px 0;
}
.casedethdin {
  width: 100%;
  position: relative;
  padding: 0;
}
.casedetpdf {
	position:absolute;
	right:0;
	bottom:0;
	margin-top:0;
  float: none;
}
.casedetpdf a span {
	padding:10px 0 10px 30px;
}
.casedetsmall {
	font-size:22px;
}
.casedetbox {
	margin-top:20px;
	font-size:16px;
}
.casedetbox .casedetimg {
	float:none;
	margin-right:0;
	margin-bottom:20px;
	text-align:center;
}
.casedethd h1 {
  width: 100%;
  font-size: 28px;
}
.casedethd .casedetpdf+ h1 {
  display: block;
  padding: 0 0 45px;
}
.casedetsmall {
  font-size: 18px;
}
.casedetbox p {
  margin: 20px 0;
}
.casedetbox b {
  font-size: 18px;
}
.casedetbox h2 {
  font-size: 22px;
  background: url(../images/news/dot_newsdet01.png) 0 0 no-repeat;
  background-size: 36px;
  margin: 40px 0 20px;
}
.casedetbox h3 {
  font-size: 18px;
}
.cominfo {
  border: 5px #deecf3 solid;
  padding: 20px;
  margin-top: 30px;
}
.cominfoimg {
    float: none;
    width: 100%;
    margin: 0 0 20px;
}
.cominfotxt {
    float: none;
    width: 100%;
}
.cominfotxtttl {
  font-size: 22px;
  margin: 0 0 5px;
}
.cominfotxtsubttl {
  margin: 0 0 15px;
}
.cominfotxtadd {
  margin: 0 0 10px;
}
.casedetbox p {
  font-size: 16px;
}
}

.casesound {
	max-width:950px;
	margin:80px auto 0;
}
.casesoundhd {
	text-align:center;
	color:#0f5286;
	font-size:32px;
	font-weight:bold;
	margin-bottom:40px;
}
.casesoundbox {
	padding-left:180px;
	position:relative;
}
.casesoundbox:before {
	position:absolute;
	content:"";
	background:url(../images/case/person_casedet.png) 0 0 no-repeat;
	width:130px;
	height:130px;
	left:0;
	top:50%;
	transform:translateY(-50%);
	z-index:2;
}
.casesoundin {
	background:#78b5c6;
	padding:30px 40px;
	color:#fff;
	font-size:18px;
	position:relative;
}
.casesoundin:before {
	position:absolute;
	content:"";
	background:url(../images/case/triangle_casedet.png) 0 0 no-repeat;
	left:-28px;
	top:50%;
	width:28px;
	height:27px;
	transform:translateY(-50%);
	z-index:2;
}
@media (max-width: 767px) {
.casesound {
	max-width:inherit;
	margin:40px 0 0;
}
.casesoundhd {
	font-size:24px;
	margin-bottom:20px;
}
.casesoundbox {
	padding-left:120px;
	position:relative;
}
.casesoundbox:before {
	background-size:90px 90px;
	width:90px;
	height:90px;
}
.casesoundin {
	padding:20px;
	font-size:16px;
}
.casesoundin:before {
	background-size:20px 19px;
	left:-20px;
	width:20px;
	height:19px;
}
}


/* news
----------------------------------------------- */
.newsscreen {
	overflow:hidden;
	margin:0 0 0 -30px;
}
.newsscreen li {
	float:left;
	width:33.33%;
}
.newsscreen li a {
	display:block;
	font-size:20px;
	color:#0f5286;
	font-weight:bold;
	background:#fff;
	width:300px;
	border:2px #0f5286 solid;
	text-align:center;
	padding:15px 10px;
	position:relative;
	text-decoration:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.newsscreen li a:before {
	position: absolute;
	content: '\f107';
	font-family: 'Font Awesome 5 Free';
	top: 50%;
  top: calc(100% / 2);
	right:15px;
	-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.newsscreen li a.on,
.newsscreen li a:hover {
	background:#0f5286;
	color:#fff !important;
}
@media (max-width: 767px) {
.newsscreen {
	overflow:hidden;
	margin:0;
}
.newsscreen li {
	float:none;
	width:auto;
}
.newsscreen li+li {
	margin-top:20px;
}
.newsscreen li a {
	font-size:16px;
	padding:15px 10px;
	width:auto;
}
.newsscreen li a:before {
	right:10px;
}
}

.newslist {
	margin-top:80px;
}
.newslist li+li {
	margin-top:60px;
}
.newslisttype {
	display:inline-block;
	margin-right:15px;
	color:#fff;
	width:100px;
	text-align:center;
	padding:2px 0;
	font-size:14px;
	vertical-align:middle;
}
.newslisttype.bggreen,
.newslisttype.information {
	background:#009e96;
}
.newslisttype.bgblue,
.newslisttype.seminar {
	background:#2ba7e7;
}
.newslistlink {
	margin-top:10px;
}
.newslistlink a {
	font-size:20px;
}

@media (max-width: 767px) {
.newslist {
	margin-top:40px;
}
.newslist li+li {
	margin-top:30px;
}
.newslistlink a {
	font-size:16px;
}
}


/* news detail
----------------------------------------------- */
.newsdettit {
	font-size:32px;
	color:#0f5286;
	font-weight:bold;
}
.newsdettit span {
	background:url(../images/news/line_newsdet.png) 0 bottom repeat-x;
	display:inline;
}
.newsdetdate {
	font-size:18px;
}
.newsdetin {
	margin-top:40px;
	font-size:18px;
  word-break: break-all;
}
.newsdethd,
.newsdetin h2 {
	background:url(../images/news/dot_newsdet01.png) 0 0 no-repeat;
	font-size:28px;
  line-height: 1.6;
	color:#0f5286;
	font-weight:bold;
	padding-left:15px;
	margin:50px 0 30px;
}
.newsdetin h2:first-child {
	margin:0 0 30px;
}
.newsdettxt,
.newsdetin p {
	margin:0 0 30px;
}
.newsdetin p+ p {
	margin:30px 0;
}
.newsdetbold {
	font-size:20px;
	color:#009e96;
	font-weight:bold;
}
.newsdetlist .newsdetlisthd,
.newsdetin h3 {
	font-size:20px;
	color:#0f5286;
	font-weight:bold;
	margin:20px 0;
}
.newsdetlist,
.newsdetin ul {
	margin:30px 0;
}
.newsdetlist li,
.newsdetin ul li {
	background:url(../images/news/dot_newsdet02.png) 0 10px no-repeat;
	padding-left:17px;
}
.newsdetlist li+li,
.newsdetin ul li+ li {
	margin-top:5px;
}
.newsdetin dl {
  display: table;
}
.newsdetin dl+ dl {
  margin: 10px 0 0;
}
.newsdetin dl+ p {
  margin: 30px 0;
}
.newsdetin dt {
	display: table-cell;
  vertical-align: top;
  min-width: 150px;
  padding: 0 30px 0 0;
}
.newsdetin dd {
	display: table-cell;
  vertical-align: top;
}
.newsdetbox {
	border:10px #deecf3 solid;
	padding:50px;
	margin-top:60px;
}
.newsdetbox .newsdetpro {
	font-size:32px;
	color:#0f5286;
	font-weight:bold;
	border-bottom:1px #aaa solid;
	padding-bottom:20px;
	margin-bottom:35px;
}
.newsdetbox .newsdetmess {
	font-size:20px;
	width:100%;
}
.newsdetbox .newsdetmess th,.newsdetbox .newsdetmess td {
	vertical-align:top;
	border:none;
	padding:10px 30px;
}
.newsdetbox .newsdetmess th {
	width:150px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

@media (max-width: 767px) {
.newsdettit {
	font-size:24px;
}
.newsdetdate {
	font-size:16px;
}
.newsdetin {
	font-size:16px;
	margin-top:20px;
}
.newsdethd {
	font-size:20px;
	margin-bottom:20px;
	background-size:30px 30px;
}
.newsdettxt {
	margin-top:20px;
}
.newsdetbold {
	font-size:18px;
}
.newsdetlist {
	margin-top:20px;
}
.newsdetlist .newsdetlisthd {
	font-size:18px;
}
.newsdetbox {
	border:5px #deecf3 solid;
	padding:15px;
	margin-top:30px;
}
.newsdetbox .newsdetpro {
	font-size:20px;
	padding-bottom:20px;
	margin-bottom:20px;
}
.newsdetbox .newsdetmess {
	font-size:16px;
}
.newsdetbox .newsdetmess th,.newsdetbox .newsdetmess td {
	padding:10px;
}
.newsdetbox .newsdetmess th {
	width:60px;
}
.newsdetin p {
  margin: 0 0 2px;
}
.newsdetin p+ p {
  margin: 20px 0;
}
.newsdetin h2 {
  font-size:20px;
  background: url(../images/news/dot_newsdet01.png) 0 0 no-repeat;
  background-size: 32px;
}
.newsdetin h3 {
  font-size:18px;
}
.newsdetin b {
  font-size: 16px;
}
.newsdetin dl {
  display: block;
}
.newsdetin dt {
  display: block;
  min-width: auto;
}
.newsdetin dd {
  display: block;
}
.newsdetin dl+ dl {
  margin: 15px 0 0;
}
.newsdetin dl+ p {
  margin: 20px 0;
}
}


/* price
----------------------------------------------- */
.pricevertab {
	width:100%;
}
.pricevertab th,.pricevertab td {
	vertical-align:middle;
	padding:30px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.pricevertab th {
	background:#0f5286;
	border:2px #0f5286 solid;
	border-right:none;
	color:#fff;
	font-size:28px;
	font-weight:bold;
	text-align:center;
	width:30%;
}
.pricevertab td {
	font-size:34px;
	font-weight:bold;
	border:2px #eee solid;
	border-left:none;
	text-align:center;
	color:#0f5286;
	font-weight:bold;
}
.pricevertab td .verfont01 {
	font-size:28px;
}
.pricevertab td .verfont02 {
	font-size:24px;
}
.pricevertab.vertabgray th {
	border:2px #eee solid;
	border-right:none;
	font-size:26px;
	color:#0f5286;
	background:#eee;
}
.priceverbox {
	font-size:18px;
}
.priceverbox+.priceverbox {
	margin-top:60px;
}
.pricevernote {
	margin-top:20px;
	font-size:12px;
}

@media (max-width: 767px) {
.pricevertab th,.pricevertab td {
	padding:15px 10px;
}
.pricevertab th {
	font-size:20px;
	width:30%;
}
.pricevertab td {
	font-size:18px;
}
.pricevertab td .verfont01 {
	font-size:20px;
}
.pricevertab td .verfont02 {
	font-size:16px;
}
.pricevertab.vertabgray th {
	font-size:20px;
}
.priceverbox {
	font-size:16px;
}
.priceverbox+.priceverbox {
	margin-top:30px;
}
}

.pricetype+.pricetype {
	margin-top:80px;
}
.pricetype {
	font-size:18px;
}
.priceanchor {
	overflow:hidden;
	margin:0 0 0 -40px;
}
.priceanchor li {
	float:left;
	width:50%;
	padding-left:40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.priceanchor li a {
	display:block;
	background:#5dc0dd;
	color:#fff;
	font-size:18px;
	text-decoration:none;
	padding:40px 35px 60px;
	text-align:left;
	position:relative;
}
.priceanchor li a:hover {
  opacity: .7;
}
.priceanchor li a span {
	display:block;
}
.priceanchor li a:before {
	position: absolute;
	content: '\f107';
	font-family: 'Font Awesome 5 Free';
	bottom:10px;
	left:50%;
	font-weight:bold;
	font-size:40px;
	line-height:1;
	transform:translateX(-50%);
	z-index:2;
}
.priceanchor li+li a {
	background:#59c9a0;
}
.priceanchorhd {
	text-align:center;
	font-size:28px;
	margin:5px 0 10px;
	font-weight:bold;
}
@media (max-width: 767px) {
.pricetype {
	font-size:16px;
}
.pricetype+.pricetype {
	margin-top:40px;
}
.priceanchor {
	margin:0;
}
.priceanchor li {
	float:none;
	width:auto;
	padding-left:0;
}
.priceanchor li a:before {
	font-size:30px;
}
.priceanchor li a {
	font-size:16px;
	padding:20px 20px 40px;
}
.priceanchor li+li {
	margin-top:20px;
}
.priceanchorhd {
	font-size:20px;
}
}

.licensehd {
	background:#5dc0dd;
	text-align:center;
	font-weight:bold;
	font-size:32px;
	color:#fff;
	padding:20px 10px;
	margin-bottom:50px;
}
.licensehd.bggreen {
	background:#59c9a0;
}
.licenselist {
	margin-bottom:50px;
}
.licenselist li {
	background:url(../images/feature/dot_feature01.png) 0 8px no-repeat;
	padding-left:20px;
}
.licenselist li+li {
	margin-top:5px;
}
.licenselist .licensesmall {
	font-size:14px;
}
.licensetable {
  margin: 0 0 50px;
}
.licensetable table {
  width: 100%;
  border: 2px #eee solid;
  font-size: 32px;
}
.licensetable th {
  width: 30%;
  padding: 10px;
  background: #0f5286;
  border: 2px #0f5286 solid;
  border-right: none;
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
}
.licensetable td {
  width: 70%;
  padding: 10px 40px;
  font-weight: bold;
  border: 2px #eee solid;
  border-left: none;
  font-size: 28px;
  color: #0f5286;
  font-weight: bold;
}
.licensetable tr:last-child td {
  border-bottom: 0;
}
.licensetab {
	width:100%;
	border-top:1px #ccc solid;
}
.licensetab th,.licensetab td {
	border-bottom:1px #ccc solid;
	vertical-align:top;
	padding:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.licensetab th {
	background:#eee;
	width:25%;
}
@media (max-width: 767px) {
.licensehd {
	font-size:24px;
	color:#fff;
	padding:10px;
	margin-bottom:30px;
}
.licenselist {
	margin-bottom:30px;
}
.licensetable {
  margin: 0 0 30px;
}
.licensetable table {
  width: 100%;
}
.licensetable th {
  padding: 10px 5px;
  font-size: 20px;
}
.licensetable td {
  padding: 10px 5px 10px 20px;
  font-size: 20px;
}
.licensetab th,.licensetab td {
	padding:20px 10px;
}
.licensetab th {
	width:25%;
}
}

.pricesup {
	overflow:hidden;
	margin:0 0 50px -20px;
}
.pricesup>li {
	float:left;
	width:50%;
	padding-left:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.pricesup .pricesupbox {
	border:4px #deecf3 solid;
	padding:30px 55px;
	font-size:18px;
}
.pricesup .pricesupbox .hds {
	margin-bottom:20px;
}
.pricesup .pricesupbox .licenselist {
	margin-bottom:0;
}
@media (max-width: 767px) {
.pricesup {
	margin:0 0 30px 0;
}
.pricesup>li {
	float:none;
	width:auto;
	padding-left:0;
}
.pricesup>li+li {
	margin-top:20px;
}
.pricesup .pricesupbox {
	border:2px #deecf3 solid;
	padding:20px;
	font-size:16px;
}
}


/* support
----------------------------------------------- */
.supportarea {
	font-size:18px;
}
.supportarea+.supportarea {
	margin-top:120px;
}
.supportarea .topsupport {
	margin-top:0;
}
.supportin {
	margin-top:120px;
}
.supportinhd {
	font-size:32px;
	color:#0f5286;
	font-weight:bold;
	margin-bottom:50px;
}
.supportlead+.supportlead {
	margin-top:60px;
}
.supportleadin {
	overflow:hidden;
	margin:-40px 0 0 -40px;
}
.supportleadin li {
	float:left;
	width:50%;
	padding-left:40px;
	margin-top:40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.supportleadbox {
	background:#deecf3;
	padding:40px;
}
.supportleadin .hds {
	text-align:center;
	margin-bottom:20px;
}
.supportleadbox .hds {
	text-align:center;
}

@media (max-width: 767px) {
.supportarea {
	font-size:16px;
}
.supportarea+.supportarea {
	margin-top:60px;
}
.supportin {
	margin-top:60px;
}
.supportinhd {
	font-size:24px;
	margin-bottom:30px;
}
.supportlead+.supportlead {
	margin-top:30px;
}
.supportleadin {
	overflow:hidden;
	margin:-20px 0 0 0;
}
.supportleadin li {
	float:none;
	width:auto;
	padding-left:0;
	margin-top:20px;
}
.supportleadbox {
	padding:20px;
}
}

.supcheckhd {
	font-size:32px;
	color:#0f5286;
	font-weight:bold;
	margin-bottom:40px;
	padding-left:100px;
	position:relative;
}
.supcheckhd:before {
	position:absolute;
	content:"";
	background:url(../images/support/ico_support01.png) 0 0 no-repeat;
	left:0;
	top:50%;
	transform:translateY(-50%);
	width:93px;
	height:84px;
	z-index:2;
}
.supcheckhdin {
	color:#000;
	font-weight:bold;
	margin-bottom:30px;
	padding-left:60px;
	position:relative;
}
.supcheckhdin:before {
	position:absolute;
	content:"";
	background:url(../images/support/ico_support02.png) 0 0 no-repeat;
	left:0;
	top:0;
	transform:none;
	width:50px;
	height:50px;
	z-index:2;
}
.supcheckin {
	border:2px #0f5286 solid;
	background:#fff;
	padding:40px 35px;
}
.supcheckin+.supcheckin {
	margin-top:60px;
}
.supcheckbox+.supcheckbox {
	margin-top:40px;
}
.supcheckin .hds {
	margin-bottom:20px;
}
.supcheckhds {
	font-size:24px;
	font-weight:bold;
	color:#0f5286;
	margin-bottom:10px;
}
@media (max-width: 767px) {
.supcheckin {
  padding: 20px;
}
.supcheckhd {
	font-size:20px;
	margin-bottom:30px;
	padding-left:80px;
}
.supcheckhd:before {
	background-size:70px 63px;
	width:70px;
	height:63px;
}
.supcheckin+.supcheckin {
	margin-top:30px;
}
.supcheckbox+.supcheckbox {
	margin-top:20px;
}
.supcheckhdin {
	padding-left:50px;
}
.supcheckhdin:before {
	background-size:40px 40px;
	width:40px;
	height:40px;
}
.supcheckhds {
	font-size:18px;
}
}


/* オリジナル追加 */
.media-head {
	width: 240px;
}

.casedetbox .media-head {
	margin-left: 20px !important;
	margin-bottom: 20px !important;
	float: right;
}

@media (max-width: 767px) {
	.media-head {
		width: 120px;
	}
}

@media (min-width: 768px) {
	.cominfo {
		display: table;
		table-layout: fixed;
		width: 100%;
		box-sizing: border-box;
	}

	.cominfoimg,
	.cominfotxt {
		display: table-cell;
		vertical-align: middle;
		float: none;
	}

	.cominfoimg {
		width: 42%;
	}

	.cominfotxt {
		padding-left: 20px;
	}
}



/* agencyページ追加のためのカスタマイズ*/

.agency-inner {
	margin-top: 36px;
}

.agency-inner--big {
	margin-top: 60px;
}

@media (max-width: 767px) {
	.agency-inner {
		margin-top: 18px;
	}
	.agency-inner--big {
		margin-top: 30px;
	}
}

.agency-table {
	width: 100%;
	border-collapse: collapse;
	font-size: 18px;
}

.agency-table th {
	background-color: #0F5286;
	color: #fff;
}

.agency-table th,
.agency-table td {
	border: 1px solid #CCCCCC;
	padding: 15px 25px;
}

.agency-table thead th:nth-child(2),
.agency-table thead th:nth-child(3),
.agency-table tbody td {
	text-align: center;
}

.agency-table thead th:nth-child(2) {
	background-color: #5DC0DD;
}

.agency-table thead th:nth-child(3) {
	background-color: #5ECBA3;
}

.agency-table tbody td:nth-child(2) {
	background-color: #EFFFFE;
}

.agency-table tbody td:nth-child(3) {
	background-color: #EEFFF9;
}

@media (max-width: 767px) {
	.agency-table {
		width: 740px;
		font-size: 14px;
	}
	.agency-table th:first-child {
		width: 280px !important;
	}
	.agency-table-outer {
		width: 100%;
	    overflow: hidden;
	    overflow-x: auto;
	    -webkit-overflow-scrolling: touch;
	    margin-bottom: 30px;
	}
}

@media (max-width: 550px) {
	.agency-table {
		width: 540px;
	}
	.agency-table th:first-child {
		width: 180px !important;
	}
}

.agency-flow {
	position: relative;
}

.agency-flow::after {
	content: '';
	display: block;
	clear: both;
}

.agency-list-time {
	position: absolute;
	top: 0;
	right: 0;
}

.agency-list {
	counter-reset: item;
	position: relative;
	padding-right: 160px;
}

.agency-list li::before {
	content: counter(item);
	counter-increment: item;
	color: #fff;
	background-color: #0F5286;
	font-size: 22px;
	font-weight: bold;
	line-height: 54px;
	height: 54px;
	width: 54px;
	border-radius: 100%;
	position: absolute;
	left: 38px;
	top: 50%;
	margin-top: -27px;
	text-align: center;
}

.agency-list li {
	font-size: 25px;
	padding: 28px 0 28px 110px;
	position: relative;
	margin-bottom: 13px;
}

.agency-list li.is-your {
	background-color: #E3F1F8;
}

.agency-list li.is-our {
	background-color: #F3F3F3;
}

@media (max-width: 767px) {
	.agency-list {
		padding-right: 85px;
	}
	.agency-list li {
		font-size: 13px;
		padding: 14px 0 14px 50px;
		margin-bottom: 10px;
	}
	.agency-list li::before {
		font-size: 16px;
		height: 28px;
		line-height: 28px;
		width: 28px;
		margin-top: -14px;
		left: 14px;
	}
	.agency-list-time {
		width: 80px;
	}
}

.mark-your,
.mark-our {
	display: inline-block;
	margin-bottom: 1em;
}

.mark-your::before,
.mark-our::before {
	content:  '';
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	margin-right: 1em;
}

.mark-your::before {
	background-color: #E3F1F8;
}

.mark-our::before {
	background-color: #F3F3F3;
}

.basic-text,
.advance-text {
	font-weight: bold;
	margin-bottom: 5px;
}

.basic-text {
	color: #5DC0DD
}

.advance-text {
	color: #5ECBA3;
}


/* 図 */
.agency-figure {
	font-size: 18px;
	color: #0F5286;
	position: relative;
	width: 100%;
}

.agency-figure,
.agency-figure *,
.agency-figure *::before,
.agency-figure *::after {
	box-sizing: border-box;
}

.agency-figure__top {
	position: relative;
	display: table;
	table-layout: fixed;
	width: 100%;
}

.agency-figure__bottom {
	position: relative;
	width: 100%;
	padding-top: 20px;
}

.agency-figure__bottom::after {
	content: '';
	display: block;
	clear: both;
}

.agency-figure-normal,
.agency-figure-logo,
.agency-figure-special,
.agency-figure-arrow {
	display: table-cell;
	vertical-align: middle;
}

.agency-figure-normal,
.agency-figure-logo,
.agency-figure-special {
	width: 18%;
	text-align: center;
}

.agency-figure-arrow {
	position: relative;
}

.agency-figure-arrow::before {
	content: '';
	display: block;
	width: calc(100% - 10px);
	height: 6px;
	background-color: #0F5286;
	position: absolute;
	left: 0;
	top: 40px;
}

.agency-figure-special br {
	display: none;
}

.agency-figure-arrow::after {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	border-top: 10px solid #0F5286;
	border-right: 10px solid #0F5286;
	border-left: 10px solid transparent;
	border-bottom: 10px solid transparent;
	transform-origin: 50% 50%;
	transform: rotate(45deg);
	position: absolute;
	right: 4px;
	top: 33px;
}

.agency-figure-arrow--long {
	width: 320px;
}

.agency-figure-arrow,
.agency-figure-normal,
.agency-figure-logo,
.agency-figure-special {
	height: 85px;
	line-height: 85px;
}

.agency-figure-normal {
	border: 2px solid #CCCCCC;
}

.agency-figure-logo {
	background-color: #E3F1F8;
}

.agency-figure-logo img {
	margin-top: 27px;
}

.agency-figure-special {
	background-color: #E3F1F8;
}

.agency-figure-important-box {
	color: #fff;
	background-color: #E83D44;
	width: 200px;
	line-height: 50px;
	position: relative;
	left: 50%;
	margin-left: -100px;
	padding: 20px;
}

.agency-figure-important {
	text-align: center;
}

.agency-figure-none {
	position: absolute;
	left: 77%;
	width: 100px;
	margin-left: -50px;
	top: 0;
	text-align: center;
}

.agency-figure-important-box::before {
	content: '';
	display: block;
	width: 16px;
	height: 50px;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 25px solid transparent;
	border-bottom: 25px solid #E83D44;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: -50px;
}

.agency-figure-none {
	line-height: 64px;
}

@media (max-width: 767px) {
	.agency-scroller {
		width: 100%;
		overflow: hidden;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		margin-bottom: 30px;
	}
	/*
	.agency-figure {
		width: 1000px;
	}
	*/
	.agency-figure {
		font-size: 14px;
	}
	.agency-figure-normal,
	.agency-figure-logo,
	.agency-figure-special {
	    width: 20%;
	}
	.agency-figure-logo img {
	    margin-top: 0;
	}
	.agency-figure-special br {
		display: inline;
	}
	.agency-figure-arrow,
	.agency-figure-normal,
	.agency-figure-logo,
	.agency-figure-special {
		padding-top: 20px;
		padding-bottom: 20px;
		line-height: 1.5;
	}
	.agency-figure-arrow::before {
		height: 3px;
		width: calc(100% - 5px);
	}
	.agency-figure-arrow::after {
		width: 10px;
		height: 10px;
		border-top: 5px solid #0F5286;
		border-right: 5px solid #0F5286;
		border-left: 5px solid transparent;
		border-bottom: 5px solid transparent;
		right: 4px;
		top: 36px;
	}
	.agency-figure-important-box {
		width: 140px;
		line-height: 25px;
		margin-left: -70px;
		padding: 10px;
	}
}

@media (max-width: 400px) {
	.agency-figure {
		font-size: 10px;
	}
	.agency-figure-normal,
	.agency-figure-logo,
	.agency-figure-special {
	    width: 20%;
	}
	.agency-figure-important-box {
		width: 100px;
		line-height: 25px;
		margin-left: -50px;
		padding: 10px;
	}
}


/* cloud */

.hdl.hdl--cloud {
	font-family: "メイリオ",Meiryo,'ＭＳ Ｐゴシック',Verdana,Arial,Helvetica,sans-serif;
}

.hdl.hdl--cloud span {
	font-size: 20px;
}

.hdl.hdl--cloud-nl::before {
	display: none !important;
}

.hdl.hdl--cloud span,
.hdl.hdl--cloud strong {
	display: block;
}

.hdl.hdl--cloud span:not(:last-child),
.hdl.hdl--cloud strong:not(:last-child) {
	margin-bottom: 10px;
}

@media (max-width: 767px) {
	.hdl.hdl--cloud-nl {
		font-size: 24px;
		line-height: 1.3;
	}

	.hdl.hdl--cloud span {
		font-size: 16px;
	}	
}

.container-cloud p {
	margin-bottom: 40px;
}

@media (max-width: 767px) {
	.container-cloud p {
		margin-bottom: 20px;
	}
}

.cloud-visual {
	text-align: center;
}

.cloud-merit__lead {
	font-size: 26px;
	font-weight: bold;
	color: #0f5286;
	margin-bottom: 20px;
}

.cloud-merit__title {
	background-color: #0f5286;
	color: #fff;
	padding: 8px 10px;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
}

.cloud-merit__title img {
	vertical-align: middle;
	margin-right: 5px;
}

.cloud-merit__box {
	position: relative;
	background-color: #fff;
	padding: 30px;
}

.cloud-merit__item {
	display: inline-block;
	font-size: 18px;
	width: 48%;
	vertical-align: top;
}

.cloud-merit__item:not(:last-child) {
	margin-bottom: 40px;
}

.cloud-merit__item:first-child {
	margin-right: 4%;
}

.cloud-merit {
	font-size: 0;
	text-align: center;
}

.cloud-merit p {
	text-align: left;
	margin-bottom: 0;
}

.cloud-merit__item:not(:last-child) p {
	min-height: 5.1em;
}

.cloud-merit__image {
	margin-bottom: 10px;
	position: relative;
}

.cloud-zoom {
	position: absolute;
	bottom: -25px;
	right: -25px;
}

@media (max-width: 767px) {
	.cloud-merit__title,
	.cloud-merit__lead {
		font-size: 18px;
	}

	.cloud-merit__title img {
		vertical-align: middle;
		width: 32px;
	}	

	.cloud-merit__lead {
		margin-bottom: 10px;
	}

	.cloud-merit__item {
		font-size: 16px;
		width: 100%;
	}

	.cloud-merit__item:not(:last-child) p {
		min-height: 0;
	}

	.cloud-merit__item:not(:last-child) {
		margin-bottom: 20px;
	}

	.cloud-zoom {
		width: 25px;
		bottom: -12px;
		right: -12px;
	}
}

.cloud-func li {
	border: 2px solid #0f5286;
	padding: 40px 30px;
	margin-bottom: 40px;
	width: 480px;
	box-sizing: border-box;
	text-align: center;
}

.cloud-func li:nth-child(odd) {
	margin-right: 40px;
}

.cloud-func p {
	text-align: left;
	margin-bottom: 0;
}

.cloud-func {
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.cloud-func__title {
	font-size: 24px;
	font-weight: bold;
	color: #0f5286;
	margin-bottom: 10px;
}

.cloud-fee-image {
	margin-bottom: 40px;
}

.hdm--cloud {
	font-family: "メイリオ",Meiryo,'ＭＳ Ｐゴシック',Verdana,Arial,Helvetica,sans-serif;
}

.hdm--cloud span,
.hdm--cloud strong {
	display: block;
}

.hdm--cloud span {
	font-size: 20px;
	margin-bottom: 10px;
	line-height: 1.4;
}

.hdm--cloud strong {
	font-size: 34px;
	line-height: 1.4;
}

@media (max-width: 767px) {
	.cloud-func li {
		width: 100%;
		padding: 20px 15px;
	}

	.cloud-func li:nth-child(odd) {
		margin-right: 20px;
	}

	.cloud-func {
	  display: block;
	}

	.cloud-func__title {
		font-size: 18px;
	}

	.cloud-func img {
		width: 40px;
	}

	.cloud-fee-image {
		margin-bottom: 20px;
	}

	.hdm--cloud span {
		font-size: 16px;
		margin-bottom: 5px;
	}

	.hdm--cloud strong {
		font-size: 21px;
	}
}

.cloud-merit__sub {
	font-size: 20px;
	color: #0f5286;
	margin-top: 1em;
	margin-bottom: .2em;
	font-weight: bold;
}

.cloud-merit__list li {
	text-align: left;
	position: relative;
	padding-left: 1.25em;
	font-size: 16px;
}

.cloud-merit__list + p {
	text-align: right;
	font-size: 16px;
}

.cloud-merit__list li::before {
	content: '';
	display: block;
	position: absolute;
	width: .6em;
	height: .6em;
	background-color: #0f5286;
	top: .6em;
	left: 0;
	border-radius: 100%;
}

@media (max-width: 767px) {
	.cloud-merit__sub {
		font-size: 18px;
	}
}

@media (max-width: 767px) {
	.teaserin--cloud {
		font-size: 24px;
	}
}

.cloud-visual img,
.cloud-fee-image img {
	border: 4px solid #eee;
}

@media (max-width: 767px) {
	.cloud-visual img,
	.cloud-fee-image img {
		border: 2px solid #eee;
	}
}


#gnavi ul .gnavichild {
	z-index: 100;
}

.pulldown a .hlg01--cloud {
	font-size: 10px;
    line-height: 1.2;
}

sup {
	line-height: 0;
}

/* タグ */
.newslisttype--pre {
	background-color: #0f5286;
}

.newslisttype--midst {
	background-color: #e83d44;
}

.newslisttype--complete {
	background-color: #9a9a9a;
}

.newslisttype--end {
	background-color: #9a9a9a;
}

@media (max-width: 767px) {
	.newslisttype {
		width: auto;
		padding-left: 5px;
		padding-right: 5px;
		font-size: 12px;
		margin-right: 10px;
	}
}

.combtnred.combtnlarge.is-disable a {
	pointer-events: none;
	/*opacity: .5;*/
	background-color: #9a9a9a;
	border-color: #9a9a9a;
}

.combtnred.combtnlarge.is-disable a::before {
	display: none;
}

.newsdetdate {
	margin-top: 20px;
}