@media screen and (min-width: 769px) {
	
	/*---------------------------------------
	 * Main
	---------------------------------------*/ 
	
	.lower main{
		margin: 80px 0 0;
		padding: 100px 0;
		
	}
	
	/*---------------------------------------
	 * PageTitle
	---------------------------------------*/ 
	
	.page-title {
		text-align: center;
		margin: 0 0 60px;
	}
	.page-title span{
		vertical-align: middle;
	}
	.page-title .ja{
		font-size: 3rem;
		color: #40618E;
		letter-spacing: 1px;
	}
	.page-title .en{
		color: #959595;
		padding-left: 10px;
		letter-spacing: 2px;
	}
	
	
	/*---------------------------------------
	 * Article
	---------------------------------------*/ 
	
	
	
	.article{
		line-height: 1.8;
		font-size: 1.8rem;
	}
	
	.article .inner{
		width: 1000px;
		margin: 0 auto;
	}
	
	
	/* 記事整形
	---------------------------------------*/ 
	
	.article .block{
		padding: 0 0 60px;
		margin: 0 0 60px;
		border-bottom: 2px dotted #757575;
	}
	.article .block.no-border{
		border: none;
		padding: 0;
	}
	.article .midashi{
		font-size: 2.4rem;
		margin: 0 0 50px;
	}
	.article .midashi::after{
		content: "";
		display: block;
		width: 90px;
		height: 2px;
		background: #40618E;
		margin: 20px 0 0;
	}
	.article .komidashi{
		font-size: 2rem;
		color: #40618E;
		margin: 0 0 20px;
	}
	.article .chapter-title{
		color: #40618E;
	}
	.article a{
		text-decoration: underline;
	}
	.article a:hover{
		text-decoration: none;
	}
	.article .w500{
		width: inherit;
		max-width: 500px;
	}
	.article .w700{
		width: inherit;
		max-width: 700px;
	}
	.article .w300{
		width: inherit;
		max-width: 300px;
	}
	.article .align-right{
		text-align: right;
	}
	.article .underline{
		text-decoration: underline;
	}
	.article .color{
		color: #40618E;
	}
	.article .red{
		color: #823232;
	}
	.article .bold{
		font-weight: 700;
	}
	.article .notice{
		font-size: 1.4rem;
	}
	.article .circle{
		font-size: 1rem;
		vertical-align: middle;
		padding-right: 0.5em;
	}
	.article .in{
		margin-left: 1em;
	}


	/* PDF XLS アイコン
	---------------------------------------*/ 
	.article .icon-pdf{
		background:url(/lower/img/icon-pdf.svg) 0 50% no-repeat;
		background-size: 31px;
		padding: 0.5em 0 0.5em 2.5em;
	}
	.article .icon-xls{
		background:url(/lower/img/icon-xls.svg) 0 50% no-repeat;
		background-size: 31px;
		padding-left: 2.5em;
		padding: 0.5em 0 0.5em 2.5em;
	}
	.article .icon-pdf > a,
	.article .icon-xls > a {
		font-size: 1.6rem;
	}
	
	
	/* リスト
	---------------------------------------*/ 
	
	.article .list li{
		text-indent: -1em;
		margin-left: 1em;
	}
	
	
	/* フレックスボックス
	---------------------------------------*/ 
	.article .flex-box{
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.article .flex-box dt{
		width: 200px;
	}
	.article .flex-box dd{
		width: calc(100% - 220px);
	}
	.article .flex-box .photo{
		width: 290px;
	}
	.article .flex-box .text{
		width: 680px;
	}
	.article .flex-col3{
		flex-wrap: wrap;
		justify-content: inherit;
	}
	.article .flex-col3 li{
		width: 30%;
		margin-right:3.3333%;
	}
	.article .flex-col3 li:nth-child(3n){
		margin-right: 0;
	}
	
	
	
	/* テーブル
	---------------------------------------*/ 
	.article table{
		width: 100%;
		text-align: center;
		border: 1px solid #959595;
		box-sizing: border-box;
		font-size: 1.4rem;
	}
	.article table td{
		padding: 10px 15px;
		box-sizing: border-box;
	}
	
	.article table td {
		background: #E4F1FC;
	}
	.article table tr:nth-child(odd) td {
		background: #fff;
	}
	
	
	/* テーブル 4col */ 
	
	.article table.tcol-4 td:nth-child(1){
		width: 16%;
	}
	.article table.tcol-4 td:nth-child(2){
		width: 16%;
	}
	.article table.tcol-4 td:nth-child(3){
		width: 18%;
	}
	.article table.tcol-4 td:nth-child(4){
		width: 50%;
	}
	
	
	/* テーブル 2col */ 
	
	.article table.tcol-2 td:nth-child(1){
		width: 21%;
	}
	.article table.tcol-2 td:nth-child(2){
		width: 79%;
	}
	
	
	/* フレーム
	---------------------------------------*/ 
	
	.article .frame{
		border: 1px solid #959595;
		padding: 25px 30px;
	}	
	.article .frame figure{
		width: 532px;
	}
	
	
	/*---------------------------------------
	 * 問い合わせ
	---------------------------------------*/ 
	
	.form{
		border-top: 1px solid #B3B3B3;
	}
	
	.form dl{
		width: 100%;
		padding: 40px 0;
		display: flex;
		justify-content: space-between;
		border-bottom: 1px solid #B3B3B3;
	}
	.form dl dt{
		width: 24.9%;
	}
	.form dl dd{
		width: 73%;
	}
	.form .text-input{
		width: 100%;
		padding: 10px;
		border-radius: 5px;
		border: 1px solid #B3B3B3;
		box-sizing: border-box;
	}
	.form .text-input.small{
		width: 350px;
	}
	.form .text-input.medium{
		width: 560px;
	}
	.form .textarea{
		width: 100%;
		height: 200px;
		border: 1px solid #B3B3B3;
		border-radius: 5px;
		box-sizing: border-box;
	}
	.form .buttons{
		display: flex;
		justify-content: center;
		margin: 40px 0 0;
	}
	.form .form-btn{
		width: 210px;
		padding: 15px 0;
		margin: 0 10px;
		border: none;
		font-size: 1.8rem;
		cursor: pointer;
	}
	.form .submit{
		border:1px solid #40618E;
		background: #40618E;
		color: #FFFFFF;
	}
	.form .submit:hover{
		background: #FFFFFF;
		color: #40618E;
	}
	.form .reset{
		border:1px solid #B3B3B3;
		background: #B3B3B3;
		color: #FFFFFF;
	}
	.form .reset:hover{
		border:1px solid #B3B3B3;
		background: #FFFFFF;
		color: #B3B3B3;
	}
	
	
	/*---------------------------------------
	 * News
	---------------------------------------*/ 
	
	.news-archive .archive-list{
		display: flex;
		flex-wrap: wrap;
		margin: 0 0 60px;
	}
	.news-archive .archive-list li{
		width: 18.5%;
		margin: 0 1.875% 10px 0;
	}
	.news-archive .archive-list li:nth-child(5n){
		margin-right: 0;
	}
	.news-archive .archive-list li a{
		display: block;
		width: 100%;
		height: 100%;
		border: 1px solid #40618E;
		background: #FFFFFF;
		color: #40618E;
		border-radius: 15px;
		text-align: center;
		text-decoration: none;
		line-height: 2.3;
	}
	.news-archive .archive-list li.current a{
		background: #40618E;
		color: #FFFFFF;
	}
	.news-archive .archive-list li:hover a{
		background: #40618E;
		color: #FFFFFF;
	}
	
	
	/* お知らせ一覧・PICKUP一覧
	---------------------------------------*/ 
	
	.news-archive .list-style .list-title{
		border-left: 4px solid #40618E;
		font-size: 2rem;
		color: #40618E;
		padding: 0 0 0 20px;
		margin: 0 0 20px;
	}
	.news-archive .list-style li.first a{
		background: #40618E;
		color: #FFFFFF;
	}
	.news-archive .list-style dl{
		border-bottom: dotted 2px #393939;
		padding: 20px 0 10px;
	}
	.news-archive .list-style dl dt{
		color: #959595;
		font-size: 1.4rem;
	
	}
	.news-archive .list-style dl dd a:hover{
		text-decoration: underline;
	}
	.news-archive .list-style dl dd a{
		text-decoration: none;
	}
	
	.news-archive .pickup-list{
		margin: 0 0 60px;
	}
	
	
}


	




@media screen and (max-width: 768px) {
	
	/*---------------------------------------
	 * Main
	---------------------------------------*/ 
	
	.lower main{
		margin: 65px 0 0;
		padding: 30px 0;
		
	}
	
	/*---------------------------------------
	 * PageTitle
	---------------------------------------*/ 
	
	.page-title {
		text-align: center;
		margin: 0 0 30px;
	}
	.page-title span{
		vertical-align: middle;
	}
	.page-title .ja{
		font-size: 2.3rem;
		color: #40618E;
	}
	.page-title .en{
		color: #959595;
		font-size: 1.1rem;
		padding-left: 3px;
		letter-spacing: 1px;
	}
	
	
	/*---------------------------------------
	 * Article
	---------------------------------------*/ 
	
	
	
	.article{
		line-height: 1.8;
		
	}
	
	.article .inner{
		width: calc(100% - 40px);
		margin: 0 auto;
	}
	
	
	/* 記事整形
	---------------------------------------*/ 
		
	.article .block{
		padding: 0 0 30px;
		margin: 0 0 30px;
		border-bottom: 2px dotted #757575;
	}
	.article .block.no-border{
		padding: 0 ;
		border-bottom: none;
	}
	.article .midashi{
		font-size: 1.7rem;
		margin: 0 0 20px;
	}
	.article .midashi::after{
		content: "";
		display: block;
		width: 45px;
		height: 2px;
		background: #40618E;
		margin: 10px 0 0;
	}
	.article .komidashi{
		font-size: 1.6rem;
		color: #40618E;
		margin: 0 0 10px;
	}
	.article .chapter-title{
		color: #40618E;
	}
	.article a{
		text-decoration: underline;
	}
	.article a:hover{
		text-decoration: none;
	}
	.article .w500{
		width: 100%;
	}
	.article .w700{
		width: 100%;
	}
	.article .underline{
		text-decoration: underline;
	}
	.article .color{
		color: #40618E;
	}
	.article .red{
		color: #823232;
	}
	.article .bold{
		font-weight: 700;
	}
	.article .notice{
		font-size: 1.2rem;
	}
	.article .circle{
		font-size: 1rem;
		vertical-align: middle;
		padding-right: 0.5em;
	}
	.article .in{
		margin-left: 1em;
	}
	
	
	/* PDF XLS アイコン
	---------------------------------------*/ 
	
	.article .icon-pdf{
		background:url(/lower/img/icon-pdf.svg) 0 50% no-repeat;
		background-size: 22px;
		padding: 0.5em 0 0.5em 2.5em;
	}
	.article .icon-xls{
		background:url(/lower/img/icon-xls.svg) 0 50% no-repeat;
		background-size: 22px;
		padding-left: 2.5em;
		padding: 0.5em 0 0.5em 2.5em;
	}
	.article .icon-pdf > a,
	.article .icon-xls > a {
		font-size: 1.2rem;
	}

	
	
	/* リスト
	---------------------------------------*/ 
	
	.article .list li{
		text-indent: -1em;
		margin-left: 1em;
	}
	
	
	/* フレックスボックス
	---------------------------------------*/ 
	.article .flex-box{
		width: 100%;
	}
	.article .flex-box dt{
		width: 100%;
	}
	.article .flex-box dd{
		width: 100%;
	}
	
	
		
	/* テーブル
	---------------------------------------*/ 
	
	.article table{
		width: 100%;
		text-align: center;
		border: 1px solid #959595;
		box-sizing: border-box;
		font-size: 1.0rem;
	}
	.article table td{
		padding: 5px;
		box-sizing: border-box;
	}
	
	.article table td {
		background: #E4F1FC;
	}
	.article table tr:nth-child(even) td {
		background: #fff;
	}
	
	
	/* テーブル 4col */ 
	
	.article table.tcol-4 td:nth-child(1){
		width: 21%;
	}
	.article table.tcol-4 td:nth-child(2){
		width: 20%;
	}
	.article table.tcol-4 td:nth-child(3){
		width: 18%;
	}
	.article table.tcol-4 td:nth-child(4){
		width: 41%;
	}
	
	
	/* テーブル 2col */ 
	
	.article table.tcol-2 td:nth-child(1){
		width: 25%;
	}
	.article table.tcol-2 td:nth-child(2){
		width: 75%;
	}
	
		
	/* フレーム
	---------------------------------------*/ 
	
	.article .frame{
		border: 1px solid #959595;
		padding: 15px;
	}	

	
	
	
	/*---------------------------------------
	 * 問い合わせ
	---------------------------------------*/ 
	
	.form{
		border-top: 1px solid #B3B3B3;
	}
	
	.form dl{
		width: 100%;
		padding: 20px 0;
		
		
		border-bottom: 1px solid #B3B3B3;
	}
	.form dl dt{
		width: 100%;
	}
	.form dl dd{
		width: 100%;
	}
	.form .text-input{
		width: 100%;
		padding: 10px;
		border-radius: 5px;
		border: 1px solid #B3B3B3;
		box-sizing: border-box;
	}
	.form .textarea{
		width: 100%;
		height: 200px;
		border: 1px solid #B3B3B3;
		border-radius: 5px;
		box-sizing: border-box;
	}
	.form .buttons{
		display: flex;
		justify-content: space-between;
		margin: 20px 0 0;
	}
	.form button{
		width: 46%;
		padding: 15px 0;
		border: none;
		font-size: 1.4rem;
	}
	.form .submit{
		background: #40618E;
		color: #FFFFFF;
	}
	.form .reset{
		background: #B3B3B3;
		color: #FFFFFF;
	}
	
	
	/*---------------------------------------
	 * News
	---------------------------------------*/ 
	
	.news-archive .archive-list{
		display: flex;
		flex-wrap: wrap;
		margin: 0 0 30px;
	}
	.news-archive .archive-list li{
		width: 31%;
		margin: 0 3% 10px 0;
	}
	.news-archive .archive-list li:nth-child(3n){
		margin-right: 0;
	}
	.news-archive .archive-list li a{
		display: block;
		width: 100%;
		height: 100%;
		border: 1px solid #40618E;
		background: #FFFFFF;
		color: #40618E;
		border-radius: 15px;
		text-align: center;
		text-decoration: none;
		line-height: 2.3;
	}
	.news-archive .archive-list li.first a{
		background: #40618E;
		color: #FFFFFF;
	}
	
	
	/* お知らせ一覧・PICKUP一覧
	---------------------------------------*/ 
	
	.news-archive .list-style .list-title{
		border-left: 4px solid #40618E;
		font-size: 1.8rem;
		color: #40618E;
		padding: 0 0 0 10px;
	}
	.news-archive .list-style li.first a{
		background: #40618E;
		color: #FFFFFF;
	}
	.news-archive .list-style dl{
		border-bottom: dotted 2px #393939;
		padding: 20px 0 10px;
	}
	.news-archive .list-style dl dt{
		color: #959595;
		font-size: 1.4rem;
	
	}
	.news-archive .list-style dl dd{
		
	}
	.news-archive .list-style dl dd a{
		text-decoration: none;
	}
	
	.news-archive .pickup-list{
		margin: 0 0 60px;
	}	
	
}