/* CSS Document */

/* main */

body { 
	margin: 0 auto;
	padding: 0;
	line-height: 2em;
	font-family: Mugenplus-1cp-R, Verdana, メイリオ, Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3";
	font-size:16px;
}


.header { width:100vw; height: 130px; background-image:url(../img/JUheader2.png);background-position: center center; }

#gl_menu {
	background-color:#D6E0FA; width:96%; text-align: center; height:40px; padding-top:10px; font-size:20px; margin: auto; margin-bottom: 50px; border:thin solid #5A62D4;
}

#gl_menu_con {
	text-align:center;
	width:100vw;
	height:58px; 
	padding-top: 2px;
	background-color: white; 
}

.txt1 {font-weight: bold; font-size:18px;}
.txt2 {font-weight: bold; font-size:18px; color: #5a63d4;}
.txt3 {font-weight: bold; font-size:24px; color: #5a63d4; line-height: 40px;}
.txt4 {font-weight: bold; font-size:24px;}
.txt5 {font-size:14px; color:#7A7A7A}
.txt6 {font-size:21px; font-weight: bold; color:#5963D5; line-height: 60px;}

.catch {font-size:12px; line-height: 12px;}

.advL {float:left; margin-right: 35px; margin-bottom: 30px; width:240px; height:350px; background-color: #D5E0FB;}

.advS {float:left; margin-right: 20px; margin-bottom: 20px; width:200px; height:300px; background-color: #D5E0FB;}


.tc { text-align: center;}
.fl { float:left; }
.fr { float:right; }
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt40 { margin-top: 40px;}
.mt80 { margin-top: 80px;}
.mr15 { margin-right: 15px;}
.mr20 { margin-right: 20px;}
.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb40 { margin-bottom: 40px;}
.pb10 { padding-bottom: 10px;}
.mt120 { margin-top: -124px;}
.clb { clear: both;}

.big { font-weight: bold; font-size:24px;}

img { border:0; }


.JU_txt {max-width:1000px; font-size:21px; margin:30px auto 80px auto; padding:0 30px 0 30px ; text-align: left; line-height: 36px; color:#444444}

.min { font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
 }
ul { list-style: none; }


.loop_wrap {
  display: flex;
  width: 100vw;
  height: 164px;
  overflow: hidden;
}

.loop_wrap img {
  width: auto;
  height: 100%;
}

@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}

.loop_wrap img:first-child {
  animation: loop 100s -50s linear infinite;
}

.loop_wrap img:last-child {
  animation: loop2 100s linear infinite;
}

#page-top{
position:fixed;
right:50px;
bottom:50px;
transition:1s;
opacity:0.4;
}
#page-top:hover{
opacity:1;
}



.iframe-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* アスペクト比16:9の場合 */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 0rem; /* YouTubeの下に余白をつける */
}
.iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



a { word-break: break-all; }

a:link,
a:visited {
	text-decoration:none;
	font-weight: bold;
	font-size: inherit;
	color:#5a63d4;
	}
a:hover {
	text-decoration: underline;
	font-weight: bold;
	font-size: inherit;
	color: #cda2bb;
	}
a:active {
	text-decoration: none;
	font-weight: bold;
	font-size: inherit;
	text-decoration: none;
	color: #ae8dbf;
	}
img {
	border:0;
	max-width: 100%;
}

h2 {
	font-size: 35px;
	width: 700px;
	margin: 30px auto 50px;
	text-align: center;
	font-weight: normal;
	color: #666;
	border-bottom: 1px dotted #aaa;
	line-height: 1.5em;
font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
h3 {
	font-size:21px;
	font-weight: bold;
	line-height: 1.5em;
	color: #666;
	border: 10px solid;
	border-width: 0 0 1px 10px;
}
.clear {clear:both;}
.little {
	font-size: 75%;
}
.gray {
	color: #999;
}

.flame {width:1000px; margin:auto; text-align:center; background-color:#FFFFFF;}


nav {
	margin: 0 auto;
}
nav ul {
	margin: 0 0 0 115px;
	width: 690px;
	text-align: center;
}
nav ul li {
	display: inline-block;
	height: 63px;
	padding: 0;
	margin: 0 auto;
}
nav ul li.this {
	height: 47px;
	padding: 16px 20px 0;
	font-weight: bold;
	color:#fff;
	background: #7d90a2;
}
nav ul li a {
	display: block;
	height: 47px;
	padding: 16px 20px 0;
	-webkit-transition: .3s;
	transition: .3s;
}
nav ul li a:hover {
	color: #739abb;
	background: #cfdae4
}


footer {
	color: #999;
	font-size: 60%;
	line-height: 1.4em;
	margin: 50px auto 0;;
	padding: 50px 0;
}

.red {
	color:red;
}