@charset "utf-8";


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

　Commons

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

html,body {
	width: 100%;
	font-size: 16px;
	word-wrap: break-word;
	word-break: break-all;
}

body {
	color: #313131;
	font-family: 'Kiwi Maru', "游ゴシック体", "Yu Gothic", YuGothic, "游ゴシック Medium", "メイリオ", Meiryo, sans-serif;
	line-height: 1.6;
	padding: 50px 0 0;
	background-color: #dcf1fc;
}

img {
	max-width: 100%;
}

/*
fonts
---------------------------------------------------------*/

h1, h2 {
	clear: both;
	font-weight: bold;
	line-height: 1.3;
}

@media screen and (max-width: 991px) {
	html { -webkit-text-size-adjust: 100% } /* 文字サイズの自動調整をオフ */
}



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

　container

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

.container {
	width: 900px;
	margin: 0 auto;
}

@media screen and (max-width: 959px) {
	.container {
		width: 100%;
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}


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

　contents

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

.maintitle {
	margin-bottom: 30px;
}

@media screen and (max-width: 519px) {
	.maintitle {
		margin-bottom: 15px;
	}
}

/*
row
---------------------------------------------------------*/
.row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}

.col6 {
	width: 50%;
	padding: 0 15px;
	margin-bottom: 15px;
}

@media screen and (max-width: 519px) {
	.s_col12 { width: 100%;}
}

/*
btn
---------------------------------------------------------*/
.btn {
	margin-top: 20px;
}
.btn a {
	display: block;
	border-radius: 10px;
	background-color: #2255a4;
	color: #fff;
	font-weight: 500;
	font-size: 230%;
	text-align: center;
	text-decoration: none;
	padding: 30px 20px;
	box-shadow: 7px 7px #109cda;
	transition: .3s;
}
.btn a:hover {
	opacity: .7;
}

@media screen and (max-width: 519px) {
	.btn {
		margin-top: 15px;
	}
	.btn a {
		font-size: 180%;	
	}
}

/*
copy
---------------------------------------------------------*/
.copy {
	text-align: center;
	font-size: 75%;
	padding: 20px;
	margin-top: 50px;
}

/*
pagetop
---------------------------------------------------------*/
#pagetop {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 10;
	line-height: 1;
}
#pagetop a {
	display: inline-block;
	line-height: 1;
}

@media screen and (max-width: 959px) { 
	#pagetop img {
		width: 35px;
		height: 35px;
	}
}