@charset "utf-8"; 




	
	
	
/*================================2階層：contents===============================*/

#contents {
	width: 1080px;
	margin:0 auto;
	padding-bottom:6em;
	min-height: 900px;
	text-align: left;
}
#contents.full {
	width: 100%;
}
#contents.full .inner_contents {
	width: 960px;
	margin:0 auto;
}
#contents h1 {
	color:#fff;
	text-align:center;
	margin-bottom:30px;
}
#contents h2 {
	text-align:center;
	font-weight: bold;
}
#contents h3 {
	color: #221714;
	margin: 0 0 10px;
	letter-spacing:0.3em;
}
#contents h4 {
	color:#00A0E9;
	font-size: 110%;
	font-weight:bold;
	margin-bottom: 0px;
	margin-right: 10px;
	margin-left: 10px;
	line-height: 1.8em;
}
#contents h5 {
	color:#333;
	font-size: 100%;
	font-weight:bold;
	padding:0;
	margin: 0 10px 0px;
}
#main #contents .no_clear {
	clear:none;
}
#contents p {
	font-size:16px;
	line-height: 1.8em;
	margin:0 auto 1em;
	text-align:left;
}
#contents p.important {
	color: #FF0000;
}
#contents p img.free_dial {
    vertical-align: middle;
}
#contents p .tel_type {
	width:3.2em;
	display:block;
	float:left;
	font-weight:bold;
}



#contents ul.is-items {list-style-type:disc;}
#contents ol.is-items {list-style-type:decimal;}
#contents .is-items {
	text-indent: -1em;
	margin-bottom: 2.5em;
	padding-left: 3em;
	margin-right: 10px;
	list-style-position: inside;
}
#contents .is-items li {
	margin-bottom: 1em;
	line-height:1.8em;
}

#contents li h4 {
	margin-left: 0px;
}
#contents table {
	border-collapse: collapse;
	color:#4F4F4F;
	clear: both;
	margin:0 auto 1em;
	width: 1000px;
}
#contents caption {
	text-align: left;
	padding-bottom: 0.2em;
	font-weight: bold;
	font-size: 115%;
}
#contents th,
#contents td {
	text-align:left;
	vertical-align:top;
	font-size:1.6rem;
	line-height:1.8em;
	padding: 0 5px 0 10px;
}
#contents table thead th {
	color: #fff;
	padding:10px 0 10px 10px;
	line-height:1.8em;
}
#contents table tbody th {
	width: 20%;
	
}
#contents table .th_01 {
	width: 10%;
}
#contents table .th_02 {
	width: 20%;
}
#contents table .th_03 {
	width: 30%;
}
#contents td {
	background: #FFF;
}	
#contents table p {
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 10px;
}
#contents em {
	color: #F30;
	font-weight: bold;
}
#contents .line_btm,
#contents p.line_btm {
	padding-bottom: 16px;
	border-bottom:dashed 1px #ccc;
	margin-bottom: 16px;
}
#contents .line_btm02 {
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #ddd;
}




/*================================ adjust ===============================*/
#contents .adjust_group {
	margin-bottom:5em;
}



/*================================ area ===============================*/
#contents .area01 {
	margin-top:30px;
	border:solid 8px #CFEBF3;
	padding:20px;
}
#contents .area01 h5 {
	color:#00A0E9;
}







/*================================ 事業内容 ===============================*/

.business #contents {
	padding:0;
}
#contents .work {
	background-size:cover;
}
#contents .work .inner {
	padding:0;
	height:490px;
}
#contents .work .work_body {
	position:relative;
	top:-70px;
}


/*
* 共通
*/

.business_intro {
	background-image: url(../images/bg_business_printing.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:cover;
	height:440px;
}
.business_contents {
	width:602px;
	margin:0 auto;
	background:rgba(0,91,172,.8);
	padding:50px 44px 35px;
	position:relative;
	top:-50px;
}
.business_contents_ttl {
	text-align:center;
	line-height:1;
	margin-bottom:25px;
}
.business_contents_ttl span {
	display:block;
	color:#fff;
}
.business_contents_ttl .ttl_en {
	font-size:5.3rem;
	margin-bottom:15px;
}
.business_contents_ttl .ttl_jp {
	font-size:2.5rem;
}
.business_contents_txt {
	font-size:1.6rem;
	color:#fff;
	margin-bottom:0;
}


/*
* 共通／流れ
*/

.business_flow {
	max-width:830px;
	margin:-63px auto 130px;
	position:relative;
	z-index:2;
}
.is-printing .business_flow,
.is-sales .business_flow{
	margin-bottom: 88px;
}
.business_flow::after {
	content:" ";
	display:block;
	position:absolute;
	width:100%;
	height:3px;
	top:63px;
	background-color:#403632;
	z-index:1;
}
.business_flow_body {
	display:flex;
	justify-content:space-between;
	margin-bottom:41px;
	position:relative;
	z-index:2;
}
.business_flow_item {
	background-color:#403632;
	border-radius:50%;
}
.business_flow_item a {
	display:flex;
	align-items:center;
	justify-content:center;
	width:127px;
	height:127px;
	font-size:1.5rem;
	outline-style:none;
	color:#fff;
	line-height:1.2;
	font-weight:bold;
	border-radius:50%;
	transition:all .5s ease;
}
.business_flow_item a:hover {
	background-color:#005BAC;
}
#contents .business_flow_txt {
	font-size:1.6rem;
	width:480px;
	margin-bottom:23px;
	line-height:2em;
}
.business_flow .btn_more {
	width:205px;
	margin:0 auto;
}
.business_flow .btn_more a {
	text-align:center;
	outline-style:none;
	display:block;
	line-height:58px;
	border:solid 1px #231815;
	position:relative;
	transition:all .5s ease;
}
.business_flow .btn_more a::after {
	content: " ";
	display: block;
	width: 51px;
	height: 17px;
	position: absolute;
	right: -51px;
	top: 20px;
	background-image: url(../images/arrow_btn_form.svg);
	background-repeat: no-repeat;
	background-position: 0px -1px;
}
.business_flow .btn_more a:hover {
	background:#231815;
	color:#fff;
}



/*
* セールス
*/


.is-sales .business_flow {
	margin-top:0;
	padding-top:90px;
}
.is-sales .business_flow::after {
	display:none;
}




/* モーダル用 */


.blocker {
	z-index:101;
}
.modal {
	box-shadow:none;
}
.modal figure {
	display:flex;
}
.modal figure .flow_image {
	margin-right:30px;
}
.modal figure h4 {
	color:#fff;
	font-size:2.4rem;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
	letter-spacing:.2em;
}
.modal figure p {
	color:#fff;
	font-size:1.6rem;
	letter-spacing:0;
}
.modal figure .close_btn {
	color:#fff;
	font-size:1.2rem;
}





/*
* 印刷／サービス
*/

.business_service {
	margin-bottom:140px;
}
#contents .business_service table {
	font-size:1.4rem;
	width:850px;
	margin:0 auto 20px;
}
#contents .business_service table th,
#contents .business_service table td {
	font-size:1.4rem;
	padding:0;
	line-height:2em;
	letter-spacing:.15em;
}
#contents .business_service table th {
	font-weight:bold;
	width:220px;	
}
#contents .business_service table td {
	padding-bottom:32px;
}
#contents .business_service tr:last-child td {
	padding:0;
}
#contents .business_service .note {
	color: #4F4F4F;
	font-size: 1.4rem;
	width: 850px;
	margin: 0 auto;
}







/*================================ 会社案内 ===============================*/

#contents .cencept_contents {
	width:600px;
	margin:-50px auto 46px;
	background-color:#005BAC;
	color:#fff;
	padding:40px 40px 100px;
	position:relative;
}
#contents .cencept_contents_ttl {
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	font-size:5.3rem;
	margin:0;
	line-height:0.6em;
	font-weight:bold;
}
#contents .cencept_contents_txt {
	line-height:2em;
}



#contents .outline_contents {
	width:600px;
	margin:0 auto;
	padding:40px 40px 0;
}
#contents .outline_contents table {
	margin-bottom:0;
}











/*================================ プライバシーポリシー ===============================*/

#contents .privacy_contents {
	padding-top:70px;
}
#contents .privacy_contents h3 {
	font-size:1.6rem;
	font-weight:bold;
	letter-spacing:0.1em;
}
#contents .privacy_contents p {
	margin-bottom:30px;
}





/*================================ お問い合わせ ===============================*/

.contact #contents {
	padding:0;
}
.contact #contents .contact_intro {
	background-color:#005BAC;
	
}
.contact #contents .contact_intro_inner {
	width:800px;
	margin:0 auto;
	padding:90px 0;
}
.contact #contents .contact_wrap_body {
	margin-bottom:40px;
}
.contact #contents .contact_wrap_item {
	text-align:center;
}
.contact #contents .contact_wrap_item h3,
.contact #contents .contact_wrap_item p {
	display:inline-block;
	color:#fff;
	font-weight:bold;
	font-size:3rem;
	letter-spacing:0.1em;
}
.contact #contents .contact_wrap_item h3 {
	margin-bottom:5px;
	position:relative;
	margin-right:40px;
}
.contact #contents .contact_wrap_item h3::before {
	content:" ";
	display:block;
	width:8px;
	height:23px;
	position:absolute;
	background-image:url(../images/arrow_contact01.svg);
	background-repeat:no-repeat;
	background-position:center center;
	right:-26px;
	top:50%;
	transform:translateY(-50%);
}
.contact #contents .contact_wrap_item p {
	margin-bottom:0;
}
.contact #contents .contact_wrap_txt {
	width:680px;
	margin:0 auto;
	color:#fff;
}
.contact #contents .contact_wrap_list {
	width:680px;
	margin:0 auto;
	color:#fff;
	padding:0;
	text-indent:0;
}
.contact #contents .contact_wrap_list li {
	background-image: url(../images/arrow_contact02.svg);
	background-repeat: no-repeat;
	background-position: left 12px;
	padding-left:15px;
}



.contact #form_area {
	background:#fff;
	padding-top:100px;
	margin-bottom:115px;
}
.contact #form_area .important {
	color:#00A0E9;
	background:none;
}
.contact #form_area table {
	width:900px;
	margin:0 auto;
	border:none;
}
.contact #form_area table th,
.contact #form_area table td {
	background:#fff;
	border:0;
	padding:10px 0;
	letter-spacing:0.05em;
}
.contact #form_area table th {
	width:240px;
	position:relative;
}
.contact #form_area table input[type="text"] {
	width:300px;
	padding-top:5px;
	padding-bottom:5px;
}
.contact #form_area table input[type="text"].half {
	width:150px;
}
.contact #form_area table label {
	margin-right:15px;
}
.contact #form_area table tr {
	border:0;
}
.contact #form_area table p {
	margin:0;
}

#contents #form_area table textarea {
	width:100%;
}
#contents #form_area table .submit_group td {
	text-align:center;
	padding-bottom:0;
}


#contents #form_area table .submit_group .wrap span:hover::after {
	top:-8px;
}
#contents #form_area table input[type="submit"],
#contents #form_area table input[type="reset"],
#contents #form_area table input[type="button"] {
	color:#fff;
	margin:0;
	min-width:70px;
	height:40px;
	padding:0 20px;
	background:#005BAC;
	border:none;
	display:inline-block;
	transition:all 0.5s ease;
	cursor:pointer;
}
#contents #form_area table input[type="submit"]:hover,
#contents #form_area table input[type="reset"]:hover,
#contents #form_area table input[type="button"]:hover{
	background:#4099CF;
}




/*
* thanks
*/
#contents .thanks_txt {
	padding:60px 15px 0;
}
#contents .thanks_txt p {
	text-align:center;
}


/*
* 準備中
*/

#contents .dummy_note {
	text-align:center;
	padding-top:50px;
	color:#666;
}