@charset "utf-8";
@import 'https://fonts.googleapis.com/css?family=Montserrat:500,600';
/*@import 'https://fonts.googleapis.com/css?family=Audiowide';*/
/*--------------------------------------------------------------------------------

* common

--------------------------------------------------------------------------------*/
html{font-size: 10px;/*background-color: #ddd*/}
body{
  max-width: 1440px;color: #333;font-size: 1rem;background: #fff;line-height: 1.7;word-wrap: break-word;margin: auto;
	font-family: 'ヒラギノ角ゴシック Pro','Hiragino Kaku Gothic Pro',メイリオ,Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

h1{font-size: 3.6rem;line-height: 1.7;font-weight: normal;}
h2{font-size: 3rem;line-height: 1.7;font-weight: normal;}
h3{font-size: 2.2rem;line-height: 1.7;font-weight: normal;}
h4{font-size: 18px;}
p{color: #222;line-height: 2;}
ul,ol{margin:0;padding: 0;}
*{word-break: break-all;word-wrap: break-word;box-sizing: border-box;}
img{max-width: 100%;height: auto;}

.mincho{font-family:游明朝,"Yu Mincho",YuMincho,serif;}

.invlid-click{pointer-events: none;}

.visible-xs{display: none!important;}
.hidden-xs{display: block!important;}
@media screen and (max-width:768px){
	.visible-xs{display: block!important;}
	.hidden-xs{display: none!important;}
}

.visible-mobile{display: none!important;}
.hidden-mobile{display: block!important;}
@media screen and (max-width:480px){
	.visible-mobile{display: block!important;}
	.hidden-mobile{display: none!important;}
}

a:hover{color: #333;}

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

color-code
	#cf1919 - 赤色

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

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

	container & section

----------------------------------------*/
.container{max-width: 960px;margin:auto;width: auto!important;}

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

	#partner

----------------------------------------*/
#partner p{margin-bottom: 10px;}
#partner .pad-10{padding: 0 10px;}
#partner .section-mini{margin-top: 50px;}
#partner .copy{color:#cf1919;font-size: 2rem;}
#partner .headline{position: relative;padding-top: 50px;}
#partner .headline h2{position: relative;z-index: 2;}
#partner .headline span{position: absolute;z-index: 1;font-weight: 900;font-size: 10rem;bottom:0;left:-10px;color:#eee;line-height: 1;font-style: italic;letter-spacing: -7px}
#partner .list-img img{margin-top: 20px;}
#partner h3{border-bottom:solid 2px #cf1919;padding-bottom: 5px;margin-bottom: 10px;}
#partner .comment{max-width: 700px;border-radius: 10px;border:solid 10px #f5f5f5;margin:auto;}
#partner .comment .tit{font-weight: bold;padding: 30px 0 25px 110px;background: #f5f5f5 url(img/partner/bg-voice-abp.png) no-repeat;background-size: 80px;background-position: left 20px top 0px;font-size: 2rem;}
#partner .comment .text{padding: 10px;}
#partner .btn-url{background-color: #cf1919;color:white;border-radius: 50px;display: block;max-width: 340px;margin:20px auto 0;text-align: center;padding: 20px 0;}
.map iframe{width: 100%;max-height: 450px;}
#partner table{width: 100%;}
#partner tr{border-bottom: solid 1px #eee;}
#partner th{width: 30%;padding:10px 0;vertical-align: middle;}
#partner td{width: 70%;padding:10px 0;vertical-align: middle;}
#partner .recruit-tit{text-align: center;margin-bottom: 40px;}
#partner .recruit-table{display: flex;justify-content: space-between;}
#partner .recruit-table .table{flex-basis: 48%;margin-bottom: 0;}
#partner .recruit-table .table .row{overflow: hidden;padding: 15px 0;border-bottom: dashed 1px #ddd; }
#partner .recruit-table .table .row.img{border:none;}
#partner .recruit-table .table .row.img img{border-radius: 5px;}
#partner .recruit-table .table .row.img .td{font-weight: bold;color: #cf1919}
#partner .recruit-table .th{width:40%;float: left;width: 40%;float: left;background: #ffe5e5;color: #333;border-radius: 5px;padding-left: 10px;}
#partner .recruit-table .td{width:60%;float: left;padding-left: 10px;margin-bottom: 0;}
.partner .box01 .count-cell01,.partner .box02 .count-cell02{text-align: right;font-size: 17px;font-weight: bold;padding-right: 0;margin-right: 0;}
/*contact-belt*/
#contact-belt {background-color: rgba(30,30,30,0.85);position: fixed;bottom:0;left:0;width: 100%;border-bottom: solid 5px #59b126;z-index: 9999;}
#contact-belt ul{display: flex;}
#contact-belt ul li{flex-basis: 33.3%;text-align: center;}
#contact-belt ul li a{color:white;display: block;}
#contact-belt ul li:nth-child(2) a{border-right:solid 1px #aaa;border-left:solid 1px #aaa;}
#contact-belt ul li:nth-child(1) a span{background:url(img/lp/icon-line.png) no-repeat left;background-size: 30px;}
#contact-belt ul li:nth-child(2) a span{background:url(img/lp/icon-mail.png) no-repeat left;background-size: 30px;}
#contact-belt ul li:nth-child(3) a span{background:url(img/lp/icon-phone.png) no-repeat left;background-size: 30px;}
#contact-belt ul li a span{display: inline-block;padding: 15px 0 15px 50px;font-size: 16px;}
#contact-belt ul li a span.dot{background:none;padding: 0;}

.f_contact{display: flex;padding: 40px;justify-content: center;}
.f_contact .f_contact_in{flex-basis: 50%;margin-left: 20px;}
.f_contact_img{flex-basis: 40%;}

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

	responsive

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

@media screen and (max-width:768px){
	/*container*/
	html{font-size:52.5%;}
	.container{padding: 0 10px;}
	#partner .section-mini{margin-top: 30px;}
	#partner .headline span{font-size: 6.5rem;}
	#partner .headline{padding-top: 20px;}
	#partner .recruit-table{display: block;}
	#contact-belt {border-bottom: 0;}
	#contact-belt ul li a{padding: 5px 0;}
	#contact-belt ul li a span{display: inline-block;padding: 22px 0 0px 0px;font-size: 13px;line-height: 1.4;}
	#contact-belt ul li:nth-child(1) a span{background-position:top center;background-size: 20px;}
	#contact-belt ul li:nth-child(2) a span{background-position:top center;background-size: 20px;}
	#contact-belt ul li:nth-child(3) a span{background-position:top center;background-size: 20px;}
	#contact-belt ul li a span.dot{display: none;}
	.f_contact{padding: 20px;}
	.f_contact{/*flex-direction: column;*/display: block;}
	.f_contact .f_contact_in{margin-left: 0;margin-top: 20px;}
}

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

	magazine

----------------------------------------*/
.container.-topmagazine{
	max-width: 1200px;
}

@media (max-width: 1200px){
	.container.-topmagazine{
		padding: 16px;
	}	
}

.mag{
	position: relative;
}
.mag a:hover{
	text-decoration:none;
}
.mag__content{
	position: relative;
	z-index: 1;
}
.mag__bg{
	position: absolute;
	top:0;left:0;
	width: 100%;
	height: 384px;
	background: url(img/magazine/top_bg_hd.png) no-repeat bottom / cover;
	z-index: 0;
}
.mag__ttl{
	max-width: 496px;
	margin:0 auto 40px;
	padding-top: 48px;
}

@media (max-width: 480px){
.mag__ttl{
  margin: 0 auto 24px;
  padding: 32px 16px 0px;
}
}

/*バナー*/
.mag-pickup{
	display: flex;
	flex-wrap: wrap;
}
.mag-pickup .pickup{
	transition: .2s;
	flex-basis: 24%;
	margin:0 0.5%;
	filter: drop-shadow(0px 4px 10px rgba(0,0,0,0.3));
}
.mag-pickup .pickup .btn-mag{
	margin:auto;
}
@media (max-width: 1200px){
	.mag-pickup .pickup{
		flex-basis: 49%;
		margin-bottom: 24px;
	}	
}
@media (max-width: 480px){
	.mag-pickup{
		flex-direction: column;
	}
}
.pickup a:hover{
	text-decoration: none;
}
.pickup__inner{
	background-size:cover;
	background-position: center center;
	border-radius: 8px;
	padding: 32px 24px;
}
.pickup__badge{
	text-align: center;
	font-size: 16px;
	color: #fff;
}
.pickup__ttl{
	margin: 24px 0;
	font-size: 2.2rem;
	letter-spacing: 3px;
	font-weight: bold;
	color: #fff;
	line-height: 1.5;
}

.btn-mag{
  position: relative;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  text-align: center;
  max-width: 320px;
  border:solid 2px #282a29;
  border-radius: 5px;
  color:#282a29;
  font-family: 'icomoon' !important;
  font-weight: bold;
  cursor: pointer;
  transition: .3s;
}

.btn-mag:hover{
    box-shadow:0px 4px 10px 2px rgba(0,0,0,0.3);
  }

  .btn-mag::before{
    position: absolute;
    top:calc(50% - 10px);
    right: 32px;
    content: "\e907";
    background: #fff;
  }
  .btn-mag.-circle{
    border-radius: 54px;
    background: #282a29;
    color:#fff;
  }
  .btn-mag.-circle::before{
      color:#fff;
    }

  .btn-mag.-red{
    border-color: #d2182b;
    color: #d2182b;
  }
  .btn-mag.-red:hover{
    box-shadow:0px 4px 10px 2px rgba(209, 23, 42, 0.3);
  }

  .btn-mag.-red.-circle{
    border-radius: 54px;
    background: #d2182b;
    color:#fff;
    }

   .btn-mag.-red.-circle::before{
        color:#fff;
        background: none;
      }

/*カテゴリー*/
.mag-category{
	border:solid 3px #282a29;
	border-radius: 8px;
	background: #fff;
	padding: 32px 40px;
	margin-top: 64px;
}

@media (max-width: 480px){
	.mag-category{
		padding: 24px 16px 0;
		margin-top: 32px;
	}
}

.mag-category__ttl{
	text-align: center;
	margin-bottom: 24px;
}

.mag-category__list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.mag-category__list li{
	flex-basis: 24%;
	background: #f2f2f2;
	padding: 24px 16px 16px;
	margin-bottom: 16px;
	border-radius: 8px;
}
@media (max-width: 1200px){
	.mag-category__list li{
		flex-basis: 49%;
	}
}
@media (max-width: 480px){
	.mag-category__list{
		flex-direction: column;
	}
}
.mag-category__term{
	text-align: center;
	font-weight: bold;
	font-size: 1.8rem;
	margin-bottom: 16px;
}
.mag-category__des{
	font-size: 1.4rem;
}
.mag-category__link{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 8px;
}
.mag-category__link span{
	font-size: 2rem;
	background: #fff;
	border-radius: 10px;
	margin-right: 8px;
}
.mag-category__link a{
	font-size: 1.6rem;
	color:#282a29;
	font-weight: bold;
}

/*新着記事*/
.mag-latest{
	margin-top: 64px;
}
.mag-latest__ttl{
	text-align: center;
	margin-bottom: 24px;
}

.mag-latest .btn-mag{
	margin:auto;
}

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

.postlist{
		flex-basis: 49%;
		margin-bottom: 24px;
	}

.postlist .postbox{
			font-size: 1.6rem;
		}

@media (max-width: 480px){
	.postlists{
		flex-direction: column;
	}
	.postlist{
			margin-bottom: 16px;
		}

}

/*新着記事*/
.postbox{
	display: flex;
	align-items: center;
}
@media (max-width: 480px){
	.postbox{
		align-items: flex-start;
	}
}
.postbox__thumb{
		flex-basis: 25%;
	}
	.postbox__thumb img{
			border-radius: 5px;
	}
	.postbox__txt{
		flex-basis: 72%;
		margin-left: 3%;
	}
	.postbox__ttl{
		font-size: 1.8rem;
		line-height: 1.5;
		font-weight: bold;
		color: #282a29;
	}
	.postbox__des{
		font-size: 1.4rem;
		line-height: 1.5;
		color: #282a29;
		opacity: 0.8;
	}

	.postbox__meta{
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-bottom: 6px;
		}
	.postbox__cat{
		color:#282a29;
		font-size: 14px;
		font-weight: bold;
		display: flex;
  	align-items: center;
	}
	.postbox__cat > span{
			margin-right: 8px;
			border-radius: 50%;
			background: #282a29;
			text-align: center;
			width: 32px;
			height: 32px;
			display: inline-block;
		}
		.postbox__cat > span::before{
				color:#fff;
				font-size:12px;
				line-height: 2.7;
			}
	.postbox__date{
		font-size: 14px;
		font-weight: bold;
		color:#282a29;
	}