@charset "utf-8";

html {
	font-size: 62.5%;
}

body {
	overflow-x: hidden;
	background: #fff none;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	color: #333;
	line-height: 1.75;
}

p { margin-bottom: 2rem;}

b,
strong {
	color: #3b4e9a;
}

.radius { border-radius: .8rem;}


/* ----------------------------------------

	display
 
---------------------------------------- */

@media screen and ( max-width: 767px ) {
	
	.d-sm-none {
		display: none;
	}
	
}


/* ----------------------------------------

	layout
 
---------------------------------------- */

.inner {
	max-width: 1320px;
	margin:  0 auto;
	padding: 60px 20px;
}

@media screen and ( max-width: 767px ) {
	
	.inner {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
}


.left { float: left;}
.right { float: right;}
.textL { text-align: left;}
.textC { text-align: center;}
.textR { text-align: right;}

.text-left { text-align: left !important;}
.text-center { text-align: center !important;}
.text-right { text-align: right !important;}

.size-small { font-size: 1.8rem;}


/* ----------------------------------------

	Spacing
 
---------------------------------------- */

.p-40 { padding: 4rem !important;}

.py-40 { padding-top: 4rem !important; padding-bottom: 4rem !important;}

.pt-0 { padding-top: 0 !important;}
.pt-20 { padding-top: 2rem !important;}
.pb-0 { padding-bottom: 0 !important;}

@media screen and ( max-width: 767px ) {
	
	.p-40 { padding: 2rem !important;}

	.py-40 { padding-top: 2rem !important; padding-bottom: 2rem !important;}
	
	.pt-20 { padding-top: 1rem !important;}
	
}


.mt-0 { margin-top: 0 !important;}
.mt-40 { margin-top: 4rem !important;}

.mb-80 { margin-bottom: 8rem !important;}

@media screen and ( max-width: 767px ) {
	
	.mt-40 { margin-top: 2rem !important;}
	
	.mb-80 { margin-bottom: 4rem !important;}
	
}


.lay-margin-t--8 { margin-top: 8rem;}

@media screen and ( max-width: 767px ) {
	
	.lay-margin-t--8 { margin-top: 4rem !important;}
	
}

.lay-padding-b--8 { padding-bottom: 8rem;}

@media screen and ( max-width: 767px ) {
	
	.lay-padding-b--8 { padding-bottom: 4rem !important;}
	
}


/* ----------------------------------------

	color
 
---------------------------------------- */

.bg-primary { background-color: #3b4e9a !important;}
.bg-secondary { background-color: #19a5c8 !important;}
.bg-danger { background-color: #f25546 !important;}
.bg-warning { background-color: #f25546 !important;}
.bg-info { background-color: #f6f8ff !important;}
.bg-light { background-color: #f6f8ff !important;}
.bg-white { background-color: #fff !important;}
.bg-dark { background-color: #5c616f !important;}
.bg-pink { background-color: #fae1e5 !important;}
.bg-yellow { background-color: #efd95d !important;}

.dec-box--grey { background-color: #f6f8ff !important;}

.dec-bg--primary { background-color: #3b4e9a !important; color: #fff;}
.dec-bg--secondary { background-color: #19a5c8 !important;}
.dec-bg--danger { background-color: #f25546 !important;}
.dec-bg--warning { background-color: #f25546 !important;}
.dec-bg--info { background-color: #f6f8ff !important;}
.dec-bg--light { background-color: #f6f8ff !important;}
.dec-bg--white { background-color: #fff !important;}
.dec-bg--dark { background-color: #5c616f !important;}
.dec-bg--pink { background-color: #fae1e5 !important;}
.dec-bg--contents { background-color: #fff !important; color: #333;}

.text-primary { color: #3b4e9a !important;}
.text-secondary { color: #19a5c8 !important;}
.text-danger { color: #f25546 !important;}
.text-warning { color: #f25546 !important;}
.text-info { color: #f6f8ff !important;}
.text-light { color: #f6f8ff !important;}
.text-white { color: #fff !important;}
.text-yellow { color: #efd95d !important;}

.dec-line--primary { border-color: #3b4e9a !important;}
.dec-line--warning { border-color: #f25546 !important;}
.dec-line--grey { border-color: #f6f8ff !important;}

div.cparts-id131--02 .cparts-head-block.dec-line-pe--primary::after { border-top-color: #3b4e9a !important;}


/* -----------------------------------------

	badge

----------------------------------------- */

.badge {
	display: inline-block;
	padding: 4px;
	background-color: #3b4e9a;
	border: 1px solid #3b4e9a;
	border-radius: 100px;
	color: #fff;
	line-height: 1;
}

a.badge:hover {
	background-color: #fff;
	color: #3b4e9a;
}


/* -----------------------------------------

	img

----------------------------------------- */

img {
	display: inline-block;
	height: auto;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.img-auto {
	display: block;
	width: auto !important;
	max-width: 100%;
}


/* -----------------------------------------

	heading

----------------------------------------- */

h1 {
	margin: 4rem 0 4rem;
	font-size: 4rem;
	font-weight: 700;
}

h2 {
	margin: 0 0 3rem;
	font-size: 3.2rem;
	font-weight: 700;
	line-height: 1.6;
}

h3 {
	margin: 0 0 3rem;
	font-size: 2.8rem;
	font-weight: 700;
	color: #d49000;
	line-height: 1.6;
}

h4 {
	margin: 0 0 2.4rem;
	font-size: 2.4rem;
	font-weight: 700;
	color: #3b4e9a;
	line-height: 1.6;
}

.cparts-var03-type04 .cparts-ttl-block h4,
.siteblock-footer h4 {
	color: #fff;
}

h5 {
	margin: 0 0 1.6rem;
	font-size: 2rem;
	font-weight: 700;
}

h6 {
	margin: 0 0 1.6rem;
	font-size: 1.6rem;
	font-weight: 700;
}

@media screen and (max-width: 767px) {
	
	h1 {
		margin: 2rem 0 4rem;
		font-size: 3rem;
	}
	
	h2 {
		font-size: 2.4rem;
    }
	
	h3 {
		margin: 0 0 2.4rem;
		font-size: 2rem;
	}

	h4 {
		font-size: 2rem;
	}

}


.heading-parts {
	margin: 0 0 32px;
	text-align: center;
}

.heading-parts__ja {
	margin: 0 0 8px;
	font-size: 36px;
	line-height: 1.4;
	font-weight: 900;
}

.heading-parts__en {
	margin-bottom: 1rem;
	font-size: 2rem;
	line-height: 1.4;
	font-weight: 700;
}

.heading-parts > :last-child {
	margin-bottom: 0;
}

@media screen and ( max-width: 767px ) {
	
	.heading-parts {
		margin: 0 0 20px;
	}

	.heading-parts__ja {
		font-size: 28px;
	}
	
}


.heading-h2 {
	margin: 0 0 36px;
	font-size: 36px;
	line-height: 1.4;
	font-weight: 900;
	text-align: center;
}

.heading-h3 {
	position: relative;
	width: 100%;
	max-width: 514px;
	margin: 0 auto 36px;
	background-color: #19a5c8;
	border-radius: 30px;
	font-size: 24px;
	line-height: 60px;
	color: #fff;
	font-weight: 900;
	text-align: center;
}

.heading-h3:after {
	position: absolute;
	top: 100%;
	left: 50%;
	content: '';
	display: block;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top-color: #19a5c8;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.heading-h3--white {
	background-color: #fff;
}

.heading-h3--white:after {
	border-top-color: #fff;
}

@media screen and ( max-width: 767px ) {
	
	.heading-h2 {
		margin: 0 0 36px;
		font-size: 24px;
	}

	.heading-h3 {
		font-size: 20px;
	}
	
}


/* -----------------------------------------

	link

----------------------------------------- */

a {
	color: #3b4e9a;
	transition: 0.3s;
}

a:hover, 
a:focus {
	text-decoration: none;
	color: #8a9abd;
}

a[name] {
	position: relative;
	top: -10rem;
	display: block;
	height: 0;
	width: 0;
}


/* -----------------------------------------

	btn

----------------------------------------- */

.text-btn {
	position: relative;
	display: inline-block;
	padding: 0 24px 0 0;
	font-size: 100%;
	color: #3b4e9a;
	line-height: 1.4;
	text-align: center;
	text-decoration: none;
}

.text-btn:after {
	position: absolute;
	top: 50%;
	right: 14px;
    content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: rotate(45deg) translateY(-50%);
}

.text-btn:hover {
	text-decoration: underline;
}


[class^="dec-btn"] {
	position: relative;
	display: inline-block;
	min-width: 214px;
	padding: 16px 24px;
	border-width: 2px;
	border-style: solid;
	font-size: 100%;
	border-radius: 10px !important;
	line-height: 1.4;
	font-weight: 700 !important;
	text-align: center;
	text-decoration: none;
	transition: 0.3s;
	cursor: pointer;
}

[class^="dec-btn"]:after {
	position: absolute;
	top: 50%;
	right: 14px;
    content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: rotate(45deg) translateY(-50%);
}

.btn,
.btn02,
.dec-btn--primary {
	position: relative;
	display: inline-block;
	min-width: 214px;
	padding: 16px 24px;
	background-color: #3b4e9a;
	border: 2px solid #3b4e9a;
	font-size: 100%;
	border-radius: 10px !important;
	color: #fff;
	line-height: 1.4;
	font-weight: 700 !important;
	text-align: center;
	text-decoration: none;
	transition: 0.3s;
	cursor: pointer;
}

a.dec-btn--square,
[class*="cparts-id160"] a[class*="dec-btn"] {
	border-radius: 10px !important;
}

.btn:after,
.btn02:after,
.dec-btn--primary:after {
	position: absolute;
	top: 50%;
	right: 14px;
    content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: rotate(45deg) translateY(-50%);
}

.btn:hover,
.btn02:hover,
.dec-btn--primary:hover,
a:hover span.dec-btn--primary {
	background-color: #fff;
	color: #3b4e9a;
	opacity: 1 !important;
}


/* btn size
------------------- */

.btn--lg,
.dec-btn--size-lg {
	width: 400px;
	max-width: 100%;
	padding: 24px 24px;
}

.dec-btn--size-sm {
	width: 200px;
	max-width: 100%;
	padding: 16px 18px;
}

.btn--block {
	display: block;
	max-width: 100%;
	width: 100%;
}


/* btn color
------------------- */

.btn--white,
.dec-btn--white {
	background-color: #fff;
	border-color: #fff;
	color: #3b4e9a !important;
}

.btn--white:hover,
.dec-btn--white:hover {
	background-color: #fff;
	color: #5c616f !important;
}

.bg-dark .btn--white,
.bg-dark .dec-btn--white  {
	background-color: #fff;
	border-color: #fff;
	color: #5c616f;
}

.bg-dark .btn--white:hover,
.bg-dark .dec-btn--white:hover {
	background-color: #5c616f;
	color: #fff !important;
}

.btn--warning,
.dec-btn--warning {
	background-color: #ec4b61;
	border-color: #ec4b61;
	color: #fff !important;
}

.btn--warning:hover,
.dec-btn--warning:hover {
	background-color: #fff;
	color: #ec4b61 !important;
}


.btn-document {
	position: relative;
	display: inline-block;
	width: 400px;
	max-width: 100%;
	margin: 0 auto;
	padding: 24px 24px;
	background-color: #f4903f;
	border-bottom: 5px solid #c06216;
	border-radius: 10px;
	color: #fff;
	font-size: 2rem;
	line-height: 1.4;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}

.btn-document:before {
	content: '';
	position: relative;
	top: 5px;
	display: inline-block;
	width: 24px;
	height: 30px;
	margin: 0 16px 0 0;
	background: url("../images/common/icon-document.png") no-repeat center center;
	background-size: contain;
}

.btn-document:after {
	position: absolute;
	top: 50%;
	right: 20px;
    content: '';
	display: block;
	width: 12px;
	height: 12px;
	border-top: 3px solid currentColor;
	border-right: 3px solid currentColor;
	transform: rotate(45deg) translateY(-50%);
}

.btn-document:hover {
	margin-top: 3px;
	background-color: #fff;
	border-bottom-width: 2px;
	color: #f4903f;
}

.btn-document:hover:before {
	background-image: url("../images/common/icon-document--hover.png");
}

@media screen and ( max-width: 767px ) {
	
	.btn-document {
		font-size: 20px;
	}
	
	.btn-document:before {
		width: 20px;
		height: 24px;
	}

	.btn-document:after {
		width: 12px;
		height: 12px;
		border-top: 3px solid currentColor;
		border-right: 3px solid currentColor;
	}
	
}


.btn-download {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 214px;
	padding: 16px 24px;
	background-color: #ec4b61;
	border: 2px solid #ec4b61;
	font-size: 100%;
	border-radius: 10px !important;
	color: #fff;
	line-height: 1;
	font-weight: 700 !important;
	text-align: center;
	text-decoration: none;
	transition: 0.3s;
	cursor: pointer;
}

.btn-download:before {
	content: '';
	position: relative;
	display: block;
	width: 20px;
	height: 20px;
	margin: 0 16px 0 0;
	background: url(../images/common/icon-download--white.png) no-repeat center center;
	background-size: contain;
}

.cta-box01 .btn-download,
.mauticform-button-wrapper button.mauticform-button.btn-default,
.mauticform-button-wrapper .mauticform-button.btn-download {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
    max-width: 400px;
	width: 100%;
	margin: 0 auto;
	padding: 24px 24px;
	background-color: #ec4b61;
	border: 2px solid #ec4b61;
	border-radius: 10px;
	color: #fff;
	font-size: 2rem;
	line-height: 1.4;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: 0.3s;
}

.cta-box01 .btn-download:before,
.mauticform-button-wrapper button.mauticform-button.btn-default:before,
.mauticform-button-wrapper .mauticform-button.btn-download:before {
	width: 30px;
	height: 30px;
}

.btn-download:after,
.mauticform-button-wrapper .mauticform-button:after {
    content: '';
	position: absolute;
	top: 50%;
	right: 14px;
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 0 0 1rem;
	border-top: 3px solid currentColor;
	border-right: 3px solid currentColor;
	transform: translateY(-50%) rotate(45deg);
}

.btn-download:hover,
.mauticform-button-wrapper button.mauticform-button.btn-default:hover,
.mauticform-button-wrapper .mauticform-button.btn-download:hover {
	background-color: #fff;
	color: #ec4b61;
}

.btn-download:hover:before {
	background-image: url(../images/common/icon-download--warning.png);
}





.btn-demo {
	position: relative;
	display: inline-block;
	width: 400px;
	max-width: 100%;
	padding: 24px 24px;
	background-color: #3b4e9a;
	border: 2px solid #3b4e9a;
	border-radius: 10px;
	color: #fff;
	font-size: 24px;
	line-height: 1.4;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.btn-demo:before {
	content: '';
	position: relative;
	top: 5px;
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0 8px 0 0;
	background: url("../images/common/icon-demo--white.png") no-repeat center center;
	background-size: contain;
}

.btn-demo:after {
    content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	border-top: 3px solid currentColor;
	border-right: 3px solid currentColor;
	transform: rotate(45deg) translateY(-50%);
}

.btn-demo:hover {
	background-color: #fff;
	border-bottom-width: 2px;
	color: #3b4e9a;
}

.btn-demo:hover:before {
	background-image: url("../images/common/icon-demo--primary.png");
}

@media screen and ( max-width: 767px ) {
	
	.btn-demo {
		padding-right: 4px;
		padding-left: 4px;
		font-size: 18px;
	}
	
	.btn-demo:before {
		width: 20px;
		height: 24px;
		margin-right: 8px;
	}

	.btn-demo:after {
		width: 12px;
		height: 12px;
		margin-left: -4px;
		border-top: 3px solid currentColor;
		border-right: 3px solid currentColor;
	}
	
}

.btn-download-document {
	position: relative;
	display: inline-block;
	min-width: 214px;
	padding: 16px 24px;
	background-color: #3b4e9a;
	border: 2px solid #3b4e9a;
	font-size: 100%;
	border-radius: 10px !important;
	color: #fff;
	line-height: 1.4;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.btn-download-document:after {
    content: '';
	position: absolute;
	top: 50%;
	right: 12px;
	display: block;
	width: 20px;
	height: 20px;
	background: url("../images/common/icon-download-document--white.png") no-repeat center center;
	background-size: contain;
	transform: translateY(-50%);
}

.btn-download-document:hover {
	background-color: #fff;
	color: #3b4e9a;
}

.btn-download-document:hover:after {
	background-image: url("../images/common/icon-download-document--primary.png");
}



.btn-area p {
	display: flex;
	justify-content: center;
}

.btn-area [class^="btn"] + [class^="btn"] {
	margin-left: 40px;
}
	
.btn-area [class^="btn"] {
	display: block;
}

@media screen and ( max-width: 767px ) {
	
	.btn-area p {
		flex-direction: column;
		align-items: center;
	}
	
	.btn-area [class^="btn"] + [class^="btn"] {
		margin-top: 40px;
		margin-left: 0;
	}

}

.sp-footer-banner-document,
.sp-footer-banner-demo {
	display: block;
	padding: 1.4rem 0;
	text-align: center;
	color: #fff !important;
}

.sp-footer-banner-document img,
.sp-footer-banner-demo img {
	width: auto;
	height: 16px;
	margin-right: 0.8rem;
}

.sp-footer-banner-document {
	background-color: #344897;
}

.sp-footer-banner-demo {
	background-color: #ec4b61;
}


/* -----------------------------------------

	cta parts

----------------------------------------- */

.cta-box01 {
	margin-top: 80px;
	display: flex;
	justify-content: center;
}

.cta-box01__row {
	display: flex;
	align-items: center;
	width: 100%;
	max-width: 920px;
	margin: 0;
	padding: 20px;
	background-color: #fae1e5;
	border-radius: 10px;
}

.cta-box01--large .cta-box01__row {
	max-width: 100%;
}

.cta-box01--large .cta-box01__row {
	padding-right: 11.4%;
	padding-left: 11.4%;
}


.cta-box01__photo {
	width: 420px;
	padding: 0;
}

.cta-box01__text {
	width: calc( 100% - 420px );
	padding: 0;
	text-align: center;
}

.cta-box01__text h4 {
	font-size: 2.4rem;
	font-weight: 700;
	color: #ec4b61;
}

.cta-box01__text > :last-child {
	margin-bottom: 0;
}

@media screen and ( max-width: 767px ) {
	
	.cta-box01 {
		margin-top: 80px;
		display: flex;
		justify-content: center;
	}

	.cta-box01__row {
		flex-wrap: wrap;
	}

	.cta-box01__photo {
		width: 100%;
		margin-bottom: 2rem;
	}

	.cta-box01__text {
		width: 100%;
	}

}


/* -----------------------------------------

	table

----------------------------------------- */

table {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	margin: 0 0 4rem;
	border-top: 1px solid #737bb5;
}

tr {
	border-bottom: 1px solid #737bb5;
}

th, td {
	padding: 2rem 0;
	border: none;
}

th > :last-child,
td > :last-child {
	margin-bottom: 0;
}


/* ----------------------------------------

	form
 
---------------------------------------- */

form th {
	width: 40rem;
}

form td {
	width: calc( 100% - 40rem );
}

@media screen and ( max-width: 767px ) {
	
	form th {
		display: block;
		width: 100%;
		padding-bottom: 0;
	}

	form td {
		display: block;
		width: 100%;
		padding-top: 0;
	}
	
}

form th strong,
.errorMessage {
	color: #f00;
}

.oemformForm th,
.oemformForm td {
	padding-right: 1rem;
	padding-left: 1rem;
}

.oemformForm .w-24 { width: 24%;}
.oemformForm .w-38 { width: 38%;}
.oemformForm .w-76 { width: 76%;}

@media screen and ( max-width: 767px ) {
	
	.oemformForm .w-24 { width: 100%;}
	.oemformForm .w-38 { width: 100%;}
	.oemformForm .w-76 { width: 100%;}
	
}


/* -----------------------------------------

	list

----------------------------------------- */

ul, ol {
  margin-bottom: 4rem;
}

li {
	margin: 0;
}

dd {
	line-height: 1.75;
}


/* -----------------------------------------

	youtube

----------------------------------------- */

.ant2oem-youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.ant2oem-youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}


/* ----------------------------------------- 

	header

 ----------------------------------------- */

.header-info a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100vw;
	height: 8rem;
	padding: 0 2rem;
	text-align: center;
	background-color: #fbe57f;
	color: #d95e56;
	font-weight: bold;
}

.header-info a:before {
    content: '';
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 1rem 0 0;
	background: url("../images/common/icon-info.png") no-repeat center center;
	background-size: contain;
}

.header-info a:after {
    content: '';
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 0 0 1rem;
	border-top: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: rotate(45deg);
}

.siteblock-header {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	align-items: center;
	background: #fff;
	box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.2);
}

.header-info a:hover {
	background-color: #d95e56;
	color: #fff;
}

.header-info a:hover:before {
	background-image: url("../images/common/icon-info--hover.png");
}

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

	.siteblock-header {
		display: block;
	}
	
	.header-logo {
		padding: 10px 20px;
	}

}


.siteblock-header.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
}


.header-logo {
	width: 150px;
	padding: 10px 0 10px 20px;
}

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

	.siteblock-header {
		display: block;
	}
	
	.header-logo {
		padding: 10px 20px;
	}

}


.siteblock-header > div:nth-child(2) {
	margin-left: auto;
}

.header-nav {
	display: flex;
}

.header-nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.header-nav li {
	position: relative;
	margin: 0;
	padding: 0;
	line-height: 1.4;
}

.header-nav li:before {
	display: none;
}

.header-nav__parent {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
}

.header-nav__parent-li > a {
	display: block;
	padding: 24px 8px;
	color: #333;
}

.header-nav__parent-li > a img {
	margin-right: 8px;
}

.header-nav__parent-li > a i {
	margin-left: 6px;
}

.header-nav__parent-li > ul {
    position: absolute;
	top: 100%;
	left: 50%;
	z-index: -1000;
	overflow: hidden;
	height: 0 !important;
	margin-top: -8px;
    padding: 0;
    background: #fff;
	box-shadow: 0 0 15px #4e4e4e91;
	border-radius: 10px;
	opacity: 0;
	transition: .3s;
	transform: translateX(-50%);
}

.header-nav__parent-li:hover > ul {
	z-index: 1000;
	height: auto !important;
	padding: 12px 0;
	opacity: 1;
}

.header-nav__child a {
    display: block;
	padding: 8px 20px;
	white-space: nowrap;
}

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

	.header-nav__parent-li > a {
		padding-left: 0;
		padding-right: 12px;
	}

}

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

	.header-nav {
		letter-spacing: 0;
		font-size: 15px;
	}

}

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

	.header-nav {
		display: none;
	}

}


.header-nav-info {
	display: flex;
	width: 340px;
}

.header-nav-info ul {
	display: flex;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.header-nav-info li {
	display: flex;
	position: relative;
	width: 50%;
	margin: 0;
	padding: 0;
	line-height: 1.4;
}

.header-nav-info li:before {
	display: none;
}

.header-nav-info a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 1.4rem 1rem;
	color: #333;
	font-weight: 700;
}

.header-nav-info__icon {
	width: 26px;
	margin-right: 12px;
}

.header-nav-info li:nth-last-child(2) a {
	background-color: #344897;
	color: #fff;
}

.header-nav-info li:nth-last-child(2) a:hover {
	background-color: #a4adcf;
}

.header-nav-info li:last-child a {
	background-color: #ec4b61;
	color: #fff;
}

.header-nav-info li:last-child a:hover {
	background-color: #f6afb9;
}

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

	.header-nav-info a {
		padding-left: 0;
		padding-right: 12px;
	}

	.header-nav-info:nth-last-child(2) a {
		padding-right: 1rem;
		padding-left: 1rem;
	}
	
	.header-nav-info:last-child a {
		padding-right: 1rem;
		padding-left: 1rem;
	}

}

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

	.header-nav-info {
		letter-spacing: 0;
		font-size: 15px;
	}

}

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

	.header-nav-info {
		display: none;
	}

}


/* -----------------------------------------

	breadcrumb

----------------------------------------- */

.sitedesign-topicpath {
	padding: 20px;
}

.breadcrumb {
	margin: 0;
	padding: 0;
	background: none;
	list-style: none;
    color: #fff;
	font-weight: bold;
}

.breadcrumb li {
	margin: 0;
	line-height: 1;
}

.breadcrumb a {
	color: #fff;
}

.breadcrumb > li + li:before {
	content: none;
}

.breadcrumb > li:after {
	content: "/\00a0";
	padding: 0 5px;
	color: #fff;
}

.breadcrumb>li:last-child:after {
	content: none;
}


/* ----------------------------------------- 

	footer

 ----------------------------------------- */

.siteblock-footer {
	background-color: #23242a;
	color: #fff;
}

.footer-cta {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -2rem;
}

.footer-cta__col {
	display: flex;
	width: 33.33333333%;
	margin: 0 0 4rem;
	padding: 0 2rem;
}

.footer-cta-box {
	width: 100%;
	padding: 4rem 2rem;
	background-color: #3b4e9a;
	border-radius: 1rem;
}

.footer-cta-box__title {
	text-align: center;
}

.footer-cta-box__text {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.footer-cta-box__text > :last-child {
	margin-bottom: 0;
}

.footer-cta-box__body {
	margin-bottom: 1.2rem;
}

.footer-cta-tel {
	text-align: center;
}

.footer-cta-tel dt {
	margin: 0 0 1rem;
	padding: 0;
	font-size: 4rem;
	line-height: 1;
}

@media screen and (max-width: 767px) {
	
	.footer-cta__col {
		width: 100%;
		margin-bottom: 2rem;
	}

	.footer-cta-tel dt {
		font-size: 2rem;
	}
	
}



address {
	margin: 2rem 0 0;
	padding: 0;
	text-align: center;
	font-size: 1.2rem;
}

.fContact {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 250px;
}

.fContact:before {
	content: '';
	position: absolute;
    top: 0;
    left: 0;
	z-index: 0;
	display: block;
    width: 250px;
    height: 250px;
    border-radius: 500px;
    background-color: #3b4e9a;
}

@media screen and (max-width: 767px) {
	
	.fContact:before {
		left: 50%;
		transform: translateX(-50%);
	}
	
}


.fContact > div {
	position: relative;
	z-index: 1;
	text-align: center;
}

.fContact dl {
	margin: 0;
	padding: 0;
}

.fContact dt {
	margin: 0 0 8px;
	padding: 0;
}

.fContact dd {
	margin: 0;
	padding: 0;
}

.fContact dd + dd {
	margin-top: 4px;
}

.fContact p {
	margin: 16px 0 0;
}

 .fContact p a {
	display: block;
    padding: 10px;
	background: #daa12c;
    border-radius: 200px;
	color: #ffffff;
}

.fContact p a:hover,
.fContact p a:focus{
	background: #fff;
	color: #3b4e9a;
}

.fNav  {
	padding-top: 40px;
	border-top: 1px solid #767980;
}

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

.fNav li {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

.fNav li:before {
	display: none;
}

.fNav > ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 -4rem;
}

.fNav > ul > li {
	width: 25%;
	margin-bottom: 4rem;
}

.fNav ul ul {
	margin: 20px 0 0;
	padding: 0;
	list-style: none;
}

.fNav ul ul li {
	font-weight: normal;
}

.fNav ul ul li + li {
	margin-top: 1rem;
}

.fNav ul ul ul {
	margin: 1rem 0 0 4rem;
	list-style: disc;
}

@media screen and (max-width: 767px) {
	
	.fNav > ul {
		display: block;
	}

	.fNav > ul > li {
		width: 100%;
		margin-bottom: 20px;
	}
	
	.fNav ul ul {
		display: flex;
		flex-wrap: wrap;
		margin: 0;
	}

	.fNav ul ul li,
	.fNav ul ul li + li {
		width: 50%;
		margin-top: 16px;
	}
	
	.fNav ul ul ul {
		display: none;
	}
	
}


.footer-other-sites-wrap {
	margin-top: 8rem;
	padding-top: 4rem;
	border-top: 1px solid #767980;
}

.footer-other-service ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 -1rem -2rem;
	padding: 0;
	list-style: none;
}

.footer-other-service li {
	width: 16.6666667%;
	margin: 0 0 2rem;
	padding: 0 1rem;
}

.footer-other-service a {
	display: block;
	background-color: #fff;
	text-align: center;
	border-radius: 1rem;
}

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

	.footer-other-service li {
		width: 50%;
	}
	
}


.footer-other-sites {
	margin-top: 8rem;
}

.footer-other-sites ul {
	display: flex;
	justify-content: center;
	margin: 0 -1rem;
	padding: 0;
	list-style: none;
}

.footer-other-sites li {
	padding: 0 1rem;
}

@media screen and (max-width: 767px) {
	
	.footer-other-sites {
		margin-top: 4rem;
		margin-bottom: 4rem;
	}
	
	.footer-other-sites ul {
		flex-wrap: wrap;
	}

	.footer-other-sites li {
		width: 100%;
		text-align: center;
	}
	
	.footer-other-sites li + li {
		margin-top: 2rem;
	}
	
}


.siteblock-footer .container {
	display: flex;
	flex-wrap: wrap;
}

.siteblock-footer a {
	color: #fff;
}

.siteblock-footer a:hover,
.siteblock-footer a:focus {
	color: #daa12c;
}

.siteblock-footer .footerNavi ul {
	margin: 0;
	list-style: none;
	padding: 0;
}

.siteblock-footer .footerNavi ul li {
	display: inline-block;
	width: auto;
	margin-right: 20px;
}

.sp-footer-banner-wrap {
	display: block;
}

@media screen and (min-width: 768px) {
	
	.sp-footer-banner-wrap {
		display: none !important;
	}
	
}

.sp-footer-banner {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 998;
		display: flex;
	align-items: center;
}

.sp-footer-banner__col {
	width: 50%;
}


/* ----------------------------------------- 

	oemサービス

 ----------------------------------------- */

.oem-feature-headline a {
	position: relative;
	display: block;
	padding: 1.6rem 0.8rem 3.2rem;
	background-color: #3b4e9a;
	border: 2px solid #3b4e9a;
	border-radius: 10px;
	text-align: center;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.6;
	color: #fff;
}

.oem-feature-headline a:after {
	position: absolute;
	bottom: 1.2rem;
	left: 50%;
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-bottom: 2px solid currentColor;
	border-right: 2px solid currentColor;
	transform: translateX(-50%) rotate(45deg);
}

.oem-feature-headline a:hover {
	background-color: #fff;
	color: #3b4e9a;
}

.banner-photo-parts {
	position: relative;
}

.banner-photo-parts__text {
	position: absolute;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 0 8rem;
	text-align: center;
	color: #fff;
	font-weight: 700;
}

.banner-photo-parts__text h4 {
	color: #fff;
}

.banner-photo-parts__text > :last-child {
	margin-bottom: 0;
}

.banner-photo-parts__photo {
	overflow: hidden;
}

.banner-photo-parts__photo img {
	display: block;
	width: 100%;
	max-width: none;
	height: 400px;
	object-fit: cover;
}


.card {
	padding: 2rem;
	background-color: #f6f8ff;
	border-radius: 10px;
}

.card__title {
	text-align: center;
}

.card__text {
	text-align: center;
}

.card__btn {
	text-align: center;
}


/* ----------------------------------------- 

	TOP

 ----------------------------------------- */

.top .siteblock-side {
	width: 100%;
	padding-top: 8rem;
	padding-bottom: 12rem;
	background: #3b4e9a url("../images/top/mv.png") no-repeat center center;
	background-size: cover;
    background-color: #3b4e9a;
}
	
.top .siteblock-side .inner {
	padding-top: 0;
	padding-bottom: 0;
}

@media screen and ( max-width: 767px ) {
	
	.top .siteblock-side {
		margin-bottom: 4rem;
		padding-top: 4rem;
		padding-bottom: 0;
	}
	
	.top .siteblock-side .inner {
		padding: 0;
	}
	
}


.top-key__title {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 5.2rem;
	font-size: 4.8rem;
	color: #fff;
	line-height: 1;
	font-weight: 700;
}

.top-key__title-badge {
	display: block;
	padding: .2rem .8rem .4rem;
	border: 2px solid currentColor;
	line-height: 1;
}

.top-key__title-unit {
	position: relative;
	width: 30px;
	margin: 0 2px;
}

.top-key__title-unit--multiply::before,
.top-key__title-unit--multiply::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	width: 100%;
	height: 2px;
	background-color: currentColor;
}

.top-key__title-unit--multiply::before {
	transform: rotate(45deg);
}

.top-key__title-unit--multiply::after {
	transform: rotate(-45deg);
}

.top-key__title-unit--equal::before,
.top-key__title-unit--equal::after {
	content: '';
	display: block;
	top: 50%;
	width: 20px;
	height: 2px;
	margin: 0 auto;
	background-color: currentColor;
}

.top-key__title-unit--equal::before {
	transform: translateY(-4px);
}

.top-key__title-unit--equal::after {
	transform: translateY(4px);
}


.top-key__text {
	position: relative;
	display: flex;
	align-items: center;
}

.top-key__text-col {
	width: auto;
	padding-right: 8rem;
}

.top-key__text-col img {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	width: 1040px;
	max-width: none;
}

.top-key__desc {
	margin: 0 0 2rem;
	font-size: 4rem;
	line-height: 1.4;
	color: #fff;
	font-weight: 700;
}

.top-key__desc > :last-child {
	margin-bottom: 0;
}

.top-key__btn {
	max-width: 320px;
}

.top-key__btn > :last-child {
	margin-bottom: 0;
}

.top-key__text-video {
	width: 50%;
}

.top-key-video {
	position: relative;
	overflow: hidden;
	width: 100%;
	aspect-ratio: 1920 / 1318;
	border-radius: .4rem;
}

.top-key-video video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	object-fit: cover;
}

.top-key__text-btn {
	padding: 2rem 0;
	text-align: center;
}

.top-key__text-btn > :last-child {
	margin-bottom: 0;
}

.top-key__text-btn .text-btn {
	font-size: 1.8rem;
	color: #fff;
	font-weight: 700;
}

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

	.top-key__title {
		margin-bottom: 3.2rem;
		font-size: 2.4rem;
	}
	
	.top-key__text {
		flex-direction: column-reverse;
		padding-bottom: 12rem;
	}

	.top-key__text-col {
		width: 100%;
		padding: 2rem 0;
	}

	.top-key__text-col + .top-key__text-col {
		padding: 0 4rem 8rem;
	}

	.top-key__desc {
		font-size: 3.2rem;
		text-align: center;
	}

	.top-key__btn {
		margin: 0 auto;
		padding-bottom: 2rem;
	}

	.top-key__text-video {
		width: 80%;
	}
	
}


.top-key__medal {
	position: absolute;
	left: 0;
	bottom: -24rem;
}

.top-key__medal ul {
	display: flex;
	margin: 16px -10px 0;
	padding: 0;
	list-style: none;
}

.top-key__medal li {
	padding: 0 10px;
}

.top-key__medal li:before {
	display: none;
}

.medal {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 184px;
	height: 220px;
	padding-bottom: 32px;
	background: url("../images/common/medal.png") no-repeat center center;
	background-size: contain;
}

.medal__head {
	margin: 0;
	text-align: center;
	font-weight: 900;
	line-height: 1;
}

.medal__body {
	margin: 4px 0;
	font-size: 38px;
	line-height: 1.2;
	font-weight: 700;
	letter-spacing: 0;
	color: #ec4b61;
	text-align: center;
}

.medal__foot {
	margin: 0;
	font-size: 18px;
	text-align: center;
	font-weight: 900;
	line-height: 1;
}

@media screen and ( max-width: 767px ) {
	
	.top-key__medal {
		position: absolute;
		left: 50%;
		bottom: -4rem;
		transform: translateX(-50%);
	}
	
	.medal {
		width: 148px; /* 184px */
		height: 176px; /* 220px */
		padding-bottom: 16px; /* 22px */
	}

	.medal__body {
		font-size: 22px;
	}

	.medal__foot {
		font-size: 16px;
	}

}


/* ----------------------------------------- 

	TOP - お悩み

 ----------------------------------------- */

.lp-worries-row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 -2rem;
}

.lp-worries-col {
	display: flex;
	width: 25%;
	margin: 0 0 16px;
	padding: 0 2rem;
}

.lp-worries-box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 48px 12px;
	background-color: #fbf3b2;
	border-radius: 10px;
	color: #3b4e9a;
	font-size: 2rem;
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
}

.lp-worries-box > :last-child {
	margin-bottom: 0;
}

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

@media screen and ( max-width: 767px ) {
	
	.lp-worries-row {
		margin: 0 -1rem -2rem;
	}
	
	.lp-worries-col {
		width: 50%;
		margin-bottom: 2rem;
		padding: 0 1rem;
		font-size: 1.6rem;
	}
	
	.lp-worries-box {
		padding: 20px 4px;
		font-size: 1.6rem;
	}
	
}


/* ----------------------------------------- 

	TOP - 動画

 ----------------------------------------- */

.lp-movie-box {
	margin: 0 auto;
	max-width: 840px;
}

.lp-num-row {
	display: flex;
	margin: 4rem -2rem -4rem;
}

.lp-num-col {
	display: flex;
	width: 50%;
	margin-bottom: 4rem;
	padding: 0 2rem;
}

.lp-num-box {
	display: flex;
	align-items: center;
	width: 100%;
	margin: 0;
	padding: 2rem;
	border: 2px solid #3b4e9a;
	border-radius: 10px;
}

.lp-num-box__photo {
	width: 100px;
	padding: 0 1rem;
}

.lp-num-box__text {
	width: calc( 100% - 100px );
	padding: 0 1rem 0 2rem;
}

.lp-num-box__title {
	margin: 0 0 0.8rem;
	padding: 0;
	line-height: 1.4;
}

.lp-num-box__sup { margin-bottom: 0;}

@media screen and ( max-width: 767px ) {
	
	.lp-num-row {
		flex-direction: column;
		margin-top: 2rem;
	}

	.lp-num-col {
		width: 100%;
	}
	
	.lp-num-box__photo {
		width: 80px;
	}

	.lp-num-box__text {
		width: calc( 100% - 80px );
	}
	
	.lp-num-box__title {
		font-size: 2rem;
	}
	
}


.top-release-slide {
	margin: 0;
	padding: 0;
	list-style: none;
}

.top-release-box {
	display: block;
	padding: 0 1rem;
	outline: none !important;
}

.top-release-box__photo {
	margin: 0 0 1rem;
}

.top-release-box__photo img {
	display: block;
	width: 100%;
	height: auto;
	max-width: none;
}

.top-release-box__date {
	margin: 0;
}

.top-release-box__title {
	margin: 0;
}

@media screen and ( max-width: 767px ) {
	
	.top-release-slide {
		margin-top: 4rem;
	}
	
}

.function-ec {
	background-color: #f6f8ff;
	padding: 2rem 4rem;
	border-radius: 10px;
}

.function-ec h4 {
	margin-bottom: 1rem;
}


/* ----------------------------------------- 

	TOP - 料金

 ----------------------------------------- */

.price-row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -40px;
}

.price-col {
	display: flex;
	width: 50%;
	margin: 0 0 40px;
	padding: 0 40px;
}

.price-box {
	width: 100%;
	padding: 32px 20px 40px;
	background-color: #fff;
	border-radius: 10px;
}

.price-box__name {
	width: 100%;
	margin: 0 0 16px;
	padding: 0;
	background-color: transparent;
	border-radius: 0;
	font-size: 18px;
	font-weight: 900;
	text-align: center;
}

.price-box__price {
	margin: 0 0 24px;
	padding: 0;
	font-size: 7.2rem;
	line-height: 1.2;
	font-weight: 900;
	text-align: center;
}

.price-box__price .font-small {
	font-size: 20px;
}

.price-box__text {
	padding: 0 40px;
	color: #333;
}

.price-box__text h6 {
	font-size: 18px;
	font-weight: 700;
}


.price-box__text ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.price-box__text li {
	position: relative;
	margin: 8px 0 0;
	padding: 0 0 0 32px;
}

.price-box__text li:before {
	content: '';
	position: absolute;
	top: 5px;
	left: 0;
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 0;
	background: url("../images/common/icon-cleck.png") no-repeat center center;
	transform: translateY(0);
}

.price-box__text strong {
	color: #19a5c8;
}

@media screen and ( max-width: 767px ) {
	
	.price-row {
		margin: 0 -20px;
	}

	.price-col {
		width: 100%;
		padding: 0 20px;
	}
	
	.price-box__price {
		margin: 0 0 20px;
		font-size: 3.2rem;
	}

	.price-box__text {
		padding: 0;
	}

}


/* ----------------------------------------- 

	TOP - 導入までの流れ

 ----------------------------------------- */

.flow-row {
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 80px;
	border-radius: 10px;
}

.flow-col {
	width: 25%;
}

.flow-col {
	background-color: #fff;
	clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%, 10px 50%);
}

.flow-col:first-child {
	clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%, 0 50%);
}

.flow-col:last-child {
	clip-path: polygon(0 0, 100% 0, 100% 50%,  100% 100%, 0 100%, 10px 50%);
}

.flow-box {
	overflow: hidden;
	position: relative;
	padding: 40px 0;
	text-align: center;
}


.flow-box__num {
	width: 100%;
	margin: 0;
	background-color: transparent;
	border-radius: 0;
	font-size: 16px;
	font-weight: 700;
}

.flow-box__title {
	position: relative;
	margin: 0 0 24px;
	padding: 0;
	font-size: 20px;
	color: #333;
}

@media screen and ( max-width: 767px ) {
	
	.flow-row {
		margin: 0 0 40px;
	}

	.flow-col {
		width: 100%;
	}
	
	.flow-col {
		clip-path: initial;
	}

	.flow-col:first-child {
		clip-path: initial;
	}

	.flow-col:last-child {
		clip-path: initial;
	}
	
	.flow-col + .flow-col {
		margin-top: 4px;
	}
	
	.flow-box {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 2rem 0;
	}
	
	.flow-box__photo {
		width: 40px;
	}

	.flow-box__title {
		margin: 0 0 0 1rem;
		font-size: 1.6rem;
	}

}


/* ----------------------------------------- 

	CMSについて

 ----------------------------------------- */

.slide-function-parts.slick-slider,
.slide-function-color.slick-slider {
	margin-bottom: 0;
	padding: 0;
}

.direct-editing-wrap {
	margin-bottom: 30px;
}

.direct-editing {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.direct-editing__text { width: 36%; padding: 0 2rem;}
.direct-editing__photo { width: 64%;}
.direct-editing__text--lg { width: 64%;}
.direct-editing__photo--sm { width: 36%;}


@media screen and ( max-width: 767px ) {
	
	.direct-editing__text {
		width: 100%;
		padding: 0 2rem;
	}

	.direct-editing__photo {
		width: 100%;
	}
	
}


.about-function-box {
	overflow: hidden;
	border-radius: 8px;
	color: #333;
}

.about-function-box__title {
	margin: 0 0 2rem;
	padding: 3rem 0 0;
	font-size: 1.6rem;
	color: #3b4e9a;
	text-align: center;
}

.about-function-box__catch {
	padding: 0 1rem;
	color: #333;
	text-align: center;
}

.about-function-box__catch:first-child {
	margin-top: 3rem;
	color: #3b4e9a;
}

.about-function-box__text {
	padding: 0 1rem 4rem;
	text-align: center;
}

.about-function-box__text > :last-child {
	margin-bottom: 0;
}

.function-table th {
	width: 32rem;
}

.function-table td {
	width: calc( 100% - 32rem);
}

.function-table th img {
	width: 48px;
	margin: 0 2rem 0 0;
}

@media screen and ( max-width: 767px ) {
	
	.function-table th {
		display: block;
		width: 100%;
		padding-bottom: 0.6rem;
	}

	.function-table td {
		display: block;
		width: 100%;
		padding-top: 0;
	}

	.function-table th img {
		margin-right: 1rem;
	}

}


.function-row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -5px 20px;
}

.function-col {
	display: flex;
	width: 14.2857153%;
	margin-bottom: 10px;
	padding: 0 5px;
}

.function-box {
	position: relative;
	width: 100%;
	padding: 10px;
	background-color: #f6f8ff;
	border-radius: 10px;
}

.function-box__photo {
	margin: 0 0 .8rem;
	text-align: center;
}

.function-box__photo img {
	width: 45px;
	height: auto;
}

.function-box__text {
	padding-bottom: 1rem;
}

.function-box__text > :last-child {
	margin-bottom: 0;
}

.function-box__text h4 {
	font-size: 1.6rem;
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
	color: #333;
}

.function-box__icon {
	position: absolute;
	top: -10px;
	right: -10px;
	z-index: 1;
	display: flex;
	align-content: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	line-height: 40px;
	font-size: 1.3rem;
	font-weight: bold;
	background-color: #f00;
	color: #fff;
}


@media screen and ( max-width: 767px ) {
	
	.function-row {
		margin: 0 -0.5rem 10px;
	}
	
	.function-col {
		width: 33.3333333%;
		margin-bottom: 10px;
		padding: 0 0.5rem;
	}
	
	.function-box {
		padding: 1rem;
	}

	.function-box__photo img {
		max-width: 60px;
	}

	.function-box__text p {
		font-size: 1.4rem;
	}
	
	.function-box__icon {
		top: -10px;
		right: -10px;
		width: 40px;
		height: 40px;
		line-height: 40px;
		font-size: 1.2rem;
	}

}


.video-wrap {
	position: relative;
	width: 100%;
	aspect-ratio: 900 / 506.250;
}

.video-wrap video {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	object-fit: cover;
}


/* ----------------------------------------- 

	CMSについて - SEO極

 ----------------------------------------- */

.seo-keypoint {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 4rem -2rem;
	padding: 0;
	list-style: none;
}

.seo-keypoint li {
	width: 33.33333333%;
	margin: 0 0 2rem;
	padding: 0 1rem;
	text-align: center;
}

.seo-keypoint__col {
	display: block;
	padding: 2rem .4rem;
	font-weight: 700;
	text-align: center;
}

@media screen and ( max-width: 1024px ) {
	
	.seo-keypoint li {
		width: 50%;
	}

}

@media screen and ( max-width: 767px ) {
	
	.seo-keypoint {
		margin-right: 2rem;
		margin-left: 2rem;
	}
	
	.seo-keypoint li {
		width: 100%;
	}

}


/* ----------------------------------------- 

	CMSについて - ゴーゴーAI

 ----------------------------------------- */

 .gogoai-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2.4rem;
	margin-bottom: 4.8rem;
 }
 
.gogoai-logo img {
	max-width: 32rem;
	width: 100%;
	line-height: 1;
	vertical-align: top;
}

.gogoai-logo__badge {
	display: block;
	padding: .8rem;
	border: .2rem solid currentColor;
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1;
	color: #e37935;
}


 video {
	max-width: 100%;
 }

 .gogo-ai-fv {
	padding: 4rem;
	background: linear-gradient(to bottom, #ce5561, #ca564b, #e37935, #f49b17, #f4d21f);
 }

  .gogo-ai-fv img {
	display: block;
	width: 100%;
	max-width: 1020px;
	margin: 0 auto;
  }

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

	 .gogo-ai-fv {
		padding: 2rem;
	}

}


 .text-ai-gradient {
	display: inline-block;
	background: linear-gradient(to right, #ce5561, #ca564b, #e37935, #f49b17, #f4d21f);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
 }

 .ai-flow {
	position: relative;
	margin-bottom: 12rem;
	padding: 4rem;
	background-color: rgba(242, 151, 22, 0.2);
 }

 .ai-flow:after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	display: block;
	width: 100%;
	height: 4rem;
	background-color: rgba(242, 151, 22, 0.2);
	clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}

.ai-flow .cparts-txt-block {
	height: 100%;
	padding: 2rem;
	background-color: #fff;
	text-align: center;
	font-weight: 700;
}

.gogo-ai-function {
	font-size: 1.8rem;
	font-weight: 700;
}

.gogo-ai-function li + li {
	margin-top: 1.6rem;
}

.gogo-ai-beforeafter {
	position: relative;
	padding-bottom: 2rem;
}

.gogo-ai-beforeafter::after {
	content: '';
	position: absolute;
	bottom: 0;
	z-index: -1;
	display: block;
	width: 100%;
	height: calc(50% - 2rem);
	background-color: rgba(242, 151, 22, 0.2);
}

.gogo-ai-beforeafter img {
	display: block;
	max-width: 953px;
	width: 100%;
	margin: 0 auto;
}

.gogo-ai-beforeafter.cparts-hide-pc img {
	max-width: 360px;
	width: 100%;
	margin: 0 auto;
}

.qaList.qaList---gogoai dt:before { background-color: #ce5561;}
.qaList.qaList---gogoai dd:before { background-color: #f49b17;}


/* ----------------------------------------- 

	OEMサービス - 管理画面の紹介

 ----------------------------------------- */

.multi-row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1rem -2rem;
}

.multi-col {
	display: flex;
	width: 50%;
	margin: 0 0 2rem;
	padding: 0 1rem;
}

.multi-col--12 {
	width: 100%;
}

.multi-box {
	padding: 2rem;
	border-radius: 10px;
}

.multi-box h5 {
	font-size: 1.6rem;
}

.oem-multi__photo {
	margin-bottom: -8rem;
}

.oem-multi__photo img {
	display: block;
	max-width: none;
	width: 100%;
	height: auto;
}

.oem-multi__text {
	padding: 8rem 2.4rem 2rem;
	border-radius: 8px;
}

.oem-multi__text h4 {
	margin: 0 0 1rem;
	font-size: 1.6rem;
}


/* ----------------------------------------- 

	代理店の声 - 詳細

 ----------------------------------------- */

.voice-staff {
	overflow: hidden;
	padding: 4rem;
	border-radius: 50%;
}

@media screen and ( max-width: 767px ) {
	
	.voice-staff {
		width: 50%;
		margin: 0 auto;
	}
	
}


/* ----------------------------------------- 

	TOP,OEMサービス - 代理店の声

 ----------------------------------------- */

.voice-wrap {
	margin: 0 -20px;
}

.voice-box {
	position: relative;
	margin: 0;
	padding: 32px 20px;
	background-color: #fff;
	border-radius: 10px;
	color: #333;
}

.top .voice-box {
	margin: 0 20px;
}

.voice-box:before {
	position: absolute;
	top: -22px;
	left: 16px;
	content: '“';
	font-size: 72px;
	line-height: 1;
	font-weight: 900;
	color: #f4d83f;
}

.voice-box:after {
	position: absolute;
	bottom: -48px;
	right: 16px;
	content: '”';
	font-size: 72px;
	line-height: 1;
	font-weight: 900;
	color: #f4d83f;
}

.voice-box h4 {
	font-size: 18px;
	font-weight: 900;
	color: #3b4e9a;
	line-height: 1.4;
}

.voice-box__name {
	margin: 0;
	text-align: right;
}

@media screen and ( max-width: 767px ) {
	
	.voice-wrap {
		margin-bottom: 80px;
	}
	
	.voice-box {
		margin: 0 10px;
	}
	
}


.voice-wrap .slick-list {
	overflow: visible !important;
}

.voice-wrap .slick-dots {
	bottom: -72px;
}

.voice-wrap .slick-dots li:before {
	display: none;
}

.voice-wrap .slick-dots li button:before {
	width: 12px;
	height: 12px;
	background-color: #fff;
	border-radius: 50%;
	line-height: 12px;
	font-size: 0 !important;
	opacity: 1;
}

.voice-wrap .slick-dots li.slick-active button:before {
	background-color: #3b4e9a;
	opacity: 1;
}

.slick-prev,
.slick-next,
.slick-prev:focus,
.slick-next:focus {
	z-index: 99;
	width: 36px;
	height: 36px;
	background: #3b4e9a;
	background-size: contain;
	border: 2px solid #3b4e9a;
	border-radius: 18px;
    font-size: 0 !important;
    line-height: 1;
    opacity: 1;
	transition: 0.3s;
	transform: rotate(45deg);
}

.slick-prev,
.slick-prev:focus {
	transform: rotate(-135deg);
}

.slick-prev:before,
.slick-next:before,
.slick-prev:focus:before,
.slick-next:focus:before {
	position: absolute;
	top: 12px;
	left: 8px;
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	font-size: 0 !important;
	opacity: 1;
}

.slick-prev:hover,
.slick-next:hover {
	background: #fff;
}

.slick-prev:hover:before,
.slick-next:hover:before {
	border-top-color: #3b4e9a;
	border-right-color: #3b4e9a;
}

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

	.voice-wrap .slick-prev {
		left: 20px;
	}

	.voice-wrap .slick-next {
		right: 20px;
	}
	
}

@media screen and ( max-width: 767px ) {
	
	.voice-wrap .slick-dots {
		bottom: -40px;
	}
	
}



/* ----------------------------------------- 

	OEMサービス - 数字で見るant2 CMS

 ----------------------------------------- */

.num-row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px;
}

.num-row + .num-row {
	margin-top: 40px;
}

.num-col-large {
	width: 59.541985%;
	padding: 0 20px;
}

.num-col-half {
	width: 50%;
	padding: 0 20px;
}

.num-col-small {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	width: calc( 100% - 59.541985% );
	padding: 0 20px;
}

.num-box {
	padding: 40px 0 32px;
	border-radius: 10px;
}

.num-box__title {
	margin: 0 0 32px;
	font-size: 24px;
	font-weight: 900;
	text-align: center;
	color: #3b4e9a;
}

.num-box__text {
	font-weight: 600;
}

.num-box__text > :last-child {
	margin-bottom: 0;
}

@media screen and ( max-width: 1180px ) {
	
	.num-row + .num-row {
		margin-top: 0;
	}
	
	.num-col-large {
		width: 100%;
		margin-bottom: 40px;
	}
	
	.num-col-small {
		width: 100%;
		margin-bottom: 40px;
		flex-direction: row;
		justify-content: space-between;
	}
	
	.num-col-small .num-box {
		width: calc( 50% - 20px );
	}
	
}

@media screen and ( max-width: 767px ) {
	
	.num-row {
		margin-bottom: 0;
	}

	.num-col-large {
		width: 100%;
		margin-bottom: 0;
	}

	.num-col-half {
		width: 100%;
		margin-bottom: 0;
	}

	.num-col-small {
		flex-wrap: wrap;
		width: 100%;
		margin-bottom: 0;
	}
	
	.num-col-small .num-box {
		width: 100%;
	}

	.num-box {
		margin-bottom: 20px;
		padding: 20px;
	}
	
}


/* ------------------------------

	都道府県別代理店数

 ------------------------------ */

.num-prefectures__photo {
	margin: 0 0 20px;
	text-align: center;
}


/* ------------------------------

	1社での年間最高販売件数

 ------------------------------ */

.num-sale {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 32px 0 20px;
}

.num-sale__photo {
	padding: 0 16px 0 0;
}

.num-sale__text p {
	font-size: 32px;
	font-weight: 900;
	line-height: 1;
}

.num-sale__text > :last-child {
	margin-bottom: 0;
}

.num-sale .num {
	font-size: 100px;
	letter-spacing: 0;
}

@media screen and ( max-width: 767px ) {
	
	.num-sale__photo {
		width: 60px;
	}
	
	.num-sale__text p {
		font-size: 20px;
	}

	.num-sale .num {
		font-size: 60px;
	}
	
}


/* ------------------------------

	10年での利用ユーザー数

 ------------------------------ */

.num-usergraph {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 20px 0 20px;
}

.num-usergraph__text > :last-child {
	margin-bottom: 0;
}

.num-usergraph__text p {
	font-size: 32px;
	font-weight: 900;
	line-height: 1;
}

.num-usergraph__photo {
	padding: 0 0 0 16px;
}

.num-usergraph .num {
	font-size: 100px;
	color: #f25546;
	letter-spacing: 0;
}

@media screen and ( max-width: 767px ) {
	
	.num-usergraph__text p {
		font-size: 20px;
	}

	.num-usergraph .num {
		font-size: 60px;
	}

	.num-usergraph__photo {
		width: 72px;
	}
	
}


/* ------------------------------

	ご利用ユーザー数

 ------------------------------ */

.num-user {
	margin-top: -24px;
}

.num-user__text {
	margin-bottom: 20px;
	text-align: center;
}

.num-user__text p {
	font-size: 32px;
	font-weight: 900;
	line-height: 1;
}

.num-user__text > :last-child {
	margin-bottom: 0;
}

.num-user__photo {
	text-align: center;
}

.num-user .num {
	font-size: 100px;
	color: #7cba2b;
	letter-spacing: 0;
}

@media screen and ( max-width: 767px ) {
	
	.num-user__text p {
		font-size: 20px;
	}

	.num-user .num {
		font-size: 60px;
	}
	
	.num-user__photo img {
		width: 112px;
	}
	
}


/* ------------------------------

	代理店数

 ------------------------------ */

.num-agency {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 36px 0;
}

.num-agency__photo {
	text-align: center;
}

.num-agency__photo h3 {
	margin: 10px 0 0;
}

.num-agency__text {
	padding-left: 20px;
}

.num-agency__text p {
	font-size: 32px;
	font-weight: 900;
	line-height: 1;
}

.num-agency__text > :last-child {
	margin-bottom: 0;
}

.num-agency .num {
	font-size: 100px;
	color: #eb4eb2;
	letter-spacing: 0;
}

@media screen and ( max-width: 767px ) {
	
	.num-agency__photo img {
		width: 35px;
	}
	
	.num-agency__text p {
		font-size: 20px;
	}

	.num-agency .num {
		font-size: 60px;
	}
	
}


/* ------------------------------

	契約企業別の割合

 ------------------------------ */

.num-industry {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 60px;
}

.num-industry__primary {
	width: 280px;
	padding: 0 40px;
}

.num-industry__secondary {
	width: 320px;
}

.industry-it {
	text-align: center;
}

.industry-it__head {
	margin: 0 0 12px;
	font-size: 38px;
	line-height: 1;
	font-weight: 900;
	color: #f25546;
}

.industry-it__photo {
	margin: 0 0 12px;
}

.industry-it__foot p {
	font-size: 32px;
	font-weight: 900;
	line-height: 1;
}

.industry-it__foot > :last-child {
	margin-bottom: 0;
}

.industry-it .num {
	font-size: 100px;
	color: #f25546;
	letter-spacing: 0;
}

.industry-secondary__row {
	display: flex;
	align-items: center;
	padding: 26px 0;
}

.industry-secondary__row + .industry-secondary__row {
	border-top: 7px solid #7589d6;
}

.industry-secondary__photo {
	width: 90px;
	text-align: center;
}

.industry-secondary__head {
	width: 114px;
	font-size: 18px;
	font-weight: 900;
	text-align: center;
	line-height: 1.4;
}

.industry-secondary__foot {
	width: calc( 100% - 204px );
}

.industry-secondary__foot p {
	font-size: 18px;
	font-weight: 900;
	line-height: 1;
}

.industry-secondary__foot > :last-child {
	margin-bottom: 0;
}

.industry-secondary__foot .num {
	font-size: 72px;
	letter-spacing: 0;
}

@media screen and ( max-width: 767px ) {
	
	.num-industry {
		flex-wrap: wrap;
		padding: 0 20px;
	}

	.num-industry__primary {
		width: 100%;
		padding: 0;
	}

	.num-industry__secondary {
		width: 100%;
	}

	.industry-it__head {
		margin-bottom: 20px;
		font-size: 24px;
	}

	.industry-it__photo img {
		width: 42px;
	}

	.industry-it__foot p {
		font-size: 20px;
	}

	.industry-it .num {
		font-size: 60px;
	}
	
	.industry-secondary__row {
		justify-content: space-between;
	}

	.industry-secondary__photo {
		width: 45px;
		text-align: center;
	}
	
	.industry-secondary__photo img {
		width: 32px;
	}

	.industry-secondary__head {
		width: 115px;
	}

	.industry-secondary__foot {
		width: 60px;
		text-align: right;
	}

	.industry-secondary__foot .num {
		font-size: 40px;
	}
	
}


/* ------------------------------

	テンプレートのデザイン数

 ------------------------------ */

.num-template {
	display: flex;
	align-items: center;
	justify-content: center;
}

.num-template__text {
	padding-left: 20px;
}

.num-template__text p {
	font-size: 32px;
	font-weight: 900;
	line-height: 1;
}

.num-template__text > :last-child {
	margin-bottom: 0;
}

.num-template .num {
	font-size: 100px;
	color: #d02471;
	letter-spacing: 0;
}

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

	.num-template__photo {
		width: 44px;
	}
	
	.num-template__text p {
		font-size: 20px;
	}

	.num-template .num {
		font-size: 60px;
	}
	
}


/* ------------------------------

	コンテンツパーツ数

 ------------------------------ */

.num-parts {
	display: flex;
	align-items: center;
	justify-content: center;
}

.num-parts__text {
	padding-left: 20px;
}

.num-parts__text p {
	font-size: 32px;
	font-weight: 900;
	line-height: 1;
}

.num-parts__text > :last-child {
	margin-bottom: 0;
}

.num-parts .num {
	font-size: 100px;
	color: #46ba7d;
	letter-spacing: 0;
}

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

	.num-parts__photo {
		width: 40px;
	}
	
	.num-parts__text p {
		font-size: 20px;
	}

	.num-parts .num {
		font-size: 60px;
	}
	
}


/* ----------------------------------------- 

	OEMサービス - 代理店の声

 ----------------------------------------- */

.voice-detail {
	padding: 4rem;
}

.voice-detail__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 -15px 2rem;
}

.voice-detail__photo {
	width: 350px;
	padding: 0 15px;
}

.voice-detail__text {
	width: calc(100% - 350px);
	padding: 0 15px;
}

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

	.voice-detail {
		padding: 0;
	}
	
	.voice-detail__photo {
		width: 100%;
		text-align: center;
	}
	
	.voice-detail__photo img {
		max-width: 50%;
	}

	.voice-detail__text {
		width: 100%;
	}
	
}

.voice-detail h3 {
	text-align: left;
}

.voice-detail__body > :last-child {
	margin-bottom: 0;
}

/*.voice .voice-left::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(-135deg);
  left: 240px;
  bottom: -45px;
  border-left: 50px solid #fff;
  border-top: 50px solid #fff;
  border-right: 50px solid transparent;
  border-bottom: 50px solid transparent;
  z-index: -1;
}
.voice .voice-left::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(-135deg);
  left: 200px;
    bottom: -50px;
  border-left: 50px solid #f6f8ff;
  border-top: 50px solid #f6f8ff;
  border-right: 50px solid transparent;
  border-bottom: 50px solid transparent;
  z-index: -1;
}*/

.voice .voice-right{
	    width: 330px;
    z-index: 1;
    position: absolute;
    top: 100px;
}
.voice .voice-right img{
	z-index: 1;
}

.voice.voice-type2 .voice-right{
	float: right;
	right: 0;
}
/*.voice.voice-type2 .voice-left::after{
	right: 200px;
	left: auto;
}
.voice.voice-type2 .voice-left::before{
	right: 240px;
	left: auto;
}*/


/* ----------------------------------------- 

	OEMサービス - サービス価格

 ----------------------------------------- */

.price-option-wrap {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1.5rem;
}

.price-option {
	display: flex;
	width: 33.33333333%;
	margin: 0 0 3rem;
	padding: 0 1.5rem;
}

.price-option-box {
	padding: 2rem;
	background-color: #f6f8ff;
	border-radius: 10px;
}

.price-option-box__title {
	margin: 0 0 .8rem;
	font-size: 2rem;
}

.price-option-box__price {
	margin: 0 0 .8rem;
	text-align: right;
}

.price-option-box__price-num {
	font-size: 2rem;
	font-weight: 700;
}

.price-option-box__text > :last-child {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	
	.price-option {
		width: 100%;
	}

}


/* ----------------------------------------

	CMSサービスについて - テンプレート
 
---------------------------------------- */

.pagetemp-template .siteblock-upper {
	border-top: 1px solid #fff;
	background: #3b4e9a url("../images/template/template-key-min.png") repeat center center;
}

@media screen and (max-width: 767px) {
	
	.pagetemp-template .siteblock-upper {
		background-size: cover;
	}


	.template-registration-header .lay-row,
	.template-registration-footer .lay-row {
		flex-direction: column-reverse;
	}

}


.template-category-list {
	margin-top: 4rem;
	margin-bottom: 8rem;
	padding-bottom: 2rem;
	border-bottom: 2px solid #eee;
}

.template-category-list ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.template-category-list li {
	display: flex;
}

.template-category-list a {
	padding: 1rem 0;
	font-weight: 700;
	text-decoration: none;
}

.template-category-list ul li a {
	width: 20%;
}


.template-category-list ul ul {
	display: flex;
	flex-wrap: wrap;
	width: 80%;
	margin: 0 -1rem;
}

.template-category-list ul ul li {
	width: 20%;
	padding: 0 1rem;
}

.template-category-list ul ul li a {
	width: 100%;
	color: #333;
}

.template-list-row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -1.5rem;
}

.template-list-col {
	display: flex;
	width: 20%;
	margin: 0 0 3rem;
	padding: 0 1.5rem;
}

@media screen and (max-width: 767px) {
	
	.template-list-row {
		margin: 0 -1rem;
	}

	.template-list-col {
		width: 50%;
		padding: 0 1rem;
	}
	
}


.template-box {
	display: block;
}

.template-box__photo {
	position: relative;
	overflow: hidden;
	margin: 0 0 10px;
	border-radius: 10px;
	background-color: #f6f8ff;
}

.template-box__photo-cover {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	display: flex;
	align-items: center;
	justify-content: center;
    background-color: rgba(52,72,151,0.75);
	color: #fff;
	opacity: 0;
	transition: all 0.3s;
}

.is-active .template-box__photo-cover {
	opacity: 1;
}

.template-box__photo-img img {
	display: block;
	max-width: none;
	width: 100%;
	height: auto;
}

.template-box__title {
	color: #333;
	font-weight: bold;
}


/* ----------------------------------------

	リリース情報
 
---------------------------------------- */

.release-row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -2rem;
}

.release-col {
	width: 25%;
	margin: 0 0 2rem;
	padding: 0 2rem;
}

@media screen and (max-width: 767px) {
	
	.release-row {
		margin: 0 -1rem;
	}
	
	.release-col {
		width: 50%;
		padding: 0 1rem;
	}

}


.release-box {
	display: block;
	color: #333;
}

.release-box__photo {
	margin: 0 0 1.2rem;
}

.release-box__photo img {
	display: block;
	max-width: none;
	width: 100%;
	height: auto;
	aspect-ratio: 8 / 5;
	object-fit: cover;
}

.release-box__data {
	margin: 0 0 0.6rem;
	font-size: 1.4rem;
	line-height: 1;
}

.release-box__title {
	margin: 0;
	font-size: 1.6rem;
	font-weight: 700;
}

.release-box__description {
	margin-top: 1rem;
	font-size: 1.3rem;
}


/* ----------------------------------------- 

	資料請求

 ----------------------------------------- */

.request-row {
	display: flex;
	flex-wrap: wrap;
	margin: 2rem -3rem 4rem;
}

.request-row--center {
	align-items: center;
}

.request-col {
	width: 50%;
	margin: 0 0 4rem;
	padding: 0 3rem;
}

.request-logo {
	margin-bottom: 4rem;
}

.request-logo img {
	width: 130px;
}

.request-col h1 {
	margin-top: 0;
	font-size: 2.4rem;
	line-height: 1.4;
}

.request-photo {
	border: 1px solid #e3e3e3;
}

.request-col h3 {
	font-size: 2rem;
}


@media screen and (max-width: 767px) {
	
	.request-col {
		width: 100%;
	}

	.request-col h1 {
		font-size: 2.4rem;
	}

}


.request-complete-title {
	margin: 0;
	padding: 0;
	font-size: 1.6rem;
	color: #333;
}

.request-complete-text dt {
	margin: 0;
	padding: 0;
	font-size: 3.2rem;
	font-weight: 700;

}

.request-complete-text dd {
	font-size: 1.6rem;
}

label.mauticform-label {
	margin-bottom: 0;
}

div.mauticform-row {
	margin-bottom: 0.6rem;
}


/* ----------------------------------------- 

	新着情報

 ----------------------------------------- */

.top-topics-wrap {
	margin-bottom: 80px;
}

.top-topics {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}

.top-topics:last-child {
	margin-bottom: 40px;
}

.top-topics + .top-topics {
	margin-top: 2em;
}

.top-topics__date {
	width: 12rem;
	margin: 0;
	padding: 0 10px;
}

.top-topics__title {
	width: calc( 100% - 12rem );
	margin: 0;
	padding: 0 10px;
}

@media screen and ( max-width: 767px ) {
	
	.top-topics-wrap {
		margin-bottom: 40px;
	}
	
	.top-topics:last-child {
		margin-bottom: 20px;
	}

	.top-topics__date {
		width: 100%;
	}

	.top-topics__title {
		width: 100%;
	}
	
}


/* ----------------------------------------- 

	新着情報 MODULE:topics-topics_article

 ----------------------------------------- */

.topics-article__head {
	margin: 4rem 0;
}

.topics-article__title {
	margin: 0 0 1rem;
	line-height: 1.4;
}

.topics-article__data {
	margin: 0;
}

@media screen and ( max-width: 767px ) {
	
	.topics-article__head {
		margin-top: 2rem;
	}
	
}


/* ----------------------------------------- 

	ブログ MODULE:blog-individual

 ----------------------------------------- */

.blog-individual__head {
	margin: 4rem 0;
}

.blog-individual__title {
	margin: 0 0 1rem;
	line-height: 1.4;
}

.blog-individual__mate {
	display: flex;
	align-items: center;
}

.blog-individual__data {
	margin: 0;
}

.blog-individual__cat {
	margin-left: 8px;
}

.blog-individual__cat ul {
	display: flex;
	align-items: center;
	margin: 0 -2px -4px;
	padding: 0;
	list-style: none;
}

.blog-individual__cat li {
	margin: 0 0 4px;
	padding: 0 2px;
}

@media screen and ( max-width: 767px ) {
	
	.blog-individual__head {
		margin-top: 2rem;
	}
	
}

.blog-individual__body {
	margin-bottom: 80px;
}

.author-section {
	margin-top: 8rem;
	margin-bottom: 4rem;
}

.author-section + .author-section {
	margin-top: 4rem;
}

.author-link {
	display: block;
	padding: 4rem;
	border: 2px solid #f6f8ff;
	border-radius: 10px;
}

.author-link:hover {
	border-color: #3b4e9a;
}

.author-box {
	display: flex;
	margin: 0 -1.5rem;
}

.author-box__photo {
	width: 21.178637%;
	padding: 0 1.5rem;
}

.author-box__photo img {
	display: block;
	border-radius: 4px;
}

.author-box__text {
	width: calc( 100% - 21.178637% );
	padding: 0 1.5rem;
}

.author-box__title {
	margin-bottom: 1rem;
	font-size: 2rem;
	color: #333;
}

.author-box__info {
	margin: 0 0 1.6rem;
	color: #333;
}

.author-box__info > :last-child {
	margin-bottom: 0;
}

.author-box__btn {
	margin: 0;
}

@media screen and ( max-width: 767px ) {
	
	.author-section {
		margin-top: 4rem;
		margin-bottom: 2rem;
	}

	.author-link {
		padding: 2rem;
	}

	.author-box {
		margin: 0 -1rem;
	}

	.author-box__photo {
		width: 30%;
		padding: 0 1rem;
	}

	.author-box__text {
		width: calc( 100% - 30% );
		padding: 0 1rem;
	}

	.author-box__title {
		font-size: 1.6rem;
	}

}


.cv-box {
	padding: 3rem;
	border-radius: 10px;
}

.cv-box__head {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 -5px 2rem;
}

.cv-box__photo {
	padding: 0 5px;
}

.cv-box__photo img {
	width: 40px;
	height: auto;
}

.cv-box__text {
	padding: 0 5px;
	font-weight: 700;
}

.cv-box__text > :last-child {
	margin-bottom: 0;
}

.cv-box__text p {
	line-height: 1.4;
}

.cv-box__btn > :last-child {
	margin-bottom: 0;
}


/* ----------------------------------------- 

	コンテンツパーツ

 ----------------------------------------- */

.parts_h_type23 .parts_h_type23_box_head_num > span {
	background-color: #3b4e9a;
	border-radius: 20px;
	color: #fff;
	font-weight: bold;
}






/* ---------------------------------------------------------------------------------------- 
 form
 ---------------------------------------------------------------------------------------- *//* .form-control */
 .topicDigestLink a,
 .parts_other_bupageTopBox a,
 .parts_other_buPrintBox a,
 .albumList .pageLink a,
 .returnBu a,
 a.returnBu,
 .cartPartsLook a,
 .clearBu input,
 .agreeNoBu input,
 .agreeYesBu input,
 .noAgreeYesBu input,
 .pageLinkBox a,
 .pageMore a,
 .blogRecent .blogRecentLink a, /*2022.04.27*/
 input[type="button"],
 input[type="submit"] {
  padding: 8px 12px;
  border: 2px solid #3b4e9a;
      margin: 5px 0;
      font-size: 14px;
      line-height: 1.42857;
      background-image: none;
      background: #3b4e9a;
      border-radius: 30px;
      transition: .3s;
      display: inline-block;
      color: #ffffff;
      min-width: 220px;
}
.topicDigestLink a:hover,
.topicDigestLink a:focus,
.parts_other_bupageTopBox a:hover,
.parts_other_buPrintBox a:hover,
.albumList .pageLink a:hover,
.returnBu a:hover, a.returnBu:hover,
.cartPartsLook a:hover,
.clearBu input:hover,
.agreeNoBu input:hover,
.agreeYesBu input:hover,
.noAgreeYesBu input:hover,
.pageLinkBox a:hover,
.pageMore a:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
.parts_other_bupageTopBox a:focus,
.parts_other_buPrintBox a:focus,
.albumList .pageLink a:focus,
.returnBu a:focus, a.returnBu:focus,
.cartPartsLook a:focus,
.clearBu input:focus,
.agreeNoBu input:focus,
.agreeYesBu input:focus,
.noAgreeYesBu input:focus,
.pageLinkBox a:focus,
.pageMore a:focus,
input[type="button"]:focus,
input[type="submit"]:focus {
  border: 2px solid #3b4e9a;
  background: #fff;
  color: #3b4e9a;
}

.siteblock-header #user-login .headerBoxBottom div div.buLogout, input.formRegisterBu, input:not([type]), input[type="text"], input[type="email"], input[type="tel"], input[type="password"], select, textarea {
  padding: 6px 12px;
  margin: 5px 0;
  font-size: 14px;
  line-height: 1.42857;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  display: inline-block;
}
.siteblock-opt1 input.formRegisterBu, .siteblock-opt2 input.formRegisterBu, .pagetemp-top input.formRegisterBu, .siteblock-opt1 input:not([type]), .siteblock-opt2 input:not([type]), .pagetemp-top input:not([type]), .siteblock-opt1 input[type="text"], .siteblock-opt2 input[type="text"], .pagetemp-top input[type="text"], .siteblock-opt1 input[type="email"], .siteblock-opt2 input[type="email"], .pagetemp-top input[type="email"], .siteblock-opt1 input[type="tel"], .siteblock-opt2 input[type="tel"], .pagetemp-top input[type="tel"], .siteblock-opt1 input[type="password"], .siteblock-opt2 input[type="password"], .pagetemp-top input[type="password"], .siteblock-opt1 select, .siteblock-opt2 select, .pagetemp-top select, .siteblock-opt1 textarea, .siteblock-opt2 textarea, .pagetemp-top textarea {
  background: #f6f8ff;
}
input:focus, select:focus, textarea:focus {
  outline: 0;
  -webkit-box-shadow: inset 0 0 1px #8295bf, 0 0 8px #8295bf;
  box-shadow: inset 0 0 1px #8295bf, 0 0 8px #8295bf;
}
.parts_other_bupageTopBox a:hover, .parts_other_buPrintBox a:hover, .returnBu a:hover, a.returnBu:hover, .cartPartsLook a:hover {
  text-decoration: none;
}
input[disabled], button[disabled], input[readonly], button[readonly], fieldset[disabled] input, fieldset[disabled] button {
  opacity: 1;
}
input[disabled], button[disabled], fieldset[disabled] input, fieldset[disabled] button {
  cursor: not-allowed;
}
/* サイズ調整 */input:not([type]), input[type="text"], input[type="email"], input[type="password"], textarea {
  width: 100%;
}
/* button */#mailform_form .pageLinkBox ul {
  list-style-type: none;
}
#mailform_form .pageLinkBox ul li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
/* file */#mailForm input[type="file"] {
  padding: 12px 12px 12px 0px;
}
/* label */#mailForm label {
  padding: 12px 12px 12px 0px;
}
/* チェックボックス/ラジオボタン */#mailForm label .checkbox, #mailForm label .radio {
  display: inline;
}
/* ドロップダウン */select {
  height: 34px;
  max-width: 100%;
}
/* formパーツ - 郵便番号・電話番号 */input.ant2api-zip, input.ant2api-pref, input[name=user_zip1], input[name=user_zip2], input[name=user_tel1], input[name=user_tel2], input[name=user_tel3], input[name=user_fax1], input[name=user_fax2], input[name=user_fax3], input[name=user_mobile1], input[name=user_mobile2], input[name=user_mobile3] {
  width: auto;
}
/* formパーツ - HTML */#mailForm p, #mailform_form p {
  margin: 10px 5px;
}

.pageLink .pageLinkBox {
  text-align: center;
}
input {
  border: none;
}

.pageLink li {
  margin-top: 0;
}
.pageLink li:before {
  display: none;
}
.siteblock-side table td, .siteblock-side table th {
  display: block;
  width: 100%;
}
.siteblock-side table.calendar {
  width: 100%;
}
.siteblock-side table.calendar td, .siteblock-side table.calendar th {
  display: table-cell;
  width: auto;
}




/* ---------------------------------------------------------------------------------------- 
 topics
 ---------------------------------------------------------------------------------------- *//* -----------------------------------------
 　歴アーカイブ
 ----------------------------------------- */.topicsIndexList ul {
  list-style: none;
  padding: 0;
}
.topicsIndexList ul li {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 20px;
}
.topicsIndexList ul li:before {
  display: none;
}
.topicsIndexList ul li a {
  padding: 6px 12px;
  border-radius: 5px;
  box-shadow: 3px 3px 4px #c0c0d1, -3px -3px 4px #fff;
  color: #737bb5;
  background: #f6f8ff;
  border: 1px solid #f6f8ff;
}
.topicsIndexList ul li a:hover, .topicsIndexList ul li a:focus {
  box-shadow: inset 2px 2px 5px #c0c0d1, inset -3px -3px 7px #fff;
  border: 1px solid #f6f8ff;
  color: #737bb5;
  background: #8a9abd;
}
/* -----------------------------------------
 　最新
 ----------------------------------------- */
 .topicsDigest .topicsDigestBox {
  padding: 20px 0 5px; /*2022.04.27*/
  border-bottom: 1px solid #737bb5;
}
.topicsDigest .topicsDigestBox .topicDigestText {
  display: flex;
  position: relative;
  padding-right: 200px;
}
@media screen and (max-width: 767px) {
  .topicsDigest .topicsDigestBox .topicDigestText {
    padding-right: 0px;
    flex-direction: column;
  }
}
.topicsDigest .topicsDigestBox .topicDigestText .topicDate {
  margin-right: 30px;
}
.topicsDigest .topicsDigestBox .topicDigestText .topicDigestLinkText h4 {
  margin: 0 0 15px;
}
.topicsDigest .topicsDigestBox .topicDigesimg {
  position: absolute;
  right: 15px;
  top: 0;
  width: 10%;
}
@media screen and (max-width: 767px) {
  .topicsDigest .topicsDigestBox .topicDigesimg {
    display: none;
  }
}
.topicsDigest .topicDigestLink {
  text-align: center;
}
.topicsDigest .topicDigestLink a {
  margin: 50px 0;
}
.siteblock-main .topicsArticlePhoto {
  padding-bottom: 30px;
}
.siteblock-main .topicsListBox {
  padding: 50px 0 40px;
  border-bottom: 1px solid #737bb5;
}
.siteblock-main .topicsList .topicDigestList {
  display: flex;
}
@media screen and (max-width: 767px) {
  .siteblock-main .topicsList .topicDigestList {
    flex-direction: column;
  }
}
.siteblock-main .topicsList .topicDigestList .topicDate {
  margin-right: 30px;
}
.siteblock-main .topicsList .topicDigestList .topicDigestText h2 {
  margin: 0 0 15px;
  text-align: left;
  font-size: 20px;
  font-weight: 600;
}
.siteblock-main .pageLink {
  text-align: center;
  margin-top: 40px;
}
.siteblock-main .pageLink ul {
  list-style: none;
  padding: 0;
  margin-top: 40px;
  display: flex;
  justify-content: center;
	align-items: center;
}
.siteblock-main .pageLink ul li:before {
  display: none;
}
.siteblock-main .pageLink ul .mainBu {
  margin: 0 10px;
}
.siteblock-side .topicsDigest .topicsDigestBox .topicDigestText {
  flex-direction: column;
  padding: 0;
}
.siteblock-side .topicsDigest .topicDigestLink {
  margin-top: 25px;
}
/* ---------------------------------------------------------------------------------------- 
 blog
 ---------------------------------------------------------------------------------------- */

.siteblock-main .blogEntryBox .topicDate {
  margin-bottom: 0;
}

.siteblock-main .blogEntryBox h2 {
  margin-bottom: 30px;
  margin-top: 0;
  font-size: 20px;
	line-height: 1.4;
  text-align: left;
  font-weight: 600;
}
.siteblock-main .blogEntryBox .blogEntryList {
  list-style: none;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  flex-wrap: wrap;
}
.siteblock-main .blogEntryBox .blogEntryList .blogEntryListBox {
  width: 33.333%;
  display: inline-block;
  padding: 15px;
  transition: 0.3s;
  border: 1px solid rgba(255, 255, 255, 0);
}
@media screen and (max-width: 767px) {
  .siteblock-main .blogEntryBox .blogEntryList .blogEntryListBox {
    width: 50%;
    padding: 5px;
  }
}
.siteblock-main .blogEntryBox .blogEntryList .blogEntryListBox:hover {
  box-shadow: 0px 0px 8px #c0c0d1;
    background: #f8faff;
    border: 1px solid #f6f8ff;
    border-radius: 5px;
  color: #33526f;
}
.siteblock-main .blogEntryBox .blogEntryList .blogEntryListBox .blogEntryBody {
  height: 47px;
  overflow: hidden;
}

.siteblock-main .blogEntryBox .blogEntryList .blogEntryListBox .blogEntryListPhoto {
	margin-bottom: 12px;
}

.siteblock-main .blogEntryBox .blogEntryList .blogEntryListBox img {
	width: 100%;
	height: 240px;
	object-fit: cover;
}

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

	.siteblock-main .blogEntryBox .blogEntryList .blogEntryListBox img {
		height: 120px;
	}
	
}

.siteblock-main .topicsArticle .topicDate, .siteblock-main .blogIndividual .topicDate {
  margin-bottom: 20px;
}
.siteblock-main .topicsArticle h2, .siteblock-main .blogIndividual h2 {
  margin-bottom: 50px;
  margin-top: 0;
  font-size: 20px;
  text-align: left;
  font-weight: 600;
}
.siteblock-main .eventDay .pageLink, .siteblock-main .eventArticle .pageLink {
  text-align: center;
}
/* -----------------------------------------
 　アーカイブ
 ----------------------------------------- */.blogArchiveList dl {
  border-bottom: 1px solid #33526f;
  padding: 20px 0;
}
.blogArchiveList dl dt {
  display: inline-block;
  margin-right: 20px;
}
.blogArchiveList dl dd {
  display: inline-block;
}
/* -----------------------------------------
 　カテゴリーアーカイブ
 ----------------------------------------- */.blogCategoryArchivesList {
  list-style: none;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  flex-wrap: wrap;
}
.blogCategoryArchivesList .blogCategoryArchivesListBox {
  width: 33.333%;
  display: inline-block;
  padding: 15px;
  transition: 0.3s;
  border: 1px solid rgba(255, 255, 255, 0);
}
@media screen and (max-width: 767px) {
  .blogCategoryArchivesList .blogCategoryArchivesListBox {
    width: 50%;
    padding: 5px;
  }
}
.blogCategoryArchivesList .blogCategoryArchivesListBox:hover {
  box-shadow: 3px 3px 4px #c0c0d1, -3px -3px 4px #fff;
  background: #f6f8ff;
  border: 1px solid #f6f8ff;
  border-radius: 10px;
  color: #33526f;
}
.blogCategoryArchivesList .blogCategoryArchivesListBox h3 {
  margin-bottom: 50px;
  margin-top: 0;
  font-size: 20px;
  text-align: left;
  font-weight: 600;
}
.blogCategoryArchivesList .blogCategoryArchivesListBox .blogEntryBody {
  height: 51px;
  overflow: hidden;
}

.blogCategoryArchivesPhoto {
	margin-bottom: 12px;
}

.blogCategoryArchivesList .blogCategoryArchivesListBox img {
	width: 100%;
	height: 240px;
	object-fit: cover;
}

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

	.blogCategoryArchivesList .blogCategoryArchivesListBox img {
		height: 120px;
	}
	
}


/* -----------------------------------------
 　月別アーカイブ
 ----------------------------------------- */.blogMonthlArchivesList {
  list-style: none;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  flex-wrap: wrap;
}
.blogMonthlArchivesList .blogMonthlArchivesListBox {
  width: 33.333%;
  display: inline-block;
  padding: 15px;
  transition: 0.3s;
  border: 1px solid rgba(255, 255, 255, 0);
}
@media screen and (max-width: 767px) {
  .blogMonthlArchivesList .blogMonthlArchivesListBox {
    width: 50%;
    padding: 5px;
  }
}
.blogMonthlArchivesList .blogMonthlArchivesListBox:hover {
  box-shadow: 3px 3px 4px #c0c0d1, -3px -3px 4px #fff;
  background: #f6f8ff;
  border: 1px solid #f6f8ff;
  border-radius: 10px;
  color: #33526f;
}
.blogMonthlArchivesList .blogMonthlArchivesListBox h3 {
  margin-bottom: 50px;
  margin-top: 0;
  font-size: 20px;
  text-align: left;
  font-weight: 600;
}
.blogMonthlArchivesList .blogMonthlArchivesListBox .blogEntryBody {
  height: 51px;
  overflow: hidden;
}
.blogMonthlArchivesList .blogMonthlArchivesPhoto {
	margin-bottom: 12px;
}

.blogMonthlArchivesList .blogMonthlArchivesListBox img {
	width: 100%;
	height: 240px;
	object-fit: cover;
}
@media screen and (max-width: 767px) {
	.blogMonthlArchivesList .blogMonthlArchivesListBox img {
	  height: 120px;
	}
}


/* -----------------------------------------
 　最新
 ----------------------------------------- */.blogRecent h2 {
  margin-bottom: 50px;
  margin-top: 0;
}
.blogRecent .blogRecentList {
  margin: 20px 0 16px; /*2022.04.27*/
}
@media screen and (max-width: 767px) {
  .blogRecent .blogRecentList {
    margin: 20px 10px 40px;
  }
}
.blogRecent .blogRecentList p, .blogRecent .blogRecentList h4 {
  text-align: left;
}
.blogRecent ul {
  list-style: none;
  margin-left: -15px;
  margin-right: -15px;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.blogRecent ul li {
  width: 33.333%;
  display: inline-block;
  padding: 15px;
  transition: 0.3s;
  border: 1px solid rgba(255, 255, 255, 0);
}
.blogRecent ul li:before {
  display: none;
}
@media screen and (max-width: 767px) {
  .blogRecent ul li {
    width: 50%;
    padding: 5px;
  }
}
.blogRecent ul li:hover {
  box-shadow: 3px 3px 4px #c0c0d1, -3px -3px 4px #fff;
  background: #f6f8ff;
  border: 1px solid #f6f8ff;
  border-radius: 10px;
  color: #33526f;
}
.blogRecent ul li .blogRecentText {
  height: 49px;
  overflow: hidden;
}
.blogRecent ul li img {
  width: 100%;
}
.blogRecent .blogRecentLink {
  text-align: center;
}
/*.blogRecent .blogRecentLink a {
  padding: 6px 12px;
  border-radius: 5px;
  box-shadow: 3px 3px 4px #c0c0d1, -3px -3px 4px #fff;
  color: #33526f;
  background: #f6f8ff;
  border: 1px solid #f6f8ff;
}*/ /*2022.04.27*/
.blogRecent .blogRecentLink a:hover, .blogRecent .blogRecentLink a:focus {
  box-shadow: inset 2px 2px 5px #c0c0d1, inset -3px -3px 7px #fff;
  border: 1px solid #f6f8ff;
  color: #33526f;
  background: #f6f8ff;
}
.siteblock-side .blogRecent ul {
  flex-direction: column;
}
.siteblock-side .blogRecent ul li {
  width: 100%;
}
/* -----------------------------------------
 　詳細
 ----------------------------------------- */.blogCommentsName ul, .blogTrackbacksName ul {
  list-style: none;
  padding: 0;
  display: inline-block;
}
.blogCommentsName ul li, .blogTrackbacksName ul li {
  display: inline-block;
  margin-bottom: 0;
}
.blogCommentsName ul li:before, .blogTrackbacksName ul li:before {
  display: none;
}
.blogCommentsName ul li.topicDate, .blogTrackbacksName ul li.topicDate {
  box-shadow: inset 2px 2px 5px #c0c0d1, inset -3px -3px 7px #fff;
  background: #f6f8ff;
  border: 1px solid #f6f8ff;
  font-size: 13px;
  border-radius: 50px;
  padding: 3px 8px;
}
.entryCategory ul {
  padding: 0;
}
.entryCategory li {
  display: inline-block;
}
.entryCategory li:before {
  display: none;
}
.entryCategory li a {
  padding: 6px 12px;
  border-radius: 5px;
  box-shadow: 3px 3px 4px #c0c0d1, -3px -3px 4px #fff;
  color: #737bb5;
  background: #f6f8ff;
  border: 1px solid #f6f8ff;
}
.entryCategory li a:hover, .entryCategory li a:focus {
  box-shadow: inset 2px 2px 5px #c0c0d1, inset -3px -3px 7px #fff;
  border: 1px solid #f6f8ff;
  color: #737bb5;
  background: #f6f8ff;
}
/* -----------------------------------------
 　カテゴリーリスト
 ----------------------------------------- */.blogCategoryList > ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .blogCategoryList > ul {
    flex-direction: column;
  }
}
.blogCategoryList > ul > li {
  width: 50%;
  margin-bottom: 20px;
}
.blogCategoryList > ul > li:before {
  display: none;
}
@media screen and (max-width: 767px) {
  .blogCategoryList > ul > li {
    width: 100%;
  }
}
.blogCategoryList > ul > li > a {
  font-size: 18px;
}
.siteblock-side .blogCategoryList > ul {
  flex-direction: column;
}
.siteblock-side .blogCategoryList > ul > li {
  width: 100%;
}
/* -----------------------------------------
 　カレンダー
 ----------------------------------------- */.blogCalendar .calendarBox th {
  text-align: center;
}
/* -----------------------------------------
 　ブログ内検索
 ----------------------------------------- */.searchLink {
  text-align: center;
  margin-top: 20px;
}
/* -----------------------------------------
 　月別アーカイブ
 ----------------------------------------- */
 .blogMonthlyList ul {
  list-style: none;
  padding: 0;
}
.blogMonthlyList ul li {
  margin-bottom: 20px;
}
.blogMonthlyList ul li:before {
  display: none;
}
.blogMonthlyList ul li a {
  padding: 6px 12px;
  border-radius: 5px;
  box-shadow: 3px 3px 4px #c0c0d1, -3px -3px 4px #fff;
  background: #f6f8ff;
  border: 1px solid #f6f8ff;
  color: #33526f;
}
.blogMonthlyList ul li a:hover, .blogMonthlyList ul li a:focus {
  box-shadow: inset 2px 2px 5px #c0c0d1, inset -3px -3px 7px #fff;
  border: 1px solid #f6f8ff;
  color: #33526f;
  background: #f6f8ff;
}
/* ---------------------------------------------------------------------------------------- 
 イベント
 ---------------------------------------------------------------------------------------- */
 .eventCalendar .calenderBody {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .eventCalendar .calenderBody {
    flex-direction: column;
  }
}
.eventCalendar .calendar {
  width: 32%;
  min-width: auto;
  padding: 10px;
}
@media screen and (max-width: 767px) {
  .eventCalendar .calendar {
    width: 100%;
  }
}
.eventCalendar td {
  text-align: center;
}
table.eventList th.data {
  width: 60px !important;
}
.eventList td ul {
  list-style: none;
  padding: 0;
}
.eventList td ul li {
  text-align: left;
}
.eventList td ul .iconList .calenderIcon {
  width: 15%;
}
.siteblock-side .eventCalendar .calendar {
  width: 100%;
}
.siteblock-side .eventCalendar .calendar td, .siteblock-side .eventCalendar .calendar th {
  display: table-cell;
  width: auto;
  font-size: 15px;
  padding: 20px 10px;
}
/* -----------------------------------------
 　日一覧
 ----------------------------------------- */body table.eventDetail thead tr {
  border-bottom: 0;
}
body table.eventDetail td .eventImg .calenderIcon {
  width: 30%;
  margin-right: 20px;
}
/* ---------------------------------------------------------------------------------------- 
 営業カレンダー
 ---------------------------------------------------------------------------------------- */.businessCalendar .calendar th {
  text-align: center;
}
/* ---------------------------------------------------------------------------------------- 
 サイトマップ
 ---------------------------------------------------------------------------------------- */#tree li {
  margin-top: 10px;
}
#tree > ul {
  padding: 0;
  margin-left: 0;
}
#tree > ul > li {
  list-style: none;
  padding: 0;
}
#tree > ul > li:before {
  display: none;
}
#tree > ul > li > a {
  background: #fff;
  padding: 10px 20px;
  border-radius: 20px;
  color: #33526f;
  font-size: 20px;
}
#tree > ul > li > a:hover, #tree > ul > li > a:focus {
  box-shadow: inset 2px 2px 5px #c0c0d1, inset -3px -3px 7px #fff;
}
#tree > ul > li > ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 991px) {
  #tree > ul > li > ul {
    flex-direction: column;
  }
}
#tree > ul > li > ul > li {
  width: 45%;
  margin-top: 25px;
  padding: 0;
}
#tree > ul > li > ul > li:before {
  display: none;
}
@media screen and (max-width: 991px) {
  #tree > ul > li > ul > li {
    width: 100%;
  }
}
#tree > ul > li > ul > li > a {
  font-size: 18px;
}
.siteblock-side #tree {
  box-shadow: 3px 3px 4px #c0c0d1, -3px -3px 4px #fff;
  background: #f6f8ff;
  border: 1px solid #f6f8ff;
  border-radius: 10px;
  padding: 10px 10px 0;
}
.siteblock-side #tree li {
  width: 100%;
}
.siteblock-side #tree > ul {
  padding: 0;
}
.siteblock-side #tree > ul > li > ul {
  padding: 0;
  list-style: none;
}
.siteblock-side #tree > ul > li > ul > li > ul {
  box-shadow: inset 2px 2px 5px #c0c0d1, inset -3px -3px 7px #fff;
  background: #f6f8ff;
  border: 1px solid #f6f8ff;
  border-radius: 10px;
  padding: 10px 10px 10px 30px;
  margin-top: 20px;
}
/* ---------------------------------------------------------------------------------------- 
 ログイン
 ---------------------------------------------------------------------------------------- */.userLoginGetForm .loginLink {
  text-align: center;
}
.userLoginGetForm ul {
  list-style: none;
  padding: 0;
  text-align: center;
  margin-top: 20px;
}
.userLoginGetForm ul li {
  display: inline-block;
}
.userLoginGetForm ul li:before {
  display: none;
}
.userLoginGetForm ul li a {
  padding: 6px 12px;
  border-radius: 5px;
  box-shadow: 3px 3px 4px #c0c0d1, -3px -3px 4px #fff;
  color: #33526f;
  background: #f6f8ff;
  border: 1px solid #f6f8ff;
}
.userLoginGetForm ul li a:hover, .userLoginGetForm ul li a:focus {
  box-shadow: inset 2px 2px 5px #c0c0d1, inset -3px -3px 7px #fff;
  border: 1px solid #f6f8ff;
  color: #33526f;
  background: #f6f8ff;
}
/* ---------------------------------------------------------------------------------------- 
 メニュー
 ---------------------------------------------------------------------------------------- */.naviBox .boxBottom ul {
  list-style: none;
}
.naviBox .boxBottom > ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .naviBox .boxBottom > ul {
    flex-direction: column;
  }
}
.naviBox .boxBottom > ul > li {
  width: 50%;
  margin-bottom: 25px;
  padding: 0;
}
.naviBox .boxBottom > ul > li:before {
  display: none;
}
@media screen and (max-width: 767px) {
  .naviBox .boxBottom > ul > li {
    width: 100%;
  }
}
.naviBox .boxBottom > ul > li > .menu {
  font-size: 18px;
}
.siteblock-side .naviBox {
  box-shadow: 3px 3px 4px #c0c0d1, -3px -3px 4px #fff;
  background: #f6f8ff;
  border: 1px solid #f6f8ff;
  border-radius: 10px;
  padding: 10px 10px 0;
}
.siteblock-side .naviBox .boxBottom > ul {
  flex-direction: column;
  padding: 0;
}
.siteblock-side .naviBox .boxBottom > ul > li {
  width: 100%;
}
.siteblock-side .naviBox .boxBottom > ul > li > ul {
  box-shadow: inset 2px 2px 5px #c0c0d1, inset -3px -3px 7px #fff;
  background: #f6f8ff;
  border: 1px solid #f6f8ff;
  border-radius: 10px;
  padding: 10px;
  margin-top: 20px;
}
/* ---------------------------------------------------------------------------------------- 
 shop
 ---------------------------------------------------------------------------------------- */.catalog_new .grid {
  width: 25%;
  display: inline-block;
}
.cartParts .cartPartsBox {
  text-align: center;
}
.cartParts .cartPartsBox .cartPartsLook {
  margin-top: 20px;
}
/* -----------------------------------------
 　会員ページ
 ----------------------------------------- */.userMypageLogin ul {

  list-style: none;
  padding: 0;
  text-align: center;
  margin-top: 20px;
}
.userMypageLogin ul li {
  display: inline-block;
}
.userMypageLogin ul li:before {
  display: none;
}
.userMypageLogin ul li a {
  padding: 6px 12px;
  border-radius: 5px;
  box-shadow: 3px 3px 4px #c0c0d1, -3px -3px 4px #fff;
  color: #33526f;
  background: #f6f8ff;
  border: 1px solid #f6f8ff;
}
.userMypageLogin ul li a:hover, .userMypageLogin ul li a:focus {
  box-shadow: inset 2px 2px 5px #c0c0d1, inset -3px -3px 7px #fff;
  border: 1px solid #f6f8ff;
  color: #33526f;
  background: #f6f8ff;
}
/* -----------------------------------------
 　商品詳細
 ----------------------------------------- */
 .catalogDetailBox ul li:before {
  display: none;
}


/* ---------------------------------------------------------------------------------------- 
 CMS layout
 ---------------------------------------------------------------------------------------- */

#sitedesign-main-visual {
  position: relative;
}
#sitedesign-main-visual .sitedesign-bg-header {
  height: 300px;
  background-size: 100%;
  padding: 0px 40px;
  /*background: linear-gradient(to bottom, #6d84e8, #4f6fe4);*/
  background: linear-gradient(to bottom, #3856a8, #3856a8);

}
@media screen and (max-width: 767px) {
  #sitedesign-main-visual .sitedesign-bg-header {
    padding: 0px 20px;
  }
}
#sitedesign-main-visual .sitedesign-bg-header .sitedesign-main_inner {
  display: flex;
  /*align-items: center;*/
  /*padding-top: 150px;*/
  justify-content: space-around;
}
#sitedesign-main-visual .sitedesign-bg-header .sitedesign-main_inner .sitedesign-main-text {
  width: 45%;
  color: #fff;
}
#sitedesign-main-visual .sitedesign-bg-header .sitedesign-main_inner .sitedesign-main-text h1 {
  font-size: 70px;
  margin-bottom: 40px;
  margin-top: 0;
  word-break: break-word;
}
@media screen and (max-width: 767px) {
  #sitedesign-main-visual .sitedesign-bg-header .sitedesign-main_inner .sitedesign-main-text h1 {
    font-size: 60px;
  }
}
#sitedesign-main-visual .sitedesign-bg-header .sitedesign-main_inner .sitedesign-main-text p a {
  color: #15349a;
  padding: 15px 30px;
  min-width: 250px;
  text-align: center;
  border-radius: 27px;
  text-decoration: none;
  display: inline-block;
  margin-top: 20px;
  border: 2px solid #fff;
  background: #fff;
  transition: 0.5s;
}
#sitedesign-main-visual .sitedesign-bg-header .sitedesign-main_inner .sitedesign-main-text p a:hover, #sitedesign-main-visual .sitedesign-bg-header .sitedesign-main_inner .sitedesign-main-text p a:focus {
  box-shadow: 0 0 5px #999;
  border: 2px solid #fff;
  background: #fff0;
  color: #fff;
}

@media screen and (max-width: 767px) {
  #sitedesign-main-visual .sitedesign-bg-header .sitedesign-main_inner .sitedesign-main-text {
    width: 100%;
    text-align: center;
    margin-bottom: 30px;
  }
  #sitedesign-main-visual .sitedesign-bg-header .sitedesign-main_inner .sitedesign-main-text .ant2oem-mainvisual p:last-child {
    justify-content: center;
  }
}
#sitedesign-main-visual .sitedesign-bg-header .sitedesign-main_inner .sitedesign-main-text{
  z-index: 2;
}
#sitedesign-main-visual .sitedesign-bg-header .sitedesign-main_inner .sitedesign-main-img {
  width: 55%;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  #sitedesign-main-visual .sitedesign-bg-header .sitedesign-main_inner .sitedesign-main-img {
    width: 70%;
  }
}
#sitedesign-main-visual .sitedesign-bg-header .sitedesign-main_inner .sitedesign-main-img img {
  height: auto;
  width: 100%;
  filter: drop-shadow(0 4px 9px #06060673);
}

#sitedesign-main-visual .sitedesign-bg-header .sitedesign-main_inner .sitedesign-main-img .img-back-over {
  mix-blend-mode: color-burn;
  filter: blur(15px);
}
@media screen and (max-width: 767px) {
  #sitedesign-main-visual .sitedesign-bg-header .sitedesign-main_inner {
    flex-direction: column;
  }
}


#sitedesign-main-visual canvas {
  display: none; /*2022.04.27*/
  width: 100%;
  color: #fff;
  position: absolute;
  /*top: 235px;*/
  /*bottom: 0;*/
  bottom: -22px;
  left: 0;
  z-index: 0;
}

#sitelogo {
  position: fixed;
  left: -80px;
  top: -155px;
  z-index: 100;
  margin: 0;
  font-size: 20px;
  background: #fff;
  border-radius: 500px;
  padding: 177px 35px 25px 100px;
  transition: 0.5s;
}
#sitelogo.navbar-sitelogo-show {
  z-index: 10000;
  background: #f6f8ff;
  display: block !important;
}
.siteblock-right {
  display: none;
  position: fixed;
  width: 60%;
  height: 100vh;
  z-index: 10000;
  transition: 0.5s;
  opacity: 1;
  top: 0;
  padding-top: 140px;
  background: #e4deed;
  left: 0;
  padding: 140px 100px 0;
}
.siteblock-right.siteblock-right-show {
  display: block;
}


.pagetemp-top .siteblock-upper h2 {
    margin-top: 0 !important;
}

.pagetemp-column1 .sitedesign-optblock, .pagetemp-column2 .sitedesign-optblock {
  margin-top: 30px;

  position: relative;
}
.pagetemp-column1 .sitedesign-optblock .siteblock-opt3, .pagetemp-column2 .sitedesign-optblock .siteblock-opt3 {
  width: 70%;
  display: inline-block;
  z-index: 9;
  position: absolute;
  bottom: 0px;
  background: #fff;
  box-shadow: 0 0 10px #a3a8bb;
  left: 0;
  right: 0;
  margin: 0 auto 20px;
  padding: 10px 30px;
}
@media screen and (max-width: 767px) {
  .pagetemp-column1 .sitedesign-optblock .siteblock-opt3, .pagetemp-column2 .sitedesign-optblock .siteblock-opt3 {
    width: 90%;
  }
}
.pagetemp-column1 .sitedesign-optblock .siteblock-opt3 h2, .pagetemp-column2 .sitedesign-optblock .siteblock-opt3 h2 {
  margin: 50px 0 40px;
}
.btnA {
  color: #15349a;
  padding: 15px 30px;
  min-width: 220px;
  text-align: center;
  border-radius: 80px;
  text-decoration: none;
  display: inline-block;
  margin-top: 20px;
  border: 2px solid #15349a;
    box-shadow: 0 0 4px #15349a;
    background: #fff;
  transition: 0.5s;
  font-weight: bold;
}
.btnA:hover,
.btnA:focus {
  box-shadow: 0 0 10px #2a3258;
  border: 2px solid #15349a;
  background: #15349a;
  color: #fff;
}
.btn03, .btnB {
  color: #fff;
  padding: 15px 30px;
  min-width: 250px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin-top: 20px;
  border: 2px solid #596996;
  background: #3856a8;
  transition: 0.5s;
  width: 100%;
}
.btn03:hover, .btnB:hover, .btn03:focus, .btnB:focus {
  box-shadow: 0 0 15px #3856a8;
  background: #3856a8;
  color: #fff;
  border-color: #3856a8;
}

.pagetemp-column2 .row {
  padding-top: 100px;
}
.pagetemp-column2 h1 {
  font-size: 70px;
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .pagetemp-column2 h1 {
    font-size: 50px;
  }
}
#cmsMobileButton {
  display: none;
}
.pagetemp-top {
  background: #fff;
}
.pagetemp-top #sitelogo {
  display: none;
}
.pagetemp-top .parts_img_type03_box.left {
  float: left;
  width: 50%;
}
.pagetemp-top .parts_img_type03_box.left img {
  width: 100%;
  /*padding-right: 30px;*/
}
@media screen and (max-width: 767px) {
  .pagetemp-top .parts_img_type03_box.left {
    width: 100%;
    float: none;
  }
}
.pagetemp-top .parts_img_type03_box.right {
  width: 50%;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .pagetemp-top .parts_img_type03_box.right {
    width: 100%;
    padding: 15px 30px 15px 30px;
  }
}
.pagetemp-top .parts_img_type04_box.left {
  float: left;
  width: 50%;
}
@media screen and (max-width: 767px) {
  .pagetemp-top .parts_img_type04_box.left {
    width: 100%;
    float: none;
    padding: 15px 30px 15px 30px;
  }
}
.pagetemp-top .parts_img_type04_box.right {
  width: 50%;
  float: right;
}
.pagetemp-top .parts_img_type04_box.right img {
  width: 100%;
  padding-left: 30px;
}
@media screen and (max-width: 767px) {
  .pagetemp-top .parts_img_type04_box.right {
    width: 100%;
    float: none;
  }
}
.pagetemp-top .siteblock-main {
  background: #f6f8ff;
}
.pagetemp-top .siteblock-main .freePage {
  padding: 40px 0 50px; /*2022.04.27*/
}
@media screen and (max-width: 767px) {
  .pagetemp-top .siteblock-main .freePage {
    padding: 50px 0 80px;
  }
}
.pagetemp-top .siteblock-main canvas {
  display: none; /*2022.04.27*/
  width: 100%;
  color: #fff;
}
.pagetemp-top .siteblock-main canvas.flipped {
  transform: rotate(180deg);
}
.pagetemp-top .siteblock-upper {
  background: #fff;
}
.pagetemp-top .siteblock-upper > div[class*="free"] {
  padding-bottom: 80px;
  padding-top: 80px;
  /*min-height: calc(100vh - 20px);*/
}
@media screen and (max-width: 767px) {
  .pagetemp-top .siteblock-upper > div {
    padding-bottom: 50px;
  }
}
.pagetemp-top .siteblock-opt1 {
  background: #f6f8ff;
  position: relative;
  /*padding-top: 70px;*/ /*2022.04.27*/
  margin-bottom: 150px;
}
@media screen and (max-width: 767px) {
  .pagetemp-top .siteblock-opt1 {
    margin-bottom: 120px;
  }
}
.pagetemp-top .siteblock-opt1:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 150px 50vw 0 49vw;
  border-color: #f6f8ff transparent transparent transparent;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .pagetemp-top .siteblock-opt1:after {
    border-width: 120px 50vw 0 49vw;
  }
}
.pagetemp-top .siteblock-opt1 .slick {
  width: 100vw;
  margin-left: calc(((100vw - 100%) / 2) * -1);
}
.pagetemp-top .siteblock-opt1 .slick ul {
  padding: 0;
}
.pagetemp-top .siteblock-opt1 #slide_edit .slick {
  width: 100%;
  margin-left: 0;
}
.pagetemp-top .siteblock-opt1 #slide_edit #slide_frame li {
  position: static;
  transform: none;
}
.pagetemp-top .siteblock-opt2 {
  padding: 50px 0 0;
}
@media screen and (max-width: 767px) {
  .pagetemp-top .siteblock-opt2 {
    padding: 50px 0 0;
  }
}
.pagetemp-top .siteblock-bottom {
  padding: 40px 0 70px;
}
@media screen and (max-width: 767px) {
  .pagetemp-top .siteblock-bottom {
    padding: 50px 0 50px;
  }
}

@media screen and (min-width: 768px) {
  .pagetemp-top .parts_h_type09_box.right, .pagetemp-top .parts_h_type12_box.right, .pagetemp-top .parts_h_type13.right, .pagetemp-top .parts_h_type19_body_text, .pagetemp-top .parts_img_type23_box.right {
    padding: 15px 60px 15px 30px;
  }
}
@media screen and (min-width: 768px) {
  .pagetemp-top .parts_h_type17, .pagetemp-top .parts_h_type18, .pagetemp-top .parts_h_type23, .pagetemp-top .parts_h_type24, .pagetemp-top .parts_h_type25, .pagetemp-top .parts_h_type26, .pagetemp-top .parts_img_type28, .pagetemp-top .parts_img_type31, .pagetemp-top .cparts-col-block, .pagetemp-top .parts_img_type34, .pagetemp-top .parts_img_type35, .pagetemp-top .parts_img_type36, .pagetemp-top .parts_img_type37, .pagetemp-top .parts_img_type38, .pagetemp-top .parts_img_type39, .pagetemp-top .parts_img_type40, .pagetemp-top .parts_img_type41, .pagetemp-top .parts_img_type42, .pagetemp-top .parts_img_type43, .pagetemp-top .parts_img_type50, .pagetemp-top .parts_img_type51, .pagetemp-top .cparts-var03-type09a, .pagetemp-top .cparts-var03-type09b, .pagetemp-top .cparts-var03-type10, .pagetemp-top .cparts-var03-type19a, .pagetemp-top .cparts-var03-type19b, .pagetemp-top .cparts-var03-type02, .pagetemp-top .parts_tabel_type10, .pagetemp-top .parts_tabel_type11, .pagetemp-top .parts_tabel_type14, .pagetemp-top .parts_tabel_type15, .pagetemp-top .parts_tabel_type16, .pagetemp-top .parts_tabel_type17, .pagetemp-top .parts_tabel_type03, .pagetemp-top .parts_tabel_type04, .pagetemp-top .parts_tabel_type05, .pagetemp-top .parts_tabel_type06, .pagetemp-top .parts_tabel_type12, .pagetemp-top .parts_tabel_type13, .pagetemp-top .qaList, .pagetemp-top .cparts-var03-type20a, .pagetemp-top .cparts-var03-type20b, .pagetemp-top .parts_text_type12, .pagetemp-top .parts_text_type18, .pagetemp-top .parts_text_type19, .pagetemp-top .parts_text_type20, .pagetemp-top .parts_text_type21, .pagetemp-top .parts_text_type22, .pagetemp-top .parts_text_type23, .pagetemp-top .parts_text_type02, .pagetemp-top .parts_text_type04, .pagetemp-top .parts_text_type06, .pagetemp-top .parts_text_type08, .pagetemp-top .cparts-table-block, .pagetemp-top .explanList, .pagetemp-top .cparts-var03-type24, .pagetemp-top .cparts-var03-type03a, .pagetemp-top .cparts-var03-type03b, .pagetemp-top .parts_text_type14, .pagetemp-top .parts_text_type15, .pagetemp-top .cparts-var03-type18, .pagetemp-top .cparts-var03-type14a, .pagetemp-top .cparts-var03-type12a, .pagetemp-top .cparts-var03-type12c, .pagetemp-top .cparts-var03-type14a, .pagetemp-top .cparts_other_type07c, .pagetemp-top .cparts-var03-type16, .pagetemp-top .cparts-var03-type17a, .pagetemp-top .parts_other_bupageTopBox, .pagetemp-top .parts_other_buPrintBox, .pagetemp-top .cparts-var03-type07a, .pagetemp-top .cparts-var03-type07b, .pagetemp-top .cparts-var03-type07c, .pagetemp-top .cparts-var03-type06a, .pagetemp-top .cparts-var03-type06b, .pagetemp-top .cparts-var03-type06c {
    width: 750px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 992px) {
  .pagetemp-top .parts_h_type17, .pagetemp-top .parts_h_type18, .pagetemp-top .parts_h_type23, .pagetemp-top .parts_h_type24, .pagetemp-top .parts_h_type25, .pagetemp-top .parts_h_type26, .pagetemp-top .parts_img_type28, .pagetemp-top .parts_img_type31, .pagetemp-top .cparts-col-block, .pagetemp-top .parts_img_type34, .pagetemp-top .parts_img_type35, .pagetemp-top .parts_img_type36, .pagetemp-top .parts_img_type37, .pagetemp-top .parts_img_type38, .pagetemp-top .parts_img_type39, .pagetemp-top .parts_img_type40, .pagetemp-top .parts_img_type41, .pagetemp-top .parts_img_type42, .pagetemp-top .parts_img_type43, .pagetemp-top .parts_img_type50, .pagetemp-top .parts_img_type51, .pagetemp-top .cparts-var03-type09a, .pagetemp-top .cparts-var03-type09b, .pagetemp-top .cparts-var03-type10, .pagetemp-top .cparts-var03-type19a, .pagetemp-top .cparts-var03-type19b, .pagetemp-top .cparts-var03-type02, .pagetemp-top .parts_tabel_type10, .pagetemp-top .parts_tabel_type11, .pagetemp-top .parts_tabel_type14, .pagetemp-top .parts_tabel_type15, .pagetemp-top .parts_tabel_type16, .pagetemp-top .parts_tabel_type17, .pagetemp-top .parts_tabel_type03, .pagetemp-top .parts_tabel_type04, .pagetemp-top .parts_tabel_type05, .pagetemp-top .parts_tabel_type06, .pagetemp-top .parts_tabel_type12, .pagetemp-top .parts_tabel_type13, .pagetemp-top .qaList, .pagetemp-top .cparts-var03-type20a, .pagetemp-top .cparts-var03-type20b, .pagetemp-top .parts_text_type12, .pagetemp-top .parts_text_type18, .pagetemp-top .parts_text_type19, .pagetemp-top .parts_text_type20, .pagetemp-top .parts_text_type21, .pagetemp-top .parts_text_type22, .pagetemp-top .parts_text_type23, .pagetemp-top .parts_text_type02, .pagetemp-top .parts_text_type04, .pagetemp-top .parts_text_type06, .pagetemp-top .parts_text_type08, .pagetemp-top .cparts-table-block, .pagetemp-top .explanList, .pagetemp-top .cparts-var03-type24, .pagetemp-top .cparts-var03-type03a, .pagetemp-top .cparts-var03-type03b, .pagetemp-top .parts_text_type14, .pagetemp-top .parts_text_type15, .pagetemp-top .cparts-var03-type18, .pagetemp-top .cparts-var03-type14a, .pagetemp-top .cparts-var03-type12a, .pagetemp-top .cparts-var03-type12c, .pagetemp-top .cparts-var03-type14a, .pagetemp-top .cparts_other_type07c, .pagetemp-top .cparts-var03-type16, .pagetemp-top .cparts-var03-type17a, .pagetemp-top .parts_other_bupageTopBox, .pagetemp-top .parts_other_buPrintBox, .pagetemp-top .cparts-var03-type07a, .pagetemp-top .cparts-var03-type07b, .pagetemp-top .cparts-var03-type07c, .pagetemp-top .cparts-var03-type06a, .pagetemp-top .cparts-var03-type06b, .pagetemp-top .cparts-var03-type06c {
    width: 970px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 1200px) {
  .pagetemp-top .parts_h_type17, .pagetemp-top .parts_h_type18, .pagetemp-top .parts_h_type23, .pagetemp-top .parts_h_type24, .pagetemp-top .parts_h_type25, .pagetemp-top .parts_h_type26, .pagetemp-top .parts_img_type28, .pagetemp-top .parts_img_type31, .pagetemp-top .cparts-col-block, .pagetemp-top .parts_img_type34, .pagetemp-top .parts_img_type35, .pagetemp-top .parts_img_type36, .pagetemp-top .parts_img_type37, .pagetemp-top .parts_img_type38, .pagetemp-top .parts_img_type39, .pagetemp-top .parts_img_type40, .pagetemp-top .parts_img_type41, .pagetemp-top .parts_img_type42, .pagetemp-top .parts_img_type43, .pagetemp-top .parts_img_type50, .pagetemp-top .parts_img_type51, .pagetemp-top .cparts-var03-type09a, .pagetemp-top .cparts-var03-type09b, .pagetemp-top .cparts-var03-type10, .pagetemp-top .cparts-var03-type19a, .pagetemp-top .cparts-var03-type19b, .pagetemp-top .cparts-var03-type02, .pagetemp-top .parts_tabel_type10, .pagetemp-top .parts_tabel_type11, .pagetemp-top .parts_tabel_type14, .pagetemp-top .parts_tabel_type15, .pagetemp-top .parts_tabel_type16, .pagetemp-top .parts_tabel_type17, .pagetemp-top .parts_tabel_type03, .pagetemp-top .parts_tabel_type04, .pagetemp-top .parts_tabel_type05, .pagetemp-top .parts_tabel_type06, .pagetemp-top .parts_tabel_type12, .pagetemp-top .parts_tabel_type13, .pagetemp-top .qaList, .pagetemp-top .cparts-var03-type20a, .pagetemp-top .cparts-var03-type20b, .pagetemp-top .parts_text_type12, .pagetemp-top .parts_text_type18, .pagetemp-top .parts_text_type19, .pagetemp-top .parts_text_type20, .pagetemp-top .parts_text_type21, .pagetemp-top .parts_text_type22, .pagetemp-top .parts_text_type23, .pagetemp-top .parts_text_type02, .pagetemp-top .parts_text_type04, .pagetemp-top .parts_text_type06, .pagetemp-top .parts_text_type08, .pagetemp-top .cparts-table-block, .pagetemp-top .explanList, .pagetemp-top .cparts-var03-type24, .pagetemp-top .cparts-var03-type03a, .pagetemp-top .cparts-var03-type03b, .pagetemp-top .parts_text_type14, .pagetemp-top .parts_text_type15, .pagetemp-top .cparts-var03-type18, .pagetemp-top .cparts-var03-type14a, .pagetemp-top .cparts-var03-type12a, .pagetemp-top .cparts-var03-type12c, .pagetemp-top .cparts-var03-type14a, .pagetemp-top .cparts_other_type07c, .pagetemp-top .cparts-var03-type16, .pagetemp-top .cparts-var03-type17a, .pagetemp-top .parts_other_bupageTopBox, .pagetemp-top .parts_other_buPrintBox, .pagetemp-top .cparts-var03-type07a, .pagetemp-top .cparts-var03-type07b, .pagetemp-top .cparts-var03-type07c, .pagetemp-top .cparts-var03-type06a, .pagetemp-top .cparts-var03-type06b, .pagetemp-top .cparts-var03-type06c {
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767px) {
  .pagetemp-top .siteblock-main .freeParts > .box, .pagetemp-top .siteblock-upper .freeParts > .box {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}
.pagetemp-top .parts_img_type44_box-lg img, .pagetemp-top .parts_img_type45_box-lg img, .pagetemp-top .parts_img_type46_box-lg img {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .pagetemp-top .siteblock-main > *, .pagetemp-top .siteblock-upper > * {
    width: 750px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 992px) {
  .pagetemp-top .siteblock-main > *, .pagetemp-top .siteblock-upper > * {
    width: 970px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 1200px) {
  .pagetemp-top .siteblock-main > *, .pagetemp-top .siteblock-upper > * {
    width: 1170px;
    margin-left: auto;
    margin-right: auto;
  }
}

body .slick {
  margin: 50px 0;
}
/* ---------------------------------------------------------------------------------------- 
 コンテンツパーツ共通
 ---------------------------------------------------------------------------------------- *//* -----------------------------------------
 ボックス
 ----------------------------------------- */.box {
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .box {
    margin-bottom: 70px;
  }
}
.pagetemp-column1 .siteblock-main .parts_free_type05 .h1-canvas, .pagetemp-column1 .siteblock-main .parts_free_type06 .h1-canvas, .pagetemp-column1 .siteblock-main .parts_free_type07 .h1-canvas, .pagetemp-column1 .siteblock-main .parts_free_type08 .h1-canvas, .pagetemp-column1 .siteblock-main .parts_free_type09 .h1-canvas, .pagetemp-column1 .siteblock-main .parts_img_type19_box .h1-canvas, .pagetemp-column1 .siteblock-main .parts_img_type34 .h1-canvas, .pagetemp-column1 .siteblock-main .parts_img_type35 .h1-canvas, .pagetemp-column1 .siteblock-main .cparts-var03-type22 .h1-canvas, .pagetemp-column1 .siteblock-main .cparts-var03-type23 .h1-canvas {
  margin-top: 20px;
  margin-bottom: 10px;
  width: auto;
  background: none;
  color: inherit;
  padding: 0;
  margin-left: 0;
}
.pagetemp-column1 .siteblock-main .parts_free_type05 .h1-canvas h1, .pagetemp-column1 .siteblock-main .parts_free_type06 .h1-canvas h1, .pagetemp-column1 .siteblock-main .parts_free_type07 .h1-canvas h1, .pagetemp-column1 .siteblock-main .parts_free_type08 .h1-canvas h1, .pagetemp-column1 .siteblock-main .parts_free_type09 .h1-canvas h1, .pagetemp-column1 .siteblock-main .parts_img_type19_box .h1-canvas h1, .pagetemp-column1 .siteblock-main .parts_img_type34 .h1-canvas h1, .pagetemp-column1 .siteblock-main .parts_img_type35 .h1-canvas h1, .pagetemp-column1 .siteblock-main .cparts-var03-type22 .h1-canvas h1, .pagetemp-column1 .siteblock-main .cparts-var03-type23 .h1-canvas h1 {
  font-size: 36px;
}
.pagetemp-column1 .siteblock-main .parts_free_type05 .h1-canvas canvas, .pagetemp-column1 .siteblock-main .parts_free_type06 .h1-canvas canvas, .pagetemp-column1 .siteblock-main .parts_free_type07 .h1-canvas canvas, .pagetemp-column1 .siteblock-main .parts_free_type08 .h1-canvas canvas, .pagetemp-column1 .siteblock-main .parts_free_type09 .h1-canvas canvas, .pagetemp-column1 .siteblock-main .parts_img_type19_box .h1-canvas canvas, .pagetemp-column1 .siteblock-main .parts_img_type34 .h1-canvas canvas, .pagetemp-column1 .siteblock-main .parts_img_type35 .h1-canvas canvas, .pagetemp-column1 .siteblock-main .cparts-var03-type22 .h1-canvas canvas, .pagetemp-column1 .siteblock-main .cparts-var03-type23 .h1-canvas canvas {
  display: none;
}
/* スマホ以外 */@media (min-width: 768px) {
  .box {
    margin-bottom: 100px;
  }
}
/* --------------------------------
 * サイズ
 * ------------------------------*/.parts_h_type07_box, .parts_h_type08_box, .parts_h_type09_box, .parts_h_type10_box, .parts_h_type11_box, .parts_h_type12_box, .parts_h_type13_box, .parts_h_type14_box, .parts_img_type03_box, .parts_img_type04_box, .parts_img_type05_box, .parts_img_type08_box, .parts_img_type20_box {
  width: 50%;
}
/* 画像 */.parts_h_type07_box div img, .parts_h_type08_box .parts_h_type08_imgBox img, .parts_h_type09_box.left div img, .parts_h_type10_box.right div img, .parts_h_type11_box.right div img, .parts_h_type12_box.left div img, .parts_h_type14_box img, .parts_h_type15_box_01 img, .parts_h_type15_box_02 img, .parts_h_type15_box_03 img, .parts_img_type03_box.left img, .parts_img_type04_box.right img, .parts_img_type05_box img, .parts_img_type06_box_01 img, .parts_img_type06_box_02 img, .parts_img_type06_box_03 img, .parts_img_type07_box_01 img, .parts_img_type07_box_02 img, .parts_img_type07_box_03 img, .parts_img_type07_box_04 img, .parts_img_type08_box img, .parts_img_type09_box_01 .parts_img_type09_img img, .parts_img_type09_box_02 .parts_img_type09_img img, .parts_img_type09_box_03 .parts_img_type09_img img, .parts_img_type10_box_01 .parts_img_type10_img img, .parts_img_type10_box_02 .parts_img_type10_img img, .parts_img_type10_box_03 .parts_img_type10_img img, .parts_img_type10_box_04 .parts_img_type10_img img, .parts_img_type11_box .parts_img_type11_img img, .parts_img_type12_box_01 .parts_img_type12_img img, .parts_img_type12_box_02 .parts_img_type12_img img, .parts_img_type12_box_03 .parts_img_type12_img img, .parts_img_type13_box_01 .parts_img_type13_img img, .parts_img_type13_box_02 .parts_img_type13_img img, .parts_img_type13_box_03 .parts_img_type13_img img, .parts_img_type13_box_04 .parts_img_type13_img img, .parts_img_type14_box_01 img, .parts_img_type14_box_02 img, .parts_img_type15_box_01 img, .parts_img_type15_box_03 img, .parts_img_type16_box_02 img, .parts_img_type16_box_03 img, .parts_img_type17_box_01 img, .parts_img_type17_box_03 img, .parts_img_type18_box_02 img, .parts_img_type18_box_04 img, .parts_img_type20_box .parts_img_type20_imgBox img, .parts_img_type21_box_01 .parts_img_type21_imgBox img, .parts_img_type21_box_02 .parts_img_type21_imgBox img, .parts_img_type21_box_03 .parts_img_type21_imgBox img, .parts_img_type22_imgBox img, .parts_img_type23_imgBox img, .parts_img_type24_box_01 img, .parts_img_type24_box_02 img, .parts_img_type24_box_03 img, .parts_img_type24_box_04 img, .parts_img_type24_box_05 img, .parts_img_type25_box_01 img, .parts_img_type25_box_02 img, .parts_img_type25_box_03 img, .parts_img_type25_box_04 img, .parts_img_type25_box_05 img, .parts_img_type25_box_06 img {
  width: 100%;
  filter: drop-shadow(0 0px 5px #ccc);
}
.parts_img_type06_box_01, .parts_img_type06_box_02, .parts_img_type06_box_03 {
  width: 33.3333%;
}
.parts_h_type15_box_01, .parts_h_type15_box_02, .parts_h_type15_box_03 {
  width: calc(33.3333% + 10px);
}
.parts_img_type07_box_01, .parts_img_type07_box_02, .parts_img_type07_box_03, .parts_img_type07_box_04 {
  width: 25%;
}
/* 見出し系 - 左）見出しと画像　右)テキスト */.parts_img_type09_box_01, .parts_img_type09_box_02, .parts_img_type09_box_03 {
  width: 33.3333%;
}
.parts_img_type10_box_01, .parts_img_type10_box_02, .parts_img_type10_box_03, .parts_img_type10_box_04 {
  width: 25%;
}
.parts_img_type11_box {
  width: 50%;
}
.parts_img_type12_box_01, .parts_img_type12_box_02, .parts_img_type12_box_03 {
  width: 33.3333%;
}
/* 画像とテキストの4セット */.parts_img_type13_box_01, .parts_img_type13_box_02, .parts_img_type13_box_03, .parts_img_type13_box_04 {
  width: 25%;
}
/* 左）画像　中）画像　右)テキスト */.parts_img_type14_box_01, .parts_img_type14_box_02, .parts_img_type14_box_03 {
  width: 33.3333%;
}
/* 画像系 - 左）画像　中）テキスト　右)画像 */.parts_img_type15_box_01, .parts_img_type15_box_02, .parts_img_type15_box_03 {
  width: 33.3333%;
}
.parts_img_type16_box_01, .parts_img_type16_box_02, .parts_img_type16_box_03 {
  width: 33.3333%;
}
/* 画像系 - 左）テキスト　中左）画像　中右）テキスト　右）画像 */.parts_img_type17_box_01, .parts_img_type17_box_02, .parts_img_type17_box_03, .parts_img_type17_box_04 {
  width: 25%;
}
.parts_img_type18_box_01, .parts_img_type18_box_02, .parts_img_type18_box_03, .parts_img_type18_box_04 {
  width: 25%;
}
.parts_img_type19_box {
  width: 100%;
}
.parts_img_type19_box img {
  width: 100%;
}
/* 左）画像　右）テキストの2セット */.parts_img_type20_box .left, .parts_img_type20_box .right {
  width: 50%;
}
/* 左）画像　右）テキストの2セット */.parts_img_type21_box_01, .parts_img_type21_box_02, .parts_img_type21_box_03 {
  width: 33.3333%;
}
.parts_img_type21_box_01 .left, .parts_img_type21_box_01 .right, .parts_img_type21_box_02 .left, .parts_img_type21_box_02 .right, .parts_img_type21_box_03 .left, .parts_img_type21_box_03 .right {
  width: 50%;
}
/* 画像(右・キャプション付)とテキスト【3】 */.parts_img_type22_box, .parts_img_type22_imgBox {
  width: 50%;
}
/* 画像(左・キャプション付)とテキスト【3】 */.parts_img_type23_box, .parts_img_type23_imgBox {
  width: 50%;
}
/* 画像5列 */.parts_img_type24_box_01, .parts_img_type24_box_02, .parts_img_type24_box_03, .parts_img_type24_box_04, .parts_img_type24_box_05 {
  width: 20%;
}
/* 画像6列 */.parts_img_type25_box_01, .parts_img_type25_box_02, .parts_img_type25_box_03, .parts_img_type25_box_04, .parts_img_type25_box_05, .parts_img_type25_box_06 {
  width: 16.666%;
}
.parts_tabel_type07_tableBox {
  width: 75%;
}
.parts_tabel_type07_textBox {
  width: 25%;
}
.parts_tabel_type08_tableBox {
  width: 75%;
}
.parts_tabel_type08_textBox {
  width: 25%;
}
.parts_tabel_type09_tableBox {
  width: 75%;
}
.parts_tabel_type09_imgBox {
  width: 25%;
}
.parts_tabel_type10_tableBox {
  width: 75%;
}
.parts_tabel_type10_imgBox {
  width: 25%;
}
/* テキスト系 - テキスト（2列） */.parts_text_type03_box {
  width: 50%;
}
/* テキスト系 - テキスト（2列）枠線付き */.parts_text_type04_box {
  width: 50%;
}
/* テキスト系 - テキスト（3列） */.parts_text_type05_box_01, .parts_text_type05_box_02, .parts_text_type05_box_03 {
  width: 33.3333% !important;
}
/* テキスト系 - テキスト（3列）枠線付き */.parts_text_type06_box_01, .parts_text_type06_box_02, .parts_text_type06_box_03 {
  width: 33.3333% !important;
}
/* テキスト系 - テキスト（4列） */.parts_text_type07_box_01, .parts_text_type07_box_02, .parts_text_type07_box_03, .parts_text_type07_box_04 {
  width: 25% !important;
}
/* テキスト系 - テキスト（4列）枠線付き */.parts_text_type08_box_01, .parts_text_type08_box_02, .parts_text_type08_box_03, .parts_text_type08_box_04 {
  width: 25% !important;
}
/* 表組系 - 画像 */div[class^="parts_tabel_type"] img {
  width: 100%;
  display: block;
}
.pagetemp-column2 .parts_text_type16 {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 15px;
  padding-right: 15px;
}
/* --------------------------------
 * SIDE
 * ------------------------------*/.siteblock-side .parts_img_type24_box_01, .siteblock-side .parts_img_type24_box_02, .siteblock-side .parts_img_type24_box_03, .siteblock-side .parts_img_type24_box_04, .siteblock-side .parts_img_type24_box_05, .siteblock-side .parts_img_type25_box_01, .siteblock-side .parts_img_type25_box_02, .siteblock-side .parts_img_type25_box_03, .siteblock-side .parts_img_type25_box_04, .siteblock-side .parts_img_type25_box_05, .siteblock-side .parts_img_type25_box_06, .siteblock-side .parts_img_type17_box_01, .siteblock-side .parts_img_type17_box_02, .siteblock-side .parts_img_type17_box_03, .siteblock-side .parts_img_type17_box_04, .siteblock-side .parts_text_type05_box_01, .siteblock-side .parts_text_type05_box_02, .siteblock-side .parts_text_type05_box_03, .siteblock-side .parts_text_type06_box_01, .siteblock-side .parts_text_type06_box_02, .siteblock-side .parts_text_type06_box_03, .siteblock-side .parts_text_type07_box_01, .siteblock-side .parts_text_type07_box_02, .siteblock-side .parts_text_type07_box_03, .siteblock-side .parts_text_type07_box_04, .siteblock-side .parts_text_type08_box_01, .siteblock-side .parts_text_type08_box_02, .siteblock-side .parts_text_type08_box_03, .siteblock-side .parts_text_type08_box_04 {
  width: 100% !important;
}
/* --------------------------------
 * 余白調整
 * ------------------------------*//* 見出し系・画像系 */div[class^="parts_h_type"].right, div[class^="parts_img_type"].right {
  padding-left: 15px;
}
div[class^="parts_h_type"].left, div[class^="parts_img_type"].left {
  padding-right: 15px;
}
div[class^="parts_h_type"].right h4, div[class^="parts_h_type"].left h4 {
  margin-top: 0;
}
/* 最後の段落などの下余白 */.parts_h_type13_box h4 + div > :last-child, .parts_h_type08_imgBox + div > :last-child, .parts_h_type14_txtBox > div > :last-child, .parts_h_type15_txtBox > div > :last-child, .parts_img_type40_box_text > :last-child, .parts_img_type41_box_text > :last-child, .parts_img_type42_box_text > :last-child, .parts_img_type43_box_text > :last-child, .parts_text_type02 > :last-child, .parts_text_type03_box > :last-child, [class^="parts_text_type05_box"] > :last-child, [class^="parts_text_type06_box"] > :last-child, [class^="parts_text_type07_box"] > :last-child, [class^="parts_text_type08_box"] > :last-child, .parts_tabel_type10_text > :last-child, .parts_tabel_type11_text > :last-child, .parts_tabel_type08_textBox > :last-child, .parts_tabel_type07_textBox > :last-child, .parts_tabel_type14_table > div:last-child > :last-child, .parts_tabel_type15_table > div:last-child > :last-child, .parts_tabel_type16_table > div:last-child > :last-child, .parts_tabel_type17_table > div:last-child > :last-child, .parts_tabel_type16_photo > div:last-child > :last-child, .parts_tabel_type17_photo > div:last-child > :last-child, .parts_tabel_type08_tableBox table, .parts_tabel_type10_tableBox table, .parts_tabel_type07_tableBox table, .parts_tabel_type09_tableBox table, .parts_tabel_type12 table, .parts_tabel_type13 table, .parts_img_type03_box > :last-child {
  margin-bottom: 0;
}
.parts_h_type20_box_photo {
  padding-top: 0 !important;
}
/* テキスト系 */div[class^="parts_text_type"].left, div[class^="parts_text_type"].right, div[class^="box parts_text_type"] {
  padding: 15px;
}
/* 表組系 */div[class^="parts_tabel_type"].right {
  padding-left: 15px;
}
div[class^="parts_tabel_type"].left {
  padding-right: 15px;
}
/* 余白スマホ */@media screen and (max-width: 767px) {
  .parts_h_type07_box, .parts_h_type08_box.left, .parts_h_type08_imgBox, .parts_h_type09_box.left, .parts_h_type10_box.left, .parts_h_type11_box.left, .parts_h_type12_box.left, .parts_h_type13_box.left, .parts_h_type14_box.left, .parts_h_type15_box_01, .parts_h_type15_box_02, .parts_h_type17_box, .parts_h_type18_box, .parts_h_type20_box, .parts_h_type23_box, .parts_h_type24_box {
    margin-bottom: 25px;
  }
}
/* --------------------------------
 * その他
 * ------------------------------*//* 表組系 - 表(見出し：下) */.parts_tabel_type04 caption, .parts_tabel_type06 caption {
  caption-side: bottom;
}
/* 画像系 - 画像(右)とテキスト【1】 */.parts_img_type02_img {
  float: right;
  margin-left: 15px;
}
/* 画像系 - 画像(左)とテキスト【1】 */.parts_img_type01_img {
  float: left;
  margin-right: 15px;
}
/* テキスト系 - スクロールバー付きテキストボックス */.parts_text_type12 {
  height: 180px;
  overflow-y: scroll;
  padding: 14px;
}
/* ----------------------------------------------------------------
 * スマホ
 * --------------------------------------------------------------*/@media (max-width: 767px) {
  /* --------------------------------
 * 見出し系・画像系
 * ------------------------------*/
  /* 画像系 - 左）テキスト　中左）画像　中右）テキスト　右）画像 */
  /* 画像 - 左）テキスト　中）画像　右)画像 */
  /* 画像系 - 左）テキスト　中左）画像　中右）テキスト　右）画像 */
  /* 画像系 - 左）画像　中）テキスト　右)画像 */
  /* 画像系 - 画像(右)とテキスト1 */
  /* 画像系 - 画像とテキストの2セット */
  /* 画像系 - 画像とテキストの3セット */
  /* 画像系 - 画像(右)とテキスト【1】 */
  /* 左）画像　中）画像　右)テキスト */
  /* 画像(左)とテキスト【1】 */
  /* 画像2列 */
  /* 画像3列 */
  /* 画像4列 */
  /* 画像とテキストの4セット */
  /* 画像とリンクテキストの2セット */
  /* 画像とリンクテキストの3セット */
  /* 画像とリンクテキストの4セット */
  /* 左）画像　右）テキストの2セット */
  /* 左）画像　右）テキストの2セット */
  /* 画像(右・キャプション付)とテキスト【3】 */
  /* 画像(左・キャプション付)とテキスト【3】 */
  /* 画像5列 */
  /* 画像6列 */
  /* --------------------------------
 * テキスト系
 * ------------------------------*/
  /* テキスト系 - スクロールバー付きテキストボックス */
  /* テキスト系 - テキスト（3列） */
  /* テキスト系 - テキスト（3列）枠線付き */
  /* テキスト系 - テキスト（4列） */
  /* テキスト系 - テキスト（4列）枠線付き */
  /* --------------------------------
 * 表組系
 * ------------------------------*/
  /* 表組系 - 左）画像　右）表 */
  /* 表組系 - 左）表　右）画像 */
  /*テーブルの横スクロール*/
  /*tableにスクロールバーを追加*/  .parts_h_type07_box, .parts_h_type08_box, .parts_h_type09_box, .parts_h_type10_box, .parts_h_type11_box, .parts_h_type12_box, .parts_h_type13_box, .parts_h_type14_box, .parts_h_type15_box_01, .parts_h_type15_box_02, .parts_h_type15_box_03 {
    width: 100%;
  }
  div[class^="parts_h_type"].right, div[class^="parts_img_type"].right {
    padding-left: 0px;
  }
  div[class^="parts_h_type"].left, div[class^="parts_img_type"].left {
    padding-right: 0px;
  }
  .parts_img_type18_box_01, .parts_img_type18_box_02, .parts_img_type18_box_03, .parts_img_type18_box_04 {
    width: 100%;
  }
  .parts_img_type16_box_01, .parts_img_type16_box_02, .parts_img_type16_box_03 {
    width: 100%;
  }
  .parts_img_type17_box_01, .parts_img_type17_box_02, .parts_img_type17_box_03, .parts_img_type17_box_04 {
    width: 100%;
  }
  .parts_img_type15_box_01, .parts_img_type15_box_02, .parts_img_type15_box_03 {
    width: 100%;
  }
  .parts_img_type04_box {
    width: 100% !important;
  }
  .parts_img_type11_box {
    width: 100% !important;
  }
  .parts_img_type12_box_01, .parts_img_type12_box_02, .parts_img_type12_box_03 {
    width: 100% !important;
  }
  .parts_img_type04_img {
    width: 100%;
  }
  .parts_img_type14_box_01, .parts_img_type14_box_02, .parts_img_type14_box_03 {
    width: 100%;
  }
  .parts_img_type03_box {
    width: 100%;
  }
  .parts_img_type05_box {
    width: 100%;
  }
  .parts_img_type06_box_01, .parts_img_type06_box_02, .parts_img_type06_box_03 {
    width: 100%;
  }
  .parts_img_type07_box_01, .parts_img_type07_box_02, .parts_img_type07_box_03, .parts_img_type07_box_04 {
    width: 100%;
  }
  .parts_img_type13_box_01, .parts_img_type13_box_02, .parts_img_type13_box_03, .parts_img_type13_box_04 {
    width: 100%;
  }
  .parts_img_type08_box {
    width: 100%;
  }
  .parts_img_type09_box_01, .parts_img_type09_box_02, .parts_img_type09_box_03 {
    width: 100%;
  }
  .parts_img_type10_box_01, .parts_img_type10_box_02, .parts_img_type10_box_03, .parts_img_type10_box_04 {
    width: 100%;
  }
  .parts_img_type20_box, .parts_img_type20_box .left, .parts_img_type20_box .right {
    width: 100%;
  }
  .parts_img_type21_box_01, .parts_img_type21_box_02, .parts_img_type21_box_03 {
    width: 100%;
  }
  .parts_img_type21_box_01 .left, .parts_img_type21_box_01 .right, .parts_img_type21_box_02 .left, .parts_img_type21_box_02 .right, .parts_img_type21_box_03 .left, .parts_img_type21_box_03 .right {
    width: 100%;
  }
  .parts_img_type22_box, .parts_img_type22_imgBox {
    width: 100%;
  }
  .parts_img_type23_box, .parts_img_type23_imgBox {
    width: 100%;
  }
  .parts_img_type24_box_01, .parts_img_type24_box_02, .parts_img_type24_box_03, .parts_img_type24_box_04, .parts_img_type24_box_05 {
    width: 100%;
  }
  .parts_img_type25_box_01, .parts_img_type25_box_02, .parts_img_type25_box_03, .parts_img_type25_box_04, .parts_img_type25_box_05, .parts_img_type25_box_06 {
    width: 100%;
  }
  .parts_text_type12:-webkit-scrollbar {
    /*tableにスクロールバーを追加*/
    width: 5px;
  }
  .parts_text_type12:-webkit-scrollbar-track {
    /*tableにスクロールバーを追加*/
    background: #f1f1f1;
  }
  .parts_text_type12:-webkit-scrollbar-thumb {
    /*tableにスクロールバーを追加*/
    background: #bcbcbc;
  }
  .parts_text_type05_box_01, .parts_text_type05_box_02, .parts_text_type05_box_03 {
    width: 100% !important;
  }
  .parts_text_type06_box_01, .parts_text_type06_box_02, .parts_text_type06_box_03 {
    width: 100% !important;
  }
  .parts_text_type07_box_01, .parts_text_type07_box_02, .parts_text_type07_box_03, .parts_text_type07_box_04 {
    width: 50% !important;
  }
  .parts_text_type07_box_03 {
    clear: both;
  }
  .parts_text_type08_box_01, .parts_text_type08_box_02, .parts_text_type08_box_03, .parts_text_type08_box_04 {
    width: 50% !important;
  }
  .parts_text_type08_box_03 {
    clear: both;
  }
  div[class^="parts_tabel_type"] {
    padding-bottom: 0px;
    margin-bottom: 30px;
  }
  div[class^="parts_tabel_type"].left {
    width: 100% !important;
    padding-bottom: 0;
    padding-right: 0;
  }
  div[class^="parts_tabel_type"].right {
    width: 100% !important;
    padding-top: 0;
    padding-left: 0;
  }
  .parts_tabel_type10_imgBox {
    margin-bottom: 10px;
  }
  .parts_tabel_type09_imgBox {
    margin-top: 10px;
  }
  .parts_tabel_type08_tableBox, .parts_tabel_type10_tableBox, .parts_tabel_type07_tableBox, .parts_tabel_type09_tableBox, .parts_tabel_type03, .parts_tabel_type04, .parts_tabel_type05, .parts_tabel_type06 {
    overflow-x: scroll;
    /*tableをスクロールさせる*/
    margin-bottom: 15px;
  }
  .parts_tabel_type08_tableBox table, .parts_tabel_type10_tableBox table, .parts_tabel_type07_tableBox table, .parts_tabel_type09_tableBox table, .parts_tabel_type03 table, .parts_tabel_type04 table, .parts_tabel_type05 table, .parts_tabel_type06 table {
    white-space: nowrap;
    /*tableのセル内にある文字の折り返しを禁止*/
    max-width: 1170px;
  }
  .parts_tabel_type08_tableBox:-webkit-scrollbar, .parts_tabel_type10_tableBox:-webkit-scrollbar, .parts_tabel_type07_tableBox:-webkit-scrollbar, .parts_tabel_type09_tableBox:-webkit-scrollbar, .parts_tabel_type03:-webkit-scrollbar, .parts_tabel_type04:-webkit-scrollbar, .parts_tabel_type05:-webkit-scrollbar, .parts_tabel_type06:-webkit-scrollbar {
    height: 5px;
  }
  .parts_tabel_type08_tableBox:-webkit-scrollbar-track, .parts_tabel_type10_tableBox:-webkit-scrollbar-track, .parts_tabel_type07_tableBox:-webkit-scrollbar-track, .parts_tabel_type09_tableBox:-webkit-scrollbar-track, .parts_tabel_type03:-webkit-scrollbar-track, .parts_tabel_type04:-webkit-scrollbar-track, .parts_tabel_type05:-webkit-scrollbar-track, .parts_tabel_type06:-webkit-scrollbar-track {
    background: #eee;
  }
  .parts_tabel_type08_tableBox:-webkit-scrollbar-thumb, .parts_tabel_type10_tableBox:-webkit-scrollbar-thumb, .parts_tabel_type07_tableBox:-webkit-scrollbar-thumb, .parts_tabel_type09_tableBox:-webkit-scrollbar-thumb, .parts_tabel_type03:-webkit-scrollbar-thumb, .parts_tabel_type04:-webkit-scrollbar-thumb, .parts_tabel_type05:-webkit-scrollbar-thumb, .parts_tabel_type06:-webkit-scrollbar-thumb {
    background: #bbb;
    border-radius: 5px;
  }
}
/* ---------------------------------------------------------------------------------------- 
 見出し
 ---------------------------------------------------------------------------------------- */.parts_h_type21 .parts_h_type21_head > div {
  border-color: #a084be;
}
.parts_h_type21 .parts_h_type21_body > div {
  border-color: #ad94c7;
}
.parts_h_type22 .parts_h_type22_head > div {
  border-color: #a084be;
}
.parts_h_type22 .parts_h_type22_body > div {
  border-color: #ad94c7;
}

.parts_h_type24 .parts_h_type24_box_head_num > span {
  box-shadow: 0 0 10px #ccc;
  border-radius: 20px;
  background: #384bd0;
  color: #fff;
}
.parts_h_type17_box {
  overflow: visible;
}
.parts_h_type17_box .parts_h_type17_box_text_foot {
  background: #fafafa;
  box-shadow: inset 2px 2px 5px #c0c0d1, inset -3px -3px 7px #fff !important;
  border-radius: 10px;
  border: 1px solid #f6f8ff;
}
.parts_h_type18_box {
  overflow: visible;
}
.parts_h_type18_box .parts_h_type18_box_foot {
  background: #fafafa;
  box-shadow: inset 2px 2px 5px #c0c0d1, inset -3px -3px 7px #fff !important;
  border-radius: 10px;
  border: 1px solid #f6f8ff;
}
.parts_h_type25 {
  background: #8295bf;
  box-shadow: 0 0 5px #9573ba;
}
.parts_h_type25 h4 {
  color: #fff;
  padding: 15px 8px 25px;
}
.parts_h_type25_body {
  background: #fff;
}
.parts_h_type26 {
  background: #8295bf;
  box-shadow: 0 0 5px #9573ba;
}
.parts_h_type26 h4 {
  color: #fff;
  padding: 15px 8px 25px;
}
.parts_h_type26_body {
  background: #fff;
}
.parts_h_type27 {
  background: #3b4e9a;
}
.parts_h_type27 h4 {
  color: #fff;
  padding: 15px 8px 25px;
}
.parts_h_type27_body {
  background: #fff;
}
/* -----------------------------------------
 見出しと画像と回り込みテキストの2セット・3セット
 ----------------------------------------- */div.parts_h_type14_txtBox, div.parts_h_type15_txtBox {
  display: flex;
}
.parts_h_type14_txtBox:before, .parts_h_type14_txtBox:after, .parts_h_type15_txtBox:before, .parts_h_type15_txtBox:after {
  display: none;
}
.parts_h_type14_txtBox > img, .parts_h_type14_txtBox > div, .parts_h_type15_txtBox > img, .parts_h_type15_txtBox > div {
  align-self: flex-start;
  width: 50%;
}
.parts_h_type14_txtBox > div, .parts_h_type15_txtBox > div {
  margin-left: 15px;
}
/* スマホ以外 */@media (min-width: 768px) {
  div[class^="parts_h_type15_box_"] {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  div.parts_h_type15_box_01.left {
    margin-left: -15px;
  }
  div.parts_h_type15_box_03.right {
    margin-right: -15px;
  }
}
/* ---------------------------------------------------------------------------------------- 
 画像系
 ---------------------------------------------------------------------------------------- *//* -----------------------------------------
 画像シャドウ
 ----------------------------------------- */.parts_img_type40_box_photo, .parts_img_type41_box_photo, .parts_img_type42_box_photo, .parts_img_type43_box_photo, .parts_img_type52_photo_photo {
  filter: drop-shadow(0 0px 5px #ccc);
}
/* -----------------------------------------
 テキストと画像6枚
 ----------------------------------------- */.parts_img_type32 .parts_img_type32_photo ul {
  margin-left: -4px;
  margin-right: -4px;
}
.parts_img_type32 .parts_img_type32_photo li {
  padding-left: 4px;
  padding-right: 4px;
}
.parts_img_type32 .parts_img_type32_photo li:nth-child(1), .parts_img_type32 .parts_img_type32_photo li:nth-child(2), .parts_img_type32 .parts_img_type32_photo li:nth-child(3) {
  margin-bottom: 8px;
}
/* -----------------------------------------
 画像(右・キャプション付)とテキスト【3】 他
 ----------------------------------------- */.parts_img_type22_txtBox, .parts_img_type23_txtBox {
  font-size: 0.75em;
}
.parts_img_type22_img, .parts_img_type23_img, .parts_img_type11_img, .parts_img_type12_img, .parts_img_type13_img, .parts_img_type26_img, .parts_img_type29_img, .parts_img_type08_img, .parts_img_type09_img, .parts_img_type10_img {
  margin-bottom: 8px;
}
/* -----------------------------------------
 画像とテキストの5セット
 ----------------------------------------- */.parts_img_type26_text {
  padding-top: 15px;
}
/* -----------------------------------------
 ランキング
 ----------------------------------------- */div.parts_img_type40 .parts_img_type40_box_photo + div.parts_img_type40_box_num {
  background: #8295bf;
  color: #fff;
  font-size: 18px;
  border-radius: 28px;
  height: 50px;
  width: 50px;
  font-weight: 500;
  line-height: 49px;
}
div.parts_img_type41 .parts_img_type41_box_photo + div.parts_img_type41_box_num {
  background: #8295bf;
  color: #fff;
  font-size: 18px;
  border-radius: 28px;
  height: 50px;
  width: 50px;
  font-weight: 500;
  line-height: 49px;
}
div.parts_img_type42 .parts_img_type42_box_photo + div.parts_img_type42_box_num {
  background: #8295bf;
  color: #fff;
  font-size: 18px;
  border-radius: 28px;
  height: 50px;
  width: 50px;
  font-weight: 500;
  line-height: 49px;
}
div.parts_img_type43 .parts_img_type43_box_photo + div.parts_img_type43_box_num {
  background: #8295bf;
  color: #fff;
  font-size: 18px;
  border-radius: 28px;
  height: 50px;
  width: 50px;
  font-weight: 500;
  line-height: 49px;
}
/* -----------------------------------------
 利用者様の声
 ----------------------------------------- */.cparts-var03-type09a .cparts-body-block, .cparts-var03-type09b .cparts-body-block {
  box-shadow: 0px 0px 10px 0px #ccc;
}
.cparts-var03-type09a .cparts-body-block .cparts-notes-block, .cparts-var03-type09b .cparts-body-block .cparts-notes-block {
  background: #f6f8ff;
  font-weight: 700;
  color: #333;
  padding: 17px 24px;
}
div.cparts-var03-type10 {
  border: none;
  box-shadow: 0 0 10px #ccc;
}
/* -----------------------------------------
 商品紹介一覧
 ----------------------------------------- */.cparts-var03-type05 .cparts-body-block {
  background: #fbfbfc;
}
.cparts-var03-type05 .cparts-body-block .cparts-notes-block li {
  background: #33526f;
}
.cparts-var03-type05 .cparts-body-block .cparts-notes-block li:before {
  display: none;
}
/* -----------------------------------------
 画像とテキスト背景（被せるパターン）
 ----------------------------------------- */.parts_img_type36 .parts_img_type36_text {
  box-shadow: 0 0 10px #ccc;
  background: #fafafa;
}
.parts_img_type37 .parts_img_type37_text {
  box-shadow: 0 0 10px #ccc;
  background: #fafafa;
}
/* -----------------------------------------
 画像とテキスト（上下中央揃い）背景付き
 ----------------------------------------- */.parts_img_type39, .parts_img_type38 {
  box-shadow: 0 0 10px #ccc;
  background: #fafafa;
}
/* -----------------------------------------
 画像とテキストの6セット・5セット
 ----------------------------------------- */.parts_img_type28_box_text, .parts_img_type31_box_text {
  background: #fbfbfc;
}
.parts_img_type35_text, .parts_img_type34 p {
  background: rgba(255, 255, 255, .75);
  box-shadow: 0 0 10px #ccc;
}
/* -----------------------------------------
 背景100%（テキストと画像）
 ----------------------------------------- */.parts_img_type48, .parts_img_type49 {
  background: #fbfbfc;
}
/* -----------------------------------------
 吹き出し
 ----------------------------------------- */.parts_img_type51 .parts_img_type51_text_box {
  background: #fbfbfc;
}
.parts_img_type51 .parts_img_type51_text_box:after {
  border-color: transparent transparent transparent #fbfbfc;
}
.parts_img_type50 .parts_img_type50_text_box {
  background: #fbfbfc;
}
.parts_img_type50 .parts_img_type50_text_box:after {
  border-color: transparent #fbfbfc transparent transparent;
}
/* -----------------------------------------
 フリップカード
 ----------------------------------------- */.cparts-var03-type25 .cparts-ttl-block {
  filter: drop-shadow(0 0px 5px #ccc);
}
.cparts-var03-type25 .cparts-txt-block {
  border: none;
  background: #fafafa;
  filter: drop-shadow(0 0px 5px #ccc);
}
@media screen and (max-width: 991px) {
  .cparts-var03-type25 .cparts-txt-block {
    background: none;
    filter: none;
  }
}
/* スマホ */@media (max-width: 767px) {
  /* ランキング */
  /* 左）テキスト　中左）画像　中右）テキスト　右）画像 */
  /* 左）テキスト　中）画像　右)画像 */
  /* 左）画像　中左）テキスト　中右）画像　右）テキスト */
  /* 左）画像　中）テキスト　右)画像 */
  /* 左）画像　中）画像　右)テキスト */
  /* 画像（2列） */
  /* 画像（3列） */
  /* 画像（4列） */
  /* 画像（5列） */
  /* 画像（6列） */
  /* 画像とテキストの5セット */
  /* 画像とテキストの6セット */
  /* 画像とテキスト（背景）の5セット */
  /* 画像とテキスト（背景）の6セット */
  /* 画像とリンクテキストの5セット */
  /* 画像とリンクテキストの6セット */
  /* 画像組み合わせ */
  /* 画像組み合わせ */  .parts_img_type40_box, .parts_img_type41_box, .parts_img_type42_box, .parts_img_type43_box, .parts_img_type18_box_02, .parts_img_type16_box_02, .parts_img_type17_box_01, .parts_img_type17_box_03, .parts_img_type15_box_01, .parts_img_type14_box_01, .parts_img_type14_box_02, .parts_img_type20_imgBox, .parts_img_type21_imgBox, .parts_img_type03_box, .parts_img_type05_box.left, .parts_img_type06_box_01, .parts_img_type06_box_02, .parts_img_type07_box_01, .parts_img_type07_box_02, .parts_img_type07_box_03, .parts_img_type24_box_01, .parts_img_type24_box_02, .parts_img_type24_box_03, .parts_img_type24_box_04, .parts_img_type25_box_01, .parts_img_type25_box_02, .parts_img_type25_box_03, .parts_img_type25_box_04, .parts_img_type25_box_05, .parts_img_type26_box, .parts_img_type29_box, .parts_img_type28_box, .parts_img_type31_box, .parts_img_type27_box, .parts_img_type30_box, .parts_img_type45_box-lg + .parts_img_type45_box, .parts_img_type46_box:first-child {
    margin-bottom: 20px;
  }
  div.parts_img_type44_box-lg, div.parts_img_type45_box-lg, div.parts_img_type46_box-lg {
    padding: 20px 10px;
  }
}
/* スマホ以外 */@media (min-width: 768px) {
  /* 左）テキスト　中左）画像　中右）テキスト　右）画像 */
  /* 左）テキスト　中）画像　右)画像 */
  /* 左）画像　中左）テキスト　中右）画像　右）テキスト */
  /* 左）画像　中）テキスト　右)画像 */
  /* 左）画像　中）画像　右)テキスト */
  /* 画像（3列） */
  /* 画像（4列） */
  /* 画像（5列） */
  /* 画像（6列） */
  /* 画像とテキストの3セット */
  /* 画像とテキストの4セット */
  /* 画像とリンクテキストの3セット */
  /* 画像とリンクテキストの4セット */
  /* 左）画像　中）テキスト　右)画像 */
  /* 左）画像　中）画像　右)テキスト */
  /* 画像（3列） */
  /* 画像（5列） */
  /* 画像とテキストの3セット */
  /* 画像とリンクテキストの3セット */
  /* 画像（4列） */
  /* 画像とテキストの4セット */
  /* 画像とリンクテキストの4セット */
  /* 画像（5列） */
  /* 画像（6列） */
  /* 左）画像　右）テキストの2セット */
  /* 左）画像　右）テキストの3セット */
  /* 画像(右・キャプション付)とテキスト【3】 */
  /* 画像とテキストの2セット */
  /* 画像とテキストの3セット */
  /* 画像とテキストの4セット */
  /* 画像とテキストの5セット */
  /* 画像とテキストの6セット */
  /* 画像とリンクテキストの2セット */
  /* 画像とリンクテキストの3セット */
  /* 画像とリンクテキストの4セット */  div.parts_img_type18_box_03.left, div.parts_img_type18_box_04.left, div.parts_img_type16_box_02.left, div.parts_img_type16_box_03.left, div.parts_img_type17_box_03.left, div.parts_img_type17_box_04.left, div.parts_img_type15_box_03.left, div.parts_img_type14_box_03.left, div.parts_img_type06_box_03.left, div.parts_img_type07_box_04.left, div.parts_img_type24_box_05.left, div.parts_img_type25_box_06.left, div.parts_img_type12_box_03.left, div.parts_img_type13_box_04.left, div.parts_img_type09_box_03.left, div.parts_img_type10_box_04.left {
    padding-right: 0;
    padding-left: 15px;
  }
  div.parts_img_type15_box_02.left, div.parts_img_type14_box_02.left, div.parts_img_type06_box_02.left, div.parts_img_type24_box_03.left, div.parts_img_type12_box_02.left, div.parts_img_type09_box_02.left {
    padding-left: 7.5px;
    padding-right: 7.5px;
  }
  div.parts_img_type07_box_02.left, div.parts_img_type13_box_02.left, div.parts_img_type10_box_02.left {
    padding-left: 5px;
    padding-right: 10px;
  }
  div.parts_img_type07_box_03.left, div.parts_img_type13_box_03.left, div.parts_img_type10_box_03.left {
    padding-left: 10px;
    padding-right: 5px;
  }
  div.parts_img_type24_box_02.left {
    padding-left: 3.75px;
    padding-right: 11.25px;
  }
  div.parts_img_type24_box_04.left {
    padding-left: 11.25px;
    padding-right: 3.75px;
  }
  div.parts_img_type25_box_02.left {
    padding-left: 3px;
    padding-right: 12px;
  }
  div.parts_img_type25_box_03.left {
    padding-left: 6px;
    padding-right: 9px;
  }
  div.parts_img_type25_box_04.left {
    padding-left: 9px;
    padding-right: 6px;
  }
  div.parts_img_type25_box_05.left {
    padding-left: 12px;
    padding-right: 3px;
  }
  .parts_img_type20_txtBox > :last-child, .parts_img_type21_txtBox > :last-child, .parts_img_type04_box > :last-child, .parts_img_type22_box > :last-child, .parts_img_type22_txtBox > :last-child, .parts_img_type23_box > :last-child, .parts_img_type23_txtBox > :last-child, .parts_img_type11_img + div > :last-child, .parts_img_type12_img + div > :last-child, .parts_img_type13_img + div > :last-child, .parts_img_type26_box_text > :last-child, .parts_img_type26_text > :last-child, .parts_img_type27_box_text > :last-child, .parts_img_type08_img + div > :last-child, .parts_img_type09_img + div > :last-child, .parts_img_type10_img + div > :last-child {
    margin-bottom: 0;
  }
}
/* ---------------------------------------------------------------------------------------- 
 表組系
 ---------------------------------------------------------------------------------------- *//* 左）画像　中）テキスト　右)画像 */


/* -----------------------------------------
 画像と表とテキスト
 ----------------------------------------- */.parts_tabel_type14_table > div:first-child table, y .parts_tabel_type15_table > div:first-child table, .parts_tabel_type16_table > div:first-child table, .parts_tabel_type17_table > div:first-child table {
  margin-bottom: 15px;
}
.parts_tabel_type16_photo > div:last-child, .parts_tabel_type17_photo > div:last-child {
  font-size: 0.75em;
}
/* ---------------------------------------------------------------------------------------- 
 テキスト系
 ---------------------------------------------------------------------------------------- */dd, dt {
  margin-bottom: 20px;
}
.parts_text_type18 li::after, .parts_text_type19 li::after, .parts_text_type20 li::after, .parts_text_type21 li::after, .parts_text_type22 li::after, .parts_text_type23 li::after {
  border-color: #737bb5;
}


/* -----------------------------------------
 よくある質問
 ----------------------------------------- */

.qaList dl {
	transition: 0.5s;
}

.qaList dt {
	position: relative;
	margin: 0 0 1rem;
	padding: 0 0 0 50px;
	line-height: 1.75;
}

.qaList dt:before {
	content: "Q";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 30px;
	height: 30px;
	background-color: #344897;
	border-radius: 50%;
	font-size: 2rem;
	font-weight: 600;
	line-height: 30px;
	text-align: center;
	color: #fff;
}

.qaList dd {
	position: relative;
	margin: 1rem 0 0;
	padding: 0 0 0 50px;
}

.qaList dd:before {
	content: "A";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 30px;
	height: 30px;
	background-color: #19a5c8;
	border-radius: 50%;
	font-size: 2rem;
	font-weight: 600;
	line-height: 30px;
	text-align: center;
	color: #fff;
}

.parts_text_type17 dl.type17-qaList-open {
	padding: 2rem;
	background-color: #f6f8ff;
	border-radius: 10px;
}



/* -----------------------------------------
 列
 ----------------------------------------- */.parts_text_type03_box, [class^="parts_text_type05_box"], [class^="parts_text_type07_box"] {
  padding-top: 0 !important;
}
/* スマホ以外 */@media (min-width: 768px) {
  /* 列 */  .parts_text_type03_box, [class^="parts_text_type05_box"], [class^="parts_text_type07_box"] {
    padding-bottom: 0 !important;
  }
}
/* -----------------------------------------
 線
 ----------------------------------------- */.parts_text_type02, .parts_text_type04, .parts_text_type06, .parts_text_type08 {
  background: #f6f8ff;
  border: 1px solid #f6f8ff;
  border-radius: 10px;
  padding: 30px !important;
}
/* -----------------------------------------
 スクロールバー付テキストボックス
 ----------------------------------------- */
 /* -----------------------------------------
 プラン別価格表（横並び）
 ----------------------------------------- */

 .cparts-var03-type04 .cparts-body-block {
  background: #f6f8ff;
  border: 2px solid #f6f8ff;
  box-shadow: 0px 0px 10px #c0c0d1;
  border-radius: 0;
}
.cparts-var03-type04 .cparts-body-block .cparts-ttl-block {
  border-color: #c0c0d1;
}
.cparts-var03-type04 .cparts-body-block .cparts-txt-block h5 {
  border-color: #c0c0d1;
  box-shadow: none;
  width: 100%;
  background: none;
  border-radius: 0;
}
/* -----------------------------------------
 流れ（ライン）
 ----------------------------------------- */.cparts-var03-type24 .cparts-no-block {
  background-color: #3b4e9a;
}
.cparts-var03-type24 .cparts-body-block {
  border-color: #3b4e9a;
  padding: 0 50px 40px;
}
.cparts-var03-type24 + .cparts-var03-type24 > div:after {
  border-color: #3b4e9a;
}
.cparts-var03-type24 + .cparts-var03-type24 > div:before {
  border-color: #3b4e9a;
}
.cparts-var03-type24.cparts-connector--curve + .cparts-var03-type24.cparts-connector--curve:nth-of-type(even) .cparts-body-block {
  border-color: #3b4e9a;
}
.cparts-var03-type24.cparts-connector--curve + .cparts-var03-type24.cparts-connector--curve div.cparts-head-block {
  border-color: #3b4e9a;
}
/* -----------------------------------------
 流れ（横並び）
 ----------------------------------------- */
.cparts-var03-type21 .cparts-body-block {
  box-shadow: 0 0 5px #ccc;
  background: #fafafa;
  border: none;
}
.cparts-var03-type21 .cparts-body-block .cparts-no-block {
  border-color: #ccc;
}
.cparts-var03-type21 .cparts-body-block .btn02{
  min-width: 220px;
}
/* -----------------------------------------
 流れ（画像つき・矢印なし）
 ----------------------------------------- */.cparts-var03-type03a.box {
  margin-bottom: 40px;
  border: none;
  box-shadow: 0 0 10px #ccc;
  background: #fafafa;
}
.cparts-var03-type03a.box .cparts-head-block {
  border-color: #ccc;
}
/* -----------------------------------------
 流れ（矢印のみ）
 ----------------------------------------- */.cparts-var03-type03b.box {
  margin-bottom: 30px;
}
.cparts-var03-type03b.box .cparts-info-block {
  border-top: 20px solid #ccc;
  margin-bottom: 0;
}
/* -----------------------------------------
 流れ（矢印付き）（矢印なし）
 ----------------------------------------- */.parts_text_type14 {
  border-color: #3b4e9a;
  margin-bottom: 30px;
}
.parts_text_type14 .parts_text_type14_head {
  background: #3b4e9a;
  color: #fff;
}
.parts_text_type14 .parts_text_type14_head .parts_text_type14_head_num {
  margin: 10px 0;
}
.parts_text_type14 .parts_text_type14_head h3 {
  color: #fff;
  margin: 10px 0;
  text-shadow: none;
}
.parts_text_type14 .parts_text_type14_head:after {
  border-top-color: #3b4e9a;
}
.parts_text_type15 {
  border-color: #3b4e9a;
}
.parts_text_type15 .parts_text_type15_head {
  background: #3b4e9a;
  color: #fff;
}
.parts_text_type15 .parts_text_type15_head .parts_text_type15_head_num {
  margin: 10px 0;
}
.parts_text_type15 .parts_text_type15_head h3 {
  color: #fff;
  margin: 10px 0;
  text-shadow: none;
}

/* ---------------------------------------------------------------------------------------- 
 フリーエリア
 ---------------------------------------------------------------------------------------- */
/* -----------------------------------------
 お問い合わせ
 ----------------------------------------- */.parts_free_type01 .parts_free_type01_body_foot a {
  background: #c9b7dc;
  border-radius: 80px;
  text-align: center;
  border: 2px solid #8295bf;
  color: #fff;
  transition: 0.5s;
}
.parts_free_type01 .parts_free_type01_body_foot a:hover, .parts_free_type01 .parts_free_type01_body_foot a:focus {
  background: #8295bf;
  color: #fff;
  text-decoration: none;
  opacity: 1 !important;
}
.parts_free_type02 .parts_free_type02_body_box:last-child a {
  background: #c9b7dc;
  border-radius: 80px;
  text-align: center;
  border: 2px solid #8295bf;
  color: #fff;
  transition: 0.5s;
}
.parts_free_type02 .parts_free_type02_body_box:last-child a:hover, .parts_free_type02 .parts_free_type02_body_box:last-child a:focus {
  background: #8295bf;
  color: #fff;
  text-decoration: none;
  opacity: 1 !important;
}
.parts_free_type03 .parts_free_type03_bu a {
  background: #c9b7dc;
  border-radius: 80px;
  text-align: center;
  border: 2px solid #8295bf;
  color: #fff;
  transition: 0.5s;
}
.parts_free_type03 .parts_free_type03_bu a:hover, .parts_free_type03 .parts_free_type03_bu a:focus {
  background: #8295bf;
  color: #fff;
  text-decoration: none;
  opacity: 1 !important;
}
.parts_free_type01, .parts_free_type02, .parts_free_type03, .parts_free_type04 {
  border: none;
  background: #fafafa;
  box-shadow: 0 0 10px #ccc;
}
.parts_free_type02_body_box {
  border-color: #ccc;
}

/* ---------------------------------------------------------------------------------------- 
 その他
 ---------------------------------------------------------------------------------------- *//* -----------------------------------------
 ボタン
 ----------------------------------------- */
 .cparts-btn-round, .cparts-btn-square {
  /*color: #fff;
  border: 2px solid #3f4a6b;
  box-shadow: 0 0 4px #51586f;
  background: #3f4a6b;*/

  color: #fff;
    border: 2px solid #daa12c;
    box-shadow: 0 0 4px #ad7c18;
    background: #daa12c;
}
.cparts-btn-round:hover, .cparts-btn-square:hover ,
.cparts-btn-round:focus, .cparts-btn-square:focus {
  /*box-shadow: 0 0 10px #2a3258;
  border: 2px solid #5a678c;
  background: #5a678c;
  color: #fff;*/

  box-shadow: 0 0 10px #c78f1c;
    border: 2px solid #daa12c;
    background: #ffffff;
    color: #daa12c;
}


/* -----------------------------------------
 キービジュアル
 ----------------------------------------- */
.cparts-var03-type22 .h1-canvas:before,
.cparts-var03-type23 .h1-canvas:before{
  display: none !important;
}

.siteblock-main .cparts-var03-type23 .cparts-img-block::before{
  border-color: transparent transparent #f6f8ff transparent;
}

 .parts_free_type05_text, .parts_free_type06_text {
  background-color: rgba(255, 255, 255, 0.8);
}
.parts_free_type05_text a, .parts_free_type06_text a {
  background: #c9b7dc;
  color: #fff;
  transition: 0.5s;
}
.parts_free_type05_text a:hover, .parts_free_type06_text a:hover, .parts_free_type05_text a:focus, .parts_free_type06_text a:focus {
  background: #8295bf;
  color: #fff;
}
.parts_free_type07_text {
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
}
.parts_free_type07_text a {
  background: #c9b7dc;
  color: #fff;
  transition: 0.5s;
}
.parts_free_type07_text a:hover, .parts_free_type07_text a:focus {
  background: #8295bf;
  color: #fff;
}
.parts_free_type07_text .h1-canvas {
  margin-top: 0 !important;
}
.parts_free_type08_text {
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
}
.parts_free_type08_text .h1-canvas {
  margin-top: 0 !important;
}
/* -----------------------------------------
 クリックで詳細表示
 ----------------------------------------- */
.cparts-var03-type12a.box{
    margin-bottom: 20px;
    margin-top: 20px;
}
.cparts-var03-type12a .cparts-body-block {
  /*box-shadow: 3px 3px 4px #c0c0d1, -3px -3px 4px #fff;*/
  background: #3b4e9a;
  border: 1px solid #3b4e9a;
  border-radius: 10px;
  transition: 0.5s;
  color: #fff;
}
.cparts-var03-type12a .cparts-body-block:hover, .cparts-var03-type12a .cparts-body-block:focus {
  /*box-shadow: inset 2px 2px 5px #c0c0d1, inset -3px -3px 7px #fff;*/
  background: #3b4e9a;
  border: 1px solid #3b4e9a;
  border-radius: 10px;
}
.cparts-var03-type12a .cparts-body-block h4 {
	margin: 0;
	color: #fff;
}
.cparts-var03-type12a .cparts-body-block .cparts-icon-block span {
  top: 34px;
  background-color: #fff;
}

/* -----------------------------------------
 タブ切り替え
 ----------------------------------------- */.cparts-var03-type26a.box {
  margin-bottom: 40px;
}
.cparts-var03-type26a ol li {
  box-shadow: 3px 3px 4px #c0c0d1, -3px -3px 4px #fff;
  color: #333;
  background: #f6f8ff;
  border: 1px solid #f6f8ff;
  border-radius: 10px;
}
.cparts-var03-type26a ol li.cparts-select-on {
  box-shadow: inset 2px 2px 5px #c0c0d1, inset -3px -3px 7px #fff;
  border: 1px solid #f6f8ff;
  color: #33526f;
  background: #f6f8ff;
}
.cparts-var03-type26a ol li.cparts-select-on:before {
  display: none;
}



/* -----------------------------------------
 スタッフ紹介
 ----------------------------------------- */

.cparts-var03-type08a .cparts-ttl-block {
  box-shadow: 0 0 20px -1px #ccc;
}
.cparts-var03-type08a .cparts-ttl-block p {
  border: none;
  background: #33526f;
  color: #fff;
}
.cparts-var03-type08b .cparts-body-block {
  background-color: #fff;
}
.cparts-var03-type08b .cparts-body-block .cparts-notes-block {
  background-color: #3b4e9a;
  color: #fff;
}
.cparts-var03-type08d .cparts-notes-block {
  background-color: #3b4e9a;
  color: #fff;
}
.cparts-var03-type08c div.cparts-notes-block p, .cparts-var03-type08e div.cparts-notes-block p {
  background-color: #3b4e9a;
  color: #fff;
}
.cparts-var03-type08c table{
  border: none !important;
}



/*2022.04.27*/
.pagetemp-top .siteblock-upper h2 {
    margin-top: 0 !important;
}
.pagetemp-top h4:not(.topicLink) {
    font-size: 22px;
}
.pagetemp-top h4.topicLink,
.pagetemp-top .blogRecentBody h4 {
    font-size: 18px;
}
.pagetemp-top .cparts-var03-type18 .cparts-body-block p a {
    font-weight: bold;
}
.pagetemp-top .freeParts > .box,
.topOriginal .box {
    margin-bottom: 0;
}
.pagetemp-top .cparts-var03-type06c.box {
    margin-bottom: 0;
}
.siteblock-opt1 .oemservice.oemservice-type2 {
    margin-bottom: 70px;
}
.pagetemp-top .siteblock-opt2 .topicsDigest + .blogRecent {
    margin-bottom: 70px;
}
.pagetemp-top .siteblock-opt1 .container > div[class*="free"]:nth-of-type(1) {
    background-color: #f8faff;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 15px 40px;
}
.pagetemp-top .siteblock-opt1 .container > div[class*="free"]:nth-of-type(1) > div {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}
.pagetemp-top .siteblock-opt3 h2 {
    font-size: 32px;
    margin-top: 0;
}
h2.ant2oem-h2blue {
    color: #002180;
}
div.cparts-var03-type04 .cparts-body-block {
    background-color: #fff;
}
div.cparts-var03-type04 .cparts-ttl-block {
    color: #fff;
    font-size: 26px;
}
div.cparts-var03-type04.ant2oem-plan01 .cparts-ttl-block {
    background-color: #3b4e9a;
}
div.cparts-var03-type04.ant2oem-plan02 .cparts-ttl-block {
    background-color: #a4a4d7;
}
div.cparts-var03-type04.ant2oem-plan01 .cparts-ttl-block h4,
div.cparts-var03-type04.ant2oem-plan02 .cparts-ttl-block h4 {
    font-size: 22px;
}
div.cparts-var03-type04 p.cparts-txt-block {
    margin-bottom: 5px;
}
div.cparts-var03-type04 p.cparts-txt-block span.cparts-price-block {
    padding: 0 10px;
}



.siteblock-upper {
    position: relative;
    z-index: 10;
}

#sitedesign-main-visual .sitedesign-bg-header .sitedesign-main_inner .sitedesign-main-text .ant2oem-mainvisual p:last-child {
  display: flex;
}
#sitedesign-main-visual .sitedesign-bg-header .sitedesign-main_inner .sitedesign-main-text .ant2oem-mainvisual p a {
  color: #fff;
  padding: 15px;
  width: 45%;
  max-width: 290px;
  min-width: 150px;
  text-align: center;
  border-radius: 100px;
  text-decoration: none;
  display: inline-block;
  margin-top: 20px;
  border: 2px solid #d49000;
  background: #d49000;
  transition: 0.5s;
  font-size: 16px;
  letter-spacing: .3rem;
}
#sitedesign-main-visual .sitedesign-bg-header .sitedesign-main_inner .sitedesign-main-text .ant2oem-mainvisual p a[href*="ant2.in"] {
  border: 2px solid #ec4b61;
  background: #ec4b61;    
}
#sitedesign-main-visual .sitedesign-bg-header .sitedesign-main_inner .sitedesign-main-text .ant2oem-mainvisual p a + a {
    margin-left: 20px;
}
#sitedesign-main-visual .sitedesign-bg-header .sitedesign-main_inner .sitedesign-main-text .ant2oem-mainvisual p a:hover,
#sitedesign-main-visual .sitedesign-bg-header .sitedesign-main_inner .sitedesign-main-text .ant2oem-mainvisual p a:focus {
  box-shadow: 0 0 5px #999;
  border: 2px solid #fff;
  background: #fff0;
  color: #fff;
}

.pagetemp-top .sitedesign-main_inner .parts_img_type03_box.left img {
    filter: none;
}

#sitedesign-main-visual {
    height: auto !important;
    margin-bottom: 0 !important;
}
.ant2oem-maniNvalue {
    color: #fff;
    position: relative;
    margin-right: -30px;
    margin-left: -30px;
    width: 100%;
    z-index: 1;
}
.ant2oem-maniNvalue .parts_text_type03_box p {
    background-color: rgba(255,2555,255,.1);
    border-radius: 15px;
    padding: 20px;
    letter-spacing: .2rem;
    height: 100%;
    text-align: center;
}
.ant2oem-maniNvalue .parts_text_type03_box strong {
    color: #fff;
    display: inline-block;
    font-size: 3em;
    margin: 0 15px;
}

@media (max-width: 767px) {
    .ant2oem-maniNvalue {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}

@media (min-width: 768px) {
 .sitedesign-main_inner {
     flex-wrap: wrap;
 }
 .siteblock-opt1 .topOriginal {
   padding-top: 40px;
 }
 .pagetemp-top .siteblock-opt2 .topicsDigest + .blogRecent {
   margin-top: 40px;
 }
 .pagetemp-top .siteblock-opt1 .container > div[class*="free"]:nth-of-type(1) {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-bottom: 70px;
    padding: 10px 0 70px;
 }
 #sitedesign-main-visual {
     padding-top: 80px;
     padding-bottom: 80px;
 }
 .ant2oem-maniNvalue {
     margin-top: 50px;
 }
 .ant2oem-maniNvalue .parts_text_type03_box p {
     font-size: 18px;
 }
}

@media (min-width: 1200px) {
 .ant2oem-maniNvalue {
     margin-top: 80px;
 }
 .ant2oem-maniNvalue .parts_text_type03_box p {
   font-size: 24px;
 }
 .ant2oem-maniNvalue .parts_text_type03_box p br {
     display: none;
 }
}


/* ---------------------------------------------------------------------------------------- 

	TOPページ

 ---------------------------------------------------------------------------------------- */
 
.btn-banner-movie {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 999;
    display: none;
	max-width: 320px;
}

.btn-banner-movie.display-no {
    display: none !important;
}

.btn-banner-movie p {
    margin-bottom: 0;
}

.btn-banner-movie-close {
    position: absolute;
    top: -12px;
    right: -12px;
    display: block;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    transition: 0.3s;
}

.btn-banner-movie-close:before,
.btn-banner-movie-close:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3px;
    height: 50%;
    border-radius: 2px;
    background: #3b4e9a;
    cursor: pointer;
}

.btn-banner-movie-close:before {
    transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}

.btn-banner-movie-close:after {
    transform: translateY(-50%) translateX(-50%) rotate(45deg);
}

.btn-banner-movie-close > span {
    display: none;
}

.btn-banner-movie-close:hover {
    background-color: #3b4e9a;
}

.btn-banner-movie-close:hover:before,
.btn-banner-movie-close:hover:after {
    background: #fff;
}

.btn-banner-movie img {
	width: 270px;
}

@media (max-width: 768px) {
	
	.btn-banner-movie {
    	max-width: 160px;
	}

    .btn-banner-movie-close {
        top: -10px;
        right: -10px;
        width: 28px;
        height: 28px;
    }

	.btn-banner-movie img {
		width: 120px;
	}

}


.banner-movie {
    position: relative;
    display: none;
}

.banner-movie-box {
    width: 100%;
    aspect-ratio: 16 / 9;
}

.banner-movie-box iframe {
    width: 100%;
    height: 100%;
}

@media (max-width: 1024px) {

    .btn-banner-movie {
        right: 10px;
        bottom: 10px;
    }

    .btn-banner-movie img {
        width: 270px;
        height: auto;
    }

}

@media (max-width: 768px) {

    .btn-banner-movie img {
        width: 180px;
        height: auto;
    }

}


.oem-service {
	position: relative;
}

.oem-service:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: -80px;
	z-index: 0;
	display: none;
	width: 550px;
	height: 420px;
	background: url("../images/common/bg01.png") no-repeat center center;
	background-size: contain;
}

.oem-service:after {
	content: '';
	position: absolute;
	right: 0;
	bottom: -80px;
	z-index: 0;
	display: none;
	width: 494px;
	height: 400px;
	background: url("../images/common/bg02.png") no-repeat center center;
	background-size: contain;
}

.oem-service .inner {
	position: relative;
	z-index: 1;
}

@media screen and ( max-width: 767px ) {
	
	.oem-service:before {
		left: -40px;
		bottom: -40px;
		width: 220px; /*550px*/
		height: 168px; /*420px*/
	}

	.oem-service:after {
		right: -40px;
		bottom: -40px;
		width: 198px; /*494px*/
		height: 160px; /*400px*/
	}
	
	.oem-service .inner {
		padding-top: 20px;
	}

}


.oem-row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -35px -32px;
}

.oem-col {
	width: 33.33333333%;
	margin-bottom: 70px;
	padding: 0 35px;
}

.oem-box__title {
	margin: 0 0 16px;
	padding: 48px 12px;
	background-color: rgba(41,51,95,0.9);
	border-radius: 10px;
	color: #fff;
	font-size: 24px;
	line-height: 1.4;
	text-align: center;
}

.oem-box__text > :last-child {
	margin-bottom: 0;
}

@media screen and ( max-width: 767px ) {
	
	.oem-row {
		margin: 0 -20px -20px;
	}

	.oem-col {
		width: 100%;
		margin-bottom: 20px;
		padding: 0 20px;
	}

	.oem-box__title {
		padding: 48px 12px;
		font-size: 20px;
	}
	
}


.oem-foot {
	width: 100%;
	max-width: 980px;
	margin: 0 auto 40px;
	padding: 40px;
	background-color: rgba(41,51,95,0.9);
	color: #fff;
	border-radius: 10px;
}

.oem-foot__sup {
	margin: 0 0 0.6em;
	font-size: 24px;
	line-height: 1.4;
	text-align: center;
	font-weight: 700;
}

.oem-foot__sup strong {
	font-size: 32px;
	color: #f4d83f;
}

.oem-foot__title {
	margin: 0;
	padding: 0;
	font-size: 32px;
	line-height: 1.4;
	text-align: center;
	color: #fff;
}

.oem-foot__title > span {
	display: inline-block;
	padding-bottom: 8px;
	border-bottom: 8px  solid #f4d83f;
}

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


/* ---------------------------------------------------------------------------------------- 

	ant2の想い

 ---------------------------------------------------------------------------------------- */

.vision-Box {
	margin: 0 auto 80px;
	padding: 80px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .17);
}

.vision-Box__title {
	margin: 0 0 40px;
	font-size: 32px;
}

.vision-Box__text + .vision-Box__title {
	margin-top: 80px;
}

.vision-Box__text {
	line-height: 2;
}

.vision-Box__text p {
	margin: 0 0 2rem;
	line-height: 2;
}

@media (max-width: 768px) {

    .vision-Box {
		margin: 0 auto 40px;
		padding: 40px;
	}

	.vision-Box__title {
		margin: 0 0 40px;
		font-size: 24px;
	}

	.vision-Box__text + .vision-Box__title {
		margin-top: 40px;
	}

}


/* ---------------------------------------------------------------------------------------- 

	お役立ち資料

 ---------------------------------------------------------------------------------------- */

.card-download-row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -2rem;
}

.card-download-col {
	width: 33.33333333%;
	margin: 0 0 4rem;
	padding: 0 2rem;
}

@media (max-width: 768px) {
	
	.card-download-col {
		width: 100%;
		margin: 0 0 2rem;
	}
	
}


.card-download__photo {
	margin: 0;
	padding: 2rem 2rem 0;
}

.card-download__body {
	padding: 2rem;
}

.card-download__title {
	font-size: 2rem;
}

.card-download__text {
	margin: 0 0 1.6rem;
}

.card-download__text > :last-child {
	margin-bottom: 0;
}

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

.card-download__btn > :last-child {
	margin-bottom: 0;
}


/* ---------------------------------------------------------------------------------------- 

	お役立ち資料

 ---------------------------------------------------------------------------------------- */

.complete-btn-box {
	display: flex;
	align-items: center;
	margin: 0 0 4rem;
	padding: 2rem;
	border: 1px solid #ccc;
}

.complete-btn-box__icon {
	width: 80px;
}

.complete-btn-box__title {
	width: calc( 100% - 294px );
	padding: 0 20px;
}

.complete-btn-box__title h2 {
	margin: 0;
	padding: 0;
	font-size: 1.6rem;
}

.complete-btn-box__btn {
	width: 214px;
}

.complete-btn-box__btn > :last-child {
	margin-bottom: 0;
}

@media (max-width: 768px) {
	
	.complete-btn-box {
		flex-wrap: wrap;
		margin-bottom: 2rem;
	}

	.complete-btn-box__icon {
		width: 40px;
	}

	.complete-btn-box__title {
		width: calc( 100% - 40px );
		padding: 0 0 0 20px;
	}

	.complete-btn-box__btn {
		width: 100%;
		margin-top: 2rem;
		text-align: center;
	}

}


/* ----------------------------------------------------------------------------------------

	クッキー

---------------------------------------------------------------------------------------- */

#cms_cookieBanner {
	align-items: center;
}

div#cms_cookieBanner #cms_cookieclose button {
	top: 0;
	right: 0;
}

div#cms_cookieBanner .cms_cookieMessage {
	width: calc( 100% - 180px);
	font-size: 1.3rem;
}

div#cms_cookieBanner #cms_cookieaccept_container {
	width: 180px;
}

div#cms_cookieBanner button#cms_cookieaccept {
	display: inline-block;
    min-width: 160px;
    max-width: 100%;
    padding: 12px 8px;
    border-radius: 9999px;
    color: #fff;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    transition: .3s;
}

@media (max-width: 767px) {
    
	div#cms_cookieBanner .cms_cookieMessage {
		width: 100%;
	}

	div#cms_cookieBanner #cms_cookieaccept_container {
		width: 100%;
	}
	
}


/* ---------------------------------------------------------------------------------------- 

	コンテンツパーツ

 ---------------------------------------------------------------------------------------- */


/* 目次
 ---------------------------------------------------------------------------------------- */

div.cparts-id282--02 .cparts-id282--02__ttl {
	margin-bottom: 1.6rem;
}

[class*="cparts-id282"] ul.cparts-list-ul--01,
[class*="cparts-id282"] ul.cparts-list-ul--02 {
	margin-left: 3rem;
}

[class*="cparts-id282"] ul.cparts-list-ul--01 li {
	list-style: decimal;
}

[class*="cparts-id282"] ul.cparts-list-ul--02 li {
	list-style: disc;
}


div.cparts-id282--02 .cparts-list-li--01,
div.cparts-id282--03 .cparts-list-li--01 {
	margin: 0;
	padding: 0;
}

div.cparts-id282--02 .cparts-list-ul--02 > li,
div.cparts-id282--03 .cparts-list-ul--02 > li {
	margin: 0;
	padding: 0;
}

div.cparts-id282--02 .cparts-list-ul--01 > li::before,
div.cparts-id282--03 .cparts-list-ul--01 > li::before,
div.cparts-id282--02 .cparts-list-ul--01 > li::after,
div.cparts-id282--03 .cparts-list-ul--01 > li::after {
	display: none;
}


div.cparts-id282--02 .cparts-list-ul--02 > li::before,
div.cparts-id282--03 .cparts-list-ul--02 > li::before,
div.cparts-id282--02 .cparts-list-ul--02 > li::after,
div.cparts-id282--03 .cparts-list-ul--02 > li::after {
	display: none;
}


[class*="cparts-id131"] .cparts-head-block h3 .cparts-id131--01__ttl {
	font-size: 1.6rem !important;
}

[class*="cparts-id548"] .cparts-no-block {
    font-size: 16px;
}


.ant2oemorg-steplist01 .cparts-ttl-block.cparts-id118__ttl {
    color: #d49000;
}

/* ---------------------------------------------------------------------------------------- 

	動き用 class

 ---------------------------------------------------------------------------------------- */

.fadeUpTrigger {
	opacity: 0;
}

.fadeUp {
	animation-name: fadeUpAnime;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	opacity: 0;
}

.delay-time02 { animation-delay: 0.2s;}
.delay-time03 { animation-delay: 0.3s;}
.delay-time04 { animation-delay: 0.4s;}
.delay-time05 { animation-delay: 0.5s;}
.delay-time06 { animation-delay: 0.6s;}
.delay-time07 { animation-delay: 0.7s;}
.delay-time08 { animation-delay: 0.8s;}
.delay-time09 { animation-delay: 0.9s;}
.delay-time10 { animation-delay: 1s;}
.delay-time11 { animation-delay: 1.1s;}
.delay-time12 { animation-delay: 1.2s;}
.delay-time13 { animation-delay: 1.3s;}
.delay-time14 { animation-delay: 1.4s;}
.delay-time15 { animation-delay: 1.5s;}
.delay-time16 { animation-delay: 1.6s;}

@keyframes fadeUpAnime{
	from {
		opacity: 0;
		transform: translateY(100px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}