@charset "utf-8";
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset,figure {
	margin: 0;
	padding: 0;
}

h1{background-color:#364254; color:#FFFFFF; margin:12px auto; text-align:center;}
h2, h3, h4{margin:6px auto;}

h2{background-color:#EFEFEF; text-align:center; padding:24px 0;}
h3{ border-bottom:1px dashed #CCCCCC; padding:6px;}

body{font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif;}
table{border-collapse:collapse; border:0px;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
img{border:0; max-width:100%;}

.T40{margin-top:40px;}
.T80{margin-top:80px;}
.T120{margin-top:120px;}


/*****************/
/*上にもどる*/
/*------------------------------------------*/
/***************/
#pagetop{margin:0; padding:0; line-height:0;}
.page-top {
  position: fixed; z-index: 100;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  right: -80px;
  bottom: calc(5% - 14px);
  color: #fff;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  border: 0;
  background: #333333;
  transition: .2s;
  letter-spacing: 3px;
  font-weight: bold;
  border-radius: 10px 0 0 10px;
}

.page-top i{
  position: absolute;
  font-size:17px;
  color: #FFF;
  top:6px;
  font-weight:bold;
}

.page-top p{
  margin: 0;
  font-size: 10px;
  bottom:8px;
  position: absolute;
}

button.is-active {
  opacity: 1;
  visibility: visible;
}

button.is-active {
  right: -2px;
}

.fa-arrow-up-long::before {
content: '\f176';
font-family: 'Font Awesome 6 Free';
font-weight: 900;
padding: 0;

}

#Contents{width:1200px; margin:0 auto;}

/***ナビ　パンくずリスト*************/

div#Navi{margin:19px 0 0; padding:4px 0; clear:both; padding-top:155px; display:block;}
div#Navi div{width:1200px; margin:0 auto; border-bottom:none;}
div#Navi a{color:#1D2087;}
div#Navi li.home{background:none; padding-left:6px; margin-left:0;}
div#Navi:after{display:block; content:""; clear:both;}

div#Navi ul{
    display: flex; color:#1D2087;
    gap: 0 10px;
    list-style: none;
    padding: 0;
    font-size: .9em;
}

div#Navi ul li{
    display: flex;
    align-items: center;
}

div#Navi ul li:not(:last-child)::after {
    display: inline-block;
    width: .3em;
    height: .6em;
    margin-left: 12px;
    background-color: #1D2087;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    content: '';
}

div#Navi ul a {
    text-decoration: none;
}

@media screen and (max-width:1218px) {
div#Navi div{width:98%;}
}
@media screen and (max-width:900px) {
div#Navi{padding-top:0; margin:6px 0 0; display:block;}
}
@media screen and (max-width:480px) {
div#Navi li{display:inline;}
div#Navi li.home{padding-left:0;}
}


/*タイトル*/
.titles{margin: 0 auto; width:1200px;}
h1#title_data img{object-fit:cover;}
.title_pc{display:block;}
.title_sp{display:none;}
@media screen and (max-width:1218px) {
.titles{width:100%;}
h1#title_data img{object-position: center;}
}
@media screen and (max-width:960px) {
.title_pc{display:none;}
.title_sp{display:block;}
h1#title_data img{height:auto; object-fit: contain;}
}


/*YouTube埋め込み*/
/**************************************/
/*動画**/
div.movie{ width:80%; margin:12px auto;}
.video-container {
	position: relative;
	padding-bottom: 54%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media screen and (max-width:560px) {
div.movie{ width:94%;}
}
/**************************************/


#Footer{text-align:center; font-size:0.8em; margin-top:80px; padding:8px 0; border-top:1px solid #333333;}

@media screen and (max-width:1218px) {
#Contents{width:98%; margin:0 auto;}
}

@media screen and (max-width:900px) {
div#Footer p.copy{padding-bottom:280px;}
.page-top {bottom: calc(22% - 10px);}
}

@media screen and (max-width:620px) {
h1 span{display:block;}
h2 span{display:block;}
}