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

/*--------------------------------------------*/
/*モバイル*/
/*--------------------------------------------*/

.main_image {
	width: 100%;
	height: 300px;
}

.main_image .slide_caption {
	color: #fff;
	text-shadow:1px 1px 3px #0d0d0c;
	text-align: center;
	font-size: 20px;
	padding-right: 0;
	position: absolute;
	top: 160px;
	left: 50%;
	margin-left: -150px;
	width: 300px;
}

.main_image p {
	color: #fff;
	text-shadow:1px 1px 3px #0d0d0c;
	text-align: center;
	font-size: 14px;
	/*padding-right: 15px;*/
	position: absolute;
	top: 270px;
	left: 50%;
	margin-left: -150px;
	width: 300px;
}

.main_image #fade {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	z-index: 199;
}
.main_image #fade.display {
	display: block;
	opacity: 0.8;
	transition: opacity 0.3s ease-out;
}


.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}


/***********************************/
/*768px～*/
/***********************************/
@media screen and (min-width: 768px ){
	/*スライドショー*/
	.main_image {
        height: 700px;
    }
	
	.main_image .slide_caption {
		font-size: 30px;
        top: 250px;
		margin-left: -425px;
		width: 850px;
    }

    .main_image p {
        font-size: 20px;
        top: 400px;
		margin-left: -425px;
		width: 850px;
    }

	
    .swiper-button-prev,
    .swiper-button-next {
      top: 50%;
    }

	
	
	
	.area-lead {
		color: #333;
		text-align: center;
		padding-right: 10px;
		padding-left: 10px;
	}
	.area-lead .block-lead {
		margin-right: auto;
		margin-left: auto;
		box-sizing: border-box;
		position: relative;
		max-width: 1340px;
	}
	.area-lead .block-lead {
		padding-top: 46px;
		padding-bottom: 40px;
	}
	.area-lead .lead {
		font-family: 'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','游明朝','Yu Mincho','ＭＳ Ｐ明朝','MS PMincho',serif;
		font-size: 175%;
		font-weight: bold;
	}
	.area-lead .comment {
		margin-top: 18px;
		line-height: 1.8;
	}
	.area-lead .comment .br-A {
		display: none;
	}	
	.area-lead .center_link {
		position: relative;
		display: block;
		margin: 30px auto;
		padding: 30px;
		width: 520px;
		color: #625ba6;
		background: #FFF;
		border: 1px solid #625ba6;
		cursor: pointer;
		text-decoration: none;
	}	
	.area-lead .center_link:hover {
		color: #FFF;
		background: #625ba6;
	}



	.section-A {
		background: #e8e9db;
		padding: 60px 0;
	}
	.section-A h1 {
		text-align: center;
		font-family: 'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','游明朝','Yu Mincho','ＭＳ Ｐ明朝','MS PMincho',serif;
		font-size: 134%;
	}

	.toc-A .list > li {
		margin-top: 36px;
		padding-right: 1.56495%;
		padding-left: 1.56495%;
		float: left;
		width: 33.33333%;
	}
	.toc-A .list::after {
		clear: both;
		content: "";
		display: table;
		height: 0;
		visibility: hidden;
	}
	.toc-A a {
		display: block;
		text-decoration: none;
		color: #333;
	}
	.toc-A figure {
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	.toc-A figure img {
		display: block;
		width: 100%;
		height: auto;
	}
	.toc-A .heading {
		text-align: center;
		overflow: hidden;
		font-family: 'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','游明朝','Yu Mincho','ＭＳ Ｐ明朝','MS PMincho',serif;
		font-weight: bold;
		margin: 10px 10px 0;
	}
	.toc-A .heading span {
	    position: relative;
	    padding: 0 20px;
	}
	.toc-A .heading span:before,
	.toc-A .heading span:after {
	    content: "";
	    display: block;
	    width: 400%;
	    height: 1px;
	    background-color: #0a0257;
	    position: absolute;
	    top: 50%;
	}
	.toc-A .heading span:before {
	    right: 100%;
	}
	.toc-A .heading span:after {
	    left: 100%;
	}



	.section-B {
		background: #e8e9db;
		padding: 60px 0;
	}
	.section-B h1 {
		text-align: center;
		font-family: 'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','游明朝','Yu Mincho','ＭＳ Ｐ明朝','MS PMincho',serif;
		font-size: 175%;
	}
	.section-B .lead {
		text-align: center;
		margin-top: 18px;
		line-height: 1.8;
	}
	.toc-B .list > li {
		margin-top: 36px;
		padding-right: 0.8%;
		padding-left: 0.8%;
		float: left;
		width: 25%;
	}
	.toc-B .list > li > a {
		display: block;
		text-decoration: none;
		color: #333;
		background: #FFF;
		height: 260px;
	}
	.toc-B .list:after {
		clear: both;
		content: "";
		display: table;
		height: 0;
		visibility: hidden;
	}
	.toc-B figure {
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	.toc-B figure img {
		display: block;
		width: 100%;
		height: auto;
	}
	.toc-B .heading {
		text-align: center;
		overflow: hidden;
		font-family: 'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','游明朝','Yu Mincho','ＭＳ Ｐ明朝','MS PMincho',serif;
		font-weight: bold;
		margin: 10px 10px 0;
	}
	.toc-B .desc {
		margin: 7px 16px 0;
		font-size: 93.33333%;
		line-height: 1.57143;
	}
	.toc-B .location + .desc {
		margin-top: 10px;
	}



	.section-C {
		background: #625ba6;
		padding: 60px 0;
	}
	.section-C .container {
		padding: 35px;
		border: 1px solid #ffc672;
	}
	.section-C h1 {
		text-align: center;
		font-family: 'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','游明朝','Yu Mincho','ＭＳ Ｐ明朝','MS PMincho',serif;
		font-size: 175%;
		color: #ffc672;
	}
	.section-C .lead {
		text-align: center;
		margin-top: 18px;
		line-height: 1.8;
		color: #FFF;
	}



	.section-information {
		padding-right: 10px;
		padding-left: 10px;
		margin-top: 60px;
		padding: 0 40px 70px;
		text-align: center;
	}
	.section-information .sBody {
		margin-top: 34px;
		margin-right: auto;
		margin-left: auto;
	    max-width: 938px;
	}
	.section-information h1 {
		font-family: 'ヒラギノ明朝 ProN W3','Hiragino Mincho ProN','游明朝','Yu Mincho','ＭＳ Ｐ明朝','MS PMincho',serif;
		font-size: 175%;
	}
	.information-list .date,
	.information-list .category,
	.information-list .topic {
		float: left;
	}
	.information-list .date {
		font-weight: bold;
	}
	.information-list .category {
		width: 80px;
		padding: 3px 4px;
		margin-left: 10px;
		border: solid 1px #7d7d7d;
		-webkit-box-sizing: border-box;
		      box-sizing: border-box;
		text-align: center;
		font-weight: bold;
		line-height: 1;
	}
	.information-list .topic {
		margin-left: 10px;
	}
	.information-list .topic a {
		text-decoration: none;
		color: #000;
	}
	.information-list > li {
		overflow: hidden;
	}
	.information-list > li:after {
		clear: both;
		content: "";
		display: table;
		height: 0;
		visibility: hidden;
	}
	

}



/***********************************/
/*～768px*/
/***********************************/
@media (max-width: 767px) {

	body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, th, td, pre, form, fieldset, input, textarea, blockquote {
	    margin: 0;
	    padding: 0;
	    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','Osaka-UI',sans-serif;
	}

	.main_image {
		background: #FFF;
	    box-sizing: border-box;
	    padding: 60px 0 0 0;
	    height: 380px!important;
	}

	.area-mainVisual {
	    height: 280px;
	}

	.area-lead {
		padding-right: 10px;
		padding-left: 10px;
		color: #333;
		text-align: center;
	}
	.area-lead .block-lead {
		margin: 0;
		padding: 28px 0 35px 0 ;
		font-size: 17px;
		line-height: 28px;
		font-weight: bold;
	}
	.area-lead .comment {
		margin: 15px 0 0 0;
		padding: 0;
		font-size: 14px;
		line-height: 24px;
		font-weight: normal;
		text-align: left;
	}
	.area-lead .center_link {
		display: block;
		margin: 30px auto 0 auto;
		padding: 20px 0;
		width: 90%;
		height: 2;
		color: #625ba6;
		font-size: 14px;
		line-height: 24px;
		font-weight: normal;
		border: 1px solid #CCC;
		text-decoration: none;
	}


	.section-A {
		background: #e8e9db;
		padding: 25px 0;
	}
	.section-A .container {
	}	
	.section-A h1 {
		text-align: center;
		font-size: 19px;
	}
	.toc-A .list > li {
		margin-top: 16px;
		max-width: 460px;
		margin-right: auto;
		margin-left: auto;
	}
	.toc-A a {
		text-decoration: none;
	}
	.toc-A figure {
		margin: 0;
	}
	.toc-A .heading {
		margin-top: 7px;
		font-size: 93.33333%;
		text-align: center;
	}
	.toc-A .heading span {
		color: #333;
		font-size: 14px;
	}



	.section-information {
		margin-top: 25px;
		padding-right: 20px;
		padding-left: 20px;
		padding-bottom: 23px;
	}	
	.section-information h1 {
		text-align: center;
		font-size: 19px;
	}
	.section-information .sBody {
	    margin-top: 20px;
	}
	.information-list li {
		margin-top: 16px;
	}
	.information-list .category {
	    position: absolute;
	    left: 20px;
	    width: 6rem;
	    padding: 4px 4px 3px;
	    font-size: 80%;
		border: solid 1px #7d7d7d;
		box-sizing: border-box;
		text-align: center;
		font-weight: bold;
		line-height: 1;
	}
	.information-list .date {
	    margin-left: 6.5rem;
	    font-size: 14px;
	    font-weight: bold;
	}
	.information-list .topic {
		margin: 0;
		padding: 0;
	    font-size: 14px;
	}
	.information-list .topic a {
		color: #333;
		text-decoration: none;
	}





	.section-B {
		background: #e8e9db;
		padding: 25px 0;
	}
	.section-B .container {
	}	
	.section-B h1 {
		text-align: center;
		font-size: 19px;
	}
	.section-B .lead {
	    margin-top: 20px;
	    font-size: 14px;
	    line-height: 20px;
	    text-align: left;
	}
	.toc-B .list > li {
		margin-top: 20px;
		max-width: 460px;
		margin-right: auto;
		margin-left: auto;
		background: #fff;
	}
	.toc-B a {
		color: #333;
		text-decoration: none;
	}
	.toc-B figure {
		margin: 0;
	}
	.toc-B .heading {
		font-size: 16px;
		font-weight: bold;
		margin: 15px 15px 0;
	}
	.toc-B .desc {
	    margin: 5px 15px 0;
		padding-bottom: 13px;
	    font-size: 14px;
	    line-height: 22px;
	}



	.section-C {
		background: #625ba6;
		padding: 25px 0;
	}
	.section-C h1 {
		text-align: center;
		font-size: 19px;
		color: #FFF;
	}
	.section-C .lead {
	    margin-top: 20px;
	    font-size: 14px;
	    line-height: 20px;
	    text-align: left;
		color: #FFF;
	}



	/*フッター*/
	footer {
		padding: 0;
	}



}