@charset "utf-8";


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,form,/*input,*/th,td{
	margin:0;
	padding:0;
	border:0;
}

img{
	border:0;
	width: 100%;
}

ul,ol{
	list-style:none;
}

address,em,strong,caption{
	font-style:normal;
	font-weight:normal;
}

th,caption{
	text-align:left;
}

/* テーブルのデザインをする際に必ず必要なもの */
table{
	border-collapse:collapse;
	border-spacing:0;
}

/*リンクの点線消す*/
a:focus{
	outline:none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix{/zoom: 1;}

/*================
Link
================*/
/*a:link,a:active{
	text-decoration:none;
	color:#336699;
}
a:hover{
	text-decoration:none;
	color:#CC0000;
}
a:visited{
	text-decoration:none;
	color:#660033;
}


*/
/*================
reset_font
================*/

body{
	font-size:14px;
	*font-size:small;
	*font:xsmall;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}

table{
	font-size:inherit;
	font-size:100%;
}

*{
	line-height:2.2;
	font-size:100%;
	font-style:normal;
	/*font-weight:normal;*/
}

img{
	border:0;
	/*background: url(./spacer.gif);*/
}

hr{display: none}
br {line-height: 1.0;}

/* a
------------------------------------------------ */
/*リンクの点線消す*/
a:focus{
	outline:none;
}
/*a:link,a:active,a:visited{
	text-decoration:none;
	color:#555;
}*/
/*a:hover{
	text-decoration:underline;
	color:#555;
}*/
.alpha:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

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

/*-----------------------------------
base
-----------------------------------*/

.fl{ float:left;}
.fr{ float:right;}

.tal{ text-align:left;}
.tac{ text-align:center;}
.tar{ text-align:right;}

.clear{	clear: both;}

.inline-block-top {
	display: inline-block;
	vertical-align: top;
	/display: inline;
	/zoom: 1;
}
.inline-block-middle {
	display: inline-block;
	vertical-align: middle;
	/display: inline;
	/zoom: 1;
}
.inline-block-bottom {
	display: inline-block;
	vertical-align: bottom;
	/display: inline;
	/zoom: 1;
}

.align_r {text-align: right;}
.align_l {text-align: left;}
.align_c {text-align: center;}


/*-----------------------------------
margin padding
-----------------------------------*/

.pt22 { padding-top: 22px; }
.pt150 { padding-top: 150px; }
.pb110 { padding-bottom: 110px; }
.pb120 { padding-bottom: 120px; }
.pb130 { padding-bottom: 130px; }
.pb140 { padding-bottom: 140px; }
.pb150 { padding-bottom: 150px; }
.pb160 { padding-bottom: 160px; }
.pb170 { padding-bottom: 170px; }
.pb180 { padding-bottom: 180px; }
.pb190 { padding-bottom: 190px; }
.pb200 { padding-bottom: 200px; }


/*---------- font ----------*/

.text_red{ color:#F00;}
.text_blue{ color:#00F;}
.bold{ font-weight:bold;}

/*	フォント　ピクセル指定*/
.fs10 { font-size:10px; }
.fs11 { font-size:11px; }
.fs12 { font-size:12px; }
.fs13 { font-size:13px; }
.fs14 { font-size:14px; }
.fs15 { font-size:15px; }
.fs16 { font-size:16px; }
.fs17 { font-size:17px; }
.fs18 { font-size:18px; }
.fs19 { font-size:19px; }
.fs20 { font-size:20px; }
.fs21 { font-size:21px; }
.fs22 { font-size:22px; }
.fs23 { font-size:23px; }
.fs24 { font-size:24px; }
.fs25 { font-size:25px; }
.fs26 { font-size:26px; }
.fs27 { font-size:27px; }
.fs28 { font-size:28px; }
.fs29 { font-size:29px; }
.fs30 { font-size:30px; }

.fs90{ font-size:90%;}
.fs85{ font-size:85%;}
.fs80{ font-size:80%;}

.lh12 { line-height: 1.2; }
.lh13 { line-height: 1.3; }
.lh14 { line-height: 1.4; }
.lh16 { line-height: 1.6; }
.lh17 { line-height: 1.7; }
.lh18 { line-height: 1.8; }
.lh19 { line-height: 1.9; }
.lh20 { line-height: 2.0; }

.ls-1{ letter-spacing:-1px;}
.ls-2{ letter-spacing:-2px;}
.ls-3{ letter-spacing:-3px;}
.ls-5{ letter-spacing:-5px;}

/*---------- width ----------*/

.w10{ width:10px;}
.w20{ width:20px;}
.w30{ width:30px;}
.w40{ width:40px;}
.w50{ width:50px;}
.w60{ width:60px;}
.w70{ width:70px;}
.w80{ width:80px;}
.w90{ width:90px;}

.w200{ width:200px;}
.w300{ width:300px;}
.w400{ width:400px;}
.w530{ width:530px;}	/* /about/number.phpで使用 */
.w500{ width:500px;}
.w600{ width:600px;}
.w650{ width:650px;}	/* /spirit/dna.phpで使用 */
.w660{ width:660px;}	/* /news/souritsu20th.phpで使用 */
.w700{ width:700px;}
.w800{ width:800px;}
.w900{ width:900px;}


/*---------- margin ----------*/

.m0a{ margin:0 auto;}
.m5a{ margin:5px auto 0;}
.m10a{ margin:10px auto 0;}
.m15a{ margin:15px auto 0;}
.m20a{ margin:20px auto 0;}
.m25a{ margin:25px auto 0;}
.m30a{ margin:30px auto 0;}
.m35a{ margin:35px auto 0;}
.m40a{ margin:40px auto 0;}
.m45a{ margin:45px auto 0;}
.m50a{ margin:50px auto 0;}

.m1  { margin: 1px; }
.m2  { margin: 2px; }
.m3  { margin: 3px; }
.m4  { margin: 4px; }
.m5  { margin: 5px; }
.m6  { margin: 6px; }
.m7  { margin: 7px; }
.m8  { margin: 8px; }
.m9  { margin: 9px; }
.m10 { margin: 10px; }
.m20 { margin: 20px; }
.m30 { margin: 30px; }
.m40 { margin: 40px; }
.m50 { margin: 50px; }
.m60 { margin: 60px; }
.m70 { margin: 70px; }
.m80 { margin: 80px; }
.m90 { margin: 90px; }
.m100 { margin: 100px; }

.mt1  { margin-top: 1px; }
.mt2  { margin-top: 2px; }
.mt3  { margin-top: 3px; }
.mt4  { margin-top: 4px; }
.mt5  { margin-top: 5px; }
.mt6  { margin-top: 6px; }
.mt7  { margin-top: 7px; }
.mt8  { margin-top: 8px; }
.mt9  { margin-top: 9px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt90 { margin-top: 90px; }
.mt100 { margin-top: 100px; }

.mr1  { margin-right: 1px; }
.mr2  { margin-right: 2px; }
.mr3  { margin-right: 3px; }
.mr4  { margin-right: 4px; }
.mr5  { margin-right: 5px; }
.mr6  { margin-right: 6px; }
.mr7  { margin-right: 7px; }
.mr8  { margin-right: 8px; }
.mr9  { margin-right: 9px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }
.mr60 { margin-right: 60px; }
.mr70 { margin-right: 70px; }
.mr80 { margin-right: 80px; }
.mr90 { margin-right: 90px; }
.mr100 { margin-right: 100px; }

.mb0  { margin-bottom: 0;}
.mb1  { margin-bottom: 1px; }
.mb2  { margin-bottom: 2px; }
.mb3  { margin-bottom: 3px; }
.mb4  { margin-bottom: 4px; }
.mb5  { margin-bottom: 5px; }
.mb6  { margin-bottom: 6px; }
.mb7  { margin-bottom: 7px; }
.mb8  { margin-bottom: 8px; }
.mb9  { margin-bottom: 9px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }
.mb100 { margin-bottom: 100px; }

.ml1  { margin-left: 1px; }
.ml2  { margin-left: 2px; }
.ml3  { margin-left: 3px; }
.ml4  { margin-left: 4px; }
.ml5  { margin-left: 5px; }
.ml6  { margin-left: 6px; }
.ml7  { margin-left: 7px; }
.ml8  { margin-left: 8px; }
.ml9  { margin-left: 9px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
.ml60 { margin-left: 60px; }
.ml70 { margin-left: 70px; }
.ml80 { margin-left: 80px; }
.ml90 { margin-left: 90px; }
.ml100 { margin-left: 100px; }


/*---------- padding ----------*/

.p1  { padding: 1px; }
.p2  { padding: 2px; }
.p3  { padding: 3px; }
.p4  { padding: 4px; }
.p5  { padding: 5px; }
.p6  { padding: 6px; }
.p7  { padding: 7px; }
.p8  { padding: 8px; }
.p9  { padding: 9px; }
.p10 { padding: 10px; }
.p20 { padding: 20px; }
.p30 { padding: 30px; }
.p40 { padding: 40px; }
.p50 { padding: 50px; }
.p60 { padding: 60px; }
.p70 { padding: 70px; }
.p80 { padding: 80px; }
.p90 { padding: 90px; }
.p100 { padding: 100px; }

.pt0  { padding-top: 0px; }
.pt1  { padding-top: 1px; }
.pt2  { padding-top: 2px; }
.pt3  { padding-top: 3px; }
.pt4  { padding-top: 4px; }
.pt5  { padding-top: 5px; }
.pt6  { padding-top: 6px; }
.pt7  { padding-top: 7px; }
.pt8  { padding-top: 8px; }
.pt9  { padding-top: 9px; }
.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt70 { padding-top: 70px; }
.pt80 { padding-top: 80px; }
.pt90 { padding-top: 90px; }
.pt100 { padding-top: 100px; }

.pr1  { padding-right: 1px; }
.pr2  { padding-right: 2px; }
.pr3  { padding-right: 3px; }
.pr4  { padding-right: 4px; }
.pr5  { padding-right: 5px; }
.pr6  { padding-right: 6px; }
.pr7  { padding-right: 7px; }
.pr8  { padding-right: 8px; }
.pr9  { padding-right: 9px; }
.pr10 { padding-right: 10px; }
.pr20 { padding-right: 20px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }
.pr50 { padding-right: 50px; }
.pr60 { padding-right: 60px; }
.pr70 { padding-right: 70px; }
.pr80 { padding-right: 80px; }
.pr90 { padding-right: 90px; }
.pr100 { padding-right: 100px; }

.pb1  { padding-bottom: 1px; }
.pb2  { padding-bottom: 2px; }
.pb3  { padding-bottom: 3px; }
.pb4  { padding-bottom: 4px; }
.pb5  { padding-bottom: 5px; }
.pb6  { padding-bottom: 6px; }
.pb7  { padding-bottom: 7px; }
.pb8  { padding-bottom: 8px; }
.pb9  { padding-bottom: 9px; }
.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
.pb70 { padding-bottom: 70px; }
.pb80 { padding-bottom: 80px; }
.pb90 { padding-bottom: 90px; }
.pb100 { padding-bottom: 100px; }

.pl1  { padding-left: 1px; }
.pl2  { padding-left: 2px; }
.pl3  { padding-left: 3px; }
.pl4  { padding-left: 4px; }
.pl5  { padding-left: 5px; }
.pl6  { padding-left: 6px; }
.pl7  { padding-left: 7px; }
.pl8  { padding-left: 8px; }
.pl9  { padding-left: 9px; }
.pl10 { padding-left: 10px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
.pl50 { padding-left: 50px; }
.pl60 { padding-left: 60px; }
.pl70 { padding-left: 70px; }
.pl80 { padding-left: 80px; }
.pl90 { padding-left: 90px; }
.pl100 { padding-left: 100px; }







@charset "UTF-8";


/* ==================================================================

	PC

================================================================== */

body {
	color: #3978BA;
	font-size: 14px;
	line-height: 2.2;
}
a,
a:hover,
a:active,
a:visited {
	color: #3978BA;
	text-decoration: none;
}
img.switch {
	visibility: hidden;
	display: block;
}

/* --------------------------------------------------
	header
-------------------------------------------------- */

#header {
	max-width: 100%;
	min-width: 960px;
	padding-top: 80px;
}
#header .inner {
	margin: 0 60px;
}
#header h1 {
	float: left;
	max-width: 240px;
}

/* --------------------------------------------------
	menu
-------------------------------------------------- */

#menu ul.nav {
	display: block;
	float: right;
	font-size: 0;
	margin-top: -13px;
}
#menu ul.nav li {
	display: inline-block;
	font-size: 20px;
	margin-left: 40px;
	background-image: url("../images/bg_nav.png");
	background-repeat: repeat-x;
	background-position: left 36px;
}
#menu ul.nav li:first-child {
	margin-left: 0;
}
#menu .btn {
	display: none;
}

/* --------------------------------------------------
	main
-------------------------------------------------- */

#main {}

/* --------------------------------------------------
	philosophy
-------------------------------------------------- */

/*追加*/
#ex-btn{
	display: none
}

#philosophy {
	max-width: 100%;
	min-width: 960px;
	margin: 0 auto;
	padding: 100px 0;
}
#philosophy .inner {
	text-align: center;
}
#philosophy h2 {display: none;}

#philosophy p {
	font-size: 20px;
	line-height: 2.8;
	letter-spacing: 0.15em;
	margin-bottom: 80px;
}
#philosophy p span.ttl {
	display: block;
	font-size: 32px;
	line-height: 1;
	margin-top: 30px;
}
#philosophy p.logo {
	max-width: 320px;
	margin: 0 auto;
}

/* --------------------------------------------------
	exhibition
-------------------------------------------------- */

/* bg config */
#exhibition.bg1 {background-color: #F8F9FA;}/* 白 */
#exhibition.bg2 {background-color: #FFC800;}/* 黄 */
#exhibition.bg3 {background-color: #00AC57;}/* 緑 */
#exhibition.bg4 {background-color: #F5202F;}/* 赤 */
#exhibition.bg5 {background-color: #C0C1C3;}/* 灰 */

#exhibition {
	max-width: 100%;
	min-width: 960px;
	margin: 0 auto;
	padding: 100px 0;
	color: #000;
}
#exhibition a,
#exhibition a:hover,
#exhibition a:active,
#exhibition a:visited {
	color: #000;
	text-decoration: underline;
}

#exhibition h2 {
	font-size: 66px;
	line-height: 1;
	margin-bottom: 40px;
	text-align: center;
}
#exhibition .dm {
	max-width: 580px;
	text-align: center;
	margin: 0 auto;
}
#exhibition .inner {
	max-width: 680px;
	margin: 0 auto;
}
#exhibition p {
	margin-bottom: 40px;
}
#exhibition p.info {
	font-size: 14px;
}
#exhibition p.text {
	font-size: 16px;
}
#exhibition ul {
	font-size: 0;
	text-align: center;
	margin: 0 auto;
}
#exhibition ul li {
	display: inline-block;
	margin-left: 5px;
}
#exhibition ul li:first-child {
	margin-left: 0;
}

/* --------------------------------------------------
	news
-------------------------------------------------- */

#news {
	max-width: 100%;
	min-width: 960px;
	margin: 0 auto;
	padding: 140px 0;
	color: #fff;
	letter-spacing: 0.15em;
	background-color: #3978BA;
}
#news .inner {
	max-width: 960px;
	margin: 0 auto;
}
#news h2 {display: none;}

#news p.logo {
	float: left;
	max-width: 150px;
	margin: 0 110px;
}
#news h3 {
	font-size: 20px;
	margin-bottom: 20px;
}
#news p {
	font-size: 16px;
}

#news ul {
	clear: both;
	font-size: 0;
	text-align: center;
	margin: 0 auto;
}
#news ul li {
	margin-top: 50px;
	display: inline-block;
}

/* --------------------------------------------------
	footer
-------------------------------------------------- */

#footer {
	max-width: 100%;
	min-width: 960px;
	color: #888;
	text-align: center;
	background-color: #F8F9FA;
	padding: 100px 0 35px 0;
}
#footer a,
#footer a:hover,
#footer a:active,
#footer a:visited {
	color: #888;
	text-decoration: none;
}
#footer .inner {
	margin: 0 auto;
}
#footer p.logo {
	max-width: 260px;
	margin: 0 auto 20px auto;
}
#footer p.telfax {
	font-size: 36px;
	line-height: 1;
	margin: 0 auto 40px auto;
}
#footer p.telfax span:first-child {
	margin-right: 25px;
}
#footer p.mark {
	max-width: 500px;
	font-size: 12px;
	text-align: left;
	margin: 0 auto 40px auto;
}
#footer p.mark span {
	float: right;
	display: inline;
	max-width: 224px;
}
#footer p.privacy {
	font-size: 12px;
	margin-bottom: 15px;
}
#footer p.copyright {
	font-size: 12px;
	letter-spacing: 0.15em;
}

/* --------------------------------------------------
	pagetop
-------------------------------------------------- */

#pagetop {
	display: none;
	position: fixed;
	right: 0;
	bottom: 10px;
}
#pagetop a {
	 display: block;
	 width: 60px;
}

/* ==================================================================

	SP

================================================================== */

@media (max-width: 640px) {

/* --------------------------------------------------
	header
-------------------------------------------------- */

#header {
	max-width: 100%;
	min-width: 100%;
	padding-top: 100px;
}
#header .inner {
	margin: 0 auto;
}
#header h1 {
	float: none;
	max-width: 60%;
	margin: 0 auto;
}

/* --------------------------------------------------
	menu
-------------------------------------------------- */

#menu ul.nav {
	display: none;
	float: none;
	font-size: 0;
	text-align: center;
	width: 100%;
	height: 100%;
	padding-top: 40%;
	position: fixed;
	top: 0;
	z-index: 100;
	background-color: #3978BA;
    filter:alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;
}
#menu ul.nav li {
	display: block;
	font-size: 44px;
	margin-left: 0;
	margin-top: -25px;
	background: none;
}
#menu ul.nav li a,
#menu ul.nav li a:hover,
#menu ul.nav li a:active,
#menu ul.nav li a:visited {
	color: #FFF;
	text-decoration: none;
}
#menu .btn {
	position: fixed;
	display: block;
	top: 0;
	right: 0;
	width: 60px;
	height: 60px;
	background-image: url("../images/btn_nav.png");
	background-size: 60px 60px;
	z-index: 300;
}
#menu .btn.close {
	background-image: url("../images/btn_nav_close.png");
}

/* --------------------------------------------------
	philosophy
-------------------------------------------------- */

#philosophy {
	max-width: 80%;
	min-width: 80%;
	padding: 60px 10% 80px 10%;
}
#philosophy .inner {
	text-align: left;
}
#philosophy p {
	font-size: 16px;
	line-height: 2.2;
	margin-bottom: 60px;
}
#philosophy p br {
	display: none;
}
#philosophy p span.ttl {
	display: block;
	font-size: 20px;
	line-height: 1;
	margin-top: 30px;
}
#philosophy p.logo {
	max-width: 75%;
}

/* --------------------------------------------------
	exhibition
-------------------------------------------------- */

#exhibition {
	max-width: 100%;
	min-width: 100%;
	padding: 80px 0;
}
#exhibition h2 {
	font-size: 42px;
	margin-bottom: 40px;
}
#exhibition .dm {
	max-width: 90%;
}
#exhibition .inner {
	max-width: 80%;
	margin: 0 10%;
}
#exhibition p {
	margin-bottom: 30px;
}
#exhibition p.info {
	font-size: 11px;
}
#exhibition p.text {
	font-size: 14px;
}
#exhibition ul li {
	display: block;
	width: 80%;
	margin: 0 10% 15px 10%;
}
#exhibition ul li:first-child {
	margin-left: 10%;
}

/* --------------------------------------------------
	news
-------------------------------------------------- */

#news {
	max-width: 100%;
	min-width: 100%;
	padding: 100px 0;
}
#news .inner {
	max-width: 80%;
	margin: 0 10%;
}
#news h2 {display: none;}

#news p.logo {
	float: none;
	max-width: 40%;
	margin: 0 auto 30px auto;
}
#news h3 {
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 15px;
}
#news p {
	font-size: 13px;
}
#news p br {
	display: none;
}

#news ul {
	clear: both;
	font-size: 0;
	text-align: center;
	margin: 0 auto;
}
#news ul li {
	margin-top: 40px;
	display: inline-block;
}

/* --------------------------------------------------
	footer
-------------------------------------------------- */

#footer {
	max-width: 80%;
	min-width: 80%;
	padding: 80px 10% 40px 10%;
}
#footer .inner {
	margin: 0 auto;
}
#footer p.logo {
	max-width: 62%;
	margin: 0 auto 20px auto;
}
#footer p.telfax {
	font-size: 24px;
	line-height: 1;
	margin: 0 auto 40px auto;
}
#footer p.telfax span:first-child {
	margin-right: 20px;
}
#footer p.mark {
	max-width: 100%;
	font-size: 12px;
	text-align: center;
	margin: 0 auto 40px auto;
}
#footer p.mark span {
	float: none;
	display: block;
	max-width: 70%;
	margin: 0 auto 10px auto;
}
#footer p.copyright {
	font-size: 10px;
}

} /*max-width: 640px*/



/* --------------------------------------------------
	loading
-------------------------------------------------- */
#intro-bg{
	background-color: "#3978BA";
	z-index: 500;
	position: fixed;
	width: 100%;
	height: 100%;
}
#loading{
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 501;
	width: 100px;
	height: 100px;
	margin-left: -50px;
	margin-top: -50px;
}