#wrap {
    background-image:url(./Dup/img/bg.jpg);
    background-size: cover;
    background-attachment:fixed;
}
#loading img {
    max-width: 450px;
}
#header h1 img {
    max-width: 300px;
    width: 20%!important;
}
.footer_logo {
    max-width: 300px;
}
/*-------- タブレット --------*/
@media screen and (max-width: 768px){
#header {
    padding: 10px;
}
#header h1 img {
    width: 200px!important;
}
#page_title h2 {
    font-size: 32px;
}
}
/*-------- スマートフォン --------*/
@media screen and (max-width: 667px){
#loading img {
    max-width: 300px;
}
#header h1 img {
    width: 200px!important;
}
#page_title h2 {
    font-size: 24px;
}
.footer_logo {
    max-width: 240px;
}
}


/*-------- CMS --------*/
.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: #033f7e;
	left: 0;
	top: -70px;
	z-index: -1;
}
.flow_type3 .box_title1::after{
	width: 100%;
	height: 1px;
	bottom: 0;
	left: 0;
	background-color: #fff
}
/*-------- スマートフォン --------*/
@media screen and (max-width: 667px){
.flow_type3 .box_title1::before{
	left: auto;
	right: 0;
	top: -50px
}
.flow_type3 .box_item {
    padding-top: 36px;
}
}

#wrap {
    display: none!important;
}
@media screen and (max-width: 667px){
.sp_contact_bt {
    display: none!important;
}
}