@charset "utf-8";
/**
 * @license
 * MyFonts Webfont Build ID 3204448, 2016-04-15T00:13:31-0400
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: BrandonTextWeb-Black by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-text/black/
 *
 * Webfont: BrandonTextWeb-BoldItalic by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-text/bold-italic/
 *
 * Webfont: BrandonTextWeb-Bold by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-text/bold/
 *
 * Webfont: BrandonTextWeb-BlackItalic by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-text/black-italic/
 *
 * Webfont: BrandonTextWeb-LightItalic by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-text/light-italic/
 *
 * Webfont: BrandonTextWeb-Light by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-text/light/
 *
 * Webfont: BrandonTextWeb-Italic by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-text/italic/
 *
 * Webfont: BrandonTextWeb-MediumItalic by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-text/medium-italic/
 *
 * Webfont: BrandonTextWeb-Regular by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-text/regular/
 *
 * Webfont: BrandonTextWeb-Medium by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-text/medium/
 *
 * Webfont: BrandonTextWeb-ThinItalic by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-text/thin-italic/
 *
 * Webfont: BrandonTextWeb-Thin by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-text/thin/
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3204448
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright (c) 2015 by Hannes von Doehren. All rights reserved.
 *
 * © 2016 MyFonts Inc
*/
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/30e560");
@font-face {
    font-family: "BrandonText";
    src: url("/assets/fonts/brandon/30E560_0_0.eot");
    src: url("/assets/fonts/brandon/30E560_0_0.eot?#iefix") format("embedded-opentype"),
        url("/assets/fonts/brandon/30E560_0_0.woff2") format("woff2"),
        url("/assets/fonts/brandon/30E560_0_0.woff") format("woff"),
        url("/assets/fonts/brandon/30E560_0_0.ttf") format("truetype");
		font-weight: 900;
		font-style: normal;
}
@font-face {
    font-family: "BrandonText";
    src: url("/assets/fonts/brandon/30E560_2_0.eot");
    src: url("/assets/fonts/brandon/30E560_2_0.eot?#iefix") format("embedded-opentype"),
        url("/assets/fonts/brandon/30E560_2_0.woff2") format("woff2"),
        url("/assets/fonts/brandon/30E560_2_0.woff") format("woff"),
        url("/assets/fonts/brandon/30E560_2_0.ttf") format("truetype");
		font-weight: 700;
		font-style: normal;
}
@font-face {
    font-family: "BrandonText";
    src: url("/assets/fonts/brandon/30E560_9_0.eot");
    src: url("/assets/fonts/brandon/30E560_9_0.eot?#iefix") format("embedded-opentype"),
        url("/assets/fonts/brandon/30E560_9_0.woff2") format("woff2"),
        url("/assets/fonts/brandon/30E560_9_0.woff") format("woff"),
        url("/assets/fonts/brandon/30E560_9_0.ttf") format("truetype");
		font-weight: 600;
		font-style: normal;
}
@font-face {
    font-family: "BrandonText";
    src: url("/assets/fonts/brandon/30E560_8_0.eot");
    src: url("/assets/fonts/brandon/30E560_8_0.eot?#iefix") format("embedded-opentype"),
        url("/assets/fonts/brandon/30E560_8_0.woff2") format("woff2"),
        url("/assets/fonts/brandon/30E560_8_0.woff") format("woff"),
        url("/assets/fonts/brandon/30E560_8_0.ttf") format("truetype");
		font-weight: normal;
		font-style: normal;
}
@font-face {
    font-family: "BrandonText";
    src: url("/assets/fonts/brandon/30E560_5_0.eot");
    src: url("/assets/fonts/brandon/30E560_5_0.eot?#iefix") format("embedded-opentype"),
        url("/assets/fonts/brandon/30E560_5_0.woff2") format("woff2"),
        url("/assets/fonts/brandon/30E560_5_0.woff") format("woff"),
        url("/assets/fonts/brandon/30E560_5_0.ttf") format("truetype");
		font-weight: 300;
		font-style: normal;
}
@font-face {
    font-family: "BrandonText";
    src: url("/assets/fonts/brandon/30E560_B_0.eot");
    src: url("/assets/fonts/brandon/30E560_B_0.eot?#iefix") format("embedded-opentype"),
        url("/assets/fonts/brandon/30E560_B_0.woff2") format("woff2"),
        url("/assets/fonts/brandon/30E560_B_0.woff") format("woff"),
        url("/assets/fonts/brandon/30E560_B_0.ttf") format("truetype");
		font-weight: 200;
		font-style: normal;
}

/*@font-face {
	font-family: 'brandon';
	src: url('/assets/fonts/brandon/thin.eot');
	src: url('/assets/fonts/brandon/thin.eot?#iefix') format('embedded-opentype'),
		url('/assets/fonts/brandon/thin.woff') format('woff'),
		url('/assets/fonts/brandon/thin.ttf') format('truetype'),
		url('/assets/fonts/brandon/thin.svg#brandon_thin') format('svg');
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: 'brandon';
	src: url('/assets/fonts/brandon/light.eot');
	src: url('/assets/fonts/brandon/light.eot?#iefix') format('embedded-opentype'),
		url('/assets/fonts/brandon/light.woff') format('woff'),
		url('/assets/fonts/brandon/light.ttf') format('truetype'),
		url('/assets/fonts/brandon/light.svg#brandon_light') format('svg');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'brandon';
	src: url('/assets/fonts/brandon/regular.eot');
	src: url('/assets/fonts/brandon/regular.eot?#iefix') format('embedded-opentype'),
		url('/assets/fonts/brandon/regular.woff') format('woff'),
		url('/assets/fonts/brandon/regular.ttf') format('truetype'),
		url('/assets/fonts/brandon/regular.svg#brandon_regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'brandon';
	src: url('/assets/fonts/brandon/medium.eot');
	src: url('/assets/fonts/brandon/medium.eot?#iefix') format('embedded-opentype'),
		url('/assets/fonts/brandon/medium.woff') format('woff'),
		url('/assets/fonts/brandon/medium.ttf') format('truetype'),
		url('/assets/fonts/brandon/medium.svg#brandon_medium') format('svg');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'brandon';
	src: url('/assets/fonts/brandon/bold.eot');
	src: url('/assets/fonts/brandon/bold.eot?#iefix') format('embedded-opentype'),
		url('/assets/fonts/brandon/bold.woff') format('woff'),
		url('/assets/fonts/brandon/bold.ttf') format('truetype'),
		url('/assets/fonts/brandon/bold.svg#brandon_bold') format('svg');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'brandon';
	src: url('/assets/fonts/brandon/black.eot');
	src: url('/assets/fonts/brandon/black.eot?#iefix') format('embedded-opentype'),
		url('/assets/fonts/brandon/black.woff') format('woff'),
		url('/assets/fonts/brandon/black.ttf') format('truetype'),
		url('/assets/fonts/brandon/black.svg#brandon_black') format('svg');
	font-weight: 900;
	font-style: normal;
}*/

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */
body {
	/*font: 14px brandon, 'Microsoft JhengHei', 'Microsoft YaHei', Helmet, Freesans, sans-serif;*/
	font: 14px 'BrandonText', 'Microsoft JhengHei', 'PingFang SC', Helvetica, Arial, sans-serif;
	text-size-adjust: 100%;
	position: relative;
	background-color: #fff;
}

/* We like off-black for text. */
body, select, input, textarea {color: black;}

a {
	transition: opacity .7s;
	color: black;
	opacity: 1;
}
.no-touch a:hover,
.no-touch a:hover:after{color: #9E3200;}
a.on {color: #9E3200;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background-color: #9E3200; color: #fff; text-shadow: none;}
::selection {background-color: #9E3200; color: #fff; text-shadow: none;}

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: transparent;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder {color: transparent;}
textarea:-moz-placeholder {color: transparent;}



.bgSize {
	-ms-behavior: url('js/libs/backgroundsize.min.htc');
	behavior: url('js/libs/backgroundsize.min.htc');
}
.tabler {
	table-layout: fixed;
	display: table;
	height: 100%;
	width: 100%;
}
.tabler .pad-left, .tabler .pad-sp, .tabler .pad-right, .tabler .cell {
	vertical-align: top;
	display: table-cell;
	position: relative;
	height: 100%;
}
.more-btn {
	display: inline-block;
	font-size: 22px;
}
.more-btn:after {
	font-family: arial, sans-serif;
	position: relative;
	padding-left: 8px;
	font-size: 32px;
	content: '→';
	top: -5px;
}
.button {
	background-color: transparent;
	padding: 10px 80px 8px 20px;
	border: 1px solid #3e3e3e;
	display: inline-block;
	position: relative;
	border-radius: 0;
	appearance: none;
	font-size: 15px;
	color: #3e3e3e;
}
.button:after {
	font-family: arial, sans-serif;
	position: absolute;
	font-size: 22px;
	content: '→';
	right: 16px;
	top: 4px;
}

.down-more {
	padding-bottom: 35px;
	padding-bottom: 0;
	margin-bottom: 26px;
	position: relative;
	font-weight: 300;
	font-size: 16px;
	display: block;
}
.down-more:after {
	font-family: arial, sans-serif;
	position: absolute;
	font-size: 30px;
	color: #6b6b6b;
	content: '↓';
	width: 100%;
	bottom: 0;
	left: 0;
	display: none;
}

.down-arrow {
	font-family: arial, sans-serif;
	margin-top: 88px;
	font-size: 30px;
	color: #6b6b6b;
	width: 100%;
}

.share .text {
	vertical-align: middle;
	display: inline-block;
	padding-right: 12px;
	color: #232323;
}
.share .text>span {
	color: #535353;
}
.share>a {
	background-image: url('/images/share.png');
	background-repeat: no-repeat;
	background-size: 150px 100px;
	vertical-align: middle;
	display: inline-block;
	margin-right: 7px;
	margin-left: 7px;
	height: 50px;
	width: 50px;
}
.share>a>img {
	display: none;
}
.share .facebook {
	background-position: 0 0;
}
.share .twitter {
	background-position: -50px 0;
}
.share .linkedin {
	background-position: -100px 0;
	margin-right: 3px;
}
.share>a:hover {
	background-position-y: -50px;
}

.holder {
	padding-right: 88px;
	padding-left: 88px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	max-width: 1616px;
	width: 100%;
}

.menu-show {
	overflow: hidden;
}

#wrapper {
	position: relative;
	padding-top: 80px;
	overflow: hidden;
}

#article {
	position: relative;
	padding-top: 120px;
	z-index: 1;
}
#article * {
	font-weight: 300;
}
#article strong {
	font-weight: 600;
}

#article .top-text {
	text-align: center;
}
#article .top-text .title {
	letter-spacing: -4px;
	margin-bottom: 18px;
	/* line-height: 80px; */
	line-height: 100px;
	font-weight: 900;
	font-size: 80px;
	display: block;
}
#article .top-text p {
	margin-bottom: 120px;
	line-height: 30px;
	/* font-weight: 200; */
	font-weight: 300;
	font-size: 23px;
}
#article .top-text .sp-line {
	background-color: #c2c2c2;
	display: inline-block;
	margin-bottom: 6px;
	margin-top: 12px;
	max-width: 560px;
	height: 1px;
	width: 48%;
}

#article .in-left {
	padding-left: 5%;
	font-size: 16px;
	float: right;
	width: 30%;
}
#article .in-right {
	float: left;
	width: 70%;
}

.learn-more__work {
    margin-top: 80px;
}
@media (max-width: 1280px) {
	.holder {
		padding-right: 44px;
		padding-left: 44px;
	}
}
@media (max-width: 640px),
(-webkit-min-device-pixel-ratio: 1.25) and (max-width: 736px) and (orientation:landscape),
(min--moz-device-pixel-ratio: 1.25) and (max-width: 736px) and (orientation:landscape),
(-o-min-device-pixel-ratio: 1.25/1) and (max-width: 736px) and (orientation:landscape),
(min-device-pixel-ratio: 1.25) and (max-width: 736px) and (orientation:landscape),
(min-resolution: 200dpi) and (max-width: 736px) and (orientation:landscape),
(min-resolution: 1.25dppx) and (max-width: 736px) and (orientation:landscape) {
	.share>a {
		margin-right: 10px;
		margin-left: 10px;
	}
	.share .text {
		padding-right: 4px;
	}
	.down-more {
		font-size: 14px;
		font-weight: 300;
	}
	.down-more:after {
		font-size: 19px;
	}
	#wrapper {
		padding-top: 80px;
	}
	#article .discover {
		font-size: 13px;
	}
	#article .discover:before {
		top: -3px;
	}
	#article .top-text .title {
		letter-spacing: -2px;
		line-height: 45px;
		font-size: 45px;
	}
	#article .top-text p {
		line-height: 22px;
		font-size: 16px;
		font-weight: 300;
	}
	.down-arrow {
		font-size: 19px;
	}
	#article .top-text p {
		margin-bottom: 60px;
	}
    .learn-more__work {
        margin-top: 110px;
    }
}
@media
(-webkit-min-device-pixel-ratio: 1.25) and (max-width: 640px) and (orientation:portrait),
(min--moz-device-pixel-ratio: 1.25) and (max-width: 640px) and (orientation:portrait),
(-o-min-device-pixel-ratio: 1.25/1) and (max-width: 640px) and (orientation:portrait),
(min-device-pixel-ratio: 1.25) and (max-width: 640px) and (orientation:portrait),
(min-resolution: 200dpi) and (max-width: 640px) and (orientation:portrait),
(min-resolution: 1.25dppx) and (max-width: 640px) and (orientation:portrait) {
	#article {
		padding-top: 80px;
	}
	.down-arrow {
		margin-top: 55px;
	}
}
@media
(-webkit-min-device-pixel-ratio: 1.25) and (max-width: 640px) and (orientation:landscape),
(min--moz-device-pixel-ratio: 1.25) and (max-width: 640px) and (orientation:landscape),
(-o-min-device-pixel-ratio: 1.25/1) and (max-width: 640px) and (orientation:landscape),
(min-device-pixel-ratio: 1.25) and (max-width: 640px) and (orientation:landscape),
(min-resolution: 200dpi) and (max-width: 640px) and (orientation:landscape),
(min-resolution: 1.25dppx) and (max-width: 640px) and (orientation:landscape) {
	#article {
		padding-top: 50px;
	}
	#article .top-text p {
		margin-bottom: -30px;
	}
	.learn-more__work {
		margin-top: 70px;
	}
}
/* 201230 update START */
#article .discover {
    text-align: center;
    position: relative;
    font-size: 14px;
    line-height: 25px;
    color: #000;
    max-width: 960px;
    margin: 0 auto 26px;
}
#article .discover, #article .discover a {
    /* font-weight: 300; */
    font-weight: 400;
}
.discover .sp {
    display: inline-block;
    padding: 0 10px
}
.discover .break-point .sp {
    display: none;
}
.discover .hidebox{display:inline;/*display:none;*/}
/* .page-home .discover .hidebox{display:inline;} */
/*.discover .all-text,.discover .show-all{font-size:16px;}*/
@media (max-width:840px) {
    .discover .break-point .sp {
        display: inline-block;
    }
    .discover .break-point .sp.hidebox {
        display: none;
    }
    .discover.opened .break-point .sp.hidebox {
       display: inline-block;
    }
    .discover .break-point br {
        display: none;
    }
}
@media (max-width: 710px) and (min-width: 641px) {

    .discover .break-point .sp {
        display: inline-block;
    }
    .discover .break-point .sp.hidebox {
        display: none;
    }
    .discover.opened .break-point .sp.hidebox {
        display: inline-block;
    }
    .discover .break-point br {
        display: none;
    }
}
@media (max-width:640px) {
    .discover .all-text,.discover .show-all, .home-more__discover a {font-size:13px}
	#article .discover,
	#article .discover a {
		font-size: 13px;
		line-height: 23px;
	}
	.discover .sp {
		padding: 0 6px;
	}
}
.toggle-btn {
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}
.toggle-btn__text {
    font-size: 16px;
}
.toggle-btn__icon {
    width: 16px;
    height: 16px;
    position: relative;
    display: block;
    margin-left: 12px;
}
.toggle-btn__icon:before,
.toggle-btn__icon:after {
    content: "";
    width: 100%;
    display: block;
    height: 2px;
    position: absolute;
    top: 50%;
    background-color: #222;
    margin-top: -1px;
}
.toggle-btn__icon:after {
    transform: rotate(90deg);
    transition: 0.3s transform ease;
}
.toggle-btn.active .toggle-btn__icon:after {
    transform: unset;
}
@media screen and (max-width: 640px) {
	.toggle-btn__icon {
		width: 14px;
		height: 14px;
		margin-left: 8px;
		margin-top: 2px;
	}
}
.a11y {
    position: absolute !important;
    z-index: -1000 !important;
    right: 99999px !important;
}

.learn-more__toggle-btn {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px 0;
    border-top: 1px solid #7f7f7f;
}
.learn-more__toggle-text {
	font-weight: 400;
	font-size: 16px;
}
.learn-more__toggle-btn.active .learn-more__toggle-text {
	color: #9E3200;
}
.learn-more__toggle-btn.active .toggle-btn__icon:before,
.learn-more__toggle-btn.active .toggle-btn__icon:after {
	background-color: #9E3200;
}
@media screen and (min-width: 1025px) {
	.learn-more__toggle-btn:hover .learn-more__toggle-text{
	color: #9E3200;
    }
    .learn-more__toggle-btn:hover .toggle-btn__icon:before,
    .learn-more__toggle-btn:hover .toggle-btn__icon:after {
    	background-color: #9E3200;
    }
}
.learn-more__body {
	display: none;
	text-align: center;
}
.learn-more__wrapper {
    max-width: 1024px;
    margin: 0 auto;
    padding: 50px 24px 74px;
    font-size: 15px;
}
.learn-more__wrapper h1,
.learn-more__wrapper h2,
.learn-more__wrapper h3 {
    font-weight: 600;
    margin-bottom: 12px;
    font-size: 18px;
}
.learn-more__wrapper h3:last-of-type {
    margin-top: 50px;
}
.learn-more__wrapper p {
    margin-bottom: 24px;
    line-height: 1.5;
    font-weight: 400;
}
.learn-more__discover a {
	font-weight: 400;
	line-height: 1.5;
}
/* 201230 update END */

input:focus, select:focus, textarea:focus, a:focus, a:focus .logo { outline: 2px solid #000 !important;}

/* 240510 update */
#article .url a{ font-size: 18px;}
/* 240510 update */