@charset "utf-8";

/*-------------------------------------------------------------------------
	株式会社DYM
	Style Sheet for Print Setting
	Date: 2015-01
	All content (c) RYNAPSE
-------------------------------------------------------------------------*/

/* =hidden items
-------------------------------------------------------------------------*/
#gotop,
#pagetop,
#caution,
#trigger-overlay,
.overlay,
.next,
#masthead nav,
.breadcrumb,
.secondary,
.map,
#connect,
#colophon nav,
#colophon footer h1,
#colophon footer ul,
#root #masthead,
.cb-slideshow li:not(:nth-of-type(4)),
.cb-slideshow li:nth-of-type(4) span,
#root .vision h2+p,
#root .services li a,
#about.history .pkg+figure+figure,
#contact article>header h2,
form,
#contact ol.step,
#contact article>p,
p.btn,
#contact #colophon footer p { display: none !important; }


/* =page structure
-------------------------------------------------------------------------*/
html,
body,
section {
	position: static !important;
	height: auto !important;
	}

body {
	font: 400 9pt/1.4 TimesNewRomanPSMT,'Time New Roman',Times,HiraMinProN-W3,'Hiragino Mincho ProN','游明朝','YuMincho',serif;
	text-align: left;
	color: #000;
	background: #FFF;
	width: 6in;
	margin: 1in auto 0;
	padding: 0;
	}

#colophon footer p {
	font-size: 8pt;
	margin: 1in 0 0;
	padding: .1in 0 0;
	border-top: 1pt solid #000;
	}

#colophon footer p small {
	font-size: 1em;
	vertical-align: top;
	}

.index #colophon footer p,
#about.message #colophon footer p { margin-top: .5in; }

#masthead h1 { width: 2in; }

article>header h1 {
	font-weight: normal;
	font-size: 26pt;
	text-transform: uppercase;
	margin: 0 0 1in;
	}

article>header h1 span {
	display: block;
	font-weight: 600;
	font-family: "Hiragino Sans","Hiragino Kaku Gothic ProN",Roboto,'Droid Sans','Yu Gothic',Meiryo,'Meiryo UI',sans-serif;
	font-size: 10pt;
	letter-spacing: 1pt;
	}

article>header h2 {
	font-weight: 600;
	font-family: "Hiragino Sans","Hiragino Kaku Gothic ProN",Roboto,'Droid Sans','Yu Gothic',Meiryo,'Meiryo UI',sans-serif;
	font-size: 14pt;
	margin: -.9in 0 1in;
	}

article>header h2:before {
	content: '';
	display: block;
	width: 2in;
	height: 2pt;
	margin: 0 0 .1in;
	background: #000;
	}

.index article nav,.index .external { overflow: hidden; }

.index article nav figure,
.index .external figure {
	position: relative;
	width: 50%;
	height: 1.75in;
	margin: 0;
	float: left;
	text-align: left;
	background: #000;
	overflow: hidden;
	}

.index article figure a { display: block; }

.index article nav figure img,
.index .external figure img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 104%;
	max-width: none;
	min-height: 101%;
	opacity: .8;
	transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
	}

.index article nav figure figcaption,
.index .external figure figcaption {
	position: absolute;
	left: .125in;
	bottom: .1in;
	font-size: 10pt;
	color: #FFF;
	z-index: 10;
	}

section { opacity: 1 !important; }


/* =page break
-------------------------------------------------------------------------*/
.pb,
#root .services,
#root .news,
#about.outline .pkg,
#about .clients,
#about.access .pkg figure:nth-of-type(2),
#about.access .pkg figure:nth-of-type(4),
#about.history .pkg+figure,
#about.message .pkg,
#about.advisor .pkg figure,
#about.board-member figure,
#services.dig article>section,
.new-graduates section.extra:last-of-type figure:last-of-type,
.training section.sp,
#vision article>ul,
#vision article>ul li:nth-of-type(7),
.welfare article>ul,
.welfare article>ul li:nth-child(6),
.welfare article>ul li:nth-child(11),
.welfare article>ul li:nth-child(16),
#csr .pkg figure.thai-beach,
#privacy article>section+section {
	padding: 1in 0 0;
	page-break-before: always;
	}

 {
	padding: 0;
	page-break-before: avoid;
	}


/* =heading
-------------------------------------------------------------------------*/
h1,h2,h3,h4 {
	font-size: 12pt;
	line-height: 1.5;
	margin: 0 0 .25in;
	}

h3 {
	font-size: 10pt;
	margin: .25in 0 .1in;
	}

h2+h3 { margin-top: -.25in; }

h4 {
	line-height: 2;
	margin: 0;
	}


/* =tags
-------------------------------------------------------------------------*/
p,dt,dd,li {
	font-size: 7pt;
	line-height: 2;
	margin: 0;
	}

p {
	text-align: justify;
	margin: 0 0 2em;
	}

ul,ol,dl {
	margin: 0;
	list-style-type: none;
	}

ul.signature { margin: .25in 0 0; }
ul.signature li { text-align: right; }

article ul {
	margin: .25in 0;
	list-style-type: disc;
	}

article dd ul { margin: 0; }

dt {
	font-weight: bold;
	font-size: 8pt;
	}

dl.list-table { overflow: hidden; }

dl.list-table>dt {
	clear: both;
	width: 1in;
	float: left;
	font-weight: normal;
	font-size: 7pt;
	}

dl.list-table>dd {
	width: 5in;
	float: left;
	}

dl.list-table>dd dl:not(:first-of-type){ margin-top: .2in; }
dl.list-table>dd ul { list-style-type: disc; }
dl.list-table>dd br { display: none; }

dl.wicket {
	margin: .25in 0;
	padding: .2in;
	border: 1pt solid #000;
	}

dl.wicket dd span { display: inline-block; }
dl.wicket dd a { font-size: 10pt; }

figure {
	margin: 0 0 .5in;
	padding: 0;
	}

em,i { font-style: normal; }

img {
	vertical-align: top;
	max-width: 6in;
	}


/* =link
-------------------------------------------------------------------------*/
a {
	color: #000;
	text-decoration: none;
	}

a:after {
	content: "（" attr(href) "）";
	font-family: HelveticaNeue,'Helvetica Neue',Helvetica,Arial,sans-serif;
	}

#csr figure p a:after { content: "" attr(href)""; }

a[href^="tel:"]:after,
#masthead h1 a:after,
#colophon footer p a:after,
dl.list-table a:after,
.lead li a:after,
#root .vision div a:after,
#about.outline .clients li a:after { content: ""; }


/* #root
-------------------------------------------------------------------------*/
#intro {
	height: 3.375in !important;
	margin: 0 0 .5in;
	}

.cb-slideshow {
	position: relative;
	margin: 0;
	}

.cb-slideshow li {
	height: 3.375in;
	background: url("/images/temp/keyvisual.jpg") no-repeat 50% 50%;
	background-size: cover;
	}

.cb-slideshow li div img {
	z-index: 1000;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 4in;
	transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
	}

#root section header h1 {
	position: relative;
	font-weight: normal;
	font-size: 26pt;
	text-transform: uppercase;
	text-align: center;
	}

#root section header h1:after {
	content: '';
	position: absolute;
	left: 50%;
	display: block;
	width: .2in;
	height: 1pt;
	margin: .2em 0 0 -.1in;
	background: #000;
	}

#root section header h1 span {
	display: block;
	font-weight: bold;
	font-size: .6em;
	line-height: 1.6;
	text-transform: none;
	}

#root section header p {
	font-weight: 600;
	font-family: "Hiragino Sans","Hiragino Kaku Gothic ProN",Roboto,'Droid Sans','Yu Gothic',Meiryo,'Meiryo UI',sans-serif;
	font-size: 10pt;
	text-align: center;
	letter-spacing: 1pt;
	margin: 1em 0 .5in;
	}

#root section.vision header p { margin-bottom: .25in; }

#root .vision h2 {
	width: 3in;
	margin: 0 auto .4in;
	}

#root .vision>p {
	position: relative;
	width: 4in;
	font-style: italic;
	font-size: 17pt;
	line-height: 1.4;
	text-align: center;
	margin: 0 auto;
	}

#root .vision>p:before {
	content: '\00201C';
	position: absolute;
	top: -.6em;
	left: 0;
	font-size: 30pt;
	}

#root .services ul {
	overflow: hidden;
	}

#root .services li {
	position: relative;
	float: left;
	width: 1.8in;
	margin: 0 .2in .5in 0;
	}

#root .services li:nth-of-type(3) { margin-right: 0; }
#root .services li:nth-of-type(4) { clear: left; }
#root .services li img { width: 100%; }

#root .services li h2 {
	font-size: 10pt;
	margin: .2in 0;
	}

#root .services li p { margin: 0; }
#root dl:not(:first-of-type) { margin-top: .2in; }
#root .news dd a>span { margin-left: .1in; }


/* #about
-------------------------------------------------------------------------*/
#about.outline dl.list-table>dt,#about.outline dl.list-table>dt+dd { margin-top: .2in; }
#about.outline .clients h1 { margin: 0; }

#about.outline .clients ul {
	list-style-type: none;
	overflow: hidden;
	}

#about.outline .clients li {
	width: 2in;
	float: left;
	text-align: center;
	}

#about.outline .clients li img { max-width: 80%; }
#about.access .pkg>figure { text-align: left; }

#about.access .pkg>figure img {
	width: 5in;
	border: 1pt solid #000;
	}

#about.access .pkg>figure h3 { margin: .1in 0; }
#about.message .pkg li:not(:first-of-type) { margin-top: .1in; }
#about.message .pkg aside { margin-top: .5in; }
#about.message .pkg aside p { margin: 0; }
#about.message .pkg aside h1,#about.board-member figure h3 { font-size: 10pt; }
#about.board-member figure p { margin: .1in 0 0; }
#about.advisor .pkg figure { text-align: left; }
#about.advisor .pkg figure img { width: 3in; }

/* #services
-------------------------------------------------------------------------*/
#services.dig p.result {
	clear: both;
	position: relative;
	padding: 10px;
	text-align: center;
	border: 1px solid #000;
	}

#services.dig section:not([class]) header h1 {
	font-size: 10pt;
	line-height: 1.4;
	margin: 0 0 .5in;
	}

#services.dig section:not([class]) header h1 span {
	display: block;
	font-weight: normal;
	font-size: 8pt;
	line-height: 2;
	}

#services.dig img { max-width: 100%; }
#services.dig figure.extra img { padding: 10px; }
#services.dig .lead { overflow: hidden; }

#services.dig .lead figure {
	width: 48%;
	float: left;
	margin-bottom: 30px;
	}

#services.dig .lead p,
.lead ul {
	width: 48%;
	float: right;
	}

.lead ul {
	width: 45%;
	margin: 0 0 0 3%;
	}

.imageset { overflow: hidden; }

.imageset figure {
	width: 48%;
	float: right;
	}

.imageset>div {
	width: 48%;
	float: left;
	}

.imageset h2 { clear: both; }
.imageset h3 { margin: 0 0 1.5em; }
.icons { overflow: hidden; }

.icons figure {
	width: 33%;
	float: left;
	margin-right: 4%;
	}

.hb figure { width: 128px; }

.icons dl {
	width: 60%;
	float: left;
	}



ul.dnl li em {
	display: block;
	margin: 1em 0;
	}

ul.dnl li ol {
	list-style-type: decimal;
	margin: 0 0 .25in;
	}

.data { margin: .25in 0; }

.data div h2 { margin-top: .25in; }

.data div h2+dl dt,
.data div h2+dl dd,
.data div h2+ul li {
	display: inline;
	}

.web-promotion section>ol li {
	width: 31%;
	float: left;
	margin: 0 3.5% 30px 0 !important;
	}

.web-promotion section>ol li:last-of-type { margin-right: 0 !important; }
.web-promotion section>ol li figure { margin: 0; }

.web-promotion section>ol li figcaption {
	font-size: 12pt;
	line-height: 2;
	text-transform: uppercase;
	}

.web-promotion section>ol li h2 {
	font-size: 8pt;
	margin: 0;
	}

section.sp {
	clear: both;
	margin: .5in 0;
	border-top: 1px solid rgba(0,0,0,.8);
	border-bottom: 4px solid rgba(0,0,0,.8);
	overflow: hidden;
	}

section.sp h1 {
	margin: 0;
	padding: 1em 0 0;
	font-weight: normal;
	line-height: 2;
	text-transform: uppercase;
	}

section.sp h2 { margin: 1em 0 }
.web-promotion section header.caps { overflow: hidden; }

.web-promotion section header.caps div {
	width: 56%;
	float: left;
	}

.web-promotion section header.caps figure {
	width: 40%;
	float: right;
	margin: 0;
	}

.web-promotion section header.caps figure img { border: 3px solid #CCC; }
.web-promotion .pkg dt { margin: 0 0 1em; }

.web-promotion .pkg dd {
	text-align: center;
	margin: 0 0 .25in;
	padding: .1in 0;
	background: #F3F3F3;
	}

.web-promotion .pkg dd img { height: .5in; }
.web-promotion .pkg .listset ul { margin: 0 0 .25in .1in; }

.web-promotion .pkg .listset li {
	display: inline-block;
	margin-right: 1em;
	}

.web-promotion figure.detail { overflow: hidden; }
.web-promotion figure.detail img,.web-promotion .pkg .listset figure img { border: 3px solid #CCC; }

.web-promotion .imageset ul li:before {
	content: '';
	margin: 0;
	}

.web-promotion .imageset ul li {
	color: #666;
	margin: 0 0 1em;
	}

.web-promotion .imageset ul li em {
	display: block;
	font-size: 1.2em;
	color: #000;
	}

.web-promotion .imageset ul li.yahoo {
	min-height: 70px;
	padding-left: 60px;
	background: url("/images/temp/services/y-agency.jpg") no-repeat 0 0;
	background-size: 50px auto;
	}

.web-promotion figure.detail img {
	width: 48%;
	float: left;
	margin: 0 0 30px;
	border: 3px solid #CCC;
	}

.web-promotion figure.detail figcaption { width: 48%; float: right; }

.web-promotion figure.detail figcaption ol li em {
	display: block;
	margin: 1em 0;
	}

.web-promotion figure.detail figcaption ol li em:before {
	display: inline-block;
	width: 2em;
	height: 2em;
	font-size: 8pt;
	line-height: 2em;
	text-align: center;
	margin-right: .1in;
	color: #FFF;
	background: #000;
	border-radius: 3px;
	}

.web-promotion figure.detail figcaption ol li:nth-of-type(1) em:before { content: '1'; }
.web-promotion figure.detail figcaption ol li:nth-of-type(2) em:before { content: '2'; }
.web-promotion figure.detail figcaption ol li:nth-of-type(3) em:before { content: '3'; }
.web-promotion figure.detail figcaption ol li:nth-of-type(4) em:before { content: '4'; }
.web-promotion figure.detail figcaption ol li:nth-of-type(5) em:before { content: '5'; }
.web-promotion section.sp>div:nth-of-type(2) figure img { border: 3px solid #CCC; }

.web-promotion section.sp>div:not([class]):nth-of-type(1) {
	width: 66%;
	float: left;
	}

.web-promotion section.sp>div:not([class]):nth-of-type(2) {
	width: 30%;
	float: right;
	}

.new-graduates section.sp ul.extra { margin: 0 0 .5in; }
.new-graduates section.sp ul.extra li { display: inline-block; }

.new-graduates section.sp ul.extra li img,
.new-graduates section.sp ul.extra li span {
	position: relative;
	display: inline-block;
	height: .3in;
	line-height: .3in;
	}

.new-graduates section.sp ul.extra li span { margin-left: .25in; }

.new-graduates section.extra:last-of-type figure { width: 4in; }

.new-graduates section.extra:last-of-type figure figcaption {
	font-size: 9pt;
	line-height: 2;
	margin: 2em 0;
	}

.training .pkg { width: 48%; float: left; margin: 0 0 60px; }
.training .pkg+.pkg { float: right; }
.training .pkg figure:not(:first-child) { display: inline-block; width: 49%; margin-top: 30px; }

.case figure {
	margin: 0 0 .1in;
	text-align: left;
	}

.case figure img,
.case figure figcaption {
	display: inline-block;
	vertical-align: middle;
	}

.case figure img { width: .5in; }

.case figure figcaption {
	font-size: 9pt;
	line-height: 1.6;
	padding-left: .25in;
	text-align: left;
	}


/* #vision
-------------------------------------------------------------------------*/
#vision article h2 {
	margin: 0 0 .5in;
	padding: .5in 1.5in;
	background: #1e2a5d;
	}

#vision article section h3 {
	position: relative;
	font-weight: normal;
	font-style: italic;
	font-size: 14pt;
	line-height: 1.4;
	}

#vision article section h3:before {
	content: '\00201C';
	position: absolute;
	top: -.6em;
	left: -.2in;
	font-size: 30pt;
	}

#vision article>ul li { margin: 0 0 .3in; overflow: hidden; }

#vision article>ul li img {
	width: 1.5in;
	float: left;
	}

#vision article>ul li h3,#vision article>ul li p {
	width: 4.3in;
	float: right;
	margin: 0;
	}

#vision article>ul li h3:before {
	display: block;
	font-size: 6pt;
	}

#vision article>ul li:nth-child(1) h3:before { content: 'Vision 01'; }
#vision article>ul li:nth-child(2) h3:before { content: 'Vision 02'; }
#vision article>ul li:nth-child(3) h3:before { content: 'Vision 03'; }
#vision article>ul li:nth-child(4) h3:before { content: 'Vision 04'; }
#vision article>ul li:nth-child(5) h3:before { content: 'Vision 05'; }
#vision article>ul li:nth-child(6) h3:before { content: 'Vision 06'; }
#vision article>ul li:nth-child(7) h3:before { content: 'Vision 07'; }
#vision article>ul li:nth-child(8) h3:before { content: 'Vision 08'; }
#vision article>ul li:nth-child(9) h3:before { content: 'Vision 09'; }
#vision article>ul li:nth-child(10) h3:before { content: 'Vision 10'; }
#vision article>ul li:nth-child(11) h3:before { content: 'Vision 11'; }


/* #csr
-------------------------------------------------------------------------*/
#csr .pkg { overflow: hidden; }

#csr .pkg figure {
	width: 2.9in;
	float: left;
	margin-right: .2in;
	}

#csr .pkg figure:nth-of-type(even) { margin-right: 0; }
#csr .pkg figure img { max-width: 2.9in; }

#csr .pkg figure.sports-of-heart span {
	display: block;
	padding: .65in 0;
	background: #000;
	}

#csr .pkg figure.sports-of-heart span img {
	width: 80%;
	}

#csr .pkg figure h3 {
	margin: .1in 0;
	}

#csr .pkg figure p { text-align: left; }


/* #recruit
-------------------------------------------------------------------------*/
.welfare article>ul { list-style-type: none; }
.welfare article>ul li { margin: 0 0 .3in; overflow: hidden; }

.welfare article>ul li img {
	width: 1.5in;
	float: left;
	}

.welfare article>ul li div {
	width: 4.3in;
	float: right;
	margin: 0;
	}

.welfare article>ul li div h3 { margin-top: 0; }

.welfare article>ul li div h3:before {
	display: block;
	font-weight: normal;
	font-size: 6pt;
	}

.welfare article>ul li:nth-child(1) div h3:before { content: 'Welfare 1'; }
.welfare article>ul li:nth-child(2) div h3:before { content: 'Welfare 2'; }
.welfare article>ul li:nth-child(3) div h3:before { content: 'Welfare 3'; }
.welfare article>ul li:nth-child(4) div h3:before { content: 'Welfare 4'; }
.welfare article>ul li:nth-child(5) div h3:before { content: 'Welfare 5'; }
.welfare article>ul li:nth-child(6) div h3:before { content: 'Welfare 6'; }
.welfare article>ul li:nth-child(7) div h3:before { content: 'Welfare 7'; }
.welfare article>ul li:nth-child(8) div h3:before { content: 'Welfare 8'; }
.welfare article>ul li:nth-child(9) div h3:before { content: 'Welfare 9'; }
.welfare article>ul li:nth-child(10) div h3:before { content: 'Welfare 10'; }
.welfare article>ul li:nth-child(11) div h3:before { content: 'Welfare 11'; }
.welfare article>ul li:nth-child(12) div h3:before { content: 'Welfare 12'; }
.welfare article>ul li:nth-child(13) div h3:before { content: 'Welfare 13'; }
.welfare article>ul li:nth-child(14) div h3:before { content: 'Welfare 14'; }
.welfare article>ul li:nth-child(15) div h3:before { content: 'Welfare 15'; }
.welfare article>ul li:nth-child(16) div h3:before { content: 'Welfare 16'; }

.welfare article>ul li div p { margin: 0; }

.welfare article>ul>li div ul {
	margin: 1em 0 0 .1in;
	list-style-type: disc !important;
	}

.welfare article>ul>li div li {
	margin: 0;
	}


/* =#privacy
-------------------------------------------------------------------------*/
#privacy article>section h1 {
	font-weight: normal;
	font-size: 13pt;
	line-height: 2;
	margin: 0 0 .25in;
	border-bottom: 1pt solid #000;
	}

#privacy article>section h2 {
	font-size: 10pt;
	margin: .25in 0 0;
	}

#privacy article>section p { margin: 0; }

#privacy article>section>ol>li>ol {
	counter-reset: li;
	margin: .1in 0;
	}

#privacy article>section>ol>li>ol>li {
	position: relative;
	overflow: hidden;
	margin: .1in 0;
	}

#privacy article>section>ol>li>ol>li:before {
	content: counter(li);
	counter-increment: li;
	display: block;
	font-style: italic;
	font-family: TimesNewRomanPS-ItalicMT,'Droid Serif','Times New Roman',Times,serif;
	font-size: 36pt;
	line-height: 1;
	float: left;
	margin: -3pt .1in 0 0;
	color: #999;
	}

#privacy article>section>ol>li>ol>li>ul {
	margin: .1in 0 .1in .6in;
	list-style-type: disc;
	}


/* =#contact
-------------------------------------------------------------------------*/
#contact .print dt,#contact .print dd { font-size: 10pt; }
#contact .print dd:last-of-type { margin-top: .5in; }
#contact form.confirm  { display: block !important; }

#contact form.confirm dl {
	margin: 0 0 .5in;
	overflow: hidden;
	}

#contact form.confirm dt,#contact form.confirm dd { float: left; }

#contact form.confirm dt {
	clear: left;
	width: 1.5in;
	font-weight: 600;
	font-family: "Hiragino Sans","Hiragino Kaku Gothic ProN",Roboto,'Droid Sans','Yu Gothic',Meiryo,'Meiryo UI',sans-serif;
	letter-spacing: 1px;
	}

#contact form.confirm dd { display: inline-block; }

#contact form.confirm h3 {
	font-weight: 600;
	font-family: "Hiragino Sans","Hiragino Kaku Gothic ProN",Roboto,'Droid Sans','Yu Gothic',Meiryo,'Meiryo UI',sans-serif;
	font-size: 8pt;
	letter-spacing: 1px;
	margin: 0 0 .25in;
	}

#contact form.confirm blockquote p { margin: 0 0 1em; }


/* =#news
-------------------------------------------------------------------------*/
#news .pkg li { margin: 0 0 .2in; }
#news .pkg li p { margin: 0; }


/* EOF
-------------------------------------------------------------------------*/