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

/********************************************
	ヘッダー
	*********************************************/
.l-header {
	position:relative;
}
.l-header header {
	width:100%;
	height:24vw;
	position:relative;
	background-image:url(../images/bg_head.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	display:table;
}
.l-header header h1 {
	margin:0;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	padding-left:4%;
}
.l-header header h1 img {
	width:60%;
}
@media screen and (min-width:725px) {
.l-header header {
	height:238px;
}
}
@media screen and (min-width:1025px) {
.l-header header h1 img {
	width:auto;
}
}
.l-header header .headLogo {
	position:absolute;
	left:0;
	top:0;
	width:24%;
	text-align:left;
}
.l-header header .baloon {
	position:absolute;
	right:0;
	top:0;
	width:18%;
	text-align:right;
}

@media screen and (min-width:1201px) {
.l-header header {
	background-size:cover;
}
}

/********************************************
	ヘッダー end
	*********************************************/



/********************************************
	メインエリア
	*********************************************/

/* ベースレイアウト */
main {
	padding:2rem 10px 4rem;
}

/* メインエリア Contents */

.contentsArea {
	box-sizing:border-box;
	max-width:1024px;
	margin:0 auto;
	padding:3rem 0 0;
}




/* 見出しタイトル用 */

.contentsTitle1 {
	position:relative;
	background-image:url(../images/ban_title01.jpg);
	color:#fff;
	font-size:1.5rem;
	line-height:1;
	padding:0.5em 2em;
	margin:0 0 4rem;
}
.contentsTitle1::before {
	content:" ";
	position:absolute;
	width:10px;
	height:1em;
	left:15px;
	top:0.5em;
	background-color:#fff;
}


/********************************************
	メインエリア end
	*********************************************/


/********************************************
	topPage
	*********************************************/
.sponsorArea {
	margin-bottom:1.5rem;
	letter-spacing:-0.4em;
}
.sponsorArea01,
.sponsorArea02,
.sponsorArea03 {
	text-align:center;
}

.sponsorBlock {
	letter-spacing:normal;
	vertical-align:top;
	display:inline-block;
	box-sizing:border-box;
	padding:16px;
}

.sponsorBlock01 {
	width:100%;
}
@media screen and (min-width:641px) {
.sponsorBlock01 {
	width:60%;
	min-width:588px;
}
.sponsorArea03 {
	text-align:left;
}
}

.sponsorBlock02 {
	width:90%;
}
@media screen and (min-width:481px) {
.sponsorBlock02 {
	width:40.5%;
	min-width:377px;
}
}
.sponsorBlock03 {
	width:80%;
}
@media screen and (min-width:481px) {
.sponsorBlock03 {
	width:32.5%;
	min-width:302px;
}
}
.sponsorBlock dt {
	margin:0 0 1rem;
}
.sponsorBlock dt .noLink,
.sponsorBlock dt a {
	display:flex;
	border:1px solid #b8b8b8;
	align-items: center;
	text-align:center;
	box-sizing:border-box;
	padding:0.5em 1em;
}
.sponsorBlock01 dt .noLink,
.sponsorBlock01 dt a {
	height:229px;
	border-radius:10px;
}
.sponsorBlock02 dt .noLink,
.sponsorBlock02 dt a {
	height:178px;
	border-radius:8px;
}

.sponsorBlock03 dt .noLink,
.sponsorBlock03 dt a {
	height:143px;
	border-radius:6px;
}
.sponsorBlock dt .noLink img,
.sponsorBlock dt a img {
	margin:0 auto;
}
.sponsorBlock dd {
	text-align:center;
	margin:0;
}
.sponsorBlock dd a {
	text-decoration:none;
	color:#000;
}
.sponsorBlock dd a img {
	margin-right:1em;
}

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


/********************************************
	topPage end
	*********************************************/


/********************************************
	フッター
	*********************************************/

footer {
}
.footerInner {
	color:#fff;
	position:relative;
	box-sizing:border-box;
}
@media screen and (min-width:641px) {
.footerInner {
}
}

.footerLogo {
	background-color:#f2f2f2;
	text-align:center;
	padding:1.6em 1em;
	margin:0;
}

.copyright {
	background-color:#b41313;
	margin:0;
	padding:20px 0 70px;
	text-align:center;
}



/********************************************
	フッター end
	*********************************************/


/********************************************
	pagetop
	*********************************************/
/* .set_pagetop {
	position: absolute;
	bottom: -60px;
	right: 1rem;
	z-index:9999;
	display:table;
	margin:0;
}
.set_pagetop .page_top {
	display:table-cell;
	vertical-align:middle;
	width:42px;
	height:42px;
	font-size:16px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  text-align:center;
	background-color:#83b800;
	text-decoration:none;
	color:#fff;
	line-height:1.2;
}
.set_pagetop .page_top i {
	font-size:36px;
	line-height:60px;
	color:#fff;
	font-weight:bold;
	padding-right:2px;
} */
.set_pagetop {
	float: right;
	clear: both;
	padding-top: 18px;
	position: absolute;
	position: fixed !important;
	bottom: 20px;
	right: 20px;
	z-index:9999;
	display:table;
	margin:0;
}
.set_pagetop .page_top {
	display:table-cell;
	vertical-align:middle;
	width:60px;
	font-size:26px;
	text-align:center;
	height:60px;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
	background: #00939d;
	background: -moz-linear-gradient(45deg, #00939d 0%, #007cb0 45%, #0077b4 55%, #4089d0 100%);
	background: -webkit-linear-gradient(45deg, #00939d 0%,#007cb0 45%,#0077b4 55%,#4089d0 100%);
	background: linear-gradient(45deg, #00939d 0%,#007cb0 45%,#0077b4 55%,#4089d0 100%);
	text-decoration:none;
	color:#fff;
	line-height:1.2;
}
.set_pagetop .page_top i {
	/* font-size:36px;
	line-height:60px; */
	color:#fff;
}

/********************************************
	pagetop end
	*********************************************/

/********************************************
	public parts
	*********************************************/
	

/********************************************
	public parts end
	*********************************************/
