@charset "UTF-8";

@media all and (min-width: 300px) and (max-width: 767px) {

/* アコーディオンメニュー
  ================================================ */
	#acMenu2 {display: block;/* border-bottom: 1px solid #ccc; */}
	#acMenu2 ul,#acMenu2 li {margin: 0;padding: 0;list-style: none;}
	#acMenu2 a {display: block;text-decoration: none !important;cursor: pointer;}
	#acMenu2 .ac_main {display: block;font-size: 1.0rem;text-align: left;border-top: 1px solid #cf9011;}
	#acMenu2 .ac_main:first-child {border: 0;}
	#acMenu2 .ac_main:last-child {}
	#acMenu2 .ac_main a {line-height: 46px;padding: 0 20px;position: relative;}
	#acMenu2 .ac_main a:after {content: "\f067";display: inline-block;font-family: "Font Awesome 5 free";font-size: 1.0rem;font-weight: normal;font-weight: bold;line-height: 1;opacity: 1;color: #333;position: absolute;top: 50%;right: 20px;margin-top: -8px;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transition-duration:.3s;
	transition-timing-function:ease-out;
	transition-delay:0;}
	#acMenu2 .ac_main.active a:after {/*content: "\f068";*/
	-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			transform: rotate(45deg);}
	#acMenu2 .ac_main.only a:after {content: none;}
	#acMenu2 .ac_main a:hover {opacity: 1;}
	#acMenu2 .ac_sub {background-color: #ffcc65;display: none;}
	#acMenu2 .ac_sub li {}
	#acMenu2 .ac_sub li a {line-height: 40px;padding: 0px 20px 0px 35px;}
	#acMenu2 .ac_sub li a:first-child {
	}
	#acMenu2 .ac_sub li a:hover {background-color: #ddd;}
	#acMenu2 .ac_main.active {}
	#acMenu2 .ac_main.active .ac_sub {display: block;}
	#acMenu dt {
		display: block;
		width: 200px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		border: #5bc0de 1px solid;
		cursor: pointer;
	}
	#acMenu dd {
		background: #d9534f;
		width: 200px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		border: #5bc0de 1px solid;
		display: none;
	}
	#tabMenu ul {
		width: 600px;
	}
	#tabMenu li {
		float: left;
	}
	#tabMenu li a {
		display: block;
		width: 198px;
		height: 48px;
		line-height: 50px;
		text-align: center;
		border: #5bc0de 1px solid;
	}
	#tabBox1,
	#tabBox2,
	#tabBox3 {
		width: 598px;
		height: 300px;
		border: #5bc0de 1px solid;
	}
	#tabBox1 {
		background: #5bc0de;
	}
	#tabBox2 {
		background: #d9534f;
		display: none;
	}
	#tabBox3 {
		background: #115a71;
		display: none;
	}
	#acMenu2 dt {
		display: block;
		width: 185px;
		line-height: 50px;
		text-align: center;
		border: #5bc0de 1px solid;
		cursor: pointer;
		padding-right: 15px;
	}
	#acMenu2 dd {
		background: #d9534f;
		width: 200px;
		line-height: 50px;
		text-align: center;
		border: #5bc0de 1px solid;
		display: none;
	}
	#acMenu2 dt.active {}
	#acMenu2 .box {
    border-bottom: 1px solid #cf9011;
}
	#acMenu2 .box .title {font-size: 1.75rem;font-weight: 800;padding-left: 20px;margin-top: 20px;}
	#acMenu2 .box:first-child .title {
    margin: 0;
}
	.nav_sub {
    margin: 10px auto 0;
    text-align: center;
}
	.nav_sub li {
    display: inline-block;
    margin: 0 10px;
    font-size: 1rem;
    font-weight: 500;
}
	.nav_sub li a {
    text-decoration: none !important;
}
	.nav_sub li a:hover {}
}

@media (min-width: 768px) {
	#acMenu2 {display: none;}
}