@charset "Shift-JIS";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

html {
	line-height: 150%;
}

a {
	color: inherit;
	text-decoration: inherit;
}

a:hover {
	color:#00DDFF;
}

html {
	color:#000;
	background-color:#fff;
	font-family: system-ui, -apple-system, Yu Gothic UI, Meiryo UI;
	font-size: 13px;
}

#header {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:72px;
	background-color:#0D315E;

	z-index:7;
}

#menu {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:102px;
	background-color:#68B6D7;

	z-index:6;
}

#main {
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#ffffff;
	margin: 0;
    padding: 0;

	z-index:4;
}

#headline {
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#eeeeee;
	margin: 0;
    padding: 0;

	z-index:4;
}

#contents {
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#ffffff;
	margin: 0;
    padding: 0;

	z-index:4;
}

#footer {
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#CAEEF7;
	margin: 0;
    padding: 0;

	z-index:4;
}

#footer2 {
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#68B6D7;
	margin: 0;
    padding: 0;

	z-index:4;
}

#footer3 {
	top:0;
	left:0;
	width:100%;
	height:40px;
	background-color:#0D315E;
	color: #ffffff;
	margin: 0;
    padding: 0;
	font-size: 11px;

	z-index:4;
}

#wrapper {
	width: 100%;
	max-width: 1024px;
    display: flex;
    align-items: center;
}

#wrapper_menu {
	width: 100%;
	max-width: 1024px;
    align-items: center;
    vertical-align: top;
	background-color:#68B6D7;
	bottom: 0;
}

#wrapper_main {
	width: 100%;
	max-width: 100%;
    align-items: center;
}

#wrapper_headline {
	width: 100%;
	max-width: 1024px;
}

#wrapper_contents {
	width: 100%;
	max-width: 1024px;
}

#wrapper_footer {
	width: 100%;
	max-width: 1024px;
    align-items: center;
	bottom: 0;
}

#returntotop {
	width: 100%;
	max-width: 100%;
	height: 30px;
	line-height:30px;

    align-items: center;
	color: #000000;
	background-color:#CAEEF7;
}

#footer_factor {
	display: inline-block;
	width: 210px;
	vertical-align: top;
	text-align: center;
}

#smartlink {
	width: 100%;
	max-width: 100%;
    align-items: center;
	vertical-align: top;
    display: flex;
}

#smartlink_body {
	width: 100%;
	max-width: 1024px;
}

#menu_body {
    align-items: center;
	vertical-align: top;
    display: flex;
	border: 4px solid #00ff00;
}

.menu_hover1 {
    height: 30px;
    transition: height 1s;
    vertical-align: top;
    overflow: hidden;
	border: 4px solid #0000ff;
}

.menu_hover2 {
    height: 30px;
    transition: height 1s;
    vertical-align: top;
    overflow: hidden;
	border: 4px solid #0000ff;
}

.menu_hover3 {
    height: 30px;
    transition: height 1s;
    vertical-align: top;
    overflow: hidden;
	border: 4px solid #0000ff;
}

.menu_hover4 {
    height: 30px;
    transition: height 1s;
    overflow: hidden;
    vertical-align: top;
	border: 4px solid #0000ff;
}

.menu_hover1:hover {
}

.menu_hover2:hover {
	height: 148px;
}

.menu_hover3:hover {
  height: 108px;
}

.menu_hover4:hover {
}

.menu_pulldown {
	color: #ffffff;
	background-color:#79C9E9;
    vertical-align: top;
}

#header_mergine {
	height: 72px;
}

#contents_mergine {
	height: 8px;
}

#contents_mergine_content {
	height: 24px;
}

#menu_mergine {
	height: 82px;
}

#top_contents {
	width: 100%;
	max-width: 100%;
    align-items: center;
	vertical-align: top;
    display: flex;
}

#top_contents_factor {
	display: inline-block;
	width: 500px;
	vertical-align: top;
	text-align: left;
}

#top_contents_factor_s {
	margin: 0px 0px 0px 0px;
}

nav {
  margin-left: auto;
}

.mm {
}

.otoiawase {
	color: #ffffff;
    display: inline-block;
}

.button {
	color: #ffffff;
	display: inline-block;
	width: 256px;
	height: 30px;
	text-align: center;
	text-decoration: none;
	line-height: 30px;
	outline: none;
}

.button:hover {
	background-color: #0D315E;
	transition: all 1s ease-out;
}

.slideBox1 {
	height: 400px;
	overflow: hidden;
	position: relative;
	display: block !important;
}

.slideBox1 .Link{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block !important;
}

.item1 {
	opacity: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-animation: anime 40s 0s infinite;
	animation: anime 40s 0s infinite;
	display: block !important;
}

.item1:nth-of-type(2) {
	-webkit-animation-delay: 10s;
	animation-delay: 10s;
}

.item1:nth-of-type(3) {
	-webkit-animation-delay: 20s;
	animation-delay: 20s;
}

.item1:nth-of-type(4) {
	-webkit-animation-delay: 30s;
	animation-delay: 30s;
}

.item1:nth-of-type(5) {
	-webkit-animation-delay: 40s;
	animation-delay: 40s;
}

.slideBox2 {
	height: 235px;
	overflow: hidden;
	position: relative;
	display: none !important;
}

.slideBox2 .Link{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none !important;
}

.item2 {
	opacity: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-animation: anime 40s 0s infinite;
	animation: anime 40s 0s infinite;
	display: none !important;
}

.item2:nth-of-type(2) {
	-webkit-animation-delay: 10s;
	animation-delay: 10s;
}

.item2:nth-of-type(3) {
	-webkit-animation-delay: 20s;
	animation-delay: 20s;
}

.item2:nth-of-type(4) {
	-webkit-animation-delay: 30s;
	animation-delay: 30s;
}

.item2:nth-of-type(5) {
	-webkit-animation-delay: 40s;
	animation-delay: 40s;
}

@media only screen and (max-width: 750px) {
    .item1 { display: none !important; }
    .item2 { display: block !important; }
    .slideBox1 { display: none !important; }
    .slideBox2 { display: block !important; }
}

@keyframes anime {
	0% {
		opacity: 0;
	}
	12% {
		opacity: 1;
	}
	25% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes anime {
	0% {
		opacity: 0;
	}
	12% {
		opacity: 1;
	}
	25% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

dl {
	font-size: 13px;
}

dt{
	float: left;
}

dd{
	margin-left: 128px;
}

.more {
	color: #000000;
	background-color: #dddddd;
	display: inline-block;
	width: 100%;
	height: 30px;
	text-align: center;
	text-decoration: none;
	vertical-align: top;
	border-radius: 16px 16px 16px 16px;
	color: #000000;
	line-height: 30px;
	border: 4px solid #eeeeee;
}

h1 {
	font-size: 32px;
	line-height: 36px;
}

h2 {
	font-size: 16px;
}

blockquote {
	margin: 8px 8px 8px 8px;
}



.pc { display: block !important; }
.sp { display: none !important; }
 
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}



.gnav {
    display: flex;
    height: 30px;
    margin: 0 auto;
    width: 100%
    max-width: 1024px;
}
.gnav > li {
    width: 25%;
}
.gnav li {
    list-style: none;
    position: relative;
}
.gnav li a {
    background: #68B6D7;
    border-right: 0px solid #eee;
    color: #fff;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    width: 100%;
}

.gnav li li {
    height: 0;
    overflow: hidden;
    transition: 1s;
}
.gnav li li a {
    border-top: 0px solid #eee;
    text-align: left;
}
.gnav li:hover > ul > li {
    height: 30px;
    overflow: visible;
}

.gnav li:hover a {
    background: #0D315E;
}
.gnav li li a {
    background: #0D315E;
}
.gnav li li:hover a {
    background: #68B6D7;
}