@charset "utf-8";

/*
	File Name   : content.css
	Description : コンテンツエリア関係 他
*/

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

@import url(//fonts.googleapis.com/css?family=Lato:300,400,400italic);

/* 共通
----------------------------------------------------------- */
a.overlay{
	position:relative;
	display:block;
	/*
	position: absolute;
	background-color: rgba(0,74,152,0.5);
	
	top:0;
	left:0;
	opacity: 0;
	
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
	filter: alpha(opacity=0);
	*/
}
a.overlay:after{
	position: absolute;
	top:0;
	left:0;
	
	content: '';
	width: 100%;
	height: 100%;
	z-index:50;
	background-color: rgba(0,74,152,0.0);
	
	-webkit-transition: 0.4s ease;
	-moz-transition: 0.4s ease;
	-o-transition: 0.4s ease;
	transition: 0.4s ease;
	filter: alpha(opacity=0);
	
}
a.overlay:hover:after{
	background-color: rgba(0,74,152,0.4);
	filter: alpha(opacity=100);
}

a.overlay:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
a img{
	/*
	-webkit-transition: 0.4s ease;
	-moz-transition: 0.4s ease;
	-o-transition: 0.4s ease;
	transition: 0.4s ease;
	*/
}
a:hover img {
	opacity: .8;
	filter: alpha(opacity=80);
}


.web-font{
	font-family: "Oswald";
	font-weight: 700;
	font-style: normal;
}
.web-font2{
	font-family: "Oswald";
	font-weight: 300;
	font-style: normal;
}
.web-font3{
	font-family: "Oswald";
	font-weight: 400;
	font-style: normal;
}

.web-font4{
	 font-family: "Raleway";
	 font-style: normal;
	font-weight: 300 !important;
}

.web-font5{
	 font-family: "Raleway";
	 font-style: normal;
	font-weight: 900 !important;
}

.sp_view {
	display: none !important;
}
.pc_view{
}



/* admission Type */
#admission a.overlay:after{
	background-color: rgba(75,181,196,0.0);
}
#admission a.overlay:hover:after{
	background-color: rgba(75,181,196,0.4);
}
/* END admission Type */



/* Main FlexSlider
----------------------------------------------------------- */
.flex-disabled{
	display:none !important;
}
/* Direction Nav **/
#index-mainph .flex-direction-nav {
	display:none;
	position:absolute;
	height:0px;
	right:0px;
	bottom:45px;
	width:400px;
	z-index:6;
}

#index-mainph .flex-direction-nav a  {
	display:block;
	position:absolute;
	bottom:12px;
	width:28px;
	height:28px;

}
#index-mainph .flex-direction-nav a.flex-prev {
	left:40px;
	background:url(../../img/prev_arrow.png) 0 0 no-repeat;
	background-size:28px auto;
}
#index-mainph .flex-direction-nav a.flex-next {
	right:40px;
	background:url(../../img/next_arrow.png) 0 0 no-repeat;
	background-size:28px auto;
}
/* Control Nav */
#index-mainph .flex-control-nav {
	position:absolute;
	right:0px;
	bottom:40px;
	height:35px;
	width:230px;
	padding:12px 0px 0px;
	
	text-align:center;
	
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
				background:url(../img/slider_paging_bg.png) 0 0 repeat;
	z-index:5;
}
#index-mainph .flex-control-nav li {
	margin:0 10px;
	display:inline-block;
}
#index-mainph .flex-control-paging li a {
	width:12px;
	height:12px;
	display:block;
	background:url(../img/paging.png) 0 0 no-repeat;
	background-size:10px auto;
	cursor:pointer;
	text-indent:-9999px;
}
#index-mainph .flex-control-paging li a.flex-active {
	background:url(../img/paging_on.png) 0 0 no-repeat;
	background-size:10px auto;
	cursor:default;
}


/* Point FlexSlider
----------------------------------------------------------- */

/* Direction Nav **/
#point-slider .flex-direction-nav {
	position:absolute;
	height:0px;
	right:0px;
	top:240px;
	width:100%;
	z-index:100;
}
#point-slider .flex-direction-nav ul{
	position:relative;
}

#point-slider .flex-direction-nav a  {
	display:block;
	position:absolute;
	bottom:40px;
	width:32px;
	height:32px;
	z-index:1000;

}
#point-slider .flex-direction-nav a.flex-prev {
	left:40px;
	background:url(../../img/prev_arrow.png) 0 0 no-repeat;
	background-size:32px auto;
}
#point-slider .flex-direction-nav a.flex-next {
	right:40px;
	background:url(../../img/next_arrow.png) 0 0 no-repeat;
	background-size:32px auto;
}





/* テーマ詳細
----------------------------------------------------------- */
.theme-wrap-ph{
	position:relative;
	height:281px;
	overflow:hidden;
	text-align:left;
	min-width:1200px;
}

.theme-ph h1{
	position:absolute;
	bottom:30px;
	left:0;
	color:#fff;
	background:#1a325d;
	background-color: rgba(26,50,93,0.95);
	padding:20px 35px;
	font-weight:normal;
	font-size:26px;
	letter-spacing:2px;
	
}

#article-post {
	line-height: 2;
}

#article-post h2 {
	margin: 0 0 20px;
	font-size:26px;
}

#article-post h3 {
	margin: 0 0 20px;
	font-size:22px;
}
#article-post h4 {
	margin: 0 0 20px;
	font-size:18px;
}

#article-post figure {
	margin: 0 0 30px;
}

#article-post figure figcaption {
	margin: 0px 0 0;
	color: #666666;
}

#article-post p {
	margin: 0 0 30px;
}
#article-post p.article-post-date {
	margin: 0 0px 10px 0;
	line-height:1;
	font-size:16px;
	font-weight:bold;
	color:#444444;
}

#article-post p.article-post-date-close {
	margin: 0 0px 10px 0;
	line-height:1;
	font-size:16px;
	color:#fff;
	background:#666666;
	padding:5px 15px;
	
	display:inline-block;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* admission Type */
#admission .theme-ph h1{
	background-color: rgba(64,166,181,0.95);
	
}
/* END admission Type */





/* 各詳細ページ用要素群
----------------------------------------------------------- */
#article-post a:link,
#article-post a:visited{
	color:#0060b9;
	text-decoration:none;
}
#article-post a:hover{
	color:#0060b9;
	text-decoration:underline;
}


/* admission Type */
#admission #article-post a:link,
#admission #article-post a:visited{
	color:#2391a0;
}
#admission #article-post a:hover{
	color:#2391a0;
}
/* END admission Type */



#main-title {
	padding:90px 0px 0px;
	margin: 0 0 30px;
	min-width:1200px;
	text-align:center;
	color:#fff;
	
	min-height:220px;
	
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
}

#main-title.main-title-bg01{
	background:url(../img/main_ph_dummy.jpg) 50% 0 no-repeat;
	background-size: 100% auto;
}



#article-post .youtube-box{
	margin-bottom:30px;
}


#article-post .ph-box-l,
#article-post .ph-box-r{
	overflow:hidden;
}
#article-post .ph-box-l figure{
	display:block;
	float:left;
	margin-right:40px;
}
#article-post .ph-box-r figure{
	display:block;
	float:right;
	margin-left:40px;
}



#article-post .ph-box-l2,
#article-post .ph-box-r2{
	overflow:hidden;
}
#article-post .ph-box-l2 figure{
	display:block;
	float:left;
	margin-right:0px;
	width:220px;
}
#article-post .ph-box-l2 .ph-box-l2-txt{
	width:485px;
	display:block;
	float:right;
	margin-left:0px;
}

#article-post .ph-box-r2 figure{
	display:block;
	float:right;
	margin-left:0px;
	width:220px;
}
#article-post .ph-box-r2 .ph-box-r2-txt{
	width:485px;
	display:block;
	float:left;
	margin-left:0px;
}

#article-post .ph-1column{
}
#article-post .ph-1column figure{
	text-align:center;
}


#article-post .ph-2column{
	overflow:hidden;
}
#article-post .ph-2column figure{
	width:340px;
	float:right;
}

#article-post .ph-2column figure:first-child{
	width:340px;
	float:left;
}

#article-post .ph-3column{
	overflow:hidden;
}
#article-post .ph-3column figure{
	width:220px;
	float:left;
	margin-left:38px;
}
#article-post .ph-3column figure:first-child{
	margin-left:0px;
}


.basic-area ul{
	margin-left:1.1em;
	margin-bottom:30px;
}
.basic-area ul li{
	list-style:square !important;
	color:#333;	
}

.basic-area ol{
	margin-left:1.5em;
	margin-bottom:30px;
}
.basic-area ol li{
	list-style:decimal !important;
}

#article-post .line-box{
	padding:30px;
	border:1px solid #dddddd;
	margin-bottom:30px;
}
#article-post .line-box p{
	margin-bottom:0;
}




/*
.table-wrap{
	overflow:auto;
}
*/
#article-post table{
	border-collapse:collapse;
	width:100%;
	background:#fff;
	margin-bottom:30px;
}
#article-post table th{
	text-align:left;
	background:#c7ad51;
	color:#fff;
	font-size:16px;
	width:20%;
}
#article-post table th,
#article-post table td{
	padding:15px 15px;
	border:1px solid #dddddd;
}


#article-post table.detail-table th{
	font-size:10px;
	padding:5px;
	white-space:nowrap;
}
#article-post table.detail-table td{
	font-size:10px;
	padding:5px;
}



.googlemap-box{
	margin-bottom:50px;
}


/* admission Type */
#admission .basic-area ul li{
	color:#333;
}
/* END admission Type */

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








/* トップページ
----------------------------------------------------------- */

/*   Main Photo  */
#index-mainph{
	position:relative;
	min-width:1200px;
	margin-top:-155px;
	height:600px;
	overflow:hidden;
	z-index:1;
}
#index-mainph-in .ph-item{
	position:relative;
	width:100%;
	float:left;
	height:600px;
	overflow:hidden;
}

#index-mainph-in .ph-item a:hover img{
	filter: alpha(opacity=100);
	-moz-opacity: 10.;
	opacity: 1.0;
}

#index-mainph-in .ph-item img{
	width:100%;
	height:auto;
}
#index-mainph-in .ph-item .ph-item-txt{
	position:absolute;
	bottom:40px;
/*
	left:0;
*/
	left:-800px;
	color:#fff;
	
	background:url(../../img/ph1_bg.jpg) 0 0 repeat;
	padding:20px;
	
	z-index:10;

}
#index-mainph-in .ph-item .ph-item-txt h2{
	font-size:26px;
	margin-bottom:20px;
	font-weight:normal;
}
#index-mainph-in .ph-item .ph-item-txt p{
	font-size:13px;
	margin-bottom:0;
}





/*   About  */
#index-about-area{
	position:relative;
	margin:0 auto;
}



#index-about-area ul{
	overflow:hidden;
}
#index-about-area li{
	width:50%;
	float:left;
	background:#eee;
	overflow:hidden;
}

#index-about-area li img{
	width:100%;
	height:auto;
}

#index-about-area li.about1,
#index-about-area li.about2{
	float:left;
}
#index-about-area li.about3,
#index-about-area li.about4{
	float:right;
}

#index-about-area li dl{
	position:relative;
	text-align:center;
	font-size:18px;
	overflow:hidden;
}
#index-about-area li a{
	color:#fff !important;
	display:block;
	height:100%;
	
}
#index-about-area li dd{
	position:relative;
}
#index-about-area li dd a,
#index-about-area li dd a{
	overflow:hidden;	
}
#index-about-area li dd a{
	background:url(../../img/next_arrow.png) 50% 90% no-repeat;
	background-size:32px auto;
	padding-top:40px;
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
	
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}
#index-about-area li dd a:hover{
	background:url(../../img/next_arrow_on.png) 50% 90% no-repeat;
	background-size:32px auto;
}

/**/
#index-about-area li.about1 dl dt{
	width:50%;
	height:auto;
	float:left;
}
#index-about-area li.about1 dl dd{
	display:block;
	width:50%;
	min-height:300px;
	height:100%;
	float:right;
	background:url(../../img/ph2_bg.jpg) 0 0 repeat;
}


#index-about-area li dl.about1-1 dd:after,
#index-about-area li dl.about3-2 dd:after{
	content: '';
	position: absolute;
	top:50%;
	left:100%;
	width:38px;
	height:58px;
	margin-top:-29px;
	z-index:3;
	background:url(../../img/point_arrow_blue.png) 0 0 no-repeat;
}

#index-about-area li dl.about1-2 dd:after,
#index-about-area li dl.about3-1 dd:after{
	content: '';
	position: absolute;
	top:50%;
	right:100%;
	width:38px;
	height:58px;
	margin-top:-29px;
	z-index:3;
	background:url(../../img/point_arrow_yellow.png) 0 0 no-repeat;
}

#index-about-area li.about1 dl:first-child dt{
	float:right;
}
#index-about-area li.about1 dl:first-child dd{
	float:left;
	background:url(../../img/ph1_bg.jpg) 0 0 repeat;
}


#index-about-area li.about3 dl dt{
	display:block;
	width:50%;
	height:auto;
	float:right;
}
#index-about-area li.about3 dl dd{
	display:block;
	width:50%;
	min-height:300px;
	height:100%;
	
	float:left;
	background:url(../../img/ph1_bg.jpg) 0 0 repeat;
}

#index-about-area li.about3 dl:first-child dt{
	float:left;
}
#index-about-area li.about3 dl:first-child dd{
	float:right;
	background:url(../../img/ph2_bg.jpg) 0 0 repeat;
}

#index-about-area li.about2 dd,
#index-about-area li.about4 dd{
	position:absolute;
	height:50%;
	bottom:0px;
	left:0;
	background:url(../../img/ph_bg.png) 0 0 repeat;
	width:100%;
	line-height:2;
	
}

#index-about-area a .about-ttl{
	margin:0px auto 25px;
	width:210px;
	line-height:1.5 !important;
	/*
	border:1px solid #fff;
	*/
	display:block;
	padding:10px 5px;
	font-size:13px;
	
	position:relative;
}
#index-about-area a:hover{
	text-decoration:none !important;
}


#index-about-area a .about-ttl:before,
#index-about-area a .about-ttl:after {
	position: absolute;
	top: 5px;
	right: 5px;
	bottom: 5px;
	left: 5px;
	content: '';
	opacity: 1;
	
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	-ms-transition: opacity 0.35s, -ms-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
#index-about-area a .about-ttl:before {
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	
	-webkit-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
}
#index-about-area a .about-ttl:after {
	border-right: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	
	-webkit-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
}

#index-about-area a:hover .about-ttl:before{
	opacity: 1;
	-webkit-transform: scale(0,1);
	-ms-transform: scale(0,1);
	transform: scale(0,1);
}
#index-about-area a:hover .about-ttl:after{
	opacity: 1;
	-webkit-transform: scale(1,0);
	-ms-transform: scale(1,0);
	transform: scale(1,0);

}


#index-about-area li a img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1,1);
   transform: scaleY(1);
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
#index-about-area li a:hover img {
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   -o-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}


#more-about{
	display:none;
}

#read-more{
	font-size:24px;
	margin-bottom:0;
	overflow:hidden;
}
#read-more a{
	color:#fff !important;
	padding:19px 0px;
	display:block;
	text-align:center;
	background:#294e7f;
	position:relative;
	
	box-shadow: 0px 3px 0px rgba(0,0,0,0.15);
}

#read-more a:after {
	top:0;
	left: -100%;
	width: 100%;
	height: 100%;
	
	display: block;
	content: '';
	
	position:absolute;
	
	-webkit-transition: all 1.0s ease-in-out;
   -moz-transition: all 1.0s ease-in-out;
   -o-transition: all 1.0s ease-in-out;
   -ms-transition: all 1.0s ease-in-out;
   transition: all 1.0s ease-in-out;
   
	background: linear-gradient(to right, rgba(255,255,255,0.0),rgba(255,255,255,0.5), rgba(255,255,255,0.0));
	background: -moz-linear-gradient(to right, rgba(255,255,255,0.0),rgba(255,255,255,0.5), rgba(255,255,255,0.0)); /* Firefox用 */ 
	background: -ms-linear-gradient(to right, rgba(255,255,255,0.0),rgba(255,255,255,0.5), rgba(255,255,255,0.0)); /* IE用 */ 
	background: -webkit-linear-gradient(to right, rgba(255,255,255,0.0),rgba(255,255,255,0.5), rgba(255,255,255,0.0)); /* Safari,Google Chrome用 */
}
#read-more a:hover::after {
	top:0;
	left: 100%;
}

/*
#read-more a.motion:after {
	top:0;
	left: 100%;
}
*/






/* NEWS & EVENTS  */
#news-events-area{
	padding:60px 0px 50px;
	width:100%;
	margin:0 auto;
	
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
	background:url(../../img/index_bg_logo.png) 100% 50% no-repeat;
}
#news-area{
	padding:0 60px;
	margin:0 auto;
	width:1200px;
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
}
#events-area{
	padding:0 60px;
	margin:0 auto;
	width:1200px;
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
}
#news-area h2,
#events-area h2{
	margin-bottom:45px;
	position:relative;
	font-size:42px;
	font-weight:300;
	line-height:1;
}
#news-area h2 span,
#events-area h2 span{
	position:absolute;
	top:20px;
	right:0px;
	font-size:14px;
}
#news-area h2 span a,
#events-area h2 span a{
	color:#131314 !important;
	background:url(../img/icon_arrow2.png) 0 50% no-repeat;
	background-size:6px auto;
	padding-left:15px;
}



#news-area #news-list{
	overflow:hidden;
}
#news-area #news-list dl{
	float:left;
	width:242px;
	margin-left:35px;
}
#news-area #news-list dl:first-child{
	margin-left:0px;
}
#news-area #news-list dl dt{
	margin-bottom:20px;
}
#news-area #news-list dl dd{
	font-size:13px;
	color:#666666;
}

#news-area #news-list dl dt a,
#events-area #events-list dl dd a{
	color:#323232;
}

#events-area{
	padding-top:50px;
}
#events-area #events-list{
	overflow:hidden;
}
#events-area #events-list dl{
	float:left;
	width:245px;
	margin-left:32px;
}
#events-area #events-list dl:first-child{
	margin-left:0px;
}
#events-area #events-list dl dt{
	line-height:1.2;
	float:left;
	font-size:30px;
	text-align:center;
	color:#fff;
	background:#203f67;
	width:72px;
	padding:8px 0px 0 0;
	margin-bottom:45px;
	min-height:72px;
	
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
}

#events-area #events-list dl dt .month-txt{
	font-size:12px;
	display:block;
	text-align:center;
}
#events-area #events-list dl dd{
	width:150px;
	float:right;	
}
#events-area #events-list dl dd.time-txt{
	float:none;
	clear:both;
	width:auto;
	font-size:13px;
	color:#666666;
}


/* admission Type */
#admission #events-area #events-list dl dt{
	background:#3ea9b8;
}

/* END admission Type */





/*====== POINT  ==========*/
#point-area{
	text-align:center;
	position:relative;
}

/* Point Slide */
#point-area .point-slide-atten {
	text-align:center;
	width:300px;
	margin:10px 0 0;
	color:#fff;
	font-size:13px;
}

#point-area #point-slide-wrap{
	overflow:hidden;

	padding:45px 0 35px;
	background:url(../../img/point_bg.jpg) no-repeat 50% 0 fixed;
	background-size:cover;
	-webkit-background-size: cover;
	
	min-height:370px;
	
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
}

#point-area #point-slide-wrap h2{
	color:#fff;	
	font-size:22px;
	text-align:center;
	font-weight:normal;
	line-height:1;
	margin-bottom:30px;
}
#point-area #point-slide-wrap h2 span{
	border:1px solid rgba(255,2550,255,0.5);
	padding:15px 20px;
	display:inline-block;
}

#point-area #point-slide-wrap #point-slider{
	/*
	position:relative;
	overflow:hidden;
	*/
	width:1000px;
	margin:0 auto;
	margin-bottom:15px;
}
#point-area #point-slide-wrap #point-slider li{
	float:left;
	margin:0px;
	width:auto;
}


/* Point Other */
#point-area .point-list {
	overflow:hidden;
	text-align:center;
}

#point-area .point-list li {
	width:50%;
	float:left;
}
#point-area .point-list li img{
	width:100%;
	height:auto;
}



/* MUSEUM  */
#museum-area{
	padding:60px;
	background:url(../../img/museum_bg.png) 0 0 repeat;
	color:#fff;
	min-width:1200px;
	text-align:center;

	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
}
#museum-area h2{
	margin-bottom:40px;
}
#museum-area p{
	margin-bottom:40px;
	font-size:14px;
	font-weight:normal;
}
#museum-list{
	overflow:hidden;
	width:1080px;
	margin:0 auto;
}

#museum-list ul{
	overflow:hidden;
}

#museum-list li{
	position:relative;
	float:left;
	display:inline-block;
}

#museum-list li img{
	width:180px;
	height:auto;
}
#museum-list li.item_b img{
	width:360px;
	height:auto;
}

#museum-list li span.number{
	display:none;
}

#museum-list li span.time{
	display:block;
	position:absolute;
	bottom:0px;
	left:0;
	font-size:28px;
	padding:0px 23px 15px;
	color:#fff;
	text-align:left;
	font-weight: 300;
}



/* 1.0
----------------------------------------------------------- */

#article-post .ph-1column-ttl{
	position:relative;
}
#article-post .ph-1column-ttl .ttl{
	background-color: rgba(26,50,93,0.95);
	padding: 20px 30px;
	color:#fff;
	font-weight:normal;
	font-size:22px;
	line-height:1.5;
	margin-bottom:0;
	position:absolute;
	left:0;
	bottom:30px;
	z-index:10;
}
#article-post .ph-1column .ph-1column-ttl figure,
#article-post .ph-2column-other .ph-2column-item figure,
#article-post .ph-3column-other .ph-3column-item figure{
	margin-bottom:10px;
}
#article-post .pick-up-date{
	margin-top:-20px;
}

#news-area-sub{
}
#events-area-sub{
}
#news-area-sub h2,
#events-area-sub h2{
	margin-bottom:45px;
	position:relative;
	font-size:42px;
	font-weight:300;
	line-height:1;
}
#news-area-sub h2 span,
#events-area-sub h2 span{
	position:absolute;
	top:20px;
	right:0px;
	font-size:14px;
}
#news-area-sub h2 span a,
#events-area-sub h2 span a{
	color:#131314 !important;
	background:url(../img/icon_arrow2.png) 0 50% no-repeat;
	background-size:6px auto;
	padding-left:15px;
}

#news-list-sub{
	overflow:hidden;
}
#news-list-sub dl{
	float:left;
	width:350px;
	margin-left:35px;
}
#news-list-sub dl:nth-child(2n+1){
	margin-left:0px;
}
#news-list-sub dl dt{
	margin-bottom:20px;
}
#news-list-sub dl dd{
	font-size:13px;
	color:#666666;
	line-height:1;
	margin-bottom:35px;
}

#news-list-sub dl dt a,
#events-list-sub dl dd a{
	color:#323232 !important;
}

#events-area-sub{
	padding-top:20px;
}
#events-list-sub{
	overflow:hidden;
}
#events-list-sub dl{
	float:left;
	width:350px;
	margin-left:35px;
}
#events-list-sub dl:nth-child(2n+1){
	margin-left:0px;
}
#events-list-sub dl dt{
	line-height:1.2;
	float:left;
	font-size:30px;
	text-align:center;
	color:#fff;
	background:#203f67;
	width:72px;
	padding:8px 0px 0 0;
	margin-bottom:15px;
	min-height:72px;
	
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
}

#events-list-sub dl dt .month-txt{
	font-size:12px;
	display:block;
	text-align:center;
}
#events-list-sub dl dd{
	padding-left:90px;
	margin-bottom:10px;
}
#events-list-sub dl dd.time-txt{
	float:none;
	clear:both;
	width:auto;
	font-size:13px;
	color:#666666;
	margin-bottom:35px;
	padding-left:0px;
}



#article-post .ph-2column-other{
	overflow:hidden;
	margin-left: 0;
}
#article-post .ph-2column-other div.ph-2column-item{
	width:340px;
	float:left;
	margin-right:60px;
}


#article-post .ph-2column-other div.ph-2column-item ul{
	margin-left: 0;
}
#article-post .ph-2column-other div.ph-2column-item:nth-child(2n+0){
	margin-right:0px;
}

#article-post .ph-3column-other{
	overflow:hidden;
}
#article-post .ph-3column-other div.ph-3column-item{
	width:220px;
	float:left;
	margin-right:38px;
}

#article-post .ph-3column-other div.ph-3column-item ul{
	margin-left: 0;
}

#article-post .ph-3column-other div.ph-3column-item:nth-child(3n+0){
	margin-right:0px;
}

#article-post .ph-2column-other div.ph-2column-item h4,
#article-post .ph-3column-other div.ph-3column-item h4{
	font-size:18px;
	line-height:1.5;
}

#article-post .ph-2column-other div.ph-2column-item li a,
#article-post .ph-3column-other div.ph-3column-item li a{
	background:url(../img/icon_arrow.png) 0 0.6em no-repeat;
	background-size:auto 10px;
	padding-left:15px;
	font-size:16px;
	display:inline-block;
}

#article-post .ph-2column-other div.ph-2column-item ul li,
#article-post .ph-3column-other div.ph-3column-item ul li{
	list-style:none !important;
}



/*dl event*/
#article-post .ph-1column div.ph-1column-ttl dl,
#article-post .ph-2column-other div.ph-2column-item dl{
	margin-left:0px;
	margin-bottom:10px;
	padding-top:10px;
	overflow:hidden;
	height:auto !important;
}
#article-post .ph-1column div.ph-1column-ttl dl dt,
#article-post .ph-2column-other div.ph-2column-item dl dt{
	line-height:1.2;
	float:left;
	font-size:30px;
	text-align:center;
	color:#fff;
	background:#203f67;
	width:72px;
	padding:8px 0px 0 0;
	margin-bottom:15px;
	min-height:72px;
	
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
}


#article-post .ph-1column div.ph-1column-ttl dl dt .month-txt,
#article-post .ph-2column-other div.ph-2column-item dl dt .month-txt{
	font-size:12px;
	display:block;
	text-align:center;
}

#article-post .ph-1column div.ph-1column-ttl dl dd,
#article-post .ph-2column-other div.ph-2column-item dl dd{
	padding-left:90px;
	margin-bottom:10px;
	font-size:18px;
	line-height:1.5;
	font-weight:bold;
}

#article-post .ph-1column div.ph-1column-ttl dl dd.time-txt,
#article-post .ph-2column-other div.ph-2column-item dl dd.time-txt{
	font-size:14px;
	color:#666666;
	margin-bottom:0px;
	float:none;
	clear:both;
	padding-left:0;
	font-weight:normal;
}

#article-post .ph-1column div.ph-1column-ttl dl dd.time-txt{
	margin-bottom:20px;	
}
/* END dl event*/


/* admission Type */
#admission #article-post .ph-1column div.ph-1column-ttl dl dt,
#admission #article-post .ph-2column-other div.ph-2column-item dl dt{
	background:#3ea9b8 !important;
}
/* END admission Type */




/* 4.0,  3.0
----------------------------------------------------------- */
#content-main.target-content-main{
	margin:0 auto;
	width:auto !important;
	float:none !important;
}

#content-main.target-content-main #news-events-area{
	background:none !important;
	padding: 0px 0px 50px;
}

#content-main.target-content-main #news-area{
	padding:0 0px;
	margin:0 auto;
	width:1080px;
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
}
#content-main.target-content-main #events-area{
	padding:50px 0px 0px;
	margin:0 auto;
	width:1080px;
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
}

#main2{
	min-width:1200px;
}

#content-main2{
	margin:0 auto 0px auto;
	width:1080px;
	padding:60px 0px;
	text-align:left;
}


#content-main2.target-content-main h2{
	font-size:22px;
	margin-bottom:30px;
}

#content-main2 .ph-3column-large{
	overflow:hidden;
	margin-left: 0;
}
#content-main2 .ph-3column-large div.ph-3column-item{
	width:340px;
	float:left;
	margin-right:30px;
}
#content-main2 .ph-3column-large div.ph-3column-item figure {
  margin-bottom: 10px;
}


#content-main2 .ph-3column-large div.ph-3column-item ul{
	margin-left: 0;
}
#content-main2 .ph-3column-large div.ph-3column-item:nth-child(3n+0){
	margin-right:0px;
}

#content-main2 .ph-3column-large div.ph-3column-item h4{
	font-size:18px;
	line-height:1.5;
	margin: 0 0 20px;
}

#content-main2 .ph-3column-large div.ph-3column-item a:link,
#content-main2 .ph-3column-large div.ph-3column-item a:visited {
  color: #0060b9;
  text-decoration: none;
}
#content-main2 .ph-3column-large div.ph-3column-item a:hover {
  color: #0060b9;
  text-decoration:underline;
}

#content-main2 .ph-3column-large div.ph-3column-item li a{
	background:url(../img/icon_arrow.png) 0 0.6em no-repeat;
	background-size:auto 10px;
	padding-left:15px;
	font-size:16px;
	display:inline-block;
}

#content-main2 .ph-3column-large div.ph-3column-item ul li{
	list-style:none !important;
	line-height: 2;
}


.link-3column{
	padding:30px 30px 0px 30px;
	background:#fff;
}

ul.link-3column-list{
	overflow:hidden;
	padding:0;
	margin:0;	
}
ul.link-3column-list > li{
	width:320px;
	margin-right:20px;
	float:left;
	list-style:none !important;
	
	font-size:18px;
	font-weight:bold;
}

ul.link-3column-list > li span{
	display:block;
	margin-bottom:20px;
}

ul.link-3column-list > li:nth-child(3n){
	margin-right:0px;
}
ul.link-3column-list > li ul{
	margin-left: 0;
}
ul.link-3column-list > li ul li{
	list-style:none !important;
	font-size:16px;
	margin-bottom:15px;
	font-weight:normal;
}


ul.link-3column-list > li ul li a{
	background:url(../img/icon_arrow.png) 0 0.6em no-repeat;
	background-size:auto 10px;
	padding-left:15px;
	font-size:16px;
	display:inline-block;
}
ul.link-3column-list > li ul li a:link,
ul.link-3column-list > li ul li a:visited{
	color:#0060b9;
}
ul.link-3column-list > li ul li a:hover{
	color:#0060b9;
}



/*====================== 3.0 ======================*/

/* admission Type */
#admission ul.link-3column-list > li ul li a{
	background:url(../img/icon_arrow_admission.png) 0 0.5em no-repeat;
	background-size:auto 10px;
}
#admission ul.link-3column-list > li ul li a{
	color:#3ea9b8 !important;
}
/* END admission Type */


/*   Main Photo  */
#admission-top-wrap{
	position:relative;
	padding-bottom:90px;
	margin-bottom:50px;
}

#admission-top-nav{
	position:absolute;
	bottom:0px;
	left:0;
	width:100%;
	min-width:1200px;
	background:#2FB4C5;
	height:90px;
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
}

#admission-top-nav > ul{
	width:1080px;
	margin:0 auto;
	position:relative;
}


#admission-top-nav > ul > li{
	font-size:16px;
	display:inline-block;
	margin:0 40px;
	padding-top:0px;
	text-align:center;
}
#admission-top-nav > ul > li > a{
	display:inline-block;
	padding-top:30px;
	position:relative;
}
#admission-top-nav > ul > li a.current:after{
	content: '';
	position: absolute;
	top:0px;
	margin-top:-17px;
	margin-left:-17px;
	left:50%;
	width:34px;
	height:17px;
	z-index:3;
	background:url(../img/admission_gl_nav_arrow.png) 0 0 no-repeat;
}
#admission-top-nav ul li a{
	color:#fff !important;
}
#admission-top-nav .mega-menu{
	position:absolute;
	bottom:110px;
	left:30px;
	text-align:left;
	overflow:hidden;
	/**/
	display:none;
}


#admission-top-nav .current .mega-menu{
	/*
	display:block;
	*/
}

#admission-top-nav .mega-menu div.mega-menu-item-wrap{
	display:inline;	
}

#admission-top-nav .mega-menu div.mega-menu-item{
	float:left;
	width:200px;
	margin-left:5px;
	padding:10px;
	
	background-color: rgba(85,187,201,0.95);

	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
	
	font-size:13px;
	color:#fff
}
#admission-top-nav .mega-menu div.mega-menu-item:nth-child(1){
}


#admission-top-nav .mega-menu div.ad-nav-contact{
	
}
#admission-top-nav .mega-menu div.ad-nav-contact figure{
	margin-bottom:15px;
}

#admission-top-nav .mega-menu div.ad-nav-contact dl{
	padding:0 0px;	
}

#admission-top-nav .mega-menu div.ad-nav-contact dt{
	font-size:16px;
	margin-bottom:10px;
}
#admission-top-nav .mega-menu div.ad-nav-contact dd{
	margin-bottom:10px;
}

#admission-top-nav .mega-menu div.ad-nav-contact p.icon-contact{
	margin-bottom:0;
	padding:0 5px;
}
#admission-top-nav .mega-menu div.ad-nav-contact .icon-contact a{
	display:block;
	background:;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	text-align:left;
	padding:10px 5px 10px 45px;
	
	font-size:16px;
	
	background:#c7ad51 url(../img/icon_main.png) 18px 50% no-repeat;
}

#admission-top-nav .mega-menu div ul{
	padding:10px;
}

#admission-top-nav .mega-menu div ul li{
	margin-bottom:10px;
}
#admission-top-nav .mega-menu div ul li span{
	display:block;
}
#admission-top-nav .mega-menu div ul li:last-child{
	margin-bottom:0;
}

#admission-top-nav .mega-menu div .up-line{
	border-top:1px solid #3e9da9;
	padding-top:13px;	
}

#admission-top-nav .mega-menu div .fs-b{
	font-size:16px;
}


.admission-top{
	position:relative;
	min-width:1200px;
	margin-top:-155px;
	height:538px;
	overflow:hidden;
}

#content-main.target-content-main .ph-area{
	padding:0 0px;
	margin:0 auto;
	width:1080px;
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
}

#content-main.target-content-main .ph-area img{
	width:100%;
	height:auto;
}

#content-main.target-content-main .ph-area .ph-1column{
	margin-bottom:40px;
}

#content-main.target-content-main .ph-2column-large{
	overflow:hidden;
	margin-bottom:40px;
}
#content-main.target-content-main .ph-2column-large figure{
	width:500px;
	float:right;
}

#content-main.target-content-main .ph-2column-large figure:first-child{
	float:left;
}

#admission-category{
	min-width:1200px;
	background:#ececec;
	padding:50px 0px;
}
#admission-category-in{
	width:1080px;
	margin:0 auto;	
}
#admission-category-in ul{
	overflow:hidden;
}
#admission-category-in li{
	float:left;
	width:360px;
	background:#fff;
	border-right:1px solid #ececec;
	border-bottom:1px solid #ececec;
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
}

#admission-category-in li{
	font-size:14px;
	text-align:left;
}
#admission-category-in li a{
	color:#666666 !important;
	display:block;
	padding:30px 25px 25px 25px;
	text-decoration:none !important;
}

#admission-category-in li .admission-category-img{
	height:50px;
	margin-bottom:0;
	text-align:center;
}
#admission-category-in li .admission-category-title{
	font-size:18px;
	font-weight:bold;
	margin-bottom:15px;
	text-align:center;
}
#admission-category-in li .admission-category-text{
	margin-bottom:0;
}


/* Direction Nav **/
#admission-top-wrap .flex-direction-nav {
	position:absolute;
	height:0px;
	right:0px;
	top:50%;
	width:100%;
	z-index:2;
}

#admission-top-wrap .flex-direction-nav a  {
	display:block;
	position:absolute;
	top:0;
	width:40px;
	height:40px;

}
#admission-top-wrap .flex-direction-nav a.flex-prev {
	left:40px;
	background:url(../../img/prev_arrow.png) 0 0 no-repeat;
	background-size:40px auto;
	z-index:11;
}
#admission-top-wrap .flex-direction-nav a.flex-next {
	right:40px;
	background:url(../../img/next_arrow.png) 0 0 no-repeat;
	background-size:40px auto;
	z-index:11;
}



#content-main3{
	background:#38b6c6;
	min-width:1200px;
}
#content-main3-in{
	margin:0 auto;
	width:1080px;
	overflow:hidden;
	color:#fff;
	padding:50px 0px;
}
#content-main3-in table#contact1 th{
	font-size:14px;
}
#content-main3-in table#contact1 td{
	font-size:20px;
	font-weight:bold;
	padding-left:20px;
}
#content-main3-in table#contact2{
	width:540px;
	float:left;
	margin-top:10px;
}
#content-main3-in table#contact2 th{
	font-size:16px;
	background:url(../img/footer_icon1_admission.png) 10px 50% no-repeat;
	padding-left:40px;
	padding-bottom:10px;
}
#content-main3-in table#contact2 td{
	font-size:16px;
	text-align:left;
	padding-bottom:12px;
}
#content-main3-in table#contact2 td span{
	font-size:14px;
	display:inline-block;
	padding-top:10px;
}

#content-main3-in table#contact2 th.contact3{
	background:url(../img/footer_icon2_admission.png) 10px 50% no-repeat;
}

#content-main3-in table#contact2 th.contact3,
#content-main3-in table#contact2 td.contact3{
	border-top:1px solid #32a3b2;
	padding-top:12px;
}


#content-main3-in table#contact2 td.contact3 a {
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #c7ad51;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  padding: 10px 5px;
}

#content-main3-in figure{
	float:right;
	width:510px;
	margin-top:-25px;
}



/* 5.0
----------------------------------------------------------- */
.news-area-other{
	padding-top:50px;
}

#news-list-other{
	overflow:hidden;
}
#news-list-other dl{
}
#news-list-other dl dt{
	margin-bottom:15px;
}
#news-list-other dl dd{
	font-size:13px;
	color:#666666;
	line-height:1;
	margin-bottom:35px;
}

#news-list-other dl dt a{
	color:#323232 !important;
}

.content-footer-nav{
	border-top:1px solid #ddddd5;
	border-bottom:1px solid #ddddd5;
	text-align:center;
	padding:25px 0px;
	margin-bottom:50px;
}
.content-footer-nav li{
	display:inline-block;
	text-align:center;
	padding:0 25px;
	font-size:18px;
}



/* 6.0
----------------------------------------------------------- */
#events-area-sub h2.ttl-event{
	font-size:22px;
	line-height:1;
	margin-bottom:30px;
	font-weight:bold;
}

#article-post .ph-1column.pick-up1column div.ph-1column-ttl dl dd.time-txt{
	margin-bottom:0px;
}


.ttl-event2{
	font-size:18px;
	padding-top:30px;
	border-top:1px solid #ddddd4;
}
.events-list-now,
.events-list-end{
	overflow:hidden;
	border-bottom:1px solid #ddddd4;
	margin-bottom:80px;
}
.events-list-end{
	border-top:1px solid #ddddd4;
	padding-top:30px;	
}
.events-list-now dl,
.events-list-end dl{
	margin-left:0px;
	overflow:hidden;
	height:auto !important;
}
.events-list-now dl dt,
.events-list-end dl dt{
	line-height:1.2;
	float:left;
	font-size:30px;
	text-align:center;
	color:#fff;
	background:#203f67;
	width:72px;
	padding:8px 0px 0 0;
	margin-bottom:40px;
	min-height:72px;
	
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
}

.events-list-end dl dt{
	background:#666666;
}

.events-list-now dl dt .month-txt,
.events-list-end dl dt .month-txt{
	font-size:12px;
	display:block;
	text-align:center;
}

.events-list-now dl dd,
.events-list-end dl dd{
	padding-left:90px;
	margin-bottom:10px;
	font-size:16px;
	line-height:1.5;
}

.events-list-now dl dd a,
.events-list-end dl dd a{
	color:#323232 !important;
}

.events-list-now dl dd.time-txt,
.events-list-end dl dd.time-txt{
	font-size:14px;
	color:#666666;
	margin-bottom:35px;
}


/* admission Type */
#admission .events-list-now dl dt{
	background:#3ea9b8 !important;
}
/* END admission Type */


/* 8.0
----------------------------------------------------------- */

#article-post .contact-item{
	overflow:hidden;
	padding:30px;
	border:1px solid #ddddd4;
	background-color: rgba(200,200,200,0.1);
	margin-bottom:40px;
}

#article-post .contact-item figure{
	width:180px;
	float:left;
}
#article-post .contact-item div{
	padding-left:200px;
}
#article-post .contact-item div h3{
	margin-bottom:15px;
	line-height:1.5;
}
#article-post .contact-item div p{
	margin-bottom:15px;
	font-size:16px;
}

#article-post .contact-item div p.time-txt{
	font-size:14px;
}

#article-post .contact-item div p.contact-item-btn{
	margin-bottom:0;
}
#article-post .contact-item div p.contact-item-btn a{
	display:inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	background:#c7ad51;
	text-align:center;
	color:#fff;
	text-decoration:none;	
	font-size:16px;
	padding:10px 30px;
}





/* 9.0
----------------------------------------------------------- */
#content-main.form-content-main {
	margin:0 auto;
	width:auto !important;
	float:none !important;
}

#content-main.form-content-main dl{
	width:100%;
	display:table;
}
#content-main.form-content-main dl dt,
#content-main.form-content-main dl dd{
	display:table-cell;
	vertical-align:top;
}
#content-main.form-content-main dl dt{
	width:270px;
	padding:10px;
	font-size:16px;
	color:#444;
	font-weight:bold;
}
#content-main.form-content-main dl dt .required{
	font-size:16px;
	color:#e5504e;
	display:inline-block;
	padding-left:20px;
}
#content-main.form-content-main dl dt .required:before{
	content:"※";
}
#content-main.form-content-main dl dt .aform-validation{
	display:block;
	font-size:14px;
	font-weight:normal;
}
#content-main.form-content-main dl dd{
	padding:10px;
	background:none;
	border:none;
}
#content-main.form-content-main dl dd .aform-twice-note{
	font-size:14px;
}
#content-main.form-content-main dl dd .validation-advice {
	padding:0;
	background:none;
}
#content-main.form-content-main dl dd .validation-advice img {
	vertical-align:middle;
}
#content-main.form-content-main dl dd .aform-error{
	font-size:14px;
	margin-bottom:0;
}
#content-main.form-content-main dl dd input,
#content-main.form-content-main dl dd textarea{
	padding:10px;
	border:none;
	width:100%;
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
}
#content-main.form-content-main dl dd input.error,
#content-main.form-content-main dl dd textarea.error{
	border:1px solid #e5504e;
}
#content-main.form-content-main dl dd textarea{
	height:200px;
}

#content-main.form-content-main p.form-txt-check{
	padding-top:20px;
	text-align:center;
	margin-bottom:20px;
}

#content-main.form-content-main .submit{
	padding:0;
	text-align:center;
}

#content-main.form-content-main .submit input[type=submit]{
	border:0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background:#c7ad51;
	text-align:center;
	color:#fff;
	font-size:16px;
	padding:10px 10px;
	width:230px;
}
#content-main.form-content-main .submit input[type=button]{
	border:0;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background:#666666;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-size:16px;
	padding:10px 10px;
	width:230px;
	margin-right:20px;
}
#content-main.form-content-main .submit input[type=submit]:hover,
#content-main.form-content-main .submit input[type=button]:hover{
	opacity:.8;
}




/* 1.1 About
----------------------------------------------------------- */
/*------------ 1 -----------*/
#about-desc-wrap{
	height:auto;
	min-width:1200px;
	/*
	background:url(../../img_about/dummy1.jpg) 50% 0 no-repeat;
	*/
}

#about-desc{
	overflow:hidden;
	position:relative;
	width:980px;
	min-height:374px;
	margin:0 auto;
	color:#11325B;
	padding-bottom:130px;
	
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
	
}

#about-desc h2{
	padding-top:70px;
	float:left;
	font-size:52px;
	line-height:1.1;
	letter-spacing:5px;
	width:285px;
}
#about-desc p{
	padding-top:70px;
	padding-left:338px;
}




/*------------ 2 -----------*/

#about-history-wrap{
	height:980px;
	min-width:1200px;
	background:url(../../img_about/bg1.jpg) 50% 0 no-repeat;
	background-size:cover;
	/*
	background:url(../../img_about/dummy2.jpg) 50% 0 no-repeat;
	*/
}
#about-history{
	position:relative;
	width:981px;
	height:980px;
	margin:0 auto;
	color:#fff !important;
	overflow:hidden;
}
#about-history h2{
	padding-top:50px;
	text-align:center;
	font-size:38px;
	line-height:1;
}

#about-history dl{
	font-size:13px;
}

#about-history-dl1{
	position:absolute;
	top:180px;
	left:135px;	
	width:770px;
	
	overflow:hidden;
}
#about-history-dl1 dt{
	float:left;
	width:120px;
	text-align:center;
	font-size:25px;
	font-weight:bold;
	
	line-height:1;
}
#about-history-dl1 dt span{
	display:block;
	font-size:50px;
	font-weight:300;
	text-align:left;
	white-space:nowrap;
	margin-bottom:25px;
}


#about-history-dl1 dd{
	margin-top:-5px;
	margin-left:150px;
	font-size:15px;
	line-height:1.6;
}
#about-history-dl1 dd strong{
	display:block;
	font-size:27px;
	letter-spacing:4px;
}


#about-history-dl2{
	position:absolute;
	top:476px;
	left:72px;	
	width:240px;
}
#about-history-dl2 dt{
	text-align:center;
	height:180px;
	font-size:17px;
	font-weight:bold;
	line-height:1.3;
}
#about-history-dl2 dt span{
	display:block;
	font-size:29px;
	line-height:1;
	margin-bottom:17px;
	font-weight:400;
}
#about-history-dl2 dd{
}


#about-history-dl3{
	position:absolute;
	top:476px;
	left:367px;	
	width:240px;
}

#about-history-dl3 dt{
	text-align:center;
	height:180px;
	font-size:17px;
	font-weight:bold;
	line-height:1.3;
	margin-bottom:10px;
}
#about-history-dl3 dt span{
	display:block;
	font-size:43px;
	line-height:1;
	margin-bottom:13px;
	font-weight:400;
	margin-top:-10px;
}
#about-history-dl3 dd{
}

#about-history-dl4{
	position:absolute;
	top:476px;
	left:665px;	
	width:240px;
}
#about-history-dl4 dt{
	text-align:center;
	height:180px;
	font-size:17px;
	font-weight:bold;
	line-height:1.3;
}
#about-history-dl4 dt span{
	display:block;
	font-size:29px;
	line-height:1;
	margin-bottom:17px;
	font-weight:400;
}
#about-history-dl4 dd{
}



/*------------ 3 -----------*/
#about-existing-wrap{
	height:906px;
	min-width:1200px;
	/*
	background:url(../../img_about/dummy3.jpg) 50% 0 no-repeat;
	*/
}
#about-existing{
	position:relative;
	width:980px;
	height:906px;
	margin:0 auto;
	color:#11325B;
	overflow:hidden;
}

#about-existing h2{
	position:absolute;
	top:0;
	left:0;
	padding-top:80px;
	padding-left:50px;
	font-size:43px;
	line-height:1;
	letter-spacing:5px;
}
#about-existing p{
	position:absolute;
	top:0;
	right:0;
	padding-top:60px;
	width:422px;
	font-size:14px;
	letter-spacing:1px;
}

#about-existing ul{
	position:relative;
	overflow:hidden;
	padding-top:250px;
	padding-left:138px;
	width:700px;
	
	z-index:10;
}
#about-existing ul li{
	width:200px;
	margin-right:50px;
	float:left;
	padding-top:180px;
	margin-bottom:25px;
}
#about-existing ul li:nth-child(3),
#about-existing ul li:nth-child(6){
	margin-right:0px;
}

#about-existing1{
	background:url(../../about/images/ill1.png) 50% 0 no-repeat;
}
#about-existing1.on{
	background:url(../../about/images/ill1_o.png) 50% 0 no-repeat;
}

#about-existing2{
	background:url(../../about/images/ill2.png) 50% 0 no-repeat;
}
#about-existing2.on{
	background:url(../../about/images/ill2_o.png) 50% 0 no-repeat;
}

#about-existing3{
	background:url(../../about/images/ill3.png) 50% 0 no-repeat;
}
#about-existing3.on{
	background:url(../../about/images/ill3_o.png) 50% 0 no-repeat;
}

#about-existing4{
	background:url(../../about/images/ill4.png) 50% 0 no-repeat;
}
#about-existing4.on{
	background:url(../../about/images/ill4_o.png) 50% 0 no-repeat;
}

#about-existing5{
	background:url(../../about/images/ill5.png) 50% 0 no-repeat;
}
#about-existing5.on{
	background:url(../../about/images/ill5_o.png) 50% 0 no-repeat;
}

#about-existing6{
	background:url(../../about/images/ill6.png) 50% 0 no-repeat;
}
#about-existing6.on{
	background:url(../../about/images/ill6_o.png) 50% 0 no-repeat;
}


#about-existing ul li a{
	display:table-cell;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	background:#c7ad51;
	text-align:center;
	color:#fff;
	text-decoration:none;	
	font-size:16px;
	padding:0px 5px;
	line-height:1.1;
	
	height:50px;
	width:200px;
	
	vertical-align:middle;
	
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
}

#about-existing ul li a .about-fs{
	font-size:12px;
}



/*------------ 4 -----------*/
#about-3point-wrap{
	height:1690px;
	min-width:1200px;
	background:url(../../img_about/bg2.jpg) 0 0 repeat;
	/*
	background:url(../../img_about/dummy4.jpg) 50% 0 no-repeat;
	*/
}
#about-3point{
	position:relative;
	width:980px;
	height:1690px;
	margin:0 auto;
	color:#fff !important;
	overflow:hidden;
}

.circle_bg{
	width:242px;
	height:242px;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}

#about-3point-list1,
#about-3point-list2,
#about-3point-list3{
	position:absolute;
	display:block;
	text-align:center;
	font-size:27px;
	font-weight:bold;
	width:235px;
	line-height:1.1;
}

#about-3point-list2 .circle_bg{
	-webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

#about-3point ul span{
	position:relative;
	display:block;
	padding-top:80px;
	z-index:10;
}

#about-3point-list1{
	top:75px;
	left:370px;
	padding-bottom:0px;
	width:242px;
	height:242px;
	background:url(../../img_about/icon_book.png) 50% 130px no-repeat;
}
#about-3point-list2{
	top:248px;
	left:265px;
	padding-bottom:55px;
	background:url(../../img_about/icon_flag.png) 50% 100% no-repeat;
}
#about-3point-list3{
	top:248px;
	left:475px;
	padding-bottom:60px;
	background:url(../../img_about/icon_bag.png) 50% 100% no-repeat;
}

#about-3point-dl-wrap{
	padding-top:600px;
}

#about-3point-dl1{
	min-height:355px;
	margin-left:180px;
	overflow:hidden;
}
#about-3point-dl2{
	min-height:350px;
	margin-left:180px;
	overflow:hidden;
}

#about-3point-dl3{
	min-height:350px;
	margin-left:180px;
	overflow:hidden;
}

#about-3point-dl1 dt,
#about-3point-dl2 dt,
#about-3point-dl3 dt{
	width:220px;
	text-align:center;
	font-size:27px;
	line-height:1.3;
	font-weight:bold;
	float:left;
}
#about-3point-dl1 dt span,
#about-3point-dl2 dt span,
#about-3point-dl3 dt span{
	display:block;
	border-bottom:3px solid #fff;
	padding-bottom:25px;
}


#about-3point-dl1 dd,
#about-3point-dl2 dd,
#about-3point-dl3 dd{
	margin-left:400px;
	line-height:1.5;
	margin-bottom:22px;
}


#about-3point-dl1 dd strong,
#about-3point-dl2 dd strong,
#about-3point-dl3 dd strong{
	display:block;
	font-weight:bold;
	font-size:18px;
	margin-bottom:12px;
}










/*------------ 5 -----------*/
#about-number-wrap{
	height:490px;
	min-width:1200px;
	background:url(../../img_about/bg3.jpg) 50% 0 repeat;
	overflow:hidden;
}
#about-number{
	position:relative;
	width:980px;
	margin:0 auto;
	color:#fff !important;
	
	overflow:hidden;
}

#about-number .number-item{
	float:left;
	width:245px;
	min-height:245px;
	padding-top:30px;
	
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
}

#about-number .number-item h3{
	text-align:center;
	margin-bottom:10px;
	font-weight:normal;
	font-size:28px;
	line-height:1;
}

#about-number .number-item h3 span{
	font-size:55px;	
	font-weight:300;
}

#about-number .number-item p{
	font-size:13px;
	padding:7px 25px;
}
#about-number .number-item .about-ttl5{
	text-align:center;
	padding:0px 25px;
	font-size:18px;
	font-weight:bold;
	margin:0;
}



/*------------ 6 -----------*/
#about-future-wrap{
	min-height:869px;
	min-width:1200px;
	/*
	background:url(../../img_about/dummy6.jpg) 50% 0 no-repeat;
	*/
}
#about-future{
	position:relative;
	width:980px;
	min-height:869px;
	padding-bottom:50px;
	margin:0 auto;
	color:#fff !important;
	overflow:hidden;
}

#about-future h2{
	color:#11325B !important;
	text-align:center;
	padding-top:165px;
	font-size:42px;
	line-height:1;
	margin-bottom:47px;
}

#about-future-in{
	padding:0 70px;	
}

#about-future dl{
	/*
	background:#11325B url(../../img_about/future_line.gif) 224px 0 repeat-y;
	*/
	
	background:#11325B url(../../img_about/icon_check.png) 38px 50% no-repeat;
	
	overflow:hidden;
	margin-bottom:8px;
	min-height:100px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
}

#about-future dl dt{
	width:130px;
	float:left;
	height:100%;
	
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
	padding:25px 25px 15px;
	text-align:center;
}

#about-future dl dt span{
	display:block;
	height:88px;
	/*
	padding:12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	font-size:19px;
	font-weight:bold;
	line-height:1;
	
	color:#11325B !important;
	margin-bottom:10px;
	*/
}

#about-future dl dt span.icon-about1{
	background:#fcee90 url(../../img_about/icon_people.png) 20px 50% no-repeat;	
}
#about-future dl dt span.icon-about2{
	background:#FCE98A url(../../img_about/icon_comment.png) 20px 50% no-repeat;	
}
#about-future dl dt span.icon-about3{
	background:#A4E0FC url(../../img_about/icon_flower.png) 20px 50% no-repeat;	
}
#about-future dl dt span.icon-about4{
	background:#afe4ff url(../../img_about/icon_now.png) 20px 50% no-repeat;	
}


#about-future dl dd{
	margin-left:130px;
	
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
	padding:15px 30px;
	min-height:100px;
	margin-bottom:0;
	
	font-size:15px;
}
#about-future dl dd strong{
	display:block;
	margin-bottom:10px;
	font-size:18px;
	line-height:1;
}



/*------------  -----------*/

#footer-link-wrap{
	background:url(../../img_about/body_bg_about.png) 0 0 repeat;
	min-width:1200px;
}

#footer-link-box{
	padding:80px 0px 50px 0px;
	width:980px;
	margin:0 auto;
	
	font-size:16px;
	overflow:hidden;
	
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		    -ms-box-sizing: border-box;
		     -o-box-sizing: border-box;
		        box-sizing: border-box;
}

#footer-link-box div{
	width:220px;
	float:left;
	margin-right:33px;
	
	text-align:left;
}

#footer-link-box div:last-child{
	margin-right:0px;
}


#footer-link-box div figure{
	margin-bottom:20px;
}

#footer-link-box h3{
	font-size:22px;
	margin-bottom:20px;
}

#footer-link-box li{
	margin-bottom:17px;
}
#footer-link-box li a{
	background:url(../img/icon_arrow.png) 0 0.45em no-repeat;
	background-size:auto 10px;
	padding-left:15px;
	display:inline-block;
}






/* svg-motion
----------------------------------------------------------- */

#circle-2 {
  transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  stroke-dasharray: 788;
  stroke-dashoffset: 788;
}
#circle-3 {
  transition: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  stroke-dasharray: 788;
  stroke-dashoffset: 788;
}

/*------------ 1 -----------*/
#svg1{
	background:url(../../img_about/svg_linebg_1.png) 0 100% no-repeat;
	height:118px;
	width:40px;
	position:absolute;
	bottom:0;
	left:67px;
	z-index:0;
}

/*------------ 2 -----------*/

#svg2{
	height:980px;
	width:981px;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}

#svg2_1{
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	
	height:234px;
	/*
	width:980px;
	*/
	width:0px;
	background:url(../../img_about/svg_linebg_2_1.png) 0 0 no-repeat;
}
#svg2_2{
	position:absolute;
	top:234px;
	right:0;
	z-index:0;
	background:url(../../img_about/svg_linebg_2_2.png) 100% 0 no-repeat;
	
	height:186px;
	/*
	width:980px;
	*/
	width:0px;
}
#svg2_3{
	position:absolute;
	top:420px;
	left:0;
	z-index:0;
	background:url(../../img_about/svg_linebg_2_3.png) 0 0 no-repeat;
	
	height:213px;
	/*
	width:980px;
	*/
	width:0px;
}
#svg2_4{
	position:absolute;
	top:633px;
	left:0;
	z-index:0;
	background:url(../../img_about/svg_linebg_2_4.png) 0 0 no-repeat;
	/*
	height:347px;
	*/
	height:0;
	width:981px;
}

.svg2_anime{
	/*
	background:url(../../img_about/svg_linebg_2.png) 0 0 no-repeat;
	*/
	/*
	-webkit-animation:maskY2 3.0s;
	-webkit-animation-iteration-count:1;
	-ms-animation:maskY2 3.0s;
	-ms-animation-iteration-count:1;
	animation:maskY2 3.0s;
	animation-iteration-count:1;
	*/
}

/*
@-webkit-keyframes maskY2 {
	0% {clip: rect(0px,980px,0px,0);}
	100% {clip: rect(0px,980px,980px,0);}
}
@-ms-keyframes maskY2 { 
	0% {clip: rect(0px,980px,0px,0);}
	100% {clip: rect(0px,980px,980px,0);}
}
@keyframes maskY2 { 
	0% {clip: rect(0px,980px,0px,0);}
	100% {clip: rect(0px,980px,980px,0);}
}
*/


/*------------ 3 -----------*/
#svg3{
	height:906px;
	width:980px;
	position:absolute;
	top:0;
	left:1px;
	z-index:0;
}

.svg3_anime{
	background:url(../../img_about/svg_linebg_3.png) 0 0 no-repeat;
	-webkit-animation:maskY3 3.0s;
	-webkit-animation-iteration-count:1;
	-ms-animation:maskY3 3.0s;
	-ms-animation-iteration-count:1;
	animation:maskY3 3.0s;
	animation-iteration-count:1;
}

@-webkit-keyframes maskY3 {
	0% {clip: rect(0px,980px,0px,0);}
	100% {clip: rect(0px,980px,906px,0);}
}
@-ms-keyframes maskY3 { 
	0% {clip: rect(0px,980px,0px,0);}
	100% {clip: rect(0px,980px,906px,0);}
}
@keyframes maskY3 { 
	0% {clip: rect(0px,980px,0px,0);}
	100% {clip: rect(0px,980px,906px,0);}
}



/*------------ 4 -----------*/
#svg4{
	height:1690px;
	width:980px;
	position:absolute;
	top:0;
	left:1px;
	z-index:0;
}

.svg4_anime{
	background:url(../../img_about/svg_linebg_4.png) 50% 0 no-repeat;
	-webkit-animation:maskY4 3.0s;
	-webkit-animation-iteration-count:1;
	-ms-animation:maskY4 3.0s;
	-ms-animation-iteration-count:1;
	animation:maskY4 3.0s;
	animation-iteration-count:1;
}

@-webkit-keyframes maskY4 {
	0% {clip: rect(0px,980px,0px,0);}
	100% {clip: rect(0px,980px,1690px,0);}
}
@-ms-keyframes maskY4 { 
	0% {clip: rect(0px,980px,0px,0);}
	100% {clip: rect(0px,980px,1690px,0);}
}
@keyframes maskY4 { 
	0% {clip: rect(0px,980px,0px,0);}
	100% {clip: rect(0px,980px,1690px,0);}
}



/*------------ 5 -----------*/



/*------------ 6 -----------*/

#svg6{
	height:125px;
	width:980px;
	position:absolute;
	top:0;
	left:0px;
	z-index:0;
}

.svg6_anime{
	background:url(../../img_about/svg_linebg_6.png) 50% 0 no-repeat;
	-webkit-animation:maskY6 0.6s;
	-webkit-animation-iteration-count:1;
	-ms-animation:maskY6 0.6s;
	-ms-animation-iteration-count:1;
	animation:maskY6 0.6s;
	animation-iteration-count:1;
}

@-webkit-keyframes maskY6 {
	0% {clip: rect(0px,980px,0px,0);}
	100% {clip: rect(0px,980px,125px,0);}
}
@-ms-keyframes maskY6 { 
	0% {clip: rect(0px,980px,0px,0);}
	100% {clip: rect(0px,980px,125px,0);}
}
@keyframes maskY6 { 
	0% {clip: rect(0px,980px,0px,0);}
	100% {clip: rect(0px,980px,125px,0);}
}


/* ******
----------------------------------------------------------- */