@charset "utf-8";

/**reset**/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

ul,
li {
	list-style: none;
}

strong,
b {
	font-weight: bold;
}

img {
	width: 100%;
	max-width: 100%;
	height: auto;
	image-rendering: -webkit-optimize-contrast;
	-webkit-backface-visibility: hidden;
	vertical-align: bottom;
}

section,
div {
	outline: none;
	border: none;
}

body {
	background: #ffffff;
	margin: 0 auto;
	padding: 0;
	color: #333333;
	font-family: "Noto Sans JP", "Helvetica", "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	font-size: 1.6rem;
	font-size: 16px;
	line-height: 1.6;
}

html {
	font-size: 62.5%;
}

h1 {
	font-size: 36px;
	font-size: calc(3.4rem + ((1vw - 0.64rem) * 2.1429));
	line-height: 1.3;
	font-weight: bold;
}

h2,
.CapS {
	font-size: 30px;
	font-size: calc(2.8rem + ((1vw - 0.64rem) * 0.7143));
	line-height: 1.3;
	font-weight: bold;
}

h3,
.TitM {
	font-size: 20px;
	font-size: calc(2rem + ((1vw - 0.64rem) * 0.7143));
	line-height: 1.3;
	font-weight: bold;
}

h4,
.TitS {
	font-size: 18px;
	font-size: calc(1.6rem + ((1vw - 0.64rem) * 0.7143));
	line-height: 1.3;
	font-weight: bold;
}

h5 {
	font-size: 16px;
	font-size: calc(1.4rem + ((1vw - 0.64rem) * 0.7143));
	line-height: 1.3;
	font-weight: bold;
}

@media (min-width:1200px) {
	h1 {
		font-size: 3.8rem;
	}

	h2,
	.CapS {
		font-size: 3.2rem;
	}

	h3,
	.TitM {
		font-size: 2.0rem;
	}

	h4,
	.TitS {
		font-size: 1.8rem;
	}

	h5 {
		font-size: 1.6rem;
	}
}

@media screen and (max-width:640px) {
	h1 {
		font-size: 2.3rem;
	}

	h2,
	.TitM {
		font-size: 2.0rem;
	}

	h3,
	.CapS {
		font-size: 1.8rem;
	}

	h4,
	.TitS {
		font-size: 1.6rem;
	}

	h5 {
		font-size: 1.6rem;
	}
}

a {
	color: #0000CC;
	text-decoration: underline;
	transition: 0.5s;
}

a:hover {
	color: #0000CC;
	text-decoration: none;
}

/**form reset**/
/*
input[type="submit"],
input[type="button"] {
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/*****************
 navi
*****************/
header {
	position: static;
	margin: 0;
	padding: 0;
}

main {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.headInner {
	width: 95%;
	margin: 0 auto;
	padding: 8px 0;
}

@media screen and (min-width: 813px) {
	.headInner {
		display: flex;
		align-items: center;
		box-sizing: border-box;
	}

	.head1 {
		padding: 0;
		flex: 1;
	}

	.head2 {
		width: 100px;
	}
}

header h1 {
	margin: 0 0 8px;
	padding: 0;
	line-height: 1.2;
}

header h1 a,
header h1 a:hover {
	text-decoration: none;
}

header h1 strong {
	color: #dd0000;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 32px;
	letter-spacing: 0.1em;
	margin: 0 5px;
	vertical-align: center;
}

header h1 .jps {
	display: inline-block;
	color: #333333;
	font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 25px;
	vertical-align: center;
}

@media screen and (max-width: 812px) {
	header h1 {
		text-align: left;
		margin: 0;
		padding: 0;
	}

	header h1 strong {
		font-size: 16px;
	}

	header h1 .jps {
		font-size: 15px;
	}

	.head2 {
		text-align: center;
	}

	.head2 img {
		max-width: 80px;
	}
}

nav {
	background: #fff;
	padding: 0;
}

nav li {
	font-size: 14px;
	font-weight: normal;
	line-height: inherit;
	color: #000;
	float: none;
	border: none;
	margin: 0;
	padding: 0;
}

nav li.fin {
	border: none;
}

nav li a {
	color: #000;
	text-decoration: none;
}

nav li a:hover {
	text-decoration: none;
	opacity: 0.7;
}

.menu a {
	color: #000;
}

.menu a.application {
	color: #000;
	font-size: 14px;
}

.menu li:before {
	content: none;
}

#navi {
	background-color: rgba(255, 255, 255, 0.9);
	position: static;
	width: 100%;
	margin: 0 auto;
	height: auto;
	z-index: 9999;
}

/* チェックボックス非表示 */
#navi input {
	display: none !important;
}

.menuInner {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
}

.menu {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
}

.menu-parent {
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	line-height: inherit;
	white-space: nowrap;
}

@media screen and (min-width: 813px) {
	.menu {
		position: static;
		background: #fff;
		padding: 0;
		margin: 0;
	}

	.menu .menu-parent {
		float: left;
		border-right: 1px solid #333;
		box-sizing: border-box;
		color: #000;
		list-style-type: none;
		line-height: 15px;
		width: auto;
		text-align: center;
	}

	.menu .menu-parent:first-child {
		border-left: 1px solid #333;
	}

	.menu:before,
	.menu:after {
		content: '';
		clear: both;
		display: block;
	}
}

.menu .menu-parent span {
	display: block;
	width: auto;
	height: auto;
	box-sizing: border-box;
	padding: 8px 12px;
	vertical-align: middle;
	background: #fff;
}

.menu .menu-parent>a {
	display: block;
	width: auto;
	height: auto;
	box-sizing: border-box;
	padding: 8px 12px;
	vertical-align: middle;
	background: #fff;
}

.menu .menu-parent>a:hover {
	background: rgba(255, 255, 255, 0.1);
}

.menu .menu-parent:before {
	content: none;
}

.menu-parent:last-child {
	margin-right: 0px;
}

#menu-navibtn {
	display: none !important;
	cursor: pointer;
	cursor: hand;
}

/* ドロップダウン */
.menu-parent {
	position: relative;
}

.menu-parent .menu-child {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	margin-left: 0;
	z-index: 10;
	width: auto;
	box-sizing: border-box;
	padding: 0;
	background-color: #333333;
	border: 1px solid #000;
}

.menu-parent .menu-child li {
	text-align: left;
	position: relative;
}

.menu-parent .menu-child li::before {
	content: '-';
	font-size: 10px;
	position: absolute;
	display: inline-block;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}

@media screen and (min-width: 813px) {
	.menu-parent:hover .menu-child {
		visibility: visible;
		opacity: 1;
	}

	.menu-parent .menu-child li a {
		display: block;
		width: auto;
		height: auto;
		box-sizing: border-box;
		padding: 15px 20px 15px 23px;
		vertical-align: middle;
		background: #333333;
	}

	.menu-parent .menu-child li a:hover {
		background: rgba(255, 255, 255, 0.1);
	}
}

@media screen and (max-width: 813px) {
	#menu-navibtn:checked~* .menu {
		display: block;
		opacity: 1;
	}

	#menu-navibtn:checked~* .menu-parent {
		max-height: inherit;
		overflow-y: visible;
	}

	#menu-navibtn:checked~* .menu-child {
		max-height: inherit;
		overflow-y: visible;
		visibility: visible;
	}

	.menu {
		display: none;
	}

	.menu-parent {
		float: none;
		height: auto;
		width: 100%;
		padding: 0;
		background: #000000;
	}

	.menu .menu-parent>a {
		display: block;
		width: auto;
		height: auto;
		box-sizing: border-box;
		padding: 15px 15px;
		vertical-align: middle;
		background: #000000;
		color: #FFFFFF;
	}

	.menu .menu-parent>a:hover {
		background: rgba(255, 255, 255, 0.1);
	}

	#menu-navibtn:checked~#navi {
		position: fixed;
		overflow-y: scroll;
		overflow-x: hidden;
		height: 100%;
		top: 0;
	}

	.menu-parent .menu-child {
		border: none;
		position: relative;
		padding: 0;
		opacity: 1;
		top: 0;
		margin-left: auto;
		left: auto;
		width: auto;
	}

	.menu-parent>label:hover {
		cursor: pointer;
		cursor: hand;
	}

	.menu-parent .menu-child li a {
		display: block;
		width: auto;
		height: auto;
		box-sizing: border-box;
		padding: 15px 20px 15px 23px;
		vertical-align: middle;
		background: #333333;
	}

	.menu-parent .menu-child li a:hover {
		background: rgba(255, 255, 255, 0.1);
	}
}

/* ハンバーガー */
#navi #navibtn {
	display: none !important;
}

@media screen and (max-width: 813px) {
	#navi #navibtn {
		display: block;
		position: absolute;
		top: 10px;
		right: 10px;
	}

	#navibtn span {
		display: block;
		width: 40px;
		height: 40px;
		background-color: #333;
		background-color: rgba(0, 0, 0, 0.7);
	}

	#navibtn span span {
		display: block;
		overflow: hidden;
		width: 1px;
		height: 1px;
	}

	#navibtn span span::before,
	#navibtn span span::after,
	#navibtn span::after {
		position: absolute;
		left: 10px;
		content: "";
		width: 20px;
		height: 3px;
		background-color: #FFF;
	}

	#navibtn span span::before {
		top: 10px;
	}

	#menu-navibtn:checked~#navi label#navibtn span span::before {
		top: 19px;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}

	#navibtn span::after {
		bottom: 10px;
	}

	#menu-navibtn:checked~#navi label#navibtn>span::after {
		bottom: 18px;
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
	}

	#navibtn span span::after {
		top: 18px;
	}

	#menu-navibtn:checked~#navi label#navibtn span span::after {
		display: none;
	}
}

/*****************
 footer
*****************/
footer {
	background: #323232;
	color: #FFFFFF;
	position: relative;
}

footer .inner {
	width: 95%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px 0;
}

footer h2 {
	color: #e8e8e8;
	font-size: 16px;
	margin-bottom: 5px;
}

footer p {
	font-size: 14px;
}

footer .footBox1 ul {
	margin: 0;
	padding: 0;
}

footer .footBox1 ul li {
	margin: 0;
	padding: 5px 0;
	font-size: 14px;
}

footer .footBox1 ul li a {
	color: #A5A5A5;
	text-decoration: none;
	transition: 0.5s;
}

footer .footBox1 ul li a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.footBox1 .footCol {
	padding: 0 0 15px;
}

.footBox2 .footCol2 p span {
	display: inline-block;
}

.footBox2 .footCol1 {
	padding: 0 0 15px;
}

@media screen and (min-width: 813px) {
	.footBox1 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	.footBox1 .footCol {
		-webkit-flex-basis: 25%;
		-ms-flex-basis: 25%;
		flex-basis: 25%;
		padding: 10px;
	}

	.footBox2 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	.footBox2 .footCol1 {
		width: 200px;
		padding: 0;
	}

	.footBox2 .footCol2 {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
}

.copy {
	background: #000000;
	color: #FFFFFF;
	font-size: 14px;
	text-align: center;
	margin: 0 auto;
	padding: 8px 5px;
	box-sizing: border-box;
}

/*******************************

 common
 
*********************************/

@media screen and (max-width: 414px) {
	.no-sp {
		display: none;

	}
}

@media screen and (min-width: 415px) {
	.no-pc {
		display: none;
	}
}

.d-inline-block {
	display: inline-block;
}

.color_primary {
	color: #B00000;
}

.orange {
	color: #f49801;
}

.blue {
	color: #005293;
}

.bgblue {
	background-color: #0068b7;
}

.title_primary {
	width: 100%;
	margin: 0 auto;
	padding: 40px 10px;
	color: #FFFFFF;
	text-align: center;
	box-sizing: border-box;
}

.inn {
	width: 95%;
	max-width: 1080px;
	margin: 0 auto;
	padding: 0;
}

.btn_cta {
	display: block;
	position: relative;
	width: 100%;
	color: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
	padding: 2% 30px;
	margin: 0 auto;
	font-size: 1.6rem;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	border-radius: 50px;
	border: 2px solid #fff;
	box-sizing: border-box;
}

.btn_cta.btn_blue {
	background-color: rgba(28, 30, 132, 0.9);
}

.btn_cta.btn_orang {
	background-color: rgba(244, 152, 1, 0.9);
}

.btn_cta.::after {
	content: "→";
	position: absolute;
	right: 20px;
}

.btn_cta:hover {
	color: #fff;
}

.btn_cta.btn_blue:hover {
	background: rgba(28, 30, 132, 1);
}

.btn_cta.btn_orang:hover {
	background: rgba(244, 152, 1, 1);
}

@media screen and (min-width:812px) {
	.btn_cta {
		font-size: 2.2rem;
	}
}

/*******************************

 main
 
*********************************/

/** FV **/
.HeadBox {
	margin: 0 auto;
	padding: 0;
	background-image: url(../../../img/services-for-corporations/bg_dot.png), url(../../../img/services-for-corporations/bg_fv.jpg);
	background-size: 3px 3px, cover;
	background-repeat: repeat, no-repeat;
	background-position: 0 0, center center;
}

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


.HeadBox h1 {
	font-size: 30px;
	letter-spacing: 0;
	color: #ffffff;
	text-shadow: 2px 2px 2px #633c00;
	margin-bottom: 50px;
}

.HeadBox h1 span {
	display: block;
	font-size: 56px;
	letter-spacing: 0;
	vertical-align: bottom;
	line-height: 1.5;
	color: #ffffff;
	padding: 0;
	margin: 0 0 10px;
}

@media screen and (max-width:813px) {
	.HeadBoxIn {
		padding: 40px 0;
	}

	.HeadBox h1 {
		font-size: 16px;
		margin-bottom: 30px;
	}

	.HeadBox h1 span {
		font-size: 26px;
	}
}


.HeadActionBtn {
	margin: 0 auto;
}

.HeadActionBtn ul {
	width: 95%;
}

.HeadActionBtn ul li {
	display: block;
	margin: 0 auto 15px;
	width: 100%;
}

@media screen and (min-width:640px) {
	.HeadActionBtn ul {
		max-width: 980px;
		display: flex;
		margin: 20px auto 0;
	}

	.HeadActionBtn ul li {
		padding: 0 15px;
		margin: 0;
		width: 50%;
	}
}

.HeadActionBtn a {
	display: block;
	position: relative;
	width: 100%;
	color: #ffffff;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
	border: none;
	padding: 2% 30px;
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 auto;
	text-decoration: none;
	text-align: center;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border: 2px solid #FFFFFF;
}

.HeadActionBtn .btn_blue {
	background-color: rgba(28, 30, 132, 0.9);
}

.HeadActionBtn .btn_orang {
	background-color: rgba(244, 152, 1, 0.9);
}

.HeadActionBtn .btn_brown {
	background-color: rgba(99, 60, 0, 0.9);
}

.HeadActionBtn .btn_blue::after {
	content: "→";
	position: absolute;
	right: 20px;
}

.HeadActionBtn .btn_orang::after,
.HeadActionBtn .btn_brown::after {
	content: "→";
	position: absolute;
	right: 20px;
}

.HeadActionBtn .btn_blue:hover {
	background: rgba(28, 30, 132, 1);
}

.HeadActionBtn .btn_orang:hover {
	background: #f49801;
}

.HeadActionBtn .btn_brown:hover {
	background: #633c00;
}

@media screen and (min-width:640px) {
	.HeadActionBtn a {
		font-size: 2.2rem;
	}
}

/** corplogo **/
.corplogo {
	width: 100%;
	max-width: 1200px;
	padding: 20px 15px;
	margin: auto;

	@media (min-width: 768px) {
		padding: 40px 15px;
	}
}

.corplogo_lists {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	margin-bottom: 20px;

	@media (max-width: 767px) {
		flex-wrap: wrap;
	}
}

.corplogo_lists li {
	@media (max-width: 767px) {
		flex-basis: 20%;
	}
}

.corplogo_copy {
	font-size: 24px;
	font-weight: 900;
	text-align: center;

	@media (min-width: 768px) {
		font-size: 36px;
	}
}

/** dxhr **/
.dxhr__table {
	border-collapse: collapse;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 960px;
	table-layout: fixed;
}

.dxhr__table tr {
	background-color: #e6f2f5;
	background-color: #eaf6fe;
	padding: .35em;
	border-bottom: 2px solid #fff;
}

.dxhr__table th,
.dxhr__table td {
	padding: 10px;
	border-right: 2px solid #fff;
	vertical-align: middle;
}

.dxhr__table th {
	font-size: 15px;
	font-weight: bold;
}

.dxhr__table tbody th {
	width: 200px;
	background: #78bbc7;
	background: #0068b7;
	color: #fff;
}

.dxhr__table .txt {
	color: #0068b7;
	font-size: 14px;
}

@media screen and (max-width: 768px) {
	.dxhr__table {
		border: 0;
		width: 100%
	}

	.dxhr__table th {
		display: block;
		border-right: none;
	}

	.dxhr__table tbody th {
		width: 100%;
		color: #fff;
	}

	.dxhr__table tr {
		display: block;
		margin-bottom: .625em;
	}

	.dxhr__table td {
		border-bottom: 1px solid #bbb;
		display: block;
		padding: 10px;
		border-right: none;
	}

	.dxhr__table td:last-child {
		border-bottom: 0;
	}
}

/** feature **/
#Feature .FeatureIn {
	width: 95%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
}

#Feature .BoxA,
#Feature .BoxB,
#Feature .BoxC {
	margin-bottom: 30px;
}

@media screen and (max-width: 812px) {

	#Feature .BoxAtxt,
	#Feature .BoxBtxt,
	#Feature .BoxCtxt {
		padding-top: 15px;
	}
}

@media screen and (min-width: 813px) {
	#Feature .BoxA {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 50px 50px 1fr 30px;
		grid-template-columns: 1fr 50px 50px 1fr 30px;
		-ms-grid-rows: 30px 30px auto auto 25px;
		grid-template-rows: 30px 30px auto auto 25px;
	}

	#Feature .BoxAimg {
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
		grid-column: 1 / 4;
		-ms-grid-row: 2;
		-ms-grid-row-span: 3;
		grid-row: 2 / 5;
	}

	#Feature .BoxAbg {
		-ms-grid-column: 3;
		-ms-grid-column-span: 3;
		grid-column: 3 / 6;
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		grid-row: 1 / 4;
		z-index: -1;
	}

	#Feature .BoxAtxt {
		-ms-grid-column: 3;
		-ms-grid-column-span: 2;
		grid-column: 3 / 5;
		-ms-grid-row: 3;
		-ms-grid-row-span: 2;
		grid-row: 3 / 6;
		box-shadow: 0 0 8px #cccccc;
		-moz-box-shadow: 0 0 8px #cccccc;
		-webkit-box-shadow: 0 0 8px #cccccc;
		background: #FFFFFF;
		padding: 40px;
		z-index: 1;
	}

	#Feature .BoxB {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 80px 1fr 50px 80px 1ft;
		grid-template-columns: 80px 1fr 50px 80px 1fr;
		-ms-grid-rows: 30px 25px auto 25px 30px;
		grid-template-rows: 30px 25px auto 25px 30px;
	}

	#Feature .BoxBimg {
		-ms-grid-column: 3;
		-ms-grid-column-span: 3;
		grid-column: 3 / 6;
		-ms-grid-row: 1;
		-ms-grid-row-span: 5;
		grid-row: 1 / 6;
	}

	#Feature .BoxBbg {
		-ms-grid-column: 2;
		-ms-grid-column-span: 3;
		grid-column: 2 / 5;
		-ms-grid-row: 2;
		-ms-grid-row-span: 3;
		grid-row: 2 / 5;
		z-index: -1;
	}

	#Feature .BoxBtxt {
		-ms-grid-column: 1;
		-ms-grid-column-span: 3;
		grid-column: 1 / 4;
		-ms-grid-row: 3;
		-ms-grid-row-span: 1;
		grid-row: 3 / 4;
		box-shadow: 0 0 8px #cccccc;
		-moz-box-shadow: 0 0 8px #cccccc;
		-webkit-box-shadow: 0 0 8px #cccccc;
		background: #FFFFFF;
		padding: 40px;
		z-index: 1;
	}

	#Feature .BoxC {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 50px 1fr 50px 30px;
		grid-template-columns: 1fr 50px 1fr 50px 30px;
		-ms-grid-rows: 50px auto auto 50px 30px;
		grid-template-rows: 50px auto auto 50px 30px;
	}

	#Feature .BoxCimg {
		-ms-grid-column: 1;
		-ms-grid-column-span: 2;
		grid-column: 1 / 3;
		-ms-grid-row: 1;
		-ms-grid-row-span: 3;
		grid-row: 1 / 4;
	}

	#Feature .BoxCbg {
		-ms-grid-column: 3;
		-ms-grid-column-span: 3;
		grid-column: 3 / 6;
		-ms-grid-row: 3;
		-ms-grid-row-span: 3;
		grid-row: 3 / 6;
		z-index: -1;
	}

	#Feature .BoxCtxt {
		-ms-grid-column: 2;
		-ms-grid-column-span: 2;
		grid-column: 2 / 5;
		-ms-grid-row: 2;
		-ms-grid-row-span: 2;
		grid-row: 2 / 5;
		box-shadow: 0 0 8px #cccccc;
		-moz-box-shadow: 0 0 8px #cccccc;
		-webkit-box-shadow: 0 0 8px #cccccc;
		background: #FFFFFF;
		padding: 40px;
		z-index: 1;
	}
}

#Feature h2 {
	margin: 0 auto;
	padding: 40px 10px;
	color: #FFFFFF;
	text-align: center;
}

#Feature h3 {
	display: inline-block;
	background: #ffffff;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	letter-spacing: -1px;
	line-height: 1.3;
}


#Feature dl dt {
	position: relative;
	background: #fdfdfd;
	padding: 0.25em 0.5em;
	border-left: solid 2em #f49801;
	font-weight: bold;
	margin-bottom: 15px;
	color: #633c00;
}

#Feature dl dt.isolve:before {
	background: url(../../../img/services-for-corporations/i_feature1.png) center center;
	background-repeat: no-repeat;
	background-size: 25px 25px;
}

#Feature dl dt:before {
	content: '';
	width: 25px;
	height: 25px;
	position: absolute;
	padding: 0em;
	color: white;
	font-weight: normal;
	left: -1.35em;
	left: -30px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
}

/**Case**/
#Case {
	padding: 0;
}

#Case h2 {
	margin: 0 auto;
	padding: 40px 10px;
	color: #FFFFFF;
	text-align: center;
}

#Case .TitleS {
	text-align: center;
	margin: 40px auto 60px;
	font-weight: bold;
	width: 96%;
}

#Case .BoxIn h3 {
	border-left: 5px solid #f49801;
	padding: 5px 0 5px 10px;
	margin: 0 30px;
}

#Case .BoxIn {
	width: 95%;
	max-width: 1080px;
	margin: 0 auto 50px;
	padding: 0;
	box-shadow: -20px -20px #0068b7;
	-moz-box-shadow: -20px -20px #0068b7;
	-webkit-box-shadow: -20px -20px #0068b7;
}

#Case .BoxShadow {
	padding-top: 30px;
	box-shadow: 0 0 8px #cccccc;
	-moz-box-shadow: 0 0 8px #cccccc;
	-webkit-box-shadow: 0 0 8px #cccccc;
	background: #FFFFFF;
}

#Case .BoxCaseA_1,
#Case .BoxCaseA_2,
#Case .BoxCaseB_1,
#Case .BoxCaseB_2 {
	padding: 20px 30px;
}

@media screen and (max-width: 812px) {
	#Case .BoxIn {
		width: 100%;
		box-shadow: -10px -10px #0068b7;
		-moz-box-shadow: -10px -10px #0068b7;
		-webkit-box-shadow: -10px -10px #0068b7;
	}

	#Case .BoxCaseA_1,
	#Case .BoxCaseA_2,
	#Case .BoxCaseB_1,
	#Case .BoxCaseB_2 {
		padding: 20px;
	}

	#Case .BoxIn h3 {
		margin: 0 20px;
	}
}

@media screen and (min-width: 813px) {
	#Case .BoxCaseA {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1.3fr 1fr;
		grid-template-columns: 1.3fr 1fr;
		-ms-grid-rows: auto;
		grid-template-rows: auto;
	}

	#Case .BoxCaseA_1 {
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		grid-column: 1 / 2;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-row: 1 / 2;
	}

	#Case .BoxCaseA_2 {
		-ms-grid-column: 2;
		-ms-grid-column-span: 1;
		grid-column: 2 / 3;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-row: 1 / 2;
	}

	#Case .BoxCaseB {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
	}

	#Case .BoxCaseB_1 {
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		grid-column: 1 / 2;
	}

	#Case .BoxCaseB_2 {
		-ms-grid-column: 2;
		-ms-grid-column-span: 1;
		grid-column: 2 / 3;
	}
}

#Case .BoxIn dl {
	margin-bottom: 20px;
}

#Case .BoxIn dl dt {
	font-weight: bold;
}

#Case .BoxIn dl dd {
	margin-top: 15px;
}

#Case .BoxIn dl dd ul li {
	font-weight: bold;
	color: #005293;
}

@media screen and (min-width: 813px) {
	#Case .BoxIn dl dd ul li {
		display: inline-block;
	}

	#Case .BoxIn dl dd ul li:not(:last-child)::after {
		content: '/';
		display: inline-block;
		margin: 0 15px;
	}
}

#Case .BoxIn strong {
	background: linear-gradient(transparent 75%, #ffce9e 75%);
}

#Case .BoxIn h4 {
	position: relative;
	background: #fafafa;
	padding: 0.25em 0.5em;
	border-left: solid 2em #f49801;
	font-weight: bold;
	margin-bottom: 15px;
	color: #f49801;
}

#Case .BoxIn h4.iCase1:before {
	background: url(../../../img/services-for-corporations/i_case1.png) center center;
	background-repeat: no-repeat;
	background-size: 25px 25px;
}

#Case .BoxIn h4.iCase2:before {
	background: url(../../../img/services-for-corporations/i_case2.png) center center;
	background-repeat: no-repeat;
	background-size: 25px 25px;
}

#Case .BoxIn h4:before {
	content: '';
	width: 25px;
	height: 25px;
	position: absolute;
	padding: 0em;
	color: white;
	font-weight: normal;
	left: -1.35em;
	left: -30px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
}

#Case .BoxCaseC {
	display: flex;
	justify-content: center;
	background: #fafafa;
	padding: 20px;
}

#Case .BoxCaseC h5,
#Case .BoxCaseC p {
	margin: 0;
	padding: 0 5px;
	line-height: 1.2;
	font-weight: 700;
}

/**Trading**/
#Trading {
	margin: 0 auto;
	padding: 0;
}

#Trading h2 {
	margin: 0 auto;
	padding: 40px 10px;
	color: #FFFFFF;
	text-align: center;
}

#Trading .BoxTradingIn {
	width: 95%;
	max-width: 1080px;
	margin: 0 auto 50px;
	padding: 0;
}

#Trading .BoxTrading_1,
#Trading .BoxTrading_2,
#Trading .BoxTrading_3 {
	padding: 0 30px;
}

@media screen and (min-width: 813px) {
	#Trading .BoxTrading {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr 1fr;
		grid-template-columns: 1fr 1fr 1fr;
	}

	#Trading .BoxTrading_1 {
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		grid-column: 1 / 2;
	}

	#Trading .BoxTrading_2 {
		-ms-grid-column: 2;
		-ms-grid-column-span: 1;
		grid-column: 2 / 3;
	}

	#Trading .BoxTrading_3 {
		-ms-grid-column: 3;
		-ms-grid-column-span: 1;
		grid-column: 3 / 4;
	}
}

#Trading .BoxTrading ul {
	text-align: center;
	margin: 0 auto;
}

#Trading .BoxTrading ul li {
	font-size: 1.4rem;
	padding: 5px 0;
}


/*******************************

  step

********************************/

.purchase_step {
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}

.purchase_step h2 {
	margin: 0 auto;
	padding: 40px 10px;
	color: #FFFFFF;
	text-align: center;
}

/*.purchase_step::before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    display: block;
    width: 100vw;
    height: 100%;
    margin: 0 calc(50% - 50vw);
    background: #f5f2e3;
    content: "";
}*/
.purchase_step__inner {
	width: 95%;
	max-width: 1080px;
	margin: 0 auto;
	padding: 30px 0;
}

.purchase_step_panel {
	position: relative;
	margin-bottom: 40px;
	border: 1px solid #f5f2e3;
}

.purchase_step_panel::before {
	display: inline-block;
	position: absolute;
	bottom: -70px;
	left: 50%;
	transform: translateX(-50%);
	content: '';
	border: 40px solid transparent;
	border-top: 20px solid #f5f2e3;
}

.purchase_step_panel_last::before {
	content: none;
}

.purchase_step_copy {
	padding: 15px;
}

.purchase_step_img {
	padding: 0 15px 15px;
}

.purchase_step_img img {
	box-shadow: 0 0 2px #ccc;
}

.purchase_step_title {
	color: #fff;
	font-size: 1.6rem;
	font-weight: 700;
	background: #005293;
	padding: 10px;
	margin-bottom: 15px;
}

.purchase_step_txt {
	font-size: 1.3rem;
	margin: 0;
	padding: 0;
}

@media screen and (min-width: 768px) {
	.purchase_step__inner {
		padding: 30px 0;
	}

	.purchase_step_wrap {
		max-width: 980px;
		margin: 0 auto;
	}

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

	.purchase_step_copy {
		flex-basis: 70%;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		padding: 15px;
	}

	.purchase_step_img {
		flex-basis: 30%;
		padding: 15px;
	}

	.purchase_step_title {
		font-size: 1.8rem;
	}

	.purchase_step_txt {
		font-size: 1.4rem;
		padding: 10px 10px 0;
	}
}

/*******************************

  about_service

********************************/
.about_service_container {
	width: 100%;
	position: relative;
	margin: 0 auto 60px;
	padding: 0 0 20px;
}

.about_service_container::before {
	content: '';
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 100px 0 100px;
	border-color: #f5f2e3 transparent transparent transparent;
}

.about_service_list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.about_service_list>li {
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	padding: 10px 0;
	margin: 0;
	text-indent: -2.2em;
	margin-left: 2.2em;
	border-bottom: dotted 1px #005293;
}

.about_service_list>li::before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url(../../../img/services-for-corporations/i_check.png) no-repeat center center;
	background-size: contain;
	vertical-align: middle;
	margin-right: 8px;
}

.about_service_sol p {
	font-size: 16px;
	margin-top: 0.5em;
}

@media screen and (min-width: 813px) {
	.about_service_list>li {
		font-size: 22px;
		text-indent: -1.7em;
		margin-left: 1.7em;
	}

	.about_service_inner {
		max-width: 980px;
		display: flex;
		align-items: center;
		margin: 0 auto;
	}

	.about_service_img {
		flex-basis: 25%;
	}

	.about_service_copy {
		flex-basis: 75%;
	}
}

/*******************************

  relatedinfo

********************************/
.relatedinfo_panel {
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0 0 8px #ccc;
	padding: 25px;
	margin: 20px 0;
}

.relatedinfo_panel_body {
	padding-top: 15px;
}

.relatedinfo_panel_img img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
	border: 1px solid #f2f2f2;
}

.relatedinfo_panel_title {
	font-size: 18px;
	margin: 0 0 8px;
	padding: 0;
}

.relatedinfo_panel_text {
	font-size: 14px;
	line-height: 1.5;
	margin: 0 0 8px;
}

.relatedinfo_panel_detail_list {
	margin: 0 0 0 20px;
	padding: 0;
}

.relatedinfo_panel_detail_list li {
	list-style: disc;
	margin: 0;
	padding: 0;
	font-size: 15px;
}

.relatedinfo_panel_bottom {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 15px;
	margin-top: 15px;
}

.relatedinfo_panel_btn {
	display: block;
	width: 100%;
	margin: 0;
	padding: 15px;
	color: #fff;
	background: #4c9bd1;
	font-size: 16px;
	font-weight: bold;
	border-radius: 6px;
	text-decoration: none;
	text-align: center;
}

.relatedinfo_panel_btn:hover {
	color: #fff;
	opacity: 0.8;
}

@media screen and (min-width:768px) {
	.relatedinfo_panel {
		display: flex;
		justify-content: space-between;
		flex-direction: row-reverse;
	}

	.relatedinfo_panel_body {
		flex-basis: 62%;
		padding: 0;
	}

	.relatedinfo_panel_img {
		flex-basis: 35%;
	}

	.relatedinfo_panel_title {
		font-size: 24px;
	}

	.relatedinfo_panel_text {
		font-size: 16px;
	}

	.relatedinfo_panel_bottom {
		flex-direction: row;
		justify-content: space-around;
	}
}

/*******************************

  FAQ

********************************/
.faq_table {
	width: 100%;
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
}

.faq_table tr.q {
	background: #f2f2f2;
}

.faq_table th {
	padding: 10px 10px 10px 20px;
	font-size: 16px;
	line-height: 30px;
	white-space: nowrap;
}

.faq_table td {
	padding: 10px;
	font-size: 16px;
	line-height: 30px;
}

.faq_table tr.q th,
.faq_table tr.q td {
	font-weight: bold;
}

.faq_table tr.a th,
.faq_table tr.a td {
	padding-bottom: 30px;
}

@media screen and (max-width:812px) {
	.faq_table th {
		font-size: 14px;
	}

	.faq_table td {
		font-size: 14px;
		padding-left: 0;
	}
}

/**********************

  attend

***********************/
.attend {
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}

.attend h2 {
	margin: 0 auto;
	padding: 40px 10px;
	color: #FFFFFF;
	text-align: center;
}

.attend__inner {
	width: 95%;
	max-width: 1080px;
	margin: 0 auto;
	padding: 30px 0;

	@media (min-width: 768px) {
		padding: 40px 0;
	}
}

.attend__list {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	margin: 30px auto;

	@media (min-width: 768px) {
		margin: 40px auto;
	}
}

.attend__item {
	width: 100%;
	border-radius: 15px;
	overflow: hidden;
	border: 1px solid #ccc;

	@media (min-width: 768px) {
		width: calc(100% / 3 - 30px);
	}
}

.attend__subtitle {
	padding: 20px 20px 15px;
	font-size: 18px;
}

.attend__text {
	padding: 0 20px 20px;
	font-size: 15px;
}

.attend a,
.attend a:hover {
	color: #333;
	text-decoration: none;
}


/*******************************

  act

********************************/
.actBox {
	width: 100%;
	margin: 0;
	padding: 30px 0;
	background: #fff100;
	background: linear-gradient(-45deg, #fff100 0%, #fff100 50%, #f2ff00 50%, #f2ff00 100%);
}

.actBox h2 {
	width: 95%;
	margin: 0 auto 15px;
	text-align: center;
}

.actBoxIn {
	width: 95%;
	max-width: 1080px;
	margin: 0 auto;
}

.actBox3,
.actBox4 {
	padding: 10px;
}

@media screen and (min-width: 813px) {
	.actBoxIn {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr 1fr;
		grid-template-columns: 1fr 1fr 1fr;
		-ms-grid-rows: auto auto;
		grid-template-rows: auto auto;
	}

	.actBox1 {
		-ms-grid-column: 1;
		-ms-grid-column-span: 1;
		grid-column: 1 / 2;
		-ms-grid-row: 1;
		-ms-grid-row-span: 2;
		grid-row: 1 / 3;
	}

	.actBox2 {
		-ms-grid-column: 2;
		-ms-grid-column-span: 2;
		grid-column: 2 / 4;
		-ms-grid-row: 1;
		-ms-grid-row-span: 1;
		grid-row: 1 / 2;
	}

	.actBox3 {
		-ms-grid-column: 2;
		-ms-grid-column-span: 1;
		grid-column: 2 / 3;
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
		grid-row: 2 / 3;
		padding-right: 15px;
	}

	.actBox4 {
		-ms-grid-column: 3;
		-ms-grid-column-span: 1;
		grid-column: 3 / 4;
		-ms-grid-row: 2;
		-ms-grid-row-span: 1;
		grid-row: 2 / 3;
		padding-left: 15px;
	}

}

.actBox1,
.actBox3,
.actBox4 {
	text-align: center;
}

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

	.actBox2 p {
		margin-bottom: 10px;
	}
}


/**********************

  form

***********************/
.wpcf7 input {
	border: 1px solid #b5b5b5;
	padding: 8px;
	/*padding: 1em 1em;*/
	box-sizing: border-box;
	width: 100%;
	border-radius: unset;
}

.wpcf7 input[name="your-quantity"] {
	padding: 0.5em 0.5em;
}

.wpcf7 select {
	border: 1px solid #b5b5b5;
	padding: 0.5em 0.5em;
	box-sizing: border-box;
}

.wpcf7 textarea {
	width: 100%;
	max-width: 100%;
	border: 1px solid #b5b5b5;
	padding: 1em 1em;
	box-sizing: border-box;
	border-radius: unset;
}

.wpcf7 textarea[name="textarea-1"] {
	height: 100px !important;
}

/*.checkbox-1 .wpcf7-list-item{
	display:block;
}*/
.checkbox-2 .wpcf7-list-item {
	display: block;
}

.wpcf7 input[name="your-sei"],
.wpcf7 input[name="your-mei"],
.wpcf7 input[name="your-sei-kana"],
.wpcf7 input[name="your-mei-kana"] {
	width: 100%;
	height: auto;
	box-sizing: border-box;
}

.wpcf7 input[name="your-company"],
.wpcf7 input[name="your-tel"],
.wpcf7 input[name="your-email"],
.wpcf7 input[name="your-date"] {
	width: 100%;
	height: auto;
	max-width: 400px;
}

.wpcf7 input[name="your-postcode"] {
	width: 100%;
	max-width: 120px;
}

.wpcf7 input[name="your-add"] {
	width: 100%;
}

.wpcf7 input[name="your-quantity"] {
	padding: 0.5em 0.5em;
	width: 60px;
	text-align: center;
}

.wpcf7 ::placeholder {
	color: #ccc;
}

.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 input[type="number"]:focus,
.wpcf7 textarea:focus {
	background-color: #fef5e8;
	box-shadow: 0 0 5px #ccc;
	transition: background-color 2s ease-out;
}

.wpcf7 .contactTable input[name="your-tel"] {
	max-width: 220px;
}

.wpcf7 .contactTable input[name="your-company"],
.wpcf7 .contactTable input[name="your-email"] {
	max-width: 368px;
}

.contactform_btn {
	margin: 0 auto;
	text-align: center;
	max-width: 100%;
}

.contactform_btn input[type="submit"] {
	display: block;
	width: 90%;
	max-width: 400px;
	margin: 0 auto;
	padding: 15px;
	color: #fff;
	background: #4c9bd1;
	font-size: 18px;
	font-weight: bold;
	border: none;
	border-radius: 6px;
}

.contactform_btn input:hover {
	opacity: 0.9;
}

.contactform_btn::after {
	content: none;
}


.contactTable {
	margin: 25px auto;
}

.contactTable th,
.contactTable td {
	background: #fff;
	border: none;
	box-sizing: border-box;
	padding: 0.357143em 1.071428em;
	padding-bottom: 8px;
	padding-left: 0;
	vertical-align: middle !important;
	box-sizing: border-box;
}

.contactTable .table_col2 {
	max-width: 420px;
	display: flex;
	flex-wrap: wrap;
}

.contactTable .table_col2>div {
	width: 50%;
	padding: 5px 5px 5px 0;
	box-sizing: border-box;
}

.contactTable th span {
	color: #ffffff;
	font-weight: bold;
	display: inline-block;
	font-size: 8px;
	line-height: 8px;
	margin-left: 2px;
	background: #CC3300;
	padding: 4px;
	position: relative;
	top: -2px;
}

@media screen and (max-width: 812px) {

	.contactTable th,
	.contactTable td {
		display: block;
		width: 100%;
	}

	.contactTable th {
		padding-bottom: 0;

	}

	.contactTable td {
		padding-top: 0;
	}

	.contactTable .table_col2 {
		max-width: 100%;
	}
}

.form_navi_wrap {
	width: 100%;
	margin: 20px auto 0;
}

.form_navi {
	display: flex;
	margin: 0;
	padding: 0;
}

.form_navi li.form_navi_label {
	width: 50%;
	background-color: #cccccc;
	margin: 0;
	padding: 8px 0;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	list-style: none;
	position: relative;
	font-size: 13px;
	line-height: 15px;
}

.form_navi li.form_customer {
	background: #000000;
}

.form_navi li.form_customer::after {
	content: "";
	position: absolute;
	top: 0;
	right: -10px;
	border-left: 15px solid #000;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	transform-origin: right top;
	transform: scaleX(.7);
	z-index: 1;
}

.form_navi li.form_complete::after {
	content: "";
	position: absolute;
	top: 0;
	right: -10px;
	border-left: 15px solid #ccc;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	transform-origin: right top;
	transform: scaleX(.7);
}

.ss_privacy {
	background-color: #ffffff;
	border: 1px solid #e5e5e5;
	color: #333333;
	/*height: 140px;*/
	height: 70px;
	margin: 0 auto 30px;
	overflow: auto;
	padding: 3px 8px;
	width: 100%;
	max-width: 600px;
	font-size: 13px;
	box-sizing: border-box;
	border-radius: unset;
}

.ss_privacy p {
	font-size: 11px;
	font-weight: normal;
	color: #333;
	line-height: 21px;
	margin-top: 0;
}

/**********************

  form intro

***********************/
/****
.form_intro {
	max-width:840px;
	margin:20px auto;
}
.form_intro_img {
	text-align:center;
}
.form_intro_copy_box {
	background:#ecf9fd;
	padding:15px;
	margin:10px 0;
}
.form_intro_lists {
	margin:0;
	padding:0;
	list-style:none;
}
.form_intro_lists li {
	color:#004e98;
	font-size:16px;
	font-weight:700;
	padding:5px 0 5px 15px;
	position:relative;
	line-height:1.5;
}
.form_intro_lists li::before {
	display: inline-block;
    content: "";
    position: absolute;
    width: 6px;
    height: 2px;
    top: 50%;
    left: 0;
	margin-top: -1px;
    background-color: #d70c18;
}
.form_intro_copy_title {
	color:#004e98;
	font-size:16px;
	font-weight:700;
}
.form_intro_copy_remarks{
	color:#004e98;
	font-size:14px;
}
@media screen and (min-width: 768px) {
.form_intro {
	margin:40px auto 0;
	display:flex;
	align-items: center;
	justify-content:space-between;
	gap: 10px;
}
.form_intro_img {
	flex-basis:50%;
}
.form_intro_copy {
	flex-basis:50%;
}
.form_intro_copy_box {
	padding:15px 30px;
}	
}

.wpcf7 .wpcf7-list-item input{
	width:auto;
}

/**********************

  wpdl

***********************/

.wpdl_title {
	font-size: 18px;
	font-weight: bold;
	color: #004e98;
	text-align: center;
}

.wpdl_inner {
	width: 95%;
	max-width: 980px;
	margin: 0 auto;
	padding: 0;
}

.wpdl_content {
	padding: 0 0 20px 0;
	box-sizing: border-box;
}

.wpdl_form {
	border-radius: 6px;
	background-color: rgba(249, 249, 251, 1);
	padding: 20px 30px;
	box-sizing: border-box;
}

.wpdl_img {
	text-align: center;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}

.wpdl_copy_title {
	color: #004e98;
	font-size: 16px;
	font-weight: 700;
}

.wpdl_copy_box {
	margin: 10px auto;
}

.wpdl_copy_lists {
	margin: 0;
	padding: 0;
	list-style: none;
}

.wpdl_copy_lists li {
	color: #004e98;
	font-size: 16px;
	font-weight: 700;
	padding: 5px 0 5px 15px;
	position: relative;
	line-height: 1.5;
}

.wpdl_copy_lists li::before {
	display: inline-block;
	content: "";
	position: absolute;
	width: 6px;
	height: 2px;
	top: 50%;
	left: 0;
	margin-top: -1px;
	background-color: #d70c18;
}

.wpdl_copy_remarks {
	color: #004e98;
	font-size: 14px;
}

@media screen and (min-width: 768px) {
	.wpdl_title {
		font-size: 32px;
	}

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

	.wpdl_content {
		width: 52%;
	}

	.wpdl_form {
		width: 45%;
	}
}

/**********************

  expa-form　

***********************/
.expa-form {
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	padding: 0;
	font-size: 14px;
}

.pub_form {
	width: fit-content;
	margin: 0 auto 20px;
	padding: 0;
}

.pub_form .col--2 {
	margin-bottom: 15px;
}

/**
.pub_form .col--2 {
	display:flex;
	gap:15px;
}
.pub_form dt {
	width: 150px;
}
.pub_form dd {
	flex:1;
}
**/
.pub_form dt,
.pub_form dd {
	box-sizing: border-box;
	padding: 0.357143em 0;
	/*padding-bottom: 8px;*/
	vertical-align: middle;
	box-sizing: border-box;
}

.pub_form dt {
	padding-bottom: 5px;
	font-weight: bold;
}

.pub_form dd {
	padding-top: 0;
}

.pub_form .col---2 {
	max-width: 420px;
	display: flex;
	gap: 10px;
}

.pub_form .col---2 dd {
	width: 50%;
}

.pub_form dt font {
	color: #ffffff;
	font-weight: bold;
	display: inline-block;
	font-size: 8px;
	line-height: 8px;
	margin-left: 4px;
	background: #CC3300;
	padding: 4px;
	vertical-align: middle;
}

@media screen and (max-width: 812px) {

	/*
.pub_form .col--2 {
	display: block;
}
*/
	.pub_form dt,
	.pub_form dd {
		width: 100%;
	}

	.pub_form dt {
		padding-bottom: 5px;
		font-weight: bold;
	}

	.pub_form dd {
		padding-top: 0;
	}

	.pub_form .col---2 {
		max-width: 100%;
	}
}


.pub_form input {
	border: 1px solid #b5b5b5;
	padding: 8px 7px;
	box-sizing: border-box;
	font-size: 13px;
	line-height: 18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Open Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.pub_form select {
	border: 1px solid #b5b5b5;
	padding: 0.5em 0.5em;
	box-sizing: border-box;
}

.pub_form textarea {
	width: 100%;
	max-width: 100%;
	border: 1px solid #b5b5b5;
	padding: 1em 1em;
	box-sizing: border-box;
}

.pub_form input[type="radio"] {
	display: inline-block;
	margin: 2px;
	height: 11px;
}

.pub_form input[type="text"],
.pub_form input[type="email"],
.pub_form input[type="tel"] {
	height: auto;
}

.pub_form input[name="your-sei"],
.pub_form input[name="your-mei"] {
	width: 100%;
}

.pub_form input[name="your-email"],
.pub_form input[name="your-tel"],
.pub_form input[name="your-company"] {
	width: 100%;
}

.pub_form ::placeholder {
	color: #ccc;
}

.pub_form input[type="text"]:focus,
.pub_form textarea:focus {
	outline: none;
	background-color: #fef5e8;
	box-shadow: 0 0 5px #ccc;
	transition: background-color 2s ease-out;
}

.pub_form label {
	display: inline-block;
	margin-right: 10px;
	font-size: 11px;
}

.expa-form .ss_privacy {
	height: 70px;
	/*margin-bottom:15px;*/
	margin-bottom: 45px;
	margin-top: 25px;
}

.expa-form .privacy_text {
	font-size: 12px;
	margin: 0 0 25px;
}

/* SP表示：ロゴを左、タイトルを中央に配置 */
@media screen and (max-width: 768px) {
	.headInner {
		display: flex;
		align-items: left;
		justify-content: space-between;
		width: 100%;
		gap: 8px;
	}

	.head1 {
		order: 2;
		flex: 1;
		text-align: right;
	}

	.head1 h1 {
		font-size: 18px;
		line-height: 1.2;
	}

	.head2 {
		order: 1;
		flex-shrink: 0;
	}

	.head2 img {
		max-width: 60px;
		height: auto;
		display: block;
		margin-left: 6px;
	}

	/* メニューをSPで非表示 */
	.menuInner {
		display: none;
	}
}