@charset "UTF-8";

/* 背景白に */
.-dress_po016b .bg-window{
background-color: #fff  !important;
}

/* hr */
.concept{
width: 30%;
border-color: #00baf1;
}

/* サービス一覧の上下線 */
.cssskin-_block_main .c-enclosure{
border-top-width: 2px !important;
border-top-style: solid !important;
border-bottom-width: 2px !important;
border-bottom-style: solid !important;
}


/* 囲み文字 */
.box1 {
 	color: #74796b;
    padding: 0.5em ;
    margin: 1.5em 0;
    font-weight: bold;
	font-size: 95%;    
    border: solid 1px #000000;
}
.box1 p {
    margin: 0; 
    padding: 0;
}

@media screen and (max-width: 771px) {
	#js-globalNavigation {
	height:auto !important;
	}
}

/*------------------------------------------------------
ご対応エリア
------------------------------------------------------*/
.delivery_area {
  color: #311302;
  text-align: center;  
  margin-bottom: 5px;
  margin-top: -40px; 
  margin-left: 20px;  
  
}
.delivery_main {
  margin-top: 10px; 
  
}


.delivery_area dt {
 font-weight: 700;
  color: #4299CF;
  font-size: 13px;
  padding: .5em;
  width: 100%;
}

@media (min-width: 576px) {
  .delivery_area dt {
    font-size: 14px;
  }
}

.delivery_area dt span {
  color: #e81302;
}

.delivery_area dd {
  font-size: 12px;
  margin: 1em 0;
  background-color: #fff;
letter-spacing: initial;
line-height: 1.3em;  
}

@media (min-width: 576px) {
  .delivery_area dd {
    font-size: 14px;
  }
}

.delivery_area dd span {
  font-weight: 600;
}

.delivery_area ul {
  font-size: 13px;
}
.area dt {
  background-color: #EFFAFF; 
}

.delivery-point {
    color: #de3133;
    line-height: 1.4;
    margin-bottom: 2rem;
  font-size: 12px;    
}

/* タイトルアイコン */
.guide-headline {
    /*display: flex;*/
    align-items: center;
    text-align: center;
    color: #c89955;
    font-weight: bold;
    font-size: 1.1em;
}

.guide-headline i {
    color: #fff;
    background-color: #349E18;
	display: inline-block;
	height: 90px;
	width: 90px;
	line-height: 90px;
	font-size: 50px;
	text-align: center;
	border-radius: 100%;
	margin-right: 10px;    
}
.fa {
    font-family: bindicon;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    
}
.kondate::before {
    content: "\e92b";
}
.service::before {
    content: "\e9a3";
}
.reason::before {
    content: "\e99e";
}

.deli::before {
    content: "\e6f8";
}
.contact::before {
    content: "\ea86";
}

/*------------------------------------------------------
ご利用案内
------------------------------------------------------*/
.order_area {
  color: #311302;
  text-align: left;  
	letter-spacing: 0.05em;
	line-height: 2.3;
	color: #404040;
    border: solid 1px #f3e9e8;
}

.order_area dt {
 font-weight: 700;
  color: #4299CF;
  font-size: 16px;
  padding: .5em;
  width: 100%;
}

@media (min-width: 576px) {
  .order_area dt {
    font-size: 17px;
  }
}

.order_area dt span {
  color: #e81302;
}

.order_area dd {
  font-size: 12px;
  margin: 1em 0;
  background-color: #fff;
  padding:0px 5px 0px;

}

@media (min-width: 576px) {
  .order_area dd {
    font-size: 14px;
  }
}

.order_area dd span {
  font-weight: 600;
}

.no_border{
 border: 0;
}

*, *:before, *:after {
	box-sizing: border-box;
}
.order_col_2{
	width: 100%;
	    border: solid 1px #f3e9e8;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.order_col_2 > div{
	width: 50%;
	padding: 10px;
}
@media screen and (max-width: 960px) {
	.order_col_2 > div{
		width: 100%;
	}
}