@charset "utf-8";




.jumbotron {
background-color: #7BD9DB;

background-color: #CDDC39;
background-image: url(../img/heroimage001.png);
background-position: 90% bottom;
background-repeat: no-repeat;
background-size: auto 100%;
}
.navbar-brand{
width:100%;
text-align: center;
font-size: 30pt;
display: block;
}
a.navbar-brand{
color: #212121;
}a:hover.navbar-brand{
color: #757575;
}

.container-b{
margin: 50px auto 200px;
}
/*
ライム#CDDC39
うぐいす#AFB42B
クリーム#F0F4C3
ツイッターバード#00BCD4
緑青色#0097A7
パステルブルー#B2EBF2

黒#212121
灰#757575
薄墨#BDBDBD
*/

/* ナビ */

a,
.navbar-light .navbar-nav .nav-link {
color:#0097A7;
}
a:hover,
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
color: #00BCD4;
}
li .far{
margin: 5px;
}
.fa-feather-alt{color:#CDDC39;}
.bottom50{
margin-bottom: 50px;
}
table {
border-top-color :#CDDC39;
border-bottom-color :#CDDC39;
border-left:none;
border-right: none;}
table td{
border-left:1px dashed #ccc;
}table th.th-main{background :#CDDC39;
border-bottom-color :#AFB42B;}
table th{
background :#F0F4C3;
color: #212112;
}

/* img */
.photo01{
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}
	/* 次へ */
.tonext{ clear: both;
	text-align:center;
	display:block;
	font-size:22px;
	overflow:hidden;}
/* ボタンカラーチェンジ */


/* footer */
.footer{
padding-top: 20px;
}
footer #footer-nav{display:none;}

#footer-main{
	width: 960px;
	margin: 0 auto;
	overflow: visible;
}
.lead0 footer.totop,
.lead footer.totop{
	width:auto;
	font-weight:400;
	background:none;
	border-top:0;
	margin:20px 0 0;}
#footer-main{
	margin:0 auto;
	}
#footer-entry dl{
		width:30%;
		font-size:80%;}
#footer-entry dl,.fleft{
	margin-right:1em;
	float:left;}

#membarship{
	clear: both;
	float: left;
	margin-top: 10px;
	margin-left: 15px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	overflow: visible;
	border: 1px solid #fff;
	width: 100%;
	position: relative;
	line-height: 1.6;
	border-radius: 12px;
}
#foot #footer-entry { float: left;
position:relative;
width:70%; }

#contact-us{
	margin:15px;
	color:#036;
	display:block;}
#contact{
position:relative;
display:block;
text-align:center;
float:right;
width:29%;
}
#contact dt,
#contact dd{
margin: 0 21px 0 0;}
#contact dd{
	padding:0;
}
#contact dd.mail{
	clear:both;
	line-height:30px;
	height:30px;
	margin-bottom:8px;}#contact dd p{
		font-size:88%;}
#footer-main a:visited{color:#27384F;}
#contact dd.mail img{
	vertical-align:middle;}
.vcard .tel,
.vcard .fax{
	color:#369;
	height:25px;
	line-height:25px;
	text-indent:18px;
	display:block;
	width:auto;}
.vcard .fax{
	background:url(../../image/icon/icon-fax.jpg) no-repeat 0 center;}
.vcard .tel{
	background:url(../../image/icon/icon-tel.jpg) no-repeat 40px center;}
footer .org{
	padding-top:10px;}
.org{
color:#293C54;
font-weight:800;
text-align:center;
border-bottom:1px solid #F8FAFC;}
.org a b{
display:block;
margin-top:5px;
border-top:1px solid #CCD5DE;
border-bottom:1px solid #CCD5DE;}
.street-address{text-align:right;}
.sns {
	padding:0 5px 0 10px;}
.sns li{
text-align:center;
display:inline-block;
position:relative;
margin:10px 5px 0 0;
float:left;}
.sns #bg-twitter{
	width:100px;
	height:58px;
	position:relative;
	background:url(../../image/icon/bg-twitter.jpg) no-repeat top center;
}
.sns i{
	display:none;}

	.sns #bg-twitter a.tw-attain img ,
	.sns #bg-twitter a.tw-dougaku img,
	.sns #bg-twitter a.tw-htj img{
	position:absolute;
	display:block;
	z-index:-1;
	overflow:hidden;}
	.sns #bg-twitter a:hover.tw-attain img,
	.sns #bg-twitter a:hover.tw-htj img,
	.sns #bg-twitter a:hover.tw-dougaku img{
z-index:+1;
	display:block;}
	.sns #bg-twitter a{margin-top:24px;}
	.sns #bg-twitter .tw-attain{margin-left:2px;}
	.sns #bg-twitter .tw-dougaku{margin-left:10px;}
	.sns #bg-twitter .tw-htj{margin-left:10px;}

#sns-twitter a,
.sns #bg-facebook a,
.sns #bg-youtube a,
.sns #bg-twitter a{
	float:left;
	display:block;
	overflow:hidden;
	text-indent:100%;}
#sns-twitter a{
		width:30px;
		height:30px;}
.sns #bg-twitter a{
		width:25px;
		height:25px;}

.sns #bg-facebook a{
	position:relative;
	background: url(../../../image/icon/icon-dg-facebook.jpg)  no-repeat top left;
	height:55px;
	width:47px;}
.sns #bg-youtube a{
position:relative;
	background:url(../../../image/icon/yt-attaindvd.jpg) no-repeat top left;
	height:58px;
	width:51px;}
.sns #bg-youtube a:hover{
	background:url(../../../image/icon/yt-attaindvd.jpg) no-repeat bottom left;}

p.copyright{
	overflow: visible;
	border-top: 2px solid #F2F7FB;
	text-align: center;
	clear: both;
	margin: 0;
	padding: 3px;
	text-shadow: 1px 1px #fff;
	background: #fff;
	border-radius: 5px;
}
footer .close {
  float:none;
  font-size: 13px;
  font-weight:400;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: opacity(100%);
  opacity: 1;
}footer .close ul{
	padding:0;}

footer .close:hover,
footer .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=100);
  opacity: 1;
}
#footer-entry dd ul{
  margin:0;
  padding:0;}
  #membarship{
  list-style:none;
	clear:both;
	margin:10px 15px;
	padding:10px;
	background:#C2D5E8;
	background: -webkit-gradient(radial, center top, 0, center top, 500, from(rgba(255,255,255,0.5)), to(rgba(62,110,142,0)));
	background: -moz-radial-gradient(center top, circle farthest-side, rgba(255,255,255,0.5), rgba(62,110,142,0));
	overflow:visible;
	border:1px solid #fff;
	width:600px;
	position:relative;
	line-height:1.6;
}#footer-entry dd li,
#footer-entry .first dd{
background: url(https://www.attainj.co.jp/image/icon/arrow02.jpg) no-repeat center left;
display:block;
border-top: #f9f9f9 1px solid;
border-bottom:#cfcfcf 1px solid;
padding:2px 0 2px 15px;
margin-left:15px;
font-weight:400;}
/* footer */

@media (max-width: 575.98px) {
.jumbotron {
background-image: none;
}
}
@media (max-width: 767.98px) {
.jumbotron {
background-image: none;
}
}