/* CSS RULES */
* {
	line-height:28px;
	margin:0px;
	padding:0px;
	font-size:18px;

}

html {
	overflow-y:scroll;
	overflow-x:hidden;
    font-family:  "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif!important;
}

body {
	width:100%;
	overflow: hidden;
	padding:0px;
	margin:0px;
	color:#222;
 	background: url(images/slideshow-waveback.jpg)center top no-repeat #fff;
}

/* スペース調整 */

img {
	padding: 0px;
	margin: 0px;
	border:none;
    vertical-align: text-bottom;
}

table {
	padding: 0px;
	margin: 0px;
}
b,strong{
	font-size:110%;
}
p {
	margin: 0px;
	padding:5px;
	text-align:left;
}


a.white-text{
	color:#fff!important;
}
a.white-text:hover{
	color:#aaa!important;

}

#right_contents a[target="_blank"]:after{content:url(images/nw-icon.png);margin:3px;}
#right_contents a.noicon[target="_blank"]:after{content:none!important;}

/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  line-height:0; 
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* 回り込み回避 */
.nofloat{
	clear:both;
}

/* アンカー */

a { text-decoration:none;;} 
a:link { color: #000;font-weight:bolder;} 
a:visited { color: #000;} 
a:hover { color: #333; }
a:active { color: #000; }

a.white {color:white!important;}
a.white :visited { color: white;} 
a.white :hover{color:#eee;}
a.white :active{color:white;}


/* リスト*/
ol li{
	list-style-type: decimal;
	margin:5px 0px 5px 30px;
}

li.sublist{
	font-size:85%!important;
	list-style:none!important;
	padding-left:10px!important;
}
.baselist ul{
	text-align:left;
	margin : 5px 0px 5px 5px;
	padding: 0px 10px 0px 10px;
}

.baselist li {
 	list-style:disc;
	padding: 2px 0px 2px 5px;
	margin : 5px 0px 5px 25px;
}
.baselist dl{
	text-align:left;
	margin-top : 0px;
	padding: 0px 10px 0px 10px;
}

.baselist dt {
 	list-style:none;
 	background:url(images/baselist.gif) no-repeat top left;
	padding: 2px 0px 2px 15px;
}
.baselist dd{
	text-align:left;
	padding:10px;
	margin:10px 0px;
 	background:#fafafa;
	border:1px solid #eee;
}
.thumbnail img{
	border-radius:5px;
	width:100%;
}
/* table */
table.basetable{
	margin:20px auto;
	width:100%;
	border-top:1px dotted #ccc;
}

table{
	margin: 0px 0px 10px 0px;
	text-align:center;
	word-wrap:break-word;
	background:#fff;
}

th {

	background: #eee;
	border-bottom: 1px #cccccc solid;
	text-align:center!important;
	font-weight:bolder!important;
	padding:10px;
	vertical-align:top;
}

td {
	background:#fff;
	border-bottom: 1px #cccccc dotted;
	padding: 10px;
	text-align:left;
}

.tokuten {

	margin:20px auto;
	width:100%;

}
.tokuten th{
	font-size: 80%!important;
	text-align:left!important;

}
.tokuten td{
	text-align:center!important;
	font-weight:bolder!important;
	border-right:#eee solid 1px;
	border-bottom:1px solid #eee;

}

caption{
	text-align:right;
	caption-side: top;
	font-size:95%;
	font-weight:bold;
	color:#333333;

}

.formtable{
	width:100%;
	border:0px!important;
}
.formtable th{
	text-align:left;
	background:#191970;
	vertical-align: middle;
	color:white;
}
.formtable td{
	text-align:left;
	background:#D9E5FF;
}
.formtitle{
	font-size:90%;
	font-weight:bolder;
	color:#fff;
	background:#333!important;
	padding:3px 20px;
	text-align:left!important;
	border-top:10px solid #fff!important;
}

form input{
	border:0px;
	border-radius:5px;
	margin:3px 0px;
	padding:3px;

}

textarea{
	width:90%;
	border:0px;
	border-radius:5px;
	margin:3px 0px;
	padding:10px;

}
.submitbtn{
	width:100%;
	text-align:center;
	margin:30px auto;
}
.submitbtn input{
	width:300px;
	height:50px;
	vertical-align:middle
	padding:30px auto;
	margin:30px auto;
	background:#039;
	color:white;
	font-weight:bolder;
}
.submitbtn input:hover{
	background:#87CEFA;
}
/* 共通デザイン */

/* 見出し 
*/
h1 {
  font-size:160%;
  position: relative;
  color:#2b30a1;
  line-height: 1.4;
  padding:5px 0px;
  margin:0px 0px 30px 0px;
	font-family: "見出ゴMB31", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

h1:before {
  content: '';
  position: absolute;
  left: 0px;
  bottom: -10px;/*線の上下位置*/
  display: inline-block;
  width: 50px;/*線の長さ*/
  height: 2px;/*線の太さ*/
  background-color:#ff4056;
}

h1.r1{
	text-align:center!important;
	font-size:200%!important;
	color:#000!important;
	font-weight:bolder;
	background:none;
	border:0px;
  	padding: 0.5em;
	margin:30px auto;
}
h1.r1:before {
  content: none;
}

h2 {
	padding: 10px 0px!important;
	margin: 20px 0px 20px 0px;
	text-align: left;
	font-size:140%;
 　 color:#aaa!important;
	font-family: "見出ゴMB31", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

h2.r1 {
	text-align:center!important;
	font-size:180%!important;
	color:#000!important;
	font-weight:bolder;
	background:none;
	border:0px;
	margin:10px auto;
	font-family: 'しまなみ', sans-serif!important;
}
h3 {
	font-size:110%!important;
 	color:#2b30a1!important;
	text-align: left;
	margin:20px 0px;
}
h4 {
	clear:both;
	border-left:3px #22497f solid;
	background-repeat: no-repeat;
	padding: 0px 10px 0px 12px;
	margin: 20px 10px;
	text-align: left;
	font-size:95%;
	color:#22497f;
}
h5{

	clear:both;
	padding: 0px;
	margin: 10px;
	text-align: left;
	font-size:100%;
	color:#22497f;
}
h6{

	clear:both;
	padding: 0px 10px 0px 5px;
	margin: 20px 0px;
	text-align: left;
	font-size:95%;
}


/* テキスト・画像調整 */


.whitebox-dot{
	background:#fff;
	border:1px dotted navy;
	padding:5px 10px;
	text-align:left;
    margin:10px auto;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;

	/* box-shadow
	box-shadow:rgba(171, 177, 184, 0.419608) 0px 0px 4px 1px;
	-webkit-box-shadow:rgba(171, 177, 184, 0.419608) 0px 0px 4px 1px;
	-moz-box-shadow:rgba(171, 177, 184, 0.419608) 0px 0px 4px 1px; */

}
.whitebox{
	background:#f1f4fb;
	padding:5px 10px;
	text-align:left;
    margin:10px auto;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;

	/* box-shadow
	box-shadow:rgba(171, 177, 184, 0.419608) 0px 0px 4px 1px;
	-webkit-box-shadow:rgba(171, 177, 184, 0.419608) 0px 0px 4px 1px;
	-moz-box-shadow:rgba(171, 177, 184, 0.419608) 0px 0px 4px 1px; */

}
.loginbox{
	color:#039;
	background:#eee;
	border:1px solid #ccc;
	padding:10px;
	margin-top:30px;
	font-size:90%;
}
.logoutbox{
	background:#f0f8ff;
	border-radius:30px;
	margin-top:20px;
	text-align: center;
}


.whitetext{
	background:#fff;
	border-bottom:1px solid #ccc;
	padding:10px;
}

.small{
	font-size:90%;
}
.mini{
	font-size:80%;
}
.big{
	font-size:180%!important;
}
.margin20{
    margin:20px;
}
.red{
	font-weight:bolder;
	color:crimson;
}
.blue{
	font-weight:bolder;
	color:navy;
}
.gray{
	color:navy;
}
.imgbox{
	text-align:center;
	margin:0px;
	width:100%;
}
.imgbox img{
	border-radius:5px;
	max-width:100%;
	margin:0px auto;
	border:3px solid #eee;
}

.imgboxr{
    float:right;
	text-align:right;
	margin:0px;
	width:100%;
}
.imgboxr img{
	border-radius:5px;
	max-width:100%;
	margin:0px auto;
	border:3px solid #eee;
}

.imgright{
	max-width:90%;
	margin:0px 0px 10px 10px;
	float:right;
	font-size:80%;
	text-align:center;
}
.imgleft{
	max-width:90%;
	margin:0px 10px 10px 0px;
	float:left;
	font-size:80%;
	text-align:center;
}
.left{
	float:left;
	text-align:left;
}
.right{
	text-align:right;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0px 0px 5px 1em;
}
hr.dotbd{
	border:2px dashed #eee;
}

/* 共通デザイン */

.serif p{
  font-family : "游明朝体","Yu Mincho", "YuMincho", serif!important;
}

/* 画像・テキストレイアウト */


.center{
	text-align:center;
}

.article{
	text-align:left;
	padding:10px;
	margin:20px 0px;
 	background:#f1f1f1;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	border-radius:0.8em; 
}


.link{
	clear:both;
	font-weight:bolder;
	text-align:left;
	border-left:1px solid #6ec1ef;
	padding:10px 25px 10px 25px;
	margin:5px 5px;
 	background: #f3f7fd url(images/arrow06.gif) no-repeat center left;
}
a.new{
	background-image:url(images/iconBlank.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 0px 14px 0px 0px;
	margin-right: 4px;
}
a.pdf {
	background-image:url(images/iconPDF.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 0px 14px 0px 0px;
	margin-right: 4px
}
.width100{
	width:100%!important;
}

/* ------------------------------------------------------------    */

#top-header{
	width:100%;
	margin:0px auto;
	padding:0px;
	top:0;
	left:0;
	position:absolute;
	z-index:2;
}
 
#top-header2021{
	width:100%;
	margin:0px auto 20px auto;
	padding:0px;
	z-index:2;
}
#pcheader{
	width:100%;
	margin:0px auto;
	padding:0px;
}

#header_h{
	float:right;
	margin:10px 20px 0px 0px;
	display:inline-block;
}
#headerMenu{
	margin-top:33px;
	margin-right:0px;
	float:right;
}
#headerMenu img{
	width:20px;
	margin-right:5px;
}

#headermsg{
	text-align:left;
	display: inline-block;
	margin:10px 0px 10px 0px;
	vertical-align: top;
	color:navy;
}
#headermsg span{
	font-size:11px;
	line-height: 15px;
}

#headerMenuMb{
	margin:20px auto 50px auto;
	background:#eee;
	padding:10px 15px;
	border-radius:10px;
	width:200px;
}
#headerMenuMb a{
	color:#3f5aa5;
	font-weight:bolder;
}


#headerLogo{
	margin:20px 0px 10px 0px;
	float:left;
}
#headerLogo img{
	width:230px;
}
#header_h img{
	width:126px;
}
/* グローバルメニュー */

.blackback{
	background:rgba(255,255,255,0.8);
	border-radius:10px;

}

#globalMenu{
	width:100%;
	max-width:980px;
	margin:px auto;
    padding:0px auto;
	text-align: center;
	position: relative;
	z-index: 2000;
	background:#039;
	border-radius:30px;
}
#globalMenu ul{
	width:100%;
	display:inline-block;
	text-align: center;
	margin:10px auto;
}

#globalMenu li{
	width:13.9%;
	display:inline-block;
	text-align:center!important;
	list-style:none;
	margin:5px auto;
	font-size: 16px;
}
#globalMenu li#home{
	display:none;
}


#globalMenu li+ li {
  border-left: 1px solid #fff;
}

#globalMenu ul.white li+ li {
  border-left: 1px solid #fff;
}
#globalMenu a{
  text-decoration:none;
  font-family: "見出ゴMB31";
  font-size:100%;
　color:#fff!important;
}
#globalMenu a:visited{
　color:#fff!important;
}
#globalMenu a:hover {
  color:#ccc;
}


#gm{
  list-style-type: none;
}
#gm li{
  position: relative;
  float: left;
  margin: 0 auto;
  padding: 0 auto;
}
#gm li a{
  display: block;
  margin: auto;
  font-weight: bold;
  text-decoration: none;
}
#gm li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin:  0 0 0 10px;
  padding: 10px 0;
  text-align: center;
  width: 180%;
  border-left: 0px!important;
}
#gm li:last-child ul{
  left: -100%;
  width: 100%
}

#gm li ul li{
  overflow: hidden;
  height: 0;
  width: 100%;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  clear:both;
  border: 0px!important;
}

#gm li ul li a{
  padding: 10px 15px;
  text-align: left;
  font-size: 90%;
  font-weight: normal;
  color:#fff;
  clear:both;
  background:rgba(46,49,164,0.9);
  border-top: 1px dotted #fff;
}
#gm li:hover > a{
}
#gm li:hover ul li{
  overflow: visible;
  min-height: 40px;
}
#gm li:hover ul li:first-child{
  border-top: 0;
}
#gm li:hover ul li:last-child{
  border-bottom: 0;
}

/* フッター */
.footerlogo{
	float:left;
	padding:20px 0px;
	border-radius:3px;
	margin:20px 20px 50px 0px;
	width:calc(50% - 40px);
}
.footerlogo img{
	max-width:260px;
}
.footerhuma{
	float:right;
	padding:20px 0px;
	margin:20px 0px 50px 20px;
	width:calc(50% - 40px);
}
.footerhuma img{
	max-width:260px;
}
#footer {
	text-align:center;
	color: #fff;
	margin: -100px auto 0px auto;
	padding: 280px 0px 0px 0px;
	text-align:left;
   width:100%;
}
#footermenu{
	display:block;
	margin: 0px 0px 20px 0px;
}

#footermenu li{
	list-style:none;
   font-size:90%;
}

#footermenu li a{
	font-size: 14px!important;
}
#footer h5{
	color:#fff!important;
	font-weight:bolder;
	font-size:110%;
	position: relative;
	display: block;
	margin-bottom: 1em;
	text-align:left;
	margin:0px 0px 30px 0px;
	font-size: 17px!important;
}

#footer h5:before {
  content: '';
  position: absolute;
  left: 0px;
  bottom: -10px;/*線の上下位置*/
  display: inline-block;
  width: 20px;/*線の長さ*/
  height: 2px;/*線の太さ*/
  background-color:#ff4056;
}

#footer li{
	text-align:left;
}


/*Copyright*/
#footer div.copyright {
	text-align: center;
	color: #FFFFFF;
	margin: 20px auto 0px auto ;
	padding:10px auto ;
	max-width:980px;
	width:100%;
}

/* 共通要素 */

.linkbox:hover{
	cursor:pointer;
}

.wrapper{
	max-width:980px;
	padding:0px;
	margin:0px auto;
	text-align:center;
}


#totop{
	text-align:left;
	clear:both;
	padding:20px 0px 0px 0px;
	margin:0px auto;
	width:900px;
	height:40px;

}



.paging{
	clear:both;
	text-align:center;
	padding:20px 0px;
}

.pagenavi{
	width:100%;
	clear:both;
	margin:20px auto;
	text-align:center;
}

/* ロード */
.loading {
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,1.0);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20000;
}

.loading img {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
}

/* メインイメージ */

#topslider_cont{
	width:980px;
	padding:0px;
	margin:0px auto;
	text-align:center;
	
}
#topmsg{
	margin:30px 0px 0px 0px;
	float:left;
	width:calc(98% - 450px);
	
}

#topslider{
	margin:30px 0px 0px 0px;
	float:right;
	z-index:1;
	width:450px;
	
}
.glide__slides{
	width:450px;
	height:300px!important;

}.glide__slides img{
	width:100%;
	border-radius:20px;
}
#top_topics_back{
	display:block;
	position:absolute;
	top:300px;
	z-index:100;
	left: calc(50% - 440px);
	background: rgba(255,255,255,0.7);
	border-radius:5px;
	max-width:300px;
}

.news{
	width:98%;
	display:block;
	margin:0px auto;
	padding:10px;
}
.news .date{
	display:block;
	font-weight:bolder;
	padding:2px 10px;
	float:left;
	font-size:90%!important;
	color:#888;
}
.news .title{

	text-decoration:underline;
	width:calc(90% - 200);
	display:inline-block;
	clear:both;
	padding:0px 10px;
	margin-bottom:5px;
	float:left;
	font-size:24px!important;
	font-weight:bolder;
	line-height:120%;
}

.news .title a{
	color:black!important;
}
#newslist{
	margin:10px auto;
	padding:5px;
}

#newslist .news{
	margin:10px auto;
}
#top_concept p{
	font-size:150%;
	text-align:center;
}

.readmore{
	float:right;
	margin-right:15px;
	margin-bottom:15px;
	font-weight:bolder;
	border-bottom:1px solid #FF4056;
}
.readmore a{
	color:#FF4056!important;
}
.backnumber{
	float:right;
	font-size:90%;
	text-align:right;
	margin-top:-60px;
	margin-right:4px;
	font-weight:bolder;
	border-bottom:1px solid #FF4056;
}
.backnumber a{
	color:#FF4056!important;
}
.backtoprev{
	background:#eee;
	padding:5px 10px;
	border-radius:35px;
	margin:10px auto;
	display:inline-block;
	float:right;
	text-align:center;
}

.linkbtn{
	width:80%;
	background:#039;
	margin:30px auto;
	padding:15px;
	border-radius:20px;
	text-align:center;
	font-size:150%;
	color:white;
	text-decoration:none!important;
	font-weight:bolder;
}

.linkbtn:hover{
	background:#39a;
}
.linkbtn-sglpg{
	width:60%;
	min-width:300px;
	background:#039;
	margin:10px auto;
	padding:15px;
	border:3px solid #4169e1;
	border-radius:50px;
	text-align:center;
	font-size:130%;
	color:white;
	text-decoration:none!important;
	font-weight:bolder;
}

.linkbtn-sglpg:hover{
	background:#4169e1;
}
#topmain{
	clear:both;
	position:relative;
	margin-top:-20px;
	z-index:10;
}
#topmain2021{
	clear:both;
	position:relative;
	margin-top:-40px;
	z-index:10;
}
#main{
	position:relative;
	margin-top:20px;
}



h2.toph2{
	color:#000;
	font-size:190%;
	line-height: 1.4em;
	margin:0px 0px 50px 0px!important;
}
h2.toph2 span{
	display:block;
	clear:both;
	font-size:12px;
	margin:0px;
}
#toptopics{

}
/* 2カラムレイアウト */
#left_contents{
    width:calc(100% - 340px);
	max-width:684px;
    float:left;
    margin-right:40px;
    padding:0px;
    margin:0px;
}
#right_bnr{
    width:300px;
    float:right;
    margin-top:25px;
    margin-bottom:35px;
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
}
#right_bnr img{
    margin-bottom:5px;
}


#right_contents{
    width:calc(100% - 220px);
	max-width:760px;
	min-height:400px;
	overflow:hidden;
    float:right;
	margin-top:10px;
    margin-left:20px;
    margin-bottom:100px;
    padding:0px;
	text-align:left;
	
	
}
#right_contents p{
	margin:10px 0px;
	display:block;
	font-size:20px;
}
.menutitle{
	width:180px;
	float:left;
	border-radius:5px 5px 0px 0px;
	padding:10px 0px;
	font-weight:bolder;
	text-align:center;
	color:#fff;
	margin:10px 0px;
	background:#1d2088;
}


#left_contents{
	width:180px;
	float:left;
	margin:0px;
}
.leftmenu{
	color:#eee;
}

.menu{
	text-align:left;
	min-height:15px;
}
.leftmenu{
	padding: 0px;
	text-align:left;
	background: rgba(255,255,255,0.5);
}
.leftmenu li {
 	list-style:none;
	padding: 10px 15px;
	border-bottom: 1px dotted #ccc;
}
.leftmenu li a{
 	list-style:none;
	font-size: 16px;
}
.leftmenu li a:hover{
	color:#eee;
	cursor:pointer;
}
.thin li{
	padding: 5px 15px;
}
.sub-menu li{
	margin:5px 0;
}
.sub-menu {

 	list-style:none;
	margin: 0px;
	padding: 0px;
}



/*　サイトマップ*/

#sitemap{
	margin:20px 0px;
	width:680px;
	float:right;
	text-align:left;
	padding:0px 10px;
}

#sitemap li {
 	list-style:none;
 	background:url(images/list.gif) no-repeat top left;
	padding: 5px 0px 5px 25px;
	border-bottom: 1px dotted #aaaaaa;
	
}

/*----------------------------*/

#left_contents .box{
	clear:both;
    width:100%;
    border-radius:10px;
    padding:0px;
    margin:0px 0px 40px 0px;
    
}
#left_contents  .box_border{
    width:calc(100%-40px)!important;
    border:1px solid #ccc;
    padding: 20px; 
    margin:0px 0px 40px 0px;

}

#topcard1{
	font-size:110%;
	font-weight: bold;
	margin:10px auto;

}
#topcard2{
	font-size:200%;
	font-weight: bold;
	margin:25px auto;

}

#top-miru{
	font-size:20px;
	background: seagreen;
	padding:0px auto;
	text-align: center;
	color:white;
	border-top:#fff 5px solid;
	background-size: auto auto;
	background-color: rgba(46, 139, 87, 1);
	background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(50, 152, 95, 1) 5px, rgba(50, 152, 95, 1) 10px );
}
#top-miru:hover{
	background: seagreen;
}
#top-shiru{
	font-size:20px;
	background: crimson;
	padding:0px auto;
	text-align: center;
	color:white;
	border-top:#fff 5px solid;
	background-size: auto auto;
	background-color: rgba(199, 15, 52, 1);
	background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(220, 20, 60, 1) 5px, rgba(220, 20, 60, 1) 10px );
}
#top-shiru:hover{
	background: crimson;
}
#top-sanka{
	background: navy;
	padding:0px auto;
	text-align: center;
	color:white;
	border-top:#fff 5px solid;
	background-size: auto auto;
	background-color: rgba(30, 30, 131, 1);
	background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(25, 25, 112, 1) 5px, rgba(25, 25, 112, 1) 10px );	
}
#top-sanka:hover{
	background: navy;
}
#topcard-arrow {
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #ffffff transparent transparent transparent;
margin:-1px auto 0px auto;
}



 .card2clm{
	margin:0px auto 40px auto;
	width:100%;
}
#topreadmore{
	margin:50px auto;
	display:block;
}
.newsbox{
	border:2px #eee dashed;
	background:rgba(255,255,255,0.8);
	border-radius:10px;
	padding: 0px 5px;
}
.card2clm .card{
	width:calc(33% - 20px);
	margin:0px 10px 20px 10px;
	background:#fff;
	float:left;
	box-shadow: 2px 1px 3px #ccc;
	-webkit-box-shadow: 2px 1px 3px #ccc;
	-moz-box-shadow: 2px 1px 3px #ccc;
	max-height:260px;
	overflow: hidden;
}


.card .imagebox{
  width: 100%;
  position: relative;
  padding-top: 52.5%;
  margin:0px;
}

.imagebox img{
       width: 100%;
       height: 100%;
       position: absolute;
       top: 0;
       left:0;
       object-fit: cover;
}

.card p{
	margin:10px;
	padding:0px 10px;
	display:block;
	min-height:150px;
	font-size: 15px!important;
	text-align: left;
}

#right_contents .card p{
	min-height:90px!important;
}



.card .date{
	color:#888!important;
	font-size:80%;
}

/* メインコンテンツ */

.photobox{
	width:100%;
	clear:both;
	margin:40px auto;
}
.photobox img{
	height:100%;
}
.photobox .lphoto{
	width:calc(50% - 20px);
	float:left;
}
.photobox .rtext{
	width:calc(50% - 20px);
	float:right;
	padding:10px;
	background:#eee;
}
.photobox .rphoto{
	width:calc(50% - 20px);
	float:right;
}
.photobox .ltext{
	width:calc(50% - 20px);
	float:left;
	padding:10px;
	background:#eee;
}


.photobox_c{
	width:100%;
	clear:both;
	margin:40px auto;
}
.photobox_c .box3{
	width:calc(33% - 20px);
	float:left;
	margin:20px 10px;
}
.photobox_c .box3 img{
	border-radius:600px;
	width:100%;
}

#page {
  width: 100%;
  height: 100%;
  margin:0px auto;
  overflow:hidden;
  text-align: center;
  z-index: 0;
  max-width:1200px;
  
}
#singlepage {
  width: 100%;
  height: 100%;
  margin:0px auto;
  overflow:hidden;
  text-align: center;
  z-index: 0;
 max-width: 980px!important;
}
#iv-photo-nor{
	margin:20px;
	float:left;
	width:180px;
}
#iv-photo-nor img{
	border-radius:0px;
	width:180px;
}
#iv-photo{
	margin:20px;
	float:left;
	width:250px;
}
#iv-photo img{
	border-radius:200px;
	max-width:300px;
}

#iv-photos{
	margin:20px;
	float:left;
	width:180px;
}
#iv-photos img{
	border-radius:100px;
	max-width:180px;
}
#iv-photos2{
	margin:20px;
	float:left;
	width:180px;
}
#iv-photos2 img{
	border-radius:20px;
	max-width:180px;
}
#iv-card{
	float:right;
	width:400px;
	margin:20px;
}

#iv-cards{
	float:right;
	width:calc(100% - 260px);
	margin:20px;
}
#iv-photo #voice{
	clear:both;
	margin:20px 0px 10px 0px;
	text-align:center;
	font-size:15px;
	font-weight:bolder;
	color:navy;
}
#iv-photo #name{
	clear:both;
	margin:10px 0px;
	text-align:center;
	font-size:30px;
	font-weight:bolder;
}
#iv-cards #name{
	clear:both;
	margin:10px 0px;
	text-align:left;
	font-size:20px;
	font-weight:bolder;
}
#iv-photo  #com,#iv-card  #com{
	margin:10px 0px;
	text-align:center;
	clear:both;
}

.box16{
	border-radius:5px;
    padding: 0.5em 1em;
    margin: 2em 0;
    background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}

.box16 p {
    margin: 0; 
    padding: 0;
}
.box16r{
	border-radius:5px;
    padding: 0.5em 1em;
    margin: 2em 0;
    background: -webkit-repeating-linear-gradient(-45deg,rgba(255, 233, 232, 0.8), rgba(255, 233, 232, 0.8) 3px,rgba(255, 243, 243, 0.8) 3px, rgba(255, 243, 243, 1) 7px);
    background: repeating-linear-gradient(-45deg, rgba(255, 233, 232, 0.8),rgba(255, 233, 232, 0.8) 3px,rgba(255, 243, 243, 0.8) 3px, rgba(255, 243, 243, 1) 7px);
}

.box16r p {
    margin: 0; 
    padding: 0;
}



.top-shiru-area{
	width:100%;
	height:130px;
	margin:50px auto;
	background:#fff;
	border-radius:10px 10px 10px 10px;
}
.shirubtn-border{
	border-left:4px #fff solid!important;
}
.top-shiru-btn{
	float:left;
	width:16.5%;
	height:100%;
	border-left:1px dotted white;
}
.top-shiru-btn:hover{
	background: #b0c4de;
}

.top-shiru-btn p{
	font-weight: bolder;
	margin:20px auto;
	text-align: center;
	color:white;
	font-size:15px!important;
}
.top-shiru-btn img{
	width:40%;
	margin:-30px auto 0px auto;
}
.shirubtn1 {
	background: crimson;
}
.shirubtn2 {
	background: #FF9100;
}
.shirubtn3 {
	background: seagreen;
}
.shirubtn4 {
	background:midnightblue;
}
.shirubtn5 {
	background:indigo;
}

.seminars-month {
	position: relative;
}
.seminars h3 {
	position: sticky;
	top: 0;
    background:#4169e1;
    color: white;
    padding: 5px 10px;
    margin-bottom: 0;
}
.seminars table {
	width: 100%;
	margin-bottom: 0;
	border: 0;
}
/*
.seminars table th {
	text-align: center;
	white-space: nowrap;
}
*/
.seminars table th.seminar-date {
	width: 35px;
    font-weight: bold;
	text-align: center;
    vertical-align: top;

	background: #e6e6fa;
	border: 0;
    border-top: 2px solid #A59670;
    border-bottom: 1px solid #EDE9E0;
}

.seminars table td.seminar-header-organizer {
	width: 250px;
}
.seminars table td div{
	margin-top:2px;
	text-align:left!important;
}
.seminars table td {
	vertical-align: top;
	border: 0;
    border-bottom: 1px solid #EDE9E0;
}
.seminars table td.seminar-header {
	background:#f0f8ff;
    border-top: 2px solid #A59670;
}
.seminars table .seminar-item,
.seminars table .seminar-item-2,
.seminars table .seminar-item-3,
.seminars table .seminar-item-4 {
	display: inline-block;
	color: #333;
	background:#eee;
	font-size: 0.9em;
	padding: 0 2px;
	margin-right: 2px;
	border-radius: 2px;
	font-weight:bolder;
}
.seminars table .seminar-item-2,
.seminars table .seminar-item-3,
.seminars table .seminar-item-4 {
	float: left;
}
.seminars table .seminar-item-2 + .seminar-content {
	margin-left: 32px;
}
.seminars table .seminar-item-3 + .seminar-content {
	margin-left: 45px;
}
.seminars table .seminar-item-4 + .seminar-content {
	margin-left: 58px;
}
.seminar-content {
	
}
.inlineblock {
	display: inline-block;
	margin-right: 5px;
}

.seminar-title {
	font-weight: bold;
}

.seminars.loading {
	min-height: 32px;
	background: url(images/loading.gif) center center no-repeat;
}
ul.seminars-links {
	margin-bottom: 2em;
}
ul.seminars-links li {
	display: inline-block;
	margin-right: 10px;
}
.regbtn{
	background:#4169e1;
	border-radius:50px;
	width:80%;
	margin:0px auto;
	padding: 20px;
	text-align:center;
	font-size:150%;
	color:white;
	box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2);
}

.regbtn2{
	background:#2e8b57;
	border-radius:50px;
	width:80%;
	margin:0px auto;
	padding:20px;
	text-align:center;
	font-size:150%;
	color:white;
	box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.2);

}
.regbtn:hover, .regbtn2:hover{
	background:#aaa;
}

.seminars .pagebottom {
	margin-top: 0;
	border: 0;
}
.font-super {
	vertical-align: super;
    font-size: 0.6em;
    line-height: 0.6em;
}



.forPC{
	display:block;
}
.forMobile{
	display:none;
}

sup{
    font-size: 0.8em;
    line-height: 0.8em;

}

@media only screen and (max-width: 980px) {
	#topmain{
		/*margin-left:20px;
		margin-right:20px;*/
	}
	#main{
		/*margin-left:20px;
		margin-right:20px;*/
	}
   #top-header{
		margin-left:20px;
		margin-right:20px;
   		width:calc(100% - 40px);
   }
     #top-header2021{
		margin-left:20px;
		margin-right:20px;
   		width:calc(100% - 40px);
   }
   #globalMenu ul li{
   		font-size:90%!important;
   }
   
	#top_topics_back{
		display:none;
	}
.linkbtn{
	font-size:120%;
}


}






@media only screen and (max-width: 980px) {


	body {
		width:100%;
	}
   img{
	 	max-width:100%!important;
 	}
	.forPC{
		display:none;
	}
	.forMobile{
		display:block;
	}
	p{
		clear:both!important;
	}
	.imgright{
		clear:both!important;
		width:100%!important;
		margin:0px!important;
		padding:0px auto;
	}
	
	.imgleft{
		clear:both!important;
		width:100%!important;
		margin:0px!important;
		padding:0px auto;
	}

	#topmain{
		margin-top:30px;
	}
	
	#topmain2021{
		margin-top:30px;
	}
	#main{
		margin-top:0px;
	}
	h2.toph2{
		margin:20px!important;
	}
	.backnumber{
		clear:both;
		margin-top:-30px;
		margin-right:20px;
	}
	#topwave{
	}
   
    #left_contents{
        width:100%!important;
        max-width:100%;
        margin:0px;
        padding:0px;
    }
    #left_contents .box{
        width:100%!important;
    }

    #right_bnr{
        width:100%;
        margin:30px 0px;
        padding:0px;
    }
	.top-shiru-area{
		height:100%;
	}
	.top-shiru-btn{
		width:calc(50% - 2px);
		border-bottom:1px dotted white;
	}
	.top-shiru-btn img{
		margin-top:10px;
	}
	.top-shiru-btn p{
		margin:10px auto;
	}
	.shirubtn2 {
	border-top:5px solid white;
}
	.shirubtn-border{
 		border-left:0px!important;
	}

/*フッター*/

	#footer {
		width:100%;
		clear:both;
		margin-top:0px;
		text-align:center;
	  }

	#footer div.copyright {
		margin: 0px 0px 0px 0px;
	}

	.news .date{
		display:block;
		width:95%;
		margin:0px auto;
		padding:5px 10px;
		font-weight:bolder;
		color:#aaa;
		clear:both;
	}
	.news .title{
		display:block;
		padding:5px 10px;
		clear:both;
		margin:0px auto;
		width:95%;
	}

	#top_news,#top_box{
		width:90%;
		margin-top:0px;
		margin-bottom:0px;
	}
	/* 共通デザイン */
	.wrapper{
		margin:0px auto;
		width:95%;
		text-align:center;
		overflow: hidden;
	}
	.whitebox,.whitebox-dot{
	margin:10px 10px 0px 10px;
	}

	
	#top-miru{
		margin:10px;
	}

	#top-shiru{
		margin:10px;
	}

	#top-sanka{
		margin:10px;
}

	ul.point{
		width:100%;
		clear:both;
	}
	.point li{
		text-align:center;
	}
	.mobilecenter{
		text-align:center;
	}

	.linktocontents{
		width: 250px;
		margin:30px auto 0px auto;
		padding:10px 20px;
		background:#eee;
	}
	.card2clm .card{
		width:calc(100% - 40px);
		margin:30px 20px;
		max-height:500px;
	}
	.card p{
		min-height:10px;
	}
	#top_topics_back{
	   display:none;
	}
	.formtable , .basetable{
	    table-layout: fixed;
    }
	 .basetable{
	    width:90%!important;
    }
	.formtable th,.formtable td, .basetable th,.basetable td{
		width:95%!important;
		clear:both;
		display: block;
	}
	 .basetable td, .basetable th{
		border-bottom:0px;
		text-align:left!important;
	 
	 }
	.formtable input,.formtable textarea{
		max-width:98%!important;
		clear:both;
	}




	.photobox{
		width:100%;
		clear:both;
	 	text-align:left;
	}
	.photobox .lphoto{
		width:100%;
		clear:both;
	}
	.photobox .rtext{
		width:100%;
		clear:both;
		padding:0px;
	}
	.photobox .rphoto{
		width:100%;
		clear:both;
	}
	.photobox .ltext{
		width:100%;
		clear:both;
		padding:0px;
	}
	.photobox p{
		width:90%!important;
		margin:0px auto 20px auto!important;
	}

	.photobox_c{
		text-align:center;
		width:90%;
		padding:0px auto;
	}
	.photobox_c .box3{
		width:100%;
		text-align:center;
		clear:both;
		margin:20px auto;
	}


	h1 {
	  margin-top:25px;
	}
    #pcheader{
    	position:relative;
    	width:100%;

    }
    #headerLogo{
		clear:both;
		margin:10px auto 10px auto;
    	width:100%;
    }
    
	#header_h{
		display:none;
		
	}
	
	#headerLogo img{
		margin:0px auto;
	}
	#header_h img{
		margin:0px auto;
	}

    #headerMenu,#headerTel{
        display: none;
    }

	#topslider{
		margin-left:0px;
		width:100%!important;
		max-width:100%!important;
	}
	

    #globalMenuBack{
 	   display: none!important;
    }
	.leftmenu_bnrarea{
		clear:both;
		width:100%;
		margin: 0px auto;
		text-align:center;
	}

	#footer {
		padding: 150px 0px 0px 0px!important;
	}
	.footerlogo{
		width:100%;
		margin:0px auto;
		text-align:center;
	}
	.footerlogo img{
		width:100%;
		max-width:300px!important;
		display:block;
		margin:0px auto;
	
	}
	.footerhuma{
		width:100%;
		margin:0px auto;
		text-align:center;
	}
	.footerhuma img{
		width:100%;
		max-width:300px!important;
		display:block;
		margin:0px auto;
	
	}

	#footermenu{
		display:none;
	}


	.inquiry_btn1 {
	    background-color: #ae1b1b;
	    -webkit-border-radius: 3px;
	    display: inline-block;
	    text-align: center;
	    text-decoration: none;
		width: 35%;
	    padding: 5px 0;
	    font-size: 18px;
	    font-weight: bold;
	    color:#fff!important;

	}
	.inquiry_btn2 {
	   color:#fff!important;
	    background-color: #333;
	    -webkit-border-radius: 3px;
	    display: inline-block;
	    text-align: center;
	    text-decoration: none;
		width: 55%;
	    padding: 5px 0;
	    font-size: 18px;
	    font-weight: bold;
	}

	    
	.inquiry_btn:link, .inquiry_btn:visited {
	    color: #FFFFFF !important;
	}
	.footer_area_inner span{
		color: #fff;
	}
	#siteBottom{
		margin-bottom: 85px;
	}

	#mainImg img{
		width:100%;
		padding:0px;
		margin:0px;
	}


	#right_contents{
		width:100%!important;
		max-width:100%;
		margin:0px auto!important;
		overflow-x: hidden;
		clear:both;
	}
	.thumbnail{
		text-align:center;
	}
	.thumbnail img{
		max-width:300px;
		margin:10px auto;
		border-radius:5px;
	}
	.menutitle{
		clear:both;
		font-size:80%;
		padding:3px 10px;
		text-align:left;
		margin:30px auto 0px auto!important;
		color:#777;
		background: #fff;
		width:100%;
	}
	.leftmenu{
		width:100%;
		clear:both;
		margin:0px auto!important;
		border-radius:10px;
		background: #eee;
		border:1px dotted #eee;
		padding-bottom:10px;
	}
	
	.leftmenu li {
	 	list-style:none;
		padding: 5px 15px;
		margin:10px 0px 0px 10px;
		border: 1px dotted #003399;
		float:left;
		background:#039;
		border-radius:5px;
	}
	.leftmenu li a{
		font-size:90%;
		color:#fff;
	}

	.loginbox{
		float:left;
		clear:both;
		margin:10px 0 0 10px;
		background: #fff;
	}
	.logoutbox{
		float:right;
		display: inline-block;
		padding:3px 10px;
		margin-right: 20px;
	}


	.box16{
		text-align:center;
		
	}
	.box16r{
		text-align:center;
		
	}
	 #iv-card h3{
		text-align:center;
		
	}
	#iv-photo{
		width:100%;
    	overflow:hidden;
		clear:both!important;
		margin:10px auto!important;
	}
	#iv-photo img{
		max-width:300px!important;
	}
	#iv-photo-nor{
		width:100%;
    	overflow:hidden;
		clear:both!important;
		margin:10px auto!important;
	}
	#iv-photo-nor img{
		max-width:300px!important;
	}
	#iv-card{
		width:100%;
		clear:both!important;
		margin:0px auto!important;
	}

	#iv-photos,#iv-photos2{
		width:100%;
    	overflow:hidden;
		clear:both!important;
		margin:10px auto!important;
	}
	#iv-photos img,#iv-photos2 img{
		max-width:200px!important;
	}
	#iv-cards{
		width:100%;
		clear:both!important;
		margin:0px auto!important;
	}

	#iv-cards #name{
		text-align:center;
	}
	#iv-cards h3{
		text-align:center;
	}
	#iv-cards #voice{
		text-align:left;
	}
	/* ハンバーガーメニューここから */


#gnav-btn {
    color: #fff;
    padding: 10px;
    font-size: 30px;
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 1000;
    background: navy;
    border: solid 1px #fff;
    border-radius: 3px;
  }
  #gnav-input:checked ~ #gnav-content {
    top: 0;
  }
  #gnav-content {
    position: fixed;
    top: -100%;
    left: 0;
    z-index: 100;
    transition: 0.3s;
    width: 100%;
    background: rgb(25,26,112,0.9);
    color:#fff;
    font-weight: bolder;
  }
		.el_humburger {
		  position: fixed;
		  top: 25px;
		  right: 25px;
		  width: 26px;
		  height: auto;
		  padding-top: 1px;
		  box-sizing: border-box;
		  z-index: 10000;
		  transition: all 0.2s ease-in-out;
		  cursor: pointer;
		  pointer-events: auto;
		}


		.el_humburger > span {
		  display: block;
		  width: 100%;
		  margin: 0 auto 6px;
		  height: 3px;
		  background: #000;
		  transition: all 0.2s ease-in-out;
		}
		.el_humburger > span:last-child {
		  margin-bottom: 0;
		}
		.js_humburgerOpen .el_humburger > span {
		  background: #000;
		}

		.js_humburgerOpen .el_humburger > span.top {
		  transform: translateY(9px) rotate(-45deg);
		}

		.js_humburgerOpen .el_humburger > span.middle {
		  opacity: 0;
		}

		.js_humburgerOpen .el_humburger > span.bottom {
		  transform: translateY(-9px) rotate(45deg);
		}

		.el_humburgerButton.el_humburgerButton__close {
		  top: 2%;
		  right: 2%;
		}

		.el_humburgerButton__close > span {
		  display: block;
		  width: 35px;
		  margin: 0 auto;
		  height: 4px;
		  background: #fff;
		}

		.el_humburgerButton__close > span.el_humburgerLineTop {
		  transform: translateY(5px) rotate(-45deg);
		}

		.el_humburgerButton__close > span.el_humburgerLineBottom {
		  transform: translateY(-6px) rotate(45deg);
		}

		/*ナビゲーション*/
		.uq_spNavi {
		  display: none;
		}
		.uq_spNavi.js_appear {
		  position: fixed;
		  top: 0;
		  left: 0;
		  bottom: 0;
		  right: 0;
		  display: block;
		  z-index: 9999;
		}

		.uq_spNavi_screen {
		  position: fixed;
		  top: 0;
		  left: 0;
		  bottom: 0;
		  right: 0;
		  background-color: rgba(255, 255, 255, 0.96);
		  z-index: 0;
		  margin-top: 0px;
		  padding-top: 0px;
		  overflow: auto;
		  -webkit-overflow-scrolling: touch;
		}

		.navigation {
		  padding: 80px 0 0 0;
		  text-align: center;
		}

		.navigation_item {
		  font-ize: 18px;
		  margin-bottom: 20px;
		}

		.navigation_item > a {
		  color: #000!important;
		  text-decoration: none;
		}

		.js_fixed {
			position: fixed;
			width: 100%;
			height: 100%;
		}
	/*ハンバーガーボタン*/

  .humb-menu__title {
    padding: 1.0rem;
  }
  .humb-menu label {
    display: flex;
    justify-content: space-between;
    padding: 0.8rem;
    cursor: pointer;
    border-bottom: 1px dotted #fff;
  }
  .humb-menu input {
    display: none;
  }
  .humb-menu .accshow {
    height: 0;
    overflow: hidden;
  }
  .humb-menu .accshow p {
    padding: 0.5rem 2.0rem;
    color:#f0f8ff;
    font-weight: bolder;
  }
  .humb-menu .cssacc:checked + .accshow {
    height: auto;
  }
} 
}


	 

/*row col*/


.row {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

.row .col {
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0.75rem;
  min-height: 1px;
}

.row .col[class*="push-"], .row .col[class*="pull-"] {
  position: relative;
}

.row .col.s1 {
  width: 8.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s2 {
  width: 16.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s3 {
  width: 25%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s4 {
  width: 33.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s5 {
  width: 41.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s6 {
  width: 50%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s7 {
  width: 58.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s8 {
  width: 66.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s9 {
  width: 75%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s10 {
  width: 83.3333333333%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s11 {
  width: 91.6666666667%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.s12 {
  width: 100%;
  margin-left: auto;
  left: auto;
  right: auto;
}

.row .col.offset-s1 {
  margin-left: 8.3333333333%;
}

.row .col.pull-s1 {
  right: 8.3333333333%;
}

.row .col.push-s1 {
  left: 8.3333333333%;
}

.row .col.offset-s2 {
  margin-left: 16.6666666667%;
}

.row .col.pull-s2 {
  right: 16.6666666667%;
}

.row .col.push-s2 {
  left: 16.6666666667%;
}

.row .col.offset-s3 {
  margin-left: 25%;
}

.row .col.pull-s3 {
  right: 25%;
}

.row .col.push-s3 {
  left: 25%;
}

.row .col.offset-s4 {
  margin-left: 33.3333333333%;
}

.row .col.pull-s4 {
  right: 33.3333333333%;
}

.row .col.push-s4 {
  left: 33.3333333333%;
}

.row .col.offset-s5 {
  margin-left: 41.6666666667%;
}

.row .col.pull-s5 {
  right: 41.6666666667%;
}

.row .col.push-s5 {
  left: 41.6666666667%;
}

.row .col.offset-s6 {
  margin-left: 50%;
}

.row .col.pull-s6 {
  right: 50%;
}

.row .col.push-s6 {
  left: 50%;
}

.row .col.offset-s7 {
  margin-left: 58.3333333333%;
}

.row .col.pull-s7 {
  right: 58.3333333333%;
}

.row .col.push-s7 {
  left: 58.3333333333%;
}

.row .col.offset-s8 {
  margin-left: 66.6666666667%;
}

.row .col.pull-s8 {
  right: 66.6666666667%;
}

.row .col.push-s8 {
  left: 66.6666666667%;
}

.row .col.offset-s9 {
  margin-left: 75%;
}

.row .col.pull-s9 {
  right: 75%;
}

.row .col.push-s9 {
  left: 75%;
}

.row .col.offset-s10 {
  margin-left: 83.3333333333%;
}

.row .col.pull-s10 {
  right: 83.3333333333%;
}

.row .col.push-s10 {
  left: 83.3333333333%;
}

.row .col.offset-s11 {
  margin-left: 91.6666666667%;
}

.row .col.pull-s11 {
  right: 91.6666666667%;
}

.row .col.push-s11 {
  left: 91.6666666667%;
}

.row .col.offset-s12 {
  margin-left: 100%;
}

.row .col.pull-s12 {
  right: 100%;
}

.row .col.push-s12 {
  left: 100%;
}

#support select{
	font-size:130%;
	margin:5px 3px;
	padding:5px;
}
#support form input{
	border:1px solid #aaa!important;
	border-radius:5px;
	margin:5px 0px;
	padding:3px;

}
#support input[type="submit"]{
	float:right;
	text-align:right;
	border:1px solid #aaa!important;
	background:navy!important;
	color:white!important;

}

@media only screen and (min-width:  980px) {

  .row .col.l1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.l12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-l1 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-l1 {
    right: 8.3333333333%;
  }
  .row .col.push-l1 {
    left: 8.3333333333%;
  }
  .row .col.offset-l2 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-l2 {
    right: 16.6666666667%;
  }
  .row .col.push-l2 {
    left: 16.6666666667%;
  }
  .row .col.offset-l3 {
    margin-left: 25%;
  }
  .row .col.pull-l3 {
    right: 25%;
  }
  .row .col.push-l3 {
    left: 25%;
  }
  .row .col.offset-l4 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-l4 {
    right: 33.3333333333%;
  }
  .row .col.push-l4 {
    left: 33.3333333333%;
  }
  .row .col.offset-l5 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-l5 {
    right: 41.6666666667%;
  }
  .row .col.push-l5 {
    left: 41.6666666667%;
  }
  .row .col.offset-l6 {
    margin-left: 50%;
  }
  .row .col.pull-l6 {
    right: 50%;
  }
  .row .col.push-l6 {
    left: 50%;
  }
  .row .col.offset-l7 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-l7 {
    right: 58.3333333333%;
  }
  .row .col.push-l7 {
    left: 58.3333333333%;
  }
  .row .col.offset-l8 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-l8 {
    right: 66.6666666667%;
  }
  .row .col.push-l8 {
    left: 66.6666666667%;
  }
  .row .col.offset-l9 {
    margin-left: 75%;
  }
  .row .col.pull-l9 {
    right: 75%;
  }
  .row .col.push-l9 {
    left: 75%;
  }
  .row .col.offset-l10 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-l10 {
    right: 83.3333333333%;
  }
  .row .col.push-l10 {
    left: 83.3333333333%;
  }
  .row .col.offset-l11 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-l11 {
    right: 91.6666666667%;
  }
  .row .col.push-l11 {
    left: 91.6666666667%;
  }
  .row .col.offset-l12 {
    margin-left: 100%;
  }
  .row .col.pull-l12 {
    right: 100%;
  }
  .row .col.push-l12 {
    left: 100%;
  }
}

@media only screen and (min-width: 1201px) {
  .row .col.xl1 {
    width: 8.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl2 {
    width: 16.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl3 {
    width: 25%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl4 {
    width: 33.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl5 {
    width: 41.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl6 {
    width: 50%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl7 {
    width: 58.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl8 {
    width: 66.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl9 {
    width: 75%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl10 {
    width: 83.3333333333%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl11 {
    width: 91.6666666667%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.xl12 {
    width: 100%;
    margin-left: auto;
    left: auto;
    right: auto;
  }
  .row .col.offset-xl1 {
    margin-left: 8.3333333333%;
  }
  .row .col.pull-xl1 {
    right: 8.3333333333%;
  }
  .row .col.push-xl1 {
    left: 8.3333333333%;
  }
  .row .col.offset-xl2 {
    margin-left: 16.6666666667%;
  }
  .row .col.pull-xl2 {
    right: 16.6666666667%;
  }
  .row .col.push-xl2 {
    left: 16.6666666667%;
  }
  .row .col.offset-xl3 {
    margin-left: 25%;
  }
  .row .col.pull-xl3 {
    right: 25%;
  }
  .row .col.push-xl3 {
    left: 25%;
  }
  .row .col.offset-xl4 {
    margin-left: 33.3333333333%;
  }
  .row .col.pull-xl4 {
    right: 33.3333333333%;
  }
  .row .col.push-xl4 {
    left: 33.3333333333%;
  }
  .row .col.offset-xl5 {
    margin-left: 41.6666666667%;
  }
  .row .col.pull-xl5 {
    right: 41.6666666667%;
  }
  .row .col.push-xl5 {
    left: 41.6666666667%;
  }
  .row .col.offset-xl6 {
    margin-left: 50%;
  }
  .row .col.pull-xl6 {
    right: 50%;
  }
  .row .col.push-xl6 {
    left: 50%;
  }
  .row .col.offset-xl7 {
    margin-left: 58.3333333333%;
  }
  .row .col.pull-xl7 {
    right: 58.3333333333%;
  }
  .row .col.push-xl7 {
    left: 58.3333333333%;
  }
  .row .col.offset-xl8 {
    margin-left: 66.6666666667%;
  }
  .row .col.pull-xl8 {
    right: 66.6666666667%;
  }
  .row .col.push-xl8 {
    left: 66.6666666667%;
  }
  .row .col.offset-xl9 {
    margin-left: 75%;
  }
  .row .col.pull-xl9 {
    right: 75%;
  }
  .row .col.push-xl9 {
    left: 75%;
  }
  .row .col.offset-xl10 {
    margin-left: 83.3333333333%;
  }
  .row .col.pull-xl10 {
    right: 83.3333333333%;
  }
  .row .col.push-xl10 {
    left: 83.3333333333%;
  }
  .row .col.offset-xl11 {
    margin-left: 91.6666666667%;
  }
  .row .col.pull-xl11 {
    right: 91.6666666667%;
  }
  .row .col.push-xl11 {
    left: 91.6666666667%;
  }
  .row .col.offset-xl12 {
    margin-left: 100%;
  }
  .row .col.pull-xl12 {
    right: 100%;
  }
  .row .col.push-xl12 {
    left: 100%;
  }
}

/* Media Queries ------------------------------------------------------------------------------------------------*/
body {
}
.m30{
	margin-top:30px!important;
}
/*===== Vertical Timeline =====*/
#conference-timeline {
  position: relative;
  max-width: 920px;
  width: calc(100%-40px);
  margin: 30px auto;
  padding: 20px;
  border-radius:10px;
}
#conference-timeline .timeline-start,
#conference-timeline .timeline-end {
  display: table;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  background: #00b0bd;
  padding: 15px 23px;
  color: #fff;
  max-width: 5%;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
#conference-timeline .conference-center-line {
  position: absolute;
  width: 3px;
  height: 100%;
  top: 0;
  left: 50%;
  margin-left: -2px;
  background: #00b0bd;
  z-index: 0;
}
#conference-timeline .conference-timeline-content {
  padding-top: 67px;
  padding-bottom: 67px;
}
.timeline-article {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  margin: 20px 0;
}
.timeline-article .content-left-container,
.timeline-article .content-right-container {
  max-width: 38%;
  width: 100%;
}
.timeline-article .timeline-author {
  display: block;
  font-weight: 400;
  font-size: 11px;
  line-height: 24px;
  color: #242424;
  text-align: right;
}
.timeline-article .content-left,
.timeline-article .content-right {
  position: relative;
  width: auto;
  background-color: #eee;
  box-shadow: 0 1px 3px rgba(0,0,0,.03);
  padding: 27px 25px;
}
.timeline-article p {
  margin: 0 0 0 60px;
  padding: 0;
  font-weight: 400;
  color: #242424;
  font-size: 14px;
  line-height: 24px;
  position: relative;
}
.timeline-article h2 {
  font-size:100%;
  font-weight:bold;
  color: #00b0bd;
  border:0px;
  margin:0px;
  padding:0px!important;
}
.timeline-article h3 {
  font-size:130%;
  font-weight:bold;
  color: #000;
  margin:0px 0px 20px 0px;
  padding:0px;
  background-color: transparent;
}
.timeline-article .content-left-container {
  float: left;
}
.timeline-article .content-right-container {
  float: right;
}
.timeline-article .content-left:before,
.timeline-article .content-right:before{
  position: absolute;
  top: 20px;
  font-size: 23px;
  font-family: "FontAwesome";
  color: #eee;
}
.timeline-article .content-left:before {
  content: "\f0da";
  right: -8px;
}
.timeline-article .content-right:before {
  content: "\f0d9";
  left: -8px;
}
.timeline-article .meta-date {
  position: absolute;
  top: 0;
  left: 50%;
  width: 62px;
  height: 62px;
  margin-left: -31px;
  color: #fff;
  border-radius: 100%;
  background: #00b0bd;
  z-index: 1;
}
.timeline-article .meta-date .date,
.timeline-article .meta-date .month {
  display: block;
  text-align: center;
  font-weight: 900;
}
.timeline-article .meta-date .date {
  font-size: 20px;
  line-height: 40px;
}
.timeline-article .meta-date .month {
  font-size: 18px;
  line-height: 10px;
}
/*===== // Vertical Timeline =====*/

/*===== Resonsive Vertical Timeline =====*/
@media only screen and (max-width: 830px) {
  #conference-timeline .timeline-start,
  #conference-timeline .timeline-end {
    margin: 0;
  }
  #conference-timeline .conference-center-line {
    margin-left: 0;
    left: 50px;
  }
  .timeline-article .meta-date {
    margin-left: 0;
    left: 0px;
  }
  .timeline-article .content-left-container,
  .timeline-article .content-right-container {
    max-width: 100%;
    width: auto;
    float: none;
    margin-left: 110px;
    min-height: 53px;
  }
  .timeline-article .content-left-container {
    margin-bottom: 20px;
  }
  .timeline-article .content-left,
  .timeline-article .content-right {
    padding: 10px 25px;
    min-height: 65px;
  }
  .timeline-article .content-left:before {
    content: "\f0d9";
    right: auto;
    left: -8px;
  }
  .timeline-article .content-right:before {
    display: none;
  }
}
@media only screen and (max-width: 400px) {
  .timeline-article p {
    margin: 0;
  }
  .timeline-article p span.article-number {
    display: none;
  }
  
}
/*===== // Resonsive Vertical Timeline =====*/

/*641px～PC　PC上では見えないようにする*/
@media screen and (min-width:840px){
	.footer_area{
		display: none;
}	
}
 
/*スマホ～641pxの幅サイズまで*/
@media screen and (max-width:840px){
.footer_area {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba( 0, 0, 0, 0.6 );
	z-index: 10000;
}
.footer_area .footer_area_inner1 {
    position: relative;
    width: 47%;
    margin: 0px auto;
    float:left;
    padding: 10px 0;
	margin-left: 10px;
}
.footer_area .footer_area_inner2 {
    position: relative;
    width: 47%;
    float:right;
    margin: 0px auto;
    padding: 10px 0;
	margin-right: 10px;
}
.footer_area .footer_area_inner1 .footer_area_inner2 .footer_area_inner_btn {
    width: 100%;
    padding: 11px 0;
    font-size: 20px;
    font-weight: bold;
    margin-left: 15px;
	line-height: 1.3;
    
}
.inquiry_btn {
    background-color: #068BF1;
    -webkit-border-radius: 3px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
	width: 100%;
    padding: 5px 0;
    font-size: 18px;
    font-weight: bold;
}
.footer_area_inner1 .inquiry_btn {
    background-color: crimson;
}
.inquiry_btn:link, .inquiry_btn:visited {
    color: #FFFFFF !important;
}
.footer_area_inner span{
	color: #fff;
}
#siteBottom{
	margin-bottom: 85px;
}
}