@charset "utf-8";

body {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a {
  color: #000;
  vertical-align: baseline;
  text-decoration: none;
}

/* common
---------------------------------------------------------- */

#contents {
}

#footer {
  position: relative;
  margin: 15px 0 0;
  padding-top: 25px;
}
#tax_textp{
  text-align: left !important;
}

/* order
---------------------------------------------------------- */

.box_mt_info {
	margin:20px 0 0;
	padding:15px;
	border:1px solid #ccc;
}


.service_bnrs li {
	width:300px;
	float:left;
}
.service_bnrs li.bnr_mineo {
	margin-left:20px;
	display:inline;
}
.service_bnrs li p {
	margin-top:6px;
}

.sec_infodesk {
	border:1px solid #d6d6d6;
	background-color:#f6f6f3;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.infodesk .sp {
  display: none;
}
.sec_infodesk_body {
	padding:0 20px 20px;
}
.infodesk.block_type1 .block_header {
  padding: 16px 30px 15px;
  overflow: hidden;
}
.infodesk.block_type1 .block_header h2 {
  float: left;
  box-sizing: border-box;
  padding: 9px 0 2px 53px;
  min-height: 38px;
  height: auto !important;
  height: 38px;
  background: url(../img/icon_tel.png) no-repeat left top;
}
.infodesk.block_type1 .block_header .heading_subtxt {
  float: right;
  position: static;
  box-sizing: border-box;
  padding: 3px 0 2px 53px;
  min-height: 38px;
  height: auto !important;
  height: 38px;
  font-weight: bold;
  font-size: 107%;
}

.infodesk.block_type1 .sec_infodesk_body {
  padding: 18px 29px 17px;
}
.infodesk.block_type1 .sec_infodesk_body .txt_infodesk_lead {
	margin-bottom:20px;
	color:#00a8ec;
	font-weight:bold;
	font-size:120%;
}

.tal_freecall {
	width:415px;
	float:left;
	margin-left:25px;
	padding-left:98px;
	background:url(../img/icon_freecall.png) no-repeat 0 0;
	border-right:1px solid #ccc;
}

.tal_freecall dt {
	margin-bottom:6px;
	font-weight:bold;
	line-height:1.2;
}
.tal_freecall dd,
.tal_normal dd {
	margin-bottom:3px;
	line-height:1.2;
}
.tal_freecall dd.tel_num {
	color:#00a8ec;
	font-weight:bold;
	font-size:286%;
}
.tal_freecall dd.freecall_goro {
	padding-right:83px;
	text-align:right;
}
.tal_normal {
	width:298px;
	float:right;
}
.tal_normal dt {
	margin-bottom:6px;
	line-height:1.2;
  font-size: 93.5%;
}

.tal_normal dd .tel_num {
	display:block;
	color:#333;
	font-weight:bold;
	font-size:180%;
	line-height:1.5;
}
.tal_normal dd .tel_sub {
	display:block;
  font-size: 93.5%;
}

.infodesk_note {
	clear:both;
	padding-top:20px;
	text-align:right;
}


/* index.html */
.block_type1 {
	margin-bottom: 48px;
	border: 1px solid #d6d6d6;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.block_type1 .block_header {
	padding: 20px;
	background-color: #f6f6f3;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
  text-align: center;
}
.block_type1 .block_header h2 {
   font-size: 120%;
  font-weight: bold;
}
.block_type1 .block_body {
	padding: 22px 20px 12px;
  overflow: hidden;
}
.txt_caption_eohome {
	clear: both;
	margin: 0 0 20px;
	text-align: center;
	color: #dd0000;
}

.txt_caption {
	clear: both;
	margin: 0 0 20px;
	text-align: center;
}

/* !page-style
---------------------------------------------------------- */


#contents {
  padding: 0;
}

#contents h1 {
  box-sizing: border-box;
  margin-bottom: 40px;
  padding: 8px 0 8px 35px;
  min-height: 50px; 
  height:auto !important; 
  height: 50px; 
  border-left: 6px solid #ffcc00;
  font-size: 160%;
  font-weight: bold;
  line-height: 1.2;
}

#contents .other_btn {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
}


#contents .other_btn .wrapped_text {
  display: block;
  margin: 0 10px 3px;
  height: 20px;
  line-height: 22px;
  background: #fff;
  border-radius: 20px;
  font-size: 13px;
/*  font-weight: bold;*/
  color: #000;
/*  color: #ff9900;*/
  text-align: center;
}

#contents .other_btn a span{
  font-size: 14px;
/*  font-weight: bold;*/
  line-height: 22px;
  color: #000;
/*  display: inline-block;
  margin: 0;
  padding: 3px 30px;
  font-size: 12px;
  background-color: #fff;
  border-radius: 45px;*/
}

#contents .other_btn a {
  box-sizing: border-box;
  display: block;
  position: relative;
  padding: 8px 20px 0;
  width: 270px;
/*  width: 370px;*/
  height: 54px;
/*  border: 1px solid #cccccc;*/
  border-radius: 5px;
  line-height: 54px;
  color: #000;
  text-align: center;
  background-color: #FFCC00;
  box-shadow: 0 2px 2px #E3E3E3;
/*  box-shadow: 0 2px 2px rgba(0, 0, 0, .3);*/
}

#contents .other_btn a:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
/*  border-right: 2px solid #0697a3;
  border-bottom: 2px solid #0697a3;*/
  transform: rotate(-45deg);
}

#contents .other_btn a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.oreder-links {
  padding-bottom: 15px;
}


.oreder-links .starter,
.oreder-links .for_user {
  background: #fafafa;
  border: 1px solid #d6d6d6;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.oreder-links .starter {
  float: left;
  width: 550px;
}

.oreder-links .for_user {
  float: right;
  width: 390px;
}

.oreder-links .starter h2,
.oreder-links .for_user h2 {
  box-sizing: border-box;
  padding: 13px 0 11px;
  min-height: 80px;
  height: auto !important;
  height: 74px;
  background: #ffd633;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  text-align: center;
  font-weight: bold;
  line-height: 1.4;
}

.oreder-links .starter h2 {
  padding-top: 28px;
}

.oreder-links .for_user h2,
.oreder-links .starter h2 {
  font-size: 130%;
}

.oreder-links .starter h2 .h_normal {
  font-size: 72.72%;
  font-weight: normal;
}

.oreder-links .for_user h2 .h_normal {
  font-size: 72.72%;
}

.oreder-links .starter .body,
.oreder-links .for_user .body {
  padding: 19px 15px 12px;
  background: url(../img/bg-box01.gif) no-repeat center top;
}

.oreder-links .for_user .body .entrance_box_leadtxt {
	min-height: 43px;
	text-align: center;
	font-size: 120%;
}
.oreder-links .starter .body a,
.oreder-links .for_user .body a {
  display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
  height: auto !important;
  height: 149px;
  background: #fff;
  border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
  box-shadow: 0px 0px 5px #c3c3c3;
  text-align: center;
  font-weight: bold;
}
.oreder-links .starter .body a .type {
	font-size:86%;
}

.oreder-links .starter .entrance_btn {
	width: 250px;
}
.oreder-links .for_user .entrance_btn {
	width: 170px;
}
.oreder-links .starter .entrance_btn a {
  
}

.oreder-links .entrance_btn .btn_innerwrap_upper {
	display: block;
	padding: 14px 0 0;
	min-height: 81px;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
	color: #fff;
	line-height: 24px;
}
.oreder-links .for_user .entrance_btn .btn_innerwrap_upper {
	min-height: 38px;
}
.oreder-links .entrance_btn.hometype .btn_innerwrap_upper {
	background-color: #33b6d3;
}
.oreder-links .entrance_btn.mantiontype .btn_innerwrap_upper {
	background-color: #709ddb;
}

.oreder-links .entrance_btn .btn_innerwrap_lower {
	display: block;
	padding: 10px 0;
	min-height: 43px;
	
}
.oreder-links .entrance_btn.hometype .btn_innerwrap_lower {
	
}
.oreder-links .entrance_btn.mantiontype .btn_innerwrap_lower {
	
}
.oreder-links .starter .entrance_btn .btn_innerwrap_lower .type {
	display: inline-block;
	padding-left: 54px;
	text-align: center;
}
.oreder-links .starter .entrance_btn.hometype .btn_innerwrap_lower .type {
	background: url(../img/sph/icon-house.png) no-repeat left center;
	-webkit-background-size: auto 36px;
	-moz-background-size: auto 36px;
	background-size: auto 36px;
}
.oreder-links .starter .entrance_btn.mantiontype .btn_innerwrap_lower .type {
	background: url(../img/sph/icon-maison.png) no-repeat left center;
	-webkit-background-size: auto 37px;
	-moz-background-size: auto 37px;
	background-size: auto 37px;
}

.oreder-links .entrance_btn a strong {
  font-size: 140%;
}

.oreder-links .hometype a {
  color: #33b6d3;
}

.oreder-links .mantiontype a {
  color: #709ddb;
}

.oreder-links .hometype {
  float: left;
}
.oreder-links .mantiontype {
  float: right;
}

.oreder-links .btn_order_login a {
  color: #ff9900;
}

.oreder-links .starter .body a:hover,
.oreder-links .for_user .body a:hover {
  text-decoration: none;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
}

.oreder-links .starter .body .icon {
  margin-bottom: 11px;
}
.oreder-links .for_user .body .icon {
  margin-bottom: 7px;
}
.oreder-note {
	margin-bottom:30px;
}
.oreder-note h3 {
  font-weight: bold;
}
.oreder-note ul {
  padding: 0 0 0 1em;
  text-indent: -1em;
}
.oreder-note .mark {
  color:#dd0000;
}

.choose {
  padding-bottom: 20px;
}

.choose .lead {
  padding-bottom: 25px;
  line-height: 1;
  text-align: center;
  font-size: 18px;
}

.choose .btns li {
  float: left;
  width: 470px;
}

.choose .btns li:last-child {
  float: right;
}

.choose .btns li a {
  box-sizing: border-box;
  display: block;
  position: relative;
  padding: 33px 0 32px 120px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  color: #fff;
  background: #33b6d3;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
}

.choose .btns li a:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 30px;
  width: 59px;
  height: 81px;
  background: url(../img/icon_hometype.png) no-repeat;
  transform: translateY(-50%);
}

.choose .btns li a:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
}

.choose .btns li a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.choose .btns li .type {
  display: block;
  padding-bottom: 15px;
  line-height: 1;
  font-size: 16px;
}

.choose .btns li .type br {
  display: none;
}

.choose .btns li .text {
  line-height: 1;
  font-size: 40px;
  font-weight: bold;
}

.choose .btns li:last-child a {
  background: #709ddb;
}

.choose .btns li:last-child a:before {
  background-image: url(../img/icon_maisontype.png);
}

.flow {
  margin: 0 auto 50px;
  max-width: 920px;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
}

.flow .preparement,
.flow .move,
.flow .phone-number,
.flow .denki-gas {
  padding: 0 29px;
}

.flow h2 {
  box-sizing: border-box;
  display: block;
  cursor: pointer;
  position: relative;
  margin: 0 18px;
  height: 60px;
  border-radius: 5px;
  line-height: 64px;
  text-align: center;
  font-size: 20px;
}

.flow h2:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  border-bottom: 2px dotted #d6d6d6;
  opacity: 0;
  transition: opacity .3s;
}

.flow h2:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 25px;
  height: 25px;
  background: url(../img/btn-plus.png) no-repeat;
  transform: translateY(-50%);
}

.flow .on h2:before {
  opacity: 1;
}

.flow .on h2:after {
  background-image: url(../img/btn-minus.png);
}

.flow .acc_cont {
  display: none;
  margin: 0 10px;
  padding-bottom: 30px;
  max-width: 900px;
}

.flow .acc_cont > .criterion {
  padding: 10px 0 15px;
  text-align: right;
  font-size: 12px;
}

.flow .preparement {
}

.flow .preparement h3 {
  margin-bottom: 14px;
  padding: 12px 20px 9px;
  background: #eeeeee;
}

.flow .preparement .introduce {
  margin-bottom: 14px;
}

.flow .preparement .about-payment {
  padding: 0 40px 9px;
}

.flow .preparement .about-payment dl.js-accodion {
  padding: 0 28px;
  margin-bottom: 10px;
  border: 1px solid #cccccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}


.flow .preparement .about-payment .ac-trigger {
  position: relative;
  padding: 21px 0 16px;
  background: url(../img/btn-plus.png) no-repeat center right;
  cursor: pointer;
}


.flow .preparement .about-payment .on .ac-trigger {
  background-image: url(../img/btn-minus.png);
}

.flow .preparement .about-payment .ac-target {
  display: none;
  position: relative;
  padding: 16px 0;
  border-top: 1px dotted #cccccc;
}


.flow .preparement .about-payment .ac-target dt {
  padding-top: 10px;
  font-weight: bold;
}


.flow .preparement .about-payment .ac-target dt span {
  font-weight: normal;
}

.flow .phone-number h3,
.flow .move h3,
.flow .denki-gas h3 {
  font-weight: bold;
}

.flow .move,
.flow .phone-number {
  padding-bottom: 16px;
}

.flow .denki-gas {
  padding-bottom: 20px;
}

.flow .steps {
  margin: 0 29px;
  border: 3px solid #dddddd;
}

.flow .steps .step {
  overflow: hidden;
  padding: 28px 28px 20px;
  background: url(../img/bg-box03.gif) no-repeat center top;
}
.flow .steps .step1 {
  padding-top: 25px;
  background: none;
}
.flow .steps .step8 {
  background: url(../img/bg-box03.gif) no-repeat center top;
}
.flow .steps .step9 {
  background: url(../img/bg-box03.gif) no-repeat center top;
}

.flow .steps .step div.icon {
  float: left;
}

.flow .steps .step .body {
  margin-left: 130px;
}

.flow .steps .step1 .body .normal {
  font-weight: normal;
}
.flow .steps .step .step-title {
  padding-bottom: 11px;
  font-size: 133.5%;
  color: #009999;
  font-weight: bold;
}

.flow .steps .step8 .step-title {
  padding-top: 20px;
}

.flow .steps .step9 .step-title {
  padding-top: 20px;
}

.flow .steps .step1 .body img {
  margin-top: -0.3em;
  margin-right: 13px;
  vertical-align: middle;
}

.flow .steps .step1 .body li.last {
  padding-top: 19px;
}

.flow .steps .step .title {
  padding-bottom: 3px;
  padding-left: 0;
  color: #000;
  font-weight: bold;
}

.flow .steps .step2 li li,
.flow .steps .step2 p {
  padding-left: 1em;
}

.flow .steps .step2 .last {
  padding-top: 11px;
}

.flow .steps .step2 span.net,
.flow .steps .step5 .net,
.flow .steps .step2 .net .kind {
  color: #4c77c4;
}

.flow .steps .step2 span.tel,
.flow .steps .step5 .tel,
.flow .steps .step2 .tel .kind {
  color: #66ad35;
}

.flow .steps .step2 span.tv,
.flow .steps .step5 .tv,
.flow .steps .step2 .tv .kind {
  color: #e75735;
}

.flow .steps .step2 span.denki,
.flow .steps .step5 .denki,
.flow .steps .step2 .denki .kind {
  color: #39b383;
}

.flow .steps .step2 .gas {
  color: #0075C1;
}

.flow .steps .step3 .title {
  padding-bottom: 11px;
}

.flow .steps .step3  {
  padding-bottom: 18px;
}

.flow .steps .step4 .underline,
.flow .steps .step7 .underline {
  font-weight: bold;
  text-decoration: underline;
}

.flow .steps .step4 .underline,
.flow .steps .step7 .underline {
  font-weight: bold;
  text-decoration: underline;
}

.flow .steps .step5 dt {
  font-weight: bold;
}

.flow .steps .step8 dd {
  color:#F33;
  margin-bottom:11px;
}

.easy_register {
  margin-bottom: 25px;
  padding-bottom: 20px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  text-align: center;
}

.easy_register h2 {
  margin-bottom: 30px;
  padding: 17px 0 13px;
  border-radius: 5px 5px 0 0;
  line-height: 1;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  background: #999999;
}

.easy_register h2 br {
  display: none;
}

.easy_register .btn {
  padding-bottom: 20px;
  font-weight: bold;
}

.easy_register .btn a {
  box-sizing: border-box;
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 22px 45px 17px;
  width: 440px;
  border: 1px solid #cccccc;
  border-radius: 5px;
  color: #fff;
  background: #ee3300;
  box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
}

.easy_register .btn a:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -6px;
  width: 12px;
  height: 12px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
}

.easy_register .btn a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.easy_register .btn span {
  display: block;
  line-height: 1;
}

.easy_register .btn .text {
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #f79980;
  font-size: 24px;
}

.easy_register .btn .criterion {
  font-size: 16px;
}

.easy_register .annotation {
  font-size: 14px;
}



/* order/index.html - 2017/02
---------------------------------------------------------- */

.for_sp { display: none; }


.order_lead {
	margin: 0 0 8px;
	text-align: center;
	font-size: 1.2rem;
}

.order_lead_sub {
	margin: 0 0 20px;
	text-align: center;
	font-size: 1rem;
}
.modal {
    padding-right: 18px;
    background: url(../common/img/icon_modal.png) no-repeat right center;
}

.order_top_wrap {
	margin: 0 0 50px;
}

.order_top1,
.order_top2 {
	width: 470px;
}
.order_top1 {
	float: left;
}
.order_top2 {
	float: right;
}
.btn_order {
	margin: 0 0 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 3px 3px 0px rgba(7, 0, 2, 0.2);
	-moz-box-shadow: 0px 3px 3px 0px rgba(7, 0, 2, 0.2);
	box-shadow: 0px 3px 3px 0px rgba(7, 0, 2, 0.2);
}
.btn_order a {
	display: block;
	padding: 10px;
	border: 1px solid #7cc9cf;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	/* box-shadow */
	-webkit-box-shadow:0px 0px 0px 3px #ffffff inset;
	-moz-box-shadow:0px 0px 0px 3px #ffffff inset;
	box-shadow:0px 0px 0px 3px #ffffff inset;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7fcad0+0,0095a1+100 */
	background: rgb(127,202,208); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(127,202,208,1) 0%, rgba(0,149,161,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(127,202,208,1) 0%,rgba(0,149,161,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(127,202,208,1) 0%,rgba(0,149,161,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fcad0', endColorstr='#FFE100',GradientType=0 ); /* IE6-9 */

}
.btn_order a:hover {
	text-decoration: none;
	text-decoration: none;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
	
}
.btn_order a span {
	display: block;
}
.btn_order a .order_txt1 {
	display: block;
	width: 390px;
	margin: 0 auto 10px;
	padding: 5px 0 3px;
	background-color: #FFE100;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	text-align: center;
	color: #1E1E1E;
	font-size: 128.57%;
	font-weight: bold;
	line-height: 1.2;
}
.btn_order a .order_txt23wrap {
	display: block;
	width: 430px;
	margin: 0 auto;
	background: url(../img/order_btn_arrow.png) no-repeat right center;
	text-align: center;
	color: #fff;
}
.btn_order a .order_txt2 {
	display: block;
	font-weight: bold;
	font-size: 214.28%;
	line-height: 1.2;
}
.btn_order a .order_txt3 {
	display: block;
	font-size: 1.5rem;
}


.btn_order a .order_txt23wrap .order_txt3 strong {
	color:#ffe100 !important;
}

 .order_txt3 strong span.min {
	font-size: 150%;
	display: inline;
}


.order_arrow_box {
	position: relative;
	background: #fff;
	border: 4px solid #ccc;
	padding: 17px;
}
.order_arrow_box:after,
.order_arrow_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.order_arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 14px;
	margin-left: -14px;
}
.order_arrow_box:before {
	border-color: rgba(221, 221, 221, 0);
	border-bottom-color: #ccc;
	border-width: 19px;
	margin-left: -19px;
}

.order_arrow_box p {
	margin: 10px 0 0;
}

.bnr_chatenq {	/* 18/03/01 チャットアンケート */
width:880px;
margin:0 auto 40px;
text-align:center;
}
.bnr_chatenq p {	/* 18/03/01 チャットアンケート */
margin-top:6px;
font-size:14px;
text-align:left;
}



/* clerfix */
.order_top_wrap:after,
.clearfix:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}


/* order/index.html - 2019/06
---------------------------------------------------------- */
.consult_txt {
  border: #cc0000 3px solid;
  border-radius: 7px;
  text-align: center;
  margin-bottom: 1.5rem;
  padding: 0.5rem;
  box-sizing: border-box;
  background-image: url("../img/consulation_icon.png");
  background-repeat: no-repeat;
  background-position: 20px 10px;
}
.consult_txt p {
  font-size: 24px;
  font-weight: bold;
  text-shadow: 2px 2px #fff;
}
.consult_txt span {
  color: #cc0000;
  font-size: 125%;
  font-weight: bold;
}

.consult_txt .consult_btn {
  margin: 10px auto;
}
.consult_txt .consult_btn .moreinfo_btn {
  width:200px;
  margin: auto;
  font-size:1rem;
  font-weight:bold;
  text-decoration:none;
  display:block;
  text-align:center;
  padding:8px 0 10px;
  color:#000;
  background-color:#FFCC00;
  border-radius:25px;
  box-shadow:2px 2px #E3E3E3;
/*  text-shadow:0 -1px #1a6ea0;*/
}
.consult_txt .consult_btn img {
  vertical-align: middle;
}
.br_pc{
  display: block;
}
.br_sp {
  display: none;
}


/* !area-style
---------------------------------------------------------- */


.entrance_wrapper {
  overflow: hidden;
  margin-bottom: 20px;
}

.box_house, .box_apartment {
  width: 450px;
  margin-top: 20px;
  border: 1px solid #d6d6d6;
  background-color: #fff;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

.box_house {
  float: left;
}

.box_house dt, .box_apartment dt {
  padding: 15px 28px;
  border-bottom: 1px solid #d6d6d6;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  background-color: #f6f6f3;
  font-size: 120%;
}
.box_house h3, .box_apartment h3 {
  min-height: 95px;
  height: auto !important;
  height: 95px;
  padding: 25px 0 0 133px;
  margin: 0 0 15px;
  font-size: 118%;
  font-weight: bold;
  line-height: 1.4;
}
.box_house dd, .box_apartment dd {
  padding: 15px 29px 0;
}

.box_house h3 {
  background: url(../img/icon_house.gif) no-repeat 0 0;
  color: #33b6d3;
}
.btn_search_mantiontype a {
  background-image: url(../img/btn_search_mantiontype.gif);
}
.box_house h3 .txt_h_b1, .box_apartment h3 .txt_h_b1 {
  font-size: 140%;
  font-weight: bold;
}

.box_house h3 .txt_h_b2, .box_apartment h3 .txt_h_b2 {
  font-size: 110%;
  font-weight: bold;
}

.box_area_inner_txt {
  padding-bottom: 12px;
}

.box_house dd p, .box_apartment dd p {
  margin-bottom: 15px;
}

.btn_search_hometype, .btn_search_mantiontype {
  width: 380px;
  margin: 0 auto 10px;
}

.btn_search_hometype {
}

.box_house dd p, .box_apartment dd p {
  margin-bottom: 15px;
}
.btn_search_hometype, .btn_search_mantiontype {
  width: 380px;
  margin: 0 auto 10px;
}
.btn_search_hometype a, .btn_search_mantiontype a {
  display: block;
  width: 380px;
  height: 112px;
  padding: 13px 0 0;
  background-repeat: no-repeat;
  background-position: 0 0;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 168%;
}

.btn_search_hometype a {
  background-image: url(../img/btn_search_hometype.gif);
}

.box_apartment {
  float: right;
}

.box_apartment h3 {
  min-height: 95px;
  height: auto !important;
  height: 95px;
  padding-top: 25px;
  background: url(../img/icon_apartment.gif) no-repeat 0 0;
  color: #709ddb;
}

.box_house h3 .txt_h_b1, .box_apartment h3 .txt_h_b1 {
  font-size: 140%;
  font-weight: bold;
}

.box_apartment h3 .txt_h_sub {
  font-size: 68%;
}

.box_house h3 .txt_h_b2, .box_apartment h3 .txt_h_b2 {
  font-size: 110%;
  font-weight: bold;
}

/* inquiry 2021/10 ADD */
.is-pc {
	display: block;
}
.is-sp {
	display: none;
}

#inquiry {
	clear: both;
	width: 100%;
	margin-top: 0;
	padding-top: 25px;
	font-style: normal;
}
#inquiry h1 {
	background: #ffe100;
	font-size: 1.4rem;
	color: #000;
	margin: 0px!important;
	padding: 15px 25px;
	border-left: none!important;
}
#inquiry div {
	border: 5px solid #ffe100;
	border-top: none;
	background: #fff;
	padding: 20px;
}
#inquiry div ul li dl dt {
	font-size: 1.5rem;
	color: #1E1E1E;
}
#inquiry div ul li.inquiry_tel {
	float: left;
	width: 56%;
}
#inquiry div ul li.inquiry_tel dl dt {
	margin-bottom: 15px;
}
#inquiry div ul li.inquiry_tel dl dd.time {
	font-size: 0.95rem;
	margin-left: 0;
	margin-bottom: 10px;
}
#inquiry div ul li.inquiry_tel dl dd.tel p.freedial_contaniner {
	margin-bottom: 10px;
	padding-left: 100px;
	background: url(/share/img/contents/ico_free.png) no-repeat left center;
	min-height: 86px;
}
#inquiry div ul li.inquiry_tel dl dd.screen {
	margin: 10px 0;
}
#inquiry div ul li.inquiry_tel dl dd.screen a {
	font-size: 18px;
	font-weight: bold;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	display: block;
	padding: 10px 36px 10px 24px;
	-webkit-box-shadow: 0 2px rgba(224, 224, 224, 1);
	box-shadow: 0 2px rgba(224, 224, 224, 1);
	background: url(/share/img/contents/ico_arrow.png) no-repeat 97.5% center;
	background-size: 20px 20px;
	line-height: 1.2;
	color: #000;
	text-decoration: none;
}

#inquiry div ul li.inquiry_tel dl dd.tel p span {
	display: block;
}
#inquiry div ul li.inquiry_tel dl dd.tel p .note {
	font-size: 16px;
}
#inquiry div ul li.inquiry_tel dl dd.tel p .freedial {
	font-size: 36px;
	line-height: 1;
	color: #1E1E1E;
	font-weight: bold;
}
#inquiry div ul li.inquiry_tel dl dd.tel p .freedial a {
	color: #1E1E1E;
}
#inquiry div ul li.inquiry_tel dl dd.tel p .call {
	font-size:14px;
	padding-left: 8em;
}
#inquiry div ul li.inquiry_other {
	float: right;
	width: 40%;
	border-left: 1px solid #dadada;
	padding-left: 2%;
}
#inquiry div ul li.inquiry_other dl dt {
	margin-bottom: -5px;
}
#inquiry div ul li.inquiry_other dl dd {
	margin-left: 0;
	margin-top: 20px;
}
#inquiry div ul li.inquiry_other dl dd a {
	font-size: 18px;
	font-weight: bold;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	display: block;
	padding: 20px 36px 20px 24px;
	-webkit-box-shadow: 0 2px rgba(224, 224, 224, 1);
	-ms-box-shadow: 0 2px rgba(224, 224, 224, 1);
	box-shadow: 0 2px rgba(224, 224, 224, 1);
	background: url(/share/img/contents/ico_arrow.png) no-repeat 97.5% center;
	background-size: 20px 20px;
	line-height: 1.2;
	color: #000;
	text-decoration: none;
}
#inquiry div ul li.inquiry_other dl dd a .link_blank {
	background: url(/share/img/contents/ico_newwin.png) no-repeat right center;
	background-size: 14px 13px;
	padding-right: 25px;
}
@media screen and (max-width:1024px) {
	#inquiry {
		padding-right: 14px;
		padding-left: 14px;
	}
	#inquiry div {
		padding: 15px;
	}
	#inquiry div ul li dl dt {
		font-size: 2.2rem;
	}
	#inquiry div ul li.inquiry_tel {
		width: 54%;
	}
	#inquiry div ul li.inquiry_other {
		width: 45%;
	}
	#inquiry div ul li.inquiry_tel dl dd.tel p {
		font-size: 1.5rem;
	}
	#inquiry div ul li.inquiry_tel dl dd.tel p .freedial {
		font-size: 3.4rem;
	}
}


/* !eosmartlink-style
---------------------------------------------------------- */


.smartlink_lead_txt {
  margin-bottom: 15px;
}

.block_smartlink01 {
  width: 450px;
  float: left;
  margin-bottom: 0;
}

.block_smartlink01 .block_header,
.block_smartlink02 .block_header {
  padding: 20px;
  background-color: #f6f6f3;
  border-bottom: 3px solid #7fc5ea;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.btn_order_members a {
  background: url(../img/btn_order_members_bg.gif) no-repeat 0 0;
  width: 360px;
}
.btn_order_members a .btn_innerwrap, .btn_order_set a .btn_innerwrap {
  display: block;
  padding: 22px 0 0;
}
.btn_order_members a strong, .btn_order_set a strong {
  font-size: 76%;
}
.btn_order_hometype a, .btn_order_mantiontype a,.btn_order_members a, .btn_order_set a {
  display: block;
  width: 380px;
  height: 164px;
  font-size: 122%;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  text-align: center;
  line-height: 1.4;
}
.btn_order_members a, .btn_order_set a {
  margin: 0 auto;
  font-size: 136%;
}
.link_about_eoID {
  text-align: right;
}

.btn_order_hometype, .btn_order_mantiontype,.btn_order_members, .btn_order_set {
  margin-bottom: 6px;
}

.link_about_eoID a {
  padding-left: 20px;
  background: url(../img/link_arrow.gif) no-repeat left center;
  text-decoration: underline;
}

.block_smartlink02 {
  width: 450px;
  float: right;
  margin-bottom: 0;
}

.box_inner_caption {
  margin-bottom: 10px;
  color: #d00;
  text-align: center;
}

.btn_order_set a {
  background: url(../img/btn_order_set_bg.gif) no-repeat 0 0;
  width: 360px;
}

.btn_order_members a .btn_innerwrap, .btn_order_set a .btn_innerwrap {
  display: block;
  padding: 22px 0 0;
}

.block_header2 .heading_infomation {
  padding-left: 52px;
  background: url(../img/icon_h_tel_orenge.gif) no-repeat 0 0;
  font-weight: bold;
  line-height: 39px;
  font-size: 122%;
}

.block_type1.sec_infodesk {
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.sec_infodesk {
  border: 1px solid #d6d6d6;
  background-color: #f6f6f3;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.sec_infodesk.block_type1 .block_header2 {
  padding: 20px;
  background-color: #f6f6f3;
  border-bottom: 3px solid #ffbb7f;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.block_header2 .heading_subtxt {
  float: right;
  top: 20px;
  right: 16px;
  font-weight: normal;
  line-height: 39px;
}
.sec_infodesk_body {
  padding: 0 20px 20px;
}
.block_type1.sec_infodesk .sec_infodesk_body {
  padding: 20px;
  overflow: hidden;
  background-color: #fff;
}
.block_type1.sec_infodesk .sec_infodesk_body .txt_infosmlin_lead {
  margin-bottom: 20px;
  color: #ff7700;
  font-weight: bold;
  font-size: 120%;
}
.block_type1.sec_infodesk .tal_freecall_smlin {
  width: 320px;
  float: left;
  margin-left: 25px;
  padding-left: 98px;
  background: url(../img/icon_freecall_o2.gif) no-repeat 0 0;
  border-right: 1px solid #ccc;
  min-height:86px;
}
.block_type1.sec_infodesk .tal_freecall_smlin dd.tel_num_smlin {
  color: #ff7700;
  font-weight: bold;
  font-size: 200%;
}
.block_type1.sec_infodesk .tal_freecall_smlin dd.tel_num_smlin {
  color: #ff7700;
  font-weight: bold;
  font-size: 200%;
}
.heading_subtxt {
  position: absolute;
  top: 20px;
  right: 16px;
  font-weight: bold;
  line-height: 39px;
  font-size: 108%;
}
.sec_infodesk .block_header, .sec_infodesk .block_header2 {
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.block_type1.sec_infodesk .tal_normal_smlin {
  width: 400px;
  float: right;
}

.block_type1.sec_infodesk .tal_normal_smlin dd .tel_num_smlin {
  color: #333;
  font-weight: bold;
  font-size: 150%;
  line-height: 1.5;
}

.block_type1.sec_infodesk .tal_normal_smlin dd .tel_num_smlin .tel-link {
  font-size: 107%;
}


/* !request-style
---------------------------------------------------------- */


.btn_basic, .btn_external {
  width: 340px;
  margin: 20px auto 0;
  padding-bottom: 4px;
  text-align: center;
}

.btn_basic {
  background: #008cd6 url(../img/btn_basic_bg.gif) no-repeat 0 0;
}
.btn_external a, .btn_basic a {
  display: block;
  color: #fff;
  font-weight: bold;
  line-height: 80px;
  font-size: 120%;
}
.heading_lv2 {
  padding: 0 0 5px;
  margin: 0 0 12px;
  border-bottom: 3px solid #7fc5ea;
  font-size: 120%;
  font-weight: bold;
}



.to-order.choose {
  margin: 0 29px;
  padding-top: 30px;
  padding-bottom: 0px;
}

.to-order.choose .title {
  padding-bottom: 6px;
  font-size: 22px;
  text-align: center;
  color: #009999;
  font-weight: bold;
}

.to-order.choose .btns li {
  width: 410px;
}

.to-order.choose .btns li .text {
  font-size: 33px;
}
.to-order.choose .btns li .type {
  font-size: 13px;
}

/* order/index.html - 2019/10
---------------------------------------------------------- */
#eodenki {
  margin-bottom: 50px;
  margin-top: -10px;
}


/* order/index.html - 2019/11
---------------------------------------------------------- */
#eodenki #topInfo p {
  margin: 20px 0;
  padding: 20px;
  background-color: #FFEEEE;
  color: #FF5C5C;
/*  border: 3px solid #DF0024;
  border-radius: 10px;*/
}
#eodenki #topInfo p strong {
  color: #FF5C5C;
  font-weight: normal;
  text-decoration: underline;
}








  /* ================================================================================
# 2021/10 PC/SP Mearge
================================================================================== */

@media screen and (max-width:767px) {

    a {
      color: #000;
      vertical-align: baseline;
      text-decoration: none;
    }

    /* common
    ---------------------------------------------------------- */

    #contents {
      margin-bottom: 0;
      text-align: left;
    }

    #hd_links .pc {
      display: none;
    }

    #footer {
      position: relative;
      margin: 15px 0 0;
      padding-top: 17px;
      border-top: 1px solid #dddddd;
    }
    #tax_textp{
      padding-left: 10px;
      padding-right: 10px;
      text-align: left;
    }

    /* order
    ---------------------------------------------------------- */

    .box_mt_info {
      margin:20px 0 0;
      padding:15px;
      border:1px solid #ccc;
    }


    .service_bnrs li {
      clear: both;
      
    }
    .service_bnrs .bnr_lalacall {
      margin-bottom: 15px;
    }

    .service_bnrs li img {
      width: 140px;
      height: auto;
      float: left;
      margin-right: 10px;
    }
    .service_bnrs li p {
      margin-top:6px;
    }

    .sec_infodesk {
      border:1px solid #d6d6d6;
      background-color:#f6f6f3;
      -webkit-border-radius: 5px 5px 0 0;
      -moz-border-radius: 5px 5px 0 0;
      border-radius: 5px 5px 0 0;
    }
    .infodesk .pc {
      display: none;
    }
    .infodesk .txt_eo01 {
      font-size: 100% !important;
    }
    .sec_infodesk_body {
      padding:0 20px 20px;
    }
    .infodesk.block_type1 .block_header {
      padding: 13px 14px 11px;
      overflow: hidden;
      text-align: left;
    }
    .infodesk.block_type1 .block_header h2 {
      float: left;
      box-sizing: border-box;
      padding: 0px 0 2px 45px;
      min-height: 30px;
      height: auto !important;
      height: 30px;
      background: url(../img/icon_tel.png) no-repeat left center;
      background-size: 27px;
      font-size: 13px;
    }
    .infodesk.block_type1 .block_header h2 .sp-text {
      font-size: 11px;
    }

    .infodesk.block_type1 .sec_infodesk_body {
      padding: 11px 0px 10px;
    }
    .infodesk.block_type1 .sec_infodesk_body .txt_infodesk_lead {
      padding: 0px 10px 12px;
      color:#00a8ec;
      font-weight:bold;
      font-size:13px;
    }

    .tal_freecall {
      margin-left: 10px;
      padding: 0px 10px 12px 75px;
      background:url(../img/icon_freecall.png) no-repeat 0 0;
      background-size: 63px;
    }

    .tal_freecall dt {
      margin-bottom:4px;
      font-size:13px;
      line-height:1.2;
    }
    .tal_freecall dd,
    .tal_normal dd {
      margin-bottom:3px;
      line-height:1.2;
    }
    .tal_freecall dd.tel_num {
      color:#00a8ec;
      font-weight:bold;
      font-size:24px;
    }
    .tal_freecall dd.tel_num a {
      color:#00a8ec;
    }
    .tal_freecall dd.freecall_goro {
      text-align:right;
      font-size:13px;
    }
    .tal_normal {
      padding: 13px 10px 0;
      border-top:1px solid #ccc;
      text-align: left;
    }
    .tal_normal dt {
      line-height:1.2;
      font-size:13px;
    }

    .tal_normal dd .tel_num {
      display:block;
      color:#000000;
      font-weight:bold;
      font-size:19px;
      line-height:1.5;
    }
    .tal_normal dd .tel_num a {
      color:#000000;
    }
    .tal_normal dd .tel_sub {
      display:block;
      font-size:13px;
    }

    .infodesk_note {
      clear:both;
      padding:7px 10px 0;
      text-align:left;
      font-size:11px;
    }


    /* index.html */
    .block_type1 {
      margin-bottom: 15px;
      margin-left: 10px;
      margin-right: 10px;
      border: 1px solid #d6d6d6;
      -webkit-border-radius: 5px 5px 0 0;
      -moz-border-radius: 5px 5px 0 0;
      border-radius: 5px 5px 0 0;
    }
    .block_type1 .block_header {
      padding: 13px;
      background-color: #f6f6f3;
      -webkit-border-radius: 5px 5px 0 0;
      -moz-border-radius: 5px 5px 0 0;
      border-radius: 5px 5px 0 0;
      text-align: center;
    }
    .block_type1 .block_header h2 {
       font-size: 13px;
      font-weight: bold;
    }
    .block_type1 .block_body {
      padding: 10px 10px 9px;
      overflow: hidden;
      font-size: 11px;
    }
    .txt_caption_eohome {
      clear: both;
      margin: 0 0 15px;
      margin-left: 10px;
      margin-right: 10px;
      text-align: left;
      color: #dd0000;
      font-size: 12px;
    }

    .txt_caption {
      clear: both;
      margin: 0 0 15px;
      margin-left: 10px;
      margin-right: 10px;
      text-align: left;
      font-size: 12px;
    }


    /* !page-style
    ---------------------------------------------------------- */


    #contents {
    }

    #contents h1 {
      box-sizing: border-box;
      margin: 0 10px 10px;
      padding: 8px 0 8px 17px;
      min-height: 30px;
      height:auto !important;
      height: 30px;
      border-left: 5px solid #ffcc00;
      font-size: 15px;
      font-weight: bold;
      line-height: 1.2;
    }

    #contents .other_btn {
      padding-bottom: 15px;
      font-size: 13px;
    }

    #contents .other_btn .wrapped_text {
      margin: 0 10px 0 0;
      padding: 3px 20px;
      background: #fff;
      border-radius: 20px;
    /*  font-size: 13px;
      font-weight: bold;
      color: #ff9900;*/
      text-align: center;
    }

    #contents .other_btn a span{
    /*  font-weight: bold;*/
    font-size: 3.75vw;
    }

    #contents .other_btn a {
      box-sizing: border-box;
      display: block;
      position: relative;
      margin: 0 10px;
      padding: 0 20px;
      height: 30px;
    /*  border: 1px solid #cccccc;*/
      border-radius: 5px;
      text-align: center;
      line-height: 30px;
      color: #000;
      background-color: #FFCC00;
      box-shadow: 0 2px 2px #E3E3E3;
    /*  box-shadow: 0 2px 2px rgba(0, 0, 0, .3);*/
    }

    #contents .other_btn a:after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      right: 10px;
      margin-top: -3px;
      width: 7px;
      height: 7px;
      border-right: 2px solid #fff;
      border-bottom: 2px solid #fff;
    /*  border-right: 1px solid #0697a3;
      border-bottom: 1px solid #0697a3;*/
      transform: rotate(-45deg);
    }

    #contents .other_btn a:hover {
      text-decoration: none;
    }

    .oreder-links {
      padding: 0 10px;
      padding-bottom: 10px;
    }


    .oreder-links .starter,
    .oreder-links .for_user {
      background: #fafafa;
      border: 1px solid #d6d6d6;
      -webkit-border-radius: 5px 5px 0 0;
      -moz-border-radius: 5px 5px 0 0;
      border-radius: 5px 5px 0 0;
    }

    .oreder-links .starter h2,
    .oreder-links .for_user h2 {
      box-sizing: border-box;
      padding: 7px 0 5px;
      min-height: 50px;
      height: auto !important;
      height: 50px;
      background: #ffd633;
      -webkit-border-radius: 5px 5px 0 0;
      -moz-border-radius: 5px 5px 0 0;
      border-radius: 5px 5px 0 0;
      text-align: center;
      font-weight: bold;
      line-height: 1.5;
    }

    .oreder-links .for_user h2,
    .oreder-links .starter h2 {
      font-size: 15px;
    }

    .oreder-links .starter h2 {
      padding-top: 16px;
    }

    .oreder-links  h2 .h_normal {
      font-size: 13px;
    }

    .oreder-links  h2 .txt_eo01 {
      font-size: 18px !important;
    }
    .oreder-links  h2 .h_normal .txt_eo01 {
      font-size: 15px !important;
    }

    .oreder-links .starter .body,
    .oreder-links .for_user .body {
      overflow: hidden;
      padding: 15px 10px 12px;
      background: url(../img/bg-box01.gif) no-repeat center top;
      background-size: auto 7px;
    }


    .oreder-links .for_user .body .entrance_box_leadtxt {
      margin: 0 0 10px;
      text-align: center;
      font-size: 13px;
      font-weight: bold;
    }
    .oreder-links .entrance_btn.hometype {
      float: left;
      width: 48%;
    }
    .oreder-links .entrance_btn.mantiontype {
      float: right;
      width: 48%;
    }

    .oreder-links .starter .body a,
    .oreder-links .for_user .body a {
      display: block;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      margin-bottom: 11px;
      background: #fff;
      border: 1px solid #cccccc;
      border-radius: 3px;
      box-shadow: 0px 0px 5px #c3c3c3;
      font-size: 13px;
      text-align: center;
      font-weight: bold;
    }


    .oreder-links .entrance_btn .btn_innerwrap_upper {
      display: block;
      padding: 10px 0;
      min-height: 60px;
      -webkit-border-radius: 3px 3px 0 0;
      -moz-border-radius: 3px 3px 0 0;
      border-radius: 3px 3px 0 0;
      color: #fff;
    }
    .oreder-links .for_user .entrance_btn .btn_innerwrap_upper {
      min-height: 25px;
    }
    .oreder-links .entrance_btn.hometype .btn_innerwrap_upper {
      background-color: #33b6d3;
    }
    .oreder-links .entrance_btn.mantiontype .btn_innerwrap_upper {
      background-color: #709ddb;
    }


    .oreder-links .entrance_btn.hometype .btn_innerwrap_lower .type img {
      width: 61px;
      height: auto;
    }
    .oreder-links .entrance_btn.mantiontype .btn_innerwrap_lower .type img {
      width: 84px;
      height: auto;
    }

    .oreder-links .entrance_btn .btn_innerwrap_lower {
      display: block;
      padding: 9px 0;
      min-height: 24px;
      
    }
    .oreder-links .entrance_btn .btn_innerwrap_lower .type {
      display: inline-block;
      padding-left: 32px;
      text-align: center;
    }
    .oreder-links .entrance_btn.hometype .btn_innerwrap_lower .type {
      background: url(../img/sph/icon-house.png) no-repeat left center;
      -webkit-background-size: auto 24px;
      -moz-background-size: auto 24px;
      background-size: auto 24px;
    }
    .oreder-links .entrance_btn.mantiontype .btn_innerwrap_lower .type {
      background: url(../img/sph/icon-maison.png) no-repeat left center;
      -webkit-background-size: auto 24px;
      -moz-background-size: auto 24px;
      background-size: auto 24px;
    }



    .oreder-links .starter {
      margin-bottom: 10px;
    }

    .oreder-links .body a .icon {
      float: left;
      width: 33px;
      height: auto;
    }

    .oreder-links .for_user .body a .icon {
      margin-top: 6px;
    }

    .oreder-links .pc {
      display: none;
    }
    .oreder-links .starter .body a {
      width: auto;
    }

    .oreder-links  .body .btn_innerwrap {
      display: block;
      text-align: left;
      margin-left: 47px;
      line-height: 1.3;
    }

    .oreder-links .body a strong {
      font-size: 140%;
    }

    .oreder-links .hometype a {
      color: #33b6d3;
    }

    .oreder-links .mantiontype a {
      color: #709ddb;
    }


    .oreder-links .btn_order_login a {
      color: #ff9900;
    }

    .oreder-links .starter .body a:hover,
    .oreder-links .for_user .body a:hover {
      text-decoration: none;
      opacity: 0.7;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      filter: alpha(opacity=50);
    }

    .oreder-links .starter .body .icon {
      margin-top: 5px;
      padding-left: 2px;
      margin-bottom: 3px;
    }
    .oreder-links .starter .body .mantiontype .icon {
      margin-top: 3px;
      padding-left: 0;
      margin-bottom: 3px;
    }
    .oreder-links .for_user .body .icon {
      margin-bottom: 7px;
    }
    .oreder-note {
      margin:0 10px 20px;
    }
    .oreder-note h3 {
      font-weight: bold;
    }
    .oreder-note ul {
      padding: 0 0 0 1em;
      text-indent: -1em;
    }
    .oreder-note .mark {
      color:#dd0000;
    }

    .choose {
      margin: 0 10px;
      padding-bottom: 15px;
    }

    .choose .lead {
      padding-bottom: 10px;
      line-height: 1;
      text-align: center;
      font-size: 13px;
    }

    .choose .btns li {
      float: left;
      width: 48.5%;
    }

    .choose .btns li:last-child {
      float: right;
    }

    .choose .btns li a {
      box-sizing: border-box;
      display: block;
      position: relative;
      padding: 15px 0 71px;
      border: 1px solid #cccccc;
      border-radius: 5px;
      color: #fff;
      background: #33b6d3;
      box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
    }

    .choose .btns li a:before {
      content: "";
      display: block;
      position: relative;
      left: -5px;
      margin: 0 auto;
      width: 108px;
      height: 29px;
      background: url(../img/sph/icon_hometype.png) no-repeat;
      background-size: 100% auto;
    }

    .choose .btns li a:after {
      content: "";
      display: block;
      position: absolute;
      top: 28px;
      right: 10px;
      width: 10px;
      height: 10px;
      border-right: 2px solid #fff;
      border-bottom: 2px solid #fff;
      transform: rotate(-45deg);
    }

    .choose .btns li a:hover {
      text-decoration: none;
    }

    .choose .btns li span {
      display: block;
      position: absolute;
      left: 0;
      width: 100%;
      text-align: center;
    }

    .choose .btns li .type {
      bottom: 32px;
      line-height: 1.3;
      font-size: 12px;
    }

    .choose .btns li .text {
      bottom: 12px;
      line-height: 1;
      font-size: 17px;
      font-weight: bold;
    }

    .choose .btns li:first-child .type {
      bottom: 42px;
    }

    .choose .btns li:last-child a {
      background: #709ddb;
    }

    .choose .btns li:last-child a:before {
      background-image: url(../img/sph/icon_maisontype.png);
    }

    .flow {
      margin: 0 20px 25px;
      border: 1px solid #d6d6d6;
      border-radius: 5px;
      box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
    }

    .flow .preparement,
    .flow .move,
    .flow .phone-number,
    .flow .denki-gas {
      padding: 0 10px;
    }

    .flow h2 {
      box-sizing: border-box;
      display: block;
      cursor: pointer;
      position: relative;
      margin: 0 10px;
      height: 40px;
      border-radius: 5px;
      line-height: 44px;
      text-align: center;
      font-size: 13px;
    }

    .flow h2:before {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 2px;
      bottom: 0;
      left: 0;
      border-bottom: 1px dotted #d6d6d6;
      opacity: 0;
      transition: opacity .3s;
    }

    .flow h2:after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      right: 0;
      width: 20px;
      height: 20px;
      background: url(../img/btn-plus.png) no-repeat;
      background-size: 100% auto;
      transform: translateY(-50%);
    }

    .flow .on h2:before {
      opacity: 1;
    }

    .flow .on h2:after {
      background-image: url(../img/btn-minus.png);
    }

    .flow .acc_cont {
      display: none;
      margin: 0 10px;
      padding-bottom: 20px;
    }

    .flow .acc_cont > .criterion {
      padding: 8px 0 12px;
      text-align: right;
      font-size: 11px;
    }

    .flow .preparement {
      font-size: 11px;
    }

    .flow .preparement h3 {
      margin-bottom: 11px;
      padding: 4px 10px 4px;
      background: #eeeeee;
    }

    .flow .preparement .introduce {
      margin-bottom: 14px;
    }

    .flow .preparement .about-payment {
      padding: 0 0px 9px;
    }

    .flow .preparement .about-payment dl.js-accodion {
      padding: 0 10px;
      margin-bottom: 10px;
      border: 1px solid #cccccc;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
    }


    .flow .preparement .about-payment .ac-trigger {
      position: relative;
      padding: 14px 0 12px;
      background: url(../img/btn-plus.png) no-repeat center right;
      background-size: 18px;
      cursor: pointer;
      font-size: 11px;
    }


    .flow .preparement .about-payment .on .ac-trigger {
      background-image: url(../img/btn-minus.png);
    }

    .flow .preparement .about-payment .ac-target {
      display: none;
      position: relative;
      padding: 11px 0;
      border-top: 1px dotted #cccccc;
    }


    .flow .preparement .about-payment .ac-target dt {
      padding-top: 10px;
      font-weight: bold;
    }


    .flow .preparement .about-payment .ac-target dt span {
      font-weight: normal;
    }

    .flow .phone-number h3,
    .flow .move h3,
    .flow .denki-gas h3 {
      padding-bottom: 4px;
      font-weight: bold;
    }

    .flow .move,
    .flow .phone-number {
      padding-bottom: 16px;
    }

    .flow .denki-gas {
      padding-bottom: 20px;
    }

    .flow .steps {
      margin: 0 10px;
      border: 2px solid #dddddd;
    }

    .flow .steps .step {
      overflow: hidden;
      padding: 15px 10px 15px;
      background: url(../img/sph/bg-box03.gif) no-repeat center top;
      background-size: auto 13px;
    }
    .flow .steps .step1 {
      padding-top: 11px;
      background: none;
    }
    .flow .steps .step8 {
      background: url(../img/sph/bg-box03.gif) no-repeat center top;
      background-size: auto 13px;
    }
    .flow .steps .step9 {
      background: url(../img/sph/bg-box03.gif) no-repeat center top;
      background-size: auto 13px;
    }

    .flow .steps .step div.icon {
      float: left;
    }

    .flow .steps .step div.icon img {
      width: 50px;
      height: auto;
    }


    .flow .steps .step .body {
      margin-left: 65px;
    }

    .flow .steps .step .step-title {
      padding-bottom: 8px;
      font-size: 13px;
      color: #009999;
      font-weight: bold;
    }

    .flow .steps .step8 .step-title {
      padding-top: 6px;
    }

    .flow .steps .step1 .body .normal {
      display: block;
      font-weight: normal;
    }
    .flow .steps .step1 .body li {
      clear: both;
    }
    .flow .steps .step1 .body li .icon {
      margin: 0;
      width: 29px;
      height: auto;
      float: left;
    }
    .flow .steps .step1 .body li.last .icon {
      width: 26px;
    }
    .flow .steps .step1 .body li span {
      display: block;
      margin-left: 37px;
      font-weight: normal;
    }
    .flow .steps .step1 .body img {
      margin-top: -0.3em;
      margin-right: 13px;
      vertical-align: middle;
    }

    .flow .steps .step1 .body li.last {
      padding-top: 14px;
    }

    .flow .steps .step .title {
      padding-bottom: 3px;
      padding-left: 0;
      color: #000;
      font-weight: bold;
    }

    .flow .steps .step2 li li,
    .flow .steps .step2 p {
      padding-left: 1em;
    }

    .flow .steps .step2 .last {
      padding-top: 8px;
    }

    .flow .steps .step2 span.net,
    .flow .steps .step2 span.tel,
    .flow .steps .step2 span.tv {
      display: inline-block;
    }

    .flow .steps .step2 span.net,
    .flow .steps .step5 .net,
    .flow .steps .step2 .net .kind {
      color: #4c77c4;
    }

    .flow .steps .step2 span.tel,
    .flow .steps .step5 .tel,
    .flow .steps .step2 .tel .kind {
      color: #66ad35;
    }

    .flow .steps .step2 span.tv,
    .flow .steps .step5 .tv,
    .flow .steps .step2 .tv .kind {
      color: #e75735;
    }

    .flow .steps .step2 span.denki,
    .flow .steps .step5 .denki,
    .flow .steps .step2 .denki .kind {
      color: #39b383;
    }

    .flow .steps .step2 .gas {
      color: #0075C1;
    }

    .flow .steps .step3 .title {
      padding-bottom: 8px;
    }

    .flow .steps .step3  {
      padding-bottom: 12px;
    }

    .flow .steps .step4 .underline,
    .flow .steps .step7 .underline {
      font-weight: bold;
      text-decoration: underline;
    }


    .flow .steps .step5 dt {
      font-weight: bold;
    }

    .flow .steps .step8 dd {
      color:#F33;
      margin-bottom:11px;
    }

    .easy_register {
      margin: 0 10px 25px;
      padding-bottom: 10px;
      border: 1px solid #cccccc;
      border-radius: 5px;
      text-align: center;
    }

    .easy_register h2 {
      margin-bottom: 15px;
      padding: 10px 0 8px;
      border-radius: 5px 5px 0 0;
      line-height: 1.3;
      font-size: 13px;
      color: #fff;
      font-weight: bold;
      background: #999999;
    }

    .easy_register .btn {
      padding-bottom: 10px;
      font-weight: bold;
    }

    .easy_register .btn a {
      box-sizing: border-box;
      display: block;
      position: relative;
      margin: 0 auto;
      padding: 9px 35px 8px;
      width: 80%;
      min-width: 260px;
      border: 1px solid #cccccc;
      border-radius: 5px;
      color: #fff;
      background: #ee3300;
      box-shadow: 0 2px 2px rgba(0, 0, 0, .3);
    }

    .easy_register .btn a:after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      right: 10px;
      margin-top: -5px;
      width: 10px;
      height: 10px;
      border-right: 2px solid #fff;
      border-bottom: 2px solid #fff;
      transform: rotate(-45deg);
    }

    .easy_register .btn a:hover {
      text-decoration: none;
    }

    .easy_register .btn span {
      display: block;
      margin: 0 auto;
      max-width: 190px;
      line-height: 1;
    }

    .easy_register .btn .text {
      margin-bottom: 5px;
      padding-bottom: 5px;
      border-bottom: 1px solid #f79980;
      font-size: 17px;
    }

    .easy_register .btn .criterion {
      font-size: 13px;
    }

    .easy_register .annotation {
      font-size: 10px;
    }


    /* order/index.html - 2017/02
    ---------------------------------------------------------- */

    .for_pc { display: none; }


    .order_lead {
      margin: 0 10px 5px;
      text-align: center;
      font-size: 14px;
    }

    .order_lead_sub {
      margin: 0 10px 10px;
      text-align: center;
      font-size: 14px;
    }
    .modal {
        padding-right: 18px;
        background: url(../common/img/icon_modal.png) no-repeat right center;
    }

    .order_top_wrap {
      margin: 0 10px;
      padding-bottom: 10px;
    }

    .order_top1,
    .order_top2 {
      margin: 0 0 15px;
    }
    .btn_order {
      margin: 0 0 13px;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px;
      -webkit-box-shadow: 0px 3px 3px 0px rgba(7, 0, 2, 0.2);
      -moz-box-shadow: 0px 3px 3px 0px rgba(7, 0, 2, 0.2);
      box-shadow: 0px 3px 3px 0px rgba(7, 0, 2, 0.2);
    }
    .btn_order a {
      display: block;
      padding: 9px;
      border: 1px solid #7cc9cf;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      /* box-shadow */
      -webkit-box-shadow:0px 0px 0px 2px #ffffff inset;
      -moz-box-shadow:0px 0px 0px 2px #ffffff inset;
      box-shadow:0px 0px 0px 2px #ffffff inset;
      /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7fcad0+0,0095a1+100 */
      background: rgb(127,202,208); /* Old browsers */
      background: -moz-linear-gradient(top,  rgba(127,202,208,1) 0%, rgba(0,149,161,1) 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top,  rgba(127,202,208,1) 0%,rgba(0,149,161,1) 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom,  rgba(127,202,208,1) 0%,rgba(0,149,161,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fcad0', endColorstr='#FFE100',GradientType=0 ); /* IE6-9 */

    }
    .btn_order a:hover {
      text-decoration: none;
    }
    .btn_order a span {
      display: block;
    }
    .btn_order a .order_txt1 {
      display: block;
      width: 86%;
      min-width: 250px;
      margin: 0 auto 10px;
      padding: 5px 0 3px;
      background-color: #FFE100;
      -webkit-border-radius: 1em;
      -moz-border-radius: 1em;
      border-radius: 1em;
      text-align: center;
      color: #1E1E1E;
      font-size: 12px;
      font-weight: bold;
      line-height: 1.2;
    }
    .btn_order a .order_txt23wrap {
      display: block;
      width: 96%;
      min-width: 275px;
      margin: 0 auto;
      background: url(../img/order_btn_arrow.png) no-repeat right center;
      text-align: center;
      color: #fff;
    }
    .btn_order a .order_txt2 {
      display: block;
      font-weight: bold;
      font-size: 19px;
      line-height: 1.2;
    }
    .btn_order a .order_txt3 {
      display: block;
      font-size: 16px;
    }
    .btn_order a .order_txt23wrap .order_txt3 strong {
      color:#ffe100 !important;
    }

     .order_txt3 strong span.min {
      font-size: 150%;
      display: inline;
    }

    .order_arrow_box {
      position: relative;
      background: #fff;
      border: 2px solid #ddd;
      padding: 8px;
    }
    .order_arrow_box:after,
    .order_arrow_box:before {
      bottom: 100%;
      left: 50%;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
    }

    .order_arrow_box:after {
      border-color: rgba(255, 255, 255, 0);
      border-bottom-color: #fff;
      border-width: 9px;
      margin-left: -9px;
    }
    .order_arrow_box:before {
      border-color: rgba(221, 221, 221, 0);
      border-bottom-color: #ddd;
      border-width: 12px;
      margin-left: -12px;
    }

    .order_arrow_box img {
      width: 100%;
      height: auto;
    }

    .order_arrow_box p {
      margin: 10px 0 0;
    }

    .bnr_chatenq {  /* 18/03/01 チャットアンケート */
      margin:0 auto 25px;
      padding:0 10px;
    }
    .bnr_chatenq img {  /* 18/03/01 チャットアンケート */
      width: 100%;
      height: auto;
    }
    .bnr_chatenq p {  /* 18/03/01 チャットアンケート */
    margin-top:6px;
    font-size:12px;
    text-align:left;
    }


    /* order/index.html - 2019/06
    ---------------------------------------------------------- */
    .consult_txt {
      border: #cc0000 3px solid;
      border-radius: 7px;
      text-align: center;
      margin: -60px 10px 10px;
      padding: 0.5rem;
      box-sizing: border-box;
      background-image: url("../img/sph/consulation_icon_sp.png");
      background-repeat: no-repeat;
      background-size: 13% auto;
      background-position: 8px 8px;
    }
    .consult_txt p {
      font-size: 3.125vw;
      font-weight: bold;
    }
    .consult_txt span {
      color: #cc0000;
      font-size: 125%;
      font-weight: bold;
    }
    .consult_txt .consult_btn img {
      vertical-align: middle;
    }

    .br_pc{
      display: none;
    }
    .br_sp {
      display: block;
    }


    /* area
    ---------------------------------------------------------- */


    .section {
      margin: 0 0 15px;
    }

    .entrance_wrapper {
      margin: 0;
      padding: 0;
    }

    .box_house, .box_apartment {
      width: auto;
      margin: 10px;
      border: 1px solid #d6d6d6;
      background-color: #fff;
      -webkit-border-radius: 4px 4px 0 0;
      -moz-border-radius: 4px 4px 0 0;
      border-radius: 4px 4px 0 0;
    }

    .box_house dt, .box_apartment dt {
      padding: 10px 16px;
      border-bottom: 1px solid #d6d6d6;
      -webkit-border-radius: 4px 4px 0 0;
      -moz-border-radius: 4px 4px 0 0;
      border-radius: 4px 4px 0 0;
      background-color: #f6f6f3;
    }

    .box_house h3, .box_apartment h3 {
      min-height: 55px;
      height: auto !important;
      height: 55px;
      padding: 5px 0 0 75px;
      margin: 0;
      font-size: 14px;
      font-weight: bold;
      line-height: 1.4;
    }

    .box_house h3 {
      background: url(../img/icon_house.gif) no-repeat 0 0;
      -webkit-background-size: 60px auto;
      -moz-background-size: 60px auto;
      background-size: 60px auto;
      background: url(../img/sph/ie/icon_house.gif) no-repeat 0 0\9;
      color: #33b6d3;
    }

    .box_house h3 .txt_h_b1, .box_apartment h3 .txt_h_b1 {
      font-size: 20px;
      font-weight: bold;
    }

    .box_house h3 .txt_h_b2, .box_apartment h3 .txt_h_b2 {
      font-size: 15px;
      font-weight: bold;
    }

    .box_house dd, .box_apartment dd {
      padding: 15px 10px 0;
    }

    .box_house dd p, .box_apartment dd p {
      margin-bottom: 15px;
    }

    .btn_search_hometype a, .btn_search_mantiontype a {
      display: block;
      width: 280px;
      height: 72px;
      padding: 10px 0 0;
      background-repeat: no-repeat;
      background-position: 0 0;
      color: #fff;
      font-weight: bold;
      text-align: center;
      font-size: 16px;
    }

    .btn_search_hometype a {
      background-image: url(../img/sph/btn_search_hometype.gif);
      -webkit-background-size: 280px auto;
      -moz-background-size: 280px auto;
      background-size: 280px auto;
      background: url(../img/sph/ie/btn_search_hometype.gif) no-repeat 0 0\9;
    }

    .btn_search_hometype, .btn_search_mantiontype {
      width: 280px;
      margin: 0 auto 10px;
    }

    .box_apartment h3 {
      background: url(../img/icon_apartment.gif) no-repeat 0 0;
      -webkit-background-size: 60px auto;
      -moz-background-size: 60px auto;
      background-size: 60px auto;
      background: url(../img/sph/ie/icon_apartment.gif) no-repeat 0 0\9;
      color: #709ddb;
    }

    .btn_search_mantiontype a {
      background-image: url(../img/sph/btn_search_mantiontype.gif);
      -webkit-background-size: 280px auto;
      -moz-background-size: 280px auto;
      background-size: 280px auto;
      background: url(../img/sph/ie/btn_search_mantiontype.gif) no-repeat 0 0\9;
    }

/* inquiry 2021/10 ADD */

    .is-sp {
      display: block;
    }
    .is-pc {
      display: none;
    }

    #inquiry {
      float: none;
      margin-top: 0;
      padding-right: 14px;
      padding-left: 14px;
      padding-top: 40px;
      width: 100%;
      box-sizing: border-box;
    }
    #inquiry div ul li.inquiry_tel {
      float: none;
      width: 100%;
    }
    #inquiry div ul li.inquiry_tel dl dd.tel p.freedial_contaniner {
      padding-left: 70px;
      background-size: 60px 60px;
    }
    #inquiry div ul li.inquiry_tel dl dd.tel p .call {
      padding-left: 0;
    }
    #inquiry div ul li.inquiry_other {
      float: none;
      width: 100%;
      border-left: none;
      border-top: 1px solid #dadada;
      padding-left: 0;
      padding-top: 20px;
      margin-top: 20px;
    }
    #inquiry h1 {
      font-size: 1.4rem;
      padding: 10px 25px;
      padding: 2vw 4vw;
    }
    #inquiry div {
      padding: 20px;
      padding: 3.34vw;
    }
    #inquiry div ul li.inquiry_tel dl dt {
      font-size: 1.8rem;
      font-weight: bold;
      margin-bottom: 15px;
      margin-bottom: 2.5vw;
    }
    #inquiry div ul li.inquiry_tel dl dd.time {
      font-size: 1.1rem;
      font-weight: bold;
      color: #1E1E1E;
      margin-bottom: 15px;
      margin-bottom: 2.5vw;
    }
    #inquiry div ul li.inquiry_tel dl dd.tel .freedial_container {
      padding-left: 0;
      background-size: 50px auto;
      background-size: 16.7vw auto;
      min-height: 50px;
      min-height: 16.7vw;
    }
  /*  #inquiry div ul li.inquiry_tel dl dd.tel p {
      font-size: 1.6rem;
    }
    #inquiry div ul li.inquiry_tel dl dd.tel p.note {
      margin-bottom: 10px;
      margin-bottom: 1.67vw;
    }
    #inquiry div ul li.inquiry_tel dl dd.tel p .freedial {
      font-size: 2.8rem;
      margin-bottom: 10px;
      margin-bottom: 1.67vw;
    }
    #inquiry div ul li.inquiry_tel dl dd.tel p.call {
      padding-left: 0;
      text-align: right;
    }*/
    #inquiry div ul li.inquiry_tel dl dd.tel a {
      font-size: 1.5rem;
      color: #000;
      font-weight: bold;
      border: 1px solid #e5e5e5;
      border-radius: 4px;
      display: block;
      padding: 10px 30px 10px 12px;
      padding: 3.34vw 10vw 3.34vw 4vw;
      -webkit-box-shadow: 0 2px rgba(224, 224, 224, 1);
      box-shadow: 0 2px rgba(224, 224, 224, 1);
      background: url(/share/img/contents/ico_arrow.png) no-repeat 97.5% center;
      background-size: 20px 20px;
      line-height: 1.6;
    }
    #inquiry div ul li.inquiry_tel dl dd.screen a {
      font-size: 0.88rem;
      padding: 10px 30px 10px 12px;
      padding: 3.34vw 10vw 3.34vw 4vw;
    }
    #inquiry div ul li.inquiry_other {
      padding-top: 10px;
      padding-top: 3.34vw;
      margin-top: 10px;
      margin-top: 3.34vw;
    }
    #inquiry div ul li.inquiry_other dl dt {
      font-size: 1.1rem;
      font-weight: bold;
      margin-bottom: -5px;
      margin-bottom: -0.83vw;
    }
    #inquiry div ul li.inquiry_other dl dd {
      margin-top: 20px;
      margin-top: 3.34vw;
    }
    #inquiry div ul li.inquiry_other dl dd a {
      font-size: 0.88rem;
      padding: 10px 30px 10px 12px;
      padding: 3.34vw 10vw 3.34vw 4vw;
      background-size: 16px auto;
      background-size: 5.34vw auto;
    }
    #inquiry div ul li.inquiry_other dl dd a .link_blank {
      background-size: 11px auto;
      background-size: 3.67vw auto;
      padding-right: 30px;
      padding-right: 5vw;
    }

    /* !eosmartlink-style
    ---------------------------------------------------------- */


    .smartlink_lead_txt {
      margin: 0 10px 15px;
    }

    .block_smartlink01 .block_header,
    .block_smartlink02 .block_header {
      padding: 14px;
      background-color: #f6f6f3;
      border-bottom: 3px solid #7fc5ea;
      -webkit-border-radius: 5px 5px 0 0;
      -moz-border-radius: 5px 5px 0 0;
      border-radius: 5px 5px 0 0;
    }

    .block_smartlink01 .block_body,
    .block_smartlink02 .block_body {
      padding: 15px 10px;
    }

    .btn_order_hometype, .btn_order_mantiontype, .btn_order_members, .btn_order_set {
      margin-bottom: 6px;
    }

    .btn_order_hometype a, .btn_order_mantiontype a, .btn_order_members a, .btn_order_set a {
      display: block;
      width: 280px;
      height: 102px;
      margin: 0 auto;
      font-size: 14px;
      font-weight: bold;
      color: #fff;
      text-decoration: none;
      text-align: center;
      line-height: 1.4;
    }
    .btn_order_members a .btn_innerwrap, .btn_order_set a .btn_innerwrap {
      display: block;
      padding: 10px 0 0;
    }
    .btn_order_members a, .btn_order_set a {
      font-size: 14px;
      line-height: 1.3;
    }
    .btn_order_members a span strong .txt_eo01, .btn_order_set a span strong .txt_eo01 {
      font-size: 16px !important;
    }
    .btn_order_members a strong, .btn_order_set a strong {
      font-size: 12px;
    }
    .btn_order_members a {
      background: url(../img/sph/btn_order_members_bg.gif) no-repeat 0 0;
      background: url(../img/sph/ie/btn_order_members_bg.gif) no-repeat 0 0\9;
    }

    .btn_order_set a {
      background: url(../img/sph/btn_order_set_bg.gif) no-repeat 0 0;
      background: url(../img/sph/ie/btn_order_set_bg.gif) no-repeat 0 0\9;
    }

    .btn_order_hometype a, .btn_order_mantiontype a, .btn_order_members a, .btn_order_set a {
      -webkit-background-size: 280px auto;
      -moz-background-size: 280px auto;
      background-size: 280px auto;
    }

    .link_about_eoID {
      text-align: right;
      font-size: 13px !important;
    }

    .link_about_eoID a {
      padding: 1px 0 1px 24px;
      background: url(../img/sph/link_arrow.gif) no-repeat left center;
      -webkit-background-size: 15px auto;
      -moz-background-size: 15px auto;
      background-size: 15px auto;
      text-decoration: underline;
      background: url(../img/sph/ie/link_arrow.gif) no-repeat left center\9;
    }

    .box_inner_caption {
      margin-bottom: 10px;
      color: #d00;
      text-align: center;
      font-size: 13px !important;
    }


    .sec_infodesk {
      margin: 40px 10px 15px;
      border: 1px solid #d6d6d6;
      -webkit-border-radius: 5px 5px 0 0;
      -moz-border-radius: 5px 5px 0 0;
      border-radius: 5px 5px 0 0;
    }

    .sec_infodesk.block_type1 .block_header2 {
      padding: 14px;
      background-color: #f6f6f3;
      border-bottom: 3px solid #ffbb7f;
      -webkit-border-radius: 5px 5px 0 0;
      -moz-border-radius: 5px 5px 0 0;
      border-radius: 5px 5px 0 0;
    }
    div.sec_infodesk.block_type1 .block_header2 {
      padding: 10px 12px 10px 49px;
      -webkit-border-radius: 5px 5px 0 0;
      -moz-border-radius: 5px 5px 0 0;
      border-radius: 5px 5px 0 0;
      background: #f6f6f3 url(../img/icon_h_tel_orenge.gif) no-repeat 12px 16px;
      -webkit-background-size: 28px auto;
      -moz-background-size: 28px auto;
      background-size: 28px auto;
      background: #f6f6f3 url(../img/sph/ie/icon_h_tel_orenge.gif) no-repeat 12px 16px\9;
    }
    .sec_infodesk .heading_infomation {
      font-weight: bold;
      font-size: 15px;
    }
    .sec_infodesk .heading_subtxt {
      margin-bottom: 0;
      font-weight: normal;
      font-size: 13px;
    }
    .sec_infodesk_body {
      padding: 10px;
      background: #fff;
      font-size: 13px !important;
    }
    .sec_infodesk_body .txt_infosmlin_lead {
      margin-bottom: 10px;
      color: #ff7700;
      font-size: 14px;
      font-weight: bold;
    }
    .tal_freecall_smlin {
      padding: 0 0 10px 74px;
      background: url(../img/icon_freecall_o2.gif) no-repeat 6px 0;
      -webkit-background-size: 60px auto;
      -moz-background-size: 60px auto;
      background-size: 60px auto;
      border-bottom: 1px solid #ccc;
      background: url(../img/sph/ie/icon_freecall_o2.gif) no-repeat 6px 0\9;
    }
    .tal_freecall_smlin dt {
      margin-bottom: 6px;
      font-weight: bold;
      font-size: 13px;
      line-height: 1.2;
    }
    .tal_freecall_smlin dd.tel_num_smlin {
      color: #ff7700;
      font-weight: bold;
      font-size: 24px;
    }
    .tal_freecall_smlin dd.tel_num_smlin a {
      color: #ff7700;
    }
    .tel-link, .tel-link:link {
      text-decoration: underline !important;
    }
    .tal_normal, .tal_normal_smlin {
      padding: 13px 10px;
    }
    .tal_normal dt, .tal_normal_smlin dt {
      margin-bottom: 6px;
      line-height: 1.2;
      font-size: 12px;
    }
    .tal_normal dd, .tal_normal_smlin dd {
      text-align: right;
    }
    .tal_normal_smlin dd .tel_num_smlin {
      color: #333;
      font-weight: bold;
      font-size: 15px;
      line-height: 1.2;
    }
    .section > p {
      margin: 0 13px 13px;
    }
    .section p {
      margin-bottom: 13px;
      font-size: 13px;
    }
    .btn_basic {
      width: 295px;
      margin: 13px auto 0;
      margin-left: auto !important;
      margin-right: auto !important;
      padding-bottom: 2px;
      background: url(../img/sph/btn_basic_bg.gif) no-repeat 0 0;
      -webkit-background-size: 295px auto;
      -moz-background-size: 295px auto;
      background-size: 295px auto;
      background: url(../img/sph/ie/btn_basic_bg.gif) no-repeat 0 0\9;
    }
    .btn_external a, .btn_basic a {
      display: block;
      padding-left: 18px;
      color: #fff;
      font-weight: bold;
      line-height: 60px;
      font-size: 15px;
    }
    .heading_lv2 {
      padding: 0 0 4px;
      margin: 0 12px 10px;
      border-bottom: 2px solid #7fc5ea;
      font-size: 15px;
      font-weight: bold;
    }


    .to-order.choose {
      padding-top: 15px;
      padding-bottom: 0px;
    }

    .to-order.choose .title {
      padding-bottom: 6px;
      font-size: 16px;
      text-align: center;
      color: #009999;
      font-weight: bold;
    }

    /* order/index.html - 2019/10
    ---------------------------------------------------------- */
    #eodenki {
      margin: 0 10px 50px;
    }

    /* order/index.html - 2019/11
    ---------------------------------------------------------- */
    #eodenki #topInfo p {
      margin: 20px 0;
      padding: 20px;
      background-color: #FFEEEE;
      color: #FF5C5C;
    /*  border: 3px solid #DF0024;
      border-radius: 10px;*/
    }
    #eodenki #topInfo p strong {
      color: #FF5C5C;
      font-weight: normal;
      text-decoration: underline;
    }
}