@charset "utf-8";
.for_pc{
		display: none;
	}

.for_sp{
		display: block;
	}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol","sans-serif";
 line-height: 1.7;
}

a{
	color:#666666;
}

a:hover{
	color:#c4a235;
}

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

p{
	font-size: 16px !important;
	color: #999999;
}

h1,h2,h3{
	color:#999999;
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  border-radius: 0.3rem;
}

.jumbotron_back {
    background:url("https://geck.foasnet.com/assets/img/photo_writer.png") no-repeat;
    background-size: cover;
	background-position: center center;
	max-width: 100%;
    height: 350px;
    color: #191919;
	border-radius: 0px;
}

/*143*/
.scroll-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: -15px;
  z-index: 99999;
  background-color: #c4a235;
  width: 44px;
  height: 44px;
  border-radius: 50px;
  transition: all 0.4s;
}

/*163*/
.scroll-top:hover {
  background-color:#333333;
}

/*-------------マージン--------------*/

.mt_0{
	margin-top: 0;
}

.mt_20{
	margin-top: 20px;
}

.mt_40{
	margin-top: 40px;
}

.mt_50{
	margin-top: 50px;
}

.mt_60{
margin-top: 60px;
}

.mt_80{
	margin-top: 80px;
}

.mt_100{
	margin-top: 100px;
}

.mb_0{
	margin-bottom: 0;
}

.mb_20{
	margin-bottom: 20px;
}

.mb_40{
	margin-bottom: 40px;
}


.mb_50{
	margin-bottom: 50px;
}

.ml_a{
	margin-left: auto;
}

.mr_a{
	margin-right: auto;
}

/*-------------余白--------------*/
.pa_3{
	padding: 3px;
}

.pa_10{
	padding: 10px;
}

.pa_25{
	padding: 25px;
}
.pt_20{
	padding-top: 20px;
}

.pl_30{
	padding-left: 30px;
}
/*-------------位置--------------*/

.center{
	text-align: center;
}

.left{
	text-align: left;
}
/*-------------幅--------------*/
.w_400{
	width: 400px;
}

.w_650{
	width: 650px;
}

.w_700{
	width: 700px;
}

.w_720{
	width: 720px;
}

.w_800{
	width: 800px;
}

.w_100p{
	width: 100%;
}

.w_90p{
	width: 90%;
}
.w_20p{
	width: 20%;
}

/*------------文字太さ--------------*/

.fw-l{
	font-weight: lighter;
}

/*------------文字色--------------*/

.fc_999999{
	color: #999999;
}

.fc_666666{
	color: #666666;
}

.fc_333333{
	color: #333333;
}

.fc_c4a235{
	color: #c4a235;
}

.fc_757575{
	color:#757575;
}

/*------------文字サイズ--------------*/

.fs_13{
	font-size: 13px;
}

.fs_15{
	font-size: 15px;
}

.fs_18{
	font-size: 18px;
}


/*------------背景色--------------*/

.bg_1a1a1a{
	background-color: #1a1a1a;
}


/*------------画像レスポンシブル--------------*/
.img{
	max-width: 100%;
	height: auto;
}

/*------------角丸--------------*/
.ra_10{
	border-radius: 10px;
}

/*------------メニュードロップダウン透明度--------------*/

/*467*/
  .navbar .dropdown:hover>ul {
    opacity: 0.6;/*1→0.6*/
    top: 100%;
    visibility: visible;
  }
	
/*------------収益--------------*/
.syueki_pc{
color:#c4a235; border: 1px dotted #666666; font-size: 15px; padding: 15px; width:500px; margin-left: auto; margin-right: auto; text-align:left;
}

.syueki_sp{
color:#c4a235; border: 1px dotted #666666; font-size: 15px; padding: 15px;
}

.yt {/*ユーチューブ動画設定*/
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.yt iframe {/*ユーチューブ動画設定*/
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}


/*contact 1080　ボタンの色　背景の色*/
.contact .info-item i {
  font-size: 20px;
  color: #c4a235;
  float: left;
  width: 44px;
  height: 44px;
  background: #003300;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
  margin-right: 15px;
}

/*contact 1103　ボタン　ホーバー時の色*/
.contact .info-item:hover i {
  background: #003300;
  color: #c4a235;
}

/*contact 1184　送信ボタンの色*/
.contact .php-email-form button[type=submit] {
  background: #c4a235;
  border: 0;
  padding: 10px 35px;
  color: #000000;
  transition: 0.4s;
  border-radius: 4px;
}

/*contact 1184　送信ボタンホーバー時の色*/
.contact .php-email-form button[type=submit]:hover {
  background: rgba(196, 162, 53, 0.8);
}

/*------------reload--------------*/
.reload{
	font-size: 11px; text-align: right;
}

@media screen and (min-width:768px) {
	body{
		font-size: 16px;
	}
	p{
		font-size: 16px;
	}
	

	
}



@media screen and (min-width:1024px) {
	
.for_pc{
		display: block;
	}

.for_sp{
		display: none;
	}	
	
.jumbotron_back {
    background:url("https://geck.foasnet.com/assets/img/photo_writer.png") no-repeat;
    background-size: cover;
	background-position: center center;
	max-width: 100%;
    height: 800px;
    color: #191919;
	border-radius: 0px;
}
	p{
		font-size: 16px;
	}
	
	
}