/*
#loading{
    display: none;    
}
*/



/*--all page---------------------------
-------------------------------------*/
.linkStyle{
    color:#28282d;
    text-decoration:underline;
}
.linkStyle:hover{
    transition:all 0.3s;
    opacity:0.7;
}

body{
    overflow:hidden;
}

#footer_info .tel_bt,
.overlay ul.sp_tel{
    display:none;
}
footer .info_btn_wrap p{
    margin:auto;
}

#t_wrapper::before,
#wrapper::before{
    content:"";
    display:block;
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    width:100%;
    height:100vh;
    background-repeat: no-repeat;
    background-position: center center;    
}
#t_wrapper::before {
    background-image:url('./Up_Img/576/mainimg.jpg');
    background-size: cover;
}
#wrapper::before {
    background-image:url('./Up_Img/576/pagetitle.jpg');
    background-size: cover;
}


/*--top page---------------------------
-------------------------------------*/
.top_header #logo{
    opacity:0;
}
.top_header.scr_header #logo{
    opacity:1;
}

.catch{
    bottom:10%;
    left:5%;
    z-index:2;
    /*color:#fff;*/
    width: 55vw;
    max-width: 1100px;
    filter: drop-shadow(2px 2px 0 #fff);
}
.catch h2{
    font-size: 6rem;
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 20px;
}
.catch p{
    font-size:2rem;
}
#contents .box2 .con_title{
    font-size: 33px;
}
.con3_sub_title{
    font-size:5rem;
}
.con3_txt_box .con_txt{
    font-size:1.3rem;
}

/*2023-12-08 修正*/
.intro_photo .rotate_txt{
    display:none;
}
#con2 .topimg2 {
    width: 80%;
}
#con2 .topimg3 {
    width: 50%;
    margin: -10px 0px 0px auto;
}
@media screen and (max-width: 1536px){
#con2 .width_90per_tb{
    width:90%!important;
}
    
}
@media screen and (max-width: 667px){
/*
#con2 .topimg3 {
    margin: -30px 0px 0px auto;
}
*/
#contents .con_title {
    font-size: 21px;
}
#contents .box2 .con_title {
    font-size: 28px;
}
}



/*--under page---------------------------
-------------------------------------*/

.qa_type5 .faq_no {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    top: -10px;
    left: 0;
	-webkit-background-clip: padding-box; 
	-moz-background-clip: padding; 
	background-clip: padding-box;
}
.qa_type5 .box_title1, .qa_type5 .box_txt1 {padding-left: 70px;line-height: 1.7;}



/* ---------- responshive ---------- */
@media screen and (max-width: 1536px){

}


@media screen and (max-width: 1366px){

}


/* ---------- タブレット ---------- */
@media screen and (max-width: 1024px){
#t_wrapper::before{
    background-position: 73%;
}
.catch {
    bottom: 21%;
    left: 5%;
    width: 92vw;
}
    
}
@media screen and (max-width: 768px){

.con3_sub_title {
    font-size: 3rem;
}
#contents .con3_txt_box .con_title{
    font-size:30px;
}
.con3_txt_box .con_txt {
    font-size: 1rem;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

.catch{
    bottom: 25%;
    left: 1%;
    width: 96vw;
}
.catch h2 {
    font-size: 3rem;
}
.catch p {
    font-size: 1.2rem;
}

.con3_sub_title {
    font-size: 2rem;
    text-align: center;
}
#contents .con3_txt_box .con_title {
    font-size: 18px;
    text-align: center;
}
.con3_img_box{
    margin:auto;
}
}