/*
Theme Name:アルフレッドカスタムwikiテーマ
Theme URI: 	http://www.corp-alfred.com/hp-package/
Author: ALFRED Corder Team
Author URI: http://www.corp-alfred.com/
Description:初期段階・テーマ説明
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Made ALFRED
Tags:
*/

/*common*/


@media screen and (max-width: 1024px) {

	.pc{
		display: none;
	}
	.sp{
		display: block;
	}

	.contents-line{
		width: 90%;
	}

	.sys-btn-content{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
		margin: 30px auto;
		gap: 16px 16px;
	}
	.sys-btn-content-2,
	.sys-btn-content-3 {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		align-content: center;
		justify-content: space-between;
		margin: 30px 0;
	}
	.sys-btn-content .sys-btn {
		width: 45%;
		margin: 5px;
	}
	.sys-btn-content-2 .sys-btn,
	.sys-btn-content-3 .sys-btn {
		width: 70%;
		margin: 10px;
	}

	.content-sep {
		display: flex;
		flex-direction: column;
	}
	.post-category {
		width: 100%;
	}
	ul.knowledge-category-list {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
	}
	.content-sep1,
	.content-sep2 {
		width: auto;		
	}
	.content-sep1 {
		margin: 0;
	}
	.knowledge-list li {
		display: flex;
		flex-direction: column-reverse;
		align-items: flex-start;
		padding: 10px 0;
	}
	.knowledge-link {
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		gap: 0;
		flex-wrap: wrap;
		width: 100%;
	}
	p.knowledge-cate {
		margin-top: 0;
	}
	.knowledge-list p.knowledge-title {
		width: 100%;
		padding: 10px 0;
		margin: 0;
	}
	.knowledge-list p.knowledge-title {
		width: 100%;
		padding: 10px 0;
		margin: 0;
	}
	p.knowledge-title a {
		display: inline-block;
		width: 100%;
	}

	.hamburger {
		margin: 20px auto 0;
		width: 100%;
		max-width: 900px;
		display: flex;
		justify-content: space-between;
	}

	.logo {
		font-size: 40px;
		font-weight: 700;
	}

	.hamburger .btn-gNav {
		position: absolute;
		top: 0px;
		right: 20px;
		width: 30px;
		height: 24px;
		z-index: 12;
		box-sizing: border-box;
		cursor: pointer;
		-webkit-transition: all 400ms;
		transition: all 400ms;
	}

	.hamburger .btn-gNav span {
		position: absolute;
		width: 100%;
		height: 4px;
		background: #135e96;
		border-radius: 10px;
		-webkit-transition: all 400ms;
		transition: all 400ms;
	}

	.hamburger .btn-gNav span:nth-child(1) {
		top: 0;
	}

	.hamburger .btn-gNav span:nth-child(2) {
		top: 10px;
	}

	.hamburger .btn-gNav span:nth-child(3) {
		top: 20px;
	}

	.hamburger .btn-gNav.open span:nth-child(1) {
		background: #135e96;
		top: 6px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.hamburger .btn-gNav.open span:nth-child(2),
	.hamburger .btn-gNav.open span:nth-child(3) {
		top: 6px;
		background: #135e96;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}


	.btn-gNav {
		display: none;
	}

	.gNav .gNav-menu {
		display: flex;
		justify-content: space-between;
	}

	.gNav .gNav-menu li {
		margin: 0 auto;
		padding: 0 5px;
	}
	.gNav-menu li a {
	}
	.btn-gNav {
		display: block;
	}

	.gNav {
		position: fixed;
		top: 0;
		right: -100%;
		width: 100%;
		height: 100%;
		background-color: #FFF;
		font-size: 16px;
		box-sizing: border-box;
		z-index: 1;
		padding-top: 50px;
		transition: .3s;
	}

	.gNav.open {
		right: 0;
	}

	.gNav .gNav-menu {
		padding: 0;
		width: 100%;
		height: 100%;
		display: block;
		flex-direction: column;
		text-align: center;
		/*justify-content: center;*/
	}

	.gNav .gNav-menu li {
		width: 86%;
		padding: 30px;
		border-bottom: #525252 1px solid;
	}
	.btn-wrap {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: space-around;
		align-items: center;
	}
	.btn-wrap a {
		padding: 60px 0;
		width: 80%;
	}
	.cardTypeList__item_krt {
		margin: 10px 16px;
		width: 39%;
	}.cardTypeList__link_krt {
		height: 130px;
	}

}
@media (max-width: 768px) {
	.sys-btn-content{
		gap: 0;
	}
}