@charset "UTF-8";

/******* CONTENTS ********/

/* -- General Styles -- */
/* -- Large Hero -- */
/* -- Intro Section -- */
/* -- Milestones -- */
/* -- Small Hero -- */
/* -- Feature Box -- */
/* Desktop Navigation */
/* -- Table -- */

/******* CONTENTS ********/



/* -- General Styles -- */

body { 
	background: #fff;
	color: #424242;
	font-family: RodinCattleyaPro-M;
	line-height: 170%;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

@media (min-width: 768px) {
	p { font-size: 20px; }
	p.small { font-size: 14px; }
	h1 {font-size: 58px;}
	h2 {font-size: 25px;}
	h3 {font-size: 20px;}
	h4 {font-size: 18px;}
	h5 {font-size: 16px;}
	h6 {font-size: 16px;}
}

@media (min-width: 1200px) {
	p { font-size: 16px; }
	h1 {font-size: 72px;}
	h2 {font-size: 28px;}
	h3 {font-size: 18px;}
	h4 {font-size: 15px;}
	h5 {font-size: 13px;}
	h6 {font-size: 13px;}
}


.matisse-m {
	font-family: MatissePro-M;
}

.text_12 {
	font-size: 12px;
}

.text_13 {
	font-size: 13px;
}

.text_14 {
	font-size: 14px;
}

.text_16 {
	font-size: 16px;
}

.text_left {
	text-align: left;
}

.space_10 {
	margin-bottom: 10px;
}

.space_20 {
	margin-bottom: 20px;
}


.space_-30 {
	margin-bottom: -30px;
}

.space_-40 {
	margin-bottom: -40px;
}

.space_-50 {
	margin-bottom: -50px;
}

.col_red {
	color: #F30;
}

.hrline {
	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #CCC;
	margin-bottom: 10px;
}

/* -- Large Hero -- */
.hero { 
	min-height: 350px;
	text-align: center;
}

.hero .line {
	display: none;
	width: 1px;
	height: 80px;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, .7);
	margin: 25px auto 0px;	
}

.hero p { 
    font-size: 18px;
	font-family: MatissePro-M;
	margin: 0; 
}

.hero h1 { 
    font-size: 58px;
	font-family: MatissePro-M;
}

@media (min-width: 768px) {
	.hero { min-height: 360px; }
	.hero .line { display: block; height: 40px; margin-top: 10px; }
}

@media (min-width: 1200px) {
	.hero .line { height: 80px; margin-top: 50px; }
	.hero { min-height: 580px; }
}


/* -- Intro Section -- */

.center-mobile { text-align: left; }

.center-mobile h2 {
	font-size: 22px;
	line-height: 160%;
}

.center-mobile h3 {
	font-family: RodinCattleyaPro-DB;
	font-size: 16px;	
	margin-bottom: 5px;
}

.center-mobile p {
	font-size: 14px;
	line-height: 170%;
	margin-bottom: 20px;
}

.center-mobile ul,
.center-mobile li {
	font-size: 14px;
	line-height: 160%;
	text-align: left;
	padding-bottom: 10px;
	list-style: disc;
	margin-left: 5px;	
}

@media (max-width: 768px) {
	.center-mobile p {
	font-size: 17px;
	line-height: 170%;
	margin-bottom: 20px;
}

.center-mobile ul,
.center-mobile li {
	font-size: 17px;
	line-height: 165%;
	text-align: left;
	padding-bottom: 10px;
	list-style: disc;
	margin-left: 5px;	
}
}


/* -- Milestones -- */

.milestone { text-align: center; padding-top: 25px; }
.milestone:last-of-type { padding-bottom: 25px; }

.milestone .value { 
	padding-bottom: 15px;
	font-size: 28px;
	letter-spacing: -0.05em;
	color: #303336;
}

@media (min-width: 768px) { 
	.milestone { text-align: center; padding-top: 35px; padding-bottom: 35px;}
	.milestone .value { font-size: 38px; }
}

@media (min-width: 1200px) {
	.milestone { text-align: center; padding-top: 50px; padding-bottom: 50px;}
	.milestone .value { font-size: 48px; }
}


/* -- Small Hero -- */
.hero.small {  min-height: 250px; }

.hero.small .project-nav { padding-top: 25px; }

.hero.small .project-nav li {
	display: inline-block;
	margin-right: 35px;
}

.hero.small .project-nav li:last-of-type { margin-right: 0px; }

.hero.small .project-nav .icon { float: left; }

.hero.small .project-nav li a {
	float: left;
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 26px;
}

.hero.small .project-nav .prev-project a {
	background: url(../images/icons/white-controls-prev.png) no-repeat left center;
	background-size: 9px 17px;
	padding-left: 18px;
}

.hero.small .project-nav .next-project a {
	background: url(../images/icons/white-controls-next.png) no-repeat right center;
	background-size: 9px 17px;
	padding-right: 18px;
}

@media (min-width: 768px) {
	.hero.small { min-height: 300px; }
	.hero.small .line { display: block; height: 80px; margin-top: 30px; }
	.hero.small .project-nav { padding-top: 30px; }
	.hero.small .project-nav li { margin-right: 70px; }
	.hero.small .project-nav li a { font-size: 12px; }
}

@media (min-width: 1200px) {
	.hero.small .line { height: 80px; margin-top: 50px; }
	.hero.small { min-height: 380px; }
	.hero.small .project-nav { padding-top: 70px; }
	.hero.small .project-nav li { margin-right: 100px; }
	.hero.small .project-nav li a { font-size: 13px; }
}


/* -- Feature Box -- */

.feature-box .feature p { width: 100%; line-height: 160%;}

.feature-box p { width: 100%; line-height: 160%;}

.feature h2 {
	line-height: 26px;
	vertical-align: middle;
	font-size: 18px;
	display: inline-block;
}


/* Desktop Navigation */

nav.desktop .nav-content li a { 
	color: #fff;
	font-size: 13px;
	line-height: 35px;
	font-family: Gothic MB101 Regular;
	font-weight: normal;
}


/* -- Table -- */
/* -- 更新 -- */
.standard table {
	width: 100%;
	padding: 400px;
}

.standard td {
	font-family: RodinCattleyaPro-M;
	border: 1px solid #B4B4B4;
	padding: 10px;
	font-size: 13px;
	font-weight: normal;
}

.standard th {
	font-family: RodinCattleyaPro-DB;
	border: 1px solid #B4B4B4;
	padding: 10px;
	font-size: 14px;
	font-weight: normal;
	background-color: #f2f2f1;
}

/* レスポンシブ設定 */
@media (max-width:800px) {
table.standard {
	display: block;
}
table.standard thead{
	display: none;
}
table.standard tbody{
	display: block;
}
table.standard tbody tr{
	display: block;
	margin-bottom: 20px;
	background-color:#fff;
}
table.standard tbody th,
table.standard tbody td{
	display: list-item;
	border: none;
}
table.standard tbody th{
	margin-bottom: 5px;
	list-style-type: none;
	color: #fff;
	background: #2db4d8;
	font-size: 16px;
}
table.standard tbody td{
	list-style-type: none;
	text-align:left;
	padding: 0;
}
table.standard tbody td br{
	display: none;
}
table.standard tbody td:nth-of-type(1):before { content: "[ 7日納期 ] ";font-weight:bolder; }
table.standard tbody td:nth-of-type(2):before { content: "[ 3日納期 ] ";font-weight:bolder; }
table.standard tbody td:nth-of-type(3):before { content: "[ 2日納期 ] ";font-weight:bolder; }
table.standard tbody td:nth-of-type(4):before { content: "[ 当日納期 ] ";font-weight:bolder; }
table.standard tbody td:nth-of-type(5):before { content: "[ 土日祝日 ] ";font-weight:bolder; }

}

/* -- 制作 -- */
.standard-1 table {
	width: 100%;
	padding: 400px;
}

.standard-1 td {
	font-family: RodinCattleyaPro-M;
	border: 1px solid #B4B4B4;
	padding: 10px;
	font-size: 13px;
	font-weight: normal;
}

.standard-1 th {
	font-family: RodinCattleyaPro-DB;
	border: 1px solid #B4B4B4;
	padding: 10px;
	font-size: 14px;
	font-weight: normal;
	background-color: #f2f2f1;
}

/* レスポンシブ設定 */
@media (max-width:800px) {
table.standard-1 {
	display: block;
}
table.standard-1 thead{
	display: none;
}
table.standard-1 tbody{
	display: block;
}
table.standard-1 tbody tr{
	display: block;
	margin-bottom: 20px;
	background-color:#fff;
}
table.standard-1 tbody th,
table.standard-1 tbody td{
	display: list-item;
	border: none;
}
table.standard-1 tbody th{
	margin-bottom: 5px;
	list-style-type: none;
	color: #fff;
	background: #2db4d8;
	font-size: 16px;
}
table.standard-1 tbody td{
	list-style-type: none;
	text-align:left;
	padding: 0;
}
table.standard-1 tbody td br{
	display: none;
}
table.standard-1 tbody td:nth-of-type(1):before { content: "[ 1時間単価 ] ";font-weight:bolder; }

}


/* -- Work -- */

.post-media img {
	border: 1px solid #D5D5D5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}