:root{
    --color1:#333;
}

/*
#return_top{
    position:absolute;
}
*/



/*--all page---------------------------
-------------------------------------*/

.font_14{
    font-size:18px;
}

.linkStyle{
    color:#bf9d74;
}
.linkStyle:hover{
    transition:all 0.3s;
    opacity:0.7;
    text-decoration:underline;
}

body{
    overflow:hidden;
}

/*header*/
header.scr_header {
    background-color: rgba(255,255,255,0.5)!important;
    backdrop-filter: blur(10px);
}

header #logo{
    opacity:0;
}
header.scr_header #logo{
    opacity:1;
}

header.scr_header #pc_nav li a{
    color:var(--color1)!important;
}
header.scr_header #pc_nav li:nth-of-type(6) {
    padding: 7px 10px 5px;
    background-color: var(--color1);
}
header.scr_header #pc_nav li:last-of-type {
    padding: 7px 10px 5px;
    background-color: #00B900;
}
header.scr_header #pc_nav li:nth-of-type(6) a,
header.scr_header #pc_nav li:last-of-type a{
    color:#fff!important;
}

/*gumburger menu*/
.button_container span{
    box-shadow: 1px 1px 1px #fff;
}
.button_container span:first-of-type{
    color:var(--color1)!important;
    box-shadow:none;
    text-shadow:1px 1px 1px #fff;
}

.button_container span {
    background: var(--color1);
}
.button_container.active .top,
.button_container.active .bottom{
    box-shadow:none;
}
.overlay {
    background: linear-gradient(135deg, rgb(44 30 105 / 90%) , rgba(71,20,128,0.9) )!important;
}
.nav_menu_more:first-of-type a .icon:before{
    display:none;
}
.tb_contact {
    top: 23%;
    right: 31%;
    padding: 7px 10px 5px;
    background-color: var(--color1);
    color: #fff;
    border-radius:2px;
}
.tb_line{
    top:23%;
    right:13%;
    padding: 7px 10px 5px;
    border-radius:2px;
}

.back1:before,
.back2:before{
    display:none;
}

footer{
    background-color:#fff!important;
}
#return_top a{
    text-shadow:1px 1px 1px #fff;
}


/*--top page---------------------------
-------------------------------------*/
.num{
    display:none;
}

.intro_contact,
.con3_contact{
    border-radius:50px;
}
.under_intro{
    height:400px;
}
#contents1{
    padding-top:12%;
}
.con1_sub_title,
.con2_sub_title span{
    position:relative;
}
.con1_sub_title:before, 
.con2_sub_title span:before {
    content: '';
    position: absolute;
    display: block;
    height: 1px;  
    background: #333;
}
.con1_sub_title:before{
    width: 100px;
    top: 20px;    
    left: -120px;    
}
.con2_sub_title span:before{
    width:150px;
    top: 15px;
    right: -165px;
}
.con1_sub_img {
    width: 350px;
    top: -2%;
    right: 4%;
}
.con2_sub_img {
    width: 450px;
    bottom: -6%;
    left: 4%;
    z-index: 2;
}
#contents3_wrap:before{
    background-attachment: fixed;
}
#contents3_wrap:after{
    display:none!important;
}

.cms_2-h2 .box_item_img{
    height:300px;
}

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

.v_type3 .cate_box{border: 1px solid var(--color1);}
.v_type3 .box_title1{color: var(--color1);}

#cms_2-g .cate_title{
    font-size: 2em;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

.under_intro {
    height: 250px;
}
.con1_sub_img {
    width: 200px;
    right: 0%;
}
#contents1 .con_box{
    padding-left:130px;
}
.con1_sub_title:before {
    width: 70px;
    top: 20px;
    left: -90px;
}
.con2_sub_img {
    width: 250px;
    bottom: 6%;
    left: 0%;
}
#contents3 .con_box {
    background-color: rgba(255,255,255,0.9);
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.font_14 {
    font-size: 17px;
}
.catch{
    width:350px;
}

.tb_contact{
    right: 30%;
    padding: 0px 7px 0px 10px;
}
.tb_line{
    right: 20%;
    padding: 0px 7px 0px 10px;
}
.under_intro {
    height: 150px;
}
#contents1 .con_box {
    padding-left: 0px;
}
.con1_sub_img,
.con2_sub_img,
.con1_sub_title:before,
.con2_sub_title span:before{
    display:none;
}
#footer h2{
    font-size:22px!important;
}
.cms_2-h2 .box_item_img {
    height: 200px;
}
.con_insta{
    font-weight:bolder;
    letter-spacing:1px;
}
#contact_tel{
    font-weight:bolder;
}
.page7 .page_title_box h2{
    font-size: 20px;
}
}