@charset "utf-8";
/* ---------------------------
ヘッダータイプ：ナビ左：縦並び用CSS
---------------------------*/

/* ---------------------------

　　　　　ヘッダー・フッター

---------------------------*/
.header-fixed {
    position: fixed;
    z-index: 9999;
    top: 0;
    width: 300px;
    height: 100vh;
	padding: 50px 15px;
    background: #fff;
}
.header-fixed .logo {margin-bottom: 30px;}
.header-fixed .tel {margin-top: 30px;}

.header-fixed-h1 {
	background: #777;
	color: #fff;
	padding: 0 25px;
}
.breadcrumb ul {
	max-width: none;
	margin: 0;
}

.frontpage .main-image,
.breadcrumb {margin-bottom: 50px;}

.header-fixed-main,
.footer-fixed {
    margin-left: 300px;
}

@media screen and (min-width: 1101px) {
	.icon-hamburger {display: none;}
}
@media screen and (max-width: 1100px) {
	.header-wrapper {display: none;}
	.header-fixed-main, .footer-fixed {margin-left: 0;}
}

/* ---------------------------

　　　　　グローバルナビ

---------------------------*/
.globalNav-fixed a {
	padding: 15px 20px;
}
.globalNav-fixed .menu-has-children li{
	height: 0;
	overflow: hidden;
	transition: 0.5s;
}
.globalNav-fixed .menu-has-children:hover li{
	height: 55px;
	overflow: hidden;
}

/* ---------------------------
			main
---------------------------*/
.section-wrapper:not(:last-child) {margin-bottom: 50px;}

.header-fixed-main .content-wrapper {
	max-width: 1100px;
	margin: 0 auto;
}

.blog-side {
    display: flex;
    justify-content: space-between;
	margin-bottom: 50px;
}

.blog-side-wapper {
    width: calc(33.3% - 10px);
}
.article-wrapper {width: 100%;}
@media screen and ( min-width: 769px) {
	.blog-side-wapper:not(:first-child) {margin-top: 0;}
}
@media screen and ( max-width: 768px) {
	.blog-side {display: block;}
	.blog-side-wapper {width: 100%;}
}

.blog-wrapper {
	flex-direction: column-reverse;	
}