@charset "UTF-8";

/* display PC SP
----------------------------------------------------------------------- */

.pc {
	display: none !important;
}
.sp {
	display: block !important;
}

/* style
----------------------------------------------------------- */
.ttl_read_area {
	margin-bottom: 16px;
	padding-top: 40px;
	text-align: center;
}
.ttl_read {
	margin-bottom: 22px;
	font-size: 25px;
}
.ttl_read span {
	display: block;
	text-indent: -1em;
	font-size: 25px;
}
.sttl_read {
	margin-bottom: 15px;
	font-size: 17px;
}
.sttl_read span {
	display: block;
	padding-top: 5px;
	font-size: 17px;
}
.ttl_read_area .read {
	padding-top: 0;
}
.ttl_read_area span {
	display: block;
}
.ttl_read_area br {
	display: none;
}
.ttl_content {
	min-width: auto;
	margin-bottom: 0;
	padding-top: 40px;
	padding-bottom: 24px;
	font-size: 40px;
}
.ttl_content span {
	padding-top: 10px;
	font-size: 11px;
}
.ttl_cnt {
	margin-top: 30px;
	margin-bottom: 15px;
	padding: 9px 10px;
}
.btn_viewmore a,
.btn_contact input,
.btn_viewmore span.off,
.btn_toppage a {
	width: 100%;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
}

.googlemap {
	margin-bottom: 15px;
	padding: 3px;
	box-shadow: 4px 4px 16px 0 rgba(0,0,0,.12);
}
.googlemap iframe {
	height: 124px;
}

/* js-css
----------------------------------------------------------- */
@-webkit-keyframes fadeTranslateY02 {
	0% {
		opacity: 0;
		-webkit-transform:translate(0,15px);
			-ms-transform:translate(0,15px);
				transform:translate(0,15px);
	}
	100% {
		opacity: 1;
		-webkit-transform:translate(0,0);
			-ms-transform:translate(0,0);
				transform:translate(0,0);
	}
}
@keyframes fadeTranslateY02 {
	0% {
		opacity: 0;
		-webkit-transform:translate(0,15px);
			-ms-transform:translate(0,15px);
				transform:translate(0,15px);
	}
	100% {
		opacity: 1;
		-webkit-transform:translate(0,0);
			-ms-transform:translate(0,0);
				transform:translate(0,0);
	}
}



/* kv
----------------------------------------------------------- */

/* 動画用に作り変えが必要 */
#kv {
	height: inherit;
}

.top_movie_wrap {
	position: relative;
}
.top_movie_wrap a {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../img/top/btn_play.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 54px 54px;
	background-color: rgba(0,0,0,.4);
}

.sns_fb {
	position: relative;
	top: 0;
	right: inherit;
	width: inherit;
	height: inherit;
	padding: 12px 35px;
	background-color: #ffd200;
	border-radius: 0;
	box-shadow: none;
	text-align: center;
}
.fb-page {
	height: 200px;
}
.sns_fb iframe,
.sns_fb span {
	height: 200px !important;
}
.kv_detail {
	padding: 19px 0;
}
.kv_detail .ttl_content {
	padding: 11px 17px 12px;
	font-size: 30px;
}
.kv_detail .ttl_content span {
	padding-top: 5px;
	font-size: 8px;
}

/* btn_sns
----------------------------------------------------------- */
#btn_sns {
	z-index: 1000;
	position: fixed;
	top: 200px;
	right: 0;
	border-top: solid 1px #dcdcdc;
}
#btn_sns li {
	width: 64px;
	height: 64px;
	border: solid 1px #dcdcdc;
	border-right: 0;
	border-top: 0;
}
#btn_sns li a {
	display: block;
	line-height: 63px;
	text-align: center;
	background-color: #fff;
}
#btn_sns li a img {
	width: 22px;
	height: auto;
}

/* anker_area
----------------------------------------------------------- */
#anker_area li {
	float: left;
	width: 48%;
	margin-right: 0;
	margin-bottom: 20px;
}
#anker_area li:nth-child(even) {
	float: right;
}
#anker_area li .thum a {
	height: 85px;
}
#anker_area li .thum a .caption {
	display: none;
}
#anker_area li .thum a:hover .mask {
	opacity: 0;
}
#anker_area li dt {
	position: relative;
	margin-top: 0;
	padding-left: 0;
}
#anker_area li dt .tag {
	display: block;
	height: 30px;
	line-height: 30px;
	margin-bottom: 10px;
}
#anker_area li dd.lhm {
	padding: 0 10px;
}

/* company_area
----------------------------------------------------------- */
#company_area {
	padding-top: 0;
	padding-bottom: 30px;
}
#company_area .wrapper {
	width: 100%;
}
#company_area .company_about{
	margin-bottom: 20px;
}
#company_area .company_about li {
	height: 100px;
}
#company_area .company_about li a div h3 {
	letter-spacing: .1em;
	font-size: 15px;
}
#company_area .company_about li a .tag {
	width: inherit;
	height: 20px;
	line-height: 20px;
	margin-top: 10px;
	padding: 0 12px;
	text-align: center;
	letter-spacing: 0em;
	font-size: 11px;
}
#company_map .tabs {
	height: inherit;
	margin-bottom: 0;
}
#company_map .tabs li {
	float: none;
	margin-left: 0;
}

#company_map {
	margin-top: 20px;
}
#company_map.wrapper {
	width: 95%;
	margin: auto;
}

#company_map .motion {
	width: 100%;
	position: relative;
	top: inherit;
	left: inherit;
}

#company_map .tabs li .btn_act {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background-image: url(../img/common/arrow_bl_down.png);
	background-repeat: no-repeat;
	background-position: 96% center;
	background-size: 10px auto;
}
#company_map .tabs li .btn_act.active:after {
	display: none;
}
#company_map .adress_area dl {
	float: none;
}
#company_map .btn_viewmore {
	float: none;
	width: 90%;
	margin: 15px auto 0;
	padding-bottom: 20px;
}
#company_map .adress_area dd p {
	float: none;
	padding-right: 0;
	line-height: 1.85;
}

/* service_area
----------------------------------------------------------- */
#service_area {
	background-size: 10px auto;
}
#service_area .service_inner {
	padding-top: 0;
	padding-bottom: 0;
}
#service_area .service_inner .ttl_content {
	background-image:
	linear-gradient(-45deg, #fff 50%, rgba(255,255,255,0) 50%);
}

#service_area ul {
	width: inherit;
	height: inherit;
}
#service_area ul li,
#service_area ul li#js-fadein-service01,
#service_area ul li#js-fadein-service02,
#service_area ul li#js-fadein-service03,
#service_area ul li#js-fadein-service04,
#service_area ul li#js-fadein-service05,
#service_area ul li#js-fadein-service06 {
	position: relative;
	top: inherit;
	left: inherit;
	right: inherit;
	bottom: inherit;
	float: left;
	width: 50%;
	height: 100px;
}
#service_area .wrapper {
	width: 100%;
}

#service_area ul li a .tag {
	width: inherit;
	height: 20px;
	line-height: 20px;
	margin-top: 5px;
	padding: 0 12px;
	text-align: center;
	letter-spacing: 0em;
	font-size: 11px;
}

#service_area ul li a section h3,
#service_area .sp section h3 {
	letter-spacing: .1em;
	font-size: 15px;
}

#service_area .sp section {
	display: table;
	height: 100%;
	width: 100%;
	background-color: #16a16e;
	text-align: center;
}

#service_area .sp section h3 {
	display: table-cell;
	vertical-align: middle;
}


/* equipment_area
----------------------------------------------------------- */
#equipment_area {
	padding-top: 0;
	padding-bottom: 50px;
}
#equipment_area .wrapper {
	width: 100%;
}
#equipment_area .read_area {
	position: relative;
	top: inherit;
	right: inherit;
	width: 95%;
	height: inherit;
	margin: -15px auto 0;
	padding: 14px;
	background-color: #fff;
	box-shadow: 0 2px 16px 0 rgba(0,0,0,.17);
}
#equipment_area .read_area h3 {
	margin-bottom: 12px;
	font-size: 12px;
}
#equipment_area .read_area .read {
	margin-bottom: 20px;
}
#equipment_area .slider li img {
	width: 100%;
}

/*スライダー*/
.slider,
.slidesjs-container {
	overflow: inherit !important;
}
.slidesjs-pagination {
	position: relative;
	bottom: inherit;
	left: inherit;
	z-index: 100;
	text-align: center;
}
.slidesjs-pagination .slidesjs-pagination-item {
	width: 10px;
}
.slidesjs-pagination .slidesjs-pagination-item a {
	width: 10px;
	height: 10px;
	border-radius: 5px;
}

/* csr_area
----------------------------------------------------------- */
#csr_area {
	padding-top: 0;
	padding-bottom: 0;
}
#csr_area .fl,
#csr_area .fr {
	float: none;
	width: 100%;
	margin: auto;
	padding: 0 0 30px;
	border: none;
}
#csr_area .fl {
	margin-bottom: 30px;
	border-bottom: solid 1px #fff;
}
#csr_area .fr img {
	padding-bottom: 0;
}
#csr_area .ttl_csr {
	padding-top: 14px;
	margin-bottom: 14px;
	font-size: 12px;
}
#csr_area .btn_viewmore {
	margin-top: 20px;
}
#csr_area img {
	width: 75px;
	height: auto;
}

/* recruit_area
----------------------------------------------------------- */
#recruit_area {
	padding-top: 0;
	padding-bottom: 0;
}
#recruit_area .wrapper {
	width: 100%;
}
#recruit_area .recruite01,
#recruit_area .recruite02 {
	float: none;
	width: 100%;
	margin-top: 0;
	padding: 0 0 25px;
	background-position: center top;
	background-size: cover, auto auto;
	background: linear-gradient(135deg, #c99a0f 0%,#b9c90b 100%);
	background-repeat: no-repeat;
	background-position: left top;

}
#recruit_area .recruite01:after,
#recruit_area .recruite02:after {
	display: none;
}
#recruit_area .recruite02 {
	background: linear-gradient(135deg, #e7490b 0%,#d55f08 100%);
}
#recruit_area .recruite01 .kv_recruite,
#recruit_area .recruite02 .kv_recruite {
	height: 128px;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
}
#recruit_area .recruite01 .kv_recruite {
	background-image: url("../img/top/photo_recruit01.png");
}
#recruit_area .recruite02 .kv_recruite {
	background-image: url("../img/top/photo_recruit02.png");
}
#recruit_area .recruite01 .ttl_recruit,
#recruit_area .recruite02 .ttl_recruit,
#recruit_area .recruite01 .read,
#recruit_area .recruite02 .read,
#recruit_area .recruite01 .btn_viewmore,
#recruit_area .recruite02 .btn_viewmore {
	padding: 0 20px;
}
#recruit_area .ttl_recruit span {
	margin-bottom: 17px;
	padding-bottom: 4px;
	font-size: 12px;
}
#recruit_area .read {
	height: inherit;
}
#recruit_area .recruite01 .ttl_recruit,
#recruit_area .recruite02 .ttl_recruit {
	margin-top: 20px;
}
#recruit_area .recruite01 .read,
#recruit_area .recruite02 .read {
	margin-bottom: 20px;
}

/* contact_area
----------------------------------------------------------- */
#contact_area {
	padding-top: 0;
	padding-bottom: 55px;
}
#contact_area .read {
	margin-bottom: 17px;
}
#contact_area .read span {
	display: block;
}

#contact_area .box_tel {
	display: block;
	margin-bottom: 0;
	border-width: 3px;
	box-sizing: border-box;
}
#contact_area .box_tel .tel_num,
#contact_area .box_tel .tel_time {
	display: block;
	padding: 0;
	text-align: center;
	font-size: 12px;
}
#contact_area .box_tel .tel_num {
	width: 100%;
	padding: 0 9px;
	border: none;
	border-bottom: solid 1px #313131;
}
#contact_area .box_tel .tel_time {
	padding: 18px;
}
#contact_area .box_tel .tel_num div {
	padding: 18px 10px 18px 0;
}
#contact_area .box_tel .tel_num div:first-child {
	margin-bottom: 0;
	border-bottom: dotted 1px #313131;
}
#contact_area .box_tel .tel_num p {
	float: none;
	line-height: 1;
	margin-right: 0;
}
#contact_area .box_tel .tel_num p:first-child {
	margin-bottom: 10px;
}
#contact_area .box_tel .tel_num a {
	display: block;
	background-image: url("../img/top/arrow_bl_right.png");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 6px auto;
}

#contact_area .box_tel p.tel_num span {
	font-size: 25px;
}

#contact_area .contact_form .btn_contact input {
	width: 90%;
	height: 40px;
	font-size: 12px;
}
.contact_form .label_required {
	padding: 2px 6px;
	font-size: 10px;

}
#contact_area .contact_form dl,
#contact_area .contact_form dt,
#contact_area .contact_form dd {
	display: block;
	width: 100%;
}
#contact_area .contact_form dl.first {
	margin-top: 0;
	border-top: none;
}
#contact_area .contact_form dt,
#contact_area .contact_form dt.about {
	padding: 20px 0 10px;
}
#contact_area .contact_form dd {
	padding: 0 0 20px;
}
#contact_area .contact_form .privacy {
	margin-bottom: 30px;
	padding-top: 20px;
	text-align: left;
}

/* form
-------------------------------- */
#contact_area dd input[type="text"],
#contact_area dd input[type="tel"],
#contact_area dd input[type="email"],
#contact_area dd textarea,
#contact_area dd select {
	max-width: 100%;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	font-size: 16px;
}
#contact_area dd .select_box {
	width: 100%;
}
#contact_area dd textarea {
	min-height: 150px;
}

#contact_area .contact_form .btn_contact.back input {
	margin-top: 10px;
	background-color: #2b99cc;
	border: solid 1px #2b99cc;
}

#contact_area .btn_toppage a {
	width: 80%;
}
#contact_area .completion {
	padding-top: 40px;
}

/* #company
-------------------------------- */
.sp_wrapper_non {
	width: 100%;
}
.sp_wrapper {
	width: 95%;
	margin: auto;
}

#company .company_anker {
	margin-left: 0;
	margin-bottom: 30px;
	padding-top: 0;
}
#company .company_anker li {
	float: left;
	width: 50%;
	margin-left: 0;
}
#company .company_anker a {
	border: none;
	border-bottom: solid 1px #e5e5e5;
}
#company .company_anker li:nth-child(odd) a {
	border-right: solid 1px #e5e5e5;
}
#company .ttl_read {
	margin-bottom: 25px;
}
#company #message {
	margin-bottom: 40px;
}
#company #message .president {
	min-height: inherit;
	padding-top: 0;
	padding-left: 0;
	background-image: none;
}
#company #message .ttl_message {
	display: block;
	margin-left: 0;
	margin-bottom: 20px;
	padding: 13px;
	text-align: center;
	font-size: 12px;
}
#company #message .president_name span {
	font-size: 15px;
}

#company #profile {
	padding: 40px 0;
}
#company #profile .about_office {
	margin-bottom: 35px;
}
#company #profile .maps dl:last-child .address_list_area > div {
	padding-bottom: 0;
}
#company #profile .about_office dt,
#company #profile .about_office dd {
	padding: 15px 0;
}
#company #profile .about_office dt {
	width: 25%;
}
#company #profile .about_office dd span {
	display: block;
}
#company .maps .motion {
	display: none;
	padding-top: 15px;
}

#company #profile .maps > dl {
	margin-bottom: 0;
}
#company #profile .maps .ttl_maps {
	margin-top: -1px;
	margin-bottom: 0;
	padding: 12px 30px 12px 10px;
	background-image: url(../img/common/arrow_bl_down.png);
	background-repeat: no-repeat;
	background-position: 96% center;
	background-size: 10px auto;
	background-color: #fff;
	border: solid 1px #dcdcdc;
}
#company #profile .maps .ttl_maps span {
	display: block;
}
#company #profile .maps .ttl_maps.active {
	background-color: #fdd100;
	border: transparent;
}

#company #profile .maps .address_list_area .address,
#company #profile .maps .address_list_area .tel,
#company #profile .maps .address_list_area .fax {
	margin-right: 0;
}
#company #profile .maps .address_list_area .fr {
	float: none;
}
#company #profile .maps .address_list_area p {
	float: none;
	padding-right: 0;
	line-height: 1.85;
}
#company #profile .maps .address_list_area p.name {
	margin-bottom: 5px;
}

#company #profile .maps .address_list_area p.address {
	padding-left: 17px;
	text-indent: -8px;
}

#company #profile .maps .address_list_area > div {
	padding: 20px 0;
}

#company #profile .maps .googlemap {
	margin-bottom: 0;
}

#company #history {
	padding: 40px 0;
}
#company #history .history_list dt,
#company #history .history_list dd {
	padding-top: 15px;
}
#company #history .history_list dt {
	width: 75px;
}
#company #history .history_list dd {
	padding-left: 15px;
}
#company #history .history_list figure {
	position: relative;
	margin-left: 74px;
	padding-top: 15px;
	padding-left: 15px;
	border-left: solid 1px #dbdbdb;
	text-align: left;
}
#company #history .history_list figure.history01 {
	padding-top: 15px;
}
#company #history .history_list figcaption {
	margin-top: 5px;
	font-size: 11px;
}
#company #plan {
	padding: 40px 0 20px;
}
#company #plan .ttl_read {
	margin-bottom: 25px;
}
#company #plan .ttl_read span {
	margin-bottom: 0;
	line-height: 1;
}

#company #history .history_list img {
	max-width: 100%;
}

#company #plan li > ul {
	margin: 15px 0;
	padding: 15px 10px;
}

#company #plan dt {
	margin-top: 20px;
}
/* contact
----------------------------------------------------------- */
#contact #contact_area {
	padding-top: 29px;
}


/* recruit
----------------------------------------------------------- */
#recruit .recruit_anker {
	margin-left: 0;
	margin-bottom: 30px;
	padding-top: 0;
}
#recruit .recruit_anker li {
	float: left;
	width: 50%;
	margin-left: 0;
}
#recruit .recruit_anker a {
	border: none;
	border-bottom: solid 1px #e5e5e5;
}
#recruit .recruit_anker li:nth-child(odd) a {
	border-right: solid 1px #e5e5e5;
}

#recruit #new_grad {
	padding-bottom: 40px;
}
#recruit #mid_career {
	padding: 40px 0 47px;
}

/* csr
----------------------------------------------------------- */

#csr .csr_anker {
	margin-left: 0;
	margin-bottom: 30px;
	padding-top: 0;
}
#csr .csr_anker li {
	float: left;
	width: 50%;
	margin-left: 0;
}
#csr .csr_anker a {
	border: none;
	border-bottom: solid 1px #e5e5e5;
}
#csr .csr_anker li:nth-child(odd) a {
	border-right: solid 1px #e5e5e5;
}
#csr #privacy01 {
	padding-bottom: 40px;
}
#csr #privacy01 .icn img {
	width: 75px;
	height: auto;
}
#csr #privacy01 .privacy_read .read {
	float: none;
	width: 100%;
}

#csr #privacy01 .about {
	margin-top: 10px;
	float: none;
}
#csr #privacy02 {
	padding: 40px 0 20px;
}
#csr #privacy02 .privacy02_cnt > li {
	margin-bottom: 15px;
}
#csr #privacy02 .ttl_cnt {
	margin-top: 30px;
	margin-bottom: 15px;
	padding: 9px 10px;
}
#csr #privacy02 .responsible_person {
	margin-top: 7px;
	margin-bottom: 15px;
}
#csr #privacy02 .responsible_person dl {
	padding: 9px 0 7px;
}
#csr #privacy02 .responsible_person dt {
	width: 35px;
}
#csr #certification {
	padding: 30px 0 45px;
}
#csr #certification img {
	margin-right: 13px;
	width: 75px;
	height: auto;
}
#csr .tbl_csr .col01,
#csr .tbl_csr .col02,
#csr .tbl_csr .col03,
#csr .tbl_csr .col04,
#csr .tbl_csr .col05 {
	padding-right: 20px;
}
#csr .tbl_csr .col01 {
	min-width: 7em;
}
#csr .tbl_csr .col02 {
	min-width: 5em;
}
#csr .tbl_csr .col03 {
	min-width: 12em;
}
#csr .tbl_csr .col04 {
	min-width: 24em;
}
#csr .tbl_csr .col05 {
	min-width: 10em;
}
#csr .tbl_csr th,
#csr .tbl_csr td {
	padding: 5px 0;
}
#csr .tbl_csr thead th {
	padding: 0 0 10px;
}
#csr .tbl_csr tbody tr.border {
	padding: 5px 0;
}
#csr .tbl_csr tbody .border th,
#csr .tbl_csr tbody .border td {
	padding-top: 10px;
}
#csr .tbl_csr tbody .pb td {
	padding-bottom: 10px;
}

.content_box {
	margin: 7px 0 15px;
	padding: 10px;
}
.ttl_content_box {
	margin-bottom: 10px;
	padding-bottom: 7px;
}
.indent-1 {
	margin-bottom: 10px;
}

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


/* service
----------------------------------------------------------- */
#service .service_anker {
	margin-left: 0;
	padding-top: 0;
}
#service .service_anker li {
	float: left;
	width: 50%;
	margin-left: 0;
}
#service .service_anker li:last-child {
	width: 100%;
}
#service .service_anker a {
	border: none;
	border-bottom: solid 1px #e5e5e5;
}
#service .service_anker li:nth-child(odd) a {
	border-right: solid 1px #e5e5e5;
}
#service .service_anker li:last-child a {
	border-right: none;
}
#service .ttl_read {
	margin-bottom: 31px;
}
#service #sales_department,
#service #cross_media,
#service #web_production,
#service #new_year_card,
#service #print_center {
	padding: 40px 0;
}
#service #print_center {
	padding-bottom: 60px;
}
#service .sttl_read {
	margin-top: 23px;
}
#service .read {
	text-align: left;
}
#service .ttl_cnt {
	margin-top: 25px;
}
#service #sales_department .catch_fukidashi {
	width: 100%;
	height: auto;
	margin: 0 auto 25px;
	padding: 0 10px;
}
#service #sales_department .catch_fukidashi li {
	float: none;
	width: 100%;
	line-height: 40px;
	border-left: none;
	border-top: solid 1px #45456b;
	font-size: 14px;
}
#service #sales_department .catch_fukidashi li:first-child {
	border-top: none;
}
#service #sales_department .freeaddress .read,
#service #sales_department .staffvoice .read,
#service #cross_media .voice .read {
	float: none;
	width: 100%;
}
#service #sales_department .staffvoice .read,
#service #cross_media .voice .read {
	min-height: inherit;
	margin-top: 15px;
	padding-left: 0;
	background-image: none;
}
#service #sales_department .freeaddress .photo {
	float: none;
	margin-bottom: 10px;
}
#service #sales_department .freeaddress .photo img {
	width: 100%;
}
#service #sales_department .staffvoice .read h5,
#service #cross_media .voice .read h5 {
	margin-bottom: 10px;
	font-size: 17px;
}
#service #sales_department .staffvoice .read .name,
#service #cross_media .voice .read .name {
	margin-top: 17px;
}
#service #sales_department .staffvoice .read .name span,
#service #cross_media .voice .read .name span {
	padding-top: 5px;
	font-size: 15px;
}
#service #sales_department .performance a .btn {
	width: 80%;
	height: 40px;
	line-height: 40px;
	font-size: 15px;
}
#service #sales_department .work {
	display: block;
	margin-top: 25px;
	padding: 14px 0;
}
#service #sales_department .work dt,
#service #sales_department .work dd {
	display: block;
}
#service #sales_department .work dd li {
	margin-right: 15px;
}
#service #cross_media .flow li,
#service #cross_media .flow li:first-child {
	float: none;
	width: 100%;
	padding-left: 0;
	padding-bottom: 20px;
	margin-bottom: 10px;
	background-image: url(../img/service/arrow_down.png);
	background-position: center bottom;
}
#service #cross_media .flow li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	background-image: none;
}
#service #cross_media .flow li figure {
	float: left;
	width: 40%;
	margin-right: 10px;
	margin-bottom: 0;
}
#service #cross_media .tab_area {
	height: inherit;
	margin-bottom: 0;
	margin-top: 30px;
}
#service #cross_media .tabs {
	height: inherit;
	margin-bottom: 30px;
}
#service #cross_media .tab_area li {
	float: none;
	margin-left: 0;
}
#service #cross_media .tab_area li .btn_act {
	width: 100%;
	height: inherit;
	line-height: 1;
	padding: 12px 30px 12px 10px;
	background-image: url(../img/common/arrow_bl_down.png);
	background-repeat: no-repeat;
	background-position: 96% center;
	background-size: 10px auto;
	border-width: 5px;
}
#service #cross_media .tab_area li .btn_act.active:after {
	display: none;
}
#service #cross_media .tab_area .tabs > li {
	float: none;
	width: 100%;
	margin: 0;
}
#service #cross_media .tab_area .motion {
	position: relative;
	top: inherit;
	left: inherit;
	width: 100%;
	height: inherit;
	padding: 10px 10px 7px;
	border-width: 5px;
	border-top: none;
}
#service #cross_media .tab_area h3 {
	height: inherit;
	margin-bottom: 20px;
}
#service #cross_media .tab_area h3 img {
	width: 100%;
}
#service #cross_media .tab_area .haruru .motion h4,
#service #cross_media .tab_area .bloom .motion h4 {
	margin-bottom: 10px;
	padding: 7px 0;
	font-size: 15px;
}
#service #cross_media .tab_area .motion h4 span {
	margin-bottom: 5px;
	font-size: 12px;
}
#service #cross_media .tab_area .photo,
#service #cross_media .tab_area .bloom .photo {
	margin-bottom: 0;
}
#service #cross_media .tab_area .photo li,
#service #cross_media .tab_area .photo li:first-child {
	float: none;
	width: 100%;
	margin-left: 0;
	margin-bottom: 15px;
}
#service #cross_media .tab_area .photo figcaption {
	margin-top: 5px;
}
#service #cross_media .tab_area .caption {
	font-size: 9px;
	margin-bottom: 10px;
	letter-spacing: -.075em;
}
#service #cross_media .tab_area .about {
	margin-left: 0;
}
#service #cross_media .tab_area .about li {
	float: none;
	width: 100%;
	margin-left: 0;
	margin-bottom: 13px;
}
#service #cross_media .tab_area .motion .about dt {
	margin-bottom: 7px;
}
#service #cross_media .tab_area .about dd.ttl {
	margin-bottom: 7px;
}
#service #cross_media .furimo .photo,
#service #cross_media .furimo .read {
	float: none;
	width: 100%;
}
#service #cross_media .furimo .photo {
	text-align: center;
}
#service #cross_media .furimo .read {
	margin-top: 15px;
}
#service #cross_media .furimo .read .ttl_furimo {
	margin-top: 17px;
	margin-bottom: 10px;
	padding: 7px 0;
	font-size: 15px;
}
#service #web_production .ttl_read {
	margin-bottom: 25px;
}
#service #web_production ul {
	margin: 0 -1%;
	text-align: center;
}
#service #web_production li,
#service #web_production li:nth-child(5n) {
	width: 48%;
	margin: 0 1%;
	letter-spacing: -.075em;
}
#service #web_production li .thum {
	margin-top: 15px;
	margin-bottom: 7px;
}
#service #web_production li .thum a {
	height: 100%;
}
#service #web_production li .thum {
	height: inherit;
	padding-bottom: 76.25%;
}

#service #new_year_card .performance {
	margin-top: 15px;
}
#service #new_year_card .performance li dl {
	padding: 17px 0;
}
#service #new_year_card .performance li dl dt {
	width: 20%;
}
#service #new_year_card .performance li dl dd {
	padding-left: 1em;
}
#service #print_center .photo {
	margin-top: 8px;
}
#service #print_center .photo li {
	width: 32%;
	margin-left: 2%;
	margin-bottom: 17px;
}
#service #print_center .photo li img {
	width: 100%;
}
#service #print_center .works {
	margin-top: 0;
	padding: 17px 0;
}
#service #print_center .works dt {
	width: 20%;
}
#service #print_center .works dd {
	width: 40%;
	padding-left: 1em;
}

/* equipment
----------------------------------------------------------- */
#equipment .equipment_anker {
	margin-left: 0;
	margin-bottom: 0;
	padding-top: 0;
}
#equipment .equipment_anker li {
	float: left;
	width: 50%;
	margin-left: 0;
}
#equipment .equipment_anker a {
	border: none;
	border-bottom: solid 1px #e5e5e5;
}
#equipment .equipment_anker li:nth-child(odd) a {
	border-right: solid 1px #e5e5e5;
}

#equipment #printing,
#equipment #perforation,
#equipment #binding,
#equipment #publishing {
	padding: 40px 0;
}

#equipment .box {
	margin-top: 15px;
	padding: 15px 15px 0;
	border: solid 5px #fdd100;
}
#equipment .box_list {
	display: block;
}
#equipment .box_list li {
	float: none;
	width: 100%;
	margin-bottom: 15px;
}
#equipment .box_list li figcaption {
	padding-top: 7px;
}
#equipment .box_list li figure img {
	width: 100%;
	max-width: 260px;
}
#equipment #publishing .box_list li figcaption{
	padding-top: 13px;
}

#equipment #publishing .box_list li {
	width: 100%;
}