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


	*{
 		margin: 0;
		padding: 0;
	}

	.wrap{
		overflow: hidden;
	}

	body{
		font-family: 'Noto Sans JP', sans-serif,'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシッ	ク','MS PGothic';
		color: #333333;
		background-image: none;
	}

	a{
		text-decoration: none;
	}

	img {
		vertical-align:bottom;
 		pointer-events: none; 
		-webkit-touch-callout:none;
		-webkit-user-select:none;
		-moz-touch-callout:none;
		-moz-user-select:none;
		touch-callout:none;
		user-select:none;
	}




@media screen and (min-width:990px) {

/*PC向け記述*/
	
	a[href^="tel:"] {
   	 	pointer-events: none;
	}
	
	.fadein {
 		opacity : 0;
  		transform: translateY(20px);
  		transition: all 1s;
	}
	
	/*パンクズ*/
	
	.breadcage{
		max-width: 1160px;
		margin: 10px auto 30px auto;
	}
	
	.breadcrumb {
		margin: 0 0 0 10px;
		padding: 0;
		list-style: none;
	}
	
	.breadcrumb li {
		display: inline;
		list-style: none;
		font-weight: 400;
		font-size: 0.8em;
	}
	
	.breadcrumb li:after {
		content: '>';
		padding: 0 0.2em;
		color: #333333;
	}
	
	.breadcrumb li:last-child:after {
		content: '';
	}
	
	.breadcrumb li a {
		text-decoration: none;
		color: #333333;
	}
	
	.breadcrumb li a:hover {
		color: #0074bf;
		text-decoration: underline;
	}
	
	/*タイトル*/
	
	.key_title{
		margin: 50px auto 80px;
		text-align: center;
		color: #333;
	}
	
	.key_title h1{
		font-weight: 500;
	}
	
	.key_title p{
		font-weight: 500;		
	}
	
	.key_title p:after{
		content: '';
		display: block;
		width: 80px;
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
		border-bottom: 4px solid #0074bf;
		border-radius: 2px;
	}

/*key*/
	.keyvisual{
		height: 400px;
		background-image: url(./image/top01.jpg);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	
	.top_word{
		max-width: 1160px;
		height: 400px;
		margin: 0 auto;
		position: relative;
		opacity: 0.9;
	}
	
	.top_word p{
		font-size: 2em;
		color: #fff;
		position: absolute;top:50%;left: 30px;
		transform: translateY(-50%);
		text-shadow: 
			1px  1px 1px #333,
			-1px  1px 1px #333,
			1px -1px 1px #333,
			-1px -1px 1px #333,
			1px  0px 1px #333,
			0px  1px 1px #333,
			-1px  0px 1px #333,
			0px -1px 1px #333; 
	}	
	
	/*中身*/
	
	.inner_title{
		margin: 0px auto 30px;
		text-align: center;
		color: #333;
	}
	
	.inner_title h2{
		font-weight: 500;
	}
	
	.inner_title h2:after{
		content: '';
		display: block;
		width: 60px;
		margin-top: 50px;
		margin-left: auto;
		margin-right: auto;
		border-bottom: 4px dotted #0074bf;
		border-radius: 2px;
	}
	
	.outline_box{
		margin-top: 100px;
		margin-bottom: 150px;
	}
	
	dl.dl_list{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		width: 900px;
		max-width: 80%;
		margin: 0 auto;
	}
	
	dt.dt_parent{
		color: #888;
		width: 20%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding-left: 10px;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}
	
	dd.dd_parent{
		width: 80%;
	}
	
	dt.dt_parent,dd.dd_parent{
		border-bottom: 1px dotted #888;
		padding: 20px 0;
		font-size: 0.9em;
	}
	
	dl.dl_list_child{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	
	dt.dt_child{
		width: 20%;
	}
	
	dd.dd_child{
		width: 80%;
	}
	
	.add{
		width: 48%;
		padding: 20px 0;
		margin-right: 10px;
	}
	
	.addup{
		border-bottom: 1px dotted #888;
	}
	
	.add dt{
		margin-bottom: 10px;
	}
	
	.add p{
		margin-top: 10px;
	}
	
	.add a{
		color: #333;
	}
	
	a.maplink{
		color: #0074bf;
		font-weight: 600;
	}
	
	a.maplink:hover{
		text-decoration: underline;		
		color: #6d6dec;
	}
	
	a.asahi{
		color: #333;
	}
	
	a.asahi:hover{
		color: #0074bf;
		text-decoration: underline;
	}
	
	br.spbr{
		display: none;
	}
	
	/*沿革*/
	
	.history_box{
		margin-bottom: 180px;
	}
	
	table{
		margin: 0 auto;
	}
	
	tr.list{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	
	td.day{
		position: relative;
		font-size: 0.9em;
		height: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
		margin-right: 40px;
		padding: 20px 40px 20px 0;
		border-right: 1px solid #c0c0c0;
		font-style: italic;
		letter-spacing: 0.2em;
	}
	
	td.day:before{
		content: '';
		display: block;
		height: 10px;
		width: 10px;
		border-radius: 50%;
		background-color: #0074bf;
		position: absolute;top:50%;right: -5px;
		transform: translateY(-50%);
		
	}
	
	td.matter{
		font-size: 0.9em;
		display: flex;
		align-items: center;
	}
	
	.sec_entry{
		background-image: url("../../image/entry01.jpg");
		background-position: center;
		background-color: #b0d7f4;
	}
	
	

	
	
	
}


			

@media only screen and (max-width: 989px)  {
 
/*タブレット向記述*/
	
	/*パンクズ*/
	
	.breadcage{
		width: 95%;
		margin: 10px auto 30px auto;
	}
	
	.breadcrumb {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	.breadcrumb li {
		display: inline;
		list-style: none;
		font-weight: 400;
		font-size: 0.8em;
	}
	
	.breadcrumb li:after {
		content: '>';
		padding: 0 0.2em;
		color: #333333;
	}
	
	.breadcrumb li:last-child:after {
		content: '';
	}
	
	.breadcrumb li a {
		text-decoration: none;
		color: #333333;
	}
	
	/*タイトル*/
	
	.key_title{
		margin: 50px auto 50px;
		text-align: center;
		color: #333;
	}
	
	.key_title h1{
		font-weight: 500;
	}
	
	.key_title p{
		font-weight: 500;		
	}
	
	.key_title p:after{
		content: '';
		display: block;
		width: 80px;
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
		border-bottom: 4px solid #0074bf;
		border-radius: 2px;
	}
 
	
	/*key*/
	
	.keyvisual{
		height: 200px;
		background-image: url(./image/top01.jpg);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	
	.top_word{
		max-width: 1160px;
		height: 200px;
		margin: 0 auto;
		position: relative;
		opacity: 0.9;
	}
	
	.top_word p{
		font-size: 1.5em;
		color: #fff;
		position: absolute;top:50%;left: 30px;
		transform: translateY(-50%);
		text-shadow: 
			1px  1px 1px #333,
			-1px  1px 1px #333,
			1px -1px 1px #333,
			-1px -1px 1px #333,
			1px  0px 1px #333,
			0px  1px 1px #333,
			-1px  0px 1px #333,
			0px -1px 1px #333; 
	}	
	
	/*中身*/
	
	.inner_title{
		margin: 0px auto 30px;
		text-align: center;
		color: #333;
	}
	
	.inner_title h2{
		font-weight: 500;
	}
	
	.inner_title h2:after{
		content: '';
		display: block;
		width: 60px;
		margin-top: 50px;
		margin-left: auto;
		margin-right: auto;
		border-bottom: 4px dotted#0074bf;
		border-radius: 2px;
	}
	
	.outline_box{
		margin-top: 50px;
		margin-bottom: 100px;
	}
	
	dl.dl_list{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		width: 600px;
		max-width: 90%;
		margin: 0 auto;
	}
	
	dt.dt_parent{
		color: #888;
		font-size: 0.9em;
		width: 20%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		padding-left: 10px;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}
	
	dd.dd_parent{
		width: 80%;
		font-size: 0.9em;
	}
	
	dt.dt_parent,dd.dd_parent{
		border-bottom: 1px dotted #888;
		padding: 10px 0;
	}
	
	dl.dl_list_child{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	
	dt.dt_child{
		width: 30%;
	}
	
	dd.dd_child{
		width: 70%;
	}
	
	.add{
		width: 100%;
		padding: 20px 0;
		border-bottom: 1px dotted #888;
	}
	
	.add:last-child{
		border: none;
	}
	
	.add dt{
		margin-bottom: 10px;
	}
	
	.add p{
		margin-top: 10px;
	}
	
	.add a{
		color: #0074bf;
		text-decoration: underline;
	}
	
	a.maplink{
		color: #0074bf;
		font-weight: 600;
	}

	a.asahi{
		color: #0074bf;
		text-decoration: underline;
	}
	
	br.spbr{
		display: none;
	}
	
	/*沿革*/
	
	.history_box{
		margin-bottom: 100px;
	}
	
	table{
		margin: 0 auto;
		width: 100%;
	}
	
	tr.list{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 100%;
	}
	
	td.day{
		position: relative;
		font-size: 0.9em;
		height: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
		margin-right: 30px;
		padding: 20px 30px 20px 0;
		border-right: 1px solid #c0c0c0;
		font-style: italic;
		letter-spacing: 0.2em;
		width: 20%;
	}
	
	td.day:before{
		content: '';
		display: block;
		height: 10px;
		width: 10px;
		border-radius: 50%;
		background-color: #0074bf;
		position: absolute;top:50%;right: -5px;
		transform: translateY(-50%);
		
	}
	
	td.matter{
		font-size: 0.9em;
		display: flex;
		align-items: center;
		width: 80%;
	}
	
	.sec_entry{
		background-image: url("../../image/entry01.jpg");
		background-position: center;
		background-color: #b0d7f4;
	}
	

	
	
}


@media only screen and (max-width: 599px) {
 
	/*スマートホン向記述*/
	
	
	
	.keyvisual{
		height: 200px;
	}
	
	.key_title h1{
		font-size: 1.5em;
	}
	
	dt.dt_child{
		font-size: 0.8em;
		width: 40%;
	}
	
	dd.dd_child{
		width: 60%;
	}
	
	br.spbr{
		display: inherit;
	}
	
	/*沿革*/
	
	table.table{
		width: 100%;
	}
	
	tr.list{
		flex-direction: column;
		width: 100%;
	}
	
	td.day{
		justify-content: flex-start;
		margin-left: 30px;
		margin-right: 0;
		padding: 5px 0 5px 30px;
		border-left: 1px solid #c0c0c0;
		border-right: none;
	}
	
	td.day:before{
		position: absolute;top:50%;left: -5px;
		transform: translateY(-50%);
		
	}
	
	td.matter{
		font-size: 0.9em;
		display: block;
		margin-left: 30px;
		padding-left: 30px;
		padding-bottom: 20px;
		border-left: 1px solid #c0c0c0;
		max-width: 80%;
	}
	
	
 
}