@charset "utf-8";
/*---------------------------------------------------------------------------------------------------- ■ 全体 */
/* --- サイト固有*/
.GridBg{ background-image:url(../images/bg_grid.jpg);}

/*---------------------------------------------------------------------------------------------------- ■ タイトル */
.TopTtl{
	font-size:3.2rem;
	text-align:center;
	color:#272932;
	line-height:1em;
	margin-bottom:40px;
	}
	.TopTtl_en{
		line-height:1em;
		font-size:1.8rem;
		display:block;
		font-family:Arial, Helvetica, sans-serif;
		color:#0075c4;
		margin-top:16px;
		}
.TopTtl-white,
.TopTtl-white .TopTtl_en {
	color:#FFF;
	}
@media screen and (max-width:896px) {
.TopTtl{
	margin-bottom:32px;
	}
.TopTtl_en{
	margin-top:12px;
	}
}
@media screen and (max-width:480px) {
.TopTtl{
	margin-bottom:24px;
	}
.TopTtl_en{
	margin-top:8px;
	}
}
.borderTtl {
	overflow: hidden;
	text-align:left;
	color:#b66d0d;
	line-height:1;
	margin-bottom:8px;
	}
	.borderTtl span {
		position: relative;
		display: inline-block;
		padding-right:8px;
		text-align: left;
		}
		.borderTtl span::before,
		.borderTtl span::after {
			position: absolute;
			top: 50%;
			content: '';
			width: 400%;
			height: 1px;
			background-color: #ccc;
			}
			.borderTtl span::before {
				right: 100%;
				}
				.borderTtl span::after {
					left: 100%;
					}
.fukiTtl {
  position: relative;
  display: inline-block;
  padding: 0 16px;
	color:#b66d0d;
	line-height:1;
	margin-bottom:8px;
	}
	.fukiTtl:before{
		-webkit-transform: rotate(60deg);
		transform: rotate(60deg);
		}
	.fukiTtl:after{
		-webkit-transform: rotate(-60deg);
		transform: rotate(-60deg);
		}
	.fukiTtl:before,
	.fukiTtl:after {
		content: '';
		position: absolute;
		top: 50%;
		display: inline-block;
    width: 1em;
    height: 2px;
		margin-top: -2px;
		background-color:#b66d0d;
		}
		.fukiTtl:before {
			left:0;
			}
			.fukiTtl:after {
				right: 0;
				}

			.service_box_notis p{
				font-size:1.4rem;
				}
			.service_box_notis ul li{
				font-size:1.4rem;
				line-height:1.5em;
				}

/*---------------------------------------------------------------------------------------------------- ■ seoTxt */
.seoTxt{
	background-color:#272932;
	padding:16px 0;
	}
	.seoTxt h1{
		font-size:1.2rem;
		line-height:1;
		color:#FFF;
		}
@media screen and (max-width:896px) {
	.seoTxt h1{
		line-height:1.4em;
		}
	}
@media screen and (max-width:480px) {
	}
	
/*---------------------------------------------------------------------------------------------------- ■ header */
.header{
	background-color: rgba(255,255,255,1);
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	}
.header .inner{
	height:104px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
			-ms-flex-flow: row;
					flex-flow: row;
	-webkit-box-align: center;
			-ms-flex-align: center;
					align-items: center;
	}
	.header_logo{
		display:block;
		margin-right: auto;
		}
	.header_tel{
		margin-left:16px;
		}
		.header_tel a{
			display:block;
			}
@media screen and (max-width:896px) {
.header .inner{
	height:80px;
	}
_:lang(x)::-ms-backdrop,
.header_logo img,
.header_tel img{
	width:100%;
	flex-basis: auto;
}
}
@media screen and (max-width:480px) {
.header .inner{
	height:64px;
	}
}	
	
/*---------------------------------------------------------------------------------------------------- ★ メインイメージ */
.mainVisual{
	background-image:url(../images/mainVisual_bg_pc.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	text-align:center;
	width:100%;
	height:640px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
		-ms-flex-flow: row;
				flex-flow: row;
	-webkit-box-align: center;
		-ms-flex-align: center;
				align-items: center;
	}
	.mainVisual_cont{
		font-weight:bold;
		color:#FFF;
		text-shadow: 0px 0px 8px rgba(0,0,0,0.4);
		}
	.mainVisual_cont_copy{
		font-size:4.8rem;
		line-height:1.4em;
		}
	.mainVisual_cont_txt{
		margin-top:24px;
		font-size:2rem;
		border:1px solid #fff;
		padding:16px;
		line-height:1;
		background-color: rgba(39,41,50,0.1);
		display:inline-block;
		}
@media screen and (max-width:896px) {
.mainVisual{
	padding:120px 0;
	height:auto;
	}
.mainVisual_cont_copy{
	font-size:4rem;
	}
.mainVisual_cont_copy br{
	display:none;
	}
.mainVisual_cont_txt{
	margin-top:16px;
	font-size:1.8rem;
	line-height:1.2em;
	}
	}
@media screen and (max-width:480px) {
.mainVisual{
	padding:80px 0;
	}
.mainVisual_cont_copy{
	font-size:3.2rem;
	}
.mainVisual_cont_txt{
	font-size:1.6rem;
	}
	}
/*---------------------------------------------------------------------------------------------------- ★ シャッターサービスセンターについて */
.service{
	position:relative;
	}
	.service-left .service_tmb{
		float:right;
		}
	.service-left .service_box_in{
		float: left;
		}
	.service-left .service_box{
		left:0;
		}
	.service-right {
		margin-bottom:40px;
		}
	.service-right .service_tmb{
		float: left;
		}
	.service-right .service_box_in{
		float: right;
		}
	.service-right .service_box{
		right:0;
		}
	.service_box{
		position:absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit- transform: translateY(-50%);
		/*
		width : -webkit-calc(100% - 56%);
		width: calc(100% - 56%);
		*/
		z-index: 1;
		}
	.service_box_in{
		min-width: 520px;
		border-radius: 8px;
		background-color:#FFF;
		padding:40px;
		box-shadow: 0px 0px 32px 0px rgba(0,0,0,0.1);
		}
		.service_box_ttl{
			font-size:2.4rem;
			line-height:1.4em;
			color: #272932;
			text-align:center;
			margin-bottom:16px;
			}
			.service_box_ttl-modif{
				padding-right:2em;
				}
			.service_box_txt{
				font-size:1.4rem;
				line-height:1.7em;
				}
			.service_box_notis{
				padding:24px;
				background-color:#fafafa;
				margin-top:16px;
				line-height:1.2em;
				}
			.service_box_notis-modif{
				padding:16px 40px;
				}
			.hr{
				margin-top:16px;
				padding-top:16px;
				border-top:1px dotted #CCC;
				}
@media screen and (max-width:1200px) {
.service{
	position:static;
	margin-bottom:-160px;
	}
.service_tmb,
.service_box,
.service_box_in{
	float:none !important;
	}
	.service_tmb img{
		width:100%;
		height:auto;
		}
.service_box{
	position:static;
	transform:none;
	width: 92%;
	margin: 0 auto;
	transform: translateY(-160px);
	}
.service_box_in{
	min-width:auto;
	border-radius: 8px;
	}
.service_box_in br{
	display:none;
	}
.service_box_ttl-modif{
	padding-right:0;
	}
.service_box_notis{
	padding:24px;
	}
	}
@media screen and (max-width:896px) {
.service{
	margin-bottom:-40px
	}
.service_box{
	transform: translateY(-40px);
	}
.service_box_in{
	padding:32px;
	}
	}
@media screen and (max-width:480px) {
.service{
	margin-bottom:-24px;
	}
.service_box{
	transform: translateY(-24px);
	}
.service_box_in{
	width: 100%;
	padding:24px;
	}
.service_box_notis{
	padding:16px;
	}
	}
/*---------------------------------------------------------------------------------------------------- ★ シャッターサービスセンターが選ばれる理由 */
.reasonWrap{
	background-image:url(../images/reason_bg_pc.jpg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	}
.reasonCard{
	background-color:#FFF;
	}
.reasonTmb{
	position:relative;
	}
	.reasonTmb_num{
		text-align:center;
		line-height:1;
		display:block;
		position:absolute;
		bottom:-14px;
		left:0;
		right:0;
		margin:0 auto;
		font-size:8rem;
		color:#fff;
		font-weight:700;
		font-family:Arial, Helvetica, sans-serif;
		text-shadow: 0px 0px 1px rgba(0,0,0,0.1);
		}
.reasonCont{
	padding:32px;
	}
	.reasonCont h3{
		text-align:center;
		font-size:2.4rem;
		line-height:1.5em;
		color:#272932;
		}
	.reasonCont p{
		line-height:1.7em;
		text-align:left;
		margin-top:16px;
		font-size:1.4rem;
		}
@media screen and (max-width:896px) {
.reasonCont{
	padding:24px;
	}
.reasonCont p{
	margin-top:8px;
	}
	}
@media screen and (max-width:480px) {
	}
/*---------------------------------------------------------------------------------------------------- ★ 会社案内 */
.basicTbl {
	width: 100%;
	}
	.basicTbl th,
	.basicTbl td {
		padding: 24px;
		border: 1px solid #ddd;
		vertical-align: middle;
		line-height:1.4em;
		}
		.basicTbl th {
			color:#FFF;
			background-color:#272932;
			text-align: left;
			width: 30%;
			}
		.basicTbl td {
			background-color: #fff;
			}
.basicTbl td p{
	color:#272932;
	font-weight:bold;
	border-bottom:1px solid #ddd;
	padding-bottom:8px;
	line-height:1;
	margin:16px 0 8px 0;
	}
@media screen and (max-width:896px) {
	.basicTbl th, .basicTbl td {
		width: 100%;
		display: block;
		padding: 16px;
		margin-bottom: -1px;
	}
}
@media screen and (max-width:480px) {
}
/*---------------------------------------------------------------------------------------------------- ★ copyright */
.copyright{
	background-color:#272932;
	color:#FFF;
	padding:16px;
	text-align:center;
	font-size:1.2rem;
	line-height:1.6em;
	font-weight:bold;
	}
@media screen and (max-width:896px) {
	.copyright{
		line-height:1.4em;
		}
	}
@media screen and (max-width:480px) {
	}