header .logo {
    max-width: 180px;
}

.all_page header .logo img {
    height: 40px !important;
    width: auto !important;
}


@media screen and (max-width: 1000px) {
    #nav_menu {
        height: 50px !important;
        width: 50px !important;
        
    }
}


@media screen and (max-width: 667px) {
    header .logo, header .logo img,.all_page header .logo img {
        height: 30px !important;
    }
    #nav_menu {
        height: 50px !important;
        width: 50px !important;
        right: 0px;
        top: 0px;
    }
}

#page_title {
    margin-top: 60px;
}

@media screen and (max-width: 667px) {
    #page_title {
    margin-top: 50px;
}

}
@media screen and (max-width: 667px) {
.mg_t-25px_sp{
    margin-top: 25px;
}
}


#contents .box:nth-child(odd) .box_item {
    margin-left: 50%;
}



@media screen and (max-width: 768px) {
    #contents .box:nth-child(odd) .box_item  {
        margin-left: 5%;
    }
}


@media screen and (max-width: 667px) {
    .main_img_wrap {
        margin-top: 50px;
    }
}


.catelist-none .cate_list.mg_b-40px{
    display: none;
}



.flow_type3 .cate{counter-reset: box;}
.flow_type3 .cate_box{counter-increment: box;}
.flow_type3 .box_item{padding-top: 60px;}
.flow_type3 .box_title1{z-index: 0}
.flow_type3 .box_title1::before, .flow_type3 .box_title1::after{
	position: absolute;
	content: "";
	display: block;
	pointer-events: none
}
.flow_type3 .box_title1::before {
	content: "0"counter(box);
	font-size: 86px;
	color: #ebebeb;
	left: 0;
	top: -70px;
	z-index: -1;
}
.flow_type3 .box_title1::after{
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #222
}
/*-------- スマートフォン --------*/
@media screen and (max-width: 667px){
.flow_type3 .box_title1::before{
	left: auto;
	right: 0;
	top: -50px
}
.flow_type3 .box_item {
    padding-top: 36px;
}

}

.f_logo .logo {
    max-width: 300px;
}

.f_logo .logo.width_20per{
        width: 25% !important;
}

@media screen and (max-width: 667px) {
    .f_logo .logo.width_50per_sp {
        width: 70% !important;
    }
}

@media screen and (max-width: 667px) {
    .main_img {
        height: 68vh;
        overflow: hidden;
    }
    #question .txt .check {
    width: 30px;
    height: 20px;
    }
}

@media screen and (max-width: 667px) {
    .t_banner_box {
        margin-top: 0px;
        transform: translateY(-10%);
    }
}

.main_img_wrap {
    height: auto;
    min-height: auto; 

}

@media screen and (max-width: 667px) {
    .page-top {
        bottom: 60px;
    }
}

#cms_5-f .cate{
    margin-top:100px;
}

@media screen and (max-width: 667px) {
    #cms_5-f .cate{
    margin-top:50px;
}
}


#question .txt:before {
    display: none
}