@charset "UTF-8";
/* CSS Document */

.textbox{
	width: 90%;
	font-size: 16px;
	line-height: 32px;
	margin: auto;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";

}
.textbox2{
	width: 90%;
	font-size: 16px;
	line-height: 32px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 700;
	color: #50A51C;
	margin: auto;

}
.textbox3{
	width: 90%;
	font-size: 16px;
	line-height: 32px;
	margin: auto;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";

}



.textbox4{
	width: 90%;
	font-size: 16px;
	line-height: 25px;
	color: #FFFFFF;
	margin: auto;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";

}


.greenback{
	background-color: #47a00f;
}
.textbox5{
	width: 90%;
	font-size: 14px;
	color: #000000;
	line-height: 22px;
	margin: auto;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";

}

.yellowback{
	background-color: #ffe200;
	margin: 0;
}

.yellowback_btn{
	background-image:url("../images/index_05_bt.png");
}



.btn{
	position: relative;
	color: #FFFFFF;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-weight: 700;
	font-size: 24px;
	width:90%;
  height:300px;
	margin: auto;
  background:#f86b20;
  border-radius:20px;
  height:150px;
  line-height:150px;
	text-align: center;
	z-index: 1;
	
	
	
	
	
}



.ancbt{
	position: absolute;
}


.floating-banner {
    position: fixed;/* 追従 */
    z-index: 99999;/* 他の要素の下に隠れないように */
    bottom: 15;/* バナーの上下の位置 */
    right: 15;/* バナーの左右の位置 */
}
.pc {
    width: 150px;/* バナーの横幅を指定 */
}
.pcmv{
    width: 100%;/* PCのMVを指定 */
	display: block;
}


.floating-banner:hover {
    opacity: .9;/* ホバーで少し透過 */
}
.sp {
    display: none;/* PCではスマホ用のバナーは非表示に */
}
@media screen and (max-width: 990px) {/* タブレット用のブレイクポイントを指定 */
    .pc {
        display: none;/* タブレットサイズ以下でPC用のバナーを非表示に */
    }
}
@media screen and (max-width: 560px) {/* スマホ用のブレイクポイントを指定 */
    .sp {
        display: inline-block;/* 消していたスマホ用のバナーを表示させる */
        width: 25vw;/* スマホの画面幅いっぱいにバナーを表示 */
    }
}


@media screen and (max-width: 990px) {/* タブレット用のブレイクポイントを指定 */
    .pcmv {
        display: none;/* タブレットサイズ以下でPC用のバナーを非表示に */
    }
	
	

@media screen and (max-width: 990px) {/* タブレット用のブレイクポイントを指定 */
    .pcimg {
        display: none;
		width: 50%;/* タブレットサイズ以下でPC用のバナーを非表示に */
    }