@charset "UTF-8";



body, main{
background: #08162F;
}


body.scrolled header {
   background: #08162F;
}


@media screen and (max-width: 900px) {
    header.open:after, header .header_contents {
        background: #08162F;
        
    }
}




header, header h1, header nav *  {
color: #F7F2E8 !important;
}

header nav ul.nav_2nd > li {
    background: #08162F;
    border-bottom: 1px solid #08162F;;
}


#top_blog + .block_news_1 .heading.block_header_1 .h,
#top_blog + .block_news_1 .heading.block_header_1 p,
#top_blog + .block_news_1 .add_text,
#top_blog + .block_news_1 ul li p {
    color: #F7F2E8 !important;
}





#top_hd_seo1 + .contents_box01 .heading.block_header_2 .h,
#top_hd_seo1 + .contents_box01 .heading.block_header_2 p,
#top_hd_seo1 + .contents_box01 .inner_item_txt > p {
    color: #FFFFFF !important;
}





#top_blog  .block_news_1:not(.add_design3):not(.add_design4):not(.add_design12) ul li:nth-of-type(1) {
    border-top: 1px solid  #F7F2E8;
}

#top_blog  .block_news_1 ul>li {
   border-bottom: 1px solid  #F7F2E8;
   border-top: 1px solid  #F7F2E8;
}



#top_blog + .no_img {
    border:1px solid #F7F2E8;
}

@media screen and (min-width: 851px) {
    #top_blog + .block_news_1.add_design6 ul li:nth-of-type(n + 2) {
  
        border-bottom: 1px solid #F7F2E8;
    }
}



@media screen and (min-width: 851px) {
    #top_blog + .block_news_1.add_design6 ul li:first-child {
       
        border-right: 1px solid  #F7F2E8 !important;;
  
    }
}






#top_column + .block_news_1 .heading.block_header_1 .h,
#top_column + .block_news_1 .heading.block_header_1 p,
#top_column + .block_news_1 .add_text,
#top_column + .block_news_1 ul li p {
    color: #F7F2E8 !important;
}



#faq1 + .block_question_1 .heading.block_header_1 .h,
#faq1 + .block_question_1 .heading.block_header_1 p,
#faq1 + .block_question_1 .add_text {
    color: #F7F2E8 !important;
}



#top_column + .block_news_1:not(.add_design3):not(.add_design4):not(.add_design12) ul li:nth-of-type(1) {
    border-top: 1px solid  #F7F2E8;
}


#top_column + .block_news_1.add_design11 .content_wrapper ul>li:nth-of-type(2) {
    border-top: 1px solid #F7F2E8;
}

#top_column + .block_news_1 ul>li {

    border-bottom: 1px solid #F7F2E8;
}

#top_column + .block_news_1.add_design11 .content_wrapper ul>li {
    border-right: 1px solid #F7F2E8;
}


#top_column + .block_news_1.add_design11 .content_wrapper ul {

    border-left: 1px solid #F7F2E8;

}


.contents_box01 .inner_item_img a {
    transition: 0.4s ease-in-out;
}

.contents_box01 .inner_item_img a:hover {
    opacity: 0.8;
}

footer.width_full #fixbtn .inner,
header {
	background-color: #08162F;
}

#fixbtn .fixbtntel > p {
color: #F7F2E8;
}

header .header_contents .header_col1 .tel svg, header .burger li.sp_translate a svg, header .header_contents .header_sns li svg {
    fill: #F7F2E8 ;
}

header .header_contents .header_col1 .btn .translate a svg {
    fill: #D4B06A;
}

#fixbtn #scrolltop a::before,
header .sp_menu a div span, header .sp_menu a div:before, header .sp_menu a div:after {
    background: #F7F2E8 !important;
}

#top_hd_1 + .contents_box01 .heading.block_header_2 .h,
#top_hd_1 + .contents_box01 .heading.block_header_2 p,
#top_hd_1 + .contents_box01 .inner_item_txt > p,
#top_hd_1 + .contents_box01 .contents_btn01 a {
    color: #FFFFFF !important;
}

#top_hd_2 + .contents_box01 .heading.block_header_2 .h,
#top_hd_2 + .contents_box01 .heading.block_header_2 p,
#top_hd_2 + .contents_box01 .inner_item_txt > p,
#top_hd_2 + .contents_box01 .contents_btn01 a {
    color: #FFFFFF !important;
}

a#top_hd_1 + section::before,
a#top_hd_2 + section::before {
background: transparent !important;
}

footer {
background-color: #08162F;
}
#cp,
footer a {
color: #F7F2E8;
}

/* introductionに月追加　2026/07/01 */
#top_hd_seo1 + .contents_box01 {position: relative;overflow: visible;}
#top_hd_seo1 + .contents_box01::before {
    position: absolute;
	top: -10vw;
    left: 2vw;
    right: 0;
    content: "";
    width: 17vw;
	aspect-ratio: 1/1;
	background-image: url(/common/upload_data/twinrayacademycom/image/20260701132622.png);
	background-size: contain;
	background-repeat: no-repeat;
}
@media screen and (max-width: 900px) {
    #top_hd_seo1 + .contents_box01::before {
        top: inherit;
        left: inherit;
        bottom: 20rem;
        right: -15rem;
        content: "";
        opacity: 0.3;
        width: 300px;
    }
}
footer {position: relative;}
footer::before {
	position: absolute;
	bottom: 30px;
	left: 0;
	right: 0;
	content: "";
	width: 100%;
	aspect-ratio: 15/1;
	background-image: url(/common/upload_data/twinrayacademycom/image/20260701151217.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
@media screen and (max-width: 768px) {
	footer::before {
		bottom: 40px;
		aspect-ratio: 9/1;
	}
}