@charset "utf-8";
.slicknav_menu, .sp {
	display: none;
}
@media screen and (max-width: 667px) {
    
    .sp {
        display: block;
    }

	.box, .wrap__box, .cont__box-box, .top--area {
		width: 100%;
		padding: 0;
	}
	.cont__box-box {
		padding: 3%;
	}
    .title--area {
        margin-bottom: 10px;
    }
	.title--area .title-area {
		width: 90%;
	}
    
    .gnav ul li {
        width: 100%;
    }
    
    .slicknav_nav ul {
        margin: 0;
    }

	.main__cont {
		float: none;
	}
	.page__in {
		margin: 0;
		padding: 3%;
	}
	.page__in > img {
		max-width: 100%;
		max-height: none;
	}

	.page > h2 {
		padding: 10px 10px 10px 20px;
		font-size: 18px;
	}


	.links {
		flex-direction: column;
		align-items: center;
	}
	.links > h2 {
		width: 100%;
		padding: 20px 0;
	}
	.links .link-cont__box {
		width: 100%;
		margin: 10px 0 0;
	}


	.left__menu {
		float: none;
		width: 100%;
		display: none;
	}
	.left__menu ul {
		display: none;
	}
	.slicknav_menu {
		display: block;
		margin-bottom: 20px;
		background: #000;
	}
	.slicknav_menu .slicknav_menutxt {
		text-shadow: none;
	}

	.slicknav_btn {
		width: 100%;
		background: none;
		text-shadow: none;
	}
	.slicknav_menu .slicknav_icon {
		float: right;
	}
	.slicknav_menu .slicknav_icon-bar {
		box-shadow: none;
	}

	.slicknav_parent a p {
		display: inline-block;
	}

	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: none;
	}

	.slicknav_nav li ul li a {
		margin: 10px 0 20px;
		padding-bottom: 5px;
		transition: all .3s ease;
	}
	.slicknav_nav li ul li a:hover {
		color: #fff;
		border-radius: 0;
		background: none;
		opacity: .7;
	}
	.slicknav_nav li ul li img {
		display: none;
	}

	footer {
		flex-direction: column;
		align-items: center;
		padding: 3%;
	}
	footer .copy-container {
		width: 100%;
	}
	footer > ul {
		display: block;
		width: 100%;
	}
    footer > ul > li {
        width: 100%;
    }

	.pan__navi {
		margin: 0;
	}
    .pan__navi .wrap__box {
        padding: 0 3%;
    }
    .pan__navi ul {
        margin: 10px 0;
    }

	.sns__box {
		display: block;
	}
	.sns__btn {
		width: 100%;
		margin-bottom: 10px;
	}

	.gnav ul {
		flex-direction: column;
		padding: 3%;
	}
	.gnav ul li a {
		display: block;
		margin: 10px 0;
		padding-bottom: 5px;
		width: 100%;
		text-align: left;
		border-bottom: 1px dashed  #f18e00;
	}
    
    .top__btn {
        width: 100%;
    }
    
    .title--area .title-area {
        padding: 36px;
    }
    .title--area .title-area::before,
    .title--area .title-area::after {
        width: 30px;
    }
    
    .page__in img {
        width: 100%;
    }
    
    .side-title {
        float: none;
        width: 96%;
        margin: 0 auto 20px;
    }
    .box {
        width: 100%;
        padding: 3% 0px;
    }
    
    footer .wrap__box {
        flex-direction: column-reverse;
    }
    footer .wrap__box > ul {
        display: block;
        width: 100%;
    }
    footer .wrap__box > ul > li {
        width: 100%;
    }
    footer ul li ul li a {
        display: block;
    }
    
    .cont__box {
        width: 100%;
    }
    
    .sns__box .sns__box {
        flex-wrap: wrap;
    }
    
    main {
        padding: 3%;
    }
    
    .links .link__bx {
        width: 100%;
        margin: 20px 0 0;
        padding: 3%;
    }
    
    .page__in.not__found {
        margin: 0;
    }
    
    .catch__area .wrap__box {
        padding: 0 3%;
    }
    
    .links > h2::before,
    .links > h2::after {
        content: none;
    }
    .links .link__in h3 {
        margin: 0;
    }
    .links .link__in h3 a {
        margin: 0;
    }

}