@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;}
.txt10 {font-size: 10px!important;}
.txt12 {font-size: 12px!important;}
.txt14 {font-size: 14px!important;}
.txt16 {font-size: 16px!important;}
.txt18 {font-size: 18px!important;}
.txt20 {font-size: 20px!important;}
.txt21 {font-size: 21px!important;}
.txt22 {font-size: 22px!important;}
.txt24 {font-size: 24px!important;}
.txt26 {font-size: 26px!important;}
.txt28 {font-size: 28px!important;}
.txt30 {font-size: 30px!important;}
.txt32 {font-size: 32px!important;}
.txt36 {font-size: 36px!important;}
.txt40 {font-size: 40px!important;}
.txt48 {font-size: 48px!important;}
.txt60 {font-size: 60px!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;}
.em01 {font-style: normal; font-weight: bold; text-decoration: underline;}
.em02 {font-style: normal; font-weight: bold;}
br.brpc {display:block;}
br.brsp {display:none;}
@media screen and (max-width: 780px) {
    br.brpc {display:none;}
		br.brsp {display:block;}
    }

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

.LS_0 {letter-spacing: 0!important;}
.LS_0_0_5 {letter-spacing: 0.05em!important;}
.LS_0_1 {letter-spacing: 0.1em!important;}

.w_glow {text-shadow: 0 0 10px rgba(255,255,255,0.7),0 0 10px rgba(255,255,255,0.7);}

/* link decoration
-----------------------------------------------------------------------------*/
a.blockLink {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: .3s;
  z-index: 10;
}
a.blockLink:hover {
	background-color: rgba(255,255,255,0.3);
}
/*.textArea p:not(:last-of-type) {
	margin-bottom: 30px;
}*/
.textArea dt, .textArea dd, .textArea li {
	line-height: 1.7;
}
.textArea h1,.textArea h2, .textArea h3, .textArea h4, .textArea h5, .textArea h6 {
	line-height: 1.5;
	font-weight: 400;
}

.flxWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.flxWrap2 {
  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);
}
.flxInner4-3 {
  width: calc(((100% / 4) - 10px) * 3);
}
.flxInner5-1b {
  width: calc(100% / 5);
}

.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.rows2 .nav-area-inner {
	display: flex;
	max-width: 990px;
	margin: 0 auto;
	padding: 0;
	}
.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;
	}
	  .nav-area.rows2 ul {
	margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0;
    margin: 0;
    padding: 0;}
  .nav-area.rows2 ul:first-of-type {
    max-width: 200px;
		width: 100%;
    display: flex;
    border-right: 1px solid #e1e9f7;
}
  .nav-area.rows2 ul:first-of-type li {
    align-self: center;
  }
  .nav-area.rows2 ul.nav2nd {
    display: flex;
    flex-wrap: wrap;
  }
  .nav-area.rows2 ul.nav2nd li {
  padding: 20px 10px 14px;
  border-top: 1px solid #e1e9f7;
  width: calc(100% / 3);
  display: flex;
  justify-content: center;
  align-items: center;
  }
/*IE11*/
_:-ms-lang(x)::-ms-backdrop, .nav-area.rows2 ul.nav2nd li {
		  width: calc(100% / 3 - 1px);
}
  }



/* =========== 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;
}
/*メインイメージ　文字載せ*/
#main_vs2 {
	position: relative;
	box-shadow: 0px 3px 5px rgba(0,0,0,0.05);
}
#main_vs2 img {
	object-fit: cover;
	width: 100%;
}
#main_vs2 .txtArea {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	padding:  calc(50vw / 12.80) calc(10vw / 12.80) calc(50vw / 12.80) calc(50vw / 12.80);
	font-feature-settings: "palt";
	text-align: left;
	display: flex;
  flex-flow: column;
  justify-content: center;
}
#main_vs2 .txtArea h1 {
	font-size: calc(42vw /12.80);
	line-height: 1.5;
	letter-spacing: 0.1em;
	font-weight: 700;
	margin-bottom: calc(10vw / 12.80);
}
#main_vs2 .txtArea h2 {
	font-size: calc(14vw / 12.80);
	background-color: #e02727;
	color: #FFFFFF;
	margin-block: 0;
	padding: calc(3vw / 12.80) calc(30vw / 12.80) calc(5vw / 12.80);
	margin-bottom: calc(20vw / 12.80);
	letter-spacing: 0.15em;
}
#main_vs2 .txtArea p {
	font-size: calc(24vw / 12.80);
	line-height: 1.5;
	text-align: justify;
}
#main_vs2 .txtArea p:not(:last-of-type) {
	margin: 0px auto calc(30vw / 12.80);
	display: inline-block;
}

/*ページタイトル*/
.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_sub01b {
	margin: 0 0 27px;
	padding: 17px 20px 15px;
  background-color: rgb(0,128,177);
  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;
font-size: 18px;
}
#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;
}
/* hybridcloud ハイブリッドクラウド
-------------------------------------------------------------------------------*/
#main_vs2.hybridcloudHero .txtArea {
	max-width: 740px;
	width: calc(740vw / 12.80);
}
#main_vs2.hybridcloudHero .txtArea p:last-of-type {
	font-size: calc(18vw / 12.80);
}
#main_vs2.hybridcloudHero .txtArea p.White {
	line-height: 1.7;
	letter-spacing: 0.025em;
	}
#main_vs2.hybridcloudHero .txtArea h1 {
	margin-bottom:  calc(30vw / 12.80);
}
#main_vs2.hybridcloudHero .txtArea h1 span.sub {
	font-size: calc(24vw /12.80);
}
	@media screen and (min-width: 1281px){
	#main_vs2.hybridcloudHero .txtArea p:last-of-type {
		font-size: 18px;
	}
	#main_vs2.hybridcloudHero .txtArea h1 {
	margin-bottom:  30px;
}
	#main_vs2.hybridcloudHero .txtArea h1 span.sub {
		font-size: 24px;
	}
	}
	@media screen and (max-width: 640px){
	#main_vs2.hybridcloudHero img {
		height: 250px;
	}
	}
	@media screen and (max-width: 480px){
	#main_vs2.hybridcloudHero .txtArea h1 {
		font-size: calc(24vw /4.80);
	}
	#main_vs2.hybridcloudHero .txtArea h1 span.sub,
	#main_vs2.hybridcloudHero .txtArea h2,
	#main_vs2.hybridcloudHero .txtArea p {
		font-size: 1.2rem!important;
	}
	#main_vs2 .txtArea h2 {
		padding: 5px;
	}
	}
.hybridcloudContent {
font-feature-settings: "palt";
letter-spacing: 0.075em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
	/*safari*/
	_::-webkit-full-page-media, _:future, :root .hybridcloudContent {
			letter-spacing: 0.05em;
	}
.hybridcloudContent sup {
	vertical-align: top;
	position: relative;
	top: 3px;
}
.hybridcloudContent .boxC ul.list_line {
  margin: 5px 0;
}
.hybridcloudContent .boxC ul.list_line li {
  margin-left: 1em;
}
#hc02 .bkg_blue {
	padding-bottom: 0px;
}
#hc03 .bkg_blue {
background-color: #4372C1;
text-align: center;
}
#hc03 .bkg_blue h3 {
	color: #FFFFFF;
}
#hc03 .bkg_blue .flxInner2 {
	margin: 10px auto 0px;
	position: relative;
	display: flex;
	justify-content: center;
}
#hc03 .bkg_blue .flxInner2 span {
	position: relative;
display: flex;
align-items: center;
font-size: 21px;
}
#hc03 .bkg_blue .flxInner2 span::before {
	content: "";
	position: relative;
	left: 0;
	background: #000;
	width: 24px;
	height: 24px;
	margin-right: 5px;
	display: block;
}
#hc03 table.hybridcloud th {
	min-width: 150px;
	max-width: 150px;
	background-color: #5876aa;
	color: #FFFFFF;
	text-align: center;
}
#hc03 table.hybridcloud.prob th {
	background-color: #8BA0C3;
}
#hc03 table.hybridcloud td {
	min-width: 210px;
	max-width: 210px;
	vertical-align: top;
padding: 20px 8px;
text-align: justify;
font-size: 14px;
}
#hc03 table.hybridcloud th, #hc03 table.hybridcloud td {
border: inherit;
border-color: #BFC4CC;
position: relative;
}
#hc03 table.hybridcloud td.exclude {
background-color: #CCCCCC;
opacity: 0.3;
}
#hc03 .hybridcloud-table table tr td p{
	display: flex;
	align-items: center;
	position: relative;
	padding-left: 30px;
	line-height: 1.2;
	min-height: 2em;
}
#hc03 .hybridcloud-table table tr td p::before {
	content: "";
	position: absolute;
	left: 0;
	background: #000;
	width: 24px;
	height: 24px;
	margin-right: 5px;
}
#hc03 .bkg_blue p .blockLink:hover,
#hc03 .hybridcloud-table table tr td .blockLink:hover {
	background-color: rgba(112 ,176,249,0.2);
	//background-color: rgba(234,3,69,0.1);
	opacity: 1;
}
#hc03 .bkg_blue .flxInner2:nth-of-type(1) span::before,
#hc03 .hybridcloud-table table tr:nth-child(2) td p::before {
	background: url("/img/hybridcloud/icon01.png") no-repeat center center;
}
#hc03 .bkg_white2 .flxInner2:nth-of-type(1) span::before,
#hc03 .hybridcloud-table table tr:nth-child(3) td p::before {
	background: url("/img/hybridcloud/icon02.png") no-repeat center center;
}
#hc03 .bkg_white2 .flxInner2:nth-of-type(2) span::before,
#hc03 .hybridcloud-table table tr:nth-child(4) td p::before {
	background: url("/img/hybridcloud/icon03.png") no-repeat center center;
}
#hc03 .bkg_white2 .flxInner2:nth-of-type(3) span::before,
#hc03 .hybridcloud-table table tr:nth-child(5) td p::before {
	background: url("/img/hybridcloud/icon04.png") no-repeat center center;
}
#hc03 .bkg_white2 .flxInner2:nth-of-type(4) span::before,
#hc03 .hybridcloud-table table tr:nth-child(6) td p::before {
	background: url("/img/hybridcloud/icon05.png") no-repeat center center;
}
#hc03 .hybridcloud-table table tr:nth-child(2) td p,
#hc03 .hybridcloud-table table tr:nth-child(3) td p,
#hc03 .hybridcloud-table table tr:nth-child(4) td p,
#hc03 .hybridcloud-table table tr:nth-child(5) td p,
#hc03 .hybridcloud-table table tr:nth-child(6) td p {
	font-weight: 700;
}
#hc03 table.hybridcloud.sol tr:last-of-type td {
	font-size: 16px;
}
#hc04,
#hc-ict01 {
counter-reset: hc04_count01;
}
#hc04 .boxC,
#hc-ict01 .boxC{
	display: flex;
	align-items: center;
}
#hc04 dl,
#hc-ict01 dl{
	counter-increment: hc04_count01;
	margin-left: 60px;
	position: relative;
	width: 100%;
}
#hc04 dl::before,
#hc-ict01 dl::before{
  content: counter(hc04_count01);
  position: absolute;
	top: 0;
	left: -60px;
  width: 50px;
	height: 50px;
  background-color: #5876aa;
	color: #FFFFFF;
  margin-right: 10px;
  border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	font-weight: bold;
}
#hc-ict01 .textArea .boxC dt.txt21.Blue3 {
	margin-bottom: 20px;
	margin-top: 9px;
}
#hc-ict01 .bkg_blue ul.flxWrap2 {

}
#hc-ict01 .bkg_blue ul.flxWrap2 li.flxInner3 {
	position: relative;
	margin-bottom: 20px;
	padding: 20px;
	text-align: center;
	background-color: #4372C1;
	color: #FFFFFF;
	font-size: 21px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#hc-auto01-01 .boxC {
	padding: 23px 30px 20px;
}
#hc-auto01-02 .flxWrap2 {
	align-items: center;
}
#hc-auto01-02 .flxWrap2 ul.flxInner3 {
	position: relative;
}
#hc-auto01-02 .flxWrap2 ul.flxInner3::after {
content: "";
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 45px 0 45px 30px;
border-color: transparent transparent transparent #90ACDD;
top: 0;
bottom: 0;
margin: auto;
right: -50px;
}
#hc-auto01-02 .flxWrap2 .flxInner3-2 {
	width: calc(((100% / 3) - 30px) * 2);
}
#hc-auto01-02 li {
	background-color: #4372C1;
	color: #FFFFFF;
	padding: 10px 20px;
	position: relative;
	margin-bottom: 30px;
}
#hc-auto01-02 li:last-child {
	margin-bottom: 0px;
}
#hc-auto01-02 li p {
	min-height: 4.8em;
	margin-bottom: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	line-height: 1.5;
}
#hc-auto01-02 li:not(:last-child)::after {
	content: "";
	position: absolute;
	bottom: -23px;
	left: 0;
	right: 0;
	border-style: solid;
	border-width: 15px 16px 0 16px;
	border-color: #B1C2E0 transparent transparent transparent;
	display: block;
	margin: auto;
	width: 15px;
	height: 16px;
}

/*新着*/
#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;
}
.arrowBox02 {
  position: relative;
}
.arrowBox02::after {
	content: "";
	width: 125px;
height:28px;
border-style: solid;
border-width: 28px 62.5px 0 62.5px;
border-color: #B1C2E0 transparent transparent transparent;
display: block;
margin: 12px auto 10px;

}
#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 .bkg_gray, #cloud_fax04.bkg_gray {
	padding: 50px 20px
}
#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: center;
}
#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: 10px;
text-align: center;
border-radius: 3px;
flex-shrink: 0;
line-height: 1.7;
}
#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.rows2 .nav-area-inner {
		display: none;
	}
	.nav-area.rows2 ul {
		display: inherit;
	}
	.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, .flxInner4-3 {
    width: 100%!important;
    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;
	}
	#hc-auto01-02 .flxWrap2 ul.flxInner3 {
	margin-bottom: 90px!important;
	}
	#hc-auto01-02 .flxWrap2 ul.flxInner3::after {
	  top: auto;
    bottom: -90px;
    margin: auto;
    right: 0;
    left: 0;
    transform: rotate(90deg);
		}
}

@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){
#main_vs2 .txtArea {
padding: calc(10vw / 4.80);
max-width: 100%!important;
width: 100%!important;
}
#main_vs2 .txtArea h1 {
	margin-top: calc(10vw / 12.80);
	border-width: 1px;
}
	.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;
	}
}


@media screen and (min-width: 1281px){
#main_vs2 .txtArea {
	padding:  50px 10px 50px 50px;
}
#main_vs2 .txtArea h1 {
	font-size: 42px;
	margin-bottom: 10px;
}
#main_vs2 .txtArea h2 {
	font-size: 14px;
	padding: 3px 30px 5px;
	margin-bottom: 20px;
	text-align: center;
}
#main_vs2 .txtArea p {
	font-size: 24px;
}
#main_vs2 .txtArea p:not(:last-of-type) {margin: 0px auto 30px;}
}