/******************************* Preface ***************************************/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
/********************************* body ***************************************/
body {}
/******************************** header **************************************/
/*===========================================
header
===========================================*/
header{}
.drawer-content li a {
    display: block;
    font-size: 18px;
}
/* MV */
 /********************************  Main Content ******************************/

 /* width */
.content-wrap {
	padding: 2rem 1.5rem;
}
.content-wrap-p0{
	padding: 0 0;
}
.content-wrap .inner.inner-ss {
	max-width: 840px;
	margin: 0 auto;
}
.content-wrap .inner.inner-s {
	max-width: 840px;
	margin: 0 auto;
}
.content-wrap .inner.inner-m {
	max-width: 980px;
	margin: 0 auto;
}
.content-wrap .inner.inner-l {
	max-width: 1100px;
	margin: 0 auto;
}

/* contents */
/* ----------------------------------------------------------------------  */
/* イントロ */
h2.intro_ttl{
	margin-top: -3rem;
}

/* ご利用方法 */
#content-01 .content-box{
  display: flex;
}
#content-01 .content-box .content-box-item{
  margin-right: 1.5rem;
}
#content-01 .content-box .content-box-item:nth-of-type(3n){
  margin-right: 0;
}
#content-01 .content-box .content-box-item .ttl{
  display: flex;
  align-items: center;
  margin-bottom: .5rem;
}
#content-01 .content-box .content-box-item .ttl .num{
  width: 23%;
  background: #E5300E;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  border-radius: 10px;
  padding: .3rem;
}
#content-01 .content-box .content-box-item .ttl .txt{
  width: 77%;
  padding-left: .8rem;
  font-weight: bold;
}

/* 営業時間 */
#content-02 .content-box{
  display: flex;
}
#content-02 .content-box .content-box-item{
	width: 33.3%;
	text-align: center;
  margin-right: 1.5rem;
	padding: 1rem;
	border-radius: 10px;
}
#content-02 .content-box .content-box-item:nth-of-type(3n){
  margin-right: 0;
}
#content-02 .content-box .content-box-item .ttl{
	font-weight: bold;
	color: #fff;
}
#content-02 .content-box .content-box-item .content{
  border-radius: 10px;
	padding: 2rem 1rem;
	font-size: .9rem;
	font-weight: bold;
}
#content-02 .content-box .content-box-item .content .lavel{
	display: inline-block;
	color: #fff;
	border-radius: 999px;
	padding: .1rem 1.5rem;
	margin-bottom: .5rem;
}
#content-02 .content-box .content-box-item .ttl{
	font-size: 1.4rem;
	padding-bottom: .4rem;
}
#content-02 .content-box .content-box-item .content .txt{
	font-size: 1.1rem;
}
#content-02 .content-box .content-box-item .content .txt-first{
	margin-bottom: 1rem;
}

/* 荷物輸送時刻 */
#content-03 .content-box{
  display: flex;
  flex-wrap: wrap;
}
#content-03 .content-box .content-box-item{
	width: 47%;
	text-align: center;
  margin-right: 6%;
  margin-bottom: 3rem;
}
#content-03 .content-box .content-box-item:nth-of-type(2n){
  margin-right: 0;
}


/* 	料金 */
#content-04 .content-box{
  display: flex;
}
#content-04 .content-box .content-box-item{
	width: 25%;
	text-align: center;
  margin-right: 1rem;
	padding: .6rem;
	border-radius: 10px;
}
#content-04 .content-box .content-box-item:nth-of-type(4n){
  margin-right: 0;
}
#content-04 .content-box .content-box-item .ttl{
	font-weight: bold;
	color: #fff;
  line-height: 1.4;
}
#content-04 .content-box .content-box-item .ttl span{
  font-size: .85rem;
}
#content-04 .content-box .content-box-item .content{
  border-radius: 10px;
	padding: 1rem;
	font-size: .9rem;
	font-weight: bold;
}
#content-04 .content-box .content-box-item .content .lavel{
	display: inline-block;
	color: #fff;
	border-radius: 999px;
	padding: .2rem 1.5rem 0 1.5rem;
	margin-bottom: .3rem;
}
#content-04 .content-box .content-box-item .ttl{
	font-size: 1.4rem;
	padding-bottom: .4rem;
}
#content-04 .content-box .content-box-item .content .txt{
	font-size: 1.3rem;
}
#content-04 .content-box .content-box-item .content .txt-first{
	margin-bottom: 1rem;
}

/* 一時預かり */
#content-05 .content-box{
  display: flex;
}
#content-05 .content-box .thm{
  width: 60%;
}
#content-05 .content-box .contents{
  width: 40%;
	text-align: left;
	padding-left: 1.5rem;
}
#content-05 .content-box .contents .contents_inr{
	margin-bottom: 1.5rem;
}
#content-05 .content-box .contents .contents_ttl{
	display: inline-block;
	border-radius: 10px;
	font-weight: bold;
	font-size: 1.4rem;
	letter-spacing: .2rem;
	padding: .4rem 1.5rem .2rem 1.5rem;
	margin-bottom: .5rem;
}
#content-05 .content-box .contents .price{
	font-size: 1.7rem;
	font-weight: bold;
}
#content-05 .content-box .contents .ttl{
	font-weight: bold;
	margin-bottom: .5rem;
}
#content-05 .content-box .contents .ttl span{
	margin-right: .7rem;
	padding-right: .7rem;
	position: relative;
}
#content-05 .content-box .contents .ttl_01 span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -3%; /* 位置を調整 */
  transform: translateY(-50%);
  width: 4px; /* 縦棒の太さ */
  height: 16px; /* 縦棒の長さ */
  background-color: #DB2D00; /* 縦棒の色 */
}
#content-05 .content-box .contents .ttl_02 span::after{
	content: "";
	position: absolute;
	top: 45%;
	right: -7%;
	transform: translateY(-50%);
	border-left: 8px solid #DB2D00; /* ▶ の色 */
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
}
#content-05 .content-box .contents .price span{
	font-size: 1.1rem;
}
#content-05 .content-box .contents .image{
  margin-top: 1rem;
}
 /* parts */
 /* ----------------------------------------------------------------------  */
 /* title */
.section-title{
	font-weight: bold;
  margin-bottom: 2rem;
}
.section-title.section-title-01{
  font-size: 2.4rem;
  line-height: 1.5;
}
.section-title.section-title-01 span{
  color: #DB2D00;
	background: linear-gradient(transparent 70%, #faff6b 70%);
}
.section-title.section-title-02{
  font-size: 2rem;
  line-height: 1.5;
}
.section-title.section-title-02 img{
  width: 20%;
	margin-bottom: .5rem;
}


.bg_op{
  display: block;
  transition: .3s;
}
.bg_op:hover{
  opacity: .7;
}
/***********************************  footer ********************************/
footer{}
#footer .copyright{
  font-size: .8rem;
}
