.cts {
    padding: 45px 8% 60px;
}

.cts section {
	position: relative;
}

.cts img {
	display: block;
}

@media only screen and (max-width: 767px) {
	.cts {
		padding: 15px 0 40px;
	}
	
}




.bg_yellow {
	background-color: #f9be00;
}
.bg_gray {
	background-color: #f6f2ef;
}
.bg_orange{
	background-color: #f7921e;
}

.index_img img {
	width: 100%;	
}

.cam_end {
	align-items: center;
	background-color: #fdee21;
	border: solid 4px #000000;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	margin: 0 auto 20px;
	padding: 10px;
	width: 90%;
}
.cam_end p {
	color: #ff0000;
	font-size: 24px;
}
.cam_end p span {
	display: inline-block;
	font-weight: bold;
}
.cam_end > div img {
	width: 100px;
}


.index_btn_t {
	margin: 0 auto;
	min-width: 220px;
	max-width: 300px;
	padding: 15px 0 15px;
	width: 60%;
}
.index_btn_t img {
	width: 100%;
}

.index_btn {
	padding: 10px 0;
}

.index_btn a {
	display: block;
	margin: 0 auto;
	padding: 0 0 10px;
	transition: all 0.2s;
	width: 75%;
}
.index_btn a:hover {
	padding: 10px 0 0;
}

.index_btn a.btn1 {
	max-width: 360px;
}
.index_btn a.btn2 {
	max-width: 330px;
}

.index_btn a img {
	width: 100%;	
}

.index_btn.flex{
	display:flex;
}

.index_btn.flex a{
	display:block;
	width: 40%;
}

.index_btn.flex a img{
	width:100%;
	height:auto;
}




.do_ab {
	bottom: 25px;
	left: 30px;
	position: absolute;
	width: 23%;
}

@media only screen and (max-width: 1080px) {
	.cam_end p {
		color: #ff0000;
		font-size: 20px;
	}
	.cam_end > div img {
		width: 80px;
	}
	.do_ab {
		bottom: 10px;
		left: 10px;
		width: 18%;
	}
}

@media only screen and (max-width: 768px) {
	
	.cam_end {
		flex-wrap: wrap;
	}
	.cam_end p {
		font-size: 20px;
		margin-bottom: 10px;
		text-align: center;
		width: 100%;
	}
	.cam_end > div img {
		width: 60px;
	}
	
	
	.index_btn.index_btn_last {
		padding-bottom: 12%;
	}
	
}

.vol img{
	width:100%;
	height:auto;
}

/* 20241128　追記
--------------------------------------------------------- */
@media only screen and (max-width: 768px) {
	.index_btn a:hover {
		padding: 0;
	}
}

/* 20250220　追記
--------------------------------------------------------- */
.index_btn2 {
    padding: 10px 0;
    background: #F9BE00;
}

.ba {
        background-image: url(../img/ba.png);
        background-size: 500px;
        background-position: center;
}
/* 20250325　追記
--------------------------------------------------------- */
.index_btn a.btn2 {
    max-width: 600px;
}
.index_btn4-1 {
    padding: 10px 0 3vw;
}
.index_btn2 {
    padding: 10px 0 3vw;
}

/* 20250404　追記
--------------------------------------------------------- */
.bg_yellow {
    padding-bottom:30px;
}
.bg_yellow2 {
    padding-bottom:0px;
}
.bg_orange2 {
    padding-bottom:30px;
}
.bg_orange3 {
    padding-top:30px;
    padding-bottom:10px;
    position: relative;
}
.text {
    font-size: 32px;
    text-align: center;
    margin:0 auto;
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 900;
    line-height: 152%;
    color: #231815;
}
.text2 {
    font-size: 40px;
}
.text3 {
    padding-top:30px;
}
.text4 {
    text-align: left;
    line-height: 180%;
    margin-left:50px;
    padding-bottom: 10px;
}
.index_btn1 {
   width:70%;
   text-align: center;
   margin:10px auto 0px;
   border: #000 solid 1px;
   background: #fff;
   display:block;
   padding:1.1% 1%;
   border: 5px solid #231815;
   border-radius: 15px;
   text-decoration: none;
   position: relative;
}
.index_btn1 p{
    font-size: 45px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    color: #E60012;
}
.index_btn1:hover {
    top: 10px;
}
.index_flex {
    width:90%;
    display:flex;
    justify-content: space-between;
    align-content: flex-end;
    margin:15px auto 10px;
}
.index_box {
    width:100%;
}
.index_box img {
    width:80%;
    display:block;
    margin:0 auto;
}
.img2 {
    width:79.5%!important;
}
.index_btn2 {
    width: 85%;
    border: 4px solid #231815;
}
.index_btn2 p {
    font-size: 24px;
}
.red2 {
    color: #E60012;
    font-size: 50px;
    display:block;  
}
.do {
    display:block;
    width:160px;
    position: absolute;
    top:90px;
    right:43px;
}
@media only screen and (max-width: 800px) {
    .bg_yellow {
    padding-bottom: 10px;
}
    .bg_yellow2 {
    padding-bottom:0px;
}
    .text {
    font-size: 16px;
    line-height: 180%;
}
    .text2 {
    font-size: 18px;
}
    .text3 {
    padding-top: 15px;
}
    .text4 {
    margin-left: 20px;
}
    .index_btn1 p {
    font-size: 16px;
}
    .index_btn1 {
    width: 85%;
    padding: 2% 1%;
    border: 2px solid #231815;
    border-radius: 7px;
}
    .index_btn2 {
    width: 93%;
}
    .index_flex {
    display: block;
    margin: 15px auto 0px;
}
    .index_box {
    margin-bottom:20px;
}
    .bg_orange3 {
    padding-top: 15px;
    padding-bottom: 10px;
    position: relative;
}
    .red2 {
    font-size: 20px;
}
    .do {
    width: 74px;
    top: 50px;
    right: 20px;
}
	
}
/* 20250520　追記
--------------------------------------------------------- */
    .bg_yellow2 {
    padding-bottom: 0px;
}
/* youtubeページ　追記
--------------------------------------------------------- */
.ba2 {
        background-image: url(../img/ba2.png);
        background-size: 500px;
        background-position: center;
}
.index_yt {
    width:100%;
    position: relative;
    z-index: 1;
}
.index_yt img{
    width:100%;
}
#bg_youtube,.index_btn_yt img {
    width:50%;
    position: absolute;
    z-index: 2;
    bottom:40px;
    right:50px;
}
#bg_youtube,.index_btn_yt_left img {
    right:0;
    left:50px;
}
#bg_w {
    background: #fff;
    padding-bottom:50px;
}
@media only screen and (max-width: 800px) {
    #bg_youtube, .index_btn_yt img {
    width: 50%;
    position: absolute;
    z-index: 2;
    bottom: 25px;
    right: 50px;
}
}
@media only screen and (max-width: 400px) {
    #bg_youtube, .index_btn_yt img {
    width: 50%;
    position: absolute;
    z-index: 2;
    bottom: 15px;
    right: 50px;
}
｝