@charset "utf-8";

@import url("grid.css");
body * {
  margin-block-start: 0;
  margin-block-end: 0;
}
img {
	vertical-align: top;
	max-width: 100%;
}
*, *::before, *::after {
  box-sizing: border-box;
}
sup {font-size: 50%;}

a[href^="tel:"] { cursor: default; color:#333333; text-decoration:none;/*pointer-events:none;*/}
a{color: #333; text-decoration:none;}
a[href^="#"]:visited, a[href^="javascript:"]:visited {color: inherit;}

.pc{display: block;}
.sp{display: none!important;}

.fL {float: left;}
.fR {float: right;}

.aC {text-align: center !important;}
.aL {text-align: left !important;}
.aR {text-align: right !important;}

.mt0 {margin-top: 0px!important;}
.mt5 {margin-top: 5px!important;}
.mt10 {margin-top: 10px!important;}
.mt15 {margin-top: 15px!important;}
.mt20 {margin-top: 20px!important;}
.mt25 {margin-top: 25px!important;}
.mt30 {margin-top: 30px!important;}
.mt35 {margin-top: 35px!important;}
.mt40 {margin-top: 40px!important;}
.mt45 {margin-top: 45px!important;}
.mt50 {margin-top: 50px!important;}
.mt100 {margin-top: 100px!important;}
.mb0 {margin-bottom: 0px!important;}
.mb5 {margin-bottom: 5px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb15 {margin-bottom: 15px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb25 {margin-bottom: 25px!important;}
.mb30 {margin-bottom: 30px!important;}
.mb35 {margin-bottom: 35px!important;}
.mb40 {margin-bottom: 40px!important;}
.mb45 {margin-bottom: 45px!important;}
.mb50 {margin-bottom: 50px!important;}
.mb60 {margin-bottom: 60px!important;}
.mb70 {margin-bottom: 70px!important;}
.mb80 {margin-bottom: 80px!important;}
.mb90 {margin-bottom: 90px!important;}
.mb100 {margin-bottom: 100px!important;}
.mb120 {margin-bottom: 120px!important;}
.mb130 {margin-bottom: 130px!important;}
.mb150 {margin-bottom: 150px!important;}

.B {font-weight: bold!important;}
.N {font-weight: normal!important;}
.Red {color: #eb0000!important;}
.Blue {color: #6485c1!important;}
.Blue2 {color: #2A5EB7!important;}
.Blue3 {color: #466cb1!important;}
.White {color: #FFFFFF;}
.txtML {font-size: 18px!important;}
.txtL {font-size: 21px!important;}
.txtLL {font-size: 32px!important;}
.txtS {font-size: 14px!important;}
.txt20 {font-size: 20px!important;}
.txt24 {font-size: 24px!important;}
.noBullet {list-style: none!important;}
.noBullet::before {content:none!important;}
.Bullet {text-indent: -1em; margin-left: 1em!important;}
.Bullet::before {content:"\002022"; margin-right: 7px;}

.LH_1_2 {line-height: 1.2!important;}
.LH_1_5 {line-height: 1.5!important;}
.LH_2 {line-height: 2!important;}

.flxWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.flxCenter {
  justify-content: center!important;
}
.flxInner2 {
  width: calc((100% / 2) - 10px);
}
.flxInner3 {
  width: calc((100% / 3) - 10px);
}
.flxInner3-2 {
  width: calc(((100% / 3) - 10px) *2);
}
.flxInner4-1 {
  width: calc((100% / 4) - 10px);
}

.cf:after {
    content: "";
    display: block;
    clear: both;
}
.bkg_white {
	padding-bottom: 90px !important;
	background: #FFFFFF;
}
.bkg_blue {
  background-color: #e1e9f7;
  padding: 20px;
}
.bkg_blue02 {
  background-color: #5e81c0;
  padding: 20px;
}
.bkg_gray {
  background-color: #F2F2F2;
  padding: 20px;
}
.bkg_white2 {
	background: #FFFFFF;
  padding: 20px;
}

/* =========== グローバルナビ =========== */
.nav-area {
	border-bottom: #6485c1 2px solid;
}
.nav-area ul {
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	justify-content: center;
	max-width: 990px;
	margin: 0 auto;
	padding: 0;
}
@media all and (-ms-high-contrast: none){/* IE10以上 */
.nav-area ul {
		width: calc( 100% - 20px );
	}
}
.nav-area ul li {
	list-style: none;
	font-size: 16px;
	text-align: center;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	padding: 20px 0 14px;
  display: flex;
  justify-content: center;
}
.nav-area ul li a {
	text-decoration: none;
	color: #000000;
}
.nav-area ul li a span, .nav-area ul li span {
	display:  block;
	color: #4d6a9f;
	font-size: 12px;
	padding-top: 3px;
}
.nav-area ul li a img,
.nav-bottom ul li a img {
  vertical-align: inherit;
}
@media screen and (min-width: 801px){
	.nav-area ul li.present a {
		color: #808080;
	}
	.nav-area ul li.present a span {
		color: #6485c1;
	}
}

/* =========== common =========== */
/*Bottom Navigation ---------------*/
.nav-bottom {
	padding: 30px 0 60px;
	border-top: 10px solid #e6e6e6;
}
.nav-bottom h2 {
	margin-bottom: 10px;
	font-size: 36px;
	font-weight: bold;
	font-style: italic;
	font-family: Hiragino Kaku Gothic ProN,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴシック",Hiragino Sans,Roboto,"Droid Sans",YuGothic,"游ゴシック",Meiryo,"メイリオ",sans-serif;
}
.nav-bottom ul {
  padding-inline-start: 0;
  max-width: 990px;
  margin: 0 auto;
}
.nav-bottom ul li {
	display: inline-block;
	margin-bottom:  10px;
	padding: 0 20px;
	border-right: 1px solid #000;
	line-height: 1;
	font-size: 14px;
	white-space: nowrap;
}
.nav-bottom ul li:last-child {
	border: none;
}
.nav-bottom ul li a {
	color: #282828;
}
.nav-bottom ul li a:hover {
	text-decoration: underline;
}

/*OTHER SOLUTIONS --------------- */
#other {
  padding: 70px 0px 80px;
  margin-bottom: 75px;
	background: #f7f7f7;
	box-sizing: border-box;
}
#other h3 {
	margin-bottom: 45px;
	color: #466cb1;
	font-size: 24px;
  font-weight: normal;
  line-height: 1.2;
  text-align: center;
}
#other h3 span {
  color: #282828;
  font-size: 14px;
}
#other a{
  color: inherit;
  text-decoration: none;
}
#other .nttdatajpn-structure-content-rpsv dl {
  width:-webkit-calc((100% - 30px) / 3);
  width: calc((100% - 30px) / 3);
  display: table;
  float: left;
	margin: 0 15px 15px 0;
  background-color: #FFF;
  border: 1px solid #CCC;
  border-collapse:  collapse;
  box-sizing: border-box;
}
#other .nttdatajpn-structure-content-rpsv dl:nth-of-type(3n){
  margin-right: 0px;
}
#other .nttdatajpn-structure-content-rpsv dt{
  display: table-cell;
  padding: 10px 0 10px 30px;
  line-height: 1;
  text-align: left;
  vertical-align: middle;
  width: 90px;
	box-sizing: border-box;
}
#other .nttdatajpn-structure-content-rpsv dd{
  display: table-cell;
  vertical-align: middle;
  padding: 10px 15px;
	box-sizing: border-box;
}

/*inquiry ----------------------*/
#inquiry {
  background: url("../img/eye/foot_inquiry_bg.png") no-repeat center;
  background-size: cover;
  color: #FFF;
  padding: 45px 0px 50px;
}
#inquiry h3{
	margin-bottom: 10px;
  font-weight: normal;
  font-size: 24px;
  text-align: center;
  line-height: 1.5;
}
#inquiry h3 span {
  font-size: 14px;
}
#inquiry p{
  text-align: center;
  margin-bottom: 45px;
}
#inquiry dl {
  width: 40%;
  display: inline-block;
  border: 2px solid #CCC;
  margin: 0px 5%;
  position: relative;
  padding: 20px 30px;
  box-sizing: border-box;
  background-color: rgba(0,0,0,0.3);
}
#inquiry dt{
  float: left;
  line-height: 0;
  text-align: left;
}
#inquiry dd{
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 20%;
  font-size: 20px;
  line-height: 0;
}
#inquiry a{
  color: #FFF;
  text-decoration: none;
}

/* toggle PC -----------------------*/
.toggle{
  display: none;
}

/* Underlayer sub menu -----------------------*/
#pc_subMenu_wrap {
  background-color: #85A8E5;
  /*min-height: 70px;*/
  display: block;
  line-height: 70px;
  position: relative;
}
#pc_subMenu_wrap ul {
  margin: 0px;
  display: flex;
  width: 100%;
  justify-content: flex-start;
  padding: 18px 0px;
  flex-wrap: wrap;
}
#pc_subMenu_wrap ul li {
  list-style: none;
  line-height: 2;
  padding: 0px;
  text-indent: -16px;
  margin-left: 16px;
  margin-right: 50px;
}
#pc_subMenu_wrap ul li:last-child {
  margin-right: 0px;
}
#pc_subMenu_wrap ul li a {
  text-decoration: none;
  color: #FFF;
}
#pc_subMenu_wrap ul li a::before, .nav-area ul.sp_subMenu li a::before {
  content: "\003e";
  margin-right: 5px;
}
img#deco{
  display: none;
  position: absolute;
  top: -2px;
  left: 50%;
  right: 50%;
  
}

/* =========== common =========== */
/*メインイメージ*/
h1#main_vs {
	margin: 0;
}

/*ページタイトル*/
.page_header {
  margin: 40px auto 30px;
}
.page_header h1 {
	font-size: 30px;
  line-height: 1;
}
.page_header h1 span {
	font-size: 21px;
  font-weight: normal;
}
.page_header h2 {
  color: #466cb1;
  font-size: 21px;
}

/*title*/
.ttl_sub01 {
	margin: 0 0 27px;
	padding: 17px 20px 15px;
  background-color: #829ccc;
  color: #FFF;
  font-size: 20px;
	font-family: Hiragino Kaku Gothic ProN,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴシック",Hiragino Sans,Roboto,"Droid Sans",YuGothic,"游ゴシック",Meiryo,"メイリオ",sans-serif;
}
.ttl_sub02 {
  text-align: center;
	margin: 0 0 35px;
  font-size: 30px;
  font-weight: normal;
	line-height: 1.2;
	color: #282828;
	font-family: Hiragino Kaku Gothic ProN,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴシック",Hiragino Sans,Roboto,"Droid Sans",YuGothic,"游ゴシック",Meiryo,"メイリオ",sans-serif;
}
.ttl_sub02 img {
  margin-right: 10px;
  max-width: 210px;
}
.subSt_ita {
	margin: 0 0 15px;
	text-align: center;
	font-size: 30px;
	font-style: italic;
	line-height: 1;
	font-family: Hiragino Kaku Gothic ProN,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴシック",Hiragino Sans,Roboto,"Droid Sans",YuGothic,"游ゴシック",Meiryo,"メイリオ",sans-serif;
}
.subSt_ita2 {
	margin: 0 0 20px;
	text-align: center;
	font-size: 38px;
	line-height: 1.2;
	font-family: Hiragino Kaku Gothic ProN,"ヒラギノ角ゴ ProN W3","ヒラギノ角ゴシック",Hiragino Sans,Roboto,"Droid Sans",YuGothic,"游ゴシック",Meiryo,"メイリオ",sans-serif;
}
.subSt_ita2 span {
  font-size: 24px;
  font-style: normal;
}
.ttl_sub03 {
  color: #6485c1;
  font-size: 20px;
}
.ttl_sub04 {
  margin: 0 0 27px;
  padding: 13px 0px 10px;
  font-size: 30px;
  border-top: 2px solid #D3D3D3;
  border-bottom: 2px solid #D3D3D3;
  color: #5E5E5E;
}
.ttl_sub05 {
	margin: 0 0 27px;
	padding: 0px 0px 5px;
  font-size: 21px;
  border-bottom: 5px solid #D3D3D3;
}
.ttl_sub06 {
  background-color: #231F20;
  font-size: 20px;
  padding: 15px 30px;
  color: #FFFFFF;
}
.ttl_sub07 {
	margin: 0 0 27px;
	padding: 0px 0px 5px;
  font-size: 21px;
  border-bottom: 5px solid #6485c1;
}
article#nazuki01 {
counter-reset: ttl_count01;
}
.ttl_count01 {
  counter-increment: ttl_count01;
  text-indent: -50px;
  margin-left: 50px;
}
.ttl_count01::before {
  content: counter(ttl_count01);
  position: relative;
  padding: 3px 12px;
  background-color: #6485c1;
  color: #FFFFFF;
  margin-right: 10px;
  border-radius: 5px;
}
.subSt_ita span {
  font-size: 18px;
  font-style: normal;
}
.subSt_ita img {
  position: relative;
  top: -13px;
}
/*コンテンツ*/
.boxSt > div > article {
	margin-bottom: 100px;
}
.boxSt h4 {
	margin: 0;
}
.boxSt h5 {
	margin: 0 0 3px;
}
.boxSt p {
	margin: 0 0 20px;
	line-height: 1.875;
}
.boxSt figure{
  margin:0;
  padding: 0;
	line-height: 0;
  text-align: center;
  width: 100%;
}
.boxSt figcaption{
  font-size: 14px;
  line-height: 1.2;
}
.boxSt ul, .boxSt dl, .boxSt dd {/*リセット*/
	margin: 0;
	padding:0;
	list-style-type: none;
}

/*boxA*/
.boxSt .boxA {
	margin-bottom: 50px;
	padding: 23px 30px 20px;
	background-color: #fafafa;
	border: 1px solid #afafaf;
	box-sizing: border-box;
}
.boxSt .boxA ul li::before {
  content:"・";
}
.boxSt .boxA ul {
	margin: 5px 0;
}
.boxSt .boxA ul li {
	margin-bottom: 18px;
	font-size: 16px;
	font-weight: bold;
	text-indent: -1em;
  margin-left: 1em;
	color: #444343;
}
.boxSt .boxA ul li:last-child {
	margin-bottom: 0;
}
.boxSt .boxA p {
	margin: 0;
	color: #333;
}
.boxSt .boxA dl {
	margin: 5px 0;
	color: #333;
}
.boxSt .boxA dl dt {
	margin-bottom: 10px;
	font-weight: bold;
}
.boxSt .boxA dl dd {
	margin: 0 0 20px;
}
.boxSt .boxA dl dd:last-child {
	margin: 0;
}
/*boxB*/
.boxSt .boxB {
  margin-bottom: 50px;
	padding: 23px 30px 20px;
	border: 10px solid #C6D7F4;
	box-sizing: border-box;
}
/*boxC*/
.boxSt .boxC {
  background-color: #FFFFFF;
  padding: 20px;
  margin: 0 0 10px 0;
  border: #8eaee7 solid 1px;
  box-sizing: border-box;
}
/*boxD*/
.boxSt .boxD {
  margin-bottom: 20px;
	padding: 23px 10px 20px;
	border: 1px solid #dfdfdf;
	box-sizing: border-box;
}
.boxSt .boxD:nth-last-of-type(-n+3) {
  margin-bottom: 0px;
}
.boxSt .boxD dl {
  padding: 0px 10px;
}
.boxSt .boxE {
  background-color: #FFFFFF;
  padding: 20px;
  margin: 0 0 10px 0;
  border: #afafaf solid 1px;
  box-sizing: border-box;
}
.boxSt .boxF {
  background-color: #FFFFFF;
  padding: 20px;
  border: #6485c1 solid 2px;
}
figure.onText {
	position: relative;
}
figure.onText figcaption {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
color: #FFFFFF;
display: flex;
align-items: center;
justify-content: center;
}
/*dl style*/
.dlSt {
	margin: 0 0 90px;
}
.dlSt dt {
	margin: 0 0 10px;
	font-weight: bold;
}
.dlSt dd {
	margin: 0 0 20px;
}
.dlSt dt::before {
	content: none!important;
}

/*------------------------------------------------------------------------------------
table
------------------------------------------------------------------------------------*/
table {
  border-collapse: collapse;
  background-color: #FFFFFF;
  text-align: left;
}
table tr {
  border: 1px solid #666666;
}
table thead th {
  background-color: #829ccc;
  color: #FFFFFF;
  text-align: center;
}
table tbody th {
  background-color: #C8D8F4;
  white-space: nowrap
}
table th,
table td {
  vertical-align: middle;
}
table th,
table td {
  border-right: 1px solid #666666;
  padding: 12px 20px;
  line-height: 1.5;
}
table th {
  padding: 12px 20px;
  line-height: 1.5;
}
table span {
  font-size: 14px;
  font-size: 1.4rem;
}
table.tableOrange {
  background-color: inherit;
}
table.tableOrange tr {
  background-color: #FFFFFF;
}
table.tableOrange thead th {
    background-color: #ff851a;
}
table.tableOrange tbody th {
    background-color: #ffad66;
    min-width: auto;
}
table.public-serv-apply-table {
  table-layout: fixed;
}
table.public-serv-apply-table thead th {
  vertical-align: top;
}
table td[data-label] img {
  display: none;
}
table.hinemosSupport thead th {
  background-color: #698ED3;
}
table.hinemosSupport tbody th {
  width: 250px;
}
table.c-news-richtext-table.nttdatajpn-table-B01-unit {
border-collapse: inherit;
}
table.c-news-richtext-table.nttdatajpn-table-B01-unit thead th {
border-bottom-width: 0;
background-color: #5876aa;
font-size: 18px;
}
table.c-news-richtext-table.nttdatajpn-table-B01-unit thead th:not(:last-of-type) {
border-right-width: 1px;
border-color: #FFFFFF;
}
table.c-news-richtext-table.nttdatajpn-table-B01-unit tbody th {
	background-color: #FFFFFF;
}
table.c-news-richtext-table.nttdatajpn-table-B01-unit th, table.c-news-richtext-table.nttdatajpn-table-B01-unit td {
border-right-width: 0;
border-left-width: 0;
border-top-width: 0;
border-color: #a6a6a6;
}

/* 電子申請サービス TOP 
-------------------------------*/
#top_lineup {
	margin-bottom: 75px;
	padding: 40px 0px;
  font-size: 0;
  background-color: #f7f7f7;
}
.subSt01 {
	margin: 0 0 32px;
  color: #466cb1;
  font-size: 24px;
  font-weight: normal;
  line-height: 1.2;
  text-align: center;
}
.subSt01 span {
	display: block;
	margin: 15px 0 0;
  color: #282828;
  font-size: 14px;
}
dl.dlSt01 {
  width:-webkit-calc((100% - 60px) / 2) ;
  width: calc((100% - 60px) / 2);
  display: inline-block;
  text-align: center;
  margin: 0 45px 60px 0;
  vertical-align: top;
}
dl.dlSt01:nth-of-type(2n) {
	margin: 0 0px 60px 0;
}
dl.dlSt01 dt {
	margin-bottom: 18px;
}
dl.dlSt01 dt img {
  max-width:100%;
}
dl.dlSt01 dd {
	margin: 0;
  padding: 0px 10px;
}
dl.dlSt01 dd h4 {
	margin: 0 0 10px;
  font-size: 18px;
  font-weight: bold;
}
dl.dlSt01 dd p {
  margin: 0 0 30px;
  text-align: left;
  font-size: 14px;
  line-height: 1.8;
}
.buttonA a {
  font-size: 12px;
  color: #FFFFFF;
  background-color: #6485c1;
  padding: 4px 30px 3px;
  text-align: center;
  text-decoration: none;
  letter-spacing: 1px;
  border-radius: 3px;
  line-height: 1;
}
.buttonB a {
  font-size: 18px;
  color: #FFFFFF;
  background-color: #2A5EB7;
  padding: 14px 30px 13px;
  text-align: center;
  text-decoration: none;
  letter-spacing: 1px;
  border-radius: 3px;
  transition: .3s;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}
.buttonB a::after {
  position: absolute;
  margin: auto 0;
  content: "";
  vertical-align: middle;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  right: 10px;
  top: 0;
  bottom: 0;
  border: 4px solid transparent;
  border-left: 4px solid #e1e9f7;
}
.buttonB a:hover {
  opacity: 0.9;
}
.buttonB a span {
  font-size: 10px;
  line-height: 1;
  align-self: center;
}
.buttonC {
  text-align: center;
}
.buttonC a {
	padding: 4px 30px 2px;
  font-size: 14px;
  color: #FFF;
  background-color: #282828;
  text-align: center;
  letter-spacing: 1px;
  border-radius: 3px;
  line-height: 1;
}
.buttonBN a {
transition: .3s;
}
.buttonBN a:hover {
  opacity: 0.9;
}
.list_notes {
  font-size: 14px;
  line-height: 2;
  color: #6D6D6D;
}
.list_notes a {
  position: relative;
  display: inline-block;
  padding: 0 0 0 16px;
}
.list_notes a::before {
  position: absolute;
  top: 9px;
  bottom: 0;
  margin: 0 auto;
  content: "";
  vertical-align: middle;
  box-sizing: border-box;
  left: 4px;
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
  border-left: 4px solid #466cb1;
}
.list_notes span {
  font-size: 10px;
}
.list_notes dt,
.list_notes li {
  margin-left: 1em;
  text-indent: -1em;
}
.LinkA {
  margin-left: 16px!important;
}
.LinkA a {
  text-indent: 16px;
  margin-left: -16px;
}
.LinkA a::before {
  content:"\002023";
  font-size: 18px;
}
.LinkExt a::after {
  content: url(/img/kaika/rpsv/ico_linkext.png);
  margin-left: 5px;
  position: relative;
  top: 2px;
}

#solution-other ol {
  list-style-position: inside;
  margin-left: -2em;
}
#solution-other ol li {
  padding-left: 1.3em;
  text-indent: -1.3em;
}
#solution-other ol li:not(:last-child),
#solution-other .list_line li:not(:last-child) {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px dashed #CCC;
}
#solution-other .list_bullet li{
  text-indent: -1em;
  /*margin-left: 1em;*/
  padding-left: 1em;
}
#solution-other .list_bullet li::before {
  content:"\002022";
  margin-right: 7px;
}
#solution-other ul.flxWrap li {
  width: calc((100% / 2) - 1em);
  text-indent: -1em;
  margin-left: 1em!important;
}
#solution-other ul.flxWrap li:not(:last-child) {
padding-bottom: 10px;
  margin-bottom: 10px;
}
#solution-other ul.flxWrap li::before {
content:"\002022";
margin-right: 7px;
}

#solution-other .boxArrow,
#solution-other .boxArrow02 {
  position: relative;
}
#solution-other .boxArrow::after {
	content:"";
	width: 0;
	height: 0;
	border: 50px solid transparent;
	border-top: 50px solid #C1D4EA;
  left: 0;
  right: 0;
  margin: 40px auto auto;
  position: absolute;
}
#solution-other .boxArrow02::after {
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 45px 100px 0 100px;
	border-color: #C1D4EA transparent transparent transparent;
  left: 0;
  right: 0;
  margin: 30px auto 20px;
  position: absolute;
}
#solution-other ul.listLinkBox {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#solution-other ul.listLinkBox li {
width: calc((100% / 2) - 1em);
margin-bottom: 20px;
}
#solution-other ul.listLinkBox li a {
  font-size: 18px;
  color: #FFFFFF;
  background-color: #2A5EB7;
  padding: 14px 30px 13px;
  text-align: center;
  text-decoration: none;
  letter-spacing: 1px;
  border-radius: 3px;
  transition: .3s;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
}
#solution-other ul.listLinkBox li a:hover {
  opacity: 0.9;
}
#solution-other ul.listLinkBox li a::after {
  position: absolute;
  margin: auto 0;
  content: "";
  vertical-align: middle;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  right: 10px;
  top: 0;
  bottom: 0;
  border: 4px solid transparent;
  border-left: 4px solid #e1e9f7;
}
.sotaUtilize {
counter-reset: sotaUtilize-num;
}
.sotaUtilize .boxA {
  margin-bottom: 20px;
}
.sotaUtilize .sotaUtilize_ttl {
  /*counter-increment: sotaUtilize-num;*/
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
/*.sotaUtilize .sotaUtilize_ttl::before {
  content: "Scene\A"counter(sotaUtilize-num);
  white-space: pre;
  font-size: 14px;
  min-width: 52px;
  padding: 5px;
  color: #FFFFFF;
  text-align: center;
  background-color: #2A5EB7;
  margin-right: 10px;
  font-weight: bold;
  border-radius: 5px;
  letter-spacing: 1px;
}*/
.sotaUtilize .sotaUtilize_ttl p.num {
  font-size: 14px;
  padding: 5px;
  color: #FFFFFF;
  text-align: center;
  background-color: #2A5EB7;
  margin-right: 10px;
  font-weight: bold;
  border-radius: 5px;
  letter-spacing: 1px;
  line-height: 1.5;
}
.sotaUtilize .sotaUtilize_ttl ul {
  margin-left: auto;
  display: flex;
  position: relative;
  top: -3px;
}
.sotaUtilize .sotaUtilize_ttl ul li {
  margin-bottom: 0;
  color: #FFFFFF;
  font-size: 12px;
  text-indent: inherit;
  margin-left: inherit;
  font-weight: normal;
  padding: 3px 5px;
}
.sotaUtilize .sotaUtilize_ttl ul li:not(:first-child) {
	margin-left: 5px;
}
.sotaUtilize .sotaUtilize_ttl ul li::before {
  content: none;
}
.sotaUtilize .sotaUtilize_ttl ul li.customers {
	background-color: #75b66d;
}
.sotaUtilize .sotaUtilize_ttl ul li.office {
	background-color: #5a88bc;
}
.sotaUtilize .sotaUtilize_ttl ul li.event_venue {
	background-color: #3f9fda;
}
.sotaUtilize .sotaUtilize_ttl ul li.medical {
	background-color: #178978;
}
.sotaUtilize .sotaUtilize_ttl ul li.shop {
	background-color: #da4a57;
}
.sotaUtilize .sotaUtilize_ttl ul li.educate {
	background-color: #a73485;
}
.sotaIntro dl {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px!important;
}
.sotaIntro dt {
  width: calc(100% / 6);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #5e81c0;
  margin-right: 30px;
}
.sotaIntro dt p {
  color: #FFFFFF!important;
}
.sotaIntro dl dd ul.flxWrap li::before {
    content: "・"!important;
    margin-right: 0!important;
}
.sotaIntro dl dd ul li {
  margin-bottom: 0!important;
  font-weight: normal!important;
  padding-bottom:10px;
}
.hinemosOptionList dt {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 18px;
  color: #333333;
}
.hinemosOptionList dd {
  margin-bottom: 5px;
  margin-left: 1em;
  text-indent: -1em;
}
.hinemosOptionList dd::before {
  content:"\002022";
  margin-right: 7px;
}
.hinemosSupport_sp {
  display: none;
}
table.hinemosSupport tbody th,
table.hinemosSupport tbody td {
  vertical-align: top;
}
.hinemosSupport li {
  margin-bottom: 5px;
  margin-left: 1em;
  text-indent: -1em;
}
.hinemosSupport ul li::before {
  content:"\002022";
  margin-right: 7px;
}
.hinemosSupport ul li ul li::before {
  content:"-";
  margin-right: 7px;
}
.hinemosSupport ul li ul li ul li::before {
  content:"・";
  margin-right: 7px;
}

.rxc_support_icons dl {
  display: flex;
  flex-wrap: nowrap;
  margin-bottom: 20px!important;
}
.rxc_support_icons dt {
  display: flex;
  align-items: flex-start;
  margin-right: 30px;
}
.rxc_support_icons dt img {
  min-width: 100px;
  width: 100px;
}
#rxc_support02 .boxB {
  border-color: #2A5EB7;
}
#rxc_support02 h4{
	position: relative;
	text-align: center;
}
#rxc_support02 h4::before{
	position: absolute;
	top: 50%;
	z-index: 1;
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #e1e9f7;
}
#rxc_support02 h4 span{
	position: relative;
	z-index: 2;
	display: inline-block;
	padding: 0 20px;
	background-color: #5e81c0;
  color: #e1e9f7;
	text-align: left;
  font-size: 18px;
}
#rxc_support02 .flxInner3.boxC dt span {
    background-color: #A5A5A5;
    color: #FFFFFF;
    padding: 5px 10px;
    display: block;
}
#rxc_support02 .flxInner3.boxC dd {
  padding: 15px 10px;
  border-radius: 5px;
  border: 3px solid #BFBFBF;
}
#rxc_support03 .buttonB a {
padding: 14px 25px 13px;
}
#rxc_support03 .buttonB a,
#rxc_support03 .buttonB a:hover,
#rxc_support03 .buttonB a:visited {
  color: #FFFFFF;
}
.rxc_problem {
  display: flex;
  justify-content: center;
  align-items: center;
}
.rxc_problem figure {
  max-width: 100px;
}
#nazuki02 .boxE figure img {
  border: 5px solid #e6e6e6;
}
#nazuki.boxSt #nazuki01 .boxB {
  padding: 23px 20px 20px;
}
#nazuki_flow {
  counter-reset: nazuki_flow_count;
}
#nazuki_flow li {
  padding: 15px 10px;
  background-color: #2A5EB7;
  color: #FFFFFF;
  text-align: center;
  border-radius: 50px;
  position: relative;
  counter-increment: nazuki_flow_count;
}
#nazuki_flow li:not(:last-child) {
  margin-bottom: 30px;
}
#nazuki_flow li::before {
  content: counter(nazuki_flow_count);
  position: absolute;
  color: #C8D8F4;
  left: 50px;
  top: -6px;
  text-shadow: 3px 3px 3px rgba(0,0,0,0.2);
  font-size: 48px;
  margin: 0;
}
#nazuki_flow li:not(:last-child)::after {
  content: "▼";
  position: absolute;
  bottom: -25px;
  right: 0;
  left: 0;
  margin: auto;
  color: #2A5EB7;
}

#security01 .flxInner4-1 img {
	width: 100%;
}
#security01 .bkg_white2.txtS.B {
	line-height: 1.5;
	position: relative;
}
#security01 .bkg_white2.txtS.B::before {
	content: ">";
	position: absolute;
	left: 10px;
}
#security04 .boxA dl {
	display: flex;
	align-items: flex-start;
}
#security04 .boxA dl:not(:last-of-type) {
	margin-bottom: 20px;
}
#security04 .boxA dl dt.ttl_sub01 {
max-width: 140px;
width: 100%;
margin: 0px 20px 0px 0px;
padding: 5px 10px;
text-align: center;
border-radius: 3px;
flex-shrink: 0;
}
#security04 .boxA.security04b dl dt.ttl_sub01 {
max-width: 75px;
}
#security04 .boxA.security04b dl dd span {
	font-weight: normal;
	font-size: 16px;
	display: inline-block;
}
#security04 .boxA.security04b dl dd span:not(:last-of-type) {
	margin-bottom: 5px;
}
#security04 .boxA dl dd {
	font-size: 18px;
	line-height: 1.7;
	font-weight: bold;
}

/*新着*/
#top_news {
  margin-bottom: 60px;
}
#top_news dl{
  border-bottom :1px solid #CCC;
  padding: 10px 20px 20px;
}
#top_news dl:last-of-type{
  margin-bottom: 40px;
}
#top_news dt{
  float: left;
}
#top_news dt::after{
  content: "お知らせ";
  background-color: #6485c1;
  color: #FFF;
  font-size: 12px;
  padding: 1px 15px;
  margin: 0px 30px 0px 40px;
  border-radius: 3px;
  vertical-align: 1px;
}
#top_news dd{
  margin-left: 25%;
}

/* 事例 
-------------------------------*/
.case {
  padding: 40px 0px;
  background-color: #f7f7f7;
}
.case h4 {
  background-color: #282828;
  padding: 20px;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: normal;
  display: flex;
  align-items: center;
}
.case .caseWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.case .caseBox {
  /*width:-webkit-calc((100% - 15px) / 3);
  width: calc((100% - 15px) / 3);*/
  width:-webkit-calc((100% - 60px) / 2);
  width: calc((100% - 60px) / 2);
  display: inline-block;
  text-align: left;
  margin: 0 0px 30px 0;
  vertical-align: top;

}
.case .caseBox dl {
  display: flex;
  border: 1px solid #eaeaea;
  padding: 20px;
  background-color: #FFFFFF;
  position: relative;
  min-height: 100px;
}
.case .caseBox dt {
  /*width: 125px;*/
  margin-right: 20px;
  flex: 1;
}
.case .caseBox dd {
  align-items: stretch;
  flex: 3;
}
.case .caseBox dd h5 {
  font-size: 18px;
  
}
.case .caseBox dd p {
  font-size: 16px;
  line-height: 1.5;
}
.case .caseBox dd .buttonA {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.arrowBox {
  position: relative;
  margin-bottom: 120px!important;
}
.arrowBox::after {
  content: url(/img/kaika/rpsv/arrow_down.png);
  position: absolute;
  width: 61px;
  height: 71px;
  display: block;
  text-align: center;
  right: 0;
  left: 0;
  margin: auto;
  bottom: -100px;
}
#solution-other #rw02 .flxWrap img {
	width: 100%;
}
#solution-other #rw02 dl.bkg_white2.txtS {
padding: 20px;
}
#solution-other #rw02 dl.bkg_white2.txtS dd {
	line-height: 1.7;
}
#solution-other #rw02 .boxArrow02::after {
	position: relative;
}
table.storeIT {
	width: 100%;
}
table.c-news-richtext-table.nttdatajpn-table-B01-unit.storeIT th {
	text-align: center;
}
table.c-news-richtext-table.nttdatajpn-table-B01-unit.storeIT tbody th {
	font-size: 18px;
	color: #5876aa;
}
#storeIT05 figure.onText figcaption {
	align-items: flex-start;
	justify-content: flex-start;
	text-align: left;
	font-size: 16px;
	padding-left: calc(30vw / 12.80);
	top: calc(150vw / 12.80);
}
#cloud_fax01 figure.onText figcaption {
	padding-top: 50px;
}
#cloud_fax01 .boxF {
	padding: 10px;
}
#cloud_fax02 .flxInner4-1.ttl_sub01 {
	padding: 10px;
	text-align: center;
	font-size: 18px;
}
#cloud_fax02 .boxArrow02::after {
border-width: 30px 65px 0 65px;
	border-color:#ACACAC transparent transparent transparent;
}
#cloud_fax04 .flxInner3.ttl_sub01 {
	padding: 50px 10px;
	line-height: 2.5;
	font-weight: bold;
}



#cloud_fax05 .boxA dl {
	display: flex;
	align-items: flex-start;
}
#cloud_fax05 .boxA dl:not(:last-of-type) {
	margin-bottom: 20px;
}
#cloud_fax05 .boxA dl dt.ttl_sub01 {
max-width: 200px;
width: 100%;
margin: 0px 20px 0px 0px;
padding: 5px 10px;
text-align: center;
border-radius: 3px;
flex-shrink: 0;
}
#cloud_fax05 .boxA dl dd {
	font-size: 18px;
	line-height: 1.7;
	font-weight: bold;
}
#cloud_fax06 span.txt14 {
	display: block;
	margin-left: 1em;
	line-height: 1.5;
}

/* Responsiv対応
-------------------------------------------*/
@media screen and (max-width: 800px){
.pc{display: none;}
.sp{display: block!important;}

.toggle{
		padding: 10px;
		position: relative;
		background-color: #466cb1;
		border-bottom: 1px solid rgba(255,255,255,0.3);
    margin: 0px;
    display: block;
    color: #FFF;
	}
	.toggle::after{
		content: '';
		width: 48px;
		height: 48px;
		background: url("/img/eye/ico_open.png") no-repeat top left;
		background-size: contain;
		vertical-align: middle;
		position: absolute;
		right: 5%;
		top: 0;
		display: block;
	}
	.toggle2::after{
		content: '';
		width: 48px;
		height: 48px;
		background: url("/img/eye/ico_close.png") no-repeat top left;
		background-size: contain;
		vertical-align: middle;
		position: absolute;
		right: 5%;
		top: 0;
		display: block;
	}
	.nav-area ul{
		display: none;
	}
	.nav-area ul li{
		padding: 10px;
		border-top: 1px dashed #D9E1EF;
    display: inherit;
	}
	.nav-area ul li.present{
		border-bottom: none;
		background-color: #fafafa;
	}
	.nav-area ul.sp_subMenu{
		margin: 10px;
	}
	.nav-area ul.sp_subMenu li{
		display: inline;
		border-top: none;
		font-size: 14px;
	}
	.nav-area ul.sp_subMenu li a {
		color: #595959;
	}
	#inquiry dl {
		width: 100%;
		display: flex;
		margin: 0px 0px 20px;
		}
	#inquiry dd{
		line-height: 1;
		display: table-cell;
		vertical-align: middle;
		bottom: auto;
		top: auto;
		margin-top: 10px;
	}
	figure, figure img {
		max-width: 100%;
	}
  .flxInner2, .flxInner3, .flxInner3-2, .flxInner4-1 {
    width: 100%;
    margin-bottom: 10px!important;
}
  #roboticsBN .flxInner3 {
    text-align: center;
  }
  .sotaIntro dt {
    width: 100%;
    min-height: inherit;
    padding: 10px;
    margin-right: 0;
  }
  .sotaIntro dl dd ul li {
    width: 100%!important;
  }
	#storeIT05 figure.onText figcaption {
	align-items: center;
	justify-content: center;
	padding-left: 0;
	top: 0;
	}
}

@media screen and (max-width: 640px){
	figure{
		width: 100%; margin: 0px;
	}
	#other .nttdatajpn-structure-content-rpsv dl{
		width: 100%;
		margin: 0px;
		margin-bottom: 15px;
	}
	/*　矢印回転 */
	.rotaie {
		transform: rotate(90deg);
	}
	/*　2つ並びを1列に */
	dl.col2 {
		width: 100%;
	}
	/*sub title*/
	.subSt {
		font-size: 24px;
	}
	/*line up*/
	dl.dlSt01 {
		display: block;
		width: 100%;
		margin-bottom: 50px
	}
	/*新着*/
	#top_news dl dt {
		float: none;
	}
	#top_news dl dd {
		margin: 0;
	}
  /*事例*/
  .case .caseBox {
    width: 100%;
  }
  table:not(.nttdatajpn-table-B01-unit) {
    border: 0;
    width:100%;
  }
  table:not(.nttdatajpn-table-B01-unit) tbody th{
    background-color: #829ccc;
    border-radius: 7px 7px 0px 0px;
    display: block;
    border-right: none!important;
    margin-bottom: 5px;
    color: #FFFFFF;
    position: relative;
  }
  table:not(.nttdatajpn-table-B01-unit) thead {
    display: none;
  }
  table:not(.nttdatajpn-table-B01-unit) tr {
    display: block;
    margin-bottom: 10px;
    padding: 5px;
    border-radius: 7px;
  }
  table:not(.nttdatajpn-table-B01-unit) td {
    border-bottom: 1px dotted #d8d8d8;
    display: block;
    position: relative;
    border-right: none;
  }
  table:not(.nttdatajpn-table-B01-unit) td:last-child {
    border-bottom: 0;
  }
  table:not(.nttdatajpn-table-B01-unit) td[data-label] img {
  display: block;
  }
  /*Ultra Wi-Fiのみ対応*/
  table.nttdatajpn-table-B01-unit th, table.nttdatajpn-table-B01-unit td {
    word-break: break-all;
    white-space: inherit;
  }
/*  table.public-serv-apply-table tbody tr:nth-of-type(1) td {
    padding-top: 30px;
  }
  table.public-serv-apply-table tbody tr:nth-of-type(1) td:nth-of-type(1) {
  background: url(/img/apply/dummy.png) top right no-repeat scroll;
  background-size: contain;
  }
  table.public-serv-apply-table tbody tr:nth-of-type(1) td:nth-of-type(2) {
  background: url(/img/apply/dummy.png) top center no-repeat scroll;
  }
  table.public-serv-apply-table tbody tr:nth-of-type(1) td::before {
    content: attr(data-label);
    display: block;
    color: #ffad66;
  }*/
  table.hinemosSupport tbody td::before {
    content: attr(data-label);
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
    color: #6485c1;  
  }
  table.hinemosSupport tbody th {
    width: 100%;
  }
  .hinemosSupport_sp {
  display: block;
  }
  #solution-other ul.listLinkBox li {
    width: 100%;
  }
  .rxc_problem {
    flex-flow: column wrap;
    word-break: break-all;
  }
  .rxc_problem br {
    display: none;
  }
	#security04 .boxA dl,
	#cloud_fax05 .boxA dl {
		flex-wrap: wrap;
	}
	#security04 .boxA dl dt.ttl_sub01,
	#security04 .boxA.security04b dl dt.ttl_sub01,
	#cloud_fax05 .boxA dl dt.ttl_sub01 {
		max-width: 100%;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 480px){
	.nav-bottom ul li {
		display: block;
		margin-bottom: 15px;
		border: none;
	}
}

@media screen and (max-width: 375px){
  .case .caseBox dl {
    flex-wrap: wrap;
    justify-content: center;
  }
  .case .caseBox dt{
    margin-right: 0px;
  }

}

@media screen and (max-width: 320px){
	#inquiry dd{
  	fotn-size: 18px;
	}
}