@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap");

*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	list-style: none
}

html {
	font-size: 16px
}

@media screen and (max-width: 1280px) {
	html {
		font-size: calc(16 / 1280 * 100vw)
	}
}

@media screen and (max-width: 750px) {
	:root {
		font-size: 10px !important;
	}
	html {
		font-size: calc(16 / 750 * 100vw);
		height: -webkit-fill-available
	}
}

body {
	font-family: 'Noto Sans JP', sans-serif;
	position: relative;
	color: #000000;
	background-color: #ffffff
}

sup {
	display: inline-block;
	position: relative;
	bottom: .5ex;
	vertical-align: baseline;
	_vertical-align: bottom;
	height: 0;
	line-height: 1
}

@media screen and (min-width: 751px) {
	.sp {
		display: none
	}
}

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

.wrap {
	width: 100%;
	margin: 0 auto;
	overflow: hidden
}

.wrap picture,
.wrap img {
	display: block;
	width: 100%
}

header {
	border-bottom: 3px solid #333333
}

header .inner {
	max-width: 1064px;
	margin: 0 auto;
	padding: 0 2em;
	display: flex;
	align-items: center;
	height: 77px
}

header .logo {
	width: 180px
}

.kv {
	max-width: 1280px;
	margin: 0 auto;
	position: relative
}

.kv a {
	display: block;
	position: absolute;
	left: 26%;
	top: 80.2%;
	width: calc(622 / 1280 * 100%);
	animation: btn_animation 2s infinite
}

@media screen and (max-width: 750px) {
	.kv {
		margin-bottom: 1.5em
	}

	.kv a {
		left: 8.5%;
		top: 87.3%;
		width: calc(622 / 750 * 100%)
	}
}

@keyframes btn_animation {
	0% {
		transform: scale(1.05)
	}

	25% {
		transform: scale(1)
	}

	75% {
		transform: scale(1)
	}

	100% {
		-webkit-transform: scale(1.05)
	}
}

.bgcolor1 {
	background-color: #dcf3ff
}

.common-title1 {
	margin: 0 auto;
	text-align: center
}

.common-title1 h2 {
	display: inline-block;
	min-width: calc(660 / 38 * 1em);
	border: calc(4 / 38 * 1em) solid #00438f;
	background-color: #ffe224;
	color: #00438f;
	font-size: calc(38 / 16 * 1em);
	font-weight: 700;
	letter-spacing: calc(4 / 38 * 1em);
	padding: calc(10 / 38 * 1em) 1.5em;
	position: relative
}

.common-title1 h2:before {
	content: "";
	display: block;
	position: absolute;
	left: calc(4 / 38 * -1em);
	top: calc(100% + calc(4 / 38 * 1em));
	width: calc(14 / 38 * 1em);
	height: calc(14 / 38 * 1em);
	background-color: #00438f;
	clip-path: polygon(0 0, 100% 100%, 100% 0)
}

@media screen and (max-width: 750px) {
	.common-title1 h2 {
		display: block;
		min-width: 0;
		width: calc(660 / 750 * 100%);
		margin: 0 auto
	}
}

.osusume {
	padding: 3em 0 0
}

.osusume .img1 {
	width: calc(1578 / 32 * 1em);
	margin: -.5em auto 0;
	position: relative
}

@media screen and (max-width: 750px) {
	.osusume .img1 {
		width: auto;
		margin: -.5em -5% 0
	}
}

.osusume-c1 {
	display: flex;
	justify-content: center;
	margin: 2em auto 0
}

.osusume-c1>div+div {
	margin-left: 4em
}

.osusume-c1 h3 {
	text-align: center;
	font-size: calc(28 / 16 * 1em);
	font-weight: 600;
	color: #00438f
}

.osusume-c1 h3 strong {
	font-size: calc(32 / 28 * 1em);
	font-weight: 700;
	display: block
}

.osusume-c1 ul {
	margin-top: 1em
}

.osusume-c1 ul li {
	background-color: #fff;
	border-radius: 5em;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: calc(417 / 16 * 1em);
	height: calc(91 / 16 * 1em)
}

.osusume-c1 ul li+li {
	margin-top: .75em
}

.osusume-c1 ul li p {
	font-size: calc(24 / 16 * 1em);
	font-weight: 500
}

@media screen and (max-width: 750px) {
	.osusume-c1 {
		padding: 0 1.5em
	}

	.osusume-c1>div {
		flex: 1
	}

	.osusume-c1>div+div {
		margin-left: 1.5em
	}

	.osusume-c1 h3 {
		white-space: nowrap
	}

	.osusume-c1 ul li {
		width: auto
	}
}

.chance {
	padding: 3em 0
}

.chance .title1 {
	display: flex;
	justify-content: center;
	align-items: center
}

.chance .title1 h2 {
	border: calc(4 / 32 * 1em) solid #00438f;
	background-color: #ffe224;
	color: #00438f;
	font-size: calc(32 / 16 * 1em);
	font-weight: 700;
	letter-spacing: calc(3 / 32 * 1em);
	padding: calc(8 / 32 * 1em) 0;
	width: calc(340 / 32 * 1em);
	text-align: center
}

.chance .title1>div {
	margin: 0 1em;
	width: calc(46 / 16 * 1em);
	position: relative
}

.chance .title1>div:before,
.chance .title1>div:after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: calc(4 / 16 * -1em);
	width: 100%;
	height: calc(8 / 16 * 1em);
	background-color: #00438f;
	transform: rotate(45deg)
}

.chance .title1>div:after {
	transform: rotate(-45deg)
}

.chance h3 {
	text-align: center;
	font-size: calc(38 / 16 * 1em);
	font-weight: 700;
	letter-spacing: calc(3 / 38 * 1em);
	color: #00438f;
	margin: 1em auto
}

@media screen and (max-width: 750px) {
	.chance .title1 h2 {
		font-size: calc(29 / 16 * 1em)
	}

	.chance .title1>div {
		margin: 0 .5em;
		width: calc(40 / 16 * 1em)
	}
}

.chance-c1 {
	max-width: 1280px;
	margin: 2em auto 0;
	display: flex;
	justify-content: flex-end
}

.chance-c1 .text {
	width: calc(454 / 16 * 1em);
	margin-right: 3em
}

.chance-c1 .text p {
	font-size: calc(22 / 16 * 1em);
	line-height: 2;
	text-align: justify
}

.chance-c1 .img {
	width: calc(640 / 1280 * 100%)
}

@media screen and (max-width: 750px) {
	.chance-c1 {
		padding: 0 1.5em;
		display: block
	}

	.chance-c1 .text {
		width: auto;
		margin: 0 0 1.5em
	}

	.chance-c1 .img {
		width: auto
	}
}

.merit {
	padding: 3em 0
}

.merit .cap1 {
	text-align: center;
	font-size: calc(22 / 16 * 1em);
	line-height: 2;
	margin: 1em auto
}

.merit .white-blk {
	background-color: #fff;
	width: calc(980 / 16 * 1em);
	margin: 0 auto;
	padding: 1em 0 1.5em;
	position: relative
}

.merit .white-blk h3 {
	text-align: center;
	font-size: calc(30 / 16 * 1em);
	font-weight: 700;
	letter-spacing: calc(2 / 30 * 1em);
	color: #00438f
}

.merit .white-blk .bgimg1 {
	position: absolute;
	left: .5em;
	top: -2.75em;
	width: calc(474 / 32 * 1em)
}

.merit .white-blk .right {
	text-align: right;
	padding: 0 2em;
	margin: 2em auto 0
}

.merit .plus {
	width: calc(46 / 16 * 1em);
	margin: .5em auto
}

.merit .cap2 {
	margin: 1.5em auto 0;
	font-size: calc(18 / 16 * 1em);
	font-weight: 500;
	text-align: center
}

.merit .cap2 a {
	color: #00438f
}

@media screen and (max-width: 750px) {
	.merit .cap1 {
		text-align: justify;
		width: calc(660 / 750 * 100%)
	}

	.merit .white-blk {
		width: calc(722 / 750 * 100%)
	}

	.merit .white-blk .bgimg1 {
		left: -1em;
		top: -14em;
		width: 27%
	}
}

.merit-list1 {
	display: flex;
	justify-content: center;
	margin: 1em auto 0
}

.merit-list1>div {
	width: 20%
}

.merit-list1 .img {
	width: calc(109 / 16 * 1em);
	height: calc(109 / 16 * 1em);
	margin: 0 auto
}

.merit-list1 .text {
	margin: .5em auto 0
}

.merit-list1 .text p {
	text-align: center;
	font-size: calc(19 / 16 * 1em);
	font-weight: 500
}

@media screen and (max-width: 750px) {
	.merit-list1 {
		flex-wrap: wrap
	}

	.merit-list1>div {
		width: 30%;
		margin-top: 1em
	}
}

.case-study {
	padding: 3em 0
}

.case-study-c1 {
	display: flex;
	flex-wrap: wrap;
	width: calc(1000 / 16 * 1em);
	margin: 3em auto 0
}

.case-study-c1>div {
	width: 25%
}

.case-study-c1 .title {
	display: flex;
	align-items: center;
	height: calc(60 / 16 * 1em);
	background-color: #00438f;
	color: #fff;
	border-left: calc(7 / 16 * 1em) solid #ffe224;
	padding: 0 .5em
}

.case-study-c1 .title h3 {
	flex: 1;
	font-size: calc(16 / 16 * 1em);
	font-weight: 700;
	line-height: calc(20 / 16);
	text-align: center
}

.case-study-c1 .img {
	display: block;
	position: relative
}

.case-study-c1 .img:after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: calc(33 / 16 * 1em);
	height: calc(33 / 16 * 1em);
	background: url(/sites/default/files/shared_contents/lp/202406wp/images/cs_plus.svg) center center no-repeat;
	background-size: contain
}

.case-study-c1 .text {
	padding: .5em 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 4em
}

.case-study-c1 .text p {
	text-align: center;
	font-weight: 500;
	line-height: calc(22 / 16)
}

@media screen and (max-width: 750px) {
	.case-study-c1 {
		width: calc(680 / 750 * 100%)
	}

	.case-study-c1>div {
		width: 50%
	}

	.case-study-c1 .title {
		height: calc(80 / 16 * 1em)
	}

	.case-study-c1 .title h3 {
		font-size: calc(21 / 16 * 1em)
	}

	.case-study-c1 .text p {
		font-size: calc(21 / 16 * 1em)
	}
}

.corps {
	padding: 0 0 3em
}

.corps h2 {
	text-align: center;
	font-size: calc(38 / 16 * 1em);
	font-weight: 700;
	color: #00438f
}

.corps .img {
	width: calc(1000 / 16 * 1em);
	margin: 1em auto 0
}

@media screen and (max-width: 750px) {
	.corps .img {
		width: calc(600 / 750 * 100%)
	}
}

.plan {
	padding: 3em 0 7em
}

.plan h2 {
	text-align: center;
	color: #00438f;
	font-size: calc(38 / 16 * 1em);
	font-weight: 700;
	letter-spacing: calc(3 / 38 * 1em)
}

.plan-c1 {
	display: flex;
	justify-content: center;
	margin: 4em auto
}

.plan-c1>div {
	background-color: #fff;
	width: calc(310 / 16 * 1em)
}

.plan-c1>div+div {
	margin-left: 1.5em
}

.plan-c1 .img {
	position: relative;
	top: -1.5em;
	margin-bottom: -1.5em
}

.plan-c1 .text {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 5em
}

.plan-c1 .text p {
	text-align: center;
	font-size: calc(24 / 16 * 1em);
	font-weight: 500
}

.plan-c1 a {
	display: block;
	position: relative;
	background-color: #00438f;
	color: #fff;
	text-align: center;
	font-size: calc(20 / 16 * 1em);
	font-weight: 500;
	text-decoration: none;
	padding: .75em 0
}

.plan-c1 a:after {
	content: "";
	display: block;
	position: absolute;
	right: 1em;
	top: 0;
	bottom: 0;
	width: calc(25 / 20 * 1em);
	background: url(/sites/default/files/shared_contents/lp/202406wp/images/plan_plus.svg) center center no-repeat;
	background-size: contain
}

@media screen and (max-width: 750px) {
	.plan-c1 {
		flex-wrap: wrap
	}

	.plan-c1>div {
		width: calc(310 / 750 * 100%);
		margin-bottom: 2em
	}
}

.present {
	background-color: #00438f;
	min-height: 10em;
	position: relative;
	padding-bottom: 3em
}

.present .bg1 {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 50%
}

.present .bg1:before,
.present .bg1:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #00438f
}

.present .bg1:before {
	left: 0;
	transform-origin: right top;
	transform: skewY(10deg)
}

.present .bg1:after {
	left: 50%;
	transform-origin: left top;
	transform: skewY(-10deg)
}

.present .p01 {
	width: calc(654 / 32 * 1em);
	margin: 0 auto -9.5em;
	position: relative;
	top: -9.5em
}

.present-c1 {
	display: flex;
	justify-content: center;
	position: relative;
	margin: 1em auto 0
}

.present-c1 p {
	font-size: calc(38 / 16 * 1em);
	font-weight: 700;
	text-align: center;
	background-color: #ffe224;
	color: #00438f;
	letter-spacing: calc(3 / 38 * 1em);
	padding: 0 .5em
}

.present-c1 p+p {
	margin-top: calc(12 / 38 * 1em)
}

@media screen and (max-width: 750px) {
	.present-c1 {
		width: calc(698 / 750 * 100%);
		display: block
	}

	.present-c1 p {
		width: 100%;
		font-size: calc(36 / 16 * 1em);
		letter-spacing: 0;
		padding: 0
	}
}

.present-c2 {
	display: flex;
	justify-content: center;
	position: relative;
	margin: 1.5em auto 0
}

.present-c2>div {
	background-color: #fff;
	width: calc(310 / 16 * 1em);
	padding: 2em 0
}

.present-c2>div+div {
	margin-left: 1.5em
}

.present-c2 .img {
	width: calc(226 / 310 * 100%);
	margin: 0 auto;
	box-shadow: 0.5em 0.5em 1em rgba(0, 0, 0, 0.2)
}

.present-c2 .tt {
	display: flex;
	align-items: center;
	height: 8em;
	margin: 1em auto 0
}

.present-c2 .tt h3 {
	width: 100%;
	text-align: center;
	font-size: calc(22 / 16 * 1em);
	font-weight: 700;
	color: #00438f
}

.present-c2 .text p {
	width: calc(262 / 310 * 100%);
	margin: 0 auto;
	font-size: calc(20 / 16 * 1em);
	font-weight: 500;
	text-align: justify;
	line-height: calc(32 / 20)
}

@media screen and (max-width: 750px) {
	.present-c2 {
		display: block;
		width: calc(680 / 750 * 100%)
	}

	.present-c2>div {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		width: 100%;
		padding: 1.5em
	}

	.present-c2>div+div {
		margin: 1em auto 0
	}

	.present-c2 .img {
		width: calc(226 / 548 * 100%)
	}

	.present-c2 .tt {
		flex: 1;
		display: block;
		margin: 0 0 0 2em;
		height: auto
	}

	.present-c2 .tt h3 {
		text-align: left
	}

	.present-c2 .text {
		width: 100%;
		margin: 1em auto 0
	}

	.present-c2 .text p {
		font-size: calc(24 / 16 * 1em);
		width: auto
	}
}

.dlform {
	max-width: 1000px;
	margin: 0 auto;
	padding: 3em 2em
}

.dlform .p01 {
	width: calc(624 / 16 * 1em);
	margin: 0 auto 6em;
	display: block;
	animation: btn_animation 1.5s infinite
}

.dlform-form {
	margin: 4em auto 0;
	display: flex;
	justify-content: center
}

.dlform-form>div {
	width: 100%
}

footer .copyright {
	padding: 3em 0
}

footer .copyright p {
	text-align: center;
	font-size: calc(14 / 16 * 1em);
	font-weight: 700
}

.mymodal {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 2em 0;
	opacity: 0;
	z-index: -1;
	transition: .3s;
	background-color: rgba(0, 0, 0, 0.8)
}

.mymodal picture,
.mymodal img {
	display: block;
	width: 100%
}

.mymodal>.mymodal-close {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.mymodal .mymodal-inner {
	width: 100%;
	max-width: calc(900 / 16 * 1em);
	min-height: 5em;
	max-height: calc(100vh - 4em);
	overflow: auto;
	background-color: #fff;
	position: relative
}

.mymodal .mymodal-inner>.mymodal-close {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: calc(50 / 16 * 1em);
	height: calc(50 / 16 * 1em);
	background-color: #fff
}

.mymodal .mymodal-inner>.mymodal-close:before,
.mymodal .mymodal-inner>.mymodal-close:after {
	content: "";
	display: block;
	position: absolute;
	left: 20%;
	top: calc(50% - 1px);
	width: 60%;
	border-top: 1px solid #000;
	transform: rotate(45deg)
}

.mymodal .mymodal-inner>.mymodal-close:after {
	transform: rotate(-45deg)
}

.mymodal.on {
	z-index: 10000;
	opacity: 1
}

.temps {
	display: none
}

.modal-cs-c1 {
	padding: 1.5em calc(50 / 16 * 1em)
}

.modal-cs-c1 .slide .slick-prev,
.modal-cs-c1 .slide .slick-next {
	font-size: 1em;
	top: calc(50% - 3em);
	width: calc(50 / 16 * 1em);
	height: 6em;
	transform: scale(1)
}

.modal-cs-c1 .slide .slick-prev:before,
.modal-cs-c1 .slide .slick-next:before {
	content: "";
	display: block;
	position: absolute;
	left: calc(50% - .25em - 1px);
	top: calc(50% - .5em - 1px);
	font-size: inherit;
	background: none;
	border: 1px solid #000;
	border-color: #000 transparent transparent #000;
	width: 1em;
	height: 1em;
	transform: rotate(-45deg)
}

.modal-cs-c1 .slide .slick-prev {
	left: calc(50 / 16 * -1em)
}

.modal-cs-c1 .slide .slick-next {
	right: calc(50 / 16 * -1em);
	transform: scale(-1, 1)
}

.modal-cs-c1 .text {
	margin: 1.5em auto 0;
	text-align: center
}

.modal-cs-c1 .text h3 {
	font-size: calc(26 / 16 * 1em);
	font-weight: 700
}

.modal-cs-c1 .text h4 {
	font-size: calc(21 / 16 * 1em);
	font-weight: 500
}

.modal-cs-c1 .text p {
	border-top: 1px solid #000;
	margin: 1em auto 0;
	padding-top: 1em;
	font-size: calc(18 / 16 * 1em)
}

.modal-plan-c1 {
	display: flex;
	align-items: center;
	padding: 1.5em calc(50 / 16 * 1em)
}

.modal-plan-c1 .img {
	width: calc(297 / 16 * 1em)
}

.modal-plan-c1 .text {
	flex: 1;
	margin-left: 2em
}

.modal-plan-c1 .text h3 {
	font-size: calc(26 / 16 * 1em);
	font-weight: 700
}

.modal-plan-c1 .text p {
	margin-top: 1em;
	font-size: calc(22 / 16 * 1em);
	line-height: calc(38 / 22);
	text-align: justify
}

@media screen and (max-width: 750px) {
	.modal-plan-c1 {
		display: block
	}

	.modal-plan-c1 .img {
		width: 60%;
		margin: 0 auto
	}

	.modal-plan-c1 .text {
		margin: 1.5em auto 0
	}
}

#mktoStyleLoaded {
	background-color: #123456;
	display: none
}

.mktoForm {
	text-align: left
}

.mktoForm .mktoClear {
	clear: both;
	float: none
}

.mktoForm div,
.mktoForm span,
.mktoForm label,
.mktoForm p {
	text-align: left;
	margin: 0;
	padding: 0
}

.mktoForm input,
.mktoForm select,
.mktoForm textarea {
	margin: 0
}

.mktoForm * {
	font-family: inherit
}

.mktoForm .mktoOffset {
	float: left;
	height: 1.2em
}

.mktoForm .mktoGutter {
	float: left;
	height: 1.2em
}

.mktoForm .mktoFieldWrap {
	float: left
}

.mktoForm .mktoFieldWrap .mktoInstruction {
	display: none
}

.mktoForm .mktoLabel {
	float: left;
	line-height: 1.2em;
	padding-top: 0.3em
}

.mktoForm .mktoField {
	line-height: 1.2em;
	font-size: 1em;
	float: left
}

.mktoForm .mktoPlaceholder {
	float: left
}

.mktoForm .mktoLogicalField {
	float: left
}

.mktoForm fieldset {
	padding: 0;
	margin: 0
}

.mktoForm fieldset legend {
	margin: 0 1em 0.5em;
	color: inherit
}

.mktoForm a.mktoNotYou {
	cursor: pointer;
	color: #4692f3
}

.mktoForm a.mktoNotYou:hover {
	text-decoration: underline
}

.mktoForm .mktoAsterix {
	float: right;
	color: #bf0000;
	padding-left: 5px;
	display: none
}

.mktoForm .mktoRadioList,
.mktoForm .mktoCheckboxList {
	padding: 0.3em;
	float: left
}

.mktoForm .mktoRadioList>label,
.mktoForm .mktoCheckboxList>label {
	margin-left: 1.5em;
	margin-top: 0.1em;
	margin-bottom: 0.3em;
	line-height: 1.2em;
	display: block;
	min-height: 12px
}

.mktoForm.ie7 .mktoRadioList>label,
.mktoForm.ie7 .mktoCheckboxList>label {
	padding: 0.2em 0 0
}

.mktoForm .mktoRadioList>label>input,
.mktoForm .mktoCheckboxList>label>input {
	float: left;
	margin: 0;
	margin-left: -1.5em
}

.mktoForm .mktoRadioList>input,
.mktoForm .mktoCheckboxList>input {
	padding: 0
}

.mktoForm .mktoLabelToLeft>label {
	text-align: right;
	margin-left: 0;
	margin-right: 1.5em
}

.mktoForm .mktoLabelToLeft input[type=checkbox],
.mktoForm .mktoLabelToLeft input[type=radio] {
	position: absolute;
	right: 0.3em
}

.mktoForm.mktoLayoutAbove .mktoRequiredField .mktoAsterix {
	float: left;
	padding-left: 0;
	padding-right: 5px
}

.mktoForm .mktoRequiredField .mktoAsterix {
	display: block
}

.mktoForm .mktoRequiredField label.mktoLabel {
	font-weight: bold
}

.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date] {
	padding: 0.1em 0.2em;
	line-height: 1.2em;
	margin: 0
}

.mktoForm input[type=range] {
	padding: 0.25em 0;
	margin: 0
}

.mktoForm input[type=range]::-ms-tooltip {
	display: none
}

.mktoForm input[type=url],
.mktoForm input[type=text],
.mktoForm input[type=date],
.mktoForm input[type=tel],
.mktoForm input[type=email],
.mktoForm input[type=number],
.mktoForm textarea.mktoField,
.mktoForm select.mktoField {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.mktoForm .mktoFormRow {
	clear: both
}

.mktoForm .mktoFormCol {
	float: left;
	position: relative;
	min-height: 2em
}

.mktoButtonRow {
	display: inline-block;
	position: relative
}

.mktoForm textarea.mktoField {
	display: inline-block;
	padding: 0.2em;
	margin: 0;
	line-height: 1.2em;
	overflow: auto;
	resize: none;
	float: none
}

.mktoForm textarea[rows="1"] {
	height: 2em
}

.mktoForm textarea[rows="2"] {
	height: 3.4em
}

.mktoForm textarea[rows="3"] {
	height: 4.6em
}

.mktoForm textarea[rows="4"] {
	height: 5.8em
}

.mktoForm textarea[rows="5"] {
	height: 7em
}

.mktoForm textarea[rows="6"] {
	height: 8.2em
}

.mktoForm textarea[rows="7"] {
	height: 9.4em
}

.mktoForm textarea[rows="8"] {
	height: 10.6em
}

.mktoForm.mktoLayoutCenter .mktoLabel {
	text-align: right
}

.mktoForm.mktoLayoutAbove .mktoGutter {
	display: none
}

.mktoForm.mktoLayoutAbove .mktoLabel {
	text-align: left
}

.mktoForm.mktoLayoutAbove .mktoRadioList,
.mktoForm.mktoLayoutAbove .mktoCheckboxList {
	float: none;
	clear: left
}

.mktoForm.mktoLayoutAbove .mktoField,
.mktoForm.mktoLayoutAbove .mktoLogicalField {
	clear: left
}

.mktoForm.mktoLayoutAbove textarea.mktoField {
	float: left
}

.mktoForm .mktoError {
	position: absolute;
	z-index: 99;
	color: #bf0000
}

.mktoForm .mktoError .mktoErrorArrowWrap {
	width: 16px;
	height: 8px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 5px;
	z-index: 100
}

.mktoForm.ie7 .mktoError .mktoErrorArrowWrap {
	top: -8px
}

.mktoForm .mktoError .mktoErrorArrow {
	background-color: #e51b00;
	border: 1px solid #9f1300;
	border-right: none;
	border-bottom: none;
	display: inline-block;
	height: 16px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	width: 16px;
	margin-top: 5px
}

.mktoForm .mktoError .mktoErrorArrowWrap.mktoArrowImage {
	background: transparent url("../images/callout-arrow-up-red.png") top center no-repeat;
	bottom: -7px
}

.mktoForm .mktoError .mktoErrorArrowWrap.mktoArrowImage .mktoErrorArrow {
	display: none
}

.mktoForm .mktoError .mktoErrorMsg {
	display: block;
	margin-top: 7px;
	background-color: #e51b00;
	background-image: -webkit-linear-gradient(#e51b00 43%, #ba1600 100%);
	background-image: -moz-linear-gradient(#e51b00 43%, #ba1600 100%);
	background-image: linear-gradient(#e51b00 43%, #ba1600 100%);
	background-image: -ms-linear-gradient(#e51b00 43%, #ba1600 100%);
	border: 1px solid #9f1300;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.65) 0 2px 7px, inset #ff3c3c 0 1px 0px;
	box-shadow: rgba(0, 0, 0, 0.65) 0 2px 7px, inset #ff3c3c 0 1px 0px;
	color: #f3f3f3;
	font-size: 1em;
	line-height: 1.2em;
	max-width: 16em;
	padding: 0.4em 0.6em;
	text-shadow: #901100 0 -1px 0
}

.mktoForm .mktoError .mktoErrorMsg .mktoErrorDetail {
	display: block
}

.mktoForm button.mktoButton {
	cursor: pointer;
	margin: 0
}

.mktoForm button.mktoButton:disabled {
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	cursor: default
}

.mktoNoJS .mktoLabel {
	display: block;
	padding-right: 10px;
	width: 110px;
	text-align: right
}

.mktoNoJS input[type=text] {
	width: 150px
}

.mktoForm .cf_widget_socialsignon .cf_sign_on {
	margin-bottom: 1.5em
}

.mktoForm .mktoRangeField .mktoRangeValue {
	zoom: 1;
	float: left;
	display: none;
	text-align: center;
	position: absolute;
	z-index: 99;
	color: #000
}

.mktoForm.ie7 .mktoRangeField .mktoRangeValue,
.mktoForm.ie6 .mktoRangeField .mktoRangeValue {
	position: relative
}

.mktoForm .mktoRangeField.mktoHover .mktoRangeValue {
	display: block
}

.mktoForm .mktoRangeField .mktoRangeValueArrowWrap {
	width: 16px;
	height: 8px;
	overflow: hidden;
	position: absolute;
	bottom: -7px;
	z-index: 100
}

.mktoForm .mktoRangeField .mktoRangeValueArrow {
	background-color: #028d05;
	border: 1px solid #005602;
	height: 16px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	width: 16px;
	background-color: #007d04;
	border-left: none;
	border-top: none;
	margin-top: 5px;
	position: absolute;
	bottom: 5px
}

.mktoForm .mktoRangeField .mktoRangeValueArrowWrap.mktoArrowImage {
	background: transparent url("../images/callout-arrow-down-green.png") top center no-repeat;
	bottom: -7px
}

.mktoForm .mktoRangeField .mktoRangeValueArrowWrap.mktoArrowImage .mktoRangeValueArrow {
	display: none
}

.mktoForm .mktoRangeField .mktoRangeValueText {
	display: block;
	background-color: #028d05;
	background-image: -webkit-linear-gradient(#028d05 43%, #007d04 100%);
	background-image: -moz-linear-gradient(#028d05 43%, #007d04 100%);
	background-image: linear-gradient(#028d05 43%, #007d04 100%);
	background-image: -ms-linear-gradient(#028d05 43%, #007d04 100%);
	border: 1px solid #005602;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.65) 0 2px 7px, inset #00a500 0 1px 0px;
	box-shadow: rgba(0, 0, 0, 0.65) 0 2px 7px, inset #00a500 0 1px 0px;
	color: #f3f3f3;
	font-size: 1em;
	line-height: 1.2em;
	padding: 0.4em 0.6em;
	text-shadow: #005602 0 -1px 0;
	text-align: center
}

.mktoModal {
	position: absolute;
	top: 0;
	left: 0;
	right: 0
}

.mktoModal .mktoModalMask {
	position: absolute;
	z-index: 10000;
	top: 0;
	left: 0;
	right: 0;
	zoom: 1;
	background: rgba(0, 0, 0, 0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)"
}

.mktoModal .mktoModalContent {
	position: absolute;
	z-index: 10001;
	background: #fff;
	padding: 10px
}

.mktoModal .mktoModalClose {
	position: absolute;
	cursor: pointer;
	top: -10px;
	right: -10px;
	background: #000;
	color: #fff;
	width: 19px;
	height: 19px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 19px;
	-webkit-border-radius: 19px;
	border-radius: 19px;
	text-align: center;
	border: 2px solid #ccc
}

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

	.mktoForm,
	.mktoForm * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		padding: 10px
	}

	.mktoForm .mktoGutter,
	.mktoForm .mktoOffset {
		display: none
	}

	.mktoForm .mktoFormCol .mktoLabel {
		text-align: left;
		width: 100%
	}

	.mktoForm .mktoFormCol {
		float: none
	}

	.mktoForm .mktoFieldWrap {
		float: none
	}

	.mktoForm fieldset {
		padding: 0 10px
	}

	.mktoForm input[type=url],
	.mktoForm input[type=text],
	.mktoForm input[type=date],
	.mktoForm input[type=tel],
	.mktoForm input[type=email],
	.mktoForm input[type=number],
	.mktoForm textarea.mktoField,
	.mktoForm select.mktoField {
		width: 100%;
		height: 1.5em;
		line-height: 1.5em;
		font-size: 18px
	}

	.mktoForm select.mktoField {
		height: auto
	}

	.mktoForm .mktoFormRow .mktoField {
		clear: left
	}

	.mktoForm .mktoFormRow .mktoFormCol {
		clear: both
	}

	.mktoForm .mktoRadioList,
	.mktoForm .mktoCheckboxList {
		width: 100%
	}

	.mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix {
		float: left;
		padding-left: 0;
		padding-right: 5px
	}

	.mktoModal .mktoModalContent {
		padding: 10px 0
	}

	.mktoModal .mktoModalClose {
		right: 0
	}

	.mktoForm .cf_widget_socialsignon {
		display: block
	}

	.mktoForm .cf_widget_socialsignon .cf_sign_on {
		width: 100%
	}

	.mktoForm .cf_widget_socialsignon .cf_sign_on_button {
		width: auto
	}
}

@media only screen and (max-width: 480px),
only screen and (max-device-width: 480px),
only screen and (max-device-height: 480px) {

	.mktoMobileShow .mktoForm,
	.mktoForm * {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		padding: 10px
	}

	.mktoMobileShow .mktoForm .mktoGutter,
	.mktoMobileShow .mktoForm .mktoOffset {
		display: none
	}

	.mktoMobileShow .mktoForm .mktoFormCol .mktoLabel {
		text-align: left;
		width: 100%
	}

	.mktoMobileShow .mktoForm .mktoFormCol {
		float: none
	}

	.mktoMobileShow .mktoForm .mktoFieldWrap {
		float: none
	}

	.mktoMobileShow .mktoForm fieldset {
		padding: 0 10px
	}

	.mktoMobileShow .mktoForm input[type=url],
	.mktoMobileShow .mktoForm input[type=text],
	.mktoMobileShow .mktoForm input[type=date],
	.mktoMobileShow .mktoForm input[type=tel],
	.mktoMobileShow .mktoForm input[type=email],
	.mktoMobileShow .mktoForm input[type=number],
	.mktoMobileShow .mktoForm textarea.mktoField,
	.mktoMobileShow .mktoForm select.mktoField {
		width: 100%;
		height: 1.5em;
		line-height: 1.5em;
		font-size: 18px
	}

	.mktoMobileShow .mktoForm select.mktoField {
		height: auto
	}

	.mktoMobileShow .mktoForm .mktoFormRow .mktoField {
		clear: left
	}

	.mktoMobileShow .mktoForm .mktoFormRow .mktoFormCol {
		clear: both
	}

	.mktoMobileShow .mktoForm .mktoRadioList,
	.mktoMobileShow .mktoForm .mktoCheckboxList {
		width: 100%
	}

	.mktoMobileShow .mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix {
		float: left;
		padding-left: 0;
		padding-right: 5px
	}

	.mktoMobileShow .mktoModal .mktoModalContent {
		padding: 10px 0
	}

	.mktoMobileShow .mktoModal .mktoModalClose {
		right: 0
	}

	.mktoMobileShow .mktoForm .cf_widget_socialsignon {
		display: block
	}

	.mktoMobileShow .mktoForm .cf_widget_socialsignon .cf_sign_on {
		width: 100%
	}

	.mktoMobileShow .mktoForm .cf_widget_socialsignon .cf_sign_on_button {
		width: auto
	}
}

#mktoStyleLoaded {
	color: #123456
}

.mktoForm fieldset {
	border: 1px solid #aeb0b6;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px
}

.mktoForm fieldset legend {
	padding: 0 1em
}

.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date],
.mktoForm select.mktoField,
.mktoForm textarea.mktoField {
	-webkit-appearance: none;
	background-color: #fff;
	line-height: 1.5em;
	color: #000;
	border: 1px solid #aeb0b6;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding: 0.2em 0.3em;
	box-shadow: inset 1px 1px 4px 1px #ddd;
	min-height: 1.9em
}

.mktoForm input[type=text]:focus,
.mktoForm input[type=url]:focus,
.mktoForm input[type=email]:focus,
.mktoForm input[type=tel]:focus,
.mktoForm input[type=number]:focus,
.mktoForm input[type=date]:focus,
.mktoForm select.mktoField:focus,
.mktoForm textarea.mktoField:focus {
	outline: none;
	border: 1px solid #888;
	color: #000
}

.mktoForm select.mktoField::-ms-expand {
	display: none
}

.mktoForm select.mktoField {
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: "";
	padding: 0.2em 22px 0.2em 0.3em;
	background: #fff url(/sites/default/files/shared_contents/lp/202406wp/images/arrow-down-bk.png) center right no-repeat
}

.mktoForm.ie9 select.mktoField {
	background: none;
	padding: 0.2em 2.3px 0.2em 0.3em
}

.mktoForm div.mktoLogicalField {
	border: 1px solid transparent;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px
}

.mktoForm input.mktoField.mktoInvalid,
.mktoForm select.mktoField.mktoInvalid,
.mktoForm textarea.mktoField.mktoInvalid,
.mktoForm div.mktoLogicalField.mktoInvalid {
	border: 1px solid #8C0005
}

.mktoForm .mktoRadioList>label,
.mktoForm .mktoCheckboxList>label {
	margin-bottom: 0.6em;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.mktoForm input[type=checkbox],
.mktoForm input[type=radio] {
	width: 1em;
	height: 1em;
	opacity: 0
}

.mktoForm input[type=checkbox]+label:before,
.mktoForm input[type=radio]+label:before {
	content: "";
	position: absolute;
	width: 1em;
	height: 1em;
	margin-left: -1.5em;
	line-height: 1em;
	background-color: #fff;
	box-shadow: inset 1px 1px 4px 1px #ddd;
	font-family: Arial, sans-serif;
	font-size: 13px;
	border: 1px solid #aeb0b6
}

.mktoForm .mktoLabelToLeft input[type=checkbox]+label:before,
.mktoForm .mktoLabelToLeft input[type=radio]+label:before {
	margin-left: 0;
	right: 0.3em
}

.mktoForm input[type=checkbox]:checked+label:before,
.mktoForm input[type=radio]:checked+label:before {
	text-align: center;
	color: #000
}

.mktoForm input[type=checkbox]:focus+label:before,
.mktoForm input[type=radio]:focus+label:before {
	border: 1px solid #888
}

.mktoForm input[type=checkbox]+label:before {
	border-radius: 2px
}

.mktoForm input[type=checkbox]:checked+label:before {
	content: "\2713 "
}

.mktoForm input[type=radio]+label:before {
	border-radius: 1em
}

.mktoForm input[type=radio]:checked+label:before {
	background-image: url(/sites/default/files/shared_contents/lp/202406wp/images/dot-bk.png);
	background-position: 3px 3px;
	background-repeat: no-repeat
}

.mktoForm.mktoNoCheckedSupport input[type=checkbox]+label:before,
.mktoForm.mktoNoCheckedSupport input[type=radio]+label:before {
	display: none
}

.mktoForm.mktoNoCheckedSupport select.mktoField,
.mktoForm.ie7 select.mktoField,
.mktoForm.ie6 select.mktoField {
	background-image: none;
	padding-right: 0.3em
}

.mktoForm textarea.mktoField {
	resize: none
}

.downloadpage-wrap {
	display: flex;
	justify-content: center;
	padding-top: 60px;
	padding-bottom: 80px
}

.downloadpage-inner {
	display: flex;
	flex-direction: column;
	margin-right: calc(50 / 1100 * 100%);
	max-width: 450px;
	width: calc(450 / 100 * 100%)
}

#downloadpage .dl-svg {
	display: block;
	margin: 0 0 12px;
	width: 100%
}

.pc-svg-dl-01 {
	max-width: 136.14px
}

.title-area p.sub-title {
	font-size: 12px;
	margin-bottom: 20px
}

.catalog-title {
	font-size: 20px;
	color: #012e7b;
	font-weight: bold;
	padding-bottom: 41px;
	letter-spacing: 0.06em
}

.catalog-wrap>div:first-child {
	margin-right: 0
}

.catalog-area {
	padding: 50px 56px
}

.catalog-img img {
	max-width: 340px;
	width: 100%
}

.catalog-caption {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.06em;
	margin: 42px 0 31px
}

.form-area * {
	font-family: " メイリオ", Meiryo, " ヒラギノ角ゴPro W3", "Hiragino KakuGothicPro", Osaka, "ＭＳＰゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif !important
}

.form-area {
	background: #fff;
	border-radius: 10px;
	width: calc(600 / 1100 * 100%);
	padding: calc(58 / 1100 * 100%) calc(58 / 1100 * 100%) calc(60 / 1100 * 100%)
}

.form-area ul {
	margin-bottom: 30px
}

.form-area li {
	font-size: 12px;
	line-height: 2em
}

.mktoForm .mktoFormCol {
	float: none !important;
	position: relative;
	min-height: 2
}

.mktoForm .mktoRequiredField .mktoAsterix {
	display: none !important;
	position: relative
}

.mktoForm .mktoRequiredField::before {
	content: '必須';
	background: #ff535b;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.06em;
	width: 38px;
	height: 20px;
	border-radius: 50px;
	text-align: center;
	line-height: 2
}

#mktoForm_6998>div:nth-child(14)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField::before {
	display: none
}

.mktoForm {
	max-width: 550px;
	width: calc(550 / 1100 * 100vw) !important
}

.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date],
.mktoForm textarea.mktoField,
.mktoForm select.mktoField {
	border: 1px solid #e3e3e3;
	border-radius: 6px;
	padding: 12px !important
}

.mktoForm input {
	width: 375px
}

.mktoForm input[type=radio] {
	width: 15px;
	height: 15px;
	border: 1px solid;
	border-radius: 10px
}

.mktoForm .mktoRequiredField label.mktoLabel {
	margin-left: 35px
}

#LblQ54 {
	margin-left: 0
}

#mktoForm_6998>div:nth-child(14)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField {
	line-height: 1.2 !important
}

.txt-area__mail span,
#mktoForm_6998>div:nth-child(13)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth>div:nth-child(1),
#mktoForm_6998>div:nth-child(2)>div:nth-child(2)>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth>p,
#mktoForm_6998>div:nth-child(8)>div:nth-child(2)>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth>p {
	font-size: 12px;
	line-height: 2em;
	font-family: "游ゴシック", "Yu Gothic", "Yu Gothic Medium", "游ゴシック体", YuGothic, -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif
}

#mktoForm_6998>div:nth-child(5)>div:nth-child(2)>div.mktoOffset.mktoHasWidth {
	display: none
}

#mktoForm_6998>div:nth-child(2),
#mktoForm_6998>div:nth-child(3),
#mktoForm_6998>div:nth-child(4),
#mktoForm_6998>div:nth-child(5),
#mktoForm_6998>div:nth-child(6),
#mktoForm_6998>div:nth-child(7),
#mktoForm_6998>div:nth-child(8),
#mktoForm_6998>div:nth-child(9),
#mktoForm_6998>div:nth-child(10),
#mktoForm_6998>div:nth-child(11) {
	margin-bottom: 30px
}

#mktoForm_6998>div:nth-child(12)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField label {
	width: 120px !important;
	padding-top: 0
}

#LblFormZip {
	font-weight: bold
}

input#FormAddress {
	margin-left: 48px !important
}

input#FormBuildingName {
	margin-left: 35px !important
}

#mktoForm_6998>div:nth-child(6)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap>div.mktoGutter.mktoHasWidth {
	width: 55px
}

#mktoForm_6998>div:nth-child(13)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth>div:nth-child(3)>span>span>a {
	text-decoration: underline;
	color: #012e7b;
	letter-spacing: 0.06em
}

#mktoForm_6998>div:nth-child(13)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth>div:nth-child(3) {
	position: relative
}

#mktoForm_6998>div:nth-child(13)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth>div:nth-child(3)>span>span>a::after {
	content: '';
	width: 11px;
	height: 9px;
	background: url(/sites/default/files/shared_contents/img/download/dl_special_b.svg) no-repeat;
	position: absolute;
	top: 50%;
	margin-left: 4px;
	margin-top: -4px
}

.mktoForm .mktoRadioList>label {
	position: relative
}

.mktoForm .mktoRadioList {
	padding-top: 0 !important;
	float: left;
	position: relative
}

.mktoForm .mktoRadioList>input {
	padding: 0;
	float: left;
	margin-top: 6px;
	left: -180px;
	border: 1px solid
}

.mktoForm .mktoRadioList>input[type="radio"] {
	background-color: initial;
	cursor: default;
	appearance: auto;
	box-sizing: border-box;
	margin: 3px 3px 0px 5px;
	padding: initial;
	border: initial
}

#mktoForm_6998>div:nth-child(12) label {
	line-height: 2 !important
}

#mktoForm_6998>div:nth-child(14) {
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 40px
}

#mktoForm_6998>div:nth-child(12)>div.mktoFieldDescriptor.mktoFormCol {
	margin-bottom: 40px !important
}

#LblFormCityName {
	font-weight: bold
}

input[type="checkbox"] {
	width: 15px;
	height: 15px
}

input#mktoCheckbox_87757_0 {
	width: auto !important;
	margin-top: 3px
}

#LblPersonalInformationAgreement {
	display: none
}

#mktoForm_6998>div:nth-child(14) .mktoCheckboxList {
	padding: 0
}

#mktoForm_6998>div:nth-child(14)>div.mktoFormCol {
	margin-top: 40px !important;
	margin-bottom: 50px !important
}

#mktoForm_6998>div:nth-child(13)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth>div:nth-child(1) {
	font-size: 14px;
	letter-spacing: 0.06em
}

#mktoForm_6998>div:nth-child(14)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField>div.mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired,
#mktoForm_6998>div:nth-child(14)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField>div.mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired.mktoInvalid,
#mktoForm_6998>div:nth-child(14)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField>div.mktoLogicalField.mktoCheckboxList.mktoHasWidth.mktoRequired.mktoValid {
	width: 100% !important
}

#mktoCheckbox_87757_0 {
	width: auto
}

#mktoForm_6998>div:nth-child(14)>div.mktoFieldDescriptor.mktoFormCol>div.mktoOffset {
	display: none
}

#LblmktoCheckbox_87757_0 {
	font-weight: bold;
	letter-spacing: 0.06em;
	font-size: 14px
}

.mktoForm .mktoFieldWrap {
	float: none !important;
	display: flex
}

.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date],
.mktoForm textarea.mktoField,
.mktoForm select.mktoField {
	width: 100% !important
}

label.mktoLabel {
	width: 40% !important
}

#mktoForm_6998>div:nth-child(5)>div:nth-child(2) {
	margin-bottom: 0 !important
}

.mktoForm .mktoButtonWrap.mktoThoughtbot .mktoButton {
	background-image: none !important;
	border: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
	color: #fff;
	font-family: "游ゴシック", "Yu Gothic", "Yu Gothic Medium", "游ゴシック体", YuGothic, -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif !important;
	font-weight: bold !important;
	font-size: 18px !important;
	padding: 0 !important;
	text-align: center;
	border-radius: 50px !important;
	background: #ff535b !important;
	transition: .2s;
	max-width: 308px !important;
	width: 100% !important;
	height: 50px !important
}

.mktoForm .mktoButtonWrap.mktoThoughtbot .mktoButton:before {
	content: '';
	width: 7px;
	height: 7px;
	border: 0;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -5px;
	background: none
}

.mktoForm .mktoButtonWrap.mktoThoughtbot .mktoButton:hover {
	background: #ff8187 !important
}

.mktoButtonRow span {
	margin-left: 0 !important;
	position: relative !important
}

.mktoButtonRow {
	display: block !important;
	margin: 0 auto !important;
	text-align: center !important
}

#mktoForm_6998>div:nth-child(15)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField {
	margin-left: 50px
}

.txt-area__confirm a {
	color: #012e7b;
	text-decoration: underline;
	letter-spacing: 0.06em;
	position: relative
}

.txt-area__confirm a::after {
	content: '';
	width: 11px;
	height: 9px;
	background: url(/sites/default/files/shared_contents/img/download/dl_special_b.svg) no-repeat;
	position: absolute;
	top: 50%;
	margin-left: 4px;
	margin-top: -4px
}

.txt-area__confirm {
	font-size: 14px;
	line-height: 2em;
	letter-spacing: 0.06em;
	font-family: "游ゴシック", "Yu Gothic", "Yu Gothic Medium", "游ゴシック体", YuGothic, -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, Verdana, Meiryo, sans-serif !important
}

#mktoForm_6998>div:nth-child(16)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth>div>p:nth-child(2) {
	margin-top: 40px !important;
	margin-bottom: 50px !important
}

#mktoForm_6998>div:nth-child(14) label {
	line-height: 2 !important
}

@media screen and (max-width: 1024px) {
	label.mktoLabel {
		width: 90% !important
	}

	.downloadpage-wrap {
		flex-direction: column;
		margin: 0 calc(20 / 750 * 100vw)
	}

	.downloadpage-inner {
		margin-right: 0;
		max-width: 100%
	}

	#downloadpage .dl-svg {
		margin: 0 auto;
		max-width: 111px;
		margin-bottom: 8px
	}

	.title-area p.sub-title {
		text-align: center
	}

	.title-area p.sub-title {
		font-size: 14px;
		margin-bottom: 0;
		padding-bottom: 0
	}

	#downloadpage .catalog-title {
		padding-top: 16px;
		padding-bottom: 35px
	}

	#downloadpage .catalog-area {
		margin: 0
	}

	.catalog-img {
		text-align: center
	}

	.catalog-caption {
		text-align: center
	}

	.form-area {
		width: auto;
		padding: calc(80 / 750 * 100%) calc(20 / 750 * 100%) calc(84 / 750 * 100%)
	}

	.mktoForm {
		width: auto !important;
		max-width: 100%
	}

	.mktoForm .mktoFieldWrap {
		flex-direction: column;
		width: 100%
	}

	.mktoForm .mktoLabel {
		float: none 1 !important;
		padding-top: 0 !important
	}

	.mktoForm .mktoRequiredField label.mktoLabel {
		margin-left: 45px;
		margin-top: -5px
	}

	input#FormZip {
		margin-left: 0 !important
	}

	#mktoForm_6998>div:nth-child(12)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField label {
		width: 90% !important
	}

	#LblQ54 {
		margin-top: -1.3em !important
	}

	.form-area li {
		font-size: 13px
	}

	#mktoForm_6998>div:nth-child(13)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth,
	#mktoForm_6998>div:nth-child(16)>div.mktoFormCol>div.mktoFieldWrap>div.mktoHtmlText.mktoHasWidth {
		width: auto !important
	}

	#mktoForm_6998>div:nth-child(15)>div.mktoFieldDescriptor.mktoFormCol>div.mktoFieldWrap.mktoRequiredField {
		margin-left: 0
	}

	input#FormAddress,
	input#FormBuildingName {
		margin-left: 0 !important
	}

	#mktoForm_6998>div:nth-child(12)>div.mktoFieldDescriptor.mktoFormCol>div.mktoOffset {
		width: 0 !important
	}

	#mktoForm_6998>div:nth-child(12) label {
		line-height: 2.5 !important
	}
}

@media screen and (max-width: 480px) {
	.mktoForm .mktoRequiredField label.mktoLabel {
		margin-top: 10px
	}

	.mktoForm input[type=url],
	.mktoForm input[type=text],
	.mktoForm input[type=date],
	.mktoForm input[type=tel],
	.mktoForm input[type=email],
	.mktoForm input[type=number],
	.mktoForm textarea.mktoField,
	.mktoForm select.mktoField {
		height: 2.5em !important;
		line-height: 1
	}

	.mktoForm input[type=text],
	.mktoForm input[type=url],
	.mktoForm input[type=email],
	.mktoForm input[type=tel],
	.mktoForm input[type=number],
	.mktoForm input[type=date],
	.mktoForm textarea.mktoField,
	.mktoForm select.mktoField {
		margin-top: 1em !important
	}

	#LblQ54 {
		margin-top: -2px !important
	}

	.mktoForm .mktoCheckboxList {
		margin-top: 24px
	}
}

.mktoForm .mktoRadioList,
.mktoForm .mktoCheckboxList {
	padding: 0.3em;
	float: left;
	margin-left: 16px
}

.mktoForm {
	max-width: 100%;
	width: 100% !important
}

.mktoForm .mktoFormRow {
	display: flex;
	margin: 1em auto;
	width: 100%
}

.mktoForm .mktoFormRow:nth-child(21)>.mktoFormCol {
	flex: 1 0 auto;
	justify-content: center
}

.mktoForm .mktoFormRow:nth-child(21)>.mktoFormCol .mktoFieldWrap {
	flex: 1 0 auto;
	justify-content: center
}

.mktoForm .mktoFormRow:has(.mktoPlaceholder) {
	display: none
}

.mktoForm .mktoFieldWrap {
	margin: .5em auto;
	align-items: center;
	flex: 1
}

.mktoForm .mktoHtmlText {
	line-height: 1.75
}

.mktoForm .mktoHtmlText>div {
	padding: 0 !important
}

.mktoForm .mktoFormCol {
	width: 100% !important;
	display: flex;
	margin-bottom: 0 !important
}

.mktoForm .mktoFormCol+.mktoFormCol {
	margin-left: .5em
}

.mktoForm .mktoFormCol .mktoRequiredField:before {
	display: none
}

.mktoForm .mktoFormCol .mktoRequiredField label {
	display: none
}

.mktoForm .mktoFormCol:first-child .mktoFieldWrap:before {
	content: "　　";
	display: block;
	position: relative;
	font-size: .75em;
	letter-spacing: 0;
	width: auto;
	height: auto;
	border-radius: 3em;
	white-space: nowrap;
	padding: 0 1em;
	margin-right: 1em
}

.mktoForm .mktoFormCol:first-child .mktoFieldWrap label {
	display: block;
	width: 14em !important
}

.mktoForm .mktoFormCol:first-child .mktoFieldWrap label.mktoLabel {
	margin-left: 0;
	margin-right: 1em
}

.mktoForm .mktoFormCol:first-child .mktoRequiredField:before {
	content: "必須";
	display: block;
	position: relative;
	font-size: .75em;
	letter-spacing: 0;
	width: auto;
	height: auto;
	border-radius: 3em;
	white-space: nowrap;
	padding: 0 1em;
	margin-right: 1em
}

.mktoForm .mktoFormCol .mktoGutter,
.mktoForm .mktoFormCol .mktoOffset {
	display: none
}

.mktoForm .mktoFormCol .mktoFieldWrap {
	margin: 0
}

.mktoForm input[type="text"],
.mktoForm input[type="email"],
.mktoForm input[type="tel"],
.mktoForm input[type="number"],
.mktoForm select.mktoField {
	line-height: 1.25;
	min-height: 0;
	padding: .75em !important;
	width: auto !important;
	flex: 1
}

.mktoForm select.mktoField {
	width: 12em !important
}

.mktoForm input[type=radio] {
	opacity: 1
}

.mktoForm input[type=radio]+label:before {
	display: none
}

.mktoForm input[type=radio]:checked+label:before {
	display: none
}

.mktoForm input[type=checkbox] {
	opacity: 1
}

.mktoForm input[type=checkbox]+label:before {
	display: none
}

.mktoForm input[type=checkbox]:checked+label:before {
	display: none
}

.mktoForm div.mktoLogicalField {
	display: flex;
	align-items: center
}

.mktoForm pre {
	white-space: normal
}

@media screen and (max-width: 1024px) {
	.mktoForm .mktoFormRow {
		align-items: flex-end
	}

	.mktoForm .mktoFormRow:nth-child(21) {
		margin-top: 2em
	}

	.mktoForm .mktoFormRow:nth-child(21) .mktoFieldWrap {
		padding-left: 4em
	}

	.mktoForm .mktoFieldWrap {
		flex-direction: row;
		flex-wrap: wrap;
		display: block
	}

	.mktoForm .mktoFormCol {
		flex: 1
	}

	.mktoForm .mktoFormCol:first-child .mktoFieldWrap label.mktoLabel {
		margin-top: 0;
		margin-left: 4em;
		margin-bottom: 1em;
		margin-right: -8em
	}

	.mktoForm .mktoFormCol:first-child .mktoRequiredField:before {
		position: absolute;
		left: 0;
		top: 0;
		width: auto !important
	}

	.mktoForm input[type="text"],
	.mktoForm input[type="email"],
	.mktoForm input[type="tel"] {
		display: block;
		width: 100% !important;
		margin-top: .5em;
		font: inherit !important;
		height: auto !important
	}

	.mktoForm .mktoRadioList {
		width: 100%;
		margin: .75em 0 0
	}

	.mktoForm .mktoRadioList>input[type="radio"] {
		margin-top: 0
	}

	.mktoForm select.mktoField {
		font: inherit !important;
		width: 100% !important;
		height: auto !important
	}

	.mktoForm .mktoFormCol:first-child .mktoFieldWrap label {
		width: auto !important
	}

	.mktoForm .mktoFormCol:first-child .mktoFieldWrap label.mktoLabel {
		margin-right: 0;
		text-align: center
	}

	.mktoForm div.mktoLogicalField {
		padding-top: 2.5em;
		text-align: center;
		margin: 0 auto;
		float: none
	}

	.mktoForm div.mktoLogicalField label {
		margin: 0 auto
	}
}

.p-page-top.u-hidePc {
	display: none
}

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

	.p-footer__menu,
	.p-page-top.u-hidePc {
		display: none
	}
}

/*# sourceMappingURL=style.css.map */