@charset 'UTF-8';

/* **********************************************************************
 *
 *       Title:   オフィスコム sp_office_layout.css
 *
 ********************************************************************** */

form input, form select, form label{
	box-sizing: content-box;
}
 
#mail-form ul{
	display:table-cell;
}

#mail-form li{
	margin-bottom: 20px;
	height: 36px;
		}

.form-name2{
	height: 36px;
	line-height: 36px;
	}

.form-textarea{
    height: 171px;
    border: 1px #EEEAE1 double;
    padding-left: 5px;
	}

.center-box{
	margin: 15px auto 20px;
	width: 100%;
	text-align: center;
	position: relative;
	font-size: 14px;
}

.personalinfor_text {
	width: 80%;
	margin: 20px auto;
	border: 1px solid #EEEAE1;
	background: #EEEAE1;
	padding: 5px;
	line-height: 1.5em;
	text-align: justify;
}

.personalinfor_text_lp {
	width: 100%;
	margin: 20px auto;
	border: 1px solid #fff;
	background: #fff;
	padding: 5px;
	box-sizing: border-box;
	line-height: 1.5em;
	text-align: justify;
	font-size: 12px;
}

#mail-form #form-submit {
	font-size: 1.8rem;
	padding: 15px 40px;
	background-color: #E70012;
	border-style: none;
	color: #FFF;
	cursor: pointer;
	display: block;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	font-family: FontAwesome, "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}

.mail-caution-2{
	width: 100%;
	background: #fff;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 70px !important;
	color: #000;
}

.form-tel-partition{
	background: #fff;
	border: 1px #EEEAE1 double;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.mail-caution-2{
	width: 100%;
	background: #fff;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 70px !important;
	color: #000;
}
.ssl-txt{
	vertical-align: middle;
	height: 81px;
	}
	
.ssl-table{
	margin-left: 160px;
	}
	
.ssl-table_lp{
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	color: #000;
	}
	
.ssl-table_lp a{
	color: #000!important;
	text-decoration: none;	
	}	

/*メールでのお問い合わせ*/
#main-contents .secondary-mail{
    padding: 60px 0;
    color: #fff;
    background: #333;
    font-family: FontAwesome, 'Noto Sans Japanese', sans-serif;
	line-height: 1.4em;
	font-size: 1.6rem;
}
#main-contents .secondary-mail .wrap{
    width: 90%;
    margin: 0 auto;
}

.secondary-mail .wrap .info{
    padding: 20px;
    margin: 0 0 30px;
    color: #fff;
    border: 1px solid #fff;
}

#main-contents .secondary-mail h2{
    margin: 0 0 30px;
    padding: 25px 0;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color: #fff;
}

#main-contents .secondary-mail h2 span{
    color: red;
}

#main-contents .secondary-mail .mail-step{
    margin: 0 0 30px;
}
#main-contents .secondary-mail .mail-step .col{
    position: relative;
    float: left;
    width: 31%;
    margin: 0 3% 0 0;
    padding: 10px;
    box-sizing: border-box;
    color: #333;
    background: #fff;
}
#main-contents .secondary-mail .mail-step .col.selected{
    width: 32%;
    color: #fff;
    background: #d73232;
}
#main-contents .secondary-mail .mail-step .col:last-child{
    margin-right: 0;
}
#main-contents .secondary-mail .mail-step .col em{
    display: block;
    text-align: center;
    border: 1px solid #ccc;
}
#main-contents .secondary-mail .mail-step .col.selected em{
    margin: 0 0 1px;
    color: #d73232;
    background: #fff;
    border: none;
}
#main-contents .secondary-mail .mail-step .col span{
    display: block;
    text-align: center;
    font-size: 14px;
}

#main-contents .secondary-mail #mail-form{
    width: 100%;
}
#main-contents .secondary-mail #mail-form li {
    height: auto;
}
#mail-form .at {
    margin: 5px 0 0;
}
#mail-form .at p {
    line-height: 1.6;
}
#mail-form .at p span {
    color: #fff;
    background: #d73232;
    font-weight: bold;
}
#main-contents .secondary-mail .form-txt,
#main-contents .secondary-mail .form-textarea{
    width: 100%;
    box-sizing: border-box;
    background: #fff;
}
#main-contents .secondary-mail .ssl-txt {
    font-size: 15px;
    line-height: 2;
}
#main-contents .secondary-mail .ssl-txt a{
    text-decoration: underline;
}

#main-contents .secondary-mail #mail-form li p{
    /*padding-left: 290px;*/
    padding: 10px 0 0;
}
#main-contents .secondary-mail .ssl-table{
    width: 100%;
    margin: 0;
}
#main-contents .secondary-mail #mail-form #form-submit{
    padding: 0;
    height: 50px;
    font-size: 14px;
}
#main-contents .secondary-mail #mail-form .form-name2{
    float: none;
}
#main-contents .secondary-mail #mail-form .none{
    background: none;
}
#main-contents .secondary-mail #mail-form .form-name1{
    float: none;
}
#main-contents .secondary-mail #mail-form .ssl-table .white-base{
    display: inline-block;
    background: #fff;
}

#main-contents .secondary-mail .form-name2 {
    background: url(/service/img/from-required.gif) no-repeat 172px -2px;
}

#main-contents .secondary-mail .form-name1 br,
#main-contents .secondary-mail .form-name2 br{
    display: none;
}

#main-contents .form-txt-group select{
    width: auto;
}


/*固定 お見積もりボタン*/
#main-contents .fix_cv{
    position: fixed;
    right: 0;
    bottom: 0px;
    width: 100%;
    z-index: 3;
    text-align: center;
    transition: 0.4s;
}
#main-contents .fix_cv br{
    display: none;
}

#main-contents .fix_cv.hide{
    transform: translateY(100%);
}

/* #main-contents .fix_cv a{
    position: relative;
    display: block;
    padding: 22px 25px 24px 30px;
    color: #fff;
    background: linear-gradient(#e30000 0%, #eb5b00 100%);
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.16);
} */

#main-contents .fix_cv a:hover{
    color: #fff;
}

#main-contents .fix_cv p{
    position: relative;
    display: inline-block;
    padding: 0 0 0 44px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4;
    text-align: left;
    text-shadow: 0 0 4px #999;
}

#main-contents .fix_cv p span{
    background: #000;
    color: #DABB70;
    padding: 3px 0;
}


#main-contents .fix_cv p:before{
    content:"";
    position: absolute;
    z-index: 1;
    left: 0;
    top: calc( 50% - 11.5px );
    width: 30px;
    height: 23px;
    background: url(../img/liveoffice/ico_mail.png) 50% 50% no-repeat;
    background-size: contain;
}

#main-contents .fix_cv p span{
    font-size: 18px;
}

#main-contents.electrical ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

/* 固定バナー */
.fixbnr {
    display: none;
}

/* 注意事項 */
.deadline-section {
  width: 100%;
  box-sizing: border-box;
  /* display: flex; */
  /* justify-content: center; */
  /* align-items: center; */
  /* background: linear-gradient(to right, #5b7c9c 0%, #5b7c9c 35%, transparent 35%); */
  /* padding: 20px 471px; */
  margin-top: 35px;
  /* position: relative; */
  /* z-index: 9999; */
  /* border: 1px solid #000;
  border-radius: 6px; */
}

.deadline-label {
  background-color: #d73232;
  color: white;
  padding: 20px 61px;
  font-weight: bold;
  border-radius: 6px 0 0 6px;
  border: 6px solid #333;
  /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); */
}

.deadline-info {
  background-color: white;
  padding: 22px 15px;
  border-radius: 6px;
  font-size: 13px;
  color: #333;
  line-height: 18px;
  /* border: 1px solid #333; */
  /* box-shadow: 0 4px 12px rgba(53, 83, 108, 0.15); */
}

.deadline-title {
  font-size: 2.3rem;
  font-weight: bold;
  color: #333;
  text-align: center;
  margin-bottom: 10px;
  /* border-left: 1px solid #d73232; */
  /* padding-left: 10px; */
}

.custom-hr {
  width: 100%;              /* 幅を50%に設定 */
  margin: 10px auto;
  border: none;            /* デフォルトの立体感を消す */
  /* border-top: 1px solid #838383; */
}

.center-note {
  text-align: center;         /* テキストを中央揃え */
  font-size: 12px;            /* 文字サイズ（お好みで） */
  color: #333;                /* 文字色 */
  margin: 16px 0px 3px 0px;
}

.apply-link {
    color:#a1211e;
    margin-bottom: 10px;
}

.caution-text {
    margin-bottom: 10px;
}

.only-color-change {
    color: #a1211e;
}

.only-color-change:link,
.only-color-change:visited {
  color: #a1211e;
}
.only-color-change:hover,
.only-color-change:active {
  color: #a1211e;
}

.deadline-info-m {
    width: 100%;
}

/* 注意事項02 */
.col-lg-12 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    min-height: 1px;
}

.ta-c {
    text-align: center;
}

.lh120 {
    line-height: 1.2;
}

.fz160 {
    font-size: 160%;
}

.pb5 {
    padding-bottom: 5px;
}

.hr-down-ar {
    display: block;
    background: url(../img/office-layout/item/hr_down_ar.png) center top / 31px 17px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#a1211e), to(#a1211e)) center top / 1px 1px repeat-x;
    /* background: url(../img/base/hr_down_ar.png) center top / 31px 17px no-repeat, linear-gradient(#a1211e, #a1211e) center top / 1px 1px repeat-x; */
    width: 100%;
    height: 17px;
    max-width: 972px;
    margin-left: auto;
    margin-right: auto;
}

.hr-down {
    border: none;
}

.mb15 {
    margin-bottom: 15px;
}

.mt15 {
    margin-top: 15px;
}