/* @media screen and (min-width:1440px) {} */

/* @media screen and (min-width:1280px) and ( max-width:1439px) {} */

/* @media screen and (min-width:768px) and ( max-width:1279px) {} */

/* @media screen and (min-width:1026px) and ( max-width:1279px) {} */

/* @media screen and (min-width:768px) and ( max-width:1025px) {} */

/*///////////////////////////////////////////////////
//
//            ▼ ペース設定 ▼
//
///////////////////////////////////////////////////*/

html {
	color: #000;
	font-size: 16px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	line-height: 2;
	letter-spacing: 0.25rem;
}

a {
	color: #000;
	display: block;
}

#wrapper {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	background: url(../images/coommon/bg_logo.png) left bottom 2rem / 8rem auto fixed no-repeat;
	overflow: hidden;
}

section,
.section {
	width: 100%;
	height: auto;
	position: relative;
}

.l_container {
	width: 95%;
	margin: 0 auto;
}

.container {
	width: 90%;
	max-width: 1280px;
	margin: 0 auto;
}

.m_container {
	width: 90%;
	margin: 0 auto;
	max-width: 1080px;
}

.s_container {
	width: 90%;
	margin: 0 auto;
	max-width: 960px;
}

@media screen and (min-width:1540px) {
	.l_container {
		max-width: 1680px;
	}

}

@media screen and (min-width:1280px) and (max-width:1539px) {
	html {
		font-size: 15px;
	}
}

@media screen and (min-width:768px) and (max-width:1279px) {
	html {
		font-size: 14px;
	}
}

.is_sp {
	display: none !important;
}

.is_tab {
	display: none !important;
}

@media screen and (min-width:751px) and (max-width:1025px) {
	html {
		font-size: 13px;
	}

	.is_hidden_tab {
		display: none;
	}

	.is_tab {
		display: block;
	}
}

:root {
	--insta_blue: #4C64D3;
	--insta_red: #CF2E92;
	--insta_orange: #F26939;
	--insta_yellow: #FFDD83;
	--facebook: #3C5A99;
	--twitter: #1DA1F2;
	--line: #00B900;
	--youtube: #DA1725;
	--main: #f66600;
}

.objectCover {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
	font-family: 'object-fit: cover;object-position: 50% 50%;'
}

.objectContain {
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: 50% 50%;
	font-family: 'object-fit: contain;object-position: 50% 50%;'
}

.point_reader {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.preload * {
	transition: none !important;
}

/*///////////////////////////////////////////////////
//
//            ▼ 共通 ▼
//
///////////////////////////////////////////////////*/

.barlow {
	font-family: 'Barlow Semi Condensed', sans-serif;
}

.barlow_i {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-style: italic;
}

.link a {
	max-width: 400px;
	margin: 0 auto;
	border: 1px solid #000;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-style: italic;
	font-weight: 400;
	text-align: center;
	font-size: 1.6rem;
	padding: 0.5rem;
	position: relative;
	transition: .3s;
	z-index: 100;
}

.link.black a {
	border: 1px solid #fff;
	color: #fff;
}

.link.right a {
	margin: 0 0 0 auto;
}

.link a::before {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	background: #000;
	content: '';
	top: 0;
	right: 0;
	transform: scale(0, 1);
	transform-origin: left center;
	transition: .3s;
	z-index: -1;
}

.link a::after {
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	background: #fff;
	content: '';
	top: 0;
	right: 0;
	z-index: -2;
}

.link a:hover::before {
	transform: scale(1, 1);
}

.link.black a::before {
	background: #fff;
}

.link.black a::after {
	background: #000;
}

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

.link.black a:hover {
	color: #000;
}

.link a .arrow {
	position: absolute;
	width: 5rem;
	height: 1px;
	display: block;
	height: 1px;
	background: #000;
	top: 50%;
	left: 0;
	transform: translate(-70%, 0);
	transition: .3s;
}

.link a .arrow::before {
	position: absolute;
	width: 1rem;
	height: 1px;
	display: block;
	background: #000;
	content: '';
	transform-origin: right center;
	top: 0;
	right: 0;
	transform: rotate(50deg);
	transition: .3s;
}

.link.black a .arrow {
	background: #fff;
}

.link.black a .arrow::before {
	background: #fff;
}

.link a:hover .arrow {
	left: 70%;
	background: #fff;
}

.link a:hover .arrow::before {
	transform: rotate(30deg);
	background: #fff;
}

.link.black a:hover .arrow {
	background: #000;
}

.link.black a:hover .arrow::before {
	background: #000;
}

.sub_ttl {
	font-size: 6rem;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-style: italic;
	font-weight: normal;
	text-align: center;
}

.sub_ttl.left {
	text-align: left;
}

.target {
	visibility: hidden;
	opacity: 0;
	transition: 1s;
	transform: translateY(5rem);
}

.target.active {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);

}

/*///////////////////////////////////////////////////
//
//            ▼ アニメーション ▼
//
///////////////////////////////////////////////////*/
.updown_anime01 {
	animation: updown 3s ease-in-out infinite;
}

.updown_anime02 {
	animation: updown 3s ease-in-out infinite 1s;
}

.updown_anime03 {
	animation: updown 3s ease-in-out infinite .5s;
}


@keyframes updown {
	0% {
		transform: translate(0, 0px);
	}

	50% {
		transform: translate(0, 25px);
	}

	100% {
		transform: translate(0, 0px)
	}
}

/*///////////////////////////////////////////////////
//
//            ▼ ヘッダー・ナビゲーション ▼
//
///////////////////////////////////////////////////*/

header {
	display: flex;
	justify-content: space-between;
	position: fixed;
	padding: 0 2% 0 3%;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	max-width: 1920px;
	width: 100%;
	z-index: 50000;
	transition: .3s;
	background: #fff;
}

header#top.top {
	padding-top: 3rem;
	background: transparent;
}

header .logo {
	max-width: 20rem;
	width: 20%;
}

header .logo a {
	padding: 1.5rem 0 1rem;
	width: 100%;
	display: flex;
	align-items: center;
}

header nav ul {
	display: flex;
	height: 100%;
}

header nav ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	font-weight: 500;
	letter-spacing: 0.2rem;
	padding: 0 1.75rem;
	color: #000;
	transition: .3s;
	font-size: 1.1rem;
	position: relative;
	cursor: pointer;
}

header nav ul li a::before {
	position: absolute;
	width: 40%;
	height: 1px;
	bottom: 20%;
	left: 30%;
	background: #000;
	content: '';
	transition: .3s;
	transform-origin: left center;
	transform: scale(0, 1);
}

header#top.top nav ul li a {
	color: #fff;
}

header#top.top nav ul li a::before {
	background: #fff;
}

header nav ul li a:hover::before {
	transform: scale(1, 1);
}

header nav .submenu {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	/* display: none; */
	/* transform: translate(0, -102%); */
	/* transform: scale(1, 0); */
	height: 0;
	transition: .3s;
	overflow: hidden;
	/* z-index: -1; */
}

header nav .submenu.active {
	height: 20rem;
	/* transform: translate(0, 0); */
	/* transform: scale(1, 1); */
}

header nav .submenu ul {
	background: #fff;
	height: auto;
	padding: 1rem;
	border-top: 1px solid #f66600;
	border-bottom: 1px solid #f66600;
}


header nav .submenu li {
	width: 100%;
}

header nav .submenu ul li a {
	font-size: 0.9rem;
	display: block;
	color: #000 !important;
	text-align: center;
	padding: 0 1rem;
	letter-spacing: 0;
}

header nav .submenu ul li a::before {
	content: none;

}

header nav .submenu ul li a .img {
	overflow: hidden;
}

header nav .submenu ul li a .img img {
	transition: .3s;
}

header nav .submenu ul li a:hover .img img {
	transform: scale(1.05);
}

header nav .submenu li span {
	display: block;
	font-weight: bold;
	margin: 0.5rem 0 0;
	transition: .3s;
}

header nav .submenu li a:hover span {
	color: #f66600
}

/*///////////////////////////////////////////////////
//
//            ▼ フッター ▼
//
///////////////////////////////////////////////////*/
.footer_in {
	padding: 5rem 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

footer .box ul {
	display: flex;
	margin: 0.5rem 0;
	letter-spacing: 0;
}

footer .box ul li {
	margin-right: 0.5rem;
}

footer .box ul li::after {
	content: '|';
}

footer .box ul li:last-of-type::after {
	content: none;
}

footer .box ul li a {
	margin-right: 0.5rem;
	display: inline;
	text-decoration: underline;
}

footer .box ul li a:hover {
	text-decoration: none;
}

.to_top {
	font-size: 2rem;
	width: 4rem;
	height: 4rem;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #000;
	color: #fff;
	border: 2px solid #000;
	transition: .3s;
}

.to_top:hover {
	color: #000;
	background: #fff;
}

footer .copy {
	background: #000;
	color: #fff;
	text-align: center;
	padding: 3rem 0;
}

/*///////////////////////////////////////////////////
//
//            ▼ トップ01 ▼
//
///////////////////////////////////////////////////*/
.top01 {
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
}

.top01 .img {
	margin-left: auto;
	width: 80%;
	height: 100vh;
	min-height: 650px;
	position: relative;
}

.top01 .img::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	z-index: 10;
	background: linear-gradient(to left, #ff7a1d, #ffba00);
	mix-blend-mode: multiply;
}

.top01 .img img {
	width: 100%;
}

.top01 .catch_box {
	position: absolute;
	top: 60%;
	left: 20%;
	transform: translate(-6rem, -50%);
	width: 6rem;
}

.top01 .catch_box.black {
	overflow: hidden;
	z-index: 100;
}

.top01 .catch_box.white {
	color: #fff;
	z-index: 99;
}

.top01 .catch_box h2 {
	letter-spacing: 1rem;
	font-size: 5.5rem;
	line-height: 1.5;
}

.top01 .catch_box p {
	letter-spacing: 0.25rem;
	font-size: 1.3rem;
	font-weight: 600;
	margin: 1rem 0 0;
}

.top01 .catch_box h2,
.top01 .catch_box p {
	width: 1000%;
}

/*///////////////////////////////////////////////////
//
//            ▼ トップ02 ▼
//
///////////////////////////////////////////////////*/
.top02 {
	margin: 12rem 0 8rem;
}

.top02::before {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -40%);
	content: '';
	background: url(../images/coommon/bg_dot.png) center / auto repeat;
	width: 45%;
	height: 50%;
	z-index: -500;
}

.top02_in {
	position: relative;
	margin: 0rem 0 6rem;
}

.top02_in.left {
	position: relative;
	z-index: 3;
}

.top02_in.right {
	z-index: 2;
}

.top02_in .img {
	position: absolute;
	top: 0;
	width: 30%;
}

.top02_in.left .img {
	left: 0;
	height: 80%;
	background: url(../images/top/top02_img01.jpg) center / cover no-repeat;
}

.top02_in.right .img {
	height: 90%;
	background: url(../images/top/top02_img02.jpg) center / cover no-repeat;
	right: 0;
}

.top02_in .txt {
	width: 69%;
}

@media screen and (min-width:1440px) {
	.top02_in .txt {
		width: 70%;
	}
}

.top02_in.right .txt {
	padding: 4rem 0 0;
}

.top02_in.left .txt {
	margin-left: auto;
}

.top02 h2 {
	color: #f66600;
	font-weight: normal;
	text-align: right;
	font-size: 8.5rem;
	transform: translate(6%, -50%);
	margin: 0 0 1rem;
	line-height: 1;
}

.top02_in .txt h3 {
	font-size: 2rem;
}

.top02_in .txt h4 {
	background: #f66600;
	color: #fff;
	font-size: 1.1rem;
	padding: 0.5rem 2rem;
	margin: 2rem 0;
	position: relative;
}

.top02_in.left .txt h4::before {
	position: absolute;
	top: 0;
	left: 99%;
	width: 100%;
	height: 100%;
	display: block;
	content: '';
	background: #f66600;
}

.top02_in .txt .item {
	background: #f3f3f3;
	padding: 3rem 3.5rem;
	margin: 3rem 0;
}

.top02_in .txt .item h5 {
	font-size: 1.5rem;
	margin: 0 0 1rem;
}

.top02_in .txt .item p {
	margin: 1rem 0 0;
}

.top02_in .txt .item p.str {
	margin: 1.5rem 0 0;
	color: #f66600;
	font-weight: bold;
	font-size: 1.1rem;

}

.top02_in .txt .link {
	margin-top: 6rem;
}

.top02_in.left .fig01,
.top02_in.left .fig02,
.top02_in.left .fig03,
.top02_in.right .fig01,
.top02_in.right .fig02 {
	position: absolute;
	z-index: -1;
	transform: translate(-50%, 0);
}

.top02_in.left .fig01 img,
.top02_in.left .fig02 img,
.top02_in.left .fig03 img,
.top02_in.right .fig01 img,
.top02_in.right .fig02 img {
	width: 100%;
}

.top02_in.left .fig01 {
	top: -10rem;
	left: 45%;
	width: 11rem;
}

.top02_in.left .fig02 {
	top: 2rem;
	left: 39%;
	width: 13rem;
}

.top02_in.left .fig03 {
	top: 10rem;
	left: 96%;
	width: 11rem;
}

.top02_in.right .fig01 {
	top: -23rem;
	left: 27%;
	width: 13rem;
}

.top02_in.right .fig02 {
	width: 17rem;
	top: -14rem;
	left: 13%;
}

/*///////////////////////////////////////////////////
//
//            ▼ トップ03 ▼
//
///////////////////////////////////////////////////*/
.top03 {
	background: #f66600;
	color: #fff;
	margin: 8rem 0;
	padding: 4rem 0;
}

.top03::before {
	position: absolute;
	top: 0;
	left: 72%;
	background: url(../images/top/top04_bg.png) center / auto repeat;
	content: '';
	width: 100%;
	min-width: 15rem;
	height: 6rem;
}

.top03 .box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 4rem 0 0;
	position: relative;
}

.top03 .box::before {
	position: absolute;
	bottom: 100%;
	right: 80%;
	background: url(../images/top/top04_bg.png) center / auto repeat;
	content: '';
	width: 100%;
	min-width: 15rem;
	height: 6rem;
}

.top03 .box .img img {
	width: 100%;
}

.top03 .box .item {
	width: 30%;
	margin: 0 0 3.5rem;
	position: relative;
	counter-increment: top_service;
}

.top03 .box .item::before {
	position: absolute;
	font-family: 'Barlow Semi Condensed', sans-serif;
	left: 1rem;
	top: 1rem;
	line-height: 1;
	font-size: 4rem;
	font-style: italic;
	content: counter(top_service, decimal-leading-zero)'.';
	color: #f66600;
}

.top03 .box .item h3 {
	text-align: center;
	font-size: 1.2rem;
	margin: 1.5rem 0 1rem;
}

/*///////////////////////////////////////////////////
//
//            ▼ トップ04 ▼
//
///////////////////////////////////////////////////*/
.top04 {
	margin: 8rem 0;
}

.top04_in {
	display: flex;
	align-items: center;
	padding: 3rem 5%;
	background: #f0f0f0;
	position: relative;
}

.top04_in::before,
.top04_in::after {
	position: absolute;
	border: 3rem solid #fff;
	z-index: 10;
	content: '';
}

.top04_in::before {
	right: 0;
	top: 0;
	border-left-color: transparent;
	border-bottom-color: transparent;
}

.top04_in::after {
	border-top-color: transparent;
	border-right-color: transparent;
	left: 0;
	bottom: 0;
}

.top04_in h2 {
	width: 25%;
	font-weight: normal;
	font-size: 4.5rem;
}

.top04_in .box {
	width: 75%;
}

.top04_in .box article {
	padding: 1.5rem 0;
	border-bottom: 1px dashed #ccc;
}

.top04_in .box a {
	display: flex;
	align-items: center;
	font-weight: bold;
	transition: .3s;
}

.top04_in .box a:hover {
	background: #fff;
}

.top04_in .box a time {
	width: 10rem !important;
	margin-right: 2rem;
	background: #000;
	padding: 0.5rem 1rem;
	white-space: nowrap;
	color: #fff;
	text-align: center;
}

.top04_in .box a h3 {
	font-size: 1rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.top04 .link {
	margin: 6rem 0 0;
}

/*///////////////////////////////////////////////////
//
//            ▼ トップ05 ▼
//
///////////////////////////////////////////////////*/
.top05 {
	margin: 8rem 0 6rem;
}

.top05::before {
	position: absolute;
	top: 54%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 81%;
	background: url(../images/top/top05_bg.png) center / cover repeat;
	content: '';
	z-index: -5;
}

.top05 .box {
	display: flex;
	margin: 3rem 0 5rem;
}

.top05 .box article {
	width: 25%;
}

.top05 .box a .img {
	position: relative;
	overflow: hidden;
}

.top05 .box a .img img {
	transition: .3s;
}

.top05 .box a:hover .img img {
	transform: scale(1.05);
}

.top05 .box a .cat {
	background: #f66600;
	color: #fff;
	padding: 0.3rem 2rem;
	transform: translate(1rem, -50%);
	display: inline-block;
}

.top05 .box h3 {
	font-weight: normal;
	text-decoration: underline;
	padding: 0 1rem;
	font-size: 1rem;
	transition: .3s;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.top05 .box a:hover h3 {
	text-decoration: none;
	color: #f66600;
}

/*///////////////////////////////////////////////////
//
//            ▼ トップ06 ▼
//
///////////////////////////////////////////////////*/
.top06 {
	margin: 6rem 0;
}

.top06_in {
	position: relative;
	margin: 4rem 0 6rem;
	counter-increment: top_voice;
}

.top06::before {
	position: absolute;
	width: 100%;
	height: 57%;
	content: '';
	background: url(../images/top/top06_bg.png) center bottom / 100% 100% no-repeat;
	bottom: 2rem;
	left: 0;
	z-index: -2;
}

.top06_in .img {
	position: absolute;
	top: 0;
	width: 46%;
}

.top06_in.left .img {
	left: 0;
	height: 90%;
}

.top06_in.right .img {
	height: 90%;
	right: 0;
}

.top06_in .img img {
	width: 100%;
}

.top06_in .txt {
	width: 49%;
	padding: 2rem 0 0;
	position: relative;
}

.top06_in .txt::before {
	position: absolute;
	font-family: 'Barlow Semi Condensed', sans-serif;
	top: 0;
	left: 68%;
	font-size: 16rem;
	font-style: italic;
	content: counter(top_voice, decimal-leading-zero);
	line-height: 1;
	color: #ececec;
	white-space: nowrap;
	z-index: -1;
}

@media screen and (min-width:1440px) {
	.top06_in .txt {
		width: 50%;
	}
}

.top06_in.left .txt {
	margin-left: auto;
}

.top06_in .txt h3 {
	font-size: 1.8rem;
	margin: 0 0 2rem;
}

.top06_in .txt dl {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 2rem 0;
	font-weight: bold;
}

.top06_in .txt dl dt {
	width: 22%;
	padding: 0.5rem;
	background: #f66600;
	text-align: center;
	color: #fff;
}

.top06_in .txt dl dd {
	width: 74%;
}

.top06_in .item {
	background: #f0f0f0;
	padding: 2rem;
	margin: 2rem 0 0;
}

.top06_in .txt .top06_link {
	margin: 4rem 0 0;
}

.top06_in .txt .top06_link a {
	margin-left: auto;
	max-width: 300px;
	padding: 1rem;
	background: #f66600;
	border: 2px solid #f66600;
	color: #fff;
	font-size: 1.8rem;
	text-align: center;
	transition: .3s;
}

.top06_in .txt .top06_link a:hover {
	background: #fff;
	color: #f66600;
}

.top06_in.left .top06_link {
	transform: translate(4.55rem, 0);
}

/*///////////////////////////////////////////////////
//
//            ▼ トップ07 ▼
//
///////////////////////////////////////////////////*/
.top07 {
	margin: 8rem 0 0;
	background: url(../images/top/top07_bg.jpg) center /cover no-repeat;
	color: #fff;
	padding: 8rem 0;
}

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

.top07_in .txt {
	width: 30%;
	padding: 1rem 0;
}

.top07_in .txt h2 {
	font-size: 6rem;
	font-weight: normal;
	line-height: 1;
}

.top07_in .txt h2 .txt01 {
	display: block;
	font-size: 3rem;
}

.top07_in .txt table {
	width: 100%;
	margin: 3rem 0 4rem;
}

.top07_in .txt table th,
.top07_in .txt table td {
	border-bottom: 1px solid #fff;
	padding: 1rem 0;
}

.top07_in .txt table th {
	text-align: left;
	padding: 1rem 0;
	font-weight: normal;
	width: 25%;
	vertical-align: top;
}

.top07_in .link a {
	width: 70%;
	font-size: 1.2rem;
	min-width: 200px;
}


.top07_in .map {
	width: 65%;
}

.top07_in .map iframe {
	width: 100%;
	height: 100%;
}

/*///////////////////////////////////////////////////
//
//            ▼ 下層共通 ▼
//
///////////////////////////////////////////////////*/
.top_padding {
	padding-top: 6.5rem;
}

.lower_mv {
	padding: 12rem 0
}

.lower_mv::before {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 90%;
	content: '';
	display: block;
	z-index: -1;
}

.lower_ttl {
	font-size: 3rem;
	color: #fff;
	background: #f66600;
	padding: 1rem 6rem;
	display: inline-block;
	font-weight: bold;
}

.lower_mv .en {
	position: absolute;
	bottom: 0;
	right: 0;
	opacity: .7;
	font-size: 7rem;
	line-height: 0.8;
}

.lower_cta {
	background: url(../images/coommon/lower_cta_bg.jpg) center / cover;
	padding: 6rem 0 6.5rem;
}

.lower_cta p {
	text-align: center;
	font-size: 1.6rem;
	color: #fff;
	margin: 0 0 2rem;
}

.lower_cta .link a {
	max-width: 370px;
}


/*///////////////////////////////////////////////////
//
//            ▼ パンクズリスト ▼
//
///////////////////////////////////////////////////*/

.breadclumb {
	padding: 3rem 0;
}

.breadclumb ul {
	display: flex;
}

.breadclumb ul li::after {
	content: '>';
	margin: 0 0.5rem;
}

.breadclumb ul li:last-of-type:after {
	content: '';
}

.breadclumb ul li a {
	transition: .3s;
	display: inline;
}

.breadclumb ul li a:hover {
	color: #f66600;
}

/*///////////////////////////////////////////////////
//
//            ▼ about01 ▼
//
///////////////////////////////////////////////////*/
.about01::before {
	background: url(../images/about/about_mv.jpg) center / cover no-repeat;
}

/*///////////////////////////////////////////////////
//
//            ▼ about02 ▼
//
///////////////////////////////////////////////////*/

.about02 {
	color: #fff;
	background: url(../images/about/about02_bg.jpg) center / cover;
	padding: 8rem 0 9rem;
	text-align: center;
}

.about02 .txt01 {
	font-size: 2.3rem;

}

.about02 .txt02 {
	display: block;
	font-size: 3rem;
}

.about02 .box {
	display: flex;
	justify-content: center;
	margin: 2rem 0 0;
}

.about02 .box .item {
	border: 1px #fff solid;
	padding: 1rem;
	font-size: 1.5rem;
	font-weight: bold;
	width: 15.5rem;
}

.about02 .box .item:nth-of-type(2) {
	margin: 0 2rem;
}

/*///////////////////////////////////////////////////
//
//            ▼ about03 ▼
//
///////////////////////////////////////////////////*/

.about03 {
	margin: 8rem 0;
}

.about03 .ttl {
	text-align: center;
}

.about03 .ttl h2 {
	font-size: 2.5rem;
	margin: 0 0 1rem;
}

.about03 .ttl p {
	font-size: 1.1rem;
}

.about03_in {
	background: url(../images/about/about03_bg.png) center / 100% 100% no-repeat;
	padding: 8rem 0;
	position: relative;
}

.about03_in::before {
	background: url(../images/about/about03_img01.png) center / contain no-repeat;
	position: absolute;
	content: "";
	width: 50%;
	height: 90%;
	top: 50%;
	left: -2rem;
	transform: translate(0, -50%);
}

.about03_in .box {
	width: 50%;
	margin-left: auto;
}

.about03_in .box h3 {
	color: #f66600;
	font-size: 2rem;
	line-height: 1.6;
}

.about03_in .box p {
	margin: 2rem 0 0;
}

.about03_under {
	position: relative;
	margin: 4rem 0 0;
}

.about03_under::before {
	background: url(../images/about/about03_img02.jpg) top right/ cover no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	width: 35%;
	height: 100%;
	content: "";
}

.about03_under .item {
	width: 65%;
}

.about03_under .item h4 {
	background: #000;
	color: #fff;
	font-size: 1.1rem;
	padding: 1rem 2rem;
	margin: 0 0 3rem;
}

.about03_under .item p {
	font-size: 0.9rem;
	margin: 0 0 3rem;
}

/*///////////////////////////////////////////////////
//
//            ▼ about04 ▼
//
///////////////////////////////////////////////////*/

.about04 {
	background: url(../images/about/about04_bg.png) right bottom / 55% auto no-repeat #eb6100;
	padding: 5rem 0 8rem;
}

.about04 h2 {
	color: #fff;
	text-align: center;
	font-size: 2.5rem;
	font-weight: normal;
	margin: 0 0 4rem;
}

.about04 .box {
	max-width: 900px;
	margin: 0 auto;
	background: #fff;
	padding: 6rem 5rem;
}

.about04 .box p {
	margin: 0 0 2rem;
}

.about04 .box .img {
	width: 30%;
	margin-left: auto;
}

/*///////////////////////////////////////////////////
//
//            ▼ service01 ▼
//
///////////////////////////////////////////////////*/
.service01 {
	background: url(../images/btob/btob_mv.jpg) center / cover no-repeat;
}

/*///////////////////////////////////////////////////
//
//            ▼ service02 ▼
//
///////////////////////////////////////////////////*/

.service02 {
	background: url(../images/btob/btob02_bg.jpg) center / cover no-repeat;
	padding: 7rem 0 8rem;
	text-align: center;
	color: #fff;
}

/*///////////////////////////////////////////////////
//
//            ▼ service03 ▼
//
///////////////////////////////////////////////////*/

.service03 h2 {
	text-align: center;
	color: #fff;
	background: #f66600;
	font-size: 1.8rem;
	padding: 2rem 0;
}

.service03 .box {
	display: flex;
}

.service03 .box.re {
	flex-direction: row-reverse;
}

.service03 .box .img {
	width: 50%;
	max-height: 42rem;
	min-height: 40rem;
}

.service03 .box .img img {
	width: 100%;
}

.service03 .box .txt {
	width: 50%;
	background: url(../images/coommon/service03_item_bg.png) top right / 45% 55% no-repeat;
	display: flex;
	align-items: center;
}


.service03 .box .txt .item {
	max-width: 640px;
	width: 90%;
	padding: 0 3rem 0 0;
	margin-left: auto;
}

.service03 .box.re .txt .item {
	margin-left: 0;
	padding: 0 0 0 4rem;

}

.service03 .box .txt .ttl {
	display: flex;
	align-items: center;
}

.service03 .box .txt .ttl p.str {
	background: #f66600;
	font-size: 1.2rem;
	color: #fff;
	padding: 0.25rem 1rem;
	margin-left: 0;
	position: relative;
}

.service03 .box .txt .ttl p.str::before {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%, 0);
	content: '';
	display: block;
	border-top: 0.75rem solid #f66600;
	border-left: 0.5rem solid transparent;
	border-right: 0.5rem solid transparent;
	border-bottom: 0.75rem solid transparent;
	width: 0;
	height: 0;
}

.service03 .box .txt .ttl p {
	font-size: 5rem;
	color: #f66600;
	margin-left: 1rem;
	line-height: 1;
	font-weight: 500;
}

.service03 .box .item h3 {
	font-size: 2rem;
	margin: 0.5rem 0 1rem;
	line-height: 1.8;
}

.service03 .box .txt .item ul {
	margin-left: 2rem;
}

.service03 .box .txt .item ul li {
	list-style: disc;
	margin: 0.5rem 0 0;
}

.service03 .box .inner {
	position: relative;
	margin: 3rem 0 0;
}

.service03 .box .inner h4 {
	color: #fff;
	background: #000;
	display: inline-block;
	padding: 0 1rem;
	position: absolute;
	top: 0;
	left: 1.8rem;
	transform: translate(0, -50%);
}

.service03 .box .inner p {
	font-size: 0.9rem;
	background: #f0f0f0;
	padding: 1.8rem;
	letter-spacing: 0.02rem;
}

/*///////////////////////////////////////////////////
//
//            ▼ service06 ▼
//
///////////////////////////////////////////////////*/

.service06 h2 {
	font-size: 1.9rem;
	text-align: center;
	color: #fff;
	background: #000;
	padding: 1.5rem 0;
}

.service06 .box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 4.5rem 0 0;
}

.service06 .box .item {
	width: 48%;
	margin: 0 0 5rem;
}

.service06 .box .item .img img {
	width: 100%;
	height: auto;
}

.service06 .box .item .txt h3 {
	background: #f66600;
	color: #fff;
	font-size: 1.1rem;
	padding: 1rem 1.5rem;
	margin: 3rem 0 2rem;
}

.service06 .box .item .txt p {
	font-size: 0.9rem;
}

/*///////////////////////////////////////////////////
//
//            ▼ service07 ▼
//
///////////////////////////////////////////////////*/

.service07 .box01 {
	margin: 0 0 6rem;
}

.service07 .box01 .item {
	display: flex;
	justify-content: space-between;
	background: #fff;
}

.service07 .box01 .re {
	flex-direction: row-reverse;
}

.service07 .box01 .item .img {
	width: 50%;
}


.service07 .box01 .item .txt {
	width: 48%;
	padding: 3rem 3rem 2.5rem;
}

.service07 .box01 .item .txt h3 {
	font-size: 1.6rem;
	line-height: 1.6;
	margin: 0 0 2rem;
}

.service07 .box01 .item .txt p {
	margin: 0 0 2.5rem;
}

.service07 .box01 .item .txt p:last-of-type {
	margin: 0;
}

/*///////////////////////////////////////////////////
//
//            ▼ service08 ▼
//
///////////////////////////////////////////////////*/

.service08 {
	padding: 6rem 0;
}

.service08 .box {
	border: 1px solid #000000;
	background: url(../images/system/system05_bg.png) center / cover;
	text-align: center;
	padding: 5rem 2rem;
}

.service08 .box h2 {
	font-size: 2.6rem;
	line-height: 1.8;
	margin: 0 0 2.5rem;
}

/*///////////////////////////////////////////////////
//
//            ▼ service09 ▼
//
///////////////////////////////////////////////////*/


.service09 .box01 {
	margin: 0 0 6rem;
}

.service09 .box01 .item {
	display: flex;
	justify-content: space-between;
	background: #fff;
}

.service09 .box01 .re {
	flex-direction: row-reverse;
}

.service09 .box01 .item .img {
	width: 50%;
}


.service09 .box01 .item .txt {
	width: 48%;
	padding: 3rem 3rem 2.5rem;
}

.service09 .box01 .item .txt h3 {
	font-size: 1.6rem;
	line-height: 1.6;
	margin: 0 0 2rem;
}

.service09 .box01 .item .txt p {
	margin: 0 0 2.5rem;
}

.service09 .box01 .item .txt p:last-of-type {
	margin: 0;
}



/*///////////////////////////////////////////////////
//
//            ▼ btob01 ▼
//
///////////////////////////////////////////////////*/

.btob01::before {}



/*///////////////////////////////////////////////////
//
//            ▼ btob02 ▼
//
///////////////////////////////////////////////////*/

.btob02 p {
	font-size: 1.1rem;
	line-height: 2.4;
}

.btob02 p+p {
	margin: 4rem 0 0;
}

/*///////////////////////////////////////////////////
//
//            ▼ btob03 ▼
//
///////////////////////////////////////////////////*/

.btob03 {
	padding: 6rem 0 5rem;
}

.btob03 h2 {
	text-align: center;
	font-size: 2.5rem;
	margin: 0 0 4rem;
}

.btob03 .box {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.btob03 .item {
	width: 45%;
	border: 1px solid #000;
	text-align: center;
	margin: 0 0 3.5rem;
	padding: 3rem 1rem;
	background: url(../images/btob/btob03_item.png) 0 0 / 35% auto no-repeat;
}

.btob03 .box .item h3 {
	font-size: 2.2rem;
	color: #f66600;
}

.btob03 .box .item p {
	font-size: 1.2rem;
	font-weight: bold;
}

.btob03 p {
	text-align: center;
}

/*///////////////////////////////////////////////////
//
//            ▼ btob04 ▼
//
///////////////////////////////////////////////////*/

.btob04 {
	text-align: center;
	background: #f0f0f0;
	padding: 4rem 0;
}

.btob04 h2 {
	font-size: 1.5rem;
	margin: 0 0 2rem;
}

.btob04 strong {
	font-size: 1.2rem;
	margin: 0 0 2rem;
	display: inline-block;
}

/*///////////////////////////////////////////////////
//
//            ▼ btob06 ▼
//
///////////////////////////////////////////////////*/
.btob06 {
	padding: 8rem 0;
}

.btob06 h3 {
	font-size: 1.1rem;
	background: #000;
	color: #fff;
	padding: 1rem 2rem;
	margin: 0 0 3.5rem;
}

.btob06 .box {
	display: flex;
	justify-content: space-between;
	margin: 0 0 3rem;
}

.btob06 .box .item {
	width: 30%;
	border: 1px solid #000;
	padding: 2rem;
	background: #fff;
	display: flex;
	flex-direction: column;
}

.btob06 .box .item h4 {
	text-align: center;
	font-size: 1.5rem;
	margin: 0 0 2rem;
	height: 20%;
}

.btob06 .box .item .inner {
	background: #ececec;
	padding: 2rem 3rem;
	height: 80%;
}

.btob06 .box .item .inner ul li {
	list-style: disc;
	font-size: 0.9rem;
}

.btob06 p {
	font-size: 0.9rem;
	margin: 0 0 2rem;
}

/*///////////////////////////////////////////////////
//
//            ▼ btob07 ▼
//
///////////////////////////////////////////////////*/

.btob07 {
	background: url(../images/btob/btob07_bg.png) center / contain;
	padding: 8rem 0;
}

.btob07 h2 {
	text-align: center;
	font-size: 2rem;
	margin: 0 0 5rem;
}

.btob07 h3 {
	background: #f66600;
	font-size: 1.1rem;
	color: #fff;
	padding: 1rem 2rem;
	margin: 0 0 3.5rem;
}

.btob07 .box {
	margin: 0 0 5rem;
	display: flex;
	justify-content: space-between;
}

.btob07 .box .item {
	width: 30%;
	border: 1px solid #000;
	padding: 2rem;
	background: #fff;
	display: flex;
	flex-direction: column;
}

.btob07 .box .item h4 {
	text-align: center;
	font-size: 1.5rem;
	margin: 0 0 2rem;
	height: 20%;
}

.btob07 .box .item .inner {
	min-height: initial;
	padding: 1.5rem 2rem;
	background: #ececec;
	padding: 2rem 3rem;
	height: 80%;
}

.btob07 .box .item .inner p {
	margin: 0;
}

.btob07 .under {
	flex-wrap: wrap;
	justify-content: space-between;
}

.btob07 .under .item {
	background: #fff;
	width: 48%;
	margin: 0 0 3.5rem;
}

.btob07 .under .item .inner {
	min-height: initial;
	padding: 1.5rem 3rem;
}

.btob07 .under .item .inner ul li {
	list-style: disc;
}

.btob07 .btob07_under {
	position: relative;
}

.btob07_under::before {
	background: url(../images/btob/btob07_under_img.jpg) top right/ cover no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	width: 32%;
	height: 90%;
	content: "";
}

.btob07 .btob07_under .item {
	width: 65%;
}

.btob07 .btob07_under .item h3 {
	margin: 0 0 2rem;
}

.btob07 .btob07_under .item .txt01 {
	margin: 0;
}

.btob07 .btob07_under .item ul li {
	list-style: disc;
	margin: 0 0 0 1.5rem;
	font-size: 0.8rem;
	line-height: 2.6;
}

.btob07 .btob07_under .item .txt02 {
	margin: 2rem 0;
}

.btob07 .btob07_under .item_in {
	display: flex;
}

.btob07 .btob07_under .item_in .black {
	background: #000;
	color: #fff;
	width: 30%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btob07 .btob07_under .item_in .black p {
	margin: 0;
}

.btob07 .btob07_under .item_in .gray {
	background: #f3f3f3;
	width: 70%;
	padding: 2rem 3rem;
}

.btob07 .btob07_under .item_in .gray ul li {
	list-style: none;
	margin: 0;
	font-size: 0.9rem;
}

.btob07 .btob07_under .item_in .gray ul li:before {
	content: "■";
	margin: 0 0.5rem 0 0;
}

.about01::before {
	background: url(../images/about/about_mv.jpg) center / cover no-repeat;
}

/*///////////////////////////////////////////////////
//
//            ▼ webproduction02 ▼
//
///////////////////////////////////////////////////*/

.webproduction02 {
	color: #fff;
	background: url(../images/webproduction/webproduction02_bg.jpg) center / cover;
	padding: 8rem 0 8.5rem;
	text-align: center;
}

.webproduction02 h2 {
	font-size: 2rem;
	margin: 0 0 2rem;
}

.webproduction02 h2 span {
	font-size: 2.6rem;
}

.webproduction02 .box {
	display: flex;
	justify-content: center;
	margin: 0 0 4rem;
}

.webproduction02 .box .item {
	border: 1px solid #fff;
	padding: 1rem 2rem;
}

.webproduction02 .box .item:nth-of-type(2) {
	margin: 0 2.5rem;
}

.webproduction02 .box .item {
	font-size: 1.5rem;
}

.webproduction02 .txt01 {
	font-size: 1.3rem;
}

.webproduction02_pink {
	color: #fff;
	background: url(../images/webproduction/webproduction02_bg.jpg) center / cover;
	padding: 8rem 0 8.5rem;
	text-align: center;
}

.webproduction02_pink h2 {
	font-size: 2rem;
	margin: 0 0 2rem;
}

.webproduction02_pink h2 span {
	font-size: 2.6rem;
}

.webproduction02_pink .box {
	display: flex;
	justify-content: center;
	margin: 0 0 4rem;
}

.webproduction02_pink .box .item {
	border: 1px solid #fff;
	padding: 1rem 2rem;
}

.webproduction02_pink .box .item:nth-of-type(2) {
	margin: 0 2.5rem;
}

.webproduction02_pink .box .item {
	font-size: 1.5rem;
}

.webproduction02_pink .txt01 {
	font-size: 2rem;
}
/*///////////////////////////////////////////////////
//
//            ▼webproduction03 ▼
//
///////////////////////////////////////////////////*/

.webproduction03_under {
	padding: 5rem 0;
	position: relative;
}

.webproduction03_under .txt01 {
	font-size: 1.9rem;
	font-weight: bold;
}

.webproduction03_under .txt02 {
	font-size: 2.2rem;
	color: #f66600;
	font-weight: bold;
	line-height: 1.6;
	margin: 0 0 3rem;
}

.webproduction03_under .box {
	background: #fff3d6;
	display: inline-block;
	padding: 2rem 3rem;
}

.webproduction03_under .box p {
	font-size: 1rem;
}

.webproduction03_under .fig01,
.webproduction03_under .fig02 {
	position: absolute;
	transform: translate(-50%, 0);
}

.webproduction03_under .fig01 img,
.webproduction03_under .fig02 img,
.webproduction03_under .img img {
	width: 100%;
}

.webproduction03_under .fig01 {
	top: 0;
	left: 85%;
	width: 11rem;
}

.webproduction03_under .fig02 {
	top: 10rem;
	left: 65%;
	width: 13rem;
}

.webproduction03_under .img {
	top: 90%;
	left: 85%;
	width: 10rem;
	z-index: 10;
	position: absolute;
	transform: translate(-50%, -50%);
}

/*///////////////////////////////////////////////////
//
//            ▼webproduction04 ▼
//
///////////////////////////////////////////////////*/


.webproduction04 {
	background: #f66600;
	padding: 6rem 0 2rem;
}

.webproduction04 .box {
	display: flex;
	justify-content: space-between;
}

.webproduction04 .box .img {
	width: 25%;
}

.webproduction04 .box .img img {
	width: 100%;
	height: 90%;
}

.webproduction04 .box .txt {
	width: 70%;
	color: #fff;
}

.webproduction04 .box .txt .txt01 {
	font-size: 1.5rem;
	margin: 0 0 2rem;
}

.webproduction04 .box .txt .txt01 span {
	font-size: 1.5em;
	line-height: 1.4;
}

.webproduction04 .box .txt .txt02 {
	margin: 0 0 2rem;
}

/*///////////////////////////////////////////////////
//
//            ▼webproduction05 ▼
//
///////////////////////////////////////////////////*/

.webproduction05 {
	position: relative;
	margin: 7rem 0 2rem;
}

.webproduction05::before {
	background: url(../images/webproduction/webproduction05_item.jpg) top right/ cover no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	width: 30%;
	min-height: 38%;
	content: "";
}

.webproduction05 .webproduction05_in {
	width: 65%;
	margin: 0 0 5rem;
}

.webproduction05 .webproduction05_in h4 {
	background: #000;
	color: #fff;
	font-size: 1.1rem;
	padding: 1rem 2rem;
	margin: 0 0 3rem;
}

.webproduction05 .webproduction05_in p {
	font-size: 0.9rem;
	margin: 2rem 0 2rem;
}

.webproduction05 .webproduction05_in .box {
	background: #f3f3f3;
	padding: 2rem 3rem;
}

.webproduction05 .webproduction05_in .box ul li:before {
	content: "■";
	margin: 0 0.5rem 0 0;
}

.webproduction05 .item_under {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 8rem 0 0;
}

.webproduction05 .item_under .item {
	width: 30%;
	height: auto;
	border: 1px solid #000;
	padding: 5rem 1rem;
	margin: 0 0 4.5rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}


.webproduction05 .item_under .img {
	margin: auto 0;
	max-width: 80px;
}

.webproduction05 .item_under .txt {
	margin: 2rem 0 0;
}

.webproduction05 .item_under .item .txt h5 {
	font-size: 2.8rem;
	text-align: center;
	font-weight: normal;
}

.webproduction05 .item_under .item .txt h5 span {
	font-size: 1rem;
	display: block;
}




/*///////////////////////////////////////////////////
//
//            ▼webproduction06 ▼
//
///////////////////////////////////////////////////*/


.webproduction06 {
	background: url(../images/webproduction/webproduction06_bg.jpg) center / cover;
	padding: 5rem 0 6rem;
	text-align: center;
	color: #fff;
}

.webproduction06 h2 {
	font-size: 2.5rem;
	margin: 0 0 2rem;
}

.webproduction06 .box {
	flex-wrap: wrap;
	margin: 0 0 1rem;
	display: flex;
	justify-content: center;
}

.webproduction06 .box .item {
	margin: 0 1rem;
}

.webproduction06 .item {
	border: 1px solid #fff;
	padding: 1rem 2rem;
	font-size: 1.5rem;
	display: inline-block;
}

.webproduction06 .box02 {
	margin: 3em 0;
}




/*///////////////////////////////////////////////////
//
//            ▼webproduction07 ▼
//
///////////////////////////////////////////////////*/

.webproduction07 {
	text-align: center;
	padding: 6.5em 0 4.5rem;
}

.webproduction07 .txt01 {
	font-size: 1.9rem;
}

.webproduction07 .txt01 span {
	font-size: 2.6rem;
	font-weight: bold;
}

.webproduction07 .txt02 {
	color: #f66600;
	font-size: 1.9rem;
	font-weight: bold;
}

/*///////////////////////////////////////////////////
//
//            ▼webproduction08 ▼
//
///////////////////////////////////////////////////*/



/*///////////////////////////////////////////////////
//
//            ▼webproduction09 ▼
//
///////////////////////////////////////////////////*/
.webproduction09 {
	text-align: center;
	background: #f3f3f3;
	padding: 6rem 0 8rem;
}

.webproduction09 h2 {
	font-size: 2.2rem;
	margin: 0 0 1.5rem;
}

.webproduction09 ul {
	display: flex;
	justify-content: center;
	background: #fff;
	padding: 1rem;
	max-width: 1000px;
	font-size: 0.9rem;
	margin: 0 auto;
}

.webproduction09 ul li::after {
	content: '/';
	margin: 0 1rem;
}

.webproduction09 ul li:last-of-type::after {
	content: '';
}

.webproduction09 .box {
	display: flex;
	justify-content: space-between;
	margin: 3rem 0 0;
}

.webproduction09 .box .item {
	width: 18%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.webproduction09 .box .item .img {
	background: #fff;
	padding: 2rem 1rem;
	height: 70%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.webproduction09 .box .item .txt {
	height: 30%;
	background: #000;
	position: relative;
	padding: 0.75rem 0.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.webproduction09 .box .item .txt h3 {
	color: #fff;
	font-size: 1.1rem;
}

.webproduction09 .box .item .txt::before {
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translate(-50%, 0);
	content: '';
	display: block;
	border-top: 0.75rem solid transparent;
	border-left: 0.5rem solid transparent;
	border-right: 0.5rem solid transparent;
	border-bottom: 0.75rem solid #000;
	width: 0;
	height: 0;
	z-index: 50;
}

/*///////////////////////////////////////////////////
//
//            ▼webproduction10 ▼
//
///////////////////////////////////////////////////*/

.webproduction10 {
	padding: 6rem 0 0;
}

.webproduction10 .ttl h2 {
	font-size: 2.2rem;
	text-align: center;
}

.webproduction10 .ttl h2 span {
	font-size: 3rem;
}

.webproduction10 .ttl p {
	font-size: 1.5rem;
	text-align: center;
	font-weight: bold;
}

.webproduction10 .ttl_under {
	background: url(../images/webproduction/webproduction10_bg.png) center / auto repeat;
	padding: 10rem 0 8rem;
	margin-top: -6rem;
}

.webproduction10 .ttl_under .box {
	border: 1px solid #ababab;
	background: #fff;
	padding: 5rem 5rem 4rem;
	max-width: 900px;
	margin: 0 auto;
}

.webproduction10 .ttl_under .box ul li {
	margin: 0 0 1.5rem;
	font-size: 1.2rem;
	position: relative;
	padding-left: 3rem;
	font-weight: bold;
}

.webproduction10 .ttl_under .box ul li::before {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	content: '';
	background: url(../images/webproduction/webproduction10_item.png) center / contain no-repeat;
	width: 2rem;
	height: 2rem;
	display: block;
}


/*///////////////////////////////////////////////////
//
//            ▼writing01 ▼
//
///////////////////////////////////////////////////*/


.writing01::before {
	background: url(../images/btob/btob_mv.jpg) center / cover no-repeat;
}


/*///////////////////////////////////////////////////
//
//            ▼writing02 ▼
//
///////////////////////////////////////////////////*/


.writing02 {
	color: #fff;
	background: url(../images/writing/writing02_bg.jpg) center / cover;
	padding: 8rem 0 8.5rem;
	text-align: center;
}

.writing02 h2 {
	font-size: 2.3rem;
	margin: 0 0 2rem;
}

.writing02 p {
	font-size: 1.3rem;
}

/*///////////////////////////////////////////////////
//
//            ▼writing03 ▼
//
///////////////////////////////////////////////////*/

.writing03 {
	position: relative;
	padding: 6rem 0 8rem;
}

.writing03 .ttl {
	text-align: center;
}

.writing03 .ttl h2 {
	font-size: 2.6rem;
	margin: 0 0 2rem;
}

.writing03 .ttl p {
	font-size: 0.9rem;
	margin: 0 0 6rem;
}

.writing03::before {
	background: url(../images/writing/writing03_item.jpg) top right/ cover no-repeat;
	position: absolute;
	top: 32%;
	right: 0;
	width: 30%;
	min-height: 58%;
	content: "";
}

.writing03 .item {
	width: 65%;
	margin: 0 0 5rem;
}

.writing03 .item h3 {
	background: #000;
	color: #fff;
	font-size: 1.1rem;
	padding: 1rem 2rem;
	margin: 0 0 3rem;
}

.writing03 .item p {
	font-size: 0.9rem;
	margin: 2rem 0 2rem;
}

.writing03 .item .box {
	background: #f3f3f3;
	padding: 2rem 3rem;
}

.writing03 .item .box ul li:before {
	content: "■";
	margin: 0 0.5rem 0 0;
}

/*///////////////////////////////////////////////////
//
//            ▼writing04 ▼
//
///////////////////////////////////////////////////*/

.writing04 {
	background: #f3f3f3;
	padding: 5rem 0 8rem;
}

.writing04 h2 {
	text-align: center;
	font-size: 2.8rem;
	margin: 0 0 3rem;
}

.writing04 .txt01 {
	text-align: center;
	margin: 0 0 5rem;
}



.writing04 .box02 .item {
	background: #fff;
	border: 1px solid #d4d4d4;
	padding: 4rem;
	margin: 5rem 0 0;
}

.writing04 .box02 h4 {
	font-size: 1.2rem;
	margin: 0 0 1rem;
}

.writing04 .box02 h4 span {
	color: #fff;
	background: #f66600;
	padding: 0.4rem 0.6rem;
	margin: 0 1rem 0 0;
	font-size: 1rem;
}



.writing04 .box03 {
	display: flex;
	justify-content: space-between;
	margin: 6rem 0 0;
}

.writing04 .box03 .txt {
	width: 48%;
}

.writing04 .box03 .txt h5 {
	background: #000;
	color: #fff;
	padding: 1rem;
	font-size: 1.2rem;
	margin: 0 0 2rem;
}

.writing04 .box03 .txt p {
	background: #fff;
	padding: 2.5rem;
}

.writing04 .box03 .img {
	width: 48%;
}


/*///////////////////////////////////////////////////
//
//            ▼writing05 ▼
//
///////////////////////////////////////////////////*/

.writing05 {
	padding: 5rem 0 2rem;
}

.writing05 h2 {
	background: initial;
	color: #000;
	font-size: 2.8rem;
	line-height: 1.6;
}

.writing05 .box {
	margin: 3rem 0 0;
}


/*///////////////////////////////////////////////////
//
//            ▼writing06 ▼
//
///////////////////////////////////////////////////*/

.writing06 {
	background: #f3f3f3;
	padding: 5rem 0 7rem;
}

.writing06 h2 {
	text-align: center;
	font-size: 2.8rem;
	margin: 0 0 5rem;
}

.writing06 .writing06_in {
	position: relative;
}

.writing06 .writing06_in::before {
	background: url(../images/writing/writing06_item.jpg) top left/ cover no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	width: 30%;
	min-height: 100%;
	content: "";
}

.writing06 .item {
	width: 67%;
	margin: 0;
	padding: 0 0 2rem;
}

.writing06 .item h4 {
	background: #000;
	color: #fff;
	font-size: 1.1rem;
	padding: 1rem 2rem;
	margin: 0 0 3rem;
}

.writing06 .item .txt01 {
	font-size: 1.4rem;
	color: #f66600;
	margin: 0 0 2rem;
	font-weight: bold;
}

.writing06 .item .txt02 {
	margin: 0 0 2rem;
}

/*///////////////////////////////////////////////////
//
//            ▼marketing02 ▼
//
///////////////////////////////////////////////////*/

.marketing02 {
	color: #fff;
	text-align: center;
	background: url(../images/marketing/marketing02_bg.jpg) center / cover;
	padding: 8rem 0 8.5rem;

}

.marketing02 h2 {
	font-size: 2.8rem;
	margin: 0 0 5rem;
	line-height: 1.6;
}

.marketing02 p {
	font-size: 1.2rem;
}


/*///////////////////////////////////////////////////
//
//            ▼marketing03 ▼
//
///////////////////////////////////////////////////*/

.marketing03 .box .img {
	max-height: 42rem;
	min-height: 25rem;
}

.marketing03 .box .txt .ttl p.str {
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-weight: 500;
	font-style: italic;
}

.marketing03 .marketing03_under {
	background: #f66600;
	padding: 5rem 0 7rem;
	color: #fff;
	position: relative;
}

.marketing03 .marketing03_under h4 {
	font-size: 1.7rem;
	margin: 0 0 1.6rem;
	z-index: 10;
	position: relative;
}

.marketing03 .marketing03_under p {
	font-size: 1.2rem;
	margin: 0 0 4rem;
}

.marketing03 .fig01 {
	position: absolute;
	top: 25%;
	transform: translate(-50%, -50%);
	left: 75%;
	width: 18%;
}

.marketing03 .fig02 {
	position: absolute;
	transform: translate(-50%, -50%);
	width: 15%;
	top: 23%;
	left: 90%;
}

/*///////////////////////////////////////////////////
//
//            ▼marketing04 ▼
//
///////////////////////////////////////////////////*/

.marketing04 {
	background: url(../images/webproduction/webproduction10_bg.png) center / contain;
	padding: 7rem 0;
}

.marketing04 h2 {
	font-size: 2.6rem;
	text-align: center;
	line-height: 1.8;
	margin: 0 0 5rem;
}

.marketing04 .box02 {
	display: flex;
	justify-content: space-between;
}

.marketing04 .box02 .item {
	border: 5px solid #dadada;
	padding: 2rem 0.5rem 0.5rem;
	width: 30%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;

}

.marketing04 .box02 .item h3 {
	text-align: center;
	position: relative;
	padding: 0 0 1.5rem;
	margin: 0 0 2rem;
}

.marketing04 .box02 .item h3:before {
	position: absolute;
	content: "";
	width: 50px;
	height: 5px;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
	background: #f66600;
}

.marketing04 .box02 .item ul {
	padding: 0 1rem;
	margin: 0 0 2rem;
	font-size: 0.9rem;
}

.marketing04 .box02 .item p {
	background: #f66600;
	color: #fff;
	padding: 1rem;
	text-align: center;
}

.marketing04 .box02 .item ul li:before {
	content: "■";
	color: #f66600;
	margin: 0 0.5rem 0 0;
}

/*///////////////////////////////////////////////////
//
//            ▼marketing05 ▼
//
///////////////////////////////////////////////////*/

.marketing05 {
	padding: 5rem 0 8rem;
}

.marketing05 h2 {
	text-align: center;
	font-size: 2.6rem;
	margin: 0 0 4rem;
}

.marketing05 .box {
	display: flex;
	justify-content: space-between;
}

.marketing05 .box .img {
	width: 48%;
}

.marketing05 .box .img img {
	width: 100%;
}

.marketing05 .box .txt {
	width: 48%;
}

.marketing05 .box .txt p {
	font-size: 0.9rem;
	margin: 0 0 2rem;
}

/*///////////////////////////////////////////////////
//
//            ▼marketing07 ▼
//
///////////////////////////////////////////////////*/

.marketing07 {
	margin: 6rem 0 5rem;
}

.marketing07 h2 {
	text-align: center;
	font-size: 2.6rem;
	margin: 0 0 3rem;
}

.marketing07 h3 {
	text-align: center;
	font-size: 1.6rem;
	color: #fff;
	background: #000;
	padding: 1.5rem;
	font-weight: normal;
	margin: 0 0 4rem;
}


.marketing07 .box01 .item {
	display: flex;
	justify-content: space-between;
}

.marketing07 .box01 .item .txt p {
	margin: 0 0 2.5rem;
}

.marketing07 .box01 .item .txt,
.marketing07 .box01 .item .img {
	width: 48%;
}

.marketing07 .box02 {
	text-align: center;
	margin: 4rem 0 0;
}

.marketing07 .box02 .txt01 {
	font-size: 1.5rem;
	font-weight: bold;
	background: #fffcf5;
	border: 1px solid #f66600;
	width: 90%;
	max-width: 725px;
	margin: 0 auto 3rem;
	padding: 2.5rem 0.5rem;
}

.marketing07 .box02 .txt02 {
	font-size: 1.1rem;
}

.marketing07 .box03 {
	background: #f66600;
	padding: 3rem 0 5rem;
	margin: 5rem 0 0;
}

.marketing07 .box03_in {
	display: flex;
	justify-content: space-between;
}

.marketing07 .box03_in .item {
	margin: 2rem 0 0;
	width: 18%;
	border: 1px solid #fff;
	color: #fff;
	background: url(../images/marketing/marketing07_box03_in_item.png) top right / 50% 50% no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 5rem 1rem;
}

.marketing07 .box03_in .item p {
	font-size: 2.8rem;
	color: #000;
	font-weight: 600;
	position: absolute;
	top: 0;
	left: 0.5rem;
	line-height: 1;
}

.marketing07 .box03_in .item h4 {
	font-size: 1.1rem;
	text-align: center;
}

.marketing07 .box_under {
	position: relative;
	padding: 6rem 0 0;
}

.marketing07 .box_under::before {
	background: url(../images/marketing/marketing07_box_under_item.jpg) bottom left/ cover no-repeat;
	position: absolute;
	left: 0;
	width: 32%;
	min-height: 68%;
	content: "";
}

.marketing07 .box_under .item {
	width: 65%;
	margin: 0 0 4rem;
	margin-left: auto;
}

.marketing07 .box_under .item h3 {
	background: #000;
	color: #fff;
	font-size: 1.1rem;
	padding: 1rem 2rem;
	margin: 0 0 3rem;
	text-align: initial;
}

.marketing07 .box_under .item p {
	font-size: 0.9rem;
	margin: 2rem 0 2rem;
}

.marketing07 .box_under .item .box {
	background: #f3f3f3;
	padding: 2rem 3rem;
	margin: 3rem 0 0;
}

.marketing07 .box_under .item .box h5 {
	font-size: 0.9rem;
}

.marketing07 .box_under .item .box p {
	margin: 0;
}

/*///////////////////////////////////////////////////
//
//            ▼ system01 ▼
//
///////////////////////////////////////////////////*/
.system01::before {
	background: url(../images/btob/btob_mv.jpg) center / cover no-repeat;
}

/*///////////////////////////////////////////////////
//
//            ▼ system02 ▼
//
///////////////////////////////////////////////////*/

.system02 {
	background: url(../images/system/system02_bg.jpg) center / cover;
	padding: 8rem 0 8.5rem;
	text-align: center;
	color: #fff;
}

.system02 h2 {
	margin: 0 0 5rem;
	font-size: 2.6rem;
	line-height: 1.8;
}

.system02 p {
	font-size: 1.2rem;
}

/*///////////////////////////////////////////////////
//
//            ▼ system03 ▼
//
///////////////////////////////////////////////////*/

.system03 {
	text-align: center;
	padding: 5rem 0 7rem;
}

.system03 h2 {
	font-size: 2.6rem;
}

.system03 p {
	margin: 3rem 0 0;
}

/*///////////////////////////////////////////////////
//
//            ▼ system04 ▼
//
///////////////////////////////////////////////////*/
.system04 h2 {
	letter-spacing: 0.1rem;
}

.system04 .box .txt .ttl p.str {
	font-size: 1.5rem;
	padding: 0.5rem;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-style: italic;
	font-weight: 600;
}

.system04 .box .txt .ttl p.str::before {
	left: 100%;
	top: 50%;
	transform: translate(0, -50%);
	border-top: 0.35rem solid transparent;
	border-left: 0.5rem solid #f66600;
	border-bottom: 0.35rem solid transparent;
}

.system04 .box .txt .item .ttl .barlow_i {
	font-size: 4rem;
}

.system04_under {
	background: url(../images/system/system04_bg.png) bottom right / 55% no-repeat #f66600;
	padding: 5rem 0;
	color: #fff;
	margin: 6rem 0 0;
	position: relative;
}

.system04_under h4 {
	font-size: 2.4rem;
	margin: 0 0 1rem;
}

.system04_under h5 {
	font-size: 1.6rem;
	color: #ffe400;
	margin: 0 0 2rem;
}

.system04_under p {
	font-size: 0.9rem;
	margin: 0 0 2rem;
}

.system04_under .img {
	top: 5%;
	left: 85%;
	width: 13rem;
	z-index: 10;
	position: absolute;
	transform: translate(-50%, -50%);
}

/*///////////////////////////////////////////////////
//
//            ▼system06 ▼
//
///////////////////////////////////////////////////*/

.system06 {
	background: #f3f3f3;
	padding: 5rem 0 7rem;
}

.system06 h2 {
	font-size: 2.6rem;
	text-align: center;
	line-height: 1.8;
	margin: 0 0 4rem;
}

.system06 .box {
	display: flex;
	justify-content: space-between;
}

.system06 .box .txt {
	width: 48%;
}

.system06 .box .txt h3 {
	background: #000;
	color: #fff;
	font-size: 1.1rem;
	padding: 1rem 2rem;
	margin: 2.5rem 0 2rem;
}

.system06 .box .txt h4 {
	font-size: 1rem;
	margin: 0 0 2rem;
}

.system06 .box .txt .inner {
	background: #fff;
	padding: 2rem 1.5rem;
}

.system06 .box .txt .inner .txt01 {
	font-weight: bold;
	margin: 0 0 0.5rem;
}

.system06 .box .txt .inner .txt02 {
	letter-spacing: 0.15rem;
}

.system06 .box .txt .inner ul {
	padding: 0 0 0 1rem;
	margin: 0 0 1rem;
}

.system06 .box .txt .inner ul li {
	list-style-image: url(../images/system/system06_list_style_img.png);
	letter-spacing: 0;
}

.system06 .box .img {
	width: 48%;
}

/*///////////////////////////////////////////////////
//
//            ▼ support01 ▼
//
///////////////////////////////////////////////////*/
.support01::before {
	background: url(../images/btob/btob_mv.jpg) center / cover no-repeat;
}

/*///////////////////////////////////////////////////
//
//            ▼ support02 ▼
//
///////////////////////////////////////////////////*/


.support02 {
	color: #fff;
	background: url(../images/support/support02_bg.jpg) center / cover;
	padding: 8rem 0 8.5rem;
	text-align: center;
}

.support02 h2 {
	font-size: 2.5rem;
	line-height: 1.8;
	margin: 0 0 3rem;
}

.support02 p {
	margin: 2rem 0 0;
}

/*///////////////////////////////////////////////////
//
//            ▼support03 ▼
//
///////////////////////////////////////////////////*/

.support03 {
	margin: 6rem 0;
}

.support03 h2 {
	font-size: 2.6rem;
	text-align: center;
	margin: 0 0 3rem;
}

.support03 .box01 {
	display: flex;
	justify-content: space-between;
	margin: 0 0 5rem;
}

.support03 .box01 .item {
	border: 1px solid #000;
	width: 31%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.support03 .box01 .item h3 {
	text-align: center;
	font-size: 1.5rem;
	padding: 1.5rem 1rem;
}

.support03 .box01 .item .img img {
	width: 100%;
}

.support03 .box02 .item {
	margin: 0 0 4rem;
}

.support03 .box02 .item h4 {
	font-size: 1.1rem;
	background: #f66600;
	color: #fff;
	padding: 1rem 2rem;
	margin: 0 0 2.5rem
}

.support03 .box02 .item .inner {
	border: 1px solid #c5c5c5;
	background: url(../images/system/system05_bg.png) center / cover;
	padding: 3rem 2.5rem;
}

.support03 .box02 .item .inner h5 {
	font-size: 1rem;
	color: #f66600;
	margin: 0 0 1rem;
}

.support03 .box02 .item .inner h6 {
	font-size: 1rem;
}

/*///////////////////////////////////////////////////
//
//            ▼support04 ▼
//
///////////////////////////////////////////////////*/

.support04 {
	background: #f3f3f3;
	padding: 7rem 0;
	font-size: 0.9rem;
}

.support04 h2 {
	font-size: 2.6rem;
	text-align: center;
	margin: 0 0 6rem;
}

.support04 .box01 {
	position: relative;
}

.support04 .box01 .container::before {
	background: url(../images/support/support_item01.jpg) top left/ cover no-repeat;
	position: absolute;
	left: 0;
	width: 34%;
	min-height: 92%;
	content: "";
}

.support04 .box01 h3 {
	width: 62%;
	margin: 0 0 3rem auto;
	font-size: 1.4rem;
	color: #f66600;
}

.support04 .box01 .item {
	max-width: 62%;
	margin: 0 0 3rem;
	margin-left: auto;
}

.support04 .box01 .item h4 {
	background: #000;
	color: #fff;
	font-size: 1.1rem;
	padding: 1rem 2rem;
	margin: 0 0 2rem;
	text-align: initial;
}

.support04 .box01 .item h5 {
	font-size: 1rem;
}

.support04 .box01 .item .txt01 {
	margin: 2rem 0 2rem;
}

.support04 .box01 .item .inner {
	border: 1px solid #dadada;
	padding: 2rem 3rem;
	margin: 2rem 0 0;
}

.support04 .box01 .item .inner h6 {
	font-size: 1rem;
	color: #f66600;
}

.support04 .box02 .box02_in {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.support04 .box02 .box02_in .item {
	width: 48%;
	background-color: #fff;
	margin: 0 0 4rem;
	border: 5px solid #dadada;
	padding: 2.5rem 2rem 2rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.support04 .box02 .box02_in .item .img {
	height: 120px;
	display: flex;
	align-items: center;
}

.support04 .box02 .box02_in .item .img img {
	width: auto;
	max-height: 100%;
}

.support04 .box02 .box02_in .item .txt {
	margin: 2rem 0 0;
}

.support04 .box02 .box02_in .item .txt h3 {
	font-size: 1.2rem;
	margin: 0 0 1rem;
	text-align: center;
}

.support04 .box02 .box02_in .item .txt span {
	font-size: 1.9rem;
	color: #f66600;
	text-align: center;
	display: block;
}

.support04 .box02 .box02_in_under {
	border: 1px solid #dadada;
	padding: 2rem 3rem;
}

.support04 .box02 .box02_in_under h4 {
	color: #f66600;
	font-size: 1rem;
}

.support04 .box03 .box03_in {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.support04 .box03 .box03_in .item {
	width: 30%;
	background-color: #fff;
	margin: 4rem 0 0;
	border: 5px solid #dadada;
	padding: 2.5rem 2rem 2rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.support04 .box03 .box03_in .item .img {
	height: 120px;
	display: flex;
	align-items: center;
}

.support04 .box03 .box03_in .item .img img {
	width: auto;
	max-height: 100%;
}

.support04 .box03 .box03_in .item .txt {
	margin: 2rem 0 0;
}

.support04 .box03 .box03_in .item .txt h3 {
	font-size: 1.2rem;
	margin: 0 0 1rem;
	text-align: center;
}

.support04 .box03 .box03_in .item .txt span {
	font-size: 1.9rem;
	color: #f66600;
	text-align: center;
	display: block;
}

.support04 .box03 .box03_in .item .txt ul li {
	list-style: disc;
	margin: 0 0 0 1rem;
	letter-spacing: 0.15rem;
}


/*///////////////////////////////////////////////////
//
//            ▼support05 ▼
//
///////////////////////////////////////////////////*/

.support05 {
	background: #fff;
}

.support05 h2 {
	background: #000;
	margin: 0 0 5rem;
	font-size: 2.5rem;
}

.support05 .txt01 {
	text-align: center;
	margin: 0 0 5rem;
}

.support05 .txt02 {
	margin: 0 0 2rem;
}

.support05 .box .txt .ttl p.str {
	padding: 0.5rem 1rem;
}

/*///////////////////////////////////////////////////
//
//            ▼ support06 ▼
//
///////////////////////////////////////////////////*/

.support06 {
	background: #fff;
	margin: 7rem 0;
	padding: 0;
}

.support06 .box {
	padding: 4rem 2rem;
}

.support06 .box p {
	margin: 2rem 0 0;
}

/*///////////////////////////////////////////////////
//
//            ▼ pagination ▼
//
///////////////////////////////////////////////////*/
.pagination ul {
	display: flex;
	justify-content: center;
}

.pagination ul li span,
.pagination ul li a {
	display: block;
	width: 3rem;
	height: 3rem;
	background: #ddd;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	margin: 0 0.5rem;
	transition: .3s;
	text-align: center;
}

.pagination ul li a.first,
.pagination ul li a.last {
	width: 6rem;
}

.pagination ul li a:hover {
	background: #000;
}

.pagination ul li span {
	background: #000;
}

/*///////////////////////////////////////////////////
//
//            ▼ voice01 ▼
//
///////////////////////////////////////////////////*/

.voice01::before {
	background: url(../images/voice/voice01_bg.jpg) center / cover no-repeat;
}

/*///////////////////////////////////////////////////
//
//            ▼voice02 ▼
//
///////////////////////////////////////////////////*/
.voice02 {
	margin: 0 0 8rem;
}

.voice02 .box {
	max-width: 1000px;
	margin: 0 auto;
}

.voice02 .box .item {
	background: #f3f3f3;
	display: flex;
	padding: 3rem;
	justify-content: space-between;
	margin: 0 0 6rem;
}

.voice02 .box .item .img {
	width: 33%;
}

.voice02 .box .item .txt {
	width: 62%;
}

.voice02 .box .item .txt .category {
	font-size: 0.8rem;
	background: #000;
	color: #fff;
	display: inline-block;
	padding: 0 1rem;
	margin: 0 0 0.5rem;
}

.voice02 .box .item .txt .company_name {
	font-size: 1.1rem;
	font-weight: bold;
}

.voice02 .box .item .txt h2 {
	font-size: 1.5rem;
	line-height: 1.6;
	margin: 0 0 1rem;
}


.voice02 .box .item .txt h2 a span {
	color: #f66600;
	border-bottom: 1px solid #f66600;
	transition: .3s;
}

.voice02 .box .item .txt h2 a:hover span {
	border-bottom: 1px solid transparent;
	color: #000;
}

.voice02 .box .item .txt .txt01 {
	font-size: 0.9rem;
	margin: 0 0 3rem;
}

.voice02 .box .item .txt .link a {
	max-width: 265px;
	margin: 0 0 0 auto;
	font-size: 1.2rem;
}

.voice02 .box02 {
	text-align: center;
}

/*///////////////////////////////////////////////////
//
//            ▼voice_detail02 ▼
//
///////////////////////////////////////////////////*/

.voice_detail02 {
	margin: 0 0 8rem;
}

.voice_detail02 .voice_detail02_in {
	border: 1px solid #b2b2b2;
	max-width: 1150px;
	margin: 0 auto;
	padding: 4rem 4rem 2rem;
}

.voice_detail02 .voice_detail02_in .box01 {
	border-bottom: 3px double #5e5e5e;
	padding: 0 0 1rem;
}

.voice_detail02 .voice_detail02_in .box01 .category {
	font-size: 0.8rem;
	background: #000;
	color: #fff;
	display: inline-block;
	padding: 0 1rem;
	margin: 0 0 1rem;
}

.voice_detail02 .voice_detail02_in .box01 .company_name {
	font-size: 1.1rem;
	font-weight: bold;
}

.voice_detail02 .voice_detail02_in .box01 h1 {
	font-size: 1.5rem;
	color: #f66600;
	line-height: 1.6;
	margin: 1rem 0;
}

.voice_detail02 .voice_detail02_in .box02 {
	margin: 3rem 0 0;
	display: flex;
	justify-content: space-between;
}

.voice_detail02 .voice_detail02_in .box02 .img {
	width: 30%;
}

.voice_detail02 .voice_detail02_in .box02 .img .item {
	margin: 0 0 3rem;
}

.voice_detail02 .voice_detail02_in .box02 .blog_area {
	width: 65%;
}

.voice_detail02 .link a {
	font-size: 0.9rem;
	max-width: 270px;
	padding: 1rem 0.5rem;
	margin: 6rem auto 0;
}

.voice_detail02 .post_area * {
	letter-spacing: 0.25rem;
}

.voice_detail02 .post_area p {
	margin: 1.5rem 0;
}

.voice_detail02 .post_area h2 {
	font-size: 1.2rem;
	background: #efefef;
	padding: 1rem;
}

.voice_detail02 .post_area h3 {
	font-size: 1.2rem;
	background: #efefef;
	padding: 1rem;
}

.voice_detail02 .post_area h4 {
	font-size: 1.1rem;
	margin: 2rem 0 1.5rem;
}

.voice_detail02 .post_area h5 {
	font-size: 1.1rem;
	margin: 1.5rem 0;
}

.voice_detail02 .post_area h6 {
	font-size: 1rem;
	margin: 1.5rem 0;
}

.voice_detail02 .post_area ul {
	margin: 1.5rem 0 1.5rem 2rem;
}

.voice_detail02 .post_area ul.blocks-gallery-grid {
	margin: 3rem 0 0;
}

.voice_detail02 .post_area ul li {
	list-style: disc;
}

.voice_detail02 .post_area ol {
	margin: 1.5rem 0 1.5rem 2rem;
}

.voice_detail02 .post_area ol li {
	list-style: decimal;
}

.voice_detail02 .post_area strong {
	font-weight: bold;
}

.voice_detail02 .post_area blockquote {
	background: #eee;
	padding: 2rem;
	position: relative;
}

.voice_detail02 .post_area blockquote::before {
	position: absolute;
	top: 0;
	left: 0;
	content: '“';
	font-size: 3rem;
}

.voice_detail02 .post_area a {
	display: inline;
	color: #f66600;
	text-decoration: underline;
}

.voice_detail02 .post_area a:hover {
	text-decoration: none;
}

.voice_detail02 .post_area img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	margin: 3rem auto 2rem;
}


/*///////////////////////////////////////////////////
//
//            ▼column01 ▼
//
///////////////////////////////////////////////////*/

.column01::before {
	background: url(../images/column/column01_bg.jpg) center / cover no-repeat;
}

/*///////////////////////////////////////////////////
//
//            ▼ column02 ▼
//
///////////////////////////////////////////////////*/

.column02_in {
	display: flex;
	justify-content: space-between;
	margin: 0 0 7rem;
}

.column02_in .box {
	width: 70%;
}

.column02_in .box article {
	display: flex;
	justify-content: space-between;
	margin: 0 0 5rem;
}

.column02_in .box article .img {
	width: 30%;
}

.column02_in .box article .txt {
	width: 65%;
}

.column02_in .box article .txt h2 a {
	font-size: 1.5rem;
	border-bottom: 1px solid #000;
	display: inline-block;
	margin: 0 0 1rem;
	transition: .3s;
}

.column02_in .box article .txt h2 a:hover {
	border-bottom: 1px solid #f66600;
	color: #f66600;
}

.column02_in .box article .txt .inner {
	display: flex;
	align-items: center;
	font-size: 0.9rem;
	margin: 0 0 1.5rem;
}

.column02_in .box article .txt .inner .category {
	margin: 0 1rem 0 0;
}

.column02_in .box article .txt .inner .category a {
	background: #f66600;
	color: #fff;
	display: inline-block;
	padding: 0 1.5rem;
	line-height: 2.5;
}

.column02_in .box article .txt .link a {
	font-size: 1.2rem;
	max-width: 270px;
	margin: 2rem 0 0 auto;
}

.column02_in aside {
	width: 25%;
}

.column02_in aside .side_in {
	border-top: 4px solid #000;
	margin: 0 0 5rem;
}

.column02_in aside h3 {
	font-size: 1.4rem;
	text-align: center;
	padding: 1rem 1rem;
	border-bottom: 1px solid #000;
	margin: 0 0 3rem;
}

.column02_in aside article {
	margin: 2rem 0 0;
}


.column02_in aside article a {
	display: flex;
	justify-content: space-between;
	align-items: center;
}


.column02_in aside article .img {
	width: 30%;
}

.column02_in aside article .txt {
	width: 70%;
	padding: 0 0 0 1rem;
}

.column02_in aside article .txt time {
	font-size: 0.9rem;
	color: #f66600;
	letter-spacing: 0.1rem;
}

.column02_in aside article .txt h4 {
	text-decoration: underline;
	transition: .3s;
}

.column02_in aside article a:hover h4 {
	color: #f66600;
}

.column02_in aside ul li {
	list-style-image: url(../images/column/column02_side_bar_arrow.png);
	margin: 0 0 0.5rem 1rem;
}

.column02_in aside ul li a {
	text-decoration: underline;
}

.column02_in aside ul li a:hover {
	text-decoration: none;
}

/*///////////////////////////////////////////////////
//
//            ▼column_detail02 ▼
//
///////////////////////////////////////////////////*/
.column_detail02_in {
	display: flex;
	justify-content: space-between;
	margin: 0 0 7rem;
}

.column_detail02_in .box {
	width: 70%;
}

.column_detail02_in article h1 {
	font-size: 2rem;
	margin: 0 0 3rem;
	line-height: 1;
}

.column_detail02_in article .img img {
	width: 100%;
}

.column_detail02_in article .inner {
	display: flex;
	align-items: center;
	font-size: 0.9rem;
	margin: 2rem 0 1.5rem;
}

.column_detail02_in article .inner .category {
	margin: 0 1rem 0 0;
}

.column_detail02_in article .inner .category a {
	background: #f66600;
	color: #fff;
	display: inline-block;
	padding: 0 1.5rem;
	line-height: 2.5;
}

.column_detail02_in aside {
	width: 25%;
}

.column_detail02_in aside .side_in {
	border-top: 4px solid #000;
	margin: 0 0 5rem;
}

.column_detail02_in aside h3 {
	font-size: 1.4rem;
	text-align: center;
	padding: 1rem 1rem;
	border-bottom: 1px solid #000;
	margin: 0 0 3rem;
}

.column_detail02_in aside article {
	margin: 2rem 0 0;
}


.column_detail02_in aside article a {
	display: flex;
	justify-content: space-between;
	align-items: center;
}


.column_detail02_in aside article .img {
	width: 30%;
}

.column_detail02_in aside article .txt {
	width: 70%;
	padding: 0 0 0 1rem;
}

.column_detail02_in aside article .txt time {
	font-size: 0.9rem;
	color: #f66600;
	letter-spacing: 0.1rem;
}

.column_detail02_in aside article .txt h4 {
	text-decoration: underline;
	transition: .3s;
}

.column_detail02_in aside article a:hover h4 {
	color: #f66600;
}

.column_detail02_in aside ul li {
	list-style-image: url(../images/column/column02_side_bar_arrow.png);
	margin: 0 0 0.5rem 1rem;
}

.column_detail02_in aside ul li a {
	text-decoration: underline;
}

.column_detail02_in aside ul li a:hover {
	text-decoration: none;
}

.column_detail02_in .post_area * {
	letter-spacing: 0.25rem;
}

.column_detail02_in .post_area p {
	margin: 1.5rem 0;
}

.column_detail02_in .post_area h2 {
	font-size: 1.3rem;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	padding: 1rem 0;
	margin: 2.5rem 0;
}

.column_detail02_in .post_area h3 {
	font-size: 1.2rem;
	background: #000;
	color: #fff;
	padding: 1rem;
	margin: 2rem 0;
}

.column_detail02_in .post_area h4 {
	font-size: 1.1rem;
	margin: 2rem 0 1.5rem;
}

.column_detail02_in .post_area h5 {
	font-size: 1.1rem;
	margin: 1.5rem 0;
}

.column_detail02_in .post_area h6 {
	font-size: 1rem;
	margin: 1.5rem 0;
}

.column_detail02_in .post_area ul {
	margin: 1.5rem 0 1.5rem 2rem;
}

.column_detail02_in .post_area ul.blocks-gallery-grid {
	margin: 3rem 0 0;
}

.column_detail02_in .post_area ul li {
	list-style: disc;
}

.column_detail02_in .post_area ol {
	margin: 1.5rem 0 1.5rem 2rem;
}

.column_detail02_in .post_area ol li {
	list-style: decimal;
}

.column_detail02_in .post_area strong {
	font-weight: bold;
}

.column_detail02_in .post_area blockquote {
	background: #eee;
	padding: 2rem;
	position: relative;
}

.column_detail02_in .post_area blockquote::before {
	position: absolute;
	top: 0;
	left: 0;
	content: '“';
	font-size: 3rem;
}

.column_detail02_in .post_area a {
	display: inline;
	color: #f66600;
	text-decoration: underline;
}

.column_detail02_in .post_area a:hover {
	text-decoration: none;
}

.column_detail02_in .post_area img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	margin: 3rem auto 2rem;
}

/*///////////////////////////////////////////////////
//
//            ▼ news01 ▼
//
///////////////////////////////////////////////////*/

.news01::before {
	background: url(../images/news/news01_bg.jpg) center / cover no-repeat;
}

/*///////////////////////////////////////////////////
//
//            ▼ news02 ▼
//
///////////////////////////////////////////////////*/
.news02 {
	margin: 0 0 8rem;
}

.news02 .news02_in {
	max-width: 1080px;
	margin: 0 auto 3rem;
	background: #f7f7f7;
	padding: 3rem 5rem 5rem;
}

.news02 .news02_in article {
	padding: 2rem 0;
	border-bottom: 1px dotted #999999;
}

.news02 .news02_in article a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: .3s;
}

.news02 .news02_in article a:hover {
	background: #fff;
}

.news02 .news02_in article time {
	background: #000;
	color: #fff;
	padding: 0.25rem 1rem;
	text-align: center;
	width: 15%;
	letter-spacing: 0.1rem;
}

.news02 .news02_in article h2 {
	font-size: 0.9rem;
	width: 82%;
}

/*///////////////////////////////////////////////////
//
//            ▼news_detail02 ▼
//
///////////////////////////////////////////////////*/

.news_detail02 {
	margin: 0 0 8rem;
}

.news_detail02_in {
	max-width: 1080px;
	margin: 0 auto 5rem;
	background: #f7f7f7;
	padding: 3rem 5rem 5rem;
}

.news_detail02 .news_detail02_in .ttl {
	border-bottom: 1px dotted #999999;
	padding: 0 0 1rem;
	margin: 0 0 1.5rem;
}

.news_detail02 .news_detail02_in .ttl time {
	background: #000;
	color: #fff;
	padding: 0 1rem;
	text-align: center;
	letter-spacing: 0.1rem;
	display: inline-block;
	margin: 0 0 1rem;
}

.news_detail02 .news_detail02_in .ttl h1 {
	font-size: 1.1rem;
}

.news_detail02 .link a {
	font-size: 1rem;
	max-width: 270px;
	padding: 1rem 0.5rem;
}

.news_detail02 .post_area * {
	letter-spacing: 0.25rem;
}

.news_detail02 .post_area p {
	margin: 0 0 1rem;
}

.news_detail02 .post_area h2 {
	font-size: 1.2rem;
	margin: 0 0 1rem;
}

.news_detail02 .post_area h3 {
	font-size: 1.2rem;
	margin: 0 0 1rem;
}

.news_detail02 .post_area h4 {
	font-size: 1.1rem;
	margin: 0 0 1rem;
}

.news_detail02 .post_area h5 {
	font-size: 1.1rem;
	margin: 0 0 1rem;
}

.news_detail02 .post_area h6 {
	font-size: 1rem;
	margin: 0 0 1rem;
}

.news_detail02 .post_area ul {
	margin: 1.5rem 0 1.5rem 2rem;
}

.news_detail02 .post_area ul.blocks-gallery-grid {
	margin: 3rem 0 0;
}

.news_detail02 .post_area ul li {
	list-style: disc;
}

.news_detail02 .post_area ol {
	margin: 1.5rem 0 1.5rem 2rem;
}

.news_detail02 .post_area ol li {
	list-style: decimal;
}

.news_detail02 .post_area strong {
	font-weight: bold;
}

.news_detail02 .post_area blockquote {
	background: #eee;
	padding: 2rem;
	position: relative;
}

.news_detail02 .post_area blockquote::before {
	position: absolute;
	top: 0;
	left: 0;
	content: '“';
	font-size: 3rem;
}

.news_detail02 .post_area a {
	display: inline;
	color: #aaa;
}

.news_detail02 .post_area img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	margin: 3rem auto 2rem;
}

/*///////////////////////////////////////////////////
//
//            ▼ contact01 ▼
//
///////////////////////////////////////////////////*/

.contact01::before {
	background: url(../images/contact/contact01_bg.jpg) center / cover no-repeat;
}

/*///////////////////////////////////////////////////
//
//            ▼ contact02 ▼
//
///////////////////////////////////////////////////*/
.contact02 {
	margin: 0 0 5rem;
}

.contact02 .contact02_in {
	max-width: 860px;
	margin: 0 auto;
}

.contact02 .contact02_in .att {
	text-align: center;
	margin: 0 0 4rem;
}

.contact02 .contact02_in .att02 {
	text-align: center;
	font-size: 0.9rem;
}

.contact02 .contact02_in .att02 a {
	text-decoration: underline;
	display: inline;
}

.contact02 .contact02_in ul {
	display: flex;
	justify-content: space-between;
}

.contact02 .contact02_in ul li {
	width: 31%;
	border: 1px solid #b2b2b2;
}

.contact02 .contact02_in ul .active {
	color: #fff;
	background: #f66600;
	border: none;
}

.contact02 .contact02_in ul li {
	text-align: center;
	padding: 1.5rem 3rem;
	font-weight: normal;
	font-size: 0.9rem;
}

.contact02 .box {
	margin: 3rem 0;
}

.contact02 .box .item {
	margin: 3rem 0 0;

}

.contact02 .box .item .label {
	font-size: 1rem;
	font-weight: bold;
	margin: 0 0 0.5rem;
}

.contact02 .box .item .label .require {
	color: red;
}


.contact02 .box .item .input_area input,
.contact02 .box .item .input_area textarea {
	background: #f0f0f0;
	width: 100%;
	font-size: 16px;
	border: none;
	padding: 1.5rem;
}

.contact02 .box .item .input_area *::placeholder {
	color: #a3a3a3;
}

.contact02 .box .submit_btn {
	text-align: center;
	margin: 3rem 0 0;
	display: flex;
	justify-content: center;
}

.contact02 .box .submit_btn button {
	width: 300px;
	background: #000;
	border: 1px solid #000;
	transition: .3s;
	color: #fff;
	padding: 1rem;
	margin: 0 1rem;
	cursor: pointer;
}

.contact02 .box .submit_btn button:hover {
	background: #fff;
	color: #000;
}

/*///////////////////////////////////////////////////
//
//            ▼ confirm02 ▼
//
///////////////////////////////////////////////////*/
.confirm02 .box .item .label {
	background: #f0f0f0;
	padding: 1.5rem;
}

.contact02 .box .submit_btn button.back {
	background: #999999;
	border: 1px solid #999999;
}

.contact02 .box .submit_btn button.send {
	background: #f66600;
	border: 1px solid #f66600;
}

.contact02 .box .submit_btn button.back:hover {
	color: #999999;
	background: #fff;
}

.contact02 .box .submit_btn button.send:hover {
	color: #f66600;
	background: #fff;
}

/*///////////////////////////////////////////////////
//
//            ▼ thanks02 ▼
//
///////////////////////////////////////////////////*/
.thanks02 .box {
	text-align: center;
}

.thanks02 .box .link {
	margin-top: 3rem;
}

/*///////////////////////////////////////////////////
//
//            ▼ privacypolicy01 ▼
//
///////////////////////////////////////////////////*/

.privacypolicy01::before {
	background: url(../images/privacypolicy/privacypolicy01_bg.jpg) center / cover no-repeat;
}


/*///////////////////////////////////////////////////
//
//            ▼privacypolicy02 ▼
//
///////////////////////////////////////////////////*/

.privacypolicy02 {
	padding: 0 0 8rem;
}

.privacypolicy02 .privacypolicy02_in {
	max-width: 1080px;
	margin: 0 auto;
	background: #f7f7f7;
	font-size: 0.9rem;
	padding: 6rem;
}

.privacypolicy02 .privacypolicy02_in .txt01 {
	margin: 0 0 3rem;
}

.privacypolicy02 .privacypolicy02_in h2 {
	font-size: 1.1rem;
	border-bottom: 1px dotted #999999;
	padding: 0 0 1rem;
	margin: 0 0 2rem;
}

.privacypolicy02 .privacypolicy02_in ul {
	margin: 0 0 3rem;
}

.privacypolicy02 .privacypolicy02_in ul li:before {
	content: "●";
}




/*///////////////////////////////////////////////////
//
//            ▼ 投稿エリア ▼
//
///////////////////////////////////////////////////*/


/* .post_area * {
	letter-spacing: 0.25rem;
}

.post_area p {
	margin: 1.5rem 0;
}

.post_area h2 {
	font-size: 1.2rem;
	background: #efefef;
	margin: 3rem 0 2rem;
}

.post_area h3 {
	font-size: 1.5rem;
	margin: 2, 5rem 0 2rem;
}

.post_area h4 {
	font-size: 1.25rem;
	margin: 2rem 0 1.5rem;
}

.post_area h5 {
	font-size: 1.1rem;
	margin: 1rem 0;
	margin: 1.5rem 0;
}

.post_area h6 {
	font-size: 1rem;
	margin: 1.5rem 0;
}

.post_area ul {
	margin: 1.5rem 0 1.5rem 2rem;
}

.post_area ul.blocks-gallery-grid {
	margin: 3rem 0 0;
}

.post_area ul li {
	list-style: disc;
}

.post_area ol {
	margin: 1.5rem 0 1.5rem 2rem;
}

.post_area ol li {
	list-style: decimal;
}

.post_area strong {
	font-weight: bold;
}

.post_area blockquote {
	background: #eee;
	padding: 2rem;
	position: relative;
}

.post_area blockquote::before {
	position: absolute;
	top: 0;
	left: 0;
	content: '“';
	font-size: 3rem;
}

.post_area a {
	display: inline;
	color: #aaa;
}

.post_area img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	margin: 3rem auto 2rem;
} */



/*///////////////////////////////////////////////////
//
//            ▼ お問い合わせ（Contactform7） ▼
//
///////////////////////////////////////////////////*/
.wpcf7 {
	position: relative;
}

.ajax-loader {
	position: absolute;
	top: 50%;
	left: 110%;
	transform: translate(-50%, -50%);
}

span.wpcf7-not-valid-tip {
	position: absolute;
	bottom: -20px;
	left: 10px;
	font-size: 12px;
}

.your_msg span.wpcf7-not-valid-tip {
	bottom: -15px;
}

div.wpcf7-response-output {
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	color: #f00;
	font-size: 14px;
}

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

.privacypolicy01 .box {
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
}

.privacypolicy01 .box h1 {
	font-size: 2rem;
	text-align: center;
	margin: 0 0 2rem;
}

.privacypolicy01 .box h2 {
	font-size: 1.5rem;
	margin: 3rem 0 1rem;
}

.privacypolicy01 .box ol {
	margin: 1rem 0 1rem 2rem;
}

.privacypolicy01 .box ol li {
	list-style: decimal;
	margin: 0.5rem 0;
}

.privacypolicy01 .box ul {
	margin: 1rem 0 1rem 2rem;
}

.privacypolicy01 .box ul li {
	list-style: disc;
}

.privacypolicy01 .box ul li ol {
	margin: 0rem 0 1.5rem 2rem;
}

.privacypolicy01 .box ul li ol li {
	list-style: decimal;
}

.privacypolicy01 .box .right {
	text-align: right;
}

/*///////////////////////////////////////////////////
//
//            ▼ IE対策 ▼
//
///////////////////////////////////////////////////*/

@media all and (-ms-high-contrast: none) {}


/*------------------追加css20220222-----------------*/
/*------  blue  ------*/
.btob01 .lower_ttl02 {
	font-size: 3rem;
	color: #fff;
	background: #00489b;
	padding: 1rem 6rem;
	display: inline-block;
	font-weight: bold;
}
.btob02_blue p {
	font-size: 1.5rem;
	line-height: 2.4;
}

.btob02_blue p+p {
	margin: 4rem 0 0;
}
.service01_blue {
	background: url(../images/btob/5001366_m02.jpg) center / cover no-repeat;
}

.service01_blue .marketing02 p {
	font-size: 1.5rem;
}
.btob03_blue {
	padding: 6rem 0 5rem;
}

.btob03_blue h2 {
	text-align: center;
	font-size: 2.5rem;
	margin: 0 0 4rem;
}

.btob03_blue .box {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.btob03_blue .item {
	width: 45%;
	border: 1px solid #000;
	text-align: center;
	margin: 0 0 3.5rem;
	padding: 3rem 1rem;
	background: url(../images/btob/btob03_item.png) 0 0 / 35% auto no-repeat;
}
.btob03_blue .box .item h3 {
	font-size: 2.2rem;
	color: #00489b;
}

.btob03_blue  .box .item p {
	font-size: 1.2rem;
	font-weight: bold;
}

.btob03_blue  p {
	text-align: center;
}

/*///////////////////////////////////////////////////
//
//            ▼ service03_blue ▼
//
///////////////////////////////////////////////////*/

.service03_blue h2 {
	text-align: center;
	color: #fff;
	background: #00489b;
	font-size: 1.8rem;
	padding: 2rem 0;
}

.service03_blue .box {
	display: flex;
}

.service03_blue .box.re {
	flex-direction: row-reverse;
}

.service03_blue .box .img {
	width: 50%;
	max-height: 42rem;
	min-height: 40rem;
}

.service03_blue .box .img img {
	width: 100%;
}

.service03_blue .box .txt {
	width: 50%;
	background: url(../images/coommon/service03_item_bg.png) top right / 45% 55% no-repeat;
	display: flex;
	align-items: center;
}


.service03_blue .box .txt .item {
	max-width: 640px;
	width: 90%;
	padding: 0 3rem 0 0;
	margin-left: auto;
}

.service03_blue .box.re .txt .item {
	margin-left: 0;
	padding: 0 0 0 4rem;

}

.service03_blue .box .txt .ttl {
	display: flex;
	align-items: center;
}

.service03_blue .box .txt .ttl p.str {
	background: #00489b;
	font-size: 1.2rem;
	color: #fff;
	padding: 0.25rem 1rem;
	margin-left: 0;
	position: relative;
}

.service03_blue .box .txt .ttl p.str::before {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%, 0);
	content: '';
	display: block;
	border-top: 0.75rem solid #00489b;
	border-left: 0.5rem solid transparent;
	border-right: 0.5rem solid transparent;
	border-bottom: 0.75rem solid transparent;
	width: 0;
	height: 0;
}

.service03_blue .box .txt .ttl p {
	font-size: 5rem;
	color: #00489b;
	margin-left: 1rem;
	line-height: 1;
	font-weight: 500;
}

.service03_blue .box .item h3 {
	font-size: 2rem;
	margin: 0.5rem 0 1rem;
	line-height: 1.8;
}

.service03_blue .box .txt .item ul {
	margin-left: 2rem;
}

.service03_blue .box .txt .item ul li {
	list-style: disc;
	margin: 0.5rem 0 0;
}

.service03_blue .box .inner {
	position: relative;
	margin: 3rem 0 0;
}

.service03_blue .box .inner h4 {
	color: #fff;
	background: #000;
	display: inline-block;
	padding: 0 1rem;
	position: absolute;
	top: 0;
	left: 1.8rem;
	transform: translate(0, -50%);
}

.service03_blue .box .inner p {
	font-size: 0.9rem;
	background: #f0f0f0;
	padding: 1.8rem;
	letter-spacing: 0.02rem;
}

/*///////////////////////////////////////////////////
//
//            ▼ btob07_blue ▼
//
///////////////////////////////////////////////////*/

.btob07_blue {
	background: url(../images/btob/btob07_bg.png) center / contain;
	padding: 8rem 0;
}

.btob07_blue h2 {
	text-align: center;
	font-size: 2rem;
	margin: 0 0 5rem;
}

.btob07_blue h3 {
	background: #00489b;
	font-size: 1.1rem;
	color: #fff;
	padding: 1rem 2rem;
	margin: 0 0 3.5rem;
}

.btob07_blue .box {
	margin: 0 0 5rem;
	display: flex;
	justify-content: space-between;
}

.btob07_blue .box .item {
	width: 30%;
	border: 1px solid #000;
	padding: 2rem;
	background: #fff;
	display: flex;
	flex-direction: column;
}

.btob07_blue .box .item h4 {
	text-align: center;
	font-size: 1.5rem;
	margin: 0 0 2rem;
	height: 20%;
}

.btob07_blue .box .item .inner {
	min-height: initial;
	padding: 1.5rem 2rem;
	background: #ececec;
	padding: 2rem 3rem;
	height: 80%;
}

.btob07_blue .box .item .inner p {
	margin: 0;
}

.btob07_blue .under {
	flex-wrap: wrap;
	justify-content: space-between;
}

.btob07_blue .under .item {
	background: #fff;
	width: 48%;
	margin: 0 0 3.5rem;
}

.btob07_blue .under .item .inner {
	min-height: initial;
	padding: 1.5rem 3rem;
}

.btob07_blue .under .item .inner ul li {
	list-style: disc;
}

.btob07_blue .btob07_blue_under {
	position: relative;
}

.btob07_blue_under::before {
	background: url(../images/btob/btob07_under_img.jpg) top right/ cover no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	width: 32%;
	height: 90%;
	content: "";
}

.btob07_blue .btob07_blue_under .item {
	width: 65%;
}

.btob07_blue .btob07_blue_under .item h3 {
	margin: 0 0 2rem;
}

.btob07_blue .btob07_blue_under .item .txt01 {
	margin: 0;
}

.btob07_blue .btob07_blue_under .item ul li {
	list-style: disc;
	margin: 0 0 0 1.5rem;
	font-size: 0.8rem;
	line-height: 2.6;
}

.btob07_blue .btob07_blue_under .item .txt02 {
	margin: 2rem 0;
}

.btob07_blue .btob07_blue_under .item_in {
	display: flex;
}

.btob07_blue .btob07_blue_under .item_in .black {
	background: #000;
	color: #fff;
	width: 30%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.btob07_blue .btob07_blue_under .item_in .black p {
	margin: 0;
}

.btob07_blue .btob07_blue_under .item_in .gray {
	background: #f3f3f3;
	width: 70%;
	padding: 2rem 3rem;
}

.btob07_blue .btob07_blue_under .item_in .gray ul li {
	list-style: none;
	margin: 0;
	font-size: 0.9rem;
}

.btob07_blue .btob07_blue_under .item_in .gray ul li:before {
	content: "■";
	margin: 0 0.5rem 0 0;
}


.lower_cta_blue {
	background: url(../images/coommon/lower_cta_bg_blue.jpg) center / cover;
	padding: 6rem 0 6.5rem;
}

.lower_cta_blue p {
	text-align: center;
	font-size: 1.6rem;
	color: #fff;
	margin: 0 0 2rem;
}

.lower_cta_blue .link a {
	max-width: 370px;
}

.lower_cta_blue2 {
	background: url(../images/coommon/lower_cta_bg_blue01.jpg) center / cover;
	padding: 6rem 0 6.5rem;
	margin: 60px 0;
}

.lower_cta_blue2 p {
	text-align: center;
	font-size: 1.6rem;
	color: #fff;
	margin: 0 0 2rem;
}

.lower_cta_blue2 .link a {
	max-width: 370px;
}

/*---------  green  ---------*/

.service01_green .lower_ttl_green {
	font-size: 3rem;
	color: #fff;
	background: #008f18;
	padding: 1rem 6rem;
	display: inline-block;
	font-weight: bold;
}
.service01_green {
	background: url(../images/btob/5136359_m.jpg) center / cover no-repeat;
}

.marketing02_green {
	color: #fff;
	text-align: center;
	background: url(../images/marketing/marketing02_bg.jpg) center / cover;
	padding: 8rem 0 8.5rem;

}

.marketing02_green h2 {
	font-size: 2.8rem;
	margin: 0 0 5rem;
	line-height: 1.6;
}

.marketing02_green p {
	font-size: 2rem;
}



/*///////////////////////////////////////////////////
//
//            ▼ service03_green ▼
//
///////////////////////////////////////////////////*/

.service03_green h2 {
	text-align: center;
	color: #fff;
	background: #008f18;
	font-size: 1.8rem;
	padding: 2rem 0;
}

.service03_green .box {
	display: flex;
}

.service03_green .box.re {
	flex-direction: row-reverse;
}

.service03_green .box .img {
	width: 50%;
	max-height: 42rem;
	min-height: 40rem;
}

.service03_green .box .img img {
	width: 100%;
}

.service03_green .box .txt {
	width: 50%;
	background: url(../images/coommon/service03_item_bg.png) top right / 45% 55% no-repeat;
	display: flex;
	align-items: center;
}


.service03_green .box .txt .item {
	max-width: 640px;
	width: 90%;
	padding: 0 3rem 0 0;
	margin-left: auto;
}

.service03_green .box.re .txt .item {
	margin-left: 0;
	padding: 0 0 0 4rem;

}

.service03_green .box .txt .ttl {
	display: flex;
	align-items: center;
}

.service03_green .box .txt .ttl p.str {
	background: #008f18;
	font-size: 1.2rem;
	color: #fff;
	padding: 0.25rem 1rem;
	margin-left: 0;
	position: relative;
}

.service03_green .box .txt .ttl p.str::before {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%, 0);
	content: '';
	display: block;
	border-top: 0.75rem solid #008f18;
	border-left: 0.5rem solid transparent;
	border-right: 0.5rem solid transparent;
	border-bottom: 0.75rem solid transparent;
	width: 0;
	height: 0;
}

.service03_green .box .txt .ttl p {
	font-size: 5rem;
	color: #008f18;
	margin-left: 1rem;
	line-height: 1;
	font-weight: 500;
}

.service03_green .box .item h3 {
	font-size: 2rem;
	margin: 0.5rem 0 1rem;
	line-height: 1.8;
}

.service03_green .box .txt .item ul {
	margin-left: 2rem;
}

.service03_green .box .txt .item ul li {
	list-style: disc;
	margin: 0.5rem 0 0;
}

.service03_green .box .inner {
	position: relative;
	margin: 3rem 0 0;
}

.service03_green .box .inner h4 {
	color: #fff;
	background: #000;
	display: inline-block;
	padding: 0 1rem;
	position: absolute;
	top: 0;
	left: 1.8rem;
	transform: translate(0, -50%);
}

.service03_green .box .inner p {
	font-size: 0.9rem;
	background: #f0f0f0;
	padding: 1.8rem;
	letter-spacing: 0.02rem;
}

.marketing03 .marketing03_under_green {
	background: #008f18;
	padding: 5rem 0 7rem;
	color: #fff;
	position: relative;
}

.marketing03 .marketing03_under_green h4 {
	font-size: 1.7rem;
	margin: 0 0 1.6rem;
	z-index: 10;
	position: relative;
}

.marketing03 .marketing03_under_green p {
	font-size: 1.2rem;
	margin: 0 0 4rem;
}


/*///////////////////////////////////////////////////
//
//            ▼marketing04_green ▼
//
///////////////////////////////////////////////////*/

.marketing04_green {
	background: url(../images/webproduction/webproduction10_bg.png) center / contain;
	padding: 7rem 0;
}

.marketing04_green h2 {
	font-size: 2.6rem;
	text-align: center;
	line-height: 1.8;
	margin: 0 0 5rem;
}

.marketing04_green .box02 {
	display: flex;
	justify-content: space-between;
}

.marketing04_green .box02 .item {
	border: 5px solid #dadada;
	padding: 2rem 0.5rem 0.5rem;
	width: 30%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;

}

.marketing04_green .box02 .item h3 {
	text-align: center;
	position: relative;
	padding: 0 0 1.5rem;
	margin: 0 0 2rem;
}

.marketing04_green .box02 .item h3:before {
	position: absolute;
	content: "";
	width: 50px;
	height: 5px;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
	background: #008f18;
}

.marketing04_green .box02 .item ul {
	padding: 0 1rem;
	margin: 0 0 2rem;
	font-size: 0.9rem;
}

.marketing04_green .box02 .item p {
	background: #008f18;
	color: #fff;
	padding: 1rem;
	text-align: center;
}

.marketing04_green .box02 .item ul li:before {
	content: "■";
	color: #008f18;
	margin: 0 0.5rem 0 0;
}


/*///////////////////////////////////////////////////
//
//            ▼marketing07_green ▼
//
///////////////////////////////////////////////////*/

.marketing07_green {
	margin: 6rem 0 5rem;
}

.marketing07_green h2 {
	text-align: center;
	font-size: 2.6rem;
	margin: 0 0 3rem;
}

.marketing07_green h3 {
	text-align: center;
	font-size: 1.6rem;
	color: #fff;
	background: #000;
	padding: 1.5rem;
	font-weight: normal;
	margin: 0 0 4rem;
}


.marketing07_green .box01 .item {
	display: flex;
	justify-content: space-between;
}

.marketing07_green .box01 .item .txt p {
	margin: 0 0 2.5rem;
}

.marketing07_green .box01 .item .txt,
.marketing07_green .box01 .item .img {
	width: 48%;
}

.marketing07_green .box02 {
	text-align: center;
	margin: 4rem 0 0;
}

.marketing07_green .box02 .txt01 {
	font-size: 1.5rem;
	font-weight: bold;
	background: #fffcf5;
	border: 1px solid #008f18;
	width: 90%;
	max-width: 725px;
	margin: 0 auto 3rem;
	padding: 2.5rem 0.5rem;
}

.marketing07_green .box02 .txt02 {
	font-size: 1.1rem;
}

.marketing07_green .box03 {
	background: #008f18;
	padding: 3rem 0 5rem;
	margin: 5rem 0 0;
}

.marketing07_green .box03_in {
	display: flex;
	justify-content: space-between;
}

.marketing07_green .box03_in .item {
	margin: 2rem 0 0;
	width: 18%;
	border: 1px solid #fff;
	color: #fff;
	background: url(../images/marketing/marketing07_box03_in_item.png) top right / 50% 50% no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 5rem 1rem;
}

.marketing07_green .box03_in .item p {
	font-size: 2.8rem;
	color: #000;
	font-weight: 600;
	position: absolute;
	top: 0;
	left: 0.5rem;
	line-height: 1;
}

.marketing07_green .box03_in .item h4 {
	font-size: 1.1rem;
	text-align: center;
}

.marketing07_green .box_under {
	position: relative;
	padding: 6rem 0 0;
}

.marketing07_green .box_under::before {
	background: url(../images/marketing/marketing07_box_under_item.jpg) bottom left/ cover no-repeat;
	position: absolute;
	left: 0;
	width: 32%;
	min-height: 68%;
	content: "";
}

.marketing07_green .box_under .item {
	width: 65%;
	margin: 0 0 4rem;
	margin-left: auto;
}

.marketing07_green .box_under .item h3 {
	background: #000;
	color: #fff;
	font-size: 1.1rem;
	padding: 1rem 2rem;
	margin: 0 0 3rem;
	text-align: initial;
}

.marketing07_green .box_under .item p {
	font-size: 0.9rem;
	margin: 2rem 0 2rem;
}

.marketing07_green .box_under .item .box {
	background: #f3f3f3;
	padding: 2rem 3rem;
	margin: 3rem 0 0;
}

.marketing07_green .box_under .item .box h5 {
	font-size: 0.9rem;
}

.marketing07_green .box_under .item .box p {
	margin: 0;
}

.lower_cta_green {
	background: url(../images/coommon/lower_cta_bg_green.jpg) center / cover;
	padding: 6rem 0 6.5rem;
}

.lower_cta_green p {
	text-align: center;
	font-size: 1.6rem;
	color: #fff;
	margin: 0 0 2rem;
}

.lower_cta_green .link a {
	max-width: 370px;
}


.lower_cta_green2 {
	background: url(../images/coommon/lower_cta_bg_green01.jpg) center / cover;
	padding: 6rem 0 6.5rem;	
	margin: 60px 0;
}

.lower_cta_green2 p {
	text-align: center;
	font-size: 1.6rem;
	color: #fff;
	margin: 0 0 2rem;
}

.lower_cta_green2 .link a {
	max-width: 370px;
}


/*---------  pink  ---------*/

.service01_pink .lower_ttl_pink {
	font-size: 3rem;
	color: #fff;
	background: #c400a3;
	padding: 1rem 6rem;
	display: inline-block;
	font-weight: bold;
}
.service01_pink {
	background: url(../images/btob/22772734_m02.jpg) center / cover no-repeat;
}

.service01_pink .marketing02 p {
	font-size: 1.5rem;
}
/*///////////////////////////////////////////////////
//
//            ▼ service03_pink ▼
//
///////////////////////////////////////////////////*/

.service03_pink h2 {
	text-align: center;
	color: #fff;
	background: #c400a3;
	font-size: 1.8rem;
	padding: 2rem 0;
}

.service03_pink .box {
	display: flex;
}

.service03_pink .box.re {
	flex-direction: row-reverse;
}

.service03_pink .box .img {
	width: 50%;
	max-height: 42rem;
	min-height: 40rem;
}

.service03_pink .box .img img {
	width: 100%;
}

.service03_pink .box .txt {
	width: 50%;
	background: url(../images/coommon/service03_item_bg.png) top right / 45% 55% no-repeat;
	display: flex;
	align-items: center;
}


.service03_pink .box .txt .item {
	max-width: 640px;
	width: 90%;
	padding: 0 3rem 0 0;
	margin-left: auto;
}

.service03_pink .box.re .txt .item {
	margin-left: 0;
	padding: 0 0 0 4rem;

}

.service03_pink .box .txt .ttl {
	display: flex;
	align-items: center;
}

.service03_pink .box .txt .ttl p.str {
	background: #c400a3;
	font-size: 1.2rem;
	color: #fff;
	padding: 0.25rem 1rem;
	margin-left: 0;
	position: relative;
}

.service03_pink .box .txt .ttl p.str::before {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%, 0);
	content: '';
	display: block;
	border-top: 0.75rem solid #c400a3;
	border-left: 0.5rem solid transparent;
	border-right: 0.5rem solid transparent;
	border-bottom: 0.75rem solid transparent;
	width: 0;
	height: 0;
}

.service03_pink .box .txt .ttl p {
	font-size: 5rem;
	color: #c400a3;
	margin-left: 1rem;
	line-height: 1;
	font-weight: 500;
}

.service03_pink .box .item h3 {
	font-size: 2rem;
	margin: 0.5rem 0 1rem;
	line-height: 1.8;
}

.service03_pink_pink .box .txt .item ul {
	margin-left: 2rem;
}

.service03_pink .box .txt .item ul li {
	list-style: disc;
	margin: 0.5rem 0 0;
}

.service03_pink .box .inner {
	position: relative;
	margin: 3rem 0 0;
}

.service03_pink .box .inner h4 {
	color: #fff;
	background: #000;
	display: inline-block;
	padding: 0 1rem;
	position: absolute;
	top: 0;
	left: 1.8rem;
	transform: translate(0, -50%);
}

.service03_pink .box .inner p {
	font-size: 0.9rem;
	background: #f0f0f0;
	padding: 1.8rem;
	letter-spacing: 0.02rem;
}


/*///////////////////////////////////////////////////
//
//            ▼webproduction03 ▼
//
///////////////////////////////////////////////////*/

.webproduction03_under_pink {
	padding: 5rem 0;
	position: relative;
}

.webproduction03_under_pink .txt01 {
	font-size: 1.9rem;
	font-weight: bold;
}

.webproduction03_under_pink .txt02 {
	font-size: 2.2rem;
	color: #c400a3;
	font-weight: bold;
	line-height: 1.6;
	margin: 0 0 3rem;
}

.webproduction03_under_pink .box {
	background: #f2d6ff;
	display: inline-block;
	padding: 2rem 3rem;
}

.webproduction03_under_pink .box p {
	font-size: 1rem;
}

.webproduction03_under_pink .fig01,
.webproduction03_under_pink .fig02 {
	position: absolute;
	transform: translate(-50%, 0);
}

.webproduction03_under_pink .fig01 img,
.webproduction03_under_pink .fig02 img,
.webproduction03_under_pink .img img {
	width: 100%;
}

.webproduction03_under_pink .fig01 {
	top: 0;
	left: 85%;
	width: 11rem;
}

.webproduction03_under_pink .fig02 {
	top: 10rem;
	left: 65%;
	width: 13rem;
}

.webproduction03_under_pink .img {
	top: 90%;
	left: 85%;
	width: 10rem;
	z-index: 10;
	position: absolute;
	transform: translate(-50%, -50%);
}

/*///////////////////////////////////////////////////
//
//            ▼webproduction04_pink ▼
//
///////////////////////////////////////////////////*/


.webproduction04_pink {
	background: #c400a3;
	padding: 6rem 0 2rem;
}

.webproduction04_pink .box {
	display: flex;
	justify-content: space-between;
}

.webproduction04_pink .box .img {
	width: 25%;
}

.webproduction04_pink .box .img img {
	width: 100%;
	height: 90%;
}

.webproduction04_pink .box .txt {
	width: 70%;
	color: #fff;
}

.webproduction04_pink .box .txt .txt01 {
	font-size: 1.5rem;
	margin: 0 0 2rem;
}

.webproduction04_pink .box .txt .txt01 span {
	font-size: 1.5em;
	line-height: 1.4;
}

.webproduction04_pink .box .txt .txt02 {
	margin: 0 0 2rem;
}



/*///////////////////////////////////////////////////
//
//            ▼webproduction05 ▼
//
///////////////////////////////////////////////////*/

.webproduction05_pink {
	position: relative;
	margin: 7rem 0 2rem;
}

.webproduction05_pink::before {
	background: url(../images/webproduction/webproduction05_item.jpg) top right/ cover no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	width: 30%;
	min-height: 38%;
	content: "";
}

.webproduction05_pink .webproduction05_pink_in {
	width: 65%;
	margin: 0 0 5rem;
}

.webproduction05_pink .webproduction05_pink_in h4 {
	background: #000;
	color: #fff;
	font-size: 1.1rem;
	padding: 1rem 2rem;
	margin: 0 0 3rem;
}

.webproduction05_pink .webproduction05_pink_in p {
	font-size: 0.9rem;
	margin: 2rem 0 2rem;
}

.webproduction05_pink .webproduction05_pink_in .box {
	background: #f3f3f3;
	padding: 2rem 3rem;
}

.webproduction05_pink .webproduction05_pink_in .box ul li:before {
	content: "■";
	margin: 0 0.5rem 0 0;
}

.webproduction05_pink .item_under {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 8rem 0 0;
}

.webproduction05_pink .item_under .item {
	width: 30%;
	height: auto;
	border: 1px solid #000;
	padding: 5rem 1rem;
	margin: 0 0 4.5rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}


.webproduction05_pink .item_under .img {
	margin: auto 0;
	max-width: 80px;
}

.webproduction05_pink .item_under .txt {
	margin: 2rem 0 0;
}

.webproduction05_pink .item_under .item .txt h5 {
	font-size: 2.8rem;
	text-align: center;
	font-weight: normal;
}

.webproduction05_pink .item_under .item .txt h5 span {
	font-size: 1rem;
	display: block;
}


/*///////////////////////////////////////////////////
//
//            ▼webproduction07 ▼
//
///////////////////////////////////////////////////*/

.webproduction07_pink {
	text-align: center;
	padding: 6.5em 0 4.5rem;
}

.webproduction07_pink .txt01 {
	font-size: 1.9rem;
}

.webproduction07_pink .txt01 span {
	font-size: 2.6rem;
	font-weight: bold;
}

.webproduction07_pink .txt02 {
	color: #c400a3;
	font-size: 1.9rem;
	font-weight: bold;
}

/*///////////////////////////////////////////////////
//
//            ▼ service06 ▼
//
///////////////////////////////////////////////////*/

.service06_pink h2 {
	font-size: 1.9rem;
	text-align: center;
	color: #fff;
	background: #000;
	padding: 1.5rem 0;
}

.service06_pink .box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 4.5rem 0 0;
}

.service06_pink .box .item {
	width: 48%;
	margin: 0 0 5rem;
}

.service06_pink .box .item .img img {
	width: 100%;
	height: auto;
}

.service06_pink .box .item .txt h3 {
	background: #c400a3;
	color: #fff;
	font-size: 1.1rem;
	padding: 1rem 1.5rem;
	margin: 3rem 0 2rem;
}

.service06_pink .box .item .txt p {
	font-size: 0.9rem;
}




/*///////////////////////////////////////////////////
//
//            ▼webproduction09_pink ▼
//
///////////////////////////////////////////////////*/
.webproduction09_pink {
	text-align: center;
	background: #f3f3f3;
	padding: 6rem 0 8rem;
}

.webproduction09_pink h2 {
	font-size: 2.2rem;
	margin: 0 0 1.5rem;
}

.webproduction09_pink ul {
	display: flex;
	justify-content: center;
	background: #fff;
	padding: 1rem;
	max-width: 1000px;
	font-size: 0.9rem;
	margin: 0 auto;
}

.webproduction09_pink ul li::after {
	content: '/';
	margin: 0 1rem;
}

.webproduction09_pink ul li:last-of-type::after {
	content: '';
}

.webproduction09_pink .box {
	display: flex;
	justify-content: space-between;
	margin: 3rem 0 0;
}

.webproduction09_pink .box .item {
	width: 18%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.webproduction09_pink .box .item .img {
	background: #fff;
	padding: 2rem 1rem;
	height: 70%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.webproduction09_pink .box .item .txt {
	height: 30%;
	background: #000;
	position: relative;
	padding: 0.75rem 0.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.webproduction09_pink .box .item .txt h3 {
	color: #fff;
	font-size: 1.1rem;
}

.webproduction09_pink .box .item .txt::before {
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translate(-50%, 0);
	content: '';
	display: block;
	border-top: 0.75rem solid transparent;
	border-left: 0.5rem solid transparent;
	border-right: 0.5rem solid transparent;
	border-bottom: 0.75rem solid #000;
	width: 0;
	height: 0;
	z-index: 50;
}


/*///////////////////////////////////////////////////
//
//            ▼webproduction10 ▼
//
///////////////////////////////////////////////////*/

.webproduction10_pink {
	padding: 6rem 0 0;
}

.webproduction10_pink .ttl h2 {
	font-size: 2.2rem;
	text-align: center;
}

.webproduction10_pink .ttl h2 span {
	font-size: 3rem;
}

.webproduction10_pink .ttl p {
	font-size: 1.5rem;
	text-align: center;
	font-weight: bold;
}

.webproduction10_pink .ttl_under {
	background: url(../images/webproduction/webproduction10_bg.png) center / auto repeat;
	padding: 10rem 0 8rem;
	margin-top: -6rem;
}

.webproduction10_pink .ttl_under .box {
	border: 1px solid #ababab;
	background: #fff;
	padding: 5rem 5rem 4rem;
	max-width: 900px;
	margin: 0 auto;
}

.webproduction10_pink .ttl_under .box ul li {
	margin: 0 0 1.5rem;
	font-size: 1.2rem;
	position: relative;
	padding-left: 3rem;
	font-weight: bold;
}

.webproduction10_pink .ttl_under .box ul li::before {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	content: '';
	background: url(../images/webproduction/webproduction10_item_pink.png) center / contain no-repeat;
	width: 2rem;
	height: 2rem;
	display: block;
}

.lower_cta_pink {
	background: url(../images/coommon/lower_cta_bg_pink.jpg) center / cover;
	padding: 6rem 0 6.5rem;
	margin: 60px 0;
}

.lower_cta_pink p {
	text-align: center;
	font-size: 1.6rem;
	color: #fff;
	margin: 0 0 2rem;
}

.lower_cta_pink .link a {
	max-width: 370px;
}

.lower_cta_pink2 {
	background: url(../images/coommon/lower_cta_bg_pink01.jpg) center / cover;
	padding: 6rem 0 6.5rem;
	margin: 60px 0;
}

.lower_cta_pink2 p {
	text-align: center;
	font-size: 1.6rem;
	color: #fff;
	margin: 0 0 2rem;
}

.lower_cta_pink2 .link a {
	max-width: 370px;
}


.tel p{
	font-size: 37px;
	font-weight: bold;
	color: orange;
	margin: 13px 0;
}