@charset "utf-8";


/*=============================================
					共通部分
=============================================*/

/*----------------コンテナ-----------------*/

.l-section {
	width: 100%;
	height: auto;
	position: relative;
}

.l-section__inner {
	margin: 0 auto;
	width: 90%;
	height: auto;
	padding: 64px 0;
}

.l-row {
	width: 100%;
	height: auto;
}

.l-row__col--2,
.l-row__col--3,
.l-row__col--4,
.l-row__col--5 {
	width: 100%;
	height: auto;
	padding-bottom: 16px;
}

.l-row__col--2:last-child,
.l-row__col--3:last-child,
.l-row__col--4:last-child,
.l-row__col--5:last-child {
	padding-bottom: 0;
}


@media screen and (min-width:480px) { 
}


@media screen and (min-width:600px) {

.l-section__inner {
	padding: 72px 0;
}

.l-row {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.l-row__col--2,
.l-row__col--3,
.l-row__col--4,
.l-row__col--5 {
	width: 50%;
	height: auto;
	padding: 0 8px 16px;
}

.l-row__col--2 {
	padding: 0 8px;
}
}


@media screen and (min-width:768px) {

.l-section--blog {
	width: calc(100% - 280px);
}
	
.l-section--sidebar {
	width: 280px;
}

.l-section__inner {
	padding: 80px 0;
}

.l-section__inner--sidebar {
	width: 100%;
}
	
.l-section__inner--blog {
	width: 100%;
	margin: 0;
	padding: 80px 40px 80px 0;
}
	
.l-row__col--2,
.l-row__col--3,
.l-row__col--4,
.l-row__col--5 {
	padding: 0 12px 24px;
}

.l-row__col--2 {
	padding: 0 12px;
}
}


@media screen and (min-width:1000px) {

.l-section__inner {
	padding: 88px 0;
	width: 960px;
}

.l-section__inner--blog {
	width: 100%;
	padding: 88px 48px 88px 0;
}

.l-section__inner--bloglist {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
	
.l-section__inner--sidebar {
	width: 100%;
}

.l-section__inner--news {
	width: 720px;
}
	
.l-row {
}

.l-row--narrow {
	flex-wrap: nowrap;
	width: 720px;
}

.l-row__col--1 {
	width: 100%;
	padding: 0;
}

.l-row__col--3 {
	width: 33%;
}

.l-row__col--4 {
	width: 25%;
}

.l-row__col--5 {
	width: 20%;
}
}


@media screen and (min-width:1280px) {

.l-section__inner {
	padding: 96px 0;
	width: 1080px;
}

.l-section__inner--blog {
	width: 100%;
	padding: 96px 48px 96px 0;
}

.l-section__inner--sidebar {
	width: 100%;
}
	
.l-section__inner--news {
	width: 720px;
}
	
.l-section__inner--narrow {
	width: 960px;
}

.l-row__col--2 {
	padding: 0 16px;
}

.l-row__col--2:last-child {
	padding: 0 16px;
}

.l-row__col--3,
.l-row__col--4,
.l-row__col--5 {
	padding: 0 16px 32px;
}
}




/*----------------インフォ-----------------*/

.l-info-row__col {
	padding-bottom: 32px;
}

@media screen and (min-width:480px) { 

}


@media screen and (min-width:600px) {

.l-info-row__col {
	padding-bottom: 0;
}
}


@media screen and (min-width:768px) {


}


@media screen and (min-width:1000px) {


}


@media screen and (min-width:1280px) {



}





/*=============================================
					ヘッダー
=============================================*/

.l-header {
	width: 100%;
	height: 60px;
	background: rgba(61, 130, 195, 0.9);
	position: fixed;
	z-index: 100;
	transition: 0.3s;
}

.l-header.is-animation {
	background: transparent;
	transition: 0.3s;
}

.l-header__inner {
	width: 100%;
	height: 60px;
	margin: 0 auto;
	position: relative;
}


@media screen and (min-width:480px) { 
}


@media screen and (min-width:768px) {

.l-header {
	height: 56px;
	background: rgba(61, 130, 195, 0.9);
}

.l-header__inner {
	height: 56px;
}
}


@media screen and (min-width:1000px) {

.l-header {
	width: 100%;
	padding: 0 15px;
	height: 80px;
	background: transparent;
	transition: 0.3s;
}

.l-header.is-animation {
	background: rgba(61, 130, 195, 0.9);
	transition: 0.3s;
	height: 50px;
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.25);
}

.l-header__inner {
	height: 80px;
	transition: 0.3s;
}

.is-animation .l-header__inner {
	height: 50px;
}
}


@media screen and (min-width:1280px) {

.l-header {
	padding: 0 20px;
	height: 75px;
}

.l-header__inner {
	height: 75px;
}
}





/*=============================================
				メインビジュアル
=============================================*/

.l-hero {
	height: 100vh;
	width: 100%;
}

.l-hero--blog {
	height: 50vh;
}

.l-hero__inner {
	width: 100%;
	height: 100%;
	position: relative;
}


@media screen and (min-width:480px) { 

.l-hero__inner {
}
}


@media screen and (min-width:768px) {

.l-hero__inner {
}
}


@media screen and (min-width:1000px) {

.l-hero {
	height: 95vh;
}
	
.l-hero--blog {
	height: 50vh;
}
}


@media screen and (min-width:1280px) {
}





/*=============================================
				コンテンツ部分
=============================================*/

@media screen and (min-width:480px) { 
}


@media screen and (min-width:768px) {

.l-main--blog {
	display: flex;
	flex-wrap: nowrap;
	width: 90%;
	margin: 0 auto;
}
}


@media screen and (min-width:1000px) {

.l-main--blog {
	width: 960px;
}
}


@media screen and (min-width:1280px) {

.l-main--blog {
	width: 1080px;
}
}




/*=============================================
					フッター
=============================================*/

.l-footer {
	width: 100%;
	padding: 0 0 56px 0;
}

.l-footer__inner {
	width: 100%;
	margin: 0 auto;
	padding: 24px 0 0 0;
	position: relative;
}


@media screen and (min-width:480px) { 

.l-footer {
	padding: 0 0 38px 0;
}
}


@media screen and (min-width:768px) {

.l-footer {
	padding: 0 0 42px 0;
}
}


@media screen and (min-width:1000px) {

.l-footer {
	padding: 0;
}

.l-footer__inner {
	width: 100%;
	margin: 0;
	padding: 0;
}
}


@media screen and (min-width:1280px) {

}