/*///////////////////////////////////////////////////
//
//            ▼ ペース設定 ▼
//
///////////////////////////////////////////////////*/
body {
	-webkit-text-size-adjust: 100%;
}


html {
	color: #000;
	font-size: 15px;
	line-height: 2;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	-webkit-text-size-adjust: 100%;
}

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

#wrapper {
	width: 100%;
	height: 100%;
	/* background: url(../images/coommon/bg_logo.png) left bottom 1rem / 5rem auto fixed no-repeat; */
	overflow: hidden;

}

#wrapper::before {
	background: url(../images/coommon/bg_logo.png) no-repeat left bottom 1rem;
	/* 画像（ここにfixedは入れない） */
	background-size: 5rem auto;
	/* cover指定できる */
	content: "";
	display: block;
	position: fixed;
	/* 擬似要素ごと固定 */
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	/* 横幅いっぱい */
	height: 100vh;
	/* 縦幅いっぱい */
}

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

/* .l_container {
    width: 100%;
    padding: 0 1rem;
} */

.container {
	width: 100%;
	max-width: 650px;
	margin: 0 auto;
	padding: 0 2rem;
}

.is_pc {
	display: none !important;
}

.is_hidden_tab {
	display: none;
}

: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;
}

.inertia {
	-webkit-overflow-scrolling: touch;
}

.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 {
	border: 1px solid #000;
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-style: italic;
	font-weight: 400;
	text-align: center;
	font-size: 1.2rem;
	padding: 0.5rem;
	position: relative;
	z-index: 100;
	background: #fff;
}

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

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

.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);
}

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

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


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

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

/*///////////////////////////////////////////////////
//
//            ▼ アニメーション ▼
//
///////////////////////////////////////////////////*/
.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)
	}
}


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

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

}

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

header {
	display: flex;
	justify-content: space-between;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 50000;
	transition: .3s;
	background: #fff;
}

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

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

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

.menu_open {
	width: 4rem;
	position: relative;
}

header#top.top .menu_open span {
	background: #fff;
}

.menu_open span {
	position: absolute;
	top: 50%;
	left: 50%;
	background: #f66600;
	width: 40%;
	height: 2px;
	transition: .3s;
}

.menu_open span:nth-of-type(1) {
	transform: translate(-50%, -50%) translateY(5px);
}

.menu_open span:nth-of-type(2) {
	transform: translate(-50%, -50%);
}

.menu_open span:nth-of-type(3) {
	transform: translate(-50%, -50%) translateY(-5px);
}

.menu_open.active span:nth-of-type(1) {
	transform: translate(-50%, -50%) rotate(45deg);
}

.menu_open.active span:nth-of-type(2) {
	opacity: 0;
}

.menu_open.active span:nth-of-type(3) {
	transform: translate(-50%, -50%) rotate(-45deg);
}

header nav {
	position: absolute;
	top: 110%;
	left: 5%;
	width: 90%;
	padding: 1rem 2rem 2rem;
	background: #fff;
	border: 1px solid #f66600;
	visibility: hidden;
	opacity: 0;
	transition: .3s;
}

header nav.active {
	visibility: visible;
	opacity: 1;

}

header nav li.hasmenu>a {
	transition: .3s background .3s;
}

header nav li.hasmenu.active>a {
	transition: .3s background;
	background: #f6660014;
}

header nav ul li a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	font-weight: 500;
	letter-spacing: 0.2rem;
	color: #f66600;
	position: relative;
	padding: 0.5rem 0;
	border-bottom: 1px solid #f66600;
}

header nav ul li a .ico {
	position: absolute;
	top: 50%;
	right: 0.25rem;
	transform: translate(0, -50%) rotate(0);
	background: #f66600;
	width: 1.5rem;
	height: 1.5rem;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	transition: .3s;
}

header nav ul li.hasmenu.active a .ico {
	transform: translate(0, -50%) rotate(45deg);
}

header nav .submenu {
	display: none;
}

header nav .submenu ul {
	padding: 0 1rem;
	background: #f6660014;
}

header nav .submenu ul .img {
	display: none;
}

header nav .submenu ul li a {
	font-size: 0.9rem;
	height: auto;
	display: block;
	text-align: center;
	padding: 0.5rem 0;
}

/*///////////////////////////////////////////////////
//
//            ▼ フッター ▼
//
///////////////////////////////////////////////////*/
footer {}

.footer_in {
	position: relative;
	padding: 2rem 0;
}

.footer_in .box {
	display: flex;
	flex-wrap: wrap;
}

footer .box ul {
	display: flex;
	flex-wrap: wrap;
	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;
}

.to_top {
	font-size: 1.5rem;
	width: 3rem;
	height: 3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #000;
	color: #fff;
	border: 2px solid #fff;
	position: absolute;
	bottom: 0;
	right: -2rem;
	transform: translate(0, 50%);
}

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: 85%;
	height: 50vh;
	min-height: 350px;
	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: 58%;
	left: 17.5%;
	transform: translate(-3.2rem, -50%);
	width: 2.55rem;
}

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

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

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

.top01 .catch_box p {
	font-weight: 600;
	letter-spacing: 0.15rem;
	margin: 0.5rem 0 0;
}

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

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

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

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

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

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

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

.top02_in .txt .item {
	background: #f3f3f3;
	padding: 1.5rem 1rem;
	margin: 2rem 0;
}

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

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

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

.top02_in .img {
	position: absolute;
	z-index: -1;
}

.top02_in .img::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	content: '';
	opacity: .8;
}

.top02_in.left .img {
	width: 40%;
	top: 10rem;
	left: 0;
	height: 40%;
	background: url(../images/top/top02_img01.jpg) center top / 100% auto no-repeat;
}

.top02_in.right .img {
	width: 40%;
	top: 1.5rem;
	height: 40%;
	background: url(../images/top/top02_img02.jpg) center top / 100% auto no-repeat;
	right: 0;
}

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


.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: -4rem;
	left: 35%;
	width: 5rem;
}

.top02_in.left .fig02 {
	top: 0rem;
	left: 4rem;
	width: 8rem;
}

.top02_in.left .fig03 {
	top: 5rem;
	left: 96%;
	width: 6rem;
}

.top02_in.right .fig01 {
	top: -5rem;
	left: 93%;
	width: 5rem;
}

.top02_in.right .fig02 {
	width: 10rem;
	top: -3rem;
	left: 2%;
}

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

.top03::before {
	position: absolute;
	top: 0;
	left: 60%;
	background: url(../images/top/top04_bg.png) center / auto repeat;
	content: '';
	width: 40%;
	height: 2.5rem;
}

.top03 .box {
	margin: 2rem 0 0;
	position: relative;
}

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

.top03 .box .item {
	margin: 0 0 2rem;
	position: relative;
	counter-increment: top_service;
}

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

.top03 .box .item .txt {
	position: relative;
	padding: 0.5rem 0 0;
}

.top03 .box .item h3 {
	background: rgba(0, 0, 0, .6);
	text-align: center;
	font-size: 1.2rem;
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 100%;
	padding: 1rem 0;
}

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

.top04_in h2 {
	font-weight: normal;
	font-size: 3rem;
	text-align: center;
}

.top04_in .box {
	position: relative;
	padding: 2rem;
	background: #f0f0f0;
}

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

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

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

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

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

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

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

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

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

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

.top05 .box article {
	width: 47%;
	margin: 0 0 2rem;
}

.top05 .box a .txt {
	position: relative;
	padding: 1.2rem 0 0;
}

.top05 .box a .cat {
	position: absolute;
	top: 0;
	left: 0.5rem;
	background: #f66600;
	color: #fff;
	padding: 0.3rem 0.5rem;
	font-size: 0.8rem;
	transform: translate(0, -50%);
}

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

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

.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 {
	position: relative;
	margin: 1rem 0 4rem;
	counter-increment: top_voice;
}

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

.top06_in.left::before {
	right: 0;
}

.top06_in.right::before {
	left: 0;
}

.top06_in .img {
	height: 30vh;
	padding: 0 2rem;
}

.top06_in .txt {
	position: relative;
	margin: 2rem 0 0;
}

.top06_in .txt h3 {
	font-size: 1.3rem;
	margin: 0 0 1.5rem;
}

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

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

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

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


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

.top06_in .txt .top06_link a {
	padding: 0.5rem 1rem;
	background: #f66600;
	color: #fff;
	text-align: center;
}

/*///////////////////////////////////////////////////
//
//            ▼ トップ07 ▼
//
///////////////////////////////////////////////////*/
.top07 {
	margin: 4rem 0 0;
	color: #fff;
}

.top07_in .txt {
	padding: 2.5rem 2rem;
	background: url(../images/top/top07_bg.jpg) center /cover no-repeat;
	margin: 0 -2rem;
}

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

.top07_in .txt h2 .txt01 {
	font-size: 1.5rem;
}

.top07_in .txt table {
	width: 100%;
	margin: 1rem 0 2rem;
}

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

.top07_in .txt table tr th {
	text-align: left;
	font-weight: normal;
	width: 25%;
}

.top07_in .map {
	margin: 0 -2rem;
}

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

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

.lower_mv {
	padding: 3.5rem 0 2.5rem;
}

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

.lower_ttl {
	font-size: 1.5rem;
	line-height: 1;
	color: #fff;
	background: #f66600;
	padding: 0.5rem 1rem;
	display: inline-block;
	font-weight: bold;
}

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

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

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

.lower_cta_pink {
	background: url(../images/coommon/lower_cta_bg_pink.jpg) center / cover;
	padding: 3rem 0;
}

.lower_cta_pink p {
	text-align: center;
	font-size: 1.3rem;
	color: #fff;
	margin: 0 0 1rem;
}

.lower_cta_pink2 {
	background: url(../images/coommon/lower_cta_bg_pink01.jpg) center / cover;
	padding: 3rem 0;
	margin: 30px 0;
}

.lower_cta_pink2 p {
	text-align: center;
	font-size: 1.3rem;
	color: #fff;
	margin: 0 0 1rem;
}

.lower_cta_green {
	background: url(../images/coommon/lower_cta_bg_green.jpg) center / cover;
	padding: 3rem 0;
}

.lower_cta_green p {
	text-align: center;
	font-size: 1.3rem;
	color: #fff;
	margin: 0 0 1rem;
}

.lower_cta_green2 {
	background: url(../images/coommon/lower_cta_bg_green01.jpg) center / cover;
	padding: 3rem 0;
	margin: 30px 0
}

.lower_cta_green2 p {
	text-align: center;
	font-size: 1.3rem;
	color: #fff;
	margin: 0 0 1rem;
}

/*///////////////////////////////////////////////////
//
//            ▼ パンクズリスト ▼
//
///////////////////////////////////////////////////*/
.breadclumb {
	padding: 1rem 0;
}

.breadclumb ul {
	display: flex;
	flex-wrap: wrap;
	font-size: 0.8rem;
}

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

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

.breadclumb ul li a {
	display: inline;
}

/*///////////////////////////////////////////////////
//
//            ▼ 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: 2rem 0 3rem;
	text-align: center;
}

.about02 .txt01 {
	font-size: 1.2rem;
}

.about02 .txt02 {
	display: block;
	font-size: 1.35rem;
	font-weight: bold;
}

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

.about02 .box .item {
	border: 1px #fff solid;
	padding: 0.5rem 1rem;
	font-weight: bold;
	width: 30%;
}

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

.about03 {
	margin: 3rem 0;
}

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

.about03 .ttl h2 {
	font-size: 2rem;
	margin: 0 0 0.5rem;
}

.about03_in {
	background: url(../images/about/about03_bg.png) center bottom / 100% 75% no-repeat;
	margin: 2rem 0;
}

.about03_in::before {
	background: url(../images/about/about03_img01.png) center / contain no-repeat;
	display: block;
	content: "";
	width: 65%;
	height: 15rem;
	margin: 0 auto 2rem;
}

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

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

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

.about03_under::before {
	background: url(../images/about/about03_img02.jpg) center top/ 100% auto no-repeat #fff;
	opacity: .2;
	position: absolute;
	top: 2rem;
	right: 0;
	width: 40%;
	height: 55%;
	content: "";
	z-index: -1;
}

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

.about03_under .item p {
	margin: 0 0 1rem;
}

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

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

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

.about04 .box {
	max-width: 900px;
	background: #fff;
	padding: 1.5rem;
}

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

.about04 .box .img {
	width: 13rem;
	margin-left: auto;
}

/*///////////////////////////////////////////////////
//
//            ▼ service01 ▼
//
///////////////////////////////////////////////////*/
.service01::before {
	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: 3rem 0;
	text-align: center;
	color: #fff;
}

/*///////////////////////////////////////////////////
//
//            ▼ service03 ▼
//
///////////////////////////////////////////////////*/
.service03 h2 {
	text-align: center;
	color: #fff;
	background: #CF2E92;
	font-size: 1.3rem;
	padding: 1rem 0.5rem;
	line-height: 1.75;
}

.service03 .box {
	display: flex;
	flex-direction: column-reverse;
}

.service03 .box .img {
	height: 30vh;
}

.service03 .box .txt {
	background: url(../images/coommon/service03_item_bg.png) top right / 50% 50% no-repeat;
	padding: 2rem 2rem 3rem;
}

.service03_green .box .txt {
	background: url(../images/coommon/service03_item_bg.png) top right / 50% 50% no-repeat;
	padding: 2rem 2rem 3rem;
}

.service03 .box .txt .ttl_wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 1rem;
}

.service03 .box .txt .ttl {
	width: 20%;
}

.service03_green .box .txt .ttl {
	width: 20%;
}

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

.service03 .box .txt .ttl p {
	font-size: 2.5rem;
	color: #CF2E92;
	line-height: 1;
	text-align: center;
}

.service03 .box .item h3 {
	font-size: 1.25rem;
	width: 75%;
	line-height: 1.8;
}

.service03 .box .txt .item ul {
	margin: 1rem 0 0 1.5rem;
}

.service03 .box .txt .item ul li {
	list-style: disc;
}

.service03 .box .inner {
	position: relative;
	margin: 2rem 0 0;
	padding: 1.5rem 1rem 1rem;
	background: #f0f0f0;
}

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

.service03 .box .inner p {
	letter-spacing: 0.02rem;
}

.service03_pink h2 {
	text-align: center;
	color: #fff;
	background: #CF2E92;
	font-size: 1.3rem;
	padding: 1rem 0.5rem;
	line-height: 1.75;
}

.service03_pink .box {
	display: flex;
	flex-direction: column-reverse;
}

.service03_pink .box .img {
	height: 30vh;
}

.service03_pink .box .txt {
	background: url(../images/coommon/service03_item_bg.png) top right / 50% 50% no-repeat;
	padding: 2rem 2rem 3rem;
}

.service03_pink_green .box .txt {
	background: url(../images/coommon/service03_item_bg.png) top right / 50% 50% no-repeat;
	padding: 2rem 2rem 3rem;
}

.service03_pink .box .txt .ttl_wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 1rem;
}

.service03_pink .box .txt .ttl {
	width: 20%;
}

.service03_pink_green .box .txt .ttl {
	width: 20%;
}

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

.service03_pink .box .txt .ttl p {
	font-size: 2.5rem;
	color: #CF2E92;
	line-height: 1;
	text-align: center;
}

.service03_pink .box .item h3 {
	font-size: 1.25rem;
	width: 75%;
	line-height: 1.8;
}

.service03_pink .box .txt .item ul {
	margin: 1rem 0 0 1.5rem;
}

.service03_pink .box .txt .item ul li {
	list-style: disc;
}

.service03_pink .box .inner {
	position: relative;
	margin: 2rem 0 0;
	padding: 1.5rem 1rem 1rem;
	background: #f0f0f0;
}

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

.service03_pink .box .inner p {
	letter-spacing: 0.02rem;
}

.service03_green h2 {
	text-align: center;
	color: #fff;
	background: #008f18;
	font-size: 1.3rem;
	padding: 1rem 0.5rem;
	line-height: 1.75;
}

.service03_green .box {
	display: flex;
	flex-direction: column-reverse;
}

.service03_green .box .img {
	height: 30vh;
}

.service03_green .box .txt {
	background: url(../images/coommon/service03_item_bg.png) top right / 50% 50% no-repeat;
	padding: 2rem 2rem 3rem;
}

.service03_green_green .box .txt {
	background: url(../images/coommon/service03_item_bg.png) top right / 50% 50% no-repeat;
	padding: 2rem 2rem 3rem;
}

.service03_green .box .txt .ttl_wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 0 1rem;
}

.service03_green .box .txt .ttl {
	width: 20%;
}

.service03_green_green .box .txt .ttl {
	width: 20%;
}

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

.service03_green .box .txt .ttl p {
	font-size: 2.5rem;
	color: #008f18;
	line-height: 1;
	text-align: center;
}

.service03_green .box .item h3 {
	font-size: 1.25rem;
	width: 75%;
	line-height: 1.8;
}

.service03_green .box .txt .item ul {
	margin: 1rem 0 0 1.5rem;
}

.service03_green .box .txt .item ul li {
	list-style: disc;
}

.service03_green .box .inner {
	position: relative;
	margin: 2rem 0 0;
	padding: 1.5rem 1rem 1rem;
	background: #f0f0f0;
}

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

.service03_green .box .inner p {
	letter-spacing: 0.02rem;
}


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


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

.service06 {
	padding: 0 0 2rem;
}

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

.service06 .box {
	margin: 2rem 0 0;
}

.service06 .box .item {
	margin: 2rem 0 0;
}

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


.service06 .box .item .txt h3 {
	background: #f66600;
	color: #fff;
	font-size: 1.1rem;
	text-align: center;
	padding: 0.5rem 1rem;
	margin: 0 0 0.5rem;
}

.service06 .box .item .txt p {
	padding: 0 1rem;
}


.service06_pink {
	padding: 0 0 2rem;
}

.service06_pink h2 {
	font-size: 1.3rem;
	text-align: center;
	color: #fff;
	background: #000;
	padding: 1rem 0;
}

.service06_pink .box {
	margin: 2rem 0 0;
}

.service06_pink .box .item {
	margin: 2rem 0 0;
}

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


.service06_pink .box .item .txt h3 {
	background: #CF2E92;
	color: #fff;
	font-size: 1.1rem;
	text-align: center;
	padding: 0.5rem 1rem;
	margin: 0 0 0.5rem;
}

.service06_pink .box .item .txt p {
	padding: 0 1rem;
}

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

.service08 {
	padding: 3rem 0;
}

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

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

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

.service09 .box01 .item {
	background: #fff;
	margin: 0 0 2rem;
}

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


.service09 .box01 .item .txt {
	padding: 1rem;
}

.service09 .box01 .item .txt h3 {
	font-size: 1.2rem;
	margin: 0 0 1rem;
}

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



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

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

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

.btob03 {
	padding: 3rem 0 4rem;
	text-align: center;
}

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

.btob03 .item {
	border: 1px solid #000;
	margin: 0 0 1.5rem;
	padding: 1rem 0.5rem;
	background: url(../images/btob/btob03_item.png) 0 0 / 50% auto no-repeat;
}

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

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


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

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

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

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

/*///////////////////////////////////////////////////
//
//            ▼ btob06 ▼
//
///////////////////////////////////////////////////*/
.btob06 {
	margin: 2rem 0;
}

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

.btob06 .box {
	margin: 0 0 2rem;
}

.btob06 .box .item {
	border: 1px solid #000;
	padding: 1.5rem;
	background: #fff;
	margin: 0 0 2rem;
}

.btob06 .box .item h4 {
	text-align: center;
	font-size: 1.3rem;
	margin: 0 0 1rem;
}

.btob06 .box .item .inner {
	background: #ececec;
	padding: 1.5rem 2rem;
}

.btob06 .box .item .inner ul li {
	list-style: disc;
}

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

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

.btob07 {
	padding: 3rem 0 4rem;
	background: url(../images/btob/btob07_bg.png);
}

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

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

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

.btob07 .box .item {
	border: 1px solid #000;
	padding: 1.5rem;
	background: #fff;
	margin: 0 0 2rem;
	padding: 1rem;
}

.btob07 .box .item h4 {
	text-align: center;
	font-size: 1.3rem;
	margin: 0 0 0.5rem;
}


.btob07 .box .item .inner {
	padding: 1rem;
	background: #ececec;
}


.btob07 .under .item {
	background: #fff;
	margin: 0 0 2rem;
}

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

.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) center top/ 100% auto no-repeat #fff;
	opacity: .2;
	position: absolute;
	top: 2rem;
	right: 0;
	width: 40%;
	height: 55%;
	content: "";
	z-index: 1;
}

.btob07 .btob07_under .item h3 {
	margin: 0 0 1.5rem;
	position: relative;
	z-index: 10;
}


.btob07 .btob07_under .item ul li {
	list-style: disc;
	margin: 0 0 0 1rem;
	line-height: 2.3;
	font-size: 0.9rem;
}

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

.btob07 .btob07_under .item_in {
	margin: 2rem 0 0;
}

.btob07 .btob07_under .item_in .black {
	background: #000;
	color: #fff;
	text-align: center;
	padding: 1rem;
}

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

.btob07 .btob07_under .item_in .gray {
	background: #f3f3f3;
	padding: 1rem;
}

.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;
}

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

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

.webproduction02 h2 {
	font-size: 1.2rem;
	margin: 0 0 1rem;
	font-weight: normal;
}

.webproduction02 h2 span {
	font-weight: bold;
}

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

.webproduction02 .box .item {
	border: 1px solid #fff;
	padding: 0.5rem 1rem;
	width: 48%;
}

.webproduction02 .box .item:last-of-type {
	margin: 1rem 0 0;
	width: 100%;
}

/*///////////////////////////////////////////////////
//
//            ▼webproduction03 ▼
//
///////////////////////////////////////////////////*/
.webproduction03 {
	margin: 3rem 0;
}

.webproduction03_under {
	position: relative;
}

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

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

.service03 .webproduction03_under .box {
	background: #fff3d6;
	padding: 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 {
	z-index: -1;
	top: -5rem;
	left: 90%;
	width: 6rem;
}

.webproduction03_under .fig02 {
	top: 8rem;
	left: 85%;
	width: 5rem;
	z-index: 10;
}

.webproduction03_under .img {
	bottom: -5rem;
	right: 0;
	width: 5rem;
	z-index: 10;
	position: absolute;
}


.webproduction03_under_pink {
	position: relative;
}

.webproduction03_under_pink .txt01 {
	font-size: 1.2rem;
	font-weight: bold;
}

.webproduction03_under_pink .txt02 {
	font-size: 1.5rem;
	color: #CF2E92;
	font-weight: bold;
	line-height: 1.6;
	margin: 0 0 1rem;
}

.service03 .webproduction03_under_pink .box {
	background: #fff3d6;
	padding: 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 {
	z-index: -1;
	top: -5rem;
	left: 90%;
	width: 6rem;
}

.webproduction03_under_pink .fig02 {
	top: 8rem;
	left: 85%;
	width: 5rem;
	z-index: 10;
}

.webproduction03_under_pink .img {
	bottom: -5rem;
	right: 0;
	width: 5rem;
	z-index: 10;
	position: absolute;
}

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


.webproduction04 {
	background: #f66600;
	padding: 4rem 0 3rem;
	color: #fff;
}

.webproduction04 .box .img {
	height: 32vh;
	margin: 0 0 1.5rem;
}

.webproduction04 .box .txt .txt01 {
	font-size: 1.1rem;
	margin: 0 0 1rem;
}

.webproduction04 .box .txt .txt01 span {
	font-size: 1.3rem;
}

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


.webproduction04_pink {
	background: #CF2E92;
	padding: 4rem 0 3rem;
	color: #fff;
}

.webproduction04_pink .box .img {
	height: 32vh;
	margin: 0 0 1.5rem;
}

.webproduction04_pink .box .txt .txt01 {
	font-size: 1.1rem;
	margin: 0 0 1rem;
}

.webproduction04_pink .box .txt .txt01 span {
	font-size: 1.3rem;
}

.webproduction04_pink .box .txt .txt02 {
	margin: 1rem 0 0;
}

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

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

.webproduction05::before {
	background: url(../images/webproduction/webproduction05_item.jpg) center top/ 100% auto no-repeat #fff;
	opacity: .2;
	position: absolute;
	top: 1rem;
	right: 0;
	width: 35%;
	height: 52%;
	content: "";
	z-index: -1;
}

.webproduction05 .webproduction05_in h4 {
	background: #000;
	color: #fff;
	padding: 1rem;
	text-align: center;
}

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

.webproduction05 .webproduction05_in .box {
	background: #f3f3f3;
	padding: 1rem;
	margin: 2rem 0;
}

.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: 3rem 0 0;
}

.webproduction05 .item_under .item {
	width: 48%;
	border: 1px solid #000;
	padding: 1rem 0.5rem;
	margin: 0 0 1rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	background: #fff;
}


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

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

.webproduction05 .item_under .item .txt h5 {
	font-size: 1.3rem;
	text-align: center;
	line-height: 1.5;
	font-weight: normal;
}

.webproduction05 .item_under .item .txt h5 span {
	font-size: 0.9rem;
	display: block;
	/* margin: 0.5rem 0 0; */
}

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

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

.webproduction06 h2 {
	font-size: 1.3rem;
	margin: 0 0 1rem;
}

.webproduction06 .box {
	margin: 1.5rem 0 0;
}

.webproduction06 .box02 {
	margin: 0 0 1.5rem;
}

.webproduction06 .item {
	margin: 0 0 1rem;
	border: 1px solid #fff;
	padding: 0.5rem;
	font-size: 0.9rem;
	text-align: center;
}


.webproduction06 .txt02 {
	font-size: 0.9em;
}

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

.webproduction07 {
	text-align: center;
	padding: 2rem 0;
}

.webproduction07 .txt01 {
	font-size: 1.1rem;
	margin: 0 0 0.5rem;
}

.webproduction07 .txt01 span {
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1;

}

.webproduction07 .txt02 {
	color: #f66600;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1;
}

.webproduction07_pink {
	text-align: center;
	padding: 2rem 0;
}

.webproduction07_pink .txt01 {
	font-size: 1.1rem;
	margin: 0 0 0.5rem;
}

.webproduction07_pink .txt01 span {
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1;

}

.webproduction07_pink .txt02 {
	color: #CF2E92;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1;
}

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

.webproduction09 h2 {
	font-size: 1.4rem;
}

.webproduction09 ul {
	margin: 1rem 0;
	background: #fff;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	font-size: 0.9rem;
	padding: 1rem 0.5rem;
}

.webproduction09 .box {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.webproduction09 .box .item {
	width: 48%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: 1rem 0 0;
}

.webproduction09 .box .item:nth-of-type(2n) {
	margin-left: auto;
}

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

.webproduction09 .box .item .img img {
	max-width: 50px;
}

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

.webproduction09 .box .item .txt h3 {
	color: #fff;
	font-size: 1rem;
	line-height: 1.3;
}

.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;
}

.webproduction09_pink {
	text-align: center;
	background: #f3f3f3;
	padding: 2.5rem 0 3rem;
}

.webproduction09_pink h2 {
	font-size: 1.4rem;
}

.webproduction09_pink ul {
	margin: 1rem 0;
	background: #fff;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	font-size: 0.9rem;
	padding: 1rem 0.5rem;
}

.webproduction09_pink .box {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.webproduction09_pink .box .item {
	width: 48%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: 1rem 0 0;
}

.webproduction09_pink .box .item:nth-of-type(2n) {
	margin-left: auto;
}

.webproduction09_pink .box .item .img {
	background: #fff;
	padding: 2rem;
	height: 65%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.webproduction09_pink .box .item .img img {
	max-width: 50px;
}

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

.webproduction09_pink .box .item .txt h3 {
	color: #fff;
	font-size: 1rem;
	line-height: 1.3;
}

.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 {
	padding: 4rem 0;
	background: url(../images/webproduction/webproduction10_bg.png) center / auto repeat;
}


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

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

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

.webproduction10 .ttl_under {
	margin: 2rem 0 0;
}

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

.webproduction10 .ttl_under .box ul li {
	margin: 1rem 0;
	position: relative;
	padding-left: 2rem;
	line-height: 1.7;
}

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


.webproduction10 .ttl_under .box ul li p {
	font-size: 0.9em;
	padding: 0.5rem 0 0 0;
}


.webproduction10_pink {
	padding: 4rem 0;
	background: url(../images/webproduction/webproduction10_bg.png) center / auto repeat;
}


.webproduction10_pink .ttl h2 {
	font-size: 1.2rem;
	text-align: center;
}

.webproduction10_pink .ttl h2 span {
	font-size: 1.4rem;
}

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

.webproduction10_pink .ttl_under {
	margin: 2rem 0 0;
}

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

.webproduction10_pink .ttl_under .box ul li {
	margin: 1rem 0;
	position: relative;
	padding-left: 2rem;
	line-height: 1.7;
}

.webproduction10_pink .ttl_under .box ul li::before {
	position: absolute;
	top: -0.1rem;
	left: 0;
	content: '';
	background: url(../images/webproduction/webproduction10_item.png) center / contain no-repeat;
	width: 1.5rem;
	height: 1.5rem;
	display: block;
}


.webproduction10_pink .ttl_under .box ul li p {
	font-size: 0.9em;
	padding: 0.5rem 0 0 0;
}

/*///////////////////////////////////////////////////
//
//            ▼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: 2rem 0 3rem;
	text-align: center;
}

.writing02 h2 {
	font-size: 1.25rem;
	line-height: 1.8;
	margin: 0 0 1rem;
}

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

.writing03 {
	position: relative;
	margin: 3rem 0;
}

.writing03::before {
	background: url(../images/writing/writing03_item.jpg) right top/ 100% auto no-repeat #fff;
	opacity: .3;
	position: absolute;
	top: 20rem;
	right: 0;
	width: 40%;
	height: 55%;
	content: "";
	z-index: -1;
}

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

.writing03 .ttl h2 {
	font-size: 1.4rem;
	line-height: 1.8;
	margin: 0 0 1rem;
}

.writing03 .ttl p {
	margin: 0 0 2rem;
}

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

.writing03 .item p {
	margin: 1rem 0;
}

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

.writing03 .item .box ul li {
	position: relative;
	padding-left: 1.5rem;
}

.writing03 .item .box ul li:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "■";
}

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

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

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

.writing04 .txt01 {
	text-align: center;
	font-size: 0.9rem;
	margin: 0 0 2.5rem;
}

.writing04 .box02 {
	margin: 2rem 0 0;
}

.writing04 .box02 .item {
	background: #fff;
	border: 1px solid #d4d4d4;
	padding: 1rem;
	margin: 0 0 1rem;
	font-size: 0.9rem;
}

.writing04 .box02 h4 {
	font-size: 1.1rem;
	margin: 0 0 0.5rem;
}

.writing04 .box02 h4 span {
	margin: 0 0 0.5rem;
	color: #fff;
	background: #f66600;
	padding: 0.4rem 0.6rem;
	display: inline-block;
	font-size: 0.9rem;
}

.writing04 .box03 {
	margin: 2rem 0 0;
	display: flex;
	flex-direction: column-reverse;
}

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

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

.writing04 .box03 .img {
	margin: 0 0 1rem;
}

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

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

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

.writing06_in {
	position: relative;
	z-index: 10;
}

.writing06_in::before {
	background: url(../images/writing/writing06_item.jpg) right top / 100% auto no-repeat;
	opacity: .5;
	position: absolute;
	top: 2rem;
	right: 0;
	width: 39%;
	height: 100%;
	content: '';
	z-index: -1;
}

.writing06 .item h4 {
	background: #000;
	color: #fff;
	padding: 1rem;
}

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

.writing06 .item .txt02 {
	font-size: 0.9rem;
	margin: 1rem 0 0;
}

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

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

.marketing02 h2 {
	font-size: 1.2rem;
	margin: 0 0 1rem;
	line-height: 1.8;
}

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

.marketing02_green h2 {
	font-size: 1.2rem;
	margin: 0 0 1rem;
	line-height: 1.8;
}


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

.webproduction02_pink h2 {
	font-size: 1.2rem;
	margin: 0 0 1rem;
	font-weight: normal;
}

.webproduction02_pink h2 span {
	font-weight: bold;
}

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

.webproduction02_pink .box .item {
	border: 1px solid #fff;
	padding: 0.5rem 1rem;
	width: 48%;
}

.webproduction02_pink .box .item:last-of-type {
	margin: 1rem 0 0;
	width: 100%;
}

/*///////////////////////////////////////////////////
//
//            ▼marketing03 ▼
//
///////////////////////////////////////////////////*/
.marketing03 {
	margin: 3rem 0 0;
}

.marketing03 .box .txt {
	background: url(../images/coommon/service03_item_bg.png) top right / 50% auto no-repeat;
}

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

.marketing03 .box .txt .ttl_wrap {
	margin: 0;
}

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

.marketing03 .marketing03_under_green {
	background: #008f18;
	padding: 3rem 0;
	color: #fff;
	position: relative;
}

.marketing03 .marketing03_under h4 {
	font-size: 1.2rem;
	margin: 0 0 1rem;
	line-height: 1.8;
	z-index: 10;
	position: relative;
}

.marketing03 .marketing03_under p {
	margin: 0 0 1rem;
}

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

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

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

.marketing04 {
	background: url(../images/webproduction/webproduction10_bg.png) center / auto repeat;
	padding: 3rem 0;
}

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

.marketing04 .box01 .item {
	background: #fff;
}

.marketing04 .box01 .txt {
	padding: 1rem;
}

.marketing04 .box02 .item {
	border: 3px solid #dadada;
	padding: 1.5rem 0.5rem 0.5rem;
	margin: 2rem 0 0;
}

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

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

.marketing04 .box02 .item ul {
	margin: 0 0 1rem;
}

.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;
}

.marketing04_green {
	background: url(../images/webproduction/webproduction10_bg.png) center / auto repeat;
	padding: 3rem 0;
}

.marketing04_green_green h2 {
	font-size: 1.2rem;
	text-align: center;
	line-height: 1.8;
	margin: 0 0 1rem;
}

.marketing04_green .box01 .item {
	background: #fff;
}

.marketing04_green .box01 .txt {
	padding: 1rem;
}

.marketing04_green .box02 .item {
	border: 3px solid #dadada;
	padding: 1.5rem 0.5rem 0.5rem;
	margin: 2rem 0 0;
}

.marketing04_green .box02 .item h3 {
	text-align: center;
	position: relative;
	padding: 0 0 1.5rem;
	margin: 0 0 1rem;
	line-height: 1.5;
}

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

.marketing04_green .box02 .item ul {
	margin: 0 0 1rem;
}

.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;
}


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

.marketing05 {
	padding: 3rem 0;
}

.marketing05 h2 {
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.8;
	margin: 0 0 2rem;
}

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

.marketing05 .box .txt p {
	margin: 1rem 0 0;
}

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

.marketing07 {
	margin: 3rem 0;
}

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

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

.marketing07 .box01 .item {
	display: flex;
	flex-direction: column-reverse;
}

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

.marketing07 .box01 .item .img {
	height: 25vh;
}

.marketing07 .box02 {
	margin: 2rem 0 3rem;
}

.marketing07 .box02 .txt01 {
	text-align: center;
	font-size: 1.2rem;
	font-weight: bold;
	background: #fffcf5;
	border: 1px solid #f66600;
	margin: 0 0 1rem;
	padding: 1.5rem 0.5rem;
}

.marketing07 .box03 {
	background: #f66600;
	padding: 1rem 0 2rem;
}

.marketing07 .box03_in {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

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

.marketing07 .box03_in .item:nth-of-type(2n) {
	margin-left: auto;
}

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

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

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

.marketing07 .box_under::before {
	background: url(../images/marketing/marketing07_box_under_item.jpg) left top / 100% auto no-repeat #fff;
	opacity: .3;
	position: absolute;
	top: 4rem;
	left: 0;
	width: 40%;
	height: 75%;
	content: "";
	z-index: -1;
}

.marketing07 .box_under .item {
	margin: 0 0 2rem;
	margin-left: auto;
}

.marketing07 .box_under .item:last-of-type {
	margin: 0;
}

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

.marketing07 .box_under .item p {
	margin: 0 0 1rem;
}

.marketing07 .box_under .item p:last-of-type {
	margin: 0;
}

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

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

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


.marketing07_green {
	margin: 3rem 0;
}

.marketing07_green h2 {
	text-align: center;
	font-size: 1.3rem;
	margin: 0 0 1.5rem;
}

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

.marketing07_green .box01 .item {
	display: flex;
	flex-direction: column-reverse;
}

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

.marketing07_green .box01 .item .img {
	height: 25vh;
}

.marketing07_green .box02 {
	margin: 2rem 0 3rem;
}

.marketing07_green .box02 .txt01 {
	text-align: center;
	font-size: 1.2rem;
	font-weight: bold;
	background: #fffcf5;
	border: 1px solid #008f18;
	margin: 0 0 1rem;
	padding: 1.5rem 0.5rem;
}

.marketing07_green .box03 {
	background: #008f18;
	padding: 1rem 0 2rem;
}

.marketing07_green .box03_in {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.marketing07_green .box03_in .item {
	width: 48%;
	border: 1px solid #fff;
	color: #fff;
	padding: 0.5rem;
	background: url(../images/marketing/marketing07_green_box03_in_item.png) top right / 50% auto no-repeat;
	min-height: 150px;
	margin: 1rem 0 0;
	justify-content: center;
	align-items: center;
	display: flex;
	position: relative;
}

.marketing07_green .box03_in .item:nth-of-type(2n) {
	margin-left: auto;
}

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

.marketing07_green .box03_in .item h4 {
	text-align: center;
	font-size: 1rem;
}

.marketing07_green .box_under {
	position: relative;
	padding: 2rem 0 0;
}

.marketing07_green .box_under::before {
	background: url(../images/marketing/marketing07_green_box_under_item.jpg) left top / 100% auto no-repeat #fff;
	opacity: .3;
	position: absolute;
	top: 4rem;
	left: 0;
	width: 40%;
	height: 75%;
	content: "";
	z-index: -1;
}

.marketing07_green .box_under .item {
	margin: 0 0 2rem;
	margin-left: auto;
}

.marketing07_green .box_under .item:last-of-type {
	margin: 0;
}

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

.marketing07_green .box_under .item p {
	margin: 0 0 1rem;
}

.marketing07_green .box_under .item p:last-of-type {
	margin: 0;
}

.marketing07_green .box_under .item .box {
	background: #f3f3f3;
	padding: 1rem;
	margin: 1rem 0 0;
}

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

.marketing07_green .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;
	text-align: center;
	padding: 2rem 0 3rem;
	color: #fff;
}

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



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

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

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

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

/*///////////////////////////////////////////////////
//
//            ▼system04 ▼
//
///////////////////////////////////////////////////*/
.system04 .box .txt .ttl_wrap {
	margin: 0;
}

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

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

.system04_under h4 {
	font-size: 1.25rem;
	line-height: 1.6;
	margin: 0 0 1rem;
}

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

.system04_under p {
	margin: 1rem 0 0;
}

.system04_under .img {
	top: -3rem;
	right: 0;
	width: 5rem;
	z-index: 10;
	position: absolute;
}

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

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

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

.system06 .box {
	display: flex;
	flex-direction: column-reverse;
}

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

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

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

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

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

.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 {
	height: 30vh;
	margin: 0 0 1rem;
}

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

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


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

.support02 h2 {
	font-weight: bold;
	font-size: 1.3rem;
	line-height: 1.8;
}

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

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

.support03 {
	margin: 3rem 0;
}

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

.support03 .box01 {
	margin: 0 0 1rem;
}

.support03 .box01 .item a {
	border: 1px solid #000;
	margin: 0 0 0.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
}

.support03 .box01 .item h3 {
	text-align: center;
	font-size: 1.2rem;
	width: 50%;
}

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

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

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

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

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

.support03 .box02 .item .inner p {
	font-size: 0.9rem;
}

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

.support04 {
	background: #f3f3f3;
	padding: 3rem 0;
}



.support04 h2 {
	font-size: 1.6rem;
	text-align: center;
	margin: 0 0 1rem;
	position: relative;
	z-index: 10;
}

.support04 .box01 {
	z-index: 10;
	position: relative;
	z-index: 10;
}

.support04 .box01::before {
	background: url(../images/support/support_item01.jpg) left top/ 100% auto no-repeat #fff;
	opacity: .3;
	position: absolute;
	top: 13rem;
	left: 0;
	width: 40%;
	height: 55%;
	content: "";
	z-index: -1;
}

.support04 .box01 h3 {
	margin: 0 0 1rem;
	font-size: 1.2rem;
	color: #f66600;
	text-align: center;
}

.support04 .box01 .item {
	margin: 0 0 1rem;
	margin-left: auto;
}

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

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

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

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

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

.support04 .box02 .box02_in .item {
	background-color: #fff;
	margin: 0 0 1rem;
	border: 5px solid #dadada;
	padding: 2rem 1rem 1rem;
}

.support04 .box02 .box02_in .item .img {
	height: 50px;
	text-align: center;
}

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

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

.support04 .box02 .box02_in .item .txt h3 {
	font-size: 1.2rem;
	margin: 0 0 0.5rem;
	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: 1rem;
	margin: 0 0 1rem;
}


.support04 .box02 .box02_in_under h4 {
	color: #f66600;
}

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

.support04 .box03 .box03_in .item:last-of-type {
	margin: 0;
}

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

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

.support04 .box03 .box03_in .item .txt {
	margin: 1rem 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;
}

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

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

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

.support05 .box .txt .item .ttl_wrap {
	margin: 0 0 1rem;
}

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

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

.support06 .box {
	padding: 1rem;
}

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

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

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

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

.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 3rem;
}

.voice02 .box .item {
	background: #f3f3f3;
	margin: 0 0 2rem;
}

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

.voice02 .box .item .txt {
	padding: 1rem;
}

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

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

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

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

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

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

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

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

.voice_detail02 {
	margin: 0 0 4rem;
}

.voice_detail02 .voice_detail02_in {
	border: 1px solid #b2b2b2;
	margin: 0 auto;
	padding: 1rem 1rem 0;
}

.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.9rem;
	background: #000;
	color: #fff;
	display: inline-block;
	padding: 0 0.5rem;
	margin: 0 0 0.5rem;
}

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

.voice_detail02 .voice_detail02_in .box01 h1 {
	font-size: 1.2rem;
	color: #f66600;
	line-height: 1.6;
}

.voice_detail02 .voice_detail02_in .box02 {
	justify-content: space-between;
}

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

.voice_detail02 .voice_detail02_in .box02 .img .item {
	width: 47%;
}

.voice_detail02 .link a {
	font-size: 0.9rem;
	padding: 1rem 0.5rem;
	margin: 2rem auto 0;
}

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

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

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

.voice_detail02 .post_area h3 {
	font-size: 1.2rem;
	background: #efefef;
	padding: 0.5rem;
	margin: 2rem 0;
}

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

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

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

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

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

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

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

.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: 1rem;
	position: relative;
}

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

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

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

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

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

/*///////////////////////////////////////////////////
//
//            ▼ news02 ▼
//
///////////////////////////////////////////////////*/

.news02 {
	margin: 0 0 4rem;
}

.news02 .news02_in {
	background: #f7f7f7;
	padding: 1rem 2rem 2rem;
	margin: 0 0 2rem;
}

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



.news02 .news02_in article time {
	width: 10rem;
	background: #000;
	padding: 0.5rem 1rem;
	white-space: nowrap;
	color: #fff;
	text-align: center;
}

.news02 .news02_in article h2 {
	font-size: 1rem;
	margin: 0.5rem 0 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

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

.news_detail02 {
	margin: 0 0 4rem;
}

.news_detail02 .news_detail02_in {
	margin: 0 0 2rem;
	background: #f7f7f7;
	padding: 2rem 1rem;
}

.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 {
	width: 10rem;
	background: #000;
	padding: 0.5rem 1rem;
	white-space: nowrap;
	color: #fff;
	text-align: center;
}

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

.news_detail02 .link a {
	font-size: 1rem;
	padding: 1rem 0.5rem;
	margin-top: 2rem;
}

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

.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: 1rem;
	position: relative;
}

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

.news_detail02 .post_area blockquote cite {
	font-size: 0.8rem;
	color: #999;
}

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

.news_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 {
	margin: 0 0 3rem;
}

.column02_in .box {
	margin: 0 0 4rem;
}

.column02_in .box article {
	margin: 0 0 3rem;
}

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

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

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

.column02_in .box article .txt h2 a {
	font-size: 1.2rem;
	border-bottom: 1px solid #000;
	display: inline-block;
}

.column02_in .box article .txt .inner {
	display: flex;
	font-size: 0.9rem;
	margin: 0 0 1rem;
}

.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 1rem;
}

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

.column02_in .box article .txt .link a {
	font-size: 1.2rem;
}

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

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

.column02_in aside .side_in article {
	margin: 0 0 1rem;
}

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


.column02_in aside .side_in article .img {
	width: 35%;
}

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

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

.column02_in aside .side_in article .txt h4 {
	text-decoration: underline;
}

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

.column02_in aside .side_in ul li a {
	text-decoration: underline;
	display: inline-block;
}


/*///////////////////////////////////////////////////
//
//            ▼column_detail02 ▼
//
///////////////////////////////////////////////////*/
.column_detail02 .column_detail02_in .box {
	margin: 0 0 4rem;
}

.column_detail02 .column_detail02_in .box h1 {
	font-size: 1.5rem;
	margin: 0 0 1rem;
	line-height: 1;
}

.column_detail02 .column_detail02_in .box .img img {
	width: 100%;
}

.column_detail02 .column_detail02_in .box .inner {
	display: flex;
	font-size: 0.9rem;
	margin: 1rem 0 1rem;
}

.column_detail02 .column_detail02_in .box .inner .category a {
	background: #f66600;
	color: #fff;
	display: inline-block;
	padding: 0 1rem;
	margin: 0 1rem 0 0;
}

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

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

.column_detail02_in aside .side_in article {
	margin: 0 0 1rem;
}

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


.column_detail02_in aside .side_in article .img {
	width: 35%;
}

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

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

.column_detail02_in aside .side_in article .txt h4 {
	text-decoration: underline;
}

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

.column_detail02_in aside .side_in ul li a {
	text-decoration: underline;
	display: inline-block;
}

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

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

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

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

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

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

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

.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: 1rem;
	position: relative;
}

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

.column_detail02_in .post_area blockquote cite {
	font-size: 0.8rem;
	color: #999;
}

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

.column_detail02_in .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 .contact02_in .att {
	text-align: center;
	margin: 0 0 2rem;
}

.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: 0.5rem 2rem;
	font-weight: normal;
	font-size: 0.9rem;
}

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

.contact02 .box .item {
	margin: 2rem 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: 1rem;
}

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

.contact02 .box .submit_btn {
	text-align: center;
	margin: 2rem 0 0;
}

.contact02 .box .submit_btn button {
	background: #000;
	border: 1px solid #000;
	color: #fff;
	padding: 1rem;
	width: 100%;
	-webkit-appearance: none;
	border-radius: 0;
}

/*///////////////////////////////////////////////////
//
//            ▼ confirm02 ▼
//
///////////////////////////////////////////////////*/
.confirm02 .box {
	margin-bottom: 0;
}

.confirm02 .box .item .label {
	background: #f0f0f0;
	padding: 1rem;
}

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

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

/*///////////////////////////////////////////////////
//
//            ▼ thanks ▼
//
///////////////////////////////////////////////////*/
.thanks01 .lower_ttl {
	font-size: 1.3rem;
}

.thanks02 .box {
	text-align: center;
	margin-bottom: 0;
}

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


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

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


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

.privacypolicy02 {
	padding: 2rem 0;
}

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

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

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

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

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


/*///////////////////////////////////////////////////
//
//            ▼ 投稿エリア ▼
//
///////////////////////////////////////////////////*/
/* .post_area * {
	letter-spacing: 0.15rem;
}

.post_area p {
	margin: 1.5rem 0;
}

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

.post_area h3 {
	font-size: 1.3rem;
	margin: 2rem 0;
}

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

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

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

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

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

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

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

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

.post_area strong {
	font-weight: bold;
}

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

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

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

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

/*///////////////////////////////////////////////////
//
//            ▼ プライバシーポリシー ▼
//
///////////////////////////////////////////////////*/
.privacypolicy01 .box {
	margin: 0 auto;
}

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

.privacypolicy01 .box h2 {
	font-size: 1.1rem;
	margin: 2.5rem 0 1rem;
}

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

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

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

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

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

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

.privacypolicy01 .box p {
	margin: 0.5rem 0;
}

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

/*///////////////////////////////////////////////////
//
//            ▼ 問い合わせ ▼
//
///////////////////////////////////////////////////*/
.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: 12px;
	white-space: nowrap;
}

@media screen and (orientation:portrait) {
	/* 縦向き */
}

@media screen and (orientation:landscape) {
	/* 横向き */
}