@charset "utf-8";
/* CSS Document */

.inner h2 {
	font-family: 'Libre Baskerville', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: center;
}
.inner h2 span { border-bottom: 2px solid #111;}

.message .inner ul li a p {
	margin-bottom:0.4em; 
	text-align:center; 
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color:#86600e;
}
.message .inner ul li a p.sm { color:#1f2774; font-size: 78%;}
.message .inner ul li a p.re { color:#86600e; font-size: 78%;}
.message .inner ul li a p.wh { color:#687183; font-size: 78%;}

@media only screen and (max-width: 640px) {
#page_about section .inner { font-size: 16px; }
section .inner {
	margin: 0 6.25%;
	padding-top: 54px;
}
.inner h2 { margin-bottom: 30px; }
.inner h2 span { padding: 0 1em 0.2em; }
.inner p {
	display: inline;
	line-height: 1.6;
	font-size: 87.5%;
	line-height: 2;
	font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
}
.page--nav ul {
	margin: 10px 0 0;
	text-align: center;
}
.page--nav ul li {
	display: inline-block;
	width: 33.0333%;
	height: 25px;
	margin-left: 0.3%;
	padding: 0.5em 0 2em;
	color: #fff;
	line-height: 25px;
	font-size: 116%;
	background: #111 url(/img/about/bg_arrow01.png) center 69% no-repeat;
	background-size: 14px auto;
}
.page--nav ul li:first-child { margin-left: 0; }

.message p {
	display: block;
	padding-bottom: 70%;
	background: url(/img/about/forever_young.png) center bottom no-repeat;
	background-size: 90% auto;
}
.message ul {
	margin-top: 20px;
	list-style: none;
}
.message ul li {
	float: left;
	width: 33.33333%;
}
.message ul li img {
	width: 100%;
	height: auto;
}

.concept .image { padding-top: 40px; }

.backborn { padding-bottom: 50px; }
	
.backborn small {
	color: #aaaaaa;
    margin: 7% auto 0;
    display: block;
    max-width: 83.33333%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.6;
}

}


@media only screen and (min-width: 641px) {
#page_about section { text-align: center; }
section .inner {
	margin: 0 3%;
	padding-top: 66px;
}
.inner h2 {
	margin-bottom: 40px;
	font-size: 125%;
}
.inner h2 span { padding: 0 1em 0.2em;}
.inner p {
	margin-bottom: 0.95em;
	font-size: 93.75%;
	line-height: 2;
	font-family: "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
}

.page--nav ul { margin: 40px 3% 0;}
.page--nav ul li {
	display: inline-block;
	width: 30%;
	margin-left: 2%;
	height: 40px;
	color: #fff;
	line-height: 40px;
	background: #111 url(/img/about/bg_arrow01.png) 95% center no-repeat;
	background-size: 11px auto;
}
.page--nav ul li:first-child { margin-left: 0;}

.message {
	background: url(/img/about/forever_young.png) center 20% no-repeat;
	background-size: 50% auto;
}
.message ul {
	margin-top: 60px;
	list-style: none;
}
.message ul li {
	float: left;
	width: 32%;
}
.message ul li:nth-child(2) { margin: 0 2% }
.message ul li a {
	font-size:118.75%;}
.message ul li img {
	width: 100%;
	height: auto;
}

.concept .image { padding-top: 40px; }

.backborn { padding-bottom: 65px; }
	
.backborn small {
	color: #aaaaaa;
    margin: 7% auto 0;
    display: block;
    max-width: 90%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 68.75%;
    line-height: 1.6;
    text-align: center;
}

}



@media print, screen and (min-width: 980px) {
#page_about section { }
section .inner {
	min-width: 980px;
	max-width: 1280px;
	margin: 0 auto;
	padding-top: 80px;
}
.page--nav ul { margin: 60px auto 0; }
.page--nav ul li {
	width: 250px;
	margin-left: 10px;
}
.page--nav ul li:hover { cursor:pointer;}

.message { background-size: 450px auto; }
.message ul { margin-top: 130px; }
.message ul li a {
	font-size:25px;}

.concept .image { padding-top: 60px; height:300px; width:auto; background:url(/img/about/img_01_pc@2x.jpg) center center no-repeat; background-size:100% auto;}
.concept .image img {
	width: 100%;
	height: auto;
}

.backborn { padding-bottom: 40px; }
	
.backborn small {
	color: #aaaaaa;
    margin: 7% auto 0;
    display: block;
    max-width: 90%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 68.75%;
    line-height: 1.6;
    text-align: center;
}

}