@charset "utf-8";
/* CSS Document 
Theme Name: grap
Author: grap
Description: grap
*/

html, body,div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


a{ 
	color:#1E170C;
	display:block;
	text-decoration:none;
}
a.lnk{ 
	display:inline-block;
	color:#1F67B8;
	text-decoration:underline;
}	
img{
	max-width:100%;
	height:auto;
}


/*********サイトレイアウト **********/
body{
	font-size:16px;
	color:#333;
	line-height:1.7;
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',"メイリオ", Meiryo,"游ゴシック","Yu Gothic",sans-serif;
	background-color:#fff;
}
#wrap{
	min-width:1000px;
	margin:0 auto;
}
#header_wrap {
	width:100%;
	z-index:200;
	background:#fff;
	position:fixed;
}
#header{
	display:table;
	width:100%;
	max-width:1000px;
	background:#fff;
	margin:0 auto;
	height:100px;
    transition: 0.3s;
}
.bxslider li {
    display: none;
}
.bx-viewport .bxslider li {
    display: block !important; 
}
.bx-controls {
	display: none;
}
.bx-viewport .bx-controls {
    display: block !important; 
}
#header .left{
	vertical-align:middle;
	width:230px;
}
#header h1{
	width:200px;
	height:56px;
}
#quick_wrap{
	position:relative;
	width:100%;
	background:#ccc;
}
#quick_navi{
	position:absolute;
	top:12px;
	right:0;
    transition: 0.3s;
}
#header #quick_navi li{
	display:table-cell;
	vertical-align:middle;
	padding:0 2px;
}
#header #quick_navi #en{
	padding:0 30px;
}
#header #quick_navi .tel{
	padding:0 15px 0 20px;
	font-size:26px;
}
#header #quick_navi .tel img{
	margin: -3px 4px 0 0;
}
#header #quick_navi #accs a{
	font-size:14px;
	margin-top: 2px;
}
#header #quick_navi #en a{
	background:#EDEDED;
	padding:1px 5px;
	font-size:12px;
}
#header #search_wrap{
	position:relative;
	width:16px;
	height:20px;
}
#header .searchform_pc {
	width: 16px;
	height: 20px;
	position: absolute;
	top: 0;
}
#header #search_wrap .i_search {
	display: inline-block;
	position: absolute;
	top: 2px;
	width: 16px;
	height: 16px;
}
#header .searchform_pc label,#header .searchform_pc input[type="submit"]{
	display: none;
}
#header .searchform_pc input[type="text"]{
	border:1px solid #cecece;
	cursor: pointer;
	height:20px;
	opacity: 0;
	outline: none;
	position: absolute;
	top: -1px;
	right: 0;
	transition: all 0.7s;
	width: 16px;
	z-index: 5;
}
#header .searchform_pc input[type="text"]:focus {
	cursor: text;
	opacity: 1;
	width: 200px;
	right:20px;
	padding: 0 5px;
}
#header #gnavi {
	float:right;
	margin-top:50px;
    transition: 0.3s;
}
#header #gnavi ul{
	float:left;
}
#header #gnavi li{
	margin:0;
	float:left;
	font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
}
#header #gnavi ul.navi1 {
	padding-right:20px;
}
#header #gnavi ul.navi2 li:first-child{
	margin-right:40px;
}
#header #gnavi a{
	position: relative;
	display: inline-block;
	transition: .3s;
	height:50px;
	line-height:50px;
	color:#333;
	padding:0 20px;
}
#header #gnavi ul.navi2:last-child a{
	padding:0;
}
#header #gnavi a::after {
	position: absolute;
	bottom: .0;
	left: 50%;
	content: '';
	width: 0;
	height: 3px;
	background-color: #1F67B9;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
#header #gnavi  a:hover::after {
	width: 100%;
}
#header .sub_wrap{
	position:absolute;
	top:100px;
	left:0;
	width:100%;
	background:#fff;
	display:none;
	z-index:200;
	border-top:1px solid #efefef;
	padding-bottom:20px;
}
#header .sub_wrap .innr{
	width:100%;
	display:block;
	padding:25px 0;
	margin:auto;
	position:relative;
}
#header #gnavi .sub_wrap ul{
	width:100%;
}
#header #gnavi .sub_wrap li{
	width:15.8%;
	margin-right:1%;
	font-size:13px;
}
#header #gnavi .sub_wrap li img{margin-bottom:5px;}
#header #gnavi .col5 .sub_wrap li{
	width:18.4%;
	margin-right:2%;
}
#header #gnavi .sub_wrap li:last-child{
	margin:0;
}

#header #gnavi .sub_wrap a{
	transition: none;
	line-height:1.3;
	height:auto;
	padding-bottom:0;
	text-align:center;
	letter-spacing:-1px;
	padding:0;
}
#header #gnavi .sub_wrap a:hover{
	transition: none;
}
#header #gnavi .sub_wrap a:hover img{
	opacity:0.7;
}
#header #gnavi .sub_wrap a::after {
	display:none;
}

#header.fix{
	height:60px;
}
#header.fix #quick_navi{
	position:absolute;
	top:-50px;
}
#header.fix #gnavi{
	margin-top:10px;
}
#header.fix #gnavi a img{margin-bottom:10px;}
#header.fix .sub_wrap{
	top:60px;
}
#header .i_search{width:17px;}
#header .i_tel{width:21px;}
#header .i_twttr,#header .i_fb{width:20px;}

#side_navi{
	position:fixed;
	top:130px;
	right:0;
	z-index:90;
	width:58px;
}
#side_navi li{width:58px;}
#side_navi a{
	width:25px;
	color:#fff;
	font-weight:bold;
    -ms-writing-mode: tb-rl; /* for MS IE8+ */
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
	display:inline-block;
}
#side_navi a:hover{
	transition: .3s;
	opacity:0.7;
	-ms-filter: "alpha(opacity=70)";
}
#side_navi .order a{
	padding:47px 15px 15px 18px;
	margin-bottom:10px;
	background: url(/wp-content/themes/grap/images/common/icon_order.png) no-repeat 20px 15px #FF4D51;
	background-size:24px auto;
}
#side_navi .mail a{
	padding:55px 15px 15px 18px;
	background: url(/wp-content/themes/grap/images/common/icon_mail.png) no-repeat 20px 20px #FF9500;
	background-size:21px auto;
}

#side_navi.en,#side_navi.en li{width:120px;}
#side_navi.en a{
	width:120px;
	font-size:17px;
	text-align:center;
	font-weight:normal;
    -ms-writing-mode: lr-tb; /* for MS IE8+ */
    -webkit-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
}
#side_navi.en .order a{
	padding: 34px 0 7px;
	background: url(/wp-content/themes/grap/images/common/icon_order.png) no-repeat 52px 8px #FF4D51;
	background-size:24px auto;
}
#side_navi.en .mail a{
	font-size:18px;
	padding:34px 0 6px;
	background: url(/wp-content/themes/grap/images/common/icon_mail.png) no-repeat 54px 13px #FF9500;
	background-size:21px auto;
}



#content div{box-sizing:border-box;}

#contact {
	text-align:center;
	padding:35px 0;
	background:#fafafa;
	line-height: 1.3;
	margin-top:80px;
}
#contact .i_tel{
	margin:0 10px 10px 0;
}
#contact a{display:inline-block;}

#main_img{
	position:relative;
	padding-top:100px;
}
#main_img img{
	width:100%;
	vertical-align:bottom;
}
#main_img h2{
    position: absolute;
    top: 53%;
    left: 0;
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 35px;
    line-height: 1.5;
    color: #fff;
    text-shadow: 0px 2px 5px #000;
}
#main_img h2 span{
	display:block;
	font-size:12px;
	font-weight:normal;
}
#main_img h2 span.sp_blk{display:inline;}

#intro{
	background:url(/wp-content/themes/grap/images/common/intro_bg_pc.jpg) no-repeat center center;
	background-size:cover;
	text-align:center;
	padding:45px 0;
	line-height:2;
}
#tab{
	border-top:1px solid #DFDFDF;
	border-bottom:1px solid #DFDFDF;
	font-size:15px;
}
#tab li{
	width:25%;
	display:table-cell;
	box-sizing:border-box;
	border-left:1px solid #DFDFDF;
	vertical-align:middle;
}
#tab li:last-child{
	border-right:1px solid #DFDFDF;
}
#tab li a{
	color:#333;
	display:block;
	width:98%;
	margin:2px 1%;
	background:#FAFAFA;
	text-align:center;
	height:43px;
	line-height:43px;
}
#tab li a:hover{
	opacity:0.7;
}
#idx_navi{
	width:100%;
	max-width:1050px;
	padding:18px 0 30px;
	box-sizing:border-box;
	margin:45px auto -20px;
	background-image:url(/wp-content/themes/grap/images/common/idx_bg_top.gif),url(/wp-content/themes/grap/images/common/idx_bg_bottom.gif);
	background-position:center top,center bottom;
	background-repeat:no-repeat,no-repeat;
}
#idx_navi .innr{max-width:1050px;}
#idx_navi li{
	width:28%;
	float:left;
	display:block;
	margin:30px 2.6% 25px;
	font-size:13px;
}
#idx_navi .title{
	font-size:18px;
	font-weight:bold;
	margin-top:5px;
	text-align:center;
}
#idx_navi .title:after{
	content:"";
	margin:10px auto 20px;
	width:30px;
	display:block;
	border-bottom:1px solid #2067B7;
}
#idx_navi figure {
	width: 100%;
	max-width:300px;
	height: 180px;
	margin: 0;
	padding: 0;
	background: #fff;
	overflow: hidden;
}
#idx_navi figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#idx_navi li a:hover figure img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

#idx_navi li a:hover p{text-decoration:underline;}
#idx_navi li a:hover p.title{text-decoration:none;}
/*
#idx_navi .title span{
	display:block;
	font-size:10px;
}
*/
#footer{
	background:#31383F;
	padding:45px 0;
	color:#C9CACE;
}
#footer a{
	color:#C9CACE;
}
#footer p a,#footer .f_menu div:last-child a{
	color:#fff;
}
#footer .f_menu{
	font-size:15px;
	display:table;
	padding:0 2%;
	width:96%;
	margin-bottom:70px;
}
#footer .f_menu div{
	display:table-cell;
	padding-right:40px;
}
#footer .f_menu div:last-child{
	padding:0;
}
#footer .f_menu p{
	margin-bottom:7px;
}
#footer .f_menu ul{
	margin-top:10px;
}

#footer .f_navi ul{
	font-size:13px;
	float:left;
}
#footer .f_navi li{
	display:inline-block;
	margin-right:25px;
}
#footer #copy{
	font-size:12px;
	float:right;
	margin-right:35px;
}
/*------------------
    コンテンツ共通
--------------------*/
table{
	width: 100%;
	border-collapse: collapse;
	border:1px solid #DFDFDF;
	box-sizing:border-box;
	line-height:1.3;
}
th,td{
	padding:15px 5px;
	box-sizing:border-box;
	text-align:center;
}
th{
	background:#666;
	color:#fff;
	border:1px solid #fff;
	font-weight:bold;
}
td{
	border:1px solid #DFDFDF;
	font-size:20px;
}
tr:nth-child(odd) td,.no_header tr:nth-child(even) td{background:#F2F2F2;}
.no_header tr:nth-child(odd) td{background:#fff;}
td.fnt15,table.fnt15 td{font-size:15px;}
th.txt_l,td.txt_l{
	text-align:left;
	padding:15px;
}
td .yen{font-size:16px;}
table.fnt18 th{font-size:14px;}
table.fnt18 td{font-size:18px;}
table.fnt14 th,table.fnt14 td{font-size:14px;}
table.fnt16 th,table.fnt16 td{font-size:16px;}

table table{
	border:none; 
	margin:10px auto 0;
	width:auto;
}
table table td,table table tr:nth-child(odd) td{
	border:none;
	background:#fff;
	padding:2px 10px;
	text-align:left;
}
h3{
	font-size:30px;
	margin:75px 0 30px;
	font-weight:bold;
}
h3 span{
	vertical-align:middle;
}
#sonoba h3,#sonoba_en h3,#discount-for-corporate h3,#electronic-seal h3,#copy-reform h3{font-size: 39px;}
h4{
	font-size:24px;
	padding-bottom:15px;
	margin:50px 0 20px;
	font-weight:bold;
	background:url(/wp-content/themes/grap/images/common/h4_bg.png) no-repeat left bottom;
}
h5{
	font-size:20px;
	font-weight:bold;
	padding:10px 10px 10px 12px;
	border-left:8px solid #1F67B9;
	border-bottom:2px solid #1F67B9;
	margin-bottom:20px;
}
h4.tbl{display:block;}
#faq h4,#users-guide h4{padding-bottom:20px;}
h3 img,h4 img{
	vertical-align:middle;
	margin-right:13px;
}
h3 img{
	margin-top:-5px;
}

img.i_search,img.i_tel,img.i_twttr,img.i_fb{
	display:inline-block;
	vertical-align:middle;
}
p img{vertical-align:middle;}
.txt_c img{margin:auto;}

/* clearfix */
.clearfix:before,
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */

.tbl{display:table;}
.left,.right{
	display:table-cell;
	vertical-align:top;
}
.fl { float:left; }
.fr { float:right; }

.txt_c{text-align:center;}
.txt_r{text-align:right;}


.fnt12{font-size:12px;}
.fnt14{font-size:14px;}
.fnt16{font-size:16px;}
.fnt18{font-size:18px;}
.fnt20{font-size:20px;}
.fnt24{font-size:24px;}
.fnt30{font-size:30px;}
.fnt48{font-size:48px;}

.red{color:#C70000;}
.pink{color:#EC5963;}
.green{color:#4D9753;}
.bld{font-weight:bold;}

.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb70{margin-bottom:70px;}
.mt60{margin-top:60px;}

.w15{width:15%;}
.w17{width:17%;}
.w20{width:20%;}
.w25{width:25%;}
.w28{width:28%;}
.w30{width:30%;}
.w35{width:35%;}
.w40{width:40%;}
.w42{width:42%;}
.w48{width:48%;}
.w55{width:55%;}
.w58{width:58%;}
.w63{width:63%;}
.w66{width:66%;}
.w68{width:68%;}
.w70{width:70%;}
.w76{width:76%;}
.w80{width:80%;}
.w83{width:83%;}

.pc_no{display:none;}
.pc_blk{display:block;}
.innr{
	margin:0 auto;
	width:100%;
	max-width:1000px;
	display:table;
}
.innr_pd{
	margin:0 3%;
	width:94%;
}
.overlay {
    position: fixed;
    top: 100px;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.4;
    z-index: 110;
}

.list1{	
    padding-left: 20px;
	list-style:outside;
}

a.btn{
	display:inline-block;
	border: 2px solid #DFDFDF;
	border-radius:5px;
	font-size:13px;
	margin:5px 0;
	padding:10px 45px 10px 15px;
	width:auto;
	background:url(/wp-content/themes/grap/images/copy-print/poster/img_06.gif) no-repeat 95% center;
}
a.btn:hover{opacity:0.7}

.box_yellow{
	border:1px dashed #D8C89C;
	background:#FDFDDA;
	font-size:14px;
	color:#C70000;
	padding:20px;
	margin-top:25px;
}
.box_yellow.atten{color:#693905;}
.box_yellow.atten .red img{
	vertical-align:text-top;
	margin-right:15px;
}
.box_blue{
	width:100%;
	border:4px solid #A1C5F2;
	border-radius:10px;
	padding:2px 2.5% 20px;
}
.box_blue .title{
	color:#1F67B8;
	font-size:20px;
	font-weight:bold;
	margin:-10px 0 10px;
}
.box_blue .title img{
	width:30px;
	margin-right:10px;
}

.iro li{
	display:inline-block;
	margin:0 20px 15px 0;
}
.iro li img{
	vertical-align:middle;
	margin-right:15px;
}
#map {
	height:500px;
	width:100%;
}
/*------------------
     company
--------------------*/
#company-profile td{font-size:16px;}
#greeting h3{
	max-width:1000px;
	margin:75px auto 30px;
}
#greeting .bg{
	background:url(/wp-content/themes/grap/images/company-profile/img_01_pc.jpg) no-repeat center top;
	background-size:cover;
	min-height:780px;
	width:100%;
	max-width:1400px;
	margin:auto;
	font-size:14px;
	line-height:2;
}
#greeting .innr{	
	padding:50px 0 30px 35%;
	color:#fff;
}
#staff{
	width:100%;
	max-width:1400px;
	margin:45px auto 0;
}
/*------------------
     recruit
--------------------*/
#recruit img.fl{margin:0 2% 25px 0;}
/*------------------
  users guide
--------------------*/
#privacy-policy section p{margin-bottom:25px;}
#privacy-policy section p.mb0{margin:0;}
#privacy-policy section p.mb15{margin-bottom:15px;}
#privacy-policy .box{
	padding:25px 2.5%;
	border:1px solid #D9D9D9;
}
#privacy-policy .note,#privacy-policy .note2,#privacy-policy .note3{margin-bottom:25px;}
#privacy-policy .note p{
	margin: 0 0 0 1.8em;
	text-indent: -1.8em;
}
#privacy-policy .note2 p{
	margin: 0 0 0 2.2em;
	text-indent: -2.2em;
}
#privacy-policy .note3 p{
    margin: 0 0 0 1.3em;
    text-indent: -1.3em;
}

/*------------------
  users guide
--------------------*/
#users-guide #other p{display:table;}
#users-guide #other span{display:table-cell;}
#users-guide #other .title{width:130px;}

/*------------------
estimate-contact/order
--------------------*/
.form{	
	margin:60px auto 20px;
	padding:45px 5% 30px;
}
.form table{
	border:none;
	margin-bottom:40px;
}
.form th,.form td{
	background:none !important;
	padding:20px 15px;
	color:#333;
	font-weight:normal;
	border:none;
	border-bottom:1px solid #D7D7D7;
}
.form tr:last-child th,.form tr:last-child td{border:none;}
.form th{text-align:right;width:40%;}
.form td{text-align:left;}
.form th.vtop{
	vertical-align:top;
	padding-top:25px;
}
.form input,.form textarea{
	border:none;
	background:#fff;
	width:100%;
	padding:5px 10px;
	box-sizing:border-box;
}
.form input{height:45px;}
/*.form input.wpcf7c-conf,.form textarea.wpcf7c-conf{background:none;}*/
.form input[type="file"]{
	width:auto;
	height:auto;
	padding:0;
	background:none;
}
.form .txt_c input{
	color:#fff;
	width:300px;
	display:inline-block;
	margin:auto;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	border:none;
	cursor:pointer;
	height:70px;
	padding:10px 10px 30px;
}
.form input.size1{max-width:360px;}
.form .txt_c input.wpcf7-back{
	margin-right:10px;
	width:150px;
	background:url(/wp-content/themes/grap/images/common/btn_bg_back.png) no-repeat center 75% #999;
}
div.wpcf7-response-output{
	width:100%;
	max-width:1000px;
	margin:2em auto 1em !important;;
}
#estimate-contact .fnt48{line-height:1.4;}
#estimate-contact .i_tel{margin:0 10px 10px 0;}
#estimate-contact a{display:inline-block;}
#estimate-contact .form{
	background:#FBF9EB;
	padding-bottom:50px;
}
#estimate-contact .form .txt_c input.wpcf7-confirm,#estimate-contact .form .txt_c input.wpcf7-submit{
	background:url(/wp-content/themes/grap/images/common/btn_bg_submit.png) no-repeat center 75% #FF9500;
}

#estimate-contact_en .fnt48{line-height:1.4;}
#estimate-contact_en .i_tel{margin:0 10px 10px 0;}
#estimate-contact_en a{display:inline-block;}
#estimate-contact_en .form{
	background:#FBF9EB;
	padding-bottom:50px;
}
#estimate-contact_en .form .txt_c input.wpcf7-confirm,#estimate-contact_en .form .txt_c input.wpcf7-submit{
	background:url(/wp-content/themes/grap/images/common/btn_bg_submit.png) no-repeat center 75% #FF9500;
}

#order .form{background:#FFECED;}
#order .form .txt_c input.wpcf7-confirm,#order .form .txt_c input.wpcf7-submit{
	background:url(/wp-content/themes/grap/images/common/btn_bg_submit.png) no-repeat center 75% #FF4D51;
}
#order_en .form{background:#FFECED;}
#order_en .form .txt_c input.wpcf7-confirm,#order_en .form .txt_c input.wpcf7-submit{
	background:url(/wp-content/themes/grap/images/common/btn_bg_submit.png) no-repeat center 75% #FF4D51;
}
#nengajo_order .form{background:#FFECED;}
#nengajo_order .form .txt_c input.wpcf7-confirm,#nengajo_order .form .txt_c input.wpcf7-submit{
	background:url(/wp-content/themes/grap/images/common/btn_bg_submit.png) no-repeat center 75% #FF4D51;
}

#prd .form{background:#e0f2fc;}
#prd .form .txt_c input.wpcf7-confirm, #prd .form .txt_c input.wpcf7-submit{
	background:url(/wp-content/themes/grap/images/common/btn_bg_submit.png) no-repeat center 75% #FF4D51;
}
/*------------------
       access
--------------------*/
#access .bg,#access_en .bg{
	background:#F9F9F9;
	padding:25px 0;
}
#access #adress img.mb30{margin:20px auto 30px;}
#access_en #adress img.mb30 {margin:10px auto 30px;}
#access .fr img,#access_en .fr img{width:37px;}
#access .fr .left,#access_en .fr .left{width:52px;}
#access .fr,#access_en .fr{padding-top:10px;}
#access .red a,#access_en .red a{
	display:inline-block;
	color:#C70000;
}
#access-2 .bg,#access_en-2 .bg{
	background:#F9F9F9;
	padding:25px 0;
}
#access-2 #adress img.mb30{margin:20px auto 30px;}
#access_en-2 #adress img.mb30 {margin:10px auto 30px;}
#access-2 .fr img,#access_en-2 .fr img{width:37px;}
#access-2 .fr .left,#access_en-2 .fr .left{width:52px;}
#access-2 .fr,#access_en-2 .fr{padding-top:10px;}
#access-2 .red a,#access_en-2 .red a{
	display:inline-block;
	color:#C70000;
}
/*------------------
     plan design
--------------------*/
#plan-design #idx_navi{background:none;}
#plan-design #idx_navi .title span{
	font-size:10px;
	display:block;
}
#plan-design #idx_navi li img {
	display:block;
	margin: 0 auto 10px;
}

/*------------------
       seal
--------------------*/
#registered-seal #size .fl,#registered-seal #size .fr{margin-top:55px;}
#registered-seal .box_gray{
	border-radius:10px;
	padding:15px 5% 10px;
	border:2px solid #e0e0e0;
	margin-top:10px;
}
#registered-seal .tbl .left{width:32%;}
#registered-seal .tbl .right{width:68%;}
#registered-seal .box_gray .tbl .left{width:24%;}
#registered-seal .box_gray .tbl .right{width:76%;}
#registered-seal .box_gray p{margin-top:10px;}
#p_c_seal .fl,#p_c_seal .fr{
	width:31%;
	text-align:center;
	font-size:14px;
}
#p_c_seal .fl{margin-right:3%}
#electric-seal #tab li{	width:33%;}
#howto .box_blue{
	position:relative;
	min-height:230px;
}
#howto .box_blue .title{
	color:#000;
	display:table;
	margin-bottom:15px;
}
#howto .box_blue .title img{
	display:table-cell;
	width:auto;
}
#howto .box_blue .title span{
	display: table-cell;
	width: 92%;
	padding-left: 2%;
	vertical-align: middle;
}
#howto .box_blue p,#howto .box_blue div{width:64%;}
#howto .box_blue .photo{
	position:absolute;
	top:25px;
	right:2.5%;
	width:26%;
}
#howto .txt_c img{margin:15px 0;}
#copy #se_service .box_yellow p{
	text-indent:-1.3em;
	margin-left:2em;
}
#se_what .fr img{display:none;}
/*------------------
    business tool
--------------------*/
#postcard .fl,#postcard table.col1{width:82%;}
#postcard .fr{
	width:13%;
	text-align:right;
}
#slip h4 img{width:42px;}
#slip #original.innr_pd{display:table;}
#slip .next{
	vertical-align:middle;
	display:table-cell;
	width:4.2%;
	background:url(/wp-content/themes/grap/images/common/arrow2.gif) no-repeat center center;
}
#slip .box_blue,#slip .box_last{
	min-height:137px;
	color:#1F67B8;
	display:table-cell;
	width:22%;
	padding:15px 2%;
	vertical-align:top;
}
#slip .box_last{
	background:#1F67B9;
	color:#fff;
	font-size:30px;
	text-align:center;
	vertical-align:middle;
	border-radius:10px;
}
#slip table.fnt14 th,#slip table.fnt14 td{padding:10px 2px;}
#slip table#add th{width:9.1%;}
#slip table#add th.w20{width:auto;}
#slip td.bg {background:#F2F2F2;}
#slip td.no_bg {background:#fff;}
#slip li{
	text-align:center;
	display:block;
	float:left;
	width:22%;
	margin-right:4%;
	margin-bottom:25px;
}
#slip li:nth-child(4n){margin-right:0;}

/*------------------
    copy&output
--------------------*/
#pamphlet .box_blue:last-child{margin:0;}
#pamphlet .box_blue .bg_blue{
	background:#F1F5FA;
	color:#1F67B8;
	padding:20px;
}
#pamphlet .txt_c img{margin:15px 0;}
#pamphlet th{
	line-height:1.6;
	font-size:20px;
}
#pamphlet td{background:#fff;
}
#pamphlet_en .box_blue:last-child{margin:0;}
#pamphlet_en .box_blue .bg_blue{
	background:#F1F5FA;
	color:#1F67B8;
	padding:20px;
}
#pamphlet_en .txt_c img{margin:15px 0;}
#pamphlet_en th{
	line-height:1.6;
	font-size:20px;
}
#pamphlet_en td{background:#fff;
}
#laminate #panel{
	display: block;
	vertical-align: top;
}
#laminate #panel_price{
	padding-top: 70px;
	margin-top: -70px;
	display: block;
	width:100%;
	vertical-align: top;
}
ul#chat-message .left, ul#chat-message .right {
    display: list-item;
}
.chat-window-toggled-mobile {
	bottom: 60px !important;
	right: 0 !important;
}
.disp_tel_off #quick_navi .tel {
	display: none !important;
}
#header.disp_tel_off #search_wrap {
	padding-right: 30px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {/*chrome*/
#laminate #panel_price{
	padding-top: -10px;
	margin-top: 10px;
}
}
#laminate .left{
	width:160px;
	padding-right:10px;
}
#copy-printing .box_yellow{margin-bottom:50px;}
/*------------------
    business-card
--------------------*/
#on-demand-business-card .title{
	font-size:24px;
	font-weight:bold;
}
#on-demand-business-card #sheet li{
	margin-bottom:35px;
}
#on-demand-business-card #sheet li:nth-child(3){
	clear:both;
}
#on-demand-business-card #sheet .title span{
	font-size:16px;
}
#on-demand-business-card .box_wrap,
#co_price .box_wrap{
	font-size:18px;
	margin:13px 0;
}
#on-demand-business-card .box_wrap .box_green,
#co_price .box_wrap .box_green,
#co_price .box_wrap .box_pink{
	margin-right:2.5%;
	width:31.6%;
	padding:15px 10px 10px;
	min-height:155px;
	text-align:center;
	font-weight:bold;
	background:#DCEED4;
	border-radius:10px;
}
#on-demand-business-card .box_wrap .red ,
#co_price .box_wrap .red {
	color:#DB0000;
}
#on-demand-business-card .box_wrap .red .fnt30,
#co_price .box_wrap .red .fnt30{
	vertical-align:middle;
}
#on-demand-business-card .box_wrap img,
#co_price  .box_wrap img{
	vertical-align: middle;
}
#on-demand-business-card .box_wrap .box_plus{
	margin-right:2.5%;
	line-height: 155px;
	width:28px;
}
#on-demand-business-card .box_wrap .fnt14,
#co_price .box_wrap .fnt14{
	background:#fff;
	border-radius:5px;
	padding:10px;
	font-weight:normal;
}
#on-demand-business-card .box_y_green{
	background:#DDE357;
	border-radius:10px;
	padding:25px;
	width:100%;
}
/*corporate*/
#co_merit,#co_flow,#co_price{
	margin-bottom:25px;
	padding-bottom:90px;
	border-bottom:1px solid #DFDFDF;
}
#co_price .wrap{
	position:relative;
	border:5px solid #F5F5F5;
	margin-bottom:30px;
}
#co_price .wrap .sample{
	position:absolute;
	right:2.5%;
	top:-10px
}
#co_price .wrap_innr{
	padding:0 2.5%;
}
#co_price .wrap .title{
	font-size:24px;
	background:#F5F5F5;
	padding:8px 20px;
}
#co_price .box_wrap .box_pink{
	background:#FDD7DB;
}
#co_price .box_green:last-of-type,
#co_price .box_pink:last-of-type{
	margin-right:0;
}
#co_price .wrap .fnt24{
	margin:20px 0;
}
#co_price .wrap .bg_green,#co_price .wrap .bg_pink{
	display:inline-block;
	color:#fff;
	background:#4D9753;
	padding:2px 10px;
	margin-right:15px;
}
#co_price .wrap .bg_pink{background:#ED5A64;}
#co_price .wrap .txt_wrap{
	display:inline-block;
	line-height:1.3;
	font-size:14px;
	font-weight:normal;
}
#co_price .wrap .fnt12{
	font-weight:normal;
	text-align:left;
}
#co_option th,#co_option td{
	text-align:left;
	font-size:16px;
	padding:10px;
}
#co_option th{
	white-space:nowrap;
}
#co_option tr:nth-child(even) td{background:#F2F2F2;}
#co_option tr:nth-child(odd) td{background:#fff;}

/*sonoba*/
#sonoba #contact,#sonoba_en #contact{margin-top:0;}
#sonoba .txt_wrap,#sonoba_en .txt_wrap,#top_en .txt_wrap{
	position:absolute;
	top:35%;
	left:0;
	display:table;
	width:100%;
	height:100%;
	vertical-align:middle;
	font-size:23px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	font-style: italic;
	font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#1F67B8;
	line-height:1.2;
}
#sonoba .txt_02,#sonoba_en .txt_02,#top_en .txt_02{
	display:table;
	margin:auto;
	line-height: 1;
	font-size:99px;
	letter-spacing:-3px;
	font-family: Arial, Arial Black,'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#sonoba .txt_02 span{
	display:table-cell;
	vertical-align:middle;
}
#sonoba .txt_02 .jp{font-size:88px;}
#sonoba .txt_03,#sonoba_en .txt_03,#top_en .txt_03{
	font-size:28px;
	color:#333;
	text-shadow: 0 0 5px #fff;
}
#sonoba_en .txt_03,#top_en .txt_03{font-size:17px;}
#sonoba .txt_wrap img,#sonoba_en .txt_wrap img,#top_en .txt_wrap img{
	width:189px;
	margin:20px auto 0;
}

#so_how ul{
	margin:15px 0;
}
#so_how li{
	display:block;
	margin-bottom:10px;
	padding:20px;
	font-size:24px;
	border-radius:5px;
}
#so_how li img{
	vertical-align:middle;
	margin-right:20px;
}
#so_how li:first-of-type{
	background: -webkit-linear-gradient(top,  #2c75c1 0%,#1958ad 100%); 
	background: linear-gradient(to bottom,  #2c75c1 0%,#1958ad 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c75c1', endColorstr='#1958ad',GradientType=0 ); 
	box-shadow: 3px 3px 0px rgb(28, 81, 145);
}
#so_how li:last-of-type{
	background: -webkit-linear-gradient(top,  #ffcf1b 0%,#ffbf0d 100%); 
	background: linear-gradient(to bottom,  #ffcf1b 0%,#ffbf0d 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcf1b', endColorstr='#ffbf0d',GradientType=0 ); 
	box-shadow: 3px 3px 0px rgb(204, 152, 10);
}
#so_how li:first-of-type a{
	display:block;
	color:#fff;
	background:url(/wp-content/themes/grap/images/business-card/sonoba/icon_arrow1.png) no-repeat 99% center;
}
#so_how li:last-of-type a{
	display:block;
	color:#1F67B8;
	background:url(/wp-content/themes/grap/images/business-card/sonoba/icon_arrow2.png) no-repeat 99% center;
}
#so_flow {
	margin-top:70px;
	background:#F2F2F2;
}
#so_flow #template{
	background:#fff;
}
#so_flow .title{
	font-size:24px;
	padding: 13px 18px;
	margin-bottom:25px;
	font-weight:bold;
}
#so_flow .title img{
	display:inline-block;
	vertical-align:middle;
	margin-right:15px;
}
#so_flow .sample li{
	display:block;
	text-align:center;
	width:32%;
	float:left;
	margin:5px 2% 25px 0;
	padding:0 0 20px;
	font-size:14px;
}
#so_flow .sample li:nth-child(3n){
	margin-right:0;
}
#so_flow .sample .smpl_ttl{
	color:#fff;
	padding:7px;
	font-size:16px;
}
#so_flow .sample li img{margin: 10px auto 5px;}
#so_flow #template .title{
	background:#1F67B9;
	color:#fff;
}
#so_flow #sample1 li{background:#F9F9F9;}
#so_flow #sample1 .smpl_ttl{background:#9F9F9F;}
#so_flow #sample2 li{background:#F1F5FB;}
#so_flow #sample2 .smpl_ttl{background:#1F67B9;}
#so_flow #scan{
	background:#fff;
	margin:0 0 100px;
}
#so_flow #scan_innr{
	height:100px;
	background:#F2F2F2;
}
#so_flow #scan .title{
	color:#1F67B8;
	background:#FFCA12;
}
#so_flow #scan h5{
	border-left:8px solid #FFCA12;
	border-bottom:2px solid #FFCA12
}
#so_flow #scan .box_gray{
	padding:30px 2.5%;
	text-align:center;
	background:#F9F9F9;
	margin:30px 0 20px;
}
#so_price th{
	width:10%;
	letter-spacing: -1px;
}
#so_price td{
	width:18%;
	font-weight:bold;
}
#so_price td .fnt12{
	font-weight:normal;
	display:block;
}
#so_sheet{
	margin:90px 0 0;
	padding-bottom:80px;
	background:url(/wp-content/themes/grap/images/business-card/sonoba/img_26.jpg);
}
/*design*/
#design .fnt24.bg_red{
	color:#fff;
	text-align:center;
	background:#C70000;
	padding:10px 0;
}
/*------------------
       TOP
--------------------*/
#top #content,#top_en #content {
	margin-top:0;
	background:#fff;
}
#top #slide,#top_en #slide{padding-top:100px;}
#top .slide,#top_en .slide{position:relative;}
#top .slide .txt_wrap{
	position:absolute;
	top:27%;
	left:0;
	display:table;
	width:100%;
	height:100%;
	vertical-align:middle;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	color:#fff;
	font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.2;
}
#top .slide:first-child .txt_wrap,#top_en .slide:first-child .txt_wrap{top:23%;}
#top .slide .txt_01{
	font-size:35px;
	letter-spacing:-3px;
}
#top .slide .txt_02{
	font-size:78px;
	color:#FFC912;
	letter-spacing:-3px;
}
#top .slide .txt_03{
	line-height: 1.6;
	margin: 20px 0 30px;
}
#top .slide .txt_05,#top_en .slide .txt_02{
	display:table;
	margin:auto;
	line-height: 1;
	font-size:99px;
	color:#1F67B8;
	letter-spacing:-3px;
	font-style: italic;
	font-family: Arial, Arial Black,'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#top .slide .txt_05 span{
	display:table-cell;
	vertical-align:middle;
}
#top .slide .txt_05 .jp{font-size:88px;}
#top .slide .txt_06{
	font-size:28px;
	color:#333;
	font-style: italic;
	text-shadow: 0 0 5px #fff;
}
#top .slide .txt_07{
	color:#1F67B8;
	font-size:23px;
	font-style: italic;
}
#top .slide .txt_wrap img{
	width:189px;
	margin:20px auto 0;
}
#top .slide .txt_wrap a.more{
	display:block;
	border:2px solid #fff;
	color:#fff;
	background: none;
	font-weight:normal;
	letter-spacing:3px;
	cursor: pointer;
	height:40px;
	line-height:40px;
	width:180px;
	margin: 0 auto;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	z-index:2;
	font-size:13px;
}
#top .slide .txt_wrap a.more:before{
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	-webkit-font-smoothing: antialiased;
}
#top .slide .txt_wrap a.more:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	width: 0%;
	height: 100%;
	top: 0;
	left: 0;
	background: #fff;
}
#top .slide .txt_wrap a.more:hover,
#top .slide .txt_wrap a.more:active {
	color: #000;
	background: #FFF;
}
#top .slide .txt_wrap a.more:hover:after,
#top .slide .txt_wrap a.more:active:after {
	width: 100%;
}
#top #about{
	text-align:center;
	padding:85px 0 75px;
	background:url(/wp-content/themes/grap/images/top/bg01_pc.gif) no-repeat center top;
	background-size:cover;
}
#top #about h2{
	margin-bottom: 30px;
	font-size: 34px;
}
#top #menu .innr{max-width:1400px;}
#top #menu li{
	width:33.33%;
	float:left;
}
#top #menu li a{
	font-size:24px;
	text-align:center;
	width:100%;
	padding:100px 0;
	color:#fff;
}
#top #menu span.txt {
	position: relative;
	display: inline-block;
	transition: .3s;
	text-decoration: none;
}
#top #menu span.txt::before,
#top #menu span.txt::after {
	position: absolute;
	left: 50%;
	content: '';
	width: 0;
	height: 1px;
	background-color: #fff;
	transition: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
#top #menu span.txt::before {
	top: 0;
}
#top #menu span.txt::after {
	bottom: 0;
}
#top #menu a:hover span.txt::before,
#top #menu a:hover span.txt::after {
	width: 100%;
}

#top #menu img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#top #menu a:hover img {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

#top #menu .btn1{background:url(/wp-content/themes/grap/images/top/bg02.jpg) no-repeat center center;}
#top #menu .btn2{background:url(/wp-content/themes/grap/images/top/bg03.jpg) no-repeat center center;}
#top #menu .btn3{background:url(/wp-content/themes/grap/images/top/bg04.jpg) no-repeat center center;}
#top #menu .btn4{background:url(/wp-content/themes/grap/images/top/bg05.jpg) no-repeat center center;}
#top #menu .btn5{background:url(/wp-content/themes/grap/images/top/bg06.jpg) no-repeat center center;}
#top #menu .btn6{background:url(/wp-content/themes/grap/images/top/bg07.jpg) no-repeat center center;}
#top #news {
	padding:70px 0;
}
#top #news .left{
	width:160px;
	line-height:1.3;
}
#top #news .left h2{
	font-size:28px;
}
#top #news li{
	display:table;
}
#top #news span{
	display:table-cell;
	line-height:2.3em;
}
#top #news .date{
	width:105px;
}
#top #news a{
	-webkit-transition: 0.7s;
	transition: 0.7s;
}
#top #news a:hover{
	color:#2067B7;
	text-decoration:underline;
}
#top #contact,#top_en #contact {
	background:#fff;
	margin-top:0;
}
/*------------------
     TOP English
--------------------*/
#top_en .txt_04{
	position: absolute;
	top: 44%;
	left: 0;
	font-size: 39px;
	width: 100%;
	color: #fff;
	font-weight: bold;
	text-align: center;
	letter-spacing: -1.5px;
}
#top_en #about {
	text-align:center;
	padding:60px 0;
	background:url(/wp-content/themes/grap/images/top_en/bg_pc.jpg) no-repeat center center;
	background-size:cover;
}
#top_en #about h2{
	color:#1F67B8;
	font-size:36px;
	margin-bottom:45px;
	line-height:1.3;
}
#top_en #about h2:after{
	content:"";
	border-bottom:2px solid #1F67B8;
	width:70px;
	height:40px;
	display:block;
	margin:auto;
}
#top_en #list{
	width:100%;
	box-sizing:border-box;
	margin:75px auto 60px;
}
#top_en #list li{
	width:30%;
	float:left;
	display:block;
	margin:0 1.5% 15px;
	font-size:15px;
}
#top_en #list li:nth-child(3n){
	margin-right:0;
}
#top_en #list li img{
	display:block;
	margin:10px auto;
}
#top_en #list .title{
	font-size:18px;
	margin:5px 0;
	text-align:center;
	color:#1F67B8;
}
#top_en #list li a:hover p{text-decoration:underline;}
#top_en #style h2,#top_en #order h2{
	width:100%;
	max-width:1400px;
	margin:0 auto;
	text-align:center;
	height:120px;
	font-size:32px;
	font-weight:bold;
	color:#fff;
	line-height:120px;
}
#top_en #style h2{
	background:url(/wp-content/themes/grap/images/top_en/img_04_pc.jpg) no-repeat center center;
	background-size:cover;
}
#top_en #order h2{
	background:url(/wp-content/themes/grap/images/top_en/img_05_pc.jpg) no-repeat center center;
	background-size:cover;
	margin-bottom:45px;
}
#top_en #order{margin:90px 0 130px;}

/*------------------
     news
--------------------*/
.news_list{
	margin-top:30px;
	padding-bottom:30px;
	border-bottom:1px solid #dfdfdf;
	font-size:15px;
	color:#333;
}
.news_list .date{
	color:#2067B7;
	font-size:15px;
	line-height:1;
}
.news_list .title{
	font-weight:bold;
	font-size:19px;
	margin:5px 0 15px;
	line-height:1.2;
}
.news_list img{vertical-align:bottom;}
.news_list a:hover p{text-decoration:underline;}

#news_detail_wrap .btn2{
	 position:relative;
	 overflow:hidden;
	 display:block;
	 text-decoration:none;
	 cursor:pointer;
	 border: 1px solid #2067B7;
	 text-align: center;
	 padding:15px 10px;
	 width:260px;
	 margin:60px auto;
}
 
#news_detail_wrap .btn2 .btn-child{
	 position:absolute;
	 top:0;
	 left:0;
}
 
#news_detail_wrap .btn-hover .btn-child{
	 background-color:#2067B7;
	 width:0%;
	 height:100%;
	 transition:all 0.4s;
}
 
#news_detail_wrap .btn-hover .btn-text{
	 color:#2067B7;
}
 
#news_detail_wrap .btn-hover:hover .btn-text{
	 color:#fff;
	 transition:all 0.4s;
	 z-index:2;
}
 
#news_detail_wrap .btn-hover:hover .btn-child{
	width:100%;
	 transition:all 0.4s;
	 z-index:-1;
}
/*ページ送り*/
.wp-pagenavi{
	text-align:center;
	font-size:14px;
}
.wp-pagenavi a{
	display:inline-block;
	margin:5px;
	width:40px;
	height:40px;
	line-height:40px;
	border:1px solid #ccc;
	color:#333;
}
.wp-pagenavi a:hover{
	border:1px solid #2E6EB0;
	background:	#2E6EB0;
	color:#fff !important;
	text-decoration:none !important;
}
.wp-pagenavi span{
	background:	#2E6EB0;
	color:#fff;
	display:inline-block;
	margin:5px;
	width:40px;
	height:40px;
	line-height:40px;
	border:1px solid #2E6EB0;
}

@media screen and (min-width: 1400px) {
#top #menu .btn1,#top #menu .btn2,#top #menu .btn3,#top #menu .btn4,#top #menu .btn5,#top #menu .btn6{
	background-size:100% auto;
}
}
@media screen and (min-width: 641px) and (max-width: 980px) {
#top .slide .txt_03 { margin: 0 0 10px;}
#top .slide:nth-child(2) .txt_03 { margin: 0 0 5px;}
}
@media screen and (max-width: 640px) {
body{
	font-size:14px;
	line-height:1.5;
	margin:0;
}
#wrap{
	min-width:100%;
}

#header_wrap,#header {
	height:50px;
    top: 0;
}
#header h1 {height:50px;}
#header h1 img{
	height:30px;
	width:auto;
	position:absolute;
	top:10px;
	left:10px;
}
#header .right,#header .left{
	width:auto;
}
#quick_btn{
	position:absolute;
	top:15px;
	right:50px;
}
#quick_btn li{
	float:left;
	padding:0 2px;
}
#quick_btn #accs a{
	font-size:10px;
	margin-top: 4px;
	margin-right:5px;
}
#quick_btn #en a{
	background:#EDEDED;
	padding:3px;
	font-size:10px;
}
#header .i_twttr,#header .i_fb{
	display:block;
	width:18px;
	margin-top:2px;
}
#header #sp_gnavi{
	display:none;
	position:absolute;
	top:50px;
	left:0;
	width:100%;
	z-index:101;
	color:#000;
}
#header #sp_gnavi a,#header #sp_gnavi dt.level1{
	padding:15px 5%;
	display:block;
	font-weight:bold;
	width:100%;
	box-sizing:border-box;
}
#header #sp_gnavi dt{
	width:100%;
	position:relative;
	border-top:1px solid #000;
	background:url(/wp-content/themes/grap/images/common/sp_gnavi_bg02.png) no-repeat 95% 16px;
	background-size:18px auto;
}
#header #sp_gnavi dd{
	display:none;
}
#header #sp_gnavi dt:last-child{border-bottom:1px solid #000;}

#header #sp_gnavi dt.level1{
	background:url(/wp-content/themes/grap/images/common/sp_gnavi_bg01.png) no-repeat 94% 18px;
	background-size:15px auto;
}
#header #sp_gnavi dt.level1.open{
	background-image:url(/wp-content/themes/grap/images/common/sp_gnavi_bg01_on.png);
}
#header #sp_gnavi dd ul{
	margin:-10px 0 10px;
}
#header #sp_gnavi dd a{
	font-weight:normal;
	padding:5px 10%;
}
/*
#header #sp_gnavi dt.en,#header #sp_gnavi dt.search,#header #sp_gnavi dt.sns{
	border:none;
	text-align:center;
	background:none;
}
#header #sp_gnavi dt.en{
	border-top:1px solid #000;
}
#header #sp_gnavi dt.en a{
	padding:10px 5%;
	width:90%;
	margin:15px auto;
	font-weight:normal;
	background:#eee;
}
*/

#header .searchform_sp label{display: none;}
#header .searchform_sp input[type="text"]{
    width: 90%;
    height: 40px;
    padding: 0 45px 0 10px;
    margin: 0 5% 15px;
    border: 1px solid #CECECE;
    box-sizing: border-box;
	text-align:left;
}
#header .searchform_sp input[type="submit"]{
	width: 20px;
	height: 20px;
	padding: 0;
	background: url(/wp-content/themes/grap/images/common/icon_search.png) no-repeat;
	background-size:20px auto;
	position:absolute;
	top:10px;
	right:10%;
	border:none;
}
/*
#header #sp_gnavi dt.sns a{
	display:inline-block;
	width:40px;
	margin:0 5px;
	padding:0;
}
*/	
	
/* ナビゲーションアイコン */
header .gnavi_btn {
	display: block;
	width: 40px;
	position: absolute;
	top: 8px;
	right: 3%;
	z-index:200;
}
header .gnavi_btn span {
	display: block;
	height: 2px;
	width: 46%;
	margin-left:25%;
	background: #2067B9;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
header .gnavi_btn span:nth-of-type(1){
	margin-top:10px;
}
header .gnavi_btn span:nth-of-type(2),
header .gnavi_btn span:nth-of-type(3) {
	margin-top: 5px;
}
/* ナビゲーションアイコン：アクティブ */
#header.navOpen #sp_gnavi{
	display:block;
	opacity:1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
header.navOpen .gnavi_btn span:nth-of-type(1) {
	-webkit-transform: translateY(5px) translateX(0) rotate(45deg);
	-ms-transform: translateY(5px) translateX(0) rotate(45deg);
	transform: translateY(5px) translateX(0) rotate(45deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
header.navOpen .gnavi_btn span:nth-of-type(2) {
	margin-top: 5px;
	opacity: 0;
	-webkit-transform: translateY(9px);
	-ms-transform: translateY(9px);
	transform: translateY(9px);
}
header.navOpen .gnavi_btn span:nth-of-type(3) {
	-webkit-transform: translateY(-9px) translateX(0) rotate(-45deg);
	-ms-transform: translateY(-9px) translateX(0) rotate(-45deg);
	transform: translateY(-9px) translateX(0) rotate(-45deg);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.overlay{
	background:#fff;
	opacity:0.9;
	z-index:100;
	top:50px;
}
.fixed {
    position:fixed;
    top:0;
    left:0;
    width:100%;
}
#side_navi{display:none;}

#main_img{
	padding-top:50px;
}
#main_img h2{
	font-size:20px;
}
#main_img h2 span{font-size:10px;}
#main_img h2 span.sp_blk{display:block;}

#intro{
	padding: 25px 5%;
	text-align:left;
	line-height:1.5;
}
#tab .innr{
	width:100%;
	margin:0;
	font-size:12px;
	display:table;
}
#tab li:first-child{border-left: none;}
#tab li:lastt-child{border-right: none;}
#idx_navi{
	background-size:90% auto,90% auto;
	margin:20px 0 -20px;
}
#idx_navi li,#idx_navi li:nth-child(3n){
	width:48%;
	margin:20px 4% 20px 0;
	font-size:14px;
}
#idx_navi li:nth-child(2n){
	margin-right:0;
}
#idx_navi .title{
	font-size:15px;
}
#idx_navi figure {
	width: 100%;
	height: auto;
}
#idx_navi figure img {
	-webkit-transform:none;
	transform:none;
	-webkit-transition:none;
	transition: none;
}
#idx_navi li a:hover figure img {
	-webkit-transform: none;
	transform: none;
}

#contact {
	display:none;
}
#content .fl.w40{margin-bottom:10px;}
#f_btn{
	display:table;
	width:100%;
	position:fixed;
	bottom:0;
}
#f_btn li{
	display:table-cell;
	width:50%;
	background:#FF4D51;
}
#f_btn li:last-child{background:#FF9500;}
#f_btn li a{
	width:100%;
	color:#fff;
	padding:15px 0;
	font-size:13px;
	text-align:center;
}
#f_btn li a img{
	width:10%;
	margin:0 5px 2px 0;
	vertical-align: middle;
}
#footer{
	padding:20px 0 60px;
	margin-top:50px;
}
#footer .f_navi ul,#footer #copy{
	float:none;
}
#footer .f_navi li{
	display:block;
	margin:0;
	border-bottom:1px solid #31383F;
	background:url(/wp-content/themes/grap/images/common/sp_gnavi_bg02.png) no-repeat 98% center #fff;
	background-size:14px auto;
}
#footer .f_navi li a{
	display:block;
	padding:10px 20px;
	color:#585657;
	box-sizing:border-box;
}
#footer #copy{
	margin:0;
	width:100%;
	text-align:center;
	margin-top:20px;
}
/*------------------
      共通
--------------------*/
#pc.right,#footer .f_menu {display:none;}

.sp_line{
	border-top:1px solid #ccc;
	width:100%;
	display:inline-block;
	padding:5px 0;
}
.sp_blk,.pc_no{display:block;}
.sp_bld{font-weight:bold;}
.sp_no{display:none;}
.pc_blk{display:inline;}
.innr{
	width:90%;
	margin:0 5%;
	display:block;
}

.scroll {
	overflow: auto;
	white-space: nowrap;
}
.scroll::-webkit-scrollbar { height: 5px;}
.scroll::-webkit-scrollbar-track { background: #F1F1F1;}
.scroll::-webkit-scrollbar-thumb { background: #BCBCBC;}

th,td{
	padding:8px 5px;
    font-size: 14px !important;
}
td .yen{font-size:12px;}
ul {padding: 0;}
.sp_blk th,.sp_blk td{
	display:block;
	border:none;
}
.sp_blk td{background:#fff !important;}
p{margin:auto;}
h3 {
    font-size: 23px;
    margin: 40px 0 20px;
	line-height:1.3;
}
h4 {
	font-size: 18px;
	margin: 30px 0 15px;
	padding-bottom: 10px;
	background-size: 100% 5px;
}
h5{
	font-size:18px;
	border-left:6px solid #1F67B9;
	border-bottom:1px solid #1F67B9;
}
h3 img{height:20px;}
#sonoba h3,#sonoba_en h3,#discount-for-corporate h3,#electronic-seal h3,#copy-reform h3{font-size: 25px;}
#faq h4,#users-guide h4{padding-bottom:10px;}
h4.tbl{display:table;}
h4.tbl span{
	display:table-cell;
	vertical-align:top;
	line-height:1.3;
	padding-left:8px;
	width: 90%;
}
h4.tbl img{
	display:table-cell;
}

.innr_pd{
	margin:0;
	width:100%;
}
.fl,.fr{
	float:none;
	width:100%;
}
.fnt24,.fnt30,.fnt48{font-size:18px;}

.mt60 {margin-top: 30px;}
.mb40{margin-bottom:30px;}

.box_yellow {
	margin-top: 10px;
	font-size:13px;
	padding: 20px 5% 10px;
}
.box_yellow.atten .red img {
    margin-right: 5px;
    height: 22px;
}
.iro li{
	display:inline-block;
	margin-right:8px;
}
.iro li img{
	width:36px;
	margin-right:4px;
}
.box_blue{padding:2px 5% 20px;}
.box_blue .title span,#slip h4 span{
	display:inline-block;
	width:85%;
}
.box_blue .title img,#slip h4 img{
	width:10%;
	margin-right:2%;
	vertical-align:top;
}
#map {
	height:300px;
}
/*------------------
     company
--------------------*/
#greeting h3{ margin: 40px 5% 20px;}
#greeting .bg{
	background:none;
	min-height:10px;
}
#greeting .innr{
	padding:10px 0 0;
	color:#333;
}
#greeting .innr p.mb25:first-child {margin-bottom:0;}
#staff{margin:25px auto 0;}

/*------------------
     recruit
--------------------*/
#recruit img.fl{margin:0 0 5px;}
#recruit th{
	text-align:left;
	padding: 8px;
}
/*------------------
   plivacy-policy
--------------------*/
#privacy-policy p{margin-bottom:25px;}
#privacy-policy .note p,#privacy-policy .note2 p,#privacy-policy .note3 p{
	margin:0;
	text-indent:0;
}
#privacy-policy .note2.sp p{
	margin:0 0 0 2em;
	text-indent:-2em;
}
#privacy-policy .box{
	padding:15px 2.5%;
}
#privacy-policy #info_provision th{
	text-align:left;
	padding:8px;
}
/*------------------
  users guide
--------------------*/
#users-guide h4 img{
	width:50px;
	display:block;
	margin-bottom:5px;
}
#users-guide #other p,#users-guide #other span{display:block;}
#users-guide #other span.title{
	width:auto;

	margin-top:015px;
}
/*------------------
estimate contact/order
--------------------*/
.form.innr{
	width:100%;
	margin:30px auto 20px;
	padding:20px 0;
}
.form th,.form td{display:block;}
.form th{
	text-align:left;
	border:none;
	padding-bottom:0;
	width:100%;
}
.form td{padding: 10px 15px 20px;}
.form tr:last-child td{border-bottom:1px solid #D7D7D7;}
.form .txt_c input{height:60px;}
.form .txt_c input,.form .txt_c input.wpcf7-back{
	display:block;
	width:80%;
	padding: 5px 10px 15px;
}
.form .txt_c input.wpcf7-back{margin:0 auto 10px;}
.form input.size1{max-width:75%;}
#estimate-contact .i_tel{margin:0 10px 10px 0;}
#estimate-contact .fnt18{font-size:14px;}
#estimate-contact .fnt48{font-size:30px;}
#estimate-contact a{display:inline-block;}
#estimate-contact p.mb15{font-size:12px;}

/*------------------
      access
--------------------*/
#access #adress.txt_c p,#access_en #adress.txt_c p{text-align:left;}
#access .mb40,#access_en .mb40{margin-bottom:20px;}
#access #adress img.mb30,#access_en #adress img.mb30 {
	margin:0 auto 20px;
	width:50%;
}
#access_en #adress img.mb30 {margin:0 auto 10px;}
#access .fr,#access_en .fr{
	background:url(/wp-content/themes/grap/images/common/arrow1.gif) no-repeat center bottom;
	padding-bottom:30px;
	margin-bottom:5px;
}
#access_en #adress.mb70.mt60{margin:30px 0 10px;}
#access .fr .left,#access_en .fr .left{ width: 40px;} 
#access .fr img ,#access_en .fr img { width: 30px;}
#access .fr.end,#access_en .fr.end{
	background:none;
	padding:0;
}
#access-2 #adress.txt_c p,#access_en-2 #adress.txt_c p{text-align:left;}
#access-2 .mb40,#access_en-2 .mb40{margin-bottom:20px;}
#access-2 #adress img.mb30,#access_en #adress img.mb30 {
	margin:0 auto 20px;
	width:50%;
}
#access_en-2 #adress img.mb30 {margin:0 auto 10px;}
#access-2 .fr,#access_en-2 .fr{
	background:url(/wp-content/themes/grap/images/common/arrow1.gif) no-repeat center bottom;
	padding-bottom:30px;
	margin-bottom:5px;
}
#access_en-2 #adress.mb70.mt60{margin:30px 0 10px;}
#access-2 .fr .left,#access_en-2 .fr .left{ width: 40px;} 
#access-2 .fr img ,#access_en-2 .fr img { width: 30px;}
#access-2 .fr.end,#access_en-2 .fr.end{
	background:none;
	padding:0;
}
/*------------------
     plan design
--------------------*/
#plan-design #idx_navi li{
	width:100%;
	float:none;
	margin:0 0 20px;
}
#plan-design #idx_navi .title span{
	font-size:10px;
	display:block;
}

/*------------------
    seal
--------------------*/
#registered-seal #size .fl, #registered-seal #size .fr{margin-top:30px;}
#registered-seal .seal_type .fl,#registered-seal .tbl .left,
#private-seal .fl,#private-seal .left{
	width:23%;
	float:left;
}
#registered-seal .seal_type .fr,#registered-seal .tbl .right,
#private-seal .fr,#private-seal .right{
	width:71%;
	float:right;
}
#registered-seal .box_gray{
	margin-top: 10px;
	padding:10px 5% 5px;
}
#registered-seal .box_gray .tbl .left{width:18%;}
#registered-seal .box_gray .tbl .right{
	width:77%;
	font-size:13px;
}
#registered-seal .box_gray p{margin:0;}
#p_c_seal .fl,#p_c_seal .fr{
	width:80%;
	margin:0 auto 30px;
}
#p_c_seal .fr img{margin-bottom:10px}

/*rubber-seal*/
#type h4 span{
	display:block;
	font-size:12px;
}
#type1 .fl{float:left;width:30%;}
#type1 .fr{float:right;;width:65%;}
#type2 .fl,#type3 .fl{
	width:80%;
	margin:0 auto;
}
/*electronic-seal*/
#se_what .fr img{
	display:inline-block;
	margin:0 10px 10px 0;
	width:40%;
	float:left;
}
#se_what .fl{display:none;}
#howto .box_blue .title span {
	width:90%;
    font-size: 18px;
    line-height: 1.3;
    vertical-align: middle;
}
#howto .box_blue p,#howto .box_blue div{width:100%;}
#howto .txt_c img {
	width: 10%;
	margin: 10px 0 5px;
}
#howto .box_blue .photo{
	position:relative;
	top:0;
	right:0;
	width:50%;
	margin:0 25% 10px;
}
#howto .box_yellow,#copy .box_yellow{font-size:15px;}
#copy .box_yellow p{margin-bottom:10px;}
#copy-reform #tab li:first-child a,#copy-reform #tab li:nth-child(2) a,#sonoba_en #tab li:nth-child(2) a{
	line-height: 1.2;
    height: auto;
    padding: 7px 0;
}

/*------------------
    business tool
--------------------*/
#postcard .fl{float:left;width:75%;}
#postcard .fr{float:right;width:20%;}
#postcard .fl th,#postcard .fl td{padding:5px;}
#postcard table.col1{width:100%;}
#slip table.fnt14 th,#slip table.fnt14 td{padding:8px 5px;}
#slip table#add th,#slip table#add td{width:auto;}
#slip .box_blue,#slip .box_last,#slip .next{
	width:100%;
	display:block;
	margin-bottom:10px;
	min-height:10px;
	padding:10px 2%;
}
#slip .box_last{padding:20px 2%;font-size:20px;}
#slip .next{
	height:20px;
	background-image:url(/wp-content/themes/grap/images/common/arrow1.gif);
}
#slip li{width:48%;}
#slip li:nth-child(2n){margin-right:0;}


/*------------------
     copy-uotput
--------------------*/
.box_yellow.atten.innr{
	width:100%;
	margin:-40px 0;
}
#laminate .innr_pd .innr{
	width:100%;
	margin:0;
}
#laminate .left{width:36%;}
/*------------------
    business-card
--------------------*/
#on-demand-business-card .title {
	font-size: 18px;
	margin:0 0 10px;
}
#on-demand-business-card td img{
	width:40px;
	height:auto;
}
#on-demand-business-card .box_wrap .box_green,
#co_price .box_wrap .box_green,
#co_price .box_wrap .box_pink{
	margin:0 0 13px;
	width:100%;
	padding:10px;
	min-height: 100px;
}
#on-demand-business-card .box_wrap .box_green p,
#co_price .box_wrap .box_green p,
#co_price .box_wrap .box_pink p{
	margin-top:5px;
}
#on-demand-business-card .box_wrap .box_plus{
	margin:0 auto 13px;
	line-height: 1;
	text-align:center;
	width:34px;
}
#on-demand-business-card .box_y_green{
	padding: 15px;
    font-size: 12px;
}
#on-demand-business-card .box_y_green .fnt20{
	margin-bottom:5px;
}
#on-demand-business-card #otoku .fnt20{font-size:16px;}

#co_price .wrap .bg_green ,
#co_price .wrap .bg_pink{
	margin-bottom:5px;
}
#on-demand-business-card .box_wrap .fnt30,
#co_price .box_wrap .fnt30{
	font-size:30px;
}
/*corporate*/
#co_price .wrap .title {
    font-size: 16px;
    padding: 8px 10px;
}
#co_merit,#co_flow,#co_price{
	padding-bottom:40px;
	margin-left:5%;
	margin-right:5%;
	padding-left:0%;
	padding-right:0%;
}
#co_price .wrap .sample {
    top: 70px;
	width:40%;
}
#co_price .wrap .fnt24{
	width:55%;
	font-size:15px;
}
#co_merit section:nth-child(4) h4.tbl span{vertical-align:middle;}
/*sonoba*/
#sonoba .txt_wrap,#sonoba_en .txt_wrap,#top_en .txt_wrap{
	font-size:13px;
	letter-spacing:-1px;
}
#sonoba_en .txt_wrap{top:33%;}
#sonoba_en .txt_wrap .txt_01,#top_en .txt_wrap .txt_01{font-size:18px;}
#sonoba .txt_02,#sonoba .txt_02 .jp,#sonoba_en .txt_02,#top_en .slide .txt_02{font-size:42px;}
#sonoba .txt_03,#sonoba_en .txt_03,#top_en .txt_03{font-size:13px;}
#sonoba .txt_wrap img,#sonoba_en .txt_wrap img,#top_en .txt_wrap img{
	width:20%;
	margin-top:10px;
}
#sonoba_en .txt_wrap img,#top_en .txt_wrap img{margin-top:1px;}
#so_how li{
	padding:15px 10px;
	font-size:16px;
}
#so_how li img{
	margin-right:10px;
	width:28px;
}
#so_how li:first-of-type a,#so_how li:last-of-type a{
	padding-right:30px;
	box-sizing:border-box;
	background-size:16px auto;
	text-indent:-38px;
	margin-left:38px;
}
#so_flow {
	border-top:1px solid #DFDFDF;
	border-bottom:1px solid #DFDFDF;
	background:#fff;
	width:90%;
	margin-left:5%;
	margin-right:5%;
}
#so_flow #template,#so_flow #scan{
	margin-bottom:20px;
	position:relative;
	padding-top: 60px;
}
#so_flow .innr{
	width:100%;
	margin:0;
}
#so_flow .title{
	font-size:16px;
	padding:8px 10px;
	position: absolute;
    left: -6%;
    width: 104%;
    top: 0;
}
#so_flow .title img{
	width:30px;
	margin-right:10px;
}
#so_flow .sample li,#so_flow .sample li:nth-child(3n){
	width:48%;
	margin:0 4% 10px 0;
	padding:0 0 10px;
	font-size:12px;
}
#so_flow .sample li:nth-child(2n){margin-right:0;}
#so_flow .sample .smpl_ttl{
	font-size:13px;
	padding:8px;
}
#so_flow .sample li img{
	margin:5px 2px 3px;
	max-height:160px;
}
#so_flow .sp_fl{
	float:left;
	width:48%;
	margin-right:4%;
	text-align:center;
}
#so_flow .sp_fr{
	float:right;
	width:48%;
	text-align:center;
}
#so_flow #scan_innr{
	height:1px;
	background:#fff;
}
#so_flow #scan .box_gray{padding:15px;}
#so_flow #scan .box_gray img{
	width:60%;
}
#so_price{padding-top:5px;}
#so_price h3 img,#so_sheet h3 img{height:30px;}
#so_price h4{
	background:none;
	font-size:16px;
	margin:20px 0 0;
	padding:0;
}
#so_sheet{
	margin:40px 0 -60px;
	padding: 5px 0 50px;
}
#so_sheet .fl{margin-bottom:25px;}
#so_sheet .mb15{margin:5px 0;}
#so_sheet .bld{margin:0;}

/*------------------
       TOP
--------------------*/
/* #top{margin-bottom:-50px;} */
#slide_wrapper {
	margin-top: 50px;
	padding-top: 56.280193%;
	height: 0;
	position: relative;
}
#top #slide,
#top_en #slide {
	position: absolute;
	top: 0;
    width: 100%;
	padding-top: 0;
}
#top .slide .txt_wrap{
	top:22%;
	font-size:13px;
	letter-spacing:-1px;
}
#top .slide:first-child .txt_wrap,#top_en .slide:first-child .txt_wrap{	top:20%;}
#top .slide .txt_01{font-size:23px;}
#top .slide .txt_02{
	font-size:30px;
	letter-spacing:0;
}
#top .slide .txt_03{
	line-height: 1.5;
	margin: 10px 0 0;
}
#top_en .slide .txt_04{
	top:37%;
	font-size:20px;
}
#top .slide .txt_05,#top .slide .txt_05 .jp{font-size:42px;}
#top .slide .txt_06,#top .slide .txt_07{font-size:13px;}
#top .slide .txt_wrap img{
	width:22%;
	margin-top:5px
}
#top #about{
	text-align:left;
	padding:40px 0;
	background-image:url(/wp-content/themes/grap/images/top/bg01_sp.jpg);
}
#top #about .sp_blk{
	display:block;
	margin-top:20px;
}
#top #about h2{
	margin-bottom:20px;
	font-size:24px;
	text-align:center;
}
#top #menu .innr{
	width:100%;
	margin:0;
}
#top #menu li{
	width:50%;
}
#top #menu img {width:34px;}
#top #menu li a{
	font-size:18px;
	padding:30px 1%;
	box-sizing:border-box;
	width:100%;
	height:150px;
}
#top #menu .btn1,#top #menu .btn2,#top #menu .btn3,#top #menu .btn4,#top #menu .btn5,#top #menu .btn6{	
	background-size:cover;
}
#top #news {
	padding:30px 0;
}
#top #news .left,#top #news .right{
	width:100%;
	display:block;
}
#top #news .left h2{
	font-size:24px;
	text-align:center;
	margin-bottom:20px;
}
#top #news li{
	display:table;
    margin-bottom: 15px;
}
#top #news span{
	display:block;
	line-height:1.5;
}
/*------------------
     TOP English
--------------------*/
#top_en .txt_04{
	position:absolute;
	top:48%;
	left:0;
	font-size:40px;
	width:100%;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
#top_en #about {
	padding:30px 0;
	background-image:url(/wp-content/themes/grap/images/top_en/bg_sp.jpg);
	text-align:left;
}
#top_en #about h2{
	font-size:20px;
	margin-bottom:25px;
	text-align:center;
}
#top_en #about h2:after{
	border-bottom:1px solid #1F67B8;
	height:20px;
}
#top_en #list{
	margin:30px auto;
}
#top_en #list li{
	width:100%;
	float:none;
	margin:0 0 15px;
}
#top_en #style h2,#top_en #order h2{
	height:90px;
	font-size:26px;
	font-weight:bold;
	color:#fff;
	line-height:90px;
}
#top_en #style h2{
	background-image:url(/wp-content/themes/grap/images/top_en/img_04_sp.jpg);
}
#top_en #order h2{
	background-image:url(/wp-content/themes/grap/images/top_en/img_05_sp.jpg);
	margin-bottom:25px;
}
#top_en #order{margin:30px 0;}

.news_list .date{margin:10px 0;}

}
@media screen and (max-width: 320px) {
.sp_blk360{display:block;}
#header h1 img{
	height:26px;
	top:12px;
}
#quick_btn{
	top:15px;
	right:46px;
}
#header #sp_gnavi a,#header #sp_gnavi dt.level1{
	padding:10px 5%;
}
#so_flow .sample li,#so_flow .sample li:nth-child(3n),#tab .innr,#co_price .box_wrap {
	letter-spacing:-1px;
}
#on-demand-business-card .box_wrap, #co_price .box_wrap { margin: 13px 0 5px;}
#envelope-printing .iro li{margin-right:6px;}
#envelope-printing .iro#ink li{
	margin-right: 5px;
    letter-spacing: -1px;
}
#envelope-printing .iro#ink li:nth-child(2){margin-right:0;}
#postcard .fl{width:73%;}
#postcard .fr{width:23%;}
#so_flow #scan {padding-top: 90px;}
#scan .title .sp_blk360{margin-left:13%;}

#top .slide .txt_wrap{top:22%;}
#top .slide:first-child .txt_wrap,
#top .slide:nth-child(2) .txt_wrap{	top:18%;}
#top .slide .txt_01{font-size:23px;}
#top .slide:nth-child(2)  .txt_02{line-height: 1;}
#top .slide:nth-child(2)  .txt_03{margin-top:0;}
#top .slide .txt_wrap img{margin-top:2px}

}

/* ======================================
20180418更新分
======================================== */
/* **************************
ヘッダー
************************** */
/* JAPANESE・ENGLISH ロゴ */
#header #quick_navi #en2018 {
    padding: 0 20px;
}

#header #quick_navi #en2018 a {
    background: transparent;
    padding: 1px 5px;
    font-size: 12px;
}

#header #quick_navi #en2018 a img {
    margin-top: 5px;
}

#sp_right #en2018 a img {
	width: 65px;
    padding-top: 1px;
}

/* **************************
トップページ
************************** */
/* 新着情報 */
#top #news .date {
    color: #6a6a6a;
    padding-right: 20px;
}

/* アクセスマップ */
#map-2018 {
    /*background: url(/wp-content/themes/grap/images/common/map_2018_pc.png) no-repeat center center;*/
    background-size: cover;
    text-align: center;
    /*height: 496px;*/
}

#map-2018 .side-2018 {
	position: relative;
    width: 430px;
    height: 100%;
    float: left;
    background-color: rgba(90, 90, 90, 0.8);
    margin-top: -500px;
    height: 500px;
}

#map-2018 .side-2018:after {
	display: block;
	content: "";
 	clear: both;
}

#map-2018 .side-2018 .inner-2018 {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
}
#map-2018 .side-2018 .inner-2018 img {
	margin-bottom: 20px;
}

#map-2018 .side-2018 .inner-2018 p {
	font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6";
	font-size: 90%;
    line-height: 1.7em;
}

#map-2018 .side-2018 .inner-2018 p.box2018 {
	width: 50%;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 4px 0;
	border: solid 2px #fff;
    position: relative;
    display: inline-block;
    font-size: 110%;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(255,255,255,1) 50%);
	background-position: 0 0;
	background-size: 200% auto;
	transition: 0.3s;
}

#map-2018 .side-2018 .inner-2018 p.box2018:hover {
  background-position: -100% 0;
  color: #000;
}

#map-2018 .side-2018 .inner-2018 p.box2018 a {
	color: #fff;
}

#news #map-2018 .side-2018 .inner-2018 p.box2018 a:hover {
	color: #000;
	text-decoration: none;
}

#news #map {
	margin-top: 30px;
}

@media screen and (max-width: 748px) {
    #map-2018{
    display: none;
	}
    #map-2018_sp-only {
  	display: block;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
 	}
 	#map-2018_sp-only .img_en {
  	margin-top: -24px;
 	}
 	#map-2018_sp-only .side-2018 {
    width: 100%;
    background-color: rgba(90, 90, 90, 0.5);
    padding-bottom: 20px;
    margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	}
 	#map-2018_sp-only .side-2018 .inner-2018 {
	width: 95%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #fff;
	}
	#map-2018_sp-only .side-2018 img {
	margin-top: 20px;	
	margin-bottom: 20px;
	}
	#map-2018_sp-only .side-2018 p {
	font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6";
	font-size: 90%;
    color: #fff;
    line-height: 1.7em;
    text-align: center;
	}
	#map-2018_sp-only .side-2018 p.box2018 {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	padding: 4px 0;
	border: solid 1px #fff;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(255,255,255,1) 50%);
	background-position: 0 0;
	background-size: 200% auto;
	transition: 0.3s;
	}
	#map-2018_sp-only .side-2018 p.box2018:hover {
  	background-position: -100% 0;
  	color: #000;
	}

	#map-2018_sp-only .side-2018 p.box2018 a {
	color: #fff;
	}

	#news #map-2018_sp-only .side-2018 p.box2018 a:hover {
	color: #000;
	text-decoration: none;
	}

	#news #map {
	width: 95%;
	margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
	}
}

@media screen and (min-width: 749px) {
    #map-2018_sp-only {
    display: none;
   	}
  }

/* **************************
ENGLISH TOP
************************** */
/* アクセスマップ */
#map-2018 .side-2018 .inner-2018 p.box2018_en {
	width: 55%;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	padding: 4px 0;
	border: solid 2px #fff;
    position: relative;
    display: inline-block;
    font-size: 110%;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(255,255,255,1) 50%);
	background-position: 0 0;
	background-size: 200% auto;
	transition: 0.3s;
}

#map-2018 .side-2018 .inner-2018 p.box2018_en:hover {
  background-position: -100% 0;
  color: #000;
}

#map-2018 .side-2018 .inner-2018 p.box2018_en a {
	color: #fff;
}

#map-2018 .side-2018 .inner-2018 p.box2018_en a:hover {
	color: #000;
}


@media screen and (max-width: 748px) {
	#map-2018_sp-only .side-2018 p.box2018_en {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	padding: 4px 0;
	border: solid 1px #fff;
	background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(255,255,255,1) 50%);
	background-position: 0 0;
	background-size: 200% auto;
	transition: 0.3s;
	}
	#map-2018_sp-only .side-2018 p.box2018_en:hover {
  	background-position: -100% 0;
  	color: #000;
	}

	#map-2018_sp-only .side-2018 p.box2018_en a {
	color: #fff;
	}

	#map-2018_sp-only .side-2018 p.box2018_en a:hover {
	color: #000;
	text-decoration: none;
	}
	#top_en #map {
	width: 95%;
	margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
	}

	.bx-viewport {
		height: 200px;
		overflow: hidden;
	}
}
/* **************************
アクセスページ
************************** */
.mb40_00 {
    margin-bottom: 0px;
}

.c-access1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
}

.c-access1__left1--pc-only {
    width: 485px;
    margin-right: 25px;
}

.c-access1__left1 img {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.c-access1__right1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.c-access1__right1__table1 {
    display: table;
    margin-bottom: 10px;
}

.c-access1__right1__table1--left1 {
    display: table-cell;
    vertical-align: top;
    width: 200px;
    padding-right: 5px;
}

.c-access1__right1__table1--right1 {
    display: table-cell;
    vertical-align: top;
    font-size: 76%;
}

.c-access1__right1__table1--right1 img {
    width: 25px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.innr_pc-only {
    margin: 0 auto;
    width: 100%;
    max-width: 1000px;
    display: table;
  }

@media screen and (max-width: 748px) {
  .c-access1 {
    display: block;
  }
  .c-access1__left1 {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
  .c-access1__right1 {
    display: block;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 748px) {
 .pc-only {
    display: none;
  }
  .innr_pc-only {
    display: none;
  }
  .innr_sp-only {
  	display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background: #F9F9F9;
    padding: 25px 0;
  }
  .innr_sp-only p {
    width: 95%;
  }
  .c-access1__left1--pc-only {
    display: none;
  }
  .c-access1__left1--sp-only img {
    margin-top: 20px;
  }
  .c-access1__right1 h3 {
    display: block;
    margin-bottom: 10px;
  }
  .c-access1__right1__table1--left1 {
    width: 60%;
}
  .c-access1__right1__table1--right1 {
    padding-right: 5px;
  }
  .c-access1__right1__table1--right1.sp-only {
    width: 30em;
  }
  p.red {
  	display: block;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 749px) {
  .sp-only {
    display: none;
  }
  .innr_sp-only {
    display: none;
  }
  .c-access1__left1--sp-only {
    display: none;
  }
  .c-access1__right1 h3 {
    display: none;
  }
  p.red {
    display: none;
  }
}

@media screen and (max-width: 640px){
#access #adress.txt_c p, #access-2 #adress.txt_c p, #access_en #adress.txt_c p, #access_en-2 #adress.txt_c p {
    text-align: center;
}
  .c-access1__right1__table1--right1.sp-only {
    width: 20em;
}
}


/* **************************
フッター
************************** */
/* p-mark */
#footer .p-mark {
    float: right;
}

#footer .p-mark img {
    margin-top: -72px;
    margin-left: 20px;
}

#footer .p-mark a img:hover{
        opacity: 0.7;
}

@media screen and (max-width: 641px) {
#footer .p-mark {
    display: none;
	}
}

/* COPYRIGHT */
#footer #copy02 {
    float: left;
    font-size: 12px;
    margin-left: 36px;
    margin-top: 2px;
}

/* **************************
会社案内ページ
************************** */
.no_header th.txt_l{
	width: 15%;
}

.no_header .list-box {
  display: table;
}

.no_header .list-text {
  display: table-cell;
  vertical-align: middle;
}

.no_header .list-img {
  display: table-cell;
  vertical-align: middle;
  padding-left: 30px;
}

/* **************************
colorful clover 追記 20220623〜
************************** */
/* #header.header-new #quick_navi {
	top: 5px;
} */
#header.header-new.fix #quick_navi {
    top: -50px;
}
#header.header-new.fix #gnavi {
    margin-top: 12px;
}
#header.header-new #quick_navi li.quick_navi_menu {
	padding: 0 7px;
    font-size: 12px;
}
#header.header-new #quick_navi .quick_navi_menu a {
    font-family: 'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 12px;
}
#header.header-new #quick_navi #en {
    padding: 0 10px;
}
#header.header-new #quick_navi #search {
    padding: 0 10px;
}
#header.header-new #quick_navi li {
	margin-right: 15px;
}
#header.header-new #quick_navi .tel {
	padding: 0 2px;
}
#header.header-new #quick_navi .tel img {
	margin: -3px 0 0 0;
}
#header.header-new .i_tel, 
#header.header-new .i_twttr, 
#header.header-new .i_fb,
#header.header-new .i_ig {
	width: 25px;
	vertical-align: middle;
}
#header.header-new #quick_navi .tel a {
	cursor: pointer;
}
#header.header-new #quick_navi .tel, 
#header.header-new #quick_navi .twttr, 
#header.header-new #quick_navi .fb,
#header.header-new #quick_navi .ig {
	padding: 0 4px 4px;
}

#header.header-new #search_wrap {
    width: 20px;
    height: 20px;
}
#header.header-new #search_wrap .i_search {
	top: 0;
    width: 20px;
    height: 20px;
}
#header.header-new #gnavi ul.navi1 {
	padding-right: 0;
}
#header.header-new #gnavi a {
	padding: 0 12px;
	height: 36px;
    line-height: 36px;
}
/* #header.header-new #gnavi li {
	font-size: 14px;
} */
#header.header-new #gnavi ul.navi2:last-child a {
	padding: 0 12px;
}
#header.header-new #gnavi ul.navi2 li:first-child {
    margin-right: 0;
}
#header.header-new #gnavi .btn_contact {
	margin-left: 10px;
}
#header.header-new #gnavi .btn_contact a {
    background: #1f73b7;
    color: #fff;
    display: inline-block;
    line-height: 36px;
    height: 36px;
	border-radius: 4px;
}
#header.header-new #gnavi .btn_contact a:hover {
    transition: .3s;
    opacity: 0.7;
}
#header.header-new #gnavi {
    margin-top: 55px;
}
#header.header-new .left {
    width: 190px;
}
#header.header-new h1 {
	width: 180px;
}
#side_navi.header-new .mail a {
    background: url(/wp-content/themes/grap/images/common/icon_shop.png) no-repeat 18px 20px #FF9500;
    background-size: 24px auto;
}
#side_navi.en.header-new .mail a {
	background: url(/wp-content/themes/grap/images/common/icon_shop.png) no-repeat 52px 13px #FF9500;
    background-size: 22px auto;
}
.map_wrapper #map-2018 .side-2018 {
	background-color: rgb(31 115 183 / 90%)
}
#estimate-contact .form,
#estimate-contact_en .form {
    background: #e9f5ff;
}
#estimate-contact .form .txt_c input.wpcf7-confirm, #estimate-contact .form .txt_c input.wpcf7-submit,
#estimate-contact_en .form .txt_c input.wpcf7-confirm, #estimate-contact_en .form .txt_c input.wpcf7-submit {
    background-color: #1f73b7;
}

@media screen and (max-width: 640px){
	#footer #copy02 {
		width: 100%;
		margin-left: 0;
		margin-top: 10px;
		margin-bottom: 10px;
		text-align: center;
	}
	.map_wrapper #map-2018_sp-only {
		margin-top: 80px;
	}
	.map_wrapper #map-2018_sp-only .side-2018 {
		background-color: rgb(31 115 183);
	}
	.map_wrapper #map-2018_sp-only .logo img {
		width: 100px;
		margin-bottom: 15px;
	}
	.map_wrapper #map-2018_sp-only .side-2018 p.box2018 {
		margin-top: 10px;
	}
	.map_wrapper #map {
		height: 240px;
		width: 95%;
		margin-left: auto;
		margin-right: auto;
	}

	#launcher {
		right: -10px !important;
		bottom: 50px !important;
	}
	#top.page-id-66584 .slide02 .txt_wrap,
	#top.page-id-66584 .slide03 .txt_wrap {
		top: 12%;
	}

	#header.header-new  h1 img {
		top: 9px;
		left: 8px;
	}
	#header.header-new .gnavi_btn {
		/* top: 9px; */
		right: 2px;
	}
	#header.header-new #quick_btn {
		top: 11px;
		right: 42px;
	}
	#header.header-new #quick_btn #en {
		margin: 4px 5px;
	}
	#header.header-new #quick_btn .btn_contact_sp {
		margin: 4px 0;
	}
	#header.header-new #quick_btn .btn_contact_sp a {
		background: #2073b7;
		box-sizing: border-box;
		height: 21px;
		padding: 0 8px;
		border-radius: 2px;
		color: #fff;
		font-weight: bold;
		font-size: 10px;
		line-height: 21px;
	}

	#f_btn.footer-new {
		z-index: 200;
	}
	#f_btn.footer-new li a{
		font-weight: bold;
	}

	#header.header-new #sp_gnavi .sp_gnavi_menu {
		margin: 0 auto;
		/* border-color: #2073b7 !important; */
	}
	#header.header-new #sp_gnavi .sp_gnavi_menu a {
		/* color: #2073b7; */
		padding-left: 55px;
	}
	#header #sp_gnavi .sp_gnavi_menu {
		/* background: url(/wp-content/themes/grap/images/common/sp_gnavi_bg02_bl.png) no-repeat 95% 16px;
		background-size: 18px auto; */
		position: relative;
	}
	/* #header #sp_gnavi .sp_gnavi_menu.access {
		margin-top: 20px;
	} */
	#header #sp_gnavi .sp_gnavi_menu::before {
		content: "";
		width: 28px;
		height: 28px;
		display: inline-block;
		position: absolute;
		top: 11px;
		left: 15px;
	}
	#header #sp_gnavi .sp_gnavi_menu.access::before {
		background: url(/wp-content/themes/grap/images/common/icon_access.png) no-repeat center / contain;
	}
	#header #sp_gnavi .sp_gnavi_menu.guide::before {
		background: url(/wp-content/themes/grap/images/common/icon_guide.png) no-repeat center / contain;
	}
	#header #sp_gnavi .sp_gnavi_menu.corp::before {
		background: url(/wp-content/themes/grap/images/common/icon_corp.png) no-repeat center / contain;
	}
	#header #sp_gnavi .sp_gnavi_menu.faq::before {
		background: url(/wp-content/themes/grap/images/common/icon_faq.png) no-repeat center / contain;
	}
	/* #header #sp_gnavi .design {
		border-bottom: 1px solid #000;
	} */
	#header #sp_gnavi .sp_gnavi_icon {
		background: none;
		border-bottom: none !important;
		padding-top: 20px;
	}
	#header #sp_gnavi .sp_gnavi_icon a {
		padding: 0;
	}
	#header #sp_gnavi .sp_gnavi_icon ul {
		display: flex;
		justify-content: center;
	}
	#header.header-new .sp_gnavi_icon .i_tel,
	#header.header-new .sp_gnavi_icon .i_twttr, 
	#header.header-new .sp_gnavi_icon .i_fb,
	#header.header-new .sp_gnavi_icon .i_ig {
		width: 40px;
	}
	#header #sp_gnavi .sp_gnavi_icon li {
		margin: 0 7px;
	}
	#quick_btn #accs a {
		margin-top: 8px;
	}
}

/* フォーム改修 */
/* #reservation .form {
	background:#FFECED;
}
#reservation .form .txt_c input.wpcf7-confirm,
#reservation .form .txt_c input.wpcf7-submit {
	background:url(/wp-content/themes/grap/images/common/btn_bg_submit.png) no-repeat center 75% #FF4D51;
} */
#reservation .fnt48,
#reservation_en .fnt48 {
	line-height:1.4;
}
#reservation a,
#reservation_en a {
	display:inline-block;
}
#reservation .form,
#reservation_en .form {
	background:#FBF9EB;
	padding-bottom:50px;
}
#reservation .form .txt_c input.wpcf7-confirm,
#reservation .form .txt_c input.wpcf7-submit,
#reservation_en .form .txt_c input.wpcf7-confirm,
#reservation_en .form .txt_c input.wpcf7-submit {
	background:url(/wp-content/themes/grap/images/common/btn_bg_reserve.png) no-repeat center 75% #FF9500;
}
.contact_info {
    text-align: center;
}
.contact_info h3 {
    /* font-size: 20px; */
    font-weight: normal;
}
.notice_list {
	margin-top: 10px;
    color: #C70000;
}
.form .date input {
    width: 170px;
}
@media screen and (max-width: 640px) {
	#reservation_en .fnt18,
	#reservation .fnt18{
		font-size:14px;
	}
	#reservation_en .fnt48,
	#reservation .fnt48{
		font-size:30px;
	}
	#reservation_en a,
	#reservation a{
		display:inline-block;
	}
	#reservation_en p.mb15,
	#reservation p.mb15{
		font-size:12px;
	}
	.contact_info h3 {
		font-size: 18px;
	}
	.notice_list {
		font-size: 11px;
	}
}