@charset "UTF-8";

.freeze {
  /*奥行きを管理*/
  z-index: -1;
  /*動き固定*/
  position: fixed;
  /*下2つで背景を元のサイズのまま表示することができる*/
  width: 100%;
  height: 100%;
}

br.is-disabled {
  display: none;
}

.fwb {
  font-weight: bold !important;
}

.fwn {
  font-weight: normal !important;
}

.tac {
  text-align: center;
}

.dib {
  display: inline-block !important;
}

.df {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.ffc {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
}

.flex1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.j-c_s-b {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.j-c_center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex-none {
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}

.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.secondary {
  display: none;
}

.secondary.is-active {
  display: block;
}

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

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

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

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

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

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

.tac {
  text-align: center;
}

.ttl01 {
  padding-left: 10px;
  border-left: 3px solid #999;
  color: #333;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.2667;
}

.icon__list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center;
	line-height: 1.3;
	font-size: 13px;
}


.icon__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-flow: column-reverse;
  flex-flow: column-reverse;
  width: 225px;
  height: 165px;
  border: solid 1px #d1d1d1;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.icon__item2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-flow: column-reverse;
  flex-flow: column-reverse;
  width: 210px;
  height: 135px;
  border: solid 1px #d1d1d1;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.icon__item:hover, .icon__item.is-active {
  border: solid 1px #0058c5;
}

.icon__item2:hover, .icon__item2.is-active {
  border: solid 1px #0058c5;
}

.icon__item.product {
  background: url("/sites/default/files/dynabook-b2b/business/contact/images/ico_pc_01.png") top 20px center no-repeat;
    background-size: 30%;
}

.icon__item.product:hover, .icon__item.product.is-active {
  background: #0058c5 url("/sites/default/files/dynabook-b2b/business/contact/images/ico_pc_02.png") top 20px center no-repeat;
  background-size: 30%;
}

.icon__item.solution {
  background: url("/sites/default/files/dynabook-b2b/business/contact/images/ico_light_01.png") top 20px center no-repeat;
    background-size: 23%;
}

.icon__item.solution:hover, .icon__item.solution.is-active {
  background: #0058c5 url("/sites/default/files/dynabook-b2b/business/contact/images/ico_light_02.png") top 20px center no-repeat;

	  background-size: 23%;
}

.icon__item.other {
  background: url("/sites/default/files/dynabook-b2b/business/contact/images/ico_other_01.png") top 20px center no-repeat;
        background-size: 26%;
}

.icon__item.other:hover, .icon__item.other.is-active {
  background: #0058c5 url("/sites/default/files/dynabook-b2b/business/contact/images/ico_other_02.png") top 20px center no-repeat;
        background-size: 26%;
}

.icon__item.repair {
  background: url("/sites/default/files/dynabook-b2b/business/contact/images/ico_repair_01.png") top 20px center no-repeat;
        background-size: 30%;
}

.icon__item.repair:hover {
  background: #0058c5 url("/sites/default/files/dynabook-b2b/business/contact/images/ico_repair_02.png") top 20px center no-repeat;
        background-size: 30%;
}


.icon__item2.repair {
  background: url("/sites/default/files/dynabook-b2b/business/contact/images/ico_repair_01.png") top 20px center no-repeat;
        background-size: 29%;
}

.icon__item2.repair:hover {
  background: #0058c5 url("/sites/default/files/dynabook-b2b/business/contact/images/ico_repair_02.png") top 20px center no-repeat;
        background-size: 29%;
}




.icon__link {
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 100px;
  color: #003399;
  font-size: 1.1em;
  text-decoration: none;
}

.icon__link:hover, .icon__link.is-active {
  color: #fff !important;
  text-decoration: none;
}



.concerns__list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center;
}

.concerns__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 290px;
  height: 66px;
  border: solid 1px #d1d1d1;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.concerns__item:hover, .concerns__item.is-active {
  border: solid 1px #0058c5;
  background-color: #0058c5;
}

.concerns__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  color: #003399 !important;
  font-size: 0.93333em;
  line-height: normal;
  text-decoration: none;
}

.concerns__link:hover, .concerns__link.is-active {
  color: #fff !important;
  text-decoration: none;
}

.concerns__txt {
  -ms-flex-item-align: center;
  align-self: center;
  width: 100%;
}

.form__label {
  color: #4e4e4e;
  font-size: 0.93333em;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.form__label.is-disabled {
  color: #b4b4b4;
}

.form__radio {
  margin-right: 13px;
}

.form__box {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 560px;
}

.arrowlink {
  font-size: 0.93333em;
}

.arrowlink.-box {
  width: 250px;
  margin: 0 auto;
  padding: 8px 0;
  border: solid 1px #d1d1d1;
  border-radius: 3px;
  font-size: 1.05em;
  line-height: 1.62;
}

.arrowlink:hover .arrow-br {
  fill: #2e6eff;
}

.arrowlink__inner {
  padding-right: 6px;
}

.arrow-br {
  fill: #0045E0;
}

.btn-big {
  width: 320px;
  margin: 0 auto;
  padding: 19px 0 18px;
  border: solid 1px #d1d1d1;
  border-radius: 5px;
  background-color: #fff;
  color: #cfcfcf;
  font-size: 0.93333em;
  line-height: normal;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.btn-big__wrapper {
  width: 100%;
  padding: 30px 0;
  background-color: #eee;
  text-align: center;
}

.btn-big__inner {
  padding-right: 7px;
}

.btn-big__fill {
  fill: #a8a8a8;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.btn-big.red {
  display: none;
  border: solid 1px #eb4a4a;
  background-color: #eb4a4a;
  color: #ffffff;
}

.btn-big.red .btn-big__fill {
  fill: #fff;
}

.btn-big.red:hover {
  background-color: #d11717;
}

@media screen and (max-width: 767px) {
  .nav-global__item .only-pc,
  .box-adobebanner .only-pc {
    display: none;
  }
  .only-pc {
    display: none;
  }
  .only-pc-dib {
    display: none;
  }
  .only-sp {
    display: block;
  }
  .only-spm {
    display: none;
  }
  .only-pc.df {
    display: none !important;
  }
  .sp-flow-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
  }
  .contact-contents {
    padding: 20px 20px;
  }
  .icon__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .icon__item {
    margin-bottom: 10px;
  }
    .icon__item2 {
    margin-bottom: 10px;
  }
  .concerns__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .concerns__item {
    margin-bottom: 10px;
  }
  
.icon__item {
  width: 290px;
}  
.icon__item2 {
  width: 290px;
}  
  
}

@media screen and (min-width: 768px) {
  .nav-global__item .only-pc,
  .box-adobebanner .only-pc {
    display: inline-block;
  }
  .only-pc {
    display: block;
  }
  .only-pc-dib {
    display: inline-block;
  }
  .only-sp {
    display: none;
  }
  .only-spm {
    display: none;
  }
  .contact-contents {
    width: 940px;
    margin: 0 auto;
    padding: 45px 28px 0;
	  font-size: 1.2em;
  }
}

@media screen and (max-width: 363px) {
  .only-spm {
    display: block;
  }
}


.elq-form * {
	margin: 0;
	padding: 0;
}
.elq-form input, textarea {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.elq-form button, input[type=reset], input[type=button], input[type=submit], input[type=checkbox], input[type=radio], select {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* GENERIC */.elq-form input {
	/*  height: 16px;*/
	line-height: 1.8;
	height: 2em;
}
.elq-form .item-padding {
	padding: 6px 0px 9px 0px;
}
.elq-form .pp-group {
	padding: 0px 5px 0px 9px;
}
.elq-form .pp-field {
	padding: 6px 0px 9px 0px;
}
.elq-form .field-wrapper.individual {
	float: left;
	width: 100%;
	clear: both;
}
.elq-form .field-p {
	position: relative;
	margin: 0;
	padding: 0;
	margin-bottom: 3em;
}
.elq-form .zIndex-fix {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.elq-form .field-design {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
}
.elq-form .no-fields-prompt {
	float: left;
	width: 100%;
	height: 150px;
	padding-top: 50px;
	clear: both;
}
/* SECTION BREAKS */.elq-form .section-break {
	float: left;
	width: 97%;
	margin-right: 2%;
	margin-left: 1%;
	padding-bottom: 6px;
}
.elq-form .section-break .heading {
	width: 100%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
/* LABEL */.elq-form .required {
	color: red !important;
	display: inline;
	float: none;
	font-weight: bold;
	margin: 0pt 0pt 0pt;
	padding: 0pt 0pt 0pt;
}
/* FIELD GROUP */.elq-form .field-group {
	float: left;
	clear: both;
}
.elq-form .field-group.large {
	width: 100%;
}
.elq-form .field-group.medium {
	width: 51%;
}
.elq-form .field-group.small {
	width: 31%;
}
.elq-form .field-group .label {
	float: left;
	width: 97%;
	margin-right: 2%;
	margin-left: 1%;
	padding-bottom: 6px;
	font-weight: bold;
}
.elq-form .field-group .field-style {
	float: left;
}
.elq-form .progressive-profile .pp-inner {
	float: left;
	clear: both;
}
.elq-form .progressive-profile .pp-inner.large {
	width: 100%;
}
.elq-form .progressive-profile .pp-inner.medium {
	width: 51%;
}
.elq-form .progressive-profile .pp-inner.small {
	width: 31%;
}
/* RADIO */.elq-form .radio-option {
	display: inline-block;
}
.elq-form .radio-option .label {
	display: block;
	float: left;
	padding-right: 25px;
	padding-left: 22px;
	text-indent: -22px;
}
.elq-form .radio-option .input {
	vertical-align: middle;
	margin-right: 7px;
}
.elq-form .radio-option .inner {
	vertical-align: middle;
}
/* CHECKBOX */.elq-form .checkbox-span {
	display: inline-block;
}
.elq-form .checkbox-label {
	margin-left: 4px;
}
/* INPUT */.elq-form .accept-default {
	width: 100%;
}
/* SIZING */.elq-form .field-style {
	margin-right: 1%;
	margin-left: 2%;
}

.field-full{
margin: 0 1% 3em 1%;
}

.elq-form .field-style._25 {
	width: 21%;
}
.elq-form .field-style._50 {
	width: 46%;
}
.elq-form .field-style._50_left {
	clear: left;
	width: 46%;
}
.elq-form .field-style._75 {
	width: 71%;
}
.elq-form .field-style._100 {
	width: 96%;
}
.elq-form .field-size-top-small {
	width: 30%;
}
.elq-form .field-size-top-medium {
	width: 100%;
}

.elq-form .field-size-top-large {
	width: 100%;
}
.elq-form .field-size-left-small {
	width: 21%;
}
.elq-form .field-size-left-medium {
	width: 46%;
}
.elq-form .field-size-left-large {
	width: 60%;
}
/* INSTRUCTIONS */
.elq-form .instructions.default {
	color: #444444;
	display: block;
	font-size: 10px;
	padding: 6px 0pt 3px;
}
.elq-form .instructions.group {
	float: left;
	width: 97%;
	margin-right: 2%;
	margin-left: 2%;
	padding: 6px 0pt 3px;
	color: #444444;
	display: block;
	font-size: 10px;
}
.elq-form .instructions.left-single {
	margin: 0 0 0 33%;
}
.elq-form .instructions-other {
	margin: 0;
}
/* POSITIONING */
.elq-form .label-position.left {
	display: block;
	line-height: 150%;
	padding: 1px 0pt 3px;
	float: left;
	width: 31%;
	margin: 0pt 15px 0pt 0pt;
	word-wrap: break-word;
}
.elq-form .label-position.top {
	display: block;
	line-height: 150%;
	padding: 1px 0pt 1px;
	/*white-space: nowrap;*/
	font-size: 1.3em;
	font-weight: bold;
	border-left: 6px solid #999;
	padding-left: 0.8em;
	margin-bottom: 1em;
}
.elq-form .label-position.alignment-left {
	text-align: left;
}
.elq-form .label-position.alignment-right {
	text-align: right;
}
/* LIST ORDER */
.elq-form .list-order {
	display: block;
}
.elq-form .list-order.oneColumn, .elq-form #radio li .list-order.oneColumn {
	margin: 0pt 7px 0pt 0pt;
	width: 100%;
	clear: both;
}
.elq-form #radio {
	display: table;
	margin-right: 2%;
	margin-left: 2%;
}
.elq-form #radio li {
	vertical-align: top;
	display: table-cell;
}
.elq-form .list-order.twoColumn {
	float: left;
	margin: 0pt 7px 0pt 0pt;
	width: 38%;
}
.elq-form .list-order.threeColumn {
	float: left;
	margin: 0pt 7px 0pt 0pt;
	width: 30%;
}
.elq-form .list-order.oneColumnLeft {
	float: left;
	margin: 0pt 7px 0pt 0pt;
	width: 100%;
}
.elq-form .list-order.twoColumnLeft {
	float: left;
	margin: 0pt 7px 0pt 0pt;
	width: 38%;
}
.elq-form .list-order.threeColumnLeft {
	float: left;
	margin: 0pt 7px 0pt 0pt;
	width: 30%;
}
/* GRID STYLE */
.elq-form .grid-style {
	display: inline;
	float: left;
	margin-left: 2%;
	margin-right: 2%;
}
.elq-form .grid-style._25 {
	width: 21%;
}
.elq-form .grid-style._50 {
	width: 46%;
}
.elq-form .grid-style._75 {
	width: 71%;
}
.elq-form .grid-style._100 {
	width: 96%;
}
#forum2018at .train {
	display: table;
	margin-right: 2%;
	margin-left: 2%;
}
#forum2018at .train li {
	vertical-align: top;
	display: table-cell;
}
#forum2018at .train li.txt {
	width: 35%;
}
#forum2018at .train li.txt_x1 {
	width: 60.5%;
}
.elq-form .label-position.traffic {
	display: block;
	line-height: 150%;
	padding: 1px 0pt 1px;
	white-space: nowrap;
	font-size: 1.1em;
	margin-bottom: 0.5em;
}
.elq-form .label-position.traffic_age {
	line-height: 150%;
	padding: 1px 0.5em 1px;
	white-space: nowrap;
	font-size: 1.1em;
	margin-bottom: 0.5em;
}
.elq-form .label-position.traffic_cap {
	display: block;
	line-height: 150%;
	padding: 1px 0.5em 1px;
	white-space: nowrap;
	font-size: 1.1em;
	margin-bottom: 0em;
	margin-left: 2%;
}
#ou {
	background: #EFEFEF;
	padding: 1.5em 0 0;
	margin-right: 1.5%;
	margin-left: 2%;
}
#fuku {
	background: #EFEFEF;
	padding: 1.5em 0 0;
	margin-right: 1.5%;
	margin-left: 2%;
	margin-top: 3%;
}
#age {
	background: #EFEFEF;
	padding: 0 0 1.5em;
	margin-right: 1.5%;
	margin-left: 2%;
}
.btm_caption {
	padding: 1.5em 0;
	margin-right: 1.5%;
	margin-left: 2%;
	line-height: 1.4em;
}
#forum2018at .time {
	display: inline;
}
#forum2018at .time li {
	display: inline-block;
}
.firstline {
	margin-bottom: 1em !important;
}
.ageline {
	margin-bottom: 0em !important;
}
.submit_cap {
	text-align: center;
	color: #FF0000;
}
.submit {
	text-align: center;
	margin-top: 1em;
}
.submit .submit-button {
	font-size: 100%;
	height: 20%;
	width: 18%;
	background: #222222;
	color: #fff;
	padding: 1%;
}
.elq-form .consent {
	text-align: center;
	font-weight: bold;
	border: solid 1px #dadada;
	margin: 0 25%;
	padding: 1.5%;
}
.elq-form input.chk {
	height: 13px;
}
.elq-form .caution {
	text-align: left;
	color: #ff0000;
	font-size: 0.9em;
	padding-top: 4%;
}
.br {
	display: none;
}

@media screen and (max-width:768px) {
.submit .submit-button {
	font-size: 120%;
	height: 100%;
	width: 58%;
	padding: 4%;
}
.br {
	display: block;
}
.elq-form .consent {
	margin: 0 10%;
	padding: 2.5% 0;
}
}


.concerns__list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: center;
}

.concerns__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 290px;
  height: 66px;
  border: solid 1px #d1d1d1;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.concerns__item:hover, .concerns__item.is-active {
  border: solid 1px #0058c5;
  background-color: #0058c5;
}

.concerns__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  color: #003399 !important;
  font-size: 1.05em;
  line-height: normal;
  text-decoration: none;
}

.concerns__link:hover, .concerns__link.is-active {
  color: #fff !important;
  text-decoration: none;
}

.concerns__txt {
  -ms-flex-item-align: center;
  align-self: center;
  width: 100%;
}

@media screen and (max-width:480px) {
#forum2018at .train {
	width: 100%;
}
#forum2018at .train li {
	display: block;
}
#forum2018at .train li.sp {
	display: table-cell;
}
#forum2018at .train li.txt {
	width: 95%;
}
#forum2018at .train li.txt_x1 {
	width: 95%;
}
.elq-form .caution {
	padding-top: 8%;
}
.elq-form .submit {
	margin-bottom: 4em;
}
.elq-form .label-position.traffic {
	margin-bottom: 0em;
}
.elq-form .consent {
	margin: 0 5%;
	padding: 5% 0;
}
 .df {
  flex-flow: column nowrap !important;
}
.field-full{
margin-left: 0;
}
.elq-form .field-style{
margin-right: 0;
margin-left: 0;

}
.item-padding100{
width: 100%;
border-left:0 !important;
}


}
select {
	height: 2em;
}

.ue-line{
border-top: 1px solid #ff7e00;
padding-top: 1.5em;
text-align: right;
}

.shousai{
font-size: 1.15em !important;
font-weight: normal !important;

}

/*文字位置修正*/
#product a,#solution a{
	margin-top: 10px;
}

.subTxt{
	font-size: 0.9em !important;
}