@charset "utf-8";



/* body font
_____________________________________________________________________ */

body, p{
    font-family:Roboto, YuGothic, 'Hiragino Kaku Gothic ProN', 'Yu Gothic', Meiryo, sans-serif;
    color: #333;
	font-size:16px;
}

h1, h2, h3,a{
    font-family:Roboto, YuGothic, 'Hiragino Kaku Gothic ProN', 'Yu Gothic', Meiryo, sans-serif;
    color: #333;
	font-weight: bold;
}


@media only screen and (max-width: 576px) {
	body, p{
		font-size:14px;
}
}
		
	
.l-bloc{
	color: inherit;
}

/*PCでは無効（改行しない）
____________________________ */
.sma{
    display: none;
}

/*スマートフォンでは有効（改行する）
____________________________ */
@media screen and (max-width:768px) {
    .sma{
        display: block;
    }
}


/* table ta-schedule
_____________________________________________________________________ */


table.ta-schedule {
  margin : 10px 0 20px 0;
  border-collapse : collapse;
  border : 1px solid #37c5ef;
  width:99%;
	text-align:center;
}

table.ta-schedule th {
  padding : 10px 10px;
  color:#222;
  background-color:#F7F7EF;
  border : 1px solid #37c5ef;
  font-weight:bold;
  text-align:center;
}

table.ta-schedule th.ta-tit2 {
  padding : 10px 10px;
  color:#222;
  border : 1px solid #37c5ef;
  text-align:center;
  vertical-align:middle;
  background-color:#b2dffa;
}


table.ta-schedule td {
  padding : 10px 10px;
  border : 1px solid #37c5ef;
  background-color:#fff;
  vertical-align: middle;
  padding: 0.4rem 0.8rem;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
	color: #37c5ef;
}
	
@media (max-width: 500px){
    table.ta-schedule.td{
        font-size: 14px;
    }
}
	
	

/* table ta-type1
_____________________________________________________________________ */

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

table.ta-type1 th {
  padding : 10px 10px;
  color:#222;
  background-color:#F7F7EF;
  border : 1px solid #37c5ef;
  font-weight:bold;
  text-align:center;
}

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

table.ta-type1 td {
  padding : 10px 10px;
  border : 1px solid #37c5ef;
	background-color:#fff;
	color:#222;
}

/* table ta-type2　スマホ時改行
_____________________________________________________________________ */

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

table.ta-type2 th {
  padding : 10px 10px;
  color:#222;
  background-color:#F7F7EF;
  border : 1px solid #b4b4b4;
  font-weight:bold;
  text-align:left;
}

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

table.ta-type2 td {
  padding : 10px 10px;
  border : 1px solid #b4b4b4;
	background-color:#fff;
	color:#222;
}

@media screen and (max-width: 640px) {
  .last td:last-child {
    width: 100%;
  }
  .ta-type2 {
    width: 80%;
  }
  .ta-type2 th,
  .ta-type2 td {
	border-bottom: none;
    display: block;
	width: 100%;
	border:1px solid #dcdcdc!important;
  }
}


/* = ta-line
-------------------------------------------------------------- */
table.ta-line{
    font-size: 15px;
	line-height: 1.5em;
	width: 100%;
	border-top: 1px solid #dcdcdc!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 #dcdcdc!important;
	padding: 10px 0!important;
}


/* list
_____________________________________________________________________ */
ol li {
  padding-top:10px;
  padding-bottom:10px;
	font-size: 16px;
	line-height:  24px;
	color: #333;
  }
ul li {
  padding-top:5px;
	font-size: 16px;
	line-height: 24px;
	    color: #333;
 }
@media (max-width: 575px){
ul li, ol li {
    font-size: 14px;
	line-height: 20px;
}
}


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


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


	
/* ------------------------------------------------ */
/* 動画 2:1
/* ------------------------------------------------ */
.embed-responsive-2by1::before {
 padding-top:50%;
}	
	
	

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

.movie iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}

.embed-responsive-2by1::before {
 padding-top:50%;
}


/* ------------------------------------------------ */
/* 吹き出し
/* ------------------------------------------------ */
.balloon1 {
  position: relative;
  display: inline-block;
  margin: 2em 0;
  padding: 7px 20px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 14px;
	font-weight: bold;
  background: #D6F4FF;
  border-radius: 14px;
}

.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -14px;
  border: 14px solid transparent;
  border-top: 14px solid #D6F4FF;
}

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


/*===============================
	reCAPTCHA
=================================*/

.grecaptcha-badge {
	bottom: 85px !important;
}

/* list-ico
_____________________________________________________________________ */
ul.list-ico {
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none outside none;
}

ul.list-ico li {
    margin: 0 0 5px 1.5em;
    padding: 2px 0;
    min-height: 1em;
	position: relative;
	color:#333;
}

ul.list-ico li::before {
    color: #ccc;
    font-family: 'Font Awesome 5 Free';
    content: "\f111";
    font-weight: 900;
    position: absolute;
    left: -1.5em;
    width: 1em;
}