@charset "utf-8";

/* -----------------------------------------------------------
共通パーツ
------------------------------------------------------------- */
html {
	font-size: 62.5%;
	/* 10px */
	scroll-behavior: smooth;
	text-align: justify;
}

body {
	font-family: "Noto Sans jp", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #333;
	font-size: 1.6rem;
	line-height: 180%;
	overflow: hidden;
}

@media (max-width: 768px) {
	body {
		/* font-size: 1.8rem; */
	}
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

.underline_none {
	text-decoration: none !important;
}

.container {
	margin: auto;
	padding: 60px 0;
}

@media(max-width:768px) {
	.container {
		padding: 20px 15px;
	}
}

#main_container {
	width: calc(100% - 40px);
	max-width: 1000px;
	margin: 0 auto;
	padding: 80px 0 80px 0;
	/* background: red; */
}


@media(max-width:1099px) {
	.sp_none {
		display: none !important;
	}
}

@media(min-width:1100px) {
	.pc_none {
		display: none !important;
	}
}

.txtC {
	text-align: center;
}

.txtR {
	text-align: right;
}

.txtL {
	text-align: left;
}

.bold {
	font-weight: bold;
}

.cf:before,
.cf:after {
	content: " ";
	display: table;
}

.cf:after {
	clear: both;
}

.cf {
	*zoom: 1;
}

.w100 {
	width: 100%;
}

.w30 {
	width: 28%;
}

.w50 {
	width: 48%;
}

.w70 {
	width: 68%;
}

@media(max-width:768px) {
	.w30, .w50, .w70 {
		width: 100%;
	}
}

/*_____フレックス_____*/
.flex {
	display: -ms-flexbox;
	display: flex;
}

.justC {
	justify-content: center;
}

.justB {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.justA {
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.flexW {
	flex-wrap: wrap;
}

.alignS {
	align-items: start;
}

.alignC {
	align-items: center;
}

.alignB {
	align-items: baseline;
}

@media (max-width: 768px) {
	.sp_flclear {
		display: block;
	}
}

/*_____余白_____*/
.m0auto {
	margin: 0 auto
}

.mb0 {
	margin-bottom: 0;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb50 {
	margin-bottom: 50px;
}

.mt0 {
	margin-top: 0;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.mt50 {
	margin-top: 50px;
}

.mar10 {
	margin: 10px;
}

.mar15 {
	margin: 15px;
}

.mar20 {
	margin: 20px;
}

.mar30 {
	margin: 30px;
}

.pt10 {
	padding-top: 10px;
}

.pt20 {
	padding-top: 20px;
}

.pt30 {
	padding-top: 30px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb20 {
	padding-bottom: 20px;
}

.pb30 {
	padding-bottom: 30px;
}

@media (max-width: 768px) {
	.sp_mb0 {
		margin-bottom: 0;
	}

	.sp_mb10 {
		margin-bottom: 10px;
	}

	.sp_mb15 {
		margin-bottom: 15px;
	}

	.sp_mb20 {
		margin-bottom: 20px;
	}

	.sp_mb30 {
		margin-bottom: 30px;
	}

	.sp_mt0 {
		margin-top: 0;
	}

	.sp_mt10 {
		margin-top: 10px;
	}

	.sp_mt15 {
		margin-top: 15px;
	}

	.sp_mt20 {
		margin-top: 20px;
	}

	.sp_mt30 {
		margin-top: 30px;
	}
}

/*_____テキスト_____*/
.tx7 {
	font-size: 7px;
}

.tx9 {
	font-size: 9px;
	line-height: 170%;
}

.tx10 {
	font-size: 10px;
	line-height: 170%;
}

.tx11 {
	font-size: 11px;
	line-height: 170%;
}

.tx12 {
	font-size: 12px;
	line-height: 170%;
}

.tx13 {
	font-size: 13px;
	line-height: 170%;
}

.tx14 {
	font-size: 14px;
	line-height: 170%;
}

.tx15 {
	font-size: 15px;
	line-height: 150%;
}

.tx16 {
	font-size: 16px;
	line-height: 170%;
}

.tx17 {
	font-size: 17px;
	line-height: 170%;
}

.tx18 {
	font-size: 18px;
	line-height: 130%;
}

.tx19 {
	font-size: 19px;
	line-height: 130%;
}

.tx20 {
	font-size: 20px;
	line-height: 130%;
}

.tx22 {
	font-size: 22px;
	line-height: 130%;
}

.tx24 {
	font-size: 24px;
	line-height: 130%;
}

.tx10h {
	font-size: 10px;
	line-height: 200%;
}

.tx11h {
	font-size: 11px;
	line-height: 200%;
}

.tx12h {
	font-size: 12px;
	line-height: 200%;
}

.tx13h {
	font-size: 13px;
	line-height: 200%;
}

.tx14h {
	font-size: 14px;
	line-height: 190%;
}

.tx15h {
	font-size: 15px;
	line-height: 180%;
}

.tx17h {
	font-size: 17px;
	line-height: 200%;
}

.tx22h {
	font-size: 22px;
	line-height: 180%;
}

.tx24h {
	font-size: 24px;
	line-height: 200%;
}

/*_____リンク_____*/
a,
a:link {
	color: #333;
	text-decoration: none;
}

a:visited {
	color: #333;
	text-decoration: none;
}

a:hover,
a:active {
	/* text-decoration: underline; */
	opacity: 0.8;
}

/*_____くの字のリンク_____*/
.nav_arrow {
	position: relative;
	display: inline-block;
	padding: 0 16px 0 0px;
	/* color: #000; */
	vertical-align: middle;
	text-decoration: none;
	/* font-size: 1.6rem; */
}

.nav_arrow::after {
	position: absolute;
	top: 0;
	bottom: 6px;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.nav_arrow::after {
	left: 110px;
	width: 6px;
	height: 6px;
	border-top: 2px solid #44AB87;
	border-right: 2px solid #44AB87;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

@media (max-width: 768px) {
	.nav_arrow {
		font-size: 1.8rem;
	}
}

/* -----------------------------------------------------------
ヘッダー
------------------------------------------------------------- */
.haeder_top {
	padding: 20px 50px;
	color: #595959;
}

.header_top_lang {
	white-space: nowrap;
}

.header_top_lang a:first-child {
	border-right: 1px solid #bababa;
}

.header_top_lang a {
	padding: 0 10px;
	color: #595959;
	font-weight: bold;
}

/* ハンバーガーボタン */
button#btn_gnav {
	display: none;
}

@media (max-width: 768px) {
	button#btn_gnav {
		display: block;
		line-height: 1;
		position: absolute;
		top: 0;
		right: 0;
		background: linear-gradient(90deg, #30cfd0, #330867);
		color: #fff;
		border: none;
		width: 52px;
		height: 52px;
		cursor: pointer;
	}

	button#btn_gnav .line {
		display: block;
		height: 2px;
		width: 18px;
		margin: 4px auto;
		background: #fff;
		transition: 0.1s;
	}

	button#btn_gnav.btn_open {
		background: #fff;
	}

	button#btn_gnav.btn_open .line {
		background: #383385;
	}

	button#btn_gnav .txt {
		font-size: 0.9rem;
	}

	button#btn_gnav.btn_open .line {
		transition: 0.2s;
		width: 23px;
		margin: auto;
		transform-origin: center;
	}

	button#btn_gnav.btn_open .line:nth-child(1) {
		transform: rotate(45deg) translate(0, 0);
	}

	button#btn_gnav.btn_open .line:nth-child(2) {
		display: none;
	}

	button#btn_gnav.btn_open .line:nth-child(3) {
		transform: rotate(-45deg) translate(1px, -1px);
	}
}

/* トップへ戻る */

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 16px;
	line-height: 1;
	z-index: 99;
}

#page-top a:before {
	content: "▲";
	display: inline-block;
	width: 20px;
	height: 10px;
}

#page-top a {
	background: #44AB87;
	text-decoration: none;
	color: #fff;
	line-height: 1.2;
	width: 100px;
	height: 100px;
	padding: 20px 20px;
	font-weight: bold;
	text-align: center;
	display: block;
	border-radius: 80px;
	opacity: 0.9;
	transition: all .3s ease;
}

#page-top a:hover {
	text-decoration: none;
	opacity: .5;
}

/* SP時ボタン */

.bottom_menu_sp {
	display: none;
}


header {
	/* height: 68px; */
	background: #fff;
	z-index: 10;
	left: 0;
	right: 0;
}

header .header_wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 95%;
	margin: 0 auto;
}

header h1 img {
	margin: 10px;
	vertical-align: middle;
}

header h1 a img {
	transition: none;
}

header nav {
	display: block;
	line-height: 1.4;
	text-align: center;
	width: calc(1000px + 5vw - 270px);
}

header nav ul {
	display: flex;
	justify-content: space-between;
	/* リスト項目を均等に配置 */
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
}

header nav ul li {
	/* flex: 1; */
	/* 各項目が等しい幅を取る */
	min-width: 0;
	/* テキストのオーバーフローを防ぐ */
	white-space: nowrap;
	/* テキストを1行に保つ */
	/* overflow: hidden; */
	/* はみ出した部分を隠す */
	text-overflow: ellipsis;
	/* 必要な場合は省略記号を表示 */
	/* padding: 0 10px; */
}

header nav li {
	padding: 0;
	text-decoration: none;
	color: #000;
}

header nav li.header_contact {
	text-align: center;
	color: #fff;
	padding: 8px 0;
	background: linear-gradient(90deg, #30cfd0, #330867);
}

header nav li.header_contact a {
	color: #FFF;
	font-size: 1.4rem;
}


header nav li {
	line-height: 1;
}

header nav li.header_contact {
	padding: 0;
}

.header_top_lang {
	margin-top: 40px;
}

/* コーポレートリニューアル */
header {
	position: fixed;
}


/* タイトル部分 */

.main_title {
	max-width: 1000px;
	width: calc(100% - 40px);
	margin: auto;
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: center;
}

.company_open {
	cursor: pointer;
}


/* 見出し文字 */

/* 通常 */

.main_title h2 {
	width: 100%;
	line-height: 133px;
	font-size: 32px;
	position: relative;
	z-index: 5;
}

/* 特殊仕様 */
/* 中核的 */
/* プライバシーポリシー */

.main_title .clr,
.main_title .pp {
	width: 100%;
	line-height: 133px;
	font-size: 32px;
	z-index: 5;
}

.main_title .sp {
	width: 100%;
	line-height: 30px;
	font-size: 32px;
	z-index: 5;
	padding: 40px 0;
}

.main_title .difference {
	width: 100%;
	line-height: 40px;
	font-size: 32px;
	z-index: 5;
	padding: 30px 0;
}


/* 右側に来る英語部分 */

.half_tone_title {
	font-family: "Josefin Sans", sans-serif;
	width: 50%;
	text-align: right;
	font-size: 78px;
	color: #cfe8e0;
	line-height: 150px;
	letter-spacing: 1rem;
	z-index: 4;
}

/* お問い合わせ */

.htt_contact {
	width: 100%;
	line-height: 133px;
	position: absolute;
	top: 5px;
}

#faq_main #main_container .front_cont_box {
	padding: 0;
}

#faq_main #main_container .front_cont_box ul li {
	background: none;
	padding: 0;
}

/* サービス */

.htt_service {
	width: 100%;
	line-height: 133px;
	position: absolute;
	top: 5px;
}

/* ネットプリントとの違い */


.htt_difference {
	width: 100%;
	line-height: 133px;
	position: absolute;
	top: 5px;
}

/* 初めての方へ専用 */

.htt_order {
	width: 80%;
	line-height: 72px;
	position: absolute;
	top: 5px;
	right: 0;
}

/* 用語集 */

.htt_glossary {
	width: 80%;
	line-height: 133px;
	position: absolute;
	top: 5px;
	right: 0;
}

/* 企業理念専用 */

.htt_cp {
	width: 100%;
	line-height: 72px;
	position: absolute;
	top: 5px;
	right: 0;
}

/* 会社概要 */

.htt_profile {
	width: 100%;
	line-height: 133px;
	position: absolute;
	top: 5px;
}

/* 沿革 */

.htt_history {
	width: 100%;
	line-height: 133px;
	position: absolute;
	top: 5px;
}

/* access */

.htt_access {
	width: 100%;
	line-height: 133px;
	position: absolute;
	top: 5px;
}

/* 中核的～専用 */

.htt_clr {
	width: 100%;
	line-height: 72px;
	position: absolute;
	top: 5px;
}

/* プライバシーポリシー専用 */

.htt_pp {
	width: 100%;
	line-height: 72px;
	position: absolute;
	top: 5px;
}

/* sdgs専用 */

.htt_sdgs {
	width: 100%;
	line-height: 72px;
	position: absolute;
	top: 5px;
}


/* sp-lab専用 */

.htt_sp {
	width: 100%;
	line-height: 133px;
	position: absolute;
}


/* 記事 */

.htt_article {
	width: 100%;
	line-height: 72px;
	position: absolute;
	top: 50px;
}


@media(max-width: 1100px) {

	/* タイトル部分まとめ */

	/* はじめての方へ */

	.htt_order {
		min-width: 800px;
		font-size: 70px;
		line-height: 75px;
		top: 0px;
	}

	/* 中核的 */
	.htt_clr {
		width: 100%;
		font-size: 70px;
		line-height: 75px;
		top: 0px;
	}

	/* プライバシーポリシー */
	.htt_pp {
		width: 100%;
		font-size: 70px;
		line-height: 75px;
		top: 0px;
	}

}


@media(max-width: 768px) {

	/* タイトル部分まとめ */

	/* 用語集各記事 */

	.half_tone_title_article {
		width: 100%;
		line-height: 34px;
		font-size: 32px;
		text-align: center;
	}

	/* sdgs */

	.br_sdgs {
		display: block;
	}
}


@media(max-width: 699px) {

	/* タイトル部分まとめ */

	/* 共通 */

	.main_title {
		flex-direction: column;
	}

	.main_title h2 {
		text-align: center;
	}

	.half_tone_title {
		text-align: center;
		font-size: 32px;
		line-height: 34px;
	}

	/* サービス */

	.htt_service {
		width: 100%;
		position: absolute;
		padding: 95px 0 0;
	}

	/* お問い合わせ */
	#faq_main #main_container .front_cont_box ul {
		gap: 0px;
	}

	/* はじめての方へ */

	.main_title .order {
		top: -30px;
	}

	.htt_order {
		min-width: inherit;
		width: 100%;
		padding: 60px 0 0;
	}

	/* ネットプリントとの違い */

	.main_title .difference {
		top: -15px;
	}

	.htt_difference {
		width: 100%;
		padding: 95px 0 0;
	}

	/* 用語集 */

	.htt_glossary {
		width: 100%;
		padding: 95px 0 0;
	}

	/* 企業理念 */

	.main_title .cp {
		top: -20px;
	}

	.htt_cp {
		width: 100%;
		position: absolute;
		padding: 65px 0 0 0;
	}

	/* 会社概要 */

	.htt_profile {
		width: 100%;
		position: absolute;
		padding: 95px 0 0;
	}

	/* 沿革 */
	.htt_history {
		width: 100%;
		position: absolute;
		padding: 95px 0 0;
	}

	/* 交通アクセス */
	.htt_access {
		width: 100%;
		position: absolute;
		padding: 95px 0 0;
	}

	/* 中核的 */

	.main_title .clr {
		line-height: 40px;
		height: 200px;
		padding: 40px 0;
	}

	.htt_clr {
		width: 100%;
		padding: 130px 0 0;
	}

	/* プライバシーポリシー */

	.main_title .pp {
		top: -20px;
	}

	.main_title .pp {
		line-height: 40px;
		height: 200px;
		padding: 50px 0;
	}

	.htt_pp {
		width: 100%;
		padding: 120px 0 0;
	}

	/* sdgs */

	.br_sdgs {
		display: none;
	}

	.htt_sdgs {
		width: 100%;
		padding: 90px 0 0;
	}

	/* fsc */
	.htt_fsc {
		width: 100%;
		position: absolute;
		padding: 95px 0 0;
	}

	/* faq */
	.htt_faq {
		width: 100%;
		position: absolute;
		padding: 95px 0 0;
	}

	/* sp_lab */

	.main_title .sp {
		position: inherit;
		line-height: 20px;
		padding: 35px 0;
	}

	.htt_sp {
		width: 100%;
		padding: 95px 0 0;
	}

	/* ブログ */

	.htt_blog {
		width: 100%;
		position: absolute;
		padding: 95px 0 0;
	}

	/* NEWS */

	.htt_news {
		width: 100%;
		position: absolute;
		padding: 95px 0 0;
	}

	/* 問い合わせ */
	.htt_contact {
		width: 100%;
		position: absolute;
		padding: 95px 0 0;
	}

}

@media(max-width: 410px) {

	/* タイトル部分まとめ */

	/* はじめての方へ */

	.main_title .order {
		height: 200px;
	}

}


@media(max-width: 375px) {

	/* タイトル部分まとめ */

	/* 中核的 */

	.main_title .clr {
		height: 250px;
	}

	.htt_clr {
		padding: 180px 0;
	}

	.htt_difference {
		padding: 140px 0;
	}
}


/* パンくず */
.Breadcrumb {
	color: #fff;
	padding: 1rem 2rem;
}

.Breadcrumb a {
	color: #939393;
}

.Breadcrumb-ListGroup {
	display: flex;
}

.Breadcrumb_container {
	max-width: 1000px;
	margin: auto;
}

.Breadcrumb-ListGroup-Item-Link[href]:hover {
	opacity: 0.5;
}

.Breadcrumb-ListGroup>*+* {
	margin-left: 0.5em;
}

.Breadcrumb-ListGroup>*+*::before {
	content: "/";
	margin-left: 0.75em;
	margin-right: 0.75em;
	color: #939393;
}


.fixed_btn {
	position: fixed;
	top: 50vh;
	right: 0px;
	padding: 70px 70px;
	border: 0;
	background-color: #FFFc40;
	background-image: url(/imgs_new/first_time_sidebtn.png);
	background-size: 80%;
	background-repeat: no-repeat;
	border-radius: 20px 0 0 20px;
	background-position: center center;
}

h1 {
	position: relative;
	/* bottom: -30px; */
	max-width: 300px;
}

h1 img {
	max-width: 100%;
}

.header_wrap {
	/* background: red; */
	height: 150px;
	display: flex;
	/* background: red; */
}

.nav_menu {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
}

.main_nav {
	margin-top: 10px;
}

.main_nav li {
	padding: 20px 25px 25px;

}

.tel_box {
	display: flex;
	text-align: left;
	place-content: center;
	align-items: center;
	background: #EBF7F3;
	justify-content: space-evenly;
	border-radius: 0 0 20px 20px;
	height: 75px;
}

.tel_box img {
	width: 18%;
	height: auto;
}

.tel_txt_box a {
	font-size: 24px;
	line-height: 1.2;
}

.tel_txt_box p {
	font-weight: 400;
}

.web_inquiry {
	width: 160px;
	height: 75px;
	display: flex;
	place-items: center;
	place-content: center;
	font-size: 18px;
	background: #FFFc40;
	border-radius: 0 0 20px 20px;
	line-height: 1.2;
}

.web_inquiry a {
	display: block;
	line-height: 1.3;
}

.recruit_here {
	width: 180px;
	font-size: 18px;
	height: 75px;
	display: flex;
	place-items: center;
	place-content: center;
	color: #fff;
	background: #44AB87;
	border-radius: 0 0 20px 20px;
}

.recruit_here a {
	color: #fff;
	display: block;
}

.recruit_here a:hover {
	color: #fff;
}

.nav_first_time {
	display: flex;
	align-items: center;
}

.nav_first_time::before {
	display: inline-block;
	width: 18px;
	height: 18px;
	content: url(/imgs_new/beginner_mark.png);
	padding-right: 10px;
	position: relative;
	vertical-align: bottom;
}

main {
	overflow: hidden;
}

.main_visual_wrapper {
	padding-top: 150px;
	display: flex;
}

.main_visual {
	width: 100%;
	position: relative;
	right: left;
	vertical-align: middle;
}

.main_visual video {
	width: 100%;
}

.mov_sp {
	display: none;
}

.company_menu {
	display: none;
	width: 140px;
	background: #44AB87;
	z-index: 1000;
	position: absolute;
	left: -10%;
	top: 64px;
}

.company_menu {
	cursor: pointer;
}

.company_menu.active {
	display: block;
}

.company_menu li {
	padding: 20px;
	color: #fff;
}

.company_menu a li:hover {
	background: #225744;
}

.company_menu a:hover {
	color: #fff;
	opacity: 1.0;
}


/* faq */

.content_link {
	color: #44AB87 !important;
	font-weight: bold;
	cursor: pointer;
}

.sp_br {
	display: none;
}

.accordion {
	margin: 3em auto;
	max-width: 60vw;
}

.toggle {
	display: none;
}

.option {
	position: relative;
	margin-bottom: 1em;
	border: solid 1px #ccc;
	border-radius: 20px;
	font-size: 16px;
}

.title,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}

.title {
	padding: 1em;
	display: block;
	color: #333;
	/* font-weight: bold; */
	padding: 30px;
	cursor: pointer;
}

.title::after,
.title::before {
	content: "";
	position: absolute;
	right: 3em;
	top: 40%;
	width: 2px;
	height: 1.5em;
	background-color: #44AB87;
	transition: all 0.3s;
}

.title::after {
	transform: rotate(90deg);
}

h2 {
	font-size: 42px;
	font-family: "Josefin Sans", sans-serif;
	color: #44AB87;
	letter-spacing: 0.5rem;
	line-height: 1.5;
}

.accordion_container {
	margin-top: 80px;
}

#main_container>h2,
#main_container>p {
	display: block;
	text-align: center;
}

#main_container>p {
	font-size: 16px;
	font-weight: bold;
}

#main_container>.front_title_sub {
	font-size: 20px;
}

.service_container {
	padding-top: 50px;
	text-align: center;
	background: #44AB87;
	border-radius: 30px;
}

.service_container P {
	font-size: 24px;
	font-weight: bold;
	display: block;
	color: #fff;
}


.service_box {
	width: 85%;
	padding: 50px 0 80px;
	display: flex;
	gap: 40px;
	justify-content: space-around;
	flex-wrap: wrap;
	margin: auto;
}

.service_box_item {
	width: 25%;
	position: relative;
}

.content {
	max-height: 0;
	overflow: hidden;
}

.title_txt {
	display: flex;
	align-items: center;
	width: 95%;

}

.content_txt {
	margin: auto;
	display: flex;
	border-top: 1px solid #ccc;
	align-items: center;
	padding-top: 10px;
	margin: 0px 30px 10px 30px;
}

.title {
	display: flex;
	align-items: center;
}

.title img {
	width: 50px;
	height: auto;
	margin-right: 10px;
}

.content img {
	width: 50px;
	height: auto;
	margin-right: 10px;
}

.content p {
	margin: 0;
	padding: 1.5em 0em 1.5em;
	font-size: 1.6rem;
	line-height: 1.8;
	text-align: justify;
}

.toggle:checked+.title+.content {
	max-height: 500px;
	transition: all 1.5s;
}

.toggle:checked+.title::before {
	transform: rotate(90deg) !important;
}

.transition_button {
	width: 100%;
}

.button_y {
	display: block;
	margin: auto;
	width: 350px;
}

a.button_y>p {
	position: relative;
	font-size: 20px;
	padding: 20px 60px;
	font-weight: bold;
	color: #44AB87;
	background: #FFFc40;
	border-radius: 35px;
	margin: auto;
}

a.button_y>p:hover {
	color: #FFFc40;
	background: #44AB87;
	transition: 0.3s;
}

a.button_y>p:hover::after {
	right: 40px;
	border-top: 5px solid #FFFc40;
	border-right: 5px solid #FFFc40;
	transition: 0.3s;
}

a.button_y>p::after {
	position: absolute;
	top: 0px;
	bottom: 0px;
	margin: auto;
	content: "";
	right: 50px;
	width: 12px;
	height: 12px;
	border-top: 5px solid #44AB87;
	border-right: 5px solid #44AB87;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


#main_container>.txt_container {
	line-height: 40px;
}

/* 課題別 */
/* 共通 */

#issue_main_container {
	width: calc(100% - 40px);
	max-width: 1000px;
	margin: 0 auto;
	padding: 0px 0 80px 0;
}

.issue_back {
	background: #EBF7F3;
}

.triangle {
	width: 100%;
	height: 30px;
	position: relative;
}

.triangle::after {
	position: absolute;
	content: "";
	width: 0;
	top: 0px;
	left: calc(100% / 2 - 70px);
	height: 0;
	border-style: solid;
	border-right: 70px solid transparent;
	border-left: 70px solid transparent;
	border-top: 50px solid #EBF7F3;
	border-bottom: 0;
}

.issue_main_title {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.issue_img {
	text-align: center;
	width: 50%;
	/* background: red; */
}

.issue_img img {
	width: 90%;
}

.issue_txt {
	width: 57%;
}

.issue_txt>.green_txt {
	font-family: "Josefin Sans", sans-serif;
	padding: 30px 0 70px;
	font-weight: bold;
	font-size: 24px;
}

.issue_txt>h2 {
	font-size: 32px;
}

.issue_txt>p {
	font-size: 20px;
	color: #44AB87;
}

p.black {
	font-size: 18px;
	color: #333;
	padding: 16px 0 30px 0;
	line-height: 2;
}

.issue_card {
	display: flex;
	align-items: center;
	gap: 30px;
	padding: 30px;
	border: 5px solid #EBF7F3;
	border-radius: 20px;
}

p.issue_txt_title {
	display: inline-block;
	padding: 10px 30px 10px 25px;
	background: #FFFc40;
	font-size: 22px;
	font-weight: bold;
	color: #44AB87;
	border-radius: 0 20px 20px 0;
}

.issue_txt_title+p {
	padding: 20px 0;
	line-height: 2;
	font-size: 18px;
}

.suggestion {
	width: 100%;
	text-align: center;
	padding: 50px;
}

.suggestion h2 {
	font-size: 36px;
}

.issue_card span {
	color: #44AB87;
	font-weight: bold;
}

.issue_card_img {
	max-width: 20%;
}

.issue_card_txt {
	flex: 1;
}

.solution_container {
	padding-bottom: 100px;
	display: flex;
	flex-direction: column;
}

.solution_container .plate {
	width: 60%;
	margin: auto;
}

.solution_container .person {
	width: 30%;
	margin: auto;

}

.issue_solution_card {
	display: flex;
	align-items: center;
	gap: 30px;
	padding: 30px;
	border-radius: 20px;
	background: #EBF7F3;
	text-align: left;
	margin-bottom: 40px;
}

p.issue_solution_txt_title {
	display: inline-block;
	padding: 10px;
	background: #fff;
	width: auto;
	font-size: 18px;
	font-weight: bold;
	color: #44AB87;
	border-radius: 10px;
	letter-spacing: 0.2rem;
}

.issue_solution_img {
	max-width: 20%;
}

.issue_solution_txt {
	flex: 1;
}

.issue_Annotation {
	font-size: 14px;
}

.issue_solution_txt_title+p {
	padding: 20px 0 0 0;
	line-height: 2;
	text-align: justify;
}

.issue_solution_txt span {
	color: #44AB87;
	font-weight: bold;
}

.other_service_container {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.other_service_title {
	width: 100%;
	display: inline-block;
	padding: 10px 0 10px 20px;
	background: #EBF7F3;
	font-size: 16px;
	border-radius: 0 20px 20px 0;
	font-weight: bold;
}

.title_middle {
	width: 70%;
}

.title_short {
	width: 30%;
}

.other_service_card {
	text-align: center;
	width: 30%;
	padding: 20px 20px;
	flex-wrap: wrap;
}

.other_service_card img {
	width: 90%;
}


.other_service_txt {
	margin-top: 20px;
	text-align: justify;
}

.other_service_txt>h3 {
	text-align: center;
	margin-bottom: 10px;
}

.other_service_card img {
	padding: 20px 20px 0px 20px;
	text-align: center;
}

.Consultation_txt {
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 24px;
	padding: 50px;
	color: #44AB87;
	line-height: 1.8;
}


/* ホームページの運営を */

.web_ope_img {
	position: relative;
	top: 49px;
	right: -77px;
}

/* 在庫管理 */

.stock_manage_img {
	position: relative;
	top: 49px;
	right: -77px;
}

/* sdgs */

.appeal_sdgs_img {
	position: relative;
	top: 49px;
	right: -77px;
}

/* 良い制作会社 */

.assign_production_img {
	position: relative;
	top: 49px;
	right: -77px;
}


/* 採用に苦戦 */

.high_color_img {
	position: relative;
	top: 49px;
	right: -77px;
}

/* 展示会で集めた名刺 */

.custom_data_img {
	position: relative;
	top: 49px;
	right: -77px;
}

/* 会社紹介動画 */

.company_mov_img {
	position: relative;
	top: 49px;
	right: -77px;
}

/* 初めての方へ */

#top_first_time_users {
	margin-left: calc(-50vw + 50%);
	width: 100vw;
	background: #EBF7F3;
}

.ftu_container {
	width: 100%;
	text-align: center;
}

.ftu_container>p {
	font-size: 16px;
	padding: 50px 0;
}


.ftu_img {
	width: 100%;
	margin: auto;
}

.news_back {
	width: 90%;
	background: #F5F5F5;
}

.top_news_dt {
	padding: 0;
	margin: 0;
	color: #000;
	font-size: 16px;
}

.news_container {
	width: 80%;
	margin: 50px auto;
	background: #FFF;
}

.news_container dl {
	display: flex;
	align-items: center;
	padding: 15px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	margin-bottom: -1px;
	gap: 30px;
}




/* ネット印刷との違い */
.difference_op_container {
	text-align: center;
	width: 100%;
	/* background: red; */
	padding: 20px 10px;
}


/* ピックアップ */
.pickup ul.lower-page li {
	margin: 0 0.5rem 0.5rem;
	width: 275px;
	scroll-snap-align: start;
	padding: 0.5rem;
	list-style: none;
}

.pickup ul.lower-page li p {
	font-size: 0.8rem;
	line-height: 1.5;
	margin-bottom: 0;
}

.pickup ul.lower-page {
	width: 1600px;
	display: flex;
	margin: 0;
}

.pickup {
	/* height: 220px; */
	overflow: hidden;
	width: 600px;
	max-width: 100%;
	overflow-x: scroll;
	margin: 1rem auto;
	scroll-snap-type: x mandatory;
}

div#search-result {
	display: contents;
}

.blog_card_container {
	overflow-x: auto;
	white-space: nowrap;
}

/* ブログ */

.blog_container {
	width: 100%;
}

.blog_search_area {
	background: #F5F5F5;
	border-radius: 20px;
}

.search_column {
	display: flex;
	gap: 0 50px;
	margin: 20px;
	align-items: center;
}

.search_term label {
	margin-right: 20px;
}

input#search-keyword {
	border-radius: 20px;
	padding: 10px;
	flex: 1;
	border: 1px solid #333;
}

.blog_area_top {
	width: 100%;
	padding: 0 0 50px 0;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 40px;
}

.blog_area {
	width: 100%;
	padding: 0 0 50px 0;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	gap: 50px 0px;
}

.blog_card {
	width: calc(100% / 2 - 50px);
	background: #F5F5F5;
	position: relative;
	z-index: 5;
	font-size: 18px;
	font-weight: bold;
	display: inline-block;
	/* カード間の余白 */
}

.blog_card a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

p.blog_title {
	height: 80px;
}

.blog_card:hover {
	box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, .5);
}

.blog_img {
	width: 100%;
}

.brog_title {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	height: 100px !important;
}

.tag_box {
	margin: 0px 20px 20px 20px;
}

.tag_box dt {
	font-size: 15px;
}

.tag_box dt a {
	font-size: 16px;
	font-weight: bold;
	color: #44AB87;
}

.tag_flex {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.new_mark {
	width: 70px;
	position: absolute;
	left: -15px;
	top: -30px;
	z-index: 10;
}

#top_news {
	margin-bottom: 100px;
}

#front_contact_area {
	background: #EBF7F3;
}

.front_cont_box {
	padding: 30px 0;
}

.front_cont_box ul {
	display: flex;
	gap: 30px;
	justify-content: center;
}

.front_cont_box ul li {
	background: #fff;
	padding: 20px;
	font-size: 16px;
	font-weight: bold;
}

.place {
	color: #44AB87;
	background-color: #EBF7F3;
	padding: 10px;
	border-radius: 10px;
	margin-right: 20px;
}

.tel_b {
	font-size: 24px;
	letter-spacing: 2px;
}

/* サイトマップ */

#sitemap {
	margin-left: calc(-50vw + 50%);
	width: 100vw;
	background: #d8d8d8;
}


.foot_site_map {
	display: flex;
	justify-content: space-between;
	line-height: 2;
	margin: auto;
}

.foot_site_map .bold {
	font-weight: bold;
	padding-bottom: 20px;
	font-size: 1.6rem;
}

.foot_site_map a:hover {
	color: #00A143;
}

.ul_space {
	padding: 0px 0 15px;
	line-height: 2.5;
}

dt {
	display: inline-block;
	background-color: #fff;
	padding: 5px 7px;
	color: #00A143;
}

.blog_txt_area {
	padding: 20px;
}

/* フッター */

.footer_container {
	width: 100%;
	gap: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 50px;
}

.other_link {
	display: flex;
}


.footer_collumn_r .copyright {
	font-size: 1.2rem;
}

.footer_collumn_l,
.footer_collumn_r, {
	width: 30%;
}

.foot_icon {
	display: flex;
	align-items: flex-start;
	gap: 15px;
}

.foot_icon a img {
	width: 50px;
	height: auto;
}

.footer_collumn_r {
	text-align: right;
}

.footer_collumn_r img {
	width: 70%;
}

.br_clr {
	display: none;
}


/* 初めての方へバナー */

.img_sp_none {
	display: block;
}

.img_pc_none {
	display: none;
}

/* サービスページ */

#intro {
	height: 300px;
}

.service_main {
	background: #EBF7F3;
}


.service_main_img_container {
	text-align: center;
	width: 100%;
}

.service_main_img_container>img {
	max-width: 500px;
	position: relative;
	bottom: -40px;
}

.service_main_container {
	display: flex;
	justify-content: space-between;
	align-items: normal;
	gap: 20px;
	flex-wrap: wrap;
}

.service_main_item {
	width: 31%;
	display: flex;
	flex-direction: column;
	padding: 20px;
	background: #fff;
	border-radius: 20px;
}



#service_hov1 a:hover {
	width: 100%;
	vertical-align: bottom;
	content: url(/imgs_new/top_service_01_hover.png);
	opacity: 1 !important;
	transform: scale(1.1);
	transition: 0.5s;
}

#service_hov2 a:hover {
	width: 100%;
	vertical-align: bottom;
	content: url(/imgs_new/top_service_02_hover.png);
	opacity: 1 !important;
	transform: scale(1.1);
	transition: 0.5s;
}

#service_hov3 a:hover {
	width: 100%;
	vertical-align: bottom;
	content: url(/imgs_new/top_service_03_hover.png);
	opacity: 1 !important;
	transform: scale(1.1);
	transition: 0.5s;
}

#service_hov4 a:hover {
	width: 100%;
	vertical-align: bottom;
	content: url(/imgs_new/top_service_04_hover.png);
	opacity: 1 !important;
	transform: scale(1.1);
	transition: 0.5s;
}

#service_hov5 a:hover {
	width: 100%;
	vertical-align: bottom;
	content: url(/imgs_new/top_service_05_hover.png);
	opacity: 1 !important;
	transform: scale(1.1);
	transition: 0.5s;
}

#service_hov6 a:hover {
	width: 100%;
	vertical-align: bottom;
	content: url(/imgs_new/top_service_06_hover.png);
	opacity: 1 !important;
	transform: scale(1.1);
	transition: 0.5s;
}

#service_hov7 a:hover {
	width: 100%;
	vertical-align: bottom;
	content: url(/imgs_new/top_service_07_hover.png);
	opacity: 1 !important;
	transform: scale(1.1);
	transition: 0.5s;
}

#service_hov8 a:hover {
	width: 100%;
	vertical-align: bottom;
	content: url(/imgs_new/top_service_08_hover.png);
	opacity: 1 !important;
	transform: scale(1.1);
	transition: 0.5s;
}

#service_hov9 a:hover {
	width: 100%;
	vertical-align: bottom;
	content: url(/imgs_new/top_service_09_hover.png);
	opacity: 1 !important;
	transform: scale(1.1);
	transition: 0.5s;
}

.item_title {
	text-align: center;
}

.lh50 {
	line-height: 50px;
}

.item_title>p {
	font-family: "Josefin Sans", sans-serif;
	padding: 1rem 0;
	font-weight: 700;
	color: #44AB87;
	font-size: 1.8rem;
}

.item_title>h3 {
	font-size: 1.8rem;
	display: inline-block;
	height: 50px;
}

.item_list {
	display: flex;
	flex-wrap: wrap;
	gap: 1px 7px;
	padding: 10px 5px;
}

.item_list li {
	display: inline-block;
	font-weight: bold;
}

.item_list li::before {
	content: "・";
}

.item_img {
	width: 100%;
	height: 180px;
	padding: 20px;
	display: flex;
	place-items: end;
	overflow: hidden;
}

.item_img img {
	max-width: 80%;
	margin: auto;
}

.item_cando {
	margin-bottom: 30px;
}

.item_cando>p {
	font-size: 18px;
}


.service_main_item>p {
	padding: 20px;
}

#item_button {
	margin-top: auto;
}


a.item_button_y {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 15px 10px 15px 20px;
	background: #FFFc40;
	font-size: 16px;
	font-weight: bold;
	color: #00A143;
	border-radius: 50px;
}


a.sp_lab_button_y {
	position: relative;
	display: inline-block;
	margin: auto;
	padding: 15px 10px 15px 30px;
	background: #FFFc40;
	font-size: 16px;
	font-weight: bold;
	color: #00A143;
	border-radius: 50px;
	min-width: 300px;
}

a.sp_lab_button_y:hover {
	background: #00A143;
	color: #FFFc40;
	transition: 0.3s;
}

a.sp_lab_button_y>p:hover::after {
	right: 25px;
	border-top: 5px solid #FFFc40;
	border-right: 5px solid #FFFc40;
	transition: 0.3s;
}

a.sp_lab_button_y>p::after {
	position: absolute;
	top: 0px;
	bottom: 0px;
	margin: auto;
	content: "";
	right: 35px;
	width: 12px;
	height: 12px;
	border-top: 5px solid #44AB87;
	border-right: 5px solid #44AB87;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

a.item_button_y:hover {
	background: #00A143;
	color: #FFFc40;
	transition: 0.3s;
}

#item_button:hover::after {
	right: 20px;
	border-top: 5px solid #FFFc40;
	border-right: 5px solid #FFFc40;
	transition: 0.3s;
}

#item_button::after {
	position: absolute;
	top: 0;
	bottom: -1px;
	margin: auto;
	content: "";
	right: 30px;
	width: 10px;
	height: 10px;
	border-top: 5px solid #44AB87;
	border-right: 5px solid #44AB87;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#ather_worries {
	background: #EBF7F3;
}

.ather_worries_container {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-wrap: wrap;
	margin: 100px 0;
}

.ather_worries_plate {
	max-width: 440px;
	margin: auto;
	display: inline-block;
	padding: 15px 0;
}

.worries_man {
	max-width: 250px;
	margin: auto;
	position: relative;
	padding: 15px 0;
	right: 30px;
}

.ather_worries_txt {
	width: 90%;
	text-align: left;
	display: flex;
	justify-content: space-around;
	font-size: 16px;
	line-height: 2;
}

.ather_worries_txt ul li:before {
	content: "・";
}

.ather_worries_txt_box {
	width: 38%;
}

.pridea_cando_title {
	font-size: 20px;
	font-weight: bold;
}

.cando_conteiner {
	display: flex;
	justify-content: space-between;
	padding: 50px 0;
}

.cando_box {
	width: 35%;
	line-height: 2;
}

.cando_box_side {
	width: 25%;
	line-height: 2;
}

.list_dt {
	width: 100%;
	font-size: 18px;
	color: #333;
	display: inline-block;
	padding-bottom: 5px;
	border-bottom: 1px solid #333;
	margin-bottom: 10px;
	margin-left: 0;
	font-weight: bold;
}

.cando_list dd:before {
	content: "●";
	display: inline-block;
	margin-right: 8px;
	color: rgba(68, 171, 135, 0.5);
}

.cando_bold {
	font-size: 18px !Important;
	color: #44AB87;
	line-height: 1.8;
}


/* よくある質問 */

.theme_main_visual,
.theme_main_visual_long {
	width: 100%;
	height: 133px;
	background: #EBF7F3;
}


.txt_container {
	/* font-weight: 400 !important; */
	line-height: 2;
}

.txt_container a {
	display: inline;
	padding: 0 10px 0px;
	border-bottom: 1px solid #333;
}

.txt_container a:hover {
	color: #44AB87;
	border-color: #44AB87;
}



/* 初めてのかたへ */

#main_container>.green_txt {
	color: #44AB87;
	font-size: 20px;
}

.br_order {
	display: none;
}

.order_item_sp {
	display: none;
}

.speech_bubble_01 {
	position: relative;
	left: 50px;
	top: 100px;
	z-index: -20;
}

.trouble01 {
	width: 60%;
	bottom: 100px;
	z-index: 0;
}

.trouble02 {
	width: 80%;
}

.trouble03 {
	position: relative;
	bottom: 0px;
	left: -50px;
}

.speech_bubble_02 {
	position: relative;
	left: -50px;
	bottom: -20px
}

.speech_bubble_03 {
	position: relative;
	left: 100px;
	bottom: -50px;
}


.order_container {
	padding: 50px 0;
	display: flex;
	justify-content: space-around;
}

.order_item {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	/* background: red; */
}

.item_l {
	width: 25%;
}

#help_us {
	background: #44AB87;
}

.help_us_container {
	text-align: center;
	width: 100%;
	/* background: red; */
}

.help_us_container img {
	width: 50%;
}


.bubble_p {
	display: inline-block;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	top: 120px;
	height: 100px;
	line-height: 100px;
	position: relative;
}

#help_us::before {
	position: absolute;
	content: "";
	width: 0;
	left: calc(100% / 2 - 70px);
	height: 0;
	border-style: solid;
	border-right: 70px solid transparent;
	border-left: 70px solid transparent;
	border-top: 50px solid #ffffff;
	border-bottom: 0;
}

.help_copy {
	font-size: 28px;
	line-height: 1.5;
	font-weight: bold;
	color: #fff;
	padding: 30px 0;
}

.order_item img {
	object-fit: contain;
}

.item_c {
	width: 25%;
}

.item_r {
	width: 25%;
}


#safety_point {
	background: #EBF7F3;
	font-size: 16px;
}

.main_img_container {
	width: 100%;
	margin: auto;
	text-align: center;
	padding: 20px;
}

.point_container {
	display: flex;
	gap: 20px;
	margin-bottom: 50px;
}

.team_box {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding: 50px 0;
}

.team_box_item {
	width: calc(85% / 4);
	font-size: 15px;
	text-align: center;
	font-weight: bold;
}

.team_box_item img {
	margin-bottom: 20px;
}

.direcotor_img {
	/* height: 145px; */
	width: auto;
}

.point_icon {
	width: 15%;
}

.point_icon img {
	object-fit: contain;
}

.point_txt {
	flex: 1;
	padding: 30px 0;
}

.handle {
	width: 45%;
	line-height: 200%;
	margin-left: 8px;
	/* background: red; */
}

.handle_box {
	display: flex;
	justify-content: space-between;
	padding: 30px 0;
}

.handle ul li {
	text-indent: -20px;
	margin-left: 16px;
}

.handle ul li:before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-right: 0.7rem;
	background: #fff;
	border: 0.3px solid #000;
}

.point_copy {
	width: 100%;
	text-align: center;
	font-weight: bold;
	color: #44AB87;
	font-size: 24px;
	line-height: 1.8;
}

#company_news {
	margin-bottom: 120px;
}

#web_new {
	margin-bottom: 120px;
}

.flow_container {
	text-align: center;
	font-size: 16px;
	text-align: justify;
}

.flow_title {
	color: #44AB87;
	text-align: center;
}


.flow_container>h3 {
	color: #000;
}

.flow_choice {
	text-align: center;
	display: flex;
	gap: 30px 30px;
	justify-content: space-between;
	padding: 50px 0;
}


.flow_choice p {
	color: #44AB87;
	font-weight: bold;
}


.flow_item {
	max-width: 500px;
	background: #EBF7F3;
	display: flex;
	flex-wrap: wrap;
	border-radius: 20px;
}

.flow_item::after {
	content: "";
	background: #44AB87;
	width: 100%;
	height: 40px;
	border-radius: 0 0px 20px 20px;
}

#flow_select>p {
	display: inline-block;
	width: 100%;
}

.company_news_letter img {
	height: 100px;
}

.flow_vector {
	position: relative;
}

.flow_vector::after {
	position: absolute;
	bottom: 16px;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.flow_vector::after {
	left: calc(50% - 15px);
	width: 15px;
	height: 15px;
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.flow_item span {
	font-size: 24px;
	padding: ;
	color: #44AB87;
	font-weight: bold;
}

.flow_item>p {
	padding: 30px 0 0 0;
}


.flow_item img {
	width: 250px;
	height: AUTO;
	margin: 30px auto;
}

.flow_area {
	width: 100%;
	font-size: 16px;
	background: #EBF7F3;
	margin: 50px auto;
	padding: 20px 70px 70px;
	border-radius: 15px;
}

.flow_area_title {
	width: 100%;
	text-align: center;
	font-weight: bold;
	padding: 15px 0 30px;
	border-bottom: 2px solid #000;
	margin-bottom: 30px;
}

.flow_area_title:before {
	content: "";
	display: block;
	height: 50px;
	margin-top: -30px;
	visibility: hidden;
}

.flow_area_title span {
	font-size: 24px;
}

.flow_box {
	display: flex;
	flex-wrap: wrap;
}

.flow_num {
	width: 7%;
	margin-right: 30px;
}

.flow_img {
	width: 20%;
}

.hearing {
	position: relative;
	bottom: -70px;
}

.hearing_web {
	position: relative;
	bottom: -20px;
}

.mitsumori {
	width: 60%;
	margin: 0 30px;
	position: relative;
	bottom: -50px;
}

.flow_num img {
	object-fit: contain;
}

.flow_txt {
	flex: 1;
	margin-right: 20px;
}

.flow_txt h3 {
	font-size: 24px;
	color: #44AB87;
	padding: 20px 0;
}

.flow_txt p {
	line-height: 1.8;
}

.accessanalysis {
	position: relative;
	bottom: -100px;
}

.inquiry_container {
	width: 100%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	gap: 20px;
	margin-bottom: 80px;
}

.inquiry_title {
	text-align: center;
	width: 100%;
	font-size: 24px;
	font-weight: bold;
	padding-bottom: 10px;
}

.inquiry_card {
	width: 40%;
	padding: 25px 40px;
	display: grid;
	text-align: center;
	place-items: center;
	border-radius: 20px;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.6;
}

.tel_card {
	background: #EBF7F3;
}

.tel_card>p {
	font-size: 18px;
}

.tel_card>a {
	font-size: 32px;
}

.web_card {
	background: #FFFc40;
}

/* 用語集 */

#dictionary_flex_container {
	display: flex;
	flex-wrap: wrap;
	background: red;
}

.dictionary_main {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

.dictionary_main,
.index_main {
	width: 100%;
	font-size: 16px;
	text-align: justify;
}

.grossary_list {
	display: flex;
	width: 100%;
}

.grossary_list ul {
	justify-content: space-between;
	padding: 10px 40px;
}

.grossary_list li {
	width: 15%;
	text-align: center;
	display: inline-block;
	background: #EBF7F3;
	padding: 10px 0;
	margin: 0px 0px 150px;
	font-weight: bold;
	/* background: red; */
	cursor: pointer;
}

.grossary_list li a {
	color: #44AB87;
}

.grossary_list li a::before {
	content: "▼";
	display: inline-block;
	margin-right: 5px;
}

.index_title {
	width: 100%;
	font-size: 24px;
	display: inline-block;
	padding-bottom: 10px;
	border-bottom: 1.5px solid #333;
}

.index_collumn {
	display: flex;
	flex-wrap: wrap;
	padding: 30px 0;
}

.index_collumn li {
	text-align: left;
	width: calc(100% / 3);
	padding: 10px 0;
	/* background: red; */
	font-weight: bold;
}

.index_collumn li a:hover {
	color: #44AB87;
}

#category-a:before,
#category-ka:before,
#category-sa:before,
#category-ta:before,
#category-na:before,
#category-ha:before,
#category-ma:before,
#category-ya:before,
#category-ra:before,
#category-wa:before {
	content: "";
	display: block;
	height: 150px;
	/* 調整したい高さ（固定ヘッダーの高さ） */
	margin-top: -150px;
	/* heightと同じ分のネガティブマージン */
	visibility: hidden;
}

/* 用語集（各記事） */

.article_main_visual {
	width: 100%;
	height: 133px;
	background: #EBF7F3;
}


#article_main {
	background: #EBF7F3;
	padding-bottom: 100px;
}

#article_main>#main_container {
	background: #fff;
	border-radius: 20px;
	font-size: 16px;
}

.article_container {
	padding: 0px 50px;
}

.article_title {
	display: inline-block;
	padding-bottom: 20px;
	border-bottom: 3px solid #B4B4B4;
	display: flex;
	align-items: center;
}

.article_txt {
	margin-top: 30px;
	line-height: 1.8;
}

.article_title>h3 {
	font-size: 28px;
	margin-right: 30px;
}

button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}

.back_list {
	width: 100%;
	padding: 60px 0 0 0px;
	text-align: left;
}

.back_list>a {
	display: inline-block;
	padding: 10px 30px 10px 60px;
	border-radius: 20px;
	border: 0;
	background: #EBF7F3;
	font-weight: bold;
	color: #44AB87;
	letter-spacing: 0.3rem;
	position: relative;
}

.back_list>a::before {
	position: absolute;
	top: 0;
	bottom: 0px;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.back_list>a::before {
	left: 35px;
	width: 8px;
	height: 8px;
	border-top: 4px solid #44AB87;
	border-right: 4px solid #44AB87;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	transition: 0.3s;
}

.back_list>a:hover::before {
	left: 25px;
	border-top: 4px solid #fff;
	border-right: 4px solid #fff;
}

.back_list>a:hover {
	background: #44AB87;
	color: #fff;
}


/* ブログ */

.blog_eyecatch {
	width: 100%;
	max-height: 250px;
	overflow: hidden;
}

.blog_eyecatch img {
	height: 250px;
	object-fit: cover;
}

/* ブログ各記事 */

.blog_main_txt a {
	color: #44AB87;
	font-weight: bold;
}

.blog_article_main_img {
	width: 100%;
	text-align: center;
}

.blog_article_main_img img {
	width: auto;
	max-height: 400px;
}

.blog_txtc {
	width: 100%;
	text-align: center;
	margin: 50px 0 30px 0;
}

.blog_article_title {
	display: inline-block;
	padding-bottom: 20px;
	width: 100%;
}

.blog_article_title h3 {
	font-size: 28px;
	line-height: 40px;
	padding: 20px 0;
}

ul li a:hover {
	color: #44AB87;
}


.artcle_catrgory_day {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

p.article_category {
	text-align: center;
	width: auto;
	padding: 5px 20px;
	border-radius: 20px;
	background: #44AB87;
	color: #fff;
	font-weight: bold;
}

P.article_day {
	color: #B4B4B4;
}

.blog_article_writer_container {
	display: flex;
	gap: 50px;
	padding: 80px 0;
}

.writer_img {
	width: 16%;
}

.writer_img img {
	border-radius: 50% !important;
}

.writer_txt {
	flex: 1;
	padding: 30px 50px;
	background: #FBF3CC;
	border-radius: 20px;
	line-height: 1.8;
	position: relative;
}

.writer_txt:after {
	border: solid transparent;
	content: '';
	height: 0;
	width: 0;
	pointer-events: none;
	position: absolute;
	border-color: rgba(90, 230, 40, 0);
	border-top-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 30px;
	border-right-width: 30px;
	margin-top: -10px;
	border-right-color: #FBF3CC;
	right: 100%;
	top: 80px;
}

.table_contents {
	font-size: 20px;
	font-weight: bold;
	padding: 0 0 1rem 0;
}



ol.sec_list_num {
	counter-reset: my-counter;
	list-style: none;
	padding: 0;
	margin: 0;
}


.sec_list_num li {
	/* list-style-type: decimal; */
	margin-left: 20px;
	padding-left: 2px;
	position: relative;
}

.sec_list_num li::before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #fff;
	border: 1.5px solid;
	border-radius: 50%;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 18px;
	width: 18px;
	color: #333;
	font-size: 85%;
	font-weight: bold;
	line-height: 1;
	position: absolute;
	top: 8px;
	left: -20px;
}

.list_bold:first-child {
	font-weight: bold;
}



.list_disc {
	list-style-type: disc;
}

.ol_num,
.list_disc {
	margin-left: 2.2rem;
	line-height: 2;
}

.blog_table_contents {
	border-top: 1px dotted #333;
	border-bottom: 1px dotted #333;
	padding: 40px 0;
}

.blog_table_contents+br {
	display: none;
}


.blog_table_contents>br {
	display: none;
}


#heading1::before,
#heading2::before,
#heading3::before {
	content: "";
	display: block;
	height: 150px;
	/* 調整したい高さ（固定ヘッダーの高さ） */
	margin-top: -150px;
	/* heightと同じ分のネガティブマージン */
	visibility: hidden;
}


.blog_main_txt>h3 {
	color: #44AB87;
	font-size: 24px;
	padding: 10px 0;
}

.blog_main_txt {
	line-height: 2;
}

.blog_main_txt>img {
	padding: 30px 0;
}

.blog_main_txt+br {
	display: none;
}

.blog_main_txt>br {
	display: none;
}


.blog_sub_txt+br {
	display: none;
}

.blog_sub_txt>br {
	display: none;
}

.blog_sub_txt {
	display: inline-block;
	padding: 5px 10px;
	border-left: 4px solid #44AB87;
	font-size: 18px;
	font-weight: bold;
	margin: 50px 0 10px 0px;
}

.blod_sub_list {
	margin-left: 2rem;
}


.blod_num_sub_list {
	margin-left: 2rem;
}

ul.blod_num_sub_list {
	counter-reset: my-counter;
	list-style: none;
	padding: 0;
	margin: 0;
}

.blod_num_sub_list li {
	/* list-style-type: decimal; */
	margin-left: 20px;
	padding: 1rem 0 0 3px;
	position: relative;
}

.blod_num_sub_list li::before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background-color: #fff;
	border: 1.5px solid;
	border-radius: 50%;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 18px;
	width: 18px;
	color: #333;
	font-size: 85%;
	font-weight: bold;
	line-height: 1;
	position: absolute;
	top: 18px;
	left: -20px;
}

.blod_sub_list li {
	list-style-type: disc;
	padding: 1rem 0;
}

.blod_num_sub_list li::marker {
	font-weight: bold;
}

.summary {
	background: #F5F5F5;
	padding: 10px;
	border: 2px solid #44AB87;
	border-radius: 10px;
	margin: 20px 0;
	font-weight: bold;
}

.summary ul li {
	list-style: disc;
	margin-left: 3rem;
	font-weight: bold;
}

.summary+br {
	display: none;
}

.summary>br {
	display: none;
}

.blog_end_txt {
	font-size: 24px;
	background: #EBF7F3;
	text-align: center;
	padding: 20px;
	line-height: 1.8;
}

/* .blog_end_sub_txt+br {
	display: block;
}

.blog_end_sub_txt>br {
	display: block;
} */

.b_indent0 {
	text-indent: -0px;
}

.b_indent40 {
	text-indent: 40px;
}

.b_indent24 {
	text-indent: 24px;
}

.b_ml16 {
	margin-left: 16px;
}

.b_mt16 {
	margin-top: 16px;
}

.b_bold {
	font-weight: bold;
}

.recommend_area {
	width: 80%;
	margin: auto;
	text-align: center;
}

.recommend_area_txt {
	display: inline-block;
	padding: 10px 20px;
	border: 2px solid #44AB87;
	border-radius: 20px;
}

.blog_search_area {
	text-align: left;
	padding: 20px 60px;
	background: #F5F5F5;
	border-radius: 20px;
}

.blog_search_area h3::before {
	content: "";
	background-image: url(/imgs_new/LOUPE.png);
	display: inline-block;
	background-size: contain;
	vertical-align: middle;
	width: 30px;
	height: 30px;
}

/* ブログ 各記事改修*/



/* ニュース一覧 */
.news_list_container {
	width: 80%;
	margin: 50px auto;
	/* background: red; */
	font-size: 16px;
}


.news_list {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 2rem;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
	margin: -1px;
	position: relative;
	cursor: pointer;
}

.news_list dt {
	width: 15%;
	margin-bottom: 0;
	color: #333;
}

.news_list_container dl:hover {
	color: #44AB87;
}

.news_list_t {
	width: 75%;
}

.news_list_t:hover {
	color: #44AB87;
}

.Vector {
	position: absolute;
	right: 20px;
	bottom: 50%;
}

.Vector::after {
	position: absolute;
	top: 0;
	bottom: 0px;
	right: 0px;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.Vector::after {
	width: 8px;
	height: 8px;
	border-top: 2px solid #333;
	border-right: 2px solid #333;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.Vector:hover::after {
	border-top: 2px solid #44AB87;
	border-right: 2px solid #44AB87;
}


/* ニュース各記事 */
.news_article_title {
	display: inline-block;
	padding-bottom: 20px;
	width: 100%;
	border-bottom: 2px solid #333333;
}

.news_article_title>h3 {
	padding: 30px 0 10px 0;
}

/* 中核的 */

.clr_flex {
	display: flex;
	flex-direction: column;
}

.clr_container {
	width: 100%;
}

.clr_box {
	width: 97%;
}

.clr_container li {
	list-style-type: decimal;
	margin-left: 24px;
}

.clr_container li::marker {
	font-weight: 400;
}


/* fsc */

.fsc_mark img {
	width: 15%;
}

.fsc_container>P {
	white-space: nowrap;
}

.fsc_container>h3 {
	padding: 0 0 20px 0;
	border-bottom: 1px solid #333;
}

.fsc_txt>h4 {
	font-weight: 400;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #333;
}

.fsc_txt>p {
	/* text-indent: 16px; */
}

.fsc_access>table,
.fsc_access>table td {
	border: 1px solid #333;
}

table {
	margin: auto;
}

table td {
	padding: 5px 10px;
	text-align: center;
}

.fsc_mark {
	display: flex;
	gap: 30px;
	padding: 30px 0;
}

.fsc_mark_txt P {
	line-height: 2;
}

/* プライバシーポリシー */

.privacy_container {
	display: flex;
	flex-wrap: wrap;
}


.privacy_company_container {
	position: relative;
	width: 100%;
	padding-bottom: 180px;
}

.privacy_company {
	position: absolute;
	right: 0;
}

.privacy_company ul li:nth-child(n+3) {
	text-align: right;
}

.privacy_container>h3 {
	width: 100%;
	font-size: 18px;
	background: #EBF7F3;
	padding: 10px 30px;
	margin-bottom: 30px;
}

.privacy_container>h4 {
	width: 100%;
	font-size: 16px;
	font-weight: 400;
	padding-bottom: 10px;
	border-bottom: 1px solid #333;
}

.purpose_of_use dt {
	color: #333;
	padding: 0 5px;
}

.purpose_of_use dd {
	margin-left: 20px;
}


.purpose_of_use dt:before {
	content: "■";
}

.purpose_of_use dd:before {
	content: "・";
}

.business_list dt {
	color: #333;
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 1px solid #333;
}

/* .business_list dd {
	margin-left: 20px;
} */

.business_list dd {
	margin-left: 18px;
}

.dotted::before {
	content: "・";
}


.inquery_list dt {
	color: #333;
}

.inquery_list dd {
	margin-left: 10px;
}

.Handlingcomplaints_list {
	width: 100%;
}

.Handlingcomplaints_list dt {
	color: #333;
}

.Handlingcomplaints_list dd {
	margin-left: 20px;
}

.list_indent {
	/* text-indent: 16px; */
}

/* splab */

h2 span {
	font-size: 16px;
}

.sp_lab_container {
	width: 95%;
	margin: auto;
	padding: 70px 0 0 0;
}

#main_container>.sp_lab_copy {
	text-align: left;
	text-align: justify;
}

.sp_lab_box {
	max-width: 1000px;
	display: flex;
	align-items: center;
	margin-bottom: 80px;
}

.sp_lab_img {
	width: 40%;
}

.sp_lab_txt {
	width: 60%;
}

.sp_lab_img {
	text-align: center;
}

.sp_lab_txt dd {
	text-indent: -17px;
	line-height: 1.8;
	margin-left: 17px;
}

.sp_lab_txt dd:before {
	content: "・";
}

.hanosoku_box {
	display: flex;
	gap: 30px;
	background: #EBF7F3;
	padding: 40px;
	margin: 130px 0 50px 0;
	align-items: center;
	border-radius: 20px;
	justify-content: space-around;
}

.hanosoku_box>h2 {
	font-size: 32px;
}

.hanosoku_box>p {
	display: inline-block;
}


/*sdgs*/


/*ローディング画面*/
/* Loading背景画面設定　*/
#splash {
	/*fixedで全面に固定*/
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999;
	background-image: url(/imgs_new/paper_bg.jpg);
	background-repeat: repeat;
	text-align: center;
	color: #fff;
}

/* Loading画像中央配置　*/
#splash_logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* Loading アイコンの大きさ設定　*/
#splash_logo img {
	width: 80%;
}

/* fadeUpをするアイコンの動き */
.fadeUp {
	animation-name: fadeUpAnime;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	opacity: 0;
}

@keyframes fadeUpAnime {
	from {
		opacity: 0;
		transform: translateY(0);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/*ローディング画面ここまで*/


#sdgs-page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 16px;
	line-height: 1;
	z-index: 99;
}

#sdgs-page-top a:before {
	content: "▲";
	display: inline-block;
	width: 20px;
	height: 10px;
}

#sdgs-page-top a {
	background: #3F7E44;
	text-decoration: none;
	color: #fff;
	line-height: 1.2;
	width: 100px;
	height: 100px;
	padding: 20px 20px;
	font-weight: bold;
	text-align: center;
	display: block;
	border-radius: 80px;
	opacity: 0.9;
	transition: all .3s ease;
}

#sdgs-page-top a:hover {
	text-decoration: none;
	opacity: .5;
}

.contact_j_btn {
	position: fixed;
	top: 30vh;
	right: 0px;
	padding: 40px 20px;
	border: 0;
	background-color: #3F7E44;
	background-repeat: no-repeat;
	border-radius: 10px 0 0 10px;
	background-position: center center;
}

.contact_j_btn p {
	writing-mode: vertical-rl;
	color: #fff;
	font-size: 20px;
	letter-spacing: 2px;
	font-weight: bold;
}

/* SP時ボタン */

.sdgs_bottom_menu_sp {
	display: none;
}

.sdgs_head {
	max-width: 1300px;
	text-align: left;
	margin: auto;
}

.sdgs_head>a>img {
	max-width: 300px;
	padding: 20px;
}

.sdgs_foot {
	max-width: 90%;
	text-align: left;
	margin: auto;
}

#sdgs_intro_back>.sdgs_main_copy {
	font-family: "ヒラギノ明朝 Pro", serif;
	text-align: center;
	padding: 100px 0 0 0;
	max-width: 1000px;
	font-size: 22px;
	line-height: 3;
	margin: auto;
	font-weight: 700;
}

.sdgs_anker_cont {
	max-width: 1000px;
	display: flex;
	gap: 100px;
	text-align: center;
	margin: auto;
	justify-content: space-between;
	margin: 100px auto 150px;
}

.anker_area {
	padding: 15px;
	font-size: 20px;
	font-weight: bold;
	border-radius: 15px;
	letter-spacing: 3px;
}


.sdgs_flex_card a:hover {
	color: #3F7E44;
}

.sdgs_anker {
	width: calc(100% / 3);
}

.sdgs_environment {
	color: #3F7E44;
	border: 2px solid #3F7E44;
}

.sdgs_work {
	color: #A21942;
	border: 2px solid #A21942;
}

.sdgs_service {
	color: #00689D;
	border: 2px solid #00689D;
}


#sdgs_intro_back {
	width: 100vw;
	margin-left: calc(50% - 50vw);
	background-image: url(/imgs_new/paper_bg.jpg);
	background-repeat: repeat;
	background-size: 100%;
	background-size: cover;
	margin-top: -190px;
	padding: 80px;
}

.sec_environ_main_title_back {
	width: 100vw;
	padding: 100px 0;
	display: grid;
	margin-left: calc(50% - 50vw);
	background-image: url(/imgs_new/sdgs_environ_back.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.sec_work_main_title_back {
	width: 100vw;
	padding: 100px 0;
	display: grid;
	margin-left: calc(50% - 50vw);
	background-image: url(/imgs_new/sdgs_work_back.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.sec_service_main_title_back {
	width: 100vw;
	padding: 100px 0;
	display: grid;
	margin-left: calc(50% - 50vw);
	background-image: url(/imgs_new/sdgs_service_back.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

#sec_environment:before,
#sec_work:before,
#sec_service:before {
	content: "";
	display: block;
	height: 150px;
	/* 調整したい高さ（固定ヘッダーの高さ） */
	margin-top: -150px;
	/* heightと同じ分のネガティブマージン */
	visibility: hidden;
}

.sec_sdgs_main_title {
	max-width: 1000px;
	place-content: center;
	margin: auto;
	color: #fff;
	text-align: center;
	text-shadow: 1px 2px 8px #000;
}

.sec_sdgs_main_title>h3 {
	font-size: 30px;
	letter-spacing: 1rem;
}

.sec_sdgs_main_title>p {
	font-size: 16px;
	padding: 20px 0 0 0;
	letter-spacing: 0.5rem;
}

.sdgs_copy {
	font-size: 20px;
	padding: 50px 0;
	letter-spacing: 0.5rem;
	line-height: 2;

}

.sdgs_mark {
	width: 100%;
	display: flex;
	margin: auto;
	gap: 20px;
	justify-content: center;
}

.sdgs_mark img {
	width: 80px;
}

.environ_title {
	width: 100%;
	text-align: center;
	padding: 100px 0 50px 0;
}

.environ_title>h3 {
	font-size: 20px;
	letter-spacing: 3px;
}

.environ_title>h3::after {
	content: "";
	display: inline-block;
	display: flex;
	text-align: center;
	width: 5%;
	margin: auto;
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 6px solid #3F7E44;
}


.environ_title>p {
	padding: 30px 0;
}

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

.sdgs_flex_card {
	width: calc(100% / 2 - 60px);
}

.ano_txt {
	font-size: 14px;
	line-height: 1.5;
}

.sec_environ_title {
	width: 100%;
	padding: 0px 0 10px 0;
}

.sec_environ_title {
	font-size: 18px;
	font-weight: bold;
	text-indent: -8px;
}

.sec_environ_title::before {
	content: "■";
	display: inline-block;
	font-size: 8px;
	vertical-align: middle;
	margin-right: 5px;
	color: #3F7E44;
}

.sec_service_title::before {
	content: "■";
	display: inline-block;
	font-size: 8px;
	vertical-align: middle;
	margin-right: 5px;
	color: #00689D;
}

.vegi_ink_logo {
	margin: 20px 0;
	display: flex;
	align-items: center;
	gap: 20px;
	text-indent: -16px;
}

.vegi_ink_logo img {
	width: 20%;
	height: auto;
}

.fsc_logo {
	margin: 20px 0;
	display: flex;
	align-items: center;
	gap: 10px;
}

#more_bold {
	font-size: 18px;
	font-weight: bold;
	display: inline-block;
	vertical-align: text-bottom;
}

.fsc_logo img {
	width: 25%;
	height: auto;
	margin-right: 10px;
	vertical-align: middle;
}

.environ_flex {
	width: calc(100% / 2 - 30px);
}


.more_jump {
	padding: 20px 0;
	font-size: 18px;
	font-weight: bold;
	display: inline-block;
}

.more_jump:hover {
	color: #44AB87;
}

.more_vec {
	width: 75px !important;
}

#sec_work {
	margin-top: 200px;
}

.sec_works_title {
	font-size: 18px;
	font-weight: bold;
	padding: 20px 0;
	text-indent: -8px;
}

.sec_works_title::before {
	content: "■";
	display: inline-block;
	font-size: 8px;
	vertical-align: middle;
	margin-right: 5px;
	color: #A21942;
}

.sec_service_title {
	font-size: 18px;
	font-weight: bold;
	padding: 20px 0;
}

.ud_logo {
	width: 20%;
}

.p_mark_logo {
	display: flex;
	align-items: center;
}

.p_mark_logo img {
	margin-right: 20px;
}

.sdgs_intro {
	display: flex;
	gap: 80px;
	padding: 70px 100px;
	border: 1px solid #333;
	margin: 80px 0 150px 0;
	align-items: center;
	border-radius: 10px;
}

.sdgs_intro_txt {
	width: 50%;
	line-height: 2;

}

.sdgs_intro_img {
	width: 45%;
}

.sdgs_intro_bold {
	font-weight: bold;
	margin-bottom: 20px;
}

#sec_service {
	margin-top: 150px;
}

#sec_tool {
	width: 100vw;
	display: grid;
	background: #F2F2F2;
	margin-left: calc(50% - 50vw);
}

.sec_tool_cont {
	width: 90%;
	margin: auto;
	text-align: center;
	padding: 80px 0;
}

.sec_tool_cont span {
	font-size: 20px;
}

.sec_tool_cont>h3 {
	font-size: 28px;
	letter-spacing: 2px;
	color: #3F7E44;
	padding: 0px 0 80px 0;
}

.tool_area {
	max-width: 1000px;
	display: flex;
	gap: 30px;
	padding: 30px 0;
	margin: 0 auto 50px;
}


.tool_card {
	width: calc(100% / 3);
}

.tool_card p {
	padding: 20px;
}

.tool_card img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}

.sdgs_brand_copy {
	font-weight: bold;
	font-size: 22px;
	margin-bottom: 20px;
}

.btnarrow_w {
	/*矢印と下線の基点とするためrelativeを指定*/
	position: relative;
	/*形状*/
	display: inline-block;
	padding: 0 20px;
	color: #fff;
	text-decoration: none;
	outline: none;
}

/*矢印と下線の形状*/
.btnarrow_w::before {
	content: '';
	position: absolute;
	bottom: 60px;
	left: 50%;
	width: 40%;
	height: 1px;
	background: #fff;
}

.btnarrow_w::after {
	content: '';
	position: absolute;
	bottom: 63px;
	width: 10px;
	right: 25px;
	height: 1px;
	background: #fff;
	transform: rotate(35deg);
	transition: all .3s;
}

.contact_area {
	width: 80%;
	background: #3F7E44;
	margin: auto;
	text-align: right;
	padding: 40px;
	position: relative;
	bottom: 60px;
}

.contact_p {
	font-size: 24px;
	padding: 20px 0;
	position: relative;
	left: -130px;
	letter-spacing: 3px;
}

.contact_area p {
	color: #fff;
	font-weight: bold;
}

.sdgs_foot {
	max-width: 1300px;
	width: calc(100% - 40px);
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: auto;
}

.sdgs_foot>a>img {
	max-width: 200px;
	padding: 20px;
}


/* ネットプリントとの違い */


.differ_intro_container {
	width: 100%;
}

.merit_demerit>h2 {
	display: block;
	margin: auto;
	padding: 0 0 50px 0;
}


.merit_demerit {
	margin: 100px 0;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.merit_demerit img {
	width: 47%;
}

#cando_toyo {
	background: #EBF7F3;
}

.circle_logo {
	width: 150px;
	display: block;
	margin: auto;
}

.toyo_commitment {
	margin: 80px 0;
}

.toyo_commitment_box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 50px;
	background: #fff;
}

.toyo_commitment_box>h2 {
	font-family: sans-serif;
	width: 100%;
	display: block;
	margin: auto;
	text-align: center;
	padding: 0 0 20px 0;
}

.toyo_commitment_box>h2 span {
	font-size: inherit;
}

.commit_item {
	display: flex;
	flex-direction: column;
	width: 33%;
	padding: 20px;
}

.commit_item img {
	width: 100%;
	height: 180px;
	object-fit: cover;
}

.commit_item h3 {
	display: block;
	text-align: center;
	padding: 10px 0 0 0;
	color: #44AB87;
}

.commit_txt {
	padding: 5px 15px;
	line-height: 2;
}

#print_pride {
	width: 100%;
	background: #fff;
}

.print_pride_box {
	max-width: 1000px;
	height: 600px;
	margin: 50px auto;
	z-index: 0;
	position: relative;
}

.print_pride_box_sp {
	display: none;
}

/* .print_pride_box::after {
	content: "";
	position: absolute;
	right: -200px;
	bottom: -130px;
	display: inline-block;
	width: 500px;
	height: 250px;
	background: #EBF7F3;
	z-index: -5;
} */

.print_pride_box img {
	z-index: 5;
}

.print_box_back {
	margin-left: calc(-50vw + 50%);
	width: 100vw;
	/* background: linear-gradient(90deg, #EBF7F3 0%, #EBF7F3 45%, #fff 45%, #fff 100%); */
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 80px;
	margin-bottom: 140px;
}

/* 企業理念 */


.cp_container {
	display: flex;
	gap: 0 50px;
	flex-wrap: wrap;
	align-items: center;
}

.cp_txt {
	width: 50%;
	line-height: 2;
}

.cp_container>h3 {
	display: inline-block;
	width: 100%;
	font-size: 24px;
	color: #44AB87;
	padding-bottom: 15px;
}

.cp_img {
	flex: 1;
}

.cp_img img {
	border-radius: 20px;
}

/* 沿革 */
#about_table_history {
	max-width: 700px;
	margin: 0 auto;
}

.table_collapse_history th, .table_collapse_history td {
	padding: 15px;
	text-align: left;
	box-sizing: border-box;
}

#about_table_history table th {
	width: 120px;
	text-align: center;
}

#about_table_history table tr:first-child {
	border-top: solid 1px #333333;
}

.history_table_contents table tr {
	border-bottom: solid 1px #333333;
}


/* 交通アクセス */



.ttl_access {
	font-size: 24px;
	line-height: 1.4;
	text-align: left;
	margin: 0 auto 10px auto;
	font-weight: bold;
	color: #44AB87;
}

.line_access {
	width: 200%;
	margin: 15px 0;
}

.txt_access {
	line-height: 2;
	text-align: left;
	padding-bottom: 20px;
	font-weight: bold;
}

.access_flex {
	display: flex;
	justify-content: space-between;
	text-align: center;
}


.access_contents {
	margin: 0 auto 50px;
}

.btn_access {
	display: block;
	padding: 5px;
	background-color: #EBF7F3;
	text-align: center;
	color: #333;
	width: 150px;
	border-radius: 20px;
}

.btn_access::after {
	content: "";
	display: inline-block;
	background-image: url("/imgs_new/new_window_btn.png");
	width: 17px;
	height: 17px;
	margin-left: 5px;
	position: relative;
	top: 3px;
	background-size: contain;
	background-repeat: no-repeat;
}

.access_right {
	width: 50%;
}

.access_left {
	width: 49%;
}

/* 会社概要 */

#about_table_overview {
	max-width: 700px;
	margin: 0 auto;
}

#about_table_overview table th {
	width: 130px;
	text-align: center;
}

.table_collapse_overview th,
.table_collapse_overview td {
	padding: 15px;
	text-align: left;
	box-sizing: border-box;
}

.overview_table_contents table tr {
	border-bottom: solid 1px #333333;
}

#about_table_overview table tr:first-child {
	border-top: solid 1px #333333;
}



@media(max-width: 1100px) {

	body.fixed {
		width: 100%;
		height: 100%;
		position: fixed;
	}

	.main_visual_wrapper {
		padding-top: 50px;
	}

	/* ハンバーガーメニュー */
	.hamburger-menu {
		width: 60px;
		height: 50px;
		position: relative;
		border: none;
		background: transparent;
		appearance: none;
		padding: 0;
		cursor: pointer;
		background: #44AB87;
	}

	.hamburger-menu__bar {
		display: inline-block;
		width: 44%;
		height: 2px;
		background: #fff;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		transition: .5s;
	}

	.hamburger-menu__bar:first-child {
		top: 15px;
	}

	.hamburger-menu__bar:nth-child(2) {
		top: 25px;
	}

	.hamburger-menu__bar:last-child {
		top: 35px;
	}

	.hamburger-menu--open .hamburger-menu__bar {
		top: 50%;
	}

	.hamburger-menu--open .hamburger-menu__bar:first-child {
		transform: translateX(-50%) translateY(-50%) rotate(45deg);
	}

	.hamburger-menu--open .hamburger-menu__bar:last-child {
		transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	}

	.hamburger-menu--open .hamburger-menu__bar:nth-child(2) {
		display: none;
	}

	#gnav {
		display: none;
	}

	.gnav_sp_area {
		padding: 30px 0 20px;
	}

	.gnav_sp {
		display: flex;
		align-items: center;
		justify-content: space-around;
	}


	.gnav_sp_item {
		width: 30%;
		text-align: center;
		height: 80px;
		background-color: rgba(255, 255, 255, 0.9);
		border: 0;
		border-radius: 20px;
	}

	.gnav_sp_item>a {
		font-weight: 700;
	}

	.tel_item {
		background: #aaecd9;
		line-height: 21px;
	}

	.tel_mark_sp {
		display: block;
		background: red;
	}

	.tel_item img {
		width: 20px;
		vertical-align: middle;
		margin-right: 10px;
	}

	.web_item {
		background: #FFFc40;
		line-height: 21px;
	}

	.recruit_item a {
		color: #fff;
	}

	.recruit_item {
		background: #44AB87;
		line-height: 40px;
	}

	.tel_item:hover {
		background: #bff8e5;
	}

	.web_item:hover {
		background: #c0ae07;
	}

	.recruit_item:hover {
		background: #006b2d;
	}

	/* .nav_area_sp ul li:nth-child(5) {
		padding: 0;
	} */

	.nav_area_sp ul li .nav_sp_padding {
		/* padding: 20px 0; */
		border: 0;
	}

	.company_nav_list_sp .border_t {
		border-top: 0.5px solid #44AB87;
	}

	.company_nav_list_sp {
		display: none;
	}

	.company_nav_list_sp.open {
		display: block;
		margin: 20px 0 -20px 0;
	}

	header {
		height: auto;
	}

	#toppage header {
		position: relative;
	}

	header .header_wrap {
		max-width: 100%;
		height: 50px;
		z-index: 10000;
	}

	header h1 span {
		display: inline;
	}

	header nav {
		display: none;
		width: 100%;
		position: absolute;
		background-color: rgba(255, 255, 255, 0.9);
		right: 0;
		top: 50px;
		text-align: left;
		overflow: auto;
		/*スマホの時スクロールする*/
		overflow-x: auto;
		overflow-y: auto;
		height: calc(100vh - 50px);
		/* ヘッダーの高さ分を減らす */
		/*********************/
		text-align: center;
		font-weight: bold;
		z-index: 10000;
	}

	header nav ul {
		display: block;
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}

	header nav li {
		display: block;
		border-left: 0;
		padding: 20px 0;
		width: 100%;
		border-bottom: 0.5px solid #44AB87;
		box-sizing: border-box;
		font-size: 1.8rem;
	}

	.nav_arrow::after {
		left: 83px;
		width: 10px;
		height: 10px;
	}

	.nav_first_time {
		display: block !important;
	}

	.nav_first_time_p {
		display: inline-block;
		white-space: nowrap;
	}

	.nav_area_sp.active {
		display: block;
	}

	.service_box {
		width: 100%;
		padding: 20px 20px 40px 20px;
	}


	.blog_card {
		width: calc(100% / 2 - 20px);
	}

	.blog_area {
		width: 80%;
		flex-direction: inherit;
	}


	.new_mark {
		width: 70px;
		left: 10px;
		top: 10px;
	}

	.front_cont_box ul li {
		line-height: 2.5;
	}

	/* はじめて */

	.item_r {
		width: 30%;
	}

	.item_c {
		width: 30%;
	}

	.item_l {
		width: 30%;
	}

	/* サービス */
	#intro {
		height: 400px;
	}

	.item_img {
		width: 100%;
	}

	/* sdgs */
	.sdgs_anker_cont {
		gap: 20px;
	}

	/* ネットプリントとの違い */

	.toyo_commitment_box>h2 {
		padding-top: 20px;
	}

	.toyo_commitment_box {
		padding: 10px 0;
	}

	.commit_txt {
		padding: 5px 5px;
	}

	.print_pride_box::after {
		bottom: -70px;
	}

	/* 課題別 */

	/* ホームページの運営を任せたい */
	.web_ope_img {
		top: 49px;
		right: -30px;
	}

	/* 在庫管理 */

	.stock_manage_img {
		top: 49px;
		right: 00px;
	}


	/* sdgs */

	.appeal_sdgs_img {
		top: 49px;
		right: 00px;
	}


	/* 良い制作会社を探しています */

	.assign_production_img {
		top: 49px;
		right: 00px;
	}

	/* 展示会で集めた名刺 */

	.custom_data_img {
		top: 49px;
		right: -00px;
	}

	/* 印刷物できれいな色を出したい */
	.high_color_img {
		top: 49px;
		right: -10px;
	}

	/* 会社紹介動画 */

	.company_mov_img {
		top: 49px;
		right: 00px;
	}

	.pc_br {
		display: none;
	}


	.order_container {
		width: 90%;
	}

	.speech_bubble_02 {
		left: -00px;
		bottom: -10px;
	}

	.team_box_item {
		width: calc(85% / 2);
		margin-bottom: 30px;
	}

	.point_txt {
		width: 90%;
	}

	.handle {
		margin-left: 24px;
	}

	.handle ul li {
		text-indent: -16px;
		margin-left: -5px;
	}

	.flow_item {
		width: 100%;
	}

	.flow_txt {
		flex: 1;
	}

	/* ブログ */



	/* 各記事 */


	/* ニュース */

	.news_list_container {
		width: 100%;
	}

	/* fsc */

	.fsc_container>P {
		white-space: inherit;
	}

	/* sp_lab */

	.sp_lab_box {
		justify-content: space-between;
	}

	.sp_lab_txt {
		width: 55%;
	}

}


@media(max-width: 820px) {

	.service_box_item {
		width: 40%;
	}

	a.item_button_y::after {
		left: 80% !important;
	}

	.main_img_container>.service_img {
		width: 65%;
	}

	.flow_num {
		width: 10%;
		margin-right: 10px;
	}

	/* はじめての方へ */
	.flow_choice {
		flex-direction: column;
	}

	.flow_item {
		max-width: 100%;
	}

	/* sdgs */

	.sdgs_intro {
		padding: 70px 50px;
	}

}


@media screen and (min-width:501px) and (max-width:999px) {

	/* サービス */

	#intro {
		height: 360px;
	}

	.item_img img {
		max-width: 60%;
	}

	.service_main_item {
		width: 45%;
	}

	.service_main_container {
		padding-top: 50px;
		gap: 20px;
		justify-content: center;
	}

	.item_img {
		text-align: center;
		max-width: inherit;
	}

	a.item_button_y::after {
		left: 90%;
	}

	#item_button>p {
		width: 100%;
		display: inline-block;
	}

	a.item_button_y {
		width: 100%;
	}

	.cando_box {
		width: 31%;
	}

	/* はじめての方へ */
	.help_us_container img {
		width: 60%;
	}

	/* 企業理念 */
	.cp_container {
		flex-direction: column;
	}

	.cp_txt {
		width: 100%;
	}

	.cp_img {
		width: 70%;
		padding: 50px 0;
	}

	/* sdgs */
	.sdgs_anker_cont {
		flex-direction: column;
		align-items: center;
		margin: 50px 0;
		gap: 30px;
	}

	.sdgs_anker {
		width: 70%;
		margin: auto;
	}
}


@media(max-width: 920px) {
	#item_button>p {
		padding: 0 10%;
	}

	a.item_button_y::after {
		left: 90%;
	}
}


@media(max-width: 768px) {

	.sp_none_middle {
		display: none;
	}

	/* トップページ */

	.fixed_btn {
		display: none !important;
	}


	h1 {
		max-width: 250px;
	}

	.mov_sp {
		display: block;
	}

	.mov_pc {
		display: none;
	}

	#sdgs-page-top {
		bottom: 90px;
	}

	#main_container {
		padding: 40px 0;
	}

	.service_box_item {
		width: 45%;
	}

	.recruit_item li a {
		line-height: 40px;
	}

	.title::after,
	.title::before {
		right: 1.5em;
	}


	.service_container P {
		padding: 20px;
	}

	.blog_area {
		width: 95%;
	}


	.blog_card {
		width: 100%;
	}


	.news_container {
		width: 90%;
	}


	.news_container li a {
		margin-left: 0px;
	}

	.front_cont_box ul {
		flex-direction: column;
	}

	.front_cont_box ul li {
		text-align: center;
	}

	.foot_site_map {
		width: 70%;
		margin: auto;
		font-size: 1.4rem;
	}

	.foot_site_map,
	.footer_container {
		flex-direction: column;
	}

	.footer_container {
		padding: 20px;
		padding-bottom: 80px;
	}

	.footer_container p {
		font-size: 1.4rem;
	}

	.foot_icon a img {
		width: 40px;
		height: auto;
	}

	.footer_collumn_l {
		width: 100%;
	}

	.footer_collumn_r {
		text-align: left;
	}

	.footer_collumn_r img {
		width: 80%;
	}

	/* サービス */

	#item_button>p {
		padding: 0 10% 0 5%;
	}

	.service_main_img_container>img {
		max-width: 400px;
		bottom: -40px;
	}

	.item_img img {
		width: 55%;
	}

	a.item_button_y::after {
		left: 87%;
	}

	.main_img_container>.service_img {
		bottom: -10px;
	}

	.txt_container {
		line-height: 130px;
		top: 100px;
	}

	.cando_conteiner {
		flex-direction: column;
	}

	.cando_box {
		width: 100%;
	}

	.cando_box_side {
		width: 100%;
	}

	.service_main_item {
		width: 70%;
	}

	.ather_worries_txt {
		flex-direction: column;
	}

	.ather_worries_txt_box {
		width: 100%;
		margin: -0px auto;
	}


	/* 課題別 */

	/* 共通 */

	.issue_main_title {
		flex-direction: column;
	}

	.issue_card {
		flex-direction: column;
	}

	.issue_card_img {
		max-width: 40%;
	}

	.issue_img {
		width: 100%;
	}

	.issue_img img {
		width: 60%;
		min-width: 60%;
		top: 0px;
	}

	.issue_txt {
		width: 100%;
	}

	.solution_container .person {
		width: 50%;
	}

	.solution_container .plate {
		width: 80%;
	}

	.other_service_container {
		flex-direction: column;
	}

	.other_service_card {
		width: 100%;
		text-align: center;
	}

	.other_service_card img {
		max-width: 40%;
		margin: auto;
	}

	.other_service_txt {
		width: 100%;
		padding: 10px;
	}

	.Consultation_txt {
		padding: 0;
	}

	.title_short,
	.title_middle {
		width: 100%;
	}

	/* よくある質問 */

	.theme_main_visual {
		position: relative;
	}

	.theme_main_visual_long {
		position: relative;
		height: auto;
	}

	.txt_container {
		width: 100%;
		margin: auto;
	}

	.main_img_container img {
		width: 60%;
	}

	.inquiry_container {
		flex-direction: column;
	}

	.inquiry_card {
		width: 100%;
	}

	/* はじめての方へ */

	.trouble01 {
		bottom: -20px;
		left: 00px;
		position: relative;
	}

	.trouble03 {
		position: relative;
		bottom: 0px;
		left: 10px;
	}

	.speech_bubble_03 {
		position: relative;
		left: 30px;
		bottom: -50px;
	}

	.speech_bubble_01 {
		left: 30px;
		top: 80px;
	}

	.first_order_copy {
		width: 90% !important;
		line-height: 25px !important;
		margin-bottom: 20px;
	}

	.bubble_p {
		top: 100px;
	}

	#company_news {
		margin-bottom: 50px;
	}

	.handle_box {
		flex-direction: column;
	}

	.handle {
		width: 100%;
		text-align: left;
		margin-left: 18px;
	}

	.flow_item {
		width: 45%;
	}

	.flow_item {
		width: 100%;
	}

	.flow_area {
		padding: 20px;
	}

	.flow_num {
		width: 10%;
		margin-right: 20;
	}

	.flow_txt h3 {
		padding: 10px 0;
	}

	.flow_txt {
		width: 100%;
	}

	.flow_img {
		width: 100%;
		text-align: center;
	}

	.mitsumori {
		width: 40% !important;
	}

	.flow_img img {
		width: 60%;
		bottom: -20px;
		padding: 60px;
	}


	/* SDGS */

	.contact_j_btn {
		display: none !important;
	}

	.sdgs_bottom_menu_sp {
		display: block;
		width: 100%;
		position: fixed;
		text-align: center;
		bottom: 0;
		background: #3F7E44;
		z-index: 10;
	}

	.sdgs_bottom_menu_sp>a>h3 {
		padding: 20px;
		font-size: 22px;
		color: #fff;
		letter-spacing: 2px;
	}

	.sdgs_bottom_menu_sp a {
		width: 100%;
	}

	.sec_sdgs_area {
		flex-direction: column;
	}

	.sdgs_flex_card {
		width: 100%;
		margin: auto;
		margin-bottom: 20px;
	}

	.environ_title>h3::after {
		width: 20%;
	}

	.environ_flex {
		width: 100%;
		margin: auto;
	}

	.environ_title {
		padding: 50px 0;
	}

	.vegi_ink_logo {
		flex-direction: column;
	}

	.vegi_ink_logo {
		text-indent: -16px;
		margin-left: 16px;
	}

	.sec_works_title {
		text-indent: inherit;
	}

	.sec_environ_title {
		text-indent: inherit;
	}

	.sdgs_copy {
		width: 90%;
		margin: auto;
	}

	#sec_service {
		margin-top: 100px;
	}

	.sdgs_intro {
		flex-direction: column;
		padding: 20px 0 30px 0;
		margin: 40px 0 80px 0;
		gap: 20px;
	}

	.sdgs_intro_img {
		width: 80%;
	}

	.sdgs_intro_txt {
		width: 90%;
	}

	.sec_tool_cont>p {
		width: 90%;
		margin: auto;
	}

	.sec_tool_cont>h3 {
		padding: 40px 20px;
		line-height: 1.5;
	}


	.sdgs_foot {
		flex-direction: column;
		padding-bottom: 100px;
	}

	/* ネットプリントとの違い */

	#differ_txt p {
		line-height: 2;
	}

	.toyo_commitment_box {
		padding: 10px 0;
	}

	.merit_demerit {
		margin: 100px 0 30px 0;
		flex-direction: column;
	}

	.commit_item {
		width: 100%;
	}

	.print_pride_box {
		display: none;
	}

	.print_pride_box_sp {
		display: block;
	}

	.merit_demerit img {
		width: 90%;
		margin: auto;
		margin-bottom: 40px;
	}

	.print_box_back {
		background: #EBF7F3;
		margin-bottom: 50px;
		padding: 40px 0;
	}

	/* 用語集 */


	.index_main {
		width: 90%;
		margin: auto;
	}

	.grossary_list {
		width: 10%;
		flex-direction: column;
		position: fixed;
		top: 10%;
		right: 0%;
	}

	ul.grossary_list li:first-child {
		padding: 10px 0 0 0;
	}

	ul.grossary_list li:last-child {
		padding: 0 0 10px 0;
	}

	.grossary_list li {
		width: 100%;
		text-align: center;
		padding: 5px 5px;
		margin: 0;
		font-weight: bold;
		cursor: pointer;
	}

	.grossary_list li a::before {
		content: "";
	}

	.grossary_list {
		top: 170px;
		font-size: 14px;
		z-index: 15;
	}

	.article_main_visual {
		height: 133px;
	}

	/* ブログ */
	/* 各記事 */
	.writer_txt:after {
		top: 15%;
	}

	.blog_article_writer_container {
		flex-direction: column;
	}

	.writer_img {
		min-width: 40%;
		margin: auto;
	}

	.writer_txt:after {
		border-right-color: #FBF3CC;
		transform: rotate(90deg);
		left: calc(100% / 2 - 30px);
		top: -30px;
	}

	.search_column {
		flex-direction: column;
		gap: 20px;
	}

	input#search-keyword {
		width: 90%;
	}

	/* ニュース */

	.news_list_container {
		width: 100%;
	}

	.news_list li {
		flex-wrap: wrap;
	}

	.news_list_d {
		width: 100%;
	}

	.news_list_t {
		width: 90%;
	}

	.issue_solution_img {
		max-width: 40%;
		text-align: center;
	}

	.issue_solution_card {
		flex-direction: column;
		gap: 10px;
	}

	/* sp_lab*/

	a.sp_lab_button_y {
		min-width: 330px;
	}

	.sp_lab_box {
		flex-direction: column;
	}

	.sp_lab_img {
		width: 60%;
		margin-bottom: 30px;
	}

	.sp_lab_txt {
		width: 100%;
	}

	.transition_button {
		text-align: center;
	}

	a.sp_lab_button_y {
		padding-left: 0px;
	}

	.hanosoku_box {
		display: block;
		padding: 20px;
	}

	/* 交通アクセス */
	.access_flex {
		display: block;
	}

	.access_left,
	.access_right {
		width: 100%;
	}

	.access_left {
		margin-bottom: 30px;
	}

	.access_left {
		margin-bottom: 30px;
	}

	.line_access {
		width: 100%;
	}
}

@media(max-width: 500px) {

	html {
		scroll-padding-top: 50px;
	}

	.bottom_menu_sp {
		width: 100%;
		position: fixed;
		bottom: 0;
	}

	.bottom_menu_sp a {
		width: 100%;
	}

	.begin_area {
		background: #FFFc40;
	}

	.inquiry_area {
		background: #EBF7F3;
	}

	.bottom_menu_sp,
	.begin_area,
	.inquiry_area {
		display: flex;
		align-items: center;
		justify-content: center;
	}


	.bottom_menu_sp div h3 {
		font-size: 2rem;
	}

	.bottom_menu_sp div img {
		height: 40px;
	}

	.begin_area,
	.inquiry_area {
		width: 100%;
		gap: 10px;
		padding: 10px 10px;
	}



	/* パンくず */

	.Breadcrumb {
		font-size: 1.4rem;
		padding: 1rem;
	}

	.Breadcrumb-ListGroup {
		display: flex;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}

	.Breadcrumb-ListGroup li {
		word-break: keep-all;
		white-space: nowrap;
	}

	#main_container>h2 {
		font-size: 30px;
	}

	a.button_y {
		width: 95%;
	}

	#page-top {
		bottom: 70px;
	}

	#page-top a {
		font-size: 0;
		width: 50px;
		height: 50px;
		opacity: 0.9;
		padding: 10px 10px;
		transition: all .3s ease;
	}


	#page-top a:before {
		content: "▲";
		font-size: 2rem;
	}

	#sdgs-page-top a {
		font-size: 0;
		width: 50px;
		height: 50px;
		opacity: 0.9;
		padding: 10px 10px;
		transition: all .3s ease;
	}

	#sdgs-page-top a:before {
		content: "▲";
		font-size: 2rem;
	}

	.tel_item a,
	.recruit_item a {
		line-height: 0;
	}

	.gnav_sp_item {
		display: grid;
		height: 80px;
		place-items: center;
	}

	.gnav_sp_item a {
		font-size: 1.3rem;
		line-height: 1.2;
	}

	.sp_s_none {
		display: none;
	}

	.service_container {
		padding-top: 0;
	}

	.service_box {
		gap: 15px;
	}

	.service_container P {
		padding: 40px 30px 0;
	}

	.news_container dl {
		flex-direction: column;
		text-align: left;
		gap: 10px;
		align-items: inherit;
	}

	.difference_op_container {
		margin-top: 40px;
		padding: 0 10px;
	}

	img.service_box:before {
		width: 20%;
	}

	.foot_site_map {
		width: 100%;
	}


	/* 初めての方へバナー */

	.img_sp_none {
		display: none;
	}

	.img_pc_none {
		display: block;
	}


	/* faq */

	.sp_br {
		display: block;
	}

	.title {
		padding: 30px 15px;
	}

	.title_txt {
		width: 87%;
	}

	/* ネットプリントとの違い */

	#differ_txt {
		width: 100%;
	}

	.commit_txt {
		padding: 5px 5px;
	}

	.print_pride_box {
		display: none;
	}

	#main_container>h2 {
		font-size: 30px;
		margin: 50px 0 0 0;
	}

	.merit_demerit>h2 {
		font-size: 32px;
	}

	/* サービス */

	.item_img img {
		width: 60%;
	}

	.service_main_container {
		flex-direction: column;
	}

	#main_container>.txt_container {
		width: 100%;
	}

	.service_main_img_container>img {
		width: 350px;
		bottom: -80px;
	}

	.service_main_item {
		width: 100%;
	}

	#intro {
		height: auto;
	}

	.service_main_container {
		width: 100%;
	}

	.main_img_container {
		padding: 0;
	}


	.service_main_container {
		width: 100%;
	}

	.item_img {
		margin: auto;
	}

	.ather_worries_plate {
		width: 100%;
	}

	.worries_man {
		width: 100%;
	}

	.ather_worries_container {
		width: 100%;
	}

	.main_img_container>.service_img {
		width: 100%;
		bottom: -60px;
	}

	.ather_worries_txt {
		flex-direction: column;
	}

	.ather_worries_txt_box {
		width: 100%;
	}

	.cando_box {
		font-size: 1.6rem;
		width: 98%;
		margin-bottom: 30px;
	}

	.item img {
		max-width: inherit;
	}

	a.item_button_y {
		width: 100%;
	}

	.ather_worries_plate {
		width: 100%;
	}

	.worries_man {
		width: 50%;
	}

	.ather_worries_container {
		width: 100%;
	}

	.ather_worries_txt {
		flex-direction: column;
	}

	.ather_worries_txt_box {
		width: 100%;
	}

	.cando_conteiner {
		flex-direction: column;
	}

	.cando_box {
		font-size: 1.6rem;
		width: 98%;
		margin-bottom: 30px;
	}

	.ather_worries_txt {
		width: 100%;
	}

	.br_clr {
		display: block;
	}

	/* 課題別 */

	/* 共通 */

	.issue_txt>.green_txt {
		padding: 30px 0 30px;
	}

	.issue_main_title {
		flex-direction: column;
	}

	#issue_main_container {
		padding-bottom: 0;
	}


	.issue_img {
		width: 95%;
		padding-bottom: 30px;
	}

	.issue_img img {
		width: 100%;
		right: 0;
	}

	.issue_card {
		flex-direction: column;
		padding: 20px;
	}

	.issue_card_img {
		max-width: 55%;
		display: grid;
		place-content: center;
	}

	.solution_container {
		padding-top: 70px;
	}

	.solution_container .plate {
		width: 100%;
	}

	.solution_container .person {
		width: 80%;
	}

	.issue_solution_card {
		flex-direction: column;
		padding: 20px;
	}

	.issue_solution_img {
		max-width: 60%;
		padding: 20px 0;
		display: grid;
		place-content: center;
	}


	.other_service_txt {
		width: 100%;
		gap: 0;
		padding: 0;
	}


	.other_service_card img {
		max-width: 60%;
		padding: inherit;
		padding-bottom: 20px;
	}

	.Consultation_txt {
		padding: 10px;
	}

	/* ホームページの運営を */
	.web_ope_img {
		top: 0px;
		right: -20px;
	}

	/* 良い制作会社 */
	.assign_production_img {
		top: 0px;
		right: 00px;
	}


	/* はじめての方へ */

	.br_order {
		display: block;
	}


	.order_container {
		display: flex;
		flex-wrap: wrap;
	}

	.order_item {
		display: none;
	}

	.order_item_sp {
		display: flex;
		width: 100%;
	}

	.order_item_sp>.empty_box {
		width: 70%;
	}

	.order_item_sp>.speech_bubble_01 {
		width: 55%;
		left: 0px;
		top: -60px;
	}

	.order_item_sp>.trouble02 {
		width: 50%;
	}

	.order_item_sp>.speech_bubble_02 {
		width: 50%;
	}


	.order_item_sp>.trouble03 {
		width: 60%;
		z-index: 5;
	}

	.order_item_sp>.speech_bubble_03 {
		width: 65%;
		position: relative;
		left: -45px;
		bottom: -10px;
	}

	.help_us_container img {
		width: 90%;
	}

	#main_container>.green_txt {
		font-size: 18px;
	}

	.point_icon {
		text-align: center;
		width: 100%;
	}

	.help_copy {
		font-size: 22px;
	}

	.point_txt {
		padding: 0;
		text-align: center;
	}

	.bubble_p {
		top: 100px;
	}

	.point_icon img {
		width: 30%;
	}

	.point_container {
		flex-wrap: wrap;
	}

	.team_box_item {
		width: 45%;
	}

	.team_box_item p {
		line-height: 24px;
	}

	img.direcotor_img {
		margin-bottom: 10px;
	}


	.handle ul li {
		text-indent: -17px;
		margin-left: 0px;
	}

	.flow_item img {
		width: 50%;
		margin: 10px auro;
	}

	.flow_txt {
		width: 85%;
		margin-right: 0;
		text-align: justify;
	}

	.flow_txt h3 {
		padding: 0px 0 5px;
		line-height: 1.5;
	}

	#company_news {
		margin-bottom: 50px;
	}

	.flow_container>h3 {
		text-align: center;
	}

	.flow_img img {
		width: 85%;
		padding: 20px;
	}

	a.item_button_y {
		width: 85%;
		margin: auto;
		padding-left: 35px;
	}

	.back_list {
		text-align: center;
	}


	/* sdgs */

	/* Loading アイコンの大きさ設定　*/
	#splash_logo img {
		width: 100%;
	}

	#sdgs_intro_back>.sdgs_main_copy {
		font-size: 19px;
		line-height: 2.3;
	}

	.sdgs_anker_cont {
		flex-direction: column;
		align-items: center;
		margin: 50px 0;
		gap: 30px;
	}

	.sdgs_anker {
		width: 70%;
		margin: auto;
	}

	#sdgs_intro_back>.sdgs_main_copy {
		line-height: 2.5;
	}

	.sec_environ_main_title_back {
		padding: 50px 0;
	}

	.sec_work_main_title_back {
		padding: 50px 0;
	}

	.sec_service_main_title_back {
		padding: 50px 0;
	}

	.sdgs_mark {
		gap: 10px;
	}

	.sdgs_mark img {
		width: 60px;
	}

	.sdgs_flex_card {
		padding-top: 00px;
	}

	#sdgs_intro_back {
		padding: 80px 20px;
	}

	.tool_area {
		margin-bottom: 00px;
	}

	.btnarrow_w {
		padding: 0px;
	}

	.contact_area {
		width: 90%;
		background: #3F7E44;
		text-align: right;
		padding: 20px;
		position: relative;
		bottom: 60px;
	}

	.sdgs_foot>a>img {
		width: 200px;
		padding: 20px;
	}

	.sdgs_foot>a>.copyright {
		font-size: 14px;
	}

	.tool_area {
		flex-direction: column;
	}

	.sec_tool_cont {
		padding: 0px 0 80px 0;
	}

	.tool_card {
		width: 80%;
		margin: auto;
		height: 200px;
		height: auto;
	}

	.tool_card img {
		height: 200px;
	}



	/* 用語集 */
	.index_collumn li {
		width: calc(100% / 2);
	}

	.grossary_list {
		top: 50px;
		width: 50px;
	}

	.grossary_list li {
		padding: 5px 5px;
	}

	#sec_work {
		margin-top: 100px;
	}

	p.copyright {
		font-size: 14px;
		word-break: break-all;
		white-space: nowrap;
	}

	.article_title>h3 {
		padding-bottom: 10px;
	}

	.article_title {
		flex-direction: column;
		align-items: baseline;
	}

	/* ブログ各記事 */

	.artcle_catrgory_day {
		display: block;
	}

	.article_day {
		display: block !important;
	}

	.modified {
		margin-left: 0 !important;
	}

	.article_container {
		padding: 0px 20px;
	}

	.writer_img {
		min-width: 60%;
	}

	.writer_txt {
		padding: 30px 30px;
	}

	.blog_article_title h3 {
		font-size: 24px;
	}

	.summary {
		font-size: 15px;
	}

	.blog_search_area {
		padding: 20px 10px;
	}

	.search_term label {
		margin-right: 20px;
		width: 200px;
		font-size: 18px;
	}

	/* fsc */
	.fsc_mark img {
		width: 20%;
	}

	table {
		width: 100%;
	}

	table td {
		font-size: 1.4rem;
		padding: 5px 5px;
	}

	.fsc_txt>h4 {
		margin-bottom: 10px;
	}

	.business_list dd {
		margin-left: 10;
	}

	.dotted {
		text-indent: -18px;
		margin-left: 20px;
	}

	.purpose_of_use dd {
		margin-left: 36px;
		text-indent: -18px;
	}

	.privacy_container>h3 {
		padding: 10px;
	}

	.news_list {
		flex-wrap: wrap;
	}

	.news_list dt {
		width: 100%;
	}

	.other_link>p {
		font-size: 1.3rem;
	}

	/* 企業理念 */

	.cp_container>h3 {
		font-size: 20px;
		padding-bottom: 20px;
	}

	.cp_container {
		flex-direction: column;
	}

	.cp_txt {
		width: 100%;
	}

	.cp_img {
		width: 90%;
		padding: 50px 0;
	}

	/* 沿革 */
	.table_collapse_history td,
	.table_collapse_history th {
		display: block;
	}

	#about_table_history table th {
		padding-bottom: 0px;
		text-align: left;
		width: 100%;
	}

	.table_collapse_history td {
		padding-top: 5px;
	}

	/* 会社概要 */
	.table_collapse_overview td,
	.table_collapse_overview th {
		display: block;
	}

	#about_table_overview table th {
		padding-bottom: 0px;
		text-align: left;
		width: 100%;
	}

	.table_collapse_overview td {
		padding-top: 5px;
	}

	/* 用語集 */
	#category-a:before,
	#category-ka:before,
	#category-sa:before,
	#category-ta:before,
	#category-na:before,
	#category-ha:before,
	#category-ma:before,
	#category-ya:before,
	#category-ra:before,
	#category-wa:before {
		content: "";
		display: block;
		height: 20px;
		margin-top: 20px;
		visibility: hidden;
	}

}


@media(max-width: 410px) {

	.bottom_menu_sp div h3 {
		font-size: 1.5rem;
	}

	#item_button>p {
		padding: 0 30px;
	}

	.txt_container {
		width: 90%;
	}

	.ather_worries_txt_box {
		margin: 0px auto;
	}

	.flow_txt {
		width: 85%;
		margin-right: 0;
	}

	.help_us_container img {
		width: 100%;
	}

	a.item_button_y {
		width: 100%;
		margin: auto;
	}

	a.button_y>p::after {
		right: 40px;
	}

	a.button_y>p:hover::after {
		right: 30px;
	}

	/* はじめての */
	.order_item_sp>.speech_bubble_03 {
		left: -35px;
	}

	/* 用語集 */

	.grossary_list li {
		padding: 5px 0px 5px 0;
	}

	/* fsc */
	.fsc_mark_txt {
		width: 50%;
	}

	.fsc_mark img {
		width: 30%;
	}


	#sdgs_intro_back>.sdgs_main_copy {
		line-height: 2;
	}

	.sdgs_mark {
		display: block;
		width: 100%;
		justify-content: space-between;
	}

	.sdgs_mark img {
		width: 60px;
	}

}

@media(max-width: 375px) {


	html {
		scroll-padding-top: 50px;
	}


	#item_button>p {
		padding: 0 30px 0 20px;
	}

	.item_img img {
		width: 70%;
	}

	.Breadcrumb {
		font-size: 1.3rem;
	}

	a.button_y>p {
		padding: 20px 40px;
	}

	/* 課題別 */

	.issue_solution_img {
		max-width: 80%;
	}

	/* サービス */
	.service_main_img_container>img {
		width: 330px;
	}

	.cando_bold {
		white-space: nowrap;
	}


}


/* 6/10追加 */