@charset "utf-8";

/*------------------------------------------------
	共通
------------------------------------------------*/

::-webkit-input-placeholder {
	color			: #CCC;
}

:-moz-placeholder {
	color			: #CCC;
}

.page_top
{
	position		: fixed;
	right			: 20px;
	bottom			: 10px;
}
.page_top a
{
	-webkit-transition		: all 0.2s ease;
    -moz-transition			: all 0.2s ease;
    -o-transition			: all 0.2s ease;
	transition				: all 0.2s ease;
}
.page_top a:hover
{
	opacity 		: 0.6;
}

.ac_point
{
	padding-top 		: 149px;
	margin-top 		: -149px;
}



/*form--------------------------------------------------------------*/
/*form:inputとtextareaは#contact_form経由で使う*/

input::placeholder
{
  color: #a2a2a2;
}
/* IE */
input:-ms-input-placeholder
{
  color: #a2a2a2;;
}

input::-ms-input-placeholder 
{
  color: #a2a2a2;;
}

#contact_form input.input_area,
#contact_form textarea.input_area,
#contact_form select
{
	font-size 		: 16px;
	font-family 		: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo;
	border 			: 1px solid #ccc;
	padding 		: 7px 1em 5px;
	box-sizing 		: border-box;
	-webkit-border-radius	: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius		: 5px;   /* Firefox用 */
	border-radius			: 5px;
	-webkit-box-shadow	: inset 2px 2px 2px rgba(0,0,0,0.05);
	-moz-box-shadow		: inset 2px 2px 2px rgba(0,0,0,0.05);
	box-shadow			: inset 2px 2px 2px rgba(0,0,0,0.05);
}
#contact_form input.input_area,
#contact_form textarea.input_area
{
	display 		: block;
	margin-bottom 	: 5px;
}

#contact_form button
{
	background 		: none;
	border 			: none;
	font-size 		: inherit;
	color 			: inherit;
}

#contact_form .layout_table
{
	margin 			: 0;
}
#contact_form tr th,
#contact_form tr td
{
	border-bottom 	: none;
	border-top 		: 1px solid #ccc;
}
#contact_form tr:first-child th,
#contact_form tr:first-child td
{
	border-top 		: none;
}
#contact_form .contact_form_box
{
	margin-bottom 	: 55px;
	border 			: 1px solid #ccc;
	color 			: #333;
	-webkit-box-shadow		: rgba(0, 0, 0, 0.05) 0px 0px 0px 4px;
	-moz-box-shadow			: rgba(0, 0, 0, 0.05) 0px 0px 0px 4px;
	box-shadow				: rgba(0, 0, 0, 0.05) 0px 0px 0px 4px;
	-webkit-border-radius	: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius		: 5px;   /* Firefox用 */
	border-radius			: 5px;
	overflow 		: hidden;
}
#contact_form th
{
	background 		: url("../images/common/base/bg03.png");
	border-right 	: 1px solid #ccc;
}
#contact_form button
{
	padding 		: 0;
	cursor 			: pointer;
	-webkit-transition		: all 0.2s ease;
    -moz-transition			: all 0.2s ease;
    -o-transition			: all 0.2s ease;
	transition				: all 0.2s ease;
}
#contact_form button:hover
{
	opacity 		: 0.6;
}
#contact_form .fomr_btn
{
	text-align 		: center;
}

.form_company
{
	width			: 31em;
}
.form_name
{
	width			: 18em;
}
.form_tel
{
	width			: 16em;
}
.form_mail
{
	width			: 31em;
}
.form_add
{
	width			: 100%;
}
.form_other
{
	width			: 100%;
	height			: 18em;
}

.tag_set
{
	margin 			: 0;
	position 		: relative;
	width 			: 100%;
	padding-right		: 52px;
	box-sizing 		: border-box;
}
.req_tag,
.any_tag
{
	padding 		: 4px 10px;
	color 			: #fff;
	font-size 		: 16px;
	font-weight 	: bold;
	line-height		: 1em;
	position 		: absolute;
	right 			: 0px;
	top 			: 0px;
	border-radius 		: 3px;
	-webkit-border-radius 	: 3px;
	-moz-border-radius 	: 3px;
	display			: -moz-inline-box;
	display			: inline-block;
	/display		: inline;
	/zoom			: 1;
	vertical-align 		: middle;
}
.req_tag
{
    background		: #e60012;
}
.any_tag
{
	background 		: #26b7ac;
}


/*table--------------------------------------------------------------*/

.layout_table
{
	width			: 100%;
	border-collapse	: collapse;
	padding			: 0px;
	margin			: 0px;
}

.layout_table td,
.layout_table th
{
	padding　		: 0;
}

.data_box table
{

	text-align		: left;
	margin 			: 0;
}

.data_box th,
.data_box td
{
	padding 		: 20px 22px;
	box-sizing 		: border-box;
	vertical-align 	: top;
}
.data_box tr:first-child th,
.data_box tr:first-child td
{
	border-top 		: 1px solid #ccc;
}
.data_box th
{
	border-bottom	: 1px solid #ccc;
	background		: #f0f0f0;
	font-weight		: normal;
}

.data_box td
{
	border-bottom		: 1px solid #ccc;
	background		: #fff;
}

#contact_form .check_list li
{
	padding-left		: 22px;
	margin 			: 0;
	background 		: none;
	position 		: relative;
}

#contact_form .check_list li label input
{
 	position 		: absolute;
	left 			: 0;
	top 			: 4px;
}



/*lightboxのデザイン--------------------------------------------------------------*/
.lb-dataContainer
{
	padding-top 	: 10px!important;
}
.lb-data
{
	color 			: #333!important;
}
.lb-data .lb-caption>span
{
	display 		: block;
	background 		: #fff!important;
	padding 		: 20px!important;
	line-height 	: 1.5!important;
	border-bottom 	: 4px solid #bc8f18;
	-webkit-border-radius	: 3px!important;    /* Safari,Google Chrome用 */  
	-moz-border-radius		: 3px!important;   /* Firefox用 */
	border-radius			: 3px!important;
	box-sizing 		: border-box!important;
	font-size 		: 16px!important;
	font-weight 	: normal!important;
}
.lb-data .lb-details
{
	width 			: 90%!important;
}

.lb-data .lb-details hr
{
	height 			: 1px;
    background-color: #ccc;
    border 			: none;
	margin 			: 5px -8px;
	
}



/*タイトル--------------------------------------------------------------*/
section h2
{
	background 		: #38201c;
	margin 			: 0 0 50px;
	padding 		: 30px 0 37px;
	text-align 		: center;
	line-height 	: 1em;
	position 		: relative;
}
section h2:after
{
	content 		: "";
	width 			: 0;
	height 			: 0;
	border-style 	: solid;
	border-width 	: 28px 24px 0 24px;
	border-color 	: #38201c transparent transparent transparent;
	position 		: absolute;
	left 			: 50%;
	bottom 			: -26px;
	margin-left 	: -24px;
}

section .section_inner h3
{
	border-top 		: 5px solid #e7032e;
	text-align 		: center;
	margin 			: 0 0 69px;
}
section .section_inner h3 .title_top
{
	content 		: "";
	width 			: 100%;
	margin 			: 40px auto 25px;
	position 		: relative;
}
section .section_inner h3 .title_top .logo
{
	padding 		: 0 23px;
	background 		: #fff;
	display					: -moz-inline-box;
	display					: inline-block;
	/display				: inline;
	/zoom					: 1;
	vertical-align 			: top;
}
section .section_inner h3 .title_top:before
{
	content 		: "";
	display 		: block;
	width 			: 100%;
	height 			: 1px;
	background 		: #ccc;
	position 		: absolute;
	left 			: 0;
	top 			: 50%;
	z-index 		: -1;
	
}

section h5
{
	padding 		: 18px;
	margin 			: 35px 0 40px;
	background 		: #38201c;
	font-size 		: 24px;
	line-height 	: 1.2em;
	color 			: #fff;
	text-align 		: center;
	position 		: relative;
	-webkit-border-radius	: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius		: 3px;   /* Firefox用 */
	border-radius			: 3px;
}
section h5:after
{
	content 		: '';
	display 		: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 10px 0 10px;
	border-color: #38201c transparent transparent transparent;
	position 		: absolute;
	left 			: 0;	
	right 			: 0;
	bottom 			: -14px;
	margin 			: 0 auto;
}


/*共通--------------------------------------------------------------*/

.inner
{
	width 		: 1050px;
	margin 		: 0 auto;
	padding 	: 0 25px;
	box-sizing 	: border-box;
}



/*--------------------------------------------------------------*/

.logo_box
{
	background 	: url(../images/common/base/bg01.png);
	box-sizing 	: border-box;
}
.logo_box .inner
{
	padding 	: 25px 50px;
	box-sizing 	: border-box;
}
.logo_box .inner:after
{
	content		: "";
	display		: block;
	clear		: both;
}
.logo_box a.logo,
.logo_box a.tel
{
	-webkit-transition	: all 0.2s ease;
    -moz-transition		: all 0.2s ease;
    -o-transition		: all 0.2s ease;
	transition			: all 0.2s ease;
}
.logo_box a.logo:hover,
.logo_box a.tel:hover
{
	opacity 	: 0.6;
}
.logo_box .logo
{
	float 	: left;
}
.logo_box .tel_box
{
	float 	: right;
	text-align: right;
	width 		: 335px; 
}
.logo_box .tel_box .tel
{
	text-decoration 		: none;
	font-size 				: 30px;
	color 					: #e7032e;
	font-weight 			: bold;
	display 				: inline-block;
	background 				: url("../images/common/base/tel_icon.gif") 0 50% no-repeat;
	padding-left 			: 100px; 
}

/* ↓メインイメージ */
.main_catch_box
{
	background 	: url(../images/common/base/main_bg.jpg) no-repeat 50% 0;
}

.main_catch_box .inner
{
	padding 	: 69px 25px 8px;
}


/* ↓お気軽にお問い合わせください */
.cont_us_section
{
	background 	: url(../images/common/base/bg_img01.png) no-repeat 50% 0 / auto 100%;
	padding 	: 55px 0 43px; 
	position 	: relative;
}
.cont_us_section:before
{
	content 	: "";
	width 		: 67px;
	height 		: 66px;
	background 	: url(../images/common/icon/arrow_icon01.png) no-repeat center;
	position 	: absolute;
	left 		: 50%;
	margin-left : -33.5px;
	top 		: -47px;
}
.cont_us_section h4
{
	text-align 	: center;
	margin 		: 0 0 69px;
}
.cont_us_section .cont_us_box
{
	background 	: #fff;
	padding 	: 30px 50px 30px;
}
.cont_us_section .cont_us_box:after
{
	content		: "";
	display		: block;
	clear		: both;
}
.cont_us_section .cont_us_catch
{
	font-size 	: 44px;
	font-weight	: bold;
	padding 	: 0 0 15px 220px;
	margin 		: 0 -18px 36px;
	border-bottom: 1px solid #ccc;
	position 	: relative;
}
.cont_us_section .cont_us_catch .catch_item
{
	position 	: absolute;
	left 		: 25px;
	bottom 		: -10px;
}
.cont_us_section .cont_us_title
{
	font-size 	: 26px;
	font-weight	: bold;
	margin-bottom: 10px;
	padding-left: 30px;
	background: url(../images/common/icon/icon01.png) no-repeat 0 0px;
	text-align	: left;
	line-height : 1.2em;
}
.cont_us_section .cont_us_title strong
{
	font-size 	: 34px;
}
.cont_us_section .cont_us_title span.en
{
	font-size 	: 18px;
	color 		: #e60012;
	margin-left : 6px;
	display					: -moz-inline-box;
	display					: inline-block;
	/display				: inline;
	/zoom					: 1;
	vertical-align 			: baseline;
}
.cont_us_section .cont_us_tel
{
	width 		: 47%;
	padding 	: 13px 20px 13px 0;
	float 		: left;
	text-align 	: center;
	box-sizing 	: border-box;
	border-right: 1px solid #ccc;
}
.cont_us_section .cont_us_tel .tel_box
{
	background 	 	:  url("../images/common/base/tel_icon_cta.png") 0 50% no-repeat;
	padding-left 	: 90px;
	text-align 		: left;
}
.cont_us_section .cont_us_tel .tel_box .tel
{
	font-size 			: 36px;
	color 				: #e7032e;
	text-decoration 	: none;
	font-weight 		: bold;
	text-align 			: left;
	display 			: block;
	line-height 		: 1.3; 
}

.cont_us_section .cont_us_mail
{
	width 		: 53%;
	padding 	: 13px 0 13px 20px;
	float 		: right;
	text-align 	: center;
	box-sizing 	: border-box;
}
.cont_us_section a
{
	-webkit-transition		: all 0.2s ease;
    -moz-transition			: all 0.2s ease;
    -o-transition			: all 0.2s ease;
	transition				: all 0.2s ease;
}
.cont_us_section a:hover
{
	opacity 	: 0.6;
}



/* ↓ひときわイイハコがお客様に選ばれる理由 */
section#sec_03
{
	margin-bottom: 125px;
}

.reason_box
{
	margin 				: 0;
	letter-spacing 		: -1em;
}

.reason_block
{
	width 				: 47%;
	margin 				: 0 1.5% 56px;
	border 				: 1px solid #ccc;
	-webkit-box-shadow		: rgba(0, 0, 0, 0.03) 0px 0px 0px 4px;
	-moz-box-shadow			: rgba(0, 0, 0, 0.03) 0px 0px 0px 4px;
	box-shadow				: rgba(0, 0, 0, 0.03) 0px 0px 0px 4px;
	display					: -moz-inline-box;
	display					: inline-block;
	/display				: inline;
	/zoom					: 1;
	vertical-align 			: top;
	letter-spacing 		: normal;
	box-sizing 			: border-box;
}
.reason_block:before
{
	content 		: "";
	display 		: block;
	width 			: 100%;
	height 			: 15px;
	background 		: url("../images/common/base/bg03.png");
}
.reason_block:after
{
	content 		: "";
	display 		: block;
	width 			: 100%;
	height 			: 4px;
	background 		: #bc8f18;
}

.reason_block .reason_title
{
	font-size 			: 30px;
	padding 			: 20px 28px 0px;
	margin 				: 0;
	min-height 			: 65px;
	line-height 		: 1em;
	position 			: relative;
}
.reason_block .reason_title .title_num
{
	position 		: absolute;
	left 			: -3px;
	top 			: -53px;
	
}
.reason_block .reason_title p
{
	width 			: 100%;
	padding 		: 5px 0 0 135px;
	margin 			: 0;
	font-weight 	: bold;
	position 		: absolute;
	left 			: 0;
	top 			: 50%;
	-webkit-transform		: translateY(-50%);
	transform				: translateY(-50%);
	box-sizing 		:border-box;
}
.reason_block .reason_title p strong
{
	color 			: #e60012;
}

.reason_block_inner
{
	padding 		: 0 28px 28px;
	font-size 		: 18px;
}
.reason_block .reason_img
{
	margin-bottom 	: 16px;
}
.reason_block .reason_img.award
{
	position 		: relative;
}
.reason_block .reason_img.award .award_icon
{
	position 		: absolute;
	right 			: -26px;
	bottom 			: -21px;
}

.reason_block.reason_l
{
	width 			: 97%;
	display 		: block;
}
.reason_block.reason_l .reason_block_inner:after
{
	content		: "";
	display		: block;
	clear		: both;
}
.reason_block.reason_l .reason_img
{
	float 			: left;
	margin 			: 0 30px 0 0; 
}


/* ↓導入事例 */

section#sec_05
{
	margin-bottom 	: 55px;
}
.example_box
{
	margin 				: 0;
	letter-spacing 		: -1em;
}
.example_block
{
	width 				: 30.3%;
	margin 				: 0 1.5% 32px;
	text-align 			: center;
	display					: -moz-inline-box;
	display					: inline-block;
	/display				: inline;
	/zoom					: 1;
	vertical-align 			: top;
	letter-spacing 		: normal;
	position 			: relative;
}
.example_block a
{
	display 			: block;
	margin-bottom 		: 14px; 
	border 				: 1px solid #ccc;
	-webkit-box-shadow		: rgba(0, 0, 0, 0.03) 0px 0px 0px 4px;
	-moz-box-shadow			: rgba(0, 0, 0, 0.03) 0px 0px 0px 4px;
	box-shadow				: rgba(0, 0, 0, 0.03) 0px 0px 0px 4px;
	-webkit-border-radius	: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius		: 5px;   /* Firefox用 */
	border-radius			: 5px;
	overflow 			: hidden;
	box-sizing 			: border-box;
}

.example_block .example_img
{
	width 				: 100%;
	background 			: #000;
	border 				: 5px solid #fff;
	box-sizing 			: border-box;
	position 			: relative;
	overflow 			: hidden;
}
.example_block .example_img:before
{
	content 			: "";
	display 			: block;
	width 				: 30px;
	height 				: 30px;
	background 			: url("../images/common/icon/plus_icon.png") no-repeat center;
	position 			: absolute;
	right 				: 10px;
	bottom 				: 13px;
	z-index 			: 1;
}
.example_block .example_img img
{
	max-width 			: 100%;
	height 				: auto;
	moz-transition 		: -moz-transform 0.2s linear;
	-webkit-transition	: all 0.3s ease;
    -moz-transition		: all 0.3s ease;
    -o-transition		: all 0.3s ease;
	transition			: all 0.3s ease;
}
.example_block .example_img img:hover
{
	-webkit-transform 	: scale(1.1);
    -moz-transform 		: scale(1.1);
    -o-transform 		: scale(1.1);
    -ms-transform 		: scale(1.1);
    transform 			: scale(1.1);
	opacity 			: 0.8;
}

/*その他の事例*/
.other_case_box ul
{
	padding 			: 0;
	margin 				: 0;
	letter-spacing 		: -1em;
}
.other_case_box ul>li
{
	width 				: 23%;
	padding 			: 0;
	margin 				: 0 1% 2%;
	display 			: inline-block;
	background 			: none;
	letter-spacing 		: normal;
	border 				: 1px solid #ccc;
	-webkit-border-radius	: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius		: 3px;   /* Firefox用 */
	border-radius			: 3px;
	overflow 			: hidden;
	box-sizing 			: border-box;
	
}
.other_case_box ul>li a
{
	display 			: block;
	padding 			: 90% 0 0;
	margin 				: auto;
	background 			: #000;
	border 				: 4px solid #fff;
	position 			: relative;
	overflow 			: hidden;
}
.other_case_box ul>li a img
{
	width 				: 100%;
	height 				: auto;
	position 			: absolute;
	left 				: 0;
	right 				: 0;
	top 				: 0;
	bottom 				: 0;
	margin 				: auto;
	-webkit-transition		: all 0.3s ease;
    -moz-transition			: all 0.3s ease;
    -o-transition			: all 0.3s ease;
	transition				: all 0.3s ease;
}
.other_case_box ul>li a:before
{
	content 			: "";
	display 			: block;
	width 				: 30px;
	height 				: 30px;
	background 			: url(../images/common/icon/plus_icon.png) no-repeat center;
	position 			: absolute;
	right 				: 10px;
	bottom 				: 10px;
	z-index 			: 1;
}
.other_case_box ul>li a:hover img
{
	-webkit-transform 	: scale(1.1);
    -moz-transform 		: scale(1.1);
    -o-transform 		: scale(1.1);
    -ms-transform 		: scale(1.1);
    transform 			: scale(1.1);
	opacity 			: 0.8;
}

/*まずはお気軽にご相談ください。*/
section#sec_06
{
	margin-bottom 		: 55px;
}



/*電話番号非表示*/

#header .logo_box .tel_box,
.cont_us_section .cont_us_tel,
.cont_us_section .cont_us_title
{
	display: none!important;
}
.cont_us_section .cont_us_mail
{
	width 		: 100%; 
}
a.cta_btn
{
	display: block;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	background: url("../images/common/icon/btn_icon03.png") right 20px top 50% no-repeat,
				url("../images/common/base/btn_bg.png") top left/auto 100% repeat-x;
	padding 	: 20px; 30px;
	font-size 	: 24px;
	border-radius: 3px;

}
a.cta_btn span
{
	font-size 	: 1.4em; 
}






/*768以下の指定（タブレット）*/

@media screen and (max-width: 768px) {
.page_top
{
	width 			: 50px;
	height 			: auto;
}
.page_top img
{
	width			: 100%;
	height  		: auto;
}

br.sp_none
{
	display 		: none;
}



/*▼form--------------------------------------------------------------*/
/*form:inputとtextareaは#contact_form経由で使う*/


.form_company,
.form_mail
{
	width			: 100%;
}
#contact_form th
{
	border-right 	: none;
}
#contact_form tr:first-child td
{
	border-top 		: 1px solid #ccc;
}

#contact_form .contact_form_box
{
	margin-bottom 	: 5.5%;
}

#contact_form .fomr_btn img
{
	max-width 		: 80%;
}



/*▼table--------------------------------------------------------------*/

.data_box th,
.data_box td
{
	padding 		: 2.5% 3%;
}
.data_box table.sp_table,
.data_box .sp_table tbody,
.data_box .sp_table tr,
.data_box .sp_table th,
.data_box .sp_table td
{
	display 		: block;
}



/*▼共通--------------------------------------------------------------*/
.inner
{
	width 		: 92%;
	padding 	: 0;
}



/*▼見出しタイトル--------------------------------------------------------------*/
section h2
{
    padding 	: 4% 0 4.5%;
	margin-bottom 	: 5%;
}
section h2:after
{
	bottom 		: -15%;
}

section .section_inner h3
{
	margin-bottom 	: 9.8%;
}
section .section_inner h3 .title_top
{
	margin 		: 5.5% auto 3.5%;
}
section .section_inner h3 .title_top .logo
{
	max-width 	: 30%;
	padding 	: 0 2%;
}


section h5
{
	font-size 	: 18px;
	padding 	: 16px;
	margin-top	: 25px;
}


/*▼--------------------------------------------------------------*/
.logo_box .inner
{
	padding 	: 3% 0;
}
.logo_box .logo
{
	max-width 	: 30%;
	height 		: auto;
}
.logo_box .tel_box
{
	max-width 	: 56.53%;
	width 		: 56.53% 
	height 		: auto;
}

.logo_box .tel_box .tel
{
	text-decoration 		: none;
	font-size 				: 28px;
	color 					: #e7032e;
	font-weight 			: bold;
	display 				: inline-block;
	background-size 		: 30% auto; 
	padding-left 			: 26%; 
	display 				: block;
	white-space 			: nowrap;
}


/* ↓メインイメージ */
.main_catch_box
{
	background-size: auto 68.2%;
}
.main_catch_box .inner
{
	padding 	: 9% 0 1% 1.5%;
	width 		: 96%;
}


/* ↓お気軽にお問い合わせください */
.cont_us_section
{
	background-size	: cover;
	padding 		: 7.2% 0 5.5%;
}
.cont_us_section:before
{
	width 			: 7%;
	height 			: 0;
	padding-top 	: 7%;
	margin-left 	: -3.5%;
	top 			: 0;
	margin-top 		: -4.5%;
	background-size	: 100% auto;
}
.cont_us_section h4
{
	margin-bottom 	: 8%;
}
.cont_us_section .cont_us_box
{
	padding 		: 3% 4%;
}
.cont_us_section .cont_us_catch
{
	font-size 		: 26px;
	line-height 	: 1.2em;
	padding 		: 0 0 2% 145px;
	margin 			: 0 -2% 4%;
}
.cont_us_section .cont_us_catch .catch_item
{
	left 			: 2%;
    bottom 			: -10px;
	width 			: 130px;
}

.cont_us_section .cont_us_mail
{
	padding 		: 2.3% 0 2.3% 3%;
}
.cont_us_section .cont_us_title
{
	font-size		: 18px;
	background-size	: auto 18px;
	padding-left 	: 22px;
}
.cont_us_section .cont_us_title strong
{
	font-size 		: 24px;
}
.cont_us_section .cont_us_title span.en
{
	display 		: none;
}
.cont_us_section .cont_us_tel .tel_box
{
	background 	 	:  url("../images/common/base/tel_icon_cta.png") 0 50% / 15% auto no-repeat;
	padding-left 	: 18%;
	text-align 		: left;
}
.cont_us_section .cont_us_tel .tel_box .tel
{
	font-size 			: 28px;
	color 				: #e7032e;
	text-decoration 	: none;
	font-weight 		: bold;
	text-align 			: left;
	display 			: block;
	line-height 		: 1.3; 
}






/* ↓ひときわイイハコがお客様に選ばれる理由 */
section#sec_03
{
	margin-bottom 	: 12%;
}
.reason_block,
.reason_block.reason_l
{
	display 		: block;
	width 			: 100%;
	margin 			: 0 0 4.5%;
}
.reason_block_inner
{
	padding 		: 0 3.5% 3.5%;
	font-size 		: 16px;
}
.reason_block_inner:after
{
	content		: "";
	display		: block;
	clear		: both;
}
.reason_block .reason_title
{
	padding 		: 2% 3.5% 0px;
	font-size 		: 26px;
}
.reason_block .reason_title .title_num
{
	width 			: 110px;
	top 			: -25px;
}
.reason_block .reason_title p
{
	padding 		: 5px 3.5% 0 110px;
}
.reason_block .reason_img,
.reason_block.reason_l .reason_img
{
	width 			: 45%;
	float 			: left;
	margin 			: 0 3% 2% 0;
}
.reason_block .reason_img.award .award_icon
{
	max-width 		: 45%;
	right 			: -4%;
	bottom 			: -12%;
}



/* ↓導入事例 */
section#sec_05
{
	margin-bottom 	: 5.5%;
}
.example_block
{
	font-size 		: 14px;
	text-align 		: left;
	margin-bottom 	: 5%;
}
.example_block a
{
	margin-bottom	: 5%;
	-webkit-box-shadow 	: rgba(0, 0, 0, 0.03) 0px 0px 0px 3px;
    -moz-box-shadow 	: rgba(0, 0, 0, 0.03) 0px 0px 0px 3px;
    box-shadow 			: rgba(0, 0, 0, 0.03) 0px 0px 0px 3px;
    -webkit-border-radius 	: 3px;
    -moz-border-radius 		: 3px;
    border-radius 			: 3px;
}
.example_block .example_img
{
	border-width 	: 3px;
}
.example_block .example_img:before
{
	width 			: 15%;
	height 			: 0;
	padding-top 	: 15%;
	background-size	: 100% auto;
	right 			: 5%;
	bottom 			: 5%;
}

/*その他の事例*/
.other_case_box ul>li a
{
	border-width 	: 3px;
}

.other_case_box ul>li a:before
{
	width 			: 15%;
	height 			: 0;
	padding-top 	: 15%;
	background-size	: 100% auto;
	right 			: 5%;
	bottom 			: 5%;
}


/*まずはお気軽にご相談ください。*/
section#sec_06
{
	margin-bottom 	: 5.5%;
}




}



/*480-748以下の指定（タブレット）*/

@media screen and (min-width:480px) and ( max-width:748px) 
{
.logo_box .tel_box .tel
{
	text-decoration 		: none;
	font-size 				: 23px;
	color 					: #e7032e;
	font-weight 			: bold;
	display 				: inline-block;
	background-size 		: 30% auto; 
	padding-left 			: 26%; 
	display 				: block;
	white-space 			: nowrap;
}


.cont_us_section .cont_us_tel,
.cont_us_section .cont_us_mail
{
	width 			: 100%;
	display 		: block;
	padding 		: 5.5% 5% 5%;
	background 		: #eee url(../images/common/base/bg03.png);
	border 			: 1px solid #ccc;
	webkit-box-shadow	: rgba(0, 0, 0, 0.05) 0px 0px 0px 3px;
    -moz-box-shadow		: rgba(0, 0, 0, 0.05) 0px 0px 0px 3px;
    box-shadow			: rgba(0, 0, 0, 0.05) 0px 0px 0px 3px;
    -webkit-border-radius	: 3px;
    -moz-border-radius		: 3px;
    border-radius			: 3px;
}
.cont_us_section .cont_us_tel
{
	margin-bottom 	: 4%;
}
.cont_us_section .cont_us_tel .tel_box
{
	background-size 	: 60px auto; 
}


.cont_us_section .cont_us_title
{
	font-size 		: 14px;
}
.cont_us_section .cont_us_title strong
{
	font-size 		: 20px;
}

a.cta_btn
{
	font-size 			: 18px; 
}

}



/*480以下の指定（スマホ横)*/

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

/*▼見出しタイトル--------------------------------------------------------------*/
section h2
{
	padding 		: 4% 0;
}
section h2:after
{
	border-width 	: 20px 18px 0 18px;
}
.cont_us_section h4
{
	margin-bottom 	: 7%;
}

section h5
{
	font-size 		: 16px;
	padding 		: 14px;
	margin 			: 10px 0 20px;
}
section h5:after
{
	bottom 			: -7px;
}



/*▼form--------------------------------------------------------------*/
/*form:inputとtextareaは#contact_form経由で使う*/

.form_name,
.form_tel
{
	width			: 100%;
}
.form_other
{
	height			: 10em;
}


/*▼table--------------------------------------------------------------*/

.data_box th,
.data_box td
{
	padding 		: 4.5% 5%;
}


/*▼--------------------------------------------------------------*/
.logo_box .inner
{
	padding 	: 3.5% 0;
}
.logo_box .logo
{
	max-width 	: 32%;
	height 		: auto;
}
.logo_box .tel
{
	max-width 	: 48.5%;
	height 		: auto;
}

.logo_box .tel_box .tel
{
	text-decoration 		: none;
	font-size 				: 18px;
	color 					: #e7032e;
	font-weight 			: bold;
	display 				: inline-block;
	background-size 		: 30% auto; 
	padding-left 			: 26%; 
	display 				: block;
	white-space 			: nowrap;
}


/* ↓お気軽にお問い合わせください */
 
#main section.cont_us_section .section_inner
{
	width 			: 86%;
}

.cont_us_section .cont_us_box
{
	padding 		: 6% 6%;
}
.cont_us_section .cont_us_catch
{
	font-size 		: 20px;
	padding-left 	: 90px;
	border: none;
}
.cont_us_section .cont_us_catch .catch_item
{
	left 			: -4%;
	bottom 			: 0;
	width 			: 100px;
}
.cont_us_section .cont_us_tel,
.cont_us_section .cont_us_mail
{
	width 			: 100%;
	display 		: block;
	padding 		: 5.5% 5% 5%;
	background 		: #eee url(../images/common/base/bg03.png);
	border 			: 1px solid #ccc;
	webkit-box-shadow	: rgba(0, 0, 0, 0.05) 0px 0px 0px 3px;
    -moz-box-shadow		: rgba(0, 0, 0, 0.05) 0px 0px 0px 3px;
    box-shadow			: rgba(0, 0, 0, 0.05) 0px 0px 0px 3px;
    -webkit-border-radius	: 3px;
    -moz-border-radius		: 3px;
    border-radius			: 3px;
}
.cont_us_section .cont_us_tel
{
	margin-bottom 	: 4%;
}
.cont_us_section .cont_us_title
{
	font-size 		: 14px;
}
.cont_us_section .cont_us_title strong
{
	font-size 		: 20px;
}
.cont_us_section .cont_us_tel .tel_box .tel
{
	font-size 			: 26px;
	white-space 		: nowrap;
}


/* ↓ひときわイイハコがお客様に選ばれる理由 */

.reason_block_inner
{
	padding 		: 0 5% 5%;
}
.reason_block .reason_img,
.reason_block.reason_l .reason_img
{
	width 			: 100%;
	float 			: none;
	margin 			: 0 0 3%;
}
.reason_block .reason_title p
{
	padding 		: 5px 5% 0 100px;
}
.reason_block .reason_title .title_num
{
	width 			: 96px;
	top 			: -20px;
}

a.cta_btn
{
	font-size 			: 16px;
	text-align 			: left;
	background-size 	: 20px auto,auto 100%;
	background-position : right 10px top 50%,top left;
	padding 			: 15px 20px 15px 15px;
}
a.cta_btn span
{
	font-size 			: 1.2em; 
}


}





/*320以下の指定（スマホ縦)*/

@media screen and (max-width: 320px) {
.logo_box .tel_box .tel
{
	font-size 		: 15px; 
}
.cont_us_section .cont_us_tel .tel_box .tel
{
	font-size 			: 22px; 
}


}



/*---------------------------------------------------------*/
/*    copyright(C) CloudWorks.All rights reserved. Ver1.0  */
/*---------------------------------------------------------*/