#headbase
{
	position: relative;
	width: 100%;
	height: 524px;
	margin: 0px 0px 0px 0px;
	/*overflow: hidden;*/
}


#headbox
{
	position: relative;
	width: 1024px;
	height: calc( 100% - 2px );
	margin: 0px auto 0px auto;
	padding-top: 1px;
	padding-bottom: 1px;
}


#bghead
{
	position: absolute;
	left: -2048px;
	top: 0px;
	right: -2048px;
	margin: auto;
	width: 1800px;
	height: 524px;
}


#headobi
{
	position: relative;
	width: 1024px;
	height: 140px;
	margin: 0px auto 0px auto;
}


#subheadlogo
{
	left: 90px;
	top: 28px;
	margin: auto;
}


#headnavi
{
	display: block;
	position: absolute;
	/*left: 540px;*/
	top: 42px;
	right: 55px;
	width: 540px;
	height: 13px;
	margin: 0px;
	padding: 0px;
	list-style: none;
	clear: both;
	text-align: right;
	font-family: 'Noto Sans JP', sans-serif;
}


#headnavi li
{
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


.navi
{
	display: block;
	position: relative;
	height: 13px;
	line-height: 13px;
	padding: 0px;
    font-size: 12px;
	font-weight: 400;
	margin-left: 16px;
	text-decoration: none;
	color: #54B784;
	float: left;
    transition-duration: 150ms;
}


.navi:hover
{
	opacity: 0.7;
}





#submenubox li a
{
	display: block;
	position: relative;
	width: 137px;
	height: 50px;
	text-decoration: none;
	overflow: hidden;
	float: left;
}


#submenubox li a p
{
	display: block;
	position: relative;
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
	color: #A08B73;
	text-align: center;
	font-feature-settings: 'palt';
	transition-duration: 150ms;
}


#submenubox li a .mj
{
	height: 18px;
	margin: 8px auto 0px auto;
	font-size: 16px;
	line-height: 18px;
    letter-spacing: -0.05em;
}


#submanubox li a .me
{
	height: 11px;
	margin: 6px auto 0px auto;
	font-size: 11px;
	line-height: 11px;
	text-align: center;
	letter-spacing: -0.025em;
}


#headcont
{
	display: block;
	position: relative;
	width: 1024px;
	height: 780px;
	margin: 0px auto 0px auto;
}


#pt01
{
	top: 72px;
    left: 90px;
    width: 600px;
	height: 70px;
    display: block;
	position: relative;
	font-family: 'Noto Serif JP', serif;
	font-size: 70px;
	font-weight: 100;
	line-height: 76px;
	color: #ffffff;
	letter-spacing: -0.05em;
	font-feature-settings: 'palt';
}


#pt01 span
{
	margin-left: 40px;
    font-family: 'Noto Serif JP', serif;
	font-size: 44px;
	font-weight: 100;
	line-height: 76px;
	color: #ffffff;
	letter-spacing: -0.05em;
	font-feature-settings: 'palt';
}


.catchcom
{
	display: block;
	position: relative;
	margin: 16px auto 0px auto;
	text-align: center;
	font-family: 'Noto Serif JP', serif;
	font-size: 30px;
	font-weight: 100;
	line-height: 52px;
	color: #2f73a3;
	letter-spacing: 0.025em;
	font-feature-settings: 'palt';
	text-shadow: 0px 0px 10px #ffffff;
}


#catchcom01_01
{
	top: 108px;
    width: 960px;
	height: 20px;
}


#midbase01
{
	height: auto;
	background-image:
      linear-gradient( to bottom, rgba( 240, 250, 255, 0.7 ), rgba( 255, 255, 255, 0.7 ) ),
      -webkit-linear-gradient( top, rgba( 240, 250, 255, 0.7 ), rgba( 255, 255, 255, 0.7 ) ),
      url( '../images/common/bg_splash.jpg' );
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-position: center top, center top, center bottom;
    background-size: 3072px 163px, 3072px 163px, auto auto;
}


.annotation
{
    width: 700px;
    font-size: 11px;
    font-weight: 100px;
    line-height: 17px;
    color: #000000;
    text-align: justify;
}


.annotation span
{
    color: #C0272D;
}


.rtbtn
{
    display: block;
    position: relative;
    width: 61px;
    height: 61px;
    border-radius: 50%;
    background-color: #8BD9DC;
    margin: 22px auto 115px auto;
    text-indent: 105%;
	line-height: 60px;
    overflow: hidden;
}


.rtbtn::after
{
	content: '';
    display: block;
    position: absolute;
    left: 20px;
    top: 24px;
    right: 0px;
    bottom: 0px;
    width: 20px;
    height: 20px;
    border-left: solid 2px #ffffff;
    border-top: solid 2px #ffffff;
    transform: rotate( 45deg );
	-webkit-transform: rotate( 45deg );
}