@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;
}

.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);
}

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

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

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


.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;
}

.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;
}
	
.list-unstyled .btn-link a {/*コース一覧のリンク文字色*/
	color: #CFCBCB;
	
}
.col-12 p a {/*サイトマップ/プライバシー／お問合せのリンク文字色*/
color: #CFCBCB;	
}

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

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

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

.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;
}

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

.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;
}

.btn-g{
	background-color: #003300; 
	border-color:#858585;
}

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

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


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

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

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

.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-20{
	margin-bottom: 20px;
}
.mb-50{
	margin-bottom: 50px;
}
.p-0{
	padding: 0px;
}

.p-2{
	padding: 2px;
}

.p-10{
	padding: 10px;
}

.p-30{
	padding: 30px;
}

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

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

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


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

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

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

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

.fc-CFCBCB{
	color: #CFCBCB;
}

.fc-A2A0A{
	color:#A2A0A0;
}

.fc-FF0000{
	color:#FF0000;
}

.fc-663300{
	color:#663300;
}

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

.bg-2f5b2f{/*すべてはの背景色*/
	background-color: #2f5b2f;
}

.bg-001800{/*copyrightの背景色*/
	background-color: #001800;
}

.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;
}

.ans {/*コース名文字装飾*/
	background-image: url(../img/icon_orange.gif);
	background-position: left 0.2em;
    background-repeat: no-repeat;
	padding-left: 15px;
	font-size: 1.02em;
	font-family: 'M PLUS Rounded 1c', sans-serif;/*グーグルフォント飾*/
}

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








@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)";
}

.padding{
	paddomg:30px;
	letter-spacing: 0.2em;
	font-size: 17px;
}

}