@charset "utf-8";
@media screen and (min-width:781px) {
	.link_set a {
		color: #222;
		text-decoration: none;
	}
	body {
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 14px;
		line-height: 20px;
		color: #222;
	}
	
	#basss {
		width: 1024px;
		margin: 0 auto;
		background-size: 18px 152px;
	}
	
	#areas {
		width: 100%;
		margin: 0 auto;
	}
	header {
		width: 950px;
		margin: 0 auto;
	}
	/* ヘッダー各ロゴ */
	#logo {
		display: flex;
		padding: 15px 0px 15px 0;
	}
	
	#logo .logo dt{
		display: flex; align-items: center;
	}
	#logo .logo dt a:nth-child(1) {
	}
	#logo .logo dt a:nth-child(1) img {
		width: 136px; height: auto;
	}
	#logo .logo dt a:nth-child(2) { 
		margin: 0 22px 0 25px;
	}
	#logo .logo dt a:nth-child(2) img {
		width: 210px; height: auto;
	}
	#logo .logo dt a:nth-child(3) {
	}
	#logo .logo dt a:nth-child(3) img {
		width: 184px; height: auto;
	}
	
	#logo .icons {
		padding-top: 17px;
		margin-left: auto;
	}
	
	#logo .icons img {
	}
	
	#logo dl {
		margin: 0px;
		padding: 0px;
	}
	#logo dt img {
		width: 593px; height: auto;
	}
	#logo dd {
		display: none;
	}
	
	.icons a:first-child {
		margin: 0 15px 0;
	}
	
	#head-nav {
		margin: 0px;
		padding: 0px;
	}
	
	.pc-nav {
		width: 100%;
		line-height: 0;
		background: url("../img/menu_bg.png") no-repeat;
	}
	
	/* Mobile menu */
	.mobile-nav-base {
		display: none;
	}
	
	.sns {
		display: table-cell;
		width: 150px;
		height: 26px;
		line-height: 0;
		vertical-align: top;
	}
	
	/* コンテンツ */
	#cont_bass {
		width: 950px;
		margin: 0 auto;
		display: flex;
	}
	#content {
		width: 100%;
		margin: 0 auto;
	}
	
	#content2 {
		width: 950px;
		margin: 0 auto;
	}
	
	#left_nav{
		margin: 0 15px 0 0;
	}
	
	
	/* フッター */
	footer {
		width: 100%;
		margin: 60px 0 0 0;
		border-top: solid 1px #231815;
	}
	
	#footer-menu {
		display: table;
		width: 850px;
		margin: 20px auto 0 auto;
	}
	
	.address {
		display: table-cell;
		width: 500px;
		vertical-align: top;
	}
	
	.address li {
		margin-bottom: 6px;
	}
	
	.address li:last-child {
		margin-bottom: 0;
	}
	
	.navs_box {
		display: table-cell;
		width: 300px;
		padding-top: 46px;
		overflow: hidden;
	}
	.address li:nth-child(4) br:last-child{
		display: none;
	}
	.address li:nth-child(5) br:last-child{
		display: none;
	}
	
	.navs {
		display: table-cell;
		width: 150px;
		vertical-align: top;
	}
	
	.navs a {
		color: #222;
		text-decoration: none;
		transition: color 0.2s;
	}
	
	.navs a:hover {
		color: #36c;
		text-decoration: none
	}
	
	.navs li {
		margin-bottom: 11px;
	}
	
	.navs li:first-child {
	}
	
	.navs li:last-child {
		margin-bottom: 0;
	}
	
	.sns img {
		margin: 0 20px 0 0 ;
	}
	
	.sns ul{
		display: table;
	}
	
	.sns li{
		display: table-cell;
	}
	
	#copy {
		width: 100%;
		margin: 80px 0 40px 0;
		font-size: 12px;
		text-align: center;
	}
	
	/* ページトップボタン */
	#page-top {
		position: fixed;
		right: 40px;
		bottom: 40px;
		line-height: 0;
	}
	
	#page-top a {
		display: block;
		width: 57px;
		height: 57px;
		background: url("../img/btn_top.png") no-repeat;
	}
	
	#page-top a:hover {
		background: url("../img/btn_top.png") no-repeat;
	}
	
}
@media screen and (max-width:780px) {
	.link_set a {
		color: #222;
		text-decoration: none;
	}
	body {
		min-width: 360px;
		width: 100%;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 14px;
		line-height: 20px;
		color: #222;
		position: relative;
	}
	
	#basss {
		width: 100%;
		min-width: 360px;
		padding: 0 25px;
		box-sizing: border-box;
		background-size: 18px 152px;
		overflow: hidden;
	}
	
	#areas {
		width: 100%;
	}
	
	header {
		overflow: hidden;
	}
	
	/* ヘッダー各ロゴ */
	#logo {
		margin: 0 0 0 -25px;
		padding: 15px 25px 0;
		width: 100%;
		height: 90px;
		position: fixed;
		box-sizing: border-box;
		background: #fff;
		z-index: 1;
	}
	
	#logo li:last-child {
		display: none;
	}
	
	#logo li:first-child {
		width: 100%;
	}
	#logo dl {
		display: flex;
		margin: 0px;
		padding: 0px;
		width: 100%;
	}
	
	#logo .logo dt{
		display: flex; flex-wrap: wrap;
	}
	#logo .logo dt a:nth-child(1) {
		order: 1;
	}
	#logo .logo dt a:nth-child(1) img {
		width: 95px; height: auto;
	}
	#logo .logo dt a:nth-child(2) {
		order: 3;
		width: 100%;
		margin: -8px 0 0 0;
	}
	#logo .logo dt a:nth-child(2) img {
		width: 180px;
		height: auto;
	}
	#logo .logo dt a:nth-child(3) {
		order: 2;
	}
	#logo .logo dt a:nth-child(3) img {
		width: 135px;
		height: auto;
		margin: 6px 0 0 15px;
	}
	
	
	#logo dd {
		margin: 17px 0 0 auto;
		padding: 0px;
		text-align: right;
		width: 40px;
	}
	
	#logo dd img {
		width: 40px;
		height: auto;
		cursor: pointer;
	}
	
	.pc-nav {
		display: none;
	}
	
	/* Mobile menu */
	.mobile-nav-base {
		margin: 0 0 0 0;
		padding: 0px;
		height: 0px;
		overflow: hidden;
		position: fixed;
		left: 0px;
		z-index: 1;
	}
	.mobile-nav-move {
		margin: 0px;
		padding: 0px;
		width: 100%;
		display: none;
	}
	.mobile-nav {
		margin: 0px;
		padding: 7% 8%;
		width: 100%;
		background: #000;
		box-sizing: border-box;
		z-index: 100;
	}
	.mobile-nav * {
		color: #fff;
		text-decoration: none;
	}
	.mobile-nav dl * {
		font-size: 3vw;
		line-height: 260%;
		letter-spacing: 0.2em;
	}
	.mobile-nav a:hover {
		text-decoration: underline;
		text-decoration-color: #000;
	}
	.mobile-nav span {
		font-size: 2.5vw;
		padding: 0px 0px 0px 15px;
	}
	.mobile-nav dl {
		margin: 0px;
		padding: 0px;
		width: 100%;
		display: flex;
	}
	.mobile-nav #mark_img a:last-child {
		padding: 0px 0px 0px 20px;
	}
	.mobile-nav #mark_img img {
		width: 25%;
		height: auto;
	}
	.mobile-nav dt {
		margin: 0px;
		padding: 0px;
		width: 60%;
	}
	.mobile-nav dd {
		margin: 0;
		padding: 0;
		width: 40%;
	}
	#bm_copyright {
		margin: 30px 0px 0px 0px;
		padding: 0px;
		font-size: 2vw;
		letter-spacing: 0.2em;
		text-align: center;
	}
	
	/* コンテンツ */
	#content {
		/*padding-top: 65px;*/
	}
	#content2 {
		/*padding-top: 65px;*/
	}
	
	
	
	/* フッター */
	footer {
		width: 100%;
		margin: 40px 0 0 0;
		font-size: 12px;
		border-top: solid 1px #231815;
	}
	
	#footer-menu {
		display: flex;
		margin: 20px 0 0 0;
	}
	
	.address {
		margin-right: 30px;
		padding-right: 5%;
		vertical-align: top;
	}
	
	.address a {
		color: #222 !important;
		text-decoration: none !important;
	}
	
	.address li {
		margin-bottom: 6px;
	}
	
	.address li:last-child {
		margin-bottom: 0;
	}
	
	.navs_box {
		display: flex;
		flex-wrap: wrap;
		min-width: 80px;
		padding-top: 46px;
		overflow: hidden;
	}
	
	.navs {
		width: 90px;
		vertical-align: top;
	}
	
	.navs a {
		color: #222;
		text-decoration: none;
		transition: color 0.2s;
	}
	
	.navs a:hover {
		color: #36c;
		text-decoration: none
	}
	
	.navs li {
		margin-bottom: 11px;
	}
	
	.navs li:first-child {
	}
	
	.navs li:last-child {
		margin-bottom: 0;
	}
	
	.sns {
		height: 26px;
		margin: 0 0 0 0;
		line-height: 0;
		vertical-align: top;
	}
	
	.sns img {
		margin: 0 20px 0 0 ;
	}
	
	.sns ul{
		display: table;
	}
	
	.sns li{
		display: table-cell;
	}
	
	#copy {
		width: 100%;
		margin: 60px 0 40px 0;
		font-size: 12px;
		text-align: center;
	}
	
	/* ページトップボタン */
	#page-top {
		position: fixed;
		right: 25px;
		bottom: 40px;
		line-height: 0;
	}
	
	#page-top a {
		display: block;
		width: 57px;
		height: 57px;
		background: url("../img/btn_top.png") no-repeat;
	}
	
	#page-top a:hover {
		background: url("../img/btn_top.png") no-repeat;
	}
	

}