@charset "utf-8";

#hero {
  width: 100%;
  height: 90vh;
  background: url("https://camera.foasnet.com/assets/img/top.jpg") top center;
  background-size: cover;
  margin-bottom: -200px;
}

/*コンテンツの順序*/
.container_1{
	display:flex;           /* Flexコンテナ―に設定 */
	flex-direction:column;  /* コンテンツの配置を「上→下」に設定 */
}

.a{
	order:2;    /* コンテンツの順番を設定  */
}

.b{
	order:1;    /* コンテンツの順番を設定  */
}

.foas{
	font-weight: bold; color: #222222; text-align: center; line-height: 1.4; margin-bottom: 0;
}

.fs_20{
	font-size: 20px;
}
.fc_ff0000{
	color:#ff0000;
}
.fc_c4a235{
	color:#c4a235;
}

.fc_b08601{
	color:#b08601;
}
a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
/*706*/
.why-us .icon-boxes .icon-box {
  text-align: center;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  padding: 40px 30px;
  width: 100%;
}
.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%;
}
.center{
	text-align: center;
}

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

.for_pc{
		display: none;
	}

.for_sp{
		display: block;
	}

.sousin_bt{
	width:140px; border:0.08em solid #D1D1D1; -webkit-appearance: none; -moz-appearance: none; appearance: none;
}

.sousin_bt:hover{
	    opacity: 0.7;/*不透明度を70%に*/
    cursor: pointer;/*マウスカードルを手のアイコンに*/

}

.corona{
	width:88%; margin-left: auto; margin-right: auto; margin-bottom: 40px; border:1px solid #99ccff; border-radius: 5px; line-height: 1.2; padding: 14px 10px 0 10px;
}

@media (min-width: 1024px) {
/*コンテンツの順序*/
.container_1{
	display:flex;           /* Flexコンテナ―に設定 */
	flex-direction:row;  /* コンテンツの配置を「横並び」に設定 */
}

.a{
	order:1;    /* コンテンツの順番を設定  */
}

.b{
	order:2;    /* コンテンツの順番を設定  */
}
	
.for_pc{
		display: block;
	}

.for_sp{
		display: none;
	}	
	
}