@charset "utf-8";

/* body font
_____________________________________________________________________ */
body,h1, h2, h3, h4, h5, h6, p, label, .btn, a{
    font-family: Avenir , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto ,"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    font-weight: 500;
    line-height: 1.8;
    color: #333;
	
}
@media screen and (max-width:575px) { 
	body{
	font-size:12px;	
	}
	h2{
	font-size:30px !important;	
	}
}



/* font
_____________________________________________________________________ */

h1 {
    font-size: 28px;
    font-weight: bold;
    line-height: 48px;
	color: #005AAB!important;
	text-align:center;
}	
	h2 {
    font-size: 48px;
    text-align: center;
    color: #005AAB!important;
    font-family: "Noto Serif JP";
    font-weight: 400;
    background-color: transparent;
}

h3 {
    font-size: 28px;
    font-weight: bold;
    line-height: 48px;
}
h4{
	font-weight: bold;
}
small{
	font-size:12px;
}

/* br
_____________________________________________________________________ */

@media screen and (max-width:575px) { 
.sp {
  display: none;
}
}



/* img
_____________________________________________________________________ */
#content img{
margin: 5px 0 5px 0;	
	
}



/* table ta-type1
_____________________________________________________________________ */

table.ta-type1 {
  margin : 10px 0 20px 0;
  border-collapse : collapse;
  border : 1px solid #e6e6e6;
  width:99%;
	text-align:left;
}

table.ta-type1 th {
  padding : 10px 10px;
  color:#333;
  background-color:#F5F5F5;
  border : 1px solid #e6e6e6;
  font-weight:bold;
  text-align:left;
}

table.ta-type1 th.ta-tit2 {
  padding : 10px 10px;
  color:#333;
  border : 1px solid #e6e6e6;
  text-align:left;
  vertical-align:middle;
  background-color:#b2dffa;
}

table.ta-type1 td {
  padding : 10px 10px;
	border : 1px solid #e6e6e6;
	color:#333;
}


/* list
_____________________________________________________________________ */
ol li {
  padding-top:10px;
  padding-bottom:10px;
	font-size: 16px;
	line-height: 160%
  }
ul li {
  padding-top:5px;
	font-size: 16px;
	line-height: 160%
 }
		
@media screen and (max-width:575px) { 
ul li {
	font-size: 12px;	
	}
}	
	

/* = Table
-------------------------------------------------------------- */
table.ta-line{
    font-size: 15px;
	line-height: 20px;
	width: 100%;
	border-top: 1px solid #EEEEEE!important;
}
@media (max-width: 500px){
    table.ta-line{
        font-size: 15px;
    }
}

.ta-line tr th,
.ta-line tr td{
	color: #282828!important;	
    border-bottom: 1px solid #EEEEEE!important;
	padding: 10px 0!important;
}


/* dropdown
_____________________________________________________________________ */
.dropdown:hover .dropdown-menu {
    display: block;
}


/* ie11 card内の画像を使った時に縦に伸びるバグ修正
_____________________________________________________________________ */
.card{
display: block;
}




/* ------------------------------------------------ */
/* 動画
/* ------------------------------------------------ */
.movie {
position: relative;
width:100%;
padding-top: 56.25%;
}

.movie iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
		}
		
		/* dl
_____________________________________________________________________ */
dt{
  float: left;
}

dd{
  margin-left: 80px;
		}
@media (max-width: 500px){

	dd,dt{
	margin: 0;
	clear:both;
		}		
			
}