@charset "UTF-8";
/* CSS Document */
html,
html * {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: 'Manrope', 'Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	 scroll-behavior: smooth;
}

header {
	padding: 20px 0px 0px 0px;
}

body {
	margin-left: auto;
	margin-right: auto;
	font-family: 'Noto Serif JP', serif;
	letter-spacing: 1px;
	line-height: 24px;
}
a:link {
	color:#63B5E5;
	text-decoration: none;
}
a:visited{
	color:#63B5E5;
	text-decoration: none;
}
a:hover{ 
	color:#63B5E5;
	text-decoration: none;
}
a:active{ 
	color:#63B5E5;
	text-decoration: none;
}
.style-nav a:link {
	color:#63B5E5;
	text-decoration: none;
}
.style-nav a:visited{
	color:#63B5E5;
	text-decoration: none;
}
.style-nav a:hover{ 
	color:#63B5E5;
	text-decoration: none;
	opacity: 0.5;
	transition: all 0.3s;
}
.style-nav a:active{ 
	color:#63B5E5;
	text-decoration: none;
}
.link-alpha a:hover{
	opacity: 0.5;
	transition: all 0.3s;
}

img {
	width: 100%;
	max-width: 100%;
	height :auto;
	vertical-align: middle;
}
hr {
	width: 650px;
	margin: 0 auto;
	border-width: 1px 0 0 0;
	border-color:#63B5E5;
	border-style:solid;
}

ul{
	
	padding-left: 14px;

	list-style: none;
	}

.link-button{
  display: inline-block;
  margin: 10px 10px 10px 0px ;
  padding: 0.5em 1em;
  text-decoration: none;
  color: #63B5E5;
  border: solid 2px #63B5E5;
  border-radius: 3px;
  transition: .4s;
}

.link-button:hover {
  background: #63B5E5;
  color: white;
}

footer {
	padding:20px 30px 10px 30px ;
	color: #e6f3fb;
	background-color: #63b5e5;
}
footer table{
	margin: 0 auto;
	text-align: center;
}
footer img{
	width: 40px;
}

.style-logo-sp {
	width: 30px;
	margin: 0 auto;
	display: block;
	transform: translateX(8px)
}

.style-nav ul {
	list-style-type: none;
	text-align: center;
	
}

.style-nav ul li {
	display: inline-block;
	font-size: 16px;
}

.style-nav ul li a {
	text-decoration: none;
	color: #63B5E5;
	text-align: center;
	display: block;
	padding: 10px 10px 10px 10px ;
}

.main-visual ul{
	list-style-type: none;
}

.message{
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-size: 100%;
	background-image: url("../image/message_sp_bg.gif");
	background-repeat: no-repeat;
	background-position: bottom center;
}

.message-fadein {
    font-weight: bold;
    animation-name: fadein;
    animation-duration: 3s;
}

@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(15px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.blue-background{
	background-color: #e6f3fb;
}

.content{
	padding: 20px 0px 60px 0px;
	font-size: 14px;
}
.content h1 {
		text-align: center;
		color: #63b5e5;
		padding: 30px 0px 0px 0px;
		font-size: 24px;
		letter-spacing: 2px;
	}
.content h2 {
		text-align: center;
		color: #63b5e5;
		padding: 0px 0px 15px 0px;
		font-size: 16px;
	}

.content h3 {
		text-align: center;
		color: #63b5e5;
		padding: 15px 0px 0px 0px;
		font-size: 16px;
	}

.content table {
	margin: 0 auto;
	margin-bottom: 10px;
	}
.content td{
			border: 0 none;
			padding:0px 0px 5px 0px;
			vertical-align: top;
}

.content-text{
	width: 85%;
	margin: 0 auto;
	margin-bottom: 20px;
	text-align: center;
}

.text-blue{
	color: #63B5E5;
}
.text-blue-description{
	color: #63B5E5;
	font-weight: bold;
	white-space: nowrap;
}
.text-right{text-align: right;}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-supplement{
	color: #555555;
	font-size: 12px;
}
.text-list ul{
	padding: 0;
	margin: 0;
} 
.text-list ul li{
	padding-left: 1.3em;
	text-indent: -1.3em;
}
.text-list ul li:before{
	content: "・ ";
}
.text-list ol{
	padding-left: 1.3em;
	text-indent: -1.3em;
} 
.text-list ol li{
	text-indent: 0;
}

.mt1{
	margin-top: 1.3em;
}
.mb1{
	padding-bottom: 1.3em;
}


/*.thumb table {
	width: 640px;
	
}*/

.thumb table td {
	width: 150px;
	padding-right: 10px;	
}
.thumb-description{
	color: #555555;
	font-size: 12px;
}
.footer-text {
	font-size: 14px;
	margin-bottom: 18px;
	}
.footer-text a:link {
	text-decoration: none;
	color: #e6f3fb;
}
.footer-text a:visited{
	text-decoration: none;
	color: #e6f3fb;
}
.footer-text a:hover{ 
	color:#ffffff;
	text-decoration: none;
	transition: all 0.3s;
}
.footer-text a:active{ 
	color:#e6f3fb;
	text-decoration: none;
}




@media (max-width: 768px){
	table{
		width: 85%;
	}
	
.responsive tr{ /*レスポンシブ対応*/
		width: 100%;
		display: block; 
	}
.responsive td{ /*レスポンシブ対応*/
		width: 100%;
		display: block;
		padding: 5px;
	}
}

/*タブレット用*/
@media (min-width: 768px){
	
	header {
		max-width: 778px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.main-visual {
		max-width: 778px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.message {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		background-image: url("../image/message_tablet_bg.gif");
		background-repeat: no-repeat;
		background-size: auto;
		background-position: bottom center;
	}
	
.blue-background{
	background-color: #e6f3fb;
}
.content{
	padding: 20px 0px 60px 0px;
	font-size: 14px;
		;
}
.content h1 {
		text-align: center;
		color: #63b5e5;
		font-size: 24px;
		letter-spacing: 2px;
	}
.content h2 {
		text-align: center;
		color: #63b5e5;
		padding: 0px 0px 15px 0px;
		font-size: 16px;
	}
.content h3 {
		text-align: center;
		color: #63b5e5;
		padding: 15px 0px 0px 0px;
		font-size: 16px;
	}
	
.content table {
	width: 650px;
	margin: 0 auto;
	margin-bottom: 30px;
	}
	
.content td{
			border: 0 none;
			padding:0px 0px 5px 0px;
			vertical-align: top;
}
	
.content-text{
	width: 650px;
	margin: 0 auto;
	margin-bottom: 30px;
	text-align: center;
}
	.style-logo-pc {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 30px;
}
	
.style-nav ul li {
	display: inline-block;
}

.style-nav ul {text-align: center;}

	
}

.project {
	text-align: center;
}


/*デスクトップ用*/
@media (min-width: 1024px){
	
	header {
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.main-visual {
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.message {
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		background-image: url("../image/message_pc_bg.gif");
		background-repeat: no-repeat;
		background-size: auto;
		background-position: bottom center;
	}
	
	.message-pc{
		width: 1024px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.style-logo-pc {
		float :left;
		margin: 5px 0px 0px 20px;
	}
	
	.style-nav {
		float: right;
	}
	
.footer-text{
		font-size: 10px;
		text-align: left;
	}
.footer_sns{
		text-align: right;
	}
}

footer img{
    width: 40px;
}

/*"pc"のclassがついた画像・テキストを表示*/
.pc { display: block !important;}
.sp { display: none !important;}

/*"sp"のclassがついた画像・テキストを表示*/
@media only screen and (max-width: 768px) {
.pc {display: none !important;}
.sp {display: block !important;}
}