@charset "UTF-8";
/*mid-------------------------------------------------------------------*/

@media screen and (max-width: 980px) {
	.header_text > p {
		font-size: 14px;
		line-height: 24px;
	}

	.quad_column > div {
		flex-basis: calc(50% - 10px);
	}

	.about h3 {
		font-size: 18px;
	}

	.bubble_button > a {
		flex-basis: 28%;
	}

	.tri_column > div {
		flex-basis: calc(50% - 10px);
	}

	#rss span::after {
		content: "\A";
		white-space: pre;
	}

	.interview {
		justify-content: center;
		align-content: center;
	}

	.interview > div {
		margin-bottom: 20px;
	}

	.interview div:last-child {
		margin-bottom: 0px;
		align-self: center;
	}

	.interview div:first-child {
		margin-right: 20px;
	}

	.mori_talk > div {
		border: solid 1px #3eba2b;
		box-sizing: border-box;
		max-width: 400px;
		width: calc(50% - 10px);
	}

	.mori_talk img {
		display: block;
		float: none;
		margin: 0px;
		max-width: 100%;
	}

	.pr_thumb h4 {
		font-size: 16px;
		margin-bottom: 5px;
		line-height: 18px;
	}

	.pr_thumb h4 > span {
		font-size: 50%;
	}

	.pr_thumb p {
		font-size: 12px;
		line-height: 14px;
	}

	.pr_thumb {
		padding-bottom: 60px;
	}

	.work_textwrap h3 {
		font-size: 21px;

	}

	.c02_bubble_outer,
	.c02_partA_outer {
		margin-left: 20px;
		margin-right: 20px;
	}

	.c02_bubble_outer h2,
	.c02_partA_outer h2 {
		font-size: 24px;
		height: 32px;
		line-height: 32px;
	}

	.c02_aeon {

		margin-top: 20px;
	}

	.c02_comment img {

		width: 30px;
		height: 24px;

	}

	.c02_text_cat {
		width: 100%;
		height: 21px;
		display: flex;
	}


	.c02_text_cat img {
		height: 21px;
		margin-right: 10px;
	}

	.c02_sample_image {
		min-height: 320px;
	}

	.c02_sample_image p {
		font-size: 16px;
		bottom: 20px;
		padding: 8px;
	}

	.c02_partB h2 {
		font-size: 24px;

	}

	.c02_company {
		grid-gap: 10px;
	}
}

@media screen and (max-width: 780px) {
	.work_cont {
		flex-direction: column;
		padding: 10px;
	}

	.c02_aeon_img {
		margin-right: 20px;
		transform: translateY(35%);

	}

	.c02_aeon > .c02_text {
		padding-right: 0;
	}

}


/*smartphone-----------------------------------------------------------*/

@media screen and (max-width: 640px) {
	.pc {
		display: none;
	}

	.sp {
		display: block;
	}

	body {
		font-size: 14px;
	}

	header {
		height: auto;
		padding-top: 10vh;
	}

	.header_text > h2 {
		font-size: 21px;
	}

	.content_inner > h2 {
		font-size: 28px;
	}

	.header_text > p {
		font-size: 12px;
		line-height: 24px;
		padding-bottom: 10vh;
	}

	.tri_column > div {
		flex-basis: 100%;
	}

	.interview div:first-child {
		margin-right: 0px;
	}

	.about {
		border-top: 1px solid #3eba2b;
		border-bottom: none;
	}

	.about > div {
		border-bottom: 1px solid #3eba2b;
	}

	.about p,
	.interview p {
		font-size: 14px;
		line-height: 21px;

	}

	.bubble_button > a {
		flex-basis: 42%;
	}

	.mori p {
		font-size: 12px;
		line-height: 18px;
	}

	.mori_etc > li {
		padding: 10px;
	}

	.mori_talk > div {
		width: 100%;
		max-width: none;
	}

	.mori_talk img {
		display: block;
		float: none;
		margin: 0px;
		width: 100%;
	}

	footer a {
		font-size: 14px;
	}

	footer p {
		font-size: 10px;
	}

	.pr_thumb {
		width: calc(50vw - 23px);
	}

	.pr_thumb h4 {
		font-size: 14px;
		margin-bottom: 5px;
		line-height: 16px;
	}

	.pr_thumb h4 > span {
		font-size: 50%;
	}

	.pr_thumb p {
		font-size: 10px;
		line-height: 12px;
	}

	/*C05_shigoto_201901added*/
	.c05_intro {
		flex-direction: column-reverse;
	}

	.c05_txt {
		margin: 0px;
	}

	.c05_imagewrap {
		width: 70%;
		margin-right: 0px;
		margin-bottom: 40px;

	}



	.work_imagewrap {
		margin-right: 0;
	}


	.work_textwrap {
		padding: 10px;
	}

	.work_textwrap h2 {
		margin-bottom: 10px;
	}

	.work_textwrap h3 {
		font-size: 21px;

	}

	.work_textwrap h4 {
		font-size: 14px;
		padding: 10px 0;
	}

	.work_textwrap p {
		font-size: 14px;
		line-height: 28px;
	}

	.c02_flex {
		flex-wrap: wrap;
	}

	.c02_flex > div {
		flex-basis: 100%;
		margin-bottom: 40px;
	}

	.c02_text::last-child {
		margin-bottom: 0;
	}

	.c02_bubble_outer h2,
	.c02_partA_outer h2 {
		font-size: 18px;
		height: auto;
		line-height: 21px;
	}

	.c02_text h4 {

		font-size: 18px;

	}

	.c02_text_cat {
		width: 100%;
		height: 16px;
		display: flex;
	}

	.c02_text_cat img {
		height: 16px;
		margin-right: 10px;
	}

	.c02_sample_image {
		padding: 0 10px;
		min-height: 200px;

	}

	.c02_sample_image p {
		font-size: 10px;
		bottom: 10px;
		padding: 4px;
	}

	.c02_aeon_img {
		margin-right: 10px;

	}

	.c02_aeon_title {
		width: 60%;
		top: 0%;

	}

	.c02_partB {

		padding-top: 40px;

	}

	.c02_partB h2 {
		font-size: 18px;
		line-height: 150%;
		padding: 8px 0;

	}

	.c02_partB_mainimage {
		padding: 20px 0;

	}

	.c02_partB h3 {
		font-size: 16px;

	}
}

/*smartphone_iphone5-----------------------------------------------------------*/

@media screen and (max-width: 360px) {
	.c02_sample_image p {
		font-size: 9px;
		max-width: 50vw;
		text-align: left;
	}

	.c02_sample_image span {
		display: inline-block;
	}
}