.mainimg { width: 100%; height: 0; padding-top: 51.47%; /* 画像高さ ÷ 画像横幅 × 100% */
    background-color: #fff; background-image: url(img_aruka/aruka_anime.gif); margin-top: 46px; background-size: contain; }

.mainimg_aruka_con { width: 100%; height: 0; padding-top: 51.47%; /* 画像高さ ÷ 画像横幅 × 100% */
    background-color: #fff; background-image: url(brand/images_aruka_02/header_bg_prd.png); margin-top: 46px; background-size: contain; }


/*==========================================
 one stop marukan トップイメージ
===========================================*/
.mainimg_one { width: 100%; height: 0; padding-top: 31.61%; /* 画像高さ ÷ 画像横幅 × 100% */
    background-color: #fff; background-image: url(marukan/images/one_stop_marukan_top.png); margin-top: 46px; background-size: contain; }

.mainimg_com { width: 100%; height: 0; padding-top: 22.05%; /* 画像高さ ÷ 画像横幅 × 100% */
    background-color: #fff; background-image: url(marukan/images/company_top.png); margin-top: 46px; background-size: contain; }

.mainimg_company01 { width: 100%; height: 0; padding-top: 44.11%; /* 画像高さ ÷ 画像横幅 × 100% */
    background-color: #fff; background-image: url(marukan/images/i_about_top.png); margin-top: 46px; background-size: contain; }

.mainimg_cc { width: 100%; height: 0; padding-top: 31.47%; /* 画像高さ ÷ 画像横幅 × 100% */
    background-color: #fff; background-image: url(marukan/images/bn_ccontribution.png); margin-top: 46px; background-size: contain; }

.mainimg_shonan01 { width: 100%; height: 0; padding-top: 44.11%; /* 画像高さ ÷ 画像横幅 × 100% */
    background-color: #fff; background-image: url(shonan/images/shonan_top.png); margin-top: 46px; background-size: contain; }

.mainimg_wp01 { width: 100%; height: 0; padding-top: 22.05%; /* 画像高さ ÷ 画像横幅 × 100% */
    background-color: #fff; background-image: url(images/i_wp_title01.png); margin-top: 46px; background-size: contain; }

.mainimg_wp02 { width: 100%; height: 0; padding-top: 22.05%; /* 画像高さ ÷ 画像横幅 × 100% */
    background-color: #fff; background-image: url(images/i_wp_pro_title01.png); margin-top: 46px; background-size: contain; }

.mainimg_recruit { width: 100%; height: 0; padding-top: 22.05%; /* 画像高さ ÷ 画像横幅 × 100% */
    background-color: #fff; background-image: url(recruit/images/recruit_top.png); margin-top: 46px; background-size: contain; }

.mainimg_vp01 { width: 100%; height: 0; padding-top: 47.05%; /* 画像高さ ÷ 画像横幅 × 100% */
    background-color: #fff; background-image: url(brand/images_vp/header_01.png); margin-top: 46px; background-size: contain; }

.mainimg_vp02 { width: 100%; height: 0; padding-top: 27.86%; /* 画像高さ ÷ 画像横幅 × 100% */
    background-color: #fff; background-image: url(brand/images_vp/img_01.png); margin-top: 46px; background-size: contain; }

.mainimg_vp03 { width: 100%; height: 0; padding-top: 36.10%; /* 画像高さ ÷ 画像横幅 × 100% */
    background-color: #fff; background-image: url(brand/images_vp/img_02.png); margin-top: 46px; background-size: contain; }

.mainimg_vp04 { width: 100%; height: 0; padding-top: 42.94%; /* 画像高さ ÷ 画像横幅 × 100% */
    background-color: #fff; background-image: url(brand/images_vp/img_03.png); margin-top: 46px; background-size: contain; }

.mainimg_corabo01 { width: 100%; height: 0; padding-top: 41.66%; /* 画像高さ ÷ 画像横幅 × 100% */
    background-color: #fff; background-image: url(brand/images_corabo/header_02.png); margin-top: 46px; background-size: contain; }

.mainimg_corabo02 { width: 100%; height: 0; padding-top: 25.84%; /* 画像高さ ÷ 画像横幅 × 100% */
    background-color: #fff; background-image: url(brand/images_corabo/img_02.png); margin-top: 46px;  margin-bottom: 46px;background-size: contain; }

.mainimg_enta { width: 100%; height: 0; padding-top: 43.3%; /* 画像高さ ÷ 画像横幅 × 100% */
    background-color: #fff; background-image: url(brand/images_enta/header_01.png); margin-top: 46px;  background-size: contain; }


#concept{ background:url(img_aruka/i_concept_bg.png) no-repeat center bottom; }

#concept_enta{ background:url(brand/images_enta/ebta_bg01.png) no-repeat center bottom; }

#concept_02{ background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center; background-size:cover; height:auto; margin-bottom:60px; }

#concept_03{ background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center; background-size:cover; height:auto; margin-bottom:60px; }

#concept_non{ background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center; background-size:cover; height:auto; margin-bottom:60px;  }

#concept_aruka_op{ background-color: transparent; background-size:80% auto; height:auto; }

#concept00{ background:url(img_aruka/i_concept_bg00.png) no-repeat center bottom; }

#concept_list_bg { width:950px; background-color: #ffffff; background-repeat: no-repeat; width:950px; height: 480px; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 20px;}

.content01{
	width:950px;
	margin:0 auto;
}

.content_aruka{
	width:650px;
	margin:0 auto;
}

#content_aruka_op01{ width:935px; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-right: 0; padding-left: 0; }

#content_aruka_op02{ width:935px; background-color: #7a3232; background-image: url(brand/images_aruka_02/animation_bg.png); background-repeat: repeat; width:935px; height: 370px; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 20px; }

.block02 { text-align: center; width: 470px; margin-top:30px;  }

.block02-01 { text-align: center; width: 470px; margin-top:70px;  }

.block02-02 { text-align: center; width: 420px; padding-top:0; padding-left: 30px; float: left; }
.block03 { text-align: center; width: 520px; }

.block04 { text-align: center; width: 190px; margin-left: 10px; }

.block05 { width: 40px; height: 355px;
    position: relative;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;　}

.block06 { text-align: left; width: 260px; margin-left: 10px; }

.block07 { width: 40px; height: 300px;
    position: relative;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;　}

.block08 { text-align: center; width: 290px; margin-left: 10px; }

#concept02_bg {
    background: url(img_aruka/i_concept_bg0907.png) no-repeat center;
    background-size: cover;
    height: 400px;
    margin-bottom: 60px;
}

#concept03{
	background:url(img/aboutBg.jpg) no-repeat center;
	background-size:cover;
	height:278px;
	margin-bottom:60px;
}

#concept03_bg { background: url(img_aruka/i_concept_bg03.png) no-repeat center; background-size: cover; height: 238px; padding-top: 100px; }

/*==========================================
 コンテンツエリア ->コンセプト04
===========================================*/

#concept_04 { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center; width: 900px; background-size: cover; height: auto; margin: 60px auto; }

/*==========================================
 コンテンツエリア ->コンセプト05
===========================================*/

#concept_05 { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center; width: 900px; background-size: cover; height: auto; margin-right: auto; margin-bottom: 60px; margin-left: auto; }

#concept_05 .left_box{ float: left; }

#concept_05 .left_box02{ width: 48%; float: left; 　float: left; }

#concept_05 .left_box02_02{ text-align: center; width: 4%; float: left; 　float: left; }

#concept_05 .right_box{ width: 370px; float: right; }

#concept_05 .right_box02{ width: 48%; float: right; }

#concept_05 p{ color: #000; font-size: 100%; line-height: 1.5; padding: 7px 15px 14px; }

/*==========================================
 コンテンツエリア ->コンセプト06
===========================================*/

#concept_06 { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center; width: 900px; background-size: cover; height: auto; margin-right: auto; margin-bottom: 60px; margin-left: auto; }

#concept_06_bg_01 { background: url(brand/images_aruka_02/mainte_back_01.png) no-repeat center; background-size: cover; height: 300px; padding-top: 100px; }

#concept_06_bg_02 { background: url(brand/images_aruka_02/mainte_back_02.png) no-repeat center; background-size: cover; height: 1200px; padding-top: 100px; padding-left: 20px;}

#concept_06 p { color: #fff; text-align: right; }

#concept_06 .left_box{ width: 45%; float: left; padding-right: 2%; 　float: left; }

#concept_06 .right_box{ text-align: right; width: 45%; float: right; padding-right: 2%; }


#av_01{ background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center; background-size:cover; height:auto; margin-bottom:60px; }
#av_01_bg { background-color: #33b4be; background-repeat: no-repeat; background-attachment: scroll; background-position: center; background-size: cover; height: 200px; padding-top: 60px; }

#case{ background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center; background-size:cover; height:300px; }

.content02{ width:950px; margin:0 auto; padding-top: 30px; }

.content03{ width:950px; margin:0 auto; padding-top: 30px; }

.content03 ul{ margin-top: -20px; list-style-type: decimal; }

#case_bg{ background-color: #4ccbd3; background-repeat: no-repeat; background-attachment: scroll; background-position: center bottom; }

#case_enta{ background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center; background-size:cover; height:300px; }
#case_enta_bg{ background-color: #ebbd1c; background-repeat: no-repeat; background-attachment: scroll; background-position: center bottom; }

#case_corabo_bg{ background-color: #eee; background-repeat: no-repeat; background-attachment: scroll; background-position: center bottom; }


/*==========================================
 one stop marukan コンテンツ
===========================================*/
#onestop{ background-color: transparent; }

.onestop01{ text-align: center; width:950px; margin:0 auto; }

/*==========================================
 one stop marukan フロー
===========================================*/
/* 矢印 */
.arrow {
    margin: 0 auto 50px;
    padding-top: 15px; /* 要素の上の余白調整 */
    position: relative;
}

.arrow:before {
    width: 100px; /* 四角形の幅 */
    height: 60px; /* 四角形の高さ */
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#FFC300));
    background-image: -webkit-linear-gradient(#FFFFFF, #FFC300);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#FFC300));
    content: "";
    position: absolute;
    top: -20px;
    left: 50%; /* 中央寄せに使用 */
    margin-left: -50px; /* 中央寄せに使用 */
}
 
.arrow:after {
    border-top: 35px solid #ffc300; /* 角度を緩やかなものに指定 */
    border-left: 70px solid transparent; /* 左のボーダーを透過に指定 */
    border-right: 70px solid transparent; /*右のボーダーを透過に指定*/
    content: "";
    position: absolute;
    top: 40px; /* 四角形の高さと同じ物を指定 */
    left: 50%; /* 中央寄せに使用 */
    margin-left: -70px; /* 中央寄せに使用 */
}
 
/* テキストの指定 */
.arrow span { position: relative; z-index: 3; font-size:1.2em; font-weight:bold; line-height:1.4; text-align:center; text-shadow: 2px 2px 1px rgb(255,255,255); }


/*==========================================
 one stop marukan フロー02
===========================================*/
/* 矢印 */
.arrow02 {
    margin: 0 auto 50px;
    padding-top: 15px; /* 要素の上の余白調整 */
    position: relative;
}

.arrow02:before {
    width: 20px; /* 四角形の幅 */
    height: 50px; /* 四角形の高さ */
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#aaaaaa));
    background-image: -webkit-linear-gradient(#FFFFFF, #aaaaaa);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#aaaaaa));
    content: "";
    position: absolute;
    top: -20px;
    left: 50%; /* 中央寄せに使用 */
    margin-left: -5px; /* 中央寄せに使用 */
}
 
.arrow02:after {
    border-top: 30px solid #aaaaaa; /* 角度を緩やかなものに指定 */
    border-left: 25px solid transparent; /* 左のボーダーを透過に指定 */
    border-right: 25px solid transparent; /*右のボーダーを透過に指定*/
    content: "";
    position: absolute;
    top: 30px; /* 四角形の高さと同じ物を指定 */
    left: 50%; /* 中央寄せに使用 */
    margin-left: -20px; /* 中央寄せに使用 */
}
 
/* テキストの指定 */
.arrow02 span { position: relative; z-index: 3; font-size:1.2em; font-weight:bold; line-height:1.4; text-align:center; text-shadow: 2px 2px 1px rgb(255,255,255); }


/* ボックス */
.flow {
    margin: 0 auto 50px;
}
 
.flow .box {
    margin: 0 auto 33px;
    width: 50%;
    padding: 10px;
    border: solid 2px #326e93;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    font-size: 1.2em; /* テキストの指定 */
    line-height: 1.4; /* テキストの指定 */
}

/* ボックス */
.flow02 {
    margin: 0 auto 50px;
}
 
.flow02 .box { margin: 0 auto 33px; width: 900px; padding: 10px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; font-size: 1.2em; /* テキストの指定 */
    line-height: 1.4; /* テキストの指定 */
}
.flow02  h4 { font-size: 130%; color: #000;	/*文字色*/
	font-weight: bold; margin-bottom: 5px;	/*画像とのバランスをとって設定（※横長タイプ用）*/
}

/*==========================================
 one stop marukan ボックス
===========================================*/
#case03　{ background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center; width: auto; clear: both; margin-top: 0; margin-bottom: 30px; }

/*==========================================
  one stop marukan ボックス内リスト
===========================================*/

#case03 section.list {
	width: 900px;	/*ボックスの幅*/
	position: relative;
	overflow: hidden;
	background: #fff;	/*背景色*/
	padding: 2%;		/*ボックス内の余白*/
	border: solid 1px #e0e0e0;	/*枠線の幅線種、色*/
	border-radius: 10px;	/*角丸のサイズ*/
	margin: 0 auto 15px;　　/*ボックスの余白*/
}
/*ボックス内のh4タグ共通設定*/
#case03 section.list h4 { font-size: 120%; color: #000;	/*文字色*/
	font-weight: bold; border-bottom: 1px solid #000;	/*下側の線の幅、線種、色*/
	margin-bottom: 0.5em; margin-left: 24%;	/*画像とのバランスをとって設定（※横長タイプ用）*/
}
/*ボックス内の段落タグ共通設定*/
#case03 section.list p { font-size: 120%; padding: 0; margin-left: 24%;	/*画像とのバランスをとって設定（※横長タイプ用）*/
}
/*ボックス内の写真共通設定*/
#case03 section.list figure img { float: left;	/*画像を左へ回り込み（※横長タイプ用）*/
	width: 20%;		/*写真の幅（※横長タイプ用）*/
	background: #fff; }



/*==========================================
 コンテンツエリア -> 事例のスタイル
===========================================*/

div#case section#work_aruka article {
  text-align: center;
  width: 33%;
  min-width: 120px;
  float: left;
  margin-bottom: 10px;
}
div#case section#work_aruka article img {
  width: 100%;
  height: auto;
  max-width: 290px;
  margin-top: 5px;
}
 
div#case section#work_aruka article h3 { font-size: 100%; color: #000;	/*文字色*/
	text-align: center; clear: both; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding-top: 3px; padding-bottom: 2px; padding-left: 5px;	/*下側の線の幅、線種、色*/
}

div#case section#work_aruka article p {
  text-align: left;
  font-size: 0.7em;
  line-height: 2.0em;
  padding: 0 15px;
}


/*==========================================
 コンテンツエリア -> aruka コンセプト事例のスタイル
===========================================*/

div#concept_04 section#work_aruka02 article {
  text-align: center;
  width: 33%;
  min-width: 120px;
  float: left;
  margin-bottom: 10px;
}
div#concept_04 section#work_aruka02 article img {
  width: 100%;
  height: auto;
  max-width: 290px;
  margin-top: 5px;
}
 
div#concept_04 section#work_aruka02 article h3 { font-size: 100%; color: #000;	/*文字色*/
	text-align: center; clear: both; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding-top: 3px; padding-bottom: 2px; padding-left: 5px;	/*下側の線の幅、線種、色*/
}

div#concept_04 section#work_aruka02 article p {
  text-align: left;
  font-size: 1em;
  line-height: 2.0em;
  padding: 0 15px;
}


/*==========================================
 コンテンツエリア -> aruka コンセプト事例のスタイル
===========================================*/

div#concept_05 section#work_aruka03 article {
  text-align: center;
  width: 50%;
  min-width: 120px;
  float: left;
  margin-bottom: 10px;
}
div#concept_05 section#work_aruka03 article img {
  width: 100%;
  height: auto;
  max-width: 290px;
  margin-top: 5px;
}
 
div#concept_05 section#work_aruka03 article h3 { font-size: 100%; color: #000;	/*文字色*/
	text-align: center; clear: both; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding-top: 3px; padding-bottom: 2px; padding-left: 5px;	/*下側の線の幅、線種、色*/
}

div#concept_05 section#work_aruka03 article p {
  text-align: left;
  font-size: 1em;
  line-height: 2.0em;
  padding: 0 15px;
}

/*==========================================
 コンテンツエリア -> aruka コンセプト事例のスタイル
===========================================*/

div#concept_05 section#work_aruka04 article {
  text-align: center;
  width: 33%;
  min-width: 120px;
  float: left;
  margin-bottom: 10px;
}
div#concept_05 section#work_aruka04 article img {
  width: 100%;
  height: auto;
  max-width: 290px;
  margin-top: 5px;
}
 
div#concept_05 section#work_aruka04 article h3 { font-size: 100%; color: #000;	/*文字色*/
	text-align: center; clear: both; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding-top: 3px; padding-bottom: 2px; padding-left: 5px;	/*下側の線の幅、線種、色*/
}

div#concept_05 section#work_aruka04 article p {
  text-align: left;
  font-size: 1em;
  line-height: 2.0em;
  padding: 0 15px;
}




/*==========================================
 コンテンツエリア -> 事例のスタイル
===========================================*/

div#case section#work_enta article {
  text-align: center;
  width: 33%;
  min-width: 120px;
  float: left;
  margin-bottom: 10px;
}
div#case section#work_enta article img {
  width: 100%;
  height: auto;
  max-width: 290px;
  margin-top: 5px;
}
 
div#case section#work_enta article h3 { font-size: 150%; color: #fff;	/*文字色*/
	text-align: center; clear: both; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding-top: 3px; padding-bottom: 2px; padding-left: 5px;	/*下側の線の幅、線種、色*/
}

div#case section#work_enta article p {
  text-align: center;
  font-size: 110%;
  line-height: 2em;
  padding: 0 15px;
}

/*==========================================
 コンテンツエリア -> 事例のスタイル
===========================================*/

div#case section#work_corabo article { text-align: center; width: 30%; min-width: 120px; float: left; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; border: solid 1px #878383; }
div#case section#work_corabo article img {
  width: 100%;
  height: auto;
  max-width: 290px;
  margin-top: 5px;
}
 
div#case section#work_corabo article h3 { font-size: 108%; color: #000;	/*文字色*/
	line-height: 1.5; text-align: center; height: 40px; clear: both; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding-bottom: 2px; padding-left: 5px;	/*下側の線の幅、線種、色*/
}

div#case section#work_corabo article p {
  text-align: right;
  font-size: 90%;
  line-height: 1em;
  padding: 0 15px;
}



/*==========================================
 コンテンツエリア -> 事例のスタイル02
===========================================*/

div#case section#work article {
  text-align: center;
  width: 33%;
  min-width: 120px;
  float: left;
  margin-bottom: 10px;
}
div#case section#work article img {
  width: 100%;
  height: auto;
  max-width: 290px;
  margin-top: 5px;
}
 
div#case section#work article h3 { font-size: 100%; color: #000;	/*文字色*/
	text-align: center; clear: both; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding-top: 3px; padding-bottom: 2px; padding-left: 5px;	/*下側の線の幅、線種、色*/
}

div#case section#work article p {
  text-align: center;
  font-size: 0.7em;
  line-height: 2em;
  padding: 0 15px;
}


/*==========================================
 コンテンツエリア -> aruka　メンテナンスパック
===========================================*/

#case02 section.list { width: 900px;	/*ボックスの幅*/
	position: relative; overflow: hidden; background: #fff;	/*背景色*/
	margin: 0 0 15px; padding: 2% 0; border-radius: 10px;　　/*ボックスの余白*/
}
/*ボックス内のh4タグ共通設定*/
#case02 section.list h4 { font-size: 120%; color: #000;	/*文字色*/
	font-weight: bold; border-bottom: 1px solid #000;	/*下側の線の幅、線種、色*/
	margin-bottom: 0.5em; margin-left: 24%;	/*画像とのバランスをとって設定（※横長タイプ用）*/
}
/*ボックス内の段落タグ共通設定*/
#case02 section.list p { font-size: 110%; line-height: 220%; padding: 0; margin-left: 35%;	/*画像とのバランスをとって設定（※横長タイプ用）*/
}
/*ボックス内の写真共通設定*/
#case02 section.list figure img { float: left;	/*画像を左へ回り込み（※横長タイプ用）*/
	width: 30%;		/*写真の幅（※横長タイプ用）*/
	background: #fff; margin-left: -40px; }

/*==========================================
 コンテンツエリア -> marukanについて
===========================================*/

div#case03 section#company article {
  text-align: center;
  width: 25%;
  min-width: 120px;
  float: left;
  margin-bottom: 10px;
}
div#case03 section#company article img {
  width: 100%;
  height: auto;
  max-width: 200px;
  margin-top: 5px;
}
 
div#case03 section#company article h3 { font-size: 100%; color: #000;	/*文字色*/
	text-align: left; clear: both; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding-top: 3px; padding-bottom: 2px; padding-left: 5px;	/*下側の線の幅、線種、色*/
}

div#case03 section#company article p {
  text-align: left;
  font-size: 0.7em;
  line-height: 2.0em;
  padding: 0 15px;
}


/*==========================================
 コンテンツエリア -> 地域社会貢献について
===========================================*/

div#case03 section#cc article { text-align: center; width: 30%; min-width: 120px; float: left; margin-right: 15px; margin-bottom: 10px; margin-left: 15px; }
div#case03 section#cc article img {
  width: 100%;
  height: auto;
  max-width: 300px;
  margin-top: 5px;
}
 
div#case03 section#ccc article h3 { font-size: 100%; color: #000;	/*文字色*/
	text-align: left; clear: both; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding-top: 3px; padding-bottom: 2px; padding-left: 5px;	/*下側の線の幅、線種、色*/
}

div#case03 section#cc article p {
  text-align: left;
  font-size: 0.7em;
  line-height: 2.0em;
  padding: 0 15px;
}


/*==========================================
 コンテンツエリア -> テーブル
===========================================*/

table {
  border-collapse: collapse;
  width: 100%;
}
table th,
table td {
  padding: 10px;
  border: 1px solid #999;
}
table th {
  background-color: #eee;
  text-align: center;
  width: 30%;
}

/*==========================================
 コンテンツエリア -> テーブル02
===========================================*/

.table02 {
  border-collapse: collapse;
  width: 100%;
}
.table02 th,
.table02 td {
  padding: 10px;
  border: 1px solid #999;
  text-align: left;
}
.table02 th {
  background-color: #eee;
  text-align: left;
  width: 30%;
}

/*==========================================
 コンテンツエリア -> テーブル03
===========================================*/
.table03 {
  border-collapse: collapse;
  width: 100%;
}

.table03 th { background: #fff; border: solid 1px #98dcc8; color: #000; width: 20%; padding: 10px; }
.table03 th.th02{ background: #e6da54; border: solid 1px #98dcc8; color: #010101; width: 20%; padding: 10px; }
.table03 td {
  border: solid 1px #ccc;
  padding: 10px;
}




.photo { width:600px; margin-bottom:20px; text-align:justify; text-justify:distribute; font-size:13px; line-height:1.4; padding-top: 20px; }

/* 回り込み解除 ここから */
.photo {
   ?zoom:1;
}

.photo:after {
   content:'';
   display:block;
   clear:both;
}
/* 回り込み解除 ここまで */

.photo p {
   margin:1em 0;
}

/* 写真が右 */
.photoRight img {
   float:right;
   margin:0 0 1em 1em;
}

/* 写真が左 */
.photoLeft img {
   float:left;
   margin:0 1em 1em 0;
}

/*ニュース＆トピックス*/
#flow{ background:url(img_aruka/i_flow_bg.png) no-repeat center bottom; padding-top: 60px; }

.center01{ text-align: center; }

.center02{ display:block; text-align:center; margin-top: 40px; }



#pankuzu{
	background: #4ccbd3;
	color: #ffffff;
	padding: 5px 30px;
	position: absolute;
	right: 0;
}

a.pankuzu { color: #ffffff; text-decoration: underline; }

img.wa {
	width: auto;
	height: auto;
}

img.wa01 {
	width: auto;
	height: auto;
}

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

.conxept01{
  text-align: left;
  font-size: 0.7em;
  line-height: 2.0em;
  padding: 0 15px;
}

p .migi { float: right; margin-top: 12px; margin-left: 1em; margin-bottom: 1em; }

p .hidari { float: left; margin-top: 12px; margin-right: 1em; margin-bottom: 1em; }

p .hidari02 { vertical-align: text-top; float: left; margin-top: 12px; margin-right: 1em; margin-bottom: 1em; }

/*==========================================
 コンテンツエリア -> mailのスタイル
===========================================*/
#case section.mail article { height: 220px;	/*ボックスの高さ*/
	width: 440px;	/*ボックスの幅*/
	-webkit-box-shadow: 0px 2px 5px #ccc;	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
	box-shadow: 0px 2px 5px #ccc;			/*同上*/
	background-color: #4ccbd3; text-align: center; padding: 15px;	/*ボックス内の余白*/
	margin: 0 auto 20px; position: relative; }

#case section.mail article img { width: 100%; height: auto; max-width: 120px; margin-right: auto; margin-left: auto; } 

#case section.mail article h5 { color: #fff;; font-size: 120%; font-weight: bold; text-align: center; margin-top: 5px; margin-bottom: 5px; padding: 0; }

#case section.mail article p { padding: 0; color: #fff;		/*文字色*/
	font-size: 110%; text-align: center;	/*文字サイズ*/
}

/*==========================================
 コンテンツエリア -> 地域貢献
===========================================*/

#case04　{ background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center; width: auto; clear: both; margin-top: 30px; margin-bottom: 30px; }

#case04 section.list {
	width: 900px;	/*ボックスの幅*/
	position: relative;
	overflow: hidden;
	background: #fff;	/*背景色*/
	padding: 2%;		/*ボックス内の余白*/
	margin: 0 auto 15px;　　/*ボックスの余白*/
}
/*ボックス内のh4タグ共通設定*/
#case04 section.list h4 { font-size: 150%; color: #000;	/*文字色*/
	font-weight: bold; margin-bottom: 5px; margin-left: 24%;	/*画像とのバランスをとって設定（※横長タイプ用）*/
}
/*ボックス内のh5タグ共通設定*/
#case04 section.list h5 { font-size: 120%; color: #cbdf88;	/*文字色*/
	font-weight: bold; margin-top: 5px; margin-bottom: 0.5em; margin-left: 24%;	/*画像とのバランスをとって設定（※横長タイプ用）*/
}
/*ボックス内の段落タグ共通設定*/
#case04 section.list p {
	padding: 0px;
	margin-left: 24%;	/*画像とのバランスをとって設定（※横長タイプ用）*/
}
/*ボックス内の写真共通設定*/
#case04 section.list figure img {
	float: left;	/*画像を左へ回り込み（※横長タイプ用）*/
	width: 20%;		/*写真の幅（※横長タイプ用）*/
	background: #fff;
}

/*==========================================
 コンテンツエリア -> one stop marukan
===========================================*/

#case05　{ background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center; width: auto; clear: both; margin-top: 30px; margin-bottom: 30px; }

#case05 section.list {
	width: 900px;	/*ボックスの幅*/
	position: relative;
	overflow: hidden;
	background: #fff;	/*背景色*/
	padding: 2%;		/*ボックス内の余白*/
	margin: 0 auto 15px;　　/*ボックスの余白*/
}
/*ボックス内のh4タグ共通設定*/
#case05 section.list h4 { font-size: 130%; color: #000;	/*文字色*/
	font-weight: bold; text-align: left; margin-bottom: 5px; margin-left: 24%;	/*画像とのバランスをとって設定（※横長タイプ用）*/
}
/*ボックス内のh5タグ共通設定*/
#case05 section.list h5 { font-size: 120%; color: #cbdf88;	/*文字色*/
	font-weight: bold; margin-top: 5px; margin-bottom: 0.5em; margin-left: 24%;	/*画像とのバランスをとって設定（※横長タイプ用）*/
}
/*ボックス内の段落タグ共通設定*/
#case05 section.list p { text-align: left; padding: 0; margin-left: 24%;	/*画像とのバランスをとって設定（※横長タイプ用）*/
}
#figure{}
/*ボックス内の写真共通設定*/
#case05 section.list figure img { float: left;	/*画像を左へ回り込み（※横長タイプ用）*/
	width: auto;		/*写真の幅（※横長タイプ用）*/
	background: #fff; margin-right: 20px; margin-left: 20px; }

/*==========================================
 コンテンツエリア -> aruka top
===========================================*/

#case06　{ background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center; width: auto; clear: both; margin-top: 30px; margin-bottom: 30px; }



/*問合せエラー*/
.content_ask{
	width:950px;
	margin:0 auto;
}


hr.cc01 { width: 800px; height: 2px; border-top: 2px dotted #878383; border-right-style: none; border-right-width: medium; border-bottom-style: none; border-bottom-width: medium; border-left-style: none; border-left-width: medium; }

hr.cc02 { width: 100%; height: 1px; border-top: 2px dotted #878383; border-right-style: none; border-right-width: medium; border-bottom-style: none; border-bottom-width: medium; border-left-style: none; border-left-width: medium; }

hr.cc03 { width: 100%; height: 1px; border-top: 2px solid #878383; border-right-style: none; border-right-width: medium; border-bottom-style: none; border-bottom-width: medium; border-left-style: none; border-left-width: medium; }

.under {
  background: linear-gradient(transparent 50%, #F4F40B 50%);
  }

.color_green{ color: #51bec5; }

.aruka_option{
    font-size: 100%;
    color: #000;
    text-align: center;
    clear: both;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding-top: 3px;
    padding-bottom: 2px;
    padding-left: 5px;
}

.aruka_option02{ font-size: 100%; color: #000; font-weight: normal; text-align: left; clear: both; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding-top: 3px; padding-bottom: 2px; padding-left: 5px; }

.aruka_option03{ font-size: 120%; color: #fff; font-weight: normal; line-height: 220%; clear: both; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding-top: 3px; padding-bottom: 2px; padding-left: 5px; }

.aruka_option04{ font-size: 100%; color: #fff; font-weight: normal; line-height: 200%; clear: both; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding-top: 3px; padding-bottom: 2px; padding-left: 5px; }

#aruka_button {
    position: absolute;
    left: 80%;
    top: 200px;
}

.none_pc {
display: none;}

.pc { display: block !important; }
.sp { display: none !important; }


/*SP版*/
@media (max-width: 750px) {

.mainimg { width: 100%; height: 0; background-color: #fff; background-image: url(img_aruka/sp_aruka_anime.gif); margin-top: -31px; background-size: contain; }

#concept{
		width:100%;
	}

.content01{ width:100%; padding-top: 80px; }

.content02{ width:100%; padding-top: 60px; }

.block02 { text-align: center; width: 90%; clear: both; }

.photo { width:90%; margin-bottom:20px; text-align:justify; text-justify:distribute; font-size:13px; line-height:1.4; padding-top: 20px; }

#flow{
		width:100%;
	}

img.wa {
    width: auto;
    height: auto;
}

img.wa01 {
	width: 90%;
	height: auto;
}

#concept02_bg {
    background: url(img_aruka/i_concept_bg0907.png) no-repeat center;
    background-size: cover;
    height: 600px;
    margin-bottom: 60px;
}

/*==========================================
 コンテンツエリア -> 事例のスタイル
===========================================*/

div#case section#work article {
  text-align: center;
  width: 98%;
  min-width: 120px;
  float: left;
  margin-bottom: 10px;
}
div#case section#work article img {
  width: 100%;
  height: auto;
  max-width: 290px;
  margin-top: 5px;
}

div#case section#work article h3 { font-size: 100%; color: #000;	/*文字色*/
	text-align: center; clear: both; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding-top: 3px; padding-bottom: 2px; padding-left: 5px;	/*下側の線の幅、線種、色*/
}

div#case section#work article p {
  text-align: center;
  font-size: 0.7em;
  line-height: 2em;
  padding: 0 15px;
}


/*==========================================
 コンテンツエリア -> marukanについて
===========================================*/

div#case03 section#company article {
  text-align: center;
  width: 98%;
  min-width: 120px;
  float: left;
  margin-bottom: 10px;
}
div#case03 section#company article img {
  width: 100%;
  height: auto;
  max-width: 290px;
  margin-top: 5px;
}

div#case03 section#company article h3 { font-size: 100%; color: #000;	/*文字色*/
	text-align: left; clear: both; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding-top: 3px; padding-bottom: 2px; padding-left: 5px;	/*下側の線の幅、線種、色*/
}

div#case03 section#company article p {
  text-align: left;
  font-size: 0.7em;
  line-height: 2.0em;
  padding: 0 15px;
}


/*==========================================
 コンテンツエリア -> 地域社会貢献
===========================================*/

div#case03 section#cc article {
  text-align: center;
  width: 98%;
  min-width: 120px;
  float: left;
  margin-bottom: 10px;
}
div#case03 section#cc article img {
  width: 100%;
  height: auto;
  max-width: 290px;
  margin-top: 5px;
}

div#case03 section#cc article h3 { font-size: 100%; color: #000;	/*文字色*/
	text-align: left; clear: both; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding-top: 3px; padding-bottom: 2px; padding-left: 5px;	/*下側の線の幅、線種、色*/
}

div#case03 section#cc article p {
  text-align: left;
  font-size: 0.7em;
  line-height: 2.0em;
  padding: 0 15px;
}

/*問合せエラー*/
.content_ask{
	width:90%;
	margin:0 auto;
}

 .table03 {
    width: 90%;
  }
  
#concept_list_bg { width:100%; background-color: #ffffff; background-repeat: no-repeat; height: auto; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 20px; }


/*==========================================
 コンテンツエリア ->コンセプト04
===========================================*/

#concept_04 { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center; width: 98%; background-size: cover; height: auto; margin-right: auto; margin-bottom: 60px; margin-left: auto; }

.block02-02 { text-align: center; width: 90%; padding-top:0; padding-left: 30px; float: left; }

.block08 { text-align: center; width: 98%; margin-right: auto; margin-bottom: auto; margin-left: 10px; }

}

/*ここからスマートフォン用（480px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media (max-width : 480px){

.mainimg_one { width: 100%; height: 0; background-color: #fff; background-image: url(marukan/images/one_stop_marukan_top.png); margin-top: -31px; background-size: contain; }

.mainimg_com { width: 100%; height: 0; background-color: #fff; background-image: url(marukan/images/company_top.png); margin-top: -31px; background-size: contain; }


/*==========================================
 one stop marukan コンテンツ
===========================================*/
#onestop{ width:95%; margin-right: auto; margin-left: auto; }

.onestop01{ text-align: center; width:100%; padding-top: 5px; }


#concept02_bg {
    background: url(img_aruka/i_concept_bg02.png) no-repeat center;
    background-size: cover;
    height: 600px;
    margin-bottom: 60px;
}


.block03 { text-align: left; width: 95%; }

#concept_aruka_op{ background: url(brand/images_aruka_02/title_back01.png) no-repeat center top; background-size:80% auto; height:auto; margin-top: 100px; margin-bottom:60px; }

.content_aruka_op{ width:90%; margin: 0 auto 0; }



/*==========================================
  one stop marukan ボックス内リスト
===========================================*/

/*ボックス内の段落タグ設定*/
#case03 section.list { width: 90%; margin-right: 5px; margin-left: 10px;	/*ボックスの幅*/
}

#case03 section.list p { margin-left: 0; }
/*ボックス内の写真設定*/
#case03 section.list figure img { float: none; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
/*ボックス内のh4タグ設定*/
#case03 section.list h4 {
	margin-left: 0;
}

/*==========================================
 コンテンツエリア -> テーブル
===========================================*/
  table { width: 98%; margin-right: auto; margin-left: auto; border-top: 1px solid #999; }
  table td { display: block; text-align: center; width: 94%; }
  table th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 94%;
  }

/*==========================================
 コンテンツエリア -> テーブル03
===========================================*/
.table03 {
  border-collapse: collapse;
  width: 98%;
}


.table03 th { border: solid 1px #ccc; color: #000; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; width: 100%; padding: 10px; }

.table03 th.th02{ background: #e6da54; border: solid 1px #98dcc8; color: #010101; width: 100%; padding: 10px; }

.table03 thead {
    display: block;
    float: left;
    width: 98%;
  }

.table03 td {
  border: solid 1px #ccc;
  padding: 10px;
}

  .table03 tr {
    display: block;
    float: left;
  }
  .table03 tr td, 
  .table03 tr th { border-left: medium none; display: block; height: auto; }
  
  .table03 thead tr {
    width: 100%;
  }
  .table03 tbody {
    display: block;
    float: left;
    width: 70%;
  }
  .table03 tbody tr {
    width: 50%;
  }
  .table03 tr td + td {
    border-left: none;
  }
  .table03 tbody td:last-child {
    border-bottom: solid 1px #ccc;
  }


img.wa {
    width: 98%;
    height: auto;
}


/*==========================================
 コンテンツエリア -> 事例のスタイル
===========================================*/

div#case section#work_aruka article {
  text-align: center;
  width: 100%;
  min-width: 120px;
  float: left;
  margin-bottom: 10px;
}
div#case section#work_aruka article img {
  width: 100%;
  height: auto;
  max-width: 290px;
  margin-top: 5px;
}
 
div#case section#work_aruka article h3 { font-size: 100%; color: #000;	/*文字色*/
	text-align: center; clear: both; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding-top: 3px; padding-bottom: 2px; padding-left: 5px;	/*下側の線の幅、線種、色*/
}

div#case section#work_aruka article p {
  text-align: left;
  font-size: 0.7em;
  line-height: 2.0em;
  padding: 0 15px;
}


/*==========================================
 コンテンツエリア -> 事例のスタイル
===========================================*/

div#case section#work_enta article {
  text-align: center;
  width: 100%;
  min-width: 120px;
  float: left;
  margin-bottom: 10px;
}
div#case section#work_enta article img {
  width: 100%;
  height: auto;
  max-width: 290px;
  margin-top: 5px;
}
 
div#case section#work_enta article h3 { font-size: 150%; color: #fff;	/*文字色*/
	text-align: center; clear: both; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; padding-top: 3px; padding-bottom: 2px; padding-left: 5px;	/*下側の線の幅、線種、色*/
}

div#case section#work_enta article p {
  text-align: center;
  font-size: 100%;
  line-height: 2em;
  padding: 0 15px;
}


/*==========================================
 コンテンツエリア -> 事例のスタイル
===========================================*/

div#case section#work_corabo article { text-align: center; width: 95%; min-width: 120px; float: left; margin-bottom: 10px; border: solid 1px gray; }
div#case section#work_corabo article img {
  width: 100%;
  height: auto;
  max-width: 290px;
  margin-top: 5px;
}
 
div#case section#work_corabo article h3 { font-size: 130%; color: #000;	/*文字色*/
	text-align: center; clear: both; margin: 0 5px 5px; padding-top: 0; padding-bottom: 5px; padding-left: 5px;	/*下側の線の幅、線種、色*/
}

div#case section#work_corabo article p {
  text-align: right;
  font-size: 100%;
  line-height: 2em;
  padding: 0 15px;
}


/*==========================================
 コンテンツエリア -> mailのスタイル
===========================================*/
#case section.mail article { height: 250px;	/*ボックスの高さ*/
	width: 100%;	/*ボックスの幅*/
	-webkit-box-shadow: 0px 2px 5px #ccc;	/*影の設定。それぞれ右へ、下へ、ぼかし幅、色の設定。*/
	box-shadow: 0px 2px 5px #ccc;			/*同上*/
	background-color: #4ccbd3; text-align: center; padding: 15px;	/*ボックス内の余白*/
	margin: 0 auto 20px; position: relative; }

#case section.mail article img { width: 100%; height: auto; max-width: 120px; margin-top: 10px; margin-right: auto; margin-left: auto; } 

#case section.mail article p { padding: 0; color: #fff;		/*文字色*/
	font-size: 110%; text-align: center;	/*文字サイズ*/
}

/*==========================================
 コンテンツエリア -> 地域貢献
===========================================*/

#case04　{ background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center; width: auto; clear: both; margin-top: 30px; margin-bottom: 30px; }

#case04 section.list {
	width: 95%;	/*ボックスの幅*/
	position: relative;
	overflow: hidden;
	background: #fff;	/*背景色*/
	padding: 2%;		/*ボックス内の余白*/
	margin: 0 auto 15px;　　/*ボックスの余白*/
}

/*ボックス内のh4タグ共通設定*/
#case04 section.list h4 { font-size: 150%; color: #000;	/*文字色*/
	font-weight: bold; margin-bottom: 5px; margin-left: 28%;	/*画像とのバランスをとって設定（※横長タイプ用）*/
}
/*ボックス内のh5タグ共通設定*/
#case04 section.list h5 { font-size: 120%; color: #cbdf88;	/*文字色*/
	font-weight: bold; margin-top: 5px; margin-bottom: 0.5em; margin-left: 28%;	/*画像とのバランスをとって設定（※横長タイプ用）*/
}
/*ボックス内の段落タグ共通設定*/
#case04 section.list p { margin-right: 5%; padding: 0; margin-left: 28%;	/*画像とのバランスをとって設定（※横長タイプ用）*/
}


/*==========================================
 コンテンツエリア -> one stop marukan
===========================================*/

#case05　{ background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center; width: auto; clear: both; margin: 30px 0; }

#case05 section.list { position: relative; overflow: hidden; background: #fff; width: 95%; margin-top: 0; margin-bottom: 15px; margin-left: 0;　　/*ボックスの余白*/
}

/*ボックス内のh4タグ共通設定*/
#case05 section.list h4 { font-size: 150%; color: #000;	/*文字色*/
	font-weight: bold; margin-bottom: 5px; margin-left: 10%;	/*画像とのバランスをとって設定（※横長タイプ用）*/
}
/*ボックス内のh5タグ共通設定*/
#case05 section.list h5 { font-size: 120%; color: #cbdf88;	/*文字色*/
	font-weight: bold; margin-top: 5px; margin-bottom: 0.5em; margin-left: 28%;	/*画像とのバランスをとって設定（※横長タイプ用）*/
}
/*ボックス内の段落タグ共通設定*/
#case05 section.list p { margin-right: 5%; padding: 0; margin-left: 10%;	/*画像とのバランスをとって設定（※横長タイプ用）*/
}
/*ボックス内の写真共通設定*/
#case05 section.list figure img { width: 100%;		/*写真の幅（※横長タイプ用）*/
	background: #fff; margin-right: 0; margin-left: 0; padding: 0; float: none; }

/* ボックス */
.flow02 {
    margin: 0 auto 50px;
}
 
.flow02 .box { margin: 0 auto 33px; width: 95%; padding: 10px; -webkit-border-radius: 5px; border-radius: 5px; position: relative; font-size: 1.2em; /* テキストの指定 */
    line-height: 1.4; /* テキストの指定 */
}
.flow02  h4 { font-size: 130%; color: #000;	/*文字色*/
	font-weight: bold; margin-bottom: 5px;	/*画像とのバランスをとって設定（※横長タイプ用）*/
}



hr.cc01 { width: 80%; height: 2px; border-top: 2px dotted #878383; border-right-style: none; border-right-width: medium; border-bottom-style: none; border-bottom-width: medium; border-left-style: none; border-left-width: medium; }


/* 写真が左 */
.photoLeft img { float:none; margin:0 1em 1em; }

#pankuzu{
	background: #4ccbd3;
	color: #ffffff;
        font-size: 0.9em;
	padding: 5px;
	position: absolute;
	right: 0;
}

img.wa01 {
	width: 90%;
	height: auto;
}

.p3{ padding-left: 1em; }

.block02-01 {
    text-align: center;
    width: auto;
    margin-top: 70px;
}

/*==========================================
 コンテンツエリア ->コンセプト04
===========================================*/

#concept_04 { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center; width: 98%; background-size: cover; height: auto; margin-right: auto; margin-bottom: 60px; margin-left: auto; }

/*==========================================
 コンテンツエリア -> aruka コンセプト事例のスタイル
===========================================*/

div#concept_04 section#work_aruka02 article {
  text-align: center;
  width: 100%;
  min-width: 120px;
  float: left;
  margin-bottom: 10px;
}

/*==========================================
 コンテンツエリア ->コンセプト05
===========================================*/

#concept_05 { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center; width: 98%; background-size: cover; height: auto; margin-right: auto; margin-bottom: 60px; margin-left: auto; }

#concept_05 .left_box{ text-align: center; float: left; width: 98%; }

#concept_05 .left_box02{ width: 100%; float: left; 　float: left; }

#concept_05 .right_box{ text-align: center; width: 98%; float: left; }

#concept_05 .right_box02{ width: 100%; float: right; }


/*==========================================
 コンテンツエリア ->コンセプト06
===========================================*/

#concept_06 { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: center; width: 98%; background-size: cover; height: auto; margin-right: auto; margin-bottom: 60px; margin-left: auto; }

#concept_06_bg_02 { background: url(brand/images_aruka_02/mainte_back_02.png) no-repeat center; background-size: cover; height: auto; padding-top: 100px; padding-left: -10px; }
/*==========================================
 コンテンツエリア -> aruka　メンテナンスパック
===========================================*/

#case02 section.list {
	width: 98%;	/*ボックスの幅*/
	position: relative;
	overflow: hidden;
	background: #fff;	/*背景色*/
	padding: 2%;		/*ボックス内の余白*/
	border-radius: 10px;	/*角丸のサイズ*/
	margin: 0 auto 15px;　　/*ボックスの余白*/
}


#concept_aruka_op{ background-color: transparent; width: 100%; background-size:80% auto; height:auto; margin-bottom:60px; }

#content_aruka_op01 {
    width: 100%;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding-right: 0;
    padding-left: 0;
}

#content_aruka_op02 {
    width: 100%;
    height:auto;
}

.block04 {
    text-align: center;
    width: 90%;
    height:auto;
    margin-left: 5%;
}

.block05 {
    width: 10%;
    height:auto;
}

.space50_s{ margin-top: 50px; }

#aruka_button { position: absolute; left: 320px; top: 180px; width: 80px; height: auto; }

.pc { display: none !important; }
.sp { display: block !important; }

	
.none_sp {
display: none;}


/* 201809 左白文字 */
.p-aruka{ color:#FFF; font-size: 103%; line-height: 2em; font-weight: bold; }