@charset "utf-8";


/* blog
-------------------------------*/
.journal {
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 55px;
}
.journal-title-wrapper {
	text-align: center;
	margin-bottom: 100px;
}
.journal__title {
	font-size: 27px;
	color: #333;
	font-style: italic;
	text-align: center;
	display: inline-block;
	padding: 3rem 0;
}
.journal__sub-title {
	font-size: 14px;
	text-align: center;
	font-style: italic;
}
.journal__tab-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 70px auto 90px;
}
.journal__tab {
	margin: 0 5px;
	text-align: center;
	min-width: 130px;
}
.journal__tab-link {
	border: solid 1px #EEE;
	font-size: 14px;
	padding: 12px 45px;
	border-radius: 30px;
	display: block;
}
.journal__tab-link.active {
	color: #FFF;
	background: #414042;
	border: solid 1px #414042;
}
.journal__list {
	display: flex;
	flex-wrap: wrap;
}
.journal-detail {
	width: calc((100% / 3) - 50px);
	margin: 0 25px 100px;
}
.journal-detail__link {
	display: block;
}
.journal-detail__image {
	height: 205px;
	width: 100%;
	object-fit: cover;
	object-position: center center;
}
.journal-detail__title {
	text-align: center;
	font-size: 20px;
	margin: 25px auto 5px;
	font-weight: 400;
	font-family: "linotype-sabon","Times New Roman", Times, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", serif;
}
.journal-detail__info-wrapper {
	text-align: center;
	font-size: 14px;
	margin-bottom: 20px;
}
.journal-detail__lead {
	display: block;
	font-size: 12px;
	font-weight: 400;
	font-family: "linotype-sabon","Times New Roman", Times, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", serif;
}
.journal-detail__read-more {
	display: none;
}
.journal-detail__journal-id:after {
	content: '|';
	margin: 0 0.5rem;
}
.journal-detail__journal-id.journal-detail__journal-id--only:after {
	display: none;
}
.journal-detail__tag--hide {
	display: none;
}
.journal__get-ready {
	text-align: center;
}
.journal-detail__post {
	display: none;
}
@media only screen and (max-width: 1400px) {
	.journal-detail__image {
		height: 14.64285vw;
	}
}
@media only screen and (max-width: 640px) {
	.journal {
		max-width: none;
		width: 100%!important;
		margin: 0;
		padding: 0 2.34375vw;
	}
	.journal-title-wrapper {
		margin-bottom: 9.375vw;
	}
	.journal__title {
		font-size: 5.625vw;
		padding: 4.6875vw 0;
	}
	.journal__sub-title {
		font-size: 2.5vw;
	}
	.journal__tab-list {
		margin: 9.375vw auto 10.9375vw;
	}
	.journal__tab {
		margin: 0 1.25vw;
		min-width: 20.3125vw;
	}
	.journal__tab-link {
		border: solid 1px #EEE;
		font-size: 2.8125vw;
		padding: 1.875vw 3.90625vw;
		border-radius: 4.6875vw;;
	}
	.journal-detail {
		width: calc((100% / 2) - 4.6875vw);
		margin: 0 2.34375vw 6.25vw;
	}
	.journal-detail__title {
		font-size: 3.28125vw;
		margin: 3.125vw auto 0.78125vw;
	}
	.journal-detail__info-wrapper {
		text-align: center;
		font-size: 2.34375vw;
		margin-bottom: 3.90625vw;
	}
	.journal-detail__detail-wrapper {
		text-align: center;
		color: #a7a7a7;
	}
	.journal-detail__lead {
		display: none;
	}
	.journal-detail__post {
		display: initial;
	}
	.journal-detail__read-more {
		display: inline-block;
		font-size: 2.34375vw;
		margin: 0 auto;
	}
	.journal-detail__journal-id {
		display: none;
	}
	.journal-detail__tag:after {
		content: '|';
		margin: 0 0.5rem;
	}
}

/* blog-detail
-------------------------------*/
.journal.article {
	max-width: 1400px;
	padding: 0 50px;
}
.journal-article {
	margin-top: 110px;
}
.journal-article__body {
	padding: 0 180px;
	font-weight: 400;
	font-family: "linotype-sabon","Times New Roman", Times, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", serif;
}
.journal-article__title {
	font-size: 37px;
	text-align: center;
	margin-top: 55px;
	font-weight: 400;
	font-family: "linotype-sabon","Times New Roman", Times, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", serif;
}
.journal-article__sub-title {
	font-size: 12px;
	text-align: center;
	margin-top: 17px;
}
.journal.article .journal-detail__info-wrapper {
	font-size: 18px;
	margin-bottom: 55px;
	font-style: italic;
}
.journal-article__image {
	text-align: center;
}
.journal-article__body {
	font-size: 16px;
	line-height: 2;
	margin-bottom: 150px;
	text-align: justify;
}
.journal-article__body * {
	line-height: 2;
	text-align: justify;
}
.journal-article__body p span{
	font-size: 80%;
}
.journal-article__body blockquote {
	border: none;
}
.latest-issue__title {
	font-size: 21px;
	font-style: italic;
	text-align: center;
	margin-bottom: 60px;
}
.journal.article .latest-issue .journal-detail__tag {
	display: none;
}
.journal.article .latest-issue .journal-detail__journal-id:after {
	display: none;
}
.journal.article .latest-issue .journal-detail__info-wrapper {
	margin-bottom: 25px;
	font-size: 14px;
	line-height: 1;
}
.journal-back {
	text-align: center;
}
.journal-back__link {
	display: inline-block;
}
.journal-back__link-label {
	display: block;
	font-size: 16px;
	margin-bottom: 20px;
}
.latest-issue .journal__list .journal-detail:nth-child(4) {
	display: none;
}

@media (min-width: 641px) and (max-width: 1023px) {
	.journal-article__body {
		padding: 0 10%;
	}
	.journal-detail {
		width: calc((100% / 2) - 50px);
		margin: 0 25px 50px;
	}
	.journal.article .latest-issue .journal__list .journal-detail:nth-child(4) {
		display: initial;
	}
	.journal-detail__image {
		height: 21.435vw;
	}
}
@media only screen and (max-width: 640px) {
	.journal-detail__image {
		height: 23.1796875vw;
	}
	.journal.article {
		max-width: none;
		padding: 0 4.6875vw;
	}
	.journal-article {
		margin-top: 9.375vw;
	}
	.journal-article__body {
		padding: 0 4.6875vw;
	}
	.journal-article__title {
		font-style: normal;
		margin-top: 7.8125vw;
		font-size: 5.625vw;
	}
	.journal-article__sub-title {
		font-size: 2.5vw;
	}
	.journal.article .journal-detail__info-wrapper {
		font-size: 2.8125vw;
		margin-top: 2.34375vw;
		margin-bottom: 7.03125vw;
		color: #a7a7a7;
	}
	.journal-article__body {
		font-size: 3.75vw;
		margin-bottom: 21.875vw;
	}
	.latest-issue__title {
		font-size: 5.15625vw;
		margin-bottom: 10.9375vw;
	}
	.journal.article .latest-issue .journal__list {
		margin: 0 -2.34375vw;
	}
	.journal.article .latest-issue .journal-detail__title {
		font-size: 3.28125vw;
		line-height: 4.375vw;
		margin: 3.125vw auto 0;
		font-style: normal;
	}
	.journal.article .latest-issue .journal-detail__info-wrapper {
		font-size: 2.34375vw;
		line-height: 4.0625vw;
		margin: 0;
	}
	.journal.article .latest-issue .journal-detail__read-more {
		font-size: 2.34375vw;
		line-height: 6.71875vw;
		margin: 0;
	}
	.journal-back__link-label {
		font-size: 2.5vw;
		margin-bottom: 3.125vw;
	}
	.journal.article .latest-issue .journal-detail__tag {
		display: initial;
	}
	.journal.article .latest-issue .journal-detail__tag.journal-detail__tag--hide {
		display: none;
	}
	.journal.article .latest-issue .journal__list .journal-detail:nth-child(4) {
		display: initial;
	}
}


/* news
-------------------------------*/

.list-wrap.news{
	max-width:800px;
	margin:0 auto 100px;
	padding-top:20px;
}
.news .pager{
	padding:80px 0 0;
}
.news .news-post{
	overflow:hidden;
	padding-top:50px;
	margin-top:50px;
	border-top:1px solid #bfbfbf;
	font-size: 16px;
	font-size: 1.6rem;
}
.news .news-post:first-child{
	border:none;
	padding:0;
	margin:0
}
.news .news-post h3.ttl{
	font-size: 24px;
	font-size: 2.4rem;
	text-align:center;
	margin-bottom:10px;
}
.news .news-post .day{
	text-align:center;
	color:#7d7d7d;
	margin-bottom:25px;
}
.news .news-post .left-img{
	float:left;
	padding-right:50px;
}
.news .news-post p{
	line-height:1.8;
	overflow:hidden;
}


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

	.list-wrap.news{
		max-width:800px;
		margin:0 auto 40px;
		padding-top:20px;
	}
	.news .pager{
		padding:30px 0 0;
	}
	.news .news-post{
		padding-top:30px;
		margin-top:30px;
		font-size: 12px;
		font-size: 1.2rem;
	}
	.news .news-post:first-child{
		border:none;
		padding:0;
		margin:0
	}
	.news .news-post h3.ttl{
		font-size: 18px;
		font-size: 1.8rem;
		margin-bottom:5px;
	}
	.news .news-post .day{
		margin-bottom:20px;
	}
	.news .news-post .left-img{
		display:block;
		max-width:60%;
		float:none;
		padding-right:0;
		margin:0 auto 15px;
		text-align:center;
	}

}