/*---------------------------------
	index infoText start
---------------------------------*/

.infoText{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto 5em;
	font-weight: bold;
}

.infoTextItem{
	display: block;
	margin: 0;
	text-align: center;
	font-size: 150%;
	line-height: 2;
	font-family: 'Zen Maru Gothic', sans-serif;
}

.infoTextItem--orange{
	color: #FF8F22;
}

.infoTextItem--strong{
	font-size: 125%;
}

@media(max-width: 600px){

	.infoTextItem{
		font-size: 125%;
	}

	.infoTextItem--bg{
		background-color: rgba(255,255,255,0.8);
		width: 100%;
		text-align: center;
	}

}

/*---------------------------------
	index infoText end
---------------------------------*/



/*---------------------------------
	indexIdea start
---------------------------------*/

.indexIdea{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.indexIdeaImage{
	display: block;
	width: 32%;
	border: 5px solid #FFF;
	border-radius: 50%;
	overflow: hidden;
	position: relative;
}

.indexIdeaImage:before{
	content: "";
	display: block;
	padding-top: 100%;
}

.indexIdeaImage img{
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}

.indexIdeaText{
	width: 61.5%;
	color: #FFF;
	font-family: 'Zen Maru Gothic', sans-serif;
}

.indexIdeaText_title{
	display: block;
	width: 100%;
	text-aligm: center;
	font-family: 'Zen Maru Gothic', sans-serif;
	text-align: center;
	font-size: 125%;
	margin: 0 auto 1em;
	padding: 0 0 0.7em;
	border-bottom: 2px solid #FFF;
}

.indexIdeaText_subtitle{
	display: block;
	font-size: 112.5%;
	margin: 0 auto 0.5em;
}

.indexIdeaText_item{
	display: block;
	margin: 0 auto;
}

.indexIdeaLink{
	display: flex;
	justify-content: center;
}

.indexIdeaLink_button{
	display: block;
	background-color: #FFF;
	color: #FF8F22;
	text-decoration: none;
	border: 2px solid #FFF;
	font-size: 112.5%;
	line-height: 1;
	margin: 1.5em auto 0;
	padding: 0.5em 2em;
	border-radius: 1.5em;
	transition: color 0.3s, background-color 0.3s;
}

.indexIdeaLink_button:hover{
	text-decoration: none;
	background-color: #FF8F22;
	color: #FFF;
}

.indexIdeaLink_button:after{
	content: "right";
	color: inherit;
	font-size: 125%;
	line-height: 1;
	margin: 0 0 0 0.3em;
	font-family: 'LigatureSymbols' !important;
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-font-feature-settings: "liga" 1, "dlig" 1;
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga" 1, "dlig" 1;
	-o-font-feature-settings: "liga" 1, "dlig" 1;
	font-feature-settings: "liga" 1, "dlig" 1;
	translate: none;
}

@media(max-width: 600px){

	.indexIdea{
		display: block;
	}

	.indexIdeaImage{
		width: 70%;
		margin: 0 auto 2em;
	}

	.indexIdeaText{
		width: 100%;
	}

	.indexIdeaText_title{
		font-size: 150%;
	}

	.indexIdeaLink_button{
		display: block;
		background-color: #FFF;
		color: #FF8F22;
		text-decoration: none;
		border: 2px solid #FFF;
		font-size: 112.5%;
		line-height: 1;
		margin: 1.5em auto 0;
		padding: 0.5em 2em;
		border-radius: 1.5em;
		transition: color 0.3s, background-color 0.3s;
	}

	.indexIdeaLink_button:hover{
		text-decoration: none;
		background-color: #FF8F22;
		color: #FFF;
	}

	.indexIdeaLink_button:after{
		content: "right";
		color: inherit;
		font-size: 125%;
		line-height: 1;
		margin: 0 0 0 0.3em;
		font-family: 'LigatureSymbols' !important;
		-webkit-text-rendering: optimizeLegibility;
		-moz-text-rendering: optimizeLegibility;
		-ms-text-rendering: optimizeLegibility;
		-o-text-rendering: optimizeLegibility;
		text-rendering: optimizeLegibility;
		-webkit-font-smoothing: antialiased;
		-moz-font-smoothing: antialiased;
		-ms-font-smoothing: antialiased;
		-o-font-smoothing: antialiased;
		font-smoothing: antialiased;
		-webkit-font-feature-settings: "liga" 1, "dlig" 1;
		-moz-font-feature-settings: "liga=1, dlig=1";
		-ms-font-feature-settings: "liga" 1, "dlig" 1;
		-o-font-feature-settings: "liga" 1, "dlig" 1;
		font-feature-settings: "liga" 1, "dlig" 1;
		translate: none;
	}

}

/*---------------------------------
	indexIdea end
---------------------------------*/



/*---------------------------------
	index start
---------------------------------*/

.indexMessageTextsLayout{
	margin: 0 0 4em;
	padding: 0 1.5em;
}

@media(max-width: 600px){

	.indexMessageTextsLayout{
		padding: 0 0.5em;
	}

}

@media(max-width: 600px){

	.indexMessageRoundCutoutPhotosLayout{
		padding: 0 2em;
	}

}

.texts--indexMessage{
	font-size: 125%;
}

.section--bgImageIndexPhilosophy{
	background-image: url("../../images/page/index/philosophy/bg.jpg");
}

.indexNewsRssLayout{
	margin-bottom: 1em;
}

.section--indexContents{
	padding: 6em 0 12em;
}

@media(max-width: 600px){

	.section--indexContents{
		padding: 3em 0 6em;
	}

}

.section--bgImageIndexContents{
	background-image: url("../../images/page/index/contents/bg.png");
}

/*---------------------------------
	index end
---------------------------------*/



/*---------------------------------
	about start
---------------------------------*/

@media(min-width: 601px){

	.standardTable--aboutInfo th:first-child,
	.standardTable--aboutInfo td:first-child{
		width: 25%;
	}

}

@media(min-width: 601px){

	.standardTable--aboutHistory th{
		width: 20%;
	}

}

.section--bgImageAboutSchedule{
	background-image: url("../../images/page/about/schedule/bg.png");
}

.aboutScheduleIntroTextLayout{
	margin-bottom: 2em;
}

.sideImageContent--aboutSchedule{
	align-items: center;
	width: 940px;
	max-width: 100%;
	margin: 0 auto;
}

.aboutPhilosopyLayout:not(:last-of-type){
	margin-bottom: 5em;
}

/*---------------------------------
	about end
---------------------------------*/



/*---------------------------------
	features start
---------------------------------*/

.featuresCatchLayout{
	margin-bottom: 5em;
}

.sideImageContent--features{
	margin-bottom: 5em;
}

/*---------------------------------
	features end
---------------------------------*/



/*---------------------------------
	recruit start
---------------------------------*/

.recruitApplicationLayout{
	margin-bottom: 5em;
}

@media(min-width: 601px){

	.standardTable--recruitApplication tr > *:nth-child(1){
		width: 25%;
	}

}

/*---------------------------------
	recruit end
---------------------------------*/



/*---------------------------------
	contact start
---------------------------------*/

.contactMailformTableLayout{
	margin: 2.5em 0;
}

/*---------------------------------
	contact end
---------------------------------*/



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

.blogRssLinkWrapper a{
	color: inherit;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.blogRssLinkWrapper .icon{
	width: 1em;
	margin-right: 0.25em;
}

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



/*---------------------------------
	privacy start
---------------------------------*/

.privacyParagraph{
	margin-bottom: 5em;
}

.privacyParagraph--sub{
	margin-bottom: 2.5em;
}

/*---------------------------------
	privacy end
---------------------------------*/



/*---------------------------------
	contact start
---------------------------------*/

.contactTextBlock{
	width: 100%;
	margin: 0 auto 2em;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.contactText{
	display: block;
	margin: 0;
}

.contactBlock{
	width: 100%;
	margin: 0 auto;
	padding: 1.5em 2em;
	border: 2px solid #BFBFBF;
	border-radius: 1em;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.contactTitle{
	font-size: 112.5%;
	font-weight: bold;
	display: block;
	width: 100%;
	padding: 0 0 1em;
	margin: 0 auto 1em;
	text-align: center;
	border-bottom: 2px solid #BFBFBF;
}

.contactTel{
	font-size: 275%;
	font-weight: bold;
}

.contactTel:before{
	content: "phone";
	font-weight: normal;
	display: inline-block;
	margin: 0 0.4em 0 0;
	font-family: 'LigatureSymbols' !important;
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-font-feature-settings: "liga" 1, "dlig" 1;
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga" 1, "dlig" 1;
	-o-font-feature-settings: "liga" 1, "dlig" 1;
	font-feature-settings: "liga" 1, "dlig" 1;
	translate: none;
}

.contactTime{
	margin: 1em auto 0;
}

@media(max-width: 600px){

	.contactTel{
		font-size: 9vw;
	}

}

.contactLinelayout{
	--lineIconSize: clamp(40px, 20vw, 100px);
	display: flex;
	align-items: center;
	gap: calc(var(--lineIconSize) / 2);
	flex-wrap: nowrap;
	
	@media(max-width: 600px){
		flex-direction: column-reverse;
	}
	
	& .contactLinelayout_texts{
		font-weight: bold;
		text-align: center;
	}
	
	.contactLinelayout_links{
		display: flex;
		justify-content: center;
		
		& .contactLinelayout_button{
			display: block;
			background-color: #FFF;
			color: #84BB23;
			text-decoration: none;
			border: 2px solid #84BB23;
			font-size: min(110%, 4.5vw);
			line-height: 1;
			margin: 0;
			padding: 0.5em 2em;
			border-radius: 1.5em;
			transition: color 0.3s, background-color 0.3s;
			
			&:hover{
				text-decoration: none;
				background-color: #84BB23;
				color: #FFF;
			}
			
			&:after{
				content: "right";
				color: inherit;
				font-size: 125%;
				line-height: 1;
				margin: 0 0 0 0.3em;
				font-family: 'LigatureSymbols' !important;
				-webkit-text-rendering: optimizeLegibility;
				-moz-text-rendering: optimizeLegibility;
				-ms-text-rendering: optimizeLegibility;
				-o-text-rendering: optimizeLegibility;
				text-rendering: optimizeLegibility;
				-webkit-font-smoothing: antialiased;
				-moz-font-smoothing: antialiased;
				-ms-font-smoothing: antialiased;
				-o-font-smoothing: antialiased;
				font-smoothing: antialiased;
				-webkit-font-feature-settings: "liga" 1, "dlig" 1;
				-moz-font-feature-settings: "liga=1, dlig=1";
				-ms-font-feature-settings: "liga" 1, "dlig" 1;
				-o-font-feature-settings: "liga" 1, "dlig" 1;
				font-feature-settings: "liga" 1, "dlig" 1;
				translate: none;
			}

		}

	}

	& .contactLinelayout_icons{
		& img{
			width: var(--lineIconSize);
		}
	}
	
}

/*---------------------------------
	contact end
---------------------------------*/



/*---------------------------------
	messageBlock start
---------------------------------*/

.messageBlock{
	display: block;
}

.messageTitle{
	font-family: 'Zen Maru Gothic', sans-serif;
	background-color: #F1E5D8;
	border-left: 5px solid #FF8F22;
	font-size: 125%;
	padding: 0.5em 1em;
	border-top-right-radius: 0.5em;
	border-bottom-right-radius: 0.5em;
}

.messageText{
	margin: 0 auto 5em;
}

/*---------------------------------
	messageBlock end
---------------------------------*/



/*---------------------------------
	recruitIntroTitle start
---------------------------------*/

.recruitIntroTitle{
	font-family: 'Zen Maru Gothic', sans-serif;
	color: #FF8F22;
	font-size: 175%;
	text-align: center;
}

.recruitIntroTitle--strong{
	font-size: 125%;
	padding: 0.3em 0;
	background: linear-gradient(transparent 60%, #FFF2CF 60%, #FFF2CF 90%, transparent 90%);
}

/*---------------------------------
	recruitIntroTitle end
---------------------------------*/



/*---------------------------------
	access start
---------------------------------*/

.accessMap{
	display: block;
	width: 100%;
	margin: 0 auto;
	position: relative;
	border-radius: 1em;
	overflow: hidden;
}

.accessMap:before{
	content: "";
	display: block;
	padding-top: 57.7%;
}

.accessMap iframe{
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.accessText{
	margin: 0.5em auto 0;
}

/*---------------------------------
	access end
---------------------------------*/



/*---------------------------------
	scheduleTable start
---------------------------------*/

.scheduleTable{
	width: 100%;
	margin: 2em auto 0;
	border-radius: 1em;
	overflow: hidden;
	display: block;
}

.scheduleTable thead{
	border: 1px solid #FF8F22;
	border-bottom: none;
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
	display: block;
}

.scheduleTable tbody{
	border: 1px solid #BFBFBF;
	border-top: none;
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	overflow: hidden;
	display: block;
}

.scheduleTable tr{
	display: flex;
	background-color: #FFF;
}

.scheduleTable tr:nth-of-type(even){
	background-color: #F2F0ED
}

.scheduleTable th{
	background-color: #FF8F22;
	color: #FFF;
	font-family: 'Zen Maru Gothic', sans-serif;
	text-align: center;
	padding: 1em;
	display: flex;
	align-items: center;
}

.scheduleTable th:not(:last-of-type){
	border-right: 1px solid #FFF;
}

.scheduleTable td{
	display: flex;
	align-items: center;
	padding: 1em;
}

.scheduleTable td:not(:last-of-type){
	border-right: 1px solid #BFBFBF;
}

.scheduleTable tr:not(:last-of-type) td{
	border-bottom: 1px solid #BFBFBF;
}

.scheduleLayout{
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
}

.scheduleTime{
	text-align: center;
	width: 14%;
}

td.scheduleTime{
	font-size: 112.5%
}

.scheduleTime--icon{
	position: relative;
}

.scheduleTime--icon:before{
	content: "time";
	color: #FF8F22;
	font-weight: normal;
	display: inline-block;
	margin: 0 0.4em 0 0;
	font-family: 'LigatureSymbols' !important;
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-font-feature-settings: "liga" 1, "dlig" 1;
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga" 1, "dlig" 1;
	-o-font-feature-settings: "liga" 1, "dlig" 1;
	font-feature-settings: "liga" 1, "dlig" 1;
	translate: none;
}

.scheduleActivities{
	text-align: center;
	width: 20%;
}

.scheduleContents{
	width: 66%;
}

.scheduleList{
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.scheduleList li{
	display: block;
	width: 100%;
	padding: 0 0 0 1em;
	position: relative;
}

.scheduleList li:before{
	content: "";
	display: block;
	width: 0.4em;
	height: 0.4em;
	border-radius: 50%;
	background-color: #FF8F22;
	position: absolute;
	top: calc((1.5em - 0.4em) / 2);
	left: 0;
}

.scheduleWide{
	width: 86%;
	text-align: center;
}

@media(max-width: 600px){

	.scheduleTable thead{
		display: none;
	}

	.scheduleTable tbody{
		border-top: 1px solid #BFBFBF;
		border-radius: 1em;
	}

	.scheduleTable tr{
		display: flex;
		flex-wrap: wrap;
	}

	.scheduleTable td,
	.scheduleTable td:not(:last-of-type),
	.scheduleTable tr:not(:last-of-type) td{
		display: flex;
		align-items: center;
		padding: 1em;
		border: none;
	}

	.scheduleTable tr:not(:last-of-type) td:last-of-type{
		border-bottom: 1px solid #BFBFBF;
	}

	.scheduleTable tr:nth-of-type(even){
		background-color: transparent;
	}

	.scheduleLayout{
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.scheduleTime{
		text-align: left;
		background-color: #FF8F22;
		color: #FFF;
		flex-grow: 1;
		flex-shrink: 1;
	}

	.scheduleTime--icon:before{
		color: inherit;
	}

	.scheduleActivities{
		text-align: center;
		width: 70%;
		background-color: #FF8F22;
		color: #FFF;
		flex-grow: 0;
		flex-shrink: 0;
	}

	.scheduleContents{
		width: 100%;
		text-align: left;
		flex-grow: 0;
		flex-shrink: 0;
	}

	.scheduleContents,
	.scheduleWide{
		width: 100%;
		text-align: left;
		flex-grow: 0;
		flex-shrink: 0;
	}

}

/*---------------------------------
	scheduleTable end
---------------------------------*/



/*---------------------------------
	boxLayout start
---------------------------------*/

.boxLayout{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.boxBlock{
	width: calc((100% - (1.5em * 2)) / 3);
	margin: 0 1.5em 0 0;
	border: 3px solid #DFDFDF;
	padding: 1em 1em 1.5em;
	border-radius: 1em;
}

.boxBlock:nth-of-type(3n){
	margin-right: 0;
}

.boxBlock:nth-of-type(n+4){
	margin-top: 2em;
}

.boxItem{
	display: block;
}

.boxTitle{
	width: 100%;
	margin: 0 auto;
	padding: 0 0 0.5em;
	text-align: center;
	font-weight: bold;
	font-size: 112.5%;
}

.boxTitle--border4{
	border-bottom: 3px solid #EC6CA5;
}

.boxTitle--border5{
	border-bottom: 3px solid #C3D72A;
}

.boxTitle--border6{
	border-bottom: 3px solid #00AAC1;
}

.boxTitle--border7{
	border-bottom: 3px solid #F09E55;
}

.boxTitle--border8{
	border-bottom: 3px solid #E70012;
}

.boxTitle--border9{
	border-bottom: 3px solid #CE93C1;
}

.boxTitle--border10{
	border-bottom: 3px solid #CC413E;
}

.boxTitle--border11{
	border-bottom: 3px solid #641F0F;
}

.boxTitle--border12{
	border-bottom: 3px solid #0E2C8E;
}

.boxTitle--border1{
	border-bottom: 3px solid #B6B6B6;
}

.boxTitle--border2{
	border-bottom: 3px solid #FFF100;
}

.boxTitle--border3{
	border-bottom: 3px solid #EC7394;
}

.boxContent{
	display: block;
	width: 100%;
	margin: 1em auto 0;
	padding: 0;
	list-style: none;
}

.boxContent li{
	display: block;
	width: 100%;
	padding: 0 0 0 1em;
	position: relative;
}

.boxContent li:before{
	content: "";
	display: block;
	width: 0.3em;
	height: 0.3em;
	border-radius: 50%;
	background-color: #DFDFDF;
	position: absolute;
	top: calc((1.5em - 0.3em) / 2);
	left: 0;
}


@media(max-width: 600px){

	.boxLayout{
		display: block;
	}

	.boxBlock,
	.boxBlock:nth-of-type(3n),
	.boxBlock:nth-of-type(n+4){
		width: 100%;
		margin: 1.5em auto 0;
		border: 3px solid #DFDFDF;
	}

	.boxBlock:first-of-type{
		margin-top: 0;
	}

}


/*---------------------------------
	boxLayout end
---------------------------------*/



/*---------------------------------
	boxLayout start
---------------------------------*/

.greetings{
	display: block;
	width: 100%;
	margin: 0 auto;
}

.greetingsText{
	display: block;
	margin: 0 auto;
}

.greetingsName{
	display: block;
	margin: 1em auto 0;
	text-align: right;
}

.greetingsName span{
	display: inline-block;
	margin: 0;
	text-align: left;
	font-size: 112.5%;
}

/*---------------------------------
	scheduleTable end
---------------------------------*/



/*---------------------------------
	sitemapList start
---------------------------------*/

.sitemapList{
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.sitemapItem{
	display: block;
	width: 100%;
	margin: 0 auto 1em;
	border: 3px solid #EEE;
	padding: 0;
	border-radius: 0.5em;
}

.sitemapText{
	width: 100%;
	margin: 0 auto;
	padding: 0.6em 1em;
}

.sitemapItem a{
	color: #333;
	text-decoration: none;
	transition: color 0.3s;
}

.sitemapItem a:hover{
	color: #84BB23;
	text-decoration: none;
}

.sitemapItem a:before{
	content: "right";
	color: #84BB23;
	font-weight: normal;
	display: inline-block;
	margin: 0 0.6em 0 0;
	font-family: 'LigatureSymbols' !important;
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-font-feature-settings: "liga" 1, "dlig" 1;
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga" 1, "dlig" 1;
	-o-font-feature-settings: "liga" 1, "dlig" 1;
	font-feature-settings: "liga" 1, "dlig" 1;
	translate: none;
}

.sitemapSubList{
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0.5em 0;
	list-style: none;
	border-top: 2px dotted #EEE;
}

.sitemapSubItem{
	margin: 0 auto;
	font-size: 90%;
}

/*---------------------------------
	sitemapList end
---------------------------------*/



/*---------------------------------
	recruitInfo start
---------------------------------*/

.recruitInfo{
	width: 100%;
	background: no-repeat left bottom/10em auto url("../../images/page/recruit/l.svg"),  no-repeat right bottom/10em auto url("../../images/page/recruit/r.svg");
}

/*---------------------------------
	recruitInfo end
---------------------------------*/



/*---------------------------------
	blogfeed start
---------------------------------*/

.blogfeed{
	width: 100%;
	margin: 0 auto;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.blogfeedBlock{
	display: block;
	width: calc((100% - (2em * 2)) / 3);
	background-color: #FFF;
	border-radius: 1em;
	color: inherit;
	overflow: hidden;
	padding: 1em;
}

.blogfeedTitle{
	color: #84BB23;
	width: 100%;
	font-weight: bold;
	font-size: 125%;
	text-align: center;
	margin: 0 auto;
	padding: 0 0 0.4em;
	border-bottom: 2px solid #84BB23;
}

.blogfeedContent{
	display: block;
	width: 100%;
	margin: 1em auto;
	padding: 0;
	list-style: none;
}

.feedItem{
	display: flex;
	flex-wrap: nowrap;
	align-items: flex-start;
	border-bottom: 1px dashed #BFBFBF;
	margin: 0 auto 0.5em;
	padding: 0 0 0.5em;
}

.feedItem:nth-of-type(n+4){
	display: none;
}

.feedDate{
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
	margin: 0 1em 0 0;
}

.feedTitle{
	display: block;
	flex-grow: 1;
	flex-shrink: 1;
}

.feedTitle a{
	color: inherit;
}

.blogfeedLink{
	display: block;
	text-align: center;
	margin: 1em auto 0;
}

.blogfeedLink a{
	color: #84BB23;
	text-decoration: none;
}

.blogfeedLink a:after{
	content: "right";
	color: inherit;
	font-weight: normal;
	display: inline-block;
	margin: 0 0 0 0.4em;
	font-family: 'LigatureSymbols' !important;
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-font-feature-settings: "liga" 1, "dlig" 1;
	-moz-font-feature-settings: "liga=1, dlig=1";
	-ms-font-feature-settings: "liga" 1, "dlig" 1;
	-o-font-feature-settings: "liga" 1, "dlig" 1;
	font-feature-settings: "liga" 1, "dlig" 1;
	translate: none;
}

@media(max-width: 600px){

	.blogfeed{
		width: 100%;
		margin: 0 auto;
		display: block;
	}

	.blogfeedBlock{
		width: 100%;
		margin: 0 auto;
	}

	.blogfeedBlock:not(:first-of-type){
		margin-top: 2em;
	}

}

/*---------------------------------
	blogfeed end
---------------------------------*/



/*---------------------------------
	blogimage start
---------------------------------*/

.blogimage{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
}

.blogimage *{
	display: block;
	width: calc((100% - (1em * 2)) / 3);
	margin: 0 1em 0 0;
}

.blogimage *:nth-of-type(3n){
	margin-right: 0;
}

.blogimage *:nth-of-type(n+4){
	margin-top: 1em;
}

.blogimage img{
	display: block;
	width: 100%;
}


.blogimage_square{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	width: 80%;
}

.blogimage_square *{
	display: block;
	width: 50%;
	margin: 0;

}

.blogimage_square img{
	display: block;
	width: 100%;
}



@media(max-width: 600px){

	.blogimage{
		display: block;
	}

	.blogimage *,
	.blogimage *:nth-of-type(3n),
	.blogimage *:nth-of-type(n+4){
		width: 100%;
		margin: 1.5em auto 0;
	}

	.blogimage *:first-of-type{
		margin-top: 0;
	}


	.blogimage_square{
		width: 100%;
	}


}

/*---------------------------------
	blogimage end
---------------------------------*/