@charset "utf-8";
.fs-nav{
	font-size: 0.67em;
}

.jumbotron_back {
    background: url(../img/bg-masthead_3.jpg) no-repeat;
    background-size: cover;
	background-position: 50% 50%;
	max-width: 100%;
    height: 600px;;
    color: #fff;
	border-radius: 0px;
}

.bg-nav{/*navの背景透明*/
	background-color:rgba(0,0,0,0.6);
}

body{
	background-image: url(../img/black.jpg);
	background-repeat: repeat-x;
	color:#555555;
}

[class*="col-6"] {
  padding-left: 3px;
  padding-right: 3px;
}

.bg-000000{
	background-color:#000000;
}

.circle-140{
	width: 140px; height: 140px;
}

.box{/*メインの文字列の背景透明*/
	background-color: rgba(0,0,0,0.4);	
	padding: 10px;
}

.box_1{/*特別講座の枠*/
	border: solid 1px #D1D1D1;
	border-radius: 5px;
	padding: 10px 6px 10px 6px;
	background-color:#ffffff;
	margin-top: 10px;
	margin-bottom: 20px;
}

.box_2{/*コースの枠*/
	border-radius: 5px;
	padding: 10px 8px 10px 8px;
	background-color:#F0F0F0;
	margin-top: 10px;
	margin-bottom: 20px;
}

.box_3{/*こんな方　おまけレクチャー枠*/
	border: solid 1px #E8E8E8;
	border-radius: 5px;
	padding: 10px 8px 10px 8px;
	background-color:#FBE9DC;
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 1.4;
}

.option_box {
	background-color: #F0F0F0;
	height: auto;
	border: 1px solid #CCCCCC;
	padding-top: 20px;
	padding-right: 15px;
	padding-bottom: 20px;
	padding-left: 15px;
	margin-top: 20px;
	margin-bottom: 30px;
}

.ad_box{
	width: 220px; background-color: #efefef;
}

.option_p{
text-align:center; 
background-color:#FF3300;
color:#FFFFFF; 
padding:2px; 
margin-left:auto; 
margin-right:auto;
border-radius:5px;
}

.price{
	border: solid 1px #BBB8B8;
	padding: 3px;
}

.course{
	background-color: #2f5b2f;
}

.rounded-circle {/*ＳＮＳボタン*/
  border-radius: 50% !important;
}
	
#a a {/*背景白のリンク文字色 つづく*/
	color:#514F4F;
	font-weight: 600;
}

#info p a {/*背景白のリンク文字色 新着*/
	color:#514F4F;
	font-weight: 600;
		
}

.container.footer-container .top a {/*背景白のリンク文字色 topへ*/
	color:#514F4F;
	font-weight: 600;
}

.list-unstyled .btn-link a {/*コース一覧のリンク文字色*/
	color: #CFCBCB;

}

.col-12 p a {/*サイトマップ/プライバシー／お問合せのリンク文字色*/
color: #CFCBCB;	
}

 a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.center{
	text-align: center
}


.color_coffee {
	color: #663300;
}

.up-date{
	text-align:right; padding: 0px; margin: 0px;
	padding-right: 5px;
}

.web-design{
	font-size:50px;
	font-family:  'Righteous', cursive; 
	text-shadow: 1px 1px 0 #000;
}

.system{
	font-size:30px;
	font-family:  'Righteous', cursive;
	color: #663300;	
}

.web-design_other{
	font-size:21px;
	font-family:  'Righteous', cursive; 
	color:#888888;
}

.fl-l{
	float: left;
}

.fl-r{
	float: right;
}

.text-r{
	text-align: right;
}

.video{/*トップあるれるエナジー*/
	background-color: #2f5b2f;
	color: #ffffff;
	border-radius: 5px;
}

.video-container{
	padding: 30px 30px 10px 30px;
}

.video-foas{
	margin-bottom: 0px;
	text-align: center;
}

.movie-80{/*動画スタイル*/
	text-align:center;
	line-height:80%;
	margin-bottom: 16px;
}

.movie-130{/*動画スタイル*/
	text-align:center;
	line-height:130%;
	margin-bottom: 16px;
}

.card_s{
	background-color: #f7f7f7;
	padding:10px;
}

.kouza{
	background-color:#DBD7D7;
	margin-top: 30px;
}

.blog_foas {
	font-size: 15px;
	overflow: scroll;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
	width: 96%;
	height: 600px;
	color:#FF8000;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 5px;
	padding-left: 1px;
	text-align: left;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration: none;
	list-style-position: inside;
	background-color: #fffff;
}
.blog_foas a{
	color:#333300;
	font-size: 15px;
	line-height: 22px;
}

.facebook_01 {
	font-size: 5px;
	overflow: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
	color: #FF8000;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 1px;
	text-align: left;
	line-height: 22px;
	text-decoration: none;
	list-style-position: inside;
	max-width: 1000px;
	width: auto;
}


.footer-container{
	font-size: 14px;
	line-height: 1.5
}

.footer-info{
	margin-bottom: 3px;
	color:#A2A0A0;
}

.footer-plan{
	margin-bottom: 3px;
	color:#A2A0A0; 
	border-bottom: dotted 1px #A2A0A0; 
	padding-bottom: 6px; 
	width: 230px;
}

.w-220{
	width: 220px
}

.btn-g{
	background-color: #003300; 
	border-color:#858585;
}
.btn-form{
    background-color: #cccccc;
	border: solid 1px #bbbbbb;
}

.btn-gray{
	background-color: #aaaaaa;
	border-color:#eeeeee;
}

.m0-p0{
	margin: 0px;
	padding: 0px;
}

.mb0-pb0{
	margin-bottom: 0px;
    padding-bottom: 0px;
}


.mt-0{
	margin-top: 0px;
}

.mt-7{
	margin-top: 7px;
}

.mt-8{
	margin-top: 8px;
}

.mt-10{
	margin-top:10px;
}

.mt-20{
	margin-top: 20px;
}

.mt-30{
	margin-top: 30px;
}
.mt-50{
	margin-top: 50px;
}

.ml-10{
	margin-left: 10px;
}
.mr-10{
	margin-right: 10px;
}

.mb-0{
	margin-bottom: 0px;
}

.mb-10{
	margin-bottom: 10px;
}

.mb-20{
	margin-bottom: 20px;
}

.mb-30{
	margin-bottom: 30px;
}

.mb-50{
	margin-bottom: 50px;
}
.p-0{
	padding: 0px;
}

.p-2{
	padding: 2px;
}

.p-5{
	padding: 5px;
}
.p-10{
	padding: 10px;
}

.p-30{
	padding: 30px;
}

.pb-0{
	padding-bottom: 0px;
}

.pb-50{
	padding-bottom: 50px;
}

.lh-1{
	line-height: 1.4;
}

.lh-2{
	line-height: 1.6;
}

.lh-3{
	line-height: 2.6;
}

.lh-4{
	line-height: 1.5;
}

.fs-12{
	font-size: 12px;
}

.fs-13{
	font-size: 13px;
}

.fs-14{
	font-size: 14px;
}

.fs-15{
	font-size: 15px;
}
.fs-16{
	font-size: 16px;
}

.fs-20{
	font-size: 20px;
}

.fs-21{
	font-size: 21px;
}

.fs-54{
	font-size: 54px;
}

.fc-1f3695{
	color: #1f3695;
}

.fc-CFCBCB{
	color: #CFCBCB;
}

.fc-A2A0A{
	color:#A2A0A0;
}

.fc-1f3695{
	color:#1f3695;
}

.fc-FF0000{
	color:#FF0000;
}

.fc-663300{
	color:#663300;
}

.bg-003300{
	background-color: #003300;
}

.bg-cc66ff{
	background-color: #cc66ff;
}

.bg-1f3695{
	background-color: #1f3695;
}

.bg-2f5b2f{
	background-color: #2f5b2f;
}

.bg-666666{
	background-color: #666666;
}

.bg-001800{
	background-color: #001800;
}

.bg-fbfbfb{
	background-color: #fbfbfb;
}

.bg-b03636{
	background-color: #b03636;
}

.bg-001800{
	background-color:#001800;
}

.bs-none{
	border-style: none
}

.container .row #point {
	display: none; /* スマホ縦横／タブレット縦は非表示 */
}

#point_2  {
	display: none; /* スマホ縦横／タブレット縦は非表示 */
}

#point_3  {
	display: block; /* スマホ縦横／タブレット縦は表示 */
}

.option_box p a {/*オプション内のリンク文字色*/
	color:#171717;
	font-weight: 700;
}
.card-body p a {/*briefing内のリンク文字色*/
	color:#171717;
	font-weight: 700;
}
.course-name {/*コース名文字装飾*/
	background-image: url(../img/icon_orange.gif);
	background-position: left center;
    background-repeat: no-repeat;
	padding-left: 20px;
	font-size: 1.02em;
	font-family: 'M PLUS Rounded 1c', sans-serif;/*グーグルフォント飾*/
}

.top{/*トップへ*/
	text-align:right; 
	padding-right:20px;
}

.style-taiken{
	background-color:#fbfbfb;
	padding: 10px 5px 10px 5px;
}

.form-entry{
	text-align:center;
	font-size:16px;
	color:#FF0000;
}

.tokubetu{
	padding:10px;
	line-height:1.5;
}

.form-btn{
	background-color: #cccccc;
	border: solid 1px  #666666;
}
.card-text #a a {
}

.form-tokubetu{
padding:10px; line-height:1.5;
}

.button {
  display       : inline-block;
  padding       : 10px 10px;   /* 余白       */
  background    : #666666;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
}
.button:hover {
  color         : #ffffff;     /* 背景色     */
  background    : #999999;     /* 文字色     */
}

.gaiyou{
	max-width: 100%;
	height: auto;
	opacity: 0.8;
	padding-bottom: 7px;
}

@media screen and (min-width:1024px) {
	
.fs-nav{
	font-size: 15px;
}	
	
.container .row #point {
	display: block; /* タブレット横／パソコンは表示 */
}
	
#point_2  {
	display: block; /* タブレット横／パソコンは表示 */
}
	
#point_3  {
	display: none; /* タブレット横／パソコンは非表示 */
}	
	
	
.col-lg-4.col-sm-6.col-12.text-center a:hover img .rounded-circle {
		opacity: 0.7;
}
	
 a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


}