.mainimg { width: 100%; height: 0; padding-top: 51.47%; /* 画像高さ ÷ 画像横幅 × 100% */
    background-color: #fff; background-image: url(img_aruka/header_bg_01.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.jpg); margin-top: 46px; background-size: contain; }

.mainimg_businesspartner { width: 100%; height: 0; padding-top: 30%; /* 画像高さ ÷ 画像横幅 × 100% */
    background-color: #fff; background-image: url(recruit/images/businesspartner_top.jpg); 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; }

.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-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; }

.block03 { text-align: center; width: 520px; }

#concept02_bg {
    background: url(img_aruka/i_concept_bg0907.png) no-repeat center;
    background-size: cover;
    height: 360px;
    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; }

#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_taku_bg{ background-color: #73b858; 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;
}

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

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_taku article {
  text-align: center;
  width: 33%;
  min-width: 120px;
  float: left;
  margin-bottom: 10px;
}
div#case section#work_taku article img {
  width: 100%;
  height: auto;
  max-width: 290px;
  margin-top: 5px;
}
 
div#case section#work_taku 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_taku 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;
}


/*==========================================
 コンテンツエリア -> 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%;
}





.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; }

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



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

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; }

/*==========================================
 コンテンツエリア -> 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; }

/*問合せエラー*/
.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; }

.none_pc {
display: none;}


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

.mainimg { width: 100%; height: 0; background-color: #fff; background-image: url(img_aruka/header_bg_01.png); 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: 100%; }

.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_bg02.png) no-repeat center;
    background-size: cover;
    height: 400px;
    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;
}

}

/*ここからスマートフォン用（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%; }

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

/*==========================================
  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%;
  }

img.wa {
    width: 90%;
    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: auto;
	height: auto;
}

.p3{ padding-left: 1em; }

.none_sp {
display: none;}

}

/*enta　詳細ページ*/

#detail_top{ width: 100%; background-color: #fff; background-image: url(brand/images_enta/header_bg00.jpg); margin-top: -10px; background-size: contain; background-repeat: no-repeat; background-position: center center;}
#detail_bp{ width: 100%; background-color: #fff; background-image: url(brand/images_enta/basicplan_bg.jpg); margin-top: -10px; background-size: contain;background-repeat: no-repeat;}

#detail_op{ width: 100%; background-color: #fff; background-image: url(brand/images_enta/option_bg.png); margin-top: -10px; background-size: contain;background-repeat: no-repeat;}

.detail_block { text-align: center; width: 300px; margin-left: 12px;}
.tt{width:80px; font-size:0.8em; font-weight:bold; text-align: left; margin-left: 10px; line-height: 1em; }
.tx{width:200px; font-size:0.8em; font-weight:bold; text-align: left; line-height: 1em; }



/*Instagram中央寄せ*/
.instagram-center{
margin:0 auto;
}

/*arukaページアウトライン部分文字改行できないように*/
.aruka_outline{
margin:auto;
width:60%;
}

.word-break-normal {
    word-break: normal;

  }