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

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP&display=swap);

@font-face{
	font-family:'Noto Serif Japanese';
	font-style:normal;
	font-weight:400;
    /*src:url(../common/font/NotoSerifCJKjp-Regular.woff) format('woff');*/
}
@font-face{
	font-family:'Noto Serif Japanese';
	font-style:normal;
	font-weight:700;
    /*src:url(../common/font/NotoSerifCJKjp-Bold.woff) format('woff');*/
}

body *{
	font-family: "Noto Sans JP", sans-serif;
	font-display:swap;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	color:#333;
}
#wrap{ min-width:1000px; position:relative;}
/* 1024px以下*/
@media screen and (max-width:1024px){
	#wrap{ min-width:100%;}
}

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea { padding-bottom:15px;}
#headerAreaInner { max-width:950px; margin:0 auto;}
h1{ width:350px; float:left;}
#headerNav{ float:right;}
#headerNav li{ float:left;}
#headerNav li img { margin:10px;}

/*----------------------------------------------------------------------------
 ***                                                       Header - Navi
----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea {}
#contentsAreaInner {}


/*----------------------------------------------------------------------------
 ***                                               contentsArea -  mainSection
----------------------------------------------------------------------------*/
.mainSection {}
.mainSectionInner {}

/*----------------------------------------------------------------------------
 ***                                               contentsArea - rightSection
----------------------------------------------------------------------------*/
.rightSection {}
.rightSectionInner {}

/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea { background-color:#01a4cb; width:100%;}
#footerAreaInner { width:920px; margin:0 auto;}
#footerLink{}
#footerBanner{}
#footerCopyright{ }
#footerCopyright p{ text-align:center; color:#FFF;}
#footerLogo{ width:580px; margin:0 auto;}

/*--------------------------------------------------------------------------------
																		pageTop
--------------------------------------------------------------------------------*/
.pageTop {
	position: fixed;
	right: 0.5em;
	bottom: 0.5em;
	z-index: 100;
}

.pageTop a {
	width: 50px;
	height: 50px;
	background-color: #fff;
	border-radius: 50px;
	border: 2px solid #c80b4d;
	position: relative;
	color: #c80b4d;
	font-weight: 500;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	transition: all .3s;
}

.pageTop a:hover {
	background-color: #c80b4d;
	color: #fff;
	text-decoration: none;
}
/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section { }
.sectionInner { }